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;height: 100vh;width: 100%;overflow-x: hidden;}
td,th,caption { font-size:0.2rem; }
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:0.2rem Verdana,Helvetica,Arial,sans-serif; }
*{box-sizing: border-box}


/*加载动画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;

    width: 280px;
    height: 280px;
    margin:0 auto;
    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;}

#he{
    /* width: 100%; */
    display: flex;/*弹性盒模型*/
    justify-content: center;/*主轴方向居中显示*/
    align-items: center;/*交叉轴方向居中显示*/
    height: 100vh;transform: scale(0.5);

}
#loader ul{
    height: 200px;
}
#loader li{
    float: left;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    margin-right: 10px;
}
#loader li:nth-child(1){
    background-color: #f62e74;
    animation: love1 4s infinite;
}
#loader li:nth-child(2){
    background-color: #f45330;
    animation: love2 4s infinite;
    animation-delay: 0.15s;
}
#loader li:nth-child(3){
    background-color: #ffc883;
    animation: love3 4s infinite;
    animation-delay: 0.3s;
}
#loader li:nth-child(4){
    background-color: #30d268;
    animation: love4 4s infinite;
    animation-delay: 0.45s;
}
#loader li:nth-child(5){
    background-color: #006cb4;
    animation: love5 4s infinite;
    animation-delay: 0.6s;
}
#loader li:nth-child(6){
    background-color: #784697;
    animation: love4 4s infinite;
    animation-delay: 0.75s;
}
#loader li:nth-child(7){
    background-color: #ffc883;
    animation: love3 4s infinite;
    animation-delay: 0.9s;
}
#loader li:nth-child(8){
    background-color: #f45330;
    animation: love2 4s infinite;
    animation-delay: 1.05s;
}
#loader li:nth-child(9){
    background-color: #f62e74;
    animation: love1 4s infinite;
    animation-delay: 1.2s;
}
@keyframes love1{
    30%,50%{height: 60px; transform: translateY(-30px);}
    75%,100%{height: 20px; transform: translateY(0);}
}
@keyframes love2{
    30%,50%{height: 125px; transform: translateY(-62.5px);}
    75%,100%{height: 20px; transform: translateY(0);}

}
@keyframes love3{
    30%,50%{height: 160px; transform: translateY(-75px);}
    75%,100%{height: 20px; transform: translateY(0);}
}
@keyframes love4{
    30%,50%{height: 180px; transform: translateY(-60px);}
    75%,100%{height: 20px; transform: translateY(0);}
}
@keyframes love5{
    30%,50%{height: 190px; transform: translateY(-45px);}
    75%,100%{height: 20px; transform: translateY(0);}
}

/*#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: 51%;
    height: 100%;
    background: #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;}
#loader-wrapper .loader-section.section-right {right: 0;}

/* 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 结束*/

/*******************隐藏滚动条******************/
*::-webkit-scrollbar {width : 0px;height: 1px;}
*::-webkit-scrollbar-thumb {border-radius: 1px;box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);background: #535353;}
*::-webkit-scrollbar-track {box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 1px;background   : #ededed;}




.tinymce img {max-width: 100%;height: auto}

#app{overflow-x: hidden;}
/*背景*/
.img_1{min-height: 100vh;padding-bottom:2px}

/*标题*/
.img_2{width: 100%;position: relative;top:0}
.img_2 img{width: 100%;}

/*规则说明*/
.img_6{width: 2rem;height: 2rem;position: absolute;top: 3rem; z-index: 10;}
.img_6 img{width: 100%}


/*我的奖品*/
.img_7{width: 2rem;height: 2rem;position: absolute;right: 0;top: 10.5rem;z-index: 10;}
.img_7 img{width: 100%}






/*音乐*/
.yinyue{width: 1rem;height: 1rem;position: absolute;right: 0;top: 0.5rem;text-align: center;z-index: 100}
.yinyue img{background: rgba(0,0,0,0.5);    border-radius: 50%;padding: 0.15rem;    box-sizing: border-box;width: 80%}

/*参与人数*/
.canyu{left: 0;top: 11rem;color: rgb(255, 102, 0);position: absolute;right: 0;text-align: center;}

/*规则说明  抽屉组件 消除边框*/
.el-drawer /deep/ :focus {outline: none;}
.el-drawer:focus {outline: none;}
.guize{border-radius: 15px 15px 0 0!important;}
.guize .el-drawer__body{overflow: auto;}
.guize .guize-content{padding: 15px;}

.guize .el-drawer__header{text-align: center;border-bottom: 1px solid #e6e6e6;font-weight: bold;padding:10px 20px;font-size: 16px;letter-spacing: 1px;    color: #333;margin-bottom: 0;}
.guize .sming-popuo-title{font-weight: bold;line-height: 40px;font-size: 14px;color: #000;}
.guize ul li{height: 40px;line-height: 40px;margin-bottom: 8px;border-radius: 5px;background:linear-gradient(50deg,rgb(254 254 254),#f6f5f5 50%,#eeecec);}
.guize ul li:nth-child(1){background:linear-gradient(50deg,rgb(251 249 242),#f5ecd3 50%,#ffeaa7);}
.guize ul li:nth-child(2){background:linear-gradient(50deg,rgb(251 241 241),#f7e8d8 50%,#fedab7);}
.guize ul li:nth-child(3){background:linear-gradient(50deg,rgb(251 251 253),#eaedf9 50%,#e8ebf8);}

.guize ul li .ul-li-bg{width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;font-weight: bold;color: #732f2f;margin-right: 10px;}
.guize ul li .ul-li-tag{float: right;margin-right: 0.15rem}
.guize ul li .ul-li-c{width: 30px;height: 30px;display: inline-block;text-align: center;line-height: 30px;font-weight: 400;color: #732f2f;margin-right: 10px;}




/*我的活动*/
.my{border-radius: 12px!important;border: 3px solid #f0cd50b3;height: 70vh;animation: my-animation 0.5s;background: #f4f4f4;box-sizing: border-box;}
.my .el-dialog__header{text-align: center;   border-bottom: 1px solid #eee;background: #fff;border-radius: 10px 10px 0 0;}
.my .el-dialog__body{padding: 10px 0;overflow: auto;height: 85%;}
.my .el-dialog__title{    font-weight: bold;color: #474747;font-size: 17px; }
.my .my-close{position: absolute;right: 2px;top: 3px;}
.my .my-close i{font-size: 35px;
    color: #ff8e8e;
    font-weight: 100;}
.my .my-close .xian{position: relative}
.my .my-close .xian1{position: absolute;left:0px;right: 0px;top: -4px;width: 1.5px;height: 37px;margin: 0 auto;background: #fff;}
.my  ul{position: relative;}
.my  ul li{width: 100%;height: 1.50rem;display: flex;background: #fff;border-radius: 5px;box-sizing: border-box;padding: 0.1rem 0.20rem;margin-bottom: 5px;}
.my  ul li .ul-li-img{width:1.20rem;height: 1.20rem;}
.my  ul li .ul-li-img img{width:100%;height: 100%;box-sizing: border-box;padding: 2px;border: 1px solid #f2f2f2;border-radius: 4px;}
.my  ul li .ul-li-info{width:3.60rem;height: 1.20rem;margin: 0 0.20rem}
.my  ul li .ul-li-info p{font-size: 0.25rem;}
.my  ul li .ul-li-info p:nth-child(1){height: 0.5rem;line-height: 0.5rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;    margin-top: 0.1rem;}
.my  ul li .ul-li-info p:nth-child(2){font-size: 0.25rem;color: #888;line-height: 0.5rem;}
.my  ul li .ul-li-info p:nth-child(3) {line-height: 0.25rem;font-size:0.22rem;}
.my  ul li .ul-li-info p .p-span-1{border:1px solid  #20ab9d;padding: 0 5px;color: #20ab9d;border-radius: 3px}
.my  ul li .ul-li-info p .p-span-2{border:1px solid  #666;padding: 0 5px;color: #666;border-radius: 3px}

.my  ul li .ul-li-status{width: 1.2rem;height: 1.20rem}
.my  ul li .ul-li-status img{width: 100%}
.my  .search{padding: 0 10px;margin-bottom: 10px;position: relative}
.my  .sub-search-inp{padding: 12px 15px;width: 91%;margin-top: 0.2rem;box-shadow: 0px 0px 3px 0px #c1c9c4;border: none;border-radius: 26px;}
.my  .sub-search-log{position: absolute;right: 8px;top: 10px;background: #fc7b7b;padding: 10px 20px;border-radius: 25px;color: #fff;}
.my .kong_data{text-align: center;width: 100%}
.my .kong_data img{width: 60%;margin: 50px;}




/*中奖提示*/
.zj-msg{width: 75%;top:25%;border-radius: 10px;animation: my-animation 0.5s;padding-bottom: 0.5rem;}
.zj-msg .el-dialog__header{padding: 0}
.zj-msg .zj-con{}

.zj-msg .zj-con .zj_tit{position: absolute;bottom: 85%;left: -5%;width: 110%;}
.zj-msg .zj-con .zj_tit img{width: 100%}
.zj-msg .zj-con .zj_bg{width: 3.5rem;height: 3.5rem;top: 0rem;left: 0;right: 0;margin: 0 auto;position: absolute;background-image: url("../images/gold.png");-o-animation: circle 10s linear infinite;-ms-animation: circle 10s linear infinite;-moz-animation: circle 10s linear infinite;-webkit-animation: circle 10s linear infinite;animation: circle 10s linear infinite;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.zj-msg .zj-con .zj_img{position: relative;left: 0;right: 0;margin: 0 auto;width: 3rem;height: 3rem;top: 0rem;text-align: center;}
.zj-msg .zj-con .zj_img img{max-width: 100%;
    max-height: 100%;}
.zj-msg .zj-con .zj_name{position: relative;top: 0rem;text-align: center;left: 0;right: 0;font-size: 0.3rem;}
.zj-msg .zj-con .zj_name b{color: #f00}
.zj-msg .zj-con .zj_btn{position: relative;top: 0.5rem;text-align: center;left: 0;right: 0;font-size: 0.3rem;margin: 0 0.25rem;}
/*.zj-msg .zj-con .zj_btn span:nth-child(1){    border: 2px solid #f5866f;border-radius: 0.4rem;padding: 0.14rem 0.4rem;color: #f5866f;font-size: 0.25rem;}*/
.zj-msg .zj-con .zj_btn span{border-radius: 0.4rem;padding:0.18rem  0.6rem;background: linear-gradient(to right,#f5866f, #e64423);color: #fff;font-size: 0.25rem;letter-spacing: 2px}



/*中奖详情*/
.xiangqing{height: 70vh;border-radius: 12px;}
.xiangqing .el-dialog__header{background: #f2f2f2;border-radius: 12px 12px 0 0}
.xiangqing .el-dialog__body{padding: 10px;overflow: auto;height: 85%;}
.xiangqing .duijiang-1{display: flex;box-shadow: 0 0 5px 0 #ffd7d7;border-radius: 5px;}
.xiangqing .duijiang-1-1{width: 2rem;height: 2rem;}
.xiangqing .duijiang-1-1 img{width: 2rem;height: 2rem;padding: 2px;border-right: 1px solid #f2f2f2;box-sizing: border-box;}
.xiangqing .duijiang-1-2{width: 4.5rem;height: 2rem;}
.xiangqing .duijiang-1-2 h1{color: #d91919;font-size: 0.4rem;text-align: center;font-weight: bold;line-height: 1.2rem;}
.xiangqing .duijiang-1-2 p{color: #d91919;font-size: 0.3rem;text-align: center;line-height: 0.5rem;}
.xiangqing .duijiang-1-2 p span{    border: 1px solid #409EFF;color: #409EFF;font-size: 0.2rem;padding: 1px 3px;vertical-align: middle;}
/*奖品兑奖信息*/
.xiangqing .duijiang-2{position: relative;}
.xiangqing .duijiang-2 p{font-size: 0.25rem;color: #333;line-height: 0.5rem}
.xiangqing .dj_status{position: absolute;top: -65px;right: 0;opacity: 0.5}
.xiangqing .form{padding: 5px 0px;}
.xiangqing .input-group{font-size: 0.3rem;margin-bottom: 10px;display: flex}

.xiangqing .sub-form{display: block;font-size: 0.25rem;background: #87d78b;color: #fff;border-radius: 5px;padding: 5px 0;margin: 0 auto;width: 60%;text-align: center;}

.xiangqing .fuzhi{border: 1px solid #70c472;padding: 1px 10px;border-radius: 7px;font-size: 0.21rem;color: #70c472;margin-left: 10px;position: relative;z-index: 1000;}

.xiangqing .duijiang-2 .dj-info{text-align: center;line-height: 40px;border: 1px solid #f8f8f8;border-bottom: none;margin-top: 14px;font-size: 0.35rem;color: #d91b1b;background: #fff5f6;border-radius: 5px 5px 0 0;}
.xiangqing-label th{width: 70px!important;}




/*表单收集*/
.form-popuo{background-image: linear-gradient(#ffe1cf, #ffffff);padding: 10px;height: auto; border-radius: 11px;box-sizing: border-box;box-shadow: 0 0 10px 0px #000000;padding-top: 4rem;}
.form-popuo .el-dialog__header{padding: 0}
.form-popuo .el-dialog__body{padding: 10px}

.form-popuo .close_guestbook{position: absolute;
    right: 0;
    /* left: 0; */
    margin: 0 auto;
    top: -65px;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    line-height: 21px;
    border-radius: 50%;
    color: #ffffff;
    /* background-color: #ffd694; */
    text-align: center;
    font-size: 22px;
    z-index: 10000;}

.form-popuo .close-xian{    position: absolute;right: 0;left: 0;margin: 0 auto;bottom: -35px;width: 2px;height: 36px;background: #f4ce72;}
.form-popuo .layui-layer-title{padding: 0;text-align: center;background-color: transparent;font-weight: bold;color: #20ab9d;font-size: 17px;}
.form-popuo .layui-layer-content{overflow: inherit!important;}
.form-popuo .guestbook_bg{width: 100%;position: absolute;top: -3.35rem;left: 0;}
.form-popuo .guestbook_bg img{width: 100%;}

.form-popuo .form{padding: 15px 10px;border-radius: 7px;position: relative;z-index: 1000;padding-bottom: 0;}
.form-popuo .input-group{font-size: 0.3rem;margin-bottom: 10px;display: flex;z-index: 10000;position: relative;}
.form-popuo .input-group input{width: 5rem;border: 1px solid #e7e7e7;border-radius: 4px;height: 0.7rem;font-size: 0.22rem;padding: 5px;}
.form-popuo .input-group span{font-size: 0.25rem;width: 1rem;display: inline-block;text-align: center;line-height: 0.6rem;}
.form-popuo .sub-form{display: table;margin: 0 auto;text-align: center;position: relative;z-index: 10000;}
.form-popuo .sub-form img{width: 70%}
.form-popuo .layui-layer-setwin a {display: none;}



/*奖品列表*/
.prize-com{width: 7rem;background: linear-gradient(to right,#FFE5C4,#F4B28F);margin: 0.8rem auto;    border-radius: 8px;padding: 10px;box-sizing: border-box}
.prize-com-1{background: #fff;width: 100%;border-radius: 8px;}
.prize-com-1 h1{width: 3.5rem;height:0.8rem;background: linear-gradient(to right,#F4B28F,#FFE5C4);margin: 0 auto;text-align: center;position: relative;border-radius:  20px;box-shadow: 0 0 5px 0 #fff;top: -27px;line-height: 0.8rem;color: #f00;font-weight: bold;font-size: 16px;letter-spacing: 2px}
.prize-com-1 ul{display: flex;flex-wrap: wrap;justify-content: space-around;}
.prize-com-1 ul li {width: 30%;margin: 1.5%;background: linear-gradient(to bottom,#F4B28F,#FFE5C4);border-radius: 5px;text-align: center;padding: 5px;}
.prize-com-1 ul li img{width: 90%;}
.prize-com-1 ul li h2{text-align: center;color: #000;font-size: 13px;margin-bottom: 3px;font-weight: bold}
.prize-com-1 ul li p{width: 100%;height: 20px;line-height: 20px;position: relative}
.prize-com-1 ul li p span{text-align: center; white-space: nowrap;;font-size: 12px;height: 20px;text-overflow: ellipsis;width: 100%;display: inline-block;overflow: hidden;word-break: break-all;color: #f00}
.prize-com-1 ul li p i{width: 0px;height: 0px;border-top: 10px solid #F4B28F;border-right: 5px solid transparent;border-bottom: 10px solid #F4B28F;border-left: 5px solid #F4B28F;position: absolute;right: -13px;}



/*弹幕*/
.danmu1 {width: 100%;height: 3rem;position: absolute;top: 0rem;left: 0;z-index: 2}
.danmu1 .danmu-1 {position: absolute;top: 0;right: -100%;height: 0.5rem;background-color: rgba(0, 0, 0, 0.5);border-radius: 2rem;white-space: nowrap; color: #fff;}
.danmu1 .danmu-1 img{width: 0.5rem;height: 0.5rem;vertical-align: middle;padding: 0.05rem;border-radius: 50%;}
.danmu1 .danmu-1 span {font-size: 0.25rem;padding: 0 0.1rem;line-height: 0.5rem;height: 0.5rem;display: inline-block;vertical-align: middle;}
.danmu1 .danmu-1 b{color: #ff0000;font-weight: 700;}

/*弹幕移动动画*/
@keyframes ani{
    form{right:0rem;}
    to{right:7.5rem;}
}
@-webkit-keyframes ani{
    form{right:0rem;}
    to{right:7.5rem;}
}


/*抽奖记录*/
.danmu2 {width: 7rem;margin: 0.8rem auto;background: rgba(0,0,0,0.15);border-radius: 5px;}
.danmu2>img{max-width: 100%;margin: 0 auto;display: block;position: relative;top: -30px;}
.danmu2 .scrollDiv{height: 335px;overflow: hidden;}
.danmu2 ul{height: 350px;padding: 5px}
.danmu2 ul li{height: 65px;border-bottom: 1px dashed #f60;}
.danmu2 ul li .danmu-left{float: left;width: 1rem;height: 1rem;    margin-right: 0.1rem;}
.danmu2 ul li .danmu-left img{float: left;width: 100%;border-radius: 5px}
.danmu2 ul li .danmu-right{float: left;width: 5.5rem}
.danmu2 ul li .danmu-right h2{color: #fff;line-height: 0.5rem;font-size: 0.25rem}
.danmu2 ul li .danmu-right h2 small{float: right;color: #e9e9e9;}
.danmu2 ul li .danmu-right p{color: #f60; white-space: nowrap;width: 5.5rem;
    text-overflow: ellipsis;font-size: 0.2rem;
    overflow: hidden;}
.danmu2 ul li .li-zhanwei{width: 100%;height: 7px}





/*消息弹窗组件样式*/
.message{min-width: auto;width: 90%}



/*动画*/
/*.left_right{animation: left_right 3s linear infinite}*/
.up_down{animation: up_down 3s linear infinite}
.daxiao{animation: daxiao 3s linear infinite}
.left_right{animation: shak 3s ease-in-out infinite alternate;}

/*中奖弹窗 奖品背景 360旋转动画*/
@keyframes circle {
    0% {
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -o-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
/*上下浮动动画*/
@keyframes up_down {
    0% {
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -o-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

/*左右扇形晃动*/
@keyframes left_right {
    0% {
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    25% {
        -o-transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }

    50% {
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    75% {
        -o-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    100% {
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


/*左右旋转+大小动画*/
@keyframes daxiao {
    0% {
        -o-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        transform:scale(1);
    }
    25%{-o-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -webkit-transform:scale(1.1);
        transform:scale(1.1);}
    50%{
        -o-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        transform:scale(1);
    }
    75%{
        -o-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -webkit-transform:scale(1.1);
        transform:scale(1.1);
    }
    100% {
        -o-transform:scale(1);
        -ms-transform:scale(1);
        -moz-transform:scale(1);
        -webkit-transform:scale(1);
        transform:scale(1);
    }
}


/*中奖弹窗放大动画*/
@keyframes my-animation {
    0% {
        opacity: 0;
        -o-transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    100% {
        opacity: 1;
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}



/*隐藏滚动条*/
body::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
body::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 1px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
}
body::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 1px;
    background   : #ededed;
}


.guize .el-drawer__body::-webkit-scrollbar {
    /*滚动条整体样式*/
    width : 0px;  /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.guize .el-drawer__body::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 1px;
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    background   : #535353;
}
.guize .el-drawer__body::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 1px;
    background   : #ededed;
}





/***************兑奖页面 duijiang_page**************/
#duijiang-app{padding: 0.2rem 0 0.1rem;background-image: url(/index/common/images/piaofu1.png);background-size: 100%;}
/*兑奖奖品详情*/
#duijiang-app .duijiang-1{margin-top: 0.3rem;position: relative;
    /*border-bottom: 1px dashed #ccc;*/
}
#duijiang-app .duijiang-1-2{width: 100%;}
#duijiang-app .duijiang-1-2>img{width: 2rem;height: 2rem;margin: 0 auto;display: block;filter: drop-shadow(1px 2px 3px #3723a1);}
#duijiang-app .duijiang-1-2 h1{
    text-align: center;
    /* line-height: 1rem; */
    font-size: 18px;
    letter-spacing: 2px;
    word-break: break-word;
    color: #ff0000;
    font-weight: 700;
/* margin-bottom: .1rem;*/
}
#duijiang-app .duijiang-1-2 p{color:#c15151;font-size: 13px;text-align: center;line-height: 30px;}
#duijiang-app .duijiang-1-2 h2{color: #f33061;font-size: 14px;text-align: center;line-height: 0.5rem;margin-top: .2rem;}
#duijiang-app .duijiang-1-2 h2 span{color: #999;font-size: 0.28rem;background: #f2f2f2;border-radius: 20px;padding: 2px 8px;}
#duijiang-app .duijiang-1-2 .dj_name{background: #f33061;font-size: 15px;text-align: center;line-height: 0.5rem;color: #fff;width: 50%;border-radius: 0.5rem;margin: 0 auto;margin-top: .4rem;padding: 5px 0;display: block;text-decoration-line: none}
#duijiang-app .dj_name .to-dj{text-decoration: none;color: #fff;font-size: 13px;width: 100%;display: block;}
#duijiang-app .duijiang-1-2 .quan-msg{color: #bebebe;font-size: 13px;text-align: center;line-height: 30px;margin: 10px;font-weight: 400;}
/*奖品兑奖信息*/
#duijiang-app .duijiang-2{position: relative;margin-top: 0.3rem;line-height: 0.8rem;font-size: 0.4rem;}
#duijiang-app .duijiang-2 .hexiaoma-msg{text-align: center;display: flex;justify-content: center;flex-wrap: wrap;font-size: 14px;}
#duijiang-app .duijiang-2 .hexiaoma-img{width: 3rem;}
#duijiang-app .duijiang-2 p{color: #6e6d6d;width: 100%}
#duijiang-app .duijiang-2 .dj_status{position: absolute;right: 0;    top: 0;}
#duijiang-app .djdizi-a{    overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 90%;}

/*diyform 样式*/
#duijiang-app .form-popuo #form{width: 100%;max-width: 450px;margin: 0 auto;}

#duijiang-app .form-popuo #form::-webkit-scrollbar {width : 0px;height: 1px;}

#duijiang-app .form-popuo #form .form-item{background-clip: padding-box!important;font-size: 13px;background-size: 100%!important;box-sizing: border-box;}
#duijiang-app .form-popuo #form .form-item .item{display: flex;align-items: center;border:1px dashed rgba(204, 204, 204, 0);margin: 5px 0;padding:0;}
#duijiang-app .form-popuo #form .form-item .item>span{width: 80px;text-align: center;overflow: hidden;white-space: nowrap;}
#duijiang-app .form-popuo #form .form-item .item .item-type{width: 100%;padding: 0 3px;}

#duijiang-app .form-popuo #form .form-item .item_active{border:1px dashed #f60!important;}
#duijiang-app .form-popuo #form .form-item .item .bitian{color: #f00;float: left;width: 0;}
#duijiang-app .form-popuo #form .sub_btn{margin: 10px auto;text-align: center;background-size: 100%!important;background-repeat: no-repeat!important;border-radius: 5px;font-size: 0.33rem;
    letter-spacing: 2px;}

#duijiang-app .form-popuo #form .upload-sub{width: 100%;height: 120px;border: 1px dashed #ccc;border-radius: 5px;text-align: center;line-height: 120px;font-size: 1rem;color: #ccc;position: relative;    background: #ffffff;}
#duijiang-app .form-popuo #form .upload-sub .el-upload{width: 100%;position: absolute;top: 0;left: 0;}

#duijiang-app .form-popuo #form .yi_upimg{border-radius: 5px;max-width: 100%;max-height:100%;width: auto!important;height: auto;box-sizing: border-box;}
#duijiang-app .form-popuo #form .yi_upimg img{border-radius: 5px;}

#duijiang-app .form-popuo #form .el-upload--picture-card{width: 100%;;height:120px;;line-height: 120px;border:none}
#duijiang-app .form-popuo #form .el-upload-list__item{width: 100%!important;height:120px!important;position: relative;z-index: 100;}
#duijiang-app .form-popuo #form .el-upload-list__item img{max-width: 100%;max-height:100%;width: auto!important;height: auto;}
#duijiang-app .form-popuo #form .radio-s4 span{padding: 2px 5px!important;}
#duijiang-app .form-popuo #form .checkbox-s4 span{padding: 2px 5px!important;}
#duijiang-app .form-popuo #form .upload-msg{line-height: 25px;position: absolute;margin: 0 auto;left: 0;right: 0;bottom: 22px;font-size: 12px;}
#duijiang-app .form-popuo #form .el-radio.is-bordered+.el-radio.is-bordered {margin-left: 0;}
#duijiang-app .form-popuo #form .el-radio-group{width: 100%}
#duijiang-app .form-popuo #form .ui-state-highlight{height: 50px;width: 100%;background: #f5ec5b !important;}
#duijiang-app .form-popuo #form .form-item .item .caozuo{margin-left: 5px;position: absolute;right: -35px;}

#duijiang-app .form-popuo #form .el-radio{background: #fff;padding: 5px 3px;}
#duijiang-app .form-popuo #form .el-checkbox{background: #fff;padding: 5px 3px;}
#duijiang-app .form-popuo #form .el-checkbox.is-bordered.el-checkbox--mini {padding: 3px 15px 3px 10px!important;}
#duijiang-app .form-popuo #form .el-radio--mini.is-bordered {padding: 6px 15px 0 10px!important;}
#duijiang-app  .el-message{width: 90%!important;min-width: auto;padding: 7px;}
#duijiang-app .yi_sub_info{padding: 0.5rem;
    background: #fff;
    width: 90%;
    margin: 0 auto;
    border-radius: 6px;
    box-shadow: 0 0 5px 0 #ccc;}
#duijiang-app .yi_sub_info p{font-size: 0.3rem}

.duijiang-msg{border-radius: 10px}
.kefu-p{text-align: center;color: #000;letter-spacing: 1px;font-size: 15px}
.kefu-btn{background: #ff7e7e;border-radius: 50px;padding: 0.2rem 0.8rem;width: 4rem;margin:  30px auto 10px;text-align: center}
.kefu-btn a{color: #fff;font-weight: bold}

.prize-msg .el-dialog__close{z-index: 10000000}

/*奖品兑奖弹窗*/
.prize-msg{width: 9rem!important;top:10vh;border-radius: 10px;animation: my-animation 0.5s;overflow: hidden;    background: #ffe466;}
.prize-msg .el-dialog__header{padding: 0}
.prize-msg .el-dialog__body{padding: 0}
.prize-msg iframe{width: 100%;height: 370px;padding-bottom: 10px;transition: all 0.5s;}
/***************兑奖页面 结束**************/



/*规则说明*/
.el-drawer:focus {outline: none;}
.sming{border-radius: 15px 15px 0 0!important;max-width: 640px;margin: 0 auto;background-color: transparent!important;box-shadow: none;}
/*.el-drawer__wrapper{z-index: 1000000!important;}*/
.sming .el-drawer__body{overflow: auto;}
.sming .sming-box{padding: 0.3rem 0.2rem 0rem;width: 100%;margin: 0 auto;height: 99%;border-radius: 5px 5px 0 0;position: absolute;top: 0.6rem;left: 0;right: 0;background: linear-gradient(to bottom, rgb(193 237 182), #8fc722);}
.sming-close{position: absolute;right: 0.1rem;top: 0.3rem;font-size: 0.6rem;width: 1rem;height: 1rem;text-align: center;color: #fff;z-index: 10000;}
.sming .el-drawer__header{text-align: center;font-weight: bold;padding:10px 20px;font-size: 16px;letter-spacing: 1px;    color: #333;margin-bottom: 0;z-index: 10;display: none}
.sming .sming-content::-webkit-scrollbar {width : 0px;height: 1px;}

.sming .sming-box .sming-title{width: 100%;position: absolute;z-index: 1;top: -0.5rem;margin: 0 auto 3px;font-weight: 600;color: #fff;left: 0;right: 0;max-height: 60px;overflow: hidden;}
.sming .sming-box .sming-title img{width: 100%}
.sming .sming-title span{position: absolute;width: 100%;height: 100%;left: 0;text-align: center;display: flex;top: 0.2rem;justify-content: center;align-items: center;color: #2da41f;}

.sming .tinymce{padding: 0.2rem;width: 100%;margin: 0 auto;height: calc(100% - 1.8rem);overflow: auto;border-radius: 5px;background: #fff;position: relative;top: 0.9rem;}


/*我的中奖信息*/
.sming .choujiang{padding: 0.2rem;width: 100%;margin: 0 auto;height: calc(100% - 1.8rem);overflow: auto;border-radius: 5px;background: #fff;position: relative;top: 0.9rem;}
.cj-msg{height: 2rem;line-height: 1.5rem;background: #fff;padding:0.2rem;}
.cj-msg b{font-size: 18px;color:#ff990d}
.cj-msg span{font-size: 13px}
.cj-btn{    float: right;width: 1.3rem;height: 1.3rem;line-height: 1.3rem;color: #fff;text-align: center;border-radius: 5px;margin: 0.1rem;}
.cj-btn em{width: 100%;height: 100%;border-radius: 5px;font-style: initial;display: block;background-color: #f60}
.cj-msg a{text-decoration: none;color: #fff}

.my_zj-msg{background: #fff;width: 100%;padding: 0.2rem;border-top:2px dashed #eeeeee;;position: relative}
.my_zj-msg .qiu1{width: 0.2rem;height: 0.2rem;background: #ffd784;position: absolute;;border-radius: 50%;left: -0.27rem;top: -0.13rem;}
.my_zj-msg .qiu2{width: 0.2rem;height: 0.2rem;background: #ffd784;position: absolute;;border-radius: 50%;right: -0.27rem;top: -0.13rem;}

.my_zj-msg-ul{display: flex;justify-content: space-between;border-bottom: 1px dashed #efeded;}
.my_zj-msg-ul img{width: 100%;}
.my_zj-msg-ul .my_zj-msg-l{width: 2rem;height: 2rem;}

.my_zj-msg-ul .my_zj-msg-c{width: 5rem;height: 2rem;display: flex;flex-wrap: wrap;align-items: center;}
.my_zj-msg-ul .my_zj-msg-c h1{font-size: 0.4rem;color:#ff1313;width: 100%;}
.my_zj-msg-ul .my_zj-msg-r{width: 1.5rem;height: 1.5rem;margin-top: 0.2rem;}
.my_zj-msg-ul .my_zj-msg-r span{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center}
.my_zj-msg-ul .my_zj-msg-r span b{font-weight: 400;font-size: 9px;background:#fb914a;color: #fff;border-radius: 3px;padding: 4px 6px;display: table;}