@charset "utf-8";
/* CSS Document */
a {text-decoration: none;}
.details { width:1190px; padding:0 5px; margin:0 auto;}
.des-content {margin: 15px 0 30px;}
/* 面包屑-语言旗帜 */
.lang-bread{border-bottom: 1px solid #cccccc;padding: 30px 0;}
.lang-bread::after{content: '';display: block;clear: both;}
.lang-bread .bread{ float: left; }
.lang-bread .lang-list{ float: right; }
.lang-bread .lang-list a{ display: inline-block;margin-left: 5px; vertical-align: middle; }
/* 面包屑-语言旗帜 */

/* 按钮UI */
.push {padding: 30px 0 10px;}
.push .Btn {
     width: 210px; height: 60px;  padding: 0 40px 0 0;
	text-align: center; border-radius: 50px;
	font-weight: 800; cursor: pointer; -o-border-radius: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; color: #fff; font-size: 21px;
     line-height: 60px; display: inline-block; margin: 10px;
}
.push .Win { background:url(https://www.5kplayer.com/img/divlast04-win-eighteen.png) 200px 15px no-repeat #00a2ff; }
.push .Win:hover { background:url(https://www.5kplayer.com/img/divlast04-win-eighteen.png) 200px 15px no-repeat #12b6fe; }
.push .mac { background:url(https://www.5kplayer.com/img/divlast04-mac-eighteen.png) 200px 15px no-repeat #1ad4a3; }
.push .mac:hover { background:url(https://www.5kplayer.com/img/divlast04-mac-eighteen.png) 200px 15px no-repeat #2de0b8; }
/* 按钮UI */
/* ``````````````````````````````````````````````````````````````````````````````````````````````````````````` 版块区域分割线 ``````````````````````````````````````````````````````````````````````````````````` */
.MobleBig { display: none;}
.MobleNav { background: #656565; display: block; height: 65px;  }
.MobleNav .lltab {  padding: 15px 0;  }
.MobleNav .lltab h4 { font-size: 27px;  font-weight: 800; line-height: 35px; display: block; width: 20%; float: left; padding-left: 5%; }
.MobleNav .lltab h4 a { color: #fff; text-decoration: none; }
.MobleNav .lltab h5 { display: block; font-size: 23px;  display: block; width: 150px; float: right; line-height: 35px; }
.MobleNav .lltab h5 img { vertical-align: middle; }
.MobleNav .lltab h5 a { color: #7dc03b; text-decoration: none; }
.MobleNav .lltab .Huv { width: 35px; height: 35px; float: right; cursor: pointer; padding-right: 3%; }
.Matter {  background: #202020; padding: 20px 0; display: none; position:absolute; top: 65px; z-index: 10; left: 0; width: 100%;  color: #fff; }
.Matter .close { width: 19px; height: 19px; float: right; margin: 0 5% 0 0; cursor: pointer;  }
.Matter ul { font-size: 23px; padding: 20px 5% 0 5%; }
.Matter ul li { list-style: none; border-bottom: 1px solid #4d4d4d; padding: 25px 0 15px; }
.Matter ul li:last-child { border:none;  }
.Matter ul li a { color: #fff; text-decoration: none; }

/* ``````````````````````````````````````````````````````````````````````````````````````````````````````````` 版块区域分割线 ``````````````````````````````````````````````````````````````````````````````````` */
.airplay-banner {text-align: center; background: url("https://www.5kplayer.com/airplay/index-new/bg-banner.jpg")no-repeat top #fffbf6;padding: 50px 0;}
.airplay-banner .banner-title{margin: 0 0 30px;}
.airplay-banner .banner-box .con-box{float: right;width: 48%;text-align: left;}
.airplay-banner .banner-box .con-box ul{ margin: 0;padding: 0;}
.airplay-banner .banner-box .con-box ul li{margin-top: 15px;}
.airplay-banner .banner-box .con-box .con-bottom{ color: #00baff;}
.airplay-banner .banner-box .banner-left{float: left;background: url("https://www.5kplayer.com/airplay/index-new/bg-youtube.png")no-repeat center; width: 542px;height: 311px;position: relative;}
.airplay-banner .banner-box .banner-left .youtube-box{
     position: absolute;
     width: 440px;
     height: 250px;
     left: 51px;
     top: 25px;
}
/* airplay-banner over */
/* ``````````````````````````````````````````````````````````````````````````````````````````````````````````` 版块区域分割线 ``````````````````````````````````````````````````````````````````````````````````` */
.main01 {text-align: center;}
.main01 h1 {margin-top: 30px;}
.main01 h1 >span{color: #ff3958;}
.main01 .main01-title-tag {margin: 5px 0;}
.main01 .main01-title-tag >span{
     background-color: #f6f6f6;
     display: inline-block;
     padding: 5px 15px;
     border-radius: 20px;
     color: #ff6d00;
}
.main01 .main01-box .box-left{
     float: left;
     width: 50%;
     text-align: left;
}
.main01 .main01-box .box-left >p{margin-top: 30px;}
.main01 .main01-box .box-right{
     float: right;
     width: 50%;
}
.main01 .main01-box .box-right >img{max-width: 100%;}
/* main01 over */
/* ``````````````````````````````````````````````````````````````````````````````````````````````````````````` 版块区域分割线 ``````````````````````````````````````````````````````````````````````````````````` */
.main02 {text-align: center;margin-top: 50px;padding: 15px 0;}
.main02 h2{color: #ff5245;}
.main02 .sub-title{color: #7f7f7f;}
.main02 ul.main02-list{margin-top: 20px;}
.main02 ul.main02-list li{color: #ff5245;display: inline-block;margin: 0 15px;list-style: disc;}
.main02 ul.main02-list li span{color: #333333;}
/* main02 over */
/* ``````````````````````````````````````````````````````````````````````````````````````````````````````````` 版块区域分割线 ``````````````````````````````````````````````````````````````````````````````````` */
.main03 {margin-top: 50px;padding: 15px 0;}
.main03.con-right .con-box{float: right;}
.main03.con-right .img-box{float: left;}
.main03.con-left .con-box{float: left;}
.main03.con-left .img-box{float: right;}
.main03 .con-box {width: 570px;padding-top: 50px;}
.main03 .con-box-none {padding-top: 0;}
.main03 .con-box h3 >span{ font-size: 17px;color: #666666; }
.main03 .con-box .sub-title{ color: #7f7f7f; margin: 10px 0;}
.main03 .con-box .link{ margin-top: 15px;}
.main03 .con-box .link a{ color: #0e7fff; text-decoration: none;}
.main03 .con-box .link a:hover{ color: #FF3300; text-decoration: underline;}
/* main03 over */
/* ``````````````````````````````````````````````````````````````````````````````````````````````````````````` 版块区域分割线 ``````````````````````````````````````````````````````````````````````````````````` */
.editor-review {text-align: center;margin: 50px 0;}
.editor-review .title-tag{color: #ff6d00;}
/* 评论轮播 */
.editor-review .review-slider{
     height: 60px;
     width: 950px;
     margin: 0 auto;
     position: relative;
}
.review-slider .slider-box {
     overflow: hidden;
}
.review-slider .slider-img {
     overflow: hidden;
     height: 60px;
}
.review-slider .slider-img {
     width: 5700px;
     position: relative;
}
.review-slider .slider-img .slider-img-ul {
     position: absolute;
     left: 0;
     top: 0;
     overflow: hidden;
     list-style: none;
}
.review-slider .slider-img .slider-img-ul li {
     float: left;
}
.review-slider .slider-img .slider-img-ul li>div.review-con {
     height: 60px;
     width: 950px;
}
.review-slider .slider-img .slider-img-ul li>div.review-con img{
     float: left;
}
.review-slider .slider-img .slider-img-ul li>div.review-con p{
     float: right;
     width: 750px;
     color: #7f8080;
     text-align: left;
}
.review-slider .slider-dot{
     display: none;
}
.review-slider .slider-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
}
.review-slider .slider-btn.slider-btn-left {
     left: -100px;
}
.review-slider .slider-btn.slider-btn-right {
     right: -100px;
}
/* 评论轮播 */

/* editor-review over */
/* ``````````````````````````````````````````````````````````````````````````````````````````````````````````` 版块区域分割线 ``````````````````````````````````````````````````````````````````````````````````` */
.features {text-align: center;padding: 50px 0;}
.features .features-title{display: flex; align-items: center;justify-content: center;margin-bottom: 30px;}
.features .features-title >span{display: inline-block;width: 18px;height: 18px;border-radius: 50%;background-color: #ffc3c3;margin: 0 8px;}
.features .features-title >em{display: inline-block;width: 15px;height: 15px;border-radius: 50%;background-color: #ffc3c3;margin: 0 3px;}
.features .features-title >i{display: inline-block;width: 10px;height: 10px;border-radius: 50%;background-color: #ffc3c3;margin: 0 5px;}
.features ul{list-style: none;}
.features ul li{float: left;width: 380px;margin: 8px;padding: 38px;border: 1px solid #e4e5e6;box-sizing: border-box;}
.features ul li >h4{ margin: 10px 0;}
/* features over */
/* ``````````````````````````````````````````````````````````````````````````````````````````````````````````` 版块区域分割线 ``````````````````````````````````````````````````````````````````````````````````` */
.airplay-guide{ background-color: #f5f6f7; padding: 50px 0; text-align: center; }
/* 指南轮播 */
.airplay-guide .guide-slider{
     height: 480px;
     width: 720px;
     margin: 0 auto 50px;
     position: relative;
}
.guide-slider .slider-box {
     overflow: hidden;
}
.guide-slider .slider-img {
     overflow: hidden;
     height: 480px;
 }
 .guide-slider .slider-img {
     width: 4320px;
     position: relative;
 }
 .guide-slider .slider-img .slider-img-ul {
     position: absolute;
     left: 0;
     top: 0;
     overflow: hidden;
     list-style: none;
 }
 .guide-slider .slider-img .slider-img-ul li {
     float: left;
     text-align: center;
     width: 720px;
 }
 .guide-slider .slider-img .slider-img-ul li img {
     max-width: 720px;
 }
 .guide-slider .slider-dot ul {
     position: absolute;
     right: 50%;
     transform: translateX(50%);
     bottom: -20px;
     list-style: none;
 }
 .guide-slider .slider-dot ul li {
     cursor: pointer;
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background: transparent;
     border: 1px solid #ff5245;
     float: left;
     margin-left: 10px;
 }
 .guide-slider .slider-dot ul li.active, .guide-slider .slider-dot ul li:hover {
     background: #ff5245;
 }
 .guide-slider .slider-btn {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }
 .guide-slider .slider-btn.slider-btn-left {
     left: -100px;
 }
 .guide-slider .slider-btn.slider-btn-right {
     right: -100px;
 }
/* 指南轮播 */
.airplay-guide .guide-part{ text-align: left; width: 910px;margin: 0 auto;}
.airplay-guide .guide-part h5{margin-top: 30px; }
.airplay-guide .guide-part p{margin: 10px 0;}
.airplay-guide .guide-part p >i{
     display: inline-block;
     width: 23px;
     height: 23px;
     line-height: 23px;
     background-color: #ff9789;
     color: #fff;
     border-radius: 50%;
     text-align: center;
     font-style: normal;
     margin-right: 10px;
}
.airplay-guide .guide-part p >em{
     display: inline-block;
     width: 8px;
     height: 8px;
     background-color: #ff9789;
     border-radius: 50%;
     margin-left: 8px;
     margin-right: 18px;
}
/* airplay-guide over */
/* ``````````````````````````````````````````````````````````````````````````````````````````````````````````` 版块区域分割线 ``````````````````````````````````````````````````````````````````````````````````` */
.airplay-more {text-align: center; padding: 50px 0;}
.airplay-more ul.more-list {
     list-style: none;
     border: 1px solid #e5e5e5;
     padding: 20px 40px;
     box-sizing: border-box;
}
.airplay-more ul.more-list li{ width: 50%; float: left; text-align: left;margin: 10px 0;color: #0e7fff; }
.airplay-more ul.more-list li:nth-of-type(odd) { float: left;}
.airplay-more ul.more-list li:nth-of-type(even) { float: right; padding-left: 60px;box-sizing: border-box; }
/* airplay-more over */
/* ``````````````````````````````````````````````````````````````````````````````````````````````````````````` 版块区域分割线 ``````````````````````````````````````````````````````````````````````````````````` */
.MainFoot {
     font-size: 15px;line-height: 24px;
}
/* MainFoot over */

@media (max-width: 979px) {
.details { width: 100%;box-sizing: border-box;padding: 0 10px;}
.MobleBig { display: block;}
.lang-bread{display: none;}
.airplay-banner {display: none;}
.features {display: none;}

.main01 .main01-box .box-left{float: none;width: 100%;text-align: center;}
.main01 .main01-box .box-right{float: none;width: 100%;}

.main03 {margin-top: 0;padding: 30px 0;}
.main03.con-right .con-box{float: none;}
.main03.con-right .img-box{float: none;text-align: center;margin-top: 30px;}
.main03.con-left .con-box{float: none;}
.main03.con-left .img-box{float: none;text-align: center;margin-top: 30px;}
.main03 .con-box {width: 100%; padding-top: 0;}
.main03 .img-box img{max-width: 100%;}

.editor-review { display: none; }
.features ul{justify-content: center;}

}

@media (max-width: 767px) {

.main02 ul.main02-list{ flex-wrap: wrap;}
.main02 ul.main02-list li{ margin: 5px 10px;}

.airplay-guide .guide-slider{display: none;}
.airplay-guide .guide-part{ width: 100%;}

.airplay-more ul.more-list {padding: 10px;}
.airplay-more ul.more-list li{width: 100%;}
.airplay-more ul.more-list li:nth-of-type(odd) { float: none;}
.airplay-more ul.more-list li:nth-of-type(even) { float: none;padding: 0;}

}

@media (max-width: 479px) {

}