@charset "utf-8";
/*全局*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,hgroup,footer,header,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline;outline-style:none;}

body{background-color: #FFF;font-size:14px;line-height:1.6;font-family:"微软雅黑",Verdana,Sans-serif;color:#333;} 
a,a:link{font-size:14px;outline-style:none;color:#333;text-decoration:none;}
a:active,a:hover{font-size:14px;outline-style:none;color:#666;text-decoration:none;}
a:focus{font-size:14px;color:#333} 
a.btn-org,a.btn-org:link{color:#fff;}
 
input{outline-style:none;margin:0;padding:0;}
ol,ul,dl,dt{list-style:none;padding:0;border:0;font-weight: normal;font-style: normal;}
caption,th,td{font-weight:400;vertical-align:middle;}
q,blockquote{quotes:none;}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none;}
a,img{border:none;outline-style:none;}
.clear,.clearfix{clear:both;} 
:focus{outline-style:none;}
a,label{outline-style:none;}
a{outline-style:none;text-decoration:none;cursor:pointer;}
.pointer{cursor:pointer;}.cursor-def{cursor:default;}.cursor-move{cursor:move;}
button,button:hover,button:active,button:focus{outline-style:none;} 
.btn,.btn:focus{outline-style:none;}
.text-left {text-align: left;}
.text-right { text-align: right;}
.text-center {text-align: center;}
.tc{text-align:center;margin:0 auto;}
.clearfix:before,
.clearfix:after{display: table;content: " ";}
.clearfix:after{clear: both;}
.btn,.btn:focus{outline-style:none;cursor:pointer}
.btn-blue49 {border: 0;border-radius:4px; font-size:16px; color:#fff; background:#00b88a;height:40px;line-height:40px;outline-style:none; }
.btn-blue49:hover{ background:#00b88a;  opacity:0.8;  color:#fff;}/*08947d */
.btn-blue49:focus{ opacity:0.8 }
.btn.w100p{ width: 100%; }
.btn.w250{ width: 250px; }
.btn.w270{ width: 270px; }
.mt20{margin-top:20px;}
.relative{position:relative;}
.gay-login-err,.err-tip{color:red;}
.gay-btn{text-align:center;}
.gay-login-err{color:red;}
.green,a.green,a.green:hover{cursor:pointer;color:#00b88a;font-size:14px}

.gay-login-txt{width:270px;font-size:14px;text-align:right;margin:15px auto 0;color:#00b88a;padding-bottom:30px;}
.gay-login-txt a:hover{font-size:14px;}
/*index*/
.index{background:url('../img/bg.jpg') no-repeat center center;background-attachment:fixed;width:100%;height:100%;background-size:cover;position: fixed;left: 0;top: 0;}

.gay-login-box{margin:0 auto;text-align:center;position:absolute;left:50%;margin-left:-600px;top:45%;margin-top:-300px;width:1200px;height:600px;min-height:600px;height:auto;z-index: 99;}
.login-box{position:absolute;top:130px;right:-180px;margin:0 auto;width:360px;height:380px;min-height:380px;height:auto;background:rgba(255,255,255,1);box-shadow:0px 0px 50px 0px rgba(8,26,56,0.2);}
/*login*/
.inner-login-box{text-align:center;margin:0 auto;padding-top:0px;}
.inner-login-bd{    padding-top: 60px;}
.mobile-login.login-box .inner-login-bd{    padding-top:0px;}
.inner-login-logo{padding-top:40px;}
.inner-login-logo img{width:56px;height:56px;}
.inner-login-txt{text-align:center;margin:40px auto 30px;color:#333;font-size:18px;font-weight:bold;line-height:1;}
.inner-login-item { text-align: left;background: rgba(245,245,245,1);width:270px;margin:15px auto;}  
.inner-login-bd .gay-ipt{background:rgba(245,245,245,1);border-radius:4px;height:40px;line-height:40px;min-height:40px;border:0;padding-left:36px;font-size:14px;color:#333;width:234px;}
.inner-login-item.verify-item {clear:both;background:#fff;}
.inner-login-item.verify-item .gay-ipt{max-width:112px;padding-left:14px;padding-right:14px;float:left;display:inline-block;background: rgba(245,245,245,1);border-radius:4px;}
.inner-login-item.verify-item img{width:130px;height:40px;overflow:hidden;}
.gay-login-btn{text-align:center;margin:15px auto 15px;width: 270px;} 
.login-footer-txt{color:#fff;text-align:center;margin:0 auto;position:fixed;bottom:0;left:50%;margin-left:-600px;width:1200px;height:40px;}
.m-icon1,.m-icon2{position: absolute;top: 12px;left:14px;display:inline-block;vertical-align:middle;width:16px;height:16px;} 
.m-icon1{background:url('../img/mail.png') no-repeat center center;}
.m-icon2{background:url('../img/psw.png') no-repeat center center;}

.gay-login-box .banner-img {position:absolute;top:340px;left:140px}

.banner-til{display:inline-block;background:transparent url("../img/title.png") no-repeat center center; background-size: 100% 100%; width:1076px;height:60px;}/*width:1196px;height:81pxbackground-size:cover;;*/
.banner-tilpos{margin:0 auto;text-align:center;position:relative;top:60px;left:50%;margin-left:-538px;z-index:5;width:1076px;height:60px;}
 

/*原mobile-index*/
.mobile-top{display:none;position:fixed;z-index:999;top:0;right:0;left:0;height:44px;line-height:44px;
    background: rgba(0,180,138,.8);text-align:center;margin:0 auto;clear:both;}/*background:rgba(255,255,255,.1);*/
.mobile-top .title{font-size:15px; color:#fff;}
.mobile-top a{position:absolute;right:14px;top:0;bottom:12px;}
.mobile-top a.link,a:link:hover{text-decoration:none;color:#fff;font-size:15px;}
.mobile-login.mobile-top{border-bottom:1px solid #e5e5e5;}
.mobile-login.mobile-top  .title{font-size:17px;color:#fff;}

.mobile-index{background-image:url('../img/mbg.jpg');background-repeat:no-repeat;background-attachment:fixed;background-position:center center;width:100%;height:100%;background-size:cover;position: fixed;bottom: 0;left: 0;right: 0;top: 0;}

.mobile-img{position:absolute;top: auto;right:0;bottom: 140px;left: 0; margin: 0 38px;z-index:10;}
.mobile-img img{width:300px;height:44px;}

.mobile-login.login-box{padding-top: 70px;  position: relative;top:auto; right: auto;margin:0 auto;width: 100%;height:400px;box-shadow:none;display: block;}


/*适配部分*/
@media (max-width: 1400px){
.banner-img,.banner-tilpos{transform:scale(0.8)}
.banner-tilpos{top:20px;}
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1366px) and (orientation:landscape) {/*pad pro */
.login-box{right:-20px;}
.banner-tilpos {top: 100px;transform: scale(0.8);}
}

@media (max-width: 1366px){
.banner-tilpos{top:20px;}
.login-box{top:150px}
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {/*pad portrait 竖*/
.gay-login-box{width:100%;margin-left: -50%;}
.login-box{right: 50%;margin-right:-180px;top: 50%;margin-top:-190px;} 
.gay-login-box .banner-img{top: 540px;left: 50%; margin-left: -380px;transform: scale(0.5);}
.banner-tilpos{transform:scale(0.6); top: 100px;}
}/* pad 竖 */


@media only screen and (min-device-width: 481px) and (max-width: 1024px) and (orientation:landscape)/*pad*/
{.gay-login-box{width:100%;margin-left:-500px;}
.login-box{right: 50%;margin-right:-180px;} 
.gay-login-box .banner-img{ top: 540px;}
.banner-tilpos {top: 60px;}

}

@media (max-width: 767px){
.mobile-top{display:none;}
.index{background-image:url('../img/mbg.jpg');}

.login-box,.banner-tilpos{display:block;}
.banner-tilpos{ transform: scale(0.3);}
.gay-login-box{left:0;right:0;margin-left:auto;margin-right:auto;;top:0;margin-top:0;width:100%;height: 100%;margin: 0 auto;text-align: center;position: relative;}
.gay-login-box .banner-img{width: 100%;top: auto;right: 0;bottom: 140px;left: 0;text-align:center;margin:0 auto;}
.gay-login-box .banner-img img{width: 96%;height:96%;}

.login-box{  top: 50px;transform: scale(0.8);transform-origin: top center;position: relative;right: 0px;left: 0px;   margin-right: auto;margin-left: auto;text-align: center;width: auto;}
}

/* surface duo */
@media (max-width: 720px)and (orientation:landscape){
.banner-tilpos { transform: scale(0.6);top: 20px;}
.gay-login-box .banner-img{ transform: scale(0.6);bottom: 120px;}
.login-box{width: 360px; height: 380px; margin-right: auto;margin-left: auto;}
}


/* galaxy fold */
@media (max-width: 653px)and (orientation:landscape){
.inner-login-bd {   padding-top: 10px;}
.banner-tilpos {transform: scale(0.5); top: 0px;}
.login-box{width: 360px; transform: scale(0.6);height: auto;margin-right: auto;margin-left: auto;min-height: auto;padding-bottom: 20px;position: absolute;top: 20px;right: -260px;}
.gay-login-box .banner-img{position: absolute;bottom:auto; transform: scale(0.4); top: 100px; left: -250px;}
}


/* surface duo and (orientation:portrait) */
@media (max-width: 540px) {
.banner-tilpos {transform: scale(0.44);}
.login-box{ top: 320px;}
.gay-login-box .banner-img {  bottom: 20px;}
.mobile-top .title{float:left;padding-left:10px;}
}
/*  */
@media (max-width: 441px){
.banner-tilpos {    transform: scale(0.36);}
.login-box {    top: 80px;}
}



/* iphonex */
@media (max-width: 375px){
.banner-tilpos {transform: scale(0.3);}
.mobile-top .title{float:left;padding-left:10px;}
.login-box {top: 80px;}

}


/* iphone5 */
@media (max-width: 320px){
.banner-tilpos {transform: scale(0.27);}
.mobile-top .title{float:left;padding-left:10px;}
.gay-login-box .banner-img {bottom: 120px;}
}

/* galaxy fold */
@media (max-width: 280px)and (orientation: portrait){
.banner-tilpos {transform: scale(0.25);}
.login-box { top: 60px; transform: scale(0.94);
    min-height: auto;padding-bottom:20px;} 
.inner-login-bd {padding-top: 20px;}

}