@charset "utf-8";
/* CSS Document */
body{ 
font-family:"微软雅黑",'Microsoft Yahei', "PingFang SC", "Helvetica Neue",Arial, Helvetica, sans-serif;color:#414141; font-size: 0.2rem;}
html, body, div, span, h1, h2, h3, h4, h5, h6, em, img, strong, sub, sup, tt,dd, dl, dt, form, label, table, caption, tbody, tfoot, thead, tr, th, td,ul,li,p,a{ margin: 0; padding: 0;  }
input,select,textarea{ vertical-align:middle;}
img{ border:0;}
ul,li{ list-style-type:none;}
a:link,a:visited{
text-decoration:none;}
a:hover{text-decoration:none !important;}
.overhide{overflow:hidden;text-indent:-100em; }
.clear {clear: both;}
.clearfix:after {clear: both;content: ' ';display: block;font-size: 0;line-height: 0;visibility: hidden;width: 0;height: 0;}
.clearfix{zoom:1} 
a{text-decoration:none;}
.clear {clear: both;font-size: 0;line-height: 0;height: 0;visibility: hidden}
.clearfix:after, .clearfix:before {content: "";display: table}
.clearfix:after {clear: both}
.clearfix {zoom: 1}
textarea {overflow: auto;}



.conwidth{
	padding-left: 0.3rem;
	padding-right: 0.3rem;
	box-sizing: border-box;
}
.main{
	max-width: 750px;
	width: 100%;
	margin: auto;
}
.main .wrap{
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}
.main .wrap1{
	padding-top: 0.55rem;
	padding-bottom: 0.55rem;
}
.main .wrap1 .img{
	width: 100%;
	overflow: hidden;
}
.main .wrap1 .img .l-wrap{
	float: left;
	padding-left: 0.3rem;
}
.main .wrap1 .img .l-wrap img{
	max-width: 3.6rem;
}
.main .wrap1 .img .r-wrap{
	float: right;
	text-align: right;
	max-width: 2.2rem;
}
.main .wrap1 .img .r-wrap .ic1{
	max-width: 100%;
	margin-bottom: 0.1rem;
}
.main .wrap1 .img .r-wrap .ic2{
	max-width: 1.2rem;
}
.main .wrap1 .text{
	position: relative;
	padding-left: 0.3rem;
	padding-right: 1.2rem;
	box-sizing: border-box;
	font-weight: bold;
	color: #ffffff;
	font-size: 0.50rem;
	line-height: 1.5;
	margin-bottom: 0.3rem;
	letter-spacing: 2px;
}
.main .wrap1 .text img{
	position: absolute;
	right: 0.5rem;
	bottom: 0;
	max-width: 1.12rem;
}
.main .wrap1 .ticket{
	padding: 0.15rem 0.55rem 0.25rem;
	background: url(../images/img4.png) center no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
}
.main .wrap1 .ticket .t1{
	font-size: 0;
	margin-bottom: 0.06rem;
}
.main .wrap1 .ticket span{
	display: inline-block;
}
.main .wrap1 .ticket .t1 .xsp{
	display: inline-block;
	vertical-align: middle;
}
.main .wrap1 .ticket .t1 .xsp .x2{
	color: #4f4f51;
	font-size: 0.23rem;
	letter-spacing: 4px;
	text-align: center;
}
.main .wrap1 .ticket .t1 .sp1{
	position: relative;
	color: #0078e3;
	font-size: 0.8rem;
	line-height: 1.1;
	text-shadow: #54ceec 0.02rem 0 0, #54ceec 0 0.02rem 0, #54ceec -0.02rem 0 0, #54ceec 0 -0.02rem 0;
}
.main .wrap1 .ticket .t1 .sp1:before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: #7f7f7f;
}
.main .wrap1 .ticket .t1 .sp2{
	vertical-align: text-bottom;
	color: #000002;
	font-size: 0.26rem;
}
.main .wrap1 .ticket .t1 .sp3{
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	color: #0078e3;

	font-size: 0.44rem;
	margin-bottom:0.2rem;
}
.main .wrap1 .ticket .t2{
	font-size: 0;
	text-align: right;
}
.main .wrap1 .ticket .t2 span{
	position: relative;
	display: inline-block;
	padding-left: 1.05rem;
}
.main .wrap1 .ticket .t2 span .ic{
	position: absolute;
	left: 0;
	top: 0;
	width: 0.87rem;
	color: #ffffff;
	font-size: 0.6rem;
	line-height: 0.87rem;
	text-align: center;
	background: url(../images/img5.png) center no-repeat;
	background-size: 100% 100%;
}
.main .wrap1 .ticket .t2 span .sp1{
	width: 100%;
	padding: 0.05rem 0.2rem;
	border-radius: 0.23rem;
	line-height: 0.45rem;
	color: #ffffff;
	margin-top: 0.15rem;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	background: #0078e3;
	margin-top: 0.05rem;
}
.main .wrap1 .ticket .t2 span .sp1 .x1{
	font-size: 0.29rem;
	color: #ffffff;
	font-weight: bold;
}
.main .wrap1 .ticket .t2 span .sp1 .x2{
	font-size: 0.32rem;
	color: #ffffff;
	font-weight: bold;
}
.main .wrap1 .ticket .t2 span .sp2{
	color: #000002;
	font-size: 0.25rem;
	font-weight: bold;
	margin-top: 0.05rem;
	text-align: left;
}
.main .wrap1 .ticket .t2 span .sp3{
	color: #0078e3;
	font-size: 0.25rem;
	font-weight: bold;
	text-align: center;
}
.main .wrap2{
	padding-bottom: 0.45rem;
}
.main .wrap2 .box{
	position: relative;
	border: #77c5f6 solid 0.06rem;
	background: #ffffff;
	border-radius: 0.5rem;
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	padding-top: 0.3rem;
	padding-bottom: 0.2rem;
}
.main .wrap2 .box .icon{
	position: absolute;
	right: 0.1rem;
	top: -0.4rem;
	width: 0.98rem;
	height: 1.55rem;
	background: url(../images/img6.png) center no-repeat;
	background-size: 100% 100%;
}
.main .wrap2 .box .tit{
	color: #0078e3;
	font-size: 0.38rem;
	font-weight: bold;
}
.main .wrap2 .box .txt1{
	margin-top: 0.2rem;
	color: #191818;
	font-size: 0.25rem;
	line-height: 1.6;
}
.main .wrap2 .box .txt1 li{
	position: relative;
	padding-left: 0.2rem;
	margin-bottom: 0.05rem;
}
.main .wrap2 .box .txt1 li:last-child{
	margin-bottom: 0;
}
.main .wrap2 .box .txt1 li:before{
	content: '';
	position: absolute;
	left: 0rem;
	top: 0.15rem;
	width: 0.06rem;
	height: 0.06rem;
	border-radius: 50%;
	background: #191818;
	border-radius: 50%;
}
.main .wrap2 .box .txt1 li .sp{
	color: #0078e3;
}
.main .wrap2 .box .txt2{
	color: #191818;
	font-size: 0.27rem;
	line-height: 1.6;
	margin-top: 0.25rem;
}
.main .wrap2 .box .txt2 li{
	background: #0078e3;
	border-radius: 0.3rem;
	padding: 0.1rem 0.2rem;
	margin-bottom: 0.3rem;
	color: #fefefe;
	font-weight: bold;
	text-align: center;
	font-size: 0.25rem;
}
.main .wrap2 .box .txt3{
	position: relative;
	padding-left: 0.8rem;
	color: #0078e3;
	font-size: 0.28rem;
	line-height: 1.6;
}
.main .wrap2 .box .txt3 .ic{
	position: absolute;
	left: 0;
	top: 0;
	width: 0.7rem;
	height: 1.11rem;
	background: url(../images/img7.png) center left no-repeat;
	background-size: 100% 100%;
}
.main .wrap2 .title{
	text-align: center;
	margin-top: 0.42rem;
	padding-bottom: 0.42rem;
	border-bottom: #ffffff solid 1px;
}
.main .wrap2 .title a{
	position: relative;
	display: inline-block;
	max-width: 100%;
	padding: 0 0.3rem;
	background: url(../images/img8.png) center no-repeat;
	background-size: 100% 100%;
	color: #ffffff;
	font-size: 0.37rem;
	line-height: 0.74rem;
	font-weight: bold;
	text-shadow: 4px 8px 15px rgba(7,71,128,0.35);
	box-sizing: border-box;
}
.main .wrap2 .title a:before{
	content: '';
	position: absolute;
	right: -0.23rem;
	bottom: -0.32rem;
	width: 0.69rem;
	height: 0.71rem;
	background: url(../images/img9.png) center no-repeat;
	background-size: 100% 100%;
	  animation-name: background-overlay-animation;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: linear;

}

@keyframes background-overlay-animation {
  0%   {
     background: url(../images/img9.png) center no-repeat;
	background-size: 70% 70%;
  }
  25%  {
     background: url(../images/img9.png) center no-repeat;
	background-size: 80% 80%;
  }
  50%  {
   background: url(../images/img9.png) center no-repeat;
	background-size: 90% 90%;
  }
 
  100% {
     background: url(../images/img9.png) center no-repeat;
	background-size: 100% 100%;
  }
}


.main .wrap3{
	padding-bottom: 0.5rem;
}
.main .wrap3 .tit{
	text-align: center;
}
.main .wrap3 .tit .t1{
	font-weight: bold;
	font-size: 0.44rem;
	color: #fefefe;
	margin-bottom: 0.2rem;
}
.main .wrap3 .tit .t2{
	font-weight: bold;
	color: #fefefe;
	font-size: 0.27rem;
}
.main .wrap3 .box{
	margin-top: 0.2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-top: 0.1rem;
	padding-bottom: 0.4rem;
	background-position: center;
	background-repeat: repeat;
	background-size: 100% 100%;
}
.main .wrap3 .part1{
	max-width: 64%;
	overflow: hidden;
	margin-bottom: 0.3rem;
}
.main .wrap3 .part1 .t1{
	float: left;
	width: 62%;
	font-weight: bold;
	color: #0078e3;
	font-size: 0.26rem;
	overflow: hidden;
	margin-top: 0.3rem;
}
.main .wrap3 .part1 .t2{
	float: left;
	width: 38%;
	padding-left: 0.3rem;
	overflow: hidden;
	box-sizing: border-box;
	color: #fefefe;
	font-size: 0.3rem;
	font-weight: bold;
}
.main .wrap3 .part2{
	max-width: 83%;
	font-weight: bold;
	color: #0078e3;
	font-size: 0.28rem;
	text-align: center;
	margin-bottom: 0.1rem;
}
.main .wrap3 .part2 .sp{
	color: #e5082c;
	font-size: 0.35rem;
}
.main .wrap3 .part3{
	text-align: center;
	color: #0078e3;
	font-size: 0.28rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.main .wrap3 .part4{
	/* text-align: right; */
	/* font-size: 0; */
}
.main .wrap3 .part4 .t3{
	position: relative;
	display: inline-block;
	padding-left: 0.5rem;
	/* width: 89%; */
	overflow: hidden;
	font-weight: bold;
	color: #0078e3;
	font-size: 0.25rem;
	margin-bottom: 0.4rem;
	box-sizing: border-box;
	text-align: left;
}
.main .wrap3 .part4 .t3 .sp{
	/* position: absolute; */
	/* left: 0; */
	/* top: 0; */
	/* width: 1.25rem; */
	/* overflow: hidden; */
	white-space: nowrap;
}
.main .wrap3 .txt{
	margin-top: 0.4rem;
}
.main .wrap3 .txt ul li{
	position: relative;
	padding-left: 2.2rem;
	overflow: hidden;
	color: #ffffff;
	font-size: 0.28rem;
	font-weight: bold;
	margin-bottom: 0.1rem;
}
.main .wrap3 .txt ul li .sp{
	position: absolute;
	left: 0;
	top: 0;
	text-align: right;
	width: 2.2rem;
	padding-right: 0.3rem;
	box-sizing: border-box;
}
.main .wrap3 .slogan{
	border-top: #ffffff solid 1px;
	text-align: center;
	padding-top: 0.2rem;
	margin-top: 0.4rem;
}
.main .wrap3 .slogan .t1{
	font-weight: bold;
	color: #fffdfd;
	font-size: 0.6rem;
	letter-spacing: 4px;
}
.main .wrap3 .slogan .t2{
	font-weight: bold;
	color: #fffdfd;
	font-size: 0.27rem;
}
.main .wrapli{
	padding-bottom: 0.65rem;
}
.main .comtit{
	padding-left: 0.52rem;
	font-size: 0;
}
.main .comtit span{
	display: inline-block;
	padding: 0 0.42rem;
	background: #ffffff;
	border-radius: 0.3rem 0.3rem 0 0;
	border: #77c5f6 solid 0.06rem;
	border-bottom: none;
	color: #0078e3;
	font-size: 0.27rem;
	height: 0.54rem;
	line-height: 0.54rem;
	font-weight: bold;
}
.main .combox{
	border: #77c5f6 solid 0.06rem;
	background: #ffffff;
	padding: 0.1rem 0.75rem;
	border-radius: 0.3rem;
}
.main .combox .inputli{
	padding: 0.1rem 0;
	border-bottom: #1a1415 solid 1px;
	overflow: hidden;
}
.main .combox .inputli:last-child{
	border-bottom: none;
}
.main .combox .inputli .sp{
	float: left;
	width: 1.3rem;
	display: inline-block;
	text-align: justify;
	text-align-last: justify;
	color: #2d2e2f;
	font-size: 0.28rem;
	line-height: 0.5rem;
	height: 0.5rem;
}
.main .combox .inputli .sp::after{
	width: 100%;
	display: inline-block;
	content: '';
}
.main .combox .inputli input{
	float: left;
	width: -moz-calc(100% - 1.3rem);
	width: -webkit-calc(100% - 1.3rem);
	width: calc(100% - 1.3rem);
	padding-left: 0.2rem;
	box-sizing: border-box;
	background: none;
	border: none;
	outline: none;
	color: #2d2e2f;
	font-size: 0.28rem;
	line-height: 0.5rem;
}
.main .combox .inputli input.v-code{
	width: -moz-calc(100% - 2.8rem);
	width: -webkit-calc(100% - 2.8rem);
	width: calc(100% - 2.8rem);
}
.main .combox .inputli input::-webkit-input-placeholder{
    color: #939597;
}
.main .combox .inputli input::-moz-placeholder{ 
    color: #939597;
}
.main .combox .inputli input:-moz-placeholder{ 
    color: #939597;
}
.main .combox .inputli input:-ms-input-placeholder{
    color: #939597;
}
.main .combox .inputli .obtain{
	float: right;
	width: 1.5rem;
	text-align: right;
	color: #0078e3;
	font-size: 0.28rem;
	line-height: 0.5rem;
}
.main .selectdiv{
	border: #77c5f6 solid 0.06rem;
	background: #ffffff;
	padding: 0.1rem 0.5rem;
	border-radius: 0.3rem;
}
.main .selectdiv .cont{
	border: #a9acae dashed 1px;
	padding-left: 0.6rem;
	padding-right: 0.2rem;
	background: url(../images/img13.png) left 0.24rem center no-repeat;
	background-size: 0.23rem 0.23rem;
}
.main .selectdiv select{
	width: 100%;
    outline: none;
    line-height: 0.85rem;
    height: 0.85rem;
    color: #514f4e;
	font-size: 0.28rem;
    padding-right: 0.5rem;
    background: url(../images/img10.png) center right no-repeat;
    background-size: 0.39rem 0.33rem;
    border: none;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.main .wrapli .tips{
	margin-top: 0.15rem;
	text-align: center;
	font-size: 0.27rem;
	color: #fffdfd;
	line-height: 1.6;
}
.main .wrap5{
	padding-top: 0.5rem;
	padding-bottom: 2.7rem;
	border-top: #ffffff solid 1px;
}
.main .wrap5 .box{
	text-align: center;
}
.main .wrap5 .box .phone{
	display: inline-block;
	padding-left: 1.5rem;
	padding-top: 0.32rem;
	padding-bottom: 0.32rem;
	color: #ffffff;
	font-size: 0.48rem;
	background: url(../images/img11.png) top left no-repeat;
	background-size: 0.97rem 1.05rem;
}
.main .rootbox{
	position: fixed;
	left: 0;
	right: 0;
	bottom: -100%;
	width: 100%;
	max-width: 750px;
	margin: auto;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
.main .rootbox.on{
	bottom: 0;
}
.main .rootbox .w1{
	padding: 0.15rem 0.2rem 0.15rem 0.3rem;
	background: #e5e7e8;
}
/*.main .rootbox .labeldiv{
	height: 40px;
    color: #333333;
    font-size: 16px;
	cursor: pointer;
}
.main .rootbox .labeldiv .choiceinput{
    display: none;
}
.main .rootbox .labeldiv .choiceinput[type=checkbox]+span {
	display: inline-block;
	width: 20px;
	height: 20px;
	background:url(../images/img105.png) center no-repeat;
	position: relative;
    top: 3px;
}
.main .rootbox .labeldiv .choiceinput[type=checkbox]:checked+span {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/img106.png) center no-repeat;
	position: relative;
    top: 3px;
}*/
.main .rootbox .labeldiv input{
	display: inline-block;
	vertical-align: top;
	margin: 0;
	margin-top: 0.08rem;
	width: 0.42rem;
}
.main .rootbox .labeldiv .txt{
	display: inline-block;
	vertical-align: top;
	width: -moz-calc(100% - 0.6rem);
	width: -webkit-calc(100% - 0.6rem);
	width: calc(100% - 0.6rem);
	color: #514f4e;
	font-size: 0.25rem;
	line-height: 1.7;
}
.main .rootbox .labeldiv .txt a{
	display: inline-block;
	color: #1b79a5;
}
.main .rootbox .w2{
	display: flex;
	align-items: stretch;
	flex-wrap: wrap;
	padding-left: 0.6rem;
	border-top: #dddfe0 solid 1px;
	background: #f3f4f5;
	box-sizing: border-box;
	overflow: hidden;
}
.main .rootbox .w2 .sp1{
	position: relative;
	float: left;
	width: 2.3rem;
	padding-left: 0.4rem;
	padding-top: 0.15rem;
	padding-bottom: 0.15rem;
	margin-right: 0.4rem;
	color: #514f4e;
	font-size: 0.52rem;
	background: #f3f4f5;
	box-sizing: border-box;
}
.main .rootbox .w2 .sp1:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 0.5rem;
	background: #b9babb;
}
.main .rootbox .w2 .sp1:after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 0.5rem;
	background: #b9babb;
}
.main .rootbox .w2 .sp2{
	/*display: flex;
	align-items: center;*/
	float: right;
	background: #33afd9;
	width: -moz-calc(100% - 2.7rem);
	width: -webkit-calc(100% - 2.7rem);
	width: calc(100% - 2.7rem);
	/*padding-left: 0.4rem;*/
	box-sizing: border-box;
}
.main .rootbox .w2 .sp2 input{
	text-align: center;
	display: block;
	width: 100%;
	font-weight: bold;
	color: #ffffff;
	font-size: 0.45rem;
	line-height: 0.98rem;
	background: none;
	border: none;
	outline: none;
}
.main .rootbox .w2 .sp2 a,
.main .rootbox .w2 .sp2 span{
	display: inline-block;
	font-weight: bold;
	color: #ffffff;
	font-size: 0.45rem;
}
.main .rootbox .w2 .sp2 span{
	margin: 0 0.2rem;
}
.tips{
	text-align:center;
	font-size:0.25rem;
}

@media only screen and (max-width: 375px){
	.main .wrap2 .box{
		padding-left: 0.5rem;
    	padding-right: 0.5rem;
	}
	.main .wrap1 .ticket .t2 span{
		padding-left: 0.9rem;
	}
	.main .combox{
		padding: 0.1rem 0.55rem;
	}
	.main .selectdiv{
		padding: 0.1rem 0.4rem;
	}
}
.none{
	display:none;
}

@media only screen and (max-width: 320px){
 .main .wrap3 .part1 .t1{
  font-size: 0.21rem;
 }
 .main .wrap3 .part1 .t2{
  font-size: 0.25rem;
 }
 .main .wrap3 .part4 .t3{
  padding-left: 1.5rem;
 }
 .main .wrap3 .part4 .t3 .sp{
  width: 1.5rem;
 }
  .main .wrap1 .ticket .t1 .sp1{
         font-size: 0.75rem;
 }
}


/*活动说明*/
.activity_description{
	max-width: 7.5rem;
	width: 100%;
	margin: auto;
}
.bg{
	background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.banner{
	padding-top: 0.86rem;
}
.banner .t1{
	text-align: center;
	font-size: 0;
	margin-bottom: 0.3rem;
}
.banner .t1 span{
	display: inline-block;
	padding: 0 0.4rem;
	border: #fef3e5 solid 0.01rem;
	height: 0.4rem;
	line-height: 0.4rem;
	font-style: italic;
	font-size: 0.28rem;
	color: #ffffff;
	border-radius: 0.22rem;
	letter-spacing: 0.01rem;
}
.banner .t2{
	text-align: center;
	font-size: 0;
}
.banner .t2 span{
	display: inline-block;
	font-style: italic;
	font-weight: bold;
	font-size: 0.60rem;
	color: #ffffff;
	line-height: 1.4;
}
.banner .t2 .sp{
	text-align: right;
	font-style: normal;
	font-size: 0.34rem;
	color: #FFFFFF;
	margin-top: 0.05rem;
	letter-spacing: 0.01rem;
}
.banner .img{
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.banner .img img{
	width: 100%;
}
.activity_description .aims{
	padding-top: 0.3rem;
	padding-bottom: 0.2rem;
}
.activity_description .aims .icon,
.activity_description .aims .img{
	text-align: center;
}
.activity_description .aims .icon img{
	max-width: 0.82rem;
}
.activity_description .aims .img img{
	max-width: 2.7rem;
}
.activity_description .aims .txt{
	position: relative;
	z-index: 1;
	width: 6rem;
	margin: 0.2rem auto 0.1rem;
	border-radius: 0.2rem;
	background: #0b6cf1;
	font-size: 0.32rem;
	color: #FFFFFF;
	line-height: 1.75;
	font-weight: bold;
	box-sizing: border-box;
	padding: 0.28rem 0.2rem;
}
.activity_description .aims .txt:before{
	content: '';
	position: absolute;
	left: 0;
	top: -0.6rem;
	z-index: -1;
	width: 100%;
	height: 1.14rem;
	background: url(../images/abimg4.png) center top no-repeat;
}
.activity_description .partake .tit{
	text-align: center;
	font-size: 0;
	margin-bottom: 0.28rem;
}
.activity_description .partake .tit span{
	position: relative;
	display: inline-block;
	padding-top: 0.08rem;
	padding-bottom: 0.15rem;
	padding-left: 0.2rem;
	padding-right: 0.1rem;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 0.32rem;
    color: #FFFFFF;
    line-height: 1.8;
    font-weight: bold;
    background: #0b6cf1;
    border-radius: 0.1rem;
}
.activity_description .partake .tit span:before{
	content: '';
	position: absolute;
	left: 0.75rem;
	bottom: -0.6rem;
	width: 0.22rem;
	height: 0.79rem;
	background: url(../images/abimg5.png) center no-repeat;
	background-size: 100% 100%;
}
.activity_description .partake .tit span:after{
	content: '';
	position: absolute;
	right: 0.75rem;
	bottom: -0.6rem;
	width: 0.22rem;
	height: 0.79rem;
	background: url(../images/abimg5.png) center no-repeat;
	background-size: 100% 100%;
}
.activity_description .partake .text{
	padding: 0.14rem;
	border-radius: 0.1rem;
	box-shadow: 0.04rem 0 0.08rem rgba(11,108,241,0.35);
	box-sizing: border-box;
	background: rgba(11,108,241,0.8);
}
.activity_description .partake .text ul{
	padding: 0.4rem 0.25rem 0.5rem;
	border-radius: 0.1rem;
	box-shadow: 0.04rem 0 0.08rem rgba(11,108,241,0.35);
	background: #ffffff;
	font-weight: bold;
	color: #0b6cf1;
	font-size: 0.3rem;
	line-height: 1.7;
}
.activity_description .partake .text ul li{
	position: relative;
	padding-left: 0.68rem;
	box-sizing: border-box;
	margin-bottom: 0.3rem;
}
.activity_description .partake .text ul li:last-child{
	margin-bottom: 0;
}
.activity_description .partake .text ul li span{
	position: absolute;
	left: 0;
	top: 0.06rem;
	width: 0.5rem;
	height: 0.5rem;
	line-height: 0.5rem;
	text-align: center;
	border-radius: 50%;
	background: #0b6cf1;
	color: #FFFFFF;
	font-size: 0.36rem;
}
.activity_description .partake .txt{
	margin-top: 0.3rem;
	position: relative;
	padding: 0.55rem 0.6rem 0.4rem;
	color: #FFFFFF;
	font-size: 0.3rem;
	line-height: 1.6;
	box-shadow: 4px 0px 8px rgba(0,0,0,0.35);
	background: rgba(11,108,241,0.8);
	border-radius: 0.1rem;
}
.activity_description .partake .txt:before{
	content: '';
	position: absolute;
	left: 0.32rem;
	top: -0.68rem;
	width: 0.33rem;
	height: 1.15rem;
	background: url(../images/abimg6.png) center no-repeat;
	background-size: 100% 100%;
}
.activity_description .partake .txt:after{
	content: '';
	position: absolute;
	right: 0.32rem;
	top: -0.68rem;
	width: 0.33rem;
	height: 1.15rem;
	background: url(../images/abimg6.png) center no-repeat;
	background-size: 100% 100%;
}
.activity_description .partake .txt ul li{
	margin-bottom: 0.3rem;
}
.activity_description .partake .txt ul li:last-child{
	margin-bottom: 0;
}
.activity_description .partake .txt .sp{
	background: #FFFFFF;
	color: #0b88f1;
	border-radius: 0.04rem;
	padding: 0.04rem 0.06rem;
}
.activity_description .confirm{
	padding-top: 0.5rem;
	padding-bottom: 0.25rem;
}
.activity_description .confirm .img{
	text-align: center;
}
.activity_description .confirm .img img{
	max-width: 4.45rem;
}
.activity_description .confirm .btn{
	text-align: center;
	font-size: 0;
}
.activity_description .confirm .btn a{
	display: inline-block;
	padding: 0 0.65rem;
	background: url(../images/abimg8.png) center no-repeat;
	background-size: cover;
	line-height: 0.86rem;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 0.45rem;
	border-radius: 0.3rem;
	box-shadow: 0rem 0.1rem 0.5rem rgba(11,108,241,0.25);
}
.activity_description .confirm .txt{
	margin-top: 0.25rem;
	text-align: center;
}
.activity_description .confirm .txt .t1{
	color: #0b88f1;
	font-size: 0.26rem;
	font-weight: bold;
	min-height: 1.3rem;
	margin-bottom: 0.3rem;
}
.activity_description .confirm .txt .t2{
	color: #ffffff;
	font-size: 0.47rem;
	font-weight: bold;
	text-shadow: #8f9192 0px 3px 4px;
}
.questionnaire{
	position: relative;
	max-width: 7.5rem;
	width: 100%;
	margin: auto;
}
.questionnaire .conwidth,
.activity_description .conwidth{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
}
.questionnaire .highlights{
	padding-top: 0.3rem;
}
.questionnaire .highlights .icon{
	text-align: center;
}
.questionnaire .highlights .icon img{
	max-width: 0.81rem;
}
.questionnaire .highlights .tit{
	margin-top: 0.25rem;
	text-align: center;
	background: url(../images/quimg2.png) center no-repeat;
	background-size: cover;
	border-radius: 0.3rem;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 0.46rem;
	padding: 0.1rem 0.16rem;
	text-shadow: #0091e3 0px 3px 9px;
	box-shadow: 0 0.05rem 0.4rem rgba(11,108,241,0.3);
}
.questionnaire .highlights .txt ul{
	margin-top: 0.25rem;
	padding: 0 0.24rem;
	box-sizing: border-box;
	background: rgba(255,255,255,0.8);
	box-shadow: 0 0.05rem 0.4rem rgba(11,108,241,0.3);
	border-radius: 0.2rem;
}
.questionnaire .highlights .txt ul li{
	padding: 0.3rem 0;
	font-size: 0;
	overflow: hidden;
	border-bottom: #5081fb solid 1px;
}
.questionnaire .highlights .txt ul li:last-child{
	border-bottom: none;
}
.questionnaire .highlights .txt ul li .w1{
	display: inline-block;
	vertical-align: middle;
	width: 34.6%;
	font-weight: bold;
	color: #0b88f1;
	font-size: 0.48rem;
	line-height: 1.2;
	text-shadow: rgba(11,108,241,0.3) 0px 3px 9px;
	text-align: center;
	box-sizing: border-box;
}
.questionnaire .highlights .txt ul li .w2{
	display: inline-block;
	vertical-align: middle;
	width: 52.7%;
	color: #242425;
	line-height: 1.7;
	font-size: 0.28rem;
	text-shadow: rgba(11,108,241,0.3) 0px 3px 9px;
	box-sizing: border-box;
	padding: 0 0.15rem;
}
.questionnaire .highlights .txt ul li .w3{
	display: inline-block;
	vertical-align: middle;
	width: 12.7%;
	text-align: right;
	box-sizing: border-box;
	padding-right: 0.1rem;
}
.questionnaire .highlights ul li .w3 img{
	max-width: 0.53rem;
}
.questionnaire .type{
	margin-top: 0.24rem;
	background: url(../images/quimg5.png) right bottom 0.2rem no-repeat;
	background-size: 2.93rem auto;
}
.questionnaire .type .img{
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.questionnaire .type .img img{
	max-width: 100%;
}
.questionnaire .type .box{
	font-size: 0;
}
.questionnaire .type .box ul{
	display: inline-block;
	border-bottom: #3c89f4 solid 0.1rem;
	color: #0b6cf1;
	font-size: 0.32rem;
	line-height: 1.6;
	font-weight: bold;
}
.questionnaire .type .box ul li{
	margin-bottom: 0.1rem;
}
.questionnaire .sign{
	padding-top: 0.8rem;
}
.questionnaire .sign .icon{
	text-align: center;
}
.questionnaire .sign .icon img{
	max-width: 4.36rem;
}
.questionnaire .sign .tit{
	margin-top: 0.25rem;
	font-size: 0;
	text-align: center;
}
.questionnaire .sign .tit span{
	display: inline-block;
	min-width: 5.06rem;
	padding: 0 0.15rem;
	box-sizing: border-box;
	background: url(../images/quimg7.png) center no-repeat;
	background-size: cover;
	border-radius: 0.3rem;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 0.48rem;
	padding: 0.1rem 0.16rem;
	text-shadow: #0091e3 0px 3px 9px;
	box-shadow: 0 0.05rem 0.4rem rgba(11,108,241,0.3);
}
.questionnaire .question{
	padding-top: 0.5rem;
	padding-bottom: 0.2rem;
}
.questionnaire .question .box .tit{
	font-weight: bold;
	color: #ffffff;
	font-size: 0.36rem;
	line-height: 1.6;
	background: url(../images/quimg8.png) center no-repeat;
	background-size: cover;
	box-sizing: border-box;
	padding: 0.3rem 0.4rem 0.35rem;
}
.questionnaire .question .box .tit span{
	display: block;
	width: 100%;
	padding-bottom: 0.2rem;
	border-bottom: #67a3f6 dashed 0.01rem;
}
.questionnaire .question .wrap{
	margin-bottom: 0.4rem;
	border-radius: 0.3rem;
	box-shadow: 0 0.08rem 0.1rem #8f9192;
}
.questionnaire .question .wrap:last-child{
	margin-bottom: 0;
}
.questionnaire .question .boxli{
	position: relative;
	background: #ffffff;
	box-sizing: border-box;
	padding: 0.25rem 0.35rem 0.6rem;
}
.questionnaire .question .boxli:before{
	content: '';
	position: absolute;
	left: 0.45rem;
	bottom: -0.7rem;
	width: 0.26rem;
	height: 1.18rem;
	background: url(../images/quimg11.png) center no-repeat;
	background-size: 0.26rem 1.18rem;
}
.questionnaire .question .boxli:after{
	content: '';
	position: absolute;
	right: 0.45rem;
	bottom: -0.7rem;
	width: 0.26rem;
	height: 1.18rem;
	background: url(../images/quimg11.png) center no-repeat;
	background-size: 0.26rem 1.18rem;
}
.questionnaire .question .wrap:last-child .boxli:before,
.questionnaire .question .wrap:last-child .boxli:after{
	display: none;
}
.questionnaire .question .boxli .subtit{
	position: relative;
	padding-left: 0.6rem;
	color: #42405d;
	font-size: 0.3rem;
	line-height: 1.5;
}
.questionnaire .question .boxli i{
	position: absolute;
	left: 0.05rem;
	top: 0.15rem;
	width: 0.32rem;
	height: 0.1rem;
	border-radius: 0.05rem;
	background: #f7b167;
}
.questionnaire .question .boxli .txt{
	margin-top: 0.15rem;
	padding: 0.2rem 0.15rem;
	background: #eaf0ff;
	color: #42405d;
	font-size: 0.28rem;
	line-height: 1.5;
}
.questionnaire .question .boxli .xzbox{
	position: relative;
	padding-left: 0.45rem;
	font-weight: bold;
	color: #454443;
	font-size: 0.32rem;
	margin-top: 0.32rem;
}
.questionnaire .question .boxli .check{
	display: inline-block;
	vertical-align: middle;
}
.questionnaire .question .boxli .xzbox .check{
	margin-right: 0.2rem;
}
.questionnaire .question .boxli .check .sp{
	display: inline-block;
	vertical-align: top;
	color: #454443;
	font-size: 0.28rem;
}
.questionnaire .question .boxli .xzbox .check .sp{
	padding-right: 0.2rem;
}
.questionnaire .question .boxli ul li .check .sp{
	padding-right: 0.05rem;
}
.questionnaire .question .boxli .check .c-label{
	font-size: 0;
	cursor: pointer;
}
.questionnaire .question .boxli .check .c-label .choice-inp {
    display: none;
}
.questionnaire .question .boxli .check .choice-inp[type=checkbox]+span {
	display: inline-block;
	vertical-align: middle;
	width: 0.35rem;
	height: 0.35rem;
	background: url(../images/quimg9.png) center no-repeat;
	background-size: 0.35rem 0.35rem;
}
.questionnaire .question .boxli .check .choice-inp[type=checkbox]:checked+span {
	display: inline-block;
	vertical-align: middle;
	width: 0.35rem;
	height: 0.35rem;
	background: url(../images/quimg10.png) center no-repeat;
	background-size: 0.35rem 0.35rem;
}
.questionnaire .question .boxli .check .choice-inp[type=checkbox]:checked+span+div{
	/*color: #15367f;*/
}
.questionnaire .question .boxli .check .choice-inp[type=radio]+span {
	display: inline-block;
	vertical-align: top;
	width: 0.35rem;
	height: 0.35rem;
	background: url(../images/quimg9.png) center no-repeat;
	background-size: 0.35rem 0.35rem;
}
.questionnaire .question .boxli .check .choice-inp[type=radio]:checked+span {
	display: inline-block;
	vertical-align: top;
	width: 0.35rem;
	height: 0.35rem;
	background: url(../images/quimg10.png) center no-repeat;
	background-size: 0.35rem 0.35rem;
}
.questionnaire .question .boxli ul{
	background: #FFFFFF;
	padding: 0.2rem 0.2rem 0;
	color: #42405d;
	font-size: 0.28rem;
	line-height: 1.6;
}
.questionnaire .question .boxli ul li{
	margin-bottom: 0.05rem;
}
.questionnaire .question .boxli ul li span{
	display: inline-block;
    vertical-align: bottom;
}
.questionnaire .question .boxli ul li span .check .sp{
	vertical-align: middle;
}
.questionnaire .question .boxli ul li .oth{
	margin-top: 0.05rem;
}
.questionnaire .question .boxli ul li .inputtext{
	display: inline-block;
	/*width: 2.2rem;*/
	width: 1.3rem;
	padding: 0 0.1rem;
	border-bottom: #42405d dashed 0.01rem;
	box-sizing: border-box;
}
.questionnaire .question .boxli ul li .inputtext input{
	width: 100%;
	color: #42405d;
	font-size: 0.28rem;
	line-height: 1.6;
	background: none;
	border: none;
	outline: none;
}
.questionnaire .infor{
	padding-top: 0.3rem;
	padding-bottom: 0.1rem;
}
.questionnaire .com_tit .icon{
	text-align: center;
	margin-bottom: 0.25rem;
}
.questionnaire .com_tit .icon img{
	max-width: 0.81rem;
}
.questionnaire .com_tit .tit{
	font-size: 0;
	text-align: center;
}
.questionnaire .com_tit .tit span{
	display: inline-block;
	min-width: 5.06rem;
	padding: 0 0.15rem;
	box-sizing: border-box;
	background: url(../images/quimg7.png) center no-repeat;
	background-size: cover;
	border-radius: 0.3rem;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 0.48rem;
	padding: 0.1rem 0.16rem;
	text-shadow: #0091e3 0px 3px 9px;
	box-shadow: 0 0.05rem 0.4rem rgba(11,108,241,0.3);
}
.questionnaire .infor .formbox{
	margin-top: 0.3rem;
	background: #3c89f4;
	border-radius: 0.15rem;
	padding: 0.1rem 0.1rem 0.18rem;
	box-shadow: 0 0.04rem 0.08rem rgba(0,0,0,0.35);
}
.questionnaire .infor .formbox .form{
	background: #FFFFFF;
	border-radius: 0.2rem;
	padding: 0.25rem;
}
.questionnaire .infor .formbox .inputli{
    margin-bottom: 0.2rem;
    overflow: hidden;
}
.questionnaire .infor .formbox .inputli .sp{
    float: left;
    width: 1.4rem;
    display: inline-block;
    text-align: justify;
    text-align-last: justify;
    color: #2d2e2f;
    font-size: 0.28rem;
    line-height: 0.5rem;
    height: 0.5rem;
}
.questionnaire .infor .formbox .inputli .sp::after{
	width: 100%;
	display: inline-block;
	content: '';
}
.questionnaire .infor .formbox .inputli i{
	float: left;
	width: 0.2rem;
	font-style: normal;
	color: #2d2e2f;
    font-size: 0.28rem;
    line-height: 0.5rem;
    height: 0.5rem;
}
.questionnaire .infor .formbox .inputli input {
	position: relative;
    float: left;
    width: -moz-calc(100% - 1.6rem);
    width: -webkit-calc(100% - 1.6rem);
    width: calc(100% - 1.6rem);
    padding: 0 0.12rem;
    box-sizing: border-box;
    background: none;
    border: none;
    outline: none;
    color: #2d2e2f;
    font-size: 0.28rem;
    line-height: 0.5rem;
    border-bottom: #5081fb solid 1px;
}
.questionnaire .infor .formbox .inputli input.v-code{
	width: -moz-calc(100% - 3.3rem);
	width: -webkit-calc(100% - 3.3rem);
	width: calc(100% - 3.3rem);
}
.questionnaire .infor .formbox .inputli input::-webkit-input-placeholder{
    color: #aca9a9;
    text-align: center;
}
.questionnaire .infor .formbox .inputli input::-moz-placeholder{ 
    color: #aca9a9;
    text-align: center;
}
.questionnaire .infor .formbox .inputli input:-moz-placeholder{ 
    color: #aca9a9;
    text-align: center;
}
.questionnaire .infor .formbox .inputli input:-ms-input-placeholder{
    color: #aca9a9;
    text-align: center;
}
.questionnaire .infor .formbox .inputli .obtain{
	float: right;
	width: 1.6rem;
	text-align: center;
	color: #fffcfc;
	font-size: 0.28rem;
	line-height: 0.5rem;
	border-radius: 0.05rem;
	background: url(../images/quimg13.png) center no-repeat;
}
.questionnaire .condition{
	padding-top: 0.3rem;
}
.questionnaire .condition .box{
	padding-top: 0.5rem;
}
.questionnaire .condition .box ul{
	padding: 0 0.5rem;
	color: #2d2b2b;
	font-size: 0.28rem;
	line-height: 1.6;
}
.questionnaire .condition .box ul li{
	position: relative;
	padding-left: 0.55rem;
	margin-bottom: 0.2rem;
}
.questionnaire .condition .box ul li:last-child{
	margin-bottom: 0;
}
.questionnaire .condition .box ul li span{
	position: absolute;
	left: 0;
	top: 0;
	width: 0.4rem;
	height: 0.4rem;
	line-height: 0.4rem;
	text-align: center;
	border-radius: 0.2rem;
	color: #FFFFFF;
	font-size: 0.36rem;
	background: #0b6cf1;
}
.questionnaire .condition .box ul li i{
	position: absolute;
	left: 0.04rem;
    top: 0.55rem;
	width: 0.32rem;
	height: 0.1rem;
	border-radius: 0.05rem;
	background: #f7b167;
}
.questionnaire .condition .wrap{
	margin-top: 0.3rem;
	margin-bottom: 0.3rem;
	background: #3c89f4;
	border-radius: 0.15rem;
	padding: 0.07rem 0.12rem;
	box-shadow: 0 0.04rem 0.08rem rgba(0,0,0,0.35);
}
.questionnaire .condition .wrap .cont{
	background: #FFFFFF;
	border-radius: 0.2rem;
	padding: 0.25rem;
	color: #2d2b2b;
	font-size: 0.28rem;
	line-height: 1.8;
}
.questionnaire .condition .img{
	text-align: center;
	padding-bottom: 0.1rem;
}
.questionnaire .condition .img img{
	max-width: 5.8rem;
}
.questionnaire .signaturewrap{
	/*padding-bottom: 3.3rem;*/
}
.questionnaire .signaturewrap .txt{
	padding-top: 0.1rem;
	font-weight: bold;
	color: #2f2f30;
	font-size: 0.28rem;
	letter-spacing: 0.03rem;
	text-align: center;
	margin-bottom: 0.1rem;
}
.questionnaire .signaturewrap .wireframe{
	border: #838080 solid 1px;
	border-radius: 0.2rem;
	height: 3.3rem;
	background: #ffffff;
	overflow: hidden;
}
.questionnaire .signaturewrap .btns{
	text-align: center;
	font-size: 0;
	margin-top: 0.16rem;
}
.questionnaire .signaturewrap .btns .cobtn{
	display: inline-block;
	color: #FFFFFF;
	font-size: 0.28rem;
	padding: 0 0.24rem;
	height: 0.5rem;
	line-height: 0.5rem;
	letter-spacing: 0.02rem;
	border: none;
	outline: none;
}
.questionnaire .signaturewrap .btns .cobtn.btn1{
	margin-right: 1.2rem;
	background: url(../images/quimg15.png) center no-repeat;
	background-size: 100% 100%;
}
.questionnaire .signaturewrap .btns .cobtn.btn2{
	background: url(../images/quimg16.png?v=1) center no-repeat;
	background-size: 100% 100%;
}
.questionnaire .acbox{
	/*position: fixed;
	left: 0;
	right: 0;*/
	/*bottom: -100%;*/
	/*bottom: 0;
	z-index: 10;*/
	width: 100%;
	max-width: 7.5rem;
	margin: auto;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
	background: #e5e7e8;
	margin-top: 0.7rem;
}
/*.questionnaire .acbox.on{
	bottom: 0;
}*/
.questionnaire .acbox .w1{
	padding: 0.15rem 0.2rem 0.15rem 0.6rem;
	background: #e5e7e8;
}
.questionnaire .acbox .labeldiv input{
	display: inline-block;
	vertical-align: top;
	margin: 0;
	margin-top: 0.1rem;
	width: 0.42rem;
}
.questionnaire .acbox .labeldiv .word{
	display: inline-block;
	vertical-align: top;
	width: -moz-calc(100% - 0.6rem);
	width: -webkit-calc(100% - 0.6rem);
	width: calc(100% - 0.6rem);
	color: #514f4e;
	font-size: 0.25rem;
	line-height: 1.7;
}
.questionnaire .acbox .labeldiv .word a{
	display: inline-block;
	color: #1b79a5;
}
.questionnaire .acbox .w2{
	font-size: 0;
	background: url(../images/quimg17_2.png?v=123) center no-repeat;
	background-size: cover;
}
.questionnaire .acbox .w2 .sp1{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 76%;
	text-align: center;
}
.questionnaire .acbox .w2 .sp1:before{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 60%;
	background: #FFFFFF;
}
.questionnaire .acbox .w2 .sp1 input{
	display: block;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	font-size: 0.48rem;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 0.04rem;
	background: none;
	border: none;
	outline: none;
}
.questionnaire .acbox .w2 .sp2{
	display: inline-block;
	vertical-align: middle;
	width: 24%;
	text-align: center;
}
.questionnaire .acbox .w2 .sp2 a{
	display: block;
	width: 100%;
	height: 1rem;
	line-height: 1rem;
	background: url(../images/quimg18.png) center no-repeat;
	background-size: 40% auto;
}
 .jSignature{height: 3.3rem !important; }
 .questionnaire .condition  .com_tit .tit span{
        box-shadow:none;
        background: none;
        text-shadow: none;
        color: #0b6cf1;
}