*{
  box-sizing: border-box;
  text-align: center;
}
 .cont{
        background: #eee;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 14px;
        color:#000;
        margin: 0;
        padding: 0;
    }
    .swiper-container {
        width: 100%;
        height: 300px;
        margin: 20px auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding-bottom: 20px;
    }
    .append-buttons {
        text-align: center;
        margin-top: 20px;
    }
    .append-buttons a {
        display: inline-block;
        border: 1px solid #007aff;
        color: #007aff;
        text-decoration: none;
        padding: 4px 10px;
        border-radius: 4px;
        margin: 0 10px;
        font-size: 13px;
    }



  .jcsc{
	  /* background: #059aa4; */
	   /* background-image: url(./bac.jpg); */
	  background-repeat: no-repeat;
	  background-size: 100% 100%;
	  /* padding-top:280px; */
  }
  .flexSty{
	  display: flex;
	  align-items: flex-start;
	  justify-content: center;
  }
  .topItem{
	  width: 155px;
	  height: 100px;
	  line-height: 70px;
	  font-weight: bold;
	  z-index: 2;
	  float: left;
	  cursor: pointer;
  }
  
  .topContainer{
	  margin: 0 20px;
  }
  .colorEx{
	  color: #cf2e88;
  }
  .qk_06, .qk_06 .division{
  	width: auto;
  }
  

  .qk_06, .qk_06 .division {
       height: 510px;
       background: url(web_saicheng_06_1.jpg) no-repeat top center;
   }
   .qk_07, .qk_07 .division {
        height:510px;
        background: url(web_shuju_07.jpg) no-repeat top center;
    }
    .qk_08, .qk_08 .division {
         height:528px;
         background: url(web_shuju_08.jpg) no-repeat top center;
     }
	 .qk_09, .qk_09 .division {
	      height:40px;
	      background: url(web_shuju_09.jpg) no-repeat top center;
	  }
  .itemSty0{
	   /* background: url("矩形-1250.jpg") no-repeat ; */
	   /* margin-top: ; */
  }
  .itemSty3{
  	   background: url("jx-1249.png") no-repeat ;
  	   /* color: #fff; */
  }
  .itemSty2{
	   background: url("jx-1249.png") no-repeat ;
	   color: #fff;
  }
  .itemSty1{
  	   background: url("jx 1249.png") no-repeat ;
  }
  .isToday{
	  color: #cf2e88;
  }
  
  .jc_content{
	 /* width: 1240px;
	  height: 1442px; */
	  /* background: #fff; */
	  margin: auto;
	  
  }
  .jc_content_l{
	  width: 860px;
	  height: 1043px;
	  background: #ad2d56;
	  border-radius: 5px;
	  /* margin-right: 20px; */
	  justify-content: space-between;
	  padding: 20px 10px;
    margin-left: 15px;
    overflow: auto;
  }
  .jc_content_ll, .jc_content_lr{
	 width: 160px;
	 color: #fff;
	 font-size: 16px;
	 font-weight: bold;

  }
  .jc_content_ll_detail, .jc_content_lr_detail{
	 background-color: #c4eee8;
	 color: #fff;
	 margin-top: 10px;
	 min-height: 900px;
	 padding: 10px 13px;
   background: url(jc_content_lr.png);
   background-size: 100% 100%;
  }
  .jc_content_ll_detail div,.jc_content_ll_detail h2, .jc_content_lr_detail div,.jc_content_lr_detail h2{
	 margin-bottom: 14px;
	 font-weight: bold;
	  text-align: left;
  }
  .jc_content_l .coach,.jc_content_l .player{
    width: 72px; height: 23px;
    padding-left: 18px; margin-left: -23px;
    font: 13px/23px '';
    color: #fff;
    box-sizing: border-box;
  }
  .jc_content_l .coach{
    background: url(detail_1.png) no-repeat left center;
  }
  .jc_content_l .player{
    background: url(detail_2.png) no-repeat left center;
  }
  .coach_ul span{
    width: 93px;
    display: block;
    font:12px/20px ''; text-align: left;
    white-space: nowrap;
    float: left;
  }
  .player_ul img,.coach_ul img{
    width: 35px;
    margin-right: 5px;
    float: left;
  }
  .player_ul .player_info{
    width: 94px;
    float: left;
    margin-bottom: 0;
  }
  .player_info{

  }
  .player_info strong{
    padding: 2px 0;
    font: 12px/16px '';
    text-align: left;
    white-space: nowrap;
    display: block;
  }
  .player_info span{
    height: 16px;
    padding: 0 5px;
    font: 12px/16px '';
    display: inline-block;
    background-color: #c25e5e;
    border-radius: 6px;
    border: 1px solid #eaa0a0;
  }
  .player_info span em{
    display: block;
    transform: scale(.8) translateY(-2px);
  }

  .jc_content_lm{
	  /* background-color: yellowgreen; */
	  color: #fff;
	  margin-top: 60px;
	  position: relative;
  }

  .jc_content_r{
	  width: 310px;
	  border-radius: 10px;
  }
  .jc_content_rItem{
	  width: 310px;
	  height: 134px;
	  background-image: url(jc_content_rItem.png);
    /* background: #74cff1; */
	  border-radius: 5px;
	  margin-bottom: 20px;
	  font-size: 10px;
	  padding: 20px 25px;
	  color: #fff;
	  box-sizing: border-box;
	  justify-content: space-between;
	  align-items: center;
	  cursor: pointer;
  }
  .jc_content_rItem div{
	   text-align: left;
	   font-size: 18px;
  }
   .jc_content_rItem :nth-child(2){
	   margin: 10px 0;
   }
 .chooseSty{
 	 background-image: url(chooseSty.png);
	 background-repeat: no-repeat;
	 width: 340px;
	 /* margin-left: -12px; */
	 padding: 20px 25px;
 }
  .jc_content_lm_flag{
	  justify-content: space-around;
  }
  .jc_content_lm_flag img{
	  width: 50px;
	  margin-bottom: 10px;
  }
  .flag_m{
	  font-size: 14px;
	  position: absolute;
	  left: 200px;
	  top: -48px;
  }
  .flag_m h3{
	  margin-bottom: 30px;
	  font-size: 22px;
  }
  .flag_m .state{
    font: bold 26px/30px '';
    margin-top: 15px;
  }
  .flag_name{
	  font-size: 20px;
	   font-weight: normal;
  }
  .flag_coach{
	 font-size: 18px;
	 font-weight: normal;
	 margin: 10px 0 12px;
  }
  .flag_coach_L,.flag_coach_R{
    width: 165px; height: 30px;
    margin-bottom: 30px; margin-top: 10px;
    font: 20px/30px ''; text-align: center;
    color: #fff;
  }
  .flag_coach_L{ background: url('flag_coach_L.png') no-repeat center;}
  .flag_coach_R{ background: url('flag_coach_R.png') no-repeat center;}
  .flag_result{
	 font-size: 22px;
  }
  .jc_content_lm_img{
	  /* background-color: #aaa; */
	  justify-content: space-between;
	  color: #666;
	  font-size: 20px;
	  height: 300px;
	  margin-top: 5px;
  }
  .lm_img_l, .lm_img_r{
	   background-color: #fff;
	   border-radius: 10px;
	   padding: 20px;
	   text-align: center;
  }
  .lm_img_l{
	   margin-right: 15px;
  }
  .lm_img_l_title, .lm_img_r_title{
	  font-weight: bold;
	  letter-spacing: 1px;
  }
  .lm_img_l_title span, .lm_img_r_title span{
	  color: #cf2e88;
  }
  .lm_img_l_result div, .lm_img_r_result div{
	  width: 50px;
	  height: 20px;
	  line-height: 20px;
	  color: #fff;
	  font-size: 16px;
	  margin: 20px 9px;
	  border-radius: 20px;
  }
  .lm_img_l_result :nth-child(1), .lm_img_r_result :nth-child(1){
	  background: #cf2e88;
  }
  .lm_img_l_result :nth-child(2),.lm_img_r_result :nth-child(2){
	  background: #04afb6;
  }
  .lm_img_l_result :nth-child(3),.lm_img_r_result :nth-child(3){
	  background: #999;
  }
  
  .lm_expert{
	  /* height: 180px; */
	  width: 500px;
	  padding: 20px;
	  background: #fff;
	  border-radius: 6px;
	  margin-bottom: 20px;
  }
  .lm_expert_header{
	  justify-content: space-between;
  }
  .lm_expert_header img{
	  width: 60px;
	  height: 60px;
	  border-radius: 50%;
	  margin-right: 10px;
  }
  .expertCommend{
	  font-size: 22px;
	  border-bottom: 2px solid #fff;
	  height: 40px;
	  line-height: 40px;
	  width: 89px;
	  margin-bottom: 20px; 
  }
  .header_name{
	  font-size: 22px;
	  font-weight: bold;
	  text-align: left;
	  color: #000;
	  margin-bottom: 2px;
	 
  }
  .header_grade{
	font-size: 16px;
	font-weight: bold;
	color: #09b4bb;
	width: 113px;
	height: 30px;
	padding:  2px 6px;
	background: url("矩形 7.png") no-repeat ;
	background-size: 100% 100%;
  }
  .expert_detail{
	  text-align: left;
	  line-height: 28px;
	  color: #666;
	  margin-top: 15px;
	  font-size: 16px;
	  font-weight: bold;
  }
  .expert_time{
	  text-align: right;
      color: #999;
	  font-weight: 500;
  }
  #battle_name{
	  font-size: 24px;
  }
  .jc_content_rItem_jian div{
	  border: 1px solid #FFFFFF;
	  width: 34px;
	  height: 34px;
	  line-height: 35px;
	  font-weight: 400;
	  text-align: center;
  }
  .lm_expert_header span{
	  font-size: 15px;
	  font-weight: bold;
	  vertical-align: top;
  }
  .mask{
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: width 2s;
    background-color: rgba(55,55,55,.6);
    height: 100%;
    z-index: 1000;
  }
  .ivu-drawer {
  	z-index: 1002;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
    width: 50%;
	height: 720px;
	background: #F0F0F0;
	border-radius: 20px;

  }
  .ivu-drawer-content {
    width: 100%;
    height: 100%;
	border-radius: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    border: 0;
    background-clip: padding-box;
    box-shadow: 0 4px 12px #999;
    padding-top: 80px;
    text-align: center;
    font-size: 18px;
  }
  .xiTitle{
	
	  margin-bottom: 60px;
  }



  .main{
    height: 2300px;
    min-width: 1240px;
    background: url(paihangbang.png) no-repeat top center;
  }
  .main .qk_01, .qk_01 .division{height: 463px;}
  .main .qk_02, .qk_02 .division{
    height: 240px;
    background: url(scsg02.png) no-repeat top center;
    margin-top: -130px;
  }
  .main .qk_03, .qk_03 .division{
    height: auto; width: 1240px;
    margin: 0 auto; padding-bottom: 20px;
    background: #fff;
    border-radius: 0 0 20px 20px;
  }
  
  .tydhang {
    width: 820px;
    margin: 0 auto;
  }
  .tydhang li{
    float: left;
    width: 33%;
    margin-top: 145px;
    height: 70px;
  }
  .tydhang li a{
    display: block;
    height: 100%;
    width: 60%;
    margin: 0 auto;
    opacity: 0;
  }
  
  
  .sssy_dh {
    width: 1176px; height: 61px;
    margin: 0 auto 35px;
    background: url(erji.png) no-repeat;
  }
  .sssy_dh li {
    float: left;
    _display: inline;
    width: 25%;
    height: 61px;
    text-align: center;
    font: 20px/61px '';
    color: #fff;
  }
  .sssy_dh li.dq {
    position: relative;
  }
  .sssy_dh li.dq a {
    position: absolute;
    width: 156px;
    height: 61px;
    margin-left: -78px;
    left: 50%;
    top: 0;
    font-weight: bold;
    display: block;
    color: #b6355f;
    background: url(erji_on.png) no-repeat center;
  }
  .clearDiv{
    width: 100%; height: 0;
    display: block;
    clear: both;
  }