@charset "utf-8";
.login {
}
body{ margin:0; padding:0; font-family:"微软雅黑","宋体"; background-color:#fff;}
*{ margin:0; padding:0;}
img{ border:0;}
a{ text-decoration:none; color:#000000;}
::-webkit-input-placeholder { /* WebKit browsers */
    color: #ccc;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}
 ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ccc;
}

/*----登录----*/
.top{ width:100%; height:74px; background-color:#fff;}
.top .top_box{ width:1200px; height:73px; margin:0 auto;}
.top .top_box .tyb{ width:202px; height:73px; float:left;}
.top .top_box .tyb p a{ font-size:40px; color:#FFFFFF; display:inline-block; line-height:73px; padding-left:80px; text-decoration:none;}
.top .top_box a{ font-size:14px; color:#FFFFFF; float:left; line-height:73px;}
.top .top_box a:hover{ text-decoration:underline;}


.banner{ width:100%; height:500px; background-color:#CCCCCC; position:relative; overflow:hidden;}
.banner img{height:100%;}
.banner .dlk{ width:100%; height:500px; position:absolute; top:0; left:0;}
.banner .dlk .dlk_box{ width:1200px; height:630px; margin:0 auto;}
.banner .dlk .dlk_box .kuang{ width:auto; height:auto; position:relative; z-index:999; background-color:#FFFFFF; border-top:3px solid #c70000; float:right; margin:76px 0 0 132px; border-radius: 5px; overflow:hidden;  box-shadow: 0px 0px 3px #333;
}



.banner .dlk .dlk_box .kuang .dlzx{ width:100%; height:66px;}
.banner .dlk .dlk_box .kuang .dlzx .kuai{ width:20px; height:27px; border-right:5px solid #c70000; margin-top:20px; display:inline-block; float:left;}
.banner .dlk .dlk_box .kuang .dlzx p{ color:#000000; font-size:22px; float:left; line-height:66px; margin-left:20px;}
.banner .dlk .dlk_box .kuang .sjh{ width:365px; height:39px; margin-top:15px;}
.banner .dlk .dlk_box .kuang .sjh .sjh_box{ width:80px; height:39px; display:inline-block; float:left;}
.banner .dlk .dlk_box .kuang .sjh .sjh_box p{ line-height:39px; color:#000000; font-size:13px; margin-left:18px;}
.banner .dlk .dlk_box .kuang .sjh .sjh_kuang{ width:261px; height:39px; float:left;}
.banner .dlk .dlk_box .kuang .sjh .sjh_kuang input{ padding:11px 80px 9px 12px; background-color:#efefef; border:0; outline:none; display:inline-block; float:left; border-radius: 3px; 
	box-shadow:1px 1px 1px #999 inset;                    /* For Latest Opera */}

.banner .dlk .dlk_box .kuang .sjh .sjh_kuang .verifyimg img{ width:200px;}
.banner .dlk .dlk_box .kuang .dl_zc{ width:261px; height:38px; margin:27px 13px 0 80px;}
.banner .dlk .dlk_box .kuang .dl_zc .dl{ width:92px; height:38px; display:inline-block; float:left; background-color:#5c5c5c; text-align:center; line-height:38px; font-size:16px; color:#FFFFFF; border-radius:3px;}
.banner .dlk .dlk_box .kuang .dl_zc .dl input{ font-size:16px; border:0; outline:none; cursor:pointer; background-color:#5c5c5c; color:#FFFFFF; line-height:38px; width:92px; border-radius:3px;}
.banner .dlk .dlk_box .kuang .dl_zc .dl input:hover{ background-color:#c70000;}
.banner .dlk .dlk_box .kuang .dl_zc .zc{ width:92px; height:38px; display:inline-block; float:left; background-color:#c70000; text-align:center; line-height:38px; font-size:16px; color:#FFFFFF; border-radius:3px;}
.banner .dlk .dlk_box .kuang .dl_zc .zc:hover{ background-color:#5c5c5c;}
.banner .dlk .dlk_box .kuang .wjmm{ width:56px; height:38px; display:inline-block; float:right; background-color:#d4d4d4;}
.banner .dlk .dlk_box .kuang .wjmm p{ font-size:12px; color: #000000; line-height:16px; width:56px; text-align:center; padding-top:3px;}
.banner .dlk .dlk_box .kuang .wjmm:hover{ background-color:#c70000;}
.banner .dlk .dlk_box .kuang .wjmm:hover p{ color:#FFFFFF;}
.banner .dlk .dlk_box .kuang .tfdl{ width:365px; height:3px; background-color:#efefef; margin-top:31px;}
.banner .dlk .dlk_box .kuang .tfdl .tfdl_box{ width:323px; height:38px; margin:0 auto; padding-top:26px;}
.banner .dlk .dlk_box .kuang .tfdl .tfdl_box .xl{ width:155px; height:38px; background-color:#c70000; display:inline-block; float:left; border-radius: 3px;}
.banner .dlk .dlk_box .kuang .tfdl .tfdl_box .xl .xl_tb{ width:38px; height:38px; display:inline-block; float:left; margin-left:5px;}
.banner .dlk .dlk_box .kuang .tfdl .tfdl_box .xl .xl_tb img{ width:100%; height:100%; 
transition: all 0.3s ease-in-out;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;   
}
.banner .dlk .dlk_box .kuang .tfdl .tfdl_box .xl:hover .xl_tb img{
transform: rotate3d(0, 1, 0, -180deg);
}
.banner .dlk .dlk_box .kuang .tfdl .tfdl_box .xl p{ line-height:38px; font-size:12px; color:#FFFFFF; float:left;}


.foot{ width:100%; height:126px; background-color:#fff;}
.foot .foot_box{ width:1200px; height:126px; margin:0 auto;}
.foot .foot_box p{ font-size:12px; color:#333333; text-align:center; line-height:24px; padding-top:25px;}
.foot .foot_box p a{ color:#333333;}
.foot .foot_box p a:hover{ color:#000000; text-decoration:underline;}
/*----登录----*/

/*----注册---*/
.content{ width:100%; height:520px; margin-top:76px;}
.content .content_box{ width:1000px;  margin:0 auto; background-color:#fff;}
.content .content_box .reg{ width:580px; height:566px; display:inline-block; float:left; background-color:#FFFFFF; border-right:1px solid #efefef;}
.content .content_box .reg .reg_box{ width:565px;  }
.content .content_box .reg .reg_box .zcfs{ width:262px; height:35px; margin:0 auto; border:1px solid #d1d1d1;}
.content .content_box .reg .reg_box .zcfs a{ color:#FFFFFF;}
.content .content_box .reg .reg_box .zcfs .zcfs_1{ width:131px; height:35px; display:inline-block; float:left; background: -webkit-linear-gradient(top, #ffffff, #f1f1f1);background:-moz-linear-gradient(top,#ffffff, #f1f1f1);/*火狐*/}
.content .content_box .reg .reg_box .zcfs .zcfs_1 h1{ font-size:16px; color: #000000; line-height:35px; text-align:center; font-weight:normal;}
.content .content_box .reg .reg_box .zcfs .zcfs_2{ width:131px; height:35px; display:inline-block; float:left; background: -webkit-linear-gradient(top, #ffffff, #f1f1f1);background:-moz-linear-gradient(top, #ffffff, #f1f1f1);/*火狐*/}
.content .content_box .reg .reg_box .zcfs .zcfs_2 h2{ text-align:center; line-height:35px; font-size:16px; font-weight:normal; color: #000000;}
.content .content_box .reg .reg_box .zcfs a.hover .zcfs_1{ background: -webkit-linear-gradient(top, #484747, #5f5f5f);background:-moz-linear-gradient(top, #484747, #5f5f5f);/*火狐*/}
.content .content_box .reg .reg_box .zcfs a.hover h1{ color: #FFFFFF;}
.content .content_box .reg .reg_box .zcfs a.hover .zcfs_2{  background: -webkit-linear-gradient(top, #484747, #5f5f5f);background:-moz-linear-gradient(top, #484747, #5f5f5f);/*火狐*/}
.content .content_box .reg .reg_box .zcfs a.hover h2{ color: #FFFFFF;}

.content .content_box .reg .reg_box .sjh{ width:485px; margin:0 auto; }
.content .content_box .reg .reg_box .sjh ul{ width:100%; height:200px;}
.content .content_box .reg .reg_box .sjh ul li{ width:90%; padding:2% 5%; display:inline-block; float:left; border:1px solid #dfdfdf;}
.content .content_box .reg .reg_box .sjh ul span{ padding:20px 0; color:#999; float:left; display:block; width:100%; font-size:12px;}

.content .content_box .reg .reg_box .sjh ul li .zi{ width:110px; display:inline-block; float:left;}
.content .content_box .reg .reg_box .sjh ul li .zi p{ font-size:16px; line-height:35px;  color:#333; }
.content .content_box .reg .reg_box .sjh ul li .kuang{ width:248px;  float:left; position:relative;}
.content .content_box .reg .reg_box .sjh ul li .kuang input{ line-height:35px;  background-color:#fff; border:0; outline:none; display:inline-block; float:left; width:300px; font-size:16px; font-family:"微软雅黑"; background-color:none;                /* For Latest Opera */
}

.content .content_box .reg .reg_box .sjh ul li .kuang input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}


.banner .dlk .dlk_box .kuang .sjh .sjh_kuang input:-webkit-autofill {
  padding:11px 100px 9px 12px; background-color:#efefef; border:0; outline:none; display:inline-block; float:left; border-radius: 3px; 
	box-shadow:1px 1px 1px #999 inset;             
}


.content .content_box .reg .reg_box .sjh ul li .kuang img{-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;}



.content .content_box .reg .reg_box .sjh ul li .yzm{  display:inline-block; float:right;margin-left: -30px;position: absolute;}
.content .content_box .reg .reg_box .sjh ul li .yzm .yzm_box{ width:120px; height:32px; background: -webkit-linear-gradient(top, #ffffff, #f1f1f1); border: 1px solid #d1d1d1; }
.content .content_box .reg .reg_box .sjh ul li .yzm .yzm_box p{ font-size:12px; line-height:32px; text-align:center; color:#000000;}

.content .content_box .reg .reg_box .sjh ul li .yzm .yzm_box:active{ background: -webkit-linear-gradient(top, #484747, #5f5f5f)}
.content .content_box .reg .reg_box .sjh ul li .yzm .yzm_box:active p{ color: #FFFFFF;}
.content .content_box .reg .reg_box .zc{ width:485px; height:35px; margin-top:63px; margin:0 auto;}
.content .content_box .reg .reg_box .zc a{ color:#FFFFFF;}
.content .content_box .reg .reg_box .zc .zc_box{ width:90%; padding:2% 5%; height:35px; background-color:#c80000; display:inline-block; margin-left:0; font-size:20px; font-weight:normal; line-height:35px; text-align:center; border-radius:3px;}
.content .content_box .reg .reg_box .zc .zc_box:hover{ background-color:#a20000;}


.content .content_box .tu{ width:395px; height:477px; display:inline-block; float:right;}

.content .content_box .tu .tu_box{ width:240px; margin:0 auto; transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;     
-moz-transition: all 0.5s linear;}
.content .content_box .tu .tu_box:hover{ padding-top:20px;}


.content .content_box .tu .tu_box .tu_img{ width:240px; height:280px; background-image:url(../img/reg_tu.png);  display:table;}
.content .content_box .tu .tu_box .tu_img ul{ width:150px; margin:0 auto; margin-top:85px;}
.content .content_box .tu .tu_box .tu_img ul h1{ border-bottom:1px solid #dfdfdf; line-height:45px; font-size:20px; text-align:center; font-weight:normal;}
.content .content_box .tu .tu_box .tu_img ul p{ font-size:12px; color:#666; width:85%; margin:0 auto; padding:10px; line-height:25px;}

.content .content_box .tu .shangjia{ width:180px; margin:0 auto; padding: 20px 0;}

.content .content_box .tu .shangjia ul{ width:100%;}
.content .content_box .tu .shangjia li{ padding:15px 0;  border-bottom:1px solid #dfdfdf; font-size:14px; list-style:none; color:#333;}
.content .content_box .tu .shangjia li img{ vertical-align:middle; margin-right:10px;}

.content .content_box .tu img:hover{ padding-top:20px;}

/*登陆页底部*/

.footer{width:1200px; margin:0 auto; text-align:center; font-size:12px; padding:15px 0; line-height:25px;}
.footer a{ color:#be0000;}

/*页脚样式*/
.foot{ width:100%;}
.foot .foot_box{ width:1200px; margin:0 auto;}
.foot .foot_box .box_1 p{ color:#333; font-size:12px; text-align: left; padding-top:10px; line-height:26px;}
.foot .foot_box .box_2{ width:100%; color:#333; font-size:12px; text-align:left; line-height:23px;}
.foot .foot_box .box_2 a{ color:#be0000; text-decoration:none;}
.foot .foot_box .box_2 a:hover{ text-decoration:underline;}