Warning: mkdir(): No space left on device in /www/wwwroot/zhenghe1718.com/func.php on line 127

Warning: file_put_contents(./cachefile_yuan/bocaiba.com/img/f2/8139d/c03e2.css): failed to open stream: No such file or directory in /www/wwwroot/zhenghe1718.com/func.php on line 115
:root{ --primary-color:#39AC73; --bg-color:#f8f8f8; } .tags{ display: inline-block; color: #000; line-height: 25px; font-size: 13px; padding: 0 6px; } @font-face {font-family: "iconfont"; src: url('//at.alicdn.com/t/font_1043849_s3hc3zop5m.eot?t=1550243152912'); /* IE9 */ src: url('//at.alicdn.com/t/font_1043849_s3hc3zop5m.eot?t=1550243152912#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'), url('//at.alicdn.com/t/font_1043849_s3hc3zop5m.woff?t=1550243152912') format('woff'), url('//at.alicdn.com/t/font_1043849_s3hc3zop5m.ttf?t=1550243152912') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */ url('//at.alicdn.com/t/font_1043849_s3hc3zop5m.svg?t=1550243152912#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-bofang:before { content: "\e613"; } .icon-eye:before { content: "\e634"; } .icon-dianshitai:before { content: "\e687"; } .icon-zuqiu:before { content: "\e619"; } .icon-shouji:before { content: "\e607"; } .icon-qiudui:before { content: "\e601"; } .icon-sanheng:before { content: "\e675"; } .icon-home:before { content: "\e6b7"; } .icon-menu:before { content: "\e6e7"; } .icon-rili:before { content: "\e608"; } .icon-fenxiang:before { content: "\e624"; } .icon-shijian:before { content: "\e689"; } .icon-double-arrow-down:before { content: "\e600"; } .icon-video:before { content: "\e60d"; } .icon-bifen:before { content: "\e666"; } .icon-bars:before { content: "\e6e5"; } .icon-lanqiu:before { content: "\e618"; } .icon-qiulei:before { content: "\e71e"; } .icon-ico:before { content: "\e646"; } .mt20{margin-top:20px!important} .date{ padding: 12px; cursor: pointer; } .hot-con { display: flex; align-items: center; flex-wrap: wrap; } .game-hj-right-w100{ width: 100% !important; } /*--评论--*/ #comment_box{background:#fff;border:1px solid #e5e5e5;padding:30px 12px;margin-bottom:22px;} #comments-title{padding-top:100px;margin-top:-100px} .c-title{font-size: 18px;font-weight: 500;color: #222;} .comment-disable{padding:1.5em;color:#888;text-align:center} .comment-disable i.iconfont{padding-right:5px;color:#666;font-size:18px} .comment-num{color:#999;font-size:16px} .comment-num .emphasize{color:#f33} .no-comment{color:#999;text-align:center} .no-comment i.iconfont{font-size:60px;color:#ddd;display:block;margin-top:-20px;height:90px} .comment-msg{padding:1.5em 0;overflow:hidden;border-top:1px solid #ddd} .comment-list .ul{list-style:none;border-top:1px solid #ededed} .comment-list .li{overflow:hidden;padding:1em} .comment-list .li:hover{background:#f8f8f8} .comment-list .li img{width:50px;height:50px;border-radius:100px;} .comment-list .li:hover img{} .comment-list .li .clbody{margin-left:70px} .comment-list .ul .ul{margin-left:4%} .comment-list .title{font-size:18px;padding:10px 0;color:#222;} .compost .com-info{margin-bottom:10px;} .compost .com-info li{float:left;margin-bottom:1em;width:33.3%;padding-right:3%;position:relative} .compost .com-info li:nth-child(2){padding-right:0} .compost .com-info li .verify{position:absolute;right:6.5%;top:0;z-index:1;height:40px} .compost .com-info li .verify img{height:100%;border:1px solid #ddd} .compost .com-info li input{width:100%;height:40px;line-height:40px;padding-left:4px;border:1px solid #ddd;border-radius:3px;text-indent:10px} .compost .com-name{padding:1em 0 1em .2em} #cancel-reply{color:#12A7B4} #auTxaArticle{border-radius:3px;text-indent:5px;margin:0 0 20px 0;padding:5px;width:98%;border:1px solid #ddd;background:#fff;-webkit-appearance:none;font-size: 14px;} .com-submit{border-radius:3px;border:none;cursor:pointer;height:40px;line-height:40px;background-color:#12A7B4;color:#fff;padding:0 20px;font-size: 14px;} .comment-list .cinfo{height:20px} .comment-list .clbody .p{word-wrap:break-word} .cinfo .author{color:#666} .c-time{color:#999;font-size:12px} .comment-at{color:#12A7B4} .reply-a{opacity:0.5} .comment-list li:hover .reply-a{opacity:1} .mcolor{color:#12A7B4} /**文字**/ .nav-o { width: 100%; background:#f8f8f8; overflow: hidden; border-bottom: px solid #e3e3e2;} .nav-o li { width: 20%; text-align: center; float: left; font-size: 0.8rem; padding-bottom:15px;} .nav-o li .span { display: block; text-align: center; margin-top: 15px; margin-bottom: 5px;} .nav-o li img { width: 40px;height: 40px;border-radius: 50%; display: inline-block;} @media only screen and (max-width: 768px) { .tit-zb{background: #fff url(../images/ggg.png) 3% 15px no-repeat; background-size:20px; overflow: hidden; overflow-x: scroll;white-space: nowrap;display: flex;height: 30px; align-items: center;width: 82%;border-top: 0px solid #f8eff1; padding: 10px 2% 10px 10%;margin:8px 3%;box-shadow: 0 0px 15px #ddd;border-radius:10px;} .tit-zb a{font-size:0.8rem;text-align:center;line-height:30px;margin:0 0%;color:#333;padding:0 8px} .tit-zb #sjb{display:none} /*游戏合集*/ .game-hj-right dl a{text-align:center;float:left;height:40px;line-height:20px;font-size:18px;color:#fff;text-align:center;width:100%;margin:20px auto 10px auto;overflow: hidden;border-bottom:1px solid #444;} .game-hj-right{height: 452px;border-radius:0px;float:right;margin:0px 0%;background:#222;overflow: hidden;width:100%;padding:10px 0;} .game-hj-right li{border-bottom:1px solid #333;height: px;float:left;height:45px;line-height:45px;margin:0px 0px;overflow: hidden;width:96%;} .game-hj-right li:hover{transition: .3s;border-radius:4px;background:#39AC73;border-bottom:1px solid #333;height: px;} .game-hj-right li a{height: px;line-height:45px;height:45px;overflow: hidden;font-size:14px;color:#fff;width:auto;margin:0px auto;} .game-hj-right li dd{float:left;border-radius:4px;height:20px;line-height:20px;font-size:12px;color:#fff;text-align:center;width:40px;margin:13px 10px 0 15px;background:#39AC73;overflow: hidden;} body{ overflow-x: hidden; } .flex-between { display: flex; justify-content: space-between; flex-direction: column; } .game-hj-right { width: 100% !important; margin: unset !important; } .game-hj-right li dd { width: unset !important; padding: 0 10px; } .game-hj-right li a{ color: #000000 !important; } .game-hj-right dl { border-radius: 20px; text-align: center; background-size: 35px; float: left; height: 35px; line-height: 35px; font-size: 18px; color: #999; padding: 0 0 0 0%; width: 88%; margin: 10px; overflow: hidden; border-bottom: 0px solid #444; font-weight: 500; } /**文字**/ .Mid4-vid{width:100%;margin:2px 0;overflow : hidden;} .list-wz{float:left;margin:0px 0%;width:100%;} .list-wz ul{float:left;margin:20px 0} .list-wz ul li{/**background: url(../images/10.png) 0px 0px no-repeat;**/background: linear-gradient(to right, #fff , #fff) ;float:left;width:100%;max-height:40px;margin:0px 0;overflow : hidden;border-bottom:1px solid #f3f3f3;line-height:40px; padding:0px 0 0 0px} .list-wz ul li h3{background: url(../images/dian3.gif) 0 20px no-repeat;float:left;color: #404040; font-weight:500;height:80px;padding:0 0 0 15px;width:90%;margin:0 4%;overflow : hidden;} .list-wz ul li h3 a{ font-size: 14px;text-align:left;font-weight:500;line-height:40px;overflow : hidden;margin-bottom:10px;color:#000} .nav-foot{float:left;width:90%;background:#004276;text-align:center;padding:20px 5%} .nav-foot a{color:#fff;margin:5px .5%;width:19%;float:left;font-size:14px;} /*横版yx下载*/ .Mid3-tl2 .tlbt{width:92%;margin:20px 4% 0 4%;height: 38px;line-height: 38px;} .Mid3-tl2 .tlbt p{font-size: 20px;color: #333;font-weight: bold;display: block;float: left;} .Mid3-tl2 .tlbt .mor{float:right;font-size: 12px;color: #9eb1ca;} .Mid3-tl2 .tlbt .mor:hover{transition: .3s;color: #2d72eb;} .Mid3-tl2 .tlbt .bq{margin-right: 40px;} .Mid3-tl2 .tlbt .bq li{display: block;float: left;font-size: 14px;margin: 0 8px;} .Mid3-tl2 .tlbt .bq li a{color: #666;} .Mid3-tl2 .tlbt .bq li a:hover{transition: .3s;color: #2d72eb;} .downlis{width: 100%;height:520px;overflow: hidden;margin:10px auto;} .downlis ul li{text-align: center;float: left;width:21%;height:108px;margin: 10px 2%;} .downlis ul li .img{text-align: center;max-width:80px;height:80px;overflow: hidden;border-radius: 18px;} .downlis ul li .img img{text-align: center;height:80px;border-radius: 18px;} .downlis ul li .name p{font-size: 14px;color: #333;text-align: center;width: 100%;height: 20px;line-height:20px;overflow: hidden;margin: 10px 0 20px 0;} .downlis ul li .img:hover img{opacity: 0.8;} .downlis ul li .name p:hover{transition: .3s;color: #2d72eb;} /*Mid-top*/ /*Mid-top*/ .Mid-top{float:left;width: 100%;} .Mid-top .cL{float:left;width: 100%;} .Mid-top .cL ul{float:left;width: 100%;margin-bottom: 0px;overflow: hidden;} .Mid-top .cL ul li{float:left;width:21%;height:auto;margin:0px 2% 20px 2%;overflow : hidden;border-top:0px solid #d8d8d8; padding:0px 0} .Mid-top .cL ul .ttimg{border-radius:100%;float:left;width: 100%;height:100px;margin:0 0% 0px 0;overflow :hidden; } .Mid-top .cL ul li img{object-fit: contain;display:table-cell;margin:0 auto;max-width:100%;height:100%; } .Mid-top .cL ul li p{float: left;width:100%;height:40px;text-align: center;line-height:20px;font-size: 14px;color: #000;font-weight: bold;margin:0px} .Mid-top .cL ul li p:hover{transition: .3s;color:#39AC73} .Mid-top .cL ul li img:hover{transition: .3s;width:120%} /*首屏合集*/ .game-hj{height:220px;margin: 0px 0%;overflow: hidden;width:100%;} .game-hj ul{width:100%;} .game-hj ul .dg li{border-radius: 8px;display: block;float: left;width:94%;height:200px;margin: 3%;position: relative;overflow: hidden;background: conic-gradient(#eee, #000);} .game-hj ul .dg li img{object-fit: cover;border-radius:0px;max-width:100%;height:200px;} .game-hj ul .dg li p{display:none;line-height: 30px;position: absolute;width:100%;height: 30px;left: 0;bottom: 0;border-bottom-left-radius:0px;border-bottom-right-radius: 0px;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 0.8rem;transition: all .1s linear;-webkit-transition: all .1s linear;} .game-hj ul .dg li:hover p{background: #2d72eb; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C816debd,endColorstr=#C816debd);} .game-hj ul .dg li:hover{transition: .3s;-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.3);-moz-box-shadow: 0 8px 20px rgba(0,0,0,0.3);box-shadow: 0 8px 20px rgba(0,0,0,0.3);} .game-hj ul li{border-radius:8px;display: block;float: left;width:46%;height:120px;margin: 2%;position: relative;overflow: hidden;} .game-hj ul li img{object-fit: cover;width:100%;height: 120px;} .game-hj ul li p{line-height: 36px;position: absolute;width:100%;height: 36px;left: 0;bottom: 0;border-bottom-left-radius:0px;border-bottom-right-radius: 10px;background: rgba(0,0,0,.6);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 16px;transition: all .1s linear;-webkit-transition: all .1s linear;} .game-hj ul li img:hover {transition-duration: 1s;transition-timing-function: linear;width:112%;height:112%;padding-left:-50%} .box{float:left;width:96%;margin:0 2% 0px 2%} .tbox{border-radius: 8px;border-top: 2px solid #eee;background:#fff;height:90px;padding:10px 2%;overflow: hidden;margin:0 0 20px 0;box-shadow: 0 0px 15px #ddd;float:left;width:42%;margin:2% 2%;} .tbox a{color:#333;} .tbox-title{float:left;width:100%;height:25px;line-height:25px;overflow: hidden;} .tbox-title b{background-image: url(data:image/png;base64,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) ;background-size:100% 25px ;background-repeat: no-repeat;float:left;width:50%;height:25px;line-height:25px;margin:0 0 0px 0px;padding:0 3%;text-align:left;color:#39AC73;overflow: hidden;font-weight:500;font-size:0.7rem} .tbox-title span{color:#666;float:right;font-size:0.8rem;transform: scale(0.8);right: -10px !important;} .tbox-txt{float:left;width:100%;width:100%;margin: 10px 0;font-size:0.8rem;text-align:center;color:#666;} .tbox-txt p{float:left;width:100%;height:25px;line-height:25px;} .tbox-txt p img{float:left;margin:5px 0px 0 0;width:10%;} .tbox-txt p span{float:left;text-align:left;width:50%;overflow: hidden;margin:0 0 0 5%} .tbox-txt p b{font-weight:300;float:right;color:#999;width:20%;overflow: hidden;} .bfyc{display:none;float:left;width:100%;margin:10px 0} .bfyc img{width:100%} } @media only screen and (min-width: 768px) { .tit-zb{float:left;background:#1fbe7a url(../images/do.png) 0px 0px no-repeat;border-radius:8px;box-shadow: 0 0px 5px #ddd;float:left;width:1140px;text-align:center;height:80px;line-height:40px;margin:20px 0;color:#fff;padding:10px 30px;overflow: hidden;} .tit-zb a{float:left;font-size:18px;text-align:center;white-space:nowrap;white-space: nowrap;color:#fff;width:95px;line-height:40px;} .tit-zb a:hover{transition: .3s;color:#f00} .tit-zb #sjb{display:none;border-radius:8px;float:left;background:#39AC73;width:260px;margin:0 20px 0 0;height:80px;} .tit-zb a img{height:45px;margin: 8px 0 0px 0px;border-bottom:2px solid #ff0;border:0px solid #ff0;padding:5px 5% 10px 5%} .box{float:left;width:100%;margin:0 0% 0px 0%} .tbox{border-radius: 8px;border-top: 2px solid #eee;background:#fff;height:120px;padding:10px 2%;overflow: hidden;box-shadow: 0 0px 15px #ddd;float:left;width:20%;margin:0px .5% 20px .5%;background: #1fbe7a url(../images/do.png) 0px 0px no-repeat; background-position: bottom; } .tbox a{color:#fff;} .tbox-title{float:left;width:100%;height:25px;line-height:25px;overflow: hidden;} .tbox-title b{background-image: url(data:image/png;base64,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);background-size:100% 25px ;background-repeat: no-repeat;float:left;width:30%;height:25px;line-height:25px;margin:0 0 0px 0px;padding:0 3%;text-align:left;color:#39AC73;overflow: hidden;font-weight:500;font-size:14px} .tbox-title span{color:#fff;float:right;font-size:14px} .tbox-txt{float:left;width:100%;width:100%;margin: 10px 0;font-size:0.8rem;text-align:center;color:#fff;} .tbox-txt p{float:left;width:100%;height:35px;line-height:35px;} .tbox-txt p img{float:left;margin:8px 0px 0 0;width:9%;} .tbox-txt p span{float:left;text-align:left;width:50%;overflow: hidden;margin:0 0 0 8%;font-size:16px;font-weight: 600} .tbox-txt p b{font-weight:300;float:right;color:#e7e7e7;width:20%;overflow: hidden;font-size:14px;} .tbox:hover{transition: .3s;box-shadow: 0 0px 10px #39AC73;} /**.Mid4-vid{width:1200px;overflow : hidden;}**/ .Mid4-vid dd{width:1400px;overflow : hidden;} .list-wz{border-top:0px solid #eee;border-radius: 8px;box-shadow: 0 0px 5px 0 #ddd; float: left; margin: 10px 1px 20px 5px ;width: 99.3%;padding: 0px 0 0px 0%;overflow: hidden;z-index:100; background:#f8f8f8; } .list-wz h2 a{float:left;border-bottom:1px solid #ddd;width:580px;height:40px;} .list-wz h2 a p{border-bottom:2px solid #39AC73;float:left;padding:0 0px;font-size:22px;line-height:40px;color:#000} .list-wz h2 span{float:right;font-size:16px;font-weight:500;line-height:50px;color:#39AC73} .list-wz h2 a p:hover{transition: .3s;color:#39AC73} .list-wz ul{ float: left; margin: 0 0 0px 0; width: 100%; padding:10px 0; overflow: hidden;float:left;} .list-wz ul li{border-radius:0px;float:left;width:46%;margin:0px 2% ;overflow : hidden;line-height:36px;height:36px; padding:0 0 0px 0px} .ttimg{border-radius:8px;background:#f8f8f8;border:px solid #ddd;float:left;width: 100%;height:0px;margin:0 0% 10px 0;overflow :hidden; } .list-wz ul li img{display:table-cell;margin:0 auto;min-width:100%;height:150px; } .list-wz ul li h3{/**background: url(../images/dian3.gif) 0 18px no-repeat;**/float:left;color: #404040; font-weight:400;padding:0 0 0 0px;} .list-wz ul li h3 p{text-align:left; overflow : hidden;margin-bottom:0px;} .list-wz ul li h3 p b{color:#39AC73; margin:0px 0 0 5px ; padding:0px 0 0 15px;border-left:0px solid #eee; font-size: 16px;;float:left;line-height:40px;margin-right:15px;font-weight:500; } .list-wz ul li span{line-height:15px;float:left;width:100%;overflow : hidden;} .list-wz ul li span p{line-height:20px;float:right;color: #999; font-size: 12px;height:20px;overflow : hidden;} .list-wz ul h3 span a{font-size: 14px;color: #000;overflow : hidden;} .list-wz li h3 a{font-size: 16px;color: #333;} .list-wz ul li i{display: block;float: left;width: 7px;height: 7px;background:#e6e6e6;border-radius: 50%;margin:13px 10px 0 0px;} .list-wz ul li h3 p b:hover,.list-wz li:hover a,.list-wz li:hover span{color:#39AC73;font-weight:700} /*Mid-top*/ .Mid-top{float:left;width: 100%;padding-top:30px} .Mid-top .cL{width: 100%;} .Mid-top .cL ul{width: 100%;margin-bottom: 20px;overflow: hidden;} .Mid-top .cL ul li{float: left;width:130px;height:160px;margin:20px 10px;overflow : hidden;} .Mid-top .cL ul .ttimg{border-radius:40px;width:100%;height:130px;} .Mid-top .cL ul li img{width:100%;height:100%x;} .Mid-top .cL ul li p{float: left;width:100%;height:20px;text-align: center;line-height:20px;font-size: 14px;color: #000;font-weight: bold;margin:0px} .Mid-top .cL ul li p:hover{transition: .3s;color:#39AC73} .Mid-top .cL ul li img:hover{transition: .3s;width:120%} .Mid3-tl2 .tlbt{width: 100%;height: 38px;line-height: 38px;} .Mid3-tl2 .tlbt p{font-size: 20px;color: #333;font-weight: bold;display: block;float: left;} .Mid3-tl2 .tlbt .mor{font-size: 12px;color: #9eb1ca;} .Mid3-tl2 .tlbt .mor:hover{transition: .3s;color: #2d72eb;} .Mid3-tl2 .tlbt .bq{margin-right: 40px;} .Mid3-tl2 .tlbt .bq li{display: block;float: left;font-size: 14px;margin: 0 8px;} .Mid3-tl2 .tlbt .bq li a{color: #666;} .Mid3-tl2 .tlbt .bq li a:hover{transition: .3s;color: #2d72eb;} .downlis{width: 102%;height: 340px;overflow: hidden;margin: 20px auto;} .downlis ul li{display: block;float: left;width: 110px;height: 160px;margin: 10px 20px 0;} .downlis ul li .img{display: block;width: 110px;height: 110px;overflow: hidden;border-radius: 18px;} .downlis ul li .img img{width: 110px;height: 110px;border-radius: 18px;} .downlis ul li .name p{font-size: 14px;color: #333;text-align: center;width: 100%;height: 40px;line-height: 40px;overflow: hidden;margin-top: 5px;} .downlis ul li .img:hover img{opacity: 0.8;} .downlis ul li .name p:hover{transition: .3s;color: #2d72eb;} /*游戏合集*/ .game-hj-right dl {border-radius:20px;text-align:center;background-size:35px;float:left;height:35px;line-height:35px;font-size:18px;color:#999;padding:0 0 0 0%;width:88%;margin:10px;overflow: hidden;border-bottom:0px solid #444;font-weight:500;} .bfyc{float:left;width:100%;margin:0 0 20px 00} .bfyc img{border-radius:8px;width:100%} .game-hj-right{float:right;margin:20px 5px; overflow: hidden;width:47%;border-radius: 8px ;padding:10px 0px 10px 10px;box-shadow: 0 0px 0px #ccc; background:linear-gradient(-45deg, #fff4f4, #fff1f1, #f3fff1, #e5f7ff);} @keyframes gradientBG { 0% {background-position: 0% 50%;} 50% {background-position: 100% 50%;} 100% {background-position: 0% 50%;} } .game-hj-right li{display: flex; background: url(../images/ggg.png) 10px 8px no-repeat;background-size:15px;border-bottom:0px solid #eee;float:left;height:30px;line-height:30px;margin:0px 0 0 0px;overflow: hidden;width:100%;} .game-hj-right li a:hover{transition: .3s;color:#39AC73;font-weight:700;} .game-hj-right li a{overflow: hidden;font-size:13px;color:#666;width:230px;float:left;line-height:30px;height:30px;border-radius:40px;padding:0 10px;} .game-hj-right li dd{float:left;border-radius:40px;font-size:14px;color:#39AC73;text-align:center;width:auto;margin:0px 0px 0 33px;overflow: hidden;font-weight:100;} .game-hj{box-shadow: 0 0px 5px #bbb;border-radius: 10px;height: auto;float:left;margin:20px 0 0 0;background:#eee;overflow: hidden;width: 850px;height:380px;overflow: hidden;} .game-hj ul{border-radius: 0px;width: 1342px;background:#000;} .game-hj ul .dg li{background: rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 26px;transition: all .1s linear;-webkit-transition: all .1s linear;display: block;float: left;width: 855px;height:380px;margin: 0 1px 1px 0;position: relative;overflow: hidden;border-radius: 10px;} .game-hj ul .dg li img{object-fit: cover;border-radius:8px;width:100%;height:380px;} .game-hj ul .dg li p{display:none;overflow: hidden;line-height: 30px;position: absolute;width:96%;height: 30px;padding:0px 2%;left: 0;bottom: 0;} .game-hj ul .dg li:hover p,.game-hj ul li:hover p{background: #39AC73; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C816debd,endColorstr=#C816debd);} .game-hj ul .dg li :hover{transition: .3s;-webkit-box-shadow: 0 8px 20px rgba(0,0,0,0.3);-moz-box-shadow: 0 8px 20px rgba(0,0,0,0.3);box-shadow: 0 8px 20px rgba(0,0,0,0.3);} .game-hj ul li{background:#000;border-radius: 8px;display: block;float: left;width: 348px;height: 240px;margin: 0 1px 1px 0;position: relative;overflow: hidden;} .game-hj ul li img{object-fit: cover;border-radius:0px;width:100%;height:240px;} .game-hj ul li p{overflow: hidden;line-height: 25px;position: absolute;width:96%;height:25px;padding:0px 2%;left: 0;bottom: 0;border-bottom-left-radius:0px;background: rgba(0,0,0,.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);text-align: center;color: #fafafa;font-size: 14px;transition: all .1s linear;-webkit-transition: all .1s linear;} .game-hj ul li img:hover{transition: .3s;transition-duration: 1s;transition-timing-function: linear;width:102%;height:102%;padding-left:-50%} .hj-ioscolor ul li:hover p{background: rgba(25,171,255,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C819abff,endColorstr=#C819abff);} .nav-foot{float:left;width:100%;background:#004276;padding:20px 0} .nav-foot a{color:#fff;margin:5px 3px;width:60px;float:left;font-size:12px;} .nav-foot a:hover{transition: .3s;color:#ff0;} } .flex-between{display: flex;justify-content:space-between;} .tagg ul{display: flex;flex-wrap: wrap;margin-top: 20px} .tagg li{display: inline-block;height:38px;margin:5px 5px 5px 0;} .tagg a{background:#ffead1 no-repeat;background-size:40px 40px;text-align:left;padding:8px 15px 10px 15px;color:#aa7c43;white-space:nowrap;border-radius:50px;font-size:16px} .bgwhite{background: #fff;width: 100%;padding: 0 0;} .navv { background-color: #fff; padding: 0 10px; margin-bottom: 10px; box-shadow: 0 1px 10px rgba(0,0,0,.2); overflow: hidden; } .fixDiv{ position:fixed; z-index: 999; top:0; background: #fff; width: inherit; } .navv span:nth-child(1){ position: absolute; left: -3px; top: -3px; padding: 3px; border-style: solid; border-color: #009ad9; border-width: 3px 0 0 3px; } .navv span:nth-child(2){ position: absolute; right: -3px; top: -3px; padding: 3px; border-style: solid; border-color: #009ad9; border-width: 3px 3px 0 0; } .navv span:nth-child(3){ position: absolute; right: -3px; bottom: -3px; padding: 3px; border-style: solid; border-color: #009ad9; border-width: 0 3px 3px 0; } .navv span:nth-child(4){ position: absolute; left: -3px; bottom: -3px; padding: 3px; border-style: solid; border-color: #009ad9; border-width: 0 0 3px 3px; } .navv li { cursor: pointer; display: block; padding: 0 15px; height: 52px; line-height: 52px; text-align: center; position: relative; float: left; text-align: center; padding: 6px; background: #dedede; border-radius: 100px; color: #000000; margin-right: 15px; width: 80px; cursor: pointer; } .navv .active { color: #ef3b31; border-bottom: 1px solid #ef3b31; } .tabs-box { display: flex; flex-wrap: wrap; align-items: center; width:100%; background: #ffffff; margin-bottom: 15px; border-bottom: 1px solid #ededed; } .tag-title { position: relative; font-size: 18px; font-weight: bold; min-width:150px; padding: 10px 30px; } .tag-title::before { position: absolute; content: " "; left: 0; width: 25px; height: 25px; background: url('../images/new.png') no-repeat center; background-size: cover; } .home-tabs { display: flex; align-items: center; margin: 0; padding: 5px 0; flex-wrap: wrap; } .home-tabs > li { text-align: center; background: #87cd93; border-radius:40px; color: #000000; margin-right: 10px; margin-bottom: 5px; margin-top: 5px; cursor: pointer; } .home-tabs > li:hover { background: #3e954d; color: #fff; } .home-tabs > li.active { background: #3e954d; color: #fff; } .home-tabs li a{color: #fff;font-size: 14px;display:block;padding: 5px 16px;cursor: pointer} .tab_d{color: #fff !important;font-size: 14px;display:block;padding: 5px 16px;cursor: pointer} .panel { display: block; box-sizing: border-box; background: rgb(255, 255, 255); border: 1px solid #EFEFEF; margin-bottom: 15px; } .panel ul { margin: 0; } .panel-hd { position: relative; z-index: 2006; padding-bottom: 0.5rem; border-bottom: solid 1px rgb(211, 211, 211); padding: 10px; background: var(--primary-shallow-color); color: var(--top-header-hot-color); } .panel-hd::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 0; height: 0; border-top: 44px solid var(--primary-tag-left-color); border-right:30px solid transparent; border-bottom:0px solid transparent; border-left:0px solid transparent; } .panel-hd::after { content: ""; position: absolute; z-index: 0; left: 0px; top: 0; bottom: 0; width: 0; height: 0; border-top: 40px solid var(--primary-tag-left-color); border-right:50px solid transparent; border-bottom:3px solid transparent; border-left:10px solid var(--primary-tag-left-color); } .panel-hd .zhedie img { width: 26px; height: 26px; transform: rotate(180deg); } .panel-hd .zhankai img { width: 26px; height: 26px; } .row { margin-right: -15px; margin-left: -15px; flex-wrap: wrap; font-size: .68rem } .row:before, row:after { display: inline-block; } .gametitle { text-align: center; background: #fff; background: -moz-linear-gradient(top,#fff 0,#fff 80%,#ececec 100%); background: -webkit-linear-gradient(top,#fff 0,#fff 80%,#ececec 100%); background: linear-gradient(to bottom,#fff 0,#fff 80%,#ececec 100%); border-bottom: 0; margin-bottom: 0; border: 1px solid #ededed; border-top-left-radius: 7px; border-top-right-radius: 7px } h2 .headimg { height: 48px; width: 48px } .gametitle .at { font-size: 136% } .sec-header h1,.sec-header h2,.sec-header h3 { padding: .5rem 0; border-bottom: 1px solid #e3e3e3; font-size: 1.4rem } .playerrow { box-shadow: 0 2px 8px rgba(0,0,0,.14); border: 5px solid transparent; border-radius: 6px; border-top-left-radius: 0; border-top-right-radius: 0; background-color: #fff; overflow: hidden; margin-bottom: 10px } .match-info-wrap { padding: 35px 0; border-bottom: 1px solid #e7e7e7; overflow: hidden } .col-wrap .col-40 { width: 40%; height: auto } .col-wrap .col-33 { width: 33.33%; height: auto } .col-wrap .col-20 { width: 20%; height: auto } .match-info-wrap .match-info-detail { text-align: center; font-size: 14px } .match-info-wrap .match-info-img { text-align: center; margin: 20px } .match-info-wrap .match-info-img img { height: 80px; width: 80px } .match-info-wrap .match-info-title { text-align: center; font-size: 16px } .match-info-wrap .match-info-title a { color: #fff } .match-info-wrap .match-info-score-wrap { padding: 25px 0; font-size: 24px } .match-info-wrap .match-info-detail .match-status-wrap { text-align: center } .match-info-wrap .match-info-detail .match-status-wrap .match-name { display: inline-block; padding: 3px 15px; border-radius: 3px; color: #ef3b31; border: 1px solid #ef3b31 } .live-sources { text-align: left; padding: 10px; overflow: hidden } .live-sources i { color: #dc2221; margin-right: 10px } .live-sources a { color: #19B5FE; margin-right: 5px } .box-top { background-color: #1b95e0; box-shadow: 0 0 10px #989898; color: #fff; padding: 10px 30px; line-height: 22px; } .box-top h1 { font-size: .84rem; display: inline-block; } .box-top span, .box-top span a { color: #FFF; } .box-top span { float: right; } .narrow { overflow: hidden; margin: 0 auto; border: 0 solid #717171; background-color: #fff; margin-bottom: 10px; box-shadow: 0 0 10px #989898; } .title1 { height: 40px; line-height: 40px; background: url(../images/streamhub-white-bar.png); padding: 0 30px; font-weight: bold; } .tbox-title{ position: relative; } .tbox-title a{ position: absolute; left: 5px; } .tbox-title span{ position: absolute; right: 0; } .name a{ white-space: nowrap; } .headactions { float: right; line-height: 1em; padding: 12px 10px 0 0; } .headactions img { vertical-align: middle; cursor: pointer; padding: 0 5px; } .showhand { cursor: pointer; } .cp { padding: 10px 30px; } .cp a { margin-right: 20px; line-height: 25px; } .title { height: 3rem; line-height: 3rem; border-bottom: 1px solid #f2f2f2; width: 100%; background-color: #fef4f1 /*padding: 0 0 0 8px*/ } .title i { font-size: inherit; color: #dc2221; margin-right: 8px; margin-left: 10px; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .title span { font-size: .985rem; } .game { height: 60px; width: 100%; line-height: 60px; border-bottom: 1px solid #f2f2f2; position: relative; display: flex;justify-content: space-between; } .game span{color: #666} .game span a{color: #666} .game:hover{ background: #f4faff; } .vs1 { width: 25%; height: 60px; float: left; position: relative; font-size: .68rem; overflow: hidden; } .vsMid { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%) } .vs2 { width: 50%; height: 60px; float: left; position: relative; font-size: .6rem; word-break: break-word; overflow: hidden; } .vs3 { width: 25%; height: 60px; text-align: center; float: left; position: relative; font-size: .60rem } .vs3 a { color: #fff!important } .mvs1 { width: 33%; height: 60px; float: left; position: relative; font-size: 14px } .logo { height: 66px; line-height: 66px; color: #FFFFFF; font-weight: 900; font-size: 24px; } .mvs2 { width: 50%; height: 60px; float: left; position: relative; font-size: 14px } .mvs3 { height: 60px; float: left; position: relative; font-size: 14px; overflow: hidden; } .vsMid{font-size:18px;display:flex;color:#000} .vsMid span{font-size: 18px; color: #222222; text-align: center; width: 35px; text-align: center;} .vsMid .vs{color:#b1b0b0;font-weight:200;font-size:22px;} .mvs3 a{width:85px;} .mvs3 a.live { display: inline-block; height: 26px; line-height: 26px; padding: 5px 15px; text-align: center; vertical-align: middle; color: #fff; margin-left: 5px; border-radius: 5px; background-color:#1fbe7a; } .mvs3 a.live:hover,.mvs3 a.live1 a:hover { background: #1fbe7a; color: #fff!important } .mvs3 a.live1 { display: inline-block; height: 26px; line-height: 26px; padding: 5px 15px; text-align: center; vertical-align: middle; color: #fff; margin-left: 5px; border-radius: 5px; background-color:red; } .mvs3 a.live1 a{color: #fff} .mvs3 a.live1:hover,.live1 a:hover { background: #f33; color: #fff!important } .mvs3 a.live img{display: none;} .mvs3 a.live1 img{display: inline-block;} .mvs3 a.end img{display: none;} .mvs3 a.end { display: inline-block; height: 26px; line-height: 26px; padding: 5px 15px; text-align: center; vertical-align: middle; color: #fff; margin-left: 5px; border-radius: 5px; background-color:#afafaf; } .mvs3 a.end a{color: #fff} .mvs3 a.end:hover,.mvs3 a.end a:hover { background: #afafaf; color: #fff!important } .mvs1 .name,.mvs1 .time { margin-right: 10px; margin-left: 10px } .mvs1 .name img{width:24px;height:24px;margin-right:10px;} .mvs1 .name a{color:#666} .vs .name,.vs .time { width: 100%; margin: 0 auto } .vs .name { color: #999; position: absolute; top: 5px } .vs .playbtn { position: absolute; top: 28px; display: inline-block; } .vs .playbtn a.live{ background-color:#39ac73; } .vs .playbtn a{ border-radius: 5px; display: block; color: #fff; padding: 3px 0; background-color:grey; } .vs .time { position: absolute; bottom: 10px; color: red } .player1 { position: absolute; right: 60%; white-space:nowrap; overflow:hidden; } .player2 { position: absolute; left: 60% } .countryLogo1 { width: 30px; height: 30px; margin-left: 10px; vertical-align: middle } .countryLogo2 { margin-right: 10px; width: 30px; height: 30px; vertical-align: middle } .live i, .end i { margin-right: 10px } .collapse .fa { display: none } .gameMove { display: none } .overlay-icon { position: absolute; width: 100%; height: 100%; text-align: center; display: block; -webkit-transform: translateZ(0) } .overlay-icon+.overlay-icon .overlay-icon__cell { right: 5%; left: auto } .overlay-icon__cell { display: inline-block; width: 16%; max-width: 90px; min-width: 34px; position: absolute; left: 5%; bottom: 9% } .overlay-icon__cell:after { content: ""; float: left; width: 100%; padding-bottom: 100% } .overlay-icon__target { width: 100%; height: 100%; fill: white; position: absolute; left: 0; top: 0 } .video-block { box-shadow: 0 2px 8px rgba(0,0,0,.14); border-radius: 6px; padding: 0!important; line-height: 30px; margin-bottom: 20px; overflow: hidden; font-size: 14px } .video-block h2 { color: #333; display: inline; font-size: .68rem } .video-block h2 a { font-size: 12px; color: #888; vertical-align: middle } .video-block h2 a:hover { color: #009be8 } .video-block table { width: 100%; text-align: center; color: #666 } .video-block table thead { background-color: #0c7abf } .video-block table thead { font-size: .68rem } .video-block table i { color: #dc2221 } .video-block table a { color: #333 } .video-block table .span { text-align: left; padding: 5px 20px; width: 100% } .video-block table .span a { margin-right: 10px } .video-block table .span0 { text-align: left; padding: 10px } .video-block table .span0 h1 { font-size: inherit } .video-block table .span0 h1 a { color: #fff } .video-block table .span0 .g { font-size: .68rem } .video-block table .span0 .g p { font-size: .6rem } .video-block table th { color: #fff } .video-block table .span0 .pic { width: 30%; float: left } .video-block table .span0 .g { width: 65%; position: relative; float: right } .video-block table .span0 .pic p { height: 40px; line-height: 40px; font-size: 16px; text-align: center; font-weight: bolder; border: 1px solid #dedede } .video-block table .span0 p { line-height: 1.5em } .video-block table .span0 h2 a { font-size: 16px; font-weight: 700 } .video-block table .span0 .hot-block { height: 36px; overflow: hidden } .video-block table .span0 .hot { font-size: 12px; padding: 0 5px; color: #888; background: linear-gradient(#fff,#f4f2f3) repeat scroll 0 0 transparent; line-height: 20px; border-radius: 4px; margin-right: 5px; vertical-align: middle; float: right; margin-top: 8px; border: 1px solid #e7e4e6 } .video-block table .span0 .toggle { line-height: 18px; display: none; margin-bottom: 5px; text-indent: 59px } .video-block table .span0 .toggle a { color: #888 } .video-block table .span0 .toggle a:hover { color: #009be8 } .video-block table .odd { background: #fff } .video-block table .span1 { width: 110px; text-align: center } .video-block table .even { background: #f4faff; } .video-block table .span0 .tape, .video-block table .span0 .highlight{ font-size: 12px; padding: 0 5px; color: #888; background: linear-gradient(#FFF, #F4F2F3) repeat scroll 0% 0% transparent; line-height: 20px; border-radius: 4px; margin-right: 5px; vertical-align: middle; float: right; margin-top: 4px; border: 1px solid #E7E4E6; } .endmatch { width: 100%; padding-left: 15px; padding-right: 15px; } .endmatch h2,.endmatch h3 { background-color: #f4f4f4; color: #123f58; padding: 10px; margin: 10px 0; text-align: center; font-size: .6rem; font-weight: 700 } table.gridtable { width: 100%; font-size: 12px; color: #333; border-width: 1px; border-color: #e7e7e7; border-collapse: collapse; margin-bottom: 10px } table.gridtable th { border-width: 1px; padding: 8px; border-style: solid; border-color: #e7e7e7; background-color: #dedede; text-align: center; white-space: nowrap } table.gridtable td { border-width: 1px; padding: 8px; border-style: solid; border-color: #e7e7e7; background-color: #fff; text-align: center; white-space: nowrap } .endmatch .w49 { width: 49%; float: left } .tabs-wrap { clear: both; overflow: hidden } #tabbed-widget .widget-top { background: #f7f7f7; height: 38px; border-bottom: 3px solid #eaeaea } .tabs-wrap#tab1 { display: block } #tabbed-widget ul.tabs li { float: left; position: relative; margin-left: 3px; line-height: 30px; padding: 2px; background: 0 0 } #tabbed-widget ul.tabs li a { display: inline-block; text-align: center; color: #123f58; text-shadow: 0 1px 0 #fff; padding: 5px 9px 1px; line-height: 30px } #tabbed-widget ul.tabs li a:hover { color: #000 } #tabbed-widget ul.tabs li.active a { -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; background: #fff; box-shadow: 0 -1px 2px #d4d4d4; -moz-box-shadow: 0 -1px 2px #d4d4d4; -webkit-box-shadow: 0 -1px 2px #d4d4d4 } .widget-container { padding-left: 15px; padding-right: 15px; margin-bottom: 20px; width: 100%; overflow: hidden } .widget-container h3 { font-size: inherit; font-weight: 400 } .tabs-wrap li,.widget-top li { background: url(../images/sidebar-bullet.png) no-repeat left 8px; padding: 0 0 5px 12px; line-height: 18px; overflow: hidden } .widget-top li { font-size: .68rem; font-weight: 700 } .tabs-wrap li { font-size: .6rem; font-weight: 400 } .widget-container p { padding-bottom: 1em } .widget-container a:hover { text-decoration: underline } .footer-widget-container li span.date,.widget-container li span.date { color: #aaa; margin: 5px 0; font-size: 85% } .tabs-wrap ul { padding: .5rem; border: 1px solid #f7f7f7; border-top: none; overflow: hidden } #main,#sidebar-container { position: static } .favourite { border: 1px solid #E1E1E1; background: #fff; margin-bottom:20px; } .favourite .nav { height: 42px; background: #025aa5; border: 1px solid #a1aac0; line-height: 42px; color: #fff; } .favourite .nav h3 { font-weight: bold; padding-left: 15px; } .favourite .nav h3 span { font-size: 12px; } .favourite .nav i { display: inline-block; width: 5px; height: 12px; background: #fff; margin: 0 11px; position: relative; top: 1px } .favourite .sideMenu h4 { height: 50px; line-height: 50px; padding: 0 12px; border-bottom: 1px solid #E1E1E1; } .favourite .sideMenu h4.on { border-bottom: 1px solid #E1E1E1; border-top-style: none; } .favourite .sideMenu h4 .fa-plus-square { display: block; float: left; margin-top: 18px; margin-right: 8px; color: #d5131e; } .fa-plus-square:before { content: "\f0fe"; } .favourite .sideMenu h4 p { float: left; } .favourite .sideMenu h4 span { display: block; float: right; width: 54px; height: 15px; text-align: center; line-height: 15px; font-size: 12px; background: #025aa5; color: #fff; margin-top: 18px; } .favourite .sideMenu ul { background: #f5f8ff; overflow: hidden; padding-bottom: 20px; display: none; border-bottom: 1px solid #E1E1E1 } .favourite .sideMenu ul li { float: left } .favourite .sideMenu ul li a { display: block; margin-left: 15px; padding-top: 20px } .favourite .sideMenu ul li a:hover { color: #40599c } .widget-news { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0; margin-bottom: 0 } .widget-news-title { font-size: 1rem; list-style: none; padding: .6rem; border-bottom: 1px solid #0000000d; margin-bottom: 5px } .widget-news-title i { font-size: inherit; } .widget-news .widget-news-item { padding: 0 } .widget-news-item { border: 1px solid transparent } .widget-news-item { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: -1px; background-color: #fff } .widget-news-item a { font-size: .6rem; color: #160c8d } .widget-news-item a:visited { color: #350050 } .widget-tags { margin-top: .5rem } .list-group-title { font-size: 1.2rem; list-style: none; padding: .6rem; border-bottom: 1px solid #0000000d; overflow: hidden; } .list-group-title i { font-size: inherit; } .list-group-title h2 { margin-left: 8px; display: inline-block; } .list-group-title h2 a{ color: #3a3a3a; } .list-group-item { border: 1px solid transparent; min-height: 59px; padding: 7px; overflow: hidden } .list-group-item a { line-height: 1rem; font-size: .6rem; display: block } .list-group-item .news-image { width: 40%; height: 80px; float: left; vertical-align: middle } .list-group-item .news-body { padding: 0 .5rem; float: left; width: 60% } .list-group-item .news-body .tile_date { font-size: .6rem; color: #979797; margin-bottom: 5px } .list-group-item .news-body h4.tile_title { font-size: .6rem; color: #102520; font-weight: 400 } .widget-live { overflow: hidden } .widget-live-title { height: 30px; line-height: 30px; border-bottom: 1px solid #f2f2f2; width: 100%; padding: 0 0 0 8px } .widget-live-title span { font-size: 16px } .widget-live-item .vs { width: 33.3%; height: 90px; float: left; display: block; position: relative; font-size: 16px } .widget-live-item .name { width: 100%; display: block; text-align: center; color: #999; height: 20px; line-height: 20px; font-size: 15px; margin-top: 10px } .widget-live-item .time { position: absolute; bottom: 10px; width: 100%; height: 20px; left: 0; text-align: center; color: red; font-size: 14px } .widget-live-item .countryLogo1,.widget-live-item .countryLogo2 { margin: 10px auto; width: 45px; height: 45px; display: block } .widget-live-item .player1,.widget-live-item .player2 { width: 100%; text-align: center; color: #333; font-size: 14px; display: block; overflow: hidden; padding-top: 1px; right: 0 } .widget-team { overflow: hidden; line-height: 1.24; margin-top: 0 } .widget-title{ font-size: 1rem; list-style: none; padding: .6rem; border-bottom: 1px solid #0000000d; overflow: hidden; } .widget-live span{ font-size: 16px; font-weight: 700; color: #c3c3c3; display: inline-block; margin-right: 10px; } .widget-live ul{ padding: .6rem; } .widget-live a { color: #014c8c!important } .widget-team-title { padding-left: 15px; padding-right: 15px; margin-top: 40px; margin-bottom: .5rem; overflow: hidden } .widget-team-title strong { font-weight: bolder; display: block; word-wrap: break-word; font-size: 1.25rem } .widget-team-headimg { height: 120px; width: 120px; padding-top: 10px; padding-bottom: 10px; float: right } .widget-team-headimg img { margin-right: -1px; width: 90px; height: 90px } .widget-team-summary { overflow: hidden; clear: both; border-top: solid 1px #ebebeb } .widget-team-summary { line-height: 1rem; font-size: .6rem; margin: 13px 0 6px; padding-left: 15px; padding-right: 15px; padding-top: 15px } .widget-team-parameter { padding-left: 15px; padding-right: 15px; font-size: .6rem } .widget-team-parameter ul { list-style: none; margin: 0; padding: 0 } .widget-team-parameter li { line-height: 26px; display: inline-block; } #wrap { position: relative; padding: 10px; overflow: hidden; } #read-more { padding: 5px; background: #fff; color: #333; } #read-more a { padding-right: 22px; font-weight: bold; text-decoration: none; } #read-more a:hover { color: #000; } .more { font-size: .5rem; margin-top: 10px; color: #ccc; float: right } .team-bold { font-weight: bolder } .columnNav { height: auto; background: #fff; border: 1px solid #dbdbdb; overflow: hidden } .columnNav dl dd { font-size: .6rem } .columnNav dl { display: inline-block; width: 24%; text-align: center; color: #3a3a3a; font-size: .6rem; margin-top: 15px; _float: left; } .columnNav dl .livIco { width: 53px; height: 53px } .columnNav dl a { display: block; margin: 0 auto; margin-bottom: 8px } .columnNav dl img { width: 100% } .hidden-xl-up { display: none!important } .sec-header h1,.sec-header h2,.sec-header h3 { padding: .5rem 0; border-bottom: 1px solid #e3e3e3; font-size: 1.18rem } .Header { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; height: 54px; padding: 10px } .info { width: 100%; height: 90px; margin-top: 20px; background-size: 100%; position: relative } .infoWrap { position: absolute; width: 70%; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #666; text-decoration: none } .list { width: 33.33%; float: left; height: 60px; color: #fff } .name1 { display: inline-block; height: 60px; line-height: 60px; float: left } .first { width: 54px; height: 54px; display: inline-block; margin: 2px 0 0 16px } .name2 { display: inline-block; height: 60px; line-height: 60px; float: right } .second { width: 54px; height: 54px; display: inline-block; float: right; margin: 2px 16px 0 10px } .gameName,.gameTime { width: 100%; height: 30px; line-height: 30px; text-align: center; font-size: 14px } .container-tv { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .container-tv { width: 1140px; position: relative } .fifa-chatroom img { max-width: 100%; margin-top: 0; } .live-play-bg { background-image: url(../images/play_bg.png); background-size: cover; background-repeat: repeat-y; background-attachment: fixed } .live-play-wrapper { position: relative; padding-bottom: 30px } .live-videoplay { position: relative; -webkit-box-sizing: content-box; box-sizing: content-box; margin-top: 20px } .live-videoplay .live-videoplay-player .player-box { position: relative; width: 100%; height: 0; padding-bottom: 56.33%; background: #000 } .video-js { display: block; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; background-color: #000; position: relative; padding: 0; font-size: 10px; line-height: 1; font-weight: 400; font-style: normal; font-family: Arial,Helvetica,sans-serif; word-break: initial } .live-play-title { font-size: 22px; margin: 20px 0px 5px; color: #fff; } .live-video-list { width: 1110px; } .live-videoplay-line li{ display: inline-block; } .live-videoplay-line_item { display: inline-block; color: #fff; margin: 12px 10px 0 0 } .live-videoplay-line_item a { background: rgba(255,255,255,.2); display: block; padding: 5px 10px; border-radius: 100px; cursor: pointer; } .live-videoplay-line .selected a { background: rgba(31,147,234,.7) } .live-videoplay .live-videoplay-wideleft,.live-videoplay .live-videoplay-wideright { -webkit-transition: all .6s; transition: all .6s } .live-videoplay .live-videoplay-wideright { position: absolute; top: 0; right: -15px; width: 305px; opacity: 1 } .no-padding-left,.no-padding-right { padding-right: 0 } .live-videoplay .live-videoplay-share { width: 100%; height: 54px; background-color: #1f1f1f; font-size: 14px } .live-videoplay .live-videoplay-share-item { line-height: 54px; color: #999; margin: 0 0 0 15px; cursor: pointer } .live-videoplay .live-videoplay-share-item:hover { color: #fff } .live-videoplay .live-videoplay-share-item i { margin-right: 2px } .live-videoplay .live-videoplay-share-item__share-btn { float: right; width: 80px; height: 30px; line-height: 30px; text-align: center; margin: 13px 30px 0 0; border-radius: 4px; background: #1f93ea; color: #fff; cursor: pointer } .live-videoplay .live-videoplay-share-item__share-text { float: right; margin-right: 15px; font-weight: 600; color: #ff6329; line-height: 54px } .live-video-list ul { margin: 0 -5px; font-size: 0 } .live-video-list ul li { display: inline-block; vertical-align: text-top; padding: 0 5px; width: 9%; } .live-video-list ul li .live-video-list-pic { display: inline-block; position: relative; width: 100%; height: 0; padding-bottom: 57.89% } .live-video-list ul li .live-video-list-pic .live-video-item_img { position: absolute; max-width: 100%; -o-object-fit: cover; object-fit: cover } .live-video-list ul li .live-video-list-pic .live-video-item_img__play { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px } .live-video-list ul li .live-video-list-pic .live-video-item_img__play img { width: 100%; height: 100%; opacity: .7 } .live-share-panel .live-share-wrap { position: relative; text-align: center } .live-share-panel .live-share-wrap .live-share-list ul { white-space: nowrap; font-size: 0; margin: 0 } .live-share-panel .live-share-wrap .live-share-list ul .live-share-item { margin-right: 10px; display: inline-block } .live-share-panel .live-share-wrap .live-share-list ul .live-share-item:last-child { margin-right: 0 } .live-share-panel .live-share-wrap .live-share-list ul .live-share-item a { line-height: 1; padding: 0; margin: 0; cursor: pointer } .live-share-panel .live-share-wrap .live-share-list ul .live-share-item a i { display: inline-block; width: 50px; height: 50px; background-repeat: no-repeat; background-size: 100% 100% } .live-share-panel .live-share-wrap .live-share-list ul .live-share-item .wxfriends { background-image: url(../images/wechat.png) } .live-share-panel .live-share-wrap .live-share-list ul .live-share-item .facebook { background-image: url(../images/facebook.png) } .live-share-panel .live-share-wrap .live-share-list ul .live-share-item .qq { background-image: url(../images/qq.png) } .live-share-panel .live-share-wrap .live-share-list ul .live-share-item .weibo { background-image: url(../images/weibo.png) } .live-share-panel .live-share-wrap .live-share-list ul .live-share-item .qzone { background-image: url(../images/qzone.png) } .live-share-panel .live-share-wrap .live-share-list ul .live-share-item .copylink { background-image: url(../images/copylink.png) } .jBox-wrapper { text-align: left; box-sizing: border-box } .jBox-container,.jBox-content,.jBox-title { position: relative; word-break: break-word; box-sizing: border-box } .jBox-container { background: #fff } .jBox-content { padding: 8px 10px; font-size: 12px; overflow-x: hidden; overflow-y: auto; -webkit-transition: opacity .2s; transition: opacity .2s } .jBox-Tooltip .jBox-container { border-radius: 3px; box-shadow: 0 0 3px rgba(0,0,0,.25) } .jBox-Tooltip .jBox-title { padding: 8px 10px 0; font-weight: 700 } .jBox-Modal .jBox-container { border-radius: 4px } .jBox-Modal .jBox-content { padding: 15px 20px } .jBox-Modal .jBox-title { border-radius: 4px 4px 0 0; padding: 15px 20px; background: #fafafa; border-bottom: 1px solid #eee } .jBox-Modal .jBox-container { box-shadow: 0 3px 15px rgba(0,0,0,.4),0 0 5px rgba(0,0,0,.4) } body[class*=" jBox-blockScroll-"],body[class^=jBox-blockScroll-] { overflow: hidden } @-webkit-keyframes jBoxLoading { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes jBoxLoading { to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } .col-xs-9 { width: 100%; float: left; position: relative; min-height: 1px; padding-left: 15px } .col-xs-3 { width: 25%; float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px } .col-xs-4 { width: 33.33333333%; float: left; padding-right: 15px; padding-left: 15px; position: relative; min-height: 1px } .col-xs-8 { width: 66.66666667%; float: left } .tv-desc, .tv-related{ width: 1110px; position: relative; margin-right: auto; margin-left: auto } .tv-desc, .tv-related { padding: 20px 15px; } .tv-desc h2, .tv-related h2 { font-size: 1rem; padding: 5px 0; } .tv-desc p{ line-height: 1.8; letter-spacing: 1px; } .tv-desc .row, .tv-related .row{ line-height: 1.8; } .tv-desc .row i, .tv-related .row i{ margin-right:10px; font-size: inherit; vertical-align:bottom } .live-videoplay .live-videoplay-wideleft,.live-videoplay .live-videoplay-wideright { -webkit-transition: all .6s; transition: all .6s } .live-videoplay-chatroom .chatroom { height: 561px; max-height: 561px; background: #333 } .live-videoplay-chatroom .fifa-chatroom { height: 527px; max-height: 527px; padding: 0 10px; background: #333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .live-videoplay-chatroom .fifa-chatroom .chatroom-client { padding: 5px 0 } .live-videoplay-chatroom .fifa-chatroom .chatroom-client img { width: 270px; height: 80px } .live-videoplay-chatroom .fifa-chatroom .fifa-chatroom_box { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .live-videoplay-chatroom .fifa-chatroom .fifa-chatroom_box iframe { width: 100%; height: 100%; padding: 5px 0 } .gameforecast { display: block; border-bottom: 1px solid #f2f2f2 } .gameforecast .vs { width: 33.3%; height: 90px; float: left; display: block; position: relative; font-size: 16px; text-align: center } .gameforecast .countryLogo1,.gameforecast .countryLogo2 { margin: 10px auto; width: 45px; height: 45px; display: block } .gameforecast .player1,.gameforecast .player2 { width: 100%; text-align: center; color: #333; font-size: 14px; display: block; overflow: hidden; padding-top: 1px; right: 0 } /*--video-relate--*/ .video-relate-box{ margin-bottom:20px; width: 1140px; position: relative; margin: 0 auto; padding: 15px; } .video-relate-box .title{ line-height: 30px; border-bottom: 1px solid #e7e7e7; margin-bottom: 20px; } .video-relate-box .title span{ font-size: 16px; margin-right:10px; line-height:45px; display:inline-block; margin-bottom:-1px; cursor: pointer; } .video-relate-box .title span.on{ color: #19B5FE; border-bottom: 3px solid #19B5FE; } .video-relate-box .video-content { margin-right: -15px; margin-left: -15px; } .video-relate-box .video-content ul{ display:block; overflow: hidden; } .video-relate-box .video-content ul li{ display: inline-block; width: 25%; padding-left: 15px; padding-right: 15px; float: left; } .video-relate-box .video-content ul li.first{ margin-left:0; height: inherit; } .video-relate-box .video-content ul li a>div:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; z-index: 10; } .video-relate-box .video-content ul li a>div:hover>div{ top:0; } .video-relate-box .video-content ul li img{ transition: transform 0.5s ease 0s; } .video-relate-box .video-content ul li p{ text-indent: 0; color: #666; line-height: 20px; display: block; overflow:hidden; } .video-relate-box .video-content ul li p.v-tit{ height: 36px; line-height: 36px; font-size: .68rem; text-align: center; border-top: 0; } .video-relate-box .video-content ul li p.v-time{ height: 20px; font-size:12px; float:right; } .v-time i{ margin-right:5px; } .video-relate-box .video-content ul li p:hover{ color: #f37e00; } .video-relate-box .video-content ul li p+p{ line-height: 1; color: #888 !important; } .video-relate-box .match-date{ color: #fff; background: rgba(0,0,0,0.5); z-index: 999; border: none; font-size:16px; padding: .25em .4em; font-weight: 700; text-transform: uppercase; position: absolute; left: 2px; top: 2px; } @media (min-width: 992px) and (max-width:1139px) { .video-relate-box { width: 100% } .video-relate-box .video-content ul li { width: 25%; padding-right: 15px; padding-left: 15px; } } @media (min-width: 768px) and (max-width:991px) { .main,.sidebar { width:100%; max-width: 100% } .sidebar { padding-left: 15px } .nav-link i{ display: inline-block; } .collapse.show .fa { margin: 0 14px 0 8px; width: 23px; display: inline-block } .navbar-brand img { height: 40px; vertical-align: top } .navbar a { font-size: 1.53rem } .sidebar-index { display: none } .main-index { width: 100% } .mtime,.span1,.video-block table .span0 .pic p { display: none } .dede_pages{ } .dede_pages ul{ float:left; padding:12px 0px 12px 16px; } .dede_pages ul li{ float:left; font-family:Tahoma; line-height:17px; margin-right:6px; border:1px solid #E9E9E9; } .dede_pages ul li a{ float:left; padding:2px 4px 2px; color:#555; display:block; } .dede_pages ul li a:hover{ color:#690; text-decoration:none; padding:2px 4px 2px; } .dede_pages ul li.thisclass, .dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{ background-color:#F8F8F8; padding:2px 4px 2px; font-weight:bold; } .dede_pages .pageinfo{ line-height:21px; padding:12px 10px 12px 16px; color:#999; } .dede_pages .pageinfo strong{ color:#555; font-weight:normal; margin:0px 2px; } /* .video-block table .span0 .g,.video-block table .span0 .pic { width: 100% }*/ .video-block table .span0 .g p { font-size: 1rem; display: none; } .video-block table .span0 h1 { font-size: 1.375rem } span .tile_date { font-size: .875rem } .endmatch h2,.endmatch h3 { font-size: 1rem } .widget-container li { font-size: .80rem } .block-header_title { font-size: 1.25rem } .news-list_headline,.news-list_headline-link { font-size: 1rem } .news-list_snippet { font-size: .875rem } .endmatch .w49 { width: 100% } .list-group-item .news-body .tile_date { font-size: .80rem } .list-group-item .news-body h4.tile_title { font-size: .80rem } .container-tv { width: 100% } .live-videoplay { margin-top: 0 } .col-xs-9 { width: 100%; padding-left: 0 } .col-xs-3 { display: none } .infoWrap { width: inherit } .name1,.name2 { display: none } .tv-desc, .tv-related, .live-video-list { width: 100%; } .live-video-list { height: 60px; padding: 0 10px; overflow-x: scroll; overflow-y: hidden; } .live-video-list ul { min-width: 1200px; overflow: hidden; } .tv-desc .row, .tv-related .row { margin-right: 0; margin-left: 0; } .video-relate-box { width: 100% } .video-relate-box .video-content ul li { width: 33.33%; padding-right: 15px; padding-left: 15px; } .video-relate-box .video-content ul li:last-child { display: none; } .list-group-item .news-image{ width: 20%; } .list-group-item .news-body{ width: 80%; } [role=contentinfo] .contentinfo__inner img { display: none } } @media(max-width: 767px){ .Mid3-tl2 > .tabs-box, .Mid3-tl2 > .box{ display: none; } } .clearfix { zoom: 1; clear: both; } .clearfix:after, .container-fluid:after, .container:after, .row:after { clear: both; } .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .row:after, .row:before { display: table; content: " "; } @media (max-width: 767px) { .navv { border: 1px solid #f2f2f2; padding: 5px 0; } .navv li { padding: 0px 15px; } .nav-link i{ display: inline-block; } .hot-c { width: 90% } ol.hot-c li { width: 100% } .channel-wrap ul li img { width: 60px!important; height: 30px!important; } .pagination ul li { display: none; } .pagination ul li.pre-page, .pagination ul li.next-page { display: inline-block; } .sidebar-index { display: none } .main-index { width: 100%; max-width: 100% } .main,.sidebar { width: 100%; max-width: 100% } .sidebar { padding-left: 15px } .collapse.show .fa { margin: 0 14px 0 8px; width: 23px; display: inline-block } .navbar-brand img { height: 40px; vertical-align: top } .navbar a { font-size: 1.53rem } .game { display: none } .gameMove { display: block; margin: 10px auto; padding-bottom: 10px; border-bottom: 1px solid #f2f2f2 } .vs { width: 33.3%; height: 90px; float: left; display: block; position: relative; font-size: 16px } .countryLogo1,.countryLogo2 { margin: 5px auto; width: 45px; height: 45px; display: block } .player1,.player2 { width: 100%; text-align: center; color: #333; font-size: 14px; display: block; overflow: hidden; padding-top: 1px; right: 0 } .name { width: 100%; display: block; text-align: center; color: #999; height: 20px; line-height: 20px; font-size: 15px; margin-top: 10px } .playbtn { position: absolute; top: 20px; width: 100%; height: 20px; left: 0; text-align: center; color: red; font-size: 14px } .time { position: absolute; bottom: 10px; width: 100%; height: 20px; left: 0; text-align: center; color: red; font-size: 14px } .time { margin: 0 auto } .more-news span.time { display: none; } .columnNav dl dd { font-size: .78rem; white-space: nowrap; overflow: hidden; margin: 0 5px; } .widget-team-parameter,.widget-team-summary div,.widget-team-summary p { font-size: .875rem; line-height: 1.25rem } .list-group-item a { font-size: .875rem } .more-news .news-item { font-size: .875rem } .row { font-size: .875rem } .tv-desc .row, .tv-related .row{ margin-right: 0; margin-left: 0; } .more-news .desc { font-size: .875rem } .mtime,.span1,.video-block table .span0 .pic p { display: none } .video-block table .span0 .g p { font-size: 1rem; display: none; } .video-block table .span0 h1 { font-size: 1.375rem } span .tile_date { font-size: .875rem } .endmatch h2,.endmatch h3 { font-size: 1rem } .widget-container li { font-size: .80rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .block-header_title { font-size: 1.25rem; padding: 3% 3%; } .news-list_item { margin-bottom: 0; padding:3% 3%; border-bottom: 1px solid #F5F4F4; } .news-list_headline,.news-list_headline-link { font-size: 0.8rem } .news-list_snippet { display: none; } .news-list-info { display: none; } .endmatch .w49 { width: 100% } .list-group-item .news-body .tile_date { font-size: .80rem } .list-group-item .news-body h4.tile_title { font-size: .80rem } .container-tv { width: 100% } .live-videoplay { margin-top: 0 } .col-xs-9 { width: 100%; padding-left: 0 } .col-xs-3 { _display: none; padding-right: 0; padding-left: 0; } .infoWrap { width: inherit } .name1,.name2 { display: none } .live-videoplay .live-videoplay-share-item__share-text { display: none } .tv-desc, .tv-related, .live-video-list{ width: 100% } .live-video-list { height: 60px; border-top: 5px solid #dedede; border-bottom: 5px solid #dedede; padding: 0 10px; overflow-x: scroll; overflow-y: hidden; } .live-video-list ul { min-width: 1200px; overflow: hidden; } .live-video-list li { width: 100px; border-top: 0; margin-right: 10px; } .video-relate-box { width: 100% } .video-relate-box .video-content ul li { width: 100%; padding-right: 15px; padding-left: 15px; } .live-videoplay .live-videoplay-wideright{ position:relative; left: 0; right: 0; width: 100%; } .live-videoplay-chatroom .fifa-chatroom { height: auto; padding: 0; } [role=contentinfo] .contentinfo__inner img { display: none } [role=contentinfo] { padding: 16px } [role=contentinfo] .social { line-height: 2 } .news-list-wutu ul li{padding:8px 0px;line-height: 1.8} .tabs-box{margin:0 10px;width: calc(100% - 20px)} .tag-title{display: block;width:100%;} .home-tabs { flex-wrap: unset; margin-top: 10px; display: flex; align-items: center; width: 100%; overflow: hidden; overflow-x: auto; display: block; } .home-tabs > li { text-align: center; color: #000000; margin-right: 5px; cursor: pointer; white-space: nowrap; display: inline-block; margin-right: 0; } .game-hj-right{height: 360px;float:right;margin:20px 5px; overflow: hidden;width:31%;border-radius: 8px ;padding:10px 0px 10px 10px;box-shadow: 0 0px 0px #ccc; background:linear-gradient(-45deg, #fff4f4, #fff1f1, #f3fff1, #e5f7ff); background-size: 500% 500%;animation: gradientBG 2s ease infinite; } } .list-nav{ color: #FFFFFF !important; } @media (max-width: 600px) { .list-nav { color: #000000 !important; } } .mvs1-d{ width: 40% !important; } /** live **/ .fixed_score_box{width:100%;display:block;background:linear-gradient(90deg,#292E2E 0%,#0f1852 50%,#292E2E 100%);padding:30px;box-sizing:border-box} .fixed_score_box .fixed_score_top{display:flex;justify-content:space-between;flex:1;color:white;padding-top:30px;padding-bottom:30px} .score_name_left{display:flex;align-items:center;flex:1;flex-direction:column} .score_name_right{display:flex;align-items:center;flex:1;flex-direction:column} .score_name{text-align:center} .score_name_left.score_name_right{flex-direction:row-reverse} .score_name_left{display:flex;align-items:center;flex:1} .score_name_right .image_container,.score_name_left .image_container{width:80px;height:80px;border-radius:50%;background-color:white;display:flex;justify-content:center;align-items:center} .score_name_left .image_container{margin-right:20px} .score_name_left div{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;line-height:1.8;color:#FFFFFF} .score_name_right div{font-size:18px;font-family:Microsoft YaHei;font-weight:bold;line-height:1.8;color:#FFFFFF} .score_name_right .image_container img,.score_name_left .image_container img{width:56px;height:56px;border-radius:50%} .score_name_left.score_name_right .image_container{margin-left:20px} .league_name{line-height:18px;border:1px solid #FFFFFF;border-radius:18px;padding:4px 27px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#FFFFFF} .match_score{display:flex;justify-content:space-between;align-items:center;margin:25px 0;height:39px;padding:0 28px} .match_score > div{font-size:32px;font-family:DIN;font-weight:bold;line-height:39px;color:#FFFFFF} .match_status{height:36px;background:#FFFFFF;border-radius:18px;font-size:16px;font-family:Microsoft YaHei;font-weight:bold;line-height:36px;width:140px;margin:auto;color:#F23632} .match_bg_container{position:absolute;display:flex;justify-content:center;bottom:0;left:50%;transform:translate(-50%)} .signal_box{margin-top:30px} .signal_box .tag-title img{vertical-align:middle} .signal_list{margin-top:15px} .signal_list ul li a{float:left;padding:5px;background:#d41d1b;color:#FFFFFF;box-sizing:border-box;margin-right:15px;text-align:center;font-size:14px;border-radius:5px;margin-bottom:15px} .signal_list ul li a .desc{color:#dedede;font-size:12px} .bisai_desc_box,.luxiang_box{margin-top:30px} .bisai_desc_info{padding:15px} .bisai_desc_info p{font-size:14px;padding-top:15px} .luxiang_list{padding-top:15px} .luxiang_list li{font-size:14px;padding-bottom:10px} .luxiang_list li i{float:left;width:4px;height:4px;margin:7px 14px 0px 0px;background:#999} @media (max-width: 600px) { .fixed_score_box{padding:15px} .bisai_desc_box{padding:15px;margin-top:10px} .luxiang_list{padding:15px} .luxiang_list li{font-size:14px;padding-bottom:15px} .luxiang_list li a{display:block;height:20px !important;word-break:break-all;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden} .signal_list{padding:15px;margin-top:0} .signal_list li a{width:29%} .fixed_score_box{zoom:0.82} .score_name_left h1{text-align:center} .score_name_left{display:block} .league_name{line-height:1.5;padding:5px 10px;height:unset} .league_name span{display:block} .score_name_right .image_container,.score_name_left .image_container{margin-bottom:15px} .score_name_left .image_container{margin-left:20px} } /** end live **/ .zhibony h2{ border-radius: 8px; display: block; width: 100%; margin: 20px 0 20px 0; padding: 15px 10px 15px 20px; color: #000; font-weight: 700; font-size: 16px; box-shadow: 0 1px 10px #ddd; box-sizing: border-box; } .zhibony p{padding-top:5px;padding-bottom:5px;} .view-article h1{font-size: 24px;border-bottom: 1px solid #ededed;padding-bottom: 15px;color: 666} .view-article-main p{margin-bottom: 8px;} .view-article-main a{color: green} .match_info{padding:0px;} .match_info .match_info_tit{border-bottom: solid 1px #d3d3d3;display:flex;justify-content:space-between;} .match_info .match_info_tit span{ cursor:pointer; font-size: 18px;color: #959595;font-weight: 700;border-bottom: solid 3px #fff;flex: 1;text-align: center;line-height:1.8} .match_info .match_info_tit span.on{border-bottom: solid 3px #bf303f;color: #bf303f;} .match_info_item .item.hide{display:none} .match_info_item .jfls{padding:10px 0;} .match_info_item .jfls p{padding-bottom:10px;} .match_info_item .sqfx{padding:10px 0;} .match_info_item .sqfx .mainform{border: solid 1px #f2f2f2;} .match_info_item .sqfx .mainform span{line-height:1.2;padding:10px 0} .match_info_item .sqfx .mainform .r1{display: flex;justify-content: space-between;background: #f6fff6;} .match_info_item .sqfx .mainform .r2{display: flex;justify-content: space-between;border-top: solid 1px #f2f2f2;} .match_info_item .sqfx .mainform .r1 span{width:20%;text-align:center;font-weight:600} .match_info_item .sqfx .mainform .r2 span{width:20%;text-align:center} .tabs-box_linkList{ display: flex; flex-direction: column; align-items: flex-start; } @media screen and (max-width: 998px) { .right-subscribe{ font-size: 14px; background: var(--bg-color); border-radius: 10px; box-shadow: 0 0 5px; line-height: 35px !important; font-weight: bold; padding: 8px 20px 8px 10px; color:grey; } }