body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body,button,input,select,textarea{font:12px/1.5 "Microsoft YaHei", Arial, Helvetica;*line-height:1.5;-ms-overflow-style:scrollbar}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
code,kbd,pre,samp{font-family:courier new,courier,monospace}
ul,ol,li{list-style:none}
a{text-decoration:none;outline: none}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%;outline: none;}
table{border-collapse:collapse;border-spacing:0}
a:link,a:visited{color:#666;outline: none;}
a:hover{text-decoration:none;color: #ff7a00;}



body{background: #ffffff;color: #666666;}
.wrap{width: 1240px;margin: 0 auto;overflow: hidden;position: relative;}
.clear{zoom: 1}
.clear:after {clear:both;content:'';display:block;}
.layout{width:100%;}
.a{display: block;width: 100%;height: 100%;}
.fl{float:left}
.fr{float:right}
.color{color: #9c9c9c;}

.wrap{*zoom:1;width:1224px; margin: 0 auto;position: relative; }
.wrap:before,.wrap:after,.clearfix:before, .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.imgbox{position:relative;display:block;}
.imgbox:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;}
.fl { float:left; } .fr { float:right; }
.block-name { font-size:16px; font-weight:bold; }
.btn {display:inline-block;background:#3598da;color:#fff;border:0;outline:0;cursor:pointer;text-align:center;}
.btn:hover {background:#40a1e2;text-decoration:none;color:#fff;}
.btn.btndisabled { background:#60b5ed; cursor:default; }
.btnSec{background:#f79634;}
.btnSec:hover {background:#f7a450;}
.glareColor,.glareColor a,.glareColor:hover{color:#3598da;}
.orangeColor,.orangeColor:hover{color:#f60;}
.greenColor,.greenColor:hover{color:#390;}
.redColor,.redColor:hover{color:#f00;}
.maxsize {width:100%;}
::-webkit-scrollbar{
    width: 2px; 
    height: 2px;
    background-color: #fff;
}
::-webkit-scrollbar-thumb{
    background-image:-webkit-gradient(linear,left bottom,left top,
        color-stop(0.44, rgb(230,53,53)),
        color-stop(0.72, rgb(226,129,129)),
        color-stop(0.86, rgb(222,191,191)),
        color-stop(1, #fff));
}

.infos{width:100%;padding:10px;margin-bottom:20px;line-height:20px;color:#c9bb97;background:url(../images/nav.png) repeat;white-space:normal;word-break:break-all;overflow:hidden;}
.infos a{padding:1px 6px;margin-right:6px;text-align:center;color:#e3dfd9;background-color:#523636;}
.infos a:hover{color:#f0f1f3;background-color:#825656;}
.infos em{margin:0 15px;font-style:italic;color:#e3dfd9;}
.infos font{font-size:15px;margin-right:30px;color:#e3dfd9;}
.infos input[type=text],.infos input[type=password]{width:168px;height:26px;line-height:26px;color:#111;background-color:#aaa;padding:0 6px;margin:0 6px;}
.infos .loginbtn,.infos .regbtn,.infos .gonglue{padding:0 10px;height:26px;line-height:26px;border:0;cursor:pointer;}
.infos .loginbtn{color:#e3dfd9;background-color:#a51b2a;}
.infos .loginbtn:hover{background-color:#c53b3a;}
.infos .regbtn{color:#e3dfd9;background-color:#393e8f;}
.infos .regbtn:hover{background-color:#595e9f;}
.infos .gonglue{color:#B22222;background-color:#E3CF57;}
.infos .gonglue:hover{background-color:#ffff00;}

#divMask{position:fixed;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);z-index:100;}
#divWindow{position:fixed;z-index:101;}
.lay-login{width:360px;background:#fff;}
.lay-login>.nav_tabs{height:60px; background:#23303c;}
.lay-login>.nav_tabs>li{position:relative;display:block;float:left;width:50%;height:100%;line-height:60px;color:#fff;text-align:center;font-size:18px;cursor:pointer;}
.lay-login>.nav_tabs>li:hover{text-decoration:none;}
.lay-login>.nav_tabs>li.active{background:#3598da;}
.lay-login>.nav_tabs>li.active:after {content:"";position:absolute;top:60px;left:50%;margin-left:-8px;width:0;height:0;border:8px solid transparent;border-top-color:#3598da;}
.lay-login>.tab_content{padding:40px 40px 30px;}
.lay-login>.tab_content>.tab_pane{display:none;}
.lay-login>.tab_content>.tab_pane.active{display:block;}
.lay-login>.lay-close{position:absolute;left:100%;top:0;width:60px;height:60px;cursor:pointer;background:#55626a url(/templates/gm1702/images/sprite.png) no-repeat 0 -38px;opacity:0.7;filter:alpha(opacity=70);text-indent:-999em;}
.lay-login>.lay-close:hover {background-color:#62717a;}

.form-simplify {}
.form-simplify .inputbox { position:relative; padding-left:40px; height:48px;border:1px solid #ddd; background:#fff; }
.form-simplify .inputbox .icon { position:absolute; top:5px; left:5px; float:left; width:38px; height:38px; background:url(/templates/gm1702/images/sprite.png) no-repeat; }
.form-simplify .inputbox .icon.icon-img1 { background-position:0 0; }
.form-simplify .inputbox .icon.icon-img2 { background-position:-38px 0; }
.form-simplify .inputbox input { width:100%; height:100%; padding:14px 0\9; border:0; background:none; outline:0; }
.form-simplify .inputbox.active { border:1px solid #7dabdf; }
.form-simplify .txtbox { margin:20px 5px; height:20px; line-height:20px; }
.form-simplify .btnSubmit { width:100%; height:60px; line-height:60px; font-size:18px; }
.form-simplify .tipbox { margin:5px 0; color:#aeaeae; }
.form-simplify .tipbox.error{ color:#F00; }
.form-simplify .tipbox.yes{ color:#390; }
.form-simplify .interval{ height:20px; }

.webox{ float:left; position:fixed; left:50%; top:420px; margin-left:-772px; width:150px; background:#fff; text-align:center; font-weight:bold; z-index:50;}
.webox>a,.webox img{ display:block;}
.webox>h4,.webox>p{ display:none;}
.footer { padding:20px 0; font-size:12px; color:#999; text-align:center; }
.footer a{color:#ff7a00;}
.footer a:hover{color:#70c4f2;}

.header{
	height:85px;box-shadow:0 4px 4px rgba(0,0,0,.2);position:relative;border:0px solid red;min-width:1000px;z-index:1;
	/*background:url(//www.ku25.com/img/index/hd-nav-bg.jpg);*/
	background: #fff url(/images/2024022907421275.png) no-repeat 50% 0;background-size:cover;
}
.header i { margin:0 10px; color:#eee; font-size:14px; }
.header-logo { float:left; margin:5px 0 auto; width:250px; height:80px; background:url(/images/header-logo-new7.png) no-repeat 0 50%; text-indent:-9999em; }
.header-nav  { float:left; margin:20px 0; font-size:16px; }
.header-nav a { float:left; display:block; position:relative; padding:10px 15px; line-height:20px; }
.header-nav a:hover { text-decoration:none; }
.header-nav a span { position:absolute; top:2px; right:0; width:16px; height:16px; line-height:16px; font-size:10px; color:#fff; text-align:center; font-weight:600; border-radius:50%; background:#c30; }
.header-nav i{ float:left; padding:10px 0; margin:0 2px; line-height:20px;}
.header-login { float:right; margin:20px 0; font-size:16px; padding:10px 15px; line-height:20px;  }
.header-login .after { font-size:14px; color:#666;}
.header-login .after a.name { font-weight:600; }
.header-nav .menu_hot{position: absolute; top: 1px; left: 90px;}
.header:before{content:'';position:absolute;left:0;top:0;width:330px;height:100%;background:url(//pic.yee5.com/Upload/festival_img/20240229/2024022907422794.png) no-repeat left 0px;z-index:1;}
.header:after{content:'';position:absolute;right:0;top:0;width:300px;height:100%;background:url(//pic.yee5.com/Upload/festival_img/20240229/2024022907421234.png) no-repeat right 0px;z-index:1;}
@media screen and (max-width:1600px){.header:before,.header:after{display:none;}}

/*主体*/
.container_main{position: relative;padding-top:450px;overflow: hidden}
.tit{height: 26px;width: 100%;line-height: 26px;font-size: 18px;}
.tit .icon{background: url("../image/icon.png") no-repeat;}

/*导航*/
.slideBox{position: absolute;top: 0;left: 0;height: 500px;width: 100%}

.slideBox .slideImg{height: 500px;width: 100%;overflow: hidden;}

.slideBox .slideImg li{height: 550px;}

.slideBox .slideImg img{height: 100%;width: 100%;}

/*主体背景色*/
.content{width:1200px;padding:20px;background: url("../image/main-bg.png") no-repeat 0 0;z-index: 20}

.content.wrap{overflow: visible;}

.content_l{width:258px;}

.content_r{width: 918px;}

.tit .icon.ranking_icon{margin: 0 10px 0 10px;width: 25px;height: 26px;background-position:0 0}

.ranking_main{margin-top: 13px;padding: 13px 8px 0px 13px;border: 1px solid #dddddd;background: url(../image/g-server.png) repeat-x}

.ranking_list{}

.ranking_list li{position: relative;margin-bottom: 13px;overflow: hidden;vertical-align: top;}

.ranking_list li.last{margin-bottom: 0}

.ranking_list li .icon{margin:9px 12px 0 0;width: 25px;height: 31px;text-align: center;line-height: 31px;font-size: 18px;color: #cdcdcd}

.ranking_list li .icon.one{background: url("../image/icon.png") no-repeat -202px -99px; }

.ranking_list li .icon.two{background: url("../image/icon.png") no-repeat -239px -99px;}

.ranking_list li .icon.three{background: url("../image/icon.png") no-repeat -276px -99px;}

.ranking_list li .pic{margin-right: 10px;width: 45px;height: 45px;overflow: hidden}

.ranking_list li .pic img{vertical-align: middle;width: 100%;height: 100%;border-radius: 12px;}

.ranking_list li .text{margin-right: 10px;width: 73px;height: 45px;}

.ranking_list li .text p{vertical-align: middle;margin: 4px 0}

.ranking_list li .start_game{position: relative;z-index: 10;margin-top: 12px;display: block;width: 55px;height: 23px;border: 1px solid #ddd;text-align: center;line-height: 23px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;}

.ranking_list li .start_game:hover{background: #ff7a00;color: #fff;}

.ranking_list li .ranking_list_cover{position: absolute;width: 100%;height: 100%;display: block;left: 0;top: 0;z-index: 9}

.ranking_list li:hover .text p{color: #5ebfff}

/*第二层左侧*/
.tit .icon.kaifuList_icon{margin: 0 10px 0 10px;width: 25px;height: 26px;background-position:0 0}
.kaifu_min{position: relative;border-top:none;height:365px;overflow: hidden;margin-top: 8px;height: 310px;}


.kaifu_body{height: 574px;position: relative;}

.kaifu_body li{overflow: hidden;padding: 0 13px;display: block;vertical-align: top}


.kaifu_body li:hover a{text-decoration:none;color: #ff7a00;}


.kaifu_body li a{float: left;height: 44px;line-height:44px;display: block;border-bottom: 1px dashed #ddd;overflow: hidden;}


/*第二层右侧*/
.hot_game{width: 918px;float: left;margin-left: 24px;margin-top: 33px;}

.tit .icon.hot_icon{margin: 0 10px 0 10px;width: 25px;height: 26px;background-position:-162px 0;}

.hot_game_main{margin-top: 10px;}

.hot_game_main ul{overflow:hidden;*padding-bottom:17px;}

.hot_game_main li{float: left;vertical-align: top;margin:0 9px 17px 0;padding: 1px;width: 293px;height: 164px;border: 1px solid #ddd;}

.hot_game_main li.last{margin-right: 0}

.hot_game_main li .pic{position: relative;overflow: hidden;height: 125px;}

.hot_game_main li .pic a img {
          position: absolute;
          right: 0;
          top: 0;
        }
.hot_game_main li .pic a h3 {
          font: 400 18px/24px "Microsoft Yahei";
          height: 24px;
          overflow: hidden;
          padding: 10px 0 0 15px;
          position: relative;
          width: 155px;
        }
.hot_game_main li .pic a p {
          height: 26px;
          overflow: hidden;
          padding: 0 0 0 15px;
          position: relative;
          width: 85px;
          color: #9c9c9c;
        }
.hot_game_main li .pic a .ico-sp {
            display: block;
            height: 13px;
            margin-left: 15px;
            position: relative;
            width: 34px;
        }
.hot_game_main li img{vertical-align: top}

.hot_game_main li .text{overflow: hidden;height: 36px;padding: 0 10px;}

.hot_game_main li .game_name{margin-top: 9px;}

.hot_game_main li .text .start_game{margin-top:6px;width: 65px;height: 23px;border: 1px solid #ddd;text-align: center;line-height: 23px;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;}

.hot_game_main li .text .start_game:hover{background: #ff7a00;color: #fff;}

/*第二层右侧*/
.tit .icon.tj_icon{margin: 0 10px 0 10px;width: 25px;height: 26px;background-position:-55px 0;}

.tj_mian{margin-top: 13px;}

.tj_mian ul{overflow:hidden}

.tj_mian li{position: relative;float: left;overflow: hidden;margin:0 14px 0 0;width: 214px;height: 302px;border:1px solid #fff;}

.tj_mian li.last{margin-right: 0}

.tj_mian li .pic{width: 100%;height: 100%;}

.tj_mian li .img{vertical-align: top}

.tj_mian li .icon{position: absolute;left:0;top: 0;width: 37px;height: 43px;background: url("../image/icon.png") no-repeat 0 0}

.tj_mian li .icon.news_icon{background-position:-202px -154px;}

.tj_mian li .icon.tj_icon{background-position:-262px -154px;}

.tj_mian li .explain-txt{position:absolute;bottom: 0px;left: 0;width: 100%;height: 48px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}

.tj_mian li .explain-txt .cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .6;filter:Alpha(opacity=60);}

.tj_mian li .explain-txt span{position: absolute;left: 0;top: 0;display: block;width: 100%;height: 48px;z-index: 10;line-height: 48px;text-align: center;color: #fff;font-size: 16px;}

.tj_mian li:hover .explain-txt{bottom: -48px;}

.tj_mian li:hover .tj_hover{bottom: 0;}

.tj_mian li .tj_hover{position: absolute;bottom:-48px;left:0;height: 48px;width: 100%;z-index: 20;color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}

.tj_mian li .tj_hover_txt{position: absolute;left: 0;top: 0;width: 183px;height: 38px;padding: 8px 17px;}

.tj_mian li .tj_hover_txt h5{font-weight: normal;margin-top: 3px;font-size: 18px;}

.tj_mian li .tj_hover_txt p a{color: #ff7a00;}

.tj_mian li .tj_hover_txt p span{margin: 0 5px;}

.tj_mian li .tj_hover .cover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #000;opacity: .6;filter:Alpha(opacity=60);}

.tj_mian li .tj_hover .go_game{position: absolute;right:13px;top:13px;width: 70px;height: 25px;text-align: center;line-height: 25px;background: #fff;}

.tj_mian li .tj_hover .go_game:hover{background: #ff7a00;color: #fff;}



/*客服*/
.kefu{margin-right: 29px;width: 260px;}

/*更多游戏*/
.more_game{width: 911px;}

.more_game_body{margin-top:20px;padding: 6px 0 4px 6px;border: 1px solid #ddd;}

.more_game_body ul{overflow:hidden;height: 280px;position: relative}

.more_game_body li{position: relative;float: left;overflow: hidden;padding: 4px 4px 4px 9px;width: 211px;cursor: pointer}

.more_game_body li .more_game_cover{position: absolute;width: 100%;height: 100%;z-index: 10;left: 0;top: 0;}

.more_game_body li .pic{float: left;overflow: hidden;margin-right: 12px;width: 48px;height: 48px;text-align:center;border-radius:5px;}

.more_game_body li .pic img{max-width: 100%;vertical-align:middle;}

.more_game_body li .txt{float: left;}

.more_game_body li .txt .game_name{height: 24px;line-height: 24px;font-size: 14px;}

.more_game_body li .txt .game_type{height: 24px;line-height: 24px;color: #a1a1a1}

.more_game_body li:hover{background: #ff7a00}

.more_game_body li:hover .txt .game_name{color: #fff}

.more_game_body li:hover .txt .game_type{color: #fff}

/*其他*/
.d_tit{ position:relative;overflow: hidden}

.d_tit em{line-height:23px; font-size:18px;}

.d_tit .icon{margin: 0 10px 0 10px;width: 25px;height: 26px;background:url(../image/icon.png) no-repeat 0 0}


/*为您推荐*/
.hot_label {
  overflow: hidden;
  padding: 15px;
  border: 1px solid #ddd;
  margin-top:10px;
}
.hot_label h4 {
  font-size: 18px;
  font-weight: 300;
  float: left;
  margin-right: 12px;
}
.hot_label ul {
  float: left;
  width: 1168px;
  margin-top: 10px;
}
.hot_label li {
  display: inline-block;
  padding-right:10px;
}
.hot_label li a {
  height: 25px;
  line-height: 25px;
  display: block;
  max-width: 210px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  font-size: 12px;
  color: #61c6cc;
  padding: 0 5px;
  border-radius: 2px;
  border: 1px solid #61c6cc;
}
.hot_label li:nth-child(7n-6) a {
  border: 1px solid #61c6cc;
  color: #61c6cc;
}
.hot_label li:nth-child(7n-5) a {
  border: 1px solid #ef6e67;
  color: #ef6e67;
}
.hot_label li:nth-child(7n-4) a {
  border: 1px solid #6494eb;
  color: #6494eb;
}
.hot_label li:nth-child(7n-3) a {
  border: 1px solid #31bd80;
  color: #31bd80;
}
.hot_label li:nth-child(7n-2) a {
  border: 1px solid #39a0ff;
  color: #39a0ff;
}
.hot_label li:nth-child(7n-1) a {
  border: 1px solid #ff900d;
  color: #ff900d;
}
.hot_label li:nth-child(7n) a {
  border: 1px solid #83AF9B;
  color: #83AF9B;
}
.hot_label li:first-child a {
  border: 1px solid #61c6cc;
  color: #61c6cc;
}
.hot_label li:last-child a {
  border: 1px solid #f4686c;
  color: #f4686c;
}




.head_wrap{position: absolute;top: -94px;right:0px;width: 1240px;height: 90px;z-index: 999;border-radius: 5px;}

.head_wrap .l_from{float:left;width:956px;height:88px;position: relative;border-radius:3px;background-color: rgba(101, 100, 100, 0.55);}

.head_wrap .info_wrap{width:230px;line-height: 30px;height:88px;float: right;color: #FFFFFF;font-size: 16px;position: relative;}

.head_wrap .info_wrap .key{line-height: 28px;height: 26px;overflow: hidden;}

.head_wrap .adcon{width:665px;height:88px;margin: 0px 10px 0px 30px;line-height: 30px;float: right;color: #FFFFFF;font-size: 19px;position: relative;}

.head_wrap .adcon h1{font-size: 20px;font-weight: bold;}

.head_wrap .adcon p{font-size: 16px;line-height: 30px;height: 55px;overflow: hidden;}

.head_wrap .r_play{float:right;width:232px;height:88px;padding: 2px 0px 0px 2px;background-color: rgba(101, 100, 100, 0.55);position: relative;}


/*网页游戏开服表*/
.kaifu_slide ul{height: 288px;border: 1px solid #e6e6e6;margin-top:11px;overflow: hidden;}
.kaifu_slide ul a{color: #444;}
.kaifu_slide ul li{font-size: 12px;height: 30px;overflow: hidden;width: 240px;}
.kaifu_slide ul li em {
    background: #f2531c none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: left;
    height: 14px;
    line-height: 14px;
    margin-top: 8px;
    text-align: center;
    width: 20px;
}
.kaifu_slide ul li a {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: left;
    width: 218px;
}


.fenge{height: 10px;}
.tuijian1{height: 365px;}
.tuijian2{height: 238px;padding-top: 20px;padding-top: 0px !important;padding-bottom:20px;}
.tuijian2 fl{float:left;}
.tuijian2 fr{float:right;}
.tuwen {float:left;width:918px;margin-left: 22px;}
.tuwen ul{width: 918px;display: inline-block;}
.tuwen li{float:left;position: relative;overflow: hidden;width:218px;height: 202px;display: inline-block;}
.ml15{float:left;margin-left:15px;position: relative;overflow: hidden;display: inline-block;}
.tuijian2 .gl{display:block;width:258px;float:left; overflow:hidden;border: 1px solid #dddddd;}
.tuijian2 .gl ul{padding: 10px;}
.tuijian2 ul li img{width:214px;height:151px;left:0;border: 1px solid #ddd;padding: 1px;}
.tuijian2 ul li span{float:left;font-size: 15px;left: 0;width: 196px;background: rgb(80, 80, 80);padding: 1px 10px;height: 46px;margin-top: -6px;border: 1px solid #ddd;overflow: hidden;}
.tuijian2 ul li span a{font-size: 15px;color: #fff;}
.tuijian3{height: 442px;}

.tuijian2 fl .gl{width:258px;margin:0 auto;display:none;}
.tuijian2 fl gl ul{width:258px;margin:0 auto;}
.gl li{width:240px;height:30px;overflow:hidden;font-size:12px;}
.gl em{width:20px;height:14px;line-height:14px;float:left;text-align: center;margin-top:8px;background:#f2531c;color:#fff;display:inline-block;}
.gl i{width:20px;height:14px;line-height:14px;float:left;text-align: center;margin-top:8px;background:#cdcdcd;color:#fff;display:inline-block;}
.gl a{width:230px;height:30px;line-height:30px;text-align:left;overflow:hidden;}


.shouyou_list {
    width: 258px;
    float: left;
    margin-top: 33px;
}
.shouyou_min {
    position: relative;
    border-top: none;
    height: 365px;
    overflow: hidden;
}
.ranking_sy {
    margin-top: 10px;
    height: 335px;
    padding: 0px 8px 16px 13px;
    border: 1px solid #dddddd;
    background: url(../image/g-server.png) repeat-x;
}
.sytj {
    width: 235px;
    height: 280px;
}
.g8-box {
    background-color: #fff;
}

.g8-box .head {
    height: 51px;
    line-height: 56px;
    border-bottom: 1px solid #e8e8e8;
    padding: 0 1px;
    position: relative;
    z-index: 1;
}

.g8-box .head .title {
    float: left;
    height: 56px;
    line-height: 56px;
    font-size: 24px;
    color: #16b8c3
}

.g8-box .head .icon-game {
    background-position: 0 0;
}

.g8-box .head .icon-app {
    background-position: -48px 0;
}

.g8-box .head .tabs {
    position: absolute;
    height: 52px;
    line-height: 52px;
}

.g8-box .head .tabs li {
    float: left;
    width: 115px;
    text-align: center;
}

.g8-box .head .tabs li a.active {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -ms-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #e8e8e8;
    border-bottom: 0;
    border-top: 1px solid #16b8c3;
    color: #16b8c3;
    background-color: #fff;
}

.g8-box .head .tabs .m a {
    color: #999;
}

.g8-box .head .tabs .m a:hover {
    color: #16b8c3
}


.g8-box .list .item {
    float: left;
    width: 48px;
    *display: inline;
    *zoom: 1;
    margin: 10px 0px 0 10px;
}

.g8-box .list .item a {
    display: block;
    text-align: center;
    font-size: 14px;
    position: relative;
}

.g8-box .list .item .title {
    height: 36px;
    line-height: 36px;
    width: 45px;
    margin: 0 auto;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.g8-box .list .item .sy {
    display: block;
    margin: 0 auto;
}

.g8-box .list .item a .qr {
    position: absolute;
    top: -18px;
    left: 50%;
    width: 110px;
    margin-left: -55px;
    height: 100%;
    background-color: #fff;
}

.g8-box .list .item a .qr img {
    display: block;
    margin: 0 auto;
    margin-top: 16px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.g8-box .list .item a .qr .btn {
    width: 90px;
    margin: 0 auto;
    height: 26px;
    background-color: #16b8c3;
    text-align: center;
    line-height: 26px;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 5px;
}

.g8-box .head .tabs li a {
    display: block;
    padding: 0 9px;
    text-decoration: none;
    font-size: 14px;
    border: 1px solid #fff;
    border-bottom: 0;
    line-height: 50px;
}