@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:12px;line-height:1.6;font-family:"微软雅黑",Verdana,Sans-serif;color:#333;} 
a,a:link{outline-style:none;color:#333;text-decoration:none;}
a.btn-org,a.btn-org:link{color:#fff;}
a { color: #333;  text-decoration: underline;}
a:active,a:hover{outline-style:none;color:#666;text-decoration:none;}
a:focus{color:#333} 
 
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:#497CFD; height:40px;line-height:40px;outline-style:none; }
.btn-blue49:hover{ background:#497CFD;  color:#fff; opacity:0.8}
.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;}
.blue3e,a.blue3e,a.blue3e:hover{color:#3E6FD6}
.gay-btn{text-align:center;}

/*index*/
.index{background:url('../img/banner2.png') 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:-480px;top:50%;margin-top:-220px;width:960px;height:400px;min-height:400px;height:auto;z-index: 99;}
.login-box{position:absolute;top:0;right:20px;margin:0 auto;width:360px;height:400px;min-height:400px;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;}
.inner-login-logo{padding-top:40px;}
.inner-login-logo img{width:56px;height:56px;}
.inner-login-txt{text-align:center;margin:20px auto 30px;color:#333;font-size:18px;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-txt{width:270px;text-align:right;margin:15px auto 0;color:#3E6FD6;padding-bottom:30px;}
.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:200px;}
.gay-login-box .banner-img img{width: 90%;height:90%;}

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

.mobile-index{background-image:url('../img/m-bg.png');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 only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
.login-box{right: 50%;margin-right: -190px;}
.gay-login-box{margin-left: -50%;margin-top: -20%;width: 100%;}
.gay-login-box .banner-img{top: -140px;margin-left: -294px;left: 50%;}
}/* pad 竖 */


@media (max-width: 767px){
.mobile-top{display:block;}
.index{background-image:url('../img/m-bg.png');}
.login-box{display:none;}
.gay-login-box{left:0;margin-left:0;top:0;margin-top:0;width:100%;height: 100%;}
.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: 300px;height: 44px;}*/
}





