[v-cloak]{display:none}
body{
    /* background: #493db7; */
}
.wrap{
    padding-bottom: 2rem;
    height: auto;
    box-sizing: border-box;
}
.tophbimg{
    display: block;
    /* width: 7.56rem;
    height: 13.453rem; */
    width: 10rem;
    min-height: 2rem;
    background: #fff;
}
.timebox{
    color: #fff;
    font-size: 0.4rem;
	line-height: 0.722rem;
	color: #ffffff;
    text-align: center;
    margin: 0.49rem auto 0.667rem;
}
.timebox b{
    font-size: 0.533rem;
}
.w-conbox{
    width: 10rem;
    margin: 0 auto;
}
.w-conbox .nav{
    box-sizing: border-box;
    width: 4.467rem;
	height: 1.12rem;
    line-height: 1.12rem;
    font-size: 0.48rem;
	background-image: linear-gradient(180deg, 
		#ffa749 0%, 
		#ff7d4f 100%), 
	linear-gradient(
		#fff9e4, 
		#fff9e4);
	background-blend-mode: normal, 
		normal;
	box-shadow: 0rem 0rem 0.267rem 0rem 
		rgba(209, 52, 23, 0.54);
	border-radius: 0.253rem 0.253rem 0rem 0rem;
    text-align: center;
    color: #fff;
}
.w-conbox .wcon{
    box-sizing: border-box;
    width: 10rem;
    margin: 0 auto;
    background: #fff8f2;
    padding:0.65rem 0.33rem 1.653rem;
    border-radius: 0rem 0rem 0.267rem 0.267rem;
}
.w-conbox .wcon .item .num{
	font-size: 0.667rem;
	font-style: italic;
	line-height: 1.28rem;
	color: #bf400c;
}
.w-conbox .wcon .info .left img{
    vertical-align: middle;
    width: 0.933rem;
	height: 0.933rem;
    margin-right: 0.267rem;
    border-radius: 50%;
}
.w-conbox .wcon .info .left span{
    vertical-align: middle;
    font-size: 0.373rem;
	line-height: 0.667rem;
	color: #333333;
}
.w-conbox .wcon .info .right>p:nth-child(1){
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 0.373rem;
    width: 1.733rem;
	height: 0.667rem;
    line-height: 0.667rem;
	background-color: #ffe5c0;
	border-radius: 0.333rem;
    text-align: center;
}
.w-conbox .wcon .info .right p>i.heart{
    display: inline-block;
	width: 0.453rem;
	height: 0.413rem;
    background: url(/images/zhuanti/2021kaoshi/hearts.png) no-repeat;
    background-size: 100%;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 0.067rem;
}

.w-conbox .wcon .info .right>p:nth-child(2){ font-size: 0.293rem; line-height: 0.667rem; color: #666666; text-align: center; }
.w-conbox .wcon  .mywish{ box-sizing: border-box; width: 8.267rem; height: 3.733rem; background-color: #ffffff; border-radius: 0.107rem; border: solid 0.013rem rgba(243, 182, 131, 0.39); padding: 0.3rem 0.4rem; }
.w-conbox .wcon  .mywish h5{ font-size: 0.373rem; line-height: 0.52rem; font-weight: normal; color: #9664ff; margin-bottom: 0.3rem; }
.w-conbox .wcon  .mywish .txt{ font-size: 0.373rem; line-height: 0.52rem; color: #666666; }
.w-conbox .wcon  .rankinfo { line-height: 1.2rem; }
.w-conbox .wcon  .rankinfo .left{ font-size: 0.427rem; line-height: 1.2rem; color: #9664ff; }
.w-conbox .wcon  .rankinfo .right{ font-size: 0.32rem; color: #f3511a; }
.w-conbox .wcon  .rankinfo .right b{ font-size: 0.4rem; }
.w-conbox .wcon .rankinfo .photos { position: relative; display: flex; justify-content: flex-start; min-height: 1rem; }
.w-conbox .wcon  .rankinfo .photos img{ width: 1.067rem; height: 1.067rem; border-radius: 50%; margin-right: 0.3rem; }
.w-conbox .wcon  .rankinfo .photos .hbgorank{ position: absolute; right: 0;top: -0.18rem; }
.w-conbox .wcon .rankinfo .photos .hbgorank>p:nth-child(1) {
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 0.373rem;
    width: 1.733rem;
    height: 0.667rem;
    /* line-height: 0.667rem; */
    /* background-color: #ffe5c0; */
    border-radius: 0.333rem;
    text-align: center;
}
.w-conbox .wcon  .rankinfo .photos .hbgorank p>i.heart{ display: inline-block; width: 0.453rem; height: 0.413rem; background: url(/images/zhuanti/2021kaoshi/hearts.png) no-repeat; background-size: 100%; vertical-align: middle; margin-top: -3px; margin-right: 0.067rem; }
.w-conbox .wcon .rankinfo .photos .hbgorank>p:nth-child(2) {
    font-size: 0.293rem;
    line-height: 0.667rem;
    color: red;
    text-align: center;
}

.w-conbox .wcon .introduce {
    box-sizing: border-box;
    width: 8.267rem;
    min-height: 4.32rem;
    background-color: #fff8f2;
    border-radius: 0.267rem;
    border: solid 0.053rem #fadec7;
    padding: 0.5rem;
    margin-top: 0.4rem;
    margin: 0.4rem auto 0;
    font-size: 0.373rem;
}
.wrap .bfixed {
    transform: translateZ(0);
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 10rem;
    height: 2.213rem;
    background: rgb(33, 25, 73, 0.6);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 0.55rem;
    z-index: 55;
}
.wrap .bfixed .photos{ width: 0.933rem; height: 0.933rem; border-radius: 50%; }
.wrap .bfixed .rankbox{ vertical-align: middle; display: flex; align-items: center; justify-content: space-between; }

.wrap .bfixed .ranking{ display: inline-block; font-size: 0.32rem; line-height: 0.427rem; color: #fffffe; margin-left: 0.44rem; vertical-align: middle; }
.wrap .bfixed .ranking p b{ font-size: .533rem; }
.wrap .bfixed .btns{ width: 2.907rem; }
.wrap .bfixed .btns .btn{ box-sizing: border-box; display: inline-block; width: 2.907rem; height: 0.8rem; line-height: 0.85rem; border-radius: 0.4rem; text-align: center; }
.wrap .bfixed .btns .btn.btn1{ background-color: #ffffff; margin-bottom: 0.16rem; color: #f3511a; }
.wrap .bfixed .btns .btn.btn2{ background-image: linear-gradient(180deg, #ffa749 0%, #ff7d4f 100%), linear-gradient( #ffffff, #ffffff); background-blend-mode: normal, normal; box-shadow: 0rem 0rem 0.267rem 0rem rgba(209, 52, 23, 0.54); border-radius: 0.4rem; color: #fff; }

#mask{background: #000; opacity: .6; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 998;}
/*留言弹层*/
.mask{background: #000; opacity: .6; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 88;}
.free-pop {
    /* display: none; */
    position: fixed;
    width: 100%;
    background: #fff;
    z-index: 100;
    border-radius: 0.213rem 0.213rem 0 0;
    padding-bottom: 0.3rem;
    top: 50%;
left: 50%;transform: translate(-50%,-50%);}
.free-pop .xx{position: absolute; top: 0.4rem; right: 0.4rem; display: block; width: 0.373rem; height: 0.373rem; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNGJmOTc1Ny03OTE0LTQ4ZDctYjE0YS0zMjFmYzhhMTdhM2QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzBCNzczQzk3RkJDMTFFQUFEQUE4QTFEQjdFQzA5RTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzBCNzczQzg3RkJDMTFFQUFEQUE4QTFEQjdFQzA5RTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODI2OWEzMmEtZGE3OC1hMTQ2LTlhYzItNThlMWNjMjM1YzQ5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjI0YmY5NzU3LTc5MTQtNDhkNy1iMTRhLTMyMWZjOGExN2EzZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqNkCywAAAFPSURBVHjarNVNi4MwEAbgdaqs4ici6EEQitj//3ME6aFQPAgiigct6k43st1VayayczEa8kBi3kSapunjv0tmj6qq+r73PA8ADihd193vd1mWwzBE4YkWRXG73Rgdx7Goi2Kapo/HA9s47yiKgFmsu2maLMvGcTwmYrHGE/V9X5KkA+5CZNOfUcuyzuezqLsWkyRRVXVGsRzHEXI3RU3T2Ovrn9DdffEPSnS54hLluhQRS9pMFG6y6/X602WaJu5ftCjiW3Tt6rqOkaOIe+jafUV7V9xY0531JYocFAsHL46Cz+/aHwXczAzD8Ptj27bcvAExM6fTiZ43IKbwcrnQcwz0FNJzDEK5JrogmmuKC0Ii0QVRkeICu1iERK77RMuyFBXfuXgxz6hhGKxDSNx0FUV5nVIYvrquXdfl5nqzcGye57ZtB0HAOfoO15cAAwAPxJl4662hmgAAAABJRU5ErkJggg==') no-repeat; background-size: 100% auto;}
.free-pop .ptit{height: 1.333rem; line-height: 1.333rem; padding-top: 0.133rem; font-size: 0.533rem; font-weight: 700; vertical-align: middle; color: #e04701;}
.free-pop .ptit em{display: inline-block; width: 0.08rem; height: 0.66rem; vertical-align: middle; background-color: #f65514; margin: 0 0.16rem 0.1rem 0.24rem;}
.free-pop .txtbox .tareabox{box-sizing: border-box; font-size: 0.37rem; display: block;width: 9.125rem; height: 5.255rem; padding: 0.5rem; margin: 0 auto;background-color: #f5f5f7;border: solid 0.005rem rgba(213, 213, 213, 0.64);}
.free-pop .pcon{padding: 0 0.533rem;}
.free-pop .pcon .txt{position: relative; z-index: 1; line-height: 0.56rem; font-size: 0.34rem; padding-left: 1.333rem; margin-bottom: 0.4rem;}
.free-pop .pcon .txt-fd{position: absolute; top: 0; left: 0; display: block; font-size: 0.32rem;}
.free-pop .pcon .txt.mb{margin-bottom: 0.6rem;}
.free-pop .pcon .ewm{display: block; width: 2.933rem; height: 2.933rem; border: 0.133rem solid #efefef; margin: 0 auto 0.533rem;}
.free-pop .btn{display: block; width: 5.6rem; height: 1.067rem; line-height: 1.067rem; text-align: center; font-size: 0.427rem; color: #fff; border-radius: 0.533rem; margin: 0.5rem auto 0.533rem; background: -webkit-linear-gradient(left, #f23c2c, #ff8243); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left, #f23c2c, #ff8243); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left, #f23c2c, #ff8243); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #f23c2c, #ff8243); /* 鏍囧噯鐨勮娉� */}
.free-pop .qrbox{padding: 0.5rem 0.6rem; font-size: 0.32rem; height: 5.255rem;}
.free-pop .qrbox em{font-size: 0.42rem; color: #e04701; margin: 0 0.26rem;}
.free-pop .qrbox img{}
.free-pop .qrbox .qrbg{display: block; left: 50%; transform: translateX(-50%); height: 5.06rem; z-index: -1;}
.free-pop .qrbox .qr{display: block; height: 2.85rem; z-index: 0; left: 50%; transform: translateX(-50%); top: 2.8rem;}
.commmask.qrpopshow{
	width: 6.587rem;
	height: 6.013rem;
	background-color: #ffffff;
	border-radius: 0.107rem;
    text-align: center;
}
.commmask.qrpopshow .qr-t1{
	font-size: 0.32rem;
	line-height: 0.32rem;
	color: #333333;
    margin-top: 0.76rem;
}
.commmask.qrpopshow .qrimg{
	width: 2.267rem;
	height: 2.267rem;
    margin: 0.3rem auto;
}
.commmask.qrpopshow .qr-t2{
	font-size: 0.373rem;
	line-height: 0.32rem;
	color: #fd7a00;
    margin-top: 0.28rem;
}
.commmask.qrpopshow .qr-t3{
    font-size: 0.373rem;
	color: #333333;
}

.commmask.hbsharpop{
    width: 8.267rem;
	height: 9.333rem;
	background-color: #ffffff;
	border-radius: 0.107rem;

}
.commmask.hbsharpop h5{
    font-size: 0.373rem;
	line-height: 0.32rem;
	color: #fd7a00;
    margin: 0.5rem auto;
    text-align: center;
}
.commmask.hbsharpop .swiper-container .swiper-wrapper { 
    width: 6.5rem;
	height: 6.787rem;
    box-sizing: border-box;
}
.commmask.hbsharpop .swiper-slide {
    width: 3.653rem;
	height: 6.507rem;
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}
.commmask.hbsharpop .swiper-slide-active,.commmask.hbsharpop .swiper-slide-duplicate-active{
    transform: scale(1.2);
  }
.commmask.hbsharpop .swiper-slide img{
    width: 3.653rem !important;
	/* height: 6.507rem !important; */
	height: auto !important;
}
.commmask.hbsharpop .swiper-slide-active,.swiper-slide-duplicate-active{ transform: scale(1); }
.commmask.hbsharpop .swiper-button-prev{
    width: 1.013rem;
    height: 1.013rem;
    background: url(/images/zhuanti/2021kaoshi/pic7s.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: 0;
} 
.commmask.hbsharpop .swiper-button-next{
    width: 1.013rem;
    height: 1.013rem;
    background: url(/images/zhuanti/2021kaoshi/pic7.png) no-repeat;
    background-size: 100%;
    right: 0;
}
.commmask.hbsharpop .swiper-slide{

}
.commmask.hbsharpop .swiper-slide .swiper-slide-active{

}
.commmask.hbsharpop .swiper-slide-prev,
.commmask.hbsharpop .swiper-slide-next{
    opacity: 0.4;
}
.commmask.hbsharpop .swiper-slide-prev{
    margin-right: -0.2rem;
    margin-left: 0.2rem;
}
.commmask.hbsharpop .swiper-slide-next{
    margin-left: -0.2rem;
}

/*规则弹框*/
.gzTk{ width: 8.133rem; background: #fff; top: 50%; left: 50%; border-radius: 0.24rem; position: fixed; margin: 0 0 0 -4.067rem; z-index: 99;}
.gzTk .xx{ display: block; position: absolute; top: -0.267rem; right: -0.267rem; width: 0.667rem; height: 0.667rem; background: url(/images/zhuanti/20210618/icon_14.png) no-repeat; background-size: 100% 100%;}
.gzTk .tit{ height: 1.333rem; line-height: 1.333rem; font-size: 0.48rem; font-weight: 700; color: #f26208; text-align: center; background: #fff1d6; border-radius: 0.267rem 0.267rem 0 0;}
.gzTk .tsbox{ padding: 0.747rem 0.4rem 0; margin-bottom: 0.667rem; line-height: 0.587rem; font-size: 0.4rem; text-align: center;}
.gzTk .txtbox{ padding: 0.4rem 0.4rem 0; margin-bottom: 0.4rem; max-height: 7.733rem; overflow: auto; overflow-x: hidden;}
.gzTk .txtbox .txt{ line-height: 0.693rem; font-size: 0.4rem; margin-bottom: 0.267rem;}
.gzTk .bhan{ display: block; width: 5.067rem; height: 0.933rem; text-align: center; line-height: 0.933rem; font-size: 0.4rem; color: #fff; font-weight: 700; background: #f26208; border-radius: 0.467rem; margin: 0 auto 0.533rem; -webkit-box-shadow:0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); -moz-box-shadow:0 0.04rem 0.08rem rgba(227, 4, 45, 0.65); box-shadow:0 0.04rem 0.08rem rgba(227, 4, 45, 0.65);}

.hbtxt{
    width: 100%;
    line-height: .933rem;
    font-size: .373rem;
    color: red;
    text-align: center;
}


.swiper-button-prev{
    width: 1.013rem;
    height: 1.013rem;
    background: url(/images/zhuanti/2021kaoshi/pic7s.png) no-repeat;
    background-size: 100%;
    top: 50%;
    left: 0;
} 
.swiper-button-next{
    width: 1.013rem;
    height: 1.013rem;
    background: url(/images/zhuanti/2021kaoshi/pic7.png) no-repeat;
    background-size: 100%;
    right: 0;
}