/* css document */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} body,button,input,select,textarea{font:14px/1.5 \5fae\8f6f\96c5\9ed1,\5b8b\4f53,arial;} img{ border:none} ul li{ list-style:none} .clearfix:before,.clearfix:after,#nav:before,#nav:after,#ttui li:before,#ttui li:after,#topp:before,#topp:after,#topp span:before,#topp span:after,#topp dd:before,#topp dd:after,.bbox:before,.bbox:after,.bbox dt:before,.bbox dt:after,.bbox dd:before,.bbox dd:after,.irank p:before,.irank p:after{content:".";display:block;height:0;visibility:hidden;font-size:0;} .clearfix:after,#nav:after,#ttui li:after,#topp:after,#topp span:after,#topp dd:after,.bbox:after,.bbox dt:after,.bbox dd:after,.irank p:after{clear:both;} .clearfix,#nav,#ttui li,#topp,#topp span,#topp dd,.bbox,.bbox dt,.bbox dd,.irank p{*zoom:1;} .none,legend{display:none;} fieldset,a{ outline:none} body{color:#333;background:#f4f4f4;} a{color:#333;text-decoration:none;transition: all .4s ease-in-out;} a:hover{color:#ff7800; text-decoration:none} i,s,u,em{font-weight:normal;font-style:normal;text-decoration:none;} img:hover{opacity:0.9;filter: progid:dximagetransform.microsoft.alpha(opacity=90);} /**����ҳ����div ��7230��������**/ #xq_crn,.xq_crn{ border:1px solid #e7e7e7; padding:20px 15px 15px 15px;overflow:hidden; margin:15px 0px 15px 0px} #xq_crn b,.xq_crn b{ display:block; width:215px; margin:0px 6px; font-weight:normal;float:left; height:73px;overflow:hidden;} #xq_crn b.pic,.xq_crn b.pic{ width:230px;} #xq_crn a.down,.xq_crn a.down{ float:left; height:35px; width:100px; line-height:35px; color:#fff; font-size:16px; margin-top:25px;background-color:#5d9cec; display:inline-block; text-align:center;} #xq_crn a.down:hover,.xq_crn a.down:hover{ background-color:#3b82dc;} #xq_crn i,.xq_crn i{ display:block;} #xq_crn s,.xq_crn s{ display:block;width:100px; height:20px; line-height:20px; margin-left:90px;font-size:14px; color:#666;} #xq_crn s.title,.xq_crn s.title{ font-size:14px; color:#333; height:30px; line-height:30px; width:140px; overflow:hidden; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;} #xq_crn b.pic img,.xq_crn b.pic img{ width:72px; height:72px; border-radius:10px; float:left;} #xq_crn b u,.xq_crn b u{ position:relative; display:block; background: -211px -147px no-repeat; padding-left:10px;width:190px; height:31px; line-height:31px; color:#333; margin:5px 0px; font-size:14px;} #xq_crn b u i,.xq_crn b u i{ position:absolute; left:60px; top:2px; height:20px; width:75px;line-height:20px; z-index:9999} #xq_crn span,.xq_crn span{ display:block;overflow:hidden; height:95px;} #xq_crn span.pingyu,.xq_crn span.pingyu{ border-top:1px dashed #e7e7e7; height:auto; display:block; clear:both; overflow:hidden;font-size:14px; line-height:25px; color:#666; padding-top:15px;word-wrap:break-word; text-align:justify;text-justify:inter-ideograph;-ms-text-justify: inter-ideograph;} #xq_crt,.xq_crt{ padding:0px; margin:10px 0px} #xq_crt span,.xq_crt span{ display:inline-block; width:100%; height:44px; line-height:44px; background-color:#efefef; border-bottom:1px solid #fff} #xq_crt span.xzbt,.xq_crt span.xzbt{ background-color:#a0d36e;} #xq_crt span.xzbt i,.xq_crt span.xzbt i{ color:#fff; font-size:16px;} #xq_crt span b{ display:inline-block; width:75px; height:20px; margin-top:7px;} #xq_crt span i,#xq_crt span a,.xq_crt span i,.xq_crt span a{ overflow:hidden;color:#666; font-size:14px;float:left; line-height:44px; display:inline-block; width:25%; height:44px; text-align:center} #xq_crt span a{ width:100%;} #xq_crt span a:hover,#xq_crf ul li a.tit:hover,.xq_crt span a:hover,.xq_crf ul li a.tit:hover{ color:#f5861a; text-decoration:underline;} #xq_crt span a.down,.xq_crt span a.down{ color:#fff; background-color:#5b9de7; width:70px; height:26px; line-height:26px; margin-top:9px; margin-left:68px;} #xq_crs,.xq_crs{ border:1px solid #e7e7e7; margin:10px 0px; padding:15px 20px; overflow:hidden;zoom:1} #xq_crs b,.xq_crs b{ display:inline-block; width:72px; height:72px; font-weight:normal; position:relative; float:left} #xq_crs b img,.xq_crs b img{ width:100%; height:100%; border-radius:10px;} #xq_crs b s,.xq_crs b s{ display:inline-block; width:25px; height:25px; position:absolute; right:0px; bottom:0px; text-align:center; line-height:25px; color:#fff; background-color:#ff9211;} #xq_crs span,.xq_crs span{ font-size:14px; width:690px; display:inline-block; height:72px; float:right;} #xq_crs span em,.xq_crs span em{ display:inline-block; height:25px; line-height:25px; width:100%;} #xq_crs span em a,.xq_crs span em a{ color:#333; font-size:16px;} #xq_crs span em a.lq,.xq_crs span em a.lq{ display:inline-block; width:60px; height:25px; color:#fff; background-color:#4bbfe6; text-align:center; line-height:25px; margin-left:20px;} #xq_crs span i,.xq_crs span i{ margin-top:5px; height:47px; line-height:23px; display:inline-block; width:100%; color:#666; overflow:hidden} #xq_crf,.xq_crf{ border:1px solid #e7e7e7; margin:10px 0px;} #xq_crf span,.xq_crf span{ height:30px; line-height:30px; color:#fff; background-color:#fd6d52; display:inline-block; text-align:center; width:100%;} #xq_crf ul,.xq_crf ul{ overflow:hidden;zoom:1; margin-left:3px;} #xq_crf ul li,.xq_crf ul li{float:left; width:104px; text-align:center; padding:10px 5px;border:1px solid #ebebeb;} #xq_crf ul li img,.xq_crf ul li img{ width:80px; height:80px;} #xq_crf ul li a,.xq_crf ul li a{ display:inline-block; width:100%; height:80px;} #xq_crf ul li a.tit,.xq_crf ul li a.tit{ height:30px; line-height:30px; font-size:14px; text-align:center; overflow:hidden; color:#333;} /* css document */ /**������ʽ**/ .main1200 { width: 1200px; margin: 0 auto } .fl { float: left } .fr { float: right } .mid-tit { width: 100%; height: 40px; line-height: 40px; border-bottom: 2px solid #ebebeb; } .mid-tit h3 { display: inline-block; height: 40px; border-bottom: 2px solid #ff7800; float: left; font-size: 18px; } .mid-tit .more { float: right; margin-right: 15px; } .star0 { background: url(/uploads/image/tcsimage/litterstar.png) 0px 4px no-repeat } .star1 { background: url(/uploads/image/tcsimage/litterstar.png) 0px -23px no-repeat; } .star2 { background: url(/uploads/image/tcsimage/litterstar.png) 0px -48px no-repeat } .star3 { background: url(/uploads/image/tcsimage/litterstar.png) 0px -74px no-repeat } .star4 { background: url(/uploads/image/tcsimage/litterstar.png) 0px -100px no-repeat } .star5 { background: url(/uploads/image/tcsimage/litterstar.png) 0px -126px no-repeat } /**��ҳ**/ .page, .detail_page { text-align: center; width: 100%; height: 32px; margin: 20px 0; } .page a, .page span, .detail_page a, .detail_page span { background-color: #fff; display: inline-block !important; height: 30px; padding: 0 10px; font-size: 14px; color: #999; margin: 0 3px; text-align: center; line-height: 30px; border: 1px solid #ededed } .page .active, .page .current, .page a:hover, .page span:hover, .detail_page .active, .detail_page .cur, .detail_page a:hover, .detail_page span:hover { color: #fff !important; background-color: #ff6600 } /**����**/ .comment { overflow: hidden; zoom: 1; padding-bottom: 20px; } .comment .user-pic { width: 54px; height: 54px; border: 1px solid #ddd; float: left } .comment .user-pic img { width: 54px; height: 54px; } .comment li .text { float: right; width: 805px; } .comment #user { height: 30px; line-height: 30px; border: 1px solid #ddd; margin: 15px 0; text-indent: 15px; } .comment textarea { width: 98%; height: 80px; border: 1px solid #ddd; text-indent: 15px; padding: 10px 0; color: #999 } .comment .bot { height: 40px; line-height: 40px; color: #999; margin-top: 15px; } .comment .bot span { float: left } .comment #btn { cursor: pointer; float: right; margin-right: 15px; display: inline-block; height: 40px; line-height: 40px; width: 160px; background: #ff7800; border: none; color: #fff; font-size: 16px; text-align: center; border-radius: 5px; text-align: center } .comment #btn:hover { background-color: #e57109 } .comment-list { overflow: hidden; zoom: 1; margin-top: 10px; width: 98% } .comment-list li { border-bottom: 1px dashed #ddd; padding-bottom: 10px; float: left; width: 100% } .comment-list li .name { font-size: 16px; float: left } .comment-list li .zan { float: right; font-size: 12px; color: #999; display: inline-block; height: 18px; line-height: 18px; margin-top: 6px; padding: 0 10px 0 20px; background: url(/uploads/image/tcsimage/reply.png) 0px 1px no-repeat; cursor: pointer } .comment-list li .zan:hover { background: url(/uploads/image/tcsimage/reply.png) 0px -15px no-repeat; } .comment-list .time { height: 30px; line-height: 30px; color: #999; text-align: right } .comment-list .hfbtn { cursor: pointer; margin-left: 20px; color: #5e7dd5 } .comment-list .hfbtn:hover { color: #ff7800; text-decoration: underline } .comment-list .info { padding-left: 6px; line-height: 26px; } .comment-list .user { padding-left: 6px; height: 30px; line-height: 30px; background-color: #f9f9f9; margin-bottom: 6px; } .comment .gdmore { clear: both; width: 100%; text-align: center; height: 30px; line-height: 30px; margin-top: 15px; color: #999; font-size: 16px; cursor: pointer } .comment .gdmore:hover { color: #ff7800; ; text-decoration: underline } /**head**/ .topbar { height: 39px; background-color: #fafafa; border-bottom: 1px solid #ebebeb } .topbar-main { height: 39px; line-height: 39px; font-size: 12px; color: #5b5b5b } .topbar .fl { display: inline-block; width: 400px; } .topbar .fr { display: inline-block; width: 260px; } .topbar .schome { display: inline-block; float: left } .topbar .schome span { margin: 0 10px; cursor: pointer } .topbar .schome span:hover { color: #ff7700 } .topbar .mobile { float: right; background: url(/uploads/image/tcsimage/home_ico.png) 0px 10px no-repeat; padding-left: 20px; margin-left: 30px; } .head { background-color: #fff; height: 110px; } .head .logo { height: 62px; width: 374px; margin: 24px 0 0 20px } .head .serbox { width: 596px; height: 36px; line-height: 36px; border: 2px solid #ff7800; margin-top: 35px; } #searchbox { float: left; height: 36px; line-height: 36px; width: 470px; border: none; text-indent: 15px; outline: none; } #searchbtn { cursor: pointer; float: right; height: 36px; line-height: 36px; width: 120px; background: #ff7800; text-align: center; font-size: 16px; color: #fff; border: none } #searchbtn:hover { background-color: #e96f03 } .nav { height: 45px; background-color: #46505b } .nav .nav-ul { } .nav li { width: 100px; float: left; height: 45px; line-height: 45px; } .nav li a { text-align: center; display: block; line-height: 45px; color: #fff; font-size: 18px; } .nav .active { background-color: #000; height: 42px; border-bottom: 3px solid #ff7800 } /**foot**/ .foot { height: 120px; background-color: #46505b; text-align: center; padding-top: 30px; } .foot p { color: #c9c9c9; height: 30px; line-height: 30px; margin-bottom: 10px; } .foot p a { color: #fff; font-size: 16px; margin: 0 15px; } .foot p a:hover { color: #ff7800; } /**ƶ����ʽ**/ .cata-l { width: 885px; float: left } .cata-r { width: 300px; float: right; } .goback { height: 50px; line-height: 50px; color: #666 } /**�����ϸ**/ .ngzgame { border: 1px solid #e1e1e1; background-color: #fbfbfb; overflow: hidden; zoom: 1; padding: 15px; padding-bottom: 20px; margin-bottom: 10px; } .ngzgame .pic { width: 120px; height: 120px; float: left } .ngzgame .nzgamex { width: 400px; float: left; margin: 0 20px; } .ngzgame .ngzgame2 { width: 230px; height: 120px; margin-top: 15px; padding-left: 20px; border-left: 1px solid #e1e1e1; float: left } .ngzgame .pic img { width: 120px; height: 120px; } .nzgamex .namep { height: 40px; width: 100%; white-space: nowrap; text-overflow: ellipsis; line-height: 40px; font-size: 12px; } .nzgamex .namep .name { display: inline-block; height: 40px; width: 280px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; font-size: 18px; } .nzgamex .namep .nub { color: #eb3949; font-size: 18px; } .nzgamex .namep .getbtn { display: inline-block; height: 24px; width: 50px; background-color: #fef3f1; line-height: 24px; text-align: center; color: #eb3949; margin-left: 10px; } .nzgamex .namep .getbtn:hover, .nzgamex .bqp a:hover { color: #fff; background-color: #eb3949 } .nzgamex .nzgamey { overflow: hidden; zoom: 1; } .nzgamex .nzgamey li { width: 200px; float: left; height: 24px; line-height: 24px; font-size: 14px; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .nzgamex .nzgamey li a { color: #eb3949; } .nzgamex .bqp { height: 24px; width: 100%; margin-top: 5px; } .nzgamex .bqp a { display: inline-block; height: 22px; padding: 0 10px; line-height: 22px; font-size: 14px; border: 1px solid #e1e1e1; color: #4c8bdb; font-weight: bold; margin-right: 10px; } .ngzgame2 a { position: relative; display: inline-block; margin-bottom: 10px; margin-top: 10px; width: 100%; height: 38px; line-height: 38px; font-size: 14px; color: #fff; text-align: center } .ngzgame2 a em { display: inline-block; height: 38px; width: 38px; position: absolute; left: 0; top: 0; } .ngzgame2 .az { background-color: #aacd06 } .ngzgame2 .az em { background: #87a400 url(/uploads/image/tcsimage/zq_ico.png) 5px 5px no-repeat; } .ngzgame2 .pg { background-color: #3ab2ff } .ngzgame2 .pg em { background: #2f8fcc url(/uploads/image/tcsimage/zq_ico.png) 5px -42px no-repeat; } .ngzgame2 a:hover { opacity: 0.9; filter: progid:dximagetransform.microsoft.alpha(opacity=90); } .aboutnews .tit { background: url(/uploads/image/tcsimage/zq_ico.png) 5px -517px no-repeat } .aboutnews ul { padding: 0 10px; } .aboutnews li { height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px; } /**���ض���**/ #go_top { display: none; position: fixed; right: 0; bottom: 40px; cursor: pointer; width: 45px; height: 45px; border: 2px solid #e2e2e2; background: #f8f8f8 url(/uploads/image/tcsimage/gotop.png) 5px 12px no-repeat; _position: absolute; _bottom: auto; _margin-bottom: 40px; _top: expression(eval(document.documentelement.scrolltop document.documentelement.clientheight-this.offsetheight-(parseint(this.currentstyle.margintop, 10)||0)-(parseint(this.currentstyle.marginbottom, 10)||0))); } #go_top:hover { background: #dedede url(/uploads/image/tcsimage/gotop.png) 5px 12px no-repeat; } /**ͼƭ�鿴**/ .game-pic li { width: 286px; margin-right: 15px; float: left } .game-pic li img { width: 100%; height: 100%; cursor: pointer } .game-pic-main { width: 100%; overflow: hidden; position: relative; margin: 15px 0; } .game-pic-main ul { width: 200%; overflow: hidden; position: absolute; left: 0; top: 0; } .game-pic-main .btn, #big-pic .btn { cursor: pointer; position: absolute; top: 70px; display: inline-block; width: 30px; height: 50px; z-index: 999; display: none } .game-pic-main .prev, #big-pic .prev { background: #333 url(/uploads/image/tcsimage/zq_ico1.png) -3px -285px no-repeat; left: 0; } .game-pic-main .next, #big-pic .next { background: #333 url(/uploads/image/tcsimage/zq_ico1.png) 2px -355px no-repeat; right: 0; } .game-pic-main .btn:hover, #big-pic .close:hover, #big-pic .btn:hover { background-color: ff7800 } .mid-news ul { overflow: hidden; padding: 10px; } .mid-news li { height: 35px; line-height: 35px; overflow: hidden; border-bottom: 1px dashed #ededed; } .mid-news li:last-child { border-bottom: none } .mask { width: 100%; height: 100%; position: fixed; opacity: 0; left: 0; top: 0; z-index: 99999; background-color: #000; } #big-pic { width: 860px; height: 600px; position: fixed; z-index: 99999999; background-color: #000; display: none; opacity: 0; } #big-pic .close { display: inline-block; width: 30px; height: 30px; position: absolute; right: -10px; top: -10px; border-radius: 50%; text-indent: -9999px; background: #666 url(/uploads/image/tcsimage/zq_ico1.png) 1px -420px no-repeat; cursor: pointer } .big-ul { width: 640px; height: 440px; margin: 40px auto; overflow: hidden; position: relative } .big-ul ul { width: 200%; overflow: hidden; position: absolute; left: 0; top: 0 } .big-ul li { text-align: center; line-height: 440px; display: table-cell; vertical-align: middle; text-align: center; width: 640px; height: 440px !important; line-height: 410px; float: left } .big-ul img { max-width: 100%; max-height: 100%; line-height: 550px; vertical-align: middle; } .small-ul { position: absolute; left: 0; bottom: 0; height: 75px; width: 100%; padding: 20px 0; text-align: center; } .small-ul ul { width: 100%; height: 80px; overflow: hidden; zoom: 1; } .small-ul li, .small-ul img { display: inline-block; width: 75px; height: 75px !important; } .small-ul li { position: relative; margin: 0 10px; *display:inline } .small-ul li span { display: inline-block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 99; background-color: #000; opacity: 0.6; filter: progid:dximagetransform.microsoft.alpha(opacity=60); } .small-ul .cur { border: 2px solid #fff; } .small-ul .cur span { opacity: 0; filter: progid:dximagetransform.microsoft.alpha(opacity=0); } #big-pic .btn { display: block; top: 245px !important; } .detail-l .info div.tags{padding-bottom:10px;overflow: hidden;} .detail-l .info div.tags a { color: #fff; background: #ff7d00; font-size: 13px; margin: 0 5px 5px 0; border-radius: 3px; padding: 0 5px; display: inline-block; height: 24px; line-height: 24px; } /* css document */ /**����**/ .dis-top{ margin-top:15px;} /**mid0**/ .mid0{ background-color:#fff; height:136px;} .mid0 .fl{ width:141px; margin:10px 0 0 10px;} .mid0 .fl li{ cursor:pointer; width:141px; height:50px; line-height:50px; text-align:center; border-bottom:2px solid #fff; font-size:16px; color:#a9a9a9} .mid0 .fl li span{ display:block; height:50px; width:105px; padding-left:28px;} .mid0 #rec1 span{background:#f6f6f6 url(/uploads/image/tcsimage/home_ico.png) 18px -658px no-repeat} .mid0 #rec2 span{background:#f6f6f6 url(/uploads/image/tcsimage/home_ico.png) 18px -544px no-repeat} .mid0 #rec3 span{background:#f6f6f6 url(/uploads/image/tcsimage/home_ico.png) 18px -594px no-repeat} .mid0 .fl .active{ background:url(/uploads/image/tcsimage/toparr.jpg) 0px 0px no-repeat; color:#fff} .mid0 #rec1.active span{background:url(/uploads/image/tcsimage/home_ico.png) 18px -492px no-repeat} .mid0 #rec2.active span{background:url(/uploads/image/tcsimage/home_ico.png) 18px -711px no-repeat} .mid0 #rec3.active span{background:url(/uploads/image/tcsimage/home_ico.png) 18px -762px no-repeat} .mid0 .fr{ width:1040px; margin-top:10px;} .mid0 .fr li,.mid0 .fr li img{ width:80px; height:80px;float:left;object-fit: cover;} .mid0 .fr li img{ margin-left:9px;} .mid0 .fr li{ text-align:center; width:98px; height:120px; margin-left:5px;} .mid0 .fr li span{ display:block; width:100%; clear:both; height:40px; line-height:40px; overflow:hidden} .mid0 .fr .cont{ display:none} .mid0 .fr .current{ display:block} .mid0 .fr .cont-text{ display:block; width:1015px; height:37px; clear:both; margin:0 10px; overflow:hidden;} .mid0 .cont-text .line{ height:2px; border-bottom:1px solid #e0e0e0; position:relative;} .mid0 .cont-text .line-tit{ display:inline-block; position:absolute; left:0; top:1px; height:2px; background-color:#ff7800; width:96px;} .mid0 .fr .cont-main{text-align:center; color:#ccc;height:30px; width:100%; margin-top:5px;} .mid0 .fr .cont-main a,.mid0 .fr .cont-main em{ display:inline-block; float:left; height:30px; line-height:30px;} .mid0 .fr .cont-main a{ width:88px;overflow:hidden} .mid0 .fr .cont-main em{ margin:0 5px;} /**mid1**/ .mid1{ height:335px; background-color:#fff;} .mid1 .fl{ width:775px; height:335px; position:relative; overflow:hidden; background:url(/uploads/image/tcsimage/loading.gif) center center no-repeat} .focus{ width:3000px; height:335px; position:absolute; left:0; top:0;} .focus li{ width:775px; height:335px; float:left} .focus li img{ width:775px; height:335px;}.focus li img:hover{ opacity:1} .focus-ibtn{ text-align:right; height:5px; position:absolute; right:5px; bottom:15px; z-index:3} .focus-ibtn i{ display:inline-block; width:25px; height:5px; background-color:#fff; margin-right:6px; float:left} .focus-ibtn .active{ background-color:#ff7400} .focus-tit{ position:absolute; left:0; bottom:0;} .focus-tit a{ position:absolute; left:0; top:0;width:590px; color:#fff; font-size:16px; z-index:3; text-indent:20px; height:40px; line-height:40px; overflow:hidden} .focus-tit a:hover{ color:#ff7800} .focus-tit .bg{display:block; width:775px; height:40px; background-color:#000; opacity:0.7;filter: progid:dximagetransform.microsoft.alpha(opacity=70);} .mid1 .fr{ width:395px; height:335px; margin-right:12px;} .mid1 .rec-news{ padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #f0f0f0} .mid1 .rec-news h2 a{ display:block; height:40px; line-height:40px; margin:15px 0 10px 0; font-weight:normal; text-align:center; width:100%; font-size:22px; color:#ff7800;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .mid1 .rec-news h2 a:hover{ text-decoration:underline} .mid1 .rec-news .info{ height:52px; line-height:26px; color:#999; width:100%; overflow:hidden;} .mid1 .rec-list li{ width:100%; height:35px; line-height:35px; background:url(/uploads/image/tcsimage/all_ico.jpg) 0 12px no-repeat} .mid1 .rec-list li a{ display:block;width:320px; height:35px; line-height:35px; overflow:hidden; float:left; margin-left:15px;} .mid1 .rec-list li span{ float:right; color:#999;} /**mid2**/ .area{ overflow:hidden;zoom:1;} .area .fl,.area .fr,.area .area-m{background-color:#fff; padding:8px 0 8px 15px;} .area .fl{ width:345px;} .area .fr{ width:265px; padding-bottom:0} .area .area-m{ width:515px;float:left; margin-left:15px; padding-bottom:0;} .area .mid2-m{*padding-bottom:10px;} .mid2 .fl{ height:347px;} .mid2 .fl a,.mid2 .fl a:hover{transition: all 0s ease-in-out;} .mid2-ul{ overflow:hidden;zoom:1;} .mid2-ul li{ width:330px; overflow:hidden;zoom:1;margin-right:15px; margin-top:11px; float:left} .mid2-ul li .pic{ width:260px; height:75px; display:none; float:left} .mid2-ul li img{ width:75px; height:75px; margin-right:15px; float:left} .mid2-ul li .lq{ float:right;display:inline-block; height:25px; line-height:25px; width:50px; margin-left:18px;text-align:center; color:#fff; background-color:#ff7800} .mid2-ul li .tit{ height:25px; line-height:25px; width:245px; padding-left:15px; display:block; float:left; background:url(/uploads/image/tcsimage/all_ico.jpg) -2px -20px no-repeat} .mid2-ul .lbxx{ height:75px;float:left; width:170px; overflow:hidden;} .mid2-ul .lbxx a{ display:block; width:100%; height:25px; line-height:25px; overflow:hidden; font-weight:bold; font-size:16px;} .mid2-ul .lbxx .cont{ display:block; position:relative;margin:10px 0; height:5px; background-color:#dfdfdf;} .mid2-ul .lbxx .cont i{ display:inline-block; height:5px; background-color:#ff7800; position:absolute; left:0; top:0;} .mid2-ul .lbxx p{ font-size:12px;} .mid2-ul .active{ margin-top:14px;} .mid2-ul .active .tit{display:none;} .mid2-ul .active .pic{ display:block} .mid2-ul .active .lq{ margin-top:27px;} .mid2-m .news{ overflow:hidden; zoom:1;} .mid2-m li{ height:126px; width:100%; margin-top:20px; margin-bottom:10px; float:left} .mid2-m li img{ width:212px; height:126px; float:left} .mid2-m li .text{ width:265px; float:right; margin-right:15px;} .mid2-m li .info{ width:100%; height:90px; line-height:30px; margin-top:6px; overflow:hidden; color:#999} .mid2-m .text a{ display:block; height:30px; line-height:30px; overflow:hidden; font-size:16px;} .mid2 .fr .mid-tit{ margin-bottom:20px;} .mid2 .fr li{ width:250px; height:133px; position:relative; margin-bottom:12px;} .mid2 .fr img{ width:100%; height:100%;} .mid2 .fr .tit{ display:block; width:230px; position:absolute; left:10px; bottom:0; height:30px; line-height:30px; overflow:hidden; color:#fff; z-index:9} .mid2 .fr .bg{ display:block; width:250px; height:30px; line-height:30px; position:absolute; left:0; bottom:0; background-color:#000; opacity:0.7;filter: progid:dximagetransform.microsoft.alpha(opacity=70);} .mid2 .fr li:hover .tit{color:#ff7800;} /**mid3**/ .game-zl li{ border:1px solid #f1f1f1; width:305px; border-left:5px solid #f1f1f1; float:left; margin-top:14px; padding:9px;} .game-zl li img{ width:75px; height:75px; float:left;} .game-zl li .info{ width:215px; height:75px; float:right;} .game-zl li .info .tit{ display:block; width:100%; height:25px; line-height:25px; overflow:hidden; font-weight:bold} .game-zl li .info p{ height:50px; line-height:25px; width:100%; overflow:hidden; color:#999;} .game-zl li .info p a,.game-zl li .info p em{ display:inline-block; color:#666; line-height:25px; float:left;} .game-zl li .info p em{ margin:0 10px;} .game-zl li .info p a:hover{color:#ff7800;} .mid3 .mid-news-list .text{ width:340px; float:left; margin-left:15px;} .mid3 .mid-news-list .score{ width:60px; height:60px; margin-top:7px; background-color:#fff0f0; border-radius:50%; float:right; text-align:center; line-height:60px; font-size:16px; color:#f6505c; font-weight:bold} .mid3 .mid-news-list .score b{ font-size:30px;} /**mid4**/ .mid4 .area-tab{ border:1px solid #e8e8e8; overflow:hidden;zoom:1; margin:15px 15px 0 0;} .mid4 .tab-hd{ width:94px; background-color:#f6f6f6; float:left} .mid4 .tab-hd li{ cursor:pointer; width:94px; text-align:center; height:30px; line-height:30px; overflow:hidden; border-bottom:1px solid #e8e8e8; border-right:1px solid #e8e8e8;} .mid4 .tab-hd li:last-child{ border-bottom:none} .mid4 .tab-hd .active{ background-color:#fff; border-right:none} .mid4 .tab-bd{ width:205px; float:right; margin:15px 10px 0 0;} .mid4 .tab-bd .cont{ display:none} .mid4 .tab-bd .current{ display:block} .mid4 .tab-bd .pic{} .mid4 .tab-bd .pic img{ width:75px; float:left; height:75px;} .mid4 .tab-bd .info{ width:120px; height:75px; float:right} .mid4 .tab-bd .info i,.mid4 .tab-bd .info strong{ display:block; width:100%; height:20px; line-height:20px; overflow:hidden; font-size:12px;} .mid4 .tab-bd .info strong{ height:30px; line-height:30px; font-size:16px;} .mid4 .tab-bd .cont-ul{ clear:both; overflow:hidden;zoom:1; padding-top:8px;} .mid4 .tab-bd li{ width:190px; padding-left:15px; height:26px; line-height:26px; float:left; overflow:hidden; background:url(/uploads/image/tcsimage/all_ico.jpg) -2px -19px no-repeat} .mid-news-list{ overflow:hidden;zoom:1; margin-right:15px;} .mid-news-list li{ border-bottom:1px dotted #ccc; overflow:hidden; margin-top:18px; padding-bottom:18px; float:left; width:100%} .mid-news-list li:last-child{ border-bottom:none} .mid-news-list img{ width:75px; height:75px; float:left;object-fit:cover;} .mid-news-list .text{ height:75px; width:410px; float:right;} .mid-news-list .tit{ font-weight:bold; display:block; width:100%; height:25px; line-height:25px; overflow:hidden} .mid-news-list .info{ height:50px; line-height:25px; width:100%; color:#999;display: -webkit-box;-webkit-line-clamp: 2;word-wrap: break-word;word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;} .kckf-hd{ height:30px; background-color:#fff5ed; margin-right:12px; margin-top:15px;} .kckf-hd span{ display:inline-block; height:30px; line-height:30px; width:23%; text-align:center; font-weight:bold; color:#aa7851} .kckf-hd span.tit{ width:31%;} .kaice{ overflow:hidden;zoom:1; margin-right:12px;} .kaice li{ height:32px; width:100%; float:left;} .kaice li span,.kaice li a{ width:23%; display:inline-block; height:32px; line-height:32px; float:left; text-align:center; overflow:hidden} .kaice li .tit{width:31%; white-space:nowrap; text-overflow:ellipsis} .kaice li .down{ display:inline-block; text-indent:-9999px; background:url(/uploads/image/tcsimage/home_ico.png) 20px -325px no-repeat} .kaice li .down:hover{background:url(/uploads/image/tcsimage/home_ico.png) 20px -270px no-repeat} /**mid5**/ .mid5{ background-color:#fff; padding-bottom:10px;} .mid5 .mid-tit{ margin-left:15px; width:1185px;} .mid5 .mid-tit-about{ text-align:right; margin-right:30px; float:right} .mid5 .mid-tit-about span{ cursor:pointer; display:inline-block; height:40px; line-height:40px; padding:0 10px;} .mid5 .mid-tit-about .active{ color:#ff7800; border-bottom:2px solid #ff7800;} .mid5 .mid5-ul{ overflow:hidden;zoom:1; display:none;width:100%;} .mid5 ul.current{ display:block} .mid5-ul li{ width:88px; height:130px; overflow:hidden; border:1px solid #fff; padding-top:9px; text-align:center; float:left; margin:15px 5px 5px 5px;} .mid5-ul li img{ width:75px; height:75px; float:left; margin-left:6px; margin-bottom:5px;object-fit:cover;} .mid5-ul li span{ clear:both; display:block; height:25px; line-height:25px; overflow:hidden;} .mid5-ul li .cata{ font-size:12px; color:#999; margin:0} .mid5-ul li .cata a{ color:#999; padding:0 5px;} .mid5-ul li .cata a:hover{color:#ff7800;} .mid5-ul li .down{ display:inline-block; margin-top:7px; width:75px; height:25px; line-height:25px; border-radius:3px; color:#fff; background-color:#ff7700} .mid5-ul .active{ background-color:#f6f6f6; border:1px solid #ededed;} .mid5-ul .active span{ display:none;} .mid5-game-list li {height:140px !important;} .mid5-game-list li .down{ display: inline-block; margin-top: 7px; width: 75px; height: 25px; line-height: 25px; border-radius: 3px; color: #ff7700; background-color: #ffffff; border: 1px solid #ff7700; } .mid5-game-list .active span{ display:block !important;} /**mid6**/ .mid6{ overflow:hidden;zoom:1; background-color:#fff; padding-top:8px;} .mid6 .fl{ width:905px;} .mid6 .fl .mid-tit{ margin-left:15px; width:890px;} .mid6 .fr{ width:265px;padding:0 12px 8px 0;} .mid6 .fr .tab-hd{} .mid6 .fr .tab-hd{height: 40px;} .mid6 .fr .tab-hd span{ cursor:pointer;display:inline-block; text-align:center; width:130px; float:left;border-left:2px solid #ebebeb;height:40px;line-height: 40px;border-bottom: 2px solid #ebebeb;} .mid6 .fr .tab-hd .active{ border-bottom:none; border-top:2px solid #ebebeb; color:#ff7800} .mid6 .fr .tab-bd{} .mid6 .fr .tab-cont{ display:none} .mid6 .fr .current{ display:block} .mid6 .fr .tab-bd li{ width:100%; height:20px; line-height:20px; padding:6px 0; float:left; border-bottom:1px solid #f7f7f7} .mid6 .fr .tab-bd li em{ float:left; display:inline-block; height:20px; line-height:20px; width:30px; text-align:center; background-color:#eaeaea; font-size:12px; margin:0 20px 0 10px;} .mid6 .fr .tab-bd li:nth-child(1) em{ background-color:#ff7800; color:#fff;} .mid6 .fr .tab-bd li:nth-child(2) em{ background-color:#ffae66; color:#fff;} .mid6 .fr .tab-bd li:nth-child(3) em{ background-color:#ffbb7f; color:#fff;} .mid6 .fr .tab-bd .down-nub{ float:right; height:20px; font-size:12px; color:#999} .mid6 .fr .tab-bd a{ float:left; display:inline-block; height:20px; width:150px; overflow:hidden} /**mid7 rank**/ .mid7{ background-color:#fff; overflow:hidden;zoom:1;*padding-bottom:15px;} .mid7 .rank{ overflow:hidden;zoom:1; } .mid7 .rank-list{ width:270px; float:left; margin:10px 15px;} .mid7 .rank-tit{ height:40px; line-height:40px;} .mid7 .rank-tit h3{ display:inline-block; float:left; font-size:18px; border-bottom:2px solid #ff7800; padding:0 6px 0 25px;} .mid7 .az h3{ background:url(/uploads/image/tcsimage/home_ico.png) 0px -212px no-repeat} .mid7 .pg h3{ background:url(/uploads/image/tcsimage/home_ico.png) 0px -102px no-repeat} .mid7 .sj h3{ background:url(/uploads/image/tcsimage/home_ico.png) 0px -45px no-repeat} .mid7 .dj h3{ background:url(/uploads/image/tcsimage/home_ico.png) 0px -155px no-repeat} .mid7 .rank-tit .tit{ width:199px; float:right; height:40px; line-height:40px; border-bottom:2px solid #ebebeb; font-size:16px;} .mid7 li{ overflow:hidden;zoom:1; width:100%; float:left; margin:10px 0} .mid7 li .rank-nub{ width:20px; display:inline-block; height:20px; line-height:20px; float:left; margin-right:15px; color:#999} .mid7 li .rank-nor{ width:230px; height:20px; line-height:20px; overflow:hidden;zoom:1;float:right; display:block} .mid7 li .rank-info{ width:230px; height:75px; float:right; display:none} .mid7 li .rank-type{ color:#999} .mid7 li img{ width:75px; height:75px; float:left} .mid7 li .rank-about{ width:140px; height:75px; float:right;} .mid7 li .rank-name{ display:inline-block; height:20px; line-height:20px; float:left; max-width:150px; margin-right:5px; overflow:hidden} .mid7 li .game-star{ display:block; width:100%; height:20px;} .mid7 li .rank-about .rank-cata,.mid7 li .rank-about .tit{display:block; width:100%; height:25px; line-height:25px; overflow:hidden} .mid7 li .rank-about .rank-cata{ color:#999} .mid7 .active .rank-info{ display:block} .mid7 .active .rank-nor{ display:none} .mid7 .active .rank-nub{ margin-top:27px} .mid7 .az li:nth-child(-n 3) .rank-nub{ color:#8abf12} .mid7 .pg li:nth-child(-n 3) .rank-nub{ color:#5ca7e0} .mid7 .sj li:nth-child(-n 3) .rank-nub{ color:#ff4b33} .mid7 .dj li:nth-child(-n 3) .rank-nub{ color:#e0b339} /**��������**/ .links{ height:110px; background-color:#fff; position:relative} .links .fl{ width:125px; height:25px; padding-top:65px; line-height:25px; font-weight:bold; font-size:16px; color:#f36161; text-align:center; background:url(/uploads/image/tcsimage/home_ico.png) 40px -390px no-repeat; border-right:1px solid #f0f0f0;} .links .fr{ height:90px; width:1000px; margin-right:50px; margin-top:10px; overflow:hidden; position:relative} .links .links-cont{ overflow:hidden;zoom:1; position:absolute; left:0; top:0;} .links .fr li{ width:auto; height:30px; line-height:30px; float:left; margin-right:10px; overflow:hidden;} .links .fr li a{ font-size:12px; color:#999} .links .fr li a:hover{color:#ff7800;} .links .btn{ display:inline-block; width:22px; height:90px; position:absolute; right:20px; top:5px;} .links .btn span{ display:inline-block; width:22px; height:22px; background-color:#c8c8c8; margin-top:10px;} .links .btn .btn-t{ background:url(/uploads/image/tcsimage/arr_tb.jpg) 0 0 no-repeat} .links .btn .btn-b{ background:url(/uploads/image/tcsimage/arr_tb.jpg) 0 -25px no-repeat} .g-mid{width:1200px;margin:0 auto 0 auto;} .zq-navi{width:1200px;margin:0 auto 0 auto;} .container .sub-menu { margin-bottom: 20px; background-color: #fff;zoom:1;clear:both;border: 1px solid #e7e7e7;position: relative;overflow: hidden;} .container .sub-menu .l-tab { width: 100px; overflow: hidden; float: left; border-right: 1px solid #e7e7e7; } .container .sub-menu .l-tab ul { overflow: hidden; } .container .sub-menu .l-tab li { display: inline-block; width: 100px; background: #f6f6f6; height: 40px; line-height: 40px; text-align: center; cursor: pointer; } .container .sub-menu .l-tab li.curr { color: #fff; background-color: #f60; } .container .sub-menu .r-content { float: left; width: 1095px;overflow:hidden;} .container .sub-menu .r-content ul { overflow: hidden; padding: 5px 10px; } .container .sub-menu .r-content ul.hide { display: none; } .container .sub-menu .r-content li { float: left; width: 10%; display: block; text-align: center; line-height: 28px; } .container .sub-menu .r-content li a.orange { color: #f60; } .container .sub-menu .r-content .more { border-top: none; left: 50%; bottom: 0; position: absolute; color: #827f7f; text-align: center; font-size: 12px; height: 15px; line-height: 15px; width: 100px; border: 1px solid #ccc; background-color: #fff; } .container .sub-menu .u-tag { overflow: hidden; padding: 10px; } .container .sub-menu .u-tag li { float: left; width: 10%; display: block; text-align: center; } .container .sub-menu .u-tag li a { padding: 5px; } .container .sub-menu .u-tag li a.orange { color: #f60; } .newslist1 {height:327px;} .newslist1 li {width: 100%;height: 20px;line-height: 20px;padding: 6px 0;float: left;border-bottom: 1px dotted #dbdbdb; white-space:nowrap} .newslist1 li span{ float:right; color:#999; padding-right:10px;} .newslist1 a {float: left;display: inline-block;height: 20px;width: 278px;overflow: hidden;} .newslist1 li:last-child{ border-bottom:none} .tagslist{height:335px;} .tagslist a { display:inline-block; height:20px; line-height:20px; text-align:center; border-radius:3px; background-color:#ff6600; color:#fff; font-size:12px; margin:5px; padding:0px 5px; } .wxsearch2 { float: left; height: 38px; width: 604px; margin: 0px 0px 0px 4px; color: #5cab1a; } .wxsearch2 a { margin-right: 12px; } .wxsearch2 a.hover { color: #ff0000; }