@charset "utf-8";

/* ``````````````````````common``````````````````````` */
*,*:before,*:after {box-sizing: border-box;}
h1,h2,h3,h4,h5,address {font-weight: normal;}
ul,ol,li {list-style-type: none;margin: 0;padding: 0;}
img {border: 0;line-height: 0;vertical-align: bottom;}
th {text-align: left;font-weight: bold;margin: 0;}
td {margin: 0;}
form,label,table,p,dl,dt,dd {margin: 0;padding: 0;}
body {font-family: 'tahoma', 'Arial', sans-serif;margin: 0;padding: 0;font-size: 15px;font-weight: 400;line-height: 160%;-webkit-font-smoothing: antialiased;color: #333;background: #ffffff;}
.detail {width: 1080px; margin: 0 auto;}
.details {width: 1200px; margin: 0 auto;}
.clear {display: block;clear: both;}
.link {border-bottom: 1px solid #d7d7d7; padding-bottom: 30px;}
.link-dashed {border-bottom: 1px dashed #d7d7d7; padding-bottom: 30px;}
/* ``````````````````````common``````````````````````` */
article h1 {font-size: 37px; line-height: 48px;text-align: center;}
article h1>span{color: #F00F00;}
article h2{font-size: 27px;line-height: 40px;text-align: center;color: #ff4c3d;}
article h2>i{font-size: 15px;color: #333;display: block;}
article h3 {font-size: 27px; line-height: 40px;}
article h4 {font-size: 21px; line-height: 32px;}
article a{color: #538ffe;text-decoration: none;}
article a:hover{color: #FF3300;text-decoration: underline;}
article section{padding: 30px 0;}
article p{padding-bottom: 20px;}
article > header{padding: 30px 0;}
article figure{text-align: center;margin: 0;}
article figcaption{margin-top: 10px;}
/* 颜色类 */
article .c_f00{color: #f00;}
article .c_ff4c3d{color: #ff4c3d;}
article .c_ff7800{color: #ff7800;}
/* 面包屑 */
.crumbs {float:left;}
.crumbs ol {list-style-type: none;padding-left: 0;}
.crumb {display: inline-block;}
.crumb a::after {display: inline-block;color: #000;content: '>';font-size: 80%;font-weight: bold;padding: 0 3px;}
/* 谷歌搜索框 */
.search {background:url(https://www.5kplayer.com/img/search_bg.png) no-repeat; width:230px; height:28px; float:right;}
/* 作者+分享组件 */
.address{color:#999999;font-size: 14px;float: left;}
ul.share-addthis{float: right;}
ul.share-addthis li{float: left;margin: 0 5px;}
/* 左右布局 */
.clearfix::after {content: '';display: table;clear: both;}
.clearfix .left{float: left;}
.clearfix .right{float: left;}

.layout1 .left{width: 40%;text-align: center;}
.layout1 .right{width: 60%;}
.layout1 .right ul {margin: 0 20px;}
.layout1 .right ul li {background: url(https://www.5kplayer.com/img/1.png) left center no-repeat;padding: 5px 0 5px 25px;}

.layout2 .left {width: 50%;text-align: center;}
.layout2 .right {width: 50%;}

.layout3 .left {width: 480px;}
.layout3 .right {width: 600px;}

.layout4 .left {width: 600px;}
.layout4 .right {width: 480px;}
/* 按钮 */
.push {text-align: center;margin-top: 30px;}
.push .Btn { width: 250px; height: 60px;  padding: 0 40px 0 0; text-align: center; border-radius: 50px; font-weight: 800; margin: 10px;
    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; }
.push .Win {background:url(https://www.5kplayer.com/img/divlast04-win-eighteen.png) 200px 15px no-repeat; background-color: #00a2ff;}
.push .Win:hover {background-color: #12b6fe;}
.push .mac {background:url(https://www.5kplayer.com/img/divlast04-mac-eighteen.png) 200px 15px no-repeat;background-color: #1ad4a3;}
.push .mac:hover {background:url(https://www.5kplayer.com/img/divlast04-mac-eighteen.png) 200px 15px no-repeat; background-color: #2de0b8;}
/* 跳转列表 */
.tutorials-list {background-color: #f2efe9;padding: 30px;}
.tutorials-list>img{float: left;margin: 0 80px;}
.tutorials-list .right{float: left;}
.tutorials-list .right h5{font-size: 17px;line-height: 26px;font-weight: 600;margin: 0;}
.tutorials-list .right ul li{padding: 5px 0;}
/* 警告事项 */
.warning {border: 1px dashed #f54a00; padding: 0 25px;}
.warning h5 {font-weight: 600;font-size: 17px;}
.warning h5>span{color: #f5650c;}
.warning h5>i{color: #00afef;font-style: normal;}
/* 有序列表和无序列表 */
.content_list {margin-top: 30px;}
.content_list ol,.content_list ul{padding-left: 40px;}
.content_list ol li{list-style: decimal;padding-bottom: 5px;}
.content_list ul li{list-style: disc;padding-bottom: 5px;}
.content_list ul{list-style: none;}
.content_list p{font-size: 17px;}
/* 视频 */
.video {text-align: center; margin:  30px auto;}
/* 音频 */
.Audio{position: relative; width: 750px;padding-bottom: 20px;}
.Audio .pgs{width: 670px; text-align: center; position: relative; overflow: hidden; height: 60px;float: left;}
.Audio .pgs-play{position: absolute; top:1px; left: 2.5%;right: 2.5%; width: 0; height: 34px; background-color: #2da9ff; z-index: 1;}
.Audio .pgs img{width: 99%; position: relative; z-index: 2;cursor: pointer;top: 1px; box-shadow:0 0 3px 0 #999;border-radius: 13px;}
.Audio .pgs .duration{position: absolute;bottom: 0px;z-index: 10;left: 0;right: 0;text-align: left;padding: 0 15px;}
.Audio .audio-name{position: absolute; top: 0; width: 100%; left: 0;text-align: center; color: #666; font-size: 12px;}
.Audio .controls{height: 48px; padding: 0; text-align: center;float: left;width: 48px;margin-right: 15px;}
.Audio .play-pause{border: 0; outline: 0; padding: 0; width: 48px; height: 48px; background: none; display: inline-block; vertical-align: middle;cursor: pointer;}
.Audio .icon-play{width: 48px; height: 48px; background: url("https://www.5kplayer.com/img/icon-play.png") no-repeat; display: block;}
.Audio .icon-pause{width: 48px; height: 48px; background: url("https://www.5kplayer.com/img/icon-pause.png") no-repeat; display: block;}
.Audio .controls span{color: #b3b5b7; font-size: 12px; display: inline-block; width: 48px;}
.Audio .time{float: right;}
/* 表格 */
.table-content {margin-top: 30px;}
.table-content ol,.table-content ul{padding-left: 20px;}
.table-content ol li{list-style: decimal;padding-bottom: 5px;}
.table-content ul li{list-style: disc;padding-bottom: 5px;}

.table1 table{table-layout: fixed;border: 1px solid #333;border-right: 0;border-bottom: 0;}
.table1 th{text-align: center;font-size: 17px;padding: 6px;border-right: 1px solid #333;border-bottom: 1px solid #333;}
.table1 td{padding: 6px 9px;border-right: 1px solid #333;border-bottom: 1px solid #333;}

.table2 h3{font-weight:700; font-size:15px;}
.table2 table{width:100%; border-collapse:collapse; color:#555; margin:20px auto;}
.table2 table p{text-align:center;padding: 0;}
.table2 table p strong{display:block; color:gray; font-size:16px;}
.table2 table tr:nth-child(2n+1){background-color:#f7f7f7;}
.table2 table tr:nth-child(2n){background-color:#fff;}
.table2 table td{padding:15px; font-size:13px;}
/* 热门文章 */
.related_articles { padding: 30px 0;}
.related_articles h2 { color:#ff4c3d;text-align: left;}
.related_articles p { padding:10px 0; line-height:23px;}
.related_articles p i { display:block; font-style:normal;}
.related_articles p a {  font-size: 17px;line-height: 26px;text-decoration: underline;}


/* ``````````````````````common``````````````````````` */
.MainNav { height:66px;background-color: #393940;}
.MainNav .detail { width:1200px; height:68px; margin:0 auto;}
.MainNav .detail .left { width:99px; float:left; height:58px; background:#393940; text-align:right; padding:10px 10px 0 0; }
.MainNav .detail .right { width:861px; float:left; height:66px; background:#656565; font-family:Tahoma, Verdana, sans-serif;}
.MainNav .detail .right ul { list-style:none; color:#FFF; font-size:17px; line-height:66px;}
.MainNav .detail .right ul li { display:block; float:left; text-align:center; position:relative; }
.MainNav .detail .right ul li a { text-decoration:none; color:#FFF; display:block; padding:0 26px; }
.MainNav .detail .right ul li a:hover { border-bottom:2px #ff2865 solid; display:block; height:66px; background:#909090; }
.current { border-bottom:2px #ff2865 solid; display:block; height:66px; background:#909090; }
.MainNav .detail .right ul li >img{position:absolute; right:-10px; top:5px; z-index:2;}
.MainNav .detail .other { width: 240px; float: right; font-family: Tahoma, Verdana, sans-serif; }
.MainNav .detail .other ol { list-style: none; color: rgb(255, 255, 255); font-size: 17px; line-height: 66px; float: right; }
.MainNav .detail .other ol li { display: block; width: 120px; float: left; text-align: center; position: relative; cursor: pointer; }
.MainNav .detail .other ol li a { text-decoration: none; color: rgb(255, 255, 255); display: block; }
.MainNav .detail .other ol li a:hover { border-bottom: 2px solid rgb(255, 40, 101); display: block; width: 120px; height: 66px; background: rgb(144, 144, 144); }
.MainNav .detail .other ol li img { vertical-align: middle;}

.MobleBig { display: none;}
.MobleNav { background: #656565; display: block; height: 65px;  }
.MobleNav .lltab { padding: 15px;}
.MobleNav .lltab h4 { font-size: 27px;  font-weight: 800; line-height: 35px; display: block; float: left;margin: 0;width: 275px;}
.MobleNav .lltab h4 img{ width: 100%;}
.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; }

/* ``````````````````````common``````````````````````` */
.BannerBig{background: url(https://www.5kplayer.com/video-music-player/index/bg1.jpg)no-repeat center;padding: 55px 0;box-sizing: border-box;}
.BannerBig .logo{text-align: center;}
.BannerBig h2{padding: 20px 0 40px;font-size: 32px;text-align: center;margin: 0;}
.BannerBig h3{font-size: 22px ;line-height:1.5;text-align: left;padding: 10px 0;margin: 0;}
.BannerBig .skip .left{width: 543px;height: 311px;background: url(https://www.5kplayer.com/video-music-player/index/video-player.png)no-repeat center;position: relative;padding-left: 0;float: left;padding-left: 33px;}
.BannerBig .skip .left iframe{position: absolute;left: 52px;top:15px;}
.BannerBig .skip .right{padding-left:30px;text-align: left;float: left;}
.BannerBig .skip h3 span{font-size: 15px;}
.BannerBig .skip h3 a{text-decoration: underline;}
.BannerBig .skip h3 a:hover {color: #FF3300 ;text-decoration: underline; }
.BannerBig .skip p{font-size: 15px ;line-height:1.5;padding: 5px 0;}
.BannerBig .skip p span{color: #00baff;}

/* ``````````````````````common``````````````````````` */
/* .Faq h2 { text-align: center; font-size: 27px; padding: 15px 0; position: relative;margin: 0;} */
.Faq .content{ border-bottom: 1px solid #e0e0e0;}
.Faq h4 { font-size: 15px; font-weight: bold; padding: 10px 15px 10px 0; cursor: pointer;margin: 0;position: relative;text-align: left;}
.Faq h4::after{ content: '';position: absolute;right: 0;top: 50%;transform:translateY(-50%);display: inline-block;width: 15px;height: 15px;background: url("https://www.5kplayer.com/img/icon-add.png")no-repeat;}
.Faq h4.active::after{ background: url("https://www.5kplayer.com/img/icon-even.png")no-repeat;}
.Faq p {  display: none;padding-bottom: 10px;}

/* ``````````````````````common``````````````````````` */
.MainFoot { background:#656565;padding: 15px 0;}
.MainFoot .detail p { text-align:center; padding:5px 0;  color:#FFF;}
.MainFoot .detail p i { color:#b3b3b3; font-style:normal;}
.MainFoot .detail p a { color:#FFF; text-decoration:none;}
.MainFoot .detail p a:hover { color:#FFF; text-decoration:underline;}

.gotoTop{position:fixed; right:100px; bottom:20px; cursor:pointer;display: none;}


@media screen and (max-width: 979px) {
.detail,.details{width: 100%; padding: 0 15px;}
.MainNav {display: none;}
.MobleBig { display: block;}

/* 控制引入视频标签的播放设备比为16:9 */
.youtube-iframe {
	position: relative; /*因为容器所有子元素需要绝对定位*/
	height: 0; /*容器高度是由padding来控制，盒模型原理告诉你一切*/
	width: 100%; 
	padding-top: calc(100% * 9 / 16);
}
.youtube-iframe > iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.BannerBig{background: #f6efe9;height:auto;padding: 30px 0;text-align: center;}
.BannerBig .logo{display: none;}
.BannerBig h2{font-size: 1.2rem;padding: 0;line-height: 1.8rem;margin-bottom: 15px;}
.BannerBig .skip{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.BannerBig .skip .left{width: 100%;position: relative;overflow: hidden;float: none;padding-left: 0;background: none;height: auto;}
.BannerBig .skip .left iframe{left: 0;top: 0;}
.BannerBig .skip .right{padding: 15px 0;}
.BannerBig .skip .right h3{font-size: 1.1rem;line-height: 1.7rem;text-align: center;}

/* ``````````````````````common``````````````````````` */
article h1 {font-size: 1.51rem;line-height: 2.1rem;}
article h2{font-size: 1.2rem;line-height: 1.8rem;}
article h3 {font-size: 1.2rem;line-height: 1.8rem;}
article section{padding: 15px 0;}
article p{font-size: 0.9375rem;line-height: 1.5rem;padding-bottom: 10px;}
article figure img{max-width: 100%;}

/* 作者+分享组件 */
.address{font-size: 13px;}
/* 按钮 */
.push {margin-top: 15px;}
/* 跳转列表 */
.tutorials-list {padding: 15px;text-align: center;}
.tutorials-list>img{float: none;margin: 0 auto;}
.tutorials-list .right{float: none;text-align: left;margin-top: 15px;}
/* 左右布局 */
.clearfix .left{float: none;}
.clearfix .right{float: none;}

.layout1 .left{width: 100%;}
.layout1 .right{ width: 100%;}

.layout2 .left {width: 100%;}
.layout2 .right {width: 100%;}

.layout3 .left {width: 100%;}
.layout3 .right {width: 100%;}

.layout4 .left {width: 100%;}
.layout4 .right {width: 100%;}
/* 警告事项 */
.warning {padding: 0 15px;}
.warning h5 {font-size: 15px;}
/* 有序列表和无序列表 */
.content_list {margin-top: 15px;}
.content_list ol,.content_list ul{padding-left: 20px;}
.content_list p{font-size: 15px;}
/* 表格 */
.table-content {margin-top: 15px;}
.table1 th{font-size: 17px;word-break:break-all; word-wrap:break-word;}
.table1 td{padding: 10px;}
.table2 table p strong{font-size: 17px;}
.table2 table td{padding: 10px;}
/* 热门文章 */
.related_articles h5 a{ font-size: 1.0625rem;line-height: 1.625rem;}
/* ``````````````````````common``````````````````````` */
.Faq {padding-bottom: 30px;}
.Faq h4 {font-size: 0.9375rem;line-height: 1.5rem;}

}
@media screen and (max-width: 767px) {
/* 音频 */
.Audio{display: none;}
/* 表格 */
.table1 th{font-size: 15px;}
.table2 table p strong{font-size: 15px;}

.gotoTop{display: none;}
}
@media screen and (max-width: 497px) {
/* 表格 */
.table1 th{font-size: 13px;}
.table1 td{padding: 5px;}
.table2 table p strong{font-size: 13px;}
/* 谷歌搜索框 */
.search {display: none;}
/* 作者+分享组件 */
ul.share-addthis{float: left;}
}
