.g-login{width: 240px;height: 220px;position: absolute;top:50%;left:50%;transform: translate(0, -50%);z-index: 90;background: #fff;padding: 12px 12px;border-radius: 3px;box-shadow: 1px 1px 5px rgba(0,0,0,.3);}
.i-login{width: 240px;height: 220px;position: absolute;right: 100px;top:50%;transform: translate(0, -50%);z-index: 90;background: #fff;padding: 12px 12px;border-radius: 3px;box-shadow: 1px 1px 5px rgba(0,0,0,.3);}
.i-login-close{width: 40px;height: 40px;position: absolute;right: 0;top: 0;background: url(img/tiny-delete.png) no-repeat center center;display: block;cursor: pointer;}
.i-login-left{width: 40px;height: 40px;position: absolute;right: 0;top: 0;background: url(img/index-banner-al.png) no-repeat center center;cursor: pointer;}
.i-login-right{width: 40px;height: 40px;position: absolute;right: 0;top: 0;background: url(img/index-banner-ar.png) no-repeat center center;cursor: pointer;}

.i-login-tab{width: 100%;height: 30px;}
.i-login-tab li{height: 100%;width: 50%;padding-bottom: 5px;text-align:center;font-size: 14px;color: #3c3c3c;font-weight: 700;float: left;}
.i-login-tab li .active{border-bottom: 2px solid #000;}

.i-login-content{width: 100%;display: block;}
.i-login-content input{display: inline-block;padding: 0 10px;height: 36px;font-size: 14px;line-height: 1;color: #777;background: #FCFCFC;border: 1px solid #CCC;border-radius: 3px;width: 100%;box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-webkit-transition: color .2s linear,border-color .3s linear;outline:none;margin-top: 10px;box-sizing:border-box;}
.i-login-content p{display: inline-block;padding: 0 10px;height: 36px;font-size: 14px;color: #777;width: 100%;margin-top: 10px;}
.i-login-btn{width: 100%;height: 36px;display: inline-block;background-color: #F34D37;color: #fff;text-align: center;line-height: 36px;font-size: 18px;border-radius: 3px;margin-top: 15px;box-sizing:border-box;}
.i-login-btn:hover{background-color: #FF7864;}
.i-sms-btn{width: 150px;height: 36px;display: inline-block;background-color: #F34D37;color: #fff;text-align: center;line-height: 36px;font-size: 14px;border-radius: 3px;margin-top: 10px;box-sizing:border-box;}
.i-sms-btn:hover{background-color: #FF7864;}

.i-login-bottom{width: 100%;height: 20px;padding: 10px 0px 0px 0px;}
.i-login-bottom a{color: #777;;border-bottom: 1px solid #6B6B6B;}
.i-login-bottom a:hover{color: #0d6aad;}

.announce{display: none;position: fixed;top: 0;left: 0;height: 100%;width: 100%;z-index: 100;}
.announce-bg{height: 100%;width: 100%;background: #000;filter: alpha(opacity=50);opacity: .5;}
.announce-panel{width: 640px;height: 360px;position: absolute;left: 50%;top: 15%;transform: translate(-50%, 0);background: #fff;padding: 12px 12px;border-radius: 3px;box-shadow: 1px 1px 5px rgba(0,0,0,.3);}
.announce-panel h4{font-size: 20px;color: #6B6B6B}
.announce-panel p{font-size: 14px;color: #6B6B6B;padding: 10px 0px 0px 0px;}
.announce-panel a{height: 36px;width: 60px;display: inline-block;background-color: #F34D37;color: #fff;text-align: center;line-height: 36px;font-size: 18px;border-radius: 3px;margin-top: 15px;}
.announce-panel a:hover{background-color: #FF7864;}

.hide{display: none;}