body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, fieldset, legend, input, select, textarea, button, th, td, img { margin: 0px; padding: 0px; }
body { color: rgb(34, 34, 34); background: #f2f2f2;}
body, input, textarea { font: 14px/1.6 "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","黑体",Arial,sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
ul, ol, li { list-style: outside none none; }
img, fieldset { border: medium none; }
i, em { font-style: normal; }
img { vertical-align: top; }
table { width: 100%; border-collapse: collapse; border-spacing: 0px; word-break: break-all; overflow-wrap: break-word; }
*::-moz-placeholder { color: rgb(163, 163, 163); }
a { color: rgb(69, 154, 233); text-decoration: none; }
a:hover { text-decoration: underline; }
.hide { display: none !important; }
.tl { text-align: left !important; }
.tc { text-align: center !important; }
.fr { float: right !important; }
.vs { color: rgb(231, 231, 235); margin: 0px 10px; font-family: arial; }
.nm { margin: 0px !important; }
.gap { margin: 0px 4px; }
.gapl-wide { margin-left: 14px; }
.clr::after, .wrap::after, .form-item::after, .form-group::after, .page-msg .inner::after { content: "."; clear: both; display: block; height: 0px; visibility: hidden; }
.clr, .wrap, .form-item, .form-group, .page-msg .inner {  }
.ico-new, .ico-hot, .ico-top { display: inline-block; width: 17px; height: 9px; margin-left: 5px; overflow: hidden; }
.topbar { color: rgb(221, 221, 221); font-size: 12px; background: rgb(61, 71, 74) none repeat scroll 0% 0%; }
.topbar ul { float: right; }
.topbar li { float: left; padding: 6px 10px; position: relative; }
.topbar li a { color: rgb(221, 221, 221); }
.topbar li a:hover { color: rgb(255, 255, 255); text-decoration: none; }
.topbar li .quit { margin-left: 10px; }
.topbar li .num-feed { padding: 0px 5px; color: rgb(255, 255, 255); font-size: 10px; height: 16px; line-height: 16px; margin-left: 5px; background: rgb(255, 63, 25) none repeat scroll 0% 0%; border-radius: 10px; }
.topbar li .ico-news, .topbar li .ico-help, .topbar li .ico-docu, .topbar li .ico-search { display: inline-block; width: 16px; height: 16px; margin: -3px 5px 0px 0px; vertical-align: middle; }
.header { position: fixed;width:100%;z-index:9999;background:#393D49; border-bottom: 1px solid rgb(217, 218, 220); }
.header .logo { float: left; }
.header .main-logo { float: left; margin-right: 20px; }
.header .main-logo a { display: block; height: 36px; line-height: 36px; overflow: hidden; font-size: 20px;margin-left: 10px;}
.header .main-logo a:hover{text-decoration: none}
.header .sub-logo { float: left; width: 100px; height: 18px; margin-top: 12px; display: none; }
.header .nav { float: left; position: relative; bottom: -1px; }
.header .nav li { float: left; }
.header .nav li a { display: block; padding: 15px 24px; color: rgb(34, 34, 34); font-size: 16px; }
.header .nav li a:hover { color: rgb(34, 34, 34); text-decoration: none; border-bottom: 4px solid rgb(160, 163, 171); }
.header .nav .selected a, .header .nav .selected a:hover { border-bottom: 4px solid rgb(68, 181, 73); }
.footer { color: rgb(141, 141, 141); text-align: center; font: 12px/1.6 tahoma,arial,"Hiragino Sans GB",宋体,sans-serif; }
.footer a { color: rgb(141, 141, 141); }
.footer a:hover { color: rgb(69, 154, 233); }
.footer .vs { color: rgb(204, 204, 204); }
.wrap { width: 1300px; margin: 0px auto; }
.nav_btn_bar{text-align: left;float: left;margin-bottom: 10px;}
.km-nav-title{margin: 0 0 10px 0 !important;}
.content .layui-tab{overflow: hidden;clear: both;}
.container_body { width: 1300px; margin: 0 auto;}
.content, .sidebar { display: table-cell; }
.sidebar { position: fixed;top:63px;width: 180px !important; box-shadow: rgba(0, 21, 41, 0.08) 0px 1px 4px;vertical-align: top;  background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.content { padding:10px 20px 0 20px; margin: 72px 0 0 190px !important; background: rgb(255, 255, 255) none repeat scroll 0% 0%;  }
.content-hd { border-bottom: solid 1px #eeeeee;margin-bottom: 20px; }
.content-hd h2 { line-height: 32px; font-size: 15px; }
.content-hd .title-tab { margin-top: -14px; }
.content-hd .title-tab ul { line-height: 40px; border-bottom: 1px solid rgb(231, 231, 235); }
.content-hd .title-tab li { float: left; margin-bottom: -1px; }
.content-hd .title-tab li:hover { border-bottom: 3px solid rgb(160, 163, 171); }
.content-hd .title-tab li.first a { padding-left: 30px; }
.content-hd .title-tab li.selected { border-bottom: 3px solid rgb(68, 181, 73); }
.content-hd .title-tab li a { display: block; padding: 0px 22px; color: rgb(34, 34, 34); }
.content-hd .title-tab li a:hover { text-decoration: none; }
.content-bd { padding: 30px; }
.set-style dl dd {font-size: 14px;line-height: 32px;vertical-align: top;letter-spacing: normal;word-spacing: normal;display: inline-block;width: 62%;padding: 10px 0 10px 0;}
.set-style dl {width: 100%;font-size: 0;line-height: 20px;clear: both;padding: 0;margin: 0;overflow: hidden;}
.set-style dl dt {font-size: 16px;line-height: 32px;vertical-align: top;letter-spacing: normal;word-spacing: normal;text-align: right;display: inline-block;width: 36%;padding: 10px 1% 10px 0;margin: 0;font-weight: normal;}
.set-style dl dd textarea {font: 12px/20px Arial;color: #777;background-color: #FFF;vertical-align: top;display: inline-block;height: 60px;padding: 4px;border: solid 1px #CCC;outline: 0 none;width: 400px;margin: 0;}
.datepicker.large .datepicker-switch { width: 140px; }
.menu { padding-top: 10px; height: 100%;}
.menu dl { line-height: 40px; border-bottom: 1px solid rgb(231, 231, 235); }
.menu dl:last-child { border-bottom: medium none; }
.menu dl a { display: block; color: rgb(34, 34, 34); }
.menu dl a:hover { text-decoration: none; background: rgb(244, 245, 249) none repeat scroll 0% 0%; }
.menu dl dt { color: #666666; }
.menu dl dt .type-ico { margin-left: 30px; }
.menu dl dd a { padding-left: 58px; }
.menu .selected a, .menu .selected a:hover { color: rgb(255, 255, 255); background: rgb(68, 181, 73) none repeat scroll 0% 0%; }
.menu .type-ico { display: inline-block; width: 20px; font-size: 20px; margin: -3px 7px 0px 0px; vertical-align: middle;  }
.menu .ico-trade { background-position: 0px -20px; }
.menu .ico-settle { background-position: 0px -40px; }
.menu .ico-bill { background-position: 0px -60px; }
.menu .ico-fund { background-position: 0px -80px; }
.type_image li{  width: 169px;  height: 169px;  border: 1px solid #eee;  margin-top: 5px;  }
.material_li{display: inline-block; margin: 7px 15px 15px 0px;  }
.material_li span,.material_li span div {width: 100%}
.tip_for_p{ font-size: 12px;color: #999; margin-top: 5px;clear: both;}
.km-bt-a{ color: #459ae9; text-decoration: none; padding: 0px 3px 0px 3px}
.km-bt-a:hover{ color: #28a4c9; text-decoration: none;}
.msg_total { padding: 0px 5px; color: rgb(255, 255, 255); font-size: 10px; height: 16px; line-height: 16px; margin-left: 5px; background: rgb(255, 63, 25) none repeat scroll 0% 0%; border-radius: 10px; }
.msg_image{width: 150px; height: 90px;}
.km-nav-title{float: right;margin-top: 30px;}
.mp-menu{width: 100%;margin: 20px;}
.logo-left{float: left}
.logo-left img{width: 60px;height: 60px; border-radius: 5px;}
.logo-right{float: left;margin-left: 8px; height: 60px; line-height: 30px;}
.km-mp-msg{width: 100%;}
.kmphp-media-news{margin-bottom: 10px;}
.mp-msg-headimg{float: left;height:60px;}
.mp-msg-headimg img{width: 50px; height: 50px; border-radius: 5px;}
.mp-msg-info{float: left;margin-left: 20px; }
.mp-msg-content{color: #8c8c8c; margin-top: 3px;}
.layui-tab-brief > .layui-tab-title .layui-this a{color:#009688;text-decoration: none; }
.layui-tab-brief > .layui-tab-title  a{text-decoration: none; }
.msg_image{border-radius: 3px;cursor: pointer}
.kmphp-upload >input{margin-bottom: 10px;}
.km-mp-menu-title{text-align: center;}
.kmphp-addon-admin-logo{width: 30px;height: 30px;border-radius: 3px; margin-right: 10px; vertical-align: middle;}
.km-10{padding: 0px 10px 0px 10px;}
.kmphp-addon-menu{display: inline-block;}
#kmphp-page{margin-left: 10px;}
.kmphp-hook-upload-image{overflow: hidden;}
.kmphp-upload-image{}
.upload-imgs{border: 1px solid #e6e6e6; padding: 3px; display: inline-block; margin-right: 5px;}
.upload-imgs img {width: 150px; height: 90px;}
.upload-imgs-del{border-radius: 10px;cursor: pointer;position: absolute;  font-size: 18px;}
.km_app_list li{width: 65px; display: inline-block;text-align: center;margin-right: 5px; overflow: hidden;  }
.km_news_content{height: 40px;line-height: 40px;}
.km_app_list a {font-size: 12px; overflow: hidden; width: 65px;}
.km_app_list img{width: 65px;height: 65px; border-radius: 3px;}
.km_app_list span {display: block; text-overflow: ellipsis;  white-space: nowrap;}
.login_body { background: rgb(233, 240, 244) url('../images/login-bg.svg') no-repeat scroll 0% 0%; }
#loginform .layui-input{height: 50px !important;line-height: 50px;font-size: 16px;}
#loginform .layui-btn{font-size: 18px;width: 400px;height: 50px;line-height: 50px;}
#login_wrapper { position: relative; margin-bottom: 20px; padding-top: 10%; }
.km_login { width: 810px; overflow: hidden; margin: 0px auto;box-shadow: 0px 5px 15px 1px rgba(0,0,0,0.1);border-radius: 10px;text-align: left;background: white;}
.bg-banner{
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/login-bg.jpg);
    background-size: cover;
    background-position: center center;
}
.km_login .login-banner{
    width: 324px;
    background-image: url(../images/login-banner.jpg);
    background-size: cover;
    background-position: center center;
    height: 447px;
}
.km_login .logo a { display: block; width: 151px; height: 94px; }
.km_login .mod-body { padding: 20px 20px; }
.km_login .mod-body .content { width: 400px; margin-right: 60px; }
.km_login .mod-body .content h2 { margin: 10px 0px 30px; color: rgb(102, 102, 102);font-size: 26px;font-weight:bold;text-align: center;}
.km_login .mod-body .content ul li { margin-top: 20px; line-height: 30px; }
.km_login .mod-body .content ul li:first-child { margin-top: 0px; }
.km_login .mod-body .content ul li.last a { color: rgb(102, 102, 102); }
.km_login .mod-footer span { color: rgb(102, 102, 102); }
.km_login .mod-footer a { color: rgb(102, 183, 255); }
.media-news-body{border: 1px solid rgb(231, 231, 235);padding: 10px;margin: 0px 10px 0px 0px;}
.media-news-img{width: 100%; height: 180px;}
.media-news-time{border-bottom: 1px solid rgb(231, 231, 235);padding-bottom: 5px; margin-bottom: 8px;color: #8c8c8c;}
.media-news-desc{bottom: 10px;position: absolute; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;color: #ffffff;width: 100%; bottom:0; height: 42px;}
.media-news-desc-sp{padding: 0px 3px;}
.media-news-content{ height:  180px; position: relative}
.media-news-item-type2{text-align: center;}
.media-news-btn{margin-top: 10px; text-align: center;}
.media-news-title-box{float: left;}
.mdedia-news-lists-box{border-bottom: 1px solid rgb(231, 231, 235);display: inline-block;padding:5px 0 5px 0px; height: 48px;width: 100%;}
.media-news-img-box{float:right;}
.media-news-lists-img{width:100%;height: 48px;}
.layui-tab-content .form_logo{margin-right: 5px;}
.addon_menu-left-container{}
#addon_menu .item-icon{margin: -3px 7px 0 4px;}
#addon_menu .selected .item-icon{color: #ffffff;}
.addon_menu-left{position: relative;z-index: 0;padding: 5px 0px;}
.addon_menu-left .addon_menu-left-nav {position: relative;padding: 0px;width: 100%;overflow-x: hidden;}
.child-item-nav{margin: 0px 0px 0px 0px;padding: 0px;width: 100%;position: relative;overflow-x: hidden;}
.addon_menu-left-nav-item:first-child {
    /*border-top: none;*/
}
.addon_menu-left-nav-item {position: relative;list-style: none;height: 100%;
    /*border-top: 1px solid rgb(231, 231, 235);*/
}
.addon_menu-left-nav-a {text-decoration: none;color: #212121;line-height: 34px;padding-left: 58px;display: block;cursor: pointer;}
.item-icon{position: absolute;top:2px;left:25px;color: rgb(141, 141, 141);}
.addon_menu-left-a-icon{display: inline-block;vertical-align: middle;width: 7px;height: 7px;border-left: 2px solid #ccc;border-bottom: 2px solid #ccc;display: inline-block;margin: 15px 15px 0px 0px;float: right;vertical-align: middle;-webkit-transition: all 0.3s ease-in-out;}
.addon_menu_up {-webkit-transform: rotate(135deg);transform: rotate(135deg);top: 1px;}
.addon_menu_down {margin: 10px 15px 0 0;webkit-transform: rotate(-45deg);transform: rotate(-45deg);top: -4px;}
.addon_menu_parent {border-top: 1px solid rgb(231, 231, 235) ;}
.kmphp-srivice-register{padding: 0px 10px;}
#account a:hover{text-decoration: none;}
#account{text-align: right; font-size: 14px;}
#apps{margin-top: 10px; display:block; }
.apps-money{float: right;}
.app-desc-body{color: #707070;font-size: 14px;}
.app-desc-body .description{font-size: 14px;}
.apps-volists {border:1px  solid rgb(231, 231, 235);margin: 0px 5px 5px 0px;padding: 5px;overflow: hidden;}
.apps-volist{cursor: pointer}
.apps-icon{float: left;margin-right: 10px;}
.apps-icon img{ width: 68px;height: 68px;border-radius:8px; }
#apps-info .pd{padding: 10px 0px 0px 10px;}
.apps-info-title{font-size: 22px;}
.apps-info-title span{ margin-left:5px;font-size: 12px;bottom: 3px;}
.apps-info-desc{font-size: 12px;color: #787878;}
.preview-qrcode{text-align: center;}
.preview-qrcode img{margin-top: -19px;}
.apps-info-preview_text {text-align: center; top: -5px;position: relative;}
.apps-page{margin-top: 15px;}
.apps-page a:hover{text-decoration: none;}
#apps-cate-lists .cite {color: #5FB878;}

/*文字排版
******************************/
.f12 {
    font-size: 12px !important;
}

.f13 {
    font-size: 13px !important;
}

.f14 {
    font-size: 14px !important;
}

.f16 {
    font-size: 16px !important;
}

.f18 {
    font-size: 18px !important;
}

.f20 {
    font-size: 20px !important;
}

.fb {
    font-weight: bold !important;
}

.fn {
    font-weight: normal !important;
}

.t2 {
    text-indent: 2em !important;
}

.lh150 {
    line-height: 150% !important
}

.lh180 {
    line-height: 180% !important
}

.lh200 {
    line-height: 200% !important
}

.unl {
    text-decoration: underline !important;
}

.no_unl {
    text-decoration: none !important;
}

.noborder {
    border-style: none !important;
    border-width: 0 !important;
}

/*定位
******************************/
.tl {
    text-align: left !important;
}

.tc {
    text-align: center !important;
}

.tr {
    text-align: right !important;
}

.bc {
    margin-right: auto;
    margin-left: auto;
}

.cb {
    clear: both;
}

.cl {
    clear: left;
}

.cr {
    clear: right;
}

.vm {
    vertical-align: middle;
}

.vt {
    vertical-align: top;
}

.pr {
    position: relative !important;
}

.pa {
    position: absolute !important;
}

.abs-right {
    position: absolute !important;
    right: 0;
}

.zoom {
    zoom: 1
}

/*.hidden { visibility:hidden;}*/
.none {
    display: none !important;
}

.clear {
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
}

/*长度高度
******************************/
.w10 {
    width: 10px !important;
}

.w20 {
    width: 20px !important;
}

.w30 {
    width: 30px !important;
}

.w40 {
    width: 40px !important;
}

.w50 {
    width: 50px !important;
}

.w60 {
    width: 60px !important;
}

.w65 {
    width: 65px !important;
}

.w70 {
    width: 70px !important;
}

.w80 {
    width: 80px !important;
}

.w90 {
    width: 90px;
}

.w96 {
    width: 96px;
}

.w100 {
    width: 100px !important;
}

.w110 {
    width: 110px !important;
}

.w120 {
    width: 120px !important;
}

.w130 {
    width: 130px !important;
}

.w150 {
    width: 150px !important;
}

.w160 {
    width: 160px;
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px !important;
}

.w210 {
    width: 210px !important;
}

.w230 {
    width: 230px;
}

.w240 {
    width: 240px;
}

.w250 {
    width: 250px !important;
}

.w270 {
    width: 270px;
}

.w300 {
    width: 300px !important;
}

.w340 {
    width: 340px;
}

.w380 {
    width: 380px;
}

.w400 {
    width: 400px !important;
}

.w450 {
    width: 450px !important;
}

.w500 {
    width: 500px;
}

.w530 {
    width: 530px;
}

.w600 {
    width: 600px !important;
}

.w700 {
    width: 700px;
}

.w780 {
    width: 780px;
}

.w800 {
    width: 800px;
}

.w208 {
    width: 208px;
}

.w {
    width: 100%;
}

.h20 {
    height: 20px !important;
}

.h30 {
    height: 30px !important;
}

.h40 {
    height: 40px !important;
}

.h50 {
    height: 50px !important;
}

.h80 {
    height: 80px;
}

.h100 {
    height: 100px !important;
}

.h200 {
    height: 200px;
}

.h500 {
    height: 500px !important;
}

.h {
    height: 100%
}

.size30 {
    width: 30px;
    height: 30px;
}

.size32 {
    width: 32px;
    height: 32px;
}

.size40 {
    width: 40px;
    height: 40px;
}

.size60 {
    width: 60px;
    height: 60px;
}

.size70 {
    width: 70px;
    height: 70px;
}

.size72 {
    width: 72px;
    height: 72px;
}

.size75 {
    width: 75px;
    height: 75px;
}

.size80 {
    width: 80px;
    height: 80px;
}

.size90 {
    width: 90px;
    height: 90px;
}

.size100 {
    width: 100px;
    height: 100px;
}

.size110 {
    width: 110px;
    height: 110px;
}

.size120 {
    width: 120px;
    height: 120px;
}

.size128 {
    width: 128px;
    height: 128px;
}

.size160 {
    width: 160px;
    height: 160px;
}

.size160-48 {
    width: 160px;
    height: 48px;
}

.size160 {
    width: 160px;
    height: 160px;
}

.size184 {
    width: 184px;
    height: 114px;
}

.size190 {
    width: 190px;
    height: 190px;
}

.size196 {
    width: 196px;
    height: 196px;
}

.size233 {
    width: 233px;
}

/*边距
******************************/
.m0 {
    margin: 0 !important;
}

.m10 {
    margin: 10px;
}

.m15 {
    margin: 15px !important;
}

.m30 {
    margin: 30px;
}

.mt5 {
    margin-top: 5px;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px;
}

.mt20 {
    margin-top: 20px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt100 {
    margin-top: 100px;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb50 {
    margin-bottom: 50px;
}

.mb100 {
    margin-bottom: 100px;
}

.ml2 {
    margin-left: 2px !important;
}

.ml5 {
    margin-left: 5px !important;
}

.ml10 {
    margin-left: 10px !important;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml50 {
    margin-left: 50px;
}

.ml100 {
    margin-left: 100px !important;
}

.ml200 {
    margin-left: 200px !important;
}

.mr5 {
    margin-right: 5px !important;
}

.mr10 {
    margin-right: 10px !important;
}

.mr15 {
    margin-right: 15px !important;
}

.mr20 {
    margin-right: 20px;
}

.mr30 {
    margin-right: 30px !important;
}

.mr50 {
    margin-right: 50px !important;
}

.mr100 {
    margin-right: 100px;
}

/*边距
******************************/
.p0 {
    padding: 0px !important;
}

.p10 {
    padding: 10px !important;
}

.p15 {
    padding: 15px !important;
}

.p30 {
    padding: 30px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb30 {
    padding-bottom: 30px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb100 {
    padding-bottom: 100px;
}

.pl5 {
    padding-left: 5px;
}

.pl10 {
    padding-left: 10px;
}

.pl15 {
    padding-left: 15px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pl50 {
    padding-left: 50px;
}

.pl100 {
    padding-left: 100px;
}

.pr5 {
    padding-right: 5px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.pr20 {
    padding-right: 20px;
}

.pr30 {
    padding-right: 30px;
}

.pr50 {
    padding-right: 50px;
}

.pr100 {
    padding-right: 100px;
}