/* ----- 全局初始样式*/
*html{background-image:url(about:blank);background-attachment:fixed;}
body,td,th{font-size:12px;font-family:"微软雅黑"}
a{ text-decoration:none}
h1,h2,h3,h4{font-size:12px; font-weight:normal}
*{padding:0;margin:0;border: 0;outline: 0;background: transparent;}
ul,li{list-style:none}
img{border:0}
em{font-style:normal}
/* ----- 初步框架样式*/
.fl{float:left}
.fr{float:right}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}

.ml20{margin-left:20px}

.img_{display:block;overflow:hidden}

.part_{width:1200px;}
.top ul,.part_,.add{margin:0 auto;overflow:hidden}

.line_{border-top:1px solid #ccc}
.line_ddd{border-top:1px dotted #ddd}
.line_eee{border-top:1px dotted #eee}


.take_more a
{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}

{-webkit-transition:all 0.5s ease-out;-khtml-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;}

{-moz-border-radius:3px;/* Gecko browsers */-webkit-border-radius:3px;/* Webkit browsers */border-radius:3px;/* W3C syntax */}

{-moz-border-radius:5px;/* Gecko browsers */-webkit-border-radius:5px;/* Webkit browsers */border-radius:5px;/* W3C syntax */}

.w420{width:420px;overflow:hidden}
.w400{width:400px;overflow:hidden}
.w460{width:460px;overflow:hidden}
.w720{width:720px;overflow:hidden}
.w780{width:780px;overflow:hidden}

/* top */
.top{overflow:hidden;background:#353535}
.top ul{line-height:36px;width:1200px}
.top h1{color:#ccc;float:left}
.top h1 a{color:#ccc;}
.top .fr a{color:#ccc;padding-left:10px;}
.top a:hover{color:#fff; text-decoration:underline}

/* rollNav */
.rollNav{border-bottom:8px solid #f8f8f8;position:fixed; left:0px; top:0px; z-index:1001;background:#fff;width:100%;display:none;}
.rollNav ul{width:1200px;height:65px;margin:0 auto;}
.rollNav ul .logo{display:block;float:left;height:40px;margin:10px 0;}
.rollNav ul .logo img{height:40px;}

.rollNav .nav{float:left;overflow:hidden;margin-left:40px;}
.rollNav .nav a{display:block;line-height:30px;float:left;margin:15px 0;font-size:18px;font-weight:bold;width:100px; text-align:center;color:#df392e}
.rollNav .nav a:hover{color:#333; text-decoration:underline}

.rollNav .search{width:280px;float:right;margin-top:13px;height:34px;border:1px solid #eee;position:relative;background:#fff;}
.rollNav .search .txt{width:200px;padding:5px 0 5px 10px;height:24px;line-height:24px;overflow:hidden;background:#fff;border:none;font-size:14px;font-family:"微软雅黑"}
.rollNav .search .btn{width:34px;height:34px;position:absolute;top:0px;right:0px;line-height:30px;background:url(../images/sear.jpg) center no-repeat;background-size:20px;color:#fff;cursor:pointer;border:none;text-indent:-99999px;}

/* header */
.header{border-bottom:8px solid #f8f8f8;}
.header ul{width:1200px;height:60px;margin:0 auto;}
.header ul .logo{display:block;float:left;height:40px;margin:10px 0;}
.header ul .logo img{height:40px;}

.header .nav{float:left;overflow:hidden;margin-left:40px;}
.header .nav a{display:block;line-height:30px;float:left;margin:15px 0;font-size:18px;font-weight:bold;width:100px; text-align:center;color:#df392e}
.header .nav a:hover{color:#333; text-decoration:underline}

.header .search{width:280px;float:right;margin-top:13px;height:34px;border:1px solid #eee;position:relative;background:#fff;}
.header .search .txt{width:200px;padding:5px 0 5px 10px;height:24px;line-height:24px;overflow:hidden;background:#fff;border:none;font-size:14px;font-family:"微软雅黑"}
.header .search .btn{width:34px;height:34px;position:absolute;top:0px;right:0px;line-height:30px;background:url(../images/sear.jpg) center no-repeat;background-size:20px;color:#fff;cursor:pointer;border:none;text-indent:-99999px;}

/* search-sort */
.search-sort {width:60px;line-height:24px;height:24px;float:left;margin-top:5px;border-right:1px solid #eee;}
.search-sort span{display:block; text-indent:0.8em;font-size:14px;height:30px;color:#666}
.search-sort em{ position:absolute;top:4px;left:45px;color:#333}
.search-sort-list{display:none; z-index:99999; position:relative;background:#fff;border:1px solid #eee;border-top:0px solid #fff;width:80px}
.search-sort-list a{display:block; text-indent:1em;height:30px;line-height:30px;font-size:14px;color:#666}
.search-sort-list a:hover{background:#ddd;cursor: pointer;}

/* game_nav */
.game_nav{padding:20px 0;line-height:20px;border-bottom:1px dotted #ccc}
.game_nav h3{font-size:14px;float:left;background:url(../images/top_g_nav.jpg) center no-repeat;color:#fff;width:40px; text-align:center;margin-right:10px;padding-right:10px;}
.game_nav li{overflow:hidden;padding:5px 0}
.game_nav li a{float:left;padding:0 10px;display:block;font-size:14px;color:#6e6e6e;background: url(../images/ic.jpg) right center no-repeat}
.game_nav li a:hover{color:#f66; text-decoration:underline}

/* list_a */
.list_a li{line-height:30px;height:30px;overflow:hidden;margin-bottom:4px;}
.list_a li a{font-size:16px;color:#444;}
.list_a li a:hover{color:#f66; text-decoration:underline}

.list_a li em{display:block;overflow:hidden;float:left;width:30px;height:30px;margin:0 5px;}

.list_a li em img{width:20px;height:20px;margin:5px;}
.list_a li em img{-moz-border-radius:10px;/* Gecko browsers */-webkit-border-radius:10px;/* Webkit browsers */border-radius:10px;/* W3C syntax */}

.list_a li:hover em img{width:30px;height:30px;margin:0;}
.list_a li:hover em img{-moz-border-radius:15px;/* Gecko browsers */-webkit-border-radius:15px;/* Webkit browsers */border-radius:15px;/* W3C syntax */}

.list_a li em img{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}

.list_a li i{font-size:12px;font-style:normal;color:#999;float:right;display:block;padding-right:10px;background:#fff}
.list_a li .t{float:right;display:block;height:18px;line-height:18px;border:1px solid #94c400;width:48px;font-size:14px; text-align:center;color:#94c400;margin-top:5px;background:#fff}
.list_a li .t:hover{color:#090}

/* ----- page */
.page{overflow:hidden;padding-top:30px;height:31px;margin-top:20px; text-align:center}
.page a{font-size:14px;padding:5px 12px;background:#f66;margin-right:5px;color:#fff;border:1px solid #f66}
.page a:hover,.page .tclass{background:#fff;color:#f66;font-weight:bold}
.page a{-webkit-transition:all 0.1s ease-out;-khtml-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;}

.t_{line-height:38px;height:38px;border-bottom:1px dotted #ccc;}
.t_ span{display:block;float:left;font-size:20px;color:#f55;border-bottom:1px dotted #f66;height:38px;margin-bottom:-1px;padding:0 10px 0 5px;}
.t_ em{float:left;margin-left:15px;color:#999;font-size:14px;background:url(../images/t_icon.jpg) center left no-repeat;padding-left:10px}

/* ----- logo_li */
.logo_li{background:#eee;padding:20px 0;}
.logo_li ul{margin:0 auto;width:1200px;}

.logo_li ul h3{float:left;width:120px;height:18px; text-align:center;padding:18px 0;background:#fff} 

.logo_li ul li{width:118px;height:50px;border-top:2px solid #fff;border-right:1px solid #fff;border-bottom:2px solid #fff;border-left:1px solid #fff;display:table-cell;vertical-align:middle;text-align:center; position:relative}
.logo_li ul li em img{max-height:30px;max-width:100px;opacity:0.5;filter:alpha(opacity=50);}
.logo_li ul li a{display:none}

.logo_li ul li:hover em{display:none}

.logo_li ul li:hover{background:#fff}
.logo_li ul li:hover a{display:block;}
.logo_li ul li:hover a img{max-height:30px;max-width:100px;}

.logo_li ul li,.logo_li ul li:hover a,.logo_li ul li:hover em{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}

.logo_li ul li p{display:none;position:absolute;right:-7px;bottom:0;z-index:999;border-top:5px solid #eee;border-right:5px solid #eee;border-left:5px solid #eee}
.logo_li ul li:hover p{display:block;bottom:48px;}
.logo_li ul li:hover p{-webkit-transition:all 1.5s ease-out;-khtml-transition:all 1.5s ease-out;-moz-transition:all 1.5s ease-out;}

/* ----- flink */
.flink{background:#343434;overflow:hidden}
.flink ul{overflow:hidden;width:1200px;margin:0 auto;line-height:30px;padding:25px 0;}
.flink ul h3{float:left;height:30px;padding-left:45px;background:url(../images/flink_.png) center left no-repeat;color:#fff;font-size:14px;font-weight:bold}
.flink ul li{overflow:hidden;float:right;width:1080px;}
.flink ul li a{font-size:14px;color:#ccc;float:left;padding:0 10px;}
.flink ul li a:hover{color:#eee; text-decoration:underline}

/* ----- footer */
.footer{overflow:hidden;border-top:5px #686868 solid;background:#222}
.footer ul{width:1200px;margin:0 auto;height:40px;padding:25px 0;}
.footer ul .logo{float:left;width:140px;height:40px;background:url(../images/s_logo.png) center no-repeat;margin-right:20px;background-size:auto 40px;width:125px;}
.footer ul p{line-height:20px;color:#888;}
.footer ul p a{color:#888;padding:0 5px;}
.footer ul p a:hover{color:#fff}



/* 返回顶部 */
#gotop{width:40px; height:40px; position:fixed; right:50px; cursor:pointer;z-index:9999}
#code{ width:40px; position:fixed; right:50px; cursor:pointer;z-index:9999}
#code{bottom:245px; }

#gotop{background:#eee url(../images/gotop.png) center no-repeat;bottom:200px;background-size:30px;} 
#gotop:hover{background:#c00 url(../images/gotop.png) center no-repeat;background-size:30px;}


#code li{background:#eee;width:40px;height:40px;margin-top:5px;position:relative;}
#code li em{width:40px;height:40px;display:table-cell;vertical-align:middle;text-align:center; }
#code li em img{max-height:30px;max-width:30px;opacity:0.5;filter:alpha(opacity=50);}
#code li a{display:none;}

#code li:hover em{display:none}

#code li:hover{background:#fff}
#code li:hover a{width:40px;height:40px;display:table-cell;vertical-align:middle;text-align:center;}
#code li:hover a img{max-height:30px;max-width:30px;}

#code li,#code li:hover a,#code li:hover em{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}

#code li p{display:none;position:absolute;top:0;z-index:999;right:60px;border:5px solid #eee;overflow:hidden;}
#code li:hover p{display:block;}
#code li:hover p{-webkit-transition:all 1.5s ease-out;-khtml-transition:all 1.5s ease-out;-moz-transition:all 1.5s ease-out;}


.add_1200{width:1200px; overflow:hidden;display:block}

.add_720{width:720px; overflow:hidden;display:block}

.add_780{width:780px; overflow:hidden;display:block}

.add_460{width:460px; overflow:hidden;display:block}

.add_400{width:400px; overflow:hidden;display:block}

.add_1200 img,.add_720 img,.add_780 img,.add_460 img,.add_460 img,{width:100%}


        .eval li{background: #fff;}
        .hover-border{display: inline-block;position: absolute;z-index: 100}

        .left-right-border{height: 0;}
        .left-border{ left: 0px;}
        .right-border{ right: 0px;bottom: 0px;}
        .left-right-top-bottom-border{width: 0;}
        .left-top-border{right: 50%;top: 0px;}
        .left-bottom-border{left: 0px;bottom: 0px;}
        .right-top-border{right: 0px;top: 0px;}
        .right-bottom-border{left: 50%;bottom: 0px;}



.take_more{ text-align:center}
.take_more a{display:block;line-height:30px;font-size:16px;color:#ccc;width:160px; margin:20px auto 0 auto;border:2px solid #eee}
.take_more a{-moz-border-radius:20px;/* Gecko browsers */-webkit-border-radius:20px;/* Webkit browsers */border-radius:20px;/* W3C syntax */}
.take_more a:hover{color:#f66;border:2px solid #f66}
.take_more a{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}






/*--------------------------------------------------------   右侧





/* 开测表 */
.test_{overflow:hidden;}

.te_{line-height:38px;overflow:hidden;background:#fcfcfc;border:1px solid #eee}
.te_ ul{overflow:hidden;text-align:center;}
.te_ p{float:right;overflow:hidden}
.te_ a{cursor:pointer;float:left;margin-right:10px;display:block;}
.te_ span{float:left;display:block;color:#555;font-size:18px;color:#f66;font-weight:bold;padding-left:15px;}

.te_on{overflow:hidden;}
.te_un{display:none;}

.te_ho{color:#c00}
.te_no{color:#888}

.te_on{border:1px solid #eee;margin-top:1px;background:#fcfcfc}
.te_on ul{margin:0 14px;padding:17px 0}
.te_on ul li{overflow:hidden;line-height:32px; position:relative}
.te_on ul li em{float:left;width:20%; position:absolute;background:url(../images/test_icon.png) right no-repeat;color:#666;font-size:14px; text-align:center;}
.te_on ul li p{float:right;overflow:hidden;width:80%;border-left:1px solid #fcc;padding-left:5px; text-indent:16px}
.te_on ul li p a{display:block;color:#666;position:relative;font-size:14px;height:32px;overflow:hidden}
.te_on ul li p a span{display:block;background:#fcfcfc;position:absolute;z-index:100;top:0;right:0;font-size:12px;color:#f66}
.te_on ul li p a:hover{ text-decoration:underline;color:#f66}

/* 鉴定室 */
.eval{overflow:hidden}
.eval li{overflow:hidden;margin-top:20px;position:relative;height:90px;}
.eval li .img_{float:left;width:160px;height:90px;overflow:hidden;margin-right:10px;}
.eval li .img_ img{width:160px;height:90px;}

.eval li .fr_{width:290px;position:absolute;right:0;left:170px}
.eval li .seal{ position:absolute;right:5px;bottom:5px;wdith:55px;height:55px;z-index:25;display:block}
.eval li .seal img{width:55px; height:55px;}

.eval li .fr_ h3{font-size:16px;font-weight:bold;line-height:24px;height:48px;margin-right:52px;position:relative;overflow:hidden}
.eval li .fr_ h3 a{color:#666}

.eval li .fr_ .ske{line-height:20px;color:#aaa;display:none;position:relative;margin-top:3px;}

.eval li .fr_ .info{display:block;overflow:hidden;line-height:20px;height:22px;padding-top:10px;position:relative;}
.eval li .fr_ .info a{float:left;height:20px;border:1px solid #f66;padding:0 15px;color:#f66;margin-right:10px}
.eval li .fr_ .info a{-moz-border-radius:10px;/* Gecko browsers */-webkit-border-radius:10px;/* Webkit browsers */border-radius:10px;/* W3C syntax */}
.eval li .fr_ .info a:hover{background:#f66;color:#fff}

.eval li:hover .fr_ h3{margin:10px 70px 0 15px;font-size:16px;font-weight:bold;line-height:28px;height:28px;overflow:hidden}
.eval li:hover .img_{width:100%;position:absolute;height:90px;opacity:0.1;filter:alpha(opacity=10);margin-right:0;}
.eval li:hover .img_ img{width:460px;}

.eval li:hover .fr_{width:460px;position:absolute;right:0;left:0}

.eval li:hover .fr_ .info{display:none}
.eval li:hover .fr_ .ske{display:block;padding:0 15px;position:relative; z-index:11}

.eval li .img_ img{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}
.eval li .fr_,.eval li:hover .fr_{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}


/* 福利 */
.wel_{line-height:38px;height:38px;border-bottom:1px dotted #ccc;}
.wel_ p{float:right;overflow:hidden}
.wel_ a{cursor:pointer;float:left;margin-right:10px;display:block;}
.wel_ span{display:block;float:left;font-size:20px;color:#f55;border-bottom:1px dotted #f66;height:38px;margin-bottom:-1px;padding:0 10px 0 5px;}

.t_ em{float:left;margin-left:15px;color:#999;font-size:14px;background:url(../images/t_icon.jpg) center left no-repeat;padding-left:10px}


.wel_on{overflow:hidden;}
.wel_un{display:none;}

.wel_ho{color:#c00}
.wel_no{color:#888}

/* 资讯 */
.news{overflow:hidden;}
.news li{line-height:32px;height:32px;overflow:hidden}
.news .c{padding:0 10px 0 5px;float:left;color:#f66;font-size:14px}
.news a{color:#555;font-size:14px;overflow:hidden}
.news a:hover{ text-decoration:underline;color:#e62d2d}

/*电竞*/
.esports{overflow:hidden;padding-bottom:10px}
.esports dd{height:70px;overflow:hidden;padding:20px 0 10px 0}
.esports dd .img_{float:left;width:120px;height:70px;border-right:10px solid #fff}
.esports dd .img_ img{width:120px;height:70px;}
.esports dd h4{font-size:18px;font-weight:bold;line-height:30px;height:30px;color:#444}
.esports dd .t{line-height:40px;height:40px;background:#eee;display:block; text-indent:1em;font-size:14px;color:#444;overflow:hidden}
.esports dd:hover .t{background:#c00;color:#fff}
.esports dd .t{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}

.esports li{background:url(../images/esports.jpg) left center no-repeat}
.esports li a{line-height:30px;padding-left:10px;font-size:14px;color:#444;}
.esports li a:hover{color:#f66; text-decoration:underline}

/*科技*/
.sat{overflow:hidden;padding-bottom:10px}
.sat li{height:70px;overflow:hidden;margin-top:10px;}
.sat li .img_{float:left;width:120px;height:70px;border-right:1px solid #fff; position:relative;}
.sat li .img_ img{width:120px;height:70px;}
.sat li .img_ em{ position:absolute;display:block;width:40px;line-height:20px;height:20px;left:0;top:0;background:#c00; text-align:center;color:#fff}

.sat li{background:#eee;border-right:5px #eee solid;}
.sat li h4{padding:11px 10px;font-size:16px;line-height:24px;height:60px;overflow:hidden}
.sat li h4 a{color:#444}
.sat li p{padding:0 10px;line-height:20px;height:20px;font-size:12px;color:#888;overflow:hidden}

.sat li:hover{background:#c00;}
.sat li:hover h4{padding:11px 5px 11px 10px;font-size:16px;line-height:24px;overflow:hidden}
.sat li:hover a{color:#fff}
.sat li:hover p{padding:0 5px 0 10px;color:#ccc;}

.sat li:hover{-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;}