.ui-row {
    display: block
}

.ui-row:after {
    display: block;
    content: "";
    clear: both
}

.ui-row.three > .ui-column {
    width: 33.33%
}

.ui-row.four > .ui-column {
    width: 25%
}

.ui-row.five > .ui-column {
    width: 50%
}

.ui-row.ten > .ui-column {
    width: 10%
}

.ui-column {
    box-sizing: border-box;
    float: left
}

.ui-column.one {
    width: 10%
}

.ui-column.two {
    width: 20%
}

.ui-column.three {
    width: 30%
}

.ui-column.four {
    width: 40%
}

.ui-column.five {
    width: 50%
}

.ui-column.six {
    width: 60%
}

.ui-column.seven {
    width: 70%
}

.ui-column.eight {
    width: 80%
}

body {
    font-size: 14px;
    line-height: 1.5;
    font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, STXihei, \\534E\6587\7EC6\9ED1, SimSun, \\5B8B\4F53, Heiti, \\9ED1\4F53, sans-serif
}

body, img {
    margin: 0;
    padding: 0
}

img {
    border: none;
    outline: none
}

a {
    text-decoration: none
}

ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.ui-scoped {
    display: block;
    width: 1200px;
    margin-left: auto;
    margin-right: auto
}

div[class*=-view] {
    min-width: 1200px;
    background-color: #f5f5f5
}

div[class*=-view] ins img {
    margin-top: 40px
}

.view-footer {
    text-align: center;
    font-size: 20px;
    line-height: 5em;
    background-color: #b2dfee
}

.g-right {
    display: none
}

.g-cube-footer {
    margin-top: 0
}

.left-share {
    left: 0;
    top: 0;
    margin-left: 0
}

.left-share-desc, .left-share ul {
    background-color: #fff
}

.ui-nav.ui-type-topbar {
    width: 100%;
    height: 40px;
    background-color: #d91608;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .1)
}

.ui-nav-list:after {
    display: block;
    content: "";
    clear: both
}

.ui-nav-list .ui-link {
    position: relative;
    float: left;
    display: block;
    color: #fff;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    width: 12%;
    min-width: 100px;
    cursor: pointer;
    user-select: none
}

.ui-nav-list .ui-link.ui-active {
    background-color: #bf1408
}

.ui-nav-list .ui-link.ui-active > .ui-link {
    font-size: 16px
}

.ui-nav-list .ui-link:hover {
    background-color: #bf1408
}

.ui-nav-list .ui-link .ui-icon {
    display: inline-block;
    margin-top: -3px;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAAEYFd0qAAAAAXNSR0IArs4c6QAAAKpJREFUKBWdkVEOhCAQQ/XXo7iX4mh6qD2K32wfESjoBmOT0VI6MzVOMcZNlTABGO85Ew4JM09XZ+ACht61I9KW1sCz4xBfEG7wKZo6V3YYaLyHTIdq9dtLQr88+U7Afo1tjHWl1PQlfgu/TJVGFkeTqzSYYytiT2QiX82RDRIX1Vf1FvTWH6FDeDEp5EDNm8mqJ+naFM0UOwzSBbOO6U26Zyn+jT7TDVP8AET1i6BHQVDVAAAAAElFTkSuQmCC) 50% no-repeat;
    vertical-align: middle;
    background-size: 12px auto
}

.ui-banner.ui-type-home {
    position: relative;
    display: block;
    width: 100%;
    background: url("../../../img/eurocup_banner.png") 0;
    background-size: cover
}

.ui-banner.ui-type-home .ui-slot {
    position: relative
}

.ui-banner.ui-type-home .ui-slot > .ui-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999
}

.ui-banner.ui-type-home .ui-header {
    position: relative;
    padding-top: 48px
}

.ui-banner.ui-type-home .ui-header .ui-button-list {
    position: absolute;
    display: none;
    right: 0;
    bottom: 0
}

.ui-banner.ui-type-home .ui-header .ui-button-list.ui-active {
    display: block
}

.ui-banner.ui-type-home .ui-link {
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    cursor: pointer
}

.ui-banner.ui-type-home .ui-link.ui-more {
    padding-right: 21px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAYAAAABtRhCAAAABGdBTUEAALGPC/xhBQAAAp1JREFUSA2tlzFsEzEUQP+/JKiXjaoCBrp1qRgqNQwNGwsqA0FNxFYxMDAhqDJEYbuNKhJVi5hAKhJ0TQJlALGw0YVEYqhYugUhQFXZcoWE/H4fnONLThfb4hb/8+X9F5/97QRa9coSWFy2nEPozLYalaKp05ZzcqenmkCw3m7cz5tIbTkHL3t9QtwewJ/d1qvqnK7UlnOEwM26TwAwC3168/G1N6MrteEC4YVl7wgBXhDQHPa6u50PG66O1IYLhH+T0xYiEBHkf3z7vkPkKc+S9GacTJor1j4D4TuRmq3F9kv/YZImfGbKSWGQAHEzTEQDWuNaWwvvE1sDjqduePHIsN2s7nM7L3oRcABIN3gUjeGnxiMTLjJCRCSWPApT8iJyeE53JtWoCRcRCtEgM/Wcm6NQyq2rU6O63Jjw4jWvy+/yqSLkVQQzk2pUlxsTClGG4DEg9lWpTo3qcLHChVLtCxLVVaGIJ9WoDhcr/CeSJaKKgxpt+htq30icyCUJR/L8n9skYWzRcwk0FlfccoI+kUvHgZ/qlfM9xJKYNPXivXbvzLmzq4jlgdofxjpcrLCHcIdlkWe8IRxQxi3MXir7oWC01eEiW5tIwOdhFn53OxxOy4QIh5hy8rnr6weybyTQ5cbm0Okd34zIAHwHUoUkmXDrchGh2IS5wO+GX15s3jxvq4vFB3thX1xrwqXUBIWFX8sMy1XG77ucK9WeqZ+Ji024yAh5oQxliFss24wTjPUZcFLIv03n+ey7IpJp1Jp0mnLK0sd7Yi4m1Zo0ycCMC8pi/6037Xf9Dq+Yr3TKzfNRcyjzJQQ2XPBKWXabz4IupPGqrkx8DxvOofdemo+iWzq1pg7WlnNaP49X+ISvTqo1VSZiWw5s/3bZcicWOL3yVmksygAAAABJRU5ErkJggg==) 100% no-repeat;
    background-size: auto 16px
}

.ui-banner.ui-type-home .ui-link.ui-button {
    display: inline-block;
    padding-left: 20px
}

.ui-banner.ui-type-home .ui-link.ui-back {
    background: url(data:image/png;base64,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) 0 no-repeat;
    background-size: auto 16px
}

.ui-banner.ui-type-home .ui-link.ui-all {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAABGdBTUEAALGPC/xhBQAABMlJREFUWAntV19oHGUQn9mLl7ugrRakpBFrBY1atMltHkSx2gcpKOXukmKxKCI+CIKiKElbUzmkqb2jD6IPvvkiKFGud0la/4M+KEWby7UvorYiWEl9qn+QXurd7jjftrs3+/f+iX3JkcvOzDfz2999O9/MLMDqZ3UHruwOYDe3r5b2jZjQSAPhVgIaYowNSMh/sMzyMhB8hRqW9eyhSjf4MqYjgpXiniwgzRDR7RIkTEbAM4iwfzR7aBaZf5hflL0tgkvHXt5IK413ebfuiQILW+ObLGrx+O7RHQdOh/mE2VsSrJT33geGWWRy14eBtGPnHfxdA9o1Ol74rB1/2yeS4GVynzO5uB1gXREbHLjA3zKvnaBrcHltPUkX6o3BOtV1NIHzEzK+OAADY/iwnsl/4sKLUEIJVkt7bjJN+ta7c5xTR2MQe3Fk/LUfI3Dh1Pz0pnqjXgCindKP4//oi8Xv3pI+8IO0h8mhBCvFqa+ZnJNzDMwqTusT+YNhYEH2SnHyeT4dh3kt5qwjnNSzAzpiznRsIYIWZFenVZKzfLogp+L0icLrGuALrvsQjFRLtcdcthAlkKAqJdKfy8VCpzsn41MT+TcB4T1p41L1KlEu+P7C0eegirCrzvGBiKH2kojpSuzXrpoCwBU7mB/7xkqp5qSQbfdefQStDiG8OEnnWx0I4R4q3pmZOcu7+L7LgSjj0gMUH0Ey4X7pxwTnpN6LzL2wLOO5Nm6VepDsI8i/coN05MNyQuq9yH1gerCsPh4J6SfIjV9GqCIs9V7ku9YN/MYHziktRLC+1UHxEVRTiSShOoTUe5IfuMOFxXfS4Ev+Rnx8i5dHJidEtS9H6VGozn+3nlNG3vNP3JZrRMFKZ9vP9UhVb7UXer0S1TxY+FMrTD9BHjZlkNX4paEHmQweIuSH8LhUg2QfQa2vz11WeCpRjT8ouBPbYnHfIFeIR10xMTrq0gMUH8FUemZRTcK2L+dM3JpKbEOXV0RjhiebAScc4WwqnWw5G/oIKgA+XfsdICXwyKSmEpetA2WpNPkUt88nZYgG2sGupxnrHYLHdAnI9eHwUnHqWWlrR1bkTBPekr5quu4fTrwtbWGyq+ZJp5NH9t5qgPENF9NrpV1NJarxW73VteBWVM6px+rdOceLcfTs2OOIjxiOLUAIJah8q0cmHzQIPmKxOWxaIDyVcONXvVW1L9UhgIuwVee4lFinVR0ImXNWnOcf4gf6dcndUbUwkqCCq5SntvMNZzkR13rgHdVuX54i7KxHCfy4S3TjzbvGxp6uB/m1JKiCTs1NDzeM+iw/ri1BIK1s/AP+ZvJXh/nx+kLituTOzZtz/3h9Ak+x10m94KSyyZSG+ASf8V+866E64q+g4TOJdclBJhH6Jsfkd9S+v1A6/eEb/V6stnZQBqnpY2nu4r1kGOlL8xwNqalENX4i/IuvZ/jl6jjn6LFUNvGpXUp+/iKXOH++pl5Tt0s8KfOPKPCrBU/ezU/HBJuhTckamXgqiUp25d2SJOK5sfG8a9z7Twg2qbaWokjy7i/r44UhidJWDsqAXuVN23Ira5JDnB7wsReLm8E7Xtv/TlARuOWh5y6uSdyQUTnHffXcpS/kk8MDr3gJruqrO3Cld+Bf96ejuy0cQ/EAAAAASUVORK5CYII=) 0 no-repeat;
    background-size: auto 16px
}

.ui-banner.ui-type-home .ui-body {
    margin-top: 16px;
    padding-bottom: 58px
}

.ui-banner.ui-type-home .ui-body .ui-list {
    display: none;
    margin-right: -20px
}

.ui-banner.ui-type-home .ui-body .ui-list:after {
    display: block;
    content: "";
    clear: both
}

.ui-banner.ui-type-home .ui-body .ui-list .ui-card.ui-type-gaming {
    float: left;
    margin-right: 20px
}

.ui-banner.ui-type-home .ui-body .ui-list.ui-active {
    display: block
}

.ui-banner.ui-type-home .ui-img {
    display: block;
    width: 329px
}

.ui-banner.ui-type-home > .ui-corner {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 15%;
    height: 100%;
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/banner_football_2x.png") 0 100% no-repeat;
    background-size: 100% auto
}

.ui-banner.ui-type-home .ui-type-calendar {
    display: none
}

.ui-banner.ui-type-home .ui-type-calendar.ui-active {
    display: block
}

.ui-card.ui-type-gaming {
    padding: 14px;
    width: 285px;
    height: 194px;
    box-sizing: border-box;
    color: #fff;
    font-size: 0;
    background-color: rgba(0, 0, 0, .3)
}

.ui-card.ui-type-gaming .ui-title {
    width: 100%;
    display: table
}

.ui-card.ui-type-gaming .ui-title .ui-right {
    text-align: right;
    font-size: 0
}

.ui-card.ui-type-gaming .ui-title .ui-right .ui-link {
    font-size: 14px;
    text-decoration: underline
}

.ui-card.ui-type-gaming .ui-title .ui-right .ui-link:hover {
    color: #50c5ff
}

.ui-card.ui-type-gaming .ui-title .ui-right .ui-text + .ui-text {
    padding-left: 4px;
    margin-left: 5px;
    border-left: 1px solid #99433d
}

.ui-card.ui-type-gaming .ui-title .ui-date {
    color: #e6a5a1;
    margin-left: 6px;
    margin-right: 6px
}

.ui-card.ui-type-gaming .ui-title .ui-time.ui-gold {
    color: #fddc69
}

.ui-card.ui-type-gaming .ui-title .ui-text {
    display: inline-block;
    font-size: 14px;
    line-height: 14px
}

.ui-card.ui-type-gaming .ui-cell {
    display: table-cell
}

.ui-card.ui-type-gaming .ui-match {
    width: 100%;
    height: 20px;
    display: table;
    margin-top: 17px
}

.ui-card.ui-type-gaming .ui-match:after {
    display: block;
    content: "";
    clear: both
}

.ui-card.ui-type-gaming .ui-match .ui-center, .ui-card.ui-type-gaming .ui-match .ui-left, .ui-card.ui-type-gaming .ui-match .ui-right {
    display: table-cell;
    font-size: 0
}

.ui-card.ui-type-gaming .ui-match .ui-center .ui-text, .ui-card.ui-type-gaming .ui-match .ui-left .ui-text, .ui-card.ui-type-gaming .ui-match .ui-right .ui-text {
    display: inline-block;
    margin-left: 2px;
    font-size: 14px;
    line-height: 14px;
    border-radius: 2px
}

.ui-card.ui-type-gaming .ui-match .ui-center .ui-text.ui-tag, .ui-card.ui-type-gaming .ui-match .ui-left .ui-text.ui-tag, .ui-card.ui-type-gaming .ui-match .ui-right .ui-text.ui-tag {
    padding: 1px 5px;
    font-size: 12px
}

.ui-card.ui-type-gaming .ui-match .ui-center .ui-text.ui-golden, .ui-card.ui-type-gaming .ui-match .ui-left .ui-text.ui-golden, .ui-card.ui-type-gaming .ui-match .ui-right .ui-text.ui-golden {
    color: #fddc69
}

.ui-card.ui-type-gaming .ui-match .ui-left {
    width: 42%;
    text-align: left
}

.ui-card.ui-type-gaming .ui-match .ui-right {
    margin-top: 2px;
    width: 42%;
    text-align: right
}

.ui-card.ui-type-gaming .ui-match .ui-center {
    width: 16%;
    font-size: 20px;
    text-align: center
}

.ui-card.ui-type-gaming .ui-match .ui-center .ui-button {
    display: block;
    text-align: center;
    margin-top: 3px;
    margin-bottom: -3px;
    width: 60px;
    line-height: 30px;
    font-size: 14px;
    color: #330502;
    border-radius: 4px;
    cursor: pointer;
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/button_golden.png") 50% no-repeat;
    background-color: cover
}

.ui-card.ui-type-gaming .ui-text.ui-a {
    background-color: #005b93
}

.ui-card.ui-type-gaming .ui-odds {
    position: relative;
    margin-bottom: 7px;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    background-color: #205798;
    border-radius: 4px;
    overflow: hidden
}

.ui-card.ui-type-gaming .ui-odds:after {
    display: block;
    content: "";
    clear: both
}

.ui-card.ui-type-gaming .ui-odds .ui-progress {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #b3243c
}

.ui-card.ui-type-gaming .ui-odds .ui-progress .ui-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 10px;
    height: 100%;
    background: url("//zqmfcdn.youdufu.com/hhb/static/pc/img/x3.png") 50% no-repeat;
    background-size: contain
}

.ui-card.ui-type-gaming .ui-odds.ui-plus {
    margin-top: 17px;
    margin-bottom: 14px
}

.ui-card.ui-type-gaming .ui-odds .ui-cell {
    position: absolute;
    float: left;
    width: 50%;
    height: 100%
}

.ui-card.ui-type-gaming .ui-odds .ui-left {
    top: 0;
    left: 5px
}

.ui-card.ui-type-gaming .ui-odds .ui-right {
    top: 0;
    right: 5px;
    text-align: right
}

.ui-card.ui-type-gaming .ui-details {
    margin-bottom: 6px;
    text-align: center;
    color: #e6a5a1;
    font-size: 12px
}

.ui-card.ui-type-gaming .ui-details .ui-score {
    color: #fff
}

.ui-card.ui-type-gaming .ui-table {
    width: 100%;
    font-size: 12px;
    border-collapse: collapse;
    text-align: center
}

.ui-card.ui-type-gaming .ui-table td {
    border: 1px solid #99433d
}

.ui-card.ui-type-rank {
    outline: 1px solid hsla(38, 46%, 63%, .4);
    line-height: 33px
}

.ui-card.ui-type-rank > .ui-title {
    padding: 0 8px;
    background: #faf1e6
}

.ui-card.ui-type-rank > .ui-title:after {
    display: block;
    content: "";
    clear: both
}

.ui-card.ui-type-rank > .ui-title .ui-left {
    float: left;
    color: #330502;
    padding-left: 20px;
    font-weight: 700
}

.ui-card.ui-type-rank > .ui-title .ui-left.ui-goals {
    background: url(data:image/png;base64,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) 0 no-repeat;
    background-size: 18px;
    background-position: left 7px
}

.ui-card.ui-type-rank > .ui-title .ui-left.ui-lose {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAABYRJREFUWAntV0tslFUUPufOTDtTZiiFebSl1AqNgEUX8ggRaBmQDTE+g48EN+DCGMUFKmyMTUwUcaGLRnRD0LiAhECCuhBsZ2oNaSNggJIqWKhQCp2ZAqWdR9v//6/fHaZN59X+HdzBn/zz38c53/nuueece4fo4fMgeaC5wv5Is8+54f9cszAL1l47d/aFurqiNHmNj5CuHQv4HKsnj5+scsyf3J9J2xShjvmuebE7sePh0JXGyeCC5AAzxyaPBSpdSxIJ2RJwl7x5avly2+Q5M21ThGKarJBE8yQZr//mLnkqH7BsbBQ0pjVCtlYKuXTF6dNj+WTzjZsi5O8f7hTMhw1J1TrLD5OGcyAGmvasIynrheQLbKMvc4hMO2SKkEIRNvpaGVIGk4YzoFPbs1t5kpi+91+P92aImOqaJtTQF78GYz/gdTPRLkVASlL66BLd7enaLCWvYuJzVGQ9oMYKeUwTUuBcbN2P33OSeGX0atcmBPR5ktSDiZuSjU+JpV2w/MbfNxQphExBOq1ex9PN7uKjmXHU7LHXt3js3xWSWQURMaN0qba22IzcVDLJ/Z9KQM2pohi9G1/GBq1mZBpS2kUGl7IQ7/jD0ZutPvt23aA1iK8ZPyy5SLL8dWM4cUApW6dCOFVZWTKk3XopOhh/G7GySJL0SrUEZRnMmIyDaB02DHoVAb5pKqx8c8BUWbEm4HOeUuUlr4dQcd1yVGtikpsNUED2dEG4TQrjCkkBArIeRi7jjWCuHKilhuRdFpKD+YznGjeYsFi5ji3i+Q39sWM5PXSyqsoRT0ROAgBe4bMWC30hHb6j/p6ehAJt8Tgex+cxZJkdnqlKbdUIDro/6iPxM0rG7BPw2J/Bgtch3ZMwWYQC69dbE53tXwFwId4/rTbLGw03hrsI2T3+MDl3Wym6/x7EvVEpeKy+P3p+XKbQbxYh2dm+BmDP4b0oimxbG/qG/soE94fDwxib1hMq63qHIxUWbXREX7Yq7A8GtUyszH4aIcQFB7wlO7Cn8yzEe9fnIJMJkKuvcFp89reuDvZuhRfLsBcGdXbEm92Om0JSN1mMLmJrt0VSSDeM2andSkKlEWrzzCrH5GIA/KPb5JFcxqYbk1u2WIJex7dI51eQijqysRekBIK+HAnyBOLlWZQMNRUDb1R0WQbMUTghySWNkCFkDYTKcc8547+R+Hc647nmg60/vmYQvwDjIQT8B8JpD9j00RI9QT6dhZdJW0wslpAhH8XC0ach2Bv1eBb9TKELmXVIOFnqLhgK5TJmakzyi1i1kwW9tyEUP0oDcaV2B29fSv+X1JfUMZMIdXns3qXhutTdKd1DqHQoOBrqSkFHQKBmzhyKJp7EqvsMKm4nSlaJcftZ39QFro+unZ6YSzvtWchB7P0dg3BDxN5NSJlsiBGtAvFiheqt0gW1V02qpYmlEXI5ii8h+EJgUhksd9WlSZroaGPaWsTFAoTwxUKur8pEGqEVl28PIto7sMoaqevbTHCYEGmrLi1D5d6GBcVZ50MTEzNspBFSumyxNgG0G4fey0HvLFMHprobjcVHDmKbV2K7AnbH3OMz5DEhnhUnyaLmmfUxs7ETnrrOJN73R2I/TWhkNH5f7HaN3o5+JA25nZg1YbM24MaYVd0z1PJ2sz3ELKvnVH4GpoehVQ1P7Qt4HHvafKULJ98SVco24/Y4MjB8CIt4F75N4Pq6837IKJZZHhqnrowHmz7fC0KouFSFtxt5148sHEAbsUvz0a9GzLkBcxYjn2wcQN25zycvIYWrtq/VV7Iat8EdcNwydFX5LwURFHUO6ZL6heATFpvcp/6V3CeXpPqUhMYNKGIdPqc3QcZCnYQLByT40I2iMsfltX9HhsblHn4fSA/8B1EmNCk/tfc6AAAAAElFTkSuQmCC) 0 no-repeat;
    background-size: 18px;
    background-position: left 7px
}

.ui-card.ui-type-rank > .ui-title .ui-left.ui-punish {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAABF1JREFUWAntV99PW1Uc/37vLdCuVAEZ3VxVwCIPi5oYnWQJsMumicH54ngxmiU++u6LT/sXfPRh8cX5ICGZTA0xhtYg23Rxy9SpaJkYMaUrIJvQQtd7vn5OBzenhZV22iZLPMnN/d7zPef7/dzP98e9h+j/cZ8xwNXi/TUabUreSva6Sh5lH6X8zf6ZvsTyrWrt3G19VYAudgTDa8odZ6EwWdQhwn8R04IlNEk2jUVCB670JBIbd3NWyXzFgM5HIoHsxuJZEnoRm+aJ+QYpaROmR+DIZuYFIrlOyv7EZ9On/W+9/QOfOqUqAWGuqRhQfG9gRImcFuYcC590nOGJ2PRElPK5o6L4BAx1C9Fj2jgzzYHFWbJkVJH/i6M3bs6aTsvJOwKKdba08OrGS3j7p0hRQBtQTP1g4Bls+AX390yjTBYTSwCAujA/CBYfhqz3ubhmofzJZvoQLzI1sJhJmntL5W2ApsIPdufcjUtQNMNoY+mGe30Ga1ns1Ux9a5P1kTp46HMnHs+X2isCdDHa9kBmJTMGIMegmMF1BSzlSjdV9szNYNcRllYE8TKLNMJWN/buQUyXwOJUsCVwsrRCiwDF9u951s3LuEXUgCp6eSiV/boy5zuvmmz3D4KZ9/GCLrF9wudKl2vJm3g+LCKt0H0T7nh88OC1a95Lw7cxbkvUEtlHIt/9WzDa6tDi+pdgBz2K29ni1oGlzFknnX3FFn4H6jRyav/S0u9RAwF4KBq8CvSatarLtciM8aBI1lAEyOmC3YJmwBk+jbD9Cd3evKs6jeXkMx9qJBelhfYRn57oYSrk1rLPlkXTbwlDpuq/kU1mPIu33VdFqAsJ/4fP99D33jyEmgPSzuDcG1fD4SAS+jiACrr6+OH5ed0OvFEXQJ43CCu09jzw9SCjrnMDnzN1Wq4LIJS3N/Iq/wbIaSPhn53k3z96ik2h9oAEH5XNkMUOBCII1CF8aLJwfAYfZCOYdxDVHpBBgcrJCyArqogTfsuaNFSeWI+y119/csEU+HgNlDQiqS/0pddSHgpDqDlDAFAIGZNqRrh6LeI0AJ4xMBSJNQe05U2UHNM/c+g9s4Gm9ktb86X3ugAqVJmoId17WNkfl/YeE1TNc0iDQJXhv4o70Xt+E9/23lNXQDqH4LBJX0jqmSO695iNyUQDuS4h0z6BYR2F9sFOvcfEVHNAOmSbDhPMO/eeugLaQoPAXXDSazgqlR/1YKiAAPkzXR7KHW0RIPQJnHYoh7NXWyWbd1uD8tIfq5AOm1Ic2m291hcBQrRTMJDEf3UoFg70VWKg3JrYvuBxJHEYKb2Ao/blcmu3dLokvSEjI/Zk7Nx5TD6HirgJRRy/mhlvQRUCgARw0n0aW7ohj3Ew/LozN7e+m4kiQHrxV73todzy6rsQj6ChRXBv0PPVDhjOge0Fi/FiwaYBZ25lpRIb2wDpTZqpePyzJ/GP+QSOKvfIEOEIRql+Z/gqj47qI/X9Of4B9MB8McGYbh0AAAAASUVORK5CYII=) 0 no-repeat;
    background-size: 18px;
    background-position: left 7px
}

.ui-card.ui-type-rank > .ui-title .ui-left.ui-control {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAAAghJREFUWAntVzFPwkAUvmsJUCFMgBHroMZFFhcXEuOiP4HoZlxcWVz8Af4C3fwFujpLnYiDiwMJA2KMMEDiwCAoap93hDsK9MpB28lecrnX9773va/vjmtAKBhBBzzuQDGlXReT2gPk86rH1FJ0eBx1l4wC9YXUyNpus/0yHrd7LunaMvXn6t2GXXwWnyICk8CEWDuskdQOu5/wSqeR0g7sMLP4hIJkSQDDMcHS7VVNBEeyeSKca0GkkRFODijK7TkNDwTNWVmQFggSNIa7pTtUzmbDdPLMoSH1axzCnS0pQffp2H6z9fxOp7EY23OmdBeVEmSCWQBAcTpN0yy4K+mcLSWIUMQZDQbg9sDXv9lZ3O0acktA8oVniJ65Vqt2QiCQTq9eZcvl3rR6XggS1mg1a+fk9j5FCBARphPgmRA8CMhu2TQe2zhgtM0CAMBt5rNbvRDkdIb4dhKQVC0pkN2b+OULBE3rbNAhjzoEH5wI46FNnICg4xAbYsfyeM6YIbVlClIuyX3coRNT2zJUpFxgjLr9GB6NUawoZqEYMfk9wbzsX0dYjazvNNs15i/pukbtXL3eZT62PmYyCz1FgVljLN+6SguyJvlpC79lP7/fm0YqlvCrOPmswEpiqbJRrX5ZawgFmci8JSfWv0G439qNJ1Jgy1pk4lBjjG+sAJ/tis/8Af0/7MAfTS2TKV1IchYAAAAASUVORK5CYII=) 0 no-repeat;
    background-size: 18px;
    background-position: left 7px
}

.ui-card.ui-type-rank > .ui-title .ui-left.ui-assists {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAABa1JREFUWAntWFtslEUUPmf+/be73bJC3bZaChQBE6hXJEGw0K5EHyQaEy0kRp8F0xdDjOEFq7xgovEBTDQkGjVRDN4S70jZRVqUmHqJQUEJXcqtpvRK6e7+u/8cvyn9l91iFRbbRMMkm7n8M+d8850z58ws0dXyH2OArxTv/pqaYMYdqCUtPh20j0cTAwNXIvOKAB2YOe3aYSfzITEvIk1MLK3ko6dWnU4dKxaUKnahNDVZwxlnIwmtYBE/kdhoN3GW32ivKqssVm7RgDra20tY823nFfPrLNQMYYdEpCHlZl9EXRT7RQMa0UMhZp4OrWIxvXt3b+pNsazNEJhhpuWxmeEbi2GpaEAwzQwhqoH/9JFl9RvlHLQ/00Q/itANlHVqpxSQQ24DzFIlJIeUbXUb5Y2d/YNM6vQoEFfdOmWA9lYHZzHJOqNQsfpqRdfgeYYYnsSSNOOsOGzqyy2XbbJY9bSIm5ZnwcxixfSrpdTOAqXCgdG+olFgBd8uoeP7qzmtFYGVivh2VqrUfNdZGcSO9/sVZ5NOdgucdjUcup8s2rSye/gXT8a388vDI4MjFTj+WKQXtEZK18HH0j5FaZbMCLMaFlf1uewbolD5iWgikfLWenXB0TRHNV4Zeg51MxiY7k0aq7swWY058gAAv9zYuPoZ3rnT9eZ9XRm6Jat1HGtneGPja3MKNXNCkf6y1O9vWXrybG/+nAKG2irCCzTptZgQxsJ9mtRYGtDzMbYQzKRR71KitzX0pD4BS4aLXMmyzMWcdhElxhfw0WzABCSFcUtE+xDQyxFIoYebh9OZeQiw9+dvqoChPZHSO8D1AdB8zLKpseFU8rjRtrcqdLPruu0w26vBcHDznUf6hnIo/qZhGB/9vGaNivf0cM2JE9ag7g0MDiWboOMFHIy0z/JF881ewBA6kiGysLtz7HA2p0tbKWKdFM07LhWMWZvHoGdWIzO9vyb4eSpNGxGv5rgi1RjL+WEBICNkskq8IrACvqOVy046JWsRHqoBuMvnqq58ncbUk15iFaHrtNBrcKoPXNatmmQD2Amg/0V984Yj+QCmBFC051w3+wL3WGTX+8leAmO+PQqCdWU8Hi/AMGUmi3YPJDwmYpHg98h5jwBYiBIJgyHnr1MCSFpaVPs720KZPhZlD89wHQMGcLQcHh8cJx3Qwbo6f2zrlhhCBsIP+V1HAohNdTiCJ23m9zzWvLrAft7gv1nXHTzo4DRtRRr6GCdrF4CMmUd/U9+TbBuva9IZMgqjZ5I7PMWxSOlRpJbtSD2hWG1tYLzJJp0hD4ipzT1cWD80NnaysbPTpKKCMiFDbNnBeGXJeov5dwg5RV6sLVj+z51YZemDcN7lyGZn98Y/uQnZ7y6sOoe08lFeJM8JmhCQ42ZW4V3zvEuilcq+ZFKk8tFlMWpyWawq2KSF5wLULJiqGskNglRLeNbCXXSmIwfEa0yogEUvwyQfQNl4XZhkKtqVV/ZUlNzXWnnNvJ+qqkKekIlqw0D0j+SjSpXda1v+BkA5jBPGFsnuJR0dSJsXlwKGXOQa7CCFnYVxB30faI+TyHSXqRuyy3BsF0PepyROVy+nj+6OBA5brL6ztPyMANOf9TmOylpp3DNyt4h9FSHc4xD5XP0Yqtlw5m5W1oSv2wJAtq370g4dxcJFuEBtF+Yz2JUpDwNMCM1DOLpptOfjNxv9Ri36cahH0s704iUyJOSmsDEQcaHAVHhIYj7yl1b6LXLLuoiGL0zIa+V24o3tiZQ8gJv6JgCpQ/IbvR/DbP24av3g1/YTbEm/Frne0bIMoXYp1s2BEFxbOQKrTkM/CDQFroDLGVinTsxrs0tLnvYeBZ7O/PoiQOZjW3VwdiajykF9TrDLod+iPT0Xbcv82ZBN9eHBaE3Tli4xfzqAiQK5iIRsW3Z//fonE9zSgjR2tfyPGPgTRhdM32PCjUEAAAAASUVORK5CYII=) 0 no-repeat;
    background-size: 18px;
    background-position: left 7px
}

.ui-card.ui-type-rank > .ui-title .ui-left.ui-flutter {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAABYRJREFUWAntV0tslFUUPufOTDtTZiiFebSl1AqNgEUX8ggRaBmQDTE+g48EN+DCGMUFKmyMTUwUcaGLRnRD0LiAhECCuhBsZ2oNaSNggJIqWKhQCp2ZAqWdR9v//6/fHaZN59X+HdzBn/zz38c53/nuueece4fo4fMgeaC5wv5Is8+54f9cszAL1l47d/aFurqiNHmNj5CuHQv4HKsnj5+scsyf3J9J2xShjvmuebE7sePh0JXGyeCC5AAzxyaPBSpdSxIJ2RJwl7x5avly2+Q5M21ThGKarJBE8yQZr//mLnkqH7BsbBQ0pjVCtlYKuXTF6dNj+WTzjZsi5O8f7hTMhw1J1TrLD5OGcyAGmvasIynrheQLbKMvc4hMO2SKkEIRNvpaGVIGk4YzoFPbs1t5kpi+91+P92aImOqaJtTQF78GYz/gdTPRLkVASlL66BLd7enaLCWvYuJzVGQ9oMYKeUwTUuBcbN2P33OSeGX0atcmBPR5ktSDiZuSjU+JpV2w/MbfNxQphExBOq1ex9PN7uKjmXHU7LHXt3js3xWSWQURMaN0qba22IzcVDLJ/Z9KQM2pohi9G1/GBq1mZBpS2kUGl7IQ7/jD0ZutPvt23aA1iK8ZPyy5SLL8dWM4cUApW6dCOFVZWTKk3XopOhh/G7GySJL0SrUEZRnMmIyDaB02DHoVAb5pKqx8c8BUWbEm4HOeUuUlr4dQcd1yVGtikpsNUED2dEG4TQrjCkkBArIeRi7jjWCuHKilhuRdFpKD+YznGjeYsFi5ji3i+Q39sWM5PXSyqsoRT0ROAgBe4bMWC30hHb6j/p6ehAJt8Tgex+cxZJkdnqlKbdUIDro/6iPxM0rG7BPw2J/Bgtch3ZMwWYQC69dbE53tXwFwId4/rTbLGw03hrsI2T3+MDl3Wym6/x7EvVEpeKy+P3p+XKbQbxYh2dm+BmDP4b0oimxbG/qG/soE94fDwxib1hMq63qHIxUWbXREX7Yq7A8GtUyszH4aIcQFB7wlO7Cn8yzEe9fnIJMJkKuvcFp89reuDvZuhRfLsBcGdXbEm92Om0JSN1mMLmJrt0VSSDeM2andSkKlEWrzzCrH5GIA/KPb5JFcxqYbk1u2WIJex7dI51eQijqysRekBIK+HAnyBOLlWZQMNRUDb1R0WQbMUTghySWNkCFkDYTKcc8547+R+Hc647nmg60/vmYQvwDjIQT8B8JpD9j00RI9QT6dhZdJW0wslpAhH8XC0ach2Bv1eBb9TKELmXVIOFnqLhgK5TJmakzyi1i1kwW9tyEUP0oDcaV2B29fSv+X1JfUMZMIdXns3qXhutTdKd1DqHQoOBrqSkFHQKBmzhyKJp7EqvsMKm4nSlaJcftZ39QFro+unZ6YSzvtWchB7P0dg3BDxN5NSJlsiBGtAvFiheqt0gW1V02qpYmlEXI5ii8h+EJgUhksd9WlSZroaGPaWsTFAoTwxUKur8pEGqEVl28PIto7sMoaqevbTHCYEGmrLi1D5d6GBcVZ50MTEzNspBFSumyxNgG0G4fey0HvLFMHprobjcVHDmKbV2K7AnbH3OMz5DEhnhUnyaLmmfUxs7ETnrrOJN73R2I/TWhkNH5f7HaN3o5+JA25nZg1YbM24MaYVd0z1PJ2sz3ELKvnVH4GpoehVQ1P7Qt4HHvafKULJ98SVco24/Y4MjB8CIt4F75N4Pq6837IKJZZHhqnrowHmz7fC0KouFSFtxt5148sHEAbsUvz0a9GzLkBcxYjn2wcQN25zycvIYWrtq/VV7Iat8EdcNwydFX5LwURFHUO6ZL6heATFpvcp/6V3CeXpPqUhMYNKGIdPqc3QcZCnYQLByT40I2iMsfltX9HhsblHn4fSA/8B1EmNCk/tfc6AAAAAElFTkSuQmCC) 0 no-repeat;
    background-size: 18px;
    background-position: left 7px
}

.ui-card.ui-type-rank > .ui-title .ui-left.ui-steal {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAABYRJREFUWAntV0tslFUUPufOTDtTZiiFebSl1AqNgEUX8ggRaBmQDTE+g48EN+DCGMUFKmyMTUwUcaGLRnRD0LiAhECCuhBsZ2oNaSNggJIqWKhQCp2ZAqWdR9v//6/fHaZN59X+HdzBn/zz38c53/nuueece4fo4fMgeaC5wv5Is8+54f9cszAL1l47d/aFurqiNHmNj5CuHQv4HKsnj5+scsyf3J9J2xShjvmuebE7sePh0JXGyeCC5AAzxyaPBSpdSxIJ2RJwl7x5avly2+Q5M21ThGKarJBE8yQZr//mLnkqH7BsbBQ0pjVCtlYKuXTF6dNj+WTzjZsi5O8f7hTMhw1J1TrLD5OGcyAGmvasIynrheQLbKMvc4hMO2SKkEIRNvpaGVIGk4YzoFPbs1t5kpi+91+P92aImOqaJtTQF78GYz/gdTPRLkVASlL66BLd7enaLCWvYuJzVGQ9oMYKeUwTUuBcbN2P33OSeGX0atcmBPR5ktSDiZuSjU+JpV2w/MbfNxQphExBOq1ex9PN7uKjmXHU7LHXt3js3xWSWQURMaN0qba22IzcVDLJ/Z9KQM2pohi9G1/GBq1mZBpS2kUGl7IQ7/jD0ZutPvt23aA1iK8ZPyy5SLL8dWM4cUApW6dCOFVZWTKk3XopOhh/G7GySJL0SrUEZRnMmIyDaB02DHoVAb5pKqx8c8BUWbEm4HOeUuUlr4dQcd1yVGtikpsNUED2dEG4TQrjCkkBArIeRi7jjWCuHKilhuRdFpKD+YznGjeYsFi5ji3i+Q39sWM5PXSyqsoRT0ROAgBe4bMWC30hHb6j/p6ehAJt8Tgex+cxZJkdnqlKbdUIDro/6iPxM0rG7BPw2J/Bgtch3ZMwWYQC69dbE53tXwFwId4/rTbLGw03hrsI2T3+MDl3Wym6/x7EvVEpeKy+P3p+XKbQbxYh2dm+BmDP4b0oimxbG/qG/soE94fDwxib1hMq63qHIxUWbXREX7Yq7A8GtUyszH4aIcQFB7wlO7Cn8yzEe9fnIJMJkKuvcFp89reuDvZuhRfLsBcGdXbEm92Om0JSN1mMLmJrt0VSSDeM2andSkKlEWrzzCrH5GIA/KPb5JFcxqYbk1u2WIJex7dI51eQijqysRekBIK+HAnyBOLlWZQMNRUDb1R0WQbMUTghySWNkCFkDYTKcc8547+R+Hc647nmg60/vmYQvwDjIQT8B8JpD9j00RI9QT6dhZdJW0wslpAhH8XC0ach2Bv1eBb9TKELmXVIOFnqLhgK5TJmakzyi1i1kwW9tyEUP0oDcaV2B29fSv+X1JfUMZMIdXns3qXhutTdKd1DqHQoOBrqSkFHQKBmzhyKJp7EqvsMKm4nSlaJcftZ39QFro+unZ6YSzvtWchB7P0dg3BDxN5NSJlsiBGtAvFiheqt0gW1V02qpYmlEXI5ii8h+EJgUhksd9WlSZroaGPaWsTFAoTwxUKur8pEGqEVl28PIto7sMoaqevbTHCYEGmrLi1D5d6GBcVZ50MTEzNspBFSumyxNgG0G4fey0HvLFMHprobjcVHDmKbV2K7AnbH3OMz5DEhnhUnyaLmmfUxs7ETnrrOJN73R2I/TWhkNH5f7HaN3o5+JA25nZg1YbM24MaYVd0z1PJ2sz3ELKvnVH4GpoehVQ1P7Qt4HHvafKULJ98SVco24/Y4MjB8CIt4F75N4Pq6837IKJZZHhqnrowHmz7fC0KouFSFtxt5148sHEAbsUvz0a9GzLkBcxYjn2wcQN25zycvIYWrtq/VV7Iat8EdcNwydFX5LwURFHUO6ZL6heATFpvcp/6V3CeXpPqUhMYNKGIdPqc3QcZCnYQLByT40I2iMsfltX9HhsblHn4fSA/8B1EmNCk/tfc6AAAAAElFTkSuQmCC) 0 no-repeat;
    background-size: 18px;
    background-position: left 7px
}

.ui-card.ui-type-rank > .ui-title .ui-right {
    display: block;
    float: right;
    padding-right: 18px;
    color: inherit;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABGdBTUEAALGPC/xhBQAAAmdJREFUWAntlr9LHEEUx2dWg3cJRhGOVJLCPkXAxhj0iuBvjwRcUni7YmeRYGwlRdKlMJAgdja7WihBPL1bJI0JMW2KlPkPQizutPAObnfyfZILC8u5M7srWOw2Mzfz5r3PfN+bmWMs/VIFUgWuVwEu6/7Qsg6YEPc1xuamTPOX7DpVO/iX+0CeheUDwdjJkW0/lFulbiUN1NvT8wxQxwDKNYU4dixrRD1c+AppoOFC4VzL5SY45yUhxF1PiCNAzYSHULOQrqGWW7G721FpNDaF55mAa8LB4pRh2K35uK0yEAWEQrxi22toXwFKwMkyoD7GhaH10inzByOIacNY0Th/TXBI34eyZb3x20TtR1LIH6xs20tI3zrGNDhbh1IvCdhvo9KPDUTBoM5z5NECxS3AbN/p71/I5/NNFZCWbSJA5MzZ2ppwXfcTurcBVenLZOaGdP2iFUi2TQyIAgLqEaDK6PYC6ltXJjPzRNdrsjBkF6mo2wWYnJ//zjRtlHH+G8X+uFGv77ezbTeeKFAgCKgCYyEDiQJRypjnfUGB37tMWTb7NCR+YDoxoH9F/RkRqH6oqMdU64foOgOIEQbo2Huua2Hp/2M/FPHYxwYKXIzFYqyLMVbKoMwqbukNKINXhL+dNs0XaJUL2Z+UDv8P2T69X4MDA+/RrhIAaJbxtr2TXX+VnfLFeKP+fjiO0+Wdnu5AmQJ2Uocy+qRhHF61Y9U5aYVOSqXuarVaQoHkkaYzFN8sYL6qBgyzlz5l1Vpt7xKGsT+dnI+PF4s/wpxHmZc+ZYChl/snJB2+LpgoG0jXpAqkCqgq8Bc1F9nCgYl4JQAAAABJRU5ErkJggg==) 0 no-repeat;
    background-size: 18px;
    background-position: right 7px
}

.ui-card.ui-type-rank .ui-table {
    width: 100%;
    text-align: center;
    line-height: 33px;
    color: #896a6a
}

.ui-card.ui-type-rank .ui-table td, .ui-card.ui-type-rank .ui-table th {
    border-top: 1px solid hsla(38, 46%, 63%, .4)
}

.ui-card.ui-type-rank tbody tr:first-child td:last-child {
    color: #bd1408
}

.ui-card.ui-type-rank .ui-img {
    width: 24px;
    height: 18px;
    margin-left: auto;
    margin-right: auto;
    vertical-align: -4px
}

.ui-card.ui-type-rank .ui-link {
    color: #330502;
    font-weight: 700
}

.ui-card {
    display: block
}

.ui-card.ui-news {
    border-bottom: 1px solid hsla(38, 46%, 63%, .5)
}

.ui-card.ui-news:hover {
    background-color: #faf5f0
}

.ui-card.ui-news > .ui-link {
    display: block
}

.ui-card.ui-news > .ui-link > .ui-header > .ui-title {
    font-size: 20px;
    line-height: 20px;
    color: #330502
}

.ui-card.ui-news > .ui-link > .ui-header > .ui-title:hover {
    color: #bd1408
}

.ui-card.ui-news > .ui-link > .ui-body {
    padding-top: 30px;
    padding-bottom: 30px;
    height: 162px
}

.ui-card.ui-news > .ui-link > .ui-body:after {
    display: block;
    content: "";
    clear: both
}

.ui-card.ui-news > .ui-link > .ui-body > div[class^=ui-] {
    float: left;
    box-sizing: border-box
}

.ui-card.ui-news > .ui-link > .ui-body > .ui-left {
    width: 136px
}

.ui-card.ui-news > .ui-link > .ui-body > .ui-left > .ui-photo {
    width: 136px;
    height: 102px;
    overflow: hidden
}

.ui-card.ui-news > .ui-link > .ui-body > .ui-left > .ui-photo > .ui-comply {
    width: 136px;
    height: 102px;
    transition: all .6s
}

.ui-card.ui-news > .ui-link > .ui-body > .ui-left > .ui-photo > .ui-comply:hover {
    transform: scale(1.2)
}

.ui-card.ui-news > .ui-link > .ui-body > .ui-right {
    width: calc(100% - 136px);
    position: relative;
    box-sizing: border-box;
    height: 100%;
    font-size: 14px
}

.ui-card.ui-news > .ui-link > .ui-body > .ui-right > .ui-detail {
    position: absolute;
    left: 10px;
    top: 8px;
    width: 60%;
    height: 40px;
    color: #896a6a;
    line-height: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ui-card.ui-news > .ui-link > .ui-body > .ui-right > .ui-more {
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 2px 10px;
    color: #bd1408;
    border: 1px solid #bd1408;
    border-radius: 5px
}

.ui-card.ui-news > .ui-link > .ui-body > .ui-right > .ui-type {
    position: absolute;
    left: 10px;
    bottom: 8px;
    color: #b3a1a1
}

.ui-card.ui-news > .ui-link > .ui-body > .ui-right > .ui-time {
    position: absolute;
    right: 10px;
    bottom: 8px;
    color: #b3a1a1
}

.ui-gather.ui-type-home:after {
    display: block;
    content: "";
    clear: both
}

.ui-gather.ui-type-home > .ui-left, .ui-gather.ui-type-home > .ui-right {
    float: left;
    width: 590px;
    min-height: 200px
}

.ui-gather.ui-type-home > .ui-right {
    margin-left: 20px
}

.ui-gather.ui-type-home .ui-album {
    font-size: 0;
    margin-right: -20px
}

.ui-gather.ui-type-home .ui-album .ui-figure {
    display: inline-block;
    vertical-align: top;
    height: 250px;
    width: 285px;
    height: 190px;
    margin-right: 20px;
    overflow: hidden
}

.ui-gather.ui-type-home .ui-album .ui-figure.ui-cover {
    width: 590px;
    height: 250px;
    margin-right: 0;
    margin-bottom: 20px
}

.ui-gather.ui-type-home .ui-album .ui-figure .ui-img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .2s ease-out
}

.ui-gather.ui-type-home .ui-album .ui-figure .ui-img:hover {
    transform: scale(1.05)
}

.ui-gather.ui-type-home .ui-type-lecture {
    padding-top: 20px;
    padding-right: 20px;
    background-color: #fff
}

.ui-gather.ui-type-home .ui-list {
    padding: 17px 20px;
    padding-top: 0;
    background-color: #fff
}

.ui-gather.ui-type-home .ui-list:after {
    display: block;
    content: "";
    clear: both
}

.ui-gather.ui-type-home .ui-type-finace {
    margin-top: 17px;
    width: 268px;
    min-height: 200px;
    float: left;
    background-color: #fff
}

.ui-gather.ui-type-home .ui-type-finace:nth-child(2n) {
    margin-left: 14px
}

.ui-gather.ui-type-home .ui-news {
    padding: 16px 0;
    height: 250px;
    background-color: #fff
}

.ui-gather.ui-type-home .ui-news .ui-row {
    margin-top: 16px;
    padding-left: 20px;
    padding-right: 20px;
    cursor: pointer
}

.ui-gather.ui-type-home .ui-news .ui-row:hover .ui-column {
    color: #bd1408
}

.ui-gather.ui-type-home .ui-news .ui-row .ui-column {
    font-size: 15px;
    line-height: 15px;
    color: #806766
}

.ui-gather.ui-type-home .ui-news .ui-row .ui-left {
    max-width: 410px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-gather.ui-type-home .ui-news .ui-row .ui-right {
    float: right
}

.ui-gather.ui-type-home .ui-news .ui-sign .ui-link {
    margin-right: 20px
}

.ui-gather.ui-type-home .ui-media {
    margin-top: 20px;
    background-color: #fff;
    height: 190px
}

.ui-gather.ui-type-home .ui-media .ui-sign {
    padding-top: 14px
}

.ui-gather.ui-type-home .ui-media .ui-sign .ui-link {
    margin-right: 20px
}

.ui-gather.ui-type-home .ui-video-list {
    margin-top: 13px;
    margin-right: -20px
}

.ui-gather.ui-type-home .ui-video-list:after {
    display: block;
    content: "";
    clear: both
}

.ui-gather.ui-type-home .ui-video-list .ui-item {
    float: left;
    margin-left: 20px
}

.ui-gather.ui-type-home .ui-type-gamble {
    margin-top: 20px
}

.ui-sign.ui-type-lecture {
    display: block;
    height: 78px;
    border-bottom: 1px solid hsla(38, 46%, 63%, .4)
}

.ui-sign.ui-type-lecture .ui-title {
    font-size: 20px;
    color: #330502;
    line-height: 20px;
    padding-left: 12px;
    border-left: 6px solid #ccad76
}

.ui-sign.ui-type-lecture .ui-subtitle {
    margin-top: 10px;
    margin-bottom: 12px;
    padding-left: 18px;
    color: #896a6a
}

.ui-sign.ui-type-lecture .ui-link {
    display: block;
    float: right;
    padding-right: 20px;
    color: inherit;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAYAAAABtRhCAAAABGdBTUEAALGPC/xhBQAAAp1JREFUSA2tlzFsEzEUQP+/JKiXjaoCBrp1qRgqNQwNGwsqA0FNxFYxMDAhqDJEYbuNKhJVi5hAKhJ0TQJlALGw0YVEYqhYugUhQFXZcoWE/H4fnONLThfb4hb/8+X9F5/97QRa9coSWFy2nEPozLYalaKp05ZzcqenmkCw3m7cz5tIbTkHL3t9QtwewJ/d1qvqnK7UlnOEwM26TwAwC3168/G1N6MrteEC4YVl7wgBXhDQHPa6u50PG66O1IYLhH+T0xYiEBHkf3z7vkPkKc+S9GacTJor1j4D4TuRmq3F9kv/YZImfGbKSWGQAHEzTEQDWuNaWwvvE1sDjqduePHIsN2s7nM7L3oRcABIN3gUjeGnxiMTLjJCRCSWPApT8iJyeE53JtWoCRcRCtEgM/Wcm6NQyq2rU6O63Jjw4jWvy+/yqSLkVQQzk2pUlxsTClGG4DEg9lWpTo3qcLHChVLtCxLVVaGIJ9WoDhcr/CeSJaKKgxpt+htq30icyCUJR/L8n9skYWzRcwk0FlfccoI+kUvHgZ/qlfM9xJKYNPXivXbvzLmzq4jlgdofxjpcrLCHcIdlkWe8IRxQxi3MXir7oWC01eEiW5tIwOdhFn53OxxOy4QIh5hy8rnr6weybyTQ5cbm0Okd34zIAHwHUoUkmXDrchGh2IS5wO+GX15s3jxvq4vFB3thX1xrwqXUBIWFX8sMy1XG77ucK9WeqZ+Ji024yAh5oQxliFss24wTjPUZcFLIv03n+ey7IpJp1Jp0mnLK0sd7Yi4m1Zo0ycCMC8pi/6037Xf9Dq+Yr3TKzfNRcyjzJQQ2XPBKWXabz4IupPGqrkx8DxvOofdemo+iWzq1pg7WlnNaP49X+ISvTqo1VSZiWw5s/3bZcicWOL3yVmksygAAAABJRU5ErkJggg==) 100% no-repeat;
    background-size: auto 14px;
    background-position: right 3px
}

.ui-sign.ui-type-pure {
    display: block
}

.ui-sign.ui-type-pure .ui-title {
    position: relative;
    font-size: 20px;
    line-height: 20px;
    color: #330502;
    padding-left: 12px;
    border-left: 6px solid #ccad76
}

.ui-sign.ui-type-pure .ui-link {
    position: absolute;
    right: 0;
    bottom: -3px;
    display: block;
    float: right;
    font-size: 14px;
    color: #896a6a;
    padding-right: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAYAAAABtRhCAAAABGdBTUEAALGPC/xhBQAAAp1JREFUSA2tlzFsEzEUQP+/JKiXjaoCBrp1qRgqNQwNGwsqA0FNxFYxMDAhqDJEYbuNKhJVi5hAKhJ0TQJlALGw0YVEYqhYugUhQFXZcoWE/H4fnONLThfb4hb/8+X9F5/97QRa9coSWFy2nEPozLYalaKp05ZzcqenmkCw3m7cz5tIbTkHL3t9QtwewJ/d1qvqnK7UlnOEwM26TwAwC3168/G1N6MrteEC4YVl7wgBXhDQHPa6u50PG66O1IYLhH+T0xYiEBHkf3z7vkPkKc+S9GacTJor1j4D4TuRmq3F9kv/YZImfGbKSWGQAHEzTEQDWuNaWwvvE1sDjqduePHIsN2s7nM7L3oRcABIN3gUjeGnxiMTLjJCRCSWPApT8iJyeE53JtWoCRcRCtEgM/Wcm6NQyq2rU6O63Jjw4jWvy+/yqSLkVQQzk2pUlxsTClGG4DEg9lWpTo3qcLHChVLtCxLVVaGIJ9WoDhcr/CeSJaKKgxpt+htq30icyCUJR/L8n9skYWzRcwk0FlfccoI+kUvHgZ/qlfM9xJKYNPXivXbvzLmzq4jlgdofxjpcrLCHcIdlkWe8IRxQxi3MXir7oWC01eEiW5tIwOdhFn53OxxOy4QIh5hy8rnr6weybyTQ5cbm0Okd34zIAHwHUoUkmXDrchGh2IS5wO+GX15s3jxvq4vFB3thX1xrwqXUBIWFX8sMy1XG77ucK9WeqZ+Ji024yAh5oQxliFss24wTjPUZcFLIv03n+ey7IpJp1Jp0mnLK0sd7Yi4m1Zo0ycCMC8pi/6037Xf9Dq+Yr3TKzfNRcyjzJQQ2XPBKWXabz4IupPGqrkx8DxvOofdemo+iWzq1pg7WlnNaP49X+ISvTqo1VSZiWw5s/3bZcicWOL3yVmksygAAAABJRU5ErkJggg==) 100% no-repeat;
    background-size: auto 14px;
    background-position: right 2px
}

.ui-sign.ui-type-pure .ui-line {
    margin-top: 14px;
    height: 1px;
    background: hsla(38, 46%, 63%, .4)
}

.ui-card.ui-type-finace {
    outline: 1px solid hsla(38, 46%, 63%, .4);
    background-color: #fcf9f7
}

.ui-card.ui-type-finace:hover {
    outline: 8px solid #faf5f0
}

.ui-card.ui-type-finace:hover .ui-name {
    color: #bd1408
}

.ui-card.ui-type-finace .ui-link > .ui-title {
    position: relative;
    padding: 14px;
    padding-bottom: 0;
    font-size: 0
}

.ui-card.ui-type-finace .ui-link > .ui-title .ui-tag {
    position: absolute;
    top: 14px;
    right: 0
}

.ui-card.ui-type-finace .ui-link > .ui-title .ui-tag > .ui-text {
    margin-top: 4px;
    padding-right: 14px;
    font-size: 12px;
    color: #896a6a;
    text-align: right
}

.ui-card.ui-type-finace .ui-link .ui-figure, .ui-card.ui-type-finace .ui-link .ui-name {
    display: inline-block;
    vertical-align: middle
}

.ui-card.ui-type-finace .ui-link .ui-figure {
    width: 40px;
    height: 40px
}

.ui-card.ui-type-finace .ui-img {
    width: 40px;
    height: 40px;
    border-radius: 4px
}

.ui-card.ui-type-finace .ui-name {
    font-size: 16px;
    color: #330502;
    max-width: 135px;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700
}

.ui-card.ui-type-finace .ui-name .ui-link {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #896a6a
}

.ui-card.ui-type-finace .ui-line {
    margin-top: 14px;
    height: 1px;
    background: hsla(38, 46%, 63%, .4)
}

.ui-card.ui-type-finace .ui-rate:after {
    display: block;
    content: "";
    clear: both
}

.ui-card.ui-type-finace .ui-rate > .ui-number {
    float: right;
    font-size: 16px;
    line-height: 16px;
    padding: 4px 14px;
    color: #fff;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px
}

.ui-card.ui-type-finace .ui-rate > .ui-number.ui-red {
    background-color: #e34545
}

.ui-card.ui-type-finace .ui-rate > .ui-number.ui-golden {
    background-color: #f27900
}

.ui-card.ui-type-finace .ui-datalist .ui-row {
    padding-left: 14px;
    padding-right: 14px;
    line-height: 40px;
    height: 40px
}

.ui-card.ui-type-finace .ui-datalist .ui-title > .ui-text {
    color: #674848;
    font-size: 12px;
    padding-left: 14px
}

.ui-card.ui-type-finace .ui-datalist .ui-title > .ui-text.ui-worldcup {
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAAEhcmxxAAAAAXNSR0IArs4c6QAAAiNJREFUKBVjYACCK0khC8HEXhGO/wxnPCzfMbEICAgynnY1ey+dmijAraHGwPD//3/Gs752v0EaGL89Pf8fxPj14iUD01n3AIaPJ04xPJm9AKLs8bye/4e1ZP+DjHu+bvb/C+EeTxgvxQX8+njuPKvxzg0gnQy3KxoYhN0cGZj0Fm1g49VSf/Z29z6whIClGcPPK3f0GEE8kNN+vnoV9f/v38/G244IMzIyAl3oY/fi5eb5YPMPyAn9f7J0ItB1/xkZP17e959VgJ+BgYmJ4evN2wzc6qoM11Ky3zN9On+R4VZFHdh8kOBxfUsGNjExHpaPx08xvN25l+FjkB/Dp3MXGXgN9BiYWFiWMXFxC+irdjQw8FuYMfBoazKwCgk805m7JgHsqrvlObofb1zbJRbqL8HCx8vwePochv9//zFIxUaArXi1bstzfjUNd+XOKZeZQV5gV5WfoVCaz8OpKM/wbs9+hu8PHjMAvQIMrn8MklFhDCJebry/Pn3ITBbiU2L59+dPJJeSAtgkULhKABVIxkWB+SDiw7GTDLx62gysgoIMf3//imT6++XLxz9fv4F9dS09n+Ht7r1wxR9PnWW4nlnAcMraleHv9+8M/75++wiOy3OBLs9e7V7+/3Jq6P9PVw/8B0UpCH+9f+r/nZai/+9ObPl/zt/xOThgYcaBOFeTQxd8f/zYj0VQgIeFh/v/z+cvv3BISW7SnrM6ERw9QMUAYVf4e2ufxCYAAAAASUVORK5CYII=) 0 no-repeat;
    background-size: 14px
}

.ui-card.ui-type-finace .ui-datalist .ui-title .ui-tag {
    float: right;
    font-size: 14px;
    color: #bd1408;
    font-weight: 700
}

.ui-card.ui-type-finace .ui-datalist .ui-match {
    font-size: 16px;
    color: #330502;
    background-color: #fcf5f5
}

.ui-card.ui-type-finace .ui-datalist .ui-match > .ui-column {
    font-weight: 700
}

.ui-card.ui-type-finace .ui-datalist .ui-match .ui-left {
    width: 40%
}

.ui-card.ui-type-finace .ui-datalist .ui-match .ui-right {
    width: 40%;
    text-align: right
}

.ui-card.ui-type-finace .ui-datalist .ui-match .ui-center {
    width: 20%;
    font-size: 12px;
    color: #ccad76;
    text-align: center
}

.ui-card.ui-type-finace .ui-datalist .ui-store {
    font-size: 12px
}

.ui-card.ui-type-finace .ui-datalist .ui-store .ui-tag {
    margin-top: 10px;
    line-height: 20px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 4px
}

.ui-card.ui-type-finace .ui-datalist .ui-store .ui-tag.ui-red {
    color: #e34545;
    border: 1px solid #e34545
}

.ui-card.ui-type-finace .ui-datalist .ui-store .ui-tag.ui-golden {
    color: #f27900;
    border: 1px solid #f27900
}

.ui-card.ui-type-finace .ui-datalist .ui-store .ui-fans {
    font-size: 12px;
    color: #b3a1a1;
    margin-left: 10px
}

.ui-card.ui-type-finace .ui-datalist .ui-store .ui-price {
    float: right;
    font-size: 16px;
    color: #ccad76
}

.ui-card.ui-type-finace .ui-datalist .ui-store .ui-price.ui-icon {
    font-size: 18px;
    color: #ffd305;
    padding-right: 22px;
    background: url(data:image/png;base64,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) no-repeat;
    background-size: 18px;
    background-position: right 10px
}

.ui-video.ui-type-pure {
    position: relative;
    display: block;
    cursor: pointer;
    width: 170px
}

.ui-video.ui-type-pure:hover {
    outline: 10px solid #faf5f0;
    background-color: #faf5f0
}

.ui-video.ui-type-pure .ui-poster {
    position: relative;
    width: 100%
}

.ui-video.ui-type-pure .ui-poster:before {
    position: absolute;
    left: 3px;
    bottom: 3px;
    display: block;
    content: "";
    width: 44px;
    height: 44px;
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/video_player_button_2x.png") 50% no-repeat;
    background-size: contain
}

.ui-video.ui-type-pure .ui-poster > .ui-img {
    display: block;
    width: 170px;
    height: 96px;
    outline: 1px solid #f6e5cf
}

.ui-video.ui-type-pure .ui-title {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #330502;
    font-weight: 700;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-video.ui-type-pure .ui-title:hover {
    color: #bd1408
}

.ui-video.ui-type-pure .ui-title > .ui-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    white-space: nowrap;
    letter-spacing: -1em;
    text-indent: -99em;
    color: transparent;
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/video_red_icon.png") 50% no-repeat;
    background-size: 18px auto
}

.ui-video.ui-type-pure .ui-title > .ui-icon:before {
    content: "\3000"
}

.ui-video.ui-type-pure .ui-subtitle {
    width: 100%;
    margin-top: 5px;
    padding-left: 10px;
    color: #674848;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-video.ui-type-know {
    position: relative;
    display: block;
    cursor: pointer;
    width: 216px
}

.ui-video.ui-type-know:hover {
    outline: 10px solid #faf5f0;
    background-color: #faf5f0
}

.ui-video.ui-type-know .ui-poster {
    position: relative;
    width: 100%
}

.ui-video.ui-type-know .ui-poster:before {
    position: absolute;
    left: 3px;
    bottom: 3px;
    display: block;
    content: "";
    width: 44px;
    height: 44px;
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/video_player_button_2x.png") 50% no-repeat;
    background-size: contain
}

.ui-video.ui-type-know .ui-poster > .ui-img {
    display: block;
    width: 216px;
    height: 122px;
    outline: 1px solid #f6e5cf
}

.ui-video.ui-type-know .ui-title {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #330502;
    font-weight: 700;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-video.ui-type-know .ui-title:hover {
    color: #bd1408
}

.ui-video.ui-type-know .ui-title > .ui-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    white-space: nowrap;
    letter-spacing: -1em;
    text-indent: -99em;
    color: transparent;
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/video_red_icon.png") 50% no-repeat;
    background-size: 18px auto
}

.ui-video.ui-type-know .ui-title > .ui-icon:before {
    content: "\3000"
}

.ui-video.ui-type-know .ui-subtitle {
    width: 100%;
    margin-top: 5px;
    padding-left: 10px;
    color: #674848;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-video.ui-type-news {
    position: relative;
    display: block;
    cursor: pointer;
    width: 262px
}

.ui-video.ui-type-news:hover {
    outline: 10px solid #faf5f0;
    background-color: #faf5f0
}

.ui-video.ui-type-news .ui-poster {
    position: relative;
    width: 100%
}

.ui-video.ui-type-news .ui-poster:before {
    position: absolute;
    left: 3px;
    bottom: 3px;
    display: block;
    content: "";
    width: 44px;
    height: 44px;
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/video_player_button_2x.png") 50% no-repeat;
    background-size: contain
}

.ui-video.ui-type-news .ui-poster > .ui-img {
    display: block;
    width: 262px;
    height: 150px;
    outline: 1px solid #f6e5cf
}

.ui-video.ui-type-news .ui-title {
    margin-top: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #330502;
    font-weight: 700;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-video.ui-type-news .ui-title:hover {
    color: #bd1408
}

.ui-video.ui-type-news .ui-title > .ui-icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    white-space: nowrap;
    letter-spacing: -1em;
    text-indent: -99em;
    color: transparent;
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/video_red_icon.png") 50% no-repeat;
    background-size: 18px auto
}

.ui-video.ui-type-news .ui-title > .ui-icon:before {
    content: "\3000"
}

.ui-video.ui-type-news .ui-subtitle {
    width: 100%;
    margin-top: 5px;
    padding-left: 10px;
    color: #674848;
    font-size: 14px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-tab.ui-type-gamble {
    background-color: #fff
}

.ui-tab.ui-type-gamble .ui-tab-list {
    position: relative;
    padding-top: 20px;
    padding-bottom: 16px;
    height: 78px;
    border-bottom: 1px solid hsla(38, 46%, 63%, .4)
}

.ui-tab.ui-type-gamble .ui-tab-list:after {
    display: block;
    content: "";
    clear: both
}

.ui-tab.ui-type-gamble .ui-item {
    float: left;
    text-align: center;
    min-width: 159px;
    font-size: 14px;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 14px;
    color: #b3a1a1;
    cursor: pointer
}

.ui-tab.ui-type-gamble .ui-item.ui-active {
    position: relative
}

.ui-tab.ui-type-gamble .ui-item.ui-active .ui-title {
    color: #bd1408
}

.ui-tab.ui-type-gamble .ui-item.ui-active .ui-subtitle {
    color: #896a6a
}

.ui-tab.ui-type-gamble .ui-item.ui-active:before {
    position: absolute;
    content: "";
    width: 80%;
    max-width: 98px;
    height: 4px;
    left: 0;
    right: 0;
    bottom: -16px;
    margin: auto;
    background: #bd1408
}

.ui-tab.ui-type-gamble .ui-item .ui-title {
    font-size: 20px;
    line-height: 20px
}

.ui-tab.ui-type-gamble .ui-item .ui-subtitle {
    margin-top: 10px
}

.ui-tab.ui-type-gamble .ui-item + .ui-item {
    border-left: 1px solid hsla(38, 46%, 63%, .2)
}

.ui-tab.ui-type-gamble .ui-action.ui-more {
    position: absolute;
    right: 20px;
    bottom: 10px;
    text-align: right
}

.ui-tab.ui-type-gamble .ui-action.ui-more > .ui-link {
    display: block;
    color: #896a6a;
    padding-right: 20px;
    font-size: 14px;
    line-height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAgCAYAAAABtRhCAAAABGdBTUEAALGPC/xhBQAAAp1JREFUSA2tlzFsEzEUQP+/JKiXjaoCBrp1qRgqNQwNGwsqA0FNxFYxMDAhqDJEYbuNKhJVi5hAKhJ0TQJlALGw0YVEYqhYugUhQFXZcoWE/H4fnONLThfb4hb/8+X9F5/97QRa9coSWFy2nEPozLYalaKp05ZzcqenmkCw3m7cz5tIbTkHL3t9QtwewJ/d1qvqnK7UlnOEwM26TwAwC3168/G1N6MrteEC4YVl7wgBXhDQHPa6u50PG66O1IYLhH+T0xYiEBHkf3z7vkPkKc+S9GacTJor1j4D4TuRmq3F9kv/YZImfGbKSWGQAHEzTEQDWuNaWwvvE1sDjqduePHIsN2s7nM7L3oRcABIN3gUjeGnxiMTLjJCRCSWPApT8iJyeE53JtWoCRcRCtEgM/Wcm6NQyq2rU6O63Jjw4jWvy+/yqSLkVQQzk2pUlxsTClGG4DEg9lWpTo3qcLHChVLtCxLVVaGIJ9WoDhcr/CeSJaKKgxpt+htq30icyCUJR/L8n9skYWzRcwk0FlfccoI+kUvHgZ/qlfM9xJKYNPXivXbvzLmzq4jlgdofxjpcrLCHcIdlkWe8IRxQxi3MXir7oWC01eEiW5tIwOdhFn53OxxOy4QIh5hy8rnr6weybyTQ5cbm0Okd34zIAHwHUoUkmXDrchGh2IS5wO+GX15s3jxvq4vFB3thX1xrwqXUBIWFX8sMy1XG77ucK9WeqZ+Ji024yAh5oQxliFss24wTjPUZcFLIv03n+ey7IpJp1Jp0mnLK0sd7Yi4m1Zo0ycCMC8pi/6037Xf9Dq+Yr3TKzfNRcyjzJQQ2XPBKWXabz4IupPGqrkx8DxvOofdemo+iWzq1pg7WlnNaP49X+ISvTqo1VSZiWw5s/3bZcicWOL3yVmksygAAAABJRU5ErkJggg==) 100% no-repeat;
    background-size: auto 14px;
    background-position: right 3px
}

.ui-tab.ui-type-gamble .ui-action.ui-more > .ui-link:hover {
    color: #bd1408
}

.ui-tab.ui-type-gamble .ui-card-list {
    display: block;
    padding-bottom: 18px;
    overflow: hidden
}

.ui-tab.ui-type-gamble .ui-wrapper {
    display: block;
    font-size: 0;
    white-space: nowrap
}

.ui-tab.ui-type-gamble .ui-slide {
    display: inline-block;
    width: 100%;
    padding: 0 20px;
    margin: 32px auto;
}

.ui-tab.ui-type-gamble .ui-slide:after {
    display: block;
    content: "";
    clear: both
}

.ui-tab.ui-type-group .ui-panel {
    background: #fcf9f2;
    box-shadow: inset 0 -2px 0 0 #f5efe0;
    font-size: 0;
    text-align: center
}

.ui-tab.ui-type-group .ui-tab-list {
    padding: 22px 0
}

.ui-tab.ui-type-group .ui-tab-list:after {
    display: block;
    content: "";
    clear: both
}

.ui-tab.ui-type-group .ui-tab-list .ui-item {
    position: relative;
    display: inline-block;
    width: 130px;
    text-align: center;
    color: #b3a1a1;
    cursor: pointer
}

.ui-tab.ui-type-group .ui-tab-list .ui-item.ui-active:after, .ui-tab.ui-type-group .ui-tab-list .ui-item:hover:after {
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
    content: "";
    width: 100px;
    height: 4px;
    background-color: #bd1408
}

.ui-tab.ui-type-group .ui-tab-list .ui-item.ui-active .ui-letter, .ui-tab.ui-type-group .ui-tab-list .ui-item:hover .ui-letter {
    color: #bd1408;
    font-weight: 700
}

.ui-tab.ui-type-group .ui-tab-list .ui-item.ui-active .ui-tag, .ui-tab.ui-type-group .ui-tab-list .ui-item:hover .ui-tag {
    color: #896a6a
}

.ui-tab.ui-type-group .ui-tab-list .ui-letter {
    font-size: 16px;
    color: rgba(187, 221, 17, .267) 0
}

.ui-tab.ui-type-group .ui-tab-list .ui-item + .ui-item {
    border-left: 1px solid #ccad76
}

.ui-tab.ui-type-group .ui-tab-list .ui-tag {
    margin-top: 8px
}

.ui-tab.ui-type-group .ui-tab-list .ui-tag .ui-text {
    font-size: 12px
}

.ui-tab.ui-type-group .ui-tab-list .ui-tag .ui-text + .ui-text {
    margin-left: 8px
}

.ui-section.ui-type-fragment > .ui-title {
    margin-bottom: 30px;
    letter-spacing: 1px;
    margin-left: auto;
    margin-right: auto;
    user-select: none;
    font-size: 0;
    white-space: nowrap;
    text-align: center
}

.ui-section.ui-type-fragment > .ui-title:after {
    display: block;
    content: "";
    clear: both
}

.ui-section.ui-type-fragment > .ui-title > div[class^=ui-] {
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    line-height: 50px
}

.ui-section.ui-type-fragment > .ui-title > .ui-left, .ui-section.ui-type-fragment > .ui-title > .ui-right {
    width: 300px
}

.ui-section.ui-type-fragment > .ui-title > .ui-left > div[class^=ui], .ui-section.ui-type-fragment > .ui-title > .ui-right > div[class^=ui] {
    display: inline-block;
    vertical-align: middle
}

.ui-section.ui-type-fragment > .ui-title > .ui-left > .ui-line, .ui-section.ui-type-fragment > .ui-title > .ui-right > .ui-line {
    width: 162px;
    height: 5px !important;
    background-color: #3E88CF !important;
}

.ui-section.ui-type-fragment > .ui-title > .ui-left > .ui-icon, .ui-section.ui-type-fragment > .ui-title > .ui-right > .ui-icon {
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,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) 50% no-repeat;
    background-size: 14px auto
}

.ui-section.ui-type-fragment > .ui-title > .ui-left {
    text-align: right
}

.ui-section.ui-type-fragment > .ui-title > .ui-left > .ui-icon {
    margin-left: 20px
}

.ui-section.ui-type-fragment > .ui-title > .ui-right {
    text-align: left
}

.ui-section.ui-type-fragment > .ui-title > .ui-right > .ui-icon {
    margin-right: 20px
}

.ui-section.ui-type-fragment > .ui-title > .ui-center {
    background: url(data:image/png;base64,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) 50% no-repeat;
    background-size: 85% auto;
    font-size: 26px;
    color: #fff;
    min-width: 200px;
    text-align: center;
    padding-left: 50px;
    padding-right: 50px
}

.ui-section.ui-type-fragment > .ui-tab-list {
    font-size: 0;
    margin-bottom: 30px;
    text-align: center
}

.ui-section.ui-type-fragment > .ui-tab-list > .ui-tab {
    display: inline-block;
    font-size: 20px;
    color: #b3a1a1;
    cursor: pointer
}

.ui-section.ui-type-fragment > .ui-tab-list > .ui-tab.ui-active, .ui-section.ui-type-fragment > .ui-tab-list > .ui-tab:hover {
    color: #bd1408
}

.ui-section.ui-type-fragment > .ui-tab-list > .ui-tab + .ui-tab {
    position: relative;
    margin-left: 30px;
    padding-left: 30px
}

.ui-section.ui-type-fragment > .ui-tab-list > .ui-tab + .ui-tab:before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    width: 8px;
    height: 8px;
    transform: translateY(-50%) rotate(-45deg);
    background-color: #f0cb8b
}

.ui-table.ui-type-group {
    display: block;
    font-size: 14px;
    width: 100%
}

.ui-table.ui-type-group .ui-row {
    line-height: 36px
}

.ui-table.ui-type-group .ui-column {
    width: 10%;
    text-align: center
}

.ui-table.ui-type-group .ui-column:first-child, .ui-table.ui-type-group .ui-column:nth-last-child(2) {
    width: 15%
}

.ui-table.ui-type-group .ui-column:nth-child(2) {
    width: 20%
}

.ui-table.ui-type-group .ui-header .ui-column {
    line-height: 14px;
    color: #998159;
    font-weight: 700
}

.ui-table.ui-type-group .ui-body {
    margin-top: 14px
}

.ui-table.ui-type-group .ui-body .ui-row:first-child, .ui-table.ui-type-group .ui-body .ui-row:nth-child(2) {
    background-color: #faf1e6
}

.ui-table.ui-type-group .ui-body .ui-row + .ui-row {
    margin-top: 10px
}

.ui-table.ui-type-group .ui-body .ui-column {
    color: #330502
}

.ui-table.ui-type-group .ui-body .ui-column .ui-link {
    color: inherit
}

.ui-table.ui-type-group .ui-body .ui-column:nth-child(2) {
    font-weight: 700
}

.ui-table.ui-type-group .ui-body .ui-column:last-child {
    color: #d31726
}

.ui-table.ui-type-group .ui-body .ui-serial {
    margin: 6px auto;
    margin-bottom: 0;
    width: 31px;
    height: 23px;
    text-align: center;
    line-height: 25px
}

.ui-table.ui-type-group .ui-body .ui-serial.ui-1st {
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/rank_1.png") 50% no-repeat;
    background-size: cover
}

.ui-table.ui-type-group .ui-body .ui-serial.ui-2nd {
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/rank_2.png") 50% no-repeat;
    background-size: contain
}

.ui-swiper.ui-type-nested {
    overflow: hidden
}

.ui-swiper.ui-type-nested .ui-slot {
    font-size: 0;
    white-space: nowrap
}

.ui-swiper.ui-type-nested .ui-board {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 275px;
    background-color: #fff
}

.ui-swiper.ui-type-nested .ui-board.swiper-slide-active {
    z-index: 999 !important
}

.ui-swiper.ui-type-nested .ui-toolbar {
    margin-top: 20px;
    text-align: center
}

.ui-swiper.ui-type-nested .ui-toolbar .ui-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #e6cfcf;
    border-radius: 50%;
    margin: 0 7px;
    cursor: pointer
}

.ui-swiper.ui-type-nested .ui-toolbar .ui-dot.ui-active {
    position: relative;
    border: none;
    background-color: #d91608
}

.ui-swiper.ui-type-nested .ui-toolbar .ui-dot.ui-active:after {
    position: absolute;
    display: block;
    content: "";
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    margin: auto;
    border: 2px solid #e6cfcf;
    border-radius: 50%
}

.ui-swiper.ui-type-nested .ui-wrapper {
    font-size: 0;
    white-space: nowrap
}

.ui-swiper.ui-type-nested .ui-list.ui-slide {
    width: 100%;
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    background-color: #fff
}

.ui-swiper.ui-type-nested .ui-list.ui-slide:after {
    display: block;
    content: "";
    clear: both
}

.ui-swiper.ui-type-nested .ui-item {
    float: left;
    height: 189px
}

.ui-swiper.ui-type-nested .ui-item.ui-left {
    width: 388px
}

.ui-swiper.ui-type-nested .ui-item.ui-center, .ui-swiper.ui-type-nested .ui-item.ui-right {
    box-sizing: border-box
}

.ui-swiper.ui-type-nested .ui-item.ui-center {
    margin: 0 24px;
    padding: 0 25px;
    border-left: 1px solid hsla(38, 46%, 63%, .4);
    border-right: 1px solid hsla(38, 46%, 63%, .4)
}

.ui-indicator.ui-type-nested:after {
    display: block;
    content: "";
    clear: both
}

.ui-indicator.ui-type-nested > .ui-slice {
    width: 15%;
    float: left;
    padding-right: 10px;
    box-sizing: border-box;
    height: 168px;
    overflow: hidden
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-title {
    font-size: 16px;
    color: #330502
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list {
    margin-top: 10px
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item {
    display: block;
    font-size: 0;
    color: #330502;
    height: 35px;
    text-align: left;
    vertical-align: top
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item:after {
    display: block;
    content: "";
    clear: both
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > a[class^=ui-], .ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > div[class^=ui-] {
    display: inline-block;
    height: 35px;
    position: relative;
    line-height: 35px;
    box-sizing: border-box;
    vertical-align: top
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-serial {
    width: 27px
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-serial > .ui-image {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 27px;
    height: 20px
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-serial > .ui-text {
    width: 25px;
    font-size: 14px;
    color: #896a6a;
    text-align: center
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-country {
    width: 80px;
    box-sizing: border-box;
    padding-left: 2px;
    font-size: 14px;
    color: #330502;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-country:hover {
    color: #bd1408
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-value {
    width: 38px;
    text-align: right;
    font-size: 14px;
    color: #330502;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-shooter {
    display: block;
    font-size: 14px
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-shooter > div[class^=ui] {
    display: inline-block;
    vertical-align: middle;
    line-height: 24px
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-shooter > .ui-figure {
    width: 24px;
    height: 24px
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-shooter > .ui-figure > .ui-image {
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-shooter > .ui-name {
    white-space: nowrap;
    overflow: hidden;
    width: 165px
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-shooter > .ui-name > .ui-blank {
    margin: 0 1px
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item > .ui-shooter > .ui-country {
    width: 60px
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item + .ui-item {
    margin-top: 1px
}

.ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item:first-child .ui-goals, .ui-indicator.ui-type-nested > .ui-slice > .ui-list > .ui-item:first-child > .ui-value {
    color: #bd1408
}

.ui-indicator.ui-type-nested > .ui-slice:last-child, .ui-indicator.ui-type-nested > .ui-slice:nth-last-child(2) {
    width: 20%
}

.ui-indicator.ui-type-nested > .ui-slice:last-child {
    padding-right: 0
}

.ui-indicator.ui-type-nested > .ui-slice + .ui-slice {
    padding-left: 10px;
    border-left: 1px solid #ccad76
}

.ui-swiper.ui-type-story {
    background: #fff;
    padding-bottom: 24px;
    overflow: hidden
}

.ui-swiper.ui-type-story > .ui-wrapper {
    white-space: nowrap;
    font-size: 0
}

.ui-swiper.ui-type-story .ui-slide {
    width: 1225px !important;
    margin-right: -25px;
    display: inline-block;
    padding-left: 20px;
    vertical-align: top
}

.ui-swiper.ui-type-story .ui-album {
    float: left;
    margin-top: 30px;
    margin-right: 25px;
    width: 370px
}

.ui-swiper.ui-type-story .ui-toolbar {
    margin-top: 24px;
    text-align: center
}

.ui-swiper.ui-type-story .ui-toolbar .ui-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #e6cfcf;
    border-radius: 50%;
    margin: 0 7px;
    cursor: pointer
}

.ui-swiper.ui-type-story .ui-toolbar .ui-dot.ui-active {
    position: relative;
    border: none;
    background-color: #d91608
}

.ui-swiper.ui-type-story .ui-toolbar .ui-dot.ui-active:after {
    position: absolute;
    display: block;
    content: "";
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    margin: auto;
    border: 2px solid #e6cfcf;
    border-radius: 50%
}

.ui-album.ui-type-story > .ui-poster {
    position: relative
}

.ui-album.ui-type-story > .ui-poster > .ui-link {
    display: block
}

.ui-album.ui-type-story > .ui-poster > .ui-link > .ui-image {
    width: 370px;
    height: 246px;
    vertical-align: top
}

.ui-album.ui-type-story > .ui-poster > .ui-link > .ui-title {
    position: absolute;
    left: 0;
    bottom: 0;
    padding-left: 15px;
    padding-right: 15px;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 0, 0, .6);
    transition: all 1s
}

.ui-album.ui-type-story > .ui-poster > .ui-link > .ui-title > .ui-text {
    width: 100%;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    font-size: 16px;
    text-overflow: ellipsis;
    line-height: 1.5em;
    padding: 10px 0
}

.ui-album.ui-type-story > .ui-poster > .ui-link:hover > .ui-title {
    height: 100%
}

.ui-album.ui-type-story > .ui-poster > .ui-link:hover > .ui-title > .ui-text {
    width: auto;
    display: inline-block;
    text-align: left;
    white-space: normal;
    color: #fff
}

.ui-album.ui-type-story > .ui-title {
    margin-top: 10px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #674848;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ui-album.ui-type-story > .ui-title > .ui-strong {
    margin-left: 10px;
    margin-right: 10px;
    font-size: 18px;
    color: #330502
}

.ui-album.ui-type-story > .ui-title > .ui-strong:hover {
    color: #bd1408
}

.ui-card.ui-type-summary .ui-title:after {
    display: block;
    content: "";
    clear: both
}

.ui-card.ui-type-summary .ui-left, .ui-card.ui-type-summary .ui-right {
    float: left
}

.ui-card.ui-type-summary .ui-img {
    width: 100px;
    height: 62px
}

.ui-card.ui-type-summary .ui-h3 {
    margin-top: 10px;
    display: block;
    max-width: 219px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    margin-left: 17px;
    color: #330502;
    white-space: normal
}

.ui-card.ui-type-summary .ui-news-list {
    margin-top: 23px
}

.ui-card.ui-type-summary .ui-slice {
    position: relative;
    display: block;
    line-height: 14px;
    max-width: 330px;
    font-size: 14px;
    color: #806766;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 20px
}

.ui-card.ui-type-summary .ui-slice:before {
    display: block;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    content: "";
    width: 5px;
    height: 5px;
    background-color: #ccad76
}

.ui-card.ui-type-summary .ui-slice + .ui-slice {
    margin-top: 16px
}

.ui-touchpad.ui-type-schedule > .ui-body {
    position: relative;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px
}

.ui-touchpad.ui-type-schedule .ui-panel {
    height: 60px;
    background: #fcf9f2;
    box-shadow: inset 0 -2px 0 0 #f5efe0;
    line-height: 60px
}

.ui-touchpad.ui-type-schedule .ui-panel:after {
    display: block;
    content: "";
    clear: both
}

.ui-touchpad.ui-type-schedule .ui-panel > .ui-center, .ui-touchpad.ui-type-schedule .ui-panel > .ui-left {
    float: left
}

.ui-touchpad.ui-type-schedule .ui-panel > .ui-left {
    width: 354px
}

.ui-touchpad.ui-type-schedule .ui-panel > .ui-center {
    width: 444px
}

.ui-touchpad.ui-type-schedule .ui-panel > .ui-right {
    float: right;
    margin-right: 20px
}

.ui-touchpad.ui-type-schedule .ui-toolbar:after {
    display: block;
    content: "";
    clear: both
}

.ui-touchpad.ui-type-schedule .ui-toolbar .ui-action {
    float: left;
    cursor: pointer
}

.ui-touchpad.ui-type-schedule .ui-filter {
    margin-left: 51px;
    font-size: 18px;
    color: #896a6a
}

.ui-touchpad.ui-type-schedule .ui-filter .ui-action {
    position: relative;
    margin-right: 40px;
    min-width: 54px;
    font-weight: 700;
    text-align: center
}

.ui-touchpad.ui-type-schedule .ui-filter .ui-action.ui-active:after, .ui-touchpad.ui-type-schedule .ui-filter .ui-action:hover:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: block;
    content: "";
    width: 54px;
    height: 4px;
    background-color: #bd1408
}

.ui-touchpad.ui-type-schedule .ui-filter .ui-action.ui-active, .ui-touchpad.ui-type-schedule .ui-filter .ui-action:hover {
    color: #bd1408
}

.ui-touchpad.ui-type-schedule .ui-filter .ui-link {
    color: inherit
}

.ui-touchpad.ui-type-schedule .ui-match {
    position: relative;
    margin-top: 14px;
    padding: 2px;
    background: #f2ebda;
    border-radius: 100px
}

.ui-touchpad.ui-type-schedule .ui-match > .ui-action {
    position: relative;
    width: 20%;
    line-height: 28px;
    height: 28px;
    font-size: 16px;
    color: #896a6a;
    text-align: center
}

.ui-touchpad.ui-type-schedule .ui-match > .ui-action.ui-active, .ui-touchpad.ui-type-schedule .ui-match > .ui-action:hover {
    background-color: #fff;
    border-radius: 16px
}

.ui-touchpad.ui-type-schedule .ui-menu {
    font-size: 16px
}

.ui-touchpad.ui-type-schedule .ui-menu > .ui-king {
    margin-top: 20px;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/king_yellow_2x.png") 50% no-repeat;
    background-size: 18px
}

.ui-touchpad.ui-type-schedule .ui-menu > .ui-triangle {
    margin-top: 20px;
    margin-right: 5px;
    width: 18px;
    height: 18px;
    background: url("//zqmfcdn.youdufu.com/ay_static/images/worldcup/pc/triangle_down_gold.png") 50% no-repeat;
    background-size: 8px
}

.ui-touchpad.ui-type-schedule .ui-group-list {
    text-align: center;
    font-size: 0
}

.ui-touchpad.ui-type-schedule .ui-group-list .ui-action {
    display: inline-block;
    margin-top: 22px;
    margin-bottom: 26px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 16px;
    font-size: 16px;
    color: #896a6a;
    cursor: pointer
}

.ui-touchpad.ui-type-schedule .ui-group-list .ui-action + .ui-action {
    position: relative
}

.ui-touchpad.ui-type-schedule .ui-group-list .ui-action + .ui-action:before {
    position: absolute;
    right: auto;
    left: -2px;
    top: 4px;
    margin: auto;
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    opacity: .5;
    transform: rotate(-315deg);
    background: #f0cb8b
}

.ui-touchpad.ui-type-schedule .ui-menu-list {
    position: absolute;
    top: 0;
    right: 20px;
    display: none;
    outline: 1px solid hsla(38, 46%, 63%, .2);
    background-color: #fff
}

.ui-touchpad.ui-type-schedule .ui-menu-list.ui-active {
    display: block
}

.ui-touchpad.ui-type-schedule .ui-menu-list > .ui-action {
    line-height: 40px;
    width: 150px;
    text-align: center;
    cursor: pointer;
    box-shadow: inset 0 -1px 0 0 hsla(38, 46%, 63%, .2);
    border-radius: 4px 4px 0 0
}

.ui-touchpad.ui-type-schedule .ui-menu-list > .ui-action.ui-active {
    color: #bd1408
}

.ui-touchpad.ui-type-schedule .ui-table.ui-type-touchpad:not(:first-child) {
    margin-top: 20px
}

.ui-table.ui-type-touchpad {
    width: 100%;
    line-height: 40px;
    color: #896a6a;
    font-size: 14px;
    border-collapse: collapse;
    text-align: left;
    border: 1px solid hsla(38, 46%, 63%, .5)
}

.ui-table.ui-type-touchpad thead {
    background: #faf1e6
}

.ui-table.ui-type-touchpad tbody td {
    padding: 0 10px;
    border-top: 1px solid hsla(38, 46%, 63%, .5)
}

.ui-table.ui-type-touchpad tbody td:first-child {
    color: #674848
}

.ui-table.ui-type-touchpad tbody td.ui-time {
    color: #896a6a;
    text-align: center
}

.ui-table.ui-type-touchpad .ui-sign {
    text-align: left
}

.ui-table.ui-type-touchpad .ui-sign .ui-group {
    display: inline-block;
    line-height: 24px;
    color: #fff;
    width: 50px;
    margin-right: 15px;
    text-align: center;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px
}

.ui-table.ui-type-touchpad .ui-sign .ui-label:last-child {
    margin-left: 10px
}

.ui-table.ui-type-touchpad .ui-sign.ui-a {
    color: #3b7294
}

.ui-table.ui-type-touchpad .ui-sign.ui-a .ui-group {
    background-color: #3b7294
}

.ui-table.ui-type-touchpad .ui-sign.ui-b {
    color: #a11f25
}

.ui-table.ui-type-touchpad .ui-sign.ui-b .ui-group {
    background-color: #a11f25
}

.ui-table.ui-type-touchpad .ui-sign.ui-c {
    color: #0081ba
}

.ui-table.ui-type-touchpad .ui-sign.ui-c .ui-group {
    background-color: #0081ba
}

.ui-table.ui-type-touchpad .ui-sign.ui-d {
    color: #b7ac82
}

.ui-table.ui-type-touchpad .ui-sign.ui-d .ui-group {
    background-color: #b7ac82
}

.ui-table.ui-type-touchpad .ui-sign.ui-e {
    color: #4b3168
}

.ui-table.ui-type-touchpad .ui-sign.ui-e .ui-group {
    background-color: #4b3168
}

.ui-table.ui-type-touchpad .ui-sign.ui-f {
    color: #008046
}

.ui-table.ui-type-touchpad .ui-sign.ui-f .ui-group {
    background-color: #008046
}

.ui-table.ui-type-touchpad .ui-sign.ui-g {
    color: #268683
}

.ui-table.ui-type-touchpad .ui-sign.ui-g .ui-group {
    background-color: #268683
}

.ui-table.ui-type-touchpad .ui-sign.ui-h {
    color: #e5702b
}

.ui-table.ui-type-touchpad .ui-sign.ui-h .ui-group {
    background-color: #e5702b
}

.ui-table.ui-type-touchpad .ui-poster {
    text-align: right
}

.ui-table.ui-type-touchpad .ui-country {
    margin-right: 14px
}

.ui-table.ui-type-touchpad .ui-country > .ui-figure, .ui-table.ui-type-touchpad .ui-country > .ui-name {
    display: inline-block;
    vertical-align: middle;
    color: #896a6a;
    font-size: 12px;
    font-weight: 700
}

.ui-table.ui-type-touchpad .ui-country > .ui-name {
    margin-left: 2px
}

.ui-table.ui-type-touchpad .ui-team {
    display: block;
    height: 40px
}

.ui-table.ui-type-touchpad .ui-team > .ui-figure, .ui-table.ui-type-touchpad .ui-team > .ui-name {
    display: inline-block;
    vertical-align: middle;
    color: #330502;
    font-size: 16px;
    font-weight: 700
}

.ui-table.ui-type-touchpad .ui-team.ui-right {
    text-align: right
}

.ui-table.ui-type-touchpad .ui-img {
    display: block;
    width: 24px;
    height: 14px
}

.ui-table.ui-type-touchpad .ui-tag {
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    padding: 0 8px;
    color: #998a8a;
    border: 1px solid hsla(0, 22%, 62%, .2);
    border-radius: 4px
}

.ui-table.ui-type-touchpad .ui-lottery > .ui-link {
    display: inline-block;
    color: #e34545;
    line-height: 14px
}

.ui-table.ui-type-touchpad .ui-lottery > .ui-link + .ui-link {
    margin-left: 3px;
    padding-left: 6px;
    border-left: 1px solid hsla(38, 46%, 63%, .2)
}

.ui-table.ui-type-touchpad .ui-action {
    display: inline-block;
    width: 50px;
    line-height: 20px;
    color: #330502;
    font-size: 12px;
    text-align: center;
    background-image: linear-gradient(-180deg, #ffde5a, #f7bb35 75%);
    border-radius: 3px
}

.ui-table.ui-type-touchpad .ui-location {
    color: #998a8a;
    padding-left: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAFVZq6RAAAAAXNSR0IArs4c6QAAAcJJREFUKBVtUj1LA0EQnVki3B4RQe7iB9Y2WiqCWJikUUG0FkTFRhAEsRD8EaK9iIhiaSGW3vkJUQRBLC3VwlzhB3gBczfOrG5ikYXjzb73ZmZnbwF4hb4zg2HOnUzT9BACT5cUASgMfH2GPQNFerguoxhPPIcA8V5i9jkfJjAsR4JKmNDXq4IZ7XhuXIm+ilEF6wVEqi08UoHvfMpeXPIBwhYAjduMhDVTV0yocEjQrKDNneCuVbs3GPruvJTk019ZgUdxjolgzBKC0ksJiYgl2WgHu0SQuU1DJNgUYvApfhZkc29GghToIMi5rZTSGtOgFM4jjz2UEl2IQRafnwpRRal8Ob7k+R9+aRay7a6NDfIMyanvjlrSTH7envWrSXWXm45Y4T/yqY+xKTObf/mMMGjTU5TQvjXwJd6yYYePkE0Jlhg7rcYHmMITT78x2SKkUjCdf63s1Q1yB842d54Tjou9KUC6sQYiXAiHh81VCHfuuR3MTVidvaW/v6c5ifprQqMA8a6wuNpnEkQPcnqdL3a5kZdf30axHButliDGC6+5+xu+b/nhNv8m4rvCpr58+eOxYSFLhjm9wk9m0e7/4w/7Y6HYaqpNFwAAAABJRU5ErkJggg==) 0 no-repeat
}

.ui-table.ui-type-touchpad.ui-width-schedule td.ui-date {
    width: 10%
}

.ui-table.ui-type-touchpad.ui-width-schedule td.ui-tag-list {
    width: 20%
}

.ui-table.ui-type-touchpad.ui-width-schedule td.ui-nation {
    width: 13%
}

.ui-table.ui-type-touchpad.ui-width-schedule td.ui-time {
    width: 5%
}

.ui-table.ui-type-touchpad.ui-width-schedule td.ui-handicap {
    width: 8%
}

.ui-table.ui-type-touchpad.ui-width-schedule td.ui-odds {
    width: 5%
}

.ui-table.ui-type-touchpad.ui-width-schedule td.ui-betting {
    width: 7%
}

.ui-table.ui-type-touchpad.ui-width-schedule td.ui-finace {
    width: 8%
}

.ui-swiper.ui-type-know {
    width: 100%;
    overflow: hidden;
    background: #fff
}

.ui-swiper.ui-type-know > .ui-wrapper {
    width: 100%;
    left: 0;
    font-size: 0;
    white-space: nowrap
}

.ui-swiper.ui-type-know > .ui-wrapper > .ui-slide {
    display: inline-block;
    width: 100%;
    vertical-align: top
}

.ui-swiper.ui-type-know .ui-video.ui-type-know {
    float: left;
    margin-top: 30px;
    margin-left: 20px
}

.ui-swiper.ui-type-know .ui-toolbar {
    margin-top: 20px;
    margin-bottom: 23px;
    text-align: center
}

.ui-swiper.ui-type-know .ui-toolbar .ui-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 2px solid #e6cfcf;
    border-radius: 50%;
    margin: 0 7px;
    cursor: pointer
}

.ui-swiper.ui-type-know .ui-toolbar .ui-dot.ui-active {
    position: relative;
    border: none;
    background-color: #d91608
}

.ui-swiper.ui-type-know .ui-toolbar .ui-dot.ui-active:after {
    position: absolute;
    display: block;
    content: "";
    top: -2px;
    right: -2px;
    bottom: -2px;
    left: -2px;
    margin: auto;
    border: 2px solid #e6cfcf;
    border-radius: 50%
}

.ui-digest.ui-type-home {
    padding: 30px 20px;
    background: #fff
}

.ui-digest.ui-type-home .ui-wrapper {
    margin-right: -25px
}

.ui-digest.ui-type-home .ui-wrapper:after {
    display: block;
    content: "";
    clear: both
}

.ui-digest.ui-type-home .ui-slide {
    float: left;
    width: 370px;
    margin-right: 25px
}

.ui-digest.ui-type-home .ui-link {
    position: relative;
    display: block
}

.ui-digest.ui-type-home .ui-figure {
    width: 370px;
    height: 246px;
    overflow: hidden
}

.ui-digest.ui-type-home .ui-img {
    display: block;
    width: 370px;
    height: 246px;
    transition: all .5s
}

.ui-digest.ui-type-home .ui-img:hover {
    transform: scale(1.05)
}

.ui-digest.ui-type-home .ui-title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    line-height: 2.5em;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: rgba(0, 0, 0, .6)
}

.ui-digest.ui-type-home .ui-list {
    display: block;
    width: 370px
}

.ui-digest.ui-type-home .ui-item {
    position: relative;
    margin-top: 20px;
    padding-left: 15px
}

.ui-digest.ui-type-home .ui-item:before {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    content: "";
    width: 5px;
    height: 5px;
    background-color: #ccad76
}

.ui-digest.ui-type-home .ui-item > .ui-link {
    font-size: 16px;
    line-height: 16px;
    width: 100%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    color: #674848
}

.ui-digest.ui-type-home .ui-item > .ui-link:hover {
    color: #bd1408
}

.ui-swiper.ui-type-calendar {
    margin-top: 20px;
    overflow: hidden;
    position: relative
}

.ui-swiper.ui-type-calendar .ui-wrapper {
    font-size: 0;
    white-space: nowrap
}

.ui-swiper.ui-type-calendar .ui-slide {
    width: 100%;
    display: inline-block;
    color: #fff;
    white-space: normal;
    vertical-align: middle;
    background-color: rgba(0, 0, 0, .2)
}

.ui-swiper.ui-type-calendar .ui-match-list:after, .ui-swiper.ui-type-calendar:after {
    display: block;
    content: "";
    clear: both
}

.ui-swiper.ui-type-calendar .ui-match-list .ui-item {
    float: left;
    padding: 13px 0;
    font-size: 14px;
    line-height: 14px
}

.ui-swiper.ui-type-calendar .ui-match-list .ui-item .ui-link {
    color: inherit
}

.ui-swiper.ui-type-calendar .ui-match-list .ui-item.ui-label {
    line-height: 36px;
    padding-left: 30px;
    padding-right: 30px
}

.ui-swiper.ui-type-calendar .ui-match-list .ui-item .ui-strong {
    margin-left: 5px;
    font-size: 32px;
    font-weight: 700
}

.ui-swiper.ui-type-calendar .ui-match-list .ui-match + .ui-match {
    margin-left: 60px
}

.ui-swiper.ui-type-calendar .ui-match-list:nth-child(2n) {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .1) 1%, rgba(0, 0, 0, .3))
}

.ui-swiper.ui-type-calendar .ui-ol:after {
    display: block;
    content: "";
    clear: both
}

.ui-swiper.ui-type-calendar .ui-li {
    float: left
}

.ui-swiper.ui-type-calendar .ui-li.ui-name {
    width: 120px;
    padding-left: 40px;
    background: url(data:image/png;base64,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) 0 no-repeat;
    background-size: 26px
}

.ui-swiper.ui-type-calendar .ui-li.ui-tag {
    color: #f0cb8b
}

.ui-swiper.ui-type-calendar .ui-li.ui-tag .ui-link:hover {
    color: #fff
}

.ui-swiper.ui-type-calendar .ui-li.ui-score {
    width: 20px;
    text-align: right
}

.ui-swiper.ui-type-calendar .ui-li .ui-text + .ui-text {
    margin-top: 8px
}

.ui-swiper.ui-type-calendar .ui-li .ui-text:first-child {
    margin-top: 4px
}

.ui-swiper.ui-type-calendar .ui-li + .ui-li {
    margin-left: 14px
}

.ui-swiper.ui-type-calendar .ui-li:last-child {
    padding-left: 14px;
    border-left: 1px solid #99433d
}

.ui-swiper.ui-type-calendar .ui-next, .ui-swiper.ui-type-calendar .ui-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 28px;
    height: 50px;
    cursor: pointer
}

.ui-swiper.ui-type-calendar .ui-prev {
    background: rgba(0, 0, 0, .3) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAbCAYAAAECMz80AAAAAXNSR0IArs4c6QAAAbZJREFUOBGdlD0sBEEUx3dxRBAKEYnoUFyiUCgkJBqNQkGi0lBfcZVGoVBQq1QKWoWKUCi0co1IlOKjErmICBec9XtnZm7mdsYmXvLPvPf/mJ3bm2wU2ZUkyZA9N/boozWOJjEifTnWE0MT/VpEs65JZ0WoZ7UCd617idYd4QG/PGoCx4DJSgORAwWHVELJnLRRJfEBd+zwkD1AarZRWPzlkw5HkAFhWYmtKdEmMPUr46TNe3uMVbDnFW0S06E9Oz3iWNCAsASk2p2UDJDboqQEJZ6jvdpiix4QHugrcRx3as6siBVwZAi7QZDasDm7lwtQBcM2merZ4QlcpgQI2SHiYL0sX5jKMgcLwz6QR4YLQwFI5YIuxKmahSvw152Uq10M7hIS2HkGvKgn+F+uL0xgFXyr4A5rs8/ncJjawIEKfbKuOIbQgHEQXKngI+t4yOvwGKfBswpesPY5htCAsQj079ulN9c0lDE85nsgJZc9+LeZgK8hOAfegNQZ6Pb5MjmCI+AGSN2CfGbIZyDYBU6B1DuY9/kyOYIx2AK6Nmn+/Z4WCMtppE5A+uOReSQMBPPgDkiVfgCFurU8s4QsRgAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 12px auto
}

.ui-swiper.ui-type-calendar .ui-next {
    left: auto;
    right: 0;
    background: rgba(0, 0, 0, .3) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAbCAYAAAECMz80AAAAAXNSR0IArs4c6QAAAbZJREFUOBGNky1IBFEUhWd0VxEVxSDCYhPBBYNBMChYLAaDgslk3mCy2QQFm8kmaDEYTIIGg1U0iFgUxF2TyCLiH/6N313eezOz7z2dC4e595zv7swsb4IoivYCXQzXug8Cpp54sjriB2HGTMIQmSHZ4C+bmWG7NtAMGVc3mOu6N1fMOzPoBjO+G/25DuShvpNDjIlL2oKk5gzla4Ce0bEvNz7QPno3hqsB2EFfVoZZRWepACOPpEqpQAbMNVSwAm0QXuredW3AvAL6cIXGA1hCUrLgLsLJGhJFnW4CF6BPQYN/Qa0KmhUoV0+GYfiCFypowPlQhE1qsVz/A/IcBbU94gpHVWgffYKSCvOuzS3C+NwlCYJTVE16yV7eosKrdSXNVM+2HC+pJzSRCrMOLDaiDST1gxaz7locy/PoE0ntomYLymKwOIzukdQF6s2yZzEsdqMTJPWIxi0oi8FiDm0iKfmfFrLsWQyLclKPkVTFAnwGcAc6ki3qFU352JQPWES3SOoG9acA3wA4jd6Q1CFq97HGB5L3W0G6VmlCA/gaoDZ0oLbkrjM+1vKB5WuSKqOiBfxj/AKfscHt+BUk5gAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 12px auto
}

.ui-dropdown.view-player {
    display: none;
    box-sizing: border-box;
    padding: 10px;
    background-color: #b31307
}

.ui-dropdown.view-player > .ui-slot > .ui-board:after {
    display: block;
    content: "";
    clear: both
}

.ui-dropdown.view-player > .ui-slot > .ui-board > .ui-slice {
    box-sizing: border-box;
    float: left;
    width: 10%;
    text-align: center;
    overflow: visible
}

.ui-dropdown.view-player > .ui-slot > .ui-board > .ui-slice > .ui-cover {
    display: inline-block;
    font-size: 0;
    width: 110px
}

.ui-dropdown.view-player > .ui-slot > .ui-board > .ui-slice > .ui-cover > .ui-link {
    display: block;
    width: 100%
}

.ui-dropdown.view-player > .ui-slot > .ui-board > .ui-slice > .ui-cover > .ui-link > .ui-figure > .ui-image {
    display: block;
    width: 110px;
    height: 110px;
    vertical-align: top
}

.ui-dropdown.view-player > .ui-slot > .ui-board > .ui-slice > .ui-cover > .ui-link > .ui-title {
    width: 100%;
    box-sizing: border-box;
    padding: 0 5px;
    height: 30px;
    color: #fff;
    line-height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    text-overflow: ellipsis;
    font-size: 14px;
    background-color: rgba(148, 15, 6, .4)
}

.ui-dropdown.view-player > .ui-slot > .ui-board > .ui-slice + .ui-slice {
    margin-left: 0 !important
}

.ui-dropdown.view-player > .ui-slot > .ui-board > .ui-slice:hover > .ui-cover {
    outline: 2px solid #f0cb8b;
    background-color: #f0cb8b
}

.ui-dropdown.view-player > .ui-slot > .ui-board > .ui-slice:hover > .ui-cover > .ui-link > .ui-title {
    color: #333;
    background-color: #f0cb8b
}

.ui-dropdown.view-player > .ui-slot > .ui-board + .ui-board {
    margin-top: 10px
}

.ui-dropdown.view-player.ui-active {
    display: block
}

.ui-dropdown.view-team {
    display: none;
    position: relative;
    width: 100%;
    padding: 10px;
    padding-bottom: 20px;
    box-sizing: border-box;
    background-color: #b31307
}

.ui-dropdown.view-team:after {
    display: block;
    content: "";
    clear: both
}

.ui-dropdown.view-team > .ui-slice {
    position: relative;
    float: left;
    width: 12.5%;
    box-sizing: border-box
}

.ui-dropdown.view-team > .ui-slice > .ui-title {
    text-align: center;
    color: #f0cb8b;
    font-size: 16px;
    line-height: 3em
}

.ui-dropdown.view-team > .ui-slice > .ui-list {
    text-align: center
}

.ui-dropdown.view-team > .ui-slice > .ui-list .ui-wrapper {
    display: inline-block
}

.ui-dropdown.view-team > .ui-slice > .ui-list .ui-item {
    position: relative
}

.ui-dropdown.view-team > .ui-slice > .ui-list .ui-item > .ui-link {
    display: block;
    font-size: 0;
    text-align: left;
    padding: 10px 0;
    padding-left: 10px;
    cursor: pointer
}

.ui-dropdown.view-team > .ui-slice > .ui-list .ui-item > .ui-link:hover {
    background-color: #ffd792;
    border-radius: 4px
}

.ui-dropdown.view-team > .ui-slice > .ui-list .ui-item > .ui-link:hover .ui-text {
    color: #330502 !important
}

.ui-dropdown.view-team > .ui-slice > .ui-list .ui-item > .ui-link > .ui-icon, .ui-dropdown.view-team > .ui-slice > .ui-list .ui-item > .ui-link > .ui-text {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    vertical-align: middle
}

.ui-dropdown.view-team > .ui-slice > .ui-list .ui-item > .ui-link > .ui-icon > .ui-symbol {
    width: 27px;
    height: 16px
}

.ui-dropdown.view-team > .ui-slice > .ui-list .ui-item > .ui-link > .ui-text {
    margin-left: 5px;
    max-width: 90px;
    color: #fff;
    overflow: hidden;
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.ui-dropdown.view-team > .ui-slice + .ui-slice:after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    content: "";
    height: 90%;
    width: 1px;
    background-color: hsla(4, 70%, 68%, .4)
}

.ui-dropdown.view-team.ui-active {
    display: block
}

.ui-swiper.ui-type-schedule {
    overflow: hidden
}

.ui-swiper.ui-type-schedule .ui-slide {
    box-sizing: content-box;
    max-height: 756px;
    overflow-y: auto
}

.home-view .v-main, .home-view .v-main .ui-section {
    margin-top: 40px;
}

.home-view .s-datalist {
    background: #fff;
    padding-bottom: 20px
}

.home-view .s-datalist:after {
    display: block;
    content: "";
    clear: both
}

.home-view .s-datalist > .ui-cell {
    float: left
}

.home-view .s-datalist .ui-sign {
    padding: 20px
}

.home-view .s-datalist .ui-card-list:after {
    display: block;
    content: "";
    clear: both
}

.home-view .s-datalist .ui-card.ui-type-rank {
    width: 216px;
    float: left;
    margin-left: 20px
}

.home-view .s-news .ui-news-list {
    padding: 20px;
    background-color: #fff
}

.home-view .s-news .ui-news-list > .ui-item:after {
    display: block;
    content: "";
    clear: both
}

.home-view .s-news .ui-news-list > .ui-item > .ui-left, .home-view .s-news .ui-news-list > .ui-item > .ui-right {
}

.home-view .s-news .ui-news-list > .ui-item > .ui-left {
    width: 840px
}

.home-view .s-news .ui-news-list > .ui-item > .ui-right {
}

.bottom-block{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background: #fff;
    padding-top: 20px;
    padding-right: 20px;
}
.img-box img{
    width: 262px;
    height: 363px;
    object-fit: cover;
    background: red;
    margin-bottom: 60px;
}
.img-box{
    text-align: right;
}

.home-view .s-news .ui-news-list > .ui-item + .ui-item {
    margin-top: 30px
}

.hhb-header-content{
    padding-top: 0 !important;
    border: 0 !important;
}
.no_sub_menu{
    height: 66px !important;
}
.hhb-header-nav{
    position: relative;
    top: 12px;
}
#nav{
    background: #048DA0;
}

.nav-container{
    width: 1200px;
    margin: 0 auto;
}
.nav-ul{
    width: 100%;
    height: 40px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.nav-ul a{
    color:#fff;
    display: inline-block;
    padding: 8px 20px;
    margin-right: 20px;
}
.nav-ul li.active a{
    border-bottom: 2px solid #fff;
    background: #018093;
}
.header-back {
    height: auto !important;
    /*height: 400px;*/
}
.header-back img{
    /*height: 400px;*/
    width: 100%;
}

#match-swiper{
    width: 1254px;
    margin: 0 auto;
}
.swiper-button-prev{
    left: 0 !important;
    cursor: pointer;
}
.swiper-button-next{
    right: 0 !important;
    cursor: pointer;
}
.match-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 40px;
}
.match-detail{
    width: 276px;
    height: 152px;
    border: 3px solid #ACA081;
    border-radius: 10px;
    position: relative;
    padding: 10px;
    color: #4D4D4D;
}
.match-detail .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    height: 32px;
    width: 260px;
    font-size: 16px;
    border-radius: 16px;
    padding: 0 20px;
    position: absolute;
    left: 5px;
    top: -16px;
}
.match-detail:nth-child(2n) .title{
    background: #7C2F67;
}
.match-detail:nth-child(2n+1) .title{
    background: #008194;
}

.match-score{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    padding: 0 30px;
    margin-top: 18px;
}
.match-score img{
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #ddd;
}
.match-score > div{
    text-align: center;
}
.match-score p{
    position: relative;
    top: -8px;
}
.match-score .score{
    color: #ACA081;
    font-size: 24px;
}
.match-view{
    padding: 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    border-top: 2px solid  #ACA081;
    padding-top: 6px;
}
.match-view a{
    color: #4D4D4D;
    cursor: pointer;
}
.match-holder{
    width: 276px !important;
    height: 152px !important;
    object-fit: cover;
    background: #ddd;
    border-radius: 10px;
}