@charset "utf-8";
body{background: #f8f8f8;}
a{color: #333;}
.tab-title{border-bottom:2px solid #01a0e2;height: 42px; line-height: 42px;}
.tab-title h2{font-size:18px;float:left;color: #01a0e2; font-weight: normal; float: left;}

.applist-box{margin-bottom: 20px;}

.news_left{width: 880px; padding: 20px; margin-right: 30px;box-sizing: border-box; background: #fff;}
.news_left h1{font-size: 24px;text-align: center;line-height: 40px;margin-bottom: 8px;}
.news_left .date{color: #999;text-align: center;height: 20px;line-height: 20px;padding-bottom: 15px;border-bottom: 1px dashed #eceeef;}
.news_left .date span{margin: 0 30px;}

/* 简介 */
.news_detail{font-size: 16px;padding:15px 0 0;line-height: 36px;}
.news_detail p{ margin-bottom: 10px; word-break: break-all; }
.news_detail h3{ font-size: 16px; color:#01a0e2; font-weight: bold;padding: 10px 0;}
.news_detail img{ width: auto !important; height: auto !important; max-width: 75%; margin: 0 auto;display: block;}

/* news_right */
.news_right{width: 290px;}

.hot-news{padding: 15px 20px 25px; background: #fff; margin-bottom: 20px;}
.hot-news ol{padding-top: 5px;}
.hot-news ol li{display: flex; padding: 20px 0; border-bottom: 1px dashed #e3e3e3;}
.hot-news ol .img{width: 100px; height: 60px; flex-shrink: 0; overflow: hidden;}
.hot-news ol .img img{display: block; width: 100%; height: 100%;transition: all ease .5s;}
.hot-news ol li .desc{margin-left: 12px;flex-shrink: 0;flex: 1;}
.hot-news ol li .desc .tit{line-height: 18px; max-height:36px; overflow: hidden;display: block; margin-bottom: 5px;font-size: 15px;}
.hot-news ol li .desc .time{line-height: 20px; height: 20px;color: #999;}
.hot-news ol li .desc .time em{display: inline-block; width: 13px; height: 13px; background: url(../images/time_icon.png) no-repeat; vertical-align: top; margin: 4px 4px 0 0;}
.hot-news ol li .tit:hover{color: #01a0e2;}
.hot-news ol li .img:hover img{transform: scale(1.1);}

/* latest-games */
.latest-games{padding: 15px 20px 25px; background: #fff; margin-bottom: 20px;}
.latest-games li{margin-top: 25px;display: flex;align-items: center; height: 64px;}
.latest-games li .img {width: 64px;height: 64px;border-radius: 8px;margin-right: 12px;}
.latest-games li .img img{width: 100%;height: 100%;}
.latest-games li .img:hover img {transform: scale(0.9);transition: transform 0.3s;}
.latest-games li .tit-box{flex: 1;}
.latest-games li .tit-box .t{font-size: 15px; display: block; height: 26px; line-height: 26px;overflow: hidden; margin-bottom: 20px;}
.latest-games li .tit-box .t:hover{color: #01a0e2;}
.latest-games li .tit-box p{height: 24px; line-height: 24px; color: #999;}
.latest-games li .tit-box p i{margin: 0 5px;}


@media only screen and (max-width: 480px) {
    .w1200{width: 100%;}
    body{background: #fff;}
    .applist-box{margin-bottom: 10px;}
    .news_left{width: 100%;padding: 10px 0 0;margin: 0;}
    .news_left h1{font-size: 20px; line-height: 30px;margin: 0 10px 10px;}
    .news_left .date{padding-bottom: 10px;height: auto;}
    .news_left .date span{padding-bottom: 10px; margin: 0 10px;}
    .news_detail{font-size: 15px; padding: 10px;}

	.news_right{width: 100%;}
    .hot-news{padding: 0 10px; margin: 0; border-top: 10px solid #f2f2f2;}
    .hot-news ol li:last-child{border-bottom: none;}
    .latest-games{padding: 0 10px 10px; margin-bottom: 0; border-top: 10px solid #f2f2f2;}

    

    
}