/*公共重置样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;margin:0;padding:0}html{font-size:1rem;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal}table{border-collapse:collapse;border-spacing:0}q:before,q:after{content:''}object,embed{vertical-align:top}hr,legend{display:none}img,abbr,acronym,fieldset{border:0}ul li{list-style-type:none}a,label{cursor:pointer}img{vertical-align:bottom;margin:0;padding:0}a{text-decoration:none;outline:0}h1,h2,h3,h4,h5,h6{font-weight: 400}.clearfix:after{content:".";visibility:hidden;display:block;height:.1px;font-size:.1em;line-height:0;clear:both}.clearfix{*zoom:1}input,textarea,select{outline:0;border:1px solid #ccc;border-radius: 0;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}button{cursor:pointer;color:#666}textarea{resize:none;outline:0;overflow:hidden;padding:5px}select{outline:0}img{max-width: 100%}*{-webkit-tap-highlight-color:rgba(255,255,255,0); -webkit-appearance: none;}body{max-width: 640px;margin: 0 auto;background-color: #f8f9fc;}img{outline:none;}
.com-body {
    padding-bottom: 45px;
}
p{
    margin:0;
}
a:focus, a:hover{
    color:#fff;
    text-decoration:none;
}
.com-body1,
.com-body2 {
    padding-top: 3.5rem;
}
.com-top {
	position: relative;
    line-height: 4.091rem; 
    background: -webkit-linear-gradient(#1c1b21, #3b3537); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#1c1b21, #3b3537); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#1c1b21, #3b3537); /* Firefox 3.6 - 15 */
    background: linear-gradient(#1c1b21, #3b3537); /* 标准的语法 */
    background:#fff;
    font-size: 1.2rem;
    text-align: center;
    color: #000;
}
.com-top .com-back {
    position: absolute;
    left: 1.0rem;
    top: .9rem;
    color: #000;
    line-height: 2.4rem;
    font-size: 1.2rem;
}
.com-top .com-back strong {
    display: inline-block;
    margin-right: 4px;
    width: 0.875rem;
    height: 1.542rem;
    background: url(../m-images/back.png) no-repeat center;
    background-size: 0.875rem 1.542rem;
    vertical-align: middle;
}
.com-top .com-back  span {
    vertical-align: middle;
}
.com-next {
    display: block;
    margin-top: 2.083rem;
    line-height: 3.75rem;
    background-color: #9f2e33;
    text-align: center;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 1.25rem;
    color: #fff;
}
.com-color {
    color: #9f2e33 !important;
}
.com-over {
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.com-loading,
.com-no-num {
    text-align: center;
}
.com-loading img {
    margin: 10px auto;
    width: 3rem;
}
.com-no-num {
    margin-top: 5rem;
}
.com-no-num img {
    width: 12rem;
}

.com-right-tip {
    display: inline-block;
    margin-left: 4px;
    width: 6px;
    height: 10px;
    background: url(../m-images/my-tip.png) no-repeat;
    background-size: 6px 10px;
    vertical-align: middle;
}

/*公共头部开始*/
.header { 
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 2rem;
    padding: .75rem 0;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    background-color: #fff;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0 0 .5rem .1rem #adabab;
}
.header h1 {
    margin: auto;
    font-size: 1.333rem;
    text-align: center;
    color: #9f2e33;
    font-weight: 700;
    height: 100%;
    line-height: 2rem;
    color: #000;
    font-weight: 400;
}
.header h1 img {
    width: 6.042rem;
    vertical-align: middle;
}
.header .search-logo,
.header .shopping-logo,
.header .home-logo {
    position: absolute;
    right: 4.586rem;
    top: .9rem;
    width: 1.667rem;
    height: 1.667rem;
    background:url(../m-images/header-search.png) no-repeat;
    background-size: 1.667rem 1.667rem;
}
.header .shopping-logo {
    right: 1.5rem;
    background:url(../m-images/header-shopping.png) no-repeat;
    background-size: 1.667rem 1.667rem;
}
.header .home-logo {
    background:url(../m-images/header-home.png) no-repeat;
    background-size: 1.667rem 1.667rem;
}
.header .shopping-logo span {
    display: block;
    text-align: center;
    line-height: 1.667rem;
    font-size: 0.75rem;
    color: #9f2e33;
}
.header-back,
.header-back-white {
    position: absolute;
    top: 1rem;
    left: 0.875rem;
    width: 1.4rem;
    height: 1.4rem;
    background:url(../m-images/header-back.png) no-repeat center/ 1.3rem 1.3rem;
}
.header-back-white {
    background:url(../m-images/header-back-white.png) no-repeat center/ 1.3rem 1.3rem;
}
/*公共头部结束*/

/*公共页脚开始*/
.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-top: 1px solid #ebebeb;
    z-index: 999;
}
.footer ul {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content:space-around;
    -webkit-align-items:center;
    align-items: center;
    height: 3.5rem;
}
.footer li {
    width: 3rem;
}
.footer .active {
    color: #f05b1a;
}
.footer a {
    display: block;
    width: 100%;
    padding-top: 2rem;
    font-size: 11px;
    text-align: center;
    color: #a9a9a9;
    background:url(../m-images/icon4.png) no-repeat .5rem -12rem / 20.833rem 20.833rem
}
.footer .footer-index-active {
    color: #f05b1a;
    background-position: .5rem -15.6rem;
}
.footer .footer-classify {
    background-position: -3rem -12rem;
}
.footer .footer-classify-active {
    color: #f05b1a;
    background-position: -3rem -15.6rem;
}
.footer .footer-shopcar {
    background-position: -7rem -12rem;
}
.footer .footer-shopcar-active {
    color: #f05b1a;
    background-position: -7rem -15.6rem;
}
.footer .footer-my {
    background-position: -10.7rem -12rem;
}
.footer .footer-my-active {
    color: #f05b1a;
    background-position: -10.7rem -15.6rem;
}
/*公共页脚结束*/
.com-end {
    font-size: 0.75rem;
    color: #c4c4c4;
    text-align: center;
    line-height: 3.667rem;
}
.com-back-top {
    display: none;
    position: fixed;
    z-index: 30;
    font-size: 1rem;
    right: 15px;
    bottom: 60px;
    width: 3rem ;
	height:3rem;
    line-height: 3rem;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    color: #b9b9b9;
}

/*公共确认弹出框开始*/
.pop-box .pop-bg {
    position: fixed;
    z-index: 999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: .5;
}
.pop-box .pop-main {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content: center;
    -webkit-align-items:center;
    align-items: center; 
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: transparent; 
    color: #000;
}
.pop-box .pop-tip {
    width: 80%;
    border-radius: 4px;
    background-color: #fff;
    font-size: 1.3rem;
}
.pop-box .tip-main {
    padding: 3rem;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    word-break: break-all;
}
.pop-box .make-box {
    height: 3.75rem;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content: center;
    -webkit-align-items:center;
    align-items: center; 
}
.pop-box .make-box a {
    width: 50%;
    height: 100%;
    line-height: 3.75rem;
    text-align: center;
    color: #ac575a;
}
.pop-box .make-box .cancel {
    color: #000;
    border-right: 1px solid #e5e5e5;
}
.pop-box .none {
    display: none;
}
/*公共确认弹出框结束*/

/*公共提示框开始*/
.pop-box1 .pop-bg1 {
    opacity: 0;
}
.pop-box1 .pop-main1 {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content: center;
    -webkit-align-items:center;
    align-items: center;
    position: fixed;
    z-index: 1051;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: transparent; 
}
.pop-box1 .pop-bg1 {
    background:#000;
    opacity: 0;
}
.pop-box1 .tips {
    width: 60%;
    max-width: 500px;
    padding: 10px;
    background-color: #000;
    opacity: .85;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
    border-radius: 6px;
}
/*公共提示框结束*/

/*公共商品列表开始*/
.com-goods-list li {
    position: relative;
    float: left;
    width: 50%;
    height: 19.75rem;
    border-bottom: 1px solid #ebebeb;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
.com-goods-list li:nth-child(odd) {
    margin-left: -1px;
    border-right: 1px solid #ebebeb;
} 
.com-goods-list .goods-img {
    position: relative;
    width: 11rem;
    height: 11rem;
    margin: 0.833rem auto;
}
.com-goods-list .tips-box {
    position: absolute;
    left: 0;
    top: 0;
}
.com-goods-list .tips-box img {
    width: 2.792rem;
}
.com-goods-list .goods-img img {
    max-width: 100%;
}
.com-goods-list .goods-der {
    height: 2.7rem;
    line-height: 1.4rem;
    padding: 0 0.75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #4d4d4d;
}
.com-goods-list .goods-price {
    margin-top: 0.417rem;
    padding: 0 0.75rem;
}
.com-goods-list .current-price {
    color: #f34f34;
    font-size: 1.2rem;
    margin-right: 3px;
    text-decoration: none;
    vertical-align: middle;
}
.com-goods-list .original-price {
    color: #b6bbc1;
    text-orientation: none;
    vertical-align: middle;
}
.com-goods-list li a {
    display: block;
    height: 100%;
    overflow:hidden;
    background-color: #fff;
}
.com-goods-list .com-none {
    opacity: 0;
}
.com-goods-list .no-goods {
    position: absolute;
    z-index: 1;
    left: 4.5rem;
    top: 4.5rem;
    width: 3.958rem;
    height: 3.958rem;
    line-height: 3.958rem;
    background-color: #999;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    opacity: .8;
}
.com-goods-list .tag-item-box {
    position: absolute;
    left: -1.2rem;
    top: 0;
    height: 4rem;
}
.com-goods-list .tag-item0,
.com-goods-list .tag-item1,
.com-goods-list .tag-item2 {
    margin-bottom: .3rem;
    width: 4rem;
    line-height: 1.458rem;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    background: -webkit-linear-gradient(left, #ffc951, #ff9600);
    text-align: center;
    color: #fff;
    font-size: .8rem;
}
.com-goods-list .tag-item1 {

    background: -webkit-linear-gradient(left, #fda984, #f05b1a);
}
.com-goods-list .tag-item2 {
    background: -webkit-linear-gradient(left, #a1eed4, #36bcb4);
}
.com-goods-list .address-activity {
    margin-bottom: .5rem;
    height: 1.25rem;
    color: #808080;
    padding: 0 .75rem;
    font-size: .8rem;
}
.com-goods-list .activity {
    display: inline-block;
    max-width: 7rem;
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 .5rem;
    background: #f37c48;
    border-radius: 100px;
    padding: 0 .25rem;
    color: #fff;
}
/*公共商品列表结束*/

/*公共排序开始*/
.goods-sort-box {
    background-color: #fff;
}
.com-goods-sort {
    background-color: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-around;
    justify-content:space-around;
    -webkit-align-items:center;
    align-items:center;
    height:3.125rem;
    border-bottom:1px solid #ebebeb;
}
.com-goods-sort a {
    color: #666;
}
.com-goods-sort .items:after {
    content: '';
    display: inline-block;
    margin-left: 0.208rem;
    width: 0.917rem;
    height: 1.0rem;
    background:url(../m-images/icon-week.png) no-repeat -2.083rem 0;
    background-size: 8.333rem 8.333rem;
    vertical-align: middle;
}
.com-goods-sort .items:first-child:after {
    width: 0;
}
.com-goods-sort .up:after {
    background-position: 0 0;
}
.com-goods-sort .down:after {
    background-position: -1.042rem 0;
}
.com-goods-sort .active {
    color: #a54144;
}
.com-goods-brand  {
    display: none;
    height: 12rem;
    background-color: #fff;
    /*transform: translateY(-1.5rem);*/
}
.com-goods-brand .brand-items ul {
    height: 8.333rem;
    padding: 10px 20px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.com-goods-brand .brand-items li {
    float: left;
    width: 50%;
}
.com-goods-brand .brand-items a {
    float: left;
    width: 100%;
    color: #000;
    line-height: 1.5;
}
.com-goods-brand .brand-items .active {
    color: #a54144;
}
.com-goods-brand .brand-items .active:after {
    content:'';
    display: inline-block;
    vertical-align: middle;
    margin-left: .3rem;
    width: 0.75rem;
    height: 0.417rem;
    background:url(../m-images/icon-week.png) no-repeat -3.25rem 0;
    background-size: 8.333rem 8.333rem;
}
.com-goods-brand .make-box {
    border-top: 1px solid #ebebeb;
    line-height: 3.75rem;
    background-color: #fff;
    box-shadow: 2px 2px 3px #000;
}
.com-goods-brand .make-box a {
    float: left;
    width: 50%;
    text-align: center;
    color: #000;
    font-size: 1.25rem;
}
.com-goods-brand .make-box .sure {
    background-color: #a54144;
    color: #fff;
}
.com-list-top {
    margin-top: 6.542rem !important;
}
/*公共排序结束*/

/*公共优惠券开始*/
.coupon-box {
    padding:1.5rem 1.333rem;
}
.coupon-items {
    position: relative;
    max-width: 575px;
    margin:0 auto .5rem;
}
.coupon-items .coupon-main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 6.083rem;
    text-align: center;
}
.coupon-items .coupon-left {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    float: left;
    width: 33%;
    height: 100%;
    color: #9f2e33;
    font-weight: 700;
}
.coupon-items .coupon-left .coupon-money {
    font-size:1.1rem;
}
.coupon-items .coupon-left .amount {
    font-size: 1rem;
}
.coupon-items .coupon-money strong {
    font-size: 2.583rem;
}
.coupon-items .coupon-right {
    float: right;
    padding-top:1.0rem;
    width: 67%;
    color: #fff;
    line-height: 1.3;
}
.coupon-items .time {
    font-size: 0.75rem;
}
.coupon-items .get-coupon {
    display: block;
    margin: 4px auto 0;
    width: 5.333rem;
    line-height: 1.5rem;
    text-align: center;
    color: #9f2e33;
    background: #fff;
    border-radius: 4px;
}
.coupon-items .no-coupon {
    position: relative;
    width: 4.708rem;
    margin: .7rem auto;
    text-align: center;
    border-bottom: 1px solid #fff;
}
.coupon-items .no-coupon span {
    position: absolute;
    left: .55rem;
    top: -0.6rem;
    width: 3.667rem;
    height: 1.0rem;
    background-color:#9f2e33;

}
/*公共优惠券结束*/

/*支付方式开始*/
.pay-box {
    margin-bottom:0.708rem;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
    color: #1a1a1a;
}
.pay-box .pay-header {
    padding-left: 1.333rem;
    line-height: 2.708rem;
    border-bottom: 1px solid #ebebeb;
}
.pay-box .pay-main a {
    display: block;
    line-height: 2.417rem;
    color: #1a1a1a;
    margin-left: 1.333rem;
    box-sizing: content-box;
    padding: .5rem 1.333rem .5rem 3.458rem;
    background:url(../m-images/pay.png) no-repeat 0 .5rem;
    background-size: 16.667rem 16.667rem;
}
.pay-box .pay-main a i,
.pay-box .pay-main .active i {
    float: right;
    margin-top: .5rem;
    width: 1.4rem;
    height: 1.4rem;
    background:url(../m-images/pay.png) no-repeat 0 -9.8rem;
    background-size: 16.667rem 16.667rem;
}
.pay-box .pay-main .active i {
    background-position: 0 -13.65rem;
}
.pay-box .pay-main .zfb {
    background-position: 0 .5rem;
}
.pay-box .pay-main .wx {
    border-bottom: none;
    background-position: 0 -5rem;
}
/*支付方式结束*/


/*404开始*/
.lose {
    padding-top: 7.292rem;
    text-align: center;
}
.lose img {
    width: 16.667rem;
}
.lose  a {
    display: block;
    margin: 1.25rem auto;
    width: 6rem;
    line-height: 2rem;
    background-color: #9f2e33;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    font-size: 1.3rem;
}
/*404结束*/

/*注册协议开始*/
.protocol-body {
    background-color: #fff;
}
.protocol-body .protocol-header {
    margin-top:0.833rem;
    line-height: 2;
    text-align: center;
    font-size: 1.3rem;
}
.protocol-body .protocol-main {
    padding: 0.625rem 0.625rem 2rem 0.625rem;
    line-height: 1.5;
}
.protocol-body .protocol-main h2 {
    line-height: 2;
    font-size: 1rem;
}
/*注册协议结束*/
.about-img img {
    display: block;
    margin: 0 auto;
}


/*公共提交弹框开始*/
.com-uploading {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:center;
    justify-content: center;
    -webkit-align-items:center;
    align-items: center;
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-color: transparent;
}
.com-uploading .running {
    width: 2.5rem;
    margin: 10px 0; 
}
.com-uploading p {
    margin-left: .5rem;
    text-align: center;
    color: #fff;
}
.com-uploading .upload-main {
    position: relative;
    padding:.5rem 1rem;
    background:#000;
    color: #fff;
    text-align: center;
    border-radius: 0.357rem;
    opacity: .8;
}
.com-uploading .rotate-box {
    height: 50px;
    background: url(../m-images/loading.gif) no-repeat center;
}
/*公共提交弹框结束*/

/*公告活动商品列表开始*/
.com-activity-img {
    display: block;
    position: relative;
    height: 12.6rem;
    overflow: hidden;
    text-align: center;
}
.com-activity-img:after {
    content: '';
    position: absolute;
    left: 3.333rem;
    bottom: 2px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 8px solid #f8f9fc;
}
.com-activity-box {
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    font-size: 0;
    height: 11.875rem;
    padding: 0.625rem 0;
}
.com-activity-box .goods-item {
    position: relative;
    display: inline-block;
    width: 6.375rem;
    margin: 0 0.625rem;
    font-size: 1rem;
    color: #333;
    border-bottom: 1px solid #fff;
}
.com-activity-box .img-box {
    position: relative;
    height: 6.375rem;
}
.com-activity-box .activity-name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1.25rem;
    text-align: center;
}
.com-activity-box .activity-name span {
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    width: 100%;
    padding: 0 .5rem;
    background:rgba(240,91,26,1);
    opacity:0.8;
    border-radius: 15px;
    font-size: 0.833rem;
    color: #fff; 
}
.com-activity-box .goods-der {
    margin-top: .5rem;
    height: 2.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-height: 1.3;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-size: .9rem;
}
.com-activity-box .price {
    color: #ef4430;
}
.com-activity-box .more-btn {
    position: absolute;
    top: 4rem;
    width: 3rem;
    height: 4rem;
    margin-left: 1rem;
    background: url(../m-images/icon4.png) no-repeat 0 -2.333rem / 20.833rem 20.833rem;
}
.com-activity-box .no-goods {
    position: absolute;
    z-index: 1;
    left: 1.5rem;
    top: 1.5rem;
    width: 3.958rem;
    height: 3.958rem;
    line-height: 3.958rem;
    background-color: #999;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    opacity: .8;
}
/*公告活动商品列表结束*/
.float-right-box{
    height:100%;
    display: block;
    float: right;   
}