html {line-height: 1.4;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;box-sizing: border-box;font-size: 14px;font-family: 'Open Sans',Arial,sans-serif;color: #363636;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing: grayscale;font-weight: 600;-webkit-tap-highlight-color: transparent;scroll-behavior: smooth;}
body,input,ul,ol,p,dl,dd,h1,h2{margin: 0;padding: 0;}
body,ul,ol,li,p,dl,dt,dd,h1,h2,input,img,div,a,span,header,main,footer,table,td,tr,th,:after,:before,aside,pictue,article,form{box-sizing: border-box;}
ul li,ol li{list-style: none;}
.btn{ margin: 10px 0; border-radius: 3px; transition: all .2s linear; word-break: keep-all; white-space: nowrap; text-decoration: none; display: inline-flex; align-items: center; text-transform: uppercase}
.btn.big{ font-size: 20px;padding: 11px 16px; margin-bottom: 40px;}
.btn.small{ font-size: 14px;padding: 6px 16px; margin-bottom: 40px;}
.btn:hover{filter: contrast(86%);}
.btn svg{ margin-right: 10px;}
.orange-btn{ background: #ff612e; border: 2px solid #ff612e; color: #fff;}
.orange-btn:hover{color: #fff;}
/*text color*/
.text-white{color: #fff;}
.text-gray{color: #777;}
.text-orange{color: #FF612E;}
.text-black{color: #363636;}
.text-red{color:#f00;}
/*font weight*/
.font-extra-light{font-weight: 200;}
.font-regular{font-weight: 400;}
.font-bold{font-weight: 700;}
/*background color*/
.bg-white{background: #fff;}
.bg-gray{background: #f5f5f5;}
.bg-dark{background: #B4B4B4;}
.bg-black{background: #363636;}
.bg-orange{background: #FF612E;}
/*font justify*/
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
/*container*/
.container{max-width: 1220px;margin: 0 auto;padding: 0 10px;position: relative;z-index: 0;}
.inline-block{display: inline-block;}
.relative{position: relative;}
/*flex*/
.flexible{display: flex;}
.inline-flexible{display: inline-flex;}
.flex-direction-row{flex-direction: row;}
.flex-direction-column{flex-direction: column;}
.flex-wrap-nowrap{flex-wrap: nowrap;}
.flex-wrap-wrap{flex-wrap: wrap;}
.flex-wrap-reverse{flex-wrap: wrap-reverse;}
.flex-justify-start{justify-content: flex-start;}
.flex-justify-end{justify-content: flex-end;}
.flex-justify-center{justify-content: center;}
.flex-justify-between{justify-content: space-between;}
.flex-align-start{align-items:flex-start;}
.flex-align-end{align-items:flex-end;}
.flex-align-center{align-items:center;}
/*hidden*/
.hidden{ display: none;}

#submit-form{ text-align: right; padding-bottom: 40px;}
#submit-form label{ max-width: 300px; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; margin-bottom: 10px;}
#submit-form label span{ margin-right: 10px; color: #6d6d6d; font-weight: 400}
#submit-form label span.text-orange{ color: #FF612E;}
#submit-form input[type="text"], #submit-form input[type="email"]{ border: 1px solid #D8D8D8; padding: 10px; font-size: 16px; transition: all .2s linear; border-radius: 4px; width: 64%; margin-right: 5px}
#submit-form input[type="text"]:focus,#submit-form input[type="email"]:focus{outline: none;box-shadow:0 0 4px #D8D8D8;}
#submit-form input[type="submit"]{background: #47ACFF; color: #fff; border: none; border-radius: 4px; padding: 4% 16.5%; font-size: 16px; font-weight: 700; cursor: pointer; transition: all .2s linear; font-family: 'Open Sans',Arial,sans-serif; margin: 20px 16.5%;}
#submit-form input[type="submit"]:hover{background: #0785d1;}

body{overflow-x:hidden;}
#giveaway{ padding: 40px 0 40px; overflow: hidden; position: relative}
#giveaway .circle{ width: 5160px; height: 5160px; background: #363636; border-radius: 50%; position: absolute; left: 50%; top: -4655px; transform: translateX(-50%); z-index: -1}
#giveaway .circle:before{ content: ""; width: 1020px; height: 1020px; background: #404040; border-radius: 50%; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
#giveaway .circle:after{ content: ""; width: 780px; height: 780px; background: #363636; border-radius: 50%; position: absolute; bottom: 120px; left: 50%; transform: translateX(-50%);}
#giveaway .circle .inline-circle{ width: 530px; height: 530px; background: #404040; border-radius: 50%; position: absolute; bottom: 245px; left: 50%; transform: translateX(-50%); z-index: 1}
#giveaway .circle .inline-circle:before{ content: ""; width: 307px; height: 307px; background: #363636; border-radius: 50%; position: absolute; bottom: 99px; left: 50%; transform: translateX(-50%);}
#giveaway .logo{ text-align: center; margin-bottom: 55px; }
#giveaway .main-info{  border-radius: 16px; box-shadow: 0 0 30px 0 rgba(0,0,0,.2);display: flex;}
#giveaway .giveaway-form{ width: 33.333%; text-align: center; padding: 60px 4.2% 90px; box-shadow: 15px 0 30px 0 rgba(0,0,0,.05);}
#giveaway .giveaway-form .title{ font-size: 20px; color: #333; max-width: 300px; line-height: 1.15; margin-bottom: 20px;}
#giveaway .giveaway-form .tip{ color: #666; line-height: 1.571; max-width: 300px; margin-bottom: 30px;}
#giveaway .note{ font-weight: 400; color: #666; line-height: 1.375; max-width: 300px; text-align: left}
#giveaway .note note2{ font-size: 16px;}

#giveaway .giveaway-upgrade{ padding: 60px 7% 65px; width: 66.667%; text-align: center}
#giveaway .giveaway-upgrade .title{ margin-bottom: 20px; font-size: 24px; color: #333;}
#giveaway .giveaway-upgrade .tip{ margin-bottom: 60px; font-size: 16px; color: #666;}
#giveaway .giveaway-upgrade .version{ color: #666; display: flex; align-items: center; justify-content: center;}
#giveaway .giveaway-upgrade .version-title{ font-size: 20px; margin-bottom: 20px;}
#giveaway .giveaway-upgrade .version-tip{ font-size: 16px; margin-bottom: 20px; line-height: 1.375; font-weight: 400; text-align: left;}
#giveaway .giveaway-upgrade .version-tip svg{ margin-right: 5px;}
#giveaway .giveaway-upgrade .giveaway{ padding: 34px 5%;}
#giveaway .giveaway-upgrade .life-time{ padding: 34px 5% 54px; border: 6px solid #FF612E; border-radius: 4px; max-width: 352px; position: relative; left: -6px; margin-right: 8px}
#giveaway .giveaway-upgrade .labels { position: absolute; top: 9px; right: -21px; background-color: #FF612E; color: #fff; font-size: 20px; font-weight: bold; width: 100px; line-height: 40px; text-align: center;transform: rotate(45deg); }
#giveaway .giveaway-upgrade .labels .tail { position: absolute; top: 0; border-top: 40px solid transparent; }
#giveaway .giveaway-upgrade .labels .tail:before { content: ""; position: absolute; border-top: 10px solid #ab403a; border-left: 10px solid transparent; border-right: 10px solid transparent; }
#giveaway .giveaway-upgrade .labels .tail-start { left: -39px; border-right: 40px solid #FF612E; }
#giveaway .giveaway-upgrade .labels .tail-end { right: -39px; border-left: 40px solid #FF612E; }
#giveaway .giveaway-upgrade .labels .tail-end:before { right: 0; }
#giveaway .giveaway-upgrade .only-icon{position:absolute;top:-40px;right:-40px;width:120px;height:120px;font-size:40px;padding-top:32px;z-index:1;}
#giveaway .giveaway-upgrade .only-icon:before{font-size:20px;content:"$ ";}
#giveaway .giveaway-upgrade .only-icon svg{position:absolute;top:0;left:0;z-index:-1;filter:drop-shadow(0 5px 10px rgba(163,163,163,.34));}
#giveaway .giveaway-upgrade .only{font-size:16px;margin-bottom:20px;}

body.fc-bg .bg-a, body.fc-bg .bg-b, body.fc-bg .bg-c, body.fc-bg .bg-d{position:relative;left:50%;transform:translateX(-50%);margin-top:-440px;}
body.fc-bg .bg-a{margin-top:-280px;}
body.fc-bg .bg-b{z-index:-1;}
body.fc-bg .bg-c{z-index:-2;}
body.fc-bg .bg-d{z-index:-3;}
#giveaway-b{margin-top:-490px;}
#giveaway-b .main-info{border-radius: 16px;overflow:hidden;box-shadow: 0 0 30px 0 rgba(0,0,0,.2);}
#giveaway-b .main-info .logo{padding:22px 0 22px 100px;background: url(http://www.4winkey.com/images/home/icon-logo.jpg) no-repeat 40px 16px;box-shadow:0 10px 20px 0 rgba(0,0,0,.05);}
#giveaway-b .main-info .logo dt{font-size:18px;}
#giveaway-b .giveaway-form{width:33.3%;padding:50px 3.3% 130px;}
#giveaway-b .giveaway-form .title{font-size:20px;max-width: 300px;line-height:1.15;margin-bottom: 20px;}
#giveaway-b .giveaway-form .tip{line-height:1.571;max-width:300px;margin-bottom:30px;}
#giveaway-b #submit-form input[type="submit"]{background:#00C5CC;}
#giveaway-b #submit-form input[type="submit"]:hover{background: #0099a3;}
#giveaway-b .note{max-width:300px;line-height:1.375;}
#giveaway-b .note span{font-size:16px;}

#giveaway-b .giveaway-upgrade{padding:50px 4.17% 65px;width:66.7%;}
#giveaway-b .giveaway-upgrade .text-orange{color:#FF8040;}
#giveaway-b .giveaway-upgrade .orange-btn{background:#FF8040;border:2px solid #FF8040;}
#giveaway-b .giveaway-upgrade .title{margin-bottom:20px;font-size:24px;}
#giveaway-b .giveaway-upgrade .tip{margin-bottom:75px;font-size:16px;}
#giveaway-b .giveaway-upgrade .giveaway{padding:34px 5%;border-radius:4px;box-shadow:0 10px 20px 0 rgba(0,0,0,.1);max-width:280px;margin-right:30px;}
#giveaway-b .giveaway-upgrade .life-time{padding:34px 5% 54px;border-radius:4px;box-shadow:0 10px 20px 0 rgba(0,0,0,.1);max-width:340px;}
#giveaway-b .giveaway-upgrade .version-title{font-size:24px;margin-bottom:20px;}
#giveaway-b .giveaway-upgrade .only-icon{position:absolute;top:-40px;right:-40px;width:100px;height:100px;font-size:32px;padding-top:28px;z-index:1;}
#giveaway-b .giveaway-upgrade .only-icon:before{font-size:20px;content:"$ ";}
#giveaway-b .giveaway-upgrade .only-icon svg{position:absolute;top:0;left:0;z-index:-1;filter:drop-shadow(0 5px 10px rgba(163,163,163,.34));}
#giveaway-b .giveaway-upgrade .only{font-size:16px;margin-bottom:20px;}
#giveaway-b .giveaway-upgrade .tip-list li{font-size:16px;margin-bottom:10px;line-height: 1.375;}
#giveaway-b .giveaway-upgrade .tip-list svg{margin-right:5px;}

footer{padding:40px 0;text-align:center;color:#666;line-height:1.571;}

aside.popu{background: rgba(0,0,0,0.3);position: fixed;left: 0;top:0;width: 100%;height: 100%;padding: 0 10px;}
aside.popu .cont{background: #FFF;max-width: 600px;position: relative;left: 50%;top:50%;transform: translate(-50%,-50%);text-align: center; padding: 35px 2%;box-shadow: 0 0 36px rgba(0,0,0,.3); border-radius: 2px}
aside.popu .cont .title{font-size: 24px;color: #ff2222;font-weight: 700;margin-bottom: 20px;}
aside.popu .cont a{color: #0a9dff;;text-decoration: underline;}