/*
    像素格工作室 Pixel grid studio www.pxgrids.com
*/
body{color:#797979;background:#f1f2f7;padding:0px !important;margin:0px !important;font-size:12px;font-family: "微软雅黑","Microsoft YaHei","Microsoft YaHei UI", "Segoe UI", Arial, Verdana, Sans-Serif, sans-serif;}
ul li{list-style:none;}
h1,h2,h3,h4,h5,h6,a,p,span{font-family: "微软雅黑","Microsoft YaHei","Microsoft YaHei UI","Hiragino Sans GB W3","Segoe UI", Arial, Verdana, Sans-Serif, sans-serif;}
a,a:hover,a:focus{text-decoration:none;outline:none;-webkit-transition:all 0.3s;transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;}
::selection{background:#FF6C60;color:#fff;}
::-moz-selection{background:#FF6C60;color:#fff;}
.body{overflow: hidden;}
#container{width:100%;height:100%;}
.center{text-align: center;}
#fuckie{background-color:#fcf8e3;border:1px solid #fbeed5;padding:8px 35px 8px 14px;position:fixed;top:0px;left:0;right:0;z-index:2000}
.bg_white{background:#fff;}

/*-------------------------------------1.登录页-------------------------------------*/
.login-wrapper{ width:980px; position:absolute; top:50%; left:50%; margin:-245px 0 0 -490px; z-index:2; color:#666;}
.login-main{ width:600px; margin:-30px auto 0;}
.login-body{background-color:#f1f2f7;}
.form-signin{max-width:600px;margin:10% auto 0;border-radius:5px;-webkit-border-radius:5px; -moz-border-radius:5px; -webkit-box-shadow: 0px 0px 25px #E4E3E3;-moz-box-shadow: 0px 0px 25px #E4E3E3;box-shadow: 0px 0px 25px #E4E3E3;}
.loginlogo{padding: 20px 0 40px 0}
.form-signin .form-signin-heading{margin:0;padding:10px 15px;background:rgba(252, 252, 252, 0.2);border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;}
.form-signin .form-signin-bottom{margin:0;padding:10px 15px;background:rgba(252, 252, 252, 0.2);border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
.form-signin .form-signin-bottom,.form-signin-bottom a{color: #fff;}
.form-signin .checkbox{margin-bottom:14px;}
.form-signin .checkbox{font-weight:normal;color:#b6b6b6;font-weight:300;font-family:'Open Sans',sans-serif;}
.form-signin .form-control{position:relative;font-size:16px;height:auto;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form-signin .form-control:focus{z-index:2;}
.form-signin input[type="text"],.form-signin input[type="password"]{border-radius:0px;-webkit-border-radius:0px;box-shadow:none;font-size:12px;border:none;}
.form-signin .form-group .input-group{background: #fff;border: 1px solid #EAEAEA;padding: 6px 0;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;-webkit-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;}
.form-signin .input-group-addon{border:0;background:#fff;border-right: dotted 1px #DDD;color: #ccc;}
.form-signin .input-group #logincode{border-right: 0;padding: 0;padding-right: 7px;cursor: pointer;}
.form-signin .form-group{margin-bottom: 20px;}
.form-signin .form-group .input-group.focused {border-color: #75B9F0;box-shadow: 0 0 0 2px rgba(82, 168, 236, 0.15);}
.form-signin .form-group .input-group.validate-has-error {border-color: #EC7876;box-shadow: 0 0 0 2px rgba(236, 89, 86, 0.35);border: #EC7876 1px dotted;}
.form-signin .btn-login{text-transform:uppercase;font-weight:300;margin-bottom:20px;font-size: 14px;padding: 15px;}
.login-wrap{padding:20px 145px;background:rgba(252, 252, 252, 0.2);}
.form-signin input::-webkit-input-placeholder{color:#ccc;}:-moz-placeholder{color:#ccc;}::-moz-placeholder{color:#ccc;}:-ms-input-placeholder{color:#ccc;}
#iframecontent{position:relative; overflow:hidden;padding-top: 0px;}
#iframecontent iframe{border:none;}

/*-------------------------------------2.后台管理主页面-------------------------------------*/
/*      顶部        */
.logo{width: 155px;}
#main-content{margin-left:210px;}
.header,.footer{min-height:60px;padding:0 20px;}
.header{position:relative;z-index:1002;box-shadow: 0 2px 4px rgba(6, 8, 8, 0.1);-webkit-box-shadow:0 2px 4px rgba(6, 8, 8, 0.1);-moz-box-shadow:0 2px 4px rgba(6, 8, 8, 0.1);margin-bottom: 1px;}
/*.pxgrids-bg{background:#3B4658;}*/
/*.pxgrids-bg{background:#3B4658;}*/
.pxgrids-bg{background:#609EE9;}
.wrapper{display:inline-block;padding:20px;width:100%;}
.logo img{padding: 15px 0 15px 0;}
.topnav{margin-top: 14px;}
.topnav ul li{float: left;margin-left: 15px;}
.topnav ul li a{padding: 8px 15px 5px 15px;background-color: #4F647A;box-shadow: 0 4px #455A6F;-webkit-box-shadow:0 4px #455A6F;-moz-box-shadow:0 4px #455A6F;color: #C8CCD1;border-color: #516477;font-size: 12px;}
.topnav ul li a:hover{color: #fff;background-color: #455A6F;border-color: #4A5F75;}
#top_menu{padding: 0;margin: 0;}
.topmenunav{margin-left: 55px;}
.topmenunav ul li{float: left;}
.topmenunav ul li a{color: #fff;padding: 23px 30px 20px 30px;display: block;}
.topmenunav ul li a:hover{background-color: #2887c7;color: #FFF;}
.topmenunav ul li a.active{color: #FFF;background-color: #2887c7;font-weight: bold;}
.top-nav ul li{float: left;}
.top-nav ul li a{color: #FFF;display: block;padding: 21px 20px;}
.top-nav ul li a:hover{background-color: #2887c7;}
.top-nav ul li.userinfo a.dropdown-toggle:hover, .top-nav ul li.userinfo a.dropdown-toggle:focus,.top-nav ul li.open a{color: #fff;background-color: #1F2124;}
.top-nav ul li i{float: left;margin: 3px 5px 0px 0px;font-size: 14px;}
.top-menu{margin:0;}
.top-nav ul.top-menu > li .dropdown-menu.userullist{width:216px !important;margin-top: 18px;}
.top-nav li.dropdown .dropdown-menu{float:right;right:0;left:auto;}
.dropdown-menu.extended.userullist > li{float:none;text-align:left;border-bottom: 1px solid #46494F;}
.dropdown-menu.extended.userullist > li h5{background-color: #ff6c60;color: #fff;padding: 12px 15px;margin: 0;border-radius:0;}
.dropdown-menu.extended.userullist > li:last-child{border-radius:0 0 3px 3px;border-bottom: none;}
.dropdown-menu.extended.userullist > .usersettitle{border-bottom: none;}
.dropdown-menu.extended.userullist > li > a{color:#c8ccd1;border-bottom:none !important;font-size: 12px;background-color: #31343b;padding: 15px 10px !important;}
.full-width .dropdown-menu.extended.userullist > li > a:hover{background:none !important;color:#50c8ea !important;}
.dropdown-menu.extended.userullist > li > a:hover{background:#40444D  !important;color: #fff;}
.dropdown-menu.extended.userullist > li:last-child > a:hover{border-radius:0 0 3px 3px;border-bottom: none;}
.top-nav .username{position: relative;top: 2px;}
.userinfo .userimg{width: 40px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;border: 4px solid #44576b;}
.userinfo a{padding: 10px 22px !important;}
.log-arrow-up {position: absolute;right: 17px;top: -9px; background-position: -93px 0}
.log-arrow-up i{color: #FF6C60;font-size: 28px !important;line-height: 20px;}
.dropdown-menu.extended{max-width:300px !important;min-width:160px !important;top:42px;width:235px !important;padding:0;box-shadow:0 2px 5px rgba(0,0,0,0.176) !important;border:none !important;border-radius:3px;-webkit-border-radius:3px;}
.dropdown-menu.extended{box-shadow:0 2px 8px rgba(0,0,0,0.176) !important;}
;}
#userullist li a{padding: 15px !important;}

/*      顶部菜单Moblie样式        */
.mobliebtn {display: none;}
.mnav{width: 150px;}
.mobliebtn{margin: 7px 0px 0px 10px;}
.mobliebtn a:hover,.mobliebtn a:focus{background-color: #212328;}
.menu-nav{background: url(../images/menu-mobile.png) 0 0 no-repeat;display: block;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: -webkit-transform 250ms ease-out 0s !important;-moz-transition: -moz-transform 250ms ease-out 0s !important;-o-transition: -o-transform 250ms ease-out 0s !important;transition: transform 250ms ease-out 0s !important;z-index: 999;width: 42px;height: 42px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;-moz-box-shadow: 0 0 5px rgba(165, 165, 165, 0.2);-webkit-box-shadow: 0 0 5px rgba(165, 165, 165, 0.2);}
.menu-nav.open{background-position:1px -44px;-webkit-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-ms-transform:rotate(-180deg);-o-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition:-webkit-transform 250ms ease-out 0s;-moz-transition:-moz-transform 250ms ease-out 0s;-o-transition:-o-transform 250ms ease-out 0s;transition:transform 250ms ease-out 0s;z-index: 999;}
#navigation-mobile{position:absolute;background:rgba(0, 0, 0, 0.66);margin-left:auto;margin-right:auto;display:none;width:100%; margin-top: 0; border-radius:0;border: 0;min-height: 0;z-index: 888;}
#menu-nav-mobile{margin:0;padding:10px 0;width:100%}
#menu-nav-mobile li{list-style:none;border-top:1px solid #a5a5a5;width:100%;}
#menu-nav-mobile li:hover{background-color: rgba(255, 255, 255, 0.19);}
#navigation-mobile li:first-child{border-top:none}
#navigation-mobile li a{color:#FFFFFF;display:block;font-size:26px;padding:20px 0 24px 0;text-align:center;background-color: transparent;}
#navigation-mobile li a:hover{color:#fff}
#navigation-mobile li a.active{box-shadow: none !important;-webkit-box-shadow:none !important;}
#navigation-mobile li a:focus{}

/*      左侧菜单        */
#sidebar{width:210px;position:relative;background:#232D3C;border-right: 1px solid #42485b;display: block;float: left;}
#sidebar .appicon{margin-bottom: 20px;padding-top: 15px;}
#sidebar .appicon img{border: 5px solid #42485b;border-radius: 50%;-webkit-border-radius: 50%; border: none\9;}
#sidebar ul li{position:relative;}
#sidebar .sub-menu > .sub li{padding-left:32px;}
#sidebar .sub-menu > .sub li:last-child{padding-bottom:10px;}
ul.sidebar-menu,ul.sidebar-menu li ul.sub{margin:0;padding:0;}
ul.sidebar-menu{border-right:5px solid #42485b;height: 100%;}
#sidebar > ul > li > ul.sub{display:none;}
#sidebar > ul > li.active > ul.sub,#sidebar > ul > li > ul.sub > li > a{display:block;}
ul.sidebar-menu li ul.sub li{background:#35404D;margin-bottom:0;margin-left:0;margin-right:0;}
ul.sidebar-menu li ul.sub li:last-child{border-radius:0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;}
ul.sidebar-menu li ul.sub li a{font-size:12px;padding:6px 0;line-height:35px;height:35px;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;color:#aeb2b7;}
ul.sidebar-menu li ul.sub li a:hover,ul.sidebar-menu li ul.sub li.active a{color:#FF6C60;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;transition:all 0.3s ease;display:block;}
ul.sidebar-menu li{margin-bottom:5px;margin-left:10px;margin-right:0px;}
ul.sidebar-menu li.sub-menu{line-height:15px;}
ul.sidebar-menu li a span{display:inline-block;color:#fff;}
ul.sidebar-menu li a{color:#797979;text-decoration:none;display:block;padding:12px 0 12px 64px;font-size:12px;outline:none;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;-ms-transition:all 0s ease;transition:all 0s ease;border-left: 4px solid #232D3C;border-top: 1px solid #232D3C;border-bottom: 1px solid #232D3C;}
ul.sidebar-menu li a.active,ul.sidebar-menu li a:focus{background:#f1f2f7;color:#3B4658;display:block;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;-ms-transition:all 0s ease;transition:all 0s ease;border-top: 1px solid #42485b;border-left: 4px solid #e82100;border-bottom: 1px solid #42485b;margin-right: -6px;position: relative;background-image: url(../images/left_nav_border.png);_background-image: none;background-repeat: no-repeat;background-position: right bottom;}
/*#panel-5 li a{margin-right: 0px}*/
ul.sidebar-menu li a:hover span,ul.sidebar-menu li a:focus span{color:#d2c7c7;}
ul.sidebar-menu li a.active span{color:#3B4658;font-weight: bold;}
.hide{display: none;}
/*      右侧内容区域        */
.main-nav{background-color: #fafafc;border-bottom: 1px solid #e9eaee;padding: 10px 20px;width: 100%;display: inline-block;position: relative;z-index: 777;}
.main-nav i{padding-right: 7px;font-size: 14px;position: relative;top: 3px;}
.main-nav a,#main-content .main-nav span{color: #797979;padding: 0 2px;font-size: sans-serif,"宋体",Arial;}
#alert-warning{margin: 60px 0px auto auto;text-align: center;border-radius: 0;padding: 8px 20px;width: 40%;position: absolute;left: 210px;right: 0;z-index: 999;top: 1px;}
.crumbsbutton a{padding: 13px;}
.crumbsbutton a:hover{background-color: #E9EAEE;padding: 13px;}
.close-sm {font-size: 14px;}
.state-overview .symbol,.state-overview .value{display:inline-block;text-align:center;}
.state-overview .value{float:right;}
.state-overview .value h1,.state-overview .value p{margin:0;padding:0;color:#979DAF;font-family: Arial,Helvetica,sans-serif;}
.state-overview .value:hover h1,.state-overview .value:hover p{color:#A7ACBB;}
.state-overview .value h1{font-weight:300;}
.state-overview .symbol i{color:#fff;font-size:50px;}
.state-overview .symbol{width:40%;padding:25px 50px;-webkit-border-radius:4px 0px 0px 4px;border-radius:4px 0px 0px 4px;}
.state-overview .value{width:58%;padding-top:21px;}
.state-overview .userblue{background:#54ade8;}
.state-overview .commred{background:#ff6c60;}
.state-overview .articlegreen{background:#4dccb3;}
.state-overview .rsswet{background:#6385a7;}
.task-thumb-details h1,.task-thumb-details h1 a,.task-progress h1,.task-progress h1 a{color:#797979;font-size:16px;margin:0;padding:0;font-weight:400;}
.task-thumb-details p,.task-progress p{padding-top:5px;color:#a4aaba;}
.personal-task tbody tr td{padding:15px 20px;border-color:#eeeff1;}
.personal-task tbody tr td a{color: #797979;}
.personal-task tbody tr td a:hover{color: #3B4658;}
.personal-task.table-hover > tbody > tr:hover > td,.table-hover > tbody > tr:hover > th{background-color:#f7f8fc;}
.personal-task > tbody > tr > td:last-child{text-align:right;}
.tools a {margin-left: 10px;color: #e2e2e2;font-size: 12px;}
.tools a:hover{color: #A7A7A7;}
.panel>.panel-body+.table .badge{font-weight: 200;}
.progress{margin: 0;height: 12px;}
.progress-bar{background-color: #54ADE8;}
.panel-heading .sr-input{height:35px;border:none;box-shadow:none;padding:0 10px;float:left;border-radius:4px 0 0 4px;color:#797979;border:1px solid #eaeaea;width: 130px;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.panel-heading .sr-input:focus {width: 180px;box-shadow: none;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.panel-heading .sr-btn{height:35px;border:none;background:#3498DB;color:#fff;padding:0 10px;border-radius:0;-webkit-border-radius:0;}
.panel-heading .adsr-btn{height:35px;border:none;background:#3498DB;color:#fff;padding:6px 10px 10px 10px;border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;}

/*			统计			*/
.custom-bar-chart{height:245px;margin-left:10px;position:relative;padding-bottom: 49px;}
.custom-bar-chart .bar{height:100%;position:relative;width:6%;margin:0px 4%;float:left;text-align:center;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0x;border-radius:5px 5px 0 0;z-index:10;padding-left: 20px;}
.custom-bar-chart .bar .title{position:absolute;bottom:-30px;width:100%;text-align:center;font-size:12px;}
.custom-bar-chart .bar .value{position:absolute;bottom:0;background:#E7EBF4;color:#bfc2cd;width:100%;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.custom-bar-chart .bar .value:hover{background:#54ADE8;color:#fff;}
.y-axis{color:#555555;position:absolute;text-align:right;width:100%;}
.y-axis li{border-top:1px dashed #dbdce0;display:block;height:39px;width:100%;}
.y-axis li span{display:block;margin:-10px 0 0 -25px;padding:0 10px;width:40px;}
.y-axis{color:#555555;text-align:right;padding-left: 20px;}

.site-footer ,.site-footer a{color: #797979;padding: 10px 0;}
.site-footer a:hover{color: #3B4658;}
/*-------------------------------------3.列表页-------------------------------------*/
.task-content{margin-bottom:30px;}
.tasks-widget .panel-body{padding: 20px;}
.tasks-widget .panel-heading{border-bottom: 1px solid #EEEFF1;}
.tasks-widget .task-content:after{clear:both;}
.tasks-widget .task-footer{margin-top:5px;}
.tasks-widget .task-footer:after,.tasks-widget .task-footer:before{content:"";display:table;line-height:0;}
.tasks-widget .task-footer:after{clear:both;}
.tasks-widget .task-list{padding:0;margin:0;}
.tasks-widget .task-list > li{position:relative;padding:10px 20px;border-bottom:1px dotted #eaeaea;}
.tasks-widget .task-list li.last-line{border-bottom:none;}
.tasks-widget .task-list li > .task-bell{margin-left:10px;}
.tasks-widget .task-list li > .task-checkbox{float:left;width:30px;}
.tasks-widget .task-list li > .task-title{overflow:hidden;margin-right:10px;}
.tasks-widget .task-list li > .task-config{position:absolute;top:10px;right:10px;}
.tasks-widget .task-list li .task-title .task-title-sp{margin-right:5px;}
.tasks-widget .task-list li.task-done .task-title-sp{text-decoration:line-through;color:#bbbbbb;}
.tasks-widget .task-list li.task-done{background:#f6f6f6;}
.tasks-widget .task-list li.task-done:hover{background:#f4f4f4;}
.tasks-widget .task-list li:hover{background:#f9f9f9;}
.tasks-widget .task-list li .task-config{display:none;}
.tasks-widget .task-list li:hover > .task-config{display:block;margin-bottom:0 !important;}

/*-------------------------------------4.锁屏-------------------------------------*/
.lock-screen{background:#F1F2F7 url(../images/lockscreenbg.jpg) repeat fixed;background-size:cover;background-repeat:repeat;}
.lock-wrapper{margin:10% auto;max-width:370px;}
.lock-box{background:rgba(255,255,255,.3);padding:20px;border-radius:3px;-webkit-border-radius:3px;position:relative;height: 190px;}
.lock-wrapper img{position:absolute;left:35%;top:-40px;border-radius:50%;-webkit-border-radius:50%;border:5px solid #fff;}
.lock-wrapper h1{text-align:center;color:#fff;font-size:18px;text-transform:uppercase;padding:50px 0 0 0;margin-bottom: 23px;}
.lock-input{width:80% !important;border:none;float:left;margin-right:3px;border-radius: 0;}
#time{width:100%;color:#fff;font-size:60px;margin-bottom:80px;display:inline-block;text-align:center;}

/*-------------------------------------5.选项开关-------------------------------------*/
.has-switch{border-radius:30px;-webkit-border-radius:30px;display:inline-block;cursor:pointer;line-height:1.231;overflow:hidden;position:relative;text-align:left;width:80px;-webkit-mask:url(../images/mask.png) 0 0 no-repeat;mask:url(../images/mask.png) 0 0 no-repeat;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
.has-switch.deactivate{opacity:0.5;filter:alpha(opacity=50);cursor:default !important;}
.has-switch.deactivate label,.has-switch.deactivate span{cursor:default !important;}
.has-switch > div{width:162%;position:relative;top:0;}
.has-switch > div.switch-animate{-webkit-transition:left 0.25s ease-out;-moz-transition:left 0.25s ease-out;-o-transition:left 0.25s ease-out;transition:left 0.25s ease-out;-webkit-backface-visibility:hidden;}
.has-switch > div.switch-off{left:-63%;}
.has-switch > div.switch-off label{background-color:#7f8c9a;border-color:#bdc3c7;-webkit-box-shadow:-1px 0 0 rgba(255,255,255,0.5);-moz-box-shadow:-1px 0 0 rgba(255,255,255,0.5);box-shadow:-1px 0 0 rgba(255,255,255,0.5);}
.has-switch > div.switch-on{left:0%;}
.has-switch > div.switch-on label{background-color:#fff;}
.has-switch input[type=checkbox]{display:none;}
.has-switch span{cursor:pointer;font-size:14.994px;font-weight:700;float:left;height:29px;line-height:19px;margin:0;padding-bottom:6px;padding-top:5px;position:relative;text-align:center;width:50%;z-index:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:0.25s ease-out;-moz-transition:0.25s ease-out;-o-transition:0.25s ease-out;transition:0.25s ease-out;-webkit-backface-visibility:hidden;}
.has-switch span.switch-left{border-radius:30px 0 0 30px;background-color:#3498DB;color:#fff;border-left:1px solid transparent;}
.has-switch span.switch-right{border-radius:0 30px 30px 0;background-color:#bdc3c7;color:#ffffff;text-indent:7px;}
.has-switch span.switch-right [class*="fui-"]{text-indent:0;}
.has-switch label{border:2px solid #3498DB;border-radius:50%;-webkit-border-radius:50%;float:left;height:29px;margin:0 -21px 0 -14px;padding:0;position:relative;vertical-align:middle;width:29px;z-index:100;-webkit-transition:0.25s ease-out;-moz-transition:0.25s ease-out;-o-transition:0.25s ease-out;transition:0.25s ease-out;-webkit-backface-visibility:hidden;}
.switch-square{border-radius:6px;-webkit-border-radius:6px;-webkit-mask:url(../images/mask.png) 0 0 no-repeat;mask:url(../images/mask.png) 0 0 no-repeat;}
.switch-square > div.switch-off label{border-color:#7f8c9a;border-radius:6px 0 0 6px;}
.switch-square span.switch-left{border-radius:6px 0 0 6px;}
.switch-square span.switch-left [class*="fui-"]{text-indent:-10px;}
.switch-square span.switch-right{border-radius:0 6px 6px 0;}
.switch-square span.switch-right [class*="fui-"]{text-indent:5px;}
.switch-square label{border-radius:0 6px 6px 0;border-color:#3498DB;}
/*-------------------------------------6.tag标签-------------------------------------*/
.tagsinput{border:1px solid #e3e6ed;border-radius:0px;height:100px;padding:6px 1px 1px 6px;overflow-y:auto;text-align:left;cursor: text;}
.tagsinput .tag{border-radius:4px;background-color:#3498DB;color:#ffffff;cursor:pointer;margin-right:5px;margin-bottom:5px;overflow:hidden;line-height:15px;padding:6px 13px 8px 19px;position:relative;vertical-align:middle;display:inline-block;zoom:1;*display:inline;-webkit-transition:0.14s linear;-moz-transition:0.14s linear;-o-transition:0.14s linear;transition:0.14s linear;-webkit-backface-visibility:hidden;}
.tagsinput .tag:hover{background-color:#308CCA;color:#ffffff;padding-left:12px;padding-right:20px;}
.tagsinput .tag:hover .tagsinput-remove-link{color:#ffffff;opacity:1;display:block\9;}
.tagsinput .tag span,.tagsinput-remove-link:before{vertical-align: middle;}
.tagsinput input{background:transparent;border:none;color:#3B4658;font-size:12px;margin:0px;padding:0px;outline:0;margin-right:5px;margin-bottom:5px;width:100%;}
.tagsinput-remove-link{bottom:0;color:#ffffff;cursor:pointer;font-size:12px;opacity:0;padding:7px 7px 5px 0;position:absolute;right:0;text-align:right;text-decoration:none;top:0;width:100%;z-index:2;display:none\9;}
.tagsinput-remove-link:before{color:#ffffff;content:"\f00d";font-family:"pxgridsicons";}
.tagsinput-add-container{vertical-align:middle;display:inline-block;zoom:1;*display:inline;}
.tagsinput-add{background-color:#d6dbdf;border-radius:3px;color:#ffffff;cursor:pointer;margin-bottom:5px;padding:6px 9px;display:inline-block;zoom:1;*display:inline;-webkit-transition:0.25s;-moz-transition:0.25s;-o-transition:0.25s;transition:0.25s;-webkit-backface-visibility:hidden;}
.tagsinput-add:hover{background-color:#3498DB;}
.tagsinput-add:before{content:"\e623";font-family:"pxgridsicons";}
.tags_clear{clear:both;width:100%;height:0px;}

/*-------------------------------------7.自定义复选框-------------------------------------*/
.checkboxes label,.radios label{display:block;cursor:pointer;line-height:20px;padding-bottom:7px;font-weight:300;}
.radios{padding-top:18px;}
.label_check input,.label_radio input{margin-right:5px;}
.has-js .label_check,.has-js .label_radio{padding-left:34px;}
.has-js .label_radio{background:url(../images/radio-off.png) no-repeat;}
.has-js .label_check{background:url(../images/check-off.png) no-repeat;}
.has-js label.c_on{background:url(../images/check-on.png) no-repeat;}
.has-js label.r_on{background:url(../images/radio-on.png) no-repeat;}
.has-js .label_check input,.has-js .label_radio input{position:absolute;left:-9999px;}
.radioscross label{float: left; width: auto;cursor: pointer;height: 25px;padding-right: 10px;}

/*-------------------------------------8.提示窗口-------------------------------------*/
.prompt h4{color: #7e7e7e; line-height: 1.4}
.prompt .promptmain{width: 50%;-webkit-box-shadow: 0px 0px 25px #d2d1d1;-moz-box-shadow: 0px 0px 25px #d2d1d1;box-shadow: 0px 0px 25px #d2d1d1;position: relative;margin: 13% auto 0 auto;}
.prompt .prompthead{margin: 0;padding: 17px 15px;background: #2E6A8C;border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;}
.prompt .promptfooter{margin: 0;padding: 6px 15px;background: #F9F9F9;border-radius:0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;}
.prompt .promptfooter a{color: #B5B8BE;}
.prompt .prompcontainer{background-color: #FCFCFC;padding: 40px 20px;}
.prompt .prompcontainer button{margin:-67px -15px 0 0;}
.prompt a{line-height: 28px;}
.prompt i{font-size: 18px;padding: 0 10px;}

@media (max-width: 991px){
    .prompt .promptmain{width: 60%;}
}
@media (max-width: 767px){
    .prompt .promptmain{width: 85%;}
}

/*-------------------------------------9.JQ UI-------------------------------------*/
.slider-info{margin-bottom: 6px;}
.ui-widget-header{background:#54ADE8 !important;border-radius:15px !important;-webkit-border-radius:15px !important;}
#eq span{height:120px;float:left;margin:15px}
.ui-widget-content{background:#f0f2f7 !important;border:none !important;border-radius:15px !important;-webkit-border-radius:15px !important;}
.ui-slider-horizontal{height:8px !important;margin-bottom: 5px;}
.ui-slider-horizontal .ui-slider-handle{top:-0.57em !important;}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{background:#fff !important;border:3px solid #54ADE8 !important;border-radius:50% !important;-webkit-border-radius:50% !important;-webkit-transition:all 0s;transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;}
.ui-slider-vertical{width:8px !important;}
.ui-slider-vertical .ui-slider-handle{left:-0.5em !important;}
.ui-slider .ui-slider-handle{cursor:default;height:1.6em;position:absolute;width:1.6em;z-index:2;}
.bound-s{width:90px;margin-bottom:15px;}
#ui-id-1{width: 26% !important;border-radius: 0px !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;padding: 15px 10px 15px 15px;border: 5px solid #EAEDF4 !important;}
#ui-id-1 li{border-bottom: 1px }
#ui-id-1 li a{padding: 5px;display: block;cursor: pointer;}
/*-------------------------------------10.树形列表-------------------------------------*/
.treelistframe{border-right: 3px solid #e6e8ed;}
#treelisthead{background-color: #277eb9;color: #fff;}
.treelistmain{margin-left: 2px;}
.treelistmain .categoryserach{padding: 15px 15px 0px 15px;}
.treelistmain .categoryserach input{width: 157px;}
.treelistmain .categoryserach input::-webkit-input-placeholder {color:#a9a9a9;}
.treelistmain .categoryserach input:-moz-placeholder {color:#a9a9a9;}
.treelistmain .treetools{padding: 15px 15px 20px 15px;}
.treelistmain .treetools ul{padding: 0;margin-left: -10px;}
.treelistmain .treetools ul li{float: left;}
.treelistmain .treetools ul li a{position: relative;padding: 10px 10px 10px 13px;}
.treelistmain .treetools ul li a i{font-size: 20px;color: #787B89;}
.treelistmain .treetools ul li a:hover i{color:#FF6C60; }
.treelistmain .treetools ul li.active a i {color: #FF6C60;}
.treelistmain .treelist{float: left;}
.treelistmain .badge.bg-important {background: #FF6C60;}
.treelistmain .treetools .badge {position: absolute;right: 0px;top: -6px;z-index: 100;font-weight: 100;padding: 2px 5px;}
.adser{position: absolute;right: 17px;top: -7px;background-position: -93px 0}
.adser i{color: #3B4658;font-size: 28px !important;line-height: 20px;}
#adsearch{width: 100px !important;min-width: 100px !important;background-color: #3B4658;margin-left: 105px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important;}
#adsearch li a{color: #fff;}
#adsearch li a:hover{background-color: #293B4E;}
/*-------------------------------------11.内容管理-------------------------------------*/
.addcontent .dropdown-toggle,.examine .dropdown-toggle{color: #fff !important;}
.addcontent .dropdown-toggle:hover,.examine .dropdown-toggle:hover{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.addcontent .caret,.examine .caret{margin: 0 0 0 10px; transition: transform .2s ease-in 0s;-webkit-transition: -webkit-transform .2s ease-in 0s;}
.addcontent .dropdown-toggle:hover .caret,.examine .dropdown-toggle:hover .caret{transform:rotate(180deg);-webkit-transform:rotate(180deg);filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2)}
.addcontent .dropdown-menu{min-width: 105px; width: 105px; margin-top: 5px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-color: #247EBC;border-top: 2px solid #247EBC;}
.addcontent .dropdown-menu>li>a{padding: 5px 0}
.addcontent .dropdown-menu>li>a>i{color: #3B4658;font-size: 14px;}
.examine .dropdown-menu{min-width: 105px; width: 105px; margin-top: 5px;border-top-left-radius: 0px;border-top-right-radius: 0px;border-color: #16A286;border-top: 2px solid #16A286;}
.examine .dropdown-toggle{width: 105px; min-width: 105px;}
.examine .dropdown-menu>li>a{padding: 5px 10px;}
.contentkeyword .tagsinput-add{padding: 5px 8px;margin-bottom: 13px;}
.contentkeyword .tag{margin-bottom: 15px;padding: 4px 3px 6px 11px;}
.contentkeyword .tag .tagsinput-remove-link{margin-top: -2px;}
#contenttable #titlecss .input-group-addon{background-color: #fff;border-left: 1px solid #E2E2E4;border-top: 1px solid #E2E2E4;border-bottom: 1px solid #E2E2E4;}
#contenttable .contentsubmit input{width: 140px;}
#contenttable #titlecss input{background:url("../images/titlebg.gif") no-repeat scroll 5px 6px #fff;padding-left: 4px;}
#contenttable #titlecss .titlecolor{border-right: 1px solid #E2E2E4;border-top: 1px solid #E2E2E4;border-bottom: 1px solid #E2E2E4;border-left: none;background:url("../images/titlecolor.gif") no-repeat;width: 33px;height: 34px;}
#contenttable .contentsubmit .btn{padding:7px 18px;}
.contentsubmit{padding: 30px 0;border-top: 1px dotted #EAEAEA;}
/*-------------------------------------12.一些细节-------------------------------------*/
/*---- 附件管理------*/
.attaclist ul{padding: 0;}
.attaclist ul li{padding-top: 10px;
    background: #F2F2F2;
    margin: 10px 0px;}
.attachment_thumb{border: 1px solid #DDD;padding: 5px;border-radius:4px;}
.attaclist img{min-width: 80px;width: 80px;height: auto;border: 1px solid #DDD;padding: 2px;border-radius:2px;margin: 10px 0;vertical-align: middle;}
.attaclist textarea{vertical-align: middle;width: 500px;border: solid 1px #E2E2E4;height: 32px;padding: 6px;}
.attaclist textarea:focus{border-color: #3498DB;}
.form-inline .uploaduser,.form-inline .filename,.form-inline .tags{width: 100px;}
/*---- Tabs------*/
#myTab {margin-bottom: 20px;}
/*---- Caces------*/
@-webkit-keyframes rotate {from {-webkit-transform:rotate(360deg);}to {-webkit-transform:rotate(0deg);}}
#cachesicon a:hover i{position: relative;overflow: hidden;top: 1px;width: 12px;height: 11px;display: inline-block;margin: 1px 5px 1px 0px;padding: 0;-webkit-animation-name: rotate;-webkit-animation-duration: .6s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
/*---- Tags------*/
.panel-heading form .date{width: 130px;}
#tagselect{height: 25px;padding: 2px 4px;}
/*---- 批量更新------*/
.createhtmllist select{height: 250px;}
.createhtmllist select option{}
.createhtmlbtn{padding: 20px;}
@-webkit-keyframes rotate {from {-webkit-transform:rotate(360deg);}to {-webkit-transform:rotate(0deg);}}
.createhtmlbtn button:hover i,.akeyupdate button:hover i{position: relative;overflow: hidden;top: 1px;width: 14px;height: 13px;display: inline-block;margin: 1px 5px 1px 0px;padding: 0;-webkit-animation-name: rotate;-webkit-animation-duration: .6s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;}
/*---- 区块管理------*/
.blockcode textarea{width: 240px;}
/*---- 应用商城------*/
.appshopmsg{font-size: 16px;line-height: 32px;}
/*---- 管理会员------*/
.usernamekey{width: 100px;}
#regTimeStart,#regTimeEnd,#loginTimeStart,#loginTimeEnd{width: 90px;}

.addpos a{color:#797979;}
.addpos a:hover{color:rgb(203, 13, 13);}
.pd10{padding: 10px;}
.remove_file{display: block;position: absolute;right: 10px;}


/*我的站点*/
.my-site{position:relative; min-height:133px;}
.site-thum{width:211px; position:absolute; left:0; }
.site-thum .site-thum-img{margin-bottom:8px;transition:transform 0.3s linear;-webkit-transition:transform 0.3s linear;-o-transition:transform 0.3s linear; -ms-transition:transform 0.3s linear;-moz-transition:transform 0.3s linear;}
.site-thum .btn{padding-left:8px; padding-right:8px;}
.site-thum .btn svg{margin:0 0 -3px 0;}
.site-thum-pc{width:119px; float:left;}
.site-thum-pc:hover .site-thum-img,.site-thum-mobile:hover .site-thum-img{box-shadow:0px 4px 12px 0px rgba(204,209,217,0.40); transform:translateY(-2px); transition:all,.2s;}
.site-thum-pc .site-thum-img{width:119px; height:81px; background:url(../images/pc-thum@2x.png) no-repeat center center; background-size:cover;}
.site-thum-mobile{width:60px; float:left; margin:0 16px;}
.site-thum-mobile .site-thum-img{width:60px; height:81px; background:url(../images/mobile-thum@2x.png) no-repeat center center; background-size:cover;}

.site-info{padding-left:224px; margin-top:-4px;}
.site-info-item{line-height:24px; font-size:12px; margin-bottom:7px;}
.site-info-item:nth-child(2){height:24px;}
.site-info-item:last-child{margin-bottom:0; height:24px;}
.site-info-item .site-info-name{display:inline-block; float:left;  /*width:60px;*/ margin-right:0px; color:#656D78;/*text-align:justify;text-justify:distribute-all-lines;text-align-last:justify; -moz-text-align-last:justify; -webkit-text-align-last:justify;text-justify:inter-ideograph;*/}
.site-info-item .site-info-desc{position:relative; display:inline-block; max-width:360px; height:24px; color:#323133;}
.site-info-item .site-info-desc svg{ margin-left:8px;}
.btn-sm.btn-redesign{position:relative; padding-left:27px; margin:-3px 0 0 10px;}
.btn-redesign:after{display:block; content:""; position:absolute; top:50%; margin-top:-8px; left:9px; width:16px; height:16px; background:url(../assets/re-design.svg) no-repeat center center;}
.site-info-item .site-info-desc .site-info-addr{display:inline-block; max-width:165px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.site-info-addr{ color:#609ee9;}
.site-info-addr:hover{cursor:pointer; color:#4b8dde;}
/*客服*/
.my-service{position:relative; min-height:133px;}
.service-photo{width:54px; height:54px; position:absolute; left:0;}
.service-photo img{width:54px; height:54px; border-radius:100px; object-fit:cover;}
.service-item{font-size:12px; position:absolute; left:65px;}
.service-item .service-name{display:block; height:25px; line-height:25px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.service-item .service-name span{display:inline-block;height:25px; line-height:25px;}
.service-item .service-qq{display:block; height:25px; line-height:25px; text-align:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.service-item .service-qq span{display:inline-block;height:25px; line-height:25px;}
.service-item .service-time{display:block; height:25px; line-height:25px; text-align:left;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.service-item .service-time span{display:inline-block;height:25px; line-height:25px;}
.service-info{width:84px; margin:0 auto; padding-top:10px;}
.service-info .service-info-item{display:inline-block; position:relative; text-align:center; width:16px; height:16px; margin-right:14px;}
.service-info .service-info-item:last-child{margin-right:0;}
.service-info .service-info-item:after{display:block; content:""; position:absolute;top:5px; width:16px; height:16px; background:no-repeat center center;}

/*智能客服*/
.text-overflow{overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.text-overflow-none{overflow:initial !important;}
.innerAll-bottom {padding-bottom: 10px !important;}
.margin-right {margin-right: 5px !important;}

/*form-control*/
.panel-footer .form-control{ border-color:#CCD1D9; box-shadow:none; border-radius:4px; color:#434A54; font-size:12px;height: 34px;padding: 0px 12px;line-height: 34px;}
.panel-footer .form-control:focus{box-shadow:0px 0px 4px 0px rgba(96,158,233,0.50);}
.panel-footer .form-control::-webkit-input-placeholder{ color:#AAb2BD;}
.panel-footer .form-control::-moz-placeholder{color:#AAb2BD;}
.panel-footer .form-control::-webkit-input-placeholder{color:#AAb2BD;}
.panel-footer .form-control::-webkit-input-placeholder{color:#AAb2BD;}
.panel-footer .control-label .control-star{color:#fa6f57; margin-right:5px;}
.panel-footer .control-label .icon-info{position:absolute;}
.panel-footer .form-textbox{border:1px solid #CCD1D9; background:#FFF; padding:6px 12px; height:34px; line-height:22px; border-radius:4px; color:#434A54; font-size:12px; color:#656D78;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
/*search*/
.panel-footer .search{position:relative; }
.panel-footer .search .form-control{padding-left:34px; background:#f6f7fb; border:none; border-radius:50px;}
.panel-footer .search .form-control:focus{box-shadow:none;}
.panel-footer .search .icon{position:absolute; right:0px; top:10px; left:9px !important;}
.panel-footer .search .btn {border-radius: 50px;}

.service-scroll{position:relative; height:100%; overflow:hidden;}
.intel-service{position:fixed; z-index:9999; right:18px; bottom:6px;}
.intel-service .service-btn{display:block; width:50px; height:50px; background:url(http://img.bj.wezhan.cn/Administration/Content/_v2/assets/intel-service50.svg) no-repeat center center; transform: rotateY(360deg); -webkit-transform: rotateY(360deg);}
.intel-service .service-btn.close{display:block; width:50px; height:50px; background:url(http://img.bj.wezhan.cn/Administration/Content/_v2/assets/intel-close50.svg) no-repeat center center;filter:alpha(opacity=100); opacity:1;transform: rotateY(180deg); -webkit-transform: rotateY(180deg);}
.intel-service .service-btn.close .service-btn-text,.service-btn.close:hover .service-btn-text{filter: alpha(opacity=0); -moz-opacity:0;  -webkit-opacity:0; -ms-opacity: 0; -o-opacity: 0; opacity: 0;}
.intel-service .service-btn .service-btn-text{word-break:break-all; filter: alpha(opacity=0); -moz-opacity:0;  -webkit-opacity:0; -ms-opacity: 0; -o-opacity: 0; opacity: 0;background-color:#2ECC71; width:50px; height:50px; padding-top:7px; border-radius:50px; vertical-align:middle;  color:#FFF; font-size:13px; text-align:center; line-height:1.4; -webkit-transition:all 200ms linear;-moz-transition: all 200ms linear;-o-transition: all 200ms linear;-ms-transition: all 200ms linear;transition: all 200ms linear; }
.service-btn:hover .service-btn-text{filter: alpha(opacity=100); -moz-opacity:1;  -webkit-opacity:1; -ms-opacity:1; -o-opacity:1; opacity:1;}
.panel.panel-service{display:none; position:fixed; right:18px; bottom:44px; width:350px; box-shadow:0px 8px 20px 0px rgba(44,62,79,0.12);  border:1px solid #E6E9ED; border-radius:4px;}
.panel.panel-service.open{display:block;}
.panel.panel-service .panel-heading{background:#39CA74; min-height:34px; line-height:34px; padding:8px 24px;color:#FFF;}
.panel.panel-service .panel-heading .btn{margin-top:5px;border-radius: 50px;}
.panel.panel-service .panel-body{padding:15px 24px; border-top:none; background:#FFFFFF; border-radius:0 0 4px 4px;}
.panel.panel-service .panel-body .answer-list{padding:3px 0px 0px 0px;}
.panel.panel-service .panel-body .answer-list li{ font-size:12px; line-height:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.panel.panel-service .panel-body .answer-list li a{color:#aab2bd;}
.panel.panel-service .panel-body .answer-list li a:hover{color:#609ee9;}
.panel.panel-service .panel-footer{font-size:12px; padding:12px 24px;border-top: 1px #eef0f3 solid;background: none;}
.dropdown-menu.dropdown-menu-ul.dropdown-menu-ul02{width:235px; border-radius:4px; top:auto; bottom:1px; box-shadow:none; border:1px solid #eef0f3; padding-bottom:0px; overflow:hidden;}
.dropdown-menu.dropdown-menu-ul.dropdown-menu-ul02 li{border:none; font-size:12px; height:28px; ;line-height:28px;}
.dropdown-menu.dropdown-menu-ul.dropdown-menu-ul02 li a{width:233px; overflow:hidden; text-overflow:ellipsis;  height:28px; ;line-height:28px;}
.dropdown-menu.dropdown-menu-ul.dropdown-menu-ul02 li a span{color:#fa6f57;}
.search-result-tips{border-top:1px #eef0f3 solid;}

.btn-greenwhite{color:#39CA74; background-color:#FFF; border-color:#FFF;}
.btn-greenwhite:hover{color:#39CA74;background-color:#FFF; border-color:#FFF;}
.btn-greenwhite.focus, .btn-greenwhite:focus{color:#39CA74;background-color:#FFF; border-color:#FFF;}
.btn-greenwhite.active.focus, .btn-greenwhite.active:focus, .btn-greenwhite.active:hover, .btn-greenwhite.focus:active, .btn-greenwhite:focus:active, .btn-greenwhite:hover:active, .open > .dropdown-toggle.btn-greenwhite.focus, .open > .dropdown-toggle.btn-greenwhite:focus, .open > .dropdown-toggle.btn-greenwhite:hover{color:#39CA74;background-color:#FFF; border-color:#FFF;}

/*新手引导*/
.guide-video{width:260px; position:relative; float:left;}
.guide-video img{width:260px; height:158px;object-fit:cover;}
.guide-video .icon-play{position:absolute; left:50%; margin-left:-22px; top:50%; margin-top:-37px;}
.guide-viewbtn{ height:34px;}
.guide-viewbtn .icon-modal-block-success{display:none;}
.guide-viewbtn.block{background:#4F88DA; border-color:#4F88DA;  }
.guide-viewbtn.block .icon-modal-block-success{display:inline-block; margin-right:2px;}


/* 首页第一排panel */
.ny-panel{margin:0 0 20px;background-color:#fff;border:1px solid #eee;border-radius:2px}
.personal-detail{height:140px}
.user-detail-container{background-color:#aec785;color:#fff}
.secretary-detail{position:relative;background-color:#66d6ff}
.user-avatar{height:100%;line-height:140px;width:130px;vertical-align:middle}
.user-detail{padding-top:40px}
.user-detail-greetings{font-size:18px}
.margin-bottom-20 {margin-bottom: 20px;}
.username-outer{display:inline-block;vertical-align:middle}
.user-connect{height:53px;padding:0 15px;line-height:53px;font-size:14px}
.user-connect:first-child{border-bottom:1px solid #eee}
.connect-icon{display:inline-block;padding-left:30px;background:no-repeat left center}
.connect-icon-mobile{background-image:url(../images/home_icon_mobile.gif);background-position:2px center}
.connect-icon-email{background-image:url(../images/home_icon_email.gif)}
.user-detail-icon{display:inline-block;width:50%;padding-left:30px;background:no-repeat left center}
.user-operate{padding:20px 0 0 29px}
.user-operate-name{margin-right:6px;color:#999}
.secretary-panel{position:relative}
.secretary-detail img{position:absolute;bottom:-25px;left:50%;width:123px;height:120px;margin-left:-61px}
.secretary-operate{padding:28px 0px 0px 120px; line-height:24px;height: 106px;}
.secretary-operate-buttons{margin-top:10px}
.secretary-operate-buttons a{width:120px}
.connect-secretary{padding:0 28px;margin-right:40px}
.secretary-feedback{vertical-align:middle}

.detail-tabs{border:none; height:50px; line-height:50px; font-size:14px; text-align:left; padding-left:20px;}
.coupon-panel{padding:40px 50px}
.renew-panel,.wo-panel{padding:0px 20px 0}
.products-renew-lists{padding:0}
.products-renew-lists li{height:62px;line-height:60px;border-top:1px dashed #eee}
.products-renew-lists li:first-child{border-top:none}
.products-renew-lists a{font-size:14px}
.product-limit{color:#999;font-size:12px}

.user-detail-count{color: #ff8800;font-size: 22px;line-height: 1;}
.user-detail-item{padding-left:38px;background:no-repeat left center}
.user-wo-detail{padding-left:30px}
.user-word{background-image:url(../images/home_user_word.png)}
.user-word-check{background-image:url(../images/home_word_check.png)}
.user-picture{background-image:url(../images/home_user_picture.png)}
.user-guestbook{background-image:url(../images/home_user_guestbook.png)}

.user-wo-undone{background-image:url(../images/home_icon_wo_total.png)}
.user-wo-unevaluated{background-image:url(../images/home_icon_wo_month.png)}
.user-wo-closed{background-image:url(../images/home_icon_wo_list.png)}

/*数据统计*/
.products-detail-panel{padding:0 10px}
.home-panel-heading{height:49px;border-bottom:1px solid #eee;padding-left:30px;padding-right:20px;background-color:#fafafa;line-height:48px;color:#606f80;font-size:16px}
.home-panel-heading a{margin-top:19px}
.products-detail-panel ul{padding:3px 0 3px 0;width:50%}
.products-detail-panel li{height:58px;line-height:57px;border-top:1px dashed #eee}
.products-detail-panel li:first-child{border-top:none}
.user-products-lists{border-right:1px solid #eee}
.user-products-lists li{padding-right:8px}
.user-products-lists-last{border-bottom:1px dashed #eee}
.user-wo-lists li{padding-left:15px}

.fullscreen-bg{ background-position:50% 50%; background-size:cover; bottom:0; right:0; position:fixed; position:absolute\9; width:100%\9; height:100%\9; overflow:hidden; left:0; top:0;}
.fullscreen-bg:before{background:url(https://css.mafengwo.net/images/signup/full_page_vignette.png) 0 0 rgba(0, 0, 0, 0.2); background-size:100%;  bottom:0; content:""; left:0; opacity:0.5; position:fixed;right: 0; top: 0;}
.fullscreen-bg:after{bottom:0; content:""; left:0; position:fixed; right:0; top:0;}
.fullscreen-bg img{ display:none; display:block\9; -ms-interpolation-mode:bicubic; filter:progid:DXImageTransform.Microsoft.Fade(duration=0.3);height: auto;margin: 0;visibility: visible;opacity: 1;}
/* PhotoBy */
.photoby{ position:absolute; bottom:10px; right:10px; font-size:12px; color:#fff; line-height:2em; z-index:3;}
.photoby img{ vertical-align:middle; margin-right:6px; }
.photoby a{ color:#fff;}

.master_box{height:300px;overflow:auto;width:350px;padding:15px;margin:10px 0;border:1px solid #ddd;}
.master_box .list-loop{margin:0 15px 15px 0;border:1px solid #eee;border-bottom:0;width:297px;border-radius:0px;}
.master_box .list-loop .info{padding:10px 15px;color:#444;background:#fafafa;border-bottom:1px solid #eee;}
.master_box .list-loop .info a{float:right;color:#999;}
.master_box .list-loop .info a:hover{color:#f30;}
.master_box .list-loop .hover{padding:15px;border-bottom:1px solid #eee;position:relative;}
.master_box .list-loop .hover a{position:absolute;bottom:10px;background:#000;height:30px;width:267px;left:15px;color:#fff;opacity:0.7;text-align:center;}
.master_box .list-loop .hover a:hover{text-decoration:underline;}
.master_box .list-loop .item{overflow:hidden;clear:both;padding:10px 15px;border-bottom:1px solid #eee;}
.master_box .list-loop .item img{float:right;margin-left:10px;width:70px;height:70px;}
.master_box .list-loop .item a{font-size:14px;}

#master{overflow:hidden;margin:15px 0;}
#master .list-loop{float:left;margin:0 15px 15px 0;border:1px solid #eee;border-bottom:0;width:297px;border-radius:0px;}
#master .list-loop .info{padding:10px 15px;color:#444;background:#fafafa;border-bottom:1px solid #eee;}
#master .list-loop .info a{float:right;color:#999;}
#master .list-loop .info a:hover{color:#f30;}
#master .list-loop .hover{padding:15px;border-bottom:1px solid #eee;position:relative;}
#master .list-loop .hover a{position:absolute;bottom:16px;background:#000;height:30px;line-height: 30px;width:267px;left:15px;color:#fff;opacity:0.7;text-align:left;text-indent:14px;}
#master .list-loop .hover a:hover{text-decoration:underline;}
#master .list-loop .item{overflow:hidden;clear:both;padding:10px 10px;border-bottom:1px solid #eee;}
#master .list-loop .item img{float:right;margin-left:10px;width:70px;height:70px;}
#master .list-loop .item a{font-size:14px;}
#master .list-loop .admin{padding:0;overflow:hidden;}
#master .list-loop .admin ul{margin:0;padding:0;list-style:none;}
#master .list-loop .admin ul li{float:left;float:left;width:50%;text-align:center;}
#master .list-loop .admin ul li a{display:block;background:#fafafa;padding:6px 0;border-bottom:1px solid #eee;}
#master .list-loop .admin ul li:last-child a{border-left:1px solid #eee;}
#master .list-loop .admin ul li a:hover{background:#eee;color:#333;}
#master .list-loop .add{position:absolute;top:0;width:100%;height:100%;background:#999;opacity:0.9;display:none;cursor:pointer;}
#master .list-loop:hover .add{display:block;}
#master .bg .add{background:#999 url(../images/bg_master.png) no-repeat center;display:block;}


/*素材添加*/
#master_add{overflow:hidden;margin:15px 0;}
#master_add .left{float:left;width:322px;}
#master_add .right{margin-left:350px;overflow:hidden;}
#master_add .right .table_form{background:#F4F5F9;padding:25px 10px 45px;border:1px solid #E7E7EB;position:relative;margin:0px 0px 0px 15px;}
#arraw-left{width:0;height:0;border-width:15px 15px 15px 0;border-style:solid;border-color:transparent #E7E7EB transparent transparent;position:absolute;left:-15px;margin-top:30px;}
#arraw-left span{width:0;height:0;border-width:14px 14px 14px 0;border-style:solid;border-color:transparent #e82100 transparent transparent;position:absolute;top:-14px;left:1px}

#left_master{border:1px solid #E7E7EB;width:320px;}
#left_master .header{background:#ececec;height:160px;position:relative;}
#left_master .header .img{display:block;width:320px;height:160px;text-align:center;line-height:140px;font-size:14px;color:#999;}
#left_master .header .img img{width:318px;height:160px;border:0px;margin-left:-2px;}
#left_master .header a{position:absolute;background:#000;line-height:30px;bottom:0;left:0;width:100%;text-indent:12px;color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#left_master .header a span{padding:6px 15px;background:#999;color:#fff;border-radius:10px;}
#left_master .header .hover{position:absolute;height:160px;left:0;bottom:0;background:#f1f1f1;text-align:center;width:100%;opacity:0.9;line-height:160px;display:none;}
#left_master .header .hover a{position:static;background:none;color:#555;}
#left_master .header .hover a:hover{color:#f30;}
#left_master .header:hover .hover{display:block;}
#left_master .header:hover .hover a:hover span{background:#F30;}
#left_master .item{border-bottom:1px solid #E7E7EB;padding:10px 10px;overflow:hidden;clear:both;position:relative;}
#left_master .item .img{float:right;margin-left:10px;width:70px;height:70px;line-height:70px;text-align:center;background:#f3f3f3;color:#888;}
#left_master .item .img img{width:70px;height:70px;}
#left_master .item a{font-size:14px;}
#left_master .item a span{padding:6px 15px;background:#aaa;color:#fff;border-radius:10px;}
#left_master .item .hover{position:absolute;height:100px;left:0;bottom:0;background:#f1f1f1;text-align:center;width:100%;opacity:0.9;line-height:100px;display:none;}
#left_master .item:hover .hover{display:block;}
#left_master .item:hover .hover a:hover span{background:#F30;}
#left_master .active{background:#fafafa;}
#left_master .top a{background:#f30;}

#left_master .more{text-align:center;overflow:hidden;}
#left_master .more a{display:block;line-height:60px;width:100%;font-size:32px;color:#999;float:left;width:50%;border-right:1px solid #E7E7EB}
#left_master .more a:hover{color:#555;background:#fafafa;}
#left_master .more a:last-child{border:0;}
