@charset "utf-8";/* 浩方竞技平台 CSS ## css创建日期：219-01-30 ## css ## copyRight:haofang.com */
html,body{margin:0;padding:0;height: 100%;overflow:hidden;}
body{font-size:12px;color:#a6a6a6;font-family:"微软雅黑";background:#1d1d1d url(../images/bg.jpg) no-repeat center 10px;}
div{margin:0 auto;padding:0 auto;}
h1,h2,h3,h4,h5,h6 {font-size:12px;font-weight:normal;}
dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,input,textarea{padding:0;margin:0;outline:none;}
ol,ul,li{list-style: none;list-style-type: none}
small{font-family:宋体;font-size:12px;}
p,span,td{word-wrap:break-word;word-break:break-all;}
a{text-decoration:none;color:#a6a6a6;cursor:pointer;}
a:hover{text-decoration:none;cursor:pointer;color:#fff;}
textarea{overflow:auto;resize:none;font-family:"Microsoft YaHei"}
input{font-family:"Microsoft YaHei"}
em,i{font-style:normal;}
img{border:0;}
.mask{opacity: 0.80;filter:alpha(opacity=80); background:#000;width: 100%;height: 100%;position: absolute;top:0;left:0;}
.hide{display:none;}
:focus{outline:none}

body{background: #23292f;}
.yy_wrap{min-width: 1000px;}
.yy_container{width: 1000px;min-height:700px;clear:both;margin: 0 auto;padding:20px 0;}
.index-section1{width: 1000px;overflow: hidden;height: 286px;}

/** index- slider*/
.exhibition_hall {text-align:center;position: relative;overflow:hidden;}
.exhibition_hall h4 {font-size:30px;font-family:"微软雅黑";text-align:center;margin:0px auto;padding-top:50px;color:#000;}
.tline {color:#dedede;}
.roundabout_box ul {}
.roundabout_box img {width:100%;}
.roundabout_box {height:286px;width:1000px;margin:0 auto;}
.roundabout-holder{list-style:none;width:660px;height:286px;margin:0px auto;}
.roundabout-moveable-item{font-size:12px!important;height:286px;width:660px;cursor:pointer;background:#f9f9f9;}
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFFFFF;margin:0;}
.roundabout-in-focus{cursor:auto;}
.roundabout-in-focus000:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#f9f9f9;}
.roundabout-holder .text{color:#999;}
.roundabout-in-focus000:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa;}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none;}
.roundabout li{margin:0}

.index-section2{width: 1000px;padding-top: 25px;}
.index-left{float: left;width: 740px;}
.index-right{float: right;width: 240px;}
.index-match-title{height: 30px;font-size: 14px;position: relative;width: 740px;}
.mtop20{margin-top: 20px;}
.index-match-title span,.index-match-title a{display: inline-block;position: absolute;color: #8bc3d8;top:0;}
.index-match-title a{right: 0;}
.index-match-title a:hover{color: #fff;}
.index-match-list1{height: 242px;width: 740px;overflow: hidden}
.index-match-list1 ul{width:750px;position: relative;left: -10px; }
.index-match-list1 li{width: 238px;height: 242px;border: 1px solid #393f44;background: #2c3137;margin-left: 10px;float: left;}
.m-img{text-align: center;padding-top: 20px;width: 220px;height: 65px;overflow: hidden;margin: 0 auto;position: relative;}
.m-img img{width: 220px;height: 65px;}
.m-img span{display: inline-block;color: #fff;width: 50px;height: 18px;font-size: 12px;position: absolute;right: 0;top:30px;line-height: 18px;text-align: center}
.m-img .red-label{background: #eb1409;}
.m-img .yellow-label{background: #fb8c00;}
.m-img .grey-label{background: #626262;}
.m-title{width: 220px;height: 36px;text-align: center;line-height: 36px;font-size: 14px;color: #5e8ba8;background: #000000;margin: 0 auto;}
.m-time,.m-time2{width: 205px;margin: 18px auto 0;position: relative}
.m-time2{margin-top: 10px;}
.m-time span{display: inline-block;font-size: 12px;color: #82a5b2;}
.m-time .index-span2{position: absolute;right: 0;}
.m-detail{width: 198px;height: 34px;margin: 12px auto 0;}
.m-detail a{position:relative;display: inline-block;background: url("../images/sprite.png") 0 -185px no-repeat;width: 198px;height: 34px;line-height: 34px;color: #5e8ba8;text-align: center;font-size: 12px;}
.index-btn1 i,.index-btn2 i{display: inline-block;position: relative;width: 14px;height: 16px;background: url("../images/sprite.png")  no-repeat;}
.m-detail a:hover{background-position: 0 -225px;color: #fff;}
.index-btn1 i{background-position: -1px -1px;left:-5px;top:4px;}
.index-btn2 i{background-position: -20px 0px;left:-5px;top:4px;}
.index-match-type{width: 740px;height: 130px;overflow: hidden;}
.index-match-type ul{width: 742px;position: relative;left:-4px;}
.index-match-type li{width: 100px;height: 130px;float: left;color: #82a5b2;font-size: 12px;margin-left: 6px;}
.index-match-type li img{width: 100px;height: 100px;}
.index-match-type li p{text-align: center;}
.index-match-type .index-p2{padding-top: 2px;}
.index-btns{width: 240px;}
.index-btns a{display: inline-block;width: 240px;height: 50px;background: url("../images/sprite.png") 0 -70px no-repeat;font-size: 14px;color: #5e8ba8;text-align: center;line-height: 50px;}
.index-btns a:hover{background-position: 0 -128px;color: #fff;}
.index-btns .index-btn1:hover i{background-position: -1px -20px;}
.index-btns .index-btn2:hover i{background-position: -20px -20px;}
.index-btn2{margin-top: 10px;}
.index-zx{padding-top: 40px;width: 240px;}
.index-zx-title{position: relative;width: 240px;}
.index-zx-title span,.index-zx-title a{display: inline-block;font-size: 14px;color: #8bc3d8;}
.index-zx-title a{position: absolute;right: 0;}
.index-zx-title a:hover{color: #fff;}
.index-zx-list{width: 200px;height: 248px;border: 1px solid #393f44;background: #2c3137;margin-top: 10px;padding: 5px 20px;overflow: hidden;}
.index-zx-list li{position:relative;width: 200px;height: 35px;border-bottom: 1px dashed #42464b;}
.index-zx-list li:last-child{border: none;}
.index-zx-list li a{display: inline-block;width: 200px;overflow: hidden;line-height: 36px;height: 36px;font-size: 12px;color: #82a5b2;}
.index-zx-list li a:hover{color: #fff;}
.index-zx-list span{display: inline-block;width: 155px;height: 36px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap}
.index-zx-list .index-zx-time{width: 40px;position: absolute;right: 0;}
.match-section1{width: 1000px;overflow: hidden}
.match-tab-list{width: 1000px;}
.match-tab-list span,.match-tab-list a{display: inline-block;font-size: 12px;color: #82a5b2;}
.match-tab-list a{padding-left: 20px;}
.match-tab-list a:hover{color: #dce0ec;}
.match-tab-list a.active{color: #dce0ec;}
.margin12{margin-top: 12px;}
.match-section2{padding: 5px 0;width: 1000px;}
.match-left{float: left;width: 720px;}
.adv-right{float: right;width: 260px;}
.match-list{width: 718px;height: 158px;border: 1px solid #393f44;background: #2c3137;margin-top: 10px;position: relative;}
.match-list img{width: 210px;height: 120px;position: absolute;left:20px;top:20px;}
.match-list a,.match-list span{display: inline-block;font-size: 14px;color: #82a5b2;position: absolute;}
.match-list .match-title{width: 300px;height: 30px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;left:250px;top:20px;line-height: 30px; }
.match-list .match-act-time{top:60px;left:250px;font-size: 12px;cursor: pointer}
.match-list .match-title:hover{color: #dce0ec;}
.match-list .match-act-time:hover{color: #a6a6a6;}
.match-list .match-sign-btn{width: 98px;height: 36px;background: url("../images/sprite.png") -1px -313px no-repeat;right: 20px;bottom: 20px;line-height: 36px;text-align: center;font-size: 12px;}
.match-list .match-sign-btn:hover{color: #dce0ec;background-position: -1px -271px;}
.match-list .match-status{width: 53px;height: 22px;text-align: center;line-height: 22px;font-size: 12px;color: #ffffff;right: -1px;top:26px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;}
.match-list .red-status{background: #eb1409;}
.match-list .yellow-status{background: #fb8c00;}
.match-list .grey-status{background: #626262;}

.adv-img{width: 260px;height: 126px;margin-top: 10px;}
.adv-img a{display: inline-block;width: 260px;height: 126px;}

.page_mod{text-align:center;color:#fff;font-size:12px;margin:20px auto;padding:0px;overflow:hidden;}
.page_mod a{color:#a6a6a6;font-size:12px; padding:0 8px;height:22px;line-height:22px;border:1px solid #353535;display:inline-block;margin:0 3px;
    -moz-border-radius:3px;      /* Gecko browsers */
    -webkit-border-radius:3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */}
.page_mod a:hover{color:#fff;font-size:12px; padding:0 8px;border:1px solid #fff;display:inline-block;margin:0 3px;
    -moz-border-radius:3px;      /* Gecko browsers */
    -webkit-border-radius:3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */}
.page_mod .cur,.page_mod .current,.page_mod .cur:hover,.page_mod .current:hover{color:#ffffff;font-size:12px; padding:0px 8px;background:#5e8ba8;display:inline-block;margin:0 3px;
    -moz-border-radius:3px;      /* Gecko browsers */
    -webkit-border-radius:3px;   /* Webkit browsers */
    border-radius:3px;            /* W3C syntax */}
.page_mod .cur,.page_mod .current,.page_mod .cur:hover,.page_mod .current:hover{border:0;}


.section_slider2{width: 1000px;height: 280px;margin: 0 auto 0;position: relative;overflow: hidden;}
.section_slider2 .btn_left,.section_slider2 .btn_right{background:url(../images/sprite.png) no-repeat 0 0;display:inline-block; vertical-align:middle;width:20px;height:28px;top:138px;z-index:111; background-position:-100px 0; position:absolute}
.section_slider2 .btn_left{background-position:-50px 0px;}
.section_slider2 .btn_left{left:-150px;}
.section_slider2 .btn_right{right:-150px;}
.section_slider2 .slider2 {position: absolute;width: 660px;height: 280px;top: 0;left: 50%; margin-left: -330px;}
.section_slider2 .slider2 li {
    position: absolute;
    top: 0;
    left: 0;
    width:660px;
    height: 280px;
    transition: all 0.3s ease;
}

.section_slider2 .slider2 li img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: inline-block;
	-moz-border-radius:5px;      /* Gecko browsers */
    -webkit-border-radius:5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
}

.p1 {
    transform: translate3d(-170px, 0, 0) scale(0.8);
    opacity: 1;
    z-index: 1;
}

.p2 {
    transform: translate3d(-170px, 0, 0) scale(0.8);
    transform-origin: 0 50%;
    opacity:1;
    z-index: 2;
}

.p3 {
    transform: translate3d(0px, 0, 0) scale(1);
    opacity: 1;
    z-index: 4;
}

.p4 {
    transform: translate3d(302px, 0, 0) scale(0.8);
    transform-origin: 0 50%;
    opacity: 1;
    z-index: 3;
}

.p5 {
    transform: translate3d(302px, 0, 0) scale(0.8);
    transform-origin: 0 50%;
    opacity: 1;
    z-index: 1;
}



.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: rgba(149,121,22,.4);
}
.content_2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover {
        background: rgba(149,121,22,1);
}