body
{
    background-color:White;
}
.space-top-wrapper {
    width: 100%;
    height: 120px;
    float: left;
    display: inline;
    overflow: hidden;
    border-bottom: solid 2px #db2777;
}
.user-space-bg {
    background-image: url(../images/user-space-bg.jpg);
    background-size: 100%; /* 宽度和高度都设置为100% */
    background-position: center; /* 可选，确保图片居中 */
}
.team-space-bg
{
    background-image:url(../images/team-space-bg.jpg);  
}
.league-space-bg
{
    background-image:url(../images/league-space-bg.jpg);  
}
.space-top-wrapper img {
    width: 100%;
    float: left;
    display: inline;
}
.space-mask {
    margin-top: -60px;
    width: 100%;
    float: left;
    display: inline;
}
.head-img-box {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 15px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: solid 2px #db2777;
    padding: 2px;
    background-color: white;
}

    .head-img-box img {
        width: 100%;
        height: 100%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }

.simple-info-box
{
    width: 98%;  margin:0 auto; text-align:center; font-size:14px;
}
.simple-info-box ul
{
     width:100%;
     float:left;
     display:inline;
}
.info-box-li1 {
    font-size: 18px !important;
    color:black !important;
    font-weight: bold
}
.stat-ul li {
    float: left;
    display: inline;
    width: 33.3%;
    font-size: 20px;
}
.num-font {
    font-size: 16px;
    font-family: Impact;
    color: #525051 !important;
}
.focus-ul li
{
      float:left; display:inline; width:33%;   padding-top:10px;
}
.focus-ul li a
{
    color:White;
      text-decoration:none;
      outline:none;
}
.simple-info-box ul li
{
    padding-bottom:3px;
    font-size:12px;
    color:gray;
}
.bg-box
{
    width: 100%; float: left; display: inline; background-color: White; padding-bottom: 15px;
}
.btnYellow
{
    height: 30px;
color: white;
font-size: 16px;
line-height: 30px;
text-align: center;
padding: 0 20px;
display: inline-block;
background: #FC5B3C;
-webkit-border-radius:15px;
border-radius: 15px;
text-decoration:none;
width:180px;
}
.tips
{
     padding-left:10px;
    padding-top:8px !important;
    color:#B6BAB9;
    margin-top:10px;
    }
.btnYellow:hover
{
     text-decoration:none;
     color:White;
     background-color:#E95235
}
.btnGreen
{
    height: 30px;
color: white;
font-size: 16px;
line-height: 30px;
text-align: center;
padding: 0 20px;
display: inline-block;
background: #1AC0D9;
-webkit-border-radius:15px;
border-radius: 15px;
text-decoration:none;
width:180px;
}
.btnGreen:hover
{
     text-decoration:none;
     color:White;
     background-color:#14B4CC 
}
.space-mid-wrap
{
    width:100%;
    float:left;
    display:inline;
    margin-top:10px;
    background-color:White;
    padding-bottom:30px;
}
.space-left-wrap
{
    width:66%;
    float:left;
    display:inline;
    margin-left:1%;
}
.space-right-wrap
{
    width:30%;
    float:right;
    margin-right:1%;
    display:inline;
}

.right-box {
    width: 100%;
    float: left;
    display: inline;
    background-color: White;
    border: solid 1px #BEBFBD;
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2); /*firefox*/
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2); /*webkit*/

    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.user-right-box {
    width: 100%;
    float: left;
    display: inline;
    background-color: White;
    border: solid 1px #BEBFBD;
    margin-top: 15px;

    padding-bottom: 15px;
    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2); /*firefox*/
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2); /*webkit*/

    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.right-header
{
    width: 100%;
    float: left;
    display: inline;
    height: 35px;
    border-bottom: solid 1px #BEBFBD;
    font-size: 15px;
    color:#db2777;
}
.right-header ul li
{
    padding-left: 15px;
    padding-bottom: 10px;
    font-weight: bold;
}
.team-box
{
    width: 47%;
    float:left;
     margin-left:2%;
    display: inline;
    
     padding-bottom:5px;
     padding-top:10px;
     border-bottom:solid 1px #EBF0F0;
}
.team-logo-box
{
       width: 18%;
 
    float:left;
    margin-left:10px;
    margin-right:15px;
      -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
 

    overflow: hidden;
 
}
.team-logo-box img
{
    width: 100%;
   
  
}
.team-simple-info
{
     float:left; display:inline;   font-size:14px;
}
.team-simple-info ul li
{
     padding-bottom:5px;
}
.font-15
{
    font-size:14px;
     font-weight:bold;
}
.c-blue
{
    color:#8E9292; font-size:13px;
}
.team-box li
{
    white-space: nowrap; /*不换行*/
overflow: hidden; /*超出的隐藏*/
text-overflow: ellipsis; /*超出部分自动用...来表示*/
    
}
.team-box a
{
    color: #1C1E1E;
}
.team-box a:hover
{
    color: #E54E0C;

}


.blog-item
{
    width:99%;
    float:left;
    display:inline;
    margin-left:1%;
    border-bottom:solid 1px #F5F4F3;
    padding-bottom:10px;
    margin-bottom:15px;
    
}
.blog-author
{
    width:6%;
    float:left;
    display:inline;
}
.blog-author img
{
    width:99%;
}
.blog-info
{
    width:92%;
    float:left;
    margin-left:1.5%;
}
.blog-info li
{
    width:100%;
    float:left;
    display:inline;
}

.font-auther {
    color: #6E6D6A;
}
.font-title
{
        font-size:16px;
        font-weight:bold;
       padding-top:8px;
       padding-bottom:10px;
       word-break:break-all;
}
.font-title a:hover
{
     color:#DF4305
}
.font-preview {
    color: #8C8D8F;
    line-height: 20px;
    padding-bottom: 10px;
}
.font-stat 
{
    
    color:#96989B;
    font-size:12px;
}
.tag
{
     border:solid 1px #D2D0CF;  color:#D2D0CF;border-radius:10px; padding:1px 3px 1px 3px;  margin-bottom:2px;  float:left; display:inline; margin-right:3px; font-size:12px;
}
.fans-box
{
    width:14%; float:left; display:inline; margin-left:1.8%; margin-bottom:5px; margin-top:5px;
}

.fans-box img
{
    width:100%;
    float:left;
    display:inline;
}
.fans-name
{
    width:100%;
    float:left;
    display:inline;
    padding-top:4px;
    height:18px;
    overflow:hidden;
    text-align:center;

}
.fans-name a
{
    color:#767877
}
.fans-name a:hover
{
    color:#1FBBAE
}

.article-item
{
    width:23.5%; float:left; display:inline; border:solid 1px #F0F3F4;  margin-left:1%;  margin-bottom:15px; height:215px;  border-radius:6px; overflow:hidden;
}
.article-item ul
{
    width:100%;
    float:left;
    display:inline;
}
.article-item ul li
{
  float:left;
    display:inline;
}
.atl-li1
{
    height:110px;
    overflow:hidden;
    width:100%; 
}
.atl-li1 img
{
    width:100%;
}
.atl-li2
{
    width:100%; 
}
.atl-li3
{
    font-size:15px; font-weight:bold; text-align:center; padding-top:5px; padding-bottom:7px; width:96%; padding-left:2%; padding-right:2%; height:40px; overflow:hidden;
}
.atl-li4
{
    width:100%; border-top:solid 1px #ECF0F1;
    padding-top:6px;
    
}
.atl-li4 dl
{
    width:33%;
    float:left;
    display:inline;
    text-align:center;
    color:#94999A;
    font-size:11px;
}
.auther-box
{
   width:30px; height:30px; margin:0 auto; position:relative; margin-top:-15px; 
}
.auther-box img
{
    width:100%;
     height:100%;
}
/*******球场空间样式开始*/
.remark-box {
    width: 96%;
    margin-left: 2%;
    float: left;
    display: inline;
    margin-top: 15px;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    color: #262626
}
    .remark-box img{
        width:100%;
    }
    .player-box {
        width: 35px;
        margin-left: 5px;
        margin-top: 2px;
        float: left;
        display: inline;
    }
.player-box ul li
{
    width:100%;
    float:left;
    display:inline;
    padding-bottom:2px;
}
.player-box img{
    width:100%;
    float:left;
    display:inline;
}
.player-img-box {
    width: 30px;
    height: 30px;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    border: solid 1px gray;
    padding: 2px;
    background-color: white;
}

    .player-img-box img {
        width: 100%;
        height: 100%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
    }
    title{
        color:red;
    }
.sp-r-item-box {
    width: 16%;
    float: left;
    display: inline;
    margin-left: 3%;
    margin-top:8px;
    margin-bottom:3px;
}
    .sp-r-item-box ul li{
        width:100%;
        float:left;
        display:inline;
        padding-bottom:5px;
      text-align:center;
      font-size:12px;
      color:#BEBFBD
    }
    .sp-r-item-box img {
        width: 99%;
        float: left;
        border-radius: 14px;
        border: solid 1px #DFE1E2;
        padding: 2px;
        display: inline;
    }
.user-item-box {
    width: 12%;
    float: left;
    display: inline;
    margin-left: 3%;
    margin-top: 8px;
    margin-bottom: 3px;
}

    .user-item-box ul li {
        width: 100%;
        float: left;
        display: inline;
        padding-bottom: 5px;
        text-align: center;
        font-size: 12px;
        color: #BEBFBD
    }

    .user-item-box img {
        width: 99%;
        float: left;

        border: solid 1px #DFE1E2;
        padding: 2px;
        display: inline;
    }
.li-name {
    height: 12px;
    overflow: hidden;
}
.tableHeader th
{
    font-weight:bold;
}
.gametime-box {
    width: 96%;
    float: left;
    display: inline;
    margin-left: 2%;
    margin-top: 10px;
    border: solid 1px #E3E6E7;
    border-radius: 4px;
}

.game-ul1 li {
    height: 32px;
    line-height: 32px;
    background-color: #F4F7F8;
    padding-left: 5px;
    color: #db2777;
    border-bottom: solid 1px #E3E6E7;
}
.game-col1 {
    width: 48%;
    float: left;
    display: inline;
    height: 92px;
    border-right: solid 1px #E3E6E7;
}
.game-col2 {
    width: 18%;
    float: left;
    display: inline;
    border-right: solid 1px #E3E6E7;
    height: 92px;
    text-align: center;
    line-height: 92px;
    color:#db2777;
}
.game-col3
{
    width:33%;
    float:left;
    display:inline;
}
.game-dl1 {
    border-bottom: solid 1px #E3E6E7;
    height: 46px;
    line-height: 46px;
    padding-left: 3px;
}
    .game-dl1 img {
        width: 38px;
        height: 38px;
         margin-right:5px;
    }
    .game-dl2 {
        height: 46px;
        line-height: 46px;
        padding-left: 3px;
    }
        .game-dl2 img {
            width: 38px;
            height: 38px;
            margin-right: 5px;
        }
    .game-col3-r1 {
        border-bottom: solid 1px #E3E6E7;
        height: 46px;
        line-height: 46px;
        padding-left: 8px;
    }
.game-col3-r2 {
    height: 46px;
    line-height: 46px;
    padding-left: 3px;
    padding-left: 8px;
}
.empty-box {
    font-size: 12px;
    padding-left: 10px;
    color: #6D7072;
    float: left;
    display: inline;
    margin-top: 10px;
}
.game-ul2 {
    border-bottom: solid 1px #E3E6E7;
    width: 100%;
    float: left;
    display: inline;
}
.game-ul3 li {
    float: left;
    display: inline;
    width: 100%;
    padding: 5px;
    font-size: 12px;
    color: #9A9B9B;
}
.league-box {
    width: 92%;
    float: left;
    display: inline;
    margin-left: 2%;
    margin-top: 10px;
    border-bottom: solid 1px #eeeeee;
    padding-bottom: 10px;
}

.ul-league-logo {
    width: 21%;
    float: left;
    display: inline;
}

    .ul-league-logo img {
        width: 90%;
        border-radius: 10px;
        border: solid 2px #F2F3F5;
        padding: 3px;
    }

.ul-league-info {
    width: 77%;
    float: right;
    display: inline;
}

    .ul-league-info li {
        width: 100%;
        float: left;
        display: inline;
        padding-bottom: 5px;
        overflow: hidden;
        color: #969899
    }
.layui-tab-brief > .layui-tab-title .layui-this {
    color: #db2777 !important;
}
    .layui-tab-brief > .layui-tab-more li.layui-this:after, .layui-tab-brief > .layui-tab-title .layui-this:after {
        border: none;
        border-radius: 0;
        border-bottom: 2px solid #db2777 !important;
    }
.table-player-info img
{
    width:18px !important;
    height:18px !important;
}
.table-player {
    margin: 0px !important;
}
.table-player tr td {
    height: 46px;
}
    .table-player tr td img{
        width:24px;
    }
    .tr-head td {
        background-color: #F0F3F4;
    
        font-size:13px !important;
    }
.table-player-box{


    border: solid 1px #BEBFBD;

    -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.2); /*firefox*/
    -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.2); /*webkit*/

    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
.leagueGame-table img{
    width:40px;
    height:40px;
  margin-right:6px;
}
.col-100{
    width:80px;
}
.fieldTitle{
    font-size:12px !important;

}