/* 首页 */
.h-swiper .swiper-container {
    height: 4.36rem!important;
    border-radius: 0.12rem!important;
}
.h-swiper{
    padding: 0 .32rem 0;
}
.h-swiper1 .swiper-container {
    height: 4.36rem!important;
    border-radius: 0!important;
}
.h-swiper1{
    padding: 0;
    border-bottom: 8px solid #eee;
}
.skin-top div{
    background: linear-gradient(180.00deg, var(--primary-color) 30%, #fff 140%);
}
.careful-in .careful-add .careful-left,.careful-in .careful-add .careful-right{
    background: linear-gradient(90deg, #fff -170%, var(--primary-color) 100%);
    box-shadow: 0 .04rem .06rem #fff;
}
.swiper-slide{
    border-radius: .08rem!important;
}
.swiper-slide img{
    border-radius: .08rem!important;
}
.h-swiper .swiper-slide img{
    object-fit: initial;
}
.menu {
    border-bottom: .18rem solid #f3f3f3;
    padding      : .24rem
}

.jqkk {
    padding        : .3rem .3rem 0;
    display        : flex;
    align-items    : center;
    justify-content: space-between
}

.jqkk_one {
    font-weight: 700;
    font-size: 0.36rem;
    color: #333333;
    position: relative;
    z-index: 9;
}

/* .jqkk_one:after {
    content: "";
    width: .36rem;
    height: .36rem;
    border-radius: 50%;
    position: absolute;
    left: -0.04rem;
    bottom: .12rem;
    z-index: -1;
    background : var(--primary-color)!important;
    opacity: .3;
} */

.jqkk_two {
    font-size  : .24rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color      : rgba(144, 149, 161, 1);
    line-height: .36rem
}

.line-clamp2 {
    font-size  : .28rem;
    color      : rgba(40, 44, 52, 1);
    line-height: .36rem
}

.hk_img_list .imglist_content {
    padding-left  : .04rem;
    padding-right : 0;
    padding-top   : .24rem;
    padding-bottom: .06rem
}

.price_now {
    font-size  : .28rem;
    font-family: DIN-Bold;
    font-weight: bold;
    color      : rgba(255, 60, 60, 1);
    line-height: .36rem
}

.price_b {
    font-size      : .24rem;
    font-family    : DIN-Medium;
    font-weight    : 500;
    text-decoration: line-through;
    color          : rgba(186, 189, 199, 1);
    line-height    : .36rem
}

.hk_primary_btn {
    background : var(--primary-color)!important;
    font-size  : .26rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color      : rgba(255, 255, 255, 1)
}

.redbtt {
    background: rgba(255, 60, 60, 1)
}

.jqkk_outer {
    border-bottom: .18rem solid #f3f3f3
}

.hk_recommend_title {
    margin-top: 0
}

.gend {
    color    : #ccc;
    font-size: .24rem
}

.tjwz {
    display        : flex;
    align-items    : center;
    justify-content: space-between;
}

.tjwz_one {
    padding-right: .24rem;
    width        : calc(100% - 2.68rem);
}
.tjwz_out .tjwz{
    padding: .24rem;
    margin: 0;
    position: relative;
    border-bottom: .02rem solid #e6e6e6;
}

.tjwz_one_f {
    font-size         : .3rem;
    font-family       : PingFang-SC-Medium;
    font-weight       : 500;
    color             : #333;
    line-height       : .44rem;
    height            : .88rem;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tjwz_one_t span {
    font-size  : .26rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color      : #999999;
    line-height: .4rem
}

.tjwz_one_t {
    padding-top    : .2rem;
    display        : flex;
    align-items    : center;
    justify-content: space-between
}
.tjwz_one_t .leri{
    width: 100%;
    display: flex;
}
.tjwz_one_t .leri span:nth-child(1){
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: .16rem;
}
.tjwz_one_t .leri span:nth-child(2){
    white-space: nowrap;
}

.tjwz_tw {
    width: 2.7rem
}

.tjwz_tw img {
    width     : 100%;
    height    : 1.52rem;
    object-fit: cover;
    border-radius: .08rem;
}
.ksdsad {
    padding-right: 0;
    padding-left : .24rem;
}

.gmzz {
    font-size  : .26rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color      : rgba(142, 145, 153, 1);
    line-height: .36rem
}

.gmmn {
    font-size  : .26rem;
    font-family: DIN-Bold;
    font-weight: bold;
    color      : rgba(255, 60, 60, 1);
    line-height: .36rem
}

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

.jstuan_one {
    width: 1.7rem
}

.jstuan_tw {
    padding-left      : 3.33%;
    flex              : 1;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break        : break-all
}

.jstuan_tw .jsmane {
    font-size  : .3rem;
    font-family: PingFang-SC-Bold;
    font-weight: bold;
    color      : rgba(40, 44, 52, 1);
    line-height: .36rem
}

.jstuan_tw .jstit {
    font-size  : .26rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color      : rgba(98, 99, 103, 1);
    line-height: .36rem
}

.jstuan_tw_des {
    font-size  : .26rem;
    font-family: PingFang-SC-Medium;
    font-weight: 500;
    color      : rgba(160, 163, 171, 1);
    line-height: .36rem;
    padding-top: .2rem;
    height     : 1.3rem
}

.jstuan_kd {
    display    : flex;
    align-items: center
}

.menu li.menu_about i {
    background: linear-gradient(to top, #fe8661, #ffad5b)
}

.zxfos {
    font-size         : .28rem;
    font-family       : PingFangSC;
    font-weight       : 500;
    color             : #333;
    line-height       : .4rem;
    -webkit-line-clamp: 4;
    white-space       : pre-line;
    margin-bottom     : .2rem;
}

.zxkos {
    display       : flex;
    align-items   : center;
    flex-direction: row;
    flex-wrap     : nowrap;
    padding-top   : .24rem
}

.zxkos>div {
    width      : 32.6%;
    margin-left: 2.4%;
}

.zxkos>div:first-child {
    margin-left: 0
}

.zxki {
    padding-left: 2.4%;
}

.zxku {
    padding-left: 2.4%;
}

.xltb {
    width   : 1.4rem;
    position: relative;
    top     : .04rem
}

.zxtbd {
    padding-top: .26rem;
    display    : flex;
    align-items: center;
}

.zxtbd span {
    font-size   : .26rem;
    font-family : PingFang-SC-Medium;
    font-weight : 500;
    color       : rgba(142, 145, 153, 1);
    line-height : .42rem;
    padding-left: 1%;
}

.dzs {
    color       : #8e9199;
    font-size   : .36rem;
    margin-right: 1%;
}

.pls {
    color        : #8e9199;
    font-size    : .34rem;
    padding-left : 5.2%;
    padding-right: 1.5%;
    margin-right : 1%;
}

.nobrb {
    border-bottom: 0;
}

.lesd {
    font-size : .64rem !important;
    background: linear-gradient(0deg, rgba(55, 188, 252, 0.99), rgba(57, 221, 252, 0.99)) !important;
    box-shadow: 0 .06rem .4rem 0 rgba(55, 189, 252, 0.3) !important;
}

.levs {
    font-size : .64rem !important;
    background: linear-gradient(0deg, rgba(254, 134, 97, 0.99), rgba(255, 173, 91, 0.99)) !important;
    box-shadow: 0 .06rem .4rem 0 rgba(252, 135, 99, 0.3) !important;
}

.bgorange {
    background: orange !important;
}

.xlbqb {
    position: absolute;
    right   : 0;
    top     : 0;
    width   : 1rem !important;
    z-index : 499;
}

.jqkk_outer {
    background: #fff;
}

.pint-on {
    display: flex;
}

.pint {
    background-color: #f64d14;
    color           : #fff;
    font-size       : .2rem;
    line-height     : .4rem;
    width           : .4rem;
    border-radius   : .08rem;
    text-align      : center;
    margin-right    : .2rem;
}

.b-q-zhic {
    position  : absolute;
    bottom    : 1.2rem;
    left      : 0;
    color     : #ccc;
    right     : 0;
    text-align: center;
    font-size : .32rem;
}

.wrapper {
    position  : relative;
    min-height: 100vh;
    box-sizing: border-box;
}

.iconfont {
    width         : auto;
    height        : auto;
    display       : inline-block;
    vertical-align: middle !important;
    line-height   : inherit;
    color: #bbb;
}

.store-top {
    background-color: #fff;
    line-height     : .9rem;
    padding         : 0 .3rem;
    display         : flex;
    align-items: center;
    justify-content : space-between;
}

.store-top-l {
    /* font-size  : .32rem;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: .9rem;
    color      : rgba(17, 17, 17, 1);
    opacity    : 1;
    position: relative;
    z-index: 9; */
    /* padding-left: 0.24rem; */
    line-height: .4rem;
    font-size: .36rem;
    font-weight: 700;
    color: #333;
    position: relative;
    z-index: 9;
}
.store-top-l:after {
    /* content: "";
    display: block;
    margin: 0 auto;
    width: 1.4rem;
    height: .11rem;
    position: absolute;
    left: -0.06rem;
    bottom: .28rem;
    z-index: -1;
    background-color: var(--primary-color);
    border-radius: .055rem;
    opacity: 0.6; */

    /* content: "";
    display: block;
    margin: 0 auto;
    width: 0.08rem;
    height: 0.38rem;
    position: absolute;
    left: 0;
    bottom: .26rem;
    z-index: 1;
    background-color: var(--primary-color);
    opacity: .7;
    border-radius: 0.04rem; */
    /* content: ""; */
    width: .36rem;
    height: .36rem;
    border-radius: 50%;
    position: absolute;
    left: -0.04rem;
    bottom: .12rem;
    z-index: -1;
    background: #B1DCFF;
}

.store-top-r {
    font-size  : .24rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: .9rem;
    color      : rgba(144, 149, 161, 1);
    opacity    : 1;
}

.store-top-r i {
    line-height: .8rem;
    margin-left: .1rem;
}

.store-bottom-w {
    padding         : 0 .3rem;
    background-color: #fff;
    /* margin-bottom   : .16rem; */
    border-bottom: 0.18rem solid #f3f3f3;
}

.store-bottom {
    /* height    : 2.56rem;
    padding   : .16rem 0 0 0; */
    overflow-x: scroll;
    display   : flex;
}
.store-bottom1 {
    padding-top: .12rem;
}

.store-bottom-img {
    position    : relative;
    min-width   : 2.8rem;
    max-width   : 2.8rem;
    height      : 2.1rem;
    margin-right: .3rem;
    margin-bottom: .2rem;
}

.store-bottom-img img {
    width        : 100%;
    height       : 100%;
    border-radius: .16rem;
}

.store-bottom-p {
    border-radius: 0 0 .16rem .16rem;
    position     : absolute;
    bottom       : 0;
    left         : 0;
    right        : 0;
    height       : .56rem;
    color        : rgba(255, 255, 255, 1);
    opacity      : 1;
    background   : linear-gradient(180deg, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.65) 100%);
}

.store-bottom-p2 {
    padding      : 0 .16rem;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
    font-size    : .24rem;
    font-family  : PingFang SC;
    font-weight  : 400;
    line-height  : .44rem;
    position     : absolute;
    bottom       : .04rem;
    right        : 0;
    left         : 0;
}
.store-recom-img{
    padding-bottom: .16rem;
    margin-bottom: .28rem;
    display: flex;
    border-bottom: .02rem solid #F5F5F5;
}
.store-recom-img:last-child{
    border: 0;
}
.store-recom-img img{
    width: 1.28rem;
    height: 1.28rem;
    border-radius: .08rem;
}
.store-recom-img .store-recom{
    width: calc(100% - 1.28rem);
    padding-left: .2rem;
}
.store-recom .store-recom-txt{
    font-size: .32rem;
    line-height: .4rem;
    color: #333333;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}
.store-recom .store-recom-text{
    font-size: .24rem;
    padding: .2rem 0 .08rem;
    line-height: .3rem;
    color: #999999;
    overflow     : hidden;
    text-overflow: ellipsis;
    white-space  : nowrap;
}
.store-recom .store-recom-km i{
    font-size: .28rem;
    margin-right: .08rem;
}
.store-recom .store-recom-km{
    font-size: .24rem;
    line-height: .32rem;
    color: #FD8686;
}

.curriculum {
    padding         : .4rem .3rem;
    background-color: #fff;
    display         : flex;
    justify-content : space-between;
    flex-wrap       : wrap;
}

.curriculum-on {
    width        : 48%;
    height       : 3.48rem;
    box-shadow   : .04rem .06rem .12rem rgba(240, 240, 240, 1);
    opacity      : 1;
    border-radius: .16rem;
    margin-bottom: .3rem;
}

.curriculum-on-img {
    width        : 100%;
    height       : 1.84rem;
    border-radius: .16rem;
}

.curriculum-on-p {
    height            : .72rem;
    font-size         : .26rem;
    font-family       : PingFang SC;
    font-weight       : 400;
    line-height       : .36rem;
    color             : rgba(17, 17, 17, 1);
    opacity           : 1;
    margin            : .16rem;
    overflow          : hidden;
    text-overflow     : ellipsis;
    display           : -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.curriculum-on-p2 {
    display        : flex;
    justify-content: space-between;
    padding        : .08rem .16rem 0 .16rem;
}

.curriculum-on-p2 :nth-child(1) {
    height     : .36rem;
    font-size  : .26rem;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: .36rem;
    color      : rgba(255, 70, 70, 1);
    opacity    : 1;
}

.curriculum-on-p2 :nth-child(2) {
    height     : .36rem;
    font-size  : .26rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: .36rem;
    color      : rgba(153, 153, 153, 1);
    opacity    : 1;
}

.tjwz_tw {
    position: relative;
}

.label-on {
    position     : absolute;
    bottom       : 0;
    left         : 0;
    font-size    : .2rem;
    width        : auto;
    line-height  : .4rem;
    color        : #fff;
    text-align   : center;
    padding      : 0 .08rem;
    background   : rgba(51, 51, 51, 0.8);
    border-radius: .08rem;
}

.static_banner {
    min-height: auto;
}

.sign-num {
    font-size  : .28rem;
    color      : #666;
    line-height: .36rem;
    margin-left: .16rem;
}

.relative {
    height         : 100%;
    display        : flex;
    justify-content: center;
    align-items    : center;
}

.copyright {
    position      : absolute;
    bottom        : 1rem;
    left          : 0;
    right         : 0;
    z-index       : 999;
    margin        : auto;
    font-size     : .24rem;
    font-weight   : 500;
    color         : #bbb;
    line-height   : .34rem;
    text-align    : center;
    padding-bottom: .2rem;
}

.beiant {
    display: inline-block;
    width  : .4rem;
    height : .4rem;
}

.commerce-box {
    padding         : 0 .3rem;
    padding-top     : .24rem;
    height          : 2.6rem;
    overflow-x      : auto;
    background-color: #fff;
    position        : relative;
}

.commerce-box::-webkit-scrollbar {
    display: none
}

.dadasd {
    display : flex;
    /* position: absolute; */
    left    : 0;
}

.commerce-box .commerce {
    min-width       : 1.52rem;
    max-width       : 1.52rem;
    margin          : 0 .08rem;
    background-color: #fff;
    background      : #ffffff;
    /* box-shadow      : .04rem .06rem .12rem #f0f0f0; */
    box-shadow: 0 .06rem .12rem rgba(0, 0, 0, 0.16);
    border-radius   : .16rem;
    margin-bottom   : .24rem;
    position        : relative;
}

.commerce:last-child:after {
    content         : "";
    display         : block;
    width           : .3rem;
    height          : 1.6rem;
    background-color: #fff;
    position        : absolute;
    right           : -0.3rem;
    top             : 0;
    bottom          : 0;
    z-index         : 1;
}

.commerce-box .commerce .commerce-img {
    position  : relative;
    margin-top: .2rem;
    height: 1.2rem;
    display: flex;
    align-items: center;
}

.commerce-box .commerce .commerce-img img {
    /* width         : 58%; */
    width: 1.2rem;
    margin        : 0 .16rem;
    border-radius : .08rem;
    vertical-align: middle;
}

.commerce-box .commerce .commerce-p {
    padding           : .12rem .12rem 0;
    font-size         : .2rem;
    text-align        : center;
    font-family       : PingFang SC;
    font-weight       : bold;
    line-height       : .36rem;
    height: .44rem;
    color             : #333333;
    display           : -webkit-box;
    overflow          : hidden;
    -webkit-box-orient: vertical;
    text-overflow     : ellipsis;
    -webkit-line-clamp: 1;
    box-sizing        : border-box;
    margin            : 0rem 0 .2rem;
}

.layui-flow-more {
    width: 100%;
}

.keep {
    position   : relative;
    width      : 100%;
    height     : .6rem;
    padding    : 0 .32rem;
    display    : flex;
    align-items: center;
    background : #ff7344;
}

.keep-i {
    color        : #fff;
    font-size    : .44rem;
    padding-right: .16rem;
}

.keep-text {
    font-size: .22rem;
    color    : #fff;
}

.keep-on {
    position     : absolute;
    right        : .64rem;
    width        : 1rem;
    line-height  : .4rem;
    border-radius: .2rem;
    text-align   : center;
    font-size    : .22rem;
    color        : #fff;
    background   : #ffd446;
}

.icon-dongtaifabu-face:before {
    background-image: -webkit-linear-gradient(left top, #fff, #fff);
}
.outer-layer .outer-layer2 .outer-layer2-on .icon-dongtaifabu-face:before{
    background-image: -webkit-linear-gradient(left top, #6DBFF5, #308EE3);
}
/* 文章 */
.page_container .o-diy-tab {
    /* height    : .64rem;
    display   : flex; */
    position  : fixed;
    /* top       : 1rem; */
    left      : 0;
    right     : 0;
    z-index   : 999;
    /* background: var(--primary-color)!important; */
}

#sliderProgressBar {
    position: fixed;
    top     : .84rem;
    z-index : 10;
}

.page_container .mui-slider-group {
    padding-top: .8rem;
}

.gengduo-p {
    width : 1rem;
    height: .6rem;
}

.gengduo {
    text-align : center;
    line-height: .56rem !important;
    font-size  : .36rem;
    color      : #fff;
}

.head-x {
    padding         : .3rem;
    line-height     : .4rem;
    background-color: #fff;
}

.head-x i {
    color      : #666;
    line-height: .4rem;
}

.column {
    height          : .8rem;
    background-color: #fff;
    padding         : 0 .3rem;
    display         : flex;
    justify-content : space-between;
}

.column .column-pl {
    line-height: .8rem;
    color      : #101010;
    font-size  : .36rem;
    font-family: PingFangSC-regular;
}

.column .column-pr {
    color       : #999;
    font-size   : .24rem;
    padding-left: .2rem;
}

.column .column-r {
    margin-top      : .18rem;
    width           : 1.1rem;
    height          : .44rem;
    line-height     : .4rem;
    border-radius   : .48rem;
    background-color: #fffefe;
    color           : var(--primary-color);
    font-size       : .24rem;
    text-align      : center;
    font-family     : Microsoft Yahei;
    border          : .02rem solid var(--primary-color);
}

.report-ul {
    background-color: #fff;
    padding         : .2rem .3rem;
    display         : flex;
    flex-wrap       : wrap;
}

.report-ul li {
    font-size       : .28rem;
    color           : #333;
    /* width           : 20%; */
    min-width: 20%;
    padding: 0 .08rem;
    margin          : 0 2.5%;
    height          : .6rem;
    background-color: #f4f4f4;
    text-align      : center;
    margin-bottom   : .3rem;
    position        : relative;
}

.report-ul li span {
    display      : inline-block;
    line-height  : .6rem;
    width        : 100%;
    /* overflow     : hidden; */
    /* text-overflow: ellipsis; */
    white-space  : nowrap;
}

.report-ul li .top-r7 {
    color   : #999;
    position: absolute;
    top     : -0.14rem;
    right   : -0.14rem;
    z-index : 9999;
}

.grey {
    color: #999 !important;
}

.blue {
    color: #0088fa !important;
}

.fbbtn {
    min-width  : 1rem;
    margin-left: .24rem;
    text-align : center;
    font-size  : .24rem;
    color      : #fff;
}

.fbbtn i {
    display  : block;
    font-size: .6rem;
}

.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
    z-index      : 999;
    position     : sticky;
    color        : #fff !important;
    border-bottom: 0;
    height       : .56rem;
}
.another-nav .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active{
    color: var(--primary-color)!important;
}
.another-nav .mui-control-item.mui-active:after {
    border-color: var(--primary-color)!important;
}
.mp-search {
    position        : fixed;
    left            : 0;
    right           : 0;
    z-index         : 999;
    background-color: var(--primary-color)!important;
}

.mp-search .mp-search-on .mp-search-input {
    height          : 0.7rem;
    border          : 0;
    width           : 100%;
    font-size       : 0.28rem;
    color           : #333;
    background-color: #f7f7f7;
    margin          : 0;
    border-radius   : .36rem;
    padding         : 0 2.1rem 0 .88rem;
}

.mp-search .mp-search-on .sousuo {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 0.88rem;
    height     : 0.7rem;
    font-size  : 0.32rem;
    color      : #666;
    text-align : center;
    line-height: 0.7rem;
    opacity    : 0.7;
}

.mp-search .mp-search-on .search-text {
    position     : absolute;
    top          : 0;
    right        : 0;
    width        : 1.3rem;
    line-height  : 0.7rem;
    border-radius: 0;
    font-size    : 0.28rem;
    text-align   : center;
    border-left  : .04rem solid #ddd;
    color        : #999;
    background   : transparent;
}

.mp-search .mp-search-on .guanbi {
    right: 1.3rem;
    color: #bbb;
}

.top-t {
    height          : 1rem;
    padding         : .22rem 1.1rem .22rem .3rem;
    background-color: #fff;
    display         : flex;
    justify-content : space-between;
    overflow-x      : scroll;
    position        : fixed;
    top             : 1.6rem;
    left            : 0;
    right           : 0;
    z-index         : 9;
}

.top-b {
    height          : 1rem;
    padding         : .3rem;
    background-color: #fff;
    display         : flex;
    justify-content : space-between;
}

.top-b p {
    font-size       : .32rem;
    color           : #666;
    line-height     : .4rem;
    background-color: #fff;
}

.qazx {
    white-space: nowrap;
    padding: 0 .08rem;
    font-size       : .24rem;
    color           : #999;
    min-width       : 1.5rem;
    line-height     : .56rem;
    border-radius   : .66rem;
    background-color: #fff;
    text-align      : center;
    font-family     : Arial;
    border          : .02rem solid #f7f7f7;
    margin-right    : .1rem;
}

.qazx:last-child {
    margin-right: 1rem;
}

.top-r {
    position        : fixed;
    top             : 1.6rem;
    right           : 0;
    width           : 1rem;
    height          : 1rem;
    line-height     : 1rem;
    text-align      : center;
    background-color: #fff;
    z-index         : 100;
}

.report2-ul {
    background-color: #fff;
    padding         : 0 .14rem;
    display         : flex;
    flex-wrap       : wrap;
}

.report2-ul li {
    min-width: 21%;
    /* width           : 21%; */
    margin          : 0 2%;
    line-height     : .6rem;
    padding         : 0 .16rem;
    background-color: #f4f4f4;
    font-size       : .24rem;
    color           : #101010;
    text-align      : center;
    margin-bottom   : .3rem;
    overflow        : hidden;
    text-overflow   : ellipsis;
    white-space     : nowrap;
}

.maskgg {
    position  : fixed;
    top       : 1.84rem;
    left      : 0;
    z-index   : 999;
    width     : 100%;
    height    : 100%;
    display   : none;
    background: rgba(51, 51, 51, .8);
}

.xiaxia2 {
    transform: rotate(180deg);
}

.top-t::-webkit-scrollbar {
    display: none
}

.g-search {
    width: 100%;
    height          : 1rem;
    background-color: var(--primary-color)!important;
    padding         : 0 0.32rem;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    z-index         : 99;
}

.g-search .g-search-on {
    position: relative;
    width   : 100%;
}

.g-search .g-search-on .g-search-input {
    height          : 0.7rem;
    border          : 0;
    width           : 100%;
    font-size       : 0.28rem;
    color           : #333;
    background-color: #f7f7f7;
    margin          : 0;
    border-radius   : .36rem;
    padding         : 0 2.1rem 0 .88rem;
}

.g-search .g-search-on .guanbi {
    position   : absolute;
    top        : 0;
    right      : 1.3rem;
    width      : 0.7rem;
    height     : 0.7rem;
    color      : #bbb;
    text-align : center;
    line-height: 0.7rem;
    opacity    : 0.7;
    display    : none;
}

.g-search .g-search-on .sousuo {
    position   : absolute;
    top        : 0;
    left       : 0;
    width      : 0.88rem;
    height     : 0.7rem;
    font-size  : 0.32rem;
    color      : #666;
    text-align : center;
    line-height: 0.7rem;
    opacity    : 0.7;
}

.g-search .g-search-on .search-text {
    position     : absolute;
    top          : 0;
    right        : 0;
    width        : 1.3rem;
    line-height  : 0.7rem;
    border-radius: 0;
    font-size    : 0.28rem;
    text-align   : center;
    border-left  : .04rem solid #ddd;
    color        : #999;
    background   : transparent;
}

/* .o-diy-tab {
    display   : flex;
    height    : .64rem;
    background: var(--primary-color)!important;
} */

.o-diy-tab .mui-control-item {
    line-height: .56rem;
    /* min-width  : 1.6rem; */
    padding    : 0 .26rem;
    color      : #fff !important;
}

.search-choose {
    position: fixed;
    top     : 0;
    left    : 0;
    right   : 0;
    z-index : 9;
}

.top_scroll {
    width   : calc(100% - 1rem);
    overflow: auto;
}

.top_scroll::-webkit-scrollbar {
    display: none;
}

#typeBox,
#editTypeBox {
    display         : none;
    position        : fixed;
    top             : 0;
    left            : 0;
    right           : 0;
    bottom          : 0;
    z-index         : 2001;
    background-color: #fff;
}
.fxkq_tb {
    background: #FFFFFF;
    display   : flex;
    height    : 1rem;
    border-bottom: .02rem solid rgba(242, 247, 250, 1);
}

.fxkq_tb>div {

    flex           : 1;
    display        : flex;
    align-items    : center;
    justify-content: center;
    font-size      : .28rem;
    font-family    : PingFang-SC-Medium;
    font-weight    : 500;
    color          : rgba(142, 145, 153, 1);
    position       : relative;

}

.fxkq_tb_tip {
    width        : .44rem;
    height       : .04rem;
    background   : var(--primary-color)!important;
    border-radius: .04rem;
    position     : absolute;
    top          : 100%;
    left         : 0;
    right: 0;
    margin: auto;
    display      : none;

}

.fxkq_tb>div:first-child span {

    display: block;

}

.fxyl_bb>div {
    display: none;
    background:#ffffff;
}

.fxyl_bb>div:first-child {
    display: block;
}

.yljxys {
    color: var(--primary-color)!important;
}

.qselce {
    border       : .02rem solid rgba(0, 136, 242, 1);
    border-radius: .1rem;
    font-size    : .3rem;
    font-family  : PingFang-SC-Medium;
    font-weight  : 500;
    color        : rgba(0, 136, 242, 1);
}

.nodata {
    font-size      : .28rem;
    font-family    : PingFang-SC-Medium;
    font-weight    : 500;
    color          : rgba(160, 163, 171, 1);
    line-height    : .36rem;
    display        : flex;
    /* align-items : center; */
    padding-top    : 3rem;
    justify-content: center;
    height         : 10rem;
}

.dis {
    display: none;
}

.gmzz_cont {
    color: #0088F2;
}

.assemble-pj {
    display: flex;
}

.assemble-pjp2 {
    background-color: #F64D14;
    color           : #fff;
    font-size       : .2rem;
    line-height     : .4rem;
    border-radius   : .08rem;
    text-align      : center;
    width           : .4rem;
    height          : .4rem;
}

.assemble-span {
    font-family : DIN-Bold;
    font-weight : bold;
    font-size   : .26rem;
    color       : rgba(255, 60, 60, 1);
    padding-left: .1rem;
}

.mask-top {
    position  : fixed;
    top       : 1rem;
    left      : 0;
    z-index   : 2001;
    width     : 100%;
    height    : 100%;
    display   : none;
    background: rgba(51, 51, 51, 0.8);
}

.mask-top .mask2-top {
    width        : 100%;
    border-radius: 0 0 .16rem .16rem;
    background   : #fafafa;
    padding      : .16rem 0;
}

.mask-top .mask2-top .mask-member-lr {
    display        : flex;
    justify-content: space-between;
    padding        : 0 .3rem;
    line-height    : .72rem;
}

.mask-top .mask2-top .mask-member-lr span {
    font-size  : .28rem;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: .72rem;
    color      : #111111;
    opacity    : 1;
}

.mask-top .mask2-top .mask-member-lr i {
    color: #fff;
}

.lpo {
    transform: rotate(180deg) !important;
}

.user-order-p {
    /* max-width: 1.2rem; */
    min-width  : 1rem;
    margin-left: .24rem;
    text-align : center;
    font-size  : .24rem;
    color      : #fff;
}

.xia2 {
    font-size  : .28rem;
    margin-left: .08rem;
}
/* .commerces-box {
    display: flex;
    flex-wrap: wrap;
    padding: 0 .3rem;
    padding-top: .24rem;
    background-color: #fff;
}

.commerces-box .commerces {
    width: 31%;
    margin: 0 1.1%;
    box-shadow: .04rem .06rem .12rem #f0f0f0;
    border-radius: .16rem;
    margin-bottom: .24rem;
    position: relative;
    background-size: 100% 100%;
}

.commerces-box .commerces .commerces-img {
    position: relative;
    margin: auto;
    margin-top: .32rem;
    width: 1.24rem;
    height: 1.24rem;
    padding: .04rem;
    border-radius: 50%;
    background-color: #fff;
}

.commerces-box .commerces .commerces-img img {
    width: 1.16rem;
    height: 1.16rem;
    border-radius: 50%;
    margin: 0;
    vertical-align: middle;
}

.commerces-box .commerces .commerces-p {
    padding: .16rem .16rem 0;
    font-size: .24rem;
    text-align: center;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: .4rem;
    line-height: .36rem;
    color: #fff;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    box-sizing: border-box;
    margin: 0rem 0 .32rem;
}

.commerces-box .commercesn{
    background-size: 100% 100%;
    width: 48%;
    margin: 0 1%;
    height: 3.82rem;
    border-radius: .14rem;
    box-shadow: 0rem .04rem .12rem rgb(112 112 112 / 16%);
    margin-bottom: 0.24rem;
}
.commerces-lr{
    display: flex;
    justify-content: center;
    margin-bottom: .24rem;
}
.commerces-in {
    margin: 0 .08rem;
    width: 1.24rem;
    line-height: .4rem;
    font-size: .24rem;
    border-radius: .2rem;
    color: #ff8140;
    text-align: center;
    background-color: #fff;
}
.commerces-in2 {
    margin: 0 .08rem;
    width: 1.24rem;
    line-height: .4rem;
    font-size: .24rem;
    border-radius: .2rem;
    background: #fff;
    color: #c20c25;
    text-align: center;
} */
/* .get-into{
    color: #fff;
    background-color: #ff8140;
} */
.layui-flow-more{
    width: 100%;
}
/* .commerces-box .commercesn .commerces-img{
    display: flex;
    justify-content: center;
    width: 1.52rem;
    height: 1.52rem;
    padding: .06rem;
    margin: auto;
    margin-top: .32rem;
    border-radius: 50%;
    background-color: #fff;
}
.commerces-box .commercesn .commerces-img img{
    width: 1.4rem;
    height: 1.4rem;
    margin: 0;
    border-radius: 50%;
}
.commerces-box .commercesn .commerces-p{
    padding: .16rem 0.16rem 0;
    height: .88rem;
    font-size: 0.24rem;
    text-align: center;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 0.36rem;
    color: #333333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    box-sizing: border-box;
    margin: 0 0 0.16rem;
    color: #fff;
} */
.appear-pp span{
    padding-right: .16rem;
}
.appear-pp{
    width: 50%;
    min-width: 1.44rem;
    color: #fff;
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.28rem;
    display: flex;
    align-items: center;
    background: var(--primary-color)!important;
}
.search-frame{
    background: var(--primary-color)!important;
}
#segmentedControl {
    position: fixed;
    top: 1rem;
    left: 0;
    right: 0;
    z-index: 999;
    background-color: var(--primary-color)!important;
}

#segmentedControl a {
    position: relative;
    line-height: 1rem;
    color: #fff;
    width: 50%;
    height: 1rem;
}

.mui-control-item.mui-active:after {
    border-color: #fff;
}

.mui-control-item:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: .44rem;
    height: 0;
    border: .02rem solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.skinnav{
    line-height: 1rem;
    padding: 0 .3rem;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
.skinnav .skinnav-item{
    width: 50%;
    font-size: 0.28rem;
    text-align: center;
    color: #666666;
    line-height: 1rem;
    position: relative;
}
.mui-slider-group::before{
    width: 100%!important;
}
.preview_imglist{
    display: flex;
}
.hk_img_list li {
    padding: 0.24rem 0;
    margin: 0 .32rem;
    position: relative;
    border-bottom: .02rem solid #e6e6e6;
    box-shadow: none;
}
.hk_img_list li:last-child{
    border: 0;
}
.hk_media_list li {
    padding      : .24rem;
    margin       : 0;
    position: relative;
    border-bottom: .02rem solid #e6e6e6;
}
.mui-slider-indicator{
    display: flex;
    position: fixed!important;
    top: 1rem;
    min-height: .6rem;
    background-color: var(--primary-color)!important;
}
.mp-nav-p.skinstyle2:after {
    border-color: var(--primary-color);
}
.member-tube-p.skinstyle2:after {
    border-color: var(--primary-color);
}
.introduce-l-img{
    max-width: 1.36rem;
}
.title-ul:after {
    background-color: var(--primary-color);
}
.title-ul2:after {
    background-color: var(--primary-color);
}
.catalog_list li .catalog_txt.catalog_active {
    color: var(--primary-color)!important;
}
.catalog_list li .catalog_txt.catalog_active .catalog_type {
    border: .02rem solid var(--primary-color)!important;
}
.catalog_list li .catalog_txt.catalog_active .catalog_title {
    color: var(--primary-color)!important;
}
.mui-segmented-control{
    font-size: .32rem;
}
.mp-tool2 .mp-tool-item .tool-ii.article_btn_active{
    color: var(--primary-color)!important;
}
























/* .jqkk_one{
    padding-left: 0;
    z-index: 9;
}
.jqkk_one:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 1.4rem;
    height: .11rem;
    position: absolute;
    left: -0.06rem;
    bottom: -0.02rem;
    z-index: -1;
    background-color: var(--primary-color);
    border-radius: .055rem;
    opacity: 0.6;
} */
.nav ul li .active {
    color: var(--primary-color)!important;
}
.nav ul li .active i{
    color: var(--primary-color)!important;
}
.nav-i i{
    color: #fff!important;
}
.nav-i{
    color: #fff!important;
    background-color: var(--primary-color)!important;
}
.nav-i .nav-i2{
    background-color: var(--primary-color)!important;
}
.nav-i .nav-i2 .nav-p{
    color: #fff!important;
}
.nav-p.blue:after{
    border-color: #fff!important;
}
.search{
    background-color: var(--primary-color)!important;
}
.search-p{
    color: #fff!important;
}
.search-p .switch{
    color: #fff!important;
}
.search-p i{
    color: #fff!important;
}
.mp-tool2{
    /* background: var(--primary-color)!important; */
    /* box-shadow: 0 .06rem .2rem var(--primary-color); */
}
.skinstyle{
    color: #fff!important;
    background-color: var(--primary-color)!important;
}
.skinstyle2{
    color: var(--primary-color)!important;
}
.skinstyle3{
    /* background: #ffedef!important; */
    border-radius: .04rem;
    color: var(--primary-color)!important;
    background: yellow;
}
.skinstyle4{
    border: .02rem solid var(--primary-color)!important;
    color: var(--primary-color)!important;
}
.void-on{
    background-color: #fff!important;
}
.skinnav-item.skinstyle2:after {
    border-color: var(--primary-color)!important;
}
.skinnav-item:after {
    content: "";
    display: block;
    margin: 0 auto;
    width: .44rem;
    height: 0;
    border: .02rem solid transparent;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.course-box {
    background: var(--primary-color)!important;
}
.choose{
    background: rgba(194, 12, 37, 0.2)!important;
}
.ca_table{
    box-shadow: 0 .06rem .12rem var(--primary-color)!important;
}
.fixed_bottom_action .fixed_longbtn{
    background: var(--primary-color);
}
.b_ljbm{
    background: var(--primary-color)!important;
}
.lower-reach .lower-blue{
    background: var(--primary-color)!important;
}
.card-block-empt .o-btn{
    background: var(--primary-color)!important;
}
.course-popup .course-confirm{
    /* background: linear-gradient(180.00deg, #ff788a 0%, var(--primary-color) 100%)!important; */
    background: var(--primary-color)!important;
}
.box-ul .tits,.box-ul .tits1{
    color: var(--primary-color)!important;
}
.scs_selected{
    color: var(--primary-color)!important;
}
/* .commerces-box .commerces,.commerces-box .commercesn{
    background-image: url(../images/merce-img.png);
} */
.personal2-box {
    background: linear-gradient(180.66deg, var(--primary-color) 0%, var(--primary-color) 55.64%, #fff 100%)!important;
  }
.classification .classlist-ul li i:before{
    color: var(--primary-color)!important;
}
.receiving-box i{
    color: var(--primary-color)!important;
}
.list_progress_box .list_progress_main .list_progress{
    background: -webkit-linear-gradient(left,var(--primary-color),#7bd5ff)!important;
}
.fixed_bottom_action span.article_btn_active {
    color: var(--primary-color)!important;
}
.merchant-itm.blue-base:after {
    border-color: var(--primary-color)!important;
}
/* .my-member {
    background-image: url(../images/bg@2x.png);
  } */
  .km-select-wrap .alert-wrap .edit-zidingyi .zidingyi-right{
    background: var(--primary-color)!important;
  }
  .assistant-top-nav .option.active{
    color: var(--primary-color)!important;
  }
  .assistant-top-nav .option.active:after {
    border: .02rem solid var(--primary-color)!important;
}
.assitant-top2 .active .o-btn{
    color: var(--primary-color)!important;
    border: .02rem solid var(--primary-color)!important;
}
.scs_btn_ok{
    color: var(--primary-color)!important;
}
.payment-r .dagou{
    color: var(--primary-color)!important;
}
.continue-bm{
    background: var(--primary-color)!important;
}
.confirm_btn{
    background: var(--primary-color)!important;
}
.yhq-wxz.yh_lq .active{
    color: var(--primary-color)!important;
}
.close-iframe{
    color: var(--primary-color)!important;
}
.layer-iframe-sure{
    color: var(--primary-color)!important;
}
.single-z2 .checklist-on{
    background-color: var(--primary-color);
    border: var(--primary-color) solid .04rem !important;
}

.hauto{
    height: auto!important;
}
.hauto img{
    height: auto!important;
    max-height: 6rem;
    top: 0!important;
    left: 0!important;
    max-width: 61.8%!important;
    width: auto!important;
    position: relative!important;
    border-radius: .08rem;
}
.mp-search-new {
    background-color: var(--primary-color);
  }
  .o-btn-d{
    width: 1.6rem;
    line-height: .5rem;
    border-radius: .26rem;
    text-align: center;
    border: .02rem solid var(--primary-color);
    color: var(--primary-color);
    font-size: .24rem;
}
.right-bottom .o-btn{
    width: 1.6rem;
    height: .54rem;
    line-height: .54rem;
    border-radius: .26rem;
    text-align: center;
    background: var(--primary-color)!important;
}




.commerces-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 0.3rem;
    padding-top: 0.24rem;
    background-color: #fff;
  }
  .commerces-box .commerces,
  .commerces-box .commercesn {
    width: 3.04rem;
    margin-bottom: 0.4rem;
  }
  .commerces-box .commerces .commerces-img,
  .commerces-box .commercesn .commerces-img {
    width: 3.04rem;
    height: 1.48rem;
    text-align: center;
    border: 0.04rem solid #EEEEEE;
    border-radius: 0.08rem;
  }
  .commerces-box .commerces .commerces-img img,
  .commerces-box .commercesn .commerces-img img {
    height: 1.22rem;
    min-width: 1.22rem;
    margin-top: 0.1rem;
  }
  .commerces-box .commerces .commerces-p,
  .commerces-box .commercesn .commerces-p {
    font-size: 0.28rem;
    line-height: 0.36rem;
    text-align: center;
    margin-top: 0.12rem;
    color: #333333;
  }
  .commerces-box .commerces .commerces-lr,
  .commerces-box .commercesn .commerces-lr {
    display: flex;
    justify-content: center;
    margin-top: .16rem;
  }
  .commerces-box .commerces .commerces-lr .commerces-in2,
  .commerces-box .commercesn .commerces-lr .commerces-in2 {
    width: 1.08rem;
    height: 0.44rem;
    text-align: center;
    border: 0.02rem solid #0088FA;
    border-radius: 0.22rem;
    font-size: 0.28rem;
    line-height: 0.4rem;
    color: #0088FA;
    margin: 0 0.16rem;
  }
  .commerces-box .commerces .commerces-lr .commerces-in,
  .commerces-box .commercesn .commerces-lr .commerces-in {
    width: 1.08rem;
    height: 0.44rem;
    text-align: center;
    border: 0.02rem solid #FF8139;
    border-radius: 0.22rem;
    font-size: 0.28rem;
    line-height: 0.4rem;
    color: #FF8139;
    margin: 0 0.16rem;
  }
  .modimg-img{
    width: 3.78rem;
    height: 2.16rem;
    margin: 3.6rem auto .4rem;
    display: block;
  }
  .give-back{
    background-color: var(--primary-color)!important;
  }
  .btn-voer{
    background: var(--primary-color)!important;
  }
  .putin-voer{
    background: var(--primary-color)!important;
  }
  .personal-data-b{
    background: var(--primary-color)!important;
  }
  .careful-on{
    position: relative;
  }
  .careful-in{
    position: relative;
  }
  .digital-ul{
    display: flex;
    padding-top: .24rem;
    background: #fff;
}
.digital-ul li{
    width: 25%;
    text-align: center;
}
.digital-ul li p{
    font-size: .24rem;
    color: #333;
}
.digital-ul li p span{
    font-size: .4rem;
    color: var(--primary-color);
    padding-right: .04rem;
    font-weight: 600;
}
.digital-ul li .text{
    font-size: .24rem;
    color: #333;
}