1 line
6.0 KiB
CSS
1 line
6.0 KiB
CSS
.main_Header{margin:0 auto;background:linear-gradient(180deg, rgba(226,218,255,0) 0%, #E2DAFF 100%);margin:0 20px;padding-top:100px;padding-bottom:92px;box-sizing:border-box;border-radius:16px}.main_Header>.main_Header_content{max-width:1200px;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:50px}.main_Header>.main_Header_content>div{max-width:460px;padding-right:109px;width:100%}.main_Header>.main_Header_content>div>h1{font-family:DMSans-Bold;font-weight:bold;font-size:56px;color:#333333;line-height:67px;margin-bottom:23px}.main_Header>.main_Header_content>div>p{font-size:20px;color:#999999;line-height:30px}.main_Header>.main_Header_content>div>a{height:60px;border-radius:5px;width:183px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:DMSans-Medium;column-gap:4px;margin-top:23px;background:#8062EF;color:#fff}.main_Header>.main_Header_content>div>a:hover{opacity:.8}.main_Header>.main_Header_content>img{width:500px}.affiliat_container{max-width:2560px;width:100%;margin:0 auto;padding-top:70px}.affiliat_container h1{font-weight:bold;font-size:32px;color:#333333;line-height:48px;text-align:center}.affiliat_container>.advantage_container{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:50px;gap:20px;padding-bottom:70px}.affiliat_container>.advantage_container>div{width:234px;height:245px;border-radius:8px 8px 8px 8px;border:1px solid #DDDDDD;display:flex;align-items:center;flex-direction:column;row-gap:40px;padding-top:42px;box-sizing:border-box;position:relative}.affiliat_container>.advantage_container>div>p{font-weight:600;font-size:16px;color:#333333;line-height:24px;position:absolute;bottom:25px}.affiliat_container>.advantage_container>div>p>span{color:#FF9067}.affiliat_container>.join_container{margin:0 20px;padding:50px 0;background:#F5F6FA}.affiliat_container>.join_container>div{display:flex;justify-content:center;flex-wrap:wrap;margin-top:50px;gap:20px}.affiliat_container>.join_container>div>div{width:387px}.affiliat_container>.join_container>div>div>img{width:387px;margin-bottom:33px}.affiliat_container>.join_container>div>div>p{font-size:20px;color:#999999;line-height:30px;width:90%}.affiliat_container>.join_container>a{height:60px;border-radius:5px;width:183px;display:flex;align-items:center;justify-content:center;font-size:18px;font-family:DMSans-Medium;column-gap:4px;margin:0 auto;margin-top:50px;background:#8062EF;color:#fff}.affiliat_container>.join_container>a:hover{opacity:.8}.affiliat_container>.user_container{padding-top:48px;max-width:1060px;width:100%;margin:0 auto;padding-bottom:90px}.affiliat_container>.user_container>div{margin-top:24px}.affiliat_container>.user_container>div>div{display:flex;align-items:center;column-gap:70px;row-gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:24px}.affiliat_container>.user_container>div>div>.user_item_img{background:#F5F6FA;width:487px;height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.affiliat_container>.user_container>div>div>.user_item_img>.ui_img1{width:150px;margin-bottom:30px}.affiliat_container>.user_container>div>div>.user_item_img>p{font-size:14px;color:#9C9C9C;line-height:20px;margin-bottom:14px}.affiliat_container>.user_container>div>div>.user_item_text{max-width:487px;width:100%}.affiliat_container>.user_container>div>div>.user_item_text>h3{font-weight:500;font-size:30px;color:#393939;line-height:45px;margin-bottom:16px}.affiliat_container>.user_container>div>div>.user_item_text>p{font-size:20px;color:#999999;line-height:30px;display:flex;align-items:center;column-gap:12px;margin-bottom:16px}.affiliat_container>.user_container>div>div>.user_item_text>p>span{display:inline-block;width:4px;height:4px;border-radius:100%;background:#999}.affiliat_container .faq-list-cont{max-width:954px;width:100%;margin:0 auto;padding:0 20px;box-sizing:border-box;margin-bottom:54px}.affiliat_container .faq-list-cont>.faq-list{border-bottom:1px solid #CCCCCC;padding:14px 0;cursor:pointer}.affiliat_container .faq-list-cont>.faq-list.on>div:nth-of-type(1)>span{transform:rotate(180deg);background:url(../image/faq_down_on.png) no-repeat center center;background-size:100% 100%}.affiliat_container .faq-list-cont>.faq-list>div:nth-of-type(1){display:flex;align-items:center;justify-content:space-between;padding:12px 0}.affiliat_container .faq-list-cont>.faq-list>div:nth-of-type(1)>p{font-weight:500;font-size:24px;color:#333333;line-height:32px}.affiliat_container .faq-list-cont>.faq-list>div:nth-of-type(1)>span{width:56px;height:56px;background:url(../image/faq_down.png) no-repeat center center;background-size:100% 100%;transition:all .3s;cursor:pointer}.affiliat_container .faq-list-cont>.faq-list>div.faq-answer{display:none}@media screen and (max-width:960px){.main_Header{margin:0;padding:0 20px;box-sizing:border-box;padding-top:80px}.main_Header>.main_Header_content>div{max-width:100%;padding-right:0}.main_Header>.main_Header_content>div>a{width:100%}.main_Header>.main_Header_content>div>h1{font-size:28px;line-height:34px}.main_Header>.main_Header_content>img{width:50%;margin-top:50px}.affiliat_container h1{font-size:28px;line-height:34px}.affiliat_container>.advantage_container{flex-direction:column;width:auto;margin:0 20px;margin-top:50px}.affiliat_container>.advantage_container>div{width:100%}.affiliat_container>.join_container{margin:0}.affiliat_container>.join_container>div>div>img{width:100%}.affiliat_container>.join_container>div>div>p{width:100%}.affiliat_container>.user_container>div>div>.user_item_text{margin:0 20px;width:calc(100% - 40px);max-width:100%}.affiliat_container>.user_container>div>div>.user_item_text>h3{font-size:24px}.affiliat_container>.user_container>div>div>.user_item_text>p{font-size:16px}.affiliat_container>.user_container>div>div>.user_item_img{width:100%}.affiliat_container .faq-list-cont>.faq-list>div:nth-of-type(1)>span{width:28px;height:28px}.affiliat_container .faq-list-cont>.faq-list>div:nth-of-type(1)>p{font-size:18px;width:88%}} |