@charset "utf-8";
/* CSS Document */

ul, ol{list-style:none;}
h2{font-size:30px; text-align:center; padding:65px 0 35px;}
.detail{width:1100px; margin:0 auto;}
/* CSS Document */

.DivMain01{background:url(https://www.5kplayer.com/support/image/bg01.jpg) no-repeat center; height:331px; text-align:center;}
.DivMain01 .detail{position:relative;}
.DivMain01 h1{font-size:32px; font-weight:700; padding:75px 0 25px;}
.DivMain01 h1 span{background:-webkit-linear-gradient(left, #00e8fe, #25c3fe); background:-moz-linear-gradient(left, #00e8fe, #25c3fe); background:linear-gradient(left, #00e8fe, #25c3fe); -webkit-background-clip:text; -moz-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; -moz-text-fill-color:transparent; text-fill-color:transparent;}
.DivMain01 p{padding:0 135px; font-size:17px; color:#666; line-height:27px;}
.DivMain01 .search{width:590px; height:50px; margin:40px auto 0;}
.DivMain01 .search input[type="text"]{border:0; height:50px; line-height:50px; font-size:17px; color:#888; padding-left:25px; width:505px; float:left; border-radius:6px 0 0 6px; outline:none;}
.DivMain01 .search input[type="submit"]{width:60px; height:50px; background:#fff url(https://www.5kplayer.com/support/image/search.png) no-repeat center; border:0; cursor:pointer; float:right; border-radius:0 6px 6px 0; outline:none;}
.DivMain01 .search input::-webkit-input-placeholder{color:#bfbfbf;}
.DivMain01 .search input:-moz-placeholder{color:#bfbfbf;}
.DivMain01 .search input::-moz-placeholder{color:#888;}
.DivMain01 .search input:-ms-input-placeholder{color:#bfbfbf;}
/* CSS Document */

.DivMain02{background-color:#fff; padding-bottom:40px;}
.DivMain02 .detail{width:1101px;}
.DivMain02 h3{font-size:21px; color:#333; padding:15px 0 10px;}
.DivMain02 p{font-size:15px; color:#999;}
.DivMain02 .products_ti a{float:left; width:367px; border:1px solid transparent; border-bottom:2px solid transparent; box-sizing:border-box; padding:30px 35px; text-decoration:none; background-clip:padding-box,border-box; background-origin:padding-box,border-box; background-image:linear-gradient(#fff,#fff),linear-gradient(#f7f5f2,#edeae8); position:relative;}
.DivMain02 .products_ti a:hover{background-image:linear-gradient(#faf9f8,#f9f7f5),linear-gradient(#faf9f8,#f9f7f5);}
.DivMain02 .products_ti a:hover h3, .DivMain02 .products_ti a.focus h3{color:#ff3a57;}
.DivMain02 .products_ti a.focus{background-image:linear-gradient(#f7f5f2,#f5f2f0),linear-gradient(#f7f5f2,#f5f2f0);}
.DivMain02 .products_ti a.focus span{position:absolute; left:0; bottom:-8px; width:100%; height:9px; background:url(https://www.5kplayer.com/support/image/focus.png) no-repeat center;}
.DivMain02 .content_list{display:none;}
.DivMain02 .content_list .title{padding:20px 0 15px;}
.DivMain02 .content_list ul li{float:left; width:50%; padding-bottom:25px;}
.DivMain02 .content_list ul li a{font-size:17px; color:#ff3e54; text-decoration:none; background:url(https://www.5kplayer.com/support/image/list.png) no-repeat left 7px; padding-left:17px;}
.DivMain02 .content_list ul li a:hover{text-decoration:underline;}
.DivMain02 .content_list li span{font-size:15px; display:block; color:#666; padding-top:6px;}
.DivMain02 .content_list_two ol li{ padding-bottom:30px;}
.DivMain02 .content_list_two ol li p{font-size:17px; color:#ff3e54;}
.DivMain02 .content_list_two ol li span{line-height:24px;}
/* CSS Document */

.DivMain03{background-color:#f5f4f2; padding-bottom:60px;}
.DivMain03 .main03_con{background-color:#fff; width:450px; padding:20px 50px 20px 0; float:left;}
.DivMain03 .main03_con .img{float:left; margin:12px 30px 0 -10px;}
.DivMain03 .main03_con .txt h5{font-size:15px; color:#000; font-weight:700; padding-bottom:5px;}
.DivMain03 .main03_con .txt p{font-size:15px; color:#666;}
.DivMain03 .main03_con .txt a{color:#ff3957; text-decoration:underline;}
/* CSS Document */

.toTop{position:fixed; right:10px; bottom:10px; cursor:pointer; display:none;}
/* CSS Document */

@media (max-width:979px) {
	.detail{width:100%;}
	/* CSS Document */

	.DivMain01 p{padding:0 1%;}
	/* CSS Document */

	.DivMain02 .detail{width:100%;}
	.DivMain02 .products_ti{position:relative;}
	.DivMain02 .products_ti a{float:none; display:block; margin:0 auto;}
	.DivMain02 .products_ti a.focus{background-image:linear-gradient(#fff,#fff),linear-gradient(#f7f5f2,#f5f2f0);}
	.DivMain02 .products_ti a.focus span{background:none;}
	.DivMain02 .products_ti a.focus h3{color: initial;}
	.DivMain02 .products_ti a:nth-child(2){margin:20px auto;}
	.DivMain02 .products_ti .popu{width:100%; height:100%; position:absolute; top:0; left:0;}
	.DivMain02 .content_list{display:block; padding:0 2%;}
	/* CSS Document */

	.DivMain03{padding-bottom:40px;}
	.DivMain03 .main03_con{float:none !important; margin:0 auto 20px;}
	/* CSS Document */
}

@media (max-width:768px) {
	.DivMain01 h1{padding-top:35px;}
	.DivMain01 p{font-size:15px;}
	.DivMain01 .search{width:96%;}
	.DivMain01 .search input[type="text"]{width:80%; padding-left:5%;}
	.DivMain01 .search input[type="submit"]{width:15%;}
	/* CSS Document */

	.DivMain02 .content_list ul li{float:none; width:100%;}
	/* CSS Document */

	.DivMain03 .main03_con{width:98%; padding:20px 2% 20px 0;}
	.DivMain03 .main03_con .img{margin-left:0;}
	/* CSS Document */
}

@media (max-width:479px) {
	.DivMain01 p{padding:0;}
	/* CSS Document */

	.DivMain02 .products_ti a{width:310px; }
	/* CSS Document */
}