/**
 * weiphp公用css
 */
/* 登录头部 */
/*#login_body{ background:url(../images/about/img/bg.jpg) no-repeat center top; background-size:100% 100%}*/
.login_header{ height:68px;}
.login_header .logo{ height:60px; margin:4px 0;}
.login_header .nav_r{ float:right; margin:22px 0 0; color:#fff}
/* 介绍页面 */ 
.wrap{margin:0 auto;}
.log_wrap{ width:700px; margin:0 auto;}
.small_wrap{ width:800px; margin:0 auto;}
.top_content{ min-height:100%; width:100%; overflow:hidden}
.top_content_r{ float:left;}
.top_content_r img{ margin:20px 0 0 0; max-width:700px;}
.intro_box{ margin:60px auto;}
.intro_box .content{ padding:15px 250px;}
.intro_box h3{ text-align:center; line-height:50px; font-size:20px;}
.intro_list{ overflow:hidden; margin:0 102px;}
.intro_list li{ float:left; margin:30px 28px; text-align:center}
.intro_list li img{ display:block; line-height:40px; margin-bottom:10px;}
.intro_list_2{ overflow:hidden; margin:0 112px;}
.intro_list_2 img{ display:block; margin-bottom:10px;}
.intro_list_2 li{ margin:30px; float:left; display:inline-block; text-align:center}
.bottom{ width:100%; margin-top:50px; padding:20px 0 20px; color:#fff; background:none; text-align:center}
.foot_nav{ color:#999;}
.b_hot_line{ text-align:center; font-size:50px; padding:0 0;}
.copyright{ text-align:center; line-height:60px; font-size:12px; color:#888;}
/* 帮助文档 */
.about_wrap{ min-height:700px;}
.about_content{ margin-bottom:30px; }
.about_content h4{ font-size:18px; border-left:5px solid #090; margin-bottom:20px; padding-left:10px;}
.about_content h6{ font-size:16px; line-height:40px; padding-left:15px;}
.about_content .num{ display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:12px; border:2px solid #44b549; color:#44b549; margin-right:10px;}
.about_content img{ border:1px solid #ccc; margin:15px 0; max-width:99%;}
.about_content p{ padding:6px 0; line-height:24px;padding-left:15px;}
/* fixed */
.main-im { position: fixed; left: 10px; bottom: 20px; z-index: 100; width: 110px; height: 282px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/about/img/float/qq-icon-bg.png) no-repeat center 8px; margin-bottom:20px; }
.main-im .img-qq { max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq { max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main { background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB; }
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 45px; padding:5px 0; border-bottom: none; }
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15; padding-top: 6px; }
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/about/img/float/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .im-title { background: #e76322; padding: 5px; }
.main-im .qrcode{ text-align:center; font-size:12px;}

/* dialog */
.layer{ background:#000; opacity:0.7; position:fixed; top:0; left:0; right:0; bottom:0; display:none}
.dialog{ position:fixed; top:50%; left:50%; width:1100px; height:660px; margin:-330px auto auto -550px; background:#fff; box-shadow: 0 0 5px #999; display:none;}
.show_dialog{  display:block; animation: pop 600ms; -moz-animation: pop 600ms; -webkit-animation: pop 600ms;}
.dialog .close{ width:40px; height:40px; position:absolute; top:0; right:0; background:#eee url(../images/about/img/close.png) no-repeat center center;}
.dialog .close:hover{ background-color:#ddd;}
.dialog h6{ line-height:50px; margin-top:20px; font-size:18px; text-align:center}
.function_list{ overflow:hidden; margin:20px 20px 0;}
.function_list li{ float:left; width:210px; height:275px; text-align:center; cursor:pointer}
.function_list .img_wrap{ height:155px; overflow:hidden;}
.function_list li img{ width:140px; margin-bottom:10px; transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;}
.function_list li p.title{ font-size:16px; background:#eeeeee; padding:10px; margin:0 15px;}
.function_list li p{ padding:10px 12px 0; font-size:13px; color:#888;}
{ transform:translateY(-140px);}
.function_list li .qrcode{transition:all 500ms;-moz-transition:all 500ms;-webkit-transition:all 500ms;}
.function_list li:hover .qrcode,.function_list li:hover .f_pic{ transform:translateY(-140px);-moz-transform:translateY(-140px);-webkit-transform:translateY(-140px);}
.function_list .qrcode img{ width:100px; margin:0;}
.function_list .qrcode p{ padding:0;}
.function_list .qrcode_img{ width:100px; height:100px; margin:5px auto;}
@keyframes pop
{
	0% {transform:scale(0,0);}
	60% {transform:scale(1.05,1.05);}
	80% {transform:scale(.95,0.95);}
	100% {transform:scale(1,1);}
}
@-moz-keyframes pop
{
	0% {transform:scale(0,0);}
	60% {transform:scale(1.05,1.05);}
	80% {transform:scale(.95,0.95);}
	100% {transform:scale(1,1);}
}
@-webkit-keyframes pop
{
	0% {transform:scale(0,0);}
	60% {transform:scale(1.05,1.05);}
	80% {transform:scale(.95,0.95);}
	100% {transform:scale(1,1);}
} 
/* 登录 */
.login_box{width:500px; float:center; color:#666; padding:10px 30px 30px; background:#fff;}
.login_box h6{ line-height:50px; font-size:18px;}
.form_title{text-align:center; color:#ccc; font-size:16px; display:none}
.login_box .form_body{ margin-top:10px;}
.login_box .control-label{ display:none}
.login_box .controls{ margin:10px auto 0; display:block; width:450px; position:relative;}
.login_box input[type=text],.login_box input[type=password]{ padding-left:35px; width:400px;height:25px;}
.login_box .controls .fa{ position:absolute; top:10px; left:10px; font-size:20px; color:#aaa;}
.login_box #checkbox{ vertical-align:-2px; margin-right:5px;}
.list_img {width:50px;}
.login_box .verifyimg{ margin-top:10px; width:100%}
.login_box .btn{ width:100%;}
.login_box .reloadverify_a{ position:absolute; top:10px; right:10px;}
/* 注册 */
.reg_box{ margin:20px auto; overflow:hidden; zoom:1; background:#fff;}
.reg_box .login-form{ width:700px; padding:30px; border-right:1px solid #ddd;}
.reg_r{ margin:100px 150px 0 0;}
.reg_box input{ width:256px;}
.reg_box .control-group{ overflow:hidden;zoom:1; margin-top:20px;}
.reg_box .control-label{ width:90px; height:30px; float:left; text-align:left; padding-right:15px; line-height:30px; color:#444}
.reg_box .controls{ float:left;}
.reg_box #verify{ width:110px;}
.reg_box .verifyimg{ width:140px; border:1px solid #333; vertical-align:-10px;}
.reg_box .btn{ padding:10px 0; margin-top:15px; width:274px;}
.reg_box .tips{ font-size:12px; color:#888; padding-left:10px; vertical-align:4px}
.login_top_btn{ position:absolute; top:5px; right:20px;}
.login_top_btn .btn{ background-color:#aa1010; color:#fff; padding:5px 10px;margin:0 0 0 10px;}
.login_top_btn .btn:hover{ background-color:#980f0f; color:#fff}
.text-warning{ color:#F60; margin-top:5px}
.bind_step_form{}
.bind_step_form .item_wrap{ width:580px; margin:30px auto 0;}
.bind_step_form .tab-pane{ float:none;}
.bind_step_form_next_item{ text-align:center; margin:20px 0; padding:30px 0 0; border-top:1px dashed #ddd;}
/* login end */

/* 头部 */
html{ position: relative;}
body{ background:#e7e8eb;}
.navbar{height:60px;margin-left: 250px; background:#2cabe3; border-bottom:1px solid #ddd;z-index: 10;}
.top_nav{ float:left;padding-left:100px; }
.top_nav a{ color:#fff; font-size:14px;}
.top_nav li.dropdown{ position:relative;}
.top_nav li.dropdown .fa{ vertical-align:0;}
.top_nav li a:hover,.top_nav li a.hover,.top_nav .dropdown-menu>li>a:hover,.navbar-fixed-top .sidebar-toggle:hover{ background:#f5f5f5; color:#222}
.top_nav li.dropdown>a{ line-height:50px; overflow:hidden; padding:0 15px;}
.top_nav>ul>li>a{line-height:50px;height:50px; overflow:hidden; padding:0 15px; color:#fff;position: relative;}
.top_nav li.active>a{ background:#0088cc}
.top_nav li>a img{ width:30px; height:30px; border:2px solid #ccc; border-radius:50%; vertical-align:-10px; margin-right:10px;}
.top_nav li.admin_nav>a{ border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
.top_nav .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.top_nav .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    border: 0;
}
.top_nav .dropdown-menu{
	left: auto;
	right: 0;
}
.nav .dropdown-menu>li{
	float: none;
}
.top_nav .dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.left-menu li a {
    color: rgba(225,225,225,.4);
}
.open>.dropdown-menu {
    display: block;
}
.navbar-top-links .tag{
	position: absolute;
    top: 8px;
    right: 5px;
}
/* 侧栏 */
.sidenav.left-menu{white-space: nowrap;overflow: hidden;padding-bottom: 20px;}
.sidenav>li>a { position:relative;display:block;font-size:15px; border-left:3px solid transparent;line-height:34px; padding:13px 15px;}
.sidenav>li>a>i{font-size: 16px;}
.sidenav>li.active>a{ color:#fff;border-left: 3px solid #ff5050;background-color: #ff5050;}
.sidenav-menu { display: none;list-style: none;padding: 0;margin: 0;padding-left:10px}
.sidenav .active>.sidenav-menu { display: block;}
.sidenav-menu>li>a { padding: 10px 5px 10px 20px;display: block;line-height:20px;font-size: 14px;}
.sidenav-menu>li>a i{ font-size: 12px;}
.sidenav-menu>li>a:hover,.sidenav-menu>li.active>a,.sidenav>li.active>a{ color: #fff}
.sidenav>li>a>.pull-up-container { position: absolute;right: 10px;top: 50%;margin-top: -11px;font-size: 16px;}
.sidenav>li>a>.pull-up-container>i { width: auto;height: auto;padding: 0;margin-right: 10px;-webkit-transition: transform .5s ease;-o-transition: transform .5s ease;transition: transform .5s ease;}
.sidenav>li.menu-open>a>.pull-up-container i{ -webkit-transform: rotate(-180deg);-ms-transform: rotate(-180deg);-o-transform: rotate(-180deg);transform: rotate(-180deg);}
/* 主栏 */
.no_side_main_body{margin:0 auto;  min-height:600px;}
.admin_container{ margin:0 0 0 260px;}
.empty_container{ padding:100px 0; text-align:center}
.empty_container p{ padding-top:100px; background:url(../images/empty_content.png) no-repeat center 0; color:#888;}
/* 微信预览 */
.has-weixinpreivew{ overflow:hidden; zoom:1}
.has-weixinpreivew form{}
.weixin-preview{ float:right; width:320px; margin-right:20px;}
.weixin-preview .preview-tips{line-height:50px; font-size:14px; text-align:center;}
.weixin-preview .weixin-box{ border-radius:10px; border:1px solid #ccc; background:#fff; padding:10px 15px; box-shadow:0 0 3px #999;}
.weixin-box img{ width:290px; height:145px; margin:10px 0 5px; background:#ddd}
.weixin-box .weixin-title{ font-size:16px; color:#222; line-height:20px; max-height:40px; overflow:hidden;}
.weixin-box .weixin-content{ font-size:14px; color:#666; line-height:20px; max-height:40px; overflow:hidden}
/* 多图文预览 */
.weixin-muti-preview{ width:320px; margin:0 auto; border:1px solid #ccc; background-color:#fff; box-shadow:0 0 2px #ddd; border-radius:10px;}
.weixin-muti-preview li{ border-bottom:1px solid #ccc; padding:10px; list-style:none; height:60px; position:relative; z-index:10;}
.weixin-muti-preview p{ height:60px; line-height:30px; padding:0 70px 0 0;overflow:hidden;}
.weixin-muti-preview img{ width:60px; height:60px;position:absolute; top:10px; right:10px;}
.weixin-muti-preview .del{ position:absolute; left:0; bottom:0; right:0; top:0; background-color:RGBA(0,0,0,.2); text-align:center; line-height:80px; z-index:1001; color:#C00; display:none}
.weixin-muti-preview li:first-child{ height:150px;}
.weixin-muti-preview li:first-child p{ position:absolute; bottom:0; left:0; right:0; z-index:1000; background-color:RGBA(0,0,0,.6); color:#fff; line-height:30px; height:30px; margin:0 10px 10px 10px; padding:0 5px; white-space:nowrap; overflow:hidden;}
.weixin-muti-preview li:first-child img{ width:300px; height:150px;}
.weixin-muti-preview li:first-child .del{ line-height:160px;}
.form-item-div{ width:320px; margin:20px auto;}
.form-item-div input{ width:300px;}
/* 顶部提示 */
.top-alert-tips{position:fixed; top:0; left:50%; margin-left:-300px; width:600px; z-index:10099; background:#1dbd03; border-bottom-left-radius:10px;border-bottom-right-radius:10px; color:#fff; height:50px; line-height:50px; white-space:nowrap; padding:0 20px;}
.alert-success{background:#1dbd03;}
.alert-error{background:#fb1d0f;}
.top-alert-tips .close{ position:absolute; top:10px; right:0px; width:30px; height:30px; line-height:30px; color:#fff; font-size:22px;}
/* 底部footer */
.footer{  padding:10px 0; clear:both; text-align:center; margin:50px 0 0 200px;}
.footer p{ color:#666;}
.footer p a{ color:#333;}
/* 会员卡 */
.card_preview{ position:relative; float:left; width:300px; height:179px; margin-right:40px; box-shadow:0 0 6px #666; border-radius:8px;}
.card_preview #cardBg{ width:100%; height:100%; position:absolute; left:0; top:0;}
.card_preview .card_num{ position:absolute; bottom:10px; right:10px; font-size:18px; text-shadow:0 1px #fff; color:#000; font-weight:bold;}
.card_preview .card_name{ position:absolute; top:75px; left:10px;right:10px; text-align:center; white-space:nowrap; z-index:100; font-size:20px; font-weight:bold;}
.card_preview .card_intro { position:absolute; left:0; top:0; padding:15px; overflow:hidden;}
.card_preview .card_intro .title{ font-size:16px;}
.card_preview #cardLogo{ position:absolute; left:0; right:10px;top:10px; z-index:100; text-align:center}
.card_preview #cardLogo img{ height:60px;}
/* 模板 */
.template_select{ float:left; width:100%;zoom:1; margin:0 0 20px;}
.template_select li{ float:left; position:relative; margin:0 25px; width:170px; height:410px; text-align:center; list-style:none; cursor:pointer}
.template_select li .phone{ width:170px; height:353px; position:relative; background:url(../images/m/iphone0.png) no-repeat;}
.template_select li .phone img{ position:absolute; width:144px; height:240px; top:55px;left:13.5px;}
.template_select li.selected .phone,.template_select li.hover .phone{ background:url(../images/m/iphone1.png) no-repeat;}
.template_item p{ padding-top:10px;}
.template_item input{ display:inline; vertical-align:middle; margin:0 5px 0 0 ;}
.template_item label{ display:inline;}
.template_item .use_tips{ position:absolute; top:50px; left:170px; background:#333; padding:10px; color:#fff; width:150px; border-radius:10px; text-align:left; display:none; z-index:1000;}
/* 必须项 */
.need_flag{ 
	color: #F00;
	vertical-align: -6px;
	line-height: 21px;
	font-size: 20px;
}
/*配置步骤 */
.setting_step{ height:44px; border:1px solid #eee; margin:30px 0; background:#fff}
.setting_step .step{ background:#ffffff url(../images/step.png) no-repeat right 0; float:left; text-align:center; line-height:44px; color:#666; width:160px; height:44px;}
.app_setting .step{ width:399px;}
.app_setting .step:last-child{ background:#fff}
.setting_step .step_cur_1{ background:#44b549 url(../images/step.png) no-repeat right -88px; float:left; color:#fff}
.app_setting .step:last-child.step_cur_1{ background:#44b549}
.setting_step .step_cur{ background:#fff url(../images/step.png) no-repeat right -44px; float:left;color:#666}

.help_content{ margin:20px 0; background:#fff; padding:15px;}
.help_content h3{ line-height:50px;}
.help_content img{ margin:10px 0; box-shadow:0 2px 3px #999}

/* YaoTV */
.main_summay{ width:100%; min-height:200px; border:1px solid #eee; background:#fefefe;}
.table_date_filter .input-small{ height:28px; border:1px solid #ddd; width:100px;}
.table_date_filter .time{height:34px; margin:0; float:left; line-height:16px; padding:6px 3px; border:1px solid #ddd; width:120px;}
.table_date_filter  .se_span{ line-height:30px; padding:0 10px}
.add_program_tr td{ background-color:#fef4be}
.tools .uploadify{ display:inline-block; vertical-align:middle;}
.tools .uploadify .uploadify-button{ text-indent:0; background:#44b549; border-radius:3px;}
.tools .uploadify-queue{ display:none}
.timeline_table{ border-top:1px solid #ddd; margin:10px 0 0; padding:15px 0 10px; width:80%}
.timeline_table th,.timeline_table td{ text-align:left; padding:6px;}
.timeline_table td{ ;}
.timeline_table input[type="button"]{ width:80%; padding:6px 6px 6px 40px; background:#eee; border:1px solid #eee; cursor:pointer; text-align:left}
.timeline_table input[type="button"].timeline{ background:#eee url(../images/m/icon_time_gray.png) no-repeat 6px center; background-size:25px 25px;}
.timeline_table .yaopage{width:80%; display:inline-block; overflow:hidden;zoom:1; vertical-align:middle; padding:6px 6px 6px 40px; border:1px solid #eee; text-align:left; background:#eee url(../images/m/icon_web_gray.png) no-repeat 6px center;background-size:25px 25px;}
.timeline_table .yaopage a{ color:#069; padding:0 10px;}
.timeline_table .yaopage .preview{ display:none}
.timeline_table .delete_icon{ display:inline-block; width:40px; height:40px; vertical-align:middle; background:url(../images/m/icon_trash.png) no-repeat center center; background-size:22px 22px;}
.dialog_slider_wrap{ padding:30px 30px 110px;}
.dialog_slider_tips{ padding:20px 30px;}
.yao_page_list{ margin:0 15px; background:#f3f3f3; height:300px; overflow-y:scroll; overflow-x:hidden;}
.yao_page_list li{ border-bottom:1px solid #ddd; padding:10px; overflow:hidden; zoom:1;  cursor:pointer}
.yao_page_list li:hover{ background:#efe2da}
.yao_page_list li .title{ width:33%; float:left;word-break:break-all}
.yao_page_list li .link{ width:60%; float:left; word-break:break-all}
.yao_page_list li .check{ width:7%; float:left;}
.yao_page_list li .check img{ vertical-align:middle; display:none}
.yao_page_list li.checked .check img{ display:inline}
.yao_page_list li.checked { background:#ddd;}
.yao_page_preview{ overflow:hidden; zoom:1;}
.yao_page_preview .left{ margin:15px; width:322px; float:left}
.yao_page_preview .wx_head{ height:43px; background:url(../images/weixin-frame__head.png) no-repeat; background-size:322px 43px;}
.yao_page_preview .right{ width:348px; height:314px; margin:80px 40px 0; background:url(../images/qr-code-bg.png) no-repeat; padding:20px 0; text-align:center; float:right;}
.yao_page_preview .right canvas{ width:240px; height:240px;}
.yao_page_preview iframe{ border:1px solid #ddd;}

/* 微信页面编辑 */
.wx-container{ width:320px; overflow:hidden; height:600px; overflow:auto; margin:0 auto; position:relative}
.wx-header{ height:30px; width:320px; text-align:center; padding-top:32px; color:#fff; font-size:16px; margin:0 auto; background:url(../images/wx-frame-2.png) no-repeat; background-size:100% auto}
.frame_layer{ position:absolute; top:0; right:0; width:100%; height:100%; z-index:1000; opacity:0;}

/* 颜色选择 */
.colorPicker{ cursor:pointer}
.simpleColorBox{ position:absolute; top:0; right:0; border:1px solid #ddd; z-index:10000; width:205px; overflow:hidden; zoom:1; padding:1px 1px 0 ; background:#fff}
.simpleColorBox span{ display:block; float:left; width:40px; height:40px; margin:0 0 1px 1px; cursor:pointer}
/* 门店选址 */
.chooseShopDialog{ padding:30px; height:400px;overflow:auto; position:relative}
.chooseShopDialog ul{ overflow:auto;zoom:1; border-top:1px solid #ddd;max-height:350px;}
.chooseShopDialog li{ height:20px; line-height:20px; border:1px solid #ddd; border-top:none; padding:10px;}
.chooseShopDialog li input{ float:left; margin:0 10px; vertical-align:middle}
.chooseShopDialog li .name{ float:left}
.chooseShopDialog li .address{ float:right; color:#888}
.chooseShopDialog  .m15{ position:absolute;right:0; left:0; bottom:20px; text-align:center}
/* 微商城 */
.shop_list{ overflow:hidden;}
.shop_list li{ float:left; margin:0 20px 20px 0;}
.shop_list li .s_i{ display:block; width:160px; height:110px; border:2px solid #ccc; position:relative; padding:10px 10px 10px 100px; overflow:hidden;}
.shop_list li .s_i img{ position:absolute; width:80px; height:80px; left:10px; top:10px; border-radius:40px;}
.shop_list li .s_i span{ display:block;}
.shop_list li .name{ font-weight:bold; font-size:16px; padding-bottom:5px;}
.shop_list li .s_i:hover,.shop_list li .s_add:hover{ border-color:#C00}
.shop_list li .s_add{ border:2px dashed #ccc; width:250px; height:130px; line-height:130px; text-align:center; font-size:20px; display:block;}
.shop_list li .s_i a{ display:inline; margin-right:10px; margin-top:10px; padding:3px 5px;}
.shop_list li .s_action{ padding-top:10px;}
.shop_base{ min-height:80px; margin-bottom:20px; position:relative;}
.shop_base img{ width:80px; height:80px; float:left;}
.shop_base .info{ padding-left:90px; padding-right:200px; color:#888}
.shop_base .name{ font-size:16px; font-weight:bold; color:#333}
.shop_summary{ padding-top:12px;}
.shop_summary span{ margin-right:20px;}
.shop_summary span em{ font-size:16px; font-style:normal; color:#09C}
.shop_pv{ min-height:200px; background:#eee; margin:15px 0;}
.shop_base .right_btn{ position:absolute; top:50px; right:0;}

/*贺卡选择祝福语*/
.chooseWishDialog #cateList{ padding:10px 20px;}
.chooseWishDialog #cateList a{ padding:5px 10px; border:1px solid #888; margin:0 10px 10px 0;}
.chooseWishDialog #cateList a.current{ background:#888; color:#fff}
.chooseWishDialog ul{ overflow:auto; zoom:1; max-height:330px; margin:0 20px;}
.chooseWishDialog li{ float:left; margin:10px 0; border:1px solid #ccc; width:520px;padding:10px; cursor:pointer}
.chooseWishDialog li:hover{ background:#eee;}
/* 选择模板 */
.chooseTemplateDialog #cateList{ padding:10px 20px;}
.chooseTemplateDialog #cateList a{padding:5px 10px; border:1px solid #888; margin:0 10px 10px 0;}
.chooseTemplateDialog #cateList a.current{ background:#888; color:#fff}
.chooseTemplateDialog ul{ overflow:auto; zoom:1; max-height:330px; margin:0 10px;}
.chooseTemplateDialog li{ float:left; margin:10px; border:1px solid #ddd; width:160px;padding:10px; cursor:pointer; text-align:center; font-size:12px; color:#888;}
.chooseTemplateDialog li img{ width:160px;}
.chooseTemplateDialog li:hover{ background:#eee;}
.template_div{margin:10px 0; border:1px solid #ddd; width:160px;padding:10px; cursor:pointer; text-align:center; font-size:12px; color:#888;}
.template_div img{ width:160px;}
.template_div .empty_tips{ padding:50px 0; text-align:center; color:#888;}

/* 统计页面 */
.tongji_nav{ padding:20px;}
.tongji_nav a{ padding:8px 15px; border:1px solid #44b549; margin:0 20px 0 0; background:#fff; color:#44b549; transition:all 300ms;-wenkit-transition:all 300ms;}
.tongji_nav a.cur,.tongji_nav a:hover{ background:#44b549; color:#fff}
.tongji_nav .refresh,.tongji_nav .refresh:hover{ border:none; background:#fff}
.tongji_nav .refresh img{ vertical-align:middle; margin-right:5px;}
.tongji_data_area{ border:1px solid #ddd; margin:20px; min-height:400px;}
/* 通知 */
.notice_list{ margin:20px; border:1px solid #ddd;}
.notice_list h6{  line-height:40px; padding:0 15px; font-size:14px;}
.notice_list li a{ display:block; overflow:hidden;zoom:1; color:#444; line-height:40px; padding:0 15px; border-top:1px solid #ddd;}
.notice_list li a .fr,.notice_list li a:hover .fr{ color:#888;}
.notice_list li a:hover{ color:#4097ce}
.notice_detail  h3{margin:0 100px; line-height:60px; font-size:18px; text-align:center; border-bottom:1px dotted #ddd;}
.notice_detail .detail{ margin:20px 100px;}
.notice_detail .author{ padding-top:20px;line-height:30px; text-align:right}
.notice_detail .author span{ color:#888}
/* 首页 */
.main_data{ overflow:hidden; zoom:1;}
.main_data .left{ width:66%; float:left; border:1px solid #569ed0; background:#6fa7ce}
.main_data a{float:right; width:33%; height:100px; padding-top:25px; text-align:center; color:#fff; font-size:20px; background:#60d295; border:1px solid #57c78b}
.main_data a:hover{ background:#5bc88e}
.main_data a span{ font-size:30px;}
.main_data .left a{ float:left; width:49.9%; background:#6fa7ce; border:none; border-right:1px solid #569ed0}
.main_data .left a:last-child{ border:none; float:right;}
.main_data .left a:hover{ background:#5f98bf}
.main_h6{ font-size:18px; margin:20px 0 10px;}
.main_apps ul{ overflow:hidden; zoom:1; background:#f3f3f3; border:1px solid #eee; padding:15px;}
.main_apps li{ float:left; width:33.3%; height:160px; overflow:hidden;}
.main_apps li .img{float:left; width:80px; text-align:center}
.main_apps li img{ border-radius:10px; width:80px; height:80px; }
.main_apps li .desc{ padding:0 30px 10px 90px;}
.main_apps li .name{ font-size:15px; font-weight:bold;}
.main_apps li .intro{ font-size:14px; color:#888;}
.main_notice{ background:#f3f3f3; border:1px solid #eee; padding:15px;}
.main_notice p{ padding:5px 0;}
.main_notice a{ color:#666;}
.main_notice a:hover{ color:#4097ce}
/* 普通弹框 */
.normal_dialog{ position:relative; min-height:100px; min-width:300px;}
.normal_dialog h6{ line-height:40px;}
.normal_dialog .close{ position:absolute; top:0; right:0; height:40px; line-height:40px; padding:0 10px; background:#ddd; font-size:12px; color:#000; border:none;}
.normal_dialog .content{ padding:15px;}
.normal_dialog .btn_wrap{ margin-bottom:15px; text-align:center; margin-top:15px;}
/* 图文消息 */
.material_list{ margin:0 -14px; overflow:hidden; zoom:1; padding:15px 0;}
.material_list li{ width:308px;border:1px solid #ddd; float:left; margin:9px; list-style:none; position:relative}
.appmsg_dialog .material_list li{ cursor:pointer}
.material_list li:hover .hover_area{ display:block; cursor:pointer}
.appmsg_item{ padding:15px; width:278px;}
.appmsg_area .appmsg_item{ width:278px;}
.appmsg_item h6{ font-size:16px; color:#222; font-weight:normal}
.appmsg_item .time{ color:#888; font-size:12px;}
.appmsg_item h6{ font-size:16px; color:#222; font-weight:normal;text-align:center;line-height:20px;margin-top:0;text-align: left;}
.appmsg_item .main_img{ margin:10px 0; height:150px; position:relative; overflow:hidden;}
.appmsg_item .main_img img{ width:100%; min-height:150px;}
.appmsg_item .main_img h6{ position:absolute; background:RGBA(0,0,0,.5); color:#fff; padding:3px 5px; bottom:0; right:0; left:0; z-index:10; font-size:14px;}
.appmsg_item .intro{text-overflow: ellipsis; overflow:hidden; white-space:nowrap}
.appmsg_sub_item{ position:relative; height:80px; padding:15px; border-top:1px solid #ddd;}
.appmsg_sub_item .main_img{ width:78px; height:78px; position:absolute; top:15px; right:15px;}
.appmsg_sub_item .main_img img{ width:100%; height:100%;}
.appmsg_sub_item .title{ padding:10px 108px 10px 0;}
.appmsg_action{ width:100%; border-top:1px solid #ddd; overflow:hidden;zoom:1; background:#eee;}
.appmsg_action a{ width:50%; float:left; text-align:center; height:40px; line-height:40px; color:#444;}
.appmsg_action a:hover{ background:#ddd;}
.material_form{ overflow:hidden; zoom:1; margin:20px 0;}
.material_form .preview_area{ float:left; width:308px; border:1px solid #ddd;}
.material_form .preview_area .edit_item{ position:relative;}
.hover_area{ position:absolute; top:0; right:0; bottom:0; left:0; background:RGBA(0,0,0,.4); z-index:100; text-align:center; padding-top:100px; display:none}
.appmsg_sub_item .hover_area{ padding-top:50px;}
.edit_item:hover .hover_area{ display:block;}
.edit_item .hover_area a{ color:#fff; border:1px solid #eee; padding:3px 5px; margin:10px 10px; }
.edit_item .hover_area a:hover{ background:#fff; color:#222}
.appmsg_edit_action{  padding:15px; border-top:1px solid #ddd;}
.appmsg_edit_action a{border:2px dashed #ddd; text-align:center; height:60px; line-height:60px; display:block;}
.appmsg_edit_action a:hover{ background:#eee; border-color:#888; color:#333;}
.material_form .edit_area{ float:left; width:500px; margin-left:30px; display:inline; border:1px solid #ddd; padding:15px; position:relative; min-height:300px;}
.material_form .edit_area .area_arrow{ position:absolute; top:60px; left:-30px; width:30px; height:30px; background:url(../images/area_arrow.png) no-repeat; z-index:100;}
.picture_list{ overflow:hidden; zoom:1}
.picture_list li{ float:left; margin-right:15px;}
.picture_item{ border:1px solid #ddd;}
.picture_item .main_img{padding:15px; width:180px; height:120px; overflow:hidden;}
.picture_item .main_img img{ min-height:120px;}
.picture_action{ border-top:1px solid #ddd; overflow:hidden; zoom:1;}
.picture_action a{ width:50%; float:left; height:40px; line-height:40px; text-align:center; color:#888; background:#eee}
.picture_action a:hover{ background:#ddd;}
.item_three_action a{ width:33.33333%;}
.sound_item{ width:180px; position:relative; padding:10px 10px 10px 80px; min-height:60px;}
.sound_item .icon_sound{ position:absolute; top:10px; left:10px; cursor:pointer}
.sound_item .ctime{ padding-top:10px;}
.video_item{ width:200px; padding:10px;}
.video_item .ctime{ font-size:12px;}
.video_item .video_area{ margin-top:5px; height:150px; background:#333;}
.video_item .video_area video{ width:100%; height:100%;}
.article_card_list li{ background:#fff; border:1px solid #ddd; margin-bottom:15px;}
.article_card_list .li_top{ padding:10px; height:25px; background:#eee;}
.article_card_list .li_main{ padding:10px; overflow:hidden; zoom:1; border-top:1px solid #ddd;}
.article_card_list .li_main .li_img{width:12%; height:135px; margin-right:10px;}
.article_card_list .li_main .li_content{ width:80%; line-height:26px;}
.article_card_list .li_content .title{ font-size:16px;}
.article_card_list .li_main .li_img img{ width:100%; height:100%;}
.article_card_list .count span{ margin-right:10px;}
.article_card_list .time{ font-size:12px; color:#888}
.data-table .action_list{ position:relative; display:inline-block}
.data-table .action_list .m{ padding:0 15px; display:inline-block; height:26px; line-height:26px; border:1px solid #ddd; border-radius:3px; background:#eee; cursor:pointer}
.data-table .action_list .m .fa{vertical-align: 3px;}
.data-table .action_list ul{ position:absolute; top:26px;right:0; z-index:100; width:120px; border:1px solid #ddd; border-radius:3px; display:none}
.data-table .action_list:hover ul{ display:block;}
.data-table .action_list ul li{ margin:0; border:0; text-align:center; border-bottom:1px solid #eee;}
.data-table .action_list ul li:last-child{ border:none}
.data-table .action_list ul li a{ display:block; line-height:30px; height:30px; text-align:center;}
.data-table .action_list ul li a:hover{ background:#eee;}
.article_card_list .li_top_u img{ vertical-align:middle; margin-right:5px; border-radius:10px; height:20px; width:20px;}
.li_main .goods{ width:300px; float:left; font-size:12px; color:#777}
.li_main .goods img{ float:left; width:70px; height:70px; margin-right:10px; border:1px solid #ddd; }
.li_main .price,.li_main .num,.li_main .total_price{ float:left; width:120px; text-align:center;}
.li_main .total_price{ color:#F60; font-size:18px; border-right:1px solid #ddd;min-height:70px;}
.li_main .status_name{ width:150px; float:left; text-align:center;border-right:1px solid #ddd; min-height:70px; font-size:12px; color:#ff7300}
.li_main .status{ float:right; text-align:center; width:120px;}
/* 商城 */
.field_group{ border:1px solid #ddd; border-radius:2px; margin:0 0 20px; padding-bottom:20px;}
.field_group h3 { line-height:40px; border-bottom:1px solid #ddd; padding:0 15px; margin-bottom:10px; background:#f3f3f3;}
.field_group .form-item{ padding:0 15px;}
.spec_container{ border:1px solid #ddd; padding:15px; border-radius:2px;}
.spec_item{ margin-bottom:15px;}
.spec_info_item{ border:1px solid #ddd; display:inline-block; height:30px; margin-right:10px; position:relative; cursor:pointer; border-radius:3px;}
.spec_info_item img{ width:30px; height:30px; display:none;}
.spec_info input[type="checkbox"]{ display:none;}
.spec_info label{padding:0 10px; position:relative; height:30px; line-height:30px; top:0; display:inline-block;cursor:pointer}
.spec_info input[type="checkbox"]:checked + label{  background:#645b68; margin-right:30px; color:#fff}
.spec_info input[type="checkbox"]:checked + label + img{ display:inline; position:absolute; top:0; right:0;}
#specTable input[type="text"]{ width:60px; padding:3px 5px; margin:0;}
#specTable tr td:last-child input[type="text"]{ width:100px;}
/* diy page */
.page_diy_container{ overflow:hidden; zoom:1;}
.page_left{ float:left;}
.page_right{ float:left; margin-top:70px;}
.app-content{ overflow:hidden; zoom:1;}
.app_preview{ width:350px; border:1px solid #ddd; border-radius:10px;background:#eee; box-shadow:0 0 2px #ccc}
.app_preview .app_header{ height:70px; background:url(../images/iphone_head.png) no-repeat center center;}
.app_preview .app_inner{ margin:0 auto; width:320px;min-height:300px;border:1px solid #ddd; border-radius:2px; background:#fff}
.app_preview .app_footer{ height:70px; position:relative;}
.app_preview .app_footer em{ height:50px; width:50px; border-radius:100%; border:1px solid #ddd; position:absolute; left:50%; top:10px; margin-left:-20px; background:#fff}
.app_preview .titlebar{ height:40px; padding:20px 60px 0; text-align:center; line-height:38px; color:#fff; background:url(../images/titlebar.png) no-repeat center center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.fixed_module{ background:#ccc; color:#fff; text-align:center; padding:100px 0;}
.fixed_module h6{ font-size:18px; font-weight:normal}
.edit_panel{ position:relative}
.edit_cover{ display:none; position:absolute; right:0; left:0; top:0; bottom:0; z-index:100; background:RGBA(255,255,255,.4); border:2px dashed #F90}
.aciton_wrap{ position:absolute; bottom:0; right:0; margin:0 0 5px; z-index:100; display:none;}
.aciton_wrap .action { padding:1px 3px; background:RGBA(0,0,0,.6); font-size:12px; color:#fff; margin:0 5px 0 0; cursor:pointer}
.edit_panel:hover .edit_cover,.edit_panel:hover .aciton_wrap{ display:block;}
.disable_muodule .edit_panel:hover .edit_cover,.disable_muodule .edit_panel:hover .aciton_wrap{ display:none}
.add_page_widget{ background:#fff; position:relative; width:320px; margin:0 auto; border:1px solid #ddd; border-top:none; text-align:center; padding:10px 0; z-index:100;}
.add_page_widget .title{ font-size:16px; line-height:40px;}
.add_page_widget em{ position:absolute; left:50%; top:-19px; margin-left:-10px; width:20px; height:20px; background:url(../images/arrow_top.png) no-repeat center bottom;}
.add_page_widget ul{ overflow:hidden; zoom:1; padding:0 10px;}
.add_page_widget ul li{ float:left; width:65px; margin:5px;}
.add_page_widget ul li a{ display:block; padding:5px 0;}
.app_editor{ width:540px; margin-left:30px; position:relative; border:1px solid #ddd; padding:15px; border-radius:10px;}
.app_editor .arrow-left{ position:absolute; width:30px; height:30px; top:30px; left:-30px; background:url(../images/area_arrow.png) no-repeat center center; border:none;}
.app_editor .form_item{ overflow:hidden; margin-bottom:10px;}
.app_editor .form_item label{ width:80px; float:left; text-align:right; margin-right:10px; line-height:30px;}
.app_editor .iput{ float:left;}
.app_editor .wput{ width:540px;}
.app_editor .tips{ font-size:12px; color:#888}
.app_editor .pt_8{ padding-top:4px;}
.app_editor input[type="radio"],.app_editor input[type="checkbox"]{ vertical-align:text-top; margin-right:3px;}
.color_picker{ width:50px; height:28px; border:1px solid #ccc; cursor:pointer}
.add_goods_btn{ width:50px; height:50px; background:#444 url(../images/add.png) no-repeat; background-size:100% 100%; cursor:pointer; float:left;}
.select_goods_list{ overflow:hidden;zoom:1; float:left;}
.select_goods_list li{ float:left; margin-right:10px; position:relative;}
.select_goods_list li .img{ width:50px; height:50px; background:#ddd url(../images/mobile_jump_err_face.png) no-repeat center center; background-size:100% 100%; display:block}
.select_goods_list li .img img{ width:100%; height:100%;}
.select_goods_list li em{ position:absolute; top:0; right:0; width:12px; height:12px; text-align:center; color:#fff; line-height:12px; background:RGBA(0,0,0,.5); font-style:normal; cursor:pointer}
.goods_dialog { position:relative;}
.btn_bar{ text-align:center;}

.sub_edit_item{ border:1px solid #ddd; border-radius:5px; padding:10px 40px 10px 90px; margin-top:15px; position:relative}
.sub_edit_item_no_pic{ padding-left:10px;}
.sub_edit_item .add_pic_btn{ width:72px; height:72px; background:#888 url(../images/add.png) no-repeat; background-size:100% 100%; position:absolute; top:10px; left:10px;}
.sub_edit_item .add_pic_btn img{ width:100%; height:100%;}
.sub_edit_item .del_pic_btn{ width:30px; height:30px; background:url(../images/gray_delete.png) no-repeat center center; position:absolute; top:50%; margin-top:-15px; right:10px;}
.sub_edit_item input[type="text"]{ width:360px;}
.sub_edit_item input[type="text"]:last-child{ margin-bottom:0;}
.sub_edit_item_no_pic input[type="text"]{ width:420px;}






.tile {
    height: 113px;
	width: 113px;
	text-align: center;
    margin: 0 6px 6px 0;
    float: left;
    background-color:#09F;
    display: block;
    position: relative;
	-webkit-transition: width 0.2s, height 0.2s, -webkit-transform 0.2s; 
    transition: width 0.2s, height 0.2s, transform 0.2s;
}

.tile:hover{
	-webkit-transform: scale(0.92,0.92);
	transform:scale(0.92,0.92);
}

.tile-themed {
    background-color: #368ee0;
    background-repeat: repeat;
    color: #fff;
}
.tile>i {
	width:113px;
    padding: 20px 0 0;
    display: inline-block;
    font-size: 62px;
    color:#FFF;
    -webkit-transform: translate3d(0,0,0);
}
.box-content {
    padding: 20px;
    background: #fff;
}
.box_title {
    border-bottom: 1px solid #ddd;
    padding: 7px 0 7px 10px;
    margin-top: 0px;
}


h5 {
    font-size: 14px;
}
.i_usd:before {
    content: "\f155";
}
.i_yen:before {
    content: "\f157";
}
.i_money:before {
  content: "\f0d6";
}
.i_gift:before {
   content: "\f06b";
}
.i_chart:before {
   content: "\f080";
}
.i_search:before {
  content: "\f002";
}
.i_edit:before{
content: "\f044";	
}
.i_ticket:before{
content: "\f145";	
}
.i_card:before{
content: "\f09d";	
}
.i_share:before{
content: "\f045";
}
.i_empty:before{
content: "\f006";
}
.i_chongzhi:before{
content: "\f06b";
}
.i_shopping:before{
content: "\f07a";
}
.i_heart:before{
content: "\f08a";
}
.i_usd,.i_yen,.i_money,.i_gift,.i_chart,.i_search,.i_edit ,.i_ticket,.i_card,.i_share,.i_empty,.i_chongzhi,.i_shopping,.i_heart:before {
	
    text-decoration: inherit;
    display: inline-block;
    speak: none;
	
}
.i_usd,.i_yen,.i_money,.i_gift,.i_chart,.i_search,.i_edit ,.i_ticket,.i_card,.i_share,.i_empty,.i_chongzhi,.i_shopping,.i_heart{
    display: inline;
    width: auto;
    height: auto;
    line-height: normal;
    vertical-align: baseline;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    margin-top: 0;
}
.i_usd,.i_yen,.i_money,.i_gift,.i_chart,.i_search,.i_edit ,.i_ticket,.i_card,.i_share,.i_empty,.i_chongzhi,.i_shopping,.i_heart{
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
}
.div_info{
	color: #fff;
	width: 113px;
	text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 35px;
    line-height: 35px;
   
}
.switch_mp{ font-size: 14px;color: #999;margin: 10px 0;}

/* 边栏导航样式
------------------------------------------ */
.sidebar {
    position: absolute;
    top: 0;
    left: 0;
    min-height: 100%;
    width: 250px;
    z-index: 3;
    -webkit-transition: -webkit-transform .3s ease-in-out,width .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,width .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,width .3s ease-in-out;
    transition: transform .3s ease-in-out,width .3s ease-in-out;
}
.subnav {
    padding-left: 15px;
}

/* 子导航标题栏 */
.subnav h3 {
    margin-right: 15px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
}
.subnav h3 a {
	color:#fff;
	text-decoration: none;
}
.subnav h3 a:hover {
    text-decoration: none;
}
.subnav h3 .icon,
.subnav h3 .icon-fold,
.subnav h3 .recycle {
    float: left;
    margin: 10px 6px 0 0;
    width: 16px;
    height: 16px;
}
.subnav h3 .icon {
    background: url(../images/bg_icon.png) no-repeat -100px 0;
}
.subnav h3 .icon-fold {
    background-position: -75px 0;
}
.recycle {
    background: url(../images/bg_icon.png) no-repeat -125px 0;
}

/* 子导航 */
.side-sub-menu {
    margin: 1px 0;
}
.side-sub-menu > li {
    position: relative;
    margin: 2px -1px 2px 0;
}
.side-sub-menu > li > .item {
    padding-left: 26px;
    display:block;
    color: #f1f1f1;
    text-decoration: none;
    border-bottom: 1px solid transparent;
}
.side-sub-menu > li > .item:hover,
.side-sub-menu > li.hover > .item {
	color: #ffffff;
	text-decoration: none;
	background: #7c7c7c;
	margin-right:1px;
}
.side-sub-menu > .current > .item {
    color: #414141;
    text-decoration: none;
}
.side-sub-menu > .current > .item,
.side-sub-menu > .current > .item:hover,
.side-sub-menu > .current.hover > .item {
	color: #414141;
    background: url(../images/subnav_current.png) no-repeat 165px 12px #f6f6f6;
}

/* 子菜单 */
.side-sub-menu li .subitem {
    display: none;
    position: absolute;
    top: 0;
    left: 185px;
    z-index: 9;
    width: 150px;
    border: 1px solid #ccc;
    background-color: #fff;
}
.side-sub-menu .hover > .subitem {
    display:  block;
}
.side-sub-menu .subitem .subitem {
    margin-top: -1px;
    left: 150px;
}
.side-sub-menu .subitem .item {
    display: block;
    padding: 0 15px;
    height: 30px;
    line-height: 30px;
}
.side-sub-menu .subitem .item:hover {
    text-decoration: none;
    border-bottom: 0 none;
    background: url(../images/subnav_current.png) no-repeat 130px 12px #f5f5f5;
}
.side-sub-menu .subitem > .item {
    border-radius: 0;
    border: 0 none;
    width: auto;
}

/* 内容模块边栏子菜单 */
.subnav-off {
    display: none;
}

.pad-tl{padding:66px 0 0 200px;}


/*20150530修改 顶部导航栏*/
.top_nav{
	padding-left: 10px;
}
#main-content{
	margin:66px 0 0 150px;
}

/*20180308新版样式*/
.main_body:after,#content.bootstrap:after{
	content: "";
	display: block;
	height: auto;
	clear: both;
}

.text-center{
	text-align: center;
}
.logo img{
	width: 100%;
	height: 50px;
}
.fa-fw {
    width: 1.2857142857142858em;
    text-align: center;
}
.icon-address-book:before {
    content: "\f2b9";
}
.main_body .bootstrap .page-header{
   font-size: 17px;
   font-weight:600;
   line-height: 1.1;
    padding: 10px 20px;
    margin: -15px -1%;
    margin-bottom: 0;
    background-color: #e4e4e4;
    border: 0;
}
.main_body #content.bootstrap{
	padding: 15px 1%;
}
.main_body #content.bootstrap .breadcrumb{
	background-color: transparent;
	border: 0;
    font-weight: normal;
	font-size: 14px;
	line-height: 22px;
	padding: 0;
	margin: 0;
}
.main_body #content.bootstrap .panel{
	padding: 0;
	/*border-radius: 0;**/
	/*border: 0;**/
	-webkit-box-shadow: none;
    box-shadow: none;
    margin-top: 15px;
    margin-bottom: 0;
}
.panel-box>li {
    width: 24%;
    margin: 15px 0.5% 0;
    float: left;
    color: #333;
    background-color: #fff;
    border-left: 2px solid #32D088;
}
.panel-box>li.bg-yellow {
    border-left-color: #FCD22A;
}
.panel-box>li.bg-violet {
    border-left-color: #9C78CB;
}
.panel-box>li.bg-violet {
    border-left-color: #9C78CB;
}
.main_body .icon {
    float: left;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 54px;
    text-align: center;
    font-size: 24px;
    color: #fff;
    background: #32D088;
    border: 2px solid white;
    border-radius: 100%;
    overflow: hidden;
    margin: 10px 20px;
    vertical-align: middle;
}
.bg-yellow .icon {
    background: #FCD22A;
}
.bg-violet .icon {
    background: #9C78CB;
}
.info-box-content {
    margin-left: 100px;
    padding: 17px 0;
    font-size: 16px;
    position: relative;
}
.info-box-content span {
    display: block;
}
.info-box-content span:last-child {
    font-size: 14px;
}
.main_body .bootstrap ul{
	margin: 0;
}
.panel-text{
	margin-left: -0.5%;
	margin-right: -0.5%;
}
.main_body .bootstrap .search-hd {
	line-height: 25px;
	margin: 0;
    padding: 3px 10px;
    border-bottom: 1px solid #e1e1e1;
    font-weight: 600;
}
.main_body .search-hd .sch-btn {
    padding: 3px 10px;
    border-radius: 30px;
    margin-left: 20px;
}
.hiddenTool {
    display: none;
}
.search-nav {
    padding: 10px 0 0 10px;
}
.search-nav li{
	float: left;
	min-height: 29px;
	margin-bottom: 10px;
	margin-right: 10px;
}
.main_body .bootstrap .search-nav li input,
.main_body .bootstrap .search-nav li select,
.main_body .panel-heading select{
	display: inline-block;
	width: 120px;
	padding: 3px 4px;
	margin: 0;
}
.main_body .bootstrap .search-nav li input.time{
	border-radius: 4px;
    line-height: 1;
    background-color: transparent;
    position: relative;
    z-index: 3;
    cursor: pointer;
}
.main_body .bootstrap .input-group {
	max-width: 120px;
    display: inline-table;
    vertical-align: middle;
}
.main_body .bootstrap .input-group input.text.time:first-child{
     border-bottom-right-radius: 4px; 
     border-top-right-radius: 4px; 
}
.search-nav .input-group i {
    position: absolute;
    right: 5px;
    top: 8px;
    z-index: 1;
}
.main_body #content.bootstrap .panel .panel-heading{
	height: auto;
	padding: 5px 10px;
        border-top: 3px solid #d2d6de;
        font-weight: 600;
}
.main_body .panel-heading select{
	height: auto;
	line-height: 1.1;
	vertical-align: top;
	margin-left: 10px;
}
.main_body .bootstrap .lookdetail,.main_body .bootstrap .cancel,.main_body .bootstrap .ban {
    display: inline-block;
    line-height: 1.2;
    padding: 3px 5px;
 	text-decoration: none;	
}
.main_body .bootstrap .lookdetail,
.main_body .bootstrap .search-hd a:hover{
    color: #0088cc;
}
.main_body .bootstrap .ban{
	color: #FF0000;
}
.main_body .bootstrap .cancel {
    color: #333;
}
.main_body .bootstrap .lookdetail:hover,.main_body .bootstrap .lookdetail:focus {
    color: #fff;
    background-color: #1ABC9C;
}
.main_body .bootstrap .ban:hover,.main_body .bootstrap .ban:focus{
	color: #fff;
	background-color: #FF0000;
}
.main_body .bootstrap .cancel:hover,.main_body .bootstrap .cancel:focus {
    color: #fff;
    background-color: #ddd;
}
.form-item-wrap{
	border-top:3px solid #1ABC9C;
	background-color: #fff;
	position: relative;
	padding: 10px;
	margin-top: 20px;
}
.form-horizontal .row{
	margin-left: -10px;
	margin-right: -10px;
}
.form-horizontal .row .col-md-6{
	padding-left: 10px;
	padding-right: 10px;
}
.main_body #content.bootstrap .box-title{
	display: inline-block;
	height: auto;
    font-size: 18px;
    margin: 0;
    line-height: 1;
    border: 0;
}
.box-header {
    color: #333;
    display: block;
    margin: -10px -10px 10px -10px;
    padding: 10px;
    position: relative;
}
.box-header.with-border {
    border-bottom: 1px solid #e1e1e1;
}
.bootstrap select{
	margin-bottom: 10px;
}
.main_body .bootstrap .box-stats .kpi-content{
	padding-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	border-left: 2px solid transparent;
	min-height: 80px;
}
.main_body .bootstrap .box-stats{
	height: auto;
	overflow: hidden;
	margin-bottom: 5px;
}
.main_body .bootstrap .box-stats .kpi-content i{
	border-radius: 50%;
    color: #fff !important;
    line-height: 54px;
}
.main_body .bootstrap .color1 .kpi-content{
	border-left-color: #2BA8E3;
}
.main_body .bootstrap .color2 .kpi-content{
	border-left-color: #FF5450;
}
.main_body .bootstrap .color3 .kpi-content{
	border-left-color: #9E5BA1;
}
.main_body .bootstrap .color4 .kpi-content{
	border-left-color: #95CC6B;
}
.main_body .bootstrap .color1 .kpi-content i{
	background-color: #2BA8E3;
}
.main_body .bootstrap .color2 .kpi-content i{
	background-color: #FF5450;
}
.main_body .bootstrap .color3 .kpi-content i{
	background-color: #9E5BA1;
}
.main_body .bootstrap .color4 .kpi-content i{
	background-color: #95CC6B;
}
/*开关样式*/
.switch-cp{
	position: relative;
}
.switch-cp_input {
    position: absolute;
    left: -9999px;
    z-index: -1;
}
.switch-cp_box {
    display: block;
    position: relative;
    width: 52px;
    height: 32px;
    border: 1px solid #DFDFDF;
    outline: 0;
    border-radius: 16px;
    box-sizing: border-box;
    background-color: #DFDFDF;
    -webkit-transition: background-color 0.1s, border 0.1s;
    transition: background-color 0.1s, border 0.1s;
}
.switch-cp_input:checked ~ .switch-cp_box {
    border-color: #1AAD19;
    background-color: #1AAD19;
}
.switch-cp_box:before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 30px;
    border-radius: 15px;
    background-color: #FDFDFD;
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
    transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
}
.switch-cp_box:after {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background-color: #FFFFFF;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
    transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
}
.switch-cp_input:checked ~ .switch-cp_box:before {
    -webkit-transform: scale(0);
    transform: scale(0);
}
.switch-cp_input:checked ~ .switch-cp_box:after {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}
/*开关样式 end*/
.bootstrap .kpi-container{
	margin-top: 15px;
}
.navbar-fixed-top .sidebar-toggle {
    float: left;
    padding: 0 15px;
    line-height: 50px;
    color: #fff;
    font-size: 14px;
}
/*左侧导航栏*/
.navbar{
	-webkit-transition: margin-left .3s ease-in-out;
    -o-transition: margin-left .3s ease-in-out;
    transition: margin-left .3s ease-in-out;
}
.admin_container{
    -webkit-transition: -webkit-transform .3s ease-in-out,margin-left .3s ease-in-out;
    -moz-transition: -moz-transform .3s ease-in-out,margin-left .3s ease-in-out;
    -o-transition: -o-transform .3s ease-in-out,margin-left .3s ease-in-out;
    transition: transform .3s ease-in-out,margin-left .3s ease-in-out;
}
.sidebar-collapse .admin_container,.sidebar-collapse .navbar{
	margin-left: 50px;
}
.sidebar-collapse .sidebar{
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: 50px !important;
    z-index: 850;
}
.sidebar-collapse .sidenav.left-menu:hover{
	overflow: visible;
}
.sidebar-collapse .sidenav>li>a>span{
	display: none;
}
.sidenav  li>a>.pull-right-container {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -7px;
}

.sidebar-collapse .sidenav>li:hover>a>span, 
.sidebar-collapse .sidenav>li:hover>.sidenav-menu{
	display: block !important;
    position: absolute;
    width: 180px;
    left: 50px;
}
.sidebar-collapse .sidenav>li>a>.pull-up-container i {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.sidebar-collapse .sidenav>li:hover>a>.pull-up-container {
	position: absolute;
	display: block;
	width: auto;
	left: 180px;
	top: 0;
	margin: 0;
	z-index: 900
}
.sidebar-collapse .sidenav>li:hover>a>span {
	top: 0;
	margin-left: -3px;
	padding: 12px 5px 12px 20px;
	background-color: inherit;
}
.sidebar-collapse .sidenav>li>a>span{
	border-top-right-radius: 4px;
}
.sidebar-collapse .sidenav>li:not(.treeview)>a>span {
    border-bottom-right-radius: 4px;
}
.sidebar-collapse .sidenav>li>.sidenav-menu {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom-right-radius: 4px;
    background-color: #222;
}
.sidebar-collapse .sidenav>li>.sidenav-menu{
	display: none !important;
    -webkit-transform: translateZ(0);
}
.sidebar-collapse .sidenav>li.menu-open{
	background-color: transparent;
}
.sidebar .logo{
    transition: width .3s ease-in-out;
    display: block;
    height: 60px;
    font-size: 20px;
    line-height: 60px;
    text-align: center;
    width: 250px;
    font-family: Rubik,sans-serif;
    font-weight: 300;
    overflow: hidden;
    color: #fff;
    letter-spacing: 2px;
    background-color: #303338;
    position: relative;
}
.logo .logo-lg{
	display: block;
}
.logo-lg i{
	display: block;
	position: absolute;
	right: 69px;
	bottom: 3px;
	font-weight: 600;
	font-size: 14px;
	line-height: 1.1;
	font-style: normal;
}
.sidenav li.header {
    padding: 10px 25px 10px 15px;
    font-size: 12px;
    color: #999;
    background-color: #1e1e1e;
}
.logo .logo-mini {
    display: none;
    font-size: 16px;
    line-height: 50px;
    letter-spacing: 0;
}
.sidebar-collapse .sidebar .logo{
	width: 50px;
}
.sidebar-collapse .sidebar .logo .logo-mini{
	display: block;
}
.user-panel{
    position: relative;
    width: 100%;
    padding: 10px;
    overflow: hidden;
}
.user-panel>.image>img {
    width: 100%;
    max-width: 45px;
    height: auto;
}
.user-panel>.info {
    padding: 5px 5px 5px 15px;
    line-height: 1;
    position: absolute;
    left: 55px;
    color: #fff;
}
.user-panel>.info>p {
    font-weight: 600;
    margin-bottom: 9px;
}
.user-panel>.info>a {
    text-decoration: none;
    padding-right: 5px;
    margin-top: 3px;
    font-size: 11px;
    color: inherit;
}
.text-success {
    color: #3c763d;
}
.img-circle {
    border-radius: 50%;
}
.sidebar .sidebar-form {
    border-radius: 3px;
    border: 1px solid #374850;
    margin: 10px 10px;
}
.sidebar .input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.sidebar .sidebar-form .input-group-btn {
	display: table-cell;
    position: relative;
    font-size: 0;
    white-space: nowrap;
    width: 1%;
}
.sidebar .sidebar-form input[type="text"], 
.sidebar .sidebar-form .btn {
    box-shadow: none;
    background-color: #374850;
    border: 1px solid transparent;
    height: 35px;
}
.sidebar .sidebar-form .btn {
	vertical-align: top;
    color: #999;
    border-top-left-radius: 0;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 0;
}
.sidebar .sidebar-form input[type="text"] {
	display: table-cell;
	width: 100%;
    margin-bottom: 0;
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    color: #999;
}
.sidebar .sidebar-form input[type="text"]:focus, 
.sidebar .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
    background-color: #fff;
    color: #666;
}
.sidebar-collapse .sidebar .logo .logo-lg,
.sidebar-collapse .sidenav li.header,
.sidebar-collapse .sidebar .sidebar-form{
	display: none;
}
/*new index style*/
.info-box-icon {
    border-top-left-radius: 2px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 2px;
    display: block;
    float: left;
    height: 90px;
    width: 90px;
    text-align: center;
    font-size: 45px;
    line-height: 90px;
    background: rgba(0,0,0,0.2);
}
.bg-red,
.bg-yellow,
.bg-aqua,
.bg-blue,
.bg-light-blue,
.bg-green,
.bg-navy,
.bg-teal,
.bg-olive,
.bg-lime,
.bg-orange,
.bg-fuchsia,
.bg-purple,
.bg-maroon,
.bg-black,
.bg-red-active,
.bg-yellow-active,
.bg-aqua-active,
.bg-blue-active,
.bg-light-blue-active,
.bg-green-active,
.bg-navy-active,
.bg-teal-active,
.bg-olive-active,
.bg-lime-active,
.bg-orange-active,
.bg-fuchsia-active,
.bg-purple-active,
.bg-maroon-active,
.bg-black-active{
	color: #fff !important
}
.bg-gray {
	color: #000;
	background-color: #d2d6de !important
}
.bg-gray-light {
	background-color: #f7f7f7
}
.bg-black {
	background-color: #111 !important
}
.bg-red{
	background-color: #dd4b39 !important
}
.bg-yellow{
	background-color: #f39c12 !important
}
.bg-aqua{
	background-color: #00c0ef !important
}
.bg-blue {
	background-color: #0073b7 !important
}
.bg-light-blue{
	background-color: #3c8dbc !important
}
.bg-green{
	background-color: #00a65a !important
}
.bg-navy {
	background-color: #001f3f !important
}
.bg-teal {
	background-color: #39cccc !important
}
.bg-olive {
	background-color: #3d9970 !important
}
.bg-lime {
	background-color: #01ff70 !important
}
.bg-orange {
	background-color: #ff851b !important
}
.bg-fuchsia {
	background-color: #f012be !important
}
.bg-purple {
	background-color: #605ca8 !important
}
.bg-maroon {
	background-color: #d81b60 !important
}
.bg-gray-active {
	color: #000;
	background-color: #b5bbc8 !important
}
.bg-black-active {
	background-color: #000 !important
}
.bg-red-active{
	background-color: #d33724 !important
}
.bg-yellow-active{
	background-color: #db8b0b !important
}
.bg-aqua-active{
	background-color: #00a7d0 !important
}
.bg-blue-active {
	background-color: #005384 !important
}
.bg-light-blue-active{
	background-color: #357ca5 !important
}
.bg-green-active{
	background-color: #008d4c !important
}
.bg-navy-active {
	background-color: #001a35 !important
}
.bg-teal-active {
	background-color: #30bbbb !important
}
.bg-olive-active {
	background-color: #368763 !important
}
.bg-lime-active {
	background-color: #00e765 !important
}
.bg-orange-active {
	background-color: #ff7701 !important
}
.bg-fuchsia-active {
	background-color: #db0ead !important
}
.bg-purple-active {
	background-color: #555299 !important
}
.bg-maroon-active {
	background-color: #ca195a !important
}
.info-box {
    display: block;
    min-height: 90px;
    background: #fff;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    border-radius: 2px;
    margin-bottom: 15px;
}
.info-box-text {
    display: block;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-box-number {
    display: block;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.42857143;
}
.info-box small {
    font-size: 14px;
}
.info-box .info-box-content {
    padding: 5px 10px;
    margin-left: 90px;
}
.box {
    position: relative;
    border-radius: 3px;
    background: #ffffff;
    border-top: 3px solid #d2d6de;
    margin-bottom: 20px;
    width: 100%;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
}
.box.box-primary {
	border-top-color: #3c8dbc
}

.box.box-info {
	border-top-color: #00c0ef
}

.box.box-danger {
	border-top-color: #dd4b39
}

.box.box-warning {
	border-top-color: #f39c12
}

.box.box-success {
	border-top-color: #00a65a
}

.box.box-default {
	border-top-color: #d2d6de
}
.box .box-header {
    color: #444;
    display: block;
    padding: 10px;
    margin: 0;
    position: relative;
}
.btn-box-tool {
    padding: 5px;
    font-size: 12px;
    background: transparent;
    color: #97a0b3;
}
.open .btn-box-tool, 
.btn-box-tool:hover, 
.btn-box-tool:focus {
    color: #606c84;
    background: transparent;
}
.box-header>.box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}
.box-header>.box-tools .btn-group{
	margin: 0;
}
.box-header>.box-tools .dropdown-menu{
	left: auto;
	right: 0;
}
.progress-group .progress-number {
    float: right;
}
.progress-group .progress.sm,
.progress-group .progress-sm {
	height: 10px
}
.box-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 10px
}
.box-footer {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 1px solid #f4f4f4;
    padding: 10px;
    background-color: #fff;
}
.bootstrap .progress-group .progress-bar-light-blue,
.bootstrap .progress-group .progress-bar-primary {
	background-color: #3c8dbc
}
.bootstrap .progress-group .progress-bar-green,
.bootstrap .progress-group .progress-bar-success {
	background-color: #00a65a
}
.bootstrap .progress-group .progress-bar-aqua,
.bootstrap .progress-group .progress-bar-info {
	background-color: #00c0ef
}
.bootstrap .progress-group .progress-bar-yellow,
.bootstrap .progress-group .progress-bar-warning {
	background-color: #f39c12
}
.bootstrap .progress-group .progress-bar-red,
.bootstrap .progress-group .progress-bar-danger {
	background-color: #dd4b39
}
.description-block {
	display: block;
	margin: 10px 0;
	text-align: center
}
.description-block.margin-bottom {
	margin-bottom: 25px
}
.description-block>.description-header {
	margin: 0;
	padding: 0;
	font-weight: 600;
	font-size: 16px
}
.description-block>.description-text {
	text-transform: uppercase
}
.box .border-right {
	border-right: 1px solid #f4f4f4
}
.box .border-left {
	border-left: 1px solid #f4f4f4
}
.box.box-solid {
	border-top: 0
}
.text-red {
	color: #dd4b39 !important
}
.text-yellow {
	color: #f39c12 !important
}
.text-aqua {
	color: #00c0ef !important
}
.text-blue {
	color: #0073b7 !important
}
.text-black {
	color: #111 !important
}
.text-light-blue {
	color: #3c8dbc !important
}
.text-green {
	color: #00a65a !important
}
.text-gray {
	color: #d2d6de !important
}
.text-navy {
	color: #001f3f !important
}
.text-teal {
	color: #39cccc !important
}
.text-olive {
	color: #3d9970 !important
}
.text-lime {
	color: #01ff70 !important
}
.text-orange {
	color: #ff851b !important
}
.text-fuchsia {
	color: #f012be !important
}
.text-purple {
	color: #605ca8 !important
}
.text-maroon {
	color: #d81b60 !important
}
.description-block>.description-header {
	margin: 0;
	padding: 0;
	font-weight: 600;
	font-size: 16px
}
.description-block>.description-text {
    text-transform: uppercase;
}
.info-box {
	display: block;
	min-height: 90px;
	background: #fff;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	margin-bottom: 15px
}
.info-box small {
	font-size: 14px
}
.bootstrap .info-box .progress {
	background: rgba(0, 0, 0, 0.2);
	margin: 5px -10px 5px -10px;
	height: 2px
}
.info-box .progress,
.info-box .progress .progress-bar {
	border-radius: 0
}
.info-box .progress .progress-bar {
	background: #fff
}
.info-box-icon>img {
	max-width: 100%
}
.info-box-content {
	padding: 5px 10px;
	margin-left: 90px
}
.info-box-text {
	text-transform: uppercase
}
.bootstrap .box-header  .badge {
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}
.users-list>li {
	width: 25%;
	float: left;
	padding: 10px;
	text-align: center
}
.users-list>li img {
	border-radius: 50%;
	max-width: 100%;
	height: auto
}
.users-list>li>a:hover,
.users-list>li>a:hover .users-list-name {
	color: #999
}
.users-list-name,
.users-list-date {
	display: block
}
.users-list-name {
	font-weight: 600;
	color: #444;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}
.users-list-date {
	color: #999;
	font-size: 12px
}
.direct-chat .box-body {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	position: relative;
	overflow-x: hidden;
	padding: 0
}
.direct-chat.chat-pane-open .direct-chat-contacts {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.direct-chat-messages {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	padding: 10px;
	height: 320px;
	overflow: auto
}
.direct-chat-msg,
.direct-chat-text {
	display: block
}
.direct-chat-msg {
	margin-bottom: 10px
}
.direct-chat-msg:before,
.direct-chat-msg:after {
	content: " ";
	display: table
}
.direct-chat-msg:after {
	clear: both
}
.direct-chat-messages,
.direct-chat-contacts {
	-webkit-transition: -webkit-transform .5s ease-in-out;
	-moz-transition: -moz-transform .5s ease-in-out;
	-o-transition: -o-transform .5s ease-in-out;
	transition: transform .5s ease-in-out
}
.direct-chat-text {
	border-radius: 5px;
	position: relative;
	padding: 5px 10px;
	background: #d2d6de;
	border: 1px solid #d2d6de;
	margin: 5px 0 0 50px;
	color: #444
}
.direct-chat-text:after,
.direct-chat-text:before {
	position: absolute;
	right: 100%;
	top: 15px;
	border: solid transparent;
	border-right-color: #d2d6de;
	content: ' ';
	height: 0;
	width: 0;
	pointer-events: none
}
.direct-chat-text:after {
	border-width: 5px;
	margin-top: -5px
}
.direct-chat-text:before {
	border-width: 6px;
	margin-top: -6px
}
.right .direct-chat-text {
	margin-right: 50px;
	margin-left: 0
}
.right .direct-chat-text:after,
.right .direct-chat-text:before {
	right: auto;
	left: 100%;
	border-right-color: transparent;
	border-left-color: #d2d6de
}
.direct-chat-img {
	border-radius: 50%;
	float: left;
	width: 40px;
	height: 40px
}
.right .direct-chat-img {
	float: right
}
.direct-chat-info {
	display: block;
	margin-bottom: 2px;
	font-size: 12px
}
.direct-chat-name {
	font-weight: 600
}
.direct-chat-timestamp {
	color: #999
}
.direct-chat-contacts-open .direct-chat-contacts {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0)
}
.direct-chat-contacts {
	-webkit-transform: translate(101%, 0);
	-ms-transform: translate(101%, 0);
	-o-transform: translate(101%, 0);
	transform: translate(101%, 0);
	position: absolute;
	top: 0;
	bottom: 0;
	height: 320px;
	width: 100%;
	background: #222d32;
	color: #fff;
	overflow: auto
}
.direct-chat-danger .right>.direct-chat-text {
	background: #dd4b39;
	border-color: #dd4b39;
	color: #fff
}
.direct-chat-danger .right>.direct-chat-text:after,
.direct-chat-danger .right>.direct-chat-text:before {
	border-left-color: #dd4b39
}
.direct-chat-primary .right>.direct-chat-text {
	background: #3c8dbc;
	border-color: #3c8dbc;
	color: #fff
}
.direct-chat-primary .right>.direct-chat-text:after,
.direct-chat-primary .right>.direct-chat-text:before {
	border-left-color: #3c8dbc
}
.direct-chat-warning .right>.direct-chat-text {
	background: #f39c12;
	border-color: #f39c12;
	color: #fff
}
.direct-chat-warning .right>.direct-chat-text:after,
.direct-chat-warning .right>.direct-chat-text:before {
	border-left-color: #f39c12
}
.direct-chat-info .right>.direct-chat-text {
	background: #00c0ef;
	border-color: #00c0ef;
	color: #fff
}
.direct-chat-info .right>.direct-chat-text:after,
.direct-chat-info .right>.direct-chat-text:before {
	border-left-color: #00c0ef
}
.direct-chat-success .right>.direct-chat-text {
	background: #00a65a;
	border-color: #00a65a;
	color: #fff
}
.direct-chat-success .right>.direct-chat-text:after,
.direct-chat-success .right>.direct-chat-text:before {
	border-left-color: #00a65a
}
.main_body .box-footer .input-group{
	max-width: none;
	position: relative;
    display: table;
    border-collapse: separate;
}
.main_body .box-footer .input-group input{
	height: 31px;
}
.nav>li>a:hover,
.nav>li>a:active,
.nav>li>a:focus {
	color: #444;
	background: #f7f7f7
}
.nav-pills>li>a {
	border-radius: 0;
	border-top: 3px solid transparent;
	color: #444
}
.nav-pills>li>a>.fa,
.nav-pills>li>a>.glyphicon,
.nav-pills>li>a>.ion {
	margin-right: 5px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
	border-top-color: #3c8dbc
}
.nav-pills>li.active>a {
	font-weight: 600
}
.nav-stacked>li>a {
	border-radius: 0;
	border-top: 0;
	border-left: 3px solid transparent;
	color: #444
}
.nav-stacked>li.active>a,
.nav-stacked>li.active>a:hover {
	background: transparent;
	color: #444;
	border-top: 0;
	border-left-color: #3c8dbc
}
.nav-stacked>li.header {
	border-bottom: 1px solid #ddd;
	color: #777;
	margin-bottom: 10px;
	padding: 5px 10px;
	text-transform: uppercase
}
.no-padding {
    padding: 0 !important;
}
.box .box-footer.no-padding .nav-stacked>li {
	border-bottom: 1px solid #f4f4f4;
	margin: 0;
}
.box .nav-stacked>li:last-of-type {
	border-bottom: none
}
.contacts-list>li {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding: 10px;
	margin: 0
}
.contacts-list>li:before,
.contacts-list>li:after {
	content: " ";
	display: table
}
.contacts-list>li:after {
	clear: both
}
.contacts-list>li:last-of-type {
	border-bottom: none
}
.contacts-list-img {
	border-radius: 50%;
	width: 40px;
	float: left
}
.contacts-list-info {
	margin-left: 45px;
	color: #fff
}
.contacts-list-name,
.contacts-list-status {
	display: block
}
.contacts-list-name {
	font-weight: 600
}
.contacts-list-status {
	font-size: 12px
}
.contacts-list-date {
	color: #aaa;
	font-weight: normal
}
.contacts-list-msg {
	color: #999
}
.contacts-list>li a:hover{
	text-decoration: none;
}
.progress-description,
.info-box-text {
	display: block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}
/*****促销商品*****/
.clearfix:after,
.clearfix:before {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.promotion{
    background: #e4e4e4;
}
.promotion li{
    float: left;
    font-size: 14px;
    color: #666;
    line-height: 38px;
    padding: 0 10px;
}
/*.promotion li:nth-of-type(1){*/
/*background: #1583c9;*/
/*color: #fff;*/
/*font-weight: 700;*/
/*}*/
.promotion li span{
    display: inline-block;
    width: 30px;
    height: 19px;
    line-height: 19px;
    border-radius: 10px;
    background: #3e8aba;
    font-size: 12px;
    color: #fff;
    text-align: center;
    margin-left: 5px;
}
/*.promotion li:nth-of-type(1) span{*/
/*background: none;*/
/*}*/
.promotion_choice{
    background: #1583c9;
    color: #fff;
    font-weight: 700;
}
.promotion_no{
    background: none;
}
.promotion_list table td:nth-of-type(1){
    width: 1%;
}
.promotion_list table td:nth-of-type(2){
    width: 8%;
}
.promotion_list table td:nth-of-type(3){
    width: 23%;
}
.promotion_list table td:nth-of-type(4){
    width: 8%;
}
.promotion_list table td:nth-of-type(5){
    width: 5%;
}
.promotion_list table td:nth-of-type(6){
    width: 6%;
}
.promotion_list table td:nth-of-type(7){
    width: 7%;
}
.promotion_list table td:nth-of-type(8){
    width: 7%;
}
.promotion_list table td:nth-of-type(9){
    width: 7%;
}
.promotion_list table td:nth-of-type(10){
    width: 7%;
}
.promotion_list table td:nth-of-type(11){
    width: 10%;
}
.promotion_list table td:nth-of-type(12){
    width: 6%;
}
.table-striped .promotion_list{
    display: none;
}
.table-striped .promotion_list:nth-of-type(1){
    display: block;
}


/*****新增促销商品*****/
.row .trade_name{
    margin-top: 30px;
}
.blurd{
    border-bottom: 1px solid #d7d7d7;
}
.blurd>span,.blurd>p{
    font-size: 13px;
}
.blurd>span{
    font-weight: 700;
}
.bootstrap .blurd>p{
    margin: 15px 0 13px;
}
.trade_info{
    margin-top: 15px;
    display: none;
}
.trade_img img{
    width: 100px;
    height: 50px;
    /*margin: 0 5px 0 8px;*/
}
.trade_img{
    width: 10%;
    padding: 0 5px 0 8px;
}
.trade_img,.trade_explain{
    float: left;
}
.trade_explain{
    width: 90%;
}
.bootstrap .trade_explain_top p{
    margin: 0;
    width: 65%;
    float: left;
    font-size: 13px;
}
.bootstrap .trade_explain_top p:nth-of-type(2){
    width: 20%;
}
.bootstrap .trade_explain_top p:nth-of-type(3){
    width: 15%;
}
.trade_explain_foot p{
    margin: 0;
    width: 16%;
    float: left;
    font-size: 13px;
}
.trade_explain_foot{
    margin-top: 5px
}
.trade_size table{
    width: 100%;
}
.trade_size thead{
    line-height: 30px;
    border-bottom: 1px solid #ebebeb;
}
.bootstrap .trade_size table tbody tr{
    border-bottom: 1px dashed #f2f2f2;
}
.bootstrap .trade_size table tbody tr:last-of-type{
    border-bottom: none;
}
.bootstrap .trade_size table tbody tr td:last-of-type{
    padding: 9px 25px 14px 0;
    text-align: right;
}
.trade_size thead th:nth-of-type(1){
    width: 15%;
}
.trade_size thead th:nth-of-type(2){
    width: 12.5%;
}
.trade_size thead th:nth-of-type(3){
    width: 12.5%;
}
.trade_size thead th:nth-of-type(4){
    width: 25%;
}
.trade_size thead th:nth-of-type(5){
    width: 15%;
}
.trade_size thead th:last-of-type{
    width: 20%;
    padding-right: 50px;
    text-align: right;
}
.trade_size thead th:nth-of-type(2),.trade_size thead th:nth-of-type(3),.trade_size thead th:nth-of-type(6),
.trade_size tbody td:nth-of-type(2),.trade_size tbody td:nth-of-type(3),.trade_size tbody td:nth-of-type(6){
    text-align: right;
}
.trade_size thead th:nth-of-type(4),.trade_size tbody td:nth-of-type(4){
    /*text-align: center;*/
    /*padding-left: 5%;*/
    padding-left: 60px;
}
.trade_size thead th:nth-of-type(1),.trade_size tbody td:nth-of-type(1){
    padding-left: 20px;
}
.bootstrap .trade_size tbody td:last-of-type input{
    width: 81%;
    float: right;
    margin: 0;
}
.trade_ture{
    width: 70px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #4097ce;
    font-size: 13px;
    color: #fff;
    border-radius: 5px;
    margin-top: 30px;
    cursor: pointer;
    border: none;
}
.freebie .optimize_fewer{
    padding: 16px 18px 0;
    min-height: 346px;
}
.bootstrap .freebie .optimize_fewer input:nth-of-type(1){
    display: inline-block;
    margin: 0;
    vertical-align: top;
}
.bootstrap .freebie .optimize_fewer input:nth-of-type(1){
    width: 33%;
}
.bootstrap .freebie .optimize_fewer input:nth-of-type(2){
    width: 7.4%;
    height: 29px;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #f2f2f2;
    margin-left: 10px;
}
.trade_search{
    padding-bottom: 20px;
    border-bottom: 1px solid #e4e4e4;
}
.trade_list{
    height: 260px;
    overflow-y: auto;
    display: none;
}
.trade_list table{
    width: 100%;
}
.trade_list tr{
    border-bottom: 1px dashed #f2f2f2;
    line-height: 36px;
    cursor: pointer;
}
.trade_list td:nth-of-type(1){
    width: 39%;
    padding-left: 10px;
}
.trade_list td:nth-of-type(2){
    width: 17%;
}
.trade_list td:nth-of-type(3){
    width: 13%;
}
.trade_list td:nth-of-type(4){
    width: 12%;
}
.trade_list td:nth-of-type(5){
    /*width: 10%;*/
}
.click_goods,.optimize_fewer>span{
    font-size: 12px;
    color: #999;
    display: block;
    margin-top: 10px;
}
.Events .optimize_fewer{
    padding: 15px 18px 7px 15px;
}
.air_time{
    margin-bottom: 20px;
}
.air_time:last-of-type{
    margin-bottom: 0;
}
.bootstrap .air_time:last-of-type input{
    width: 49%;
}
.air_time label{
    font-size: 14px;
}


/*****订单详情*****/
.father{
    padding-top: 15px;
    padding-bottom: 60px;
}
/*左侧*/
.orderId_left{
    padding: 3px 0 15px;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 10px;
}
.orderId_left span{
    font-size: 14px;
    font-weight: 700;
}
.infoList{
    width: 100%;
    padding: 5px 0;
    border-bottom: 1px dashed #ebebeb;
}
.infoList:last-of-type,.figure_list:last-of-type{
    border-bottom: none;
}
.bill .col-lg-6:last-of-type .infoList:last-of-type,.figure_list{
    border-bottom: 1px dashed #ebebeb;
}
.infoList label{
    width: 23%;
    margin-bottom: 0;
    text-align: right;
    font-weight: 700;
}
.infoList p,.infoList p em,.infoList p a,.infoList p i{
    display: inline-block;
}
.infoList p{
    /*width: 76%;*/
    padding-left: 10px;
    font-size: 13px;
}
.infoList label,.infoList p{
    line-height: 30px;
}
.infoList p span,.cost_info tbody td span em{
    color: #ff0000;
}
.infoList p em{
    margin-left: 10px;
}
.infoList p em,.infoList p button,.cost_info tbody td span button{
    width: 65px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    background: #f8f8f8;
    vertical-align: middle;
}
.infoList p em:hover,.infoList p button:hover,.cost_info tbody td span button:hover{
    background: #fff;
}
.infoList p a,.cost_info .commodict a{
    margin-left: 10px;
    font-size: 14px;
}
.infoList p a:hover,.optimize>p>a:hover,.cost_info .commodict a:hover{
    color: #0077b3;
}
.infoList p a:hover,.infoList_cancle:hover,.optimize>p>a:hover,.cost_info .commodict a:hover{
    text-decoration: underline;
}
/*.optimize_fewer .row .col-lg-6:last-of-type{
	padding-left: 9px;
}*/
.infoList p i{
    margin-right: 35px;
}
.infoList p:nth-of-type(2){
    padding-left: 60px;
}
.infoList p input,.cost_info tbody td span input{
    width: 66%;
    height: 30px;
    border: 1px solid #d7d7d7;
    border-radius: 3px;
    padding: 0;
}
.infoList p button,.cost_info tbody td span button{
    background: #f8f8f8;
    margin: 0 12px 0 5px;
}
.infoList p button:hover,.cost_info tbody td span button:hover{
    background: #fff;
}
.infoList p input,.infoList p button,.infoList p span,
.cost_info tbody td span input,.cost_info tbody td span button,.cost_info tbody td span em{
    vertical-align: middle;
}
.infoList .edit_time{
    display: none;
}
.pr{
    position: relative;
}
.edit_time{
    width: 76%;
    position: absolute;
    top: 3px;
    left: 15%;
}
.Commom .edit_time{
    left: 41%;
}
.infoList .true_weight input{
    width: 32%;
    /*width: 45%;*/
}
.optimize>p>a{
    margin-left: 18px;
}
.optimize:hover{
    background: #d7d7d7;
}
.clearance .col-lg-6:last-of-type .infoList_no{
    line-height: 30px;
}
.commodict table{
    width: 100%;
}
.commodict table,.commodict table td{
    border: none;
}
.commodict table thead{
    background: #ebf2f6;
}
.commodict thead th{
    padding: 10px 10px;
}
.commodict tbody td{
    padding: 5px 10px;
}
.commodict thead tr{
    border-bottom: 1px solid #d7d7d7;
}
.commodict tbody tr{
    border-bottom: 1px dashed #ebebeb;
    margin: 0 10px;
}
.commodict tbody tr:last-of-type{
    border-bottom: none;
}
/*.commodict thead th:first-of-type{
	padding-left: 10px;
}*/
.commodict tbody td:last-of-type,.commodict thead th:last-of-type{
    padding-right: 30px;
}
.commodict tbody td img{
    width: 75px;
    height: 50px;
}
.commodict tbody tr{
    /*margin: 0 10px;*/
}
.commodict thead th:nth-of-type(1){
    width: 9%;
}
.commodict thead th:nth-of-type(2){
    width: 37%;
}
.commodict thead th:nth-of-type(3){
    width: 16%;
}
.commodict thead th:nth-of-type(4){
    width: 9%;
}
.commodict thead th:nth-of-type(5){
    width: 9%;
}
.commodict thead th:nth-of-type(6){
    width: 9%;
}
.commodict thead th:nth-of-type(7){
    width: 11%;
}
.packIng tbody td:nth-of-type(5),.packIng tbody td:nth-of-type(6),.packIng tbody td:nth-of-type(7),
.packIng thead th:nth-of-type(5),.packIng thead th:nth-of-type(6),.packIng thead th:nth-of-type(7){
    text-align: right!important;
}
.cost_info thead th:nth-of-type(1){
    width: 25%;
}
.cost_info thead th:nth-of-type(2){
    width: 35%;
}
.cost_info thead th:nth-of-type(3){
    width: 25%;
}
.cost_info thead th:nth-of-type(4){
    width: 15%;
}
.cost_info thead th:first-of-type{
    padding-right: 10px;
}
.cost_info tbody td:first-of-type{
    padding-right: 10px;
}
.cost_info thead th:nth-of-type(1),.cost_info tbody td:nth-of-type(1){
    text-align: right!important;
}
.cost_info thead th:nth-of-type(2),.cost_info tbody td:nth-of-type(2),
.cost_info thead th:nth-of-type(3),.cost_info tbody td:nth-of-type(3){
    text-align: center!important;
}
.cost_info tbody td:first-of-type{
    font-weight: 700;
}
.cost_info tbody td span input{
    width: 29%!important;
}
.cost_info tbody td span button{
    width: 54px!important;
}
.cost_info tbody td span:nth-of-type(2){
    display: none;
}
.cost_info tbody td i{
    color: #999;
    margin-left: 15px;
}
.Hl{
    border-top: 1px dashed #ebebeb;
}
.figure{
    float: right;
    width: 100%;
}
.figure_list{
    padding: 10px 0;
}
.figure_list label{
    width: 88%;
    text-align: right;
    font-weight: 700;
}
.figure_list span{
    display: inline-block;
    width: 11%;
    padding-right: 30px;
    text-align: right;
}
.figure_list label em{
    color: #666;
    margin-right: 15px;
    font-weight: 400;
}
.figure_list:nth-of-type(2) span{
    color: #ff0000;
}
/*.figure_list:nth-of-type(3) span{
	font-weight: 700;
}*/
.remaks{
    padding: 12px 6px 16px;
}
.bootstrap .remaks textarea{
    width: 100%;
    height: 130px;
    border: 1px solid #d7d7d7;
}
.commitBtn button{
    width: 65px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border-radius: 3px;
}
.commitBtn{
    width: 140px;
    margin: auto;
    margin-top: 50px;
}
.commitBtn_true{
    background: #4393cb;
    border: none;
    color: #fff
}
.commitBtn_true:hover{
    background: #68A8D5;
}
.commitBtn_cancel{
    background: #f8f8f8;
    border: 1px solid #d7d7d7;
    margin-left: 4px;
    color: #666;
}
.commitBtn_cancel:hover{
    background: #fff;
}

/*****右边*****/
.sendMessage{
    margin-bottom: 24px;
}
.messageList{
    padding: 0 10px;
}
.messageList .infoList{
    padding: 10px 0;
}
.sendMessage .infoList label,.sendMessage .infoList span{
    line-height: 13px!important;
}
.messageList .infoList label{
    width: 25%;
}
.sendMessage .infoList span{
    padding-left: 5px;
}
.cuteFtp{
    padding: 0 20px;
}
.Box .messageList .infoList:last-of-type{
    border-bottom: 1px dashed #ebebeb;
}
.Box .optimize_fewer{
    /*padding-bottom: 20px;*/
}
.frontage dt{
    line-height: 40px;
    font-size: 14px;
    font-weight: 400;
}
.frontage dd{
    width: 100%;
    height: 203px;
    /*background: url('Public/Home/images/upload.png')no-repeat;*/
    background-size: 100% 100%;
    border-radius: 7px;
}
.frontage dd:hover{
    border: 1px dashed #4393cb;
}
.frontage dd input{
    width: 100%;
    height: 203px;
    opacity: 0;
    z-index: 111;
}
.frontage:last-of-type{
    margin-top: 10px;
    margin-bottom: 20px;
}