@charset "utf-8";
*,html { word-break:break-all;}
body { margin:0 auto; font-family:'\5FAE\8F6F\96C5\9ED1', Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333; background-color:#F5F5F5}
div {
  margin: 0 auto;
    margin-bottom: 0px;
  outline: none;
  box-sizing: border-box;
}


.show_txt{margin: auto;  position: fixed; top: 40%; left:20%; right:20%; width:60%; max-width:280px;  max-height:500px;  background-color: #333;
           text-align: center;line-height:40px; padding:20px 0px; opacity: 0.8;z-index: 999;color: #ffffff;box-shadow: 0 0 5px #9e9e9e; 
           font-size: 15px; display:none; border-radius:10px;}



table { clear:both}
form { margin:0; padding:0;}
ul { list-style:none; margin:0; padding:0;}
img { border:0;}
.px11 { font-size:11px}
.px12 { font-size:12px}
.px14 { font-size:14px}
.px16 { font-size:16px}
.px18 { font-size:18px}
.px21 { font-size:21px}
h1,h2,h3,h4,h5,dl,dt,dd { margin:0; padding:0}
input,textarea,select {font-family:'\5FAE\8F6F\96C5\9ED1', Tahoma; font-size:12px; outline:none; box-sizing: border-box;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
.divline { line-height:6px; height:6px; clear:both; width:100%; overflow:hidden}
/* ����������ɫ */
.blue,.blue a,.blue a:link,.blue a:visited,.blue:link,.blue:visited{color:#05C;}
.red,.red a,.red a:link,.red a:visited,.red:link,.red:visited{color:#F00;}
.orange,.orange a,.orange a:link,.orange a:visited,.orange:link,.orange:visited{color:#FF552E;}
.black,.black a,.black a:link,.black a:visited,.black:link,.black:visited{color:#000;}
.gray,.gray a,.gray a:link,.gray a:visited,.gray:link,.gray:visited{color:#888;}
.gray2,.gray2 a,.gray2 a:link,.gray2 a:visited,.gray2:link,.gray2:visited{color:#555;}
.green,.green a,.green a:link,.green a:visited,.green:link,.green:visited{color:#080;}
.white,.white a,.white a:link,.white a:visited,.white:link,.white:visited{color:#fff;}
.purple,.purple a,.purple a:link,.purple a:visited,.purple:link,.purple:visited{color:#F46;}

.w100 { width:100px}
.w150 { width:150px}
.w200 { width:200px}
.w250 { width:250px}
.w300 { width:300px}
.w350 { width:350px}
.w400 { width:400px}
.w450 { width:450px}
.w500 { width:500px}
.w550 { width:550px}
.w600 { width:600px}

a { color:#333; text-decoration:none}
a:hover { color:#FF552E; text-decoration:underline}

.f_l { float:left;}
.f_r { float:right}


.px10 { font-size:10px}
.px11 { font-size:11px}
.px12 { font-size:12px}
.px14 { font-size:14px}
.px15 { font-size:15px}
.px16 { font-size:16px}
.px18 { font-size:18px}
.px21 { font-size:21px}

.container,.innernav {width:1200px; margin:0 auto;}


/*ͨ��CERTIFYͼ��*/
.ico-certify-list span{ margin-right:10px; vertical-align:middle}

.ico-vcompany { background:url(images/ico-certify.png) 0 -66px no-repeat; width:23px; height:18px; position:relative; display:inline-block}
.ico-vmobile { background:url(images/ico-certify.png) -7px -43px no-repeat; width:16px; height:18px; position:relative; display:inline-block}
.ico-vemail { background:url(images/ico-certify.png) -4px -21px no-repeat; width:19px; height:19px; position:relative; top:-1px; display:inline-block}
.ico-vtruename { background:url(images/ico-certify.png) -1px 0 no-repeat; width:23px; height:18px; position:relative; display:inline-block}

.ico-ucompany { background:url(images/ico-certify.png) -24px -66px no-repeat; width:23px; height:18px; position:relative; display:inline-block}
.ico-umobile { background:url(images/ico-certify.png) -31px -43px no-repeat; width:16px; height:18px; position:relative; display:inline-block}
.ico-uemail { background:url(images/ico-certify.png) -28px -21px no-repeat; width:19px; height:19px; position:relative; top:-1px; display:inline-block}
.ico-utruename { background:url(images/ico-certify.png) -25px 0 no-repeat; width:23px; height:18px; position:relative; display:inline-block}


.box-corner {
	border-radius: 4px; 
	-moz-border-radius: 4px;
}

/*ͨ��ͷ��*/
.topnav { background-color: #FFF; height: 100px; color: #999; width:100%;position:relative;	z-index:3;}
.topnav a{	color:#999}
.innernav {	background-color: #FFF;	height:100px; overflow:hidden;}
.innernav .f_r span {font-family: "Times New Roman", Times, serif; font-size: 10px; color: #aaa; position: relative; top: -1px;}

#logo {float:left;height:90px;  width:450px; font-size:24px; color:#888}
#logo a { float:left;  height:70px; width:200px; margin-right:20px; margin-top:18px; padding-right:20px; border-right:#DDD solid 1px; }




@font-face {
  font-family: "iconfont"; /* Project id 3240762 */
  src: url('//at.alicdn.com/t/c/font_3240762_t7i7enferat.woff2?t=1665019640381') format('woff2'),
       url('//at.alicdn.com/t/c/font_3240762_t7i7enferat.woff?t=1665019640381') format('woff'),
       url('//at.alicdn.com/t/c/font_3240762_t7i7enferat.ttf?t=1665019640381') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gongsimingcheng:before {
  content: "\e65e";
}

.icon-mingxing:before {
  content: "\e600";
}

.icon-mingxingstar82:before {
  content: "\e6f8";
}

.icon-remen:before {
  content: "\e647";
}

.icon-yiwancheng1:before {
  content: "\e779";
}

.icon-kongxin:before {
  content: "\e62e";
}

.icon-shixin:before {
  content: "\e635";
}

.icon-shouji:before {
  content: "\e737";
}

.icon-mima:before {
  content: "\e620";
}

.icon-chanpin2:before {
  content: "\e65d";
}

.icon-dizhi:before {
  content: "\e65c";
}

.icon-fenxiang-copy:before {
  content: "\e632";
}

.icon-yonghu:before {
  content: "\e65b";
}

.icon-ziyuan:before {
  content: "\e63d";
}

.icon-mingpian1:before {
  content: "\e70b";
}

body { background-color:#FFF}
.m {margin:auto;width:1200px;clear:both;}

/*头部样式*/
.head {background:#F0F0F0; width:100%;height:36px; line-height:36px; border-bottom:#DFDFDF solid 1px;}
.head_m {margin:auto;width:1200px;color:#777;}
.head_m a { color:#666}
.head_m a:hover { color:#FF552E; text-decoration:none}
.head_m span { font-family:"Times New Roman", Times, serif; font-size:10px; color:#aaa; position:relative; top:-1px}

.head_l li {float:left; margin:0 13px 0 0;}
.head_l li.cityname a{ color:#FF552E}
.head_l li.cityname a:hover { text-decoration:underline}
.h_city {background:url('images/icon-arrow.png') no-repeat right -42px;padding:0 13px 0 0;}
.h_fav {padding:0 0 0 2px;}
.h_mobile {background:url('images/ico_mobile.png') no-repeat 0 center;padding:0 2px 0 15px;}
.h_qrcode {background:url('images/ico_qrcode.png') no-repeat 0 center;padding:0 6px 0 18px;}

.tophead { width:100%; height:100px; overflow:hidden}
.tophead .logo { float:left; width:auto; height:auto;  margin-top:15px; position:relative; font-size:26px; letter-spacing:1px; margin-right:20px; border-right:#E5E5E5 solid 1px; padding-right:20px;  }
.tophead .logowz  { float:left; height:auto; color:#333;   margin-top:10px;  }
.tophead .logowz h1 { height:40px; line-height:40px;  font-size:26px;}
.tophead .logowz p {  height:25px;  font-size:16px; overflow:hidden;  }
.tophead .reg { float:right; width:auto; height:45px; line-height:45px; position:relative; top:20px; font-size:26px; letter-spacing:1px; color:#333}

.tophead .reg h1 { height:45px; line-height:45px;  font-size:26px;}
.tophead .reg p {  height:25px; line-height:25px;  font-size:16px;}

.tophead .kf { color:#888; float:right; background:url(images/ico-qq.png) left 2px no-repeat; padding-left:55px; height:55px; font-size:13px; position:relative; top:35px}
.tophead .kf span { line-height:40px; font-size:26px}
.tophead .kf a:hover { text-decoration:none}

.show_txt{margin: auto;  position: fixed; top: 40%; left:20%; right:20%; width:60%; max-width:280px;  max-height:500px;  background-color: #333;
           text-align: center;line-height:40px; padding:20px 0px; opacity: 0.8;z-index: 999;color: #ffffff;box-shadow: 0 0 5px #9e9e9e; 
           font-size: 15px; display:none; border-radius:10px;}

.index_bg2 {
    width: 100%;
    height:600px;
    background-image: url(../images/loginbg.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}
.w1200 {
  width: 1200px; margin:0px auto;
  padding: 0px 15px;
}
.login_wrap {width:100%;    min-height:600px; height:auto; background-image:url(/images/loginban.jpg); background-color:#b60716;  }

.login_slider { width:100%;  height:80px;  overflow:hidden; margin:0px auto; font-size:16px; color:#000;  font-weight:bold;  padding-top:20px;   }
.login_slider  h2{ width:100%;  height:30px; font-size:26px; color:#fff;  font-weight:bold; text-align:center;   }
.login_slider h4{font-size:16px; color:#000;   height:20px; padding-top:10px; font-weight:bold;   color:#fff;text-align:center; }
.login_wrap_anget{width:100%; height:600px;     background-image: url(../images/loginbg.jpg); background-position:top center; background-repeat:no-repeat; }

/*登录页面框*/
.login_box{margin:30px auto; width:400px;  padding:20px 40px;  background-color:#fff; border:1px solid #eee;  overflow:hidden; }
.login_box .login_tit {width:320px;height:45px;font-size:16px;
font-weight: 500;
margin-bottom:30px;
text-align: center; padding-bottom: 30px; }
.login_box .login_tit .login_t {width:150px;height: 45px;line-height:45px;  font-style:normal;  }
.login_box .login_tit .login_sm {width:150px;height: 45px;line-height:45px; font-style:normal;  }

.login_box .login_con{width:320px; min-height: 280px; height:auto;
}
.login_box .login_con .item{width:320px;height: 40px; border:1px solid #dddddd; margin-bottom:20px; line-height:40px; }
.login_box .login_con .item div:nth-child(1){text-align:left; float:left; display:inline-block; padding:0px 5px 0px 10px;  color: #666; width:33px; }
.login_box .login_con .item div:nth-child(2){text-align:left; float:left; display:inline-block; color: #666; width:200px;  outline:none;}
.login_box .login_con .item3{width:320px;height: 40px; border:1px solid #dddddd; margin-bottom:20px; line-height:40px; }
.login_box .login_con .item3 div:nth-child(1){text-align:left; float:left; display:inline-block; padding:0px 5px 0px 10px;  color: #666; width:30px;   }
.login_box .login_con .item3 div:nth-child(2){text-align:left; float:left; display:inline-block; color: #666; width:160px; }
.login_box .login_con .item3 div:nth-child(3){text-align:center; float:right; display:inline-block; color: #666; width:100px;  background-color:#d5d5d5  }
.login_box .login_con .item input{ width:100%;border:0px solid #dddddd;  padding-left:2%;line-height:33px; outline:none;height:35px; overflow:hidden; }
.login_box .login_con .item3 input{ width:100%;  border:0px solid #dddddd; height:35px; overflow:hidden; }
.login_box .login_con .item2{width:320px;height: 40px; border:0px solid #dddddd; margin-bottom:20px; line-height:40px; }
.login_box .login_con .item2 a { padding:10px 20px;  }
.login_box .login_con .btn{display: inline-block;width: 100%;border:0px solid #dddddd;
height: 40px;background-color: #e60000;
border-radius: 5px;color: #fff;font-size: 18px;
line-height: 40px;
}
.login_box .login_con .btn2{display: inline-block;width: 100%;border:0px solid #dddddd;
height: 40px;background-color: #3a8232;
border-color: #3a8232;
color: #fff;font-size: 14px;
line-height: 40px;
}

.login_box .login_con .item i,   .login_box .login_con .item3 i { font-size:22px; color:#999; }

.remhover { border-bottom:2px solid #eee; color:#666;
}
.addhover { border-bottom:2px solid #ee2222; color:#ee2222;
}




#login_container { width:300px!important; height:280px;  }

#tpl_for_iframe {width:200px!important;
} 

.login_box .other-login .i-app i,.login_box .other-login .i-login i,.login_box .other-login .i-qq i,.login_box .other-login .i-weixin i {
	margin-right: 6px;
	vertical-align: middle;
	display: inline-block;
	width: 28px;
	height: 28px;
	background: url(/images/allPuzzle.png) no-repeat
}

.login_box .other-login .i-login i {
	margin: -3px 0 0 4px;
	width: 13px;
	height: 13px;
	background-position: -80px -200px
}

.login_box .other-login .i-qq i {
	background-position: -73px -108px
}

.login_box .other-login .i-app i {
	background-position: -73px -80px
}

.login_box .other-login .i-weixin i {
	background-position: -73px -172px
}

.se1 { color:#ff0000; font-size:16px;
}

.w1000 {    width:1000px; margin:80px auto; height:400px;}
.w420 { width:450px;height:350px;  background-color:#fff;  border-radius:5px;background-color:#fff; padding-bottom:20px; }
.divtit { width:430px; height:50px; line-height:50px;  font-size:16px; padding-left:20px;  color:#333; font-weight:bolder; }
.divcon{  width:430px;  height:60px;   padding-left:20px; padding-right:20px;  line-height:35px;  clear:both;   }
.divcon2{  width:410px; height:160px;  padding-left:20px; padding-right:20px; clear:both;  line-height:35px;   }
.searbtn {display: inline-block;width:30%;border:0px solid #dddddd;height: 35px;background-color: #3a8232;
background: -webkit-linear-gradient(top, #FF5000, #3a8232);border-radius: 5px;color: #fff;font-size: 16px;font-weight: bold;}


/* 举报页会员登录 */
#reportlogin{ width:320px; margin:auto; background-color:white;font-size:14px; }
.logint{ float:left;width:310px; height:32px; line-height:32px;background:url(../Images/public/logint.png) no-repeat; padding-left:10px;}
.logint b{ float:left;width:130px;line-height:32px; text-align:center;font-size:14px; font-weight:bold;}
.loginc{ float:left;width:320px; padding-top:10px;}
.log1{ float:left;width:320px; height:30px; color:#848484; text-align:center; clear:both; }
.log2{ float:left;width:320px; }
.logl{ float:left;width:70px; height:40px; line-height:40px; text-align:left; }
.logr{ float:left;width:250px; height:40px; line-height:40px; text-align:left; }

.logInput { border:#D5D5D5 1px solid; width:180px;height:26px; line-height:26px; color:#777; padding-left:5px; font-size:14px; }

.logButton{ float:left;display:block; width:96px; height:34px;background-color:#e60000;  margin-right:10px; cursor:pointer; text-align:center; color:#fff;  }

.logButton a{  color:#fff;  }
.logButton:hover{ background-position:0px -34px; }


/*-----------------
	11. Login
-----------------------*/
.container {	width: 1200px;	margin:0px auto;}
.login-body {

    height: 100vh;
    min-height: 80vh;
}
.login-wrapper {
	width: 100%;
	height: 100%;
margin:0px auto;
}
.login-wrapper .loginbox {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	display: flex;
    float:right;
    max-width:400px;
    min-height:200px;
    width: 100%;
     margin-top:150px; margin-right:100px;
}
.login-wrapper .loginbox .login-left {
    align-items: center;
    background: linear-gradient(180deg, #3949ab, #2962ff);
    border-radius: 6px 0 0 6px;
    flex-direction: column;
    justify-content: center;
    padding: 80px;
    width: 400px;
    display: flex;
}
.login-wrapper .loginbox .login-right {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 40px;
    width: 400px;
}
.login-wrapper .loginbox .login-right .login-right-wrap {
    max-width: 100%;
    flex: 0 0 100%;
}
.login-wrapper .loginbox .login-right h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: center;
}
.account-subtitle {
    color: #4c4c4c;
    font-size: 17px;
    margin-bottom: 1.875rem;
    text-align: center;
}
.login-wrapper .loginbox .login-right .forgotpass a {
	color: #a0a0a0;
}
.login-wrapper .loginbox .login-right .forgotpass a:hover {
	color: #333;
	text-decoration: underline;
}
.login-wrapper .loginbox .login-right .dont-have {
	color: #a0a0a0;
	margin-top: 1.875rem;
}
.login-wrapper .loginbox .login-right .dont-have a {
	color: #333;
}
.login-wrapper .loginbox .login-right .dont-have a:hover {
	text-decoration: underline;
}
.social-login {
	text-align: center;
}
.social-login > span {
	color: #a0a0a0;
	margin-right: 8px;
}
.social-login > a {
	background-color: #ccc;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	height: 32px;
	line-height: 32px;
	margin-right: 6px;
	text-align: center;
	width: 32px;
}
.social-login > a:last-child {
	margin-right: 0;
}
.social-login > a.facebook {
	background-color: #4b75bd;
}
.social-login > a.google {
	background-color: #fe5240;
}
.login-or {
	color: #a0a0a0;
	margin-bottom: 20px;
	margin-top: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
}
.or-line {
	background-color: #e5e5e5;
	height: 1px;
	margin-bottom: 0;
	margin-top: 0;
	display: block;
}
.span-or {
	background-color: #fff;
	display: block;
	left: 50%;
	margin-left: -20px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 0;
	width: 42px;
}