/*rem数值自行计算 或 查看蓝湖*/
html{
    font-size: 16px;
    background-color: #FCD002;
}
/*默认清除样式*/
*{margin:0;padding:0}

li{list-style:none}

img{vertical-align:top;border:none}
/*默认清除样式*/
/*响应式 PC-手机*/
@media screen and (min-width: 1920px) {
    .mobile-content{
        display: none;
    }
    .content{
        display: block;
    }
}
@media screen and (max-width: 1920px) {
    .mobile-content{
        display: none;
    }
    .content{
        display: block;
    }
}
@media screen and (max-width: 911px) {
    .mobile-content{
        display: none;
    }
    .content{
        display: block;
    }
}
@media screen and (max-width: 500px){
    .mobile-content{
        display: block;
    }
    .content{
        display: none;
    }
    /*html{*/
    /*    font-size:18px;*/
    /*}*/
}
@media screen and (max-width: 400px){
    .mobile-content{
        display: block;
    }
    .content{
        display: none;
    }
    /*html{*/
    /*    font-size:16px;*/
    /*}*/
}
@media screen and (max-width: 320px){
    .mobile-content{
        display: block;
    }
    .content{
        display: none;
    }
    /*html{*/
    /*    font-size:14px;*/
    /*}*/
}
@media screen and (max-width: 280px){
    .mobile-content{
        display: block;
    }
    .content{
        display: none;
    }
    /*html{*/
    /*    font-size:12px;*/
    /*}*/
}
.content{
    /*background: #5cb85c;*/
    box-sizing: border-box;
    width:95rem;
    height:54.88rem;
    position: fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}
/*区域左侧*/
.content .left {
    width:62.26rem;
    height:100%;
    float: left;
}
.content .left .row{
    /*background: #7f8554;*/
    height:16.63rem;
}
.content .left .row:nth-child(2){
    margin:2rem auto
}
.content .left .row .img-block,.content .left .row .text-block{
    width:30.63rem;
    height:16.63rem;
    background: #FCF9E8;
    border-radius: 0.5rem;
    overflow: hidden;
}
.content .left .row .img-block .left{
    width:calc(100% - 15.31rem);
    float: left;
    padding:4rem 1.2rem 1.5rem 1.5rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.content .left .row .img-block .left >p:first-child{
    font-weight: bold;
    font-size:1rem;
}
.content .left .row .img-block .left >p:last-child{
    max-height: 4.83rem;
    font-size:0.88rem;
    background: #D8D8D8;
    box-sizing: border-box;
    padding:0.5rem;
    border-radius: 0.5rem;
    margin-top: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.content .left .row .img-block .right{
    float: right;
    width:15.31rem;
    height:16.63rem;
    padding: 0;
    border-radius:0;
}
.content .left .row .img-block:first-child{
    float: left;
}
.content .left .row .img-block:last-child{
    float: right;
}
.content .left .row .text-block{
     float: right;
    background-color: #FCD002;
 }
.content .left .row .text-block .text-block-item{
    box-sizing: border-box;
    width:15.06rem;
    height:16.63rem;
    background: #FDD100;
    border-radius: 0.5rem;
    border: 1.25rem solid #FFFFFF;
    padding:0 0.5rem 1.5rem 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.content .left .row .text-block .text-block-item >div:first-child{
    font-weight: bold;
    font-size:1rem;
    /*margin:2.5rem 0.5rem;*/
    margin-bottom: 0;
}
.content .left .row .text-block .text-block-item >div:first-child .emphasis{
    font-size:1.88rem;
    color:#FF7051
}
.content .left .row .text-block .text-block-item >div:first-child .emphasis >span{
    font-size:1.25rem;
}

.content .left .row .text-block .text-block-item >div:last-child{
    width:11.63rem;
    /*height:4.75rem;*/
    max-height: 5rem;
    font-size:0.88rem;
    background: rgba(255, 255, 255, 0.5);
    box-sizing: border-box;
    padding:0.5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}
/*emphasis*/
.content .left .row .text-block .left{
    float: left;
}
.content .left .row .text-block .right{
    float: right;
}

/*区域右侧*/
.content .right{
    box-sizing: border-box;
    width:31.75rem;
    height:53.9rem;
    float: right;
    background: #FFFFFF;
    border-radius: 0.5rem;
    padding:2rem 2rem 1rem 2rem;
}
.content .block-view >div{
}
.content .block-view >div:nth-child(2){
    margin: 2.8rem 0;
}
.content .right >div{
    margin:0 auto;
    margin-bottom: 2rem;
}
.content .right .text{
    text-align: center;
    margin: 0;
    font-weight: bold;
    font-size: 1.25rem;
    margin-bottom: 1rem;
}
.content .right .text:last-child{
    font-size: 0.5rem;
    font-weight: normal;
}
.content .right >div >img{
    width:100%;
    height:100%;
}
.content .right .logo{
    width:15.31rem;
    height:3.5rem;
}
.content .right .logo2{
    width:17.5rem;
    height:16.63rem;
}
.content .right .code{
    width:16.63rem;
    height:16.63rem;
    text-align: center;
}
.content .right .code >p{
    font-weight: 600;
}
.content .right .logo3{
    width:12.75rem;
    height:1.63rem;
    margin-top: 3.5rem;
    margin-bottom: 1rem;
}

/******************************************************移动端css*****************************************************/

.mobile-content{
    position:relative;
    width: 100vw;
    height: 105rem;
    background: #F8F8F8;
}
.mobile-content .header-bg{
    position: absolute;
    z-index: 5;
    width:100vw;
    height: 30rem;
    background: linear-gradient(180deg, #FDD100 0%, #FEDD00 54%, rgba(253, 209, 0, 0) 100%);
}
.mobile-content .logo2{
    position: absolute;
    z-index: 5;
    width:8.81rem;
    height:8.38rem;
    left:50%;
    top:2rem;
    transform: translateX(-50%);
}
.mobile-content .yun1{
    position: absolute;
    z-index: 5;
    width:3.44rem;
    height:8.25rem;
    left:0;
    top:3.13rem;
}
.mobile-content .yun2{
    position: absolute;
    z-index: 5;
    width:5.44rem;
    height:8.63rem;
    right:0;
    top:1.06rem;
}
.mobile-content .logo1{
    position: absolute;
    z-index: 5;
    right:1rem;
    top:0.5rem;
    width:2rem;
    height:2rem;
}
.mobile-content .body {
    position: absolute;
    z-index: 10;
    top:11rem;
    left:50%;
    transform: translateX(-50%);
}
.mobile-content .body >div{
    margin: 0 auto;
}
.mobile-content .body >div >img{
    width:100%;height:100%;
}
.mobile-content .body .goods-item{
    width:21.44rem;
    height:11.88rem;
    background: #FFFFFF;
    border-radius: 0.5rem;
    padding:0.5rem;
    box-sizing: border-box;
    margin: 0.5rem auto;
}
.mobile-content .body .goods-item .goods-left{
    width:10.25rem;
    height:10.88rem;
    float:left;
    border-radius: 0.5rem;
}
.mobile-content .body .goods-item .goods-left >img{
    width:100%;
    height:100%;
    border-radius: 0.5rem;
}
.mobile-content .body .goods-item .goods-right{
    width:9.69rem;
    height:10.88rem;
    float:right;
    font-size:0.88rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mobile-content .body .goods-item .goods-right .title{
    font-weight:bold;
}
.mobile-content .body .goods-item .goods-right .desc{
    margin-top: 0.5rem;
    width:9.69rem;
    height:7.88rem;
    background:#F8F8F8;
    color:#777777;
    padding:0.5rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
}
/*优惠信息*/
.mobile-content .body .preferential{
    width:21rem;
    height: 9.5rem;
}
.mobile-content .body .preferential .item{
    background: #FDD100;
    border-radius: 0.5rem;
    width:10.2rem;
    height:9.5rem;
    padding:0.5rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mobile-content .body .preferential .item .title{
    color:#333333;
    font-size:0.88rem;
    font-weight:bold;
}
.mobile-content .body .preferential .item .title >span{
    font-size:1rem;
    color:#FF7051
}
.mobile-content .body .preferential .item .desc{
    /*margin-top: 0.5rem;*/
    width:9.2rem;
    height:5.5rem;
    background:#FFEB8D;
    color:#333333;
    padding:0.3rem;
    box-sizing: border-box;
    border-radius: 0.5rem;
    font-size:0.88rem;
    line-height: 1.25rem;
}
.mobile-content .body .preferential .left{
    float:left
}
.mobile-content .body .preferential .right{
    float:right
}
/*二维码*/
.mobile-content .body .code{
    width:9.38rem;
    height:9.38rem;
    margin: 1.5rem auto;
    margin-bottom: 2.5rem;
}
.mobile-content .body .code >p{
    text-align: center;
    font-weight: bold;
    font-size:0.88rem;
    margin-top: 0.8rem;
}
/*logo3*/
.mobile-content .body .logo3{
    width:10.81rem;
    height:1.38rem;
}
.mobile-content .body .bottom-text-title{
    font-weight: bold;
    font-size:0.88rem;
    text-align: center;
    margin-bottom: 2rem;
    color:#333333;
    margin-top:0.5rem;
}
.mobile-content .body .bottom-text-tel{
    font-weight: normal;
    font-size:0.75rem;
    margin-top:2rem;
    color:#777777;
    text-align: center;
}