.f40{font-size: 40px}

.col-4{width: 25%;float: left}
.col-3{width: 33.3333333333333%;float: left}
.spac30{margin: -15px;}
.spac30>*{padding: 15px;box-sizing: border-box}
.spac60{margin: -30px;}
.spac60>*{padding: 30px;box-sizing: border-box}


.activity-container{background: url(../images/bg_01.jpg) center 0 no-repeat, url(../images/bg_02.jpg) center 1171px no-repeat, url(../images/bg_03.jpg) center 2341px no-repeat, url(../images/bg_04.jpg) center 3512px no-repeat;background-color: #000847;}

.activity-banner{background-image: url(../images/banner.png);height: 1100px;background-position: center center;background-size: auto 100%}
.activity-banner-dec{position: absolute;top: 440px;left: 0;right: 0;text-align: center;}
.activity-banner-dec p{display: inline-block;line-height: 40px;padding: 0 40px;border-radius: 40px;color: #fff;font-size: 22px;-webkit-animation: shan 5s infinite ease-in-out;animation: shan 5s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;
    background-image: -moz-linear-gradient( 0deg, rgb(208,171,80) 0%, rgb(186,143,66) 56%, rgb(163,115,51) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(208,171,80) 0%, rgb(186,143,66) 56%, rgb(163,115,51) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(208,171,80) 0%, rgb(186,143,66) 56%, rgb(163,115,51) 100%);
}
.activity-banner-dec p .scalc-text{display: inline-block;padding: 0 14px;transform: scale(1);transition: all .3s;}
.activity-banner-dec p:hover{animation:none;}
.activity-banner-dec p:hover .scalc-text{transform: scale(1.1);}

.activity-sec{color: #fff;padding-bottom: 120px}
.activity-sec .more{text-align: center;margin-top: 25px}
.activity-sec .more a{color: #ae813a;font-size: 15px;text-decoration: underline}
.activity-sec-title{text-align: center;background-image: url(../images/frame-title-bg.png);width: 597px;background-size: 100% 100%;margin: 0 auto;padding: 20px 0;box-sizing: border-box;position: relative;margin-bottom: 50px}
.activity-sec-title h3{font-size: 30px;line-height: 1.5em;}
.activity-sec-title p{font-size: 15px}
.activity-sec-title:before{content:'';display: block;width: 64px;height: 64px;background-image: url(../images/icon.png);position: absolute;top: -35px;left: 50%;margin-left: -32px}
.activity-sec05 .activity-sec-title{margin-bottom: 70px}


.activity-sec-content{width: 1220px;margin: 0 auto}
.activity-sec-content:after{content:'';display: table;width: 100%;height: 0;clear: both}
.activity-sec-content .more{text-align: center;}

.activity-block{display:block;border: 1px solid #39b6f8;background: -webkit-linear-gradient(to right, #00105e,#052980 );background: -o-linear-gradient(to right, #00105e,#052980);background: -moz-linear-gradient(to right, #00105e,#052980);background: linear-gradient(to right, #00105e,#052980 );filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #00105e, endColorstr = #052980);border-radius: 10px;padding: 30px}
.activity-block-title{padding-bottom: 15px;}
.activity-block-title h4{font-size: 25px;text-align: center;font-weight: normal;line-height: 1em;}
.activity-block-body ul{margin: 0 15px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;padding: 10px 0 0}
.activity-block-body li>.inline-block{text-align: center;display: inline-block;width: 90%;}
.activity-block-body li{width: 50%;float: left;text-align: center;box-sizing: border-box;margin-bottom: 30px}
.activity-block-body li:nth-child(2n-1){border-right: 1px solid #fff;text-align: left;}
.activity-block-body li:nth-child(2n){text-align: right;}
.activity-block-body li p{font-size: 20px;white-space: nowrap;line-height: 1.6em}
.activity-block-body li span{font-size: 15px;white-space: nowrap;line-height: 1.6em}
.activity-block-body .price{color: #f1c455;font-size: 15px;text-align: center;padding: 30px 0}

.btn-buy{display: block;color: #fff;line-height: 42px;background: -webkit-linear-gradient(to right, #a37333,#d0ab50 );background: -o-linear-gradient(to right, #a37333,#d0ab50);background: -moz-linear-gradient(to right, #a37333,#d0ab50);background: linear-gradient(to right, #a37333,#d0ab50 );filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #a37333, endColorstr = #d0ab50);text-align: center}

.activity-sec01{margin-top: -210px}
.activity-sec02 .activity-sec-title:before{background-position: -64px 0}
.activity-sec03 .activity-sec-title:before{background-position: -128px 0}
.activity-sec04 .activity-sec-title:before{background-position: -192px 0}
.activity-sec05 .activity-sec-title:before{background-position: -256px 0}

.col-12 .activity-block-title{padding-bottom: 0;width: 165px;}
.col-12 .activity-block-title h4{text-align: left}
.col-12 .activity-block{padding: 0}
.col-12 .activity-block-item{padding: 20px 50px;border-bottom: 1px solid #39b6f8}
.col-12 .activity-block-item:last-child{border-bottom: 0}
.activity-block-item > *,.activity-block-item .activity-block-body> *{display: inline-block;vertical-align: middle}
.col-12 .activity-param{border-top: none;border-bottom: none;border-left: 1px solid #fff;border-right: 1px solid #fff;padding:0 22px}
.col-12 .activity-param {margin-left: 0;margin-right: 0}
.col-12 .activity-block-body li{float: none;display: inline-block;padding: 16px 0;margin-bottom: 0;vertical-align: middle;width: 70px;border-right: none;}
.col-12 .activity-block-body li:last-child{width: 200px;}
.col-12 .activity-block-body .price{width: 270px;}
.col-12 .btn-buy{width: 172px}

.more-produce .activity-block{position: relative;padding: 30px 50px 30px 65px}
.more-produce .activity-block h3{font-size: 25px;font-weight: normal;color: #fff;line-height: 65px}
.activity-icon{background-image: url(../images/icon.png);display: block;width: 84px;height: 84px;background-position: 0 -64px;position: absolute;right: 50px;top: 50%;margin-top: -42px}
.activity-icon02{background-position: -84px -64px;}
.activity-icon03{background-position: -168px -64px;}
.activity-icon04{background-position: 0 -148px;}
.activity-icon05{background-position: -84px -148px;}
.activity-icon06{background-position: -168px -148px;}

/*左侧固定栏*/
.fix-activity-left{position: fixed;top: 50%;left: 30px;width: 135px;margin-top: -145px;}
.fix-activity-left li{background-color: #fff;border-bottom: 1px solid #c8c8c8;}
.fix-activity-left li:last-child{border-bottom: none}
.fix-activity-left li.on{background: -webkit-linear-gradient(to left, #a37333,#d0ab50 );background: -o-linear-gradient(to left, #a37333,#d0ab50);background: -moz-linear-gradient(to left, #a37333,#d0ab50);background: linear-gradient(to left, #a37333,#d0ab50 );filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #a37333, endColorstr = #d0ab50);}
.fix-activity-left li a{display: block;text-align: center;color: #13227a;padding: 8px 0}
.fix-activity-left li.on a{color: #fff}
.icon-top{display: block;width: 22px;height: 24px;background-image: url(../images/icon-top.png);margin: 0 auto}

@-webkit-keyframes shan{
    40% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
}