.productA{width:23%;height:100%;margin:0 10px 50px 9px}.productA:nth-child(4n){margin-right:0}.productA .product-img{width:100%;height:100%;background:#ececec;position:relative}.productA .product-img .img{position:absolute;height:100%;width:100%}.productA .product-img .img img{width:100%;height:100%}.productA .product-img .hoverView{position:relative;opacity:0;height:100%}.productA .product-img .hoverView img{width:100%;height:100%}.productA .product-img .hoverView .buttom{width:168px;padding:8px 0;background:#fff;border:1px solid #333;position:absolute;left:50%;margin-left:-94px;bottom:30px;font-size:14px;text-align:center;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;cursor:pointer}.productA .product-img .hoverView .buttom:hover{background:#000;color:#fff;transition:background 1s ease .1s,color 1s ease .1s}.productA .product-img:hover .hoverView{opacity:1;transition:opacity 1s ease .1s}.productA .product-img:hover .img{opacity:0;transition:opacity 1s ease .1s}.productA .product-sum{margin-top:10px}.productA .product-sum div{display:flex;justify-content:space-between;align-items:center;line-height:45px}.productA .product-sum .name span{font-size:17px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.productA .product-sum .bot>span{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666}.productA .product-sum .colors{display:flex;align-items:center;justify-content:flex-start}.productA .product-sum .colors div{width:32px;height:32px;background:#eb6036;margin-right:10px}body{font-family:PingFangSC-Medium,PingFang SC}a,body,button,dl,dt,h1,h2,h3,h4,h5,h6,input,li,p,select,textarea,ul{margin:0;padding:0;outline:none}body,html{font-family:PingFangSC-Medium,PingFang SC!important;color:#333;background-color:#f8f8f8;min-width:1200px;font-size:14px}a{text-decoration:none}li,ul{list-style:none}input{font:normal}a:focus,input:focus{outline:none}div{box-sizing:border-box}.base_width,.container{width:1200px}.container{position:relative;margin-right:auto;margin-left:auto;margin-top:45px;min-height:800px}a img{width:100%;height:100%}input{outline:none;box-sizing:border-box;font-size:14px}.fl{float:left}.fr{float:right}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.flex,.flexbox{display:flex}.flexbox{align-items:center}.flex_topstart{display:flex;justify-content:flex-start}.flex_column_center{display:flex;flex-direction:column;align-items:center;justify-content:center}.flex_around{justify-content:space-around}.flex_around,.flex_center{display:flex;align-items:center}.flex_center{justify-content:center}.flex_between{display:flex;align-items:center;justify-content:space-between}.mt_12{margin-top:12px}.mt_15{margin-top:15px}.mt_20{margin-top:20px}.ml_7{margin-left:7px}.ml_10{margin-left:10px}.ml_16{margin-left:16px}.ml_22{margin-left:22px}.ml_33{margin-left:33px}.mr_22{margin-right:22px}.mb_23{margin-bottom:23px}.plr_15{padding-left:15px;padding-right:15px}.ptb_13{padding-top:13px;padding-bottom:13px}.mtb_title{margin-top:55px;margin-bottom:48px}.ptb_title{padding-top:55px;padding-bottom:48px}.btnbox{text-align:center;height:36px;line-height:36px;background:#771b21;border-radius:5px;color:#fff;cursor:pointer}.paginationblock{text-align:right;margin-top:30px}.paginationblock .el-pagination{padding:0 0}.paginationblock .el-pagination .btn-next{padding-right:0}.paginationblock .el-pager li.active,.paginationblock .el-pager li:hover{color:#771b21}.copybox{width:100%;align-items:center;text-align:center;cursor:pointer}.copybox img{width:18px;height:18px;margin-left:7px}.com_navbox{display:flex;align-items:center}.com_navbox p{height:23px;font-size:14px;font-weight:400;color:#777;line-height:23px}.com_navbox img{width:20px;height:20px;margin:0 10px}.com_navbox span{font-size:14px;font-weight:400;color:#333;line-height:23px}.searchbox{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.searchbox .el-input{width:300px}.searchbox .el-range-editor.el-input__inner{width:320px}.searchbox .el-button.el-button--default{width:120px;height:42px;margin-left:0}.searchbox .el-button.el-button--default:hover{color:#771b21;border-color:#771b21;background-color:#fff}.searchbox .el-button.el-button--primary{width:120px;height:42px;color:#fff;background-color:#771b21;border-color:#771b21}.emptybox{text-align:center;margin:50px 0}.emptybox img{width:301px;height:103px}.emptybox .textp{font-size:16px;font-weight:400;color:#333;line-height:27px}.emptybox .textp span{cursor:pointer;color:#771b21;text-decoration:underline}.block{display:block}.none{display:none}.tablebox{border:1px solid #ebeef5}.el-date-table td.end-date span,.el-date-table td.start-date span{background-color:#771b21}.el-date-table td.available:hover,.el-date-table td.today span{color:#771b21}.el-radio__input.is-checked .el-radio__inner{border-color:#771b21;background:#771b21}.el-radio__inner:hover{border-color:#771b21}.el-radio__input.is-checked+.el-radio__label{color:#771b21}.el-form-item__label{color:#333;font-weight:500}.btn{display:inline-block;width:110px;line-height:30px;text-align:center;background-color:#f60;color:#fff;border:none;border-radius:5px;cursor:pointer}.btn-default{background-color:#b0b0b0;color:#fff}.btn-large{width:202px;height:50px;line-height:50px;font-size:18px}.btn-huge{width:300px;height:54px;line-height:54px;font-size:16px}.btn-group .btn{margin-right:20px}.btn-group .btn:last-child{margin-right:0}.classes{padding:0 110px;background:#f9f9f9}.classes .el-dropdown-link{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:30px}.classes .sort{display:flex;justify-content:flex-end;align-items:center;padding:30px 0}.classes .productSku{align-items:flex-start}.classes .productSku .list{width:1399px;flex-wrap:wrap;justify-content:flex-start}.classes .productSku .strSku{width:339px}.classes .productSku .strSku .sku .h2{margin-top:40px;font-size:20px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#2d2b2c;line-height:28px;padding:10px 0}.classes .productSku .strSku .sku .h3{font-size:22px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#777;line-height:30px;padding:20px 0}.classes .productSku .strSku .arr .checkbox{display:flex;align-items:center;justify-content:flex-start}.classes .productSku .strSku .arr .checkbox div{margin:10px;width:26px;height:26px;border:1px solid #ccc;margin-right:10px;font-size:22px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333}.classes .productSku .strSku .arr .checkbox:hover{color:#a1a1a1;transition:color .2s ease .2s}.classes .productSku .strSku .arr .checkbox .active{background:#2e2b2c}.classes .productSku .strSku .arr .text{font-size:22px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;padding:10px 0}.classes .productSku .strSku .arr .text:hover{color:#a1a1a1;transition:color .2s ease .2s}.classes .productSku .strSku .arr .colors{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.classes .productSku .strSku .arr .colors img{width:48px;height:48px;background:#b8a9ce;margin-right:10px;border:2px solid #e2e2e2;cursor:pointer}.classes .productSku .strSku .arr .colors .active{border:2px solid #000;transition:border .3s ease}.pagination{background-color:#fff}.pagination .pages{width:1200px;padding:40px 0;margin:0 auto;display:flex;justify-content:flex-end}.pagination .pages .dis{display:flex;justify-content:space-between;align-items:center;font-size:20px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;width:200px}