        * {
        	font-size: 13px;
        	margin: 0;
        	padding: 0;
        	box-sizing: border-box;
        }

        body {
        	min-width: 1340px;
        	font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
        }

        ul {
        	list-style: none;
        }

        a {
        	color: #555;
        	text-decoration: none;
        }

        .topHeader {
        	height: 115px;
        	overflow: hidden;
        	position: relative;
        	background-color: #fffaf7;
        }

        .logo {
        	width: 450px;
        	height: 65px;
        	margin-top: 25px;
        	margin-left: 50px;
        	float: left;
        }

        .logo img {
        	height: 65px;
        }

        .topHeaderRight {

        	width: 430px;
        	height: 80px;
        	margin-right: 50px;
        	margin-top: 25px;
        	float: right;
        }

        .searchDiv {
        	height: 40px;
        }

        .searchDivLeft {
        	color: #515151;
        	width: 180px;
        	line-height: 40px;
        	float: left;
        }

        .searchDivLeft span {
        	font-size: 14px;
        }

        .searchDivRight {
        	width: 250px;
        	height: 40px;
        	border: #dcdcdc 1px solid;
        	float: right;
        	background-color: #fff;
        }

        .searchDivRight input {
        	height: 38px;
        	border: 0;
        	outline: none;
        	margin-left: 15px;
        	float: left;
        }

        .searchDivRight input::placeholder {
        	color: #bbb;
        }

        .searchDivRight input#searchBn {
        	width: 38px;
        	height: 38px;
        	background: url(../images/lxs_tjys_icon_search.png) center center no-repeat;
            cursor:pointer;
        	float: right;
        }

        .siteName {
        	color: #515151;
        	height: 45px;
        	line-height: 45px;
        	text-align: right;
        }

        .siteName span {
        	font-size: 14px;
        }

        .contentDiv {}

        .content {
        	width: 1300px;
        	margin: 0 auto;
        	min-height: 1000px;
        }

        .contentTop {
        	height: 450px;
        }

        .hotNews {
        	width: 750px;
        	height: 450px;
        	float: left;
        }

        .hotNewsCon {
        	width: 750px;
        	height: 400px;
        	position: relative;
        }

        .hotNewsCon img {
        	width: 750px;
        	height: 400px;
        }

        .newsTitle {
        	width: 100%;
        	height: 85px;
        	background: rgba(0, 0, 0, 0.5);
        	position: absolute;
        	bottom: 0;
        	z-index: 1000;
        }

        .newsTitle h3 {
        	color: #fff;
        	font-size: 16px;
        	line-height: 45px;
        	margin-left: 20px;
        }

        .newsTitle h3 a {
        	color: #fff;
        	font-size: 16px;
        }

        .newsTitle p {
        	color: #989693;
        	line-height: 25px;
        	margin-left: 20px;
        }

        .columnTitle {
        	height: 65px;
        	line-height: 65px;
        }

        .columnTitle b {
        	color: #b4524f;
        	font-weight: bold;
        	font-size: 22px;
        	float: left;
        }

        .columnTitle a {
        	float: right;
        }

        .notice {
        	width: 500px;
        	height: 450px;
        	margin-left: 40px;
        	float: left;
        }

        .noticeCon {
        	width: 500px;
        	height: 350px;
        	margin-top: 40px;
        }

        .noticeCon ul li {
        	margin-bottom: 10px;
        }

        .noticeCon ul li h3,
        .noticeCon ul li h3 a {
        	color: #3e3e3e;
        	font-size: 16px;
        	font-weight: 500;
        	line-height: 35px;
        }

        .noticeCon ul li h3 a:hover {
        	color: #cd6451;
        }

        .noticeCon ul li p {
        	color: #cd908d;
        	line-height: 20px;
        }

        .online {
        	height: 500px;
        	margin-top: 30px;
        }

        .onlineCon {
        	height: 440px;
        }

        /* Ã¥Â·Â¦Ã¤Â¾Â§Ã§Â®â‚¬Ã¥Å’â€“Ã¥Â¯Â¼Ã¨Ë†ÂªÃ¦Â Â */
        .left-menu {
        	width: 480px;
        	background: #fff;
        	float: left;
        }

        .menu-title {
        	padding: 13px 20px;
        	background: #c82a32;
        	color: #fff;
        	font-size: 16px;
        	font-weight: bold;
        	margin-bottom: 10px;
        }

        .left-menu li.menu-item {
        	border-bottom: #ededed 1px solid;
        }

        .left-menu li.menu-item:last-child {
        	border: none;
        }

        .menu-item {
        	font-size: 16px;
        	padding: 15px 20px;
        	height: 86px;
        	line-height: 28px;
        	cursor: pointer;
        }

        .menu-item:hover {
        	background: #fff3f4;
        }

        .menu-item.active {
        	background: #b4524f;
        	color: #fff;
        }

        .right-content {
        	width: 805px;
        	height: 430px;
        	margin-left: 15px;
        	background: #fff;
        	float: left;
        }

        .right-content img {
        	width: 100%;
        	height: 100%;
        }

        .platForm {
        	height: 265px;
        	margin-top: 40px;
        }

        .platForm h3 {
        	color: #fff;
        	font-family: "Ã¦â‚¬ÂÃ¦ÂºÂÃ©Â»â€˜Ã¤Â½â€œ";
        	font-size: 20px;
        	font-weight: 500;
        	margin: 50px 14px;
        	margin-top: 80px;
        }

        .platFormTitle {
        	width: 45px;
        	height: 265px;
        	background: url('lxs_tjys_plat_title.jpg');
        	float: left;
        }

        .platFormCon {
        	width: 1255px;
        	height: 265px;
        	border: #ededed 1px solid;
        	float: left;
        }

        .platFormCon ul li {
        	margin-top: 40px;
        	padding-left: 60px;
        	padding-right: 60px;
        	border-right: #ededed 1px solid;
        	float: left;
        }

        .platFormCon ul li:last-child {
        	border: none;
        }

        .platFormCon ul li div {
        	width: 295px;
        	height: 180px;
        	text-align: center;
        	background-color: #c79871;
        	transition: transform 0.3s ease-in-out;
        }


        .platFormCon ul li div:hover {
        	transform: translateY(-10px);
        }


        .platFormCon ul li div h2 {
        	color: #fff;
        	font-family: "Ã¦â‚¬ÂÃ¦ÂºÂÃ©Â»â€˜Ã¤Â½â€œ";
        	font-size: 22px;
        	font-weight: 500;
        	padding-top: 70px;
        }

        .contentMid {
        	height: 320px;
        	margin-top: 40px;
        }

        .room {
        	width: 580px;
        	height: 300px;
        	position: relative;
        	float: left;
        }

        .roomTitle {
        	width: 180px;
        	height: 45px;
        	position: absolute;
        	let: 0;
        	top: 0;
        	z-index: 2000;
        }

        .roomTitle img {
        	height: 45px;
        }

        .carousel-container {
        	position: relative;
        	width: 580px;
        	height: 300px;
        	overflow: hidden;
        }

        .carousel-slide {
        	position: absolute;
        	top: 0;
        	left: 0;
        	width: 100%;
        	height: 100%;
        	opacity: 0;
        	transition: opacity 0.8s ease-in-out;
        }

        .carouselImg {
        	width: 580px;
        	height: 300px;
        }

        .carouselImg img {
        	width: 580px;
        	height: 300px;
        }

        .carousel-slide.active {
        	opacity: 1;
        	z-index: 1;
        }

        /* Ã¦â€“â€¡Ã¥Â­â€”Ã¥â€ â€¦Ã¥Â®Â¹ */
        .carousel-content {
        	position: absolute;
        	bottom: 0;
        	left: 0;
        	right: 0;
        	padding: 10px 20px;
        	color: white;
        	z-index: 1;
        	background: rgba(0, 0, 0, 0.4);
        }

        .carousel-title {
        	font-size: 16px;
        	font-weight: bold;
        	margin-bottom: 8px;
        }

        .carousel-title a {
        	color: #fff;
        	font-size: 16px;
        	font-weight: bold;
        }

        /* Ã¦Å’â€¡Ã§Â¤ÂºÃ¥â„¢Â¨Ã¥Å“â€ Ã§â€šÂ¹ */
        .carousel-indicators {
        	position: absolute;
        	bottom: 20px;
        	right: 20px;
        	z-index: 10;
        	display: flex;
        	gap: 8px;
        }

        .indicator {
        	width: 10px;
        	height: 10px;
        	border-radius: 50%;
        	background: rgba(255, 255, 255, 0.5);
        	cursor: pointer;
        	transition: background 0.3s, transform 0.3s;
        }

        .indicator.active {
        	width: 15px;
        	border-radius: 8px;
        	background: white;

        }

        .art {
        	color: #fff;
        	width: 680px;
        	height: 300px;
        	margin-left: 40px;
        	background-image: url(lxs_tjys_art_bg.jpg);
        	background-position: center center;
        	background-repeat: no-repeat;
        	background-size: 100% 100%;
        	/* Ã¦Ë†â€“Ã¨â‚¬â€¦ cover */
        	text-align: center;
        	/* Ã¨Â¿â€¡Ã¦Â¸Â¡Ã¨Æ’Å’Ã¦â„¢Â¯Ã¥Â°ÂºÃ¥Â¯Â¸Ã§Å¡â€žÃ¥ÂËœÃ¥Å’â€“ */
        	transition: background-size 0.5s ease-in-out;

        	/* Ã¥ÂÂ¯Ã©â‚¬â€°Ã¯Â¼Å¡Ã©Å¡ÂÃ¨â€”ÂÃ¦ÂºÂ¢Ã¥â€¡ÂºÃ¯Â¼Å’Ã¨â„¢Â½Ã§â€žÂ¶Ã¨Æ’Å’Ã¦â„¢Â¯Ã¥â€ºÂ¾Ã¤Â¸ÂÃ¤Â¼Å¡Ã§Å“Å¸Ã¦Â­Â£Ã¦ÂºÂ¢Ã¥â€¡ÂºÃ¥Â®Â¹Ã¥â„¢Â¨Ã¯Â¼Å’Ã¤Â½â€ Ã¨Â¿â„¢Ã¦ËœÂ¯Ã¥Â¥Â½Ã¤Â¹Â Ã¦Æ’Â¯ */
        	overflow: hidden;
        	float: left;
        }

        .art:hover {
        	background-size: 110% 110%;
        	/* Ã¦â€Â¾Ã¥Â¤Â§Ã¥Ë†Â° 110% */
        }

        .art h1 {
        	font-size: 25px;
        	line-height: 40px;
        	margin-top: 120px;
        	letter-spacing: 1px;
        }

        .art p {
        	font-size: 18px;
        	line-height: 40px;
        }

        .wiseTitle {
        	height: 65px;
        	line-height: 65px;
        	text-align: center;
        	position: relative;
        }

        .wiseTitle b {
        	color: #b4524f;
        	font-weight: bold;
        	font-size: 22px;
        }

        .wiseTitle a {
        	height: 65px;
        	line-height: 65px;
        	position: absolute;
        	right: 0;
        }

        .wise {
        	height: 440px;
        }

        .wise ul li {
        	width: 260px;
        	text-align: center;
        	margin-right: 85px;
        	float: left;
        }

        .wise ul li img {
        	width: 260px;
        	height: 345px;
        	border: #ededed 1px solid;
        }

        .wise ul li:last-child {
        	margin-right: 0;
        }

        .wise ul li p {
        	font-size: 16px;
        	line-height: 40px;
        }

        .footerTop {
        	height: 72px;
        	background-color: #b4524f;
        }

        .footerTopCon {
        	width: 1300px;
        	height: 70px;
        	margin-left: auto;
        	margin-right: auto;
        }

        .footerTopCon b {
        	color: #fff;
        	font-size: 15px;
        	line-height: 70px;
        	margin-right: 20px;
        	float: left;
        }

        .footerTopCon ul li {
        	line-height: 70px;
        	margin-left: 20px;
        	float: left;
        }

        .footerTopCon ul li a {
        	font-size: 14px;
        	color: #fff;
        }

        .footerTopCon select {
        	color: #fff;
        	font-size: 14px;
        	width: 200px;
        	height: 30px;
        	margin-left: 30px;
        	margin-top: 20px;
        	border-color: #dca5a2;
        	background: none;
        	outline: none;
        	float: left;
        }

        .footerTopCon select option {
        	color: #555;
        }

        .footerBottom {
        	height: 160px;
        	background-color: #9b2b2e;
        }

        .swiper-container {
  	          width: 100%;
  	          height: 100%;
  	      }
  	      .swiper-slide {
  	          text-align: center;
  	          font-size: 18px;
  	          background: #fff;
  	          
  	        
  	      }

        .swiper-slide img {
        	width: 100%;
        	height: 100%;
        }

        .menuDiv {
        	height: 50px;
        	background-color: #cd6451;
        	text-align: center;
        }

        .menu {
        	width: 1100px;
        	margin-left: auto;
        	margin-right: auto;
        }

        .menu .on a {
        	border-bottom: #fff 2px solid;
        }
        .menu .on dl a {
            border:none;    
        }
        .menuDiv ul li {
        	height: 50px;
        	line-height: 50px;
        	text-align: center;
        	position: relative;
        	float: left;
        }

        .menuDiv ul li a {
        	font-size: 15px;
        	font-weight: bold;
        	text-decoration: none;
        	color: #fff;
        	height: 50px;
        	margin-left: 30px;
        	margin-right: 30px;
        	display: block;
        }

        .menuDiv a:hover {
        	color: #FFFFFF;
        }

        .menuDiv ul li dl dd {
        	float: none;
        	line-height: 30px;
        }

        .menuDiv ul li dl {
        	display: none;
        	position: absolute;
        	padding-top: 5px;
        	padding-bottom: 10px;
        	width: 130px;
        	top: 50px;
        	left: 0px;
        	background-color: #d56854;

        	z-index: 2000;
        }

        /*Ã¤Â¸ÂºÃ¤Âºâ€ Ã¥â€¦Â¼Ã¥Â®Â¹IE7Ã¨Â®Â¾Ã§Â½Â®Ã§Å¡â€žCSSÃ¦Â Â·Ã¥Â¼ÂÃ¯Â¼Å’Ã¤Â½â€ Ã¦ËœÂ¯Ã¥ÂË†Ã¥Â¿â€¦Ã©Â¡Â»Ã¥â€ â„¢Ã¥Å“Â¨a:hoverÃ¥â€°ÂÃ©ÂÂ¢*/
        .menuDiv ul li dl dd a:link,
        .menuDiv ul li dl dd a:visited {
        	color: #f2dbd7;
        	font-size: 14px;
        	font-weight: 600;
        	height: 35px;
        	line-height: 35px;
        	margin: 0;
        	padding-left: 5px;
        	padding-right: 5px;
        }

        .menuDiv ul li dl dd a:hover {
        	color: #fff;
        }

        .record {
        	width: 250px;
        	text-align: center;
        	margin-left: auto;
        	margin-right: auto;
        }

        .recordTop {
        	margin-top: 30px;
        	height: 70px;
        }

        .record p {
        	margin-top: 25px;
        }

        .footerBottomCon {
        	color: #fff;
        	width: 1300px;
        	margin-left: auto;
        	margin-right: auto;
        }

        .footerBottomLeft,
        .footerBottomRight {
        	width: 300px;
        	float: left;
        }

        .footerBottomLeft div {
        	margin-top: 20px;
        }

        .footerBottomLeft div p {
        	line-height: 30px;
        }

        .footerBottomLeft h3 {
        	color: #d7b8b8;

        	font-weight: 100;
        	margin-top: 20px;
        }

        .footerBottomMid {
        	width: 700px;
        	text-align: center;
        	float: left;
        }

        .footerBottomMid img {
        	height: 65px;
        	margin-top: 30px;
        }

        .listTitle {
        	height: 240px;
        	background-image: url('lxs_tjys_list_title.jpg');
        	background-position: center center;
        	background-repeat: no-repeat;
        }

        .routeDiv {
        	color: #b1b1b1;
        	height: 50px;
        	line-height: 50px;
        	border-bottom: #f0f0f0 1px solid;
        }

        .list {
        	min-height: 800px;
        }

        .listDiv ul li {
        	height: 180px;
        	border-bottom: #f0f0f0 1px solid;
        }

        .listDiv ul li h2 {
        	font-size: 22px;
        	line-height: 60px;
        	font-weight: 500;
        	margin-top: 20px;
        }

        .listDiv ul li h2 a {
        	font-size: 22px;
        }

        .listDiv ul li p {
        	color: #838383;
        	font-size: 16px;
        	height: 80px;
        	line-height: 30px;
        }

        .listDiv ul li em {
        	color: #d39d9b;
        	font-style: normal;
        }

        .pageDiv {
            width:1300px;
        	height: 120px;
            margin:0px auto;
        }

        .megas {
        	height: 45px;
        	padding-top: 40px;
        	text-align: right;
        }

        .megas a {
        	color: #555;
        	font-size: 14px;
        	padding: 10px 15px;
        	margin-right: 4px;
        	margin-left: 4px;
        	border: #ddd 1px solid;
        	border-radius: 8px;
        }

        .megas span {
        	color: #555;
        	font-size: 14px;
        	padding: 10px 15px;
        	margin-right: 4px;
        	margin-left: 4px;
        	border: #ddd 1px solid;
        	border-radius: 8px;
        }

        .megas span.disabled {
        	color: #999;
        	font-size: 14px;
        	padding: 10px 15px;
        	margin-right: 4px;
        	margin-left: 4px;
        	border: #ddd 1px solid;
        	border-radius: 8px;
        }

        .megas span:hover {
        	color: #555;
        	border: #555 1px solid;
        }

        .megas .on {
        	color: #fff;
        	font-weight: bold;
        	border: #bf5955 1px solid;
        	border-radius: 8px;
        	background: #bf5955;
        }

        .megas .on:hover {
        	color: #fff;
        }

        .megas .disable {
        	color: #999;
        }

        .megas .disable:hover {
        	color: #777;
        	border: #ddd 1px solid;
        }

        .directoryTitle {
        	height: 420px;
        	background-image: url('lxs_tjys_directory_title.jpg');
        	background-position: center center;
        	background-repeat: no-repeat;
        }

        .directoryTitleCon {
        	width: 1300px;
        	margin-left: auto;
        	margin-right: auto;
        }

        .statistc {
        	height: 310px;
        }

        .statistc ul li {
        	color: #fff;
        	width: 290px;
        	margin-left: 100px;

        	text-align: center;
        	float: left;
        }

        .statistc ul li b {
        	font-size: 90px;
        	margin-top: 60px;
        	font-weight: 600;
        	font-family: "Ã©Â»â€˜Ã¤Â½â€œ";
        	letter-spacing: 5px;
        	text-shadow: #bf8674 0px 5px 5px;
        	display: block;
        }

        .statistc ul li p {
        	font-size: 20px;
        	font-weight: 500;
        	line-height: 30px;
        	margin-top: 30px;
        }

        .directorySearch {
        	height: 50px;
        }

        .directorySearchCon {
        	width: 680px;
        	margin-left: 350px;
        }

        .directorySearchTxt {
        	width: 530px;
        	height: 50px;
        	background: #fff;
        	float: left;
        }

        .directorySearchTxt input {
        	font-size: 18px;
        	width: 530px;
        	height: 50px;
        	padding-left: 20px;
        	border: 0;
        	outline: none;
        }

        .directorySearchBn {
        	width: 130px;
        	height: 50px;
        	margin-left: 20px;
        	background: #bf5955;
        	float: left;
        }

        .directorySearchBn input {
        	color: #fff;
        	font-size: 18px;
        	width: 130px;
        	height: 50px;
        	border: 0;
        	background: none;
        }

        .filter-container {
        	line-height: 30px;
        	font-size: 16px;
        }

        .filter-group {
        	padding-top: 20px;
        	margin: 0;
        	padding-left: 100px;
        	position: relative;
        }

        .filter-title {
        	width: 80px;
        	text-align: center;
        	font-weight: 600;
        	position: absolute;
        	left: 0;
        }

        .filter-item {
        	display: inline-block;
        	margin: 0 12px;
        	padding: 0px 16px;
        	margin-bottom: 8px;

        }

        .filter-item.active {
        	background-color: #c43831;
        	color: #fff;
        }

        .filter-item.active a {
        	color: #fff;
        	font-size: 14px;
        }

        .material-list {
        	margin-top: 30px;
        	min-height: 800px;
        }

        .non-material-list {
        	list-style: none;
        	padding: 0;
        	margin: 0;
        	width: 100%;
        }

        .non-material-list__row {
        	display: flex;
        	border-bottom: 1px solid #eeeeee;
        }

        .non-material-list__head {
        	background-color: #d7c77d;
        	font-weight: 500;
        }

        .non-material-list__cell {
        	padding: 30px 8px;
        	font-size: 15px;
        	text-align: center;
        }

        .non-material-list__head .non-material-list__cell {
        	color: #fff;
        	padding: 15px 8px;
        	font-size: 18px;
        	font-weight: 500;
        	text-align: center;
        }

        /* Ã¥Ë†â€”Ã¥Â®Â½Ã¥ÂºÂ¦Ã¥ÂÂ Ã¦Â¯â€Ã©â‚¬â€šÃ©â€¦Â */
        .col-index {
        	flex: 0.5;

        }

        .col-name {
        	flex: 2;
        }

        .col-type {
        	flex: 1.5;
        }

        .col-level {
        	flex: 2;
        }

        .col-region {
        	flex: 2;
        }

        .col-unit {
        	flex: 2;
        }

        .articleTop {
        	width: 950px;
        	text-align: center;
        	margin-left: auto;
        	margin-right: auto;
        	margin-top: 30px;
        }

        .articleTop h1 {
        	font-size: 28px;
        }
       .articleTop h2 {
        	font-size: 20px;
            margin-top:20px;
        }

        .articleTop p {
        	color: #838383;
        	line-height: 40px;
        	margin-top: 10px;
        }

        .articleCon {
        	color: #555;
        	font-size: 16px;
        	margin-top: 20px;
        	line-height: 30px;
        	margin-bottom: 60px;
        }

        .articleCon p {
        	font-size: 16px;
        	text-indent: 2em;
        	margin-top: 15px;
        }
       .articleCon font,.articleCon font span,.articleCon strong {
            font-size: 16px;
       }

        .articleCon p img,
        .articleCon img {
        	margin-left: auto;
        	margin-right: auto;
        	max-width: 1000px;
        }
       .wordlinks {
            margin-top:30px;
        }
        .wordlinks a {
            color:#4590dd;
            font-size:16px;
            line-height:35px;    
        }
        .bookList {
                min-height:800px;
                margin-top:30px;
        }
       .bookList ul{
    	overflow: hidden;
    	margin-right: -50px;
    }
    
    .bookList li{
    	width:300px;
    	height:420px;
    	float:left;
    	margin: 0px 32px 47px 0px;
    	border:#ddd 1px solid;
    	padding: 5px 15px 25px 15px;
    	text-align:center;
    }
    .bookList:nth-child(4n){
        margin-right:0
    }

    .bookList li h3 a {
	font-size: 16px;
	color:#555;
	line-height:55px;
	overflow:hidden;
	height:50px;
	}
    
    .bookList img{
    	width:250px;
    	height:330px;
    }
.footerTop {
			height: 72px;
			background-color: #b4524f;
		}
		.footerTopCon {
			width: 1300px;
			height: 70px;
			margin-left: auto;
			margin-right: auto;
		}
		.footerTopCon b {
			color: #fff;
			font-size: 15px;
			line-height: 70px;
			margin-right:20px;
			float: left;
			}
		.footerTopCon ul li {
			line-height: 70px;
			margin-left:20px;
			float: left;
		}
		.footerTopCon ul li a {
			font-size: 14px;
			color:#fff;
		}
		.footerTopCon select {
			color: #fff;
			font-size: 14px;
			width: 200px;
			height:30px;
			margin-left:30px;
			margin-top:20px;
			border-color: #dca5a2;
			background: none;
			outline: none;
			float: left;
		}
		.footerTopCon select option {
			color: #555;
		}
		.footerBottom {
			height: 160px;
			background-color: #9b2b2e;
		}
       .footerBottomCon {
				color: #fff;
				width: 1300px;
				margin-left: auto;
				margin-right: auto;
			 }
			.footerBottomLeft,.footerBottomRight {
				width: 300px;
				float: left;
			}
			.footerBottomLeft div {
				margin-top:20px;
			}
			.footerBottomLeft div p {
				line-height: 30px;
			}
			.footerBottomLeft h3 {
				color:#d7b8b8;
				
				font-weight: 100;
				margin-top:20px;
			}
			.footerBottomMid {
				width: 700px;
				text-align: center;
				float: left;
			}
			.footerBottomMid img {
				height: 65px;
				margin-top: 30px;
			}
           .noData {
                   margin-top:300px;
                   text-align:center;
                   display:none;
           }
          .noData p {
                  color:#888;
                  font-size:16px;
                  margin-top:10px;
          }
          #loading {width: 100%;height:100%;background-color: rgba(0,0,0,0.5);text-align: center;position: fixed;top:0;left:0;display: none;}
	      #loading img {width: 100px;margin-top:200px;}