
body{ color:#000000;}
input{ outline:none;}
*{ margin:0; padding:0}
div{ overflow:hidden;}


@media screen and (max-width:1400px) {
    #header{ width:1040px; text-align:left; margin:0 auto;}
    .login_top{ width:1040px; margin:10px auto;}
    .contact_us{ border:1px solid #e0e0e0; margin:10px auto; width:1040px;font-size: 14px;}
    .fudong_kefu{ position:fixed; top:300px; left:50%; margin-left:530px}
}
@media screen and (min-width:1401px){
    /*#header{ width:1200px; text-align:left; margin:0 auto;}*/
    .login_top{ width:1200px; margin:10px auto;}
    .contact_us{ border:1px solid #e0e0e0; margin:10px auto; width:1200px;font-size: 14px;}
    .fudong_kefu{ position:fixed; top:300px; left:50%; margin-left:600px}
}

.topleft{ float:left; width:41%;}
.topright{ float:right; width:58%;}

.login_title{ width:100%; height:30px;  font:bold 14px/24px "Microsoft Yahei";}
.login_title a{ float:left;}
.login_title span{ float:right; color:#ff6600;}

div.yhdl{ width:auto; border:1px solid #e0e0e0; height:385px;}

/* tab */

.login_tab{ overflow:hidden; }
.div1{ display:block;}
.div2{ display:none;}
/* .tncode{ display:none;} */
.login_tab .login_nav{ background:#f5f5f5; height:30px; line-height:30px;}
.login_tab .login_nav li{ color:#000000; float:left; border-right:1px solid #e0e0e0;}
.login_tab .login_nav li:first-child label{  color:#ff8000;  font-weight:bold;}
.login_tab .login_nav li label{ display:inline-block; padding:0 20px;}
/* .login_tab .nav1:checked ~ .login_nav li:first-child label{ color:#ff8000;  font-weight:bold; background:#ffffff; display:inline-block;  line-height:30px;}
.login_tab .nav1:checked ~ .content .div1{ display:block;}
.login_tab .nav1:checked ~ .content .div2{ display:none;}
.login_tab .nav2:checked ~ .login_nav li{ border-right:1px solid #e0e0e0; line-height:30px;}
.login_tab .nav2:checked ~ .login_nav li:last-child label{ color:#ff8000;  font-weight:bold; background:#ffffff; display:inline-block; line-height:30px;}
.login_tab .nav2:checked ~ .login_nav li:first-child label{ color:#000000; background:none;}
.login_tab .nav2:checked ~ .content .div1{ display:none;}
.login_tab .nav2:checked ~ .content .div2{ display:block;} */

/* zhanghao mima */

.content1{ width:220px; margin:24px auto 0;}
.content1 div{ width:218px; height:30px;}
.content1 div:first-child,.content1 div:nth-child(2){ border:1px solid #cccccc; border-radius:2px;}
.content1 div{ overflow:hidden; margin-bottom:8px;}
.content1 div input[type="text"],.content1 div input[type="password"],.content1 div input[type="tel"]{ border:none; background:#ffffff; width:145px; margin:4px 0 0 5px;}
.content1 div input[type="tel"]{ width:180px;}
.content1 div input[type="text"]:-webkit-autofill,.content1 div input[type="password"]:-webkit-autofill,.content1 div input[type="tel"]:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset;} 
.content1 div img,.content1 div span,.content1 div input,.content1 div a{ float:left;}
.content1 div span{margin-top: 6px;}
.content1 div img{ margin:6px 6px 0 6px;}
.content1 div:nth-child(3) input{ position:relative; margin-right:5px;}
.content1 div:nth-child(3) a{ float:right;}
/* .content1 div:last-child{ position:relative; width:218px; height:30px; border:1px solid #D96D00; background:#FF9900; background-image: linear-gradient(#FFCC00, #FF9900);} */
.subtel2{ position:relative; width:218px; height:30px; border:1px solid #999999; background:#a6a6a6; background-image: linear-gradient(#e6e6e6, #a6a6a6);}
.subtel1{ position:relative; width:218px; height:30px; border:1px solid #D96D00; background:#FF9900; background-image: linear-gradient(#FFCC00, #FF9900);}
.subtel1 input:last-child { width:100%; padding:5px 0; height:30px; position:absolute; top:0; background:none; border:none; color:#ffffff;}

/* shouji yanzheng */
.code{  width:100px; margin:5px 0 0 5px;}
div.div2 input[type="text"]{  width:80px; border-left:1px solid #cccccc; text-align:center; cursor:pointer;}
 
.other_login{ position:relative;  margin:20px 0 0 0; overflow:visible;}
.other_login:before{ content:'';display:block; position:absolute; top:0; left:0; width:100%; height:1px; background:#cccccc;}
.other_login h3{ position:relative; width:120px; line-height:30px; margin:0 auto; text-align:center; background:#ffffff; top:-14px; font-weight:normal;}
.other_login div{ display:table; margin:0 auto;}
.other_login a{ display:inline-block; width:24px; height:23px; margin:0 8px; overflow:hidden;}
.other_login a:nth-child(1) img{ margin:0;}
.other_login a:nth-child(2) img{ margin:0 0 0 -25px;;}
.other_login a:nth-child(3) img{ margin:0 0 0 -50px;;}
.other_login a:nth-child(4) img{ margin:0 0 0 -75px;;}
.other_login a:nth-child(5) img{ margin:0 0 0 -100px;;}

.zhuce{ text-align:center; margin:10px auto;}
.zhuce input{ border:none; color:#ff8000; text-decoration:underline;}
.bangding{ text-align:center; margin:0px 26px;}
.bangding a{ color:#1296DB;}

/* zixun */
.zixun{ background:#f5f5f5; border-collapse:collapse;}
.zixun caption{ height:30px;}
.zixun td{ border:1px solid #e0e0e0; padding:5px 8px; line-height:20px;}
.zixun tr:nth-child(2n-1) td{ background:#ffffff;}
.zixun tr td:first-child{ width:80px;}
.zixun tr:nth-child(2n-1) td:first-child{ position:relative; text-indent:10px; font-weight:bold;}
.zixun tr:nth-child(2n) td:first-child{ text-indent:10px;}
.zixun tr:nth-child(2n-1) td:first-child:before{ content:''; display:block; position:absolute; right:12px; top:9px; width:6px; height:6px;  border-top:2px solid #cccccc; border-right:2px solid #cccccc; transform:rotate(45deg);}
.zixun tr:nth-child(2n) td:last-child a{ display:inline-block; padding:0 24px 0 0;}

.ziyuan_search{ width:100%; height:48px; border:1px solid #e0e0e0; margin-top:8px; background:url("../_v2image/denglu/icon_search.jpg" ) no-repeat 10px center;}
.ziyuan_search div{ margin:4px 0 0 116px; line-height:20px; border-left:1px solid #e0e0e0; padding-left:10px;}
.ziyuan_search div a{ padding:0 3px 0 0;}

/* contact_us */
/*.contact_us{ border:1px solid #e0e0e0; margin:10px auto; width:998px;}*/
.contact_us h3{ height:30px; background:#ffffff; border-bottom:1px solid #e0e0e0;; line-height:30px; text-indent:10px;}
.contact_us ul{ float:left; width:80%; margin:10px 0 0 10px;}
.contact_us li{ float:left; width:50%; height:26px;}
.contact_us li div{ text-align-last:justify;text-align:justify;text-justify:distribute-all-lines; font-weight: 600;width: 80px; }
.contact_us li span{float: left; padding:  0 20px;}
.contact_us img{ float:right; margin-right:10px;}


.dengluyc{text-align: center;color:#ff6600;}


/**新版** */
/**登录框标题*/
.layui-elem-quote {border-left: 0px solid #E53503;background-color: #ffffff;padding: 0;}
.layui-elem-quote a{float: right;margin-right: 2%;color: #ff8000;font-size: 14px;}
.login_title{ height: 38px;line-height: 38px;font-size: 18px;color: #E53503;padding-left: 1%;}

/**登录框左侧*/
.login_input_border{ border-bottom:1px solid #e3e3e3; line-height:40px;}
.login_input_border span{ float:left; width:20%; line-height:40px;}
.login_submit_border{ margin-top:10px;overflow: hidden;}
.login_input_border input{ width:80%; border:0; line-height:40px;}
.login_input_border input.password{ width:40%; border:0; line-height:40px;}
.login_input_border input.mima{ width:40%; border:0; line-height:40px; cursor:pointer;}
.login_submit_border input{ width:100%;height:38px;line-height:40px; color:#ffffff;background:#E53503; border-radius:5px;font-size: 16px;}
.login_submit_border input:hover{ background:#F17449;}
.login_submit_border a{ display:block;  float:right; line-height:40px; color:#E53503; text-align:center; background:#ffffff; box-shadow:0 0 0 1px rgba(229,53,3,1) inset; margin-right:0; border-radius:5px;}
.login_submit_border a:hover{background:#FCDCD1; color:#E94502;}

ul.tabs{ height:50px;  line-height:48px; margin-top:0;}
ul.tabs li{ float:left;width:50%; text-align:center;}
ul.tabs li a{  font-size:20px;}
ul.tabs li.thistab{ border-bottom:2px solid #E94502;}
div.bg{ position: relative; border-radius:5px;   background-size:30%;font-size: 14px;}

/**登录框右侧*/
.thirdLogin *{font-size: 14px;text-align: center;}
.thirdLogin div{line-height: 40px;padding-top: 10px;}
.thirdLogin a{ color: #ff8000;}
.thirdLogin dl{ display:table; margin:0 auto;}
.thirdLogin dt{ position:relative;  text-align:center; margin-bottom:10px;margin-top: -30px;margin-left:32%;background-color: white;width: 120px;}
.thirdLogin dd{ float:left; border:1px solid #e3e3e3; border-radius:50%; width:40px; height:40px; margin:0 10px;}
.thirdLogin dd img{ width:20px; margin:10px;}
.thirdLogin hr{ margin-top: 20px;}

ul.tab_conbox{ overflow:visible; padding-left:8px;margin-top: 6px;}
ul.tab_conbox div span{ float:right;}

@media screen and (min-width:1401px){
    .show_login_title{width:1200px;margin: 0 auto;}
    .login_form{width:1200px;margin: 0 auto;border: 1px solid #dddddd;}
    .login_main{ float:left; width:30%; border-right:1px solid #dddddd; margin:30px 20px 30px 0; padding:0 8%;}
    .thirdLogin{ float:right; width:40%;  margin:30px 20px 30px 0; padding:0 4%;}
}

@media screen and (max-width:1401px){

    .show_login_title{width:1040px;margin: 0 auto;}
    .login_form{width:1040px;margin: 0 auto;border: 1px solid #dddddd;}
    .login_main{ float:left; width:30%; border-right:1px solid #dddddd; margin:30px 20px 30px 0; padding:0 8%;}
    .thirdLogin{ float:right; width:40%;  margin:30px 20px 30px 0; padding:0 4%;}
}






