/* 公共样式 */
*{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;}
body{cursor: default; text-size-adjust: none; font-size: 14px; font-family: 微软雅黑, 宋体, Arial;color:#333;overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0; }

ul li{list-style:none;}

.l-rbg{position:fixed;top:0;right:0;left:0;bottom:0;z-index:-1;}
.l-rbg img{width:100%;height:100%;}

.wrap{width:400px;background:#f9f9f9; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;margin:0 auto;
     top:20%;position:fixed;left:50%;margin-left:-200px;padding:30px;}
.wrap h1,
.wrap.register .side .side-title{text-align:left;font-size:16px;color:#000;font-weight:normal;padding-bottom:20px;border-bottom:solid 1px #eee;
     position:relative;height:43px}
.wrap h1 i,
.wrap.register .side .side-title i{display:inline-block;font-style:normal;border-bottom:solid 2px #000;height:43px;position: absolute;top:0;left:0;}
.wrap h2{text-align:center;padding:30px 0px 10px;}
.gform{width:100%;margin:30px auto 20px;}
.gform .gform-box{height:42px;margin-bottom:20px;position:relative;}
.gform .gform-box input,
.gform .gform-box button{ -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px;}
.gform .gform-box input{display: inline-block;  padding: 0 10px;  height: 42px;  font-size: 16px;  line-height: 1;  color: #777;
     background: #FCFCFC;  border: 1px solid #e8e8e8;width:100%;background: #fff!important;}
#rand_code{width:68%;float:left;}
#yzmimg{float:right;vertical-align:middle;position: relative;height:40px;width:86px;}
.gform .gform-box button{width:100%;height:42px;border:none;background:#45a2ff;cursor:pointer;font-size:16px;color:#fff;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; border: 1px solid #e8e8e8!important;  }
.gform .gform-box .tip,.gform .gform-box .passTips{font-size:12px;position: absolute;top:0;line-height:42px;right:10px;color:#ff0000;}

.side .side-title{text-align:center;padding-top:20px;margin-top:15px;}
.side .extoauth2{text-align:center;padding:20px 0px 0;}
.side .extoauth2 a{width:42px;height:42px;display:inline-block;background:url(../images/icon-three-login.png) no-repeat;text-indent:9999px;  }
.side .extoauth2 a.icon.qq{margin:0px 50px;background-position:-84px 0;}
.side .extoauth2 a.icon.weibo{background-position:-42px 0;}
.side .extoauth2 a.icon.weixin{background-position:0 0;}
.side .extoauth2 a.icon.qq:hover{background-position:-84px -42px;}
.side .extoauth2 a.icon.weibo:hover{background-position:-42px -42px;}
.side .extoauth2 a.icon.weixin:hover{background-position:0px -42px;}
.side p{font-size:13px;}
.side p a{color:#0a628f;}

.wrap.register{width:420px;margin-left:-210px;}
.wrap.register .main{width: 360px;float: left;}
.wrap.register .side{width: 360px;float: left;}
.gform .gform-box.w1 button{width:54%;}
.gform .gform-box.w1 input{width:42%;float:right;}
.gform .gform-box.w2{margin:0 -2%;}
.gform .gform-box.w2 button{width:46%;float:left;margin:0 2%;}
.wrap.register .side{margin-left:0px;}
.wrap.register .side .side-title {margin-top:0;padding-top:0;}
.wrap.register .side .extoauth2{padding:50px 0;}
.wrap.register .side p{text-align:left;}

#navbarSettings a.userimg{float:left;}

.side-title,
.extoauth2{display:none;}


.cx-ydshow .l-rbg{background:#f9f9f9;}
.cx-ydshow .l-rbg img{display:none;}

.cx-ydshow .wrap h1,
.cx-ydshow .wrap.register .side .side-title,
.cx-ydshow .gform .gform-box input,
.cx-ydshow .side p{
     font-size:0.375rem;
}
.cx-ydshow .gform .gform-box .tip,.cx-ydshow  .gform .gform-box .passTips{
     font-size:0.34rem;
}
.cx-ydshow .wrap h1{height:1rem;text-align: center;padding:0;border:none;font-size:0.46rem;}
.cx-ydshow .wrap h1 i{height: 1rem;position:relative;top:auto;left:auto;border:none;}
.cx-ydshow .wrap h1 i:before{display:block;content:'';width:0.05rem;height:0.05rem;}
.cx-ydshow .wrap,.wrap.register{width:100%;padding:0 0.8rem;position:relative;margin:1rem 0;top:auto;left:auto;background:none;}
.cx-ydshow .gform .gform-box{height:1rem;margin:0 0 0.4rem 0;}
.cx-ydshow .gform .gform-box input{height:1rem;line-height: 1rem;background:#fff;
     border: 1px solid #DDD;border-radius: 3px;-webkit-border-radius: 3px;padding:0 0.3rem;}
.cx-ydshow .gform .gform-box .tip,.cx-ydshow  .gform .gform-box .passTips{line-height:1rem;}
.cx-ydshow  #yzmimg,
.cx-ydshow .gform .gform-box.w2 button,
.cx-ydshow .gform .gform-box.w1 button{height:1rem;}
.cx-ydshow .gform .gform-box button{height:1.2rem;font-size:0.42rem;}

.cx-ydshow .wrap.register .main,
.cx-ydshow .wrap.register .side{width:100%;float:none;margin:0;}
.cx-ydshow .wrap.register .side p{text-align:left;}
.cx-ydshow  #yzmimg{width:auto;}

.cx-ydshow .side p{padding-top:0.2rem;}

@media (min-width:1024px) and (max-width:1366px){
     .wrap{top:12%;}
}
@media (min-width: 320px) and (max-width:768px){
     .side p{padding-top:0.2rem;}
     .l-rbg{background:#f9f9f9;}
     .l-rbg img{display:none;}

     .wrap h1,
     .wrap.register .side .side-title,
     .gform .gform-box input,.side p{
          font-size:0.375rem;
     }
     .gform .gform-box .tip, .gform .gform-box .passTips{
          font-size:0.34rem;
     }
     .wrap h1{height:1rem;text-align: center;padding:0;border:none;font-size:0.46rem;}
     .wrap h1 i{height: 1rem;position:relative;top:auto;left:auto;border:none;}
     .wrap h1 i:before{display:block;content:'';width:0.05rem;height:0.05rem;}
     .wrap,.wrap.register{width:100%;padding:0 0.8rem;position:relative;margin:1rem 0;top:auto;left:auto;background:none;}
     .gform .gform-box{height:1rem;margin:0 0 0.4rem 0;box-shadow: inset 0 1px 2px rgba(0,0,0,.06);-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.06);}
     .gform .gform-box input{height:1rem;line-height: 1rem;background:#fff;
          border: 1px solid #DDD;border-radius: 3px;-webkit-border-radius: 3px;padding:0 0.3rem;}
     .gform .gform-box .tip, .gform .gform-box .passTips{line-height:1rem;}
     #yzmimg,
     .gform .gform-box.w2 button,
     .gform .gform-box.w1 button{height:1rem;}
     .gform .gform-box button{height:1.2rem;font-size:0.42rem;}

     .wrap.register .main,
     .wrap.register .side{width:100%;float:none;margin:0;}
     .wrap.register .side p{text-align:left;}

}