.w1000{width: 1000px;margin: 0 auto}

.white{color:#fff}
.red{color:#df544b}
.f20{font-size: 20px;}
.f22{font-size: 22px}
.f24{font-size: 24px}
.f38{font-size: 38px}
.bold{font-weight: bold}
.bgyellow{background: -webkit-linear-gradient(to left, #fed51a,#fde472);background: -o-linear-gradient(to left,#fed51a,#fde472);background: -moz-linear-gradient(to left, #fed51a,#fde472);background: linear-gradient(to left, #fed51a,#fde472);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fed51a,endcolorstr=#fde472,gradientType=1);}

.clear:after{content:'';display: table;clear: both}

.col-space-46{margin:-23px}
.col-space-46>*{padding:23px;box-sizing: border-box}
.col-lg-3{width: 33.3333333%;float: left;}

/* .content{background-image: url(../images/bg.jpg);background-position: center top;background-color:#df544b} */

.banner-activity{padding-top: 145px;text-align: center}
.subtitle-activity{border:3px solid #ffff00;border-radius: 60px;display: inline-block;padding:8px 60px;margin:20px 0;position: relative}
.subtitle-activity h2{font-size: 30px;font-weight: bold;color:#ffff00;text-align: center;}
.subtitle-activity:after{content:'';display:block;width:0;height:0;border-style: solid;border-width: 15px 10px;border-color: #ffff00 transparent transparent transparent;position: absolute;top:75px;left: 50%;margin-left: -5px}

.sec{margin: 110px auto 50px;width: 875px;background-image: url(../images/sec-bg.png);background-size: 100% 92%;background-position: center bottom;background-repeat: no-repeat}
.sec-title{text-align: center;font-weight: bold;font-size: 46px;color:#fff;height: 110px;line-height:110px;background-image: url(../images/sec-title.png);background-repeat: no-repeat;background-position: center center;background-size: 100% 100%;width: 442px;margin:-55px auto 0}
.sec-content{margin:0 auto;padding:0 40px 55px}
.sec-content>p{margin:25px 0}

.rule{text-align: center;padding-top:20px;padding-bottom: 120px}
.rule-title{background-image: url(../images/rule-title.png);background-position: center center;background-repeat: no-repeat;font-size: 30px;color:#fff;text-align: center}
.rule-content{display: inline-block;text-align: left;padding:45px 0;max-width: 700px}
.rule-content p{line-height: 45px;position: relative;padding-left: 35px}
.rule-content p span{position: absolute;left: 0;top:0;line-height: 40px}

.block-activity01{margin-bottom: 30px}
.block-activity01 li>div{border-radius: 20px;padding:25px}
.block-activity01 li .info{padding-top:40px;padding-bottom: 40px;text-align: center;}
.block-activity01 li a{display: block;background-color: #fff;border-radius:45px;width: 130px;text-align: center;line-height: 45px;margin:0 auto }
.block-activity02 a{display: block;border-radius: 5px;line-height: 40px;text-align: center;color:#df544b;font-size: 16px}

/*滑动验证码 --编辑于 20191106*/
.sliding-img-check-box{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-align:center;background-color: #fff;box-shadow: 0 5px 20px rgba(14,106,231,0.15);visibility: hidden;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.sliding-img-check-box>div:last-child{margin-bottom: 10px}
.sliding-img-check-box>.icon-close{position: absolute;right:16px;top: 6px;cursor: pointer;font-size: 22px;z-index: 1}
.sliding-img-display{position:relative;padding:0 20px;border-radius:16px;overflow:hidden;margin:auto;}
.sliding-img-display>p{text-align: left;line-height: 35px;font-size: 12px;color:#333}
.sliding-img-cnt{position:relative;width: 240px;height: 161px}
.sliding-img-src,.sliding-img-fragment-hollow{position:absolute;left:0;top:0;z-index:10}
.sliding-img-src{width: 100% !important;height: 100% !important;position: static !important;}
.sliding-img-fragment-cnt{top:50px;left:0;position:absolute;width: 38px ;height: 42px}
.sliding-img-fragment-cnt .sliding-img-fragment-content,.sliding-img-fragment-cnt .sliding-img-fragment{position:absolute;left:0;z-index:20}
.sliding-smooth-cnt{position:relative;width:240px;height: 40px;margin: 0 auto;border-radius:24px;}
.sliding-smooth-bar,.sliding-smooth-circle{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.sliding-smooth-bar{width:100%;height:10px;background-color:#e4e4e4;border-radius:24px}
.sliding-smooth-circle{position:absolute;width: 52px;height:30px;background-color: #306af4;border-radius: 30px;box-shadow: 0 0 6px 0 #306af4;cursor:pointer;padding: 5px 14px;box-sizing: border-box;}
.sliding-smooth-circle span{display: inline-block;width: 2px;height: 10px;background-color: #fff;margin-right: 6px;}
.sliding-smooth-circle span:last-child{margin-right: 0}
.sliding-icon-refresh{display:block;position:relative;cursor:pointer;font-size: 12px;color:#333;margin-top: 5px;}
.sliding-icon-refresh span{position: relative;top:1px }
.sliding-loadding{background-color: #fff;position: absolute;top:0;left:0;width: 241px;height: 100%;/* display: none; */z-index: 99;padding:60px 0;margin: 0 -1px;box-sizing: border-box;}
.sliding-loadding img{position: static !important;width: 32px !important;height: 32px !important;}

.sliding-btn{height: 46px;background-color: #e7ecf0;border-radius: 4px;position: relative;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.sliding-btn:before{content:'向右拖动滑块';display:block;line-height: 45px;text-align: center;color:#666}
.sliding-btn.success{background-color: #44cb77;color:#fff}
.sliding-btn.success >*{display: none}
.sliding-btn.success:before{content:'验证成功';color:#fff;padding-left: 30px;}
.sliding-btn.success:after{content:'\e61c';color:#fff;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:0;line-height: 45px;text-align: center;margin-left: -30px;}
.sliding-btn.error:before{content:'验证失败';color:#f4583f;padding-left: 30px;}
.sliding-btn.error{background-color: #ffece9}
.sliding-btn.error:after{content:'\e6b2';color:#f4583f;display:block;width: 100%;font-family: iconfont;font-size: 20px;position: absolute;top:0;line-height: 45px;text-align: center;margin-left: -30px;}
.sliding-btn .sliding-smooth-bar{width:0;height: 100%;position: absolute;left: 0;background-color: #4a8ff9;border-radius:4px;z-index: 9}
.sliding-btn .sliding-smooth-circle{width: 50px;height:46px;border-radius: 4px;box-shadow: 0 0 10px rgba(14,106,231,0.15);background-color: #fff;z-index: 9}
.sliding-btn .sliding-smooth-circle i{position: absolute;left: 9px;top: 16px;color:#d4d9dc;font-size: 14px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none}
.sliding-btn .sliding-smooth-circle i:nth-child(2){left: 17px;}
.sliding-btn .sliding-smooth-circle.moving i{color:#8bb8ff;-webkit-animation: moving 1s infinite;-moz-animation: moving 1s infinite;-o-animation: moving 1s infinite;animation: moving 1s infinite}
.sliding-btn .sliding-smooth-circle.moving i:nth-child(2){-webkit-animation-delay: 1s;-moz-animation-delay: 1s;-o-animation-delay: 1s;animation-delay: 1s}

.sliding-btn[data-disabled=true]{background-color: #f7f7f7}
.sliding-btn[data-disabled=true]:before{content:'暂不可拖动';color:#d6d5d5}
.sliding-btn[data-disabled=true]:after{display: none}
.sliding-btn[data-disabled=true] .sliding-smooth-circle{background-color: rgba(255,255,255,0.8)}

@media screen and (max-width: 1200px) {
    .w1000{width: 800px}
    .sec{width: 100%}
    .f20{font-size: 18px;}
    .f22{font-size: 18px}
    .f24{font-size: 20px}
    .f38{font-size: 34px}
    .col-space-46{margin:-15px}
    .col-space-46>*{padding:15px}
}

@media screen and (max-width: 1023px) {
    .sliding-img-check-box {
        position: fixed;
        top: 30%;
        bottom: 30%;
        height: 268px;
        z-index: 9999999999;
    }
}

@media screen and (max-width: 900px) {
    .w1000{width: 96%;margin:0 2%}
    .f20{font-size: 18px;}
    .f22{font-size: 16px}
    .f24{font-size: 18px}
    .f38{font-size: 26px}
    .col-space-46{margin:-5px}
    .col-space-46>*{padding:5px}

    .subtitle-activity h2{font-size: 20px}
    .sec{margin-top: 75px}
    .sec-title{font-size: 24px;width: 281px;line-height: 70px;height: 70px;margin-top: -35px}
    .sec-content{padding:0 5% 5%}
    .rule-content{padding:5% 0}
}

@media screen and (max-width: 640px) {
    .banner-activity{padding-top: 100px}
    .col-md-12{width: 100%;}
    .sec{background:none;margin-bottom:30px}
    .sec-title{margin-bottom: 10px}
    .sec-content{border:1px solid #fff;}
    .block-activity01 li a{width: 100%}
    .block-activity01 li .info{padding: 0;text-align: center;}
	.rule{padding-bottom:60px}
    .rule-content p,.rule-content p span{line-height: 30px}
    .rule-title{font-size:22px}
}