.btn{text-align:center;background:#313131;border:1px solid #313131;color:#fff}.btn.white{background:#fff;color:#313131}.btn.red{background:#f13a3a;border-color:#f13a3a;color:#fff}.btn.red:hover{background:#d23939}.btn.disabled{background:#dbdbdb;border-color:#dbdbdb;cursor:default}.page-detect{padding:40px 120px}.page-detect i{font-style:normal}.page-detect .title{font-size:22px;text-align:center;margin:0 0 30px}.page-detect .upload-box{border:2px dashed #d9d9d9;border-radius:16px;text-align:center}.page-detect .upload-box.drag-over{background:#fafafa}.page-detect .upload-box .placeholder{padding:80px 0;cursor:pointer}.page-detect .upload-box .placeholder img.upload{width:90px}.page-detect .upload-box .placeholder img.detect{width:76px}.page-detect .explain{margin:44px 0 10px;border-top:1px solid #e8e8e8;padding:38px 0 0;text-align:left}.page-detect .explain p{margin:0 0 1px;color:#acacac}.page-detect .btn-group{padding:30px 0;text-align:center}.page-detect .btn-group .btn{display:inline-block;margin:0 12px;width:208px;line-height:40px;border-radius:6px}.page-detect .btn-group .btn.red:hover{background:#e13c39}.page-detect .btn-group .btn.white{background:#fff;color:#e13c39}.page-detect .btn-group .btn.white:hover{background:#fff}.page-detect .btn-group .btn.disabled{background:#fff;border-color:#e8e8e8;color:#b7b7b7}.page-detect .btn-group .btn.disabled:hover{background:#fff}.page-detect .btn-group .tip{margin:0 -32px 0 5px;position:relative}.page-detect .btn-group .tip img{width:20px}.page-detect .btn-group .tip div{display:none;position:absolute;left:-240px;bottom:28px;line-height:20px;padding:13px 15px 16px;width:480px;opacity:1;border-radius:4px;background:#fff;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.13725490196078433);box-shadow:0 0 6px 0 rgba(0,0,0,.13725490196078433);color:#6c6c6c;text-align:left;z-index:11}.page-detect .btn-group .tip div small{font-size:14px;color:#9d9d9d;margin:0 0 4px}.page-detect .btn-group .tip div p{margin:0 0 3px}.page-detect .btn-group .tip:hover div{display:block}.page-detect .btn-group .tip:hover:before{content:" ";width:0;height:0;position:absolute;left:50%;bottom:22px;margin-left:-6px;z-index:0;border-top:6px solid #fff;border-right:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid transparent;-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,.13725490196078433);box-shadow:0 0 6px 0 rgba(0,0,0,.13725490196078433);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.page-detect .uploads,.page-detect .uploads .ant-col{padding:8px 7px}.page-detect .upload-item{height:180px;border-radius:8px;background:#fafafa;overflow:hidden}.page-detect .upload-item .index{position:absolute;left:0;top:0;z-index:1;font-size:12px;color:#908d8c;width:44px;text-align:center;line-height:22px;border-radius:8px 0 8px 0;background:#fafafa}.page-detect .upload-item .remove{position:absolute;right:10px;bottom:10px;z-index:1;width:24px;height:24px;opacity:.9;border-radius:5px;background:#2f2827;cursor:pointer}.page-detect .img-adapt-box{position:relative}.page-detect .img-adapt-box .img-adapt{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:auto;max-height:100%;max-width:100%;z-index:0}.page-detect .img-adapt-box .areas{position:absolute;left:0;top:0;width:100%;height:100%;cursor:default}.page-detect .img-adapt-box .areas text{text-anchor:middle}.page-detect .detect-box .img-adapt-box{margin:24px 0 -8px;height:300px}.page-detect .detect-box .loading{margin:12px 0 0;display:inline-block;width:320px;height:12px;opacity:1;border-radius:8px;background:#f5f5f5;overflow:hidden;position:relative}.page-detect .detect-box .loading b{position:absolute;left:0;top:0;height:100%;border-radius:8px;background:#e0dfdf}.page-detect .result-box h4{color:#262626;margin:30px 0 13px;font-size:18px}.page-detect .result-box h4 small{margin:0 0 0 8px;color:#acacac;font-size:14px}.page-detect .result-box .ant-radio-group>label{-webkit-box-shadow:none!important;box-shadow:none!important;padding:4px 32px;height:40px}.page-detect .result-box .ant-radio-button-wrapper-checked{border-color:#cf4a41;color:#e13c39}.page-detect .result-box .fonts{margin:3px 0 0}.page-detect .result-box .font-item{margin:0;border-bottom:1px solid #e9e8e8;padding:22px 0;position:relative}.page-detect .result-box .font-item .head{line-height:16px;font-size:14px;margin:0 0 6px}.page-detect .result-box .font-item .head i{display:inline-block;width:16px;text-align:center;margin-right:4px;opacity:1;border-radius:2px;background:#fdf1f0;color:#ea5e5b}.page-detect .result-box .font-item .head span{color:#acacac}.page-detect .result-box .font-item .text{font-size:40px;line-height:58px}.page-detect .result-box .font-item .tag{position:absolute;right:0;top:63px}.page-detect .result-box .font-item .tag *{line-height:24px;display:inline-block}.page-detect .result-box .font-item .tag i{padding:0 9px;border-radius:6px}.page-detect .result-box .font-item .tag a{margin-left:28px;color:#4780e5}.page-detect .result-box .font-item .tag a img{width:10px;margin-left:4px;position:relative;top:-1px}.modal-detect-explain .modal{width:480px;height:270px}.modal-detect-explain p{margin:0 0 14px;padding-left:20px;position:relative;line-height:20px}.modal-detect-explain p i{position:absolute;top:1px;left:0}.modal-detect-explain b{font-weight:600}.modal-detect-explain a{color:#415fd0;text-decoration:underline}.erroText{font-size:20px;margin:20px 0;color:red}