* {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    position: relative;
    line-height: 1.5;
    font-size: 14px;
    /* font-family: Arial, Helvetica, STHeiTi, sans-serif;*/
    margin: 0 auto
}

ul,
ol,
li {
    list-style: none;
}

a {
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {

    text-decoration: none
}

img {
    display: block
}

html {
    background: #fafafa;
    font-family: "微软雅黑";
}

.layer {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    width: 24px;
    height: 14px;
    background: url("//bancai.lgmi.com/images/layer_advert.png") no-repeat center;
}

.container {
    width: 100%;
    /*    max-width: 1920px;*/
    height: auto;
    display: table;
    margin: 0 auto;

}

.box-rightBox {
    margin-top: 10px;
}

.main {
    width: 1200px;
    height: auto;
    display: table;
    margin: 15px auto 40px auto;
}

.main-left {
    float: left;
    width: 198px;
    height: auto;
    display: table;
}

.main-left-item1 {
    width: 100%;
    height: 55px;
    overflow: hidden;
    background: #eee;
    margin-bottom: 10px;
	position:relative
}

.main-left-item2 {
    width: 100%;
    height: 115px;
    overflow: hidden;
    background: #eee;
    margin-bottom: 10px;
	position:relative
}

.main-left-item3 {
    width: 100%;
    height: 60px;
    overflow: hidden;
    background: #eee;
    margin-bottom: 10px;
	position:relative
}

.main-right {
    float: left;
    margin-left: 10px;
}

.box1,
.box2,
.box3 {
    display: table;
    margin-bottom: 10px;
}

.box1>div,
.box2>div,
.box3>div {
    float: left;
    background: #eee;
    margin-left: 10px;
}

.box1>div:first-child,
.box2>div:first-child,
.box3>div:first-child {
    margin-left: 0;
}

.box1-item1 {
    position: relative;
    background: #eee;
    width: 230px;
    height: 55px;
}

.box1-item2 {
    position: relative;
    width: 244px;
    height: 55px;
}

.box1-item3 {
    position: relative;
    width: 244px;
    height: 55px;
}

.box1-item4 {
    position: relative;
    width: 244px;
    height: 55px;
}

.box2-item1 {
    background: #eee;
    width: 230px;
    height: 115px;
    position: relative;
}

.box2-item2 {
    width: 372px;
    height: 115px;
    position: relative;
}

.box2-item2-item1,
.box2-item2-item2 {
    position: relative;
    width: 372px;
    height: 55px;
    background: #9fb3dd;
}

.box2-item2-item2 {
    margin-top: 5px;
    position: relative;
}

.box2-item3 {
    position: relative;
    width: 180px;
    height: 115px;
}

.box2-item4 {
    position: relative;
    width: 180px;
    height: 115px;
}

.box3-item1 {
    position: relative;
    background: #eee;
    width: 230px;
    height: 60px;
}

.box3-item2 {
    position: relative;
    width: 372px;
    height: 60px;
}

.box3-item3 {
    position: relative;
    width: 370px;
    height: 60px;

}

.box4 {
    position: relative;
    width: 100%;
    display: table;
    margin-top: 10px;
}

.title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    height: 36px;
    line-height: 36px;
    border-bottom: 2px solid #1844a7;
    padding-bottom: 5px;
}

.title span {
    display: inline-block;
    margin-left: 15px;
}

.title a {
    float: right;
    margin: 2px 15px 0 0;
	    color: #9b9b9b;
    font-size: 14px;
}

.box4>div {
    float: left;
    width: 390px;
    height: auto;
    display: table;
    background: #fff;
    margin-left: 15px;
    padding: 10px 0;
}
.box-list{ width:100%; height:272px}
.box-list ul li{ height:auto}


.box6>div:first-child {
    margin-left: 0;
    background: none;
    padding: 0
}

.box4>div:first-child {
    margin-left: 0;
}

.box4>div:last-child {
    margin-left: 0;
    float: right;
}

.tab-centent-item {
    display: none;
}

.tab-centent-item2 {
    margin-top: 12px;
}

.tab-centent-item ul li,
.tab-centent-item2 ul li {

    width: 92%;
    line-height: 34px;
    height: 34px;
    margin: 0 auto;
}

.tab-centent-item ul li a,
.tab-centent-item2 ul li a {
    float: left;

    max-width: 80%;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.tab-centent-item3 ul li a {
    max-width: 99%;
}

.tab-centent-item ul li a:hover,
.tab-centent-item2 ul li a:hover {
    color: #1042ab;
    text-decoration: none
}

.tab-centent-item ul li span,
.tab-centent-item2 ul li span {
    float: right;
    color: #797979
}

.bind-box {
    width: 92%;
    height: auto;
    /*display: table;*/
    margin: 9px auto 10px auto;
    padding-bottom: 9px;
}

.bind-box a {
    display: block;
    color: #333333;
    width: 100%;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bind-box a:hover {
    color: #1042ab;
}

.info-group {
    margin-top: 6px;
}

.info-group span {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-size: 12px;
    margin-right: 10px
}

.info-group span.bind-item1 {
    background: #bc1e18;
    color: #fff
}

.info-group span.bind-item2 {
    background: #9fb3dd;
    color: #fff
}

.info-group p {
    float: right;
    color: #999999;
    height: 24px;
    line-height: 24px;
}

.box5 {
    width: 100%;
    display: table;
    margin-top: 10px;
}

.box5-item1 {
    position: relative;
    float: left;
    width: 240px;
    height: 70px;
    background: #eee;
}

.box5-item2 {
    position: relative;
    float: right;
    width: 740px;
    height: 70px;
    background: #eee;
    overflow: hidden;
}


.box5-item20251124{
    position: relative;
    float: left;
    width: 232px;
    height: 60px;
    background: #eee;
	margin-right:10px;
	float:left;
}
.box5-item20251124:nth-child(5n) {
    position: relative;
    float: left;
    width: 232px;
    height: 60px;
    background: #eee;
	margin-right:0px
}


.box4-item1-item2 {
    background: #fff;
    margin-top: 10px;

}

.box4-item1-item1 {
    background: #fff;
}

.box4-item1-item2>div,
.box4-item1-item1>div {
    padding: 8px 0;
}


.box7 {
    width: 100%;
    display: table;
    margin-top: 10px;
}

.box7-item1 {
    float: left;
    width: 390px;
    height: 700px;
    background: #fff;
}

.box7-item2 {
    float: right;
    width: 795px;
    height: 700px;
    background: #fff;
}

.box7-item2-item1 {
    float: left;
    width: 390px;
}

.box7-item2-item2 {
    float: right;
    width: 390px;
}

.box7-item2-item1 h2,
.box7-item2-item2 h2 {
    width: 92%;
    font-size: 14px;
    color: #1844a7;
    margin: 10px auto 0 auto;
}

.box7-item2-item2 h2 a,
.box7-item2-item1 h2 a {
    color: #1844a7;
	display:block;
	width:100%
}
.box7-item2-item1 h2 a span,.box7-item2-item2 h2 a span{ float:right}
.box7-item2-item1 h2 a::before,
.box7-item2-item2 h2 a::before {
    display: inline-block;
    content: "";
    width: 3px;
    height: 14px;
    background: #1844a7;
    vertical-align: middle;
    margin: -2px 6px 0 0;
}

.box8 {
    width: 100%;
    display: table;
    margin-top: 10px;
}

.box8>div {
    float: left;
    background: #eee;
    margin-left: 15px;
}

.box8>div:first-child {
    margin-left: 0;
}

.box8>div:last-child {
    margin-left: 0;
    float: right;
}

.box8-item1 {
    background: #eee;
    width: 320px;
    height: 70px;
}

.box8-item2 {
    width: 320px;
    height: 70px;
}

.box8-item3 {
    width: 320px;
    height: 70px;
}

.chart {
    width: 100%;
    height: 375px;
    background: #ececec;
}


.tab-nav {
    display: table;
    height: 24px;
    font-weight: normal;
    margin: 10px auto 0 auto;
}

.tab-nav a {
    margin-right: 6px
}

.tab-nav a:last-child {
    margin-right: 0
}

.a-on,
.b-on,
.e-on,
.c-on {
    FLOAT: left;

    CURSOR: pointer;
    line-height: 24px;
    text-align: center;
    color: #fff;
    height: 24px;
    background: #1844a7;
    width: 126px;
    text-align: center;
}

.a-off,
.b-off,
.e-off,
.c-off {
    FLOAT: left;
    CURSOR: pointer;
    line-height: 24px;
    text-align: center;
    color: #333;
    height: 24px;
    display: inline;
    width: 126px;
    text-align: center;
    background: #ebebeb;
}

.d-on,

.f-on {
    FLOAT: left;
    CURSOR: pointer;
    line-height: 24px;
    text-align: center;
    color: #fff;
    height: 24px;
    background: #1844a7;
    width: 147px;
    text-align: center;
}

.d-off,

.f-off {
    FLOAT: left;
    CURSOR: pointer;
    line-height: 24px;
    text-align: center;
    color: #333;
    height: 24px;
    display: inline;
    width: 147px;
    text-align: center;
    background: #ebebeb;
}


.a-on a,
.a-on a:hover,
.b-on a,
.b-on a:hover,
.c-on a,
.c-on a:hover,
.d-on a,
.d-on a:hover,
.e-on a,
.e-on a:hover,
.f-on a,
.f-on a:hover {
    color: #fff;
}

.a-off a,
.a-off a:hover,
.b-off a,
.b-off a:hover,
.c-off a,
.c-off a:hover,
.d-off a,
.d-off a:hover,
.e-off a,
.e-off a:hover,
.f-off a,
.f-off a:hover {
    color: #333;
}






.login {
    position: absolute;
    top: 0;
    right: 0;
    width: 126px;
    height: 170px;
}

/*扫码登录*/
.login-box {
    display: none
}

.login_count {
    box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.16);
    z-index: 999999999999;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 360px;
    height: 400px;
    background: url("//bancai.lgmi.com/NewZhongHouban/images/login-bg.png") no-repeat center;
    padding: 20px;
    margin: -220px auto 0 auto
}

.login_count_a {
    position: relative;
    width: 100%;
}

.login_count_a_l {
    position: absolute;
    right: 0;
    z-index: 99;
    width: 40%;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.icon_e {
    height: 18px;
}

.login_a_l_t,
.login_a_l_t img,
.login_b_l_t,
.login_b_l_t img {
    position: relative;
    top: -4px;
    right: -6px;
    width: 76px;
    height: 26px;

}

.triangle {
    float: left;
    width: 0;
    height: 0;
    border-width: 11px;
    border-style: solid;
    border-color: transparent #3EE1E2 transparent transparent;
    transform: rotate(180deg);
}

#all {
    position: relative;
    top: 10px;
    width: 320px;
    margin: 0px auto 0px;
}

#option {
    width: 200px;
    height: 40px;
    line-height: 40px;

    margin-bottom: 40px;
}

#option li {
    float: left;
    text-align: center;
    width: 86px;
    height: 38px;
    cursor: pointer;
    color: #4f4f4f;
    font-size: 16px;

}

#option li.active {
    font-size: 20px;
    color: #333;
    font-weight: bold;
    border-bottom: 2px solid #1042ab
}

#card li {
    height: 100%;
    display: none;
}

#card li.active {
    display: block;
}

.login_bot_count {
    width: 318px;
    border: 1px solid #e1e1e1;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    border-radius: 4px;
    background: #f3f5fb;

    margin: 10px 0 10px 0;
}

.login_bot_count>img {
    width: 30px;
    height: 30px;
    padding-left: 5px;
}

.login_bot_count>input {
    height: 35px;
    border: 0px;
    width: 282px;
    background: none
}

.login_bot_count>input::-webkit-input-placeholder {
    color: #dedede;
}

.login_bot {
    width: 100%;
    height: auto;
    display: table;
    margin-top: 18px;
    float: left
}

.login_bot>a,
.login_bot>p {
    color: #555555;
}

.login_bot>label {
    float: left;
    color: #555555;
    cursor: pointer
}

.login_bot>label input {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 14px;
    border: 1px solid #9fb3dd;
    margin: -2px 4px 0 0
}

.login_bot>a {
    float: right;

}


/*记住密码勾选框*/

.login_bot>p>input[type="checkbox"] {
    width: 10px;
    height: 10px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 10px;
    position: relative;
}

.login_bot>p>input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border: 1px solid #dedede;
}

.login_bot>p>input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: white;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #dedede;
    color: #898989;
    font-size: 12px;
    font-weight: bold;
}

.register {

    text-align: center;
    color: #000;
    font-size: 13px;
    padding-right: 5px;
    margin-top: 20px;
}

.register a {
    color: #2b79ee;
}

/*按钮样式*/

.login_button {
    margin-top: 20px;
    width: 320px;
    border: 0px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    background: #1042ab;
    border-radius: 4px;
    cursor: pointer
}

.login_account_count {
    width: 318px;
    border: 1px solid #e1e1e1;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    border-radius: 4px;
    background: #f3f5fb;

    margin-top: 10px;
}

.login_account_count>img,
.login_account_counts>img {
    width: 30px;
    height: 30px;
    padding-left: 5px;
}

.login_account_count>input {
    height: 35px;
    border: 0px;
    width: 282px;
    background: none
}



.mobile_input {
    height: 35px;
    border: 0px;
    width: 75%;
}

.account_select {
    color: #4F4F4F;
    font-size: 14px;
    border: 0px;
    margin: 0px 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 45px;
    z-index: 999;
    background: none;
}

.account_select_icon {
    position: relative;
    left: -8%;
    height: 10px !important;
}

.login_account_counts {
    float: left;
    width: 188px;
    border: 1px solid #e1e1e1;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    height: 38px;
    border-radius: 4px;
    background: #f3f5fb;

    margin-top: 10px;
}



.original {
    float: right;
    color: #3969a3;
    width: 120px;
    height: 40px;
    background: #eea72b;
    text-align: center;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    margin-top: 10px;
}



.login_account_counts>input {
    height: 35px;
    border: 0px;
    width: 247px;
    background: none
}

.account_code {
    color: white;
    background-color: #26CBD6;
    padding: 5px;
    font-size: 12px;
    cursor: pointer;
    border: 0px;
}

.login_account_count>input::-webkit-input-placeholder {

    color: #dedede;
}

.login_account_counts>input::-webkit-input-placeholder {
    color: #dedede;
}


/*按钮样式*/

.login_account_button {
    margin-top: 20px;
    width: 320px;
    border: 0px;
    height: 40px;
    font-size: 16px;
    color: #fff;
    background: #1042ab;
    border-radius: 4px;
    cursor: pointer
}

.login_count_b {
    position: relative;
    width: 100%;
    display: none;
}

.login_count_b_l {
    position: absolute;
    z-index: 99;
    width: 100%;
    height: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;

}

.icon_e,
.icon_z {
    width: 60px;
    height: 60px;
    cursor: pointer
}


.login_b_title>img {
    height: 22px;
    margin-right: 5px;
}

.login_b_title {
    position: relative;
    top: 15px;
    left: 4px;
    width: 320px;
    margin: 0 auto;

    color: black;
    font-size: 20px;
    font-weight: bold;
}

.login-code {
    width: 174px;
    height: 174px;
    margin: 80px auto 20px auto;
    overflow: hidden;
    text-align: center
}

.login-code img {
    display: block;
    width: 174px;
    height: 174px;
    margin: 0 auto
}

.libqr_text {
    width: 100%;
    text-align: center;
    color: #666;

}

.libqr_text span {
    color: #1042ab;
}


/*右侧侧边栏*/
.suspension {
    position: fixed;
    z-index: 55;
    right: 0;
    bottom: 120px;
    height: 250px;
}

.suspension-box {
    position: relative;
    ;
    width: 54px;
    height: 185px;
    background: #fff;
    box-shadow: 0 3px 10px rgba(20, 9, 29, .06);
}

.suspension-box a {
    display: block;
    width: 38px;
    height: 50px;
    outline: none;
    border-bottom: 1px solid #e1e1e1;
    margin: 0 auto;
    text-align: center;
    font-size: 12px;
    color: #777777;
    padding-top: 10px
}

.suspension a:hover {
    color: #1042ab
}

.suspension a i {
    float: left;
    width: 38px;
    height: 24px;
    background-repeat: no-repeat;
    background-position: center
}

/* .suspension .a-service .i{background-position:0 0;} */
.suspension .feedback i {
    background-image: url("//bancai.lgmi.com/newzhonghouban/images/feedback.png");
}

.suspension a.feedback:hover i {
    background-image: url("//bancai.lgmi.com/newzhonghouban/images/feedback-1.png");
}

.suspension .app i {
    background-image: url("//bancai.lgmi.com/newzhonghouban/images/app.png");
}

.suspension a.app:hover i {
    background-image: url("//bancai.lgmi.com/newzhonghouban/images/app-1.png");
}

.suspension .official-account {
    border-bottom: 0
}

.suspension .official-account i {
    background-image: url("//bancai.lgmi.com/newzhonghouban/images/weixin.png");
}

.suspension a.official-account:hover i {
    background-image: url("//bancai.lgmi.com/newzhonghouban/images/weixin-1.png");
}


.suspension .a-top i {
    float: left;
    width: 54px;
    height: 54px;
    background: url("//bancai.lgmi.com/newzhonghouban/images/top-icon.png") no-repeat center
}

.suspension .a-top {
    width: 54px;
    height: 54px;
    background: #fff;
    display: none;
    text-align: center;
    margin-top: 10px;
}

.suspension .a-top:hover {
    background: #c0c1c3;
}



.suspension .d {
    display: none;
    width: 146px;
    height: 126px;
    background: url("//bancai.lgmi.com/newzhonghouban/images/suspension-bg.png") no-repeat center;
    position: absolute;
    right: 63px;
    padding-top: 20px
}

.qrcode-img {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.qrcode-img img {
    width: 100px;
    height: 100px;
}

.suspension .d .arrow {
    position: absolute;
    width: 8px;
    height: 12px;
    background: url("//bancai.lgmi.com/newzhonghouban/images/side_bg_arrow.png") no-repeat;
    right: -8px;
    top: 31px;
}

.suspension .d-service {
    top: 0;
}

.suspension .d-service-phone {
    top: 34px;
}

.suspension .d-app {
    top: 18px;
}

.suspension .d-qrcode {
    top: 78px;
}




/*????*/
.problem {
    display: none
}

.problem-mask {
    z-index: 99999999999;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.4;
    cursor: pointer;
}

.problem-center {
    z-index: 999999999999;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width: 520px;
    height: 550px;
    margin: -300px auto 0 auto;
    background:#fefefe url("//bancai.lgmi.com/newzhonghouban/images/problem-bg.jpg") no-repeat top;
    overflow: hidden;
    box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.16);
    border-radius: .54rem .54rem .54rem .54rem;
    opacity: 1;
    padding:20px 40px 40px 40px  ;
}

.problem-center a {
    position: absolute;
    top: 14px;
    right: 20px;
    width: 10px;
    height: 16px
}
.problem-center h2{font-size:24px; color:#000; text-align:center; margin-bottom:40px}
.problem-tab span{ display:inline-block; width:124px; height:30px; text-align:center; line-height:30px; color:#666666; background:#fff; border-radius:4px; border:1px sloide #fff; margin-right:5px; cursor:pointer }
.problem-tab span.active{border:1px sloide #1042ab; background:#9fb3dd;color:#fff;}
.problem-title{margin-top:20px}
.problem-title span{font-size:16px; color:#000;}
.problem-title span::before{
	display:inline-block;
	content:"";
	width:3px;
	height:15px;
	background:#1042ab;
	vertical-align:middle;
	margin:-2px 4px 0 0
}

.problem-input {
    width: 96%;
    height: 38px;
    line-height: 38px;
    border: 1px solid #efefef;
    background: #f9f9f9;
    border-radius: 4px;
    padding: 0 10px;
    margin-top: 10px;
}
.problem-input input{width:100%;height: 36px;
    line-height: 36px;border:0; background: #f9f9f9;}
.problem-center button {
    display: block;
    margin: 40px auto 0 auto;
    width: 184px;
    height: 44px;
    line-height: 44px;
    border: 0;
    background: #1042ab;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 3px 10px #1042ab;
}

.textarea {
    position: relative;
    width: 520px;
    height: 200px;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 3px 10px #e1e1e1;
    margin-top: 10px;
	background:#f9f9f9
}

.textarea textarea {
    display: block;
    width: 96%;
    height: 100%;
    border: 0;
    resize: none;
    line-height: 20px;
    margin: 10px auto 0 auto;
	background:#f9f9f9
}

.textarea-length {
    position: absolute;
    right: 20px;
    bottom: 10px;
}
.hhh{ width:100%; height:auto; display:table; margin-top:10px}
::placeholder {
    color: #c3c3c3;
}
/*-------*/
.problem2 {
    display: none
}


.problem-center2 {
    z-index: 999999999999;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    width:480px;
    height: 530px;
    margin: -315px auto 0 auto;
    background:url("//bancai.lgmi.com/newzhonghouban/images/problem2-bg.png") no-repeat top;
    overflow: hidden;
   padding:40px 80px 40px 80px;
}

.problem-center2 a {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 10px;
    height: 16px
}
.problem-center2 h2{font-size:24px; color:#000; text-align:center; margin-bottom:40px}
.problem2-title{margin-top:20px;font-size:16px;}
.problem2-title span{font-size:16px; color:#1042ab;}
.problem2-maxheight{ width:100%; height:400px;}


.problem-center2 button {
    display: block;
    margin: 40px auto 0 auto;
    width: 184px;
    height: 44px;
    line-height: 44px;
    border: 0;
    background: #1042ab;
    color: #fff;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 3px 10px #1042ab;
}

.textarea2 {
    position: relative;
    width: 100%;
    max-height: 200px;
  
    overflow-y: auto;
    margin-top: 10px;
}


/*扫码登录*/
.login-box{ display:none}
.login_count {
     box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.16);
    z-index: 999999999999;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
	width: 360px;
	height: 400px;
 background: url("../new-images/login-bg.png") no-repeat center; padding: 20px;
    margin: -220px auto 0 auto
}

.login_count_a {
    position: relative;
	width: 100%;
}

.login_count_a_l {
    position: absolute;
    right: 0;
    z-index: 99;
	width: 40%;
    height: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
}

.icon_e {
	height: 18px;
}

.login_a_l_t,.login_a_l_t img,.login_b_l_t,.login_b_l_t img{
    position: relative;
    top: -4px;right: -6px;
	width: 76px;
    height: 26px;
	
} 

.triangle {
	float: left;
	width: 0;
	height: 0;
	border-width: 11px;
	border-style: solid;
	border-color: transparent #3EE1E2 transparent transparent;
	transform: rotate(180deg);
}

#all {
    position: relative;top: 10px;
	width: 320px;
	margin:0px auto 0px;
}

#option {
	width: 200px;
	height: 40px;
	line-height: 40px;
	
	margin-bottom: 40px;
}

#option li {
	float: left;
	text-align: center;
	width: 86px;
	height: 38px;
	cursor: pointer;
	color: #4f4f4f;
	font-size: 16px;

}

#option li.active {
	font-size: 20px;
    color: #333;
    font-weight: bold;
 border-bottom: 2px solid #1042ab
}

#card li {
	height: 100%;
	display: none;
}

#card li.active {
	display: block;
}

.login_bot_count {
	width: 318px;
	border: 1px solid #e1e1e1;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	height: 38px;
    border-radius: 4px;
     background: #f3f5fb;

	margin: 10px 0 10px 0;
}

.login_bot_count>img {
    width: 30px;
	height: 30px;
	padding-left: 5px;
}

.login_bot_count>input {
	height: 35px;
	border: 0px;
	width: 282px;
     background: none
}

.login_bot_count>input::-webkit-input-placeholder {
	color: #dedede;
}

.login_bot {
	width: 100%;
	height: auto;
    display: table;
    margin-top: 18px;
    float: left
}

.login_bot>a,
.login_bot>p {
	color: #555555;
}

.login_bot>label {
    float: left;
	color: #555555;
    cursor: pointer
}
.login_bot>label input{display:inline-block; vertical-align: middle;width: 14px; height: 14px; border: 1px solid #9fb3dd; margin: -2px 4px 0 0}
.login_bot>a {
    float: right;
	
}


.login-bbox{ box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.16);
    z-index: 999999999999;
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
	width:340px;
	height: 380px; margin:-130px auto 0 auto}



/*.logoClose{ text-align:center; font-size:12px; color:#919191; margin-top:20px; position:absolute; top:365px;left:0px; width:100%;display:block; margin:0 auto;display:none}*/

.logoClose{ text-align:center; font-size:12px; color:#999; margin-top:20px;width:100%;display:block; /*margin:-35px auto 0 auto;*/ font-weight:normal; position:absolute; left:0;right:0; bottom:12px;z-index:2}

.logoClose span{display:inline-block; cursor:pointer;}
.logoClose span::before
{ display:inline-block;
  content:"";
  width:14px;
  height:14px;
   background:url("../new-images/loginClose.png?vs=2.0") no-repeat center;
   vertical-align:middle; 
   margin:-1px 4px 0 0;
      background-size:100% 100%
    }







/*记住密码勾选框*/

.login_bot>p>input[type="checkbox"] {
	width: 10px;
	height: 10px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	line-height: 10px;
	position: relative;
}

.login_bot>p>input[type="checkbox"]::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 100%;
	border: 1px solid #dedede;
}

.login_bot>p>input[type="checkbox"]:checked::before {
	content: "\2713";
	background-color: white;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border: 1px solid #dedede;
	color: #898989;
	font-size: 12px;
	font-weight: bold;
}

.register {
  
    text-align: center;
    color: #000;
    font-size: 13px;
    padding-right: 5px;
    margin-top: 20px;
}

.register a {
    color: #2b79ee;
}
/*按钮样式*/

.login_button {
	margin-top: 20px;
	width: 320px;
	border: 0px;
	height: 40px;
	font-size: 16px;
	color: #fff;
	background: #1042ab;
    border-radius: 4px;
    cursor: pointer
}





.login_account_count {
	width: 318px;
	border: 1px solid #e1e1e1;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	height: 38px;
    border-radius: 4px;
     background: #f3f5fb;

	margin-top: 10px;
}

.login_account_count>img,.login_account_counts>img {
    width: 30px;
	height: 30px;
	padding-left: 5px;
}

.login_account_count>input {
	height: 35px;
	border: 0px;
	width: 282px;
     background: none
}



.mobile_input {
	height: 35px;
	border: 0px;
	width: 75%;
}

.account_select {
	color: #4F4F4F;
	font-size: 14px;
	border: 0px;
	margin: 0px 5px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	width: 45px;
	z-index: 999;
	background: none;
}

.account_select_icon {
	position: relative;
	left: -8%;
	height: 10px!important;
}

.login_account_counts {
    float: left;
width: 188px;
	border: 1px solid #e1e1e1;
	display: inline-flex;
	align-items: center;
	justify-content: space-between;
	height: 38px;
    border-radius: 4px;
     background: #f3f5fb;

	margin-top: 10px;
}



.original {
    float: right;
    color: #3969a3;
    width: 120px;
    height: 40px; background: #eea72b;
    text-align: center; color: #fff;
    line-height: 40px;
  border-radius: 4px;
	margin-top: 10px;
}



.login_account_counts>input{
height: 35px;
	border: 0px;
	width: 247px;
     background: none
}

.account_code {
	color: white;
	background-color: #26CBD6;
	padding: 5px;
	font-size: 12px;
	cursor: pointer;
	border: 0px;
}

.login_account_count>input::-webkit-input-placeholder {

	color: #dedede;
}

.login_account_counts>input::-webkit-input-placeholder {
	color: #dedede;
}


/*按钮样式*/

.login_account_button {
margin-top: 20px;
	width: 320px;
	border: 0px;
	height: 40px;
	font-size: 16px;
	color: #fff;
	background: #1042ab;
    border-radius: 4px;
     cursor: pointer
}

.login_count_b {
    position: relative;
	width: 100%;
	display: none;
}

.login_count_b_l {
	  position: absolute;
    z-index: 99;
	width: 100%;
    height: 60px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-end;
  
}

.icon_e,
.icon_z {
    width: 60px;
	height: 60px;
    cursor: pointer
}


.login_b_title>img {
	height: 22px;
	margin-right: 5px;
}

.login_b_title {
    position: relative;
    top: 15px;
    left: 4px;
	width: 320px;
	margin: 0 auto;

	color: black;
	  font-size: 20px;
	font-weight: bold;
}

.login-code {
    width: 174px;
    height: 174px;
	margin: 80px auto 20px auto;
    overflow: hidden;
    text-align: center
}
.login-code img{display: block; width: 174px;
    height: 174px; margin: 0 auto}
.libqr_text {
	width: 100%;
	text-align: center;
	color: #666;
	
}
.libqr_text span{color: #1042ab;}