.site-head{width:1376px;padding-left:calc(50% - 688px);padding-right:calc(50% - 688px);height:180px;padding-top:16px;position:sticky;top:0;z-index:1000;-webkit-transition:all .3s ease;transition:all .3s ease}.site-head.is-sticky{background-image:url(../img/mainBg.81ecf3c8.jpg);background-size:100% auto;background-repeat:repeat;background-position:0 0;background-color:rgba(10,22,38,.98);-webkit-box-shadow:0 4px 20px rgba(0,0,0,.3);box-shadow:0 4px 20px rgba(0,0,0,.3)}.site-head .hello{font-family:Roboto;font-size:16px;font-weight:700;line-height:40px;letter-spacing:0;font-variation-settings:"opsz" auto;color:#fff;float:left;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.site-head .loginBtn{background:#3b82f6;border:1px solid #fff;margin-left:25px;width:66.5px;line-height:26px;color:#fff}.site-head .loginBtn,.site-head .regBtn{-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:5px;font-family:Roboto;font-size:14px;font-weight:400;padding:0;float:left;text-align:center;letter-spacing:0;-webkit-transition:margin-top .3s ease;transition:margin-top .3s ease}.site-head .regBtn{width:137.31px;height:28px;border-radius:4px;background:#fff;border:1px solid #fff;color:#3a7ae2;line-height:28px}.site-head .tabs{float:right}.site-head .tabs span{height:24px;opacity:1;font-family:Roboto;font-size:16px;font-weight:400;line-height:24px;letter-spacing:0;line-height:40px;color:#fff;margin-left:30px}.site-head .tabs .custom-menu{background-color:transparent}.site-head .tabs .el-menu--horizontal>.el-menu-item{height:40px;line-height:40px;-webkit-transition:font-size .3s ease;transition:font-size .3s ease}.site-head .tabs .el-menu.el-menu--horizontal{border:none}.site-head .tabs .el-menu--horizontal .el-menu-item:not(.is-disabled):hover,.site-head .tabs .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus,.site-head .tabs .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover,.site-head .tabs .el-menu--horizontal>.el-submenu .el-submenu__title:hover{background-color:transparent!important;color:#3a7ae2!important}.site-head .tabs .el-menu--horizontal>.el-menu-item{border-bottom:none}.site-head .tabs .el-submenu__title{-webkit-transition:font-size .3s ease;transition:font-size .3s ease}.site-head .search{width:100%;float:left;margin-top:30px;-webkit-transition:margin-top .3s ease;transition:margin-top .3s ease}.site-head .search .logo{float:left}.site-head .search .logo img{float:left;width:84px;height:84px;-webkit-transition:width .3s ease,height .3s ease,margin-top .3s ease;transition:width .3s ease,height .3s ease,margin-top .3s ease}.site-head .search .logo .logoTitle{float:left;color:#fff;width:205px;text-align:center;margin-top:10px}.site-head .search .logo .logoTitle p{-webkit-transition:font-size .3s ease;transition:font-size .3s ease}.site-head .search .serachInput{float:right;width:840px}.site-head .search .serachInput .searchBox{float:left;width:100%;border:1px solid #3b82f6;border-radius:5px;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.site-head .search .serachInput .searchBox ::-webkit-input-placeholder{color:#666;opacity:1}.site-head .search .serachInput .searchBox ::-moz-placeholder{color:#666;opacity:1}.site-head .search .serachInput .searchBox :-ms-input-placeholder{color:#666;opacity:1}.site-head .search .serachInput .searchBox ::-ms-input-placeholder{color:#666;opacity:1}.site-head .search .serachInput .searchBox ::placeholder{color:#666;opacity:1}.site-head .search .serachInput .searchBox .el-input__icon{color:#666}.site-head .search .serachInput .searchBox .el-select{border-radius:0;width:104px;float:left}.site-head .search .serachInput .searchBox .el-select .el-input{width:100%}.site-head .search .serachInput .searchBox .el-select .el-input .el-input__inner{border-radius:0;background:hsla(0,0%,100%,.8);-webkit-transition:all .3s ease;transition:all .3s ease}.site-head .search .serachInput .searchBox .searchmain{float:left;width:534px}.site-head .search .serachInput .searchBox .searchmain .el-input__inner{border-radius:0;border-left:1px solid #3b82f6;background:hsla(0,0%,100%,.8);-webkit-transition:all .3s ease;transition:all .3s ease}.site-head .search .serachInput .searchBox .searchBtn{float:left;background:#3b82f6;font-weight:400;letter-spacing:0;color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}.site-head .search .serachInput .searchHot{float:left;margin-top:12px;width:100%;-webkit-transition:margin-top .3s ease;transition:margin-top .3s ease}.site-head .search .serachInput .searchHot span{float:left;color:#fff;font-size:13px;font-weight:400;margin-right:30px;-webkit-transition:font-size .3s ease;transition:font-size .3s ease}.site-head .search .serachInput .searchHot div{float:left}.site-head .search .serachInput .searchHot div span{margin-right:20px;cursor:pointer}.site-head .search .serachInput .searchHot div span:hover{color:#3b82f6}.ewmBox{width:200px}.ewmBox img{float:left;width:calc(100% - 10px);margin-left:5px}.ewmBox span{width:100%;float:left;text-align:center}.orderDetail{width:calc(100% - 40px);margin:0 auto;position:relative;z-index:1;border-radius:12px;padding:20px;float:left}.orderDetail .mainDiv{width:1276px;margin:0 auto;position:relative}.orderDetail .mainDiv .topBox{width:calc(100% - 40px);border-radius:12px;opacity:1;float:left;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#fff),to(#fff));background:linear-gradient(180deg,#fff 5%,#fff);padding:20px}.orderDetail .mainDiv .topBox .title{font-size:16px;font-weight:600;line-height:28px;color:#000}.orderDetail .mainDiv .topBox .title i{color:#facc15;font-size:22px;margin-right:13px;float:left;margin-top:4px}.orderDetail .mainDiv .topBox .listHead{width:100%;height:40px;background:#f9f9f9;line-height:40px;float:left;margin-bottom:16px}.orderDetail .mainDiv .topBox .listHeadspan{width:40%}.orderDetail .mainDiv .topBox .listHeadspan,.orderDetail .mainDiv .topBox .listHeadspan1{font-size:16px;font-weight:500;line-height:40px;letter-spacing:0;color:#333;float:left;text-align:center}.orderDetail .mainDiv .topBox .listHeadspan1{width:182px;width:33%;text-align:left;padding-left:10px}.orderDetail .mainDiv .topBox .list{width:calc(100% - 20px);float:left;border-radius:10px;opacity:1;padding:21px 10px;border:1px solid #f9f9f9;z-index:2;margin-top:18px}.orderDetail .mainDiv .topBox .list .topLine{line-height:30px;width:100%;float:left;margin-bottom:20px}.orderDetail .mainDiv .topBox .list .topLine .check{float:left;width:14px;height:14px;margin:8px 0}.orderDetail .mainDiv .topBox .list .topLine .orderNum,.orderDetail .mainDiv .topBox .list .topLine .orderTime{margin-right:16px;font-size:14px;font-weight:400;letter-spacing:0;color:#9e9e9e;float:left}.orderDetail .mainDiv .topBox .list .topLine .orderNum s,.orderDetail .mainDiv .topBox .list .topLine .orderTime s{color:#333}.orderDetail .mainDiv .topBox .list .topLine .orderl{float:left;margin-left:16px;margin-right:16px}.orderDetail .mainDiv .topBox .list .topLine .orderIcon{float:left;height:14px;margin:8px 0}.orderDetail .mainDiv .topBox .list .topLine .shopName{font-size:14px;font-weight:500;letter-spacing:0;float:left;margin-left:10px;color:#3b82f6}.orderDetail .mainDiv .topBox .list .orderMain{width:100%;float:left}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1{padding-left:0}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1 .headIcon{height:80px;width:80px;float:left;border-radius:12px;overflow:hidden;margin-right:16px}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1 .headIcon img{width:100%;height:100%}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1 .l1_main{width:calc(100% - 112px);float:left;margin-left:16px}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1 .l1_main span{float:left;line-height:20px;width:100%}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan1 .l1_main .l_info{font-size:14px;font-weight:400;line-height:16px;color:#666;margin-top:14px}.orderDetail .mainDiv .topBox .list .orderMain .listHeadspan{width:172px}.orderDetail .mainDiv .topBox .list .orderMain .l2_main{width:135px;float:left}.orderDetail .mainDiv .topBox .list .orderMain .l2_main span{width:100%;font-size:14px;margin-top:14px;text-align:right;float:left;line-height:16px}.orderDetail .mainDiv .topBox .list .orderMain .l2_main .status{color:#ff7822}.orderDetail .mainDiv .topBox .list .orderMain .last .l2_main{float:right}.orderDetail .mainDiv .topBox .list .orderMain .btns{width:100%;text-align:center}.orderDetail .mainDiv .topBox .list .orderMain .btns span{text-align:center;font-weight:400;cursor:pointer;color:#3b82f6}.orderDetail .mainDiv .topBox .list .orderMain .btns .statusBtn{width:76px;height:34px;border-radius:5px;opacity:1;background:#3b82f6;float:left;z-index:1;margin-left:calc(50% - 38px);color:#fff;line-height:34px}.orderDetail .mainDiv .bottomBox{width:calc(100% - 40px);border-radius:12px;opacity:1;float:left;margin-top:16px;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#fff),to(#fff));background:linear-gradient(180deg,#fff 5%,#fff);padding:20px}.orderDetail .mainDiv .bottomBox .title{font-size:16px;font-weight:600;line-height:28px;color:#000;width:100%;float:left}.orderDetail .mainDiv .bottomBox .title i{color:#facc15;font-size:22px;margin-right:13px;float:left;margin-top:4px}.orderDetail .mainDiv .bottomBox .title .span{border-left:4px solid #3b82f6;padding-left:10px;line-height:16px}.orderDetail .mainDiv .bottomBox .evalBox{width:100%;float:left;margin-top:16px;border:1px solid #f4f8fe}.orderDetail .mainDiv .bottomBox .evalBox .txBox{width:121px;height:155px;float:left;opacity:1;background:#f4f8fe;z-index:0}.orderDetail .mainDiv .bottomBox .evalBox .txBox .imgBox{width:70px;height:70px;border-radius:40.5px;float:left;overflow:hidden;margin-top:20px;margin-left:25.5px}.orderDetail .mainDiv .bottomBox .evalBox .txBox .imgBox img{width:100%;height:100%;float:left}.orderDetail .mainDiv .bottomBox .evalBox .txBox span{width:100%;height:20px;float:left;opacity:1;font-size:18px;font-weight:500;color:#222;text-align:center;z-index:0;margin-top:16px}.orderDetail .mainDiv .bottomBox .evalBox .evalInput{margin:20px;width:calc(100% - 161px);float:left;height:100%}.orderDetail .mainDiv .bottomBox .evalBox .uploadBox{margin:20px;width:calc(100% - 161px);float:left;margin-top:0}.orderDetail .mainDiv .bottomBox .evalBox .uploadBox span{width:100%;height:22px;opacity:1;font-size:16px;font-weight:400;line-height:22px;color:rgba(0,0,0,.45);float:left;margin-bottom:10px}.orderDetail .mainDiv .bottomBox .btnBox{width:100%;text-align:center;float:left;margin-top:16px}.orderDetail .mainDiv .pjBox{width:100%;float:left}.orderDetail .mainDiv .pjBox .head{width:calc(100% - 40px);float:left;margin:20px}.orderDetail .mainDiv .pjBox .head .headIcon{width:56px;height:56px;float:left;border-radius:56px;overflow:hidden;margin-right:16px}.orderDetail .mainDiv .pjBox .head .headIcon img{width:100%;height:100%}.orderDetail .mainDiv .pjBox .head .headInfo{float:left;width:calc(100% - 80px)}.orderDetail .mainDiv .pjBox .head .headInfo .name{font-family:Source Han Sans;font-size:16px;font-weight:700;line-height:16px;letter-spacing:0;float:left;color:#000;width:100%}.orderDetail .mainDiv .pjBox .head .headInfo .goods{font-family:Source Han Sans;font-size:16px;font-weight:400;line-height:16px;letter-spacing:0;float:left;font-variation-settings:"opsz" auto;-webkit-font-feature-settings:"kern" on;font-feature-settings:"kern" on;color:#666;margin-top:12px}.orderDetail .mainDiv .pjBox .pjdetail{font-weight:500;line-height:16px;letter-spacing:0;color:#222}.orderDetail .mainDiv .pjBox .imgbox,.orderDetail .mainDiv .pjBox .pjdetail{width:calc(100% - 40px);float:left;font-size:16px;margin:20px;margin-top:0}.orderDetail .mainDiv .pjBox .imgbox .el-image{width:200px;height:135.73px}