/*头部导航栏布局*/
body{
  font-family: 'Microsoft YaHei',Arial;
  padding-top:80px;
}
@media (min-width: 1200px){
  .container{
    width: 1000px;
  }
}
a:hover{
  text-decoration: none;
}
.nav{
  font-family: 'Microsoft YaHei',Arial;
  background: #fff;
  z-index: 999;
  border-bottom:1px solid #ebebeb;
  position:fixed;
  top:0;
  left:0;
  height:80px;
  width: 100%;
}
.top-boxshadow{
  box-shadow:0 0 5px #888;
}
.nav-text{
  font-size: 16px;
  font-weight: 700;
}
.nav-text a{
  color: #515151;
  text-decoration: none;
  display: block;
  width: 100%;
  height: 100%;
}
.nav-text div.hover{
  background: #eee;
}
.nav-text div.hover a{
  background:#2796fb
}
.nav-text div.hover a{
  color:#fff;
}
.nav-text div.curr{
  background:#2796fb;
}
.nav-text div.curr a{
  color:#fff;
}
.margin-bottom-20{
  margin-bottom:20px;
}
.nav-height{
  line-height: 80px;
  padding-left: 1px;
  padding-right: 1px;
}
.caiqr-logo{
  cursor:pointer;
  padding-left: 1px;
  padding-right: 3px;
}
/*大事件*/
.event-timeline-bg{
  padding:0;
  background: #f5f5f5;
}
.event-timeline-bg-img{
  background: #f5f5f5;
  background-size: 100% auto;
  background-position: bottom;
  padding-right: 0;
  padding-left: 0;
}
.swiper-container{
  height:100%;
}
.swiper-button-left,.swiper-button-right{
  position: absolute;
  bottom: 20%;
  z-index: 998;
}
.swiper-button-left{
  left: 12%;
}
.swiper-button-right{
  right: 12%;
}
.slide-1{
  background:url('../images/bigevent-01.png') no-repeat;
  background-size:100% 100%;
  padding-top:8%;
}
.slide-2{
  background:url('../images/bigevent-02.png') no-repeat;
  background-size:100% 100%;
  padding-top:5%;
}
.slide-3{
  background:url('../images/bigevent-03.png') no-repeat;
  background-size:100% 100%;
  padding-top:2%;
}
.slide-4{
  background:url('../images/bigevent-04.png') no-repeat;
  background-size:100% 100%;
  padding-top:2%;
}
.slide-5{
  background:url('../images/bigevent-05.png') no-repeat;
  background-size:100% 100%;
  padding-top:5%;
}
.slide-6{
  background:url('../images/bigevent-06.png') no-repeat;
  background-size:100% 100%;
  padding-top:5%;
}
.slide-7{
  background:url('../images/bigevent-07.png') no-repeat;
  background-size:100% 100%;
  padding-top:5%;
}
.slide-8{
  background:url('../images/bigevent-08.png') no-repeat;
  background-size:100% 100%;
  padding-top:2%;
}
.slide-9{
  background:url('../images/bigevent-09.png') no-repeat;
  background-size:100% 100%;
  padding-top:5%;
  padding-left:200px;
}
.slide-10{
  background:url('../images/bigevent-11.png') no-repeat;
  background-size:100% 100%;
  padding-top:5%;
}
.slide-11{
  background:url('../images/bigevent-12.png') no-repeat;
  background-size:100% 100%;
  padding-top:5%;
}
.slide-12{
  background:url('../images/bigevent-10.png') no-repeat;
  background-size:100% 100%;
}
.swiper-slide h1,.swiper-slide h3{
  color:#0259a7;
}
.swiper-slide h3{
  font-size: 22px;
  line-height: 30px;
  padding:0;
  margin-top:0;
  margin-bottom:0;
}
.swiper-slide h3.big-event-icon{
  margin-top:15px;
  padding:0 36px;
}
.swiper-slide h3.big-event-icon img{
  width: 100%;
}
.event-timeline-time{
  background: url("../images/event-timeline-bg.png") no-repeat;
  background-size: 100% auto;
  position: relative;
  box-shadow: 0px 0.3rem 1rem #dedede;
}

.dates-time{
  position: absolute;
  width: 60%;
  overflow: hidden;
  left: 20%;
  bottom:20%;
  background: url('../images/timeline-line.png') no-repeat;
  background-size: 100% auto;
  background-position: bottom;
}
.dates{
  width: 300%;
  float: left;
  margin-left: -160%;
  padding-bottom: 0.72%;
}
.dates dl{
  display: inline-block;
  float: left;
  margin:0.87% 2.5% 0 2.5%;
  padding-bottom: 8px;
  background:url('../images/time-line-small-point.png') no-repeat;
  background-position: bottom;
  cursor: pointer;
}
.dates dl.on{
  margin-top: 0;
}
.dates dl dt,.dates dl dd{
  color:#2796fb;
}
.dates dl dt{
  font-size: 16px;
  font-weight: normal;
}
.dates dl dd{
  font-size: 20px;
}
.dates dl.on dd{
  font-size: 36px;
}

/*footer*/
footer{
  z-index: 999;
}
.footer{
  padding:20px 0 0 0;
  background:#fff;
}
.footer a{
  cursor:pointer;
}
.footer a:hover{
  color:#2797fb;
}
.footer .attention{
  color:#444;
  font-size:16px;
}
.footer .wx-icon{
  padding:0 0 0 4.5rem;
}
.footer .wx-icon img{
  width: 40px;
  cursor:pointer;
}
.footer .wx-info{
  position: relative;
}
.footer .wx-info .code_mini_download,.footer .wx-info .code_mini_wx{
  position: absolute;
  width:200px;
  height:240px;
  top:-240px;
  left:-50px;
  display: none;
}
.footer .wx-info .code_mini_download{
  background:url(../images/codedownload.png) no-repeat;
}
.footer .wx-info .code_mini_wx{
  background:url(../images/codefollow.png) no-repeat;
}
.footer .wx-info span{
  cursor:pointer;
}
.footer .code_mini_app img{
  width:38px;
}
.footer-wxcontent-title{
  font-size: 15px;
  line-height: 40px;
  color:#515151;
}
.footer-wxcontent-content{
  display: block;
  color:#515151;
  font-size:12px;
  line-height: 30px;
}
.footer-wxcontent-content a{
  color:#515151;
}
.record-web-info a{
  color: #999;
  text-decoration: none;
}
.record-web-info a:hover{
  color: #999;
}
.record-web-info p{
  font-size: 12px;
  color:#999;
  margin:0 0 2px 0;
}
.record-web-info{
  padding:4rem 0;
  color:#515151;
  font-size:1.5rem;
  border-top:1px solid #eee;
  margin-top:3rem;
}
.coperation-link{
  /*background: rgba(0,0,0,0.15);*/
}
.split-line{
  padding:0 10px;
}

/*about-us*/
.containner-fluid-about-us{
  background:#f5f5f5;
}
.about-us-banner img{
  width: 100%;
}
.containner-fluid-about-us h5{
  font-size: 18px;
  font-weight: normal;
  color: #444;
  line-height: 4rem;
}
.about-us-company,.about-us-jobs{
  margin-bottom:2rem;
}
.about-us-company,.about-us-jobs,.about-us-connact-us{
  background:#fff;
  margin:20px auto;
  padding:0 20px 20px 20px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05);
}

.containner-fluid-about-us p{
  color: #515151;
  margin:0;
  padding:0;
  font-size: 15px;
  text-indent: 2.8rem;
  line-height: 2rem;
}
.jobs{
  border:1px solid #dddddd;
  margin: 1rem 0 0 0;
}
.jobs ul li{
  list-style: none;
  line-height: 2rem;
  color: #515151;
  font-size: 1.4rem;
}
.jobs h4{
  border-left:4px solid #2796fb;
  line-height: 3rem;
  font-size: 2rem;
  padding:0 0 0 2rem;
  margin:0;
  color:#2796fb;
}.jobs h6{
  font-size: 15px;
  font-weight: normal;
  color:#515151;
  padding:0 0 0 2rem;
  border-left:#fff solid 4px;
}
.about-us-connact-us ul li{
  line-height: 2rem;
  color: #515151;
  font-size: 1.4rem;
}

/**/
.download-banner{
  background: url('../images/download-bg.jpg') no-repeat;
  background-size: 100% auto;
}
.download-banner .download{

}
.download-content-part{
  margin:0 0 2rem 0;
  padding:60px 0;
}
.android-download-button{
}
.download-icon{
  padding:0;
}
.download-caiqiu{
}
.download-icon-title h4{
  margin:0;
  font-size: 22px;
  line-height: 32px;
  font-weight: 100;
  color: rgba(255,255,255,0.9);
}
.download-icon-title{
  padding:0;
}
.download-icon-title-bottom{
  padding:30px 7px;
}
.download-icon-title-bottom p{
  color:#fff;
  font-size: 18px;
  line-height: 28px;
}
.download-button{
  padding:50px 27px 0 7px;
}
.color-gold{
  color:#9b670d;
}
.color-gray{
  color:#0a2a52;
}
.font-size-16{
  font-size: 1.4rem;
}
.font-size-20{
  font-size:2rem
}
.line-height-5{
  line-height: 5rem;
}
.product-info-part-gray{
  background: #f5f5f5;
}
.product-info-content{
  margin:25px 0;
}
.product-info-content h5{
  font-size: 36px;
}
.product-info-content p{
  font-size: 20px;
}
.product-info-img img{
  width:100%;
}

/*首页*/
.index-fluid{
  background: #f5f5f5;
}
.index-date{
  background: #ffffff;
  z-index:800;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.index-date,.index-tabs .tabBox{
  margin-top:20px;
}
.index-date ul{
  padding:0;
}
.index-date-container{
  padding-left:0;
  padding-right:0;
}
.index-date ul li.date-date{
  color:#515151;
  list-style: none;
  line-height: 58px;
  font-size: 14px;
  cursor:default;
  border-bottom:1px solid #f5f5f5;
}
.index-date ul li.hover{
  color:#2796fb;
  background: #fafafa;
}
.index-date ul li.curr{
  border-left: 3px solid #2796fb;
  color:#2796fb;
}
.index-tabs .tabBox .hd{
  line-height:60px;
}
.index-tabs .tabBox .hd ul li{
  list-style: none;
  font-size:2rem;
  font-weight: 500;

}
.index-tabs .tabBox .hd ul li.on span{
  border-bottom: 0.2rem solid #2796fb;
  color:#2796fb;
}
.index-tabs .tabBox .hd ul li span{
  padding-bottom: 1rem;
  cursor:default;
}
.index-tabs .bd ul{
  margin:0;
  padding:0 0 20px 0;
}
.index-tabs .bd ul li{
  margin:1rem 1rem;
  list-style: none;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.match-title{
  line-height: 4rem;
  background: #E7F7FF;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
}
li[class^="match-item"]{
  background:#ffffff;
}
div[class^="match-info"]{
  line-height:80px;
  border-top:1px solid #eee;
  border-left:1px solid #eee;
  margin:0;
  padding:0;
}
div[class^="match-info"] a{
  color:#515151;
  font-size:14px;
}
div[class^="match-info"] a .item-title{
  color:#a0a0a0;
  font-size:12px;
}
.match-item-end div[class^="match-info"] a .item-socre{
  color:#2796fb;
}
.match-item-playing div[class^="match-info"] a .item-socre{
  color:#d80000;
}
div[class^="match-info"] a .item-comment{
  color:#2796fb;
}
div[class^="match-info"] a .item-host-name,div[class^="match-info"] a .item-away-name{
  font-size:14px;
}
div[class^="match-info"] a .item-host-img,div[class^="match-info"] a .item-away-img{
  margin:0 3px;
}
div[class^="match-info"]:hover{
  background: #fafafa;
}
.news{
  background:#ffffff;
  margin:0;
}
.news-small-img{
  padding-left: 0;
}
.news-small-img img{
  display: block;
}
.news-content .news-title{
  font-size:2rem;
}
.news-content .news-desc{
  font-size:1.4rem;
  color:#666666;
  text-indent: 2.8rem;
  margin:0rem;
  height:5rem;
}
.news-content .new-time{
  font-size: 1.2rem;
  color:#f5f5f5;
}
.item-socre{
  font-size: 20px;
}
/*资讯*/
.hot-news{
  background:#f5f5f5;
}
.hot-new-info{

}
.hot-new-info h3{
  font-size:3rem;
}
.hot-new-info p{
  font-size: 1.4rem;
  color:#666666;
}
.hot-new-info p img{
  display: inline-block;
  vertical-align: middle;
}
.news-item{
  margin-top:1rem;
  margin-bottom: 1rem;
  background: #ffffff;
}
.news-item .news-content .news-title{
  font-size:2.5rem;
}
.news-item .news-content .news-desc{
  font-size:2rem;
  height:10rem;
}

/*内容*/
.article{
  background: #f5f5ff;
}
.article-title h5{
  font-size: 3rem;
}
.article-content{
  background: #FFFFFF;
}
.article-content p{
  font-size: 1.8rem;
  text-indent: 3rem;
  line-height: 2.4rem;
  padding:3rem;
}

/*底层页*/
.match-detail{
  background: url('../images/footballplace.png') no-repeat;
  background-size: 100% 100%;
  background-position: top;
}

.match-detail-info{
  background: url('../images/gray-bg.png') no-repeat;
  background-size: 100% 100%;
  background-position: top;
  color:#ffffff;
}
.match-detail-info .host-info .host-img,.match-detail-info .away-info .away-img{
  padding:8rem 0 2rem 0;
}
.match-detail-info .host-info .host-img img,.match-detail-info .away-info .away-img img{
  height:80px;
}

.match-detail-info .host-info .host-name,.match-detail-info .away-info .away-name{
  font-size:1.8rem;
}
.match-detail-info .score-info .season-name{
  padding-top:10rem;
}
.match-detail-info .score-info .match-score{
  font-size:4rem;
}
.match-detail-info .score-info .match-score-basketball{
  font-size:3.7rem;
}
.match-detail-content{
  background: #f5f5f5;
  padding:0 0 3rem 0;
}
.match-detail-content .detail-content{
  padding:3rem;
  background: #ffffff;
  box-shadow: 0 1px 2px rgba(0,0,0,0.1);
}
.match-detail-content .detail-content .content p{
  font-size:15px;
  line-height: 2.5rem;
  text-indent: 3rem;
  margin:0;
}
.match-detail-content-title{
  height:60px;
}
.match-detail-content-title h5{
  font-size: 1.8rem;
  padding:1rem 0;
}
.re-matches{
  background:#fff;
  margin-top:60px;
}
.re-matches-item-img{
  width: 150px;
  height: 120px;
}
.re-matches-host-img{
  padding-top:4rem;
  margin-left:-5px;
}
.re-matches-away-img{
  padding-top:4rem;
  margin-left:10px;
}
/*404*/
.notfound-page{
  background: #f5f5f5;
}
.notfound-page img{
  padding:3rem 0;
}
.notfound-page p{
  font-size:3rem;
}
.notfound-page a{
  font-size: 3rem;
  background:#fbb327;
  color: #FFFFFF;
  margin:2rem 0;
}
.re-matches{
  padding-top:10px;
  padding-bottom: 25px;
  box-shadow: 0px 0.3rem 1rem #dedede;
}
.re-matches-item-img{
  padding:0;
  overflow: hidden;
}
.re-matches-item{
}
.re-matches-title h4{
  margin-bottom:0;
}
.re-matches-item dt{
  padding:0;
}
.re-matches-item a{
  color:#333;
}
.re-matches-item dt p{
  margin:25px 0 10px 0;
}
.re-matches-item dt p:hover{
  color:#2796fb;
}
.re-matches div:nth-child(2) dt p{
  margin:0px 0 10px 0;
}

#float-right{
  position: fixed;
  right: 0;
  bottom: 100px;
  width: 50px;
  height: 67px;
}
#float-right .code_mini{
  position: absolute;
  top: -105px;
  left: -128px;
  display: none;
  width: 126px;
  height: 160px;
  background: url("https://www.caiqr.com/images/float-right-code-mini.png")no-repeat;
  background-size: 100% 100%;
}
#float-right .top{
  display: block;
  width: 50px;
  height: 50px;
  background: url("https://www.caiqr.com/images/float-right-code.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}

#float-right .b_t{
  display: block;
  margin-top: 5px;
  width: 50px;
  height: 50px;
  background: url("https://www.caiqr.com/images/float-right-top.png") no-repeat;
  background-size: 100% 100%;
  cursor: pointer;
}
.app{
  cursor: pointer;
}
@media screen and (min-width:1000px){
  .download-banner .col-md-4 img{
    width:83%;
  }
}
@media screen and (min-width:1100px){
  .download-banner .col-md-4 img{
    width:90%;
  }
}
@media screen and (min-width:1200px){
  .download-banner .col-md-4 img{
    width:97%;
  }
}
@media screen and (min-width:1300px){
  .download-banner .col-md-4 img{
    width:105%;
  }
}
@media screen and (min-width:1400px){
  .download-banner .col-md-4 img{
    width:110%;
  }
}
@media screen and (min-width:1600px){
  .download-banner .col-md-4 img{
    width:120%;
  }
}
@media screen and (min-width:1800px){
  .download-banner .col-md-4 img{
    width:140%;
  }
}


@media screen and (max-width:1300px){
  .download-banner .col-md-8 .download-icon img,{
    width:97%;
  }
  .download-banner .col-md-8 .download-button img{
    width:80%;
  }
  .download-button{
    padding:35px 27px 0 7px;
  }
}
@media screen and (max-width:1200px){
  .download-banner .col-md-8 .download-icon img,{
    width:97%;
  }
  .download-banner .col-md-8 .download-button img{
    width:80%;
  }
  .download-button{
    padding:25px 27px 0 7px;
  }
}
@media screen and (max-width:1100px){
  .download-banner .col-md-8 .download-icon img,{
    width:95%;
  }
  .download-banner .col-md-8 .download-button img{
    width:80%;
  }
  .download-button{
    padding:0px 27px 0 7px;
  }
}