.body_cons{width: 1200px; margin:0 auto;}
/* 导航 */
.head{height: 54px; line-height: 54px; background-color: rgba(70, 76, 91, 1);}
.bottom{height: 100px; line-height: 100px;background-color: rgba(70, 76, 91, 1); color:#ccc; margin-top:100px;}
.head_logo{float: left; width: 70px; display: inline-block; margin-top: 4px; margin-left: 50px;}
.head_logo img{width: 100%; display: inline-block;}
.head_nav{width: 920px; float: left; height: 52px; line-height: 52px; margin-top: 1px;}
.head_nav li{display: block; padding:0 10px; height: 52px; line-height: 52px; text-align: center; font-size: 15px; float: left;}
.head_nav li a{color: #CCCCCC;}
.head_nav li:hover{ background-color:#14cfa6;}
.head_nav li:hover a{color:#fff;}
.head_nav li.current{color:#fff; background-color:#14cfa6;} 
.head_nav li.current a{color:#fff;}
.head_rigth_nav{width: 100px;}
.head_rigth_nav li a{display: inline-block; width: 90%; margin: 0 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#CCCCCC;}
.head_rigth_nav li:hover{color:#fff;}

.head_loginBox{float: right;}
.head_login,.head_register{width:45px; height: 22px; line-height: 22px; color: #fff; text-align: center; float: left; margin-right: 20px; border-radius: 4px; margin-top: 15px;}
.head_login{background-color: #14cfa6;}
.head_register{background-color: #398fcb;}
.head_user{display: block; width: 94px; height: 52px; line-height: 52px; text-align: center; font-size: 15px; color: #CCCCCC; float: right; margin-top: 1px;}
.head_user:hover{color:#fff; background-color:#14cfa6;}

.menu{position: relative; z-index: 99;}
.menu:hover .menu_box{display: block;}
.menu_box{display: none; width: 120px; padding: 5px 2px; position: absolute; left: 0; top: 68px; border-radius: 2px; background-color: #ccccca;}
.menu_box .go_down{width: 100%; height: 30px;background-image: url(../img/godown.png); background-position:15px center; background-size: 30px 30px; background-repeat: no-repeat; cursor: pointer;position: absolute;left: 0; top: -21px;}
.menu_box .menu_item{display: inline-block; height: 28px; line-height: 28px; width: 100%; text-align: center; float: none!important; font-size: 13px;}
.menu_box .menu_item:hover{color: #fff; background-color: #14cfa6;}


.index_cons{width: 850px; margin:0 auto;}
.index_logo{width: 200px; margin:20px auto 0 auto;}
.index_logo img{display: block; width: 100%;}
.index_title{font-size: 48px; font-weight: bold; color:#14cfa6; text-align: center;}
.index_check{display: inline-block; padding:15px 24px; background-color:#14cfa6; color:#fff; font-size: 18px; margin:10px 10px; border-radius: 10px;}

.rank_box th{text-align: center; font-weight: bold; height: 60px; line-height: 20px;}
.rank_box td{background-color: #fff; text-align: center; height: 42px; line-height: 42px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; padding: 0 5px;}
.rank_box tr:hover td:not(:first-child){text-decoration: underline; cursor: pointer; color:#14cfa6;}
.rank_box table{border:1px solid #ccc; margin-top: 10px; table-layout:fixed; width: 100%;}

.add_icon{background-image: url(../img/add.png); background-position:center center; background-size: 30px 30px; background-repeat: no-repeat; cursor: pointer;}
.subtract_icon{background-image: url(../img/subtract.png);background-position:center center; background-size: 30px 30px; background-repeat: no-repeat; cursor: pointer;}

.page{margin-top:100px; color:#ccc; text-align: center;}
.prev_page,.next_page{width: 80px; height: 36px; line-height: 36px; text-align: center; border-radius: 2px; border:1px solid #ccc;}
.page_item{width: 36px; line-height: 36px; text-align: center; border-radius: 2px; border:1px solid #ccc;}
.page a{display: inline-block; margin:3px;}
.page a.current{border-color: #14cfa6; background-color: #14cfa6; color: #fff;}

.fox_box{width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; display: none;}
.fox_box .mask{width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(0,0,0,0.5);}
.fox_box .details_data{width: 280px; height: 100%; overflow-y: scroll; position: absolute; right: 0; top: 0; background-color: #fff;}

.url{display: inline-block; width: 20px; margin-top: 5px;}
.url img{display: inline-block; width: 100%;}
.details_cons{padding: 10px; border-bottom: 1px solid #ccc;}
.details_title{font-weight: bold;}
.details_text{margin-top: 15px;}

.details_cons table th{font-weight: block; width: 80px;}
.details_cons table tr:hover td{color:#000;}
.details_cons table tr td:first-child{font-weight: bold;}


.mask_login{background: rgba(0,0,0,0.5); width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 99; display: none;}

.login_box{width: 500px; height: 400px; position: fixed; left: 50%; top: 50%; margin-top: -200px; margin-left: -250px; border:1px solid #ccc; background-color: #fff; border-radius: 4px; z-index: 100; display: none;}
.login_box .login_box_title{height: 46px; line-height: 46px; border-bottom: 1px solid #ccc; color: #666; font-size: 16px; font-weight: bold; padding: 0 20px; position: relative;}
.login_box .close{width: 20px; height: 20px; display: block; position: absolute; right: 14px; top: 14px; cursor: pointer;}
.login_box .close img{display: bold; width:100%;}

.login_input{width: 240px; height: 40px; border-radius: 4px; border:1px solid #ccc; position: relative; margin:0 auto;}
.login_input .login_icon{width: 30px; height: 30px; position: absolute; left: 4px; top: 4px;}
.login_input .login_icon img{display: inline-block; width: 100%;}
.login_input_box{width: 160px; height: 38px; line-height: 38px; font-size: 15px; padding-left: 42px; border:none; background:none; outline:none; color:#666;}
.login_rem{width: 240px; margin:0 auto;}
.login_rem input{margin-top:2px; margin-right: 5px; cursor: pointer;}
.login_rem span{color:#666;}
.login_btn{display: block; width: 240px; margin:20px auto; height: 40px; line-height: 40px; background-color: #14cfa6; text-align: center; color:#fff; font-size: 15px; border-radius: 4px; border:none;}

.login_rem a{color:#398fcb}

.submit_box{height: 600px; margin-top:-300px;}
.submit_input{width: 390px!important; overflow: hidden;}
.submit_input_box{width: 100%; padding-left: 20px;}
.submit_textarea{width: 390px; height: 120px; border-radius: 4px; border:1px solid #ccc; position: relative; margin:0 auto; overflow: hidden;}
.submit_textarea textarea{padding: 5px 10px; line-height: 28px; border:none;}


.left_box{width: 210px; float: left;}
.left_box .left_nav_title{padding-left: 20px; height: 60px; line-height: 60px; color:#008000; font-weight: bold; font-size: 16px;}
.left_nav{}
.left_nav a{display: block; width: 220px; height: 40px; line-height: 40px; border:1px solid #ccc; background-color: #fff; padding-left: 10px; color:#333; margin-bottom:7px; border-radius: 2px;}
.left_nav a.current,.left_nav a:hover{border-color: #14cfa6; color:#14cfa6; background-image: url(../img/select.png); background-position: right bottom; background-size: 20px 20px; background-repeat: no-repeat;}

.right_box{width: 960px; float:right;}
.right_box_change{padding-left: 20px;width: 920px; float:left;}
.right_box_title{padding-left: 20px; height: 60px; line-height: 60px; color:#333; font-weight: bold; font-size: 24px; border-bottom: 1px solid #666;}

.right_box_cons{}
.right_box_item{width: 860px; padding-left: 20px;}
.right_box_lick{padding-left: 30px;}
.right_box_cons a{color:blue; text-decoration: underline;}
.gray_box{width: 740px; padding:20px; background: rgba(215, 215, 215, 1); margin-top: 40px;}
.gray_box p{line-height: 28px; font-size: 16px;}

.problem_item{margin-bottom: 20px;}
.item_title{height: 40px; line-height: 40px; position: relative; font-size: 14px; cursor: pointer; font-weight: bold;}
.down{width: 30px; height: 30px; display: block; position: absolute; top: 5px; right: 10px; background-image: url(../img/down.png);
 background-position:center center; background-size: 32px 30px; background-repeat: no-repeat; animation: dowm_a 0.5s forwards;}

.item_cons{display: none; color:#666;}
.item_cons p{line-height: 24px;}
.item_cons a{color: blue;}
.problem_item.current .item_title{color: #14cfa6;}
.problem_item.current .down{
	animation: dowm_b 0.5s forwards;
}
@keyframes dowm_a{
	from{
		
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 	/* IE 9 */
		-moz-transform:rotate(180deg); 	/* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg); 	/* Opera */
	}
	to{
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 	/* IE 9 */
		-moz-transform:rotate(0deg); 	/* Firefox */
		-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
		-o-transform:rotate(0deg); 	/* Opera */
	}
}
@keyframes dowm_b{
	from{
		transform:rotate(0deg);
		-ms-transform:rotate(0deg); 	/* IE 9 */
		-moz-transform:rotate(0deg); 	/* Firefox */
		-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
		-o-transform:rotate(0deg); 	/* Opera */
	}
	to{
		transform:rotate(180deg);
		-ms-transform:rotate(180deg); 	/* IE 9 */
		-moz-transform:rotate(180deg); 	/* Firefox */
		-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
		-o-transform:rotate(180deg); 	/* Opera */
	}
}

.indent_2{text-indent: 28px;}
.indent_4{text-indent: 56px;}





/*  数据集搜索页面style。上面修改了 nav 宽度 660——760  14-16行修改了右侧样式，个人得分可以参考*/
.dataSet_title{font-size: 42px; text-align: center; color:#666;}
.search_box{width: 700px; margin:50px auto;}
.search_input{width: 560px; height: 40px; border-radius: 40px; border:1px solid #14cfa6; float: left; position:relative;}
.search_input input{width: 540px; height: 38px; line-height: 38px; 
	border:none; background:none; outline: none; padding-left: 20px;
	font-size:16px;
}
.search_btn{float: left; margin-left: 50px; display: block; text-align: center; width: 60px; height: 40px; line-height: 40px;
 border-radius: 2px; background-color: #e9e9e9;}

.dataSet_list_title{margin-top: 40px;}
.dataSet_list_logo{width: 70px; float: left; margin-left: 120px;}
.dataSet_list_logo img{display: block; width: 100%;}
.dataSet_list_upload{display: block; float: left; margin-left: 70px; width: 120px; text-align: center; color: #fff; height: 40px; line-height: 40px; border-radius: 2px; background-color: #169bd5;}


.dataSet_list{margin-top: 50px;}
.setNumber{margin-bottom: 10px; padding-left: 10px;}
.setNumber span{padding: 0 3px; font-weight: bold;}
.dataSet_list_items{width: 350px;}
.dataSet_list_items li{box-sizing: border-box; padding: 20px; width: 100%; height: 136px;
 border-radius: 0 136px 136px 0; background-color: #f9f9f9; cursor: pointer; margin-bottom: 5px;}
.dataSet_list_items li.current{background-color: #f3f4f6;}
.dataSet_list_items li:hover{background-color: #f3f4f6;}
.setitem_logo{width: 50px;}
.setitem_logo img{display: block; width: 100%;}
.setitem_cons{width: 240px;}
.setitem_title{line-height: 22px; width: 100%; overflow: hidden;}
.setitem_url{line-height: 26px; font-size:12px;color:#666;}
.setitem_time{line-height: 26px; color:#8e8e8e; font-size: 12px;}

.dataSet_items_cons{width:800px;}
.dataSet_cons_title{width:100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 38px; line-height: 38px;
				font-size: 18px; border-bottom: 2px solid #f5f5f5; text-align: left;
}
.dataSet_cons_title .dataSet_url{display: inline-block; height: 24px; line-height: 24px; padding:0 8px;background-color: #3375e5;
							color:#fff; border-radius: 2px; font-size: 12px; margin-top: 7px;
}
.dataSet_Permit{color: #4480e5;font-size: 12px;}
.dataSet_Permit_inf{color:#8e8e8e;font-size: 12px;}
.dataSet_little_title{font-weight: bold; margin-top: 10px; line-height: 24px; color:#333; font-size: 16px;}
.dataSet_little_text{font-weight: normal; line-height: 22px; color: #666;}


.upload_cons{width: 380px; margin: 50px auto;}
.upload_title{font-weight: bold; line-height: 38px;}
.upload_box{box-sizing: border-box; width: 100%; height: 30px; border:1px solid #aaa; border-radius: 2px; overflow: hidden;}
.upload_box input{box-sizing: border-box; width: 100%; padding-left: 10px; height: 28px; line-height: 28px;
					border:none; background: none; outline: none;
}
.upload_cons_box{box-sizing: border-box; height: 120px;border:1px solid #aaa; border-radius: 2px; overflow: hidden;}
.upload_cons_box textarea{box-sizing: border-box; width: 100%; height: 120px; padding: 5px 10px; line-height: 22px; font-size: 12px;
						border:none; background: none; outline: none;
}
.upload_btn{display: block; width: 100px; height: 36px; line-height: 36px; text-align: center;background-color: #3375e5;
			color: #fff; margin: 20px auto; border-radius: 2px;
}

.ser_personal_title{margin-top: 10px;}
.ser_personal_title div{box-sizing: border-box; float: left; background-color: #fff; height: 40px; line-height: 40px; text-align: center; 
					border-top: 1px solid #ccc; border-right: 1px solid #ccc; 
}
.ser_personal_item div{box-sizing: border-box; height: 36px; line-height: 36px;float: left; text-align: center; background-color: #fff;
						border-top: 1px solid #ccc; border-right: 1px solid #ccc; 
}
.ser_personal_item:last-child{border-bottom: 1px solid #ccc;}
.set_number{width:46px; border-left: 1px solid #ccc;}
.set_title{width:120px;}
.set_url{width:269px; }
.set_time{width: 155px;}
.set_author{width: 130px;}
.set_permit{width: 140px;}
.set_explain{width: 242px;}
.set_state{width: 98px;}


.in_audit{color: #ffcc6e;}
.audit_pass{color: #14cfa6;}
.not_pass{color: #ff0000;}
/*  自动检索 */
.autocompleter {
    width: 525px;
    background: #f2f2f2;
    position: absolute;
    top: 40px;
    left: 17px;
    z-index: 100;
}

.autocompleter,
.autocompleter-hint {
    position: absolute;

}

.autocompleter-list {
    box-shadow: inset 0px 0px 6px rgba(0,0,0,0.1);
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.autocompleter-item-selected {
    background: #ffffff;
}

.autocompleter-item {
    padding: 6px 12px;
    color: #444444;
    font-size: 14px;
    cursor: pointer;
}

.autocompleter-item:hover {
    background: #e9e9e9;
}

.autocompleter-item strong {
    background: #f9de8f;
    text-shadow: 0 1px 0 #ffffff;
}

.autocompleter-item span {
    color: #bbbbbb;
}

.autocompleter-hint {
    color: #ccc;
    text-align: left;
    top: -56px;
    font-weight: 400;
    left: 0;
    width: 100%;
    padding: 12px 12px 12px 13px;
    font-size: 24px;
    display: none;
}

.autocompleter-hint span {
    color: transparent;
}

.autocompleter-hint-show {
    display: none;
}

.autocompleter-closed {
    display: none;
}

		



/* clpcc */

.NLPCC_register{
	width: 700px;
	margin: 40px auto;
	border: 1px solid #ccc;
	background-color: #fff;
}

.NLPCC_register .register_item{
	border-bottom: 1px solid #ccc;
	height: 40px;
}
.register_item .register_item_title{
	width: 100px;
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
	padding: 0 5px;
	text-align: center;
	font-size: 16px;
	border-right: 1px solid #ccc;
}
.register_item .register_item_cons{
	width: 597px;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;

}
.register_item .register_item_cons input{
	border: none;
	background-color: none;
	height: 40px; line-height: 40px;
	color: #999;
	width: 100%;
	box-sizing: border-box;
}
.register_item_last{
	height: 120px;
}
.register_item_last .register_item_last_title{
	width: 100px;
	line-height: 120px;
	border-right: 1px solid #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
}
.register_item_last .register_item_last_cons{
	width: 597px;
	box-sizing: border-box;
	padding: 5px 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box;
}
.register_item_last_cons textarea{
	border: none;
	background-color: none;
	height: 100%; line-height: 20px;
	color: #999;
	width: 100%;
	box-sizing: border-box;
}
.register_btn{
	display: block;
	height: 36px;
	line-height: 36px;
	width: 100px;
	text-align: center;
	color:#fff!important;
	background-color: #14cfa6;
	margin: 40px auto;
	border-radius: 2px;
	text-decoration: none!important;
	font-size: 16px;
}