.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}.main-header,.main .el-header{position:relative}.main-header{width:100%}.main-header .header{position:absolute;z-index:1100;width:100%}.main-header .header img{margin-left:106px;margin-top:10px;width:123px}.main-header .header ul{overflow:hidden;margin-bottom:0}.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}.main-header .header .right{text-align:right}.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}.main-header .sw-img{height:315px;width:100%;background-image:url(../../static/img/banner.9f7813e1.png);background-position:50%;background-size:100% 100%}.main-body{position:relative}.main-body .bg{position:absolute;z-index:101;top:-320px;width:100%;height:600px;background-position:50%;background-size:cover}.main-body .max-box{padding:16px}.main-body .body-box{position:relative;top:-140px;width:1200px;margin:0 auto;z-index:102}.main-body .box-card{background-position:50%;background-size:100% auto;background-repeat:no-repeat;padding:40px 55px;height:180px}.main-body .box-card .card-head{text-align:center}.main-body .box-card .card-head img{height:62px}.main-body .box-card .card-head p{margin-top:10px;font-size:16px;font-family:PingFang SC;font-weight:600;color:#343434}.main-body .box-card .card-item{float:left;text-align:center;width:33.3333333333%;font-size:14px;padding:5px 0;font-family:PingFang SC;font-weight:600;cursor:pointer;color:#6a788e}.main-body .box-card .card-item:hover{color:#fc9004}.main-body .one{background-image:url(../../static/img/pic_01.ac5b9aff.png)}.main-body .two{background-image:url(../../static/img/pic_02.bacb6279.png)}.main-body .tree{background-image:url(../../static/img/pic_03.35e6a3e9.png)}.main-body .content{margin-top:110px;padding:0 30px}.main-body .content .divider{text-align:center}.main-body .content .divider small{font-size:16px;font-family:PingFang SC;font-weight:600;color:#ccd0d6}.main-body .content .divider h4{font-size:30px;font-family:PingFang SC;font-weight:600;color:#343434}.main-body .content .btn img{height:20px;vertical-align:text-top}.main-body .content .btn span{display:inline-block;text-align:center;width:120px;height:34px;background:#fff;border:1px solid #d1d1d1;border-radius:4px;line-height:32px;font-size:14px;font-family:PingFang SC;font-weight:500;color:#9a9a9a;margin-right:28px;cursor:pointer}.main-body .content .btn span:hover{border:1px solid #fc9004;color:#fc9004}.main-body .content .btn .active{border:1px solid #fc9004;color:#fc9004}.main-body .content .mode{margin-top:25px;min-height:300px;-webkit-transition:all .3s;transition:all .3s}.main-body .content .mode .mode-type{position:absolute;top:0;right:0;width:52px;z-index:100}.main-body .content .mode .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}.main-body .content .mode .mode-card{cursor:pointer;position:relative;margin-bottom:30px}.main-body .content .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:380px;-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}.main-body .content .mode .mode-card .mode-bg div{text-align:center}.main-body .content .mode .mode-card .mode-bg p{margin-top:10px;font-size:16px;font-family:PingFang SC;font-weight:400;color:#fff}.main-body .content .mode .mode-card:hover .mode-bg{opacity:1}.main-body .content .mode span.title{font-size:16px;font-family:PingFang SC;font-weight:500;color:#343434}.main-body .content .mode time{font-size:13px;color:#999}.main-body .content .mode .bottom{line-height:12px}.main-body .content .mode .button{margin-top:8px;padding:0;float:right}.main-body .content .mode .image{width:100%;height:380px;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.main-body .content .mode .image img{width:100%}.main-body .content .mode .clearfix:after,.main-body .content .mode .clearfix:before{display:table;content:""}.main-body .content .mode .clearfix:after{clear:both}.main-body .content [class*=el-col-]{float:left}.main-foot{position:relative;text-align:center;top:-100px}.login-left{padding:20px}.login-left .logo{position:relative;top:-46px}.login-right{position:relative;padding:20px}.login-right .yanzheng{padding:3px 0 0 10px}.login-right .submitbtn{width:70%}.login-right h3{position:relative;top:-30px;margin-left:30px;font-size:28px;font-family:PingFang SC;font-weight:500;color:#343434}