@charset "utf-8";
/* 通用部分 */
body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ol,ul,li,form,table,th,td,a,img,span,strong,var,em,input,textarea,select,option{margin: 0; padding: 0;}
html,body{font-family: "Microsoft YaHei","SimSun","Arial","Tabhoma",sans-serif; font-size: 20px; text-align: left; box-sizing: border-box;}
ul,ol,li{list-style: none;}
img{border: 0; vertical-align: top;}
input,select,textarea{outline: 0;}
textarea{resize: none;}
table{border-collapse: collapse; border-spacing: 0;}
th,strong,var,em{font-weight: normal; font-style: normal;}
a{text-decoration: none; color: #222;}
a:link,a:visited,a:hover,a:active{text-decoration: none !important;}
.hide, .videoUrl{display: none; visibility: hidden; opacity: 0;}
.clear,a.tit{display: block;}
.clear:after,ul:after{content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both;}
.g-1200{max-width: 1200px;}.g-1240{max-width: 1240px;}.g-1280{max-width: 1280px;}.g-1320{max-width: 1320px;}.g-1360{max-width: 1360px;}.g-1400{max-width: 1400px;}.g-1440{max-width: 1440px;}.g-1480{max-width: 1480px;}.g-1520{max-width: 1520px;}.g-1560{max-width: 1560px;}.g-1600{max-width: 1600px;}.g-1640{max-width: 1640px;}.g-1680{max-width: 1680px;}.g-1720{max-width: 1720px;}.g-1760{max-width: 1760px;}.g-1800{max-width: 1800px;}.g-1840{max-width: 1840px;}.g-1880{max-width: 1880px;}.g-1920{max-width: 1920px;}
.g-1200,.g-1240,.g-1280,.g-1320,.g-1360,.g-1400,.g-1440,.g-1480,.g-1520,.g-1560,.g-1600,.g-1640,.g-1680,.g-1720,.g-1760,.g-1800,.g-1840,.g-1880,.g-1920,.g-full{width: 100%; margin-left: auto; margin-right: auto; display: block; position: relative;}
.g-1200:after,.g-1240:after,.g-1280:after,.g-1320:after,.g-1360:after,.g-1400:after,.g-1440:after,.g-1480:after,.g-1520:after,.g-1560:after,.g-1600:after,.g-1640:after,.g-1680:after,.g-1720:after,.g-1760:after,.g-1800:after,.g-1840:after,.g-1880:after,.g-1920:after,.g-full:after{content: ''; overflow: hidden; width: 100%; height: 0px; font-size: 0px; display: block; clear: both;}
.m-lmt{text-align: center; background-position: center center; background-repeat: no-repeat;}
.m-lmt a{display: inline-block;}
.m-main{position: relative;}
.prev,.next{position: absolute; transition: all 0.3s; user-select: none; cursor: pointer;}
/*多行超出省略效果*/
.tem2,.tem3,.tem4{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.tem2{-webkit-line-clamp: 2;}.tem3{-webkit-line-clamp: 3;}.tem4{-webkit-line-clamp: 4;}
/*单行超出省略效果*/
.tes{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}


.g-wrap{padding-bottom: 180px;}


/*头图*/
.head{height: 870px; background: url(../images/head.jpg) top center no-repeat; overflow: hidden;}
.head .m-view{padding-top: 337px; display: block; margin: 0 auto;}

/*要闻 左图右文*/
:root{
    --yw-pic-width:660px;
    --yw-pic-height:390px;
    --yw-txt-width:634px;
    --yw-txt-height:515px;
}
.yw{height: var(--yw-txt-height);}
.yw .m-main .m-pic{position: absolute; width: var(--yw-pic-width); right: 0; top: 30px; z-index: 2;}
.yw .m-main .m-pic li img{width: var(--yw-pic-width); height: var(--yw-pic-height);}
.yw .m-main .m-pic li .tit{font-size: 18px; padding-left: 0.5em; background: linear-gradient(to right,  rgba(130,211,222,1) 0%,rgba(209,252,180,1) 100%); height: 50px; line-height: 50px;}
.yw .m-main .m-pic .prev,.yw .m-main .m-pic .next{color: #2028d1; bottom: 6px; font-size: 28px;}
.yw .m-main .m-pic .prev{right: 66px;}
.yw .m-main .m-pic .next{right: 12px;}
.yw .m-main .m-pic .prev:hover{transform: translateX(-2px);}
.yw .m-main .m-pic .next:hover{transform: translateX(2px);}
.yw .m-main .m-txt{position: absolute; width: var(--yw-txt-width); height: var(--yw-txt-height); box-sizing: border-box; padding: 43px 120px 46px 45px; left: -7px; background: url(../images/yw-txt-bg.png) center top no-repeat;}
.yw .m-main .m-txt .m-tt{border-bottom: 1px solid #3a7fca;}
.yw .m-main .m-txt .tit{display: block; font-size: 24px; font-weight: bold;}
.yw .m-main .m-txt p{margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ccc; line-height: 26px; font-size: 16px;}
.yw .m-main .m-txt p a{color: #3a7fca;}
.yw .m-main .m-txt ul{margin-top: 10px;}
.yw .m-main .m-txt ul li{line-height: 50px; font-size: 18px; list-style: disc inside; transition: all 0.3s;}
.yw .m-main .m-txt ul li:hover{margin-left: 10px; color: rgba(255,0,0,0.1);}
.yw .m-main .m-txt ul li a{color: black;}
.yw .m-main .m-txt .u-more{float: right;}

/* 亚运直通车 */
:root{
    --ztc-pic-width:500px;
    --ztc-pic-height:310px;
    --ztc-item-width:500px;
    --ztc-item-height:360px;
    --ztc-main-width: 1080px;
    --ztc-main-height: 360px;
}
.ztc{margin-top: 62px;}
.ztc .m-main {margin-top: 63px;}
.ztc .poster-main{width: var(--ztc-main-width); height: var(--ztc-main-height); position:relative;  margin: 0 auto 50px;}
.ztc .poster-list .list-item{position:absolute; width: var(--ztc-item-width) !important; height: var(--ztc-item-height) !important; box-sizing: border-box; overflow: hidden;}
.ztc .poster-list .list-item .u-pic img{width: var(--ztc-pic-width); height: var(--ztc-pic-height);}
.ztc .poster-list .list-item .u-pic .tit{background-color: #3d76f9; color: #fff; height: 50px; line-height: 50px; font-size: 18px; text-align: center;}
.ztc .poster-list .list-item:before{content: ""; position: absolute; background: url(../images/playBtn.svg); width: 80px; height: 80px; left: 50%; margin-left: -40px; top: 35%; transition: 0.3s; transform: scale(0);}
.ztc .poster-list .list-item:hover:before{transform: scale(1)}
.ztc .poster-btn{width: 45px !important; height: 44px !important; position: absolute; top: 149px; cursor: pointer;}
.ztc .poster-next-btn{right: -80px; background: url(../images/next.png) top center no-repeat;}
.ztc .poster-prev-btn{left: -80px; background: url(../images/prev.png) top center no-repeat;}
.ztc .m-main .barrage-box{overflow: hidden;}
.ztc .m-main .barrage{white-space: nowrap;}
.ztc .m-main .barrage .bullet{display: block; float: left; width: 280px; height: 50px; line-height: 50px; margin: 0px 10px; text-align: center; padding: 0 1em; border-radius: 25px; background: linear-gradient(to right,  rgba(130,211,222,1) 0%,rgba(209,252,180,1) 100%);}

/* 资讯+奖牌榜 */
.zx-jpb{margin-top: 111px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.zx-jpb .zx{width: 700px;}
.zx-jpb .zx .m-main{margin-top: 45px;}
.zx-jpb .zx .m-main .item{height: 80px; margin-bottom: 50px; border-left: 3px solid #3d76f9; box-sizing: border-box; padding-left: 18px;}
.zx-jpb .zx .m-main .item .tit{font-size: 20px; font-weight: bold;}
.zx-jpb .zx .m-main .item p{margin-top: 14px; font-size: 14px; line-height: 28px;}
.zx-jpb .zx .m-main .item p a{color: #3d76f9;}
.zx-jpb .jpb{width: 459px; height: 591px; background: url(../images/jpb-bg.jpg); position: relative; box-sizing: border-box; padding: 112px 33px 40px 33px;}
.zx-jpb .jpb ul li .date-tit{text-align: center; font-weight: bold; font-size: 24px; color: #4885f4;}
.zx-jpb .jpb ul li .date-txt{margin-top: 40px; height: 360px; padding-left: 8px; padding-right: 26px; line-height: 2em; font-size: 18px; overflow-y: auto;}
.zx-jpb .jpb ul li .date-txt::-webkit-scrollbar{ width: 8px;}
.zx-jpb .jpb ul li .date-txt::-webkit-scrollbar-track-piece{/*内层轨道，滚动条中间部分*/background-color: #efefef;}
.zx-jpb .jpb ul li .date-txt::-webkit-scrollbar-thumb {/*内嵌滑块*/background-color: #3d76f9;}
.zx-jpb .jpb .prev, .zx-jpb .jpb .next{width: 30px; height: 30px; top: 114px;}
.zx-jpb .jpb .prev img, .zx-jpb .jpb .next img{width: 30px; height: 30px;}
.zx-jpb .jpb .prev{left: 34px;}
.zx-jpb .jpb .next{right: 34px;}

/* 直击亚运 */
.zj{margin-top: 70px; padding-top: 60px; height: 1027px; box-sizing: border-box; background: url(../images/zj-bg.jpg) center top no-repeat;}
.zj .m-main{margin-top: 70px; display: flex; flex-wrap: wrap; justify-content: space-around;}
.zj .m-main a{display: block; margin-bottom: 36px;}
.zj .m-main a img{width: 480px; height: 316px; transition: 0.2s;}
.zj .m-main a img:hover{transform: scale(0.95);}

@media only screen and (min-width: 600px) {/*PC端*/}
@media only screen and (max-width: 600px) {/*移动端*/}

.g-wrap>*{position: relative; transform: translateY(150px); opacity: 0; transition: all 0.6s;}
.showd{opacity:1; transform: translateY(0px);}