body {
	font-family: "微软雅黑";
	font-size:14px;
	color:#000;
	background: #f0f0f0;
  background-size:100% auto;
  counter-reset: section;
  height: 100%;
}

input,h1,b,span,strong {
	padding:0;
  margin:0;
	border:0;
}
a,a:hover { text-decoration:unset; cursor: pointer;}
.clear { clear:both;}
b {
	font-weight:normal;
	}

* {
    padding:0;
    margin:0;
  border:0;
  -webkit-tap-highlight-color: transparent;
}

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%;}

.pc { display: block;}
.wap { display: none;}
.paddno { padding:0!important; }
.main_w {width:100%; overflow:hidden;}
.live_left { width: 100%; height:100vh; background: #fff; }

.live_right { position: relative; display: flex;  background: url(../img/bg_gray.jpg) no-repeat center bottom; background-size:  100% auto; height: 100vh; box-shadow:20px 0px 30px -20px rgba(0,0,0,0.2) inset;}
.title_common img{ width:80%; max-width:468px; margin-left: 10%;  }
.title_common { width: 100%;}
.bottom_logo { width: 100%;}
.bottom_logo img { width: 20%;margin-top: 80px; margin-left: 40%;}
.live_right_con  { width: 80%; margin:auto;}

.btn_con { width: 60%; margin: auto;}
.btn_con a{ display: block; height: 40px; line-height: 40px; margin-bottom: 20px; text-align: center; border-radius: 6px; box-shadow: 5px 5px 6px rgba(0,0,0,0.1); }
a.btn_whtie { background: #fff; color: #000;}
a.btn_yellow { background: #ffa500; color: #fff;}
a.btn_yellow:hover { background: rgb(238, 155, 0);}
a.btn_whtie:hover { background: #f5f5f5;}

.input_w { width: 100%; background:#fff; border-radius:6px; padding: 15px; margin-top: 10px; font-size: 14px; border: 1px solid #e4e4e4;  -webkit-appearance: none; }
input::placeholder { color: #737373;}

.sendCode_input_w { font-size: 0;}
.sendCode_input_w input { display: inline-block; width: 65%; font-size: 14px; }
.sendCode_input_w input.sendCode { width:32%; margin-left: 3%; padding: 14px 0; font-size: 14px; background: #ffa500; color: #fff; display: inline-block; text-align: center; border-radius: 6px;}
.login_con { margin-left: 10%; width: 80%; margin-bottom: 50px;}
.reg.live_right {  overflow-y: scroll; padding-top: 100px;}
select.input_w { background: url(../img/ico_jt.png) no-repeat right center; background-size: auto 30%; background-color: #fff; -webkit-appearance: none; color: #737373; }

.topic_input p input[type="checkbox"]+label{ display: block; background: url(../img/ico_checkbox.jpg) no-repeat 0 3px; background-size:auto 16px; font-weight: normal; padding: 0; margin: 0; padding-left:30px; }
.topic_input p input[type="checkbox"]:checked+label { background: url(../img/ico_checkbox_on.jpg) no-repeat 0 3px; background-size:auto 16px; font-weight: bold; color: #000;}
.topic_input p { position: relative; margin: 0; padding: 0; border: 0; margin: 15px 0; color: #737373;}
.topic_input p input { position: absolute; width: 0; height: 0; opacity: 0; }

.topic_input { border-radius: 6px; background: #fff; padding:5px 20px; margin-bottom: 20px;  }
.topic_c { position: relative;}
.topic_c_nav { font-size: 0; position: absolute; top: 0; width: 100%;}
.topic_c_nav span {display: inline-block; width: 33.33%;  font-size: 14px; text-align: center; padding-bottom: 15px; cursor: pointer;}
.topic_c_nav span b {display: inline-block;font-size: 18px; border-bottom: 1px solid #737373;}
.topic_c_nav span strong {display: inline-block; font-size: 12px; font-weight:normal;}
.topic_c_nav span.cur { background: #ffa500; padding-top: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px;border-bottom-left-radius: 5px; border-bottom-right-radius:5px;  color: #fff;}
.topic_c_nav span.cur b {border-bottom: 1px solid #ffa500;}


.topic_input_w { padding-top: 70px;}
.t2,.t3 { display: none;}
.tips { color: red; font-weight: bold; font-size: 14px; display: none;}
.error { color: red; font-weight: bold; font-size: 14px;}
.right_w { position: relative;}
.black_w { background: rgba(0,0,0,0.9); width: 100%; height: 100%; position:absolute; right: 0; z-index: 99;}
.result h4 { color: #ffa500; font-size: 30px; text-align: center;}
.result p { font-size: 14px; color: #737373; text-align: center; margin-bottom: 100px;}

.result_w { width: 80%; margin: auto; text-align: center; position: absolute; left: 50%; transform: translate(-50%,-50%); top: 50%;}
.result_w h4{ font-size: 30px; color: #ffa500;}
.result_w p{ color: #fff; margin-bottom: 100px;}



.index_main { background: #fff;}
.index_title { background: url(../img/index_title_r.jpg) no-repeat right center; background-size: auto 100%; background-color:#f0f0f0 ; margin-top: 130px; }
.index_title h4{ background: url(../img/index_title_l.jpg) no-repeat left center; background-size: auto 100%; padding:10px 0; padding-left: 10%; color: #fff; font-size: 25px; font-weight: bold;}

.index_common { padding:0 10%;}
.index_c_nav { width: 100%; font-size: 0; margin-top: 100px;}
.index_c_nav span { width: 33.33%; display: inline-block; font-size: 14px; height: 90px;}
.index_c_nav span.index_nav_1 { background: url(../img/ico_day1_g.png) no-repeat center center; background-size: auto 80%;}.index_c_nav span.index_nav_1.cur { background: url(../img/ico_day1_c.png) no-repeat center center; background-size: auto 80%;background-color:#f0f0f0;}
.index_c_nav span.index_nav_2 { background: url(../img/ico_day2_g.png) no-repeat center center; background-size: auto 80%;}.index_c_nav span.index_nav_2.cur { background: url(../img/ico_day2_c.png) no-repeat center center; background-size: auto 80%;background-color:#f0f0f0;}
.index_c_nav span.index_nav_3 { background: url(../img/ico_day3_g.png) no-repeat center center; background-size: auto 80%;}.index_c_nav span.index_nav_3.cur { background: url(../img/ico_day3_c.png) no-repeat center center; background-size: auto 80%;background-color:#f0f0f0;}
.index_c_nav span.cur { border-top-left-radius: 20px; border-top-right-radius: 20px;}


.index_con { display: none;background:#f0f0f0; padding:5%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.index_con1 {display: block;}
.index_con span { display: inline-block; padding-bottom: 10px; color: #ffa500; font-weight: bold;}
.index_con p { position: relative; padding-right: 5px; border-top:1px solid #737373; padding-top: 10px;}
.index_con p::before { position: absolute; content: ""; width: 10px; height: 10px; background: #ffa500; top: -5px; border-radius: 10px; }
.teyao {position: relative; margin: 0 50px; margin-top: 50px;}
.teyao h4 { position: absolute; background: #ffa500; border-bottom-right-radius: 10px; top: 0; margin: 0; padding: 0; padding: 10px; color: #fff;}
.index_intro { margin-top: 100px; font-size: 0;}
.index_intro p { display: inline-block; width: 35%; padding-right: 10%; line-height: 2; position: relative; font-size: 14px; transform: translateY(-10%);  }
.index_intro_img { display: inline-block; width:65%; height:400px; overflow: hidden; background: url(../img/index_intro.jpg) no-repeat center center; background-size: cover;}

.ffa500 { color: #ffa500;}
.index_intro_five { width: 100%; font-size: 0; display: flex; padding-bottom: 150px;}
.index_intro_five_l,.index_intro_five_m { display: inline-block; width: 40%; margin-right: 10px;} .index_intro_five_r {  display: inline-block; vertical-align: top; width: 20%;}
.index_intro_five h4 { background: #f0f0f0; text-align: center; padding: 10px 0;}
.index_intro_five_l div.intro_c,.index_intro_five_m div.intro_c{ display: inline-block; position: relative; float: left; left: 0;  width: 49%; background: #f5f5f5;}.index_intro_five_r div.intro_c {background: #f5f5f5;}
.index_intro_five_l div.intro_c:first-of-type { margin-right: 2%;}.index_intro_five_m div:first-of-type { margin-right: 2%;}
.intro_img1 { background: url(../img/intro_img1.jpg) no-repeat center center; background-size: cover; height: 250px; width: 100%;}
.intro_img2 { background: url(../img/intro_img2.jpg) no-repeat center center; background-size: cover; height: 250px; width: 100%;}
.intro_img3 { background: url(../img/intro_img3.jpg) no-repeat center center; background-size: cover; height: 250px; width: 100%;}
.intro_img4 { background: url(../img/intro_img4.jpg) no-repeat center center; background-size: cover; height: 250px; width: 100%;}
.intro_img5 { background: url(../img/intro_img5.jpg) no-repeat center center; background-size: cover; height: 250px; width: 100%;}
.intro_c { height: 100%; overflow: hidden;}
.intro_c h5 { background: #ffa500; height: 40px; line-height: 40px; text-align: center;}
.intro_c p { font-size: 14px; padding: 12px; text-align: justify; vertical-align: top;}

.mima { position: fixed; width: 100%; height: 100%;  background: rgba(0,0,0,0.8); display: none;}
.mima_input { max-width: 400px; margin: auto; }
.mima_input input {  margin-bottom: 10px;}
a.btn_opacity { color: #fff; border:1px solid #fff}
.tips_mima {  color: #ffa500;}




@media screen and (max-width:900px) {
  .pc { display: none;}
  .wap { display: block;}
  body{ background: #fff;}
  
  .input_w { padding:10px;  -webkit-appearance: none; }
  .sendCode_input_w input.sendCode { padding: 10px 0;}
  .live_left { width: 100%; height:unset; background: #fff; }
  .login_con { width: 100%; margin-left: 0; margin-bottom: 20px;}
  .m_welcome { background: url(../img/m_welcome.jpg) no-repeat top center; height: 100vh; background-size: 100% auto;}
  .live_right { display:block; width: 92%; margin: auto; padding-top: 4rem; height: unset; min-height: 70vh; border-radius: 6px; background: url(../img/ico_success.jpg) no-repeat; background-size: 100% auto ; background-color: linear-gradient(180deg,#f0f0f0 30%, #fff 100%); box-shadow: 0 3px 10px rgba(0,0,0,0.2);}
  .m_title { margin-bottom: 0.5rem;}
  .bottom_logo img { width: 20%;margin-top: 30px; margin-left: 40%; padding-bottom:10%;}
  .live_right_con  { width: 90%; margin:auto;}
  .reg.live_right {  overflow-y: scroll; padding-top: 40px;}
  .result { margin-top: 100px;}

  .index_title { background: url(../img/index_title_r.jpg) no-repeat right center; background-size: auto 100%; background-color:#f0f0f0 ; margin-top: 30px; }
  .index_title h4{ padding-left: 5%; font-size: 16px; background-color:#f0f0f0 ; }

  .index_common { padding:0 5%;}
  .index_c_nav { width: 100%; font-size: 0; margin-top: 30px;}
  .index_c_nav span.cur { border-top-left-radius: 10px; border-top-right-radius: 10px;}
  .index_c_nav {margin-top: 30px;}
  .index_c_nav span { font-size: 14px; height: 50px;}   

  .index_con { padding:5%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
  .index_con span { display: inline-block; padding:unset; margin-right: 20px; width: 20%; height: 100%; position: absolute; top: 0; }
  .index_con p { display: inline-block; position: relative; width: 82%; padding:0 0 20px 20px; margin: 0; margin-left: 18%; border-top:0; border-left: 1px solid #737373;  }
  .index_con p::before { position: absolute; content: ""; width: 10px; height: 10px; background: #ffa500; left:0; transform: translateX(-50%); top: 5px;  border-radius: 10px; }

  .teyao {position: relative; margin:0; margin-top: 20px;}
  .teyao h4 { padding: 10px; color: #fff; font-size: 16px;}
  
  .index_intro { margin-top: 30px; position: relative;}
  .index_intro p {  width:unset; padding-right:unset; line-height:1.5; position: relative; font-size: 14px; transform: translateY(-10%); padding-top: 270px; }
  .index_intro_img { width:100%;  height:200px; overflow: hidden; background: url(../img/index_intro.jpg) no-repeat center center; background-size: cover; position: absolute; left: 0;}
  

  .index_intro_five_c { position: relative; margin-top: 20px;}
  .index_intro_five { width: 100%; font-size: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
  .index_intro_five_l,.index_intro_five_m { display: block; width: 100%; margin-right: 0;} .index_intro_five_r {  display:block; width: unset;}
  .index_intro_five h4 { background: #f0f0f0; display: flex;  text-align: center; padding:0 ; margin: 0; vertical-align: middle; width: 10%; padding: 4px; height: 100%; position: absolute; top: 0;}
  .index_intro_five h4 span { position: absolute; top: 50%; transform: translateY(-50%);}
  .index_intro_five_l div.intro_c,.index_intro_five_m div.intro_c{ display: inline-block; float: unset; width:88%; margin-left: 12%; background: #f5f5f5; }
  .index_intro_five_r div.intro_c { width:88%; margin-left: 12%;}
  .index_intro_five_l div.intro_c:first-of-type { margin-right: unset;}.index_intro_five_m div:first-of-type { margin-right:unset;}
  .intro_img1,.intro_img2,.intro_img3,.intro_img4,.intro_img5 {  height: 150px; width: 100%;}

  .intro_c { height: 100%; overflow: hidden;}
  .intro_c h5 { background: #ffa500; height: 30px; line-height:30px; text-align: left; position: absolute; top: 0; left:0%;  padding: 0; padding-left: 3%; margin: 0; width: 40%; color: #fff;}
  .intro_c p { font-size: 14px; padding: 12px; text-align: justify; vertical-align: top;}
  .index_intro_five_r div.intro_c h5 { left: 12%;}
  .black_w {  width: 100%; height: 100%; position:fixed; top: 0; right: 0; z-index: 99;}
}



.bannerDh_img {  -webkit-animation: bannerDh_img 1s ease;}
@-webkit-keyframes bannerDh_img /*Safari and Chrome*/
{
  0% {
    opacity: 0.3;
  }

  100% {

    opacity: 1;
  }
}