818 lines
27 KiB
CSS
Executable File
818 lines
27 KiB
CSS
Executable File
body {padding: 0; margin: 0;background: #f2f2f2;}
|
|
ul {list-style-type: none; padding: 0; margin: 0;}
|
|
|
|
|
|
|
|
|
|
/*透明系列*/
|
|
.lj_trans_series { position: relative;}
|
|
.lj_trans_series img {display: block; width:100%;}
|
|
.lj_all_text {position: absolute; color: #fff; top:18%;}
|
|
.lj_tran_a {line-height: 1.2em; padding-bottom: 3%; font-family:"LATO-MEDIUM"; }
|
|
.lj_tran_b {line-height: 1.5em;}
|
|
.lj_tran_c {line-height: 1.6em;padding-top: 3%;}
|
|
@media screen and (min-width:1400px){
|
|
.lj_all_text { left: 20%; }
|
|
.lj_tran_a {font-size:3em; width:50%; }
|
|
.lj_tran_b {font-size: 1.5em;width:50%; }
|
|
.lj_tran_c {font-size: 1.1em; color: #009fdf; }
|
|
}
|
|
|
|
@media screen and (min-width:1280px) and (max-width:1399px){
|
|
.lj_all_text { left: 14%;}
|
|
.lj_tran_a {font-size:3em; }
|
|
.lj_tran_b {font-size: 1.5em;}
|
|
.lj_tran_c {font-size: 1.1em; color: #009fdf; }
|
|
}
|
|
|
|
@media screen and (min-width:1000px) and (max-width:1279px){
|
|
.lj_all_text { left: 15%; }
|
|
.lj_tran_a {font-size:2.5em; }
|
|
.lj_tran_b {font-size: 1.1em; }
|
|
.lj_tran_c {font-size: 1em; color: #009fdf; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.lj_all_text { left: 15%; top:20%;}
|
|
.lj_tran_a {font-size:2.5em; }
|
|
.lj_tran_b {font-size: 1.1em; }
|
|
.lj_tran_c {display: none;}
|
|
}
|
|
|
|
@media screen and (min-width:640px) and (max-width:767px){
|
|
.lj_all_text { left: 5%; top:24%;}
|
|
.lj_tran_a {font-size:1.5em; }
|
|
.lj_tran_b {font-size: 1.1em; }
|
|
.lj_tran_c {display: none; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:480px) and (max-width:639px){
|
|
.lj_all_text { left: 10%; top:25%;}
|
|
.lj_tran_a {font-size:1.8em; }
|
|
.lj_tran_b {font-size: 1em;}
|
|
.lj_tran_c {display: none; }
|
|
}
|
|
|
|
|
|
@media screen and (max-width:479px){
|
|
.lj_all_text { left: 5%; top:20%;}
|
|
.lj_tran_a {font-size:1.5em; }
|
|
.lj_tran_b {font-size: 1em;}
|
|
.lj_tran_c {display: none; }
|
|
}
|
|
|
|
|
|
.lj_trans_img_all { left: 0; width:100%;}
|
|
|
|
|
|
|
|
.lj_trans_img01 img {display: block;width:100%;}
|
|
@media screen and (min-width:1440px){
|
|
.lj_tran_product,.lj_trans_img,.lj_dis_product,.lj_voice_product,.lj_layout_product,.lj_usb_product,.lj_set_product,.lj_set01_product { width:1440px; margin: auto;}
|
|
.lj_trans_img img {display: block; width:75vw;}
|
|
}
|
|
@media screen and (max-width:1439px){
|
|
.lj_tran_product,.lj_trans_img,.lj_dis_product,.lj_voice_product,.lj_layout_product,.lj_usb_product,.lj_set_product,.lj_set01_product { width:100%; margin: auto;}
|
|
.lj_trans_img img {display: block; width:100vw;}
|
|
}
|
|
.lj_trans_img01:last-child {margin-right: 0;}
|
|
.lj_trans_title { position: absolute;bottom:10%; text-align: center; width:100%;}
|
|
@media screen and (min-width:1000px){
|
|
.trans_font_big {font-size: 1.3em; }
|
|
.trans_font_small {font-size: 1em; color: #9a9a9a; padding: 3% 0;}
|
|
.lj_trans_img01 { width:19.6%; margin-right: 0.5%;position: relative; float: left;top:-70px;}
|
|
.lj_trans_img_all {position: relative; top:-87px;}
|
|
}
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.trans_font_big {font-size: 1.1em; }
|
|
.trans_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
|
.lj_trans_img01 { width:19.6%; margin-right: 0.5%; margin-top: 1%; position: relative; float: left;}
|
|
}
|
|
|
|
@media screen and (max-width:767px){
|
|
.trans_font_big {font-size: 1em; line-height: 1em;}
|
|
.trans_font_small {font-size: 0.9em; color: #9a9a9a; }
|
|
}
|
|
.trans_font_big {color: #333; font-family:"LATO-MEDIUM" ;}
|
|
|
|
|
|
|
|
/*硬盘数据线*/
|
|
.lj_disk { position: relative;}
|
|
.lj_disk img {display: block; width:100%;}
|
|
.lj_disk_text {position: absolute; color: #333;}
|
|
.lj_disk_a {line-height: 1.3em; padding-bottom: 5%;}
|
|
.lj_disk_b {line-height: 1.2em; color: #555;}
|
|
.lj_disk_c {line-height: 1.6em;padding-top: 5%;}
|
|
@media screen and (min-width:1400px){
|
|
.lj_disk_text { left: 20%; top:12%;}
|
|
.lj_disk_a {font-size:3em; }
|
|
.lj_disk_b {font-size: 1.5em; }
|
|
.lj_disk_c {font-size: 1.1em; color: #009fdf; }
|
|
}
|
|
@media screen and (min-width:1280px) and (max-width:1399px){
|
|
.lj_disk_text { left: 14%; top:10%;}
|
|
.lj_disk_a {font-size:3.5em; }
|
|
.lj_disk_b {font-size: 1.5em; }
|
|
.lj_disk_c {font-size: 1.1em; color: #009fdf; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:1000px) and (max-width:1279px){
|
|
.lj_disk_text { left: 15%; top:12%;}
|
|
.lj_disk_a {font-size:2.5em; }
|
|
.lj_disk_b {font-size: 1.1em;}
|
|
.lj_disk_c {font-size: 1em; color: #009fdf; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.lj_disk_text { left: 15%; top:10%;}
|
|
.lj_disk_a {font-size:2.5em; }
|
|
.lj_disk_b {font-size: 1.1em; }
|
|
.lj_disk_c {display: none;}
|
|
}
|
|
|
|
@media screen and (min-width:640px) and (max-width:767px){
|
|
.lj_disk_text { left: 5%; top:10%;}
|
|
.lj_disk_a {font-size:1.5em; }
|
|
.lj_disk_b {font-size: 1.1em; color: #555; }
|
|
.lj_disk_c {display: none; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:480px) and (max-width:639px){
|
|
.lj_disk_text { left: 10%; top:5%;}
|
|
.lj_disk_a {font-size:1.8em; }
|
|
.lj_disk_b {font-size: 1em; color: #555; }
|
|
.lj_disk_c {display: none; }
|
|
}
|
|
|
|
|
|
@media screen and (max-width:479px){
|
|
.lj_disk_text { left: 5%; top:4%;}
|
|
.lj_disk_a {font-size:1.5em; }
|
|
.lj_disk_b {font-size: 1em; color: #555;}
|
|
.lj_disk_c {display: none; }
|
|
}
|
|
|
|
/*产品*/
|
|
.lj_dis_img01 img {display: block; width: 100%;}
|
|
.lj_dis_img01:last-child {margin-right: 0;}
|
|
.lj_dis_title { position: absolute;top:10%; text-align: center; width:100%;}
|
|
.dis_font_small { color: #9a9a9a;}
|
|
@media screen and (min-width:1000px){
|
|
.dis_font_big {font-size: 1.5em; }
|
|
.dis_font_small {font-size: 1.1em; padding: 3% 0; }
|
|
.lj_dis_img01 { width:23.87%; margin-right: 1.5%;position: relative; float: left; top:-80px;}
|
|
}
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.dis_font_big {font-size: 1.1em; }
|
|
.dis_font_small {font-size: 0.9em; }
|
|
.lj_dis_img01 { width:23.87%; margin-right: 1.5%;position: relative; float: left; top:-80px;}
|
|
}
|
|
|
|
@media screen and (max-width:767px){
|
|
.dis_font_big {font-size:1.1em; line-height: 1em;}
|
|
.dis_font_small {font-size: 0.8em; }
|
|
.lj_dis_img01 { width:23.87%; margin-right: 1.5%; }
|
|
}
|
|
.dis_font_big {color: #333; font-family:"LATO-MEDIUM"; }
|
|
|
|
/*耳机音箱专区*/
|
|
.lj_voice{ position: relative;}
|
|
.lj_voice img {display: block; width:100%;}
|
|
.lj_voice_text {position: absolute; color: #fff;}
|
|
.lj_voice_a {line-height: 1.2em; padding-bottom: 5%; font-family:"LATO-MEDIUM"; }
|
|
.lj_voice_b {line-height: 1.5em;padding-top: 5%;color: #b7b7b7;}
|
|
@media screen and (min-width:1400px){
|
|
.lj_voice_text { left: 20%; top:15%;}
|
|
.lj_voice_a {font-size:3em; }
|
|
.lj_voice_b {font-size: 1.5em; }
|
|
}
|
|
|
|
@media screen and (min-width:1280px) and (max-width:1399px){
|
|
.lj_voice_text { left:14%; top:15%;}
|
|
.lj_voice_a {font-size:3em; }
|
|
.lj_voice_b {font-size: 1.5em; }
|
|
}
|
|
@media screen and (min-width:768px) and (max-width:1279px){
|
|
.lj_voice_text { left: 15%; top:12%;}
|
|
.lj_voice_a {font-size:2.5em; }
|
|
.lj_voice_b {font-size: 1.1em; }
|
|
}
|
|
@media screen and (min-width:640px) and (max-width:767px){
|
|
.lj_voice_text { left: 8%; top:10%;}
|
|
.lj_voice_a {font-size:2em; }
|
|
.lj_voice_b {font-size: 1.1em; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:480px) and (max-width:639px){
|
|
.lj_voice_text { left:10%; top:8%;}
|
|
.lj_voice_a {font-size:1.8em; }
|
|
.lj_voice_b {font-size: 1em; }
|
|
}
|
|
|
|
|
|
@media screen and (max-width:479px){
|
|
.lj_voice_text { left: 10%; top:7%;}
|
|
.lj_voice_a {font-size:1.5em; }
|
|
.lj_voice_b {font-size: 1em; }
|
|
}
|
|
|
|
/*产品*/
|
|
.lj_voice_img01 img {display: block; width:100%;}
|
|
.lj_voice_img01:last-child {margin-right: 0;}
|
|
.lj_voice_title { position: absolute;top:10%; text-align: center; width:100%; }
|
|
@media screen and (min-width:1000px){
|
|
.voice_font_big {font-size: 1.3em;}
|
|
.lj_voice_img01 {position: relative;width:32.33%; margin-right: 1.5%; float: left; top:-87px;}
|
|
}
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.voice_font_big {font-size: 1.1em; }
|
|
.lj_voice_img01 {position: relative;width:32.33%; margin-right: 1.5%; float: left; top:-87px;}
|
|
}
|
|
|
|
@media screen and (max-width:767px){
|
|
.voice_font_big {font-size:1.1em;}
|
|
.lj_voice_img01 {width:32.33%; margin-right: 1.5%; float: left;}
|
|
}
|
|
.voice_font_big { color: #b7b7b7; font-family:"LATO-MEDIUM"; }
|
|
|
|
/*收纳专区*/
|
|
.lj_usb_fan img {display: block;width:100%;}
|
|
.lj_usb_fan{ position: relative;}
|
|
.lj_usb_text {position: absolute;color: #333; width:70%; }
|
|
.lj_usb_a {line-height: 1.2em; padding-bottom: 3%; letter-spacing: 0.1em; font-family:"LATO-MEDIUM"; }
|
|
.lj_usb_b {line-height: 1.2em;color: #555;}
|
|
.lj_usb_b span {padding: 0 2%;}
|
|
@media screen and (min-width:1400px){
|
|
.lj_usb_text { left: 20%; top:12%;}
|
|
.lj_usb_a {font-size:3em; }
|
|
.lj_usb_b {font-size: 1.5em; }
|
|
}
|
|
|
|
@media screen and (min-width:1280px) and (max-width:1399px){
|
|
.lj_usb_text { left:14%; top:15%;}
|
|
.lj_usb_a {font-size:3.5em; }
|
|
.lj_usb_b {font-size: 1.5em; }
|
|
}
|
|
@media screen and (min-width:768px) and (max-width:1279px){
|
|
.lj_usb_text { left: 10%; top:20%;}
|
|
.lj_usb_a {font-size:2.5em; }
|
|
.lj_usb_b {font-size: 1.1em; }
|
|
}
|
|
@media screen and (min-width:640px) and (max-width:767px){
|
|
.lj_usb_text { left: 5%; top:25%;}
|
|
.lj_usb_a {font-size:2em; }
|
|
.lj_usb_b {font-size: 1.1em; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:480px) and (max-width:639px){
|
|
.lj_usb_text { left: 8%; top:12%;}
|
|
.lj_usb_a {font-size:1.8em; }
|
|
.lj_usb_b {font-size: 1em; }
|
|
}
|
|
|
|
|
|
@media screen and (max-width:479px){
|
|
.lj_usb_text { left: 8%; top:10%;}
|
|
.lj_usb_a {font-size:1.5em; }
|
|
.lj_usb_b {font-size: 1em; }
|
|
}
|
|
|
|
|
|
/*产品*/
|
|
.lj_usb_img01 {position: relative;}
|
|
.lj_usb_img01 img {display: block;width:100%;}
|
|
.lj_usb_img01:last-child {margin-right: 0;}
|
|
.lj_usb_title { position: absolute;top:10%; text-align: center; width:100%;}
|
|
@media screen and (min-width:1200px){
|
|
.usb_font_big {font-size: 2.2em;}
|
|
.usb_font_small {font-size: 1.1em; color: #9a9a9a; padding: 2% 0;}
|
|
.lj_usb_img01 { width:49.25%; margin-right: 1.5%;top:-80px; float: left; }
|
|
}
|
|
@media screen and (min-width:1000px) and (max-width:1199px){
|
|
.usb_font_big {font-size:2em; }
|
|
.usb_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
|
.lj_usb_img01 { width:49.25%; margin-right: 1.5%;top:-80px; float: left; }
|
|
}
|
|
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.usb_font_big {font-size:1.5em;}
|
|
.usb_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
|
.lj_usb_img01 { width:49.25%; margin-right: 1.5%;top:-80px; float: left; }
|
|
}
|
|
|
|
@media screen and (max-width:767px){
|
|
.usb_font_big {font-size:1.1em; line-height: 1em;}
|
|
.usb_font_small {font-size: 0.8em; color: #9a9a9a; padding: 2% 0;}
|
|
.lj_usb_img01 { width:100%; margin-right: 1.5%; }
|
|
}
|
|
.usb_font_big { color: #333; font-family: "LATO-MEDIUM";}
|
|
/*排插专区*/
|
|
.lj_layout { position: relative;}
|
|
.lj_layout img { display: block;width:100%;}
|
|
.lj_layout_text {position: absolute; color: #fff;}
|
|
.lj_layout_a {line-height: 1.2em; padding-bottom: 5%; font-family: "LATO-MEDIUM";}
|
|
.lj_layout_b {line-height: 1.2em; color: #555;}
|
|
.lj_layout_c {line-height: 1.5em;padding-top: 3%;}
|
|
.lj_layout_c span {padding-left:40px;}
|
|
@media screen and (min-width:1400px){
|
|
.lj_layout_text { left: 20%; top:12%;}
|
|
.lj_layout_a {font-size:3em; }
|
|
.lj_layout_c {font-size: 1.25em; }
|
|
}
|
|
|
|
@media screen and (min-width:1280px) and (max-width:1399px){
|
|
.lj_layout_text { left: 14%; top:12%;}
|
|
.lj_layout_a {font-size:3.5em; }
|
|
.lj_layout_c {font-size: 1.25em; }
|
|
}
|
|
|
|
@media screen and (min-width:768px) and (max-width:1279px){
|
|
.lj_layout_text { left: 10%; top:12%;}
|
|
.lj_layout_a {font-size:2.5em; }
|
|
.lj_layout_c {font-size: 1em; }
|
|
}
|
|
|
|
@media screen and (min-width:640px) and (max-width:767px){
|
|
.lj_layout_text { left: 5%; top:15%;}
|
|
.lj_layout_a {font-size:1.5em; }
|
|
.lj_layout_c {font-size: 1em; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:480px) and (max-width:639px){
|
|
.lj_layout_text { left: 8%; top:10%;}
|
|
.lj_layout_a {font-size:1.8em; }
|
|
.lj_layout_c {font-size: 1em; }
|
|
}
|
|
|
|
|
|
@media screen and (max-width:479px){
|
|
.lj_layout_text { left: 8%; top:8%;}
|
|
.lj_layout_a {font-size:1.5em;}
|
|
.lj_layout_c {font-size: 1em; }
|
|
}
|
|
|
|
/*产品*/
|
|
.lj_layout_img01 {position: relative;}
|
|
.lj_layout_img01 img {display: block;width:100%;}
|
|
.lj_layout_img01:last-child {margin-right: 0;}
|
|
.lj_layout_title { position: absolute;top:10%; text-align: center; width:100%;}
|
|
@media screen and (min-width:1200px){
|
|
.layout_font_big {font-size: 1.3em; }
|
|
.layout_font_small {font-size: 1.1em; color: #9a9a9a; padding: 3% 0;}
|
|
.lj_layout_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
|
}
|
|
@media screen and (min-width:1000px) and (max-width:1199px){
|
|
.layout_font_big {font-size:1.3em; }
|
|
.layout_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
|
.lj_layout_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
|
}
|
|
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.layout_font_big {font-size:1.3em; }
|
|
.layout_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
|
.lj_layout_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
|
}
|
|
|
|
@media screen and (max-width:767px){
|
|
.layout_font_big {font-size:1.1em; line-height: 1em;}
|
|
.layout_font_small {font-size: 0.8em; color: #9a9a9a; padding: 2% 0;}
|
|
.lj_layout_img01 { width:23.87%; margin-right: 1.5%; }
|
|
}
|
|
.layout_font_big {color: #333; font-family: "LATO-MEDIUM";}
|
|
|
|
/*图片01*/
|
|
.lj_skin_fan{ position: relative; margin-bottom: 40px;}
|
|
.lj_skin_fan img {display: block; width:100%;}
|
|
.lj_skin_text {position: absolute;color: #333; width:80%; }
|
|
.lj_skin_a {line-height: 1.2em; padding-bottom: 5%; font-family:"LATO-MEDIUM"; }
|
|
.lj_skin_b {line-height: 1.5em; color: #555;}
|
|
.lj_skin_b span {padding: 0 2%;}
|
|
@media screen and (min-width:1280px){
|
|
.lj_skin_text { left: 20%; top:22%;width:40%;}
|
|
.lj_skin_a {font-size:3em; }
|
|
.lj_skin_b {font-size: 1.5em; width:80%; }
|
|
}
|
|
@media screen and (min-width:768px) and (max-width:1279px){
|
|
.lj_skin_text { left: 15%; top:30%;}
|
|
.lj_skin_a {font-size:2.5em; }
|
|
.lj_skin_b {font-size: 1.1em;width:50%; }
|
|
}
|
|
@media screen and (min-width:640px) and (max-width:767px){
|
|
.lj_skin_text { left: 5%; top:30%;}
|
|
.lj_skin_a {font-size:2em; }
|
|
.lj_skin_b {font-size: 1.1em;width:50%; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:480px) and (max-width:639px){
|
|
.lj_skin_text { left: 8%; top:25%;}
|
|
.lj_skin_a {font-size:1.8em; }
|
|
.lj_skin_b {font-size: 1em;width:50%; }
|
|
}
|
|
|
|
|
|
@media screen and (max-width:479px){
|
|
.lj_skin_text { left: 8%; top:25%;}
|
|
.lj_skin_a {font-size:1.5em; }
|
|
.lj_skin_b {font-size: 1em; width:80%;}
|
|
}
|
|
|
|
|
|
/*图片02*/
|
|
.lj_skin02_fan img {display: block;width:100%;}
|
|
.lj_skin02_fan{ position: relative;}
|
|
.lj_skin02_text {position: absolute;color: #333; width:70%; }
|
|
.lj_skin02_a {line-height: 1.2em; padding-bottom: 2%; letter-spacing: 0.1em; font-family: "LATO-MEDIUM";}
|
|
.lj_skin02_b {line-height: 1.2em;color: #555;}
|
|
.lj_skin02_b span {padding: 0 2%;}
|
|
@media screen and (min-width:1400px){
|
|
.lj_skin02_text { left: 20%; top:12%;}
|
|
.lj_skin02_a {font-size:3em; }
|
|
.lj_skin02_b {font-size: 1.5em; }
|
|
}
|
|
|
|
@media screen and (min-width:1280px) and (max-width:1399px){
|
|
.lj_skin02_text { left:14%; top:15%;}
|
|
.lj_skin02_a {font-size:3.5em; }
|
|
.lj_skin02_b {font-size: 1.5em; }
|
|
}
|
|
@media screen and (min-width:768px) and (max-width:1279px){
|
|
.lj_skin02_text { left: 10%; top:20%;}
|
|
.lj_skin02_a {font-size:2.5em; }
|
|
.lj_skin02_b {font-size: 1.1em; }
|
|
}
|
|
@media screen and (min-width:640px) and (max-width:767px){
|
|
.lj_skin02_text { left: 5%; top:15%;}
|
|
.lj_skin02_a {font-size:2em; }
|
|
.lj_skin02_b {font-size: 1.1em; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:480px) and (max-width:639px){
|
|
.lj_skin02_text { left: 8%; top:8%;}
|
|
.lj_skin02_a {font-size:1.8em; }
|
|
.lj_skin02_b {font-size: 1em; }
|
|
}
|
|
|
|
|
|
@media screen and (max-width:479px){
|
|
.lj_skin02_text { left: 5%; top:5%;}
|
|
.lj_skin02_a {font-size:1.5em; }
|
|
.lj_skin02_b {font-size: 1em; }
|
|
}
|
|
|
|
|
|
|
|
/*耳机专题*/
|
|
.lj_headset_banner{ position: relative;}
|
|
.lj_headset_banner img {display: block; width:100%;}
|
|
.lj_all_set {position: absolute; color: #fff; top:35%;}
|
|
.lj_set_a {line-height: 1.5em; padding-bottom: 5%; font-family: "LATO-MEDIUM";}
|
|
.lj_set_b {line-height: 1.5em;}
|
|
|
|
@media screen and (min-width:1400px){
|
|
.lj_all_set { left: 17%; }
|
|
.lj_set_a {font-size:3em; }
|
|
.lj_set_b {font-size: 2em;; }
|
|
}
|
|
|
|
@media screen and (min-width:1280px) and (max-width:1399px){
|
|
.lj_all_set { left: 14%;}
|
|
.lj_set_a {font-size:3em; }
|
|
.lj_set_b {font-size: 1.5em;}
|
|
}
|
|
|
|
@media screen and (min-width:1000px) and (max-width:1279px){
|
|
.lj_all_set { left: 15%; }
|
|
.lj_set_a {font-size:2.5em; }
|
|
.lj_set_b {font-size: 1.1em; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.lj_all_set { left: 15%; top:20%;}
|
|
.lj_set_a {font-size:2.5em; }
|
|
.lj_set_b {font-size: 1.1em; }
|
|
}
|
|
|
|
@media screen and (min-width:640px) and (max-width:767px){
|
|
.lj_all_set { left: 5%; top:24%;}
|
|
.lj_set_a {font-size:1.5em; }
|
|
.lj_set_b {font-size: 1.1em; }
|
|
}
|
|
|
|
|
|
@media screen and (min-width:480px) and (max-width:639px){
|
|
.lj_all_set { left: 10%; top:25%;}
|
|
.lj_set_a {font-size:1.8em; }
|
|
.lj_set_b {font-size: 1em;}
|
|
}
|
|
|
|
|
|
@media screen and (max-width:479px){
|
|
.lj_all_set { left: 5%; top:20%;}
|
|
.lj_set_a {font-size:1.5em; }
|
|
.lj_set_b {font-size: 1em;}
|
|
}
|
|
|
|
|
|
/*视频*/
|
|
.lj_headset_video {background: #f2f2f2; padding: 4% 0;}
|
|
@media screen and (min-width:1400px){
|
|
.lj_set_v_all {width:1440px;margin: auto;}
|
|
}
|
|
@media screen and (max-width:1399px){
|
|
.lj_set_v_all {width:96%;margin: auto;}
|
|
}
|
|
@media screen and (min-width:1200px){
|
|
.set_h3 {font-size:3em; color: #333;}
|
|
.lj_set_v_left {width:30%; float: left; padding: 5% 0;}
|
|
.set_small { padding: 10% 0;}
|
|
.lj_set_v_right { width:68%; float: right;}
|
|
}
|
|
@media screen and (max-width:1199px){
|
|
.set_h3 {font-size:2.5em; color: #333;}
|
|
.lj_set_v_left {width:96%; text-align: center;}
|
|
.set_small { padding: 3.4% 0 5.4%;}
|
|
.lj_set_v_right { width:96%; margin: auto; padding: 2% 0;}
|
|
}
|
|
|
|
.set_h3 p {line-height:1.2em; font-family: "LATO-MEDIUM";}
|
|
.set_small {font-size:1.875em; color: #333; }
|
|
.se_s_a {font-size: 1em; line-height: 1.2em;}
|
|
|
|
|
|
.lj_set_img02{ position: relative;}
|
|
.lj_set_img02 img {display: block; width:100%;}
|
|
.lj_set_c { font-size: 1em;}
|
|
@media screen and (min-width:1000px){
|
|
.lj_set_text {width:32%;}
|
|
}
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.lj_set_text {width:40%;}
|
|
}
|
|
|
|
@media screen and (max-width:767px){
|
|
.lj_set_text {width:50%;}
|
|
}
|
|
|
|
|
|
.lj_set_text {position: absolute; color: #fff; }
|
|
.lj_set_head {line-height: 1.5em; padding-bottom: 5%; font-family:"LATO-MEDIUM";}
|
|
.lj_set01_b {padding:8% 0 6%;}
|
|
@media screen and (min-width:1400px){
|
|
.lj_set_text { right: 12%; top:15%;}
|
|
.lj_set_head {font-size: 5em;}
|
|
.lj_set01_b {font-size:1.125em;}
|
|
.lj_set_c { line-height: 1.5em;}
|
|
|
|
}
|
|
|
|
@media screen and (min-width:1280px) and (max-width:1399px){
|
|
.lj_set_text { right:10%; top:15%;}
|
|
.lj_set_head {font-size: 4.5em;}
|
|
.lj_set01_b {font-size:1.125em;}
|
|
.lj_set_c { line-height: 1.5em;}
|
|
}
|
|
@media screen and (min-width:768px) and (max-width:1279px){
|
|
.lj_set_text { right: 15%; top:6%;}
|
|
.lj_set_head {font-size: 4em;}
|
|
.lj_set01_b {font-size:1em;}
|
|
.lj_set_c { line-height: 1.2em;}
|
|
}
|
|
@media screen and (min-width:640px) and (max-width:767px){
|
|
.lj_set_text { right: 8%; top:10%;}
|
|
.lj_set_head {font-size: 3em;}
|
|
.lj_set01_b {font-size:1em;}
|
|
.lj_set_c { line-height: 1.2em;}
|
|
}
|
|
|
|
|
|
@media screen and (min-width:480px) and (max-width:639px){
|
|
.lj_set_text { right:10%; top:8%;}
|
|
.lj_set_head {font-size: 2.5em;}
|
|
.lj_set01_b {font-size:1em;}
|
|
.lj_set_c { display: none;}
|
|
}
|
|
|
|
|
|
@media screen and (max-width:479px){
|
|
.lj_set_text { right: 10%; top:7%;}
|
|
.lj_set_head {font-size: 2em;}
|
|
.lj_set01_b {font-size:1em;}
|
|
.lj_set_c {display: none;}
|
|
}
|
|
|
|
|
|
|
|
|
|
.set_btn_jd {border:1px solid #5c5c5c; padding: 1%; color: #333; text-align: center;}
|
|
.set_btn_jd:hover { background: #ff6900; padding:1%; border: 1px solid #ff6900;color: #fff; text-align: center;}
|
|
|
|
.lj_set_goden { position: relative;}
|
|
.lj_set_goden img { display: block;width:100%;}
|
|
.lj_goden_text {position: absolute; }
|
|
.goden_w {color: #fff;}
|
|
.voice_font {color: #333;}
|
|
.voice_gray{clor:#6d6d70;}
|
|
.lj_goden_a {line-height: 1.2em; font-family: "LATO-MEDIUM";}
|
|
@media screen and (min-width:1600px){
|
|
.lj_goden_text { left: 12%; top:25%;width:25%;}
|
|
.lj_goden_a {font-size:3em; }
|
|
.lj_goden_b {font-size: 1.875em; line-height: 1.5em; padding: 2% 0 7%; }
|
|
.lj_goden_c { line-height: 1.8em;font-size: 1.125em;}
|
|
|
|
}
|
|
|
|
@media screen and (min-width:1200px) and (max-width:1599px){
|
|
.lj_goden_text { left: 6%; top:18%;width:35%;}
|
|
.lj_goden_a {font-size:3em; }
|
|
.lj_goden_b {font-size: 1.875em; line-height: 1.5em; padding: 2% 0 7%; }
|
|
.lj_goden_c { line-height: 1.8em;font-size: 1.125em;}
|
|
}
|
|
|
|
@media screen and (min-width:900px) and (max-width:1199px){
|
|
.lj_goden_text { left: 6%; top:12%;width:35%;}
|
|
.lj_goden_a {font-size:2.5em; }
|
|
.lj_goden_b {font-size: 1.5em; line-height: 1.5em; padding: 2% 0 7%; }
|
|
.lj_goden_c { line-height: 1.5em;font-size: 1em;}
|
|
}
|
|
|
|
|
|
@media screen and (min-width:640px) and (max-width:899px){
|
|
.lj_goden_text { left: 6%; top:8%;width:35%;}
|
|
.lj_goden_a {font-size:2em; }
|
|
.lj_goden_b {font-size: 1.2em; line-height: 1.5em; padding: 2% 0 7%; }
|
|
.lj_goden_c { line-height: 1.2em;font-size: 1em;}
|
|
}
|
|
@media screen and (max-width:639px){
|
|
.lj_goden_text { left: 6%; top:10%;width:80%;}
|
|
.lj_goden_a {font-size:1.5em; }
|
|
.lj_goden_b {font-size: 1em; line-height: 1.5em; padding: 2% 0 7%; }
|
|
.lj_goden_c { display: none;}
|
|
}
|
|
|
|
|
|
.goden_font_big {color: #333; font-family:"LATO-MEDIUM"; }
|
|
@media screen and (min-width:1000px){
|
|
.goden_font_big {font-size:1.3em; }
|
|
}
|
|
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.goden_font_big {font-size:1.3em;}
|
|
}
|
|
|
|
@media screen and (max-width:767px){
|
|
.goden_font_big {font-size:1em; line-height: 1em;}
|
|
}
|
|
|
|
|
|
.lj_last_text {position: absolute; }
|
|
.lj_last_a {line-height: 1.2em; font-family:"LATO-MEDIUM"; }
|
|
@media screen and (min-width:1600px){
|
|
.lj_last_text { left: 12%; top:17%;width:25%;}
|
|
.lj_last_a {font-size:3em; }
|
|
.lj_last_b {font-size: 1.875em; line-height: 1.2em; padding: 8% 0 7%; }
|
|
.lj_last_c { line-height: 1.8em;font-size: 1.125em;}
|
|
|
|
}
|
|
|
|
@media screen and (min-width:1200px) and (max-width:1599px){
|
|
.lj_last_text { left: 6%; top:18%;width:35%;}
|
|
.lj_last_a {font-size:3em; }
|
|
.lj_last_b {font-size: 1.875em; line-height: 1.2em; padding: 8% 0 7%; }
|
|
.lj_last_c { line-height: 1.8em;font-size: 1.125em;}
|
|
}
|
|
|
|
@media screen and (min-width:900px) and (max-width:1199px){
|
|
.lj_last_text { left: 6%; top:12%;width:38%;}
|
|
.lj_last_a {font-size:2.5em; }
|
|
.lj_last_b {font-size: 1.5em; line-height: 1.2em; padding: 6% 0 5%; }
|
|
.lj_last_c { line-height: 1.5em;font-size: 1.1em;}
|
|
}
|
|
|
|
|
|
@media screen and (min-width:640px) and (max-width:899px){
|
|
.lj_last_text { left: 6%; top:10%;width:45%;}
|
|
.lj_last_a {font-size:2em; }
|
|
.lj_last_b {font-size: 1.2em; line-height: 1.2em; padding: 6% 0 5%; }
|
|
.lj_last_c { line-height: 1.2em;font-size: 1em;}
|
|
}
|
|
@media screen and (max-width:639px){
|
|
.lj_last_text { left: 6%; top:20%;width:50%;}
|
|
.lj_last_a {font-size:1.5em; }
|
|
.lj_last_b {font-size: 1em; line-height: 1.2em; padding:6% 0 5%; }
|
|
.lj_last_c { display: none;}
|
|
}
|
|
@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;}
|
|
}
|
|
|
|
.lj_travel_text {background: #f2f2f2;text-align: center; color: #333; font-family:"LATO-MEDIUM"; }
|
|
|
|
/*3*/
|
|
|
|
/*耳机产品4*/
|
|
.lj_set01_img {position: relative;}
|
|
.lj_set01_img img {display: block;width:100%;}
|
|
.lj_set01_img:last-child {margin-right: 0;}
|
|
.lj_set_title { position: absolute;top:10%; text-align: center; width:100%;}
|
|
@media screen and (min-width:1000px){
|
|
.lj_set01_img {width:32.33%; margin-right: 1.5%;top:-80px; float: left; }
|
|
}
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.lj_set01_img {position: relative;width:32.33%; margin-right: 1.5%; float: left; top:-87px;}
|
|
}
|
|
|
|
@media screen and (max-width:767px){
|
|
.lj_set01_img {width:32.33%; margin-right: 1.5%; float: left; background: #fff;}
|
|
}
|
|
|
|
|
|
|
|
/*耳机产品4*/
|
|
.lj_set_img01 {position: relative;}
|
|
.lj_set_img01 img {display: block;width:100%;}
|
|
.lj_set_img01:last-child {margin-right: 0;}
|
|
@media screen and (min-width:1200px){
|
|
.set_font_big {font-size: 2.2em; color: #333;}
|
|
.set_font_small {font-size: 1.1em; color: #9a9a9a; padding: 5% 0;}
|
|
.lj_set_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
|
}
|
|
@media screen and (min-width:1000px) and (max-width:1199px){
|
|
.set_font_big {font-size:2em; color: #333;}
|
|
.set_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
|
.lj_set_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
|
}
|
|
|
|
@media screen and (min-width:768px) and (max-width:999px){
|
|
.set_font_big {font-size:1.5em; color: #333;}
|
|
.set_font_small {font-size: 0.9em; color: #9a9a9a; padding: 2% 0;}
|
|
.lj_set_img01 { width:23.87%; margin-right: 1.5%;top:-80px; float: left; }
|
|
}
|
|
|
|
@media screen and (max-width:767px){
|
|
.set_font_big {font-size:1em; color: #333; line-height: 1em;}
|
|
.set_font_small {font-size: 0.8em; color: #9a9a9a; padding: 2% 0;}
|
|
.lj_set_img01 { width:23.87%; margin-right: 1.5%; background: #fff;}
|
|
}
|
|
/*按扭*/
|
|
@media screen and (min-width:768px){
|
|
.lj_set01_img .set_btn_all{position: absolute; bottom:-100%;}
|
|
.lj_set_img01 .set_btn_all{position: absolute; bottom:-100%;}
|
|
.lj_set_img01: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;}
|
|
.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;}
|
|
.set_btn_all a{ margin: 0 2%;}
|
|
.transparent_buy_button { margin-top:-1.5em; position: relative; top:50%;}
|
|
}
|
|
|
|
@media screen and (min-width:461px) and (max-width:767px){
|
|
.set_btn_all a{ margin: 0 2%;}
|
|
.set_btn_all{ width:100%; height: 16%;}
|
|
.transparent_buy_button { position: absolute; bottom:5%;}
|
|
}
|
|
|
|
|
|
@media screen and (max-width:460px){
|
|
.set_btn_all a{ margin: 0 2%;}
|
|
.set_btn_all{height: 20%;bottom:10px; position: relative;}
|
|
.lj_set_img01 .set_btn_all{margin-bottom:1em}
|
|
.lj_set_img01:hover .set_btn_all{margin-bottom:1em}
|
|
.lj_set01_img .set_btn_all{margin-bottom:1em}
|
|
.lj_set01_img:hover .set_btn_all{margin-bottom:1em}
|
|
.set_btn_jd { display: inline-block; }
|
|
.transparent_buy_button { margin-top:-3.5em;}
|
|
|
|
}
|
|
|
|
|
|
|
|
.transparent_buy_button{ width:100%; text-align: center;}
|
|
.set_btn_all a{ border:1px solid #5c5c5c; display: inline-block; color:#333; font-size: 1.125em; 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{display: block;}
|
|
.lj_set01_img:hover .set_btn_all{display: block;}
|
|
|
|
video {width: 100%;height: 100%;}
|
|
|