body,textarea,input,button,select,keygen,legend{font:14px/1.4 Microsoft YaHei, arial,\5b8b\4f53;color:#333;outline:0; 
    font-family:"PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC","Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif;}

 .download-button-iOS,
        .download-button-Android,
        .index-triangle-anchor,
        .sms {
            background: url("../images/icon_arr.png") no-repeat;
            text-indent: -9999px;
        } 
        .logo {
            background: url("../images/logo.png") no-repeat;
            text-indent: -9999px;
        } 
       
        .index-qr-code {
            background: url("../images/img_erwm1.png") no-repeat;
            text-indent: -9999px;
        } 
        .footer-qc-code {
            background: url("../images/img_erwm.png") no-repeat;
            text-indent: -9999px;
        } 
        .index-qr-code {
            z-index: 10;
        } 
        #fp-nav ul li a span,
        .fp-slidesNav ul li a span {
            background: white;
        } 
        .header {
            z-index: 3;
            position: fixed;
            width: 100%;
            padding-top: 3%;
            top: 0;
            left: 0;
        } 
        .logo {
            width: 300px;
            height: 101px;
            background-position: 0px 0px; 
        } 
        .logo a {
            width: 300px;
            height: 101px; 
        } 
        .coverPic {
            opacity: 0;
            backface-visibility: hidden;
            background-repeat: no-repeat;
            background-position: center center;
            -webkit-transition: background-image 1s;
            -moz-transition: background-image 1s;
            -ms-transition: background-image 1s;
            -o-transition: background-image 1s;
            transition: background-image 1s;
        }   
        .coverPic1 .coverPicInner {
            background-image: url('../images/img_bg1.jpg');
        }
        /* .bg_img1 {
            background-image: url('../images/img_bg1.jpg');
        } 
        .bg_img2 {
            background-image: url('../images/img_bg2.jpg');
        } 
        .bg_img3 {
            background-image: url('../images/img_bg3.jpg');
        } 
        .bg_img4 {
            background-image: url('../images/img_bg4.jpg');
        } 
        .bg_img5 {
            background-image: url('../images/img_bg5.jpg');
        } 
        .bg_img6 {
            background-image: url('../images/img_bg6.jpg');
        } 
        .bg_img7 {
            background-image: url('../images/img_bg7.jpg');
        }  */

        .bg_mohu_img1 {
            background-image: url('../images/img_mohu_bg1.jpg');
        } 
        .bg_mohu_img2 {
            background-image: url('../images/img_mohu_bg2.jpg');
        } 
        .bg_mohu_img3 {
            background-image: url('../images/img_mohu_bg3.jpg');
        } 
        .bg_mohu_img4 {
            background-image: url('../images/img_mohu_bg4.jpg');
        } 
        .bg_mohu_img5 {
            background-image: url('../images/img_mohu_bg5.jpg');
        } 
        .bg_mohu_img6 {
            background-image: url('../images/img_mohu_bg6.jpg');
        } 
        .bg_mohu_img7 {
            background-image: url('../images/img_mohu_bg7.jpg');
        } 
        .bg_mohu_img8 {
            background-image: url('../images/img_mohu_bg8.jpg');
        }  

        .coverPic1 .coverPicInner {
            background-image: url('../images/img_bg1.jpg');
        }
        .coverPic2 .coverPicInner {
            background-image: url('../images/img_bg2.jpg');
        } 
        .coverPic3 .coverPicInner {
            background-image: url('../images/img_bg3.jpg');
        } 
        .coverPic4 .coverPicInner {
            background-image: url('../images/img_bg4.jpg');
        } 
        .coverPic5 .coverPicInner {
            background-image: url('../images/img_bg5.jpg');
        } 
        .coverPic6 .coverPicInner {
            background-image: url('../images/img_bg6.jpg');
        } 
        .coverPic7 .coverPicInner {
            background-image: url('../images/img_bg7.jpg');
        }  

        .coverPic,
        .coverPicInnerBlur {
            position: absolute;
            left: 0;
            width: 100%; 
            height: 100%;
            top: 0;
            background-size: cover;
            opacity: 0;
            visiablity: hidden;
        } 
        .coverPic>div {
            height: 100%;
            background-size: cover;
            background-position: center center;
        } 
        .coverPicInnerBlur {
            visibility: hidden;
            z-index: 23;
            opacity: 1;
        } 
        .blur .coverPicInnerBlur {
            visibility: visible;
        } 
        .pic_show {
            visibility: visible;
        } 
        .pic_hidden {
            visibility: hidden;
        } 
        .header-inner {
            width: 90%;
            margin-left: auto;
            margin-right: auto;
        } 
        .nav {
            float: right;
            padding-top: 10px;
        } 
        .nav li {
            list-style: none;
            float: left; 
            margin-right: 50px;
        } 
        .nav > li > a {
            display: inline-block;
            text-decoration: none;
            background: rgba(255, 255, 255, 0);
            color: #F7F1F3;
            font-weight: bold;
            padding: 6px 20px;
            border-radius: 20px;
            margin-left: 18px; 
            font-size: 20px;
        } 
        .nav> li>a:hover {
            cursor: pointer;
            background:rgba(255, 255, 255, 0.3);
            color:#fff;
            font-weight: bold;
        }  
        /* .nav li .active:hover {
            background: #fff;
            color:#004e93;  
        }  */
        .fixed-content {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 2;
        } 
        .index-h2 { 
            width: 595px;
            height: 306px;
            background-position: 0px 0px;
            margin-bottom: 20px; 
        }
        .download-button {
            background-image: url('../images/nyj_normal.png');
        } 
        .download-button-iOS {
            float: left;
            width:185px;
            height: 74px;
            background-position:0px 0px;
            opacity: .8;
            filter: alpha(opacity=80)
        } 
        .download-button-iOS:hover {
            opacity: 1;
        } 
        .download-button-Android {
            float: right;
            width:185px;
            height: 74px;
            background-position:-185px 0px;
            opacity: .8;
            filter: alpha(opacity=80)
        } 
        .download-button-Android:hover {
            opacity: 1;
        } 
        .index-group .download { 
            width: 425px; 
        } 
        
        .index-qr-code {
            width: 62px;
            height: 62px;
            position: absolute;
            left: 5%;
            bottom: 5%;
            background-position: 0px 0px;
            transition: width 0.4s ease-in, height 0.4s ease-in;
        } 
        .index-qr-code:hover {
            background-image: url('../images/img_erwm.png');
            background-size: cover;
            background-position: 0 0;
            width: 160px;
            height: 160px;
            background-color: white;
        } 
        .index-message {
            position: absolute;
            right: 5%;
            bottom: 5%;
            color: white;
            font-family: monospace;
            font-size: 14px;
        } 
        .index-message-link {
            color: white;
            text-decoration: none;
            font-weight: bold;
        } 
        .fp-viewing-0{
            background-image: url('../images/img_bg1.jpg');
            background-size: 100%;
        }
        .fp-viewing-0 h2 {
            background: url("../images/img_txt1.png") no-repeat;
            text-indent: -9999px;
        } 
        .fp-viewing-1 .yh-pic-h2 {
            position: absolute;
            left: 50%;
            top: 40%;
            width: 577px;
            height: 481px;
            margin-top: -57px;
            background-position: 0px 0px;
            background: url("../images/img_txt2.png") no-repeat;
            background-size: 100%;
        } 
        .fp-viewing-2 .yh-msg-h2 {
            position: absolute;
            right: 50%;
            top: 40%;
            width: 575px;
            height: 365px;
            margin-top: -57px;
            background-position: 0px 0px;
            background: url("../images/img_txt3.png") no-repeat;
            background-size: 100%;
        } 
        .fp-viewing-3 .yh-msg-h3 {
            position: absolute;
            right: 12%;
            top: 26%;
            width: 1368px;
            height: 651px;
            margin-top: -57px;
            background-position: 0px 0px;
            background: url(../images/img_txt4.png) no-repeat;
            background-size: 100%;
        } 
        .fp-viewing-3 .yh-msg-h3 .phone-a{
            width: 850px;
            position: absolute;
            left: 550px;
            top: -90px; 
        }  
        .fp-viewing-3 .yh-msg-h3 .phone-a img{
            float: left;
            margin-bottom:10px;
            margin-right:10px;
        }  
         
        .fp-viewing-4 .yh-msg-h4 {
            position: absolute;
            left: 58%;
            top: 48%;
            width: 577px;
            height: 357px;
            margin-top: -57px;
            background-position: 0px 0px;
            background: url("../images/img_txt5.png") no-repeat;
            background-size: 100%;
        } 
        .fp-viewing-4 .yh-msg-h4 .phone {
            width: 850px;
            position: absolute;
            left: -900px;
            top: -300px;
            display: block; 
        }
        .fp-viewing-5 .yh-msg-h5 {
            position: absolute;
            left: 60%;
            top: 40%;
            width: 591px;
            height: 368px;
            margin-top: -57px;
            background-position: 0px 0px;
            background: url("../images/img_txt6.png") no-repeat;
            background-size: 100%;
        } 
        .fp-viewing-6 .yh-msg-h6 {
            position: absolute;
            left: 60%;
            top: 40%;
            width: 591px;
            height: 368px;
            margin-top: -57px;
            background-position: 0px 0px;
            background: url("../images/img_txt7.png") no-repeat;
            background-size: 100%;
        } 
        .fp-viewing-7 .yh-msg-h7{
            height: 100%;
        }
        .fp-viewing-7 .yh-msg-h7 .footer-group {
            position: absolute;
            left: 50%;
            top: 60%;
            /* width: 100%; */
            height: auto;
            /* margin-left: 20%; */
            /* margin-top: -234px; */
            z-index: 99999;
        }  
        .footer-qc-code {
            width: 260px;
            height: 260px; 
            background: url("../images/img_erwm.png") no-repeat;
            background-size: 100%;
            background-position: 0px 0px;
            margin-left: 18%;
            margin-right: auto;
        } 
        .footer-group {
            position: absolute;
            left: 50%;
            top: 60%;
            /* overflow: hidden; */
            width: 417px;
            height: 400px;
            margin-left: -208px;
            margin-top: -234px;
        } 
        .sms {
            width: 370px;
            height: 33px;
            /* background-position: 0 0; */
            background-position: -470px -1559px;
            text-indent: 0;
            font-size: 0;
            margin-left: auto;
            margin-right: auto;
        } 
        .code-input {
            background: none;
            border: none;
            padding: 5px 0;
            text-indent: 20px;
            outline: none;
            height: 21px;
            line-height: 21px;
            width: 197px;
            display: inline-block;
            /* text-indent: 20px; */
            vertical-align: top;
        } 
        .code-img {
            width: 95px;
            height: 100%;
            /* float: left; */
            display: inline-block;
            /* text-indent: 0; */
            vertical-align: top;
        } 
        .code-confirm {
            display: inline-block;
            text-align: center;
            /* text-indent: 0; */
            vertical-align: top;
            width: 78px;
            height: 100%;
        } 
        .sub-content {
            height: auto;
            padding-top: 64px;
        } 
        .sub-content .download { 
            height: 250px;
            width: 425px; 
        } 
        .hr {
            height: 1px;
            background: rgba(255, 255, 255, 0.5);
            margin-top: 16px;
            margin-bottom: 16px;
        } 
        .fp-viewing-0 .phone,.fp-viewing-5 .phone {
            background: url('../images/img_phone.png') no-repeat;
            background-size: auto 100%; 
            position: absolute; 
            right: 5%;
            bottom: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; 
            height: 808px;
            width: 800px;
            padding-left: 18px;
            padding-top: 74.5px;
        }  
        .fp-viewing-2 .phone{
            display: none;
            background: url('../images/img_phone.png') no-repeat;
            background-size: auto 100%; 
            position: absolute; 
            right: 5%;
            bottom: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; 
            height: 828px;
            width: 820px;
            padding-left: 18px;
            padding-top: 74.5px;
        }   
        .fp-viewing-5 .phone {
            display: none;
            background: url('../images/img_phone.png') no-repeat;
            background-size: auto 100%; 
            position: absolute; 
            right: 5%;
            bottom: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; 
            height: 828px;
            width: 820px;
            padding-left: 18px;
            padding-top: 74.5px;
        }  
         
        .fp-viewing-1 .phone,.fp-viewing-4 .phone,.fp-viewing-6 .phone,.fp-viewing-7 .phone {
            /* background: url('../images/img_phone.png') no-repeat;
            background-size: auto 100%;  */
            position: absolute; 
            left: 5%;
            bottom: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box; 
            height: 828px;
            width: 820px;
            padding-left: 18px;
            padding-top: 74.5px;
            display: none;
        } 
        .phoneImg {
            width: 54.7%;
            height: 80.1%;
            margin-top: -7.4%;
            margin-left: 9.2%;
        } 
        .phoneBackground {
            width: 54.2%;
            height: 79.9%;
            margin-top: -7.2%;
            margin-left: 9.3%;
            /* background: url('../images/img_mp4.jpg') no-repeat;
            background-size: auto 100%; */
        } 
        .animated {
            visibility: hidden;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            -ms-backface-visibility: hidden;
            backface-visibility: hidden;
        } 
        .index-animated-group,
        .index-message,
        .index-qr-code,
        .index-triangle-anchor {
            visibility: visible;
        } 
        .phone-inner {
            background: white url('../images/TB1LInkKpXXXXX_XXXXXXXXXXXX-363-601.png');
            background-size: cover;
            position: relative;
        } 
        .phone-inner>* {
            visibility: hidden;
            opacity: 0;
        } 
        .scene-timer-for-pic {
            position: absolute;
            left: 6%;
            top: 17%;
            color: white;
            z-index: 10;
            font-size: 50px;
        } 
        .scene-timer-for-pic .sec {
            font-style: italic;
            font-family: monospace;
        } 
        .scene-timer-for-pic .count {
            font-family: helvetica;
            /* font-size: 20px; */
            font-weight: bold;
            /* z-index: 2; */
        } 
        .scene-timer-bar {
            background: rgba(255, 255, 255, .7);
            position: absolute;
            left: 5%;
            top: 10%;
            width: 90%;
            z-index: 2;
            height: 5%;
            border-radius: 20px;
        } 
        .scene-timer-bar-content {
            width: 100%;
            height: 100%;
            border-radius: 20px;
            background: white;
        } 
        .scene-one-step-one,
        .scene-two-step-one,
        .scene-three-step-one {
            position: absolute;
            top: 31%;
            left: 6%;
            height: 15.5%;
        } 
        .scene-one-step-two,
        .scene-one-step-three,
        .scene-two-step-two,
        .scene-three-step-two {
            position: absolute;
            right: 6%;
            height: 10%;
        } 
        .scene-one-step-two,
        .scene-two-step-two,
        .scene-three-step-two {
            top: 62%;
        } 
        .scene-one-step-three {
            top: 79%;
        } 
        .scene-one-pic,
        .scene-two-pic,
        .scene-three-pic {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }
 
        .fp-viewing-0 .index-animated-group,
        .fp-viewing-0 .index-qr-code,
        .fp-viewing-1 .yh-pic-h2,
        .fp-viewing-2 .yh-msg-h2,
        .fp-viewing-1 .phone,
        .fp-viewing-2 .phone,
        .fp-viewing-3 {
            z-index: 1;
        } 
        .footer-animated-group {
            z-index: 3;
        } 
        .index-animated-group {
            /* width: 424px;
            height: 175px; */
            position: absolute;
            right: 50%;
            top: 48%;
            margin-top: -140px;
            margin-left: 0px;
        } 
        .index-triangle-anchor {
            z-index: 100;
            width: 55px;
            height: 55px;
            position: absolute;
            left: 50%;
            bottom: 3%;
            background-position: 0px 0px;
            animation: triangleBlink 2s linear 0s infinite;
        } 
        .index-triangle-anchor:hover {
            animation-play-state: paused
        } 
        .fadeOut {
            -webkit-animation-name: fadeOut;
            animation-name: fadeOut;
        } 
        .scene-timer {
            height: 30px;
            background-color: white;
            color: #333;
            position: absolute;
            left: 77%;
            top: 35%;
            width: 30px;
            border-radius: 15px;
            text-align: center;
            line-height: 30px;
            font-family: helvetica;
        } 
        .scene-pic-thumbnail {
            position: absolute;
            top: 31%;
            left: 6%;
        } 
        .footer_wrap {
            position: absolute;
            width: 100%;
            bottom: 3%;
            text-align: center;
            color: white;
            font-family: tahoma, arial, 'Hiragino Sans GB', sans-serif;
            font-size: 12px;
            z-index: 3;
        } 
        .copyright-llwm {
            color: white;
            margin-top: 10px;
            font-size: 18px;
        } 
        .copyright {
            color: white;
            margin-top: 10px;
            font-size: 14px;
        } 
        a {
            color: white;
        } 
        .footer { 
            z-index: 2;
            width: 100%;
            text-align: center;
            opacity: .9;
            filter: alpha(opacity=90);
            position: absolute;
            bottom: 30px; 
            font-size: 18px;
        } 
        .footer-hd {
            text-align: center;
            margin-top: 15px;
            color: #3c3c3c;
            font-size: 12px
        } 
        .footer-hd a {
            font-size: 12px;
            color: #fff;
            text-decoration: none;
        } 
        .footer-hd a:hover {
            color: #f40
        } 
        .footer-hd b {
            font-weight: 400;
            margin: 0 3px;
            color: #ddd;
            font-family: "??????";
        } 
        .black_overlay {
            display: none;
            position: fixed;
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            background-color: black;
            z-index: 1001;
            -moz-opacity: 0.6;
            opacity: .60;
            filter: alpha(opacity=60);
        } 
        .myself {
            display: none;
            width: 514px;
            height:540px;
            top: 18%;
            left: 35%;
            position: fixed;
            z-index: 1002;
        } 
        .myself_body {
            background: url('../images/gywm.png') no-repeat;
            background-size: auto 100%;
            width: 514px;
            height:540px;
            margin-top: 30px;
        } 
        .myself_close {
            background: url('../images/gywm_close.png') no-repeat;
            background-size: auto 100%;
            width: 30px;
            height: 30px;
            float: right;
            cursor: pointer;
        } 
        .type {
            position: absolute;
            display: none;
            width: 100px;
            height: 81px;
            background-color: #fff;
            right: -110px;
            border-radius: 5px;
        } 
        .one {
            height: 40px;
            line-height: 40px;
            text-align: center;
            cursor: pointer;
            border-bottom: 1px solid #b8a6a6
        } 
        .two {
            height: 40px;
            line-height: 40px;
            text-align: center;
            cursor: pointer;
        } 
        .close {
            width: 15px;
            height: 15px;
            line-height: 12px;
            /* display: inline-block; */
            position: absolute;
            right: -7px;
            top: -7px;
            text-align: center;
            border: 1px solid #cac6c6;
            border-radius: 50%;
            background-color: #fff;
            color: #cacaca;
            cursor: pointer;
        } 
        .ICP {
            cursor: pointer;
            text-decoration: none;
        } 
        .code {
            padding: 24px;
            background: #fff;
            text-align: center;
            display: none;
            overflow: hidden;
            border-radius: 20px;
          }

 
        @media (max-width: 1366px){
            .header{
                padding-top: 2%;
            }
            .fp-viewing-0 .phone,.fp-viewing-5 .phone {
                background: url('../images/img_phone.png') no-repeat;
                background-size: auto 100%; 
                position: absolute; 
                right: 1%;
                bottom: 0;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;  
                width: 500px;
                height: 508px;
                padding-left: 18px;
                padding-top: 74.5px;
            }   
            .fp-viewing-3 .yh-msg-h3 {
                position: absolute;
                right: 12%;
                top: 26%;
                width:1000px;
                height: 608px;
                margin-top: -57px;
                background-position: 0px 0px;
                background: url(../images/img_txt4.png) no-repeat;
                background-size: 100%;
            } 
            .fp-viewing-3 .yh-msg-h3 .phone{
                width: 850px;
                position: absolute;
                left: 450px;
                top: -60px; 
            }  
            .fp-viewing-3 .yh-msg-h3 .phone img{
                float: left;
                margin-bottom: 10px;
                width: 25%;
                margin-right: 10px;
            }  
            .fp-viewing-4 .yh-msg-h4 .phone {
                width: 850px;
                position: absolute;
                left: -800px;
                top: -280px;
                display: block;
            }
            .sub-content {
                height: auto;
                padding-top: 24px;
            } 
        }
         
        @media only screen and (max-width:768px) {
            .index-animated-group{
                right: 35%;
            }
            .fp-viewing-1 .yh-pic-h2{
                left: 40%;
            }
            .fp-viewing-2 .yh-msg-h2 { 
                right: 35%; 
            }
        }