/* banner */
#banner{background: #F9F6FF;padding: 64px 0;position: relative;overflow: hidden;}
#banner .bg{position: absolute;display: inline-block;}
#banner .bg:nth-child(1){background: #EDE3FF;opacity: 0.7;width: 523px;height: 526px;left: -114px;bottom: -147px;border-radius: 50%;}
#banner .bg:nth-child(2){background: rgba(42,217,194,0.08);width: 523px;height: 526px;left: -390px;top: 10px;border-radius: 50%;}
#banner .bg:nth-child(3){background: rgba(42,217,194,0.08);width: 357px;height: 368px;right: 82px;top: -138px;border-radius: 50%;}
#banner .center{max-width: 800px;width: 96%;margin: 0 auto;}
#banner h1{font-weight: bold;font-size: 32px;color: #490FB4;line-height: 48px;text-align: center;}

/* form */
#banner .input-box{margin-top:24px;position: relative;height:48px;}
#banner .input-box input{background: #FFFFFF;border: 1px solid #490FB4;border-radius: 8px 8px 8px 8px;outline: none;box-sizing: border-box;padding: 0 16px 0 42px;width: 100%;height:100%;}
#banner .input-box span{display:inline-block;width: 18px;height: 18px;position: absolute;left: 16px;top: 50%;transform: translateY(-50%);}
#banner .input-box.name span{display: inline-block;background: url(/special/gotd/images/name.svg) center no-repeat;}
#banner .input-box.email{margin-bottom: 20px;}
#banner .input-box.email span{display: inline-block;background: url(/special/gotd/images/email.svg) center no-repeat;}
#banner label{display: block;margin: 24px auto;}

#banner #agree{background-color: transparent;border: 0;width:16px;height:16px;vertical-align: middle;position:relative;display: inline-block;-webkit-appearance: none;}
#banner #agree::after{position:absolute;content:"";display:inline-block;margin-right:8px;width:16px;height:16px;background:url(/special/gotd/images/checkbox.svg) no-repeat 0 0px;clear: both;top: -2px;}
#banner #agree:checked::after{background-position-y: -16px;}
#banner label span{line-height: 20px;color: #333333;font-size: 15px;font-weight: 500;display: inline-block;margin-left: 8px;}
#banner label span a{color: #00CEB2;}
#banner .get-free{display:block;width:100%;height:56px;border-radius:8px;box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.1), 0px 10px 15px -3px rgba(0,0,0,0.1);font-size:16px;line-height:56px;color:#fff;font-weight:bold;text-align:center;text-decoration: none;border: none;outline: none;background: #00CEB2;transition: all 0.3s ease-in-out;cursor: pointer;margin-bottom: 12px;}
#banner .get-free:hover{transform: translateY(-6px);}
#banner .note{font-size: 14px;color: #666666;line-height: 20px;font-weight: 400;margin-top: 12px;}


#banner h3{font-size: 18px;margin-bottom: 10px;}
#banner p{font-size: 16px;line-height: 28px;}
#banner p a{color: #00CEB2;}
#banner p .red{color: #FF4400;}

/* sale_box */
.sale_box{max-width: 1200px;width: 100%;margin: 84px auto;}
.sale_box .sale_tab{display: flex;width: fit-content;background: #E5E7EB;padding: 4px;box-sizing: border-box;height: 54px;border-radius: 30px;margin: 0 auto;}
.sale_box .sale_tab span{border-radius: 30px;min-width: 214px;width: fit-content;box-sizing: border-box;line-height:46px;height: 46px;text-align: center;cursor: pointer;font-weight: bold;font-size: 16px;color: #333333;}
.sale_box .sale_tab span.active{background: #00CEB2;color: #FFFFFF;}
.sale_box .tab_content{display: none;}
.sale_box .tab_content.active{display: block;}

.flex_box{display: flex;flex-wrap: wrap;}
.tab_content.product ul{justify-content: center;margin-top: 40px;}
.tab_content.product ul li{box-shadow: 0px 2px 10px -2px rgba(0,0,0,0.1);background: #FFFFFF;border-radius: 20px 20px 20px 20px;max-width: 540px;width: 100%;padding: 32px;box-sizing: border-box;margin: 24px 20px;position: relative;}
.tab_content.product ul li>i{display: inline-block;background: url(/special/gotd/images/50-off.svg) no-repeat;width: 124px;height: 36px;position: absolute;top: 0;right: 0;}
.tab_content.product ul li .pro_top{display: flex;align-items: center;}
.tab_content.product ul li .pro_top a{font-weight: bold;font-size: 24px;color: #333333;line-height: 30px;flex: 1;margin-left: 20px;}
.tab_content.product ul li .pro_top a:hover{text-decoration: underline;}
.tab_content.product ul li .info{font-size: 16px;color: #666666;line-height: 24px;margin: 20px 0 12px;}
.tab_content.product ul li .price{font-weight: bold;font-size: 40px;color: #FF4400;line-height: 48px;margin-bottom: 4px;}
.tab_content.product ul li .price del{font-size: 18px;font-weight: 400;color: #333333;}
.tab_content.product ul li .btn a{background: #FF4400;border-radius: 6px;display: inline-block;height: 56px;line-height: 56px;min-width: 220px;width: fit-content;box-sizing: border-box;width: fit-content;padding: 0 16px;font-size: 20px;font-weight: bold;color: #FFFFFF;margin: 6px 12px 6px 0;text-align: center;}
.tab_content.product ul li .btn a:hover{background: #FF8528;}
.tab_content.product ul li .btn a i{display: inline-block;background: url(/special/gotd/images/win.svg);width: 28px;height: 28px;margin-right: 8px;vertical-align: -7px;}
.tab_content.product ul li .btn a i.mac{background: url(/special/gotd/images/mac.svg);}
.tab_content.product ul li .tax{font-size: 14px;color: #666666;line-height: 18px;margin-top: 6px;}


.tab_content.solution ul{justify-content: center;margin-top: 53px;}
.tab_content.solution ul li{background: #FFFFFF;box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.1);border-radius: 10px 10px 10px 10px;max-width: 268px;width: 100%;margin: 11px;}
.tab_content.solution ul li>img{width: 100%;height: auto;border-radius: 10px 10px 0 0;}
.tab_content.solution ul li>div{padding: 22px;}
.tab_content.solution ul li .title{font-weight: bold;font-size: 16px;color: #333333;line-height: 24px;}
.tab_content.solution ul li .title:hover{text-decoration: underline;}
.tab_content.solution ul li .des{font-size: 14px;color: #666666;line-height: 24px;margin: 10px 0;}
.tab_content.solution ul li .more{font-weight: 500;font-size: 14px;color: #00CEB2;line-height: 22px;}
.tab_content.solution ul li .more:hover{text-decoration: underline;}
.tab_content.solution .btn{text-align: center;}
.tab_content.solution .btn a{background: #00CEB2;box-shadow: 0px 4px 6px -4px rgba(0,0,0,0.1), 0px 10px 15px -3px rgba(0,0,0,0.1);border-radius: 8px 8px 8px 8px;height: 56px;min-width: 280px;width: fit-content;padding: 0 16px;box-sizing: border-box;margin: 52px auto 0;display: inline-block;text-align: center;font-weight: bold;font-size: 16px;color: #FFFFFF;line-height: 56px;transition: all 0.3s ease-in-out;}
.tab_content.solution .btn a:hover{transform: translateY(-6px);}


@media (max-width: 1200px) {
  #banner .bg{display: none;}
}

@media (max-width: 480px){
    .sale_box .sale_tab{zoom: 0.8;}
    #banner{padding: 32px 0;}
    .sale_box{margin: 60px auto;}
    .tab_content.product ul{margin: 16px;}
    .tab_content.solution ul{margin-top: 29px;}
}