/*
    所有样式前加一层 html.mobile;
    字体、行高、宽高、内外边距等尺寸 rem大小值为设计图px数值除以100;
*/
/*（移动端）-开始*/
/*主体*/
html.mobile body {
    max-width: 100%;
    min-width: 100%;
}

/* 插件不显示*/
/*
html.mobile .plugins{
    display: none;
}
*/
/*
html.mobile .service .nav{
    display: none;
}
*/
html.mobile .service .banner {
    width: 100%;
    height: 2.33rem;
    background-size: auto 2.33rem;
    background-position: 0 0.6rem;
}

html.mobile .banner.join-goodness {
    background-image: url(../images/derucci_m_img_jiameng_jiamengyoushi_banner@2x.png);
    height: 2.96rem;
    background-size: auto 2.96rem;
}

html.mobile .banner.join-laws {
    background-image: url(../images/derucci_m_img_jiameng_jiamengxize_banner@2x.png);
    height: 2.96rem;
    background-size: auto 2.96rem;
}

html.mobile .banner.internal {
    background-image: url(../images/derucci_m_img_jiameng_banner_size375@2x.png);
}

html.mobile .banner.join {
    background-image: url(../images/derucci_m_img_jiameng_haiwai_banner@2x.png);
    height: 2.96rem;
    background-size: auto 2.96rem;
}

html.mobile.banner.train {
    background-image: url(../images/derucci_m_img_peixun_banner_size375@3x.png);
}

html.mobile .banner.train h1 {
    font-size: 0.32rem;
    line-height: 0.45rem;
    margin-bottom: 0.07rem;
}

html.mobile .join-container {
    min-width: auto;
}

html.mobile .join-train-f1 {
    padding: 0;
    /*  padding: 0.2rem 0 0.1rem;*/
    min-width: auto;
}

html.mobile .join-train-f1 .train-list {
    width: 3.25rem;
    padding-top: 0.2rem;
}

html.mobile .join-train-f1 .train-item {
    width: 3.25rem;
    height: auto;
    margin-right: 0rem;
    margin-bottom: 0.2rem;
    border: 0!important ;
    border-radius: 0;
    min-height: 1rem;
}

html.mobile .join-train-f1 .train-item img {
    width: 100%;
    height: auto;
    min-height: 1.7rem;
}

html.mobile .train-item .train-intro {
    height: 0.67rem;
    padding: 0;
    border-bottom: 0.01rem solid #DBDCDF;
}

html.mobile .train-item .train-intro .t3 {
    line-height: 0.2rem;
    font-size: 0.14rem;
    margin: 0.1rem 0 0.1rem;
    height: 0.2rem;
    color: #201D1C;
}

html.mobile .train-item .train-intro .t4 {
    font-size: 0.12rem;
    line-height: 0.17rem;
    color: #717171;
}

html.mobile .train-item .train-intro .place {
    margin-left: 0.3rem
}

html.mobile .dream-tabs-inner {
    position: relative;
    margin-bottom: 0!important;
    background: #fff;
}

html.mobile .dream-tabs-inner .builder-f1 .t3 {
    height: 1.1rem;
    overflow: hidden;
}

html.mobile .dream-tabs-inner .builder-f1 .t3.open {
    height: auto;
}

html.mobile .dream-tabs-inner .builder-f1 .t3:before {
    width: 100%;
    height: 50%;
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    background-image: -webkit-linear-gradient(0deg, #ffffff 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
    background-image: linear-gradient(0deg, #ffffff 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
}

html.mobile .dream-tabs-inner .builder-f1 .t3:after {
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    left: 50%;
    margin-left: -0.1rem;
    bottom: 0;
    background: url(../images/derucci_m_icon_common_dropdown@3x.png);
    background-size: 100%;
    z-index: 2;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

html.mobile .dream-tabs-inner .builder-f1 .t3.open:before {
    background: none;
}

html.mobile .dream-tabs-inner .builder-f1 .t3.open:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

html.mobile .train-item .train-intro .t4 span {
    padding-left: 0.26rem;
}

html.mobile .train-item .train-intro .time,html.mobile .train-item .train-intro .place {
    background-size: 0.17rem 0.17rem;
}

html.mobile .train-item .train-intro .place {
    padding-left: 0.3rem
}

/*
html.mobile .right-plugins{
    display: none;
}
*/
/*（移动端）-加盟专区-成长培训v1.1-------------------------结束-----------------*/
/*0313寝具官网移动端_产品中心_儿童系列v1.1-----------------开始----------------*/
/*
html.mobile .right{
    display: none;
}
*/
html.mobile .style-top {
    width: 3.75rem;
    height: auto;
    background: url(../images/derucci_m_img_product_kids_banner_size375_340@3x.png) no-repeat center center;
    background-size: auto 3.4rem;
    background-position: center top;
}

html.mobile .style-dw {
    top: 0 !important;
    height: 100% !important;
    margin-top: 0 !important;
}

html.mobile .style-zt>div:nth-child(1) {
    width: auto;
    height: 0.613rem !important;
    margin: 0.755rem auto 0.1rem !important;
}

html.mobile .style-ztp {
    height: 0.3rem;
    font-size: 0.22rem !important;
    margin: 0 0 0.2rem;
    color: #ffffff;
    line-height: 0.3rem;
}

html.mobile .style-zt .t3 {
    font-size: 0.15rem !important;
    line-height: 0.16rem;
    margin-bottom: 0;
    width: 2.6rem;
    margin: auto;
    color: #ffffff;
}

html.mobile .style-lbt .figue>div {
    width: 2.25rem;
    height: auto;
}

html.mobile .style-zt {
    line-height: 0.17rem;
    font-size: 0.12rem !important;
    position: unset;
    margin: 0;
}

html.mobile .style-goldia {
    padding-top: 0;
    height: 2.98rem;
}

html.mobile .style-dw .swiper-container,html.mobile .style-goldia .swiper-container {
    width: 3.35rem;
    top: 3.4rem;
    position: absolute;
    left: 0.175rem;
    bottom: 0;
    height: auto;
}

html.mobile .swiper-slide {
    width: 100% !important;
    font-size: 0.12rem;
}

html.mobile .style-top .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

html.mobile .style-lbt .figue>div img {
    width: 2.25rem;
    height: auto;
}

html.mobile .style-p1 {
    font-size: 0.16rem;
    margin-top: 0;
    margin-bottom: 0.05rem;
    color: #201D1C !important;
}

html.mobile .style-p1 a {
    color: #201D1C !important;
}

html.mobile .style-dw .swiper-button-next,html.mobile .style-dw .swiper-button-prev {
    top: 50%;
}

html.mobile .honor-img .swiper-button-next,html.mobile .honor-img .swiper-button-prev,html.mobile .more-product-slider .swiper-button-next,html.mobile .more-product-slider .swiper-button-prev,html.mobile .style-dw .swiper-button-next,html.mobile .style-dw .swiper-button-prev,html.mobile .style-goldia .swiper-button-next,html.mobile .style-goldia .swiper-button-prev {
    width: 70px;
    height: 80px;
    margin-top: -30px;
    background-size: auto;
    transform: scale(1);
}

html.mobile .style-p2 {
    font-size: 0.12rem;
    width: 100%;
    height: 50px;
    padding: 0 30px;
    line-height: 0.22rem;
    margin: 0 auto;
    color: #717171 !important;
    /*要显示文字的宽度*/
    overflow: hidden;
    /*超出的部分隐藏起来。*/
    white-space: normal;
    /*不显示的地方用省略号...代替*/
    text-overflow: ellipsis;
    /* 支持 IE */
}

html.mobile .jacketed-ul {
    width: 3.25rem;
}

html.mobile .jacketed-td img {
    width: 1.5rem;
    height: 0.8rem;
}

html.mobile .jacketed {
    margin-top: 0.41rem;
    border-bottom: 1px solid #E9E9E9
}

html.mobile .jacketed-p {
    font-size: 0.24rem;
    margin-bottom: 0.3rem
}

html.mobile .forSleep .jacketed-p {
    margin-bottom: 0.1rem;
}

html.mobile .jacketed.forSleep {
    padding-bottom: 0;
}

html.mobile .forSleep .jacketed-ul {
    margin-top: 0.3rem;
}

html.mobile .jacketed-sub {
    font-size: 0.14rem;
    line-height: 0.2rem;
}

html.mobile .jacketed-td {
    width: 45%;
    padding-bottom: 15px;
    margin-right: 0.25rem;
}

html.mobile .jacketed-td:nth-child(even) {
    margin-right: 0;
}

html.mobile .jacketed-td>p {
    font-size: 0.12rem;
    line-height: 0.17rem;
    margin-top: 0.05rem;
    margin-bottom: 0.45rem;
}

html.mobile .jacketed-p2 {
    margin-top: 0;
}

html.mobile .zpcx-logo {
    width: 0.8rem;
    height: 0.54rem;
    margin: 0.2rem auto 0.17rem;
}

html.mobile .zpcx-p {
    font-size: 0.24rem;
}

html.mobile .zpcx-cx {
    width: 2.18rem;
    height: 0.45rem;
    margin: 0.25rem auto 0.4rem;
}

html.mobile .zpcx-cx>a {
    font-size: 0.14rem;
    line-height: 0.45rem;
}

html.mobile .moiddle>li {
    width: 0.56rem;
    height: 0.64rem;
}

html.mobile .shangc-p {
    font-size: 0.14rem;
    width: 0.56rem;
    height: 0.2rem;
    line-height: 0.2rem;
}

html.mobile .shangc1 {
    background: url(../images/shangc1.png)no-repeat;
    background-size: 0.25rem 0.25rem;
}

html.mobile .shangc2 {
    background: url(../images/shangc2.png)no-repeat;
    background-size: 0.25rem 0.25rem;
}

html.mobile .shangc3 {
    background: url(../images/shangc3.png)no-repeat;
    background-size: 0.25rem 0.25rem;
}

html.mobile .shangc4 {
    background: url(../images/shangc4.png)no-repeat;
    background-size: 0.25rem 0.25rem;
}

html.mobile .shangc5 {
    background: url(../images/shangc5.png)no-repeat;
    background-size: 0.25rem 0.25rem;
}

html.mobile .shangc6 {
    background: url(../images/shangc6.png)no-repeat;
    background-size: 0.25rem 0.25rem;
}

html.mobile .shangc7 {
    background: url(../images/shangc7.png)no-repeat;
    background-size: 0.25rem 0.25rem;
    background-position:
}

html.mobile .moiddle-jz {
    margin-top: 0;
}

html.mobile .moiddle {
    height: 0.74rem;
    padding-top: 0.1rem;
}

html.mobile .shangc1,html.mobile .shangc2,html.mobile .shangc3,html.mobile .shangc4,html.mobile .shangc5,html.mobile .shangc6,html.mobile .shangc7 {
    width: 0.25rem;
    height: 0.25rem;
}

html.mobile .zpcx {
    margin-top: 0.15rem;
}

/*-----结束------*/
/*------------------开始--------*/
html.mobile .banner.about {
    position: relative;
    z-index: 1;
    height: 1.25rem !important;
    background-size: auto 2.98rem;
    overflow: hidden;
    background-color: #383c4a;
    background-size: auto 100% !important;
}

html.mobile .banner.about .t2 {
    line-height: 0.3rem;
    font-size: 0.2rem;
    text-align: center;
    position: relative;
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 15px;
}

html.mobile .banner.about .t2.mobile-show {
    font-size: .3rem;
    line-height: 0.4rem;
}

html.mobile .banner.about .t2:after {
    content: '';
    width: 0.25rem;
    position: absolute;
    left: 50%;
    margin-left: -0.125rem;
    height: 1px;
    background: #fff;
    bottom: -0.15rem;
    display: none;
}

html.mobile .news-list-content .summary-2-child {
    width: 3.25rem;
    float: left;
    margin-right: 0.25rem;
}

html.mobile .news-list-content .summary-2-child img,html.mobile .news-list-content .summary-2-child .imgRec {
    height: 1.7rem;
}

html.mobile .banner.about .t1 {
    width: 2.88rem;
    font-size: 0.24rem;
    line-height: 0.45rem;
    margin-bottom: 0.11rem;
    text-align: center;
}

html.mobile .banner.about .t3 {
    width: 3rem;
    height: auto;
    font-size: 0.12rem;
    line-height: 0.2rem;
    text-align: center;
    margin-bottom: 0.07rem;
}

html.mobile .news-list-content {
    width: 3.25rem;
}

html.mobile .news-list-content .t1 {
    width: 100%;
    font-size: 0.24rem;
    line-height: 0.2rem;
    text-align: center;
    padding-top: 0.2rem;
}

html.mobile .service .news-list-content .article {
    min-height: auto;
    padding: 0.2rem 0 0!important;
}

html.mobile .news-list-content .summary-2-child {
    width: 3.25rem;
    clear: both;
    margin-right: 0;
    overflow: hidden;
    margin-top: 0.1rem;
}

html.mobile .news-list-content .summary-2-child .text {
    padding: 0.05rem 0 0.2rem;
    margin-bottom: 0rem;
    overflow: hidden;
    border-bottom: 1px solid #DBDCDF;
}

html.mobile .news-list-content .article .t2 {
    height: auto;
    font-size: 0.18rem;
    color: #201D1C;
    line-height: 0.25rem;
    margin-bottom: 0.05rem;
    display: block;
    white-space: normal;
}

html.mobile .news-list-content .article .time {
    margin-bottom: 0.02rem;
}

html.mobile .news-list-content .article .t3,html.mobile .news-list-content .article .time {
    font-size: 0.12rem;
    color: #717171;
    line-height: 0.17rem;
}

html.mobile .news-list-content .article .t3 {
    display: none;
}

/*寝具官网移动端_首页简介V1.0------------------结束、--------*/
/*寝具官网移动端_首页_新闻V1.0------------------开始--------*/
html.mobile .news-detail-content {
    width: 100%;
    background: #fff;
    margin: auto;
    padding: 0.1rem 0.25rem 0.34rem;
}

html.mobile .news-detail-content .article {
    min-height: auto;
    min-height: 60vh;
}

html.mobile .news-detail-content h1 {
    font-size: 0.18rem;
    text-align: left;
    width: 100%;
    line-height: 0.25rem;
    margin: 0.1rem auto 0.05rem;
}

html.mobile .news-detail-content .time {
    font-size: 0.12rem;
    text-align: left;
    line-height: 0.17rem;
}

html.mobile .news-detail-content .summary:nth-child(1) {
    padding-top: 0.05rem;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,0.10);
    overflow: hidden;
}

html.mobile .news-detail-content .summary:nth-child(2) {
    padding-top: 0rem;
    padding-bottom: 0rem;
    border-bottom: 1px solid rgba(0,0,0,0.10);
    overflow: hidden;
}

html.mobile .news-detail-content .article .t1 {
    font-size: 0.18rem;
    line-height: 0.25rem;
    margin-top: 0.15rem;
    margin-bottom: 0.05rem;
}

html.mobile .news-detail-content .summary-2-child {
    margin-bottom: 0;
}

html.mobile .news-detail-content .summary-2-child img,html.mobile .news-list-content .summary-2-child img,html.mobile .news-list-content .summary-2-child .imgRec {
    clear: both;
    width: 100%;
    height: 1.7rem;
    width: 3.25rem;
    overflow: hidden;
}

html.mobile .news-detail-content .summary img {
    margin-bottom: 0.1rem;
}

/* html.mobile .news-detail-content .summary-2-child .text,html.mobile  .news-list-content .summary-2-child .text{
    padding:0rem;
    width: 100%;
    float: left;
} */
html.mobile .news-detail-content .article .t2 {
    font-size: 0.18rem;
    color: #201D1C;
    line-height: 0.25rem;
    margin: 0.1rem 0 0.05rem;
}

html.mobile .news-detail-content .summary {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 1px solid rgba(0,0,0,0.10);
    overflow: hidden;
}

html.mobile .news-detail-content .summary-2-child .t3:last-child {
    margin-bottom: 0.2rem;
}

/*寝具官网移动端_首页新闻V1.0------------------结束--------*/
/*寝具官网移动端_首页_发展历程大事记V1.00------------------开始--------*/
html.mobile .about-inner-box .t1,html.mobile .product-param .t1 {
    width: 100%;
    margin-bottom: 0.1rem;
    font-size: 0.24rem;
    line-height: 0.33rem;
    color: #201D1C;
    text-align: center;
}

html.mobile .about-tabs-inner .about-inner-box .t3 {
    width: 100%;
    font-size: 0.12rem;
    line-height: 0.18rem;
    color: #717171;
    text-align: left;
    width: 3.25rem;
}

html.mobile .about-tabs-inner .about-inner-box .right .t3 {
    text-align: center;
    width: 54%;
    display: block;
}

html.mobile .about-inner-box .t3 {
    font-size: 0.12rem;
    line-height: 0.22rem;
    width: 3.25rem;
}

html.mobile .about-inner-box.builder-f1.honor-f1 .t3 {
    text-align: left;
}

html.mobile .builder-f1 {
    padding: 0.2rem 0 0.2rem;
    padding-bottom: 0.26rem;
    width: 3.25rem;
    margin: auto;
}

html.mobile .about-tabs .tabs-item {
    width: 100%;
    float: none;
}

html.mobile .about-tabs {
    width: 100%;
    min-width: auto;
    overflow: hidden;
    height: auto;
    overflow-x: auto;
}

html.mobile .timeline .timeline-inner img {
    display: block;
    width: 100% !important;
    height: auto;
}

html.mobile .timeline-tit {
    font-size: 0.18rem;
    line-height: 0.25rem;
    margin-top: 0;
    margin-bottom: 0.05rem;
    display: block;
    width: 100%;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 0.5rem;
}

html.mobile .timeline-inner-year:first-child .timeline-item:first-child {
    border-top: 1px solid rgba(76,81,95,0.2);
    padding-top: 0.15rem;
}

html.mobile .timeline-item .desc {
    font-size: 0.12rem;
    line-height: 0.22rem;
    color: #717171;
    padding-bottom: 0.1rem;
    border-bottom: 1px solid rgba(76,81,95,0.2);
    margin-top: 0.1rem;
}

html.mobile .about-tabs .tabs-item {
    width: 1.08rem;
    margin: 0.16rem 0.01rem 0rem;
    padding-bottom: 0.14rem;
    line-height: 0.17rem;
    color: #717171;
    display: inline-block;
    `` }

html.mobile .about-container {
    overflow: hidden;
}

html.mobile .timeline .time-con {
    width: 0.38rem;
    height: 0.34rem;
    background: #fff url(../images/derucci_img_index_dashiji_yuefen@1x.png);
    background-size: 100% 100%;
    font-size: 0.12rem;
    line-height: 0.34rem;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

html.mobile .timeline-time-list .time-year:hover,html.mobile .timeline-time-list .time-year.active {
    width: 0.2rem;
    height: 0.2rem;
    margin-top: -2px;
    font-size: 0;
    position: relative;
    /* background: url(../images/derucci_img_index_dashiji_shijianzhou_hover@1x.png) no-repeat; */
}

html.mobile .timeline-time-list .time-year {
    font-size: 0.12rem;
    color: #BABABA;
    line-height: 0.13rem;
}

html.mobile .builder.timeline {
    padding-bottom: 0.5rem;
    padding-top: 0;
}

html.mobile .timeline {
    width: 100%;
    padding-left: 0.28rem;
}

html.mobile .timeline-item {
    /* padding-bottom: 0.2rem; */
    /* padding-left: 0; */
    /* width: 3.25rem; */
    /* margin: 0 auto; */
    /* border-left: 0; */
}

/* html.mobile .swiper-container{
    width:3.25rem;
    height: 1.7rem;
} */
html.mobile .partner-detail-info .imgs .swiper-button-prev,html.mobile .partner-detail-info .imgs .swiper-button-next,html.mobile .timeline-item .swiper-button-prev,html.mobile .timeline-item .swiper-button-next {
    display: none;
}

/*寝具官网移动端_首页发展历程大事记------------------结束--------*/
/*寝具官网移动端_首页公益详情---
--------------开始--------*/
html.mobile .news-detail-content .summary-2 {
    padding-top: 0;
}

/*寝具官网移动端_首页公益详情----
--------------结束--------*/
/*/寝具官网移动端_首页公益计划----
--------------开始--------*/
html.mobile .about-tabs #btn.cur {
    color: #201D1C;
}

html.mobile .about-tabs #btn.cur,html.mobile .about-tabs #btn {
    padding-left: 0;
    padding-right: 0;
    width: auto;
}

html.mobile .news-list-content .about-tabs {
    height: auto;
}

html.mobile .news-list-content .about-tabs {
    border-bottom: 0;
}

/*/寝具官网移动端_首页_追梦者----
--------------结束--------*/
/*/寝具官网移动端_首页_追梦者----
--------------开始--------*/
html.mobile .dream .about-tabs-inner {
    min-width: auto;
}

html.mobile .desc-f1 {
    width: 3.25rem;
    padding: 0.1rem 0 0.1rem;
}

html.mobile .about-inner-box {
    margin: 0 auto;
}

html.mobile .about-inner-box img {
    width:100%;
    height:auto;
}
html.mobile .block-list {
    width: 3.25rem;
    padding: 0.1rem 0 0.1rem;
}

html.mobile .block-list .block {
    width: 3.25rem;
    height: 1.44rem;
    margin-right: 0;
    margin-bottom: 0.1rem;
}

html.mobile .block-list .block p {
    font-size: 0.18rem;
    line-height: 0.25rem;
}

/*/寝具官网移动端_首页公益计划----
--------------结束--------*/
/*/寝具官网移动端_首页_简介_公司介绍----
--------------开始--------*/
html.mobile .about-tabs-inner {
    min-width: auto;
    width: 100%;
}

html.mobile .desc-f1-img {
    margin-top: 0.1rem;
}

html.mobile .desc-f1-img img {
    width: 3.25rem;
}

html.mobile .desc-f2-bg {
    background-size: 3.75rem 3.31rem;
    background-position: center center;
}

html.mobile .desc-f2 {
    width: 3.75rem;
    height: 3.31rem;
    2 padding: 0.1rem 0;
    height: 3.31rem;
    color: #ffffff!important;
}

html.mobile .desc-f2 {
    padding: 0.3rem 0.25rem 0rem;
}

html.mobile .desc-f2-bg .desc-f2 p,html.mobile .desc-f4-bg .desc-f4 p {
    color: #ffffff;
}

html.mobile .desc-f2-bg {
    background-image: linear-gradient(-270deg, #656D82 0%, #2E323E 60%, #060B17 100%);
}

html.mobile .desc-f2-bg .desc-f2 .t3,html.mobile .desc-f4-bg .desc-f4 .t3 {
    margin: 0 auto 0.2rem;
    width: 3.25rem;
    color: #ffffff;
}

html.mobile .desc-f2-img {
    width: 100%;
}

html.mobile .desc-f2-img .item img {
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    margin: 0 auto 0.1rem
}

html.mobile .desc-f2-img .t {
    font-size: 0.14rem;
}

html.mobile .about-inner-box .t2 {
    width: 100%;
    margin-bottom: 0.4rem;
    line-height: 0.2rem;
}

html.mobile .desc-f2-img .t2 {
    font-size: 0.14rem;
}

html.mobile .desc-f3 {
    width: 3.25rem;
    padding: 0.3rem 0 0;
}

html.mobile .desc-f1-img .right .t3,html.mobile .about-inner-box.desc-f3 .t3 {
    margin-bottom: 0.1rem;
}

html.mobile .desc-f3 {
    height: 4.23rem;
    background-size: 3.25rem auto ;
}

html.mobile .desc-f4 {
    padding: 0.3rem 0 0.4rem;
    background-size: auto 3.54rem;
}

html.mobile .desc-f4-img {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
}

html.mobile .desc-f4-img img {
    width: 0.8rem;
    height: 0.5rem;
    margin: 0 0.06rem 0.1rem 0 !important;
}

html.mobile .desc-f4 .desc-f4-img {
    width: 3.4rem;
}

html.mobile .desc-f4-img img:nth-child(4n) {
    margin-right: 0 !important;
}

html.mobile .banner.about .btnBox, html.mobile .banner.paper .btnBox, html.mobile .banner.senses .btnBox, html.mobile .banner.tech .btnBox, html.mobile .banner.globalRes .btnBox, html.mobile .banner.music .btnBox {
    margin-top: 0;
    width: 3.46rem;
}

html.mobile .banner.globalRes, html.mobile .banner.senses, html.mobile .banner.tech, html.mobile .banner.paper, html.mobile .banner.music, html.mobile .banner.high, html.mobile .banner.mobileHigh {
    height: 2.96rem;
    background-size: auto 2.96rem;
}

html.mobile .banner.globalRes {
    background-image: url(../images/derucci_m_img_yanjiuyuan_ziyuanzhenghe_banner_default@2x.png);
}

html.mobile .banner.senses {
    background-image: url(../images/derucci_m_img_yanjiuyuan_shuimianwenhua_banner1_default@2x.png);
}

html.mobile .banner.tech {
    background-image: url(../images/derucci_m_img_yanjiuyuan_shuimiankeji_banner1_default@2x.png);
}

html.mobile .banner.paper {
    background-image: url(../images/derucci_m_img_yanjiuyuan_baipishu_banner_default@2x.png);
}

html.mobile .banner.music {
    background-image: url(../images/derucci_m_img_yanjiuyuan_shuimianwenhua_banner2_default@2x.png);
}

html.mobile .banner.high, html.mobile .banner.mobileHigh {
    background-image: url(../images/derucci_m_img_index_customerservice_banner_default@2x.png);
}

html.mobile .banner.paper h1,html.mobile .banner.globalRes h1 {
    font-size: 0.32rem;
    margin-bottom: 0.2rem;
    line-height: 0.45rem;
}

html.mobile .banner .h2 {
    font-size: 0.2rem;
    line-height: 0.28rem;
    padding-bottom: 0.27rem;
    position: relative;
    color: #fff;
    z-index: 1;
}

html.mobile .banner .h2:after {
    content: '';
    width: 0.25rem;
    height: 2px;
    position: absolute;
    bottom: 0.14rem;
    left: 50%;
    margin-left: -0.125rem;
    background: #fff;
}

html.mobile .sleep-res-f1, html.mobile .sleep-res-f2, html.mobile .sleep-res-f3 {
    padding: 0.3rem 0 0.2rem;
    min-width: auto;
    width: 100%;
}

html.mobile .sleep-res-f1 .sleep-res-inner, html.mobile .sleep-res-f2 .sleep-res-inner, html.mobile .sleep-res-f3 .sleep-res-inner, html.mobile .sleep-res-f3 .t3 {
    width: 100%;
}

html.mobile .sleep-content .t1 {
    font-size: 0.24rem;
    line-height: 0.32rem;
}

html.mobile .sleep-res-f1 .t1, html.mobile .sleep-res-f3 .t1 {
    margin-bottom: 0.1rem;
}

html.mobile .sleep-content .t3 {
    font-size: 0.12rem;
    line-height: 0.2rem;
    text-align: left;
    padding: 0 0.25rem;
}

html.mobile .sleep-res-f1 .t3 {
    margin-bottom: 0.2rem
}

html.mobile .global-res-map .map-line, html.mobile .global-res-map .label {
    display: none;
}

html.mobile .sleep-res-f2 .sleep-res-inner .t1 {
    margin-bottom: 0.3rem;
}

html.mobile .res-org-list {
    width: 3.35rem;
    margin: auto;
}

html.mobile .res-org-list .res-org-item p {
    font-size: 0.12rem;
    line-height: 0.17rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

html.mobile .res-org-list .res-org-item img {
    height: 0.36rem;
    width: 100%;
    /*margin: 0 auto 0.06rem;*/
}

html.mobile .res-org-list .res-org-item {
    width: 1rem;
    height: 0.36rem;
    margin-right: 0.12rem;
    margin-bottom: 0.1rem;
}

html.mobile .res-org-list .res-org-item:nth-child(3n) {
    margin-right: 0;
}

html.mobile .global-res-designer {
    width: 3.25rem;
    margin-top: 0.2rem;
    position: relative;
    z-index: 1;
}

html.mobile .global-res-designer .designer-col {
    width: 50%;
}

html.mobile .global-res-designer .single {
    width: 100%;
}

html.mobile .global-res-designer .designer-item {
    width: 1.61rem;
    height: 2.2rem;
    position: static;
}

html.mobile .global-res-designer .single .designer-item {
    padding-bottom: 2px;
}

html.mobile .global-res-designer .designer-col.single .designer-item {
    height: 2rem;
    width: 3.25rem;
}

html.mobile .global-res-designer .designer-item .designer-intro {
    width: 1.625rem;
    z-index: 2;
    height: 4.4rem;
    left: auto;
    top: auto;
    bottom: 0;
}

html.mobile .global-res-designer .designer-col:nth-child(1) .designer-item .designer-intro, html.mobile .global-res-designer .designer-col:nth-child(3) .designer-item .designer-intro {
    right: 0;
}

html.mobile .global-res-designer .designer-col:nth-child(2) .designer-item .designer-intro {
    left: 1.625rem;
}

html.mobile .designer-intro .half-intro {
    height: auto;
    padding: 0.15rem;
}

html.mobile .global-res-designer .designer-intro .t1 {
    font-size: 0.14rem;
    line-height: 0.2rem;
    margin-bottom: 0.05rem;
}

html.mobile .global-res-designer .designer-intro .t3 {
    font-size: 0.1rem;
    margin-bottom: 0.05rem;
    line-height: 0.14rem;
    padding: 0;
}

html.mobile .sleep-senses-bottom {
    padding: 0.25rem;
    width: 100%;
    min-width: auto;
}

html.mobile .senses-bottom-inner {
    width: 100%;
}

html.mobile .senses-bottom-item {
    float: none;
    width: 100%;
    height: 1rem;
    padding: 0 0.3rem 0 0;
    margin: 0;
    display: block;
}

html.mobile .senses-bottom-item:first-child {
    margin-bottom: 0.25rem
}

html.mobile .senses-bottom-item .t1 {
    font-size: 0.24rem;
    line-height: 1rem;
}

html.mobile .banner.senses .t3, html.mobile .banner.music .t3, html.mobile .banner.tech .t3, html.mobile .banner.paper .t3 {
    font-size: 0.12rem;
    line-height: 0.2rem;
    margin-bottom: 0.1rem;
    width: 2rem;
}

html.mobile .banner.tech .t3, html.mobile .banner.paper .t3 {
    width: 3rem;
}

html.mobile .banner.senses h1,html.mobile .banner.music h1,html.mobile .banner.tech h1 {
    font-size: 0.32rem;
    line-height: 0.45rem;
    margin-bottom: 0.1rem;
}

html.mobile .sleep-senses-intro {
    padding: 0.3rem 0 0.24rem;
}

html.mobile .sleep-content .t2 {
    line-height: 0.2rem;
    font-size: 0.18rem;
}

html.mobile .sleep-content .sleep-senses-intro .t2 {
    margin: 0.1rem 0;
}

html.mobile .sleep-content .block-list .block {
    height: 3.25rem;
}

html.mobile .sleep-content .block-list .block .mask img {
    display: block;
    width: .5rem;
    height: .5rem;
    margin-top: 0;
    position: relative;
    top: -1rem;
    margin-bottom: -0.4rem;
}

html.mobile .sleep-content .block-list .block p {
    margin: 0;
    padding: 0;
}

html.mobile .sleep-content .block-list .block .t3 {
    width: 2.8rem;
    height: auto;
    font-size: 0.12rem;
    line-height: 0.2rem;
    /* margin-top: -0.6rem; */
    margin-bottom: -0.4rem;
}

html.mobile .sleep-senses-list {
    margin: 0.2rem auto 0.25rem;
    width: 3.25rem;
}

html.mobile .sleep-senses-list .t1 {
    margin-bottom: 0.2rem;
}

html.mobile .sleep-senses-list li {
    padding: 0.2rem 0;
}

html.mobile .sleep-senses-list li p {
    font-size: 0.12rem;
    line-height: 0.17rem;
}

html.mobile .sleep-senses-list li .title, html.mobile .sleep-senses-list li .time {
    width: 100%;
}

html.mobile .sleep-senses-list li .title {
    margin-bottom: 2px;
}

html.mobile .sleep-tech-intro {
    padding: 0.3rem 0;
}

html.mobile .sleep-tech-intro .t1 {
    margin-bottom: 0.1rem;
}

html.mobile .sleep-tech-imgs > img {
    width: 0.36rem;
    height: 0.36rem;
}

html.mobile .sleep-tech-intro .btn {
    width: 2.75rem;
    margin-top: 0.3rem;
    line-height: 0.44rem;
    font-size: 0.16rem;
}

html.mobile .sleep-tech-intro .sleep-tech-imgs {
    margin-top: 0.23rem;
}

html.mobile .sleep-tech-f2,html.mobile .sleep-tech-f3, html.mobile .sleep-tech-f4, html.mobile .sleep-tech-f5 {
    height: 4.6rem;
}

html.mobile .sleep-tech-f1 .tech-img-item .t3 {
    display: block;
    padding-left: 0;
    line-height: inherit;
    width: .96rem;
    text-align: center;
}

html.mobile .modif-autoz {
    height: auto;
}

html.mobile .sleep-tech-f3 .sleep-tech-text {
    position: static;
    padding-top: 0.24rem;
    width: 100%:
}

html.mobile .sleep-tech-f1 .sleep-tech-text {
    padding-top: 0.3rem;
    padding-bottom: .1rem;
}

html.mobile .sleep-tech-f3 .t2 {
    margin-bottom: 0.1rem;
    text-align: center;
}

html.mobile .sleep-tech-f1 .sleep-tech-inner {
    background: none;
}

html.mobile .sleep-tech-f3.sleep-tech-f1 .sleep-tech-img {
    padding-top: 0;
    display: block;
    overflow: hidden;
}

html.mobile .sleep-tech-f3 .sleep-tech-img {
    position: static;
    width: 100%;
    margin: 0.3rem 0 0;
    padding-top: 0.45rem;
}

html.mobile .modif-sleep-tech-img {
    padding-left: 1.57rem;
}

html.mobile .sleep-tech-f1 .tech-img-item {
    width: .96rem;
    float: left;
    height: 1.15rem;
    margin: 0 .14rem .2rem;
}

html.mobile .sleep-tech-f1.sleep-tech-f3 .tech-img-item img {
    width: 0.5rem;
    height: 0.5rem;
    margin: auto;
}

html.mobile .sleep-tech-f1 .tech-img-item:last-child(4) {
    margin-left: .7rem;
}

html.mobile .sleep-tech-f1 .tech-img-item .t2 {
    margin-top: 0.1rem;
    font-size: 0.14rem;
}

html.mobile .sleep-tech-f2 {
    padding: 0.4rem 0 0;
    background-image: url(../images/derucci_m_img_yanjiuyuan_shuimiankeji_4_default@2x.png);
}

html.mobile .sleep-tech-f3 {
    background-image: url(../images/derucci_m_img_yanjiuyuan_shuimiankeji_3_default@2x.png);
}

html.mobile .sleep-tech-f4 {
    background-image: url(../images/derucci_m_img_yanjiuyuan_shuimiankeji_2_default@2x.png);
}

html.mobile .sleep-tech-f5 {
    background-image: url(../images/derucci_m_img_yanjiuyuan_shuimiankeji_5_default@2x.png);
}

html.mobile .sleep-tech-f1 {
    background-image: none;
    background: #ffffff;
}

html.mobile .sleep-tech-f2 .sleep-tech-inner {
    margin: 0;
}

html.mobile .sleep-tech-f2 .sleep-tech-inner .t2 {
    font-size: 0.24rem;
    text-align: center;
    margin-bottom: 0.15rem;
    line-height: 0.32rem;
}

html.mobile .sleep-tech-f2 .sleep-tech-inner li {
    line-height: 0.2rem;
    font-size: 0.12rem;
    margin-bottom: 0.1rem;
}

html.mobile .sleep-tech-f2 .sleep-tech-inner li span {
    font-size: 0.18rem;
    line-height: 0.2rem;
}

html.mobile .sleep-tech-f2 .sleep-tech-inner ul {
    width: 3rem;
    margin-left: 0.5rem;
}

html.mobile .sleep-tech-f3 .sleep-tech-text span, html.mobile .sleep-tech-f4 .sleep-tech-text span, html.mobile .sleep-tech-f5 .sleep-tech-text span {
    font-size: 0.18rem;
    line-height: 0.2rem;
}

html.mobile .sleep-tech-f3 .sleep-tech-img img {
    width: 0.36rem;
    height: 0.36rem;
    margin-right: 0.08rem;
}

html.mobile .sleep-tech-f3 .sleep-tech-img .t3 {
    padding: 0;
    margin-bottom: 0;
    margin-top: 0px;
}

html.mobile .sleep-tech-f4 .sleep-tech-text, html.mobile .sleep-tech-f5 .sleep-tech-text {
    width: 100%;
    position: static;
    padding-top: 0.4rem;
}

html.mobile .sleep-tech-f4 .t2, html.mobile .sleep-tech-f5 .t2 {
    text-align: center;
    margin-bottom: 0.1rem;
}

html.mobile .sleep-music-intro {
    padding: 0 0 0.3rem;
}

html.mobile .sleep-music-intro .t1 {
    margin-bottom: 0.1rem;
}

html.mobile .sleep-music-player {
    padding: 0 0 0.25rem;
    position: relative;
}

html.mobile .player-div {
    padding: 4.5rem 0 0;
    width: 3.25rem;
}

html.mobile .music-dotation {
    top: 3.75rem;
    z-index: 2;
}

html.mobile .musicTable {
    width: 100%;
    padding-bottom: 0.6rem;
}

html.mobile .player-div .music-intro {
    margin: 0;
    min-height: 0;
}

html.mobile .music-intro .t1 {
    margin-bottom: 0.1rem;
}

html.mobile .music-intro .info {
    padding-left: 0.64rem;
    line-height: 0.2rem;
    margin-bottom: 0;
}

html.mobile .music-intro .info label {
    width: 0.64rem;
    line-height: 0.2rem;
}

html.mobile .player-div .player-box {
    top: 0;
    left: 50%;
    margin-left: -190px;
}

html.mobile .sleep-paper-f1 {
    min-width: auto;
    padding: 0.3rem 0 0.2rem;
}

html.mobile .sleep-paper-inner {
    margin: auto;
    width: 3.25rem;
}

html.mobile .cur-paper .paper-cover {
    display: block;
    width: auto;
    height: 2rem;
    margin: 0 auto .2rem;
    float: none;
}

html.mobile .music-dotation span {
    width: 28px;
    height: 28px;
    margin: 4px 6px;
    line-height: 28px;
    font-size: 9px;
}

html.mobile .music-dotation span.active {
    margin: 0 6px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    text-indent: 0;
}

html.mobile .musicTable table thead th:nth-child(4), html.mobile .musicTable table tbody td:nth-child(4) {
    display: none;
}

html.mobile .musicTable table thead th {
    font-size: 12px;
    padding: 4px 0;
}

html.mobile .musicTable table .icon-pause {
    display: inline-block;
}

html.mobile .musicTable table tbody td {
    padding: 10px 0;
    font-size: 14px;
}

html.mobile .musicTable {
    padding-bottom: 20px;
    position: relative;
    max-height: 312px;
    overflow: hidden;
}

html.mobile .musicTable.open {
    max-height: auto;
}

html.mobile .musicTable.open:after {
    display: none;
}

html.mobile .musicTable.open .m-expand {
    display: none;
}

html.mobile .musicTable:after {
    content: '';
    width: 100%;
    height: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-background-image: -webkit-linear-gradient(-180deg, rgba(255,255,255,0.00) 30%, #FFFFFF 100%);
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 30%, #FFFFFF 100%);
    z-index: 1;
}

html.mobile .musicTable .m-expand {
    width: 20px;
    height: 20px;
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -10px;
    bottom: 0;
    background: url(../images/derucci_m_icon_common_dropdown@3x.png);
    background-size: 100% 100%;
}

html.mobile .cur-paper .paper-intro {
    height: auto;
    width: 100%;
    margin: 0;
    float: none;
}

html.mobile .cur-paper .paper-intro .t1 {
    margin-bottom: 0.1rem;
}

html.mobile .cur-paper .paper-intro .t3 {
    padding: 0;
    margin-bottom: 0.2rem;
}

html.mobile .cur-paper .paper-intro .btn {
    width: 2.75rem;
    line-height: 0.44rem;
    font-size: 0.16rem;
    border-radius: 2px;
    margin: auto
}

html.mobile .all-paper {
    margin-top: 0.4rem;
    padding: 0;
    border: 0;
}

html.mobile .all-paper .paper-item {
    width: 1.35rem;
    height: 2rem;
    margin-right: 0.0rem;
    line-height: 1;
    margin-bottom: 0.2rem;
    margin-left: .15rem;
}

html.mobile .all-paper .paper-item:nth-child(2n) {
    margin-right: 0;
}

html.mobile .all-paper .paper-item .t1 {
    margin-top: 0.12rem;
}

html.mobile .all-paper .paper-item .t2 {
    font-size: 0.12rem;
    line-height: 0.16rem;
}

/*/寝具官网移动端_首页_简介—_企业理念----
--------------结束--------*/
/*/寝具官网移动端_首页_简介—_企业理念----
--------------开始--------*/
html.mobile .culture-f1 {
    width: 100%;
    padding: 0.2rem 0 0;
}

html.mobile .culture-f1-img {
    padding-top: 0;
}

html.mobile .culture-f2-bg {
    background-image: linear-gradient(-270deg, #656D82 0%, #2E323E 60%, #060B17 100%);
    width: 3.75rem ;
    height: 4.13rem;
}

html.mobile .culture-f2 {
    padding: 0.3rem 0 0;
    width: 3.75rem;
    height: 4.31rem;
}

html.mobile .culture-f1-img .right img {
    margin: 0 auto 0.1rem;
    width: 0.6rem;
    height: 0.6rem;
}

html.mobile .culture-f1-img .right {
    display: block;
}

html.mobile .culture-f1-img .right .t2 {
    font-size: 0.14rem;
    margin-bottom: 0.1rem;
}

html.mobile .culture-f2-bg .culture-f2 .t1,html.mobile .culture-f2-bg .culture-f2 .t3,html.mobile .culture-f4-bg .culture-f4 .t1,html.mobile .culture-f4-bg .culture-f4 .t3 {
    color: #fff;
}

html.mobile .culture-f1-img .right {
    width: 50%;
    margin: 0 0 0.3rem;
}

html.mobile .culture-f1-img .right p {
    text-align: center;
    width: 54%;
    margin: 0 auto;
}

html.mobile .culture-f2-img {
    margin-top: 0.2rem;
}

html.mobile .culture-f2-img span {
    width: 0.68rem;
    height: 0.68rem;
    line-height: 0.68rem;
    font-size: 0.12rem;
    margin: 0 0 0.3rem 0.44rem;
}

html.mobile .culture-f2-img span:nth-child(4) {
    margin-left: 0.98rem;
}

html.mobile .culture-f3 {
    width: 3.25rem;
    padding: 0.2rem 0 0.3rem;
}

html.mobile .culture-f3 img {
    margin-top: 0.1rem;
}

html.mobile .customer .page5,html.mobile .footer-bg,html.mobile .desc-f4-bg,html.mobile .culture-f4-bg {
}

html.mobile .culture-f4 {
    width: 3.15rem;
    padding: 0.3rem 0 0.4rem;
}

html.mobile .culture-f4-bg .culture-f4 img {
    width: 3.15rem;
    margin: 0.1rem auto 0;
}

/*寝具官网移动端_首页_简介—_企业理念----
--------------结束--------*/
/*about_honor.html寝具官网移动端_首页_简介—_企业荣誉----
--------------结束--------*/
html.mobile .news-list-content.adlist .summary-2-child .imgRec img,html.mobile .news-list-content.adlist .summary-2-child .imgRec video {
    display: block;
    width: 100%;
    height: 1.7rem;
    position: static;
}

html.mobile .news-list-content .article .t3 {
    height: auto;
    /* display: block; */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 0.22rem;
}

/*about_honor.html寝具官网移动端_首页_简介—_企业荣誉----
--------------结束--------*/
html.mobile .timeline {
    padding-left: 0;
    min-height: 0rem;
    padding-top: 0.5rem;
}

html.mobile .timeline-time-list {
    /* display: none; */
}

html.mobile .timeline-time-list ul {
    width: 100%;
    white-space: nowrap;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

html.mobile .timeline-time-list .time-year:before {
    content: ""attr(data-year)"";
    font-size: 0.09rem;
    position: absolute;
    top: 0.1rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

html.mobile .timeline-time-list .time-year.active:before {
    display: none;
}

html.mobile .news-list-content.adlist .summary-2-child .videoCol:after {
    background-image: url(../images/derucci_m_icon_index_video_begin@2x.png);
    background-size: 0.68rem;
}

html.mobile .news-list-content.adlist .summary-2-child:hover .imgRec.playing:after {
    display: none;
}

/* 鍔犵洘涓績 */
html.mobile .banner.join-goodness h1,html.mobile .banner.join h1, html.mobile .banner.join-laws h1, html.mobile .banner.internal h1 {
    font-size: 0.32rem;
    line-height: 0.45rem;
}

html.mobile .join-advantage-f1, html.mobile .join-advantage-f3 {
    padding: 0.3rem 0;
    background: #fff;
}

html.mobile .join-advantage-f1.operational {
    background: url(../images/derucci_pc_img_jiameng_jiamengyoushi_yunyingyoushi.jpg) no-repeat center top;
    height: 5.2rem;
    background-size: cover;
}

html.mobile .join-advantage-f3 {
    padding-bottom: 0.8rem;
}

html.mobile .join-inner {
    width: 100%;
}

html.mobile .join-inner .t1 {
    font-size: 0.24rem;
    line-height: 0.32rem;
    margin-bottom: 0.1rem
}

html.mobile .join-inner .t4 {
    font-size: 0.12rem;
    width: 3.25rem;
    margin: auto;
    text-align: justify;
    line-height: 0.22rem;
}

html.mobile .join-advantage-f1 .t4 {
    margin-bottom: 0.26rem
}

html.mobile .advantage-imgs,html.mobile .sleep-tech-imgs,html.mobile .sleep-advisor-imgs {
    width: 3.25rem;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    margin: auto;
}

html.mobile .join-advantage-f2 .advantage-imgs {
    margin-top: 0.3rem
}

html.mobile .join-advantage-f2 .img-item img, html.mobile .join-laws-f2 .img-item img {
    margin: 0 auto 0.16rem;
    width: 0.6rem;
    height: 0.6rem;
}

html.mobile .join-inner .t3 {
    font-size: 0.14rem;
    line-height: 0.2rem;
    margin-bottom: 0.12rem;
}

html.mobile .advantage-imgs > img {
    width: 1rem;
    height: auto;
}

html.mobile .join-advantage-f2 {
    padding: 0.3rem 0 0.26rem;
}

html.mobile .join-inner .img-item .t4 {
    width: 100%;
}

html.mobile .join-advantage-f2 .img-item {
    width: 0.75rem;
    height: auto;
}

html.mobile .join-advantage-f3 .swiper-container .swiper-slide {
    height: 3.25rem;
    width: 2.96rem !important;
    height: 1.48rem;
    margin-right: 0.15rem !important;
}

html.mobile .join-advantage-f3 .swiper-container .imgItem {
    width: 1.44rem;
}

html.mobile .join-advantage-f3 .itemText .t2 {
    font-size: 0.16rem;
    line-height: 0.22rem;
    margin-bottom: 0;
}

html.mobile .join-advantage-f3 .swiper-container .itemText {
    width: 1.52rem;
    margin-right: 0;
}

html.mobile .join-laws-f2 .join-inner, html.mobile .join-laws-f3 .join-inner {
    padding: 0.3rem 0;
}

html.mobile .join-inner-c1 .jion-terms p {
    padding-left: 16px;
    width: 100%;
    float: none;
    line-height: 0.17rem;
    margin-bottom: 0.1rem;
    white-space: normal;
    background-position-y: 0.02rem;
}

html.mobile .join-inner-c1 {
    height: auto;
    padding-bottom: 0.2rem;
}

html.mobile .join-inner-c1 .jion-terms {
    width: 100%;
    width: 3.25rem;
    margin: auto;
}

html.mobile .join-inner-c2 {
    padding: 0.3rem 0 0;
    height: auto;
    background: url(../images/derucci_m_img_jiameng_xize_secongflod@2x.jpg) no-repeat center center;
    background-size: cover;
}

html.mobile .join-laws-f2 {
    background: none;
}

html.mobile .join-laws-f2 .t2 {
    font-size: 0.24rem;
    line-height: 0.32rem;
    margin-bottom: 0;
}

html.mobile .join-laws-f2 .join-inner .t4 {
    margin-top: 0.1rem;
    text-align: left;
    margin-bottom: 0 !important;
}

html.mobile .join-laws-f2 .join-inner .t3 {
    margin-top: 0.1rem;
    margin-bottom: 0 !important;
    font-size: 0.12rem;
}

html.mobile .join-inner-c2 .desc-f4-img {
    margin-top: 0.2rem;
}

html.mobile .join-inner-c2 .desc-f4-img td {
    padding: 0 0.03rem;
}

html.mobile .join-inner-c2 .desc-f4-img td p, html.mobile .join-inner-c2 .brand-items .brand-item p {
    font-size: 0.11rem;
    opacity: 0.7;
    margin: 0.08rem 0 0.2rem;
    color: #fff;
    line-height: 0.16rem;
}

html.mobile .join-inner-c2 .brand-items {
    width: 3.39rem;
    overflow: hidden;
    margin: auto;
}

html.mobile .join-inner-c2 .brand-items > img {
    display: block;
    width: 100%
}

html.mobile .join-inner-c2 .brand-items .brand-item {
    width: 0.8rem;
    height: 0.94rem;
    margin-right: 0.06rem;
    float: left;
}

html.mobile .join-advantage-f2 .join-inner-c2 {
    background: none;
}

html.mobile .join-advantage-f2 .join-inner-c2 .brand-items .brand-item {
    height: 0.6rem;
}

html.mobile .join-inner-c2 .brand-items .brand-item:nth-child(4n) {
    margin-right: 0;
}

html.mobile .join-laws-f2 .join-inner .t4:last-child {
    margin-top: 0.3rem !important;
}

html.mobile .join-inner-c2 .desc-f4-img .t4 span {
    margin-right: 0;
    margin-left: 0.5rem;
    display: block;
    margin-bottom: 0.24rem;
}

html.mobile .join-inner-c2 .desc-f4-img .t4 img {
    width: 0.25rem;
    height: 0.25rem;
    margin-right: 0.15rem;
    margin-bottom: 0;
}

html.mobile .join-flow {
    margin: 0.2rem auto 0;
    width: 3.25rem;
}

html.mobile .join-flow .flow-item {
    min-height: 100px;
    height: auto;
    padding-bottom: 14px;
}

html.mobile .join-laws-f3 > .t1 {
    font-size: 0.24rem;
    line-height: 0.32rem;
    margin-bottom: 0.2rem
}

html.mobile .join-laws-f3 {
    padding-bottom: 0.1rem;
    border-bottom: 1px solid #E9E9E9;
}

html.mobile .join-laws-f3 .join-inner {
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 0.3rem;
}

html.mobile .contact-table {
    width: 3.25rem;
    margin-bottom: 0.2rem;
}

html.mobile .contact-table th, html.mobile .contact-table td {
    line-height: 0.18rem;
    padding: 0.125rem 0;
    font-size: 0.14rem;
    vertical-align: middle;
}

html.mobile .join-contact-f1 .join-inner {
    padding: 0.3rem 0 0;
}

html.mobile .join-contact-f1 .join-inner .t2 {
    font-size: 0.18rem;
    line-height: 0.25rem;
    text-align: center;
    margin-bottom: 0.2rem;
}

html.mobile .join-contact-f1 .join-inner .t1 {
    margin-bottom: 0.1rem;
    line-height: 0.5rem;
    text-align: center;
}

html.mobile .join-contact-f1 .join-inner .t1 img {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.07rem;
    float: none;
}

html.mobile .join-contact-f1 .join-inner .t3 {
    text-align: center;
    width: 2.75rem;
    font-size: 0.12rem;
    margin: auto;
}

html.mobile .join_home .page4 .t1 {
    font-size: 0.32rem;
    line-height: 0.45rem;
    margin-bottom: 0.2rem;
}

html.mobile .join_home .page4 .t3 {
    font-size: 0.12rem;
    line-height: 0.2rem;
    width: 2.75rem;
}

/*填写加盟信息*/
html.mobile .jion-internal-form {
    width: 100%;
    padding: 0.3rem 0;
}

html.mobile .jion-internal-form .form-area {
    width: 2.75rem;
    margin: 0 auto 0.3rem;
}

html.mobile .form-title {
    font-size: 0.18rem;
    line-height: 0.25rem;
    margin-bottom: 0.3rem;
}

html.mobile .jion-internal-form .form-group {
    margin-bottom: 0.15rem;
}

html.mobile .jion-internal-form .input-control {
    width: 100%;
    font-size: 0.14rem;
    line-height: 0.2rem;
    padding: 0.12rem 0 0.12rem 0.2rem;
    margin: 0 0 0.15rem 0;
}

html.mobile .jion-internal-form .input-control:last-child {
    margin-bottom: 0;
}

html.mobile .jion-internal-form .select-group {
    padding-top: 0;
}

html.mobile .jion-internal-form .select-group label {
    font-size: 0.14rem;
    line-height: 0.2rem;
    margin-bottom: 0.15rem;
}

html.mobile .jion-internal-form .select-group .item {
    width: 1.3rem;
    line-height: 0.35rem;
    margin-right: 0.15rem;
    margin-bottom: 0.15rem;
    font-size: 0.12rem;
}

html.mobile .jion-internal-form .select-group .item:nth-child(even) {
    margin-right: 0;
}

html.mobile .jion-internal-form .select-group.brand .item {
    height: 0.35rem;
    width: 0.77rem;
    margin-right: 0.22rem;
}

html.mobile .jion-internal-form .select-group.brand .item:nth-child(3n) {
    margin-right: 0;
}

html.mobile .form-vertical {
    padding-top: 0;
}

html.mobile .form-vertical .form-group {
    padding-left: 0;
}

html.mobile .jion-internal-form textarea.mobile-input {
    height: 0.46rem;
    overflow-y: hidden;
}

html.mobile .jion-internal-form textarea.input-control {
    height: 0.88rem;
}

html.mobile .jion-internal-form .submit {
    width: 2.75rem;
    background: #CFBD95;
    border-radius: 2px;
    color: #fff;
    font-size: 0.16rem;
    line-height: 0.44rem;
    height: 0.44rem;
}

/*注册登录*/
html.mobile .login-content {
    width: 100%;
    padding: 0.3rem 0 0.5rem;
    margin: 0;
    height: 100vh;
}

html.mobile .form-container .form {
    width: 2.75rem;
}

html.mobile .login-content h1 {
    display: none;
}

html.mobile .login-content .form-group label {
    display: none;
}

html.mobile .login-content .form-group {
    margin-bottom: 0.15rem;
}

html.mobile .form-container .form .form-input {
    font-size: 0.14rem;
    color: #717171;
    padding: 0.12rem 0.2rem;
    line-height: 0.2rem;
}

html.mobile .form-group div.tip-error {
    bottom: 0.12rem;
    right: 0.12rem;
    font-size: 0.14rem;
    background-size: 0.14rem;
    line-height: 0.2rem;
    padding-left: 0.2rem;
}

html.mobile .yzm .form-group {
    width: 1.46rem;
}

html.mobile .yzm .yzmarea {
    line-height: 0.44rem;
    margin-top: 0;
    width: 1.14rem !important;
    height: 0.46rem !important;
    font-size: 0.12rem;
}

html.mobile .form-container .form-submit {
    margin-top: 0;
    line-height: 0.44rem;
    border-radius: 2px;
    font-size: 0.16rem;
}

html.mobile .login-content .links {
    margin-top: 0.1rem;
}

html.mobile .login-content .links>a {
    margin-right: 0.2rem;
    font-size: 0.12rem;
    line-height: 0.26rem;
}

html.mobile .login-logo {
    width: 0.95rem;
    height: 0.64rem;
    background: url(../images/derucci_logo_common_black_default.png) no-repeat;
    background-size: 100%;
    margin: 0 auto 0.3rem;
}

html.mobile .banner.high .t1 {
    font-size: 0.2rem;
    line-height: 0.28rem;
}

html.mobile .banner.high .t1:last-child {
    font-size: 0.36rem;
    line-height: 1;
}

html.mobile .banner.high .t2 {
    font-size: 0.32rem;
    line-height: 0.45rem;
    margin-top: 0.25rem;
}

html.mobile .banner.mobileHigh .t1 {
    font-size: 0.32rem;
    line-height: 0.45rem;
}

html.mobile .banner.high .t3 {
    font-size: 0.12rem;
    line-height: 0.2rem;
    margin-bottom: 0.2rem;
}

html.mobile .form-container .appointment {
    margin: auto;
    width: 100%;
}

html.mobile .appointment .item .form-submit {
    margin: 0.1rem auto 0 !important;
    width: 2.75rem;
}

html.mobile .appointment .item .t1 {
    font-size: 0.16rem;
    line-height: 0.26rem;
}

html.mobile .appointment .item .t2 {
    font-size: 0.36rem;
    line-height: 0.48rem;
    margin-bottom: 0.2rem;
}

html.mobile .form-container .appointment .item {
    width: 100%;
    text-align: center;
    border: 0;
    padding: 0;
}

html.mobile .form-container {
    padding: 0.3rem 0;
}

html.mobile .form-container.login {
    padding: 0;
}

html.mobile .form-container h1 {
    font-size: 0.18rem;
    line-height: 0.25rem;
    margin-bottom: 0.3rem;
}

html.mobile .form-container .form .form-input {
    margin-bottom: 0.15rem;
}

html.mobile .login-content .form-group .form-input {
    margin-bottom: 0;
}

html.mobile .form-container .form .form-help {
    font-size: 0.12rem;
    line-height: 0.2rem;
    margin-top: -0.1rem;
    margin-bottom: 0.1rem;
}

html.mobile .form-space {
    height: 0.2rem
}

html.mobile .form-container .form textarea.form-input {
    height: 1.6rem;
}

html.mobile .personalTailor .page1 .t1 {
    line-height: 0.45rem;
    font-size: 0.32rem;
    margin-top: 0.68rem !important;
}

html.mobile .personalTailor .page1 .t3 {
    font-size: 0.12rem;
    line-height: 0.2rem;
    margin-top: 0.1rem;
    text-align: center;
}

html.mobile .tailorBall {
    width: 2.12rem;
    height: 2.12rem;
    left: 50%;
    margin-left: -1.06rem;
}

html.mobile .personalTailor .tailorBox {
    width: 100%;
    margin-top: 0.23rem;
    padding-top: 2.4rem;
    height: auto;
}

html.mobile .tailorForm {
    width: 2.75rem;
    float: none;
    margin: auto;
    padding: 0;
}

html.mobile .tailorForm .form-group {
    height: 0.52rem;
    margin-bottom: 0;
    padding-left: 0.66rem;
    width: 49%;
    margin-right: 2%;
    float: left;
}

html.mobile .tailorForm .form-group:nth-child(even) {
    margin-right: 0;
}

html.mobile .tailorForm .form-group label {
    font-size: 0.16rem;
    line-height: 0.22rem;
    margin-bottom: 0.3rem;
}

html.mobile .tailorForm .form-group input {
    height: 0.22rem;
    line-height: 0.22rem;
    font-size: 0.16rem;
    border-bottom: 1px solid #717171;
}

html.mobile .tailorForm .form-group select {
    height: 0.22rem;
    line-height: 0.22rem;
    font-size: 0.16rem;
    border-bottom: 1px solid #717171;
    background: url(../images/derucci_m_icon_product_xingbie_selected@2x.png) no-repeat right center;
    background-size: auto 100%;
}

html.mobile .tailorForm .form-submit {
    width: 2.18rem;
    height: 0.45rem;
    line-height: 0.45rem;
    font-size: 0.14rem;
    color: #FFFFFF;
    background: url(../images/common_default.png) no-repeat;
    background-size: 100% 100%;
    border: 0;
    margin: 0.2rem auto 0;
}

html.mobile .modif-hide {
    display: none;
}

html.mobile .about-tabs {
    display: block !important;
    background-color: #eeeeee;
}
html.mobile .about-tabs.hj {
    padding-top: 30px;
}

html.mobile .about-tabs a {
    margin: auto 15px;
}

html.mobile .product-tabs {
    /* padding: 15px 0; */
    border-top: 1px solid #dddddd;
}

html.mobile .product-tabs>a {
    height: auto;
    line-height: 0.4rem;
    padding: 5px 10px;
    background: none;
}

html.mobile .product-tabs>a.currclass {
    border-bottom: 1px solid #717171;
}

html.mobile .modif-show {
    width: 100%;
    height: 2.7rem;
    display: block !important;
    background: url("../images/derucci_m_img_yanjiuyuan_shuimiankeji_5_default@3x.png")no-repeat;
    background-size: 100% 100%;
}

html.mobile .tailorBox .tailorBall ul li {
    width: 1.95rem;
    height: 1.95rem;
    margin-left: -0.975rem;
    margin-top: -0.975rem;
    opacity: 0.5;
}

html.mobile .tailorBall ul li span {
    width: 100%;
    heigt: 100%;
    margin-left: -0.975rem;
    margin-top: -0.975rem;
}

html.mobile .tailorBox .tailorBall .personImg {
    width: .86rem;
    height: 1.85rem;
    background-size: 100% 100%;
    margin: -0.7rem 0 0 -0.33rem;
}

html.mobile .tailorBox .tailorBall ul {
    width: .86rem;
    height: 1.85rem;
    margin-left: -0.43rem;
    margin-top: -0.925rem;
}

html.mobile .personalTailor .page1 {
    background: url(../images/derucci_m_img_product_sirendingzhi_yanjiuyuanrukou@1x.png) no-repeat center center;
    background-size: cover;
}

html.mobile .res-org-base {
    width: 100%;
}

html.mobile .res-org-base .org-base-item {
    width: 3.25rem;
    height: auto;
    margin: auto;
    float: none;
}

html.mobile .res-org-base .org-base-item img {
    width: 3.25rem;
    height: 2.9rem;
}

html.mobile .res-org-base .org-base-item p {
    font-size: .16rem;
    color: #201D1C;
    line-height: inherit;
    margin: .1rem 0 .2rem ;
    text-align: left;
}

html.mobile .sleep-res-f1 {
    padding-bottom: 0;
}

html.mobile .global-res-designer .designer-col:nth-child(3) .designer-item .designer-intro {
    right: 1.6rem;
}

html.mobile .about-tabs .xzxz {
    color: #BC9D58;
    border-bottom: 1px #BC9D58 solid;
}

html.mobile .about-tabsf8f8 {
    background: #f8f8f8;
}

html.mobile .about-tabsf8f8 .tabs-item.cur {
    color: #201D1C;
    border-bottom: 0;
}

html.mobile .modif-work-tcenter {
    width: 3.25rem;
    margin: auto;
}

html.mobile .modif-work-jz {
    margin-bottom: 0;
    position: relative;
}

html.mobile .modif-work-rightwg {
    width: 100%;
    float: none;
}

html.mobile .modif-work-cfbd {
    width: 100%;
    height: auto;
    background: none;
    color: #201D1C;
    padding: 0;
    margin-top: .3rem;
}

html.mobile .modif-work-p2 {
    font-size: .12rem;
    color: #717171;
    line-height: .22rem;
    margin-bottom: .1rem;
}

html.mobile .modif-work-p3 {
    font-size: .24rem;
    line-height: .22rem;
    color: #201D1C;
    text-align: center;
}

html.mobile .modif-work-p4 {
    margin-top: .1rem;
    text-align: center;
    font-size: .12rem;
    color: #717171;
}

html.mobile .modif-work-cfwb {
    padding-top: 2.2rem;
    margin: 0;
}

html.mobile .modif-work-leftwg {
    width: 3.25rem;
    position: absolute;
    margin-left: 0;
    margin: auto;
    height: 1.8rem;
    top: 1.1rem;
    left: 0;
}

html.mobile .modif-work-tp {
    width: 3.25rem;
    height: 1.7rem;
    float: none;
    background: url(../images/derucci_pc_img_index_xingongyeyuan_picture02@1x.png)no-repeat;
    background-size: 100% 100%;
}

html.mobile .modif-work-f7f7f7 {
    width: auto;
    background: #fff;
    padding: 0;
    float: none;
    height: auto;
}

html.mobile .modif-work-f7f7f7 .modif-work-p1 {
    padding: 0;
    margin: .1rem 0;
}

html.mobile .modif-work-p1 {
    font-size: .18rem;
    color: #201D1C;
    margin: .05rem 0;
}

html.mobile .modif-work-bottom {
    overflow: hidden;
    position: relative;
    width: 3.25rem;
    margin: auto;
    height: auto;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

html.mobile .modif-work-bottom1 {
    width: 3.25rem;
    height: 1.7rem;
    float: left;
    position: relative;
    left: 0;
}

html.mobile .modif-work-juz {
    float: none;
    width: 100%;
    position: relative;
    left: 0;
}

html.mobile .modif-work-xt {
    display: none;
}

html.mobile .modif-sjyem {
    margin-bottom: 0 !important;
}

html.mobile .news-list-content.adlist .about-tabs .tabs-item {
    width: auto;
}

html.mobile .news-list-content {
    width: 100% !important;
}

html.mobile .service .news-list-content .article {
    width: 3.3rem;
    margin: auto;
}

html.mobile .modify-smrkd {
    width: 3.25rem;
    margin: auto;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0.3rem;
}

html.mobile .modify-smrbk {
    border-bottom: 1px solid rgba(76,81,95,0.2);
    padding: .15rem 0 .15rem;
    position: relative;
    overflow: hidden;
}

html.mobile .modify-smrzt1 {
    font-size: .14rem;
    color: #717171;
    display: inline-block;
    padding: 0rem;
    line-height: 0.38rem;
    width: 0.34rem;
    height: 0.38rem;
    background: url(../images/derucci_m_img_index_dashiji_yuefen@2x.png) no-repeat;
    background-size: 100%;
    text-align: center;
}

html.mobile .modify-smrzt2 {
    font-size: .14rem;
    color: #201D1C;
}

html.mobile .modify-smrimg {
    float: left;
    margin-left: 0rem;
    width: 3.25rem;
    margin-bottom: .05rem;
}

html.mobile .modify-smrimg img {
    width: 100%;
    height: auto !important;
}

html.mobile .modify-smrztrr {
    display: block;
    float: left;
    width: 100%;
    margin-left: 0rem;
    height: auto;
}

html.mobile .modify-smrztrr .modif-p1 {
    font-size: 0.2rem;
    color: #000000;
    line-height: .22rem;
    margin-bottom: 15px;
    display: block;
}

html.mobile .modify-smrbt {
    line-height: inherit;
    margin-left: .15rem;
    font-size: .18rem;
    float: left;
    width: 2.4rem;
}

html.mobile .modify-smrbk .modify-smrbottom {
    width: .2rem;
    height: .2rem;
    background: url(../images/derucci_pc_icon_common_down@1x.png)no-repeat;
    background-size: 100% 100%;
    margin-top: 0.15rem;
    margin-right: 0;
    cursor: pointer;
}

html.mobile .modify-smrzs .modify-smrtb {
    position: relative;
    width: 100%;
    margin-bottom: .05rem;
}

html.mobile .modify-smrzs .modify-smrbt {
    display: none;
    height: 0.44rem;
    line-height: .22rem;
    overflow: hidden;
}

html.mobile .modify-smrztrr .modif-p2 {
    margin-bottom: .15rem;
    font-size: .12rem;
    color: #717171;
    line-height: .22rem;
}

html.mobile .modify-smrbk:not(.modify-smrzs):hover {
    background: #fff;
}

html.mobile .news-list-content .article {
    padding: .19rem 0 0;
    min-height: 0;
}

html.mobile .modif-article {
    overflow: hidden;
    margin-bottom: .2rem;
}

html.mobile .news-list-content.adlist .summary-2-child.modif-qyrykd {
    width: 3.25rem;
    height: auto;
    float: left;
    border: 0;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 4px 4px 0 0;
    margin: 0 0 .1rem;
    overflow: hidden;
}

html.mobile .news-list-content.adlist .summary-2-child.modif-qyrykd .swiper-container {
    height: 1.7rem;
}

html.mobile .modif-qyrykd .swiper-button-next,html.mobile .modif-qyrykd .swiper-button-prev {
    display: none;
}

html.mobile .modif-cover {
    display: block!important;
    width: 100%;
    background: #fff;
    height: 2rem;
    position: absolute;
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255));
}

html.mobile .modif-cover .modify-smrbottom {
    width: .2rem;
    height: .2rem;
    background: url(../images/derucci_pc_icon_common_down@1x.png)no-repeat;
    background-size: 100% 100%;
    margin: 1.6rem auto 0;
    float: none;
    transform: rotate(90deg);
}

html.mobile .modif-heigh {
    height: 1.1rem;
}

html.mobile .banner.about .t1 {
    font-size: .32rem;
}

html.mobile .modif-xnmd {
    margin: .3rem 0;
}

html.mobile .modif-swiper {
    width: 100%;
    /* height: 18.12rem; */
    position: relative;
    margin: 0;
}

html.mobile .modif-xnmd .modif-swiper {
    height: 1.7rem;
    margin-bottom: 0.2rem;
}

html.mobile .swiper-button-next,html.mobile .swiper-button-prev {
    transform: scale(0.5);
}

html.mobile .modif-swiper img {
    width: 3.25rem;
    height: auto;
}

html.mobile .modif-jies {
    width: 3.4rem;
    margin: auto;
    overflow: hidden;
}

html.mobile .modif-jies .modif-p1 {
    width: .8rem;
    font-size: .11rem;
    color: #717171;
    float: left;
    opacity: 0.7;
    text-align: center;
    margin: 0 .025rem .2rem;
}

html.mobile .swiper-container {
    overflow: hidden;
}

html.mobile .modif-swiper .swiper-button-next {
    position: absolute;
    transform-origin: 80% 50%;
    right: 0;
}

html.mobile .modif-swiper .swiper-button-prev {
    position: absolute;
    transform-origin: 20% 50%;
    left: 0;
}

html.mobile .modif-jies .modif-p1 span {
    display: none;
}

.modif-jies img,.modif-dppmxs {
    display: none;
}

html.mobile .modif-jies img {
    display: block;
    width: .8rem;
    height: .5rem;
    margin-bottom: .07rem;
    -webkit-filter: brightness(0);
    filter: brightness(0);
    opacity: 0.7;
}

html.mobile .modif-dppmm .modif-dppmxs {
    display: inline-block !important;
    width: .25rem;
    height: .25rem;
    border: 0.02rem solid #eed8ab;
    border-radius: .07rem;
    font-size: .17rem;
    text-align: center;
    color: #eed8ab;
    line-height: .22rem;
    margin-right: .12rem;
}

html.mobile .modif-dppmm .modif-p1 {
    float: none;
    margin: .21rem 0 0 .78rem ;
    width: auto;
    font-size: .16rem;
    line-height: .25rem;
    text-align: left;
    color: #201D1C ;
}

html.mobile .modif-dppmm .xians {
    display: inline-block !important;
}

.xians {
    display: none;
}

html.mobile .personalTailor .tailorResult {
    width: 100%;
    min-width: 0;
    padding-top: 0;
}

html.mobile .tailorResult .paramBox {
    width: 100%;
    height: 1.8rem;
    padding: .4rem .25rem 0;
    overflow: hidden;
    background: url("../images/derucci_m_img_product_sirendingzhi_leixing@2x.png");
    background-size: 100% 100%;
    border-bottom: 1px solid #E9E9E9;
}

html.mobile .tailorResult .paramBox .type-icon {
    background-image: url(../images/derucci_icon_product_sirendingzhi_biaozhunxing@1x.png);
    background-size: 100% 100%;
    width: .55rem;
    height: .44rem;
    float: left;
    margin-right: .1rem;
}

html.mobile .tailorResult .type-name {
    float: left;
    padding-right: .17rem;
    border-right: 1px solid #717171;
    height: .33rem;
    margin-right: .1rem;
    margin-top: .055rem;
}

html.mobile .tailorResult .label {
    line-height: normal;
    width: auto;
    float: none;
    height: auto;
    margin-top: 0;
    padding-left: 0;
    text-align: left;
    position: relative;
    z-index: 1;
}

html.mobile .label-item {
    position: relative;
    z-index: 1;
    height: .22rem;
    padding: 0 0.1rem 0 0.04rem;
    line-height: .22rem;
    display: inline-block;
    margin-bottom: 5px;
    cursor: pointer;
    float: left;
    margin-right: .06rem;
    margin-top: .2rem;
}

html.mobile .label-item .text {
    min-width: .61rem;
    padding: 0 0;
    height: .22rem;
    line-height: .22rem;
    background: url(../images/derucci_btn_jiudianxiangmu_jiudian_label_midlle@1x.png);
    background-size: 100% 100%;
    font-size: .1rem;
}

html.mobile .tailorResult label {
    font-size: .14rem;
    padding-top: .07rem;
    float: left;
    position: relative;
    line-height: .399rem;
}

html.mobile .personalTailor .tailorResult .paramBox .t1 {
    font-size: .24rem;
    line-height: inherit;
}

html.mobile .personalTailor .tailorResult .paramBox .t3 {
    font-size: .14rem;
    line-height: .33rem;
    color: #0E0000;
}

html.mobile .label-item:before {
    width: .04rem;
    height: .215rem;
    background: url(../images/derucci_btn_jiudianxiangmu_jiudian_label_left@1x.png);
    background-size: 100% 100%;
}

html.mobile .label-item:after {
    width: .1rem;
    height: .215rem;
    background: url(../images/derucci_btn_jiudianxiangmu_jiudian_label_right@1x.png);
    background-size: 100% 100%;
}

html.mobile .tailor-product-list {
    width: 3.25rem;
    margin: .3rem auto 0;
}

html.mobile .tailor-product-title {
    font-size: .24rem;
    line-height: .33rem;
    text-align: center;
    margin-bottom: .1rem;
    padding: 0 .45rem;
}

html.mobile .tailor-list-content .tailor-product-item {
    width: 1.5rem;
    height: auto;
    margin-right: 0;
    float: left;
    margin-bottom: .3rem;
}

html.mobile .tailor-list-content .tailor-product-item:nth-child(odd) {
    margin-right: .25rem;
}

html.mobile .tailor-product-item .product-img {
    display: block;
    width: 1.5rem;
    height: .94rem;
}

html.mobile .tailor-product-item .product-icon img {
    height: .24rem;
}

html.mobile .tailor-product-item .product-name {
    font-size: .14rem;
    font-weight: bold;
    line-height: .2rem;
    padding-bottom: .07rem;
    position: relative;
    display: block;
    margin-bottom: .06rem;
    width: 1.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
}

html.mobile .tailor-product-item .product-intro {
    line-height: .18rem;
    text-align: center;
    width: .99rem;
    margin: auto;
    padding: 0;
    font-size: .09rem;
    color: #717171;
    background: #fff;
    height: .32rem;
    overflow: hidden;
}

html.mobile .join-train-f1 .train-item .videoCol:before {
    height: 2.4rem;
}

html.mobile .join-train-f1 .train-item .videoCol {
    height: 2.4rem;
}