html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
}
body {
    min-width: 320px;
    margin: 0 auto;
    font-family: MyFont; 
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    -moz-text-size-adjust: 100% !important;
}
.content{
    width: 100%;
}
.content .img{
    width: 80%;
    margin-left: 10%;
}
.content .img img{
    width: 100%;
    margin-top: 80px;
}
.content .spin{
    width: 80%;
    margin-left: 10%;
    height: 90px;
    text-align: center;
    line-height: 90px;
    background: linear-gradient( 180deg, #FE956B 0%, #F55B28 100%);
    color: #fff;
    font-size: 30px;
    border-radius: 40px;
    margin-top: 40px;
}
.content .tip{
    width: 90%;
    margin-left: 5%;
    text-align: center;
    margin-top: 20px;
    color: #fff;
    font-size: 40px;
    font-weight: 700;
}
/* 填写信息弹框 */
.cd-popup{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #242225;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 999999;
}
.cd-popup.is-visible{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container{
	z-index: 999999;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	/* background-color: #FFF; */
	border-radius: 20px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.is-visible .cd-popup-container{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.cd-popup-close{
    position: absolute;
    right:0;
    left: 0;
    bottom: -100px;
    margin: auto;
    z-index: 10;
    width: 60px;
    height: 60px;
    display: inline-block;
}
.cd-popup .desc{
    width: 90%;
    margin: auto;
    margin-top: 300px;
    border-radius: 15px;
    position: relative;
}
.cd-popup .desc .inside{
    margin: auto;
    border: 10px solid #f25b2c;
    background-color: #ffeedc;
    border-radius: 15px;
}
.cd-popup .desc .inside .tit{
    width: 80%;
    height: 60px;
    margin: auto;
    background: url(../../static/images/tit-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80% 60px;
    text-align: center;
    line-height: 60px;
    font-size: 32px;
    color: #fff;
}
.cd-popup .desc .inside .con{
    width: 90%;
    margin: auto;
    margin-top: 20px;
    padding: 30px 0;
}
.cd-popup .desc .inside .con .user{
    width: 100%;
}
.cd-popup .desc .inside .con .user .titl{
    width: 100%;
    height: 80px;
    line-height: 80px;
    display: flex;
}
.cd-popup .desc .inside .con .user img{
    width: 50px;
    height: 50px;
    margin-top: 15px;
}
.cd-popup .desc .inside .con .user span{
    display: inline-block;
    font-size: 30px;
    color: #7C3800;
}
.cd-popup .desc .inside .con .user input{
    width: 97%;
    height: 80px;
    padding-left: 3%;
    margin-top: 10px;
    background-color: #FFFCF3;
    font-size: 30px;
    outline: none;
}
.cd-popup .desc .inside .con .user-email{
    width: 100%;
    margin-top: 20px;
}
.cd-popup .desc .inside .con .user-email .titl{
    width: 100%;
    height: 80px;
    line-height: 80px;
    display: flex;
}
.cd-popup .desc .inside .con .user-email img{
    width: 50px;
    height: 50px;
    margin-top: 15px;
}
.cd-popup .desc .inside .con .user-email .titl span{
    display: inline-block;
    font-size: 30px;
    color: #7C3800;
}
.cd-popup .desc .inside .con .user-email .e-inp{
    width: 97%;
    height: 80px;
    margin-top: 10px;
    padding-left: 3%;
    background-color: #FFFCF3;
    font-size: 30px;
    outline: none;
}
.cd-popup .desc .inside .con .btn{
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin-top: 40px;
    background: linear-gradient( 180deg, #FE956B 0%, #F55B28 100%);
    box-shadow: inset 0px 0px 1px 2px #D66E46;
    border-radius: 60px;
    text-align: center;
}
.cd-popup .desc .inside .con .btn:active{
    background: #F55B28;
}
.cd-popup .desc .inside .con .btn p{
    color: #fff;
    font-size: 30px;
}
.cd-popup .btngif{
    width: 50px;
    height: 50px;
    margin-top: 15px;
    display: none;
}
.cd-popup .playBtn{
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin-top: 40px;
    background: linear-gradient( 180deg, #FE956B 0%, #F55B28 100%);
    box-shadow: inset 0px 0px 1px 2px #D66E46;
    border-radius: 60px;
    text-align: center;
    opacity: 0.2;
}
/* 转盘 */
.cd-popup0{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #242225;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 999999;
}
.cd-popup0.is-visible0{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container0{
	z-index: 999999;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	/* background-color: #FFF; */
	border-radius: 20px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.is-visible0 .cd-popup-container0{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.cd-popup0 .lottery {
    width: 600px;
    height: 600px;
    position: relative;
    margin: 0 auto;
    margin-top: 100px;
}
.cd-popup0 .lottery .st1 {
    position: absolute;
    top: 108px;
    right: 219px;
    cursor: pointer;
    width: 162px;
    height: 275px;
    /* pointer-events: none; */
    -webkit-touch-callout: default; 
    -webkit-touch-callout: none;
    -webkit-touch-callout: initial;
    -webkit-touch-callout: inherit;
    -webkit-touch-callout: unset;

    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
}
.cd-popup0 .lottery .st2 {
    position: absolute;
    top: 108px;
    right: 219px;
    cursor: pointer;
    width: 162px;
    height: 275px;
    /* pointer-events: none; */
    -webkit-touch-callout: default; 
    -webkit-touch-callout: none;
    -webkit-touch-callout: initial;
    -webkit-touch-callout: inherit;
    -webkit-touch-callout: unset;

    -webkit-user-select:none;
    -moz-user-select:none;
    -o-user-select:none;
    user-select:none;
	display: none;
}
.cd-popup0 #needle{
    position: absolute;
    top: 179px;
    right: 287px;
    cursor: pointer;
    height: 150px;
}
.cd-popup0 #myCanvas{
    position: relative;
}
.cd-popup0 .drawnum{
    width: 90%;
    margin: auto;
    margin-top: 50px;
}
.cd-popup0 .drawnum p{
    color: #fee5c7;
    font-size: 32px;
}
.cd-popup0 .drawnum p span{
    margin: 0 5px;
}
.cd-popup0 .desc{
    width: 90%;
    margin: auto;
    margin-top: 50px;
    border: 10px solid #fee5c7;
    border-radius: 15px;
    background-color: #ffeedc;
    display: none;
}
.cd-popup0 .desc .inside{
    margin: auto;
    border: 10px solid #f25b2c;
    background-color: #ffeedc;
    border-radius: 15px;
}
.cd-popup0 .desc .inside .tit{
    width: 100%;
    height: 60px;
    margin: auto;
    background: url(../../static/images/tit-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 60px;
    text-align: center;
    line-height: 60px;
    font-size: 28px;
    color: #fff;
}
.cd-popup0 .desc .inside .text{
    height: 400px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
}
.cd-popup0 .desc .inside .text p{
    font-size: 26px;
    line-height: 40px;
    margin-top: 20px;
}
/* 启动码 */
.cd-popup1{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #242225;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 999999;
}
.cd-popup1.is-visible1{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container1{
	z-index: 999999;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	/* background-color: #FFF; */
	border-radius: 20px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.is-visible1 .cd-popup-container1{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.tips-box{
    width: 90%;
    margin: auto;
    margin-top: 250px;
    border-radius: 15px;
    background: linear-gradient( 180deg, #FFE8C5 0%, #FFF1E4 100%);
}
.tips-box .tips-img{
    width: 100%;
}
.tips-box .tips-img img{
    width: 100%;
    margin-top: -40px;
}
.tips-box .con{
    width: 90%;
    margin: auto;
    margin-top: 20px;
    padding: 10px 0 30px 0;
}
.tips-box .con .box{
    width: 90%;
    margin: auto;
    position: relative;
}
.tips-box .con .box img{
    width: 100%;
}
.tips-box .con .box .text{
    width: 100%;
    text-align: center;
    position: absolute;
    top: 80px;
}
.tips-box .con .box .text p{
    color: #A84D04;
    font-size: 30px;  
}
.tips-box .con .box .text p:nth-of-type(1) span{
    color: #A84D04;
    font-size: 40px;
    margin-left: 10px;
}
.tips-box .con .box .text p:nth-of-type(2){
    margin-top: 20px;
}
.tips-box .con .time{
    width: 100%;
    margin-top: 10px;
    text-align: center;
}
.tips-box .con .time p{
    color: #402114;
    font-size: 28px;
}
.tips-box .con .prize-tip{
    width: 100%;
    margin-top: 10px;
    text-align: center;
    color: #402114;
    font-size: 28px;
}
.tips-box .con .tips{
    width: 100%;
    margin-top: 10px;
    text-align: center;
    color: #402114;
    font-size: 28px;
}
.tips-box .con .btn{
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin-top: 40px;
    background: linear-gradient( 180deg, #FE956B 0%, #F55B28 100%);
    box-shadow: inset 0px 0px 1px 2px #D66E46;
    border-radius: 60px;
    text-align: center;
}
.tips-box .con .btn:active{
    background: #F55B28;
}
.tips-box .con .btn p{
    color: #fff;
    font-size: 30px;
}
/* 次卡 */
.cd-popup2{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #242225;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 999999;
}
.cd-popup2.is-visible2{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container2{
	z-index: 999999;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	/* background-color: #FFF; */
	border-radius: 20px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.is-visible2 .cd-popup-container2{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* 优惠券 */
.cd-popup3{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #242225;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 999999;
}
.cd-popup3.is-visible3{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container3{
	z-index: 999999;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	/* background-color: #FFF; */
	border-radius: 20px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.is-visible3 .cd-popup-container3{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* 会员积分 */
.cd-popup4{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #242225;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 999999;
}
.cd-popup4.is-visible4{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container4{
	z-index: 999999;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	/* background-color: #FFF; */
	border-radius: 20px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.is-visible4 .cd-popup-container4{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* 会员卡 */
.cd-popup5{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #242225;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 999999;
}
.cd-popup5.is-visible5{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container5{
	z-index: 999999;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	/* background-color: #FFF; */
	border-radius: 20px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.is-visible5 .cd-popup-container5{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
/* 再转一次 */
.cd-popup6{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #242225;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 999999;
}
.cd-popup6.is-visible6{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container6{
	z-index: 999999;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	/* background-color: #FFF; */
	border-radius: 20px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.is-visible6 .cd-popup-container6{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.cd-popup6 .tips-box{
    width: 90%;
    margin: auto;
    margin-top: 250px;
    border-radius: 15px;
    background: linear-gradient( 180deg, #FFE8C5 0%, #FFF1E4 100%);
}
.cd-popup6 .tips-box .tips-img{
    width: 100%;
}
.cd-popup6 .tips-box .tips-img img{
    width: 100%;
    margin-top: -40px;
}
.cd-popup6 .tips-box .con{
    padding: 30px 0;
}
.cd-popup6 .tips-box .con .text{
    width: 70%;
    height: 80px;
    margin: auto;
    background: linear-gradient( 90deg, #FFFDF7 0%, #FFFAED 100%);
    border-radius: 10px;
    text-align: center;
    line-height: 80px;
    color: #A84D04;
    font-size: 30px;
    font-weight: 600;
}
.cd-popup6 .tips-box .con .btn{
    width: 90%;
    margin: auto;
    height: 80px;
    line-height: 80px;
    margin-top: 60px;
    background: linear-gradient( 180deg, #FE956B 0%, #F55B28 100%);
    box-shadow: inset 0px 0px 1px 2px #D66E46;
    border-radius: 60px;
    text-align: center;
}
.cd-popup6 .tips-box .con .btn:active{
    background: #F55B28;
}
.cd-popup6.tips-box .con .btn p{
    color: #fff;
    font-size: 30px;
}
/* 明天再来 */
.cd-popup7{
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #242225;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	z-index: 999999;
}
.cd-popup7.is-visible7{
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup-container7{
	z-index: 999999;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	/* background-color: #FFF; */
	border-radius: 20px;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
}
.is-visible7 .cd-popup-container7{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.cd-popup7 .tips-box{
    width: 90%;
    margin: auto;
    margin-top: 150px;
    border-radius: 15px;
    background: linear-gradient( 180deg, #FFE8C5 0%, #FFF1E4 100%);
}
.cd-popup7 .tips-box .tips-img{
    width: 100%;
}
.cd-popup7 .tips-box .tips-img img{
    width: 100%;
    margin-top: -40px;
}
.cd-popup7 .tips-box .text{
    width: 70%;
    height: 80px;
    margin: auto;
    background: linear-gradient( 90deg, #FFFDF7 0%, #FFFAED 100%);
    border-radius: 10px;
    text-align: center;
    line-height: 80px;
    color: #A84D04;
    font-size: 30px;
    font-weight: 600;
    margin-top: 30px;
}
.cd-popup7 .tips-box .remark{
    width: 90%;
    margin: auto;
    padding: 30px 0;
    text-align: center;
    margin-top: 20px;
}
.cd-popup7 .tips-box .remark p{
    line-height: 40px;
    color: #474747;
    font-size: 28px;
}
.cd-popup7 .desc{
    width: 90%;
    margin: auto;
    margin-top: 50px;
    border-radius: 15px;
    margin-bottom: 50px;
}
.cd-popup7 .desc .inside{
    margin: auto;
    border: 10px solid #f25b2c;
    background-color: #ffeedc;
    border-radius: 15px;
}
.cd-popup7 .desc .inside .tit{
    width: 80%;
    height: 60px;
    margin: auto;
    background: url(../../static/images/tit-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80% 60px;
    text-align: center;
    line-height: 60px;
    font-size: 32px;
    color: #fff;
}
.cd-popup7 .desc .inside .con{
    width: 90%;
    margin: auto;
    margin-top: 20px;
    padding: 30px 0;
}
.cd-popup7 .desc .inside .con .user{
    width: 100%;
}
.cd-popup7 .desc .inside .con .user .titl{
    width: 100%;
    height: 80px;
    line-height: 80px;
    display: flex;
}
.cd-popup7 .desc .inside .con .user img{
    width: 50px;
    height: 50px;
    margin-top: 15px;
}
.cd-popup7 .desc .inside .con .user span{
    display: inline-block;
    font-size: 30px;
    color: #7C3800;
}
.cd-popup7 .desc .inside .con .user input{
    width: 97%;
    height: 80px;
    padding-left: 3%;
    margin-top: 10px;
    background-color: #FFFCF3;
    font-size: 30px;
    outline: none;
}

.cd-popup7 .desc .inside .con .email{
    width: 100%;
    margin-top: 20px;
}
.cd-popup7 .desc .inside .con .email .titl{
    width: 100%;
    height: 80px;
    line-height: 80px;
    display: flex;
}
.cd-popup7 .desc .inside .con .email img{
    width: 50px;
    height: 50px;
    margin-top: 15px;
}
.cd-popup7 .desc .inside .con .email span{
    display: inline-block;
    font-size: 30px;
    color: #7C3800;
}
.cd-popup7 .desc .inside .con .email input{
    width: 97%;
    height: 80px;
    margin-top: 10px;
    padding-left: 3%;
    background-color: #FFFCF3;
    font-size: 30px;
    outline: none;
}
.cd-popup7 .desc .inside .con .btn{
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin-top: 40px;
    background: linear-gradient( 180deg, #FE956B 0%, #F55B28 100%);
    box-shadow: inset 0px 0px 1px 2px #D66E46;
    border-radius: 60px;
    text-align: center;
}
.cd-popup7 .desc .inside .con .btn:active{
    background: #F55B28;
}
.cd-popup7 .desc .inside .con .btn p{
    color: #fff;
    font-size: 30px;
}
.cd-popup7 .btngif{
    width: 50px;
    height: 50px;
    margin-top: 15px;
    display: none;
}
.cd-popup7 .playBtn{
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin-top: 40px;
    background: linear-gradient( 180deg, #FE956B 0%, #F55B28 100%);
    box-shadow: inset 0px 0px 1px 2px #D66E46;
    border-radius: 60px;
    text-align: center;
    opacity: 0.2;
}