/*
* Copyright (c) nanhua All rights reserved.
* MIT Licensed
* Build: 2017-5-18 10:30
* By aiko wang
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,
form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

body {
    letter-spacing: 1px;
    color: #333;
    background: #F6F7F7;
    font-family: PingFang, Arial, "Microsoft Yahei", STXihei, STHeiti,
    "Hiragino Sans GB", "Helvetica Neue", Helvetica, sans-serif;
}

em, i {
    font-style: normal;
}

button, input, select, textarea {
    font-family: PingFang, Arial, "Microsoft Yahei", STXihei, STHeiti,
    "Hiragino Sans GB", "Helvetica Neue", Helvetica, sans-serif;
}

a, input {
    -webkit-appearance: none;
    text-decoration: none;
    outline: none;
    color: #666;
}

a:hover {
    color: #1070AE;
    text-decoration: none;
}

a:visited, a:link {

}

img {
    border: 0 none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.clear:after {
    display: block;
    clear: both;
    content: "";
    overflow: hidden;
    height: 0;
}

.clear {
    zoom: 1;
}

.Helvetica { /**/

}

.clearboth {
    clear: both;
}

input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
    border: none;
    padding: 0;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
    -webkit-box-shadow: 0 0 0 1000px white inset;
}

html {
    height: 100%;
}

body {
    height: 100%;
    background: #fff;
    padding-bottom: 85px;
}

/*common*/
.content-wrap {
    width: 640px;
    margin: 0 auto;
    background: #fff;
    height: 100%;
}

.open-account-guide-wrap {
    width: 640px;
    position: relative;
    background: url("../images/open_account_guide.jpg") no-repeat;
    background-size: 640px;
    height: 5140px;
}

.open-account-guide-wrap a {
    position: absolute;
    display: block;
    width: 500px;
    height: 100px;
    bottom: 140px;
    left: 70px;
    text-indent: -9999em;
}

.live-guide-wrap {
    background: url("../images/live_guide_bg.jpg") no-repeat;
    position: relative;
    height: 100%;
    background-size: 640px;
    padding-bottom: 105px;
}

.demand-guide-wrap {
    background: url("../images/demand_guide_bg.jpg") no-repeat;
    position: relative;
    height: 100%;
    background-size: 640px;
    padding-bottom: 105px;
}

.report-guide-wrap {
    background: url("../images/report_guide_bg.jpg") no-repeat;
    position: relative;
    height: 100%;
    background-size: 640px;
    padding-bottom: 105px;
}

.online-business-guide-wrap {
    background: url("../images/online_business_guide_bg.jpg") no-repeat;
    position: relative;
    height: 100%;
    background-size: 640px;
    padding-bottom: 205px;
}

.cover-link {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999em;
}
.online-business-guide-wrap .cj{
    position: absolute;
    display: block;
    text-indent: -9999em;
    width: 215px;
    height: 170px;
    right: 0;
    top: 150px;
}
.online-business-guide-wrap .rj{
    position: absolute;
    display: block;
    text-indent: -9999em;
    width: 215px;
    height: 170px;
    top: 325px;
    left: 0;
}

.guide-dl-box {
    background: url("../images/guide_download.jpg") no-repeat;
    width: 640px;
    position: fixed;
    bottom: 0;
    height: 105px;
    left: 0;
    background-size: 640px;
    z-index: 999;
}

.guide-dl-box a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999em;
}

.service-index-wrap {
    height: 100%;
    background: #F6F6FB;
}

.service-link-box {
    background: #fff;
    padding: 20px 0;
    overflow: hidden;
}

.service-link-box a {
    display: block;
    float: left;
    width: 160px;
    height: 120px;
    position: relative;
    margin-bottom: 10px;
}

.service-link-box a img {
    display: block;
    margin: 20px auto;
}

.service-link-box a span {
    display: block;
    font-size: 20px;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.service-banner-box {
    width: 600px;
    padding: 20px;
}

.service-banner-box a {
}

.service-banner-box img {
    width: 100%;
}

.slider-wrap {
    background: #fff;
    padding: 20px 0 0px 0;
    position: relative;
}

#slider-index {
    width: 640px;
}

#slider-index .dots {
    position: absolute;
    left: 0;
    right: 0;
    top: 310px;
}

#slider-index .dots li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 4px;
    text-indent: -999em;
    background: #ccc;
    border-radius: 16px;
    cursor: pointer;
    opacity: .4;
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}

#slider-index .dots li.active {
    background: #5b79fb;
    opacity: 1;
}

.banner {
    margin: 0 auto;
    position: relative;
    overflow: auto;
    text-align: center;
    width: 560px !important;
    height: 330px !important;
}

.banner li {
    list-style: none;
}

.banner ul li {
    float: left;
    position: relative;
}

.banner ul li img {
    width: 560px;
    height: 300px;
}

.banner ul li a {
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    top: 0;
    left: 0;
}
.fake-layer-left{
    position: absolute;
    width: 20px;
    height: 280px;
    background: #e3e8fc;
    top: 30px;
    border-radius: 0 100px 100px 0;
    left: 0;
}
.fake-layer-right{
    position: absolute;
    width: 20px;
    height: 280px;
    background: #e3e8fc;
    top: 30px;
    border-radius: 100px 0 0 100px;
    right: 0;
}

.msg-kh-wrap { position: relative;}
.msg-kh-wrap .kh-guide-qr{position: absolute;display: block;top: 220px;width: 230px;left: 206px;}
.msg-kh-wrap div img{ display: block; width: 640px;}

.nhapp-videoguide-wrap{
    padding-bottom: 100px;
}
.nhapp-videoguide-wrap h1{
    font-size: 28px;
    text-align: center;
    color: #00498d;
    height: 80px;
    line-height: 80px;
}
.nhapp-videoguide-wrap h3{
    background: #00498d;
    color: #fff;
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    width: 600px;
    margin: 0 auto;
    text-align: center;
    border-radius: 10px;
    margin-top: 100px;
    margin-bottom: 20px;
}
.nhapp-videoguide-wrap div{
    margin: 0 auto;
}

.nh-report-wrap{
    width: 640px;
    margin: 0 auto;
}
.nh-report-wrap .nh-report-banner{
    border-bottom: 15px solid #F2F2F2;
}
.nh-report-wrap .nh-report-banner img{
    width: 640px;
    display: block;
}

.nh-report-box{
    -webkit-text-size-adjust: none;
}
.nh-report-box .nh-report-list{}
.nh-report-box .nh-report-list .nh-report-type{
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    text-indent: 50px;
    color: #333;
    border-bottom: 1px solid #ddd;

}
.nh-report-box .nh-report-list .nh-report-type a{
    color: #333;
    background: url(../images/arrow_down.png) no-repeat;
    background-size: 40px;
    background-position: 580px;
    display: block;
}
.nh-report-box .nh-report-list .nh-report-type .showed{
    color: #333;
    background: url(../images/arrow_up.png) no-repeat;
    background-size: 40px;
    background-position: 580px;
    display: block;
}
.nh-report-box .nh-report-list .nh-report-links{
    background: #f2f2f2;
    display: none;
}
.nh-report-box .nh-report-list .nh-report-links a{
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 25px 20px 25px 50px;
    font-size: 24px;
    color: #999;
    line-height: 40px;
}
.nh-report-box .nh-report-list .nh-report-links a span{
    display: block;
}

.nh-report-footer{
    background: url(../images/nh-report-footer.jpg);
    background-size: 640px;
    overflow: hidden;
    height: 360px;
}
.nh-report-footer img{
    width: 200px;
    float: right;
    margin: 70px 50px;
}
.nh-report-footer-oil img{
    display: block;
    width: 640px;
}
.nh-report-links-oil{
    display: block !important;
}
.nh-report-links-oil a{
    color: #333 !important;
}

.nh-dl-coop-box{
    width: 100%;
}
.nh-dl-coop-box .nh-dl-coop-banner{
    margin-bottom: 10%;
}
.nh-dl-coop-box .nh-dl-coop-banner img{
    width: 100%;
    display: block;
}
.nh-dl-coop-box .nh-dl-coop-box{}
.nh-dl-coop-box .nh-dl-coop-box a{
    display: block;
}
.nh-dl-coop-box .nh-dl-coop-box a img{
    width: 100%;
    display: block;
}
.nh-dl-coop-box .nh-dl-coop-box .ios-download-link{
}
.nh-dl-coop-box .nh-dl-coop-box .android-download-link{}
.nh-dl-coop-box .nh-dl-coop-box .wx-ios-download-link{}
.nh-dl-coop-box .nh-dl-coop-box .wx-android-download-link{}
.nh-dl-coop-box .nh-dl-coop-box .download-wx{
    display: none;
}
.nh-dl-coop-box .nh-dl-coop-bottom{}
.nh-dl-coop-box .nh-dl-coop-bottom img{
    width: 100%;
    display: block;
}

.wx-popup-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.8;
    z-index: 999;
    display: none;
}

.wx-popup-txt {
    background: url("../images/rui_share_guide_wx.png") no-repeat top;
    z-index: 9999;
    width: 100%;
    position: fixed;
    height: 100%;
    background-size: 100%;
    display: none;
    left: 0;
    top: 0;
}

.novice-guide-wrap .intro-box{
    padding: 20px;
    font-size: 24px;
    background: #f6f6f6;
    border-bottom: 1px dashed #999;
    margin-bottom: 30px;
}
.novice-guide-wrap .intro-box h3{
    color: #091d8c;
    font-size: 34px;
    border-left: 10px solid #ddd;
    padding-left: 10px;
    font-weight: bold;
}
.novice-guide-wrap .intro-box h3 span{
    display: block;
    color: #ff7522;
    font-size: 22px;
    font-weight: normal;
}
.novice-guide-wrap .intro-box div{
    margin: 20px 0;
}
.novice-guide-wrap .intro-box div p{
    text-align: justify;
    color: #444;
    line-height: 1.5em;
    margin: 5px 0;
}
.novice-guide-wrap .intro-box div p i{
    color: #091d8c;
    font-weight: bold;
    padding: 10px 0;
    display: block;
}
.novice-guide-wrap .intro-box div p b{}
.novice-guide-wrap .intro-box div p b{
    font-weight: bold;
    color: #000;
}
.novice-guide-wrap .intro-box div p em{
    display: inline-block;
    width: 10px;
    height: 10px;
    background: #ff7522;
    border-radius: 100px;
    margin-right: 15px;
    vertical-align: 2px;
}
.novice-guide-wrap .notice-box{
    /* background: #eee; */
    padding: 20px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 10px;
    width: 560px;
    margin: 50px auto;
}
.novice-guide-wrap .notice-box h3{
    font-size: 26px;
    color: #666;
}
.novice-guide-wrap .notice-box p{
    text-align: justify;
    margin: 10px 0;
    line-height: 1.5em;
    font-size: 22px;
    color: #999;
}

.novice-guide-wrap{
    width: 640px;
    -webkit-text-size-adjust: none;
}
.novice-guide-box{
    /* margin-top: 20px; */
    background: #fff;
}
.novice-guide-box ul{}
.novice-guide-box li{
    border-bottom: 1px solid #ddd;
}
.novice-guide-box li a{
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 26px;
    color: #333;
    position: relative;
    text-indent: 60px;
}
.novice-guide-box li b{
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 26px;
    color: #333;
    position: relative;
    text-indent: 60px;
    font-weight:normal;
}
.novice-guide-box li a span{
    color: #999;
    margin-left: 20px;
}
.novice-guide-box li b span{
    color: #999;
    margin-left: 20px;
}
.novice-guide-box li a em{display: block;width: 12px;height: 12px;position: absolute;background: #4488F6;border-radius: 100px;left: 30px;top: 35px;}
.novice-guide-box li b em{display: block;width: 12px;height: 12px;position: absolute;background: #4488F6;border-radius: 100px;left: 30px;top: 35px;}

.novice-guide-box .novice-qa-title{
    border-bottom: 1px solid #ddd;
    font-size: 34px;
    color: #091d8c;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
    padding: 20px 0;
    margin-top: 30px;
}
.novice-guide-box .novice-qa-title span{

    display: block;

    color: #ff7522;

    font-weight: normal;

    font-size: 20px;
}
.novice-guide-box .novice-qa-box{
    padding: 0px 20px;
}
.novice-guide-box .novice-qa-box .novice-popup-link{
    font-size: 26px;
    color: #444;
    border-bottom: 2px dashed #ddd;
    display: block;
    padding: 20px 0;
    padding-left: 40px;
    text-indent: -40px;
    text-align: justify;
    line-height: 1.5em;
    padding-right: 40px;
    background: url(../images/arrow_right.png) no-repeat right;
    background-size: 30px;
}
.novice-guide-box .novice-qa-box .novice-qa-a{
    font-size: 26px;
    color: #333;
    border-bottom: 2px dashed #aaa;
}
.novice-guide-box .novice-qa-box .novice-qa-popup{
    position: fixed;
    background: #fff;
    width: 600px;
    height: 100%;
    top: 0;
    left: 640px;
    z-index: 9;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.novice-guide-box .novice-qa-box .novice-qa-popup h3{
    line-height: 1.5em;
    font-size: 26px;
    border-bottom: 1px solid #ccc;
    position: relative;
    width: 560px;
    background: #fff;
    font-weight: bold;
    padding: 20px;
    text-align: justify;
    padding-top: 70px;
}
.novice-guide-box .novice-qa-box .novice-qa-popup h3 a{
    font-size: 24px;
    display: block;
    width: 120px;
    background: #eee;
    position: absolute;
    top: 10px;
    border-radius: 5px;
    text-align: center;
    color: #ddd;
    background: #091d8c;
    right: 10px;
    height: 50px;
    line-height: 50px;
}
.novice-guide-box .novice-qa-box .novice-qa-content{
    padding: 20px;
    font-size: 24px;
    text-align: justify;
}
.novice-guide-box .novice-qa-box .novice-qa-content p{
    line-height: 1.5em;
    margin-bottom: 15px;
    text-align: justify;
    word-break: unset;
    color: #666;
}
.novice-guide-box .novice-qa-box .novice-qa-content b{
    font-weight: bold;
}
.novice-guide-box .novice-qa-box .novice-qa-content span{
    line-height: 1.5em;
    margin-bottom: 15px;
    display: block;
}
.novice-guide-box .novice-qa-box .novice-qa-content table{
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: 20px 0;
    width: 100%;
}
.novice-guide-box .novice-qa-box .novice-qa-content tr{}
.novice-guide-box .novice-qa-box .novice-qa-content th{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 5px;
    font-size: 22px;
    line-height: 35px;
    background: #eee;
}
.novice-guide-box .novice-qa-box .novice-qa-content td{
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px 5px;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 0;
}
.novice-guide-box .novice-qa-box .novice-qa-content td i{
    color:#ff0000;
}
.novice-guide-box .novice-qa-box .novice-qa-content a{
    display: block;
    margin: 20px 0;
    color: #ff0000;
}
.novice-guide-box .color-read{
    color: #091e8c !important;
    text-decoration: underline;
}
.novice-guide-box .novice-qa-box .novice-qa-content em{
    font-size: 18px;
    display: block;
    color: #999;
    text-decoration: none;
    width: 540px;
    word-break: break-all;
}
.novice-page-cover{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    left: 0;
    top: 0;
    opacity: 0.6;
    display: none;
}
.novice-guide-box h5{
    background: #f6f6f6;
    font-size: 22px;
    padding: 20px;
    text-align: justify;
    color: #666;
    width: 560px;
    margin: 0 20px;
    border-radius: 10px;
}
.novice-qa-content p h8{
    background: #eee;
    display: block;
    color: #333;
    margin-bottom: -20px;
    line-height: 40px;
    padding: 10px;
}
.pos-fixed{
    position: fixed !important;
}

.nh-live-sign-bg{
    background: url("../images/active_live_bg.jpg") no-repeat center top;
    width: 640px;
    background-size: 640px;
    height: 1920px;
    background-color: #02539d;
    position: relative;
}
.nh-live-sign-bg a{
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 110px;
    background: #034381;
    line-height: 110px;
    color: #fff;
    text-align: center;
    font-size: 26px;
    box-shadow: 0 0 10px #333;
}
.nh-live-sign-popup-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    top: 0;
    left: 0;
    opacity: 0.5;
}
.nh-live-sign-popup-box{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.nh-live-sign-popup-box .nh-live-sign-form{
    width: 500px;
    height: 500px;
    background: #eee;
    border-radius: 10px;
    margin: 300px auto;
    box-shadow: 0 0 20px #000;
}
.nh-live-sign-popup-box .nh-live-sign-form h3{
    position: relative;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-size: 26px;
    color: #091d8c;
}
.nh-live-sign-popup-box .nh-live-sign-form h3 a{
    background: url("../images/pupuo_close.png") no-repeat center;
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    right: 10px;
    top: 10px;
    background-size: 25px;
}
.nh-live-sign-popup-box .nh-live-sign-form p{
    margin: 15px 0;
}
.nh-live-sign-popup-box .nh-live-sign-form p input{
    display: block;
    width: 420px;
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    font-size: 22px;
    text-indent: 20px;
}
.nh-live-sign-popup-box .nh-live-sign-form .submit{
    background: #29379d;
    display: block;
    width: 420px;
    margin: 25px auto;
    height: 60px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    font-size: 24px;
}
.page-cover {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: url("../images/blue_loading.gif") no-repeat center;
    background-color: #fff;
    z-index: 999999;
    opacity: 0.8;
    display: none;
}
.error-box {
    display: none;
    top: 0;
    left: 0;
    font-size: 20px;
    box-shadow: 0 0 10px #ccc;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 75px;
    line-height: 75px;
    color: #fff;
    background: red;
    opacity: 0.8;
}

.error-box p {
    text-align: center;
}
/*BMC*/

.app-promotion-wrap .BCM-theme .app-promotion-box-2{/* margin-top: 495px; */background: none;}
.app-promotion-wrap .BCM-theme .promotion-form-box{}
.app-promotion-wrap .BCM-theme .promotion-form-box p{
    position: relative;
    display: block;
    margin: 20px auto;
}
.app-promotion-wrap .BCM-theme .promotion-form-box p .mobile{
    text-indent: 55px !important;
}
.app-promotion-wrap .BCM-theme .promotion-form-box p em{
    position: absolute;
    font-size: 13px;
    color: #666;
    top: 14px;
    border-right: 1px solid #666;
    padding-right: 10px;
    display: block;
    left: 13%;
}
.app-promotion-wrap .BCM-theme .promotion-form-box p input{
    background-image: none;
    background-color: #E9F0FB !important;
    border: 2px solid #c8c9d3 !important;
    border-radius: 100px;
    height: 40px !important;
    line-height: 40px !important;
    width: 80%;
    margin: 0 auto;
    display: block;
    text-indent: 20px;
    font-size: 13px;
}

.app-promotion-wrap .BCM-theme .promotion-form-box p .send-code{
    color: #FF5722;
    background: none;
    border-left: 1px solid #FF5722;
    border-radius: 0;
    font-size: 13px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    padding-left: 10px;
    right: 13%;
    top: 12px;
}
.app-promotion-wrap .BCM-theme .promotion-form-box .sub-link{
    display: block;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    background: #FF9800;
    width: 80%;
    height: 40px;
    border-radius: 100px;
}
.service-guide-index-wrap{
    position: relative;
    background: url("../images/service-guide-index.jpg") no-repeat center top;
    width: 640px;
    height: 2480px;
}
.service-guide-index-wrap a{
    display: block;
    position: absolute;
    /* background: #000; */
    width: 320px;
    height: 80px;
    /* opacity: 0.5; */
}
.service-guide-index-wrap .lsg1{
    top: 870px;
    left: 0px;
}
.service-guide-index-wrap .lsg2{
    top: 870px;
    left: 320px;
}
.service-guide-index-wrap .lsg3{
    top: 1100px;
    left: 0px;
}
.service-guide-index-wrap .lsg4{
    top: 1100px;
    left: 320px;
}
.service-guide-index-wrap .lsg5{
    top: 1210px;
    left: 0px;
}
.service-guide-index-wrap .lsg6{
    top: 1210px;
    left: 320px;
}
.service-guide-index-wrap .lsg7{
    top: 1320px;
    left: 0px;
}
.service-guide-index-wrap .lsg8{
    top: 1545px;
    left: 0px;
}
.service-guide-index-wrap .lsg9{
    top: 1545px;
    left: 320px;
}
.service-guide-index-wrap .lsg10{
    top: 1765px;
    left: 0px;
}
.service-guide-index-wrap .lsg11{
    top: 1765px;
    left: 320px;
}
.service-guide-index-wrap .lsg12{
    top: 1870px;
    left: 0px;
}
.service-guide-index-wrap .lsg13{
    top: 1870px;
    left: 320px;
}
.service-guide-index-wrap .lsg14{
    top: 1980px;
    left: 0px;
}
.service-guide-index-wrap .lsg15{
    top: 1980px;
    left: 320px;
}
.service-guide-index-wrap .lsg16{
    top: 2090px;
    left: 0px;
}
.service-guide-index-wrap .lsg17{
    top: 2090px;
    left: 320px;
}
.service-guide-index-wrap .lsg18{
    top: 2315px;
    left: 0px;
}
.service-guide-wrap{
    position: relative;
    background: url("../images/service-guide.png") no-repeat center top;
    width: 640px;
    height: 16000px;
}
.service-guide-wrap div{
    display: block;
    position: absolute;
    width: 640px;
    height: 100px;
    /* background: #000; */
    /* opacity: 0.5; */
    text-indent: -9999em;
}
.service-guide-wrap #SG1{
    top: 0px;
}
.service-guide-wrap #SG2{
    top: 0px;
}
.service-guide-wrap #SG3{
    top: 970px;
}
.service-guide-wrap #SG4{
    top: 2345px;
}
.service-guide-wrap #SG5{
    top: 3130px;
}
.service-guide-wrap #SG6{
    top: 3960px;
}
.service-guide-wrap #SG7{
    top: 5600px;
}
.service-guide-wrap #SG8{
    top: 6460px;
}
.service-guide-wrap #SG9{
    top: 7325px;
}
.service-guide-wrap #SG10{
    top: 8110px;
}
.service-guide-wrap #SG11{
    top: 8895px;
}
.service-guide-wrap #SG12{
    top: 9725px;
}
.service-guide-wrap #SG13{
    top: 10500px;
}
.service-guide-wrap #SG14{
    top: 11290px;
}
.service-guide-wrap #SG15{top: 12050px;}
.service-guide-wrap #SG16{
    top: 12790px;
}
.service-guide-wrap #SG17{
    top: 14490px;
}
.service-guide-wrap #SG18{
    top: 15230px;
}
.service-guide-index-wrap .kh-guide-qr{
    position: absolute;
    display: block;
    width: 220px;
    height: 220px;
    left: 210px;
    top: 385px;
}
.nh-promotion-wrap{
    position: relative;
    background: url("../images/bg20210129.jpg") no-repeat center top;
    width: 640px;
    height: 2750px;
    background-size: 640px;
    margin: 0 auto;
}
.nh-promotion-wrap img{
    display: block;
    position: absolute;
    width: 380px;
}
.nh-promotion-wrap .nh-qr-1{
    bottom: 1310px;
    left: 130px;
}
.nh-promotion-wrap .nh-qr-2{
    bottom: 160px;
    left: 130px;
}



.trade-info-wrap{
    width: 640px;
    margin: 0 auto;
}
.trade-info-table{
    width: 640px;
}
.trade-info-table tr{}
.trade-info-table tr th{
    font-size: 22px;
    text-align: center;
    padding: 10px 5px;
    text-align: left;
}
.trade-info-table tr th span{
    font-size: 20px;
}
.trade-info-table tr td{
    border-bottom: 1px solid #eee;
    padding: 15px 5px;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}
.trade-info-table tr td span{
    display: inline-block;
}
.trade-info-table tr td span i{
    background: #EF5311;
    font-size: 15px;
    color: #fff;
    font-weight: normal;
    font-style: normal;
    padding: 3px 5px;
    border-radius: 3px;
    display: inline-block;
}
.trade-info-table tr td span em{
    color: #999;
    font-weight: normal;
    font-size: 18px;
    margin-left: 5px;
    display: inline-block;
    vertical-align: -3px;
}
.trade-info-table tr th:nth-child(1){
    font-size: 25px;
    padding-left: 15px;
}
.trade-info-table tr th:nth-child(2){}
.trade-info-table tr th:nth-child(3){}
.trade-info-table tr th:nth-child(4){}
.trade-info-table tr th:nth-child(5){}
.trade-info-table tr td:nth-child(1){
    text-align: left;
    padding-left: 15px;
    width: 20%;
}
.trade-info-table tr td:nth-child(2){
    color: #064893;
    width: 17%;
}
.trade-info-table tr td:nth-child(3){
    color: #064893;
    width: 25%;
}
.trade-info-table tr td:nth-child(4){
    color: #EA6456;
    width: 17%;
}
.trade-info-table tr td:nth-child(5){
    color: #EA6456;
}
.trade-info-tab-table{
    display: none;
}
.trade-info-tab-table h3{
    font-size: 26px;
    font-weight: bold;
    height: 75px;
    border-bottom: 1px solid #eee;
    line-height: 77px;
    margin-bottom: 15px;
}
.trade-info-tab-table h3 img{
    display: inline-block;
    width: 35px;
    vertical-align: middle;
    margin: -4px 10px 0 10px;
}
.trade-info-nav{
    position: fixed;
    height: 100px;
    width: 100%;
    bottom: 0;
    background: #070D17;
    text-align: center;
}
.trade-info-nav a{
    display: inline-block;
    height: 100px;
    position: relative;
    text-align: center;
    font-size: 24px;
    margin: 0 20px;
    line-height: 80px;
    color: #999;
}
.trade-info-nav a em{}
.trade-info-nav .sel{
    color: #fff;
}
.trade-info-nav .sel em{
    display: block;
    width: 40px;
    height: 3px;
    background: #fff;
    border-radius: 100px;
    margin: -10px auto;
}
.trade-info-remark{
    width: 640px;
    height: 500px;
    background: url(../images/tradeinfo_rm_bg.png) no-repeat center top;
    background-size: 610px;
    margin: 40px auto 0;
    position: relative;

}
.trade-info-remark img{
    width: 240px;
    display: block;
    position: absolute;
    left: 62px;
    top: 38px;
}
.trade-info-remark em{
    position: absolute;
    display: block;
    background: #EF5311;
    color: #fff;
    width: 95px;
    font-size: 20px;
    border-radius: 5px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    left: 330px;
    top: 135px;
}
.trade-info-remark a{
    left: 330px;
    top: 175px;
    color: #EF5311;
    font-size: 24px;
    position: absolute;
    display: block;
}
.trade-info-table-fix td:nth-child(2){
    letter-spacing: 0px;
}
.ddtx-buy-wrap{
    background: url(../img/ddtx_buy_bg.jpg) no-repeat;
    background-size: 640px;
    width: 640px;
    height: 1350px;
    margin: 0 auto;
}
.ddtx-buy-nav{
    width: 100%;
    height: 150px;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 10px #333;
}
.ddtx-buy-nav a{
    display: block;
    background: url(../img/ddtx_buy_banner.jpg) no-repeat;
    width: 640px;
    height: 150px;
    background-size: 640px;
    margin: 0 auto;
}


.wdhq-buy-wrap{
    background: url(../img/buy_wudanghangqing_bg.jpg) no-repeat;
    background-size: 640px;
    width: 640px;
    height: 1250px;
    margin: 0 auto;
}
.wdhq-buy-nav{
    width: 100%;
    height: 150px;
    position: fixed;
    bottom: 0;
    left: 0;
    box-shadow: 0 0 10px #333;
}
.wdhq-buy-nav a{
    display: block;
    background: url(../img/buy_wudanghangqing_btn.jpg) no-repeat;
    width: 640px;
    height: 150px;
    background-size: 640px;
    margin: 0 auto;
}
.buy-sel-wrap{
    width: 640px;
    height: 100%;
    position: fixed;
    background: #fefefe;
    z-index: 9999;
    top: 0;
    display: none;
}
.buy-sel-wrap .product-box{
    margin-top: 20px;
    border-top: 1px solid #ccc;
    height: 200px;
    border-bottom: 20px solid #f6f6f6;
    position: relative;
}
.buy-sel-wrap .product-box img{
    position: absolute;
    display: block;
    width: 160px;
    height: 160px;
    top: 20px;
    left: 20px;
}
.buy-sel-wrap .product-box span{
    position: absolute;
    font-size: 26px;
    left: 240px;
    top: 30px;
}
.buy-sel-wrap .product-type-box{
    background: #fff;
    padding: 0 20px;
}
.buy-sel-wrap .product-type-box a{
    display: block;
    border-bottom: 1px solid #eee;
    height: 80px;
    line-height: 80px;
    font-size: 24px;
    color: #333;
    position: relative;
    background: url(../img/product_type_def.jpg) no-repeat 550px;
    background-size: 35px;
}
.buy-sel-wrap .product-type-box a em{
    color: #ff0000;
    font-weight: bold;
}
.buy-sel-wrap .product-type-box a i{
    font-size: 16px;
}
.buy-sel-wrap .product-type-box a b{
    position: absolute;
    right: 80px;
    color: #999;
    font-size: 18px;
    font-weight: normal;
}
.buy-sel-wrap .product-type-box .sel{
    background: url(../img/product_type_sel.jpg) no-repeat 550px;
    background-size: 35px;
}
.buy-sel-wrap .product-type-link{
    margin: 100px auto;
}
.buy-sel-wrap .product-type-link a{
    width: 520px;
    text-align: center;
    display: block;
    margin: 0 auto;
    background: #ff0000;
    height: 70px;
    line-height: 70px;
    font-size: 22px;
    color: #fff;
    border-radius: 100px;
    box-shadow: 0 0 10px #ccc;
}
.hide{display: none !important;}

.future-class-wrap{
    width: 640px;
    margin: 0 auto;
    padding-bottom: 150px;
}
.future-class-box{}
.future-class-box .future-class-banner-box{}
.future-class-box .future-class-tab-box{
    height: 119px;
    line-height: 100px;
    /* border-bottom: 1px solid #ddd; */
    overflow: hidden;
}
.future-class-box .future-class-tab-box a{
    display: block;
    width: 25%;
    float: left;
    height: 130px;
    line-height: 100px;
    text-align: center;
    font-size: 26px;
    position: relative;
}
.future-class-box .future-class-tab-box a:nth-child(1){

    width: 30%;
}
.future-class-box .future-class-tab-box a:nth-child(2){

    width: 22%;
}
.future-class-box .future-class-tab-box a:nth-child(3){

    width: 22%;
}
.future-class-box .future-class-tab-box a:nth-child(4){
    line-height: 30px;
    padding-top: 33px;
    height: 97px;
}
.future-class-box .future-class-tab-box a em{}
.future-class-box .future-class-tab-box .sel{
    color: #015bac;
    font-weight: bold;
}
.future-class-box .future-class-tab-box .sel em{
    /* position: absolute; */
    display: block;
    width: 80px;
    height: 9px;
    background: #015bac;
    border-radius: 100px;
    margin: 0 auto;
    margin-top: 10px;
}
.future-class-box .tab-content-box{
    margin-top: 30px;
    display: none;
}
.future-class-box .tab-content-box .sub-tab-box{
    text-align: center;
    border-top: 1px solid #eee;
    padding: 30px 0 0 0;
}
.future-class-box .tab-content-box .sub-tab-box a{
    display: inline-block;
    text-align: center;
    padding: 10px 20px;
    background: #f0d8c9;
    color: #333;
    border-radius: 100px;
    margin: 5px 10px;
    font-size: 20px;
}
.future-class-box .tab-content-box .sub-tab-box .sel{
    background: #ea6456;
    color: #fff;
}
.nhfuture-class-wrap{
    background: url(../img/class_nh_bg.jpg) no-repeat;
    width: 640px;
    background-size: 640px;
    margin: 0 auto;
    height: 2490px;
}
.nhfuture-class-box{
    width: 640px;
    height: 2490px;
    position: relative;
}
.nhfuture-class-box .link-list{
    position: absolute;
    width: 640px;
    top: 941px;
}
.nhfuture-class-box .link-list a{
    display: block;
    width: 100%;
    height: 36px;
    margin: 1px auto;
}
.nhfuture-class-box .qr-box{
    position: absolute;
    bottom: 65px;
    margin: 0 30px;
}
.nhfuture-class-box .qr-box img{
    display: block;
    float: left;
    width: 130px;
    margin: 0 31px;
}
.link-remark-popup{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    background: #000;
    opacity: 0.8;
    font-size: 26px;
    text-align: center;
    color: #fff;
    line-height: 100px;
}
.future-class-box .video-list{
    border-top: 1px solid #eee;
}
.future-class-box .video-list li{
    position: relative;
    display: block;
    width: 640px;
    height: 200px;
    border-bottom: 1px solid #eee;
}
.future-class-box .video-list li img{
    display: block;
    position: absolute;
    width: 260px;
    left: 20px;
    top: 20px;
    border: 1px solid #ccc;
}
.future-class-box .video-list li span{
    display: block;
    font-size: 22px;
    color: #999;
    right: 40px;
    position: absolute;
    bottom: 40px;
}
.future-class-box .video-list li h3{
    display: block;
    position: absolute;
    font-size: 28px;
    left: 310px;
    top: 30px;
    font-weight: bold;
    color: #015bac;
}
.future-class-box .video-list li a{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.future-class-box .beginner-box{
    border-top: 1px solid #eee;
    padding: 0 30px;
    border-bottom: 1px solid #eee;
}
.future-class-box .beginner-box .show-this{
    display: block;
}
.future-class-box .beginner-box p{
    font-size: 24px;
    line-height: 1.5em;
    color: #666;
}
.future-class-box .beginner-box h3{
    font-size: 28px;
    color: #015bac;
    font-weight: bold;
    line-height: 80px;
    background: url(../images/arrow_down.png) no-repeat 540px 19px;
    background-size: 50px;
    position: relative;
}
.future-class-box .beginner-box h3 a{
    position: absolute;
    display:block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.future-class-box .beginner-box .has-show{
    font-size: 28px;
    color: #015bac;
    font-weight: bold;
    line-height: 80px;
    background: url(../images/arrow_up.png) no-repeat 540px 19px;
    background-size: 50px;
}
.future-class-box .beginner-box a{
    color: #ff0000;
    text-decoration: underline;
}
.future-class-box .beginner-box img{
    width: 100%;
    display: block;
    margin: 20px auto;
}
.future-class-box .beginner-box div{
    display: none;
    padding-bottom: 30px;
}
.future-class-box .beginner-box span{
    color: #999;
    text-align: center;
    display: block;
    font-size: 22px;
}
.future-class-box .qa-box{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 0 30px;
}
.future-class-box .qa-box div{
    display: none;
}
.future-class-box .qa-box .show-this{
    display: block;
}
.future-class-box .qa-box h3{
    font-size: 26px;
    position: relative;
    padding-left: 40px;
    line-height: 80px;
    color: #015bac;
    font-weight: bold;
    background: url(../images/arrow_down.png) no-repeat 540px 19px;
    background-size: 50px;
}
.future-class-box .qa-box .has-show{
    font-size: 26px;
    position: relative;
    padding-left: 40px;
    line-height: 80px;
    color: #015bac;
    font-weight: bold;
    background: url(../images/arrow_up.png) no-repeat 540px 19px;
    background-size: 50px;
}
.future-class-box .qa-box h3 a{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.future-class-box .qa-box h3 em{
    position: absolute;
    display: block;
    font-weight: bold;
    color: #015bac;
    left: 0;
}
.future-class-box .qa-box p{
    padding-left: 40px;
    font-size: 24px;
    line-height: 1.5em;
    color: #666;
    margin-bottom: 20px;
    position: relative;
}
.future-class-box .qa-box p em{
    display: block;
    position: absolute;
    left: 0;
    font-weight: bolder;
    color: #ccc;
}
.future-class-box .trade-guide-link-box{
    display: none;
    padding: 30px 0;
}
.future-class-box .trade-guide-link-box h3{
    display: block;
    color: #015bac;
    font-size: 26px;
    font-weight: bold;
    padding: 30px 30px 10px;
    /* border-bottom: 1px solid #eee; */
}
.future-class-box .trade-guide-link-box a{
    display: block;
    border-bottom: 1px solid #eee;
    font-size: 22px;
    line-height: 1.5em;
    color: #666;
    padding: 20px 30px;
    letter-spacing: 0px;
}
.future-class-banner{}
.future-class-banner img{
    width: 100%;
}
.nhfuture-option-class-wrap{
    width: 640px;
    margin: 0 auto;
}
.nhfuture-option-class-box{
    background: url(../img/nh_class_option_210701.jpg) no-repeat;
    position: relative;
    width: 640px;
    height: 2900px;
    background-size: 640px;
}
.nhfuture-option-class-box .link-list{
    position: absolute;
    width: 640px;
    bottom: 285px;
}
.nhfuture-option-class-box .link-list a{
    display: block;
    height: 43px;
    /* background: #000; */
}
.nhfuture-option-class-box .qr-box{
    position: absolute;
    width: 640px;
    height: 200px;
    bottom: 0;
}
.nhfuture-option-class-box .qr-box img{
    display: block;
    margin-left: 55px;
}
.future-class-wrap .banner-link{
    display: block;
    width: 640px;
    height: 124px;
    position: fixed;
    bottom: 0;
    z-index: 999;
    box-shadow: 0 0 10px #fff;
    background: #0070ff;
}
.future-class-wrap .banner-link img{
    display: block;
    width: 640px;
    height: 124px;
}
.nh-app-dl-intro-wrap{
    width: 640px;
    margin: 0 auto;
}
.nh-app-dl-intro-box{
    width: 640px;
    background: url(../images/NH_APP_DL_INTRO.jpg) no-repeat center top;
    height: 2536px;
    position: relative;
}
.nh-app-dl-intro-box a{
    display: block;
    position: absolute;
    width: 640px;
    height: 100px;
}
.nh-app-dl-intro-box .dl-link1{
    top: 632px;
}
.nh-app-dl-intro-box .dl-link2{
    bottom: 0px;
    height: 136px;
    background: url(../images/NH_APP_DL_INTRO.jpg) no-repeat center bottom;
    position: fixed;
    left: 0;
}


.nh-app-dl-intro-box2{
    width: 640px;
    background: url(../images/NH_APP_DL_INTRO2.jpg) no-repeat center top;
    height: 2536px;
    position: relative;
}
.nh-app-dl-intro-box2 a{
    display: block;
    position: absolute;
    width: 640px;
    height: 100px;
}
.nh-app-dl-intro-box2 .dl-link1{
    top: 632px;
}
.nh-app-dl-intro-box2 .dl-link2{
    bottom: 0px;
    height: 136px;
    background: url(../images/NH_APP_DL_INTRO2.jpg) no-repeat center bottom;
    position: fixed;
    left: 0;
}
.nh-firm-race-wrap{
    width: 640px;
    margin: 0 auto;
}
.nh-firm-race-wrap .nh-firm-race-box{
    background: url(../images/qhspzbs_bg.jpg) no-repeat;
    width: 640px;
    height: 1890px;
    position: relative;
}
.nh-firm-race-wrap .nh-firm-race-box img{
    display: block;
    position: absolute;
    bottom: 363px;
    left: 408px;
}
.nh-volatility-wrap{
    width: 640px;
    margin: 0 auto;
}
.nh-volatility-wrap .nh-volatility-box{}
.nh-volatility-wrap .nh-volatility-box{
    padding: 20px 20px 0 20px;
}
.nh-volatility-wrap .nh-volatility-box .nh-volatility-tabs{
    height: 80px;
    line-height: 80px;
    /* border-radius: 10px; */
    overflow: hidden;
    border: 1px solid #ccc;
    font-size: 30px;
    text-align: center;
}
.nh-volatility-wrap .nh-volatility-box .nh-volatility-tabs a{
    display: block;
    width: 50%;
    float: left;
    color: #999;
}
.nh-volatility-wrap .nh-volatility-box .nh-volatility-tabs .sel{
    background: #0044BD;
    color: #fff;
}
.nh-volatility-wrap .nh-volatility-box .volatility-chart-wrap{
    margin: 70px 0;
}
.nh-volatility-wrap .nh-volatility-box .volatility-chart-wrap .volatility-chart-box{}
.nh-volatility-wrap .nh-volatility-box .volatility-chart-wrap .volatility-chart-box .charts{width: 600px;height: 700px;}
.nh-volatility-info{
    padding: 20px;
    padding-bottom: 140px;
    padding-top: 0;
}
.nh-volatility-info h3{
    text-align: center;
    font-size: 28px;
    line-height: 80px;
    font-weight: bold;
}
.nh-volatility-info p{
    color: #666;
    font-size: 24px;
    line-height: 1.5em;
    margin: 12px 0;
}
.nh-volatility-box h1{

    text-align: center;

    font-size: 36px;

    font-weight: bold;

    height: 80px;

    line-height: 80px;
}

.common-news-wrap{
    width: 640px;
    margin: 0 auto;
}
.common-news-wrap h3{
    background: #193286;
    color: #fff;
    font-size: 32px;
    text-align: center;
    height: 75px;
    line-height: 75px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
}
.common-news-box{
    margin-top: 80px;
}
.common-news-box .news-content{}
.common-news-box .news-content li{
    position: relative;
    border-bottom: 1px solid #eee;
    height: 70px;
    line-height: 70px;
    font-size: 24px;
    color: #666;
}
.common-news-box .news-content li i{
    display: none;
}
.common-news-box .news-content li a{
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: 20px;
}
.common-news-box .news-content li span{
    float: right;
    margin-right: 20px;
    color: #ccc;
}

#navigatediv {
    text-align: center;
    zoom: 1
}

#navigatediv:after, #navigatediv:before {
    content: " ";
    display: table
}

#navigatediv:after {
    clear: both
}

#navigatediv ul {
    /* float: right; */
    margin-top: 0;
    margin-bottom: 0;
    zoom: 1;
    width: 640px;
}

#navigatediv ul:after, #navigatediv ul:before {
    content: " ";
    display: table
}

#navigatediv ul:after {
    clear: both
}

#navigatediv ul li {
    float: left;
    font-size: 24px;
    margin: 30px 5px;
}

#navigatediv ul li a {
    display: inline-block;
    text-decoration: none;
    height: 60px;
    width: 60px;
    /* border-radius: 100px; */
    line-height: 60px;
}

#navigatediv ul li a:hover {
    font-weight: 700
}

#navigatediv .pageoff {
    width: 60px;
    background-color: #eee;
    color: #ccc;
    height: 60px;
    line-height: 60px;
    /* border-radius: 100px; */
}

#navigatediv .pagenavigate a {
    color: #777;
    background-color: #dfdfdf
}

#navigatediv .pagenavigate a:active, #navigatediv .pagenavigate a:focus, #navigatediv .pagenavigate a:hover {
    color: #555;
    background-color: #e5e5e5;
    outline: 0
}

#navigatediv .pagenavigate a:active {
    color: #f6ab01
}

#navigatediv .pagefirst a, #navigatediv .pagelast a, #navigatediv .pagenext a, #navigatediv .pagepre a {
    color: #ddd;
    background-color: #193286;
}

#navigatediv .pagefirst a:active, #navigatediv .pagefirst a:focus, #navigatediv .pagefirst a:hover, #navigatediv .pagelast a:active, #navigatediv .pagelast a:focus, #navigatediv .pagelast a:hover, #navigatediv .pagenext a:active, #navigatediv .pagenext a:focus, #navigatediv .pagenext a:hover, #navigatediv .pagepre a:active, #navigatediv .pagepre a:focus, #navigatediv .pagepre a:hover {
    color: #fff;
    background-color: #0070d8;
    outline: 0
}

#navigatediv .pagefirst a:active, #navigatediv .pagelast a:active, #navigatediv .pagenext a:active, #navigatediv .pagepre a:active {
    color: #f6ab01
}

#navigatediv .pagenavigateon {
    width: 60px;
    background-color: #1a3186;
    color: #fff;
    font-weight: 700;
    height: 60px;
    /* border-radius: 100px; */
    line-height: 60px;
}
.nh-report-annual-wrap{
    width: 640px;
    margin: 0 auto;
}
.nh-report-annual-box{
    width: 640px;
    margin: 0 auto;
    padding-top: 1pxx;
}
.nh-report-annual-box .banner{
    width: 640px !important;
    height: unset !important;
    position: relative;
}
.nh-report-annual-box .banner img{
    display: block;
    width: 640px;
}
.nh-report-annual-box .report-list{
    background: url(../images/annual_bg_line.jpg) repeat-y;
    background-size: 640px;
    margin: -1px 0;
    padding: 10px 0;
}
.nh-report-annual-box .report-list .report-box{
    width: 580px;
    height: 80px;
    margin: 10px auto;
    position: relative;
    overflow: hidden;
}
.nh-report-annual-box .report-list .report-box:nth-child(odd){
    background: url(../images/annual_red_bg.png) no-repeat;
    background-size: 580px;
}
.nh-report-annual-box .report-list .report-box:nth-child(even){
    background: url(../images/annual_gold_bg.png) no-repeat;
    background-size: 580px;
}
.nh-report-annual-box .report-list .report-box a{
    display: block;
    height: 80px;
    line-height: 80px;
    font-size: 20px;
    letter-spacing: -1px;
    position: relative;
}
.nh-report-annual-box .report-list .report-box:nth-child(odd) a{
    color: #fff;
    display: inline-block;
}
.nh-report-annual-box .report-list .report-box:nth-child(even) a{
    color: #ff0000;
}
.nh-report-annual-box .report-list .report-box:nth-child(odd) a em.arrow-close{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/annual_arrow_right_gold.png) no-repeat;
    right: 0;
    top: 20px;
    background-size: 40px;
}
.nh-report-annual-box .report-list .report-box:nth-child(even) a em.arrow-close{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/annual_arrow_right_red.png) no-repeat;
    right: 0;
    top: 20px;
    background-size: 40px;
}
.nh-report-annual-box .report-list .open-box{
    height: 260px;
}


.nh-report-annual-box .report-list .open-box.no-video{
    height: 170px;
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.nh-report-annual-box .report-list .report-box.open-box:nth-child(odd){
    background: url(../images/annual_red_bg2.png) no-repeat;
    background-size: 580px;
}
.nh-report-annual-box .report-list .report-box.open-box:nth-child(even){
    background: url(../images/annual_gold_bg2.png) no-repeat;
    background-size: 580px;
}



.nh-report-annual-box .report-list .report-box:nth-child(odd) a em.arrow-up{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/annual_arrow_down_gold.png) no-repeat;
    right: 0;
    top: 20px;
    background-size: 40px;
}
.nh-report-annual-box .report-list .report-box:nth-child(even) a em.arrow-up{
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images/annual_arrow_down_red.png) no-repeat;
    right: 0;
    top: 20px;
    background-size: 40px;
}

.nh-report-annual-box .report-list .report-box a:nth-child(1){
    width: 560px;
}
.nh-report-annual-box .report-list .report-box a:nth-child(2){
    text-indent: 50px;
    margin-top: 13px;
    width: 560px;
}
.nh-report-annual-box .report-list .report-box a:nth-child(3){
    text-indent: 50px;
}
.nh-report-annual-box .report-list .report-box a:nth-child(4){
    text-indent: 50px;
}
.nh-report-annual-box .annual-qr{
    position: absolute;
    display: block;
    width: 180px !important;
    height: 180px;
    right: 43px;
    top: 81px;
}
.pe-guide-wrap{
    margin: 0 auto;
    width: 640px;
}
.pe-guide-wrap .pe-guide-banner{
    background: url(../images/PE_GUIDE_BANNER.jpg) no-repeat;
    width: 640px;
    height: 890px;
    background-size: 640px;
    position: relative;
}
.pe-guide-wrap .pe-guide-banner img{
    display: block;
    position: absolute;
    width: 240px;
    top: 380px;
    left: 200px;
}
.pe-guide-wrap .pe-guide-tab-box{
    height: 100px;
    border-bottom: 1px solid #ddd;
}
.pe-guide-wrap .pe-guide-tab-box a{
    display: block;
    position: relative;
    width: 320px;
    float: left;
    line-height: 100px;
    font-size: 30px;
    text-align: center;
    color: #999;
}
.pe-guide-wrap .pe-guide-tab-box a em{}
.pe-guide-wrap .pe-guide-tab-box a.sel{
    background: #f5f5f5;
    color: #0072c2;
    font-weight: bold;
}
.pe-guide-wrap .pe-guide-tab-box a.sel em{
    position: absolute;
    display: block;
    width: 50px;
    height: 10px;
    background: #0072c2;
    border-radius: 100px;
    left: 134px;
    top: 95px;
}
.pe-guide-wrap .pe-guide-box{}
.pe-guide-wrap .pe-guide-box div{
    display: none;
    background: #f5f5f5;
}
.pe-guide-wrap .pe-guide-box div:nth-child(2){
    padding-top: 2px;
}
.pe-guide-wrap .pe-guide-box div img{
    display: block;
}
.points-list-wrap{width: 640px;margin: 0 auto;}
.points-list-wrap img{width: 640px;display: block;}
.points-list-wrap .points-list-box{background: #fbc293;}
.points-list-wrap .points-list-box ul{background: #fff;width: 600px;margin: 0 auto;border-radius: 10px 10px 0 0;padding-top: 20px;padding-bottom: 20px;}
.points-list-wrap .points-list-box ul li{background: url("../images/points_list_bg.jpg") no-repeat;background-size: 600px;height: 90px;margin: 10px auto;}
.points-list-wrap .points-list-box ul li span{display: inline-block;font-size: 24px;color: #fff;margin-left: 50px;line-height: 85px;width: 56px;}
.points-list-wrap .points-list-box ul li em{display: inline-block;
    font-size: 24px;
    color: #333;
    margin-left: 0px;
    line-height: 85px;width: 270px;}
.points-list-wrap .points-list-box ul li b{display: inline-block;
    font-size: 24px;
    color: #ff7522;
    margin-left: 50px;
    line-height: 85px;text-align: right;width: 137px;}
.points-list-wrap .points-list-box a em{}
.points-list-wrap .points-list-box a .arrow-down{ background: url("../images/arrow_down.png") no-repeat;display: block;position: absolute;width: 40px;height: 40px;background-size: 40px;right: 211px;top: 25px;}
.points-list-wrap .points-list-box a .arrow-up{ background: url("../images/arrow_up.png") no-repeat;display: block;position: absolute;width: 40px;height: 40px;background-size: 40px;right: 211px;top: 25px;}
.points-list-wrap .points-list-box a{display: block;width: 600px;margin: 0 auto;background: #fff;border-radius: 0 0 10px 10px;text-align: center;font-size: 24px;color: #999;height: 90px;line-height: 90px;position: relative;}
.points-list-wrap .points-bottom{background: url(../images/point_2020523_bottom.jpg) no-repeat;background-size: 640px;height: 180px;position: relative;}
.points-list-wrap .points-bottom a{display: block;width: 560px;height: 90px;position: absolute;left: 40px;top: 42px;}
.points-list-limit-height{height: 580px;overflow: hidden;}

.nh-online-business-guide-wrap{
    width: 640px;
    margin: 0 auto;
}
.nh-online-business-guide-wrap ul{
    /* padding: 10px 0; */
}
.nh-online-business-guide-wrap ul li{
    background: #F9F9F9;
    margin: 20px 20px;
    height: 120px;
    line-height: 120px;
    border-radius: 15px;
    position: relative;
}
.nh-online-business-guide-wrap ul li a{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}
.nh-online-business-guide-wrap ul li em{
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/online_operatiopn_guide_icon.jpg) no-repeat center;
    background-size: 55px;
    position: absolute;
    top: 29px;
    left: 30px;
}
.nh-online-business-guide-wrap ul li h3{
    display: block;
    position: absolute;
    left: 100px;
    height: 120px;
    line-height: 120px;
    font-size: 26px;
    font-weight: bold;
    font-family: auto;
}
.nh-online-business-guide-wrap ul li b{
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    background: url(../images/arrow_right.png) no-repeat;
    background-size: 40px;
    right: 20px;
    top: 40px;
}
.nh-online-business-guide-wrap img{
    display: block;
    margin: 0;
    width: 640px;
}