html { overflow-y: auto; }
body { font: 12px/1.5 Microsoft YaHei, Helvetica, Tahoma, Arial, "宋体b8b\4f53", sans-serif; color: #333 }

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
a { margin: 0; padding: 0; }

a:visited,
a:hover,
a:active { text-decoration: none; }

a { color: #333; text-decoration: none; cursor: pointer; }

a:hover { color: #f50; }

.show { display: block; }
.hide { display: none; }
ul, ol { list-style: none; }
input, button { outline: none; }

.cleafix { clear: both; zoom: 1; }
.cleafix:after { display: block; clear: both; height: 0; content: "\0020"; visibility: hidden; }
.cfx { clear: both; zoom: 1; }
.cfx:after { display: block; clear: both; height: 0; content: "\0020"; visibility: hidden; }


img { -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear; border: 0; vertical-align: middle; }
span,
h3 {
    font-weight: normal;
}

em {
    font-style: normal;
}

.w100 { width: 100%; }
.w1200 { width: 1200px; margin: 0 auto; }
.w1400 { width: 1400px; margin: 0 auto; }
.fl { float: left; }
.fr { float: right; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mr4 { margin-right: 4px; }
.mt4 { margin-top: 4px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.pl { position: relative; }
.ml6 { margin-left: 6px; }
.pl { position: relative; }
.p10 { padding: 10px; }
.nof { float: none; }
.pt10 { padding-top: 10px; }
.dib { display: inline-block }
.db { display: block; }
.dn { display: none; }

.qcc-bg-white { background: #fff; }
.qcc-bg-lgr { background-color: #F5F5F8 }
.qcc-bg-lgf5{ background-color: #F5F5F5 }
.qcc-bg-pb60 { padding-bottom: 60px }

textarea{ outline: 0; }
/* 字体图标 */
.ebuyIcons { width: 1em; height: 1em; fill: currentColor; overflow: hidden }
.svg-Icon { font-size: 20px }

/* 修改layui 260415*/
/* layer.alert  单一按钮*/
.alertCf50Btn a.layui-layer-btn0 { border-color: #f50; background-color: #f50; }


/* 顶通 */
.minNav{background-color: #fff;min-width: 1400px;}
.minNav .topbar{display: flex; align-items: center;}
.minNav .inlist{display: inline-flex;height: 60px;align-items: center;}
.minNav .inlist .item{display: inline-flex;height: 24px;margin-right: 50px;align-items: center;position: relative;}
.minNav .inlist .item .lk{color: #333;font-weight: bold;margin-right: 20px;}
.minNav .inlist .item:last-of-type{margin-right: 0;}
.minNav .inlist .item::before {width: 1px;height: 16px;background: #E5E5E5;display: inline-block;margin-right: 50px;content: "";}
.minNav .inlist .item:first-of-type::before{display: none;}
.minNav .rigbox{display: inline-flex;height: 60px;align-items: center;margin-left: auto;}
.minNav .rigbox .item{display: inline-flex;width: 24px;height: 24px;margin-right: 15px;align-items: center;position: relative;z-index: 7;}
.minNav .rigbox .item .bar-icon{color:#333}
.minNav .rigbox .item .bar-icon:hover{color: #f50;}
.minNav .rigbox .item:last-of-type{margin-right: 0;}

.minNav .rigbox .item .line{    position: absolute; top: -17px; left: 0; width: 100%; height: 20px;}
.minNav .rigbox .item .uldrop {position: absolute;top: 32px;min-width: 240px;background: #fff;border: 1px solid #e6e6e6;padding: 0 20px;box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.16);border-radius: 8px 8px 8px 8px;box-sizing: border-box;opacity: 0;transition: all .2s;pointer-events: none;transform: translateX(-50%) translateY(20px);}
.minNav .rigbox .item .uldrop .inhd{display: flex;align-items: center;justify-content: center;height: 60px;padding-top: 10px;border-bottom: 1px solid #E5E5E5;}
.minNav .rigbox .item .uldrop .inhd span{font-size: 20px;color: #333;font-weight: bold;}
.minNav .rigbox .item .uldrop .inItem{padding: 10px;}
.minNav .rigbox .item .uldrop .inItem li a{display: flex;align-items: center;height: 28px;color: #333;font-size: 14px;}
.minNav .rigbox .item .uldrop .inItem li a:hover{color: #f50;}


.minNav .rigbox .item:hover .uldrop{opacity: 1;pointer-events: auto;transform:translateX(-50%) translateY(0);}

/*  顶通  Language */
.minNav .rigbox .lanItem .uldrop{transform:translateX(-90%) translateY(20px);}
.minNav .rigbox .lanItem .uldrop .inhd{justify-content: flex-start;}
.minNav .rigbox .lanItem .uldrop .inItem{padding: 20px 0;}
.minNav .rigbox .lanItem .uldrop .inItem li{width: 190px;margin-top: 16px;border-radius: 4px 4px 4px 4px;border: 1px solid #E5E5E5;height: 40px;box-sizing: border-box;padding-left: 10px;transition: all .1s;}
.minNav .rigbox .lanItem .uldrop .inItem li:first-of-type{margin-top: 0;}
.minNav .rigbox .lanItem .uldrop .inItem li a{display: flex;align-items: center;height: 38px;color: #333;font-size: 14px;}
.minNav .rigbox .lanItem .uldrop .inItem li .icon{display: inline-flex;width: 24px;height: 24px;align-items: center;justify-content: center;margin-right: 9px;}
.minNav .rigbox .lanItem .uldrop .inItem li .icon svg{width: 24px;height: 24px;}
.minNav .rigbox .lanItem .uldrop .inItem li:hover{border-color: #f50;}
.minNav .rigbox .lanItem:hover .uldrop{opacity: 1;pointer-events: auto;transform:translateX(-90%) translateY(0);}

/* 头部搜索栏 */
.inNavCard{background-color: #1F1F1F;min-width: 1400px;padding: 26px 0;}
.inNavCard{position: relative;z-index: 5;}
.inNavCard .topCard{display: flex;align-items: center;}
.inNavCard .q_logo{height: 48px;}
.inNavCard .q_logo .alogo{display: inline-flex;align-items: center;}
.inNavCard .q_logo .alogo .icon{width: 48px;height: 48px;display: inline-flex;align-items: center;justify-content: center;margin-right: 10px;color: #333;}
.inNavCard .q_logo .alogo .icon svg{width: 48px;height: 48px;}
.inNavCard .q_logo .alogo .doicon{display: inline-flex;align-items: center;width: 108px;height: 48px;color: #FFFFFF;}
.inNavCard .q_logo .alogo .doicon svg{width: 108px;height: 48px;}

.inNavCard .listbox{display: inline-flex;align-items: center;}
.inNavCard .listbox li{margin-left: 60px;display: flex;align-items: center;height: 24px;font-size: 18px;}
.inNavCard .listbox li a{color: #fff;}
.inNavCard .listbox li a:hover{color: #f50;}

.inNavCard .searchbd{margin-left: auto;display:flex;width: 360px;background: #FFFFFF;border-radius: 28px 28px 28px 28px;align-items: center;}
.inNavCard .searchbd .search-input{outline: 0;border: 0;display: inline-flex;height: 48px;margin-left: 22px;flex: 1;}
.inNavCard .searchbd .upimg{    display: inline-flex; width: 20px; color: #999; cursor: pointer; margin-right: 13px; margin-left: 5px; height: 48px; align-items: center;}
.inNavCard .searchbd .upimg:hover{color: #f50;}
.inNavCard .searchbd .btn-search{outline: 0;border: 0;border-radius: 23px 23px 23px 23px;background: #FF5500;width: 100px;height: 40px;display: flex;align-items: center;justify-items: center;margin-right: 4px;justify-content: center;color: #fff;cursor: pointer;}
.inNavCard .searchbd .btn-search:hover{transition: all .1s;opacity: .8;}



.inNavCard .listbox li .uldrop{    position: absolute; top: 100px; left: 0; right: 0; width: 100%; background: #fff; box-sizing: border-box; opacity: 0; transition: all .2s; pointer-events: none; transform: translateY(20px);padding: 30px 0;min-height: 260px;}
.inNavCard .listbox li .uldrop .line{       position: absolute; top: -36px; left: 0; width: 100%; height: 36px;}
.inNavCard .listbox li .uldrop .indrop{width: 1400px ;margin: 0 auto;display: flex;align-items: flex-start;}
.inNavCard .listbox li .uldrop .left{margin-left: 48px;display: flex;align-items: flex-start;width: 640px;}
.inNavCard .listbox li .uldrop .left dl{/* margin-left: 60px; */margin-top: 10px;flex: 1;}
.inNavCard .listbox li .uldrop .left dl:first-of-type{margin-left: 0;}
.inNavCard .listbox li .uldrop .left dt{font-weight:bold;font-size: 16px;color: #333;margin-bottom: 15px;}
.inNavCard .listbox li .uldrop .left dd a{display: flex;height: 28px;align-items: center;color: #666;font-size: 14px;max-width: 210px;overflow: hidden;}
.inNavCard .listbox li .uldrop .left dd a:hover{color: #f50;}



.inNavCard .listbox li .uldrop .rig{margin-left: auto;margin-right: 48px;}
.inNavCard .listbox li .uldrop .rig .bpic{display: inline-flex;width: 200px;height: 200px;overflow: hidden;align-items: center;margin-left: 20px;}
.inNavCard .listbox li .uldrop .rig .bpic:first-of-type{margin-left: 0;}
.inNavCard .listbox li .uldrop .rig .bpic img{max-width: 100%;object-fit: contain;}
.inNavCard .listbox li .uldrop .rig .bpic:hover img{transform: scale(1.1);}

.inNavCard .listbox li:hover .uldrop{    opacity: 1; pointer-events: auto; transform: translateY(0);}

/* 404页面 */

.nofind{width: 886px;margin: 100px auto 100px}
.nofind .nopic{/*width: 253px;height: 258px;*/float: left;}
.nofind .nofright{padding-top: 50px;margin-left: 90px;float: left;}
.nofind .nofright .noftop{padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px dashed #b3b3b3}
.nofind .nofright .noftop p{font-size: 18px;color: #333;margin-bottom: 12px}
.nofind .nofright .noftop span{color: #666666;font-size: 12px;}
.nofind .nofright .noftop p .error{font-size: 30px;color: #f60;margin-right: 2px}
.nofind .nofright .backho_btn{width: 90px;height: 34px;line-height: 34px;text-align: center;background-color: #ff7300;color: #fff;display: inline-block;border-radius: 2px}
.nofind .nofright .backho_btn:hover{background-color: #fe821d}


.nofind .nofright .noftops{padding-bottom: 20px;}
.nofind .nofright .noftops p{font-size: 30px;color: #f50;}
.nofind .nofright .noftops span{color: #f50;font-size: 24px;}
.nofind .nofright .noftops p .error{font-size: 30px;color: #f60;margin-right: 2px}
.nofind .nofright .btns .backho_btn{width:100px;height:34px;line-height: 34px;text-align: center;background-color: #f50;color: #fff;display: inline-block;border-radius: 10px;margin-left: 30px;}
.nofind .nofright .btns .backho_btn:hover{background-color: #fe821d}

.nofind .nofright .btns .back_btn{width:98px;height:32px;line-height: 32px;text-align: center;background-color: #FFF3F0;color: #FF5500;display: inline-block;border-radius: 10px;border:1px solid #FF5500;}



/* 底部 */
.footCard{margin-top: 60px;padding: 50px 0 30px;background-color: #F5F5F5;}
.footCard .navCon{display: flex;align-items: flex-start;    justify-content: center;}
.footCard .hav{width: 180px;margin-left: 30px;}
.footCard .havApp{width: 180px;}
.footCard .havEmail{width: 348px;}
.footCard .hav:first-of-type{margin-left: 0;}
.footCard .hav .tit{margin-bottom: 30px;font-size: 14px;color: #333;}
.footCard .hav li{margin-right: 10px;font-size: 14px;color: #333;cursor: pointer;margin-bottom: 8px;}
.footCard .hav li a{color: #333;display: flex;align-items: center;/*min-height: 30px;*/white-space: normal;}
.footCard .hav li:last-of-type{margin-bottom: 0;}
.footCard .hav li a:hover{color: #f50}

.footCard .havApp .item{display: flex;width: 180px;height: 70px;align-items: center;border-radius: 12px;background-color: #fff;margin-top: 7px;}
.footCard .havApp .item:first-of-type{margin-top: 0;}
.footCard .havApp .item .icon{width: 40px;height: 40px;display: inline-flex;align-items: center;justify-content: center;color: #333;margin-left: 15px;}
.footCard .havApp .item .icon svg{width: 40px;height: 32px;}
.footCard .havApp .item .desc span{color: #666;}
.footCard .havApp .item .desc p{font-size: 16px;color: #333;font-weight: bold;}

.footCard .havEmail .btnbox{display:flex;align-items: center;border: 1px solid #E5E5E5;height: 50px;box-sizing: border-box;padding: 8px 0;background-color: #fff;}
.footCard .havEmail .btnbox input{border: 0;flex: 1;margin-left: 20px;display: flex;align-items: center;}
.footCard .havEmail .btnbox .btn{display: flex;width: 107px;border-left: 1px solid #E5E5E5;align-items: center;height: 36px;justify-content: center;font-size: 14px;color: #333;transition: all .1s;font-weight: bold;}
.footCard .havEmail .btnbox .btn:hover{color: #f50;}
.footCard .havEmail .ptxt{margin-top: 20px;font-size: 18px;color: #333;font-weight: bold;}
.footCard .havEmail .pic{padding: 20px 0 0;display: flex;align-items: center;}
.footCard .havEmail .pic img{max-width: 100%;object-fit: contain;}

.footCard .bot{border-top: 1px solid #C7C7C7;margin-top: 30px;}
.footCard .bot .pic{padding: 30px 0;display: flex;align-items: center;}
.footCard .bot .pic img{max-width: 100%;object-fit: contain;}

/* 右侧悬浮 */
.wrap_backtop { display: none; position: fixed; bottom: 160px; width: 50px; height: 50px; background-color: #fff; cursor: pointer; border-radius: 20px; border: 1px solid #E5E5E5; transition:all .1s }
.wrap_backtop .icon{ display:flex; align-items:center; justify-content:center; width: 50px; height: 50px; }
.wrap_backtop .icon svg{width:32px;height: 32px;}
.wrap_backtop:hover{background-color:#f40;border-color:#f50}
.wrap_backtop:hover .icon{color:#fff}


/* 加入进货单弹窗 */
.detailTem{position: fixed;  z-index: 300; left: 0; top: 0; width: 100%; height: 100%; display: flex ; flex-direction: column; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: all .2s;}
.detailTem .bg{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);}
.detailTem .inCard { width: 1200px; background: #FFFFFF; border-radius: 16px; display: flex; flex-direction: column; transform: translateY(20px); transition: all .2s; box-sizing: border-box; }
.detailTem .inCard { height: 760px; overflow: hidden; padding-bottom: 0; }
.detailTem.show { opacity: 1; pointer-events: auto; display: flex ; }
.detailTem.show .inCard { transform: translateY(0); position: relative; }
.detailTem .inBody { background-color: #fff; box-sizing: border-box; overflow: hidden; overflow-y: auto; height: 100%; }

.detailTem .dproWrap{display: flex; align-items: flex-start; padding: 20px 0 0 30px; box-sizing: border-box; }
.detailTem .dproImg{width: 510px;display: flex;align-items: flex-start;}
.detailTem .dproImg .thumb{width: 60px;margin-right: 10px;height: 440px;overflow: hidden;}

.detailTem .dproImg .thumb .listbox{margin: 0 auto;   height: 440px; overflow: hidden;}
.detailTem .dproImg .thumb .listbox ul{position: relative;}
.detailTem .dproImg .thumb .listbox li{margin-top: -8px;}
.detailTem .dproImg .thumb .listbox li dl{overflow: hidden;}
.detailTem .dproImg .thumb .listbox li dd{margin-top: 8px;}
.detailTem .dproImg .thumb .listbox li dd a{display: flex;width: 58px;height: 58px;align-items: center;border-radius: 4px 4px 4px 4px;overflow: hidden;border: 1px solid #fff;transition: all .2s;}
.detailTem .dproImg .thumb .listbox li dd a img{max-width: 100%;object-fit: contain;border-radius: 4px;}
.detailTem .dproImg .thumb .listbox li dd a.active { border-color: #f50 }
.detailTem .dproImg .thumb .listbox li dd a:hover { border-color: #f50 }

.detailTem .dproImg .picbox{width: 440px;}
.detailTem .dproImg .itembox{position: relative;width: 440px;height: 440px;margin-bottom: 20px;}
.detailTem .dproImg .itembox .middel{display: flex;overflow: hidden;border-radius: 8px;height: 440px;justify-content: center;}
.detailTem .dproImg .itembox .middel img{max-width: 100%;object-fit: contain;}

.detailTem .dproImg .itembox .crossbox{position: absolute;bottom: 20px;padding: 0 20px;display: flex;align-items: center;width: 100%;box-sizing: border-box;}
.detailTem .dproImg .itembox .crossbox .soubtn{display: inline-flex;align-items: center;justify-content: center;width: 140px;height: 36px;background: rgba(0,0,0,0.7);border-radius: 18px 18px 18px 18px;cursor: pointer;}
.detailTem .dproImg .itembox .crossbox .soubtn .icon{width: 20px;height: 20px;display: inline-flex;align-items: center;justify-content: center;color: #fff;margin-right: 6px;}
.detailTem .dproImg .itembox .crossbox .soubtn .icon svg{width: 20px;height: 20px;}
.detailTem .dproImg .itembox .crossbox .soubtn p{color: #fff;font-size: 14px;}
.detailTem .dproImg .itembox .crossbox .initem{margin-left: auto;}
.detailTem .dproImg .itembox .crossbox .initem .icon{display: inline-flex;width: 36px;height: 36px;align-self: center;justify-content: center;color: #333333;border-radius: 50%;background-color: #fff;cursor: pointer;}
.detailTem .dproImg .itembox .crossbox .initem .icon svg{width: 32px;height: 36px;}
.detailTem .dproImg .itembox .crossbox .initem .pre{margin-right: 8px;}
.detailTem .dproImg .itembox .crossbox .initem .icon:hover{color: #f50;}





.detailTem .dpriceItem{width: 600px;position: relative;margin-left: 30px;}
.detailTem .dpriceItem .Share{position: absolute;top: 0;right: -48px;}
.detailTem .dpriceItem .Share .indrop{width: 48px;height: 48px;border-radius: 50%;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1);border: 1px solid #F0EDED;box-sizing: border-box;}
.detailTem .dpriceItem .Share .indrop .icon{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;}
.detailTem .dpriceItem .Share .indrop .icon svg{width: 48px;}

.detailTem .dpriceItem .topno{display: flex;height: 25px;margin-bottom: 10px;align-items: center;}
.detailTem .dpriceItem .topno p{font-size: 18px;height: 24px;margin-right: 8px;color: #666;display: inline-flex;}
.detailTem .dpriceItem .topno .icon{display: inline-flex;min-width:20px;height: 20px;align-items: center;justify-content: center;color: #333;cursor: pointer;}
.detailTem .dpriceItem .topno .icon svg{width: 20px;height: 20px;}
.detailTem .dpriceItem .topno .icon:hover{color: #f50;}

.detailTem .dpriceItem .toptitle { font-size: 18px; font-family: "Muli-Bold", Muli; font-weight: 700; line-height: 24px; margin-bottom: 10px; color: #333; }
.detailTem .dpriceItem .priList{display: flex;align-items: center;}
.detailTem .dpriceItem .priList .item{display: inline-flex;width: 140px;height: auto;align-items:center;flex-direction: column;justify-content:  flex-start;}
.detailTem .dpriceItem .priList .item .num{display: flex;height: 24px;align-items: center;justify-content: center;margin-top: 12px;margin-bottom: 0;font-size: 18px;color: #999;}
.detailTem .dpriceItem .priList .item .pri{display: flex;align-items: center;height: 42px;justify-content: center;color: #f50;}
.detailTem .dpriceItem .priList .item .pri span{font-size: 18px;margin-right:2px;font-weight:bold;margin-top:10px;}
.detailTem .dpriceItem .priList .item .pri em{font-size: 32px;font-weight:bold;}
.detailTem .dpriceItem .priList .item .pri del{font-size: 16px;color: #999;margin-left: 8px;display: inline-block;margin-top: 8px;}
.detailTem .dpriceItem .priList .item .pri .line{font-style: normal; font-size: 18px; height: 20px; width: 32px; display: flex ; align-items: center; justify-content: center;}
.detailTem .dpriceItem .pritips{margin-top: 10px;height: 40px;line-height: 40px;text-align: center;background: #F5F5F5;margin-bottom: 10px;}


.detailTem .dpriceItem .colorInfo .item{display: flex;align-items: center;flex-wrap: wrap;margin-left: -5px;}
.detailTem .dpriceItem .colorInfo .item li{margin-left: 5px;margin-bottom: 5px;width: 50px;height: 50px;}
.detailTem .dpriceItem .colorInfo .item a{display: inline-flex;width:50px ;height: 50px;border: 1px solid #fff;border-radius: 4px 4px 4px 4px;overflow: hidden;transition: all .1s;justify-content: center;}
.detailTem .dpriceItem .colorInfo .item a img{max-width: 100%;object-fit: contain;border-radius: 4px 4px 4px 4px;box-sizing: border-box;}
.detailTem .dpriceItem .colorInfo .item a em{display: inline-flex; align-items: center; font-size: 12px; overflow: hidden; word-break: break-word;}
.detailTem .dpriceItem .colorInfo .item .J_clr a{border: 1px solid #FF4400;}
.detailTem .dpriceItem .colorInfo .item a:hover{border-color: #f40;}
.detailTem .dpriceItem .colorInfo .title{font-size: 14px;color: #999 ;}

.detailTem .dpriceItem .sizeGuide{display: flex;align-items: center;height: 40px;margin-top: 0;border-bottom: 1px solid #E5E5E5;}
.detailTem .dpriceItem .sizeGuide .itxt{font-size: 18px;color: #333;font-weight: bold;}

.detailTem .dpriceItem .sizeDown{margin-left: 20px;border-radius: 16px 16px 16px 16px; width: 80px; height: 30px; border: 1px solid #E5E5E5; position: relative; z-index: 2;}
.detailTem .dpriceItem .sizeDown .indrop { display: inline-flex; align-items: center; height: 32px; cursor: pointer; width: 100%; box-sizing: border-box; }
.detailTem .dpriceItem .sizeDown .indrop .name { display: flex; flex: 1; align-items: center;  padding-left: 10px;font-size: 16px;color: #333;user-select: none;}
.detailTem .dpriceItem .sizeDown .indrop .icon { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; color: #999999; cursor: pointer; transition: all .1s; margin-right: 6px; }
.detailTem .dpriceItem .sizeDown .indrop .icon  svg{width: 24px;height: 24px;}
.detailTem .dpriceItem .sizeDown .indrop .line { position: absolute; bottom: -10px; width: 100%; left: 0; height: 10px; background: transparent; z-index: 3; }
.detailTem .dpriceItem .sizeDown .uldrop { position: absolute; top: 36px; width: 100%; background: #fff; border: 1px solid #e6e6e6; padding: 10px 5px 5px 5px; box-sizing: border-box; border-radius: 16px; opacity: 0; transition: all .2s; pointer-events: none; transform: translateY(20px); }
.detailTem .dpriceItem .sizeDown .uldrop ul { margin: 0 3px; }
.detailTem .dpriceItem .sizeDown .uldrop li { display: flex; align-items: center; justify-content: center; height: 30px; cursor: pointer; margin-bottom: 5px; }
.detailTem .dpriceItem .sizeDown .uldrop li:hover,.detailTem .dpriceItem .sizeDown .uldrop li.active { background-color: #e5e5e5; border-radius: 6px; }

.detailTem .dpriceItem .sizeDownOn { border-color: #f50; }
.detailTem .dpriceItem .sizeDownOn .uldrop { opacity: 1; pointer-events: auto; transform: translateY(0px); border-color: #f50; }
.detailTem .dpriceItem .sizeDownOn .indrop .icon { transform: rotate(180deg); color: #f50; }

.detailTem .dpriceItem .proSelect{margin-left: auto;}
.detailTem .dpriceItem .popSizeBtn{display: inline-flex;align-items: center;cursor: pointer;}
.detailTem .dpriceItem .popSizeBtn .icon{display: inline-flex;width: 20px;height: 20px;align-items: center;justify-content: center;color: #999;margin-right: 8px;}
.detailTem .dpriceItem .popSizeBtn .icon svg{width: 20px;height: 20px;}
.detailTem .dpriceItem .popSizeBtn p{font-size: 16px;color: #333;}
.detailTem .dpriceItem .popSizeBtn:hover p,.detailTem .dpriceItem .popSizeBtn:hover .icon{color: #f50;}

.detailTem .dpriceItem .reset{display: inline-flex;align-items: center;margin-left: 30px;cursor: pointer;}
.detailTem .dpriceItem .reset .icon{display: inline-flex;width: 20px;height: 20px;align-items: center;justify-content: center;color: #999;margin-right: 8px;}
.detailTem .dpriceItem .reset .icon svg{width: 20px;height: 20px;}
.detailTem .dpriceItem .reset p{font-size: 16px;color: #333;}
.detailTem .dpriceItem .reset:hover p,.detailTem .dpriceItem .reset:hover .icon{color: #f50;}

.detailTem .dpriceItem .sizeInfo{ margin-top: 10px; overflow: hidden; overflow-y: auto; max-height: 200px; }
.detailTem .dpriceItem .proList{position: relative;}
.detailTem .dpriceItem .proList li{display: flex;align-items: center;margin-top: 15px;}
.detailTem .dpriceItem .proList li .col{display: inline-flex;width: 120px;min-height: 32px;align-items: center;font-size: 18px;color: #333;word-break: break-all;}
.detailTem .dpriceItem .proList li .name{font-weight: bold;}
.detailTem .dpriceItem .proList li .num{    display: inline-flex; min-width: 110px; margin-left: auto; height: 40px; border-radius: 20px; border: 1px solid #E5E5E5; align-items: center; justify-content: center;}
.detailTem .dpriceItem .proList li .num .btn{display: inline-flex;width: 20px;height: 40px;align-items: center;justify-content: center;color: #000;font-weight: bold;cursor: pointer;}
.detailTem .dpriceItem .proList li .num .btn svg{width: 20px;height: 20px;}
.detailTem .dpriceItem .proList li .num .btn:hover{color: #f50;}
.detailTem .dpriceItem .proList li .num .numInput{    position: relative; z-index: 0; display: inline-flex; height: 40px; border: 0; align-items: center; justify-content: center; text-align: center; width: 52px;}

.detailTem .dpriceItem .inSub{margin-top: 10px;display: flex;height: 60px;align-items: center;border-bottom: 1px solid #e5e5e5;}
.detailTem .dpriceItem .inSub .itxt{font-size: 24px;color: #333;font-weight: bold;margin-top: 10px;}
.detailTem .dpriceItem .inSub .goodsnum{margin-left: auto;display: inline-flex;height: 24px;align-items: center;font-size: 18px;color: #333;margin-top: 10px;
}
.detailTem .dpriceItem .inSub .total{display: inline-flex;margin-left: 14px;align-items: baseline;font-size: 18px;color: #f50;font-weight: bold;}
.detailTem .dpriceItem .inSub .total em{font-size: 32px;}

.detailTem .dpriceItem .btnbox{display: flex;align-items: center;margin-top: 20px;}
.detailTem .dpriceItem .btnbox .crosscart{display: inline-flex;align-items: center;justify-content: center;background: #FF5500;border-radius: 40px 40px 40px 40px;width: 400px;height: 60px;font-weight: bold;font-size: 24px;color: #fff;transition: all .1s;}
.detailTem .dpriceItem .btnbox .crosscart:hover{opacity: .8;}
.detailTem .dpriceItem .btnbox .scproduct{margin-left: auto;width: 60px;height: 60px;border-radius: 37px 37px 37px 37px;border: 1px solid #f50;display: inline-flex;align-items: center;justify-content: center;color: #f50;}
.detailTem .dpriceItem .btnbox .scproduct svg{width: 26px;height: 26px;}
.detailTem .dpriceItem .btnbox .nocollt{border-color: #e5e5e5;color: #333;}
.detailTem .dpriceItem .btnbox .scproduct:hover{border-color: #f50;color: #f50;}

.detailTem .dpriceItem .proAtt{margin-top: 20px;}
.detailTem .dpriceItem .proAtt .indrop{ display: inline-flex; align-items: center; height: 60px; cursor: pointer; width: 100%; box-sizing: border-box; }
.detailTem .dpriceItem .proAtt .indrop{border-bottom: 1px solid #e5e5e5;}
.detailTem .dpriceItem .proAtt .indrop .name { display: flex; flex: 1; align-items: center; font-size: 24px;color: #333;user-select: none;font-weight: bold;}
.detailTem .dpriceItem .proAtt .indrop .icon { display: inline-flex; width: 24px; height: 24px; align-items: center; justify-content: center; color: #999999; cursor: pointer; transition: all .1s; margin-right: 6px; }
.detailTem .dpriceItem .proAtt .indrop .icon  svg{width: 24px;height: 24px;}
.detailTem .dpriceItem .proAtt .uldrop {     box-sizing: border-box; border-radius: 16px; opacity: 0; transition: all .2s; pointer-events: none; transform: translateY(20px);height: 0;}
.detailTem .dpriceItem .proAtt .uldrop table { width: 100%; border-collapse: collapse; margin: 20px 0; font-family: Arial, sans-serif; }
.detailTem .dpriceItem .proAtt .uldrop th,.detailTem .dpriceItem .proAtt .uldrop td { border: 1px solid #ddd; padding: 7px 11px; text-align: left; font-size: 12px; }
.detailTem .dpriceItem .proAtt .uldrop th { background-color: #fff; font-weight: bold; }
.detailTem .dpriceItem .proAtt .uldrop .item-no, .product-weight { width: 15%; }
.detailTem .dpriceItem .proAtt .uldrop .category,.detailTem .dpriceItem .proAtt .uldrop .material { width: 40%; }
.detailTem .dpriceItem .proAtt .uldrop .pattern,.detailTem .dpriceItem .proAtt .uldrop .style,.detailTem .dpriceItem .proAtt .uldrop .waist-line { width: 12%; }
.detailTem .dpriceItem .proAtt .uldrop .occasion,.detailTem .dpriceItem .proAtt .uldrop .color { width: 10%; }
.detailTem .dpriceItem .proAtt .uldrop .details { width: 18%; }


.detailTem .dpriceItem .proAttOn { border-color: #f50; }
.detailTem .dpriceItem .proAttOn .uldrop { opacity: 1; pointer-events: auto; transform: translateY(0px); border-color: #f50;height: auto;}
.detailTem .dpriceItem .proAttOn .indrop .icon { transform: rotate(180deg); color: #f50; }