@font-face {
    font-family: 'icomoon';
    src: url('/administration/assets/Content/fonts/icomoon.eot?v=0831');
    src: url('/administration/assets/Content/fonts/icomoon.eot?#iefix?v=0831') format('embedded-opentype'), url('/administration/assets/Content/fonts/icomoon.woff?v=0831') format('woff'), url('/administration/assets/Content/fonts/icomoon.ttf?v=0831') format('truetype'), url('/administration/assets/Content/fonts/icomoon.svg?v=0831') format('svg');
    font-weight: normal;
    font-style: normal
}

.ficon {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-phone:before {
    content: "\e601"
}

.icon-phone2:before {
    content: "\e602"
}

.icon-locked:before {
    content: "\e600"
}

.icon-office:before {
    content: "\e903"
}

.icon-user:before {
    content: "\e971"
}

.icon-users:before {
    content: "\e972"
}

.icon-user-check:before {
    content: "\e975"
}

.icon-user-tie:before {
    content: "\e976"
}

.icon-key:before {
    content: "\e98d"
}

.icon-key2:before {
    content: "\e98e"
}

@font-face {
    font-family: "iconfont";
    src: url('/administration/assets/Content/fonts/iconfont.eot?v=0927');
    src: url('/administration/assets/Content/fonts/iconfont.eot?#iefix?v=0927') format('embedded-opentype'), url('/administration/assets/Content/fonts/iconfont.woff?v=0927') format('woff'), url('/administration/assets/Content/fonts/iconfont.ttf?v=0927') format('truetype'), url('/administration/assets/Content/fonts/iconfont.svg?v=0927') format('svg')
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: .2px;
    -moz-osx-font-smoothing: grayscale
}

.icon-yanzheng:before {
    content: "\e600"
}

.icon-right:before {
    content: "\e605"
}

.icon-password:before {
    content: "\e601"
}

.icon-icon1460189563041:before {
    content: "\e602"
}

.icon-name:before {
    content: "\e603"
}

.icon-tabdown:before {
    content: "\e604"
}

.icon-chose:before {
    content: "\e606"
}

.icon-fenxiao:before {
    content: "\e60d"
}

.icon-caidan:before {
    content: "\e60a"
}

.icon-shezhi:before {
    content: "\e60b"
}

.icon-baobiao:before {
    content: "\e609"
}

.icon-danju:before {
    content: "\e60c"
}

.icon-navphone:before {
    content: "\e60f"
}

.icon-navuser:before {
    content: "\e610"
}

.icon-kucun:before {
    content: "\e61d"
}

.icon-kucun2:before {
    content: "\e611"
}

.icon-xioashou1:before {
    content: "\e61a"
}

.icon-xioashou2:before {
    content: "\e612"
}

.icon-cart:before {
    content: "\e61f"
}

.icon-cart2:before {
    content: "\e61e"
}

.icon-huiyuan1:before {
    content: "\e618"
}

.icon-shouji1:before {
    content: "\e613"
}

.icon-shouji2:before {
    content: "\e615"
}

.icon-caiwu1:before {
    content: "\e61b"
}

.icon-caiwu2:before {
    content: "\e616"
}

.icon-shangcheng1:before {
    content: "\e617"
}

.icon-shangcheng2:before {
    content: "\e619"
}

.icon-baobiao1:before {
    content: "\e61c"
}

.icon-baobiao2:before {
    content: "\e614"
}

.icon-genzhong:before {
    content: "\e621"
}

.icon-OAbangong:before {
    content: "\e620"
}

.icon-moveright:before {
    content: "\e62f"
}

.icon-moveleft:before {
    content: "\e630"
}

.icon-dingdan:before {
    content: "\e622"
}

.icon-huiyuan:before {
    content: "\e627"
}

.icon-liubianxing2:before {
    content: "\e631"
}

* {
    margin: 0;
    padding: 0;
    border: 0
}

body {
    font-family: 'Microsoft YaHei';
    background-color: #FFF;
    color: #565656
}

input::-webkit-input-placeholder {
    color: #ccc !important
}

input::-moz-placeholder {
    color: #ccc !important
}

input:-ms-input-placeholder {
    color: #ccc !important
}

.learn_more_product_a {
    display: block;
    font-size: 18px;
    color: #38adff;
    margin-top: 20px;
    text-decoration: underline
}

.learn_more_product_a:hover {
    color: #38adff
}

.panel {
    margin: 0;
    border-radius: 0
}

.down_text {
    font-size: 18px;
    color: #333;
    margin-top: 35px;
    width: 130px
}

a {
    color: #FFF;
    text-decoration: none
}

a:hover {
    color: #FFF;
    text-decoration: none
}

@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px)
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px)
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px)
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale
}

.hvr-wobble-vertical:hover,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:active {
    -webkit-animation-name: hvr-wobble-vertical;
    animation-name: hvr-wobble-vertical;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.hvr-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: transform;
    transition-property: transform
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.nav_bg1 {
    background: #363636;
    height: 70px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: .5s
}

a,
a:visited {
    text-decoration: none !important
}

#menu_div {
    width: 100%;
    height: 58px;
    position: fixed;
    top: 0px;
    z-index: 1000;
    min-width: 980px;
    -webkit-transition: top .3s linear;
    -ms-transition: top .3s linear;
    transition: top .3s linear
}

#menu_div #menu_left {
    z-index: 3;
    position: relative;
    display: inline-block;
    float: left;
    margin: 15px 0 0 0
}

#menu_div #menu_left div {
    width: 128px;
    cursor: pointer;
    background: url('/administration/assets/images/public/logo.png?v=20191212') no-repeat center;
    display: inline-block;
    position: relative;
    z-index: 9999999;
    height: 30px;
    background-size: 100%
}

#menu_div #menu_left span {
    color: #ff7200;
    font-size: 16px;
    position: relative;
    top: 5px;
    margin-left: 8px
}

#menu_div #menu_left span img {
    width: 135px
}

#menu_div #menu {
    display: inline-block;
    text-align: center;
    float: left;
    margin-left: 40px
}

#menu_div #menu ul {
    list-style: none
}

#menu_div #menu ul li {
    display: inline-block;
    height: 58px;
    font-size: 14px;
    line-height: 58px;
    float: left;
    margin-right: 10px;
    min-width: 60px;
    position: relative
}

#menu_div #menu ul li .menu_product_child {
    background: #FFF;
    display: none
}

#menu_div #menu ul li .menu_product_child .tow_list li {
    float: none !important
}

#menu_div #menu ul li.current .nav_list_one {
    color: #2693ff;
    transition: .2s
}

#menu_div #menu ul li:hover>a {
    color: #2693ff;
    transition: .2s;
    background: #fff
}

#menu_div #menu ul li:hover>a .icon {
    transform: rotate(-180deg)
}

#menu_div #menu ul li:hover .nav_list_one {
    color: #2693ff;
    transition: .2s
}

#menu_div #menu ul li:hover .nav_list_one:before {
    content: "";
    position: absolute;
    left: 42%;
    bottom: 0;
    border: 8px solid transparent;
    border-bottom-color: #FFF;
    z-index: 1000
}

#menu_div #menu ul li:hover .menu_product_child {
    display: block !important
}

#menu_div #menu ul li a {
    color: #FFF;
    transition: .2s;
    display: block;
    padding: 0 10px;
    font-size: 16px;
    text-decoration: none
}

#menu_div #menu ul li a span {
    margin-right: 5px;
    display: inline-block;
    margin-top: -5px;
    vertical-align: top;
    font-size: 24px
}

#menu_div #menu ul li a .icon {
    font-weight: lighter;
    vertical-align: middle;
    margin-top: 0;
    margin-left: 5px;
    transition: transform .2s
}

#menu_div #menu ul li:link {
    text-decoration: none
}

#menu_div #menu .current>a {
    color: #2693ff !important;
    position: relative;
    transition: .2s
}

#menu_div #menu_right {
    float: right;
    transition: all 1s;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%)
}

#menu_div #menu_right .not_login,
#menu_div #menu_right .login_in {
    height: 100%
}

#menu_div #menu_right .not_login .menu_r_dl a,
#menu_div #menu_right .login_in .menu_r_dl a {
    font-size: 16px;
    padding: 0 5px
}

#menu_div #menu_right .not_login div,
#menu_div #menu_right .login_in div {
    display: inline-block;
    vertical-align: middle
}

#menu_div #menu_right .not_login a,
#menu_div #menu_right .login_in a {
    font-size: 16px;
    color: #fff
}

#menu_div #menu_right .not_login .menu_r_zc,
#menu_div #menu_right .login_in .menu_r_zc {
    margin: 0 20px
}

#menu_div #menu_right .not_login .menu_r_zc a,
#menu_div #menu_right .login_in .menu_r_zc a {
    display: inline-block;
    padding: 7px 14px;
    background: #2693ff
}

#menu_div #menu_right .not_login .menu_r_tel,
#menu_div #menu_right .login_in .menu_r_tel {
    font-size: 14px;
    background-image: -webkit-gradient(linear, left 0, right 0, from(#2797fe), to(#34ecea));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

#menu_div #menu_right .login_in {
    position: relative
}

#menu_div #menu_right .login_in .img1 {
    display: inline-block
}

#menu_div #menu_right .login_in .img2 {
    display: none
}

#menu_div #menu_right .login_in .hide_box {
    position: absolute;
    left: -7px;
    top: 58px;
    width: 133px;
    padding: 10px 12px;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 14px;
    background: #FFF;
    display: none;
    line-height: 40px
}

#menu_div #menu_right .login_in .hide_box:before {
    content: '';
    position: absolute;
    top: -14px;
    left: 14px;
    border: 7px solid transparent;
    border-bottom-color: #FFF;
    z-index: 1000
}

#menu_div #menu_right .login_in .hide_box a {
    display: block;
    width: 100%;
    height: auto
}

#menu_div #menu_right .login_in .hide_box span {
    color: #363636;
    margin-left: 5px;
    line-height: 30px
}

#menu_div #menu_right .login_in .menu_r_dl:hover .hide_box {
    display: block !important
}

#menu_div #menu_right .login_in .menu_r_dl:hover .img1 {
    display: none
}

#menu_div #menu_right .login_in .menu_r_dl:hover .img2 {
    display: inline-block
}

#menu_div #menu_product1,
#menu_div #menu_product {
    position: relative
}

#menu_div #menu_product1 .menu_product_child_2 {
    position: absolute;
    left: -110px;
    height: 198px;
    width: 800px;
    background: transparent !important;
    overflow: hidden
}

#menu_div #menu_product1 .menu_product_child_2 ul {
    width: 100%;
    margin: 0;
    padding: 0
}

#menu_div #menu_product1 .menu_product_child_2 li {
    height: 73px;
    line-height: 73px;
    width: 100%;
    display: block;
    float: initial;
    text-align: left;
    box-sizing: border-box;
    padding-left: 35px;
    font-size: 14px
}

#menu_div #menu_product1 .menu_product_child_2 li a {
    height: 100%
}

#menu_div #menu_product1 .menu_product_child_2 .left_ul li {
    width: 50%;
    float: left;
    padding-left: 20px;
    box-sizing: border-box
}

#menu_div #menu_product1 .menu_product_child_2 .right_ul li {
    width: 33%;
    float: left;
    padding-left: 20px
}

#menu_div #menu_product1 .menu_product_child_2 .list_title {
    padding: 12px 0 0 25px;
    line-height: 38px;
    box-sizing: border-box;
    text-align: left;
    font-size: 14px;
    border-bottom: 1px solid #ececeb
}

#menu_div #menu_product1 .menu_product_child_2 .left {
    width: 305px;
    height: 100%;
    float: left;
    background: #FFF
}

#menu_div #menu_product1 .menu_product_child_2 .right {
    width: 480px;
    height: 100%;
    background: #FFF;
    float: right
}

#menu_div .bannertextBg {
    background: red
}

#menu_div .bannerIcon {
    width: 29px;
    margin-right: 6px
}

#menu_div .head_bx {
    width: 1200px;
    margin: 0 auto
}

#menu_div .menu_product_child1,
#menu_div .menu_product_child2,
#menu_div .menu_product_child3,
#menu_div .menu_product_child4,
#menu_div .menu_product_child5 {
    position: fixed;
    width: 100%;
    min-height: 98px;
    text-align: center;
    z-index: 1000;
    left: 0
}

#menu_div .menu_product_child1 ul,
#menu_div .menu_product_child2 ul,
#menu_div .menu_product_child3 ul,
#menu_div .menu_product_child4 ul,
#menu_div .menu_product_child5 ul {
    width: 1200px;
    background: #ffffff;
    height: 100%;
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    padding-top: 20px;
    justify-content: center
}

#menu_div .menu_product_child1 ul li,
#menu_div .menu_product_child2 ul li,
#menu_div .menu_product_child3 ul li,
#menu_div .menu_product_child4 ul li,
#menu_div .menu_product_child5 ul li {
    margin-right: 0 !important;
    width: 175px
}

#menu_div .menu_product_child1 ul li a,
#menu_div .menu_product_child2 ul li a,
#menu_div .menu_product_child3 ul li a,
#menu_div .menu_product_child4 ul li a,
#menu_div .menu_product_child5 ul li a {
    display: block;
    color: #3e3e3e !important
}

#menu_div .menu_product_child1 ul li img,
#menu_div .menu_product_child2 ul li img,
#menu_div .menu_product_child3 ul li img,
#menu_div .menu_product_child4 ul li img,
#menu_div .menu_product_child5 ul li img {
    width: 20px;
    vertical-align: -5px
}

#menu_div .menu_product_child1 ul a:hover,
#menu_div .menu_product_child2 ul a:hover,
#menu_div .menu_product_child3 ul a:hover,
#menu_div .menu_product_child4 ul a:hover,
#menu_div .menu_product_child5 ul a:hover {
    color: #2090e8 !important
}

#footer-outer {
    background-color: #fff;
    text-align: center
}

#footer-outer .title {
    margin-top: 20px;
    margin: 0 0 40px 0
}

#footer-outer .title div {
    font-size: 36px;
    margin-bottom: 15px;
    color: #555
}

#footer-outer .title span {
    font-size: 20px;
    letter-spacing: 3px
}

#footer-outer .container {
    width: 1200px
}

#footer-outer .panel .bottom_img {
    margin: 40px auto 80px
}

#footer-outer .panel .bottom_img .text {
    color: #fff;
    position: absolute;
    bottom: 35px;
    text-align: center;
    width: 80%;
    left: 10%;
    transition: .3s
}

#footer-outer .panel .bottom_img .footerBtn {
    display: inline-block;
    width: 130px;
    height: 40px;
    line-height: 40px;
    background-color: #ffb400;
    border-radius: 5px;
    font-size: 18px;
    margin-top: 25px;
    transition: all .1s linear;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    -o-transition: all .1s linear
}

#footer-outer .panel .bottom_img .footerBtn:focus {
    color: #fff;
    text-decoration: none
}

#footer-outer .panel .bottom_img .footerBtn:hover {
    background-color: #f0af2e
}

#footer-outer .panel .bottom_img .down_div {
    width: 152px;
    float: left;
    height: 180px;
    margin-right: 57px
}

#footer-outer .panel .bottom_img .down_div:hover {
    box-shadow: 0 1px 15px #cecece
}

#footer-outer .panel .bottom_img .down_div:hover .text {
    bottom: 20px;
    position: absolute
}

#footer-outer .panel .bottom_img .down_0 {
    background: url('/administration/assets/images/public/icon_bg_00.png?v=20180313') no-repeat center
}

#footer-outer .panel .bottom_img .down_1 {
    background: url('/administration/assets/images/public/icon_bg_01.png') no-repeat center
}

#footer-outer .panel .bottom_img .down_2 {
    background: url('/administration/assets/images/public/icon_bg_02.png') no-repeat center
}

#footer-outer .panel .bottom_img .down_3 {
    background: url('/administration/assets/images/public/icon_bg_03.png') no-repeat center
}

#footer-outer .panel .bottom_img .down_4 {
    background: url('/administration/assets/images/public/icon_bg_04.png') no-repeat center
}

#footer-outer .panel .bottom_img .down_5 {
    background: url('/administration/assets/images/public/icon_bg_05.png') no-repeat center
}

#footer-outer .panel .bottom_img .m_0 {
    margin-right: 0 !important
}

#footer-outer .panel .bottomP {
    width: 100%;
    height: 548px;
    background: #2c2c2c;
    margin-left: -1px;
    clear: both;
    position: relative
}

#footer-outer .panel .bottomP .index_bottom {
    width: 1200px !important;
    margin: 0 auto;
    padding-top: 85px;
    text-align: left
}

#footer-outer .panel .bottomP .index_bottom .border_r {
    border-right: 1px solid #434343;
    padding-bottom: 20px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_ab {
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px
}

#footer-outer .panel .bottomP .index_bottom .contact {
    margin-top: 40px;
    color: #eeeff1 !important
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_slogan {
    color: #979896;
    font-size: 14px;
    margin-bottom: 6px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_slogan h1 {
    display: inline-block;
    color: #979896;
    font-size: 13px;
    margin: 0;
    font-family: "微软雅黑"
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_slogan h1 a {
    color: #979896
}

#footer-outer .panel .bottomP .index_bottom .public_bottom_link {
    font-size: 13px
}

#footer-outer .panel .bottomP .index_bottom .public_bottom_link a {
    display: inline-block;
    color: #fff;
    padding-left: 7px
}

#footer-outer .panel .bottomP .index_bottom .public_bottom_link a .line {
    display: inline-block;
    background: #fff;
    width: 1px;
    height: 14px;
    margin: 0 0 0 13px;
    vertical-align: -2px
}

#footer-outer .panel .bottomP .index_bottom .public_bottom_link a:active {
    text-decoration: none;
    color: #fff
}

#footer-outer .panel .bottomP .index_bottom .indeBottom_tel {
    font-size: 27px;
    margin-top: 20px;
    color: #2dbe60;
    text-indent: 44px;
    background: url("/administration/assets/images/public/indexBottom_tel.png") no-repeat 0 2px
}

#footer-outer .panel .bottomP .index_bottom .indeBottom_download {
    color: #eeeff1;
    font-size: 16px;
    margin-top: 17px
}

#footer-outer .panel .bottomP .index_bottom .indeBottom_download .indeBottom_download_span {
    display: inline-block;
    margin-right: 24px;
    font-size: 14px
}

#footer-outer .panel .bottomP .index_bottom .indeBottom_download .indeBottom_ad {
    display: inline-block;
    margin-right: 15px;
    position: relative;
    vertical-align: 3px
}

#footer-outer .panel .bottomP .index_bottom .indeBottom_download .indeBottom_ad .indeBottom_img {
    position: absolute;
    width: 130px !important;
    top: -140px !important;
    left: 0;
    border-radius: 3px;
    display: none;
    border: 5px solid #fff
}

#footer-outer .panel .bottomP .index_bottom .indeBottom_download .indeBottom_ad:hover .indeBottom_img {
    display: block
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right {
    position: relative
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right ul li {
    float: left;
    margin-right: 14px;
    margin-bottom: 9px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .lk_code {
    position: absolute;
    right: 20px;
    top: 5px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .lk_code img {
    width: 100px;
    height: 100px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .lk_code div {
    color: #979896;
    font-size: 12px;
    margin-top: 10px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .indexBottom_title1 {
    font-size: 24px;
    color: #fff
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .indexBottom_title2 {
    font-size: 14px;
    color: #fff;
    margin-top: 8px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel {
    width: 452px;
    margin: 32px 8px 50px 0;
    line-height: 41px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel .bannerTel_span {
    position: relative;
    display: inline-block;
    height: 40px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel input {
    width: 260px;
    height: 40px;
    border-radius: 5px;
    padding-left: 15px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel input:focus {
    outline: none
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel #bannerTelBtn,
#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel #bannerTelBtn_bottom,
#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel #bannerTelBtn_public {
    display: inline-block;
    width: 160px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    background-color: #2dbe60;
    border-radius: 5px;
    margin-left: 5px;
    -webkit-transition: all .1s linear;
    -ms-transition: all .1s linear;
    transition: all .1s linear;
    text-align: center
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel #bannerTelBtn:hover,
#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel #bannerTelBtn_bottom:hover,
#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel #bannerTelBtn_public:hover {
    background-color: #2bba5d;
    cursor: pointer
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel #bannerTelBtn:focus,
#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel #bannerTelBtn_bottom:focus,
#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel #bannerTelBtn_public:focus {
    color: #fff;
    text-decoration: none
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel .moreBtn {
    display: inline-block;
    width: 175px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    color: #fff;
    margin-right: 20px;
    border-radius: 4px;
    text-decoration: underline;
    margin-top: 60px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .bannerTel .errorText {
    position: absolute;
    display: inline-table;
    right: 0px;
    color: #ed6c00;
    font-size: 14px;
    line-height: 41px;
    top: -2px;
    width: 90px;
    clear: both
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .indexBottom_ul {
    margin-top: 28px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .indexBottom_ul li {
    color: #979896;
    font-size: 12px;
    margin-right: 26px;
    float: left;
    margin-bottom: 8px
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .indexBottom_ul li a {
    color: #979896
}

#footer-outer .panel .bottomP .index_bottom .indexBottom_right .indexBottom_ul li a:link,
#footer-outer .panel .bottomP .index_bottom .indexBottom_right .indexBottom_ul li a:hover {
    color: #979896;
    text-decoration: none
}

#footer-outer .panel .bottomP .indexBottom_bottom {
    background: #1f1f1f;
    height: 35px;
    line-height: 35px;
    width: 100%
}

#footer-outer .panel .bottomP .indexBottom_bottom .indexBottom_cp {
    width: 1200px;
    margin: auto;
    font-size: 12px;
    color: #979896;
    text-align: left
}

#footer-outer .footer_img {
    height: 180px;
    width: 152px;
    margin: 0 auto;
    padding-top: 30px;
    position: relative
}

#footer-outer .footer_img:hover .img {
    opacity: 1;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    transform: scale(1, 1)
}

#footer-outer .footer_img .img {
    width: 117px;
    height: 117px;
    position: absolute;
    top: 9px;
    left: 16px;
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    transition: all .2s linear, opacity .3s linear;
    -webkit-transition: transform .2s linear, opacity .3s linear;
    -moz-transition: transform .2s linear, opacity .3s linear;
    -o-transition: transform .2s linear, opacity .3s linear;
    transform: scale(1.1, 1.1)
}

#footer-outer .footer_img .img img {
    width: 120px;
    text-align: center;
    border-radius: 3px
}

#footer-outer .footer_img .img1 {
    top: 30px
}

#footer-outer .footer_img .img1 img {
    width: 64px
}

#footer-outer .footer_img .text {
    font-size: 18px;
    color: #333;
    margin-top: 60px;
    text-align: center
}

#footer-outer .bottom_content2 {
    background-color: #373737;
    text-align: center;
    padding-bottom: 104px
}

.moveTo_top {
    display: none;
    position: fixed;
    right: 0;
    bottom: 250px;
    z-index: 1000;
    opacity: 1;
    transition: opacity .3s ease
}

.moveTo_top:hover {
    cursor: pointer;
    opacity: .8
}

@media screen and (max-width:1700px) {
    #menu_div #menu_right #menu_phone {
        margin-right: 20px
    }
}

@media screen and (max-width:1400px) {
    #menu_div #menu_left span {
        display: block;
        text-align: center;
        margin: -8px 0 0 50px
    }

    #menu_div #menu_left span img {
        width: 100px;
        position: relative;
        margin-left: 13px;
        top: -12px
    }
}

@media screen and (max-width:1550px) {
    #menu_div #menu ul li {
        font-size: 14px;
        margin-right: 30px
    }
}

@media screen and (max-width:1410px) {
    #menu_div #menu ul li {
        font-size: 13px;
        margin-right: 24px
    }
}

@media screen and (max-width:1360px) {
    #menu_div #menu ul li {
        font-size: 12px;
        margin-right: 15px
    }
}

@media screen and (max-width:1252px) {
    #menu_div #menu ul li {
        font-size: 12px;
        margin-right: 8px
    }
}

@media screen and (max-width:1200px) {
    #menu_div #menu_right #menu_phone {
        display: none
    }

    #menu_right .dropdown {
        font-size: 14px
    }
}

@media screen and (max-width:1050px) {
    #menu_div #menu ul li {
        font-size: 12px;
        margin-right: 8px
    }
}

@media screen and (max-width:927px) {
    #menu_div #menu ul li {
        margin-right: auto;
        font-size: 12px;
        padding: 0 5px
    }

    #menu_div #menu_right #menu_phone {
        display: none
    }

    #menu_right .dropdown {
        font-size: 14px
    }

    #menu_right {
        margin-left: 15px !important
    }
}

@media screen and (max-width:800px) {
    #menu_div #menu {
        display: none
    }
}

@media screen and (max-width:500px) {
    #menu_div #menu_right {
        display: none
    }
}

#service_online {
    z-index: 1000;
    position: fixed;
    top: 350px;
    right: 0;
    opacity: 1
}

#service_online .online_content {
    width: 63px;
    height: 190px;
    background: #2693ff;
    text-align: center;
    position: relative
}

#service_online .online_content:before {
    content: "";
    position: absolute;
    left: -10px;
    top: 0;
    width: 10px;
    height: 100%
}

#service_online .online_content:hover .online_hied {
    display: block
}

#service_online .online_content img {
    margin-top: 16px
}

#service_online .online_content span {
    display: inline-block;
    width: 5px;
    height: 5px;
    background: #FFF;
    border-radius: 50%
}

#service_online .online_content p {
    margin: 0;
    font-size: 16px;
    color: #FFF
}

#service_online .online_hied {
    position: absolute;
    top: -17px;
    right: 73px;
    width: 240px;
    background: #FFF;
    border: 1px solid #e2e2e2;
    box-shadow: 0 0 5px #e2e2e2;
    border-radius: 8px;
    padding: 20px;
    box-sizing: border-box;
    display: none
}

#service_online .online_hied .top {
    min-height: 10px;
    border-bottom: 1px solid #e2e2e2
}

#service_online .online_hied .top li {
    width: 87px;
    height: 28px;
    text-align: center;
    background: #ebeaea;
    margin-right: 19px;
    margin-bottom: 12px;
    float: left;
    border-radius: 4px
}

#service_online .online_hied .top li:hover {
    background: #2693ff
}

#service_online .online_hied .top li:hover a {
    color: #FFF
}

#service_online .online_hied .top li:hover.hot_li {
    background: #f7825d
}

#service_online .online_hied .top li:hover.hot_li a {
    color: #fff
}

#service_online .online_hied .top li.hot_li {
    background: #ec6d46;
    position: relative
}

#service_online .online_hied .top li.hot_li a {
    color: #fff;
    position: relative;
    overflow: hidden
}

#service_online .online_hied .top li.hot_li a .hot_icon {
    position: absolute;
    right: -12px;
    top: -10px;
    margin: 0
}

#service_online .online_hied .top li.hot_li:hover .hot_hide_box {
    display: block
}

#service_online .online_hied .top li.hot_li .hot_hide_box {
    position: absolute;
    top: 28px;
    padding: 4px;
    width: 120px;
    z-index: 20;
    box-sizing: border-box;
    left: 50%;
    margin-left: -60px;
    border: 1px solid #e2e2e2;
    background: #fff;
    display: none;
    box-shadow: 0 0 5px #eeeeee
}

#service_online .online_hied .top li.hot_li .hot_hide_box img {
    margin-top: 0;
    width: 100%
}

#service_online .online_hied .top li:nth-child(2n) {
    margin-right: 0px
}

#service_online .online_hied .top a {
    display: inline-block;
    width: 100%;
    line-height: 28px;
    color: #253147
}

#service_online .online_hied .bottom {
    padding-top: 19px
}

#service_online .online_hied .bottom .btn {
    float: left;
    padding: 0
}

#service_online .online_hied .bottom .btn_downloda {
    display: block;
    width: 87px;
    height: 27px;
    color: #FFF;
    font-size: 12px;
    line-height: 27px;
    background: #218cf7;
    border-radius: 3px
}

#service_online .online_hied .bottom .btn_downloda:hover {
    background: #147ce3
}

#service_online .online_hied .bottom .btn_register {
    display: block;
    width: 87px;
    height: 27px;
    color: #253147;
    font-size: 12px;
    line-height: 25px;
    background: #FFF;
    border-radius: 3px;
    margin-top: 8px;
    border: 1px solid #9e9e9e
}

#service_online .online_hied .bottom .btn_register:hover {
    border-color: #147ce3;
    color: #218cf7
}

#service_online .online_hied .bottom .app_img {
    float: right
}

#service_online .online_hied .bottom .app_img:hover img {
    transform: scale(1.4)
}

#service_online .online_hied .bottom .app_img:hover p {
    opacity: 0
}

#service_online .online_hied .bottom .app_img img {
    width: 100px;
    padding: 3px;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    margin: 0;
    transition: all 1s;
    background: #FFF
}

#service_online .online_hied .bottom .app_img p {
    text-align: center;
    font-size: 12px;
    color: #253147;
    transition: all 1s
}

#foot_link a {
    color: #000;
    font-size: 12px;
    margin: 30px 10px 15px 0;
    display: inline-block;
    color: #bdbcbc
}

#foot_link a img {
    margin: -2px 7px 0 0 !important;
    display: inline-block !important
}

#foot_link a:hover {
    color: #000
}

.btn_apliy_nomal {
    background: url('/administration/assets/images/2.0/order/buysuccess/unselected.jpg') center no-repeat;
    font-family: 'Microsoft YaHei';
    text-align: center;
    font-size: 15px;
    line-height: 26px;
    width: 84px;
    height: 26px;
    cursor: pointer;
    float: left
}

.btn_apliy_selected {
    background: url('/administration/assets/images/2.0/order/buysuccess/selected.jpg') center no-repeat;
    font-family: 'Microsoft YaHei';
    text-align: center;
    font-size: 15px;
    line-height: 26px;
    color: #FFF;
    width: 84px;
    height: 26px;
    cursor: pointer;
    float: left
}

#nav_height {
    transition: all .3s linear
}

.getPrize_banner {
    width: 100%;
    height: 80px;
    background-color: #e01f3e;
    position: fixed;
    top: 0px;
    z-index: 1000
}

.getPrize_banner a {
    display: inline-block;
    width: 100%;
    height: 100%
}

.getPrize_banner:hover {
    cursor: pointer
}

.getPrize_banner .getPrize_wra {
    width: 972px;
    height: 80px;
    margin: 0 auto
}

.getPrize_banner .getPrize_wra .text {
    font-size: 22px;
    color: #fff;
    border: 4px solid #fff100;
    background-color: #38adff;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5) inset;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
    float: left;
    padding: 0 25px;
    height: 46px;
    line-height: 35px;
    border-radius: 46px;
    margin: 17px 0 0 337px
}

.getPrize_banner .getPrize_wra .text span {
    display: inline-block;
    margin-right: 10px
}

.active_time {
    float: left;
    text-align: center;
    margin-left: 57px
}

.active_time #time_title {
    color: #fff;
    display: inline-block;
    margin: 9px 0 5px 0
}

.active_time li {
    float: left;
    width: 25%;
    color: #fbff00;
    font-size: 12px;
    padding-left: 3px
}

.active_time li span {
    display: inline-block;
    width: 33px;
    height: 35px;
    background-image: url('/administration/assets/images/public/getPrize_time.png');
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 34px
}

.getPrize_content {
    width: 100%;
    height: 0px;
    overflow: hidden;
    transition: all 1s ease
}

.getPrize_content .getPrize_close {
    text-align: right;
    margin: 10px
}

.getPrize_content .getPrize_close:hover {
    cursor: pointer
}

.getPrize_content .content_wra {
    width: 800px;
    margin: 107px auto 0
}

.getPrize_content .content_wra .content_left {
    float: left;
    text-align: center;
    position: relative
}

.getPrize_content .content_wra .content_left .prize {
    width: 412px;
    height: 412px;
    background-image: url('/administration/assets/images/public/getPrize_contentimgBg.png');
    position: relative;
    overflow: hidden
}

.getPrize_content .content_wra .content_left .prize .prize_end {
    display: inline-block;
    width: 131px;
    height: 155px;
    background-image: url('/administration/assets/images/3.0/prize/getPrize_contentimg2.png');
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -88px 0 0 -69px
}

.getPrize_content .content_wra .content_left .prize .prize_end:hover {
    cursor: pointer
}

.getPrize_content .content_wra .content_left .btn {
    display: inline-block;
    color: #000;
    font-size: 19px;
    padding: 6px 18px;
    background-color: #faf4dc;
    border-radius: 5px;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.4);
    margin: 8px 20px 0 20px;
    position: absolute;
    z-index: 2000
}

.getPrize_content .content_wra .content_left #activeAsk {
    left: 44px
}

.getPrize_content .content_wra .content_right {
    float: left;
    text-align: center;
    margin: 30px 0 0 45px;
    width: 312px
}

.getPrize_content .content_wra .content_right .prize_per {
    font-size: 14px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 14px;
    color: #fff;
    filter: alpha(opacity=20);
    background: #fff \9
}

.getPrize_content .content_wra .content_right .prize_per .title {
    color: #d41020;
    font-size: 16px;
    letter-spacing: 4px;
    margin-bottom: 13px;
    background-color: rgba(255, 255, 255, 0.6);
    padding: 7px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    height: 50px;
    filter: alpha(opacity=60);
    background: #fff
}

.getPrize_content .content_wra .content_right .prize_per .title li {
    float: left;
    width: 50%;
    position: relative;
    height: 40px
}

.getPrize_content .content_wra .content_right .prize_per .title li span {
    transition: all .1s linear;
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 7px
}

.getPrize_content .content_wra .content_right .prize_per .title li:hover span {
    font-size: 18px;
    cursor: pointer;
    font-weight: bold
}

.getPrize_content .content_wra .content_right .prize_per .title li.active {
    font-size: 18px;
    cursor: pointer;
    font-weight: bold
}

.getPrize_content .content_wra .content_right .prize_per .title .per_list span {
    border-right: 1px solid #d41020
}

.getPrize_content .content_wra .content_right .prize_per .content {
    padding: 0 10px 20px 18px;
    color: #fff;
    font-size: 14px;
    overflow: hidden;
    height: 260px
}

.getPrize_content .content_wra .content_right .prize_per .content .giftList li {
    text-align: left
}

.getPrize_content .content_wra .content_right .prize_per .content2 div {
    padding-top: 100px
}

.getPrize_content .content_wra .content_right .prize_per .content2 li {
    text-align: left
}

.getPrize_content .content_wra .content_right .prize_per li {
    margin-bottom: 3px
}

.getPrize_content .content_wra .content_right .btn {
    display: inline-block;
    color: #000;
    font-size: 19px;
    padding: 4px 38px;
    background-color: #f5e928;
    border-radius: 5px;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.4);
    margin-top: 15px
}

.getPrize_content .content_wra .content_right .text_bottom {
    text-align: center;
    color: #FFAEAE;
    font-size: 13px;
    margin-top: 40px
}

.getPrize_content .content_wra #backTo_home {
    display: inline-block;
    color: #fff;
    width: 77px;
    padding: 4px 0;
    border: 2px solid #fff;
    background-color: #d41020;
    font-size: 16px;
    border-radius: 34px;
    text-align: center;
    float: right;
    margin-top: 20px
}

#prize_height {
    height: 0px;
    z-index: -2
}

.index-promotion-12 {
    position: fixed;
    top: 0;
    z-index: 200;
    width: 100%;
    height: 0;
    font-size: 0;
    cursor: pointer
}

.index-promotion-12 .promotion-bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 732px
}

.index-promotion-12 .promotion-close {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0
}

.index-promotion-12 .promotion-content {
    position: relative;
    z-index: 2;
    width: 950px;
    height: 682px;
    margin: 0 auto;
    text-align: center
}

.index-promotion-12 .promotion-content .info {
    position: absolute;
    top: 60%;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 3;
    font-size: 22px
}

@media screen and (max-width:1024px) {
    .index-promotion-12 .promotion-content .info {
        font-size: 16px;
        margin-top: .8em
    }
}

.index-promotion-12 .label-list {
    font-size: 14px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2em;
    padding: 0;
    text-align: center
}

.index-promotion-12 .label-list .label-item {
    display: inline-block;
    list-style: none;
    padding: 8px 6px;
    line-height: 2em;
    font-size: 1.1em;
    letter-spacing: 1px;
    text-align: center;
    border-radius: 6px;
    color: #fff;
    background-color: #f58c2a
}

.index-promotion-12 .label-list .label-item.important {
    margin-left: 1.5em;
    margin-right: 1.5em;
    background-color: #fe4c56
}

.index-promotion-12 .label-list .label-item .important-text {
    vertical-align: -0.15em;
    font-size: 2em
}

@media screen and (max-width:1440px) {
    .index-promotion-12 .label-list {
        bottom: 3em
    }
}

@media screen and (max-width:1024px) {
    .index-promotion-12 .label-list {
        bottom: 1.5em
    }
}

.index-promotion-12 .time {
    position: relative;
    z-index: 3;
    padding: 5px 0;
    line-height: 40px;
    text-align: center;
    color: #fff;
    opacity: .8;
    letter-spacing: 1px;
    background-color: #9d0b71;
    font-size: 18px
}

.index-promotion-12 .time .day {
    display: inline-block;
    background-color: #fff;
    padding: 0 2px;
    font-size: 1.5em;
    font-weight: bold;
    border-radius: 4px;
    color: #f92a30
}

.ActivePage {
    background-color: #faf4dc;
    padding: 70px 0 70px 0;
    float: left;
    width: 100%
}

.ActivePage .ActivePage_wra {
    text-align: center;
    width: 800px;
    margin: 0 auto
}

.ActivePage .ActivePage_wra .title {
    padding-left: 270px;
    margin-bottom: 40px
}

.ActivePage .ActivePage_wra .title #time_title1 {
    display: inline-block;
    color: #c11d34;
    margin-bottom: 5px;
    font-weight: bold
}

.ActivePage .ActivePage_wra .title li {
    float: left
}

.ActivePage .ActivePage_wra .title li img {
    width: 230px
}

.ActivePage .ActivePage_content .content_tap {
    width: 800px
}

.ActivePage .ActivePage_content .content_tap li {
    float: left;
    width: 33.33%;
    background-color: #faf4dc;
    font-size: 19px;
    color: #2b2b2b
}

.ActivePage .ActivePage_content .content_tap li.active div {
    background-color: #fff
}

.ActivePage .ActivePage_content .content_tap li:hover {
    cursor: pointer
}

.ActivePage .ActivePage_content .content_tap li div {
    width: 94%;
    background-color: #fdd000;
    margin: 0 auto;
    height: 90px;
    padding-top: 17px
}

.ActivePage .ActivePage_content .content_tap li div span {
    display: block;
    color: #d72539;
    font-size: 22px;
    font-weight: bold
}

.ActivePage .ActivePage_content .content1 {
    text-align: left;
    height: 1440px !important
}

.ActivePage .ActivePage_content .content1 .content1_img {
    width: 100%;
    background-color: #fff;
    padding-bottom: 30px
}

.ActivePage .ActivePage_content .content1 .content1_img .gift_card {
    float: left;
    width: 100%;
    background-color: #fff;
    text-align: center;
    padding-bottom: 30px
}

.ActivePage .ActivePage_content .content1 .content1_img .gift_card .name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 30px
}

.ActivePage .ActivePage_content .content1 .content1_img .gift_card div {
    margin-bottom: 5px;
    font-size: 15px
}

.ActivePage .ActivePage_content .content1 .content1_img li {
    float: left;
    width: 50%;
    text-align: center
}

.ActivePage .ActivePage_content .content1 .content1_img li div {
    height: 280px
}

.ActivePage .ActivePage_content .content1 .content1_img li div img {
    margin-top: 30px
}

.ActivePage .ActivePage_content .content1 .content1_img li span {
    margin-right: 10px;
    font-weight: normal
}

.ActivePage .ActivePage_content .content1 .content1_img li .name {
    font-weight: bold
}

.ActivePage .ActivePage_content .content1 .content1_img .content1_title {
    margin: 50px 0 0 110px
}

.ActivePage .ActivePage_content .content1 .content1_img .bottom_card {
    text-align: center;
    float: left;
    width: 100%;
    background-color: #fff
}

.ActivePage .ActivePage_content .content1 .content1_img .bottom_card div {
    margin: 40px 0 30px 0;
    font-size: 15px
}

.ActivePage .ActivePage_content .content1 .content1_img .bottom_card img {
    margin-bottom: 40px
}

.ActivePage .ActivePage_content .content1 .content1_text {
    padding: 75px 0 0 110px
}

.ActivePage .ActivePage_content .content1 .content1_cardwra {
    margin: 70px 0 0 125px
}

.ActivePage .ActivePage_content .content1 .content1_cardwra div {
    text-align: center;
    margin-bottom: 5px
}

.ActivePage .ActivePage_content .content1 .content1_cardwra .name {
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px
}

.ActivePage .ActivePage_content .content1 .content1_card {
    width: 535px;
    float: left;
    margin-right: 112px;
    text-align: center
}

.ActivePage .ActivePage_content .content1 .content1_card .carousel-control.left,
.ActivePage .ActivePage_content .content1 .content1_card .carousel-control.right {
    background: none
}

.ActivePage .ActivePage_content .content1 .content1_card .carousel-control.left span,
.ActivePage .ActivePage_content .content1 .content1_card .carousel-control.right span {
    color: #000
}

.ActivePage .ActivePage_content .content1 .content1_card .carousel-control.left {
    left: -65px
}

.ActivePage .ActivePage_content .content1 .content1_card .carousel-control.right {
    right: -65px
}

.ActivePage .ActivePage_content .content1 .content1_card .carousel-inner>.item>img {
    display: inline-block;
    margin: 0 15px
}

.ActivePage .ActivePage_content .content2 {
    text-align: left;
    padding: 58px 0 0 122px
}

.ActivePage .ActivePage_content .content2 table {
    width: 520px;
    text-align: center;
    border: 1px solid #d8d8d8;
    color: #000;
    margin-top: 15px
}

.ActivePage .ActivePage_content .content2 table td {
    border: 1px solid #d8d8d8;
    padding: 7px 0;
    font-size: 15px
}

.ActivePage .ActivePage_content .content2 p {
    text-indent: 2em
}

.ActivePage .ActivePage_content .content3 {
    text-align: left;
    height: 3200px !important
}

.ActivePage .ActivePage_content .content3 table {
    width: 570px;
    text-align: center;
    border: 1px solid #d8d8d8;
    color: #000
}

.ActivePage .ActivePage_content .content3 table td {
    border: 1px solid #d8d8d8;
    padding: 15px 5px;
    font-size: 15px
}

.ActivePage .ActivePage_content .content3 p {
    text-indent: 2em
}

.ActivePage .ActivePage_content .content3 .content3_img {
    width: 100%
}

.ActivePage .ActivePage_content .content3 .content3_img li {
    float: left;
    width: 50%;
    text-align: center
}

.ActivePage .ActivePage_content .content3 .content3_img li div {
    height: 280px
}

.ActivePage .ActivePage_content .content3 .content3_img li div img {
    margin-top: 30px
}

.ActivePage .ActivePage_content .content3 .content3_img li span {
    margin-right: 10px;
    font-weight: normal
}

.ActivePage .ActivePage_content .content3 .content3_img li .name {
    font-weight: bold
}

.ActivePage .ActivePage_content .content3 .content3_img .content2_title {
    margin-left: 104px;
    margin-top: 63px
}

.ActivePage .ActivePage_content .content3 .content3_text {
    padding: 75px 0 0 102px
}

.ActivePage .ActivePage_content .tap_content {
    background-color: #fff;
    width: 784px;
    height: 600px;
    margin-left: 8px
}

.ActivePage .ActivePage_content .tap_content span {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px
}

.ActivePage .ActivePage_content .tap_content p {
    line-height: 24px;
    font-size: 15px
}

.ActivePage .bottom_text {
    margin-top: 20px;
    text-align: center
}

.ActivePage .bottom_text div {
    font-size: 14px;
    color: #565656
}

.ActivePage .bottom_text span {
    font-size: 13px;
    color: rgba(86, 86, 86, 0.5)
}

.ActivePage .active_time #time_title {
    color: #c11d34
}

.ActivePage .active_time li {
    color: #c11d34
}

.ActivePage .promition-wrapper {
    position: relative;
    margin-top: -70px;
    width: 100%;
    height: auto;
    font-size: 14px
}

.ActivePage .promition-wrapper .bg {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%
}

.ActivePage .promition-wrapper .logo {
    position: absolute;
    top: 0;
    left: 20%;
    z-index: 3;
    cursor: pointer
}

@media screen and (max-width:1366px) {
    .ActivePage .promition-wrapper .logo {
        left: 19%
    }
}

@media screen and (max-width:1024px) {
    .ActivePage .promition-wrapper .logo {
        width: 100px
    }
}

.ActivePage .promition-wrapper .header {
    position: relative;
    z-index: 2;
    padding-top: 50em;
    margin: 0 auto
}

.ActivePage .promition-wrapper .header .label-list {
    bottom: 100px;
    width: 900px;
    margin: 0 auto
}

.ActivePage .promition-wrapper .header .label-list .label-item {
    width: 220px;
    margin-left: 2em;
    margin-right: 2em
}

.ActivePage .promition-wrapper .header .label-list .label-item .label {
    letter-spacing: 2px;
    font-size: 1.2em
}

.ActivePage .promition-wrapper .header .label-list .label-item.important {
    margin: 0
}

.ActivePage .promition-wrapper .header .label-list .important-text {
    font-size: 3em;
    line-height: 1.2em;
    font-weight: bold
}

.ActivePage .promition-wrapper .header .time {
    margin-top: 100px
}

.ActivePage .promition-wrapper .body {
    position: relative;
    z-index: 2;
    padding-top: 10em;
    width: 62.5%;
    margin: 0 auto;
    color: #fff
}

.ActivePage .promition-wrapper .body h3 {
    text-align: center;
    font-size: 1.5em;
    margin-bottom: 2em
}

.ActivePage .promition-wrapper .body .explain-item {
    position: relative;
    width: 100%
}

.ActivePage .promition-wrapper .body .explain-item .explain-bg {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    max-width: 100%
}

.ActivePage .promition-wrapper .body .explain-item .explain-content {
    position: relative;
    z-index: 2;
    padding: 2em 10% 12em
}

.ActivePage .promition-wrapper .body .explain-item .explain-content h4 {
    margin-bottom: 1em;
    font-size: 2.5em;
    text-align: center;
    color: #ffde00;
    font-weight: bold;
    font-family: "Microsoft YaHei"
}

.ActivePage .promition-wrapper .body .explain-item .explain-content p {
    text-indent: 2em;
    font-size: 1.4em;
    line-height: 1.7em;
    letter-spacing: 1px
}

.ActivePage .promition-wrapper .body .bonus-section {
    padding-bottom: 2em
}

.ActivePage .promition-wrapper .body .bonus-section .detail {
    margin-left: 4em;
    font-size: 1.4em;
    line-height: 1.7em;
    letter-spacing: 1px
}

.ActivePage .promition-wrapper .body .bonus-section .detail li {
    list-style: none
}

@media screen and (max-width:1280px) {
    .ActivePage .promition-wrapper .body .bonus-section .detail {
        margin-left: 1em
    }
}

@media screen and (max-width:1024px) {
    .ActivePage .promition-wrapper .body .bonus-section .detail {
        font-size: 1.2em;
        letter-spacing: 0
    }
}

.ActivePage .promition-wrapper .body .bonus-detail-section {
    position: relative
}

.ActivePage .promition-wrapper .body .bonus-detail-section .bonus-bg {
    width: 90%;
    margin-left: 5%
}

@media screen and (max-width:1024px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-bg {
        width: 100%;
        margin-left: 0
    }
}

.ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list {
    position: absolute;
    top: 3%;
    bottom: 2%;
    left: 10%;
    right: 10%;
    text-align: center;
    overflow: hidden
}

@media screen and (max-width:1919px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list {
        top: 4%
    }
}

@media screen and (max-width:1024px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list {
        left: 5%;
        right: 5%
    }
}

.ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item {
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 33.3333333%;
    padding: .5em 2em
}

@media screen and (max-width:1919px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item {
        padding: .25em .5em 1em;
        height: 130px
    }
}

@media screen and (max-width:1024px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item {
        height: 115px
    }
}

.ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item img {
    width: 100%;
    height: 100%
}

.ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content {
    position: absolute;
    top: 2em;
    left: 2em;
    right: 1em;
    color: #000
}

@media screen and (max-width:1919px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content {
        top: 1em;
        left: 1em
    }
}

.ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-label {
    display: block;
    margin-left: -1em;
    letter-spacing: 1px;
    font-size: 1em
}

@media screen and (max-width:1919px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-label {
        font-size: .8em;
        letter-spacing: 0
    }
}

.ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-money {
    margin-top: 1em;
    float: left;
    width: 40%;
    color: #e70419;
    vertical-align: top;
    box-sizing: border-box;
    padding-left: 15px
}

@media screen and (max-width:1919px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-money {
        padding-left: 0;
        margin-top: .3em
    }
}

@media screen and (max-width:1366px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-money {
        margin-top: .5em
    }
}

@media screen and (max-width:1024px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-money {
        margin-top: .3em
    }
}

.ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-money .money {
    margin-left: -2px;
    font-size: 4.5em;
    font-weight: bold;
    vertical-align: top;
    line-height: .9em
}

@media screen and (max-width:1919px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-money .money {
        font-size: 3em
    }
}

.ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-money img {
    width: 4em;
    height: 3.6em;
    vertical-align: text-top;
    margin-top: .5em;
    margin-left: -5px
}

@media screen and (max-width:1919px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-money img {
        width: 2.5em;
        height: 2.1em
    }
}

.ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-desc {
    margin-top: 5px;
    float: left;
    width: 60%;
    text-align: left;
    font-size: 1.2em
}

@media screen and (max-width:1919px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-desc {
        margin-top: 0;
        font-size: .8em
    }
}

.ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-desc span {
    font-size: 2em;
    font-weight: bold;
    color: #e70419
}

@media screen and (max-width:1024px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .bonus-list .bonus-item .bonus-content .bonus-desc span {
        font-size: 1.5em
    }
}

.ActivePage .promition-wrapper .body .bonus-detail-section .info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 37%;
    font-size: 3em;
    font-weight: bold;
    letter-spacing: 4px;
    color: #5e13b9;
    text-align: center
}

@media screen and (max-width:1919px) {
    .ActivePage .promition-wrapper .body .bonus-detail-section .info {
        font-size: 2em
    }
}

.ActivePage .promition-wrapper .footer {
    position: relative;
    z-index: 1;
    margin-top: -3em;
    padding-bottom: 3em;
    text-align: center
}

.ActivePage .promition-wrapper .footer p {
    letter-spacing: 1px;
    font-size: 1.2em;
    color: #fff
}

.active_panel {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.8);
    top: 0;
    z-index: 10000;
    background: #000 \9
}

.active_btn {
    display: inline-block;
    font-size: 17px;
    color: #fff;
    padding: 7px 20px;
    border-radius: 5px;
    background-color: #e41728;
    margin: 25px 10px 0 10px
}

.active_btn:focus {
    color: #fff;
    text-decoration: none
}

.activeAsk .activeAsk_close {
    text-align: right;
    margin-top: 0 !important
}

.activeAsk .activeAsk_close:hover {
    cursor: pointer
}

.activeAsk .activeAsk_close img {
    margin: 5px 5px 0 0
}

.activeAsk .activeAsk_ask {
    text-align: center;
    background-color: #fff;
    filter: alpha(opacity=100);
    background-color: #fff \9;
    width: 350px;
    height: 181px;
    border-radius: 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -90px 0 0 -175px
}

.activeAsk .activeAsk_ask div {
    font-size: 16px
}

.activeAsk .activeAsk_ask div span {
    color: #0024ff;
    font-weight: bold
}

.activeAsk .activeAsk_ask .no_login a {
    width: 108px
}

.activeAsk .activeAsk_ask .no_login a span {
    margin-right: 10px;
    color: #fff;
    font-weight: normal
}

.activeAsk .activeAsk_ask .no_login .active_btn {
    margin: 17px 10px 0 10px
}

.activeGet_wra {
    width: 540px;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -270px
}

.activeGet_wra .activeGet_close {
    position: absolute;
    right: -17px;
    top: 16px;
    z-index: 1
}

.activeGet_wra .activeGet_close:hover {
    cursor: pointer
}

.activeGet_wra .activeGet_content {
    position: relative;
    padding-right: 7px
}

.activeGet_wra .activeGet_content div {
    position: absolute;
    top: 43px;
    left: 200px;
    height: 180px;
    overflow: hidden
}

.activeGet_wra .activeGet_content div img {
    width: 215px
}

.activeGet_wra a {
    margin-left: 74px
}

.activeGet_wra span {
    display: block;
    color: #fff;
    padding-left: 65px;
    position: relative;
    top: -13px
}

.activeGet_wra .active_btn {
    margin: 15px 10px 0 74px
}

.activePerInfo_wra {
    background-color: #fff;
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    padding-bottom: 30px;
    margin: -160px 0 0 -200px
}

.activePerInfo_wra .activePerInfo_close {
    float: right
}

.activePerInfo_wra .activePerInfo_close:hover {
    cursor: pointer
}

.activePerInfo_wra .activePerInfo_close img {
    margin: 10px
}

.activePerInfo_wra .activePerInfo_img {
    position: absolute;
    left: 167px;
    top: -34px
}

.activePerInfo_wra .activePerInfo_content {
    text-align: center;
    margin-top: 47px
}

.activePerInfo_wra .activePerInfo_content .title {
    display: inline-block;
    color: #e41728;
    border-bottom: 1px dashed #c7c7c7;
    width: 90%;
    padding: 5px 0;
    font-size: 16px
}

.activePerInfo_wra .activePerInfo_content div {
    margin-top: 20px
}

.activePerInfo_wra .activePerInfo_content div label {
    font-weight: normal;
    font-size: 16px;
    margin-right: 6px
}

.activePerInfo_wra .activePerInfo_content div input {
    border: 1px solid #b0b0b0;
    height: 30px;
    width: 240px
}

.activePerInfo_wra .active_btn {
    padding-left: 50px;
    padding-right: 50px
}

.activePerInfo_wra .active_btn span {
    margin-right: 10px
}

.activePerInfo_wra .activeGetSuccess_content div {
    margin-top: 0;
    text-align: left;
    margin-left: 88px
}

.activePerInfo_wra .activeGetSuccess_content .title {
    margin-bottom: 40px
}

.activePerInfo_wra .activeGetSuccess_text {
    font-size: 13px;
    margin-top: 20px
}

.activePerInfo_wra .activeGetSuccess_text a {
    color: #0b37f7;
    font-weight: bold
}

.flex_box {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    flex-flow: wrap;
    width: 875px !important
}

.flex_box .nav_li {
    display: flex;
    justify-content: center;
    align-content: center
}

.flex_box .nav_li .nav_li_img {
    justify-content: center;
    align-content: center;
    margin: 0 5px 0 0
}

@media (max-width:1200px) {
    #menu_div #menu_right {
        margin-right: 20px
    }
}

ul,
li {
    padding: 0;
    margin: 0
}

li {
    list-style: none
}

.no_margin_top {
    margin-top: 0 !important
}

#account_bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1
}

#account_bg_img {
    position: fixed;
    width: 100%;
    height: 100%
}

.input_div a {
    color: #1bace0;
    font-size: 15px;
    margin-left: 25px
}

.input_div input[type=checkbox] {
    width: auto !important
}

.block {
    width: 350px;
    display: inline-block;
    margin-left: 10px
}

.block ul {
    list-style: none;
    font-size: 14px
}

.block ul li {
    cursor: pointer;
    float: left;
    width: 19.9999%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    border: 1px solid #CFCFCF
}

.version {
    display: block
}

.account_header ul {
    list-style: none;
    /* margin-left: -20px; */
    border-bottom: 2px solid #e6e6e6;
    height: 42px
}

.account_header_selectedA a {
    color: #333
}

.account_header_selectedA a:hover {
    color: #333
}

#step1 .account_footer,
#step2 .account_footer {
    padding-top: 0
}

.account_footer input[type=submit] {
    display: block;
    margin: 0 auto;
    width: 415px;
    height: 50px;
    color: #FFF;
    background-color: #C00000;
    text-align: center;
    font-size: 25px;
    letter-spacing: 40px;
    padding-left: 50px
}

.account_footer input[type=submit]:hover {
    background-color: #ec0000
}

.msg_detail {
    font-size: 12px;
    margin: 0;
    text-align: left;
    padding-left: 40px;
    color: #C00000;
    height: 25px;
    line-height: 25px
}

#accounttypecontainer input[type=radio] {
    margin-left: 10px;
    margin-right: 5px
}

#resetPwd .account_header .header_text {
    color: #2693ff;
    font-size: 18px;
    margin-bottom: 30px
}

#resetPwd #btn_code {
    display: inline-block;
    width: 93px;
    height: 34px;
    line-height: 35px !important;
    text-align: center;
    font-size: 14px;
    border: none;
    color: #2693ff !important;
    padding-left: 0;
    position: absolute;
    right: 2px;
    top: 2px;
    text-indent: 0 !important;
    border-left: 1px solid #ddd
}

.login_wrapper .wrapper_sametop {
    width: 980px;
    margin: 65px auto 35px
}

.register_div {
    background-color: #FFF;
    width: 550px;
    height: 455px;
    margin: 0 auto;
    margin-bottom: 20px
}

#pic_validate {
    float: right;
    width: 25px;
    margin-top: 20px;
    margin-right: 10px;
    display: none
}

.btn_code_normal {
    color: #f4f4f4 !important;
    background-color: #353334
}

#agree {
    background-color: transparent;
    border: none !important
}

.msg {
    color: #C00000;
    font-size: 15px;
    text-align: center;
    margin-top: 12px
}

.msg a {
    color: #1bace0
}

.msg a:hover {
    color: #1bace0
}

#regSuc {
    text-align: center;
    margin-top: 30px;
    font-size: 20px;
    color: #000;
    letter-spacing: 1px
}

.qr_div {
    display: inline-block;
    text-align: center
}

.qr_div img {
    width: 150px
}

.qr_div p {
    font-size: 12px;
    color: #C00000;
    line-height: 40px
}

.wrapper_botimg {
    position: fixed;
    bottom: 0;
    left: 50%;
    margin-left: -541px;
    z-index: 0
}

.wrapper_back img {
    margin: -5px 8px 0 0
}

#registerform .input_div,
#registerForm .input_div {
    position: relative;
    margin: 20px auto;
    border: 1px solid #cecece;
    height: 42px
}

#registerform .input_div {
    margin-bottom: 20px
}

#registerform .input_div input,
#registerForm .input_div input {
    height: 38px;
    color: #565656;
    padding-left: 13px;
    width: 314px;
    margin-left: 0;
    transition: all .3s linear
}

#registerForm #step2 {
    margin: 0 auto
}

#registerForm #step2 .regster_content {
    padding: 40px 0;
    width: 530px
}

#registerForm #step2 .input_div1 {
    width: 320px;
    margin: 20px auto 0
}

#registerForm #step2 .input_div1:before {
    content: "*";
    color: #f00;
    position: absolute;
    right: -17px;
    top: 12px;
    font-size: 20px
}

#registerForm #step2 .input_div li {
    float: left;
    width: 25%;
    text-align: left;
    margin: 6px 0
}

#registerForm #step2 .input_div li .iconfont {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: bottom;
    background: #fff;
    border: 1px solid;
    border-color: #000;
    border-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 2px;
    position: relative
}

#registerForm #step2 .input_div li .iconfont:checked:after {
    content: "\e606";
    position: absolute;
    left: 0;
    color: #1c8bd8;
    font-size: 14px
}

#registerForm #step2 .input_div li #other_bussiness {
    width: 74px;
    height: 30px;
    border: none;
    border-bottom: 1px solid #000 !important;
    padding-left: 0;
    position: relative;
    top: -7px
}

#registerForm #step2 .input_div li #other_bussiness:disabled {
    background-color: #fff
}

#registerForm #step2 .input_div .company_span {
    color: #ff0000;
    position: absolute;
    right: -17px;
    top: 12px;
    font-size: 20px
}

#registerForm #step2 .input_div .contact_span {
    color: #ff0000;
    position: absolute;
    right: -17px;
    top: 12px;
    font-size: 20px
}

#registerForm #step2 .input_div .checkbox_width1 {
    width: 22%
}

#registerForm #step2 .input_div .checkbox_width2 {
    width: 28%
}

#registerForm #step2 .input_div .other_bussiness {
    width: 34%
}

#registerForm #step2 .input_div .other_bussiness .iconfont {
    top: -8px
}

#registerForm #step2 .input_div .checkbox_title {
    padding: 13px 0;
    text-align: left
}

#registerForm #step2 .input_div select {
    width: 318px;
    height: 40px;
    position: relative;
    padding-left: 13px;
    -ms-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('/administration/assets/images/account/logon/accountSelectImg.png') no-repeat scroll 96% center transparent
}

#registerForm #step2 .input_div select:focus {
    outline: none
}

#registerForm #step2 .input_div select option {
    color: #000
}

#registerForm #step2 .input_div select::-ms-expand {
    display: none
}

#registerForm #step2 .checkbox_wra {
    width: 440px;
    margin: 20px auto 0
}

#registerForm #step2 .account_footer {
    margin-top: 40px
}

#registerForm #step2 .account_footer input {
    width: 180px
}

#registerForm #step3 .regster_content {
    padding: 38px 0;
    width: 600px;
    font-family: "微软雅黑"
}

#registerForm #step3 .regster_content .need_check_img {
    margin-left: -8px
}

#registerForm #step3 .regster_content .account_header {
    margin-bottom: 20px;
    font-size: 18px;
    font-family: '微软雅黑';
    color: #3697d5
}

#registerForm #step3 .regster_content .account_header span {
    width: 54px
}

#registerForm #step3 .regster_content .isneed {
    margin-bottom: 34px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 2px
}

#registerForm #step3 .regster_content .isneed .checkbox_font {
    margin-left: 40px;
    vertical-align: middle;
    line-height: 100%
}

#registerForm #step3 .regster_content .isneed .checkbox_font span {
    margin-right: 12px
}

#registerForm #step3 .regster_content .need_check_type {
    margin-bottom: 34px
}

#registerForm #step3 .regster_content .need_check_type li {
    text-align: left;
    line-height: 100%;
    vertical-align: middle;
    margin-bottom: 20px
}

#registerForm #step3 .regster_content .need_check_type li label {
    font-weight: normal
}

#registerForm #step3 .regster_content .need_check_type li:hover {
    cursor: pointer
}

#registerForm #step3 .regster_content .iconfont {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: bottom;
    background: #fff;
    border: 1px solid;
    border-color: #000;
    border-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
    position: relative;
    vertical-align: -3px
}

#registerForm #step3 .regster_content .iconfont:checked:after {
    content: "\e606";
    position: absolute;
    left: 0;
    color: #1c8bd8;
    font-size: 14px
}

#registerForm #step3 .account_footer {
    margin-top: 30px;
    margin-bottom: 8px;
    font-size: 20px
}

#registerForm #step3 .account_footer input {
    width: 186px
}

#registerForm #step1 {
    margin: 0 auto;
    margin-top: 20px;
    float: left
}

#registerForm #step1 .input_div {
    margin-bottom: 20px
}

#registerForm #register_codeinput input {
    height: 0px;
    opacity: 0
}

#registerForm .input_div.show input {
    height: 43px !important;
    opacity: 1 !important
}

#register_codebtn a:link {
    text-decoration: none
}

#registerform .input_div input::-webkit-input-placeholder,
#registerForm .input_div input::-webkit-input-placeholder {
    color: #bbbbbb
}

#registerform .input_div input::-moz-input-placeholder,
#registerForm .input_div input::-moz-input-placeholder {
    color: #bbbbbb
}

#registerform .input_div input:-moz-input-placeholder,
#registerForm .input_div input:-moz-input-placeholder {
    color: #bbbbbb
}

#registerform .input_div input::-ms-input-placeholder,
#registerForm .input_div input::-ms-input-placeholder {
    color: #bbbbbb
}

#registerform .input_div input:focus,
#registerForm .input_div input:focus {
    outline: none
}

#registerForm .input_div .imgcode_img {
    top: 0
}

#registerform .input_div .imgcode_img,
#registerForm .input_div .imgcode_img {
    display: inline-block;
    padding: 0 12px;
    height: 39px;
    border-left: 1px solid #dcdcdc;
    position: absolute;
    right: 1px
}

#registerform .input_div .imgcode_img {
    right: 20px
}

#registerform .input_div span #picCode,
#registerForm .input_div span #picCode {
    border-right: none;
    margin: 0;
    position: relative;
    top: 4px
}

#registerform .input_div #btn_code,
#registerForm .input_div #btn_code {
    height: 37px;
    width: 100px;
    font-size: 14px;
    line-height: 30px;
    background-color: #fff;
    color: #2693ff !important;
    border: none;
    border-left: 1px solid #d2d2d2;
    position: absolute;
    bottom: 1px;
    right: 3px;
    padding-left: 0
}

#registerform .input_div #btn_code {
    right: 28px
}

#registerForm .register_wra .regster_content {
    padding: 45px 70px 30px
}

#registerForm .register_wra2 .regster_content {
    padding: 0
}

#registerForm .register_wra .regster_content,
#registerForm .register_wra2 .regster_content {
    background-color: #fff;
    box-shadow: 0 0 10px #2eccf9;
    text-align: center;
    min-height: 458px
}

#registerForm .bot_text {
    font-size: 13px
}

#registerForm .bot_text span a {
    margin-right: 50px
}

#registerForm .bot_text a {
    color: #3697d5;
    text-decoration: underline
}

#registerform .account_footer input,
#registerForm .account_footer input {
    width: 320px;
    height: 40px;
    box-shadow: 0 2px 8px #C1C1C1;
    margin: 5px auto 35px;
    font-size: 18px
}

#registerform .register_code,
#registerForm .register_code {
    color: #2981ba;
    font-size: 13px;
    display: inline-block;
    padding-left: 6px;
    margin-bottom: 15px
}

#registerForm .register_wra3 .bot_tel {
    margin-top: 70px
}

#registerForm .register_wra .bot_tel {
    font-size: 14px;
    color: #2f6eac
}

#registerForm .register_wra .bot_tel,
#registerForm .register_wra2 .bot_tel,
#registerForm .register_wra3 .bot_tel {
    text-align: center;
    font-size: 14px;
    color: #2f6eac
}

#registerform,
#registerForm {
    width: 100%;
    float: left
}

.register_wra {
    z-index: 2;
    padding-bottom: 10px
}

.register_wra .regster_content {
    padding-top: 35px
}

.register_wra .regster_content .logo_img {
    margin-bottom: 20px
}

.register_wra .has_code p {
    text-align: right;
    width: 340px;
    margin: 0 auto
}

.register_wra .has_code a {
    color: #adadad;
    text-decoration: underline;
    font-size: 14px
}

.registerForm {
    width: 1200px;
    margin: 0 auto
}

.registerform {
    background-color: #1cc6a3;
    height: 450px
}

.register_left {
    float: left;
    width: 740px
}

.register_left .title2 {
    font-size: 22px;
    color: #fff;
    margin-top: 16px;
    letter-spacing: 1px;
    line-height: 42px
}

.register_left .register_pic {
    margin: 35px 170px
}

.resetPwd_positionwra .logon_icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    /* background: #ddd; */
    display: inline-block;
    height: 38px
}

.resetPwd_positionwra .logon_icon img {
    margin: 8px 10px
}

.resetPwd_positionwra .input_div input {
    text-indent: 40px
}

.register_right {
    width: 460px;
    height: 520px;
    float: left
}

.register_right .input_div .logon_icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 40px;
    /* background: #ddd; */
    display: inline-block;
    height: 40px
}

.register_right .input_div input {
    text-indent: 40px
}

.register_right .input_div .logon_icon img {
    margin: 8px 10px
}

.register_wra2 .logon_icon {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 40px;
    /* background: #ddd; */
    display: inline-block;
    height: 40px
}

.register_wra2 .input_div input {
    text-indent: 40px
}

.register_wra2 .input_div select {
    padding-left: 50px !important
}

.register_wra2 .input_div .logon_icon img {
    margin: 11px 10px
}

.block_version_wra ul li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    margin-bottom: 10px;
    padding-left: 15px
}

.block_version_wra ul li .jiantou {
    margin: 0 15px;
    color: #b6b6b6
}

.block_version_wra ul li span {
    float: left
}

.block_version_wra ul li .version {
    width: auto;
    text-align: left
}

.block_version_wra ul li.selected_li {
    border: 1px solid #3697d5
}

.block_version_wra1 .block,
.block_version_wra .block {
    margin-left: 0;
    width: 340px;
    border: none
}

.block_version_wra1 ul li {
    width: 50%
}

#step2 .version_title {
    text-align: center;
    padding: 10px 0 17px 0;
    font-size: 16px
}

.block_version_wra1 #b2b_b2c_value div {
    float: left;
    border: 1px solid #CFCFCF;
    width: 48%;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    font-size: 15px
}

.block_version_wra1 #b2b_b2c_value div.selected_li {
    border: 1px solid #3697d5
}

.block_version_wra1 #b2b_b2c_value #b2c {
    margin-right: 4%
}

.register_wra2 .account_header .mt_10 {
    margin-top: 6px
}

.register_wra2 .header_word {
    display: block;
    margin: 17px auto 5px;
    font-size: 24px;
    color: #2693ff
}

.register_wra2 .header_text {
    font-size: 16px;
    margin-bottom: 0;
    color: #2693ff
}

.register_wra2 .header_title {
    font-size: 20px;
    color: #333333;
    text-align: center;
    margin-bottom: 20px
}

.ui-widget-overlay {
    background: #aaa !important
}

.ui-widget-header {
    background: #fff !important;
    border: none !important
}

.ui-dialog .ui-dialog-titlebar-close {
    display: none !important
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    display: none !important
}

.ui-widget-header .ui-icon {
    display: none
}

.register_wra2 .register_basic {
    font-size: 14px;
    color: #999;
    text-align: center;
    margin-top: 25px
}

.register_wra2 .register_basic .basicDeshad {
    display: inline-block;
    width: 40px;
    border-top: 1px dashed #999;
    margin: 0 8px;
    vertical-align: 4px
}

#step3 .register_ul {
    margin: 0 auto;
    clear: both;
    font-size: 0;
    overflow: hidden;
    padding-left: 35px
}

#step3 .register_ul label {
    margin: 0;
    font-weight: normal;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    color: #333
}

#step3 .register_ul .iconfonts {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 16px !important;
    height: 16px !important;
    border-radius: 2px;
    cursor: pointer;
    vertical-align: bottom;
    background: #fff;
    border: 1px solid #4a90d8;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px;
    position: relative;
    vertical-align: -3px
}

#step3 .register_ul .iconfonts.active {
    border-color: #4a90d8
}

#step3 .register_ul .iconfonts.active::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: url('/administration/assets/images/account/Register/Checklist.png') no-repeat center
}

#step3 .register_ul #btn_done {
    background-color: #2693ff;
    color: #fff;
    font-size: 20px
}

.input_div .register_ul li {
    display: inline-block;
    width: 50%;
    font-size: 16px;
    margin: 5px 0;
    margin-top: 12px
}

.input_div .register_ul li:nth-child(2n-1) {
    padding-left: 20px
}

.input_div .register_ul li label {
    color: #333333;
    font-size: 16px
}

.AgentApply_wra .account_header .header_text span {
    width: 124px
}

.AgentApply_wra .account_header .header_text span,
.register_wra2 .account_header .header_text span {
    display: inline-block;
    border-top: 2px solid #bfbfbf;
    position: relative;
    top: -4px
}

.register_wra2 .account_header .header_text span {
    width: 50px;
    margin: 0 5px;
    top: -6px
}

.register_wra2 {
    width: 500px;
    padding-bottom: 45px;
    margin: 15px auto 0
}

.block_version_wra1 {
    margin-bottom: 20px
}

.register_wra3 {
    background: none;
    box-shadow: none;
    width: 830px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -260px 0 0 -415px
}

.register_wra3_wra {
    background: #fff;
    box-shadow: 0 0 10px #949494;
    padding-bottom: 35px;
    border: 1px solid #949494
}

.register_wra3 .block {
    width: 100%;
    margin-left: 0;
    float: left;
    margin-bottom: 35px
}

.register_wra3 .block ul li {
    width: 15.2%;
    height: 128px;
    margin: 0 6px;
    border: none
}

.register_wra3 .block ul li:hover div span {
    transform: scale(1.5, 1.5);
    -webkit-transform: scale(1.5, 1.5);
    -moz-transform: scale(1.5, 1.5);
    -o-transform: scale(1.5, 1.5);
    transition: all .2s ease
}

.register_wra3 .block ul li.selected_li {
    transition: all .2s ease;
    background-color: #eeeeee
}

.register_wra3_title {
    text-align: center;
    font-size: 16px;
    padding: 20px 0
}

.register_wra3 .input_div {
    width: 100%
}

.register_wra3 .block ul li div {
    width: 60px;
    height: 60px;
    margin: 20px auto 3px
}

.register_wra3 .block ul li div span {
    display: inline-block;
    margin-top: 10px;
    transform: scale(.9, .9);
    -webkit-transform: scale(.9, .9);
    -moz-transform: scale(.9, .9);
    -o-transform: scale(.9, .9)
}

.register_wra3 .block ul li span {
    display: inline-block;
    position: relative;
    bottom: 0
}

.wra3_item1 span {
    width: 43px;
    height: 40px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') 0 0
}

.wra3_item2 span {
    width: 43px;
    height: 43px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') -47px 0
}

.wra3_item3 span {
    width: 50px;
    height: 38px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') -94px 0
}

.wra3_item4 span {
    width: 28px;
    height: 44px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') -148px 0
}

.wra3_item5 span {
    width: 47px;
    height: 36px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') -180px 0
}

.wra3_item6 span {
    width: 43px;
    height: 40px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') -231px 0
}

.wra3_item7 span {
    width: 51px;
    height: 27px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') -278px 0;
    margin-top: 25px !important
}

.wra3_item8 span {
    width: 20px;
    height: 46px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') -333px 0
}

.wra3_item9 span {
    width: 43px;
    height: 36px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') -357px 0
}

.wra3_item10 span {
    width: 28px;
    height: 52px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') -404px 0
}

.wra3_item11 span {
    width: 49px;
    height: 28px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') -436px 0;
    margin-top: 26px !important
}

.wra3_item12 span {
    width: 42px;
    height: 42px;
    background: url('/administration/assets/images/account/logon/Nregister_icons.png') -489px 0
}

#step2 .regster_content,
#step1 .regster_content {
    background-color: #fff;
    text-align: center;
    padding: 50px 55px 40px 55px;
    box-shadow: 0 0 10px #949494;
    border: 1px solid #949494
}

.registerform_wra {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -300px 0 0 -225px
}

#registerform .account_footer input {
    margin-top: 20px
}

.registerform_wra .account_header {
    color: #fff;
    display: inline-block;
    margin-bottom: 13px
}

.registerform_wra .account_header .line {
    display: inline-block;
    width: 105px;
    border-top: 1px solid #fff;
    position: relative;
    top: -3px
}

.registerform_wra .account_header .header_text {
    display: inline-block;
    margin: 0 5px;
    font-size: 16px;
    letter-spacing: 2px
}

.AgentApply_success .top_icon i {
    color: #1cc6a3;
    font-size: 45px
}

.AgentApply_successtitle {
    margin-bottom: 10px
}

.AgentApply_successtitle span {
    font-size: 17px;
    display: inline-block;
    margin-top: 10px
}

.AgentApply_successbtn a {
    width: 344px;
    height: 47px;
    line-height: 47px;
    background-color: #ffae00;
    text-align: left;
    font-size: 17px;
    color: #fff;
    margin: 10px auto 30px;
    display: inline-block;
    border-radius: 5px;
    box-shadow: 0 3px 9px #C1C1C1
}

.AgentApply_successimg li {
    float: left
}

.AgentApply_successbtn a:before {
    content: "";
    background: url("/administration/assets/images/account/logon/AgentApply_img3.png");
    width: 22px;
    height: 24px;
    float: left;
    margin: 13px 6px 0 77px
}

.AgentApply_successtel {
    color: #f34b4b
}

.AgentApply_successimg div {
    font-size: 17px;
    margin-bottom: 3px
}

.AgentApply_success {
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    padding: 30px 80px 40px 80px;
    position: absolute;
    box-shadow: 0 0 10px #949494;
    border: 1px solid #949494
}

.logonActive_img {
    text-align: center;
    width: 100%;
    z-index: 0
}

.active_position1 {
    top: 65px
}

.active_position2 {
    top: 106px
}

@media (max-width:1024px) {
    .logonActive_img {
        top: 13px
    }

    .RegisterActive_img {
        top: 7px
    }
}

.wrapper_back {
    color: #565656;
    display: inline-block;
    margin: 30px 35px 0 0;
    float: right;
    font-size: 15px
}

.wrapper_back:hover {
    color: #565656
}

.resetPwd_wra .input_div,
.login_wra .input_div {
    display: block;
    width: 100%;
    height: 45px;
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
    position: relative;
    background-color: #f4f8ff;
    border: 1px solid #ddd;
    border-radius: 3px
}

.resetPwd_wra .input_div input,
.login_wra .input_div input {
    height: 40px;
    width: 100%;
    font-size: 15px;
    color: #616161;
    line-height: 40px;
    padding-left: 10px
}

.resetPwd_wra .input_div input:focus,
.login_wra .input_div input:focus {
    /* outline: none */
}

.login_wra .input_div i {
    position: absolute;
    color: #1c8bd8;
    top: 8px;
    left: 7px;
    font-size: 17px
}

.resetPwd_wra .input_div input::-webkit-input-placeholder,
.login_wra .input_div input::-webkit-input-placeholder {
    color: rgba(97, 97, 97, 0.4)
}

.resetPwd_wra .input_div input::-moz-input-placeholder,
.login_wra .input_div input::-moz-input-placeholder {
    color: rgba(97, 97, 97, 0.4)
}

.resetPwd_wra .input_div input:-moz-input-placeholder,
.login_wra .input_div input:-moz-input-placeholder {
    color: rgba(97, 97, 97, 0.4)
}

.resetPwd_wra .input_div input::-ms-input-placeholder,
.login_wra .input_div input::-ms-input-placeholder {
    color: rgba(97, 97, 97, 0.4)
}

.resetPwd_wra .account_footer,
.login_wra .account_footer {
    text-align: center;
    margin-top: 25px
}

#registerform .account_footer input,
#registerForm .account_footer input {
    background-color: #4A5DFF;
}

.resetPwd_wra .account_footer input,
.login_wra .account_footer input {
    background-color: #4A5DFF;
}

#registerform .account_footer input,
#registerForm .account_footer input,
.login_wra .account_footer input,
.resetPwd_wra .account_footer input {
    color: #fff;
    font-size: 18px
}

.resetPwd_wra .account_footer input,
.login_wra .account_footer input {
    width: 100%
}

.resetPwd_wra .account_footer div span,
.login_wra .account_footer div span {
    display: inline-block;
    margin-right: 20px
}

.resetPwd_wra .bot_tel {
    margin-top: 20px
}

.resetPwd_wra .bot_tel,
.login_wra .bot_tel {
    text-align: center;
    color: #2f6eac;
    font-size: 13px
}

.l_keyboard {
    position: absolute;
    display: inline-block;
    top: 8px;
    right: 10px;
    cursor: pointer
}

#accounttypecontainer {
    height: 30px;
    border-radius: 20px;
    background: #f4f8ff;
    color: #6283c2;
    line-height: 30px;
    margin-bottom: 6px;
    padding-left: 13px
}

.logon_lal {
    cursor: pointer;
    font-weight: normal
}

.spanRadio {
    width: 20px;
    height: 20px;
    border: 1px solid #6283c2;
    border-radius: 50%
}

.wrapper_content_login .text {
    width: 1200px;
    margin: 0 auto
}

.wrapper_content_login .text .wrapper_content {
    width: 100%;
    padding-top: 90px
}

.wrapper_content_login .text .wrapper_content .cont_right {
    width: 344px;
    float: right;
    height: 420px;
    background: #fff
}

.myCarouselDiv {
    position: absolute;
    top: 12%;
}

.dl_bx {
    width: 1200px;
    margin: 0 auto;
    position: relative; 
}

.dl_bx .swiper-container {
    float: left;
    width: 740px;
    height: 487px;
    padding-left: 10px;
    box-sizing: border-box
}

.dl_bx .wrapper_content_login {
    float: right
}

.slide5_left .line {
    width: 28px;
    height: 5px;
    background: #FFF
}

.slide5_left h3 {
    font-size: 36px;
    color: #fffefe;
    line-height: 46px;
    font-weight: bold
}

.slide5_left h3 span {
    color: #ffdb5a
}

.slide5_left p {
    margin-top: 40px;
    font-size: 20px;
    color: #ffffff;
    line-height: 28px
}

.slide5_left .content_btn {
    display: inline-block;
    margin-top: 62px;
    width: 137px;
    height: 55px;
    line-height: 47px;
    font-size: 16px;
    font-weight: bold;
    color: #2693ff;
    padding-left: 22px;
    background: url("/administration/assets/images/account/logon/slide5_left_btn.png") no-repeat center
}

.slide5_left .slide5_img {
    position: absolute;
    right: 90px;
    bottom: 5px
}

.slide6_left {
    color: #fff
}

.slide6_left img {
    position: absolute;
    right: 134px;
    bottom: 20px
}

.slide6_left h4 {
    font-size: 40px;
    font-weight: lighter
}

.slide6_left h4 span {
    font-size: 40px;
    font-weight: bold
}

.slide6_left span {
    font-size: 16px;
    margin-top: 12px
}

.slide6_left p {
    font-size: 24px;
    line-height: 35px;
    margin-top: 40px
}

.slide6_left .slide6_btn {
    display: block;
    margin-top: 60px;
    height: 41px;
    line-height: 41px;
    width: 150px;
    color: #FFF;
    text-align: center;
    background: linear-gradient(to bottom, #d0d4ed, #5c6bc0);
    box-shadow: 0 3px 10px #29578e
}

.ql_guide {
    padding-left: 140px
}

.ql_guide h3 {
    font-size: 30px;
    color: #fff;
    margin-top: 16px
}

.ql_guide h4 {
    font-size: 55px;
    color: #fff;
    line-height: 74px
}

.ql_guide h4 span {
    color: #ec6d46;
    font-weight: bold
}

.ql_guide a {
    display: inline-block;
    width: 130px;
    height: 40px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 16px;
    line-height: 40px;
    margin-top: 40px;
    text-align: center
}

.ql_guide a:hover {
    background: #ec6d46;
    border-color: #ec6d46
}

@media screen and (max-width:1210px) {
    .logon_p {
        font-size: 12px
    }
}

.login_wrapper .wrapper_contentwra {
    width: 1000px;
    height: 474px;
    margin: 0 auto;
    position: relative
}

.login_wrapper .wrapper_contentwra .content_title {
    float: left;
    margin: 150px 0 0 40px
}

.login_wrapper .wrapper_contentwra .content_title div {
    font-size: 2.8em;
    color: #1e3b4e
}

.login_wrapper .wrapper_contentwra .content_title span {
    display: inline-block;
    margin: 15px 2px 0 2px;
    font-size: 15px
}

.wrapper_contentwra {
    width: 1000px;
    height: 474px;
    margin: 0 auto;
    position: relative
}

.resetPwd_positionwra {
    background-color: #fafafc;
    width: 400px;
    min-height: 400px;
    padding: 25px 25px 15px 25px;
    border: 1px solid #e5e5e5;
    margin: auto
}

.div_footer_a {
    margin-top: 11px;
    padding-bottom: 37px
}

.div_footer_a a {
    color: #6283c2;
    font-size: 16px
}

.login_wra .login_produce {
    bottom: 0;
    right: 80px;
    background-color: #fafafc;
    width: 330px;
    padding-bottom: 15px;
    border: 1px solid #e5e5e5;
    float: left
}

.logon-padding {
    padding-bottom: 30px !important
}

.login_wra .old-herder {
    background: #f2f2f3
}

.old-span {
    color: #1c8bd8;
    font-size: 18px;
    padding: 22px 0 0 26px;
    display: block;
    font-weight: bold
}

.old-p {
    font-size: 14px;
    color: #6d6d6e;
    padding: 0 26px;
    text-indent: 28px
}

.old-1c8bd8 {
    color: #1c8bd8
}

.old-blod {
    font-weight: bold
}

.old-indent {
    padding-left: 26px;
    display: block
}

.login_wra .account_header {
    background: #fff;
    padding: 15px 0px 0;
    padding-bottom: 15px;
    margin: 0 20px 0;
    position: relative
}

.login_wra .account_header_weixin {
    font-size: 18px;
    color: #2693ff
}

.login_wra .account_header ul li {
    float: left;
    width: 94px;
    text-align: center;
    font-size: 18px;
    height: 40px;
    margin-right: 1px
}

.login_wra .account_header ul li:hover {
    cursor: pointer
}

.login_wra .account_header ul li a {
    color: #999;
    display: inline-block
}

.login_wra .account_header ul li.qihui_login a {
    width: 88px;
    height: 32px;
    background: #EC6D46;
    border-radius: 4px;
    line-height: 32px;
    font-size: 16px;
    color: #fff;
    /* animation: fade 1500ms infinite; */
    /* -webkit-animation: fade 1500ms infinite */
}

@keyframes fade {
    from {
        opacity: 1
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fade {
    from {
        opacity: 1
    }

    50% {
        opacity: .8
    }

    to {
        opacity: 1
    }
}

.login_wra .account_header ul li.account_header_selectedA {
    border-bottom: 2px solid #2693ff
}

.login_wra .account_header ul li.account_header_selectedA a {
    color: #2693ff
}

.login_wra .account_header .wChat {
    position: absolute;
    right: 0;
    top: 20px;
    cursor: pointer
}

.login_wra #logon_foot_link a {
    color: #0014BF;
    font-size: 14px;
    text-decoration: underline;
    display: inline-block;
    margin-left: 12px;
    text-decoration: none
}

.login_wra #logon_foot_link label {
    color: #666;
    margin-right: 13px;
    font-size: 14px
}

.login_wra #logon_foot_link label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 14px;
    height: 14px;
    cursor: pointer;
    vertical-align: bottom;
    background: #fff;
    border: 1px solid;
    border-color: #000;
    border-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin-right: 5px;
    top: -2px
}

.login_wra #logon_foot_link label input:checked {
    outline: none
}

.login_wra #logon_foot_link label input:checked::after {
    content: "\e606";
    position: absolute;
    left: 0px;
    top: -3px;
    color: #1c8bd8;
    font-size: 14px
}

.login_wra .labelPlaceholder {
    display: block;
    position: absolute;
    top: 10px;
    font-weight: normal;
    font-size: 15px;
    color: #C3C3C3
}

.login_wra .input_div .logon_icon {
    position: absolute;
    left: 4px;
    top: 10px;
    z-index: 1;
    width: 40px;
    background-color: transparent !important;
    display: inline-block;
    height: 38px
}

.login_wra .input_div input {
    text-indent: 40px
}

.login_wra .input_div .logon_icon img {
    margin: 8px 10px
}

.login_wrapper .wrapper_contentwra1 {
    min-height: 421px
}

.wrapper_content_login_bottom {
    margin: 25px 25px 0
}

.wrapper_content_login_bottom>a {
    font-size: 14px;
    color: #fff;
    padding: 0 13px;
    border-right: 1px solid #f5f5f5;
    position: relative
}

.wrapper_content_login_bottom>a .logonBottom_img {
    width: 130px;
    position: absolute;
    bottom: 30px;
    left: -5px;
    display: none;
    border: 5px solid #fff;
    border-radius: 2px
}

.wrapper_content_login_bottom>a>img {
    margin-right: 5px;
    vertical-align: -6px
}

.wrapper_content_login_bottom>a:hover .logonBottom_img {
    display: block
}

#login1 .bot_tel {
    margin-top: 55px
}

#login3 .bot_tel {
    margin-top: 65px
}

#login3 .download_text {
    margin-top: 80px
}

#login3 {
    /* padding-top: 10px */
}

#login3 .download_text a {
    color: #616161;
    text-decoration: none;
    font-size: 16px;
    color: #6283c2
}

.input_div span #picCode {
    position: absolute;
    right: 4px;
    top: 5px
}

#accounttypecontainer {
    text-align: center
}

#accounttypecontainer input {
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    margin: 0;
    cursor: pointer;
    vertical-align: bottom;
    background: #fff;
    border: 1px solid #000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative
}

#accounttypecontainer input:checked {
    outline: none
}

#accounttypecontainer input:checked::after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 7px;
    background-color: #1c8bd8;
    position: absolute;
    left: 3px;
    top: 3px
}

.popover {
    border-radius: 0px;
    border: none;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2)
}

.popover.right {
    margin-left: 30px !important;
    border: 1px solid;
    border-color: #ABABAB
}

.popover.right .arrow {
    top: 50%
}

.popover-content span {
    color: #ed6c00 !important
}

.glyphicon:empty {
    top: 3px;
    margin-right: 5px
}

.popover-content {
    display: inline-block;
    white-space: normal
}

.popover-content span:nth-child(2) {
    max-width: 224px
}

.login_wra .regster_content {
    padding: 0 20px;
    margin-top: 15px
}

.continuePrice {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: rgba(0, 0, 0, 0.7);
    background-color: #000000;
    filter: alpha(opacity=50);
    *zoom: 1
}

.continuePrice .continuePrice_wrapper {
    width: 477px;
    height: 454px;
    background: url('/administration/assets/images/account/logon/continuePrice.png') center no-repeat;
    margin: 160px auto 0;
    font-family: 'KaiTi', 'Microsoft MHei';
    position: relative
}

.continuePrice .continuePrice_wrapper .priceClose {
    float: right;
    cursor: pointer
}

.continuePrice .continuePrice_wrapper .priceText {
    font-size: 17px;
    padding: 138px 0 0 42px
}

.continuePrice .continuePrice_wrapper .priceText .textTitle {
    margin-bottom: 20px
}

.continuePrice .continuePrice_wrapper .priceText li {
    margin-bottom: 3px
}

.continuePrice .continuePrice_wrapper .buttomBtn {
    margin: -16px 0 0 145px
}

.continuePrice .continuePrice_wrapper .buttomBtn img {
    display: block
}

.continuePrice .continuePrice_wrapper .buttomBtn a {
    display: inline-block;
    margin: 10px 0 0 24px
}

.continuePrice .continuePrice_wrapper .buttomText {
    text-align: center;
    font-size: 16px;
    line-height: 18px;
    margin-top: 6px
}

.continuePrice .continuePrice_wrapper .buttomText a {
    color: #10a0e0
}

.continuePrice .continuePrice_wrapper .buttomText a:focus {
    color: #10a0e0;
    text-decoration: none
}

.logonTop {
    height: 100px;
    position: relative;
    z-index: 9999;
    padding-top: 50px;
}

.logonTop .topCont {
    width: 1200px;
    margin-left: 168px;
    position: absolute;
}

.logonTop .topCont .down_loginLogo {
    width: 205px;
    display: inline-block
}

.logonTop .topCont .text {
    font-size: 16px;
    color: #fff;
    /* margin: 0 0 0 25px; */
    vertical-align: -10px
}

.logonTop .topRight {
    float: right;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100px
}

.logonTop .topRight>a {
    font-size: 16px;
    color: #fff
}

.logonTop .topRight>a>img {
    margin-right: 7px;
    vertical-align: -4px
}

.logonTop .topRight .logon_register {
    font-size: 16px;
    color: #fff;
    width: 98px;
    height: 28px;
    display: inline-block;
    border: 1px solid #fff;
    margin-left: 25px;
    line-height: 24px;
    text-align: center;
    cursor: pointer
}

.active_position .wrapper_content_left {
    display: inline-block;
    width: 835px;
    float: left
}

.active_position .wrapper_content_left .main_title {
    font-size: 44px;
    color: #fff;
    font-family: 'Noto Sans S Chinese';
    font-weight: bold
}

.active_position .wrapper_content_left .main_title1 {
    font-size: 36px;
    color: #fff;
    font-family: 'Noto Sans S Chinese';
    font-weight: bold;
    margin: 2px 0 10px;
    letter-spacing: 1px
}

.active_position .wrapper_content_left .main_text {
    font-size: 22px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 5px
}

.active_position .wrapper_content_left .main_btn_btn {
    background: url('/administration/assets/images/account/logon/btn_01.png') center no-repeat;
    display: inline-block;
    width: 180px;
    height: 50px;
    background-size: 100%;
    text-align: center;
    line-height: 48px;
    font-size: 24px;
    color: #fff;
    margin-top: 50px;
    position: absolute
}

.active_position .wrapper_content_left .main_phone {
    margin: -109px 0 0 390px
}

.active_position .wrapper_content_left .logonhy_text1 {
    font-size: 71px;
    font-family: "iconfont";
    color: #fff;
    text-indent: 400px;
    margin-bottom: -15px;
    font-weight: bold;
    letter-spacing: 4px
}

.active_position .wrapper_content_left .logonhy_text2 {
    font-size: 71px;
    font-family: "iconfont";
    color: #fff;
    text-indent: 325px;
    margin-bottom: -15px;
    letter-spacing: 4px;
    font-weight: bold
}

.active_position .wrapper_content_left .logonhy_text3 {
    font-size: 71px;
    font-family: "iconfont";
    color: #fff;
    text-indent: 250px;
    letter-spacing: 4px;
    font-weight: bold
}

.active_position .box1 {
    background: url('/administration/assets/images/account/logonhy/logonhy_bg.jpg') center no-repeat;
    height: 601px;
    position: absolute;
    width: 100%;
    z-index: -1;
    min-width: 1200px
}

@font-face {
    font-family: 'iconfont';
    src: url('/administration/assets/Content/fonts/iconfont.ttf') format('truetype')
}

@font-face {
    font-family: 'iconfont';
    src: url('/administration/assets/Content/fonts/iconfont.woff') format('woff')
}

.down_icon {
    width: 20%;
    float: left;
    text-align: center;
    padding-top: 22px;
    text-decoration: none;
    color: #444;
    position: relative
}

.down_icon:hover,
.down_icon:visited {
    color: #444
}

.down_icon div {
    margin-top: 15px
}

.down_icon .hoverImg {
    padding-top: 10px;
    opacity: 0;
    top: -5px;
    left: 65px;
    position: absolute;
    background: url('/administration/assets/images/account/logon/down_iconBg.png') no-repeat center;
    width: 76px;
    height: 78px
}

.down_icon .hoverImg img {
    width: 70px;
    height: 70px;
    margin-top: -8px
}

.down_icon .downHref {
    display: block;
    width: 51px;
    height: 51px;
    margin: auto
}

.down_icon .downHref:hover .hoverImg {
    opacity: 1;
    /* transition: 1s */
}

.logonBottom {
    text-align: center;
    clear: both;
    bottom: 0;
    width: 100%;
    opacity: .5;
    color: #555;
    float: left;
    margin-top: 50px;
    padding-bottom: 20px
}

@media screen and (max-width:1366px) {
    .logonBottom {
        margin-top: 3%
    }
}

.logonBottom .bottomCont {
    width: 980px;
    margin: 0 auto;
    margin-bottom: 10px
}

.logonBottom .bottomCont a {
    text-decoration: none;
    display: inline-block;
    color: #333
}

.logonBottom .bottomCont a:focus {
    color: #333 !important;
    text-decoration: none
}

.logonBottom .bottomCont span {
    width: 2px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.5);
    margin: 0 22px;
    height: 15px;
    vertical-align: -2px
}

.register_produce {
    font-size: 16px;
    color: #fff;
    padding: 10px 15px;
    line-height: 25px;
    text-align: justify;
    margin-bottom: 15px;
    width: 450px;
    letter-spacing: 1px
}

.experienceBox {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 99999999
}

.experienceBox .content {
    width: 660px;
    height: 640px;
    background: #fff;
    margin: auto;
    margin-top: 125px;
    box-shadow: 0 0 22px #777
}

.experienceBox .content .experience_close {
    float: right;
    margin: 7px;
    cursor: pointer
}

.experienceBox .content h1 {
    font-size: 26px;
    color: #212121;
    padding-top: 50px;
    text-align: center;
    margin-bottom: 40px;
    letter-spacing: 2px
}

.experienceBox .content ul {
    padding: 0 55px
}

.experienceBox .content ul li {
    width: 140px;
    height: 168px;
    background: #f5f5f5;
    border: 1px solid #dbdbdb;
    padding-top: 35px;
    margin: 0 20px;
    display: inline-block;
    margin-bottom: 40px;
    text-align: center;
    cursor: pointer;
    position: relative
}

.experienceBox .content ul li:hover {
    border: 1px solid #46a3ff;
    box-shadow: 1px 5px 15px #d0d0d0
}

.experienceBox .content ul li .icon {
    background: url('/administration/assets/images/account/Register/experice_icon1.png') center no-repeat;
    height: 78px;
    position: relative
}

.experienceBox .content ul li .img3 {
    position: absolute;
    right: -7px;
    top: -7px
}

.experienceBox .content ul li .img1 {
    display: inline-block
}

.experienceBox .content ul li .img2,
.experienceBox .content ul li .img3 {
    display: none
}

.experienceBox .content ul li .text {
    font-size: 16px;
    color: #999;
    display: block;
    margin-top: 15px;
    width: 100%;
    text-align: center
}

.experienceBox .content ul li .icon_light {
    background: url('/administration/assets/images/account/Register/experice_icon2_light.png') center no-repeat;
    height: 78px;
    position: relative
}

.experienceBox .content ul .li_selected {
    border: 1px solid #46a3ff;
    box-shadow: 1px 5px 15px #d0d0d0
}

.experienceBox .content ul .li_selected .img1 {
    display: none
}

.experienceBox .content ul .li_selected .img2,
.experienceBox .content ul .li_selected .img3 {
    display: inline-block
}

.experienceBox .content ul .li_selected .text {
    color: #46a3ff
}

.experienceBox .content .btn_sure {
    width: 144px;
    height: 47px;
    background: #2693ff;
    color: #fff;
    font-size: 20px;
    line-height: 47px;
    text-align: center;
    border-radius: 4px;
    margin-left: 260px;
    cursor: pointer
}

.experienceBox .content .btn_sure:hover {
    background: #3c93e8
}

.ex_step1 {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 99999999
}

.ex_step1 .content {
    width: 650px;
    height: 450px;
    background: #fff;
    margin: auto;
    margin-top: 125px;
    box-shadow: 0 0 22px #777
}

.ex_step1 .content .experience_close {
    float: right;
    margin: 7px;
    cursor: pointer
}

.ex_step1 .content h1 {
    font-size: 26px;
    color: #212121;
    padding-top: 35px;
    text-align: center;
    margin-bottom: 35px;
    letter-spacing: 2px
}

.ex_step1 .content ul {
    padding: 0 70px;
    height: 186px;
    text-align: center
}

.ex_step1 .content ul li {
    width: 145px;
    height: 185px;
    background: #fff;
    border: 1px solid #dbdbdb;
    margin: 0 15px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    position: relative
}

.ex_step1 .content ul li img {
    margin-top: 30px
}

.ex_step1 .content ul li .img1 {
    display: inline-block
}

.ex_step1 .content ul li .img2 {
    display: none
}

.ex_step1 .content ul li:hover {
    border: 1px solid #2693ff
}

.ex_step1 .content ul li:hover .img1 {
    display: none
}

.ex_step1 .content ul li:hover .img2 {
    display: inline-block
}

.ex_step1 .content ul li:hover .title {
    background: #2693ff
}

.ex_step1 .content ul li .title {
    font-size: 18px;
    color: #fff;
    display: block;
    background: #999;
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center
}

.ex_step1 .content ul .li_selected {
    border: 1px solid #2693ff
}

.ex_step1 .content ul .li_selected .img1 {
    display: none
}

.ex_step1 .content ul .li_selected .img2 {
    display: inline-block
}

.ex_step1 .content ul .li_selected .title {
    background: #2693ff
}

.ex_step1 .content .experienceBox_ul {
    padding: 0
}

.ex_step1 .content .experienceBox_ul li {
    width: 144px;
    height: 183px;
    margin: 0 15px;
    position: relative
}

.ex_step1 .content .experienceBox_ul li .text {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 39px;
    line-height: 39px;
    font-size: 20px;
    width: 100%;
    background-color: #999999;
    color: #fff
}

.ex_step1 .content .experienceBox_ul li.li_selected .text,
.ex_step1 .content .experienceBox_ul li:hover .text {
    background-color: #2693ff
}

.ex_step1 .content .foot-btn {
    text-align: center
}

.ex_step1 .content .btn_sure {
    width: 144px;
    height: 47px;
    display: inline-block;
    background: #2693ff;
    color: #fff;
    font-size: 20px;
    line-height: 47px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer
}

.ex_step4 {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    z-index: 99999999
}

.ex_step4 .content {
    width: 660px;
    height: 650px;
    background: #fff;
    margin: auto;
    margin-top: 125px;
    box-shadow: 0 0 22px #777;
    position: relative
}

.ex_step4 .content .experience_close {
    float: right;
    margin: 7px;
    cursor: pointer
}

.ex_step4 .content h1 {
    font-size: 26px;
    color: #212121;
    padding-top: 35px;
    text-align: center;
    margin-bottom: 35px;
    letter-spacing: 2px
}

.ex_step4 .content .ex_close {
    position: absolute;
    right: 10px;
    top: 9px;
    display: block;
    height: 18px;
    cursor: pointer
}

.ex_step4 .content ul {
    padding: 0 55px
}

.ex_step4 .content ul li {
    width: 145px;
    height: 185px;
    background: #fff;
    border: 1px solid #dbdbdb;
    padding-top: 35px;
    margin: 0 16px;
    display: inline-block;
    margin-bottom: 40px;
    text-align: center;
    cursor: pointer;
    position: relative
}

.ex_step4 .content ul li:hover {
    border: 1px solid #2693ff
}

.ex_step4 .content ul li:hover .img1 {
    display: none
}

.ex_step4 .content ul li:hover .img2 {
    display: inline-block
}

.ex_step4 .content ul li .img2 {
    display: none
}

.ex_step4 .content ul li .title {
    font-size: 20px;
    color: #fff;
    display: block;
    position: absolute;
    background: #999;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px
}

.ex_step4 .content ul .li_selected {
    border: 1px solid #2693ff
}

.ex_step4 .content ul .li_selected .img1 {
    display: none
}

.ex_step4 .content ul .li_selected .img2 {
    display: inline-block
}

.ex_step4 .content ul .li_selected .title {
    background: #2693ff
}

.ex_step4 .content .btn_sure {
    width: 144px;
    height: 47px;
    background: #2693ff;
    color: #fff;
    font-size: 20px;
    line-height: 47px;
    text-align: center;
    border-radius: 4px;
    margin-left: 260px;
    cursor: pointer
}

.ex_step4 .content .btn_sure:hover {
    background: #3c93e8
}

.industryBox {
    width: 100%;
    height: 100%;
    position: absolute
}

.industryBox .industrytop {
    width: 1200px;
    margin: 48px auto 0;
    display: block
}

.industryBox .content {
    width: 1040px;
    height: 510px;
    background: #fff;
    margin: 5% auto
}

.industryBox .content h1 {
    font-size: 28px;
    color: #212121;
    padding-top: 49px;
    text-align: center;
    margin-bottom: 60px;
    letter-spacing: 2px
}

.industryBox .content ul {
    padding: 0 51px
}

.industryBox .content ul li {
    display: inline-block;
    margin-bottom: 50px;
    cursor: pointer;
    height: 110px;
    width: 95px;
    position: relative;
    border: 1px solid #ddd;
    text-align: center;
    margin: 0 17px 55px;
    vertical-align: middle
}

.industryBox .content ul li img {
    margin-top: 20px
}

.industryBox .content ul li .img2 {
    display: none
}

.industryBox .content ul li span {
    display: block;
    font-size: 16px;
    color: #fff;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 25px;
    background: #999
}

.industryBox .content ul li:hover {
    border: 1px solid #2693ff
}

.industryBox .content ul li:hover span {
    background: #2693ff
}

.industryBox .content ul li:hover .img1 {
    display: none
}

.industryBox .content ul li:hover .img2 {
    display: inline-block
}

.industryBox .content ul .li_selected {
    border: 1px solid #2693ff
}

.industryBox .content ul .li_selected .img1 {
    display: none
}

.industryBox .content ul .li_selected .img2 {
    display: inline-block
}

.industryBox .content ul .li_selected span {
    background: #2693ff
}

.bgPop {
    display: none;
    position: absolute;
    z-index: 99999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    min-width: 1200px;
    min-height: 5400px
}

.pop {
    display: none;
    width: 90%;
    height: 26%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: 99999999;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 3px 18px rgba(0, 0, 0, 0.5);
    font-size: 20px;
    text-align: center
}

.popTitle {
    padding: 9% 0;
    border-top: 8px solid #26a9f9
}

.oppBtn {
    position: absolute;
    bottom: 0%;
    width: 100%;
    height: 40%;
    border-top: 2px solid #ddd
}

.cancel,
.ok {
    width: 49%;
    padding: 0;
    float: left;
    background: none;
    color: #333;
    border: none;
    cursor: pointer;
    padding-top: 1%;
    font-size: 20px;
    height: 100%
}

.cancel {
    left: 160px;
    border-right: 2px solid #ddd
}

.ok {
    right: 160px
}

.logonContent_main {
    position: fixed;
    width: 100%;
    height: 100%;
    /* background: #0dc1f4; */
    z-index: -1;
    top: 0;
    background-size: cover !important;
    background: url("/administration/assets/images/account/logon/loginimagebg.png") no-repeat center
}

.logonContent_active {
    position: fixed;
    width: 100%;
    height: 100%;
    background: red;
    z-index: -1
}

.huiBanner_icon {
    margin: -147px 0 0 -367px
}

@media screen and (max-width:1650px) {
    .ex_step1 .content {
        margin-top: 60px;
        transition: all .5s
    }
}

@media screen and (max-width:1366px) {
    .huiBanner_icon {
        margin: -110px 0 0 -317px;
        height: 630px
    }

    .ex_step1 .content {
        transition: all .5s;
        margin-top: 10px
    }
}

.register_left .title2 {
    font-size: 33px;
    font-weight: bold
}

.register_left .title2 p {
    font-size: 24px;
    font-weight: normal
}

.checkbox_wra li {
    width: 40%;
    float: left;
    text-align: left;
    margin: 5px 0;
    padding-left: 30px
}

.checkbox_wra li:nth-child(2n) {
    width: 60%
}

.Experience_version .content {
    width: 1000px;
    height: 735px
}

.body_bgimg1 {
    background: url("/administration/assets/images/account/logon/banner4.jpg") no-repeat center
}

.body_bgimg2 {
    background: url("/administration/assets/images/account/logon/loginimagebg.png") no-repeat center
}

.body_bgimg3 {
    background: url("/administration/assets/images/account/logon/loginimagebg.png") no-repeat center top
}

.body_bgimg7 {
    background: url("/administration/assets/images/account/logon/banner7.jpg?v=202001101119") no-repeat center
}

.body_bgimg_qh {
    background: url("/administration/assets/images/account/logon/banner2.jpg?v=202001101119") no-repeat center
}

.body_bgimg_ql {
    background: url("/administration/assets/images/account/logon/loginimagebg.png?v=20200713") no-repeat center
}

.body_bgimg_national_day {
    background: url("/administration/assets/images/account/logon/national_day.jpg?v=20200922") no-repeat center
}

.index_modelwrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000000
}

.index_modelwrapper .index_model {
    width: 735px;
    height: 470px;
    background-color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -400px;
    padding: 15px;
    text-align: center;
    font-size: 17px;
    box-shadow: 0 0 30px #666;
    border-radius: 5px
}

.index_modelwrapper .index_model .top_close {
    display: block;
    float: right;
    cursor: pointer
}

.index_modelwrapper .index_model .index_modeltitle {
    font-size: 30px;
    display: inline-block;
    border-bottom: 1px solid #000;
    padding: 26px 5px 15px 5px;
    letter-spacing: 4px
}

.index_modelwrapper .index_model p {
    text-align: left;
    line-height: 48px;
    color: #000;
    margin: 30px 30px 0 30px;
    margin: 10px 20px auto !important;
    line-height: 30px !important;
    letter-spacing: 1px
}

.index_modelwrapper .index_model p span {
    display: inline-block;
    line-height: 25px
}

.index_modelwrapper .index_model div {
    margin-top: 20px;
    text-align: right
}

.index_modelwrapper .index_model div span {
    text-align: center;
    display: inline-block;
    letter-spacing: 2px;
    margin-right: 15px
}

.index_modelwrapper .index_model a {
    display: inline-block;
    width: 140px;
    height: 45px;
    border: 1px solid #585858;
    color: #585858;
    border-radius: 10px;
    line-height: 40px;
    font-size: 20px;
    margin-top: 15px;
    cursor: pointer;
    font-weight: 500;
    letter-spacing: 15px;
    text-align: center;
    padding-left: 15px
}

.loginType {
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
}

.login-tabs {
    display: flex;
    background: #FAFAFA;
    padding: 6px;
    border-radius: 6px;
}

.tab {
    flex: 1;
    text-align: center;
    padding: 12px 0;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.3s;
    color: #97a8be;
}

.tab.active {
    color: #4A5DFF;
    font-weight: 500;
    background: #fff;
}

.register-link {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    color: #97a8be;
}

.register-link a {
    color: #4A5DFF;
    text-decoration: none;
    margin-left: 5px;
}

.register-link a:hover {
    text-decoration: underline;
}

.divider {
    display: flex;
    align-items: center;
    margin: 25px 0;
    color: #97a8be;
    font-size: 14px;
}

.divider::before,
.divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background-color: #eaeefb;
}

.divider-text {
    padding: 0 15px;
    color: #000000;
}

.wechat-login {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
    border: 1px solid #eaeefb;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s;
}

.wechat-login:hover {
    background-color: #f9fafc;
}

.wechat-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-color: #07c160;
    border-radius: 4px;
    position: relative;
}

.wechat-icon::before,
.wechat-icon::after {
    content: "";
    position: absolute;
    background-color: #fff;
}

.wechat-icon::before {
    width: 12px;
    height: 4px;
    border-radius: 2px;
    top: 6px;
    left: 4px;
}

.wechat-icon::after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 3px;
    left: 7px;
}
   
.register-container {
    position: absolute;  /* 绝对定位 */
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    width: 430px;
    padding: 40px;
    right: 0;
}
.reset-password {
    position: absolute;  /* 绝对定位 */
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    width: 430px;
    padding: 40px;
    right: 0;
}
.wechat-login-modal{
    position: absolute;  /* 绝对定位 */
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
    width: 430px;
    padding: 40px;
    right: 0;
}

.register-header {
    margin-bottom: 20px;
}

.register-title {
    font-size: 24px;
    font-weight: 600;
    color: #1f2f3d;
    margin-bottom: 8px;
}

.form-group {
    margin-bottom: 20px;
    position: relative;
}

.form-label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    color: #606266;
    font-weight: 500;
}

.input-field {
    width: 100%;
    padding: 8px 15px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s;
}

.input-field:focus {
    outline: none;
    border-color: #6d48e5;
}

.verification-group {
    display: flex;
    gap: 12px;
}

.verification-input {
    flex: 1;
}

.get-code-btn {
    padding: 8px 20px;
    border: 1px solid #dcdfe6;
    border-radius: 6px;
    color: #4A5DFF;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s;
    background: rgba(74, 93, 255, 0.1);
}

.get-code-btn:hover {
    background-color: #e4e8f1;
}

.get-code-btn:disabled {
    background-color: #f5f7fa;
    color: #c0c4cc;
    cursor: not-allowed;
}

.agreement-group {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    font-size: 14px;
}

.agreement-checkbox {
    margin-right: 8px;
    margin-top: 3px;
    accent-color: #6d48e5;
}

.agreement-text {
    color: #606266;
    line-height: 1.5;
    margin-left: 8px;
}

.agreement-link {
    color: #6d48e5;
    text-decoration: none;
}

.agreement-link:hover {
    text-decoration: underline;
}

.register-btn {
    width: 100%;
    padding: 12px 0;
    background-color: #6d48e5;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s;
}

.register-btn:hover {
    background-color: #5a3bc2;
}

.login-link {
    text-align: center;
    margin-top: 20px;
    font-size: 14px;
    color: #606266;
}

.login-link a {
    color: #6d48e5;
    text-decoration: none;
    margin-left: 5px;
}

.login-link a:hover {
    text-decoration: underline;
}
.input-group{
    display: flex;   
    margin-bottom: 15px;
    position: relative;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    height: 45px;
}
 
.qrcode-section {
    margin-bottom: 25px;
    position: relative;
}

.qrcode-title {
        font-size: 16px;
    color: #4A5DFF;
    margin-bottom: 15px;
    text-align: center;
    height: 50px;
    border: 1px solid #D8D8D8;
    line-height: 50px;
    border-radius: 6px;
    background-color: #fff;
}

.qrcode-container {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    border: 1px solid #eaeefb;
    padding: 10px;
    position: relative;
}

.qrcode {
    width: 100%;
    height: 100%;
    background-image:
        linear-gradient(45deg, #f0f0f0 25%, transparent 25%, transparent 75%, #f0f0f0 75%, #f0f0f0),
        linear-gradient(45deg, #f0f0f0 25%, transparent 25%, transparent 75%, #f0f0f0 75%, #f0f0f0);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.qrcode-inner {
    width: 60px;
    height: 60px;
    background-color: #000;
    position: relative;
}

.qrcode-inner::before,
.qrcode-inner::after {
    content: ""
    ;
    position: absolute;
    background-color: #fff;
}

.qrcode-inner::before {
    width: 20px;
    height: 20px;
    top: 20px;
    left: 20px;
}

.qrcode-inner::after {
    width: 8px;
    height: 8px;
    top: 26px;
    left: 26px;
    border-radius: 50%;
}

.countdown {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: 12px;
    padding: 2px 6px;
    border-radius: 3px;
}

.register-link {
    margin-bottom: 20px;
    font-size: 14px;
    color: #606266;
}

.register-link a {
    color: #1890ff;
    text-decoration: none;
    margin-left: 5px;
}

.register-link a:hover {
    text-decoration: underline;
}

.divider {
    display: flex;
    align-items: center;
    margin: 25px 0;
    color: #97a8be;
    font-size: 14px;
}

.divider::before,
.divider::after {
    content: ""
    ;
    flex: 1;
    height: 1px;
    background-color: #eaeefb;
}

.divider-text {
    padding: 0 15px;
}

.account-login-btn {
    display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 10px 0;
        background-color: #f7f7f7;
        color: #000000;
        border: none;
        border-radius: 4px;
        font-size: 14px;
        cursor: pointer;
        transition: background-color 0.3s;
       border-radius: 6px;
      border: 1px solid #D8D8D8;
}


.wechat-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    background-color: #fff;
    border-radius: 4px;
    position: relative;
}

.wechat-icon::before,
.wechat-icon::after {
    content: ""
    ;
    position: absolute;
    background-color: #07c160;
}

.wechat-icon::before {
    width: 12px;
    height: 4px;
    border-radius: 2px;
    top: 6px;
    left: 4px;
}

.wechat-icon::after {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 3px;
    left: 7px;
}