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

.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;}
.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;}
.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-zh/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:80px;}
.main04 .detail .commend{ text-align: center;border-bottom: 1px solid #cccccc;font-size: 29px; padding-bottom: 15px;}
.main04 .detail .soft{ text-align: center;font-size: 40px; padding:40px 0 10px;}
.main04 .detail > p{ padding: 0 130px; text-align: center;}
.cont{padding: 30px 100px 60px;}
.cont_one{float: left; padding-left: 100px;}
.cont_two{padding-left: 130px;}
.down_btn{text-align:center; padding-bottom:70px;}

.change_pic{ width:630px; height:393px; margin:0 auto; overflow:hidden; position:relative;}
.change_pic .pic_box{ width:5000px; left:0;top:0; height:393px; position:absolute;}
.box_one{ float:left; position:relative;}
.box_one p{ position:absolute; text-align:center; top:370px; width:470px;}
.num{ height:26px; text-align:center; padding-top:50px;}
.num span{ display:inline-block; height:26px; width:26px; background:url(https://www.5kplayer.com/youtube-download-zh/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-zh/img/dian.png) no-repeat center; margin:0 15px; cursor:pointer;}

.main05{ background:url(https://www.5kplayer.com/youtube-download-zh/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;}

.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%!important;}
	.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{ background:none; height:auto;}
	.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;}

	.main04 .detail{width:96%; padding:0 2%;}
	.main04 .box{ float:none; padding:0;}
	.main04 .detail .soft_box{ width:100%;}
	.main04 .detail .commend{ background-size:100% 83px;}

	.main04 .detail > p{ padding:0;}
	.cont{ padding:10px 0;}
	.cont_one{ padding-left:20px;}
	.down_btn > a{margin:0!important;}

	.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{text-align: center;}
	.Banner-top .skip-1 .btn a:nth-of-type(1){margin-right: 0;}
	.Banner-top .skip-1 p:last-of-type{text-align: center;}

}

@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%;}

	.main04 .detail .commend{ font-size:26px;}
	.main04 .detail .soft{ font-size:28px;}
	.main01_content h1{font-size:25px!important;}

	.main03 .detail .main03_bottom{ padding-top:10px;}
	.main03 .detail .main03_bottom > img{padding:0;}

	.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-zh/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:22px!important;}
	.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;}

	.main04 .detail .commend{ font-size:20px; line-height:23px; height:auto; background:none; background-color:#84ce2c;}
	.main04 .detail .soft{ font-size:20px;}

	.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;}

}