
@charset "utf-8";
body{background: #f6f6f6;}
.content{width: 1200px; margin: 40px auto 0;}

/* hot-game */
.top-intro{height: 160px; overflow: hidden; margin-bottom: 28px;background: #fff; border-radius: 10px; box-shadow: 0 0 10px #ccc;}

.top-intro ul{width: 100%; padding: 22px 0 0 30px; overflow: hidden; zoom: 1;}
.top-intro ul li{width: 92px; float: left; margin-right: 39px; transition: all .5s;}
.top-intro ul li a{display: block; width: 100%;}
.top-intro ul li a span{display: block; width: 92px; height: 92px; border-radius: 12px; overflow: hidden;}
.top-intro ul li a span img{display: block; width: 92px; height: 92px; border-radius: 12px; }
.top-intro ul li a p{height: 25px; font-size: 15px; color: #555; text-align: center; line-height: 25px;overflow: hidden;margin-top: 7px;}
.top-intro ul li:hover{transform: translateY(-5px);}
.top-intro ul li:hover p{color: #FF7D00;}

/* home-tit */
.home-t1{height: 28px; line-height: 28px;color: #121212;}
.home-t1 em{display: block; width:6px; height:18px; background: #ef780d; float: left;margin:5px 10px 0 0; border-radius: 3px;}
.home-t1 h2{float: left; font-size: 18px; font-weight: bold;}
.home-t1 .more{float: right; color: #acacac; font-size: 16px;}
.home-t1 .more:hover{color: #FF7D00;}

.home-t2{height: 60px; line-height: 60px;color: #121212; font-size: 18px; border-bottom: 1px solid #eaeaea; position: relative;}
.home-t2 em{display: block; width:50px; height:5px; background: #ef780d; border-radius: 3px; position: absolute; left: 11px; bottom: -3px;}
.home-t2 h2{float: left; font-size: 18px; font-weight: bold;}
.home-t2 .more{float: right; color: #999; font-size: 14px;}
.home-t2 .more:hover{color: #FF7D00;}

/* fir-con" */
.fir-con{margin-bottom: 28px;}
.fir-con .left{width: 370px;margin-right: 25px;}
/* .slide-box1{background: #fff; border-radius: 10px; padding-bottom: 14px; margin-bottom: 20px; box-shadow: 0 0 10px #ccc; overflow:hidden;}
.slide-box1 .gallery-top .swiper-slide{width: 370px; height: 290px;}
.slide-box1 .gallery-top a{width: 100%;height: 290px; position: relative; display: block;}
.slide-box1 .gallery-top a img{display: block; width: 100%; height: 100%;}
.slide-box1 .gallery-top a p{padding: 30px 20px 15px; width: 330px; height: 24px; font-size: 18px; color: #fff; font-weight: bold; line-height: 24px; overflow:hidden; background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.8)); position: absolute; left: 0; bottom: 0;}

.slide-box1 .gallery-thumbs {padding: 6px 12px 0; }
.slide-box1 .gallery-thumbs .swiper-slide{width: 60px; height: 46px; padding: 4px 0;} 
.slide-box1 .gallery-thumbs .swiper-slide-active{width: 66px; height: 50px; padding: 0;}
.slide-box1 .gallery-thumbs .swiper-slide img{display: block; width: 100%; height: 100%; border-radius: 3px; cursor: pointer;}
.slide-box1 .gallery-thumbs .swiper-slide-active img{border:2px solid #ff4444;} */

#sbox{background: #fff; border-radius: 10px; padding-bottom: 14px; margin-bottom: 20px; box-shadow: 0 0 10px #ccc; overflow:hidden;}
#simg{width:370px; height:290px;overflow:hidden;position: relative;}
#simg ul{overflow:hidden;zoom:1; position:absolute;top:0px; left:0px; width: 9999px;}
#simg ul li{overflow:hidden;zoom:1;float:left;display:inline;width:370px; height:290px; position: relative;}
#simg ul li p{padding: 30px 20px 15px; width: 330px; height: 24px; font-size: 18px; color: #fff; font-weight: bold; line-height: 24px; overflow:hidden; background: linear-gradient(to bottom, rgba(0,0,0,0),rgba(0,0,0,.8)); position: absolute; left: 0; bottom: 0;}
#simg ul li img{width:370px; height:290px;}

#simg_s{position: relative; height: 54px;margin: 6px 12px 0; overflow: hidden;}
#simg_s ul{overflow:hidden;zoom:1;width:1200px;position: absolute;top:0px;left:0px;}
#simg_s ul li{float:left;display:inline;width: 66px;height:50px;overflow:hidden;zoom:1;margin-right:4px; border:2px solid #fff; border-radius: 5px;}
#simg_s ul li img{width:60px;height: 46px;border-radius: 3px; cursor: pointer; display: block; margin: 2px auto 0;}
#simg_s ul li.on{ border-color: #ff4444;}
#simg_s ul li.on img{width: 100%; height: 100%;margin: 0;}


/* latest-zt */
.latest-zt{background: #fff; padding:20px 20px 15px; border-radius: 10px; box-shadow: 0 0 10px #ccc;}
.latest-zt ul{padding-top: 5px;}
.latest-zt li .rac_a{height: 34px;overflow: hidden; zoom: 1; line-height: 34px; font-size: 15px;}
.latest-zt li .rac_a .type{float: left;color: #ef780d; margin-right: 5px;}
.latest-zt li .rac_a .t{width:220px; display: block;color: #333; overflow: hidden;zoom: 1; float: left; }
.latest-zt li .rac_a .date{float: right; color: #bbb; font-size: 14px;}

.latest-zt li .rac_b{padding: 10px 0; display: none;}
.latest-zt li .rac_b a{height: 110px; position: relative; border-radius: 6px; overflow:hidden; display: block;}
.latest-zt li .rac_b img{display: block; width: 100%; height: 100%;}
.latest-zt li .rac_b p{height: 40px; line-height: 40px; position: absolute; left: 0; bottom: 0; padding-top: 70px; background: rgba(0,0,0,.4); overflow:hidden;zoom: 1; width: 100%;}
.latest-zt li .rac_b p span{display: block; float: left; width: 215px; margin-left: 12px; font-size: 16px; color: #fff; font-weight: bold; line-height: 40px; overflow:hidden;}
.latest-zt li .rac_b p em{width: 80px; height: 25px;line-height: 25px; text-align: center; font-size: 14px; color: #ef780d; display: block; float: right; margin: 7px 12px 0 0; background: #fff; border-radius: 13px; transition: all .5s;}
.latest-zt li .rac_b p em:hover{color: #fff; background: #ef780d;}

.latest-zt li.open .rac_b{display: block;}
.latest-zt li.open .rac_a{display: none;}

/* fir-con .mid */
.fir-con .mid{width: 440px; padding: 22px 20px 5px; background: #fff; border-radius: 10px; float: left; box-shadow:0 0 10px#ccc;}
.fir-con .mid .tit{height: 24px; overflow:hidden; zoom: 1;}
.fir-con .mid .tit h2{float: left;width: 123px; height: 24px; background: url(../images/home-icon1.png) no-repeat;text-indent: -9999em;}
.fir-con .mid .tab{float: right;width: 220px; overflow: hidden;zoom: 1;}
.fir-con .mid .tab span{display: block; float: left; height: 24px; line-height: 24px; cursor: pointer; font-size: 16px; color: #333;width: 42px; text-align: center;}
.fir-con .mid .tab span.active{color: #ff4444;}
.fir-con .mid .tab em{color: #dddddd; font-size: 16px; float: left; margin: 0 5px; line-height: 24px;}
.tab-list ul{padding-top: 16px;}
.tab-list li{height: 24px; font-size: 15px; margin-bottom: 20px;}
.tab-list li a{display: block; height: 100%;overflow: hidden; zoom: 1; line-height: 24px;}
.tab-list li .type{display: block; float: left; width: 68px; color: #999;line-height: 22px;margin-right: 15px; border:1px solid #e8e8e8; font-size: 12px;text-align: center;}
.tab-list li img{display: block; float: left; width: 24px; height: 24px; border-radius:3px; margin-right: 10px;}
.tab-list li .t{width: 220px; display: block;line-height: 24px; color: #333; overflow: hidden;zoom: 1; float: left;}
.tab-list li .date{float: right; color: #999;font-size: 14px;}
.tab-list li .date.new{color: #f00;}
.tab-list li .btn{ width:52px; height: 24px;line-height:24px;color: #fff; background: #FF7D00;border-radius: 2px; text-align: center;float: right; display: none;}
.tab-list li a:hover .t{color: #FF7D00; }
.tab-list li a:hover .type{border-left: 3px solid #FF7D00;}
.tab-list li a:hover .date{display: none;}
.tab-list li a:hover .btn{display: block;}

.fir-con .right{width: 260px; padding: 20px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px #ccc;}
.hot-rank{margin-bottom: 23px;}
.hot-rank ul li{padding: 15px 0; overflow:hidden; zoom: 1; border-bottom: 1px solid #e8e8e8;}
.hot-rank ul li .num{width: 20px; height: 20px; text-align: center; line-height: 20px; display: block; font-size: 12px; color: #666; background: #e2e2e2; border-radius: 2px; float: left;}
.hot-rank ul li .rac_a{width: 226px; float: right; height: 20px; line-height: 20px; font-size: 15px; color: #333; overflow: hidden;}
.hot-rank ul li .rac_b{width: 226px; float: right; height: 113px; display: none;}
.hot-rank ul li .rac_b a{display: block; width: 100%; height: 100%; position: relative;border-radius: 8px; overflow: hidden;}
.hot-rank ul li .rac_b a img{width: 100%; height: 100%;}
.hot-rank ul li .rac_b a p{width: 200px; padding: 0 13px; height: 28px; line-height: 28px; text-align: center; font-size: 15px; color: #fff; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.5);}
.hot-rank ul .top_1 .num{background: #ff4444; color: #fff;}
.hot-rank ul .top_2 .num{background: #ff872e;color: #fff;}
.hot-rank ul .top_3 .num{background: #ffc62e;color: #fff;}
.hot-rank ul li.open .rac_a{display: none;}
.hot-rank ul li.open .rac_b{display: block;}
.hot-rank ul li.open .num{height: 28px; line-height: 28px;}

/* hot-game */
.hot-game ul{width: 300px; overflow: hidden; zoom: 1;}
.hot-game ul li{width: 65px; float: left; margin-right: 32px; margin-top: 15px;}
.hot-game ul li a{display: block; width: 100%;transition: all .5s;}
.hot-game ul li a span{display: block; width: 100%; height: 65px; border-radius: 12px; overflow: hidden];}
.hot-game ul li a img{display: block; width: 100%; height: 100%; } 
.hot-game ul li a p{font-size: 15px; color: #333; text-align: center; line-height: 24px; height: 24px; margin-top: 4px; overflow: hidden;}
.hot-game ul li a:hover {transform: translateY(-5px);}
.hot-game ul li a:hover p{color: #FF7D00;}

.intro-box{padding:20px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px #ccc; margin-bottom: 28px;}
.intro-box .intro-list{overflow: hidden; zoom: 1; height: 30px; line-height: 30px;}
.intro-box .intro-list .tit{width: 80px; height: 30px; border-radius: 4px; background:linear-gradient(to right,#ff6f70,#ffa37a); float: left;text-align: center; line-height: 30px; color: #fff; font-size: 14px;}
.intro-box .intro-list a{padding: 0 15px; color: #444;font-size: 15px;float: left; margin-bottom: 20px;}
.intro-box .intro-list a:hover{color: #ff4444; text-decoration: underline;}
.intro-box .intro-list a.new{color: #ff4444;}
.intro-box .intro-list i{font-size: 15px; line-height: 30px; color: #e2e2e2;font-style: normal;float: left;}

.intro-box .intro-list1{padding:0 0 15px; border-bottom: 1px solid #e2e2e2;}
.intro-box .intro-list2{padding:15px 0 0; }
.intro-box .intro-list2 .tit{background:linear-gradient(to right,#44b1dd,#66d4e1); }

.sect-hot-game{padding:5px 20px 25px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px #ccc; margin-bottom: 28px;}
.sect-hot-game ul{width: 1200px;}
.sect-hot-game ul li{width: 170px; float: left; margin: 28px 28px 0 0;}
.sect-hot-game ul li a{display: block; width: 100%; height: 196px;position: relative; padding-top: 24px; background: #f4f4f4; border-radius: 10px; overflow: hidden; transition: all .5s;}
.sect-hot-game ul li a .img{display: block; width: 108px; height: 108px; border-radius: 15px; overflow: hidden; margin: 0 auto 14px;}
.sect-hot-game ul li a .img img{display: block; width: 100%; height: 100%; border-radius: 15px; transition: all .5s;}
.sect-hot-game ul li a p{font-size: 16px; height: 24px;line-height: 24px; overflow: hidden; text-align: center; margin-bottom: 10px; color: #333;}
.sect-hot-game ul li a em{display:block;font-size: 15px; height: 24px;line-height: 24px; overflow: hidden; text-align: center; color: #999;}
.sect-hot-game ul li a div{width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 15px; font-weight: bold; color: #fff; background: #FF7D00; position: absolute; left: 0; bottom: -36px; transition: all .5s;}
.sect-hot-game ul li a:hover{background: #fff; box-shadow: 0 0 8px #ccc;}
.sect-hot-game ul li a:hover div{bottom: 0;}

/* sec-zt-intro */
.sec-zt-intro{padding: 5px 20px 10px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px #ccc; margin-bottom: 28px; display: none;}

.sec-zt-intro .swiper-container{padding: 28px 0 40px;}
.sec-zt-intro .swiper-container .swiper-slide{width: 216px;}
.sec-zt-intro .swiper-container .swiper-slide .mid{width: 1200px;overflow: hidden; zoom: 1;}
.sec-zt-intro .swiper-container .swiper-slide a{display: block; width: 216px;border-radius:10px;overflow: hidden;position: relative;float: left;margin-right: 20px;}
.sec-zt-intro .swiper-container .swiper-slide a img{width: 100%; height:120px;display: block;}
.sec-zt-intro .swiper-container .swiper-slide a p{font-size: 15px; height: 35px;text-align: center; line-height: 35px; color: #fff;position: absolute; left: 0;bottom: 0; background: rgba(0,0,0,.6); overflow: hidden; transition: all .3s; width: 100%;}
.sec-zt-intro .swiper-container .swiper-slide a:hover p{ height:120px; line-height: 120px;}

.swiper-container2 .swiper-pagination-bullet{background: #d0d0d0; margin: 0 5px !important; opacity: 1;cursor: pointer;}
.swiper-container2 .swiper-pagination-bullet-active{background: #FF7D00;}

/* sec-soft */
.sec-soft{padding:5px 20px 25px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px #ccc; margin-bottom: 28px;}
.sec-soft ul{width: 1220px; }
.sec-soft ul li{width: 96px; float: left; margin: 28px 56px 0 0;}
.sec-soft ul li a{display: block; width: 100%;}
.sec-soft ul li a .img{display: block; width: 96px; height: 96px; border-radius: 12px; overflow: hidden; margin: 0 auto 10px;}
.sec-soft ul li a .img img{display: block; width: 100%; height: 100%; border-radius: 12px; transition: all .5s;}
.sec-soft ul li a p{font-size: 16px; height: 24px;line-height: 24px; overflow: hidden; text-align: center; margin-bottom: 10px; color: #333;}
.sec-soft ul li a div{width: 78%; height: 28px; line-height: 28px; text-align: center; font-size: 15px;color: #FF7D00;border:1px solid #FF7D00;margin: 0 auto; transition: all .5s;border-radius: 15px;}
.sec-soft ul li a:hover div{background: #FF7D00; color: #fff;}

/* sec-latest-rank */
.sec-latest-rank{padding:5px 20px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px #ccc; margin-bottom: 28px;display: none;}
.sec-latest-rank ul{padding-top: 28px; width: 1200px;}
.sec-latest-rank ul li{width: 180px; float: left;margin: 0 16px 20px 0;}
.sec-latest-rank ul li a{display: block; width: 100%;border-radius:10px;overflow: hidden;position: relative;height: 90px;}
.sec-latest-rank ul li a img{width: 100%; height:100%;display: block;}
.sec-latest-rank ul li a p{font-size: 14px; height: 24px;text-align: center; line-height: 24px; color: #fff;position: absolute; left: 0;bottom: 0; background: rgba(0,0,0,.6); overflow: hidden; transition: all .3s; width:160px; padding: 0 10px;}
.sec-latest-rank ul li a:hover p{ height:90px; line-height: 90px;}

/* sec-links */
.sec-links{padding:5px 20px 15px; background: #fff; border-radius: 10px; box-shadow: 0 0 10px #ccc; margin-bottom: 28px;}
.sec-links .list{padding-top: 17px; overflow: hidden; zoom: 1;}
.sec-links .list a{display: block; float: left; width: 145px; height: 36px;line-height: 36px; font-size: 14px; color: #666; text-indent: 5px; overflow: hidden;}
.sec-links .list a:hover{color: #FF7D00;}



.hTitle{border-bottom: 1px solid #e6e6e6;overflow: hidden;*zoom:1;position: relative;margin-bottom: 20px;}
.hTitle em{float: left;position: relative;display: block;padding: 0 10px;height: 54px;line-height: 54px;font-size: 20px;color: #333;font-weight: bold;background-color: #fff;font-style: normal;}
.hTitle em i{display: block;width: 80px;height: 38px;background-position: -385px -5px;position: absolute;right: 3px;top: 8px;}
.hTitle a{float: right;display: block;font-size: 14px;color: #757575;margin-top:28px;}
.hTitle a:hover {color: #38a6fd;}
.tabMenu{position: absolute;top: 18px;left: 130px;overflow: hidden;*zoom: 1;}
.tabMenu span{/* position: relative; *//* float: left; */display: inline;padding: 17px 26px;height: 20px;line-height: 20px;font-size: 16px;color: #757575;cursor: pointer;}
.tabMenu span:after{content: '';width: 1px;height: 20px;background-color:#dbdbdb;position: absolute;top: 3px;right: 113px;}
.tabMenu span:last-child:after{background-color: transparent;}
.tabMenu span.current,.tabMenu span:hover{color: #38a6fd;}
.tabMenu span.current:after{background-color: #38a6fd;}
.tabMenu span:last-child.current:after{background-color:#38a6fd;left: -1px}
.tabMenu span i{display: inline-block;width: 16px;height: 16px;margin-right: 5px;position: relative;top: 2px;background: url(../images/title_icons.png) no-repeat;}
.tabMenu span i.nw{background-position: -6px -7px;}
.tabMenu span i.ht{background-position: -35px -7px;}
.tabMenu span i.rc{background-position: -65px -7px;}
.tabMenu span.current i.nw,.tabMenu span:hover i.nw{background-position: -6px -29px;}
.tabMenu span.current i.ht,.tabMenu span:hover i.ht{background-position: -35px -29px;}
.tabMenu span.current i.rc,.tabMenu span:hover i.rc{background-position: -65px -29px;}
.Min_4 {padding: 5px 20px 25px;background: #fff;border-radius: 10px;box-shadow: 0 0 10px #ccc;margin-bottom: 28px;}
.Min_4 .index_hj{width: 1200px;margin: 10px 0 10px 0;overflow:hidden;}
.Min_4 .index_hj ul{width: 1260px;overflow:hidden;margin: 0;}
.Min_4 .index_hj ul li{width: 220px;position:relative;float:left;margin: 20px 15px 0 0;}
.Min_4 .index_hj ul li img{float:left;width: 220px;height: 120px;}
.Min_4 .index_hj ul li p{position:absolute;bottom:0;left:0;width: 200px;padding: 0 10px;background:rgba(0,0,0,0.5);text-align:center;font-size:14px;color:#fff;line-height:30px;height: 30px;margin: 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.Min_4 .index_hj ul li:hover p{background:#FF7D00;}

.phb-box{padding: 5px 20px 25px;background: #fff;border-radius: 10px;box-shadow: 0 0 10px #ccc;margin-bottom: 28px;}
.con-tit{height: 50px; border-bottom:1px solid #cccccc; position: relative;}
.con-tit span{font-size: 18px;font-weight: bold;color: #121212; float: left; display: block;height: 50px; line-height: 50px;  position: relative;padding: 0 3px;}
.con-tit span em{ display: block;position: absolute; bottom: -2px; width: 100%; height: 5px;background: #2dbaed;border-radius: 15px;left: 0;}
.game-rank{width: 1250px; margin-top: 40px;}
.clearfix {zoom: 1;}
.clearfix:before, .clearfix:after {content: "\0020";display: block;height: 0;overflow: hidden;}
.hot-rank-box .tit-bg {background: #ff6b6b;}
.recommend-rank-box .tit-bg {
    background: #6ad671;
}
.newtour-rank-box .tit-bg {
    background: #59bcfa;
}
.hot-rank-box,.recommend-rank-box,.newtour-rank-box{ float: left;width: 360px;position: relative;box-shadow: 0 0 10px #cccccc;margin-left: 14px; padding-bottom: 10px;margin-bottom: 8px; padding-top: 24px;border-radius: 20px;}
.hot-rank-box,.recommend-rank-box{margin-right: 15px;}
.tit-bg{ color: #fff;font-size: 18px;margin-bottom: 5px;position: absolute;/* font-weight: bold; */width: 190px;left: 50%; height: 36px; line-height: 36px;margin-left: -95px;/* background: #fcf; */box-shadow: 0 0 10px #cccccc;text-align: center;top: -18px; border-radius: 20px;}
.tit-bg em{ display: inline-block;margin-right: 10px;vertical-align: top;margin-top: 9px;}
.g-rank-box ul {overflow: hidden;width: 340px;margin-left: 20px;}
.g-rank-box ul li {float: left; display: inline;position: relative; padding: 12px 0; border-bottom: 1px dashed #e8e8e8;}
.g-rank-box ul .open {padding: 15px 0;float: left;display: inline;position: relative;}
.g-rank-box ul li span.mub { float: left;display: inline; width: 18px; height: 15px;overflow: hidden; zoom:1; font-size: 12px;text-align: center;background: #cdcdcd;color: #fff;line-height: 15px;text-align: center;border-radius: 2px;margin-top: 4px;}
.g-rank-box ul li.open span.mub {/* margin-right: 10px; */ margin-top: 21px;height: 34px;line-height: 34px;}
.g-rank-box ul li.open .rac_a { display: none;}
.g-rank-box ul li.open .rac_b { display: block;}
.g-rank-box ul li.open {background-position: 0px 90px;}
.hot-rank-box .tit-bg em{
    width:18px;
    height: 18px;
    background: url(../images/in-icons.png) no-repeat -68px -84px;
}
.recommend-rank-box .tit-bg  em{
   width: 14px;
   height: 18px;
   background: url(../images/in-icons.png) no-repeat -53px -84px;
}
.newtour-rank-box .tit-bg  em{
    width: 13px;
    height: 18px;
    background: url(../images/in-icons.png) no-repeat -40px -84px;
}

.recommend-rank-box .rac_b a.rl_img .rl_down {
    background: #6ad671;
}
.hot-rank-box .rl_title:hover{
    color:#ff3b3b;
}
.recommend-rank-box .rl_title:hover{
    color:#38d27d;
}
.newtour-rank-box .rl_title:hover{
    color:#409aff;
}
.hot-rank-box  ul li.top_1 .mub {
    background: #ff4c4c;
}
.hot-rank-box  ul li.top_2 .mub {
    background: #ff7f7f;
}
.hot-rank-box  ul li.top_3 .mub {
    background: #ffb2b2;
}
.recommend-rank-box  ul li.top_1 .mub {
    background: #36b34a;
}
.recommend-rank-box  ul li.top_2 .mub {
    background: #57d96c;
}
.recommend-rank-box  ul li.top_3 .mub {
    background: #98d9a3;
}
.newtour-rank-box  ul li.top_1 .mub {
    background: #0180ff;
}
.newtour-rank-box  ul li.top_2 .mub {
    background: #4ca6ff;
}
.newtour-rank-box  ul li.top_3 .mub {
    background: #b2d9ff;
}
.hot-rank-box .rac_b a.rl_img .rl_down {
    background: #ff6b6b;
}
.recommend-rank-box .rac_b a.rl_img .rl_down {
    background: #6ad671;
}
.newtour-rank-box .rac_b a.rl_img .rl_down {
    background: #59bcfa;
}
.rl_right_info {
    width: 130px;
    float: left;
}
.rl_title {
    font-size: 16px;
    color: #333333;
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    margin-top: 5px;
}

.phb-box .rac_a {
    float: left;
    display: inline-block;
    overflow: hidden;
    zoom:1;
    width: 300px;
    float: left;
    margin-left: 10px;
}
.phb-box .rac_a span {
    float: left;
    display: inline;
    line-height: 24px;
    height: 24px;
    font-size: 15px;
    color: #333333;
    width: 170px;
    overflow: hidden;
}
.phb-box .rac_a em{
    float: right;
    display: inline-block;
    width: 58px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-size: 12px;
    color: #999999;
}
.phb-box .rac_b {
    height: 88px;
    display: none;
    float: left;
    overflow: hidden;
    zoom:1;}
.rl_right_info {
    width: 130px;
    float: left;
}
.rl_right_info p{
    font-size: 13px;
    color:#99b898;
}
.phb-box .rac_b .rl_img {
    overflow: hidden;
    width: 300px;
    display: inline-block;
    padding-left:10px;
}
.phb-box .rac_b a.rl_img .rac_b_img {
    width: 88px;
    height: 88px;
    display: inline-block;
    overflow: hidden;
    float: left;
    margin-right: 10px;
    border-radius: 15px;
}
.phb-box .rac_b a.rl_img .rac_b_img img{
    width: 100%;
    height: 100%;
}
.phb-box .rac_b a.rl_img em {
    display: block;
    font-size: 12px;
    color: #999;
    margin-top: 8px;
    height: 14px;
    line-height: 14px;
    overflow: hidden;
}
.phb-box .rac_b a.rl_img em i{
    padding: 0 3px;
}
.phb-box .rac_b a.rl_img em span{
    color:#ff9537;
}
.phb-box .rac_b a.rl_img .rl_down {
    width: 106px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    display: block;
    margin-top: 10px;
}







#footer{line-height: 21px;width: 1200px;margin: 0 auto; background: #fff;}
#footer p.tips{color: #999999;padding-top: 10px;padding-bottom: 20px;font-size:12px;}
.fff{text-align: center;height: 40px;line-height: 40px;border: 1px #e5e5e5 solid;background-color:#FFF;color: #ccc;margin-top: 15px;}
.fff a{padding: 0 20px;color: #333}
.copy{padding-top: 15px; text-align: center;font-size: 12px;}
