.user-title{ background:#000;padding:20px;text-align:center;font-size:30px;color:white;}
.user-title i{font-size:42px;position:absolute;left:0px;top:12px;width:80px;color: white;}

/* product */
.product_ap{background:#fff;padding:20px;}
.web-entry-title {font-size: 24px;}
.web-price{position:relative;}
.web-price .w-ct {text-decoration: line-through;font-size: 14px;color: #999;}
.web-price .price {color: #FF230F;line-height: 40px;float:left;font-size:35px;padding-right: 20px;font-weight: bolder;}
.product_ap .plusprice {background: url(../../images/user/plus_pro.png) no-repeat 0px 13px;padding-left: 72px;color: #000;}
.web-price .open_pm{line-height: 30px; opacity: 0.8;background:#6083c4;color:#fff;padding:3px 12px;border-radius: 6px;font-size:15px;}

.web-price .web-save {color: #fff;float:left;margin-left: 16px;margin-top: 10px;background:#EF6F81;line-height: 34px; border-radius: 6px;padding: 0px 8px;font-size: 20px;}
.list-unstyled-t{padding-top:20px}
.list-unstyled-t .tooltip{display: block;display: block;position: relative; margin-bottom: 31px;}
.list-unstyled-t .tooltip .tooltip-arrow{left: 70px;border-top-color: #d78052;}
.list-unstyled-t .tooltip .tooltip-inner{max-width:100%;background-color: #fff;border:1px solid #d78052;color:#d15412;padding: 16px}

.list-unstyled-t .list-unstyled {line-height: 49px;padding: 10px 0;min-height: 60px;padding-left:30%;}
.list-unstyled-t .list-unstyled.list-price{padding-left: 0;}
.list-unstyled b{position:absolute;display:block;padding-top: 3px;font-weight: normal;left:20px;}
.list-unstyled-t .platform_img img { height:45px;margin-right: 5px;}
.list-unstyled strong {padding-top: 3px;font-weight:normal;}
.list-unstyled .available{padding-top:10px;color:#f60;line-height:25px;font-weight:bold;max-width: 100%;}
.list-unstyled .available .tip{border-radius:5px;background: #f60;font-size:14px;color:#fff;padding:5px;margin-top:10px;position:relative;}
.list-unstyled .available .arrow-up {width:0px; height:0px; border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #f60;font-size:0px;line-height:0px;position:absolute;top: -5px;left: 37px;}
.list-unstyled .in-stock {color: #04b436}

.web-select img{height:28px;margin-right:3px;}

.custom{padding-top:8px}
.i-s{padding-left:12px;float:left;color:#666;line-height: 34px;}
.custom button.items-count{background-color:#fff;border:1px #ececec solid;color:#999;}
.custom button.items-count:hover{background-color:#FFC13A;color:#fff}
.add-to-cart .qty,.qty-holder .qty{background-color:#FFFFFF;border:1px solid #E0E0E0;border-radius:0px;font-weight:bold}
.custom .qty{height:38px;text-align:center;width:100px;vertical-align:top; float:left; border:1px solid #ececec;font-size:20px;}
.qty-input-text{float:left;margin-left:10px}
.custom button.items-count{transition:color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0s;font-size:12px;line-height:0px;padding:0px;height:40px;width:50px;text-align:center;float: left; font-weight:normal; background:#f0f0f0;}
.product-view .product-shop .add-to-box .add-to-cart label{display:inline-block;float:left;margin-top:6px;text-align:left;text-transform:capitalize;font-size:15px;font-weight:normal;margin-right:15px}
.product-view .product-shop .product-options-bottom .add-to-cart label{display:block;float:none;margin-bottom:5px;text-align:left;text-transform:capitalize}
.product-collateral{display:inline-block;width:100%}
.product-collateral .bounceInUp{padding-left:0px}
.product-view .pro_img{z-index:700;position:relative;}
.product-view  .wp-post-image{width:100%}
.product_description{ background:#fff;margin-top:12px;padding:20px;}
.product_description .porcent img{width: 100%;}
.product_description .porcent .detailmodule_text-image span{ word-wrap: break-word;word-break: break-all;white-space: pre-wrap;}
.product_description .product_title{font-weight:bold;padding-bottom:20px;font-size:25px}
.product_description .no_data{height:80px}
.web-button{ background:#fff;position:fixed;bottom:0px;width:100%;padding:16px 0px;box-shadow: -2px 0px 13px rgb(151 151 151 / 50%);}
.web-button .btn,
.web-button .loader-inner{ width:40%;font-size:1.5rem;text-align:center;float: right;line-height:55px;height:60px;opacity: 1;}
.web-button .cm_pm{margin:0px}
.web-button .cm_pm i{font-size:46px;}
.web-button .cm_pm .loader-inner {display:none}
.web-button .cm_pm .loader-inner i {font-size: 33px;padding: 6px 20px;margin-top: 7px;}
.web-button .cm_pm .loader-inner{position:absolute;right:0px;top:16px}
.web-button .cm_pm .add,
.web-button .cm_pm .collect{margin-top:11px;width:70px;margin-left:6px;}
.web-button .cm_pm .pitch .fa-check-circle{display:block;z-index: 9;left:68px;color: #000;top: 2px;}
.web-button .cm_pm .pitch .default-login span{display:none}
.porzoom .collect{color: #fff;}
.porzoom .collect .fa-heart, .collect .fa-check-circle{position: absolute;top: 0px;left: 5px;display: none;}
.porzoom .collect .active .fa-heart{display: block;}
.porzoom .collect .active .fa-heart-o{display: none;}

.porzoom{background: #484848;height: 420px;position: relative;}
.porzoom .web-save{position: absolute;color: #fff;right: 30px;background: #FF230F;font-size: 16px;width: 50px;height: 50px;border-radius: 50px;line-height: 50px;text-align: center;}
.porzoom img{width: 225px;max-height:472px;position:relative;left:50%;margin-left: -113px;border-radius: 30px;margin-top:10px;box-shadow: 3px 6px 11px 0px rgb(0 0 0 / 40%);}
.return{ padding-left:12px; padding-top:12px;cursor: pointer;opacity: 0.6;}
.return a{color:#fff;}

/*pcomment*/
.pcomment{width: 100%;}
.pcomment .p-title{position: relative;background-color: #fff;text-align: center;width: 100%;height: 60px;line-height: 60px;}
.pcomment .p-title:after{content: "";position: absolute;left: 0;bottom: 0;background-color: #ccc;width: 100%;height: 1px;}
.pcomment .p-title a{position: absolute;left: 10px;top: 0;width: 1.1733rem;height: 1.1733rem;}
.pcomment .p-result{height:230px;width: 100%;background-color: #fff;padding-left: 10%;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;}
.pcomment .p-score{-webkit-box-orient: vertical;-webkit-box-direction: normal;flex: 2.8rem 0 0;flex-direction: column;}
.pcomment .p-score strong{margin-bottom: .2rem;font-size: 25px;font-weight: 700;display: block;text-align: center;}
.pcomment .p-score .p-star{display: inline-flex;-webkit-box-align: center;align-items: center;color: #e0e0e0;}
.pcomment .p-score .p-star .active{color: #ff8a00;}
.pcomment .p-result .star-percent{display: block;margin-left: 40px;width: 60%;}
.pcomment .p-result .star-percent ul{width: 100%;}
.pcomment .p-result .star-percent ul li{width: 100%;position: relative;}
.pcomment .p-result .star-percent ul li span{display: inline-block;margin-top: -5px;}
.pcomment .p-result .star-percent ul li span:first-child{}
.pcomment .p-result .star-percent ul li span.bar{width: 160px;height: 5px;background-color: #dcdcdc;top:26px;left: 68px;}
.pcomment .p-result .star-percent ul li span.active{background-color: #ff8a00;position: absolute;}
.pcomment .p-sort{margin-bottom:15px;display: flex;-webkit-box-align: center;align-items: center;background: #fff;padding-left: 8%;height: 74px;}
.pcomment .p-sort>div{-webkit-box-pack: center;justify-content: center;margin-right: .2667rem;padding: 0 .2667rem;height: 50px;border: 1px solid #999;border-radius: 4px;width: 100px;text-align: center;line-height: 50px;margin-right: 20px;}
.pcomment .p-sort .active{background-color: #ffda00;border-color: #ffda00;}
.pcomment .p-review{width: 100%;}
.p-review .p-item{border-bottom: 1px solid #e0e0e0;padding: 20px;background-color: #fff;overflow: hidden;}
.p-review .p-item .item-head{padding-bottom: 15px;display: flex;}
.p-review .p-item .item-img{width: 40px;height: 40px;flex-shrink: 0;display: block;margin-right: .2667rem;border-radius: 50%;overflow: hidden;}
.p-review .p-item .item-img img{width: 100%;height: 100%;}
.p-review .p-item .item-star span.fa{color: #e0e0e0;}
.p-review .p-item .item-star span.active{color: #ff8a00;}
.p-review .p-item .item-cont{color: #999;font-weight: 400;word-wrap: break-word;font-size: 14px;}
.p-review .p-item .item-imgs{width: 100%;}
.p-review .p-item .item-imgs li{float: left;margin-right: 20px;width: 150px;height: 150px;}
.p-review .p-item .item-imgs li img{width: 100%;height: 100%;}

.detail-title{position: relative;background-color: #fff;width: 100%;height: 60px;line-height: 60px;font-size: 24px;padding-left: 15px;    font-weight: 600;margin-top: 12px;}
.detail-title:after{content: "";position: absolute;left: 0;bottom: 0;background-color: #ccc;width: 100%;height: 1px;}
.detail-title a{position: absolute;right: 24px;top: 0;width: 1.1733rem;height: 1.1733rem;}

.detail-score{display: inline-block;position: relative;right: -27%;}
.detail-score strong{margin-bottom: .2rem;font-size: 24px;font-weight: 700;display: inline-block;text-align: center;}
.detail-score .detail-star{display: inline-block;color: #e0e0e0;}
.detail-score .detail-star .active{color: #ff8a00;}
.write-review{background-color: #fff;width: 100%;height: 60px;line-height: 60px;font-size: 24px;border-top: 1px solid #ccc;text-align: center;}
.write-review span{margin-left:10px;}

/*wcomment*/
.w-content{width: 100%;border: 1px solid #eee;border-radius: 4px;overflow: hidden;background-color: #fff;}
.w-content .w-left{width: 100%;border-bottom: 1px solid #eee;padding: 20px;}
.w-content .w-right{width: 100%;border-left:  1px solid #eee;}
.w-content .w-left .base-info{height: 100px;width: 100%;}
.w-content .w-left .base-info .base-img{width:100px;overflow: hidden;float: left;}
.w-content .w-left .base-info .base-img img{width: 100px;}
.w-content .w-left .base-info .w-title{line-height: 20px;margin-bottom: 15px;float: left;font-size: 20px;width: 70%;margin-top: 10px;}
.w-content .w-left .base-info .w-price{width: 70%;float: left;line-height: 20px;font-size: 24px;color: #f30240;font-weight: 700;}
.w-content .w-left .goods-rating>span:first-child{margin-right: 10px;font-size: 20px;line-height: 22px;vertical-align: middle;display: inline-block;}
.w-content .w-left .goods-rating .w-star{margin-right: 10px;font-size: 20px;line-height: 22px;vertical-align: middle;display: inline-block;}
.w-content .w-left .goods-rating .w-star span{color: #e0e0e0;}
.w-content .w-left .goods-rating .w-star span.active{color:#ff8a00;}
.w-content .w-left .goods-rating>span:last-child{margin-right: 10px;font-size: 20px;vertical-align: middle;line-height: 22px;}
.w-content .w-right>ul{overflow: hidden;width: 100%;}
.w-content .w-right>ul>li{width: 100%;overflow: hidden;margin-bottom: 10px;position: relative;}
.w-content .w-right>ul>li .w-key{font-size: 20px;}
.w-content .w-right>ul>li .w-key i{color:#ec0e0e;}
.w-content .w-right>ul .w-rating .w-key{float: left;}
.w-content .w-right>ul .w-rating .w-star{float: left;margin-left:24px;position: relative;top: 2px;}
.w-content .w-right>ul .w-rating .w-star span{font-size: 20px;color: #e0e0e0;margin-right: 10px;}
.w-content .w-right>ul .w-rating .w-star span.active{color: #ff8a00;}
.w-content .w-right>ul .form_data{display: inline-block;box-sizing: border-box;padding: 0 15px;width: 100%;height: 40px;border: 1px solid #ddd;font-size: 20px;color: #000;outline: 0;margin: 10px 0;}
.w-content .w-right>ul .form_textarea{height:300px;display: block;box-sizing: border-box;padding: 9px 20px;width: 100%;border: 1px solid #ddd;font-size: 20px;color: #000;outline: 0;resize: vertical;margin: 10px 0;}
.w-content .w-right>ul .form_placeholer{position: absolute;top: 36px;left: 0;box-sizing: border-box;width: 100%;padding: 9px 20px;overflow: hidden;font-size: 20px;line-height: 1.6;color: #999;z-index: 1;}
.w-content .w-right>ul .upload-asset{}
.w-content .w-right>ul .upload-asset .navigate{height: 50px;}
.w-content .w-right>ul .upload-asset .navigate div{height:100%;padding: 0px 10px;border-bottom: 3px solid #ffda00;line-height: 48px;font-size: 20px;font-weight: 700;color: #000;}
.w-content .w-right>ul .upload-asset .upload-img{width: 100%;padding-top: 10px;overflow: hidden;}
.w-content .w-right>ul .upload-asset .upload-img .img-already{cursor:pointer;display: inline-block;width: 100px;height: 100px;overflow: hidden;position: relative;margin-right: 10px;}
.w-content .w-right>ul .upload-asset .upload-img .img-already img{width: 100%;height: 100%;}
.w-content .w-right>ul .upload-asset .upload-img .img-already .mask{font-size: 20px;position: absolute;top: 0;right: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6);color: #fff;text-align: center;line-height: 100px;opacity: 1;transition: opacity .2s ease;}
.w-content .w-right>ul .upload-asset .upload-img .add-img{text-align: center;line-height: 100px;display: inline-block;width: 100px;height: 100px;overflow: hidden;position: relative;color: #666;font-size: 24px;    border: 1px dashed #ddd;cursor: pointer;}
.w-content .w-right>ul .upload-asset .upload-hint{font-size:20px;line-height: 22px;}
.w-content .w-right>ul .s-review{font-family: sans-serif;font-weight:600;height: 40px;padding: 0 30px;line-height: 40px;font-size:24px;text-align: center;background: #ffda00;color: #000;cursor: pointer;outline: none;transition: all .2s ease;position: relative;box-sizing: border-box;width: 190px;margin-top: 20px;}

.w-content .w-right>ul .submit-review{position: relative;}

/* end-time  */
.web-price .end-time{padding-top:12px;width:200px;}
.web-price .end-time li{float:left;}
.web-price .end-time .special{padding-bottom: 2px;text-align: right;padding-right: 39px;height:26px;line-height: 11px;}
.web-price .end-time .special span{font-size:1.2rem;background:#e87874;color:#fff;border-radius:5px;padding:0px 5px;}
.web-price .end-time li p{font-size:12px;text-align: center;}
.web-price .end-time .time_box{display:flex;justify-content:flex-start;align-items:center;width:100%;height:20px}
.web-price .end-time .sales{padding-right: 6px;line-height:30px;float: left;line-height:32px;}
.web-price .end-time .sales span{font-size:14px;}
.web-price .end-time .end-in{width:50px;color:#d5d6da;font-size:14px;float:left}
.web-price .end-time .end-in{width:50px;color:#d5d6da;font-size:14px;float:left}
.web-price .end-time .end-number{color:#fff;font-size:18px;margin-bottom:2px;}
.web-price .end-time .end-number li {height:30px;line-height:30px;min-width: 30px;background-color:#D4682E;opacity:.8;border-radius:5px;font-size: 16px;text-align: center;}
.web-price .end-time .end-number .esymbol { line-height: 28px;color: #000; padding: 0px;background-color: transparent; width: 10px; text-align: center; padding: 0px; min-width: 10px;}

/* contli-discount-price */
.web-price .contli-discount-price{margin-top: 15px;position: relative;left: 30%;}
.contli-discount-price b{left: -170px;}
.contli-discount-price .copy-discount {position: relative;right: 0px;}
.contli-discount-price .copy-discount .btncopy {height: 87px;z-index: 1;color: rgb(255, 255, 255);width: 310px;padding-left: 16px; position: relative; font-weight: bold;right: -50px;top: 66px;background: url(../../../images/code.png) no-repeat;}
.contli-discount-price .copy-discount .btncopy .extra {width: 270px;padding-top: 9px;font-weight: normal;padding-left: 24px;cursor: pointer;}
.contli-discount-price .copy-discount .btncopy .cop-to {position: absolute;top: 38px;left: 40px;color: rgb(255, 255, 255);font-size: 20px;height: 25px;width: 150px;text-align: center;line-height: 17px;overflow-wrap: break-word;}
.contli-discount-price .copy-discount .btncopy span {width: 70px;font-size: 20px;font-weight: bold;line-height: 19px;color: rgb(255, 234, 0);margin-left:-37px;background: transparent;border-width: 0px;border-style: initial;border-color: initial;border-image: initial;outline: medium;top: 38px;position: absolute;}

/* discount-coupons */
.dis-title{margin-top: 15px;width: 100%;padding-left: 15px;}
.discount-warp{padding:12px;padding-top:6px}
.discount-warp .discount-code{display: flex;height:37px;margin-top:3px;position: relative;}
.discount-warp .discount-code .tips{left:8px;}
.discount-warp .discount-code .discount-warp .form-control {width: auto;}
.discount-warp .discount-code .form-control{width: 45%;float: left;height: 38px;}
.discount-warp .discount-code .btn{border-radius: 4px; line-height: 0px}
.discount-warp .incent-warp{display: flex;flex-wrap: wrap;}

.field-title{padding-top: 12px}
.field-container{position: relative;}
.field-container .tips, .field-container .tips_yes { margin-top: 13px;padding: 7px 9px}

.web-entry-title .ptb-sic{position: relative;top: -3px;}
.web-entry-title .ptb-sic span{border-radius: 50px;color: #fff;font-size: 12px;padding:0px 6px;}
.web-entry-title .ptb-sic .pt-cs{ background:#f60;}
.web-entry-title .ptb-sic .pt-so{background:#507CBE;}
.web-entry-title .ptb-sic .pt-hot{background:#F75263}
.web-entry-title .ptb-sic .pt-new{background:#22916D}

.pro-block{background: #fff;}
.wap-title-d {padding: 15px;font-weight: 600;margin-top: 12px;font-size: 1.5rem;}
.slider-items-products {padding: 0px 10px;}
.slider-items-products ul {display: flex;flex-wrap: wrap;justify-content: space-between;}
.slider-items-products>ul>li {border-radius: 6px;position: relative;background-color: #F7F7F7;width:32%;margin-bottom: 10px;}
.slider-items-products ul li .product-img {display: block;width: 100%;}
.slider-items-products ul li .product-img img {width: 100%;}
.slider-items-products .product-name {line-height: 20px;color: black;margin: 5px 0px;height: 36px;text-align: left;padding: 6px;font-size: 1.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: 600;}
.slider-items-products .web-money{line-height: 25px;padding: 5px;}
.slider-items-products .web-money .price-now {display: block;font-size: 1.4rem;color:#ec0e0e;font-weight: 700;}
.slider-items-products .web-money .price {display: block;font-size: 1rem;color: #666;text-decoration: line-through;}
.cm_pm .default-login{display: flex;align-items: center;background: #FFC526;height: 76px;line-height: 60px;text-align: center;width: 200px;position: relative;top: -8px;border: none;justify-content: center;outline: none;box-shadow: none;color: #000;border-radius: 5px;}
.cm_pm .default-login i{padding: 0;}
.cm_pm .default-login i span{font-size: 1.5rem;position: relative;top: -5px;padding-left: 10px;}