@charset "utf-8";
/*
CSS-xiaohei-mbkfw.com-20170707-2023
*/
/**/
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {
}

i,em {
    font-style: normal;
}

.fl {
    float: left
}

.fr {
    float: right
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

p {
    margin: 0;
    padding: 0
}

.bai-bg{background:#ffffff}

/**/
@media screen and (max-width: 320px) {
    html {
        font-size:42.67px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 321px) and (max-width:31.2rem) {
    html {
        font-size:48px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 361px) and (max-width:375px) {
    html {
        font-size:50px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 376px) and (max-width:393px) {
    html {
        font-size:52.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 394px) and (max-width:412px) {
    html {
        font-size:54.93px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 413px) and (max-width:414px) {
    html {
        font-size:55.2px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 415px) and (max-width:480px) {
    html {
        font-size:64px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 481px) and (max-width:5.8rem) {
    html {
        font-size:72px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 541px) and (max-width:6.8rem) {
    html {
        font-size:85.33px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 641px) and (max-width:720px) {
    html {
        font-size:96px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 721px) and (max-width:768px) {
    html {
        font-size:102.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 769px) {
    html {
        font-size:102.4px;
        font-size: 13.33333vw
    }
}

@media screen and (min-width: 769px) {
    html {
        font-size:102.4px
    }
}

/*颜色*/
.bg-1 {
    background-color: #F9F9F9;
}

.colwhite {
    color: #FFFFFF;
}

.col4c {
    color: #4C4B4B;
}

.col74 {
    color: #747474;
}

.col79 {
    color: #79797C;
}

.colred {
    color: #FE2829;
}

.col333 {
    color: #333333;
}

.col3a {
    color: #3a3a3a;
}

.col84 {
    color: #848282;
}

.col36 {
    color: #363636;
}

.col4c {
    color: #4c4c4c;
}

.col5e {
    color: #5E6472;
}

.col8c {
    color: #8C929F;
}

.logo {
    width: 1.71rem;
    height: 0.58rem;
}

/*间距*/
.mt07 {
    margin-top: .07rem;
}

.mt10 {
    margin-top: .1rem;
}

.mt15 {
    margin-top: .15rem;
}

.mt24 {
    margin-top: .24rem;
}

.mt18 {
    margin-top: .18rem;
}

.mt20 {
    margin-top: .2rem;
}

.mt27 {
    margin-top: .27rem;
}

.mt30 {
    margin-top: .3rem;
}

.mt42 {
    margin-top: .42rem;
}

.mt68 {
    margin-top: 0.68rem;
}

.mt43 {
    margin-top: .43rem;
}

.mt40 {
    margin-top: .40rem;
}

.mt45 {
    margin-top: .45rem;
}

.mt145 {
    margin-top: 1.45rem;
}

.mt-15 {
    margin-top: -.15rem;
}

.ml11 {
    margin-left: 0.11rem;
}

.ml15 {
    margin-left: 0.15rem;
}

.ml20 {
    margin-left: 0.2rem;
}

.ml05 {
    margin-left: 0.05rem;
}

.ml10 {
    margin-left: 0.1rem;
}

.ml5 {
    margin-left: 0.05rem;
}

.ml50 {
    margin-left: 0.5rem;
}

.ml40 {
    margin-left: 0.4rem;
}

.ml30 {
    margin-left: 0.30rem;
    ;}

.ml25 {
    margin-left: 0.25rem;
    ;}

.ml62 {
    margin-left: 0.62rem;
}

.mr05 {
    margin-right: 0.05rem;
}
.mr10 {
    margin-right: 0.1rem;
}
.mr15 {
    margin-right: 0.15rem;
}

.mr20 {
    margin-right: 0.2rem;
}

.mr08 {
    margin-right: 0.08rem;
}

.mr25 {
    margin-right: 0.25rem;
}

.mr30 {
    margin-right: 0.30rem;
}

.mb25 {
    margin-bottom: .25rem;
}

.mb20 {
    margin-bottom: .20rem;
}

.mb40 {
    margin-bottom: .40rem;
}

.mb36 {
    margin-bottom: .36rem;
}

.lg73 {
    line-height: .73rem;
}

.lg34 {
    line-height: .34rem;
}

.lh38 {
    line-height: .38rem;
}

.lh42 {
    line-height: .42rem;
}

.lh44 {
    line-height: .44rem;
}

.lh48 {
    line-height: .48rem;
}

.lh114 {
    line-height: 1.14rem;
}

.pt20 {
    padding-top: 0.2rem;
    ;}

.pb30 {
    padding-bottom: .3rem;
}

.pb36 {
    padding-bottom: .36rem;
}

/*宽度高度*/
.w700 {
    width: 7rem;
}

/*字号*/
.f16 {
    font-size: 0.16rem;
    font-family: PingFangSC-Light;
}

.f18 {
    font-size: 0.18rem;
    font-family: PingFangSC-Light;
}

.f20 {
    font-size: 0.20rem;
    font-family: PingFangSC-Light;
}

.f22 {
    font-size: 0.22rem;
    font-family: PingFangSC-Regular;
}

.f24 {
    font-size: 0.24rem;
    font-family: PingFangSC-Regular;
}

.f26 {
    font-size: 0.26rem;
    font-family: PingFangSC-Regular;
}

.f28r {
    font-size: .28rem;
    font-family: PingFangSC-Regular
}

.f28 {
    font-size: .28rem;
    font-family: PingFangSC-Medium
}

.f30 {
    font-size: .30rem;
    font-family: PingFangSC-Regular
}

.f34 {
    font-size: 0.34rem;
    font-family: PingFangSC-Medium;
}

.f30m {
    font-size: .30rem;
    font-family: PingFangSC-Medium
}

.f30m {
    font-size: .30rem;
    font-family: PingFangSC-Medium
}

.f32 {
    font-size: .32rem;
    font-family: PingFangSC-Semibold;
}

.dpl {
    display: inline-block;
}

.cb {
    clear: both;
}

/**/
.i-main .igird-5 {
    background-color: #ffffff;
    border-radius: 10px 10px 5px 5px;
}

/**/
.i-menu ul li {
    width: 20%;
    height: 1.6rem;
}

/*i-menu*/
.i-menu {
    margin: 2%;
    margin-top: -30px;
    margin-bottom: 0;
    background: #ffffff;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-radius: 0.2rem;
}

.i-menu ul {
    width: 100%;
    float: left;
}

.i-menu ul img {
    padding: .18rem;
    filter: grayscale(100%) brightness(300%);
    width: .54rem;
    height: .54rem;
}

.i-menu ul span {
    display: block;
    font-size: .24rem;
    line-height: .22rem;
    margin-top: .08rem;
}

.i-menu ul li {
    float: left;
    text-align: center;
}

.i-menu ul li a i {
    display: inline-block;
    width: .88rem;
    height: .88rem;
    border-radius: 50%;
}

.i-menu ul li:nth-child(1) a i {
    background: linear-gradient(to bottom,#E15C49,#E15C49,#E15C49);
    box-shadow: 0 0 0.1rem rgba(252, 208, 87, .6);
}

.i-menu ul li:nth-child(2) a i {
    background: linear-gradient(to bottom,#39B869,#39B869,#39B869);
    box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);
}

.i-menu ul li:nth-child(3) a i {
    background: linear-gradient(to bottom,#ffc325,#ffa71c,#ffa21a);
    box-shadow: 0 0 0.1rem rgba(252, 208, 87, .6);
}

.i-menu ul li:nth-child(4) a i {
    background: linear-gradient(to bottom,#fe7995,#fb6474,#fa5f6b);
    box-shadow: 0 0 0.1rem rgba(254, 121, 149, .6);
}

.i-menu ul li:nth-child(5) a i {
    background: linear-gradient(to bottom,#c1a4ff,#ae88ff,#a57bff);
    box-shadow: 0 0 0.1rem rgba(193, 164, 255, .6);
}

.i-menu ul li:nth-child(6) a i {
    background: linear-gradient(to bottom,#00d0ff,#00b7ff,#0086fe);
    box-shadow: 0 0 0.1rem rgba(0, 208, 255, .6);
}

.i-menu ul li:nth-child(7) a i {
    background: linear-gradient(to bottom,#fd602d,#ff5a24,#ff3e0d);
    box-shadow: 0 0 0.1rem rgba(253, 96, 45, .6);
}

.i-menu ul li:nth-child(8) a i {
    background: linear-gradient(to bottom,#76b3fe,#669fff,#5d93ff);
    box-shadow: 0 0 0.1rem rgba(118, 179, 254, .6);
}

.i-menu ul li:nth-child(9) a i {
    background: linear-gradient(to bottom,#ff9ec6,#ff7caf,#ff629d);
    box-shadow: 0 0 0.1rem rgba(249, 171, 203, .6);
}

.i-menu ul li:nth-child(10) a i {
    background: linear-gradient(to bottom,#6defa8,#3cd8a6,#32d4a5);
    box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);
}

.i-menu ul li:nth-child(11) a i {
    background: linear-gradient(to bottom,#fe7995,#fb6474,#fa5f6b);
    box-shadow: 0 0 0.1rem rgba(254, 121, 149, .6);
}

.i-menu ul li:nth-child(12) a i {
    background: linear-gradient(to bottom,#c1a4ff,#ae88ff,#a57bff);
    box-shadow: 0 0 0.1rem rgba(193, 164, 255, .6);
}

.i-menu ul li:nth-child(13) a i {
    background: linear-gradient(to bottom,#00d0ff,#00b7ff,#0086fe);
    box-shadow: 0 0 0.1rem rgba(0, 208, 255, .6);
}

.i-menu ul li:nth-child(14) a i {
    background: linear-gradient(to bottom,#fd602d,#ff5a24,#ff3e0d);
    box-shadow: 0 0 0.1rem rgba(253, 96, 45, .6);
}

.i-menu ul li:nth-child(15) a i {
    background: linear-gradient(to bottom,#76b3fe,#669fff,#5d93ff);
    box-shadow: 0 0 0.1rem rgba(118, 179, 254, .6);
}

.i-menu ul li:nth-child(16) a i {
    background: linear-gradient(to bottom,#ff9ec6,#ff7caf,#ff629d);
    box-shadow: 0 0 0.1rem rgba(249, 171, 203, .6);
}

.i-menu ul li:nth-child(17) a i {
    background: linear-gradient(to bottom,#6defa8,#3cd8a6,#32d4a5);
    box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);
}

.i-menu ul li:nth-child(18) a i {
    background: linear-gradient(to bottom,#ffc325,#ffa71c,#ffa21a);
    box-shadow: 0 0 0.1rem rgba(252, 208, 87, .6);
}

.i-menu ul li:nth-child(19) a i {
    background: linear-gradient(to bottom,#6defa8,#3cd8a6,#32d4a5);
    box-shadow: 0 0 0.1rem rgba(109, 239, 168, .6);
}

.i-menu ul li:nth-child(20) a i {
    background: linear-gradient(to bottom,#76b3fe,#669fff,#5d93ff);
    box-shadow: 0 0 0.1rem rgba(118, 179, 254, .6);
}

.i-menu ul li:last-child a i img {
    width: 0.44rem;
    height: 0.44rem;
    padding: 0.22rem;
}

/*2023*/
.head-bar-new {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.divHeight {
    width: 100%;
    height: 10px;
    background: #f5f7fc;
    position: relative;
    overflow: hidden;
}

.r-line {
    position: relative;
}

.r-line:after {
    content: '';
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    height: 100%;
    border-right: 1px solid #D9D9D9;
    -webkit-transform: scaleX(0.5);
    transform: scaleX(0.5);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

.b-line {
    position: relative;
}

.b-line:after {
    content: '';
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 3%;
    width: 94%;
    height: 1px;
    border-bottom: 1px solid #e2e2e2;
    -webkit-transform: scaleY(0.5);
    transform: scaleY(0.5);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

.aui-arrow {
    position: relative;
    padding-right: 0.8rem;
    color: #7f8699;
    font-size: 0.85rem;
}

.aui-arrow span {
    font-size: 0.8rem;
    color: #9b9b9b;
}

.aui-arrow:after {
    content: " ";
    display: inline-block;
    height: 6px;
    width: 6px;
    border-width: 2px 2px 0 0;
    border-color: #848484;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: relative;
    top: -2px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 2px;
    border-radius: 1px;
}
.clamp1{
    overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.clamp2{
    overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -webkit-box;
}
.clamp3{
    overflow: hidden;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
display: -webkit-box;
}

.aui-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
}

.aui-flex-box {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    font-size: 14px;
}

/* 必要布局样式css */
.aui-navBar-fixed {
    position: fixed;
    z-index: 9;
    left: 0;
    top: 0;
    right: 0;
    user-select: none;
    -webkit-user-select: none;
}

.aui-flexView {
    display: -ms-flexbox;
}

.aui-scrollView {
    width: 100%;
    height: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding-bottom: 13px;
}

.aui-navBar {
    height: 44px;
    /* position: relative; */
    background-color: #f44e01;
    background: -webkit-linear-gradient(to right,#ffa50d, #f44e01);
    background: -o-linear-gradient(to right,#ffa50d, #f44e01);
    background: -moz-linear-gradient(to right,#ffa50d, #f44e01);
    background: linear-gradient(to right,#ffa50d, #f44e01);
    border: none;
}

.aui-navBar-item {
    height: 44px;
    min-width: 15%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    padding: 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    color: #808080;
    position: relative;
}

.aui-navBar-item:first-child {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: -25%;
    font-size: 0.9rem;
    font-weight: bold;
}

.aui-navBar-item:last-child {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 14px;
    color: #333333;
}

.aui-center {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 44px;
    width: 80%;
    margin-left: 25%;
}

.aui-center-title {
    text-align: center;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    font-size: 0.95rem;
    color: #333;
    font-weight: bold;
}

.icon {
    width: 19px;
    height: 19px;
    display: block;
    border: none;
    float: left;
    background-size: 19px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.aui-flex-box h1 {
    font-weight: bold;
    font-size: 16px;
    overflow: hidden;
}

.aui-flex-box h2 {
    color: #303741;
    font-weight: 500;
    font-size: 0.95rem;
    margin-bottom: 0.5rem;
    text-align: left;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
}

.aui-flex-box p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    text-overflow: ellipsis;
    color: #8a8a8a;
    font-size: 0.7rem;
    margin-bottom: 0.1rem;
    text-align: left;
}

.aui-flex-box h3 {
    font-size: 0.9rem;
    color: #8a8a8a;
    font-weight: normal;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0.3rem;
}

.aui-kw-list {
    padding: 6.3rem 4% 0.2rem;
    overflow: hidden;
}

.aui-kw-list a {
    display: inline-block;
    margin: 0 5px;
    height: 20px;
    overflow: hidden;
}

.aui-kw-list .aui-flex-box {
    text-align: center;
}

.aui-palace {
    padding: 0.4rem 4% 0.7rem;
    position: relative;
    overflow: hidden;
}

.aui-palace-grid {
    position: relative;
    float: left;
    padding: 1px;
    width: 20%;
    box-sizing: border-box;
    margin: 10px 0 5px;
}

.aui-palace-grid-icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
}

.aui-palace-grid img {
    width: 100%;
    margin: 0 auto;
}

.aui-palace-grid p {
    text-align: center;
    font-size: 12px;
    color: #919191;
}

.aui-palace-grid-text {
    display: block;
    text-align: center;
    color: #333;
    font-size: 0.95rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-top: 0.2rem;
}

.aui-palace-grid-text h2 {
    font-size: 0.85rem;
    font-weight: normal;
    color: #666;
}

.m-slider {
    overflow-x: hidden;
    width: 93%;
    margin: 6px auto 0;
    position: relative;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgb(0 0 0 / 33%);
    top: 15px;
}

.tab-nav {
    height: 45px;
    line-height: 45px;
    display: block;
    position: relative;
    background: #fff;
    z-index: 1;
    width: 100%;
    margin: 5px auto 5px;
}

.tab-nav-item {
    height: 45px;
    line-height: 45px;
    position: relative;
    text-align: center;
    color: #585858;
    font-size: 16px;
    display: inline-block;
    float: left;
    width: 20%;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
}

.tab-nav-item.tab-active {
    /* background-color: #51bd03; */
}

.tab-nav-item.tab-active a {
    color: #f55b04;
    font-size: 16px;
    font-weight: bold;
}

.tab-nav-item a {
    display: inherit;
    font-size: 0.8rem;
    color: #333;
    font-weight: bold;
}

.tab-panel {
    position: relative;
    overflow: hidden;
}

.tab-panel .tab-panel-item {
    width: 100%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
}

.tab-panel .tab-panel-item.tab-active~.tab-panel-item {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}

.tab-panel .tab-panel-item.tab-active {
    position: relative;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

.tab-nav-item.tab-active:before {
    content: '';
    width: 20%;
    height: 3px;
    position: absolute;
    left: 62%;
    bottom: 3px;
    margin-left: -25%;
    z-index: 4;
    border-radius: 29%;
    background-color: #f55b04;
    overflow: hidden;
}

.tab-panel .tab-panel-item .aui-list-goods .aui-flex {
    padding: 3%
}

.tab-panel .tab-panel-item .aui-list-goods .aui-flex.b-line:last-child:after {
    border: 0
}

.slider-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    z-index: 1;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.slider-item {
    width: 100%;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #f6f6f6;
}

.slider-item img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}

.slider-pagination {
    text-align: right;
    position: absolute;
    width: 100%;
    z-index: 2;
    right: 0;
    bottom: 10px;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.slider-pagination > .slider-pagination-item {
    margin: 0 .25rem;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100px;
    background-color: rgba(255,255,255,0.8);
}

.slider-pagination > .slider-pagination-item.slider-pagination-item-active {
    background-color: #f44b00;
    width: 15px;
}

.aui-search-box {
    background-color: rgba(255,255,255,0.5);
    border-radius: 5px;
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 32px;
}

.aui-search-box input {
    width: 90%;
    background: none;
    border: none;
    font-size: 0.85rem;
    text-align: left;
    /* height: 32px; */
    border-radius: 100px;
    padding: 0.5rem 0 0.55rem 1.8rem;
    /* color: #fff; */
}

.aui-search-box ::-webkit-input-placeholder {
    color: white;
}

.aui-search-box :-moz-placeholder {
    color: white;
}

.aui-search-box ::-moz-placeholder {
    color: white;
}

.aui-search-box :-ms-input-placeholder {
    color: white;
}

.icon-search {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAF80lEQVR4Xu1aWYhdRRA9B1ERxN24oLhEVIwS0YgY9cONBJO4RyVGwUjchbhFIkQTDOKSoOICRo1i4oIEFwxGjNGgoB9GwSWigoqI+4p+KPpx5Ehf6Lm8d2/f229mHjNTcBl4U11Vfbq6u7qqiFFOHOXzxxgAYx4wyhEY2wKj3AEG/xCUdACAKQD8d4/w7QlgGwDfhO/b8PcdAOtI/jJUCzMoW0DSVAAnhe+QFpN5GcDrAF4l+V6L8clDegqApCMAzAMwK9mCasZ/ANztj+R3PZI5QExPAJBk1/bE/W3WxdANAH6Lvr8AbBd9ewM4uMvYrwIIBqOnlA1AWPXHARzYwbJ13tMAniTp/V5Jkg4CcAqAGQAmd2D21pjdyzMiCwBJxwF4rYOhywEsJ/lu3aS7/V/SdAAXBzBiti8BTCX5WVvZ8bjWAEi6EMCKkhHZEy9PqgKIySTfzgWhFQCS5gO4vaT8ApIrcw2q8IhHAMwp/X88yS9ydDYGQNJFAB4uKZ1I8oMcQ1LGSroZwKKI91/HFSR/TBnfiacRAJKmAVgzYA+RjWS0NbQYJ+l4AOsjOT6DppP0rdKYko0PV52Dk/0iLSeTXNtYa+YASecD8M1T0GqSM9uIbQLAUgDXRkrmk7yzjdJejJFk3ddFsmaQHOCdKXqSAAh3vU/cIsjxFXdJioLB5JG0EcDhQceLJB1DNKJUAJ4ohbeTcu74RhZWMEtynPBgjhfUAiDJLzlHYAX1xeoXxuR6QQoAtwJYEAHQF6sfAVD2ggkkP071shQA/EaflLPPUo1pwydpBwAOj51fMC0mGccKlWIrAZC0L4DPIwlzSZaDoDZ293SMpNUAzgxC3yd5aKqCOgCuBHBvJGxXkj+kCh8qPknnAVgV6UveBnUA3A/g8iB4A0m//vqSJCkybBrJl1IMrQPghfA+t6znSJ6RInQ4eCT9CmD7oHsWyadS7KgDwO/5w4KgFST9EOpLkuSzymeW6VKScXzQ1eY6APzK2jmMXkYyDj37CohSPJAcptcB8DeALcNMl5Bc2FezjoyR9CaAY8JPC0kuSbG1DoDYre4jeVWK0OHgkfRhlFSdR/KeFDvqAHgDwLFB0CqSfob2JUn6OhRdbN8cko+mGFoHwNMAzgmC1pB0trYvSdKfALYOxs0k6eColuoAWAbgmiDlI5Jtqjy1RuQySNoFwPeRnCkkX0mRWwfAuQDi+zQ5wkpR3iseSV4kL1ZB40j+lCK/DoAdAfwcCVpA8rYUwUPJI8l5wSJKXU/yxFT9Ka9B5/xc7DS9RfLoVOFDwSdpfwCfRrquIPlAqu4UAMo1gFa5t1SDmvJJ8tPX6XKTD0LXCpLc3wNSAHAo7HzgFkFJq9xb04ml8EvaDYDzgrsH/sbZqloALFiSq0D2hIL6wgs6FEoaZ6tSATDS9oK9+sULJI0H4ECt9eonbYFiySW59n9X5AXD+jqU9CyA0yN7Gq9+IwDCVohvBP+0iOTilP3aSx5JPuUvi2TeQvKmNjqStkDkBY4LnCTdJ1J2AslOPQJt7Kkd02Hfu33m6tqBXRgaARC8oHzv+udBLY1HC+Dw1s1XBbl1xvXJ5DR4GYfGAAQQjnJQVBK2lOT1bVeiapwkt988BuDIDnybAJzdFoRWAAQQnH76BMDmkVFOofkudqdINoV73jXIudFpb7kOz3eKFLQGoTUAAYRx4bHkmn1M/wMBwGVrJysbUbjiZoceoeKaK2Q4UXsjgGcATMgFIQuAAMJWoVZ/VodZ/hG6xJxRdoG1K0nyip4G4FQ3PHRhvIPkDUGvO8qyQcgGoDC0opkpnktVn2CRzOg0947NV6GtLguEngHQEIiULfF7WOHKdrtcEHoOQASEXdRtK47WJqbMOPA877MDwNrU8yMHhEEDIJ5wMNCtsNuGKq4ruU63+/nqc6L4uzF10mVA24IwJAA0WP0s1i4gVD7fRxQAXW6HTSS7NWHXJ0SylmSYBgdPcO7SDVQPVTVMjDgPaIr5GABNERtp/GMeMNJWtOl8xjygKWIjjf8/tFgLX9UfDvEAAAAASUVORK5CYII=');
    position: absolute;
    left: 7px;
    top: 7px;
    background-size: 19px;
}

.aui-bg-list {
    background-image: url("images/bg.png");
    background-size: 100%;
    height: 7.5rem;
    width: 100%;
    top: 44px;
    padding: 0;
    padding-top: .5rem;
}

.aui-bg-list .aui-flex-box {
    text-align: center;
    margin-top: -92px;
    color: white;
}

.aui-flex-two {
    padding: 0 7px;
}

.aui-flex-two .aui-flex-box {
    padding: 0 5px;
}

.aui-flex-two .aui-flex-box img {
    border-radius: 5px;
}

.aui-goods-img {
    width: 100px;
    margin-right: 0.8rem;
    border-radius: 5px;
    overflow: hidden;
}

.aui-flex-box img,.aui-goods-img img {
    width: 100%;
    height: auto;
    display: block;
    border: 0;
}

.aui-list-goods h2 {
    color: #000000;
    font-size: .95rem;
    margin-bottom: 0.3rem;
}

.aui-list-goods span {
    color: #666666;
    font-size: 0.7rem;
    background: #fefaf1;
}

.aui-list-goods span b {
    font-weight: normal
}

.aui-right-text h2 {
    color: #010101;
}

.aui-right-text h2 i {
    font-style: normal;
    font-size: 0.8rem;
    font-weight: normal;
}

.aui-flex-box h3 {
    color: #000000;
    font-size: 1rem;
    margin-bottom: 0.4rem;
    font-weight: normal;
}

.aui-flex-box p em {
    background: #ff0000;
    color: #fff;
    font-size: 0.7rem;
    font-style: normal;
    padding: 0 0.1rem;
    margin-right: 0.2rem;
}

.aui-flex-box h3 {
    overflow: hidden;
}

.aui-flex-box h3 em img {
    float: left;
    width: 13px;
    height: 13px;
    margin-top: 3px;
}

.aui-flex-box h3 i {
    color: #ff5900;
    font-style: normal;
    font-size: .95rem;
    font-weight: 600;
}

.aui-flex-box h3 em {
    float: left;
}

.aui-footer {
    width: 100%;
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 5px 7px 5px;
    background: #fefefe;
    box-shadow: 0 0 1px #a5a5a5;
}

.aui-tabBar-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #979797;
    position: relative;
}

.aui-tabBar-item-text {
    display: inline-block;
    font-size: 0.65rem;
    color: #7d7d7d;
    padding-top: 2px;
}

.aui-tabBar-item-active .aui-tabBar-item-text {
    color: #f44e01;
}

.icon-sort {
    width: 24px;
    height: 24px;
    background: url(images/icon-sort.png) no-repeat;
    background-size: 24px 24px;
}

.icon-return {
    width: 24px;
    height: 24px;
    background: url(images/icon-area.png) no-repeat;
    background-size: 24px 24px;
}

.icon-news {
    width: 22px;
    height: 22px;
    background: url(images/icon-member.png) no-repeat;
    background-size: 22px 22px;
}

.module_list_title {
    /* background: #F6F6F6; */
    line-height: 40px;
    font-weight: bold;
    padding: 0 15px;
    font-size: 16px;
    padding-top: 10px;
}

.module_list_title {
    color: #222;
    text-align: center;
    position: relative;
}

.module_list_title:after {
    content: "";
    position: absolute;
    z-index: 0;
    top: 27px;
    left: 20%;
    width: 18%;
    height: 5px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAAAGCAYAAADwrKGUAAAAx0lEQVRIie2WTQrCMBSEv4gI3sDLdaVrd7p049Ij6K6ewSvpFUR8T4KJTV8iXVokAyFvZtLmZyCtU1UGEcf4/muTvieCfriAdLWTVJPk2UQTW/v3BU2kp7+5Gm79d9PAnRR8qxU81ZKuBa0/b9yLZut9dj5mz3FMxOMeqxkiB1SbcMYtIpupj2g4zYof4QYsgYuZfg+sE+5rndSURo0FcCoscJUp0NQw/wg1zHHjGq5Zi2OmQOu/mS6TK8aOHTD3V2v45zkD2xcE498Znxb3AgAAAABJRU5ErkJggg==');
    background-size: 100%;
    background-repeat: no-repeat;
}

.module_list_title:before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 27px;
    right: 20%;
    width: 18%;
    height: 5px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAAAGCAYAAADwrKGUAAAAzklEQVRIie2VTQ4BQRCFv1fEHRzJxglYSNjaERsX4Aqs5g7O5AYSFiOdaPpvZmvCvKTS1a9e/1RV0q3HYjrC7Ig0kySkCrMN0h0MTCADCSwcX7FQY4NIo1An7wcWzZVxUpO2bR+j9ut9rPXcIKcsrsIdkvx9bRRzdVS3j6+wjm9L54k5+LEFQ+AArAOJ82/ALlk2Ac7AuHm7Ht+EAfPC+auM6RvZedi/F+CX4JpZFfI5ZQwsgWvG9ugM3J+5dd9r8Ny65u4LF7z0z2yHATwBTNISpwghr14AAAAASUVORK5CYII=');
    background-size: 100%;
    background-repeat: no-repeat;
}

/**/
.ui-list-img div.ui-list-img-f {
    position: relative;
    padding-bottom: 100%;
    width: 100%;
    height: 0;
    margin: 0;
    border-radius: 0
}

.ui-list-img div.ui-list-img-f img {
}

/**/
.rel {
    position: relative
}

.ui-list-img .list-img-b {
    height: 0;
    padding-bottom: 75%;
    margin: 0;
    border-radius: 6px 6px 0 0;
}

.ui-list-img .list-img-b img {
    height: 100%;
    position: absolute;
}

/**/
.member-info {
    height: 120px;
    background-color: #223265;
    background: linear-gradient(to bottom, #223265, #2B3C74);
    width: 100%;
    padding-top: 20px;
    padding-bottom: 30px;
}

/**/
.gird-4 h3,.gird-5 h3 {
    line-height: 35px;
    font-style: normal;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 16px;
    padding-left: 8px;
    padding-bottom: 3px;
    margin: 0 5px 13px 5px;
    z-index: 1;
}

/* .gird-4 h3::before,.gird-5 h3::before {
    content: "";
    width: 4px;
    height: 17px;
    display: inline-block;
    background: #1064FF;
    position: absolute;
    top: -2px;
    left: 0;
    bottom: 0;
    margin: auto 0;
    margin-right: 4px;
    border-radius: 5px;
} */
.gird-4 h3:after,.gird-5 h3:after {
    content: '';
    bottom: 10px;
    left: 5px;
    position: absolute;
    width: 35px;
    height: 6px;
    background: linear-gradient(90deg, #1f2d5c, #819bf2);
    z-index: -1;
    border-radius: 4px;
}

/**/
.box-shadow_1 {
    box-shadow: 0px 2px 4px 1px rgb(171 171 171 / 16%);
    -webkit-box-shadow: 0px 2px 4px 1px rgb(171 171 171 / 16%);
    -moz-box-shadow: 0px 2px 4px 1px rgb(171 171 171 / 16%);
    box-shadow: 0px 2px 4px 1px rgb(171 171 171 / 16%);
}

.list-stats {
    width: 100%;
    margin-top: -45px;
    background: #fff;
    border-radius: 0.3rem 0.3rem 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

.list-stats ul {
    padding: 4%;
    padding-bottom: 0;
    overflow: hidden;
}

.list-stats ul li {
    width: 48%;
    margin-bottom: 3.5%;
    margin-right: 3.5%;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0.28rem;
    padding: 13px;
}
.list-stats ul li:nth-child(2n){margin-right:0}

.list-stats ul li a {
    width: 100%;
}

.list-stats ul li a .list-fl {
    width: 25%;
}

.list-stats ul li a .list-fr {
    width: 70%;
}

.list-stats ul li a .list-fr p {
    font-size: 14px;
    padding: 5px 5px 0;
    color: #393939;
    margin: 0;
    font-weight: 600;
}

.list-stats ul li a .list-fr em {
    font-size: 12px;
    padding: 0 5px;
    color: #747373;
}
.list-stats ul li a .list-fr em .icon-right-1-copy{
    width: 10px;
    height: 14px;
    display: inline-block;
    background: url(img/return_right_black.png) no-repeat 4px 3px;
    background-size: 6px 10px;
    vertical-align: text-top;
}

.list-stats ul li a .list-fl {
    width: 25%;
    margin-right: 5%;
}

.list-stats ul li a .list-fl img {
    width: 38px;
    height: 38px;
    margin-top: 5px;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor;
}

.list-stats ul li:nth-child(2n) {

}
.list-stats ul li:first-child{background: linear-gradient(to bottom, #FFEAD7, #FFF3E7);}
.list-stats ul li:nth-child(2){background: linear-gradient(to bottom, #C3F5EA, #D0F7F4);}
.list-stats ul li:nth-child(3){background: linear-gradient(to bottom, #D0E7FF, #E8F6FF);}
.list-stats ul li:nth-child(4){background: linear-gradient(to bottom, #FFDDDD, #FEE9E8);}
/*账户余额开始*/
.balance {
    width: 92%;
    margin: 5px auto 15px;
    line-height: 40px;
    background: #fff;
    font-size: 14px;
}
.balance .mypay{background:#3B79D0;border-radius: 0.28rem;position: relative;padding: 1%;padding-bottom: 1.5%;}

.balance em {
    padding: 15px 15px;
    padding-bottom: 4px;
    color: #ffffff;
    line-height: 22px;
    width: 100%;
    display: block;
    box-sizing: border-box;
    font-size: 15px;
}
.balance b{box-sizing: border-box;font-weight: bold;width: 100%;padding: 0 3%;display: inline-block;font-size: 38px;color: #ffffff;}

.balance span {
    margin-right: 5px;
}

.balance a.fr {
    color: #ffffff;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 37%;
    line-height: 30px;
    height: 30px;
    padding: 0 13px;
    padding-left: 10px;
    padding-right: 5px;
    background: #598ED4;
    border-radius: 50px;
}
.balance a.fr span{filter: grayscale(100%) brightness(500%);}

/*签到按钮*/
.style4-other {
    display: flex;
    justify-content: space-between;
    padding: 5px 15px;
}

.style4-other .style4-btn-wrap {
    flex: 1;
    display: flex;
    justify-content: center;
}

.style4-other .style4-btn-wrap .recharge-btn,.style4-other .style4-btn-wrap .kefu-btn {
    margin: 0;
    width: 45%;
    height: 35px;
    line-height: 35px;
    border-radius: 22px;
    text-align: center;
    border: 1px solid transparent;
}

.style4-other .style4-btn-wrap .recharge-btn {
    background-color: #1064FF;
    color: #fff;
}

.style4-other .style4-btn-wrap .recharge-btn a {
    color: #ffffff;
    display: block
}

.style4-other .style4-btn-wrap .kefu-btn {
    color: #1064FF;
    border-color: #1064FF;
    margin-left: 15px;
}

.style4-other .style4-btn-wrap .kefu-btn a {
    color: #1064FF;
    ;display: block
}

/*我的订单开始*/
.my_order {
    width: 95%;
    background: #fff;
    margin: auto;
    border-radius: 0.1rem;
    margin-top: 10px;
}

.my_order .order-top {
    padding-top: 10px;
    border-top: 3px solid #F2F4FA;
}

.my_order .order-top h3 {
    line-height: 35px;
    font-style: normal;
    align-items: center;
    position: relative;
    font-size: 16px;
    padding-left: 8px;
    padding-bottom: 3px;
    margin: 0 5px 13px 5px;
    z-index:1
}

.my_order .order-top h3::before {
    content: '';
    bottom: 8px;
    left: 5px;
    position: absolute;
    width: 35px;
    height: 6px;
    background: linear-gradient(90deg, #314ca6, #819bf2);
    z-index: -1;
    border-radius: 4px;
}

.my_order .order-top a {
    font-size: 12px;
    color: #8c8c8c;
    display: block;
    font-weight: normal;
}

.my_order .order-top a span,.balance span {
    width: 12px;
    height: 10px;
    display: inline-block;
    background: url(img/return_right_black.png) no-repeat 4px center;
    background-size: 7px 10px;
    color: #ffffff;
}

.my_order .shixian {
}

.my_order .shixian span {
    font-size: 0.5rem;
}

.my_order .order-f {
    display: block;
    padding: 0rem 5px 13px;
}

.my_order .order-f ul li {
    float: left;
    width: 20%;
    text-align: center;
}

.my_order .order-f ul li:nth-child(5n) {
    margin-right: 0;
}

.my_order .order-f ul li a {
    display: block;
}

.my_order .order-f ul li a span {
    display: inline-block;
    text-align: center;
    background: url(img/dfk.341996b7.png) no-repeat 0 0;
    background-size: contain;
    width: 36px;
    height: 36px;
}

.my_order .order-f ul li a span.icon-icon2 {
    background: url(img/dsh.54c9691a.png) no-repeat 0 0;
    background-size: contain;
}

.my_order .order-f ul li a span.icon-daishouhuo {
    background: url(img/ywc.6501a887.png) no-repeat 0 0;
    background-size: contain;
}
.my_order .order-f ul li a span.icon-icon4 {
    background: url(img/dfk.341996b4.png) no-repeat 0 0;
    background-size: contain;
}

.my_order .order-f ul li a span.icon-daipingjia {
    background: url(img/thh.2dae3212.png) no-repeat 0 0;
    background-size: contain;
}

.my_order .order-f ul li a em {
    display: block;
    font-size: 12px;
}

/**/
.my-li {
    width: 95%;
    margin: auto;
    background: #fff;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    z-index: 1;
    border-top: 3px solid #F2F4FA;
}

.my-li ul {
    padding: 5px 5px;
}

.my-li li {position: relative;}
.my-li li:after{content:'';position:absolute;border-bottom:1px solid #f3f3f3;bottom:0;right:0;width: 91%;}
.my-li li:last-child:after{border:0}
.my-li a {
    padding: 10px 0;
    font-size: 16px;
    color: #303133;
    line-height: 32px;
    display: block;
    background: url(img/return_right_black.png) no-repeat right 19px;
    background-size: 7px 14px;
}

.my-li a img {
    width: 22px;
    height: 22px;
    float: left;
    margin-right: 10px;
}

/**/
.head-bar-xh {
    background: none !important;
    border: 0 !important;
}

.head-bar-xh.current {
    background: #F7F7F7 !important;
}

.head-bar-xh .head-bar-left {
}

.head-bar-xh .head-bar-left .logo {
}

.head-bar-xh .head-bar-left .logo img {
    width: 80px;
    height: auto;
    padding-top: 10px;
}

.head-bar-xh .head-bar-title {
    left: 110px;
}

.head-bar-xh .head-bar-title input[type="search"] {
    border: #1F2D5C 1px solid;
    border-radius: 50px;
    background: #FFFFFF url(ico-search.png) no-repeat 6px center;
    background-size: 16px 16px;
}

.head-bar-xh .head-bar-right .add1 {
}

.head-bar-xh .head-bar-right .add2 {
    display: none
}

.head-bar-xh.current .head-bar-right .add1 {
    display: none
}

.head-bar-xh.current .head-bar-right .add2 {
    display: block
}

.head-bar-xh .head-bar-left .logo img {
    filter: grayscale(100%) brightness(500%);
}

.head-bar-xh .head-ico-left a, .head-bar-xh .head-ico-right a {
    font-size: 14px;
    display: block;
}

.head-bar-xh.current {
    border-bottom: 1px solid #ededed !important;
    background: #fff;
}

.head-bar-xh.current .head-bar-left .logo img {
    filter: none;
}

.head-bar-xh.current .cover {
    width: 100%;
    height: 48px;
    top: 0;
    left: 0;
    background: #fff;
}

.tui-ba {
    position: relative;
}

.head-bar-xh .setting {
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 2;
    border-radius: 50px;
    display: block;
    margin-top: 10px;
    text-align: center;
    /* background: #ffffff; */
}

.head-bar-xh.current a.setting {
    background: #dddddd
}

.head-bar-xh .setting img {
    padding-top: 4px;
}

.head-bar-xh.current .home-bai {
    display: none
}

.head-bar-xh.current .home-hong {
    display: block
}

/**/
.ui-mask {
    position: fixed;
    z-index: 98;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0.8;
    filter: alpha(opacity=80);
    display: none;
    background: rgb(0,0,0,0.54);
}

.ui-pop {
    top: 45px;
    box-shadow: 0px 2px 5px 0px rgb(0 2 4 / 15%);
}

.ui-pop i {
    display: block;
    border-left: 3px solid rgb(232 232 232 / 0%);
    border-right: 3px solid rgb(51 51 51 / 0%);
    border-bottom: 6px solid #2E2E2E;
    margin-left: 106px;
    position: absolute;
    top: -6px;
    right: 17px;
}

.ui-pop div {
    outline: none;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.12), 0 6px 16px 0 rgba(0,0,0,.08), 0 9px 28px 8px rgba(0,0,0,.05);
    padding: 0;
}

.ui-pop a {
    height: 39px;
    line-height: 39px;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 15px;
    box-sizing: border-box;
}

.ui-pop-li li {
    display: block;
    height: 49px;
    line-height: 49px;
    font-size: 14px;
    border-bottom: 1px solid #5a5a5a;
    color: #ffffff;
    padding-left: 10px;
    padding-right: 15px;
}

.ui-pop-li li:last-child {
    border-bottom: 0
}

.ui-pop-li li img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 5px;
}

/**/
.mobilead-i {
    position: relative;
}

.mobilead-i img {
    min-height: 260px;
    object-fit: cover;
}

.mobilead-i .slided {
    bottom: 40px !important;
}

/**/
.flexBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.flexAlignCenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

[class*=van-hairline] {
    position: relative;
}

[class*=van-hairline]::after {
    content: ' ';
    position: absolute;
    pointer-events: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: -50%;
    left: -50%;
    right: -50%;
    bottom: -50%;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    border: 0 solid #ebedf0;
}

.van-hairline-bottom::after {
    border-bottom-width: 1px
}

.van-hairline-top::after {
    border-top-width: 1px
}

.footer {
    background-color: #1f2d5c;
    margin-bottom: 48px;
    color: #fff;
}

.footer-top {
    color: #fff;
    font-size: 14px;
    padding: 0 15px;
    height: 45px;
    line-height: 45px;
}

.footer-top-sep {
    line-height: 1;
    color: #ffffff;
    margin: 0 12px 0;
}

.footer-top-reg {
    color: #D80A1C !important;
}

.footer-top-icon {
    font-size: .24rem !important;
}

.footer-top-msg {
    color: #ffffff;
}

.footer-top-back {
    color: #ffffff;
}

.footer-con {
    font-size: 13px;
    padding: 15px 0 10px;
    color: #ffffff;
    text-align: center;
}

.footer-con-line1 {
    line-height: 1;
    margin-bottom: 10px;
}

.footer-con-line2 {
    font-size: 13px;
    margin-bottom: 10px;
}

.footer-con-line3 {
    font-size: 13px;
}

.footer-con-line3 a {
    color: #ffffff
}

.footer-con-link {
    display: inline-block;
    color: #ffffff;
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px solid #999;
}

.footer-con-link:last-child {
    border: 0;
    margin: 0;
    padding: 0;
}

.footer-con-href,.footer-con-link,.footer-top-login {
    color: #ffffff !important;
}

/**/
.i-announce {
    background: #D3D6E5;
    margin: 0 2%;
    border-radius: 0.2rem;
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    padding: 0 3%;
}

.aui-news {
    width: 30px;
}

.aui-news img {
    width: 85%;
    height: auto;
    display: block;
    border: 0;
}

.newsLine {
    color: #fff;
    height: 40px;
    min-height: 40px;
    overflow: hidden;
    margin: 6px 0 5px;
}

.newsLine a {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #3f3f3f;
    font-size: 14px;
    font-size: 0.25rem;
}

.newsLine li {
    height: 40px;
    line-height: 40px;
    padding-left: 6px;
    word-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: justify;
    width: 100%;
    position: relative;
    padding-right: 20px;
}

.newsLine li em {
    font-style: normal;
    color: #fec10d;
    font-size: 0.22rem;
    background: #ffecec;
    border-radius: 3px;
    padding: 1px 5px 1px;
    margin-right: 5px;
}

.newsLine li .f_r {
    margin-right: 8px;
    margin-top: 9px;
    background: #ffffff;
    border-radius: 50%;
    padding: 3px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.newsLine li .f_r img {
    width: 16px;
}

/**/
.guanggao {
    width: 96%;
    overflow: hidden;
    margin: 1% 2%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
}

.guanggao-qy {
    height: 1.6rem;
    border-radius: 0.2rem
}

.guanggao-qy a {
    display: flex;
    align-items: center;
    color: #ffffff;
    padding: 0.4rem 0.25rem;
}

.guanggao-qy img {
    width: 0.8rem;
    height: 0.8rem;
    margin-right: 0.2rem;
}

.guanggao-qy h3 {
    margin: 0;
    padding: 0;
    font-size: 0.3rem;
    font-weight: normal;
    margin-bottom: 0.05rem
}

.guanggao-qy p {
    font-size: 0.22rem
}

.guanggao-qy.bgcxbg1 {
    background: url(img/bgcx1bg.png)no-repeat;
    background-size: cover;
    width: 100%;
}

.guanggao-qy.bgcxbg2 {
    background: url(img/bgcx2bg.png)no-repeat;
    float: right;
    width: 100%;
}

.guanggao-qy.bgcxbg2 img {
    width: 0.9rem;
    height: 0.8rem;
}

/**/
.kouhao {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
    background: #ffffff;
    margin: 0 2%;
    border-radius: 0.2rem;
    padding: 3%;
    text-align: center
}

.kouhao .kouhao-a {
}

.kouhao .kouhao-a img {
    width: 0.7rem;
}

.kouhao .kouhao-a p {
    font-size: 0.26rem;
}

/**/
.send-down {
    border-radius: 0.2rem;
    background-color: #ffffff;
    width: 96%;
    overflow: hidden;
    margin: 2%;
    box-sizing: border-box;
}

.send-down .module_list_title {
    background: none
}

.shuffling-left {
    height: 2.1rem;
    border-radius: .10rem;
    border: 0.01rem solid rgba(223,223,223,1);
    background-color: rgba(255,255,255,1);
    box-shadow: .05rem .06rem .04rem 0rem rgba(137,182,208,0.11);
    padding: .2rem .2rem .3rem .2rem;
    box-sizing: border-box;
}

.point {
    text-align: center;
}

.pointac {
    width: .36rem;
    height: .12rem;
    background: #3C1F87;
    border-radius: .06rem;
    margin-left: 3.23rem;
}

.pointdefault {
    width: .12rem;
    height: .12rem;
    background: #A5A5A5;
    opacity: 0.5;
    border-radius: 50%;
}

.Scrollmessage {
    height: .70rem;
    background-color: rgba(255,255,255,1);
    width: 7.50rem;
}

.send-shuffling {margin-bottom: 0.15rem;}

.send-shuffling .mybuyswipe {
    height: 5.2rem;
}
.send-shuffling .mybuyswipe .swiper-slide{height: 2.1rem;}

.send-shuffling .myc-swipe-pagination {
    bottom: 5px !important;
}

.send-shuffling .myc-swipe-pagination .swiper-pagination-bullet-active {
    background: #1f2d5c;
    width: 30px;
    border-radius: 20px
}

.ui-fl{float:left}
.ui-list-mix-buy{background:#F7F7F7;border-radius:10px;margin:3px 0 10px}
.ui-list-mix-buy strong {display: inline-block;margin: 2px 5px 5px 3px;font-weight: 600;position: relative;padding-left: 10px;line-height: normal;}
.ui-list-mix-buy strong:before{content:'';position:absolute;top: 4px;left: 0;width: 4px;height: 13px;background: #1f2d5c;border-radius: 0 6px 6px 0;}
.ui-list-mix-buy b {display: inline-block;margin: 0;height: auto;line-height: normal;}
.ui-list-mix-buy .vip {background:url('icon-vip.png') no-repeat 0 center;background-size:14px 14px;padding-left:16px;}
.ui-list-mix-buy p {padding: 5px 0 5px 3px;line-height: normal;height: auto;}
.ui-list-mix-buy ul {box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;overflow:hidden;padding:0;}
.ui-list-mix-buy div {margin:0;padding:0 12px;line-height: 18px;max-height: 36px;overflow:hidden;color:#999999;font-size: 12px;}

.buy_show{height:40px;line-height: 40px;overflow:hidden;margin-top:10px;position: relative;width: 100%;padding: 0 20%;box-sizing: border-box;}
.buy_show ul{height:40px;line-height: 40px;overflow:hidden;font-size: 14px;}
.buy_list{font-size:12px;}
.buy-item{line-height:40px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.buy_show:after{content:'';position:absolute;left: 8%;top: 18px;height: 3px;width: 25px;background: #b4b4b4;border-radius: 5px;}
.buy_show:before{content:'';position:absolute;top: 18px;right: 8%;height: 3px;width: 25px;background: #b4b4b4;border-radius: 5px;z-index: 10;}

a.btn-buys{display:inline-block;width:70%;color:#ffffff;border-radius:50px;margin-top:5px}

.buy-status2{padding: 20px 0;text-align:center;font-size: 14px;}
.buy-status2 .status2-1{
    display: flex;
    align-items: center;
    justify-content: center;
}
.buy-status2 .status2-1 span{width:15px;height:3px;background: #1f2d5c;border-radius: 50px;}
.buy-status2 .status2-2{
    border-radius: 50px;
    border: 1px solid #dddddd;
    margin: 10px 0 20px;
    width: auto;
    padding: 5px 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.buy-status2 .status2-3{
    display: flex;
    align-items: center;
    justify-content: center;
}
.buy-status2 .status2-3 a{display:inline-block;width: auto;margin: 0 8px;border-radius: 50px;font-size: 14px;}
.buy-status2 .status2-3 a.btn-blue{padding: 0 35px;color:#ffffff;}
.buy-status2 .status2-3 a.f_r{background: #d9d9d9;padding: 0 17px;line-height: 38px;color: #333333;}

/**/
/* 竖屏底下的查询 */
@media screen and (orientation: portrait) {
    body{
        /* 防止页面被底部横线遮住 */
        padding-bottom: 0;
        padding-bottom:calc(constant(safe-area-inset-bottom) - 10px);
        padding-bottom:calc(env(safe-area-inset-bottom) - 10px);
    }
    .foot-bar,.foot-bar-fix,.cart-foot,.cart-foot-fix, .quicknav{
        padding-bottom:calc(constant(safe-area-inset-bottom) - 15px);
        padding-bottom:calc(env(safe-area-inset-bottom) - 15px);
    }
}