@import url(layout.css?v=6);

.plus_box .plus_mpart,
.mpart {
    background: #c83d3d url(../images/sx_bg.png) repeat 0 0;
    background-size: 2.31rem 1.55rem;
}

.hkl,
.vision .s_mide {
    opacity: 0;
    display: none
}

.index .tbox {
    height: 16.6rem;
    padding-top: 1.88rem;
    overflow: hidden;
}

.index .tbox ul li {
    float: left;
    width: 33.33%;
    text-align: center;
    color: #fff;
    font-size: 0.44rem;
    margin-bottom: 0.5rem;
}

.index .tbox ul li em {
    width: 2.09rem;
    height: 2.09rem;
    background: url(../images/pao.png);
    background-size: cover;
    dbackground: radial-gradient(rgba(255, 255, 255, .05), rgba(255, 255, 255, .5));
    border-radius: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.2rem;
}

.index .tbox ul li em img {
    width: 1.77rem;
    height: 1.77rem;
    margin-top: 0.16rem;
}

.index .tbox ul li small {
    display: block;
    font-size: .28rem;
    color: #f7c6c6
}

.index .card_bottom {
    background: url(../images/sx_cloud_w.png) no-repeat 0 0;
    background-size: 10rem auto;
    bottom: 0;
    height: 2.11rem;
}

.view .mpart {
    margin-bottom: 0;
}

.view .mpart .card_bottom {
    background: url(../images/sx_cloud2.png) no-repeat center 0;
    background-size: 10rem auto;
    bottom: -.1rem;
    height: 1.4rem;
    overflow: hidden;
    width: 10rem;
    left: -.5rem;
}

.view .tbox {
    margin: .3rem .5rem 0;
    width: 9rem;
    text-align: center;
    color: #fff;
    padding-bottom: 1.5rem;
}

.view .tbox .sx {
    background: #d35658;
    /* box-shadow: inset 0 0 .5rem rgba(179,49,49,.2); */
    border-radius: .3rem .3rem 0 0;
    padding: 0.4rem .5rem .6rem;
    background: linear-gradient(356deg, #fff2f2, rgb(255 245 245 / 88%));
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.view .tbox .sx .sx_l {
    text-align: left;
    color: #af3a3a;
    font-size: .3rem;
    width: 5rem
}

.view .tbox .sx .img {
    width: 2.2rem;
    height: 2.2rem;
    position: relative;
}

.view .tbox .sx .img img {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.view .tbox .sx .img:after {
    content: '';
    position: absolute;
    width: 1.2rem;
    height: .2rem;
    background: rgb(221 30 30 / 19%);
    left: 50%;
    bottom: -.1rem;
    border-radius: 100%;
    margin-left: -.6rem;
}

.view .tbox .sx .sx_name {
    display: flex;
    align-items: center;
    margin-top: .2rem;
}

.view .tbox .sx .sx_name strong {
    display: inline-block;
    color: #c84040;
    font-weight: bold;
    font-size: .7rem;
}

.view .tbox .sx .sx_name strong i {
    background: rgba(200, 64, 64, 0.4) url(../images/icon_change1.png) no-repeat center;
    margin-left: 0.2rem;
    background-size: .2rem;
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    border-radius: .4rem;
}

.view .tbox .sx_l p {}

.view .tbox .sx_l span {
    margin: 0;
    display: flex;
    align-items: baseline;
}

.view .tbox .sx_l span small {
    font-size: .35rem;
    font-weight: normal;
}

.view .tbox .sx_l .mbsc-comp {
    margin: .2rem 0 0 .65rem;
    height: .6rem;
    display: inline-block;
    position: relative;
    font-size: .3rem;
    background: #c84040;
    padding: 0 .55rem 0 .2rem;
    border-radius: .6rem;
    color: #ffffff;
    line-height: .6rem;
}

.view .tbox .sx_l .mbsc-comp::after {
    position: absolute;
    content: '';
    top: .25rem;
    margin-left: .2rem;
    /* border: 0.15rem solid; */
    /* border-color: #f8f8f8 transparent transparent; */
    right: .15rem;
    background: url(../images/arrow_more.png) no-repeat;
    background-size: .25rem;
    width: .3rem;
    height: .3rem;
}

.view .tbox .sel_cate {
    color: #76150e;
    font-size: .32rem;
    text-align: left;
    border-radius: 0 0 .3rem .3rem;
    overflow: hidden;
    margin-top: -.35rem;
}

.view .tbox .sel_cate ul {
    background: linear-gradient(90deg, #f6e6e69e, #ffffff, #ffffff, #ffffff, #f6e6e659);
    background: #fff;
    padding: .2rem .2rem 0;
    border-radius: .35rem .35rem 0 0;
    display: flex;
    align-items: flex-end;
}

.view .tbox .sel_cate ul li {
    display: inline-block;
    line-height: .7rem;
    padding: 0 .4rem;
    flex: auto;
    text-align: center;
}

.view .tbox .sel_cate ul li.cur {
    background: linear-gradient(#f18f91, #d26365);
    color: #fff;
    font-weight: bold;
    border-radius: .3rem .3rem 0 0;
    font-size: .36rem;
}

.view .tbox .sel_cate ul li.cur a {
    display: inline-block;
    color: #fff;
}

.view .tbox .sel_cate .cate2 {
    background: rgba(255, 255, 255, .2);
    padding: .2rem;
    font-size: .35rem;
}

.view .tbox .sel_cate .cate2 .swiper-notification {
    display: none;
}

.view .tbox .sel_cate .cate2 .cate2_scroll {
    white-space: nowrap;
    display: flex;
    align-items: flex-end;
}

.view .tbox .sel_cate .cate2 a {
    color: #fff;
    padding: 0 .2rem;
    /* opacity: .7; */
    line-height: .6rem;
    flex: auto;
}

.view .tbox .sel_cate .cate2 a.gray {
    color: #ffffff7d;
}

.view .tbox .sel_cate .cate2 a small {
    font-size: .24rem;
    vertical-align: middle;
}

.view .tbox .sel_cate .cate2 a.cur {
    opacity: 1;
    position: relative;
    font-weight: bold;
    font-size: .45rem;
    background: rgba(255, 255, 255, 0.8);
    padding: 0 .25rem;
    border-radius: .6rem;
    color: #c73c3f;
}

.view .tbox .sel_cate .cate2 a.cur small {
    vertical-align: middle;
}

.view .tbox .des {
    /*background: rgb(255 255 255 / 10%);*/
    color: #ffffff;
    font-size: .44rem;
    line-height: .7rem;
    /* width: 6rem;
    margin: .3rem auto 0; */
    border-radius: .8rem;
    position: relative;
    padding: 0 .4rem;
    display: inline-block;
    position: absolute;
    right: 0;
    top: .6rem;
    font-weight: bold;
    /* letter-spacing: .05rem; */
    /* text-indent: .05rem; */
}

.view .tbox .des:before,
.view .tbox .des:after {
    content: '';
    position: absolute;
    background: url(../images/icon_quotes.png) no-repeat 0 0;
    background-size: .32rem auto;
    width: 0.31rem;
    height: 0.6rem;
    top: .05rem;
    left: 0;
    opacity: .6;
}

.view .tbox .des:after {
    left: auto;
    right: 0;
    background-position: 0 -1rem
}

.view .tbox .fe_box {
    /* display: flex; */
    margin: .3rem 0 0 .3rem;
    justify-content: space-between;
    align-items: center;
    text-align: left;
    position: relative;
}

.view .tbox .fe_box .fe_l {
    /* width:5rem; */
}

.view .tbox .fe_box .fe_l strong {
    font-size: 1.1rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: .2rem;
    background-image: -webkit-linear-gradient(bottom, rgb(255 148 50), rgb(255 255 255));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.view .tbox .fe_box .fe_l span {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-top: 0;
}

.view .tbox .fe_box .fe_l span i {
    margin: .1rem 0 0 0;
    display: block;
    font-size: .26rem;
    line-height: .36rem;
    background: #fff3;
    color: #ffffff;
    width: 1.3rem;
    border-radius: .1rem;
    text-align: center;
    font-weight: normal;
}


.view .m_star,
.view .m_star em {
    background-size: .5rem auto;
    height: .5rem;
    width: 2.5rem;
}

.view .m_star em {
    background-position: 0 -0.5rem;
}

.view .tbox .fe_r {
    font-size: .38rem;
    text-align: left;
    margin: .3rem 0 0 .3rem;
}

.view .tbox .fe_r li {
    margin: .15rem 0;
    min-width: 50%;
    display: inline-block;
}

.view .tbox .fe_r li em {
    background: rgb(0 0 0 / 15%);
    vertical-align: middle;
    height: .36rem;
    width: 2.5rem;
    border-radius: .28rem;
    display: inline-block;
}

.view .tbox .fe_r li em.progress {
    margin-left: .2rem;
}

.view .tbox .fe_r li em em {
    width: auto;
    float: left;
    background: linear-gradient(90deg, #ffb061, #fed487);
    box-shadow: 0 0 .2rem rgba(0, 0, 0, .1);
}

.view .tbox .fe_info {
    background: rgb(0 0 0 / 15%);
    /* box-shadow: inset 0 0 .5rem rgba(179,49,49,.3); */
    font-size: 0;
    margin-top: .3rem;
    border-radius: .3rem;
    padding: 0 0 .4rem;
}

.view .tbox .fe_info ul li {
    font-size: .5rem;
    display: inline-block;
    width: 33.33%;
    color: #fff;
    margin: .3rem 0 0;
}

.view .tbox .fe_info ul li p {
    /* font-weight:bold; */
}

.view .tbox .fe_info ul li label {
    color: #efa1a3;
    font-size: .3rem;
    display: block;
    margin-top: .2rem;
}

.view .tbox .fe_yj {
    display: flex;
    margin-top: .3rem;
    justify-content: space-between;
    align-items: center;
}

.view .tbox .fe_yj span {
    background: rgb(0 0 0 / 15%);
    font-weight: normal;
    width: 4.3rem;
    height: .8rem;
    border-radius: .8rem;
    line-height: .8rem;
    margin: 0;
    text-align: center;
    font-size: .36rem;
    box-sizing: border-box;
    padding-right: .25rem;
}

.view .tbox .fe_yj span i {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    float: left;
    margin: .1rem 0 0 .1rem;
    font-size: .36rem;
    line-height: .6rem;
    text-align: center;
    background: linear-gradient(333deg, #ff8181, #ffd6d6);
    color: #a03130;
    border-radius: 100%;
}

.view .tbox .fe_yj span.fe_ji i {
    background: linear-gradient(333deg, #ffc678, #ffe6c5);
    color: #945600;
}

.view .tbox h1 {
    display: inline-block;
    font-size: 0.73rem;
    font-weight: normal;
    letter-spacing: 2px;
    text-indent: 2px;
}

.sx ul li a {
    color: #fff;
}

.view .tbox h1 i {
    float: right;
    background: url(../images/arrow4.png) no-repeat center;
    opacity: 0.4;
    margin: 0.25rem 0 0 0.2rem;
    background-size: 100%;
    width: 0.5rem;
    height: 0.5rem;
    display: inline-block;
    margin-right: -0.7rem;
}

.view .tbox span {
    font-size: 0.42rem;
    display: block;
    margin: 0.25rem 0 0.1rem;
    font-weight: 600;
}

.view .tbox .unfold {
    font-size: 0.36rem;
    margin-top: 0.2rem;
    position: relative;
    z-index: 1;
    display: none;
}

.view .tbox .unfold strong {
    font-weight: normal;
}

.view .tbox .unfold small {
    background: url(../images/arrow_more3.png) no-repeat center 50%;
    background-size: .35rem auto;
    display: block;
    margin: 0 auto;
    width: .6rem;
    height: .6rem;
    overflow: hidden;
    border-radius: 100%;
}

.view .tbox .unfold.on small {
    transform: rotate(180deg)
}

.view .tbox em.m_star {}

.m_star,
.m_star em {
    width: 4rem;
    height: 0.8rem;
    background-size: 0.8rem auto;
}

.m_star_ap,
.view .m_star_ap em {
    background-image: url(../images/icon_star_sx1.png);
}

.m_star em {
    background-position: 0 -0.8rem;
}

.month {
    position: relative;
    height: 0;
    overflow: hidden;
    margin-top: 0.3rem;
}

.month .month_tab {
    overflow: initial;
}

.month .month_tab ul {
    width: 156.23rem;
}

.month .month_tab ul li {
    float: left;
    width: 1.66rem;
    height: 1.5rem;
    text-align: center;
    color: #999;
    font-size: 0.36rem;
}

.month .month_tab ul li em {
    display: block;
    background: url(../images/pdBG.png);
    background-size: cover;
    color: #e39393;
    overflow: hidden;
    border-radius: 100%;
    width: 1.2rem;
    height: 1.2rem;
    font-size: .38rem;
    line-height: 1.2rem;
    margin: 0 auto;
}

.month .month_tab ul li.cur em {
    color: #fff;
    font-size: 0.38rem;
    font-weight: normal;
    background: transparent
}

.month .month_tab ul li.cur {
    position: relative;
    background: url(../images/month_cur.png) no-repeat center 0;
    background-size: 1.2rem auto;
}

.month .month_cont {
    border-radius: 8px;
    padding: 0 0.2rem 0.4rem;
    color: #5a4e4e;
    font-size: 0.41rem;
    line-height: 0.9rem;
}

.month .month_cont .ldate {
    background: #f6d5d4;
    color: #c83d3d;
    border-radius: .2rem;
    padding: 0 .2rem;
    margin-bottom: .2rem;
    text-align: center
}

.month .month_cont ul {
    dborder-bottom: 1px solid #fee6e5;
    padding-bottom: 0.31rem;
    dmargin-bottom: 0.31rem;
}

.month .month_cont p {
    text-indent: 2em;
}

.month span {
    color: #e39393;
    overflow: hidden;
    text-align: center;
    font-size: 0.32rem;
    display: block;
    margin-bottom: .3rem
}

.montcbox {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.montcbox .swiper-slide {
    width: 9.5rem;
}

.montcbox .swiper-slide .m-cont {
    background: -webkit-gradient(linear, 0% 60%, 0% 0%, from(rgba(255, 255, 255, 0)), to(#ffebeb));
    border-radius: 0.3rem;
}

.montcbox .swiper-slide .m-cont h2 {
    text-align: center;
    font-size: .45rem;
    color: #c83d3d;
    padding-top: .3rem
}

.montcbox .swiper-slide .m-cont ul {
    border-bottom: solid 1px #fee6e5;
    padding: .3rem 0 .2rem;
    margin: 0 .5rem
}

.montcbox .swiper-slide .m-cont ul li {
    min-width: 50%;
    float: left;
    font-size: .375rem;
    line-height: .7rem
}

.montcbox .swiper-slide .m-cont ul li label {
    color: #999;
    font-size: .35rem
}

.montcbox .swiper-slide .m-cont ul li:nth-child(2n) {
    text-align: right
}

.month_tc p {
    line-height: .74rem;
    font-size: 0.4rem;
    text-indent: 2em;
    text-align: justify;
    padding: 0.35rem 0.5rem 0;
}

.month_tc a {
    display: block;
    padding-top: .35rem;
    color: #3e9be2;
    text-align: center;
}

.fold {
    width: 100%;
    max-width: 10rem;
    position: absolute;
    bottom: 0;
    z-index: 9999;
    display: none;
    text-align: center;
    color: #e39393;
    font-size: 0.36rem;
    padding: 0.25rem 0;
}

.fold:before,
.fold:after {
    position: absolute;
    height: 0.03rem;
    width: 3.5rem;
    background: #ffeded;
    left: .375rem;
    bottom: 0.45rem;
    content: '';
}

.fold:after {
    right: .375rem;
    left: auto;
}

.fold small {
    background: #ffeded url(../images/sx_arrow2.png) no-repeat center 0.14rem;
    background-size: 0.2rem 0.1rem;
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    margin-left: 0.1rem;
    border-radius: 100%;
    vertical-align: middle;
}

.outer {
    overflow: hidden;
    border-top: 1px solid #eee;
    padding-top: 0.4rem;
}

.other_cont {
    margin: 0 0.3rem;
    line-height: 0.9rem;
    color: #777;
}

.other_cont img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.other_cont a {
    color: #5a96d2;
}

.cont {
    clear: both;
    line-height: 0.9rem;
    color: #666;
    margin: .2rem 0 .35rem
}

.cont h2 {
    color: #cd4242;
    font-size: 0.52rem;
    line-height: 0.5rem;
    height: .75rem;
    overflow: hidden;
    padding: .375rem 0 .35rem;
}

.cont h2 i {
    width: .1rem;
    height: 1rem;
    margin-right: .2rem;
    margin-bottom: -.5rem;
    background: #d86464;
    display: inline-block
}

.cont h2 small {
    font-size: .325rem;
    display: block;
    font-weight: 400;
    margin-right: .1rem;
    margin-bottom: -1rem
}

.cont h2 strong {
    display: inline-block
}

.cont .con {
    overflow: hidden;
}

.cont p,
.other_cont p {
    margin: 0.4rem .5rem 0.5rem;
    text-indent: .852rem;
    text-align: justify;
}

.cont a,
.other_cont a {
    color: #5a96d2;
}

.cont a i,
.other_cont a i {
    display: inline-block;
    background: url(../images/ico_buy.png);
    width: .37rem;
    height: .37rem;
    background-size: cover;
    margin: 0 .1rem
}

.cont .cont_min {
    margin-bottom: 0.3rem;
    margin-top: -0.45rem;
    text-align: justify;
    color: #888;
    font-size: 0.4rem;
    background: #f8f8f8;
    padding: 0.3rem 0.5rem;
    width: 10rem;
    box-sizing: border-box;
}

.cont .cont_min strong {
    color: #f59324;
}

.cont .showall {
    text-align: center;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 50%);
    margin-top: -1.7rem;
    line-height: .7rem;
    height: .7rem;
    padding-top: 1rem;
    z-index: 3;
    position: relative;
}

.cont .showall small {
    display: inline-block;
    background: #f9bdbd;
    font-size: .34rem;
    color: #fff;
    border-radius: 1rem;
    padding: 0 .3rem;
    position: relative;
    padding-right: .8rem;
}

.cont .showall small:after {
    content: '';
    position: absolute;
    display: block;
    width: .34rem;
    height: .34rem;
    background: url(../images/arrow_more3.png) no-repeat;
    background-size: contain;
    bottom: .12rem;
    right: .3rem;
}

.teles {
    text-align: center;
    display: none;
    color: #ff9c00;
    font-size: 0.38rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 60%);
    height: 1.2rem;
    position: relative;
    margin-top: -2rem;
    padding-top: 2.5rem;
}

.teles i {
    display: inline-block;
    padding-bottom: 0.3rem;
}

.teles i small {
    display: block;
    width: .5rem;
    height: .5rem;
    border-radius: 1rem;
    margin: .1rem auto;
    background: #ffbf5b url(../images/arrow_down.png) no-repeat center 50%;
    background-size: 0.3rem auto;
}

.month .none {
    display: none
}

.month .monthbox {
    overflow: hidden;
    height: 8rem;
}

.selbox_icon .title span {
    background-image: url(../images/sel_sx.png);
}

.selbox_icon ul li em {
    background: #fddbd7;
}

.ad_mll {
    background: linear-gradient(180deg, #fff4f4, #ffeaea);
    border-radius: .15rem;
    position: relative;
    margin: .3rem .4rem .3rem 1.2rem;
    padding: .2rem .3rem .2rem 1.4rem;
    display: none;
}

.ad_mll a {
    display: block;
}

.ad_mll img {
    position: absolute;
    width: 1.8rem;
    height: 2.5rem;
    left: -.8rem;
    bottom: 0;
}

.ad_mll h3 {
    font-size: .38rem;
    color: #cd0018;
    margin-bottom: .2rem
}

.ad_mll p {
    font-size: .3rem;
    line-height: .5rem;
}

.ad_mll em {
    font-size: .3rem;
    color: #b60015;
    position: relative;
    white-space: nowrap;
}

.ad_mll em:after {
    content: '';
    position: absolute;
    bottom: .06rem;
    right: -.35rem;
    border: 0.1rem solid;
    border-color: transparent transparent transparent #b60015;
}

.ad_sx {
    margin: 0 .4rem;
    display: block;
}

.ad_sx img {
    width: 100%;
    border-radius: .2rem;
    display: block;
}