:root{
  --ogc: #ff4215;
  --whc: #fff;
	--c3: hsla(0,0%,20%,1);
	--atc3: hsla(0,0%,20%,.6);
	--c6: hsla(0,0%,40%,1);
	--atc6: hsla(0,0%,40%,.6);
	--c8: hsla(0,0%,53%,1);
	--atc8: hsla(0,0%,53%,.6);
	--c9: hsla(0,0%,60%,1);
	--atc9: hsla(0,0%,60%,.6);
	--atbg: rgba(0,0,0,.05);
  --bd: 1px solid #e4e7ea;
  --bdc: #e4e7ea;
	--p: 0 .6rem;
}


.rgt{margin: 0 3px 0 5px; display: inline-block; content: ""; width: 6px; height: 6px; border-width: 2px 2px 0 0; border-style: solid; border-color: #c8c8c8; -webkit-transform: rotate(45deg) skew(5deg,5deg); transform: rotate(45deg) skew(5deg,5deg); -webkit-transition-duration: .3s; transition-duration: .3s; vertical-align: 1px;}
.wh.rgt{border-color: #fff;}


.close-mico{display: inline-block; width: 20px; height: 20px; background-image: -webkit-linear-gradient(0deg, #d3d3d3, #d3d3d3), -webkit-linear-gradient(0deg, #d3d3d3, #d3d3d3); background-image: linear-gradient(90deg, #d3d3d3, #d3d3d3), linear-gradient(90deg, #d3d3d3, #d3d3d3); background-repeat: no-repeat; background-position: 50% 50%; background-size: 80% 2px, 2px 80%; border-radius: 50%; vertical-align: top; -webkit-transform: rotate(45deg); transform: rotate(45deg);}


.mbox{margin: 20px 0; display: block; padding: 1px 20px; border-radius: 10px; background-color: #fff;}


.product-rates{margin-bottom: 15px; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding-top: 15px; line-height: 20px; border-top: 1px dotted var(--bdc);}
.product-rates-head{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; padding-left: 40px;}
.product-rates-head .tt{font-size: 16px; color: var(--c3); font-weight: bold;}
.product-rate-item{position: relative; display: block; text-align: center; padding: 0 10px; min-width: 120px; font-size: 14px; color: var(--c8);}
.product-rate-item + .product-rate-item::before{position: absolute; left: 0; top: 50%; margin-top: -14px; display: block; content: ''; height: 28px; line-height: 0; font-size: 0; border-left: var(--bd);}
.product-rate-item .dt, .product-rate-item .dd{display: block; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.product-rate-item .dd{line-height: 30px;}
.product-rate-item .val{line-height: 1.2; font-size: 22px; color: var(--c3); font-weight: bold;}


.shop-rates{margin: 10px 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 10px; line-height: 20px; font-size: 14px; color: var(--c6); background-color: #fafbfc; border-radius: 10px;}

.shop-rates-head{margin-left: 20px; display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; }
.shop-rate-name{margin-bottom: 5px; font-size: 16px; color: var(--c3); font-weight: bold;}
.shop-rate-score{font-size: 16px; color: var(--ogc); font-weight: bold;}
.shop-rate-item{display: block; min-width: 130px;}
.shop-rate-item .val{color: var(--ogc);}
.shop-rate-item .low{color: #07b56d;}

.smcore, .smscore-data{height: 1em; font-size: 20px; background-image: url(../images/icon/smscore.png); background-repeat: repeat-x;}
.smcore{margin-right: 5px; position: relative; display: inline-block; width: 5em; line-height: 0; background-position: 0 0; vertical-align: bottom;}
.smscore-data{position: absolute; top: 0; left: 0; background-position: 0 -1em;}

.scrcmt-pic{margin: 15px 0; position: relative; display: block; width: 100%; height: 110px; overflow: hidden;}
.scrcmt-pic-container{position: absolute; top: 0; left: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 110px; -webkit-transition-duration: 1s; transition-duration: 1s;}
.open.scrcmt-pic-container{-webkit-transform: translateX(-1100px); transform: translateX(-1100px);}
.scrcmt-pic-normal, .scrcmt-pic-details{height: 110px;}
.scrcmt-pic-normal{display: block; width: 1100px;}
.scrcmt-pic-details{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 1080px;}
.scrcmt-pic-ctls{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; text-align: center;}
.scrcmt-pic-details .bd{width: 950px; height: 110px; overflow: hidden;}

.scrcmt-pic-container .goods-thumb-list{margin: 0;}
.scrcmt-pic-container .goods-thumb-list>li{margin-top: 0; margin-bottom: 0; cursor: pointer;}
.scrcmt-pic-normal .goods-thumb-list>li{margin-left: 10px; margin-right: 0;}


.scrcmt-pic-switch{margin-right: 10px; position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; -webkit-justify-content: center; justify-content: center; padding: 5px 4px 5px 30px; text-align: center; width: 60px; height: 110px; line-height: 1.1; font-size: 16px; color: var(--whc); background: url(../images/icon/scrcmt-pic-switch.png) 0 0 no-repeat; background-size: cover; cursor: pointer;}
.scrcmt-pic-switch::before{content: attr(data-before);}
.scrcmt-pic-switch::after, .scrcmt-pic-ctls .arrow::before{position: absolute; left: 16px; top: 50%; margin-top: -3px; display: block; content: ""; width: 6px; height: 6px; -webkit-box-sizing: border-box; box-sizing: border-box; border-width: 2px 2px 0 0; border-style: solid; border-color: var(--c); -webkit-transform: rotate(-135deg) skew(5deg,5deg); transform: rotate(-135deg) skew(5deg,5deg); -webkit-transition-duration: .3s; transition-duration: .3s;}
.open.scrcmt-pic-container .scrcmt-pic-switch::after{left: 14px; -webkit-transform: rotate(45deg) skew(5deg,5deg); transform: rotate(45deg) skew(5deg,5deg);}
.open.scrcmt-pic-container .scrcmt-pic-switch::before{content: attr(data-after);}

.scrcmt-pic-ctls{margin-left: 10px; display: block; text-align: center;}
.scrcmt-pic-ctls .ctl{margin: 10px 0; position: relative; display: block; text-align: center; padding-top: 2px; padding-bottom: 2px; height: 36px; line-height: 30px; font-size: 16px; color: var(--c); border: 1px solid #dce7ff; border-radius: 20px;}
.scrcmt-pic-ctls .ctl:not(.prevStop):not(.nextStop):hover{color: var(--whc); background-color: var(--c); background-image: -webkit-linear-gradient(0deg, #5b8dff, #6b64ff); background-image: linear-gradient(90deg, #5b8dff, #6b64ff);}
.scrcmt-pic-ctls [class*="Stop"].ctl{color: var(--c8); border-color: #ccc;}
.scrcmt-pic-ctls .prev{padding-left: 32px; padding-right: 5px;}
.scrcmt-pic-ctls .next{padding-right: 32px; padding-left: 5px;}
.scrcmt-pic-ctls .arrow{position: absolute; top: 3px; left: 3px; display: block; width: 28px; height: 28px; background-color: #edf3ff; border-radius: 50%;}
.scrcmt-pic-ctls .arrow::before{left: 50%; margin-left: -4px; margin-top: -5px; width: 10px; height: 10px;}
.scrcmt-pic-ctls .ctl:not(.prevStop):not(.nextStop):hover .arrow{background-color: #fff;}
.scrcmt-pic-ctls [class*="Stop"].ctl .arrow{background-color: #ccc;}
.scrcmt-pic-ctls [class*="Stop"].ctl .arrow::before{border-color: var(--c8);}
.scrcmt-pic-ctls .next .arrow{left: auto; right: 3px;}
.scrcmt-pic-ctls .next .arrow::before{margin-left: -6px; -webkit-transform: rotate(45deg) skew(5deg,5deg); transform: rotate(45deg) skew(5deg,5deg);}


.pushgoods-list{margin: 20px 0; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0 25px;}
.pushgoods-item{margin: 10px 0; display: block; width: 32%;}
.pushgoods-item:not(:nth-child(3n)){margin-right: calc(4% / 2);}
.file_look_ul .pushgoods-item .box_w{margin-left: 0; padding-left: 20px; padding-right: 20px;}

.goods-thumb-list{margin-top: 20px; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.goods-thumb-list>li{margin-bottom: 10px; margin-right: 10px; position: relative; display: block; width: 110px; height: 110px; border-radius: 10px; overflow: hidden;}
.goods-thumb-list>.active::before{position: absolute; z-index: 2; top: 0; left: 0; display: block; content: ""; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--c); border-radius: 10px;}
.goods-thumb-list>.active::after{position: absolute; z-index: 3; top: 0; right: 0; display: block; content: ""; width: 1em; height: 1em; font-size: 20px; background: url(../images/icon/mico.png) 0 -6em no-repeat; background-size: 2em auto;}

.goods-thumb-list-3.goods-thumb-list>li:nth-child(3n){margin-right: 0; margin-bottom: calc(50% - 165px);}
.goods-thumb-list-3.goods-thumb-list>li:not(:nth-child(3n)){margin-right: calc(50% - 165px); margin-bottom: calc(50% - 165px);}
.goods-thumb-list img{position: relative; display: block; width: 100%; min-height: 100%;}
.goods-thumb-list__100>li{width: 100px; height: 100px;}
.goods-thumb-list-3.goods-thumb-list__100>li:nth-child(3n){margin-right: 0; margin-bottom: calc(50% - 150px);}
.goods-thumb-list-3.goods-thumb-list__100>li:not(:nth-child(3n)){margin-right: calc(50% - 150px); margin-bottom: calc(50% - 150px);}
.goods-thumb-list__70{margin-top: 10px;}
.goods-thumb-list__70>li{width: 70px; height: 70px; border-radius: 4px;}

/*滚动条高度*/
.scrollHeight360, .scrollHeight470, .scrollHeight600,.scrollHeight260{display: block; overflow-x: hidden; overflow-y: scroll;}
.scrollHeight360{height: 360px;}
.scrollHeight470{height: 470px;}
.scrollHeight600{height: 600px;}
.scrollHeight260{height: 260px;}


.pintrside{position: absolute; z-index: 5; top: 0; right: 0;}
.in8.pintrside{top: 8px; right: 8px;}

.boxmt{position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; text-align: left; padding: 0 40px; min-height: 55px; border-bottom: var(--bd);}
.boxmt-cnt{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; }
.boxmt-title{font-size: 16px; color: var(--c3);}
.boxmt-title .small{font-size: 14px; color: var(--c9);}
.boxmt-btn{display: inline-block; padding: 10px; height: 40px; line-height: 20px; font-size: 14px;}



.cmtpop{background-color: rgba(0,0,0,.3);}
.cmtpop .cmtpop-container{ position: absolute; left: 50%; top: 50%; margin-left: -400px; margin-top: -415px; width: 800px; background-color: #fff; border-radius: 10px; -webkit-transform: translateY(-50%) scaleY(1.2); transform: translateY(-50%) scaleY(1.2);}
.is-visible.cmtpop .cmtpop-container{-webkit-transform: translateY(-50%) scaleY(1); transform: translateY(-50%) scaleY(1);}

.cmt-box{padding-left: 40px; padding-right: 40px;}
.cmt-tags{margin: 20px 0 20px -10px; position: relative; display: -webkit-box; display: flex; line-height: 20px; font-size: 16px; color: var(--c3);}
.cmt-tags>li,.cmt-tags dd a{margin-left: 10px; margin-bottom: 10px; text-align: center; padding: 8px 10px; height: 36px; box-shadow: 0 0 0 1px #e6e6e6; border-radius: 6px; cursor: pointer;}
.cmt-tags dd a:hover{ color:#333;}
.cmt-tags dd .tab_light:hover{ color:#fff;}
.cmt-tags dd a{ display:inline-block;}
.cmt-tags>.selected,.cmt-tags dd .tab_light{color: var(--whc); background-color: var(--ogc); background-image: -webkit-linear-gradient(0deg, #ff6742, #ff9332); background-image: linear-gradient(90deg, #ff6742, #ff9332); box-shadow: none;}
.cmt-item{margin-bottom: 20px; display: block; text-align: left; padding: 1px 20px; background-color: #f7f7f7; border-radius: 8px;}
.cmt-para{margin: 15px 0; font-size: 16px; color: #4c4c4c;}
.cmt-info{margin-bottom: 15px; font-size: 14px; color: var(--c9);}

/*间距*/
.box_pd10{ padding-bottom:10px;}

/*小图标*/
.note_icon{ width:16px; height: 16px; margin-right: 5px; background-image: url("../images/note_icon.png");}
/*复制图标*/
.copy_icon{ background-position: 0 -60px;}

/*color*/
.orange_text2{ color:#ff6d40;}


.adderror-pop{background-color: rgba(0,0,0,.3);}
.adderror-pop .adderror-pop-container{ position: absolute; left: 50%; top: 50%; margin-left: -350px; margin-top: -300px; width: 700px; padding: 0; background-color: #fff; border-radius: 10px; -webkit-transform: translateY(-50%) scaleY(1.2); transform: translateY(-50%) scaleY(1.2);}

.adderror-box { padding: 30px 40px;}
.adderror-box .item { margin-bottom: 10px; position: relative; padding-left: 74px;}
.adderror-box .item .tit{ position: absolute; left: 0; top: 0; line-height: 30px; color: #333333; }
.adderror-box .item .con { line-height: 30px;}
.adderror-box .item .con .t { color: #5086ff;}
.adderror-box .item .con .select { display: block; border: 1px #e6e6e6 solid; width: 240px; background: url(../images/02.png) 214px center no-repeat; height: 30px; line-height: 28px; border-radius: 3px; text-indent: 14px;}
.adderror-box .item .con .textarea { display: block; border: 1px #e6e6e6 solid; width: 420px; height: 160px; line-height: 24px; border-radius: 3px; padding: 10px 14px;}
.adderror-box .item .tip { color: #ff4215;}

.adderror-box .piclist { padding: 0 0 1px 0;}
.adderror-box .piclist ul li{ float: left; margin-right: 10px; margin-bottom: 10px; width: 108px; height: 108px; position: relative;}
.adderror-box .piclist ul li img{ display: block; width: 108px; height: 108px; }
.adderror-box .piclist ul li .del{ display: block; position: absolute; right: 0; top: 0; width: 24px; height: 24px; background: url(../images/close.png) center bottom no-repeat rgba(0,0,0,0.5); cursor: pointer; }
.adderror-box .piclist ul li .addbtn { display: block; width: 108px; height: 108px; border-radius: 3px; border: 1px #cccccc dashed; background: #fafafa; padding-top: 30px; text-align: center; line-height: 36px; color: #878787;}
.adderror-box .piclist ul li .addbtn i { display: block; position: relative; width: 24px; height: 24px; margin: 0 auto;}
.adderror-box .piclist ul li .addbtn i:before { display: block; content: ''; position: absolute; left: 0; top: 50%; right: 0; height: 2px; margin-top: -1px; background: #333333;}
.adderror-box .piclist ul li .addbtn i:after { display: block; content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; margin-left: -1px; background: #333333;}
.adderror-box .piclist ul li .addbtn:hover { background-color: #f4f4f4; color: #333;}
.adderror-box .piclist:after { display: block; content: ''; clear: both;}
.adderror-box .btnbox { padding: 10px 0 20px 74px;}
.adderror-box .btnbox .btn{ display: block; width: 180px; height: 48px; line-height: 48px; border-radius: 24px; font-size: 16px; text-align: center; color: #fff; font-weight: bold; cursor: pointer; border: none;}
.adderror-box .btnbox .btn:hover { -moz-transform:translateY(-5px);-webkit-transform:translateY(-5px);transform:translateY(-5px);}


.scrollbar::-webkit-scrollbar{display: block; width: 6px; height: 6px; overflow-y: scroll; overflow-x: hidden;}
.scrollbar::-webkit-scrollbar-thumb{border-radius: 10px;}
.scrollbar:hover::-webkit-scrollbar-track{background-color: rgba(0,0,0,0);}
.scrollbar:hover::-webkit-scrollbar-thumb{background-color: #e6e6e6;}