@charset "utf-8";
body{background: #f8f8f8;}
.content{padding: 24px 0 16px; width: 1200px; margin: 0 auto;}

/* tab-wrap */
.tab-wrap{height:122px; overflow: hidden; zoom: 1; padding: 15px 14px; background: #fff; margin-bottom: 20px;}
.tab-wrap .tab-nav{float: left; width:130px;height: 100%;}
.tab-wrap .tab-nav div{text-align: center;cursor: pointer; height: 61px; background: #f6f6f6; font-size: 18px; color: #333;line-height: 61px; position: relative;}
.tab-wrap .tab-nav div em{display: inline-block; width: 11px; height: 15px; background: url(img/h-icons.png) no-repeat; vertical-align:top; margin: 23px 6px 0 0;}

.tab-wrap .tab-nav .nav1 em{background-position: 0 0;}
.tab-wrap .tab-nav .nav2 em{background-position: 0 -17px;}

.tab-wrap .tab-nav div.active{color: #fff; background: #01a0e2;}
.tab-wrap .tab-nav div.active::after{display: inline-block;content: ' '; border:8px solid transparent; border-left-color: #01a0e2; position: absolute; right: -16px; top: 22px;}
.tab-wrap .tab-nav div.active em{background-position-x:-17px;}

.tab-list-box{overflow: hidden; height: 100%; position: relative;}
.tab-list-box ul{width: 1050px; overflow: hidden; zoom: 1; height: 100%;transition: all .3s;} 
.tab-list-box ul li{width:96px; float: left; margin-left: 33px;}
.tab-list-box ul li a{display: block; width: 100%;}
.tab-list-box ul li a span{display: block; width:96px; height:96px; border-radius: 13px; overflow: hidden;}
.tab-list-box ul li a span img{display: block; width:96px; height:96px; border-radius: 13px;transition: all .5s;}
.tab-list-box ul li a p{height:18px; font-size: 14px; color: #333; text-align: center; line-height: 18px;overflow: hidden; margin-top: 9px;}
.tab-list-box ul li:hover a p{color: #01a0e2; font-weight: bold;}
.tab-list-box ul.up{margin-top: -122px;}
.tab-list-box ul li:hover a span img{transform: scale(1.1);}
/* fir-con */
.fir-con{margin: 0 0 15px;}

/** fir-l **/
.fir-l{width: 456px; float: left; margin-right: 28px;}

.fir-l .fir-slide{height: 295px; overflow: hidden;}
.fir-l .fir-slide .swiper-slide a{display: block; width: 100%; height: 100%; position: relative;}
.fir-l .fir-slide .swiper-slide img{width: 100%; height: 295px; display: block;}
.fir-l .fir-slide .swiper-slide a p{width: 331px; padding: 30px 13px 15px; height: 30px; line-height: 30px; font-size: 16px; color: #fff; font-weight: bold; overflow: hidden; position: absolute; left: 0; bottom: 0; background: linear-gradient(to top,rgba(0,0,0,.8),rgba(0,0,0,0));}

.fir-l .fir-slide .swiper-pagination{bottom: 0; width: 102%; overflow: hidden; zoom: 1;}
.fir-l .fir-slide .swiper-pagination .swiper-pagination-bullet{width: 88px; height:6px; float: left; margin: 0 4px 0 0; background: #666; border-radius: 0; opacity: 1;}
.fir-l .fir-slide .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.fir-l .fir-slide .swiper-pagination .swiper-pagination-bullet-active{background: #01a0e2;}

/** fir-tit **/
.fir-tit{height: 46px; border-bottom:1px solid #e2e2e2; overflow: hidden; zoom: 1;}
.fir-tit h2{float: left; color: #01a0e2; font-weight: bold;height: 45px; line-height:45px; font-size: 16px; border-bottom: 2px solid #01a0e2;}
.fir-tit .more-btn{float: right; color: #999; font-size: 12px; height: 46px; padding-top: 10px; line-height: 46px;}

/** intro-box **/
.intro-box{padding-top: 10px;}
.intro-box .intro-list li{padding: 10px 12px; overflow: hidden;zoom: 1;height: 50px; background: #fff; margin-top: 9px;transition: all .5s;}
.intro-box .intro-list li .img{display: block; width: 50px; height: 50px; float: left; border-radius: 7px; overflow: hidden;margin-right: 10px;}
.intro-box .intro-list li .img img{width:50px; height:50px; border-radius:7px; transition: all .3s;}
.intro-box .intro-list li .mid{width: 250px; float: left; padding-top: 5px;}
.intro-box .intro-list li .mid .t{display: block; width: 100%; height: 24px; line-height: 24px; overflow: hidden; color: #333; font-weight: bold; font-size: 14px;}

.intro-box .intro-list li .mid .desc{height: 24px; line-height: 24px; overflow: hidden; color: #999; font-size: 12px;}

.intro-box .intro-list li .btn{display: block; width:63px; height: 24px; border-radius: 2px; color: #01a0e2; font-size: 12px; text-align: center; border:1px solid #01a0e2; float: right; margin-top: 13px; line-height:24px;}
.intro-box .intro-list li:hover{box-shadow: 0 0 5px #ccc;}
.intro-box .intro-list li .mid .t:hover{ color: #01a0e2;}
.intro-box .intro-list li .btn:hover{background: #01a0e2; color: #fff;}

/** update-box **/
.fir-mid{width: 391px;float: left; padding: 17px 17px 16px; background: #fff;}
.fir-mid .fir-tab{border: 1px solid #e2e2e2; overflow: hidden; zoom: 1; border-bottom: none;}
.fir-mid .fir-tab span{display: block; float: left; height: 36px; line-height: 36px; width: 129px; cursor: pointer; font-size: 16px; line-height: 36px; text-align: center; color: #666; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.fir-mid .fir-tab span.tab3{border-right: 0;}
.fir-mid .fir-tab span.active{font-weight: bold; color: #01a0e2;border-bottom: 1px solid #fff;}

.update-list-box{overflow: hidden;}
.update-list{width: 300%; overflow: hidden; zoom: 1;}
.update-list ul{width: 391px; float: left;}
.update-list li{height: 24px; overflow: hidden; zoom: 1; margin-top: 14px;}
.update-list li .type{display: block; float: left; width: 75px; height: 22px; line-height: 22px;color: #999; font-size: 12px; overflow: hidden;}

.update-list li .t{width: 230px; display: block; height: 22px; line-height: 22px; color: #333; overflow: hidden;zoom: 1; float: left; transition: all .3s;}
.update-list li .t img{display: block; float: left; width: 22px; height: 22px; margin-right: 8px; border-radius: 2px;}
.update-list li .date{float: right; color: #999; font-size: 12px;}
.update-list li .date.new{color: #f00;}
.update-list li .type:hover {color: #01a0e2;}
.update-list li .t:hover{color: #01a0e2; transform: translateX(3px);}

.update-list li.li-6{padding-bottom: 14px; border-bottom: 1px dashed #e2e2e2;}

/* fir-r */
.fir-r{width: 230px; float: right; padding: 6px 17px 8px; background: #fff;}
.zt-intro1{padding-top: 13px;}
.zt-intro1 ul li{width: 110px; float: left; margin:0 0 8px 4px; transition: all .5s;}
.zt-intro1 ul li a{display: block; padding: 9px 7px 6px;}
.zt-intro1 ul li a .img{width: 86px; padding:9px 0 5px 8px; border:1px solid #eee; margin-bottom: 6px; overflow: hidden; zoom: 1; border-radius: 8px;}
.zt-intro1 ul li a .img img{width: 36px; height: 36px; border-radius: 6px; display: block; float: left; margin: 0 7px 5px 0;}
.zt-intro1 ul li a p{font-size: 14px; line-height: 18px; height: 36px; color: #333; overflow: hidden; padding: 0 8px;}
.zt-intro1 ul li:hover{background: #fff; box-shadow: 0 0 5px #ccc;}
.zt-intro1 ul li:hover a p{color: #01a0e2;}

.zt-intro2{padding-top: 2px; font-size: 14px;}
.zt-intro2 li{height: 35px; overflow: hidden; zoom: 1;}
.zt-intro2 li .num{width: 5px; float: left; margin-right: 16px; height: 100%; overflow: hidden;}
.zt-intro2 li .num em{display:block; width: 5px; height: 5px; border-radius: 50%; background: #bbb;}
.zt-intro2 li .num::before{display: block; content: ' '; width: 1px; height: 15px; background: #bbb; margin: 0 auto;}
.zt-intro2 li .num::after{display: block; content: ' '; width: 1px; height: 15px; background: #bbb; margin: 0 auto;}
.zt-intro2 li.li-1 .num::before,.zt-intro2 li:first-child .num::before{background: #fff;}
.zt-intro2 li.li-4 .num::after,.zt-intro2 li:last-child .num::after{background: #fff;}

.zt-intro2 li .t{width: 200px; display: block; height:35px; line-height:35px; color: #333; overflow: hidden;zoom: 1; float: left; transition: all .3s;}
.zt-intro2 li .t:hover{color: #276cb0; transform: translateX(3px);}


/* home-tit */
.home-tit{height: 46px; border-bottom:1px solid #e2e2e2; overflow: hidden; zoom: 1;}
.home-tit h2{float: left; color: #333; font-weight: bold;height:44px; line-height:44px; font-size: 18px; border-bottom: 3px solid #01a0e2;}
.home-tit .more-btn{float: right; color: #999; font-size: 12px; height: 32px; padding-top: 10px; line-height: 32px;}
.home-tit .more-btn:hover{color: #01a0e2;}

/* mob-game */
.mob-game{padding: 5px 0 0; background: #fff; margin-bottom: 16px;}
.mob-game .home-tit{margin: 0 17px;}
.mob-game-item{padding-left: 17px;}
.mob-game-item .left{width: 164px; float: left; padding: 26px 0 23px;}
.mob-game-item .left ol{border-bottom:1px solid #e2e2e2;}

.mob-game-item .left li{height: 45px; line-height: 45px; text-align: center; font-size: 16px; color: #555; cursor: pointer; position: relative; border: 1px solid #e2e2e2; border-bottom: none; box-sizing: border-box;}

.mob-game-item .left li.active{color: #fff; background: #01a0e2; border-color: #01a0e2;}
.mob-game-item .left li.active::after{display: inline-block;content: ' '; border:8px solid transparent; border-left-color: #01a0e2; position: absolute; right: -16px; top: 15px;}

.mob-game-item .right{width: 1000px; float: right; height: 461px;overflow: hidden;}
.mob-game-item .right ul{width:1000px; height: 438px;padding: 13px 0 10px 5px; overflow: hidden;}
.mob-game-item .right ul li{width:114px; height: 146px; float: left; margin-right: 10px; transition: all .5s;}
.mob-game-item .right ul li a{display: block; padding: 12px 9px 10px; width: 96px;}
.mob-game-item .right ul li a span{display: block; width: 96px; height: 96px; border-radius: 16px; margin-bottom: 9px; overflow: hidden;}
.mob-game-item .right ul li a img{display: block; width: 96px; height: 96px; border-radius: 16px;transition: all .5s;}
.mob-game-item .right ul li a p{height:20px; font-size: 14px; color: #333; text-align: center; line-height: 20px;overflow: hidden; margin-top: 9px;transition: all .5s;}

.mob-game-item .right ul li:hover{box-shadow: 0 0 5px #ccc;}
.mob-game-item .right ul li:hover a p{color: #01a0e2;}
.mob-game-item .right ul li:hover a img{transform: scale(1.1);}
/* zt-box */
.zt-box{padding: 5px 17px 0; background: #fff; margin-bottom: 16px;}
.zt-box .zt-slide{width: 100%; position: relative;}
.zt-box .swiper-container{width: 1106px; margin: 0 auto;padding: 25px 0;}
.zt-box .swiper-container .swiper-slide{width: 260px;}
.zt-box .swiper-container .swiper-slide a{display: block; width: 100%;border-radius: 9px; transition: all .3s;overflow: hidden; box-shadow: 0 0 5px #ccc; padding-bottom: 13px;}
.zt-box .swiper-container .swiper-slide a .img{position: relative;height: 120px; overflow: hidden;}
.zt-box .swiper-container .swiper-slide a img{width: 100%; height: 120px;display: block;}
.zt-box .swiper-container .swiper-slide a .t{display: block; width: 100%; height: 32px; line-height: 32px; color: #fff; font-size: 14px; text-align: center; overflow: hidden; position: absolute; left: 0; bottom: 0; transition: all .3s; background: rgba(0,0,0,.6);}
.zt-box .swiper-container .swiper-slide a .t p{padding: 0 10px; font-size: 14px; height: 32px; line-height: 32px; overflow: hidden; text-align: left;}
.zt-box .swiper-container .swiper-slide a .t span{display: block; width: 100%; height: 19px; text-align: center; line-height: 19px; color: #01a0e2; font-size: 14px;margin: 4px auto 0; opacity: 0; filter: alpha(opacity=0); transition: all .3s linear .2s;}
.zt-box .swiper-container .swiper-slide a .t span em{display: inline-block; width: 19px; height: 19px; vertical-align: middle; margin-left: 7px;background: url(img/h-icons.png) no-repeat; background-position: -42px 0;}

.zt-box .swiper-container .swiper-slide a:hover .t{ height: 100%; }
.zt-box .swiper-container .swiper-slide a:hover .t p{padding-top: 34px; text-align: center; font-size: 16px; font-weight: bold;}
.zt-box .swiper-container .swiper-slide a:hover .t span{opacity: 1; filter: alpha(opacity=100);}

.zt-box .swiper-container .swiper-slide a:hover{transform: translateY(-7px);}

.zt-box .swiper-container .swiper-slide a .desc{padding: 10px 10px 0; height: 42px; line-height: 21px; font-size: 14px; color: #999; overflow: hidden;}

.zt-box .zt-slide .swiper-button-prev2{display: block;margin-top: -24px;width: 21px; height: 48px; background: url(img/h-icons.png) no-repeat; background-position:0 -37px; left: 0; position: absolute; top: 50%;}
.zt-box .zt-slide .swiper-button-next2{display: block;margin-top: -24px;width: 21px; height: 48px; background: url(img/h-icons.png) no-repeat; background-position: -28px -37px; right: 0;position: absolute; top: 50%;}

.zt-box .zt-slide .swiper-button-prev3{display: block;margin-top: -24px;width: 21px; height: 48px; background: url(img/h-icons.png) no-repeat; background-position:0 -37px; left: 0; position: absolute; top: 50%;}
.zt-box .zt-slide .swiper-button-next3{display: block;margin-top: -24px;width: 21px; height: 48px; background: url(img/h-icons.png) no-repeat; background-position: -28px -37px; right: 0;position: absolute; top: 50%;}
/* mob-box */
.mob-box{padding: 5px 0 0; background: #fff; margin-bottom: 16px;}
.mob-box .home-tit{margin: 0 17px;}

.mob-box .mob-item .left{width: 850px; float: left;padding:13px 0 13px 10px; overflow: hidden;}
.mob-box .mob-item .left ul{width:900px;}
.mob-box .mob-item .left ul li{width:109px; height: 142px; float: left; margin-right: 12px; transition: all .5s;}
.mob-box .mob-item .left ul li a{display: block; padding: 14px 10px 10px; width: 90px;}
.mob-box .mob-item .left ul li a span{display: block; width: 90px; height: 90px; border-radius: 16px; margin-bottom: 9px; overflow: hidden;}
.mob-box .mob-item .left ul li a img{display: block; width: 90px; height: 90px; border-radius: 16px;transition: all .5s;}
.mob-box .mob-item .left ul li a p{height:20px; font-size: 14px; color: #333; text-align: center; line-height: 20px;overflow: hidden; margin-top: 9px;transition: all .5s;}
.mob-box .mob-item .left ul li:hover{box-shadow: 0 0 5px #ccc;}
.mob-box .mob-item .left ul li:hover a p{color: #01a0e2;}
.mob-box .mob-item .left ul li:hover a img{transform: scale(1.1);}
.mob-box .mob-item .right{width: 307px; float: right;margin: 26px 17px 0 0;}
.mob-box .mob-item .right h3{height: 20px; line-height: 20px; font-size: 16px; overflow: hidden; color: #01a0e2; font-weight: bold;zoom: 1;}
.mob-box .mob-item .right h3 span{color: #01a0e2;}
.mob-box .mob-item .right h3::before{display: inline-block; content: ' '; width: 4px; height: 20px; background: #01a0e2; margin-right: 8px; float: left;}
.mob-box .mob-item .right ul{padding-top: 7px;}
.mob-box .mob-item .right ul li{padding: 10px 0 10px 28px; position: relative;}
.mob-box .mob-item .right ul li .num{display:block;width:18px; height:18px;font-size:12px; text-align:center; background:#aea9c6; color:#fff;line-height: 18px; text-align: center; border-radius: 1px;transition: all .3s; position: absolute; left: 0; top: 10px;}
.mob-box .mob-item .right ul li.open .num{height: 46px; line-height: 46px;}
.mob-box .mob-item .right ul li.open .r-a{display:none;}
.mob-box .mob-item .right ul li.open .r-b{display:block;}
.mob-box .mob-item .right ul li.top-1 .num {background: #ff6b66;}
.mob-box .mob-item .right ul li.top-2 .num {background: #ff8652;}
.mob-box .mob-item .right ul li.top-3 .num {background: #ffa742;}
.mob-box .mob-item .r-a a{display: block;line-height:18px;height:18px; font-size: 14px; color: #333;overflow: hidden;zoom: 1;}
.mob-box .mob-item .r-a a span{float: left; display: block; width: 200px;}
.mob-box .mob-item .r-a a em{float: right; line-height: 18px; color: #9d97be;}

.mob-box .mob-item .r-b{height:60px; display: none; overflow:hidden;zoom:1;}
.mob-box .mob-item .r-b .img{display: block; width: 60px; height: 60px; border-radius: 8px; float: left; overflow: hidden; margin-right: 10px;}
.mob-box .mob-item .r-b .img img{width: 100%; height: 100%; border-radius: 8px;transition: all .5s;}
.mob-box .mob-item .r-b .infor{width: 150px; float: left;}
.mob-box .mob-item .r-b .infor .tit{display: block; font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; font-weight: bold;}
.mob-box .mob-item .r-b .img img:hover{transform: scale(1.1);}
.mob-box .mob-item .r-b .infor .stars{display: block; width: 55px; height: 11px; background: url(img/h-icons.png) no-repeat; background-position: -75px -12px; margin-bottom: 7px; overflow: hidden;zoom: 1;}
.mob-box .mob-item .r-b .infor .stars em{display: block; width: 100%; height: 100%; float: left; background: url(img/h-icons.png) no-repeat; background-position: -75px 0;}

.mob-box .mob-item .r-b .infor .tags{ width: 100%; height: 18px; line-height: 18px; font-size: 12px; color: #666; overflow: hidden;}
.mob-box .mob-item .r-b .infor .tags a,.mob-box .mob-item .r-b .infor .tags i{ display: inline-block; height: 18px; line-height: 18px; background: #e8e7e7; color: #666; padding: 0 6px; margin-right: 3px; border-radius: 2px; font-style: normal;}
.mob-box .mob-item .r-b .infor .tags a{ color: #fff; background: #f76b6b; }

.mob-box .mob-item .r-b .btn{display: block; float: right; width: 52px; height: 26px; line-height: 26px; text-align: center; color: #fff; background: #01a0e2; border-radius: 2px; margin-top: 18px; font-size: 12px;}
.mob-box .mob-item .r-b .infor .tit:hover{opacity: .8; filter: alpha(opacity=80);}

/* rank-box */
.rank-box{padding: 5px 0 0; margin-bottom: 16px;}

.rank-box .rank-item{padding: 54px 0 0; overflow: hidden; zoom: 1; width: 1230px;}
.rank-item .item{width: 348px; float: left; margin-right: 21px; padding: 15px 19px 11px; background: #fff;}

.rank-item .item h3{height: 20px; line-height: 20px; font-size: 18px; color: #333; }
.rank-item .item h3 em{display: block; width: 82px; height: 82px; background: url(img/h-icons.png) no-repeat;margin-right: 8px; float: left; margin-top: -47px; background-position: -139px 0;}

.rank-item .item ul{padding-top: 25px;}
.rank-item .item ul li{padding: 13px 0;padding-left: 46px;position: relative;}
.rank-item .item ul li .num{display:block;width:19px; height:19px;font-size:14px; text-align:center; color:#39aeff;line-height: 19px; text-align: center; transition: all .3s; position: absolute; left: 13px; top: 15px; border:1px solid #39aeff; border-top-left-radius: 3px; border-bottom-right-radius: 3px;}
.rank-item .item ul li.open{background: #f9f9f9; border-radius: 4px;}
.rank-item .item ul li.open .num{top: 39px;}
.rank-item .item ul li.open .r-a{display:none;}
.rank-item .item ul li.open .r-b{display:block;}

.rank-item .item ul li.top-1 .num {background: url(img/h-icons.png) no-repeat; background-position: -58px -37px;width: 20px; height: 25px; border: none; text-indent: -9999em;top: 13px;}
.rank-item .item ul li.top-2 .num {background: url(img/h-icons.png) no-repeat; background-position: -82px -37px;width: 20px; height: 25px; border: none; text-indent: -9999em;top: 13px;}
.rank-item .item ul li.top-3 .num {background: url(img/h-icons.png) no-repeat; background-position: -106px -37px;width: 20px; height: 25px; border: none; text-indent: -9999em;top: 13px;}

.rank-item .item ul .top-1.open .num{top: 39px;} 
.rank-item .item ul .top-2.open .num{top: 39px;} 
.rank-item .item ul .top-3.open .num{top: 39px;} 

.rank-item .r-a{overflow:hidden;zoom: 1; height: 25px; line-height: 25px;}
.rank-item .r-a a{display: block;float:left;line-height:25px;height:25px; font-size: 15px; color: #666;width:100%; overflow: hidden;}

.rank-item .r-b{height:72px; display: none; overflow:hidden;zoom:1;}
.rank-item .r-b .img{display: block; width: 72px; height: 72px; border-radius: 8px; float: left; overflow: hidden; margin-right: 12px;}
.rank-item .r-b .img img{width: 100%; height: 100%; border-radius: 8px;transition: all .5s;}
.rank-item .r-b .infor .tit{display: block; font-size: 16px; height: 32px; line-height: 32px; overflow: hidden; color: #666;}
.rank-item .r-b .infor .type{font-size: 14px; height: 30px; line-height: 30px; color: #999; overflow: hidden;}
.rank-item .r-b .infor .type i{margin: 0 5px; color: #ddd; font-style: normal;}
.rank-item .r-b .infor .type span{color: #9d97be;}
.rank-item .r-b .img img:hover{transform: scale(1.1);}
.rank-item .r-b .infor .star{display: block; width: 55px; height: 11px; background: url(img/h-icons.png) no-repeat; background-position: -75px -12px;overflow: hidden;zoom: 1;}
.rank-item .r-b .infor .star em{display: block; width: 100%; height: 100%; float: left; background: url(img/h-icons.png) no-repeat; background-position: -75px 0;}

.rank-item .item ul li.top-1 .r-a a,.rank-item .item ul li.top-1 .r-b .infor .tit{color: #333;}
.rank-item .item ul li.top-2 .r-a a,.rank-item .item ul li.top-2 .r-b .infor .tit{color: #333;}
.rank-item .item ul li.top-3 .r-a a,.rank-item .item ul li.top-3 .r-b .infor .tit{color: #333;}

.rank-item .item ul li .r-b .infor .tit:hover{color: #0180ff;}

/* item2 */
.rank-item .item2 h3 em{background-position: -223px 0;}
.rank-item .item2 ul li .num{border-color:#ff5a38; color: #ff5a38;}
.rank-item .item2 ul li .r-b .infor .tit:hover{color: #ff5a38;}
/* item3 */
.rank-item .item3 h3 em{background-position: -306px 0;}
.rank-item .item3 ul li .num{border-color:#abc412; color: #abc412;}
.rank-item .item3 ul li .r-b .infor .tit:hover{color: #abc412;}

/* links-box */
.links-box{padding: 28px 20px 32px; background: #fff;margin-bottom: 16px; overflow: hidden; zoom: 1;}
.links-box .links-icon{width: 104px; height: 70px; background-position: -407px 0; float: left; margin-right: 5px; background: url(img/h-icons.png) no-repeat; background-position: right 0;}
.links-box .links-list{overflow: hidden; zoom: 1;}
.links-box .links-list a{float: left; display: inline-block; padding: 0 24px;font-size: 16px; color: #666; height: 32px; line-height: 32px;}
.links-box .links-list i{ line-height: 32px; float: left; color: #c0bdbd;}
.links-box .links-list a:hover{font-weight: bold; color: #01a0e2;}