@charset "utf-8";
/* CSS Document */
.detail{ width: 1280px; margin: 0 auto;}

.top-bg{background: url(https://www.5kplayer.com/banner/yt-download.png)no-repeat center; height:140px;}
.top-bg a{display:block; width:100%; height:100%;}

.Banner-top{background: url(https://www.5kplayer.com/youtube-download/img/download-bg.jpg)no-repeat center;height:583px;padding: 55px 0;box-sizing: border-box;}
.Banner-top .logo{text-align: center;}
.Banner-top h2{padding: 20px 0 40px;font-size: 32px;text-align: center;}
.Banner-top h3{font-size: 22px ;line-height:1.5;text-align: left;padding: 10px 0;}
.Banner-top .skip .left{float: left;padding-left: 33px;}
.Banner-top .skip .right{float: left;}
.Banner-top .skip-1 .left{width: 543px;height: 311px;background: url(https://www.5kplayer.com/dlna/img/fifa-2018/video-player.png)no-repeat center;position: relative;padding-left: 0;}
.Banner-top .skip-1 .left iframe{position: absolute;left: 52px;top:15px;}
.Banner-top .skip-1 .right{padding-left:30px;text-align: left;}
.Banner-top .skip-1 h3 span{font-size: 15px;}
.Banner-top .skip-1 h3 a{text-decoration: underline;}
.Banner-top .skip-1 h3 a:hover {color: #FF3300 ;text-decoration: underline; }
.Banner-top .skip-1 p{font-size: 15px ;line-height:1.5;padding: 5px 0;}
.Banner-top .skip-1 p span{color: #00baff;}
.Banner-top .skip-1 .btn{padding: 20px 0 10px;text-align: center;}
.Banner-top .skip-1 .btn a:nth-of-type(1){margin-right: 20px;}

.main01 .detail .bread{padding: 40px 0 30px 100px; border-bottom: 1px solid #cccccc; color: #7f7f7f;}
.main01 .detail .bread a{ color: #7f7f7f; text-decoration: none;}
.main01_content{padding:0 100px 30px; position: relative;}
.main01_content h1{font-size: 40px; text-align: center; padding: 40px 0 10px;}
.main01_content h1 span{color: #ff3958;}
.main01_content h1 var{font-size:20px; font-style:normal;color: #7f7f7f; padding-top:20px; display:inline-block;}
.main01_content h2{font-size: 21px; padding-top: 40px;}
.main01_content .mess{ width: 440px; padding-top: 10px;}
.main01_content ul{padding: 20px 0 30px 20px; list-style:disc outside;}
.main01_content .pic{position:absolute; bottom: -40px; right: 0;}
.btn{padding-top: 10px;}

.main02{height: 130px; background-color: #f2f2f2;}
.main02 .detail{position: relative;}
.main02 .detail .icon{position:absolute; height: 85px; top:80px; left: 75px;}
.main02 .detail .icon > img{ padding:0 25px;}

.main03 .detail{ background:url(https://www.5kplayer.com/youtube-download/img/tupian1.png) no-repeat left -90px;}
.main03 .detail .main03_top{ padding:135px 0 0 700px;}
.main03 .detail .main03_top p{ width: 400px; padding: 40px 0;}
.main03 .detail .main03_bottom {padding:130px 0 70px;}
.main03 .detail .main03_bottom >img { padding:40px 120px 0;float: left;}
.main03 .detail .main03_bottom ul {float: left;}
.main03 .detail .main03_bottom ul li{line-height: 42px;}

.main04 .detail{ padding-bottom:60px;}
.main04 .detail .commend{ text-align: center;border-bottom: 1px solid #cccccc;font-size: 29px; padding-bottom: 20px;}
.main04 .detail > img{float:left; padding:120px 50px ;}
.main04 .detail .soft_box{ float:left; width:830px;}
.main04 .detail .soft{ text-align: center;font-size: 40px; padding:47px 0 30px;}
.main04 .detail > p{ padding: 0 130px; text-align: center;}
.cont{padding: 30px 0 0; height:50px;}
.cont_one{float: left;}
.cont_two{padding-left: 49px;}
.down_btn{padding: 50px 0 70px 0;}

.change_pic{ width:630px; height:430px; margin:0 auto; overflow:hidden; position:relative;}
.change_pic .pic_box{ width:5000px; left:0;top:0; height:430px; position:absolute;}
.box_one{ float:left; position:relative;}
.box_one p{ position:absolute; text-align:center; top:400px; width:630px;}
.num{ height:26px; text-align:center; padding-top:30px;}
.num span{ display:inline-block; height:26px; width:26px; background:url(https://www.5kplayer.com/youtube-download/img/dian2.png) no-repeat center; margin:0 15px; cursor:pointer;}
.num span.focus{ display:inline-block; height:26px; width:26px; background:url(https://www.5kplayer.com/youtube-download/img/dian.png) no-repeat center; margin:0 15px; cursor:pointer;}

.main05{ background:url(https://www.5kplayer.com/youtube-download/img/jieshao.png) no-repeat center; height:209px;}
.main05 .detail p{ color:#fff; padding:80px 100px 0;}
.main05 .detail a{ color:#ff3958; text-decoration:none;}
/* CSS Document */
.DivMain01 { background:#fcfce3; padding:50px 0 40px;}
.DivMain01 .details { width:1280px; margin:0 auto; position:relative;}
.DivMain01 .titi, .DivMain02 .titi { width:1103px; height:83px; background:url(https://www.5kplayer.com/img/t2.png) no-repeat; position:absolute; top:-100px; left:88px;}
.DivMain01 .titi h2, .DivMain02 .titi h2  { text-align:center; font-size:26px; padding:18px 0 0; color:#fff;}
.DivMain01 .sleft, .DivMain02 .sleft { float:left; width:400px; padding:60px 0 0; position:relative;}
.DivMain01 .sleft p, .DivMain02 .sleft p{width:100px; line-height:18px; position:absolute; bottom:16px; left:111px; font-size:12px; text-align:center;}
.DivMain01 .sleft p{bottom:11px; left:125px;}
.DivMain01 .sright, .DivMain02 .sright { float:left; width:880px;}
.DivMain01 .sright h3, .DivMain02 .sright h3 { font-size:32px; text-align:center; line-height:114px;}
.DivMain01 .sright p, .DivMain02 .sright p { padding:10px; line-height:26px;}
.DivMain01 .sright ul, .DivMain02 .sright ul { list-style:none; padding:10px 0 10px 10px; }
.DivMain01 .sright ul li, .DivMain02 .sright ul li { display:block; float:left; width:250px; line-height:30px; padding:0 0 0 30px;}
.DivMain01 .sright .bot, .DivMain02 .sright .bot { padding:10px; text-align:center;}
.DivMain01 .sright .bot span img, .DivMain02 .sright .bot span img{vertical-align:-5px; padding-top:15px;}
.DivMain02 .sright .bot span img{vertical-align:-8px;}
/*------------------------------------*/
.DivMain02 { background:#e8f2c2; padding:30px 0 50px; }
.DivMain02 .details { width:1280px; margin:0 auto; }

#small_banner{position:fixed; right:30px; bottom:280px; display:none; cursor:pointer;}
#bigg_banner{width:330px; height:368px; position:fixed; right:30px; bottom:280px; background:url(https://www.5kplayer.com/banner/s_big.png) no-repeat center;}
#bigg_banner a#big_banner{float:right; width:20px; height:20px;}
#bigg_banner a.link{height:100%; display:block;}

.mobileNo{ display:block;}
@media (max-width: 979px) {
	.mobileNo{ display:none;}
	img{ max-width:100%;}
	.detail,.DivMain01 .details,.DivMain02 .details{ width:96%; padding:0 2%;}
	.main01 .detail .bread{ padding:2% 0;}
	.main01_content{ padding:0 2% 2%;}
	.main01_content .mess{ width:100%;}
	.main01_content .pic{ width:50%; right:0;}
	.main01_content ul{ padding-left:10px;}
	.main03{ height:auto;}
	.main03 .detail .main03_top{ padding:2% 0 0;}
	.main03 .detail .main03_top p{ width:98%; padding:10px 0 0 2%;}
	.main032{ padding:20px 0;}
	.main032 .detail > img{ padding:0 20px 0 0;}
	.DivMain01 .titi, .DivMain02 .titi{ background-size:100% 83px; position:relative; width: auto; left:0; top:0; text-align:center;}
	.DivMain01{ padding:2% 0; }
	.DivMain01 .titi h2, .DivMain02 .titi h2{ font-size:22px;}
	.DivMain01 .sleft, .DivMain02 .sleft{ padding:20px 0 0 0; width:40%;}
	.DivMain01 .sright, .DivMain02 .sright{ width:60%;}
	.DivMain01 .sright h3, .DivMain02 .sright h3{ line-height:33px;}
	.main03 .detail .main03_top .what_txt{ width:60%; font-size:30px;}
	.main03_top > img{ width:40%;}
	.main02{ height:50px;}
	.main05 .detail p{ padding:3% 20% 0;}
	.main03 .detail{ background:none;}
	.main03 .detail .main03_bottom{ padding:10px 0 0 0;}

	.Banner-top{background: #f6efe9;height:auto;padding: 30px 0;text-align: center;}
	.Banner-top h2{padding: 15px 0 30px;font-size: 32px;}
	.Banner-top .skip{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
	.Banner-top .skip .left{float: none;}
	.Banner-top .skip .right{float: none;}
	.Banner-top .skip-1 .right{padding:15px 0 0;text-align: left;}
	.Banner-top .skip-1 .btn a:nth-of-type(1){margin-right: 0;}
}

@media (max-width: 767px) {
	.main01_content h1{ font-size:35px;}
	.main01_content .btn{ width:50%;}
	.main03 .detail .main03_top .what_txt{ font-size:25px;}
	.main032 .detail ul{ padding-left:10px;}
	.DivMain01 .titi, .DivMain02 .titi,.main03{ background:none; }
	.DivMain01 .titi h2, .DivMain02 .titi h2{ color:#000;}
	.DivMain01 .sright h3, .DivMain02 .sright h3{ line-height:33px; font-size:27px;}
	.main05 .detail p{ padding:2%;}
	.main03_top > img{ width:100%;}
	.main03 .detail .main03_top .what_txt{width:100%;}

	.Banner-top h2{padding: 15px 0 30px;font-size: 26px;}
	.Banner-top h3{font-size: 18px ;line-height:1.5;text-align: left;padding: 10px 0;}
	.Banner-top .skip-1 .left{width: 100%;height: 311px;background: url(https://www.5kplayer.com/youtube-download/index/video-player.png)no-repeat center;position: relative;}
	.Banner-top .skip-1 .left iframe{position: static;left: 53px;top:15px;}
	.Banner-top .skip-2 .skip-btn{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;padding: 5px 0;}
	.Banner-top .skip .skip-btn a{margin:10px 0;}
	.Banner-top .skip .skip-btn a:nth-of-type(1){margin-right: 0;}

}

@media  (max-width: 479px) {
	.main01 .detail .bread{ padding:30px 0 2%;}
	.main01_content h1{ font-size:23px;}
	.main01_content h1 var{ font-size:17px;}
	body{ font-size:13px;}
	.main02{display:none;}
	.main01_content .btn{ width:80%; margin: 0 auto;}
	.main01_content .pic{ display:none;}
	.main03 .detail .main03_top{ padding-left:0;}
	.main03 .detail .main03_top .what_txt{ font-size:25px;}
	.main03{ background:none;}
	.DivMain01 .sleft, .DivMain02 .sleft,.DivMain01 .sright, .DivMain02 .sright{ float:none; width:100%;}
	.main03 .detail .main03_top .what_txt{ font-size:22px; line-height:25px;}
	.main05{ background:none; background-color:#333; height:auto;}
	.main03 .detail .main03_bottom > img{ padding:30px 10px 0;}

	.Banner-top .skip-1 .left{width: 100%;height: 273px;background:none;position: relative;overflow: hidden;}
	.Banner-top .skip-1 .left iframe{position: static;left: 0;top:0;width: 100%;margin: auto;}

}
