.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.fl{float:left}.fr{float:right}*{box-sizing:border-box}.hoverP{cursor:pointer}.clearfix{zoom:1}.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}input::-webkit-input-placeholder{color:#aab2bd;font-size:14px}.main_wrap{overflow:auto;width:100%;margin:auto}.main_wrap .shoppingNone .box img{width:354px;margin-top:80px}.main_wrap .shoppingNone .box p{font-size:18px;font-weight:400;color:#3d3d3d;line-height:25px;margin-top:60px}.main_wrap .selectred{color:red}.main_wrap .left{padding-top:25px;font-size:14px;height:calc(100vh - 56px);overflow:auto;position:relative;border-right:1px solid #e1e1e1}.main_wrap .left .left_main .active{background:#fe4a43;color:#fff!important}.main_wrap .left .left_main li p{width:100%;margin:auto;line-height:44px;text-align:left;padding-left:20%}.main_wrap .left .left_main li p:hover{color:rgba(50,50,50,.6)}.main_wrap .right{background:#fafafa;height:calc(100vh - 56px)!important;overflow:auto}.main_wrap .right .right_title{width:100%;box-sizing:border-box;height:70px;border-bottom:1px solid #d0d0d0}.main_wrap .right .right_title .title_top{width:100%;padding:17px 105px 16px 75px;box-sizing:border-box;height:100%;align-items:center}.main_wrap .right .right_title .title_top .title{font-size:12px;color:#3d3d3d}.main_wrap .right .right_title .title_top .title span{color:#9d9d9d}.main_wrap .right .right_title .title_top .title_input{display:flex;align-content:center;line-height:28px}.main_wrap .right .right_title .title_top .title_input .select{display:flex}.main_wrap .right .right_title .title_top .title_input .select select{width:138.5px;height:25px;border-radius:2px;padding-left:12px;box-sizing:border-box;border:1px solid #3d3d3d;color:#3d3d3d;font-size:12px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAFGq+z1AAAAAXNSR0IArs4c6QAAALFJREFUGBlVjjEOAiEQRZ1AYmm5VHsMtVkSKuUAxMIz2HklEw0X0IrWPYB3YDst6CDIJ7KJU5CZ+e//gbTWyxDCaTHXMAy5DsYYhoZ1Xbfu+/5FSqlNjPEphODTNF2KuK8oHojzIKU8twE5OENl+S7Le8k7eu8j53xLoCDknFdYOOfG5vzLhP1aqAMR3RBhrU0gkY/fNK1G4jcppQdiYQD4Az6MsR3OVBACqhnQNwA96gvVC06np/069gAAAABJRU5ErkJggg==) no-repeat scroll 120px transparent}.main_wrap .right .right_title .title_top .title_input .input_wrap{width:185px;height:23px;border:1px solid #3d3d3d;display:flex;align-items:center;margin-right:24px;border-radius:2px}.main_wrap .right .right_title .title_top .title_input .input_wrap input{width:138px;height:23px;background:#fff;border-radius:2px;box-sizing:border-box}.main_wrap .right .right_title .title_top .title_input .input_wrap span{flex:1;color:#fff;background:#3d3d3d;height:23px;line-height:23px;font-size:12px;box-sizing:border-box;display:block;text-align:center}.main_wrap .right .right_title .title_top .title_input .scort{font-size:12px;color:#3d3d3d}.main_wrap .right .right_title .title_top .title_input .scort select{width:40px;border-style:none;color:#3d3d3d;font-size:12px;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAHCAYAAAFGq+z1AAAAAXNSR0IArs4c6QAAALFJREFUGBlVjjEOAiEQRZ1AYmm5VHsMtVkSKuUAxMIz2HklEw0X0IrWPYB3YDst6CDIJ7KJU5CZ+e//gbTWyxDCaTHXMAy5DsYYhoZ1Xbfu+/5FSqlNjPEphODTNF2KuK8oHojzIKU8twE5OENl+S7Le8k7eu8j53xLoCDknFdYOOfG5vzLhP1aqAMR3RBhrU0gkY/fNK1G4jcppQdiYQD4Az6MsR3OVBACqhnQNwA96gvVC06np/069gAAAABJRU5ErkJggg==) no-repeat scroll 100% transparent}.main_wrap .right .book .first{width:100%;min-height:calc(100vh - 200px);border-bottom:1px solid #d0d0d0;box-sizing:border-box}.main_wrap .right .book .first .left_main{width:100%;display:flex;flex-wrap:wrap}.main_wrap .right .book .first .left_main .left_wrap{padding:10px 0 32px 12px;box-sizing:border-box}.main_wrap .right .book .first .left_main .left_wrap img{width:12px;height:21px;margin-right:10px;transform:scale(.8);cursor:pointer}.main_wrap .right .book .first .left_main .left_wrap .over{display:flex;align-items:center}.main_wrap .right .book .first .left_main .left_wrap .over span{color:#9b9b9b;font-size:12px}.main_wrap .right .book .first .left_main .left_wrap .new,.main_wrap .right .book .first .left_main .left_wrap .normal{text-align:left;font-size:14px;color:#333;margin:0 auto;padding:0 10%;position:relative;top:-6px}.main_wrap .right .book .first .left_main .left_wrap .price-range{display:inline-block;box-sizing:border-box;width:60px;height:20px;line-height:20px;padding:0 8px;font-weight:500;background:#f0f0f0;border-radius:2px;color:#ff4a43;font-size:10px}.main_wrap .right .book .first .left_main .left_wrap .price-range-wrap{display:flex;align-items:center;font-size:12px;color:#999}.main_wrap .right .book .first .left_main .left_wrap .new{color:#fc5d13}.main_wrap .right .book .first .left_main .left_wrap .img_{width:281.25px;height:218.75px;margin:auto}.main_wrap .right .book .first .left_main .left_wrap .img_ img{width:100%;height:100%;margin:0 auto;-o-object-fit:cover;object-fit:cover;border:12px solid #fff}.main_wrap .right .book .first .left_main .left_wrap .square{margin-top:10px;display:flex;justify-content:center}.main_wrap .right .book .first .left_main .left_wrap .square span{width:8.5px;height:8.5px;display:block;margin-left:10px}.main_wrap .right .book .first .left_main .left_wrap .square span:first-child{background:#7fcced;box-shadow:0 1px 3px 0 rgba(0,0,0,.5);border-radius:50%}.main_wrap .right .book .first .left_main .left_wrap .square span:nth-child(2){background:#fd9696;box-shadow:0 1px 3px 0 rgba(0,0,0,.5);border-radius:50%}.main_wrap .right .book .first .left_main .left_wrap .square span:nth-child(3){background:#8dbf37;box-shadow:0 1px 3px 0 rgba(0,0,0,.5);border-radius:50%}.main_wrap .right .book .first .left_main .left_wrap .square span:nth-child(4){background:#d8d8d8;box-shadow:0 1px 3px 0 rgba(0,0,0,.5);border-radius:50%}.main_wrap .el-button.el-button--default{border:1px solid #000;padding:6px;border-radius:1px}.main_wrap :-moz-placeholder,.main_wrap ::-moz-placeholder{color:#000}.main_wrap :-ms-input-placeholder{color:#000}.main_wrap .el-menu{border-right:none}.main_wrap .active,.main_wrap .twoHover:hover{color:#fe4a43!important}.main_wrap .color{background:#f0f0f0!important}.main_wrap .selected{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#1d1d1d;line-height:35px;padding:0 8px;white-space:nowrap}.main_wrap .selected:hover{background:#f0f0f0!important}.main_wrap .oneCate.hover{background:#fe4a43!important;color:#fff!important}.main_wrap .boxTwo{height:auto;overflow:auto;width:1100px;color:grey;padding:20px;background:#fff;box-shadow:1px 1px 7px 1px rgba(0,0,0,.3);text-align:left;position:absolute;left:100%;top:69px;z-index:99}.main_wrap .boxTwo .noxTwo-title:hover{color:#000}.main_wrap .boxTwo li{float:left;margin-right:20px;margin-bottom:15px}.main_wrap .boxTwo li:hover{color:#000}.main_wrap .boxTwo ul{overflow:hidden}.main_wrap .productList{display:flex;flex-wrap:wrap;padding:0 60px;margin-top:10px}.main_wrap .productList .box{width:25%;padding:20px}.main_wrap .productList .box .img_{width:100%;height:100%;position:relative;text-align:center}.main_wrap .productList .box .img_ img{width:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.main_wrap .productList .normal{position:absolute;width:100%;text-align:center;top:30px}.main_wrap .price-num{font-weight:700;font-size:14px}.product-menu-vertical .el-submenu__icon-arrow{font-size:16px}.product-menu-vertical .el-submenu__title span{font-weight:600;color:#333;font-size:16px}.product-menu-vertical .el-submenu .el-menu{font-size:14px}.product-menu-vertical .el-submenu .el-menu li.el-menu-item{background-color:#ededed!important}.product-menu-vertical .el-submenu .el-menu .el-menu-item{color:#999}.product-menu-vertical .el-submenu .el-menu .el-menu-item.is-active{color:#333;font-weight:600}.product-menu-vertical .el-submenu.is-opened .el-submenu__title{background-color:#121212!important}.product-menu-vertical .el-submenu.is-opened .el-submenu__title span{color:#fff}