body{background:#f6f6f6}.nb-operation-detail{background:#f6f6f6;height:100%;width:100%}.nb-operation-detail .header{background:#fff;height:60px;width:100%;position:fixed;z-index:9}.nb-operation-detail .header .nav-wrapper{width:1200px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}.nb-operation-detail .header .nav-wrapper .nav-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.nb-operation-detail .header .nav-wrapper .nav-content span{display:inline-block;font-size:16px;color:#444;margin-right:34px;line-height:60px}.nb-operation-detail .header .nav-wrapper .nav-content span.active{color:#479efd;cursor:pointer}.nb-operation-detail .header .nav-wrapper .nav-operate{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.nb-operation-detail .header .nav-wrapper .nav-operate .operate-search{position:relative;margin-right:19px}.nb-operation-detail .header .nav-wrapper .nav-operate .operate-search input{width:200px;height:36px;border:1px solid #e6e6e6;padding-left:10px;border-radius:2px}.nb-operation-detail .header .nav-wrapper .nav-operate .operate-search input::-webkit-input-placeholder{color:#ddd}.nb-operation-detail .header .nav-wrapper .nav-operate .operate-search span{position:absolute;right:11px;top:11px;color:#2e3039;font-size:11px}.nb-operation-detail .header .nav-wrapper .nav-operate .operate-shop{margin-right:50px}.nb-operation-detail .header .nav-wrapper .nav-operate .operate-shop .cart-content{height:36px;width:107px;border:1px solid #e6e6e6;background:#f9f9f9;border-radius:2px;text-align:center;line-height:30px;color:#5e5e5e}.nb-operation-detail .header .nav-wrapper .nav-operate .operate-shop .cart-content span{font-size:12px;display:inline-block}.nb-operation-detail .header .nav-wrapper .nav-operate .operate-shop .cart-content span:first-child{color:#fb5756}.nb-operation-detail .header .nav-wrapper .nav-operate .operate-shop .cart-content span:nth-child(2){margin:0 10px 0 7px}.nb-operation-detail .header .nav-wrapper .nav-operate .avator{float:right;height:36px;width:36px;border-radius:50%;background:#d8d8d8}.nb-operation-detail .body{-webkit-box-flex:1;-ms-flex:1;flex:1;width:1200px;margin:0 auto;padding-top:60px}.nb-operation-detail .body .banner{height:300px;width:100%;background:#bbb;position:relative;overflow:hidden}.nb-operation-detail .body .banner .el-carousel__indicator .el-carousel__button{height:10px;width:10px;border-radius:50%}.nb-operation-detail .body .banner .el-carousel__indicator.is-active .el-carousel__button{width:20px;border-radius:5px}.nb-operation-detail .body .banner:hover .edit{-webkit-transform:translateY(0);transform:translateY(0)}.nb-operation-detail .body .banner .edit{position:absolute;height:40px;width:100%;background:#479efd;-webkit-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:.4s;transition:.4s;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;text-align:center;line-height:40px;z-index:8}.nb-operation-detail .body .banner .edit span{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:12px;cursor:pointer}.nb-operation-detail .body .banner .edit span:first-child,.nb-operation-detail .body .banner .edit span:nth-child(2){position:relative}.nb-operation-detail .body .banner .edit span:first-child:after,.nb-operation-detail .body .banner .edit span:nth-child(2):after{position:absolute;content:"";height:10px;width:1px;top:15px;right:0;background:hsla(0,0%,100%,.21)}.nb-operation-detail .body .banner img{width:100%;height:100%}.nb-operation-detail .body .banner .noData{height:100%;width:100%;text-align:center;line-height:300px;cursor:pointer}.nb-operation-detail .body .banner .noData>span{font-size:80px}.nb-operation-detail .body .banner .noData:hover span{color:#479efd}.nb-operation-detail .body .content .title-box{height:85px;padding:24px 0;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:37px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.nb-operation-detail .body .content .title-box .title span{display:inline-block;color:#444;font-size:25px}.nb-operation-detail .body .content .title-box .title img{width:20px;margin-right:10px}.nb-operation-detail .body .content .title-box .sort .el-radio-button__orig-radio:checked+.el-radio-button__inner{color:#fff;background:#479efd}.nb-operation-detail .body .content .title-box .sort .el-radio-button:first-child .el-radio-button__inner{border:none}.nb-operation-detail .body .content .title-box .sort .el-radio-button__inner{border:none;background:transparent}.nb-operation-detail .body .content .title-box .sort span{display:inline-block;width:44px;height:22px;color:#888;padding:0 8px;text-align:center;margin-left:18px;border-radius:12px;line-height:22px;font-size:12px;cursor:pointer}.nb-operation-detail .body .content .title-box .sort span.active,.nb-operation-detail .body .content .title-box .sort span:hover{background:#479efd;color:#fff}.nb-operation-detail .body .content .content-box .content-list .item-list{height:376px;width:384px;background:#fff;margin-bottom:21px;cursor:pointer;position:relative;overflow:hidden;display:inline-block;margin-left:24px}.nb-operation-detail .body .content .content-box .content-list .item-list.add{text-align:center;margin-left:19px}.nb-operation-detail .body .content .content-box .content-list .item-list.add span{display:inline-block;font-size:104px;font-weight:700;color:#ddd;line-height:376px}.nb-operation-detail .body .content .content-box .content-list .item-list:nth-child(3n+1){margin-left:0}.nb-operation-detail .body .content .content-box .content-list .item-list:hover .edit.fadeIn{-webkit-transform:translateY(0);transform:translateY(0)}.nb-operation-detail .body .content .content-box .content-list .item-list>div:first-child{height:216px;width:100%;background:#ddd;overflow:hidden}.nb-operation-detail .body .content .content-box .content-list .item-list>div:first-child img{width:100%}.nb-operation-detail .body .content .content-box .content-list .item-list>div:nth-child(2){padding:16px 20px 8px;position:relative}.nb-operation-detail .body .content .content-box .content-list .item-list>div:nth-child(2) h3{height:50px}.nb-operation-detail .body .content .content-box .content-list .item-list>div:nth-child(2) h3 span{width:100%;display:-webkit-box;font-size:14px;color:#444;line-height:20px;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis}.nb-operation-detail .body .content .content-box .content-list .item-list>div:nth-child(2) p{color:#888;font-size:12px;line-height:20px;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nb-operation-detail .body .content .content-box .content-list .item-list>div:nth-child(2) p:last-child{margin-bottom:0}.nb-operation-detail .body .content .content-box .content-list .item-list>div:nth-child(2) i{display:inline-block;position:absolute;right:25px;bottom:17px;width:49px;height:22px;border-radius:11px;font-size:12px;font-weight:500;color:#fff;line-height:22px;font-weight:400;font-style:normal;text-align:center}.nb-operation-detail .body .content .content-box .content-list .item-list>div:nth-child(2) i.red{background:#ff4d4f}.nb-operation-detail .body .content .content-box .content-list .item-list>div:nth-child(2) i.going{background:#479efd}.nb-operation-detail .body .content .content-box .content-list .item-list>div:nth-child(2) i.others,.nb-operation-detail .body .content .content-box .content-list .item-list>div:nth-child(2) i.over{background:#aaa}.nb-operation-detail .body .content .content-box .content-list .item-list>div.edit{position:absolute;top:0;left:0;width:100%;height:40px;background:#479efd;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transform:translateY(-40px);transform:translateY(-40px);-webkit-transition:.4s;transition:.4s}.nb-operation-detail .body .content .content-box .content-list .item-list>div.edit>div{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;line-height:40px;color:#fff;font-size:12px;text-align:center}.nb-operation-detail .body .content .content-box .content-list .item-list>div.edit>div:first-child{position:relative}.nb-operation-detail .body .content .content-box .content-list .item-list>div.edit>div:first-child:after{content:"";position:absolute;right:0;top:15px;height:10px;width:1px;background:hsla(0,0%,100%,.21)}.nb-operation-detail .body .content .content-box .content-list .item-list>div.edit>div:last-child{position:relative}.nb-operation-detail .body .content .content-box .content-list .item-list>div.edit>div:last-child:hover .page-list{-webkit-transform:scaleY(1);transform:scaleY(1)}.nb-operation-detail .body .content .content-box .content-list .item-list>div.edit>div:last-child .page-list{position:absolute;top:40px;left:0;width:100%;background:#fff;max-height:200px;overflow:auto;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transition:.4s;transition:.4s;-webkit-transform-origin:top;transform-origin:top;-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,.05);box-shadow:0 0 4px 0 rgba(0,0,0,.05);border:1px solid #eee}.nb-operation-detail .body .content .content-box .content-list .item-list>div.edit>div:last-child .page-list>ul{padding-top:6px}.nb-operation-detail .body .content .content-box .content-list .item-list>div.edit>div:last-child .page-list>ul li{line-height:34px;text-align:center;font-size:12px;color:#242e42}.nb-operation-detail .body .content .content-box .content-list .item-list>div.edit>div:last-child .page-list>ul li:hover{background:#f5f7fa}.nb-operation-detail .body .content .content-box .pagination .nb-pagination-wrapper{background:transparent;width:100%}.nb-operation-detail .footer{height:180px;background:#222;width:100%;padding:20px 0;text-align:center;color:#b3b5ba;font-size:12px}.nb-operation-detail .footer .title{line-height:20px;margin-bottom:20px}.nb-operation-detail .footer .info>div{display:inline;margin-right:30px}.nb-operation-detail .footer .info>div span{color:#3697d9}.nb-operation-detail .footer .info>div:last-child{margin-right:0}.nb-operation-detail .footer .split{width:537px;height:2px;margin:23px auto 16px;background:-webkit-gradient(linear,left top,right top,from(#222),color-stop(#979797),to(#222));background:linear-gradient(90deg,#222,#979797,#222)}.nb-operation-detail .footer .message span{color:#3697d9}