/******************通用样式开始*********************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
abbr,acronym {border:0;}
/*以下样式根据不同的网站可能需要改写*/
body{font-size:12px;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
a{text-decoration:none;cursor:pointer;}
a:hover{text-decoration:none;}
/******************通用样式结束*********************/

/******************全局样式开始*********************/
@media screen and (min-width: 1200px){
    .layui-container {
        width: 1200px;
    }
}

.border-none{border: 0!important;}
.text-center{text-align: center!important;}
.text-left{text-align: left!important;}
.text-right{text-align: right!important;}
.pull-left{float: left;}
.pull-right{float: right;}
.no-data{height: 50px; line-height: 50px; text-align: center; color: #bbb;}
.layui-bg-self{background: #003366!important;}
.layui-breadcrumb{visibility: visible;line-height:50px;font-size:14px;}

.layui-tab-brief>.layui-tab-title .layui-this{color: #2F4056;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
    border-bottom: 2px solid #2F4056;
}
.layui-table-page .layui-laypage-limits,.layui-table-page .layui-laypage-skip{display: none;}
.layui-table-view .layui-table th,.layui-table[lay-size=sm] th{padding: 7px 0;}
.layui-table tbody tr:hover{background: none;}

/*分页样式*/
.pagination{text-align:center;margin-top:20px;margin-bottom: 20px;background: #fff;padding: 10px;}
.pagination li{margin:0px 10px; border:1px solid #e6e6e6;border-radius:2px;display: inline-block;}
.pagination li a,.pagination li span{padding: 5px 10px;display: inline-block;}
.pagination .active{background-color: #009688;color: #fff;}
.pagination .disabled{color:#aaa;}

.layui-table.text-center td, .layui-table.text-center th{
    text-align: center;vertical-align: middle;padding: 5px 10px!important;
}

/******************全局样式结束*********************/


/******************头部导航样式开始*********************/
.header {padding: 5px 15px;}
.header .logo{display: inline-block;width: 130px;height: 50px;}
.header .img-icon{display: inline-block; width: 13px; height: 13px;margin-right: 10px;}
.header .text-right{margin-top: 12px;}
.header .text-right .layui-btn{min-width: 70px; height: 26px; line-height: 26px;}
.header .text-right .layui-btn:last-child{background: #003366!important;}

.header-nav{border-radius: 0; background: #003366;}
.header-nav .layui-nav{border-radius: 0; background: #003366;padding: 0;}
.header-nav .layui-nav .layui-nav-item{line-height: 50px;}
.header-nav .layui-nav .layui-this:after, .header-nav .layui-nav-bar, .header-nav .layui-nav-tree .layui-nav-itemed:after{
    background-color: #4476A7;
}
.header-nav .layui-nav ul{ display: flex; flex-direction: row; justify-content: space-between; }
.header-nav .layui-nav a{font-size: 18px;font-weight: 300;}
.header-nav .layui-nav a i{    display: inline-block;
    *display: inline-block;
    zoom: 1;
    width: 14px;
    height: 16px;
    position: absolute;
    top: 5px;
    right: -15px;
    background: url(/static/tisai/img/icon3.png) no-repeat center;}
/******************头部导航样式结束*********************/

/******************比分页面样式开始*********************/

.score-data .lab-event{width: 100px;text-align: center;padding-left: 4px!important;}
.score-data .lab-status{width: 64px;text-align: center;border-right: 1px solid #dedede!important;}
.score-data .lab-time{width: 55px;text-align: center;}
.score-data .lab-home{width: 140px;text-align: right;}
.score-data .lab-score{width: 60px;text-align: center;}
.score-data .lab-away{width: 140px;text-align: left;}
.score-data .lab-half{width: 55px;text-align: center;}
.score-data .lab-corner{width: 60px;text-align: center;}
.score-data .lab-live{width: 54px;text-align: center;border-left: 1px solid #dedede!important;}
.score-data .lab-odds{width: 164px;text-align: center;border-left: 1px solid #dedede!important;padding: 0 15px 0 5px!important;}
.score-data .lab-data{width: 100px;text-align: center;}
.score-data .lab-popular{width: 69px;text-align: center;border-left: 1px solid #dedede!important;}
.score-data .lab-func{width: 70px;text-align: center;}


.score-data .table-data .data-item-live .lab-status{color: #FF5722;font-size: 14px;}
.score-data .table-data .lab-event{font-weight: bold;}
.score-data .table-data .lab-event a.link{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 64px;display: inline-flex;cursor: pointer;}
.score-data .table-data .lab-score{font-weight: bold;color: #FF5722;font-size: 14px;cursor: pointer;}
.score-data .table-data .lab-half{font-weight: bold;}
.score-data .table-data .lab-corner{font-weight: bold;}
.score-data .table-data .lab-odds{cursor: pointer;}
.score-data .table-data .lab-odds .asia{line-height:16px;display: flex;justify-content: space-between;color: #999;}
.score-data .table-data .lab-odds .bs{line-height:16px;display: flex;justify-content: space-between;}
/*.score-data .table-data .lab-odds span{padding-right: 15px;}*/
.score-data .table-data .lab-odds i{width: 8px;height: 8px;display: inline-block;margin-left: 2px;}
.score-data .table-data .lab-odds .exponent-up{color: #FF5722;font-weight: 600;}
.score-data .table-data .lab-odds .exponent-up i{
    background: url(/static/tisai/img/arrow_index_up.gif) no-repeat center;
}
.score-data .table-data .lab-odds .exponent-down{color: #5FB878;font-weight: 600;}
.score-data .table-data .lab-odds .exponent-down i{
    background: url(/static/tisai/img/arrow_index_down.gif) no-repeat center;
}

.score-data .table-data .lab-home{font-weight: bold;}
.score-data .table-data .win-goal{
    color: #de1e30;
    background: url(/static/tisai/avatar/images-event/icon_goal.png) no-repeat 2px;
    background-color: #ffd6d3;
}
.score-data .table-data .lab-home a.link{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100px;display: inline-flex;cursor: pointer;}
.score-data .table-data .lab-away a.link{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 100px;display: inline-flex;cursor: pointer;}

.score-data .table-data .btn-live-court{
    width: 26px; height: 21px; display: inline-block;margin-top: 7px;
    background: url(/static/tisai/img/btn-live-court.png) no-repeat center;
}
.score-data .table-data .lab-away{font-weight: bold;}
.score-data .table-data .lab-data{width:90px;text-align: right;padding-right: 9px!important;}
.score-data .table-data .lab-func{padding:0!important;}
.score-data .table-data .lab-func .layui-icon{font-size:18px; }
.score-data .table-data a.link{line-height: 35px;display: inline-block;cursor: pointer;}
.score-data{padding-bottom: 20px;}
.score-data .table-head tr:hover{background: none;}
.score-data .color-red{color: #FF5722;}
.score-data .top-fixed{background: #fff;}
.score-data .fixed{position:fixed;top:0px;width:100%;z-index:1000;background: #393D49!important;}
.score-data .fixed table{background: #393D49!important;color: #fff;}
.score-data .fixed table th{border-bottom-color: #393D49!important;}
.score-data .event-avatar{width: 28px;height: 28px;vertical-align:top;top:4px;margin-right: 0;}
.score-data .layui-table th{font-size: 14px;padding: 15px 0px;text-align: center;}
.score-data .layui-table td{font-size: 12px;padding: 5px 0px;}
.score-data .table-data .layui-badge{padding: 0 3px;font-weight: normal;}
.score-data .layui-btn-container .layui-btn{margin: 0;min-width: 70px;margin: 0 7px;line-height: 28px;}
.score-data .layui-btn-container .layui-btn-active{background: #003366!important;}

.score-data .table-data .ranking.color-red{font-weight: normal;}

.score-data .stats-content{
    position: absolute;width: 280px;background-color: rgba(0,0,0,0.8);left: 100%;
    top: 0;z-index: 10;color: #fff;font-size: 12px;
}
.score-data .stats-content .stats-title{
    width:100%;height: 40px;line-height: 40px;font-size: 14px;display: flex;
    justify-content: space-between;background:#393D49;
}
.score-data .stats-content .stats-title .text-left{padding-left:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 120px;display: inline-flex;}
.score-data .stats-content .stats-title .text-right{padding-right:10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 120px;display: inline-flex;}
.score-data .stats-content .stats-line{height: 35px;line-height: 35px;font-size: 14px;text-align:center;border-top:1px solid #666;margin:0 10px;}
.score-data .stats-content .stats-row{height: 35px;line-height: 35px;border-top:1px solid #666;margin:0 10px;}
/******************比分页面样式结束*********************/

/******************赛事资料开始*********************/
.event-detail .site-h1 { margin-bottom: 20px; line-height: 60px; padding-bottom: 10px;  color: #393D49; border-bottom: 1px solid #eee; font-size: 28px; font-weight: 300;}
.event-detail .event-content .layui-btn-group .layui-btn{min-width: 35px;}
.event-detail .event-content .match-list .layui-table td, 
.event-detail .event-content .team-data th,
.event-detail .event-content .match-list .layui-table th{line-height: 14px;}
.event-detail .event-content .layui-table td .link{color: #2F4056;}
.event-detail .event-content .layui-table td .link-black{color: #2F4056;}
.event-detail .event-content .layui-table td .color-bbb{color: #bbb;}
.player-avatar,.team-avatar,.event-avatar{width: 18px;height: 18px;display: inline-block;top: 4px;position: relative;margin-right: 5px;}
.event-detail .event-detail .event-content .match-group-data td, .event-content .match-group-data th{font-size: 12px; padding: 9px 10px;}

.event-detail .sub-layui-collapse{border-top: 0;border-radius: 0;}
.event-detail .sub-layui-collapse:last-child{border-bottom: 0;}
.event-detail .sub-layui-collapse .layui-colla-title{padding-left: 15px;height: 35px;line-height: 35px;background: #fff;}
.event-detail .sub-layui-collapse .layui-colla-icon{left: auto;right: 15px;}
.event-detail .sub-layui-collapse .layui-btn+.layui-btn{margin-left: 0;margin-right: 10px;}
/******************赛事资料结束*********************/

/******************球队资料开始*********************/
.team-detail .team-header .layui-card-body{height: 72px;line-height: 72px;padding: 0; background: url("/static/tisai/img/bg-teamtitle.png") no-repeat 270px 0 #fff;}
.team-detail .team-header .team-logo{margin:0 10px;}
.team-detail .team-header .team-logo img{height: 50px;width: 50px;}
.team-detail .team-header .team-name{height: 72px;}
.team-detail .team-header .team-name .zh{height:28px;line-height:28px;font-size: 22px; color: #393D49;margin-top: 10px;}
.team-detail .team-header .team-name .en{height:24px;line-height:24px;font-size: 12px; color: #888;}
.team-detail .team-header .team-worth {
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    animation-name: worth;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(0, 1.24, 0.75, 1.29);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .3s;
    -webkit-animation-name: worth;
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.75, 1.29);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .3s;
    -moz-animation-name: worth;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: cubic-bezier(0, 1.24, 0.75, 1.29);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .3s;
    -o-animation-name: worth;
    -o-animation-duration: .8s;
    -o-animation-timing-function: cubic-bezier(0, 1.24, 0.75, 1.29);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .3s;
    opacity: 1;height: 100%;text-align: center;
    line-height: 72px; color: #fff;font-size: 16px;
    white-space: nowrap; position: absolute;
    top: 0;right: 50px;width: 270px;background: #2F4056;
}

.team-detail .team-header .team-worth:before,
.team-detail .team-header .team-worth:after {position: absolute;content: '';top: 0; border: solid transparent;}

.team-detail .team-header .team-worth:before {
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
    animation-name: worth;
    animation-duration: .8s;
    animation-timing-function: cubic-bezier(0, 1.24, 0.75, 1.29);
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-delay: .4s;
    -webkit-animation-name: worth;
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: cubic-bezier(0, 1.24, 0.75, 1.29);
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay: .4s;
    -moz-animation-name: worth;
    -moz-animation-duration: .8s;
    -moz-animation-timing-function: cubic-bezier(0, 1.24, 0.75, 1.29);
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay: .4s;
    -o-animation-name: worth;
    -o-animation-duration: .8s;
    -o-animation-timing-function: cubic-bezier(0, 1.24, 0.75, 1.29);
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode: forwards;
    -o-animation-delay: .4s;
    border-right-color: rgba(255,255,255,0.6);
    border-top-color: rgba(255,255,255,0.6);
    border-width: 52px 20px;
    left: -60px;
    z-index: -1
}

.team-detail .team-header .team-worth:after { border-right-color: #2F4056; border-top-color: #2F4056; border-width: 36px 14px; left: -28px;}


.team-detail .team-honor .layui-card-body{ height: 80px; }
.team-detail .team-honor .team-info{width: 450px;margin-top: 10px;}
.team-detail .team-honor .team-info .tip{display: inline-block;color: #999;line-height: 30px;height: 30px;}
.team-detail .team-honor .team-info .text{display: inline-block;min-width: 120px;line-height: 30px;height: 30px;}
.team-detail .team-honor .trophy-list{line-height: 80px;float: right;}
.team-detail .team-honor .trophy-list img{font-size: 12px; max-width: 40px; max-height: 56px; min-width: 20px; min-height: 20px;}
.team-detail .team-honor .trophy-list .item{ position: relative; display: inline-block; min-width: 60px;}
.team-detail .team-honor .trophy-list .layui-badge{ position: absolute; bottom: 12px; left: 25px;}
.team-detail .team-honor .trophy-list .more{color: #888;}
.team-detail .layui-card-header{border-left: 2px solid #002266;color: #393D49;}

.team-detail .trophy-list-panel{text-align: center;}
.team-detail .trophy-list-panel li{display:inline-block; width: 340px;text-align: left; padding: 20px;}
.team-detail .trophy-list-panel .honor-logo{position: relative;width: 40px;}
.team-detail .trophy-list-panel .honor-logo img{width: 40px;height: 40px;}
.team-detail .trophy-list-panel .honor-logo .layui-badge{position: absolute; bottom: -5px;right: -5px;}
.team-detail .trophy-list-panel .honor-data{margin-left: 20px;width: 280px;}
.team-detail .trophy-list-panel .honor-data .title{font-size: 14px;}

/******************球队资料结束*********************/

/******************球员资料结束*********************/
.player-detail .player-data .layui-card-body{height: 200px;}
.player-detail .player-data .info-data li{width: 180px;float: left;display: inline-block;line-height: 28px;}
.player-detail .player-data .info-data li .tip{color: #999;margin-right: 5px;}

.player-detail .player-data .trophy-list{line-height: 85px;}
.player-detail .player-data .trophy-list img{font-size: 12px; max-width: 40px; max-height: 56px; min-width: 20px; min-height: 20px;}
.player-detail .player-data .trophy-list .item{ position: relative; display: inline-block; min-width: 60px;}
.player-detail .player-data .trophy-list .layui-badge{ position: absolute; bottom: 12px; left: 25px;}
.player-detail .player-data .trophy-list .more{color: #888;}

.player-detail .player-position{margin-top: 15px;}
.player-detail .player-position .layui-card-body{height: 200px;}
.player-detail .player-position .lineup_court{position: relative; }
.player-detail .player-position .lineup_court img{width: 300px;height: 200px;}
.player-detail .player-position .lineup_court .layui-badge-rim{width:30px;padding:0;height: 30px;line-height: 30px;border-radius: 30px;color: #de1e30;font-weight: bold;font-size: 14px;}
.player-detail .player-position .lineup_court .item{position: absolute;}
.player-detail .player-position .lineup_court .item.st {
    top: 84px; right: 10px;
}
.player-detail .player-position .lineup_court .item.rw {
    bottom: 10px; right: 50px;border: 2px solid #FF5722;
}
.player-detail .player-position .lineup_court .item.lw {
    top: 10px; right: 50px;
}
.player-detail .player-position .lineup_court .item.dm {
    top: 84px; right: 168px;
}
.player-detail .player-position .lineup_court .item.mr {
    bottom: 10px; right: 134px;
}
.player-detail .player-position .lineup_court .item.mc {
    top: 84px; right: 134px;
}
.player-detail .player-position .lineup_court .item.ml {
    top: 10px; right: 134px;
}
.player-detail .player-position .lineup_court .item.dr {
    bottom: 10px; left: 50px;border: 2px solid #FF5722;
}
.player-detail .player-position .lineup_court .item.dc {
    top: 84px; left: 50px;border: 2px solid #FF5722;
}
.player-detail .player-position .lineup_court .item.dl {
    top: 10px; left: 50px;
}
.player-detail .player-position .lineup_court .item.gk {
    top: 84px; left: 10px;border: 2px solid #FF5722;
}
.player-detail .player-position .lineup-center{padding:15px;width: 100px;}
.player-detail .player-position .lineup-center .position-title{font-size: 14px;}
.player-detail .lineup-center .item,.player-detail .lineup-center .item-list{line-height: 28px;}
.player-detail .lineup-center .item-list{display: block;}
.player-detail .player-position .lineup-center .name-position{font-size: 14px; color: #de1e30;font-weight: 600;margin-right: 5px;}
.player-detail .lineup-right{width: 400px;}
.player-detail .lineup-right .layui-bg-green{height: 75px;padding: 10px;}
.player-detail .lineup-right .layui-bg-gray{height: 75px;margin-top: 10px;padding: 10px;}
.player-detail .lineup-right .left{font-size: 14px;}
.player-detail .lineup-right .cnt span{width: 120px;float: left;line-height: 28px;text-align: center;}
/******************球员资料结束*********************/


/******************分析页面开始*********************/
.analysis {background: #fff;}
.analysis .analysis-header{height: 100px;line-height: 90px;}
.analysis .team-name{font-size: 24px;color: #393D49;font-weight: 300;} 
.analysis .team-logo img{width: 54px;height: 54px;margin: 0 15px;}
.analysis .team-score{font-size: 40px;color: #FF5722;font-weight: 500;}

.analysis .match-date{line-height: 24px;height: 24px;color:#999;margin-top: 10px;overflow: hidden;}
.analysis .match-vs{line-height: 20px;height: 20px;font-size: 14px; }
.analysis .match-text{line-height: 24px;height: 24px;color:#999;}

.analysis .analysis-tab .layui-tab-title{border-top: 1px solid #e6e6e6;}
.analysis .analysis-tab .layui-tab-title li{margin-right: 50px;}
.analysis .analysis-tab .layui-tab{text-align: center!important;}

.analysis-data{padding: 0px 0 20px;}
.analysis-data .layui-card-body{padding: 0;}
.analysis-data .layui-card-body .layui-table{margin:0;}
.analysis-data .history-info{display:inline-block; text-align: center;color: #888;position: absolute;right:15px;bottom:9px;font-size: 12px;}

.analysis-data .list-title{font-size: 16px;color: #393D49;text-align: center;height: 35px;line-height: 35px;}
.analysis-data .record-data .layui-card-header img{width: 25px;height: 25px;}
.analysis-data .record-data .layui-card-header{font-size: 16px;color: #393D49;font-weight: 300;}
.analysis-data .record-data .layui-card-header .rank{color: #888;font-size: 14px;}
.analysis-data .record-data .color-red{color: #FF5722;}
.analysis-data .record-data .layui-table-cell{padding: 0 5px;}
.analysis-data .record-data .layui-table, .layui-table-view{margin-top: 0;margin-bottom: 0;}
.analysis-data .layui-table-header thead tr{background: #2F4056!important; color: #fff;}

.odds-data .layui-table td:first-child,.odds-data .layui-table td:last-child{font-weight: normal;}
.odds-data .layui-table td{font-size: 12px;font-weight: 600!important;}

/******************分析页面结束*********************/


/******************详情页面开始*********************/
.match-detail{width: 100%;padding-bottom: 20px;background: url(/static/tisai/img/bg-soccermatch.png) no-repeat center 0;background-color: #f7f7f8;}
.match-detail .live-panel .layui-tab-brief>.layui-tab-more li.layui-this:after, 
.match-detail .live-panel .layui-tab-brief>.layui-tab-title .layui-this:after{
    border: 0;
}
.match-detail .layui-col-space10{margin-top: 5px;}
.match-detail .live-panel{height: 600px;padding: 0;background: #343434;}
.match-detail .live-panel .top-title .radius{float: left;background-color: #fdbf04;width: 6px;height: 30px;margin-right: 10px;margin-top: 6px;border-radius: 5px;}
.match-detail .layui-tab{margin: 0;}
.match-detail .layui-tab .layui-tab-title{height: 45px;line-height: 45px;border: 0;}
.match-detail .layui-tab .layui-tab-title li{background: #2e2e2e;color: #999;line-height: 45px;}
.match-detail .layui-tab li.layui-this{background: #464545; color: #ffb400;line-height: 45px;}
.match-detail .layui-tab .layui-tab-content{padding: 0;min-height:330px;}
.match-detail .layui-tab .live-url{height: 330px;width: 750px;margin:0 auto;overflow: hidden;position: relative;}
.match-detail .layui-tab .live-url iframe{width: 750px;height: 500px;border: 0;position: absolute;bottom: -60px;}
.match-detail .top-title{ height: 45px;line-height: 45px;background: #262626;color: #fff; padding: 0 20px 0 10px;}
.match-detail .top-title .event-name{font-size: 14px;}
.match-detail .bottom-data{background: #2b2b2b;height: 180px;width: 100%;padding-top: 10px;}
.match-detail .bottom-data .team-name{font-size: 20px;color: #fff;font-weight: 300;line-height: 40px;} 
.match-detail .bottom-data .team-logo img{width: 40px;height: 40px;border-radius: 5px;}
.match-detail .bottom-data .pull-right img{margin-left: 10px;}
.match-detail .bottom-data .pull-left img{margin-right: 10px;}
.match-detail .bottom-data .team-score{font-size: 40px;color: #fff;font-weight: 300;}
.match-detail .bottom-data .match-date{line-height: 24px;height: 24px;color:#999;margin-top: 10px;}
.match-detail .bottom-data .match-vs{line-height: 24px;height: 24px;font-size: 24px;color: #fff;}
.match-detail .bottom-data .match-text{line-height: 20px;height: 20px;color:#fff;font-size: 14px;}
.match-detail .ts-top{color: #fff; margin-top: 0;padding-top: 15px;}
.match-detail .bottom-data .home-score,
.match-detail .bottom-data .away-score{
    background: #000; color: #fff; font-size: 18px;font-weight: 300; padding: 5px 10px; border-radius: 5px;
}
.match-detail .ts-bottom{color: #fff; margin: 0; margin-top: 12px;}
.match-detail .ts-bottom .line{line-height: 28px;height: 28px;}
.match-detail .ts-bottom .line .layui-progress{margin-top: 8px;}
.match-detail .ts-top .text-center .layui-progress{margin-top: 3px;}
.show-right .layui-progress-bar:first-child{left:auto; right: 0;}
.match-detail .layui-progress-big,.match-detail .layui-progress-big .layui-progress-bar{height: 12px; line-height: 12px;}
.match-detail .layui-progress-big .layui-progress-text{line-height: 12px;}

.match-detail-tlive{
    background-color: #f7f7f8;padding-bottom: 20px;
}
.match-detail-tlive .layui-tab{margin-top: 0;}
.match-detail-tlive .layui-tab-content{
    background: #fff; padding: 20px;
}
.match-detail-tlive .layui-timeline .layui-timeline-item{
    background: #efefef; padding: 20px;margin-bottom: 10px;border-radius: 10px;
    height: 30px; line-height: 30px;
}
.match-detail-tlive .layui-timeline .layui-timeline-item .layui-timeline-axis{
    height: auto;width: auto;left: 15px;top: 14px;padding: 10px; background: #bcbcbc;color: #fff;
}
.match-detail-tlive .layui-timeline .layui-timeline-content{padding-left: 60px;height: 30px;line-height: 30px;font-size: 14px; color: #676767;}
.match-detail-tlive .layui-timeline .layui-timeline-title{font-size: 24px; color: #393D49;margin-right: 10px;}

.match-detail-tlive .incidents-data{font-size: 14px; color: #555;padding:30px 30px 10px 20px;}
.match-detail-tlive .incidents-data .layui-bg-cyan{
    padding: 0;background: #f9e6d2!important;margin-top: 5px;position: relative;
    border-right: 1px solid #ffb400;
}
.match-detail-tlive .incidents-data img{width: 28px;height: 28px;margin-right: 10px;}
.match-detail-tlive .incidents-data p{line-height: 35px;height: 35px;position: relative;}
.match-detail-tlive .incidents-data .home-incidents img{width: 18px;height: 18px;cursor: pointer;position: absolute;top: 8px;}
.match-detail-tlive .incidents-data .away-incidents img{width: 18px;height: 18px;cursor: pointer;position: absolute;top: 8px;}

.match-detail-tlive .incidents-data .layui-bg-cyan .x-line{
    width: 100%;position: absolute;top:50%;height: 1px;background: #ddd;
}
.match-detail-tlive .incidents-data .layui-bg-cyan .y-line{
    width: 1px;position: absolute;left:51%;height: 70px;background: #ffb400;
}

.match-detail-tlive .incidents-data .layui-bg-cyan i{
    position: absolute;top:-22px;color: #bbb;font-style: normal;
}
.match-detail-tlive .incidents-data .layui-bg-cyan i:nth-child(1){
    left: -5px;
}
.match-detail-tlive .incidents-data .layui-bg-cyan i:nth-child(2){
    left: 16.66666666%;
}
.match-detail-tlive .incidents-data .layui-bg-cyan i:nth-child(3){
    left: 33.33333333%;
}
.match-detail-tlive .incidents-data .layui-bg-cyan i:nth-child(4){
    left: 50%;color: #ffb400;
}
.match-detail-tlive .incidents-data .layui-bg-cyan i:nth-child(5){
    left: 66.66666666%;
}
.match-detail-tlive .incidents-data .layui-bg-cyan i:nth-child(6){
    left: 83.33333333%;
}
.match-detail-tlive .incidents-data .layui-bg-cyan i:nth-child(7){
   right: -20px;color: #ffb400;
}

.match-detail .chat-panel{padding-top: 0px;position: relative;}
.match-detail .chat-panel .layui-card-body{height: 568px;padding: 0;}
.match-detail .chat-panel .layui-card-body .layui-form{width: 100%;position: relative;bottom: 0;}
.match-detail .chat-panel .layui-card-body .layui-form textarea{resize: none;border-radius: 0;outline: none;border:0;width: 265px;height:80px;padding:5px 10px;line-height: 24px;border-top: 1px solid #ddd;border-bottom: 1px solid #f1f1f1;}
.match-detail .chat-panel .layui-card-body .layui-form .layui-form-item{margin-bottom: 8px;}
.match-detail .chat-panel .layui-card-body .layui-form .layui-btn{min-width: 80px;position: absolute;right: 10px;bottom: 15px;}
.match-detail .chat-panel .chat-content{height: 476px;overflow: hidden;overflow-y: scroll;}
.match-detail .chat-panel .chat-content p{line-height:20px;display:block;padding:2px 8px;font-size: 14px;}
.match-detail .chat-panel .chat-content svg.icon{display:inline-block;width:18px;height:18px;fill:#ccc;position:relative;top:4px;}
.match-detail .chat-panel .chat-content .username{font-size:14px;line-height:18px;color:#1E9FFF;}

.match-detail .chat-panel .chat-content p.color-welcome{
    color: #ffa03a;
}

.match-detail-lanqiu .layui-timeline-item{padding-bottom: 0;}
.match-detail-lanqiu .layui-timeline-item:before{left: 49px;}

.lanqiu-match-list{margin-top: 10px;}
.lanqiu-match-list .triangle:before{content:"";position:absolute;right:-1px;top:38px;width:0px;height:0px;border-top:8px solid transparent;border-right:8px solid white;border-bottom:8px solid transparent;z-index: 1000;}
.lanqiu-match-list .time{margin-top:20px;text-align:center;font-size: 16px;height: 30px;line-height:30px;display: block;}
.lanqiu-match-list .time-icon{text-align:center;
    display: block;padding-left: 10px;height: 30px;line-height:30px;color: #f5677d;
    background: url(/static/tisai/img/lyout-grid-ball.gif) no-repeat 20px;
}
.lanqiu-match-list .time-text{text-align:center;
    display: block;height: 30px;line-height:30px;color: #6CD0FF;
}

.lanqiu-match-list .event-live-title{
    position: relative;
    background: url(/static/tisai/img/layout-grid-title.png) no-repeat 0 0;
}
.lanqiu-match-list .event-live-title .border-left{height:100%;width: 3px;display: block;position: absolute;left: 0;top:0;background: #f5677d;}
.lanqiu-match-list .event-live-title .pull-left{color:#2F4056;font-size:14px;display:inline-block;max-width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lanqiu-match-list .event-live-title .pull-right{color: #de1e30;}

.lanqiu-match-list .event-title{
    position: relative;
    background: url(/static/tisai/img/layout-grid-title.png) no-repeat 0 -30px;
}
.lanqiu-match-list .event-title .border-left{height:100%;width: 3px;display: block;position: absolute;left: 0;top:0;background: #79bcee;}
.lanqiu-match-list .event-title .pull-left{color:#2F4056;font-size:14px;display:inline-block;max-width: 110px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lanqiu-match-list .event-title .pull-right{color: #de1e30;}


.lanqiu-match-list .score{color: #de1e30;font-weight: 700;fill: currentColor;}
/******************详情页面结束*********************/

/******************完场页面开始*********************/
.wanchang{padding-bottom: 20px;}
.wanchang .event-avatar{width: 32px;height: 32px;vertical-align:top;}
.wanchang a.link{height: 35px; line-height: 35px;}
.wanchang .score{color: #de1e30;font-weight: bold;font-size: 14px;}
.wanchang .layui-table[lay-size=sm] th{font-size: 14px;padding: 10px 5px;}
.wanchang .date-list{display: flex;justify-content: space-between;font-size: 14px;}
.wanchang .date-list .color-red a{color: #FF5722;}
.wanchang .btn-live-court{width: 26px; height: 21px; display: inline-block;background: url(/static/tisai/img/btn-live-court.png) no-repeat center;}
/******************完场页面结束*********************/


/******************足球、篮球直播页面开始*********************/
.live-zuqiu {
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    background-color: #f0f0f1;
    height: 50px;
    line-height: 48px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    margin-bottom: 10px;
}

.live-zuqiu .sub-nav ul{
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    font-size: 0;
    display: flex;
    justify-content: space-between;
}
.live-zuqiu .sub-nav li {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    display: inline-block;
    font-size: 14px;
    position: relative;
    vertical-align: top;
    border-bottom:2px solid #f0f0f1;
}
.live-zuqiu .sub-nav li:hover, .live-zuqiu .sub-nav li.active {
    background-color: #fff;
    border-bottom:2px solid #1f58d0;
}

.live-zuqiu .sub-nav .link {
    color: #333;
    display: block;
    padding: 0 20px;
}
.live-zuqiu li:hover .link, .live-zuqiu .sub-nav li.active .link {
    color: #1f58d0;
}

.card-title { width: auto; height: 40px; border-top: 2px solid #003366; border-bottom: 1px solid #e4e4e4; padding-left: 0;}
.card-title span {
    min-width: 100px; height: 40px; line-height: 40px; display: inline-block; border-bottom: 1px solid #fff;
    border-right: 1px solid #e4e4e4; vertical-align: middle; color: #003366; font-size: 14px;
    padding: 0 5px; font-family: "Microsoft YaHei"; font-weight: bold;
}
.card-title span i {
    height: 21px; line-height: 20px; padding-top: 0px; position: absolute;
    background: #fff; margin-top: 5px; margin-left: 10px; font-size: 21px; 
    font-family: "Microsoft YaHei";
}
.card-title span em {
    width: 24px; height: 24px; display: inline-block; vertical-align: middle;
    border: 1px solid #003366; margin-left: 15px; margin-right: 5px;
}


.live-list .layui-row{display:block;padding:20px 0;border-bottom:1px solid #ddd;height: auto;}
.live-list .layui-row .left-data,
.live-list .layui-row .center-data,
.live-list .layui-row .right-data{display:flex;justify-content: space-around;}
.live-list .layui-row .left-data .text-center{display:inline-block;width:60px;}
.live-list .layui-row .left-data .text-left{display:inline-block;width:140px;}
.live-list .layui-row .center-data .text-right,.live-list .layui-row .center-data .text-left{display:inline-block;width:190px;font-size:14px;}
.live-list .layui-row .center-data .text-center{display:inline-block;min-width:30px;}

.img-news-list li{height: 65px;width: 100%;padding: 10px 0 6px;border-bottom: 1px solid #ddd;}
.img-news-list li:last-child{border-bottom: 0;}
.img-news-list a{position: relative;padding-left: 100px;height: 65px;width: 100%;display: block;}
.img-news-list a img{width: 90px;height: 60px;position: absolute;left: 0;top: 0;}
.img-news-list a h3{width: 210px;line-height: 18px;}
.img-news-list a .date{color: #888;display: inline-block;margin-top: 3px;}

.guess .layui-card-body{padding: 10px;height:180px;}
.guess .guess-title{font-size:16px;font-weight:bold;color:#3a3a3a;padding:8px;}
.guess .link{height:105px;display:block;}
.guess .layui-btn-group{width: 100%;}
.guess .percent{font-size: 14px;margin:15px 0 5px;height:20px;}
.guess .guess-text{height:20px;font-size:12px;color:#003366;}
.guess .guess-bottom{height:20px;margin-top:15px;}
.guess .guess-bottom .text-left{font-size:12px;float:left;}
.guess .guess-bottom .text-right a{color:#6699cc;font-size: 12px;}
.guess .layui-bg-cyan{background: #6699CC!important;}
.guess .layui-progress{top:3px;}
.guess .layui-progress-big, .guess .layui-progress-big .layui-progress-bar{
    height: 16px;line-height: 16px;
}
/******************足球、篮球直播页面结束*********************/


/******************足球、篮球视频、图片页面结束*********************/
.video{padding-bottom: 20px;}
.video .video-list .list{height: 190px;text-align: center;padding: 5px 10px;position: relative;}
.video .video-list .list img{height: 110px;width:100%;margin: 0 auto;}
.video .video-list .list h3{font-size:14px;width: 200px;margin: 0 auto;line-height: 20px;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;max-height: 40px;}
.video .video-list .list h3.date{margin-top: 0px;font-size: 12px;color: #888;}
.video .video-list .list .play_icon{width: 40px;height: 40px;position: absolute;top:40px;left: 90px;}
.video .video-list .list .video_fill{width: 208px;height: 110px;background-color: #8FB0D1;position: absolute;top: 5px; left: 10px; opacity: 0.2;}
.video .layui-tab .layui-tab-title{border-color: #fff;}
.video .layui-tab .layui-tab-title .layui-this:after{border-color: #fff;border-radius: 0;}
.video .layui-tab .layui-tab-title .layui-this{color: #fff;background: #6699cc;}
.video-play{margin: 0 auto;float: none;position: relative;}
.video-play a.play_content{height: 400px;display: inline-block;}
.video-play a.play_content p{font-size:14px;width: 100%;height: 40px;line-height: 40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-play img{height: 350px;width:100%;margin: 0 auto;}
.video-play .title{font-size:24px;font-weight: bold;width: 100%;height:40px;line-height: 40px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.video-play .date{margin-top: 0px;font-size: 12px;color: #888;margin-bottom: 10px;}
.video-play .play_icon{width: 70px;height: 70px;position: absolute;top:215px;left: 295px;}
.video-play .video_fill{width: 100%;height: 350px;background-color: #8FB0D1;position: absolute;top: 74px; left: 0px; opacity: 0.3;}

.picture .video-list .list{height: auto;padding: 0px;padding-bottom:5px;display: block;}
.picture .video-list .list img{height: auto;}
.picture .video-list .list h3{width: 95%;}
.picture .video-list .list h3.title{font-size: 18px;font-weight: 600;}


.picture-album{margin: 0 auto;float: none;position: relative;}
.picture-album .title{font-size:24px;font-weight: bold;width: 100%;height:40px;line-height: 40px;margin-bottom: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.picture-album img{height: auto;width:auto;margin: 0 auto; max-width: 100%;max-height: 100%;}
.picture-album .picture_title{height: 50px;line-height: 50px;font-size: 24px;position: absolute;left: 0;bottom: 0;width: 100%; background: rgba(0, 0, 0, 0.7);text-align: left;padding-left: 10px;color: #eee;}
.picture-album .title-text{display:inline-block;font-size: 16px;width: 620px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.picture-album .picture_index{font-size: 20px;display: inline-block;float: left; margin-right: 10px;}
.picture-album .picture_index em{color: #cc191b; font-style: normal;}
.picture-album .picture_from{position: absolute;right: 10px;bottom: 5px;}
.picture-album .layui-carousel-ind{display: none;}
/******************足球、篮球视频、图片页面结束*********************/





/******************底部开始*********************/
.member-footer{
    width:100%;
    padding:15px 0 10px;
    background: #fff;
    position: relative;
    bottom: 0;
    margin-top: 20px;
    font-size: 12px;
}
.member-footer .ui-footguide{
    height:20px;
    padding-bottom:10px;
    margin:auto;
    border-bottom:1px dashed #b6b6b6;

    text-align: center;
}
.member-footer .ui-footguide ul{
    text-align: center;
    width:1000px;
    margin: 0 auto;
}
.member-footer .ui-footguide ul li{
    height:20px;
    float:left;
    padding: 0 7px;
}
.member-footer .ui-footguide ul li:first-child{
    border-left:none;
}
.member-footer .ui-footguide ul li a{
    display:block;
    height:20px;
    text-align:center;
    color:#999999;
    font-size:12px;
    margin:auto;
}
.member-footer .ui-footguide ul li a:hover{
    color:#296ecc;
    cursor:pointer;
    text-decoration:none;
}
.member-footer .ui-mcopyright{
    height:61px;
    padding-top:10px;
    margin:auto;
    text-align: center;
}
.member-footer .ui-mcopyright p{
    width:auto;
    display:block;
    margin-top:5px;
    font-size: 12px;
    color: #555;
}
/******************底部结束*********************/


/*首页*/
.home-index{padding-top: 10px;padding-bottom: 20px;}
.home-index .nav-fast .layui-card-body{padding: 10px 0;}
.home-index .nav-fast .layui-card-body li{height: 35px;line-height: 35px;background: #fff;}
.home-index .nav-fast .layui-card-body li .icon{display: inline-block;vertical-align: middle;margin: 0 8px;width: 20px;height: 20px;line-height: 20px;font-size: 20px;position: relative;top: -2px;}
.home-index .nav-fast .layui-card-body li:hover{background: #f7f7f8;}
.home-index .nav-fast .layui-card-body li a{width: 100%;display: inline-block;}

.home-index .layui-tab-title li{font-size: 18px;height: 40px;}
.home-index .layui-tab-title .layui-this{color: #4476A7;}
.home-index .layui-tab-title .layui-this:after{border-bottom-color: #4476A7;}
.home-index .live-list .layui-tab-content li{height: 40px;border-bottom: 1px solid #eee;padding:10px 0;}
.home-index .live-list .layui-tab-content .match-status{display: inline-block;float: left;margin-top: 11px;}
.home-index .live-list .layui-tab-content .match-time{height:40px;line-height:20px;width:60px;text-align:center;display: inline-block;float: left;}
.home-index .live-list .layui-tab-content .event-name{height:40px;line-height:40px;width:70px;color: #393D49;font-size: 14px;display: inline-block;float: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-index .live-list .layui-tab-content .team{height:40px;line-height:40px;width: 350px;float: left;}
.home-index .live-list .layui-tab-content .team .home-team{width: 145px;float: left;color: #393D49;font-size: 14px;}
.home-index .live-list .layui-tab-content .team .team-name{display:inline-block;max-width: 110px;float:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.home-index .live-list .layui-tab-content .team .team-logo{display: inline-block;width: 25px;float:left;}
.home-index .live-list .layui-tab-content .team .text-right .team-name{float: right;}
.home-index .live-list .layui-tab-content .team .text-right .team-logo{float: right;}
.home-index .live-list .layui-tab-content .team .team-logo img{position: relative;top: -2px;width: 18px;height: 18px;}
.home-index .live-list .layui-tab-content .team .vs{width: 20px;height:40px;line-height:40px;float:left;text-align: center;font-weight: 700;color:#FF5722;width:60px;}
.home-index .live-list .layui-tab-content .link{height:40px;line-height:40px;float: right;}
.home-index .live-list .match-type{display:inline-block;width: 20px;float: left;height: 20px;line-height: 40px;margin-right: 20px;}
.home-index .live-list .icon{display: inline-block;vertical-align: middle;margin: 0 8px;width: 20px;height: 20px;line-height: 20px;font-size: 20px;position: relative;top: -2px;}

.home-index .right-content{position:relative;width:100%;margin-bottom:10px;}
.home-index .right-content h3{background: rgba(0, 0, 0, 0.7);width:265px;position:absolute;height:35px;line-height:35px;bottom:0;font-size:16px;padding:0 10px;}
.home-index .right-content h3 a{color:#fff;}
.home-index .right-content img{width: 100%;height: 100%;}

.home-index .img-news-list li{height: 65px;width: 100%;padding: 10px 0 6px;border-bottom: 1px solid #ddd;}
.home-index .img-news-list li:last-child{border-bottom: 0;}
.home-index .img-news-list a{position: relative;padding-left: 100px;height: 65px;width: 100%;display: block;}
.home-index .img-news-list a img{width: 90px;height: 60px;position: absolute;left: 0;top: 0;}
.home-index .img-news-list a h3{width: 165px;line-height: 18px;max-height:36px;overflow: hidden;text-overflow: ellipsis;}
.home-index .img-news-list a .date{color: #888;display: inline-block;margin-top: 3px;}
/*首页*/

/*新闻详情*/
.news-detail{margin: 20px auto 0; float: none;}
.news-detail .title{font: 700 36px/1 Microsoft Yahei;color: #404040;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;width: 100%;}
.news-detail .date-title{margin-top: 20px;font: 12px/1 Arial,Sim sun;color: #888;}
.news-detail p{text-align: left; font: 18px/32px Microsoft Yahei;color: #404040;margin: 32px 0 0;}
.news-detail p.f_center{text-align: center;}
.news-detail .writer{text-align: right;margin-top: 10px;}
.news-detail img{max-width:100%;}
/*新闻详情*/