@charset "UTF-8";

blockquote,body,dd,dir,dl,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,input,legend,menu,ol,optgroup,p,pre,tbody,td,textarea,tfoot,th,thead,ul {
    margin: 0;
    padding: 0
}

div {display: block;}

input,textarea:focus {
    outline: none;
}

ol,ul,li {
    list-style-type: none;
    list-style-image: none
}

a {
    text-decoration: none;
    color: #010101;
}

a:active {
    background-color: transparent;
}

a:active,a:hover {
    outline: 0 none;
    color: #16b13a;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    font-size: 62.5%;
    width: 100%;
}

body {
    font-size: 14px;
    line-height: 1.8
    width:100%;
}

body,button,input,select,textarea {
    font-family: "微软雅黑",arial,hiragino sans gb,stheiti,wenquanyi micro hei,\5FAE\8F6F\96C5\9ED1,\5B8B\4F53,sans-serif;
    font-size: 14px;
    -ms-text-autospace: ideograph-alpha ideograph-numeric ideograph-parenthesis;
    text-spacing: ideograph-alpha ideograph-numeric ideograph-parenthesis
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal
}

h1 {
    font-size: 36px
}

h2 {
    font-size: 30px
}

h3 {
    font-size: 22px
}

h4 {
    font-size: 18px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

abbr,acronym {
    border-bottom: 1px dotted;
    cursor: help
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    box-sizing: content-box;
    height: 0
}

mark {
    background-color: #d2e5ff;
    color: #000
}

code,kbd,pre,samp {
    font-family: monaco,menlo,consolas,courier new,courier,monospace
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto
}

q {
    quotes: none
}

q:after,q:before {
    content: '';
    content: none
}

small {
    font-size: 85.7%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    text-align: left
}

table td,table th {
    border: 1px solid #ddd;
    padding: 8px 10px
}

table th {
    font-weight: inherit;
    border-bottom-width: 2px;
    border-bottom-color: #ccc
}

img {
    border: 0 none;
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: top;
    -ms-interpolation-mode: bicubic
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0 none;
    white-space: normal;
    *margin-left: -7px
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle
}

button,input {
    *overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],input[disabled] {
    cursor: default
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0;
    *height: 13px;
    *width: 13px
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
    height: auto
}

textarea {
    overflow: auto;
    resize: vertical
}

option:disabled:checked,select:disabled option:checked {
    color: #d2d2d2
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    input {
        line-height: normal!important
    }
}

input::-moz-placeholder,textarea::-moz-placeholder {
    color: #a9a9a9;
    opacity: 1
}

label {
    cursor: pointer
}

select[multiple],select[size],select[size][multiple] {
    border: 1px solid #aaa;
    padding: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
    display: block
}

audio,canvas,progress,video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}[hidden],template {
    display: none
}[draggable] {
    cursor: move
}

dialog {
    border: 1px solid;
    padding: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

dialog::-webkit-backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.3)
}

dialog::backdrop {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.3)
}

* {
    color: #555;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

body {
    background-color: #eaf7f4;
}

.vs {
    font-style: normal;
    background: #ffa000;
    border-radius: 50%;
    padding: 6px;
    color: #fff;
    font-size: 14px;
    margin: 0px 5px;
}

.header {
    height: 70px;
    /*background: #eaf7f4;*/
    /*background: #f2f3f8;*/
    /*box-shadow: 0 0 10px #16b13a;*/
}

.inner {
    width: 980px;
    margin: 0 auto;
    position: relative;
}


.header-logo {
    width: 149px;
    height: 33px;
    margin-top: 15px;
    display: block;
    float: left;
}

.header-nav {
    float: left;
}

.header-nav li {
    float: left;
    margin-left: 30px;
    line-height: 70px;
}

.header-nav li a {
    font-size: 18px;
    color: #000;
}

.header-nav li.active a,
.header-nav li a:hover {
    color: #16b13a!important;
    /*color: #5696d4!important;*/
    font-weight: 700;
}

.nav {
    box-shadow: 0 0 10px #16b13a;
    background: #16b13a;
    /*background: #5696d4;*/
}

.nav-menu {
    height: 48px;
    text-align: center;
}

.nav-menu li {
    margin-top: 12px;
    width: 70px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
}

.nav-menu li a {
    color: #fff;
    font-size: 18px;
}

.nav-menu li.active a,
.nav-menu li a:hover {
    color: #ffd793!important;
    font-weight: bold;
}


.wrap {
    background: #f2f3f8;
    /*overflow: hidden;*/
    margin-top: 15px;
    padding-bottom: 15px;
    min-height: 70vh;
}

.wrap-box {
    font-size: 16px;
    text-align: center;
}

.match-list {
    border-bottom: 2px solid #f2f3f8;
    overflow: hidden;
    background: #fff;
}

.match-list:hover {
    background: #f5f6f7;
    cursor: pointer;
}

.match-list:nth-child(2n+2) {

}

.match-list li {
    float: left;
    border-right: 2px solid #f2f3f8;
    padding: 0px 5px;
    font-size: 15px;
}

.match-list-title {
    line-height: 40px;
}

.match-list-date {
    color: #16b13a;
    line-height: 50px;
    height: 50px;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
}

.match-list-content{
    height: 50px;
    line-height: 50px;
}

.match-list-title li {
    font-size: 14px;
}

.match-list .time {
    width: 60px;
}

.match-list-content .time {
}

.match-list .type {
    width: 74px;
}

.match-list .league {
    width: 70px;
    padding: 0px 10px;
}

.match-list-content .league {

}

.match-list .team {
    width: 460px;
    border-right: 0px;
}

.match-list .team .vs{
    padding: 4px;
    font-size: 10px;
}

.match-list .team_a {
    width: 187px;
    text-align: right;
    border-right: 0px;
}

.match-list .team_b {
    width: 187px;
    text-align: left;
    border-left: 0px;
    border-right: 0px;
}

.match-list .team_sep {
    width: 66px;
    border-left: 0px;
    border-right: 0px;
    font-weight: bold;
}

.match-list .live {
    width: 250px;
    border-right: 0px;
    text-align: right;
}

.live-btn {
  width: 70px;
  height: 30px;
  line-height: 30px;
  margin: 0 auto;
  margin-top: 10px;
  border-radius: 5px;
  display: inline-block;
  color: #fff;
  background: #eaf7f4;
  font-size: 13px;
  color: #999;
  cursor: pointer;
  text-align: center;
}

.match-living .live-btn {
    background: #16b13a;
    color: #fff;
}

.match-box {
}

.footer{
    height: auto;
    background: #16b13a;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 15px 0px;
    box-shadow: 0 0 10px #16b13a;
}

.footer * {
    color: #e6e7e8;
}

.footer-nav {
    padding: 0px;
    padding-bottom: 10px;
    display: none;
}

.footer-nav li {
    display: inline-block;
    width: 168px;
    line-height: 16px;
}

.footer-nav li a {
    font-size: 14px;
    color: #fff;
}

.side-nav {
    position: fixed;
    bottom: 60px;
    right: 10px;
}

.side-nav li {
    width: 30px;
    height: 30px;
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #999;
    box-shadow: 0 0 10px #16b13a;
}

.side-nav li:hover {
    background: #ccc;
}

.side-nav li .icon {
    display: block;
    height: 30px;
    width: 30px;
    background-position: center center;
    background-repeat: no-repeat;
}

.side-nav li .icon-wechat {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAADf0lEQVRYR+2WW2hcRRjH///ZDTZrfFK0PlWx2CKIQotIVbzhgyAiBV9USr1RzUPQuGeGJVqPFExmdjUYL9iCmKog+iYFQYpILT4UqcVLsUK9oL0gBcHSXOjxzCdTusvJ5pzsSSLmpefxfLfffPNdhljhjyscHxcASmfAWnuJUmqNiFwari1JkiMjIyN/LvcKFwQYGxu7nuRTAO4muS4n2DciskcptTuKol+XApMLMDo6ulYptYvknWWcisisUuqZKIp2ltHP6swDsNbeD+AjkqsW6wzA5PT09ONxHPuytnMAms3mHd77vSSrZR3k6L2ita6Xte8ATExMXDQ7O/sjgKvbxiLyrfd+c6VSuQ7Ani6nH4jIIMkXATw3J63kzVEUHSgD0QFoNpvbROTtLqNIa90K/5xzZwBc3JYrpTbW6/WD1tqNJL/O2onIF8aYuxYFYK3dT/LWLqPjAB4TkRtIuq4ge5VSL4vIkwAeOi8TETkJ4OjMzMw9cRyf7QXRyYBz7hSAy3oZ5MlF5DMAH5L8DcBqEbkKwAkAP/X39x8ZGho6XeQ3CzANoH+RAF9573eQfIBkyEQlx14AfJym6fONRuNotzwLcBhAKLZSn4i8A2A/gDdIDvQyEpFwHduNMTZ3DjjnXgXwbC9HQR6KzHv/XqVSebeMflft7DDGbG//62Sg1WqtT9P0MEnVw2maJMlN1Wp1X+bkf3jv7yUZOmIy08bvDwwMDE5NTX0CoN0VKckboyj6IejNGUTOuZdCmnoAfCoiB0m+kAn0pTHm9pyWfFRrPWmtfZPkYBbMGLNlHkAcx6pWq+0G8MgCEAbAfQBu69I5EKqf5BWZQH8D+B7ApmxmReR3Y8yaeQBtQ2vtaySHCloukI8UbMdSJRGWlzHmXMflbkPn3IOhdQoAwpzfTHJTqWj5Sj9rrdcuBLBTRLaQbPX19b0lIipN03Xe+2uVUie99xuyNbAEkF1a620LXcHDAPYZY47lOXfOrQbwyxIGV2jhf5RSG6Io+q4QoMyJnHNbASx6DgAwWuvOXin9JizIxFYReb3MJDw/wJ42xszZuMsCCE7Hx8evTJIkvAmeKNgF59hF5JQx5vLugywboO0wjuNarVZbHwqV5DVKqar3/pBS6nMAdRExaZre0mg0DmUh/jOAXnUTCrdarZ4dHh7+a0UAigD/twxcACjKwL+5KWUwFpvutQAAAABJRU5ErkJggg==);
}

.side-nav li .icon-top {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACdElEQVRYR+2UPWgUYRCG570kFy4g3IGghRYWqWLwp4gIIoKK+IONCtpIsEgR4813IgeSFAuKSELYnU24Ik2w0iIWFpGAChICioURojYWsbAQEXIgJLDkdmTDFzjyc9m9iGnua5bdnZn34Z35BrTDBzusTw2AhgMNB+p2wHGc5nK5PEFEms1mrzmOs1zPla4bwBgzRET3IlFVHRKR4n8DyOfzp1Op1OtqwTAMz/i+/yYpRGIHent796bT6Tki2k1Ev1RVAewhot9BEHSWSqWfSSCSAoCZpwGciEQAnLUteGWfMyJyMupKXIhEAMw8AOCBFRsWkZUZMMYME9Fd+71fRB79c4BCodClqu+IKKWqs7lcrmt18h3HSS8sLLwHcISIQgDHXdf9EAcilgPGmKyqzgHYp6qLlUrl4Ojo6Hy1QF9f34GmpqbPANpU9QeATs/zyltBxAJg5kkAF2zfu13XfbJRYWNMNxGN21a8FJGL2wYwxtwhIt8WfS4iV2sVZeYJAFds/G0RKdWKr+lAoVDoUNWPRJRW1fnW1tZDg4ODf2oVLBaLu4Ig+EJE+4koAHDUdd3ofcOzKUBPT09bJpP5BKCdiJYrlUrXyMjI7FaWRv+Z+RiAGSJqVtVvS0tLh8fGxhY3yt0UgJmfArhurbwvIo/jiK/GGGP6ieihzR8XkVuxAZj5JoCVQVPVaRE5lWS5WKFoab0FEC0mCsPwhu/7z9ZCrHMgn8+3A4isb6t3va6KRGu7paXlK4BcdH0BdHie970aYh0AM08BOGeDLnmeN5nE+rWxzHwZwAvr5pSInK8JsB2xenJjLaJ6CsfNaQA0HGg48BcPHvgh5WE6TAAAAABJRU5ErkJggg==);
}

.side-nav li .icon-en {
    background-image: url(data:image/png;base64,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);
}

.side-nav li .icon-cn {
    background-image: url(data:image/png;base64,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);
}


#player {
    margin: 0px auto;
    margin-top: 10px;
    padding-bottom: 10px;
    background-color: #000;
}

.vcp-player {
    margin: 0px auto;
}

.play-title {
    line-height: 35px;
    margin-top: 10px;
    display: none;
}

.btn {
    display: inline-block;
    width: 200px;
    height: 30px;
    border: 1px solid #16b13a;
    text-align: center;
    line-height: 30px;
    color: #29b6b0;
    cursor: pointer;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.btn-select,
.btn:hover {
    background-color: #16b13a;
    color: #fff;
}

.remark {
    height: auto;
    margin: 15px 0px;
    padding: 10px;
    text-align: center;

    background-color: #eaf7f4;
    border-radius: 5px;
    border: 1px solid #16b13a;
    box-shadow: 0 0 10px #16b13a;
    font-size: 15px;
    color: red;
}

.remark .btn {
    display: inline-block;
}

.remark span {
    color: #999;
    font-size: 13px;
}

.match-more {
    border-radius: 2px;
    border: 1px solid #eaf7f4;

    margin-top: 15px;

    font-size: 14px;
    color: #999;
}

.match-more a {
    display: inline-block;
    margin:0px 10px;
    color: red;
}