ul,ul li{ list-style:none}
button,input,select,textarea{ font-size:12px; padding:0; margin:0; }
input,textarea,button{-webkit-tap-highlight-color: transparent;outline: none;}
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,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}
article,aside,header,footer,nav,section,figure,figcaption,hgroup,progress,canvas{display:block}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
body{font:14px Arial,"Microsoft YaHei", sans-serif;-webkit-text-size-adjust:100%;}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%; font-weight:normal; font-style:normal; font-family:"Microsoft YaHei"}
table{border-collapse:collapse;border-spacing:0;font-size:100%;empty-cells:show}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal; font-weight:normal;}
button,input,select,textarea{font-family:Arial, Helvetica, sans-serif;text-decoration: none;outline:none;-moz-outline:none;font-size:100%;}
input, select, {vertical-align: middle;}
button,input{line-height:normal;font-family:"Microsoft YaHei"}
ul,ol,li,dl{list-style-type:none;}
i,em{font-style:normal}
svg:not(:root){overflow:hidden}
img{vertical-align:middle;-ms-interpolation-mode:bicubic;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input,textarea{-webkit-tap-highlight-color: transparent;outline: none;font-family:"Microsoft YaHei"}
/* CSS 全局公用样式 */
*,html,body,div,h1,h2,h3,h4,h5{
	-webkit-user-select: none;/*设置为无法选择文本*/
	-ms-touch-select: none;/*长按时不触发系统的菜单, 可用在图片上加这个属性禁止下载图片*/
	-webkit-tap-highlight-color: transparent;/*上点击链接高亮的时候设置颜色为透明*/
}
input,textarea{-webkit-user-select:auto;}
.cardBox{position: absolute;margin-left: 70%;}
.circlebox{position: relative;margin-left:5px; margin-top:30px;margin-left: -130px;}
.circlebox p{margin-left: 5px;  font-size: 0;    }
.circlebox p em{display: inline-block;background: #fff;border-radius: 100%;margin:10px;width:5px;height:5px;}
.circlebox p em:nth-child(5n){margin-right:10px}
.loginbox{
  background-color:#2b579a;
  position: fixed;
  top: 0;
  bottom:0;
  width:100%;
}
.bgbox{width:70%;
  position: fixed;
  top: 0;
  bottom:0;
  background-image:url('img/bg.jpg');
  background-repeat:no-repeat;
  background-size:100% 100%;
}
.login{
  width:480px;
  text-align: center;
  margin-left: -240px;
  margin-top: 50%;
  position: relative;
  background: #fff;
  padding: 20px;

}
.login{}
.login .title{display:block;margin: 20px 0;padding: 10px;}
.login >div{}
.login >div>span{display: block;position: relative;margin:10px 30px 20px 30px;border-radius: 4px;height: 40px;
    line-height: 40px;border: 1px solid #dcdfe6;}
.login >div>span i{position: absolute;left:5px;}
.login >div>span input{width:100%;padding: 5px 30px;border:0;}
.login >div .yzm{overflow: hidden;display: block;position: relative;margin:10px 30px 20px 30px;border-radius: 4px;height: 40px;
    line-height: 40px;}
.login >div .yzm span{float: left}
.login >div .yzm span:first-child{width:50%;border-radius: 4px;height: 40px;line-height: 40px;border: 1px solid #dcdfe6;position: relative;}
.login >div .yzm span:first-child i{position: absolute;left:5px;}
.login >div .yzm span:first-child input{width:100%;padding: 5px 30px;border:0;}
.login >div .yzm span:nth-child(2n){width: 33.33333%;}

.login >div .yzm span:nth-child(2n) img{width: 100%;}
.login >div .yzm .word{float: right;width: 16.66667%;text-align: center;}

.login >div button{display: block;width: 84%;margin: 30px auto;line-height: 1;white-space: nowrap;cursor: pointer;border: 1px solid #dcdfe6;-webkit-appearance: none;text-align: center;-webkit-box-sizing: border-box;box-sizing: border-box;outline: 0;-webkit-transition: .1s;transition: .1s;
font-weight: 500;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;padding: 12px 20px;font-size: 14px;border-radius: 4px;color: #fff;background-color: #2b579a;border-color: #2b579a;}


.login >div .endRow{margin: 10px 30px 20px 30px;border-radius: 4px;height: 40px;line-height: 40px;}
.login >div .endRow span{float: left;width:50%;text-align:left;}
.login >div .endRow .Register{text-align:right;}


.zhuce{background-color: #f0f0f0}
.zhuce .header{background: #2b579a;height: 60px;overflow: hidden;}
.zhuce .header span{display: block;width:1000px;margin:0 auto;}
.zhuce .header span i{float: left;width:30px;display: block;position: relative;top: 15px; margin-right: 10px;}
.zhuce .header span i img{width: 100%;}
.zhuce .header span h1{color: #fff;float: left; font-size:16px;  position: relative;
    top: 20px;}

.zhuce .box{background: #fff;padding:20px;
  width:1000px;
    margin: 0 auto;
    
}
.zhuce .box .head{    font-size: 16px;    padding: 15px;}
.zhuce .box .head span{    display: inline-block;width: 33.33%;color: #fff;padding: 10px 0 10px 15px;color: #666;background-image: url('img/head-middle.png');
background-size: 100% 100%;background-repeat: no-repeat;}
.zhuce .box .head span:first-child {
    background-image: url('img/head-top.png');
}
.zhuce .box .head .active{
    color: #fff!important;
}
.zhuce .box .head span.active {background-image: url('img/head-top-active.png')!important;
}

.zhuce .box .head span:nth-child(3n) {
    background-image: url('img/head-bottom.png');
}
.zhuce .box .head span:first-child.active{background-image: url('img/head-top-active.png')!important;}
.zhuce .box .head span:nth-child(2n).active{background-image: url('img/head-middle-active.png')!important;}
.zhuce .box .head span:nth-child(3n).active{background-image: url('img/head-bottom-active.png')!important;}
.zhuce .box .content{    width: 80%;
    margin: 0 auto;}
.zhuce .box .content>div{}
.zhuce .box .content>.apply h1{    border-left: 5px solid #2b579a;
    margin: 30px 0;
    padding-left: 10px;
    font-size: 16px;}
.zhuce .box .content>.apply h1{}
.zhuce .box .content>.apply h1 .tips{text-align: right;color: #000;float: right;font-size: 14px;}
.zhuce .box .content>.apply h1 .tips a{color: #3881f9;text-decoration: none;}



.zhuce .box .content>.apply span{margin-bottom: 10px;display: block;overflow: hidden;}
.zhuce .box .content>.apply span b{display: block;color: #999;margin:10px 0;font-weight: normal;}
.zhuce .box .content>.apply span b i{display: inline-block;color:red;margin-right:10px;}
.zhuce .box .content>.apply span strong{}
.zhuce .box .content>.apply span strong input{-webkit-appearance: none;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 1px solid #dcdfe6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #918b86;
display: inline-block;
font-size: inherit;
height: 40px;
line-height: 40px;
outline: 0;
padding: 0 15px;
-webkit-transition: border-color .2s cubic-bezier(.645,.045,.355,1);
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
width: 100%;}
.zhuce .box .content>.apply span strong select{width:100%;border-radius: 4px;height: 40px;
line-height: 40px;
outline: 0;
padding: 0 15px;
border: 1px solid #dcdfe6;}
.zhuce .box .content>.apply span .submit{   display: inline-block;text-decoration: none;color: #fff;margin-top: 30px;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #fff;
    border: 1px solid #dcdfe6;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    padding: 12px 20px;
    font-size: 14px;
    border-radius: 4px; width: 40%;
    background: #2b579a;
    border-color: #2b579a;}
.zhuce .box .content>#set1 span .submit{float: right;}
.zhuce .box .content>.apply .tips{text-align: right;color: #000;}
.zhuce .box .content>.apply .tips a{color: #3881f9;text-decoration: none;}
.zhuce .box .content>#set2 span .submit{margin:30px auto;display: block;}

.zhuce .box .content>.apply .msg{position: relative;overflow: inherit;}
.zhuce .box .content>.apply .msg strong{display: block;width:83%;}
.zhuce .box .content>.apply .msg a{border-radius:5px;text-align:center;display: inline-block;position: absolute;top:29px;right: 0%;width:15%;color:#999;height: 40px;line-height: 40px;border:1px solid #dcdfe6;text-decoration: none;}
.zhuce .box .content>.apply .msg a:hover{background-color: #f0f0f0;font-weight: bold;}


.zhuce .box .content>.succesful{text-align: center;padding: 100px;height:calc(100% - 100px);min-height: 400px;}
.zhuce .box .content>.succesful i{font-size: 40px;margin:0 auto;}
.zhuce .box .content>.succesful p{margin: 30px auto;font-size: 25px;color: #999;}