body,p,b,dl,dd,table,td,th,input,button,textarea,xmp,pre,img,form,div,ul,ol,li,h1,h2,h3,h4,h5,h6,header,section,nav,footer{margin:0;padding:0;}

img,iframe,acronym{border:0;}

ol,ul,li{list-style:none;}

html , body{ height:100%; max-width:640px; font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;-webkit-touch-callout:none; overflow-y:auto; width: 100%; margin: 0 auto; color: #0f0e0d;}

/*a,button,input,textarea,span,div{-webkit-tap-highlight-color: rgba(0,0,0,0;);tap-highlight-color: rgba(0,0,0,0;); -webkit-appearance: none;} 

input,a{outline:none;webkit-tap-highlight-color:rgba(255,255,255,0)}

a,button,input,textarea,span,div{-webkit-tap-highlight-color: rgba(0,0,0,0;);tap-highlight-color: rgba(0,0,0,0;); -webkit-appearance: none;} */



input::-webkit-input-placeholder { color:#3e3a39; font-family:'Microsoft YaHei';}

input{ border:none;font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;}

.form .span_7 input,select{

    -webkit-appearance: none;

}



.re{ position: relative;}

.ab{ position: absolute;}

.block{ display: block;}

.center{ text-align: center;}

.auto{ width: 94%; margin-left: 3%;}

.clearfix{ overflow: hidden;}

.fl{ float: left;}

.fr{ float: right;}

.bold{ font-weight: bold;}

.img100{ width: 100%;}







.header{ background: #fff; padding: .18rem 0; line-height: 0;}

.header .fl{ width: 32.34%;}

.header .fr{ width: 36.56%;}

.header  img{ width: 100%;}

.wrap {
    background: url(../images/in_7.jpg) no-repeat;
    background-size: 100% auto;
    background-position-y: 0.71rem;
    background-color: #000;
}
.content .v1 .a1 {
   height: 2.0rem;
    width: 60%;
    top: -76%;
    right: 10%;
}
.content .v1 .a2 {
    height: 1.5rem;
    width: 46%;
    top: -133%;
    left: 6%;
}

.content .v1,.content .v2{ line-height: 0;}

.content .v1 .im2{ margin: .4rem 0;}

.content .v2,.qie_auto,.content .v4{ width: 87.5%; margin: 0 auto;}
.content .v4{ margin: 1rem auto 0;}

.content .v2{ border:#c2382f 4px solid;}

.content .v3{ margin-top: .4rem; color: #fff;}

.content .v3 .ul1{ font-size: .3rem; width: 90%; margin-left: 5%;}

.content .v3 .ul1 li{ float:left; width: 50%; background: url(../images/in_9.png) no-repeat; background-size: 100% 100%; height: .6rem; line-height: .6rem;}

.content .v3 .ul1 li.li1{ position: relative; left: .115rem;}

.content .v3 .ul1 li.li2{ position: relative; right: .113rem;}

.content .v3 .ul1 li.cur{ background: url(../images/in_10.png) no-repeat; background-size: 100% 100%; }

.qie{ background: url(../images/in_11.png) repeat; width: 100%; padding: .35rem 0; display: none; background-size: 100% 100%}

.qie .p1{ font-size: .3rem;}

.qie ul{ margin: .25rem 0;}

.qie ul li{ padding-left: 10px; font-size: .24rem; line-height: .36rem; position: relative;}
.qie ul li span{background: url(../images/in_8.png) no-repeat left top; padding-left: 10px; font-size: .24rem; line-height: .36rem;position: absolute;top: .11rem;left: 0;height: 10px;}
.qie .p2{ color: #d8d8d8; font-size: .2rem; line-height: .3rem; margin-bottom: .1rem;}

.form{ color: #fff; margin-top: .8rem; border:#c42822 3px solid; padding: .2rem .2rem .5rem .2rem;}

.form .span_1{ width: 1.58rem; top: -.35rem; left: 50%; margin-left: -.79rem;}

.form  .p1{ margin: 0 auto; font-size: .18rem; border-bottom: #373737 1px solid; padding-bottom: .2rem; padding-top: .2rem;}

.form  .p1 span{ color: #c42822;}

.form .ul2 li{ width:100%; font-size: .2rem; margin-top: .3rem;}

.form .ul2 li label{ width: 100%; display: block; margin-bottom: .1rem;}

.form .ul2 li input{ border:none; background:none;width: 98%; border:#858585 2px solid; line-height: .6rem; color: #fff; text-indent: 1em;}

.form .ul2 li.li1{ width: 100%; line-height:.3rem;}

.form .ul2 li.li1 label{ width: 27%;}

.form .ul2 li.li1 span{ width: 70%;line-height: .3rem;}

.form select{ width: 100%; top: 0; left: 0; color: #bda7a6; line-height: .6rem; border:none; background: none; opacity: 0;}

.form .span_6{ width: 100%; color: #b8b8b8; margin-top: .1rem;line-height: .3rem; font-size: .2rem;}

.span_6 b{ font-weight: normal; cursor: pointer; color: #af0203;}

.v5{ padding-top: .8rem;}

.v5 img{ position: relative; top: .2rem;}

.v_p1 input{ background: url(../images/in_13.png) no-repeat; width: 1.58rem; background-size: 100% 100%;}

.a_in img{ width: 2.1rem;}

.a_in{ bottom: -.4rem; left: 50%; margin-left: -1.05rem;}





.controls{ width: 97%; text-align: left; cursor: pointer; line-height: .6rem; margin: 0 auto; border:#858585 2px solid;}

.span_5 .selectVal{ color: #fff;}
.tan_lio .selectVal{ color: #000;}
.selectVal{text-indent: 1em;color:#b8b8b8; height: .6rem;}

.selectNav{ background: url(../images/in_24.png) no-repeat right center; width: 30px; height: 7px; right: 0; top:50%; margin-top: -3.5px;}
.tan_lio .selectNav{ margin-top: -27.5px;background: url(../images/slide_down.png) no-repeat right center;}
.selectList{ top:0px; width: 4.05rem; background: #fff; text-indent: 1em; color: #000; height: 4rem; overflow-y:auto; display: none; z-index: 100; position: relative;}

.selectList p{ height: .4rem; line-height: .4rem;}



.shi_tan{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/se3_6.png) repeat; z-index: 100; display: none;}

.shi_tan video{ width: 100%; height: 4rem; position: fixed; top: 50%; left: 0; margin-top: -2rem; display: none;}

input::-webkit-input-placeholder { color:#b8b8b8; font-size: .2rem;}



.yue{ background: url(../images/se3_6.png) repeat; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; display: none; font-size: 14px; color: #333;}

.yue_con{ background: #fff; width: 90%; height: 380px; margin-top: -190px; position: fixed; top: 50%; left: 5%;box-shadow: 0 2px 5px rgba(0,0,0,.34); font-size: .22rem;}

.yue_p1{background: #333; box-shadow: 2px 2px 5px #333; height: .4rem; line-height: .5rem; position: relative;border-bottom: 1px solid #444; padding: .1rem .2rem; position: relative; font-size: .24rem; color: #fff;}

.yue_p1 span{ background: url(../images/guanbi.png) no-repeat top right; width: .7rem; height: .78rem; top: 0; right: 0; cursor: pointer;}

.yue_v1{ width: 95%; margin-left: 2.5%; color: #333; margin-top: .05rem;}

.yue .item{ height: 85%;}

.yue h3,.yue h4,.yue h5{ font-weight: normal; padding: .15rem 0;}

.yue h3{ font-size: .24rem; line-height: .3rem; margin-top: .1rem;}

.yue h4{ font-size: .24rem; line-height: .3rem; padding: .15rem 0;}

.yue h5{ line-height: .3rem; font-size: .22rem; }



#ascrail2000{ background: #ccc; opacity: 0; margin-left: .1rem;}

.xian{ opacity: 0 !important;}

.jia{ right: 5% !important;}



.v5 .beian{ color: #fff; font-size: 12px; width: 100%;padding: .2rem 0;margin-top: .1rem;}

body>img{display:none}





body,html{-webkit-overflow-scrolling:touch;font-size: .24rem}



 
#chk_readmsg[type='checkbox']{
	width: .25rem;
 height: .25rem;
 background-color: #e40c2a;
 -webkit-appearance:none;
 outline: none;
	 margin-right: .05rem;
	 margin-top:-0.05rem
}
#chk_readmsg[type=checkbox]:checked{
background: url("../images/check.png")no-repeat center;
background-color: #e40c2a;
background-size: 90%;
}
.tan_lio .make .forms div input::-webkit-input-placeholder{
color:#000
}


input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.gouc{width: 6.4rem; font-size: 0.36rem; color: #303030 ;text-align: center; padding: 0.2rem 0;font-weight: bold;    z-index: 1;
    position: relative;}



.gou_box{
	width: 5.83rem ;height:7.63rem; border: 0.02rem solid #484848; margin: 0 auto;	margin-bottom: .1rem
}
.gou_box .gouc{
	width: 5.83rem
}
.gou_box li span{
	height: 0.1rem; width: 0.1rem; border-radius:50%; background: #e30c2a; float:left; margin-right: 0.14rem; margin-top: 0.03rem 
}
.gou_box li{
	 line-height: 0.32rem; font-size: 0.24rem; color: #404040; width: 4.5rem; margin:  0 auto;margin-bottom: 0.1rem;
		
}
.gou_box li a{
	 float: right; border-bottom:0.02rem solid #919191; font-size: 0.2rem; color: #404040; 
}

.gou_box p{
	width: 4.4rem;margin: 0 auto;margin-top: 0.28rem;padding-left: 0.3rem;font-size: 0.15rem;
	line-height: 0.3rem
}

.xian{
	width: 4.5rem; margin:  0 auto; height: 0.2rem; font-size: 0.18rem; text-align: center; line-height: 0.2rem; margin-top: .54rem;
}
.xian .span_1{
	width: 0.92rem; height: 0.02rem; float: left; background: #404040; margin-top: 0.095rem; display: block
}
.xian .span_2{
	width: 0.92rem; height: 0.02rem; float: right;background: #404040; margin-top: 0.095rem;display: block
}

.gou_box .gd{
	font-size: 0.2rem;color: #e30c2a;border: 0.01rem solid #e30c2a;padding: 0.15rem 0.2rem;left:0;border-radius:2rem; width: 1.8rem; text-align: center;margin: 0 auto;display: block; margin-top: 0.4rem;
}

.plan .sw24{ width:6.4rem; height:auto; }
.plan .make .forms{ width:6rem; height:auto; margin: 0 auto;  }
.plan .make .forms div:not(.tsetSelect){ height:0.6rem; width:100%; margin-bottom: .34rem; line-height: 0.6rem; }
.plan .make .forms div b:before{ content:"*"; color: #e40c2a; float: left;}
.plan .make .forms div input{ width:4.27rem; height:0.6rem; border:1px solid #9d9d9d; float: left; text-indent: .18rem; line-height: 0.6rem; }
.plan .make .forms div b{ font-weight: normal; float: left; width:1.41rem; text-align: left; height: 0.6rem; line-height: 0.6rem; }
.plan .make .forms div .tsetSelect{ display: inline-block; width:2rem; height:100%; border:1px solid #9d9d9d; margin-right: .16rem; position: relative; float: left; text-align: left; text-indent: .41rem; background: #fff;}
.plan .make .forms div .tsetSelect:after{ content:""; display: block; width:.2rem; height:.2rem; border: 1px solid #9d9d9d; position: absolute; right:.2rem; top:.15rem; transform: rotate(45deg); -webkit-transform: rotate(45deg); border-top-color: transparent; border-left-color: transparent; }
.plan .make .forms div .tsetSelect span{ float: left; width:1.37rem; border-right: 1px solid #9d9d9d; height: 100%; overflow: hidden }
.plan .make .forms div .tsetSelect select{ width:100%; opacity: 0; height:100%; position: absolute; top:0; left:0; }
.plan .make .agree{ font-size: 0.2rem;	 margin: .21rem auto .1rem; width:5.63rem; line-height: .35rem;    position: relative;text-align: left}
.plan .make .agree span{ margin-right: .15rem; display: inline-block; width:.25rem; height:.25rem; background: #e40c2a; float: left; margin-top: .05rem;left: 0;}
.plan .make .agree span .check{ background: url("../images/check.png") no-repeat center center; display: block; width:100%; height:100%; background-size: 90%; }
.plan .make .sure{ margin: .21rem auto .43rem;
   width: 5.63rem; height:0.6rem; background: #e40c2a; color: #fff; line-height: 0.6rem; margin: 0 auto .8rem;  text-align: center}
.forms{
   font-size: 0.2rem

}

.plan .make .forms div .vb{
   line-height: 0.4rem
}
.address22{
   line-height: 0.4rem
}


.nav_1xa{
   position: fixed; z-index: 9999999; top: 0; left:0; -position:sticky;
}




.bai_shi{ display: none;}
.bai_shi video{ position: fixed; top: 50%; left: 0; width: 100%; margin-top: -120px; z-index: 100000001; }
.bai-bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100% ; z-index: 10000000;background: rgba(0,0,0,0.4);
}

.lianac {
   width: 6.13rem;
   position: absolute;
}


.plan{padding-top: 1rem}


.tan_lio{
	width: 6.4rem ; height: 100%; background: rgba(0,0,0,0.8);position: fixed; z-index: 99999999; top: 0;    overflow-y: scroll; display: none
}
.tan_lio .forms{
	color: #fff;
}

.tan_lio .make .forms div b{
	width: 6rem
}

.tan_lio .make .forms div input{
	width: 6rem
}




.tan_lio  .make .forms div .tsetSelect{
	width: 6rem; height: 0.5rem;
}



.tan_lio  .make .forms div .tsetSelect span{
	border: none; 
}

.tan_lio .plan .make .forms div .tsetSelect select{
	border: none; background: #fff;
}




.tan_lio .make .forms div:not(.tsetSelect){
	height: 1rem;margin-bottom: 0rem
}


.tan_lio .make .forms .dic{
	height: 2rem!important;
		
}




.tan_lio .make .agree{
	color: #fff;
}


.tan_lio .gouc{
	color: #fff;
}

.tan_lio .make .forms div input{
	line-height: 0.5rem; height: 0.5rem
}


.tan_lio .make .forms div .tsetSelect:after{
	opacity: 0
}


.tan_lio .make .agree{
	margin: .4rem auto .1rem;
}

.pcc{
	    width: 6rem;
    margin: 0 auto; text-align: left; color: #fff; font-size: 0.2rem; line-height: 0.24rem; opacity: 0.8
}

.tan_liog{
	width: 0.32rem; top: 0.3rem;right: 0.2rem; position:absolute;
	z-index: 2
}

.tan_lio .gouc{
	padding-top: 0.3rem;
}

.tan_lio .make .forms div .tsetSelect span{
	color: #000;background: #fff;    width: 6rem;
    line-height: 0.5rem;
}




.tan_lio .make .forms div b{
	height: 0.5rem
}




/*xiaobai  kaishi*/
.bai_tan{ position: fixed; top: 0; left: 0; background: rgba(0,0,0,0.4); z-index: 999999999; 
    width: 100%; height: 100%; display: none; }
.bai_tan .v1{ width: 100%; height: 80%; position: fixed; top: 10%; left: 0; background: #fff;
 position: relative; }
.bai_tan .v1 .v1_1{  background: #333; box-shadow: 2px 2px 5px #333; height: 0.9rem; line-height: 0.9rem;
 position: relative;  border-bottom: 1px solid #444; padding: 0px .2rem;  position: relative;
 font-size: .26rem; color: #fff;}
 .bai_guan{ position: absolute; top: 0; right: 0; height: .9rem; z-index: 100; }

.v1_2{ height: 80%; overflow-y: auto; width: 90%; margin-left: 5%; }
.bai_tan .p1{ font-size: .32rem; font-weight: bold; padding-top: .5rem; line-height: .8rem;}
.bai_tan .p2{ font-size: .18rem; line-height: .4rem; margin-top: .1rem; }
.bai_tan .p3 .b1{ font-size: .32rem; margin-bottom: .05rem; }
.bai_tan .p3{ font-size: .18rem; line-height: .4rem; margin-top: .4rem; }
.bai_tan .p3 .b2{ margin-bottom: .2rem; }
.bai_tan .p3 b{ display: block; }
.bai_tan .p3 .b1_1{ margin-top: .15rem; }

.bai_shi{ display: none;}
.bai_shi video{ position: fixed; top: 50%; left: 0; width: 100%; margin-top: -120px; z-index: 100000001; }
.bai-bg{ position: fixed; top: 0; left: 0; width: 100%; height: 100% ; z-index: 10000000;background: rgba(0,0,0,0.4);
 }



@media screen and (min-width: 320px) {html {font-size: 50px;}}

@media screen and (min-width: 360px) {html {font-size: 56px;}}

@media screen and (min-width: 400px) {html {font-size: 63px;}}

@media screen and (min-width: 440px) {html {font-size: 69px;}}

@media screen and (min-width: 480px) {html {font-size: 75px;}}

@media screen and (min-width: 640px) {html {font-size: 100px;}}

html {font-size: 15.625vw;}