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

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

/*背景*/
.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%}

/*跳转图标*/
.img_20,.img_21,.img_22{width: 2rem;height: 2rem;position: absolute;right: 0;top: 10.5rem;z-index: 10;}
.img_20 img,.img_21 img,.img_22 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 rgba(32,171,157,0.7);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: #20ab9d;font-size: 17px; }
.my .my-close{position: absolute;right: 0;top: -80px;}
.my .my-close i{font-size: 45px;color: #fff;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.45rem;line-height: 0.45rem;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.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%;height: 50%;top:25%;border-radius: 10px;animation: my-animation 0.5s}
.zj-msg .el-dialog__header{padding: 0}
.zj-msg .zj-con{}

.zj-msg .zj-con .zj_tit{position: absolute;top: -1.1rem;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: 0.5rem;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: absolute;left: 0;right: 0;margin: 0 auto;width: 3rem;height: 3rem;top: 1rem;text-align: center;}
.zj-msg .zj-con .zj_img img{width: 100%}
.zj-msg .zj-con .zj_name{position: absolute;top: 4.5rem;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: 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:nth-child(1){    border: 2px solid #f5866f;border-radius: 0.4rem;padding: 0.14rem 0.2rem;color: #f5866f;font-size: 0.25rem;}
.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.25rem;}




/*中奖详情*/
.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(#ffffff, #7b48b3);padding: 10px;height: auto; border-radius: 11px;box-sizing: border-box;box-shadow: 0 0 10px 0px #000000;padding-top: 1.2rem;}
.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: -75px;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;}
.prize-com-1 ul li p{width: 90%;height: 20px;line-height: 20px;background: linear-gradient(to right,#FFE5C4,#F4B28F);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}


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



*::-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;
}