@charset "utf-8";
/* CSS Document */
body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
    background: #f0f0f0;
    color: #333;
    font-size: 14px;
    line-height: 22px;
}

body.bg {
    background: #f0f0f0;
}

body.whitebg {
    background: #fff;
}

body.formbg {
    background: url(../images/formbg.png) repeat-x top #FAFAFA;
}

/* @font-face {
    font-family: myFirstFont;
    src: url('ParaType - DIN Condensed.otf') ;
} */

　　
.face {
    font-family: 'myFirstFont';
}

a {
    text-decoration: none;
    cursor: pointer;
}

html, body {
    height: 100%;
    position: relative;
}

body.hidescorll {
    overflow: hidden;
}

* {
    margin: 0;
    padding: 0;
}

li, ol {
    list-style: none;
}

i, em {
    font-style: normal;
}

input, select, textarea {
    font-family: "微软雅黑", Arial, Helvetica, sans-serif;
}

textarea {
    color: #666;
    line-height: 22px;
}

.firsttext {
    color: #c8c8c8;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #ccc;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ccc;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #ccc;
}

input:-moz-placeholder, textarea:-moz-placeholder {
    color: #ccc;
}

.pl-10 {
    padding-left: 10px;
}

.black-color {
    color: #333 !important;
}

.red-color {
    color: #d7000f !important;
}

.blue-color {
    color: #1B99E8 !important;
}

.yellow-color {
    color: #FBBC05 !important;
}

.green-color {
    color: #84B528 !important;
}

.chen-color {
    color: #FBBC05 !important;
}

.color-96 {
    color: #969696 !important;
}

.color-64 {
    color: #646464 !important;
}

.color-cc {
    color: #ccc !important;
}

.red-bg {
    background: #d7000f !important;
}

.blue-bg {
    background: #1B99E8 !important;
}

.yellow-bg {
    background: #FBBC05 !important;
}

.green-bg {
    background: #84B528 !important;
}

.bg-32 {
    background: #323232 !important;
}

.clear {
    clear: both;
}

.col {
    width: 100%;
    float: left;
}

.col-left {
    float: left;
}

.col-right {
    float: right;
}

.topline {
    border-top: 1px solid #E8E8E8;
}

.botline {
    border-bottom: 1px solid #E8E8E8;
}

.font-12 {
    font-size: 12px;
}

.font-30 {
    font-size: 30px;
}

.font-18 {
    font-size: 18px;
}

.pl-5 {
    padding-left: 5px;
}

.pl-10 {
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.pr-5 {
    padding-right: 5px;
}

.pr-10 {
    padding-right: 10px;
}

.pr-15 {
    padding-right: 15px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15 {
    margin-right: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-10 {
    margin-top: 10px!important;
}

.mt-1 {
    margin-top: -2px;
}

.hrv {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

.hrv:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #fff;
    height: 2px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hrv:hover:before, .hrv:focus:before, .hrv:active:before {
    left: 0;
    right: 0;
}

#iframe1 {
    width: 100%;
    height: 100%;
}


/*banner*/
.banners {
    width: 100%;
    float: left;
    text-align: center;
    overflow: hidden;
     margin-top: 10px;
    margin-bottom: 5px;
}

.banners img {
    max-width: 1140px;
    width: 100%;
}

/*主页面 */
.container {
    width: 100%;
	margin-bottom: 30px;
	
}
.infoBox {
    padding-top: 35px;
    background:rgb(247,244,248) url(../temp/infobg.png) top left no-repeat;
}
.container.white{ background: #fff}
.main {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.daohang {
    width: 100%;
    float: left;
    color: #282828;
    font-size: 12px;
    line-height: 35px;
    padding: 5px 0;
}

.daohang a {
    color: #969696;
    cursor: pointer
}

.daohang a:hover {
    color: #d7000f
}

.step {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
}

.step span.icon {
    display: inline-block;
    width: 18px;
    height: 18px;
    color: #969696;
    background: #e8e8e8;
    line-height: 18px;
    text-align: center;
    border-radius: 18px;
}

.step span.icon.dq {
    color: #fff;
    background: #D7000F;
}

.step span.line {
    display: inline-block;
    width: 60px;
    background: #e8e8e8;
    height: 1px;
    vertical-align: top;
    margin-top: 9px;
}

.step span.text {
    width: 100%;
    display: inline-block;
    line-height: 70px;
    font-size: 28px;
    color: #969696;
}

.sideLeft {
    width: 320px;
    float: left;
}

.section {
    width: 100%;
    float: left;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    padding-bottom: 20px;
}
#hotbandan,#playbandan{ padding-bottom: 0px;}
.sideRight {
    width: 798px;
    float: right;
    padding-bottom: 20px;
    border: 1px solid #E8E8E8;
    background: #fff;
}

/*比分 */
.bifen {
    width: 100%;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    background: #fff;
    display: inline-block;
    border-radius: 10px;
    position: relative;
}

.bifenList span.col-left {
    float: left
}

.bifenList span.col-left a {
    display: inline-block;
    color: #646464;
    border-bottom: 2px solid #fff;
    margin-left: 15px;
    padding: 0 10px;
    line-height: 58px;
}

.bifenList span.col-left a.dq {
    color: #d7000f;
    border-bottom: 2px solid #d7000f;
}

.bifenList span.col-left a {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.bifenList span.col-left a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: -2px;
    left: 0;
    right: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-bottom: 2px solid #d7000f;
}

.bifenList span.col-left a:hover {
    color: #d7000f;
}

.bifenList span.col-left a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.bifenList span.col-left a.dq:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.bifenList span.col-right {
    float: right;
    font-size: 12px;
    margin-top: 18px;
    margin-right: 15px;
}

.bifenList span.col-right a {
    display: inline-block;
    color: #646464;
    padding: 0 5px;
    line-height: 20px;
}

.bifenList span.col-right i {
    background: url(../images/cheeck.svg) no-repeat;
    background-size: 12px;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: top;
    margin-top: 3px;
}

.bifenList span.col-right a.dq i {
    background: url(../images/cheecked.svg) no-repeat;
    background-size: 12px;
}

.bifenList span.col-right a:hover {
    color: #D7000F
}

.bifenList1 {
    margin: 20px 0;
}

.bifenList1 span.col-left {
    float: left;
}

.bifenList1 span.col-left a {
    float: left;
    display: block;
    color: #646464;
    margin-left: 15px;
    background: #e8e8e8;
    width: 60px;
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.bifenList1 span.col-left a.dq, .bifenList1 span.col-left a:hover {
    color: #fff;
    background-color: #d7000f;
}

.bifenList1 span.col-left p {
    line-height: 30px;
}

.bifenList1 span.col-left p a {
    width: auto;
    background: none;
    display: inline-block;
    float: none;
    margin: 0;
    border: 0;
}

.bifenList1 span.col-left p a:hover, .bifenList1 span.col-left p a.dq {
    color: #d7000f;
    background: none;
    border: 0;
}

.bifenList1 span.col-right {
    float: right;
    margin-right: 15px;
}

.bifenList1 span.col-right a {
    float: left;
    display: block;
    color: #646464;
    margin-left: 15px;
    width: 130px;
    line-height: 30px;
    background: #e8e8e8;
    font-size: 12px;
    text-align: center;
    border-radius: 5px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.bifenList1 span.col-right i {
    background: url(../images/select-icon.svg) no-repeat;
    background-size: 8px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: top;
    margin-top: 12px;
    margin-left: 2px;
}

.bifenList1 span.col-right a.dq, .bifenList1 span.col-right a:hover {
    color: #d7000f;
}

.bifenList1 span.col-right a.dq i {
    background: url(../images/selectdq-icon.svg) no-repeat;
    background-size: 8px;
}

.choiceMatch, .choicePan {
    position: absolute;
    right: 100px;
    top: 125px;
    width: 400px;
    color: #666;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    display: none;
    border-radius: 10px;
	z-index: 1111;
}

.choicePan {
    right: 15px;
}

.choiceMatch:before, .choiceMatch:after, .choicePan:before, .choicePan:after {
    content: '';
    border: 8px solid transparent;
    position: absolute;
    right: 20px;
    top: -16px;
}

.choiceMatch:before, .choicePan:before {
    border-bottom-color: #646464;
}

.choiceMatch:after, .choicePan:after {
    border-bottom-color: #fff;
}

.row {
    float: left;
    width: 100%;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

.row ul {
    float: left;
    width: 100%;
}

.row ul li {
    float: left;
    width: 110px;
    margin-left: 15px;
    margin-top: 30px;
    cursor: pointer;
}

.row ul li i {
    display: block;
    float: left;
    width: 16px;
    height: 20px;
    cursor: pointer;
    margin-right: 5px;
    background: url(../images/check1.png) no-repeat center left;
}

.row ul li span {
    float: left;
    line-height: 20px;
    color: #969696;
}

.row ul li:hover span {
    color: #d7000f;
}

.row ul li.dq i {
    background: url(../images/checked1.png) no-repeat center;
}

.btn-list {
    float: left;
    width: 100%;
    line-height: 40px;
    background: #e8e8e8;
    margin-top: 40px;
}

.btn-list a {
    color: #646464;
    float: left;
    cursor: pointer;
    text-align: center;
    width: 25%;
    float: left;
    font-size: 16px;
    font-weight: bold;
    display: block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.btn-list a.dq, .btn-list a:hover {
    color: #d7000f;
}

.choiceTime {
    position: absolute;
    right: 10px;
    top: 125px;
    width: 100px;
    color: #666;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 10px;
    display: none;
	z-index: 99;
}

.choiceTime ul {
    float: left;
    width: 100%;
    font-size: 12px;
}

.choiceTime ul li {
    float: left;
    width: 100%;
    line-height: 35px;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    cursor: pointer;
}

.choiceTime ul li.dq, .choiceTime ul li:hover {
    background: #d7000f;
    color: #fff;
}

.choiceTime ul li:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.choiceTime ul li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.choiceTime:before, .choiceTime:after {
    content: '';
    border: 8px solid transparent;
    position: absolute;
    right: 40px;
    top: -16px;
}

.choiceTime:before {
    border-bottom-color: #646464;
}

.choiceTime:after {
    border-bottom-color: #fff;
}

.layout-grid-thead {
    transition: top .5s;
    clear: both;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    line-height: 34px;
    background-color: #f0f0f0;
    border-radius: 5px;
    color: #666;
    font-size: 14px;
	display: block;
}

.layout-grid-thead.fixed {
    position: fixed;
    top: 0;
    z-index: 2;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.position-r {
    position: relative;
    min-width: 1140px;
    width: 1140px;
    margin: 0 auto;
}

.position-r .bfTable {
    display: none
}

.position-r .bfTable ul {
    margin-bottom: 0px;
}

.position-r .bfTable li.thead {
    background: #fff;
}

.position-r .bfTable li.thead span {
    border-right: 1px solid #fff;
}

.layout-grid-thead.fixed .position-r .bfTable {
    display: block
}

.left-tool {
    position: absolute;
    left: -60px;
    margin: 0;
    line-height: 16px;
    top: 100px;
    background-color: #fff;
    width: 50px;
    left: 50%;
    top: 34px;
    margin-left: -630px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.left-tool.top {
    top: 50px;
}

.left-tool a {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    float: left;
    width: 50px;
    height: 35px;
    text-align: center;
    cursor: pointer;
    display: block;
    border-bottom: 1px solid #e8e8e8;
    padding-top: 10px;
    margin-top: 5px;
}

.left-tool a i {
    display: block;
    padding-top: 12px;
    font-size: 12px;
}

.left-tool a.bf-collecth {
    background: url(../images/bf-collecth.png) no-repeat center;
    background-size: 18px;
}

.left-tool a.bf-collecth.dq, .left-tool a.bf-collecth:hover {
    background: url(../images/bf-collecthdq.png) no-repeat;
    background-size: 18px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

.left-tool a.bf-succeed {
    background: url(../images/bf-succeed.svg) no-repeat top center;
    background-size: 18px;
}

.left-tool a.bf-succeed.dq, .left-tool a.bf-succeed:hover {
    background: url(../images/bf-succeed-dq.svg) no-repeat top center;
    background-size: 18px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    color: #d7000f
}

.left-tool a.bf-hide {
    background: url(../images/bf-hide.svg) no-repeat top center;
    background-size: 18px;
}

.left-tool a.bf-hide.dq, .left-tool a.bf-hide:hover {
    background: url(../images/bf-hide-dq.svg) no-repeat top center;
    background-size: 18px;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    color: #d7000f
}
.waitLoading{
    display: block;
    margin:50px 370px;
}
.waitLoading img{
    width:400px;
    height:400px;
}
.bfTable {
    float: left;
    width: 100%;
}

.bfTable ul {
    float: left;
    width: 100%;
    margin-bottom: 20px;
    display: none;
}

.bfTable ul li {
    float: left;
    width: 100%;
}

.bfTable ul li.thead {
    background: #E8E8E8;
    height: 34px;
    overflow: hidden;
}

.bfTable ul ol {
    border: 1px solid #E8E8E8;
    float: left;
    width: 100%;
    /* margin-left: 20px; */
    border-radius: 5px;
}

.bfTable ul ol li {
    background: #fff;
    border-bottom: 1px solid #E8E8E8;
}

.bfTable ul ol li:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.bfTable ul ol li:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom: 0;
}

.bfTable ul ol li:nth-child(2n-1) {
    background: #FAFAFA;
}

/*.bfTable ul ol li:hover{background: #E8E8E8;}*/
.bfTable ul li.tit {
    background: #fff;
    color: #969696;
    line-height: 54px;
    font-size: 16px;
    text-align: center;
}

.bfTable ul li.tit i {
    width: 14px;
    height: 14px;
    display: inline-block;
    line-height: 14px;
    vertical-align: top;
    margin-top: 19px;
}

.bfTable ul li.tit i.on {
    background: url(../images/bfon-icon.svg) no-repeat center;
    background-size: 14px;
}

.bfTable ul li.tit i.unon {
    background: url(../images/bfunon-icon.svg) no-repeat center;
    background-size: 14px;
}

.bfTable ul li.tit i.onshow {
    background: url(../images/bfshow-icon.svg) no-repeat center;
    background-size: 14px;
}

.bfTable ul li.tit i.nextday {
    background: url(../images/bftime-icon.svg) no-repeat center;
    background-size: 13px;
}

.bfTable span {
    float: left;
    border-right: 1px solid #E8E8E8;
    text-align: center;
    line-height: 50px;
    height: 50px;
    color: #323232;
}

.bfTable span.favorite {
    width: 30px;
    cursor: pointer;
}

.bfTable span.check {
    width: 36px;
    line-height: 18px;
    cursor: pointer
}

.bfTable span.check i {
    background: url(../images/radio-icon.svg) no-repeat center;
    width: 14px;
    height: 14px;
    background-size: 14px;
    display: inline-block;
    margin-top: 18px;
}

.bfTable span.check i.dq, .bfTable span.check i:hover {
    background: url(../images/radiodq-icon.svg) no-repeat center;
}

.bfTable span.time {
    width: 55px;
}

.bfTable span.league {
    width: 120px;
    text-align: center;
}

.bfTable span.league i {
    width: 10px;
    height: 10px;
    border-radius: 2px;
    display: inline-block;
    margin-left: 10px;
}

.bfTable span.status {
    width: 72px;
    position: relative
}

.bfTable span.status b {
    display: inline-block;
    height: 3px;
    width: 2px;
    animation: heart 1s ease infinite;
    top: 17px;
    position: absolute;
    font-weight: normal;
    margin-left: 3px;
}

@keyframes heart {
    0% {
        background: #fb4449;
    }
    50% {
        background: #fff;
    }
    100% {
        background: #fb4449;
    }
}

.bfTable span.game {
    width: 400px;
}

.bfTable span.game span {
    border-right: none;
    padding-top: 8px;
    height: auto;
}

.bfTable span.game .gleft {
    width: 175px;
    float: left;
    line-height: 20px;
}

.bfTable span.game .gscore {
    width: 45px;
    float: left;
    text-align: center;
}

.bfTable span.game .gright {
    width: 175px;
    float: right;
    line-height: 20px;
}

.bfTable span.game i {
    float: left;
    margin-left: 3px;
}

.bfTable span.game .gleft i {
    float: right;
}

.bfTable span.game i img {
    width: 20px;
    height: 20px;
}
.bfTable span.game i.red-pai, .bfTable span.game i.yellow-pai {
    width: 14px;
    height: 18px;
    border-radius: 2px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif
}

.bfTable span.game i.red-pai {
    background: #d7000f
}

.bfTable span.game i.yellow-pai {
    background: #f3bf51
}

.bfTable span.game i.mark {
    color: #969696;
    font-size: 12px;
}

.bfTable span.game .gscore i {
    width: 100%;
    color: #969696;
    font-size: 12px;
    line-height: 16px;
}

.bfTable span.game .gscore i.count {
    font-size: 16px;
    color: #323232;
}

.bfTable span.game .gright.dq, .bfTable span.game .gleft.dq {
    background: #FFCCCF;
    height: 42px;
}

.bfTable span.game i.ball {
    height: 22px;
    width: 100%;
    display: inline-block;
    margin-left: 0;
    margin-top: -5px;
    text-align: center;
}

.bfTable span.game i.ball img {
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: All 1.2s 0s;
    -moz-transition: All 1.2s 0s;
    -ms-transition: All 1.2s 0s;
    transition: All 1.2s 0s;
    -webkit-transform: translateX(0) translateY(0) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -moz-transform: translateX(0) translateY(0) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -ms-transform: translateX(0) translateY(0) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    transform: translateX(0) translateY(0) translateZ(0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    -webkit-animation: z 1.5s linear 0s infinite;
    -moz-animation: z 1.5s linear 0s infinite;
    -ms-animation: z 1.5s linear 0s infinite;
    animation: z 1.5s linear 0s infinite;
}

@-webkit-keyframes z {
    from {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scaleX(1) scaleY(1) scaleZ(1);
    }
    to {
        -webkit-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -moz-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        -ms-transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
        transform: translateX(0) translateY(0) translateZ(0) rotateX(0deg) rotateY(0deg) rotateZ(360deg) scaleX(1) scaleY(1) scaleZ(1);
    }
}

.bfTable span.corner {
    width: 40px;
    line-height: 20px;
}

.bfTable span.corner i {
    display: block;
    background: url(../images/jiao.svg) no-repeat center;
    background-size: 13px;
    height: 13px;
    margin-top: 10px;
}

.bfTable span.odds {
    width: 218px;
    line-height: 24px;
}

.bfTable span.odds i {
    width: 100%;
    float: left;
}

.bfTable span.odds i em {
    float: left;
    width: 32.3%;
    border-right: 1px solid #E8E8E8;
    font-size: 12px;
}

.bfTable span.odds i em:last-child {
    border: 0;
}

.bfTable span.odds i:first-child em {
    color: #646464;
}

.bfTable span.onlive {
    width: 100px;
    text-align: center;
}
.bfTable span.onlive i{
    width: 30px;
    height:40px;
    vertical-align: middle;
    display: inline-block}
.bfTable span.onlive i.sslive {
    background: url(../images/zhibo_icon@1x.svg) no-repeat center;
    background-size: 46px;
    width:30px;
}
.bfTable span.onlive i.anchorlive {
    background: url(../images/zhubo_icon@1x.svg) no-repeat center;
    background-size: 46px;
    width:30px;
}
.bfTable span.onlive i.dhlive {
    background: url(../images/dh_pc_icon.svg) no-repeat center;
    background-size: 46px;
    width:30px;
}
.bfTable span.info, .bfTable span.recommend {
    width: 40px;
    font-size: 16px;
    line-height: 50px;
}

.bfTable span.info a, .bfTable span.recommend a {
    cursor: pointer;
    display: block;
}

.bfTable span.info a {
    color: #1B99E8 !important
}

.bfTable span.recommend a {
    color: #d7000f !important
}

.bfTable span.info i {
    display: none;
    background: url(../images/bfinfo-icon.svg) no-repeat center;
    background-size: 13px;
    height: 12px;
    margin-top: 10px;
}

.bfTable span.recommend i {
    display: none;
    background: url(../images/bfrecommed-icon.svg) no-repeat center;
    background-size: 13px;
    height: 12px;
    margin-top: 10px;
}

.bfTable span.option {
    width: 25px;
    font-size: 14px;
    line-height: 50px;
    border-right: 0;
}

.bfTable span.option a {
    color: #009945 !important
}

.bfTable a.bftop {
    background: url(../images/bftop-icon.svg) no-repeat center;
}

.bfTable a.bftop:hover {
    background: url(../images/bftop1-icon.svg) no-repeat center;
}

.bfTable a.bftop.dq {
    background: url(../images/bftopdq-icon.svg) no-repeat center;
}

.bfTable a.bffouce {
    background: url(../images/bffocued-icon.svg) no-repeat center;
}

.bfTable a.bffouce:hover {
    background: url(../images/bffocueddq-icon.svg) no-repeat center;
}

.bfTable a.bffouce.dq {
    background: url(../images/bffocueddq-icon.svg) no-repeat center;
}

.bfTable ul li.thead span {
    line-height: 34px;
    color: #646464;
    font-size: 14px;
    height: 34px;
}

.bfTable ul li.thead span.favorite {
    width: 30px;
}

/* .bfTable ul li.thead span.check {
    margin-left: 20px;
} */

.bfTable ul li.thead span.check i {
    margin-top: 9px;
}

.bfTable ul li.thead span.time {
    width: 75px;
}

.bfTable ul li.thead span.league {
    width: 100px;
}

.bfTable ul li.thead span.onlive {
    background: none;
}

.bfTable ul li.thead span.odds i {
    width: 29.5%;
}

.bfTable ul.big span.status {
    width: 52px;
}

.bfTable ul.big span.time, .bfTable ul.big li.thead span.time {
    width: 85px;
}

.bfTable ul.big span.league, .bfTable ul.big li.thead span.league {
    width: 100px;
}

.bfTable ul.big li.thead span.league {
    text-align: center;
}

.bfTable ul.big span.game {
    width: 430px;
}

.bfTable ul.big span.game .gleft {
    width: 190px;
}

.bfTable ul.big span.game .gright {
    width: 190px;
}

.bfTable ul.big span.odds {
    width: 208px;
}


.bfTable ul.big1 span.league {
    width: 90px;
}


.bfTable ul.big1 span.sort {
    width: 65px;
}

.bfTable ul.big1 span.info, .bfTable span.recommend {
    width: 40px;
}

.bfTable ul.big1 span.game {
    width: 345px;
}

.bfTable ul.big1 span.game .gleft ,.bfTable ul.big1 span.game .gright {
    width: 150px;
}

.bfTable ul.big1 span.odds {
    width: 160px;
}

.bfTable ul.big.big2 span.sort {
    width: 60px;
}

.bfTable ul.big.big2 span.time, .bfTable ul.big.big2 li.thead span.time {
    width: 75px;
}

.bfTable ul.big.big2 span.league, .bfTable ul.big.big2 li.thead span.league {
    width: 90px;
}

.bfTable ul.big.big2 span.corner {
    width: 50px;
}

.bfTable ul.big.big2 span.game {
    width: 373px;
}

.bfTable ul.big.big2 span.game .gleft, .bfTable ul.big.big2 span.game .gright {
    width: 160px;
}

.bfTable ul.big.big3 span.sort {
    width: 65px;
}

.bfTable ul.big.big3 span.time, .bfTable ul.big.big3 li.thead span.time {
    width: 70px;
}

.bfTable ul.big.big3 span.league, .bfTable ul.big.big3 li.thead span.league {
    width: 90px;
}

.bfTable ul.big.big3 span.corner {
    width: 50px;
}

.bfTable ul.big.big3 span.game {
    width: 398px;
}

.bfTable ul.big.big3 span.game .gleft, .bfTable ul.big.big3 span.game .gright {
    width: 175px;
}

.bfTable ul.big.big3 span.odds {
    width: 188px;
}

.bfTable ul.big.big4 span.sort {
    width: 65px;
}

.bfTable ul.big.big4 span.time, .bfTable ul.big.big4 li.thead span.time {
    width: 70px;
}

.bfTable ul.big.big4 span.league, .bfTable ul.big.big4 li.thead span.league {
    width: 90px;
}

.bfTable ul.big.big4 span.corner {
    width: 50px;
}

.bfTable ul.big.big4 span.game {
    width: 438px;
}

.bfTable ul.big.big4 span.game .gleft, .bfTable ul.big.big4 span.game .gright {
    width: 195px;
}

.bfTable ul.big.big4 span.odds {
    width: 208px;
}

.bfTable p.nodata {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #646464;
}

.bfTable p.nodata img {
    padding-top: 40px;
}

.bfTable p.nodata i {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding-bottom: 30px;
}

/*左侧表格 */
.sideLeft ul.menu {
    float: left;
    width: 100%;
    border-bottom: 2px solid #d7000f;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.sideLeft ul.menu li {
    float: left;
    width: 25%;
    text-align: center;
    border-right: 1px solid #f5f5f5;
    box-sizing: border-box;
}

.sideLeft ul.menu li a {
    color: #838383;
    display: block;
    line-height: 40px;
    cursor: pointer;
    font-size: 16px;
    background: #fff;
}

.sideLeft ul.menu li:first-child a {
    border-top-left-radius: 10px;
}

.sideLeft ul.menu li:last-child a {
    border-top-right-radius: 10px;
}

.sideLeft ul.menu li a:hover, .sideLeft ul.menu li a.dq {
    background: #d7000f;
    color: #fff;
}

.sideLeft ul.menu li:last-child {
    border-right: 0;
}


.dq-nr {
    width: 100%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}

.dq-nr .sel {
    width: 300px;
    margin-left: 10px;
    float: left;
    position: relative;
    margin-top: 10px;
}

.dq-nr .select {
    width: 99%;
    float: left;
    position: relative;
    cursor: pointer;
    border: 1px solid #ddd;
    height: 28px;
}

.dq-nr .select ul {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 28px;
    left: -1px;
    display: none;
    border: 1px solid #ddd;
}

.dq-nr .select ul li {
    font-size: 12px;
    text-align: center;
    padding: 0 5px;
    border-bottom: 1px solid #f5f5f5;
    color: #666;
    cursor: pointer;
    line-height: 30px;
    display: block;
}

.dq-nr .select ul li:hover, .dq-nr .select ul li.dq {
    color: #d7000f;
    font-weight: bold;
}

.dq-nr .select ul li:last-child {
    border-bottom: none;
}

.dq-nr .selected {
    width: 80%;
    background: #fff;
    float: left;
    text-indent: 10px;
    line-height: 28px;
    color: #333;
    font-size: 12px;
}

.dq-nr .select .carat {
    float: right;
    background: url(../images/select-icon.svg) no-repeat 14px 10px;
    width: 30px;
    height: 28px;
}

.dq-nr .select .carat.dq {
    background: url(../images/selectdq-icon.svg) no-repeat 14px 10px;
}

.dq-nr .select.sma {
    width: 150px;
    float: right;
}

.sel-game {
    width: 126px;
    float: left;
    border: 1px solid #ddd;
    color: #333;
    font-size: 12px;
    line-height: 28px;
    padding-left: 10px;
    cursor: pointer;
    background: url(../images/select-icon.svg) no-repeat 120px 10px;
    position: relative;
}

.sel-game.dq {
    background: url(../images/selectdq-icon.svg) no-repeat 120px 10px;
}

.sel-search {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.dq-nr input[type="search"] {
    width: 298px;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 0px;
    font-size: 12px;
    outline: 0px;
    height: 30px;
    -webkit-appearance: none;
    line-height: 28px;
    text-indent: 10px;
    background: url(../images/search.svg) no-repeat 275px 7px;
}

.dq-nr .time {
    font-size: 12px;
    color: #333;
    line-height: 24px;
    float: left;
}

.dq-nr .time span {
    color: #d7000f;
}

.dq-nr .date {
    float: right;
    width: 150px;
    border: 1px solid #ddd;
}

.dq-nr input[type="text"] {
    float: left;
    width: 100%;
    border: 0;
    font-size: 12px;
    outline: 0px;
    -webkit-appearance: none;
    line-height: 26px;
    height: 28px;
    text-indent: 10px;
    background: url(../images/datetime.svg) no-repeat 128px 7px;
    cursor: pointer;
    color: #333;
}

.select {
    width: 100%;
    height: 30px;
}

select {
    outline: 0px;
    -webkit-appearance: none;
    width: 100%;
    border: 1px solid #646464;
    font-size: 14px;
    line-height: 32px;
    height: 32px;
    background: url(../images/down.png) no-repeat right #fff;
}

.show-game {
    position: absolute;
    display: none;
    left: -25px;
    top: 40px;
    width: 375px;
    color: #666;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 10px;
    z-index: 2
}

.show-game:before, .show-game:after {
    content: '';
    border: 8px solid transparent;
    position: absolute;
    left: 90px;
    top: -16px;
}

.show-game:before {
    border-bottom-color: #646464;
}

.show-game:after {
    border-bottom-color: #fff;
}

.sidetable {
    width: 300px;
    float: left;
    font-size: 12px;
    margin-left: 10px;
    padding-bottom: 20px;
}

.sidetable ul li {
    width: 100%;
    float: left;
    line-height: 27px;
    margin-top: 10px;
    cursor: pointer;
    color: #333;
}

.sidetable ul li.tit {
    color: #222;
    font-size: 16px;
    text-align: left;
    padding-left: 5px;
    cursor: default;
    margin-top: 20px;
}

.sidetable ul li.tit i {
    font-size: 18px;
}

.sidetable ul li.tits {
    font-size: 16px;
    text-align: left;
    padding-left: 5px;
    cursor: default;
    margin-top: 20px;
}

.sidetable ul li.tits a {
    font-size: 18px;
    display: block;
    background: #eee;
    color: #222;
}

.sidetable ul li.tits a:hover {
    background: #ccc;
    color: #333;
}

.sidetable ul li.disabled {
    color: #999;
    cursor: default;
}

.sidetable ul li span.matchtime {
    float: left;
    width: 98px;
    padding: 0 5px;
}

.sidetable ul li span.game {
    float: left;
    width: 175px;
}

.sidetable ul li span.game i.homename {
    float: left;
    width: 67px;
    text-align: right;
    height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidetable ul li span.game i.vs {
    float: left;
    text-align: center;
    width: 30px;
    font-size: 14px;
}

.sidetable ul li span.game i.guestname {
    float: left;
    text-align: left;
    width: 67px;
    height: 27px;
    line-height: 27px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sidetable ul li span.count {
    float: left;
    width: 16px;
    height: 14px;
    margin-top: 6px;
    line-height: 14px;
    border-radius: 2px;
    text-align: center;
    color: #EA4437;
    background: #FFE0E0;
}

.sidetable ul ol li:hover {
    background: #eee;
}

.sidetable ul li.disabled:hover {
    background: #fff;
}

.sidetable ul li.dq {
    background: #ccc;
    color: #333;
}

/*情报 */
.qingbao {
    float: left;
    width: 100%;
    background: #fff;
    margin-bottom: 20px;
}
.qingbao ul {
    width:96%;
    float: left;
    position: relative;
    padding: 15px 0;
    background: #fff;
    border: 1px solid #eee;
     border-radius: 6px;
     margin-left: 2%;
    margin-top: 20px;
}

.qingbao ul li {
    float: left;
    margin: 0 3%;
    width: 94%;
}

.qingbao ul li span.gametime {
    color: #969696;
    float: left;
    line-height: 20px;
    width: 100%;
}

.qingbao ul li span.gametime i {
    float: left;
    margin-right: 8px;
}

.qingbao ul li span.gametime img {
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-top: 2px;
    float: left;
    margin-right: 8px;
}

.qingbao ul li span.gametime i.more {
    float: right;
    margin-right: 0px;
}

.qingbao ul li span.gameteam {
    float: left;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}

.qingbao ul li span.gameteam i {
    color: #fff;
    font-size: 12px;
    border-radius: 2px;
    width: 20px;
    line-height: 20px;
    height: 20px;
    text-align: center;
    margin-right: 15px;
    float: left;
}

.qingbao ul li span.gameteam i.zhu {
    background: #d7000f;
}

.qingbao ul li span.gameteam i.ke {
    background: #1B99E8;
}

.qingbao ul li span.gameteam i.zhong {
    background: #34A853;
}

.qingbao ul li span.gameteam span.title {
    font-size: 14px;
    color: #101010;
    line-height: 22px;
    float: left;
}

.qingbao ul li span.gameteam span.text {
    color: #646464;
    max-height: 40px;
    overflow: hidden;
    float: left;
    width: auto;
    min-width: 700px;
    margin-top: 5px;
    margin-left: 35px;
}

.qingbao ul li span.gameteam:last-child {
    border-bottom: 0;
}

.qingbao ul span.pic {
    position: absolute;
    right: 0px;
    width: 80px;
    top: 25px;
}

.qingbao ul span.pic img {
    width: 80px;
}

.qingbao ul li.nodata {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #646464;
    margin-top: 40px;
    padding-bottom: 40px;
    background: url(../images/nodata.svg) no-repeat top center;
}

.qingbao ul li.nodata i {
    float: left;
    width: 100%;
    padding-top: 140px;
}

/*情报详情 */
.qingbao-show {
    float: left;
    width: 100%;
    background: #fff;
}

.qingbao-show ul {
    padding-bottom:10px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.qingbao-show ul li {
    float: left;
}
.qingbao-show ul li.tofenxi{ text-align: center;  width: 100%;}
.qingbao-show ul li.tofenxi a{color: #fff; display:inline-block;    background:#1B99E8; border-radius: 5px; line-height: 30px;  padding:0 15px;}
.qingbao-show ul li.gametime {
    width: 100%;
    color: #969696;
}

.qingbao-show ul li.gametime span {
    width: 226px;
    margin: 0 auto;
    border-top: 2px solid #d7000f;
    text-align: center;
    line-height: 52px;
    display: block;
}

.qingbao-show ul li.game {
    width: 100%;
    position: relative;
}

.qingbao-show ul li.game img {
    width: 60px;
    height: 60px;
    float: left;
    vertical-align: top;
}

.qingbao-show ul li.game .gameteam {
    width: 100%;
    float: left;
    line-height: 60px;
}

.qingbao-show ul li.game .gameteam i.vs {
    color: #969696;
    font-size: 24px;
    width: 70px;
    text-align: center;
    float: left;
    font-family: 'myFirstFont';
}

.qingbao-show ul li.game .gameteam i.score {
    float: left;
    width: 70px;
    color: #d7000f;
    text-align: center;
    font-size: 40px;
    font-family: 'myFirstFont';
}

.qingbao-show ul li.game .gameteam b {
    font-weight: normal;
    float: left;
    color: #323232;
    width: 200px;
    font-size: 24px;
}

.qingbao-show ul li.game .gameteam b.teamHome {
    text-align: right;
    margin-left: 30px;
    padding-right: 10px;
}

.qingbao-show ul li.game .gameteam b.teamAway {
    text-align: left;
    padding-left: 10px;
}

.qingbao-show ul li.gameScore {
    width: 330px;
    margin-top: 10px;
    float: left;
    text-align: right;
    font-size: 14px;
    color: #999;
    line-height: 26px;
    margin-left: 70px;
}

.qingbao-show ul li.gameScore.mt-30 {
    margin-top: 30px;
}

.qingbao-show ul li.gameScore.odd {
    text-align: left;
    margin-left: 10px;
}

.qingbao-show ul li.gameScore i {
    width: 68px;
    display: inline-block;
    text-align: center;
    color: #666;
    background: #eee;
}

.qingbao-show ul li.gameScore span {
    width: 68px;
    display: inline-block;
    margin-left: 8px;
    margin-right: 5px;
    text-align: left;
}

.qingbao-show ul li.gameScore span.long {
    width: 75px;
    text-align: center;
    margin-right: 0px;
    margin-left: 0px;
}

.qingbao-show ul li.gameScore span em {
    display: inline-block;
    color: #333;
    text-align: left
}

.qingbao-show ul li.gameScore span em:first-child {
    padding-right: 12px;
}

.showlist {
    float: left;
    width: 94%;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #eee;
    margin-top: 20px;
     margin: 20px 3% 0 3%;
}

.showlist .nosee {
    width: 770px;
    margin: 15px auto;
    background: url(../images/noseeqb.png) no-repeat top;
    height: 230px;
    text-align: center;
    cursor: pointer
}

.showlist .nosee span {
    float: left;
    margin-top: 105px;
    font-size: 18px;
    margin-left: 20px;
}

.showlist .nosee img {
    float: left;
    margin-top: 80px;
    margin-left: 50px;
}

.showlist.home {
    width: 390px;
}

.showlist.guest {
    width: 390px;
    float: right;
}

.qb-title {
    float: left;
    width: 100%;
}

.qb-title span.zhong {
    background: #F5A623;
    color: #fff;
    width: 90px;
    line-height: 28px;
    margin: 0 auto;
    text-align: center;
    display: block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.showlist  .qb-title span.home {
    background: #d7000f;
    color: #fff;
    width: 90px;
    line-height: 28px;
    margin: 0 auto;
    text-align: center;
    display: block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.showlist .qb-title span.guest {
    background: #1b99e8;
    color: #fff;
    width: 90px;
    line-height: 28px;
    margin: 0 auto;
    text-align: center;
    display: block;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.showlist ul {
    float: left;
    width: 100%;
    margin-top: 10px;
    padding-bottom: 20px;
}

.showlist ul li {
    margin: 0 3%;
    width: 94%;
    float: left;
    font-size: 14px;
    color: #646464;
    border-left: 1px solid #eee;
    padding: 15px 0;
}

.showlist ul li i {
    float: left;
    width: 3px;
    height: 3px;
    background: #F5A623;
    border-radius: 3px;
    margin-left: -2px;
    margin-top: 17px;
}

.showlist.home ul li i {
    background: #d7000f;
}

.showlist ul li i {
    background: #1b99e8;
}

.showlist ul li span {
    float: left;
    margin-left: 12px;
    width: 98%;
}

.showlist ul li span.title {
    float: left;
    margin-left: 12px;
    width: 98%;
    line-height: 17px;
    color: #101010;
}

.showlist ul li span.title em {
    display: inline-block;
    border-radius: 2px;
    padding: 0 5px;
    color: #fff;
    font-size: 12px;
    margin-right: 5px;
}

.showlist ul li span.title em.exclusive {
    display: inline-block;
    border: 1px solid #d7000f;
    border-radius: 2px;
    padding: 0 5px;
    color: #d7000f;
    font-size: 12px;
    margin-right: 5px;
}

.showlist ul li span.text {
    float: left;
    margin-left: 12px;
    width: 98%;
    line-height: 20px;
    font-size: 14px;
    color: #646464;
    margin-top: 5px;
}

.showlist ul li:last-child {
    padding-bottom: 0;
}
.showlist ul li:first-child {
    padding-top: 0;
}
.showlist .gamevs {
    float: left;
    width: 100%;padding: 10px 0;
}

.showlist .gamevs img {
    width: 30px;
    height: 30px;
    display: inline-block;
}

.showlist .gamevs span {
    font-size: 16px;
    color: #d7000f;
    display: block;
    font-weight: normal;
    line-height: 30px; padding-left:20px;
}

.showlist ul img {
    margin: 0 auto;
    display: block;
}

/*发布情报*/
.addqingbao {
    float: left;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: relative;
}

.radio-type {
    position: relative;
    float: left;
    margin-top: 20px;
    width: 94%;
    padding: 0 3%;
    color: #333;
}

.radio-type span {
    float: left;
    line-height: 32px;
    margin-right: 20px;
}

.radio-type ul {
    float: left;
}

.radio-type ul li {
    width: 90px;
    color: #333;
    text-align: center;
    line-height: 30px;
    float: left;
    margin-right: 20px;
    border: 1px solid #ddd;
    cursor: pointer;
}

.radio-type ul li.dq, .radio-type ul li:hover {
    color: #d7000f;
    border: 1px solid #d7000f;
}

.radio-type ul li.more {
    border: 0;
    width: auto;
    padding-left: 10px;
    margin-right: 0px;
    background: #fff;
}

.radio-type ul li.more a {
    color: #999;
    display: block;
    background: #fff;
}

.radio-type ul li.more:hover, .radio-type ul li.more.dq {
    text-decoration: underline;
    background: #fff;
}

.all-game {
    position: absolute;
    right: 3%;
    top: 45px;
    width: 94%;
    color: #666;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 10px;
    display: none;
}

.all-game:before, .all-game:after {
    content: '';
    border: 8px solid transparent;
    position: absolute;
    right: 55px;
    top: -16px;
}

.all-game:before {
    border-bottom-color: #646464;
}

.all-game:after {
    border-bottom-color: #fff;
}

.rowgame {
    float: left;
    width: 100%;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 30px;
}

.rowgame ul {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.rowgame ul li {
    float: left;
    width: 90px;
    margin-left: 20px;
    margin-right: 0px;
    margin-top: 20px;
    cursor: pointer;
    border: 1px solid #ddd;
    line-height: 30px;
    text-align: center;
    color: #969696;
}

.rowgame ul li:hover, .rowgame ul li.dq {
    color: #d7000f;
    border: 1px solid #d7000f;
}

.saishi1 {
    width: 94%;
    padding: 0 3%;
    float: left;
    overflow: hidden;
}

.saishi1 table {
    width: 100%;
    float: left;
    font-size: 14px;
    margin-top: 30px;
}

.saishi1 table thead {
    background: #f5f5f5;
    color: #666;
    line-height: 40px;
}

.saishi1 table thead th {
    font-weight: normal;
    border-right: 1px solid #fff;
}

.saishi1 table thead th em {
    color: #999;
}

.saishi1 table td {
    line-height: 60px;
    text-align: center;
    border-top: 1px solid #ddd;
}

.saishi1 table td span {
    width: 33.3%;
    text-align: center;
    float: left;
    height: 60px;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}

.saishi1 table td span:last-child {
    border: 0;
}

.saishi1 table tr td span.dq {
    background: #fdf19f;
}

.saishi1 table td i.home, .saishi1 table td i.guest {
    width: 45%;
    float: left;
}

.saishi1 table td i.home {
    text-align: right
}

.saishi1 table td i.guest {
    text-align: left;
}

.saishi1 table td i.count {
    width: 10%;
    float: left;
    color: #999;
}

.saishi1 table tr:hover {
    background: #fffee6;
    cursor: pointer;
}

.saishi1 table thead tr:hover {
    background: #f5f5f5;
    cursor: auto;
}

.saishi1 table tr td em {
    color: #D7000F
}

.addqblist {
    float: left;
    width: 100%;
    height: 620px;
    overflow: auto;
}

.sideLeft .nav {
    line-height: 60px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #e8e8e8
}

.sideLeft .nav span {
    font-size: 14px;
    font-size: 14px;
    color: #646464;
    padding-left: 20px;
}

.addqblist ol .tit {
    display: none;
}

.addqblist ol .tit:first-child {
    display: block;
}

.addqblist .tit {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.addqblist .tit span {
    margin-left: 20px;
    color: #333;
}

.addqblist ol {
    float: left;
    width: 300px;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
    margin-left: 20px;
}

.addqblist ol:last-child {
    border-bottom: 0;
}

.addqblist li {
    float: left;
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
}

.addqblist li a {
    display: block;
    color: #333;
    line-height: 20px;
}

.addqblist li i {
    float: left;
}

.addqblist li em {
    background: #ddd;
    width: 1px;
    height: 12px;
    margin: 4px 6px;
    float: left;
}

.addqblist li span {
    float: left;
    width: 82%;
}

.addgame {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.addgame .gametop {
    width: 100%;
    float: left;
    padding: 15px 0 30px 0;
}

.addgame span.gametime {
    width: 100%;
    float: left;
    color: #969696;
    text-align: center;
    line-height: 52px;
}

.addgame span.game {
    width: 100%;
    float: left;
    line-height: 60px;
}

.addgame span.game img {
    width: 60px;
    height: 60px;
    float: left;
    vertical-align: top;
}

.addgame span.game i.vs {
    color: #969696;
    font-size: 24px;
    width: 130px;
    text-align: center;
    float: left;
    font-family: 'myFirstFont';
}

.addgame span.game b {
    font-weight: normal;
    float: left;
    color: #323232;
    width: 240px;
    font-size: 24px;
}

.addgame span.game b.teamHome {
    text-align: right;
    margin-left: 30px;
    padding-right: 10px;
}

.addgame span.game b.teamAway {
    text-align: left;
    padding-left: 10px;
}

.addgame .editText {
    width: 94%;
    float: left;
    margin: 0 3%;
    border-top: 1px solid #E8E8E8;
    padding-top: 20px;
}

.addgame .editText .radio {
    width: 100%;
    float: left;
}

.addgame .editText .radio.mt-20 {
    margin-top: 20px;
}

.addgame .editText .radio span, .addgame .editText .radios i {
    color: #666;
    float: left;
    line-height: 40px;
    width: 80px;
    margin-left: 40px;
}

.addgame .editText .radios i {
    line-height: 20px;
}

.addgame .editText .radio ul {
    float: left;
    width: 84%;
}

.addgame .editText .radio ul li {
    float: left;
    width: 80px;
    border-radius: 2px;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    color: #696969;
    margin-right: 10px;
    line-height: 38px;
    text-align: center;
}

.addgame .editText .radio ul li:hover, .addgame .editText .radio ul li.dq {
    color: #D7000F;
    border: 1px solid #D7000F;
    cursor: pointer;
}

.addgame .editText .radio.sma ul li {
    line-height: 28px;
    width: 40px;
}

.addgame .editText .radios {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.addgame .editText .radios span.cke_skin_kama {
    float: left;
    width: 82%;
}

.addgame .editText textarea {
    width: 82%;
    float: left;
    height: 180px;
    resize: none;
    text-indent: 5px;
    text-align: justify;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333;
}

.addgame .editText textarea.long {
    height: 118px
}

.addgame .editText input {
    width: 82%;
    float: left;
    line-height: 40px;
    text-indent: 5px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333;
}

.addgame .editText .button {
    float: left;
    width: 82%;
    margin-top: 20px;
    padding-bottom: 20px;
}

.addgame .editText .button input {
    float: left;
    width: 60px;
    font-size: 14px;
    margin-left: 10px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    outline: 0;
    border: none;
}

.addgame .editText .button input.add {
    background: #D7000F;
    color: #fff;
    margin-left: 120px;
}

.addgame .editText .button input.cancel {
    background: #fff;
    color: #969696;
}

.addgame .editText .button input.add:hover {
    background: #b0000d;
}

.addgame1 .editText .button input.cancel:hover {
    color: #D7000F;
}

/*发布推荐*/
.saishi {
    width: 94%;
    padding: 0 3%;
    float: left;
    overflow: hidden;
}

.saishi table {
    width: 100%;
    float: left;
    font-size: 14px;
    margin-top: 30px;
}

.saishi table thead {
    background: #f5f5f5;
    color: #666;
    line-height: 30px;
}

.saishi table thead th {
    font-weight: normal;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.saishi table thead th em {
    color: #999;
}

.saishi table thead th span {
    width: 33.3%;
    text-align: center;
    float: left;
    height: 30px;
}

.saishi table td {
    line-height: 60px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.saishi table td span {
    width: 33.3%;
    text-align: center;
    float: left;
    height: 60px;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}

.saishi table td span:last-child {
    border: 0;
}

.saishi table tr td span.dq {
    background: #fdf19f;
}

.saishi table td i.home, .saishi table td i.guest {
    width: 45%;
    float: left;
}

.saishi table td i.home {
    text-align: right
}

.saishi table td i.guest {
    text-align: left;
}

.saishi table td i.count {
    width: 10%;
    float: left;
    color: #999;
}

.saishi table td:nth-child(4), .saishi table td:nth-child(5), .saishi table td:nth-child(6) {
    background: #f5f5f5;
    border-right: 1px solid #fff;
}

.saishi table td span.long {
    background: #fff;
}

.saishi table tr:hover {
    background: #fffee6;
}

.saishi table tr:hover td span.long {
    background: #fffee6;
}

.saishi table tr:hover td:nth-child(4), .saishi table tr:hover td:nth-child(5), .saishi table tr:hover td:nth-child(6) {
    background: #fef7c5;
}

.saishi table tr:hover td span.dq {
    background: #fdf19f;
}

.saishi table thead tr:hover {
    background: #f5f5f5;
}

.saishi table td span {
    cursor: pointer;
}

.saishi table td span.long, .saishi table td span.no {
    cursor: auto;
}

.saishi table tr.nohover {
    display: none;
}

.saishi table tr.nohover, .saishi table tr.nohover:hover, .saishi table tr.nohover span, .saishi table tr.nohover:hover td, .saishi table tr.nohover:hover td span.long {
    background: #fff;
    cursor: auto;
    color: #999;
}

.addgame1 {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.addgame1 .gametop {
    width: 100%;
    float: left;
    padding: 15px 0 30px 0;
    border-bottom: 1px solid #E8E8E8;
}

.addgame1 span.gametime {
    width: 100%;
    float: left;
    color: #969696;
    text-align: center;
    line-height: 52px;
}

.addgame1 span.game {
    width: 100%;
    float: left;
    line-height: 60px;
}

.addgame1 span.game img {
    width: 60px;
    height: 60px;
    float: left;
    vertical-align: top;
}

.addgame1 span.game i.vs {
    color: #969696;
    font-size: 24px;
    width: 12%;
    text-align: center;
    float: left;
    font-family: 'myFirstFont';
}

.addgame1 span.game b {
    font-weight: normal;
    float: left;
    color: #323232;
    width: 36%;
    font-size: 24px;
}

.addgame1 span.game b.teamHome {
    text-align: right;
    margin-left: 30px;
    padding-right: 10px;
}

.addgame1 span.game b.teamAway {
    text-align: left;
    padding-left: 10px;
}

.addgame1 .editText {
    margin: 0 auto;
    width: 580px;
}

.addgame1 .play-radio {
    width: 500px;
    float: left;
    text-align: center;
}

.addgame1 .play-radio span {
    color: #969696;
    float: left;
    width: 80px;
    line-height: 26px;
    text-align: right;
    margin-top: 10px;
}

.addgame1 .play-radio ul {
    float: left;
    width: 360px;
    margin-top: 10px;
}

.addgame1 .play-radio ul li {
    float: left;
    width: 100px;
    background: #f0f0f0;
    line-height: 26px;
    margin-left: 20px;
    color: #969696;
    border-radius: 2px;
    margin-bottom: 10px;
}

.addgame1 .play-radio ul i {
    float: left;
    margin-left: 10px;
}

.addgame1 .play-radio ul em {
    float: right;
    margin-right: 20px;
    color: #646464;
}

.addgame1 .play-radio ul li.nobg {
    background: #fff;
    color: #969696;
}

.addgame1 .play-radio ul li.nobg em {
    color: #999;
    width: 100%;
    text-align: center;
    margin-right: 0;
}

.addgame1 .play-radio ul li:hover, .addgame1 .play-radio ul li.dq {
    background: #ea4236;
    color: #fff;
    cursor: pointer;
}

.addgame1 .play-radio ul li:hover em, .addgame1 .play-radio ul li.dq em {
    color: #fff;
}

.addgame1 .play-radio ul li.nobg:hover, .addgame1 .play-radio ul li.nobg:hover em {
    background: #fff;
    cursor: auto;
    color: #999;
}
.addgame1 .play-radio ul li.nobg.dq{  background: #fff;
    color: #969696;    cursor: auto;}
.addgame1 .radio-zhuma {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.addgame1 .radio-zhuma span {
    color: #666;
    float: left;
    margin-left: 40px;
    width: 70px;
    line-height: 40px;
    text-align: right
}

.addgame1 .radio-zhuma ul {
    float: left;
    margin-left: 10px;
}

.addgame1 .radio-zhuma ul li {
    float: left;
    width: 148px;
    margin-right: 10px;
    line-height: 38px;
    border: 1px solid #eee;
    border-radius: 2px;
    color: #333;
    text-align: center;
}

.addgame1 .radio-zhuma ul li:hover, .tuijian-show .radio-zhuma ul li.dq {
    border: 1px solid #EA4335;
    color: #EA4335;
    cursor: pointer;
}

.addgame1 .radios {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.addgame1 .radios span {
    color: #969696;
    float: left;
    width: 80px;
    line-height: 26px;
    text-align: right
}

.addgame1 .radios span.text {
    color: #ea4236;
    float: left;
    line-height: 26px;
    width: auto;
    font-size: 12px;
    text-align: left;
    margin-left: 10px;
}

.addgame1 .radios span.text a {
    font-size: 14px;
    color: #333;
    padding-left: 5px;
}
.addgame1 .radios .tit {
    float: left;
    width: 360px;
    margin-left: 20px;
    margin-top: 10px;
}
.addgame1 .radios .tit input {
    width: 100%;
    float: left;
    line-height: 30px;
    text-indent: 5px;
    border: 1px solid #ddd;
    font-size: 14px;
    color: #333;
}

.addgame1 .radios #divDemo {
    float: left;
    width: 360px;
    margin-left: 10px;
    margin-left: 100px;
    margin-top: 10px;
}

.mui-switch {
    width: 35px;
    margin-top: 5px;
    margin-left: 20px;
    float: left;
    cursor: pointer;
}

.mui-switch i {
    background: url(../images/switch.svg) no-repeat left;
    width: 26px;
    height: 16px;
    background-size: 100%;
    display: inline-block
}

.mui-switch.dq i {
    background: url(../images/switch-dq.svg) no-repeat left;
    transition: left 0.3s;
}

.addgame1 .editText .button {
    float: left;
    width: 82%;
    margin-top: 20px;
    padding-bottom: 20px;
}

.addgame1 .editText .button input {
    float: left;
    width: 60px;
    font-size: 14px;
    margin-left: 20px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    outline: 0;
    border: none;
}

.addgame1 .editText .button input.add {
    background: #D7000F;
    color: #fff;
    margin-left: 100px;
}

.addgame1 .editText .button input.cancel {
    background: #fff;
    color: #969696;
}

.addgame1 .editText .button input.add:hover {
    background: #b0000d;
}

.addgame1 .editText .button input.cancel:hover {
    color: #D7000F;
}

/*推荐*/
/*推荐首页*/
.tjleft{float: left;width: 745px;}
.tjright{float: right;width:368px;}
.tjsection {  width: 100%; float: left; border-radius: 8px; border: 1px solid   #E8E8E8; margin-top: 20px; }
.bangdan-img{float: left;width: 100%;}
.bangdan-menu{float: left;width: 70%;border-bottom: 1px solid  #E8E8E8;text-align:center; padding: 15px 15%;}
.bangdan-menu span{  text-align:center;background:#F7F8F9;color:#646464; width: 50%; float: left;font-size:13px; line-height:30px; cursor:pointer; }
.bangdan-menu span.dq,.bangdan-menu span:hover{ display:inline-block; background:#EF4030;color:#fff}
.bangdan-menu span:first-child{ border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.bangdan-menu span:last-child{ border-bottom-right-radius: 4px;border-top-right-radius: 4px;}

.hottit{float: left; border-bottom:1px solid #E8E8E8;width:100%;border-radius:8px;border-bottom-left-radius:0; border-bottom-right-radius:0;}
.hottit i.line{float: left;width:3px;height:16px;background:#EF4030;margin-left:3%;margin-top:18px;}
.hottit span{float: left;line-height:52px;color:#141313;font-size:16px;margin-left:10px;}
.bdlist{float: left;width: 100%; }
.bdlist ul{ float: left; width: 23%; margin-left: 2.4%;border: 1px solid #E8E8E8; border-radius: 8px;margin-top: 10px;min-height: 342px; }
.bdlist ul li{float: left;width: 94%; border-bottom: 1px solid #E8E8E8; margin:0 3%; padding: 10px 0;height: 40px;}
.bdlist ul li.title{float: left;width: 100%; margin: 0; font-size: 18px; text-align: center; color: #FF5554;padding-top: 15px;height:25px;}
.bdlist ul li span.userpic{float: left; width: 40px; height: 40px; margin-right: 5px; position: relative;}
.bdlist ul li span.userpic img{ width: 40px;height: 40px; border-radius: 40px;}
.bdlist ul li span.userpic .rec{ position: absolute; text-align: center; top:-2px; left: 25px;background:#FF5554; border: 1px solid #fff; color: #fff; font-size: 10px; width: 14px; height: 14px; border-radius: 14px; line-height: 14px;}
.bdlist ul li span.username{float: left; width: 55%;}
.bdlist ul li span.username em{float: left; font-size: 11px; color: #666; line-height: 18px;}
.bdlist ul li span.username em.name{ color: #373737;font-size: 14px;line-height: 20px;width: 100%; }
.bdlist ul li span.usermark{float: right; text-align: right;color: #999; font-size: 11px; }
.bdlist ul li span.usermark em{ font-size: 11px; color: #999;line-height: 18px;}
.bdlist ul li span.usermark em.count{ color: #FF5554;font-size: 18px;line-height: 20px;display:block;}
.bdlist ul li span.usermark em.reccount{ color: #FF5554;line-height: 40px;font-size: 15px; }
.bdlist ul li span.usermark em.reccount em{font-size: 18px; color: #FF5554;}
.bdlist ul li.more{float: left;font-size:12px;  text-align:center;border-bottom:0;height:25px; }
.bdlist ul li.more a{color:#383838; display:block; }
.bdlist ul li.more em{ width:6px;height:11px;display:inline-block;background: url(../images/more.png) no-repeat center; margin-left:5px;}
.bdlist ul li.more a:hover{color:#DB2D21;}
.bdlist ul li.nobd{float: left;font-size:14px;  text-align:center;color:#666;}
.bdlist ul li.nobd.h1{line-height:40px;height:40px}
.bdlist ul li.nobd.h2{line-height:100px;height:100px}
.bdlist ul li.nobd.h3{line-height: 160px;height: 160px}
.bdlist ul li.nobd.h4{line-height: 220px;height: 220px; border-bottom: 0;}
.bdlist ul:first-child{ margin-left: 0;}
.bdlist ul.bdhot{float: left;width: 100%; margin: 0; border-radius: 0;border:0}
.bdlist ul.bdhot li{padding: 15px 0;}
.bdlist ul.bdhot li.more{height:25px;}
.bdlist ul li span.usermark em.count1{ color: #999;font-size: 11px;line-height: 20px;display:block;}
.bdlist ul li span.usermark em.count1 em{color: #FF5554;font-size: 18px; display: inline-block; }
.bdlist ul li span.usermark em.count2{ color: #FF5554;font-size: 18px;line-height: 20px;display:block;}
.bdlist ul li span.username em.level{margin-top: 2px; display: inline-block; margin-left: 8px; background: #FFE8E6; color: #EF4030; font-size: 10px; line-height: 20px; border-radius: 4px; padding: 0 5px;}
.bdlist ul li span.username em.analyst{margin-top: 2px;}
.tuijian-play {float: left;width: 100%;background: #fff;  margin:0px 0 5px 0; border-top-left-radius:4px; border-top-right-radius:4px; }
.tuijian-play .choosePlay {float: left; margin-top:12px;margin-left:3%;font-size: 12px;padding-bottom: 10px;}
.tuijian-play .choosePlay a {float: left; width:80px; text-align:center;border-radius:4px; color: rgba(100, 100, 100, 1);background:rgba(250, 250, 250, 1);margin-right:10px; line-height:30px;}
.tuijian-play .choosePlay a.dq {color: #fff;background:#EF4030;}
.tuijian-play .choosePlay a:hover {background:rgba(215, 0, 15, 1);color: #fff;}
.tuijian-play .choosePlay a:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.tuijian-play .choosePlay a.dq:before {-webkit-transform: scaleX(0);transform: scaleX(0);}

.tuijian-play .right {float: right; margin-right:3%;}
.tuijian-play .selects {float: left;width:76px;margin-top: 14px;margin-right:10px;position: relative;}
.tuijian-play .selects a {float: left;display: block;color:rgba(100, 100, 100, 1);width: 90px;line-height: 30px;background: rgba(250, 250, 250, 1);font-size: 12px;text-align: center;border-radius: 4px;}
.tuijian-play .selects a i {background: url(../images/select-icon.svg) no-repeat;background-size: 8px;display: inline-block;width: 8px;height: 8px;margin-left: 2px;vertical-align: top;margin-top: 12px;}
.tuijian-play .selects a.dq, .tuijian-play .selects a:hover {color: #d7000f;}
.tuijian-play .selects a.dq i, .tuijian-play .selects a:hover i {background: url(../images/selectdq-icon.svg) no-repeat;background-size: 8px;}
.tuijian-play .selects ul {position: absolute;border: 1px solid #e8e8e8;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);box-shadow: 0 2px 6px rgba(0, 0, 0, .1);background: #fff;top: 30px;left: -5px;width:100px;border-bottom-right-radius: 2px;border-bottom-left-radius: 2px;z-index: 2;display: none;}
.tuijian-play .selects ul li {float: left;width: 100%;line-height: 30px;text-align: center;cursor: pointer;font-size: 14px;}
.tuijian-play .selects ul li:hover,.tuijian-play .selects ul li.dq {background: rgba(215, 0, 15, 1);color: #fff; border-radius:6px;}

.tuijian-play .right a.myFocus {border-radius: 4px; margin-left:10px;width:118px;color:rgba(100, 100, 100, 1);line-height: 30px;float: left;margin-top: 14px;background: rgba(250, 250, 250, 1);font-size: 12px;}
.tuijian-play .right a.myFocus em {background: url(../images/fouced.svg) no-repeat center;width:18px;height: 18px;float: left;margin-top: 5px;margin-left:5px;margin-right:5px;display: inline-block;}
.tuijian-play .right a.myFocus:hover, .tuijian-play .right a.myFocus.dq {color: #d7000f;}
.tuijian-play .right a.myFocus:hover em, .tuijian-play .right a.myFocus.dq em {background: url(../images/fouced-dq.svg) no-repeat center;}

.tuijian {float: left;width: 94%;padding:0 3%; padding-bottom:15px;}
.tuijian ul {margin-bottom: 15px;width:100%;float: left;position: relative;background: #fff;border-radius: 6px; border: 1px solid #E8E8E8; padding-bottom:10px; }
.tuijian ul li {float: left;width:94%; padding:0 3%}
.tuijian  .nodata {float: left;width: 100%;text-align: center;font-size: 16px;color: #646464;margin-top: 40px;padding-bottom: 40px;background: url(../images/nodata.svg) no-repeat top center;}
.tuijian  .nodata i {float: left;width: 100%;padding-top: 140px;}
.tuijian ul li.usertitle {margin-top: 20px;display: block;border-bottom:1px solid #F1F1F1;position: relative;padding-bottom: 10px;cursor: pointer;}
.tuijian ul li.usertitle span.username {float: left;margin-right: 10px;cursor: pointer; position:relative;}
.tuijian ul li.usertitle span.username img {float: left;width: 40px;height: 40px;border-radius:42px;}
.tuijian ul li.usertitle span.username em.level img {width: 15px;height: 16px;border-radius: 0;position: absolute;left: 28px;top: 28px;}
.tuijian ul li.usertitle span.usermark {float: left;width: 70%;line-height: 20px;}
.tuijian ul li.usertitle span.usermark i.nickname {float: left;width: 100%;font-size: 14px;color:#323232;}
.tuijian ul li.usertitle span.usermark i.analyst {float: left;width: 100%;color:#666;  line-height: 20px;margin-top: 2px;}
.tuijian ul li.usertitle span.usermark i.analyst em.level{float: left; margin-right: 10px;font-size: 11px;}
.tuijian ul li.usertitle span.usermark i.analyst em.levelLabel{float: left; height: 16px; background: #FFE8E6;
    color: #EF4030;
    font-size: 10px;
    line-height:16px;
    border-radius: 4px;
    padding: 0 5px; margin-top: 2px;}
.tuijian ul li.usertitle span.usermark i.nickname.h {margin-top: 15px;}
.tuijian ul li.usertitle span.usermark i.nickname em {float: left;margin-right: 5px;}
.tuijian ul li.usertitle span.usermark i.nickname em.name {float: left; font-size: 14px;color:#323232;}
.tuijian ul li.usertitle span.usermark i.nickname em.rec{float: left; margin-top: 2px; height: 16px;font-size: 10px; background: #EF4030; color: #fff; border-radius:4px; line-height: 16px; padding: 0 5px;}


.tuijian ul li.usertitle span.usermark i.redcount{float: left;margin-top:2px;border:1px solid #F96153;color:#F96153;border-radius:8px;line-height:16px;font-size:12px;padding:0 5px;}
.tuijian ul li.usertitle span.remark{float:right;color: #999;font-size:11px; text-align: center;}
.tuijian ul li.usertitle span.remark i {color: #FF5554;display: block; font-size: 18px;}
.tuijian ul li.usertitle span.remark i.redrec{font-size:15px;}
.tuijian ul li.usertitle span.remark i.redrec em{font-size: 18px;}
.tuijian ul li.content, .tuijian ul li.modecontent {float: left;cursor: pointer; position: relative;}
.tuijian ul li.content span.left{float: left; width:75%}
.tuijian ul li.content span.right{float: right; width:20%}
.tuijian ul li.modecontent span {float: left;width: 100%;}
.tuijian ul li  .time { float: left; width: 100%;color: #999; font-size: 10px; padding-top: 8px;}
.tuijian ul li  .time em{ padding-right: 8px;}
.tuijian ul li .slogo{font-size: 16px;color:#222;float: left;width: 100%;margin-top: 10px;}
.tuijian ul li .team{ float: left;width:100%;color: #999;font-size:12px; margin-top:10px;background:rgba(247, 247, 247, 1); }
.tuijian ul li .team i{ float: left;padding:0 15px;line-height:33px; }
.tuijian ul li .team i.playtype{ font-size:14px;color:#F96153; border-right:1px solid #f1f1f1;}
.tuijian ul li .team i.vs{ font-size:14px;color:#333;  }
.tuijian ul li .team i.vs em{ color: #999;}
.tuijian ul li.content span.result{ position: absolute; right: 3%;  bottom:5px; width:100px; margin-top:30px;text-align:center;}
.tuijian ul li.content span.result img{ width:60px;}

.tuijian ul li.bottom {float: left; color: #999; font-size:12px;  margin-top: 10px;}
.tuijian ul li.bottom  span.readcount{   float: left; width: 33.3%}
.tuijian ul li.bottom  span.readcount i {display: inline-block;width: 18px;height:22px; vertical-align:top; background: url(../images/readcount.svg) no-repeat left center;background-size: 15px}
.tuijian ul li.bottom .pbtime { float: left; width: 33.3%; height: 20px; line-height:20px; background: url(../images/time.png) no-repeat left center;background-size: 12px;text-indent: 20px;}
.tuijian ul li.bottom .pinglun { float: left; width: 33.3% ;height: 20px;line-height:20px; text-align: center; background: url(../images/pinglun_icon.png) no-repeat center;background-size: 12px; text-indent: 60px;}
.tuijian ul li.bottom span.payfor{float: right;color:#EF4030;   }
.tuijian ul li.bottom span.payfor em{float: left; width:20px; height:20px; background:url(../images/Shape_icon.png) no-repeat center; background-size:10px;}
.tuijian ul li.bottom span.payfor.no{float: right;  color:#333;   }

/*热门专家*/
.hot-experts {float: left;width: 100%;  }
.hot-experts .choosePlay {float: left; width:93.6%; padding:15px 3%;font-size: 14px;border-radius:4px;background: #fff; border:1px solid #E8E8E8;  }
.hot-experts .choosePlay a {float: left; width:95px; text-align:center;border-radius:4px; color: #646464;background:#FAFAFA;margin-right:10px; line-height:30px;}
.hot-experts .choosePlay a.dq,.hot-experts .choosePlay a:hover  {color: #fff;background:#EF4030;}
.hot-experts .choosePlay a:hover:before {-webkit-transform: scaleX(1);transform: scaleX(1);}
.hot-experts .choosePlay a.dq:before {-webkit-transform: scaleX(0);transform: scaleX(0);}

.hotlist1{float: left;width: 100%;}
.hotlist1 ul{float: left;width: 100%;}
.hotlist1 ul li{ width:21.3%; position: relative; float:left;border-radius:2px; cursor:pointer;background: #fff;margin:15px 2% 0 0;border:1px solid #E8E8E8; font-size: 12px; padding:10px 1%}
.hotlist1 ul li:nth-child(4n){ margin-right:0px;}
.hotlist1 ul li:hover{-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);box-shadow: 0 2px 6px rgba(0, 0, 0, .2); }
.hotlist1 ul li span.userpic{float: left;width:48px;text-align:center;}
.hotlist1 ul li span.userpic img { width:48px;height: 48px;border-radius: 48px; }
.hotlist1 ul li span.nickname{float: left;width: 45%;margin-left: 5px;}
.hotlist1 ul li span.nickname i{float: left;width: 100%;color: #999;}
.hotlist1 ul li span.nickname i em{float: left; margin-right: 5px;}
.hotlist1 ul li span.nickname i.name{ color: #333; font-size: 16px;}
.hotlist1 ul li span.nickname i.nicktype em.fouced{ color: #FF5554;background: url(../images/jgz_icon.png) no-repeat left center; background-size:12px; text-indent: 15px; }
.hotlist1 ul li span.nickname i.nicktype em.fouced.dq{ color:#333;background: url(../images/ygz_icon.png) no-repeat left center; background-size:12px;  }
.hotlist1 ul li span.remark{ color: #999; text-align: center; position: absolute; right: 2%;  top:8px;}
.hotlist1 ul li span.remark em{ display: block; color: #FF5554; font-size: 18px;}
.hotlist1 ul li span.usertxts{float: left;width: 100%; color: #787878; font-size: 16px; height: 45px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.hotlist1  .nodata {float: left;width: 100%;text-align: center;font-size: 16px;color: #646464;margin-top:10px;padding-bottom: 20px;background: url(../images/nodata.svg) no-repeat center #fff;}
.hotlist1 .nodata i {float: left;width: 100%;padding-top:200px;}
.hotlist{float: left;width: 100%;}
.hotlist ul{float: left;width: 100%;}
.hotlist ul li{ width:23.3%; float:left;border-radius:2px;background: #fff;margin:15px 2% 0 0;border:1px solid #E8E8E8; }
.hotlist ul li:nth-child(4n){ margin-right:0px;}
.hotlist ul li:hover{-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);box-shadow: 0 2px 6px rgba(0, 0, 0, .2); }
.hotlist ul li span.userpic{float: left;width: 100%;margin-top:15px;text-align:center;}
.hotlist ul li span.userpic img { width:74px;height: 74px;border-radius: 74px; }
.hotlist ul li span.nickname{float: left;width: 100%;margin-top:5px;text-align:center; font-size:18px; color:#141313}
.hotlist ul li span.remark{float: left;width: 100%;margin-top:10px;text-align:center;  color:#F96153;}
.hotlist ul li span.remark i{ display:inline-block;border:1px solid #F96153;  border-radius:12px; line-height:22px; padding:0 10px; margin:0 10px; }
.hotlist ul li span.usertxt{float: left;width: 90%; padding:10px 5%; height:45px; overflow:hidden;font-size:16px; color:#787878;border-bottom:1px solid #E8E8E8;  }
.hotlist ul li span.userfouced{float: left;width: 70%; margin:10px 15%;border-radius:4px;   text-align:center;line-height:34px;color: #fff;background:#EF4030; font-size:16px;}
.hotlist ul li span.userfouced em{display:inline-block; padding-left:10px; }
.hotlist ul li span.userfouced.dq{background:#eee; color: #999;}
.hotlist ul li span.usermark {float: left;width:70%;}
.hotlist ul li span.usermark i.nickname {float: left; width:100%;font-size: 12px;color: #999; }
.hotlist ul li span.usermark i.nickname.h {margin-top:10px;}
.hotlist ul li span.usermark i.nickname em {float: left;margin-right: 5px;}
.hotlist ul li span.usermark i.nickname em.name {font-size: 14px;color:#141313;}
.hotlist ul li span.usermark i.nickname em.line {width: 1px;height: 14px;background: #DDDDDD;margin-top: 3px;}
.hotlist ul li span.usermark i.playcount {float: left; color: rgba(255, 82, 73, 1);line-height:16px; border:1px solid rgba(255, 82, 73, 1); border-radius:8px;margin-top:2px;font-size: 12px; padding:0 5px;}
.hotlist ul li span.remarks { position:absolute; right:10px; top:20px;color:#555555; }
.hotlist ul li span.remarks em{font-size: 12px; line-height: 30px; float:left;}
.hotlist ul li span.remarks em.red{font-family: "myFirstFont";color:#DB2D21;font-size: 24px; }
.hotlist  .nodata {float: left;width: 100%;text-align: center;font-size: 16px;color: #646464;margin-top:10px;padding-bottom: 20px;background: url(../images/nodata.svg) no-repeat center #fff;}
.hotlist .nodata i {float: left;width: 100%;padding-top:200px;}
.red-experts {float: left;width: 100%; border-radius:4px; border: 1px solid #E8E8E8; margin-top:10px; }
/*.red-experts .chooseType{float: left; width:94%; padding:0px 3%;text-align: center; font-size: 18px;  border-bottom: 1px solid #E8E8E8; }*/
/*.red-experts .chooseType a{  display:inline-block;text-align: center; padding:0 8px; font-weight: bold; margin:0 30px;line-height: 43px; color: #666; border-bottom:2px solid #fff}*/
/*.red-experts .chooseType a.dq{color:#EF4030;border-bottom: 2px solid #DB2D21 }*/
.red-experts .sel_bj{float: left; width: 10%; text-align: center; margin-top: 20px; margin-bottom: 10px; height: 96px;}
.red-experts .sel_bj .bignav{text-align: center;float: left; width:100%; font-size: 18px; border-bottom: 1px solid #E8E8E8; line-height: 43px; color: #666;}
.red-experts .sel_bj .bignav a{color: #666;}
.red-experts .sel_bj .bignav a.dq{color:#EF4030;}
.red-experts .sel_bj .smanav{float: left; width:100%;margin-top:7px; line-height:30px; }
.red-experts .sel_bj .smanav a{  display:inline-block;text-align: center;border-radius:4px; font-size: 14px; width: 70px;  background: #F7F8F9; margin-left:10px;line-height: 30px; color:#646464;  }
.red-experts .sel_bj .smanav a.dq{color:#fff; background: #EF4030; }
.red-experts .sel_bj.icon{width: 45%;}
.red-experts .sel_bj.icon:hover{ background: url(../images/sel_bj_icon.png) no-repeat top center;background-size: 312px;}
.expertslist,.expertslist ul{float: left;width: 100%;}
.expertslist .tit{float: left;width: 100%; background: rgba(250, 250, 250, 1); line-height: 30px; color: #999; text-align:center; }
.expertslist .tit span.sort {float: left;width:10%;}
.expertslist .tit span.userinfo{float: left; width:40%;text-align: left; text-indent:65px; height: 30px; }
.expertslist .tit span.remarks {float: right;width:30%;}
.expertslist .tit span.remarks em{ float: left; width: 33.3%; text-align: center;}
.expertslist .tit span.remarks.long{width:40%;}
.expertslist .tit span.remarks.long em{ width: 25%}
.expertslist ul{ background: #fff;}
.expertslist ul li {float: left;width:100%; padding: 12px 0;border-bottom: 1px solid rgba(241, 241, 241, 1);position: relative}
.expertslist ul li span.sort {float: left;width:10%; text-align:center; color:rgba(29, 26, 26, 1); font-size:14px; line-height:50px; }
.expertslist ul li span.sort img{ display:inline-block; vertical-align:middle}
.expertslist ul li span.userinfo{float: left; width:40%; position: relative;}
.expertslist ul li span.userinfo em{float: left; margin-right: 10px;  }
.expertslist ul li span.userinfo img {float: left;width:50px;height: 50px;border-radius: 50px;margin-right:15px;}
.expertslist ul li span.userinfo em.analyst{position: absolute; font-size: 12px; top:28px;  border-radius: 2px;color: #666;}
.expertslist ul li span.userinfo em.name{ color: #333; font-size: 18px;}
.expertslist ul li span.userinfo em.line{ background: #D8D8D8; width:1px; height: 15px;margin-top:4px; }
.expertslist ul li span.userinfo em.count{ color: #666; font-size: 14px;}
.expertslist ul li span.userinfo em.newrec{ color: #fff;position: absolute;
    top: 0px;
    left: 35px; font-size: 10px; background: #FF5554; text-align: center; width: 14px; height: 14px; border: 1px solid #fff; border-radius:14px; display: inline-block; line-height:14px; }
.expertslist ul li span.remarks {float: right;width:30%;text-align:center;}
.expertslist ul li span.remarks em{ float: left; width: 33.3%; text-align: center;font-family: "myFirstFont";color:#666;font-size: 30px; line-height: 50px; }
.expertslist ul li span.remarks em.red{color:#EF4030;}
.expertslist ul li span.remarks b{ font-weight: normal;font-size:16px;}
.expertslist ul li span.remarks em.userfouced{background: url(../images/gz_jgz_icon.png) no-repeat center;background-size: 60px;height: 50px;margin-top: 0px; margin-left: 0px;}
.expertslist ul li span.remarks em.userfouced.dq{background: url(../images/yiguanzhu_icon.png) no-repeat center;}
.expertslist ul li span.remarks.long{width:40%;}
.expertslist ul li span.remarks.long em{ width: 25%}
/*推荐详情*/
/*推荐详情--左侧*/
.tjshow {float: left;width: 100%;text-align:center;}
.tjshow span.userpic {display:inline-block;width:73px;height: 73px; margin-top: 20px;position: relative; text-align:center;}
.tjshow span.userpic img { display:inline-block;width:73px;height: 73px;border-radius: 73px;}
.tjshow span.userpic em.level img {width:20px;height:20px;border-radius: 0;position: absolute;left: 50px;top:52px;border: 0;}
.tjshow  span.nickname{float: left;width: 100%; text-align:center; color:#141313; font-size:22px; line-height:30px;}
.tjshow  span.levelname{float: left;width: 100%; text-align:center; color:#555; font-size:16px; line-height:30px;}
.tjshow  span.tjcount{float: left;width: 100%; text-align:center; color:#999;font-size:16px;  line-height:30px; margin-top:10px; }
.tjshow  span.tjcount i{ display:inline-block; padding:0 10px;}
.tjshow  span.tjcount i em{color:#141313; }
.showfans {float: left;width: 280px;height: 60px;border-top: 1px solid #f1f1f1;margin-top:10px; margin-left:20px; }
.showfans span {width: 33%;float: left;border-right: 1px solid #f1f1f1;margin-top: 18px;font-size: 14px;color: #555;text-align: center;}
.showfans span i {font-family: 'myFirstFont';color: #DB2D21;display: block;font-size: 24px;}
.showfans span:last-child {border-right: 0;}
.userfouced {width: 210px; float:left;margin-left:60px;line-height: 35px;margin-top: 20px;text-align: center;background: #D7000F;color: #fff;border-radius: 4px;cursor: pointer;}
.userfouced em {font-size: 22px;display: inline-block;vertical-align: top;margin-right: 2px;}
.userfouced.dq {background: #e8e8e8;color: #969696;}
.userplay{float: left;width: 94%; padding:0 3%; text-align:center; color:#141313;font-size:16px;  line-height:30px; margin-top:25px; }
.userplay i{ display:inline-block; padding:0 5px;}
.userplay i em{color:#DB2D21; }
.usertxt{ float: left;width:90%;color:#555; margin-top:5px; padding:0px 5%;font-size:16px; }
.userzs{float: left;width:100%;border-top:2px solid #f1f1f1; margin-top:20px; padding-bottom:20px;}
.userzs .tit{float: left;width:100%;font-size: 24px;color:#141313; line-height:40px;text-align: center; padding:10px 0;}
.userzs .zs{float: left; width:240px; margin-left:20px; padding:0px 20px 10px 20px; border-radius:5px;border:1px solid #f1f1f1;background:rgba(250, 250, 250, 1); }
.userzs .zs span.pic{ width:26px; height:26px;float:left; margin-top:10px;}
.userzs .zs span img{ width:100%;}
.userzs .zs span.line{ background:rgba(151, 151, 151, 1); width:26px; height:2px; float:left; margin-top:21px;}

/*推荐详情--其它推荐*/
.sidetj,.sidetj-tit{float: left;width:100%;}
.sidetj-tit{  height:50px;}
.sidetj-tit img{ width:320px; height:50px;}
.sidetj ul{float: left;width:100%;}
.sidetj ul li{float: left;width:100%; cursor: pointer;   background:#fff;border-radius:4pt  4px  0px  0px;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);box-shadow: 0 2px 6px rgba(0, 0, 0, .1); margin-top:10px; padding-bottom:15px;}
.sidetj ul li:first-child{ margin-top:5px;}
.sidetj ul li .time {color:#999;font-size: 12px;margin-top: 10px;float: left;width: 92%; padding:0 4%}
.sidetj ul li .time i {padding:0 10px; border-left:1px solid #F1F1F1}
.sidetj ul li .time i:first-child{ padding-left:0; border-left:0px;}
.sidetj ul li .time i.payfor{color:#DB2D21; font-size:14px; float:right;border-left:0px;background: url(../images/more-dq.png) no-repeat right center;background-size: 6px}
.sidetj ul li .slogo{ color:#141313;float: left; margin-top: 10px;width: 92%; padding:0 4%}
.sidetj ul li .team{ float: left;width: 100%;background:rgba(247, 247, 247, 1); color: #999999;font-size:12px; margin-top:10px;}
.sidetj ul li .team i{ float: left;padding:0 8px;line-height:33px; }
.sidetj ul li .team i.vs{  color:#555555;  }
.sidetj ul li .team i.vs em{ color: #999999;}
.sidetj ul li .team i.playtype{ color:#F96153; border-right:1px solid #f1f1f1;}

/*推荐详情--右侧*/
.tjgametop {margin-bottom: 10px;width: 100%;float: left;position: relative;background: #fff;border-radius:4px;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);box-shadow: 0 2px 6px rgba(0, 0, 0, .1);text-align:center; padding-bottom:20px; }
.tjgametop .slogo{width:94%;float: left; color:#141313; font-size:28px; line-height:30px; padding:10px 3%; margin-top:10px;text-align:left; }
.tjgametop .pushtime{width:94%;float: left; color:#999; font-size:14px; line-height:30px; padding:0 3%;border-bottom: 1px solid #f1f1f1;text-align:left;}
.tjgametop .pushtime em.readcount{   float: right;  color: #999999; font-size:12px;  }
.tjgametop .pushtime em.readcount i {display: inline-block;width: 18px;height:30px; vertical-align:top; background: url(../images/readcount.svg) no-repeat left center;background-size: 15px}
.tjgametop .game{width:100%;float: left;  font-size:14px; padding:30px 0;}
.tjgametop .game span.teamname{float: left; width:40%; text-align:center; margin-top:15px;}
.tjgametop .game span.teamname img{ display:inline-block; width:60px; height:60px;}
.tjgametop .game span.teamname em{ font-size:26px; color:#141313;float: left; width:100%; text-align:center;line-height:30px;}
.tjgametop .game span.teaminfo{float: left; width:20%; color:#999; }
.tjgametop .game span.teaminfo em{float: left; width:100%; text-align:center; font-size:16px; line-height:30px;}
.tjgametop .game span.teaminfo em.count{ font-size:24px;}
.tjgametop .game span.tofenxi{ text-align: center;  width: 100%;float: left; }
.tjgametop .game span.tofenxi a{color: #fff; display:inline-block;    background:#1B99E8; border-radius: 5px; line-height: 30px;  padding:0 15px;}

.tjgametop .gameodd{width:602px; border:1px solid #f1f1f1; display:inline-block }
.tjgametop .gameodd .playtype{ float:left; width:94px; line-height:58px;background: #DB2D21;color: #fff; text-align:center;font-size:20px;}
.tjgametop .gameodd .oddpl{ float:left; line-height:20px; font-size:14px; }
.tjgametop .gameodd .oddpl i{ float:left; width:168px; color: #999; text-align:center;height:58px;border-left: 1px solid #f1f1f1;}
.tjgametop .gameodd .oddpl i em{ color:#141313; display:block; padding-top:9px;font-size:20px;}
.tjgametop .gameodd .oddpl i.dq{background:url(../images/tjchoice.png) no-repeat top right rgba(247, 223, 224, 1); border-radius:4px;}
.tjgametop .result{width: 60px;position: absolute;top: 70px;right: 15px; }
.tjgametop .result img {width: 60px;}
/*推荐详情--推荐理由*/
.tjcontent{margin-bottom: 10px;width: 100%;float: left;position: relative;background: #fff;border-radius:4px;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);box-shadow: 0 2px 6px rgba(0, 0, 0, .1);padding-bottom:20px; }
.tjcontent .tit{float: left;width:100%; border-bottom: 1px solid #f1f1f1;}
.tjcontent .tit i.line{float: left;width:3px;height:23px;background:#DB2D21;margin-left:3%;margin-top:12px;}
.tjcontent  .tit span{float: left;line-height:47px;color:#141313;font-size:22px;margin-left:10px;}
.tjcontent .txt{float: left;width:94%; padding:20px 3%; color:#555;font-size:18px; line-height:25px;}
.tjcontent .txt.center{ text-align: center; padding: 40px 3%}
.tjcontent .txt img{max-width:100%}
.tjcontent .more{float: left;width:94%; padding:20px 3% 0 3%; color:#DB2D21;font-size:14px; line-height:25px; text-align:center;border-top: 1px solid #f1f1f1;}
.tjcontent .more a{ display:inline-block;background: url(../images/more-dq.png) no-repeat right center;background-size: 6px; padding-right:10px;color:#DB2D21;}
.tjcontent .nosee{float: left;width:94%; padding:0px 3%; color:#555;font-size:14px;text-align:center; line-height:33px; cursor: pointer;}
.tjcontent .nosee i.count{float: left;width:100%; font-size:24px; color:#F96153; margin-top:30px;}
.tjcontent .nosee i.payfor{float: left;width:100%; height:33px; font-size:18px; color:#fff; background: url(../images/nosee-icon.png) no-repeat center; text-align:center; margin-top:10px;}
.tjcontent .nosee i.redtxt{float: left;width:100%; color:#555;font-size:14px;}
.tjcontent .nosee i.redtxt em{color:#DB2D21;}

/*推荐详情--评论列表*/
.tjpinglun{margin-bottom: 10px;width:100%;float: left;position: relative;background: #fff;border-radius:4px;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);box-shadow: 0 2px 6px rgba(0, 0, 0, .1); padding-bottom:20px;  }
.pinglun-text {float: left;width:94%; padding:20px 3%;  line-height: 22px; }
.pinglun-text i {float: left;font-size: 14px;color: #282828;}
.pinglun-text i em {color: #D7000F;font-family: 'myFirstFont';font-size: 24px;}
.pinglun-text i.moreup {float: left;padding-left: 10px;color: #4A90E2;display: inline-block;line-height: 16px;margin-top: 6px;cursor: pointer;}
.pinglun-edit {float: left;width:94%; padding:20px 3%;border-bottom: 1px solid #f1f1f1; }
.pinglun-edit img {width: 30px;height: 30px;border-radius: 30px;float: left;}
.pinglun-edit input[type="text"] {float: left;width: 620px;font-size: 14px;margin-left: 10px;border-radius: 5px;cursor: pointer;line-height: 30px;height: 30px;overflow: hidden;outline: 0;border: 1px solid #e8e8e8;background: #fafafa;text-indent: 10px;}
.pinglun-edit input[type="button"] {float: left;width: 60px;font-size: 14px;margin-left: 10px;text-align: center;border-radius: 5px;cursor: pointer;line-height: 30px;height: 30px;overflow: hidden;outline: 0;border: none;background: #D7000F;color: #fff;}
.pinglun-edit input[type="button"]:disabled {background: #e8e8e8;}
.pinglun-list {float: left;width:94%; padding:0 3%;margin-top: 10px; }
.pinglun-list span.morelist {display: none;}
.pinglun-list ol {width: 100%;float: left;border-top: 1px solid #E8E8E8;padding: 15px 0;font-size: 12px;}
.pinglun-list ol:first-child {border-top: 0;}
.pinglun-list ol li {margin: 0;}
.pinglun-list ol li.pic {float: left;width: 40px;}
.pinglun-list ol img {width: 28px;height: 28px;border-radius: 28px;}
.pinglun-list ol li.text {float: left;width: 92%;color: #333;}
.pinglun-list ol span.name {color: #4A90E2;float: left;padding-right: 5px;width: auto;}
.pinglun-list ol span.time {color: #969696;float: left;width: auto;padding-left: 20px;}
.pinglun-list ol li.text p {float: left;width: 100%;color: #323232;}
.pinglun-list ol span.caozuo {float: left;margin-top: 2px;width: 100%;}
.pinglun-list ol span.caozuo em {float: left;margin-right: 15px;color: #969696;cursor: pointer;}
.pinglun-list ol span.caozuo em.huifu {color: #4A90E2;}
.pinglun-list ol span.caozuo em.dianzan,.pinglun-list ol span.caozuo em.jubao {float: right;}
.pinglun-list ol span.caozuo em i {display: inline-block;width: 13px;height: 13px;vertical-align: top;margin-top: 2px;}
.pinglun-list ol span.caozuo em.dianzan i {background: url(../images/zan.svg) no-repeat;background-size: 13px;}
.pinglun-list ol span.caozuo em.jubao i {background: url(../images/jubao.svg) no-repeat;background-size: 13px;}
.pinglun-list ol span.caozuo em:hover, .pinglun-list ol span.caozuo em.dq {color: #D7000F;}
.pinglun-list ol span.caozuo em.dianzan:hover i, .pinglun-list ol span.caozuo em.dianzan.dq i {background: url(../images/zan-dq.svg) no-repeat;background-size: 13px;}
.pinglun-list ol span.caozuo em.jubao:hover i, .pinglun-list ol span.caozuo em.jubao.dq i {background: url(../images/jubao-dq.svg) no-repeat;background-size: 13px;}
.pinglun-list ol span.caozuo em.dianzan b {font-weight: normal;}
.pinglun-list ol span.answer {background: #f5f5f5;float: left;width: 96%;padding: 5px 2%;margin-top: 5px;}
.pinglun-list ol span.answer p {padding: 2px 0;}
.tuijian-huifu {float: left;width: 100%;margin-top: 5px;}
.tuijian-huifu textarea {outline: none;text-align: justify;width: 99%;border: 0;border: 1px solid #eee;height: 80px;margin-top: 10px;margin-bottom: 10px;padding: 5px;background: #fff;font-size: 14px;word-spacing: normal;resize: none;}
.tuijian-huifu input.huifubtn, .tuijian-huifu input.huifucancle {width: 50px;margin-right: 15px;border-radius: 5px;text-align: center;float: left;font-size: 12px;line-height: 25px;outline: 0;border: none;background: #eee;color: #333;cursor: pointer;}
.tuijian-huifu input.huifubtn {background: #D7000F;color: #fff;}
.tuijian-huifu input.huifubtn:disabled {background: #e8e8e8;}
.pinglun-list .morepl {float: left;width: 100%;text-align: center;font-size: 14px;color: #646464;background: #f0f0f0;cursor: pointer;height: 40px;border-radius: 4px;margin-top: 20px;}
.pinglun-list .morepl em {width: 16px;display: inline-block;height: 40px;}
.pinglun-list .morepl i {display: inline-block;line-height: 40px;vertical-align: top;}
.pinglun-list .morepl:hover {color: #D7000F;}
.pinglun-list .morepl em {background: url(../images/more1.png) no-repeat center;transition: All 0.4s ease-in-out;-webkit-transition: All 0.5s ease-in-out;-moz-transition: All 0.5s ease-in-out;-o-transition: All 0.5s ease-in-out;}
.pinglun-list .morepl:hover em {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);background: url(../images/more2.png) no-repeat center;}
.tjmode {float: left;
    width: 94%;
    background: #fff;
    padding: 0 3%;  margin-top: 15px; }
.tjmode ul {
    margin-bottom: 15px;
    width:100%;
    float: left;
    position: relative;
    background: #fff;
    border-radius: 6px;
    border:1px solid #eee;
    padding-bottom: 20px;
}
.tjmode ul.see {
    cursor: pointer;
}

.tjmode ul li {
    float: left;
    width: 94%;
    padding: 0 3%;
}
.tjmode ul li.usertitle {margin-top: 20px;display: block;border-bottom:1px solid #F1F1F1;position: relative;padding-bottom: 10px;}
.tjmode ul li.usertitle span.username {float: left;margin-right: 10px;cursor: pointer; position:relative;}
.tjmode ul li.usertitle span.username img {float: left;width: 42px;height: 42px;border-radius:42px;}
.tjmode ul li.usertitle span.usermark {float: left;width: 70%;line-height: 20px;margin-top: 15px;font-size: 14px;color: #555;}
.tjmode ul li.content {
    position: relative;
    float: left;
}
.tjmode ul li .time {
    color: #999;
    font-size: 12px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.tjmode ul li.content span.choice {
    margin-top: 10px;
    float: left;
    width: 100%;
}

.tjmode ul li.content span.choice i {  width: 75px;  line-height: 30px;  font-size: 14px;  color: #666;  background: #E8E8E8;  border: 1px solid #E8E8E8;  border-radius: 4px;  float: left;  margin-right: 5px;  }
.tjmode ul li.content span.choice i em.first {  padding-left: 5px;  }
.tjmode ul li.content span.choice i em.last {  float: right;  padding-right: 5px;  }
.tjmode ul li.content span.choice i.no {  background: #fff;  border: 1px solid #f2f2f2;  text-align: center;  }
.tjmode ul li.content span.choice i.sma {  width: 60px;  text-align: center;  }
.tjmode ul li.content span.payfor{right: 3%;  position: absolute;  top: 40px;color: #EF4030;  font-size: 12px;line-height: 32px;}
.tjmode ul li.content span.payfor em{float: left;
    width: 20px;
    height: 32px;
    background: url(../images/Shape_icon.png) no-repeat center;
    background-size: 10px;
    margin-left: 5px;}
.tjmode ul li.content span.pic{  position: absolute;width:100px; top:15px;text-align:center; right: 3%;}
.tjmode ul li.content span.pic img{ width:60px;}
.tjmode ul li.content span.choice i.dq {  background: #DB2D21;  color: #fff;   border: 1px solid #DB2D21;  }
.tjshow-top {
    margin-bottom: 10px;
    width: 100%;
    float: left;
    position: relative;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    height: 260px;
}

.topimg {
    float: left;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.topimg img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.fans {
    float: left;
    width: 100%;
    height: 60px;
}

.fans span {
    width: 49%;
    float: left;
    border-right: 1px solid #e8e8e8;
    margin-top: 18px;
    font-size: 14px;
    color: #969696;
    text-align: center;
}

.fans span i {
    font-family: 'myFirstFont';
    color: #D7000F;
    display: block;
    font-size: 22px;
}

.fans span:last-child {
    border-right: 0;
}
　　
.tjpay {
    width: 970px;
    margin: 0 auto;
    z-index: 2;
    margin-top: -20px;
    position: relative;
}

.tjpay span {
    text-align: center;
    float: left;
    width: 100%;
    font-size: 14px;
}

.tjpay .userpic {
    margin-top: -40px;
}

.tjpay .userpic img {
    width: 115px;
    height: 115px;
    border-radius: 115px;
    border: 2px solid #fff;
}

.tjpay .userpic i {
    display: block;
    color: #646464;
}

.tjpay span.matchtime {
    line-height: 20px;
    font-size: 16px;
    color: #999;
}

.tjpay span.match {
    line-height: 20px;
    font-size: 28px;
    color: #101010;
    line-height: 50px;
}

.tjpay span.match i {
    display: inline-block;
    padding: 0 10px;
}

.tjpay span.match i.gamename1 {
    width: 350px;
    text-align: right;
    padding: 0;
}

.tjpay span.match i.gamename2 {
    width: 350px;
    text-align: left;
    padding: 0;
}

.tjpay span.match img {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
}

.tjpay span.paybox {
    float: left;
    width: 80%;
    margin-left: 10%;
    margin-top: 25px;
    display: inline-block;
    padding: 15px 0;
    border: 1px dashed #ddd;
    text-align: center;
}

.tjpay span.paybox i {
    width: 100%;
    float: left;
    text-align: center;
}

.tjpay span.paybox i.paymoney {
    width: 100%;
    color: #999;
    line-height: 30px;
}

.tjpay span.paybox i.paymoney em {
    font-size: 20px;
}

.tjpay span.paybox i em.paycode, .tjpay span.paybox i em.paycode1 {
    margin-top: 25px;
    width: 150px;
    height: 150px;
    padding: 15px;
    border: 1px solid #0C0;
    border-radius: 5px;
    display: inline-block;
}

.tjpay span.paybox i em.paycode img, .tjpay span.paybox i em.paycode1 img {
    width: 150px;
    height: 150px;
}

.tjpay span.paybox i em.paycode1 {
    border: 1px solid #00aeef;
}

.tjpay span.paybox i em.text {
    display: block;
    width: 100%;
    line-height: 24px;
    margin-top: 25px;
    font-size: 16px;
    text-align: center;
}

.tjpay span.paybox i em.text img {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.tjpay span.paybox i em.text a {
    line-height: 30px;
    display: inline-block;
    color: #fff;
    background: #00aeef;
    border-radius: 5px;
    width: 120px;
    text-align: center;
}

.tjpay span.paycode1 {
    margin-top: 20px;
    line-height: 28px;
}

.tjpay span.paycode1 em {
    font-family: 'myFirstFont';
}

.tjpay span.paycode1 img {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

.tjpay a {
    color: #ccc;
}

.tjpay a:hover {
    color: #d7000f;
}

.tjpay1 {
    width: 940px;
    margin: 0 auto;
    margin-top: 20px;
    position: relative;
    text-align: center;
}

.tjpay1 span.note {
    float: left;
    width: 100%;
    font-size: 14px;
    padding-bottom: 20px;
}

.tjpay1 span.time {
    font-size: 14px;
    color: #646464;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ddd;
    line-height: 90px;
    text-align: left;
}

.tjpay1 span.money {
    font-size: 16px;
    color: #323232;
    float: left;
    width: 100%;
    line-height: 70px;
    text-align: center;
}

.tjpay1 span.money em {
    font-size: 24px;
}

.tjpay1 span.paybox {
    border: 1px solid #ddd;
    height: 385px;
    display: inline-block;
}

.tjpay1 span.paybox i.payleft {
    float: left;
    width: 650px;
    border-right: 1px solid #ddd;
    margin-left: 35px;
    background: url(../images/zhifu-bg.png) no-repeat center right #fff;
    height: 385px
}

.tjpay1 span.paybox i.payleft em.paycode {
    margin-top: 35px;
    width: 240px;
    height: 240px;
    border: 1px solid #eee;
    float: left;
    text-align: center;
}

.tjpay1 span.paybox i.payleft em.paycode img {
    width: 160px;
    height: 160px;
    display: inline-block;
    margin-top: 40px;
}

.tjpay1 span.paybox i.payleft em.text {
    float: left;
    width: 100%;
    margin-top: 25px;
    text-align: left;
}

.tjpay1 span.paybox i.payleft em.text img {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}

.tjpay1 span.paybox i.payright {
    float: right;
    width: 124px;
    text-align: center;
    background: #F2F2F2;
    height: 385px
}

.tjpay1 span.paybox i.payright img {
    display: inline-block;
    vertical-align: top;
    margin-top: 140px;
}

.tjpay1 span.paybox i.payright a {
    line-height: 28px;
    font-size: 12px;
    display: inline-block;
    color: #fff;
    background: #00aeef;
    border-radius: 4px;
    width: 94px;
    text-align: center;
    margin-top: 20px;
}

.cjcol {
    width: 94%;
    float: left;
    padding: 15px 3%;
    border-bottom: 1px solid #e8e8e8;
    font-size: 12px;
}

.cjcol .tit {
    width: 100%;
    float: left;
    height: 20px;
    line-height: 20px;
}

.cjcol .tit span {
    font-size: 12px;
    display: inline-block;
    color: #969696;
}

.cjcol .tit a.more {
    float: right;
    display: inline-block;
    color: #969696;
    background: #e8e8e8;
    font-size: 12px;
    border-radius: 2px;
    padding: 0 5px;
}

.cjcol .tit a.more:hover {
    color: #fff;
    background: #D7000F;
}

.cjcol .tit .changlist {
    display: inline-block;
    position: relative;
}

.cjcol .tit .changlist span {
    color: #D7000F;
    font-size: 12px;
    width: 55px;
    cursor: pointer;
}

.cjcol .tit .changlist span:hover {
    color: #D7000F;
}

.cjcol .tit .changlist span.dq {
    color: #D7000F;
}

.cjcol .tit .changlist span i {
    float: right;
    background: url(../images/select-icon.svg) no-repeat left top;
    width: 8px;
    height: 8px;
    background-size: 8px;
    vertical-align: top;
    margin-top: 7px;
}

.cjcol .tit .changlist span.dq i {
    background: url(../images/selectdq-icon.svg) no-repeat left top;
}

.cjcol .tit .changeshow {
    position: absolute;
    right: 0;
    top: 30px;
    width: 60px;
    color: #666;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 4px;
    z-index: 100;
    display: none;
}

.cjcol .tit .changeshow:before, .cjcol .tit .changeshow:after {
    content: '';
    border: 6px solid transparent;
    position: absolute;
    left: 25px;
    top: -12px;
}

.cjcol .tit .changeshow:before {
    border-bottom-color: #646464;
}

.cjcol .tit .changeshow:after {
    border-bottom-color: #fff;
}

.cjcol .tit .changeshow a {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 25px;
    border-bottom: 1px solid #e8e8e8;
    display: block;
}

.cjcol .tit .changeshow a:hover, .cjcol .tit .changeshow a.dq {
    background: #D7000F;
    color: #fff;
}

.cjcol .tit .changeshow a:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.cjcol .tit .changeshow a:last-child {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.cjlist {
    width: 100%;
    text-align: center;
    float: left;
}

.cjlist span {
    width: 22%;
    float: left;
    margin-left: 2%;
    border-right: 1px solid #e8e8e8;
    color: #969696;
    font-size: 12px;
    margin-top: 20px;
}

.cjlist span i {
    display: block;
    color: #DB2D21;
    font-family: 'myFirstFont', sans-serif;
    font-size: 22px;
    padding-bottom: 10px;
}

.cjlist span:last-child {
    border: 0;
}

.tables {
    background: #e8e8e8;
    text-align: center;
    margin-top: 10px;
    width: 100%;
    float: left;
    border-radius: 4px;
}

.tables thead {
    background: #fff;
}

.tables thead th {
    color: #969696;
    background: #fff;
    font-weight: normal;
    line-height: 20px;
}

.tables tr {
    background: #fff;
}

.tables tr td {
    color: #3c3c3c;
    padding: 0;
    line-height: 25px;
}

.tables tr:nth-child(2n-1) {
    background: #fafafa
}

.tables tr td.nodata {
    color: #999;
    padding: 15px 0;
    text-align: center;
    float: none;
    width: auto;
}

.cjlian {
    background: #FAFAFA;
    margin: 0 3%;
    width: 94%;
    border-radius: 6px;
    float: left;
    font-size: 12px;
    border: 1px solid #e8e8e8;
}

.cjlian ul {
    float: left;
    width: 100%;
}

.cjlian ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #E8E8E8;
    padding: 6px 0;
}

.cjlian ul li span {
    display: inline-block;
    color: #3c3c3c;
    line-height: 16px;
    padding-left: 10px;
}

.cjlian ul li i {
    float: right;
    color: #969696;
    display: inline-block;
    padding: 0 4px;
}

.cjlian ul li i em {
    color: #D7000F;
    font-size: 14px;
}

.cjlian ul li:last-child {
    border-bottom: 0;
}

.cjlian ul li:last-child i {
    color: #3c3c3c;
}

.cjnodata {
    width: 100%;
    text-align: center;
    float: left;
    line-height: 100px;
}

/*近10场推荐走势*/
.zoushi {
    background: #FAFAFA;
    border: 1px solid #e8e8e8;
    margin: 15px 3%;
    width: 94%;
    border-radius: 6px;
    float: left;
    color: #969696;
    padding: 5px 0;
    text-align: center;
}

.zoushi .yuan {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
}

.zoushi i:last-child {
    margin-left: 10px;
}

.zoushi span {
    margin-right: -8px;
    display: inline-block;
}

.zoushi span img {
    width: 25px;
    margin-top: 5px;
}

/*大数据*/
.datamenu {
    width: 100%;
    float: left;
}

.datamenu ul li {
    float: left;
    width: 155px;
    margin-bottom: 10px;
}

.datamenu ul li a {
    display: block;
    line-height: 58px;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    background: #fff;
}

.datamenu ul li i.line {
    display: inline-block;
    background: #fff;
    width: 6px;
    height: 30px;
    vertical-align: top;
    margin-top: 14px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.datamenu ul li a {
    color: #323232;
}

.datamenu ul li a:hover i.line, .datamenu ul li a.dq i.line {
    background: #D7000F;
}

.datamenu ul li i.ya, .datamenu ul li i.pl, .datamenu ul li i.bl, .datamenu ul li i.tp, .datamenu ul li i.jx, .datamenu ul li i.pw, .datamenu ul li i.jy, .datamenu ul li i.yc {
    width: 45px;
    height: 26px;
    display: inline-block;
    vertical-align: top;
    margin-top: 17px;
    background: url(../images/ya.svg) no-repeat right;
    margin-right: 10px;
}

.datamenu ul li i.pl {
    background: url(../images/pl.svg) no-repeat right;
}

.datamenu ul li i.bl {
    background: url(../images/bl.svg) no-repeat right;
}

.datamenu ul li i.tp {
    background: url(../images/tp.svg) no-repeat right;
}

.datamenu ul li i.jx {
    background: url(../images/jx.svg) no-repeat right;
}

.datamenu ul li i.pw {
    background: url(../images/pw.svg) no-repeat right;
}

.datamenu ul li i.jy {
    background: url(../images/jy.svg) no-repeat right;
}

.datamenu ul li i.yc {
    background: url(../images/yc.svg) no-repeat right;
}

.datacode {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #666;
}

.datacode img {
    width: 170px;
    height: 170px;
    margin-top: 20px;
}

.datacode span {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 60px;
}

.datalink {
    width: 220px;
    float: left;
    padding-left: 50px;
    margin-top: 10px;
}

.datalink a {
    font-size: 18px;
    color: #666666;
    line-height: 30px;
}

.datalink a.iphone {
    background: url(../images/iphone1.png) no-repeat left center;
    float: left;
}

.datalink a.iphone:hover {
    background: url(../images/iphone1-dq.png) no-repeat left center;
    color: #d7000f;
}

.datalink a.android {
    background: url(../images/android1.png) no-repeat left center;
    float: right;
}

.datalink a.android:hover {
    background: url(../images/android1-dq.png) no-repeat left center;
    color: #d7000f;
}

.datalink a i {
    padding-left: 35px;
}

.datatit {
    width: 100%;
    float: left;
    border-bottom: 1px solid #E8E8E8;
}

.datatit span.tit {
    float: left;
    font-size: 14px;
    color: #D7000F;
    line-height: 60px;
    padding-left: 8px;
}

.datatit i.yuan {
    float: left;
    border: 1px solid #D7000F;
    border-radius: 10px;
    width: 10px;
    height: 10px;
    margin: 5px;
}

.datatit .change {
    float: left;
    margin-top: 15px;
    margin-left: 10px;
    font-size: 12px;
}

.datatit .change a {
    float: left;
    width: 82px;
    line-height: 30px;
    background: #E8E8E8;
    border-radius: 4px;
    margin-left: 15px;
    color: #646464;
    text-align: center;
}

.datatit .change a:hover, .datatit .change a.dq {
    background: #D7000F;
    color: #fff;
}

.datatit .change.sma a {
    width: 56px;
}

.datatit .change.sma.rights {
    float: right;
    margin-right: 30px;
}

.datatit .change.sma1 a {
    width: 70px;
}

.datatit .change1 {
    float: right;
    margin-top: 15px;
    margin-right: 30px;
    font-size: 12px;
    position: relative;
}

.datatit .change1 a {
    float: left;
    width: 67px;
    line-height: 30px;
    background: #E8E8E8;
    border-radius: 4px;
    margin-left: 15px;
    color: #646464;
    text-align: center;
}

.datatit .change1 a[name="dataTime"] {
    width: 107px;
}

.datatit .change1 i {
    background: url(../images/select-icon.svg) no-repeat;
    background-size: 8px;
    display: inline-block;
    width: 8px;
    height: 8px;
    vertical-align: top;
    margin-top: 12px;
    margin-left: 2px;
}

.datatit .change1 a.dq, .datatit .change1 a:hover {
    color: #d7000f;
}

.datatit .change1 a.dq i {
    background: url(../images/selectdq-icon.svg) no-repeat;
    background-size: 8px;
}

.dataType {
    position: absolute;
    border: 1px solid #e8e8e8;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    background: #fff;
    top: 30px;
    left: 15px;
    width: 67px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    z-index: 2;
    display: none;
}

.dataType ul {
    float: left;
    width: 100%;
    font-size: 12px;
}

.dataType ul li {
    float: left;
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

.dataType ul li.dq, .dataType ul li:hover {
    background: #d7000f;
    color: #fff;
}

.dataTime {
    position: absolute;
    border: 1px solid #e8e8e8;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    background: #fff;
    top: 30px;
    left: 97px;
    width: 105px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    z-index: 2;
    display: none;
}

.dataTime ul {
    float: left;
    width: 100%;
    font-size: 12px;
}

.dataTime ul li {
    float: left;
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #e8e8e8;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

.dataTime ul li.dq, .dataTime ul li:hover {
    background: #d7000f;
    color: #fff;
}

/*亚盘助手*/
.yapList {
    width: 100%;
    background: #fff;
    float: left;
    padding-bottom: 10px;
}

.yapList:last-child {
    padding-bottom: 0px;
}

.yapList span {
    display: block;
}

.yapList .teamGame {
    width: 770px;
    float: left;
    line-height: 20px;
    position: relative;
    margin-left: 30px;
}

.yapList .playgame {
    font-size: 14px;
    color: #101010;
    display: block;
    margin-top: 10px;
    line-height: 25px;
}

.yapList .playgame i {
    color: #969696;
    display: inline-block;
    padding: 0 5px;
}

.yapList .playgame img {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: top;
    padding: 0 5px;
}

.yapList .playtime {
    font-size: 12px;
    color: #969696;
    display: block;
    margin-top: 10px;
}

.yapList .count {
    position: absolute;
    right: 30px;
    top: 20px;
    text-align: center;
    width: auto;
    color: #646464;
}

.yapList .count i {
    display: inline-block;
    color: #fff;
    width: 86px;
    line-height: 34px;
    text-align: center;
    border-radius: 4px;
    margin-left: 5px;
}

.yapList .count i img {
    display: inline-block;
    width: 10px;
    margin-right: 5px;
    vertical-align: top;
    margin-top: 10px;
}

.yapList .yapan {
    float: left;
    margin-top: 10px;
    width: 770px;
    position: relative;
    margin-left: 30px;
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 20px;
}

.yapList .yapan span {
    float: left;
    color: #969696;
    width: 100%;
    line-height: 25px;
}

.yapList .yapan span i {
    float: left;
}

.yapList .yapan span i.cp {
    width: 60px;
    height: 20px;
    margin-left: -6px;
}

.yapList .yapan span i em {
    float: left;
    width: 50px;
    text-align: center;
    color: #141414;
}

.yapList .yapan span i em.big {
    width: 80px;
}

.yapList .yapan span i.big1 em {
    width: 57px;
    text-align: left
}

.yapList .yapan span i em img {
    display: inline-block;
    width: 10px;
    vertical-align: top;
    margin-top: 5px;
}

.yapList span.yachange {
    position: absolute;
    bottom: 20px;
    width: auto;
    right: 30px;
    text-align: center;
    color: #646464;
}

.yapList span.yachange i {
    display: inline-block;
    line-height: 25px;
    padding-left: 20px;
    float: none;
}

.yapList span.yachange i em {
    display: inline-block;
    width: auto;
    float: none;
    padding: 0 5px;
}

.yapList:last-child .yapan {
    border-bottom: 0;
}

/*赔率异常*/
.yapList span.plchange {
    position: absolute;
    bottom: 20px;
    width: auto;
    right: 30px;
    text-align: center;
}

.yapList span.plchange span {
    width: 85px;
    float: left;
    text-align: center;
    color: #323232;
}

.yapList span.plchange span i {
    display: block;
    line-height: 20px;
    width: 100%;
}

.yapList span.plchange img {
    display: inline-block;
    width: 10px;
    vertical-align: top;
    margin-top: 2px;
    margin-right: 4px;
}

.yapList p.nodata {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #646464;
    margin-top: 40px;
    padding-bottom: 40px;
    background: url(../images/nodata.png) no-repeat top center;
}

.yapList p.nodata i {
    float: left;
    width: 100%;
    padding-top: 120px;
}

/*爆冷*/
.blList {
    width: 100%;
    background: #fff;
    float: left;
}

.blList ul li {
    width: 770px;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    margin-left: 30px;
    color: #969696;
    height: 134px;
}

.blList .playgame {
    float: left;
    width: 70%;
    color: #101010;
    margin-top: 15px;
}

.blList .playgame img {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: top;
    padding-right: 5px;
}

.blList .playtime {
    float: left;
    width: 70%;
    font-size: 12px;
    margin-top: 10px;
}

.blList .playvs {
    float: left;
    width: 70%;
    margin-top: 5px;
}

.blList .playvs i {
    display: inline-block;
    padding: 0 5px;
}

.blList .playpl {
    float: left;
    width: 70%;
    margin-top: 5px;
}

.blList .playpl i {
    float: left;
    padding-right: 10px;
}

.blList .playpl i.cp {
    margin-left: -6px;
    padding-right: 5px;
}

.blList .rights {
    text-align: center;
    margin-top: 30px;
    width: 100px;
    position: absolute;
    right: 30px;
}

.blList .clip {
    width: 60px;
    height: 60px;
    margin: 0 auto;
    display: block;
    text-align: center;
    border-radius: 30px;
    position: relative;
}

.blList i.clip-yuan {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    clip: rect(0 60px 60px 20px);
}

.blList i.clip-text {
    width: 60px;
    height: 60px;
    line-height: 52px;
    box-sizing: border-box;
    margin: 4px auto;
    color: #d7000f;
    font-size: 26px;
    font-family: myFirstFont;
    background-color: #fff;
    border-radius: 50%;
    position: relative;
    display: inline-block;
}

.blList .text {
    width: 100%;
    float: left;
    color: #969696;
    margin-top: 10px;
}

.blList .text i {
    padding: 0 5px;
}

.blList ul li:last-child {
    border-bottom: 0;
}

.blList ul li.nodata {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #646464;
    margin-top: 40px;
    padding-bottom: 40px;
    background: url(../images/nodata.svg) no-repeat top center;
}

.blList ul li.nodata i {
    float: left;
    width: 100%;
    padding-top: 140px;
}

/*历史同赔*/
.tpList {
    width: 100%;
    background: #fff;
    float: left;
}

.tpList ul li {
    width: 770px;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    margin-left: 30px;
    color: #969696;
    height: 114px;
}

.tpList .playgame {
    float: left;
    width: 70%;
    color: #101010;
    margin-top: 15px;
}

.tpList .playgame img {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: top;
    padding: 0 5px;
}

.tpList .playgame i {
    padding: 0 5px;
    color: #969696;
}

.tpList .playtime {
    float: left;
    width: 70%;
    font-size: 12px;
    margin-top: 10px;
}

.tpList .playvs {
    float: left;
    width: 70%;
    margin-top: 5px;
}

.tpList .playvs i {
    display: inline-block;
    padding: 0 5px;
}

.tpList .playpl {
    float: left;
    width: 70%;
    margin-top: 5px;
}

.tpList .playpl i {
    float: left;
    padding-right: 10px;
}

.tpList .playpl i.cp {
    margin-left: -6px;
    padding-right: 5px;
}

.tpList .playpl i em {
    float: left;
    color: #141414;
    padding-right: 10px;
}

.tpList .rights {
    text-align: right;
    margin-top: 30px;
    width: 150px;
    position: absolute;
    right: 30px;
}

.tpList .rights .clip {
    border-radius: 4px;
    color: #fff;
    width: 32px;
    height: 32px;
    line-height: 32px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    margin-bottom: 25px;
}

.tpList .rights .text {
    font-size: 14px;
    color: #323232;
    display: block;
    margin-top: 10px;
}

.tpList .rights .text i {
    padding-left: 5px;
}

.tpList ul li:last-child {
    border-bottom: 0;
}

.tpList ul li.nodata {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #646464;
    margin-top: 40px;
    padding-bottom: 40px;
    background: url(../images/nodata.svg) no-repeat top center;
}

.tpList ul li.nodata i {
    float: left;
    width: 100%;
    padding-top: 140px;
}

/*极限拐点*/
.jxList {
    width: 100%;
    background: #fff;
    float: left;
}

.jxList ul li {
    width: 770px;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    margin-left: 30px;
    color: #969696;
    height: 105px;
}

.jxList .playtime {
    float: left;
    width: 70%;
    font-size: 12px;
    margin-top: 10px;
}

.jxList .playgame {
    float: left;
    width: 70%;
    color: #101010;
    margin-top: 8px;
}

.jxList .playgame img {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: top;
    padding: 0 5px;
}

.jxList .playgame i {
    padding: 0 5px;
    color: #969696;
}

.jxList .playpl {
    float: left;
    width: 70%;
    margin-top: 8px;
}

.jxList .playpl i {
    float: left;
    padding-right: 10px;
}

.jxList .playpl i.cp {
    margin-left: -6px;
    padding-right: 5px;
}

.jxList .playpl i em {
    float: left;
    color: #141414;
    padding-right: 10px;
}

.jxList ul li:last-child {
    border-bottom: 0;
}

.jxList .plchange {
    width: 161px;
    margin-top: 40px;
    position: absolute;
    right: 15px;
}

.jxList .plchange span {
    width: 80px;
    float: left;
    text-align: center;
    color: #646464;
    font-size: 12px;
}

.jxList .plchange span i {
    display: block;
    margin-bottom: 3px;
}

.jxList .plchange span.line {
    float: left;
    width: 1px;
    background: #e8e8e8;
    height: 48px;
}

.jxList .plchange em {
    font-size: 26px;
    line-height: 30px;
    font-family: myFirstFont;
}

.jxList ul li.nodata {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #646464;
    margin-top: 40px;
    padding-bottom: 40px;
    background: url(../images/nodata.svg) no-repeat top center;
}

.jxList ul li.nodata i {
    float: left;
    width: 100%;
    padding-top: 140px;
}

/*盘王*/
.pwtit {
    width: 100%;
    background: #e8e8e8;
    float: left;
    line-height: 28px;
    font-size: 12px;
    color: #969696;
}

.pwtit span.first {
    width: 440px;
    float: left;
    margin-left: 30px;
}

.pwtit span.second {
    width: 80px;
    float: left;
    text-align: center;
}

.pwtit span.last {
    width: 60px;
    float: right;
    text-align: center;
    margin-right: 30px;
}

.pwList {
    width: 100%;
    background: #fff;
    float: left;
}

.pwList ul li {
    width: 770px;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    margin-left: 30px;
    color: #969696;
    height: 106px;
}

.pwList .lefts {
    float: left;
    width: 440px;
}

.pwList .playgame {
    float: left;
    width: 100%;
    color: #101010;
    margin-top: 10px;
}

.pwList .playgame img {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: top;
    padding-right: 5px;
}

.pwList .playtime {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-top: 8px;
}

.pwList .playvs {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.pwList .playvs i {
    display: inline-block;
    padding: 0 5px;
}

.pwList .playpl {
    float: left;
    width: 100%;
    margin-top: 5px;
}

.pwList .playpl i {
    float: left;
    padding-right: 10px;
}

.pwList .playpl i.cp {
    margin-left: -6px;
    padding-right: 5px;
}

.pwList .league {
    width: 80px;
    float: left;
    text-align: center;
    color: #323232;
    line-height: 126px;
}

.pwList .rights {
    text-align: center;
    margin-top: 10px;
    width: 60px;
    position: absolute;
    right: 30px;
}

.pwList .clip {
    width: 60px;
    height: 50px;
    margin: 0 auto;
    display: block;
    text-align: center;
    position: relative;
}

.pwList i.clip-yuan {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
}

.pwList i.clip-text {
    width: 60px;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    margin: 4px auto;
    color: #d7000f;
    font-size: 26px;
    font-family: myFirstFont;
    background-color: #fff;
    position: relative;
    display: inline-block;
}

.pwList .clip.shu i.clip-text {
    color: #84B528;
}

.pwList .text {
    width: 100%;
    float: left;
    color: #969696;
    margin-top: 5px;
}

.pwList .text i {
    padding: 0 10px;
}

.pwList ul li:last-child {
    border-bottom: 0;
}

.pwList ul li.nodata {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #646464;
    margin-top: 40px;
    padding-bottom: 40px;
    background: url(../images/nodata.svg) no-repeat top center;
}

.pwList ul li.nodata i {
    float: left;
    width: 100%;
    padding-top: 140px;
}

/*交易冷热*/
.jytit {
    width: 100%;
    background: #e8e8e8;
    float: left;
    line-height: 28px;
    font-size: 12px;
    color: #969696;
}

.jytit i {
    width: 770px;
    float: left;
    margin-left: 30px;
}

.jytit span {
    width: 20%;
    float: left;
    text-align: right
}

.jytit span.first {
    width: 36%;
    text-align: left
}

.jyList {
    width: 100%;
    background: #fff;
    float: left;
}

.jyList ul li {
    width: 770px;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    margin-left: 30px;
    color: #969696;
    height: 145px;
    line-height: 30px;
}

.jyList .lefts {
    width: 36%;
    float: left;
}

.jyList .playgame {
    float: left;
    width: 100%;
    color: #101010;
}

.jyList .playgame img {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: top;
    padding-right: 5px;
}

.jyList .playtime {
    float: left;
    width: 100%;
    font-size: 12px;
    padding: 5px 0;
}

.jyList .ping {
    float: left;
    width: 100%;
    margin-top: 5px;
    color: #969696;
}

/*.jyList .ping i{ padding-left:32px;}*/
.jyList .cjtext, .jyList .jytext, .jyList .zjytext, .jyList .zjytext1 {
    width: 20%;
    float: left;
    text-align: right;
    margin-top: 40px;
    color: #323232;
}

.jyList .cjtext i, .jyList .jytext i {
    float: left;
    width: 100%;
}

.jyList .zjytext {
    margin-top: 70px;
}

.jyList .zjytext1 i {
    float: left;
    width: 100%;
}

.jyList ul li:last-child {
    border-bottom: 0;
}

.jyList ul li.nodata {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #646464;
    margin-top: 40px;
    padding-bottom: 40px;
    background: url(../images/nodata.svg) no-repeat top center;
}

.jyList ul li.nodata i {
    float: left;
    width: 100%;
    padding-top: 140px;
}

/*投注异常*/
.tztit {
    width: 100%;
    background: #e8e8e8;
    float: left;
    line-height: 28px;
    font-size: 12px;
    color: #969696;
}

.tztit i {
    width: 770px;
    float: left;
    margin-left: 30px;
}

.tztit span {
    width: 15%;
    float: left;
    text-align: center
}

.tztit span.first {
    width: 40%;
    text-align: left
}

.tzList {
    width: 100%;
    background: #fff;
    float: left;
}

.tzList ul li {
    width: 770px;
    float: left;
    border-bottom: 1px solid #E8E8E8;
    position: relative;
    margin-left: 30px;
    color: #969696;
    height: 115px;
    line-height: 25px;
}

.tzList .lefts {
    width: 40%;
    float: left;
}

.tzList .playgame {
    float: left;
    width: 100%;
    color: #101010;
    margin-top: 10px;
}

.tzList .playgame img {
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: top;
    padding-right: 5px;
}

.tzList .playtime {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-top: 10px;
}

.tzList .pltext, .tzList .gltext, .tzList .bltext, .tzList .wctext {
    width: 15%;
    float: left;
    text-align: center;
    color: #969696;
    margin-top: 40px;
}

.tzList .pltext i {
    float: left;
    width: 100%;
    margin-top: 10px;
    line-height: 20px
}

.tzList .gltext, .tzList .bltext, .tzList .wctext {
    line-height: 60px;
}

.tzList ul li:last-child {
    border-bottom: 0;
}

.tzList ul li.nodata {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #646464;
    margin-top: 40px;
    padding-bottom: 40px;
    background: url(../images/nodata.svg) no-repeat top center;
}

.tzList ul li.nodata i {
    float: left;
    width: 100%;
    padding-top: 140px;
}

/*意见反馈*/
.form-section {
    width: 600px;
    margin: 20px auto;
    float: left;
    margin-left: 270px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    padding-bottom: 20px;
}

.form-section .tit {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #666;
    text-align: center;
    line-height: 60px;
}

.form-section span.li {
    font-size: 18px;
    color: #323232;
    float: left;
    width: 100%;
    margin-top: 18px;
}

.form-section span.li i {
    width: 4px;
    height: 24px;
    background: #D7000F;
    float: left;
    display: inline-block
}

.form-section span.li em {
    float: left;
    line-height: 24px;
    margin-left: 20px;
}

.form-section label {
    float: left;
    width: 100%;
}

.form-section label textarea.area1 {
    margin-left: 30px;
    width: 538px;
    float: left;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    height: 180px;
    resize: none;
    text-indent: 5px;
    text-align: justify;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    color: #333;
    margin-top: 20px;
}

.form-section label span.pics {
    border: 1px solid #e8e8e8;
    border-top: 0;
    width: 538px;
    float: left;
    margin-left: 30px;
    padding: 20px 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.form-section label span.pics a {
    float: left;
    width: 65px;
    height: 65px;
    margin-left: 20px;
    position: relative;
    background: url(../images/nopic.png)
}

.form-section label span.pics img {
    width: 65px;
    height: 65px;
    margin-left: 20px;
    float: left;
}

.form-section label span.pics input.uploadAvatar {
    width: 65px;
    height: 65px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
    outline: none;
}

.form-section label span {
    float: left;
    color: #666;
    line-height: 35px;
    margin-left: 30px;
    width: 80px;
    text-align: right;
}

.form-section label i {
    float: left;
    color: #ccc;
    font-size: 12px;
    margin-left: 20px;
    line-height: 35px;
    display: block;
}

.form-section label input {
    margin-left: 20px;
    width: 240px;
    float: left;
    border-radius: 5px;
    background: #f0f0f0;
    line-height: 35px;
    height: 35px;
    text-indent: 10px;
    border: 0;
    outline: 0;
}

.form-section label p {
    font-size: 12px;
    display: block;
    float: left;
    padding-left: 130px;
    margin-top: 40px;
    color: #ccc;
}

.form-section label span.big {
    width: 110px;
    margin-left: 0;
}

.form-section label textarea.area2 {
    width: 400px;
    float: left;
    margin-left: 20px;
    border-radius: 5px;
    height: 180px;
    resize: none;
    text-indent: 5px;
    text-align: justify;
    border: 1px solid #e8e8e8;
    font-size: 14px;
    color: #333;
}

.form-section label span.pic1 {
    float: left;
    width: 50%;
    margin-left: 110px;
}

.form-section label span.pic1 a {
    float: left;
    width: 70px;
    height: 70px;
    margin-left: 20px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}

.form-section label span.pic1 span {
    width: 70px;
    text-align: center;
    color: #ccc;
    font-size: 12px;
    position: absolute;
    left: -30px;
    top: 0;
    height: 70px;
}

.form-section label span.pic1 span.card1 {
    background: url(../images/pic1.png) no-repeat center;
}

.form-section label span.pic1 span.card2 {
    background: url(../images/pic2.png) no-repeat center;
}

.form-section label span.pic1 span.card3 {
    background: url(../images/pic3.png) no-repeat center;
}

.form-section label span.pic1 span img {
    width: 70px;
    height: 70px;
}

.form-section label span.pic1 input.uploadAvatar {
    width: 50px;
    height: 70px;
    position: absolute;
    top: 0;
    left: -20px;
    opacity: 0;
    cursor: pointer;
    outline: none;
}

.form-section label span.error {
    float: left;
    color: #D7000F;
    text-align: left;
    width: auto;
}

.form-section span.li.mt-30 {
    margin-top: 30px;
}

.form-section .button {
    float: left;
    padding-bottom: 20px;
    margin-left: 30px;
    margin-top: 40px;
}

.form-section .button.bt1 {
    margin-left: 130px;
    margin-top: 15px;
}

.form-section .button input {
    float: left;
    width: 90px;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    outline: 0;
    border: none;
}

.form-section .button input.add {
    background: #D7000F;
    color: #fff;
}

.form-section .button input.cancel {
    background: #fff;
    color: #969696;
}

.form-section .button input.add:hover {
    background: #b0000d;
}

.form-section .button input.cancel:hover {
    color: #D7000F;
}

.form-sucess {
    width: 600px;
    margin: 100px auto 0 auto;
    float: left;
    margin-left: 270px;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    height: 380px
}

.form-sucess .pic {
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 40px;
}

.form-sucess p.txt {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #666;
    margin-top: 20px;
}

.form-sucess p.note1 {
    padding-left: 35px;
    float: left;
    font-size: 14px;
    color: #666;
    margin-top: 50px;
    display: block;
    padding-right: 35px;
}

.form-sucess p.note {
    padding-left: 35px;
    float: left;
    font-size: 14px;
    color: #999;
    margin-top: 30px;
    display: block;
}

.settime {
    width: 600px;
    margin: 25px auto 0 auto;
    float: left;
    margin-left: 270px;
    color: #666;
    font-size: 20px;
    line-height: 20px;
}

.settime span {
    float: left;
}

.settime span em {
    color: #D7000F;
    padding-right: 8px;
}

.settime a {
    float: left;
    border-left: 2px solid #969696;
    color: #D7000F;
    padding: 0 20px;
    margin-left: 20px;
}

/*预测模型*/
.modenav {
    width: 100%;
    margin-bottom: 20px;
    float: left;
    border-bottom: 2px solid #D7000F;
    background: #fff;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.modenav a {
    line-height: 40px;
    font-size: 16px;
    color: #323232;
    display: block;
    float: left;
    padding: 0 30px;
}

.modenav a.dq {
    color: #fff;
    background: #D7000F;
}

.modenav a:first-child {
    border-top-left-radius: 10px;
}

.modetit {
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    line-height: 60px;
    font-size: 14px;
    color: #8C8C8C;
}

.modetit img {
    float: left;
    width: 30px;
    margin-left: 20px;
    vertical-align: top;
    height: 30px;
    margin-top: 15px;
    margin-right: 10px;
}

.modelists {
    float: left;
    width: 270px;
    margin-top: 30px;
    margin-left: 25px;
}

.modelists span {
    width: 33.3%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #646464;
}

.modelists span img {
    width: 63px;
    display: inline-block;
}

.modelists span i {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.modetext {
    float: left;
    width: 270px;
    margin-top: 30px;
    font-size: 14px;
    color: #646464;
    line-height: 23px;
    margin-left: 25px;
}

.modetext p {
    display: block;
}

.modetext a {
    margin: 20px auto;
    width: 110px;
    line-height: 38px;
    background: #D7000F;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    display: block
}

.modetext a:hover {
    background: #b0000d;
}

.modetitle {
    width: 100%;
    float: left;
    height: 60px;
    line-height: 60px;
}

.modetitle span {
    display: inline-block;
    padding-left: 30px;
    font-size: 14px;
    color: #646464;
}

.navmode {
    width: 100%;
    float: left;
    height: 60px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
}

.navmode span {
    width: 50%;
    float: left;
    text-align: center;
}

.navmode span a {
    padding: 0 10px;
    display: inline-block;
    line-height: 58px;
}

.navmode span a.dq {
    color: #d7000f;
    border-bottom: 2px solid #d7000f;
}

.navmode span a {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.navmode span a:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: -2px;
    left: 0;
    right: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-bottom: 2px solid #d7000f;
}

.navmode span a:hover {
    color: #d7000f;
}

.navmode span a:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.navmode span a.dq:before {
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}

.modetime {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e8e8e8;
    line-height: 16px;
    height: 40px;
}

.modetime a {
    float: left;
    text-align: center;
    width: 14%;
    color: #969696;
    font-size: 12px;
}

.modetime a i {
    display: block;
    padding-top: 4px;
}

.modetime a:hover, .modetime a.dq {
    color: #d7000f
}

.modetime.h a {
    line-height: 36px;
}

#mode {
    width: 700px;
    float: left;
    background: #FAFAFA;
    margin: 0 30px;
    margin-bottom: 15px;
}

.modezou {
    width: 100%;
    float: left;
    background: #fff;
}

#mode p.nodata {
    float: left;
    width: 100%;
    text-align: center;
    color: #646464;
    background: url(../images/nodata.png) no-repeat top center #fff;
}

#mode p.nodata i {
    float: left;
    width: 100%;
    padding-top: 120px;
}

.modelist {
    width: 100%;
    float: left;
}

.modelist h3 {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 25px;
    color: #666;
    background: #E8E8E8;
    font-size: 1.1em
}

.modelist ul {
    width: 100%;
    float: left;
    background: #fff;
}

.modelist ul li {
    width: 100%;
    float: left;
    padding: 20px 0;
    position: relative;
}

.modelist ul li.no {
    margin-top: 40px;
    font-size: 14px;
    line-height: 22px;
    background: url(../images/nodata.svg) no-repeat top center;
}

.modelist ul li.no span {
    float: left;
    width: 46%;
    padding: 0 26%;
    color: #969696;
}

.modelist ul li.no span.big {
    padding-top: 140px;
    font-size: 16px;
    color: #333;
    padding-bottom: 20px;
}

.modelist ul li.no1 {
    color: #333;
    margin-top: 50px;
    font-size: 16px;
    line-height: 25px;
    background: url(../images/nodata1.svg) no-repeat top center;
}

.modelist ul li.no1 span {
    float: left;
    width: 100%;
    padding-top: 130px;
    text-align: center;
}

.modelist ul li span.team {
    float: left;
    font-size: 14px;
    line-height: 25px;
    width: 360px;
    margin-left: 30px;
}

.modelist ul li span.time {
    width: 100%;
    float: left;
    color: #969696;
    font-size: 12px;
}

.modelist ul li span.time i {
    float: left;
    line-height: 23px;
    padding-right: 10px;
}

.modelist ul li span.game {
    width: 100%;
    float: left;
    color: #323232;
    margin-top: 10px;
    position: relative;
}

.modelist ul li span.game i {
    float: left;
}

.modelist ul li span.game img {
    float: left;
    width: 25px;
    height: 25px;
    margin: 0 5px;
}

.modelist ul li span.game i.score {
    width: 50px;
    text-align: center;
    padding: 0;
}

.modelist ul li span.creattime {
    width: 100%;
    float: left;
    color: #969696;
    font-size: 12px;
    margin-top: 10px;
}

.modelist ul li i.onlive {
    position: absolute;
    top: -15px;
    background: url(../images/live.png) no-repeat right center;
    width: 70px;
    height: 31px;
    background-size: 60px;
}

.modelist ul li span.grid {
    float: right;
    width: auto;
    margin-right: 90px;
}

.modelist ul li span.grid table {
    width: 100%;
    float: left;
    border-radius: 10px;
    background: #e8e8e8;
    line-height: 32px;
}

.modelist ul li span.grid table thead th {
    color: #999;
    font-weight: normal;
    text-align: center;
}

.modelist ul li span.grid table tr {
    background: #fff;
    color: #333;
}

.modelist ul li span.grid table tr td {
    text-align: center;
    width: 90px;
}

.modelist ul li span.grid table tr td.sma {
    width: 45px;
}

.modelist ul li span.grid table tr td.dq {
    color: #fff;
    background: url(../images/chioce.png) no-repeat right top #d7000f;
    background-size: 11px;
}

.modelist ul li span.grid table tr:last-child td:last-child {
    border-bottom-right-radius: 10px;
}

.modelist ul li span.grid table tr:last-child td:first-child {
    border-bottom-left-radius: 10px;
}

.modelist ul li span.grid table thead th:first-child {
    border-top-left-radius: 10px;
}

.modelist ul li span.grid table thead th:last-child {
    border-top-right-radius: 10px;
}

.modelist ul li span.pic {
    position: absolute;
    top: 22px;
    right: 15px;
}

.modelist ul li span.pic img {
    width: 60px;
}

.modelist ul li span.nosee {
    float: right;
    width: 100px;
    margin-right: 50px;
    margin-top:20px;
}
.modelist ul li span.nosee a {
    background:url(../images/ic_price_bg.png) repeat-x;
    height:32px;
    line-height:32px;
    color:#fff;
    border-radius:20px;
    padding-right:10px;
    float: left;
    width: 100%;
}

.modelist ul li span.nosee a i {
    float: left; width:28px; height:32px; background:url(../images/ic_shape.png) no-repeat center; background-size:20px; margin-left:5px
}

.modelist ul li span.nosee a:hover {
    background: #d7000f;
    color: #fff;
}


.modetable {
    text-align: center;
    background: #fff;
    width: 100%;
    float: left;
    box-sizing: border-box;
}

.modetable thead th {
    color: #666;
    background: #fff;
    font-weight: normal;
    line-height: 40px;
}

.modetable tr {
    background: #fff;
}

.modetable tr td {
    color: #333;
    font-size: 14px;
    padding: 0;
    line-height: 60px;
}

.modetable tr:nth-child(2n-1) {
    background: #f0f0f0
}

.modetable tr td:first-child {
    color: #666;
}

.modetable span {
    display: block;
}

.modetable tr td.nodata {
    color: #999;
    padding: 15px 0;
    text-align: center;
    float: none;
    width: auto;
}

.modetable tbody tr {
    cursor: pointer;
}

.modetable tbody tr:hover {
    background: #e8e8e8
}

.dximg {
    float: left;
    width: 100%;
}

.dximg img {
    float: left;
    width: 100%;
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

/*付费确认*//*付费确认*/
.paytit {
    width: 100%;
    float: left;
    height: 120px;
    background: url(../images/paybg.png);
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
}

.paytit .tit1 {
    width: 100%;
    float: left;
    font-size: 28px;
    color: #FFF;
    line-height: 70px;
}

.paytit .tit2 {
    display: inline-block;
    font-size: 16px;
    color: #FFF;
    border: 1px solid rgba(255, 255, 255, .6);
    line-height: 36px;
}

.paytit .tit2 i {
    display: inline-block;
    padding: 0 15px 0 25px;
}

.modepay {
    float: left;
    padding: 0 95px;
}

.payid {
    width: 100%;
    float: left;
    font-size: 18px;
    color: #666;
    line-height: 52px;
    height: 52px;
}

.paycard {
    float: left;
    width: 100%;
}

.paycard ul li {
    float: left;
    width: 170px;
    padding: 0 25px;
    height: 200px;
    background: #FFF;
    border: 1px solid #DDDDDD;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.10);
    border-radius: 10px;
    margin-right: 20px;
    cursor: pointer;
    position: relative;
}

.paycard ul li span.gamemoney {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 16px;
    color: #141414;
    height: 100px;
    border-bottom: 1px solid #DDDDDD;
}

.paycard ul li span.gamemoney i {
    display: block;
    width: 100%;
    float: left;
}

.paycard ul li span.gamemoney em {
    font-size: 38px;
    font-family: 'myFirstFont';
    color: #d7000f;
    display: inline-block;
    line-height: 70px;
}

.paycard ul li span.gamemoney i.yh {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #888888;
    line-height: 20px;
}

.paycard ul li span.gamemoney i.big em {
    line-height: 100px;
}

.paycard ul li span.text {
    width: 100%;
    float: left;
    font-size: 16px;
    color: #888;
    text-align: center;
    line-height: 98px;
}

.paycard ul li span.hot {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/hot.svg) no-repeat;
    background-size: 40px;
}

.paycard ul li.dq, .paycard ul li:hover {
    border: 1px solid #d7000f;
}

.paycard ul li.dq span.gamemoney, .paycard ul li:hover span.gamemoney {
    border-bottom: 1px solid #d7000f;
}

.paycard ul li.dq span.text {
    color: #d7000f;
}

.paycard ul li.dq span.borsel, .paycard ul li:hover span.borsel {
    float: right;
    width: 54px;
    position: absolute;
    height: 54px;
    background: url(../images/xuan.png) no-repeat bottom right;
    background-size: 54px;
    right: -1px;
    bottom: -1px;
    border-bottom-right-radius: 10px;
}

.paycard ul li:last-child {
    margin-right: 0;
}

.paycard ul li.disabled span.gamemoney {
    color: #c8c8c8;
}

.paycard ul li.disabled span.gamemoney em {
    color: #c8c8c8;
}

.paycard ul li.disabled span.text {
    color: #c8c8c8;
}

.paycard ul li.disabled:hover {
    border: 1px solid #DDDDDD;
}

.paycard ul li.disabled:hover span.gamemoney {
    border-bottom: 1px solid #DDDDDD;
}

.paycard ul li.disabled:hover span.borsel {
    background: none
}

.modepay .paycodes {
    float: left;
    margin-top: 25px;
    display: inline-block;
    border: 1px dashed #ddd;
    text-align: center;
    width: 100%;
    padding-bottom: 20px;
}

.modepay .paycodes span {
    width: 100%;
    float: left;
    text-align: center;
}

.modepay .paycodes span.paymoney {
    width: 100%;
    color: #999;
    line-height: 30px;
    margin-top: 10px;
}

.modepay .paycodes span.paymoney em.money {
    font-size: 24px;
}

.modepay .paycodes span.paymoney i {
    padding-left: 30px;
}

.modepay .paycodes span em.paycode, .modepay .paycodes span em.paycode1 {
    margin-top: 25px;
    width: 150px;
    height: 150px;
    padding: 15px;
    border: 1px solid #0C0;
    border-radius: 5px;
    display: inline-block;
}

.modepay .paycodes span em.paycode img, .modepay .paycodes span em.paycode1 img {
    width: 150px;
    height: 150px;
}

.modepay .paycodes span em.paycode1 {
    border: 1px solid #00aeef;
}

.modepay .paycodes span em.text {
    display: block;
    width: 100%;
    line-height: 24px;
    margin-top: 25px;
    font-size: 16px;
    text-align: center;
}

.modepay .paycodes span em.text img {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.modepay .paycodes span em.text a {
    line-height: 30px;
    display: inline-block;
    color: #fff;
    background: #00aeef;
    border-radius: 5px;
    width: 120px;
    text-align: center;
}

.modepay .note {
    width: 100%;
    float: left;
    margin-top: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    color: #c8c8c8;
    cursor: pointer;
}

.modepay .note a {
    color: #c8c8c8;
}

.modepay .note a:hover {
    color: #d7000f;
}

.modepay .note i {
    width: 14px;
    height: 12px;
    background: url(../images/weigou.png) no-repeat;
    background-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
}

.modepay .note i.dq {
    background: url(../images/gou.png) no-repeat;
}

/*.modepay  .paycode{ margin-top:35px;width:100%;float:left; text-align:center; }*/
/*.modepay  .lefts{ float:left; width:320px; padding-left:200px;}*/
/*.modepay  .lefts span{ display:block; }*/
/*.modepay  .forcode{width:150px; height:150px; padding:15px; border:1px solid #0C0; border-radius:5px;    margin: 0 auto;}*/
/*.modepay  .forcode img{ width:150px; height:150px; padding:15px; border:1px solid #0C0; border-radius:5px;}*/
/*.modepay  .weiimg{ margin-top:20px; line-height:25px;  text-align:center; font-size: 18px;color: #101010;}*/
/*.modepay  .weiimg img{display:inline-block; vertical-align:top;  margin-right:10px;}*/
/*.modepay  .note{ margin-top:20px; line-height:20px; text-align:center; font-size: 12px;color: #c8c8c8; cursor:pointer;}*/
/*.modepay  .note a{color: #c8c8c8;}*/
/*.modepay  .note a:hover{color: #d7000f;}*/
/*.modepay  .note i{ width:14px; height:12px;background:url(../images/weigou.png) no-repeat; background-size:12px;display:inline-block; vertical-align:top; margin-top:3px; }*/
/*.modepay  .note i.dq{background:url(../images/gou.png) no-repeat;}*/
/*.modepay  .rights{ float:left; text-align:left; margin-top:30px;}*/
/*.modepay  .rights span{ display:block}*/
/*.modepay  .money{ margin-top:20px; line-height:28px; font-size: 14px;color: #646464;}*/
/*.modepay  .money em{font-size: 20px;color:#d7000f;}*/
/*.modepay  .time{ margin-top:30px; line-height:28px;  font-size: 14px;color: #646464;}*/

/*历史战绩*/
.modehis-tit {
    float: left;
    width: 100%;
    background: #DDDDDD;
    line-height: 60px;
    font-size: 16px;
    color: #646464;
    text-align: center;
    border-radius: 6px;
}

.modehis-list {
    float: left;
    width: 100%;
    margin-top: 20px;
    background: #FFFFFF;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.10);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    border-radius: 14px;
    padding-bottom: 20px;
}

.histime-tit {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #646464;
    background: #eee;
    line-height: 40px;
}

.histime-tit span {
    padding-left: 30px;
}

.modehis-list .histime-tit:first-child {
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
}


/*个人中心*/
/*个人中心--头部*/
.tjshow-top {margin-bottom: 10px;width: 100%;float: left;position: relative;background: #fff;border-radius: 10px;-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);box-shadow: 0 2px 6px rgba(0, 0, 0, .1);height: 260px;}
.topimg {float: left;width: 100%;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.topimg img {border-top-left-radius: 10px;border-top-right-radius: 10px;}
.topuser {float: left;width: 100%;}
.topuser span.userpic {float: left;margin-left: 30px;margin-right: 10px;margin-top: -20px;position: relative;}
.topuser span.userpic img {float: left;width: 90px;height: 90px;border-radius: 90px;border: 1px solid #fff;}
.topuser span.userpic em.level img {width: 30px;height: 32px;border-radius: 0;position: absolute;left: 60px;top: 60px;border: 0;}
.topuser span.usermark {float: left;width: 60%;}
.topuser span.usermark i.nickname {float: left;width: auto;color: #969696;font-size: 14px;line-height: 40px;}
.topuser span.usermark i.nickname.h {margin-top: 20px;}
.topuser span.usermark i.nickname em {float: left;margin-right: 5px;line-height: 40px;}
.topuser span.usermark i.nickname em.name {font-size: 22px;color: #101010;}
.topuser span.usermark i.nickname em.line {width: 1px;height: 14px;background: #DDDDDD;margin-top: 13px;}
.topuser span.usermark i em.pic {color: #666;font-size: 12px;margin-top: 15px;display: inline-block;margin-right: 20px;}
.topuser span.usermark i em.pic img {width: 16px;height: 20px;vertical-align: top;display: inline-block;}
.topuser span.usermark i.lian, .tuijian ul li.usertitle span.usermark i.lian1 {float: left;background: #F5BBA5;padding: 0 5px;font-size: 12px;line-height: 16px;text-align: center;margin-left: 10px;border-radius: 2px;color: #fff;margin-top: 6px;}
.topuser span.usermark i.lian {background: #D7000F;}
.topuser span.usermark i.nickinfo {float: left;width: 100%;font-size: 14px;color: #323232;margin-top: 2px;}
.topuser span.userfouced {float: right;width: 210px;margin-right: 30px;line-height: 35px;margin-top: 30px;text-align: center;background: #D7000F;color: #fff;border-radius: 4px;cursor: pointer;}
.topuser span.userfouced em {font-size: 22px;display: inline-block;vertical-align: top;}
.topuser span.userfouced.dq {background: #e8e8e8;color: #969696;}
.topuser span.userfouced:hover {background: #b0000d;}
.topuser span.userMarks {float: left;margin-top: 30px;}
.topuser span.userMarks i.foucs {float: left;font-size: 14px;color: #333;margin-right: 20px;}
.topuser span.userMarks i.foucs em {color: #D7000F;}
.topuser span.userMarks i.fan1 {float: left;font-size: 14px;color: #333;}
.topuser span.userMarks i.fan1 em {color: #D7000F;}
.topuser span.userMarks i img {display: inline-block;vertical-align: top;margin-top: 1px;margin-right: 10px;}
.fans {float: left;width: 100%;height: 60px;}
.fans span {width: 49%;float: left;border-right: 1px solid #e8e8e8;margin-top: 18px;font-size: 14px;color: #969696;text-align: center;}
.fans span i {font-family: 'myFirstFont';color: #D7000F;display: block;font-size: 22px;}
.fans span:last-child {border-right: 0;}

.account-list {
    float: left;
    width: 100%;
}

.account-list ul {
    float: left;
    width: 100%;
    padding-bottom: 100px;
}

.account-list ul li.tit {
    float: left;
    width: 100%;
    font-size: 18px;
    color: #666;
    line-height: 60px;
    border-bottom: 1px solid #e8e8e8
}

.account-list ul li {
    float: left;
    width: 100%;
    font-size: 16px;
    line-height: 50px;
}

.account-list ul li a {
    display: block;
    margin-left: 10px;
    border-bottom: 1px solid #e8e8e8;
    padding-left: 110px;
    color: #666;
}

.account-list ul li:hover, .account-list ul li.dq {
    background: #DA101F;
    color: #fff;
}

.account-list ul li a:hover, .account-list ul li.dq a {
    color: #fff;
}

.account-list ul li.tit:hover {
    background: #fff;
    color: #666;
}

.account-list ul li i {
    display: inline-block;
    width: 30px;
    height: 31px;
    vertical-align: top;
    margin-top: 15px;
    margin-left: 55px;
    margin-right: 10px;
}

.account-list ul li i.account1 {
    background: url(../images/account1.svg) no-repeat;
    background-size: 30px;
}

.account-list ul li i.account2 {
    background: url(../images/account2.svg) no-repeat;
    background-size: 30px;
}

.account-list ul li i.account3 {
    background: url(../images/account3.svg) no-repeat;
    background-size: 30px;
}

.account-tit {
    float: left;
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    color: #323232;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.account-tit i {
    float: left;
    background: #D7000F;
    width: 6px;
    height: 30px;
    margin-right: 10px;
    margin-top: 10px;
}

.accountcol {
    width: 94%;
    float: left;
    margin: 0 3%;
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
}

.accountcol .tit {
    width: 100%;
    float: left;
    height: 25px;
    line-height: 25px;
}

.accountcol .tit span {
    font-size: 14px;
    display: inline-block;
    color: #969696;
    margin-right: 5px;
}

.accountcol .tit .changlist {
    display: inline-block;
    position: relative;
}

.accountcol .tit .changlist span {
    color: #D7000F;
    font-size: 16px;
    width: 80px;
    cursor: pointer;
}

.accountcol .tit .changlist span:hover {
    color: #D7000F;
}

.accountcol .tit .changlist span.dq {
    color: #D7000F;
}

.accountcol .tit .changlist span i {
    float: right;
    background: url(../images/sel1.png) no-repeat left top;
    width: 25px;
    height: 25px;
    background-size: 25px;
    vertical-align: top;
}

.accountcol .tit .changlist span.dq i {
    background: url(../images/sel1-dq.png) no-repeat left top;
}

.accountcol .tit .changeshow {
    position: absolute;
    right: 0;
    top: 35px;
    width: 100px;
    color: #666;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.2);
    background-color: #fff;
    border-radius: 10px;
    z-index: 100;
    display: none;
}

.accountcol .tit .changeshow:before, .accountcol .tit .changeshow:after {
    content: '';
    border: 8px solid transparent;
    position: absolute;
    left: 40px;
    top: -16px;
}

.accountcol .tit .changeshow:before {
    border-bottom-color: #646464;
}

.accountcol .tit .changeshow:after {
    border-bottom-color: #fff;
}

.accountcol .tit .changeshow a {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 30px;
    border-bottom: 1px solid #e8e8e8;
    display: block;
}

.accountcol .tit .changeshow a:hover, .accountcol .tit .changeshow a.dq {
    background: #D7000F;
    color: #fff;
}

.accountcol .tit .changeshow a:first-child {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.accountcol .tit .changeshow a:last-child {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

#account1, #account2 {
    width: 100%;
    height: 140px;
    float: left;
    margin: 20px 0;
}

#account1 p, #account2 p {
    line-height: 140px;
    text-align: center;
    font-size: 14px
}

.cjlist1 {
    width: 100%;
    text-align: center;
    float: left;
    height: 85px;
    margin-top: 10px;
}

.cjlist1 span {
    width: 22%;
    float: left;
    margin-left: 2%;
    border-right: 1px solid #e8e8e8;
    color: #969696;
    font-size: 14px;
    margin-top: 20px;
}

.cjlist1 span i {
    display: block;
    color: #DB2D21;
    font-family: 'myFirstFont', sans-serif;
    font-size: 30px;
    padding-bottom: 10px;
}

.cjlist1 span:last-child {
    border: 0;
}

.tables1 {
    background: #e8e8e8;
    text-align: center;
    margin-top: 10px;
    width: 100%;
    float: left;
    border-radius: 4px;
    font-size: 14px;
}

.tables1 thead {
    background: #fff;
}

.tables1 thead th {
    color: #C8C8C8;
    background: #fff;
    font-weight: normal;
    line-height: 30px;
}

.tables1 thead th:first-child {
    color: #969696;
    text-align: left;
    padding-left: 30px;
}

.tables1 tr {
    background: #fff;
}

.tables1 tr td {
    color: #3c3c3c;
    padding: 0;
    line-height: 30px;
}

.tables1 tr:nth-child(2n-1) {
    background: #fafafa
}

.tables1 tr td:first-child {
    text-align: left;
    padding-left: 30px;
}

.tables1 tr td.nodata {
    color: #999;
    padding: 15px 0;
    text-align: center;
    float: none;
    width: auto;
}

.accountcol .cjlian {
    background: #FAFAFA;
    margin: 0 0;
    width: 100%;
    border-radius: 6px;
    float: left;
    font-size: 14px;
    border: 1px solid #e8e8e8;
}

.accountcol .cjlian ul {
    float: left;
    width: 100%;
}

.accountcol .cjlian ul li {
    float: left;
    width: 100%;
    border-bottom: 1px solid #E8E8E8;
    padding: 6px 0;
}

.accountcol .cjlian ul li span {
    display: inline-block;
    color: #3c3c3c;
    line-height: 16px;
    padding-left: 10px;
}

.accountcol .cjlian ul li i {
    float: right;
    color: #C8C8C8;
    display: inline-block;
    width: 30%;
    text-align: center;
}

.accountcol .cjlian ul li i em {
    color: #D7000F;
    font-size: 16px;
}

.accountcol .cjlian ul li:last-child {
    border-bottom: 0;
}

.accountcol .cjlian ul li:last-child i {
    color: #3c3c3c;
}

.accountcol .cjlian ul li i.first {
    border-right: 1px solid #e8e8e8
}

.cjnodata {
    width: 100%;
    text-align: center;
    float: left;
    line-height: 100px;
}

/*近10场推荐走势*/
.accountcol.last {
    border-bottom: 0;
}

.accountcol .zoushi {
    background: #FAFAFA;
    border: 1px solid #e8e8e8;
    margin: 15px 0;
    width: 100%;
    border-radius: 6px;
    float: left;
    color: #C8C8C8;
    padding: 5px 0;
    text-align: center;
}

.accountcol .zoushi .yuan {
    display: inline-block;
    vertical-align: top;
    padding-top: 5px;
    line-height: 60px;
    margin-left: 20px;
    font-size: 14px;
}

.accountcol .zoushi i:last-child {
    margin-left: 20px;
}

.accountcol .zoushi span {
    margin-right: -18px;
    display: inline-block;
}

.accountcol .zoushi span img {
    width: 60px;
    margin-top: 5px;
}

.accountcol p {
    font-size: 18px;
    color: #666;
    width: 100%;
    float: left;
    line-height: 90px;
    border-bottom: 1px dotted #e8e8e8;
    text-align: center;
}

.accountcol .downloads {
    float: left;
    width: 100%;
    text-align: center;
}

.accountcol span.note {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 60px;
}

.accountcol span.xiazai {
    display: inline-block;
}

.accountcol span.xiazai span {
    float: left;
}

.accountcol a.iphone {
    background: url(../images/iphone.png) no-repeat left center;
    width: 134px;
    height: 40px;
    cursor: pointer;
    display: block;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    line-height: 40px;
    color: #666;
}

.accountcol a.iphone:hover {
    background: url(../images/iphone-dq.png) no-repeat left center #d7000f;
    color: #fff;
}

.accountcol a.android {
    background: url(../images/android.png) no-repeat left center;
    width: 134px;
    height: 40px;
    cursor: pointer;
    display: block;
    border: 1px solid #e8e8e8;
    border-radius: 5px;
    line-height: 40px;
    color: #666;
    margin-top: 18px;
}

.accountcol a.android:hover {
    background: url(../images/android-dq.png) no-repeat left center #d7000f;
    color: #fff;
}

.accountcol a.iphone i {
    padding-left: 10px;
}

.accountcol a.android i {
    padding-left: 18px;
}

.accountcol .saomiao {
    float: left;
    font-size: 12px;
    margin-left: 10px;
}

.accountcol .saomiao img {
    width: 80px;
    height: 80px;
    display: block;
    margin-left: 10px;
}

/*下载页面 */
.download {
    min-width: 1130px;
    background: #fff;
}

.download .header {
    background-image: -webkit-linear-gradient(left, #900e00, #d30038, #cf0029);
    background-image: -moz-linear-gradient(left, #900e00, #d30038, #cf0029);
    background-image: -ms-linear-gradient(left, #900e00, #d30038, #cf0029);
    background-image: linear-gradient(left, #900e00, #d30038, #cf0029);
}

.download .header .nav ul li a em {
    border-bottom: 0;
}

.download .header .nav ul li a.dq em, .download .header .nav ul li a:hover em {
    border-bottom: 2px solid #fff;
}

.download .banner {
    background: url(../images/icon-down-bg.jpg) no-repeat center;
    background-size: 100% 570px;
    float: left;
    width: 100%;
    height:570px;
    color: #fff;
}

.download .banner .bannerBox {
    width: 1140px;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.download .banner .left {
    float: left;
    width: 730px;
    margin-top: 80px;
}

.download .banner .icon-down1 {
    width: 702px;
    height: 100px;
    float: left; color: #fff;
}
.download .banner .icon-down1 span.font1{ display: block; padding-left: 25px; font-size: 60px; line-height: 70px;}
.download .banner .icon-down1 span.font2{ display: block;padding-left: 25px; width: 100%; font-size: 35px;line-height: 70px; }
.download .banner .ewCode {
    width: 95%;
    height: 200px;
    float: right;
    margin-top:80px;
}

.download .banner .ewCode ul li {
    float: left;
    width: 148px;
    margin-right: 20px;
}

.download .banner .ewCode .iphone {
    background: url(../images/load-ios11.png) no-repeat 15px #fff;
    background-size: 20px;
    width: 100%;
    float: left;
    height: 40px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #333;
    font-size: 18px;
    line-height: 40px;
}

.download .banner .ewCode .iphone:hover {
    background: url(../images/load-ios.png) no-repeat 15px #D7000F;
    background-size: 20px;
    color: #fff;
}

.download .banner .ewCode .xcx {
    background:#fff;
    width: 100%;
    float: left;
    height: 40px;
    cursor:default;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #333;
    font-size: 18px;
    line-height: 40px;
    text-align: center;
}

.download .banner .ewCode .android {
    background: url(../images/load-android11.png) no-repeat 15px #fff;
    width: 100%;
    background-size: 20px;
    float: left;
    height: 40px;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #333;
    font-size: 18px;
    line-height: 40px;
}

.download .banner .ewCode .android:hover {
    background: url(../images/load-android.png) no-repeat 15px #D7000F;
    background-size: 20px;
    color: #fff;
}

.download .banner .ewCode .iphone em, .download .banner .ewCode .android em {
    padding-left: 45px;
}

.download .banner .ewCode .imgs {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}

.download .banner .ewCode .imgs img {
    width: 120px;
    height: 120px;
}

.download .banner .right {
    background: url(../images/icon-down-1.png) no-repeat top right;
    width: 280px;
    height: 653px;
    background-size:280px;
    float: right;
    margin-top: 46px;
    position: relative;
}

.download .load-down-3 {
    background: url(../images/icon-down-3.png) no-repeat left bottom;
    width: 75px;
    height: 17px;
    position: absolute;
    left: 93px;
    top: 180px;
    z-index: 2
}

.download .load-down-4 {
    background: url(../images/icon-down-3.png) no-repeat left bottom;
    width: 75px;
    height: 17px;
    position: absolute;
    left: 93px;
    top: 270px;
    z-index: 2
}

.download .load-down-2 {
    width: 224px;
    height: 204px;
    position: absolute;
    left: 27px;
    top:236px;
    overflow: hidden;
}

.download .load-down-2 p {
    width: 224px;
    height: 1696px;
    float: left;
    -webkit-animation: linescorll 4s linear .4s infinite backwards;
    animation: linescorll 4s linear .4s infinite backwards;
}

.download .load-down-2 p img {
    width: 224px;
    float: left;
}

.download .load-down-6 {
    background: url(../images/icon-down-6.png) no-repeat left bottom;
    width: 145px;
    height: 17px;
    position: absolute;
    left: 132px;
    top: 145px;
    z-index: 2
}

.download .load-down-7 {
    background: url(../images/icon-down-7.png) no-repeat left bottom;
    width: 129px;
    height: 107px;
    position: absolute;
    left: 270px;
    top: 156px;
    z-index: 1
}
@-webkit-keyframes linescorll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    99.9% {
        -webkit-transform: translateY(-580px);
        transform: translateY(-580px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes linescorll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    99.9% {
        -webkit-transform: translateY(-580px);
        transform: translateY(-580px)
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.imgsetion {
    width: 100%;
    float: left;
    text-align: center;
}

.imgsetion img {
    display: inline-block;
    width: 100%;
    max-width:1864px;
}


/*更多加载*/
.loadmore {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #333;
    background: #fff;
    cursor: pointer;
    height: 45px;
    border-radius: 4px;
    border:1px solid #E8E8E8;
}
.loadmore.sma{ width:96%; margin-left: 2%}
.loadmore em {
    width: 16px;
    display: inline-block;
    height: 16px;
    vertical-align: top;
    margin-top: 15px;
}

.loadmore span {
    display: inline-block;
    line-height: 45px;
    vertical-align: top
}

.loadmore:hover {
    color: #EA4335;
}

.load1, .load2 {
    float: left;
    width: 100%;
    display: block;
}

.loadmore .load1 em {
    background: url(../images/more1.svg) no-repeat top;
    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.5s ease-in-out;
    -moz-transition: All 0.5s ease-in-out;
    -o-transition: All 0.5s ease-in-out;
}

.loadmore .load1:hover em {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    background: url(../images/more2.svg) no-repeat top;
}

.loadmore .load2 {
    color: #EA4335;
}

.loadmore .load2 em.dq, .loadmore .load2:hover em, .loadmore .load2 em {
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    -webkit-animation: rotateIn .8s linear infinite;
    -moz-animation: rotateIn .8s linear infinite;
    -ms-animation: rotateIn .8s linear infinite;
    -o-animation: rotateIn .8s linear infinite;
    animation: rotateIn .8s linear infinite;
    background: url(../images/more3.svg) no-repeat top;
}

@keyframes rotateIn {
    0% {
        -webkit-transform: rotate(-360deg);
        -moz-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        -o-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }
    100% {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none
    }
}
/*左右广告*/ 
.dads-right {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    position: fixed;
    top: 200px;
    left: 50%;
    margin-left: 580px;
    width: 148px;
    visibility: visible;
    z-index: 10;
    height: auto;
}

.dads-left {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    position: fixed;
    top: 180px;
    right: 50%;
    margin-right: 580px;
    width: 148px;
    visibility: visible;
    z-index: 10;
    height: auto;
}

.dads-left  a,.dads-right  a {
    width: 100%;  
    float: left; 
    text-align: center; 
}
/*悬浮发布情报图标 */
/* .tool-tips-fixed {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    position: fixed;
    bottom: 30px;
    left: 50%;
    margin-left: 580px;
    width: 45px;
    visibility: visible;
    z-index: 10;
    height: 150px;
}

.tool-tips-fixed a {
    width: 45px;
    height: 45px;
    background: #fff;
    float: left;
    margin-bottom: 8px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-family: arial;
    cursor: pointer;
    position: relative;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .1);
}

.tool-tips-fixed a.webchat-fabu {
    background: url(../images/webchat-fabu.png) center no-repeat #fff;
    background-size: 24px;
}

.tool-tips-fixed a.backtop-fabu {
    background: url(../images/backTop.svg) center no-repeat #fff;
    background-size: 24px;
    display: none;
}

.tool-tips-fixed a span {
    display: none;
    position: absolute;
    top: 6px;
    left: -90px;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    line-height: 25px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 5px 10px
}

.tool-tips-fixed a span:before, .tool-tips-fixed a span:after {
    content: '';
    border: 8px solid transparent;
    position: absolute;
    left: 76px;
    top: 8px;
}

.tool-tips-fixed a span:before {
    border-left-color: rgba(0, 0, 0, .7);
}

.tool-tips-fixed a.webchat-fabu:hover {
    background: url(../images/webchat-fabudq.png) center no-repeat #fff;
}

.tool-tips-fixed a.backtop-fabu:hover {
    background: url(../images/backTopdq.svg) center no-repeat #eb7f87;
    background-size: 24px;
}

.tool-tips-fixed a:hover span {
    display: block;
}
 */
/*.tool-tips-fixed .weixin{  width:130px;   position: absolute;top: -135px;left: 50%; margin-left: -70px;}
.tool-tips-fixed a.webchat-fabu:hover{display:block; transition:all 0.3s;  }
.tool-tips-fixed .weixin img { width:130px; height:130px;}*/
/* .tool-tips-fixed a.feedback-fabu {
    background: url(../images/feedback-fabu.svg) center no-repeat #fff;
    background-size: 24px;
    display: none;
}

.tool-tips-fixed a.feedback-fabu:hover {
    background: url(../images/feedback-fabudq.svg) center no-repeat #eb7f87;
}

.tool-tips-fixed a.edit-fabu {
    background: url(../images/edit-fabu.svg) center no-repeat #fff;
    background-size: 24px;
}

.tool-tips-fixed a.edit-fabu:hover {
    background: url(../images/editdq-fabu.svg) center no-repeat #eb7f87;
}

.tool-tips-fixed a.edit-fabu1 {
    background: url(../images/edit-fabu1.svg) center no-repeat #fff;
    background-size: 24px;
}

.tool-tips-fixed a.edit-fabu1:hover {
    background: url(../images/editdq-fabu1.svg) center no-repeat #eb7f87;
}

.tool-tips-fixed a.help-fabu {
    background: url(../images/help-fabu.svg) center no-repeat #fff;
    background-size: 22px;
}

.tool-tips-fixed a.help-fabu:hover {
    background: url(../images/helpdq-fabu.svg) center no-repeat #eb7f87;
} */

/*弹层*/
.fadebox, .fadebox-help {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 20000;
    display: none;
}

.box, .box-sma, .box-sucess, .box-false, .box-false1, .box-alert, .box-wait {
    width: 600px;
    height: 380px;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto;
    cursor: pointer;
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
}

.box .pic {
    width: 100%;
    float: left;
    text-align: center;
    padding: 40px 0;
}

.box p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #646464;
    margin-top: 20px;
}

.box p.note {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    color: #969696;
    margin-top: 80px;
}

.boxclose {
    width: 670px;
    text-align: center;
    cursor: pointer;
    margin: 125px auto 0 auto;
    text-align: right;
}

.boxclose img {
    width: 30px;
}

.boxclose.sma {
    width: 510px;
    margin: 125px auto 0 auto;
}

.boxclose.sma1 {
    width: 880px;
    margin: 85px auto 0 auto;
}

.box-sma {
    width: 400px;
    height: 300px;
}

.box-sma .pic {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px 0;
}

.box-sma p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #646464;
}

.box-sucess {
    width: 400px;
    height: 300px;
    display: none;
}

.box-sucess .pic {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px 0;
}

.box-sucess p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #646464;
}

.box-wait {
    width: 400px;
    height: 300px;
    display: none;
}

.box-wait .pic {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px 0;
}

.box-wait p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #646464;
}

.box-false {
    width: 400px;
    height: 300px;
    display: none;
}

.box-false .pic {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px 0;
}

.box-false p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #666;
}

.box-alert {
    height: 300px;
}

.box-alert p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #646464;
    line-height: 160px;
}

.box-alert p.note {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 12px;
    color: #c8c8c8;
    line-height: 20px;
    margin-top: 60px;
}

.box-false1 {
    width: 400px;
    height: 300px;
}

.box-false1 .pic {
    width: 100%;
    float: left;
    text-align: center;
    padding: 30px 0;
}

.box-false1 p {
    width: 100%;
    float: left;
    text-align: center;
    font-size: 20px;
    color: #666;
}

.box-false1 p.note {
    font-size: 14px;
    color: #969696;
    margin-top: 30px;
}

.jb {
    float: left;
    width: 80%;
    padding: 0 10%;
    margin-top: 20px;
}

.jb label {
    float: left;
    width: 100%;
    line-height: 25px;
}

.jb label input {
    float: left;
    margin-top: 5px;
    margin-right: 15px;
}

.jb label span {
    float: left;
    font-size: 14px;
    color: #333;
}

.box-tj {
    width: 450px;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto;
    cursor: pointer;
    height: 530px;
    cursor: pointer;
    position: absolute;
    top: 120px;
    left: 0;
    right: 0;
}

.box-tj .tit {
    width: 100%;
    background: #d7000f;
    line-height: 50px;
    height: 90px;
    text-align: center;
    float: left;
    font-size: 20px;
    color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.box-tj .text {
    width: 100%;
    text-align: center;
    float: left;
}

.box-tj .text span {
    text-align: center;
    float: left;
    text-align: center;
    width: 100%;
    font-size: 14px;
}

.box-tj .text .userpic {
    margin-top: -40px;
}

.box-tj .text .userpic img {
    width: 80px;
    height: 80px;
    border-radius: 80px;
    border: 2px solid #fff;
}

.box-tj .text .userpic i {
    display: block;
}

.box-tj .text span.match {
    line-height: 20px;
}

.box-tj .text span.match i {
    display: inline-block;
    padding: 0 5px;
}

.box-tj .text span.match img {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: top;
    padding: 0 5px;
}

.box-tj .text span.paycode {
    float: none;
    margin-top: 25px;
    display: inline-block;
    padding: 15px;
    border: 1px solid #0C0;
    border-radius: 5px;
    width: 150px;
    height: 150px;
}

.box-tj .text span.paycode img {
    width: 150px;
    height: 150px;
    padding: 15px;
    border: 1px solid #0C0;
    border-radius: 5px;
}

.box-tj .text span.paycode1 {
    margin-top: 20px;
    line-height: 28px;
}

.box-tj .text span.paycode1 em {
    font-family: 'myFirstFont';
}

.box-tj .text span.paycode1 img {
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

.box-tj .text a {
    color: #ccc;
}

.box-tj .text a:hover {
    color: #d7000f;
}

.fadebox .button {
    width: 100%;
    float: left;
}

.fadebox .button {
    float: left;
    width: 82%;
    margin-top: 50px;
}

.fadebox .button input {
    float: left;
    width: 80px;
    font-size: 14px;
    margin-left: 10px;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    line-height: 28px;
    height: 28px;
    overflow: hidden;
    outline: 0;
    border: none;
}

.fadebox .button input.add {
    background: #D7000F;
    color: #fff;
    margin-left: 120px;
}

.fadebox .button input.add:hover {
    background: #b0000d;
}

.fadebox .button input.cancel {
    background: #fff;
    color: #969696;
}

.fadebox .button input.cancel:hover {
    color: #D7000F;
}

.fadebox .button1 {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.fadebox .button1 input {
    background: #D7000F;
    color: #fff;
    width: 110px;
    display: block;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    outline: 0;
    border: none;
}

.fadebox .button1 input:hover {
    background: #b0000d;
}

.fadebox-alert {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 200;
    display: none;
}

.fadebox-alert p {
    width: 300px;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto;
    margin-top: 180px;
    cursor: pointer;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #666;
}

.helpbox {
    width: 800px;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto;
    height: 80%;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
}

.helpbox .tit {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e8e8e8;
    line-height: 60px;
}

.helpbox .tit a {
    display: inline-block;
    padding: 0 10px;
    color: #646464;
    border-bottom: 2px solid #fff;
    margin-left: 20px
}

.helpbox .tit a:hover, .helpbox .tit a.dq {
    color: #d7000f;
    border-bottom: 2px solid #d7000f;
}

.helpbox .tit.center {
    text-align: center;
    font-size: 16px;
}

.helpbox .text {
    width: 94%;
    float: left;
    line-height: 22px;
    display: block;
    padding: 0 3%;
    height: 90%;
    background: #fff;
    overflow-y: scroll
}

.helpbox .text p {
    padding: 8px 0;
    color: #646464;
}

.helpbox .text p strong {
    color: #646464;
}

.helpbox .text p.center {
    text-align: center;
    padding-top: 10px;
}

.box-alert .button1 {
    float: left;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.box-alert .button1 input.add {
    width: 240px;
    font-size: 20px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    line-height: 34px;
    height: 34px;
    overflow: hidden;
    outline: 0;
    border: none;
    display: inline-block;
    background: #D7000F;
    color: #fff;
}

.downapp {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 20000;
    display: none;
}

.downapp .box {
    width: 380px;
    height: 460px;
    border-radius: 10px;
    background: #fff;
    margin: 0 auto;
    cursor: pointer;
    position: absolute;
    top: 150px;
    left: 0;
    right: 0;
}

.downapp .boxclose {
    width: 450px;
    cursor: pointer;
    margin: 125px auto 0 auto;
    text-align: right;
}

/*登录 */
.error404 {
    float: left;
    width: 100%;
    background: url(../images/404.png) no-repeat top center;
    height: 860px
}

.error404 p {
    margin: 0 auto;
    width: 220px;
    text-align: center;
    display: block;
    margin-top: 206px;
}

.error404 p a.backindex {
    float: left;
    color: #666;
    line-height: 35px;
    font-size: 14px;
}

.error404 p a.backindex em {
    color: #e3453d;
}

.error404 a.backto {
    float: left;
    background: #e3453d;
    color: #fff;
    width: 115px;
    text-align: center;
    line-height: 35px;
    margin-left: 22px;
    font-size: 16px;
}

.appxb {
    position: fixed;
    top: 0;
    width: 100%;
    right: 0;
    z-index: 9999;
    height: 100%;
}

.appxb-con {
    width: 749px;
    height: 158px;
    opacity: 1;
    position: absolute;
    top: 50%;
}

.app-warp {
    width: 100%;
    height: 158px;
    float: right;
    background: url(../images/1.gif) no-repeat right;
}

.app-warp span {
    float: left;
    width: auto;
    margin-top: 20px;
    opacity: 0;
}

.app-warp span.time {
    margin-left: 120px;
    padding: 0 15px;
    color: #696969;
    font-size: 18px;
    margin-top: 38px;
    line-height: 28px;
}

.app-warp span i {
    display: block;
}

.app-warp span.teamnane {
    line-height: 100px;
    color: #333;
    font-size: 20px;
    min-width: 130px
}

.app-warp span.score {
    width: 140px;
    text-align: center;
    line-height: 100px;
    font-size: 30px;
}
.app-warp span.score em{
	font-size: 30px;
}
.appxb .warp-close {
    cursor: pointer;
    position: absolute;
    top: 110px;
    height: 20px;
    margin-top: 15px;
    transition: 0.5s;
    width: 100%;
    text-align: center;
    color: #333;
    line-height: 20px;
    font-weight: normal;
    display: none;
}

.appxb .warp-close em {
    display: inline-block;
    background: url(../images/layer_shut.png) no-repeat center;
    width: 20px;
    height: 20px;
    background-size: 18px;
    vertical-align: top;
    margin-top: 0;
}

.appxb .warp-close em:hover {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/*关于我们*/
.sideLeft1 {
    width: 220px;
    float: left;
}

.sideLeft1 ul {
    width: 100%;
    float: left
}

.sideLeft1 ul li {
    width: 100%;
    float: left;
    line-height: 30px;
    margin-top: 10px;
}

.sideLeft1 ul li a {
    display: block;
    color: #000
}

.sideLeft1 ul li .line {
    background: #fff;
    width: 4px;
    height: 30px;
    float: left;
    display: inline-block
}

.sideLeft1 ul li .aboutimg1, .sideLeft1 ul li .aboutimg2, .sideLeft1 ul li .aboutimg3, .sideLeft1 ul li .aboutimg4, .sideLeft1 ul li .aboutimg5, .sideLeft1 ul li .aboutimg6 {
    margin-top: 5px;
    float: left;
    display: inline-block;
    width: 17px;
    height: 20px;
    margin-left: 25px;
    background: url(../images/aboutimg1.svg) no-repeat left center;
    background-size: 15px;
    margin-right: 18px;
}

.sideLeft1 ul li .aboutimg2 {
    background: url(../images/aboutimg2.svg) no-repeat left center;
    background-size: 15px;
}

.sideLeft1 ul li .aboutimg3 {
    background: url(../images/aboutimg3.svg) no-repeat left center;
    background-size: 15px;
}

.sideLeft1 ul li .aboutimg4 {
    background: url(../images/aboutimg4.svg) no-repeat left center;
    background-size: 15px;
}

.sideLeft1 ul li .aboutimg5 {
    background: url(../images/aboutimg5.svg) no-repeat left center;
    background-size: 15px;
}

.sideLeft1 ul li .aboutimg6 {
    background: url(../images/aboutimg6.svg) no-repeat left center;
    background-size: 17px;
}

.sideLeft1 ul li .text {
    float: left;
}

.sideLeft1 ul li a:hover .line, .sideLeft1 ul li a.dq .line {
    background: #D7000F;
}

.sideLeft1 ul li a:hover .aboutimg1, .sideLeft1 ul li a.dq .aboutimg1 {
    background: url(../images/aboutimg1-dq.svg) no-repeat left center;
    background-size: 15px;
}

.sideLeft1 ul li a:hover .aboutimg2, .sideLeft1 ul li a.dq .aboutimg2 {
    background: url(../images/aboutimg2-dq.svg) no-repeat left center;
    background-size: 15px;
}

.sideLeft1 ul li a:hover .aboutimg3, .sideLeft1 ul li a.dq .aboutimg3 {
    background: url(../images/aboutimg3-dq.svg) no-repeat left center;
    background-size: 15px;
}

.sideLeft1 ul li a:hover .aboutimg4, .sideLeft1 ul li a.dq .aboutimg4 {
    background: url(../images/aboutimg4-dq.svg) no-repeat left center;
    background-size: 15px;
}

.sideLeft1 ul li a:hover .aboutimg5, .sideLeft1 ul li a.dq .aboutimg5 {
    background: url(../images/aboutimg5-dq.svg) no-repeat left center;
    background-size: 15px;
}

.sideLeft1 ul li a:hover .aboutimg6, .sideLeft1 ul li a.dq .aboutimg6 {
    background: url(../images/aboutimg6-dq.svg) no-repeat left center;
    background-size: 17px;
}

.sideRight1 {
    width: 900px;
    float: right;
    padding-bottom: 20px;
}

.abouttit {
    float: left;
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    font-size: 18px;
    color: #000000;
    height: 60px;
    line-height: 60px;
}

.abouttit span {
    padding-left: 40px;
}

.about {
    padding: 20px 40px;
    width: 830px;
    float: left;
}

.about p {
    font-size: 14px;
    color: #000000;
    padding: 20px 0
}

.about img {
    margin: 40px auto 20px auto;
    border-radius: 5px;
}

.about.color-28 {
    color: #282828;
}

.about.color-28 strong {
    color: #000000;
}

.aboutline {
    float: left;
    width: 100%;
    background: #d8d8d8;
    height: 1px;
    margin: 20px 0
}

.contact {
    padding: 20px 40px;
    width: 830px;
    float: left;
    color: #000000;
}

.contact p {
    font-size: 14px;
    padding: 10px 0
}

@media screen and (max-width: 1280px) {
    .download .banner .load-text1 {
        top: 20px;
    }

    .download .banner .load-text11 {
        top: 180px;
    }

    .download .banner .ewCode {
        top: 340px;
    }

    .download .banner .ewCode .imgs {
        margin-bottom: 210px;
    }

    .tool-tips-fixed.tool-tips-fixed {
        left: auto;
        right: 0px;
        margin-left: 0px;
        width: 45px;
    }
}

@media screen and (max-width: 1400px) {
    .download .banner .load-text1 {
        top: 20px;
    }

    .download .banner .load-text11 {
        top: 170px;
    }

    .download .banner .ewCode {
        top: 330px;
    }

    .download .banner .ewCode .imgs {
        margin-bottom: 10px;
    }
}
/*主播直播样式*/
.liveanchor ul li {
    float:left;
    width:272px;
    height:209px;
    margin-right:14px;
    margin-bottom: 14px;
    position: relative;
    border: 1px solid rgba(232, 232, 232, 1);
    border-radius: 10px;
}
.liveanchor ul li:nth-child(4n){
    margin-right:0px;
}
.liveanchor ul li img{
    height:154px;
    width:100%;
    border-radius:10px 10px 0 0;
    display: block;
}
.liveanchor ul li span{
    display: block;
}
.liveanchor ul li span.user{
    position: relative;
    width:100%;
    margin:0 auto;
}
.liveanchor ul li span.user em{
    display: block;
    float:left;
    color: #878787;
    font-size: 11px;
}
.liveanchor ul li span.user img.userpic{
    width:36px;
    height:36px;
    border-radius: 50%;
    margin-left:10px;
    margin-top:4px;
}
.liveanchor ul li span.user em.usercont{
    width:80%;
    padding-left:6px;
    line-height:16px;
}
.liveanchor em.usercont b{
    width:210px;
    float: left;
    display: block;
    font-size: 12px;
    color: #232323;
    height:17px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 6px;
}
.liveanchor em.usercont em{
    float: left;
}
.liveanchor em.usercont i.huo{
    height: 16px;
    background:pink;
    float: right;
    background:url("../images/huo.png") no-repeat;
    background-position: 0px 2px;
    text-indent: 16px;
    margin-right:10px;
}
.liveanchor em.usercont i{
    float:right;
}
.liveanchor a.goto{
    display: block;
    width:100%;
    height:100%;
}
.liveanchor a.goto span.pic{
    position: relative;
}
.liveanchor a.goto span.videogo{
    display: block;
    width:100%;
    height: 96%;
    position: absolute;
    border-radius:10px 10px 0 0;
}
.liveanchor a:hover span.videogo{
    background:url("../images/video.png") rgba(0,0,0,0.3) no-repeat center;
}
.nomatchlive{
    width: 1080px;
    height: 650px;
    background: url("../images/nomatchlive.png") no-repeat center;
}
/*申请主播样式*/
.anchorapply{
    font-size: 13px;
}
.anchorapply div.tips{
    line-height: 18px;
    margin:32px 24px 0 24px;
}
.anchorapply p{
    line-height: 54px;
    margin:0 24px;
}
.anchorapply span{
    display: block;
    margin:0 24px;
}
.anchorapply div.idpic{
    width:94%;
    height:414px;
    margin:0 auto;
    margin-top: 20px;
    background: url("../images/idpic.png") no-repeat;
}
/*黑名单管理*/
.blcaklist{
    width:752px;
    float:left;
    padding:32px 3%;
}
.blcaklist table{
    width:100%;
    border-collapse: collapse;
}
.blcaklist tr{
    line-height: 40px;
    font-size: 14px;
}
.blcaklist th,.blcaklist td{
    border: 1px solid #ccc;
}
.blcaklist td{
    text-indent: 10px;
}
.blcaklist tr td:nth-child(4){
    color: red;
    cursor:pointer;
}
/*直播设置样式*/
.livesetting div.room{
    height:auto;
    float:left;
    width:98%;
    margin: 20px 24px 0 24px;
}
.livesetting div.tops{
    margin-top:32px;
}
.livesetting div.room label{
    display: block;
    float:left;
}
.livesetting div.room input{
    -web-kit-appearance:none;
    -moz-appearance: none;
    outline:0;
    width:580px;
    line-height: 22px;
    font-size:11px;
    margin-left:15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    text-indent: 10px;
}
.livesetting div.room a{
    width:75px;
    line-height: 22px;
    text-align: center;
    color: #878787;
    font-size:11px;
    margin-left:15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    display: block;
    float:left;
}
.competitions{
    height:auto;
    float:left;
    width:98%;
    margin:20px 24px;
}
.competitions span{
    font-size: 13px;
    display: block;
    float: left;
    width:52px;
}
.competitions div.chose{
    float: left;
    height:454px;
    width:86%;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-left: 20px;
    position: relative;
}
.competitions div.chose div.nav{
    width:100%;
    float:left;
    /*;*/
}
.competitions div.chose div.checkpg{
    background: url("../images/check .png") no-repeat;
}
.competitions div.chose div.checkedpg{
    background: url("../images/checked.png") no-repeat 70px;
}
.competitions div.chose a{
    display: block;
    font-size: 13px;
    line-height:23px;
    margin:7px 20px;
    float: left;
}
.competitions div.chose a.choseed{
    border-bottom: 2px solid red;
    color: red;
}
.competitions div.chose em{
    display: block;
    font-size: 13px;
    line-height:25px;
    margin:7px 20px;
    float: right;
}
.choselists{
    width:100%;
    overflow: hidden;
    height:370px;
    overflow-y: scroll;
}

.choselists::-webkit-scrollbar {/*滚动条整体样式*/
    width:4px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
.choselists::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    background: #D8D8D8;
}
.choselists::-webkit-scrollbar-track {/*滚动条里面轨道*/
    border-radius: 10px;
    background: #f7f7f8;
}



.choselist{
    float: left;
    width:100%;
    /*background:#0ff;*/
}
.choselist em.daystime{
    display: block;
    width:100%;
    margin:0!important;
    /*background:#f0f;*/
    text-indent: 20px;
    line-height: 23px;
    background:#F7F7F7;
}
.choselist em.daystime.fixed{
    position: absolute;
    top:39px;
    float: none;
}
.choselist ul{
    float: left;
    width:100%;}
.choselist ul li{
    display: block;
    float: left;
    width:100%;
    border-bottom:1px solid #ccc;
}
.choselist ul li span.time,.choselist ul li span.game,.choselist ul li span.against,.choselist ul li span.checks{
    display: block;
    float: left;
    line-height: 40px;
    text-indent: 20px;
}
.choselist ul li span.time{
    width:10%;
}
.choselist ul li span.game{
    width:25%;
}
.choselist ul li span.against{
    width:58%;
}
.choselist ul li span.checks{
    cursor:pointer;
    width:5%;
    height:40px;
    background:url("../images/chose-1.png") no-repeat center;
}
.choselist ul li span.checks:hover{
    background:url("../images/chose-2.png") no-repeat center;
}
.choselist ul li span.checks.on{
    width:5%;
    height:40px;
    background:url("../images/chosed-3.png") no-repeat center;
}
.chose div.choseedbutton{
    cursor:pointer;
    width:84px ;
    height:28px;
    line-height: 28px;
    text-align: center;
    float:left;
    background:red;
    border-radius: 8px;
    margin-left:294px;
    margin-top:10px;
    color: #fff;
}
.toasttips{
    background-color: rgba(0,0,0,.6);
    width: 220px;position:fixed;
    z-index:300;
    color:#fff;
    top:30%;
    line-height:25px;
    padding:5px;
    border-radius:10px;
    left:50%;
    margin-left: -110px;
    text-align: center;
    font-size:14px;
}
#change2 div.livelists{
    width:100%;
    height:100%;
    background:url("../images/nolist.png") no-repeat;
}
#change2 span.noliveimg{
    display: inline-block;
    width:240px;
    height:240px;
    background: url("../images/nomatch.png") no-repeat;
    margin:30px 35%;
}


.process{
	transform: rotate(-90deg);
	-ms-transform:rotate(-90deg); 	/* IE 9 */
	-moz-transform:rotate(-90deg); 	/* Firefox */
	-webkit-transform:rotate(-90deg); /* Safari 和 Chrome */
	-o-transform:rotate(-90deg); 
}
