@charset "utf-8";

a,button,input {
    -webkit-tap-highlight-color: rgba(255,0,0,0);
    outline: none;
}

/*多分辨率设定rem设定*/
html {
    font-size: 20px;
}

/*Note3*/
@media only screen and (min-width: 360px) {
    html {
        font-size: 20px !important;
    }
}

/*iPhone6*/
@media only screen and (min-width: 376px) {
    html {
        font-size: 23px !important;
    }
}

/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
    html {
        font-size: 25px !important;
    }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
    html {
        font-size: 25px !important;
    }
}

html {
    -ms-touch-action: none;
}

body {
    font-family: Heiti, Heiti SC, DroidSans, DroidSansFallback, Arial, "Microsoft YaHei";
    background-color: #f5f5f5;
    max-width: 640px;
    margin: 0 auto !important;
}

input {
    font-family: Arial, "Microsoft YaHei", sans-serif;
}

input[type="text"],textarea {
    font-size: 0.6rem;
}

a {
    text-decoration: none;
    -webkit-touch-callout: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img, iframe {
    border: 0
}

:focus {
    outline: 0
}

i, address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal
}

ol, ul {
    list-style: none
}

li {
    list-style: none;
    -moz-box-sizing: border-box;
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
}

blockquote:before, blockquote:after, q:before, q:after {
    content: ''
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

img {
    vertical-align: top;
    border: none;
}

input:focus, select:focus, textarea:focus, button:focus {
    outline: none;
}

input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea {
    -webkit-appearance: none;
    border: 1px solid;
    border-radius: 0;
}

input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

em, i {
    font-style: normal;
}

li {
    list-style: none;
}

input[type="checkbox"] {
    position: relative;
    width: 0.85rem;
    height: 0.85rem;
    background-color: #F5F5F5;
    border: 0.05rem solid #CCC;
    vertical-align: middle;
}

input[type="checkbox"]:checked {
    border-color: #ED5564;
    background-color: #ED5564;
}

input[type="checkbox"]:checked:after {
    position: absolute;
    left: 0.1rem;
    top: 0.14rem;
    width: 0.85rem;
    height: 0.85rem;
    border-left: 0.065rem solid #fff;
    border-bottom: 0.065rem solid #fff;
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}
/*字体颜色*/
.f-ff9933 {
    color: #FF9933 !important;
}

.f-db4453 {
    color: #db4453 !important;
}

.f-yellow {
    color: #FF9933 !important;
}

.f-c40000 {
    color: #c40000 !important;
}
/*clear float*/
.clearfix {
    zoom: 1;
    clear: both;
}

.clearfix:after {
    display: block;
    clear: both;
    content: '\20'
}

:not(input,textarea) {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-text-size-adjust: none;
}

.posr {
    position: relative !important;
}

.posa {
    position: absolute;
    z-index: auto;
}

.posf {
    position: fixed;
}

.w100h {
    width: 100%;
}

.w20h li {
    width: 20%;
}

.w33h li {
    width: 33.33%;
}

.w50h li {
    width: 50%;
}

.w50 {
    width: 50% !important;
}

.w70 {
    width: 70% !important;
}

.w80 {
    width: 80% !important;
}

.w187_5 {
    width: 0.75rem  !important;
}

.h10 {
    height: 0.5rem;
}

.h20 {
    height: 1rem;
}

.h30 {
    height: 1.5rem;
}

.h120 {
    height: 6rem;
}

.mt4 {
    margin-top: 0.2rem !important;
}

.mt5 {
    margin-top: 0.5rem !important;
}

.mt8 {
    margin-top: 0.8rem !important;
}

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

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

.mt40 {
    margin-top: 4rem !important;
}

.mt97 {
    margin-top: 4.875rem !important;
}

.mt100 {
    margin-top: 4rem !important;
}

.mr2 {
    margin-right: 0.2rem;
}

.mb5 {
    margin-bottom: 0.5rem !important;
}

.mb20 {
    margin-bottom: 2rem !important;
}

.mb-20 {
    margin-bottom: -2rem !important;
}

.mb25 {
    margin-bottom: 2.5rem !important;
}

.mt-l-05 {
    margin-left: 0.5rem !important;
}

.mt-r-05 {
    margin-right: 0.5rem !important;
}

.pl5 {
    padding-left: 0.5rem;
}

.pb5 {
    padding-bottom: 0.5rem;
}

.bgc-t {
    background-color: transparent !important;
}

.fr {
    float: right !important;
}

.fl {
    float: left !important;
}

.opera-tips {
    color: #D9434E;
    font-size: 14px;
}

.error-tips {
    display: none;
    background-color: rgba(255,255,255,0.95);
    border: solid 0.05rem #CCC;
    padding: 0.8rem 0.6rem;
    text-align: center;
    border-radius: 0.2rem;
    position: fixed;
    z-index: 9999;
    top: 40%;
    left: 25%;
    right: 25%;
    color: #333;
    font-size: 0.7rem;
    line-height: 1rem;
    box-shadow: 0 0 1rem rgba(0,0,0,0.15);
}

.error-tips p {
    font-size: 0.7rem;
    line-height: 1rem;
    color: #333;
}

.error-tips .ico-success {
    width: 1rem;
    height: 1rem;
    display: inline-block;
    background: url(../images/smile_b.png);
    background-size: 1rem;
    background-repeat: no-repeat;
    vertical-align: bottom;
    margin-right: 0.25rem;
}

.dp_n {
    display: none !important;
}

.dp_table {
    display: table  !important;
}

.dp_cell {
    display: table-cell !important;
}

.dp_in_block {
    display: inline-block;
}

.t-a-c {
    text-align: center !important;
}

.v-a-m {
    vertical-align: middle;
}
/**绝对定位位置*/
.t40h {
    top: 40%;
}

/**边框start**/
.b-l-n {
    border-left: none !important;
}

.b-r-n {
    border-right: none !important;
}
/**边框end**/


/*操作提示弹出层*/
.s-dialog-mask {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF000000', endColorstr='#BF000000');*/
    background: rgba(0,0,0,0.75);
}

.s-dialog-wrapper {
    position: fixed;
    z-index: 9999;
    max-width: 12rem;
    min-width: 10rem;
    margin-top: -2rem;
    border-radius: 0.2rem;
}

.s-dialog-skin-green {
    background-color: rgba(255,255,255,0.90);
    border: solid 0.05rem #000;
}

.s-dialog-skin-block {
    background-color: rgba(255,255,255,0.90);
    border: solid 0.05rem #000;
}

.s-dialog-skin-red {
    background-color: rgba(255,255,255,0.90);
    border: solid 0.05rem #000;
}

.s-dialog-content {
    padding: 0.8rem 0.6rem;
    text-align: center;
    font-size: 0.75rem;
    line-height: 0.9rem;
}

.s-dialog-skin-green .s-dialog-content {
    color: #000;
}

.s-dialog-skin-red .s-dialog-content {
    color: #000;
}

.s-dialog-skin-block .s-dialog-content {
    color: #000;
}

.s-dialog-content h6 {
    display: block;
    font-size: 0.55rem;
    line-height: 0.9rem;
    color: #333;
}

.s-dialog-btn-wapper {
    display: block;
    padding: 0.6rem 0;
    border-top: solid 0.05rem rgba(0,0,0,0.15);
    font-size: 0;
}

.s-dialog-btn-wapper a {
    display: inline-block;
    width: 49%;
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 0.9rem;
    color: #0080FF;
    text-align: center;
}

.s-dialog-btn-wapper a:last-child {
    border-left: solid 0.05rem rgba(0,0,0,0.15);
}

.s-dialog-skin-block .s-dialog-btn-wapper a {
    color: #0080FF;
}
/*
#scroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
#scroller ul { list-style: none; padding: 0; margin: 0; width: 100%; text-align: left; }
#scroller li { padding: 0 10px; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; background-color: #fafafa; font-size: 14px; }
*/
#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}

/*页面固定宽度*/
.fixed-Width {
    min-width: 320px;
    max-width: 640px;
    margin: 0 auto;
}

/*默认顶部*/
header,
.header {
    background: #F8F8F8;
    height: 1.95rem;
    position: absolute;
    z-index: 8;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    border-bottom: solid 0.05rem #EEE;
}

header.fixed {
    position: fixed;
    background: rgba(248,248,248,0.95);
    z-index: 9;
}

.header-wrap {
    display: block;
    max-width: 320px;
    max-width: 640px;
    margin: 0 auto;
    text-align: center;
}

.header-l {
    display: block;
    width: 1.95rem;
    height: 1.95rem;
    position: absolute;
    top: 0;
    left: 0;
}

.header-l a {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    padding: 0.4775rem;
}

.header-l a i {
    display: block;
    width: 100%;
    height: 100%;
}

.header-l a i.back {
    width: 80%;
    height: 80%;
    margin: 10%;
    background-image: url(../images/arrow_left_b.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.75;
}

.header-l a i.close {
    width: 80%;
    height: 80%;
    margin: 10%;
    background-image: url(../images/close_window.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.75;
}

.header-l a i.set {
    background-image: url(../images/set_b.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 0.65;
}

.header-l a i.home {
    width: 80%;
    height: 80%;
    margin: 10%;
    background-image: url(../images/home_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 90%;
    opacity: 0.7;
}
/*单一标题*/
.header-title {
    display: inline-block;
    margin: 0 auto;
    font-size: 0.8rem;
    line-height: 1.95rem;
    height: 1.95rem;
}

.header-title h1 {
    font-size: 0.8rem;
    line-height: 1.95rem;
    height: 1.95rem;
}
/*模拟输入框*/
.header-inp {
    position: relative;
    display: block;
    height: 1.4rem;
    border-radius: 0.2rem;
    margin: 0.275rem 2.5rem 0 2rem;
    background-color: #FFF;
    text-align: left;
}

.header-inp .icon {
    float: left;
    vertical-align: top;
    width: 1rem;
    height: 1rem;
    margin: 0.2rem 0.1rem;
    background-image: url(../images/search_ico.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70%;
    opacity: 0.3;
}

.header-inp .search-input {
    padding-left: 0.5rem !important;
    float: left;
    width: 7.5rem !important;
    height: 1rem;
    padding: 0.2rem 0;
    font-size: 0.7rem;
    line-height: 1rem;
    color: #BBB;
    vertical-align: top;
    border: none 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.header-inp .input-del {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    display: none;
    width: 1.38rem;
    height: 1.38rem;
    background-image: url(../images/cancel_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50%;
    opacity: 0.2;
}

.header-inp.write .search-input {
    color: #111;
}

.header-inp.write .input-del {
    display: block;
}

/*标题切换*/
.header-tab {
    display: inline-block;
    height: 1.4rem;
    margin: 0.275rem auto 0 auto;
    font-size: 0;
    border-radius: 0.2rem;
}

.header-tab a {
    display: inline-block;
    height: 1.3rem;
    padding: 0 1rem;
    text-align: center;
    font-size: 0.68rem;
    color: #333;
    line-height: 1.3rem;
    border: solid 0.05rem #ED5564;
}

.header-tab a:first-child {
    border-radius: 0.25rem 0 0 0.25rem;
}

.header-tab a:last-child {
    border-radius: 0 0.25rem 0.25rem 0;
}

.header-tab a.cur {
    color: #FFF;
    background-color: #ED5564;
}

/*标题导航*/
.header-nav {
    display: inline-block;
    margin: 0 auto;
    vertical-align: top;
    font-size: 0;
    white-space: nowrap;
}

.header-nav li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 1.95rem;
}

.header-nav li a {
    display: inline-block;
    padding: 0.1rem 0.25rem;
    margin: 0 0.5rem;
    font-size: 0.7rem;
    line-height: 1.825rem;
    color: #333;
}

.header-nav li.cur a {
    padding: 0.1rem 0.05rem 0 0.05rem;
    color: #5cb85c;
    border-bottom: solid 0.1rem #5cb85c;
    font-size: 0.8rem;
    font-weight: 600;
}

.header-r {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    font-size: 0;
    text-align: right;
}

.header-r a.text {
    position: relative;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
    width: 1.6rem;
    height: 0.95rem;
    padding: 0.6rem 0.7rem 0.4rem 0;
    font-size: 0.7rem;
    line-height: 0.975rem;
    color: #ED5564;
}

.header-r a {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    width: 0.95rem;
    height: 0.95rem;
    padding: 0.5rem 0.5rem;
}

.header-r a i {
    display: block;
    width: 100%;
    height: 100%;
}

.header-r a sup {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0.3rem;
    right: 0.3rem;
    width: 0.36rem;
    height: 0.36rem;
    background-color: #ED5564;
    border-radius: 100%;
}

.header-r a i.more {
    background-image: url(../images/more_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    opacity: 0.65;
}

.header-r a i.refresh {
    background-image: url(../images/reload_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 85%;
    opacity: 0.60;
}

.header-r a i.add {
    background-image: url(../images/value_add.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80%;
    opacity: 0.65;
}

.header-r a i.save {
    background-image: url(../images/save_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80%;
    opacity: 0.65;
}

.header-r a.search-btn {
    width: 2.5rem;
    height: 1.95rem;
    text-align: center;
    padding: 0;
    font-size: 0.7rem;
    line-height: 1.95rem;
    color: #333;
}

.header-r a.msg-log {
    width: 2.45rem;
    height: 1.95rem;
    padding: 0;
}

.header-r a.msg-log i {
    background-image: url(../images/msg_log_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70%;
    opacity: 0.7;
}

/*头部下拉菜单*/
.nctouch-nav-layout {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: transparent;
}

.nctouch-nav-menu {
    display: block;
    position: absolute;
    top: 1.2rem;
    right: 0.2rem;
    width: 5rem;
}

.nctouch-nav-menu .arrow {
    display: block;
    float: right;
    width: 0;
    height: 0;
    margin-right: 0.4rem;
    font-size: 0;
    line-height: 0;
    border-width: 0.4rem;
    border-color: transparent transparent rgba(85,85,85,0.95) transparent;
    border-style: dashed dashed solid dashed;
}

.nctouch-nav-menu ul {
    display: block;
    clear: both;
    /*filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555');*/
    background: rgba(85,85,85,0.95);
    border-radius: 0.2rem;
}

.nctouch-nav-menu li {
    position: relative;
    z-index: 1;
    border-bottom: solid 0.05rem #999;
}

.nctouch-nav-menu li:last-child {
    border-bottom: none 0;
}

.nctouch-nav-menu li a {
    display: block;
    height: 0.9rem;
    padding: 0.5rem;
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #FFF;
}

.nctouch-nav-menu li a i {
    display: inline-block;
    width: 0.72rem;
    height: 0.72rem;
    vertical-align: middle;
    margin-bottom: 0.2rem;
    margin-right: 0.3rem;
    background-position: 50% 50%;
    background-size: 100%;
    background-repeat: no-repeat;
}

.nctouch-nav-menu li a i.message {
    background-image: url(../images/message_w.png);
}

.nctouch-nav-menu li a i.cart {
    background-image: url(../images/cart_w.png?t=3);
}

.nctouch-nav-menu li a i.home {
    background-image: url(../images/home_w.png);
}

.nctouch-nav-menu li a i.search {
    background-image: url(../images/search_w.png);
}

.nctouch-nav-menu li a i.categroy {
    background-image: url(../images/categroy_w.png);
}

.nctouch-nav-menu li a i.member {
    background-image: url(../images/member_w.png?t=3);
}

.nctouch-nav-menu li sup {
    display: none;
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0.5rem;
    width: 0.36rem;
    height: 0.36rem;
    background-color: #ED5564;
    border-radius: 100%;
}
/*头部透明*/
.transparent {
    background-color: transparent;
    border-bottom: none;
}

.transparent .header-l a i.set {
    background-image: url(../images/set_w.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
}

.transparent .header-title, .transparent .header-nav {
    display: none;
}

.transparent .header-r a i.more {
    background-image: url(../images/more_w.png);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    opacity: 1;
}

.transparent .header-r a sup {
    top: -0.05rem;
    right: -0.05rem;
    width: 0.35rem;
    height: 0.35rem;
    background-color: #ED5564;
    border: solid 0.05rem #FFF;
    border-radius: 100%;
}

.transparent .nctouch-nav-menu .arrow {
    opacity: 0.55;
}

.transparent .nctouch-nav-menu ul {
    background: rgba(85,85,85,0.55);
}

.transparent .nctouch-nav-menu ul li {
    border-bottom-color: #CCC;
}

header.posf {
    animation: headerFixed 0.5s ease-in-out;
    -webkit-animation: headerFixed 0.5s ease-in-out;
}

@keyframes headerFixed {
    from {
        background-color: transparent;
        border-bottom-color: transparent;
    }

    to {
        background-color: #F8F8F8;
        border-bottom-color: #EEE;
    }
}

@-webkit-keyframes headerFixed {
    from {
        background-color: transparent;
        border-bottom-color: transparent;
    }

    to {
        background-color: #F8F8F8;
        border-bottom-color: #EEE;
    }
}
/*默认底部*/
footer {
    background: #fff;
    display: block;
    position: relative;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    width: 100%;
    border-top: 0.05rem solid #eee;
}

.nctouch-footer-wrap {
    background-color: #FFF;
    border-top: solid 0.05rem #EEE;
}

.nctouch-footer-wrap .nav-text {
    padding: 0.6rem 0;
    font-size: 0;
    text-align: center;
    border-bottom: solid 0.05rem #EEE;
}

.nctouch-footer-wrap .nav-text a {
    display: inline-block !important;
    width: 24%;
    height: 0.6rem;
    font-size: 0.6rem;
    line-height: 0.6rem;
    color: #555 !important;
    border-left: solid 0.05rem #EEE;
}

.nctouch-footer-wrap .nav-text a:first-child {
    border-left: 0;
}

.nctouch-footer-wrap .nav-pic {
    display: none;
    padding: 0.3rem 2rem;
    font-size: 0;
    text-align: center;
    border-bottom: solid 0.05rem #EEE;
}

.nctouch-footer-wrap .nav-pic a {
    display: inline-block !important;
    width: 33.33%;
    font-size: 0.45rem;
    color: #999 !important;
    text-align: center;
}

.nctouch-footer-wrap .nav-pic a.touch {
    color: #333 !important;
}

.nctouch-footer-wrap .nav-pic a span {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
    padding: 0.15rem;
    border: solid #CCC 1px;
    border-radius: 100%;
}

.nctouch-footer-wrap .nav-pic a.touch span {
    border-color: #555;
}

.nctouch-footer-wrap .nav-pic a i {
    display: block;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 80%;
    opacity: 0.4;
}

.nctouch-footer-wrap .nav-pic a.app i {
    background-image: url(../images/foot_app.png);
}

.nctouch-footer-wrap .nav-pic a.touch i {
    background-image: url(../images/foot_touch.png);
    opacity: 0.8;
}

.nctouch-footer-wrap .nav-pic a.pc i {
    background-image: url(../images/foot_pc.png);
}

.nctouch-footer-wrap .copyright {
    height: 1.6rem;
    font-size: 0.45rem;
    line-height: 1.6rem;
    color: #555;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255,255,255,1);
    margin-bottom: 2rem
}

.nctouch-footer-wrap .copyright a {
    display: inline-block!important;
    margin: 0 0.05rem;
    font-size: 0.45rem;
    font-weight: 600;
    color: #555;
}

.nctouch-footer-wrap .nav-link {
    height: 2rem;
}

.nctouch-footer-wrap .nav-link a {
    font-size: 0.6rem;
    color: #555;
    width: 50%;
    float: left;
    text-align: center;
    line-height: 2rem;
    height: 2rem;
}

.nctouch-footer-wrap .nav-link a:first-child {
    text-align: right;
}

.nctouch-footer-wrap .nav-link a:last-child {
    text-align: left;
}

.nctouch-footer-wrap .nav-link a .split {
    text-align: left;
    font-size: 0.65rem;
    color: #EEE
}
/*底部固定下方*/
footer.bottom {
    z-index: 1;
    bottom: 0;
}

footer.bottom .nav-text,
footer.bottom .nav-pic {
}

footer.bottom .nctouch-footer-wrap {
    background-color: transparent;
    border: none;
}

/*默认内容区域*/
.nctouch-main-layout {
    display: block;
    background-color: #fff;
    margin-top: 1.95rem;
    min-height: 100%;
    margin-bottom: 0.5rem;
}

.nctouch-main-layout-a {
    display: block;
    position: absolute;
    top: 3rem;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
}

/*特别提示*/
.special-tips {
    display: block;
    padding: 0.4rem 5%;
}

.special-tips p {
    font-size: 0.55rem;
    line-height: 0.7rem;
    padding: 0.2rem 0.4rem;
    background: #AAA;
    color: #FFF;
    border-radius: 0.5rem;
}

/*单行导航*/

.nctouch-single-nav {
    display: block;
    width: 98%;
    height: 1.95rem;
    padding: 0 1%;
    background: #FFF;
}

.nctouch-single-nav ul {
    display: block;
    font-size: 0;
    white-space: nowrap;
    overflow: visible !important;
}

.nctouch-single-nav ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    height: 1.95rem;
    padding: 0!important;
}

.nctouch-single-nav .area li {
    width: 33.33%;
}

.nctouch-single-nav ul li a {
    display: inline-block;
    padding: 0.1rem 0.05rem;
    font-size: 0.6rem;
    line-height: 1.85rem;
    color: #333;
}

.nctouch-single-nav ul li a i {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
    margin-right: 0.1rem;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 70%;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    /* Firefox 3.5+ */
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    /*-ms-filter: grayscale(100%);*/
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    /*filter: gray;*/
    opacity: 1;
}

.nctouch-single-nav ul li.selected a {
    padding: 0.1rem 0.05rem 0 0.05rem;
    color: #ED5564;
    border-bottom: solid 0.1rem #ED5564!important;
}

.nctouch-single-nav ul li.selected a i {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    /*-ms-filter:grayscale(0);*/
    -o-filter: grayscale(0);
    filter: grayscale(0);
    /*filter: gray;*/
    opacity: 1;
}

.nctouch-single-nav.fixed {
    background-color: rgba(248,248,248,0.95);
    position: fixed;
    z-index: 3;
    top: 2rem;
    left: 0;
    right: 0;
}


/*标签式导航*/
.nctouch-tag-nav {
    background-color: #EEE;
    padding: 0.5rem 0.5rem 0 0.5rem;
}

.nctouch-tag-nav ul {
    font-size: 0;
    display: block;
}

.nctouch-tag-nav ul li {
    display: inline-block;
    background-color: #AAA;
    margin: 0 0.5rem 0.5rem 0;
    border-radius: 0.2rem;
}

.nctouch-tag-nav ul li.selected {
    background-color: #ED5564;
}

.nctouch-tag-nav ul li a {
    display: block;
    height: 0.9rem;
    padding: 0.2rem 0.5rem;
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #FFF;
}


/*默认单行列表*/
.nctouch-default-list-tit {
    font-size: 0.7rem;
    line-height: 1rem;
    padding: 0.5rem;
}

.nctouch-default-list {
    overflow: hidden;
    padding: 0 0 0 0.5rem;
    background-color: #FFF;
    border-top: solid 0.05rem #EEE;
    border-bottom: solid 0.05rem #EEE;
}

.nctouch-default-list li {
    position: relative;
    z-index: 1;
    display: block;
    clear: both;
    overflow: hidden;
    padding: 0.5rem 0;
    line-height: 1rem;
    border-top: solid 0.05rem #EEE;
}

.nctouch-default-list li:first-child {
    border-top: none;
}

.nctouch-default-list li a {
    display: block;
    overflow: hidden;
    font-size: 0.65rem;
    color: #000;
}

.nctouch-default-list li h4 {
    float: left;
    margin-left: 0.3rem;
    font-size: 0.7rem;
    line-height: 1rem;
    color: #333;
}

.nctouch-default-list li h4 i {
    display: inline-block;
    vertical-align: top;
    margin-right: 0.2rem;
    width: 0.9rem;
    height: 0.9rem;
    opacity: 0.5;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 80%;
}

.nctouch-default-list li h6 {
    float: left;
    clear: both;
    margin-left: 0.3rem;
    font-size: 0.55rem;
    line-height: 1rem;
    color: #888;
}

.nctouch-default-list li span.num {
    float: right;
    margin-right: 1.2rem;
    font-size: 0.6rem;
    line-height: 1rem;
}

.nctouch-default-list li span.tip {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 1.2rem;
    height: 0.9rem;
    margin-top: -0.4rem;
    font-size: 0.6rem;
    line-height: 0.9rem;
    color: #111;
}

.nctouch-default-list li span.arrow-r,.nctouch-inp-con ul li .input-box .arrow-r {
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0.5rem;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin-top: -0.3rem;
    background-image: url(../images/arrow_right_b.png);
    /*background-repeat: 50% 50%;*/
    background-repeat: no-repeat;
    background-size: 90%;
    opacity: 0.65;
}

.nctouch-inp-con ul li .current-con {
    position: absolute;
    z-index: 1;
    top: 42%;
    right: 1.2rem;
    display: block;
    height: 0.6rem;
    margin-top: -0.3rem;
    color: #666;
    font-size: 0.6rem;
}

.nctouch-default-list li span.pics {
    float: right;
    margin-right: 1.2rem;
    font-size: 0.6rem;
    line-height: 1rem;
}

.nctouch-default-list li span.pics img {
    width: 1rem;
    height: 1rem;
}

/*默认输入表单*/
.nctouch-inp-con {
    display: block;
    clear: both;
}

.nctouch-inp-con ul {
    background: #FFF;
}

.nctouch-inp-con ul li {
    position: relative;
    z-index: 1;
    display: block;
    min-height: 1.95rem;
    margin-left: 0.5rem;
    background-color: #FFF;
    border-bottom: solid #EEE 0.05rem;
}

.nctouch-inp-con ul li:nth-last-child(1) {
    /*border-bottom: none 0; */
}

.nctouch-inp-con ul li.upload-item {
    height: 2.55rem
}

.nctouch-inp-con ul li h4 {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    min-width: 3.2rem;
    font-size: 0.6rem;
    line-height: 1.95rem;
    color: #444;
    text-align: right;
}

.nctouch-inp-con ul li .input-box {
    display: block;
    min-height: 1.95rem;
    margin: 0 0.5rem 0 4rem;
    position: relative;
    z-index: 1;
}
#pay-way01,#pay-way02{
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0.5rem;
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    margin-top: -0.3rem;
    border: 1px #ccc solid;
}
.nctouch-inp-con ul li .input-box select{
    width: 30%;
}
.nctouch-inp-con ul li .textarea-box {
    display: block;
    height: 3.95rem;
    margin: 0 0.5rem 0 3.5rem;
    position: relative;
    z-index: 1;
}

.nctouch-inp-con ul li .textarea-box textarea {
    padding-left: 0.2rem;
    padding-top: 0.2rem;
    border-radius: 0.4rem;
    border: none;
    margin: 0 auto;
    width: 100%;
    height: 3rem;
    margin-top: 0.5rem;
}

.nctouch-inp-con ul li.upload-item .input-box {
    height: 1.95rem;
    padding: 0.3rem 0;
}

.nctouch-inp-con ul li .input-box .inp {
    width: 100%;
    min-height: 0.95rem;
    padding: 0.5rem 0;
    border: 0 none;
    font-size: 0.6rem;
    line-height: 0.95rem;
    color: #000;
}

.nctouch-inp-con ul li .input-box .input-del {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0.5rem;
    display: none;
    width: 0.975rem;
    height: 0.975rem;
    background-image: url(../images/cancel_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 60%;
    opacity: 0.4;
}

.nctouch-inp-con ul li .input-box.write .input-del {
    display: block;
}

.nctouch-inp-con ul li .input-box .checkbox {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    left: 0.5rem;
}

.nctouch-inp-con ul li .input-box .txt {
    margin: 0 0 0 1.5rem;
    font-size: 0.7rem;
    line-height: 1.95rem;
    color: #555;
}

.nctouch-inp-con ul li .input-box .note {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0.25rem;
    height: 1.6rem;
    text-align: right;
}

.nctouch-inp-con ul li .input-box .note em {
    display: block;
    vertical-align: top;
    font-size: 0.6rem;
    font-weight: 600;
    color: #36BC9B;
    line-height: 0.8rem;
}

.nctouch-inp-con ul li .input-box .note h6 {
    display: block;
    vertical-align: top;
    font-size: 0.55rem;
    color: #999;
    line-height: 0.8rem;
}

.nctouch-inp-con ul li .input-box .select {
    width: 95%;
    height: 1.95rem;
    margin: 0;
    font-size: 0.55rem;
    background-color: transparent;
    line-height: 1.95rem;
    border: 0 none;
    appearance: none;
    -webkit-appearance: none;
    /*for chrome*/
}

.nctouch-inp-con ul li .input-box .arrow-down {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0;
    display: block;
    width: 0.975rem;
    height: 0.975rem;
    background-image: url(../images/arrow_down_b.png);
    background-repeat: no-repeat;
    /*background-repeat: 50% 50%;*/
    background-size: 50%;
    opacity: 0.5;
}

.nctouch-oredr-detail-block .arrow-down {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0;
    display: block;
    width: 0.975rem;
    height: 0.975rem;
    background-image: url(../images/arrow_down_b.png);
    background-repeat: no-repeat;
    /*background-repeat: 50% 50%;*/
    background-size: 50%;
    opacity: 0.5;
}

.nctouch-oredr-detail-block .arrow-up {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0;
    display: block;
    width: 0.975rem;
    height: 0.975rem;
    background-image: url(../images/arrow_up_b.png);
    background-repeat: no-repeat;
    /*background-repeat: 50% 50%;*/
    background-size: 50%;
    opacity: 0.5;
}

.nctouch-inp-con .form-btn .btn {
    display: inline-block;
    width: 90%;
    height: 1.8rem;
    padding: 0;
    margin: 0 5%;
    font-size: 0.8rem;
    line-height: 1.8rem;
    text-align: center;
    color: #888;
    background: #EEE;
    border: none;
    border-radius: 0.2rem;
}

.nctouch-inp-con .form-btn.ok .btn {
    color: #FFF !important;
    background: #ED5564;
}
/*开关*/
.input-box label {
    display: inline-block !important;
    height: 1.95rem !important;
    padding: 0 !important;
    margin: 0!important;
    border: 0 !important;
    border-radius: 0 !important;
    font-size: 0.7rem !important;
    line-height: 1.95rem !important;
    color: #555 !important;
}

.input-box label.checked {
    background-color: transparent !important;
    padding: 0 !important;
    color: #555 !important;
}

.input-box label input[type="checkbox"] {
    display: none;
}

.input-box label .power {
    position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
    width: 1.6rem;
    height: 0.9rem;
    margin: 0 0.2rem;
    border: solid 0.05rem #DDD;
    border-radius: 0.5rem;
}

.input-box label .power i {
    position: absolute;
    z-index: 1;
    top: 0rem;
    left: 0rem;
    width: 0.9rem;
    height: 0.9rem;
    background-color: #FFF;
    border-radius: 100%;
    box-shadow: 0.05rem 0.1rem 0.25rem rgba(0,0,0,0.3);
}

.input-box label.checked .power {
    background-color: #48CFAE;
    border-color: #48CFAE;
}

.input-box label.checked .power i {
    left: auto;
    right: 0;
    box-shadow: -0.05rem 0.1rem 0.25rem rgba(0,0,0,0.3);
}


/*无数据信息为空提示*/
.nctouch-norecord {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    width: 10rem;
    height: 8.2rem;
    margin: -3rem 0 0 -5rem;
    text-align: center;
    font-size: 0;
}

.nctouch-norecord .norecord-ico {
    display: inline-block;
    width: 2.2rem;
    height: 2.2rem;
    padding: 0.4rem;
    margin: 0 auto;
    background-color: #DDD;
    border-radius: 100%;
}

.nctouch-norecord .norecord-ico i {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80%;
}

.nctouch-norecord dl {
    height: 2.75rem;
    margin-top: 0.75rem;
}

.nctouch-norecord dl dt {
    display: block;
    height: 1rem;
    margin-bottom: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

.nctouch-norecord dl dd {
    display: block;
    height: 1rem;
    margin-bottom: 0.5rem;
    font-size: 0.55rem;
    line-height: 1rem;
    color: #999;
}
/*无数据提示图标*/
.nctouch-norecord.search .norecord-ico i {
    background-image: url(../images/search_w.png);
}

.nctouch-norecord.cart .norecord-ico i {
    background-image: url(../images/cart_w.png?t=3);
}

.nctouch-norecord.eval .norecord-ico i {
    background-image: url(../images/mcc_04_w.png);
}

.nctouch-norecord.talk .norecord-ico i {
    background-image: url(../images/talk_w.png);
}

.nctouch-norecord.order .norecord-ico i {
    background-image: url(../images/order_w.png);
}

.nctouch-norecord.refund .norecord-ico i {
    background-image: url(../images/mcc_05_w.png);
}/*退款、退货*/
.nctouch-norecord.address .norecord-ico i {
    background-image: url(../images/address_w.png);
}

.nctouch-norecord.favorite-store .norecord-ico i {
    background-image: url(../images/store_w.png);
}

.nctouch-norecord.favorite-goods .norecord-ico i {
    background-image: url(../images/favorite_w.png);
}

.nctouch-norecord.views .norecord-ico i {
    background-image: url(../images/goods-browse_w.png);
}

.nctouch-norecord.signin .norecord-ico i {
    background-image: url(../images/mcc_04_w.png);
}/*签到*/
.nctouch-norecord.pdre .norecord-ico i {
    background-image: url(../images/mcc_06_w.png);
}/*预存款*/
.nctouch-norecord.recharge .norecord-ico i {
    background-image: url(../images/mcc_07_w.png)
}/*充值卡*/
.nctouch-norecord.voucher .norecord-ico i {
    background-image: url(../images/mcc_08_w.png);
}/*代金券*/
.nctouch-norecord.redpacket .norecord-ico i {
    background-image: url(../images/mcc_09_w.png);
}/*红包*/
.nctouch-single-nav .area li {
    width: 33.33%;
}

/*加减数量控件*/
.value-box {
    height: 1.20rem;
    display: inline-block;
    float: right;
    font-size: 0;
    border: solid 0.05rem #CCC;
    border-radius: 0.2rem;
}

.value-box span {
    display: inline-block;
    vertical-align: top;
    line-height: 0;
}

.value-box span a {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    margin: 0.4rem;
    opacity: 0.65;
}

.value-box span.add {
    background-color: #FAFAFA;
    border-radius: 0 0.2rem 0.2rem 0;
}

.value-box span.minus {
    background-color: #FAFAFA;
    border-radius: 0.2rem 0 0 0.2rem;
}

.value-box span.add a {
    background-image: url(../images/value_add.png);
    background-repeat: no-repeat;
    background-repeat: 50% 50%;
    background-size: 100%;
}

.value-box span.minus a {
    background-image: url(../images/value_minus.png);
    background-repeat: no-repeat;
    background-repeat: 50% 50%;
    background-size: 100%;
}

.value-box span .buy-num {
    width: 1.2rem;
    height: 1.2rem;
    padding: 0;
    font-size: 0.6rem;
    font-weight: lighter;
    line-height: 1.3rem;
    text-align: center;
    border: solid #CCC;
    border-width: 0 0.05rem;
    border-radius: 0;
}

/*默认按钮样式*/
.btn {
    vertical-align: top;
    display: inline-block !important;
    height: 1.1rem;
    padding: 0 0.3rem;
    margin: 0 auto;
    font-size: 0.6rem;
    color: #555 !important;
    line-height: 1.1rem;
    text-align: center;
    background-color: #FFF;
    border: solid 1px #CCC;
    border-radius: 0.15rem
}

.btn.key {
    border-color: #ED5564;
    color: #ED5564 !important;
    font-weight: 600;
}

.btn-l {
    display: inline-block;
    width: 90%;
    margin: 0 5%;
    font-size: 0.8rem;
    line-height: 1.8rem;
    text-align: center;
    color: #FFF;
    background: #ED5564;
    border-radius: 0.2rem;
    margin-bottom: 0.5rem;
}

.btn-red {
    vertical-align: top;
    display: inline-block !important;
    height: 1.1rem;
    padding: 0 0.3rem;
    margin: 0 auto;
    font-size: 0.6rem;
    color: #fff !important;
    line-height: 1.1rem;
    text-align: center;
    background-color: #ED5564;
    border: solid 1px #ED5564;
    border-radius: 0.15rem
}

.btn-yellow {
    vertical-align: top;
    display: inline-block !important;
    height: 1.1rem;
    padding: 0 0.3rem;
    margin: 0 auto;
    font-size: 0.6rem;
    color: #fff !important;
    line-height: 1.1rem;
    text-align: center;
    background-color: #ec7e62;
    border: solid 1px #ec7e62;
    border-radius: 0.15rem;
}
/*图片选择上传*/
.nctouch-upload {
    display: inline-block;
    width: 1.94rem;
    height: 1.94rem;
    border: solid 0.05rem #EEE;
    border-radius: 0.1rem;
    vertical-align: top;
}

.nctouch-upload a {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
}

.nctouch-upload span {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.nctouch-upload .input-file {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    border: none 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.nctouch-upload p {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: transparent;
}

.nctouch-upload p i {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/value_add.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50%;
    opacity: 0.25;
}

.nctouch-upload .pic-thumb {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #FFFFFF;
    border-radius: 0.1rem;
}

.nctouch-upload .pic-thumb img {
    width: 95%;
    height: 95%;
    margin: 2.5%
}

.nctouch-upload .upload-loading {
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');
    background: rgba(255,255,255,0.25);
    border-radius: 0.1rem;
}

.nctouch-upload .upload-loading i {
    display: block;
    width: 100%;
    height: 5%;
    margin: 93% 0 2% 0;
    background: #4FC0E8;
    animation: optionLoading 0.5s ease-in-out;
    -webkit-animation: optionLoading 1s ease-in-out;
}

@keyframes optionLoading {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

@-webkit-keyframes optionLoading {
    from {
        width: 0%;
    }

    to {
        width: 100%;
    }
}

/*页内固定块*/
.fix-block-r {
    width: 1.9rem;
    position: fixed;
    z-index: 5;
    right: 0.5rem;
    bottom: 4rem;
}

.fix-block-r a {
    display: block;
    width: 1.95rem;
    height: 1.95rem;
    background: rgba(255,255,255,0.85);
    border-radius: 100%;
    border: solid 0.05rem #EEE;
}

.fix-block-r a i {
    width: 100%;
    height: 100%;
    display: block;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    opacity: 0.5;
}

.fix-block-r a.gotop-btn {
    margin-top: 0.25rem;
}

.fix-block-r a.app_xia {
    margin-top: 0.25rem;
}

.fix-block-r a.app_xia i {
    background-image: url(../images/app_xia.png);
    background-size: 98% !important;
}

.fix-block-r a.gotop-btn i {
    background-image: url(../images/gotop_b.png);
}

.fix-block-r a.browse-btn i {
    background-image: url(../images/goods_browse_b.png);
}

/*页面整体下拉缓冲*/
.scroller-body {
}

/* loading */
/*下拉读取*/
.loading {
    text-align: center;
    display: block;
    padding: 1rem 0;
    font-size: 0.55rem;
    color: #666;
    margin-bottom: 1rem;
}

.spinner {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.4em;
    font-size: 1em;
    width: 1em;
    height: 1em;
    text-align: left;
    border-radius: 50%;
    box-shadow: inset 0 0 0 .1em rgba(58, 168, 237, .3);
}

.spinner i {
    position: absolute;
    clip: rect(0, 1em, 1em, .5em);
    width: 1em;
    height: 1em;
    animation: spinner-circle-clipper 1s ease-in-out infinite;
    -webkit-animation: spinner-circle-clipper 1s ease-in-out infinite;
}

@keyframes spinner-circle-clipper {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

@-webkit-keyframes spinner-circle-clipper {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
    }
}

.spinner i:after {
    position: absolute;
    clip: rect(0, 1em, 1em, .5em);
    width: 1em;
    height: 1em;
    content: '';
    animation: spinner-circle 1s ease-in-out infinite;
    -webkit-animation: spinner-circle 1s ease-in-out infinite;
    border-radius: 50%;
    box-shadow: inset 0 0 0 .1em #3aa8ed;
}

@keyframes spinner-circle {
    0% {
        transform: rotate(-180deg);
    }

    100% {
        transform: rotate(180deg);
    }
}

@-webkit-keyframes spinner-circle {
    0% {
        -webkit-transform: rotate(-180deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
    }
}
/*异步读取*/
.pre-loading {
    background: rgba(248,248,248,0.95);
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.pre-block {
    text-align: center;
    position: absolute;
    z-index: 1;
    width: 6rem;
    height: 1rem;
    font-size: 0.55rem;
    color: #666;
    top: 50%;
    left: 50%;
    margin: -0.5rem 0 0 -3rem;
}

.footnav {
    min-width: 320px;
    /*filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555');*/
    background: rgba(85,85,85,0.95);
    padding-bottom: 0.2rem;
    bottom: 0;
    font-size: 0.28rem;
    height: 2.2rem;
    position: fixed;
    width: 100%;
    z-index: 6;
}

.footnav ul {
    font-size: 0;
}

.footnav ul li {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 20%;
    padding: 0.2rem 0 0.2rem 0;
    float: left;
}

.footnav ul li a {
    display: block;
    position: relative;
}

.footnav ul li a em {
    background-color: #ED5564;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 100%;
    position: absolute;
    top: -0.15rem;
    right: 0.85rem;
}

.footnav ul li i {
    vertical-align: top;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    margin: 0 auto 0.1rem auto;
    opacity: 0.5;
}

i.home {
    background-image: url(../images/home_w.png);
    background-size: cover;
}

i.categroy {
    background-image: url(../images/browse_list_w.png);
    background-size: cover;
}

i.search {
    background-image: url(../images/search_w.png);
    background-size: cover;
}

i.cart {
    background-image: url(../images/cart_w.png);
    background-size: cover;
}

i.member {
    background-image: url(../images/member_w.png);
    background-size: cover;
}

i.kefu {
    background-image: url(../images/kefu_w.png);
    background-size: cover;
}

i.tel_bar {
    background-image: url(../images/tel_w.png);
    background-size: cover;
}

.footnav ul li p {
    font-size: 0.55rem;
    color: #fff;
    line-height: 1rem;
    height: 1rem;
}
/**弹出层*/

#deliverSelected .dw-inline .dw {
    display: block !important;
}

.nctouch-main-layout-b {
    overflow: hidden;
}

.a-switch {
    position: absolute;
    top: 0.5rem;
    right: 0rem;
}

.a-switch em {
    background-color: #ccc;
    position: absolute;
    transition: 0.1s ease-out;
    right: 0.04rem;
    width: 2rem;
    height: 1rem;
    border-radius: 1.5rem;
    position: absolute;
}

.toggle-3-active-background {
    background-color: #27ae60 !important;
}

.a-switch em strong {
    top: 0.1rem;
    left: 0.01rem;
    height: 0.8rem;
    width: 0.8rem;
    border-radius: 0.95rem;
    background-color: #f6f6f6;
    position: absolute;
    z-index: 999;
}

.a-switch em.toggle-3-active-background strong {
    transition: 0.01s ease-out;
    left: 1.1rem !important;
}

.btn_mobile_captcha {
    position: absolute;
    z-index: 99;
    right: 0;
    color: #808080;
    font-size: 0.5rem;
    text-align: center;
    border: 1px solid #E5E5E5;
    border-radius: 0.2rem;
    padding: 0.1rem;
    line-height: 0.95rem;
    top: 0.3rem;
}
/*加载*/
#loadingToast {
    opacity: 1;
    font-size: 0.7rem;
}

@-webkit-keyframes weuiLoading {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
    }
}

@keyframes weuiLoading {
    0% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
    }

    100% {
        -webkit-transform: rotate3d(0, 0, 1, 360deg);
    }
}

.weui-mask_transparent {
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}

.weui-toast {
    position: fixed;
    z-index: 5000;
    width: 7.6em;
    min-height: 7.6em;
    top: 180px;
    left: 50%;
    margin-left: -3.8em;
    background: rgba(40, 40, 40, 0.75);
    text-align: center;
    border-radius: 5px;
    color: #FFFFFF;
}

.weui-icon_toast.weui-loading {
    margin: 30px 0 0;
    width: 38px;
    height: 38px;
    vertical-align: baseline;
    display: inline-block;
    animation: weuiLoading 1s steps(12, end) infinite;
    background: transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;
    background-size: 100%;
}

.weui-toast__content {
    margin: 0 0 15px;
}

#static-norecode {
    position: static;
    width: 100%;
    margin: 0;
}

#article-content {
    margin: 0.5rem 0.5rem;
}

#article-content .article-title {
    font-size: 0.9rem;
    line-height: 1.2rem;
    color: #333;
}

#article-content .article-time {
    font-size: 0.6rem;
    color: #999;
    line-height: 1.6rem;
}

#article-content .article-content {
    font-size: 0.7rem;
    line-height: 1.2rem;
    color: #444 !important;
}

#article-content .article-content img {
    max-width: 100%;
}

#nctouch-norecord-static {
    position: static;
    margin: auto;
    padding-bottom: 3rem;
    padding-top: 3rem;
}

.common_confirm_html_title {
    text-align: center;
    font-size: 0.65rem;
    color: #FF892A !important;
    margin-bottom: 1rem;
}

.common_confirm_html_title .tips {
    text-align: center;
    font-size: 0.65rem;
    color: #ED5564 !important;
    margin-bottom: 1rem;
}

.common_confirm_html_content {
    font-size: 0.6rem;
    color: #666;
    text-align: left;
}

.common_confirm_html_input input {
    font-size: 0.8rem;
    color: #666;
    text-align: left;
    border: 1px solid #ccc;
    height: 1.5rem;
    line-height: 1.5rem;
}

.split-5-eee {
    height: 0.5rem;
    background: rgba(248, 248, 248, 0.95);
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.input-radio {
    position: absolute;
    right: 0;
    top: 0.6rem;
    z-index: 999;
    width: 1rem;
    height: 1rem;
    border-color: #ED5564
}

.input-radio:checked {
    border-color: #ED5564;
    background-color: #ED5564;
}

.tip_info {
    font-size: 0.7rem;
    color: #666;
    line-height: 1.95rem;
}

.payment_icon {
    height: 1rem;
    vertical-align: middle;
}

/**
 * 分页
 */
.pager {
    height: 2rem;
    font-size: 0.5rem;
    background: #f5f5f5;
    padding-top: 1rem;
}

.pager ul {
    display: inline-block;
    margin: auto 0;
}

.pager li {
    display: inline-block;
    color: #888;
    background: #fff;
    border: 1px solid #ccc;
    height: 1.5rem;
    width: 4rem;
    border-radius: 0.1rem;
    line-height: 1.5rem;
    font-size: 0.7rem;
}

.pager a {
    color: #444;
    min-width: 1.5rem;
    display: inline-block;
}

.pager .currentpage {
    margin-left: 0.2rem;
    margin-right: 0.2rem;
    vertical-align: bottom;
}

.pager .currentpage em {
    border-width: 0.2rem;
    border-color: #666 transparent transparent transparent;
    border-style: solid dashed dashed dashed;
    display: inline-block;
}

.pager .currentpage select {
    border: none;
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    color: #666;
    line-height: 1.2rem;
    font-size: 0.7rem;
    height: 1.2rem;
}

.mbsc-control-ev {
    display: none !important;
}

/*顶部搜索*/
.search_recommend {
    position: absolute;
    width: 100%;
    height: auto;
    top: 92%;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background: #fff;
    z-index: 1001;
    padding-bottom: 0.2rem;
    box-sizing: border-box;
}

.search_recommend ul {
    list-style: outside none none;
}

.search_recommend ul li {
    padding: 0.2rem;
    height: 1.2rem;
    cursor: pointer;
    line-height: 1.1rem;
}

.search_recommend ul li:first-child {
    margin-top: 0.5rem;
}

.search_recommend ul li:hover {
    background: #eee;
}

.search_recommend .re_lf {
    float: left;
    padding-left: 0.2rem;
    color: #555;
    font-size: 0.6rem;
}

.search_recommend .re_rf {
    float: right;
    color: #666;
    font-size: 0.6rem;
}

.site_kefu {
    width: 100%;
    max-width: 289px;
    min-width: 259px;
    height: auto;
    overflow: hidden;
    position: fixed;
    z-index: 9999;
    top: 50px;
    display: none;
}

.site_kefu_close {
    width: 13%;
    height: 11%;
    cursor: pointer;
    position: absolute;
    margin-top: 8%;
    margin-left: 85%;
}

.site_kefu_tel {
    width: 41%;
    height: 10%;
    display: block;
    position: absolute;
    margin-top: 122%;
    margin-left: 7%;
}

.site_kefu_53 {
    width: 41%;
    height: 10%;
    display: block;
    position: absolute;
    margin-top: 122%;
    margin-left: 48%;
}

/*53客服悬浮样式*/
.MEIQIA-FULL-html {
    position: static !important;
}

.MEIQIA-FULL-BODY {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

#base_kf_box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

#base_kf_box .base_kf_main_top {
    width: 100%;
    height: 10%;
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
    z-index: 999;
    background: rgba(75,75,75,.85);
}

#base_kf_box .base_kf_main {
    width: 100%;
    height: 90%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #000;
    -webkit-overflow-scrolling: touch;
    overflow: auto;
    z-index: 999;
}

#base_kf_box .base_kf_title {
    width: 100%;
    height: 44px;
    background: #fb706a;
    position: absolute;
    z-index: 99999;
}

#base_kf_box .base_kf_title_left {
    float: left;
    height: 44px;
    padding-left: 10px;
    line-height: 44px;
    color: #fff;
    font-size: 14px;
}

#base_kf_box .base_kf_title_right {
    float: right;
    height: 44px;
    padding-right: 10px;
    line-height: 44px;
    color: #fff;
    font-size: 12px;
}

.sh_kfzx {
    width: 44%;
    height: 100%;
    float: right;
}

.sh_kfzx ul li {
    width: 50%;
    height: 2rem;
    padding: 0.2rem 0;
    text-align: center;
}

.sh_kfzx ul li.red {
    background: #ED5464;
}

.sh_kfzx ul li.red i {
    background: url("../images/sh_sq.png") top center no-repeat;
    background-size: 70% 100%;
    opacity: 1;
    width: 50%;
}

.sh_kfzx ul li.cs {
    background: #FB6E52;
}

.sh_kfzx ul li.cs i {
    background: url("../images/sh_kf.png") top center no-repeat;
    background-size: 70% 100%;
    opacity: 1;
    width: 50%;
}

.sh_kfzx ul li a {
    color: #fff;
    font-size: 0.6rem;
    line-height: 0.6rem;
    font-weight: 600;
}


/* ================================ */
/* 触屏版常用层与动作等样式			*/
/* Author:			Hanbing 		*/
/* Copyright:		www.shopnc.net	*/
/* Create Date:		Jun-08-2015		*/
/* Retrofit Date:	Aug-04-2015		*/
/* ================================ */

.nctouch-search-layout {
    margin-top: 2rem;
}

.nctouch-search-layout dl {
    padding: 0.8rem 0.5rem 0.5rem;
    text-align: left;
}

.nctouch-search-layout dt {
    font-size: 0.7rem;
    line-height: 1rem;
    color: #111;
    margin-bottom: 0.4rem;
}

.nctouch-search-layout dd {
}

.nctouch-search-layout ul {
    font-size: 0;
    display: block;
}

.nctouch-search-layout li {
    display: inline-block;
    background-color: #FFF;
    border: solid 0.05rem #EEE;
    margin: 0 0.4rem 0.4rem 0;
}

.nctouch-search-layout li a {
    display: block;
    padding: 0.2rem 0.5rem;
    font-size: 0.6rem;
    line-height: 1rem;
    color: #555;
}

.nctouch-search-layout .hot-keyword li {
    border-radius: 0.75rem;
}

.nctouch-search-layout a.clear-history {
    display: inline-block;
    width: 79%;
    height: 1.94rem;
    text-align: center;
    margin: 1.5rem 10% 0 10%;
    background-color: #EEE;
    border-radius: 0.2rem;
    font-size: 0.7rem;
    line-height: 1.94rem;
    color: #555;
}


/*页内全屏遮罩层*/
.nctouch-full-mask {
    position: fixed;
    z-index: 19;
    top: 0;
    bottom: 0;
}

.nctouch-full-mask-bg {
    display: block;
    position: absolute;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.75);
}

.nctouch-full-mask-block {
    display: block;
    position: absolute;
    z-index: 12;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #F5F5F5;
    box-shadow: -0.25rem 0 0.2rem rgba(0,0,0,0.2);
}

.nctouch-full-mask.left {
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    animation: optionBlockLeft 0.3s ease-in-out;
    -webkit-animation: optionBlockLeft 0.3s ease-in-out;
}

@keyframes optionBlockLeft {
    from {
        display: none;
        left: 100%;
        right: -100%;
    }

    to {
        display: block;
        left: 0;
        right: 0;
    }
}

@-webkit-keyframes optionBlockLeft {
    from {
        display: none;
        left: 100%;
        right: -100%;
    }

    to {
        display: block;
        left: 0;
        right: 0;
    }
}

.nctouch-full-mask.right {
    left: 110%;
    right: -110%;
    animation: optionBlockRight 0.5s ease-in-out;
    -webkit-animation: optionBlockRight 0.5s ease-in-out;
}

@keyframes optionBlockRight {
    from {
        display: block;
        left: 0;
        right: 0;
    }

    to {
        display: none;
        left: 110%;
        right: -110%;
    }
}

@-webkit-keyframes optionBlockRight {
    from {
        display: block;
        left: 0;
        right: 0;
    }

    to {
        display: none;
        left: 110%;
        right: -110%;
    }
}



/*页内下部滑入遮罩*/
.nctouch-bottom-mask {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
}

.nctouch-bottom-mask-bg {
    display: block;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.65);
}

.nctouch-bottom-mask-block {
    display: block;
    position: absolute;
    z-index: 22;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 12rem;
    background: #FFF;
}

.nctouch-bottom-mask.up {
    bottom: 0;
    animation: optionBlockUp 0.5s ease-in-out;
    -webkit-animation: optionBlockUp 0.5s ease-in-out;
}

@keyframes optionBlockUp {
    from {
        display: none;
        bottom: -100%;
    }

    to {
        display: block;
        bottom: 0;
    }
}

@-webkit-keyframes optionBlockUp {
    from {
        display: none;
        bottom: -100%;
    }

    to {
        display: block;
        bottom: 0;
    }
}

.nctouch-bottom-mask.down {
    animation: optionBlockDown 0.5s ease-in-out;
    -webkit-animation: optionBlockDown 0.5s ease-in-out;
}

@keyframes optionBlockDown {
    from {
        display: block;
        bottom: 0;
    }

    to {
        display: none;
        bottom: -100%;
    }
}

@-webkit-keyframes optionBlockDown {
    from {
        display: block;
        bottom: 0;
        opacity: 1;
    }

    to {
        display: none;
        bottom: -100%;
        opacity: 0;
    }
}

.nctouch-bottom-mask-tip {
    position: absolute;
    z-index: 1;
    top: -1.2rem;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0.6rem;
    font-weight: 600;
    line-height: 0.9rem;
    color: #FFF;
    text-shadow: 0 0 0.5rem rgba(0,0,0,0.5);
    display: block;
}

.nctouch-bottom-mask-tip i {
    background-image: url(../images/back_down.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
    width: 0.8rem;
    height: 0.9rem;
    display: inline-block;
    vertical-align: top;
    margin-right: 0.1rem;
}

.nctouch-bottom-mask-top {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0.5rem;
    border-bottom: solid 0.05rem #EEE;
}

.nctouch-bottom-mask-close {
    position: absolute;
    z-index: 1;
    top: -0.6rem;
    right: 0;
    background: #FFF;
    width: 0.9rem;
    height: 0.9rem;
    padding: 0.15rem;
    border-radius: 100%;
}

.nctouch-bottom-mask-close i {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/close_window.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    opacity: 0.5;
}

.nctouch-bottom-mask-rolling {
    min-height: 1.9rem;
    max-height: 12rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/*页内大图显示*/
.nctouch-bigimg-layout {
    display: block;
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0,0,0,0.85);
}

.nctouch-bigimg-layout .close {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0.5rem;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #FFF;
    background-image: url(../images/close_window.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 90%;
    border-radius: 100%;
    opacity: 0.5;
}

.nctouch-bigimg-layout .pic-box {
    margin: 25% auto 0 auto;
    overflow: hidden;
    position: relative;
    width: 16rem;
    z-index: 1;
}

.nctouch-bigimg-layout .pic-box ul {
    font-size: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.nctouch-bigimg-layout .pic-box li {
    display: inline-block;
    position: relative;
    width: 16rem;
    height: 16rem;
    text-align: center;
    z-index: auto;
    padding: 0!important;
    margin: 0!important;
    background-color: transparent!important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.nctouch-bigimg-turn {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}

.nctouch-bigimg-turn ul {
    font-size: 0;
    margin: 0 auto;
    white-space: nowrap;
    display: block;
    width: 100%;
}

.nctouch-bigimg-turn ul li {
    display: inline-block;
    min-width: 19%;
    max-width: 99%;
    margin: 0 1% 0 0!important;
    height: 0.25rem;
    padding: 0!important;
    background: rgba(255,255,255,0.75);
}

.nctouch-bigimg-turn ul li.cur {
    background-color: #ED5564;
}



/*选择型按钮*/
.nctouch-sel-box {
    display: block;
    background: #FFF;
    padding: 0 0.8rem;
}

.nctouch-sel-box .tit {
    display: block;
    padding: 0.5rem 0;
    font-size: 0.7rem;
    line-height: 0.9rem;
}

.nctouch-sel-box .sel-con {
    padding: 0 0 0.5rem 0;
}

.nctouch-sel-box .sel-con a {
    display: inline-block;
    height: 0.9rem;
    padding: 0.25rem 0.5rem;
    margin: 0.3rem 0.3rem 0 0;
    font-size: 0.55rem;
    color: #888;
    line-height: 0.9rem;
    background: #FFF;
    border: solid 0.05rem #BBB;
    border-radius: 0.15rem;
}

.nctouch-sel-box .sel-con a.sel {
    padding: 0.28rem 0.53rem;
    color: #FFF;
    background: #ED5564;
    border: none;
}

.nctouch-sel-list {
    background-color: #FFF;
    margin-top: 0.5rem;
}

.nctouch-sel-list label {
    position: relative;
    z-index: 1;
    display: block;
    height: 0.9rem;
    padding: 0.5rem 0;
    margin: 0 0.5rem;
    font-size: 0.6rem;
    line-height: 0.9rem;
    border-bottom: solid 0.05rem #EEE;
}

.nctouch-sel-list label input[type="radio"] {
    display: none;
}

.nctouch-sel-list label i {
    position: relative;
    display: inline-block;
    width: 0.75rem;
    height: 0.75rem;
    margin-right: 0.2rem;
    background-color: #F5F5F5;
    border: 0.05rem solid #CCC;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle;
}

.nctouch-sel-list label.checked i {
    border-color: #ED5564;
    background-color: #ED5564;
}

.nctouch-sel-list label.checked i:after {
    content: '';
    position: absolute;
    left: 0.1rem;
    top: 0.175rem;
    width: 0.4rem;
    height: 0.2rem;
    border-left: 0.065rem solid #fff;
    border-bottom: 0.065rem solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nctouch-sel-list a.del-invoice {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0.5rem;
    display: block;
    width: 0.8rem;
    height: 0.9rem;
    background-image: url(../images/del_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80%;
}

.nctouch-inp-con .input-box.btn-style label {
    display: inline-block !important;
    height: 0.9rem !important;
    padding: 0.25rem 0.5rem !important;
    margin: 0.3rem 0.3rem 0 0 !important;
    font-size: 0.55rem !important;
    color: #888 !important;
    line-height: 0.9rem !important;
    background: #FFF !important;
    border: solid 0.05rem #BBB !important;
    border-radius: 0.15rem !important;
}

.nctouch-inp-con .input-box.btn-style label.checked {
    padding: 0.28rem 0.53rem !important;
    color: #FFF !important;
    background: #ED5564 !important;
    border: none !important;
}

.nctouch-inp-con .input-box label input[type="radio"] {
    display: none;
}



/*店铺代金券*/
.store-voucher {
    font-size: 0.7rem;
}

.store-voucher i.icon-store {
    display: inline-block;
    width: 0.8rem;
    height: 0.9rem;
    margin-right: 0.2rem;
    vertical-align: middle;
    background: url(../images/store_b.png) no-repeat 50% 50%;
    background-size: 90%;
    opacity: 0.8;
}

.nctouch-voucher-list {
    margin-left: 0.5rem;
}

.nctouch-voucher-list li {
    position: relative;
    z-index: 1;
    background-color: #FFF;
    border-top: solid #EEE 0.05rem;
    padding: 0.5rem 0.5rem 0.5rem 0;
}

.nctouch-voucher-list dl {
    margin: 0 3rem 0 0;
}

.nctouch-voucher-list dt {
    font-size: 0.55rem;
    color: #ED5564;
    line-height: 1.2rem;
}

.nctouch-voucher-list dt em {
    font-size: 1.2rem;
    margin: 0 0.1rem;
}

.nctouch-voucher-list dd.need {
    font-size: 0.55rem;
    line-height: 0.6rem;
    color: #333;
}

.nctouch-voucher-list dd.time {
    font-size: 0.45rem;
    line-height: 0.6rem;
    color: #888;
}

.nctouch-voucher-list a {
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 1rem;
}

/*020店铺地址*/
.nctouch-o2o-tip {
    padding: 0 0.5rem;
    font-size: 0.7rem;
    line-height: 1.8rem;
    display: block;
}

.nctouch-o2o-tip a {
    font-weight: 600;
    color: #000;
    display: block;
    position: relative;
}

.nctouch-o2o-tip a i {
    display: inline-block;
    vertical-align: top;
    width: 1rem;
    height: 1rem;
    margin: 0.3rem 0.2rem 0 0;
    background-image: url(../images/mc_03.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80%;
    opacity: 1;
}

.nctouch-o2o-tip a span {
    position: absolute;
    z-index: 1;
    top: 0.5rem;
    right: 0.5rem;
    width: 0.8rem;
    height: 0.9rem;
    background-image: url(../images/arrow_right_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 78%;
    opacity: 0.5;
}

.nctouch-o2o-list {
    background: #FFF;
}

.nctouch-o2o-list li {
    position: relative;
    padding: 0.5rem 0 0.5rem 0.5rem;
    border-bottom: solid 0.05rem #EEE;
}

.nctouch-o2o-list dl {
    margin-right: 3rem;
}

.nctouch-o2o-list dl a {
    display: block;
}

.nctouch-o2o-list dt {
    display: block;
    font-size: 0.7rem;
    line-height: 1rem;
    font-weight: 600;
    color: #000
}

.nctouch-o2o-list dt span {
    display: inline-block;
    vertical-align: top;
    line-height: 1rem;
    font-size: 0.6rem;
    color: #AC92ED;
}

.nctouch-o2o-list dt span i {
    display: inline-block;
    vertical-align: top;
    width: 1rem;
    height: 1rem;
    margin-right: 0.2rem;
    background-image: url(../images/location_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 70%;
    opacity: 0.9;
}

.nctouch-o2o-list dd {
    display: block;
    font-size: 0.6rem;
    line-height: 1rem;
    color: #555;
}

.nctouch-o2o-list .tel {
    position: absolute;
    z-index: 1;
    right: 0.5rem;
    top: 0.5rem;
    border-left: solid 0.05rem #EEE;
    padding-left: 0.5rem;
}

.nctouch-o2o-list .tel a {
    display: block;
    width: 2rem;
    height: 2rem;
    background-image: url(../images/tel_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 50%;
    opacity: 0.65;
}

.nctouch-map-layout {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.nctouch-map {
    display: block;
    width: 100%;
    height: 100%;
}

/*微信支付*/
.wzzfk_bql {
    width: 25.6rem;
    height: 45.44rem;
    background: #F5F4F9;
}

.wzzfk_bql .wxlogo {
    margin: 0 auto;
    width: 7.36rem;
    height: 8.12rem;
    background: url(../images/wxzf_tb.png) no-repeat center bottom;
    background-size: 7.36rem 8.12rem;
    padding: 6.28rem 0px 0px 0px;
}

.wzzfk_bql ul.zfsm {
    width: 23.36rem;
    height: 6.52rem;
    margin: 0 auto;
    font-size: 1.12rem;
    color: #a6a6a8;
}

.wzzfk_bql ul.zfsm li {
    font-size: 1.12rem;
    color: #a6a6a8;
    line-height: 1.8rem;
}

.wzzfk_bql ul.zfsm li.wz2 {
    margin: 0.4rem auto 0 auto;
}

.wzzfk_bql .wxzf_1 {
    width: 23.16rem;
    height: 3.52rem;
    background: #2EB73A;
    text-align: center;
    line-height: 3.52rem;
    font-size: 1.36rem;
    color: #ffffff;
    display: block;
    border-radius: 10px;
    margin: 0px auto 1.6rem auto;
}

.wzzfk_bql .wxzf_2 {
    width: 23.08rem;
    height: 3rem;
    text-align: center;
    line-height: 3rem;
    font-size: 1.36rem;
    color: #2eb73a;
    display: block;
    border-radius: 10px;
    margin: 0px auto;
    border: #2eb73a 1px solid;
}


/**
hwslider
*/
.hwslider {
    position: relative;
    overflow: hidden;
}

.hwslider ul {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0
}

.hwslider ul li {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.hwslider ul li.active {
    display: block;
}

.hwslider ul li img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block
}

.dots {
    position: absolute;
    bottom: 0.5rem;
    left: 200px;
    min-width: 60px;
    height: 12px;
    z-index: 0;
}

.dots span {
    opacity: 0.7;
    float: left;
    width: 0.28rem;
    height: 0.28rem;
    border: 1px solid #B5AEB0;
    border-radius: 50%;
    background: #B5AEB0;
    margin-right: 8px;
    cursor: pointer;
}

.dots span.active {
    background: #fff;
    opacity: 1;
}

.arr {
    display: none;
    position: absolute;
    top: 140px;
    z-index: 2;
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
; font-size: 36px;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-decoration: none
}

.arr:hover {
    background: rgba(0,0,0,.7);
    text-decoration: none;
}

.hwslider:hover .arr {
    display: block;
    text-decoration: none;
    color: #fff
}

.prev {
    left: 20px
}

.next {
    right: 20px
}

#gallery {
    margin-bottom: 30px;
}

.gallery {
    width: 100%;
    margin-left: -1%!important;
    margin-top: -10px;
    padding: 0px;
    margin: 0px;
    margin-bottom: 30px;
}
/**
*swipebox
*/
.gallery:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.gallery li {
    list-style: none!important;
    float: left;
    width: 33.33333333%;
    transition: all 200ms ease;
}

.gallery li a {
    display: block;
    margin: 10px;
    margin-bottom: 5px!important;
}

.gallery li img {
    border-radius: 500px;
    display: block;
    width: 100%;
    height: auto;
}

@media (min-width:768px) and (orientation:landscape) {
    .gallery li {
        list-style: none!important;
        float: left;
        width: 16.5%;
        transition: all 200ms ease;
    }

    .gallery {
        margin-left: -1%!important;
    }
}

@media (min-width:768px) and (orientation:portrait) {
    .gallery li {
        list-style: none!important;
        float: left;
        width: 25%;
        transition: all 200ms ease;
    }

    .gallery {
        margin-left: -1%!important;
    }
}

.square-thumb li img {
    border-radius: 0px!important;
}

.round-thumb li img {
    border-radius: 500px;
}

.gallery li a {
    font-size: 12px;
    text-align: center;
    color: #1f1f1f;
}

.swipebox {
    overflow: hidden!important;
}

.swipebox div {
    overflow: visible!important;
}

#swipebox-overlay img {
    border: none!important;
}

#swipebox-overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999!important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#swipebox-slider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none;
}

#swipebox-slider .slide {
    background: url("../images/loader.gif") no-repeat center center;
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block;
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px;
}

#swipebox-slider .slide img {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle;
}

#swipebox-action, #swipebox-caption {
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%;
}

#swipebox-action {
    bottom: -50px;
}

#swipebox-action.visible-bars {
    bottom: 0;
}

#swipebox-action.force-visible-bars {
    bottom: 0!important;
}

#swipebox-caption {
    top: -50px;
    text-align: center;
}

#swipebox-caption.visible-bars {
    top: 0;
}

#swipebox-caption.force-visible-bars {
    top: 0!important;
}

#swipebox-action #swipebox-prev, #swipebox-action #swipebox-next,
#swipebox-action #swipebox-close {
    background-image: url("../images/icon3.png");
    background-repeat: no-repeat;
    border: none!important;
    text-decoration: none!important;
    cursor: pointer;
    position: absolute;
    width: 50px;
    height: 50px;
    top: 0;
}

#swipebox-action #swipebox-close {
    background-position: 15px 12px;
    left: 40px;
}

#swipebox-action #swipebox-prev {
    background-position: -32px 13px;
    right: 100px;
}

#swipebox-action #swipebox-next {
    background-position: -78px 13px;
    right: 40px;
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3;
}

#swipebox-slider.rightSpring {
    -moz-animation: rightSpring 0.3s;
    -webkit-animation: rightSpring 0.3s;
}

#swipebox-slider.leftSpring {
    -moz-animation: leftSpring 0.3s;
    -webkit-animation: leftSpring 0.3s;
}

@-moz-keyframes rightSpring {
    0% {
        margin-left: 0px;
    }

    50% {
        margin-left: -30px;
    }

    100% {
        margin-left: 0px;
    }
}

@-moz-keyframes leftSpring {
    0% {
        margin-left: 0px;
    }

    50% {
        margin-left: 30px;
    }

    100% {
        margin-left: 0px;
    }
}

@-webkit-keyframes rightSpring {
    0% {
        margin-left: 0px;
    }

    50% {
        margin-left: -30px;
    }

    100% {
        margin-left: 0px;
    }
}

@-webkit-keyframes leftSpring {
    0% {
        margin-left: 0px;
    }

    50% {
        margin-left: 30px;
    }

    100% {
        margin-left: 0px;
    }
}

/* Skin
--------------------------*/
#swipebox-overlay {
    background: #0d0d0d;
    opacity: 1;
}

#swipebox-action, #swipebox-caption {
    text-shadow: 1px 1px 1px black;
    background-color: #0d0d0d;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0d0d0d), color-stop(100%, #000000));
    background-image: -webkit-linear-gradient(#0d0d0d, #000000);
    background-image: -moz-linear-gradient(#0d0d0d, #000000);
    background-image: -o-linear-gradient(#0d0d0d, #000000);
    background-image: linear-gradient(#0d0d0d, #000000);
    /*
    -webkit-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
    -moz-box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
    box-shadow: 0 1px 1px 1px #212121, inset 0 1px 1px 1px black;
    */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
    opacity: 1;
}

#swipebox-action {
    -webkit-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
    -moz-box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
    box-shadow: 0 -1px -1px 1px #212121, inset 0 -1px -1px 1px black;
}

#swipebox-caption {
    color: white!important;
    font-size: 12px;
    line-height: 50px;
    font-family: 'Roboto', sans-serif;
}

.kehudiv {
    float: left;
}

.kehudiv.imgleft {
    height: 100%;
    width: 10%;
}

.kehudiv.teltxt {
    width: 46%;
    box-sizing: border-box;
    padding-left: 0.1rem;
}

.kehudiv .teline1 {
    margin-top: 0.2rem;
    font-size: 0.5rem;
    color: #999;
    text-decoration: none;
}

.kehudiv .teline2 {
    font-size: 0.9rem;
    color: red;
    text-decoration: none;
}

.kehudiv .teline3 {
    font-size: 0.6rem;
    color: #444;
}

.kehudiv.zixun {
    height: 100%;
    width: 12%;
}

.kehudiv.zixun1 {
    height: 100%;
    width: 10%;
}

.kehuimg {
    height: 2rem;
    width: 2rem;
    box-sizing: border-box;
    padding: 0.35rem 0.1rem 0.1rem 0.1rem;
}

.kehuimg2 {
    height: 2rem;
    width: 2rem;
    box-sizing: border-box;
    padding: 0.35rem 0.1rem 0.1rem 0.1rem;
}

.kehuimg1 {
    height: 2rem;
    width: 2.2rem;
    box-sizing: border-box;
    padding: 0.25rem 0.1rem 0.1rem 0.1rem;
    margin: 0 auto;
    position: relative;
    left: 0.35rem;
}

.kehuimg img,.kehuimg1 img {
    height: 85%;
    width: 85%;
}

.kehuimg2 img {
    height: 85%;
    width: 90%;
}

.kehudivhua {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 22%;
    height: 3.3rem;
    background: #FE2960;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    z-index: 90000;
}

.catetxt {
    text-align: center;
    font-size: 0.65rem;
    color: #fff;
}

.kehudiv .teline3 a {
    text-decoration: none;
    color: red;
}

.kehudiv_f {
    float: left;
}

.kehudiv_f.imgleft {
    height: 100%;
    width: 15%;
}

.kehuimg_f {
    width: 2.15rem;
    height: 2.15rem;
    box-sizing: border-box;
    padding: 0rem;
}

.kehudiv_f.teltxt {
    width: 40%;
    box-sizing: border-box;
    padding-left: 0.1rem;
}

.kehudiv_f.teltxt .teltp {
    padding-top: 0.2rem;
    line-height: 0.6rem;
}

.kehuimg_f img {
    height: 100%;
    width: 100%;
}

.kehudivhua_f img {
    height: 95%;
    width: 95%;
}

.kehudiv_f .teline1 {
    font-size: 0.6rem;
    color: red;
    text-decoration: none;
}

.kehudiv_f .teline2 {
    margin-top: 0.25rem;
    font-size: 0.55rem;
    color: #999;
    text-decoration: none;
}

.kehudiv_f.zixun {
    height: 100%;
    width: 10%;
}

.kehudiv_f.zixun1 {
    height: 100%;
    width: 15%;
}

.kehudiv_f.zixun1 .teline1 {
    font-size: 0.6rem;
    color: #666;
    text-decoration: none;
    word-wrap: break-word;
}

.kehudiv_f.zixun1 .teline2 {
    font-size: 0.65rem;
    color: red;
    text-decoration: none;
    word-wrap: break-word;
}

.kehudivhua_f {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20%;
    height: 3.3rem;
    background: #FE2960;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    z-index: 90000;
}

.kehudivhua_f .kehuimg1 {
    height: 2rem;
    width: 2.2rem;
    box-sizing: border-box;
    padding: 0.25rem 0.1rem 0.1rem 0.1rem;
    margin: 0 auto;
    position: relative;
    left: 0.1rem;
}

.kehudivhua_f a {
    font-size: 0.6rem;
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width:320px) {
    .kehudiv_f.imgleft {
        height: 100%;
        width: 15%;
    }

    .kehuimg_f {
        width: 2.15rem;
        height: 2.15rem;
        box-sizing: border-box;
        padding: 0rem;
    }

    .kehudiv_f.teltxt {
        width: 40%;
        box-sizing: border-box;
        padding-left: 0.3rem;
    }

    .kehuimg_f img {
        height: 100%;
        width: 100%;
    }

    .kehudivhua_f img {
        height: 92%;
        width: 95%;
    }

    .kehudiv_f.teltxt .teltp {
        padding-top: 0.4rem;
        line-height: 0.6rem;
    }

    .kehudiv_f .teline1 {
        font-size: 0.55rem;
        color: red;
        text-decoration: none;
    }

    .kehudiv_f .teline2 {
        margin-top: 0.35rem;
        font-size: 0.45rem;
        color: #999;
        text-decoration: none;
    }

    .kehudiv_f.zixun {
        height: 100%;
        width: 10%;
    }

    .kehudiv_f.zixun1 {
        height: 100%;
        width: 15%;
    }

    .kehudiv_f.zixun1 .teline1 {
        font-size: 0.5rem;
        color: #666;
        text-decoration: none;
        word-wrap: break-word;
    }

    .kehudiv_f.zixun1 .teline2 {
        font-size: 0.6rem;
        color: red;
        text-decoration: none;
        word-wrap: break-word;
    }

    .kehudivhua_f {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 20%;
        height: 3.3rem;
        background: #FE2960;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        z-index: 90000;
    }

    .kehudivhua_f .kehuimg1 {
        height: 2rem;
        width: 2.2rem;
        box-sizing: border-box;
        padding: 0.2rem 0.1rem 0.1rem 0.1rem;
        margin: 0 auto;
        position: relative;
        left: 0rem;
    }

    .kehudivhua_f a {
        font-size: 0.5rem;
        color: #fff;
        text-decoration: none;
    }
}

@media screen and (min-width:380px) {
    .kehudiv_f.imgleft {
        height: 100%;
        width: 15%;
    }

    .kehuimg_f {
        width: 2.15rem;
        height: 2.15rem;
        box-sizing: border-box;
        padding: 0rem;
    }

    .kehudiv_f.teltxt {
        width: 40%;
        box-sizing: border-box;
        padding-left: 0.1rem;
    }

    .kehudiv_f.teltxt .teltp {
        padding-top: 0.2rem;
        line-height: 0.6rem;
    }

    .kehuimg_f img {
        height: 100%;
        width: 100%;
    }

    .kehudivhua_f img {
        height: 95%;
        width: 95%;
    }

    .kehudiv_f .teline1 {
        font-size: 0.6rem;
        color: red;
        text-decoration: none;
    }

    .kehudiv_f .teline2 {
        margin-top: 0.25rem;
        font-size: 0.5rem;
        color: #999;
        text-decoration: none;
    }

    .kehudiv_f.zixun {
        height: 100%;
        width: 10%;
    }

    .kehudiv_f.zixun1 {
        height: 100%;
        width: 15%;
    }

    .kehudiv_f.zixun1 .teline1 {
        font-size: 0.6rem;
        color: #666;
        text-decoration: none;
        word-wrap: break-word;
    }

    .kehudiv_f.zixun1 .teline2 {
        font-size: 0.65rem;
        color: red;
        text-decoration: none;
        word-wrap: break-word;
    }

    .kehudivhua_f {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 20%;
        height: 3.3rem;
        background: #FE2960;
        border-top-left-radius: 50%;
        border-top-right-radius: 50%;
        z-index: 90000;
    }

    .kehudivhua_f .kehuimg1 {
        height: 2rem;
        width: 2.2rem;
        box-sizing: border-box;
        padding: 0.25rem 0.1rem 0.1rem 0.1rem;
        margin: 0 auto;
        position: relative;
        left: 0rem;
    }

    .kehudivhua_f a {
        font-size: 0.6rem;
        color: #fff;
        text-decoration: none;
    }
}

@media screen and (min-width:480px) {
    .kehudiv_f .teline1 {
        font-size: 0.65rem;
        color: red;
        text-decoration: none;
    }

    .kehudiv_f .teline2 {
        margin-top: 0.25rem;
        font-size: 0.55rem;
        color: #999;
        text-decoration: none;
    }
}

.layui-m-layer {
    position: relative;
    z-index: 19891014
}

.layui-m-layer * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.layui-m-layermain,.layui-m-layershade {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.layui-m-layershade {
    background-color: rgba(0,0,0,.7);
    pointer-events: auto
}

.layui-m-layermain {
    display: table;
    font-family: Helvetica,arial,sans-serif;
    pointer-events: none
}

.layui-m-layermain .layui-m-layersection {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.layui-m-layerchild {
    position: relative;
    display: inline-block;
    text-align: left;
    background-color: #fff;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    pointer-events: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: .2s;
    animation-duration: .2s
}

@-webkit-keyframes layui-m-anim-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes layui-m-anim-scale {
    0% {
        opacity: 0;
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.layui-m-anim-scale {
    animation-name: layui-m-anim-scale;
    -webkit-animation-name: layui-m-anim-scale
}

@-webkit-keyframes layui-m-anim-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes layui-m-anim-up {
    0% {
        opacity: 0;
        -webkit-transform: translateY(800px);
        transform: translateY(800px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.layui-m-anim-up {
    -webkit-animation-name: layui-m-anim-up;
    animation-name: layui-m-anim-up
}

.layui-m-layer0 .layui-m-layerchild {
    width: 90%;
    max-width: 640px
}

.layui-m-layer1 .layui-m-layerchild {
    border: none;
    border-radius: 0
}

.layui-m-layer2 .layui-m-layerchild {
    width: auto;
    max-width: 260px;
    min-width: 40px;
    border: none;
    background: 0 0;
    box-shadow: none;
    color: #fff
}

.layui-m-layerchild h3 {
    padding: 0 10px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    font-weight: 400;
    border-radius: 5px 5px 0 0;
    text-align: center
}

.layui-m-layerbtn span,.layui-m-layerchild h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.layui-m-layercont {
    padding: 50px 30px;
    line-height: 22px;
    text-align: center
}

.layui-m-layer1 .layui-m-layercont {
    padding: 0;
    text-align: left
}

.layui-m-layer2 .layui-m-layercont {
    text-align: center;
    padding: 0;
    line-height: 0
}

.layui-m-layer2 .layui-m-layercont i {
    width: 25px;
    height: 25px;
    margin-left: 8px;
    display: inline-block;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;
    animation: layui-m-anim-loading 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.layui-m-layerbtn,.layui-m-layerbtn span {
    position: relative;
    text-align: center;
    border-radius: 0 0 5px 5px
}

.layui-m-layer2 .layui-m-layercont p {
    margin-top: 20px
}

@-webkit-keyframes layui-m-anim-loading {
    0%,100%,80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@keyframes layui-m-anim-loading {
    0%,100%,80% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }

    40% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.layui-m-layer2 .layui-m-layercont i:first-child {
    margin-left: 0;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.layui-m-layer2 .layui-m-layercont i.layui-m-layerload {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}

.layui-m-layer2 .layui-m-layercont>div {
    line-height: 22px;
    padding-top: 7px;
    margin-bottom: 20px;
    font-size: 14px
}

.layui-m-layerbtn {
    display: box;
    display: -moz-box;
    display: -webkit-box;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 0;
    border-top: 1px solid #D0D0D0;
    background-color: #F2F2F2
}

.layui-m-layerbtn span {
    display: block;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-box-flex: 1;
    font-size: 14px;
    cursor: pointer
}

.layui-m-layerbtn span[yes] {
    color: #40AFFE
}

.layui-m-layerbtn span[no] {
    border-right: 1px solid #D0D0D0;
    border-radius: 0 0 0 5px
}

.layui-m-layerbtn span:active {
    background-color: #F6F6F6
}

.layui-m-layerend {
    position: absolute;
    right: 7px;
    top: 10px;
    width: 30px;
    height: 30px;
    border: 0;
    font-weight: 400;
    background: 0 0;
    cursor: pointer;
    -webkit-appearance: none;
    font-size: 30px
}

.layui-m-layerend::after,.layui-m-layerend::before {
    position: absolute;
    left: 5px;
    top: 15px;
    content: '';
    width: 18px;
    height: 1px;
    background-color: #999;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-radius: 3px
}

.layui-m-layerend::after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg)
}

body .layui-m-layer .layui-m-layer-footer {
    position: fixed;
    width: 95%;
    max-width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 10px;
    background: 0 0
}

.layui-m-layer-footer .layui-m-layercont {
    padding: 20px;
    border-radius: 5px 5px 0 0;
    background-color: rgba(255,255,255,.8)
}

.layui-m-layer-footer .layui-m-layerbtn {
    display: block;
    height: auto;
    background: 0 0;
    border-top: none
}

.layui-m-layer-footer .layui-m-layerbtn span {
    background-color: rgba(255,255,255,.8)
}

.layui-m-layer-footer .layui-m-layerbtn span[no] {
    color: #FD482C;
    border-top: 1px solid #c2c2c2;
    border-radius: 0 0 5px 5px
}

.layui-m-layer-footer .layui-m-layerbtn span[yes] {
    margin-top: 10px;
    border-radius: 5px
}

body .layui-m-layer .layui-m-layer-msg {
    width: auto;
    max-width: 90%;
    margin: 0 auto;
    bottom: -150px;
    background-color: rgba(0,0,0,.7);
    color: #fff
}

.layui-m-layer-msg .layui-m-layercont {
    padding: 10px 20px
}

.footnav{
    background: #fff !important;
}
.new_layout_bottom {
    position: relative;
    background: #fff;
    height: 100%;
    border-top: 1px solid #EEEEEE;
    box-shadow: 0px 0px 3px #EEEEEE;
    width: 100%;
    margin: auto;
    max-width: 640px;
}

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

.flex_layout .item{
    width: 16%;
    height: 100%;
    text-align: center;
    font-size: .7rem;
}
.flex_layout .index a{
    color: #ff4444;
    font-size: .6rem;
    line-height: 1rem;
    padding-top: 0.2rem;
}
.flex_layout .all a{
    color: #000;
    font-size: .6rem;
    line-height: 1rem;
    padding-top: 0.2rem;
}
.flex_layout .ye{
    background-color: #ff8954;
    color: #fff;
}
.flex_layout a{
    color: #fff;
    display: block;
    height: 100%;
}
.flex_layout .ye img{
    float: left;
    margin-left: 0.1rem;
    margin-top: 0.3rem;
}
.flex_layout .ye .tel_txt{
    margin-left: 0.5rem;
    margin-top: 0.4rem;
}
.flex_layout .ye .tel_txt p{
    font-size: .7rem;
}
.flex_layout .ye .tel_txt p.dec{
    font-size: 12px;
}
.flex_layout .re{
    background-color: #ff4444;
    color: #fff;
}

.flex_layout .re img{
    float: left;
    margin-left: 0.3rem;
    margin-top: 0.5rem;
}
.flex_layout .re .tel_txt{
    margin-left: 0.5rem;
    margin-top: 0.2rem;
}
.flex_layout .re .tel_txt p{
    font-size: .8rem;
}
.flex_layout .re .tel_txt p.dec{
    font-size: 12px;
}

.zt-tit-bar{position:relative;background: #f5f5f5; margin: 0 !important;padding-top: 1rem !important;}
.zt-tit-bar .tit-line{height:1px;width:70%;background-color:#dedede;margin:.4rem auto}
.zt-tit-bar .tit-name{height:.8rem;width:20%;text-align:center;color:#333;font-size:.7rem;background-color:#f5f5f5;top:1rem;left:40%;position:absolute;font-weight:700}
.zt-line-bar{width:100%;padding-bottom:.4rem;background-color: #f5f5f5;padding-top: 0.5rem;}
.zt-line-bar ul li{width:31.5%;display:inline-block;text-align:center;padding:.2rem 0}
.zt-line-bar ul li a{display:inline-block;width:80%;padding:.15rem 0;text-align:center;border:solid 1px #eee;font-size:.6rem;color:#333;border-radius:.3rem; background-color: #fff;}
.item-goods ul.goods-list{margin-bottom: 0 !important;}
/*支付成功样式*/
.pay-border{
    /*width: 910px;*/
    margin: 0 auto;
    padding: 3rem 0 1.5rem 0;
    background-color: white;
}
.pay-sort01{
    width: 80%;
    margin: 0 auto;
    border-bottom: 1px #c3bfc1 solid;
    text-align: center;
}
.pay-sort01 img{
    width: 10%;
    margin-right:5%;
    vertical-align: top;
}
.pay-sort01 span{
    font-size: 1rem;
    color: #b90c15;
    font-weight: bold;
}
.pay-sort01 p{
    font-size: 0.8rem;
    margin: 0.5rem 0;
    font-weight: bold;
}
.pay-sort01 p b{
    color: #b90c15;
}
.pay-grey{
    width: 85%;
    margin: 0 auto;
    padding: 0.3rem 0;
    font-weight: bold;
    background-color: #d3d3d3;
    margin-top: 1rem;
    text-align: center;
    font-size: 0.5rem;
}
.pay-grey img{
    width: 8%;
    vertical-align: middle;
    margin: 0 0.2rem;
}
.pay-grey b{
    color: #20981c;
}
.pay-order{
    width: 85%;
    margin: 0 auto;
    margin-top: 1rem;
    font-size: 0.4rem;
}
.pay-order span{
    color: #b90c15;
}
.pay-group{
    width: 90%;
    margin: 0 auto;
    margin-top: 1rem;
    text-align: center;
}
.pay-group a{
    width: 40%;
    padding: 0.5rem 0;
    display: inline-block;
    text-align: center;
    color: white;
    font-size: 0.8rem;
    background-color: #b90c15;
}
.pay-group a:first-child{
    margin-right: 5%;
}
.pay-warn{
    font-size: 0.5rem;
    color: rgba(108, 102, 102, 0.75);
    text-align: center;
    margin-top: 2rem;
    padding: 0 0.5rem;
}
/*支付成功样式end*/