/*
叉叉网络 设计编写 原创设计 请勿仿制
公司网址:www.ecmsshop.com
yecha编写 QQ:372009617

用户自定义增加扩展css用 请勿修改common.css 方便后续更新

下面是一些说明
购物车 u-icon-cart 有内容加 <span class="cartNum">1</span>
搜索 u-icon-search1



*/
@CHARSET "UTF-8";
/*20170826新增 支付回调页面样式*/
.payres{width: 10rem;margin: 0 auto;padding-top: 1.22222rem;background:#fff;}
.payreswxico{background:url("../icon/payico/wx.png") no-repeat;width:2.5rem; height:2.5rem; background-size:100% 100%; margin:0 auto;margin-top:1rem;border-radius: 50% 50%;}
.payresalipayico{background:url("../icon/payico/alipay.png") no-repeat;width:2.5rem; height:2.5rem; background-size:100% 100%; margin:0 auto;margin-top:1rem;border-radius: 50% 50%;}
.payrestext{text-align:center; margin-top:0.4rem; font-size:0.6rem;}
.wxtext{color:#00CD0D}
.alipaytext{color:#56ABE4}
.payresprice{text-align:center; margin-top:0.5rem; font-size:1rem;}
.payresxx{margin:0 0.1rem; border-top:1px solid #eee; margin-top:0.4rem; height:1.2rem; line-height:1.2rem; overflow:hidden; padding:0 0.2rem; font-size:0.3rem;}
.payressm{width:2rem; float:left;color: #b1a9a9;}
.payresbz{width:6rem;float:left;white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.payresmoney{width:1.4rem; float:left;}

.ajaxaddresslist h4 {
    text-align: center;
    font-size: 0.4rem;
    line-height: 1.2rem;
    font-weight: normal;
    background: #fff;
}

/*20200905新增 支付功能*/
.qtw-change {
    position: fixed;
    border: 0;
    left: 0;
    bottom: 0;
    height: 420px;
    width: 100%;
    z-index: 5;
}
.qtw-change .pay-change-model {
    position:absolute;
    bottom:0;
    left:0;
    background:#fff;
    height:420px;
    width:100%;
    display:block;
    z-index:7
}
.qtw-change .pay-change-model #pay_close {
    position:absolute;
    width:15px;
    height:15px;
    top:10px;
    right:10px;
    cursor:pointer;
    display:block;
    z-index:8;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    background-image:url(http://icon.qiantucdn.com/2020moble/pop_close.png)
}
.qtw-change.isJc .pay-change-model .subject-title p.active {
    color:#FF9628;
    border-bottom:3px solid #FF9628
}
.qtw-change.isJc .pay-change-model .subject-card .pay-card.active .is-mark {
    left:-.04em
}
.qtw-change.isJc .pay-change-model .subject-card .pay-card .card-top strong {
    color:#FF9628
}
.qtw-change.isJx .pay-change-model .subject-title p.active {
    color:#12B8F6;
    border-bottom:3px solid #12B8F6
}
.qtw-change.isJx .pay-change-model .subject-card .pay-card.active .is-mark {
    left:-.04em
}
.qtw-change.isJx .pay-change-model .subject-card .pay-card .card-top strong {
    color:#00be6e
}
.qtw-change.isBg .pay-change-model .subject-title p.active {
    color:#1482E6;
    border-bottom:.05em solid #1482E6
}
.qtw-change.isBg .pay-change-model .subject-card .pay-card.active .is-mark {
    left:-.04em
}
.qtw-change.isBg .pay-change-model .subject-card .pay-card .card-top strong {
    color:#1482E6
}
.qtw-change.isDouble .pay-change-model .subject-title p.active {
    color:#FF470A;
    border-bottom:.05em solid #FF470A
}
.qtw-change.isDouble .pay-change-model .subject-card .pay-card.active .is-mark {
    left:-.04em
}
.qtw-change.isDouble .pay-change-model .subject-card .pay-card .card-top strong {
    color:#FF470A
}
.qtw-change .pal {
    padding:10px 10px
}
.qtw-change .subject-title {
    width:100%;
    height:50px;
    margin:10px auto 0;
    font-size:16px;
    text-align:center;
    line-height:40px;
    display:block;
    color:rgba(0, 0, 0, .65);
    position:relative
}
.qtw-change .subject-title p {
    cursor:pointer;
    width:80%;
    height:40px;
    display:inline-table
}
.qtw-change .subject-title p>i {
    display:inline-block;
    width:35px;
    height:24px;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    position:relative;
    vertical-align:-8px
}
.qtw-change .subject-title p>i.yc {
    background-image:url(http://icon.qiantucdn.com/static/images/sponsor/new3.0/yc4.png)
}
.qtw-change .subject-title p>i.jc {
    background-image:url(http://icon.qiantucdn.com/static/images/sponsor/new3.0/jc4.png)
}
.qtw-change .subject-title p>i.bg {
    background-image:url(http://icon.qiantucdn.com/static/images/sponsor/new3.0/bg4.png)
}
.qtw-change .subject-title p>i.zt {
    background-image:url(http://icon.qiantucdn.com/static/images/vipIcon/zt.png)
}
.qtw-change .subject-title p>i.qy {
    background-image:url(http://icon.qiantucdn.com/static/images/vipIcon/qy.png)
}
.qtw-change .subject-title>span {
    display:inline-block;
    width:.01em;
    margin-left:.6em;
    margin-right:.6em;
    height:.4em;
    vertical-align:middle;
    background:#d8d8d8;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    position:relative
}
.qtw-change .subject-top-text {
    width:100%;
    height: 40px;
    line-height:40px;
    font-size:12px;
    color:#353535;
    text-align:center;
    display:block;
    position:relative
}
.qtw-change .nav-container {
    position:relative;
    padding-top:.01em;
    width:100%;
    overflow:hidden
}
.qtw-change .subject-card {
    width:100%;
    min-height:125px;
    white-space:nowrap;
    text-align:center;
    margin-top:8px;
    margin-bottom:15px;
    overflow-y:hidden
}
.qtw-change .subject-card .card-scroll {
    position:absolute;
    width:95%;
    left:2.5%;
    overflow-x:scroll
}
.qtw-change .subject-card .card-scroll .list_scroll {
    min-height:140px;
    width:auto;
    padding-top:10px
}
.qtw-change .subject-card .pay-card {
    width:95px;
    height:109px;
    margin-right:10px;
    background:#fff;
    -webkit-border-radius:8px;
    border-radius:8px;
    border:1px solid #e5e5e5;
    display:inline-block;
    vertical-align:middle;
    cursor:pointer;
    position:relative
}
.qtw-change .subject-card .pay-card:after {
    position:absolute;
    content:' ';
    bottom:-.01em;
    right:-.01em;
    -webkit-border-radius:0 0 6px;
    border-radius:0 0 6px;
    border:12px solid transparent;
    display:none
}
.qtw-change .subject-card .pay-card:before {
    display:none;
    content:' ';
    position:absolute;
    bottom:2px;
    right:-2px;
    width:16px;
    height:10px;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    background-image:url(http://icon.qiantucdn.com/2020moble/right-success.png);
    z-index:5
}
.qtw-change .subject-card .pay-card.is-normal .card-top {
    height:80px;
    font-size:18px;
    color:rgba(0, 0, 0, .65);
    text-align:center;
    padding-top:3px
}
.qtw-change .subject-card .pay-card.is-normal .card-top span {
    display:block;
    margin:0 auto;
    text-align:center;
    color:rgba(0, 0, 0, .65);
    font-size:13px;
    line-height:33px
}
.qtw-change .subject-card .pay-card.is-normal .card-top span i {
    font-size:.24em;
    margin-left:.2em;
    font-weight:500;
    color:rgba(0, 0, 0, .45)
}
.qtw-change .subject-card .pay-card.is-normal .card-top strong {
    font-size:18px
}
.qtw-change .subject-card .pay-card.is-normal .card-top del {
    text-decoration:line-through;
    color:#888;
    font-size:.2em
}
.qtw-change .subject-card .pay-card.is-normal .card-bottom {
    width:98%;
    height:auto;
    border-top:.01em solid #EBEBEB;
    text-align:center;
    padding-top:5px;
    margin:0 auto;
    font-size:12px;
    color:rgba(0, 0, 0, .45)
}
.qtw-change .subject-card .pay-card.is-normal .card-bottom i {
    display:inline-block;
    width:15px;
    height:15px;
    vertical-align:-4px;
    background-position-y:.06em;
    -webkit-background-size:contain;
    background-size:contain;
    background-repeat:no-repeat;
    position:relative
}
.qtw-change .subject-card .pay-card.is-normal .card-bottom i.yc {
    background-image:url(http://icon.qiantucdn.com/static/images/sponsor/new3.0/yc4.png)
}
.qtw-change .subject-card .pay-card.is-normal .card-bottom i.jc {
    background-image:url(http://icon.qiantucdn.com/static/images/sponsor/new3.0/jc4.png)
}
.qtw-change .subject-card .pay-card.is-normal .card-bottom i.bg {
    background-image:url(http://icon.qiantucdn.com/static/images/sponsor/new3.0/bg4.png)
}
.qtw-change .subject-card .pay-card.is-normal .card-bottom i.zt {
    background-image:url(http://icon.qiantucdn.com/static/images/vipIcon/zt.png)
}
.qtw-change .subject-card .pay-card.is-double {
    width:2.6em!important
}
.qtw-change .subject-card .pay-card.is-double .card-top {
    padding-top:.3em!important
}
.qtw-change .subject-card .pay-card.is-double .card-top span {
    display:block;
    margin:0 auto;
    text-align:center;
    color:rgba(0, 0, 0, .65);
    font-size:.26em;
    line-height:.6em
}
.qtw-change .subject-card .pay-card.is-total .bate-time {
    width:2.35em;
    height:.46em;
    position:absolute;
    left:-.03em;
    top:-.25em;
    background:#FF470A;
    -webkit-border-radius:.14em .14em .14em 0;
    border-radius:.14em .14em .14em 0;
    font-size:.2em!important;
    color:#FFF;
    text-align:center;
    line-height:.48em
}
.qtw-change .subject-card .pay-card.is-total .bate-time>i {
    padding:.04em;
    background:#DB3E0A;
    -webkit-border-radius:2px;
    border-radius:2px;
    padding-top:1px
}
.qtw-change .subject-card .pay-card.is-total .bate-time>i:nth-child(1) {
    width:.34em;
    margin-right:.04em;
    display:inline-block;
    height:.34em;
    text-align:center;
    line-height:.34em
}
.qtw-change .subject-card .pay-card.is-total .bate-time>i:nth-child(2) {
    width:.34em;
    margin-right:.04em;
    display:inline-block;
    height:.34em;
    text-align:center;
    line-height:.34em
}
.qtw-change .subject-card .pay-card.is-total .bate-time>i:nth-child(3) {
    width:.5em;
    height:.34em;
    display:inline-block;
    text-align:center;
    line-height:.34em
}
.qtw-change .subject-card .pay-card.is-total .pres-mark {
    min-width:140px;
    padding:0 10px;
    height:24px;
    position:absolute;
    left:-2px;
    top:-13px;
    background:#FF470A;
    -webkit-border-radius:6px 6px 6px 2px;
    border-radius:6px 6px 6px 2px;
    font-size:12px;
    color:#FFF;
    text-align:center;
    line-height:26px
}
.qtw-change .subject-card .pay-card.is-total .total-title {
    line-height:16px;
    font-size:16px;
    color:#999;
    text-align:center
}
.qtw-change .subject-card .pay-card.is-total .total-money {
    text-align:center;
    margin-top:10px;
    color:rgba(0, 0, 0, .65);
    font-size:14px
}
.qtw-change .subject-card .pay-card.is-total .total-money strong {
    color:#FF470A;
    font-size:40px
}
.qtw-change .subject-card .pay-card.is-total .total-docs {
    margin-top:13px;
    text-align:center;
    font-size:12px;
    color:rgba(0, 0, 0, .65)
}
.qtw-change .subject-card .pay-card.is-total .total-docs em {
    text-decoration:line-through;
    color:#9B9B9B;
    margin-right:10px;
    position:relative
}
.qtw-change .subject-card .pay-card.is-total .total-docs em:after {
    content:'';
    display:block;
    width:1px;
    height:10px;
    right:-7px;
    top:0;
    bottom:0;
    position:absolute;
    background:#9B9B9B;
    margin:auto
}
.qtw-change .subject-card .pay-card.is-total.active {
    border:2px solid #FF470A
}
.qtw-change .subject-card .pay-card.is-total.active:after {
    display:block;
    border-bottom-color:#FF470A;
    border-right-color:#FF470A
}
.qtw-change .subject-card .pay-card.is-total.active:before {
    display:block
}
.qtw-change .subject-card .pay-card.is-company {
    text-align:center
}
.qtw-change .subject-card .pay-card.is-company.is-zt {
    width:310px!important
}
.qtw-change .subject-card .pay-card.is-company .com-title {
    font-size:12px;
    color:rgba(0, 0, 0, .65);
    padding-top:20px;
    text-align:center
}
.qtw-change .subject-card .pay-card.is-company .com-title strong {
    font-size:.32em;
    font-weight:700
}
.qtw-change .subject-card .pay-card.is-company .com-top {
    font-size:.24em;
    text-align:center;
    color:rgba(0, 0, 0, .65)
}
.qtw-change .subject-card .pay-card.is-company .com-top strong {
    font-size:36px
}
.qtw-change .subject-card .pay-card.is-company .com-docs {
    margin-top:.26em;
    text-align:center;
    font-size:.24em;
    color:rgba(0, 0, 0, .65)
}
.qtw-change .subject-card .pay-card.is-company .com-docs em {
    text-decoration:line-through;
    color:#9B9B9B;
    margin-right:10px;
    position:relative
}
.qtw-change .subject-card .pay-card.is-company .com-docs em:after {
    content:'';
    display:block;
    width:1px;
    height:10px;
    right:-7px;
    top:0;
    bottom:0;
    position:absolute;
    background:#9B9B9B;
    margin:auto
}
.qtw-change .subject-card .pay-card.is-company .com-bottom {
    width:90%;
    height:42px;
    color:rgba(0, 0, 0, .65);
    line-height:42px;
    font-size:12px;
    text-align:center;
    margin:0 auto;
    border-top:1px solid #BEBEBE;
    margin-top:10px
}
.qtw-change .subject-card .pay-card .is-mark {
    position:absolute;
    display:none;
    left:-.02em;
    top:-.2em;
    height:.4em;
    line-height:.4em;
    padding:0 .08em;
    background:#FF470A;
    font-size:.24em;
    color:#fff;
    -webkit-border-radius:.14em 0;
    border-radius:.14em 0
}
.qtw-change .subject-card .pay-card .is-mark.tagShow {
    display:block
}
.qtw-change .subject-card .pay-card:last-child {
    margin-right:0!important
}
.qtw-change .subject-card .pay-card:last-child .card-bottom i:after {
    left:-100px
}
.qtw-change.isJx .pay-change-model .subject-card .pay-card {
    width:95px
}
.qtw-change.isJx .pay-change-model .subject-card .pay-card.active {
    border:1px solid #00be6e
}
.qtw-change.isJx .pay-change-model .subject-card .pay-card.active:after {
    display:block;
    border-bottom-color:#00be6e;
    border-right-color:#00be6e
}
.qtw-change.isJx .pay-change-model .subject-card .pay-card.active:before {
    display:block
}
.qtw-change.isDouble .pay-change-model .subject-card .pay-card {
    width:4.12em!important
}
.qtw-change.isDouble .pay-change-model .subject-card .pay-card.active {
    border:.04em solid #FF470A
}
.qtw-change.isDouble .pay-change-model .subject-card .pay-card.active:after {
    display:block;
    border-bottom-color:#FF470A;
    border-right-color:#FF470A
}
.qtw-change.isDouble .pay-change-model .subject-card .pay-card.active:before {
    display:block
}
.qtw-change.isJc .pay-change-model .subject-card .pay-card {
    width:1.86em
}
.qtw-change.isJc .pay-change-model .subject-card .pay-card.active {
    border:.04em solid #FF9628
}
.qtw-change.isJc .pay-change-model .subject-card .pay-card.active:after {
    display:block;
    border-bottom-color:#FF9628;
    border-right-color:#FF9628
}
.qtw-change.isJc .pay-change-model .subject-card .pay-card.active:before {
    display:block
}
.qtw-change.isBg .pay-change-model .pay-card {
    width:1.86em
}
.qtw-change.isBg .pay-change-model .subject-card .pay-card.active {
    border:.04em solid #1482E6
}
.qtw-change.isBg .pay-change-model .subject-card .pay-card.active:after {
    display:block;
    border-bottom-color:#1482E6;
    border-right-color:#1482E6
}
.qtw-change.isBg .pay-change-model .subject-card .pay-card.active:before {
    display:block
}
.pay-method {
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding-top:.13em;
    display:block
}
.pay-method .method-title {
    font-size:18px;
    font-weight:800;
    color:#353535;
    margin-bottom:15px
}
.pay-method .weixin_zfb {
    display:block;
    width:100%;
    height:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.pay-method .weixin_zfb li {
    cursor:pointer;
    width:100%;
    display:block;
    position:relative;
    height:45px
}
.pay-method .weixin_zfb li.active i.gou-show {
    border:.02px solid #00BE6E
}
.pay-method .weixin_zfb li.active i.gou-show:after {
    display:block
}
.pay-method .weixin_zfb li.active i.gou-show .pay_gou {
    display:block
}
.pay-method .weixin_zfb li .icon_pay {
    width:30px;
    height:30px;
    display:block;
    float:left;
    margin-left:10px;
    margin-right:15px;
}
.pay-method .weixin_zfb li p {
    font-size:16px;
    font-weight:400;
    color:#353535;
    margin-left:.2em;
    display:block;
    padding-top:.05em
}
.pay-method .weixin_zfb li i {
    display:block;
    width:20px;
    height:20px;
    border:.02px solid #979797;
    -webkit-border-radius:100%;
    border-radius:100%;
    margin-top:-22px;
    float:right;
    margin-right:.2em;
    position:relative
}
.pay-method .weixin_zfb li i .pay_gou {
    width:12px;
    height:12px;
    z-index:3;
    top:4px;
    left:4px;
    position:absolute;
    display:none
}
.pay-method .weixin_zfb li i:after {
    content:'';
    display:none;
    -webkit-border-radius:100%;
    border-radius:100%;
    width:20px;
    height:20px;
    top:0;
    right:0;
    position:absolute;
    background:#00BE6E;
    margin:auto
}
.pay-btn {
    height:45px;
    width:94%;
    margin:.1em auto;
    display:block;
    border:0;
    font-size:16px;
    color:#fff;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#DF3131
}
.reg-text {
    font-size:12px;
    margin-top:15px;
    color: #888;
    text-align: center;
    margin-bottom:15px;
}
.reg-text a {
    cursor: pointer;
    color: #888!important;
    text-decoration: none!important;
}