* {
    padding: 0;
    margin: 0;
    outline: 0;
    word-wrap: break-word;
        box-sizing: border-box;
}
body[hide_model="useid"] .mb_list li .hover_layer {
    display: none !important;
}
@font-face {
  font-family: 'iconfont';  /* Project id 2573386 */
  src: url('//at.alicdn.com/t/font_2573386_0srlchkqfaes.woff2?t=1632724287539') format('woff2'),
       url('//at.alicdn.com/t/font_2573386_0srlchkqfaes.woff?t=1632724287539') format('woff'),
       url('//at.alicdn.com/t/font_2573386_0srlchkqfaes.ttf?t=1632724287539') format('truetype');
}
.iconfont {
    font-family: iconfont !important;
    font-style:normal !important;
}
.iconfont:hover{opacity: 0.8;}
html,
body {
    width: 100%;
    height: auto;
    color: #212121;
    font-size: 14px;
    font-family: 'Microsoft YaHei';
    line-height: 1.4;
    position: relative;
    min-width: 1240px;
}
.none {
    display: none !important;
}
i.highliht {
    font-style: normal;
    color: rgb(255, 178, 41);
}
.fixed_padding{
	padding-left:2%;
	padding-right:2%;
}
#pages{float:left; width:100%; padding:15px 0; text-align:center; }
#pages a {background:#f9f9f9; color:#6f6f6f; border-radius:4px; border:1px solid #cac9c9; font-family:Arial; height:36px; margin-right:5px; text-align:center; transition:background-color 0.2s ease-out 0s; padding:10px 14px; position:relative; display: inline-block;margin-bottom: 7px;}
#pages a#pageactive {background:#2254f4; color:#fff; border:1px solid #2254f4; cursor:default; }
#pages a.pageactive {background:#2254f4; color:#fff; cursor:default; }
#pages a:hover {background: #2254f4;color:#fff;border:1px solid #2254f4;}

/** 滚动条样式*/

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: rgb(80, 90, 113);
    border-radius: 10px;
    cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
    opacity: .8;
}

::-webkit-scrollbar-thumb:active {
    background-color: #2254f4;
}


/** a button 通用样式*/

a:link {
    text-decoration: none;
}

a,del,ins,s,u {
    text-decoration: none;
    color: inherit;
}
a:hover {
    color: #2254f4;
    text-decoration: none;
    cursor: pointer;
}

a:hover,button:hover {
    opacity: 0.8;
}

a,button {
    cursor: pointer;
}

li,ol,ul {
    list-style: none;
    color: inherit;
    font-size: 12px;
    font-weight: 400;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -moz-appearance: textfield;
}

input:focus::-webkit-input-placeholder {
    color: transparent !important;
}

input:focus:-moz-placeholder {
    color: transparent !important;
}

input:focus:-ms-input-placeholder {
    color: transparent !important;
}

input::-ms-clear,
input::-ms-reveal {
    display: none;
}

/** 头部*/
.fixed_header {
	top: 0px;
    width: 100%;
    height: 64px;
    background-color: #2254f4;
    padding: 0px 2%;
    line-height: 64px;
    position: relative;
    z-index: 99;
}

.fixed_header a.site_logo {
    display: inline-block;
    width: auto;
    max-height: 100%;
}

.fixed_header a.site_logo img {max-width: 130px;margin-top: 20px;vertical-align: inherit;}

.fixed_header .flex_content {
    display: inline-block;
    width: auto;
    height: 100%;
    float: right;
    line-height: 60px;
}
.fixed_header .flex_content .group_1 {
    display: inline-block;
}
.global_search.search-box {
    position: relative;
    display: inline-block;
    width: 360px;
    height: 37px;
    background: #fff;
    border-radius: 4px;
    margin: 0px;
    vertical-align: middle;
    z-index:2;
}

.global_search.search-box .search_type {
    display: inline-block;
    vertical-align: top;
    height: 37px;
    line-height: 37px;
    text-align: center;
    width: 85px;
    font-size: 14px;
    color: rgb(74, 99, 117);
    position: relative;
}
.global_search.search-box .search_type .show_text {
    cursor: pointer;
}
.global_search.search-box .search_type .show_text:after{position: absolute;top: 11px;right: 0px;content:'';display: inline-block;width: 1px;height: 18px;background: rgb(207,217,224);}
.global_search.search-box .search_type:hover .hover_panel {display: block;}
.global_search.search-box .search_type .hover_panel {
    display: none;
    transition-duration: .3s;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
    background: #fff;
    margin-top: -4px;
    padding: 10px 0px;
    box-shadow: 0px 2px 5px 0px rgb(42 42 42 / 23%);
    z-index: 10;
}

.global_search.search-box .search_type .hover_panel a.item {
    color: rgb(134, 159, 178);
    font-size: 14px;
    display: block;
    height: 30px;
    line-height: 30px;
    text-align: left;
    padding-left: 13px;
}.global_search.search-box input.search-input {
    border: none;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 135px);
    height: 37px;
    line-height: 37px;
    padding-left: 12px;
    color: rgb(95, 125, 149);
    font-size: 16px;
}

.global_search.search-box a.searchBtn {
    display: inline-block;
    color: rgb(74, 74, 74);
    font-size: 25px;
    line-height: 37px;
    vertical-align: top;
}

.fixed_header .flex_content .nav {display: inline-block;vertical-align: top;}

.fixed_header .flex_content .nav a.item {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 0px 12px;
}
.fixed_header .flex_content .nav a.item.cur_nav {
    color: rgb(255, 178, 41);
}
.fixed_header .flex_content .user_opt {
    display: inline-block;
    margin-left: 12px;
    width: 87px;
}
.fixed_header .flex_content .user_opt.logined { width: 55px;}
.fixed_header .flex_content a.signin_opt {
    font-weight: 600;
    display: inline-block;
    border: 2px solid #fff;
    width: 87px;
    height: 38px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}

.fixed_header .flex_content .user_info {
    /* display: none; */
    position: relative;
}

.fixed_header .flex_content .user_info .fixed_text {
    height: 100%;
    padding-top: 2px;
    cursor: pointer;
}
.fixed_header .flex_content .user_info .fixed_text>img {
    display: inline-block;
    background: rgb(1, 87, 155);
    width: 32px;
    height: 32px;
    border-radius: 50%;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 32px;
    text-align: center;
    vertical-align: middle;
}

.fixed_header .flex_content .user_info .fixed_text i.iconfont {
    color: #fff;
    margin-left: 5px;
}
.fixed_header .user_info:hover .user_info_show {display:inline-block}
.fixed_header .user_info .user_info_show {
    display: none;
    position: absolute;
    right: 0px;
    margin-top: 1px;
    width: 256px;
    height: auto;
    box-shadow: 0 0 transparent,0 0 transparent,0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);
    padding: 12px 16px;
    background: #fff;
}

.fixed_header .user_info  .info_panel {
    line-height: initial;
}

.fixed_header .user_info span.up_icon {
    position: absolute;
    right: 28px;
    top: -8px;
    color: #fff;
}

.fixed_header .user_info  .profile_panel {
    border-bottom: 1px solid rgb(227, 233, 237);
    padding-bottom: 5px;
    margin-bottom: 9px;
}

.fixed_header .user_info .profile_panel>img{
    display: inline-block;
    background: rgb(1, 87, 155);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    vertical-align: top;
}

.fixed_header .user_info .account_info {
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.fixed_header .user_info .account_info p.userid {font-family: "Proxima Nova";font-size: 14px;font-weight: 600;margin: 0px;line-height: initial;margin-bottom: 4px;}

.fixed_header .user_info .account_info p.email {
    line-height: initial;
    color: rgb(95, 125, 149);
    font-size: 12px;
    margin: 0px;
}

.fixed_header .user_info .account_info a.edit_btn {
    display: inline-block;
    width: 97px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #2254f4;
    color: #fff;
    border-radius: 4px;
    margin: 18px 0px;
}

.fixed_header .user_info .opt_item {
    height: 36px;
    line-height: 36px;
}

.fixed_header .user_info .opt_item a {color: rgb(55, 73, 87);display: inline-block;height: 100%;}
.fixed_header .user_info .opt_item i.iconfont{
    display: inline-block;
    font-size: 19px;
    vertical-align: middle;
    margin-right: 8px;
}
.fixed_header .user_info .opt_item a>span{
    display: inline-block;
    line-height: initial;
    vertical-align: middle;
}
.fixed_header .user_info .border_b {
    border-bottom: 1px solid rgb(227, 233, 237);
    padding-bottom: 5px;
    margin-bottom: 9px;
}
@media screen and (max-width: 1024px){
.global_search.search-box{
    width: 286px;
}
.global_search.search-box a.searchBtn{
}
.fixed_header .flex_content .nav a.item{
    padding: 0px 5px;
    font-size: 14px;
}
}
/** 白色头部*/
@media screen and (min-width: 1024px){
	.white_header .fixed_header {
	    background: #fff;
	    box-shadow: 0 5px 5px rgb(0 0 0 / 7%);
	}
	.white_header .fixed_header a.site_logo img.logo_a{display:none}
	.white_header .fixed_header a.site_logo img.logo_b{display:block !important;}
	
	.white_header .fixed_header .flex_content .nav a.item {
	    color: #333;
	}
	
	.white_header .fixed_header .flex_content .nav a.item.cur_nav {
	    color: #2254f4;
	}
	
	.white_header .fixed_header .flex_content a.signin_opt {
	    border-color: rgb(171, 171, 171);
	    color: rgb(171, 171, 171);
	}
}
/** 底部 begin*/
.bottom {
    background: #272A33;
        width: 100%;
}

.bottom .bottom-content,.bottom .version_tips {
    /**max-width: 1270px;*/
    width: 100%;
    text-align: left;
    margin: 0px auto 15px;
    padding: 10px 2% 0px;
    color: #818992;
    font-size: 12px;
}
.bottom .bottom-content .left_tips {width: 50%;display: inline-block;vertical-align: top;}
.bottom .bottom-content .col3 {
    width: 35%;
    display: inline-block;
    vertical-align: middle;
    margin: 10px 0px;
}
.bottom .bottom-content .col3 h6 {
    margin: 0 0px 10px;
}
.bottom .bottom-content .bottom-area {
    width: 15%;
    display: inline-block;
    vertical-align: middle;
}

.bottom .bottom-content .bottom-area a {
    display: block;
    margin: 10px 10px 10px 0px;
    color: #818992;
}

.bottom .version_tips {
    border-top: 1px solid #3a3838;
    padding-top: 8px;
    font-size: 12px;
    color: #818992;
    margin-bottom: 0px;
}
.bottom .version_tips p:last-child{margin-bottom:0px;padding-bottom: 10px;}

.null_tips {
    max-width: 380px;
    margin: 0 auto;
    padding-bottom: 23px;
}

.null_tips .con {}

.null_tips .con>img {
    width: 100%;
}

.null_tips .con>p {
    font-size: 20px;
    text-align: center;
    color: #888;
    padding: 0px 10px;
    width: 100%;
}

/** 底部end */
.fixed_right {
    position: fixed;
    display: inline-block;
    height: auto;
    width: 50px;
    text-align: center;
    right: 0px;
    bottom: 5%;
    z-index: 2;
    background: #fff;
    box-shadow: 0px 6px 15px 0px rgba(42, 42, 42, 0.1);
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: #818992;
}
.fixed_right a.item {
    display: inline-block;
    width: 100%;
    height: auto;
    padding: 10px 10px 5px;
    position: relative;
    cursor: pointer;
}
.fixed_right a.item:after{content:'';display: inline-block;width: 34px;border-bottom: 1px solid rgb(238, 238, 238);position: absolute;bottom: 0px;left: 8px;}
.fixed_right a.item:last-child:after{display:none}
.fixed_right a.item:hover{
    background: #2254f4;
    color: #fff;
    opacity: 1;
}
.fixed_right a.item:hover:after{display:none}
.fixed_right a.item.mpscantips:hover .mp-weixin-qrcode {
    display: block;
}
.mp-weixin-qrcode {
    position: absolute;
    display: none;
    width: 140px;
    height: 180px;
    right: 56px;
    top: -35px;
    z-index: 99;
    background-color: #fff;
    text-align: center;
    box-shadow: 0 2px 8px rgb(0 0 0 / 15%);
}
.mp-weixin-qrcode:after {
    content: '';
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 6px solid #fff;
    position: absolute;
    top: 56px;
    right: -6px;
}

.mp-weixin-qrcode .qr-code {
    width: 140px;
    height: 130px;
    background-image: url(/assets/global/images/mp_qrcode.jpg);
    background-size: 120px 120px;
    background-repeat: no-repeat;
    background-position: center;
}

.mp-weixin-qrcode .qr-title {
    text-align: center;
}

.mp-weixin-qrcode .qr-title-main {
    font-size: 14px;
    color: #4a4a4a;
}

.mp-weixin-qrcode .qr-title-detail {
    font-size: 12px;
    color: #888;
}
/** 右侧返回顶部按钮*/
.fixed_right a.item.reback_top{
	    display: none;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.fixed_right .reback_top:hover {
    display: inline-block;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
}
.fixed_right a.item.reback_top i.iconfont {
    font-size: 20px;
}
/** 分页样式*/

.pagination {
    display: block;
    text-align: center;
    padding: 20px;
    margin: 0px;
}

.pagination a,
.pagination span {
    display: inline-block;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid rgb(231, 231, 231);
    color: rgb(126, 126, 126);
    margin-right: 5px;
    padding: 0 5px;
}

.pagination a:hover {
    color: #fff;
    background: #2254f4;
}

.pagination span.current {
    background: #2254f4;
    color: #fff;
}



.modal-open {
    overflow: hidden;
}
/** 登录注册弹框演示*/
.userAccountOptModal .modal-content {
    width: 430px;
     height: 470px;
    border-radius: 4px;
}
.userAccountOptModal .modal-content a.lt-modal-close {
    z-index: 15;
    font-size: 12px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    top: 0;
    right: -56px;
    line-height: 1;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #ffff;
    text-align: center;
}
.userAccountOptModal .modal-content a.lt-modal-close:hover{
    color: inherit;
    opacity: 1;
}
.userAccountOptModal a.lt-modal-close i.lt-icon-close {
    font-size: 30px !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 40px;
    text-align: center;
}
.userAccountOptModal .toggle-sign-way {
    position: absolute;
    top: 1px;
    right: 1px;
    display: inline-block;
    width: 70px;
    height: 64px;
}

.userAccountOptModal .toggle-sign-way.qr {}

.userAccountOptModal .toggle-sign-way button {
    width: 100%;
    height: 100%;
    background-image: url(../images/signin_way.svg);
    background-position: -478px 0;
    cursor: pointer;
    border: none;
    background-color: #fff;
    outline: none;
}

.toggle-sign-way button:hover {
    background-position: -630px 0;
}
.userAccountOptModal .toggle-sign-way .toggle-way-tips {
    position: absolute;
    right: 64px;
    top: 16px;
    width: 111px;
    height: 24px;
    background-image: url(../images/signin_tip_bg.svg);
    color: #077efc;
    font-size: 12px;
    text-align: left;
    padding-left: 11px;
    line-height: 24px;
}
.userAccountOptModal .toggle-sign-way.qr button {
    background-position: -554px 0;
}
.userAccountOptModal.weixinQrCodeModal .toggle-sign-way.qr button {
    background-position: -478px 0;
}
.toggle-sign-way[class~=qr] button:hover {
    background-position: -706px 0;
}
.userAccountOptModal .modal-body .questionLink {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px;
    line-height: 14px;
    font-size: 14px;
    padding-right: 2px;
}

.userAccountOptModal .modal-body .questionLink a:first-child {
    font-size: 14px;
    color: #0773fc;
}

.userAccountOptModal .modal-body .questionLink a {
    font-size: 14px;
    color: rgba(0,0,0,.8);
}
.userAccountOptModal .login_footer_tip {
    width: 100%;
    height: 45px;
    background-color: rgb(237, 240, 244);
    line-height: 45px;
    padding-left: 15px;
    padding-right: 15px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    border-bottom-right-radius: 6px;
}

.userAccountOptModal .login_footer_tip span {
    font-size: 12px;
    color: #92979c;
}

.userAccountOptModal .login_footer_tip span>a {
    color: #494d51;
}
.userAccountOptModal .login_footer_tip span>a:hover{
    color: #2254f4;
    opacity: 1;
}
.userAccountOptModal .login_footer_tip>a {
    float: right;
    font-size: 12px;
    color: #2254f4;
}



.userAccountOptModal .modal-header {
    border: none;
    width: 100%;
}
.userAccountOptModal .modal-header .hd{position:relative; height:22px; line-height: 22px; text-align: center;}
.userAccountOptModal .modal-header .hd a:last-child{margin-right: 0;}
.userAccountOptModal .modal-header .hd .option{display: inline-block;line-height: 20px;padding: 1px 3px;margin-right: 64px;font-size: 16px;color: #999999;letter-spacing: 1px;}
.userAccountOptModal .modal-header .hd .option.check,.userAccountOptModal .modal-header .hd .option:hover{color: #2254f4;border-bottom: 2px solid #2254f4;}

.userAccountOptModal .modal-header .close {
    margin-top: -34px;
    margin-right: -8px;
}
.userAccountOptModal .modal-footer {
    border: none;
    text-align: center;
    width: 318px;
    max-width: 80%;
    margin: 40px auto;
    padding: 0px;
}

.userAccountOptModal .input_item input{
    width: 100%;
    letter-spacing: 1px;
    font-size: 14px;
    color: #1b2337;
    border: 1px solid #ebeef5;
    height: 42px;
    padding: 0 32px 0 16px;
    background: #fff;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
    margin-bottom: 24px;
}
.userAccountOptModal .input_item input:hover{
    border:1px solid #c1c6d0;
}
.userAccountOptModal .input_item input:focus{
    border:1px solid #0773fc;box-shadow:0 0 0 2px rgba(7,174,252,.1)
}

.userAccountOptModal span.get_verify_code {
    display: inline-block;
    width: 124px;
    height: 42px;
    position: absolute;
    right: 0px;
    top: 0px;
    border-radius: 4px;
    background-color: rgb(235, 240, 245);
    text-align: center;
    line-height: 50px;
    font-size: 14px;
    color: #333639;
    font-weight: bold;
    margin-left: 3px;
    cursor: pointer;
}
.userAccountOptModal span.get_verify_code.disabled {
    color: rgb(107, 115, 132);
    cursor: not-allowed ;
}
.userAccountOptModal .modal-footer button.btn-primary {
    display: block;
    width: 100%;
    height: 42px;
    border: none;
    margin: 0 auto;
    font-weight: bold;
    color: #fff;
    background-color: #076def;
    padding: 6px 15px;
    font-size: 16px;
    border-radius: 4px;
}
.userAccountOptModal .modal-footer button.mpauthbtn {
    display: none;
    width: 100%;
    height: 42px;
    border: none;
    margin: 0 auto;
    font-weight: bold;
    color: #fff;
    background-color: #07c160;
    padding: 6px 15px;
    font-size: 16px;
    border-radius: 4px;
    margin-top: 17px;
}
.userAccountOptModal .modal-body {
    position: static;
    text-align: center;
    width: 318px;
    max-width: 80%;
    margin: 80px auto 0px;
    padding: 0px;
}

.userAccountOptModal span.title {
    display: inline-block;
    position: relative;
    width: 96px;
    height: 24px;
    background: url(../images/login_title_tip_bg.png) no-repeat;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    border-radius: 3px;
    font-size: 12px;
    color: rgb(237, 72, 0);
        padding-left: 4px;
}
.userAccountOptModal .modal-body .signin-title {
    font-size: 20px;
    color: rgba(0,0,0,.8);
    font-weight: 700;
    margin-bottom: 40px;
    text-align: left;
    line-height: 26px;
}

.userAccountOptModal .modal-footer a {
    display: inline-block;
    width: 70px;
    height: 20px;
    margin-top: 22px;
}

.userAccountOptModal .modal-footer a:hover {
    text-decoration: underline;
    color: #2254f4;
}

.userAccountOptModal .modal-body .other {
    width: 344px;
    margin: -8px auto 8px;
    height: 5px;
    position: relative;
    bottom: 8px;
}

.userAccountOptModal .modal-body .other span:first-child {
    float: left;
    color: #187efd;
    cursor: pointer;
}

.userAccountOptModal .modal-body .other span:last-child {
    float: right;
    cursor: pointer;
}
.userAccountOptModal .mobile_code_input {
    position: relative;
}


.userAccountOptModal .modal-body .text_tips {
    margin-bottom: 35px;
    font-size: 14px;
    color: rgb(128, 137, 156);
}
/* 手机验证码注册*/ 
#mobileSigninModal.userAccountOptModal .modal-body {
    margin-top: 55px;
}
#mobileSigninModal.userAccountOptModal .modal-body .signin-title {
    margin-bottom: 15px;
}

#mobileSigninModal.userAccountOptModal .modal-body input {
    margin-bottom: 12px;
}

#mobileSigninModal.userAccountOptModal .modal-footer {
    margin: 16px auto;
}
/** 微信扫码*/
.weixinQrCodeModal.userAccountOptModal .modal-body .signin-title{
    text-align: center;
    margin-bottom: 20px;
}
.weixinQrCodeModal.userAccountOptModal .modal-body .signin-title i {
    display: inline-block;
    width: 26px; 
    height: 26px;
    background-image: url(../images/signin_way.svg);
    background-position: 0 0;
    margin-right: 10px;
    vertical-align: middle;
} 
.weixinQrCodeModal.userAccountOptModal .weixinqrcode {
    width: 184px;
    height: 184px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    margin: 24px auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
} 
.weixinQrCodeModal.userAccountOptModal .weixinqrcode img{width:100%;}
.weixinQrCodeModal.userAccountOptModal .text2 {
    margin-top: 8px;
    font-size: 12px;
    color: #8693ab;
    line-height: 12px;
    letter-spacing: 0;
}

.weixinQrCodeModal.userAccountOptModal .text2 a.question_btn {
    color: #00a2ed;
}

.weixinQrCodeModal.userAccountOptModal .text1 {
    height: 14px;
    color: #1b2337;
    letter-spacing: 0;
    text-align: center;
    line-height: 14px;
    font-weight: 400;
}
/*------------件样式---------------------------------------------*/
.mb_list li.empty-item {
    background: transparent !important;
    margin: 0px !important;
    padding: 0px !important;
    height: 0px !important;
    border: 0px !important;
        min-height: unset;
}

.mb_list ul {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.mb_list li {
    position: relative;
    display: inline-block;
    max-width: 19%;
    min-width: 19%;
    height: auto;
    max-height: 400px;
    min-height: 160px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 0px 2px 5px 0px rgba(42, 42, 42, 0.23);
    margin-bottom: 25px;
    vertical-align: top;
    overflow: hidden;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    flex-basis: 0;
    -webkit-flex-basis: 0;
    padding: 6px;
}
.mb_list li:hover{box-shadow: 0px 10px 18px 0px rgba(42, 42, 42, 0.23);}
.mb_list .img_show {height: 100%;position: relative;max-width: 100%;border-radius: 4px;overflow: hidden;}
.mb_list .img_show:before {
    content: "";
    display: block;
    padding-top: calc(56% + 30px);
}
.mb_list.excel_list .img_show:before{padding-top: calc(65% + 30px);}
.mb_list .img_show img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 0px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
}
.mb_list li .img_show:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.mb_list li .img_show:hover .hover_layer{top: 0;transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
.mb_list li .hover_layer {
    position: absolute;
    top: -100%;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0,0.502);
    border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    z-index: 1;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    cursor: pointer;
}
.mb_list li .hover_layer .opt_area {
    position: absolute;
    top: 50%;
    transform: translate(0px,-50%);
    width: 100%;
    text-align: center;
}
.mb_list a.godetail {
    display: inline-block;
    width: 110px;
    height: 35px;
    background-color: #2254f4;
    border-radius: 4px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    color: rgb(255, 255, 255);
    font-weight: bold;
    vertical-align: top;
    margin-right: 20px;
    opacity: 1;
}
.mb_list a.godetail:hover{
    background-color: #214bd2;
}
.mb_list .title{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding: 0px 7px 0px 5px;
    font-size: 14px !important;
    font-weight: normal !important;
    font-family: "Microsoft YaHei";
    color: rgb(70, 70, 70);
    background-color: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mb_list label{font-weight:normal}

.mb_list a.loading_btn {
    display: none;
    width: 135px;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    border-radius: 4px;
    background: #2254f4;
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px;
}
.mb_list .null_tips~a.loading_btn {
    display: none;
}
@media screen and (max-width: 1024px){
	.mb_list a.loading_btn {
   		 display: block;
	}
}
 /** word*/
 .mb_list.word_list li {
    max-height: unset;
    min-height: unset;
    max-width: 300px;
    min-width: 300px;
}
.mb_list.word_list .img_show img {
    position: relative;
}

.mb_list.word_list .img_show:before {
    padding: 0px;
}
 /** excel*/
 .mb_list.excel_list li {
    max-height: unset;
    min-height: unset;
    max-width: 288px;
    min-width: 288px;
}
.mb_list.excel_list .img_show img {
    position: relative;
}

.mb_list.excel_list .img_show:before {
    padding: 0px;
}
/**--------------------------------- 组件样式---------------------------------------------*/
/** 用户升级V1*/
.user_upgrade_modal {}

.user_upgrade_modal .modal-content {}

.user_upgrade_modal .modal-header {
    display: none;
}

.user_upgrade_modal .modal-body {
    padding: 0px;
}

.user_upgrade_modal .modal-footer {
    display: none;
}
/** 用户升级V2*/
.user_upgrade_modal .vip_box_v2 {
    width: 730px;
    height: 650px;
}
.user_upgrade_modal .vip_box_v2 .top_box {
    width: 100%;
    height: 60px;
    background: #2254f4;
    padding: 15px 0px 0px 15px;
}

.user_upgrade_modal .vip_box_v2 .top_box .user_info_text {}

.user_upgrade_modal .vip_box_v2 .top_box .user_info_text .info_avatar {
    display: inline-block;
    width: 40px;
    height: 40px;
    margin-right: 5px;
}
.user_upgrade_modal .vip_box_v2 .top_box .user_info_text .info_avatar img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.user_upgrade_modal .vip_box_v2 .top_box .user_info_text .info_base {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    margin-right: 29px;
}

.user_upgrade_modal .vip_box_v2 .top_box .user_info_text .info_base p {
    margin: 0px;
}

.user_upgrade_modal .vip_box_v2 .top_box .user_info_text .info_base p.user_type_attr {}

.user_upgrade_modal .vip_box_v2 .top_box button.close {
    opacity: 0.8;
    position: absolute;
    right: 11px;
    top: 11px;
    text-shadow: unset;
    filter: unset;
    color: #fff;
    font-weight: normal;
    font-size: 15px;
}
.user_upgrade_modal .vip_box_v2 .top_box button.close:hover{
    transform: rotate(360deg);
    transition: 1s;
}
.user_upgrade_modal .vip_box_v2  .pay_item {
    padding: 30px 0px 15px 30px;
}
.user_upgrade_modal .vip_box_v2 .pay_item ul.grade_item {}
.user_upgrade_modal .vip_box_v2 .pay_item li.item {
    display: inline-block;
    position: relative;
    width: 200px;
    border: 1px solid #f2f3f6;
    margin: 0 30px 0px 0px;
    box-sizing: border-box;
    padding: 0px;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    color: rgb(27, 30, 34);
    vertical-align: top;
    overflow: hidden;
    box-shadow: 0px 5px 4px 0px rgb(74 75 77 / 8%);
}
.user_upgrade_modal .vip_box_v2 .pay_item li.item[vip_type="jinjie"]:before {content:'';background: url(../images/vtj1.png);background-size: cover;width: 50px;height: 50px;position: absolute;top: 0px;right: 0px;z-index: 33;}
.user_upgrade_modal .vip_box_v2 .pay_item li.item:last-child{
    /* margin: 0px; */
}
.user_upgrade_modal .vip_box_v2 .pay_item li.item[vip_type="jinjie"] .top_desc,.user_upgrade_modal .vip_box_v2 .pay_item li.item[vip_type="excelVip"] .top_desc,.user_upgrade_modal .vip_box_v2 .pay_item li.item[vip_type="wordVip"] .top_desc{
    /* background: #8343e2; */
    background: url(../images/vb2.png);
    background-size: cover;
}
.user_upgrade_modal .vip_box_v2 .pay_item li.item[vip_type="gaoji"] .top_desc{
    /* background: #e4b170; */
    background: url(../images/vb3.png);
    background-size: cover;
}
.user_upgrade_modal .vip_box_v2 .pay_item li.item:hover{
    border-color: #2254f4;
}
.user_upgrade_modal .vip_box_v2 .pay_item li.item.choosed{border: 1px solid #2254f4;box-shadow: unset;}
.user_upgrade_modal .vip_box_v2 .pay_item li.item.choosed:after{content:'\e8b7';font-family: iconfont;font-size: 25px;position: absolute;right: -1px;bottom: -5px;color: #2254f4;z-index: 2;}

.user_upgrade_modal .vip_box_v2 .pay_item .top_desc {
    /* background: #4488f4; */
    background: url(../images/vb1.png);
    background-size: cover;
    position: relative;
    padding: 10px 0px;
    color: #fff;
}

.user_upgrade_modal .vip_box_v2 .pay_item .top_desc h3 {
    margin: 0px;
}

.user_upgrade_modal .vip_box_v2 .pay_item .top_desc p.price {
    font-weight: bold;
    margin-bottom: 5px;
}

.user_upgrade_modal .vip_box_v2 .pay_item .top_desc p.price>i {
    font-style: normal;
}

.user_upgrade_modal .vip_box_v2 .pay_item .top_desc p.price>span {
    font-size: 21px;
}

.user_upgrade_modal .vip_box_v2 .pay_item .top_desc p.sale_tips {
    margin: 0px;
}

.user_upgrade_modal .vip_box_v2 .pay_item li.item .auth_list {
    padding-bottom: 14px;
}

.user_upgrade_modal .vip_box_v2 .pay_item li.item li {
    padding: 7px 10px;
    text-align: right;
    color: #5f656f;
    font-size: 12px;
}

.user_upgrade_modal .vip_box_v2 .pay_item li.item span.autho_name {
    float: left;
}

.user_upgrade_modal .vip_box_v2 .pay_item li.item span.auth_val {}


.user_upgrade_modal .vip_box_v2 .pay_method_item {
    padding: 15px 30px;
}

.user_upgrade_modal .vip_box_v2 .pay_method_item p.title {
    font-size: 14px;
    color: rgb(53, 63, 78);
    font-weight: bold;
    line-height: 1.2;
    margin: 0px 0px 10px;
}
.user_upgrade_modal .vip_box_v2 .pay_method_item li.pay_item{
    display: inline-block;
    width: 200px;
    height: 55px;
    border: 1px solid rgb(174, 186, 205);
    padding: 10px;
    border-radius: 13px;
    cursor: pointer;
    margin-right: 50px;
}
.user_upgrade_modal .vip_box_v2 .pay_method_item li.pay_item.checked svg path {fill: #2254f4 !important;}
.user_upgrade_modal .vip_box_v2 .pay_method_item li.pay_item i.iconfont{
    display: inline-block;
    vertical-align: middle;
    margin-top: 0px;
    margin-right: 5px;
    cursor: pointer;
}
.user_upgrade_modal .vip_box_v2 .pay_method_item i.choose_icon {}

.user_upgrade_modal .vip_box_v2 .pay_method_item img {
    vertical-align: middle; 
}

.user_upgrade_modal .vip_box_v2 .amount_settle {
       padding: 28px 30px 26px;
       border-top: 1px solid #EEEFF4;
}

.user_upgrade_modal .vip_box_v2 .amount_settle p.total {
    display: inline-block;
    margin: 0px;
    font-size: 14px;
    color: rgb(54, 60, 70);
}

.user_upgrade_modal .vip_box_v2 .amount_settle span.price {
    font-size: 20px;
    color: #ff2828;
    font-weight: bold;
}


.user_upgrade_modal .vip_box_v2 .amount_settle a.pay_btn {
    float: right;
    width: 110px;
    height: 40px;
    border-radius: 4px;
    background-color: #2254f4;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
    margin-top: -5px;
    text-align: center;
    padding: 0px;
}
/** 小屏时处理*/
.user_upgrade_modal.minH .vip_box_v2 {
    height: 550px !important;
}

.user_upgrade_modal.minH .vip_box_v2 .pay_item {
    padding: 15px 0px 0px 30px;
}

.user_upgrade_modal.minH .vip_box_v2 .amount_settle {
           padding: 14px 30px 18px;
    height: 50px;
}
.user_upgrade_modal.minH .vip_box_v2 .pay_method_item {
    padding: 8px 30px 4px; 
}

.user_upgrade_modal.minH .vip_box_v2 .pay_item li.item li {
    padding: 6px 10px;
}
.user_upgrade_modal.minH .vip_box_v2 .top_box {
    height: 50px;
    padding: 6px 0px 0px 15px;
}
/** 下载方式选择*/
.download_method {
    width: 100%;
    height: auto;
}

.download_method .method_item {
    display: block;
    width: 100%;
    text-align: left;
    padding: 14px 21px;
    cursor: pointer;
    border-top: 1px solid #e5e5e5;
}
.download_method .method_item:first-child{
    margin-right: 6px;
    border-top: none;
}

.download_method .method_item i.iconfont {
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    color: #999999;
    margin-right: 10px;
}

.download_method .method_item p {
    color: #212121;
    display: inline-block;
    vertical-align: middle;
    /* margin-left: 10px; */
}

.download_method_layer .layui-layer-content {
    width: 300px;
}

.download_method .method_item:hover {
    /* box-shadow: 0px 10px 18px 0px rgb(42 42 42 / 23%); */
    background-color: #fafafb;
}
.download_method .method_item .email_input {
    display: none;
    padding-left: 35px;
}
.download_method .method_item.choosed .email_input{
    display: block;
}
.download_method .method_item .email_input input[type="text"] {
    width: 138px;
    height: 30px;
    padding: 0 5px;
    margin-right: 10px;
    font-size: 12px;
    color: #333333;
    background-color: #fafafb;
    border-radius: 5px;
    border: none;
    border: 1px solid #e6e6e6;
    display: inline-block;
    vertical-align: middle;
}

.download_method .method_item  button.confirm_btn {
    width: 55px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    background-color: #2254f4;
    border-radius: 5px;
    cursor: pointer;
    border: none;
    display: inline-block;
    vertical-align: middle;
}
.user_opt_event .mb_list li .hover_layer {
    display: none !important;
}

.user_opt_event button.addPptList {
    display: inline-block !important;
    float: right;
    height: 25px;
    line-height: 25px;
    border-radius: 2px;
    background: rgb(34, 84, 245);
    color: #fff;
    border: none;
    font-size: 12px;
    padding: 0px 5px;
    margin-top: 3px;
}