* { margin:0; padding:0;}
a {color: #202223; text-decoration: none;}
ul,li { list-style:none;}
.m-container * { margin: 0; padding: 0;}
.m-container { max-width:1600px; margin:auto; position:relative;}
.m-container img { width:100%; max-width:100%;}
div.m-container * { box-sizing:content-box;}
.img-iphone { display:none;}
.img-ipad { display:none;}
.activity_banner { margin:40px 0 20px;}
.activity_banner img { width:100%; max-width:1600px; margin:auto; border-radius:20px;}
.activity_banner img.img-pc { display:block;}
.activity_banner img.img-iphone { display:none;}
.img-iphone.lazy_img { display:none !important;}
/* .product-data{width: calc(20% - 20px);}
.product-data:nth-of-type(5n+5){margin-right: 20px;}
.product-data {
  width: calc(20% - 20px);
  margin: 0 20px 20px 0;
  border-radius: 20px;
  overflow: hidden;
  background-color: #fff;
  position: relative;
}
.product-data6{width: calc(16.666% - 17px);}
.product-data:hover{box-shadow: 0px 5px 10px rgb(0 0 0 / 10%);}
.product-data6:nth-of-type(5n+5) {
  margin-right: 20px;
}
.product-data6:nth-of-type(6n+6) {
  margin-right: 0;
} */
.circum-product{margin: auto;width: calc(100% - 20px);}

.clear_top { margin-bottom:0;}
.clear_top img { display:block;}
.clear_top img.img-iphone { display:none;}
.clear_center { padding:30px 0 0; margin-bottom:30px;}
.clear_title { font-size:28px; color:#363636; line-height:36px; margin:0 0 30px;}
.clear_list { overflow:hidden; width:calc(100% + 20px); position:relative; left:-10px;}
.clear_list li { width:50%; float:left;}
.clear_category li { width:33.3333%; float:left;}
.clear_list li a { display:block; margin:0 10px 20px; border-radius:20px; background:#fff; overflow: hidden;}
.clear_list li .clear_span1 { display:block; position:relative;}
.clear_list li .clear_span1_1 { display:inline-block; position:absolute; left:50%; bottom:20px; margin-left:-98px; padding:0; width: 196px; height: 50px; line-height:50px; background:#DC2F2F; border-radius:30px; color:#fff; border: 2px solid #DC2F2F; text-align:center; opacity:0; visibility:hidden; transform: translate(0,0); transition: all 250ms;}
.clear_list li .clear_span1_2 { font-size:16px; color: #fff; display:inline-block; padding:0 42px 0 0; background: url('https://img.aosomcdn.com/upload/activity/images/2021/pop_bg5.png') right center no-repeat;}
.clear_list li .clear_span2 { display:block; padding:35px 40px; position: relative;}
.clear_category li .clear_span2 { padding:20px 25px;}
.clear_list li .clear_span2_1 { font-size:23px; color:#363636; line-height:30px; text-transform:uppercase; display: block; font-weight: 600; padding-left:50px; margin-bottom:15px; background:url('https://img.aosomcdn.com/upload/activity/images/2021/pop_bg2.png') left top no-repeat; background-size:contain; overflow:hidden;}
.clear_category li .clear_span2_1 { padding-left:0; background:none; margin-bottom:5px;}
.clear_list li .clear_span2_2 { display:block; padding-left:50px; font-size:23px; color:#666; line-height:30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; background:url('https://img.aosomcdn.com/upload/activity/images/2021/pop_bg3.png') left top no-repeat; background-size:contain;}
.clear_category li .clear_span2_2 { background:url('https://img.aosomcdn.com/upload/activity/images/2021/pop_bg6.png') left center no-repeat; background-size:contain;}
.clear_list li .clear_span2_3 { display:inline-block; font-size:23px; color:#fff; line-height:50px; position:absolute; right:15px; bottom:15px; z-index:2; background: rgba(54, 54, 54, 0.3); border-radius: 10px; padding: 0 20px;}
.clear_list li a:hover .clear_span1_1 { opacity:1; visibility:visible; transform: translate(0,-10px);}
.clear_cate { overflow:hidden; background:#fff; border-radius:20px; padding:40px 55px 0;}
.clear_cate_box { overflow:hidden; width:calc(100% + 130px); position:relative; left:-65px;}
.clear_cate_box li { width:25%; float:left; margin-bottom:50px;}
.clear_cate_box li a { display:block; margin:0 65px; padding:0;}
.clear_cate_box li img { display:block; border-radius:50%;}
/*.clear_cate_box li:hover a { box-shadow:2px 2px 8px rgba(165,165,165,0.4)}*/
.clear_cate_box li a span { display:block; font-size:22px; color:#363636; font-weight:600; height:26px; line-height:26px; text-align:center; margin-top:30px;}
/*.clear_ad li:hover a { box-shadow:3px 3px 15px rgba(165,165,165,0.4)}*/
.clear_bottom { margin:0 15px;}
.clear_bottom li img { display:block; border-radius:15px;}
.clear_ad img { display:block;}
.clear_list ul { overflow:hidden;}
.common-footer .wrap { width:auto !important; max-width:1600px !important;} 
.father_banner1 { overflow:hidden; padding: 0; margin-bottom: 20px; width:calc(100% + 20px); position:relative; left:-10px;}
.father_banner1 ul {  overflow:hidden;}
.father_banner1 li { width:33.3333%; float:left;}
.father_banner1 li a { display:block; margin:0 10px; position:relative; background:#FEE6CC; border-radius:20px; overflow:hidden;}
.father_banner1_in { display:block;}
.father_banner1_text1 { display:block; text-transform:uppercase; font-size:27px; color:#fff; line-height:60px; height:60px; background:#FB8200; padding: 0 20px;}
.father_banner1_text2 { display:block; font-size:90px; color:#FB8200; line-height:140px; font-weight: 600; text-align:center;}
@media only screen and (max-width: 1620px) {
.clear_list,.father_banner1 { width:100%; left:0;}
.activity_banner { margin:40px 20px 20px;}
.clear_center { margin:0 10px 40px;}
.clear_cate { margin:0 20px;} 
.clear_center .clear_title { margin: 0 10px 30px;}
.common-footer .wrap { margin:0 20px 20px !important;} 
}
@media only screen and (max-width: 1200px) {
.clear_cate_box { width:calc(100% + 70px); left:-35px;}
.clear_cate_box li { margin-bottom:30px;}
.clear_cate_box li a { margin:0 35px;}
.clear_cate { padding: 30px 25px 0;}
}
@media only screen and (max-width: 1025px) {
.activity_banner { margin:20px 20px 10px;}
.img-ipad { display:block;}
.img-iphone { display:none;}
.clear_list li .clear_span2 { padding: 25px 30px;}
.clear_list li .clear_span2_1 { margin-bottom:15px;}
.clear_list li .clear_span2_1,.clear_list li .clear_span2_2 { font-size:18px; height:30px; line-height: 30px; background-size: contain; padding-left: 42px;}
.clear_list li .clear_span2_3 { font-size:20px; line-height: 40px;}
.clear_list li a:hover .clear_span1_1 { display:none;}
.clear_cate_box li a span { font-size: 18px; height: 22px; line-height: 22px; margin-top: 20px;}
.clear_title { font-size:22px; line-height:28px;}
.father_banner1_text1 { font-size: 20px;}
.father_banner1_text2 { font-size: 80px;}
.clear_category li .clear_span2 { padding: 10px 15px;}
.clear_category li .clear_span2_1 { padding-left: 0; background: none; margin-bottom: 5px;}
.circum-product{margin: auto auto auto 20px;}
/* .product-data:nth-of-type(5n+5){margin-right: 20px;}
.product-data:nth-of-type(6n+6),.product-data6:nth-of-type(6n+6),.product-data:nth-of-type(4n+4){margin-right: 20px;}
.product-data{width: calc(25% - 20px);} */
}
@media only screen and (max-width: 900px) {
.clear_center { padding:20px 0 0;}
.clear_list li .clear_span2_1,.clear_list li .clear_span2_2,.clear_list li .clear_span2_3 { font-size:16px;}
.clear_list li.short .clear_span2_2 { line-height:36px;}
.clear_list li .clear_span2_2 { max-width: none;}
.clear_cate_box { width:calc(100% + 30px); left:-15px;}
.clear_cate_box li { margin-bottom:20px;}
.clear_cate_box li a { margin:0 15px;}
.clear_category li { width:50%;}
.circum-product{margin: auto;}
/* .product-data {
  width: calc(33.3333% - 15px);
  margin: 0 15px 15px 0;
} */
/* .product-data:nth-of-type(6n+6), .product-data6:nth-of-type(6n+6),.product-data:nth-of-type(4n+4),.product-data:nth-of-type(5n+5){margin-right: 15px;} */
}
@media only screen and (max-width: 767px) {
.img-ipad { display:none;}
.img-iphone { display:block;}
.img-pc { display:none;}
/* .product-data:nth-of-type(3n+3),.product-data:nth-of-type(5n+5){margin-right: 10px;}
.product-data:nth-of-type(2n+2),.product-data:nth-of-type(6n+6), .product-data6:nth-of-type(6n+6),.product-data:nth-of-type(4n+4){margin-right: 10px;}
.product-data {
  width: calc(50% - 12.5px);
  position: relative;
  margin: 0 10px 10px 0;
  border-radius: 10px;
} */
.circum-product{width: auto;}

.activity_banner { margin:15px;}
.activity_banner img { border-radius: 10px;}
.activity_banner img.img-pc { display:none;}
.activity_banner img.img-iphone { display:block;}
.img-pc.lazy_img { display:none !important;}
.img-iphone.lazy_img { display:block !important;}
.clear_top img.img-iphone { display:block;}
.clear_top img.img-pc { display:none;}
.clear_top { margin-bottom:0;}
.clear_center { padding: 15px 0 0; margin:0 0 15px;}
.clear_title { font-size:18px; line-height:24px; margin: 0 0 20px;}
.clear_center .clear_title { margin:0 15px 10px;}
/*.clear_list li { width:100%;}*/
.clear_list li a { margin: 0px 5px 15px; border-radius: 10px;}
.clear_list li .clear_span2_1,.clear_list li .clear_span2_2 { height:24px; line-height: 24px; padding-left: 36px;}
.clear_list li .clear_span2_2 { font-size:13px;}
.clear_list li .clear_span2_3 { font-size:13px; font-weight:500;}
.clear_cate { margin: 0 15px; padding: 15px 15px 0; border-radius:10px;}
.clear_cate ul, li { list-style: none;}
.clear_cate_box li { width:50%; margin-bottom:20px;}
#aosom-default { background:#fff;}
.clear_cate_box li:hover a,.clear_ad li:hover a { box-shadow:none;}
.clear_cate_box li a { padding: 0 10px 5px;}
.clear_cate_box li a span { font-size: 16px; height: 20px; line-height: 20px; margin-top: 10px;}
.clear_bottom { margin:0 10px;}
.clear_ad_top { margin-left:10px; width: calc(100% - 10px);}
.clear_ad_top ul { font-size: 0; width: 100%; white-space: nowrap; overflow-x: scroll; float: left; overflow-y: hidden;}
.clear_ad_top ul li { width: 80%; float: none; display: inline-block;}
.father_banner1 { margin-bottom:15px;}
.father_banner1 li a { margin:0 5px; border-radius:10px;}
.father_banner1_text1 { font-size: 12px; padding: 0 0 0 5px; height: 20px; line-height: 20px;}
.father_banner1_text2 { font-size: 24px; line-height: 45px;}
.clear_category li { width:50%;}
.clear_center_cate { margin:0 10px;}
.clear_list li .clear_span2 { padding:15px;}
.clear_list li .clear_span2_1 { margin-bottom:10px;}
.clear_category li .clear_span2_2 { padding-left: 24px; background-size: 10%;}
.clear_category li .clear_span2_1 { padding-left: 0; background: none; margin-bottom: 5px;}
.clear_category li .clear_span2 { padding:10px;}
.clear_ad_top li .clear_span1 { height: 0; padding-bottom: 60%;}
}
.clear_top_fb { margin:20px 0; position:relative; cursor:pointer;}
.register-mobile { display:none;}
.register-pc { display: block;}
.iframe-sale .register-mobile { display:none !important;}
.iframe-sale .register-pc { display: block !important;}
.iframe-sale .activity_banner img.img-pc { display: none !important;}
.iframe-sale .activity_banner img.img-iphone { display: block !important;}
@media only screen and (max-width: 767px) {
.register-mobile { display:block;}
.register-pc { display:none;}
}