body{background-color:#f2f2f2;}
.headset {width:100%;}
.headset img{width:100vw;}
.title {font-size: 2.5em; line-height: 1.2em;}
.subtitle{margin-top: 1.4vw; font-size: 1.25em; line-height: 1.5em;}
.text {font-size: 1em; line-height: 1.75em; margin-top:2vw; }
/*视频*/
.headset_01{left: 22vw; position: absolute; color: #fff; top: 15vw; font-size: 2em; width:50%;}
.headset_01 .title { width:80%; line-height: 2.2em;}
.headset_01 .text {width:60%; margin-top:0; line-height: 1em}

@media screen and (max-width:1440px){
	.headset_01{left:2vw; top:12vw; }
}
@media screen and (max-width:960px){
	.headset_01{top:8vw; width:80%; font-size: 1.5em;}
}
@media screen and (max-width:480px){
	.headset_01{top:15vw; width:80%; font-size: 1.25em;}
}
/*音乐耳机*/
.headset .headset_02{right: 12%; position: absolute; color: #fff; top: 15%; width:32%;}
.lj_set01_img {width: 32.33%; margin-right: 1.5%; top: -80px; float: left; overflow: hidden;}
.lj_set01_img:last-child {margin-right: 0;}
.lj_set_title {position: absolute; top: 10%; text-align: center; width: 100%; font-size: 1.125em; color:#333;}


/**/
.headset .headset_03{left: 12%; position: absolute; color: #fff; top: 25%; width:28%;}
.headset .headset_04{left: 12%; position: absolute; color: #333; top: 17%; width:25%;}
@media screen and (max-width:1440px){
	.headset .headset_02{right:2%; width:42%; top:15%}
	.headset .headset_03{left: 2%; width:40%; top:15%;}
	.headset .headset_04{left: 2%; width:40%; top:15%}
}
@media screen and (max-width:1080px){
	.headset .headset_02{right:2%; width:52%; top:15%}
	.headset .headset_03{left: 2%; width:50%; top:15%;}
	.headset .headset_04{left: 2%; width:50%; top:15%}
}
@media screen and (max-width:990px){
	.headset_02 .text, .headset_03 .text, .headset_04 .text{display: none}
}
@media screen and (max-width:768px){
	.headset_02 .subtitle, .headset_03 .subtitle, .headset_04 .subtitle{display: none}
}
/*按扭*/
.set_btn_all{position: absolute; bottom:-20%; width:100%;}
.set_btn_all a{ margin: 0 2%;}
@media screen and (min-width:768px){
	.lj_set_img01:hover .set_btn_all, .lj_set01_img:hover .set_btn_all{display: none; background-color:rgba(255,255,255,0.5); overflow: hidden; position: absolute; bottom:0px; width:100%; height: 10%; padding: 10% 0; transition: 0.5s;}
	.transparent_buy_button {margin-top:-1.5em; position: relative; top:50%;}
}
@media screen and (min-width:461px) and (max-width:767px){
	.set_btn_all{ width:100%; height: 16%;}
	.transparent_buy_button { position: absolute; bottom:5%;}
}
@media screen and (max-width:460px){
	.set_btn_all{height: 20%;bottom:10px; position: relative;}
	.lj_set_img01 .set_btn_all, .lj_set_img01:hover .set_btn_all, .lj_set01_img .set_btn_all, .lj_set01_img:hover .set_btn_all{margin-bottom:1em}
	.set_btn_jd {display: inline-block; }
	.transparent_buy_button { margin-top:-3.5em;}
}


.lj_set_img01 {position: relative; overflow: hidden;}
.lj_set_img01 img {display: block;width:100%;}
.lj_set_img01:last-child {margin-right: 0;}
.lj_set_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
.set_font_small {color: #9a9a9a;}
.transparent_buy_button{ width:100%;  text-align: center;}
.set_btn_all a{ border:1px solid #5c5c5c; display: inline-block; color:#333; font-size: 1em; padding: 1% 4%; }
.set_btn_all a:hover{background-color:#ff6900; border:1px solid #ff6900; color:#FFF; padding: 1% 4%; }
.lj_set_img01:hover .set_btn_all, .lj_set01_img:hover .set_btn_all{display: block;}

@media screen and (min-width:1200px){
.set_font_small {font-size: 1.1em; padding: 5% 0;}
}
@media screen and (min-width:768px) and (max-width:1199px){
.set_font_small {font-size: 0.9em; padding: 2% 0;}
}
@media screen and (max-width:768px){
	.set_font_small {font-size: 0.8em; padding: 2% 0;}
	.lj_set01_img, .lj_set_img01{top:2vw; width:49%; margin-bottom: 2vw;}
	.lj_set_img01:nth-child(2n), .lj_set01_img:nth-child(2n){margin-right: 0;}
	.set_btn_all{position:relative; overflow: hidden; background-color: #FFF; padding: 4vw 0; height: 40px; bottom:10%;}
	.transparent_buy_button{position: relative;}
}
@media screen and (max-width:480px){
	.lj_set01_img, .lj_set_img01{width:100%;}
}


.lj_travel_text {
    background: #f2f2f2;
    text-align: center;
    color: #333;
}
@media screen and (min-width:1000px){
	.lj_travel_text {font-size: 3.75em;padding: 5% 0;}	
}
@media screen and (min-width:768px) and (max-width:999px){
	.lj_travel_text {font-size: 3em;padding: 7% 0;}	
}
@media screen and (min-width:480px) and (max-width:767px){
	.lj_travel_text {font-size: 2.5em;padding: 10% 0;}	
}
@media screen  and (max-width:479px){
	.lj_travel_text {font-size: 2em;padding: 10% 0;}	
}