@charset "utf-8";
/* CSS Document */

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

html {
  font-size: 10vw;
}
* {
  box-sizing: border-box;
  margin: 0;
}
body {
  margin: 0 auto;
  padding: 0;
  border: 0;
  overflow-x: scroll;
  font-size: 12px;
  min-width: 1200px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: #f7f7f7;
}

a{color:#333;text-decoration:none}
a:hover{color:#341b00;text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word; color:#666;}
.g-wp p{ color:#000;}

/*通用定义*/
.clearfix:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
.fl{ float:left;}
.fr{ float:right;}
.clearer{clear:both; height:0; display:block; font-size:1px;overflow:hidden;}

.layout{ width: 12.95rem; margin: 0 auto; position:relative;}
.layout-b{ width: 18.48rem; margin: 0 auto; position:relative;}
.layout2{ width: 1200px; padding: 20px; margin: 0 auto; position:relative; background-color: #fff; box-sizing: border-box; border-radius: 20px;}
.box_wid2{ width: 12.53rem; margin: 0 auto; position: relative;}

.boxMo{ min-width: 12rem;}

@font-face {  font-family: 'almmsh';  src: url('https://static.southcn.com/cors/15ctah/almmsh.ttf');}

.box_mar{ margin-bottom: 0.75rem}
.box_marT1{ margin-top: 0.4rem;}
.box_tem{ padding: 0.33rem 0.33rem; background-color: #fff; border-radius: 0.48rem;}
.box_gray1{ padding: 0.7rem 0; background-color: #f7f7f7}
.box_gray2{ padding: 0.7rem 0; background-color: #f0f0f0}

.tsqy_con{ position: relative; margin-bottom: 0.95rem;}
#swiper-container2-2{ width: 12.93rem; height: 4.74rem; }
#swiper-container2-2 .swiper-slide{ position: relative; width: 12.93rem; height: 4.7rem; border-radius: 0.48rem; overflow: hidden;}

#swiper-container2-2 .swiper-slide img{ width: 100%; height: 100%;}
#swiper-container2-2 .swiper-slide h3{ display: flex; align-items: center; position: absolute; left: 0; bottom: 0; width: 100%; height: .62rem; padding-left: 0.6rem; font: 0.336rem/0.54rem "Microsoft Yahei"; color: #fff; background: -moz-linear-gradient(top, transparent, #000);background: -webkit-linear-gradient(top , transparent, #000);background: -o-linear-gradient(top , transparent, #000); box-sizing: border-box;}
#swiper-container2-2 .swiper-slide h3 a{  max-width: 15rem; height: .7rem; color: #fff;  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/*.sc2_2_prev, .sc2_2_next{ position: absolute; left: 1062; width: 50px; height: 31px; background-image: url(arr1.png); cursor: pointer; outline: none;}
.sc2_2_prev{ top: 15px; background-position: 0 0}
.sc2_2_next{ top: 534px; background-position: 0 -31px}*/

#swiper-container2-1{ position: absolute; bottom: 0.35rem; right: 0.27rem; width: 1.47rem;  }
#swiper-container2-1 .swiper-slide{ position: relative; width: 1.47rem; height: 0.54rem !important;  cursor: pointer; border-radius: 0.2rem; overflow: hidden;}
#swiper-container2-1 .swiper-slide-thumb-active{ opacity: 1; border: 0.05rem solid transparent;border-radius: 0.2rem;background-clip: padding-box, border-box;background-origin: padding-box, border-box;background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #3fd798, #fb50fc); }
#swiper-container2-1 .swiper-slide img{ width: 1.47rem; height: 0.54rem;}
#swiper-container2-1 .swiper-slide.swiper-slide-thumb-active img{ width: 1.47rem;height: 0.54rem;}

.col{ position: relative; height: 0.5rem; padding-left: .7rem; margin-bottom: 0.44rem; font: bold 0.33rem/0.5rem "Microsoft Yahei"; color: #20003b}
.col.qyxm{ color: #fff;margin-bottom: 0.3rem;}
.box_tem .col{ padding-left: 0.6rem;}
.box_wid2 .col{ padding-left: 0.75rem;}
.col.qyxm{ padding-left: 0.7rem}

.box_tem .col:before{ left: 0.08rem}
.box_wid2 .col:before{ left: 0.2rem}
.col.qyxm:before{ left: 0.10rem}
.col:before{ position: absolute; top: 0; left: 0.22rem; width: 0.4rem; height: 0.4rem; background-image: url(../images/icon_col.png); background-size: 0.4rem 4rem; content: ""}
.col.tt:before{ background-position: 0 0;top: 0.04rem;}.box_tem .col
.col.shdt:before{ background-position: 0 -0.4rem;top: 0.08rem;}
.col.tzgg:before{ background-position: 0 -0.8rem;top: 0.08rem;}
.col.gysc:before{ background-position: 0 -1.16rem;top: 0.03rem;}
.col.ztbd:before{ background-position: 0 -1.56rem}
.col.qyxm:before{ background-position: 0 -6rem;top: 0.05rem;}
.col.shwh:before{ background-position: 0 -6.4rem;top: 0.02rem;}
.col.cgxl:before{ background-position: 0 -6.8rem;top: 0.02rem;}
.col.csjs:before{ background-position: 0 -7.2rem}
.col.jcwq:before{ background-position: 0 -7.6rem;top: 0.05rem;}

a.col_more{ position: absolute; right: 0; top: 0; height: 0.36rem; padding: 0 0.15rem; font: 0.16rem/0.36rem "Microsoft Yahei"; color: #2294e0; border: 0.01rem solid #2294e0; border-radius: 0.25rem;}
.col.qyxm a.col_more{ color: #fff; border-color: #fff;}

.headline{ position: relative; padding: 0.34rem 0.8rem 0.34rem 0.34rem; background-color: #fff; border-radius: 0.48rem;}
.headline h2 a:before{ position: absolute; top: 50%; right: 0.48rem; margin-top: -0.18rem; font: 0.36rem/0.36rem "Microsoft Yahei"; color: #696969; content: ">"}
.headline h2{ font: bold 0.33rem/0.58rem "Microsoft Yahei";}
.headline h2 a{ color: #20003b;}

.shdt_focus_wrap{ float: left; position: relative; width:7.07rem; height: 4rem; border-radius: 15px; overflow: hidden;}

.swiper-container_shdt_focus{ width: 7.07rem; height: 4rem; border-radius: 0.3rem; overflow: hidden;}
.swiper-container_shdt_focus .swiper-wrapper{ height: 4rem !important;}
.swiper-container_shdt_focus .swiper-slide{ position: relative;}
.swiper-container_shdt_focus .swiper-slide-active,.swiper-container_shdt_focus .swiper-slide-duplicate-active{ }
.swiper-container_shdt_focus .swiper-slide img{ width: 100%; height: 100%;}
.swiper-container_shdt_focus .swiper-slide h3{ display: flex; align-items: center; position: absolute; bottom: 0; left: 0; width: 100%; height: .7rem; font: bold 0.2rem/0.3rem "Microsoft Yahei"; text-indent: 1em; background: -moz-linear-gradient(top, transparent, #000);background: -webkit-linear-gradient(top , transparent, #000);background: -o-linear-gradient(top , transparent, #000);} 
.swiper-container_shdt_focus .swiper-slide h3 a{  max-width: 80%;  color: #fff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;text-indent: 0;margin-left: 0.2rem;}
.swiper-container_shdt_focus .swiper-slide:hover h3 a{ font-weight: bold}

.shdt_focus_wrap .swiper-pagination{ position: absolute; bottom: 0.3rem; right: 0.4rem;}
.shdt_focus_wrap .swiper-pagination .swiper-pagination-bullet{ float: left; width: 0.12rem; height: 0.12rem; margin-left: 0.12rem; background-color: #7c7c7c; opacity: 1; border-radius: 0.06rem;}
.shdt_focus_wrap .swiper-pagination .swiper-pagination-bullet-active{ background: #fff;  opacity: 1; outline: none;}

/**/
.shdt_list_wrap{ float: right; position: relative; width: 5.46rem; }
.swiper-container_shdt_list{ width: 5.46rem; height: 4rem; overflow: hidden;}
.swiper-container_shdt_list .swiper-wrapper{ height: 4rem;}
.swiper-container_shdt_list .swiper-slide{ width: 5.46rem; height: 0.63rem ; padding: 0 0.5rem; border-radius: 0.3rem; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;}

.swiper-container_shdt_list .swiper-slide h3{ position: relative; width: 3.9rem; padding-left: 0.28rem; font: 0.20rem/0.3rem "Microsoft Yahei"; box-sizing: border-box;}
.swiper-container_shdt_list .swiper-slide h3:before{ position: absolute; top: 50%; left: 0; width: 0.08rem; height: 0.08rem; margin-top: -0.04rem; background-color: #20003b; border-radius: 50%; content: ""}
.swiper-container_shdt_list .swiper-slide h3 a{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; color: #20003b;}
.swiper-container_shdt_list .swiper-slide span{ font: 0.14rem/0.3rem "Microsoft Yahei"; color: #696969;}

.swiper-container_shdt_list .swiper-slide-active{ background: #fff; }

.shdt_list_cov{ position: absolute; bottom: 0; left: 0; width: 100%; height: 2rem; background: -moz-linear-gradient(top, transparent ,#f7f7f7 );background: -webkit-linear-gradient(top , transparent ,#f7f7f7 );background: -o-linear-gradient(top , transparent ,#f7f7f7 ); z-index: 5;}

.shdt_list_control{ }
.shdt_list_control a{ position: absolute; top: 3.57rem; width: 0.42rem; height: 0.42rem;  background-image: url(../images/arr1.png); background-size: 0.84rem 0.42rem; z-index: 10; cursor: pointer; outline: none}
.shdt_list_control a.shdt_list_prev{ right: 0.56rem; background-position: 0 0;}
.shdt_list_control a.shdt_list_next{ right: 0; background-position: -0.42rem 0;}

.news_list{}
.news_list li{ display: flex;align-items: center;position: relative; height: 0.46rem; padding: 0 0.18rem 0 0.34rem; justify-content: space-between;font-size: 0.2rem;}
.news_list li h3{width: 10.7rem;font: 0.20rem/0.46rem "Microsoft Yahei"; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.news_list li span{padding-right: .17rem;font: 0.14rem / 0.46rem "Microsoft Yahei";color: #696969;}
.news_list li a{ color: #20003b;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.news_list li:before{ position: absolute; top: 50%; left: 0; width: 0.05rem; height: 0.05rem; margin-top: -0.04rem; background-color: #20003b; border-radius: 0.04rem; content: ""}
.news_list li h3 a:after{ position: absolute; top: 50%; right: 0; margin-top: -0.15rem; font: 0.24rem/0.3rem "Microsoft Yahei"; color: #696969; content: ">"}

.box_marT1 .news_list li h3{width: 10.3rem;}
.box_wid3 .col{margin-left: -0.3rem;margin-bottom: 0.22rem;}

.index_scap img{ width: 100%;}

.header {
  position: relative;

}
.header .header_bar {
  margin-top: 0;
}
.header .layout-b {
  position: absolute;
  box-sizing: border-box;
  min-height: 1.38rem;
  width: 100%;
  left: 0;
  top: 0.56rem;
  
  z-index: 10;
}
.header .header_box {
  width: 18.48rem;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 0.48rem;
}
.dropdown-box {
  display: none;
  padding: 0.25rem .2885rem 0.2885rem;
}
.header .search_box {
  overflow: hidden;
  position: relative;
  display: flex;
  width: 100%;
  height: 0.614rem;
  margin: 0 auto 0.1579rem;
  border-radius: 0.307rem;
  background-color: #ffffff;
  border: 0.0096rem solid #d8d8d8;
}
.header .submit-btn {
  flex: 0.5965rem 0 0;
  height: 100%;
  background-image: url(../images/icon_search.png);
  background-repeat: no-repeat;
  background-position: 0.2632rem center;
  background-size: 0.2544rem 0.2544rem;
}
.header .search_input {
  position: relative;
  flex: auto;
}
.header .search_input_inner {
  display: block;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  outline: none;
  padding-right: 0.614rem;
  font-size: 0.2456rem;
  color: #20003b;
  border: none;
}
.header .header_close_search {
  display: none;
  background-image: url(../images/icon_close.png);
  /* background-repeat: no-repeat;
  background-position: 0.2105rem 0.2018rem;
  background-size: 0.1842rem 0.2105rem;
  background-color: #ffffff; */
}
.historyCon span {
  font-size: 0.3462rem;
  font-weight: bold;
  line-height: 0.6635rem;
}
.historyCon .clear-btn {
  float: right;
  width: 0.6346rem;
  height: 0.6635rem;
  background-image: url(../images/delete-icon.png);
  background-repeat: no-repeat;
  background-size: 0.25rem 0.2788rem;
  background-position: 0.1923rem 0.1923rem;
  cursor: pointer;
}
.history_l {
  max-height: 1.9231rem;
  overflow-y: auto;
}
.history_l a {
  float: left;
  background-color: #f7f7f7;
  border-radius: 0.2404rem;
  margin: 0 0.1923rem 0.1923rem 0;
  font-size: 0.2115rem;
  line-height: 0.4808rem;
  padding: 0 0.2885rem;
}

.global-mask {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    z-index: 2;
}

/*光影赛场*/
.gysc_con{ position: relative; }
#swiper-container3-2{ float: left; width: 7.07rem; height: 4.74rem; }
#swiper-container3-2 .swiper-slide{ position: relative; width:7.07rem; height: 4.74rem; border-radius: 0.24rem; overflow: hidden;}

#swiper-container3-2 .swiper-slide a:before{ position: absolute; top:1.7rem; left: 50%; width: 0.7rem; height: 0.7rem; margin-left: -0.35rem; background: url(../images/icon_play1.png) no-repeat center top; background-size: 100% 100%; content: ""}
#swiper-container3-2 .swiper-slide img{ width: 100%; height: 4rem;}
.gysc_l_wz{ width: 100%; height: 1.2rem; padding: 0.2rem 0.34rem 0; background: -moz-linear-gradient(left, #705046, #8e695c, #705046);background: -webkit-linear-gradient(left , #705046, #8e695c, #705046);background: -o-linear-gradient(left , #705046, #8e695c, #705046); box-sizing: border-box;}
.gysc_l_wz h3{ height: 0.42rem; font: bold 0.24rem/0.42rem "Microsoft Yahei"; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.gysc_l_wz p{ height: 0.3rem; font: 0.2rem/0.3rem "Microsoft Yahei"; color: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.sc3_2_prev, .sc3_2_next{ position: absolute; bottom: 0rem; width: 0.42rem; height: 0.42rem;; background-image: url(../images/arr1.png); background-size: 0.84rem 0.42rem; cursor: pointer; outline: none; z-index: 10}
.sc3_2_prev{ right: 0.56rem; background-position: 0 0}
.sc3_2_next{ right: 0; background-position: -0.42rem 0 ;}

#swiper-container3-1{ float: right; width: 4.88rem; height: 4.74rem;}
#swiper-container3-1 .swiper-slide{ display: flex; justify-content: space-between; width: 4.90rem; height: 1.18rem !important;  cursor: pointer;  overflow: hidden;}

#swiper-container3-1 .swiper-slide img{ width: 2rem; height: 1.1rem; border-radius: 0.1rem;}
.gysc_r_wz{ width: 2.65rem;}
.gysc_r_wz h3{ margin-bottom: 0.16rem; font: bold 0.20rem/0.25rem "Microsoft Yahei"; color: #20003b;}
.gysc_r_wz span{ height: 0.13rem; padding-left: 0.2rem; font: 0.13rem/0.2rem "Microsoft Yahei"; color: #696969; background: url(../images/icon_gysc_time.png) no-repeat left center; background-size: 0.13rem auto; }

#swiper-container3-1 .swiper-slide-thumb-active{ opacity: 1;}
#swiper-container3-1 .swiper-slide.swiper-slide-thumb-active img{ opacity: 1; border: 0.05rem solid transparent;border-radius: 0.2rem;background-clip: padding-box, border-box;background-origin: padding-box, border-box;background-image: linear-gradient(to right, #222, #222), linear-gradient(90deg, #3fd798, #fb50fc);  }

.gysc_r_cov{ position: absolute; bottom: 0; left: 0; width: 100%; height: 1rem; background: -moz-linear-gradient(top, transparent ,#fff );background: -webkit-linear-gradient(top , transparent ,#fff );background: -o-linear-gradient(top , transparent ,#fff ); z-index: 5;}

.index_ztbd{ position: relative; width: 100%;  margin: 0 auto;}
.swiper-container_ztbd{ width: 100%;  overflow: hidden;}
.swiper-container_ztbd .swiper-wrapper{ display: flex; justify-content: space-between; align-items: stretch; height: 2.44rem;}
.swiper-container_ztbd .swiper-slide{width: 3.99rem; height: 2.44rem;}
.ztbd_con{ display: flex; justify-content: space-between;}
.ztbd_con img{ width: 3.99rem; height: 2.44rem; border-radius: 0.3rem;}
.ztbd_con img:hover{ opacity: 1; border: 0.05rem solid transparent;border-radius: 0.3rem;background-clip: padding-box, border-box;background-origin: padding-box, border-box;background-image: linear-gradient(to right, #3fd798, #fb50fc), linear-gradient(90deg, #3fd798, #fb50fc);  }
.ztbd_control a{ position: absolute; top: 50%; width: 0.42rem; height: 0.43rem; margin-top: -0.2rem;  background-image: url(../images/arr2.png); background-size: 0.84rem 0.42rem; z-index: 10; cursor: pointer; outline: none}
.ztbd_control a.ztbd_prev{ left: 0.15rem; background-position: 0 0;}
.ztbd_control a.ztbd_next{ right: 0.15rem; background-position: -0.42rem 0;}

/*会场服务*/
.box_gray3 .box_wid2{width: 13rem;}
.ssfw_wrap{ display: flex; flex-wrap: wrap; justify-content: left;margin-left: 0.22rem;}
.ssfw_tem{ position: relative; width: 2.3rem; height: 1.8rem; margin-right: 0.26rem; margin-bottom: 0.22rem; background-color: #fff; border-radius: 0.48rem; overflow: hidden;margin-left: -0.25;}
.ssfw_tem > a{display: flex; justify-content: center; align-items: center; flex-direction: column; width: 100%; height: 100%;}
.ssfw_tem i{ display: block; width: 0.85rem; height: 0.75rem;  background-image: url(../images/icon_ssfw2.png); background-size: 0.85rem 7.5rem; content: ""} 
.ssfw_tem p{ margin-top: 0.23rem; font: bold 0.256rem/0.35rem "Microsoft Yahei"; color: #20003b; text-align: center;}

.ssfw_tem.tem5{margin-right: 0.2rem;}
.ssfw_tem.tem10{margin-right: 0.2rem;}

.ssfw_tem.tem1 i{ background-position: 0 0}
.ssfw_tem.tem2 i{ background-position: 0 -0.75rem}
.ssfw_tem.tem3 i{ background-position: 0 -1.5rem}
.ssfw_tem.tem4 i{ background-position: 0 -2.25rem}
.ssfw_tem.tem5 i{ background-position: 0 -3rem}
.ssfw_tem.tem6 i{ background-position: 0 -3.75rem}
.ssfw_tem.tem7 i{ background-position: 0 -4.5rem}
.ssfw_tem.tem8 i{ background-position: 0 -5.25rem}
.ssfw_tem.tem9 i{ background-position: 0 -6rem}
.ssfw_tem.tem10 i{ background-position: 0 -6.75rem}

.ssfw_tem_qrcode{ position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(255,255,255,0.8); z-index: 3;}
.ssfw_tem_qrcode img{ width: 2rem; height: 2rem;}

.ssfw_tem:hover .ssfw_tem_qrcode{ display: flex; align-items: center; justify-content: center;}

a.btn_more{ float: right;; height: 0.36rem; padding: 0 0.15rem; font: 0.16rem/0.36rem "Microsoft Yahei"; color: #2294e0; border: 0.01rem solid #2294e0; border-radius: 0.25rem;}


.box_gray2 a.btn_more{margin-right: 0.24rem;}



.col_big{ margin-bottom: 0.7rem; font: 0.6rem/0.68rem "almmsh"; color: #2c0045; text-align: center;}

.index_qyxm{ height: 3.43rem; padding: 0.35rem 0.28rem 0; background: url(../images/bg_index_qyxm.jpg) no-repeat center top; background-size: 100% 100%; border-radius: 0.5rem;}

.qyxm_con{ position: relative; width: 100%; height: 3rem; margin: 0 auto;}
.swiper-container_qyxm{ width: 100%; height: 2.08rem; overflow: hidden;}
.swiper-container_qyxm .swiper-wrapper{ height: 2.08rem;}
.swiper-container_qyxm .swiper-slide{ width: 1.87rem; height: 2.08rem ; padding: 0 0.2rem; border-radius: 0.48rem; background-color: #fff;}


.swiper-container_qyxm .swiper-slide a{ display: block; width: 100%; height: 100%;}
.index_qyxm_tem{ display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; height: 100%;}
.index_qyxm_i{ display: flex; align-items: center; justify-content: center; width: 1.1rem; height: 0.9rem; margin-bottom: 0.1rem;margin-top: 0.15rem;}
.index_qyxm_i img{ width: 90%; height: auto;}
.index_qyxm_tem p{ font: bold 0.16rem/0.25rem "Microsoft Yahei"; color: #20003b;min-height: 0.5rem;}
.index_qyxm_tem p:nth-child(3){ font-weight: normal;}

.qyxm_control{ }
.qyxm_control a{ position: absolute; top: 50%; width: 0.42rem; height: 0.43rem; margin-top: -0.65rem;  background-image: url(../images/arr2.png); background-size: 0.84rem 0.42rem; z-index: 10; cursor: pointer; outline: none}
.qyxm_control a.qyxm_prev{ left: -0.15rem; background-position: 0 0;}
.qyxm_control a.qyxm_next{ right: -0.15rem; background-position: -0.42rem 0;}

/*赛会文化*/
.index_shwh{ position: relative; width: 100%;  margin: 0 auto;}
.swiper-container_shwh{ width: 100%;  overflow: hidden;}
.swiper-container_shwh .swiper-wrapper{ display: flex; justify-content: space-between; align-items: stretch; height: 3.9rem; margin-bottom: 0.72rem;}
.swiper-container_shwh .swiper-slide{ width: 2.94rem; height: 3.9rem;}

.index_shwh_tem{ position: relative; width: 2.94rem; padding:0.13rem 0.14rem; background-color: #f0f0f0; border-radius: 0.3rem;}
.index_shwh_tem a{  width: 100%; height: 100%; overflow: hidden;}
.index_shwh_tem_i{ display: flex; align-items: center; justify-content: center; height: 2.9rem; margin: 0.2rem auto; background-color: #fff; overflow: hidden;border-radius: 0.3rem;}
.index_shwh_tem img{ width: 90%;}
.index_shwh_tem h3{ font: bold 0.2rem/0.4rem "Microsoft Yahei"; text-align: center; color: #696969;}


.shwh_control{ }
.shwh_control a{ position: absolute; top: 50%; width: 0.42rem; height: 0.43rem; margin-top: -0.65rem;  background-image: url(../images/arr2.png); background-size: 0.84rem 0.42rem; z-index: 10; cursor: pointer; outline: none}
.shwh_control a.shwh_prev{ left: -0.15rem; background-position: 0 0;}
.shwh_control a.shwh_next{ right: -0.15rem; background-position: -0.42rem 0;}

/*.index_shwh{ display: flex; justify-content: space-between; align-items: stretch;margin-bottom: 0.72rem;}
.index_shwh_tem{ width: 2.94rem; padding:0.13rem 0.14rem; background-color: #f0f0f0; border-radius: 0.3rem;}
.index_shwh_tem a{  width: 100%; height: 100%; overflow: hidden;}
.index_shwh_tem_i{ display: flex; align-items: center; justify-content: center; height: 2.9rem; margin: 0.2rem auto; background-color: #fff; border-radius: 0.3rem; overflow: hidden}
.index_shwh_tem img{ width: 90%;border-radius: 0.3rem;}
.index_shwh_tem h3{ font: bold 0.2rem/0.4rem "Microsoft Yahei"; text-align: center; color: #696969;}*/

.qmyay_btn_wrap{ display: flex; justify-content: space-between;}
.qmyay_btn_wrap img{ width: 3.99rem; height: 1.19rem;}
.qmyay_btn_wrap2 img{ width: 12.47rem;border-radius: 0.2rem;}

.qmyqy_xwzx{ display: flex; justify-content: space-between;}
.qmyqy_xwzx_l{ width: 3.29rem; margin-top: 0.1rem;}
.qmyqy_xwzx_i{ position: relative; width: 3.29rem; height: 1.82rem; border-radius: 0.15rem; overflow: hidden;}
.qmyqy_xwzx_i img{ width: 100%; height: 100%;}
.qmyqy_xwzx_i h3{ position: absolute; bottom: 0; left: 0; width: 100%; height: 0.8rem; padding: 0 0.1rem; font: bold 0.24rem/0.8rem "Microsoft Yahei"; color: #fff; background: -moz-linear-gradient(top, transparent, #000);background: -webkit-linear-gradient(top , transparent, #000);background: -o-linear-gradient(top , transparent, #000); text-overflow: ellipsis; white-space: nowrap; overflow: hidden; box-sizing: border-box;}

.qmyqy_xwzx_r{ width: 8.13rem;}
.box_marT1 .qmyqy_xwzx_r .news_list h3{font-size: 0.2rem;width: 6.5rem;}

.index_jcwq_wrap{ display: flex; justify-content: space-between;}
.index_jcwq_tem{ width: 2.31rem; height: 1.12rem;  border-radius: 0.3rem; overflow: hidden;}
.index_jcwq_tem a{ position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.index_jcwq_tem a:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4); content: ""; z-index: 3;}
.index_jcwq_tem img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2}
.index_jcwq_tem h3{ position: relative; font: bold 0.33rem/0.54rem "Microsoft Yahei"; color: #ffffff; z-index: 4}

.partner_wrap{ padding: 0.9rem 0 0.01rem; background-color: #2294e0;}
.partner_con{ padding: 0.6rem 0.3rem 0.3rem; margin-bottom: 0.3rem; background-color: #fff; border-radius: 0.5rem;}
.partner_tem{  margin: 0 0.4rem 0.4rem;}
.partner_tem:last-child{  margin-bottom: 0; border-bottom: 0;}
.partner_tit{ margin-bottom: 0.3rem; font: bold 0.33rem/0.5rem "Microsoft Yahei"; color: #20003b; text-align: center;}
.partner_img{ display: flex; justify-content: center; flex-wrap: wrap;}
.partner_img_con{ display: flex; justify-content: center; align-items: center; border: 0.01rem solid #ebebeb;  border-radius: 0.1rem; box-sizing: border-box;}
.partner_img_con img{  width: 90%;}
.partner_img.hzhb .partner_img_con{ width: 1.28rem; height: 0.6rem; margin: 0 0.08rem 0.16rem;}
/*.partner_img.hzhb .partner_img_con img{ width: 80%;}*/
.partner_img.zzs .partner_img_con{ width: 1.05rem; height: 0.47rem; margin: 0 0.08rem 0.16rem;}
.partner_img.djgys{width: 8.37rem;margin: 0 auto;}
.partner_img.djgys .partner_img_con{ width: 0.81rem; height: 0.36rem; margin: 0 0.06rem 0.12rem;}
.partner_img.gys .partner_img_con{ width: 0.67rem; height: 0.29rem; margin: 0 0.06rem 0.12rem;}



.partner_more_wrap{ display: flex; justify-content: right; ;}
a.partner_more{ height: 0.36rem; padding: 0 0.15rem; font: 0.16rem/0.36rem "Microsoft Yahei"; color: #fff; border: 0.01rem solid #fff; border-radius: 0.25rem;}

/* 场馆巡礼 */
.cgxl{position: relative;}
.cgxl_list,.cgxl_list2{position:absolute;top:0;left:2.24rem;width:1.7rem;height:.5rem;border:.01rem solid #e8e8e8;box-sizing:border-box;background-color:#fff;z-index:999;font:.2rem/.5rem "Microsoft Yahei";text-align:center;border-radius:.25rem;list-style:none;padding:0;margin:0;overflow:hidden;transition:height .3s ease}
.cgxl_list.expanded,.cgxl_list2.expanded{height:5.6rem;overflow-y:auto}
.cgxl_list li,.cgxl_list2 li{position: relative;height:.5rem;cursor:pointer;transition:background-color .2s;color: #2c0045;text-indent: -0.2rem;}
.cgxl_list li:hover,.cgxl_lis2t li:hover{background-color:#f0f0f0}
.cgxl_list::after{width: 0.14rem;height: 0.08rem;content:"";position:absolute;right:.18rem;top:0.23rem;;font-size:.15rem;transition:transform .3s ease;background-image: url(../images/arr4.png);background-repeat:  no-repeat;background-position: 0 0;z-index: 999;background-size: cover}
.cgxl_list.expanded::after{background-position: 0 -0.08rem}
.cgxl_list2{left: 4.1rem;}
.cgxl_list3{left: 6rem;}
.cgxl_list2 li{text-indent: 0;}


.swiper-container_cgxl-wrap{position: relative;;width: 12.54rem;height: 4rem;}
.swiper-container_cgxl .swiper-slide{ position: relative; width: 6.86rem; height: 4rem; border-radius: 0.3rem;}

.swiper-container_cgxl .swiper-slide.swiper-slide-active{ width: 6.86rem; height: 4rem;overflow: hidden;}
.swiper-container_cgxl .swiper-slide img{ width: 100%;height: 4rem;border-radius: .2rem;}
.sc_prev, .sc_next{ position: absolute;top: 50%;width: 0.42rem;height: 0.42rem;margin-top: 0.21rem;background-image: url(../images/arr2.png);background-size: 0.84rem 0.42rem;z-index: 10;cursor: pointer;outline: none;}
.sc_prev{ left: 2.26rem; background-position: 0 0;}
.sc_next{ right: 2.26rem; background-position: -0.42rem 0;}
.swiper-container_cgxl .swiper-slide p{display: none;}
.swiper-container_cgxl .swiper-slide.swiper-slide-active p{ display: flex; align-items: center; position: absolute; bottom: 0; left: 0; width: 100%; height: .5rem; font: bold 0.2rem/0.3rem "Microsoft Yahei"; color: #fff;text-indent: 1em; background: -moz-linear-gradient(top, transparent, #000);background: -webkit-linear-gradient(top , transparent, #000);background: -o-linear-gradient(top , transparent, #000);} 
.swiper-container_cgxl .swiper-slide.swiper-slide-active p a{  max-width: 80%;  color: #fff;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.swiper-container_cgxl .swiper-slide.swiper-slide-active a{ font-weight: bold;color:#fff}
.swiper-container_cgxl .swiper-slide.swiper-slide-active:hover a{ font-weight: bold;color:#fff}

/* 城市介绍 */
.csjs.box_mar{padding: .33rem .22rem;}
.swiper-container_csjs{width: 12.50rem;height: 3.15rem;}
.swiper-container_csjs .swiper-slide{height: 3.15rem;}
.swiper-container_csjs .city-card{position:relative;width:4rem;height:3.15rem;border-radius:.3rem;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.swiper-container_csjs .city-card img{width:100%;height:100%;object-fit:cover}
.swiper-container_csjs .city-info{position:absolute;bottom:0;left:0;width:4rem;height: 0.91rem;background:url(../images/csjs-card-bg.png) no-repeat center top;display:flex;flex-direction:row;align-items:center;box-sizing:border-box;border-radius: 0.3rem;  justify-content:center;}
.swiper-container_csjs .city-name{font-size:0.33rem;color:#fff;font-weight:700;line-height: 0.4rem;}
/* .swiper-container_csjs .city-name::after{margin:0 0.1rem;content: '/';} */
.swiper-container_csjs .city-ename{font-size:.21rem;color:#fff;opacity:.9;line-height: 0.4rem;}
.csjs_control a{ position: absolute; top: 50%; width: 0.42rem; height: 0.43rem; margin-top: -0.65rem;  background-image: url(../images/arr2.png); background-size: 0.84rem 0.42rem; z-index: 10; cursor: pointer; outline: none}
.csjs_control a.csjs_prev{ left: 0.08rem; background-position: 0 0;}
.csjs_control a.csjs_next{ right: 0.08rem; background-position: -0.42rem 0;}



/*qrcode*/
.qrcode_wrap{ display: flex; justify-content: space-between;}
.qrcode_tem{ position: relative; width: 2.03rem; height: 0.63rem; background-color: #fff; border-radius: 0.2rem; cursor: pointer;}
.qrcode_show{ display: none; justify-content: center; align-items: center; position: absolute; bottom: 1rem; left: 50%; width: 2rem; height: 2rem; margin-left: -1rem; background-color: #fff; border-radius: 0.1rem; box-}
.qrcode_tem:hover .qrcode_show{ display: flex;}
.qrcode_show img{ width: 1.7rem; height: 1.7rem;}

.qrcode_con{  display: flex; align-items: center; height: 0.63rem; padding:0 0.15rem;}
.qrcode_con:before{ width: 0.35rem; height: 0.35rem; margin-right: 0.1rem; background-image: url(../images/icon_qrcode.png); background-size: 0.35rem 2.1rem; content: ""}
.qrcode_con p{ width: 1rem; margin-right: 0.2rem; font: 0.19rem/0.34rem "Microsoft Yahei"; color: #20003b;}
.qrcode_con:after{ font: 0.19rem/0.28rem "Microsoft Yahei"; color: #c1c1c1; content: ">"}

.qrcode_con.wb:before{ background-position: 0 0}
.qrcode_con.wx:before{ background-position: 0 -0.35rem}
.qrcode_con.sp:before{ background-position: 0 -1.05rem}
.qrcode_con.dy:before{ background-position: 0 -0.70rem}
.qrcode_con.ks:before{ background-position: 0 -1.41rem}
.qrcode_con.xcx:before{ background-position: 0 -1.76rem}

/*通用概览*/
.loc{  padding: 0 0 20px 38px; margin: 0 0 30px; font-size: 18px; line-height: 26px; color: #333; background: url(../images/icon_loc.png) no-repeat 4px top; border-bottom: 1px solid #e4e4e4}
.loc a{ color: #333;}
.loc span{}

.gl_tem{ padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4}
.gl_tem img{ float: left; width: 240px; height: 134px; margin-right: 20px;}
.gl_tem_r{height: 134px;}
.gl_tem_r h3{ max-height: 60px; font: 22px/30px "Microsoft Yahei"; overflow: hidden}
.gl_tem_r h3 a{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #333;}
.gl_tem_r > p{ height: 40px; margin-top: 10px; font: 16px/20px "Microsoft Yahei"; color: #666;  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;}
.gl_tem_r > span{ display: block; margin-top: 10px; font-size: 14px; line-height: 14px; color: #888;}

.gl_tem.sty2 img{ display: none}
.gl_tem.sty2 .gl_tem_r{ float: none; width: 100%;}

#displaypagenum{  text-align: center;}
#displaypagenum a{ box-sizing: border-box; display: inline-block;  height: 34px; padding: 0 12px; margin: 0 4px; font-size: 14px; line-height: 32px; text-align: center; color: #666; background-color: #fff; border: 1px solid #e6e6e6; border-radius: 4px; cursor: pointer;}
#displaypagenum span{ font-size: 14px; line-height: 40px; margin: 0 5px;}
#displaypagenum a.first, #displaypagenum a.prev, #displaypagenum a.next, #displaypagenum a.last{ box-sizing: border-box; width: auto; padding: 0 10px; height: 34px; cursor: pointer;}
#displaypagenum a.current, #displaypagenum a:hover{ color: #fff; background: #2294e0;}

/*通用细览*/
.share{ float: right;  margin-left: 10px;}
.share a.social-share-icon{ margin: 0 5px;}

.article{ padding: 45px 50px 50px; }
.article_t{ margin-bottom: 24px; font: bold 42px/48px "Microsoft Yahei"; color: #333; text-align: center;}
.article_item{ padding: 12px 0; margin-bottom: 24px; font: 14px/32px "Microsoft Yahei"; color: #666; border-bottom: 1px solid #e2e2e2;}
.article_item span{ }
.pubDate{ float: left;}
.source{ float: right; text-align: right;}

.article_con{}
.article_con p{ margin-bottom: 16px; font: 18px/32px "Microsoft Yahei"; color: #333; text-align: justify;}
.article_con img{ max-width: 800px;display: block;margin: 0 auto;}


/*赞助企业页面*/
.zzqy_wrap{ padding: 0.3rem; background-color: #fff; border-radius: 0.5rem;}



/* 全运项目 */
.qyxm_wrap{max-width:11.6rem;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.2rem;box-sizing: border-box;}
.qyxm_item{width: 2.75rem;text-align:center;padding:.15rem;border:1px solid #eee;border-radius:.08rem;transition:transform .3s ease;box-sizing: border-box;}
.qyxm_item:hover{transform:translateY(-5px);box-shadow:0 .05rem .15rem rgba(0,0,0,.1);}
.qyxm_item img{width:100%;height:auto;display:block;margin:0 auto .15rem;border-radius:.04rem;}
.qyxm_item h3{font:.22rem/.3rem "Microsoft Yahei";margin-bottom:.1rem;}
.qyxm_item h3 a{color:#20003b;text-decoration:none;}
.qyxm_item h3 a:hover,.qyxm_item:hover a{color:#007bff;}