@charset "utf-8";

* {
    box-sizing: border-box;
    /* 在X5新内核Blink中，在排版页面的时候，会主动对字体进行放大，会检测页面中的主字体，当某一块字体在我们的判定规则中，认为字号较小，并且是页面中的主要字体，就会采取主动放大的操作。然而这不是我们想要的，可以采取给最大高度解决 */
    /*max-height: 100000px;*/
}

*:before, *:after {
    box-sizing: border-box;
    /*max-height: 100000px;*/
}

*, *:before, *:after {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


html {
    font-family: Helvetica Neue, Helvetica, STHeiTi, Arial, sans-serif;
    -webkit-text-size-adjust: none;
    -webkit-user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    background: #f5f5f5;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    color: #333
}

body, h1, h2, h3, h4, h5, h6, li, p, ul, dl, dt, dd, strong {
    margin: 0;
    padding: 0;
    font-weight: 400
}

li, ol, ul {
    list-style: none
}

em,i {
    font-style: normal
}

figcaption, figure, footer, header, main, nav, section {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

a {
    text-decoration: none;
    color: #333;
    outline: none;
}

img {
    border: 0;
    vertical-align: middle;
}

a:active, img {
    outline: 0
}

hr {
    height: 0
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 750pt #fff inset
}

button::-moz-focus-inner {
    border-color: transparent !important
}

::-moz-focus-inner {
    outline: 0
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #ccc
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #ccc
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc
}

input, textarea {
    border: 0;
    -webkit-appearance: none;
    -webkit-user-modify: read-write-plaintext-only;
    -webkit-tap-highlight-color: transparent;
    outline: none;
}

textarea {
    resize: none
}

.clearfix:after {
    content: " ";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both
}

* html .clearfix {
    zoom: 1
}

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

.flex-pack-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.red {
    color: #FF201A !important;
}

.gray {
    color: #999;
}

.app-aok-stmt90 {
    margin-top: .9rem;
}

.icon {
    background-image: url("../image/icon.png");
    background-size: 3rem 6rem;
    display: block;
}

.none {
    display: none;
}

.block {
    display: block;
}

/*顶部固定栏*/
.h5-head {
    position: fixed;
    background: #fff;
    height: .9rem;
    left: 0;
    right: 0;
    top: 0;
    font-size: .28rem;
    border-bottom: solid 1px #ddd;
    z-index: 96;
}

.h5-head .back,.h5-head .close {
    position: absolute;
    left: 0;
    top: 0;
    width: 9%;
    text-align: center;
    height: .9rem;
    display: block;
    z-index: 2;
}

.h5-head .close {
    visibility: hidden;
}

.h5-head .back i {
    display: inline-block;
    width: .19rem;
    height: .34rem;
    background-position: -.2rem 0;
    vertical-align: top;
    margin-top: .28rem;
}

.h5-head .close i {
    display: inline-block;
    width: .28rem;
    height: .28rem;
    background-position: -2.4rem 0;
    vertical-align: top;
    margin-top: .31rem;
}

.h5-head .menu {
    position: absolute;
    right: .2rem;
    top: 0;
    width: .56rem;
    text-align: center;
    height: .9rem;
    display: block;
    z-index: 2;
}

.h5-head .menu i {
    display: inline-block;
    width: .05rem;
    height: .29rem;
    background-position: 0 0;
    vertical-align: top;
    margin-top: .3rem;
}

.h5-head .search {
    position: absolute;
    right: 7%;
    top: 0;
    width: 7%;
    text-align: center;
    height: .9rem;
    display: block;
    z-index: 2;
}

.h5-head .search i {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-position: -.9rem -.5rem;
    vertical-align: top;
    margin-top: .3rem;
}

.h5-head .cart {
    position: absolute;
    right: .91rem;
    top: 0;
    width: .56rem;
    text-align: center;
    height: .9rem;
    display: block;
    z-index: 2;
}

.h5-head .cart i {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    background-position: -1.2rem -1rem;
    vertical-align: top;
    margin-top: .3rem;
}

.h5-head .cart .cart-num,.goods-head .goods-cart .cart-num,.goods-head .goods-cart1 .cart-num {
    display: none;
    position: absolute;
    top: .1rem;
    right: -.15rem;
    background: #ff201a;
    border-radius: .4rem;
    color: #fff;
    min-width: .3rem;
    height: .3rem;
    line-height: .3rem;
    box-sizing: border-box;
    font-size: .2rem;
    font-style: normal;
    font-family: Arial;
    text-align:center;
    padding:0 .1rem;
}

.goods-head .goods-cart .cart-num {
    top: -.08rem;
    right: -.1rem;
}

.h5-head h1 {
    line-height: .9rem;
    font-size: .36rem;
    text-align: center;
}

.h5-search {
    width: 84%;
    margin-left: 9%;
    position: relative;
}

.h5-search input {
    float: left;
    width: 80%;
    background: #f5f5f5;
    border-radius: 1rem;
    line-height: .7rem;
    border: none;
    padding: 0 .2rem 0 .68rem;
    font-size: .28rem;
    height: .7rem;
    margin-top: .1rem;
}

.h5-search .i-search {
    position: absolute;
    left: .2rem;
    top: .3rem;
    background-position: -.9rem 0;
    width: .3rem;
    height: .3rem;
}

.h5-search .i-del {
    position: absolute;
    left: 73%;
    top: .31rem;
    background-position: -.5rem 0;
    width: .28rem;
    height: .28rem;
    visibility: hidden;
}

.h5-search .but {
    float: right;
    width: 20%;
    text-align: center;
    line-height: .9rem;
}

.menu-more {
    position: fixed;
    right: 0;
    top: .9rem;
    background: #fff;
    border-radius: .06rem;
    box-shadow: 0 0 .2rem rgba(0,0,0,.2);
    padding: .1rem 4%;
    display: none;
    -webkit-animation: menu 300ms ease;
    z-index: 10002;
}

.nav-fixed {
    top: 0;
    z-index: 98;
    font-size: .28rem;
    height: .8rem;
    border-bottom: 1px solid #ddd;
    padding: 0 .06rem 0 0;
    position: fixed;
    left: 0;
    right: 0;
    background: #fff;
    line-height: .8rem;
    text-align: center;
}
.nav-fixed > ul, footer > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.nav-fixed li:nth-child(1) a, .nav-fixed li:nth-child(3) a, .nav-fixed li:nth-child(4) a, #app-toTop {
    display: block
}

.nav-fixed li:nth-child(2) {
    width: 55%;
    height: .8rem;
    -webkit-box-flex: 6;
    -webkit-flex: 6;
    -ms-flex: 6;
    flex: 6;
    cursor: pointer
}

.nav-fixed li:nth-child(1), .nav-fixed li:nth-child(3), .nav-fixed li:nth-child(4) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 10%;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: .02rem;
    cursor: pointer;
    font-size: .4rem;
    color: #888
}

.nav-fixed li:nth-child(1) {
    font-size: .35rem
}

.nav-fixed li:nth-child(2) h1 {
    font-size: .32rem;
    font-weight: 500
}
.nav-fixed ul li.detail-cart .cart-num {
    display: none;
    position: absolute;
    top: .05rem;
    right: -.01rem;
    background: #EE433B;
    border-radius: 50%;
    color: #fff;
    width: .3rem;
    height: .3rem;
    line-height: .3rem;
    box-sizing: border-box;
    font-size: .2rem;
    font-style: normal;
    font-family: Arial
}
@-webkit-keyframes menu {
    from { right:-100%; }
    to { right:0; }
}

.menu-more:before {
    content: "";
    position: absolute;
    width: .3rem;
    height: .3rem;
    background-image: url("../image/icon.png");
    background-size: 3rem 6rem;
    background-position: -2.7rem -.5rem;
    right: .33rem;
    top: -.29rem;
}

.menu-more li {
    line-height: .7rem;
    font-size: .28rem;
    color: #666;
}

.menu-more li a {
    display: block;
    color: #666;
}

.menu-more li i {
    display: inline-block;
    width: .3rem;
    height: .3rem;
    margin: .2rem .2rem 0 .1rem;
}

.menu-more li .m-home {
    background-position: 0 -1rem;
}

.menu-more li .m-cate {
    background-position: -.4rem -1rem;
}

.menu-more li .m-search {
    background-position: -.8rem -1rem;
}

.menu-more li .m-cart {
    background-position: -1.2rem -1rem;
}

.menu-more li .m-point {
    background-position: -1.6rem -1rem;
}

.menu-more li .m-member {
    background-position: -2rem -1rem;
}

.menu-more li .m-active {
    background-position: -2.4rem -1rem;
}

.menu-more li span {
    display: inline-block;
    border-bottom: solid 1px #ddd;
    width: 1.48rem;
    padding-left: .24rem;
}

.menu-more li:last-child span {
    border-bottom: none;
}

/*点击搜索框弹窗*/
.search-div, .search-xg {
    position: fixed;
    background: #fff;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: .9rem;
    font-size: .28rem;
    padding: 0 4%;
    z-index: 90;
}

.search-hot {
    font-size: .28rem;
    background: #fff;
   /* border-top: solid 1px #ddd;*/
    padding-bottom: .4rem;
}

.search-hot:first-child {
    border-top: none;
}

.search-hot .h-title {
    margin-top: .3rem;
    line-height: .4rem;
    height: .4rem;
}

.search-hot .icon {
    width: .3rem;
    height: .31rem;
    float: left;
    margin-right: .08rem;
    margin-top: .04rem;
    vertical-align: top;
}

.search-hot .i-hostory {
    background-position: -.4rem -.5rem;
}

.search-hot .i-hot {
    background-position: 0 -.5rem;
}

.search-hot .h-title .fr {
    font-size: .22rem;
}

.search-hot li {
    float: left;
    color: #666;
    line-height: .6rem;
    height: .6rem;
    border: solid 1px #ddd;
    border-radius: .3rem;
    padding: 0 .25rem;
    margin: .25rem .15rem 0 0;
}

.search-hot li a {
    color: #666;
    display: inline-block;
}

.search-xg {
    z-index: 98;
} 

.search-xg ul {
    overflow: scroll;
    height: 92%;
}

.search-xg li {
    line-height: .88rem;
    padding: 0 .1rem;
    border-bottom: solid 1px #ddd;
    height: .88rem;
}

/*相关商品*/


.love-title {
    text-align: center;
    padding: .2rem 0;
    background: #f5f5f5;
    line-height: .44rem;
}

.love-title em {
    position: relative;
    display: block;
    font-size: .2rem;
    color: #999;
    line-height: .3rem;
}

.love-title em:before,.love-title em:after {
    content: "";
    width: .5rem;
    height: 1px;
    overflow: hidden;
    background: #999;
    display: inline-block;
    vertical-align: top;
    margin-top: .14rem;
}

.love-title em:before {
    margin-right: .12rem;
}

.love-title em:after {
    margin-left: .12rem;
}

.goods-love-list {
    font-size: .26rem;
}

.goods-love-list a {
    display: block;
    padding: .25rem 0 .2rem .25rem;
}

.goods-love-list a p {
    width: 100%;
}

.goods-love-list a img {
    display: block;
    width: 100%;
    border: solid 1px #eee;
}

.goods-love-list a strong {
    display: block;
    font-size: .24rem;
    font-weight: normal;
    line-height: .5rem;
    height: .5rem;
    overflow: hidden;
}

.goods-love-list a span {
    display: block;
    line-height: .38rem;
}

/*底部图标*/
.h5-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1rem;
    border-top: solid 1px #ddd;
    background: #fff;
    z-index: 100; 
}

.h5-footer li {
    float: left;
    width: 20%;
    height: 1rem;
    overflow: hidden;
    text-align: center;
    font-size: .22rem;
    color: #666;
    position: relative;
}

.h5-footer li a {
    color: #666;
}

.h5-footer li.hover a {
    color: #FF201A;
}

.h5-footer li img {
    display: block;
    height: 100%;
    margin: 0 auto;
}

.h5-footer li span {
    position: absolute;
    bottom: .1rem;
    line-height: .3rem;
    left: 0;
    right: 0;
    width: 100%;
}


/*旧弹窗闪屏*/
.app-alert-screen {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    font-size: .24rem;
    background: #fff;
    border-radius: .1rem;
}

.app-flash-screen h3, .common-btn29260 {
    font-size: .28rem
}

.app-alert-screen .alert-title {
    background: #e6e5e5;
    height: .7rem;
    text-align: center;
    line-height: .7rem;
    font-size: .28rem;
    border-top-left-radius: .1rem;
    border-top-right-radius: .1rem;
}

.app-alert-screen .alert-content {
    padding: .32rem .2rem .32rem;
    background: #fff;
    text-align: center;
    overflow: hidden;
    min-width: 4.5rem;
    font-size:.24rem;
    border-bottom-left-radius: .1rem;
    border-bottom-right-radius: .1rem;
}

.alert-content .alert-screen-input p {
    margin-top: .2rem
}

.alert-content .alert-screen-input .error-tip {
    float: left;
    margin-left: .2rem;
    color: #e30000
}

.alert-content .alert-screen-input input {
    margin: 0 auto;
    width: 85%;
    height: .6rem;
    border: 1px solid #efd5b0;
    background: #fffbea;
    outline: 0;
    line-height: .6rem;
    box-sizing: border-box;
    font-size:.26rem;
}

.app-alert-screen .del-btn-red, .common-btn29260 {
    height: .6rem;
    line-height: .6rem;
    color: #fff;
    text-align: center
}


.app-alert-screen .del-btn-red {
    position: absolute;
    right: -.15rem;
    top: -.25rem;
    background: #ff201a;
    border-radius: 50%;
    width: .6rem;
    font-size: 0;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.app-alert-screen .del-btn-red:after {
    content: "\e904";
    font-size: .3rem;
}
.app-alert-screen .submitOk{
    width:85%;
}
#app-mask, #app-mask-allMenu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 98;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    filter: alpha(opacity=50);
    display: none
}
#app-mask-allMenu{
    z-index: 10001;
}
.app-flash-screen {
    position: fixed;
    left: 50%;
    top: 50%;
    padding: .3rem;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: .1rem;
    background: #000;
    opacity: .8;
    filter: alpha(opacity=80);
    color: #fff;
    z-index: 101;
    font-size: .2rem;
}
.nav-fixed, footer {
    position: fixed;
    left: 0;
    right: 0;
}

#app-header-nav, footer {
    background: #fff;
    -webkit-transform: translateZ(0);
}

.open-alert {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 100;
    -webkit-transform: translate(-50%, -50%) !important;
    -ms-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
    font-size: .26rem;
    background: #fff;
    border-radius: .23rem;
    width: 80%;
    padding: 6%;
    display: none;
}

.alert-close {
    position: absolute;
    right: .3rem;
    top: 0;
    background-position: -.7rem -3.1rem;
    width: .6rem;
    height: .6rem;
}

.alert-bt {
    font-size: .36rem;
    text-align: center;
    line-height: .5rem;
    margin-bottom: .2rem;
}

.alert-sure {
    display: block;
    background: #FF201A;
    border-radius: 1rem;
    line-height: .7rem;
    height: .7rem;
    color: #fff;
    font-size: .3rem;
    text-align: center;
    width: 100%;
    margin-top: .3rem;
}

.alert-cancel {
    display: block;
    background: #fff;
    border: solid 1px #FF201A;
    border-radius: 1rem;
    line-height: .7rem;
    height: .7rem;
    color: #FF201A;
    font-size: .3rem;
    text-align: center;
    width: 100%;
    margin-top: .3rem;
}

#app-toTop {
    position: fixed;
    right: 1%;
    bottom: .9rem;
    z-index: 300;
    -webkit-transform: translateZ(0);
    visibility: hidden
}

#app-toTop i {
    opacity: .6;
    font-size: .8rem
}


/*懒加载*/
.loader {
    font-size: .24rem;
    padding: 0;
    text-align: center;
    margin: .2rem auto;
    display: block;
}


.loader span {
    border-radius: 100%;
    display: inline-block;
    width: 18px;
    height: 18px;
    margin: 0 2px;
    -webkit-animation: loader .8s linear infinite alternate;
    animation: loader .8s linear infinite alternate;
    vertical-align: middle;
}

.loader span:nth-child(1) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(245, 103, 115, .6)
}

.loader span:nth-child(2) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
    background: rgba(245, 103, 115, .8)
}

.loader span:nth-child(3) {
    -webkit-animation-delay: -.26666s;
    animation-delay: -.26666s;
    background: rgba(245, 103, 115, 1)
}

.loader span:nth-child(4) {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
    background: rgba(245, 103, 115, .8)
}

.loader span:nth-child(5) {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
    background: rgba(245, 103, 115, .4)
}

@keyframes loader {
    from {
        transform: scale(0, 0)
    }
    to {
        transform: scale(1, 1)
    }
}

@-webkit-keyframes loader {
    from {
        -webkit-transform: scale(0, 0)
    }
    to {
        -webkit-transform: scale(1, 1)
    }
}

.modal-open{
    overflow:hidden;
}

/*下拉弹出新窗口*/
.news-open {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 100%;
    bottom: -100%;
    background: #fff;
    z-index: 99;
    padding: .25rem 4%;
    border-top-left-radius: .2rem;
    border-top-right-radius: .2rem;
    opacity: 0;
    overflow-y: auto;
    /*display: none;*/
}

.openin {
    -webkit-animation: openin 500ms linear;
    animation-fill-mode: forwards;
    display: block;
}

.openout {
    -webkit-animation: openout 300ms linear;
    animation-fill-mode: forwards;
    display: none;
}

@-webkit-keyframes openin {
    from { bottom: -50%; opacity: 0; }
    to { bottom: 0; opacity: 1; }
}

@-webkit-keyframes openout {
    from { bottom: 0; opacity: 1; }
    to { bottom: -50%; opacity: 0; }
}

.news-open-content {
    max-height: 60vh;
    overflow-y: auto;
}

.open-close {
    position: absolute;
    width: .52rem;
    height: .52rem;
    right: .2rem;
    top: .2rem;
    display: block;
}

.open-close .i-close {
    display: block;
    background-image: url(../image/item/item-icon.png?t=3);
    background-position: -.75rem -1.5rem;
    background-size: 3rem 3.5rem;
    width: .28rem;
    height: .28rem;
    margin: .12rem;
    z-index: 2;
}

.open-bt {
    font-size: .3rem;
    font-weight: bold;
    text-align: center;
    line-height: .4rem;
    padding-bottom: .3rem;
}

.open-sure,.ok {
    width: 100%;
    height: .8rem;
    line-height: .8rem;
    background: #FF201A;
    border-radius: 1rem;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    margin-top: .3rem;
}

.i-right {
    display: inline-block;
    background-image: url(../image/item/item-icon.png?t=3);
    background-position: -1rem -1rem;
    background-size: 3rem 3.5rem;
    width: .15rem;
    height: .28rem;
    overflow: hidden;
    vertical-align: top;
}

/*优惠券*/
.coupon-list li {
    height: 2.2rem;
    overflow: hidden;
    margin-bottom: .2rem;
    position: relative;
    font-size: .26rem;
}

.coupon-list li:last-child {
    margin-bottom: 0;
}

.coupon-list li .fl {
    width: 36.2%;
    background-image: url("../image/coupon.png");
    background-repeat: no-repeat;
    background-size: 4rem 5.65rem;
    background-position: 0 0;
    height: 100%;
    text-align: center;
    color: #fff;
    font-size: .28rem;
    line-height: .3rem;
}

.coupon-list li.yl .fl {
    background-position: 0 -2.2rem;
}

.coupon-list li .fl strong {
    font-size: .72rem;
    display: block;
    line-height: .8rem;
    padding-top: .5rem;
}

.coupon-list li .fl strong em {
    font-size: .4rem;
}

.coupon-list li .fr {
    width: 63.8%;
    height: 100%;
    border: solid 1px #ddd;
    border-left: none;
    background: #fff;
    padding: .2rem;
    font-size: .28rem;
    color: #666;
    overflow: hidden;
}

.coupon-list li .fr p {
    line-height: .6rem;
    height: .6rem;
}
.coupon-list li .fr .coupon-time{
    font-size: .24rem;
    color: #999;
    position: absolute;
    bottom:.2rem;
    height:.4rem;
    line-height: .3rem;
}

.coupon-list li .fr em {
    display: inline-block;
    color: #fff;
    font-size: .24rem;
    line-height: .38rem;
    padding: 0 .1rem;
    margin-right: .1rem;
    margin-top: .02rem;
    vertical-align: top;
    border-radius: .08rem;
}
.coupon-list li .fr span .scq{
    background: #febc00;
}

.coupon-list li .fr span .mdq {
    background: #00D6A6;
}

.coupon-list li .fr span .mdscq {
    background: #FF201A;
}

/*.coupon-list li.yl .fr span {
    background: #ccc;
}*/

.coupon-list .coupon-list-btn {
    position: absolute;
    right: .2rem;
    bottom: .2rem;
    display: block;
    width: 1.2rem;
    height: .5rem;
    line-height: .5rem;
    border: solid 1px #FF201A;
    color: #FF201A;
    border-radius: .66rem;
    text-align: center;
}

.coupon-list .yl .coupon-list-btn {
    border: solid 1px #bbb;
    color: #999;
}

.coupon-list li.hover .fr {
    border: solid 1px #FF201A;
}

.coupon-list .i-xuan {
    background-position: -2.5rem -2.5rem;
    width: .5rem;
    height: .5rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.coupon-list li.hover .i-xuan {
    background-position: -2rem -2.5rem;
}

/*促销列表*/
.cuxiao-list li {
    border-bottom: solid 1px #ddd;
    height: .88rem;
    overflow: hidden; 
    line-height: .88rem;
    font-size: .26rem;
}

.cuxiao-list li span {
    float: left;
    line-height: .35rem;
    height: .35rem;
    border: solid 1px #FF201A;
    border-radius: .04rem;
    font-size: .2rem;
    padding: 0 .12rem;
    margin-right: .14rem;
    margin-top: .25rem;
}

.cuxiao-list li a {
    display: block;
}

.cuxiao-list li .fr {
    margin-top: .3rem;
}

.check-no, .check-yes {
    background-image: url("../image/icon.png");
    background-size: 3rem 6rem;
    display: block;
    background-position: 0 -1.5rem;
    width: .35rem;
    height: .35rem;
    float: left;
}

.check-yes {
    background-position: -.4rem -1.5rem;
}

.c-select-null {
    background-position: -.8rem -1.5rem;
}

.fan-content {
    padding:0 3% .6rem;
    line-height: .48rem;
    font-size: .24rem;
}

/*--------------------------------------------------------------------*/
figure{
    margin: 0;
}
.ff2Bg{
    background: #FF201A !important;
}

.ff2Color{
    color: #FF201A !important;
}


.ff2Border{
    border: 1px solid #FF201A !important;
}


.ff2BgCcc{
    background: #ccc !important;
    color: #fff !important;
}

.maxWidth-container{
    max-width: 7.5rem;
    margin: 0 auto;
}

#app-header-nav li.font36{
    font-size: .4rem;
}


.empty-icon {
    position: relative;
    background: #fff;
    width: 1.8rem;
    height: 1.8rem;
    margin: 0 auto;
    border: none;
    border-radius: 50%;
}

.empty-icon i {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 1rem;
    margin-top: -.5rem;
    margin-left: -.5rem;
    color: #ccc;
}

.app-empty h3 {
    font-size: .28rem;
    line-height: .6rem;
    margin-top: .2rem;
    text-align: center;
}

.app-empty p {
    color: #aaa;
    font-size: .22rem;
    margin-bottom: .4rem;
    text-align: center;
}

.button-length {
    display: block;
    background: #FF201A;
    color: #fff;
    border-radius: .3rem;
    line-height: .6rem;
    width: 3rem;
    text-align: center;
    margin: .2rem auto;
    font-size: .28rem;
    font-weight: 500;
}
.button-length-white{
    display: block;
    background: #fff;
    border: #FF201A 1px solid;
    color: #FF201A;
    border-radius: .3rem;
    line-height: .6rem;
    width: 3rem;
    text-align: center;
    margin: .2rem auto;
    font-size: .28rem;
    font-weight: 500;
}
.evalute-suc h1.submit{position:relative;width:2rem;height:2rem;line-height:1.85rem;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:#fff;margin:1.4rem auto .2rem;text-align:center;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.evalute-suc .submit span{display:block;padding:.28rem .25rem;color:#d0d0d0}
.evalute-suc p{text-align:center}
.evalute-suc .title-big{font-size:.27rem}
.evalute-suc .title-samll{font-size:.23rem;color:#888;margin-top:.25rem;margin-bottom:.3rem}
.evalute-suc .button-length{width:100%}

.app-refund-apply .button-length {
   width:100%;
}

.input-error {
    background: #FEF3F3;
    color: #FF201A;
    padding: 0 .3rem;
    line-height:.5rem;
}
[v-cloak]{
    display: none;
}
.bgfff{background: #fff;}
.about-aipaike{font-size: .26rem;padding:0 .3rem .3rem;line-height: .36rem;color: #666;}
.about-aipaike h3 {padding-top: .25rem;line-height: .46rem;font-size: .25rem;font-weight: normal;color:#444;}
.about-aipaike p {text-align:justify; padding: 0 .15rem;}

.tab_selected{
    display: block !important;
}
.selected{
    border-bottom: 1px solid #FF201A;
}
.app-empty {
    font-size: .24rem;
    text-align: center;
    padding-top: 2.6rem;
}

footer{font-size:.25rem;bottom:0;z-index:200;width:100%;height:.8rem;border-top:1px solid #ccc}
.app-index{height:.8rem}
.app-index li{position:relative;width:20%;box-sizing:border-box;line-height:.3rem;font-size:.22rem}
.app-index li a{display:block;padding-top:.1rem;text-align:center;width:100%;height:100%;color:#666;font-weight:300}
.app-index li i{display:block;font-size:.3rem;padding-bottom:.02rem}
.icon-index_1{font-size:0}
.icon-index_1:before{content:"";display:inline-block;width:0.35rem;height:0.35rem;background:url(http://img.aokang.cn/group1/M00/12/0F/Cvv7ZVo4wDGAXJ8wAAAJMxdaZSI482.png) no-repeat;background-size:100%;}
/*.icon-mall{font-size:0}
.icon-mall:before{content:"";display:inline-block;width:0.3rem;height:0.3rem;background:url(http://img.aokang.cn/group1/M00/12/0F/Cvv7ZVo4wDGAD2pMAAANAhdeOZ8817.png) no-repeat;background-size:100%;}
   */
.icon-qiyu{font-size:0}
.icon-qiyu:before{content:"";display:inline-block;width:0.35rem!important;height:0.35rem!important;background:url("../image/kefu.png") no-repeat;background-size:100%;}
.icon-point{font-size:0}
.icon-point:before{content:"";display:inline-block;width:0.35rem!important;height:0.35rem!important;background:url(http://img.aokang.cn/group1/M00/12/0F/Cvv7ZVo4wDGAFWAjAAAIbokVQRE467.png) no-repeat;background-size:100%;}
.icon-cart_1{font-size:0}
.icon-cart_1:before{content:"";display:inline-block;width:0.35rem!important;height:0.35rem!important;background:url(http://img.aokang.cn/group1/M00/12/0F/Cvv7ZVo4wDGAEbeGAAAH2lK3LrM720.png) no-repeat;background-size:100%;}
.icon-login_1{font-size:0}
.icon-login_1:before{content:"";display:inline-block;width:0.35rem!important;height:0.35rem!important;background:url(http://img.aokang.cn/group1/M00/12/0F/Cvv7ZVo4wDGAWqXTAAAJ_mdUHug673.png) no-repeat;background-size:100%;}

.open-img{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #333;
    z-index: 999;
    display: none;
}
.open-img .swiper-container-pic{
    height: 100%;
    font-size: 0;
}
.open-img .swiper-slide img{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    transform: translate(0, -50%);
}
.open-img .swiper-pagination{
    position: fixed;
    bottom: 5%!important;
}
.open-img .swiper-pagination-bullet{
    background: #d8d8d8;
    opacity: 1;
    width: .15rem;
    height: .15rem;
}

.open-img .swiper-pagination-bullet-active{
    background: #F75E46;
}

.goods-part3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    font-size: .26rem;
    padding: 0 4%;
    height: .9rem;
    color: #333;
}

.img-textdetail {
    display: flex;
    justify-content: center;
}
.img-textdetail img {
    height: .3rem;
    margin: .05rem .1rem 0 0;
}
.img-textdetail span {
    font-size: .26rem;
    color: #333333;
}

.copywechat,.copywechat1 {
    width:1.6rem;
    height:.6rem;
    line-height: .6rem;
    text-align: center;
    background:rgba(253,234,231,1);
    border-radius:.3rem;
    font-size: .24rem;
    color: #FF201A;
}
.mask-contianer,.mask-contianer1 {
    display: none;
    position: fixed;
    width: 6rem;
    /*height: 10rem;*/
    padding-bottom: .3rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    /* 50%为自身尺寸的一半 */
    z-index: 100;
}

.mask-addwechat {
    display: flex;
    flex-direction: column;
    position: fixed;
    width: 6rem;
    /*height: 10rem;*/
    padding-bottom: .3rem;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);    /* 50%为自身尺寸的一半 */
    background: #fff;
    border-radius: .2rem;
    z-index: 101;
}
.title-mask {
    width: 100%;
    padding: .22rem 0;
    font-size: .36rem;
    color: #333;
    text-align: center;
}
.mask-addwechat img {
    display: block;
    width: 6rem;
    margin: 0 auto;
}
.kown {
    width:4rem;
    height:.8rem;
    background:rgba(243,59,54,1);
    border-radius:1rem;
    line-height: .8rem;
    text-align: center;
    font-size: .32rem;
    color: #fff;
    margin: 0 auto;
}

.colse-mask {
    position: absolute;
    top: .3rem;
    right: 6%;
    width: .28rem;
    height: .28rem;
    background: url('../images/colse.png') no-repeat;
    background-size: 100%;
}
.notice-word {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: .3rem .7rem;
    background: #000000;
    /* line-height: 1.6rem; */
    text-align: center;
    border-radius: .1rem;
    font-size: .28rem;
    color: #fff;
    z-index: 100;
}

.adp {
    display: block;
    width: 100%;
    margin: .2rem 0;
    border-radius: .3rem;
}
.search-hot-new {
    font-size: .28rem;
    background: #fff;
    border-top: solid 1px #ddd;
    padding-bottom: .4rem;
    border: none!important;
}
.search-hot-new .icons {
            width: .3rem;
            height: .31rem;
            float: left;
            margin-right: .08rem;
            margin-top: .04rem;
            vertical-align: top;
           background-image: url(../image/sortImg/bangdan.png)!important;
           background-size: 100%;
        }
.search-hot-new:first-child {
    border-top: none;
}

.search-hot-new .h-title {
    margin-top: .3rem;
    line-height: .4rem;
    height: .4rem;
}

.search-hot-new .icon {
    width: .3rem;
    height: .31rem;
    float: left;
    margin-right: .08rem;
    margin-top: .04rem;
    vertical-align: top;
}

.search-hot-new .i-hostory {
    background-position: -.4rem -.5rem;
}

.search-hot-new .i-hot {
    background-position: 0 -.5rem;
}

.search-hot-new .h-title .fr {
    font-size: .22rem;
}

.search-hot-new li {
    float: left;
    color: #666;
    line-height: .6rem;
    height: .6rem;
    border: solid 1px #ddd;
    border-radius: .04rem;
    padding: 0 .25rem;
    margin: .25rem .15rem 0 0;
}

.search-hot-new li a {
    color: #666;
    display: inline-block;
}
.topBang {
display: flex;
padding: .2rem 0;
}
.topNumber {
color: #FF201A;
font-size: .24rem;
text-align: center;
line-height: 1rem;
margin-right: .24rem;
}
.productimg {
display: block;
width:1rem;
height:1rem;
margin-right: .28rem;
}
.topText {
display: flex;
flex-direction: column;
justify-content: center;
}
.topTitle {
display:flex;
margin-bottom: .14rem;
}
.topTitle span {
display: block;
color: #333333;
font-size: .28rem;
max-width: 4.76rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.topTitle img.topHot {
display: block;
width: .4rem;
height: .16rem;
margin: .14rem 0 0 .14rem;
border-radius: .2rem;
}
.topup {
display: block;
width: .2rem;
height: .2rem;
margin: .14rem 0 0 .14rem;
border-radius: .2rem;
}
.h5-newwritesearch1 {
position: absolute!important;
top: .06rem!important;
left: .16rem!important;
}
.h5-search .search-newinput1 {
width: 100%;
margin-top: 0!important;
background: rgba(255,255,255,.7)!important;
opacity:0.7;
font-size: .26rem!important;
height: .52rem!important;
line-height: .52rem!important;
}
.search-input-container {
float: left;
width: 73%!important;
border: 4px solid #FF201A;
margin-top: .14rem!important;
margin-left: 4%;
border-radius: 1rem;
height: .6rem!important;
line-height: .6rem!important;
}
.h5-search .i-searchs {
position: absolute;
left: .5rem;
top: .32rem;
width: .26rem;
height: .26rem;
background: url(https://img.aokang.cn/group1/M00/24/7C/eSufwF3zYCOAXwOeAAABUEjmOAk012.png) no-repeat!important;
background-size: 100% 100%!important;
}
.search-open {
    display: none;
    width: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    font-size: .2rem;
    background: #fff;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    top: .9rem;
    z-index: 10000;
    padding: 0 4%;
   /* border-top: solid 1px #ddd;*/
}
.search-hot-bottom {
    padding-bottom: .8rem;
}


.home-top-search {
    position: fixed;
}
.home-top {
    display: none;
    /*position: relative;*/
    left: 0;
    right: 0;
    top: 0;
    font-size: .26rem;
    z-index: 10000;
    width: 100%;
}
.home-top-search .t-search {
    background: #fff;
    height: 1rem;
    padding-top: .2rem;
}
.t-search {
    width: 100%;
    background: #f7f7f7;
    padding-bottom: .1rem;
    position: relative;
    transition: all .2s ease-in;
}
.home-top-search .home-close {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 11%;
    line-height: .36rem;
    padding: .32rem 0;
    font-size: .36rem;
    color: #888;
    display: block;
    text-align: center;
}
.home-top-search .home-close i {
    height: .36rem;
    overflow: hidden;
    font-size: .36rem;
}
.home-top-search .home-input {
    width: 76%;
}
.home-input {
    background: #fff!important;
}
.home-input {
    height: .6rem;
    border-radius: .3rem;
    position: relative;
    margin: 0 auto;
}
.home-top-search .home-input a {
    left: 0;
    margin-left: 0;
}
.home-input a {
    position: absolute;
    z-index: 2;
    /*left: 50%;*/
    /*margin-left: -1.3rem;*/
    top: 0;
    display: block;
    width: .6rem;
    height: .6rem;
}
.home-input a i {
    display: block;
    background: url(https://img.aokang.cn/group1/M00/24/7C/eSufwF3zYCOAXwOeAAABUEjmOAk012.png);
    background-size: 100% 100%;
    width: .26rem;
    height: .26rem;
    margin: .17rem 0 0 .2rem;
}

.home-input input.newinput {
    border: 4px solid #FF201A!important;
    border-radius: .3rem;
}
.home-top-search .home-input input {
    text-align: left;
}
.home-input input {
    /*border: 0;*/
    background: none;
    line-height: .4rem;
    width: 100%;
    padding: .1rem 0 .1rem .6rem;
    margin: 0;
    box-sizing: border-box;
    font-size: .26rem;
    outline: 0;
    color: #888;
    height: .6rem;
    overflow: hidden;
    font-weight: normal;
    text-align: center;
}
.home-top-search #searchSubmit {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 12.5%;
    line-height: 1rem;
    font-size: .26rem;
    color: #333;
    text-align: center;
}
.home-top-search .home-close {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 11%;
    line-height: .36rem;
    padding: .32rem 0;
    font-size: .36rem;
    color: #888;
    display: block;
    text-align: center;
}
.home-top-search .home-close i {
    height: .36rem;
    overflow: hidden;
    font-size: .36rem;
}