@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0; list-style: none; font-family: '微软雅黑';}
img {vertical-align: top; border: 0;}
a {text-decoration: none;}
.clearfix:after {clear: both; display: block; content: '';}
.clearfix {zoom: 1;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
i, em {font-style: normal;}
input, button, select, textarea {outline: none}
textarea {resize: none;}

#box{ width:889px; height:666px; background:url(../img/zc_bj_03.jpg); position:absolute; top:50%; left:50%; margin-top:-333px; margin-left:-444.5px; }
#content{ width:631px; height:480px; background:#fff; margin:130px auto; border:1px solid #e5e5e5; border-radius:5px; box-shadow: 10px 10px 60px #f8cd8b; overflow:hidden;}

#form1{float:left; position:relative; width:302px; height:400px; overflow:hidden; margin-top:46px; margin-left:30px; display:inline;}
.form1_title{ font-size:18px; color:#ec6f01; margin-bottom:30px; margin-left:7px;}
#username{ background-image:url(../img/phone.png); width:260px; margin-bottom:18px; }
#username1{background-image:url(../img/phone.png); width:260px; margin-bottom:20px;}
#username2{ width:140px; margin-bottom:20px;}
#password{ background-image:url(../img/password.png); width:180px; margin-bottom:18px; padding-right:80px; overflow:hidden; }
#codeword{ background-image:url(../img/code.png); width:140px;  display:inline;}
#codebtn{ width:113px; height:40px; border:1px solid #e5e5e5; background:#f1f1f1; text-align:center; font-size:15px; color:#656565; cursor:pointer; line-height:40px; overflow:hidden; display:inline;}
#codeword2{ background-image:url(../img/code.png); width:146px; float:left;}
#codebtn2{ width:110px; height:40px; border:1px solid #e5e5e5; background:#f1f1f1; text-align:center; font-size:15px; color:#656565; float:left; cursor:pointer; line-height:40px; overflow:hidden;}
#showword{ position:absolute; top:125px; left:220px; font-size:15px; color:#ec6f01; cursor:pointer;}
#showword2{ position:absolute; top:89px; right:13px; font-size:15px; color:#ec6f01; cursor:pointer;}

#username,#username1,#password,#codeword,#codeword2{height:40px; line-height:40px; border:1px solid #e5e5e5;  padding-left:40px;  background-repeat:no-repeat; background-position:10px center; font-size:15px; overflow:hidden;  }
#username2{height:40px; line-height:40px; border:1px solid #e5e5e5;  padding-left:40px;  background-repeat:no-repeat; background-position:10px center; font-size:15px; overflow:hidden; }
#clause {color: #403f3f; font-size:14px; text-align: center; line-height:68px; position:relative; padding-left:20px;}
#clause a {color: #4678e8;}
#clause span{width:16px; height:16px; background:url(../img/check.png); position:absolute; top:0px; left:0; cursor:pointer; display:inline;}
#clause span.on {background: url(../img/check_on.png); cursor:pointer; display:inline;}
#subbtn,#subbtn1,#subbtn2,#subbtn3{width:300px; height:36px;  font-size:18px ; color:#FFF; border-radius:5px; border:1px solid #e68b48; box-shadow: 0 1px 1px #d8d7d7; margin:0 auto; display:block; background: #fb9502; text-shadow: 1px 1px 2px #d56a09; cursor:pointer;}
#subbtn2{ margin-top:36px;}
#subbtn3{margin-top:22px;}

#right_text{float:left; position:relative; width:258px; margin-top:46px; margin-left:15px; padding-top:53px;}
#right_text p{ font-size:12px; color:#545353; line-height:42px; margin-bottom:18px;}
#right_text a{ margin-top:178px; display:block; font-size:16px; color:#545353; margin-left:90px; cursor:pointer;}
#right_text span{  color:#ec6f01;}

.zghl_code{ float:left; margin-top:116px; margin-left:45px; overflow:hidden;}
.content_right{ float:left; width:302px; margin-left:45px; overflow:hidden; margin-top:116px;}
.content_right h1{ font-size:22px; color:#ec6f01; line-height:63px; overflow:hidden; letter-spacing:2px;}
.content_right p{ font-size:15px; margin-bottom:50px; overflow:hidden; color:#7d7c7c;}

.zhmm{ width:302px; overflow:hidden; margin:0 auto; margin-top:100px; text-align:center; }
.zhmm h1{ font-size:22px; color:#ec6f01; overflow:hidden; letter-spacing:2px; margin-bottom:50px;}

.zhmm2{ width:302px; overflow:hidden; margin:0 auto; margin-top:100px; }
.zhmm2 h1{ font-size:22px; color:#ec6f01; overflow:hidden; letter-spacing:2px; margin-bottom:18px; text-align:center;}
.zhmm2 p{ line-height:40px; font-size:15px; color:#878786;}
.zhmm2 span{ color:#437cfc;}

.zhmm3{ width:302px; overflow:hidden; margin:0 auto; margin-top:100px; text-align:center; position:relative; }
.zhmm3 h1{ font-size:22px; color:#ec6f01; overflow:hidden; letter-spacing:2px; margin-bottom:50px;}

.czmm{ width:400px; overflow:hidden; margin:0 auto; margin-top:100px; text-align:center; position:relative; }
.czmm h1{ font-size:22px; color:#ec6f01; overflow:hidden; letter-spacing:2px; margin-bottom:28px;}
.czmm p{ font-size:16px; margin-bottom:31px; }
.czmm_phone{ line-height:24px; color:#7d7c7c;}
.czmm span{ color:#437cfc;}

.alertbox_left{ float:left; margin-left:30px; margin-top:43px; margin-right:30px; position:relative; overflow:hidden;}
.alertbox_left form{ width:302px; overflow:hidden; overflow:hidden;  display: inline;}
#left_phone,#left_pass{ width:258px; height:40px; border:1px solid #e4e4e4; padding-left:40px; background-repeat:no-repeat;  background-position:10px center; overflow:hidden; line-height:40px;}
#left_phone{ background-image:url(../img/phone.png); margin-bottom:19px;}
#left_pass{ background-image:url(../img/password.png); margin-bottom:27px;}
#left_btn{ width:300px; height:40px; background:#fb9502; border:none; border-radius:5px; line-height:40px; color:#fff; font-size:16px; overflow:hidden;  cursor:pointer;}
#showpass{ position:absolute; top:72px; left:220px; font-size:15px; color:#ec6f01; cursor:pointer;}

.alertbox_right{ float:left; margin-top:43px; margin-left:30px;}
.alertbox_right p{ width:142px; border:1px solid #e4e4e4; height:46px; border-radius:5px; line-height:46px; padding-left:46px; background-position:10px 12px; overflow:hidden; background-repeat:no-repeat; color:#676767;  cursor:pointer;}
.right_top{ background-image:url(../img/qq.png); }
.right_middle{ background-image:url(../img/wx.png);  margin:10px 0;}
.right_footer{ background-image:url(../img/wb.png);}

.alertbox_middle span{ width:14px; font-size:14px; color:#8b8b8a; word-wrap:break-word; display:block; letter-spacing:5px; position:absolute; background:#fff; top:33px; left:0;}
.alertbox_middle p {border-left:1px solid #e4e4e4; width:1px; height:178px; text-align:center; margin:0 auto; }
.alertbox_middle{ width:14px; height:178px; overflow:hidden; position:relative; float:left; margin-top:37px;}
.alertbox_title{ height:44px; line-height:44px; width:602px; color:#ec6f01; font-size:18px;  padding-left:35px; margin-top:30px; }
.alertbox_title span{ position:absolute; top:0; right:24px;}

