* {
	margin: 0;
	padding: 0;
}

html,
body,
ul,
a {
	width: 100%;
	height: 100%;
	font-family: "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;
	list-style: none;
	text-decoration: none;
	font-size: 12px;
	overflow-x: hidden;

}

a,
input,
button,
.she {
	cursor: pointer;
}

.container {
	width: 100%;
	height: 100%;
	font-family: fantasy;
	list-style: none;
	text-decoration: none;
	font-size: 12px;
	position: relative;

}

/*��¼ҳ��ģ��*/
#header {
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	position: relative;
}

#head_context {
	width: 1228px;
	height: 701px;
	border-radius: 5px;
	background: white;
	margin: 0 auto;
	position: relative;
	top: 150px;
}

.User {
	position: absolute;
	width: 65px;
	height: 30px;
	font-size: 32px;
	line-height: 31px;
	color: #0a7dff;
	right: 365px;
}

.User_info {
	margin-top: 10px;
	text-align: center;
}

.uls li {
	font-size: 14px;
	color: #3d5982;
	font-weight: bold;
	margin: 30px;
}

.uls input {
	width: 393px;
	height: 47px;
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	font-size: 16px;
}

#login_btn {
	position: absolute;
	width: 394px;
	height: 47px;
	color: white;
	background: #078dff;
	font-size: 20px;
	left: 632px;
	top: 312px;
}
#login_btn_tourist {
	position: absolute;
	width: 394px;
	height: 47px;
	color: white;
	background: #00d697;
	font-size: 20px;
	left: 632px;
	top: 458px;
}
#span_gray {
	position: absolute;
	color: #b2b2b2;
	font-size: 14px;
}
#span_blue {
	position: absolute;
	color: #0788ff;
	font-size: 14px;
}

#line_space{
	display: inline-block;
	width:481px;
	border-top:1px solid #78c1ff;
	position: absolute;
	left: 585px;
	top: 423px;
}

#login_footer {
	text-align: center;
	color: white;
	position: relative;
	top: 70px;
	right: 310px;
}

#login_footer span {
	font-size: 40px;
	font-weight: bold;
}

/*======================*/

/*��¼��ҳ��ģ��*/
#head_top {
	width: 100%;
	height: 100px;
	background: #35527a;
	color: white;
	line-height: 88px;
}

#head_top span {
	font-weight: bold;
	font-size: 22px;
	margin-left: 20px;
}

.head_left {
	float: left;
}

.head_right {
	float: right;
	margin-right: 20px;
}

.head_right a {
	color: white;
}

#head_info {
	width: 1100px;
	height: 800px;
	margin: 0 auto;
	background: white;
}

#head_info a {
	color: white;
	font-size: 14px;
	text-decoration: none;
}

/*.info_left{
	width: 20%;
	height: 800px;
	
}*/
#header-left {
	width: 20%;
	height: 800px;
	background: #e7f3fb;
	text-align: center;
	/*overflow: hidden;*/

}

.info_right {
	float: right;
	width: 80%;
	height: 800px;
	overflow: hidden;
	position: relative;
	top: -100%;
}

/*�ַ���Ч��*/
ul {
	list-style: none;
}

.accordion {
	width: 100%;
	max-width: 360px;
	margin: 30px auto 20px;
	background: #FFF;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

}

.accordion .link {
	background: #35527a;
	text-align: center;
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 42px;
	color: white;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li:last-child .link {
	border-bottom: 0;
}

.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 18px;
	color: #595959;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	color: white;
}

.accordion li i.fa-chevron-down {
	color: white;
	right: 12px;
	left: auto;
	font-size: 16px;
}

.accordion li.open .link {
	color: #ccc;
}

.accordion li.open i {
	color: #ccc;
}

.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/
.submenu {
	display: none;
	background: #444359;
	font-size: 14px;
}

.submenu li {
	border-bottom: 1px solid #4b4a5e;
}

.submenu a {
	width: 180px;
	text-align: center;
	display: block;
	text-decoration: none;
	color: #d9d9d9;
	padding: 12px;
	padding-left: 30px;
	-webkit-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;

}

.submenu a:hover {
	background: #b63b4d;
	color: #FFF;
}

/*=============*/

/*ͨѶ¼ģ��*/
/*��չ��������*/
.accordion .fazhan-link {
	background: #35527a;
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 20px;
	color: white;
	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.accordion li:last-child .fazhan-link {
	border-bottom: 0;
}

.accordion .link {
	cursor: pointer;
	display: block;
	padding: 15px 15px 15px 20px;

	font-size: 14px;
	font-weight: 700;
	border-bottom: 1px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#report {
	display: none;
}

#report i {
	color: white;
}

/*================*/
.menu_pic {
	border-bottom: 1px solid white;
	text-align: center;
	height: 78px;
	background: #35527a;
	font-size: 14px;
	color: white;
	line-height: 78px;
}

.menu_pic img {
	position: relative;
	top: 10px;
	left: -10px;
}

.info_this {
	line-height: 40px;
	margin: 20px;
	border-bottom: 1px dashed #ccc;
}

.info_this span {
	position: relative;
	top: -10px;
}

.info_select {
	margin: 20px;
	color: #35527a;
	font-weight: bold;
	font-size: 14px;

}

.info_select span {
	padding: 20px;
}

.info_select input[type=text] {
	width: 100px;
	height: 20px;
}

.info_select input[type=button] {
	width: 120px;
	height: 30px;
	margin: 10px;
	border: none;
	color: white;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
}

.info_select input[type=reset] {
	width: 120px;
	height: 30px;
	margin: 10px;
	border: none;
	color: white;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
	background: #07a3c5;
}

/*table����*/
.info_tab {
	margin: 20px;
	white-space: nowrap;
}

.info_tab table {
	width: 100%;
}

.tab_h1 td {
	height: 40px;
	text-align: center;
}

.info_btn input {
	margin: 20px;
	float: left;
	width: 100px;
	height: 30px;
	color: white;
	font-weight: bold;
	border-radius: 5px;
	border: none;
}

.tab_head {
	height: 40px;
	background: #3dbaf5;
	color: white;
}

.tab_head_th {
	width: 200px;
	height: 40px;
	background: #3dbaf5;
	color: white;
}

.tab_info th {
	height: 30px;

}

.info_tab th {
	text-align: center;
	height: 30px;
	font-size: 14px;
	font-family: arial;
}

.tab_before td {
	padding-left: 10px;
}

.tab_before th {
	height: 40px;
	background: rgba(61, 186, 245, 0.85);
	color: white;
}

#footer {
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	position: relative;
	top: 10%;

}

#footer p {
	position: absolute;
	left: 35%;
	color: #35527a;
}

/*====================*/
.check_tab {
	margin: 20px;
}

.check_tab th {
	white-space: nowrap;

}

.oper a {
	margin: 10px;
}

#tab_btn {
	text-align: center;
	margin: 20px;

}

#tab_btn span {
	padding: 20px;
}

#tab_btn input {
	width: 100px;
	height: 30px;
	color: white;
	font-weight: bold;
	border-radius: 5px;
	border: none;

}

#yue_btn {
	width: 120px;
	height: 30px;
	color: white;
	background: #e46304;
}

/*��Ҽ�������*/
#add_btn {
	width: 120px;
	height: 30px;
	margin: 10px;
	border: none;
	color: white;
	border-radius: 5px;
	background: #07a3c5;
	float: right;
	right: 20px;
	margin-top: 6px;
}

.add_title {
	font-size: 16px;
	height: 40px;
	border-bottom: 3px solid #b3b3b3;
	color: #3d3d3d;
	font-weight: bold;
	line-height: 40px;

}

.add_title span {
	padding-left: 4px;
	color: #07a3c5;
}

.info_title {
	font-size: 16px;
	height: 40px;
	/*background:url(../img/add_title.png)no-repeat;*/
	border-bottom: 3px solid #b3b3b3;
	color: #3d3d3d;
	font-weight: bold;
	line-height: 40px;
	/*padding-left: 20px;*/

}

.info_title span {
	padding-left: 4px;
	color: #07a3c5;
}

.add_tab {
	margin: 20px;
}

.add_tab table {
	width: 100%;
	margin-top: 10px;
}

.add_tab table th {
	text-align: right;
}

.add_tab table input[type=text] {
	height: 25px;
	margin: 10px;
}

.add_tab table select {
	height: 25px;
	margin: 10px;
}

.add_tab table input[type=button] {
	width: 120px;
	height: 30px;
	margin: 10px;
	border: none;
	color: white;
	border-radius: 5px;
	background: #c80719;
}

.tab_head th:nth-child(2) {
	width: 100px;
}

.tabs {
	margin-top: 20px;
}

.tabs tr:hover {
	background: #d0eefe;
}

#oper {
	width: 100px;
}

#oper button {
	margin: 10px;

}

.jiedao input {
	width: 80px;
	margin: 5px;
}

/*==================*/


/*cms������ϵͳ)*/
.tab_img {
	background: url(../img/table_img.png)no-repeat;
	background-size: 100% 100%;
}

#sk {
	color: #0ab1ca;
}

#dels {
	color: #fb1515;
}

.up_self {
	margin-left: 10px;
}

.up_self input[type=button] {
	width: 120px;
	height: 30px;
	margin: 10px;
	border: none;
	color: white;
	border-radius: 5px;
	border: 1px solid #CCCCCC;
}

.news_info {
	margin: 20px;
}

.news_info span {
	color: #116aa6;
}

.news_info table {
	width: 700px;

}

.news_info table input[type=text] {
	width: 420px;
	height: 30px;
	padding-left: 15px;
}

.news_info tr {
	border-bottom: 1px dashed #CCCCCC;
}

.list_03 {
	position: relative;
	z-index: 99;
	padding-left: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.yue_tab {
	margin: 20px;
	width: 100%;
}

.yue_tab th {
	text-align: center;
	height: 30px;
	font-size: 14px;
	font-family: arial;

}

.yue_tab th div {
	width: 240px;
}

/*==============*/
#up_btn {
	float: right;
	margin-right: 20px;
}

#news_n2 {
	padding-left: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.save_button {
	margin-top: 30px;
	margin-left: 500px;
}

.jp-disabled {
	cursor: default;
	background: none;
	color: #bbb;
	border: 1px solid #ddd;
}

.jp-current {
	background-color: #2fa9ff;
	color: #fff;
	border-color: #2fa9ff;
}

.jp-current:hover {
	color: #fff;
}