/*通用全局设定*/
body,input,button,select,textarea,table{font:12px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体";}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
fieldset,img {border:0;}
table{border-collapse:collapse;border-spacing:0;}
ol,ul{list-style:none;}
input,button,select,textarea{outline:none;}
textarea{resize:none;}
a:link, a:visited,a:hover, a:active {text-decoration: none;color: #535353}
/*重设 HTML5 标签*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
audio,canvas,video {display:inline-block;*display:inline;*zoom:1;}
/*==公用样式==*/
.clear:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
.clear{zoom:1;}
.fr{float: right;}
.fl{float: left;}
.hidden{display: none!important;}
.none{display: none;}
a:hover{color:#47aaff}

body{background: #fff;color: #474747}
.top{width: 100%;height: 70px;background: #242424;line-height: 70px;font-size: 16px;font-weight: bold;}
.top .fr a{color: #a0a0a0;display: inline-block;padding: 0 20px;}
.top .logo{float: left;}
.top a:hover{color:#47aaff}
.banner{width: 100%;height: 550px;position: relative;}
.banner .bannermask{width: 100%;height: 100%;background:rgba(0,0,0,0.87);background:#000\9;z-index: 100;position: absolute;left: 0;top: 0;display: none;}
.banner .bannermask .pop{width:703px;height: 432px;margin: 59px auto 0;background: #000;position: relative;}
.banner .bannermask .pop .close{width: 63px;height: 63px;background: url(/top../img/close.gif);display: block;position: absolute;top: 0;right:-63px;}
.banner .bannermask .pop .close:hover{background: url(/top../img/closeh.gif);}

.banner .heng{width:100%;height: 2px;background: #fff;z-index: 99;left: 0;top: 50%;position: absolute;}
.banner .shu1{width:2px;height:100%;background: #fff;z-index: 99;left:33.33%;top:0;position: absolute;}
.banner .shu2{width:2px;height:100%;background: #fff;z-index: 99;right:33.33%;top:0;position: absolute;}

.banner .box{width:33.33%;float: left;height: 50%;display: block;text-align:center;position:relative;}
.banner .box span{height: 48px;background: rgba(0,0,0,0.7);background:#000\9;line-height: 48px;text-align: center;font-size: 15px;color: #fff;display: inline-block;padding: 0 20px;margin-top: 227px;}
.banner .box .v{width:54px;height: 54px;position: absolute;left: 50%;top: 50%;background: url(/top../img/v.png);margin: -27px 0 0 -27px;}
.banner .box:hover .v{transition:all 1s;transform: rotate(360deg);}
.banner a.box:hover span{color:#47aaff}

/*---- nav ----*/
.midnav_wrap{ width:1000px; height:66px; line-height:66px; margin: 0 auto;}
.midnav{ float: left;}
.midnav_wrap a{ font-size: 16px; font-weight: bold; color: #282828; padding-right: 26px;}
.midnav_wrap a:hover{ color: #47aaff;}
.midnav_wrap a.gift_btn{ display: block; width:122px; height:40px;text-align: center;color: #fff;margin-top: 12px;background: #ff4444;line-height: 40px;padding: 0}
.midnav_wrap a.gift_btn:hover{ background-color:#ff4040; color: #fff;}


/*---- slide ----*/
.huandeng{width: 100%;height:288px;background: #f2f2f2;overflow: hidden;}
.slide{ width:1000px; margin: 0 auto;margin-top: 45px;}
.slide_wrap{ width: 100%; position: relative;}
.slide_wrap a.handle{ width:48px; height:48px; background:url(/top../img/slide.png); position:absolute; top:77px; z-index:99; cursor:pointer;}
.slide_wrap a.lefthandle{ left:-70px; background-position: 0 0;}
.slide_wrap a.lefthandle:hover{ background-position: 0 -48px;}
.slide_wrap a.righthandle{ right:-70px; background-position:-48px 0;}
.slide_wrap a.righthandle:hover{ background-position:-48px -48px;}
.slide_box{ width:100%; height:200px; margin: 0 auto; overflow:hidden; position: relative;}
.slide_box ul{ width:9999px;}
.slide_box ul li{ width:207px; height:200px; float: left; overflow: hidden;}
.slide_box ul li a{ display: block; width:170px; height: 100%; margin-right: 22px; position: relative;}
.slide_box ul li a:hover p{color: #47aaff}
.slide_box ul li a img{ display: block; width:170px; height:100%;}
.slide_box ul li a i{ display: block; width: 76px; height: 76px; background: url(/n/973/homepage/mask.png) no-repeat; _background: url(/n/973/homepage/maskie6.gif) no-repeat; position: absolute; left: 0; top: 0;}
.slide_box ul li a p{ width:170px; font-size: 14px; line-height: 42px; text-align: center; color: #474747; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;position: absolute;background: rgba(0,0,0,0.7);left: 0;bottom: 0;color: #fff;font-size: 15px;}
.hasgg{ width: 1000px; margin: 0 auto; padding: 35px 0 19px 0;}

/*搜索框*/
.mysearch{height: 56px;width:560px;margin:44px auto 0;position: relative;border:3px solid #e8e8e8;z-index: 999}
.mysearch:hover .sousuo{opacity: 1}
.mysearch .sousuo{width:86px;height: 62px;background: url(/top../img/sc.png);position: absolute;top: -3px;right: -3px;cursor: pointer;opacity: 0.95}
.mysearch .sousuo .pop{position: absolute;width: 268px;height: 54px;left: -268px;border:3px solid #e8e8e8;border-right: 0;background: #fff;}
.mysearch #whrite{ width:4px; height:56px;  background:#fff;  position:absolute; left:71px;top:0;z-index: 100;}
.mysearch input{ width:392px;height:56px; line-height:54px;border:0;color:#474747; font-size:14px; text-indent:5px;margin-left:70px;}
.mysearch ul{width:71px;height:56px; overflow:hidden;background:url(/sinaimg/gm/cgwr/cgwr2013/images/webelement.jpg) 2px -333px no-repeat;
 background-color:#FFF;position: absolute;left:-3px}
.mysearch ul li{width:71px; margin:0 auto;height:34px; line-height:34px; font-size:14px; text-indent:14px; cursor:pointer; z-index:99;
    border-left:3px solid #e8e8e8;border-right:3px solid #e8e8e8;background: #fff;color: #898989}
.mysearch ul li:hover{background:#d8efff;}
.mysearch ul:hover{background-position:2px -382px;}
/*内容部分*/
.content{width:1000px;margin: 0 auto;padding:44px 0 80px;position: relative;}
.left{width:220px;background: #f7f7f7;position: absolute;left: 0;top:44px;}
.left .title{width:100%;height:68px;background: #d5ecff;overflow: hidden;position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.left .title .tt{width: 166px;height:62px;margin:3px;line-height:62px;font-size:18px;background:url(/top../img/ico.jpg) no-repeat #fff;color:#47aaff;font-weight:bold;text-indent: 54px;}
.left .title .ios{background-position: 0 -62px;}
.left .title .android{background-position: 0 -124px;}
.left .title .dianwan{background:url(/top../img/dianwan.png) no-repeat #fff 24px 20px;}

.left .title .h{width:20px; height:4px; background: #47aaff;position: absolute;right: 16px;top: 32px;}
.left .title .s{width:4px; height:20px; background: #47aaff;position: absolute;right: 24px;top: 24px;}
.left ul li{width: 100%;height: 64px;line-height: 65px;font-weight: bold;font-size: 16px;color: #474747;position: relative;cursor: pointer;}
.left ul li:hover{background: url(/top../img/hover.jpg);color: #fff}
.left ul li.hover{background: url(/top../img/hover.jpg);color: #fff}
.left ul li span{display: inline-block;width: 160px;border-bottom: 1px solid #e4e4e4;margin-left: 30px;}
.left ul li:last-child span{border: none}
.left  a{display: inline-block;width: 160px;border-bottom: 1px solid #e4e4e4;color:#47aaff;cursor:pointer;margin-left: 39px;margin-top: 10px;height: 34px;font-weight: bold;font-size: 15px;border: none}
.left  a:hover{color:#223de2}
.right{float: right;font-size: 14px;width:740px;}
.right .box{height:260px;position:relative;margin-bottom: 50px;}
.right .box .score{position: absolute;top: 0;right: 0;}
.right .box .text{position: absolute;top: 0;right: 0;width: 84px;height: 84px;text-align: center;line-height: 84px;font-size: 22px;color: #939393}
.right .box .per{font-weight: bold;position: absolute;top: 94px;width: 84px;text-align: center;right: 0;color: #939393}
.right .box .text:first-letter{font-size:34px;}
.right .box .num{width: 66px;height: 66px;background: #f2f2f2;font-size: 32px;font-weight: bold;color: #47aaff;text-align: center;line-height: 66px;position: absolute;left: 0;top: 0}
.right .box .num1{background: #fd5253;color: #fff}
.right .box .num2{background: #ff7b41;color: #fff}
.right .box .num3{background: #ffad2b;color: #fff}
.right .box .con{margin-left:70px;width:670px;line-height:1.5;padding-bottom: 50px;border-bottom: 1px solid #ebebeb}
.right .box .con .pic{width: 188px;height: 212px;float: left;margin-right: 30px;}
.right .box .con h2{line-height: 1;font-size: 18px;padding:5px 0 25px;}
.right .box .con h2 a{color: #474747}
.right .box .con p{margin-bottom: 16px}
.right .box .con p span{width: 175px;display: inline-block;overflow: hidden;}
.right .box .con .ka{display: inline-block;width:70px;height: 30px;border:2px solid #9eedd4;text-align: center;line-height: 30px;color:#0ac17e;font-weight: bold;}
.right .box .con .ka:hover{color: #fff;background:#00cf8d;border-color: #00cf8d}
.right .box .con .down{display: inline-block;width:70px;height: 30px;border:2px solid #dcdcdc;text-align: center;line-height: 30px;color:#585858;font-weight: bold;margin-right:20px;position: relative;}
.right .box .con .down .pop{width:150px;height:191px;background: url(/top../img/weixin.png);position: absolute;bottom:35px;left: 50%;margin-left: -75px;display: none}
.right .box .con .down .pop img{width:128px;height: 128px;display: block;margin: 11px 11px 8px;}
.right .box .con .down:hover{color: #fff;background:#585858;border-color: #585858}
.right .box .con .down:hover .pop{color:#585858}
.right .box .con .vote{width: 51px;height: 34px;display: inline-block;text-align: center;line-height: 34px;color: #fff;font-weight:bold;background: #fd5253;margin-right: 1px;cursor: pointer;}
.right .box .con .v1{background:#00cf8d}
.right .box .con .v2{background:#47aaff}
.right .box .con .v3{background:#8b8b8b}
.right .box .con .guandian{height: 38px;background:#f2f2f2;margin-left: 218px;margin-top: 25px;}
.right .box .con .guandian .gd{display: inline-block;width: 90px;height: 34px;border:2px solid #ebebeb;text-align: center;line-height: 34px;color:#585858;font-weight: bold;background: #fff;margin-right: 20px;}
.right .box .con .guandian i{font-style: normal;color:#a6a6a6;}
.right .box .con .guandian b{padding: 0 5px;color:#a6a6a6;}
/*手游*/
.right .shou .num{background:url(/top../img/list.png) 0 -198px;top: 0;left: -28px;}
.right .box .num1{color: #fff;background-position: 0 0}
.right .box .num2{color: #fff;background-position: 0 -66px}
.right .box .num3{color: #fff;background-position: 0 -132px}
.right .shou .con .pic{width: 164px;height: 164px;border-radius:30px;}
.right .shou .con p span{width:100px;}
.right .shou .con p{margin-bottom: 8px;}
.right .shou .con .guandian{margin-left: 193px;margin-top: 15px;}
.right .shou .con h2{padding-bottom: 20px;}
.right .shou{margin-bottom: 0}
/*电玩排行榜*/
.right .dbox{position:relative;margin-bottom: 50px;}
.right .dbox .score{position: absolute;top: 23px;right: 0;}
.right .dbox .text{position: absolute;top: 23px;right: 0;width: 84px;height: 84px;text-align: center;line-height: 84px;font-size: 22px;color: #939393}
.right .dbox .per{font-weight: bold;position: absolute;top: 117px;width: 84px;text-align: center;right: 0;color: #939393}
.right .dbox .text:first-letter{font-size:34px;}
.right .dbox .num{width: 54px;height: 54px;background: #f2f2f2;font-size: 32px;font-weight: bold;color: #47aaff;text-align: center;line-height: 54px;
    position: absolute;left: 0;top: 0}
.right .dbox .num1{background: #fd5253;color: #fff}
.right .dbox .num2{background: #ff7b41;color: #fff}
.right .dbox .num3{background: #ffad2b;color: #fff}
.right .dbox .con{margin-left:60px;width:670px;line-height:1.5;padding-bottom: 50px;border-bottom: 1px solid #ebebeb}
.right .dbox .con .pic{width: 100px;height:140px;float: left;margin-right: 30px;}
.right .dbox .con h2{line-height: 1;font-size: 18px;padding:5px 0 25px;}
.right .dbox .con h2 a{color: #474747}
.right .dbox .con p{margin-bottom: 16px}
.right .dbox .con p span{width: 200px;display: inline-block;overflow: hidden;}
.right .dbox .con .summery{width:429px;overflow: hidden;text-overflow: ellipsis;height: 20px;white-space:nowrap;}


.cmore{width: 188px;height: 50px;font-size: 16px;display:block;line-height: 50px;margin: 0 auto;background: #f2f2f2;text-align: center;position: relative;left: 30px;}
/*专题区*/
.zhuanti{background: #252525;overflow: hidden;font-size: 14px;}
.zhuanti .box{width:1000px;height: 400px;margin:45px auto}
.zhuanti .box b{font-size: 16px;color: #c5c5c5;padding-bottom: 22px;line-height: 1;display: block;text-indent:1px;}

.bobox{width:180px;float:left;margin:0 54px 0 0;color:#999999;height:354px;}
.bobox img.big{width:100%;}
.bobox .wp{background:#323232;height: 352px}
.bobox .duckgray{color: #c5c5c5}
.bobox .text{padding:10px;}
.bobox p{margin:10px 0;line-height: 20px;}
.bobox .pset{color:#c2c2c2;height:14px;line-height:14px;}

.zhuanti .box2{width:342px;float: left;margin-right: 30px;}
.zhuanti .box2 a{width: 100px;height: 160px;display: block;float: left;margin:0 14px 30px 0;background: #fff}
.zhuanti .box2 a img{width: 90px;height: 150px;margin: 5px;}

.zhuanti .box3{float: left;width: 160px;}
.zhuanti .box3 a{width:140px;height: 160px;display: block;background:#fff;float: left;margin:0 0 30px 14px;position: relative;}
.zhuanti .box3 a img{width:140px;height: 163px;}
.zhuanti .box3 a span{display: block;text-align: center;width: 100%;height: 36px;background: rgba(0,0,0,0.6);color: #c5c5c5;position:absolute;bottom: 0;line-height: 36px;}

.rfudong{position:absolute;right:10px;z-index: 99999;border-top: 1px solid rgba(0,0,0,0.13)}
.rtop{top: 733px;}
.fixed{position: fixed;bottom:50px;right:10px;z-index: 99999;}


.rfudong a{margin: 0!important;padding: 0!important;float: none!important}
.rfudong .s1{width:86px;height: 85px;display: block;background: url(/top../img/right.png);}
.rfudong .s1:hover{background-position: -86px 0;opacity: 1!important}
.rfudong .s2{width:86px;height: 84px;display: block;background: url(/top../img/right.png) 0 -85px;}
.rfudong .s2:hover{background-position:-86px -85px;opacity: 1!important}
.rfudong .s3{width:86px;height: 86px;display: block;background: url(/top../img/right.png) 0 -169px;}
.rfudong .s3:hover{background-position: -86px -169px;opacity: 1!important}

/*tipsy*/
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }

/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }

.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }



/*pop*/
.hide_btn {display: block;float: right;margin-left:50px;width:50px;height:50px;
    background:url(/i3/gm/ol/wow/2015/10y/close.jpg) 0 0 no-repeat; overflow: hidden;
    text-indent: -9999px; position:absolute; right:-60px; top:-10px;
}

.player {width:351px; height:201px; margin-bottom:15px;}
.player a {display:block; width:100%; height:100%; text-indent:-9999px; overflow:hidden;}
#player {width:820px; height:464px; border:2px solid #ff3d00; background:#000; float:left;}
.video_box{display:none; border:10px solid #992313; background:#000; margin:0 auto; position:relative;  width:820px; height: 470px;z-index: 9999}
#player_box{ top:50%; left:50%!important;position: fixed;width:820px;height:470px;margin: -235px 0 0 -410px;}
/*动画*/
.fudong{-webkit-animation:fudong 6s ease-in-out infinite;}
.maichong{-webkit-animation:maichaong 1s infinite;}
.shakeslow{-webkit-animation:shakeslow 2s infinite;}

@-webkit-keyframes fudong {
    from {
        -webkit-transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(-10px);
    }

    to {
        -webkit-transform: translateY(0px;)
    }
}

@-webkit-keyframes shakeslow {
    from {
        -webkit-transform: translateX(0px);
    }

    50% {
        -webkit-transform: translateX(5px);
    }

    to {
        -webkit-transform: translateX(0px;)
    }
}
@-webkit-keyframes maichaong {
    from {
         transform :scale(0.8);
    }

    20% {
        transform :scale(1.2);opacity: 0.6
    }

    40% {
        transform :scale(1.6);opacity: 0.3
    }

    to {
        transform :scale(0.8);
    }
}

@media screen and (min-width: 1450px){
    .midnav_wrap{width: 1200px;}
    .slide{width: 1200px;}
    .content {width: 1200px;}
    .right .box{width: 918px;}
    .right .box .con{width: 849px;}
    .hidden{display: inline-block!important;}
    .zhuanti .box{width: 1200px;}
    .zhuanti .box3{width: 320px;}
    .bobox{width: 200px;}
    .right{width: 918px;}
    .right .shou .con .down{margin-right:40px;}
    .right .dbox .con p span{width:175px;}
    .right .dbox .con .summery{width: 530px;}
    .mysearch{width: 640px;}
    .mysearch input{width: 460px;}
    .right .box .con .ka{width: 90px;}
    .right .box .con .down{width: 90px;}
}