* {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	box-sizing: border-box;
	/*font-family: 'FZLTHJ';*/
}

a {
	color: #000;
	background: transparent;
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-text-decoration-skip: objects;
	background: transparent;
	word-break: keep-all;
	outline: none;
}

a:hover{
	color: inherit;
}

html,
body {
	overflow-x: hidden;
	line-height: 1.5;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{
	background: #243e92;
	background-size: 100%;
	background-position: center bottom;
	padding-bottom: 2.8rem;
}

img {
	width: 100%;
	display: block;
}

.hide{
	display: none;
}

img.img-block{
	width: 100%;
	margin: 0 auto;
}

.content {
	position: relative;
	width: 7.5rem;
	margin: 0 auto;
	overflow-x: hidden;
	overflow-y: auto;
	background-position: center top;
	z-index: 1;
}

.content>div{
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.webkit {
	display: -webkit-box;
	/*-webkit-box-orient: vertical;*/
	-webkit-box-pack: center;
	-webkit-box-align: center;
}

.imgBlock {
	display: block;
	margin: 0 auto;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.ovh {
	overflow: hidden;
}

.f_l{
	float: left;
}

.f_r{
	float: right;
}

.ta-c{
	text-align: center;
}

.ta-l{
	text-align: left;
}

.ta-r{
	text-align: right;
}

.w20{
	width: 20%;
}

.w25{
	width: 25%;
}

.w30{
	width: 30%;
}

.w40{
	width: 40%;
}

.w50{
	width: 50%;
}

.w60{
	width: 60%;
}

.w70{
	width: 70%;
}

.w75{
	width: 75%;
}

.w80{
	width: 80%;
}

.w90 {
	width: 90%;
}

.w94 {
	width: 94%;
}

.w96 {
	width: 96%;
}

.w98 {
	width: 98%;
}

.w100 {
	width: 100% !important;
}

/*modal end*/
.box {
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
	background-size: 100% 101%;
	background-position: center;
	line-height: 1.5;
	box-sizing: border-box;
	overflow: hidden;
}

.clearfix::before,
.clearfix::after {
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
	/*IE/7/6*/
}

.flex-between {
	justify-content: space-between;
	display: flex;
}

.m-a{
	margin-left: auto;
	margin-right: auto;
}

.mt-10{
	margin-top: 0.1rem !important;
}

.mt-20{
	margin-top: 0.2rem !important;
}

.mt-30{
	margin-top: 0.3rem !important;
}

.mt-40{
	margin-top: 0.4rem !important;
}

.mt-50{
	margin-top: 0.5rem !important;
}

.mt-60{
	margin-top: 0.6rem !important;
}

.mt-70{
	margin-top: 0.7rem !important;
}

.mt-80{
	margin-top: 0.8rem !important;
}

.mt-90{
	margin-top: 0.9rem !important;
}

.mt-100{
	margin-top: 1rem !important;
}

.pt-10{
	padding-top: 0.1rem !important;
}

.pt-20{
	padding-top: 0.2rem !important;
}

.pt-30{
	padding-top: 0.3rem !important;
}

.pt-40{
	padding-top: 0.4rem !important;
}

.pt-50{
	padding-top: 0.5rem !important;
}

.fs-10{
	font-size: 0.1rem;
}

.fs-12{
	font-size: 0.12rem;
}

.fs-14{
	font-size: 0.14rem;
}

.fs-16{
	font-size: 0.16rem;
}

.fs-18{
	font-size: 0.18rem;
}

.fs-19{
	font-size: 0.19rem;
}

.fs-20{
	font-size: 0.2rem;
}

.fs-22{
	font-size: 0.22rem;
}

.fs-24{
	font-size: 0.24rem;
}

.fs-26{
	font-size: 0.26rem;
}

.fs-28{
	font-size: 0.28rem;
}

.fs-30{
	font-size: 0.3rem !important;
}

.fs-32{
	font-size: 0.32rem;
}

.fs-34{
	font-size: 0.34rem;
}

.fs-36{
	font-size: 0.36rem;
}

.fs-38{
	font-size: 0.38rem;
}

.fs-40{
	font-size: 0.4rem;
}

.fb{
	font-weight: bold;
}

.td-u,a.td-u{
	text-decoration: underline;
}


.c-fff,.c-fff:hover{
	color: #fff !important;
	border-color: #fff !important;
}

.c-000,.c-000:hover{
	color: #000;
}

.c-red,.c-red:hover{
	color: #e74b22;
}

.c-326cff,.c-326cff:hover{
	color: #326cff;
}

.c-ff5e29,.c-ff5e29:hover{
	color: #ff5e29;
}

.txt-indent{
	text-indent: 2em;
}

/* mian */
.banner{
	position: relative;
	width: 100%;
}

.box-item{
	position: relative;
}

.box-item .time{
	height: 0.49rem;
	background: url(../images/time.png) no-repeat;
	background-size: 3.62rem 0.4rem;
	background-position: left bottom;
	padding-left: 0.46rem;
	color: #1c3287;
	font-weight: bold;
	font-size: 0.34rem;
	line-height: 0.36rem;
}

.box-item .tj{
	height: 0.49rem;
	background: url(../images/tj.png) no-repeat;
	background-size: 3.02rem 0.43rem;
	background-position: left bottom;
	padding-left: 0.46rem;
	color: #1c3287;
	font-weight: bold;
	font-size: 0.34rem;
	line-height: 0.36rem;
}

.box-item img{
	width: auto;
	height: 0.49rem;
}

.box-item .text{
	position: relative;
	font-size: 0.3rem;
	color: #262626;
	padding-left: 0.5rem;
	padding-right: 0.25rem;
	margin-top: 0.05rem;
	margin-bottom: 0.15rem;
}

.box-item .text .point{
	position: absolute;
	bottom: -0.02rem;
	left: 50%;
	width: 7.09rem;
	height: 0.56rem;
	background-image: url(../images/fei/point.png);
	background-size: 100% 100%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.box-item .text .point2{
	position: absolute;
    bottom: 7.1vw;
    left: 21vw;
    width: 70vw;
    height: 6vw;
    background-image: url(../images/fei/point.png);
    background-size: 100% 100%;
    /* transform: translateX(-50%); */
    /* -webkit-transform: translateX(-50%);*/
}

.c-ee5b34{
	color: #ee5b34;
}

.c-1c3287{
	color: #1c3287;
}

.c-2a66d0{
	color: #2a66d0;
}

.c-2c96e8{
	color: #2c96e8;
}

.c-808080{
	color: #808080;
}

.btns{
	width: 5.9rem;
	justify-content: space-between;
	line-height: 0.7rem;
	color: #fff;
	font-size: 0.32rem;
	text-align: center;
	margin: 0 auto;
	display: flex;
}

.btns.center{
	justify-content: center;
}

.btns .btn{
	width: 2.81rem;
	height: 0.75rem;
	background-image: url(../images/fei/btn_sign.png);
	background-size: 100% 100%;
}
.btns .btnA{
	width: 2.81rem;
	height: 0.75rem;
	background-image: url(../images/fei/btn_sign.png);
	background-size: 100% 100%;
}

.btns.center .btn{
	margin: 0 0.2rem;
}
.btns.center .btnA{
	margin: 0 0.2rem;
}

.btn.btn-sign[data-unsign="1"]{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.btnA.btn-signA[data-unsign="1"]{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}
.btn-text{
	position: absolute;
	top: -2.4vw;
	left: 60%;
	background: #ee5b34;
	padding: 0 1vw;
	line-height: 5vw;
	font-size: 3.2vw;
	color: #fff;
	border-radius: 1vw;
	z-index: 1;
}

.fei-box{
	position: relative;
	width: 7.01rem;
	background: url(../images/fei/bg-long.png?0704) no-repeat;
	background-size: 100% 100%;
	padding: 1.2rem 0rem 0;
	border-radius: 0 0 0.25rem 0.25rem;
	margin: 0rem auto 0;
}

.fei-end{
	position: absolute;
	top: 1.2rem;
	bottom: 0.3rem;
	left: 0.1rem;
	right: 0.1rem;
	pointer-events: none;
	z-index: 9;
	display: none;
}

.fei-end-icon{
	position: relative;
	width: 3.4rem;
	margin: 0 auto;
	padding-top: 0.5rem;
	z-index: 1;
}

.fei-mask{
	position: absolute;
	top: 0rem;
	bottom: 0rem;
	left: 0rem;
	width: 100%;
	background: rgba(255, 255, 255, .5);
}

.fei-box-end{
	max-height: 7rem;
	overflow: hidden;
}

.fei-box-end .fei-end{
	display: block;
}

.rule_more2{
	position: absolute;
	left: 50%;
	bottom: 0.1rem;
	font-size: 0.26rem;
	color: #333333;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 10;
	text-decoration: underline;
}

.rule_hide2{
	position: absolute;
	left: 50%;
	bottom: 0.1rem;
	font-size: 0.26rem;
	color: #333333;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 10;
	display: none;
}
.rule_more3{
	position: absolute;
	left: 50%;
	bottom: 0.1rem;
	font-size: 0.26rem;
	color: #333333;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	z-index: 10;
	text-decoration: underline;
	text-align: center;
}
.fei-box.rule_show2{
	max-height: unset;
	overflow: visible;
}
.show2{
	display: block;
}
.hide2{
	display: none;
}

.fei-box-end .btn-qiang{
	background: grey;
}

.fei-tip{
	position: relative;
	margin: 0 auto;
	padding: 0.2rem 0.12rem 0.2rem;
	border-radius: 0.2rem;
	color: #dc3b10;
	font-size: 0.32rem;
}
.fei-tip2{
	position: relative;
	margin: 0 auto;
	padding: 0.2rem 0.12rem 0.7rem;
	border-radius: 0.2rem;
	color: #dc3b10;
	font-size: 0.32rem;
}
.bgjb{
	background: linear-gradient(to bottom, #fff8f0, #ffffff);
	
}
.bgfei{
		background: linear-gradient(to bottom, #fcf0e0, #ffffff);
}
.bgfei2{
		background: linear-gradient(to bottom, #dbf1ff, #ffffff);
}
.bgfei3{
		background: linear-gradient(to bottom, #fff3f5, #ffffff);
}
.bgfei4{
		background: linear-gradient(to bottom, #e9fefc, #ffffff);
}
.rule_more{
	position: absolute;
	left: 50%;
	bottom: 0.1rem;
	color: #1c3287;
	font-size: 0.26rem;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}

.rule_hide{
	position: absolute;
	left: 50%;
	bottom: 0.1rem;
	color: #1c3287;
	font-size: 0.26rem;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	display: none;
}

.fei-rule{
	margin-top: 0.1rem;
	font-size: 0.28rem;
	display: none;
}

.rule_show .rule_more{
	display: none;
}

.rule_show .rule_hide,
.rule_show .fei-rule{
	display: block;
}

.fei-items{
	color: #262626;
	font-size: 0.3rem;
}

.fei-items .fei-item{
	margin-bottom: 0.08rem;
	display: flex;
}

.fei-item>span{
	padding-left: 0.2rem;
	background: linear-gradient(to right, #fcd5ba 80%, #fcead8 100%);
	background: -webkit-linear-gradient(to right, #fcd5ba 80%, #fcead8 100%);
	color: #1c3287;
	font-weight: bold;
	white-space: nowrap;
}

.fei-item2>span{
	padding-left: 0.2rem;
	background: linear-gradient(to right, #bfe6fe 80%, #d3eeff 100%);
	background: -webkit-linear-gradient(to right, #bfe6fe 80%, #d3eeff 100%);
	color: #1c3287;
	font-weight: bold;
	white-space: nowrap;
}
.fei-item>i{
	letter-spacing: -0.3vw;
	font-style: normal;
}
.fei-item2>i{
	letter-spacing: -0.3vw;
	font-style: normal;
}
.fei-item3>i{
	letter-spacing: -0.3vw;
	font-style: normal;
}

.fei-items .fei-item3{
	margin-bottom: 0.08rem;
	display: flex;
}

.fei-item3>span{
	padding-left: 0.2rem;
	background: linear-gradient(to right, #f9c5ce 80%, #fde5e9 100%);
	background: -webkit-linear-gradient(to right, #f9c5ce 80%, #fde5e9 100%);
	color: #1c3287;
	font-weight: bold;
	white-space: nowrap;
}
.fei-box [data-sign="0"]{
	display: none;
}

.po-re{
	position: relative;
	width: 100%;
}
.po-fei1-ab{
	position: absolute;
	top:23vw;
	left:3vw;
	width: 20vw;
	height: 7vw;
}
.po-fei2-ab{
	position: absolute;
	top:39vw;
	left:3vw;
	width: 20vw;
	height: 7vw;
}
.po-fei3-ab{
	position: absolute;
	width: 70%;
	bottom:0;
	left:15%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.po-fei3-ab div{
	width: 50%;
	height: 8vw;
}
.po-fei4-ab{
	width: 40%;
	height: 10vw;
	position: absolute;
	left: 30%;
	bottom:2vw;
}
.po-fei5-ab{
	width: 20%;
	height: 6vw;
	position: absolute;
	left: 18%;
	bottom:3vw;
}
.t-fei-20{
	font-size: 4vw;
	color: #2b4ca2;
	font-weight: bold;
}
.t-fei-18{
	font-size: 3vw;
	color: #262626;
}

.fei-box.cansignup [data-sign="0"]{
	display: block;
}

.fei-box [data-sign="1"]{
	display: none;
}

.fei-box [data-sign="2"]{
	display: none;
}

.fei-box.signup [data-sign="0"]{
	display: none;
}

.fei-box.signup [data-sign="1"]{
	display: block;
}

.fei-box.unsignup [data-sign="0"]{
	display: none;
}

.fei-box.unsignup [data-sign="2"]{
	display: block;
}

.fei-box .btn{
	background-image: url(../images/fei/btn.png);
}

.wh{
	width: 0.26rem;
	height: 0.26rem;
	background: url(../images/fei/wh.png?0822) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
}

.box{
	position: relative;
	width: 6.7rem;
	background: #effaff;
	padding: 0.2rem;
	margin: 0 auto;
	border-radius: 0.24rem;
}

.btn-rule{
	border-bottom: 1px solid #3a3a3a;
	font-size: 0.24rem;
	color: #3a3a3a;
	margin: 0 auto;
	display: table;
	text-align: center;
}

.gl1{
	position: relative;
	width: 6.37rem;
	margin: 0 auto;
}

.btn-gl1{
	position: absolute;
	left: 1.58rem;
	top: 1.75rem;
	width: 2.56rem;
	height: 0.55rem;
	background: url(../images/fei/btn-open.png?0822) no-repeat;
	background-size: 100% 100%;
}

.btn-gl1.close{
	background-image: url(../images/fei/btn-close.png?0822)
}

.flight-title {
	position: relative;
	line-height: 0.34rem;
	padding-left: 0.2rem;
	color: #262626;
	font-size: 0.26rem;
	font-weight: bold;
}

/*.flight-title:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 0.1rem;
	height: 0.34rem;
	background: #262626;
	border-radius: 0.05rem;
}*/

.loc {
	display: inline-block;
	position: relative;
	float: right;
	margin-right: 0;
	font-size: 0.26rem;
	line-height: 0.34rem;
	padding-left: 0.28rem;
	color: #2a66d0;
	font-weight: bold;
	z-index: 22;
}
.loc:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.05rem;
	width: 0.2rem;
	height: 0.24rem;
	background: url(../images/loc.png?0822) no-repeat;
	background-size: 100% 100%;
}

.loc select {
	margin-left: 1vw;
	border: 0;
	border-radius: 2vw;
	font-size: 2.8vw;
	font-weight: bold;
	padding: 0 1vw;
}
.loc .searchable-select {
	width: 20vw;
	min-width: unset;
	vertical-align: unset;
	font-size: 3.47vw;
	color: #666666;
}
.loc .searchable-select-caret {
	top: 1.5vw;
	right: 1.33vw;
	border-width: 1vw;
}
.loc .searchable-select-holder {
	margin-left: 1vw;
	padding: 0 2vw;
	min-height: unset;
	min-width: unset;
	border: none;
	box-shadow: none;
	border-radius: 2vw;
	font-size: 0.21rem;
	font-weight: bold;
	text-align: center;
}

.fei-nav{
	width: 6.86rem;
	height: 1.08rem;
	background: url(../images/fei/tab1.png?0822) no-repeat;
	background-size: 100% 100%;
	font-size: 0;
	margin: 0.25rem auto 0;
	display: flex;
}

.fei-nav.f2{
	background-image: url(../images/fei/tab2.png?0822);
}

.fei-nav span{
	flex: 1;
}

.con-fliht{/* 
	margin: 0.2rem auto 0;
	padding: 0 0.15rem 0; */
}

/*.con-fliht[data-type="f1"]{
	background: url(../images/fei/ta1.png) no-repeat;
	background-size: 3.1rem;
	background-position: right 3.3rem;
}

.con-fliht[data-type="f2"]{
	background: url(../images/fei/ta2.png) no-repeat;
	background-size: 2.42rem;
	background-position: right 4rem;
}*/

.fliht-nav{
	width: 6.3rem;
	margin: 0.2rem auto 0;
	flex-wrap: wrap;
	justify-content: space-between;
	display: flex;
}

.fliht-nav div{
	position: relative;
	font-size: 0.28rem;
	width: 3rem;
	line-height: 0.6rem;
	text-align: center;
	font-weight: bold;
	border-radius: 0.12rem;
	margin-bottom: 0.08rem;
	background-color: #fff;
	color: #2a7ee1;
	border: 0.08rem solid #effaff;
	background-clip: padding-box;
	overflow: hidden;
}

.fliht-nav div.on{
	background-color: #2a66d0;
	border-color: #75caf5;
	color: #ffde9e;
}

.fliht-nav span{
	position: absolute;
	top: 0;
	right: 0;
	line-height: 0.32rem;
	padding: 0 0.06rem;
	background: #d2f0fe;
	font-size: 0.2rem;
	color: #46659e;
	border-radius: 0 0 0 0.12rem;
}

.fliht{
	width: 6.66rem;
	margin: 0.2rem auto 0;
	background: #effaff;
	border-radius: 0.25rem;
	/* padding: 0.2rem 0.12rem; */
}

.fbox{
	width: 6.5rem;
	margin: 0.2rem auto 0;
	padding: 0.12rem 0 0.2rem;
	background: #fff;
	border-radius: 0.2rem;
	border: 1px solid #2a66d0;
	box-shadow: 0 0.1rem #2a66d0;
}

.c-2a66d0{
	color: #2a66d0;
}

.c-3a3a3a{
	color: #3a3a3a;
}

.fbtn{
	width: 2.57rem;
	line-height: 0.63rem;
	border-radius: 0.32rem;
	margin: 0.2rem auto 0;
	background: #2a66d0;
	font-size: 0.36rem;
	text-align: center;
	color: #fff;
}

.flight-search{
	position: relative;
	background: #ffffff;
	height: 0.6rem;
	align-items: center;
	display: flex;
	border-radius: 0.3rem;
	border: 1px solid #2a66d0;
	margin: 0.1rem auto 0;
}

.flight-search .s9{
	width: 0.61rem;
	height: 0.23rem;
}

.flight-btn{
	position: relative;
	width: 1.47rem;
	right: -1px;
	top:-1px;
}

.flight-btn2{
	position: relative;
	width: 1.47rem;
	right: -1px;
	top:-1px;
}
.con-nav{
	text-align: center;
	margin: 0.2rem auto;
	font-size: 0.26rem;
	color: #2a7ee1;
	white-space: nowrap;
	overflow: hidden;
	overflow-x: scroll;
}

.con-nav>div{
	width: 2.94rem;
	height: 0.84rem;
	line-height: 1.2;
	background: #fff;
	border: 0.07rem solid #fff;
	border-radius: 0.12rem;
	padding-top: 0.05rem;
	vertical-align: middle;
	display: inline-block;
}

.con-nav>div.on{
	background: #2a66d0;
	border-color: #75caf5;
	color: #fff;
}

.con-nav b{
	font-size: 0.285rem;
	display: block;
}


.con-nav>div.on b{
	color: #ffde9e;
}

.con-fliht nav {
	text-align: center;
	margin: 0.2rem auto;
	font-weight: bold;
	line-height: 0.42rem;
	color: #fff;
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	align-items: start;
}

.con-fliht nav span {
	width: 2.85rem;
	background: #fff;
	border: 0.06rem solid #75caf5;
	border-radius: 0.15rem;
	font-size: 0.3rem;
	display: inline-block;
	background: #75caf5;
}

.con-fliht nav span.on{
	background: #2a66d0;
}

.flight-search .item{
	position: relative;
	height: 0.82rem;
	line-height: 0.82rem;
	font-size: 0.3rem;
	text-align: center;
	color: #313131;
	font-weight: bold;
	flex: 1;
}

.flight-search .item2>div{
	flex: 1;
	text-align: center;
}

.flight-search .searchable-select{
	min-width:unset;
	vertical-align:unset;
	font-size: 3.47vw;
	color: unset;
}

.flight-search .searchable-select-caret{
	border-style:unset;
}

.flight-search .searchable-select-holder{
	padding: 0;
	line-height: 8.4vw;
	min-height:unset;
	min-width:unset;
	border:none;
	border-radius:0;
	box-shadow:none;
	background:none;
}

.flight-list{
	height: 4rem;
	background: #fff;
	padding: 0 0.12rem 0 0.15rem;
	margin: 0.2rem auto 0;
	border-radius: 0.2rem;
	border: 1px solid #2a66d0;
	overflow: hidden;
	overflow-y: scroll;
}

.flight-list.jjqd{
	background:url(../images/fei/jjqd.png) no-repeat #effaff;
	background-size: 2.13rem;
	background-position: center center;
	border-color: #effaff;
}

.flight-list>div{
	position: relative;
	line-height: 0.78rem;
	border-bottom: 1px solid #2a66d0;
	justify-content: space-between;
	background: #fff;
	padding-right: 1.8rem;
	align-items: center;
	display: flex;
}

.flight-list>div:last-child{
	border-bottom: none;
}

.flight-list::-webkit-scrollbar {
	width: 5px;
	height: 2px;
	border-radius: 10px;
}

.flight-list::-webkit-scrollbar-thumb {
	background: #2a66d0;
	border-radius: 8px;
}

.info{
	flex: 1;
	color: #000000;
	font-size: 0.32rem;
	align-items: center;
	display: flex;
}

.info .s8{
	position: relative;
	width: 0.42rem;
	height: 0.8rem;
	background: url(../images/jt.png) no-repeat;
	background-size: 100%;
	background-position: center center;
}

.info>span{
	flex: 1;
	text-align: center;
}

.price{
	position: relative;
	width: 1.4rem;
	padding: 0 0.05rem;
	font-size: 0.18rem;
	color: #2a66d0;
}

.price b{
	font-size: 0.38rem;
}

.btn-qiang{
	position: absolute;
	right: 0;
	top: 50%;
	width: 1.6rem;
	color: #fff;
	font-size: 0.32rem;
	text-align: center;
	height: 0.48rem;
	line-height: 0.48rem;
	background: #2a66d0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	border-radius: 0.24rem;
}

.fliht[data-finish="1"] .btn-qiang{
	background: grey;
}

.fliht{
	position: relative;
}

.fliht[data-finish="1"]:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/finish.png?0217) no-repeat;
	background-size: 21vw;
	background-position: center center;
	z-index: 9;
}

.fliht[data-type="f1"][data-finish="1"]:before{
	pointer-events:none;
}


.fliht[data-finish="1"] .btn-sign{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

.myprize{
	position: absolute;
	top:0.16rem;
	right: 0.16rem;
	width: 1.75rem;
}

.dui-box{
	width: 7.01rem;
	height: 4.77rem;
	background: url(../images/dui/bg.png?1027) center no-repeat;
	background-size: 100%;
	padding: 1.2em 0.12rem 0;
	margin: 0.4rem auto 0;
}

.dui-box .btn{
	background-image: url(../images/dui/btn.png);
}

.lai-box{
	width: 7.01rem;
	height: 8.77rem;
	background: url(../images/lai/bg.png?0429) center no-repeat;
	background-size: 100%;
	padding: 1.4rem 0.12rem 0;
	margin: 0rem auto 0;
}

.lai-box .btn{
	background-image: url(../images/lai/btn.png);
}

.cbg{
	position: relative;
	width: 6.7rem;
	height: 0.98rem;
	background: #effaff;
	border: 1px solid #04469d;
	border-radius: 0.12rem;
	padding: 0.16rem 0 0 0.1rem;
	margin: 0.1rem auto 0;
}

.cbg .swiper-slide{
	width: 1.38rem;
}

.hwtj-box{
	width: 7.01rem;
	height: 11rem;
	background: url(../images/hwtj/bg.png?1111) no-repeat;
	background-size: 100%;
	padding: 1.3rem 0.12rem 0.1rem;
	border-radius: 0.2rem;
	margin: 0.4rem auto 0;
}

.more-nav{
	width: 6.3rem;
	margin: 0.2rem auto 0;
	display: flex;
	justify-content: space-evenly;
}

.more-nav span{
	font-size: 0.28rem;
	width: 2.9rem;
	line-height: 0.6rem;
	text-align: center;
	font-weight: bold;
	border-radius: 0.12rem;
	background-color: #effaff;
	color: #2a7ee1;
	border: 0.08rem solid #effaff;
}

.more-nav .on{
	background-color: #2a66d0;
	border-color: #75caf5;
	color: #ffde9e;
}

.ad-item{
	width: 6.67rem;
	margin: 0 auto 0.2rem;
}

.more-ad .swiper-container{
	padding-bottom: 0.5rem !important;
}

.more-ad .swiper-pagination-bullet{
	width: 0.14rem;
	border-radius: 0.7rem;
	background: #c4ecfa;
	opacity: 1;
}

.more-ad .swiper-pagination-bullet-active{
	background: #1272d8;
}

.more-ad .swiper-pagination{
	bottom: 0rem !important;
	height: 0.3rem;
}

.more-ad .swiper-pagination-bullet{
	vertical-align: top;
	height: 0.14rem;
}

.more-ad .swiper-pagination{
	bottom: 0rem !important;
}
.textarea-box{
	position: relative;
	width: 6.65rem;
	height: 2.48rem;
	border: 1px solid #1d3489;
	border-radius: 0.2rem;
	padding: 0.16rem;
}

.textarea-box textarea{
	width: 100%;
	height: 100%;
	border: none;
	outline: 0;
	font-size: 0.3rem;
	background: url(../images/wyhs/placeholder.png) top left no-repeat;
	background-size: 4.35rem;
	resize: none;
}

.textarea-box textarea.nobg{
	background: none;
}

.textarea-num{
	position: absolute;
	bottom: 0.06rem;
	right: 0.16rem;
	font-size: 0.22rem;
	background: #fff;
	color: #999999;
}

.navbar-right{
	position: fixed;
	right: 0;
	bottom: 0.6rem;
	width: 1.95rem;
}

.t2m{
	text-indent: 2em;
}

.modal {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: none;
	z-index: 1000;
	overflow: auto;
	/*background: rgba(0,0,0,.7);*/
	-webkit-box-align: center;
	-webkit-box-pack: center;
}

.mask {
	background: #000;
	opacity: 0.7;
	z-index: 1000;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 200;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.modal-box {
	position: absolute;
	top: 0px;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	z-index: 1111;
	display: none;
	box-sizing: border-box;
	font-size: 16px;
	color: #313131;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100%;
	border-radius: 0.2rem;
}

.close-box {
	position: absolute;
	top: 0.05rem;
	right: 0.7rem;
	width: 0.52rem;
	height: 0.52rem;
	background: url(../images/modal/close.png?1027) center no-repeat;
	background-size: 100%;
	cursor: pointer;
	z-index: 11;
}

.close-box.middle {
	top: unset;
	bottom: -0.8rem;
	right: 50%;
	margin-right: -0.26rem;
}

.m-btn{
	width: 3.72rem;
	height: 0.89rem;
	line-height: 0.89rem;
	background: url(../images/modal/btn.png?1027) center no-repeat;
	background-size: 100%;
	text-align: center;
	font-size: 0.42rem;
	color: #fff;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	text-shadow: 0.03rem 0.01rem 0.05rem #52525282;
}

.con-box{
	position: relative;
	width: 6.5rem;
	border-radius: 0.2rem;
	margin: 0 auto;
	background: #fff5ea;
}

.modal-box .con-box .con {
	width: 100%;
	min-height: 1.2rem;
	font-size: 0.3rem;
	align-items: center;
	margin: 0 auto;
	display: flex;
}

.modal-box .con-box .con .con-text {
	flex: 1;
	line-height: 1.5;
	padding: 0 0.3rem;
	color: #ee7657;
	text-align: center;
	font-size: 0.5rem;
	font-weight: bold;
}

.m-share{
	height: 90%;
	width: 74%;
}

.m-share .con-box{
	height: auto;
}

.shareimg{
	width: 5.45rem;
	float: right;
}

.m-sign {
	height: 70%;
	width: 100%;
}

.m-sign .con-box {
	position: relative;
	width: 6.54rem;
	background: url(../images/modal/m-bg.png?1) no-repeat #fff;
	background-size: 100%;
	margin: 0 auto;
	padding: 0.3rem 0.2rem 0.3rem 0.1rem;
	line-height: 1.7;
	border-radius: 0.2rem;
	z-index: 1;
}

.sign-items{
	width: 50%;
	margin: 0.15rem auto 0;
	color: #1c3287;
	font-size: 4.4vw;
	justify-content: space-between;
	display: flex;
}

.sign-items .item{
	position: relative;
	padding-left: 0.46rem;
	padding-right: 0.2rem;
}

.sign-items .item span{
	position: absolute;
	top: 50%;
	left: 0;
	width: 0.39rem;
	height: 0.39rem;
	background: #fff;
	background-repeat: no-repeat;
	background-size: 100%;
	border: 1px solid #1c3287;
	border-radius: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.sign-items .item.checked span{
	background-image: url(../images/modal/checked.png);
	border: none;
}

.m-tip {
	height: 70%;
	width: 100%;
}

.m-tip .con-box {
	position: relative;
	width: 6.54rem;
	background: url(../images/modal/m-bg.png?1) no-repeat #fff;
	background-size: 100%;
	margin: 0 auto;
	padding: 0.6rem 0.2rem 0.3rem 0.1rem;
	line-height: 1.7;
	border-radius: 0.2rem;
	z-index: 1;
}

.btn-qs {
	width: 4rem;
	margin: 0.1rem auto 0;
}

.m-fy {
	height: 90%;
	width: 100%;
}

.m-fy .con-box {
	position: relative;
	width: 6.78rem;
	height: 13.52rem;
	background: url(../images/modal/fy.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	padding: 1.95rem 0.2rem 0rem;
	line-height: 1.7;
	z-index: 1;
}

.m-fy .top-btn{
	position: absolute;
	top: 0;
	right: 0;
	width: 2.75rem;
	height: 1.05rem;
}

.m-fy .con-box {
	position: relative;
	width: 6.78rem;
	height: 13.52rem;
	background: url(../images/modal/fy.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	padding: 1.95rem 0.2rem 0rem;
	line-height: 1.7;
	z-index: 1;
}

.fy-search{
	position: relative;
	width: 6.35rem;
	height: 6.9rem;
	background: #fff;
	border-radius: 0.2rem;
	margin: 0 auto;
	padding: 0.25rem 0.22rem;
}

.m-fy .from-box{
	position: relative;
	width: 5.96rem;
	height: 1.7rem;
	background: url(../images/modal/fys.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	padding-top: 0.2rem;
}

.select-group{
	position: relative;
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
}

.select-group .name {
	position: absolute;
	width: 100%;
	height: 0.5rem;
	text-align: left;
	line-height: 0.5rem;
	font-size: 0.26rem;
	color: #e34c55;
	font-weight: bold;
}

.select-from,
.select-from1{
	position: absolute;
	left: 0;
	top:0;
	width: 2.45rem;
	height: 0.5rem;
}

.select-to,
.select-to1{
	position: absolute;
	right: 0;
	top:0;
	width: 2.45rem;
	height: 0.5rem;
}

.select-group .select-to .name{
	text-align: right;
}
.select-group .select-to1 .name{
	text-align: right;
}

.button{
	width: 5.94rem;
	margin: 0.45rem auto 0;
}

.modal-rule{
	margin: 0 auto 0;
	font-size: 0.21rem;
	color: #e34c55;
	border-bottom: 1px solid #e34c55;
	display: table;
}

.ljxq-hxlist{
	position: relative;
	width: 5.96rem;
	margin: 0.3rem auto 0;
	height: 1.6rem;
	overflow: hidden;
	overflow-y: auto;
}

.ljxq-hxlist.noData::before{
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -.205rem;
	left: 50%;
	transform: translateX(-50%);
	width: 5.2rem;
	height: .35rem;
	background-image: url(../images/modal/ck.png);
	background-size: 100%;
	background-repeat: no-repeat;
}
.ljxq-hxlist li{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 5rem;
	height: .54rem;
	margin: 0 auto .14rem;
	color: #fff;
	font-size: .28rem;
	background-color: #eac288;
}
.ljxq-hxlist li i{
	display: block;
	width: .24rem;
	height: .09rem;
	margin: 0 .1rem;
	background-image: url(../images/fyzy/jt.png);
	background-repeat: no-repeat;
	background-size: 100%;
	flex-shrink: 0;
}

.date-box{
	position: relative;
	width: 100%;
	height: 0.5rem;
	line-height: 0.5rem;
	margin-bottom: 0.6rem;
}
.date-box .name {
	position: absolute;
	width: 100%;
	height: 0.5rem;
	text-align: left;
	line-height: 0.5rem;
	font-size: 0.26rem;
	color: #e34c55;
	font-weight: bold;
	/* z-index: 2; */
}

.date-box input {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
	opacity: 0;
}

.m-wxts {
	height: 70%;
	width: 100%;
}

.m-wxts .con-box {
	position: relative;
	left: 0.2rem;
	width: 6.84rem;
	height: 4.57rem;
	background: url(../images/modal/tip.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	padding: 0.8rem 0.9rem 0rem 0.7rem;
	line-height: 1.7;
	z-index: 1;
}

.btn-gp {
	width: 3.99rem;
	margin: 0.1rem auto 0;
}

.m-code {
	height: 70%;
	width: 100%;
}

.m-code .con-box {
	padding: 1.7rem 0 0.3rem;
}

.code-name{
	color: #ad0e24;
	text-align: center;
	font-size: 0.45rem;
}

.m-pcode{
	position: relative;
	font-size: 0.42rem;
	font-weight: bold;
	margin: 0px auto;
	height: 0.54rem;
	line-height: 0.54rem;
	overflow: hidden;
	color: #333333;
	padding-right: 1.9rem;
	display: flex;
}

.m-pcode-title{
	width: 2.1rem;
	font-size: 0.32rem;
}

.m-pcode.m-pr{
	padding-right: 0rem;
}

.m-pcode-inp {
	position: relative;
	font-size: 0.3rem;
	border: 1px solid #f27a73;
	padding: 0 0.1rem;
	flex: 1;
}

.copybtn {
	position: absolute;
	top: 50%;
	right: 0;
	color: #fff;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 1.64rem;
	height: 0.55rem;
	line-height: 0.52rem;
	background: url(../images/modal/btn-copy.png?1027) center no-repeat;
	background-size: 100%;
	text-align: center;
	font-size: 0rem;
}

.m-prize-rule{
	font-size: 0.21rem;
	color: #313131;
	width: 5.8rem;
	word-break: break-all;
	margin: 0.2rem auto 0;
}

.m-invite {
	height: 50%;
	width: 100%;
}

.m-invite .con-box {
	padding: 0.3rem 0;
}

.m-invite2 {
	height: 50%;
	width: 100%;
}

.m-invite2 .con-box {
	padding: 0.3rem 0;
}

.m-gd {
	height: 70%;
	width: 100%;
}

.m-gd .con-box {
	position: relative;
	width: 7.09rem;
	height: 4.21rem;
	background: url(../images/modal/m-gd.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	padding: 1.4rem 0.2rem 0.6rem 0.1rem;
	line-height: 1.7;
	z-index: 1;
}

.m-ds {
	height: 70%;
	width: 100%;
}

.m-ds .con-box {
	position: relative;
	width: 7.09rem;
	height: 5.65rem;
	background: url(../images/modal/m-ds.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	padding: 1.2rem 0.5rem 0.6rem 0.5rem;
	line-height: 1.7;
	z-index: 1;
}

.m-jdl {
	height: 70%;
	width: 100%;
}

.m-jdl .con-box {
	position: relative;
	width: 7.09rem;
	height: 3.82rem;
	background: url(../images/modal/m-jdl.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	padding: 1.5rem 0.5rem 0.6rem 0.5rem;
	line-height: 1.7;
	z-index: 1;
}

.m-hx {
	height: 70%;
	width: 100%;
}

.m-hx .con-box {
	position: relative;
	width: 6.54rem;
	height: 7.83rem;
	background: url(../images/modal/m-hx.png?1) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
	padding: 0.8rem 0.2rem 0.2rem 0.2rem;
	line-height: 1.7;
	z-index: 1;
}

.hx-title{
	width: 5.74rem;
	line-height: 0.46rem;
	color: #303030;
	font-size: 0.23rem;
	text-align: center;
	border-radius: 0.23rem;
	background: #fcf3f6;
	margin: 0 auto;
}

.modal-box .list {
	width: 100%;
	margin: 0.18rem auto 0;
	border: 2px solid #fff;
	border-radius: 0.23rem;
	overflow: hidden;
}

.modal-box .list .list-con {
	width: 100%;
	height: 4.4rem;
	overflow-y: scroll;
}

.modal-box .list .list-con::-webkit-scrollbar {
	width: 2px;
	height: 2px;
	border-radius: 10px;
}

.modal-box .list .list-con::-webkit-scrollbar-thumb {
	background: #fcf3f6;
	border-radius: 8px;
	display: none;
}

.modal-box .list ul {
	width: 100%;
	height: 4.4rem;
	text-align: center;
	margin: 0 auto;
	flex-wrap: wrap;
	display: flex;
	align-content: flex-start;
	overflow: hidden;
	overflow-y: scroll;
}

.modal-box .list ul li {
	width: 50%;
	border-bottom: 1px solid #f49199;
	border-right: 1px solid #f49199;
	align-items: center;
	line-height: 0.5rem;
	font-size: 0.24rem;
	display: flex;
	background: #fcf3f6;
	color: #000000;
	justify-content: center;
}

.modal-box .list ul li:nth-child(2n){
	border-right: none;
}

.m-myPrize {
	height: 70%;
	width: 100%;
}

.m-myPrize .con-box {
	position: relative;
	width: 6.54rem;
	background: url(../images/modal/m-bg.png?1) no-repeat #fff;
	background-size: 100%;
	margin: 0 auto;
	padding: 0.3rem 0.27rem;
	line-height: 1.7;
	border-radius: 0.2rem;
	z-index: 1;
}

.stitle{
	position: relative;
	width: 3.49rem;
	height: 0.58rem;
	line-height: 0.54rem;
	background: url(../images/modal/stitle.png?1) no-repeat;
	background-size: 100%;
	margin: 0 auto;
	font-size: 0.46rem;
	font-weight: bold;
	color: #fff;
	padding-left: 0.18rem;
}

.prize-list{

}

.prize-list-head{
	line-height: 0.6rem;
	color: #203a8f;
	font-size: 0.36rem;
	text-align: center;
	font-weight: bold;
	display: flex;
}

.prize-ul{
	overflow: hidden;
	overflow-y: scroll;
	max-height: 4.8rem;
}

.prize-ul::-webkit-scrollbar {
	width: 3px;
	height: 2px;
	border-radius: 10px;
}

.prize-ul::-webkit-scrollbar-thumb {
	background: #203a8f;
	border-radius: 8px;
}

.prize-ul li{
	padding: 0.15rem 0;
	margin-bottom: 0.15rem;
	background: #ffeae0;
	border-radius: 0.2rem;
	align-items: center;
	color: #262626;
	display: flex;
}

.prize-ul li:last-child{
	margin-bottom: 0;
}

.prize-ul li .month{
	width: 40%;
	font-size: 0.34rem;
	font-weight: bold;
	text-align: center;
}

.prize-ul li .details{
	width: 60%;
	font-size: 0.3rem;
}

.m-plist .prize-ul{
	background: #ffeae0;
}

.m-plist .prize-ul li{
	padding: 0.1rem;
	margin-bottom: 0;
}

.prize_detail{
	color: #1782de;
	display: table;
}

.stxt{
	font-size: 0.22rem;
	color: #666666;
	margin-top: 0.3rem;
	word-break: break-word;
}

.m-numcard{
	height: 70%;
	width: 100%;
}

.m-numcard .con-box{
	position: relative;
	width: 6.4rem;
	min-height: 4.1rem;
	background: url(../images/modal/m-bg.png?1) no-repeat #fff;
	background-size: 100%;
	margin: 0 auto;
	padding: 0.3rem 0 0.3rem;
	line-height: 1.7;
	z-index: 1;
	border-radius: 0.2rem;
}

.m-wh{
	height: 70%;
	width: 100%;
}

.m-wh .con-box{
	position: relative;
	width: 6.4rem;
	background: url(../images/modal/m-bg.png?1) no-repeat #fff;
	background-size: 100%;
	margin: 0 auto;
	padding: 0.3rem 0 0.3rem;
	line-height: 1.7;
	z-index: 1;
	border-radius: 0.2rem;
}

.m-zy,.m-jx{
	height: 70%;
	width: 100%;
}

.m-zy .con-box,.m-jx .con-box{
	position: relative;
	width: 6.4rem;
	background: url(../images/modal/m-bg.png?1) no-repeat #fff;
	background-size: 100%;
	margin: 0 auto;
	padding: 0.3rem 0 0.3rem;
	line-height: 1.7;
	z-index: 1;
	border-radius: 0.2rem;
}

.m-zy .swiper-container,.m-jx .swiper-container{
	padding-bottom: 0.6rem !important;
}

.m-zy .swiper-container-horizontal>.swiper-pagination-bullets,.m-zy  .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 0;
}

.m-gz{ 
	height: 70%;
	width: 100%;
}

.m-gz .con-boxgz{
	position: relative;
	width: 6.4rem;
	background: url(../images/modal/m-bg.png?1) no-repeat #fff;
	background-size: 100%;
	margin: 0 auto;
	padding: 0.3rem 0 0.3rem;
	line-height: 1.7;
	z-index: 1;
	border-radius: 0.2rem;
}
.con-boxgz{
	height: 8rem;
}
.pimg{
	width: 3.8rem;
	height: 1.8rem;
	margin: 0 auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}

.ptitle{
	color: #262626;
	font-size: 0.3rem;
	text-align: center;
}

.prule{
	width: 92%;
	color: #737373;
	font-size: 0.24rem;
	margin: 0.2rem auto 0;
}

.pcode{
	position: relative;
	width: 5.9rem;
	margin: 0.15rem auto 0;
	color: #203a8f;
	font-size: 0.32rem;
	display: flex;
}

.pcode-txt{
	padding-right: 0.1rem;
	line-height: 0.6rem;
}

.pcode-inp{
	line-height: 0.6rem;
	flex: 1;
	border-radius: 0.3rem;
	background: #fff;
	border: 1px solid #203a8f;
	padding: 0 0.2rem;
	outline: 0;
}

.box-btns{
	width: 5.9rem;
	justify-content: space-between;
	line-height: 0.75rem;
	font-size: 0.36rem;
	text-align: center;
	margin: 0 auto;
	justify-content: center;
	display: flex;
}

.box-btns .btn {
	width: 2.81rem;
	height: 0.75rem;
	background-image: url(../images/modal/btn.png);
	background-size: 100% 100%;
	margin: 0 0.2rem;
	text-decoration: none;
	color: #fff;
}

.m-rule {
	height: 70%;
	width: 100%;
}

.m-rule .con-box {
	position: relative;
	width: 6.54rem;
	height: 6.98rem;
	background: url(../images/modal/m-bg.png?1) no-repeat #fff;
	background-size: 100%;
	margin: 0 auto;
	padding: 0.2rem 0.2rem 0.6rem 0.1rem;
	line-height: 1.7;
	border-radius: 0.2rem;
	z-index: 1;
}

.m-title{
	font-size: 0.5rem;
	font-weight: bold;
	color: #203a8f;
	text-align: center;
}

.m-txt-con {
	position: absolute;
	top: 1rem;
	bottom: 0.3rem;
	left: 0.3rem;
	right: 0.2rem;
	color: #000;
	z-index: 1;
}

.m-rule .txt::-webkit-scrollbar {
	width: 5px;
	height: 2px;
	border-radius: 10px;
}

.m-rule .txt::-webkit-scrollbar-thumb {
	background: #2a66d0;
	border-radius: 8px;
}

.modal-box .txt {
	height: 100%;
	padding-right: 0.1rem;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	word-break: break-all;
}
.modal-box .txtrlue {
	width: 6rem;
	margin: 0 auto;
	height: 92%;
	padding-right: 0.1rem;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	word-break: break-all;
	text-align: justify;
}

.modal-box a{
	word-break: break-all;
	text-decoration: underline;
}

/*侧边导航*/
.index-banner{
	position: relative;
	width: 100%;
	height: 4.2rem;
}

.Sidebar{
	width: 0.56rem;
	padding: 0.24rem 0;
	background: rgb(255 255 255 / 60%);
	box-shadow: -0.53vw 0.53vw 1.07vw 0 #2626261a;
	border-radius: 0.28rem;
	position: absolute;
	z-index: 99;
	right: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	color: #0d0d0d;
	font-size: 0.16rem;
	text-align: center;
	top: 0.74rem;
}

.Sidebar-line{
	margin: 0.12rem auto;
	width: 0.36rem;
	height: 1px;
	background: #00000020;
}

.icon img{
	width: 0.42rem;
	margin: 0 auto;
}

.zhihui{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

/*活动结束页面*/
.page-finish {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999999;
}

.page-content {
	position: absolute;
	left: 10%;
	top: 30%;
	width: 80%;
	line-height: 120px;
	background: #fff;
	text-align: center;
	font-size: 16px;
	color: #000;
	border-radius: 10px;
	z-index: 201;
}

/* .ruleBtnS{
	 position: relative;
}
.ruleBtnS:after {
  content: '';
  position: absolute;
  top: 2vw;
  right: -5vw;
  width: 0;
  height: 0;
  border-top: 2vw solid transparent;
  border-bottom: 2vw solid transparent;
  border-left: 3vw solid #3767b6;
} */

/* 口令红包 */
.klhb{
	position: fixed;
	right:0;
	bottom:10%;
	width: 20vw;
	height: 28vw;
	background-image: url(../images/klhb.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 999;
}
.klhb-top{
	display: block;
	width: 100%;
	height: 80%;
}
.klhb-close{
	display: block;
	width: 100%;
	height: 20%;
}