@charset "utf-8";
/* CSS Document */
@import url('main.css');
/* 台风专题-详情 */
.typhoon_detail{clear:both; margin:0.24rem 0.24rem 0.20rem 0.24rem;}
.typhoon_detail h1{font-size:0.36rem; color:#333; line-height:0.5rem; margin:0 0 0.16rem 0; font-weight:bold;}
.typhoon_detail p{font-size:0.24rem; color:#333; line-height:0.42rem;}

.typhoon_allct{clear:both; width:100%;}
.typhoon_deimg{clear:both; margin:0.24rem 0.24rem 0.28rem 0.24rem; height:5.5rem; overflow:hidden; border:1px solid #ddd; box-sizing: content-box;}
.typhoon_deimg img{width:100%;}
.typhoon_deimg iframe{border:0;}

.typhoon_deinfo{clear:both; margin:0.2rem 0.24rem;}
.typhoon_deinfo span{display:flex; display:-webkit-flex;}
.typhoon_deinfo h4{font-size:0.24rem; color:#333; line-height:0.42rem; float:left; margin:0 0.2rem 0 0;}
.typhoon_deinfo p{flex:1; -webkit-flex:1;font-size:0.24rem; color:#333; line-height:0.42rem; float:left;}

.typhoon_dedynamic{clear:both; margin:0.16rem 0.24rem 0.12rem 0.24rem;}
.typhoon_dedynamic ul li{clear:both; width:100%; font-size:0.26rem;}
.typhoon_dedynamic ul li{font-size:0.26rem; color:#333; line-height:0.5rem; height:0.5rem; overflow:hidden;display:inline-block;}
.typhoon_dedynamic ul li i{display:inline-block; width:4px; height:4px; border-radius:4px; background-color:#666; vertical-align:middle; margin:0 0.12rem 0 0;}

.typhoon_denews{clear:both; margin:0 0.24rem 0.28rem 0.24rem;}
.typhoon_denews ul li{clear:both; border-bottom:1px dotted #e1e1e1; padding:0.14rem 0;}
.typhoon_denews ul li h3{font-size:0.28rem; color:#333; line-height:0.5rem; height:0.5rem; overflow:hidden;}
.typhoon_denews ul li p{font-size:0.24rem; color:#999; line-height:0.46rem; height:0.46rem; overflow:hidden;}

.typhoon_designal{clear:both; margin:0 0.24rem 0.28rem 0.24rem;}
.typhoon_designal ul li{clear:both; width:100%; display:flex; display:-webkit-flex; padding:0.24rem 0; border-bottom:1px dotted #e1e1e1; }
.typhoon_designal ul li b{width:1.3rem; height:1.11rem; display:block; float:left; margin:0 0.24rem 0 0;}
.typhoon_designal ul li b img{width:100%;}
.typhoon_designal ul li div{flex:1; -webkit-flex:1;}
.typhoon_designal ul li div span{display:flex; display:-webkit-flex;}
.typhoon_designal ul li div span h3{font-size:0.24rem; line-height:0.42rem; overflow:hidden; color:#333;}
.typhoon_designal ul li div span p{flex:1; -webkit-flex:1;font-size:0.24rem; line-height:0.42rem; overflow:hidden; color:#333;}

.typhoon_delink{clear:both; margin:0 0.24rem;}
.typhoon_delink ul{margin:0.14rem 0 0.1rem 0; clear:both;}
.typhoon_delink ul li{float:left; width:20.5%; margin:0 6% 0 0; font-size:0.24rem; color:#333; line-height:0.58rem;}
.typhoon_delink ul li:nth-child(4n){margin:0 0 0 0;}


/* 节日专题页面 */
@font-face {
  font-family: 'futuraltwebfont';
  src: url('../fonts/futuralt-webfont.woff2') format('woff2'),
       url('../fonts/futuralt-webfont.woff') format('woff'),
       url('../fonts/futuralt-webfont.ttf') format('truetype'),
       url('../fonts/futuralt-webfont.eot') format('embedded-opentype'),
       url('../fonts/futuralt-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* 节日专题公共标题 */
.special_allt01{height:0.52rem; clear:both; margin:0 0.24rem;height: auto;}
.special_allt01 h3{font-size:0.38rem; line-height:0.42rem; font-weight:bold; color:#3388ff; text-align:center;vertical-align: middle;}
.special_allt01 h3 font{font-family: 'futuraltwebfont'; font-size:0.42rem;display:inline-block; vertical-align:top;}
.special_allt01 h3 i.line{height:0.4rem; width:1px; background-color:#3388ff; display:inline-block; vertical-align:top; transform:rotate(30deg); margin:0 0.18rem 0 0.16rem;}
.special_allt01 h3 i.pic01,.special_allt01 h3 i.pic02{width:0.17rem; height:0.52rem; display:inline-block; vertical-align:bottom;}
.special_allt01 h3 i.pic01{background:url(../images/special_tpic02.png) no-repeat center bottom; background-size:100%; margin:0 0.08rem 0 0;}
.special_allt01 h3 i.pic02{background:url(../images/special_tpic03.png) no-repeat center bottom; background-size:100%; margin:0 0 0 0.08rem;}
.special_allt01 h3 b{display:inline-block; vertical-align:top;font-size:0.42rem; line-height:0.46rem; font-weight:bold;}
.special_allt01 h3.c01{color:#fff;}
.special_allt01 h3.c01 i.line{background-color:#fff;}
.special_allt01 h3.c01 i.pic01{background:url(../images/special_tpic04.png) no-repeat center bottom; background-size:100%; margin:0 0.08rem 0 0;}
.special_allt01 h3.c01 i.pic02{background:url(../images/special_tpic05.png) no-repeat center bottom; background-size:100%; margin:0 0.08rem 0 0;}

.special_allt02{clear:both; width:100%; text-align:center; display:inline-block;}
.special_allt02 h4{font-size:0.3rem; line-height:0.4rem; font-weight:bold; color:#333;}
.special_allt02 i{width:0.64rem; height:0.4rem; background:url(../images/special_tpic01.png) no-repeat left center;display:inline-block;vertical-align:middle; background-size:100%; margin:0 0.18rem;}

.special_allct{clear:both; width:100%; padding:0.44rem 0;}
.special_bg1{background-color:#daeaff;}
.special_bg2{background-color:#3388ff;}
.special_banner{clear:both; width:100%; position:relative;height:6.5rem;}
.special_banner img{width:100%; display:block;}
.special_banner b{ width:100%; display:block; height:1.4rem; background:url(../images/special_layer.png) no-repeat center bottom; background-size:100%; position:absolute; bottom:0; left:0; z-index:2;}
/* 导语 */
.special_lead{clear:both; margin:0.32rem 0.24rem 0.1rem 0.24rem; position:relative;}
.special_lead p{color:#fff; font-size:0.26rem; line-height:0.44rem; padding:0.24rem; background-color:#3388ff; border-radius:3px; margin:0 0.12rem 0 0;}
.special_lead b{position: absolute; left:0.12rem; right:0; top:0.12rem; background-color:#daeaff; display:block; bottom:-0.12rem; border-radius:3px; z-index:-1;}
/* 中秋高速免费时间 */
.special_label{clear:both; margin:0.1rem 0.24rem 0 0.24rem;}
.special_label ul li{float:left; width:48%; margin:0.26rem 4% 0 0; height:0.64rem; line-height:0.64rem; background-color:#3388ff; border-radius:5px; text-align:center;}
.special_label ul li:nth-child(2n){margin:0.26rem 0 0 0;}
.special_label ul li a{display:block; width:100%; height:100%; font-size:0.28rem; font-weight:bold; color:#fff;}
.special_label ul li a i{width:0.14rem;/*0.16rem*/ height:0.64rem; display:inline-block; background:url(../images/special_arrow01.png) no-repeat center 0.22rem; background-size:100%; vertical-align:middle; margin:0 0 0 0.2rem;}
.special_list{clear:both; margin:0.36rem 0.24rem 0 0.24rem; background-color:#fff; border-radius:3px;}
.special_list ul{clear:both; padding:0.04rem 0;}
.special_list ul li{clear:both; margin:0 0.22rem; height:1.58rem;padding:0.24rem 0;  border-bottom:1px solid #e6e6e6; display:flex; display:-webkit-flex; -webkit-align-items: center; align-items: center;}
.special_list ul li:last-child{border-bottom:0;}
.special_list ul li a{height:1.58rem; width:100%; display:flex; display:-webkit-flex; -webkit-align-items: center; align-items: center;}
.special_list ul li b{width:2.32rem; height:1.58rem; display:block; overflow:hidden; margin:0 0 0 0.3rem;}
.special_list ul li b img{width:100%; display:block;}
.special_list ul li span{flex:1;}
.special_list ul li span h3{width:100%; font-size:0.28rem; color:#333; line-height:0.38rem; max-height:0.76rem; overflow:hidden;}
.special_list ul li span h5{width:100%; clear:both; font-size:0.24rem; color:#999; margin:0.12rem 0 0 0;}
/* 中秋高速免费时间 */
.special_list2{clear:both; margin:0.1rem 0.24rem 0 0.24rem;}
.special_list2 ul li{float:left; width:48.5%; margin:0.26rem 3% 0 0;}
.special_list2 ul li:nth-child(2n){margin:0.26rem 0 0 0;}
.special_list2 ul li span{width:100%;height:2.32rem; overflow:hidden; display:block;}
.special_list2 ul li span img{width:100%; display:block;}
.special_list2 ul li h3{font-size:0.26rem; color:#fff; background-color:#3388ff; height:0.56rem; line-height:0.56rem; overflow:hidden; padding:0 0.2rem; text-align:center;}
/* 出行攻略 */
.recom_guide{clear:both; margin:0 0.24rem;}
.recom_guide h3{font-size:0.26rem; color:#fff; line-height:0.44rem; margin:0.20rem 0 0 0;}
.recom_guide h3.color01{color:#333;}
.recom_read1{clear:both; width:100%; border-radius:3px; padding:0.34rem 0; margin:0.22rem 0 0 0;}
.recom_read1bg01{background-color:#fff;}
.recom_read1bg02{background-color:#eff6ff;}
.recom_read1 ul{clear:both; margin:0.1rem 0.22rem 0 0.22rem;}
.recom_read1 ul li{clear:both; width:100%; line-height:0.72rem; height:0.72rem; overflow:hidden; display:inline-block; border-bottom:1px solid #e6e6e6;}
.recom_read1 ul li i{width:5px;height:5px; display:inline-block; border-radius:50%; background-color:#555; vertical-align:middle; margin:0 0.14rem 0 0;}
.recom_read1 ul li p{color:#333; font-size:0.28rem;}
/* 相关专题 */
.special_label02{clear:both; margin:0.1rem 0.24rem 0 0.24rem;}
.special_label02 ul li{float:left; width:48%; margin:0.26rem 4% 0 0; height:0.64rem; line-height:0.64rem;}
.special_label02 ul li:nth-child(2n){margin:0.26rem 0 0 0;}
.special_label02 ul li a{display:block; width:100%; height:100%; font-size:0.28rem; color:#3388ff; background-color:#fff; border-radius:5px; text-align:center; border:1px solid #3388ff; box-sizing: content-box;}