.components-preview-inner[data-v-6846ebbe]{width:100%}.setting-bg[data-v-6846ebbe]{position:fixed;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.8);z-index:1042}.left-panel[data-v-6846ebbe]{position:fixed;top:0;bottom:0;left:0;right:15%;z-index:1190;overflow:hidden}.right-panel[data-v-6846ebbe]{position:fixed;width:150px;top:0;right:20%;bottom:0;z-index:1190;background-color:transparent;overflow-y:auto;overflow:hidden}.iframe-wrapper[data-v-6846ebbe]{position:absolute;left:50%;top:50%;margin-left:-185px;margin-top:-404px;background:#fff}.cloase-btn[data-v-6846ebbe]{position:fixed;top:8px;right:20px;font-size:28px;color:#7f8593;-webkit-transition:all .28s;transition:all .28s;z-index:1190;cursor:pointer}.cloase-btn[data-v-6846ebbe]:hover{color:#fc9004}.iframe-wrapper .el-scrollbar__wrap{overflow-x:hidden}.preview-info-wrapper[data-v-75b47360]{width:100%;height:100%;position:relative}.view-box[data-v-75b47360]{position:absolute;top:30%;text-align:center}.view-box .el-form-item__label{color:#fff}.h5 .center{text-align:center}.h5 .avatar-uploader .el-upload{border:1px dashed #d9d9d9;border-radius:6px;cursor:pointer;position:relative;overflow:hidden}.h5 .avatar-uploader .el-upload:hover{border-color:#fc9004}.h5 .avatar-uploader-icon{font-size:28px;color:#8c939d;width:200px;height:200px;line-height:200px;text-align:center}.h5 .avatar{width:200px;height:200px;display:block}.h5 .el-upload__tip{font-size:12px;color:#f56c6c;margin-top:0}.h5 .h5-flex{position:fixed;top:0;left:0;right:0;z-index:105;background:#fff}.h5 .main-header{width:100%;position:relative}.h5 .main-header .header{position:absolute;z-index:1100;width:100%}.h5 .main-header .header img{margin-left:106px;margin-top:10px;width:123px}.h5 .main-header .header ul{overflow:hidden;margin-bottom:0}.h5 .main-header .header ul li{float:left;margin:10px 25px;font-size:16px;font-family:PingFang SC;font-weight:500;color:#fff;line-height:35px;cursor:pointer}.h5 .main-header .header .right{text-align:right}.h5 .main-header .header .right .login{display:inline-block;width:108px;background:#fff;border-radius:4px;text-align:center;font-size:14px;font-family:PingFang SC;font-weight:500;color:#fc9004;line-height:29px;margin:10px 112px 0 0;padding:2px 0;cursor:pointer}.h5 .main-header .sw-img{height:315px;width:100%;background-image:url(../../static/img/banner.9f7813e1.png);background-position:50%;background-size:100% 100%}.h5 .h5-body{position:relative;background:#eff2f5}.h5 .h5-body .tab{background:#fff;text-align:center;height:77px}.h5 .h5-body .tab .tab-body{display:inline-block}.h5 .h5-body .tab .tab-body .el-tabs__nav-wrap:after{background-color:transparent!important}.h5 .h5-body .tab .tab-body i{font-size:36px}.h5 .h5-body .tab .tab-body .tab-title{font-size:18px;position:relative;top:-10px}.h5 .h5-body .tab .tab-box{display:inline-block;width:204px;padding:0 75px;height:76px}.h5 .h5-body .tab-item{width:1200px;margin:40px auto 0}.h5 .h5-body .tab-item .first{padding:15px;text-align:center;color:#657ea8}.h5 .h5-body .tab-item .first i{font-size:24px}.h5 .h5-body .tab-item .first div{font-size:16px;font-weight:700}.h5 .h5-body .tab-item .mode{margin-top:25px}.h5 .h5-body .tab-item .mode .moban{height:333px;border:1px dashed #c1cadc;padding:140px 70px}.h5 .h5-body .tab-item .mode .addmoban{height:107px;border:1px dashed #c1cadc;padding:24px 70px;margin-top:10px}.h5 .h5-body .tab-item .mode .mode-card{cursor:pointer;position:relative;margin-bottom:50px;height:483px}.h5 .h5-body .tab-item .mode .mode-card .mode-type{position:absolute;top:0;right:0;width:52px;z-index:100}.h5 .h5-body .tab-item .mode .mode-card .mode-type img{display:block}.h5 .h5-body .tab-item .mode .mode-card .mode-type span{display:block;width:52px;height:23px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADoAAAAgCAYAAABD9mvVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTcwQTgwMkVGOTVBMTFFQTg0NjM5MTcxODFFQ0RBMUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjAxQkE3NDhGOTVBMTFFQTg0NjM5MTcxODFFQ0RBMUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNzBBODAyQ0Y5NUExMUVBODQ2MzkxNzE4MUVDREExRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNzBBODAyREY5NUExMUVBODQ2MzkxNzE4MUVDREExRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpkH0AgAAAC5SURBVHja7NlBCkFRHIXxh3qyDTMpZQtGytwKFAMTG1EGimIXBm9gF6RM3j4Qz3cHSnbgf86pb3RHv17dO3i1atyvshi7UUkF7ejyfVjP4qxJHVrQiTbUigj9/YBTOlAeGfrZgJYK0LQZdRWgDZooQNOGKtC2CjRXgWaGGmqooYYaaqihhhpqqKH/A72rQEsVaKEC3dNTAXqmrcqtm/5XHBWg6eYd0Zpe0d/RhJ1Tj1Z0pUcU6FuAAQASuhnN5nh2pQAAAABJRU5ErkJggg==) no-repeat 50%;background-size:cover;text-align:center;font-size:12px;color:#fff;line-height:23px;border-radius:6px 6px 6px 0}.h5 .h5-body .tab-item .mode .mode-card .mode-type .mode-type-t-gray{background:#666}.h5 .h5-body .tab-item .mode .mode-card .mode-bg{position:absolute;display:-webkit-box;display:-ms-flexbox;display:flex;background:rgba(0,0,0,.5);top:0;left:0;right:0;z-index:100;height:344px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:0;-webkit-transition:all .3s;transition:all .3s}.h5 .h5-body .tab-item .mode .mode-card .mode-bg div{text-align:center}.h5 .h5-body .tab-item .mode .mode-card .mode-bg i{font-weight:400;font-size:28px}.h5 .h5-body .tab-item .mode .mode-card .mode-bg p{margin-bottom:0;font-size:14px;font-family:PingFang SC;font-weight:400}.h5 .h5-body .tab-item .mode .mode-card:hover{-webkit-box-shadow:0 2px 20px 0 rgba(0,0,0,.2);box-shadow:0 2px 20px 0 rgba(0,0,0,.2)}.h5 .h5-body .tab-item .mode .mode-card:hover .mode-bg{opacity:1}.h5 .h5-body .tab-item .mode .mode-card .mode-bg-item{margin:30px;width:65px;height:65px;text-align:center;background:#fff;color:#657ea8;padding:10px;border-radius:50%}.h5 .h5-body .tab-item .mode span.title{display:block;height:24px;font-size:16px;font-family:PingFang SC;font-weight:500;color:#343434;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.h5 .h5-body .tab-item .mode .time{height:21px;color:#949494;font-family:PingFang SC;font-size:14px;margin:5px 0}.h5 .h5-body .tab-item .mode .bottom{line-height:12px}.h5 .h5-body .tab-item .mode .button{margin-top:8px;padding:0;float:right}.h5 .h5-body .tab-item .mode .image{width:100%;height:344px;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.h5 .h5-body .tab-item .mode .image img{width:100%}.h5 .h5-body .tab-item .mode .clearfix:after,.h5 .h5-body .tab-item .mode .clearfix:before{display:table;content:""}.h5 .h5-body .tab-item .mode .clearfix:after{clear:both}.h5 .h5-body .tab-item .mode .item-setting{margin:0 20px;padding:15px 0 15px;text-align:center;border-top:1px solid #efefef}.h5 .h5-foot{position:relative;text-align:center;padding:0 0 30px;background:#eff2f5}