html,body{
	/* background:#fff; */
	font-size: 16px;	
    font-family: Arial, Helvetica, sans-serif,"微软雅黑";
    background: #eef1f4;
    padding: 0;
    margin: 0;
    border: 0;
}

 ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
    margin:0;	
    font-size: 14px;  font-family: Arial, Helvetica, sans-serif,"微软雅黑";
}
a {text-decoration: none;}

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
 @media screen and (min-width:320px) {
html { font-size: 0.625rem; -webkit-text-size-adjust: none; }
@media screen and (min-width:400px) {
html { font-size: 0.75rem; }
}
@media screen and (min-width:480px) {
html { font-size: 0.875rem; }
}
@media screen and (min-width:560px) {
html { font-size: 1rem; }
}
@media screen and (min-width:600px) {
html { font-size: 1.125rem; }
}
@media screen and (min-width:640px) {
html { font-size: 1.25rem; }
}
}
.img { width: 100%;}
.m_10 { margin: 10px 0!important;}.m_20 { margin: 20px 0!important;}.m_30 { margin: 30px 0!important;}.m_40 { margin: 40px 0!important;}.m_50 { margin: 50px 0!important;}
.m_60 { margin: 60px 0!important;}.m_70 { margin: 70px 0!important;}.m_80 { margin: 80px 0!important;}.m_90 { margin: 90px 0!important;}.m_100 { margin: 100px 0!important;}
.mt40 { margin-top: 40px!important;}

/* .zhezhao { display: none; background:rgba(0,0,0,1); position: fixed; width: 100%; height: 100%; top:0; left: 0; z-index: 9999;} */
.zhezhao { display: none; background:url(../img/light.jpg) no-repeat; background-size: 100% auto; position: fixed; width: 100%; height: 100%; top:0; left: 0; z-index: 9999;}

.logo { width: 100%; background: #fff; font-size: 0;}
.logo img { width: 30%; }

.wrap_x { padding: 3%;}
.live_w { width: 100%; background: #fff; margin-bottom: 15px; border-radius: 6px;}
.live_w img { width: 100%;}
.live_info { padding: 10px; display: flex; }
.live_i { width: 100%;}
.live_i p { font-size: 16px; font-weight: bold;}
.live_i b { font-size: 12px; font-weight: normal; color: #818695;}
.live_bm { width: 100px; flex-shrink: 0; text-align: right;}
.live_bm a {  text-align: center; display: inline-block; background: #f10106; color: #fff; padding: 8px 0; border-radius: 6px; font-size: 14px; width: 100%;}
.review_t { margin-top: 30px; text-align: center; padding-bottom: 20px; position: relative; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.review_t b { width: 40px; height: 5px; background: #f10106; display: block; position: absolute; left: 50%; transform: translateX(-50%); top: 30px;}

.review_list { background: #fff; display: flex; padding: 3%; margin-bottom: 1px;}
.review_live { width: 30%; margin-right: 4%; font-size: 0;}
.review_list img { width: 100%;}
.review_info { width: 65%;}
.review_info h4 { font-size: 16px;}
.review_time { position: relative; margin-top: 10px;}
.review_time b { font-size: 12px; font-weight: normal; color: #818695;}
.reivew_bm {position: absolute; right: 0;display: inline-block; }
.reivew_bm a{display: inline-block; right: 0;  text-align: center;  background: #fff; border: 1px solid #f10106; color: #f10106; padding: 4px 10px; border-radius: 6px; font-size: 12px;}



.login_w { width: 100%; 
    background-size: 100% auto;
    background-color: #eef1f4;

}

.login_info {  width: 80%; margin: auto; background-color: #fff; padding:1% 5%;}
.login_w_title {  width: 90%; margin: auto; color: #000000;  display: block; font-size: 20px; margin-bottom:10px; padding-top: 30px; font-size: 20px; font-weight: bold; }

.ip_w { position: relative; display: flex; border-bottom: 1px solid #eef1f4; padding:5px 0; font-size: 13px;  }
.ip_w label { display: inline-block; height: 30px; line-height: 30px;  flex-shrink: 0; width: 45px; padding: 10px 0; padding-left: 30px; font-weight: bold; font-size: 14px;}
.ip_w input,.ip_w select { display: inline-block; height: 50px;  width: 100%; padding: 0px 0; font-size: 14px; border: none;  color: #818695; outline: none;}
.ip_w.ico_info_type label { background: url("../img/ico_info_type.png") no-repeat left center; background-size:auto 24px ; }
.ip_w.ico_info_name label { background: url("../img/ico_info_name.png") no-repeat left center; background-size:auto 24px; }
.ip_w.ico_info_mobile label { background: url("../img/ico_info_mobile.png") no-repeat left center; background-size:auto 24px; }
.ip_w.ico_info_company label { background: url("../img/ico_info_company.png") no-repeat left center; background-size:auto 24px; }
.ip_w.ico_info_email label { background: url("../img/ico_info_email.png") no-repeat left center; background-size:auto 24px; }
.ip_w.ico_info_position label { background: url("../img/ico_info_position.png") no-repeat left center; background-size:auto 24px; }
.ip_w.ico_info_province label { background: url("../img/ico_info_province.png") no-repeat left center; background-size:auto 24px; }
.ip_w.ico_info_city label { background: url("../img/ico_info_city.png") no-repeat left center; background-size:auto 24px; }
.ip_w.ico_info_industry label { background: url("../img/ico_info_industry.png") no-repeat left center; background-size:auto 24px; }
.ip_w.ico_info_contact label { background: url("../img/ico_info_contact.png") no-repeat left center; background-size:auto 24px; }
.picker_w { appearance: none;  background: url("../img/ico_jt.png") no-repeat right center; background-size:auto 40px; }
.ip_w select option { padding: 10px 0;}
.btn_submit { background: #f10106; color: #fff; text-align: center; border-radius: 5px; padding: 10px 0; margin-top: 30px; width: 90%; margin: auto; margin-top: 20px; margin-bottom: 50px;}

.yinsi_w { width: 90%; margin: auto; margin-top:20px;}
.yinsi_w b  { color: #f10106; font-size: 14px; border-bottom: 1px solid #f10106;}
.yinsi_w input { position: absolute; width: 0; height: 0;}
.yinsi_w input+label { background: url(../img/ico_checkbox_k.jpg) no-repeat left center; background-size: 20px 20px ; padding: 4px 0; padding-left: 26px; }
.yinsi_w input[type="checkbox"]:checked+label { background: url(../img/ico_checkbox.jpg) no-repeat left center;background-size: 20px 20px ;}


.btn_huoqu { background: #00abe7; color: #fff; font-size: 12px; width:60px; text-align: center; position: absolute; right: 0; border-radius: 50px; padding: 5px 0; top: 50%; transform: translateY(-50%);}
.black_tips { position: fixed; width: 100%; height: 100%; z-index: 9999;}
.tips_content { position: fixed; padding: 5px 12px; background: rgba(0,0,0, 0.8); color: #fff; font-size: 14px; border-radius: 50px; display: inline-block; top: 50%; left: 50%; transform: translate(-50%,-50%);}

.black_w { display: none; position: fixed; width: 100%; background: rgba(0,0,0, 0.8); height: 100%; z-index: 99; top: 0; left: 0;}
.black_body { display: flex; position: fixed; width: 100%; height: 100%; align-items: center; justify-content: center; }
.btn_share { position: fixed; z-index: 9; right: 3%; font-size: 0; bottom: 35%; width: 12%; border-radius: 100px; overflow: hidden;}
.btn_share img { width: 100%;}

.qrcode_w { width: 100%; min-height: 100vh; background: url(../img/qrcode_bg.jpg) no-repeat; background-size: 100% auto;}
.qrcode_img { width: 90%; transform: translate(-50%,-50%); position: fixed; left: 50%; top: 50%;}

.yinsi_content_wrap { background: #fff; width: 80%; border-radius: 10px; padding: 4%; max-height: 80vh;}
.yinsi_title { font-size: 18px; background: url(../img/btn_close_red.png) no-repeat center right; margin: auto; background-size: auto 80%; text-align: center; margin-top: 10px; width: 90%;  margin-bottom: 30px;  }
.yinsi_content { max-height: 60vh; overflow-y: scroll; font-size: 12px; min-height: 10vh; }


.info_rendh { -webkit-animation: info_rendh 0.8s linear forwards; -webkit-transform-origin:center center; } 
@-webkit-keyframes info_rendh {
 0% { opacity: 0; transform: scale(10); }
 80% { opacity: 1; transform: scale(0.8) ;}
 100% { opacity: 1; transform: scale(1);}
}


.shuzi { color: #7546ec; margin-top: 5vh; font-size: 20px; }
.shuzi span {  background-image:linear-gradient(to left,#54c9ff,#7740ff); -webkit-background-clip:text;  -webkit-text-fill-color:transparent; font-weight: bold;}
#noinfotip { text-align: center; height: 30vh; width: 100%; padding-top: 20vh;}


.btn_tipsDh { -webkit-animation: btn_tipsDh 1s linear forwards; -webkit-transform-origin:center center; } 
@-webkit-keyframes btn_tipsDh {
 0% { transform: scale(1) ; }
 10% { transform: scale(1.4) rotate(0deg);}
 20% { transform: scale(1.4) rotate(20deg);}
 30% { transform: scale(1.4) rotate(-20deg);}
 40% { transform: scale(1.4) rotate(0deg);}
 100% { transform: scale(1);}
}