@charset "utf-8";
/* CSS Document */

.gift_list{ width:98%; margin:0 auto;} 
.gift_list table{ width:100%;}
.gift_list tr{ height:90px; border-bottom:1px solid #e1e6ec;}
.gift_list tr:last-child{ border-bottom:0px;}
.gift_list th { text-align:center; padding:10px 0px;}
.gift_list th img{ border-radius:15px;  width: 15vw; height: 15vw; max-width:70px; max-height:70px;}
.gift_list td h3{ font-size:14px; width:100%;}
.gift_list td span{ color:#666; font-size:12px; width:100%; display:block; height:23px; line-height:23px; overflow:hidden;}
.gift_list td span font{ color:#14b9c8;   margin-left:5px; font-size:1.2em;}
.gift_list td  i{ color:#666; padding:0px 5px;}
.gift_list td a{ display:block; color:#fff; background:#14b4c4; padding:3px 14px; font-size:14px; float:right; border-radius: 5px;}


.gilist_de tr{ border-bottom:1px solid #e1e6ec;}

.gilist_de table{ width:100%;}
.gilist_de{ width:98%; margin:0 auto;} 
.gilist_de .thead tr{ height:90px; }
.gilist_de .thead th { text-align:center; padding:10px 0px; vertical-align:top;}
.gilist_de .thead th img{ border-radius:15px;  width: 15vw; height: 15vw; max-width:100px; max-height:100px;}
.gilist_de .thead td{     padding: 10px 0px; vertical-align: top;}
.gilist_de .thead td h3{ font-size:1.1em; width:100%; line-height:30px;}
.gilist_de .thead td span{ color:#666; font-size:14px;}
.gilist_de .thead td span font{ color:#14b9c8; margin-right:5px;}
.gilist_de .thead  td  i{ color:#666; padding:0px 5px;}
.gilist_de .thead td a{ float:right; color:#999; font-size:14px; margin-right:10%;}
.gilist_de .thead td .scicon{ display:block; background:url(../images/scicon.png) no-repeat center; background-size:100% 100%; width: 7vw;
    height: 7vw;
    padding: 0px;
    max-width: 35px;
    max-height: 35px; margin:0 auto; margin-bottom:5px;}
.gilist_de .thead td .scicon.chose{ background:url(../images/scicon_h.png) no-repeat center; background-size:100% 100%;}


.gamelq_list{ width:100%}
.gamelq_list h3{ font-size:14px; width:100%; height:30px; line-height:30px; color:#333; overflow:hidden;}
.gamelq_list th{ padding:15px 0px; padding-left:3%;}
.gamelq_list span i{ width:50%; background:#e1e6ec; height:10px; border-radius:10px; display:block; float:left; margin-top:5px;}
.gamelq_list span i em{ background:#14b4c4; height:10px; border-radius:10px; display:block;}
.gamelq_list span font{ color:#333; font-size:14px; margin-left:10px;}
.gamelq_list p{ color:#999; font-size:14px; height:20px; line-height:20px; overflow:hidden;}
.gamelq_list td a{ border-radius:5px;  border:1px solid #14b4c4; color:#14b4c4; padding:5px 0px; width:80%; margin:0 auto; display:block; text-align:center; font-size:14px;}
.gamelq_list td a:hover{ background:#14b4c4; color:#fff;}
.gamelq_list th img{border-radius: 15px;width: 15vw; height: 15vw; max-width: 100px; max-height: 100px;}
.gamelq_list td a.lqed{ background: #B6B6B6; color: #fff; border: none;}


.gicon{ padding:20px 10px;}
.gift_tit{ margin-bottom:10px;}
.gift_tit h3{ font-size:14px; color:#333;}
.gift_tit i{ display:block; width:6.5vw; height:6.5vw; max-width:25px; max-height:25px; float:left; margin-right:5px;}
.gifticon_01{ background:url(../images/giftde_01.png) no-repeat center; background-size:100% 100%;}
.gifticon_02{ background:url(../images/giftde_02.png) no-repeat center; background-size:100% 100%;}
.gifticon_03{ background:url(../images/giftde_03.png) no-repeat center; background-size:100% 100%;}
.gicon p{ color:#666; font-size:15px; line-height:30px; text-indent:2em;word-wrap:break-word;}
.gicon ul li{  color:#666; font-size:14px; line-height:30px; padding-left:2vw; clear:both;}
.gicon ul li i{ display:block; width:5px; height:5px; border-radius:10px; float:left; background: #14B4C4; margin-top:15px;}
.gicon ul li font{ float:left; width: 95%; margin-left: 2%;}




.gift_bottom{ height:50px;  background:#14b4c4; text-align:center; color:#fff; line-height:50px; position:fixed; bottom:0px; width:100%;max-width: 640px;min-width: 320px;}
.gift_bottom a{ color:#fff;}
.gift_bottom:hover{ background:#10AAB9} 




.gilqmo{ text-align:center; padding:20px 0px;}
.gilqmo img{ width:40%;}
.gilqmo h3{ font-size:1.2em; color:#333;}
.gilqmo span{ color:#999; display:block; width:100%; line-height:30px;}
.gilqmo span font{ color:#14b4c2; margin:0px 10px;}
.gilqmo .lqstart{ background:#14b4c2; color:#fff; width:80%; text-align:center; height:40px; line-height:40px; display:block; margin:0 auto; margin-top:15px;}


/*开服列表*/
.kfcont{ padding-top:0px;}
.kf_tab .menu{ background:#fafafa; color:#999; height:40px; border-bottom:1px solid #dcdcdc;}
.kf_tab .menu li{ float:left; line-height:40px; width:50%; text-align:center;}
.kf_tab .menu li.off span{ color:#14b4c4; border-bottom:1px solid #14b4c4; padding: 11px 20px;} 
.kf_tab table{ width:100%}
.kf_tab tr{ height:90px; border-top:1px solid #e1e6ec;}
.kf_tab th { text-align:center; padding:10px 0px;}
.kf_tab th img{ border-radius:15px;  width: 15vw; height: 15vw; max-width:70px; max-height:70px;}
.kf_tab td h3{ font-size:14px; width:100%;}
.kf_tab td span{ color:#333; font-size:12px;}
.kf_tab td p{ width:100%; font-size:12px; color:#666; height: 20px; line-height: 20px; overflow: hidden; color:#ff5363;}
.kf_tab #con_one_1 td a{ display:block; color:#fff; background:#14b4c4; padding:3px 10px; font-size:14px; float:right; border-radius: 5px; margin-right: 5px;}
.kf_tab #con_one_2 td a i{ display:block; background:url(../images/setvo.png) no-repeat center; background-size:100% 100%;  margin-right:5%;width:7vw; height:7vw; max-height:25px; max-width:25px; float:right;}
.kf_tab #con_one_2 td font{ font-size: 0.8em;display: block; width: 95%; margin-right:5%;height: 30px;line-height: 30px; color: #c1c1c1; clear: both; text-align: right;}
.kf_tab #con_one_2 .setvo i{ background:url(../images/setvo_h.png) no-repeat center; background-size:100% 100%;}
.kf_tab #con_one_2 .setvo font{ color:#14b4c4;}



/*活动*/
.actcont{ margin-top:68px;}
.actcont .actlist li{ margin-bottom:10px;}
.actcont .actlist a{ display:block; width:95vw; max-width:600px; margin:0 auto; background:#fafafa; border:1px solid #e0e1e3; padding-bottom:10px;}
.actcont .actlist a img{ width:95vw; height:46vw; display:block; max-width:600px; max-height:291px;}
.actcont .actlist a  h3{ color:#333; height:30px; line-height:30px; font-size:14px; margin-top:5px; padding-left:10px; overflow:hidden;}
.actcont .actlist a span{ color:#999; font-size:14px; height:25px; line-height:25px; padding-left:10px; overflow:hidden;}

/*活动详情*/
.artcont{ padding:10px;}
.artcont .act_tit{}
.artcont .act_tit h3{ font-size:1.1em; color:#333; font-weight:600;}
.artcont .act_tit span{ font-size:14px; color:#999; height:30px; line-height:30px; display:block;} 
.artcont img{ width:100%; margin:0 auto; display:block;}

.artcont h4{ font-size:14px; line-height:40px;}
.artcont h4 i{ display:block; width:4px; height:4px; border-radius:10px; background:#14b4c2; float:left; margin-top:20px; margin-right:10px;}
.artcont p{ font-size:14px; color:#999; line-height:25px; margin-left:12px;}
.artcont .artan{ background:#14b4c2; color:#fff; font-size:14px; display:block; width:60%; text-align:center; height:40px; line-height:40px; margin:15px auto; ma}

.art_bottom{ height:50px;  background:#fff; text-align:left; line-height:50px; position:fixed; bottom:0px; width:100%;max-width: 640px;min-width: 320px; border-top:1px solid #dddbdc;}
.art_bottom div{ margin-left:10px;}
.art_bottom span{ color:#999;}
.art_bottom span font{ color:#14b4c4; margin:0px 5px;}
.art_bottom  i{ color:#999; margin:0px 10px;}


#share{ bottom: 50px; width: 100%; left: 0px; margin-bottom: 0px; border-radius: 0px; top: initial; padding-top:30px;}
#share ul{ height:80px; margin-bottom: 2vh;}
#share ul li{ float: left; width:20%; text-align:center;}
#share ul li i{ display:block; width:10vw; height:10vw; max-width:50px; max-height:50px; margin:0 auto; margin-bottom:10px;}
.share_wx i{ background:url(../images/share_wx.png) no-repeat center; background-size:100% 100%;}
.share_wx:hover i{ background:url(../images/share_wx_h.png) no-repeat center; background-size:100% 100%;}
.share_py i{ background:url(../images/share_py.png) no-repeat center; background-size:100% 100%;}
.share_py:hover i{ background:url(../images/share_py_h.png) no-repeat center; background-size:100% 100%;}
.share_qq i{ background:url(../images/share_qq.png) no-repeat center; background-size:100% 100%;}
.share_qq:hover i{ background:url(../images/share_qq_h.png) no-repeat center; background-size:100% 100%;}
.share_kj i{ background:url(../images/share_kj.png) no-repeat center; background-size:100% 100%;}
.share_kj:hover i{ background:url(../images/share_kj_h.png) no-repeat center; background-size:100% 100%;}
.share_wb i{ background:url(../images/share_wb.png) no-repeat center; background-size:100% 100%;}
.share_wb:hover i{ background:url(../images/share_wb_h.png) no-repeat center; background-size:100% 100%;}
#share ul li font{ color:#333; font-size:14px;}

#share .close{ width:100%; padding:0px; position: initial; display:block; text-align:center; background:#efefef; height:50px; line-height:50px; color:#14b4c4;}


/*新闻中心*/
.newcont{ margin-top:78px;}
.newcont table{ width:95%; margin:0 auto;}
.newcont tr{ padding: 10px 0px; display:block; border-bottom:1px solid #e1e6ec;}
.newcont tr:last-child{ border-bottom:none;}
.newcont th img{     width: 30vw;height: 20vw;display: block;max-width:150px; max-height:100px;}
.newcont td{ margin-left:3%;}
.newcont td h3{ height:50px; line-height:25px; color:#333; font-size:14px; overflow:hidden;}
.newcont td span{ color:#999; font-size:12px;}

/*文章*/
.newscont{ padding:10px;}
.newscont .act_tit{}
.newscont .act_tit h3{ font-size:1.1em; color:#333; font-weight:600;}
.newscont .act_tit span{ font-size:14px; color:#999; height:30px; line-height:30px; display:block;} 
.newscont img{ width:100%; margin:10px auto; display:block; }
.newscont p{ text-indent:2em; color:#333; line-height:30px; }

.news_bottom{ height:60px;  background:#fff; text-align:left; line-height:50px; position:fixed; bottom:0px; width:100%;max-width: 640px;min-width: 320px;}
.news_bottom a{border: 1px solid #dbdbdb;
    float: left;
    padding: 0px 5px;
    border-radius: 4px;
    width:100px;
    height: 40px;
    display: block;
    margin: 0 auto;
    color: #333;
    line-height: 40px;
    margin-left: 10%;     margin-top:10px;}
.news_bottom div{width: 300px; height: 40px; margin: 0 auto;}
.news_bottom a:hover, .news_bottom a.chose{ color:#ff5363;}
.news_bottom  i{ color:#999; margin:0px 10px; display:block; width:20px; height:20px; float:left; margin-top:10px;}
.zan{ background:url(../images/zan.png) no-repeat center; background-size:100% 100%; margin-left: 25px!important;}
.news_bottom a:hover .zan, .news_bottom a.chose .zan{ background:url(../images/zan_h.png) no-repeat center; background-size:100% 100%;}
.dislike{ background:url(../images/dis.png) no-repeat center; background-size:100% 100%;}
.news_bottom a:hover .dislike, .news_bottom a.chose .dislike{ background:url(../images/dis_h.png) no-repeat center; background-size:100% 100%;}

/*游戏详情*/
.gamede_name tr{ height:90px; }
.gamede_name th { padding:10px 0px; padding-left:3%; vertical-align:top;}
.gamede_name th img{ border-radius:15px;  width: 20vw; height: 20vw; max-width:100px; max-height:100px;}
.gamede_name th h3{ font-size:1.1em; width:100%; line-height:30px; color:#333;}
.gamede_name th h3 font{ font-size:14px; color:#999;}
.gamede_name th span{ color:#666; font-size:14px;}
.gamede_name th span font{ color:#14b9c8; margin-right:5px;}
.gamede_name  th p{ font-size:12px; color:#999; height:40px; line-height:20px; overflow:hidden; margin-top:5px} 
.gamede_name  th  i{ color:#666; padding:0px 5px;}
.gamede_name  td a{ float:right; color:#999; font-size:14px; margin-right:10%;}
.gamede_name  td .scicon{ display:block; background:url(../images/scicon.png) no-repeat center; background-size:100% 100%; width: 7vw;
    height: 7vw;
    padding: 0px;
    max-width: 35px;
    max-height: 35px; margin:0 auto; margin-bottom:5px;}
.gamede_name td .scicon.chose{ background:url(../images/scicon_h.png) no-repeat center; background-size:100% 100%;}


#lqcg, #sccg, #warnerror, #alter{margin-top: 0px; top:25%;}
/*图片滚动*/


.made{background:#FFF;width: 98%;margin: 0 auto;}

.madegame{width:100%;overflow:hidden;}

#ho{position:relative !important;}

#ho li{float:left;width:30vw; height:50vw;position:relative; max-width:210px; max-height:350px; overflow: hidden;}

#ho li img{ width:28vw; height:47vw;  max-width:205px; max-height:342px;}
.clearfix:after{visibility:hidden;display:block;content:" ";clear:both;height:0;line-height:0;}
.clearfix{zoom:1;}


.game_tit{ margin-bottom:10px;}
.game_tit h3{ font-size:14px; color:#333;}
.game_tit i{ display:block; width:6.5vw; height:6.5vw; max-width:25px; max-height:25px; float:left; margin-right:5px;}
.game_tit a{ float:right; color:#666;}
.gaicon_01{ background:url(../img/gde_01.png) no-repeat center; background-size:100% 100%;}
.gaicon_02{ background:url(../img/gde_02.png) no-repeat center; background-size:100% 100%;}
.gaicon_03{ background:url(../img/gde_03.png) no-repeat center; background-size:100% 100%;}
.gaicon_04{ background:url(../img/gde_04.png) no-repeat center; background-size:100% 100%;}
.gaicon_05{ background:url(../images/gde_05.png) no-repeat center!important; background-size:100% 100%!important;}
.gaicon_06{ background:url(../images/gde_06.png) no-repeat center!important; background-size:100% 100%!important;}
.hdlb{ width:100%;}
.hdlb  i{  display:block; width:6.5vw!important; height:6.5vw!important; max-width:25px; max-height:25px; margin:0 auto;}
.hdlb th{ vertical-align:top; padding-top:10px;}
.hdlb td{ padding-top:10px;}
.hdlb td p{ color:#999;    text-indent: 0em;}
.hdlb td a{ color:#14b4c2; border:1px solid #14b4c2; border-radius:4px; font-size:15px; padding:5px 14px; }
.hdlb td a:hover{ background:#14b4c2; color:#fff;}


/*登录提示*/
.warnlogin{ top:30%; text-align:center; padding-bottom:20px;}
.wa_img{ background:#e9f3fd; margin-bottom:20px;}
.warnlogin img{ width:100%;}
.warnlogin h3{ font-size:1.2em; color:#333; height:40px; line-height:40px;}
.warnlogin span{ color:#999; display:block; width:100%; line-height:30px;}
.warnlogin span font{ color:#14b4c2; margin:0px 10px;}
.warnlogin .andiv{ width:80%; margin:0 auto; margin-top:20px;}
.warnlogin .andiv a{ width:40%; border:1px solid #14b4c2; color:#14b4c2; display:block; height:40px; line-height:40px; border-radius:5px; float:left;}
 .warnlogin .andiv a.golo{ margin-left:10%; background:#14b4c2; color:#fff;}