.backLine{width:100%;overflow:hidden;margin:20px 0 16px;height:8px;background:linear-gradient(-45deg,#cfcfcf 12.5%,#cfcfcf 0,#fff 25%,#cfcfcf 0,#cfcfcf 37.5%,#fff 0,#fff 50%,#cfcfcf 0,#cfcfcf 62.5%,#fff 0,#fff 75%,#cfcfcf 0,#cfcfcf 87.5%,#fff 0);background-size:10px 10px}.tradeComp{width:100%;padding-bottom:30px}.tradeComp .list .table{width:100%}.tradeComp .list .table li:nth-child(2n){background:hsla(0,0%,40%,.2)}.tradeComp .list .table li:hover{background:#ffe8e8}.tradeComp .list .table .thead{background:#d41f04;color:#fff;height:40px;line-height:40px;display:flex}.tradeComp .list .table .thead span{color:#fff;font-weight:600;line-height:40px;font-size:14px}.tradeComp .list .table .thead .name{flex:1}.tradeComp .list .table .tbody{height:40px;line-height:39px;box-sizing:border-box;border-bottom:1px solid #ebeef5}.tradeComp .list .table .tbody a{display:block;width:100%;display:flex;text-decoration:none}.tradeComp .list .table .tbody .name{align-items:center;box-sizing:border-box;display:flex;width:180px}.tradeComp .list .table .tbody .name .goodName{display:inline-block;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tradeComp .list .table .tbody .name .icon{display:inline-block;height:16px;width:16px;border-radius:3px;text-align:center;line-height:16px;font-size:8px;background-color:#0060c7;border:1px solid #0060c7;color:#fff}.tradeComp .list .table .tbody .name .iconPlus{display:inline-block;width:18px;height:18px;margin-left:6px}.tradeComp .list .table .tbody .name .sellicon{background-color:#fff;color:#0060c7}.tradeComp .list .table .tbody .name .icon3{background-color:#fff;border:1px solid #d3a860;color:#cc9756}.tradeComp .list .table .tbody .name .icon4{background:#cc9756;border:1px solid #cc9756;color:#fff}.tradeComp .list .table .tbody .name .topIcon{display:inline-block;width:18px;height:16px;margin-left:4px;transform:translateY(4px);background:url(/_nuxt/img/7154b7f.png) no-repeat;background-size:100%}.tradeComp .list .table .tbody .price{color:#333}.tradeComp .list .table .tbody .price span{color:#ff4a4a}.tradeComp .list .table span{display:inline-block;color:#333;line-height:38px;font-size:14px}.tradeComp .list .table .code{width:350px;box-sizing:border-box;padding-left:6px}.tradeComp .list .table .number,.tradeComp .list .table .price{width:110px}.tradeComp .list .table .createTime,.tradeComp .list .table .pubUser{width:150px}.tradeComp .list .table .validDay,.tradeComp .list .table .viewCnt{width:100px;text-align:center}.tradeComp .list .table .name{padding-left:10px}.tradeComp .list .table .code,.tradeComp .list .table .createTime,.tradeComp .list .table .goodName,.tradeComp .list .table .number,.tradeComp .list .table .price,.tradeComp .list .table .pubUser,.tradeComp .list .table .validDay,.tradeComp .list .table .viewCnt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tradeComp .tradeListBox{box-sizing:border-box;display:flex}.tradeComp .tradeListBox .buyList,.tradeComp .tradeListBox .sellList{flex:1;background:url(/_nuxt/img/c7dc4ef.jpg);background-size:80% 100%}.tradeComp .buyList{padding-right:8px;position:relative}.tradeComp .buyList:after{content:"";position:absolute;z-index:1;right:0;bottom:0;width:1px;border-right:1px dashed #999;height:100%}.tradeComp .sellList{padding-left:8px}.tradeComp .sellList .head:after{background-color:#4395fc}.tradeComp .head{height:33px;line-height:33px;font-size:22px;padding-bottom:12px;border-bottom:4px solid #999;position:relative}.tradeComp .head .icon{height:33px;width:33px;float:left;margin-right:8px}.tradeComp .head .more{float:right;color:#eb3318;text-decoration:none;font-size:14px;margin-right:20px}.tradeComp .head .more .el-icon-arrow-right{background-color:#eb3318;color:#fff;display:inline-block;height:14px;width:14px;font-size:9px;line-height:14px;border-radius:7px;text-align:center}.tradeComp .head:after{display:block;position:absolute;bottom:-4px;left:0;height:4px;width:134px;content:"";background-color:#ff4a4a}.tradeComp .buyList .table .price,.tradeComp .buyList .table .pubUser,.tradeComp .sellList .table .price,.tradeComp .sellList .table .pubUser{width:100px}.tradeComp .buyList .table .number,.tradeComp .sellList .table .number{width:90px}.tradeComp .buyList .table .createTime,.tradeComp .sellList .table .createTime{width:80px;text-align:center}.tradeComp .bargainList{background:url(/_nuxt/img/c7dc4ef.jpg);background-size:40% 100%}.tradeComp .bargainList .head{border:none}.tradeComp .bargainList .head:after{display:none}.tradeComp .bargainList .table .tbody .name{flex:1}.tradeDet{color:#333;min-height:100%;background-color:#f5f6f9;padding-top:20px;padding-bottom:10px}.tradeDet .previewImg{position:fixed;z-index:2000;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.5)}.tradeDet .previewImg .closeShow{cursor:pointer}.tradeDet .previewImg img{display:block;margin:0 auto;width:100%}.tradeDet .home{position:relative}.tradeDet .main{background-color:#fff;box-sizing:border-box;padding:26px 16px 20px;margin-bottom:30px}.tradeDet .main .cell{padding:0}.tradeDet .main .tradeinfo{position:relative}.tradeDet .main .tradeinfo .validType{display:block;height:50px;width:50px;position:absolute;top:-26px;left:-16px;z-index:990}.tradeDet .main .tradeinfo .headinfo{margin-bottom:17px;display:flex}.tradeDet .main .tradeinfo .headinfo .goodBanner{display:block;height:252px;width:252px;margin-right:36px}.tradeDet .main .tradeinfo .headinfo .goodBanner .el-carousel__indicators--horizontal{display:flex}.tradeDet .main .tradeinfo .headinfo .goodBanner .el-carousel__indicators--horizontal .el-carousel__indicator--horizontal{flex:1}.tradeDet .main .tradeinfo .headinfo .goodBanner .el-carousel__indicators--horizontal .el-carousel__button{height:8px;width:8px;border-radius:4px;margin:0 3px}.tradeDet .main .tradeinfo .headinfo .goodBanner .el-image{background:#d8d8d8}.tradeDet .main .tradeinfo .headinfo .infobox{flex:1}.tradeDet .main .tradeinfo .headinfo .infobox .marketBox{display:flex;align-items:center;font-size:20px;font-weight:600;color:#333;height:28px;position:relative}.tradeDet .main .tradeinfo .headinfo .infobox .marketBox .hint{color:red;position:absolute;right:0;bottom:-20px;line-height:20px;font-size:12px;display:block;width:112px;text-align:center}.tradeDet .main .tradeinfo .headinfo .infobox .marketBox .markets{float:right;width:112px;height:28px;line-height:28px;font-size:14px;text-align:center;color:#fff;background:#4395fc;border-radius:14px;text-decoration:none;font-weight:400}.tradeDet .main .tradeinfo .headinfo .infobox .marketBox .icon{display:inline-block;height:20px;width:20px;border-radius:5px;text-align:center;line-height:20px;font-size:14px;background-color:#0060c7;border:1px solid #0060c7;color:#fff;margin-right:8px}.tradeDet .main .tradeinfo .headinfo .infobox .marketBox .iconPlus{display:inline-block;width:20px;height:20px;margin-right:6px}.tradeDet .main .tradeinfo .headinfo .infobox .marketBox .sellicon{background-color:#fff;color:#0060c7}.tradeDet .main .tradeinfo .headinfo .infobox .marketBox .icon3{background-color:#fff;border:1px solid #d3a860;color:#d3a860}.tradeDet .main .tradeinfo .headinfo .infobox .marketBox .icon4{background:linear-gradient(235deg,#f3ce95,#e2b87c);border:1px solid #e4c498;color:#fff}.tradeDet .main .tradeinfo .headinfo .infobox .marketBox .postage{padding:2px 3px;color:#d52005;background-color:#ffc6be;font-size:12px;margin-left:4px;border-radius:3px}.tradeDet .main .tradeinfo .headinfo .infobox .marketBox .unpostage{background-color:#c0e1ff;color:#4395fc}.tradeDet .main .tradeinfo .headinfo .infobox .tag{margin:14px 0;height:24px}.tradeDet .main .tradeinfo .headinfo .infobox .tag span{padding:5px 12px;font-size:14px;color:#eb3318;line-height:14px;background:#feecec;border-radius:4px;margin-right:10px;float:left}.tradeDet .main .tradeinfo .headinfo .infobox .tag .valid{float:right;background-color:#fff;color:#6d7278;font-size:12px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade{box-sizing:border-box;padding:10px 0 26px;position:relative}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .backInfo{position:absolute;font-size:30px;color:#e2e2e2;transform:rotate(-45deg);top:106px;left:150px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .pricebox{font-size:18px;color:#333;font-weight:500;height:30px;line-height:30px;padding-bottom:16px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .pricebox p{display:inline-block;font-size:20px;color:#333;margin-right:100px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .pricebox p span{font-size:30px;color:#eb3318;font-weight:800;margin-left:16px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .pricebox p span b{font-size:16px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .pricebox p:last-child{margin-right:0}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .specification{display:flex;margin-bottom:10px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .specification .title{display:inline-block;width:62px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .specification .list{flex:1}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .specification .list .tag{display:inline-block;height:28px;box-sizing:border-box;padding:4px 6px;border:1px solid #999;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:18px;margin:0 10px 8px 0;cursor:pointer}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .specification .list .active{color:#d41f04;border:1px solid #d41f04}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .numBox{font-size:12px;color:#6d7278;padding:5px 0 0 10px;box-sizing:border-box;background:hsla(0,0%,98%,.6);border-radius:3px;display:flex}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .numBox p{line-height:22px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .numBox .infoLeft{width:200px;margin-right:54px;position:relative}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .numBox .infoLeft:after{display:block;height:calc(100% - 12px);width:0;border-right:1px dashed #999;position:absolute;right:0;top:9px;content:""}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .grade{display:flex;align-items:center;font-size:12px;line-height:22px;padding:0 0 6px 10px;background:#fafafa;color:#6d7278;box-sizing:border-box}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .grade .state{width:120px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .grade .info{background-color:#ffeddf;flex:1;padding-left:8px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .grade .info span{margin-right:10px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .grade .info strong{color:#333}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .descrip{display:flex;padding:11px 13px 11px 10px;background-color:rgba(255,237,223,.6);margin-top:10px}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .descrip span{color:#965200;font-size:16px;display:inline-block;width:86px;font-weight:600;line-height:26px;font-family:PingFangSC-Medium,PingFang SC}.tradeDet .main .tradeinfo .headinfo .infobox .info .heade .descrip .title{flex:1;color:#965200;font-weight:400;line-height:26px}.tradeDet .main .tradeinfo .headinfo .infobox .btn .buyNow{display:inline-block;width:107px;height:40px;line-height:40px;font-size:14px;text-align:center;background:linear-gradient(235deg,#fe9419,#fec926);border-radius:31px 0 0 31px;cursor:pointer;background:linear-gradient(90deg,#ff7613,#ff4b0a);border-radius:31px;color:#fff;text-decoration:none}.tradeDet .main .tradeinfo .descrip{display:flex;padding:11px 13px 19px 14px;background:#f7f7f7}.tradeDet .main .tradeinfo .descrip span{color:#333;font-size:16px;display:inline-block;width:86px;font-weight:500;line-height:28px}.tradeDet .main .tradeinfo .descrip .title{flex:1;color:#6d7278;font-weight:400;line-height:30px}.tradeDet .main .tradeComp .bargainList .head:after{height:0}.tradeDet .person{width:227px;padding-left:17px;border-left:1px dashed #dadde1;margin-left:17px;cursor:pointer}.tradeDet .person .publisher,.tradeDet .person .trader{height:266px;box-sizing:border-box;padding-top:24px;background-color:#fff;box-shadow:0 2px 7px 0 rgba(0,0,0,.07);border-radius:5px;position:relative;cursor:pointer;background:url(/_nuxt/img/a7715b0.png) no-repeat;background-size:100%;background-position-y:137px}.tradeDet .person .publisher a,.tradeDet .person .trader a{text-decoration:none}.tradeDet .person .usertype{display:block;width:46px;height:20px;position:absolute;left:0;top:0;background:url(/_nuxt/img/8755500.png) no-repeat;background-size:100% 100%}.tradeDet .person dl img{display:block;height:102px;width:102px;margin:0 auto;border-radius:51px}.tradeDet .person dl dt{font-size:16px;color:#333;text-align:center;margin-top:12px;margin-bottom:6px}.tradeDet .person dl dt .grade{display:inline-block;height:12px;line-height:12px;background-color:#fd7c49;color:#fff;font-size:12px;text-align:center;padding:2px 4px;margin-left:8px;border-radius:3px}.tradeDet .person .tagbox{text-align:center;margin-bottom:32px}.tradeDet .person .tagbox .tag{display:inline-block;width:33px;height:16px;border-radius:4px;border:1px solid #ff5406;font-size:12px;line-height:16px;text-align:center;margin:0 2px}.tradeDet .person .tagbox .tag1{border:1px solid #ff5406;color:#ff5406}.tradeDet .person .tagbox .tag2{border:1px solid #ffaf00;color:#ffaf00}.tradeDet .person .tagbox .tag3{border:1px solid #fe467d;color:#fe467d}.tradeDet .person .tagbox .tag4{border:1px solid red;color:red}.tradeDet .person .info{display:flex}.tradeDet .person .info dl{flex:2}.tradeDet .person .info dl dd{color:#eb3318}.tradeDet .person .info dl dd,.tradeDet .person .info dl dt{font-size:12px;line-height:12px;height:12px;text-align:center}.tradeDet .person .info dl dt{color:#333;margin:8px 0 0}.tradeDet .person .info dl:nth-child(2){border-right:1px solid #a0a3bb;border-left:1px solid #a0a3bb}