.controlModal .controlBox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left;margin-bottom:20px;width:350px;min-height:300px}.controlModal .multipleBox{-webkit-box-align:normal;-ms-flex-align:normal;align-items:normal}.controlModal .controlLeft{width:70px;height:175px;border:1px solid #ccc;border-radius:40px;float:left;margin-left:10px;overflow:hidden}.controlModal .controlLeft button:first-child{margin-top:0;background:hsla(0,0%,93.3%,.34901960784313724)}.controlModal .controlLeft span{text-align:center;display:block}.controlModal .controlLeft button{width:70px;display:block;height:88px;line-height:88px;text-align:center;background:transparent;border:none;font-size:26px;border-radius:0}.controlModal .controlLeft button:focus{-webkit-box-shadow:none;box-shadow:none}.controlModal .controlRight{float:right;margin-left:30px;width:230px}.controlModal .controlRight button{float:left;cursor:pointer;padding:0;width:64px;height:64px;line-height:35px;display:block;border:1px solid #ccc;border-radius:5px;margin:0 10px 10px 0;text-align:center}.controlModal .controlRight .ivu-icon{line-height:1;display:block;font-size:28px;margin-top:9px;color:#b6bfd7}.controlModal .controlRight span{height:20px;line-height:20px;vertical-align:top;font-size:12px}.coverBox{width:480px;height:300px;margin-top:20px}.coverBox img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.controlModal .ivu-modal-body{display:inline-block;width:100%}.controlModal .buttonbox{float:left;border-right:1px solid #eee;min-height:360px}.controlModal .buttonbox .controlBottom button{width:150px;background:-webkit-gradient(linear,left top,right top,from(#6ec5fd),to(#11a1fc));background:linear-gradient(90deg,#6ec5fd,#11a1fc);color:#fff;border:#11a1fc;height:38px}.controlModal .buttonbox .controlBottom button:nth-child(2){float:right;margin-right:30px;background:#fff;color:#515a6e;border:1px solid #dcdee2}.controlModal .controlRightBox{width:480px;min-height:354px;float:right;margin-right:10px}.controlModal .changeScreen{display:block;margin-bottom:20px;text-align:right}.controlModal .multipleBox .controlRight{width:100%}.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}.devpreViewModal .detailbox{width:100%;height:565px}.devpreViewModal .detailbox .detailleft{width:400px;float:left}.devpreViewModal .detailbox .previewright{width:300px;float:right}.devpreViewModal .detailbox .detailleft .mark{position:absolute;z-index:2;height:24px;line-height:24px;right:10px;top:5px}.devpreViewModal .detailbox .detailleft .mark span{width:12px;height:11px;display:block;border-radius:50%;float:left;margin-top:6px;margin-right:5px}.devpreViewModal .detailbox .detailleft .previewbox{width:400px;height:300px;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#ccc}.devpreViewModal .detailbox .detailleft .previewbox img{max-height:300px;max-width:400px}.devpreViewModal .detailbox .detailleft .historybox .historyList{width:120px;position:relative;float:left;margin-right:10px;height:164px}.devpreViewModal .detailbox .detailleft .historybox .historyList .historyimg{width:120px;height:67.5px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#ccc}.devpreViewModal .detailbox .detailleft .historybox .historyList .historyimg img{max-width:120px;max-height:67.5px}.devpreViewModal .detailbox .detailleft .historybox .historyList span{display:block;position:absolute;z-index:2;height:24px;line-height:24px;right:10px;top:5px}.devpreViewModal .detailbox .detailleft .historybox .historyList .stateon{color:#7fff00}.devpreViewModal .detailbox .detailleft .historybox .historyList .stateunline{color:#dc143c}.devpreViewModal .detailbox .detailleft .historybox .historyList p{text-align:left;height:24;line-height:24px}.devpreViewModal .ivu-modal-body{height:auto;overflow:auto}.devpreViewModal .detailbox .detailleft .historybox{margin-top:20px}.devpreViewModal .detailbox .detailleft .historybox .thumbImg{width:100%;height:100%}.clear{clear:both}.devpreViewModal .detailbox .previewright .optionBtn{width:100%;border-bottom:1px solid #ccc;height:30px}.devpreViewModal .detailbox .previewright .optionBtn button{float:left;margin-left:8px}.devpreViewModal .detailbox .previewright .devstatistics .statictitle{font-size:16px}.devpreViewModal .detailbox .previewright .devstatistics{margin-top:10px}.devpreViewModal .detailbox .previewright .devstatistics .statisticslist .statisticslistbox{width:120px;padding:5px 10px;float:left;margin-right:10px;height:65px;margin-bottom:10px;background:#f6f7f9;border-radius:8px}.devpreViewModal .detailbox .previewright .devstatistics .statisticslist .statisticslistbox span{margin-right:10px;color:#b7b7b7;line-height:14px;font-size:10px}.devpreViewModal .detailbox .previewright .devstatistics .statisticslist .statisticslistbox span:nth-child(2){margin-right:10px;width:100px;display:inline-block;font-size:20px;line-height:28px;color:#626a7c}.devpreViewModal .detailbox .previewright .devDetail{width:100%;border-top:1px solid #ccc}.devpreViewModal .detailbox .previewright .devDetail div span{margin-right:10px;height:30px;line-height:30px}