* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


/*纵向排列 居中*/

.flex-column-middle {
    display: flex;
    align-items: center;
    flex-direction: column;
}


/*横向排列 居中*/

.flex-row-center {
    display: flex;
    align-items: center;
    justify-content: center;
}


/*横向排列 无居中*/

.flex {
    display: flex;
    flex-direction: row;
}


/*between flex 换行*/

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

.flex-left-wrap {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
}


/*between flex 无换行*/

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

.clear:after {
    display: block;
    content: '';
    clear: both;
}


/*点击按钮无边框*/

input,
button,
a {
    outline: 0 none !important;
    blr: expression(this.onFocus=this.blur());
}


/*font*/

.font60-500 {
    font-size: 0.6rem;
    font-weight: 500;
}

.font36-500 {
    font-size: 0.36rem;
    font-weight: 500;
    line-height: 0.36rem;
}

.font36-400 {
    font-size: 0.36rem;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.font32-500 {
    font-size: 0.32rem;
    font-weight: 500;
}

.font30-500 {
    font-size: 0.3rem;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
}

.font26-400 {
    font-size: 0.26rem;
    font-weight: 400;
}

.font28-400 {
    font-size: 0.28rem;
    font-weight: 400;
}

.font30-400 {
    font-size: 0.3rem;
    font-weight: 400;
}

.font40-500 {
    font-size: 0.4rem;
    font-weight: 500;
}

.font24-400 {
    font-size: 0.24rem;
    font-weight: 400;
}

.font22-400 {
    font-size: 0.22rem;
    font-weight: 400;
    line-height: 0.22rem;
}

.font20-400 {
    font-size: 0.2rem;
    font-weight: 400;
}


/*font end*/

.neirong {
    margin: 0 0.3rem 0.8rem;
}


/*轮播*/

.neirong .swiper-container {
    width: 6.9rem;
    height: 2.7rem;
}

.swiper-pagination.swiper-pagination-custom {
    bottom: 0.16rem;
    left: 0;
    width: 100%;
}

.swiper-pagination-customs {
    margin: 0 4px;
}

.swiper-pagination-customs {
    width: 0.15rem;
    height: 0.06rem;
    background: rgba(255, 255, 255, 0.6);
    opacity: 1;
    display: inline-block;
    border-radius: 0.06rem;
}

.swiper-pagination-customs-active {
    width: 0.25rem;
    height: 0.06rem;
    background: rgba(255, 255, 255, 1);
    opacity: 1;
    display: inline-block;
    border-radius: 0.06rem;
}

.lunbo {
    margin-top: 0.16rem;
}

.banner-img {
    width: 6.9rem;
    height: 2.7rem;
}


/*轮播结束*/


/*tab*/

.over-tab {
    width: 6.9rem;
    height: 1rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 0.16rem;
    margin: 0.3rem 0 0 0;
    line-height: 1rem;
    padding: 0 0.39rem;
    color: rgba(153, 153, 153, 1);
}

.vertical-line {
    width: 0.01rem;
    height: 0.24rem;
    background: #E6E6E6;
    margin: auto;
}

.tab-list img {
    width: 0.36rem;
    height: 0.36rem;
    margin-right: 0.08rem;
    vertical-align: middle;
    position: relative;
    top: -0.03rem;
}

.tab-list.active {
    color: rgba(0, 154, 241, 1);
    font-weight: 500;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
}

.tab-list {
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    position: relative;
}

.tab-reduced {
    position: absolute;
    right: -0.36rem;
    /*top: 0.26rem;*/
    top: 0.1rem;
}


/*tab结束*/


/*ceil*/

.ceil {
    width: 6.9rem;
    /* height: 6.96rem; */
    background: rgba(255, 255, 255, 1);
    margin: 0 auto;
    padding: 0 0.3rem 0.3rem;
}

.login-num {
    width: 6.3rem;
    height: 1.4rem;
    background: rgba(235, 247, 254, 1);
    border-radius: 0.16rem;
    color: rgba(0, 154, 241, 1);
    padding: 0.24rem 0 0 0.34rem;
}

.horizontal-line {
    width: 4.2rem;
    height: 0.01rem;
    background: #009AF1;
    margin-top: 0.15rem;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
}

.font-num {
    margin-top: 0.2rem;
    border-bottom: 0.01rem solid;
    width: 4.2rem;
    padding-bottom: 0.14rem;
    height: 0.5rem;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
}


/*ceil结束*/


/*bao*/

.bao-list {
    width: 1.96rem;
    height: 1.2rem;
    border-radius: 0.16rem;
    /*border:0.02rem solid rgba(230,230,230,1);*/
    border: 0.02rem solid rgba(0, 154, 241, 1);
    text-align: center;
    position: relative;
    margin-right: 0.2rem;
    margin-bottom: 0.2rem;
}

.bao .bao-list:nth-child(3n) {
    margin-right: 0;
}

.title {
    /*margin: 0.48rem 0 0.28rem 0;*/
    margin: 0.28rem 0 0.28rem 0;
    color: rgba(51, 51, 51, 1);
}

.bao-list .minite {
    margin: 0.25rem 0 0 0;
    font-family: PingFangSC, PingFangSC-Medium;
}

.bao-list .price {
    color: rgba(153, 153, 153, 1);
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
}

.bao-list>div>span {
    text-decoration: line-through;
    margin-left: 0.12rem;
    color: #CACACA;
}


/*bao结束*/


/*business-hint*/

.business-hint {
    color: rgba(0, 154, 241, 1);
    height: 1.18rem;
    line-height: 1.18rem;
    text-align: center;
    width: inherit;
}

.business-hint .font.active {
    font-size: 0.28rem;
    font-weight: 600;
}

.blue-line {
    width: 1px;
    height: 0.24rem;
    background: #009AF1;
    margin: auto 0.24rem;
    ;
}


/*business-hint结束*/


/*detail*/

.detail {
    width: 6.9rem;
    /*height:7.4rem;*/
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
    border-radius: 0.16rem;
    padding: 0.48rem 0.3rem 0.6rem;
}

.detail-title {
    margin-bottom: 0.2rem;
}

.detail>p {
    color: rgba(102, 102, 102, 1);
    margin-bottom: 0.14rem;
}

.mar-top26 {
    margin-top: 0.4rem;
}


/*detail结束*/


/*弹窗公共样式*/

.gray-layer {
    position: fixed;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    z-index: 99;
}

.flow-more-alert {
    top: 50%;
    left: 50%;
    /*width: 81%;*/
    position: fixed;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}


/*公共样式已结束*/


/*提示弹窗*/

.hint-win {
    border-radius: 0.16rem;
    width: 5.6rem;
    height: 2.89rem;
    background: rgba(255, 255, 255, 1);
    text-align: center;
    padding: 0.28rem 0 0 0;
    position: relative;
}

.hint-win2 {
    height: 3.4rem;
}

.hint-title {
    margin: 0 auto 0.3rem;
}

.hint-content {
    color: rgba(102, 102, 102, 1);
    margin: 0 0.3rem;
}

.over-hint-btn {
    height: 0.96rem;
    line-height: 0.96rem;
    border-top: 0.01rem solid rgba(230, 230, 230, 1);
    position: absolute;
    bottom: 0;
}

.hint-btn.active {
    color: rgba(0, 154, 241, 1);
}

.hint-btn {
    width: 2.8rem;
}

.hint-btn:nth-child(1) {
    border-right: 0.01rem solid rgba(230, 230, 230, 1);
}

.hint-btn.ensure {
    width: 5.6rem;
}


/*提示弹窗end*/


/*蒙层公共样式*/

.mengcen {
    background: rgba(0, 0, 0, 0.6);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}


/*蒙层公共样式结束*/


/*提交订单弹窗*/

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

.area {
    width: 7.5rem;
    background: #fff;
    position: fixed;
    bottom: 0;
}

.submit-area {
    padding: 0.48rem 0.3rem 0.39rem 0.3rem;
    border-radius: 0.16rem 0.16rem 0 0;
}


/*兼容ipX*/

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .area {
        padding-bottom: 0.64rem !important;
    }
}

.win-close-img {
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
}

.menc-div>ul {
    margin-top: 0.6rem;
}

.order-key {
    color: #666;
}

.menc-div>ul li {
    margin-bottom: 0.36rem;
}

.order-tab {
    border-bottom: 0.01rem solid #E6E6E6;
    padding-bottom: 0.19rem;
}

.order-tab div {
    margin-right: 0.6rem;
    position: relative;
}

.order-tab div.active {
    color: #009AF1;
    font-weight: 500;
}

.s-blue-line {
    width: 0.48rem;
    height: 0.04rem;
    background: rgba(0, 154, 241, 1);
    border-radius: 0.03rem;
    position: absolute;
    top: 0.19rem;
    left: 0.39rem;
}

.order-content {
    margin: 0.3rem 0;
    height: 2.6rem;
    overflow: auto;
}

.order-btn {
    width: 6.9rem;
    height: 0.94rem;
    background: rgba(0, 154, 241, 1);
    border-radius: 0.47rem;
    color: rgba(255, 255, 255, 1);
    line-height: 0.94rem;
    border: 0;
}

.have-read-img {
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.12rem;
    position: relative;
    top: 0.05rem;
}

.has-read {
    margin-top: 0.3rem;
    text-align: center;
}

.no-read {
    width: 0.24rem;
    height: 0.24rem;
    border: 0.02rem solid #B3B3B3;
    border-radius: 0.24rem;
    display: inline-block;
    margin-right: 0.12rem;
    position: relative;
    top: 0.05rem;
}


/*提交订单弹窗已结束*/


/*验证码弹窗*/

.verify-area {
    padding: 0.48rem 0.3rem 0.32rem 0.3rem;
    border-radius: 0.16rem 0.16rem 0 0;
}

.verify-btn {
    width: 6.9rem;
    height: 0.94rem;
    background: rgba(255, 255, 255, 1);
    border-radius: 0.47rem;
    border: 0.02rem solid rgba(0, 154, 241, 1);
    margin: 0.8rem 0 0.4rem;
    line-height: 0.94rem;
}

.verify-img {
    width: 0.36rem;
    height: 0.36rem;
    margin: 0.29rem 0.12rem 0 0.42rem;
}

.verity-input {
    border: 0;
    position: relative;
    top: 0.22rem;
    height: 0.5rem;
    width: 4.1rem;
    background: transparent;
}

.get-verity {
    color: rgba(0, 154, 241, 1);
    margin-right: 0.4rem;
}

.time-gray {
    color: #999;
}


/*验证码弹窗end*/

.new-content {
    width: 6.9rem;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.08);
    border-radius: 0.16rem;
}

.login-num .font22-400 {
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
}


/*add*/

.inform {
    width: 6.9rem;
    height: 0.72rem;
    background: rgba(255, 69, 33, 0.1);
    border-radius: 0.16rem;
    margin: 0.3rem 0;
}

.tongzhi-img {
    float: left;
    width: 0.36rem;
    height: 0.36rem;
    margin: 0.18rem 0.16rem 0.18rem 0.2rem;
}

.tongzhi-font {
    font-size: 0.26rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #ff4512;
    line-height: 0.74rem;
    white-space: nowrap;
}

.over-font {
    width: 6.18rem;
    overflow: auto;
    height: 0.9rem;
}

.hidden-scroll {
    height: 0.72rem;
    overflow: hidden;
}

.add-ggfloat {
    padding-top: 0.75rem;
}

.remind-ggfloat {
    /* width: 100%;
	position: fixed;
	top: 0;
	background: #fff; */
    line-height: 0.72rem;
}

.draw-prize-box {
    float: right;
    color: #009AF1;
    width: 89%;
    /* height: 0.352rem; */
    /* line-height: 0.352rem; */
    /* margin: 0.235rem 0 0; */
    font-size: 0.28rem;
    position: relative;
    overflow: hidden;
    /* padding-left:0.7rem; */
}

.scroll {
    /*width的大小是根据下面li的长度和多少个li而定的，需注意！*/
    width: 290px;
    position: absolute;
    left: 0px;
    top: 0px;
    padding-bottom: 0.058rem;
    overflow: hidden;
}

.scroll li {
    float: left;
    /* min-width: 32.35rem;
	float: left;
	line-height: 0.376rem;
	text-align: center; */
}


/* 预存赠费轻合约广告位弹窗 */

.prestore-grant-mask {
    width: 100%;
    position: fixed;
    bottom: 0;
    top: 0;
    z-index: 999;
    background: rgba(0, 0, 0, 0.6);
}

.grant-remind-box {
    width: 6rem;
    left: 50%;
    top: 50%;
    position: fixed;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.grant-remind-box .grant-remind-area img {
    width: 100%;
    display: block;
}

.grant-remind-box .grant-remind-close span {
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(../img/close_icon.png) no-repeat;
    background-size: 100%;
    margin: 0.2rem auto 0;
}

.link_agree {
    color: #009AF1;
}

.link_agree a {
    color: #009AF1!important;
    text-decoration: underline!important;
}


/* 2021年10月27日 add */
.smalert-mask,.prizealert-mask{
	width:100%;
	position: fixed;
	bottom:0;
	top:0;
	z-index: 999;
	background:rgba(0,0,0,0.6);
}
.bag-alert-box{
	width:6.6rem;
	left:50%;
	top:50%;
	position: fixed;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.headbag{
    width: 6.6rem;
    height: 2.25rem;
    background: url(../img/headbagbj.png) no-repeat;
    background-size: 6.6rem 2.25rem;
}
.alertcontent{
    width: 6.6rem;
    height: 5.92rem;
    background: #fffbe5;
    border-radius: .24rem;
    position: relative;
    padding: 1.1rem 0 1.98rem;
    box-sizing: border-box;
}
.txtcontent{
    width: 5.8rem;
    height: 2.84rem;
    margin: 0 auto;
    font-size: .28rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #212121;
    line-height: .4rem;
    overflow-y: scroll;
}
/*滚动条样式*/
.txtcontent::-webkit-scrollbar {
    /* background: #9f7949;
    border-radius: 0.03rem; */
}

/*滚动条里面小方块*/
.txtcontent::-webkit-scrollbar-thumb {
    /* width: 0.06rem;
    height: .4rem; */
    background: #9f7949;
    border-radius: 0.03rem;
}
.bag-closeicon{
    width: .36rem;
    height: .36rem;
    position: absolute;
    right: .24rem;
    top: .24rem;
}
.maintitle{
    width: 4.4rem;
    height: .8rem;
    position: absolute;
    left: 1.1rem;
    top: 0;
}
.bagcoin{
    width: 6.6rem;
    height: 1.6rem;
    position: absolute;
    left: 0;
    top: -1.15rem;
}
.txtsponsor{
    font-size: .26rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #ff4512;
    line-height: .26rem;
    margin: .16rem 0 .28rem 0;
}
.txtbold{
    font-size: .28rem;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: left;
    color: #212121;
    line-height: .28rem;
    margin-bottom: .24rem;
}
.fixbox{
    height: 1.98rem;
    padding-top: .3rem;
    box-shadow: 0 -.08rem .24rem 0 rgba(0,0,0,0.10);
}
.radio_info {
    margin: 0 .4rem .3rem;
    font-size: .26rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: left;
    color: #212121;
    line-height: .26rem;
}

.radio_info em {
    font-style: normal;
    text-decoration: underline;
    color: #ff4512;
}
.radio_info input[type=checkbox] {
    background: url(../img/checkbox_checkedgray_icon.png) center center no-repeat;
    background-size: .22rem;
    margin-right: .1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    right: 0;
    /* top: 1px; */
    bottom: 0;
    left: 0rem;
    height: 16px;
    width: 16px;
    vertical-align: -0.05rem;
    transition: all .15s ease-out 0s;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    outline: none;
}

.checkbj {
    background-image: url(../img/checkbox_checked_icon.png)!important;
}
.btnnopartake{
    width: 2.8rem;
    height: .72rem;
    background: #f9ddbb;
    border-radius: .36rem;
    box-shadow: 0 -.04rem 0 0 #ffc680 inset;
    font-size: .3rem;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    color: #ed7133;
    line-height: .72rem;
}
.btnpartake{
    width: 2.8rem;
    height: .72rem;
    background: linear-gradient(180deg,#f7aa62, #ed7133);
    border-radius: .36rem;
    box-shadow: 0 -.04rem 0 0 #ffb370 inset;
    font-size: .3rem;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    color: #fff0e0;
    line-height: .72rem;
}

.prizecontent{
    width: 6.6rem;
    height: 6.6rem;
    background: #fffbe5;
    border-radius: .24rem;
    position: relative;
    padding: 1.17rem 0 .4rem;
    box-sizing: border-box;
    font-size: .32rem;
    font-family: PingFangSC, PingFangSC-Medium;
    font-weight: 500;
    text-align: center;
    color: #212121;
    line-height: .32rem;
}
.prizeimg{
    width: 3.6rem;
    height: 3rem;
    margin-bottom: .19rem;
}
.prizetips{
    font-size: .28rem;
    font-family: PingFangSC, PingFangSC-Regular;
    font-weight: 400;
    text-align: center;
    color: #666666;
    line-height: .28rem;
    margin: .2rem auto .32rem;
}

/* 广告 */
.adv-show{
	width: 6.9rem;
	height: 1.5rem;
	background: #ffffff;
	border-radius: 0.16rem;
	box-shadow: 0px 2px 0.2rem rgba(0,0,0,0.08); 
	margin-top:0.3rem;
	overflow: hidden;
	position: relative;
}
.adv-show-area{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: flex-start;
	-ms-flex-pack: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	height: 1.5rem;
	box-sizing: border-box;
	padding:0 0.2rem;
}
.adv-show-area span{
	width: 0.5rem;
	height: 0.25rem;
	position: absolute;
	right:0;
	top:0;
}
.adv-show-area span img{
	width: 100%;
	display: block;
}
.adv-icon{
	height:1.13rem;
	border-radius: 0.16rem;
	overflow: hidden;
}
.adv-icon img{
	width: 2rem;
	height: 100%;
	display: block;
}
.adv-content{
	width: 65%;
	margin-left:0.3rem;
}
.adv-content h3{
	font-size: 0.3rem;
	font-family: PingFangSC, PingFangSC-Medium;
	font-weight: 500;
	text-align: left;
	color: #212121;
	line-height: 0.3rem;
}
.adv-content p{
	font-size: 0.24rem;
	font-family: PingFangSC, PingFangSC-Regular;
	font-weight: 400;
	text-align: left;
	color: #999999;
	line-height: 0.24rem;
	margin-top:0.2rem;
}