.place_fff ::-webkit-input-placeholder { color:#fff;}
.place_fff :-moz-placeholder {  color:#fff;}
.place_fff ::-moz-placeholder { color:#fff;}
.place_fff :-ms-input-placeholder { color:#fff;}

.place_red ::-webkit-input-placeholder { color:#a2090e;}
.place_red :-moz-placeholder {  color:#a2090e;}
.place_red ::-moz-placeholder { color:#a2090e;}
.place_red :-ms-input-placeholder { color:#a2090e;}

.place_2 ::-webkit-input-placeholder { color:#f44e21;}
.place_2 :-moz-placeholder {  color:#f44e21;}
.place_2 ::-moz-placeholder { color:#f44e21;}
.place_2 :-ms-input-placeholder { color:#f44e21;}

html,body{ -webkit-text-size-adjust: none; }  // 当需要在中文版chrome浏览器中显示小于12px的字体时，而且此时页面放大效果会被阻止
html,body{ -webkit-tap-highlight-color: rgba(0,0,0,0); }  // 去掉苹果手机点击瞬间出现的灰色背景
input{ -webkit-appearance: none; } // 去除苹果手机默认的input样式（默认样式可丑了ಥ﹏ಥ）
selector{ cursor: pointer } // 给IOS系统里cursor不为pointer的元素添加事件时会不同程度受影响，加上cursor: pointer可解决
img{ pointer-events: none; }
.h6{ height: 6px; width: 100%; clear: both;}
.bg_fff{ background-color: #fff;}
.bg_c1{ background-color: #172b4e;}

.tg_laba{ padding: 10px 0; width: 100%;     border-bottom: 6px solid #f1f1f1;  }
.tg_laba h2{color: #172b4e;line-height: 40px;font-size: 22px;text-align: center;}
.laba{ padding: 2px 0; width: 100%; display: flex; align-items: center; justify-content: center;}
.laba img{ width: 24px; margin-right: 6px;}
.laba p{ font-size: 16px; color: #000;}
.laba p span{ color: #f44; font-size: 20px; padding: 0 3px;}
.tg_laba_2{ background: #172b4e; border-color: #fff;}
.tg_laba_2 h2{ color: #fff;}
.tg_laba_2 p{color: #fff;}

.bm_box strong{ font-weight: normal; line-height: 40px; font-size: 18px; display: block; width: 100%; color: #666;}
.bm_box strong b{color: #999;padding: 0 0 0 5px; font-size: 12px; font-weight: normal;} 
.bm_box .a_box span{ position: relative; right: inherit; top: inherit;  display: inline-block; padding: 0px 0 0 26px;  width: 40%; margin: 8px 0; background: url(sel_one.png) no-repeat  0px 3px; background-size: 18px auto; color: #333; }
.bm_box .a_box span.sel{  background-position: 0 -23px;  }
.a_box_more span{ background-image: url(sel_more.png);}

 
.tg_bm{width: 100%; background: url(hdm23_hz_04.jpg) center top repeat-y; background-size: 100% auto;padding: 0px 0;}
.tg_bm .bm_box{ padding: 12px 6%;width: 88%; }  
.tg_bm .bm_box ul li{ float: none; position: relative;}
.tg_bm .bm_box ul li > span{ width: 0; top: 6px; right: 10px;}
.tg_bm .bm_box  input{outline: none;border: 1px solid #ddd;height: 44px;line-height: 44px;border-radius: 0;color: #333;  background: none;}
.tg_bm .bm_box strong{ color: #333;  width: auto;}
.tg_bm .bm_box strong b{color: #333; font-size: 13px }
.tg_bm .bm_box .sub{border-color: #d7111f;background: #d7111f;height: auto;border-radius: 30px; width: 80%; margin: 0 auto;}
.tg_bm .bm_box .sub input{ border: none; font-size: 20px;  height: 44px; line-height: 44px; color: #fff;}
.tg_bm .bm_box .li_p{ margin: 0; text-align: center;}
.tg_bm .bm_box .li_p p{ font-size: 12px; color: #999;}
.tg_bm .bm_box .li_p p.p2{ color: #d0d0d0;}
.tg_bm .bm_box .check{ display: flex; align-items: center; justify-content: flex-start;}
.tg_bm .bm_box .check input{ width: 22px; height: 22px; }
.tg_bm .bm_box .check a{ color: #4577d4; font-size: 16px;} 
.tg_bm_2{ background: none;}
.tg_bm_2 .bm_box{background: #172b4e; }
.tg_bm_2 .bm_box strong,.tg_bm_2 .bm_box .a_box span,.tg_bm_2 .bm_box strong b,.tg_bm_2 .bm_box  input{color: #fff;}

.bm_box .yzm {margin-bottom: 20px;}
.bm_box .yzm input{width: 50%;}
.bm_box .yzm  span{right: 50%;top: 6px;}
.bm_box .yzm a{position:absolute;right: 1px;top: 0px;color: #fff;background: #1fa8e6;padding: 0 12px;border-radius: 7px;display: inline-block;line-height: 46px;} 

.tg_bm_box{ width: 100%;   background-size: 100%; padding: 10px 0 0;}
.tg_bm_box .tg_bm strong,.tg_bm_box .tg_bm strong b{ color: #666;}
.tg_bm_box .bm_box .a_box span{ color: #666;}
.tg_bm_box .tg_bm .bm_box{ background: none;}
.tg_bm_box .tg_bm  input{ color: #333;}
.tg_t{ width: 100%; text-align: center; color: #c11416; font-size: 1.25rem; line-height: 60px;}
.tg_bm_box .bm_box input{ border-color: #ddd;}
.tg_bm_box .bm_box .yzm a{} 
.bm_box .sub b{
    position: absolute;
    width: 3.67980072rem;
    height: 3.67980072rem;
	top: 0px;
	left: 0px;
    margin-top: -0.56612319rem;
    background-image: url(swipe_light.png);
    background-size: 3.39673913rem 3.39673913rem;
    -webkit-animation: left_right 3s linear infinite forwards;
    -o-animation: left_right 3s linear infinite forwards;
    animation: left_right 3s linear infinite forwards;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
 @keyframes left_right { 0% {  transform: translate(-5.66123188rem);
    -webkit-transform: translate(-5.66123188rem);
    opacity: 0; }  
 
     66% { opacity: 0;   }  
	  67% { transform: translate(-5.66123188rem);
    -webkit-transform: translate(-5.66123188rem);
    opacity: 1; }  
  
     100% {    transform: translate(24.90942029rem);
    -webkit-transform: translate(24.90942029rem); }  }  
 
.tg_num{ width: 90%; margin: 0 auto;box-shadow:inset 0px 2px 10px #ddd; border-radius: 4px;}
.tg_bm_num{width: 94%;margin: 0 auto;height: 50px;padding: 10px 0 5px 0;border-bottom: 4px solid #f1f1f1;}
.tg_bm_num .p0{text-align: right; border-radius: 6px;height: 50px;padding: 0 10px 0 0;background: #ffffff;} 
.tg_bm_num .p0 b{font-weight: normal;color: #000;font-size: 52px;line-height: 50px;font-family: "zdy";letter-spacing: 4px;}
.tg_p{ width: 100%; text-align: center; color: #333; padding: 10px 0 0; font-size: 14px; line-height: 24px;}
.tg_p span{ display: inline-block; padding: 0 4px;}
.tg_jiage{ width: auto; padding: 14px 20px;}
.tg_jiage ul li{ line-height: 34px; display: flex; align-items: center; justify-content: space-between;}
.tg_jiage span{ color: #999; font-size: 16px;}
.tg_jiage p{ font-size: 14px}
.tg_jiage p b{ font-size: 24px; color: #666; font-weight: normal; padding-right: 6px;}
 
.bm_succ{  width: 100%; text-align: center; padding: 20px 0;}
.bm_succ i { font-size: 140px; line-height: 140px; margin: 10px auto; color: #029b02;}
.bm_succ h2{ font-size: 24px; line-height: 40px; color: #029b02; font-weight: normal;}
.bm_succ p{ font-size: 15px;  padding: 10px 30px;}

 

.tg_foot_a{ position: fixed; left: 0; bottom: 0; width: 100%; height: 44px; z-index: 99;}
.tg_foot_a a{ width: 100%; line-height: 44px; display: flex; align-items: center; justify-content: center; background: #d7111f;;}
.tg_foot_a a img{ width: 30px; margin-right: 4px;}
.tg_foot_a a span{ color: #fff; font-size: 18px;}

.bg_172{ background: #172b4e;}
.zt_bg1{ width: 94%; margin: 0 auto; background:#fff; background-size: 100% auto;}
.p12{ padding: 12px 12px;}
.zt_time{ width: 100%; text-align: center; background: #172b4e; padding-bottom: 5px;}
.zt_time span{ display: inline-block; color: #fff; font-size: 1.375rem; line-height: 2.5rem;;}
.zt_t1 { width: 100%; text-align: center;}
.zt_t1 h2{ display: flex; align-items: center; justify-content: center;}
.zt_t1 h2 b{width: 15%;height: 1px;background: #d60e0c;display: inline-block;}
.zt_t1 h2 span{color: #d60e0c;font-size: 23px;line-height: 40px;margin: 0 7px;}
.zt_t1 h3{ color: #d60e0c; font-size: 30px; line-height: 50px;} 
.zt_t1 h3.c_fff{ color: #fff;}
.zt_t1 h4{ display: inline-block; border-radius: 10px; background: #fff; color: #172b4e; padding: 5px 10px; font-size: 16px;}

.zt_t1_2 h3{ color: #172b4e;}
.zt_jia{ position: relative; background: #fff; padding: 10px 10px; width: 86%; margin:  0 auto;}
.zt_jia h3{ font-size: 24px; color: #172b4e;}
.zt_jia p{ font-size: 18px; display: inline-block; font-weight: bold; width: 73%; line-height: 24px; color: #172b4e; padding: 6px 0;}
.zt_jia p.p0{ width: 100%;}
.zt_jia img{ position: absolute; right:10px; top:24%; width: 80px;}
 
.zt_p{ padding: 12px 12px; }
.zt_p p{ font-size: 16px; font-weight: bold; line-height: 28px; color: #fff;}
.zt_p p span{ color: #d7111f;}
.zt_p p.p0{ font-size: 14px; font-weight: normal; line-height: 24px;}
.zt_p p.p1{ color: #172b4e;}
.zt_p p b{ background: #d7111f; color: #fff; padding: 2px 5px;} 
.zt_sigong{ width: 90%; margin: 0 auto;}
.zt_sigong ul{ display: flex; align-items: auto; justify-content: center;}
.zt_sigong ul li{ width: 50%; text-align: center;}
.zt_sigong span{ font-size: 18px; line-height: 30px; font-weight: bold; color: #172b4e;}
.zt_sigong p{ font-size: 14px; color: #172b4e; line-height: 24px;}
 
@media screen and (min-width:320px) and (max-width: 400px)  {
  .zt_time span{ font-size: 20px}
 }