.banner_swiper{
    width: 3.48rem;
    height: 1.47rem;
}
.banner_swiper img{
    display: block;
    width: 3.48rem;
    height: 1.47rem;
}
.banner-pagination{
    bottom:-0.15rem!important;
}
.banner-pagination>span{
    width: 7px;
    height: 7px;
    background: #ADB0B8;
    opacity: 0.71!important;
    border-radius: 50%;
}
.banner-pagination>span.swiper-pagination-bullet-active{
    width: 17px;
    height: 7px;
    background: #4C4C4C;
    border-radius: 3px 3px 3px 3px;
    opacity: 0.71!important;
}
.zxhd-top-nav{
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top:0.22rem;
}
.zxhd-top-nav>a{
    display: flex;
    font-size: 0.1rem;
    color: #333333;
    background-size: auto 0.22rem!important;
    background-position-x: center!important;
    padding-top:0.32rem;
}
.zxhd-top-nav>a.cloud{
    background: url("img/cloud.png") no-repeat;
}
.zxhd-top-nav>a.zy{
    background: url("img/zuyong.png") no-repeat;
}
.zxhd-top-nav>a.znjz{
    background: url("img/jz.png") no-repeat;
}
.zxhd-top-nav>a.yaq{
    background: url("img/anquan.png") no-repeat;
}

.domain_swiper{
    width: 3.61rem;
    height: 0.95rem;
}
.domain_swiper img{
    display: block;
    width: 3.61rem;
    height: 0.95rem;
}
.domain_swiper .textBox{
    position: absolute;
    left: 0;
    right: 0;
    bottom:0;
    top:0;
    z-index: 2;
    display: flex;flex-direction: column;
    padding-top: 0.16rem;
    padding-left: 0.2rem;
}
.ym-title{
    font-size: 0.18rem;
    font-weight: 400;
    color: #333333;
}
.ym-title span{
    color:#EE232E;
}
.ym-a{
    font-size: 0.13rem;
    font-weight: 400;
    margin-top: 10px;
    color: #7E7E7E;
}
.banner-pagination{
    bottom:-0.15rem!important;
}
.banner-pagination>span{
    width: 7px;
    height: 7px;
    background: #ADB0B8;
    opacity: 0.71!important;
    border-radius: 50%;
}
.domain-pagination{
    bottom:-0.25rem!important;
}
.domain-pagination>span{
    width: 5px;
    height: 5px;
    background: #D7D5D5;
    opacity: 1!important;
    border-radius: 50%;
}
.domain-pagination>span.swiper-pagination-bullet-active{
    width: 20px;
    height: 5px;
    background: #B3B3B3;
    border-radius: 3px 3px 3px 3px;
    opacity: 1!important;
}
.module-title-desc{
    display: flex;
    justify-content: center;
    text-align: center;
    font-size:0.1rem;
    color: #444444;
    margin-bottom:0.2rem;
}

.productListBox{
    background: white;
    border-radius: 13px 13px 13px 13px;
    display: flex;
    flex-direction: column;
    margin-bottom:0.12rem;
}
.productListBox>.productTitleBox{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background: url("img/select-down.png") no-repeat right;
    background-size: 0.14rem 0.08rem;
    background-position-x: calc(100% - 0.25rem);
    padding:0.12rem 0.25rem;
    font-size: 0.13rem;
    color: #444444;
    transition: 0.3s;
    position: relative;
}
.productListBox.on>.productTitleBox{
    background: url("img/select-up.png") no-repeat right;
    background-size: 0.14rem 0.08rem;
    background-position-x: calc(100% - 0.25rem);
}
.productListBox>.productTitleBox .tags{
    font-size: 0.1rem;
    color:#868585;
    display: none;
}
.productListBox.on>.productTitleBox .tags{
    display: block;
}
.productListBox .productBodyBox{
    padding:0.12rem 0.25rem 0.25rem 0.25rem;
    display: none;
    position: relative;
}
.productListBox .cloudBody>div{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 0.12rem;
    color:#4C4C4C;
    padding-bottom:0.06rem;
    border-bottom:1px solid #D8DBE4;
    margin-bottom:0.1rem;
    /*padding-right: 0.4rem;*/
    position: relative;
}
.cloudBody>div:first-child{
    padding-right: 0.4rem;
}
.productListBox .cloudBody>div:before{
    content:attr(data-font);
    color:#4C4C4C;
    position: absolute;
    left: 0;
}
.productListBox .hostBody{
    padding-top:0.12rem;
}
.productListBox .hostBody>div{
    display: flex;
    align-items: center;
    font-size: 0.12rem;
    color:#4C4C4C;
    padding-bottom:0.06rem;
    /*border-bottom:1px solid #D8DBE4;*/
    margin-bottom:0.1rem;
    /*padding-right: 0.4rem;*/
    position: relative;
}
.productListBox .hostBody>div:before{
    content:attr(data-font);
    color:#4C4C4C;
    width: 0.9rem;
    min-width: 0.9rem;
}
.cloud-tags{
    position: absolute;
    font-size: 0.1rem;
    color: #FFFFFF;
    padding:0 0.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.15rem;
    background: #EE232E;
    border-radius: 3px 3px 3px 3px;
    top:-0.02rem;
}
.cloud-list .productListBox .productBodyBox{
    padding-top:0.25rem;
}
.host-list .productBodyBox:before{
    content:"";
    display: block;
    top:0;
    position: absolute;
    height: 1px;
    left: 0.25rem;
    right: 0.25rem;
    background: #D8DBE4;
}
.host-list .select-custom-style{
    background: #DFDFDF;
}
.host-list  .select-custom-style .select-title:after{
    right: 0.1rem;
}
.cloud-list .select-custom-style ul li{
    justify-content: flex-end;
    padding-right: 0.4rem;
}
/*下拉框样式*/
.select-custom-style{
    width: 100%;
    height: 0.23rem;
    /*background: #F7F7F7;*/
    /*border-radius: 3px;*/
    opacity: 1;
    position: relative;
}
.select-custom-style .select-title{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 0.1rem;
    display: flex;
    align-items: center;
    font-size: 0.12rem;
    font-weight: 400;
    color: #4C4C4C;
    /*background: url("img/select-down.png") no-repeat center;*/
    /*background-position-x: calc(100% - 11px)!important;*/
    padding-right: 0.4rem;
    cursor: pointer;
    position: relative;
}
.cloudBody .select-title{
    justify-content: flex-end;
}
.select-custom-style .select-title:after{
    content:'';
    display: block;
    background: url("img/select-down-2.png") no-repeat;
    width: 0.13rem;
    height: 0.07rem;
    position: absolute;
    right: 0;
    transition: 0.3s;
    /*pointer-events: none;*/
    background-size: cover;
}
.select-custom-style .select-title.show:after{
    transform: rotate(180deg);
    /*background: url("img/select-up.png") no-repeat center;*/
}
.select-custom-style ul{
    padding:0;
    margin:0;
    list-style: none;
    position: absolute;

    font-size: 0.12rem;
    font-weight: 400;
    color: #181818;
    min-width: 100%;
    /*background: #F7F7F7;*/
    background: white;
    border-radius: 3px;
    margin-top:5px;
    z-index: 10;
    overflow: auto;
    max-height: 40vh;
    /*box-shadow: 0 6px 6px rgba(0, 0, 0, 0.13);*/
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.13);
    display: none;
}
.select-custom-style ul li{
    padding-left: 0.15rem;
    cursor: pointer;
    height: 27px;
    display: flex;
    align-items: center;
    white-space: nowrap;
}
.select-custom-style ul li:first-child{}
/*.select-custom-style ul li:hover{*/
/*    color:#6570E5;*/
/*    transition: 0.3s;*/
/*}*/
.select-custom-style ul li.on,.select-custom-style ul li:hover{
    background: #2468F2;
    color:white!important;
    transition: 0.2s;
}
/*下拉框样式END*/
.priceRow{
    display: flex;
    /*align-items: flex-end;*/
}
.priceRow .price{
    color:#EE232E;
    font-size: 0.25rem;
    /*display: inline-flex;*/
}
.priceRow .price:before{
    content:attr(data-font);
    font-size: 0.17rem;
}
.priceRow .price:after{
    content:attr(data-unit);
    font-size: 0.17rem;
}
.priceRow .oldPrice{
    text-decoration: line-through;
    color:#999999;
    font-size: 0.15rem;
    height: 0.3rem;
    display: inline-flex;
    align-items: flex-end;
    margin-left:0.12rem;
}
.productListBox .zxhd-buyBtn{
    display: flex;
    align-items: center;
    justify-content: center;
    color:#333333;
    font-size: 0.13rem;
    border: 1px solid #333333;
    border-radius: 19px;
    height: 0.38rem;
    margin-top:0.1rem;
}

.zxhd-b-title {
    /*height: 14px;*/
    font-size: 0.15rem;
    font-weight: 400;
    color: #2D3241;
}

.zxhd-b-desc {
    font-size: 0.11rem;
    font-weight: 400;
    color: #2D3241;
    margin-top:0.05rem
}

.zxhd-b-desc span {
    color: #EE232E;
}
.zxhd-b-a{
    margin-top:0.1rem;
    display: flex;
    font-size: 0.09rem;
    font-weight: 400;
    color: #827F7F;
}
.zxhd-b-a > a {
    font-size: 0.09rem;
    font-weight: 400;
    color: #827F7F;
}

.zxhd-b-a > a:hover {
    color: #EE232E;
}

.more-position > div:nth-child(3n) {
    margin-right: 0;
}

.more-position .zxhd-bottom-1 {

    background: url("img/zxhd_icon_1.png?v=1.2.3.5&") no-repeat center;
    background-size: cover;
}

.more-position .zxhd-bottom-2 {

    background: url("img/zxhd_icon_2.png?v=1.2.3.5&") no-repeat center;
    background-size: cover;
}

.more-position .zxhd-bottom-3 {

    background: url("img/zxhd_icon_3.png?v=1.2.3.5&") no-repeat center;
    background-size: cover;
}

.more-position .zxhd-bottom-4 {

    background: url("img/zxhd_icon_4.png?v=1.2.3.5&") no-repeat center;
    background-size: cover;
}

.more-position .zxhd-bottom-5 {

    background: url("img/zxhd_icon_5.png?v=1.2.3.5&") no-repeat center;
    background-size: cover;
}

.more-position .zxhd-bottom-6 {

    background: url("img/zxhd_icon_6.png?v=1.2.3.5&") no-repeat center;
    background-size: cover;
}

.more-position .zxhd-bottom-7 {

    background: url("img/zxhd_icon_7.png?v=1.2.3.5&") no-repeat center;
    background-size: cover;
}

.more-position .zxhd-bottom-8 {
    background: url("img/zxhd_icon_8.png?v=1.2.3.5&") no-repeat center;
    background-size: cover;
}

.more-position .zxhd-bottom-9 {

    background: url("img/zxhd_icon_9.png?v=1.2.3.5&") no-repeat center;
    background-size: cover;
}
.more-position{
    display: flex;
    flex-direction: column;
}
.more-position > div {
    width: 100%;
    height: 1.11rem;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-top: 0.28rem;
    padding-left: 0.14rem;
    margin-bottom: 10px;
    /*box-shadow: 0 0 10px #f4f4f4;*/
    transition: 0.2s;
    position: relative;
}

.xxg{
    display: flex;
}
.xxg>span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.58rem;
    height: 0.23rem;
    background: #DFDFDF;
    border-radius: 6px 6px 6px 6px;

    font-size: 9px;
    color: #4C4C4C;
}

.dztj{
    display: flex;
}
.dztj>span{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.58rem;
    height: 0.23rem;
    background: #EE232E;
    border-radius: 6px 6px 6px 6px;

    font-size: 9px;
    color: #ffffff;
}
.yjz-zk{
    height: 0.25rem;
    background: linear-gradient(to right, white, rgba(219, 219, 219, 0.2));
    display: flex;
    align-items: center;
    padding-left: 0.25rem;
    font-size: 0.12rem;
    margin-left: -0.25rem;
    margin-right: -0.25rem;
    /* font-weight: 300; */
    color: #EE232E;
    margin-top: 0.15rem;
}
.yjzBody{
    display: flex;
    flex-wrap: wrap;
    padding-top:0.2rem;
}
.yjzBody>div{
    width: 50%;
    background: url('img/arrow-right.png') no-repeat left center;
    background-size: 0.14rem 0.14rem;

    font-size: 0.12rem;
    padding-left: 0.22rem;
    box-sizing: border-box;
    color: #4C4C4C;
    margin-bottom:0.12rem;
}
.hxfw{
    color:#444444;
    font-size:0.14rem;
    display: flex;
    margin-top:0.2rem;
}
.module-box{
    padding-bottom:0.1rem;
    padding-top:0.1rem;
}




.yh-modal{
    position: fixed;
    left: 0;
    right: 0;
    top:0;
    bottom:0;
    z-index: 9999999999;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.34);
    flex-direction: column;
}
.yh-layer-box{
    background: white;
    max-width: 345px;
    width: calc(100vw - 30px);
    min-height: 300px;
    border-radius: 20px;
    position: relative;
    padding-bottom:12px;
    background: url("img/yhq-box-bg.png") no-repeat center;
    background-size: cover;
}
.yh-activity-title{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color:#181818;
    padding-top:22px;
    padding-bottom:16px
}
.activity-rules{
    display: flex;
    align-items: center;
    justify-content: center;
}
.activity-rules span{
    cursor: pointer;
    font-size: 14px;
    color:#333;
    text-decoration: underline;
}
.activity-rules-box{
    width: calc(100vw - 30px);
    height: 80vh;
    border-radius: 20px;
    background: white;
    box-sizing: border-box;
    padding:22px;
}
.activity-rules-box .title{
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    /*padding:15px 0;*/
}
.hide-rules-btn{
    text-align: center;
    display: flex;
    justify-content: center;
}
.hide-rules-btn span{
    cursor: pointer;
    color:white;
    background: #c7000b;
    width: 60px;
    height: 32px;
    border-radius: 22px;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.hide-rules-btn span:hover{
    opacity: 0.8;
    transition: 0.3s;
}
.rules-content{
    height: calc(100% - 112px);
    overflow: auto;
    margin:30px 0;
    font-size: 16px;
}
#closeModalBtn{
    position: absolute;right: 0;
    margin-top:-42px;
    /*margin-right: -30px;*/
    color:white;
    font-size: 22px;
    cursor: pointer;
}
.get-activity-coupon-row{
    display: flex;
    justify-content: center;
}
.get-activity-coupon-row span{
    cursor: pointer;
    width: 180px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #c7000b;
    color:white;
    font-size: 18px;
    border-radius: 40px;
}
.get-activity-coupon-row span:hover{
    transition: 0.3s;
    opacity: 0.8;
}
.activity-coupon-list{
    min-height: 100px;
    max-height: 200px;
    margin:20px 0;
    padding:0 20px;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.activity-coupon-list>div{
    background: url("img/yhq-bg.png") no-repeat;
    width: 48%;
    height: 54px;
    background-size: 100% 54px;
    /*margin-right: 16px;*/
    margin-bottom: 12px;
    position: relative;
    box-sizing: border-box;
    padding-top:4px;
    padding-left: 10px;
}
/*.activity-coupon-list>div:nth-child(2n){*/
/*    margin-right: 0;*/
/*}*/
.activity-coupon-list .desc{
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
}
.activity-coupon-list .money{
    color: #fff;
    font-size: 18px;
    font-weight: 700;
}
.activity-coupon-list .money:before{
    content:'\ffe5';
    font-size: 12px;
    font-weight: normal;
}
.activity-coupon-list .money.zk:before{
    display: none;
}
.activity-coupon-list .num{
    position: absolute;
    right: 10px;
    top:0;
    font-size: 14px;
    margin-top: 16px;
    color:white;
}


.activity-coupon-list {
    scrollbar-width: thin;
}

.activity-coupon-list::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.activity-coupon-list::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    /*background:linear-gradient(to top, #fcf5ee, #faf7e6,#73d2f3,#eeeeee);*/
    background: #E8E2D8;
    border-radius: 1px;
    display: none;
}

.activity-coupon-list::-webkit-scrollbar-thumb {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .2);
    /*background:linear-gradient(to top, #fcf5ee, #faf7e6,#73d2f3,#eeeeee);*/
    background: #E8E2D8;
}

.activity-coupon-list::-webkit-scrollbar-track-piece {
    background-color: #e8e8e8;
}