@charset "utf-8";
/* CSS Document */
.detail{width: 1080px; margin: 0 auto;}
.main01{ background:url(https://www.5kplayer.com/banner/banner1.jpg) no-repeat center; height:469px;}
.seo_downbanner{ background:url(https://www.5kplayer.com/banner/banner2.jpg) no-repeat center; height:469px;}
.seo_music{ background:url(https://www.5kplayer.com/banner/banner3.jpg) no-repeat center; height:469px;}

/*--------------------*/
.MobleBig { width: 100%; display: none;}
.MobleNav { background: #edf0f2; 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: 0 0 0 1%; }
.MobleNav .lltab h4 a { color: #333; 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; }
.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; }
/*----------------------------------------------------------------------------------------------------------------------------------------*/

.main01 .detail h1{font-size: 28px; padding:35px 0 25px 0;}
.main01 .detail h1 span{font-size: 40px;color: #ff4351;}
.main01 .detail .seo_download{ text-align:right; padding-right:40px;}
.main01_left {float: left;width: 345px;}
.main01_left p{padding-top: 10px;}
.main01_left .btn{padding-top: 45px;}

.seo_music .main01_left{ padding-left:640px;}
.seo_music .main01_left p{padding-top: 40px;}

.main02 .detail h2{font-size: 28px; padding: 70px 0 30px 0; text-align: center;}
.main02 .detail h3{font-size: 14px;}
.main02_content{padding: 40px 0;border-bottom: 1px solid #e7e7e7;}
.main02_content .imgtxt_img{ float:left; width:430px; padding-right:50px; overflow:hidden;}
.main02_content .imgtxt_img img{}

.main02_content > img{ float: left; padding-right: 10px;}
.main02_content > p{ padding: 10px 0 40px;}

.imgtxt_box{ float:left; width:600px;}
.imgtxt_boxs { float:none; width:1080px;}
.main02_content .imgtxt_right> p{ padding: 10px 0 30px;}
.main02 .detail .bread{padding: 10px 0; border-bottom: 1px solid #cccccc; color: #7f7f7f;}
.main02 .detail .bread a{ color: #7f7f7f; text-decoration: none;}

.player_banner{ background:url(https://www.5kplayer.com/banner/5kp-5-8-upgrade.jpg) no-repeat center; height:107px; display:none;}
.player_banner.fixed{ position:fixed; left:0; top:0; width:100%;}
.player_banner.mac_banner{ background:url(https://www.5kplayer.com/banner/macxbanner.jpg) no-repeat center; height:107px;}
/* CSS Document */

.coupon{ background:url(https://www.5kplayer.com/video-music-player/img/r_bg.png); text-align:center; width:250px; height:150px; position:fixed; right:10px; bottom:20px; display:none;}
.coupon .close{ text-align:right; font-size:18px; padding:5px 8px 0 0;}
.coupon .close span{cursor:pointer;}
.coupon .t{color:#dedede; font-size:13px;padding:5px 0;}
.coupon .t2{ font-size:18px; color:#fff; line-height:28px;font-weight: 400;}
.coupon .t2 span{font-weight:700; color:#23FFCA; font-size:23px;}
.coupon .btn{padding:10px 0 0;}
.coupon .btn a{ display:inline-block; background:#fff; color:#000; font-size:18px; padding:4px 15px; text-decoration:none; border-radius:5px;}
/* CSS Document */
@media (max-width: 979px) {
.detail,.details,.Details{ width:100%; margin:0 auto;padding: 0 10px;box-sizing: border-box;}
.MainNav {display: none;}
.main01 {background: #edeae5;height: auto;padding: 30px 0;}
.main01 .detail h1{font-size:17px; padding:15px 0; text-align:center;}
.main01 .detail h1 span {font-size:21px; color: #ff4351;}
.main01_left {float:none; width:100%;}
.main01_left .btn {padding-left: 0;}

.seo_music .main01_left{ padding-left:0px;}
.seo_music .main01_left p{padding-top:0;}

.main02 .detail h2{font-size:17px; padding: 20px 0 10px 0; }
.main02_content .imgtxt_img { float:none; width:100%; padding-right:0; }

.imgtxt_box{ float:none; width:100%;}
.imgtxt_boxs { float:none; width:100%;}
}


@media (max-width: 767px) {
.detail{width:100%; }
.main01 .detail h1{font-size:17px; padding:15px 0;}
.main01 .detail h1 span {font-size:21px;color: #ff4351;}
.main01_left {float:none; width:100%;}
.main01_left .btn { padding-top:15px;}

.seo_music .main01_left{ padding-left:0;}
.seo_music .main01_left p{padding-top:0;}

.main02 .detail h2{font-size:17px; padding: 20px 0 10px 0; }
.main02_content .imgtxt_img { float:none; width:100%; padding-right:0; }

.imgtxt_box{ float:none; width:100%;}
.imgtxt_boxs { float:none; width:100%;}
}

@media  (max-width: 479px) {
.detail{width:100%; }
.main01 .detail h1{font-size:17px; padding:15px 0;}
.main01 .detail h1 span {font-size:21px;color: #ff4351;}
.main01_left {float:none; width:100%;}
.main01_left .btn { padding-top:15px;}

.seo_music .main01_left{ padding-left:0;}
.seo_music .main01_left p{padding-top:0;}

.main02 .detail h2{font-size:17px; padding: 20px 0 10px 0; }
.main02_content .imgtxt_img { float:none; width:100%; padding-right:0; }
.main02_content .imgtxt_img img { width:100%;}
.imgtxt_box{ float:none; width:100%;}
.imgtxt_boxs { float:none; width:100%;}
.main02_contents .imgtxt_img img { width:100%;}

.gotoTop{display: none;}
}