body {
    font-family: '微软雅黑';
}

.navbar-pc {
    background: #FFFFFF;
    opacity: 0.98;
    height: 63px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 12;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.navbar-index {
    box-shadow: 0 1px 26px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
}

.copy-right {
    width: 100%;
    font-size: 14px;
    background: none repeat scroll 0 0 #1E1D27;
    padding: 10px;
    color: #8F97A6;
    line-height: 24px;
}

.copy-right a {
    color: #8F97A6;
}

.copy-right .gov-icon img {
    margin-top: 5px;
}

.navbar-brand {
    float: left;
    font-size: 19px;
    height: 60px;
    line-height: 21px;
    padding: 0 15px 0 35px;
}

.navbar-nav .btn-nav>a {
    padding: 6px 12px;
    margin: 13px 5px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857;
    color: #FFFFFF;
}

.nav>li>a {
    padding: 0px 25px;
}

.nav>li>a:focus {}

.nav>li>a:hover {
    background-color: #e6e6e6;
    color: #01aafd;
}

.navbar-nav>li>a {
    line-height: 62px;
    padding-bottom: 0px;
    padding-top: 0px;
    font-weight: bold;
    font-size: 16px;
    color: #000;
}

.nav-left>li>a {
    font-weight: bold;
}

.nav>li:hover .dropdown-menu {
    display: block;
}

.btn-nav {
    height: 58px;
    line-height: 58px;
}

.navbar-nav .btn-nav>.btn-warning:hover {
    background-color: #b67102;
    border-color: #935b01;
    color: #FFFFFF;
}

.navbar-nav .btn-nav>.btn-primary:hover {
    background-color: #3071a9;
    border-color: #285e8e;
    color: #FFFFFF;
}

.pointer {
    cursor: pointer;
}

.div-inline {
    display: inline;
    float: left;
    padding-left: 15px;
}

.page8 .container .p-2 {
    padding-left: 50px;
}

.page8-div-left {
    position: relative;
    left: 75%;
    top: 58%;
}

.page8-div-right {
    position: relative;
    left: 45%;
    top: 42%;
}

.page8 .div-frame {
    padding-top: 100px;
    text-align: -webkit-center;
}

.page8 .button-text {
    font-size: 20px;
    color: #d3d7d8;
}

.footer .container .weibo {
    background: url("../images/page8-pic.png") no-repeat scroll -1058px -862px rgba(0, 0, 0, 0);
    cursor: pointer;
}

.footer .container .weibo:hover {
    background: url("../images/page8-pic.png") no-repeat scroll -1058px -733px rgba(0, 0, 0, 0);
}

.footer .container .weixin-QRcode {
    background: url("../images/page8-pic.png") no-repeat scroll -1218px -861px rgba(0, 0, 0, 0);
}

.footer .container .download-QRcode {
    background: url("../images/page8-pic.png") no-repeat scroll -1289px -861px rgba(0, 0, 0, 0);
}

.footer .container .footer-download-apple {
    background: url("../images/page8-pic.png") no-repeat scroll -1374px -862px rgba(0, 0, 0, 0);
    cursor: pointer;
}

.footer .container .footer-download-apple:hover {
    background: url("../images/page8-pic.png") no-repeat scroll -1374px -736px rgba(0, 0, 0, 0);
    cursor: pointer;
}

.footer .container .footer-download-android {
    background: url("../images/page8-pic.png") no-repeat scroll -1449px -862px rgba(0, 0, 0, 0);
    cursor: pointer;
}

.footer .container .footer-download-android:hover {
    background: url("../images/page8-pic.png") no-repeat scroll -1449px -736px rgba(0, 0, 0, 0);
    cursor: pointer;
}

.footer-pic {
    width: 61px;
    height: 59px;
}

.footer-pic-QRcode {
    width: 62px;
    height: 62px;
    margin: 0 auto;
}

.page8 .download-apple-text {
    top: 60px;
    left: 20px;
}

.page8 .download-android-text {
    top: 60px;
    left: 100px;
}

.page8 .container .p-1:hover {
    background: #11babd;
}

.page8 .container .p-1:hover .button-text {
    color: #ffffff;
}

.page8 .container .p-2:hover {
    cursor: pointer;
    background: #2fb4ed;
}

.page8 .container .p-2:hover .button-text {
    color: #ffffff;
}

.footer .footer-title-text {
    color: #ffffff;
    font-size: 18px;
    top: 6px;
    position: relative;
}

.page8-block-1 {
    position: relative;
}

.page8-block-2 {
    position: relative;
}

.page8-block-3 {
    position: relative;
}

.page8-block-4 {
    position: relative;
    padding-top: 20px;
}

.page8-block-5 {
    position: relative;
    padding-top: 22px;
}

.footer {
    font-size: 14px;
    background: none repeat scroll 0 0 #424055;
    padding: 15px;
    color: #4e5a5d;
    line-height: 24px;
}

.footer .desc {
    color: #75878b;
}

.footer a {
    color: #75878b;
    font-size: 11px;
    color: #91939c;
}

.footer li {
    color: #75878b;
    font-size: 11px;
    color: #91939c;
}

.footer .page8-li {
    padding-top: 25px;
}

.footer .footer-text {
    font-size: 11px;
    color: #91939c;
}

.page8-div-inline {
    display: inline;
    float: left;
    padding-left: 15px;
}

.page8-block-5 .page8-div-inline>a {
    text-decoration: none
}

.main-logo {
    background: url("../images/page1-pic.png") no-repeat scroll -1468px -13px rgba(0, 0, 0, 0);
    width: 110px;
    height: 56px;
    position: relative;
    left: 50px;
}

.navbar-register {
    background: url("../images/page1-pic.png") no-repeat scroll -1380px -66px rgba(0, 0, 0, 0);
    width: 47px;
    height: 47px;
    position: relative;
    margin-top: 7px;
}

.navbar-login {
    background: url("../images/page1-pic.png") no-repeat scroll -1380px -21px rgba(0, 0, 0, 0);
    width: 47px;
    height: 47px;
    position: relative;
    margin-top: 8px;
}

.experience-account {
    background: url("../images/page1-pic.png") no-repeat scroll -1237px -3px rgba(0, 0, 0, 0);
    width: 100px;
    height: 103px;
    position: relative;
}

.experience-account .experience-account-text {
    position: absolute;
    top: 27px;
    left: 31px;
    width: 50px;
    color: #ff4e00;
}