$13.50
body { font-family: “Market Sans”, Arial, sans-serif; }
#app {
padding: 5px;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
ul {
list-style: none;
}
img {
width: 100%;
vertical-align: middle;
}
a {
text-decoration: none;
}
#app .main .category ul {
display: flex;
justify-content: space-between;
}
#app .main .category ul li {
flex: 1;
}
#app .main .category ul li a {
display: block;
text-align: center;
line-height: 40px;
padding:0 5px;
overflow: hidden;
white-space: normal;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #333;
box-shadow: -4px -1px 14px #c1a7f6 inset;
transition: all 0.3s;
}
#app .main .category ul li a:active {
box-shadow: 9px -7px 14px #cdcdcd inset;
}
@media (max-width: 992px) {
#app .main .category ul li {min-width: 100px;}
#app .main .category ul li a{
font-size: 14px;
}
#app .main .category ul li:nth-child(5),
#app .main .category ul li:nth-child(6),
#app .main .category ul li:nth-child(7) {
display: none;
}
}
#app .main .banner_tab ._title {
padding: 20px 0;
}
#app .main .banner_tab ._title h3 {
font-size: 22px;
text-align: center;
}
#app .main .banner_tab ._con_box {
width: 100%;
margin:0 auto;
min-width: 900px;
max-width: 1342px;
display: flex;
justify-content: space-between;
}
#app .main .banner_tab ._con_box .tablist {
width: 79.5%;
border: 1px solid #ccc;
}
#app .main .banner_tab ._con_box .tablist .tab_content {
width: 100%;
}
#app .main .banner_tab ._con_box .tablist .tab_content .content {
display: none;
}
#app .main .banner_tab ._con_box .tablist .tab_content input.test-radio {
display: none;
}
#app .main .banner_tab ._con_box .tablist .tab_content input.test-radio:checked ~ .content {
display: block;
}
#app .main .banner_tab ._con_box .tabmenu {
position: relative;
width: 19.5%;
display: flex;
flex-wrap: wrap;
align-items: center;
overflow: hidden;
}
#app .main .banner_tab ._con_box .tabmenu .test-label {
width: 100%;
cursor: pointer;
margin-bottom: 6.7px;
border: 1px solid #ccc;
}
@media(max-width: 1300px){
#app .main .banner_tab ._con_box .tabmenu .test-label {margin-bottom: 6px;}
}
@media(max-width: 1200px){
#app .main .banner_tab ._con_box .tabmenu {width: 18.3%;}
#app .main .banner_tab ._con_box .tabmenu .test-label {margin-bottom: 24.4px;}
}
#app .main .banner_tab ._con_box .tabmenu .test-label:nth-last-child(1) {
margin-bottom: 0;
}
#app .main .banner_tab ._con_box .tabmenu ._li_btn {
position: absolute;
left: 50%;
z-index: 9;
width: 50px;
height: 50px;
line-height: 50px;
margin-left: -25px;
font-family: ‘宋体’;
font-size: 42px;
font-weight: 700;
cursor: pointer;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app .main .banner_tab ._con_box .tabmenu ._li_btn._top {
top: -25px;
transform: rotate(-90deg);
}
#app .main .banner_tab ._con_box .tabmenu ._li_btn._bottom {
bottom: -25px;
transform: rotate(90deg);
}
#app .main .banner_tab ._con_box .tabmenu ._li_btn label {
cursor: pointer;
display: none;
background-color: rgba(0, 0, 0, 0.28);
}
#app .main .banner_tab ._con_box .tabmenu #radio_li_3:checked ~ ._top label:nth-of-type(2),
#app .main .banner_tab ._con_box .tabmenu #radio_li_2:checked ~ ._top label:nth-of-type(1),
#app .main .banner_tab ._con_box .tabmenu #radio_li_1:checked ~ ._top label:nth-of-type(3) {
display: block;
}
#app .main .banner_tab ._con_box .tabmenu #radio_li_3:checked ~ ._bottom label:nth-of-type(1),
#app .main .banner_tab ._con_box .tabmenu #radio_li_2:checked ~ ._bottom label:nth-of-type(3),
#app .main .banner_tab ._con_box .tabmenu #radio_li_1:checked ~ ._bottom label:nth-of-type(2) {
display: block;
}
#app .main .banner_tab ._con_box .tabmenu ._li ._label {
display: none;
flex-wrap: wrap;
align-items: center;
}
#app .main .banner_tab ._con_box .tabmenu input.test-label_li {
display: none;
}
#app .main .banner_tab ._con_box .tabmenu #radio_li_3:checked ~ ._li ._label:nth-of-type(3),
#app .main .banner_tab ._con_box .tabmenu #radio_li_2:checked ~ ._li ._label:nth-of-type(2),
#app .main .banner_tab ._con_box .tabmenu #radio_li_1:checked ~ ._li ._label:nth-of-type(1) {
display: flex;
}
#app .main .banner_tab .move_container {
display: none;
position: relative;
width: 100%;
height: 900px;
border:1px solid #ccc;
}
#app .main .banner_tab .move_container input {
position: absolute;
z-index: 23;
bottom: 10px;
display: none;
}
#app .main .banner_tab .move_container .wrap img {
opacity: 0;
position: absolute;
width: 100%;
height: 100%;
}
#app .main .banner_tab .move_container .arrow {
position: absolute;
z-index: 1;
top: 50%;
margin-top: -25px;
color: #fff;
width: 50px;
height: 80px;
overflow: hidden;
text-align: center;
line-height: 80px;
font-size: 57px;
font-weight: 700;
background-color: rgba(0,0,0,0.5);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#app .main .banner_tab .move_container .arrow.left {
left: 0;
}
#app .main .banner_tab .move_container .arrow.right {
right: 0;
}
#app .main .banner_tab .move_container .arrow label {
display: none;
font-family: ‘宋体’;
cursor: pointer;
}
#app .main .banner_tab .move_container #pic1:checked ~ .wrap img:nth-of-type(1),
#app .main .banner_tab .move_container #pic2:checked ~ .wrap img:nth-of-type(2),
#app .main .banner_tab .move_container #pic3:checked ~ .wrap img:nth-of-type(3),
#app .main .banner_tab .move_container #pic4:checked ~ .wrap img:nth-of-type(4),
#app .main .banner_tab .move_container #pic5:checked ~ .wrap img:nth-of-type(5),
#app .main .banner_tab .move_container #pic6:checked ~ .wrap img:nth-of-type(6),
#app .main .banner_tab .move_container #pic7:checked ~ .wrap img:nth-of-type(7),
#app .main .banner_tab .move_container #pic8:checked ~ .wrap img:nth-of-type(8),
#app .main .banner_tab .move_container #pic9:checked ~ .wrap img:nth-of-type(9),
#app .main .banner_tab .move_container #pic10:checked ~ .wrap img:nth-of-type(10),
#app .main .banner_tab .move_container #pic11:checked ~ .wrap img:nth-of-type(11),
#app .main .banner_tab .move_container #pic12:checked ~ .wrap img:nth-of-type(12) {
opacity: 1;
animation: showImg linear 1s 1 0s normal;
}
#app .main .banner_tab .move_container #pic12:checked ~ .left label:nth-of-type(11),
#app .main .banner_tab .move_container #pic11:checked ~ .left label:nth-of-type(10),
#app .main .banner_tab .move_container #pic10:checked ~ .left label:nth-of-type(9),
#app .main .banner_tab .move_container #pic9:checked ~ .left label:nth-of-type(8),
#app .main .banner_tab .move_container #pic8:checked ~ .left label:nth-of-type(7),
#app .main .banner_tab .move_container #pic7:checked ~ .left label:nth-of-type(6),
#app .main .banner_tab .move_container #pic6:checked ~ .left label:nth-of-type(5),
#app .main .banner_tab .move_container #pic5:checked ~ .left label:nth-of-type(4),
#app .main .banner_tab .move_container #pic4:checked ~ .left label:nth-of-type(3),
#app .main .banner_tab .move_container #pic3:checked ~ .left label:nth-of-type(2),
#app .main .banner_tab .move_container #pic2:checked ~ .left label:nth-of-type(1),
#app .main .banner_tab .move_container #pic1:checked ~ .left label:nth-of-type(6) {
display: block;
}
#app .main .banner_tab .move_container #pic12:checked ~ .right label:nth-of-type(1),
#app .main .banner_tab .move_container #pic11:checked ~ .right label:nth-of-type(12),
#app .main .banner_tab .move_container #pic10:checked ~ .right label:nth-of-type(11),
#app .main .banner_tab .move_container #pic9:checked ~ .right label:nth-of-type(10),
#app .main .banner_tab .move_container #pic8:checked ~ .right label:nth-of-type(9),
#app .main .banner_tab .move_container #pic7:checked ~ .right label:nth-of-type(8),
#app .main .banner_tab .move_container #pic6:checked ~ .right label:nth-of-type(7),
#app .main .banner_tab .move_container #pic5:checked ~ .right label:nth-of-type(6),
#app .main .banner_tab .move_container #pic4:checked ~ .right label:nth-of-type(5),
#app .main .banner_tab .move_container #pic3:checked ~ .right label:nth-of-type(4),
#app .main .banner_tab .move_container #pic2:checked ~ .right label:nth-of-type(3),
#app .main .banner_tab .move_container #pic1:checked ~ .right label:nth-of-type(2) {
display: block;
}
@media (max-width: 992px) {
#app .main .banner_tab ._title h3{
font-size: 18px;
}
#app .main .banner_tab{
width:100%;
min-width: 100%;
max-width: 100%;
}
#app .main .banner_tab ._con_box {
display: none;
}
#app .main .banner_tab .move_container {
display: block;
height: 992px;
}
}
@media (max-width: 768px) {
#app .main .banner_tab .move_container {
height: 768px;
}
}
@media (max-width: 500px) {
#app .main .banner_tab .move_container {
height: 420px;
}
}
@media (max-width: 390px) {
#app .main .banner_tab .move_container {
height: 390px;
}
}
#app .main .cp_describe {
margin-top: 20px;
}
#app .main .cp_describe .con_box .images{margin-top:20px;}
#app .main .cp_describe .con_box .images p{
margin-bottom: 5px;
border: 1px solid #ccc;
}
#app .main .cp_describe .con_box h3 {
margin-bottom: 15px;
text-align: center;
}
#app .main .cp_describe .con_box div {
margin-top: 20px;
font-size: 14px;
line-height: 30px;
}
/*marketing*/
#app .main .marketing {
margin-top: 20px;
}
#app .main .marketing .con_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#app .main .marketing .con_box._4:after {content: “”; width: 66.4%;}
#app .main .marketing .con_box._3:after {content: “”;width: 49.6%;}
#app .main .marketing .con_box._2:after {content: “”;width: 32.8%;}
#app .main .marketing .con_box._1:after {content: “”;width: 16%;}
#app .main .marketing .con_box a {
width: 16%;
margin-bottom: 20px;
}
#app .main .marketing .con_box a .images{
margin-bottom:15px;
width: 100%;
border-radius: 2px;
overflow: hidden;
border: 1px solid #ccc;
transition: all 0.3s;
}
#app .main .marketing .con_box a ._title{
font-size: 14px;
line-height: 20px;
color: #222;
overflow: hidden;
white-space: normal;
word-break: break-word;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
#app .main .marketing .con_box a:hover ._title{
color: #369dfa;
}
#app .main .marketing .con_box a ._price{
font-size: 16px;
color: #ff4000;
}
#app .main .marketing .con_box a ._price .yuan{
font-size: 12px;
}
#app .main .marketing .con_box a:hover .images{
box-shadow: 1px 1px 6px #dedede;
}
@media (max-width: 992px) {
#app .main .marketing .con_box a{
width: 48%;
}
}
/*policy*/
#app .main .policy {
margin-top: 20px;
}
#app .main .policy .label_btn {
display: flex;
flex-wrap: wrap;
}
#app .main .policy .label_btn .test-radio{
display: none;
}
#app .main .policy .label_btn .test-radio:checked + label{
background-color: #f90;
color: #fff;
}
#app .main .policy .label_btn label {
position: relative;
display: block;
padding: 8px 0;
flex: 1;
text-align: center;
background-color: #ffffff;
color: #000;
cursor: pointer;
transition: all 0.3s;
}
#app .main .policy .label_btn label:after{
display: block;
content: ”;
position: absolute;
top:50%;
margin-top: -9px;
width: 1px;
height: 18px;
background-color: #ccc;
}
#app .main .policy .label_btn label:nth-child(2):after{
display: none;
}
#app .main .policy .tab_box {
width: 100%;
padding: 20px;
min-height: 200px;
border: 1px solid #ccc;
color: #333;
background-color: #fff;
}
#app .main .policy .tab_box .content{line-height: 24px;}
#app .main .policy .test-tab {
display: none;
}
#app .main .policy .test-tab input:checked ~ .content {
display: block;
}
#radio1_1:checked ~ .tab_box #test-tab_1,
#radio2_1:checked ~ .tab_box #test-tab_2,
#radio3_1:checked ~ .tab_box #test-tab_3,
#radio4_1:checked ~ .tab_box #test-tab_4,
#radio5_1:checked ~ .tab_box #test-tab_5{display: block}
@media (max-width: 1023px) {
#app .main .policy .test-tab .content {
font-size: 14px;
}
}
@keyframes showImg {
0% {
opacity: 0.2;
}
50% {
opacity: 0.5;
}
100% {
opacity: 1;
}
}
/* 类目*/
.category2{
width: 100%;
}
.category2 ul{
display: flex;
justify-content:space-between;
padding-bottom: 10px;
flex-wrap: wrap;
color:#999;
}
.category2 ul li{
padding:0 7px;
}
@media(max-width: 992px){
.category2 ul{justify-content:center;}
}
.no_space {justify-content: flex-start!important;}
.no_space a{margin-right: 30px;}
@media (max-width:992px) {
.no_space{justify-content:space-between!important;}
.no_space a{margin-right: 0}
}
.margin_no{margin-top:0!important;}
.marketing_title{margin-bottom:20px;}
.marketing_title p {
padding: 10px;
background-color: #ff9900;
font-weight: 600;
color: #fff;
}
|
|
|
|
|
|
<!– 轮播图
–>
Hot Sale, You May Need
104bcd Chain Ring Adapter Useful Sturdy Electric Bicycle Central Motor Chain
$ 17.60
3l Wild Man-gs9 Cycling Front Bag Multifunctional Easy to Carry Touch Screen
$ 52.71
Blanket Carry Strap Elastic Eco-friendly Handle Wide Application Blanket Carry
$ 8.08
1 Pair Mumian F01 Fitness Gloves Soft Non-slip Fitness Half Finger Gloves Black
$ 10.09
Mumian Corrector Belt Elastic Ribbon Higher Fit Pressurized Plastic Logo
$ 13.47
Retractable Oar Retractable Ergonomic Handle T-handle Telescopic Oar T-han Black
$ 35.24
Item Name: Ice Skate Sharpener
Material: diamond
Color: Black
Features: Handheld, Long Lifespan, Easy Operation
Notes:
Due to the light and screen setting difference, the item’s color may be slightly different from the pictures.
Please allow slight dimension difference due to different manual measurement.
1 x Ice Skate Sharpener
New Arrival, You May Like
Security Lock Flexible Stable Anti-theft Bike Lock Simple Installation
$ 9.90
Bike Torch Holder Perfectly Fitment Non-slip Sturdy Bike Lamp Mount Accessory
$ 6.65
Elastic Cord Convenient Waterproof Waterproof Ship Elastic Rope Pp
$ 14.61
Fishing Trolling Diving Board High Hardness Long Service Life Fishing
$ 7.38
30kn Rope Swivel Connector 360 Degree Rotating Lightweight Aerial Yoga
$ 17.34
12pcs Bait Lightweight Delicate Fishing Lure Bait Thread Bundle Various Patterns
$ 8.94
Payment
Shipping
Return
Contact Us
a. Import duties, taxes and charges are not included in the item price or shipping charges. These charges are buyer’s responsibility. We will try our best to reduce the risk of the custom duties.
b. Please check with your country’s customs office to determine what these additional costs will be prior to buying.