.artical-list-menu{clear: both;height: 36px;border-bottom: 1px solid #d8d8d8;}
.artical-list-menu > div{height: 30px;padding-top: 6px;}
/*.artical-list-menu > div ul li{height: 28px;display: block;border-bottom: 2px solid #fff;width: 12.5%;float: left;}*/
.artical-list-menu > div ul li{height: 28px;display: block;border-bottom: 2px solid #fff;width: 12%;float: left;margin-left:5px;}
.artical-list-menu > div ul li:last-child{margin-left:0px;}
.artical-list-menu > div ul li a{height: 28px;display:block;line-height: 28px;text-align: center; font-size: 16px;color: #0C0C0C;}
.artical-list-menu > div ul li:hover{border-bottom: 2px solid #000;}
.artical-list-menu > div ul li.cur{border-bottom: 2px solid #000;}

.artical-list{padding-left: 20px;}
.artical-list .sort{height: 30px;text-align: right;position: relative;}
.artical-list .sort div{position: absolute;left: 0px;height: 30px;text-align: left;font-size: 14px;padding-left: 20px;}
.artical-list .sort span{padding-left: 15px;}
.artical-list .sort span a{font-size: 14px;color: #797979;}
.artical-list .sort span:hover a{font-size: 14px;color: #000;}
.artical-list .sort span.cur a{font-size: 14px;color: #000;text-decoration: underline;}
.artical-list .artical-title{margin-bottom:10px; }
.artical-list .artical-title>img{width: 38px;height:auto;position: relative;bottom:2px;}
.artical-list .artical-title .number{color:#f17b7b}
.artical-list .artical-title .title{font-weight: bold;font-size: 20px;padding-right:20px;padding-left:5px;}
.artical-list .artical-title>a{float:right;}
.artical-list .list{overflow: hidden;}
.artical-list .list > ul li{width: 30%;float: left;}
.artical-list .list > ul li.spacing{width: 5%;float: left;min-height: 24px;}
.artical-list .list > ul li > div{padding-bottom: 20px;}
.artical-list .list > ul li > div .cover{/*overflow: hidden;*/position: relative;}
.artical-list .list > ul li > div .cover img{position:relative;width: 100%;display: block;border-radius: 10px;}
.artical-list .list > ul li > div .cover .img_flag{ position:absolute;width: 28px;height:28px;
    right:0px;bottom:0;}
.artical-list .list > ul li > div .cover .img_flag.java{background: url("/res/platform/images/java-badge.png")no-repeat center;background-size:28px 28px;}
.artical-list .list > ul li > div .cover .img_flag.flash{background: url("/res/platform/images/flash-badge.png")no-repeat center;background-size:28px 28px;}
.artical-list .list > ul li > div .cover .img_flag.html5{background: url("/res/platform/images/html5-badge.png")no-repeat center;background-size:28px 28px;}
.artical-list .list > ul li > div .cover span{position: absolute;}
.artical-list .list > ul li > div .cover span.video{position: absolute;width: 100%;height: 100%;line-height: 100%; top:0px;left: 0px;text-align: center;font-size: 60px;color: #fff;}
.artical-list .list > ul li > div .cover span.time{display: inline-block;line-height: 16px;font-size: 12px;background:url("../images/002.png");padding: 0px 4px; color: #fff;right: 5px;bottom: 5px;}
.artical-list .list > ul li > div .title{ height: 30px;line-height: 30px;position: relative;/*overflow: hidden; */padding-top: 10px;margin-bottom:15px;}
.artical-list .list > ul li > div .title a{display: inline-block; font-size: 16px;line-height:20px;text-decoration: underline;width: 85%;height:40px;overflow:hidden;text-overflow:ellipsis }
.artical-list .list > ul li > div .title a:hover{ text-decoration: underline; }
.artical-list .list > ul li > div .title i{display: block;width: 4px;height: 20px;position: absolute;right: 0px;bottom:5px;background-color: #cacaca;}
.artical-list .list > ul li > div .title i.i01{right: 24px;height: 4px;}
.artical-list .list > ul li > div .title i.i02{right: 18px;height: 8px;}
.artical-list .list > ul li > div .title i.i03{right: 12px;height: 12px;}
.artical-list .list > ul li > div .title i.i04{right: 6px;height: 16px;}
.artical-list .list > ul li > div .title i.i05{}
.artical-list .list > ul li > div .title i.cur{background-color: #3b99fc;}
.artical-list .list > ul li > div .subtitle{ font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;}
.artical-list .list > ul li > div .subtitle a{ color: #505050;}
.artical-list .list > ul li > div  .subtitle a:hover{ text-decoration: underline; }
.artical-list .list > ul li > div .other{/*height: 90px;*/padding-top: 20px;}
.artical-list .list > ul li > div .other > div{height: 24px;padding: 3px 0px;position: relative;padding-left: 15px;overflow:hidden;}
.artical-list .list > ul li > div .other > div i{display: inline-block;height: 10px;width: 10px;position: absolute;left: 0px;top:10px;background-color: #f5b145;border-radius: 100%;}
.artical-list .list > ul li > div .other > div a{font-size: 14px;line-height: 24px;}
.artical-list .list > ul li > div .other > div > span{display: inline-block;height: 24px;position: absolute;right: 0px;top:3px;background-color: #fff;}
.artical-list .list > ul li > div .other > div > span span{display: inline-block;padding:0px 6px;height: 24px;line-height: 24px;background-color: #0a6cd6;border-radius: 4px;color: #fff;margin-left: 5px;}
.artical-list .list > ul li > div .other > div > span span a{color: #fff;}
.artical-list .list > ul li > div .other > div > span span.t{background-color: #7acf45;}
.artical-list .list > ul li > div .other > div > span span.c{background-color: #f0ae4e;}
.artical-list .list > ul li > div .other > div > span span.f{background-color: #3b99fc;}



.artical-list .list .tag{padding-top: 5px;height: 58px;}
.artical-list .list .tag span{display: inline-block;padding:0px 6px;margin-top: 5px; height: 24px;line-height: 24px;background-color: #0a6cd6;border-radius: 4px;color: #fff;margin-right: 10px;}
.artical-list .list .tag span a{color: #fff;}
.artical-list .list  .tag span.t{background-color: #7acf45;}
.artical-list .list  .tag span.c{background-color: #f0ae4e;}
.artical-list .list  .tag span.f{background-color: #3b99fc;}
.artical-list .paging{clear: both;height: 55px;text-align: center;}

.no-data{text-align: center;padding: 0px 30px;}
.no-data img{width: 80%;}

.layui-laypage .layui-laypage-curr .layui-laypage-em{background-color: #000;}

/*crumbs*/
.crumbs{height: 30px;}
.crumbs span{line-height: 30px;font-size: 14px;padding-right: 6px;color: #656565;}

/*artical-info-head*/
.artical-info-head{height: 460px;}
.artical-info-head > .video-left{width: 70%;float: left;height: 460px;background-color: #000;}
.artical-info-head > .video-left .vidoe-box{width: 100%;height: 460px;}
.artical-info-head > .video-right{width: 30%;float: left;height: 460px;}
.artical-info-head > .right > div{padding-left: 20px;}
.artical-info-head > .right > div{padding-left: 20px;}
.artical-info-head > .right > div .title{line-height: 30px;font-size: 22px;font-weight: bold;height: 30px;overflow: hidden;}
.artical-info-head > .right > div .subtitle{line-height: 28px;font-size: 18px;padding-top: 10px;}
.artical-info-head > .right > div .abstract{line-height: 18px;font-size: 14px;padding-top: 10px;}
.artical-info-head > .right > div .attr{height: 20px;padding: 10px 0px;border-bottom: 1px solid #a6a6a6;font-size: 14px;padding-top: 20px;}
.artical-info-head > .right > div .attr span{line-height: 20px;display: inline-block;}
.artical-info-head > .right > div .attr span.space{padding:0px 10px;}
.artical-info-head > .right > div .attr span.item{padding-left: 22px;position: relative;cursor: pointer;}
.artical-info-head > .right > div .attr span.item i{position: absolute;left: 0px;top:0px;}
.artical-info-head > .right > div .attr span.cur i{color: red;}
.artical-info-head > .right > div .tags{font-size: 14px;}
.artical-info-head > .right > div .tags .item{padding-top: 15px;}
.artical-info-head > .right > div .tags .item > span{font-weight: bold;line-height: 20px;}
.artical-info-head > .right > div .tags .item > div{}
.artical-info-head > .right > div .tags .item > div span{ display: inline-block;line-height: 20px;padding-right: 10px;text-decoration: underline}
.artical-info-head > .right > div .tags .competition span span{display: inline-block;line-height: 20px;padding-right: 10px;text-decoration: underline;color: #333;}
.artical-info-head > .right > div .download{}
.artical-info-head > .right > div .download > div{padding-top: 10px;}
.artical-info-head > .right > div .download > div span{display: inline-block;height: 32px;line-height: 32px;padding: 0px 20px;background-color: #5672c5;color: #fff;border-radius: 32px;cursor: pointer;font-size: 14px;}
.artical-info-head > .right > div .download > div span i{padding-left: 10px;}
.artical-info-head > .right > div .download > div span a{color: #fff;}

.artical-info-head > .imgs-left{width: 600px;float: left;height: 500px;}
.artical-info-head > .imgs-right{width: 50%;float: right;/*height: 500px;*/}

.artical-info-head > .html5-left{width: 70%;float: left;height: 500px;}
.artical-info-head > .html5-right{width: 30%;float: right;height: 500px;}
.artical-info-head > .html5-left .html5-box{}
.artical-info-head > .html5-left .html5-box iframe{border: 0px;width: 100%;height: 500px;}

.artical-info-head > .swf-left{width: 697px;float: left;height: 500px;}
.artical-info-head > .swf-right{width: 40%;float: right;height: 500px;}

.artical-info-head > .jar-left{width: 70%;float: left;height: 500px;}
.artical-info-head > .jar-right{width: 30%;float: right;height: 500px;}

.artical-info-head > .img-left{width: 70%;float: left;height: 500px;}
.artical-info-head > .img-left table{width: 100%;}
.artical-info-head > .img-left table tr td{width: 100%;height: 500px;text-align: center;vertical-align: middle;}
.artical-info-head > .img-left table tr td img{max-width: 100%;max-height: 500px;}
.artical-info-head > .img-right{width: 30%;float: right;height: 500px;}

.artical-info-tab{padding-top: 30px;clear: both;}
/*.artical-info-tab > div{height: 40px;!*border:1px solid #979797;*!border-radius: 4px;}*/
/*.artical-info-tab > div span{height: 40px;display: inline-block;padding: 0px 30px;line-height: 40px;cursor: pointer;}*/
/*.artical-info-tab > div span:hover{background-color: #eee;}
.artical-info-tab > div span.cur{background-color: #f5a623;color: #fff;font-weight: bold;}*/

.artical-info-content{overflow: hidden;clear: both;}
.artical-info-content > .pannel{}
.artical-info-content > .pannel.hide{display: none;}
.artical-info-content > .pannel .richtext{position:relative;line-height: 24px;min-height: 400px;}

/*学科目录*/
.artical-info-catalogue{}
.artical-info-catalogue .item{clear: both;}
.artical-info-catalogue .item .caption{height: 40px;line-height: 40px;padding-left: 20px;}
.artical-info-catalogue .item > .list{}
.artical-info-catalogue .item > .list ul li.hide{display: none;}
.artical-info-catalogue .item .list > div.box-right{float: left;position: relative;}
.artical-info-catalogue .item .list > div.box-left{float: right;}
.artical-info-catalogue .item .list > div.box-right .more{display: inline-block;height: 36px;border-radius: 36px;cursor: pointer; width: 80px;text-align: center;line-height: 36px;background-color: #363636;color: #eee;position: absolute;bottom: 220px;right: -190px;}
.artical-info-catalogue .item .list > div.box-right .more.cur{background-color: #0cbe76;}

/*相关推荐*/
.artical-info-recommend{}
.artical-info-recommend > .caption{padding: 0px 20px;}
.artical-info-recommend > .caption > div{padding: 10px 0px;line-height: 30px;height: 30px; border-top:1px solid #eee;font-weight: bold;position: relative;}
.artical-info-recommend > .caption > div span{display: inline-block;height: 30px;line-height: 30px;position: absolute;right: 0px;top:10px;font-weight: normal;cursor: pointer;}
.artical-info-recommend > .caption > div span i{font-size: 20px;}
.artical-info-recommend > .list{padding: 0px 10px;}
.artical-info-recommend > .list > ul li{width: 20%;float: left;}
.artical-info-recommend > .list > ul li > div{padding: 0px 10px;}
.artical-info-recommend > .list > ul li > div .tip{height: 38px;background-color: #0a6cd6;line-height: 38px;text-align: center;border-top-right-radius: 10px;border-top-left-radius: 10px;font-weight: bold;color: #fff;}
.artical-info-recommend > .list > ul li > div .box{border:1px solid #f0f0f0;border-top-width: 0px;}
.artical-info-recommend > .list > ul li > div .cover{overflow: hidden;position: relative;}
.artical-info-recommend > .list > ul li > div .cover img{width: 100%;display: block;}
.artical-info-recommend > .list > ul li > div .cover span{position: absolute;}
.artical-info-recommend > .list > ul li > div .cover span.video{position: absolute;width: 100%;height: 100%;top:0px;left: 0px;text-align: center;font-size: 60px;color: #fff;}
.artical-info-recommend > .list > ul li > div .cover span.time{display: inline-block;line-height: 16px;font-size: 12px;background:url("../images/002.png");padding: 0px 4px; color: #fff;right: 5px;bottom: 5px;}
.artical-info-recommend > .list > ul li > div .title{ height: 30px;line-height: 30px;position: relative;overflow: hidden;padding: 0px 6px;}
.artical-info-recommend > .list > ul li > div .title a{ font-size: 16px;}
.artical-info-recommend > .list > ul li > div .title a:hover{ text-decoration: underline; }
.artical-info-recommend > .list > ul li > div .subtitle{ font-size: 14px;line-height: 20px;height: 40px;overflow: hidden;padding: 0px 6px;}
.artical-info-recommend > .list > ul li > div .subtitle a{ color: #505050;}
.artical-info-recommend > .list > ul li > div .subtitle a:hover{ text-decoration: underline; }
.artical-info-recommend > .list > ul li > div .tag{padding: 5px;height: 24px;}
.artical-info-recommend > .list > ul li > div .tag span{display: inline-block;padding:0px 6px;height: 24px;line-height: 24px;background-color: #0a6cd6;border-radius: 4px;color: #fff;margin-right: 10px;}
.artical-info-recommend > .list > ul li > div .tag span a{color: #fff;}
.artical-info-recommend > .list > ul li > div .tag span.t{background-color: #7acf45;}
.artical-info-recommend > .list > ul li > div .tag span.c{background-color: #f0ae4e;}
.artical-info-recommend > .list > ul li > div .tag span.f{background-color: #3b99fc;}
.artical-info-recommend > .list > ul li > div.c1 .tip{background-color: #1c6cca;}
/*.artical-info-recommend > .list > ul li > div.c1 .box{border-color: #1c6cca;}*/
.artical-info-recommend > .list > ul li > div.c2 .tip{background-color: #e28407;}
/*.artical-info-recommend > .list > ul li > div.c2 .box{border-color: #e28407;}*/
.artical-info-recommend > .list > ul li > div.c3 .tip{background-color: #159f49;}
/*.artical-info-recommend > .list > ul li > div.c3 .box{border-color: #159f49;}*/
.artical-info-recommend > .list > ul li > div.c4 .tip{background-color: #7522c9;}
/*.artical-info-recommend > .list > ul li > div.c4 .box{border-color: #7522c9;}*/
.artical-info-recommend > .list > ul li > div.c5 .tip{background-color: #be1c3c;}
/*.artical-info-recommend > .list > ul li > div.c5 .box{border-color: #be1c3c;}*/

/*评论*/
.discuss-box{padding-left: 20px;}
.discuss-box > .caption{height: 40px;line-height: 40px;font-weight: bold;}
.discuss-box > .caption span{font-size: 14px;color: #8a8a8a;font-weight: normal;padding-left: 10px;}
.discuss-box .form{padding-top: 15px;}
.discuss-box .form .login{height: 180px;border: 1px solid #dedede;border-radius: 6px;text-align: center;line-height: 180px;}
.discuss-box .form .login span{padding: 0px 4px;color: #fca556;cursor: pointer;}
.discuss-box .form .user{padding-left: 70px;position: relative;height: 253px;}
.discuss-box .form .user .head{width: 44px;height: 44px;position: absolute;left: 0px;top:0px;border-radius: 100%;overflow: hidden;}
.discuss-box .form .user .head img{width: 44px;height: 44px;position: relative;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
.discuss-box .form .user .box{height: 251px;border: 1px solid #dedede;border-radius: 6px;}
.discuss-box .form .user .box .txt{height: 200px;border-bottom: 1px solid #dedede;padding-right: 40px;}
.discuss-box .form .user .box .txt textarea{height: 160px;width: 100%;border: 0px;margin: 0px;padding: 0px;outline: none;padding: 20px;resize: none;}
.discuss-box .form .user .box .attr{position: relative;height: 50px;}
.discuss-box .form .user .box .attr .nickname{line-height: 50px;padding-left: 20px;font-weight: bold;}
.discuss-box .form .user .box .attr .btn{display: inline-block;height: 34px;line-height: 34px;position: absolute;right: 20px;top:8px;background-color: #ff7900;color: #fff;padding: 0px 15px;border-radius: 34px;cursor: pointer;}
.discuss-box .form .user .box .attr .face{display: inline-block;height: 34px;font-size: 28px; line-height: 34px;position: absolute;right: 130px;top:8px;color: #868686;padding: 0px 0px;cursor: pointer;padding-right: 18px;}
.discuss-box .form .user .box .attr .face.trigger-active{color: #ff7900;}
.discuss-box .form .user .box .attr .face i{padding-left: 4px;font-size: 12px;}
.discuss-box .list{clear: both;padding-top: 50px;}
.discuss-box .list > .title{font-weight: bold;line-height: 40px;border-bottom: 1px solid #e8e8e8;}
.discuss-box .list > .tip{line-height: 30px;padding-bottom: 20px;color: #d1d1d1;}
.discuss-box .list > ul > li{padding: 20px 0px;border-bottom: 1px solid #e8e8e8;}
.discuss-box .list > ul > li > .info{padding-left: 70px;position: relative;}
.discuss-box .list > ul > li > .info > .head{width: 44px;height: 44px;position: absolute;left: 0px;top:0px;border-radius: 100%;overflow: hidden;}
.discuss-box .list > ul > li > .info > .head img{width: 44px;height: 44px;position:
relative;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.discuss-box .list > ul > li > .info > .nickname{line-height: 20px;font-weight: bold;padding-bottom: 10px;}
.discuss-box .list > ul > li > .info > .nickname span.time{font-weight: normal;padding-left: 30px;color:#b6b6b6; }
.discuss-box .list > ul > li > .info > .msg{ line-height: 20px;max-height: 40px; overflow: hidden;font-size: 14px;}
.discuss-box .list > ul > li > .info > .attr{padding-top: 10px;height: 30px;position: relative;}
.discuss-box .list > ul > li > .info > .attr span{font-size: 12px;cursor: pointer;}
.discuss-box .list > ul > li > .info > .attr span i{font-size: 12px;padding-right: 4px;}
.discuss-box .list > ul > li > .info > .attr span span{padding-left: 4px;}
.discuss-box .list > ul > li > .info > .attr span.good{display: inline-block;height: 30px;line-height: 30px;position: absolute;right: 70px;top:10px;}
.discuss-box .list > ul > li > .info > .attr span.diss{display: inline-block;height: 30px;line-height: 30px;position: absolute;right: 0px;top:10px;}
.discuss-box .list > ul > li > .info > .cbox{background-color: #f7f7f7;border-radius: 4px;}
.discuss-box .list > ul > li > .info > .cbox .clist{padding: 0px 20px;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li{padding: 10px 0px;border-bottom: 1px solid #e8e8e8;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info{padding-left: 70px;position: relative;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info .head{width: 44px;height: 44px;position: absolute;left: 0px;top:0px;border-radius: 100%;overflow: hidden;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info .head img{width: 44px;height: 44px;position: relative;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info .nickname{line-height: 20px;font-weight: bold;padding-bottom: 10px;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info .nickname span.time{font-weight: normal;padding-left: 30px;color:#b6b6b6; }
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info .msg{ line-height: 20px;max-height: 40px; overflow: hidden;font-size: 14px;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info .attr{padding-top: 10px;height: 30px;position: relative;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info .attr span{font-size: 12px;cursor: pointer;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info .attr span i{font-size: 12px;padding-right: 4px;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info .attr span span{padding-left: 4px;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info .attr span.good{display: inline-block;height: 30px;line-height: 30px;position: absolute;right: 70px;top:10px;}
.discuss-box .list > ul > li > .info > .cbox .clist ul li > .info .attr span.diss{display: inline-block;height: 30px;line-height: 30px;position: absolute;right: 0px;top:10px;}
.discuss-box .list > ul > li > .info > .cbox .more{height: 40px;text-align: center;line-height: 40px;font-size: 12px;color: #b8b8b8;}
.discuss-box .list > ul > li > .info > .cbox .more span{cursor: pointer;}
.discuss-box .list > ul > li > .info > .cbox .more span i{font-size: 12px;}
.discuss-box .list > ul > li > .info .txt{height: 42px;padding: 15px 0px;background-color: #fff;}
.discuss-box .list > ul > li > .info .txt > div{padding-left: 60px;height: 42px;position: relative;}
.discuss-box .list > ul > li > .info .txt > div .head{width: 40px;height: 40px;position: absolute;left: 0px;top:1px;border-radius: 100%;overflow: hidden;}
.discuss-box .list > ul > li > .info .txt > div .head img{width: 40px;height: 40px;}
.discuss-box .list > ul > li > .info .txt > div .box{padding-right: 80px;}
.discuss-box .list > ul > li > .info .txt > div .box > div{height: 40px;border: 1px solid #e9e9e9;line-height: 40px;padding-right: 90px;padding-left: 10px;}
.discuss-box .list > ul > li > .info .txt > div input{width: 100%;height: 40px;line-height: 40px;border:0px;}
.discuss-box .list > ul > li > .info .txt > div span{display: inline-block;width: 80px;cursor: pointer; height: 42px;position: absolute;line-height: 42px;top:0px;right: 0px;background-color: #ff7900;color: #fff;text-align: center;}
.discuss-box .list > ul > li > .info .txt > div i{display: inline-block;line-height: 42px;position: absolute;right: 100px;font-size: 12px;font-weight: bold;top:0px;font-style: normal;}
.discuss-box .list > .more{padding-top: 30px;}
.discuss-box .list > .more div{height: 40px;text-align: center;line-height: 40px;background-color: #f4f4f4;}
.discuss-box .list > .more div span{ font-size:14px;font-weight: bold;color: #525252;cursor: pointer;}
.discuss-box .list > .more div span i{font-size: 12px;font-weight: normal;color: #aaaaaa;padding-left: 10px;}

/*横幅*/
.banner-img{ }
.banner-img>img{width:100%;height:auto;}

/*游戏*/
.game{overflow: hidden}
.game .game-title{height:60px;line-height: 60px;background: #393939; }
.game .d_row_title{ position: relative}
.game .d_row_title .d_row_title_bg{height:60px; position: absolute;top:0px;}
.game .d_row_title .d_row_title_img{width: 38px;height:auto;position: absolute;left:30px;top:8px; }
.game .d_row_title  span{position: absolute;}
.game .d_row_title  span.title{left:80px;font-weight: bold;font-size: 20px;}
.game .d_row_title  span.number-box{left:180px;}
.game .d_row_title  span.number-box>.number{color:#f17b7b}
.game .play{ text-align: center;float: left;height:521px;position: relative;width:76%;}

.game .play div img{width: 100%;height:100%;}
.game .play .switch{width:100%;height:89px;background: #e4e4e4;-khtml-opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);filter:"alpha(opacity=90)";opacity:0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);/*兼容ie8及以下*/
    position: absolute;bottom:0px;}
.game .play .switch p{font-size: 35px;font-weight: bold;color:#000;line-height: 89px;}
.game .play .switch span{padding-top: 20px; }
.game .play .switch span:hover{cursor: pointer}
.game .play .switch i{ font-size: 50px;font-weight: 800;color: #424242;}
.game .play .switch{z-index: 2}

/*国际赛事*/
.competition-table .table-list{border:1px solid #afafaf;width:100%;background: #fbfbfb}
.competition-table .table-list thead{ border-bottom:1px solid #afafaf;height:40px;line-height: 50px;font-size: 15px;}
.competition-table .table-list thead td{text-align: center;}
.competition-table .table-list .td-big{width: 48%;border-right:1px solid #afafaf }
.competition-table .table-list .td-sm{ width: 28%;border-right:1px solid #afafaf}
.competition-table .table-list .td-m{ width: 24%;border-right:1px solid #afafaf}
.competition-table .table-list tbody{ }
.competition-table .table-list tbody tr{border-top:1px solid #979797}
.competition-table .table-list tbody td{position: relative }
.competition-table .table-list tbody .td-logo{width:55%;float: left;text-align: center}
.competition-table .table-list tbody .td-logo img{width:90%;height:auto;margin: 15px auto }
.competition-table .table-list tbody .td-title{ width:40%;position: absolute;height:100%;right:10px;top:0;}
.competition-table .table-list tbody .td-title a{ font-size: 20px;text-decoration: underline;color:#050505;position: absolute;top:35px;line-height: 35px;word-break: break-all;}
.competition-table .table-list tbody .td-title p{position: absolute;bottom:15px;color:#bfbfbf;font-size: 14px; }
.competition-table .table-list tbody .td-sm{ font-size: 14px;color:red;text-align: center;}
.competition-table .table-list tbody .td-sm p{padding:15px 0px 5px 0px;float: left; margin: 10px 20px 10px 20px;text-align: left;}
.competition-table .table-list tbody .td-m{height:100%;font-size: 14px;padding:15px 8px; }
.competition-table .table-list tbody .td-m .allsubtitle{text-decoration: underline;margin-left: 20px;}
.competition-table .paging{clear: both;height: 55px;text-align: center;}
.face-textarea{width:770px;border:none;height:40px;line-height: 40px;white-space:nowrap;overflow: hidden }
#face-logo{ display: inline-block;width:50px;  height: 34px;  font-size: 28px;  line-height: 34px;  position: absolute;  right: 150px;  top: 5px;  color: #868686;  padding: 0px 0px;  cursor: pointer;  background: #fff;}





