.image-content{-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow-y:auto;margin-top:20px;margin-bottom:20px;text-align:center}.image-content::-webkit-scrollbar{height:6px;width:6px}.image-content .img-box{cursor:move;height:120px;margin-bottom:10px;overflow:hidden;position:relative}.image-content .img-box.sortable-chosen .img-mask,.image-content .img-box.v-move .img-mask{opacity:0!important}.image-content .img-box:hover .img-mask{opacity:1;pointer-events:visible}.image-content .img-box .ant-image,.image-content .img-box .ant-image img{height:100%}.image-content .img-box .img-mask{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;width:100%;background-color:rgba(0,0,0,.4);top:0;-webkit-transition:.3s ease;transition:.3s ease;opacity:0;pointer-events:none}.video-content video{width:100%;max-height:328px}.video-content{-webkit-box-flex:1;-ms-flex:auto;flex:auto;overflow-y:auto;margin-top:20px;margin-bottom:20px;text-align:center}.video-content .video{width:100%;max-height:328px}.video-content::-webkit-scrollbar{height:6px;width:6px}.spot-title{height:29px;margin-bottom:10px;border-bottom:1px solid #d7d8dd}.spot-title .ant-input{height:100%;min-height:28px;line-height:28px;border:none}.spot-title .ant-input:focus{-webkit-box-shadow:none;box-shadow:none}.spot-desc{height:112px}.spot-desc textarea{position:relative;height:100%}.spot-desc textarea .ant-input{height:100%;border:none;background-color:#f0f3ff}.spot-desc textarea:after{position:absolute;bottom:10px;right:10px;font-size:12px}.select-hot-spot-type{margin-bottom:20px}.select-hot-spot-type .tip2{font-family:Noto Sans TC,sans-serif;font-style:normal;font-weight:400;font-size:12px;line-height:17px;color:#a5a8b2;margin-left:7px;margin-top:-3px}.select-hot-spot-type .tip2>span{color:#2054f7}.select-hot-spot-type .type-item{cursor:pointer}.select-hot-spot-type .type-item:not(:last-child){margin-bottom:17px}.select-hot-spot-type .type-item>span{vertical-align:middle;margin-left:5px}.system-icon-list{-ms-flex-wrap:wrap;flex-wrap:wrap;width:calc(100% + 10px);padding-top:10px}.system-icon-list,.system-icon-list .icon-item{display:-webkit-box;display:-ms-flexbox;display:flex}.system-icon-list .icon-item{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.system-icon-list .icon-item .extra-icon{position:absolute;right:2px;top:2px;width:20px}.system-icon-list .icon-item .icon{width:70%}.system-icon-list .icon-item:nth-child(2) .icon{width:auto;height:80%}.icon-item{display:inline-block;width:40px;height:40px;background:#34363e;margin-right:10px;margin-bottom:10px}.custom-icon-box .custom-icon-list-container{width:calc(100% + 18px);margin-left:-2px;padding-left:2px;padding-top:10px;max-height:200px;overflow-y:auto}.custom-icon-box .custom-icon-list-container .icon-item{position:relative;line-height:40px}.custom-icon-box .custom-icon-list-container::-webkit-scrollbar{height:6px;width:6px}.scwnarios-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;overflow:auto;height:550px}.scwnarios-list .scwnarios-list-item{margin-bottom:20px;border-radius:8px;cursor:pointer;width:350px;padding:10px 20px;background-color:#edeef2;height:110px;position:relative}.scwnarios-list .scwnarios-list-item>img{height:100%;margin-right:20px;border-radius:8px}.scwnarios-list .scwnarios-list-item>.scwnarios-checkbox{position:absolute;top:0;right:0}.scwnarios-list .scwnarios-list-item:hover{-webkit-box-shadow:0 -4px 30px rgba(45,48,55,.1);box-shadow:0 -4px 30px rgba(45,48,55,.1)}.add-hot-spot-modal .ant-drawer-body{height:100%}.add-hot-spot-modal .ant-drawer-body .add-hot-spot-container{height:calc(100% - 48px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.add-hot-spot-modal .ant-drawer-body .drawer-control-btns{bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.add-hot-spot-modal .ant-drawer-body .drawer-control-btns .ant-btn{height:48px;width:115px}.add-hot-spot-modal .ant-drawer-body .drawer-control-btns .ant-btn:last-child{margin-left:10px}.add-hot-spot-modal .select-hot-spot-type{margin-bottom:20px}.add-hot-spot-modal .select-hot-spot-type .type-item{cursor:pointer}.add-hot-spot-modal .select-hot-spot-type .type-item:not(:last-child){margin-bottom:17px}.add-hot-spot-modal .select-hot-spot-type .type-item>span{vertical-align:middle;margin-left:5px}.add-hot-spot-modal h3{margin-bottom:15px}.add-hot-spot-modal h4{font-size:14px;font-weight:400}.add-img-box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:10px}.add-img-box h4{display:inline-block}.add-img-box .ant-btn{height:30px;width:88px;font-size:12px}.select-scwnarios-modal{width:900px!important}.select-scwnarios-modal>.ant-modal-content{padding:30px}.hot-spot-right-bar .hot-spot-list{margin-bottom:30px;max-height:calc(100vh - 268px);width:calc(100% + 20px);padding-right:20px;overflow-x:hidden;overflow-y:auto}.hot-spot-right-bar .hot-spot-list .hot-spot-item{cursor:pointer;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.hot-spot-right-bar .hot-spot-list .hot-spot-item,.hot-spot-right-bar .hot-spot-list .hot-spot-item .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.hot-spot-right-bar .hot-spot-list .hot-spot-item .box{height:100%}.hot-spot-right-bar .hot-spot-list .hot-spot-item:not(:last-child){margin-bottom:20px}.hot-spot-right-bar .hot-spot-list .hot-spot-item .icon-box{display:inline-block;margin-right:12px}.hot-spot-right-bar .hot-spot-list .hot-spot-item .icon-box svg{vertical-align:middle}.hot-spot-right-bar .add-hot-spot-btn{width:100%;height:48px}