* { box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ }

body { font-family: 'Microsoft YaHei'; position: relative; min-width: 1366px; margin: 0 auto; }
body .hide { display: none; }
body .nosee { visibility: hidden; }
body .wrapper { width: 1200px; margin: 0 auto; }
body clearfix::after { content: '\20'; display: block; clear: both; overflow: hidden; }
body p { margin: 0; padding: 0; }
body button:focus { outline: none; }

.activity-body { padding-top: 665px; position: relative; margin: 0 auto; background: #7026d4 url(../images/bg.png) center/cover no-repeat; }
.activity-body .header-top { padding-left: 130px; }
.activity-body .header-top li { width: 315px; height: 140px; display: inline-block; background-color: #fff; margin-right: 35px; cursor: pointer; transition: transform .3s ease; }
.activity-body .header-top li:hover { transform: translateY(-5px); }
.activity-body .header-top .f-li { background: url("../images/header-top-1.png") center center; }
.activity-body .header-top .s-li { background: url("../images/header-top-2.png") center center; }
.activity-body .header-top .t-li { background: url("../images/header-top-3.png") center center; }
.activity-body .header-title { height: 210px; width: 100%; background: url("../images/title.png") center center no-repeat; }
.activity-body .locoycloud-section { width: 986px; margin: 0 auto; padding: 70px 30px 0 50px; }
.activity-body .locoycloud-section .title { color: #ffff00; font-size: 56px; font-weight: bold; margin-bottom: 30px; }
.activity-body .locoycloud-section .info { color: #fff; font-size: 32px; line-height: 74px; margin-bottom: 30px; }
.activity-body .locoycloud-section .info b { color: #ffff00; font-style: normal; }
.activity-body .locoycloud-section .note { color: #ffff00; font-size: 36px; line-height: 74px; }
.activity-body .locoycloud-section a { width: 457px; height: 81px; background: url("../images/go2locoycloud.png") center center; font-size: 0; display: inline-block; margin-top: 50px; transition: transform .3s ease; }
.activity-body .locoycloud-section a:hover { transform: translateY(-5px); }
.activity-body .link-section { font-weight: bold; }
.activity-body .link-section .title { font-size: 58px; color: #fff; margin-bottom: 65px; }
.activity-body .link-section .version, .activity-body .link-section .old-price, .activity-body .link-section .price { color: #f7b7a5; font-size: 36px; }
.activity-body .link-section .version { margin-bottom: 45px; }
.activity-body .link-section .old-price { text-decoration: line-through; margin-bottom: 20px; }
.activity-body .link-section .price { font-size: 105px; margin-bottom: 20px; }
.activity-body .link-section .price b { font-size: 60px; display: inline-block; margin-left: 50px; }
.activity-body .link-section .note { font-size: 30px; color: #fcfafa; }
.activity-body .link-section a { font-size: 0; display: inline-block; width: 249px; height: 84px; position: absolute; background: url("../images/section-link.png") center center no-repeat; transition: transform .3s ease; }
.activity-body .link-section a:hover { transform: translateY(-5px); }
.activity-body .section-1 { height: 819px; margin-top: 190px; z-index: 3; position: relative; background: url("../images/section1-bg.png") center center no-repeat; padding: 150px 0 0 145px; }
.activity-body .section-1 a { right: 218px; bottom: 190px; }
.activity-body .section-2 { height: 753px; z-index: 1; position: relative; margin-top: -30px; background: url("../images/section2-bg.png") center center no-repeat; padding: 150px 145px 0 0; }
.activity-body .section-2 p { text-align: right; }
.activity-body .section-2 .version { margin-bottom: 25px; }
.activity-body .section-2 a { left: 218px; bottom: 110px; }
.activity-body .section-3 { height: 903px; margin-top: 50px; background: url("../images/section3-bg.png") center center no-repeat; padding-top: 261px; padding-left: 72px; }
.activity-body .section-3 .sction-item { display: inline-block; width: 500px; height: 580px; padding: 84px 30px 0; }
.activity-body .section-3 .sction-item.first { margin-right: 64px; }
.activity-body .section-3 .sction-item .title { color: #4c4c49; font-size: 50px; text-align: center; }
.activity-body .section-3 .sction-item .value { color: #ec7c82; font-size: 130px; text-align: center; margin: 20px 0; }
.activity-body .section-3 .sction-item .info { color: #3a3a35; font-size: 28px; }
.activity-body .section-3 .sction-item a { font-size: 0; width: 286px; height: 69px; background: url("../images/section-btn.png") center center no-repeat; display: inline-block; text-align: center; margin-left: 80px; transition: transform .3s ease; }
.activity-body .section-3 .sction-item a:hover { transform: translateY(-5px); }
.activity-body .page-note { font-size: 28px; font-weight: bold; color: #312d31; margin-top: 20px; }
.activity-body .page-note p { margin-bottom: 14px; }

.model-wrapper-bk { position: fixed; left: 0; right: 0; top: 0; bottom: 0; text-align: center; background-color: rgba(0, 0, 0, 0.4); z-index: 9; }

.model-wxcode { position: fixed; width: 492px; height: 500px; left: 0; right: 0; top: 30%; bottom: 0; margin: 0 auto; text-align: center; z-index: 999; background: url("../images/wxcode-bg.png") center center no-repeat; }
.model-wxcode a { width: 170px; height: 68px; background: url("../images/wxcode-btn.png") center center no-repeat; display: inline-block; margin: 400px auto 0; font-size: 0; transition: transform .3s ease; }
.model-wxcode a:hover { transform: translateY(-5px); }

.model-tips { position: fixed; width: 492px; height: 500px; left: 0; right: 0; top: 30%; bottom: 0; margin: 0 auto; text-align: center; z-index: 999; background: url("../images/tips-bg.png") center center no-repeat; }
.model-tips .title { height: 190px; text-align: center; font-size: 50px; color: #fe890d; line-height: 190px; }
.model-tips .content { height: 196px; text-align: center; font-size: 30px; color: #635550; padding: 44px 22px; }
.model-tips .content a { color: #ff5c1c; }
.model-tips .content a:hover { text-decoration: none; }
.model-tips .model-btn { width: 170px; height: 66px; background: url("../images/tips-btn.png") center center no-repeat; display: inline-block; margin: 40px auto 0; font-size: 0; transition: transform .3s ease; }
.model-tips .model-btn:hover { transform: translateY(-5px); }