@charset "utf-8";*{margin:0;padding:0}
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0; padding: 0;}
/* 设置默认字体 */
body,button, input, select, textarea { /* for ie */
    /*font: 12px/1 microsoft yahei, Tahoma, Helvetica, Arial, "宋体", sans-serif;*/font: 62.5%/1 microsoft yahei, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */}
body{background-color: #f0eff5; }
/*select,input{ outline:none; -webkit-appearance: none;}*/
.clearfloatboth{clear:both;}
.clearfix{zoom:1;}
.clearfix:after{
content:"";display:block;width:0;height:0;overflow:hidden;clear:both;}
.org{color:#dd2a2a;}
h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/* 重置列表元素 */
ul, ol { list-style: none; }
/* 重置文本格式元素 */
a { text-decoration: none; }
.clearfix li a.selected{color: #5E5E5E; text-decoration: none;} 
abbr[title], acronym[title] { 
    /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    border-bottom: 1px dotted; cursor: help;}
q:before, q:after { content: ''; }
/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */}
/* 重置表格元素 */
table {border-collapse: collapse;border-spacing: 0;}
.fl{float: left;}
.fr{float: right;}
/* 重置 hr */
hr {border: none;height: 1px;}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
.left{float: left;} 
element.style{}
* {-webkit-tap-highlight-color: transparent;}
.body{ z-index:1; position:relative;padding-top:50px;}
body {
    font: normal 62.5%/1.8rem "Microsoft YaHei", 微软雅黑, Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    min-width: 100%;
}
img{display:block; width:100%;}
.wrap{overflow:hidden; position:relative; min-width:300px;}
input {font-size:62.5%;}
li {list-style: none;}
html {font-size: 62.5% !important;color: #5E5E5E;}
a {text-decoration: none;color: #5E5E5E;}

strong, em {font-style: normal;font-weight: normal;}
/*去除input默认样式*/
input[type="submit"],
input[type="reset"],
input[type="button"] {-webkit-appearance:none;}
a{text-decoration:none;color:#dfdfdf;font-size:1.2rem;font-family:arial,"微软雅黑"}
html{width:100%;height:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch}
html.ns{overflow:hidden}
body{color:#535353;font-size:1.2rem;font-family:arial,"微软雅黑";background:#fff;width:100%;height:100%;overflow:hidden;position:relative}
a,body{font-family:"微软雅黑"/9;-webkit-tap-highlight-color:transparent}
img{border:0}
li,ol,ul{list-style:none}
dd,dl,dt,li,ul{margin:0;padding:0}
/*input,textarea{outline:0;border: .08rem solid #dadfe4;}*/
body,div,fieldset,form,h1,h2,h3,h4,h5,h6,html,p{-webkit-text-size-adjust:none}
i{font-style:normal}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.wrap{width:96%;margin:0 auto}
.pd5{padding:5px}
.pd10{padding:10px}
.pd20{padding:20px}
#add_f i,#menu ul li a b,#post_comment_btn,#qq_connect i,#us_panel2 td i,#user_menu li a .fl i,#weibo_app i,.add_friend,.content_info_more,.hd .fr,.header_more dt,.home_profile_c a i,.home_profile_local i,.list_info_i dt,.login_bar .fl i,.login_bar_close,.menu_back,.menu_back2,.menu_open,.menu_refresh,.menu_share,.menu_slide,.reg_bar .fl i,.reg_bar_close,.rela_friend,.remove_friend,.remove_msg,.reply_msg_post,.search_open,.send_msg_to,.share_douban,.share_guangbo,.share_sina,.user_menu dt,.visit_site a i,.works_link dt,.works_view dt,.user_icon,.logout_open,.pull-right,
i.quit{background:url(/static/images/kmadminwap/icons.png) no-repeat;background-size:42rem 42rem;}
#header{background:#ededed;height:4rem;padding-top: 0.5rem;/*overflow:hidden;*/position:relative;width:100%;z-index:999;left:0;top:0;width:100%;/* border-bottom: 0.2rem solid #dadfe4; */}
#header.head{background:#323436;height:50px}
#header.head i{top:9px}
.title{line-height:50px;color:#fff;position:relative;height:50px;display:block;margin:0 auto;width:70%;overflow:hidden}
.t_slide{text-align:center}
.title_d{display:block;white-space:nowrap;position:relative;float:left;top:0;left:0;left:50%;font-size:16px}
.title_d p{float:left;position:relative;right:50%}
.title_d.round{-webkit-animation:round 4s infinite alternate linear;-ms-animation:round 4s infinite alternate linear;-o-animation:round 4s infinite alternate linear;-moz-animation:round 4s infinite alternate linear;animation:round 4s infinite alternate linear}
@keyframes round{0%{transform:translateX(0)}
100%{transform:translateX(-28%)}
}
@-webkit-keyframes round{0%{transform:translateX(0);-webkit-transform:translateX(0)}
100%{transform:translateX(-28%);-webkit-transform:translateX(-28%)}
}
#header .wrap{position:relative;clear:both}
.user{position:relative;width:80%;height:4rem;float:left;line-height:4rem;text-align:right}
.user .user-name{display:inline-block;font-size:1.4rem;line-height: 3rem;}
.user a{display:block}
.user img{display:block;width:100%;height:auto}
.logo_msk{width:100%;height:100%;background:#3e4042 url(backface.png) no-repeat 50% 50%;position:absolute;top:0;left:0;display:none;background-size:500px 60px}
#header i{display:block;width:3rem;height:4rem;position:absolute}
.menu_slide{top:14px;right:0;background-position:-343px -8px;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.menu_slide.show{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg)}
#header .menu_open{background-position:-9rem -20.3rem;background-repeat:no-repeat;width:10%;height:4rem;float:left}
#header .pull-right{background-position: -8.5rem 1.3rem;position:static;float:right}
.menu_back.ton,.menu_back2.ton,.menu_open.ton,.search_open.ton{background-color:#70CA10}
.menu_back,.menu_back2{background-position:-68px -320px;top:14px;background-color:#323436;left:0}
.menu_back a,.menu_back2 a{display:block;height:100%}
.menu_share{background-position:-66px -107px;top:14px;background-color:#323436;right:0}
.menu_refresh{background-position:-282px -39px;top:14px;background-color:#323436;right:0;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
#header .menu_refresh.ton{background-color:#6bc30d}
#header .logout_open{top:1rem;right:0;background-position:-29rem -1rem;position:relative;display:inline-block;vertical-align:middle}
#header i.user_icon{background-position:-8.5rem -40rem;position:relative;display:inline-block;vertical-align:middle}
.logout{width:10%;position:relative;height:4rem;float:right;line-height:4rem;text-align:right}
#menu{height:100%;position:fixed;top:0;left:0;width:0;visibility:hidden;-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
#menu.push{visibility:visible;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#container{background:#f3f3f5}
#container{position:relative;top:0;left:0;width:100%;overflow-x:hidden;overflow-y:auto;height:100%}
.box{background-color:#fff;margin:2%;width:96%;border-top:.24rem solid #e6eaed;padding-bottom:1rem;padding-top:.5rem;min-height: 45rem;}
.content{padding-bottom:6rem}
#showcase{height:200px;background:#eee}
.list_litpic{width:140px;height:90px;overflow:hidden}
.list_litpic img{width:140px;height:90px}
#list ul{background:#fff;display:block}
#list li{display:block;height:110px}
#list li.touch{background-color:#f4f4f4;-moz-box-shadow:0 2px 4px #ccc inset;-o-box-shadow:0 2px 4px #ccc inset;-webkit-box-shadow:0 2px 4px #ccc inset;box-shadow:0 2px 4px #ccc inset}
#list li .alist{display:block;width:100%;height:90px;border-bottom:1px solid #eee;padding:10px 0}
.list_info{height:90px;margin-left:155px;padding-top:5px}
.list_info h4{font-size:16px;font-weight:500;height:20px;line-height:20px;margin-bottom:2px;color:#646464;display:block;overflow:hidden}
.list_info h5{height:20px;line-height:18px;font-weight:500;font-size:12px;color:#a2a2a2}
.list_info span{margin-left:5px;color:#777}
.list_info h5 em{font-style:normal;margin-left:8px}
.list_info_i{margin-top:20px;height:20px;overflow:hidden}
.list_info_i dl{display:block;height:20px;float:left;margin-right:10px}
.list_info_i dt{display:block;width:20px;height:20px;float:left;margin-right:2px}
.list_info_i dd{display:block;height:20px;float:left;line-height:20px;font-size:10px;color:#a7a7a7}
.list_info_i .list_info_views dt{background-position:0 -21px}
.list_info_i .list_info_comment dt{background-position:-25px -20px}
.list_info_i .list_info_like dt{background-position:-50px -21px}
.list_info_i .list_info_time dt{background-position:-72px -148px}
.bangmang_list_more .list_info_i{margin-top:0}
.list_info_i .list_info_time{float:right}
#container{-webkit-transition:-webkit-transform .3s cubic-bezier(.165,.84,.44,1);-moz-transition:-moz-transform .3s cubic-bezier(.165,.84,.44,1);-o-transition:-o-transform .3s cubic-bezier(.165,.84,.44,1);transition:transform .3s cubic-bezier(.165,.84,.44,1)}
#container.push,#us_panel.push{-webkit-transform:translateX(8rem);-moz-transform:translateX(8rem);transform:translateX(8rem)}
#header.push{-webkit-transform:translateX(8rem);-moz-transform:translateX(8rem);transform:translateX(8rem)}
#mbx.push{-webkit-transform:translateX(8rem);-moz-transform:translateX(8rem);transform:translateX(8rem)}
#header.pull{-webkit-transform:translate3d(-8rem,0,0);-moz-transform:translate3d(-8rem,0,0);transform:translate3d(-8rem,0,0)}
#container.pull,#us_panel.pull{-webkit-transform:translate3d(-8rem,0,0);-moz-transform:translate3d(-8rem,0,0);transform:translate3d(-8rem,0,0);-moz-box-shadow:3px -3px 6px rgba(0,0,0,.8);-o-box-shadow:3px -3px 6px rgba(0,0,0,.8);-webkit-box-shadow:3px -3px 6px rgba(0,0,0,.8);box-shadow:3px -3px 6px rgba(0,0,0,.8)}
#menu{/*width:27rem;*/height:100%;position:absolute;top:0;left:0;z-index: 999;/*background:#00b4ff;*/
    /*overflow-x: hidden!important;width: 100%;*/}
#menu ul{width: 8rem;/*position:absolute;z-index: 11;*/ background-color: #2a3f54;min-height: 60rem;}
#menu ul li{display:block;height:6rem;line-height:3.5rem;margin-bottom:0.08rem;background-color:#2a3f54;-webkit-transition:background .3s ease-out;-moz-transition:background .3s ease-out;-o-transition:background .3s ease-out;transition:background .3s ease-out;padding-top:.8rem;position:relative;cursor:pointer}
#menu ul li>a{display:block;width:100%;height:3.5rem;color:#fff;overflow:hidden}
#menu ul li a b{width:16px;height:16px;background-position:0 -55px;display:block;float:right;margin-right:6px;opacity:.2}
#menu ul li dl i{display:block;width:3.5rem;height:3rem;background:url(/static/images/kmadminwap/btn.png) no-repeat;background-size:100%;margin-left:1.6rem;opacity:.8}
#menu ul .menu_cur a i{opacity:1}
#menu ul li a span{display:block;height:16px;line-height:16px;text-align:center;font-size:.8rem}
#menu ul li dl dt.act{font-size:1.4rem;color: #fff; text-align:center;position: relative;}
#menu ul .menu_cur,#menu ul li:hover{background-color:#2e4255;border-right:.3rem solid #73d6ff;box-shadow:rgba(0,0,0,.16) 0 1px 0,inset rgba(255,255,255,.16) 0 1px 0}
#menu ul li i.icon-finance{background-position:0.5rem -5.8rem}/* 充值管理 */
#menu ul li i.zx-tg{background-position:0.5rem -65rem;}/* 资讯管理 */
#menu ul li i.nav_dxgl{background-position:0.5rem -32.8rem}/* 短信管理 */
#menu ul li i.nav_sjgl{background-position:0.5rem -45.8rem}/* 数据管理 */
#menu ul li i.nav_zhtg{background-position:0.5rem 0.5rem}/* 综合推广 */
#menu ul li i.nav_ktgl{background-position:0.5rem -57.8rem}/* 开展管理 */
#menu ul li i.nav_yggl{background-position:0.5rem -71.8rem}/* 员工管理 */
#menu ul li i.nav_hygl{background-position:0.5rem -77.8rem}/* 会员管理 */
#menu ul li i.nav_log{background-position:0.5rem -19rem}/* 日志 */
#menu ul li i.nav_yscgl{background-position:0.5rem -38.8rem}/* 原生词管理 */
#menu ul li i.nav_hcgl{background-position:0.5rem -25.8rem}/* 缓存管理 */
#menu ul li i.nav_cxgl{background-position:0.5rem -51.8rem}/* 车型管理 */
#menu ul li i.nav_gggl{background-position:0.5rem -84.8rem}/* 广告管理 */
#menu ul li i.nav_qxgl{background-position:0.5rem -91.8rem}/* 权限管理 */
#menu ul li i.nav_ltgl{background-position:0.5rem -96.8rem}/* 车型管理 */
#menu ul li i.nav_yqlj{background-position:0.45rem -100.8rem;}/* 友情链接 */
.child_menu{left:100%;z-index:1000;position:absolute;top:0;width:210px;background:#3E5367;display:none}
.child_menu .child_menu2{padding: 0.5rem 1rem;}
.child_menu .menu2_cur{background-color: #76d8ff;}
.child_menu a{display:block;width:100%;color:#fff;overflow:hidden;text-align:left!important;
                font-weight:400;font-size:1.2rem;padding:.25rem 0;height:2rem;line-height:2rem}
.current-page{background:rgba(255,255,255,.15)}
.nav_title {padding: 1.1rem 0.3rem;width: 7.4rem;background-color: #2a3f54;}
.nav_title img{width: 100%;}
/*退出*/
.dropdown-menu {box-shadow: none;display: block; float: left;left: 0;list-style: none;padding: 0;top:3.6rem;z-index: 9998;border-top-left-radius: 0;border-top-right-radius: 0;width: 220px;}
.open .dropdown-menu {position: fixed;background: #fff;margin-top: 0;border: 1px solid #D9DEE4;-webkit-box-shadow: none;right: 0;left: auto;display: none;}
.dropdown-menu li {width: 100%;}
.navbar-right li {display: inline-block;float: right;position: static;}
.dropdown-menu>li>a {display: block;padding:0rem 1rem;font-size: 1.1em;color: #535353;text-align: left;}

#menu.pull{visibility:hidden}
#container.push .push_msk{visibility:visible}
#container.pull .push_msk{visibility:visible}
.push_msk{width:100%;height:9999px;position:fixed;visibility:hidden;top:0;left:0}

.nl{margin:12.5px 0 0 10px}
.nl a{display:block;float:left;height:35px;width:110px;text-align:center;float:left;line-height:35px;color:#fff}
.login{margin-right:10px;background:#4f5356}
.reg{background:#6bc30d}
.user_menu{width:5rem;height:5rem;background:#232425;position:relative}
.my_avatar{height:195px;overflow:hidden;text-align:center;width:210px;margin:0 auto}
.my_avatar .my_home{display:inline-block;width:90px;height:90px;margin-top:30px;overflow:hidden;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.my_avatar .my_home img{width:100%}
.my_avatar h4{display:block;height:28px;line-height:28px}
.my_avatar h4 a{color:#fff;font-weight:500;font-size:14px;margin-top:10px}
.my_avatar p{font-size:9px;color:#8e8e8e}
.user_menu table{height:50px;border-top:1px solid #4a4c4e;border-bottom:1px solid #4a4c4e;position:absolute;bottom:0;left:0}
.user_menu td{text-align:center}
.user_menu dl{display:inline-block;width:40px;height:30px;text-align:center}
.user_menu dt{display:inline-block;width:16px;height:16px}
.user_menu dd{display:block;height:16px;line-height:16px;text-align:center;font-size:9px;color:rgba(255,255,255,.2)}
.care{position:relative}
.fans dt{background-position:-167px -35px}
.care dt{background-position:-167px -51px}
.favorites dt{background-position:-167px -67px}
.user_menu_c{position:relative}
.user_menu_c .has_line_left,.user_menu_c .has_line_right{background:url(d_block.png);background-size:1px 1px}
#user_menu li{height:42px;border-bottom:1px solid #4a4c4e}
#user_menu li a{display:block;height:42px;border-left:6px solid #323436;background:#323436;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
#user_menu li a .fl{height:42px;margin-left:16px;color:#848484}
#user_menu li a .fl i{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-top:13px;margin-right:10px}
#user_menu li a .fl span{display:inline-block;height:16px;vertical-align:middle;line-height:16px;margin-top:13px}
#user_menu li.menu_msg a .fl i{background-position:-167px -90px}
#user_menu li.menu_system a .fl i{background-position:-167px -106px}
#user_menu li.menu_comment a .fl i{background-position:-167px -122px}
#user_menu li.menu_option a .fl i{background-position:-167px -138px}
#user_menu li.menu_logout a .fl i{background-position:-167px -155px}
#user_menu li a:hover,#user_menu li.menu_at a{border-left:6px solid #16be00;background:#1e1f20}
#user_menu li a .fr{margin-right:16px;height:42px}
#user_menu li a .fr span{display:inline-block;padding:0 10px;height:15px;line-height:15px;background:#ff8a00;margin-top:13.5px;color:#fffae7;font-size:11px;-o-border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px;border-radius:7px}
#user_menu li.menu_logout a .fr,#user_menu li.menu_option a .fr{display:none}
#header{-webkit-transition:all .3s cubic-bezier(.165,.84,.44,1);-moz-transition:all .3s cubic-bezier(.165,.84,.44,1);-o-transition:all .3s cubic-bezier(.165,.84,.44,1);transition:all .3s cubic-bezier(.165,.84,.44,1)}
#us_panel.hide{transform:translateY(125px);-moz-transform:translateY(125px);-webkit-transform:translateY(125px);-o-transform:translateY(125px)}
.search_wrap{height:60px;width:100%;background-color:#2a2c2e}
#user{background-color:#323436}

#sort_content{width:100%;min-height:100%;background:#f0f1f1;position:absolute;top:0;left:0;z-index:999;overflow-x:hidden;overflow-y:auto;padding-bottom:20px;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);-moz-transition:-moz-transform .3s cubic-bezier(.55,.055,.675,.19);-o-transition:-o-transform .3s cubic-bezier(.55,.055,.675,.19);transition:transform .3s cubic-bezier(.55,.055,.675,.19)}
#sort_content.show{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .3s cubic-bezier(.165,.84,.44,1);-moz-transition:-moz-transform .3s cubic-bezier(.165,.84,.44,1);-o-transition:-o-transform .3s cubic-bezier(.165,.84,.44,1);transition:transform .3s cubic-bezier(.165,.84,.44,1)}
.asort{display:none}
.asort.show{display:block}
.hd{height:60px;background:#323436}
.hd .fl{height:60px}
.sort_tag .hd .fl i{background-position:1.5px -34px}
.sort_color .hd .fl i{background-position:1.5px -94.5px}
.hd .fl span{height:32px;line-height:32px;color:#fff;display:block;float:left;margin-top:14px;padding-left:16px}
.hd .fr{width:33px;height:32px;background-position:10px -76.5px;background-color:#3e4042;margin-top:14px;position:relative;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}
.hd .fr.ton{background-color:#6bc30d}
.ct{overflow-x:hidden;overflow-y:auto}
.ct ul{margin-top:10px;display:block;border-top:1px solid #e5e5e5}
.ct li{display:block;height:50px;border-bottom:1px solid #e5e5e5;background:#fff}
.ct li i{width:16px;height:16px;display:inline-block;vertical-align:middle;margin-top:17px}
.ct li span{display:inline-block;height:16px;vertical-align:middle;margin-top:17px;font-size:13px}
.ct li .s{margin-right:12px;background-image:url(sort.png);background-size:150px 150px;margin-left:15px}
.ct h4{display:block;height:40px;overflow:hidden;font-weight:500}
.ct h4 i{display:inline-block;height:16px;width:16px;vertical-align:middle;background-image:url(sort.png);background-size:150px 150px;margin-left:14px;margin-right:10px;margin-top:17px}
.ct .cate_trade i{background-position:-16px 0}
.ct .cate_tag i{background-position:-16px -16px}
.ct .cate_color i{background-position:-16px -32px}
.ct h4 span{display:inline-block;height:16px;line-height:16px;vertical-align:middle;margin-top:17px}
i.cate_all{background-position:0 0}
i.cate_creat{background-position:0 -16px}
i.cate_site{background-position:0 -32px}
i.cate_inspire{background-position:0 -48px}
i.cate_article{background-position:0 -64px}
i.cate_app{background-position:0 -80px}
i.sort_re{background-position:-32px 0}
i.sort_recom{background-position:-32px -16px}
i.sort_fa{background-position:-32px -32px}
i.sort_vi{background-position:-32px -48px}
i.sort_com{background-position:-32px -64px}
.ct li i.e{background:#fff;width:10px;height:10px;border:3px solid #d1d1d1;float:right;margin-right:25px;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.ct li.a_selected .e{border:3px solid #6bc30d}
.ct .wrap{position:relative}
.nled_wrap{width:210px;margin:0 auto;height:35px}
.user_avatar{width:35px;height:35px}
.user_avatar img{width:35px}
.user_name{display:block;height:35px;line-height:35px;color:#fff;font-size:12px;margin-left:10px}
.user_logout{height:35px;line-height:35px;color:#fff;font-size:12px;opacity:.6;-webkit-transition:all .1s ease-in;-moz-transition:all .1s ease-in;-o-transition:all .1s ease-in;transition:all .1s ease-in}
.user_logout.ton{opacity:1}
.nled_wrap{margin-top:12.5px}


.list_loading{height:16px;padding:20px 0 30px;text-align:center}
.list_loading i{height:16px;width:16px;display:inline-block;background:url(/static/images/kmadminwap/icons.png) no-repeat -288px -16px;background-size:500px 500px;margin-right:10px;vertical-align:middle;-webkit-animation:loading 1s infinite linear;-ms-animation:loading 1s infinite linear;-o-animation:loading 1s infinite linear;-moz-animation:loading 1s infinite linear;animation:loading 1s infinite linear}
.list_loading span{height:16px;display:inline-block;line-height:16px;vertical-align:middle;color:#A0A0A0}
@-webkit-keyframes loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loading{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}


.author{width:48px;height:48px;overflow:hidden;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.author a{display:block}
.author img{width:48px;display:block}
.header_info{margin-left:63px;height:48px}
.header_info h4{height:26px;overflow:hidden;display:block;line-height:33px;font-weight:500;font-size:14px}
.add_fans{width:90px;height:30px;background:#70cb0f url(add.png) no-repeat 15px 10px;background-size:11px 11px;color:#fff;line-height:30px;text-indent:34px;margin-top:9px;-o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.remove_fans{width:90px;height:30px;background:#ff8400 url(remove.png) no-repeat 9px 10px;background-size:11px 11px;color:#fff;line-height:30px;text-indent:27px;margin-top:9px;-o-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.header_more dd,.header_more dl,.header_more dt{display:block;height:16px;line-height:16px;float:left}
.header_more dt{width:16px;margin:0 5px 0 -2px;background-position:4px -413px}
.header_more dd{font-size:11px;color:#929292}
.content_header{background:#f1f1f1}
.info_title{height:30px;display:block;overflow:hidden;line-height:32px;font-size:14px;text-indent:7px}
#works .list_info_i{margin:0 0 10px 7px}
.works_view dt{background-position:-70px -148px}
#works{background:#fff;margin-bottom:15px}
.works{text-align:center}
.works a{display:block;width:100%;text-align:center}
.works img{max-width:100%;display:inline-block;background:#e8e8e8 url(img.png) no-repeat 50% 25%;background-size:77px 97px;border:none;max-height:auto}
#us_panel{position:fixed;height:70px;width:100%;bottom:0;left:0;background:#fff;-webkit-box-shadow:0 0 8px rgba(0,0,0,.3);-o-box-shadow:0 0 8px rgba(0,0,0,.3);-moz-box-shadow:0 0 8px rgba(0,0,0,.3);box-shadow:0 0 8px rgba(0,0,0,.3);-webkit-transition:-webkit-transform .3s ease;-moz-transition:-moz-transform .3s ease;-o-transition:-o-transform .3s ease;transition:transform .3s ease}
#us_panel .pd10{position:relative;background:#fff}
.us_panel_left{margin-right:70px;position:relative;height:50px}
#add_f{height:50px;background:#ff8a00;color:#fff;display:block;font-size:16px;line-height:50px;width:100%;position:absolute;top:0;left:0;-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
#add_f i{height:32px;width:32px;display:inline-block;background-position:-106px -15px;vertical-align:middle}
#add_f .lf{display:inline-block;vertical-align:middle}
#post_comment_btn{width:60px;height:50px;background-position:-92px -147px;background-color:#e7e7e7}
#post_comment_btn.atc{background-position:-92px -191px;background-color:#70cb0f}
.post_comment_content{height:50px;position:absolute;top:0;left:0;width:100%;background:#fff;visibility:hidden;opacity:0}
.post_comment_content.show{visibility:visible;opacity:1}
.post_comment_content .pd5{border:1px solid #ccc}
.post_comment_content textarea{border:none;width:100%;height:38px;overflow:hidden;display:block;position:relative}
.works_info{line-height:18px;font-size:12px;color:#666}
.works_info iframe{margin:0 auto;display:inline-block;max-width:100%;height:auto}
.add_f{text-align:center}
.works_link{position:relative;top:-5px}
.works_link dd,.works_link dl,.works_link dt{display:block;height:16px;float:left;line-height:16px;font-size:11px}
.works_link dt{width:16px;background-position:0 -449px;margin-right:10px}
.works_link a{font-size:11px;color:#1f8902}
#more_about{background:#fff;margin-bottom:15px;padding-bottom:10px}
#more_about h4{display:block;height:45px;line-height:55px;font-size:15px;font-weight:500;text-indent:10px;overflow:hidden}
#more_about a{display:block}
#more_about img{display:block;max-width:100%}
#comment{background:#fff}
#comment h4{display:block;height:40px;line-height:40px;font-weight:500;text-indent:10px;font-size:11px}
#comment h4 a{color:#696969;margin-left:5px;font-size:11px}
.comment_me{width:50px;height:50px}
.comment_me img{width:100%}
.comment_e{margin-left:55px;height:50px}
.comment_e .pd5{border:1px solid #b0b0b0;height:38px}
.comment_e textarea{display:block;width:100%;height:100%;border:none;overflow:hidden}
.post_comment{width:55px;height:50px}
.post_comment a{display:block;width:55px;height:50px;line-height:50px;background:#888;color:#fff;font-size:14px;border:none;text-align:center}
.post_comment a.ton{background-color:#72ce0f}
.comment_e_w{margin-right:60px}
.comment_other h4{display:block;height:40px;line-height:40px;font-weight:500;border-bottom:1px solid #e5e5e5}
#comment ul li{display:block;padding:10px 0;border-bottom:1px solid #e5e5e5}
#comment ul li .avt{display:block;width:30px;height:50px}
#comment ul li .avt img{width:100%}
.comment_content{margin-left:40px;font-size:12px;line-height:18px}
.comment_content img,.msg_reply img{display:inline-block;vertical-align:top;width:14px;height:14px}
.msg_reply img{margin-top:2px}
.comment_content h5{display:block;font-weight:500;height:25px;line-height:20px;overflow:hidden}
.comment_content a{color:#1f8902;font-size:12 px}
.comment_content span{color:#b4b4b4;margin-left:5px}
.reply_this{color:#ff8a00;font-size:12px;height:20px}
.comment_p{color:#9c9c9c}
.quote{background:#f4f4f4;margin-top:10px}
#add_f.liked{background:#c8c8c8}
#add_f.liked i{-webkit-animation:animaLike .4s 2 ease-in;-ms-animation:animaLike .4s 2 ease-in;-o-animation:animaLike .4s 2 ease-in;animation:animaLike .4s 2 ease-in;-moz-animation:animaLike .4s 2 ease-in}
@-moz-keyframes animaLike{0%{opacity:.3;-moz-transform:scale(.5)}
50%{opacity:1;-moz-transform:scale(1)}
100%{opacity:.3;-moz-transform:scale(.5)}
}
@-webkit-keyframes animaLike{0%{opacity:.3;-webkit-transform:scale(.5)}
50%{opacity:1;-webkit-transform:scale(1)}
100%{opacity:.3;-webkit-transform:scale(.5)}
}
@-o-keyframes animaLike{0%{opacity:.3;-o-transform:scale(.5)}
50%{opacity:1;-o-transform:scale(1)}
100%{opacity:.3;-o-transform:scale(.5)}
}
@-ms-keyframes animaLike{0%{opacity:.3;-ms-transform:scale(.5)}
50%{opacity:1;-ms-transform:scale(1)}
100%{opacity:.3;-ms-transform:scale(.5)}
}
@keyframes animaLike{0%{opacity:.3;transform:scale(.5)}
50%{opacity:1;transform:scale(1)}
100%{opacity:.3;transform:scale(.5)}
}
.comment_reply_this{margin-top:10px;overflow:hidden;height:0}
.comment_reply_this.open{height:auto}
.comment_reply_this .pd5{background:#fff;border:1px solid #b0b0b0;height:40px}
.comment_reply_this textarea{border:none;width:100%;height:100%;overflow:hidden}
.comment_content .comment_reply_submit{width:100%;height:40px;line-height:40px;text-align:center;color:#9c9c9c;display:block;margin-top:10px;background:#e7e7e7;font-size:14px}
.comment_content .comment_reply_submit.ton{background:#64c400;color:#fff}
.more_comment{height:50px;line-height:50px;text-align:center;color:#fff;font-size:15px;text-align:center;background:#c8c8c8;display:block}
.more_comment.ton{background-color:#64c400}
.website{margin:0 auto;overflow:hidden;position:relative}
.website ul{position:relative}
.website li{display:block;float:left}
.website li img{width:100%}
.website_info{margin-top:7.5px;line-height:18px;font-size:12px}
.visit_site{height:40px}
.visit_site a{display:block;height:40px;background:#6b6b6b;text-align:center;overflow:hidden}
.visit_site a.ton{background:#64c400}
.visit_site a i{display:inline-block;width:16px;height:16px;background-position:-74px -287px;vertical-align:middle;margin-top:12px}
.visit_site a span{height:16px;display:inline-block;line-height:16px;margin-left:5px;color:#fff;font-size:12px;vertical-align:middle;margin-top:12px}
.website_info .pd10{color:#848484;font-size:11px}
.website_info .pd10 span{color:#373737}
.designer_t{height:60px;margin-bottom:10px}
.designer_t table{height:60px}
.designer_t a{display:block;height:55px;line-height:60px;text-align:center;color:#898989;overflow:hidden;border-bottom:5px solid #3d3e40;background:#3d3e40;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-ms-transition:all .3s ease-out;transition:all .3s ease-out}
.designer_t .designer_t_c{background-color:#323436}
.designer_t .designer_t_c a,.designer_t a:hover{border-bottom:5px solid #70cb0f;color:silver;background:#323436;position:relative}
.has_line{position:relative}
.has_line_left,.has_line_right{position:absolute;top:0;width:1px;height:100%;background:url(g_block.png);background-size:1px 1px}
.has_line_left{left:0}
.has_line_right{right:0}
#designer_list{background:#f0f1f1}
#designer_list li{display:block;background:#fff;margin-bottom:15px}
.designer_avt{width:30px;height:30px;overflow:hidden}
.designer_avt img{width:100%}
.designer_info{margin-left:40px}
.designer_info h4{display:block;height:17px;line-height:17px}
.designer_info h4 a{font-weight:500;font-size:12px;color:#696969}
.designer_info p{font-size:10px;color:#929292}
.designer_info p span{margin-right:10px}
.relationship{width:30px;height:30px}
.relationship a{display:block;height:30px}
.add_friend{background-color:#70cb0f;background-position:-160px 0}
.remove_friend{background-color:#ff8400;background-position:-190px 0}
.rela_friend{background-color:#ccc;background-position:-220px 0}
.designer_more{padding:0 5px 5px 5px}
.designer_more a{display:block;float:left;background:#f6f6f6}
.designer_more a img{width:100%}
.article_info{height:26px;overflow:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;text-overflow:-o-ellipsis-lastline;-webkit-box-orient:vertical;color:#848484;font-size:12px;line-height:14px;margin-top:5px}
.article_list .list_info_i{margin-top:10px}
.bangmang_list .bangmang_album{display:block;width:100%;margin-bottom:5px}
.bangmang_album img{width:100%}
.bangmang{background:#f0f1f1;padding-bottom:20px}
.bangmang .pd5{background:#fff}
.bangmang_list li{background:#fff;margin-bottom:15px;padding-bottom:10px}
.bangmang_list li h4{display:block;padding:0 10px;height:25px;line-height:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bangmang_list li h4 a{font-size:14px;color:#535353}
.bangmang_info,.bangmang_list_info{color:#848484;line-height:20px;font-size:11px}
.bangmang_info iframe,.bangmang_info img{display:block;max-width:100%;height:auto}
.bangmang_info p{text-align:left}
.bangmang_list_more{padding:0 10px}
.bangmang_title{line-height:20px;display:block;padding:10px;padding-bottom:0}
#share{visibility:hidden}
#share.show{visibility:visible}
#share.show .share_msk{visibility:visible}
#share.show .share{visibility:visible;bottom:0}
.share_msk{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);visibility:hidden;z-index:998}
.share{position:fixed;bottom:-200px;left:0;width:100%;background:#fff;visibility:hidden;z-index:999;-webkit-transition:all .3s cubic-bezier(.165,.84,.44,1);-moz-transition:all .3s cubic-bezier(.165,.84,.44,1);-o-transition:all .3s cubic-bezier(.165,.84,.44,1);transition:all .3s cubic-bezier(.165,.84,.44,1)}
.share td{height:70px}
.share td a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:74px 70px}
.share td.sina a{background-image:url(social/sina.png);background-color:#d63b22}
.share td.guangbo a{background-image:url(social/guangbo.png);background-color:#3eb0d8}
.share td.facebook a{background-image:url(social/facebook.png);background-color:#3f67c0}
.share td.twitter a{background-image:url(social/twitter.png);background-color:#35b5eb}
.share .pd10{padding-top:5px}
.cancel_share a{display:block;height:50px;line-height:50px;text-align:center;color:#fff;background:#c8c8c8;font-size:15px}
.cancel_share a.ton{background:#70CA10}
.home_info{height:90px;padding:15px 0}
.home_avatar{width:90px;height:90px}
.home_avatar img{width:100%}
.home_profile{margin-left:90px;position:relative}
.home_profile_name{display:block;height:20px;overflow:hidden;font-weight:500;font-size:16px;color:#696969;padding-top:15px}
.home_profile_name span{display:inline-block;height:16px;line-height:16px;vertical-align:middle;margin-left:10px;white-space:nowrap;overflow:hidden;max-width:80%}
.home_profile_name i{display:none;vertical-align:middle;margin-left:5px}
.home_profile_name i.medal{display:inline-block;height:16px;width:16px;background:url(medal.png) no-repeat 0 0;background-size:16px 16px}
.home_profile_local{height:16px;float:left;margin-left:10px}
.home_profile_local i{display:inline-block;width:16px;height:16px;vertical-align:middle;background-position:0 -413px}
.home_profile_local span{display:inline-block;vertical-align:middle;height:16px;line-height:15px;color:#929292;font-size:12px}
.home_profile_dec{float:left;height:16px;line-height:16px;color:#929292;font-size:12px;margin-left:10px}
.home_add_f{background:#70cb0f}
.home_remove_f{background:#ff8400}
.home_rela_f{background:#ccc}
.home_send{background:#505152}
.home_profile_c{position:absolute;height:30px;bottom:0;left:0;width:100%}
.home_profile_c a{display:block;width:90px;height:30px;text-align:center;float:left;margin-left:5px}
.home_profile_c a i{display:inline-block;height:16px;width:16px;vertical-align:middle;margin-top:7px;margin-right:5px}
.home_profile_c a span{height:16px;vertical-align:middle;line-height:16px;display:inline-block;margin-top:7px;color:#fff}
.home_profile_c a.home_add_f i{background-position:-167px -7px}
.home_profile_c a.home_remove_f i{background-position:-196px -7px}
.home_profile_c a.home_rela_f i{background-position:-228px -7px}
.home_profile_c a.home_send i{background-position:-228px -29px}
.home_cate{background:#fff;height:60px;display:table;width:100%;border-top:1px solid #d0d1d1}
.home_cate_row{display:table-row}
.home_cate a{height:59px;overflow:hidden;display:table-cell;line-height:60px;text-align:center;border-bottom:1px solid #d0d1d1;color:#7c7c7c}
.home_cate a:nth-child(1){border-right:1px solid #dbdbdc}
.home_cate_row a.home_cur{border-bottom:8px solid #70cb0f;height:52px}
#myworks{background:#fff;padding-top:5px;padding-bottom:10px}
#myworks .wrap{overflow:hidden}
#myworks ul{padding-top:10px}
#myworks ul li a{display:block}
#myworks ul li{display:block;margin-bottom:10px;border-bottom:1px solid #eee;padding-bottom:10px}
#myworks ul li h4{height:30px;line-height:35px}
#myworks .list_info{padding-top:0}
#myworks .list_info_i{margin-top:15px}
.message_title{width:100%;display:table}
.message_row{display:table-row}
.message_cell{display:table-cell;height:60px;text-align:center;background:#fff}
.message_cell a{color:#888787;display:block;width:100%;height:60px;line-height:60px}
.message_cell.active a{height:55px;border-bottom:5px solid #6bc30d}
.message_cell.system{border-right:1px solid #e5e5e5}
.message_cell.comment{border-right:1px solid #e5e5e5}
.message_cell.reply{border-right:1px solid #e5e5e5}
.message_system li.ton{background:#f9f9f9}
.message ul{border-top:1px solid #e5e5e5}
.message li{background:#fff}
.message li h4,.message li h5{font-weight:500;color:#7e7e7e}
.message li a{color:#6bc30d}
.message li h4{font-size:13px;display:block;height:18px;line-height:18px;overflow:hidden;white-space:nowrap}
.message li h5{font-size:9px;color:#b6b6b6;display:block;height:16px;line-height:16px}
.remove_msg{position:absolute;right:12px;top:50%;margin-top:-8px;width:16px;height:16px;background-position:1px -479px}
.message_avatar{width:30px;height:30px;overflow:hidden;margin-right:10px}
.message_avatar img{max-width:100%}
.msg_wrap{border-bottom:1px solid #eee;padding:12px;position:relative}
.message_comment li{margin-bottom:5px}
.msg_more,.msg_reply{color:#999;line-height:20px}
.message_private .msg_more a{color:#ff8400;margin-left:5px}
.message_private li{margin-bottom:10px}
.message_private li h4 i{background:url(point.png) no-repeat 50% 3px;background-size:8px 8px}
.message .message_private_reply ul{border:none}
.speak .pd10{padding:10px 15px;line-height:18px}
.speak .speak_ct{color:#888;display:inline-block}
.speak .speak_date{color:#b6b6b6;display:inline-block;margin:0 5px;font-size:11px}
.message_private_reply .from .fl{width:10px;background:url(from.png);background-size:10px 10px;height:10px}
.message_private_reply .from .speak{margin-left:10px;margin-right:10px}
.message_private_reply .from .speak{background:#fff}
.message_private_reply .to .speak{background:#6BC30D;color:#fff}
.message_private_reply .to .speak span{color:#fff}
.message_private_reply li{background:#f0f1f1;margin-bottom:10px}
.message_private_reply .to .fr{width:10px;background:url(to.png);background-size:10px 10px;height:10px}
.message_private_reply .to .speak{margin-right:10px;margin-left:10px}
#reply_msg{background:#fff;height:70px;position:fixed;width:100%;left:0;bottom:0}
.reply_msg_content{border:1px solid #ccc;margin-right:70px}
.reply_msg_content textarea{border:none;width:100%;height:40px;overflow:hidden}
.reply_msg_post{width:60px;height:50px;background-position:-90px -367px;background-color:#c8c8c8}
.reply_msg_post.checked{background-color:#70cb0f}
.delete_check{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);z-index:998;visibility:hidden;opacity:0;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
.delete_check_a{position:fixed;z-index:999;width:100%;background:#fff;left:0;bottom:-200px;visibility:hidden;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
.delete_check_a a{display:block;height:50px;text-align:center;line-height:50px;color:#fff}
.delete_check_sure{margin-bottom:10px;background:#ff8a00}
.delete_check_cancel{background:#c8c8c8}
.delete_check_cancel.ton,.delete_check_sure.ton{opacity:.6}
#delete_check.show .delete_check{visibility:visible;opacity:1}
#delete_check.show .delete_check_a{visibility:visible;bottom:0}
.about_t{height:50px;line-height:60px;font-size:18px;font-weight:500;text-align:center;color:#7e7e7e;display:block;overflow:hidden}
.about_c{line-height:20px;color:#7e7e7e;font-size:12px;border-bottom:1px solid #e5e5e5;padding-bottom:20px}
.about_wrap{background:#fff;min-height:100%}
.about_contact dl{color:#7e7e7e;margin-top:10px}
.about_contact dl a{color:#7e7e7e;font-size:11px}
.about_contact dt{display:block;height:40px;line-height:45px;color:#505050;overflow:hidden}
.about_contact dd{display:inline-block;height:20px;line-height:20px;font-size:11px;margin-right:5px}
.article_ct img{max-width:100%;display:block;margin:0 auto}
.article_ct a{color:#6bc30d}
.article_ct iframe{max-width:100%;display:block;margin:0 auto;height:auto}
.article_ct p{font-size:12px;color:#666;line-height:20px;max-width:100%;display:block;margin:0 auto;position:relative}
.article_ct strong{font-size:14px}
#send_msg{bottom:0;height:70px;left:0;position:fixed;width:100%;background:#fff;-webkit-transition:all .3s cubic-bezier(.165,.84,.44,1);-moz-transition:all .3s cubic-bezier(.165,.84,.44,1);-o-transition:all .3s cubic-bezier(.165,.84,.44,1);transition:all .3s cubic-bezier(.165,.84,.44,1);-webkit-transform:translateY(80px);-moz-transform:translateY(80px);-o-transform:translateY(80px);transform:translateY(80px);visibility:hidden}
.send_msg_to{background-color:#C8C8C8;background-position:-90px -367px;height:50px;width:60px}
.send_msg_to.checked{background-color:#70cb0f}
.send_msg_content{border:1px solid #CCC;margin-right:70px}
#send_msg_content{height:40px;overflow:hidden;width:100%;outline:0;border:none;color:#535353}
#send_msg.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);visibility:visible}
#loading_mask{width:100%;height:100%;position:absolute;top:0;left:0;background:#fff;z-index:999}
.loading_mask{width:80px;height:120px;background:url(loading.png) no-repeat 50% 0;background-size:77px 97px;position:absolute;top:50%;left:50%;margin:-120px 0 0 -40px}
@-webkit-keyframes bouncedelay{0%,100%,80%{-webkit-transform:scale(0);background:#e5e5e5}
40%{-webkit-transform:scale(1);background:#6bc30d}
}
@-moz-keyframes bouncedelay{0%,100%,80%{transform:scale(0);-moz-transform:scale(0);background:#e5e5e5}
40%{transform:scale(1);-moz-transform:scale(1);background:#6bc30d}
}
@keyframes bouncedelay{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0);background:#e5e5e5}
40%{transform:scale(1);-webkit-transform:scale(1);background:#6bc30d}
}
.loading #loading_mask{opacity:1;visibility:visible;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);-moz-transition:all .5s cubic-bezier(.165,.84,.44,1);-o-transition:all .5s cubic-bezier(.165,.84,.44,1);transition:all .5s cubic-bezier(.165,.84,.44,1)}
#loading_mask{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);visibility:hidden}
.loading_dark{width:100%;height:100%;position:absolute;background:#000;top:0;left:0;z-index:999;visibility:hidden;opacity:0}
.loading .loading_dark{opacity:1;visibility:visible;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.loading_mask ul{height:8px;display:block;position:absolute;left:0;bottom:0;width:110px;overflow:hidden;margin-left:4px;text-align:center}
.loading_mask ul li{display:block;float:left;width:8px;height:8px;background:#e5e5e5;margin-right:8px;-o-border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both}
.loading_mask ul.anm li{background:#e5e5e5;width:8px;height:8px;border-radius:100%;display:inline-block;-webkit-animation:bouncedelay 1.4s infinite ease-in-out;animation:bouncedelay 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.loading_mask ul.anm li:nth-child(1){-webkit-animation-delay:-.64s;-moz-animation-delay:-.64s;animation-delay:-.64s}
.loading_mask ul.anm li:nth-child(2){-webkit-animation-delay:-.48s;-moz-animation-delay:-.48s;animation-delay:-.48s}
.loading_mask ul.anm li:nth-child(3){-webkit-animation-delay:-.32s;-moz-animation-delay:-.32s;animation-delay:-.32s}
.loading_mask ul.anm li:nth-child(4){-webkit-animation-delay:-.16s;-moz-animation-delay:-.16s;animation-delay:-.16s}
.loading2 body{position:relative;overflow:hidden;height:100%;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);-moz-transition:all .5s cubic-bezier(.165,.84,.44,1);-o-transition:all .5s cubic-bezier(.165,.84,.44,1);transition:all .5s cubic-bezier(.165,.84,.44,1)}
.newwrap_msk{width:100%;height:100%;position:absolute;background:#000;top:0;left:0;z-index:999;visibility:hidden;opacity:0;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-o-transition:all .5s linear;transition:all .5s linear}
.newwrap.show .newwrap_msk{opacity:.6;visibility:visible;-webkit-transition-delay:.25s;-moz-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s}
#newwrap{position:fixed;top:0;left:0;z-index:999;display:block;width:100%;height:100%;background:#fff;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s cubic-bezier(.165,.84,.44,1);-moz-transition:-moz-transform .3s cubic-bezier(.165,.84,.44,1);-o-transition:-o-transform .3s cubic-bezier(.165,.84,.44,1);transition:transform .3s cubic-bezier(.165,.84,.44,1);visibility:hidden;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
#newwrap_t.show #newwrap{-webkit-transition:-webkit-transform .3s cubic-bezier(.33,.66,.66,1);-moz-transition:-moz-transform .3s cubic-bezier(.33,.66,.66,1);-o-transition:-o-transform .3s cubic-bezier(.33,.66,.66,1);transition:transform .3s cubic-bezier(.33,.66,.66,1);-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);visibility:visible;-webkit-transition-delay:.25s;-moz-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s}
#container.newframe{-webkit-transform:translateX(-15%);-moz-transform:translateX(-15%);-o-transform:translateX(-15%);transform:translateX(-15%);-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
#header.newframe{-webkit-transform:translateX(-15%);-moz-transform:translateX(-15%);-o-transform:translateX(-15%);transform:translateX(-15%);-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
#us_panel2{width:100%;height:44px;position:fixed;bottom:0;left:0;background:#fff;border-top:1px solid #e3e3e3}
#us_panel2.hide{visibility:hidden}
#us_panel2 td{height:100%;text-align:center}
#us_panel2 td i{display:inline-block;vertical-align:middle;position:relative}
#us_panel2 td span{display:inline-block;vertical-align:middle;width:65px}
#us_panel2 td span em{font-style:normal}
.us_panel_menu{width:85px;position:relative}
.arrow_top{width:13px;height:6.5px;background:url(arrow-top.png) no-repeat 0 0;background-size:13px 6.5px;position:absolute;left:50%;margin-left:-6.5px;top:0;-webkit-transition:-webkit-transform .2s cubic-bezier(.33,.66,.66,1);-moz-transition:-moz-transform .2s cubic-bezier(.33,.66,.66,1);-o-transition:-o-transform .2s cubic-bezier(.33,.66,.66,1);transition:transform .2s cubic-bezier(.33,.66,.66,1)}
.arrow_top.open{-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);-o-transform:translateY(-6px);transform:translateY(-6px)}
#us_panel2 .us_panel_menu i{width:22px;height:16.5px;background-position:-112px -256px}
#us_panel2 .us_panel_like i{width:16px;height:16px;background-position:-112px -304px}
#us_panel2 .us_panel_like.liked i{width:16px;height:16px;background-position:-144px -304px}
#us_panel2 .us_panel_post i{width:16px;height:16px;background-position:-112px -208px}
.us_panel_menu_left{background:#e3e3e3;width:1px;position:absolute;top:0;left:0;height:100%}
.us_panel_menu_right{background:#e3e3e3;width:1px;position:absolute;top:0;right:0;height:100%}
.us_panel_msk{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;visibility:hidden;opacity:0;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
#us_panel_menu.show .us_panel_msk{opacity:1;visibility:visible}
#us_panel_menu.show .us_panel_menu_t{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);visibility:visible;-webkit-transition:all .2s cubic-bezier(.165,.84,.44,1);-moz-transition:all .2s cubic-bezier(.165,.84,.44,1);-o-transition:all .2s cubic-bezier(.165,.84,.44,1);transition:all .2s cubic-bezier(.165,.84,.44,1)}
.us_panel_menu_t{height:138px;display:block;width:100%;position:fixed;bottom:0;left:0;background:rgba(0,0,0,.8);-webkit-transform:translateY(160px);-moz-transform:translateY(160px);-o-transform:translateY(160px);transform:translateY(160px);visibility:hidden;-webkit-transition:all .6s cubic-bezier(.165,.84,.44,1);-moz-transition:all .6s cubic-bezier(.165,.84,.44,1);-o-transition:all .6s cubic-bezier(.165,.84,.44,1);transition:all .6s cubic-bezier(.165,.84,.44,1)}
.us_panel_menu_t table{height:100%}
.us_panel_menu_t span{width:60px;display:block;margin:0 auto;text-align:center}
.us_panel_menu_t i{width:16px;height:16px;background:url(navigation.png) no-repeat 0 0;background-size:32px 250px;display:block;margin:0 auto;margin-top:25px;margin-bottom:10px}
.us_panel_menu_t .us_panel_menu_index i{background-position:-8px -17px}
.us_panel_menu_t .us_panel_menu_designer i{background-positiosearch_inputn:-8px -67px}
.us_panel_menu_t .us_panel_menu_help i{background-position:-8px -217px}
.us_panel_menu_t .us_panel_menu_about i{background-position:-8px -117px}
.us_panel_menu_t a{display:block;width:100%;height:100%;overflow:hidden}
#add_newpost{position:fixed;width:100%;height:100%;background:#cfcfcf;top:0;left:0;z-index:999;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .3s cubic-bezier(.55,.055,.675,.19);-moz-transition:all .3s cubic-bezier(.55,.055,.675,.19);-o-transition:all .3s cubic-bezier(.55,.055,.675,.19);transition:all .3s cubic-bezier(.55,.055,.675,.19);visibility:hidden}
#add_newpost.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:-webkit-transform .3s cubic-bezier(.165,.84,.44,1);-moz-transition:-moz-transform .3s cubic-bezier(.165,.84,.44,1);-o-transition:-o-transform .3s cubic-bezier(.165,.84,.44,1);transition:transform .3s cubic-bezier(.165,.84,.44,1);visibility:visible}
.add_newpost{height:50px;background:#323436}
#add_newpost td{text-align:center;background:#686868;color:#fff;height:40px}
.add_newpost_cancel{background:#686868}
#add_newpost .add_newpost_post{background:#6bc30d}
.newpost_w_t{height:240px;color:#999;padding:15px;background:#fff}
.newpost_w_t textarea{border:none;display:block;width:100%;height:100%}
#myfavorites li{display:block;float:left;margin-top:10px;border-bottom:2.5px solid #e3e3e3}
#myfavorites li:nth-child(odd){margin-right:10px}
#myfavorites li a{display:block}
#myfavorites li dt{display:block;background:#fff;font-size:11px}
#myfavorites li dt .pd5{height:24px;line-height:24px}
#myfavorites li dd{display:block;padding:0 5px 5px 5px;background:#fff}
#myfavorites li dd span{display:block;float:left}
#myfavorites li dd span:nth-child(2){margin:0 5px}
#myfavorites li img{width:100%}
.edit_this{height:23px;display:block;border:1px solid #e3e3e3;background:#f3f3f3;color:#787878;line-height:23px;font-size:10px;text-align:center}
#choose_album{width:100%;position:fixed;top:50px;left:0;opacity:0;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%);visibility:hidden;-webkit-transition:all .2s cubic-bezier(.55,.055,.675,.19);-moz-transition:all .2s cubic-bezier(.55,.055,.675,.19);-o-transition:all .2s cubic-bezier(.55,.055,.675,.19);transition:all .2s cubic-bezier(.55,.055,.675,.19)}
#choose_album.show{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);visibility:visible;-webkit-transition:all .3s cubic-bezier(.165,.84,.44,1);-moz-transition:all .3s cubic-bezier(.165,.84,.44,1);-o-transition:all .3s cubic-bezier(.165,.84,.44,1);transition:all .3s cubic-bezier(.165,.84,.44,1)}
#choose_album li{height:40px;line-height:40px;background:#fff;border-bottom:1px solid #eee}
#choose_album li a{display:block;width:100%;height:100%;text-indent:20px;color:#adadad}
#choose_album li a.ton{background-color:#70CA10;color:#fff}
#edit_album{width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;opacity:0;visibility:hidden;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
#edit_album.show{visibility:visible;opacity:1}
#edit_album .edit_album_d_wrap{width:100%;position:relative;-webkit-perspective:1000px;-moz-perspective:1000px;perspective:1000px;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden}
#edit_album.show .edit_album_msk{opacity:1}
.edit_album_msk{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5)}
.edit_album{width:85%;margin:120px auto 0 auto;position:relative;background:#fff;-webkit-transform:translate3d(0,-10%,0) rotateX(-90deg);-moz-transform:translate3d(0,-10%,0) rotateX(-90deg);transform:translate3d(0,-10%,0) rotateX(-90deg);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:50% -100%;-moz-transform-origin:50% -100%;transform-origin:50% -100%}
#edit_album.show .edit_album{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;opacity:1}
.edit_album h4{display:block;height:50px;background:#f0f0f0;color:#747474;line-height:50px;text-align:center;font-weight:500}
.edit_album_input{display:block;border:1px solid #b7b7b7;height:24px;background:#fff;width:100%;text-indent:10px}
.edit_album_d span{display:block;height:40px;line-height:40px;text-align:center;color:#fff}
.edit_album .pd20{padding-bottom:0}
.edit_album_d .edit_album_delete{background:#686868}
.edit_album_d .edit_album_sure{background:#6bc30d}
#add_favorite{width:100%;height:100%;position:fixed;z-index:999;top:0;left:0;background:#f0f1f1;-webkit-transform:translate3d(0,100%,0);-moz-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-transition:-webkit-transform .3s cubic-bezier(.55,.055,.675,.19);-moz-transition:-moz-transform .3s cubic-bezier(.55,.055,.675,.19);-o-transition:-o-transform .3s cubic-bezier(.55,.055,.675,.19);transition:transform .3s cubic-bezier(.55,.055,.675,.19)}
#add_favorite.show{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition:-webkit-transform .3s cubic-bezier(.165,.84,.44,1);-moz-transition:-moz-transform .3s cubic-bezier(.165,.84,.44,1);-o-transition:-o-transform .3s cubic-bezier(.165,.84,.44,1);transition:transform .3s cubic-bezier(.165,.84,.44,1)}
.created_cate{height:40px;margin:10px 0}
.created_cate_add{width:100px;height:40px;font-size:13px;text-align:center;line-height:40px;background:#6bc30d;color:#fff;float:right}
.created_cate_ipt{height:18px;margin-right:105px;border:1px solid #b7b7b7;padding:10px 10px;background:#fff}
.created_cate_ipt input{display:block;width:100%;height:100%;border:0;background:0 0}
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}

/*面包屑*/
.mbx{border-bottom: 0.1rem solid #dadfe4; margin:0.5rem;font-size: 1.4rem; color: #000; padding-bottom:0.8rem;}
.mbx .mbx_a{color: #000;font-size: 1.4rem;}
/*面包屑*/
/*搜索框 输入框 按钮 选项框*/
.input-txt, .select {color: #333; padding: 0.5rem 0;}
.input-txt label, .select label{width: 27%;font-size: 1.2rem; text-align: right;line-height: 1.4rem;display: inline-table;}
.input-txt input, .select select{border: 0.08rem solid #dadfe4;padding-left:0.5rem;background-color: #fff;height:3rem;line-height: 3rem;width:67%;font-size: 1.2rem;}
.select select{width:70%;}
.btn{text-align: right; margin: 0.5rem;}
.btn_blue,.btn_cancel {
    display:inline-block;color: #fff;background-color: #337ab7;border: 0;line-height:3rem;text-align: center; width: 70%;height: 3rem;font-size: 1.2rem; cursor: pointer;margin: 0.25rem 0;}
.btn_blue1 {margin-right: 0.5rem;
    display:inline-block;color: #fff;background-color: #337ab7;border: 0;line-height:3rem;text-align: center; padding: 0 0.5rem; height: 3rem;font-size: 1.2rem; cursor: pointer;} 
.btn_blue_all,.btn_cancel_all{
     display:inline-block;color: #fff;background-color: #337ab7;border: 0;line-height: 3rem;text-align: center; width: 95%;height: 3rem;font-size: 1.2rem; cursor: pointer;margin:0.5rem;}    
.btn_cancel_all{background-color: #dadfe4; color:#333;}
.btn_cancel{background-color: #eee; color:#333;}
.btn_sc{
	display:inline-block;color: #333;background-color: #eee;border: 0.08rem solid #dadfe4;line-height: 3rem;text-align: center;width: 67%;height: 3rem;font-size: 1.2rem; cursor: pointer;margin:0.5rem;}
/*搜索框 按钮*/
/*换页*/
.paging {text-align: center;margin: 1rem 0 3rem;}
.paging a {background: #5bc0de;border: 0.08rem #46b8da solid;color: white;padding: 0.5rem 0.7rem;display: inline-block;cursor: pointer;}
.paging a.active {background: #31b0d5;-moz-box-shadow:-5px 5px 5px #269abc inset;/* For Firefox3.6+ */
	-webkit-box-shadow:-5px 5px 5px #269abc inset;           /* For Chrome5+, Safari5+ */
	box-shadow:-5px 5px 5px #269abc inset;   }
/*换页*/
/*表格*/
table {border-spacing: 0;border-collapse: collapse;}
.table {width: 100%; max-width: 100%; /*margin: 1%;*/}
.table-striped{border:0.08rem solid #dadfe4}
.table-striped>thead>tr>th{background-color:#f5f5f5;min-width:5rem;padding:0.8rem;font-size: 1.2rem;}
.table-striped>tbody>tr>td,.table-striped>tbody>tr>th,.table-striped>tfoot>tr>td,.table-striped>tfoot>tr>th,.table-striped>thead>tr>td,.table-striped>thead>tr>th{border:0.08rem solid #dadfe4}
.table-responsive>thead>tr>th{border-bottom:0.08rem solid #dadfe4;}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td{font-size:1.2rem;border-top:0.08rem solid #dadfe4;line-height:1.42857;padding:0.5rem;vertical-align:middle; text-align: center;}
.table img.logo{width: 50%;}
.table img.car{width: 100%;}
.table-responsive {
    width: 95%; margin-bottom: 1rem; overflow-y: hidden;-ms-overflow-style: -ms-autohiding-scrollbar; border: 0.08px solid #dadfe4;
    min-height: .01%;overflow-x: auto;font-size: 1rem;margin: 0 0.5rem;margin-bottom: 0.5rem;}
.biaozhu{padding-left:28%; margin: 0.2rem;}  
  /*表格*/
  .icheckbox_flat-green,.iradio_flat-green{display:inline-block;vertical-align:middle;margin:0;padding:0;width:20px;height:20px;background:url(/static/images/kmadminwap/icons1.png) no-repeat;background-image:url(/static/images/kmadminwap/icons.png);background-position-x:0;background-position-y:0;background-size:auto auto;border:none;cursor:pointer}
 .icheckbox_flat-green,.iradio_flat-green{background-image:url(/static/images/kmadminwap/icons1.png);)
     -webkit-background-size:176px 22px;background-size:176px 22px;margin-right: 0.5rem;}
 .icheckbox_flat-green.checked{background-position:-22px 0;}
 .xuanze{width:70%;display:inline-block;vertical-align:middle}
 .check{display:inline-block;padding:.3rem;font-size: 1.2rem;}
 .nochange_select{opacity: 0.5;}
 
.disabled {pointer-events: none;}
.xuanze{width: 70%; display: inline-table; vertical-align: middle;}
.check{display: inline-block;padding: 0.3rem;}
img.sc_car{width: 66%; border:0.08rem solid #dadfe4;margin-left: 30%;}
.input-txt input.input_disabled{background-color: #eee;}
.select select.disabled{background-color: #eee;}
.green{color:green;}
.red{color: red;}
.red_zhujie{padding: 0.5rem; color: red;font-size: 1.2rem;}
.black_zhujie{padding: 0.5rem;}
.no_data{text-align: center; background-color: #f5f5f5;}
.no_data img{width: 40%;margin: 0 auto;}
.form-control,.form-control-all {
    border-radius: 0;border: 0.08rem solid #dadfe4;background-color: #fff;height: auto;line-height: 1.4rem;width: 69%;font-size: 1.2rem;vertical-align: top;}
.form-control-all{width: 95%; margin: 0 2%;}
.r_txt{ width: 67%;display: inline-block;padding-left: 0.5rem;margin-right: 0.5rem;vertical-align: top;}
.laydate-icon {
    background-repeat: no-repeat;background-position: right center; background-color: #fff;
    outline: 0;border: 0.08rem solid #dadfe4;background-image:url(/static/images/kmadminwap/icon.png);}
.bg_gray{background-color: #f5f5f5; border:0.08rem solid #dadfe4; margin: 0.5rem;padding: 1rem 0;} 
ul.huifu{margin: 0.5rem;}
.huifu li{border-bottom:0.08rem solid #dadfe4;padding: 0.5rem;}   
.huifu li p{line-height: 1.4rem; font-size: 1rem;}
.txtcenter{text-align: center;}
.huancun img{width: 50%;}
.changjing{padding-left: 28%;}
.changjing .changjing_img{width: 30.5%; padding-left: 1%;}
/*登录*/
.login{width:100%;height:100%;overflow-y: scroll;background:url(/static/images/kmadminwap/login-bg.jpg) no-repeat;background-size:cover;position:fixed;}
.welcome{width:100%;margin: 15% 0 10% 0;}
.welcome img{width:100%;}
.login-inp{margin:0 2rem 1.5rem 2rem;border-radius:2rem;}
.login-inp label{width:4em;text-align:center;display:inline-block;color:#fff;}
.login-inp input{ width: 70%;line-height:4rem;color:#fff;background-color:transparent;border:none;
outline: none;float: left;  margin-left: 5%;font-size: 1.4rem;}
.login-inp input::-webkit-input-placeholder { /* WebKit browsers */  
  color: white;  
}  
.login-inp input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */  
  color: white;  
}  
.login-inp input::-moz-placeholder { /* Mozilla Firefox 19+ */  
  color: white;  
}  
.login-inp input:-ms-input-placeholder { /* Internet Explorer 10+ */  
  color: white;  
} 
.login-inp a{display:block;width:100%;text-align:center;line-height:4rem;color:#fff;font-size:1.4rem;letter-spacing:0.5rem;}
.login-txt{text-align:center;color:#fff;}
.login-txt a{color:#fff;padding:0 5px;}
.login_btn{background-color: #0054ff;}
.login_bg{ background-color:rgba(255,255,255,0.3)}
.login_image{ width: 10%;float: left; text-align: right; border-right: 0.08rem solid #fff;padding-left: 0.8rem;padding-right: 0.25rem;margin-top: 0.5rem;}  
.login_image img{width: 90%;}
.zhujie{text-align:center; margin-top: 30%;font-size: 1rem;}
/*登录*/
/*菜单*/


/*选择城市*/
.selectcity, .selectcate{margin:0.5rem;}
.selectcity_yx, .selectcate_yx{
padding:0.3rem;font-size: 1.2rem; background-color: #347ab6;border-radius: 0.2rem;
    display: inline-block;line-height: 1.4rem;color: #fff;margin:0.2rem 0.1rem;}
.selectcity_yx .delete, .selectcate_yx .delete{padding-left: 0.5rem;}
.hotCity{background: #fff;}
.tit{
    margin:10px 0;font-size:1rem;color:#444;font-weight:700;
    text-align: center;width: 15%;}
.citysc{width: 85%}
.citys span,.current p{font-size:1.3rem;background-color:#fff}
/*.citys a{display:inline-block;float:left;width:25%}*/
.citys span{
    display:block;margin:0 5px 5px;display:inline-block;float:left;width:20%;
    line-height:2rem;color:#333;text-align:center;
    border:1px solid #ececec;border-radius:2px;height: 2rem; overflow: hidden; font-size: 1rem;}
.citys span.on{background-color:#337ab7; color: #fff;}
.citys span.over{background-color:#d2d2d2; color: #858585;}
.city_license span a,.city_nums span a{text-align:center;border:1px solid #d9d9d9}
.current{background-color: #fff;}
.current p{height:40px;line-height:40px;color:#888;text-align:center; }
.citys{padding-top:5px}.more{padding:20px 0 30px;text-align:center;font-size:1.2rem}
.city_nums span{display:inline-block;float:left;width:20%}
.city_nums span a{display:block;padding:7px 0 6px;margin:0 5px 6px;font-size:1.3rem;line-height:1.3rem;color:#444;background-color:#fff}
.city_license em,.city_license span{display:inline-block;float:left;width:20%}
.city_license{margin:0 5px 5px}
.city_license em{height:58px;line-height:58px;background:#d9d9d9;color:#666;font-size:2.4rem;text-align:center}
.city_license span a{display:block;padding:0 5px;margin:0 0 -1px -1px;font-size:1.3rem;height:28px;line-height:28px;color:#444;background-color:#fff;overflow:hidden}
.city_license a.current,.city_license a.hover,.city_nums a.current,.city_nums a.hover{background:#d9d9d9;color:#666}
.clearfix { zoom: 1;}
.clearfix:after {content: "";display: block;width: 0;height: 0;overflow: hidden;clear: both;}
.buybtn{ position:fixed; bottom:0;}
.buybtn{
    display: block;height: 3rem;line-height: 3rem;border: none;color: #FFF;background: #347ab8;width: 100%;
    font-size: 1.4rem;text-align: center;opacity: 0.9;}
.buybtn a{color: #fff;font-size: 1rem;}
.send-checkcode{width: 20%; height:4rem;line-height: 3rem;}
.selectcar{padding: 0.3rem;}    
.selectcar_l,.selectcity_l{width: 100%; padding-top: 0.3rem;font-size: 1.2rem;}
.selectcar_r,.selectcity_r{width:100%;font-size: 1.2rem;}
.selectcity_r span.selected,.selectcar_r span.sd{display: inline-block;background-color: #1abb9c;color: #fff; margin:0.4rem; padding: 0.1rem 0.5rem;font-size: 1.2rem;}
.selectcity_r span.selected a.delete,.selectcar_r span.sd a.delete{color: #FFF;padding-left: 0.5rem;font-size: 1.2rem;}
.allselected{border:0.1rem solid #666;color: #666; padding: 0.1rem 0.3rem;margin: 0.4rem;display: inline-block;font-size:1.2rem}
.mdimg{padding: 0 0.5rem;text-align: right;}
.mdimg img{width: 70%;display: inline-block;}
.dayaccount-tip{
    padding: 1% 1.5%;background-color: #ffddc9;border: 1px solid #ffc0b1;border-radius: 3px;margin: 0.8rem 0.5rem;
    color: #ff0004;font-size: 1.4rem;width: 92%;}
span.thao{
    background-color: #ff0004;width: 1.8rem;height: 1.8rem;color: #ffddc9;display: inline-block;text-align: center;font-size: 1.8rem;
    line-height: 1.8rem;border-radius: 1.8rem;margin-right: 0.5rem;}
		
		
/* input.textbox{line-height: 2.4rem;height: 2.4rem;font-size: 1.2rem;} */
.table caption{line-height: 4rem;font-size: 1.2rem;font-weight: bold;background-color:#f5f5f5;border: 0.08rem solid #dadfe4;border-bottom: 0;}
.cartbtn{width: 100%;background: none;border: none; text-align: center; font-size: 1.4rem; line-height: 3rem;color: #fff;}
.xuanzebox{border:0.08rem solid #d9dde0; width: 100%;display: inline-block;}

/*员工列表*/
.menu_list{padding:0.5rem; border-top:.24rem solid #e6eaed;}
.menu_head{width: 100%;}
.menu_head1{width: 90%; float: right;}
.menu_head2{width: 80%; float: right;}
.menu_head img,.menu_head1 img,.menu_head2 img{width:2rem;}
.menu_head .menu_head_txt,.menu_head1 .menu_head_txt,.menu_head2 .menu_head_txt{display:inline-block; width: 82%; text-align: left;font-size: 1.2rem;vertical-align: top; margin-top: 0.3rem}
.menu_head .menu_head_r,.menu_head1 .menu_head_r,.menu_head2 .menu_head_r{text-align:left;width: 88%;border-bottom: 0.08rem solid #e6eaed;padding: 0.3rem 0;}
.menu_head .menu_head_l,.menu_head1 .menu_head_l,.menu_head2 .menu_head_l{width: 10%;padding: 0.3rem 0;}
.menu_btn_r{width: 15%; display: inline-block;}

/* 弹层 */
.dialog_dx{position: fixed;top: 20%;background-color: #fff;padding:3% 0; width: 92%;margin: 0 4%;}
/* 车展消费报表 */
.order_details{margin:-0.6rem;margin-bottom: 0;}
.order_details ul{margin:0px;padding:0px;border-bottom: 0.1rem solid #dadfe4;position: relative;}
.order_details ul li{float: left;display: inline-block;padding:0.4rem 0.8rem; /*position:relative;top:-2.6rem;*/text-align: center;font-size: 1.2rem;height: 2rem;line-height: 2rem;}
/* .order_details .checked{border-right: 0.1rem solid #dadfe4;border-bottom: 0.1rem solid #fff;position: relative;
    left: 0.1rem;top: 0.1rem;background-color: #fff;} */
.hidedomdiv{display: none}
.showdomdiv{display: block;}
.showsss{line-height: 1.6rem;font-size:1.2rem;padding: 0.3rem;}

/*折线图*/
.order_details ul li a{color: #888;}
.order_details .xz_zx {width:15%;text-align: center;height: 430px;background-color: #f9f9f9;margin-top: 2px;margin-right:40px;
        border-right: 1px solid #ddd;}
.order_details .xz_zx ul li{ line-height: 2rem;height: 2rem;font-size: 12px;color: #333;font-weight: bold;
                border-top: 1px solid #ddd;cursor: pointer;}
.order_details .xz_zx ul li a{color: #aaa;font-size: 12px;display: block;}
.order_details .xz_zx ul li a:hover,.xz_zx ul li.zx_active a{color:#555;font-weight: bold;}
.order_details .xz_zx ul li:hover,.xz_zx ul li.zx_active{   
     background-color: #fff;line-height: 2rem;height: 2rem;position: relative;/* left: 1px; */
		 border-left: 0.1rem solid #dadfe4; border-right: 0.1rem solid #dadfe4;border-bottom: 0.1rem solid #fff;position: relative;
		     left: 0.1rem;top: 0.1rem;background-color: #fff;}
.xz_zx ul li.zx_active:first-child{border-left: 0;}
.order_details .xz_zx ul li:first-child{border-top:none; }
.order_details .xz_zx ul li:last-child{border-bottom: 1px solid #ddd;}
/*无权限,失败,成功*/
.no-data, .fail, .success{ text-align: center;}
.no-data span, .fail span, .success span{line-height: 4rem; display: block;}
.no-data i, .fail i, .success i{display:inline-block;margin-top: 1rem; width: 6rem; height: 6rem; border-radius: 3rem;
	background-color: #ccc; color: #fff; text-align: center;font-style: normal;font-size: 5rem; line-height: 6rem;}
.fail i{background-color: red;opacity: 0.6;}
.success i{background-color: green;opacity: 0.6;color: #fff!important;}
/*无权限,失败,成功*/

/* 着陆页 */
.zln_box{margin:2rem auto;width:65%;text-align: center;}
.zln_box h1{font-size: 2.4rem; color: #3d4757;line-height: 4rem;margin-top: 2rem;}
.zln_box p{font-size: 1.8rem;color:#596b89;}
/* 着陆页 */

/* 短信 */
.post_city{width:70%;display: inline-block;vertical-align: top;font-size: 1.2rem;}
.post_city span{display: inline-block;padding-right:0.5rem;}
.line{border-top: 0.1rem solid #ccc;margin:1rem;}
.sms_class{position: absolute;bottom: 0;left:2rem;margin-left:0;}
.sms_classbg{background-color: #eee;border-bottom: 0.08rem solid #e5e9ec;height: 2rem;margin: 0 1rem;}
.sms_class ul li{border-left: 0.1rem solid #dadfe4;border-top: 0.1rem solid #dadfe4;margin-left: 0.5rem;
								background-color: #eee;border-right: 0.1rem solid #dadfe4;position: relative;top: 0.1rem;
								border-top-left-radius:0.5rem;border-top-right-radius:0.5rem;}
.sms_class ul li.checked{border-right: 0.3rem solid #dadfe4;background-color: #fff;}
/* 短信 */

/* 面包屑 */
ul.placeul{display: inline-block;}
ul.placeul li{display: inline-block;}
ul.placeul li a{font-size: 1.2rem;}
/* 面包屑 */

/* 裁剪图片 */
.container_imgbox{margin:3%;position:relative}
.container_imgbox p{margin-top: 5px;color:#bbb;text-align: center;}
.action{margin:1rem 0}
.cropped_li{display: inline-block;width: 32%;margin-right: 1%}
.imageBox{position:relative;height:15rem;width:100%;border:1px solid #aaa;background:#fff;overflow:hidden;background-repeat:no-repeat;cursor:move}
.imageBox .thumbBox{position:absolute;top:5%;left:5%;width:90%;height:90%;box-sizing:border-box;border:1px solid #666;box-shadow:0 0 0 1000px rgba(0,0,0,.5);background:none repeat scroll 0 0 transparent}
.imageBox .spinner{position:absolute;top:0;left:0;bottom:0;right:0;text-align:center;line-height:15rem;background:rgba(0,0,0,.7);color:#eee}
.input-txt input.Btnsty_peyton{float:right;width:5rem;display:inline-block;margin-bottom:1rem;height:2.6rem;line-height:2.6rem;color:#FFF;margin:0 2px;background-color:#00327b;border-radius:3px;text-decoration:none;cursor:pointer;border:0 #fff solid}
.new-contentarea{overflow:hidden;margin:0 auto;position:relative;display: inline-block;}
.new-contentarea label{width:100%;height:100%;display:inline-block;text-align: center;line-height: 2.6rem;}
.new-contentarea input[type=file]{width:188px;height:60px;background:#333;margin:0 auto;position:absolute;right:50%;margin-right:-94px;top:0;right:0\9;margin-right:0\9;width:10px\9;opacity:0;filter:alpha(opacity=0);z-index:2}
a.upload-img{width:7rem;display:inline-block;height:2.6rem;line-height:2.6rem;color:#FFF;background-color:#00327b;border-radius:3px;text-decoration:none;cursor:pointer;border:0 #fff solid;}
a.upload-img:hover{background-color:#ec7e70}
.tc{text-align:center}
/* 裁剪图片 */

/* 推广报表 */
/* 文字 */
.font10{font-size: 1.0rem;}.font11{font-size: 1.1rem;}.font12{font-size: 1.2rem;}.font13{font-size: 1.3rem;}.font14{font-size: 1.4rem;}
.font15{font-size: 1.5rem;}.font16{font-size: 1.6rem;}.font17{font-size: 1.7rem;}.font18{font-size: 1.8rem;}.font19{font-size: 1.9rem;}
.plr_3{padding: 0 3%;}
.plr_2{padding: 0 2%;}
.mg_3{margin: 3%;}
.mg_4{margin: 4%;}
.mg_2{margin: 2%;}
.pd_3lr{padding-left:3%;padding-right:3%}
.pd_4lr{padding-left:4%;padding-right:4%}
.mg_2lr{margin-left:2%;margin-right:2%}
.mg_3lr{margin-left:3%;margin-right:3%}
.mg_4lr{margin-left:4%;margin-right:4%}
.pd_3b{padding:3%}.pd_4b{padding:4%}
.pd-05{padding:.5rem}.pd-10{padding:1rem}
.pb-05{padding-bottom:.5rem}
.pb-10{padding-bottom:1rem}
.pl-05{padding-left:.5rem}
.pl-10{padding-left:1rem}
.pr-05{padding-right:.5rem}
.pr-10{padding-right:1rem}
.pd-15{padding:1.5rem}
.pt-05{padding-top:.5rem}
.pt-10{padding-top:1rem}
.pt-15{padding-top:1.5rem}
.pt-20{padding-top:2rem}
.mr-05{margin-right:.5rem}
.ml-05{margin-left:.5rem}
.mr-10{margin-right:1rem}
.ml-10{margin-left:1rem}
.mg-10{margin:1rem}
.mg-05{margin:.5rem}
.mt-05{margin-top:.5rem}
.mt-10{margin-top:1rem}
.mb-05{margin-bottom:.5rem}
.mb-10{margin-bottom:1rem}
.ellipsis-1row{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis-2row{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.flexR{display:flex;flex-direction:row;justify-content:center;align-items:center}
.flexL{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.flexEnd{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
.flexB{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}
.flexBC{display:flex;flex-direction:row;justify-content:space-between;align-items:center}
.flexC{display:flex;flex-direction:column;justify-content:center;align-items:center}
.flexall{align-items:stretch}
.selectBoxTop{border: 1px solid #ddd;background-color: #fff;padding: 0.5em 0;position: relative;margin: 2%;}
.selectBoxTop>div.selectInput{flex: 1;text-align: center;height: 1.5em;line-height: 1.5em;margin: 0.5em 0;font-size: 1.4rem;}
.selectBoxTop>div.selectInput.noSelect::after{content: unset;}
.selectBoxTop>div.selectInput .selected{color: #4198ca;height: 1em;line-height: 1em;max-width:6em;overflow: hidden;}
.selectBoxTop>div.selectInput::after{content: '\25BC';font-size: 0.4rem;}
.selectBoxTop>div.selectInput.active{color: #4198ca;font-weight: bold;}
.selectBoxTop>div.selectInput.active::after{content: '\25B2';color: #4198ca;}
.selectBoxTop>div.selectlayerBox{position: absolute;height: auto;max-height:39em;align-items: flex-start;left: 0;top: 100%;background-color: #fff;z-index: 1;width: 100%;border-bottom: 1px solid #eee;box-shadow: 0px 5px 6px rgba(0,0,0,0.5);}
.selectBoxTop>div.selectlayerBox::after{content: unset;}
.selectlayerBox ol.index{display: flex;display:-webkit-flex;height: 100%;flex-direction: column;justify-content: space-between;border-right: 1px solid #eee;}
.selectlayerBox ol.index li{text-align: center;width: 2em;height: 1.5em;}
.selectlayerBox .list{flex: 1;max-height: 39em;height: auto;overflow-y: auto;min-height: unset;}
.selectlayerBox .list>dt,.selectlayerBox .list>dd{padding:0.5em 1em;line-height: 1.5em;font-size: 1.4rem;}
.selectlayerBox .list>dt{background-color: #f0f8fe;color: #4198ca;}
.selectlayerBox ol.index li.on{color: #4198ca;font-weight: bold;}

.selectlayerBox .selectLayer{height: 100%;width: 100%;overflow-y: auto;background-color: #fff;border-left: 1px solid #eee;box-shadow: -3px 3px 4px rgba(0,0,0,0.1);}
.selectlayerBox .selectLayer dt{background-color: #f0f8fe;color: #4198ca;}
.selectlayerBox .selectLayer dt,.selectlayerBox .selectLayer dd{line-height:1.5em;font-size: 1.4rem;padding: 0.5em 1em;}
.selectlayerBox .btn_cancel{background-color: #fff;border: solid 1px #dadfe4;}

.threeTabTitle{width: 100%;border-radius: 6px;overflow: hidden;}
.threeTabTitle li{width: 49.8%;box-sizing: border-box;background-color: #fff;}
.threeTabTitle li:after{position: absolute;left: 0;top: 0;content: '';width: 100%;height: 40px;border: 1px solid #ccc;}
.threeTabTitle li:first-child:after{border-radius:6px 0 0 6px;}
.threeTabTitle li:last-child:after{border-radius:0 6px 6px 0;}
.threeTabTitle .layui-this:after{border: 1px solid #4198ca;}
.threeTabTitle .layui-this{background-color:#4198ca;color: #fff;}


/* 筛选层 */
.screenCon{position: absolute;z-index: 2;width: 100%;top:10px;left: 0;border-radius: 8px 8px 0 0;overflow: hidden;}
.layerbg{position: fixed;background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;left: 0;top:10px;z-index: 1;border-radius: 8px 8px 0 0;}
.screenCon .selectlayerBox{position: static;box-shadow: none;border: 0;height:calc(100vh - 140px);max-height: unset;background-color: #fff;}
.screenCon .selectlayerBox .list{height: calc(100vh - 150px);max-height: unset;}
.screenCon .selectlayerBox ol.index{position: absolute;left: 0;top: 45px;border: 0;background-color:#f7f7f7;height: calc(100vh - 150px);z-index: 11;}
.screenCon .selectlayerBox .list>dt,.screenCon .selectlayerBox .list>dd{padding-left: 3em;}
.screenCon .selectlayerBox .list#area_list>dd{padding-left: 1em;}
.screenCon .selectlayerBox .list>dt{color: #999;}
.screenCon .selectlayerBox .list>dd.on{color: #4198ca;}
.screenBoxR{background-color: #fff; border-radius: 0 0 8px 8px;overflow: hidden;}
.screenCon .seleted,.screenTitle .selected{color: #4198ca;}


.screenLayer .screenCon{top:0;border-radius: 0;}


.checkRadio{position: relative;overflow: hidden;min-width: 22%;margin:1.5%;}
.checkRadio>label{display:inline-block;width: 100%;background-color: #fff;border: solid 1px #eee;border-radius: 2px;text-align: center;overflow: hidden;padding: 0.35em;}
.checkRadio>input{display: inline-block;width: 100%;height: 100%;position: absolute;opacity: 0;}
.checkRadio>input:checked + label{background-color: #f8fcff;border-radius: 2px;border: solid 1px #4198ca;color: #4198ca;}

.withdrawList li{border-bottom: 1px solid #eee;padding: 15px 0;line-height: 1.8;}
.withdrawList li:last-child{border-bottom: 0;}
.color_9{color: #999;}.color_3{color:#333}

/* 底部筛选层 */
.footSelectCon{position: fixed;bottom: 0;left: 0;z-index: 4;width: 100%;height: auto;background-color: #fff;border-radius: 8px 8px 0 0;}
.footSelectSwiper .swiper-slide{text-align:center;background:#fff;color:gray;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.footSelectSwiper .swiper-slide-active{color:black;font-size: 18px;}

.tip_as {
    position: fixed;top: 40%;left: 50%;transform: translateX(-50%);-webkit-transform:translateX(-50%);text-align: center;padding:0.5em 2em;line-height: 2;color: #fff;z-index: 11111;width:auto;background-color: rgba(0,0,0,.8);border-radius: .5rem;
}

.layui-btn{background-color: #337ab7;}
.layui-elem-quote{background-color: #f7f7f7;border-left: 0;padding: 10px 15px;}
.layui-form-select dl dd.layui-this{background-color: #337ab7;color: #fff;}

.selectlayerBox{position: absolute;height: auto;max-height:35em;align-items: flex-start;left: 0;top: 100%;background-color: #fff;z-index: 1;width: 100%;border-bottom: 1px solid #eee; box-shadow: 1px 1px 4px rgb(0 0 0 / 8%);}
.selectlayerBox::after{content: unset;}
.selectlayerBox ol.index{display: flex;display:-webkit-flex;height: 100%;flex-direction: column;justify-content:flex-start;border-right: 1px solid #eee;}
.selectlayerBox ol.index li{text-align: center;width: 2em;height: 1.5em;}
.selectlayerBox .list{flex: 1;max-height: 35em;height: auto;overflow-y: auto;min-height: unset;}
.selectlayerBox .list>dt,.selectlayerBox .list>dd{padding:0.5em 1em;line-height: 1.5em;}
.selectlayerBox .list>dt{background-color: #f7f7f7;color: #4198ca;}
.selectlayerBox ol.index li.on{color: #4198ca;}


#container{min-height: calc(100vh - 7.5rem);}
.layui-form{padding: 0 10px;}



/* 2023/9*/
body,a,a:hover{font-size: 14px;color: #333;}
#header{height: auto;padding:0;box-sizing: border-box;border-bottom: 1px solid #eee;box-sizing: border-box;display: flex;align-items: center;color: #333;background-color: #f2f2f2;}
#header i.leftIcon{display: unset;width: auto;height: auto;position: unset;padding: 10px 5px;}
input{font-size: 100%;}
#container{height: calc(100vh - 40px);}
#header .wrap{display: flex;}
#header .wrap .user{flex: 1;width: auto;}
#header .wrap .logo{width: 36px;height: 36px;border-radius: 50%;background-color: #fff;overflow: hidden;margin: 5px 0;}
.footFixedBtn{position: fixed; left: 0; width: 100%; bottom: 0;padding: 6px 0; background-color: #fff;z-index: 1;display: flex;justify-content: space-around;}
.footFixedBtn a{color: #666;padding:6px 20px;font-size: 16px;}
.bgf{background-color: #fff;}
.pd10{padding: 10px;}
.pd15{padding: 15px;}
.mb10{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.ml10{margin-left: 10px;}
.b{font-weight: bold;}
.color_3{color: #333;}
.color_9{color: #999;}
.color_6{color: #666}
.redColor{color:#e46e6e;}
.greenColor{color: #05c57a;}
.blueColor{color: #4198ca;}
.theme_color,a.theme_color,a.theme_color:hover{color: #4198ca;}

.new-form .layui-form-item{margin-bottom: 10px;}
.new-form .layui-form-label {padding:9px 5px;}
.new-form .layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i,.layui-form-radio:hover {color: #4198ca;}

.dashed-line{border-top: 1px dashed #dadfe4;margin: 10px 0;}
/* 底部 */
.kmfoot{position: fixed; left: 0; width: 100%; bottom: 0;padding: 6px 0; background-color: #fff;z-index: 1;border-top: 1px solid #dadfe4;display: flex;justify-content: space-around;}
.kmfoot>a.flexR{flex-direction: column;color: #666;font-size: 0.9em;}
.kmfoot>a.flexR>img{width: 43%;}
.kmfoot>a.flexR>img.on{display: none;}
.kmfoot>a.thisOn{color: #4198ca;}
.kmfoot>a.thisOn>img{display: none;}
.kmfoot>a.thisOn>img.on{display: block;}

dl.menuList>dt{color: #666;padding: 8px 10px;}
dl.menuList>dd .icon,ul.myList>li .icon{width: 32px;margin-right:5px;}
dl.menuList>dd>a{padding:0 10px;font-size: 1.15em;}
dl.menuList>dd>a>div{border-bottom: 1px solid #efefef; padding: 18px 0;}
dl.menuList>dd>a:last-child>div,ul.myList>li:last-child{border: 0;}
ul.myList>li .icon{width: 28px;}
ul.myList>li{border-bottom: 1px solid #efefef;}
ul.myList>li a{padding: 15px 10px;}
ul.myList.otherList>li:last-child{border: 0;}
.yellowTag,.greyTag,.redTag,.greenTag,.orangeTag{background-color: #e8b323;text-align: center;min-width: 2em;border-radius: 4px;padding: 2px 5px;margin: 0 5px;font-size: .9em;}
.greyTag{background-color: #f3f3f5;color: #666;}
.redTag{background-color:#fbf4f4;color: #e46e6e;}
.greenTag{background-color: #f1fbf5;color: #14be58;}
.orangeTag{background-color: #fcf9f1;color: #f1b515;}
.listTags .greyTag{margin:0 5px 10px;}
.footSelectCon{min-height: 20vh;}

.input-select{border-radius: 6px;border: solid 1px #dadfe4;padding-right: 10px;}
.input-select>input{border: 0;padding: 0 15px;background-color: transparent;}


.messBox{background-color: #f1f5f8;border: 1px solid #eee;padding:15px;}
.messBox>ul>li{width: 50%;}
.mineTop{background-color: #3aa5e2;color: #fff;padding: 30px 30px 70px;margin-bottom: -40px;}

/* .screenPartBox .screenPartCon,.screenLayer{position: fixed;left: 0;width: 100%;top: 0;background-color: #fff;z-index: 4;} */
/* .screenLayer{background-color: rgba(0,0,0,.5);height: 100%;z-index: 3;} */

.selectcity, .selectcate{margin:5px;}
.selectcity_yx, .selectcate_yx{padding:3px 10px;font-size:0.9em; background-color: #347ab6;border-radius:4px;
    display: inline-block;line-height:1.6;color: #fff;margin:5px;}
.selectcity_yx .delete, .selectcate_yx .delete{padding-left:5px;color: #fff;}

/* 播放录音 */
.sourceBox .content{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px 30px 50px}
.sourceBox .content .time{margin:20px 0 50px;font-size:40px;font-weight:700}
.sourceBox .content .progress{margin-bottom:40px}
.slayerBg{position:fixed;width:100%;height:100%;left:0;top:0;z-index:1}
.sourceBox .play-controls a.play-btn{display:inline-block;width:60px;height:60px;margin:0 15px;background-repeat:no-repeat;background-position:center center;cursor:pointer}
.sourceBox .play-controls a.prev{background-image:url(/static/images/kmadminwap/icons/sourceL.png)}
.sourceBox .play-controls a.next{background-image:url(/static/images/kmadminwap/icons/sourceR.png)}
.sourceBox .play-controls a.ctrl-play{background-image:url(/static/images/kmadminwap/icons/sourcepause.png)}
.sourceBox .play-controls a.ctrl-play.play{background-image:url(/static/images/kmadminwap/icons/sourceplay.png);background-size: 100%;}
#seek{-webkit-appearance:none;border:0;height:5px;vertical-align:middle;border-radius:20px;background-color:#232323;outline:0}
#seek::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.16)}
#seek{display:block;width:100%;height:4px;background:rgba(64,154,202,.6)}

/* 收件箱回复 */
.replayBox{position:relative;background-color: #fff;padding: 10px;}
.replayBox .textarea{width:100%;height:100px;position:relative;background:none;z-index:9;border: 0; }
.replayBox .note{position:absolute;line-height:20px;padding:3px 5px;top: 0; left: 0;width: 100%;height: 100%;}

/* 返回顶部 */
#goToTop,#addUser{border-radius: 50%;position: fixed; right:3%;bottom: 10%;width: 50px;height:50px;background-color: #fff;box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.2);}
#addUser{background-image: linear-gradient(0deg, #4198ca 0%, #4cbdfd 100%);opacity: 0.9;}

/* 短信 */
.messageBox .messBar{background-color: #f5f8f9;border-radius: 4px;padding: 10px;margin-bottom:10px;display: none;font-size: 0.9em;}
.messageBox .messBar:first-child{display: block;}
.messageBox.on .messBar{display: block;}

.selectMess>input{-webkit-appearance:none;appearance:none;width:0;height:0}
.selectMess>input+label::before{display:block;width:15px;height:15px;background-color:#fff;border:solid 1px #dadfe4;cursor:pointer;content:"";margin-right:5px;border-radius:2px}
.selectMess>input:checked+label::before{display:block;content:"";text-align:center;font-size:.266666rem;color:#fff;background-color:#4198ca;border:1px solid #4198ca;background-image:url(/static/images/kmadminwap/icons/selectedIcon.png);background-repeat:no-repeat;background-position:center center;background-size:10px 8px}
.selectMess>input+label{padding: 10px 15px 5px;}
.selectMess>input:checked+label{box-shadow: 0px 0px 3px 3px #eee;}
.footFixedBtn .selectMess>input:checked+label{box-shadow:unset}
.footFixedBtn .selectMess>input:checked+label,.footFixedBtn .selectMess>input+label{padding:0;}

.topRedTip{background-color: #fbf4f4;color: #e46e6e;padding: 5px 10px;margin-bottom:10px;}

.layui-tab-brief.blueTab>.layui-tab-title .layui-this{color: #4198ca;}
.layui-tab-brief.blueTab>.layui-tab-more li.layui-this:after, .layui-tab-brief.blueTab>.layui-tab-title .layui-this:after{border-color: #4198ca;}


/* 用户列表 */
.operateIcons>a:nth-child(2){position: relative;}
.operateIcons>a:nth-wchild(2)::before{content: '';width: 1px;height: 20px;border-left: 1px solid #dadfe4;position: absolute;left: 0;top:7px;}
.userNormal .name{color: #333;}
.userNormal.off .name{color: #999;}
.userNormal.off .redTag,.userNormal.off .greenTag{background-color: #f3f3f5;color: #999;}
ul.LevelTwo{padding: 12px;}
ul.LevelTwo>li .userTitle{align-items: flex-start;}
ul.LevelTwo>li .userTitle .levelDownBtn{background-color: #fff;position: relative;z-index: 2;}
ul.LevelTwo>li .nextLevel{display: none;}
ul.LevelTwo>li .nextLevel .item{background-color: #f0f8f8;padding: 10px;margin:10px 0 0 30px;border-radius: 4px;position: relative;}
ul.LevelTwo>li .nextLevel .item::before{content: '';width: 20px;height: 1px;border-top: 1px dashed #eee;position:absolute;left: -20px;top:20px;}
ul.LevelTwo>li{position: relative;padding-bottom: 10px;}
ul.LevelTwo>li::before{content: '';border-left: 1px dashed #eee;position: absolute;left: 8px;height: 100%;top: 0;}

/* 开展状态 */
.showStatus{display: flex;align-items: center;color: #05c57a;font-weight: bold;}
.showStatus::before{content: '';display: inline-block;border-radius: 50%;width:8px;height:8px;background-color: #05c57a;border: solid 4px #e1f8ef;margin-right: 5px;}
.showTitle{color: #333;}
.closeShow .showTitle{color: #666;}
.closeShow .showStatus{color: #999;}
.closeShow .showStatus::before{background-color: #999;border-color: #fff;}
.unStartShow .showStatus::before{background-color: #f48920;border-color: #fff;}
.unStartShow .showStatus{color: #f48920;}
.endStartShow .showStatus::before{background-color: #e96f6f;border-color: #fff;}
.endStartShow .showStatus{color: #e96f6f;}

/* 底部选择弹窗 */
.footSelectBox{position: fixed;width: 100%;height: auto;bottom: 0;left: 0;z-index: 11;background-color: #fff;border-radius: 10px 10px 0 0;}
.footSelectBox>ul>li{border-bottom: 1px solid #eee;line-height: 3.5em;text-align: center;}
.footSelectBox>ul>li:last-child{border-top: 4px solid #eee;}
.footSelectCon .selectlayerBox{position: unset}
/* 居中显示弹层 */
/* 中间弹窗 */
.middlelayerBox{position: fixed;z-index: 13;width:90%;background-color: #fff;padding: 0;min-height: 50vh;height: auto;box-sizing: border-box;top: 50%;left: 50%;transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);border-radius: 10px;}
.middlelayerBox .footBtn{background-color: #fff;width: 100%;padding:10px;box-sizing: border-box;border-radius:0 0 10px 10px;}
.closeBtn{position: fixed;width:1.6em;height:1.6em;border: 2px solid #fff;color: #fff;top: 110%;border-radius: 50%;font-size:20px; text-align: center;line-height:1.6em;}

/* 短信模板 */
.messDemoList>li{background-color: #fff;padding: 10px;border: 1px solid #eee;margin-bottom: 10px;line-height: 1.6;color: #666;font-size: 0.9em;}
.messDemoList>li h2{font-weight: bold;margin: 3px 0 8px;font-size: 1em;}
.messDemoList>li h2::before{content: '';display: inline-block;width: 4px;height: 12px;background-color: #4198ca;margin-left: -10px;margin-right: 6px;}
.layui-input-group{position: relative;}
.layui-input-group .inputSuffix{position: absolute;right: 10px;top: 10px;}

.copyNum>span::after{content: ',';}
.copyNum>span:last-child::after{content: unset;}


/* 城市品牌多选 */
.selectMore{border-top: 1px solid #ccc;}
.selectlayerBox.selectMore .list>dt{font-weight: bold;color: #333;}
.selectlayerBox.selectMore ol.index li{width: 1.5em;height: 1.5em;display: flex;align-items: center;justify-content: center;margin:0.1em 0.2em;}
.selectlayerBox.selectMore ol.index li.on{background-color: #4778b2;color: #fff;border-radius: 50%;}
.selectlayerBox .list>dd.on {color: #4198ca;}


.selectlayerBox.selectMore .list>dd.on{background-color: rgba(71, 120, 178, 1);color: #fff;}
.selectCheck>input{-webkit-appearance:none;appearance:none;width:0;height:0}
.selectCheck>input+label::after{display:block;width:15px;height:15px;background-color:#fff;border:solid 1px #dadfe4;cursor:pointer;content:"";margin-right:5px;border-radius:2px}
.selectCheck>input:checked+label{color: #4198ca;}
.selectCheck>input:checked+label::after{display:block;content:"";text-align:center;font-size:.266666rem;color:#fff;background-color:#4198ca;border:1px solid #4198ca;background-image:url(/static/images/kmadminwap/icons/selectedIcon.png);background-repeat:no-repeat;background-position:center center;background-size:10px 8px}
.selectlayerBox .list>dd.brand_option{padding:0}
.selectlayerBox .list>dd.brand_option .selectCheck>input+label{padding: 0.5em 1em;}
.selectlayerBox .list>dd.brand_option .selectCheck>input:checked+label{background-color:rgba(71, 120, 178, 0.1);}


/* 查看号码段 */
.codeFootBtn .seeCode {
    position: relative;
}

.codeFootBtn .seeCode .codeTxtBox {
    left: 40%;
    top: 120%;
    position: absolute;
    display: none;
    width: 140px;
    padding-right: 10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.codeFootBtn .seeCode .codeTxtBox .codeTxt {
    padding: 8px 6px;
    background-color: #8343f9;
    color: #fff;
    width: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
}

.codeFootBtn .seeCode .codeTxtBox .codeTxt::before {
    content: '';
    display: inline-block;
    background-color: #8343f9;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    margin-top: -4px;
    right: 50%;
}

/* 二级tab */
.levelTab  .layui-tab-title li{padding: 0;margin-right: 8px;}

.content{padding-bottom: 58px;}
.layui-btn-primary{color: #333;border-color: #dadfe4;}
.layui-btn{height: 32px;line-height:31px;padding: 0 10px;min-width:4em;}
.layui-form-radio:hover *, .layui-form-radioed, .layui-form-radioed>i{color:#4198ca}
.no_data{background-color: unset;    min-height: 40vh; display: flex; align-items: center;flex-direction: column;justify-content: center;}
.layui-btn.layuiLargeBtn{height:36px;line-height: 35px;}
.layui-tab-brief.blueTab>.layui-tab-title .layui-this{font-weight: bold;font-size: 14.5px;}
.brandTabCon .swiper-slide.tabthis{font-weight: bold;text-align: center;}



.lineTitle{color: #4198ca;font-size: 16px;font-weight: bold;position: relative;}
.lineTitle::before{content: '';display: inline-block;width: 4px;height: 15px;background-color: #4198ca;position: absolute;left: -10px;top: 0px;}
.colorBlue{color: #4198ca;}

/* 中间弹窗 */
.middlelayerBox {
    position: fixed;
    z-index: 13;
    width: 90%;
    background-color: #fff;
    padding: 25px 15px;
    height: auto;
    box-sizing: border-box;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 10px;
  }
  .middlelayerBox .closeBtn {
    position: fixed;
    width: 1.6em;
    height: 1.6em;
    border: 2px solid #fff;
    color: #fff;
    top: 110%;
    border-radius: 50%;
    font-size: 20px;
    text-align: center;
    line-height: 1.6em;
  }
  ul.centerTab {
    border: 1px solid #fff;
    margin: 10px 0 20px;
    height: 3em;
    line-height: 3em;
    border-radius: 6px;
  }
  ul.centerTab > li {
    background-color: transparent;
    color: #fff;
    padding: 0 10px;
    min-width: 10em;
    text-align: center;
  }
  ul.centerTab > li.on {
    background-color: #fff;
    color: #333;
  }
  ul.centerTab > li:first-child {
    border-radius: 6px 0 0 6px;
  }
  ul.centerTab > li:last-child {
    border-radius: 0 6px 6px 0;
  }
  .middlelayerBox.h5 {
    background-color: #4a7bd7;
  }
  .middlelayerBox.applet {
    background-color: #57a25a;
  }
  .middlelayerBox.signin {
    background-color: #d36137;
  }
  .middlelayerBox.order {
    background-color: #7844d0;
  }
  .no_data {
    display: flex;
    flex-direction: column;
    min-height: 40vh;
    align-items: center;
    justify-content: center;
  }
  .no_data > img {
    width: 150px;
  }
  .screenCon {
    border-radius: 0;
  }
  .screenCon .selectlayerBox .list {
    min-height: unset;
  }
  .layui-form-select > select {
    background-color: #fff;
    color: #333;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    position: relative;
    width: 100%;
    border-color: #eee;
    height: 40px;
    border-radius: 5px;
    padding: 0 10px;
  }
  
  .blueCircle {
    display: inline-block;
    width: 5px;
    height: 5px;
    background-color: #4198ca;
    border-radius: 50%;
  }
  .screenCon .selectlayerBox {
    height: calc(100vh - 150px);
  }
  .layui-form-label {
    color: #333;
  }
  .screenCon > .screenLR,
  .screenTitle > .screenLR {
    height: 40px!important;
    border: 0!important;
  }
  .middleScreenCon {
    top: 110%;
    position: absolute;
    box-shadow: 0px 3px 3px 1px #cecece;
    border-radius: 0 0 10px 10px;
    background-color: #fff;
  }
  .btnNav{overflow-x: auto;flex: 1;width: 80%;}
  .btnNav>li{margin-right: 8px;}
  .btnNav>li>a{background-color: #fff;border-radius: 2px;border: solid 1px #eee;padding: 5px 6px;font-size: 13px;display: flex;justify-content: center;min-width: 4em;}
  .btnNav>li.on>a{background-color: #effafb;border: solid 1px #4198ca;color: #4198ca;font-weight: bold;}
  
  .buttonTab{display: flex;align-items: center; justify-content: center;}
  .buttonTab>span{min-width: 100px;text-align: center;color: #666;border: 1px solid #eee;position: relative;padding: 6px 20px;box-sizing: border-box;margin-left: -1px;}
  .buttonTab>span:first-child{border-radius: 4px 0 0 4px;}
  .buttonTab>span:last-child{border-radius: 0 4px 4px 0;}
  .buttonTab>span.on{background-color: #4198ca;color:#fff;border-color: #4198ca;z-index: 1;}
  
  .showCouponLi{position: relative;}
  .showCouponLi::before,.showCouponLi::after{content: '';display: inline-block;width: 20px;height: 20px;background-color:#f7f7f7;border-radius: 50%;position: absolute;left: 30%;top: -10px;box-shadow:inset 0px -7px 5px -5px rgb(0 0 0 / 8%)}
  .showCouponLi::after{top: auto;bottom: -10px;box-shadow:inset 0px 7px 5px -5px rgb(0 0 0 / 8%)}
  .showCouponLi .hotTag{position: absolute;padding:2px 14px;left: 0;top: 0;background-color: #ca5a5d;color: #fff;border-radius: 8px 0 0 0;}
  .showCouponLi.greyCouponLi::before,.showCouponLi.greyCouponLi::after{background-color: #fff;}
  
  #switchShow{height: calc(100% - 40px);display: flex;flex-direction: column;}
  #switchShow>.title{padding: 15px 20px;border-bottom: 1px solid #eee;position: relative;color: #333; line-height: 1;height: unset; margin: unset;width: 100%;box-sizing: border-box;}
  .showList{height: 100%;overflow-y: auto;flex: 1;}
  .showList>li{padding: 10px 20px;border-bottom: 1px solid #eee;}
  .showList>li .title{color: #333;line-height: 1.6;height: unset;width: 100%;margin: unset;}
  .showList>li.on{background-color: #f6fdff;}
  .showList>li.on .title{color: #4198ca;}
  .footBtn{padding: 10px;border-top: 1px solid #eee;display: flex;justify-content: center;}
  .seletCityMore .selectCityCon{position: fixed;width: 95%;height: auto;border-radius: 8px;background-color: #fff;left: 50%;top: 40%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);z-index:13;}
  .seletCityMore .selectCityCon>.title{padding: 10px 20px;border-bottom: 1px solid #eee;width: 100%; box-sizing: border-box;color: #333;}
  .seletCityMore .selectCityBg,.switchShowBox .switchShowBg{position: fixed;width: 100%;height: 100%;background-color: rgba(0,0,0,0.5);z-index: 12;left: 0;top: 0;}
  .switchShowBox .switchShowCon{position: fixed;width: 80%;height:100%;right: 0;top: 0;z-index:11;top: 60px;background-color: #fff;}
  .switchShowBox .switchShowBg{z-index: 10;}
  .seePhoto{position: absolute;right: 0;bottom: 0;background-color: rgba(0,0,0,0.6);width: 20px;height: 20px;color: #fff;line-height: 20px;}
  .switchShowBox .switchShowCon {top: 40px;}

  .layui-input:focus, .layui-textarea:focus{border-color: #4198ca!important;box-shadow: 0 0 0 3px rgba(65,152,202,.08);}
  
.prizeBox ul.prizeList li input{
    -webkit-appearance: none;
   appearance: none;
   opacity: 0;    
}
.prizeBox ul.prizeList li input + label {
    border: 1px solid #e2e2e2;
    margin-bottom: 10px;
    padding: 13px;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
.prizeBox ul.prizeList li input + label::after {
    display: block;
    content: "";
    border-radius: 50%;
    width: 60px;
    height: 60px;
    border:1px solid #e2e2e2;
    position: absolute;
    right:-25px;
    top: -30px;
    background-image: url(/static/images/kmadminwap/icons/selectedIcon.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: left 10px bottom 10px;
    box-sizing: border-box;
  }
.prizeBox ul.prizeList li input:checked + label {
    border: 1px solid #4198ca;
  }
.prizeBox ul.prizeList li input:checked + label::after {
    background-color: #4198ca;
    border: solid 1px #4198ca;
  }

  /*自定义layui-layer.msg成功提示框样式*/
.writeoff-success{
    width: 150px;
    height: 150px;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 111;
    background-color: #fff;
    border-radius: 10px;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}


@font-face {
  font-family: "iconfont"; /* Project id 4131540 */
  src: url('//at.alicdn.com/t/c/font_4131540_rb9lvkq553p.woff2?t=1712116074664') format('woff2'),
       url('//at.alicdn.com/t/c/font_4131540_rb9lvkq553p.woff?t=1712116074664') format('woff'),
       url('//at.alicdn.com/t/c/font_4131540_rb9lvkq553p.ttf?t=1712116074664') format('truetype');
}

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

.icon-qiandao:before {
  content: "\e746";
}

.icon-xiajiantou:before {
  content: "\e60c";
}

.icon-guwen:before {
  content: "\e7a3";
}

.icon-che:before {
  content: "\e635";
}

.icon-chengjiao:before {
  content: "\e990";
}

.icon-shuangjiantoushang:before {
  content: "\e67a";
}

.icon-pinpai1:before {
  content: "\e600";
}

.icon-shuangjiantouxia:before {
  content: "\e991";
}

.icon-tongji1:before {
  content: "\e636";
}

.icon-shijian:before {
  content: "\e8b8";
}

.icon-shibaibiaoqing:before {
  content: "\e638";
}

.icon-5:before {
  content: "\e625";
}

.icon-qiyeweixin:before {
  content: "\e6af";
}

.icon-jiantou_zuoyouqiehuan:before {
  content: "\eb0d";
}

.icon-shaixuan:before {
  content: "\e75e";
}

.icon-fangdajing:before {
  content: "\e610";
}

.icon-tongji:before {
  content: "\e69f";
}

.icon-shanchu:before {
  content: "\e630";
}

.icon-fuzhi:before {
  content: "\e61b";
}

.icon-niantie:before {
  content: "\e61a";
}

.icon-chongzhi:before {
  content: "\e604";
}

.icon-shenhe:before {
  content: "\e648";
}

.icon-67:before {
  content: "\e720";
}

.icon-chongzhijilu:before {
  content: "\e61f";
}

.icon-pinzhibaozhengQuality:before {
  content: "\e632";
}

.icon-shenhe1:before {
  content: "\e63c";
}

.icon-zhankai:before {
  content: "\e655";
}

.icon-gengduo:before {
  content: "\e60e";
}

.icon-tianjiaxiaji:before {
  content: "\e603";
}

.icon-shezhixitongshezhigongnengshezhishuxing:before {
  content: "\e795";
}

.icon-jine:before {
  content: "\f015";
}

.icon-22222_huaban1:before {
  content: "\e602";
}

.icon-fanhuidingbu:before {
  content: "\e609";
}

.icon-24gf-next:before {
  content: "\ea7f";
}

.icon-_shaixuan2:before {
  content: "\e61e";
}

.icon-saying:before {
  content: "\e62f";
}

.icon-_baobiao:before {
  content: "\e629";
}

.icon-shouye-zhihui:before {
  content: "\e61d";
}