*,.menu li:nth-child(n+3){-webkit-box-sizing:border-box}.clearfix::after,.qcode-type::after{content:''}*{margin:0;padding:0;box-sizing:border-box}li{list-style:none}em{font-style:normal}a{text-decoration:none}body,html{width:100%;height:100%;font-family:MicrosoftYaHei}.fl{float:left}.fr{float:right}.clearfix::after{display:block;height:0;visibility:hidden;clear:both}.inner{width:1096px;margin:0 auto}header{background-color:#702632}.head{height:40px;position:relative}header .logo{width:132px;height:158px;position:absolute;left:0;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);background:url(../images/logo.png) center no-repeat}.main{background:url(../images/bg.jpg)}.main-con{height:831px;padding-top:168px}.content{height:583px}.content .name{width:416px;line-height:45px;font-family:PingFangSC-Semibold;font-size:32px;color:#FFF;background-image:-webkit-gradient(linear,left top,right top,from(#FFE9CE),to(#FFB090));background-image:-webkit-linear-gradient(left,#FFE9CE,#FFB090);background-image:linear-gradient(to right,#FFE9CE,#FFB090);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-moz-background-clip:text;-moz-text-fill-color:transparent;-o-background-clip:text;-o-text-fill-color:transparent;-ms-background-clip:text;-ms-text-fill-color:transparent;margin-bottom:2px}.bottom .text,.bottom .title{font-family:PingFangSC-Regular;text-align:center}.content .tit{width:389px;height:45px;background:url(../images/down.png) left -319px top -225px no-repeat;margin-bottom:17px}@-webkit-keyframes myAnimation{from{opacity:0}to{opacity:1}}@keyframes myAnimation{from{opacity:0}to{opacity:1}}.menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.menu li{width:258px;height:430px;position:relative}.menu li:nth-child(n+3){background:#262626;border:1px solid rgba(241,206,158,.3);border-radius:10px;box-sizing:border-box;padding-top:19px}.menu .top{width:199px;height:199px;margin:auto auto 5px;background-image:url(../images/down.png);background-repeat:no-repeat;position:relative;z-index:1}.bottom .title{font-size:18px;color:#F1CE9E;line-height:40px}.app-li .text{margin:auto}.bottom .text{font-size:12px;color:#F1CE9E;letter-spacing:0;line-height:15px}.bottom .btn-t,.shadow .qcode-type{line-height:28px;font-family:PingFangSC-Regular}.app-li .bottom .text{width:162px;margin-bottom:54.2px}.wap-li .bottom .text{margin-bottom:9px}.bottom .btn-t{width:160px;text-align:center;border:1px solid #F1CE9E;border-radius:4px;font-size:14px;color:#F1CE9E;margin:auto;cursor:pointer}.bottom .btn{margin-top:8px}.bottom .btn1{margin-top:15px}.btn a{display:block;width:100%;height:100%;color:#F1CE9E;-webkit-transition:all .5s;transition:all .5s}.btn a:hover{background:#F1CE9E;color:#000}.bottom .iphone-tit{line-height:15px;text-align:center;font-family:PingFangSC-Regular;opacity:.6;font-size:12px;color:#FFA0A0;margin-bottom:30px}.menu .card_slide{width:100%;height:430px;background:#262626;border:1px solid rgba(241,206,158,.3);border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:19px;position:absolute;left:0;top:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .8s ease;transition:all .8s ease}.menu .box{position:relative}.menu .shadow{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);padding-top:53px}.menu li:hover .box{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.menu li:hover .shadow{-webkit-transform:rotateY(0);transform:rotateY(0)}.shadow .qcode-box{width:129px;height:129px;background:#fff;margin:0 auto 41px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:13px}.shadow .qcode{width:103px;height:103px;background:url(../images/app-qcode.png) center no-repeat}.wap-li .qcode{background:url(../images/gj-qcode.png) center no-repeat}.shadow .qcode-title{font-family:PingFangSC-Medium;font-size:18px;color:#F1CE9E;text-align:center;line-height:40px}.shadow .qcode-tit{width:161px;text-align:center;line-height:15px;margin:auto auto 20px;font-size:12px;color:#F1CE9E}.shadow .qcode-type{width:190px;height:28px;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 25px 0 33px;font-size:12px;color:#F1CE9E;margin:auto;border:1px solid #F1CE9E;border-radius:28px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}.fooer-copyright p,.footer-logo{font-family:PingFangSC-Regular;font-size:12px;color:#FFF}.qcode-type::after{display:block;width:1px;height:13px;background:#F1CE9E;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qcode-type em{position:relative}.qcode-type em::after{display:block;content:"";position:absolute;width:12px;height:14px;background-repeat:no-repeat}.iphone::after{background:url(../images/apple.png) center/100% 100% no-repeat;left:-18.3px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.android::after{background:url(../images/android.png) center/100% 100% no-repeat;left:-18.3px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.app-li .top{background-position:-299px 0}.wap-li .top{background-position:-519px 0}.gj-li .top{background-position:-739px 0}.web-li .top{background-position:-959px 0}footer{background-color:#121212}.footer-logo{width:1096px;height:86px;line-height:86px;margin:auto;padding-left:20px;-webkit-box-sizing:border-box;box-sizing:border-box;background-image:url(../images/down.png);background-position:-208px -496px;background-repeat:no-repeat}.footer-logo span{opacity:.4}.fooer-copyright{border-top:1px solid rgba(255,255,255,.1)}.fooer-copyright p{width:1120px;margin:0 auto;line-height:75px;text-align:center;opacity:.4;position:relative}.fooer-copyright p::after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:1px;background-color:#e9e9e9;opacity:.1}