@charset "utf-8";

/*全局定义*/
html {  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-overflow-scrolling : touch;}
html,body { -webkit-text-size-adjust:none; font-size: 12px; font-size: 62.5%; font-family: "微软雅黑", Arial, Helvetica, sans-serif; }
body,h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,kbd,table,ul,li,marquee,hr,blockquote,ol,pre,fieldset,legend,button,input,textarea,th,td,iframe,p{ margin:0; padding:0;font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
infor,cite,dfn,em,var,kbd,span{font-style:normal; font-family: "微软雅黑", Arial, Helvetica, sans-serif;}
button,input,select,textarea{font-size:100%; border: 0; -webkit-appearance: none;outline:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"]{ -webkit-appearance: none;border-radius: 0;}
table{border-collapse:collapse;border-spacing:0;}
ul, ol { list-style: none;}
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-family:Arial, "", Tahoma, Verdana,  Helvetica, sans-serif;}

a{ text-decoration: none; color: #666; }
a:hover{ color:#333; text-decoration:none; }
a:link{ text-decoration: none; color: #333; }
a:active{ text-decoration: none; color: #333; }
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; outline:none; background: none; text-decoration: none;}
.clear{ clear:both;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: ""; clear: both; height: 0; }
/*公共*/
.fl{ float:left;}
.fr{ float:right;}
.tc{ text-align:center}
.tc img{ width:60%;}
.bgf5{ background:#f5f5f5}

/*白云效果*/
.clouds{ width:100%; height:10rem; overflow:hidden}
.scaling{ position:relative}
.cloud{position:absolute;top:2rem;width:3.8rem;height:1rem;border-radius:3rem;background:#ffddab}
.cloud:before{content:'';position:absolute; background:#ffddab;width:1.2rem;height:1.2rem;border-radius:.6rem;bottom:0}
.cloud:after{content:'';position:absolute; background:#ffddab;width:2rem;height:2rem;border-radius:1rem;bottom:0}
.cloud.x1{ -webkit-animation:cloud 15s linear infinite;opacity: 0.6;}
.cloud.x1:before{left:.6rem; top:-.5rem}
.cloud.x1:after{right:.6rem; bottom:0rem}
.cloud.x2{right:-30%;top:4rem;width:3.8rem;height:1rem;-webkit-animation:cloudx2 35s linear infinite; }
.cloud.x2:before{left:.6rem; top:-.5rem}
.cloud.x2:after{right:.6rem; bottom:0rem}
.cloud.x3{right:-10%;top:7rem;width:3.8rem;height:1rem;-webkit-animation:cloudx3 20s linear infinite; opacity: 0.3;}
.cloud.x3:before{left:.6rem; top:-.5rem}
.cloud.x3:after{right:.6rem; bottom:0rem}
@-webkit-keyframes cloud{0%{right:-30%}
50%{right:50%}
100%{right:130%}}
@-webkit-keyframes cloudx2{0%{right:-30%}
50%{right:60%}
100%{right:130%}}
@-webkit-keyframes cloudx3{0%{right:-10%}
50%{right:50%}
100%{right:110%}}
/*注册表单*/
.registered{ position:absolute; top:35%; -webkit-transform: translateY(-35%);  -ms-transform: translateY(-35%); transform: translateY(-35%); width:100%; margin:0 auto; padding:0 5%; z-index:10; box-sizing:border-box}
.registered-title{ margin-bottom:2rem; font:2.4rem/4rem ""; color:#333; }
.registered-title kbd{border-bottom:2px solid #ff8e04}
.input-reg{ padding:1rem 0; overflow:hidden; position:relative; font-size:1.4rem;}
.input-reg input::-webkit-input-placeholder{ color:#666;}
.input-reg input::-moz-placeholder{ color:#666;}
.input-reg input:-moz-placeholder{ color:#666;}
.input-reg input:-ms-input-placeholder{ color:#666;}
.input-reg .reg-input{ width:100%; height:5rem; padding-left:50px; border:0px; font:1.4rem/5rem ""; color:#333; background:#fff6eb; border-radius:2.5rem; box-sizing:border-box; overflow:hidden}
.input-reg .but-tijiao{ width:100%; height:5rem; font:1.6rem/5rem ""; color:#fff; background:#2973ff; border-radius:2.5rem; box-sizing:border-box; overflow:hidden}
.input-reg a{ display:block; text-align:center; width:100%; height:5rem; font:1.6rem/5rem ""; color:#fff; background:#2973ff; border-radius:2.5rem; box-sizing:border-box; overflow:hidden}
.input_reg2{ width:320px; height:50px; border:0px; border-bottom:1px solid #92cbf6; box-sizing:border-box; font:14px/30px "微软雅黑"; color:#666; margin-bottom:20px; }
.reg_btn{ width:107px;  height:40px; font:14px/40px "微软雅黑"; color:#3ba2ef; background:none; position:absolute; right:10px; top:2rem;}
.input-reg .phone{ background:#fff6eb url(../images/phone.png) no-repeat 20px center; background-size: 21px 24px; }
.input-reg .PassWord{ background:#fff6eb url(../images/mimas.png) no-repeat 20px center; background-size: 21px 24px; }
.input-reg .yanzheng{ background:#fff6eb url(../images/yanzheng.png) no-repeat 20px center; background-size: 21px 24px; }
.input-reg .ParentID{ background:#fff6eb url(../images/tuiguang.png) no-repeat 20px center; background-size: 21px 24px; }
.protocol{ width:100%; height:4rem; margin-top:5px; font:1.3rem/2rem ""; color:#3ba2ef; }
.protocol a{ color:#3ba2ef}
.pointer{cursor: pointer;}
.otherError{display: none;color: red; text-align:center;font:1.2rem/2rem "";}
/*公司相关*/
.zhaohui{ width:100%; margin:0 auto;}
.zhaohui  .about{ line-height:2.6rem; font-size:1.4rem; color:#666; margin-top:2rem; }
/*底部菜单*/
.footer-nav {height: 3.6rem; position: fixed; bottom: 0;left: 0; width: 100%; z-index: 900; -webkit-transform: translateZ(0);transform: translateZ(0); padding-bottom:1rem; background-color:#ededed; border-top:1px solid #d8d8d8; padding-top:0.6rem;}
.footer-nav .footer-show {font-size: 0;background: #ededed;height: 100%;}
.footer-nav .footer-show .items {display: block; float: left; padding-top: 0.3rem;height: 100%;width: 25%; font-size: 11px;text-align: center; position: relative; cursor:pointer; font-weight:400;}
.footer-nav .footer-show .items p {line-height: 100%;margin-bottom: .4rem; color: #333;font-size: 11px;}
.footer-nav .footer-show .items .iconfont {font-size: 2rem; width:6rem; display:inline-block;}
.footer-nav .footer-show .items .iconfont img{ width: 20px;}
.footer-nav .footer-show .items .huodong{ position:absolute; width:100%; left:0; bottom:0;}
.footer-nav .footer-show .items .huodong img{ width:100%;}
.footer-nav .footer-show .items:after {width: 200%;height: 200%;position: absolute;top: 0;left: 0;border-top: 1px solid rgba(0,0,0,.1); transform: scale(.5); -webkit-transform-origin: 0 0; transform-origin: 0 0; box-sizing: border-box;pointer-events: none;}
.subitem {left:0px;top:0px; height:100%; overflow-y:scroll; position:fixed;bottom: 4.8rem;min-width: 30%;background: #fff;padding: 0 10px;box-shadow: 0 3px 16px rgba(0,0,0,.25);border-radius: 5px;border-bottom: none;visibility: hidden;}
.footer-nav .footer-show .select p{ color:#2973ff;}
.footer-nav .footer-show .select  .iconfont { color:#2973ff;}
.footer-nav .footer-show a {color: #333;}
.footer-nav .footer-show .items .subitem p {line-height: 3.8rem;color: #333;margin-bottom: 0;font-size: 12px;white-space: nowrap;position: relative;}
.pad{height:8rem; width:100%;}