@charset "UTF-8";

html,
body,
#header,
.shareBody #contents,
.dot,
.ather-nav2 li a,
[off-canvas],
.shareBody .main,
.news ul li:nth-child(even),
#contents,
.contents-wrap,
.playlist .item,
footer{ background:#FFD200}/* 黄背景 */

.listItemPhoto{background-color: #FFD200;}



#contents section h2,
#contents section .news h2,
#contents section h2 span,
.crumb li a,
footer{ color:#0071B9}/* 青文字 */




.shareBody .playBtn{ padding:10px 0; background:#0071B9} /* 青背景 */


.top-bn{ display:none!important}
.advertisementArea3{ display: block!important;  width: auto!important; margin-top:10px!important;margin-right: 0!important;}

.groupPlayBtn{ margin-left:6px; padding-left:10px!important; font-size:130%!important; background:#0071B9!important; color:#fff!important;}

.playBtn a{ color:#fff}

.playlist .item{ border:3px solid #fff}
.playlist .item:hover{ border:3px solid #dbbd00}
.flex-control-paging li a{ background:#fff!important}
.flex-control-paging li a.flex-active{ background:#0071B9!important}

.news ul li a,
.news ul li span{ color:#000}

.news ul li{ border-bottom:1px solid #000}

.shareBody #contents section h3 a{ text-decoration:none}

.switch-wrap {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  background: #0075c2
}
.switch-wrap img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 205px;
}


.slider,
.slides a,
.slides div{ width:100%!important;}
.slides a, .slides div{ border:none!important;padding-bottom: 45%!important; height:auto!important; }

.ather-nav2,.playBtn{ border:none; background:none}
.ather-nav2 li{ border-bottom:1px solid #000}


.more table {
    border-top: 1px solid #0075c1;
    border-left: 1px solid #0075c1;
}
.more table th{background:#0075c1; color:#FFD200;border-right: 1px solid #0075c1;}
.more table td{    border-right: 1px solid #0075c1;
    border-bottom: 1px solid #0075c1;}

@media only screen and (max-width: 480px) {
.playlist .item{ width:100%}
	}
@media only screen and (min-width: 481px) {

}
@media only screen and (min-width: 768px) {
	}
@media only screen and (max-width: 940px) {
#header h1{ text-align:center}
.sb-open-left{ right:auto; left:10px}
.shareBody .playBtn .play img{ width:70px}
.shareBody .playBtn .stop img{ height:35px;}
.shareBody .playBtn .item-data{ font-size:18px; padding-left:10px;}
.shareBody #contents section h3{ font-size:18px}
}
@media only screen and (min-width: 941px) {
.indexBody .main,
.top-section{ background:#FFD200}

.slider{ margin-top:0}
.groupPlayBtn{  font-size:100%!important; }
.advertisementArea3{ margin-top:25px!important}
.more table th{ border-bottom: 1px solid #FFD200;}
.more table tr:last-child th{ border-bottom: 1px solid #0075c1;}
}


@media only screen and (min-width: 941px) {

}
@media only screen and (min-width: 1290px) {


}