@charset "utf-8";
/* CSS Document */
/*--全局样式--*/
html{font-size:100%;}
body{font-size:0.22rem;font-family:'SourceHanSans-Normal';background-color:#f1f4f9;word-wrap:break-word; }
body,div,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,label{margin:0px;padding:0px;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;margin: 0;}
i,em{font-style: normal;}
section, article, aside, header, footer, nav, dialog, figure {display: block;}
a{color: #000;;text-decoration:none;outline: medium none;}
a:hover{color:rgb(22, 22, 22); text-decoration:none;}
img{border:0; vertical-align:middle;max-width:100%;max-height: 100%;}
ul,ol,li{list-style:none;}
input, button, select, textarea{outline: none;font-family:'SourceHanSans-Normal';background:none;outline: none;}
.clear{clear:both;overflow: hidden;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{margin: 0;}
.row{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.cen880{ width:880px; height:100%; min-width:880px; margin:0 auto; position:relative;}
.cen1200{ width:1200px; height:100%; min-width:1200px; margin:0 auto; position:relative;}
.cen1280{ width:1280px; height:100%; min-width:1280px; margin:0 auto; position:relative;}
.cen1440{ width:1440px; height:100%; min-width:1440px; margin:0 auto; position:relative;}
.fl{float: left;}
.fr{float: right;}
.tc{text-align: center;}
.tl{text-align: left;}
.tr{text-align: right;}
.bx{box-sizing: border-box;}
.flex{display: flex;}
.mask{position: fixed;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000;width: 100%;height: 100%;z-index: 999;top: 0;left: 0;display: none;}
.mask_z{position: fixed;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50); background:#000;width: 100%;height: 100%;z-index: 99999;top: 0;left: 0;display: none;}
.db{display: block;}
.df{display: flex;}
.flex_sbc{display: flex;justify-content: space-between;align-items: center;}
.flex_sec{display: flex;justify-content: space-evenly;align-items: center;}
.bgw{background: #fff;}
.bgg{background: #f3f3f3;}

.f10{font-size: 10px !important;}
.f12{font-size: 12px !important;}
.f14{font-size: 14px !important;}
.f15{font-size: 15px !important;}
.f16{font-size: 16px !important;}
.f18{font-size: 18px !important;}
.f20{font-size: 20px !important;}
.f22{font-size: 22px !important;}
.f24{font-size: 24px !important;}
.f30{font-size: 30px !important;}

.mt10{margin-top: 10px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt80{margin-top: 80px !important;}
.mt100{margin-top: 100px !important;}

@font-face{font-family:'SourceHanSans-ExtraLight';src:url("../css/font/SourceHanSansCN-ExtraLight.otf")}
@font-face{font-family:'SourceHanSans-Light';src:url("../css/font/SourceHanSansCN-Light.otf")}
@font-face{font-family:'SourceHanSans-Regular';src:url("../css/font/SourceHanSansCN-Regular.otf")}
@font-face{font-family:'SourceHanSans-Normal';src:url("../css/font/SourceHanSansCN-Normal.otf")}
@font-face{font-family:'SourceHanSans-Medium';src:url("../css/font/SourceHanSansCN-Medium.otf")}
@font-face{font-family:'SourceHanSans-Bold';src:url("../css/font/SourceHanSansCN-Bold.otf")}
@font-face{font-family:'SourceHanSans-Heavy';src:url("../css/font/SourceHanSansCN-Heavy.otf")}
@font-face{font-family:'Alibaba-PuHuiTi-Light';src:url("../css/font/Alibaba-PuHuiTi-Light.otf")}
/* @font-face{font-family:'Alibaba-PuHuiTi-Regular';src:url("../css/font/Alibaba-PuHuiTi-Regular.otf")} */
/* @font-face{font-family:'Alibaba-PuHuiTi-Medium';src:url("../css/font/Alibaba-PuHuiTi-Medium.otf")} */
/* @font-face{font-family:'Alibaba-PuHuiTi-Bold';src:url("../css/font/Alibaba-PuHuiTi-Bold.otf")} */
/* @font-face{font-family:'Alibaba-PuHuiTi-Heavy';src:url("../css/font/Alibaba-PuHuiTi-Heavy.otf")} */
.ff_el{font-family:'SourceHanSans-ExtraLight' !important;}
.ff_l{font-family:'SourceHanSans-Light' !important;}
.ff_r{font-family:'SourceHanSans-Regular' !important;}
.ff_n{font-family:'SourceHanSans-Normal' !important;}
.ff_m{font-family:'SourceHanSans-Medium' !important;}
.ff_b{font-family:'SourceHanSans-Bold' !important;}
.ff_h{font-family:'SourceHanSans-Heavy' !important;}
.ff_al{font-family:'Alibaba-PuHuiTi-Light' !important;}
/* .ff_ar{font-family:'Alibaba-PuHuiTi-Regular' !important;}
.ff_am{font-family:'Alibaba-PuHuiTi-Medium' !important;}
.ff_ab{font-family:'Alibaba-PuHuiTi-Bold' !important;}
.ff_ah{font-family:'Alibaba-PuHuiTi-Heavy' !important;} */







/*修改滚动条样式*/
body::-webkit-scrollbar{width:5px;height:5px;}
body::-webkit-scrollbar-track{background: rgb(239, 239, 239);}
body::-webkit-scrollbar-thumb{background: #bfbfbf;}
body::-webkit-scrollbar-corner{background: #333;}

/*按行数隐藏*/
.line-wrap-1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
}
.line-wrap-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.line-wrap-3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.line-wrap-4{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}
.line-wrap-5{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    -webkit-box-orient: vertical;
}
.line-wrap-6{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    -webkit-box-orient: vertical;
}





/*头像*/
.head_img{border-radius: 50%;overflow: hidden;}
.head_img img{width: 100%;height: 100%;}



/*评分*/
.score{display: flex;justify-content: flex-start;align-items: center;font-size: 14px;color: #3A3A3A;}
.score .iconfont{font-size: 20px;color: #e8e8e8 !important;padding-right: 5px;margin-left: 0 !important;}
.score .iconfont.active{color: #FE7B34 !important;}
.score em{padding-left: 5px;}

/*广告*/
.ad_box{width: 100%;height: auto;position: relative;}
.ad_box a{display: block;}
.ad_box img{width: 100%;height: 100%;}
.ad_box .ad_txt{width: 30px;height: 20px;position: absolute;top: 0;right: 0;background: rgba(0, 0, 0, 0.5);font-size: 12px;color: #fff;text-align: center;line-height: 20px;}

/*返回顶部*/
/* .scroll_top{width: 40px;height: 40px;background: #3A3A3A;border-radius: 4px;position: fixed;right: 30px;bottom: 10%;text-align: center;line-height: 40px;color: #fff;cursor: pointer;
z-index: 999;}
.scroll_top:hover{background: #06a2ea;} */

.sell_out_btn{width: 1.5rem;height: 0.75rem;text-align: center;line-height: 0.75rem;border-radius: 2em;overflow: hidden;position: fixed;right: 0.2rem;bottom: 0.5rem;box-shadow: 0 0 5px 0px #f2f2f2;z-index: 999;display: none;}
.sell_out_btn a{display: block;width: 100%;height: 100%;font-size: 0.3rem;color: #fff;background: #06a2ea;}
.sell_out_btn a:active{background: #0c95d5;}
.sell_out_btn .iconfont{font-size: 0.2rem;margin-right: 0.05rem;}

/*checkbox*/
.la_ckb{display: inline-block;width: 100%;height: auto;cursor: pointer;position: relative;}
.la_ckb .ckb{width: 16px;height: 16px;display: inline-block;box-sizing: border-box;border: 1px solid #DDDDDD;background: #ffffff;text-align: center;line-height: 16px;margin: 0 5px -2px 0;}
.la_ckb .ckb .iconfont{font-size: 14px;color: #06A2EA;display: none;}
.la_ckb .ck{width: 16px;height: 16px;position: absolute;top: 0;left: 0;opacity: 0;}
.la_ckb .ck[type=checkbox]:checked + .ckb{border: 1px solid #06A2EA;}
.la_ckb .ck[type=checkbox]:checked + .ckb .iconfont{display: block;}
/*radio*/
.la_rdo{display: inline-block;width: 100%;height: auto;cursor: pointer;position: relative;}
.la_rdo .rdo{width: 16px;height: 16px;display: inline-block;box-sizing: border-box;border: 1px solid #DDDDDD;background: #ffffff;text-align: center;line-height: 16px;margin: 0 5px -2px 0;border-radius: 50%;position: relative;}
.la_rdo .rdo::after{content: '';width: 60%;height: 60%;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;display: none;}
.la_rdo .rd{width: 16px;height: 16px;position: absolute;top: 0;left: 0;opacity: 0;}
.la_rdo .rd[type=radio]:checked + .rdo{border: 1px solid #06A2EA;}
.la_rdo .rd[type=radio]:checked + .rdo::after{display: block;background: #06A2EA;}


@media all and (max-width:640px) {
.f10{font-size: 0.2rem !important;}
.f12{font-size: 0.24rem !important;}
.f14{font-size: 0.28rem !important;}
.f15{font-size: 0.30rem !important;}
.f16{font-size: 0.32rem !important;}
.f18{font-size: 0.36rem !important;}
.f20{font-size: 0.4rem !important;}
.f22{font-size: 0.44rem !important;}
.f24{font-size: 0.48rem !important;}
.f30{font-size: 0.6rem !important;}


.mt10{margin-top: 0.1rem !important;}
.mt20{margin-top: 0.2rem !important;}
.mt30{margin-top: 0.3rem !important;}
.mt40{margin-top: 0.4rem !important;}
.mt50{margin-top: 0.5rem !important;}
.mt60{margin-top: 0.6rem !important;}
.mt80{margin-top: 0.8rem !important;}
.mt100{margin-top: 1rem !important;}

.la_ckb .ckb ,.la_rdo .rdo{width: 0.32rem;height: 0.32rem;line-height: 0.32rem;}
.la_ckb .ckb .iconfont{font-size: 0.28rem;}
.la_ckb .ck ,.la_rdo .rd{width: 0.32rem;height: 0.32rem;}  

.background_image{background-size: cover;background-repeat: no-repeat;background-position-x: center;background-position-y: center;}


}