@charset "utf-8";
/**
 *author:weiyj
 *date:2023-04-10
 */
 @media only screen and (min-width: 751px) {
    html{font-size:100px;}
    #wrap{ width:750px; margin-left:auto; margin-right:auto;}  
  }
  
  @media only screen and (max-width: 750px), only screen and (max-device-width:750px) {
       html {
           font-size:200px;
       }
     
     }
       @media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
       html {
           font-size:192px;
       }
     }
       @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
       html {
           font-size:170.66666666666669px;
       }
     }
       @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
       html {
           font-size:160px;
       }
     }
       @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
       html {
           font-size:128px;
       }
     }
     @media only screen and (max-width: 424px), only screen and (max-device-width:424px) {
      html {
          font-size:112px;
      }
    }
       @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
       html {
           font-size:110.4px;
       }
     }
       @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
       html {
           font-size:106.66666666666667px;
       }
     }
   
    @media only screen and (max-width: 393px), only screen and (max-device-width:393px) {
      html,body {
          font-size:104.8px;
      }
    }
    @media only screen and (max-width: 392px), only screen and (max-device-width:392px) {
      html,body {
          font-size:104.5px;
      }
    }
    @media only screen and (max-width: 390px), only screen and (max-device-width:390px) {
      html,body {
          font-size:104px;
      }
    }
       @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
       html {
           font-size:100px;
       }
     }
       @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
       html {
           font-size:96px;
       }
     }
       @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
       html {
           font-size:85.33333333333334px;
       }
     }
       @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
       html {
           font-size:64px;
       }
     }

     


/*清除浮动*/
.cl:after{visibility: hidden;display: block;font-size: 0;content: ".";clear: both;height: 0;}
* html .cl{zoom: 1;}
*:first-child + html .cl{zoom: 1;}
.fl{ float: left;}
.fr{ float: right;}
.tl{ text-align: left;}
.tr{ text-align: right;}
a{text-decoration: none;}

a.c-bn,.c-bn{ padding:12px 20px; background:#fa612d;border:1px solid #fa612d;  border:none; font-size:14px; display:inline-block; border-radius:5px; color:#FFF; text-align:center; text-decoration:none; cursor:pointer;}
a.c-bn:hover,.c-bn:hover{ text-decoration:none; color:#FFF; background:#e3511f;}
a.c-bn.cbn1,.c-bn.cbn1{ padding:0 70px; height:45px; line-height:45px; font-size:20px;}
a.c-bn.cbn2,.c-bn.cbn2{ padding:0; height:42px; line-height:42px; width:100%;font-size:20px;}
a:hover{text-decoration:none;}
li{ list-style: none;}

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:12px "微软雅黑","Arial Narrow",HELVETICA;background:#fff;-webkit-text-size-adjust:100%; color:#383838;}
[v-cloak]{display: none;}
.phpforeachbox,.seo-tag,.SEOTEXT{ position: fixed;top: -1000px;left: -2000px;}
.disable,.disable3{ opacity: 0.1 !important}
.disable2{ opacity: 0.3 !important}
.disable4{ opacity: 0.3 !important}

/*胜平负颜色*/
.tred{ color: #dd4a4a !important}
.tblue{ color: #3465a6 !important}
.tgreen{ color: #18bc4e !important}
.t999{ color: #999 !important;}

.tc{ text-align: center;}
.f18{ font-size: 18px;}
.f16{ font-size: 16px;}

.pl20{ padding-left: 20px;}
.pr15{ padding-right: 15px;}
.pl15{ padding-left: 15px;}
.mb20{ margin-bottom: 20px;}
.mb10{ margin-bottom: 10px;}
.pt20{ padding-top: 20px;}
.pt40{ padding-top: 40px;}
body{ background-color: #f7f7f7; color: #333; font-size: 12px;}
.w1200{ width: 1200px; margin-left: auto; margin-right: auto; position: relative;}

.topbar{ height: 60px; background-color: #363535; position: relative;}
.header{ height: 70px;}
.container .content{ background-color: #fff;}
.container .content.bgnone{ background:none;}


.fotter{ line-height: 28px; padding: 14px 0 19px; text-align: center; font-size: 12px; color: #787878;}
.fotter.pb20{ padding-bottom: 200px;}
.ficon{ display: inline-block; width: 16px;height: 16px;vertical-align: -3px; }
.fotter .ficon{   margin: 0 4px 0 10px;}
.fotter.usercenter{ color: #fff; opacity: 0.2; font-weight: normal; font-size: 16px; padding-bottom: 50px;}
/*新版头部*/

/*index sytle*/
.topheader{ height:50px; line-height:50px; width:100%; font-size:16px; color:#FFF; background-color: #363535;}
.topheader .header-in{padding-left:0; width:1200px;min-width:1000px; margin:0 auto; padding-right:0; z-index:10; position:relative;}
.topheader .header-in.w1146{ padding-left:0; width:1200px; margin:0 auto; padding-right:0;}
.topheader a.logo{ float:left; font-size:22px; position:relative; color:#FFF; margin-top:4px; width:130px; height:40px; margin-left:15px;}
.topheader a.logo:hover{ text-decoration:none;}
.topheader a.logo img{ width: 130px; position:absolute; top:4px; left:0;}
.topheader a.logo img.logo3{ position:absolute; top:7px; left:46px;}
.topheader .nav-login{ float:right;}
.topheader .header-in i{ font-style:normal; font-family:"宋体",Arial, Helvetica, sans-serif; color:#fff; opacity: 0.2;}
.topheader.user .header-in i{color:#4d4d4d; opacity: 1;}

.topheader .bg{height:50px; line-height:50px;background:#000; width:100%; position:absolute; left:0; top:0; z-index:1;}
.topheader.dl .bg{filter: alpha(opacity=20);-moz-opacity:0.2;opacity: 0.2;}
.topheader.ms .header-in{ padding-left:20px;min-width:1336px; padding-right:20px; }
.topheader.ms{background:#17a9a8;}
.topheader.ms .header-in i{color:#5dc3c2;}
.topheader.ms .header-in{ width:auto;}


.topheader .i-icon{ font-family:Arial, Helvetica, sans-serif; padding:0 3px;}
.topheader .nav-login.mt0{ margin-top:0;}
.topheader .nav-login a{ color:#fefefe; padding:0 10px;}
.topheader .nav-login .alink{ display: inline-block;padding:0 10px; cursor: pointer; position: relative;}

.topheader .nav-login a.logout{ color: #999; }
.topheader .nav-login a.co1{ color: #fa612b }
.topheader .nav-login a.co1:hover{ color: #fa612b }

.topheader a:hover{ color:#dededd; text-decoration:none;}
.topheader .nav-login .divider{ margin:0 10px; color:#fefefe;}
.topheader .nav-login .vip{ margin-left:50px; padding:0 10px;}
.topheader .nav-login .logoff{padding:0 10px;}
.topheader .nav-login .ml30{ margin-left:30px;}
.usercent-bg .topheader{ background: none;}
.topheader .headimg{display: inline-block; width: 30px; height: 30px; border-radius: 100%; vertical-align: -9px; margin-right: 4px; background-repeat: no-repeat; background-size: contain; background-position: center center;}

.hide {
    display: none !important;
}
/*大V聚合页开始*/

.main-content .w1200{min-height: 500px;}
.right-box {
    position: absolute;
    right: 0;
    top: 0;
    /* 定宽 */
    width: 260px;
    height: 100%;
    background-color:#eee;
}

.left-box {
    /* 不设置宽度自适应 */
    height: 100%;
    background-color:#fff;
    margin-right: 260px;
   
}

.user-detail{ padding: 30px 20px 20px 130px; position: relative; min-height: 100px; font-size: 15px;}
.user-detail H1{ font-size: 18px; font-weight: bold; padding-bottom: 10px;}
.user-detail .txtimg{ position: absolute; width: 80px;  height: 80px; border-radius: 100%; left: 20px;  top: 20px;}

.user-forum-title{ font-size: 20px; line-height: 30px;padding: 20px 20px 0; font-weight: bold;}
.user-forum-list{padding: 20px;}

.user-forum-list li .txt1{ font-size: 15px; padding-bottom: 5px;}
.user-forum-list li .txt2{ padding-bottom: 5px;}
.user-forum-list li .txt3{ position: relative; line-height: 30px; color: #999; font-size: 12px;}
.user-forum-list li .txt4{position: absolute; width: 40px; height: 40px; right: 20px; top: 50%; font-size: 14px; margin-top: -20px; border-radius: 100%; line-height: 40px; text-align: center; color: #fff; }
.user-forum-list li .txt4.blue{ background-color: #1d539c;}
.user-forum-list li .txt4.red{ background-color: #d83131;}
.user-forum-list li .txt4.green{ background-color: #18bc4e;}
.user-forum-list li a{display: block; border-bottom: 1px solid #eee; margin-bottom: 15px; padding:10px 100px 10px 20px;position: relative;}



.right-list{ padding: 20px 15px;}
.right-list .txt1{ font-size: 18px; padding-bottom: 10px; font-weight: bold; padding: 0 20px 10px;}
.right-list li{ line-height: 20px; padding-bottom: 15px;}
.right-list li .t1{ font-size: 14px; padding-bottom: 0;}
.right-list li a{ color: #464646; display: block; padding: 5px 20px;}
.right-list li a:hover{background-color: #eee;}
.right-list li .t2{ font-size: 12px; color: #999;}


.comment-list li {
    padding: 0.15rem 0.15rem 0.1rem;
    background-color: #fff;
}

/*用户头像模块开始============================*/
.uimy-user-head {
    padding-left: 0.35rem;
    min-height: 0.3rem;
    position: relative;
    margin-bottom: 0.07rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}

.uimy-user-head .txt1 {
    font-size: 0.13rem;
    line-height: 0.17rem;
    position: relative;
}

.uimy-user-head .txt1.red {
    color: #d51d1d;
}

.uimy-user-head .txt2 {
    color: #9f9f9f;
    font-size: 0.09rem;
    line-height: 0.13rem;
}

.uimy-user-head .txt2 span {
    padding-right: 0.05rem;
}

.uimy-user-head .txt1 span {
    display: inline-block;
    height: 0.12rem;
    margin-left: 0.03rem;
}

.uimy-user-head .txt1 span.vip {
    width: 0.12rem;
  
}

.uimy-user-head .txt1 span.lv {
    width: 0.18rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.uimy-user-head .txt1 span.num {
    display: inline-block;
    font-size: 0.1rem;
    font-weight: normal;
    vertical-align: 0.02rem;
    line-height: 0.14rem;
    border-radius: 0.5rem;
    padding: 0 0.05rem;
    color: #fff;
    background-color: #29396b;
}

.uimy-user-head .txt1 span.ml0 {
    margin-left: 0;
}

.uimy-user-head .txt1 .r {
    position: absolute;
    right: 0;
    top: 0;
    color: #999;
    font-size: 0.1rem;
}

.man-list .uimy-user-head {
    margin-bottom: 0;
}

.man-list li {
    padding-bottom: 0.1rem;
}

.com-txt {
    padding-left: 0.35rem;
}

.com-txt .txt1 {
    font-size: 0.14rem;
    padding-bottom: 0.1rem;
}

.sub-comments-box {
    font-size: 0.12rem;
}

.sub-comments-box span.blue {
    color: #4a7bbc;
}

.comment-list li {
    padding: 0.15rem 0.15rem 0.1rem;
    background-color: #fff;
}

.comment-list .imglist li {
    padding: 0;
    padding-right: 0.04rem;
    font-size: 0;
    margin-bottom: 0.04rem;
    text-align: center;
}

.comment-list .imglist li img {
    max-width: 100%;
    max-height: 100%;
}

.comment-box {
    background-color: #f4f4f4;
    padding-bottom: 60px;
}

/*头像*/
.user-avatar {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 100%;
    position: absolute;
    left: 0rem;
    top: 0.02rem;
}

.user-avatar img {
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 100%;
}

.user-avatar.yellow:before, .user-avatar.blue:before {
    content: "";
    width: 0.1rem;
    height: 0.1rem;
    z-index: 10;
    right: 0;
    bottom: 0;
    position: absolute;
}

.user-avatar.yellow:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAAwFBMVEUAAADywgD7yQDywgDouQD+ywDnuQD9ywDywgDougDltwDywgD9ygDywgD3xgDuvQD/zADltwD8ygDougDnuQD9ygD5xwDrvAD4xgDsvQD/ywD/zADltwDmuADpugD/zADltwD////quwD8yQDuvgD3xgDzwgD+ywDmuADnuQDxwQDvxRz//ff99+H56KjwyS3zxQ3rvwz++uz889P67b757LX35Zz24pH234b22Wf01FLxwQf68Mf533ryz0LxzTpU3Zn6AAAAIXRSTlMABEIWQfD39vHw7eDQuIeHhoZ8fCcm9vbo6Off39HQubm/lV/TAAABbElEQVQ4y32U13KDMBBFV4A7HdwrxWBwbMeJW+KU//+rMCuEwMI5+8AuOlzNMCAoQSRzOW3EjenSlAjUIZuTmDMxZcEgdiuu0rIfsvpqLKL2y4rUCOpoSCWlFdTTKqQ+TxGS8u2IGjxHJejYQbB+WoGN72Ww/o+BnDk6tlEOW+KTDkBGeMvLiahxo9N31o8ISOuK84oZVzp84BMS6BjKnaxPL0xBdNCyXbOK0rBw9ti9fEZ0SYNelEOdbXRnSpov9KD94NzPVPlhStSGlEGdwwkvb78pB9pVZ0eVQ8iVNvRChlewO4QleqCJzm4bltHAYK3PlHdUOAYo3BEUigRk7FNy5+voVxkTAMP3QyxUTkc68jIAQB6Wcs55CmeI/5nDnb0v4NDveYFD4nkXUVkQQNwOzbmKSseFHKWZZNwSgaYCBUonqaODCsOdb0TmLlQgTvPBaDpEPH+sbsnoWjLUQRRrNetuurOVpZQz/gAn2YbDn7ptGgAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 100% 100%;
}

.user-avatar.blue:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAMAAAApB0NrAAAAsVBMVEUAAAAAlOQAlOQAlucAlOQAl+kAkd8AlugAkd8Al+kAkN4Ak+IAkd8AmOoAlOQAkd8Al+gAlOQAkd8AmOkAl+kAkd8AlOQAlucAmOoAkN0AmOoAlOQAl+kAkd8AkuIAluYAlOP7/v/////p+P/1+//u+f8Aj9vy+v/i9f/d8/8KleAcnOERlt7T7PqJy+57xu644Pax3fWp2fOf1fKV0PFnvOpQsuczpuMpoODF5/hAquR9jjXRAAAAHHRSTlMAJxYGA4aGQ/fw8LlC9vHp6ODR0Hx8P/bf37mJ7P4BWQAAAW5JREFUOMt9lNl2gjAQQEfZF2URXAlitSi4L21t///DasYBgnC8D2RCLjM5OUxAQNaU6diIjPFU0WRoo6u4UYWrdBuGFPSiOr1AqiudQdRk0BGVoRG1YQwrRaM6DXpaWQiztGeichLtpZWBhE4QvSPAcxnN3zHi56RgGBO0ksRI8ggVANlF5YN4SvHhOTs+YlcGDV+ywskFZfGFX2hFqQWx45MbhqTMZ2BRfZaSk7ArRqtv2pwF3pxguLJN8gsGa64gHvQTgq042/yM4/IvTog+JHXnfsJh88MVQsiz5uzxmZFCebzS+SzZ31EhPLBiglXKNhaxQC2dJfGLSsUM7CJMSTntWN3RQHbqzvlVcWQoi6UbziVHRUDl/48uONeGomOfhQxJsyy7peyVEDiSXziHpuJL1Bfm0zk2FbMDhK3zeYui20KfmqwNc1jrd5818TtQQwr11zqh1Lx/VEcwHLULbci2ak1MZk4s1Zah4h9QBXORbq/+AgAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 100% 100%;
}

.user-avatar .vipheadimg {
    width: 0.26rem;
    z-index: 8;
    height: 0.26rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.13rem 0 0 -0.13rem;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
}

.uimy-user-head .txt3 {
    text-align: right;
    height: 0.17rem;
    position: absolute;
    right: 0;
    top: -0.01rem;
    line-height: 0.17rem;
    font-size: 0.09rem;
    color: #9f9f9f;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}

.uimy-user-head .txt3 span {
    font-size: 0.13rem;
}

.uimy-user-head .txt3 .t1 span {
    padding: 0.1rem;
}

.uimy-user-head .txt3 .t1 span.follow-bn {
    padding: 0 0.1rem;
}

.uimy-user-head .txt3 .r15 {
    margin-right: 0.15rem;
}

.man-list li .des .txt1 .lock-icon {
    background: none;
}

.uimy-user-head .txt3 .t1 span::before,.uimy-user-head .lock-icon::before {
    content: "";
    margin-right: 0.04rem;
    vertical-align: -0.02rem;
    width: 0.17rem;
    height: 0.14rem;
    display: inline-block;
}

.uimy-user-head .txt3 .t1 span.plnum::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAgVBMVEUAAADQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NCT0Sw+AAAAKnRSTlMALQTvGfe/++q1hFQHsXBrYPMR47qKfFs6KSQf2sasmZBNSAvRdkPeyqGkjV7UAAABd0lEQVQ4y72V2XKCQBREB5ABZHffNe6e///ACAwSkRlSlar00/V6aLpZCvEvsq35bLo/DNPryMidsjjnpfNwqQMHU4eW5LXzzElp6MpDGh7DbLYbUyhYf1pKwIvDU7Oypj6Qhy1yWXjE7WxRUkSave1WPjhhV/4JMPzZfAObVXfZKTBvfj5gPBBCy+avbgtwLaFVAHE9SxVdo4EDyskCPxIGDWGvJtVRb+vh2+U0gYUwalsn8PEiM3qA6qK7+MKsC6TlAOMeNIFEBXCfoXsuQVaHXpnRoC5+UPZajVzc6uG8wtmIphCo5/8GoYGMNs3/GYxHxlKburd9h4n2Lnx5cGxelxx2kYZ0Yd86crvuvFEeyDeX+XPjpHbnqyVbPY4+cEvet5kDPKIPg5inPDk7Lkd2s3HmnQXOKAVlpsJSrkW3FnunQpWlmwq97MVl90SrlNuVMMuCe1BYJrboRUtJZdmL5iplPzpRxXtRJ1NjL7ob/PobI/6ubz1XLZfZP+uBAAAAAElFTkSuQmCC) no-repeat center center;
    background-size: 100% 100%;
}

.uimy-user-head .txt3 .t1 span.lovenum::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAflBMVEUAAADQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NBvyGRDAAAAKXRSTlMA+RQLpAbxjWz04NnRRe69l4Z/VU0uIRrnysW0rpRAM3BeOScPnnp1m7pposMAAAGASURBVDjL3ZLbkqIwFEWD3EFAERAQvHfb6/9/cAgy0ElR5nVq1gupzc45ORfxv1MWxcVVpeoQ3BJb8x37moHQOc+SG2yRWN39tzMI+UtWvqUkZsZZIu8YaHu/82SUq5RyBmL/mjtS224m5x44PeTJvqYyiCu+5P9EjNregsZ9pwK+xcTmJO/JNLu5xvsQ2BeS7XRYckheYiGxsGTWM0RKk14saZZiZLQeAqFwBUdrMETDp4FKqPTRU1NiGJpQYwkN96IrHQxaSiiMOHCfYptooRovHEzOjTWmvkFmsr6gk4NLjWGPHoxTDsArPzntBk7vYwbR5nP59XF6dDyt2To7sOaNLz1onmIdH2Xy5xBaW8xoi5b/FgoLsjVvLjdXlQ7r3m/gSxelt33q2Wen7tX70AM/YoUihPio9hNfrHL2IKrmpe2U2jUuKdTTjJ+Z2k+dsgYvGTdkC9ZNfKCK345HBGFhWOJG1hKkkN6FAfvESPQQRtwfBlrZNTOXfF+If5A/xHAua73qwVwAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 100% 100%;
}

.uimy-user-head .txt3 .t1 span.lovenum.on::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAMAAADyHTlpAAAAe1BMVEUAAAD/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVT/gVQiwSBZAAAAKHRSTlMAFfXb1g7vQQjIuaM3KCQD+eHCsa+Ib2ExHurRvpt7d2ZXUj4aEspN6pPilAAAAPBJREFUOMvt09kOgjAQQNHRUiw7Cgjuu87/f6GkLEOb0PZd7+PkpEnpAP/GFvFjB2r8cfskoHcPsI1VCxolUS5nF6GcGGKfv81AJqoc+9bxRHpIhfLgZ4DUcjXI7IjTWNpKTxn5wy1qVFun/IBqZU8ZarEC9RIpG3ToLOnVhRaSnl1oIOnFhW66h3KhUfcALrQGWWmXPu9ourTSK/RtbTKEsZNZMk5UHE1ynyr7Hhiu1JCjlaXUZbVaknZLUrcHm6Reb136MczEN9pXamA2USj/WAKGsoiktwNz1bjMLzOk3SkF2LvlrTxl4FIchTX8TF90/HMYIbx+eAAAAABJRU5ErkJggg==) no-repeat center center;
    background-size: 100% 100%;
}

.uimy-user-head .txt3 .t1 span.on {
    color: #4a7bbc;
}

.user-head .uimy-user-head .txt3 .t1 span.on {
    color: #999;
}

.uimy-user-head .txt3 .t1 span.lock::before,.man-list li .des .txt1 .lock-icon::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAdVBMVEUAAAApOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWgpOWhTCARjAAAAJnRSTlMAD/B38uEl+M3DQwoH6tOnnWNWNB4D5ti3r5mPgn9wbD4tGJWJK9bT6cAAAADwSURBVEjH7dXZDoIwEEBRKZZFZJFN9k2d//9E41QDVgZroj5xHwdOCNMQNt9qH1+M4YPbw9MRbpl2HSmBlsMke/dW9B5I+c6y6LbwkqUtCYPBTHZCi8QCEcurRi+th6lpcgBs2zr3h+ZiYMYkEbt1+3HSCHOmRARYN50FOOIU0cVSn2aaWKFBEB+v4tnJjwkJYuNVZ24lOkE8XJc03CGpCMLxSGZ3UhAknSMGkowgDI9NGg5IPIIAJn8MIN5QLtYzzmAxllrFZP+hCUqNu06Yohh3o4FyK1nJSlbyUyLiqsKVfjsKlZO/pKsCWOBs/tcVmwHUhpkfJn8AAAAASUVORK5CYII=) no-repeat center center;
    background-size: 100% 100%;
}

.uimy-user-head .txt3 .t1 span.comment::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAtCAMAAAA5vdO0AAAAdVBMVEUAAADG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DaWKTzAAAAJnRSTlMA4d0QzPteLKoE+PDltzYM69Fvc1NLPzEaFAj2xqKYJtbAsHyNgZeeWAMAAAEsSURBVEjH7ZTJjoMwEAWbELPv+xJClpn3/5840Cyj0cSSfUiUQ+pUQpQbhDG9mtoJoEYw2FtkCajjWeukKRLGQQVjvnWZ5gBhS2q0IeCwJfBMUqUVCFgAg9QxgE/1hMrOrW7VzspHWonywpVWvCOPMat5AURBTA7g6soqN8FExn7nLb4s4M1uyaoGM2f2gZ3n2qzf0lmH30WzWS/LG/qzl7KKKh+4ucsKIZBExBQ9P4GsIrOsd4/KeN/ppf0uX/lTvbLy0cfKkbmdhzfAUc1iZzt7IwB9emTs5cr1+JjUB0RETCawMVfuXUCOyPYfJPSwMBKNJ8jxwurPW06cgIYsH8DQmI+h/0xV7QBICtIgnQIAYUOaFeBlpIcBILVJuxJfHeniBxXpczbpDfkBrIM9kBFtSSAAAAAASUVORK5CYII=) no-repeat center center;
    background-size: 100% 100%;
}

.uimy-user-head .txt3 .t1 span.comment {
    padding-left: 0.25rem;
}

.uimy-user-head .txt3 .t1 span.lovenum2::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAtCAMAAAA5vdO0AAAAh1BMVEUAAADG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+DG0+ADTHP7AAAALHRSTlMA8VXW+sos6EQxcZZoYTrEyDUdGBQH2b2in3Y9J/jfsq2NIgU/qIN+XU9MDjjOMg4AAAHDSURBVEjH5ZTZlqowFEQTRhlaWgQBxdme9/9/3yVLscMlrfGxV++nk4qVkJMy4lcxT+vK9XfxYSgf4p3vVnU6N3nyxuPCNviWg22venU+MjmSb7y4l2NPk6UjhsRKfX4/tTMnU+X+LO9VnTmz9vT+rMp4uBPgri6DSP0gVVWqloou8soFHL0PEjLtMA14UyGmHjTaETOQWk8SWARCw4cwz0PwdTVwIbmOijVMhE4kO0NnldFAnsC66AdP/ZqDeejXGnzDU1/XWn1dyQNvrEKtrTATI2YmTfuqDRyEFQfY9LULgZ2rhUVfV+rYVqwg065raeeKtQv7UPtasYCPvi5DFTALHAjL62gJTO+bpgyOUrogV3dbIcEt9VxKQ3wMIZPBcHPJnbM5yvT/MYKQQRoNCSQcZyF3gfjGRbHIDROFD7yaTa+AXxinviogMc0kQPUlzBxfgN1Y3wEvR/Ejif4o6U9WIm7xBrjRwKS69CZuk3oQTrWLDMFL7ye0s62vMTmtO5NNsicS+DzXn4C0+8dGYZ8uRwUiEna0GyA9P/ObVtgyV31bLlU/58KeIgNFVohHKLd0bEvxGMcGmqN4mP1e/DX+ASfoOfx4oWTWAAAAAElFTkSuQmCC) no-repeat center center;
    background-size: 100% 100%;
}

.uimy-user-head .txt3 .t1 span.lovenum2.on::before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAtAQMAAAA0rbHFAAAABlBMVEUAAADG0+A6WieZAAAAAXRSTlMAQObYZgAAAINJREFUGNOFzrENwzAQA0AKLlRqBK+QDTxa3KXMStokHsGlikDMkwoQBIZhNlfxnzikbJjXcGngHrInNiCRE9/ARD7YgUw+SfuShcp6Yr3y0Mt/+u/P7j3UHsgW3knvncMNY1ANs8+MYoCkmuKai7tdVPOBaotqPmAw9WFSXWlfb7jOB8K8ln326YcnAAAAAElFTkSuQmCC) no-repeat center center;
    background-size: 100% 100%;
}


.fotter{ line-height: 28px; padding: 14px 0 19px; text-align: center; font-size: 12px; color: #787878;}
.fotter.pb20{ padding-bottom: 200px;}
.ficon{ display: inline-block; width: 16px;height: 16px;vertical-align: -3px; }
.fotter .ficon{   margin: 0 4px 0 10px;}




/*顶部对阵信息*/
.top-vs-box{ position: relative; height: 130px; padding-top: 50px; background-color: #f7f7f7;}
.top-vs-box .guanzhu{ position: absolute; width: 42px; cursor: pointer; height: 42px; display: block; top: 16px; right: 82px; background: #fff; border-radius: 100%;}
.top-vs-box .guanzhu::before{ content: ""; width: 20px; height: 20px; display: block; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -10px; background: url(../img/home/guanzhu0.png) no-repeat 0 0;}
.top-vs-box .guanzhu.on::before{background: url(../img/home/guanzhu.png?v1121) no-repeat 0 0;}
.top-vs-box .tolive-bn{ position: absolute; height: 30px; line-height: 30px; bottom: 5px; right: 38px; font-size: 16px; color: #fa612b;}
.top-vs-box .tolive-bn::before{ content: ""; display: block; width: 16px; height: 12px; position: absolute; top: 50%; right: -20px; margin-top: -6px;background: url(../img/home/js_40.png) no-repeat 0 0;}
.vsname-box{ padding-left: 0;}
.vsname-box .vsname{float: left; width: 270px; height: 106px; text-align: center;}
.vsname-box .vsname.vs-m{ width: 360px; position: relative;line-height: 24px;}
.vsname-box .vsname .txt1{ margin-bottom: 12px;}
.vsname-box .vsname .txt1 .img{ width: 70px; height: 70px; display: inline-block; }
.vsname-box .vsname .txt1 .img img{ width: 70px; height: 70px; display: inline-block; border:none;}
.vsname-box .vsname .txt1 .img em{ width: 70px; height: 70px; display: inline-block; border:none; border:none;background: url(../img/home/logo.png) no-repeat 0 0;}

.vsname-box .vsname .txt2{ font-size: 18px; line-height: 24px;}
.vsname-box .vsname .txt2 em{ font-size: 12px;}
.vsname-box .vsname.vs-m .score{ width: 90px; position: absolute; height: 106px; line-height: 90px; font-size: 70px; top: -5px; font-weight: bold; color: #fa612b;}
.vsname-box .vsname.vs-m .score.l{ left: 0;}
.vsname-box .vsname.vs-m .score.r{ right:0;}
.vsname-box .vsname.vs-m .t1{ font-size: 12px; color: #787878; padding-top: 8px;}
.vsname-box .vsname.vs-m .t2{ font-size: 14px; color: #fa612b;}
.vsname-box .vsname.vs-m .t3{ font-size: 14px; color: #787878;}
.vsname-box .vsname.vs-m .t4{ font-size: 70px; color: #fa612b; line-height: 45px; height: 64px;}




.vsname-box .vsname.vs-m .t2 em{ padding-left: 3px; -webkit-animation:em146 1s infinite linear forwards;animation:em146 1s infinite linear forwards;}
@-webkit-keyframes em146{0%{opacity:0;}30%{opacity:1;}70%{opacity:1;}100%{opacity:0;}}
@keyframes em146{0%{opacity:0;}30%{opacity:1;}70%{opacity:1;}100%{opacity:0;}}




/*内页分析导航*/
.fenxi-nav{ height: 50px; line-height: 50px; background: #fff; text-align: center; font-size: 0; position: relative; margin-bottom: 15px;}
.fenxi-nav a.navitem{ display: inline-block; height: 50px; padding: 0 20px; font-size: 16px; color: #333; position: relative;}
.fenxi-nav a.navitem.on{ color: #fa612b;}
.fenxi-nav a.navitem.on::before{ content: ""; position: absolute; bottom: 0; height: 3px; background: #fa612b; left: 15px; right: 15px;}
.fenxi-nav a.icon1{ color: #dd4a4a;}
.fenxi-nav a:hover{ background: #f7f7f7;}
.fenxi-nav a.hide2{ display: none;}
.fenxi-nav a.hide2.nohide{ display: inline-block;}

.fenxi-nav a.icon1::after{ content: ""; display: block; position: absolute; width: 7px; height: 7px; top: 13px;right: 11px; border-radius: 100%; background: #dd4a4a;}
.fenxi-nav a.icon2{ color: #333;}
.fenxi-nav a.icon2::after{ content: ""; display:inline-block; width: 17px; margin-left: 3px; height: 13px; vertical-align: -2px;}
.fenxi-nav a.icon2.bg2::after{ background:url(../img/fx/fx2.png) no-repeat 0 0;}
.fenxi-nav a.icon2.bg3::after{ background:url(../img/fx/fx3.png) no-repeat 0 0;}
.fenxi-nav a.icon2.bg1::after{ background:url(../img/fx/fx1.png) no-repeat 0 0;}


.fenxi-nav span.navitem{ display: inline-block; height: 50px; padding: 0 20px; font-size: 16px; color: #333; position: relative;}
.fenxi-nav span.navitem.on{ color: #fa612b;}
.fenxi-nav span.navitem.on::before{ content: ""; position: absolute; bottom: 0; height: 3px; background: #fa612b; left: 15px; right: 15px;}
.fenxi-nav span.icon1{ color: #dd4a4a;}
.fenxi-nav span:hover{ background: #f7f7f7;}
.fenxi-nav span.hide2{ display: none;}
.fenxi-nav span.hide2.nohide{ display: inline-block;}

.fenxi-nav span.icon1::after{ content: ""; display: block; position: absolute; width: 7px; height: 7px; top: 13px;right: 11px; border-radius: 100%; background: #dd4a4a;}
.fenxi-nav span.icon2{ color: #333;}
.fenxi-nav span.icon2::after{ content: ""; display:inline-block; width: 17px; margin-left: 3px; height: 13px; vertical-align: -2px;}
.fenxi-nav span.icon2.bg2::after{ background:url(../img/fx/fx2.png) no-repeat 0 0;}
.fenxi-nav span.icon2.bg3::after{ background:url(../img/fx/fx3.png) no-repeat 0 0;}
.fenxi-nav span.icon2.bg1::after{ background:url(../img/fx/fx1.png) no-repeat 0 0;}


.video-box{ height: 454px; position: relative; padding-right: 360px;}
.video-box .chat-box{ position: absolute; right: 0; top: 0; background-color: #fff; width: 360px; height: 100%;}
.video-box .video{ width: 100%; height: 454px; background-color: #eee; position: relative;}
.video-box .chat-box .txt1{ line-height: 40px; font-size: 16px; font-weight: bold; background-color: #fa612b; color: #fff; text-align: center; border-bottom: 1px solid #eee;}
.video-box .chat-box .txt2{padding: 15px; height: 383px; overflow-y: auto;}
.video-box .chat-box .txt2 li{ padding-bottom: 10px;}
.video-box .video .novideo{ position: absolute; width: 100%; text-align: center; height: 100px; left: 0; top: 50%; margin-top: -50px; color: #464646;}
.video-box .video .novideo .t1{ font-size: 50px; line-height: 50px; padding-bottom: 15px;}
.video-box .video .novideo .t2{ font-size: 14px;}

.common-li{ margin-bottom: 15px;}
.common-title{ line-height: 50px; padding: 20px 20px 5px; font-size: 20px; text-align: left; font-weight: bold;}

/*事件直播*/
.event-box{ padding-top: 20px; background: #fff; padding-bottom: 13px;}
.event-list li{ line-height: 36px; position: relative; font-size: 0;}
.event-list li .name{ width: 50%; float: left; box-sizing: border-box; font-size: 14px; height: 36px;}
.event-list li .name.home{ text-align: right; padding-right: 80px;}
.event-list li .name.away{ text-align: left; padding-left: 80px;}
.event-list li .time{ font-size: 14px; background: #7c7c7c; width: 80px; height: 36px; line-height: 36px; position: absolute; top: 0; left: 50%; margin-left: -40px; text-align: center; color: #fff;}
.event-list li .ficon{  margin: 0 5px; font-size: 14px;}
.event-list li:nth-child(odd){ background: #f9f9f9;}
.event-ft{ margin-top: 30px; font-size: 12px; color: #999; line-height: 40px; text-align: center;}
.event-ft span{ margin-left: 15px; margin-right: 2px;}

/*事件类型（1：入球，2：乌龙球，3：点球，4：黄牌，5：红牌，6：两黄变红，7：入球无效，8：换人，9：换入，10：换出），12角球*/
.ficon.i1,.ficon.e1{background: url(../img/home/js20.png) no-repeat 0 0;}
.ficon.i2,.ficon.e3{background: url(../img/home/js21.png) no-repeat 0 0;}
.ficon.i3,.ficon.e2{background: url(../img/home/js22.png) no-repeat 0 0;}
.ficon.i4,.ficon.e5{background: url(../img/home/js23.png) no-repeat 0 0;}
.ficon.i5,.ficon.e4{background: url(../img/home/js24.png) no-repeat 0 0;}
.ficon.i6,.ficon.e6{background: url(../img/home/js25.png) no-repeat 0 0;}
.ficon.i7,.ficon.e8{background: url(../img/home/js26.png) no-repeat 0 0; width: 20px; height: 16px;}
.ficon.i11,.ficon.e11{background: url(../img/home/e11.png) no-repeat 0 0;}
.ficon.i12,.ficon.e12{background: url(../img/home/e12.png) no-repeat 0 0;}
.ficon.i13,.ficon.e13{background: url(../img/home/e13.png) no-repeat 0 0;}



.fx_table{ border-collapse:collapse; color:#333; font-size: 14px; background:#fff;}
.fx_table .f12{ font-size: 12px;}
.fx_table td{ border-bottom:#E1E3E2 solid; position: relative; border-width:0; line-height: 18px; padding: 11px 0; margin:0; text-align: center;}
.fx_table td.left{ text-align: left}
.fx_table td.right{ text-align: right;}

.fx_table td.red{ color: #dd4a4a}

.fx_table td.tl{ text-align: left}
.fx_table td.tr{ text-align: right;}
.fx_table td.pl20{ padding-left: 20px;}
.fx_table td .f14{ font-size: 14px; color: #333;}
.fx_table  thead td{ font-size: 12px; color: #999;}
.fx_table  .pltr{ font-size: 0;}
.fx_table  .pltr span{ display: inline-block; width: 40px; font-size: 14px; height: 100%;}
.fx_table  .pltr.yapan span.w50{ width: 50%;}
.fx_table  .pltr.yapan span{ width: 25%;}
.bf_table tbody tr{ background: #fff;}
.fx_table tbody tr:nth-child(odd) {background-color: #f8f8f8;}
.fx_table tbody tr:hover{background-color: #f4f4f4;}
.fx_table tbody tr:nth-child(odd):hover{background-color: #efefef;}

.fx_table.tdnobg tbody tr:nth-child(odd){ background: none;}
.fx_table.tdnobg tbody tr:nth-child(odd):hover{background-color: #efefef;}
.fx_table td.pl15{ padding-left: 15px;}

.table-ft{ line-height: 24px; padding: 15px;}
.table-ft.pt0{ padding-top: 0;}

.ui-row {
    display: block;
    overflow: hidden
  }
  
  .ui-col {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
   
  }
  
  .ui-col-10 {
    width: 10%;
  }
  
  .ui-col-20 {
    width: 20%
  }
  
  .ui-col-25 {
    width: 25%
  }
  
  .ui-col-33 {
    width: 33.33%
  }
  
  .ui-col-50 {
    width: 50%
  }
  
  .ui-col-67 {
    width: 66.66%
  }
  
  .ui-col-75 {
    width: 75%
  }
  
  .ui-col-80 {
    width: 80%
  }
  
  .ui-col-90 {
    width: 90%
  }
  
  .ui-flex {
    display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
  }
  
  .ui-flex>li {
    -webkit-box-flex: 1;
      -webkit-flex: 1;
    min-width: 0.5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .ui-flex>li.flex2{-webkit-box-flex: 2;
    -webkit-flex: 2;}


.ouzhi_table{ border-collapse:collapse; color:#333; font-size: 13px; background:#fff;}
.ouzhi_table thead td{ font-size: 14px;}
.ouzhi_table td{  position: relative; line-height: 34px; padding: 7px 0; box-sizing: border-box; margin:0; text-align: center;}
.ouzhi_table td.left{ text-align: left}
.ouzhi_table td.right{ text-align: right;}

.ouzhi_table td.lh22{ line-height: 22px;}
.ouzhi_table thead td{ color: #999; line-height: 26px;}
.ouzhi_table .f14{ font-size: 14px;}
.ouzhi_table .f12{ font-size: 12px; color: #999;}

.ouzhi_table td .w50{ display: inline-block; width: 50px;}
.ouzhi_table td .w70{ display: inline-block; width: 70px;}
.ouzhi_table td .w100{ display: inline-block; width: 100px;}

.table-head{ height: 45px; position: relative;}
.table-head .table-head-in{ position: absolute; width: 1200px; height: 45px; top: 0; left: 50%; margin-left: -600px;}
.table-head .table-head-in.fix{ position: fixed; z-index: 1000; background: #fff;}


.ouzhi_table tbody tr:nth-child(odd){ background-color: #f9f9f9;}
.ouzhi_table tbody tr:hover{background-color: rgba(238, 238, 238, 0.2);}
.ouzhi_table tbody tr:hover:nth-child(odd){background-color: rgba(238, 238, 238, 0.6);}

.zrst-box{ background-color: #fff; padding: 20px;}
.zrst-box .txt1{ font-size: 18px;font-weight: bold; padding-bottom: 10px;}
.zrst-box .txt2{ font-size: 14px;font-weight: bold; padding-bottom: 10px;}
.zrst-box .txt3{ padding-bottom: 15px;}



.bstz-box{ padding:0 20px 20px;}

.bstz-box li a{display: block;border-bottom: 1px solid #eee; padding: 5px 15px; color: #464646; border-bottom: 1px solid #ccc;}
.bstz-box li a .txt1{font-size: 14px; padding-bottom: 5px;}
.bstz-box li a .txt2{font-size: 12px; padding-bottom: 5px; color: #999;}


.detail-box{padding: 20px;}
.detail-box .txt1{text-align: center;}
.detail-box .txt1 h1{ font-size: 18px; line-height: 24px; padding-bottom: 10px; text-align: center;} 
.detail-box .t1{ font-size: 12px; color: #999; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.detail-box .txt3{ font-size: 12px; color: #464646; line-height: 24px;}
.detail-box .txt3 img{max-width: 100%; display: inline-block; vertical-align: top; margin: 15px 0;}






























.user-forum-list li a{color: #464646;}
.bstz-box li a:hover,.user-forum-list li a:hover{ background-color: #eee;}