/*通用样式1*/
*{box-sizing: border-box;margin:0; padding:0;font-family:"微软雅黑";}
body {  color:#555; font-size:14px; height: 100vh;width: 100%;overflow-x: hidden;max-width: 640px;display: block;margin: auto;position: relative;background-color: #fff;padding-right: 0!important;overflow-y:scroll }
ol,ul,li { list-style:none; }
img { border:none; }

/*******************隐藏滚动条******************/
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;
}

/*element-ui 通用*/
.message{width: 100%;max-width: 80%;min-width: auto!important}
.is-bordered-label{padding: 10px 5px!important; }

/*富文本*/
.tinymce{padding: 0.3rem 0.1rem;}
.tinymce img {max-width: 100%;height: auto}
.sming-des img {max-width: 100%;height: auto}
/*富文本 结束*/


/*加载动画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%;}
#loader-wrapper .loader-section.section-right {right: 0;background-size: 100%;}

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



#main{min-height: 100vh;background-size: 100%;position: relative;padding-bottom: 1px;}
/*标题*/
#title{width: 10rem;margin: 0 auto;position: relative;top:0}
#title img{width: 100%;}

/*游戏*/
#game{width: 10rem;min-height: 3rem;position: relative;z-index: 10}



/*规则弹窗*/
#guize{position: absolute;max-width: 2.5rem;max-height: 2.5rem;top:0;left:0;z-index: 11}
#guize img{width: 100%}
/*规则说明  抽屉组件 消除边框*/
/*.el-drawer /deep/ :focus {outline: none;}*/
.el-drawer:focus {outline: none;}
.guize{border-radius: 15px 15px 0 0!important;z-index: 999999!important;max-width: 640px;margin: 0 auto}
.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: 1.2rem;line-height: 1.2rem;margin-bottom: 8px;border-radius: 5px;background:linear-gradient(50deg,rgb(254 254 254),#f6f5f5 50%,#eeecec);overflow: hidden;display: flex;align-items: center}
.guize ul li .sming-p{width: 100%;display: flex;justify-content: space-between}
.guize ul li .sming-p h2{font-size: 0.3rem;min-width: 2rem;}
.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: 0.8rem;height: 0.8rem;display: inline-block;text-align: center;line-height: 0.8rem;font-weight: bold;color: #732f2f;margin-right: 10px;background-size: 100%}
.guize ul li .ul-li-tag{float: right;margin-right: 0.15rem;height: 1.2rem;}
.guize .el-popup-parent--hidden {padding-right: 0!important;}
.guize .el-drawer__body::-webkit-scrollbar {width : 0px;height: 1px;}
.guize .sming-des img{max-width: 100%;height: auto}



/*我的奖品*/
#my{position: absolute;max-width: 2.5rem;max-height: 2.5rem;top:0;left:0;z-index: 11}
#my img{width: 100%}

/*我的奖品弹窗*/
.my{border-radius: 12px!important;border: 3px solid #e8961bcf;height: 70vh;animation: my-animation 0.5s;background:#f6ede6;;box-sizing: border-box;;max-width: 9rem}
.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: #dc5c28;font-size: 17px; }
.my .my-close{position: absolute;right: 10px;top: 10px;}
.my .my-close i{font-size: 25px;color: #c60d0d;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;padding: 0 0.3rem;}
.my  ul li{width: 100%;height: 2.5rem;display: flex;background: #fff;border-radius: 5px;box-sizing: border-box;padding: 0.2rem 0.20rem;margin-bottom: 5px;border: 2px solid #c3ab9d;align-items: center;}
.my  ul li .ul-li-img{width:2rem;height: 2rem;border: 1px solid #f1d491;border-radius: 5px;}
.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:4rem;height: 1.50rem;margin: 0 0.20rem}
.my  ul li .ul-li-info p{font-size: 0.45rem;}
.my  ul li .ul-li-info p:nth-child(1){height: 0.5rem;line-height: 0.6rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin: 8px 0;}
.my  ul li .ul-li-info p:nth-child(2){font-size: 0.35rem;color: #888;line-height: 0.6rem;}
.my  ul li .ul-li-info p:nth-child(3) {line-height: 0.3rem;font-size:0.3rem;}


.my  ul li .ul-li-status{width: 1.5rem;height: 1.50rem}
.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: 100%;margin-top: 0.2rem;box-shadow: 0px 0px 3px 0px #c1c9c4;border: none;border-radius: 6px;}
.my  .sub-search-log{position: absolute;right: 0.25rem;top: 0.21rem;background:#dc5c28;padding: 11px 20px;border-radius: 6px;color: #fff;}
.my .kong_data{text-align: center;width: 100%}
.my .kong_data img{width: 80%;}
.my .el-dialog__body::-webkit-scrollbar {width : 0px;height: 1px;}





/*奖品列表*/
#prize-list{position: relative;width: 9.5rem;background: linear-gradient(to right,#FFE5C4,#F4B28F);margin: 0.8rem auto;border-radius: 8px;padding: 5px;box-sizing: border-box;}

.prize-box {background: #fff;width: 100%;border-radius: 8px;position: relative;padding: 0.1rem;border: 1px dashed #f4b28f;}
.prize-box ul{display: flex;flex-wrap: wrap;padding: 0.2rem;justify-content: space-between;}
.prize-box .prize-list-title {width: 100%;height: 50px;position: relative;}
.prize-box .prize-list-title img {max-width: 100%;position: absolute;bottom: 0;}

.prize-list-1{width: 100%;}
.prize-list-1 .li-box{display: flex;height: 2.4rem;margin-bottom: 0.3rem;padding: 0.2rem;box-sizing: border-box;border-radius: 5px;box-shadow: 0 0 5px 0 #ccc;}
.prize-list-1 .li-box .img-box{width: 2rem;height: 2rem;background-color: #F4B28F}
.prize-list-1 .li-box .img-box img{width: 2rem;height: 2rem}
.prize-list-1 .li-box .prize-name{width: 6.2rem;padding-left: 0.3rem;background-color: #FFE5C4}
.prize-list-1 .li-box h1{font-size: 0.4rem;line-height: 1rem;margin-top: 0.2rem;color: #000}
.prize-list-1 .li-box h2{font-size: 13px;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #f00}


.prize-list-2{width: 48%;margin-bottom: 0.3rem;}
.prize-list-2 .li-box{padding: 0.2rem;width: 100%;border-radius: 5px;background: linear-gradient(rgb(244, 178, 143), rgb(255, 229, 196))}
.prize-list-2 .li-box .img-box{width: 80%;height:0;padding-bottom: 80%;margin: 0 auto}
.prize-list-2 .li-box .img-box img{width: 100%;}
.prize-list-2 .li-box h1{text-align: center;font-size: 13px;margin: 3px 0;color: #000}
.prize-list-2 .li-box h2{text-align: center;font-size: 12px;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #f00}


.prize-list-3{width: 32%;margin-bottom: 0.2rem;}
.prize-list-3 .li-box{padding: 0.2rem;width: 100%;border-radius: 5px;background: linear-gradient(rgb(244, 178, 143), rgb(255, 229, 196))}
.prize-list-3 .li-box .img-box{width: 80%;height:0;padding-bottom: 80%;margin: 0 auto}
.prize-list-3 .li-box .img-box img{width: 100%;}
.prize-list-3 .li-box h1{text-align: center;font-size: 13px;margin: 3px 0;color: #000}
.prize-list-3 .li-box h2{text-align: center;font-size: 12px;font-weight: 400;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #f00}


/*音乐*/
#yinyue{width: 1.2rem;height: 1.2rem;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.2rem;box-sizing: border-box;width: 80%}



/*弹幕1*/
.danmu1 {width: 100%;height: 3rem;position: absolute;top: 0rem;left: 0;z-index: 2;display: block;overflow-x: hidden;}
.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.2rem;line-height: 0.5rem;height: 1rem;display: inline-block;vertical-align: middle;}
.danmu1 .danmu-1 b{color: #ff0000;font-weight: 700;}

.danmu1::-webkit-scrollbar {width : 0;height: 1px;}


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


/*抽奖记录*/
.danmu2 {width: 9rem;margin: 1rem auto;background: rgba(0,0,0,0.2);border-radius: 5px;position: relative;padding: 0.5rem 0;}
.danmu2 .danmu2-title{width: 100%;height: 2rem;position: absolute;top: -2rem;text-align: center}
.danmu2 .danmu2-title img{max-width: 100%;margin: 0 auto;}
.danmu2 .scrollDiv{height: 9.3rem;overflow: hidden;}
.danmu2 .scrollDiv .kong-data{opacity: 0.5}
.danmu2 ul{height: 7.7rem;padding: 0.2rem}
.danmu2 ul li{height: 1.5rem;border-bottom: 1px dashed #ffffffa6;}
.danmu2 ul li .danmu-left{float: left;width: 1.2rem;height: 1.2rem;    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: 7rem}
.danmu2 ul li .danmu-right h2{color: #fff;height: 0.7rem;line-height: 0.7rem;font-size: 0.35rem;overflow: hidden;display: flex;
    justify-content: space-between;}
.danmu2 ul li .danmu-right h2 span{display: inline-block;max-width: 3.3rem;font-size: 12px;}
.danmu2 ul li .danmu-right h2 small{float: right;color: #e9e9e9;width: 3.5rem;}
.danmu2 ul li .danmu-right p{color: #fff; white-space: nowrap;width: 5.5rem;text-overflow: ellipsis;font-size: 0.3rem;overflow: hidden;}
.danmu2 ul li .li-zhanwei{width: 100%;height: 7px}

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



/*表单收集*/
.form-popuo{background-image: linear-gradient(#ffffff, #d32428);padding: 10px;height: auto; border-radius: 11px;box-sizing: border-box;box-shadow: 0 0 10px 0px #000000;padding-top: 4rem;max-width: 8rem;}
.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;bottom: -65px;;border: 2px solid #fff;width: 30px;height: 30px;line-height: 25px;border-radius: 50%;color: #f00;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 .form-code{padding: 0 10px 15px;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;padding: 0 10px}
.form-popuo .input-group input{
    width: 7rem;
    border: 1px solid #e7e7e7;
    border-radius: 37px;
    height: 1.2rem;
    font-size: 0.35rem;
    padding: 15px;
    background: #fff;
    text-align: center;
    letter-spacing: 2px;
    box-shadow: 0 0 5px 0 #ffb3b3;
}
.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;}



/*中奖提示*/
.zj-msg{width: 7.5rem;height: 8.2rem;top:25%;border-radius: 10px;animation: my-animation 0.5s;background: transparent;    box-shadow: none;}
.zj-msg .el-dialog__header{padding: 0}
.zj-msg .zj-con{}

.zj-msg .zj-con .zj_tit{position: absolute;top: -2.4rem;left: -5%;width: 110%;}
.zj-msg .zj-con .zj_tit img{width: 100%}
.zj-msg .zj-con .zj_bg{width: 5rem;height: 5rem;top: 0.3rem;left: 0;right: 0;margin: 0 auto;position: absolute;background-image: url("/index/manghe/s1/images/guangh.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: absolute;left: 0;right: 0;margin: 0 auto;width: 3.5rem;height: 3.5rem;top: 1rem;text-align: center;}
.zj-msg .zj-con .zj_img img{width: 100%}
.zj-msg .zj-con .zj_name{position: absolute;top: 5.8rem;text-align: center;left: 0;right: 0;font-size: 0.45rem;}
.zj-msg .zj-con .zj_name b{color: #fff400}
.zj-msg .zj-con .zj_btn{position: absolute;bottom: 0.5rem;text-align: center;left: 0;right: 0;font-size: 0.3rem;margin: 0 0.25rem;}
.zj-msg .zj-con .zj_btn span{width: 2.6rem;display: inline-block}
.zj-msg .zj-con .zj_btn span:nth-child(1){    border: 2px solid #f5866f;border-radius: 0.4rem;padding: 0.14rem 0.6rem;color: #fff;font-size: 0.3rem;background: linear-gradient(to right,#f5866f, #e64423)}
.zj-msg .zj-con .zj_btn span:nth-child(2){border-radius: 0.4rem;padding:0.18rem  0.6rem;background: linear-gradient(to right,#f5866f, #e64423);color: #fff;font-size: 0.3rem;margin-left: 0.5rem}
.zj-msg .close_guestbook{    position: absolute;
    right: 0;
    /* left: 0; */
    /* margin: 0 auto; */
    top: -65px;
    border: 2px solid #fff;
    width: 30px;
    height: 30px;
    line-height: 25px;
    border-radius: 50%;
    color: #ffffff;
    background-color: #ffffff00;
    text-align: center;
    font-size: 22px;
    z-index: 10000;}


/*兑奖奖品详情*/
.duijiang{height: 70vh;border-radius: 12px;max-width: 9rem}
.duijiang .el-dialog__header{background: #f2f2f2;border-radius: 12px 12px 0 0}
.duijiang .el-dialog__body{padding: 10px;overflow: auto;height: 85%;}
.duijiang .duijiang-1{display: flex;box-shadow: 0 0 5px 0 #ffd7d7;border-radius: 5px;}
.duijiang .duijiang-1-1{width: 2rem;height: 2rem;}
.duijiang .duijiang-1-1 img{width: 2rem;height: 2rem;padding: 2px;border-right: 1px solid #f2f2f2;box-sizing: border-box;}
.duijiang .duijiang-1-2{width: 4.5rem;height: 2rem;}
.duijiang .duijiang-1-2 h1{color: #d91919;font-size: 0.4rem;text-align: center;font-weight: bold;line-height: 1.2rem;}
.duijiang .duijiang-1-2 p{color: #000000;font-size: 0.3rem;text-align: center;line-height: 0.5rem;}

/*奖品兑奖信息*/
.duijiang .duijiang-2{position: relative;}
.duijiang .duijiang-2 p{font-size: 0.25rem;color: #333;line-height: 0.5rem}
.duijiang .dj_status{position: absolute;top: -65px;right: 0;opacity: 0.5;width: 2rem;height: 2rem;}
.duijiang .dj_status img{width: 100%}
.duijiang .form{padding: 5px 0px;}
.duijiang .input-group{font-size: 0.3rem;margin-bottom: 10px;display: flex}

.duijiang .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;}

.duijiang .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;}

.duijiang .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;}
.duijiang .xiangqing-label{font-size: 13px!important;}
.duijiang .xiangqing-label th{width: 2rem!important;text-align: center!important;}
.duijiang .el-dialog__body::-webkit-scrollbar {width : 0px;height: 1px;}
.duijiang .yitijiao_info{font-size: 12px;line-height:0.5rem;color: #333}
.duijiang .hexiaoma-img{width: 4rem;height: 4rem;display: block;margin: 0 auto}
.duijiang .hexiaoma-msg{font-size: 0.25rem;color: #dd4a68;text-align: center}

/************动画***********/
/*无任何动态 加上这个图片清晰一点*/
.no-ani{animation: no-ani 3s linear infinite}
@keyframes no-ani {
    0% {
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

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


/*大小动画*/
.daxiao{animation: daxiao 3s linear infinite}
@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);
    }
}

/*上下浮动动画*/
.up_down{animation: up_down 3s linear infinite}
@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);
    }
}

/*左右扇形晃动*/
.left_right{animation: left_right 3s linear infinite}
@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);
    }
}


/*中奖弹窗 奖品背景 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);
    }
}


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

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