* { 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-pc { display: block; }
.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;}
.main-layout img {
  min-width: 1px;
}
.clear_top { margin-bottom:0;}
.clear_top img { display:block;}
.clear_top img.img-iphone { display:none;}
.clear_center { padding:30px 0 0;}
.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;padding: 20px 20px 0;}
.clear_list li .clear_span1 img{border-radius: 10px;}
.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;}
.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;font-size: 20px;text-align: center;}
.clear_list li .clear_span2_2 { display:block; padding-left:50px; font-size:23px; max-width: 55%;color:#666; line-height:40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 40px; 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:none; background-size:contain;padding: 0;color: #DC2F2F;font-size: 16px;text-align: center;max-width: 100%;}
.clear_category li a:hover{box-shadow: 5px 3px 10px rgba(0, 0, 0, 0.1);}
.clear_list li .clear_span2_3 { display:inline-block; font-size:23px; color:#363636; line-height:40px; position:absolute; right:40px; bottom:35px; z-index:2;}
.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%;background: #f5f5f5;}
/*.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:auto;}
.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;}
.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:18px; line-height: 30px;right: 30px;bottom: 25px;}
.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;}
.clear_category li .clear_span2_2{padding: 0;}
}
@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_3 { display:block; position: relative; right:auto; bottom:auto; border-top:1px solid #F5F5F5; padding-top:15px; margin-top:15px;}
.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%;}
.clear_category li .clear_span2_2{padding: 0;}
}
@media only screen and (max-width: 767px) {
.img-ipad { display:none;}
.img-iphone { display:block;}
.img-pc { display:none;}
.clear_bottom li img{border-radius: 10px;}
.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 ul{width: calc(100% - 20px);margin: auto;}
.clear_category ul{width: 100%;margin: auto;display: flex;flex-wrap: wrap;}
.clear_list li a { margin: 0px 5px 15px; border-radius: 10px;height: calc(100% - 15px);}
.clear_list li .clear_span1{padding: 10px 10px 0;}
.clear_list li .clear_span1 img{border-radius: 5px;}
.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:14px;}
.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 15px;}
.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_list li { width:100%;}
.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: 0; background-size: 10%;}
.clear_category li .clear_span2_1 { padding-left: 0; background: none; margin-bottom: 5px; height: auto;line-height: 130%;font-size: 14px;}
.clear_category li .clear_span2 { padding:10px;}
.clear_category li a:hover{box-shadow: none;}
.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;}
}