*{margin:0; padding:0;}
html{-webkit-text-size-adjust: 100%; height:100%;}
body{ font-family:"Microsoft YaHei"; width:100%; background:#f5f5f5; margin:0 auto; font-size:14px;}
a{ color: #333; text-decoration:none; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color:transparent; }
img{border:none;max-width:100%;} 
i{font-style:normal; display:inline-block;float:left;}
.mp0{ margin:0; padding:0;}
.fr{float:right;}.fl{float:left;}
.tc{ text-align:center;}.tl{ text-align:left;}.tr{ text-align:right}
.sheng1{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
.hand{ cursor:pointer; }
.gap20{width:100%;height:20px;clear:both;}
.gap-top{ width:100%; height:40px;clear:both;}
.gap-bottom{ width:100%; height:120px;clear:both;}
.in-b{ display: inline-block; }
.mousestop{ pointer-events：none;}
red{color:#CA0413;}
/* 背景 -颜色 -字号*/
.bg-fff{ background-color:#fff; }
.bg-yellow{background-color:#D49008;}
.bg-left{background-color:rgba(33,87,175,0.4) ;/* opacity: 0.4;background-image: linear-gradient(-178deg, #9BBEF7 0%, #2157AF 100%); */}
.c-333{ color: #333; }
.c-999{ color: #999; }
.c-yellow{color:#D49008;}
.f12{ font-size: 12px }
.f14{ font-size: 14px }
.f16{ font-size: 16px }
.bdr10{ border-radius: 10px; }

.container{width:960px;margin:0 auto;clear:both;position:relative;}
header{ width: 100%; height: 80px; color:#fff;}
header .logo{ width: 149px; height: 40px; margin: 20px 50px 20px 0px; background: url("../images/logo-top.png") 0 0 no-repeat; background-size: 149px 40px; display: inline-block; float: left;}
.gzh{ width:80px;height: 19px; line-height: 19px; margin: 41px 0 20px; padding-right: 25px; border-right: 1px solid #fff; color:#fff;display: inline-block; float: left; position: relative;}
.gzh:hover::after{content:"6666"; width:168px; height: 188px; background:#123 url("../images/icity-erweima.jpg") 0 0 no-repeat; position: absolute; z-index:2000;  top:50px;left:0;}
header .gw{height: 19px; line-height: 19px; margin: 41px 0 20px; padding-left: 25px; color:#fff;display: inline-block; float: left;}
header .quit{height: 19px; line-height: 19px; margin: 41px 0 20px;  float: right; color:#fff;display: inline-block; }
/* 中部头部 */
.m-top{height:100px; line-height: 100px; border-bottom: 1px solid #e2e2e2; color:#333; font-size: 26px; overflow: hidden;}
.m-top .liucheng{ width:700px; height: 40px; margin: 30px auto;}
.m-top .liucheng .word{ width: 150px; height: 40px; background: url("../images/zc-bg-1.png") 0 0 no-repeat; text-align: center; display: inline-block;float: left; font-size: 14px; line-height: 40px;}
.m-top .liucheng .noword{ width: 125px; height: 40px; background: url("../images/zc-bg-2.png") 0 0 no-repeat;float:left;display:inline-block；}
/* 表单 */
.bd500-40{ width: 500px; height: 40px; margin: 24px auto 0; position: relative;}
.bd300-40{ width: 300px; height: 40px; margin: 24px auto 0; position: relative;}
.inputtext{ width: 278px; height: 18px; line-height: 18px; border: 1px solid #ccc; border-radius: 4px; padding: 10px; font-size: 14px; outline: 0; background-color: #fff;}
.inputlabel{ width: 80px; margin-right: 20px; line-height: 40px;font-size: 14px; color: #333; display: inline-block;float: left; text-align: right;}
.inputbtn300{width: 300px; height: 40px; border-radius: 4px; line-height: 40px; background-color:#D49008; color: #fff; font-size: 14px; text-align: center; outline: none; border: none;  }
.tip12{ line-height: 12px; height: 12px; margin-left:100px; color:#999; font-size: 12px; clear: both;}
.w500-12{ width: 500px; height: 12px; margin: 10px auto 0; }
.w300-40{ width: 300px; height: 40px; display: inline-block; position: relative; }
.yanzheng{ width: 80px; height: 18px; padding-left: 10px; color: #4B7DEE; font-size: 14px; position: absolute; right: 0; top: 10px; border-left: 1px solid #979797; }
/* 注册1 */
.w800-500{width: 800px; height: 400px; position: fixed; left: 50%; top: 50%; margin-top: -200px; margin-left: -400px; }
.w400-500{width: 400px; height: 400px; display: inline-block;float: left;}
.w300-500{width: 300px; height: 400px; margin:0 auto; position: relative;}
.login-title{ margin:40px 0 30px; font-size: 18px; color: #222;text-align: center; width: 100%;}
.w300-12{ width: 300px; height: 13px; margin: 5px auto 0; font-size: 12px; line-height: 13px; color: #333; clear: both; }
.logo-left{ width: 104px; height:97px;  background: url("../images/logo-left.png") 0 0 no-repeat; margin: 50px auto 40px;}
.name-left{ font-size: 28px; color: #f5f5f7;  width: 100%; text-align: center;}
/* 注册2 */
.zhuce2-title{ width: 100%; font-size: 20px; line-height: 26px; color:#333; text-align: center;margin-top: 50px;}
.zhuce2-desc{width: 100%; font-size: 14px; line-height: 26px; color:#2a2a2a; text-align: center; margin-top: 10px;}
.choosetype{ width: 90%; overflow: hidden; height:300px; margin: 70px auto 0;  }
.choosetype li{ width: 25%; display: inline-block; float: left; height: 300px;  }
.choosetype li .one{ width: 156px; height: 100%; margin: 0 auto; text-align: center;}
.choosetype li .one img{ width: 88px; height: 100px; margin: 0 auto; }
.choosetype li .one .name{ font-size: 16px; color: #333; line-height: 21px; margin-bottom: 10px;  margin-top:15px;}
.choosetype li .one .desc{ font-size: 12px; line-height: 18px; height: 54px; overflow: hidden; }
.choosetype li .one .btn{ display:block; border: 1px solid #999999;border-radius: 5px; height: 42px; width: 100px; line-height: 42px; color:#222; text-align: center; margin:30px auto 0;}
.choosetype li .one .btn:hover{background-color:#D49008;border: 1px solid #D49008;color:#fff;}
/* 注册3 */
.mainform{ width: calc( 100% - 60px ); overflow: hidden; margin: 0px auto; font-size: 12px; }
.partname{font-size: 14px;color:#222;line-height: 19px; margin:30px 0;}
.line1{ width: 100%; height: 1px; background-color: #e2e2e2; margin-top: 24px; clear: both; }
.bd40-all{ width: 100%; height: 40px; margin: 24px auto 0; }
.bd60-all{ width: 100%; height: 60px; margin: 24px auto 0; }
.bd80-all{ width: 100%; height: 80px; margin: 24px auto 0; }
.label40{ width: 80px; margin-right: 20px; line-height: 40px;font-size: 12px; color: #333; display: inline-block;float: left; text-align: right;}
.label60{ width: 80px; margin-right: 20px; line-height: 60px;font-size: 12px; color: #333; display: inline-block;float: left; text-align: right;}
.label80{ width: 80px; margin-right: 20px; line-height: 80px;font-size: 12px; color: #333; display: inline-block;float: left; text-align: right;}
.tipall{ line-height: 12px; height: 12px; padding-left:100px; color:#999; font-size: 12px; clear: both; width: calc( 100% - 100px ); margin-top:10px;}
.r60{line-height: 60px; color:#222; height: 60px;  display: inline-block;float: left; width: calc( 100% - 100px ) ; position: relative;}
.r80{line-height: 80px; color:#222; height: 80px;  display: inline-block;float: left; width: calc( 100% - 100px );  }
.img60{ width: 60px; height: 60px; display: inline-block;float: left; margin-right: 20px;}
.img80{ width: 140px; height: 80px; display: inline-block;float: left; margin-right: 20px;}
.sec{ height:100%; display: inline-block;float: left;}
.w50{ width: 50px; margin: 0px 20px; }
.w60{ width: 60px; }
.w140{ width: 140px; }
.inputtextarea{width:100%;height: 60px;line-height:20px;box-sizing: border-box;border:1px solid #e2e2e2; border-radius: 4px; font-size:12px;color:#222;outline: 0; padding: 10px 20px;}
.w470-200{ width: 470px; height: 40px; margin: 70px auto 0; }
.btn200-40{ width: 200px; height: 40px; border:none; border-radius: 5px; text-align: center; line-height: 40px ;background-color:#D49008 ; font-size: 14px; color: #fff; outline: 0;}
@media (min-width:1400px){
header{  height: 100px;}
header .logo{  margin: 40px 50px 20px 0px;}
.gzh{  margin: 61px 0 20px; padding-right: 25px; }
header .gw{margin: 61px 0 20px; }
header .quit{ margin: 61px 0 20px; }	
.container{width:1200px;}
.m-top{height:120px; line-height: 120px; font-size: 28px; }
.m-top .liucheng{ margin: 40px auto;}
.gap-top{  height:50px;}
.gap-bottom{  height:150px;}
}