*{
	margin: 0;
	padding: 0;
}

#all{
	max-width: 100%;
	overflow-x: hidden;
}

li{
	list-style: none;
}

input{
	border: none;
}

#header_container{
	background-size: cover;
	background-image: url(../images/blue_large.jpg);
	padding-bottom: 10px;
}

#nav{
	position: relative;
	height: 60px;
}


#person{
	display: inline-block;
	position: absolute;
	width: 23px;
	height: 23px;
	left: 17px;
	top: 17px;
	background-image: url(../images/person.png);
	background-repeat: no-repeat;
	background-size: cover;
}

#userid_sign{
	position: absolute;
	left: 48%;
	top: 28%;
	width: 1.5px;
	height: 1.5px;
	border-radius: 0.75px;
	background-color: rgb(30,30,30);
	opacity: 0;
}

#today{
	position: absolute;
	top: 17px;
	width: 135px;
	right: 50px;
	height: 23px;
}

#today_new{
	position: absolute;
	
	height: 23px;
	top: 0;
	right: 0px;
}

#search_news{
	position: absolute;
	height: 42px;
	top: -11px;
	right: 0px;
	/*overflow: unset; !important;*/
}

#more_square{
	position: absolute;
	top: 17px;
	right: 17px;
	width: 23px;
	height: 23px;
}

#logo_container{
	text-align: center;
	width: 100%;
	height: 57px;
}

#baidu_logo{
	height: 57px;
}



#search_container{
	position: relative;
	width: 90vw;
	height: 12.6vw;
	max-height: 50px;
	margin-top: 30px;
	left: 50%;
	transform: translateX(-50%);
	background-color: white;   /*!*去掉*!*/
	border-radius: 12px;    /*!*去掉*!*/
}

#input_left_container{
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	float: left;
	width: 70%;
	height: 100%;
	border-top: 1px solid rgb(80,114,239);   /*加上*/
	border-left: 1px solid rgb(80,114,239);  /*加上*/
	border-bottom: 1px solid rgb(80,114,239);  /*加上*/
	line-height: 100%;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

#search_input{
	width: 70%;
	height: 100%;
	border: none;
	background-image: none;
	background-color:transparent;   /*加上*/
	/*background-color: white;    去掉*/
	padding: 0 12px;
	box-sizing: border-box;
	font-family: Arial,Helvetica,sans-serif;
	line-height: 28px;
	font-size: 18px;
	color: #1f1f1f;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	
}

#search_input:focus{
	outline: none;
}

#mic_container{
	 position: absolute;
	 width: 40px;
	 height: 30%;
	 top: 50%;
	 right: 45px;
	 transform: translateY(-50%);
	 border-right: 1px solid rgb(220,220,220);
	text-align: center;
 }

#mic{
	height: 100%;
}

#camera_container{
	position: absolute;
	width: 40px;
	height: 30%;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	text-align: center;
}

#camera{
	height: 100%;
}

#camera_circle{
	display: inline-block;
	position: absolute;
	width: 4px;
	height: 4px;
	top: -5px;
	border-radius: 2px;
	background-color: red;
	opacity: 0;
	overflow-x: unset; !important;
}

#input_right_button{
	display: inline-block;
	float: left;
	width: 30%;
	height: 100%;
	line-height: 100%;
	border: 1px solid rgb(80,114,239);      /*加上*/
	background-color: #4e6ef2;          /*加上*/
	/*background-color: #f5f7fb;*/              /*去掉*/
	text-align: center;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	font-size: 16px;
	color: #fff;            /*加上*/
	/*color: #4e6ef2;*/             /*去掉*/
	white-space: nowrap;
	font-weight: 700;
	outline: none;              /*新加的，不知道去不去掉*/
	border: none;               /*新加的，不知道去不去掉*/
}

#envelop_container{
	position: relative;
	width: 90vw;
	margin-top: 20px;
	left: 50%;
	transform: translateX(-50%);
}

#envelop{
	width: 100%;
	border-radius: 12px;
}

#news1_container{
	position: relative;
	width: 90vw;
	height: 55.78px;
	margin-top: 20px;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
}

#news1_header{
	height: 24px;
	color: #333;
	font-size: 18px;
	font-weight: normal;
	/*text-overflow: ellipsis;*/
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom: 3px;
}

#news1_top{
	height: 18px;
	margin-right: 8px;
	font-size: 13px;
	font-family:Arial,Helvetica,sans-serif;
	color: #ec4345;
}

#news1_author{
	height: 18px;
	margin-right: 8px;
	font-size: 13px;
	font-family:Arial,Helvetica,sans-serif;
	color: #999;
}

#news2_container{
	position: relative;
	width: 90vw;
	height: 55.78px;
	margin-top: 3px;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
}

#news2_header{
	height: 24px;
	color: #333;
	font-size: 18px;
	font-weight: normal;
	/*text-overflow: ellipsis;*/
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom: 3px;
}

#news2_top{
	height: 18px;
	margin-right: 8px;
	font-size: 13px;
	font-family:Arial,Helvetica,sans-serif;
	color: #ec4345;
}

#news2_author{
	height: 18px;
	margin-right: 8px;
	font-size: 13px;
	font-family:Arial,Helvetica,sans-serif;
	color: #999;
}

#news3_container{
	position: relative;
	width: 90vw;
	height: 58.78px;
	margin-top: 3px;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
}

#news3_header{
	height: 24px;
	color: #333;
	font-size: 18px;
	font-weight: normal;
	/*text-overflow: ellipsis;*/
	font-family:Arial,Helvetica,sans-serif;
	margin-bottom: 3px;
}

#news3_top{
	height: 18px;
	margin-right: 8px;
	font-size: 13px;
	font-family:Arial,Helvetica,sans-serif;
	color: #ec4345;
}

#news3_author{
	height: 18px;
	margin-right: 8px;
	font-size: 13px;
	font-family:Arial,Helvetica,sans-serif;
	color: #999;
}

.random_container{
	position: relative;
	width: 90vw;
	left: 50%;
	transform: translateX(-50%);
	box-sizing: border-box;
	border-top: 1px solid rgb(240,240,240);
	margin-bottom: 7px;
}

.random_header{
	margin-top: 10px;
	font: 18px Arial,Helvetica,sans-serif;
	color: #333;
}

.images_container{
	font-size: 0;
	margin-top: 5px;
}

.random_img{
	width: 32.3%;
}

.random_img_sibling{
	margin-left: 1px;
}

.author{
	margin-top: 10px;
	font-size: 13px;
	font-weight: normal;
	font-family:Arial,Helvetica,sans-serif;
	color: #999;
}

.videosmall_wrapper{
	display: inline-block;
	float: left;
	margin-top: 10px;
	width: 32.3%;
}

.smallvideo_container{
	float: left;
	width: 60%;
	padding-left: 13px;
}

.smallvideo_img{
	width: 100%;
}

.rn-typeSmallVideo .rn-wise-icon-pics {
	height: 20px;
	line-height: 20px;
	font-size: 10px;
}

@media screen and (max-height: 1600px) and (min-width: 900px) and (max-width: 999px){
	#nav{
		height: 160px;
	}
	#person{
		width: calc(92px * 1.5 / 3);
		height: calc(92px * 1.5 / 3);
		left: calc(68px * 1.5 / 3);
		top: calc(68px * 1.5 / 3);
	}
	
	#userid_sign{
		left: 48%;
		top: 28%;
		width: 4px;
		height: 4px;
		border-radius: 3px;
	}
	
	#today{
		top: calc(68px * 1.5 / 3);
		width: calc(540px * 1.5 / 3);
		right: calc(200px * 1.5 / 3);
		height: calc(92px * 1.5 / 3);
	}
	
	#today_new{
		position: absolute;
		height: 100%;
		top: 0;
		right: calc(-0px * 1.5 / 3);
	}
	
	#search_news{
		height: calc(168px * 1.5 / 3);
		top: calc(-11px * 1.5 / 3);
		right: calc(-0px * 1.5 / 3);
	}
	
	#more_square{
		top: calc(68px * 1.5 / 3);
		right: calc(60px * 1.5 / 3);
		width: calc(92px * 1.5 / 3);
		height: calc(92px * 1.5 / 3);
	}
	
	#logo_container{
		height: calc(228px * 1.5 / 3);
	}
	
	#baidu_logo{
		height: 100%
	}
	
	
	
	#search_container{
		width: 90vw;
		height: 12.6vw;
		max-height: calc(200px * 1.5 / 3);
		margin-top: calc(120px * 1.5 / 3);
		left: 50%;
		transform: translateX(-50%);
	}
	
	#input_left_container{
		width: 70%;
		height: 100%;
		border-top: calc(4px * 1.5 / 3) solid rgb(80,114,239);
		border-left: calc(4px * 1.5 / 3) solid rgb(80,114,239);
		border-bottom: calc(4px * 1.5 / 3) solid rgb(80,114,239);
		border-top-left-radius: calc(20px * 1.5 / 3);
		border-bottom-left-radius: calc(20px * 1.5 / 3);
		line-height: 100%;
	}
	
	#search_input{
		width: 70%;
		height: 100%;
		border: none;
		background-image: none;
		background-color:transparent;
		padding: 0 calc(48px * 1.5 / 3);
		box-sizing: border-box;
		font-family: Arial,Helvetica,sans-serif;
		line-height: calc(112px * 1.5 / 3);
		font-size: calc(72px * 1.5 / 3);
		color: #1f1f1f;
		
	}
	
	#mic_container{
		width: calc(170px * 1.5 / 3);
		height: 40%;
		top: 50%;
		right: calc(130px * 1.5 / 3 + 10px);
		transform: translateY(-50%);
		border-right: calc(4px * 1.5 / 3) solid rgb(220,220,220);
	}
	
	#camera_container{
		position: absolute;
		width: calc(40px * 1.5 / 3);
		height: 30%;
		top: 50%;
		right: calc(50px * 1.5 / 3 + 5px);
		transform: translateY(-50%);
		text-align: center;
	}
	
	#camera{
		height: 100%;
	}
	
	#camera_circle{
		width: calc(13px * 1.5 / 3);
		height: calc(13px * 1.5 / 3);
		top: calc(-20px * 1.5 / 3);
		right: calc(-30px * 1.5 / 3);
		border-radius: calc(8px * 1.5 / 3);
	}
	
	#input_right_button{
		width: 30%;
		height: 100%;
		line-height: 100%;
		border: calc(4px * 1.5 / 3) solid rgb(80,114,239);
		border-top-right-radius: calc(20px * 1.5 / 3);
		border-bottom-right-radius: calc(20px * 1.5 / 3);
		font-size: calc(50px * 1.5 / 3);
		font-weight: 700;
	}
	
	#envelop_container{
		margin-top: calc(80px * 1.5 / 3);
	}
	
	#envelop{
		border-radius: calc(20px * 1.5 / 3);
	}
	
	#news1_container{
		width: 90vw;
		height: calc(223px * 1.5 / 3);
		margin-top: calc(80px * 1.5 / 3);
	}
	
	#news1_header{
		height: calc(96px * 1.5 / 3);
		font-size: calc(72px * 1.5 / 3);
		margin-bottom: calc(12px * 1.5 / 3);
	}
	
	#news1_top{
		height: calc(72px * 1.5 / 3);
		margin-right: calc(32px * 1.5 / 3);
		font-size: calc(52px * 1.5 / 3);
	}
	
	#news1_author{
		height: calc(72px * 1.5 / 3);
		margin-right: calc(32px * 1.5 / 3);
		font-size: calc(52px * 1.5 / 3);
	}
	
	#news2_container{
		width: 90vw;
		height: calc(223px * 1.5 / 3);
		margin-top: calc(80px * 1.5 / 3);
	}
	
	#news2_header{
		height: calc(96px * 1.5 / 3);
		font-size: calc(72px * 1.5 / 3);
		margin-bottom: calc(12px * 1.5 / 3);
	}
	
	#news2_top{
		height: calc(72px * 1.5 / 3);
		margin-right: calc(32px * 1.5 / 3);
		font-size: calc(52px * 1.5 / 3);
	}
	
	#news2_author{
		height: calc(72px * 1.5 / 3);
		margin-right: calc(32px * 1.5 / 3);
		font-size: calc(52px * 1.5 / 3);
	}
	
	#news3_container{
		width: 90vw;
		height: calc(223px * 1.5 / 3);
		margin-top: calc(80px * 1.5 / 3);
	}
	
	#news3_header{
		height: calc(96px * 1.5 / 3);
		font-size: calc(72px * 1.5 / 3);
		margin-bottom: calc(12px * 1.5 / 3);
	}
	
	#news3_top{
		height: calc(72px * 1.5 / 3);
		margin-right: calc(32px * 1.5 / 3);
		font-size: calc(52px * 1.5 / 3);
	}
	
	#news3_author{
		height: calc(72px * 1.5 / 3);
		margin-right: calc(32px * 1.5 / 3);
		font-size: calc(52px * 1.5 / 3);
	}
	
	.random_container{
		border-top: calc(4px * 1.5 / 3) solid rgb(240,240,240);
		margin-bottom: calc(32px * 1.5 / 3);
	}
	
	.random_header{
		margin-top: calc(40px * 1.5 / 3);
		font: calc(72px * 1.5 / 3) Arial,Helvetica,sans-serif;
	}
	
	.images_container{
		margin-top: calc(23px * 1.5 / 3);
	}
	
	.random_img_sibling{
		margin-left: 2px;
	}
	
	.author{
		margin-top: calc(40px * 1.5 / 3);
		font-size: calc(52px * 1.5 / 3);
	}
	
	.videosmall_wrapper{
		display: inline-block;
		float: left;
		margin-top: 10px;
		width: 32.3%;
	}
	
	.smallvideo_container{
		float: left;
		width: 60%;
		padding-left: 13px;
	}
	
	.smallvideo_img{
		width: 100%;
	}
	
	.rn-typeSmallVideo .rn-wise-icon-pics {
		height: 20px;
		line-height: 20px;
		font-size: 10px;
	}
}

@media screen and (min-height: 2600px) and (min-width: 1000px){
	#nav{
		height: 240px;
	}
	#person{
		width: 92px;
		height: 92px;
		left: 68px;
		top: 68px;
	}
	
	#userid_sign{
		left: 48%;
		top: 28%;
		width: 6px;
		height: 6px;
		border-radius: 3px;
	}
	
	#today{
		top: 68px;
		width: 540px;
		right: 200px;
		height: 92px;
	}
	
	#today_new{
		position: absolute;
		
		height: 92px;
		top: 0;
		right: -0px;
	}
	
	#search_news{
		height: 168px;
		top: -36px;
		right: -0px;
	}
	
	#more_square{
		top: 68px;
		right: 60px;
		width: 92px;
		height: 92px;
	}
	
	#logo_container{
		height: 228px;
	}
	
	#baidu_logo{
		height: 228px;
	}
	
	
	
	#search_container{
		width: 90vw;
		height: 12.6vw;
		max-height: 200px;
		margin-top: 120px;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#input_left_container{
		width: 70%;
		height: 100%;
		border-top: 4px solid rgb(80,114,239);
		border-left: 4px solid rgb(80,114,239);
		border-bottom: 4px solid rgb(80,114,239);
		border-top-left-radius: 20px;
		border-bottom-left-radius: 20px;
		line-height: 100%;
	}
	
	#search_input{
		width: 70%;
		height: 100%;
		border: none;
		background-image: none;
		background-color:transparent;
		padding: 0 48px;
		box-sizing: border-box;
		font-family: Arial,Helvetica,sans-serif;
		line-height: 112px;
		font-size: 72px;
		color: #1f1f1f;
		
	}
	
	#mic_container{
		width: 170px;
		height: 40%;
		top: 50%;
		right: 130px;
		transform: translateY(-50%);
		border-right: 4px solid rgb(220,220,220);
	}
	
	#camera_container{
		position: absolute;
		width: 40px;
		height: 30%;
		top: 50%;
		right: 50px;
		transform: translateY(-50%);
		text-align: center;
	}
	
	#camera{
		height: 100%;
	}
	
	#camera_circle{
		width: 13px;
		height: 13px;
		top: -20px;
		right: -30px;
		border-radius: 8px;
	}
	
	#input_right_button{
		width: 30%;
		height: 100%;
		line-height: 100%;
		border: 4px solid rgb(80,114,239);
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		font-size: 50px;
		font-weight: 700;
	}
	
	#envelop_container{
		margin-top: 80px;
	}
	
	#envelop{
		border-radius: 20px;
	}
	
	#news1_container{
		width: 90vw;
		height: 223.12px;
		margin-top: 80px;
	}
	
	#news1_header{
		height: 96px;
		font-size: 72px;
		margin-bottom: 12px;
	}
	
	#news1_top{
		height: 72px;
		margin-right: 32px;
		font-size: 52px;
	}
	
	#news1_author{
		height: 72px;
		margin-right: 32px;
		font-size: 52px;
	}
	
	#news2_container{
		width: 90vw;
		height: 223.12px;
		margin-top: 80px;
	}
	
	#news2_header{
		height: 96px;
		font-size: 72px;
		margin-bottom: 12px;
	}
	
	#news2_top{
		height: 72px;
		margin-right: 32px;
		font-size: 52px;
	}
	
	#news2_author{
		height: 72px;
		margin-right: 32px;
		font-size: 52px;
	}
	
	#news3_container{
		width: 90vw;
		height: 223.12px;
		margin-top: 80px;
	}
	
	#news3_header{
		height: 96px;
		font-size: 72px;
		margin-bottom: 12px;
	}
	
	#news3_top{
		height: 72px;
		margin-right: 32px;
		font-size: 52px;
	}
	
	#news3_author{
		height: 72px;
		margin-right: 32px;
		font-size: 52px;
	}
	
	.random_container{
		border-top: 4px solid rgb(240,240,240);
		margin-bottom: 32px;
	}
	
	.random_header{
		margin-top: 40px;
		font: 72px Arial,Helvetica,sans-serif;
	}
	
	.images_container{
		margin-top: 23px;
	}
	
	.random_img_sibling{
		margin-left: 2px;
	}
	
	.author{
		margin-top: 40px;
		font-size: 52px;
	}
	
	.videosmall_wrapper{
		display: inline-block;
		float: left;
		margin-top: 10px;
		width: 32.3%;
	}
	
	.smallvideo_container{
		float: left;
		width: 60%;
		padding-left: 13px;
	}
	
	.smallvideo_img{
		width: 100%;
	}
	
	.rn-typeSmallVideo .rn-wise-icon-pics {
		height: 20px;
		line-height: 20px;
		font-size: 10px;
	}
}