body, h1, h2, ul, p { margin: 0 }
html { height: 100% }
body { height: 100%; font-family: 'MicrosoftYaHei', '微软雅黑' }
ul { padding: 0 }
li { list-style-type: none }
.fl { float: left }
.fr { float: right }
.btn-group { display: flex; flex-direction: column; justify-content: flex-end;}
.clearfix { zoom: 1 }
.clearfix:after { content: ''; display: block; height: 0; line-height: 0; visibility: hidden; clear: both }
.hxPage .banner-outbox {padding-top: 90px;}
.hxPage .header { position: fixed; background-color: #fff; width: 100%; z-index: 1000; }
.hxPage .header .w1200 { display: flex; justify-content: space-between; }
.hxPage .header .nav ul { overflow: hidden; }
.w1200 { width: 1200px; margin: 0 auto }
.header, .logo { height: 90px }
.nav ul { margin-top: 30px }
.nav li { float: left; height: 30px; line-height: 30px; margin-left: 65px }
.nav li.attention { position: relative }
.nav li.attention:hover .attention-panel { display: block }
.nav a { text-decoration: none; color: #333; font-size: 18px }
.nav .attention-panel { display: none; position: absolute; width: 144px; background-color: #fff; box-sizing: border-box; padding: 20px 26px 13px; top: 68px; left: 50%; margin-left: -72px; border-radius: 2px; text-align: center; z-index: 60 }
.nav .attention-panel img { box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.3) }
.nav .attention-panel p { font-size: 14px; line-height: 20px; color: #010101; margin-top: -2px }
.nav .attention-panel .triangle { position: absolute; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; top: -8px; left: 64px }
.banner { min-width: 1200px; max-width: 2560px; height: 1080px; margin: 0 auto; overflow: hidden; background: url(/images/download/igoldApp/bg-banner.jpg) center center no-repeat }
.banner .banner-fl { position:relative;width: 590px;height: 580px;margin-top: 228px;background: url('/images/download/igoldApp/textbox.png') center center no-repeat;}
.banner .download { position: absolute;left: 54px;bottom: 74px;padding: 0 25px;width: 413px;display: flex; }
.banner .download a { display: block; width: 240px; height: 50px; text-decoration: none;padding: 16px 0;background-repeat: no-repeat;background-position: center; }
.pc.hongmengClass .banner .download a { display: block; width: 240px; height: 50px; text-decoration: none;padding: 3px 0;background-repeat: no-repeat;background-position: center; }
.banner .download a.btn-ios { background-image: url('/images/download/igoldApp/ios.png'); }
.banner .download a.btn-ios:hover {  background-image: url('/images/download/igoldApp/ios-hover.png') }
.banner .download a.btn-android { background-image: url('/images/download/igoldApp/android.png');}
.banner .download a.btn-android:hover { background-image: url('/images/download/igoldApp/android-hover.png'); }
.banner .download a.btn-ios.quick { background-image: url('/images/download/igoldApp/ios-quick.png'); }
.banner .download a.btn-ios.quick:hover {  background-image: url('/images/download/igoldApp/ios-quick-hover.png') }
.pc.hongmengClass .banner .download a.btn-hongmeng { display:block!important;background-image: url('/images/download/igoldApp/hongmeng.png'); }
.pc.hongmengClass .banner .download a.btn-hongmeng:hover {  background-image: url('/images/download/igoldApp/hongmeng-hover.png') }
.banner .phone { margin-top: 0; }
.banner .qrbox {margin: 0 auto;padding: 0;width: 178px;height: 166px;text-align: center;background-position: center;background-repeat: no-repeat;background-size: contain;}
.banner .qrbox.video-qrcode-ios {background-image: url('/images/download/igoldApp/ios_qrcode_bg.png');}
.banner .qrbox.video-qrcode-android {background-image: url('/images/download/igoldApp/android_qrcode_bg.png');}
.pc.hongmengClass .banner .qrbox.video-qrcode-ios {background-image: url('/images/download/igoldApp/ios_qrcode_bg1.png');}
.pc.hongmengClass .banner .qrbox.video-qrcode-android {background-image: url('/images/download/igoldApp/android_qrcode_bg1.png');}
.pc.hongmengClass .banner .qrbox.video-qrcode-hongmeng {background-image: url('/images/download/igoldApp/hongmeng_qrcode_bg.png');}
.banner .qrbox .qrcode {text-align: center;padding: 4px 17px 0 4px;}
.part1 .tit, .part2 .tit { height: 112px; text-align: right; position: relative }
.part1 .tit h2, .part2 .tit h2 { margin-left: 138px; font-size: 40px; color: #575f65; font-weight: 400; position: absolute; bottom: 0 }
.part2 .tit h2 { margin-left: 164px }
.part2 ul li { height: 70px; line-height: 70px; font-size: 30px; position: relative; padding-left: 20px;letter-spacing: 5px; }
.part1 ul li:before, .part2 ul li:before { content: ''; width: 7px; height: 7px; border-radius: 7px; background-color: #9E7B33; position: absolute; left: 0; top: 32px }
.part1 { min-width: 1200px; height: 1080px; margin: 0 auto; position: relative; overflow: hidden; background: url('/images/download/igoldApp/bg-part1-2.jpg') top center no-repeat }
.part1-content { position: relative; z-index: 10; width: 1490px; margin: 0 auto; }
.part1-content .boxlist{ position: relative; padding-top: 100px; width: 712px;height: 850px;opacity: 0; }
.part1-content .part1-text{ padding-top: 270px;width: 645px; }
.part1-content .iphonebox1 { position:absolute;width: 395px;height: 755px;background: url('/images/download/igoldApp/iphone-down.png') no-repeat; }
.part1-content .sculpturebox{ position: absolute;right: 0;bottom: 292px; }
.part1-content .iphonebox1 .list1{ position:relative;padding-top: 318px;padding-left: 94px;height: 456px; }
.part1-content .iphonebox1 .list1 .sculpture1{ position: absolute; }
.part1-content .iphonebox1 .list1 .sculpture2{ position: absolute;bottom: 86px; }
.part1-content .iphonebox2 { position:absolute;top: 186px;left: 190px;width: 406px;height: 768px;background: url('/images/download/igoldApp/iphone-up.png') no-repeat; }
.part1-content .iphonebox2 .list2{ padding-top: 236px; }
.part1-content .iphonebox2 .text-right{ text-align: right; }
.part1-content .iphonebox2 .tips-box .title { height: 20px;margin-bottom: 10px; }
.part1-content .iphonebox2 .tips-box .title.left { padding-left: 13px; }
.part1-content .iphonebox2 .tips-box .title.right { padding-right: 13px; }
.part1-content .iphonebox2 .tips-box .title > img{ vertical-align: middle; }
.part1-content .iphonebox2 .tips-box .title > span{ color: #6E6E6E; font-size: 16px; vertical-align: middle; }
.part1-content .avatar { width: 100px }
.part1-content .identity { display: inline-block; width: 61px; text-align: center; height: 34px; border-radius: 10px; color: #fff }
.part1-content .talk-content p { font-size: 16px; height: 34px; line-height: 34px }
.part1-content .swiperContainer { position: relative;width: 530px;margin: 0 auto;padding: 30px 0;opacity: 0; }
.part1-content .swiperContainer .swiper-slide.swiper-slide-next .pic{ transform: scale(1.3); }
.part1-content .swiperContainer .swiper-slide{ margin: 25px 0;width: 160px;height: 160px;text-align: center; }
.part1-content .swiperContainer .swiper-slide > .pic{ width: 100px;height: 100px;border-radius: 100px;border: 2px solid #fff;background-position: center;background-size: cover; }
.part1-content .swiperContainer .swiper-slide .title-list{ margin-top: 25px;display: none; }
.part1-content .swiperContainer .swiper-slide .title-list .title{ font-size: 24px;color: #B59044; }
.part1-content .swiperContainer .swiper-slide.swiper-slide-next .title-list{ display: block; }
.part1-content .swiperContainer .swiper-slide .title-list > .picIntro{ font-size: 16px;color: #7B7B7B; }
.part1-content .swiperContainer .swiper-button-prev{ background-image: url('/images/download/igoldApp/leftArrow.png');width: 29px;height: 42px;left: -30px;top: 50%;transform: translateY(-50%); }
.part1-content .swiperContainer .swiper-button-next{ background-image: url('/images/download/igoldApp/rightArrow.png');width: 29px;height: 42px;right: -30px;top: 50%;transform: translateY(-50%); }
.part1-content .talk1, .part1-content .talk3 { opacity: 0 }
.part1-content .talk1 .talk-content, .part1-content .talk3 .talk-content { margin-left: 16px }
.part1-content .talk1 .talk-content .identity, .part1-content .talk3 .talk-content .identity { background-color: #e7bc55 }
.part1-content .talk1 .talk-content .name, .part1-content .talk3 .talk-content .name { margin-left: 10px; color: #e7bc55 }
.part1-content .talk1 .talk-content .talk-text, .part1-content .talk3 .talk-content .talk-text { font-size: 16px; box-sizing: border-box; color: #333; width: 340px; margin-top: 10px; line-height: 1.5 }
.part1-content .talk1 { margin-top: 102px }
.part1-content .talk1 .talk-text { height: 127px; padding: 15px 0 0 49px; background: url(/images/download/bg-talk1.png) left top no-repeat }
.part1-content .talk2 { opacity: 0; margin: 32px 0 0 206px }
.part1-content .talk2 .talk-content { margin-right: 16px }
.part1-content .talk2 .talk-content p { text-align: right }
.part1-content .talk2 .talk-content .identity { background-color: #4778b4 }
.part1-content .talk2 .talk-content .name { margin-right: 10px; color: #4778b4 }
.part1-content .talk2 .talk-content .talk-text { font-size: 16px; box-sizing: border-box; width: 341px; height: 100px; color: #fff; margin-top: 10px; padding: 13px 0 0 49px; line-height: 1.5; background: url(/images/download/bg-talk2.png) right top no-repeat }
.part1-content .talk3 { margin-top: 32px }
.part1-content .talk3 .talk-text { height: 81px; padding: 15px 0 0 37px; background: url(/images/download/bg-talk3.png) left top no-repeat }
.part1-content .part1-text .titlebox{ height:71px;background: url('/images/download/igoldApp/title1.png') center center no-repeat;opacity: 0; }
.part1-content .part1-text .des{ color: #8F8F8F;font-size: 38px;text-align: center;line-height: 65px;margin: 50px 0;opacity: 0; }
.part2 { height: 1080px; min-width: 1200px; background: url('/images/download/igoldApp/part2-bg.jpg') no-repeat; position: relative; overflow: hidden }
.part2 .bg { position: absolute;right: 0;top: -234px;opacity: 0; }
@media screen and (max-width:1680px) {
    .part2 .bg { right: -215px; width: 900px; }
}
@media screen and (max-width:1366px) {
    .part1-content .iphonebox1, .iphonebox2 { transform: scale(0.8); }
    .part1-content .sculpturebox { transform: scale(0.8);right: 61px; }
    .part1-content .part1-text { transform: scale(0.8);margin-left: -117px; }
}
.part2-text { margin-top: 272px; opacity: 0 }
.part2-text .titlebox { background: url('/images/download/igoldApp/title2.png') center center no-repeat;width: 664px;height: 71px; }
.part2-text .des{ color: #8F8F8F;font-size: 38px;text-align: center;line-height: 65px;margin: 30px 0; }
.part2 ul { margin-top: 50px;width: 417px;margin: 0 auto;color: #9E7B33;font-size: 30px; }
.part2-r { margin-top: 76px; width: 734px; height: 568px; opacity: 0; background: url(/images/download/bg-part2.png) center center no-repeat }
.part2-r .text { opacity: 0; padding: 18px 25px; border-radius: 10px; color: #fff; width: 412px; box-shadow: 5px 5px 7px rgba(0, 0, 0, 0.08) }
.part2-r .text .t { line-height: 40px; font-size: 18px; font-weight: 700 }
.part2-r .text .d { font-size: 16px; margin-top: 4px; line-height: 28px }
.part2-r .text1 { background-color: #37c6ea }
.part2-r .text2 { margin: 58px 0 0 122px; background-color: #f16363 }
.part2-r .text3 { margin-top: 50px; background-color: #f7bb48 }

.footer { min-width: 1200px;text-align: center; background-color: #e6e6e6; position: relative }
.footer .top { height: 450px; background:url('/images/download/igoldApp/part4-2560.jpg') center center no-repeat; }

.footer .top .box { display: flex; justify-content: space-between; width: 1338px; height: 450px; margin: 0 auto; align-items: center; }
.footer .top .box .downlaod-box { max-width: 699px; }
.footer .top .box .qrcontainer { display: flex; }
.footer .top .box .qrcontainer .qrcodebox { text-align: center;padding: 30px 0 0 0;margin: 0; }
.footer .top .box .qrcontainer .qrcodebox:first-child { margin: 0 68px 43px 0; }
.pc.hongmengClass .footer .top .box {justify-content: flex-start;flex-wrap: wrap;padding: 28px 0 0 0;}
.pc.hongmengClass .footer .top .box .qrcontainer .qrcodebox.hongmengbox {display: block!important;}
.pc.hongmengClass .footer .top .box .qrcontainer .qrcodebox:first-child { margin: 0 30px 43px 0; }
.pc.hongmengClass .footer .top .box .qrcontainer .qrcodebox:nth-child(2) { margin: 0 30px 43px 0; }
@media (min-width: 1350px) {
    .pc.hongmengClass .footer .top .box .qrcontainer .qrcodebox:first-child { margin: 0 60px 43px 0; }
    .pc.hongmengClass .footer .top .box .qrcontainer .qrcodebox:nth-child(2) { margin: 0 60px 43px 0; }
}
@media (min-width: 768px) {
    .footer .top .box .qrcontainer .qrcodebox { padding: 56px 0 0 0;margin: 0 0 43px; }
    .pc.hongmengClass .footer .top .box .qrcontainer .qrcodebox { padding: 28px 0 0 0;margin: 0 0 43px; }
}
.footer .top .box .qrcontainer .qrcodebox .qrcode { width: 200px; height: 200px; margin: 0 auto; }
.footer .top .box .qrcontainer .qrcodebox .qrtext { margin-top: 20px; font-size: 24px; color: #FFFFFF; }
.footer .top .box .qrcontainer .qrcodebox .qrtext.ios { display: inline-block;width: 172px;height: 40px; }
.footer .top .box .qrcontainer .qrcodebox .qrtext.android { display: inline-block;width: 172px;height: 40px; }
.pc.hongmengClass .footer .top .box .qrcontainer .qrcodebox .qrtext.hongmeng { display: inline-block;width: 172px;height: 40px; }

.footer .bottom { height: 63px; padding-top: 15px; color: #666; font-size: 14px }
.footer .bottom p { line-height: 22px }
@media screen and (min-width:960px) {
    .pc { display: block }
    .mobile { display: none }
}
@media screen and (max-width:960px) {
    .pc { display: none }
    .mobile { display: block }
}
.nav-left { position: fixed;z-index: 100; bottom: 14%;left: 13%; }
.nav-left ul { margin: 0;padding: 0;display: flex;flex-direction: column;text-align: center; }
.nav-left ul li{ width: 22px;position: relative;display: inline-block; }
.nav-left ul li a{ height: 9px;width: 10px;margin: 9px;background: linear-gradient(0deg, #B59044, #C8A662);border-radius: 5px;display: inline-block;position: relative;z-index: 1;cursor: pointer;text-decoration: none; }
.nav-left ul li.active a { width: 10px;height: 24px;margin: 9px; }

.mobile { height: 100%; position: relative }
.mobile .download { position: fixed; bottom: 10px;bottom:1.1rem;right: 0.4rem;z-index: 80; }
.mobile .download > a { width: 2rem;height: 2rem;display: inline-block;background: url('/images/download/igoldApp/m/btn.png') center center/cover no-repeat; }
.mobile .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { width: .1466667rem; height: .1466667rem; background-color: #8E7628; margin: .2rem 0;opacity: 0.8;border-radius: 3px;}
.mobile .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet-active { width: 0.146665rem;height: 0.32rem;background-color: #8E7628; }
.mobile .swiper-pagination-mobile { width: 0.146665rem;top: 80%;left: 3%;right: 0;transition-duration: 0s }
.mobile .swiper-mobile { height: 100% }
.slide1 { overflow: hidden; position: relative }
.header-m { position: fixed;top: 0;height: 1.333333rem; padding: 0 .533333rem; overflow: hidden;width: 8.9333rem;z-index: 100; }
.header-m .logo img { height: 1.333333rem }
.header-m .service img, .header-m .live img { width: .933333rem; margin-top: .2rem }
.header-m .live { margin-right: .506667rem }
.slide1 .content { width: 100%;height: 100%; text-align: center; background: url('/images/download/igoldApp/m/banner-bg.jpg') center top/100% 100% no-repeat; }
.slide1 .content .slogan { width: 7.466667rem; vertical-align: top; }
.slide1 .content .item { margin: 0; padding: 0 }
.swiper-slide .item { margin-left: 1.066667rem; padding-left: 2.106667rem }
.swiper-slide .item .tit { font-size: .533333rem; line-height: .8rem; color: #575f65 }
.swiper-slide .item ul li { font-size: .346667rem; line-height: .613333rem; color: #888; position: relative; padding-left: .266667rem }
.swiper-slide .item ul li:before { content: ''; width: .066667rem; height: .066667rem; background-color: #888; position: absolute; left: 0; top: .32rem }
.slide2 { position: relative; background-color: #fbfbfb }
.slide2 .content { width: 100%;height: 100%; text-align: center; background: url('/images/download/igoldApp/m/slide2-bg.jpg') top center no-repeat; }
.slide2 .content .box { margin-top: 2.1333rem; padding: 0 }
.slide2 .content .box .titlebox { width: 7.6533rem;height: 0.88rem;margin: 0 auto;background: url('/images/download/igoldApp/m/title1.png') center center/cover no-repeat; }
.slide2 .content .box .des { color: #8F8F8F;font-size: 15px;line-height: 0.64rem;padding-top: 0.2rem; }
.slide2 .bg-slide2 { width: 100%; }
.slide2 .bg-slide2 img { width: 8.6667rem; }

.slide3 { position: relative; background-color: #e6e6e6; display: flex; flex-direction: column }
.slide3 .content { width: 100%; position: absolute; background: url('/images/download/igoldApp/m/slide3-bg.jpg') center top/cover no-repeat; top: 0; bottom: 0 }
.slide3 .content .slide3-bg { background: url('/images/download/igoldApp/m/phone-bg.png') 50px 58px/cover no-repeat; }
.slide3 .content .box { margin-top: 2.1333rem;padding-left: 0.69333rem; }
.slide3 .content .box .titlebox { width: 7.786667rem;height: 0.88rem;background: url('/images/download/igoldApp/m/title2.png') center center/cover no-repeat; }
.slide3 .content .box .des { color: #8F8F8F;font-size: 15px;line-height: 0.64rem;padding-top: 0.2rem; }
.slide3 .content .box ul { margin-left: 0.3rem;color: #9E7B33;font-size: 12px;display: flex;flex-direction: column; }
.slide3 .content .box ul li { height: 0.8rem;line-height: 0.8rem;position: relative;width: 4.3333rem; }
.slide3 .content .box ul li:before { content: '';width: 5px;height: 5px;border-radius: 5px;background-color: #9E7B33;position: absolute;left: -7%;;top: 50%;transform: translateY(-50%); }

.slide1 .content, .slide2, .slide3 { display: flex; flex-direction: column }
.slide-top { flex-grow: 1; width: 100%; height: 100%; position: relative }
.slide-middle { margin-bottom: 1.5rem }
.slide-top .item { width: 100%; position: absolute; top: 27%; transform: translateY(-50%) }
.cover{display:none;position:fixed;left:0;top:0;width:100%;height:100%;opacity:.75;background:#000;z-index:99;}.wx{display:none;position:absolute;right:.64rem;top:0;text-align:right;z-index:99;}.wx .wx2,.wx .wx3,.wx .wx4,.wx .wx5{margin-right:1.52rem}.wx span,.wx p{font-size:.426667rem;color:#fff;line-height:.56rem;vertical-align:middle}.wx .wx1 img{height:2.16rem}.wx .wx2 img,.wx .wx4 img,.wx .wx5 img{width:1.52rem;margin:0;vertical-align:middle}.wx .wx3{height:.933333rem;position:relative}.wx .wx3 img{width:.4rem;position:absolute;top:.36rem;right:.56rem}.wx .wx5{display:none}.wx .wx5 p{float:left;margin:.15rem 0}.wx .wx5 p span{font-size:.32rem}
.fadeInLeftUp {
    -webkit-animation-name: fadeInLeftUp;
    animation-name: fadeInLeftUp
}

@-webkit-keyframes fadeInLeftUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,2000px,0);
        transform: translate3d(-2000px,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@-ms-keyframes fadeInLeftUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,2000px,0);
        transform: translate3d(-2000px,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.sideBar {
    position: fixed;
    right: 60px;
    top: 190px;
    width: 80px;
    padding: 0;
    z-index: 99;
}
.sideBar li {
    list-style: none;        
}
.sideBar li>a {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 8px;
    padding: 13px 20px 0;
    margin-bottom: 8px;
    color: #333;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
}
.sideBar li>a>img {
    vertical-align: middle;
    width: 40px;
    height: 40px;
    margin-bottom: 7px;
  }
  .sideBar li>a>span {
    display: block;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
  }
  .sideBar li>a .appImg {
    display: none;
    position: absolute;
    top: -20px;
    left: -137px;
    width: 129px;
    height: 120px;
    background: url(/images/activity/202206gold02/pc/part1/appImg.png) no-repeat center center/cover;
  }
  .sideBar li>a .appImg img{
    width: 120px;
    height: 120px;
  }