@charset "UTF-8";
html,body{width:100%;height:100%;overflow:hidden;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input, textarea  {
    margin: 0;
    padding: 0;
    border: none;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing:border-box;
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
    -webkit-text-size-adjust: none;
}
body{font-family: "PingFang SC", "Microsoft YaHei", "HanHei SC", "Helvetica Neue", "Open Sans", Arial, "Hiragino Sans GB", 微软雅黑, STHeiti, "WenQuanYi Micro Hei", SimSun, sans-serif, HYWenHei-GEW !important;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a{
    color:#007aff;
    text-decoration:none;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
a:focus,a:hover{color:#007aff;text-decoration:none;}
img{vertical-align:middle;}
ul,li { list-style:none;}
.bg-white{ background-color:#ffffff;}
.fl{float:left;}
.fr{ float:right;}
.pr{ position:relative;}
.pa{ position:absolute;}
s { text-decoration:none;}
.fontsize_0{ font-size:0;}
.fontBlack{ color:#111111;}
.fontGray{ color:#999999 !important;}
.fontGreen{ color:#50b811 !important;}
.fontRed{ color:#ef3030 !important;}
.fontOrange {color:#ff8941 !important;}
.fontBlue {color:#007aff !important;}
.fontYellow {color:#dde985;}
.font14 {font-size:14px !important; font-weight:normal;}
.font14_2 {font-size:14px;color:#555;}
.font20 {font-size:19px;}
.font18 {font-size:18px;}
.label-warning {background-color: #ff8941;}
.label-warning1 {background-color: #dedede;
    color: #111;}

/*清除float*/
.clearfix:after {content: ".";  display:block;  height:0;  clear: both;  visibility: hidden;}
.clearfix {display:inline-block;}
* html .clearfix {height:0; }
.clearfix {display: block; overflow:auto; clear:both; height:0;}
.textOver{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

::-webkit-scrollbar {width:6px;height:6px;position:absolute}
::-webkit-scrollbar-thumb {background-color:#d7dbe3; border-radius: 10px;}
::-webkit-scrollbar-track {background-color:rgba(0,0,0,0.01)}

/**input 美化**/
input,button{ outline: none!important;}
input[type=checkbox],
input[type=radio]
{width:16px;height:16px;background-color:#fff;border:solid 1px #ccc;-webkit-border-radius:.6rem;border-radius:3px;margin:0;padding:0;position:relative;display:inline-block;vertical-align:top;cursor:default;-webkit-appearance:none;-webkit-user-select:none;user-select:none;-webkit-transition:background-color ease .1s;transition:background-color ease .1s}

/**input 美化**/
input[type=checkbox],
input[type=radio]
{width:16px;height:16px;background-color:#fff;border:solid 1px #ccc;-webkit-border-radius:.6rem;border-radius:3px;margin:0;padding:0;position:relative;display:inline-block;vertical-align:top;cursor:default;-webkit-appearance:none;-webkit-user-select:none;user-select:none;-webkit-transition:background-color ease .1s;transition:background-color ease .1s}

input[type=checkbox]{border-radius:3px;margin-right:6px!important;position:relative;top:1px}
input[type=radio] {top:10px;}
input[type=checkbox]:checked,input[type=radio]:checked{background-color:#007aff;border:solid 1px #007aff;text-align:center;}
input[type=checkbox]:checked:after,
input[type=checkbox]:checked:before{content:'';width:10px;height:5px;position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-4px;background:0 0;border:1px solid #fff;border-top:none;border-right:none;z-index:2;-webkit-border-radius:0;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
input[type=radio]:checked:after,
input[type=radio]:checked:before{
    content: '';
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    background: #fff;
    z-index: 2;
    -webkit-border-radius: 0;
    border-radius: 4px;
}
input[type=checkbox]:disabled,
input[type=radio]:disabled{background-color:#ddd;border:solid 1px #ddd}

input[type=checkbox]:disabled:after,
input[type=checkbox]:disabled:before,
input[type=radio]:disabled:after,
input[type=radio]:disabled:before{content:'';width:.5rem;height:.3rem;position:absolute;top:50%;left:50%;margin-left:-.25rem;margin-top:-.4rem;background:0 0;border:1px solid #fff;border-top:none;border-right:none;z-index:2;-webkit-border-radius:0;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
input[type=radio]{border-radius:20px}

.checkbox label, .radio label {margin-right:20px;font-size:14px;}
.control-label {font-size:14px;}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right:5px;
    padding-left: 5px;
}

.btn {
padding: 5px 12px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btn-default {
color: #007aff;
background-color: #fff;
border-color: #97c9ff;
}
.btn-default:hover {background-color:#e6f2ff;border-color:#97c9ff;color:#007aff;}
.btn-default.focus,.btn-default:focus{
    color: #007aff;
    background-color: #fff;
    border-color: #97c9ff;
}
.btn-primary {
color: #fff;
background-color: #007aff;
border-color: #007aff;
}
.btn-primary:hover {
background-color: #208bff;
border-color: #208bff;
}
.btn-primary.focus,.btn-primary:focus{
    background-color: #007aff;
    border-color: #007aff;
}
.btn-danger {
    color: #ef3030;
    background-color: #fff;
    border-color:#d2d6de;
}
.btn-danger:hover{
    color: #ef3030;
    background-color: #ffe9e9;
    border-color: rgba(239,48,48,0.5);
}
.btn-danger.focus,.btn-danger:focus{
    color: #ef3030;
    background-color: #ffe9e9;
    border-color: rgba(239,48,48,0.5);
}
.btn-warning {
    color: #ff8f36;
    background-color: #fff;
    border-color: #fdc396;
}
.btn-warning:hover {
    color: #ff8f36;
    border-color: #fdc396;
    background-color: #ffeedf;
}
.btn-warning.focus,.btn-warning:focus{
    color: #ff8f36;
    background-color: #fff;
    border-color: #fdc396;
}

.loginbg {background-image: linear-gradient(to bottom right, #0040d1,#002475);}
.logo_login {display:flex;align-items: center; justify-content: center;width:100%;margin:40px 0 40px 0;}
.login_container {
    max-width: 1100px;
    max-height: 558px;
    border-radius: 20px;
    background: #fff;
    background-image: linear-gradient(to bottom, #d0e9ff,#ffffff);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 80%;
    height: 60%;
    min-width: 830px;
}
.login_img {width:650px;display:flex;justify-content: center;padding-top:65px;}
.login_box {/*width:390px;height:440px*/;background:#fff;border-radius:15px;margin-right: 35px;}
.login_tab {height: 50px;line-height: 50px;font-size:20px;color:#333;}
.login_tab ul {margin: 10px;display:flex;align-items: center;justify-content: center;gap: 20px;}
.login_tab ul li { display:flex;justify-content: center;position:relative;}
.login_tab a {color:#333;display:inline-block;text-align:center;font-size: 18px;
     }
.login_tab ul li.tab_sel a {color:#007aff;}
.login_tab ul li.tab_sel:after{
content:"";
position:absolute;
left:calc(50% - 25px);
bottom:0;
width:50px;
height:4px;
border-radius:2px;
background:#007aff;
}
.login_phone {
    display: block;
    width: 300px;
    height: 270px;
    margin-top: 0px;
    padding: 20px;
}
.layui-form-select dl dd.layui-this{
    background-color: #007aff;
}
.login_phone ul li {background-color:#efeff4;width:340px;height:54px;line-height:54px;border-radius:15px;margin-bottom:30px;position:relative;}
.login_input {background:#efeff4;height:54px;line-height: 54px;width:340px;padding-right:86px;padding-left:45px;border-radius:10px;}
.login_phone ul li i{font-size:14px;color:#b3b3b3;position:absolute;left:15px;top:1px;}
.login_phone ul li .getcode {
position: absolute;
line-height: 54px;
right: 5px;
top: 0;
padding: 0 10px;
font-size:14px;
color:#007aff;
border:none;
background:transparent;
}
a.login_btn {width:340px;height:54px;line-height: 54px;background:#007aff;border-radius:10px;display:block;color:#fff;text-align:center;font-size:14px;}
a.login_btn:hover {background-color:#208bff;}
.agree {margin-top:30px;font-size:14px;text-align:center;}
.weixin {display:flex;flex-direction: column;  height:360px;}
.qrcode {padding: 7px 0 20px 0;}

.xuzi {
font-size: 14px;
line-height: 1.7;
max-height: 75vh;
overflow-y: auto;
margin-right: -10px;
padding: 0 20px;
}
.xuzi p {padding-bottom:20px;text-indent: 2em;}

.mainbg {background-color:#002475;overflow-x: auto}
.left-menu {width:180px;background: linear-gradient(to right, #002d94,#002475);min-height: 100%;position: fixed;top:0;left:0;z-index: 100}
.left-menu:after {content:"";background:url(../../img/left_menu_img.png) no-repeat;width:171px;height:117px;position: absolute;bottom:20px;left:20px;display:block;opacity: 0.7;}
.right-container {margin-left:180px;min-width: 1000px;}
.right-header {height:50px;}
.right-content {background:#eef0fb;border-radius:15px 0 0 0;height:calc(100vh - 50px);}
.logo {
    /*margin:20px 0 0 30px;*/
    margin: 10px auto 0;
    text-align: center;
}
.logo img {image-rendering: -webkit-optimize-contrast;
    width: 130px;
    height: auto;
}
.menu-nav {margin-top:30px;}
.menu-nav ul li a {padding-left:30px;color:#fff;width:100%;display:block; position: relative;font-size:14px;opacity:0.7;height:38px;line-height: 38px;margin:8px 0;}
.menu-nav ul li.is_open a {opacity:1;}
.menu-nav ul li .sub_menu{display: none;}
.menu-nav ul li.is_open .sub_menu{display: block;}
.menu-nav ul li a:hover {background-color:rgba(255,255,255,0.08);}
.menu-nav ul li a i.arrow_st {position:absolute;right:15px;top:2px;font-size:12px;transform: scale(0.7);}
.menu-nav ul li a i.menu_icon {font-size:14px;display:inline-block;margin-right:10px; vertical-align:middle;margin-bottom:2px;}
.sub_menu ul li a i.icon_circle {font-size:12px !important;margin-right:5px; vertical-align: middle;margin-bottom: 1px;display: inline-block;}
.sub_menu ul li a {padding-left:47px;}
.menu-nav ul li.menu_sel a,.menu-nav ul li.level1 a.menu_sel {background-color:#007aff;opacity:1;}
.library {text-align:center;margin-top:30px;}
.library a {padding: 5px 50px;}


/*
* Component: Dropdown menus
* -------------------------
*/
/*Dropdowns in general*/
.dropdown-menu {
    box-shadow: none;
    border-color: #eee;
}
.dropdown-menu > li > a {
    color: #777;
}
.dropdown-menu > li > a > .glyphicon,
.dropdown-menu > li > a > .fa,
.dropdown-menu > li > a > .ion {
    margin-right: 10px;
}
.dropdown-menu > li > a:hover {
    background-color: #e1e3e9;
    color: #333;
}
.dropdown-menu > .divider {
    background-color: #eee;
}
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
    width: 280px;
    padding: 0 0 0 0;
    margin: 0;
    top: 100%;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li,
.navbar-nav > .messages-menu > .dropdown-menu > li,
.navbar-nav > .tasks-menu > .dropdown-menu > li {
    position: relative;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.header,
.navbar-nav > .messages-menu > .dropdown-menu > li.header,
.navbar-nav > .tasks-menu > .dropdown-menu > li.header {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: #ffffff;
    padding: 7px 10px;
    border-bottom: 1px solid #f4f4f4;
    color: #444444;
    font-size: 14px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    font-size: 12px;
    background-color: #fff;
    padding: 7px 10px;
    border-bottom: 1px solid #eeeeee;
    color: #444!important;
    text-align: center;
}
@media (max-width: 991px) {
    .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,
    .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,
    .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {
        background: #fff!important;
        color: #444!important;
    }
}
.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {
    text-decoration: none;
    font-weight: normal;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
    max-height: 200px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    display: block;
    white-space: nowrap;
    /* Prevent text from breaking */
    border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
    background: #f4f4f4;
    text-decoration: none;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {
    color: #444444;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,
.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {
    width: 20px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {
    margin: 0;
    padding: 10px 10px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {
    margin: auto 10px auto auto;
    width: 40px;
    height: 40px;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {
    padding: 0;
    margin: 0 0 0 45px;
    color: #444444;
    font-size: 14px;
    position: relative;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {
    color: #999999;
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 0;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {
    margin: 0 0 0 45px;
    font-size: 12px;
    color: #888888;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
    content: " ";
    display: table;
}
.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {
    clear: both;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
    padding: 10px;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {
    font-size: 14px;
    padding: 0;
    margin: 0 0 10px 0;
    color: #666666;
}
.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {
    padding: 0;
    margin: 0;
}
.navbar-nav > .user-menu > .dropdown-menu {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 1px 0 0 0;
    border-top-width: 0;
    width: 280px;
}
.navbar-nav > .user-menu > .dropdown-menu,
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header {
    height: 175px;
    padding: 10px;
    text-align: center;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {
    z-index: 5;
    height: 90px;
    width: 90px;
    border: 3px solid;
    border-color: transparent;
    border-color: rgba(255, 255, 255, 0.2);
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    z-index: 5;
    font-size: 16px;
    margin-top: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {
    display: block;
    font-size: 13px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body {
    padding: 15px;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #dddddd;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
    content: " ";
    display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {
    clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-body a {
    color: #444 !important;
}
@media (max-width: 991px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-body a {
        background: #fff !important;
        color: #444 !important;
    }
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer {
    background-color: #f9f9f9;
    padding: 10px;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
    content: " ";
    display: table;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {
    clear: both;
}
.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {
    color: #666666;
}
@media (max-width: 991px) {
    .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {
        background-color: #f9f9f9;
    }
}
.navbar-nav > .user-menu .user-image {
    float: left;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -5px;
}
@media (max-width: 767px) {
    .navbar-nav > .user-menu .user-image {
        float: none;
        margin-right: 0;
        margin-top: -8px;
        line-height: 10px;
    }
}

.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
    background-color:rgba(255,255,255,0.1);
    border:none;
}
.dropdown-toggle i {color:rgba(255,255,255,0.8);}

/* Add fade animation to dropdown menus by appending
 the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/
.open:not(.dropup) > .animated-dropdown-menu {
    backface-visibility: visible !important;
    -webkit-animation: flipInX 0.7s both;
    -o-animation: flipInX 0.7s both;
    animation: flipInX 0.7s both;
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transition-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        transform: perspective(400px);
    }
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-transition-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-transition-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    100% {
        -webkit-transform: perspective(400px);
    }
}
/* Fix dropdown menu in navbars */
.navbar-custom-menu {float:right;}
.navbar-custom-menu > .navbar-nav > li.user-menu span {
    display: inline-block;
    max-width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
}
.navbar-custom-menu > .navbar-nav > li {
    position: relative;
}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
    position: absolute;
    right: 0;
    left: auto;
}
@media (max-width: 991px) {
    .navbar-custom-menu > .navbar-nav {
        float: right;
    }
    .navbar-custom-menu > .navbar-nav > li {
        position: static;
    }
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {
        position: absolute;
        right: 5%;
        left: auto;
        border: 1px solid #ddd;
        background: #fff;
    }
}
.nav>li>a>.label {
    position: absolute;
    top: 9px;
    right: -18px;
    text-align: center;
    font-size: 9px;
    padding: 2px 3px;
    line-height: .9;
}
.dropdown-menu.weixin_container {
    width: 150px !important;
    padding:10px 0 !important;
    border-radius:10px !important;
}
.weixin_con {display: flex;flex-direction: column;align-items: center;justify-content: center;}
.font18 {font-size:18px !important;}

/*面包屑*/
.st_breadcrumb {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    color: #000;
    padding: 0 15px;
    background: #fff;
    border-radius: 15px 0 0 0;
    box-shadow: 0 2px 4px rgb(0 0 0 / 12%), 0 0 6px rgb(0 0 0 / 4%);
    position: relative;
    z-index: 10;
    font-family: '宋体', serif;
}

.box-content {padding:20px;overflow-y: auto;height: calc(100% - 40px);}
.box{
    background-color:#fff;
    border-radius:10px;
    min-height: 100px;
    margin-bottom:20px;
    padding-bottom:10px;
}
.box-header {padding-top:15px;}
.box-title {font-size:14px;color:#111;font-weight:700;position: relative;padding-left:16px;}
.box-title:before{
    content:"";
    width:4px;
    height:16px;
    background-color: #007aff;
    position:absolute;
    left:0;
    top:3px;
}
.box-body {padding:10px;}
.margin-bottom-0 {margin-bottom:0 !important;}

.tab-custom {height:30px;line-height: 30px;margin:0 0 15px 0;}
.tab-custom ul {display:flex;}
.tab-custom ul li {margin-right:40px;}
.tab-custom ul li.tab_sel2 a {color:#007aff;border-bottom:2px solid #007aff;}
.tab-custom ul li a {font-size:14px;color:#333;display:block;}
.tab-custom ul li a i {color:#828282;}
.tab-custom ul li.tab_sel2 a i {color:#007aff;}

.form-control{box-shadow: none;border:1px solid #e0e0e0;border-radius:4px;
    height: 30px;}
textarea {resize: none;}

/*表格兼容性调整*/
.cTable {
    width: 100%;
    border-spacing:0;
    border-collapse:collapse;
    background:#fff;
    word-wrap:break-word;
    word-break:break-all;
}
.cTable td {
    padding:8px 12px;
    line-height:1.42857143;
    vertical-align:middle;
    border-bottom:1px solid #f4f4f4;
    word-break: break-word;
    word-wrap:break-word;
    font-size:14px;
    color:#111;
}

.cTable .tTitle td {
    border-bottom:none;
    color:#555;
}
.cTable tr:first-child td {
    border-top: 0;
}
/*.cTable.banma tr:nth-child(even) td {background-color:#f2f8ff;}*/

.cTable.banma tr.is_helping td {
    background-color: #f2f8ff;
}
.cTable.bordered {width:100%;}
.cTable.bordered > tbody > tr > td {border:1px solid #f4f4f4;text-align: center; padding:10px 12px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.cTable.bordered .tTitle td {background: #f5f7fa;text-align:center;color:#333;font-weight:bold;}

.upfile {height: 160px;border: 1px solid #dedede;width: 100%;border-radius: 4px;}
.custom_chk {}
.custom_chk a {border:1px solid #e1e1e1;border-radius:4px;padding:0 10px;height:30px;line-height: 30px;display:inline-block;font-size:14px;color:#333;margin:0 1px 7px 0;background-position:top right;}
.custom_chk a:hover {border-color:rgba(0,122,255,0.4);background-color:#e6f2ff;}
.custom_chk a.chk_sel {border-color:#007aff;background:url(../../img/sel.png) no-repeat top right;color:#007aff;}
.form-horizontal .form-group {margin: 20px !important;}

.pad30 {padding:0 30px;}
.padt30 {padding-top:30px;padding-bottom:30px;}
.padt30_2 {padding-top:30px;}
.padt15_2 {padding-top:15px;padding-bottom:15px;}
.pad15 {padding:10px;}
.operation_btn {margin-bottom:20px;}

.bg-red,.label-danger{
    background-color: #ef3030 !important;
}
.bg-yellow {
    background-color: #ff8941 !important;
}
.bg-aqua,
.label-info{
    background-color: #00c0ef !important;
}
.bg-blue {
    background-color: #007aff !important;
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
    background-color: #007aff !important;
}
.bg-green,
.alert-success,
.label-success{
    background-color: #50b811 !important;
}
.bg-navy {
    background-color: #001f3f !important;
}
.bg-teal {
    background-color: #39cccc !important;
}
.bg-olive {
    background-color: #3d9970 !important;
}
.bg-lime {
    background-color: #01ff70 !important;
}
.bg-orange {
    background-color: #ff8941 !important;
}
.bg-fuchsia {
    background-color: #f012be !important;
}
.bg-purple {
    background-color: #6d72dd !important;
}
.bg-maroon {
    background-color: #d81b60 !important;
}
.bg-pink {
    background-color: #d55ece !important;
}

.badge {margin-right:5px;}

/*翻页*/
/*.pagination>li {display: inline-block;margin: 0 1px;}*/
/*.pagination>li>a, .pagination>li>span {*/
/*    padding: 4px 10px;*/
/*    margin-left: 0;*/
/*    color: #555;*/
/*    border: 1px solid #dedede;*/
/*    font-size: 14px;*/
/*    border-radius: 4px;*/
/*}*/
/*.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {*/
/*    background-color: #007aff;*/
/*    border-color: #007aff;*/
/*}*/
/*.dataTables_paginate{text-align: center;}*/
.pages .inline:last-child {
    margin-right: 0;
}

.pages .inline.active, .pages .inline.active:hover, .pages .inline:hover {
    border-color: #0070e9;
    background: #0070e9;
    color: #fff;
}


#page {
    text-align: center;
    margin: 40px 0;
}

.page #page a, .page #page span {
    margin-right: 12px;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    font-size: 14px;
    color: #333333;
    display: inline-block;
    text-decoration: none;
}

.page #page .current,.page #page .current:hover {
    border-color: #0070e9;
    background: #0070e9;
    color: #fff;
}



.page #page a:last-child {
    margin-right: 0;
}

.font12 {font-size:12px;}

/*工具下载*/
.tools_box {background:#fafafa;border:1px solid #dedede;border-radius:20px;height:310px;display:flex;flex-direction:column;align-items: center;justify-content: center;padding:10px 20px;margin:0 10px 30px 10px;}
.tools_box img {padding-bottom:20px;}
.tools_title {font-size:22px;font-weight:bold;color:#111;display:block;margin-bottom:15px;text-align: center;
}
.tools_intro {font-size:14px;color:#999;line-height: 1.5;margin-bottom:20px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}
.tools_title span {display:inline-block;margin-left:10px;color:#555;}

/*互助大厅*/
.tab_aid {height:55px;line-height:55px;margin:-10px 0 0 20px;}
.tab_aid ul {display:flex;}
.tab_aid ul li {margin-right:40px;position: relative}
.tab_aid ul li a {color:#111;font-size:14px;display:block;}
.tab_aid ul li.tab_aid_sel a {color:#007aff;}
.tab_aid ul li.tab_aid_sel:after {content:"";width:40px;height:3px;display:block;position:absolute;bottom:0;left:calc(50% - 20px);background-color:#007aff;}
.input-group-addon.situ{
    background: #fff;
    cursor: pointer;
    border-color: #e0e0e0;
}
.margin-top-20 {margin-top:20px;}
.situ_btn_group {margin:30px 0 5px 0;height:32px;line-height: 32px;background: #eef0fb;border-radius:16px;border:none;display:inline-block;padding:0 10px;font-size:14px;}
.situ_btn_group a {padding:0 10px;display:inline-block;color:#333333;}
.situ_btn_group a.situ_btn_group_sel {color:#007aff;}
.aid_list ul li {display:flex;justify-content: space-between;padding:20px 0;border-bottom:1px solid #eee;}
.aid_list_left {padding-right: 20px}
.aid_list_right {width:120px; display:flex;align-items: center;justify-content: flex-end;flex-shrink: 0;}
.aid_title {font-size:14px;color:#333;display:block;margin-bottom:14px;}
.aid_title a {color:#333;}
.aid_title a:hover {color:#007aff;}
.aid_intro {font-size:14px;color:#999;line-height: 22px;}
.aid_list_right i {font-size:10px;}
.aid_ing {font-size: 14px;text-align: right;line-height: 1.7;}
.aid_ing_btn {display:block;margin-bottom:10px;}
.font26 {font-size:26px;color:#111;}
.st-user-info {padding:30px 0 20px 0;}
.my_data {height:50px;margin-top:20px;}
.my_data ul {display:flex;}
.my_data ul li {width:33.333333%;border-right:1px solid #dedede;}
.my_data ul li:last-child {border:none;}
.my_data ul li font {display:block;text-align:center;}
.header_img {display:flex;align-items: center;justify-content: center;flex-direction: column;}
.header_img img {border-radius:50%;margin-bottom:15px;}
.bobao_list {height: 260px; overflow: hidden;}
.bobao_list ul {margin:15px 5px;line-height: 32px;}
.bobao_list ul li {color:#555;font-size:14px;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.label {border-radius: 10px;}
.label.label-primary {background-color:#ddedff !important;color:#007aff;}
.input-lg {font-size: 14px;}

/*滚动列表样式*/
.str_wrap{overflow:hidden;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select:none;-khtml-user-select:none;user-select:none;white-space:nowrap}
.str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move}
.str_move_clone{display:inline-block;display:inline;zoom:1;vertical-align:top;position:absolute;left:100%;top:0}
.str_vertical .str_move_clone{left:0;top:100%}
.str_down .str_move_clone{left:0;bottom:100%}
.str_down .str_move,.str_vertical .str_move{white-space:normal;width:100%}
.noStop .str_move,.no_drag .str_move,.str_static .str_move{cursor:inherit}
.str_wrap img{max-width:none!important}
.padt15 {padding:5px 0 10px 0;}
.pagination {margin: 20px 0 0 0;}
.btn-group {display:flex;justify-content: center;margin: 0 0 20px 0;}
.btn-group button {height:40px;padding-right:30px;padding-left:30px;border:1px solid #dedede;font-size:14px;}
.btn-group button.btn-primary {background-color:#eef6fe;color:#007aff;}
.btn-group button.btn-default {color:#333;}
.btn-group button:first-child {border-radius:20px 0 0 20px;}
.btn-group button:last-child {border-radius:0 20px 20px 0;}

.tooltip-inner {background:rgba(0,0,0,0.65);max-width: 160px;text-align:left;}
.tooltip.bottom .tooltip-arrow{border-bottom-color:rgba(0,0,0,0.65)}

.account_info {/*display:flex;padding:15px 0 0 20px;*/
    padding-top: 15px; text-align: center}
.account_info_text {
    margin-top: 15px;
    text-align: left;
}

.account_info img {width:100px;height:100px;border-radius:50%;/*margin-right:30px;*/display: inline-block;}
.acc_tit{ text-align: center }
.acc_tit .label {height:21px;line-height: 21px;padding:0 8px;font-size:13px;color:#fff;font-weight: normal;display: inline-block;vertical-align: middle;margin-bottom: 5px;}
.acc_small_font {font-size:14px;color:#111;line-height: 24px;display: block;margin-top:15px;
    padding-left: 30px;}
.h270 {height:250px;}
.bg_wenxian {display:flex;align-items: center;justify-content: center;margin-top:30px;}
.st_dbt {display:flex;justify-content: center;align-items: center;flex-direction: column;}
.font30 {font-size:30px;color:#111;position:relative;}
.font30:after {
    content: "";
    width:70px;
    height:6px;
    background-color:#a8d2ff;
    position:absolute;
    left:5px;
    top:33px;
    z-index: 0;
}
.english {color:#999;font-size:26px;font-family: "Helvetica Neue LT Pro","Arial";font-weight: 100;opacity:0.5;padding-top:5px;}
.border-right {border-right:1px solid #eee;}
.flex_layout {display:flex;align-items: center;justify-content: center;flex-direction: column;}
.my_points {text-align:center;margin-bottom: 20px;}
.font40 {font-size:40px;font-weight: bold;display:block;margin-bottom: -5px;}
.h200 {height:145px;}


/*积分兑换*/
.goodlist ul {display:flex;justify-content: space-between;flex-wrap: wrap;}
.goodlist ul li {display:flex;margin-bottom:40px;padding-right:10px;}
.goodlist ul li .goodimg {width:50%;height:18vh;border-radius:10px;margin-right:20px;background:url(../../img/kaquan.png) no-repeat center center;}
.good_text {display:flex;flex-direction: column;justify-content: space-between;width:50%;}
.good_text .font20 {text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;	line-clamp: 2; -webkit-box-orient: vertical;}
.st_bg_blue {background-color:#aecdff !important;}
.st_bg_purple {background-color:#c7beff !important;}
.st_bg_light_blue {background-color:#b2e0f3 !important;}
.st_bg_yellow {background-color:#ffe7c2 !important;}
.st_bg_green {background-color:#c4f3bb !important;}

/*帮助中心*/
.help_list_con {margin-top:30px;}
.help_list h2 {font-size:14px;color:#111;display:block;height: 50px;line-height: 50px;background-color:#f8f8f8;padding:0 20px;cursor: pointer;border-bottom:1px solid #eeeeee;}
.help_list h2 .icon_st {font-size:7px;color:#c1c1c1;float:right;}
.help_list .answer_content{display: none;padding:20px;}
.help_list.is_open .answer_content {display:flex;}
.answer_content i {color:#007aff;font-size:24px;margin:5px 10px 0 0;display:inline-block;}
.answer_content span {font-size:14px;color:#555;line-height: 28px;text-align: justify;}
.answer_content span p {display:block;padding-bottom:20px;}
.answer_content span p:last-child {padding-bottom:0;}


@media (max-width:1366px) {
    .tools_box {margin:0 5px 18px 5px;}
    .pad30{padding:0 20px;}
    .padt30 {padding-top:20px;padding-bottom:20px;}
    .padt30_2 {padding-top:30px;}
    .font20 {font-size:17px;}
    .goodlist ul li .goodimg {margin-right:15px;}

}