@charset "utf-8";
/* Google?????? CSS Document */

/*???????????OBS??*/
.active-banner-bg {width: 1920px;left: 50%; margin-left: -960px;}
#siteWrap {overflow: hidden; position: relative;}


/*????*/
.active-body{background:url() top center repeat-y;margin-top:0px;background-color: #330d72 !important;}

/*?????*/
#floor0 {position: relative;margin: -80px auto 0;}
#floor1 {position: relative;margin:20px auto 0;}
.activeBanner_text{width:1000px;margin-left:-566px;margin-top:178px}
.activeBanner_first-title {  font-size:28px; color: #ffffff; line-height: 50px; }


.subjectGoodItem.googleTempTwo .goods-buy.showCart .toCart {background: #7249e3;}
.produ-list .goods-buy.showCart .goodsPrice { background: #7249e3; color: #ffffff; border: 1px solid #7249e3;}


/*????????*/
.sideQr .sideQr_img {width:138px; }
.sideQr {background-color: #87250c;}



/*?????*/
.active-nav .sideShare_item.side-share-wrap .share-btn {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 6px #562ccb;
            box-shadow: 0 4px 6px #562ccb;
}

.active-nav .side-share-wrap .share-btn i {
    color: #291462;
}
.sideQr {
    margin: 0;
    padding: 0 0 15px 0;
    border-radius: 0;
    width: 177px;
}

.active-nav .side-share-wrap {
    padding: 15px 19px 10px 19px;
}

.active-nav .back-top {
    margin: 0 auto;
    text-align: center;
}

.active-nav ul li.back-top a{
    margin: 10px auto 0 auto;
    background-color: #7249e3;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #a98aff;
    -webkit-box-shadow: 0 0 5px #a98aff inset;
            box-shadow: 0 0 5px #a98aff inset;
}

.active-nav .subjectSide_item a {
    margin: 10px 0;
    width: 177px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 2px;
    background-color: #7249e3;
    border: 1px solid #a98aff;
    -webkit-box-shadow: 0 0 5px rgb(229, 219, 255, .4) inset;
            box-shadow: 0 0 5px rgb(229, 219, 255, .4) inset;
}

.active-nav .subjectSide_item a:hover {
    background-color: #ffda00;
    border: 1px solid #ffda00;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 5px rgba(255,255,255,.4) inset;
            box-shadow: 0 0 5px rgba(255,255,255,.4) inset;
    color: #7249e3;
    
}

.sideQr {
   position: relative;
   overflow: hidden;
   padding-bottom: 10px;
}
.sideQr:before {
    position: absolute;
    height: 220px;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background-color: red;
    z-index: 1;
    background-color: #7249e3;
    border: 1px solid #a98aff;
    -webkit-box-shadow: 0 0 5px rgb(229, 219, 255, .4) inset;
            box-shadow: 0 0 5px rgb(229, 219, 255, .4) inset;
}

.active-nav .sideQr img {
    position: relative;
    z-index: 2;
}

.active-nav .side-share-wrap {
    position: relative;
    overflow: hidden;
}

.active-nav .side-share-wrap a {
    position: relative;
    z-index: 2;
}

.active-nav .side-share-wrap:after {
    position: absolute;
    height: 170px;
    top: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: red;
    z-index: 1;
    background-color: #7249e3;
    border: 1px solid #a98aff;
    -webkit-box-shadow: 0 0 5px rgb(229, 219, 255, .4) inset;
            box-shadow: 0 0 5px rgb(229, 219, 255, .4) inset;
}

.subjectSide_list {
    position: relative;
    background: url(https://uidesign.gbtcdn.com/GB/image/2019/20190808_11834/nav.png) center top no-repeat;
    padding-top: 65px;
}


.footer_banner_item img { padding-bottom: 20px;}




.showNavBtn {
    position: fixed;
    top: 220px;
    background: url(https://uidesign.gbtcdn.com/GB/image/2019/20190808_11834/nav-open_03.png) no-repeat;
    width: 32px;
    height: 62px;
    right: 0;
    -webkit-transform: unset;
        -ms-transform: unset;
            transform: unset;
    left: unset;
}


.showNavBtn i {
    display: none;
}

.leftNav_expand {
    background: url(https://uidesign.gbtcdn.com/GB/image/2019/20190808_11834/nav-left-open_03.png) no-repeat;
    width: 32px;
    height: 62px;
}

.leftNav_expand .icon-arrow-right {
    display: none
}

.promotionAd {
    position: relative;
    margin-right: -10px;
}

.promotionAd_wrapper {
    font-size: 0;
    margin-bottom: 10px;
}

.promotionAd_wrapper .promotionAd_item {
    position: relative;
    width: 192px;
    height: 88px;
    margin-right: 10px;
    display: inline-block;
    position: relative;
}

.promotionAd_wrapper .promotionAd_item img {
    width: 192px;
    height: 88px;
}

.promotionAdItem_desc {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
}

.promotionAd_wrapper .promotionAdItem_heading {
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #FCFFB1;
    margin-bottom: 4px;
}

.promotionAd_wrapper .promotionAdItem_subtitle {
    display: block;
    font-size: 14px;
    color: #fff;

}

.promotionAd_item a {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}




/*?????*/
.leftNav_firstItem {height: 88px !important;}
.leftNav-noMargin .leftNav_item:last-of-type{margin-bottom: 10px !important;}
.leftNav_item {
    width: 177px;
    margin:5px 0;
    border-radius: 2px !important;
    background: #7249e3;
    border: 1px solid #a98aff;
    -webkit-box-shadow: 0 0 5px rgb(229, 219, 255, .4) inset;
    box-shadow: 0 0 5px rgb(229, 219, 255, .4) inset;
    padding: 6px 30px;
    padding: 6px 10px 6px 43px;}

.leftNav_item:hover {
    background-color: #ffda00;
    border: 1px solid #ffda00;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 5px rgba(255,255,255,.4) inset;
            box-shadow: 0 0 5px rgba(255,255,255,.4) inset;}
            
.leftNav_item:hover a { color: #7249e3;}

.backToBtn {
    position: absolute; top: 50%; right: -40px; display: inline-block;
    width: auto; margin: 0; margin-top: -35px;}

.backToBtnSpan { width: 32px; height: 62px;
    background: url(https://uidesign.gbtcdn.com/GB/image/2019/20190808_11834/nav-right-close_03.png) no-repeat;
    border-radius: 0;}

.backToBtnSpan i { display: none}

.showNavBtn {
    position: fixed; top: 220px;
    background: url(https://uidesign.gbtcdn.com/GB/image/2019/20190808_11834/nav-open_03.png) no-repeat;
    width: 32px; height: 62px; right: 0;
    -webkit-transform: unset; -ms-transform: unset;transform: unset; left: unset;}


.showNavBtn i {display: none;}

.leftNav_expand { background: url(https://uidesign.gbtcdn.com/GB/image/2019/20190808_11834/nav-left-open_03.png) no-repeat; width: 32px; height: 62px;}

.leftNav_expand .icon-arrow-right {display: none}
.leftNav_item {   
 background-repeat: no-repeat;   background-position: 10px center;}

.leftNav_item-link {width: 134px;text-align: left;}

.leftNav_bottom {
background: #7149e3;border: 1px solid #a98aff;-webkit-box-shadow: 0 0 5px #a98aff inset;box-shadow: 0 0 5px #a98aff inset;}







/*??????*/
.active-list-title{color: #ffffff;font-size: 34px;font-weight: 700;}
.active-list-title{background:url(https://uidesign.gbtcdn.com/GB/image/2019/20190821_12153/t2.png;) top center no-repeat; margin-bottom:0px; height:80px;}
.subjectTitle_more {color: #b08d53;border: 0px solid #b08d53;}


/*view more*/
.viewMoreContainer_a {font-size: 20px;font-family: OpenSans-Bold;color: #ffffff;}
.viewMoreContainer_a {color: #ffffff;}
.viewMoreContainer_a {background: #dc7506;}




/*????*/
.subjectGoodItem.googleTempTwo .goods-discount {background: #f30240;}