body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6, pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  margin:0px;
  padding:0px;
  border:0px;
  font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
}
html, body, input, textarea, select {
  color: var(--c-txt);
  font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;
}
body{float: left;width: 100%;}
a  {
  text-decoration:none;
  border:0;
  color:#000;
}
a:linked,a:visited,a:active {
  text-decoration:none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display:block;
}
body {
  color:#000;
  background-color:#fff;
  font-size:62.5%;
}
li {
  list-style:none;
}
input, textarea, select {
  outline:none;
  -moz-outline:none;
}
input[type=button],input[type=submit],input[type=text],input[type=password],input[type=date]{
  outline:none;
}
input[type=date]{
  font-size:.8rem;
  color:#999;
}
img {
  border:0;
}
.page_trip {
  float:left;
  width:100%;
  height:auto;
}
.trip_body {
  width:1200px;
  overflow:auto;
  margin:40px auto 0px auto;
  padding-top:20px;
  clear:both;
  background:url(../images_tiyu2024/dian1.jpg) repeat-x top;
}
.title1 {
  float:left;
  width:100%;
  height:auto;
  border-bottom:2px solid #0bf;
}

.title1 h2 {
  float:left;
  width:calc(100% - 70px);
  line-height:20px;
  font-size:20px;
  font-weight:normal;
  color:#0bf;
  margin-left:20px;
  height:20px;
  margin-bottom:7px;
  margin-top:5px;
}
.title1 h3 {
  float:left;
  width:auto;
  line-height:12px;
  font-size:12px;
  color:#0bf;
  margin-left:20px;
  height:12px;
  font-family:Verdana, Geneva, Tahoma, sans-serif;
  font-weight:normal;
}
.trip_listbox {
  float:left;
  width:100%;
  height:auto;
  margin-bottom:30px;
}
.trip_headline {
  float:left;
  width:100%;
  height:auto;
  padding-bottom:20px;
  border-bottom:1px dashed #9de5ff;
}
.trip_hleft {
  float:left;
  width:630px;
  height:420px;
  position:relative;
  margin-top:20px;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
  overflow:hidden;
}
.trip_hleft img {
  display:block;
  width:630px;
  height:420px;
}
.trip_hleft p {
  position:absolute;
  bottom:0px;
  left:50px;
  width:auto;
  height:50px;
  color:#fff;
  line-height:50px;
  font-size:20px;
  font-weight:normal;
  padding-left:10px;
  padding-right:10px;
  background-color:rgba(0, 0, 0, 0.6);
  border-top-right-radius:20px;
  cursor:pointer;
  z-index: 998;
}
.trip_hleft dd {
  position:absolute;
  bottom:0px;
  left:0px;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  font-size:24px;
  color:#fff;
  background-color:#0bf;
  font-weight:bold;
  z-index: 999;
}
.trip_hright {
  float:right;
  width:300px;
  height:200px;
  margin-top:20px;
  position:relative;
  border-top-left-radius:20px;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
  overflow:hidden;
}
.trip_hright img {
  display:block;
  width:300px;
  height:200px;
}
.trip_hright p {
  position:absolute;
  display:flex;
  bottom:0px;
  left:50px;
  width:calc(100% - 70px);
  height:50px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding:0px 10px;
  background-color:rgba(0, 0, 0, 0.6);
  cursor:pointer;
  z-index: 998;
}
.trip_hright span {
	display:block;
  width:100%;
  height:auto;
  color:#fff;
  line-height:20px;
  font-size:14px;
  font-weight:normal;
}
.trip_hright dd {
  position:absolute;
  bottom:0px;
  left:0px;
  width:50px;
  height:50px;
  line-height:50px;
  text-align:center;
  font-size:24px;
  color:#fff;
  background-color:#0bf;
  font-weight:bold;
  z-index: 999;
}
.trip_newslist {
  float:left;
  width:815px;
  height:auto;
}
.title2 {
  float:left;
  width:100%;
  height:50px;
  padding-bottom:2px;
}
.title2 h2 {
  float:left;
  height:50px;
  line-height:50px;
  width:auto;
  color:#000;
  font-size:22px;
  font-weight:normal;
}
.title_more {
	float:right;
	display:block;
	font-size:14px;
	line-height:50px;
	height:50px;
	font-family:Verdana, Geneva, sans-serif;
	color:#0bf;
	}
.title_more:hover {
	color:#f90;
	}

.mt30{ margin-top:30px;}
.trip_thread {
  float:left;
  width:100%;
  height:160px;
  position:relative;
  margin-top:20px;
  border-bottom:1px solid #f0f0f0;
}
.trip_thread:hover {
  background-color:#f0f0f0;
}
.trip_thread a {
  cursor:pointer;
}
.trip_thread img {
  float:left;
  width:240px;
  height:160px;
  border-top-right-radius:20px;
  box-shadow: 5px 0px 0px rgba(0, 0, 0, 0.1);
}
.trip_thread h3 {
  float:right;
  width:calc(100% - 280px);
  font-size:16px;
  line-height:36px;
  color:#000;
  font-weight:bold;
  margin-top:5px;
  padding-right:10px;
}
.trip_thread p {
  float:right;
  width:calc(100% - 280px);
  font-size:14px;
  line-height:28px;
  color:#666;
  padding-right:10px;
}
.trip_thread dd {
  position:absolute;
  bottom:0px;
  right:0px;
  width:30px;
  height:30px;
  background-color:#006fcd;
  color:#fff;
  text-align:center;
  font-size:16px;
  line-height:30px;
}
.trip_special {
  float:right;
  width:330px;
  height:auto;
}

.ad_banner {
	float:left;
	width:100%;
	height:auto;
	margin-bottom:20px;
	margin-top:20px;
	text-align:center;
}
.ad_banner img {
	width:960px;
	height:90px;
	}
.loadmore, .loadmorebegin {
  float:left;
  width:100px;
  height:26px;
  margin-left:calc((100% - 120px)/2);
  background-color:#059bf9;
  color:#fff;
  font-size:14px;
  text-align:center;
  line-height:26px;
  border-radius:20px;
  margin-top:30px;
  cursor:pointer;
}
.nomore {
  float:left;
  width:150px;
  height:40px;
  margin-left:calc((100% - 120px)/2);
  background-color:#eee;
  color:#666;
  font-size:18px;
  text-align:center;
  line-height:40px;
  margin-top:10px;
}
.npage {
  display:none;
}
.trip_sthread {
  float:right;
  width:330px;
  height:220px;
  margin-top:20px;
  position:relative;
  border-radius:20px;
  overflow:hidden;
}
.trip_sthread img {
  display:block;
  width:330px;
  height:220px;
}
.trip_sthread p {
  position:absolute;
  display:flex;
  bottom:0px;
  left:0px;
  width:calc(100% - 20px);
  height:50px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding:0px 10px;
  background-color:rgba(0, 0, 0, 0.6);
  cursor:pointer;
  z-index: 998;
}
.trip_sthread span {
	display:block;
  width:100%;
  height:auto;
  color:#fff;
  line-height:20px;
  font-size:16px;
  font-weight:normal;
  text-align:center;
}
.title_icon1,.title_icon2,.title_icon3,.title_icon4,.title_icon5,.title_icon6 {
  display:inline-block;
  vertical-align: middle;
  width:50px;
  height:50px;
  background-size:35px 46px;
	}
.title_icon1 {
  background:url(../images_tiyu2024/icon1.jpg) center center no-repeat;
}
.title_icon2 {
  background:url(../images_tiyu2024/icon2.jpg) center center no-repeat;
}
.title_icon3 {
  background:url(../images_tiyu2024/icon3.jpg) center center no-repeat;
}
.title_icon4 {
  background:url(../images_tiyu2024/icon4.jpg) center center no-repeat;
}
.title_icon5 {
  background:url(../images_tiyu2024/icon5.jpg) center center no-repeat;
}
.title_icon6 {
  background:url(../images_tiyu2024/icon6.jpg) center center no-repeat;
}
.jctext,.jctext1 {
  line-height:30px;
  color:#000;
  font-size:15px;
  clear:both;
  margin:40px 0 30px 0;
  overflow:auto;
}
.jctext1 {
  margin:0 !important;
  line-height:30px;
}
.jctext li,.jctext1 li {
  background:url(../images_tiyu2024/dian.jpg) left center no-repeat;
  padding-left:15px;
}

.jctext li a:hover,.jctext1 li a:hover {
	color:#006fcd;}
	
/*焦点图*/
.slideBox{ width:815px; height:556px; overflow:hidden; position:relative;}
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:15px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:url("https://sports.online.sh.cn/special/tpllinkfiles/sports_2022sjb_images/dot_w.png") no-repeat center center; cursor:pointer; }
		.slideBox .hd ul li.on{ background:url("dot_r.png") no-repeat center center; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; position: relative; }
		.slideBox .bd img{ width:815px; height:556px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:0; top:50%; margin-top:-36px; display:block; width:36px; height:72px; background:url("https://sports.online.sh.cn/special/tpllinkfiles/sports_2022sjb_images/prev.png") 0 0 no-repeat; /*filter:alpha(opacity=50);opacity:.5;*/  }
		.slideBox .next{ left:auto; right:0; background-image: url("https://sports.online.sh.cn/special/tpllinkfiles/sports_2022sjb_images/next.png");  }
		/*.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }*/
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
.img-box{ position: relative;}
.img-box img{ width: 100%; height: 100%;}
.img-txt{ position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%;}
.img-bg{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.5; filter: alpha(opacity=50);}
.img-txt h3{ position: absolute; top: 0; left: 0; width: 100%; text-align: center; color: #FFF; font-family: "Microsoft Yahei";}
.slideBox .img-txt{ height: 50px; line-height: 50px;}
.slideBox .img-txt h3{ left: 15px; font-size: 20px; font-weight: bold; text-align: center;}
/*焦点图end*/
.topNews{ width: 365px;line-height:24px;}
.topNews h3{ font-size: 16px; font-weight: bold; text-align: left; margin-bottom: 5px; color: #006cc7; }
.topNews h3 a:hover{ color: #006fcd;}
.topNews p,.topNews p a{ color:#666;}
.titlebg li { margin-bottom:15px;}
.fl { float:left;}
.fr { float:right;}
.jdimg { width:1200px; margin:0 auto;}
.bsbanner { width:1200px; margin:0 auto;}
.bsbanner img { display:block;}
.subnavyy {width:100%;-moz-box-shadow:0px 5px 10px #DEDEDE; -webkit-box-shadow:0px 5px 10px #DEDEDE; box-shadow:0px 5px 10px #DEDEDE;}
.subnav {
  width:1080px;
  height:75px;
  margin:0px auto;
  
}
.nav_head {
	float:left;
	width:400px;
	max-width:50%;
  margin-top:17px;
}
.nav_icon {
	float:left;
	width:42px;
	height:42px;
	background-color:#e00000;
	color:#fff;
	border-radius:5px;
}
.nav_icon h2 {
float:left;
	width:100%;
	font-size:34px;
	line-height:34px;
	font-family:"Times New Roman";
	text-align:center;
	margin-top:-5px;	
}
.nav_icon h3 {
float:left;
	width:100%;
	font-size:12px;
	line-height:12px;
	text-align:center;	
	font-weight:normal;
  margin-top:-1px;
}
.nav_head h4 {
	float:left;
	width:auto;
	margin-left:8px;
	margin-top:0px;
	font-size:22px;
	line-height:22px;
	height:20px;
	margin-bottom:6px;
	color:#333;
	font-weight:normal;
	padding-right:15px;
}
.nav_head h4 span {
	font-size:18px;
	color:#666;
	}
.nav_head h5 {
	float:left;
	width:auto;
	min-width:300px;
	margin-left:4px;
	font-size:12px;
	color:#333;
	font-weight:normal;
}
.subnav_list {
  float:right;
  width:auto;
  height:70px;
  margin-top:5px;
}
.subnav_list li {
  float:left;
  width:auto;
  font-size:18px;
  line-height:65px;
  height:65px;
  margin-left:50px;
}
.subnav_list li a {
  color:#333;
}
.subnav_list li:hover {
	border-bottom:5px solid #036ac7;
}