@charset "utf-8";
/*
作者：随然
QQ：201825640
*/
#leftmenu #nav_album span i {
    opacity: 1!important;
}
body{background-color:#f1f1f1!important;}
.short{background-color:#fff!important;}
body,textarea{color: #333333!important;}
textarea{border-radius: 3px!important;}
input{border-radius: 3px!important;}
select{border-radius: 3px!important;height: 30px!important;}
a{font-size: 14px!important;color: #4f91c3!important;}
a:hover{color: #0099ff!important;}

table {
    box-shadow: 0 0 1px rgba(0,0,0,0.2);
    border-radius: 3px;
}

/*修复应用中心宽度超出问题*/
.page-client .page>.content{
    width: 78.8vw!important;
}
/*首页新修改的仪表盘*/
.wrapper{margin-bottom: 20px;}
.table-wrap{margin-bottom: 20px;background: #fff!important;border-radius: 5px!important;padding:20px!important;box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.05)!important;}
.table-wrap{padding:20px!important;}

.dashboard{
    margin-top:15px;
    width:100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:flex;
    justify-content:space-between;   
}
.cube-box{   
    width:24%;   
}
.cube{
   
} 
.cube i{
    color:#fff;
    padding-right: 8px;
}
.row4{
    margin-right:0!important;
}
.cube a{
    display:flex;   
    color: #fff!important;
    display: block;
    width: 100%; 
    min-height: 150px;
    border-radius: 5px;  
    position: relative;   
}
.row1 a{
    background: -webkit-linear-gradient(45deg, #63c0fd , #0099ff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(45deg, #63c0fd , #0099ff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(45deg, #63c0fd , #0099ff); /* Firefox 3.6 - 15 */
    background: linear-gradient(45deg, #63c0fd , #0099ff); /* 标准的语法 */     
    box-shadow: 0px 5px 14px 0px rgba(12, 158, 255, 0.41);    
}
.row1 a:hover{    
    box-shadow: 0px 5px 24px 0px rgba(12, 158, 255, 0.61);    
}
.row2 a{
    background: -webkit-linear-gradient(45deg, #a5adf7 , #898aeb); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(45deg, #a5adf7 , #898aeb); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(45deg, #a5adf7 , #898aeb); /* Firefox 3.6 - 15 */
    background: linear-gradient(45deg, #a5adf7 , #898aeb); /* 标准的语法 */  
    box-shadow: 0px 5px 14px 0px rgba(137, 138, 235, 0.41);       
}
.row2 a:hover{    
    box-shadow: 0px 5px 24px 0px rgba(137, 138, 235, 0.61);    
}
.row3 a{
    background: -webkit-linear-gradient(45deg, #35f2e7 , #1bd4c9); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(45deg, #35f2e7 , #1bd4c9); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(45deg, #35f2e7 , #1bd4c9); /* Firefox 3.6 - 15 */
    background: linear-gradient(45deg, #35f2e7 , #1bd4c9); /* 标准的语法 */   
    box-shadow: 0px 5px 14px 0px rgba(41, 228, 217, 0.41);      
}
.row3 a:hover{    
    box-shadow: 0px 5px 24px 0px rgba(41, 228, 217, 0.61);    
}
.row4 a{
    background: -webkit-linear-gradient(45deg, #fd9797 , #f67575); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(45deg, #fd9797 , #f67575); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(45deg, #fd9797 , #f67575); /* Firefox 3.6 - 15 */
    background: linear-gradient(45deg, #fd9797 , #f67575); /* 标准的语法 */   
    box-shadow: 0px 5px 14px 0px rgba(246, 118, 118, 0.41);      
}
.row4 a:hover{    
    box-shadow: 0px 5px 24px 0px rgba(246, 118, 118, 0.61);    
}
.cube sub{font-size: 100px;opacity: 0.1;position:absolute;bottom:40px;right:-30px;}
.row3 sub{opacity: 0.2!important;}
.cube span{padding:30px;display: block;}
.cube .num{font-size: 2.2rem;padding: 20px 20px 20px 30px;}
.refresh{}

/*提示DIV*/
div.hint { width: 100%;padding: 0 0 5px 0!important;margin:0!important;}
div.hint p { padding: 0.8em 0.8em 0.8em 2.2em!important; line-height: 1.5em!important; }
div.hint font { color: black; }
div.hint p.hint_good { background: #FFF url(../houtai_ui/image/admin/ok.png) no-repeat 8px center!important;border-radius: 5px!important; box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.05)!important;}
div.hint p.hint_bad { background: #FFF url(../houtai_ui/image/admin/exclamation.png) no-repeat 8px center!important; border-radius: 5px!important;box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.05)!important;}
div.hint p.hint_tips { background: #FFF url(../houtai_ui/image/admin/information.png) no-repeat 8px center!important;border-radius: 5px!important; box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.05)!important;}


/*头部样式*/
.header { margin-bottom: 5px; height: 70px!important; padding: 0; 

    background-image: -webkit-gradient(linear,left top,right top,from(#149ce4),to(#14abfa));
    background-image: -webkit-linear-gradient(left,#149ce4,#14abfa);
    background-image: -moz-linear-gradient(left,#149ce4,#14abfa);
    background-image: linear-gradient(to right,#149ce4,#14abfa);

	/*background: #149ce4!important;*/ width:100%!important;position: fixed!important;z-index:9999!important;box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.2)!important; }

/**/
.logo {width: 160px;}
.logo img { width:160px!important; height: 44px!important; padding: 0 0 0 0; background: url("../houtai_ui/image/admin/logo.png") center center no-repeat; }
/*用户*/
.user { right: 20px!important; top: 15px!important;width: auto;}
.username { height: 40px!important; line-height: 40px!important;float: right; }
.user #avatar { float: right; width: 40px; height: 40px; margin-left: 10px; margin-top: 0px; border-radius: 100px;transition: all 2.0s;}
.user #avatar:hover{transform: rotate(360deg);}
.userbtn { padding-top:10px;padding-right: 30px;float: right;}
.userbtn a { padding: 0; margin-left: 5px; color: #d3eafb!important; height: 20px; line-height: 20px; vertical-align: top; }
.userbtn a.logout { padding-left: 20px; background: url(../houtai_ui/image/common/tuic_2.png) no-repeat left center; }
.userbtn .logout:hover { padding-left: 20px; color: #fff!important; background: url(../houtai_ui/image/common/tuic_2.png) no-repeat left center!important; }
.userbtn a.profile { padding-left: 20px; background: url(../houtai_ui/image/common/home_2.png) no-repeat left center; }
.userbtn .profile:hover { padding-left: 20px; color: #fff!important; background: url(../houtai_ui/image/common/home_2.png) no-repeat left center!important; }

/*顶部导航*/
.menu {height: 70px!important;position: absolute;left: 160px!important;right: auto!important;bottom: 0px!important;}
.menu ul { float: right; margin: 0; padding: 0; }
.menu ul li { float: left; line-height: 70px!important; padding: 0; height: 70px!important; margin: 0 3px; text-align: center; }
.menu ul li a {position: relative!important;display: inline-block!important; float: left; line-height: 70px!important; height: 70px!important; padding: 0px 5px!important;margin:0 5px!important; color: #d3eafb!important; background: none!important; }
.menu ul li a:hover { float: left; line-height: 70px!important; height: 70px!important; color: #ffffff!important; 
	background: none!important; -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;}
.menu ul li.on a{float: left; line-height: 70px!important; height: 70px!important; border-bottom:4px solid #fff;color: #ffffff!important; 
	background: none!important;}
/*去除1.7+的自带图标*/
#leftmenu .icon-pencil-square-fill,
#leftmenu .icon-stickies,
#leftmenu .icon-stickies-fill,
#leftmenu .icon-folder-fill,
#leftmenu .icon-chat-text-fill,
#leftmenu .icon-inboxes-fill,
#leftmenu .icon-people-fill,
#leftmenu .icon-grid-1x2-fill,
#leftmenu .icon-grid-3x3-gap-fill,
#leftmenu .icon-zblog-appcenter,
#leftmenu .icon-tags-fill,
#leftmenu .icon-puzzle-fill{display:none!important;}
.userbtn .icon-globe2,
.userbtn .icon-power{display:none!important;}
.divHeader i[class^="icon-"],
.divHeader2 i[class^="icon-"]{display:none!important;}
div.hint p:before{display:none!important;}
/*修复1.7+自带图标位置偏移*/
.menu ul li i::before {
    vertical-align: 1%!important;
}
/*左边导航*/
.left {overflow-x:hidden;width: 140px!important;height:100%!important;z-index:888!important;position: fixed!important;top:70px!important; left:30px!important;}
.left #leftmenu {width: 140px;margin-top:25px;height: 100%;margin-bottom:90px;}
.left #leftmenu li { background:none;float: left; width:140px!important; height: 45px!important; margin-bottom: 0px!important;cursor: pointer; }
.left #leftmenu a {float: left; color:#333333!important;width: 140px!important; height: 45px!important; line-height: 45px!important; cursor: pointer; }
.left #leftmenu a:hover { color: #0099ff!important; background: none!important;}
.left #leftmenu span:hover > i { color: #0099ff!important;}
.left #leftmenu span { float: left; width: 100%; height: 45px!important; line-height: 45px!important; text-align: left; cursor: pointer; margin-left: 0px!important; padding-left: 32px!important;  }
.left #leftmenu i{font-size:18px;padding-right: 10px;color:#333333;vertical-align: middle;}
/*导航高亮*/
.left #leftmenu .on a,
.left #leftmenu #on a:hover { color: #0099ff!important;background-color:#f1f1f1!important;}
.left #leftmenu .on i{color:#0099ff!important;}
.left #leftmenu li.sub { float: left; width: 200px; height: auto; margin-bottom: 0; border-bottom: 5px solid #fff; cursor: pointer; background: white; }
.left #leftmenu li.sub span { height: 25px; line-height: 25px; text-align: left; width: 105px; padding-left: 35px; padding-right: 0px; overflow: hidden; }
.left #leftmenu li.sub a { height: 25px; line-height: 25px; }
.left #leftmenu li.sub a:hover { background: white; }
.left #leftmenu li.sub span.m-now { font-weight: bold; }



/*导航图标区*/
#leftmenu li span { background-repeat: no-repeat; background-position: 100px 8px; background-image: none!important; }
#leftmenu li.split { height: 20px !important; background:none; width: 170px!important;}




/*主要内容区*/
.main { padding-left: 170px!important; margin-bottom:20px!important;padding-right: 20px!important; padding-top: 90px!important;overflow-x: hidden;}

/*后台首页*/
#divMain {  background: #fff!important;border-radius: 5px!important;padding:20px!important;box-shadow: 1px 0px 20px rgba(0, 0, 0, 0.05)!important;}
.main>#divMain>div[class^="divHeader"],.main>#divMain2>div[class^="divHeader"]{padding-left:0px!important;background:url('../houtai_ui/image/admin/none.gif') 3px 9px no-repeat;background-size:32px;}
.divHeader2 {border-bottom:0!important; margin-bottom:0!important; }

/*checkbox*/
.imgcheck { background: url(../houtai_ui/image/admin/checkbox.png) no-repeat 0 bottom; width: 40px; height: 17px; display: inline-block;/*	float:left;*/ cursor: pointer; margin-bottom: -3px; margin-left: 5px; }
.imgcheck-on { background: url(../houtai_ui/image/admin/checkbox.png) no-repeat 0 top; }
#batch iframe { float: left; margin: 5px 5px 0 8px; }
#batch p { float: left; }
#batch img { float: left; margin: 7px 5px 0 9px; }
#batch a{ background: url(../houtai_ui/image/admin/bullet_go.png) no-repeat 4px 1px; padding-left: 20px; font-weight: normal!important;}
p.hint a { background: none!important; padding-left:0px!important; font-weight: normal!important; }

/*表   格*/
td,
th {}
.tableBorder { line-height: 2.2em!important;}
.table_hover > tbody > tr > td:hover,
.table_hover > tbody > tr > th:hover,
.table_hover > tbody > tr:hover > td,
.table_hover > tbody > tr:hover > th {
  background-color: rgba(31, 123, 218, 0.05)!important;
}

/*文章编辑提交区随动*/
.editmod { margin: 0 0 1em 0!important; }
div.post_edit input#edtTitle { height: 38px!important;}

/*表单*/
input.button,
input[type="submit"],
input[type="button"] {background-color: #14abfa!important;border:none!important;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
input.button:hover { background: #149ce4!important; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}


/*后台编辑页,文章编辑和页面编辑*/
#divEditPost { margin-top: 5px!important; }

/*后台分页*/
.pagebar { padding: 1em 0 2em 0; }
.pagebar span { display: inline-block!important;width: 35px!important;height: 35px!important;background-color: #14abfa!important;border: 1px solid #14abfa!important;color: #FFF!important; line-height: 28px!important;text-align: center!important;border-radius: 3px;}
.pagebar a { display: inline-block!important;width: 35px!important;height: 35px!important;background-color: #ffffff!important;border: 1px solid #dddddd!important;color: #373e4a!important; line-height: 30px!important;text-align: center!important;border-radius: 3px;color: #333333!important;}
.pagebar a:hover{background-color: #efefef!important;border: 1px solid #d1d1d1!important;}

/*后台*/
form.search { padding: 0.5em 1em!important; border-radius: 3px!important;}

/*正文DIV下的导航条*/
.SubMenu { margin: 10px 0 15px 0!important;}
.SubMenu span { color: #333333!important; border: 1px solid #ddd!important;border-radius: 3px!important;}
.SubMenu span:hover { color: #000!important;border: 1px solid #d1d1d1!important;}
.SubMenu a{ color:#333333!important; background: #f8f8f8!important; border:none!important;}
.SubMenu a:hover{ background: #efefef!important; color: #000!important;border:none!important;}
.SubMenu span.m-now { background: #3aacfa!important; color: #fff!important; border: 1px solid #3aacfa!important;border-radius: 3px!important;}

/* 网站设置页 */
.content-box ul { padding: 10px 0 0 0px; }
.content-box li { float: left; padding: 0 0 0 0; height: 2em; line-height: 2em; margin: 0; }
.content-box .content-box-tabs a.current { background: #f4f4f4!important; border:1px solid #e1e1e1;border-bottom:none;border-top:2px solid #3aacfa;padding:10px 10px 8px 10px!important; margin: 0 9px 0 0; line-height: 2em; height: 2em; color: black; font-weight: bolder; }

/*侧栏管理*/
.widget { width: 240px!important;  margin: 5px 10px 5px 10px!important; }
.widget-list-header,
.siderbar-header,
.siderbar-note { margin-bottom: 5px!important; }
.widget-list {border: 1px solid #ddd!important; }
.siderbar-drop { border: 1px solid #ddd!important;}
.siderbar-header:hover { background: #ddd!important; }

/*主题管理单个主题宽度*/
div.theme {width: 225px;}

/*新建文章页右边提交模块距离顶部位置*/
.boxfloat{top: 90px!important;}

/*手机端宽度调整*/
@media screen and (max-width:1200px){
.main { padding-left: 13%!important;padding-right:0!important; }
.left {width: 12%!important;}
.left #leftmenu,.left #leftmenu li,.left #leftmenu a{width:100%!important;}
.left #leftmenu span{padding-left:10px!important;}
}
/*兼容主题编辑器插件*/
.fixedPanel{position:static !important;}