/* CSS Document */

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
form,
input,
button,
select,
textarea,
img,
dl,
dt,
dd,
table,
th,
td,
blockquote,
fieldset,
div,
strong,
label,
em,
a,
span {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
}

body {
	width: 100%;
	background: #fff;
	font-size: 14px;
	font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"SimSun";
	color: #333;
}

ul,
ol,
li {
	list-style: none;
}

input,
button,
select,
textarea {
	outline: none
}

input {
	vertical-align: middle;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	border: none;
	display: inline-block;
	
}

a {
	text-decoration: none;
	color: #505050;
	 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
	cursor: pointer
}

.left {
	float: left
}

.right {
	float: right
}

.clear {
	clear: both;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	height: 0;
	overflow: hidden;
}

.clearfix {
	zoom: 1;
}
.width100 {
	width: 100%;
	min-width: 1000px;
	/*overflow:hidden;*/
}
.width {
	width: 1000px;
	margin: 0 auto;
}
.colorfff {
	color: #fff;
}
.color000 {
	color: #000;
}

.font12 {
	font-size: 12px;
}
.font14 {
	font-size: 14px;
}
.font15 {
	font-size: 15px;
}
.font16 {
	font-size: 16px;
}
.font17 {
	font-size: 17px;
}
.font18 {
	font-size: 18px;
}
.font20 {
	font-size: 20px;
}
.font22 {
	font-size: 22px;
}

.font24 {
	font-size: 24px;
}
.font30 {
	font-size: 30px;
}
.font36 {
	font-size: 36px;
}
.fontBold {
	font-weight: bold;
}
.line24 {
	line-height: 24px;
}
.line30 {
	line-height: 30px;
}
.line36 {
	line-height: 36px;
}
.line40 {
	line-height: 40px;
}
.line50 {
	line-height: 50px;
}
.textcenter {
	text-align: center;
}
.textright {
	text-align: right;
}
.textjustify {
	text-align: justify;
	text-justify: inter-ideograph;
}
.overflow{ overflow: hidden;}
.mb5 {
	margin-bottom: 5px;
}

.ml5 {
	margin-left: 5px;
}

.mr5 {
	margin-right: 5px;
}

.mt5 {
	margin-top: 5px;
}

.mb10 {
	margin-bottom: 10px;
}

.ml10 {
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.mt10 {
	margin-top: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.ml15 {
	margin-left: 15px;
}

.mr15 {
	margin-right: 15px;
}

.mt15 {
	margin-top: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.ml20 {
	margin-left: 20px;
}

.mr20 {
	margin-right: 20px;
}

.mt20 {
	margin-top: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.ml25 {
	margin-left: 25px;
}

.mr25 {
	margin-right: 25px;
}

.mt25 {
	margin-top: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.ml30 {
	margin-left: 30px;
}

.mr30 {
	margin-right: 30px;
}

.mt30 {
	margin-top: 30px;
}

.mb40 {
	margin-bottom: 40px;
}

.ml40 {
	margin-left: 40px;
}

.mr40 {
	margin-right: 40px;
}

.mt40 {
	margin-top: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.ml50 {
	margin-left: 50px;
}

.mr50 {
	margin-right: 50px;
}

.mt50 {
	margin-top: 50px;
}

.mr60 {
	margin-right: 60px;
}

.ml85 {
	margin-left: 85px;
}

.mt8 {
	margin-top: 8px;
}

.pt2 {
	padding-top: 2px;
}

.pb5 {
	padding-bottom: 5px;
}

.pl5 {
	padding-left: 5px;
}

.pr5 {
	padding-right: 5px;
}

.pt5 {
	padding-top: 5px;
}

.pb10 {
	padding-bottom: 10px;
}

.pl10 {
	padding-left: 10px;
}

.pr10 {
	padding-right: 10px;
}

.pt10 {
	padding-top: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pl15 {
	padding-left: 15px;
}

.pr15 {
	padding-right: 15px;
}

.pt15 {
	padding-top: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pl20 {
	padding-left: 20px;
}

.pr20 {
	padding-right: 20px;
}

.pt20 {
	padding-top: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pl25 {
	padding-left: 25px;
}

.pr25 {
	padding-right: 25px;
}

.pt25 {
	padding-top: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.pl30 {
	padding-left: 30px;
}

.pr30 {
	padding-right: 30px;
}

.pt30 {
	padding-top: 30px;
}
.pt35 {
	padding-top: 35px;
}
.pl35 {
	padding-left: 35px;
}
.pb35 {
	padding-bottom: 35px;
}
.pb40 {
	padding-bottom: 40px;
}

.pl40 {
	padding-left: 40px;
}

.pr40 {
	padding-right: 40px;
}

.pt40 {
	padding-top: 40px;
}
.pb45 {
	padding-bottom: 45px;
}

.pl45 {
	padding-left: 45px;
}

.pr45 {
	padding-right: 45px;
}

.pt45 {
	padding-top: 45px;
}
.pb50 {
	padding-bottom: 50px;
}

.pl50 {
	padding-left: 50px;
}

.pr50 {
	padding-right: 50px;
}

.pt50 {
	padding-top: 50px;
}
.pb50 {
	padding-bottom: 50px;
}
.pt70 {
	padding-top: 70px;
}
.pl60 {
	padding-left: 60px;
}

.pr60 {
	padding-right: 60px;
}

.pl80 {
	padding-left: 80px;
}

.pr80 {
	padding-right: 80px;
}


/*top*/
body{ background: #2f2d2a;}
header{ box-sizing: border-box; padding: 15px; height: 70px; background: #fff; border-bottom: 1px solid #e5e6e7;}
header>a{ float: left; padding-top: 5px;}
header>a>img{ height: 30px;}
header .userdiv{ float: right; }
header .userdiv>img{ float: right; width: 40px; height: 40px; border-radius:100%;}
header .userdiv>p{ float: right; padding: 0 10px; line-height: 40px;}
header .userdiv>p>span{ color: #f9bb28;}
header .userdiv>a{ line-height: 40px; font-size: 15px; color: #898888;}
/*footer*/
footer{ font-size: 16px; height: 60px; line-height: 60px; text-align: center; background: #fff; color: #333;}
/*left*/
.content{display: flex;}

.content_left{ width: 180px;}
.content_left>ul>li{ width: 180px;}
.content_left>ul>li>a{ margin: 0; color: #fff; display: block;width: 180px; height: 44px; line-height: 44px; font-size: 16px; border-right: 3px solid #2f2d2a;}
.content_left>ul>li>a>img{ float: left; width: 44px; padding: 10px;}
.content_left>ul>li>a>i{ margin-top: 12px; margin-right: 12px;}
.content_left>ul>li .erjilist{ display: none; background:#1b1a18 ; line-height: 44px;}
.content_left>ul>li .erjilist>a{ margin: 0; display: block; color:#d1d1d1; padding-left:44px ; width: 180px; border-right: 3px solid #1b1a18;}
.content_left>ul>li .erjilist>a.active{ color: #f9bb28;border-right: 3px solid #f9bb28;}
.content_left>ul>li .erjilist.showdiv{ display: block;}

/**/
.content_right{ flex: 1;
	font-size: 14px;
	display: flex;
	display: -webkit-flex;
	width: 0;
	flex-direction: column;
	justify-content: space-between; background: #fcfcfc; padding: 0 15px;}
.navlist{ height: 50px; border-bottom: 1px solid #eae9e8; font-size: 16px;}
.navlist li{ float: left; line-height: 50px;}	
.navlist li.yuan{ padding: 0 10px; color: #F9BB28;}
.colorh{ color: #F9BB28;}
.termbox{ padding: 10px 0;}
.rowterm{ padding:10px 0;}
.rowterm input[type='text']{ float: left; width: 140px; height: 40px; padding-left: 15px; margin-right: 20px; box-shadow: 0 0 5px #eae9e8; background: #fff; border-radius:40px ;}
.rowterm .seachBut{ width: 40px; height: 40px; border-radius:100% ; text-align: center; line-height: 40px; color: #fff; background: #F9BB28;box-shadow: 0 0 5px #F9BB28;}
.rowterm .seachBut i{ font-size: 20px;}
.rowterm>div>a{height: 30px; padding-top: 10px; line-height: 20px; margin-left: 20px;}
.rowterm>div>a>img{ float: left; margin-right: 5px;}

.tabeldiv table{ width: 100%; background: #fff;}
.tabeldiv table tr th{ background: #eee; color: #5b5a59; line-height: 40px;}
.tabeldiv table tr td{ text-align: center; padding: 5px 0; border-bottom:1px solid #eee;}
.tabeldiv table tr td>img{ width: 30px; height: 30px; border-radius:30px ;}
.tabeldiv table tr td>a{ display: inline-block; padding: 0 10px; color: #F9BB28;}
.tabeldiv table tr td>a.del{ color: #fb7f4f;}

/*page*/
.pagebox{ padding: 20px 0;}
.page>a{ float: left; width: 30px; height: 30px; line-height: 30px; border-radius:5px ; text-align: center; margin: 0 5px; font-size: 16px; background: #eeeeed; color: #75706b;}
.page>a.cur{ color: #fff; background: #F9BB28;}
.page>a>i{ font-size: 18px;}