@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font:15px/26px tahoma, Arial, sans-serif; color:#333; background: #fff;  -webkit-text-size-adjust:none; -moz-text-size-adjust:none;-ms-text-size-adjust:none; }
img{ max-width: 100%; height: auto; }
h1, h2, h3, h4, h5, p, h6, ul, li, ol, dd, dl, dt, input { padding:0; margin:0; font-weight:400;}
*{margin:0; padding:0;}

a {color:inherit; text-decoration: none; }
.detail{ width: 1200px; margin: 0 auto; padding: 0; }
.btn{padding-top: 10px;}
.clear { clear:both; height:0;}
.gray{color: #746f6a;}
h2{ font-size: 31px;line-height: 1.5;text-align: center;}
h3{ font-size: 26px;line-height: 1.5;text-align: center;}
h4{color: #7f7f7f; font-size: 20px;line-height: 1.5;text-align: center;}
h5{ font-size: 19px;line-height: 1.5;text-align: center;}
/*------------------------------------*/
.active-box {padding: 70px 0 46px;background: url(https://www.5kplayer.com/video-music-player/img/bg.jpg) center center no-repeat;background-size: cover;}
.active-box h1 {font-size: 39px;color: #000;line-height: 41px;text-align: center;}
.active-box h1 img {display: inline-block;vertical-align: middle;margin-right: 10px;}
.active-box h4 {text-align: center;font-size: 24px;line-height: 26px;color: #444444;margin: 8px 0 0;}
.active-box h4+p {width: 910px;margin: 10px auto;font-size: 17px;color: #796d60;line-height: 23px;margin-bottom: 24px;padding-top: 10px;border-top: 1px solid #aba89a;}

.active-box .members-number {text-align: center;color: #ff6a4e;font-weight: 600;}
.active-box .members-number div {display: inline-block;vertical-align: bottom;font-size: 31px;margin: 0 2px;}
.active-box .members-number li {display: inline-block;vertical-align: bottom;margin: 0 3px;width: 40px;height: 56px;line-height: 56px;font-size: 42px;font-weight: 600;text-align: center;background: url(https://www.5kplayer.com/video-music-player/img/members-bg.png) center center no-repeat;background-size: 100% 100%;}


.active-box .step-container {margin: 40px 0 0;}
.active-box .step-one {text-align: center;margin-bottom: 56px;}
.active-box .step-one .to-download a { display: inline-block; vertical-align: middle; text-align: left;width: 250px; height: 60px; line-height: 60px; text-indent: 22px; font-size: 22px; color: #fff; margin: 0 18px 24px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.active-box .step-one .to-download a:hover {box-shadow: 0 0 6px 3px rgba(0,0,0,0.2);text-decoration: none;}
.active-box .step-one .to-download a:first-child {background: #00a2ff url(https://www.5kplayer.com/video-music-player/img/basic-win-icon.png) 200px center no-repeat;}
.active-box .step-one .to-download a:last-child {background: #1ad4a3 url(https://www.5kplayer.com/video-music-player/img/basic-mac-icon.png) 200px center no-repeat;}
.active-box .step-one p {font-size: 15px;line-height: 17px;color: #595959;}
.active-box .step-one p a {color: #00afef;text-decoration: underline;}
.active-box .step-two {margin-bottom: 62px;}
.active-box .step-two p {padding: 0 90px;font-size: 17px;line-height: 25px;color: #313131;margin-bottom: 14px;text-align: center;}
.active-box .step-two p span {color: #ff4152;}
.active-box .step-two p:last-child {padding: 20px 0 0;font-size: 15px;line-height: 17px;margin: 0;color: #565656;}
.active-box .step-two .operate-email {text-align: center;}
.active-box .step-two .operate-email input { display: inline-block; vertical-align: middle; width: 304px; height: 48px; background-color: #fff; padding-left: 10px; font-size: 15px; border: none;color: #a9a9a9; border-radius: 5px 0 0 5px; -webkit-border-radius: 5px 0 0 5px; -moz-border-radius: 5px 0 0 5px; -ms-border-radius: 5px 0 0 5px; -o-border-radius: 5px 0 0 5px; }
.active-box .step-two .operate-email button { display: inline-block; vertical-align: middle; width: 152px; height: 48px; line-height: 48px; font-size: 19px; font-weight: 600;color: #fff;border: none; background-color: #00a2ff; border-radius: 0 5px 5px 0; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; }
.active-box .step-three {margin-bottom: 28px;}
.active-box .step-three p {text-align: center;font-size: 17px;line-height: 25px;color: #313131;margin-bottom: 8px;}
.active-box .step-three .share-content { width: 586px; box-sizing: border-box; padding: 12px 28px 6px 24px; border: 1px solid #aba89a; margin: 0 auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.active-box .step-three .share-content li {font-size: 15px;color: #414141;margin-bottom: 12px;padding-left: 28px;list-style: none;}
.active-box .step-three .share-content li a {text-decoration: underline;}
.active-box .step-three .share-content li .checked-status {float: right;}
.active-box .step-three .share-content li .checked-status span {display: inline-block;vertical-align: middle;width: 12px;height: 12px;border: 1px solid #aba89a;margin-left: 8px;}
.active-box .step-three .share-content li .checked-status span.is-checked {border-color: #a48365;background: #a48365 url(https://www.5kplayer.com/video-music-player/img/checked-icon.png) center center no-repeat;}
.active-box .step-three .share-content .to-share {background: url(https://www.5kplayer.com/video-music-player/img/share-icon.png) left 6px no-repeat;}
.active-box .step-three .share-content li a:nth-child(1) {color: #4e74cc;}
.active-box .step-three .share-content li a:nth-child(2) {color: #1da0f1;}
.active-box .step-three .share-content li a:nth-child(3) {color: #ff6a4e;}
.active-box .step-three .share-content .to-sub {background: url(https://www.5kplayer.com/video-music-player/img/sub-icon.png) left 5px no-repeat;}
.active-box .step-three .share-content .to-email {background: url(https://www.5kplayer.com/video-music-player/img/email-icon.png) left 8px no-repeat;}
.active-box .step-three .share-content .to-email a:nth-child(1) {color: #414141;}

.active-box .members-status {width: 1060px;padding: 80px 0 60px;margin: 0 auto;position: relative;}
.active-box .members-progress { width: 960px; height: 20px; background-color: #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.active-box .members-progress .the-progress { width: 0%; height: 100%; background-image: linear-gradient(to right,#ff2a67,#ff6145); border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; }
.active-box .awards-list {position: absolute;top: 0;left: 0;}
.active-box .awards-list li {float: left;margin-left: 150px;width: 174px;color: #868686; list-style:none;}
.active-box .awards-list li:nth-child(2){margin-left:65px;}
.active-box .awards-list li:nth-child(3){margin-left:70px;}
.active-box .awards-list li:last-child{margin-left:75px;}
.active-box .awards-list .is-reached {color: #000;}
.active-box .awards-list li h6 {font-size: 15px;line-height: 21px;padding-right: 48px;position: relative;}
.active-box .awards-list li h6 span {font-size: 35px;position: absolute;top: 7px;right: 0;}
.active-box .awards-list li .awards-img {height: 80px;margin: 10px 0;}
.active-box .awards-list .awards-one .awards-img {background: url(https://www.5kplayer.com/video-music-player/img/award-img11.png) center center no-repeat;}
.active-box .awards-list .awards-two .awards-img {background: url(https://www.5kplayer.com/video-music-player/img/award-img22.png) center center no-repeat;}
.active-box .awards-list .awards-three .awards-img {background: url(https://www.5kplayer.com/video-music-player/img/award-img33.png) center center no-repeat;}
.active-box .awards-list .awards-four .awards-img {background: url(https://www.5kplayer.com/video-music-player/img/award-img44.png) center center no-repeat;}
.active-box .awards-list .is-reached.awards-one .awards-img {background: url(https://www.5kplayer.com/video-music-player/img/award-img1.png) center center no-repeat;}
.active-box .awards-list .is-reached.awards-two .awards-img {background: url(https://www.5kplayer.com/video-music-player/img/award-img2.png) center center no-repeat;}
.active-box .awards-list .is-reached.awards-three .awards-img {background: url(https://www.5kplayer.com/video-music-player/img/award-img3.png) center center no-repeat;}
.active-box .awards-list .is-reached.awards-four .awards-img {background: url(https://www.5kplayer.com/video-music-player/img/award-img4.png) center center no-repeat;}
.active-box .awards-list li .awards-img img { position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.active-box .awards-list li p {font-size: 15px;line-height: 17px;text-align: center;}
/*------------------------------------*/

.DivMain01{background: url(https://www.5kplayer.com/video-music-player/index/bg1.jpg)no-repeat center;height:583px;padding: 55px 0;box-sizing: border-box;}
.DivMain01 .logo{text-align: center;}
.DivMain01 h2{padding: 20px 0 40px;font-size: 32px;}
.DivMain01 h3{font-size: 22px ;line-height:1.5;text-align: left;padding: 10px 0;}
.DivMain01 .skip .left{float: left;padding-left: 33px;}
.DivMain01 .skip .right{float: left;}
.DivMain01 .skip-1 .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;}
.DivMain01 .skip-1 .left iframe{position: absolute;left: 52px;top:15px;}
.DivMain01 .skip-1 .right{padding-left:30px;text-align: left;}
.DivMain01 .skip-1 h3 span{font-size: 15px;}
.DivMain01 .skip-1 h3 a{text-decoration: underline;}
.DivMain01 .skip-1 h3 a:hover {color: #FF3300 ;text-decoration: underline; }
.DivMain01 .skip-1 p{font-size: 15px ;line-height:1.5;padding: 5px 0;}
.DivMain01 .skip-1 p span{color: #00baff;}
.DivMain01 .skip-1 .btn{padding: 20px 0 10px;}
.DivMain01 .skip-1 .btn a:nth-of-type(1){margin-right: 20px;}
.DivMain01 .skip-2 .right{padding: 20px 0 0 33px;max-width: 600px;text-align: left;}
.DivMain01 .skip-2 p{font-size: 15px ;line-height:1.5;padding: 5px 0;}
.DivMain01 .skip-2 p span{color: #289b3e;font-size:17px;line-height: 1.5;}
.DivMain01 .skip-2 .skip-btn{padding: 20px 0 0;}
.DivMain01 .skip .skip-btn a:nth-of-type(1){margin-right: 20px;}
.DivMain01 .skip-2 .skip-down{padding: 20px 0 10px;}
.DivMain01 .skip-2 .skip-down p{padding:5px 0;}
.DivMain01 .skip-2 .skip-down p span{color: #0692e6;font-size:15px;line-height: 1.5;}
.DivMain01 .skip-2 .skip-down p a{color: #0692e6;font-size:15px;line-height: 1.5;text-decoration: underline;}
.DivMain01 .skip-2 .skip-down p a:hover {color: #FF3300 ;text-decoration: underline; }

.phone_pop{width:90%;margin:0 auto; padding: 30px 0; background:#fbfcfe;border-radius: 10px;position: relative; top:60px !important;}
.phone_pop .close{float: right; width: 40px; height: 40px; position: absolute;top: -15px; right: -15px; cursor:pointer;}
.phone_pop .t{font-size: 18px; font-weight: bold;text-align: center;}
.phone_pop .t2{font-size: 17px;text-align: center;color: #494949;}
.phone_pop .mess{font-size: 15px;text-align: center;color: #245ccd;padding: 25px 0 15px;}
.phone_pop input{width:65%; margin:0 auto; display:block; border:1px solid #fff; height:24px; border:1px solid #c8cdd0;background: #fff; padding: 5px 10px;}
.phone_pop .sub_email{text-align:center; padding: 15px 0 0 0;color: #fff; }
.phone_pop .sub_email span{height:38px;line-height:38px; width: 240px; cursor:pointer;font-size: 20px;display: inline-block;	background:#d6b266;;border-radius: 25px;}
/*------------------------------------*/
.DivMain02 {background: #fff;padding-bottom:80px;}
.DivMain02 .detail .bread{padding: 40px 0 30px 100px; border-bottom: 1px solid #cccccc; color: #7f7f7f;}
.DivMain02 .detail .bread a{ color: #7f7f7f; text-decoration: none;}
.DivMain02 .detail .bread a:hover {color: #FF3300 ;text-decoration: underline; }
.DivMain02_content{padding:0 60px 30px; position: relative;}
.DivMain02_content h1{font-size: 40px; text-align: center; padding: 40px 0 10px;}
.DivMain02_content h1 span{color: #ff3958;}
.DivMain02_content h1 var{font-size:20px; font-style:normal;color: #7f7f7f; padding-top:20px; display:inline-block;}
.DivMain02_content .mess{ width: 440px; padding-top: 10px;}
.DivMain02_content ul{padding: 20px 0 30px 20px;}
.DivMain02_content .pic{position:absolute; bottom: -20px; right: 15px;}
/*------------------------------------*/
.DivMain03-1{background: url(https://www.5kplayer.com/video-music-player/index/bg3.jpg)no-repeat center;height:339px;padding-top: 60px;box-sizing: border-box;}
.DivMain03-1 h2{color: #ff5245;}
.DivMain03-1 .des{text-align: center;padding: 25px 50px;}
.DivMain03-1 ul{display: flex;justify-content: space-around;align-items: center;width: 80%;margin: auto;}
.DivMain03-1 ul li{color:#ff5245;}
.DivMain03-1 ul li>a{color:#333333;}
.DivMain03-1 ul li>a:hover {color: #FF3300 ;}

.DivMain03{background: #fff;padding-top: 30px;}
.DivMain03 .pic_left{padding: 35px 0;}
.DivMain03 .pic_left >img{float: left; padding-right: 40px;}
.DivMain03 .pic_right >img{float: right; padding-left: 30px;}
.DivMain03 .pic_left .DivMain03_t{color: #ff2a4c;font-size: 25px; padding: 30px 0 0 0;}
.DivMain03 .pic_left .DivMain03_t span{color: #aeaeae;font-size: 18px;}
.DivMain03 .pic_left p{padding: 25px 0;line-height: 21px;}
.DivMain03 .pic_left .link{color: #00baff;}
.DivMain03 .pic_left .link:hover {color: #FF3300 ;}
.DivMain03 .pic_left .link a{color: inherit;}
.DivMain03 .pic_left .link a:hover {color: #FF3300 ;text-decoration: underline; }
.DivMain03_down{padding-bottom: 50px;}
.DivMain03_down .DivMain03_dt{font-size: 23px; padding: 70px 0 20px; text-align: center;}
.DivMain03_down .btn{ text-align: center;}
.DivMain03_down .btn a{display: inline-block; margin:0 25px;}
.DivMain03_down .btn a:hover {color: #FF3300 ;text-decoration: underline; }
.DivMain03_down .down_t{font-size: 17px; color: #ff6d00; text-align: center; padding: 10px 0 0;}
/*------------------------------------*/
.DivMain04{background:#fafbfc; color:#7f8080;}
.DivMain04 .detail{width:1130px; margin:0 auto;}
.DivMain04 .detail .review{height:169px; position:relative;}
.DivMain04 .detail .review .btn{position:absolute; top:68px; cursor:pointer;}
.DivMain04 .detail .review .one{left:0;}
.DivMain04 .detail .review .two{right:0;}
.DivMain04 .detail .ad{width:952px; height:59px; position:absolute; top:55px; left:90px; overflow:hidden;}
.DivMain04 .detail .ads{width:5000px; position:absolute; left:0;}
.DivMain04 .detail .ad1{width:952px; float:left;}
.DivMain04 .detail .ad table{border:0; width:100%;}
.DivMain04 .detail .ad .img{vertical-align:middle;}
.DivMain04 .detail .ad .txt{text-align:left; font-weight:normal; padding-left:85px;}
.DivMain04 .detail .ad .name{text-align:right; font-weight:bold;}
/*------------------------------------*/
.DivMain05{background: #fff;text-align:center;padding: 20px 0 40px;}
.DivMain05 h2{padding: 50px 0 30px;}
.DivMain05 .DivMain05_one{ width:31%; float:left; border:1px solid #e4e5e6;min-height: 300px;margin:25px 0;}
.DivMain05 .DivMain05_two{ margin:25px 3%;}
.DivMain05 .DivMain05_one >img{ padding: 20px 0;}
.DivMain05 .DivMain05_one p{ padding: 20px;}
/*------------------------------------*/
.DivMain06{background: #f5f6f7;padding: 60px 0;}
.DivMain06 h2{padding-bottom: 40px;}
.DivMain06 h4{font-size: 18px;}
.DivMain06 p{padding-top:15px;}
.DivMain06 .pic{text-align: center;padding: 35px 0;}
/*------------------------------------*/
.DivMain07{background: #ebebeb;padding: 60px 0; text-align: center;}
.DivMain07 .detail{width: 1080px;}
.DivMain07 h3{padding-bottom: 40px;}
.DivMain07 .links{border:1px solid #d3d3d3;border-radius: 5px;padding: 20px 70px;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;margin: 40px 0;}
.DivMain07 .links a{color: #00baff;padding: 5px 0;display: block;width: 50%;text-align: left;}
.DivMain07 .links a:hover {color: #FF3300 ;text-decoration: underline; }
/*------------------------------------*/
@media (max-width: 979px) {
	img{ max-width:100%;}
	.mobileNo{ display:none;}
	.detail{ width:100%; padding:0 15px;box-sizing: border-box;}

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

	.DivMain02{ padding:0 0 30px;}
	.DivMain02 .detail .bread{ padding:2% 0;}
	.DivMain02_content{ padding:0 2% 2%;}
	.DivMain02_content .mess{ width:100%;}
	.DivMain02_content .pic{ width:50%; right:0;}
	.DivMain02_content ul{ padding-left:10px;}

	.DivMain03-1{background:#f8f8f8;height:auto;padding: 30px 0 20px;box-sizing: border-box;}

	.DivMain03{padding: 30px 0;}
	.DivMain03 .pic_left > img{width: 350px;}
	.DivMain03_down{padding-bottom: 0;}
	.DivMain03_down .DivMain03_dt{font-size: 23px; padding: 20px 0 10px; text-align: center;}


	.DivMain04{display: none;}

	.DivMain05 h2{padding: 20px 0 10px;}

	.DivMain06{background: #f5f6f7;padding: 30px 0;}
	.DivMain06 h2{padding-bottom: 20px;}

	.DivMain07{background: #ebebeb;padding: 30px 0; text-align: center;}
	.DivMain07 .detail{width: 100%;}
	.DivMain07 h3{padding-bottom: 20px;}
	.DivMain07 .links{border:1px solid #d3d3d3;border-radius: 5px;padding: 10px;display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;margin: 20px 0;}
	.DivMain07 .links a{width:100%;}


	.active-box .detail {width: 90%;padding: 0 5%;box-sizing: content-box;}
	.active-box h4+p {width: 100%;}
	.active-box .step-two p {padding: 0;}
	.members-container {width: 100%;overflow-x: auto;}
}

@media (max-width: 767px) {
	h2{ font-size: 26px;line-height: 1.25;text-align: center;}
	h3{ font-size: 21px;line-height: 1.25;text-align: center;}
	h4{color: #7f7f7f; font-size: 17px;line-height: 1.25;text-align: center;}
	.btn{text-align: center;}

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

	.DivMain02_content h1{ font-size:35px;line-height: 1;}
	.DivMain02_content .btn{ width:50%;}

	.DivMain05{ padding: 20px 0 10px;}
	.DivMain05 .DivMain05_one{ width:100%;}
	.DivMain05 .DivMain05_two{ margin:10px 0;}

	.DivMain03_down .btn a > img{width: 220px; padding: 10px 0;}
	.DivMain03 .pic_left{padding: 20px 0;}
	.DivMain03 .pic_left >img{float: left; padding-right: 0;}
	.DivMain03 .pic_right >img{float: right; padding-left: 0;}
	.DivMain03 .pic_left > img{width: 100%;}
	.DivMain03 .pic_left p{padding: 10px 0;line-height: 21px;}
	.DivMain03 .pic_left .DivMain03_t{color: #ff2a4c;font-size: 20px; padding: 30px 0 0 0;}
	.DivMain03 .pic_left .DivMain03_t span{font-size: 15px;}
	.DivMain03-1 .des{text-align: center;padding: 15px 0;}


	.active-box .members-number li {font-size: 26px;width: 28px;height: 40px;line-height: 40px;}
	.active-box .members-number div {font-size: 18px;margin: 0;}
	.active-box .step-two .operate-email input { width: 100%; display: block;margin-bottom: 20px;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
	.active-box .step-two .operate-email button { display: block; margin: 0 auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
	.active-box .step-three .share-content {width: 100%;}

}

@media  (max-width: 479px) {
	body{ font-size:13px;}
	.gotoTop{display: none;}

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

	.DivMain02 .detail .bread{ padding:30px 0 2%;}
	.DivMain02_content h1{ font-size:23px;}
	.DivMain02_content h1 var{ font-size:17px;}
	.DivMain02_content .btn{ width:80%; margin: 0 auto;}
	.DivMain02_content .pic{ display:none;}

	.DivMain03_down .btn a > img{width: 220px;}
}