@charset "utf-8";
/*============================================================
[List Stylesheet]
Theme Name:     10339 Demo
Version:        1.0.0
Author:         YouYou(QQ:191670709)
=========================================================*/
* {margin:0;padding:0;}
body {overflow:auto;min-width:1150px;background:#fff;font-size:12px;font-family:'Microsoft YaHei';-webkit-font-smoothing:antialiased;line-height:normal;}
dd,dl,dt,form,ol,ul {margin:0;padding:0;list-style:none;font-weight:400;}
img {border:none;}
a:focus {outline:0;-moz-outline:none;}
a {text-decoration:none;color:#38485a;}
a:hover {color:#4fa2dd;transition:all .2s;}
p {word-wrap:break-word;word-break:normal;}
a.fd {display:block;overflow:hidden;}
.w1200 {width:1200px;margin:0 auto}
#main {background:#f6f7f8}
.lt {float:left;}
.rt {float:right;}
.cl {clear:both;}
.cc:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.cc {display:inline-block;}
* html .cc {height:1%;}
.cc {display:block;}
.m0 {margin-right:0 !important;}
.pb20 {padding-bottom:20px;}
.h20{height: 20px;}
.main{ width:1200px; margin:0 auto;}
#header {position:relative;background-color:#262626;height:70px;width:100%;}
#nav {min-height:40px;padding-top:20px;}
.navbar {float:left;}
.navbar li {position:relative;list-style:none;float:left;display:block;}
.navbar li a {padding:10px 20px;color:#fff;display:inline-block;font-size:15px;font-weight:bolder;transition:all .2s;}
.navbar li a:hover,.navbar li a.active {background:#FFF;color:#2fa1f0}
#logo {float:left;margin:17px 50px 10px 50px;}
#logo img {width:auto;height:40px;}
.place {padding:20px;font-size:14px;color:#369ee6;}
.place a {color:#369ee6;}
.more {width:20px;height:20px;background:url(/tytheme/weiwei/css_image/icon.png) -95px -264px no-repeat;margin:18px 4px 0 0;}
.more:hover {background-position:-95px -284px;}
.SmallTitle {font-size:18px;height:42px;line-height:42px;display:block;border-bottom:1px solid #e0e0e0;font-weight:normal;}
.SmallTitle span {padding:0 10px 0;border-bottom:2px solid #666;height:41px;display:inline-block;}
.video_content {padding:15px;background:#fff}
.video_left {width:800px}
.video_right {width:340px}
.playVideo {padding:5px 0 0px 0;}
.playVideo li {width:185px;margin:15px 20px 0 0;float:left;position:relative;}
.playVideo li code {width:66px;height:66px;position:absolute;left:60px;top:20px;background:url(/tytheme/weiwei/css_image/video.png) no-repeat;display:none;z-index:99;}
.playVideo li a.fd,.playVideo li img {width:185px;height:100px;}
.playVideo li p {font-size:14px;line-height:24px;height:48px;overflow:hidden;padding-top:4px;}
.playVideo li p i {display:inline-block;width:28px;height:14px;border:1px solid #3a51ff;border-radius:3px;-webkit-border-radius:3px;text-align:center;line-height:14px;color:#3a51ff;font-size:12px;font-style:normal;margin-right:8px;}
.playVideo li p i.e5432 {border:1px solid #3a51ff;color:#3a51ff;}
.playVideo li p i.e23526 {border:1px solid #ffa800;color:#ffa800;}
.playVideo li:hover img {filter:brightness(0.5);-webkit-filter:brightness(0.5);transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;}
.playVideo li:hover code {display:block;}
.playVideo li:hover p a {color:#369ee6;}
.playVideo li:nth-child(4n) {margin:15px 0 0 0;}
.video_title {height:43px;margin-bottom:23px;border-bottom:1px solid #e0e0e0;}
.video_title span {width:122px;display:block;height:42px;line-height:39px;float:left;color:#676767;font-size:17px;text-indent:6px;border-bottom:2px solid #676767;}
.video_tag,.video_hot,.phb-a-list-of-hot {width:340px;}
.video_tag .video_list li {width:76px;height:34px;font-size:14px;line-height:34px;text-align:center;float:left;margin:0 11px 10px 0;}
.video_tag .video_list li a {display:block;border:1px solid #fff;height:34px;overflow:hidden;}
.video_tag .video_list li:nth-child(4n) {margin-right:0;}
.video_tag .video_list li:nth-child(1) a,.video_tag .video_list li:nth-child(10) a,.video_tag .video_list li:nth-child(19) a,.video_tag .video_list li:nth-child(28) a {color:#4ebfa5;border:1px solid #bee4da;}
.video_tag .video_list li:nth-child(2) a,.video_tag .video_list li:nth-child(11) a,.video_tag .video_list li:nth-child(20) a,.video_tag .video_list li:nth-child(29) a {color:#a5add5;border:1px solid #d6ddff;}
.video_tag .video_list li:nth-child(3) a,.video_tag .video_list li:nth-child(12) a,.video_tag .video_list li:nth-child(21) a,.video_tag .video_list li:nth-child(30) a {color:#f85c5c;border:1px solid #ffdada;}
.video_tag .video_list li:nth-child(4) a,.video_tag .video_list li:nth-child(13) a,.video_tag .video_list li:nth-child(22) a,.video_tag .video_list li:nth-child(31) a {color:#f99d40;border:1px solid #ffdcbc;}
.video_tag .video_list li:nth-child(5) a,.video_tag .video_list li:nth-child(14) a,.video_tag .video_list li:nth-child(23) a,.video_tag .video_list li:nth-child(32) a {color:#93d877;border:1px solid #cde5c3;}
.video_tag .video_list li:nth-child(6) a,.video_tag .video_list li:nth-child(15) a,.video_tag .video_list li:nth-child(24) a,.video_tag .video_list li:nth-child(33) a {color:#41b5c4;border:1px solid #c7e8f7;}
.video_tag .video_list li:nth-child(7) a,.video_tag .video_list li:nth-child(16) a,.video_tag .video_list li:nth-child(25) a,.video_tag .video_list li:nth-child(34) a {color:#d69ff3;border:1px solid #f8d3ff;}
.video_tag .video_list li:nth-child(8) a,.video_tag .video_list li:nth-child(17) a,.video_tag .video_list li:nth-child(26) a,.video_tag .video_list li:nth-child(35) a {color:#ddb155;border:1px solid #fae5be;}
.video_tag .video_list li:nth-child(9) a,.video_tag .video_list li:nth-child(18) a,.video_tag .video_list li:nth-child(27) a,.video_tag .video_list li:nth-child(36) a {color:#f38ce3;border:1px solid #f7d9f2;}
.ibg {background:url(/tytheme/weiwei/css_image/bg.png) no-repeat;background-position:-306px -143px;}
.video_hot .ibg a {background:none;padding-left:28px;line-height:36px;height:36px;display:block;overflow:hidden;font-size:14px}
.phb-a-list-of-hot a {float:left}
.phb-a-list-of-hot .phb-a-list-of-hot-img {width:110px;height:60px}
.phb-a-list-of-hot .phb-a-list-of-hot-img img {width:120px;height:60px}
.phb-a-list-of-hot ul {margin-top:15px}
.phb-a-list-of-hot ul li div {float:right;width:200px;overflow:hidden}
.phb-a-list-of-hot li {padding-bottom:20px;margin-top:20px;border-bottom:1px solid #e6e6e6;overflow:hidden}
.phb-a-list-of-hot ul li div h6 a {width:180px;height:50px;line-height:25px;font-size:15px;margin-top:-5px;overflow:hidden;font-weight:400}
.phb-a-list-of-hot ul li div p span {margin-top:5px;padding-left:20px;color:#999;background:url(/tytheme/weiwei/css_image/time.png) no-repeat left 50%;font-size:12px}
.phb-a-list-of-hot ul li div h6 a:hover {color:#e60012}
.phb-showClass-list-box {width:800px;float:left;margin-top:30px;}
.phb-showClass-list-nav {width:100%;line-height:45px;background:#f7f7f7;border-bottom:2px solid #369ee6;color:#333;}
.phb-showClass-list-nav li {float:left}
.phb-showClass-list-nav li a {display:block;padding:0 25px;font-size:20px;color:#333}
.phb-showClass-list-nav .phb-showClass-list-nav-on a {background:#369ee6;color:#fff;}
.phb-showClass-newlist-img {float:left}
.phb-showClass-newlist-img img {width:185px;height:100px;}
.phb-showClass-newlist div {float:left;width:590px;padding-left:10px}
.phb-showClass-newlist div h2 a {display:block;font-size:18px;height:20px;line-height:20px;overflow:hidden;width:550px;font-weight:400}
.phb-showClass-newlist div h2:hover a {color:#e91839}
.phb-showClass-newlist div .phb-showClass-newlist-cnt {color:#666;margin-top:13px;width:590px;line-height:28px;height:56px;overflow:hidden;text-indent:2em}
.phb-showClass-newlist li {margin-top:20px;overflow:hidden;border-bottom:1px solid #e6e6e6;padding-bottom:20px}
.phb-showClass-newlist-actions {width:100%;margin-top:20px}
.phb-showClass-newlist-actions .phb-list-read {display:inline-block;margin-right:25px;color:#999;padding-left:25px;position:relative}
.phb-showClass-newlist-actions .phb-list-read i {display:inline-block;width:17px;height:17px;background:url(/tytheme/weiwei/css_image/yuedu2.png) no-repeat 0 0;-webkit-background-size:100%;background-size:100%;position:absolute;left:0;top:-1px}
.phb-showClass-newlist-time {color:#999;padding-left:20px;background:url(/tytheme/weiwei/css_image/time.png) no-repeat left 50%}
.phb-showClass-newlist-more {display:block;width:235px;height:58px;margin:25px auto;font-size:22px;background:#f7f7f7;border:1px solid #e6e6e6;border-radius:5px;text-align:center;line-height:59px;color:#999}
.phb-showClass-newlist,.phb-showClass-livelist {display:none}
.phb-showClass-newlist-on,.phb-showClass-livelist-on {display:block}
footer {margin-top:40px;text-align:center;background:#2c2c30;padding-bottom:20px;border-top:3px solid #369ee6;line-height:20px}
.footer-top {overflow:hidden;padding-top:20px;border-bottom:1px solid #333;color:#999}
.footer-top a {color:#999;}
.footer-bottom {color:#ccc;font-size:12px}

.text_cont{width: 100%}
.textLeft{ width:500px; margin-right:29px;}
.flashbox{width:500px;height: 284px;overflow:hidden;position:relative;margin-bottom:7px;}
.flashbox strong{ display:block; width:500px; height:50px; margin-bottom:5px;}
.flashbox strong img{width:500px;height:50px;}
.flashbox .f{ position:absolute; right:0; top:55px; height:20px; width:80px; z-index:99;}
.flashbox .f a{ width:40px; height:20px; display:inline-block; color:#fff; text-align:center; line-height:20px; font-size:13px;}
.flashbox ul{ width:500px; height:280px; position:relative;}
.flashbox li{ width:500px; height:280px; float:left; position:absolute; left:0 ;top:0;}
.flashbox li img{ width:500px; height:280px;}
.flashbox li a{ display:block; width:100%; height:100%;}
.flashbox li p{ position:absolute; left:0; bottom:0; width:100%; height:40px; background:rgba(0,0,0,0.75); font-size:16px; color:#fff; font-weight:bold; line-height:40px; text-indent:10px;}
.flashbox li:hover p{ color:#369ee6;}
.flashbox dl{ position:absolute;right:10px; bottom:19px; overflow:hidden; z-index:99;}
.flashbox dd{ width:10px; height:10px; background:#ddd; margin-left:5px; float:left;}
.flashbox dd.cur{ background:#369ee6;}
#border{ width:500px; height:4px; background:#bbb; position:absolute;left:0; bottom:0;}
#padding{width:0;height:4px;background: #369ee6;display:block;}

.retjtz{ position:relative; margin:20px 0;}
.retjtz a{ display:inline-block; position:relative;}
.retjtz a.retjtz,.retjtz a.retjtz1{ margin-right:2px;}
.retjtz a.retjtz1,.retjtz a.retjtz2{width: 165px;height: 120px;float:left;}
.retjtz a.retjtz3{width: 332px;height: 168px;margin-top:2px;}
.retjtz a.retjtz4{width: 166px;height: 290px;position:absolute;right:0;top:0;}
.retjtz a p{ position:absolute;left:0;text-align:center; line-height:25px; font-size:14px; font-weight:bold; color:#fff;z-index:2;transition:all linear 0.3s;-webkit-transition:all linear 0.3s;}
.retjtz a .bg{ position:absolute;left:0; bottom:0; height:25px;background:rgba(0,0,0,0.75); width:100%; z-index:1; transition:all linear 0.3s;-webkit-transition:all linear 0.3s;}
.retjtz a .p1{ bottom:0; height:25px; overflow:hidden; width:100%;}
.retjtz a .p2{ width:80%; padding:0 10%; height:100%; position:absolute;left:0; top:0; bottom:-150%; right:0; margin:auto;}
.retjtz a .p2 span{}

.textMiddle{width: 640px;}
.newsBtn{ width:100%; height:42px; line-height:42px; border-bottom:1px solid #e0e0e0;}
.newsBtn a{ font-size:18px; color:#666; margin-right:44px; padding:0 10px 0; height:41px; display: inline-block;}
.newsBtn a.cur{ color:#000; border-bottom:2px solid #369ee6;}

.NewsLink{ position:relative; padding:6px 0 8px 0;}
.NewsLink:after{ position:absolute; left:4px; top:20px; width:1px; height:185px; background:#dcdcdc; content:"";}
.NewsLink li{ font-size:16px; line-height:36px; height:36px; overflow:hidden; padding-left:20px; position:relative;}
.NewsLink li:before{ position:absolute;left:3px; top:15px; content:""; width:3px; height:3px; background:#dcdcdc; z-index:3;}
.NewsLink li:after{ position:absolute;left:3px; top:13px; content:""; width:3px; height:7px; background:#fff; z-index:2;}
.NewsLink li:hover:before{ width:5px; height:5px; background:#fff; border:2px solid #369ee6; border-radius:50%; -webkit-border-radius:50%; left:0; top:12px;}

.livedate {text-align:left;background:#369ee6;display:inline-block;margin-top:15px;}
.livedate p {height:30px;line-height:30px;padding:0 10px;font-size:16px;font-weight:normal;color:#FFF;}
.livedate h2 {height:30px;line-height:30px;padding:0 10px;font-size:16px;font-weight:normal;color:#FFF;}

.liveItem dt{}
.liveItem dl{ margin-top:5px;}
.liveItem dl span{display:inline-block;float:left;}
.liveItem dl span.livetime{ width:86px; text-indent:11px;}
.liveItem dl span.liveItemName{width: 100px;}
.liveItem dl span.station{ width:149px;}
.liveItem dl span.fh{width: 240px;text-align:center;}
.liveItem dd{height: 50px;line-height: 50px;border-bottom:1px solid #e0e0e0;overflow:hidden;}
.liveItem dd span.livetime,.liveItem dd span.station{ font-size:14px; color:#999;}
.liveItem dd span.liveItemName{font-size:16px;/* line-height: 26px; */}
.liveItem dd span.fh a{width: 65px;height: 26px;border:1px solid #1cb1ff;color:#1cb1ff;display:block;text-align:center;line-height: 26px;margin:12px 0 0 10px;float: right}
.liveItem dd:hover span.liveItemName a{ color:#ff4e00;}
.liveItem dd:hover span.fh a{ color:#fff; background:#1cb1ff;}

.ball_icon {width: 26px;height: 26px;margin-right:10px;margin-top: 12px;display: inline-block;float: left;}
.match-info{font-size: 16px}
.match-info .team-a {float:left;/* height:60px; */overflow:hidden;}
.match-info .team-a .teama-name {width:132px;text-align:right;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.match-info .team-a img {width:26px;float:right;margin-top: 12px;margin-left:10px;}
.match-info .vs-score-wrap {width:78px;float:left;text-align:center}
.match-info .vs-score-wrap .played {font-size:12px}
.match-info .vs-score-wrap .played .score {font-size:16px}
.match-info .vs-score-wrap .played .line-two {line-height:30px !important;position:relative;top:5px}
.match-info .vs-score-wrap .played b {line-height:30px !important;font-weight:400;display:block}
.match-info .vs-score-wrap .going {color:#FF5722}
.match-info .vs-score-wrap .postponed {font-size:12px}
.match-info .vs-score-wrap .postponed .score {line-height:25px;position:relative;font-size:16px;top:10px}
.match-info .vs-score-wrap .postponed b {line-height:30px !important;font-weight:400;display:block}
.match-info .team-b {float:left;/* height:60px; *//* line-height: 60px; */overflow:hidden;}
.match-info .team-b .teamb-name {width:132px;text-align:left;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.match-info .team-b img {width:26px;float:left;margin-top: 12px;margin-right:10px;}

.friendlink{ padding:30px 0;background:#2a2a2a; width:100%;position:relative;}
.friendlink h2{ font-size:16px; color:#ff9600; padding:0 0 17px 0;}
.linkBox a{ margin-right:20px; display:inline-block; font-size:14px; line-height:30px;}
.linkBox a:link,.linkBox a:visited{ color:#999;}
.linkBox a:hover,.linkBox a:active{ color:#ff4e00;}

#footer{line-height:26px; text-align:center; padding:30px 0; color:#000;font-size:12px; background:#242424;color:#fff; position:relative;}
#footer dd img{margin:20px 10px 0; display:inline-block;}
#___szfw_logo___ img{margin: 0 10px 29px 0 !important;}
#_pingansec_bottomimagelarge_brand img{margin: 0 8px 26px 10px !important;}
#footer a:link,#footer a:visited{color:#fff;}
#footer a:active,#footer a:hover{color:#ff4e00;}
/*分页CSS*/
.page-zu-box{
    margin: 10px auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
}
.page-zu-box>span{
    display: inline!important;
    float: unset!important;
    font-weight: bold;
    font-size: 12px;
}
.page-zu-box>span:hover{
    color: #ff4e00;
    cursor: pointer;
}
.page-zu-box .load-data svg{
    vertical-align: middle;
    width: 100%;
    margin-top: -33px;
}
.page-zu-box[data-hasmore="no"]{
    display: none;
}
.page-zu-box .loading-data svg{
    font-size: 12px;
    vertical-align: middle;
}

.page-zu-box[isLoad="true"] .load-data{
    display: none!important;
}
.page-zu-box[isLoad="false"] .loading-data{
    display: none!important;
}

.football-load {
    -webkit-animation-name: layui-rotate;
    animation-name: layui-rotate;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@-webkit-keyframes layui-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes layui-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.layui-anim-rotate{-webkit-animation-name:layui-rotate;animation-name:layui-rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}