@charset "utf-8";
/* CSS Document */
*{font-family:"微软雅黑";margin:0;padding:0;}

/*iconfont*/
@font-face {font-family: "iconfont";
  src: url('iconfont/iconfont.eot?t=1475977194'); /* IE9*/
  src: url('iconfont/iconfont.eot?t=1475977194#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont/iconfont.woff?t=1475977194') format('woff'), /* chrome, firefox */
  url('iconfont/iconfont.ttf?t=1475977194') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont/iconfont.svg?t=1475977194#iconfont') format('svg'); /* iOS 4.1- */
}

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

.home-ico:before{content: "\e675"; font-family:"iconfont" !important;}
.qk-ico:before{content: "\e68a"; font-family:"iconfont" !important;}
.dd-ico:before{content: "\e602"; font-family:"iconfont" !important;}
.shk-ico:before{content: "\e609"; font-family:"iconfont" !important;}
.kh-ico:before{content: "\e608"; font-family:"iconfont" !important;}
.set-ico:before{content: "\e60b"; font-family:"iconfont" !important;}
.hd-ico:before{content: "\e610"; font-family:"iconfont" !important;}
.rw-ico:before{content: "\e60c"; font-family:"iconfont" !important;}
.shx-ico:before{content: "\e6ce"; font-family:"iconfont" !important;}
.help-ico:before{content: "\e68a"; font-family:"iconfont" !important;}




/*主框架*/
.wtop{position:fixed;top:0;width:100%;height:64px; overflow:hidden;border-bottom:1px solid #ccc;background:#f3f3f4;}
.wlogo{float:left; overflow:hidden;height:100%;}
.wlogo b{display:inline-block;height:100%;width:352px;background:url(../images/logo_top.png) left center no-repeat;margin-left:15px;vertical-align:middle;}
.wlogo span{display:inline-block;height:100%;width:410px;background:url(../images/logo-text1.png) left center no-repeat;vertical-align:middle;display:none;}
.wuser{float:right;margin-right:0px; overflow:hidden; text-align:right;}
.wuser u{display:inline-block; line-height:64px;color:#999;padding:0 10px;font-size:14px;}
.wuser a{display:inline-block; line-height:64px;color:#999;margin-right:0px;padding:0 10px;font-size:14px;}
.wuser a:last-child{margin-right:0px;}
.wuser u span{display:inline-block; line-height:64px;color:#ff6600;font-size:14px;}
.wuser b,.wuser span{display:inline-block; line-height:64px; color:#999;font-size:14px;}
.wuser .user-ico:before{content: "\e657"; font-family:"iconfont" !important;font-size:16px;line-height:64px;margin-right:5px;}
.wuser .password-ico:before{content: "\e648"; font-family:"iconfont" !important;font-size:16px;line-height:64px;margin-right:5px;}
.wuser .out-ico:before{content: "\e7c2"; font-family:"iconfont" !important;font-size:16px;line-height:64px;margin-right:5px;}
.wuser a:hover{background:#eee;}

body,html{overflow:hidden; height:100%;padding:0;margin:0;font-family:"微软雅黑";}
.wbody{position:fixed;top:65px;width:100%;height: calc(100% - 65px);overflow:hidden;}
.wbody-left{width:230px;height:100%; overflow:hidden;float:left;overflow-x:hidden;overflow-y:auto;display:block; background:#233646;}
.wbody-center{width:1px;height:100%;background:#ddd;float:left;/*box-shadow: 1px 0px 1px 2px #ccc;*/border-left:1px solid #ccc;border-right:0px solid #ccc; text-align:center;}
.wbody-center:before{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;font-size: 0;}
/*
.wbody-switch{display:inline-block; vertical-align:middle;width:5px;height:27px;cursor:pointer; position:relative;}
.wbody-switch:before{content: "\e631"; font-family:"iconfont" !important; text-align:center;display:inline-block; width:5px; overflow:hidden;height:15px;color:#666;background:;position:absolute;top:0;left:0;}
.wbody-switch:after{content: "\e631"; font-family:"iconfont" !important; text-align:center;display:inline-block; width:5px; overflow:hidden;height:15px;color:#666;background:; position:absolute;bottom:0;left:0;}
.wbody-switch:hover:before,.wbody-switch:hover:after{color:#000;font-weight:bold;}

.wbody-switch{display:inline-block; vertical-align:middle;width:5px;height:35px;cursor:pointer; position:relative; background:url(../images/mini-left.gif) center center no-repeat;}
*/
.wbody-switch{display:inline-block; vertical-align:middle;width:1px;height:55px;cursor:pointer; position:relative; }
.wbody-switch:after{ position:absolute;content: "\e601"; font-family:"iconfont" !important;left:0;line-height:55px;background:#ff6600;color:#fff;border-radius:0 5px 5px 0;transition: all 0.1s;width:5px;}
.wbody-switch:hover:after{content: "\e60a";background:#ff6600;color:#fff;margin-left:0px;width:15px;font-size:12px;}

.wbody-switch.cur:after{ position:absolute;content: "\e7c5"; font-family:"iconfont" !important;left:0;line-height:55px;background:#ff6600;color:#fff;width:15px;margin-left:-11px;}
.wbody-switch:hover.cur:after{ position:absolute;content: "\e7c5"; font-family:"iconfont" !important;left:0;line-height:55px;background:#ff6600;color:#fff;width:15px;margin-left:0px;}

.wbody-right{height:100%;float:right;width:calc(100% - 232px); overflow:hidden;}
.wbody-right p{padding:20px;font-size:16px;line-height:25px;}
.wfoot{ position:fixed;bottom:0;width:100%;height:34px;text-align:center;border-top:1px solid #ccc; line-height:34px;background:#fff;}


/*左侧菜单*/
 .cpmenu {
    overflow:hidden;
 	width: 100%;
 	background: #FFF;
	-webkit-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;vertical-align:middle;
 }
.cpmenu>li {border-bottom: 1px solid #314253; position:relative;}

.cpmenu .link {
	cursor: pointer;background:#273643;
	display: block;
	padding: 0px 0px;line-height:50px; padding-left:25px;
	color: #fff;
	font-size: 14px;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;vertical-align:middle;
}
.cpmenu li>a{line-height:40px;color: #fff;font-size: 14px;display:block;}
.cpmenu li u{width:25px;height:50px; display:inline-block; vertical-align:middle;}
.cpmenu li u:before{font-size:16px;color:#fff;line-height:50px;}
.cpmenu li .cp-arrow {position: absolute;top: 0px;	right: 15px;}
.cpmenu li .cp-arrow:after{content:"\e603";font-family:"iconfont" !important;color:#fff; font-size:12px;line-height:35px;}
.cpmenu li.open .link {color:#fff;background:#000;}
.cpmenu li.open .cp-arrow:after{content:"\e620";font-family:"iconfont" !important;color:#fff; font-size:12px;line-height:35px;}
/*Submenu*/
 .submenu {display: none;background: #344758;font-size: 14px; padding:0px 0;}
 .submenucur{display:block;}
 .submenu li{position:relative;}
 .submenu li:before{content:"";display:inline-block;width:4px;height:100%;background:#ff6600; position:absolute;}
 .submenu a {
 	display: block;font-size:14px;
 	text-decoration: none;
 	color: #fff;
 	padding: 0px;line-height:40px; text-indent:50px;border-bottom: 1px solid #3A4E61;
 	padding: 0 0px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
 }
.submenu a:hover {color: #fff;background:#314253;}
.submenu a.curli{color: #fff;font-weight:bold;}
/*.submenu li .subul li{ list-style-type:disc; list-style-position:inside;text-indent:15px;}*/
.submenu li .subul li{position:relative;}
.submenu li .subul li a{font-size:12px;position:relative; background:;padding-left:60px;}
.submenu li .subul li a:before{content:"\2022";position:absolute;top:0;left:50px;z-index:100;}

.submenu li{ position:relative;}
.submenu li a div{ position:absolute;right:15px;display:inline-block;height:40px; }
.submenu li a div:before{content: "\e620";
    font-family: "iconfont" !important;
    color: #fff;
    font-size: 12px;
    line-height: 35px;}
.submenu li>ul>li>a{ text-indent:65px;}
.submenu li>ul>li>ul>li>a{ text-indent:80px;}
.submenu li>ul>li>ul>li>ul>li>a{ text-indent:95px;}

/*右侧框架*/
.content-tabs{position:relative;height:35px;background:#fafafa;line-height:35px;border-bottom:solid 1px #ddd}.content-tabs .roll-nav,.page-tabs-list{position:absolute;width:40px;height:35px;text-align:center;color:#999;z-index:2;top:0}.content-tabs .roll-left{left:0;border-right:solid 1px #eee}.content-tabs .roll-right{right:0;border-left:solid 1px #eee}.content-tabs button{background:#fff;border:0;height:35px;line-height:35px;width:40px;outline:0}.content-tabs button:hover{background:#fafafa}nav.page-tabs{margin-left:40px;width:100000px;height:35px;overflow:hidden}nav.page-tabs .page-tabs-content{float:left}.page-tabs a{display:block;float:left;border-right:solid 1px #eee;padding:0 10px;color:#999;font-size:14px;}.page-tabs a i:hover{color:#c00}.content-tabs .roll-nav:hover,.page-tabs a:hover{color:#000;background:#f2f2f2;cursor:pointer}.roll-right.J_tabRight{right:40px}.roll-right.btn-group{right:0px;width:40px;padding:0}.roll-right.btn-group button{width:40px;cursor:pointer;}.roll-right.J_tabExit{background:#fff;height:35px;width:60px;outline:0}.dropdown-menu-right{left:auto}
#content-main {
    height: calc(100% - 36px);overflow: hidden;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-backward:before {
    content: "\e61c";
    font-family: "iconfont" !important;
}
.fa-forward:before {
    content: "\e606";
    font-family: "iconfont" !important;
}
.fa-times-circle:before {
    content: "\e607";
    font-family: "iconfont" !important;
}
.phome:before {
    content: "\e675";color:#999;
    font-family: "iconfont" !important;
}
.page-tabs a.active .phome:before {
    color:#fff;
}
.page-tabs a.active:hover .phome:before {
    color:#fff;
}
.page-tabs a:hover .phome:before {
    color:#000;
}
.page-tabs a.active {
    background: #273643;
    color: #fff;
}
.page-tabs a .fa-times-circle:before {
color:#999;
}
.page-tabs a.active .fa-times-circle:before {
color:#fff;
}
.page-tabs a.active .fa-times-circle:hover:before {
color:#ff6600;
}
.page-tabs .fa-times-circle:hover:before{
color:#ff6600;
}
.roll-right.btn-group button:before{content: "\e64a";font-family: "iconfont" !important;font-size:18px;}
.roll-right.btn-group button:hover{background:#f2f2f2;}
.page-tabs-content a .phome{font-size:16px;margin-right:5px;}

/*滚动条样式 */
::-webkit-scrollbar {width:4px;}
::-webkit-scrollbar-track {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0px;
    border-radius: 0px;
    background: rgba(153,153,153,1); 
    -webkit-box-shadow: inset 0 0 4px rgba(153,153,153,1); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(153,153,153,1); 
}

/*登录*/

.loginbg{background:url(../images/cmsLogin.jpg) center center no-repeat ;height:943px; position:fixed;width:100%;z-index:9;top:calc(50% - 471.5px);}
.login-top{position:fixed;top:0;width:100%;height:120px; background:#fff;z-index:10; overflow:hidden;}
.login-top p{width:1200px;height:120px;margin:0 auto; overflow:hidden;}
.login-top p:before{display: inline-block;content: "";width: 0;height: 100%;vertical-align: middle;font-size: 0; text-align:center;}
.login-top p b{float:left;width:130px;height:120px; background:url(../images/logo.png) left center no-repeat; }
.login-top p span{float:left;width:420px;height:120px; background:url(../images/logo-text.png) left center no-repeat; }
.login-top p u{float:right;font-size:25px;line-height:120px;}
.logink{width:1000px;height:450px;overflow:hidden;margin:0 auto;margin-top:100px;}
.logintext{float:left;width:450px;height:146px; background:url(../images/logo_top.png) center right no-repeat;margin-top:140px;zoom:1;}
.loginkc{float:right;overflow:hidden;width:350px;text-align:left;background:rgba(255,255,255,1);border:0px solid #fff;border-radius:2px;box-shadow: 0px 0px 10px 0 #999; overflow:hidden;margin-top:100px;margin-right:10px;}
.loginc{width:100%; overflow:hidden;margin:0 auto;padding:10px 0 30px 0;}
.loginc h5{font-size:20px;line-height:45px;border-bottom:1px solid #ebebeb;color:#CD1311;text-shadow: 1px 1px 0px #fff;text-indent:25px;}
.loginc ul{margin:0 auto; overflow:hidden;width:300px;margin-top:30px;margin-bottom:15px;}
.loginc ul li{width:auto; overflow:hidden;height:45px;}
.loginc ul li:last-child{height:37px;}
.loginc ul li span{display:inline-block;width:80px;height:32px;line-height:32px;font-size:14px; text-indent:20px;}
.loginc ul li b{display:inline-block;width:30px;height:35px;border-radius:2px 0 0 2px;background:#f5f5f5; vertical-align:top; text-align:center;border: 1px solid #e2e2e2;border-right:0;}
.ico-user:before{content:"\e657"; font-family:"iconfont" !important;color:#ccc;line-height:33px;font-size:16px;}
.ico-password:before{content:"\e648"; font-family:"iconfont" !important;color:#ccc;line-height:35px;font-size:16px;}
.loginc ul li input{width:;vertical-align:top;border-radius:0 2px 2px 0px;height: 35px;line-height: 35px;line-height: 36px\9;border: 1px solid #e2e2e2;background:rgba(255,255,255,0.6);padding:0 10px;font-size:12px;width:calc(100% - 53px);outline: 0;}
.lostpass{ text-align:right;margin-bottom:15px;margin-right:25px;}
.loginc ul li:hover b{background:#CD1311;border: 1px solid #CD1311;border-right:0;}
.loginc ul li:hover b:before{color:#fff;}
.loginc ul li:hover input{border: 1px solid #CD1311;background:rgba(255,255,255,1);}
.loginc .dlbutton{margin:0px 0 0 0px;width:300px;background:rgba(205,19,17,0.8);color:#fff;border-radius:2px; text-align:center;line-height:38px;font-size:16px;cursor:pointer;margin:0 auto;}
.loginc .dlbutton:hover{background:rgba(205,19,17,1);}
.loginc a{display:inline-block;line-hieght:32px;font-size:12px;margin-left:40px;}
.loginc a:hover{color:#CD1311;}

.logo{width:370px;margin:0 auto; overflow:hidden; text-align:center;margin-bottom:20px;}
.logo b{ display:inline-block;width:120px;height:100px; background:url(../images/logo.png) center center no-repeat; zoom:0.35; vertical-align:middle;}
.logo span{display:inline-block;font-size:20px;color:#000; width:430px;height:100px;line-height:50px;vertical-align:middle;margin-left:5px;background:url(../images/logo-text.png) left center no-repeat;zoom:0.42;}

#fpage{border-bottom:1px solid #e2e2e2;}

@media screen and (max-width: 720px) 
{
/*主框架*/
.wtop{width:100%;height:45px; overflow:hidden;border-bottom:1px solid #314253;background:#233646;}
.wlogo{float:left; overflow:hidden;height:100%;display:none;}
.wlogo b{display:inline-block;height:100%;width:60px;background:url(../images/mini-logo.png) left center no-repeat;margin-left:15px;zoom:1;}
.wlogo span{display:inline-block;height:100%;width:190px;background:url(../images/mini-logo-text.png) left center no-repeat;margin-left:0px; zoom:1;}
.wuser{float:right;margin-right:0px; overflow:hidden; text-align:right;}
.wuser u{display:none;}
.wuser b,.wuser span{display:inline-block; line-height:45px; color:#999;}
.wuser a{line-height:35px;}
.wuser a{display:inline-block;font-size:16px;line-height:35px;color:#fff;}
.wuser a:hover{background:#000;}
.wuser .out-ico:before {font-size: 18px;line-height:45px;color:#fff;}
.wuser .password-ico:before {font-size: 18px;line-height:45px;color:#fff;}
.wbody{top:45px;width:100%;height: calc(100% - 45px);}
.wbody-left{display:none; position:fixed;}

.wbody-center{float:none; position:fixed; overflow:hidden;top:5px;left:10px;height:auto;width:35px;z-index:100; background:none;border:0px}
.wbody-switch{display:inline-block; vertical-align:middle;width:35px;height:35px;cursor:pointer; position:fixed;z-index:100; left:10px;}

.wbody-switch:after{ position:absolute;content: "\e631"; font-family:"iconfont" !important;left:0;line-height:35px;background:#ff6600;color:#fff;border-radius:5px;transition: all 0.1s;width:5px;margin-left:0px;padding-left:0px; text-indent:0px;font-size:16px;width:35px;height:35px;}
.wbody-switch:hover:after{content: "\e631";width:35px;height:35px;margin-left:0px;width:35px;line-height:35px;font-size:16px;}

.wbody-switch.cur:after{ position:absolute;content: "\e631"; font-family:"iconfont" !important;left:0;line-height:35px;background:#ff6600;color:#fff;width:35px;margin-left:0px;font-size:16px;}
.wbody-switch:hover.cur:after{ content: "\e631"; margin-left:0px;width:35px;line-height:35px;font-size:16px;}
.cpmenu{border-top: 1px solid #314253;}
.cpmenu .link {line-height:50px;}
.submenu a {line-height:40px;font-size:14px;}
.wbody-right{width:calc(100% - 0px); }
.content-tabs{display:none;}
.wfoot{ display:none;}

#content-main {
    height: calc(100% - 0px);overflow: hidden;
}

/*登录*/
.loginbg{background:url() center center no-repeat ;height:100%; position:fixed;width:100%;z-index:9;top:calc(0% - 0px);}
.login-top{width:auto; zoom:0.5;height:150px;}
.login-top p b{margin-left:30px;height:150px;}
.login-top p span{height:150px;}
.login-top p u{display:none;}
.logink{width:auto;margin-top:0px;height:auto;}
.logintext{zoom:0.4;float:none;width:100%;}
.loginkc{float:none;overflow:hidden;width:300px;text-align:left;background:rgba(255,255,255,1);border:0px solid #fff;border-radius:5px;box-shadow: 0px 0px 10px 0 #333; overflow:hidden;margin:0 auto;margin-top:30px;margin-bottom:10px;}
.loginc{width:85%;padding-bottom:20px;}
.loginc h5{ text-indent:0;}
.loginc ul{width:auto; overflow:hidden;margin-bottom:0;}
.loginc ul li{width:auto; overflow:hidden;height:50px; text-align:center;}
.loginc ul li span{display:none;}
.loginc ul li b{display:inline-block;}
.loginc ul li:last-child{height:50px;}
.loginc ul li input{border-radius:0 3px 3px 0;width:calc(100% - 55px);}
.loginc ul li input:focus{border-left:0;}
.loginc .dlbutton{float:none;width:100%;height:40px;line-height:40px;font-size:16px;cursor:pointer;margin:0 auto;display:block;margin-bottom:10px;}
.loginc a{display:block;line-hieght:32px;font-size:14px; text-align:center;margin-left:0;}
}