body {
    margin: 0 auto!important;
    width: 100%;
    height: 100%;
    min-width: 320px!important;
    max-width: 750px!important;
    font-size: 1rem;
    font-family: "exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
    color: #ff9f3d;
    margin: 0 auto;
}
.area-box {
    overflow: hidden;
    border: 2px solid #ff9f3d;
    border-radius: 10px;
    background: rgba(255,255,255,0.9);
    position: absolute;
    width: calc(90% - 40px);
    left: 5%;
    bottom: 5%;
    z-index: 999;
    padding: 20px;
}
.area-box a {
    width: 25%;
    text-align: center;
    display: block;
    float: left;
    margin: 10px 0px;
    font-size: 20px;
    color: #0C0C0C;
    font-size: 18px;
}
.area-box div{
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    padding-bottom: 10px;
    border-bottom: 1px solid #ff9f3d;
}
a{text-decoration: none;}
a:visited{text-decoration: none;}
a:hover {text-decoration: none;}
a:active{text-decoration:none;}
@media screen and (max-width: 365px){
    .area-box a {font-size: 14px;}
}



.prod-offer-ul{display:inline-block;width: 100%;}
.prod-offer-ul li{border: 1px solid;margin: 10px;padding: 10px 10px;border: 1px solid #eee;background: #fff;border-radius: 5px;overflow:hidden;clear:both;cursor: pointer;}
.prod-offer-ul li.selected{border: 1px solid #ff9f3d!important;}
.prod-offer-ul li>p{color: #313131;font-size: 14px;font-weight: 700;margin: 5px 0;}
.prod-offer-ul li .prod-offer-basic{overflow: hidden;position: relative;display: flex}
.prod-offer-ul li .prod-offer-basic>.logo1-div{width: 160px}
.prod-offer-ul li .prod-offer-basic>.logo1-div>img{width: 100%}
.prod-offer-ul li .prod-offer-basic>.selected{display: block!important;}
.prod-offer-ul li .prod-offer-basic>.select-img{position: absolute;width: 40px;right: 0px;bottom: 0px;display: none;}
.prod-offer-ul li .prod-offer-basic>div:nth-child(2){flex: 1; padding-left: 10px;position: relative}
.prod-offer-ul li .prod-offer-basic>div:nth-child(2)>p{position: absolute;bottom: 0px;color: #ff9f3d;font-size: 16px;font-weight: 700;}
.prod-offer-ul li .prod-offer-basic>div:nth-child(2)>div{text-overflow: ellipsis;box-sizing: border-box;height: 112px;font-size: 14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 9;-webkit-box-orient: vertical;word-break: break-all;color: #232326;line-height: 1.6;margin-bottom: 3px;}

.btn-box{position: fixed;bottom: 0;min-width: 320px!important;max-width: 750px!important;width: 100%;background-color: #fff;text-align: center;height: 50px;line-height: 50px;}
.btn-box button{width: 60%;border:0;height: 35px; background: #6aa7db; border-radius: 15px; color: #FFFFFF;}
.loginBox{position: fixed;bottom: 50px;width: 100%;padding-bottom: 0px;display: '';background: #fff;min-width: 320px!important;max-width: 750px!important;border-top: 1px solid #eee;}