/*公共样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family:Microsoft YaHei }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal;}
a{text-decoration:none; color:#000;}
A:link{text-decoration:none; color:#000;}
A:visited{text-decoration:none; color:#000;}
A:hover{text-decoration:none; color:#0157a4;}
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
/*公共样式 结束*/


/*加载动画css*/
.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;}
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index:999999;}
#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    /* COLOR 1 */
    border-top-color: #FFF;
    -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    -ms-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    -moz-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    -o-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
    z-index:1001;}
#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    /* COLOR 2 */
    border-top-color: #FFF;
    -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    -moz-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    -o-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    -ms-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */}
#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #FFF;
    /* COLOR 3 */
    -moz-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    -o-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    -ms-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
    animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */}


@-webkit-keyframes spin {
    0%{
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }100%{
         -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(360deg);  /* IE 9 */
         transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
}

@keyframes spin {
    0%{
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }100%{
         -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
         -ms-transform: rotate(360deg);  /* IE 9 */
         transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */}
}


#loader-wrapper .loader-section {
    position: fixed;
    top: 0;
    width: 50%;
    height: 100%;
    /*background-color: #1abc9c; !* 加载页面背景 *!*/
    z-index: 1000;
    -webkit-transform: translateX(0);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(0);  /* IE 9 */
    transform: translateX(0);  /* Firefox 16+, IE 10+, Opera */}
#loader-wrapper .loader-section.section-left {left: 0;background-size: 100%;  background:linear-gradient(#4f80eec4,#cdd9f4c4)}
#loader-wrapper .loader-section.section-right {right: 0;background-size: 100%;  background:linear-gradient(#4f80eec4,#cdd9f4c4)}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {

    -webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(-100%);  /* IE 9 */
    transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader-wrapper .loader-section.section-right {
    -webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateX(100%);  /* IE 9 */
    transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);}
.loaded #loader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.loaded #loader-wrapper {
    visibility: hidden;
    -webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: translateY(-100%);  /* IE 9 */
    transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */
    -webkit-transition: all 0.3s 1s ease-out;
    transition: all 0.3s 1s ease-out;}
/* JavaScript Turned Off */
.no-js #loader-wrapper {display: none;}
.no-js h1 {color: #222222;}
#loader-wrapper .load_title {
    font-family:'Open Sans';
    color:#FFF; font-size:19px; width:100%; text-align:center; z-index:9999999999999; position:absolute; top:60%; opacity:1; line-height:30px; }
#loader-wrapper .load_title span {  font-weight:normal; font-style:italic; font-size:13px; color:#FFF; opacity:0.5;}
/*加载动画css 结束*/



/*命名规则 最外层 应用-控制-方法*/

/*****************index/index 后台首页***************************/
.index-index{}
/*顶部*/
.index-index .top{height: 50px;width: 100%;background: #28333E;display: flex}
.index-index .top-title{line-height: 50px;text-align: center;width: 150px;color: #fff}
.index-index .top-title img{width: 100%}
.index-index .top-nav{height: 50px;width: calc(100% - 100px);background: #28333E;display: flex;    justify-content: space-between;}
.index-index .top-nav ul{display: flex;align-items: center;height: 50px;}
.index-index .top-nav ul li{height: 50px;line-height: 50px;padding: 0 20px;color: #fff;cursor: pointer}
.index-index .active_left_menu{background: #000000;color:#ffd04b!important;}

.index-index .admin-touxiang{width: 50px;height: 50px;float: right}
.index-index .admin-touxiang .admin-touxiang-img{cursor: pointer;border-radius: 50%;height: 40px}
.index-index .admin-com{padding: 0!important;}

.admin-name{display: flex;background-repeat: no-repeat;background-size:100%;height: 60px;padding: 5px;}
.admin-name img{margin-left: 10px;background-repeat: no-repeat;background-size: 100%;height: 60px}
.admin-name p{color: #333}
.admin-name p span{color: #fff;background: #a0d6ff;padding: 0 5px;font-size: 12px;}
.admin-name-right p{color: #fff;    padding-left: 12px;font-size: 13px;line-height: 25px}
.admin-ico{padding: 5px;border-bottom: 2px solid #f2f2f2}
.admin-ico ul{display: flex;flex-wrap: wrap;}
.admin-ico ul li{margin: 3px}
.admin-ico ul li img{width: 30px;height: 30px;border-radius: 50%;overflow: hidden}
.admin-ico .admin-ico-quanxian{font-size: 12px;border-left: 5px solid #ffa500;background: #fff9f4;margin: 5px 0;padding: 3px 5px;color: #f60;display: flex;align-items: center;}

.admin-menu{padding: 10px 1px}
.admin-menu ul li{padding: 5px  0 5px 20px;color: #333;cursor: pointer;transition: all 0.5s;line-height: 30px}
.admin-menu ul li:hover{background: linear-gradient(90deg,#ffae12,#f07d17);color: #fff}
.admin-menu ul li i{font-size: 25px;vertical-align: sub;}


.index-com{display: flex;height: calc(100vh - 50px)}

/*左侧*/
.index-index .index-com-left{width: 150px;background: #545c64}


.index-index .index-com-left>ul{}
.index-index .index-com-left>ul>li{cursor: pointer}
.index-index .index-com-left>ul>li a{line-height:55px;color: #fff;cursor: pointer;padding: 0 20px;display: block}
.index-index .index-com-left>ul>li a span {float: right;}
.index-index .index-com-left>ul>li a:hover{background: #435364}
.index-index .index-com-left>ul>li i{margin-right: 5px;color: #909399}

.index-index .index-com-left .active_menu{background: #464646;color: #ffd04b}
.index-index .index-com-left .active_menu i{color: #ffd04b}
.index-index .index-com-left>ul>li>ul{height: 0px;overflow: hidden;transition: all 0.5s}
.index-index .index-com-left>ul>li>ul li a{padding: 0 0 0 40px;line-height: 40px}
.index-index .index-com-left>ul>li>ul>li a:hover{background: #374657
}
/*右侧*/
.index-index .index-com-right{ width: calc(100% - 100px);}
.index-index .el-tabs__content{padding: 0!important;}
.index-index .el-tabs__item:nth-child(1) .el-icon-close{display: none}/*第一个tab 隐藏关闭*/
.index-index .index-com-right .is-active{background: #409EFF!important;color: #fff!important}
.tab-sort{cursor: pointer!important;width: 100%;display: block;min-height: 15px}

/*****************element-ui 通用样式   其他页面通用样式***************************/
/*Dialog 的自定义类名*/
.dialog-style{border-radius: 13px!important;}
.dialog-style .el-dialog__header{background-color: #5874d8;border-radius: 10px 10px 0 0!important;}
.dialog-style .el-dialog__footer{border-radius:  0 0 10px 10px!important;}
.dialog-style .el-dialog__title{color: #ffffff;}
.dialog-style .el-dialog__close{background-color: #3f5dc7;border-radius: 50%;color: #fff!important;padding: 2px;}

.status-0{background-color: #f2f2f2!important;}
.status-1{background-color: #ffffff!important;}

#fenye{text-align: center;margin: 10px 0;}

/*所有滚动条样式*/
*::-webkit-scrollbar {width : 6px!important;height: 6px!important;}
*::-webkit-scrollbar-thumb {border-radius   : 10px;background-color: skyblue;background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);}
*::-webkit-scrollbar-track {box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);background   : #ededed;border-radius: 10px;}

/*图库 音乐库通用*/
.iframe-music{width: 100%;height: 500px;}
.iframe-music iframe{border:none;width: 100%;height:100%}
.dialog-music .el-dialog__body{padding: 0}

.iframe-img {width: 100%;height: 500px;}
.iframe-img  iframe{border: none;width: 100%;height: 100%;}
.dialog-img .el-dialog__body{padding: 0}
/*****************index/main***************************/

.Index-main{padding: 10px;background: #f2f2f2;}
.Index-main .user-top{width: 100%;height: 140px;border-radius: 10px;background: #fff;box-shadow: 0 0 5px 1px #ccc;position: relative;margin-bottom: 10px}
.Index-main .user-bg{width: 100%;height: 80px;border-radius: 10px 10px 0 0;background-image: url("/activity/static/images/user_bg.png");background-size: 100%;text-align: center;
    line-height: 80px;
    color: #8e8e8e;
    font-size: 20px;}
.Index-main .touxiang{position: absolute;left: 25px;top:40px;z-index: 1;    display: flex;}
.Index-main .touxiang .admin_vip{background-image: url(/activity/static/images/admin_vip.png);background-size: 100%;padding: 10px;background-repeat: no-repeat}
.Index-main .touxiang img{width: 80px;height: 80px;border-radius: 50%;box-shadow: 0 0 3px 1px #ccbefc;padding: 5px;background: #fff;box-sizing: border-box;}
.Index-main .touxiang h1{font-size: 18px;font-weight: bold;padding-top: 42px;margin-left: 10px;}
.Index-main .touxiang h1 span{color: #6c757d;background-color: rgba(108, 117, 125, .18);font-size: 14px;font-weight: 500;padding: 2px 8px;border-radius: 3px;}
.Index-main .touxiang h1 p{font-size: 13px;font-weight: 400;color: #999797;margin-top: 8px;}
.Index-main .tuichu{position: absolute;right: 20px;top:100px;color: #6c757d;border:1px solid #ccc;font-size: 15px;font-weight: 500;padding: 5px 10px;border-radius: 3px;cursor: pointer}


.Index-main .banner{cursor: pointer;max-height: 100px;border-radius: 5px;overflow: hidden}
.Index-main .banner img{border-radius: 5px;}

.Index-main .box{margin-top: 10px;width: 100%}


.Index-main .gonglv-item{width: 100%;line-height: 35px;display: block;border-bottom: 1px dashed #e5e5e5;letter-spacing: 2px}
.Index-main .gonglv-item span{float: right}


.Index-main .quanli{background: #ffa9a9;padding: 5px!important;border-radius: 40px;margin-right: 10px;}
.Index-main .quanli:nth-child(4){background: #7f90ff;}
.Index-main .quanli:nth-child(5){background: #a4af5d;}
.Index-main .quanli:nth-child(6){background: #53b34d;}
.Index-main .quanli:nth-child(7){background: #4cd3d8;}
.Index-main .quanli:nth-child(8){background: #ed92ff;}
.Index-main .quanli h2{text-align: center;line-height: 30px;color: #fff;font-weight: bold;font-size: 16px;letter-spacing: 2px}
.Index-main .quanli p{text-align: center;color: #fff;font-size: 13px}
.Index-main .gengxing-com{height: calc(100vh - 250px);overflow: auto}




/*****************Moban/index***************************/
.Moban-index {background:#e8eaed;padding: 20px;height:calc(100vh - 95px); box-sizing: border-box;}
.Moban-index .box{background: #fff;border-radius: 10px;display: flex;flex-wrap: wrap;}
.Moban-index .item{width: 285px;height: 130px;position: relative;background: #fff;border-radius: 10px;color: #fff;transition:all 0.5s;margin: 15px;transition:all ease .8s; -webkit-transition:all ease .8s; -moz-transition:all ease .8s; -ms-transition:all ease .8s;padding: 3px;box-shadow: 0 0 5px 1px #dfe6fa}
.Moban-index .item-img{position: absolute;}
.Moban-index .item-img img{width: 100%}
.Moban-index .item-info{position: absolute;z-index: 1;width: 100%;height: 100%;padding: 15px;box-sizing: border-box;cursor: pointer}
.Moban-index .item-info h1{font-size: 20px;}
.Moban-index .item-info p{line-height: 40px;}
.Moban-index .item-info b{background: #fff;padding: 3px 20px;border-radius: 15px;display: table;margin-top: 10px;color: #3a6afa}
.Moban-index .item:hover{transform: translateY(-5px);box-shadow: 0 0 5px 1px #3a6afa}

/*****************Moban/yulan***************************/
.Moban-yulan{display: flex;padding: 5px;}


/**********************活动模板设计页面通用 样式***********************/


.moban-sheji {background:#e8eaed;padding:  0}
.moban-sheji  #app{height:calc(100vh - 95px);box-sizing: border-box;}
.moban-sheji .el-form-item{margin: 8px 0!important;}
.moban-sheji .el-radio-button--mini .el-radio-button__inner {padding: 7px 7px;}


.moban-sheji form{height: calc(100vh - 35px);box-sizing: border-box;display: flex;justify-content: space-between;background: #f2f2f2}

.moban-sheji .left{width: 140px;height: calc(100vh - 60px);position: relative;transition: all 0.8s;background: #fff;margin-left: -140px}
.moban-sheji .left .left_show{width: 25px;border:1px solid #ccc;font-size: 13px;text-align: center;position: absolute;right: -28px;    top: 50%;padding: 5px 2px;border-radius:  0 10px 10px 0;background: linear-gradient(to bottom,#4f80ee,#cdd9f4);color: #fff;cursor: pointer;z-index: 10;}
.moban-sheji .left .left-dl{height: 100%;overflow: auto;}
.moban-sheji .left .left-dl::-webkit-scrollbar {width : 0px;height: 1px;}


.moban-sheji .left dl{width: 100px;border:1px solid #ccc;padding: 3px;margin: 10px auto;box-sizing: border-box;box-shadow: 0 0 3px 0 #ccc;border-radius: 3px;position: relative }
.moban-sheji .left dl dd{width: 100%;height: 140px;overflow: hidden}
.moban-sheji .left dl dd img{width: 100%;}
.moban-sheji .left dl .hover-click{position: absolute;z-index: 1;margin: 0 auto;left: 0;right: 0;top: 0;display: none;background: #00000069;}
.moban-sheji .left dl .hover-click span{background: #00000091;color: #fff;padding: 3px 12px;border-radius: 20px;display: table;margin: 5px auto;text-align: center;font-size: 12px;}
.moban-sheji .left dl:hover .hover-click{display: block}
.moban-sheji .left dl dt{text-align: center;font-size: 12px;    max-height: 29px;overflow: hidden;}
.moban-sheji .left dl:hover{box-shadow: 0 0 3px 0 #f00;cursor: pointer}
.moban-sheji .left dl .dl-hover{position: absolute;right: -100px;top:0;width: 100px}

.moban-sheji .middle{width: 400px;min-width: 400px;display: flex;justify-content: center;align-items: center;}
.moban-sheji .middle .phone {width: 325px;height: 630px;margin: 0 auto;border: 1px solid #C0C0C0;border-radius: 20px;position: relative;display: flex;flex-wrap: wrap;justify-content: center;}
.moban-sheji .middle .phone-top {margin-top: 15px;width: 100%;height: 10px;display: flex;justify-content: center;}
.moban-sheji .middle .phone-top-line {background: #C0C0C0;width: 20%;height: 5px;border-radius: 5px;}
.moban-sheji .middle .phone-middle {width: 310px;height: 555px;border: 1px solid #C0C0C0;position: relative;}
.moban-sheji .middle  iframe {position: absolute;height: 100%;width: 100%;border: none;}
.moban-sheji  .phone-bottom {width: 100%;height: 30px;display: flex;justify-content: center;align-items: center;}
.moban-sheji  .phone-bottom-round {width: 30px;height: 30px;border: 1px solid #C0C0C0;border-radius: 50%;}

.moban-sheji .right{width: 650px;height: 100%;background: #fff;box-shadow: 0 2px 4px 0 rgba(0,0,0,.12);}
.moban-sheji #sub-b{width: 100%;height: 35px;position: fixed;line-height: 35px;left: 0;bottom:0;background: #fff;text-align: center;color: #66b1ff;box-shadow: 0 0 8px 0 #ccc;cursor: pointer;z-index: 100}



.moban-sheji .right-tab{height: 99%!important}
.moban-sheji .right-tab .el-tabs__content{padding: 0!important;box-sizing: border-box}
.moban-sheji .right .prize_img {width: 100px;height: 100px;border: 1px dashed #ccc;border-radius: 5px;}
.moban-sheji  .prize-content{height: calc(100vh - 160px);overflow: auto;padding: 10px;box-sizing: border-box}
.moban-sheji  .prize-tab .el-tabs__item {padding: 0 8px!important;font-size: 12px;}
.moban-sheji  .tab-content{height: calc(100vh - 85px);overflow: auto;padding: 10px;box-sizing: border-box}
.moban-sheji .box-img{width: 35px;height: 35px;padding: 3px;border-radius: 3px;text-align: center;line-height: 35px;font-size: 25px;border:1px dashed #dcdcdc}
.moban-sheji .inline_block{width: 45%;display:inline-block}

/*背景*/
.moban-sheji .box-item{display: flex;box-shadow: 0 0 3px 0 #ccc;margin-top: 15px;border-radius:  3px;}
.moban-sheji .box-item .left-title{width: 26px;text-align: center; border-radius: 3px 0 0 3px;display: flex;align-items: center;color: #fff;cursor: help;background: linear-gradient(to bottom,#4f80ee,#cdd9f4);padding: 5px;}
.moban-sheji .box-item .left-title i{width: 20px;height: 20px;display: block;}
.moban-sheji .box-item .left-title i .el-color-picker__trigger{border: none;padding: 6px;}
.moban-sheji .box-item .right-set{width:calc(100% - 20px);border-radius: 3px;height: 100%;display: flex;align-items: center;background: #fff;}
.moban-sheji .box-item .right-set-img{width: 110px;height: 110px;cursor: pointer}
.moban-sheji .box-item .page-img{width: 100px;height: 100px;border: 1px dashed #ccc;padding: 3px;border-radius: 3px;text-align: center;line-height: 100px;font-size: 35px;margin: 5px;box-sizing: border-box;}
.moban-sheji .box-item .right-set .right-set-form{display: flex;  flex-wrap: wrap;width: 100%;}

/*盘面设置*/
.moban-sheji .panmian-set{display: flex;box-shadow: 0 0 3px 0 #ccc;margin-top: 15px;border-radius:  3px;}
.moban-sheji .panmian-set .left-title{width: 26px;text-align: center; display: flex;border-radius:  3px 0 0 3px;align-items: center;color: #fff;cursor: help;background: linear-gradient(to bottom,#4f80ee,#cdd9f4);padding: 5px;}
.moban-sheji .panmian-set .right-set{width:calc(100% - 20px);border-radius:  3px;height: 100%;background: #fff;}
.moban-sheji .panmian-set .right-set-img{width: 100%;display: flex;justify-content: space-evenly;padding: 5px;box-sizing: border-box;}
.moban-sheji .panmian-set .right-set-img p{text-align: center}
.moban-sheji .panmian-set .right-set-img .zj-yulan{display: flex;align-items: center; height: 100px;}
.moban-sheji .panmian-set .page-img{width: 100px;height: 100px;border: 1px dashed #ccc;padding: 3px;border-radius: 3px;text-align: center;line-height: 100px;font-size: 35px;margin: 5px;box-sizing: border-box;background-color: #e4e4e4}
.moban-sheji .panmian-set .left-title i{width: 20px;height: 20px;display: block;}
.moban-sheji .panmian-set .left-title i .el-color-picker__trigger{border: none;padding: 6px;}


/*奖品设置*/
.moban-sheji .prize_block{width: 90%;display:inline-block}
.moban-sheji .prize-item{display: flex;box-shadow: 0 0 3px 0 #ccc;margin-top: 15px;border-radius:  3px;}
.moban-sheji .prize-item .left-title{width: 26px;text-align: center; border-radius: 3px 0 0 3px;display: flex;align-items: center;color: #fff;cursor: help;background: linear-gradient(to bottom,#dd6b6b,#f6d9f5);padding: 5px;}
.moban-sheji .prize-item .right-set{width:calc(100% - 20px);border-radius: 3px;height: 100%;display: flex;align-items: center;background: #fff;}
.moban-sheji .prize-item .right-set-img{width: 110px;height: 110px;cursor: pointer}
.moban-sheji .prize-item .page-img{width: 100px;height: 100px;border: 1px dashed #ccc;padding: 3px;border-radius: 3px;text-align: center;line-height: 100px;font-size: 35px;margin: 5px;box-sizing: border-box;}

.moban-sheji .prize-item .right-set .right-set-form{display: flex;  flex-wrap: wrap;width: 100%;}
.moban-sheji .right-set-form .yulan_prize{float: right;margin-right: 7px;}
.moban-sheji .prize-item  .right-set-form{width: 100%!important;}

.el-color-dropdown__link-btn{display: none!important;}/*隐藏颜色插件清空按钮*/
/**********************活动模板设计页面通用 样式 结束***********************/


/*****************Laohuji/sheji_s1***************************/
.Laohuji-sheji_s1{}
.Laohuji-sheji_s1 .cards ul{display: flex;flex-wrap: wrap}
.Laohuji-sheji_s1 .cards ul li{margin: 5px;position: relative}
.Laohuji-sheji_s1 .cards .sjjm-img{width: 60px;height: 60px;;border: 1px dashed #ccd5db;border-radius: 5px;padding: 3px;background-color: #fbfbfb;}
.Laohuji-sheji_s1 .cards .sjjm-img img{width: 100%}
.Laohuji-sheji_s1 .cards ul li i{position:absolute;top:0;right: 0;color: #dd4a68;cursor: pointer}
.Laohuji-sheji_s1 .zjzuhe .el-radio__input{display: none}
.Laohuji-sheji_s1 .zjzuhe .el-radio--small.is-bordered{padding: 2px}
.Laohuji-sheji_s1 .zjzuhe .el-radio__label{padding-left: 0;width: 25px;max-height: 30px;display: block;text-align: center;overflow: hidden}
.Laohuji-sheji_s1 .zjzuhe .el-radio__label img{width: 100%}
.Laohuji-sheji_s1 .zjzuhe .el-radio.is-bordered+.el-radio.is-bordered{margin-left: 0}
.Laohuji-sheji_s1 .zjzuhe .el-radio.is-bordered.is-checked{background: #409EFF;border:1px solid #409EFF}
.Laohuji-sheji_s1 .ud  .el-radio i{color: #333;font-size: 25px;}
.Laohuji-sheji_s1 .ud  .el-radio.is-bordered.is-checked i{color: #fff;font-size: 25px;}
.Laohuji-sheji_s1 .zjzuhe .el-radio{margin-right:10px}

/*****************Moban/sheji-list***************************/
.Moban-sheji-list{padding: 0}
.Moban-sheji-list #app{height:calc(100vh - 40px); box-sizing: border-box;background: #fff}
.Moban-sheji-list .tags{display: flex;background: #333;box-shadow: 0 0 2px 0 #fde8de;padding: 5px 0 5px 40px;}
.Moban-sheji-list .tags span{background: #3b3b3b;color: #fff;padding: 2px 10px;border-radius: 5px;border:1px solid #dbdbdb;margin: 2px 6px;font-size: 15px;cursor: pointer;box-shadow: 0 0 2px 0 #a6a6a6;}
.Moban-sheji-list .tags_active{color: #fff!important;background: #e38c23!important;}

.Moban-sheji-list .gujia-img{width: 240px; height: 370px;}
.Moban-sheji-list .gujia-h1{width: 80%;text-align: center;margin-top: 15px;}
.Moban-sheji-list .gujia-p{width: 80px;}

.Moban-sheji-list .item-list{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.Moban-sheji-list .item-list>div{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.Moban-sheji-list .item{width: 240px;height: 455px;background: #fff;text-align: center;cursor: pointer;border-radius: 6px;transition:all 0.5s;margin: 15px;position: relative;transition:all ease .8s; -webkit-transition:all ease .8s; -moz-transition:all ease .8s; -ms-transition:all ease .8s;box-shadow: 0 0 5px 0 #ccc;}
.Moban-sheji-list .item:hover{box-shadow: 0 0 5px 2px #ccc;transform: translateY(-8px)}
.Moban-sheji-list .item-type{position: absolute;left: 0px;top: 0px;padding: 2px 10px;background: rgba(0,0,0,0.5);z-index: 1;color: #fff;border-radius: 0 20px 20px 0;}
.Moban-sheji-list .item .item-jietu{width: 240px;height: 370px;overflow: hidden;position: relative }
.Moban-sheji-list .item .item-jietu img{width: 240px;}
.Moban-sheji-list .item .item-jietu .zhezhao{width: 240px;height: 370px;position: absolute;top: 0;background: rgba(0,0,0,0.5);opacity: 0;transition: all 0.5s}
.Moban-sheji-list .item .item-jietu .yulan{border:2px solid #fff;color: #fff;border-radius: 15px;padding: 5px 5px;width: 110px;font-size: 18px;margin: 170px auto;}
.Moban-sheji-list .item :hover .zhezhao{opacity: 1}
.Moban-sheji-list .item .item-jietu .yulan:hover{background: #00a2d4}

.Moban-sheji-list .item .item-des{height: 50px;padding: 0 8px;overflow: hidden}
.Moban-sheji-list .item .item-des h1{font-size: 14px;color: #666;height: 50px;line-height: 50px;overflow: hidden;text-overflow:ellipsis; white-space: nowrap;}

.Moban-sheji-list .item .item-log{height: 40px;line-height: 40px;border-top: 1px solid #ddd;padding: 0 8px;text-align: left;font-size: 12px}
.Moban-sheji-list .item .item-log .item-log-1{color: #00a0e9}
.Moban-sheji-list .item .item-log .item-log-2{float: right;    margin-top: 8px;margin-right: 5px}
.Moban-sheji-list .item .item-log .el-tag:hover{background: #dd4a68;color: #fff}


/*通用列表过渡动画*/
.Moban-sheji-list .list-complete-item {transition: all 1s;display: inline-block;margin-right: 10px;}
.Moban-sheji-list .list-complete-enter, .list-complete-leave-to {opacity: 0;transform: translateY(30px);}
.Moban-sheji-list .list-complete-leave-active {position: absolute;}

.Moban-sheji-list .el-skeleton{display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.Moban-sheji-list .el-radio-button{margin: 5px}
.Moban-sheji-list .el-radio-button span{border-radius: 10px!important;}

/***********************************************My 控制器*********************************************************/
/*****************My/index***************************/
.My-index {background-image: url(/activity/static/images/my_bg.jpg);min-height: 100vh}
.My-index {padding: 0}
.My-index #app {height: calc(100vh - 40px);box-sizing: border-box;background: #fff}
.My-index .tags {display: flex}
.My-index .tags span {color: #333;padding: 2px 10px;border-radius: 5px;border: 1px solid #dbdbdb;margin: 2px 6px;font-size: 13px;cursor: pointer}
.My-index .tags_active {color: #fff !important;background: #1E9FFF}
.My-index .gujia-img {width: 240px;height: 370px;}
.My-index .gujia-h1 {width: 80%;text-align: center;margin-top: 15px;}
.My-index .gujia-p {width: 80px;}
.My-index .item-list {display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.My-index .item-list > div {display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.My-index .item {width: 240px;height: 455px;background: #fff;text-align: center;cursor: pointer;border-radius: 6px;transition: all 0.5s;margin: 15px;position: relative;transition: all ease .8s;-webkit-transition: all ease .8s;-moz-transition: all ease .8s;-ms-transition: all ease .8s;box-shadow: 0 0 5px 0 #ccc;overflow: hidden;}
.My-index .item:hover {box-shadow: 0 0 5px 2px #ccc;transform: translateY(-8px)}
.My-index .item-type {position: absolute;left: 0px;top: 0px;padding: 2px 10px;background: rgba(0, 0, 0, 0.5);z-index: 1;color: #fff;border-radius: 50px;}
.My-index .item .item-jietu {width: 240px;height: 370px;overflow: hidden;position: relative}
.My-index .item .item-jietu img {width: 240px;}
.My-index .item .item-jietu .zhezhao {width: 240px;height: 370px;position: absolute;top: 0;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: all 0.5s}
.My-index .item .item-jietu .yulan {border: 2px solid #fff;color: #fff;border-radius: 15px;padding: 5px 5px;width: 110px;font-size: 18px;margin: 170px auto;}
.My-index .item :hover .zhezhao {opacity: 1}
.My-index .item .item-jietu .yulan:hover {background: #00a2d4}
.My-index .item .item-des {overflow: hidden;height: 80px;margin-top: -35px;position: relative;}
.My-index .item .item-des h1 {background: rgba(0, 0, 0, 0.5);font-size: 14px;color: #fff;height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.My-index .item .item-des ul {height: 50px;padding: 0 10px;display: flex;justify-content: space-around;align-items: center;}
.My-index .item .item-des ul li p {font-size: 13px;color: #888}
.My-index .item .item-des ul li:hover p {color: #f60}
.My-index .item .item-des ul li i {font-size: 20px;color: #666}
.My-index .item .item-des ul li:hover i {color: #f60}
.My-index .item .item-log {height: 40px;line-height: 40px;border-top: 1px solid #ddd;padding: 0 8px;text-align: left;font-size: 12px}
.My-index .item .item-log .item-log-1 {color: #00a0e9}
.My-index .item .item-log .item-log-2 {float: right;margin-top: 8px;}
.My-index .item .create-msg{margin-top: -30px;color: #838383;}
.My-index .item .create-msg p{line-height: 25px}
.My-index .item .create-msg p sub{font-size: 10px}

/*通用列表过渡动画*/
.My-index .list-complete-item {transition: all 1s;display: inline-block;margin-right: 10px;}
.My-index .list-complete-enter, .list-complete-leave-to {opacity: 0;transform: translateY(30px);}
.My-index .list-complete-leave-active {position: absolute;}
.My-index .el-skeleton {display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.My-index .tags {background: #fff;padding: 5px 0 5px 40px;box-shadow: 0 0 4px 0 #fde8de;}
.My-index .el-radio-button {margin: 5px}
.My-index .el-radio-button span {border-radius: 10px !important;}


/*****************My/guanli***************************/
.My-guanli{padding: 0}
.My-guanli {height:calc(100vh - 40px); box-sizing: border-box;background: #fff;padding: 10px}
.My-guanli .info{display: flex;background: #e6f8ff;padding: 10px;width: 98%;border-radius: 10px;}
.My-guanli .info-1{width: 150px;height: 150px;overflow: hidden;}
.My-guanli .info-1 img{width: 150px;}


.My-guanli .info-2{width: 500px;height: 150px;margin-left: 20px}
.My-guanli .info-2 h1{font-size: 16px;font-weight: bold;line-height: 35px}
.My-guanli .info-2 p{line-height: 35px}
.My-guanli .info-2 p b{color: #f60;font-size: 20px;}
.My-guanli .info-3{width: 40%}
.My-guanli .info-3 h1{text-align: center;line-height: 3;font-size: 22px}
.My-guanli .info-3 p{text-align: center;color: #00adff;font-size: 20px}

.My-guanli .prize-2,.prize-3,.prize-4{font-size: 13px;color: #999;margin-bottom: 5px;}
.My-guanli .prize-2 .prize-2-img{width: 25px;height: 25px;vertical-align: sub;}
.My-guanli .prize-1 span{float: right;border-radius: 20px;padding: 3px 10px;border: 1px solid #ccc;font-size: 12px;cursor: pointer}
.My-guanli .prize-3 b,.prize-4 b{color: #00a0e9}
.My-guanli .el-pagination{text-align: center;margin: 10px auto}
.My-guanli .el-table .el-table__cell{padding: 2px 0!important;font-size: 12px}

.My-guanli .cj-log-headimgurl{height: 35px;    border-radius: 50%;vertical-align: middle;}

.My-guanli .tab-box {height: calc(100vh - 170px);}
.My-guanli .search {background: #f2f2f2;padding-top: 5px;}
.My-guanli .search .el-form-item {margin-bottom: 5px;}
.My-guanli .field-span{cursor: pointer;width: 100%;height: 23px;display: block;color: #f60;font-weight: bold}
.My-guanli .neiding-prize{width: 100%;display: block;margin-bottom: 5px;}

.My-guanli .cj_ewm{margin: 0 auto;display: block;width: 100%}

.My-guanli .fz-btn{margin: 0 auto 5px;display: block;width: 140px}

/*****************My/yulan***************************/
.My-yulan{display: flex;padding: 5px}


/*预览弹窗通用*/
.yulan-left{width: 360px;height: 590px;overflow: hidden;position: relative;}
.yulan-left iframe {position: absolute;height: 100%;width: 100%;border: none;}

.yulan-right{width: 450px;height: 590px;}
.yulan-right .fenxiang-1 {display: table;}
.yulan-right .fenxiang-img{width: 100px;height: 100px;float: left;border: 1px dashed #ccc;padding: 2px;margin-right: 10px;}
.yulan-right  .fenxiang-img img{width: 100px;height: 100px;}
.yulan-right .fenxiang-tit{width: 420px;height: 100px;float: right}

.yulan-right .fenxiang-2{margin-top: 10px;width: 100%;height: 250px;display: table;background: #f5f7fa;padding: 10px;}
.yulan-right .fenxiang-2-left-tit{width: 200px;text-align: center;margin: 0 auto;border: 1px solid #ccc;padding: 5px 0;;box-sizing: border-box}
.yulan-right .fenxiang-2-left-ewm{width: 200px;height: 200px;margin: 0 auto}
.yulan-right .fenxiang-2-left-ewm img{width: 200px;height: 200px;padding: 10px;box-sizing: border-box;border: 1px solid #ccc;border-top: none}

/*分享海报*/
.yulan-right{width: 580px;}
.haibao-box{display: flex;justify-content: space-between;align-items: center;}
.haibao-box .haibao{width: 290px;height: 520px;overflow: hidden;position: relative}
.haibao-box .haibao img{width: 100%}
.haibao-box .hb-ewm{width: 120px;position: absolute;top: 20px;left: 0px;right:0;text-align: center;margin: 0 auto}
.haibao-box .hb-ewm img{width: 100%}
.haibao-box .hb-ewm p{font-size:13px ;color:#fff;font-weight: bold;}
.haibao-box .hb-btn {width: 240px;text-align: center;}
.haibao-box .hb-btn .input-block{display: flex;margin-bottom: 10px}
.haibao-box .hb-btn .input-block>span{font-size: 13px;line-height: 32px;width: 110px}


/*****************************************My 控制器 结束***********************************/


/*****************Kehu/index***************************/
.Kehu-index{}
.Kehu-index .search{background: #ffffffc2;padding-top: 5px;text-align: center}
.Kehu-index .search .el-form-item{margin-bottom: 5px;}
.Kehu-index .fenye{background: #ffffffc2;text-align: center;padding: 5px 0}
.Kehu-index {background-image: url(/activity/static/images/my_bg.jpg);min-height: 100vh}
.Kehu-index {padding: 0}
.Kehu-index #app {height: calc(100vh - 40px);box-sizing: border-box;background: #fff}
.Kehu-index .tags {display: flex}
.Kehu-index .tags span {color: #333;padding: 2px 10px;border-radius: 5px;border: 1px solid #dbdbdb;margin: 2px 6px;font-size: 13px;cursor: pointer}
.Kehu-index .tags_active {color: #fff !important;background: #1E9FFF}
.Kehu-index .gujia-img {width: 240px;height: 370px;}
.Kehu-index .gujia-h1 {width: 80%;text-align: center;margin-top: 15px;}
.Kehu-index .gujia-p {width: 80px;}
.Kehu-index .item-list {display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.Kehu-index .item-list > div {display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.Kehu-index .item {width: 240px;height: 455px;background: #fff;text-align: center;cursor: pointer;border-radius: 6px;transition: all 0.5s;margin: 15px;position: relative;transition: all ease .8s;-webkit-transition: all ease .8s;-moz-transition: all ease .8s;-ms-transition: all ease .8s;box-shadow: 0 0 5px 0 #ccc;}
.Kehu-index .item:hover {box-shadow: 0 0 5px 2px #ccc;transform: translateY(-8px)}
.Kehu-index .item-type {position: absolute;left: 0px;top: 0px;padding: 2px 10px;background: rgba(0, 0, 0, 0.5);z-index: 1;color: #fff;}
.Kehu-index .item .item-jietu {width: 240px;height: 370px;overflow: hidden;position: relative}
.Kehu-index .item .item-jietu img {width: 240px;}
.Kehu-index .item .item-jietu .zhezhao {width: 240px;height: 370px;position: absolute;top: 0;background: rgba(0, 0, 0, 0.5);opacity: 0;transition: all 0.5s}
.Kehu-index .item .item-jietu .yulan {border: 2px solid #fff;color: #fff;border-radius: 15px;padding: 5px 5px;width: 110px;font-size: 18px;margin: 170px auto;}
.Kehu-index .item :hover .zhezhao {opacity: 1}
.Kehu-index .item .item-jietu .yulan:hover {background: #00a2d4}
.Kehu-index .item .item-des {overflow: hidden;height: 80px;margin-top: -35px;position: relative;}
.Kehu-index .item .item-des h1 {background: rgba(0, 0, 0, 0.5);font-size: 14px;color: #fff;height: 35px;line-height: 35px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.Kehu-index .item .item-des ul {height: 50px;padding: 0 10px;display: flex;justify-content: space-around;align-items: center;}
.Kehu-index .item .item-des ul li p {font-size: 13px;color: #888}
.Kehu-index .item .item-des ul li:hover p {color: #f60}
.Kehu-index .item .item-des ul li i {font-size: 20px;color: #666}
.Kehu-index .item .item-des ul li:hover i {color: #f60}
.Kehu-index .item .item-log {height: 40px;line-height: 40px;border-top: 1px solid #ddd;padding: 0 8px;text-align: left;font-size: 12px}
.Kehu-index .item .item-log .item-log-1 {color: #00a0e9}
.Kehu-index .item .item-log .item-log-2 {float: right;margin-top: 8px;}
.Kehu-index .item .create-msg{margin-top: -30px;color: #838383;}
.Kehu-index .item .create-msg p{line-height: 25px}
.Kehu-index .item .create-msg p sub{font-size: 10px}

/*通用列表过渡动画*/
.Kehu-index .list-complete-item {transition: all 1s;display: inline-block;margin-right: 10px;}
.Kehu-index .list-complete-enter, .list-complete-leave-to {opacity: 0;transform: translateY(30px);}
.Kehu-index .list-complete-leave-active {position: absolute;}
.Kehu-index .el-skeleton {display: flex;flex-wrap: wrap;justify-content: space-evenly;}
.Kehu-index .tags {background: #fff;padding: 5px 0 5px 40px;box-shadow: 0 0 4px 0 #fde8de;}
.Kehu-index .el-radio-button {margin: 5px}
.Kehu-index .el-radio-button span {border-radius: 10px !important;}