@charset "utf-8";
/* CSS Document */
/*首页*/
.title{ height:42px; line-height:42px; color:#dc2d2a; background:#fdf9f8; border-bottom:1px solid #eeeeee; font-size:14px;}
.title i{ width:48px; height:42px; margin-right:10px; background: url(../images/coin.jpg) no-repeat center; display:inline-block; border-right:1px solid #eeeeee; vertical-align: top; *vertical-align: middle;}
.tishi{ position:relative;}
.bg_list{ background:#f8fcff; border:1px solid #eee; padding-top:10px; margin-top:20px;}
.tishi span{ position: absolute; width:20px; text-align:center; margin-left:-19px; top:-13px;*top:-2px; color:#fff; font-size:12px; }
.tishi1{ position:relative;width:32px; height:29px;}
.tishi1 span{ position: absolute; width:20px;  text-align:center; margin-left:-19px; top:px; color:#fff; font-size:12px; }
.title{ height:40px; line-height:40px; color:#0e73f9; border-bottom:1px solid #eeeeee; font-size:16px;} 
.nav_index li{ float:left;}
.btn_fff{background:url(../images/coin_23.png) no-repeat left -43px; width:210px; height:32px; line-height:32px; border:0; padding-left:10px;}
.nav_index li a{float:left;display:block; padding-left:30px; padding-right:30px; height:40px; line-height:40px; text-align:center;color:#fff;}
.nav_index li a:hover{ background:#fff; color:#4284d9;}
.border_bg{  border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee; background:#fff; }

.mr{border-bottom: solid 1px #e8e8e8;  background:url(../images/hb_07.jpg) no-repeat 20px center; padding-left:50px; height:40px;  line-height:40px;}
.menu_list_dq{ background:#4284d9 url(../images/hb_06.png) no-repeat 20px center; color:#fff; padding-left:50px; height:40px;  line-height:40px; }
.menu_list_li2{border-bottom: solid 1px #e8e8e8; background:url(../images/hb_08.jpg) no-repeat 40px center;padding-left:60px; height:40px; line-height:40px;}		
.title1{ background:#f8f8f8; height:39px; line-height:39px; border-bottom:1px solid #e8e8e8; text-indent:20px;}
ul.step li.frist a{background:url(../images/coin3.jpg) no-repeat;color:#FFF;}
ul.step li.frist_a a{background:url(../images/coin6.jpg) no-repeat;}
ul.step li{float:left; margin:20px 0 20px 0;text-indent:2em;}
ul.step li a{display:block;height:39px;line-height:39px;width:193px;background:url(../images/coin4.jpg) no-repeat;color:#666;}
ul.step li.second_a a{background:url(../images/coin6.jpg) no-repeat;text-indent:1em;color:#666;}

.txt190{border:1px solid #dedede; width:190px; height:26px; line-height:26px; text-indent:10px;}
.coin{ width:80px; height:28px; line-height:28px; display:inline-block; color:#fff; text-align:center;}
.coin1 i{ vertical-align: text-top;}
.coin:hover{ color:#fff; opacity:0.8; filter:alpha(opacity=80); }
.title{ height:40px; line-height:40px; color:#0e73f9; border-bottom:1px solid #eeeeee; font-size:16px;}
.title i{ width:2px; height:14px; background:#0e73f9; display:inline-block;  margin-left:10px;  margin-right:10px; vertical-align:baseline; *vertical-align:middle;}

.txt190{border:1px solid #dedede; width:190px; height:26px; line-height:26px; text-indent:10px;}
.txt150{border:1px solid #dedede; width:150px; height:26px; line-height:26px; text-indent:10px;}

.txt220{ background:#fff; border:1px solid #dedede; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; width:220px; height:28px; line-height:28px; text-indent:10px; }
.btn100{ background:#4284d9; width:100px; height:32px; line-height:32px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; cursor:pointer;}
.btn100g{ background:#21ac12; width:100px; height:32px; line-height:32px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; cursor:pointer;}

.btn100a{ background:#fff; width:100px; height:32px; line-height:32px; border:1px solid #99beee; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; cursor:pointer;}
.btn80{ background:#4284d9; width:80px; height:28px; line-height:28px; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; cursor:pointer;}
.btn80a{ background:#fff; width:80px; height:28px; line-height:28px; border:1px solid #99beee; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; cursor:pointer;}
.btn120a{ background:#fff; width:120px; height:32px; line-height:32px; border:1px solid #99beee; border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px; cursor:pointer;}

.more{background:#4284d9; width:80px; height:24px; line-height:24px; display:inline-block; border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px; text-align:center; cursor:pointer;}

.more:hover{opacity:0.9; filter:alpha(opacity=90); color:#fff;}
.moreBig{background:#4284d9; width:100px; height:24px; line-height:24px; display:inline-block; border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px; text-align:center; cursor:pointer;}
.moreBig:hover{opacity:0.9; filter:alpha(opacity=90); color:#fff;}
.hover:hover{ color:#fff;}
.border_bg{ border-top:2px solid #0e73f9; border-left:1px solid #eee; border-right:1px solid #eee; border-bottom:1px solid #eee;}
.tab_box .hide{display:none;}
.btn102{ width:102px; height:32px; line-height:32px; font-size:16px; color:#fff; cursor:pointer;-webkit-border-radius: 4px;}
.btn102:hover{ color:#fff; opacity:0.8; filter:alpha(opacity=80); }
.coin{ width:80px; height:28px; line-height:28px; display:inline-block; color:#fff; text-align:center;-webkit-border-radius: 4px;}
.coinNew{ width:100px; height:28px; line-height:28px; display:inline-block; color:#fff; text-align:center;-webkit-border-radius: 4px;}
.coin10{ width:60px; height:25px; line-height:25px; display:inline-block; color:#fff; text-align:center;}
.coin:hover{ color:#fff; opacity:0.8; filter:alpha(opacity=80); }
.coina{ width:100px; height:28px; color:#fff; cursor:pointer;}
.coina:hover{ color:#fff; opacity:0.8; filter:alpha(opacity=80); }
.coin1{ background:#21ac12;}/*绿色*/
.coin2{ background:#ff6b31;}/*橘色*/
.coin3{ background:#c6c6c6;}/*灰色*/
.coin4{ background:#478aca;}/*蓝色*/
.coin5{ background:#0585df;}/*蓝色1*/
.coin6{background:#8dce49; }
.coin7{background:#f2e251; }
.coin8{background:#f99e32; }
.coin9{background:#afb6c6; }
.hover:hover{ color:#fff;}
.mm{margin-left: 10px;}
ul.step li.frist a{background:url(../images/coin3.jpg) no-repeat;color:#FFF;}
ul.step li.frist_a a{background:url(../images/coin6.jpg) no-repeat;}
ul.step li{float:left; margin:20px 0 20px 0;text-indent:2em;}
ul.step li a{display:block;height:39px;line-height:39px;width:193px;background:url(../images/coin4.jpg) no-repeat;color:#666;}
ul.step li.second a{background:url(../images/coin5.jpg) no-repeat;color:#fff;}
ul.step li.second_a a{background:url(../images/coin6.jpg) no-repeat;text-indent:1em;color:#666;}
.txt400{border:1px solid #dedede; width:400px; height:26px; line-height:26px; text-indent:10px;}
.txt94{border:1px solid #dedede; width:94px; height:26px; line-height:26px; text-indent:10px;}
.coin1{ background:#21ac12;}/*绿色*/
.txt190{border:1px solid #dedede; width:190px; height:26px; line-height:26px; text-indent:10px;}

.txt225{border:1px solid #dedede; width:225px; height:50px; line-height:26px; text-indent:10px;}

.txt310{border:1px solid #dedede; width:310px; height:26px; line-height:26px; text-indent:10px;}
.txt500{border:1px solid #dedede; width:500px; height:26px; line-height:26px; text-indent:10px;}
.txt700{border:1px solid #dedede; width:700px; height:70px;}
.xing{color:red;}
.btn102{ width:102px; height:32px; line-height:32px; font-size:16px; color:#fff; cursor:pointer;}
.btn_fff{background:url(../images/coin_23.png) no-repeat left -43px; width:210px; height:32px; line-height:32px; border:0; padding-left:10px;}
.f7b{
	color: #0f7bcc;
    font-weight: 600;
}


/*选项卡*/
.tab_menu1{  height:36px; background:#f2f9ff;border-bottom:1px solid #d8e9f5;  border-top:1px solid #d8e9f5;  border-right:1px solid #d8e9f5;}
.tab_menu1 li{float:left;height:36px;line-height:36px; padding:0 20px 0 20px; background:#ffffff;text-align:center;cursor:pointer;}
.tab_menu1 li.current{color:#0e73f9;background:#fff;margin-top: 1px; border-bottom:none; border-left:1px solid #d8e9f5; border-right:1px solid #d8e9f5;}

.tab_menu1 li.currents{color:#fff;background:#0e73f9;margin-top: 1px; border-bottom:none; border-left:1px solid #d8e9f5; border-right:1px solid #d8e9f5;}

.warning_box{ padding:5px ; background:#fff; border:1px solid #d8e9f5;  border-top:none;}
.warning_box img{ border:1px solid #ececec;}
.tab_box .hide{display:none;}
.company_list  a{ display:block;height:30px; width:35px; color:#FFF; border:1px solid #eee; text-align:center; line-height:25px;background:#0e87f2; }
.company_list  a:hover{ color:#999;}


.del{ display:inline-block; vertical-align:middle; margin-left:15px; padding-right:5px;}
.ck_box{width:16px; height:16px;}
/*2017/8/2*/
.wrapper1000{ width:1200px; margin:0 auto;}
.box1{  background: url(../images/logincon.png) no-repeat; width:340px; height:440px; padding-left:30px; padding-top:30px; }
.box2{  background: url(../images/logincon.png) no-repeat; width:340px; height:300px; padding-left:30px; padding-top:30px; }
.txt280{ background: url(../images/logo_06.jpg) no-repeat; width:185px; color:#999; height:45px; line-height:45px; padding-left:55px; }
.txt280a{ background:url(../images/logo_09.jpg) no-repeat; width:185px; color:#999; height:45px; line-height:45px; padding-left:55px; }
.yan{ background:url(../images/logo_11.jpg) no-repeat; width:114px; height:45px; line-height:45px; padding-left:55px; color:#999;}
.btn280{ background:url(../images/logo_14.jpg) no-repeat; width:240px; height:40px; line-height:40px; color:#fff; cursor:pointer; }
.bg_img{ background:#eff3f4 url(../images/bg1.jpg) no-repeat center top; height:540px;border-top:1px solid #207fdb; border-bottom:1px solid #207fdb;}
	
@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{font:normal 14px/1.5em "微软雅黑","georgia","verdana","helvetica","sans-serif", "Arial";color:#666;}
img{border:0;}
a{color:#666;text-decoration:none;}
a:hover{color:#0585df;text-decoration:none;}
ul{list-style-type:none;}
.fl{ float:left;}
.fr{ float:right;}
.clear_l{clear:left;}
.clear_r{clear:right;}
.clear{clear:both;}
input{font-family: "微软雅黑"; border:0; color:#666;}
h1{ font-size:24px; font-weight:normal;}
th{font-weight:normal;}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}

.f12{font-size:12px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f21{font-size:21px;line-height:1.5em;}
.f24{font-size:24px;line-height:1.5em;}
.f32{font-size:32px; line-height:1.5em;}
.f36{font-size:36px; line-height:1.5em;}
.cfff{ color:#fff;}
.c333{ color:#333;}
.c999{ color:#999;}
.c_gray{ color:#c7e2ff}
.c_blue{ color:#16e1f9;}
.c_green{ color:#97ec71;}

.hover:hover{  color:#fff; opacity:0.9; filter:alpha(opacity=90);}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.mr20{ margin-right:20px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb40{ margin-bottom:40px;}
.mb45{ margin-bottom:45px;}
.pl10{ padding-left:10px;}
.pl15{ padding-left:15px;}
.pl25{ padding-left:25px;}
.pl20{ padding-left:20px;}
.pl40{ padding-left:40px;}
.pb5{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb15{ padding-bottom:15px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}

.mt35{ margin-top:35px;}
.mt50{ margin-top:90px;}
.pt40{ padding-top:40px;}
.font_b{ font-weight:bold;}
.txt_center{ text-align:center;}

.bg1{ background:#064fcb url(../images/bg.jpg) no-repeat center top; background-size: cover;}
.swrapper1000{width:1000px; margin:0 auto;}
.coins{ background:url(../images/suiji_03.png) no-repeat; width:28px; height:22px; display:inline-block; padding-right:15px; vertical-align:middle; }
.txt540{ background:url(../images/sj_03.png) no-repeat; width:540px; height:54px; line-height:54px; text-indent:10px; font-size:18px;}
.txt_dx{ background:#fff; width:45px; height:26px; border-radius:4px; -moz-border-radius:4px;; -webkit-border-radius:4px; text-align:center;}
.btn120{ width:120px; background:#7ed418; height:34px; border-radius:4px; -moz-border-radius:4px;; -webkit-border-radius:4px; cursor:pointer;}
.btn160{width:160px; background:#7ed418; height:42px; border-radius:4px; -moz-border-radius:4px;; -webkit-border-radius:4px; cursor:pointer;}
.btn160a{width:160px; background:#40baf9; height:42px; border-radius:4px; -moz-border-radius:4px;; -webkit-border-radius:4px; cursor:pointer;}
.btn160s{width:160px; background:#ff921d; height:42px; border-radius:4px; -moz-border-radius:4px;; -webkit-border-radius:4px; cursor:pointer;}


.c_green{ color:#97ec71;}
.border_b_f{ background:url(../images/line.png) repeat-x; height:1px; }
.marquee{width:420px;height:260px; overflow:hidden; margin-left:35px; color:#fff;}
.marquees{width:420px;height:260px; margin-left:35px; color:#fff;}
.marquee ul li{ height:50px; line-height:50px; border-bottom:1px dashed #adc8e5;}
.bg_suiji{ background:url(../images/suiji_09.png) no-repeat; width:490px; height:277px;}
.title_bule{ background:url(../images/suiji_h58.png) no-repeat; width:490px; height:57px; line-height:57px; padding-left:15px;}

.myfile{ opacity:0; position:absolute; width:224px; height:269px; left:0;}
.btn_file{ position:relative; background:url(../images/sj_07.png) no-repeat; width:224px; height:269px; display:block;}


.myfiles{ opacity:0; position:absolute; width:140px; height:40px; left:0;}
.btn_files{ position:relative; background:#7ed418; width:160px; height:40px; line-height:40px; color:#fff; display:block;text-align: center;border-radius:6px; -moz-border-radius:6px;; -webkit-border-radius:6px;}

.marquee2{width:100%;height:500px; overflow:hidden; }
.marquee2 ul li{ }


.btn_jr{ background:url(../images/index_03.png) no-repeat; width:240px; height:60px; line-height:60px; display:block; text-indent:100px; margin-top:30px; position:absolute; right:0;}
.btn_jr:hover{color:#fff; opacity:0.9; filter:alpha(opacity=90); }
.bg2{ background:url(../images/bga.jpg) no-repeat center top; }

.logo{
	background: url(../images/logonew.png) no-repeat;
	line-height: 38px;
	 height: 38px;
	 margin-top: 15px;
	 text-indent: 370px;
	 font-size: 24px;
}

/* 表格省略样式 */
.table-radius {
	table-layout: fixed;
}

.table-radius td {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 40px;
}

.table-radius th {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 40px;
}

/* 表格隔行换色 */
.table-radius tr:nth-child(even) {
	background: #f6f8fb;
}

/* 表格高亮 */
.table-radius tr:hover {
	background: #e1edf9;
}


.table {
	width: 80%;
	margin: 0 auto;
	padding-right: 6%;
}


.table-radius th {
	color: #0f7bcc;
	font-weight: 600;
}

.table-radius th:first-child {
	padding-right: 10px;
	padding-left: 10px;
	border-radius: 4px 0 0 0;
	-webkit-border-radius: 4px 0 0 0;
}
.table-radius tr:first-child {
	background: #d1e8ff;
}
.table-radius th:last-child {
	border-radius: 0 4px 0 0;
	-webkit-border-radius: 0 4px 0 0;
}

.table-radius td {
	border-bottom: 1px solid #eeeeee;
}

.ylist li table tr td{
	width:25%
}
.title {
	height: 45px;
	line-height: 45px;
	background-image: linear-gradient(#ffffff, #e5eaf1);
	background: #f3f6fb\9;
	border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
}

.fl{
	float:left;
}

.txt-box {
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-indent: 1em;
	border: 1px solid #dedede;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.txt-box:focus {
	outline: none;
	border: 1px solid #0f7bcc;
}

.shop {
	position: relative;
	background: #ffffff;
	box-shadow: 5px 2px 2px 0 #ced4db;
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
.container {
	position: relative;
	margin: 0 20px 0 20px;
}

.width70 {
	width: 65%;
}

.btn-blue {
	width: 120px;
	height: 32px;
	line-height: 32px;
	background: #0f7bcc;
	cursor: pointer;
	color: #fff;
	border: 1px solid #0f7bcc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.btn-white {
	width: 120px;
	height: 32px;
	line-height: 32px;
	background: #fff;
	cursor: pointer;
	color: #0f7bcc;
	border: 1px solid #0f7bcc;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.hover:hover {
	color: #fff;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.hover2:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.btn-primary {
	display: inline-block;
	cursor: pointer;
	height: 32px;
	line-height: 32px;
	padding: 0 10px;
	background-color: #0f7bcc;
	color: #fff;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 4px;
}

.btn-primary span {
	margin-right: 3px;
	font-size: 12px;
	cursor: pointer;
	vertical-align: bottom;
	vertical-align: middle\9;
}

.btn-details {
	border: 1px solid #b3d8ff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	width: 70px;
	height: 24px;
	color: #409eff;
	background: #fff;
}

.btn-details:hover {
	color: #fff;
	background: #409eff;
}

.btn-submit {
	border: 1px solid #f5dab1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	width: 70px;
	height: 24px;
	color: #e6a23c;
	background: #fff;
}

.btn-submit:hover {
	color: #fff;
	background: #e6a23c;
}

.btn-editor {
	border: 1px solid #c2e7b0;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	width: 70px;
	height: 24px;
	color: #67c23a;
	background: #fff;
}

.btn-editor:hover {
	color: #fff;
	background: #67c23a;
}

.btn-delete {
	border: 1px solid #fbc4c4;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	cursor: pointer;
	width: 70px;
	height: 24px;
	color: #f56c6c;
	background: #fff;
}

.btn-delete:hover {
	color: #fff;
	background: #f56c6c;
}

.status-blue {
	background: #0f7bcc;
	width: 80px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.status-yellow {
	background: #f1b513;
	width: 80px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.status-green {
	background: #13f195;
	width: 80px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-webkit-border-radius: 12px;
}

.status-gray {
	background: gray;
	width: 80px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-webkit-border-radius: 12px;
}


.status-red {
	background: #f1137a;
	width: 80px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-o-border-radius: 12px;
	-webkit-border-radius: 12px;
}

#kkpager span.curr {
    background-color: #fff!important;
    border: 1px solid #0f7bcc!important;
    color: #666!important;   
}

.textarea-input {
	width: 100%;
	height: 80px;
	padding: 5px 0;
	text-indent: 1em;
	border: 1px solid #dedede;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.textarea-input:focus {
	outline: none;
	border: 1px solid #0f7bcc;
}

.width50 {
	width: 49%;
}

/* 复选 */
.checkbox {
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	background-color: #fff;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 0 5px;
	display: inline-table;
}

.checkbox-input:checked+.checkbox {
	background-color: #0f7bcc;
}

.checkbox-input:checked+.checkbox:after {
	content: "\2714";
	display: inline-block;
	height: 100%;
	width: 100%;
	color: #fff;
	border-radius: 3px;
	text-align: center;
	line-height: 16px;
	font-size: 12px;
}



.ml15 {
	margin-left: 15px;
}

.border-b {
	border-bottom: 1px solid #dedede;
}

.border-bx {
	border-bottom: 1px dashed #e6e6e6;
}

.border-l {
	border-left: 1px solid #dedede;
}

.border-t {
	border-top: 1px solid #dedede;
}

.border {
	border: 1px solid #e8e8e8;
}

.txt-align {
	text-align: center;
}

.txt-right {
	text-align: right;
}

.vertical {
	vertical-align: middle;
}

.c-orange {
	color: #f3a522;
}

.c-green {
	color: #1cbd9a
}

.c-yellow {
	color: #f1b513;
}

.c-red {
	color: #d42b2b;
}

.c-lightred {
	color: #ef5859;
}

.c-blue {
	color: #3377ff;
}

.c-lightblue {
	color: #32abee;
}

.c-purple {
	color: #927af6;
}

.c-fuchsia {
	color: #f36ef6;
}

.c-gray {
	color: #cccccc;
}

.nav {
	margin-left: 20px;
	margin-top: 8px;
}

.nav li {
	float: left;
	font-size: 16px;
}

.nav li a {
	color: #fff;
	height: 42px;
	line-height: 42px;
	padding: 0 20px;
	display: block;
}

.nav li a:hover {
	border: 1px solid #fff;
	color: #0f7bcc;
	background-image: linear-gradient(#b2d7ff, #ffffff);
	background: #ffffff\9;
	border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;
}

.theme-blue {
	width: 100%;
	height: 108px;
	background-image: linear-gradient(#0e74c5, #02398a);
	background: #0858a9\9;
	box-shadow: 0 4px 5px 0px #ced4db;
	/* background-image: linear-gradient(#0e74c5, #02398a);
	background: #0858a9\9;
	box-shadow: 0 4px 5px 0px #ced4db; */
}


/*左侧菜单*/
.sidebar {
	position: absolute;
	left: 0;
	padding-top: 15px;
	width: 200px;
	height: 100%;
	background: #fff;
}

.menu-one>li {
	width: 200px;
	height: auto;
	overflow: hidden;
}

.menu-one>li.firstChild {}

.menu-one .header {
	height: 58px;
	line-height: 58px;
	cursor: pointer;
	color: #666;
	font-size: 16px;
}

.menu-one .header>span {
	display: block;
}

.menu-one .header .arrow {
	float: right;
	margin-right: 10px;
	width: 40px;
	height: 58px;
	background: url(../images/arrow1.png) no-repeat center center;
}

.menu-two {
	display: none;
	width: 200px;
	height: auto;
	font-size: 12px;
}

.menu-two li {
	width: 100%;
	height: 50px;
	line-height: 50px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.menu-two li.firstChild {
	border: 0;
}

.menu-two li a {
	display: block;
	padding-left: 56px;
}

.menu-two li a:hover {
	background: #eef3ff;
	color: #0f7bcc;
}

.menu-show .header {
	background-image: linear-gradient(#1179ce, #0855a6);
	background: #0855a6/9;
	color: #fff;
}

/* .menu-show .header:after {
	content: "";
	position: absolute;
	background: url(../images/img_16.png) no-repeat right;
	width: 20px;
	height: 58px;
	right: -10px;
} */

.menu-show .header .arrow {
	background-image: url(../images/allow.png);
}

.lihover {
    border: 1px solid #fff;
    color: #0f7bcc;
    background-image: linear-gradient(#b2d7ff, #ffffff);
    background: #ffffff\9;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
}

.lihover a {  
    color: #0f7bcc!important;  
}

/*	选项卡*/
.tab_menu {
	overflow: hidden;
}

.tab_menu2 {
	position: absolute;
	right: 0;
	top: 10px;
}

.tab_menu2a {
	position: absolute;
	left: 20px;
	top: 65px;
}

.tab_menu2 li {
	float: left;
	margin-right: 20px;
	padding: 0 18px;
	height: 24px;
	line-height: 24px;
	color: #666666;
	text-align: center;
	cursor: pointer;
}

.tab_menu2 li.current {
	background: #0f7bcc;
	color: #fff;
	border-radius: 12px;
	-webkit-border-radius: 12px;
}

.tab_box .hide {
	display: none;
}

.theme-box {
	display: flex;
	justify-content: space-around;
	width: 100px;
	height: 33px;
	background: #247ac3;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 0 10px;
}

.theme-box li {
	float: left;
	margin-top: 7px;
	margin-right: 10px\9;
	width: 18px;
	height: 18px;
	border: 1px solid #92bde1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}

.theme-color-blue {
	background: #0f7bcc;
	display: inline-block;
	width: 18px;
	height: 18px;
}

.theme-color-dark {
	background: #2b9ca8;
	display: inline-block;
	width: 18px;
	height: 18px;
}

.theme-color-red {
	background: #d42b2b;
	display: inline-block;
	width: 18px;
	height: 18px;
}
.liHover2 {
	background: #eef3ff;
	color: #0f7bcc;
}


.theme-color-blue {
	background: #0f7bcc;
	display: inline-block;
	width: 18px;
	height: 18px;
}

.theme-color-dark {
	background: #2b9ca8;
	display: inline-block;
	width: 18px;
	height: 18px;
}

.theme-color-red {
	background: #d42b2b;
	display: inline-block;
	width: 18px;
	height: 18px;
}

.theme-box {
	display: flex;
	justify-content: space-around;
	width: 100px;
	height: 33px;
	background: #247ac3;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 0 10px;
}

.theme-box li {
	float: left;
	margin-top: 7px;
	margin-right: 10px\9;
	width: 18px;
	height: 18px;
	border: 1px solid #92bde1;
	border-radius: 4px;
	-webkit-border-radius: 4px;
}
.topColor {
    background-image: linear-gradient(#0e74c5, #02398a);
}