@charset "utf-8";
/* CSS Document */
.Container { width:1060px; margin:0 auto; line-height:26px;}
.bge { background:#f2efe9;}
.link { border-bottom:1px solid #d7d7d7;}
.links { border-bottom:1px dashed #d7d7d7;}
.border-right { border-right:1px solid #d7d7d7;}
.border-rights { border-right:1px dashed #d7d7d7;}
.padding-top {padding-top:25px;}
.padding-bot { margin-bottom:40px;}
.buybg img { margin:0 5px; padding-top:20px;}
.buybg02 { width:300px; margin:0 auto; }
.buybg02 img { margin:15px 0; padding-top:20px;} 
.buybg03 { text-align:center; padding:30px 0;}
.buybg03 img { margin:0 35px;}
.buybg04 img { margin-right:20px;}
.c_ff4c3d{color:#ff4c3d;}
.c_ff7800{color:#ff7800;}
.c_f00{color:#f00;}
/* CSS Document */
.MainDiv01 {}
.MainDiv01 .Container {  padding:25px 0 20px;}
.MainDiv01 .crumbs {}
.MainDiv01 h1 { font-size:32px; text-align:center; padding:25px 0;}
.MainDiv01 h1 span { color:#F00;}
.MainDiv01 .share { height:30px; width:400px; padding-bottom:10px; margin:0 auto;}
/* CSS Document */
.MainDiv02 {}
.MainDiv02 .Container {  padding:5px 0 30px;}
.MainDiv02 h2 { font-size:29px; text-align:center; padding:20px 0; color:#ff4c3d;}
.MainDiv02 h3 { font-size:29px; text-align:center; padding:20px 0; color:#333;}
.MainDiv02 h2 i { font-size:15px; padding-top:20px; color:#333; display:block;}
.MainDiv02 .left { width:420px; float:left; text-align:center;}
.MainDiv02 .right { width:640px; float:left;}
.MainDiv02 .right p { margin:0 10px;}
.MainDiv02 .right ul { list-style:none; margin:0 0 0 10px; font-size:17px;}
.MainDiv02 .right ul li { background:url(../img/1.png) left center no-repeat; padding:3px 0 3px 25px;}
/* CSS Document */
.MainDiv03 {}
.MainDiv03 .Container {  padding:5px 0 30px;}
.MainDiv03 h2 { font-size:29px; text-align:center; padding:20px 0; color:#ff4c3d;}
.MainDiv03 h3 { font-size:29px; text-align:center; padding:20px 0; color:#333;}
.MainDiv03 .left { width:550px; float:left; text-align:center; padding-top:20px;}
.MainDiv03 .right { width:510px; float:left;}
/* CSS Document */
.MainDiv04 {}
.MainDiv04 .Container {  padding:5px 0 30px;}
.MainDiv04 h2 { font-size:29px; text-align:center; padding:20px 0; color:#ff4c3d;}
.MainDiv04 h3 { font-size:29px; text-align:center; padding:20px 0; color:#333;}
.MainDiv04 h4 { padding-bottom:25px; font-size:15px;}
.MainDiv04 p {padding-bottom:20px;}
.MainDiv04 .left { width:460px; float:left;}
.MainDiv04 .left p { padding-bottom:20px; margin-right:10px;}
.MainDiv04 .right { width:600px; float:left;}
.MainDiv04 .right p { padding-bottom:20px; margin-right:10px;}
/* CSS Document */
.MainDiv05 {}
.MainDiv05 .Container { padding:25px 0;}
.MainDiv05 h3 { font-size:19px; padding:20px 0; color:#333;}
.MainDiv05 p { padding-bottom:20px;}
.MainDiv05 .left { width:250px; float:left;}
.MainDiv05 .right { width:810px; float:left;}
.MainDiv05 .right p { margin-left:20px; padding-bottom:20px;}
/* CSS Document */
.MainDiv06 {}
.MainDiv06 .Container { padding:25px 0;}
.MainDiv06 .left { width:530px; float:left;}
.MainDiv06 .left .img { width:240px; float:left; text-align:center;}
.MainDiv06 .left .txt { width:289px; float:left;}
.MainDiv06 .left .txt p {
	margin-right:5px;
	text-align: left;
}
/* CSS Document */
.MainDiv07 {}
.MainDiv07 .Container { padding:25px 0;}
.MainDiv07 .left { width:351px; float:left; padding:10px 0;}
.MainDiv07 .left p { padding-bottom:15px; margin:0 15px;}
.MainDiv07 .left ol { list-style:none; margin-left:15px;}
.MainDiv07 .left ol li {}
.MainDiv07 .l_width{width:529px;}

.MainDiv07 .m_container{text-align:center;}
.MainDiv07 h2.m_ti{font-size:30px;}
.MainDiv07 h2.m_ti span{color:#ff5c5c;}
.MainDiv07 .music_con{border:1px solid #f2efe9; width:510px; display:inline-block; padding-bottom:15px; margin-top:35px;}
.MainDiv07 .music_con02{margin-left:31px;}
.MainDiv07 .music_con h3{padding:15px 0 5px;}
.MainDiv07 .music_con h3 a{text-decoration:none; color:#f00; font-size:20px; font-weight:700;}
.MainDiv07 .music_con h3 a:hover{text-decoration:underline;}
.MainDiv07 .music_con ul{list-style:none; text-align:left; padding:0 0 15px 30px;}
.MainDiv07 .music_con ul li img{vertical-align:-4px; padding-right:8px;}
.MainDiv07 .music_con02 ul{padding-left:25px;}
.MainDiv07 .music_con .button a{margin:0 15px;}
/* CSS Document */
.MainDiv08 {}
.MainDiv08 .Container { padding:25px 0;}
.MainDiv08 h2 { font-size:29px; padding:20px 0; color:#ff4c3d;}
.MainDiv08 p { padding:10px 0; line-height:23px;}
.MainDiv08 p i { display:block; font-style:normal;}
.MainDiv08 p a { text-decoration:underline;}
/* CSS Document */
.MainDiv09 {}
.MainDiv09 .Container { padding:15px 0;}
.MainDiv09 h2 { font-size:29px; padding:20px 0; color:#ff4c3d; padding-left:10px;}
.MainDiv09 .left { width:399px; float:left; border-right:1px dashed #c9c9c9; padding:10px 0 15px;}
.MainDiv09 .left ul { list-style:none;}
.MainDiv09 .left ul li { padding:0 0 0 45px;}
.MainDiv09 .left ul li i { display:block; font-size:12px; font-style:normal;}
.MainDiv09 .left ul li:nth-child(1) { background:url(../video-music-player/img/a01.png) 0 5px no-repeat;}
.MainDiv09 .left ul li:nth-child(2) { background:url(../video-music-player/img/a02.png) 0 5px no-repeat;}
.MainDiv09 .left ul li:nth-child(3) { background:url(../video-music-player/img/a03.png) 0 5px no-repeat;}
/* CSS Document */
.MainDiv09 .left .box { width:199px; float:left; text-align:center;}
.MainDiv09 .left .box h3 { font-size:15px;  padding:15px 0; font-weight:bold;}
.MainDiv09 .left .box h3 a { color:#f93501; text-decoration:none; }
.MainDiv09 .left .box h3 a:hover { text-decoration:underline; }
.MainDiv09 .left .box ol { list-style:none;}
.MainDiv09 .left .box ol li { padding:0; text-align:left;}
.MainDiv09 .left .box h6 { background:url(../video-music-player/img/dicon.png) 0 0 no-repeat; padding:0 0 0 10px; float:left; display:block; width:89px; font-size:14px;}
/* CSS Document */
.MainDiv09 .right { width:260px; float:left;}
.MainDiv09 .right ul { list-style:none; padding:0 0 0 10px;}
.MainDiv09 .right ul li a { text-decoration:none;}
.MainDiv09 .right ul li span { color:#F00;}
/* CSS Document */

.DivMt { padding:30px 0;}
.DivMt .Details { padding:20px; width:1040px; background:#f5f6f7; margin:0 auto;}
.DivMt .Left { width:400px; float:left;}
.DivMt .Right { width:620px; float:left;}
.DivMt .Right h2 { font-size:19px; }
.DivMt .Right p { padding:10px 0; font-size:13px;}
.DivMt .Right .Buy { padding:5px 0 0; }
.DivMt .Right .Buy img { margin:0 25px 0 0;}
/* CSS Document */

.right_banner{width:300px; height:300px; position:fixed; top:280px; right:20px; background:url(../banner/rs_banner.jpg) no-repeat center;}
.right_banner a.rb_close{width:28px; height:28px; position:absolute; bottom:3px; right:3px;}
.right_banner a.rb_link{display:block; height:100%;}
.r_b01{background:url(../banner/win-10-banner.png) no-repeat center;}

.bottom_banner{width:100%; position:fixed; bottom:0; left:0;}
.bottom_banner .b_con{width:1060px; height:140px; margin:0 auto; background:url(../banner/s_banner.jpg) no-repeat center; position:relative;}
.bottom_banner a.bb_close{width:28px; height:28px; position:absolute; top:0; right:0;}
.bottom_banner a.bb_link{display:block; height:100%;}

.banner{padding:30px 0 15px; position:relative; width:1060px; margin:0 auto;}
.banner a{position:absolute; top:18px; right:-10px;}

.mobile_bottom_banner{display:none; position:fixed; left:0; bottom:0;}
.mobile_bottom_banner .close{ text-align:center; width:20px; font-size:20px; cursor:pointer; float:right;}
.mobile_bottom_banner img{ width:100%; max-width:100%;}

@media (min-width: 768px) and (max-width: 979px) {
	.mobile_bottom_banner{display:block;}
	
.Container { width:100%; margin:0 auto; line-height:26px;}
.buybg03 { text-align:center; padding:10px 0;}
.buybg03 img { margin:5px 0; }
.padding-top { padding-top:0;}
.padding-bot { margin-bottom:0;}
/* CSS Document */
.MainDiv01 h1 { font-size:19px; text-align:center; padding:15px 0;}
/* CSS Document */
.MainDiv02 .left { width:100%; float:none; }
.MainDiv02 .right { width:100%; float:none;}
/* CSS Document */
.MainDiv03 .Container {  padding:5px 0 10px;}
.MainDiv03 h2 { font-size:19px;  padding:10px 0; }
.MainDiv03 h3 { font-size:19px; padding:10px 0; }
.MainDiv03 .left { width:100%; float:none; }
.MainDiv03 .right { width:100%; float:none;}
/* CSS Document */
.MainDiv04 h2 { font-size:21px; padding:10px 0; }
.MainDiv04 .left { width:100%; float:none;}
.MainDiv04 .right { width:100%; float:none; text-align:center;}
/* CSS Document */
.MainDiv05 .Container { padding:5px 0;}
.MainDiv05 h3 { font-size:17px; padding:10px 0; }
.MainDiv05 p { padding-bottom:10px;}
.MainDiv05 .left { width:100%; text-align:center; float:none;}
.MainDiv05 .right { width:100%; float:none;}
.MainDiv05 .right p { margin-left:5px; padding-bottom:5px;}
/* CSS Document */
.MainDiv06 .Container { padding:5px 0;}
.MainDiv06 .left { width:100%; float:none;}
.MainDiv06 .left .img { float:none; margin:0 auto; text-align:center;}
.MainDiv06 .left .txt { width:100%; float:none;}
.MainDiv06 .left .txt p { margin-right:5px;}
/* CSS Document */
.MainDiv07 .Container { padding:25px 0;}
.MainDiv07 .left { width:383px; float:left; padding:10px 0;}
.MainDiv07 .left p {  margin:0 ;}
.MainDiv07 .left ol {  margin-left:0;}

.MainDiv07 .music_con02{margin-left:0;}
/* CSS Document */
.MainDiv08 h2 { font-size:21px; padding:20px 0; color:#ff4c3d;}
/* CSS Document */
.MainDiv09 h2 { font-size:21px; }
.MainDiv09 .left { width:100%; float:none; border-right:none; }
.MainDiv09 .right { width:100%; float:none;}
/* CSS Document */

.DivMt { padding:10px 0;}
.DivMt .Details { padding:5%; width:90%; background:#f5f6f7;}
.DivMt .Left { width:100%; max-width:400px; float:none; margin:0 auto;}
.DivMt .Left img { width:100%;}
.DivMt .Right { width:100%; float:none;}
.DivMt .Right h2 { font-size:15px;}
.DivMt .Right .Buy { text-align:center;}
.DivMt .Right .Buy img { margin:10px auto; width:100%; max-width:223px; }
/* CSS Document */

.top_content{padding:0; text-align:center;}
.top_content .top_container{width:100%;}
.top_content .top_container p{float:none; line-height:35px;}
.top_content .top_container .fr{float:none;}

.right_banner, .bottom_banner, .leftmenu, .side_con, .r_banner{display:none;}
}


@media (min-width: 480px) and (max-width: 767px) {
	.mobile_bottom_banner{display:block;}
	
.Container { width:100%; margin:0 auto; line-height:26px;}
.buybg03 { text-align:center; padding:10px 0;}
.buybg03 img { margin:5px 0; }
.padding-top { padding-top:0;}
.padding-bot { margin-bottom:0;}
/* CSS Document */
.MainDiv01 h1 { font-size:19px; text-align:center; padding:15px 0;}
/* CSS Document */
.MainDiv02 .left { width:100%; float:none; }
.MainDiv02 .left img { width:100%;}
.MainDiv02 .right { width:100%; float:none;}
/* CSS Document */
.MainDiv03 .Container {  padding:5px 0 10px;}
.MainDiv03 h2 { font-size:19px;  padding:10px 0; }
.MainDiv03 h3 { font-size:19px; padding:10px 0; }
.MainDiv03 .left { width:100%; float:none; }
.MainDiv03 .left img { width:100%;}
.MainDiv03 .right { width:100%; float:none;}
/* CSS Document */
.MainDiv04 h2 { font-size:21px; padding:10px 0; }
.MainDiv04 .left { width:100%; float:none;}
.MainDiv04 .right { width:100%; float:none;}
.MainDiv04 .right img { width:100%;}
/* CSS Document */
.MainDiv05 .Container { padding:5px 0;}
.MainDiv05 h3 { font-size:17px; padding:10px 0; }
.MainDiv05 p { padding-bottom:10px;}
.MainDiv05 .left { width:100%; float:none;}
.MainDiv05 .right { width:100%; float:none;}
.MainDiv05 .right p { margin-left:5px; padding-bottom:5px;}
/* CSS Document */
.MainDiv06 .Container { padding:5px 0;}
.MainDiv06 .left { width:100%; float:none;}
.MainDiv06 .left .img { width:100%; float:none; text-align:center;}
.MainDiv06 .left .txt { width:100%; float:none;}
.MainDiv06 .left .txt p { margin-right:5px;}
/* CSS Document */
.MainDiv07 .Container { padding:25px 0;}
.MainDiv07 .left { width:100%; float:none; padding:10px 0;}
.MainDiv07 .left p {  margin:0 ;}
.MainDiv07 .left ol {  margin-left:0;}

.MainDiv07 .music_con02{margin-left:0;}
/* CSS Document */
.MainDiv08 h2 { font-size:21px; padding:20px 0; color:#ff4c3d;}
/* CSS Document */
.MainDiv09 h2 { font-size:21px; }
.MainDiv09 .left { width:100%; float:none; border-right:none; }
.MainDiv09 .right { width:100%; float:none;}
/* CSS Document */
.DivMt { padding:10px 0;}
.DivMt .Details { padding:5%; width:90%; background:#f5f6f7;}
.DivMt .Left { width:100%; max-width:400px; float:none; margin:0 auto;}
.DivMt .Left img { width:100%;}
.DivMt .Right { width:100%; float:none;}
.DivMt .Right h2 { font-size:15px;}
.DivMt .Right .Buy { text-align:center;}
.DivMt .Right .Buy img { margin:10px auto; width:100%; max-width:223px; }
/* CSS Document */
.top_content{padding:0; text-align:center;}
.top_content .top_container{width:100%;}
.top_content .top_container p{float:none; line-height:35px; font-size:16px;}
.top_content .top_container p span{font-size:22px;}
.top_content .top_container .fr{float:none;}

.right_banner, .bottom_banner, .leftmenu, .side_con, .banner, .r_banner{display:none;}
}

@media  (max-width: 479px) {
	.mobile_bottom_banner{display:block;}
	
.Container { width:100%; margin:0 auto; line-height:26px;}
.buybg03 { text-align:center; padding:10px 0;}
.buybg03 img { margin:5px 0; width:100%;}
.padding-top { padding-top:0;}
.padding-bot { margin-bottom:0;}
/* CSS Document */
.MainDiv01 h1 { font-size:19px; text-align:center; padding:15px 0;}
/* CSS Document */
.MainDiv02 .left { width:100%; float:none; }
.MainDiv02 .left img { width:100%;}
.MainDiv02 .right { width:100%; float:none;}
/* CSS Document */
.MainDiv03 .Container {  padding:5px 0 10px;}
.MainDiv03 h2 { font-size:19px;  padding:10px 0; }
.MainDiv03 h3 { font-size:19px; padding:10px 0; }
.MainDiv03 .left { width:100%; float:none; }
.MainDiv03 .left img { width:100%;}
.MainDiv03 .right { width:100%; float:none;}
/* CSS Document */
.MainDiv04 h2 { font-size:21px; padding:10px 0; }
.MainDiv04 .left { width:100%; float:none;}
.MainDiv04 .right { width:100%; float:none;}
.MainDiv04 .right img { width:100%;}
/* CSS Document */
.MainDiv05 .Container { padding:5px 0;}
.MainDiv05 h3 { font-size:17px; padding:10px 0; }
.MainDiv05 p { padding-bottom:10px;}
.MainDiv05 .left { width:100%; float:none;}
.MainDiv05 .right { width:100%; float:none;}
.MainDiv05 .right p { margin-left:5px; padding-bottom:5px;}
/* CSS Document */
.MainDiv06 .Container { padding:5px 0;}
.MainDiv06 .left { width:100%; float:none;}
.MainDiv06 .left .img { width:100%; float:none; text-align:center;}
.MainDiv06 .left .txt { width:100%; float:none;}
.MainDiv06 .left .txt p { margin-right:5px;}
/* CSS Document */
.MainDiv07 .Container { padding:25px 0;}
.MainDiv07 .left { width:100%; float:none; padding:10px 0;}
.MainDiv07 .left p {  margin:0 ;}
.MainDiv07 .left ol {  margin-left:0;}

.MainDiv07 .music_con{width:100%; border:0; border-top:1px solid #f2efe9; border-bottom:1px solid #f2efe9;}
.MainDiv07 .music_con .pic a img{width:100%;}
.MainDiv07 .music_con02{margin-left:0;}
.MainDiv07 .music_con ul{padding-left:10px;}
/* CSS Document */
.MainDiv08 h2 { font-size:21px; padding:20px 0; color:#ff4c3d;}
/* CSS Document */
.MainDiv09 h2 { font-size:21px; }
.MainDiv09 .left { width:100%; float:none; border-right:none; }
.MainDiv09 .right { width:100%; float:none;}
/* CSS Document */
.DivMt { padding:10px 0;}
.DivMt .Details { padding:5%; width:90%; background:#f5f6f7;}
.DivMt .Left { width:100%; max-width:400px; float:none; margin:0 auto;}
.DivMt .Left img { width:100%;}
.DivMt .Right { width:100%; float:none;}
.DivMt .Right h2 { font-size:15px;}
.DivMt .Right .Buy { text-align:center;}
.DivMt .Right .Buy img { margin:10px auto; width:100%; max-width:223px; }
/* CSS Document */
.top_content{padding:0; text-align:center;}
.top_content .top_container{width:100%;}
.top_content .top_container p{float:none; line-height:25px; font-size:14px;}
.top_content .top_container p span{font-size:18px;}
.top_content .top_container p em{display:none;}
.top_content .top_container .fr{float:none;}
.top_content .top_container .fr a img{width:45%;}

.right_banner, .bottom_banner, .leftmenu, .side_con, .banner, .r_banner{display:none;}
.mobile_bottom_banner .close{ visibility:hidden;}
}