@charset "utf-8";
/* CSS Document */
*{ 
	margin:0px; 
	padding:0px; 
	border:none; 
	/*color:#333; */
	font-style:normal; 
	font-size:14px; 
	font-family:"HiraginoSansGB-W6"; 
	list-style-type:none;
	line-height:normal;
}
input{outline:medium;}
button{outline:none;}
ul, ol, h1, h2, h3, h4, h5, h6, p{ margin:0;}

a{ color:#333; text-decoration:none;
/*	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
*/
}
a:hover{ color:#0C7AE2; opacity:0.88; text-decoration:none;
	/*
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	*/
}
a:focus{ outline:0;}
body{ background:#F8F8F8;}

input,textarea,select{
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
input:focus,textarea:focus,select:focus{ 
	border:1px solid #0C7AE2 !important;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}

select{ padding-right:25px !important; cursor:pointer; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url("../../img/select_box.png") no-repeat right center transparent;}




/* 顶部 -------------------- */
.Head{ width:100%; height:70px; float:left; position:relative; box-sizing:border-box; z-index:9; padding:0 4%; background:#FFF;}
.Head .logo{ height:70px; float:left; position:absolute; top:0; left:0; padding:0 0 0 4%; align-items:center; display:flex; 
	/*background:#2D55AD;*/
	background:-webkit-gradient(linear, left top, right top, from(#7dabf6), to(#0C7AE2)); 
	background:-o-linear-gradient(left, #7dabf6, #0C7AE2); 
	background:linear-gradient(to right, #7dabf6, #0C7AE2); 
	background-color:#0C7AE2\9\0;
}
.Head .logo img{ height:42px; float:left;}
.Head .logo::before{ content:''; width:28px; height:70px; position:absolute; top:0; right:-28px; background:url(../../img/logo-bg.png) right no-repeat;}


.Head .snav{ height:70px; float:left; margin:0 0 0 12%;}
.Head .snav li{ height:70px; float:left; font-size:16px; margin:0 0 0 50px; position:relative;}
.Head .snav li .a{ height:70px; float:left; line-height:70px; font-size:14px; position:relative;}
.Head .snav li.show .a{ color:#0C7AE2;}
.Head .snav li.show .a::before{ content:''; height:3px; position:absolute; bottom:0; left:0; right:0; background:#0C7AE2;}
.Head .snav li.menu{ padding:0 11px 0 0; margin:0 0 0 50px; background:url(../../img/down.png) right no-repeat;}
.Head .snav li.menu.show{ padding:0 11px 0 0; margin:0 0 0 50px; background:url(../../img/down-blue.png) right no-repeat;}
.Head .snav li.menu .sbox{ display:none; width:188px; float:left; box-sizing:border-box; padding:10px 17px; background:#FFF; box-shadow:8px 8px 16px rgba(0,0,0,0.1);}
.Head .snav li.menu .sbox a{ width:100%; height:40px; float:left; box-sizing:border-box; padding:0 0 0 14px; position:relative; line-height:40px;}
.Head .snav li.menu .sbox a::before{ content:''; width:4px; height:4px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#8C8C8C; border-radius:100%;}
.Head .snav li.menu .sbox a:hover::before{ content:''; width:4px; height:4px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#0C7AE2; border-radius:100%;}
.Head .snav li.menu:hover{ background:url(../../img/goup.png) right no-repeat;}
.Head .snav li.menu:hover .a{ color:#0C7AE2;}
.Head .snav li.menu:hover .a::before{ content:''; height:3px; position:absolute; bottom:0; left:0; right:0; background:#0C7AE2;}
.Head .snav li.menu:hover .sbox{ display:block; position:absolute; top:70px; left:-17px; z-index:9;}

.Head .topic{ height:70px; float:right; padding:0 0 0 25px; background:url(../../img/line.png) left no-repeat;}
.Head .topic .user{ height:70px; float:left; padding:0 21px 0 10px; position:relative;}
.Head .topic .user::before{ content:''; width:1px; position:absolute; top:28px; bottom:28px; right:0; background:#E7EAEE;}
.Head .topic .user a.blue{ height:70px; float:left; line-height:70px; padding:0 11px 0 10px; color:#0C7AE2; position:relative; background:url(../../img/down-blue.png) right no-repeat;}
.Head .topic .user:hover a.blue::before{ content:''; height:3px; position:absolute; bottom:0; left:10px; right:11px; background:#0C7AE2;}
.Head .topic .user:hover a.blue{ background:url(../../img/goup.png) right no-repeat; }
.Head .topic .user:hover .userBox{ display:block; position:absolute; top:70px; left:3px; z-index:9;}
.Head .topic .user .userBox{ display:none; width:188px; float:left; background:#FFF; box-shadow:8px 8px 16px rgba(0,0,0,0.1);}
.Head .topic .user .userBox .inner{ width:100%; float:left; box-sizing:border-box; padding:10px 17px;}
.Head .topic .user .userBox .inner a{ width:100%; height:40px; float:left; box-sizing:border-box; padding:0 0 0 14px; position:relative; line-height:40px;}
.Head .topic .user .userBox .inner a::before{ content:''; width:4px; height:4px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#8C8C8C; border-radius:100%;}
.Head .topic .user .userBox .inner a:hover::before{ content:''; width:4px; height:4px; float:left; margin:auto; position:absolute; top:0; bottom:0; left:0; background:#0C7AE2; border-radius:100%;}
.Head .topic .user .userBox .out{ width:calc(100% - 17px); height:50px; float:right; line-height:50px; box-sizing:border-box; padding:0 0 0 14px; border-top:1px dashed #E2E2E2;}
.Head .topic .sign{ height:70px; float:left; padding:0 21px 0 10px; position:relative;}
.Head .topic .sign::before{ content:''; width:1px; position:absolute; top:28px; bottom:28px; right:0; background:#E7EAEE;}
.Head .topic .sign a{ height:70px; float:left; line-height:70px; margin:0 0 0 10px; color:#ACACAC;}
.Head .topic .sign a:hover{ color:#0C7AE2;}
.Head .topic .uage{ height:70px; float:left; position:relative; padding:0 0 0 10px;}
.Head .topic .uage a{ height:70px; float:left; line-height:70px; color:#ACACAC; margin:0 0 0 10px;}
.Head .topic .uage a:hover{ color:#0C7AE2;}
.Head .topic .uage a.show{ color:#0C7AE2; position:relative;}



/* 底部 -------------------- */ 
.footer{ width:100%; float:left; box-sizing:border-box; padding:0 4%; position:relative; background:#FFF;}
.footer .main{ width:100%; float:left; position:relative; padding:20px 0 70px 0;}
.footer .main.zhu{ width:1200px; float:none; margin:auto; overflow:hidden;}
.footer .main .list{ width:168px; float:left;}
.footer .main .list h3{ width:100%; height:60px; float:left; line-height:60px; font-size:16px;}
.footer .main .list a{ width:100%; height:34px; float:left; line-height:34px; opacity:0.76;}
.footer .main .rela{ width:auto; float:none; display:block; overflow:hidden; padding:0 230px 0 0;}
.footer .main .rela u{ width:100%; float:left; line-height:20px; padding:7px 0; opacity:0.76; text-decoration:none;}
.footer .main .rela i{ display:block; overflow:hidden;}
.footer .main .rela b{ float:left; font-weight:normal;}
.footer .main .code{ width:200px; float:right; padding:40px 0 0 0; position:absolute; top:20px; right:0;}
.footer .main .code span{ width:88px; float:left;}
.footer .main .code span:nth-child(2){ float:right; }
.footer .main .code span img{ width:100%; float:left;}
.footer .main .code span em{ width:100%; height:40px; float:left; line-height:40px; text-align:center; opacity:0.66;}
.footer .main p{ width:100%; height:40px; float:left; position:absolute; bottom:0; left:0; right:0; opacity:0.76;}
.footer .main p i{ height:40px; float:left; font-style:normal; line-height:40px;}
.footer .main p u{ height:40px; float:right; font-style:normal; line-height:40px; text-decoration:none;}






.signin{ width:100%; float:left; padding:60px 0; background:#FFF; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
.signin .si_box{ width:1200px; margin:auto; overflow:hidden; position:relative; padding:30px;}
.signin .si_box .set{ position:absolute; left:30px; top:30px; bottom:30px; right:420px; background:url(../../img/block_box.png) center no-repeat; background-size:auto 72%;}
.signin .si_box .set .sbox{ width:218px; float:left; position:absolute; top:68px; left:50px;}
.signin .si_box .set .sbox b{ width:100%; height:30px; float:left; line-height:30px; font-size:20px; color:#0C7AE2;}
.signin .si_box .set .sbox i{ width:100%; height:30px; float:left; line-height:30px; font-size:16px; color:#888;}
.signin .si_box .sign{ width:360px; height:417px; float:right; background:#FFF; box-shadow:4px 4px 16px rgba(0,0,0,0.08);}
.signin .si_box .sign .tite{ width:100%; float:left; box-sizing:border-box; border-bottom:1px solid #F0F0F0;}
.signin .si_box .sign .tite i{ width:50%; height:50px; float:left; box-sizing:border-box; color:#686868; cursor:pointer; font-size:16px; font-weight:bold; align-items:center; display:flex !important; justify-content:center; border-left:1px solid #F0F0F0; background:#FAFAFA;}
.signin .si_box .sign .tite i:nth-child(1){ border:0;}
.signin .si_box .sign .tite i.show{ background:#FFF; position:relative; color:#0C7AE2;}
.signin .si_box .sign .tite i.show::before{ content:''; position:absolute; bottom:-1px; left:0; right:0; border-bottom:1px solid #FFF;}
.signin .si_box .sign .block{ width:100%; float:left; box-sizing:border-box; padding:30px;}
.signin .si_box .sign .block .code{ width:100%; float:left;}
.signin .si_box .sign .block .code .npic{ width:100%; height:180px; float:left; box-sizing:border-box; padding:0 60px;}
.signin .si_box .sign .block .code .npic img{ width:100%; float:left;}
.signin .si_box .sign .block .code p{ width:100%; height:60px; float:left; align-items:center; display:flex; justify-content:center; color:#888;}
.signin .si_box .sign .block .code .resent{ width:100%; height:66px; float:left; box-sizing:border-box; padding:0 0 0 20px; align-items:center; display:flex; justify-content:center; border-top:1px dashed #E7E7E7;}
.signin .si_box .sign .block .code .resent u{ height:60px; float:left; align-items:center; display:flex; padding:0 20px 0 26px; color:#686868; text-decoration:none;}
.signin .si_box .sign .block .code .resent u:nth-child(1){ background:url(../../img/aicon_01.png) left no-repeat; background-size:auto 16px;}
.signin .si_box .sign .block .code .resent u:nth-child(2){ background:url(../../img/aicon_02.png) left no-repeat; background-size:auto 16px;}
.signin .si_box .sign .block .code .resent u:nth-child(3){ background:url(../../img/aicon_03.png) left no-repeat; background-size:auto 16px;}
.signin .si_box .sign .block .count{ width:100%; float:left; padding:20px 0 0 0;}
.signin .si_box .sign .block .count .list{ width:100%; float:left; position:relative; margin:10px 0;}
.signin .si_box .sign .block .count .list input{ width:100%; height:40px; float:left; box-sizing:border-box; padding:8px 20px 8px 50px; border:1px solid #E5E6E7; border-radius:2px; background:#FFF;}
.signin .si_box .sign .block .count .list i{ width:40px; height:40px; float:left; position:absolute; top:0; bottom:0; left:0; z-index:2;}
.signin .si_box .sign .block .count .list i::before{ content:''; position:absolute; bottom:12px; top:12px; right:0; border-right:1px solid #E5E6E7;}
.signin .si_box .sign .block .count .list i.uc01{ background:url(../../img/ua01.png) center no-repeat; background-size:auto 20px;}
.signin .si_box .sign .block .count .list i.uc02{ background:url(../../img/ua02.png) center no-repeat; background-size:auto 20px;}
.signin .si_box .sign .block .count .pass{ width:100%; height:40px; float:left; margin:0 0 20px 0;}
.signin .si_box .sign .block .count .pass a{ height:40px; float:left; align-items:center; display:flex; color:#0C7AE2;}
.signin .si_box .sign .block .count .pass a.a01{ float:left;}
.signin .si_box .sign .block .count .pass a.a02{ float:right;}
.signin .si_box .sign .block .count .submit{ width:100%; height:50px; float:left;}
.signin .si_box .sign .block .count .submit a{ width:100%; height:50px; float:left; align-items:center; display:flex; justify-content:center; font-size:16px; color:#FFF; font-weight:bold; background:#0C7AE2; border-radius:2px;}


.register{ width:100%; float:left; padding:60px 0; background:#FFF; border-top:1px solid #F0F0F0; border-bottom:1px solid #F0F0F0;}
.register .ster_box{ width:1200px; margin:auto; box-sizing:border-box; overflow:hidden; position:relative; padding:40px 88px 88px 88px;}
.register .ster_box .tite{ width:100%; float:left; box-sizing:border-box; padding:0 0 30px 26px; margin:0 0 40px 0; border-bottom:1px solid #F0F0F0;}
.register .ster_box .tite i{ height:50px; float:left; align-items:center; display:flex; font-size:20px; position:relative; font-weight:bold; color:#0C7AE2;}
.register .ster_box .tite i::before{ content:''; width:4px; position:absolute; bottom:15px; top:15px; left:-26px; background:#0C7AE2;}
.register .ster_box .tite p{ width:100%; height:20px; float:left; align-items:center; display:flex; color:#888;}
.register .ster_box .count{ width:66%; float:left; box-sizing:border-box; padding:0 60px 0 26px; border-right:1px solid #F0F0F0;}
.register .ster_box .count .list{ width:100%; float:left; position:relative; margin:0 0 15px 0;}
.register .ster_box .count .list input{ width:calc(100% - 128px); height:40px; float:left; box-sizing:border-box; padding:8px 20px; border:1px solid #E5E6E7; border-radius:2px; background:#FFF;}
.register .ster_box .count .list input.yzm{ width:calc(100% - 243px); height:40px; float:left;}
.register .ster_box .count .list a{ width:100px; height:40px; float:right; line-height:40px; text-align:center; color:#FFF; background:#4D30B2; border-radius:2px;}
.register .ster_box .count .list a.pm{ color:#383838; background:#E5E6E7;}
.register .ster_box .count .list .labe{ width:128px; height:40px; float:left; box-sizing:border-box; padding:0 15px 0 0; align-items:center; display:flex; justify-content:right;}
.register .ster_box .count .list .labe i{ color:#FF0000; padding:0 6px 0 0;}
.register .ster_box .count .submit{ float:left; box-sizing:border-box; padding:30px 0 0 128px;}
.register .ster_box .count .submit a{ height:50px; float:left; padding:0 48px; align-items:center; display:flex; justify-content:center; font-size:16px; color:#FFF; font-weight:bold; background:#0C7AE2; border-radius:2px;}
.register .ster_box .sigon{ width:34%; float:right; box-sizing:border-box; padding:0 88px 60px 60px;}
.register .ster_box .sigon u{ height:40px; float:left; align-items:center; display:flex; text-decoration:none; border-bottom:1px solid #989898; margin:0 0 10px 0;}
.register .ster_box .sigon .list{ width:100%; height:42px; float:left; align-items:center; display:flex; box-sizing:border-box; padding:0 0 0 48px; margin:20px 0 0 0; color:#686868;}
.register .ster_box .sigon .list.ac_1{ background:url(../../img/admins.png) left no-repeat; background-size:auto 24px;}
.register .ster_box .sigon .list.ac_2{ background:url(../../img/indexs.png) left no-repeat; background-size:auto 24px;}


/* 提示类 --------------- */
.mask{ width:100%; height:100%; align-items:center; display:flex; justify-content:center; position:fixed; top:0; left:0; z-index:99; background:rgba(0,0,0,0.48);}
.mask .tips_box{ background:#FFF; float:left; padding:30px 36px 30px 36px; border-radius:2px; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.mask .tips_box h3{ max-width:400px; min-width:360px; height:40px; float:left; font-size:20px; align-items:center; display:flex; justify-content:center;}
.mask .tips_box h2{ max-width:400px; min-width:360px; float:left; line-height:30px; text-align:center; font-size:20px; padding:81px 0 5px 0; background:url(../../img/yes_box.png) center top no-repeat; background-size:auto 66px;}
.mask .tips_box h4{ max-width:400px; min-width:360px; float:left; line-height:30px; text-align:center; font-size:20px; padding:81px 0 5px 0; background:url(../../img/no_box.png) center top no-repeat; background-size:auto 66px;}
.mask .tips_box p{ max-width:400px; min-width:360px; float:left; line-height:1.8em; text-align:center; color:#686868; padding:10px 0;}
.mask .tips_box .button{ width:100%; float:left; padding:20px 0 0 0; align-items:center; display:flex; justify-content:center;}
.mask .tips_box .button a{ width:128px; height:42px; float:left; margin:0 10px; color:#FFF; font-weight:bold; align-items:center; display:flex; justify-content:center; border-radius:2px;}
.mask .tips_box .button a.ac_1{ background:#BCBCBC;}
.mask .tips_box .button a.ac_2{ background:#4D30B2;}