/*reset*/
 body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 pre,
 form,
 fieldset,
 input,
 textarea,
 p,
 blockquote,
 th,
 td {
     padding: 0;
     margin: 0;
 }

 img {
     border: none;
 }

 body {
     font-family: 'Segoe UI', Arial, verdana, Tahoma, Helvetica, sans-serif;
     color: #fff;
 }

 .content {
     width: 1200px;
     margin: 0 auto;
     position: relative;
 }

 .box p.btn img {
     transition: all .3s;
     /* height: 54px; */
     border-radius: 9px;
 }

 .box-sm p.btn img {
     border-radius: 9px;
 }

 .box p.btn img:hover {
     box-shadow: 0px 9px 5px 0px rgba(0, 0, 0, 0.38);
 }

 /* .top_btn>a img:hover {
    box-shadow: 0.05em 0.1em 0.2em rgba(234, 124, 87, 0.8);
} */

 /*part0*/
 /*.part0{background-image: url('../images/p0.jpg?v=202506061614');background-repeat: no-repeat;background-position: center top;position: relative;height: 1075px;}
.part0>.content>a{display: block;width: 112px;height: 28px;position: absolute;top: 108px;left: 542px;}*/

 /*top*/
 .top {
     background: url('../images/p1.jpg?v=202506061614') no-repeat center top;
     height: 720px;
     position: relative;
 }

 /* logo样式 */
 .top>.content>a {
     display: block;
     width: 257px;
     height: 99px;
     position: absolute;
     top: 108px;
     left: 464px;
 }

 .top>.content>p.p1 {
     font-size: 30px;
     color: #116146;
     font-weight: bold;
     padding-top: 650px;
     text-align: center;
 }

 .top>.content>p.p1>span {
     color: #b41c29;
 }

 .top>.content>p.p2 {
     font-size: 18px;
     line-height: 36px;
     color: #116146;
     padding: 30px 0 30px 500px;
 }

 .top>.content>p.p2>a {
     color: #b41c29;
     text-decoration: underline;
 }

 .top>.content>p.p3 {
     font-size: 18px;
     line-height: 24px;
     color: #116146;
     text-align: center;
 }

 .top>.content>p.gw-title {
     font-size: 24px;
     font-weight: bold;
     line-height: 36px;
     color: #fb5a5e;
     position: absolute;
     left: 95px;
     top: 890px;
 }

 .top>.content>p.gw-title>span {
     display: block;
     font-weight: normal;
     font-size: 22px;
     color: #000000;
 }

 .top>.content>h1.gw-h {
     position: absolute;
     left: 50px;
     top: 933px;
     font-size: 24px;
     color: #000000;
     font-weight: 500;
 }

 .top>.content>h1 {
     position: absolute;
     left: 50px;
     top: 875px;
     color: #fc8868;
 }

 .top>.content>p.gw-text {
     left: 50px;
     top: 923px;
     width: 440px;
     position: absolute;
     color: #000000;
     line-height: 28px;
     font-size: 16px;
 }

 .top>.content>p.date {
     position: absolute;
     font-size: 24px;
     color: #3a3a3a;
     right: 230px;
     top: 590px;
 }

 .getcode {
     position: absolute;
     top: 1090px;
     left: 375px;
     z-index: 2;
 }

 .getcode1 {
     top: 1082px;
     left: 50px;
 }

 .right_pro {
     left: 767px;
     top: 880px;
     width: 390px;
     position: absolute;
     color: #000000;
     line-height: 28px;
     font-size: 16px;
 }

 .right_pro h1 {
     font-size: 24px;
     margin-bottom: 5px;
 }

 .right_pro .desc {
     font-size: 13px;
 }

 .right_pro .pros {
     font-size: 15px;
     font-weight: 600;
     color: #4e9c3e;
     margin-bottom: 152px;
 }


 .right_pro .pro-price {
     display: flex;
     margin: 10px 0;
 }

 .right_pro .pro-price .price {
     display: flex;
     align-items: flex-end;
 }

 .right_pro .pro-price .price:last-child {
     margin-left: 100px;
 }

 .right_pro .pro-price .price p span:first-child {
     font-size: 18px;
     text-decoration: line-through;
 }

 .right_pro p .now-price {
     color: #e81b52;
     font-size: 24px;
     font-weight: 500;
 }

 .right_pro .pro-btn img {
     transition: all .2s;
     border-radius: 26px;
     cursor: pointer;
 }

 .right_pro .pro-btn a {
     text-decoration: none;
 }

 .right_pro .pro-btn a:last-child img {
     margin-left: 20px;
 }

 .right_pro .pro-btn img:hover {
     box-shadow: 0px 9px 5px 0px rgba(0, 0, 0, 0.38);
 }

 .nav {
     width: 100%;
     /*height: 82px;*/
     position: fixed;
     z-index: 10;
     top: 0;
     /*border-bottom: 15px solid #fca719;*/
     background-color: #7cd8fc;
     display: none;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
     padding-bottom: 16px;
 }

 .nav.on {
     display: block;
 }

 .nav ul {
     list-style: none;
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 16px 0 0;
 }


 .nav ul>li {
     border-right: 2px solid #55afdc;
     flex: 1;
 }

 .nav ul>li>a {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 100%;
     font-size: 18px;
     line-height: 24px;
     color: #025a9a;
     text-decoration: none;
     min-width: 140px;
     padding: 10px 6px;
     font-weight: 500;
 }

 .nav ul>li>a:hover,
 .nav ul>li>a.on {
     background-color: #025a9a;
     color: #ffffff;
     font-size: 18px;
     line-height: 24px;
     margin: 0 10px;
 }

 .nav ul>li:first-child>a strong,
 .nav ul>li:first-child>a strong {
     font-size: 24px;
     font-weight: 600;
 }

 .nav ul>li:last-child {
     border-right: 0;
 }

 .nav ul>li>a>span {
     width: 100%;
     display: block;
     text-align: center;
     /*padding-bottom: 10px;*/
 }

 .nav ul>li>a strong {
     font-size: 24px;
     font-weight: 700;
 }

 /*.top_btn{text-align: center;}*/
 .top_btn>a {
     display: inline-block;
     line-height: 0;
     transition: all .2s;
     cursor: pointer;
 }

 .top_btn>a img {
     /* border-radius: 12px; */
     transition: all .3s;
 }

 .top_get_win {
     margin-right: 18px;
 }

 .mt6 {
     margin-top: 6px;
 }

 .mt10 {
     margin-top: 10px;
 }

 .mt40 {
     margin-top: 40px;
 }

 .mt14 {
     margin-top: 14px;
 }

 .mt25 {
     margin-top: 25px;
 }


 .mt15 {
     margin-top: 15px;
 }

 .mr15 {
     margin-right: 15px;
 }

 .mr35 {
     margin-right: 35px;
 }

 .mr40 {
     margin-right: 40px;
 }

 .mr85 {
     margin-right: 85px;
 }

 .ml30 {
     margin-left: 30px;
 }

 .ml80 {
     margin-left: 80px;
 }

 .ml150 {
     margin-left: 150px;
 }

 .dp_none {
     display: none;
 }

 .loading {
     margin-top: 5px;
     margin-right: 30px;
 }

 .hlw_f1 {
     background-image: url('../images/win-form-bg.png?v=202506061614');
 }

 .hlw_f2 {
     background-image: url('../images/mac-form-bg.png?v=202506061614');
 }

 .hlw_get {
     cursor: pointer;
     margin-top: 13px;
 }

 form {
     width: 579px;
     height: 64px;
     padding: 16px 20px 0;
     margin-top: 15px;
     background-repeat: no-repeat;
 }

 form>ul {
     height: 44px;
 }

 form li {
     list-style-type: none;
     float: left;
 }

 form li.fr {
     float: right;
 }

 form p {
     font-size: 13px;
     line-height: 18px;
     color: #000000;
 }

 /*form.hlw_f2 p{color: #000000;}*/
 form input {
     font-size: 12px;
     border-radius: 3px;
     width: 85px;
     height: 28px;
     padding: 0 8px;
     line-height: 21px;
     color: #000000;
     outline: none;
     border: none;
     border: 1px solid #000;
     background-color: #ffffff;
 }

 form input.email {
     width: 75px;
 }

 .upgrade1 {
     width: 410px;
     position: absolute;
     left: 140px;
     top: 835px;
 }

 .upgrade2 {
     width: 410px;
     position: absolute;
     left: 640px;
     top: 750px;
 }

 .upgrade p.title {
     font-size: 18px;
     color: #000000;
     font-weight: bold;
     margin-bottom: 10px;
 }

 .upgrade p.img {
     margin-bottom: 10px;
     justify-content: center;
     display: flex;
 }

 .upgrade p.img>a {
     display: block;
     width: 56px;
     height: 56px;
     border-radius: 30px;
     background-repeat: no-repeat;
     background-position: center;
     transition: all .3s;
 }

 .upgrade p.img>a:hover {
     box-shadow: 0 0 1em #ffffff;
 }

 .upgrade p.img>.fb {
     background-image: url('../images/fb.png?v=202506061614');
     margin-right: 18px;
 }

 .upgrade p.img>.tt {
     background-image: url('../images/tt.png?v=202506061614');
 }

 .upgrade1 p.text {
     font-size: 16px;
     line-height: 28px;
     color: #292929;
     margin-bottom: 15px;
 }

 .upgrade2 p.text {
     font-size: 13px;
     line-height: 23px;
     color: #292929;
     margin-bottom: 15px;
 }

 .upgrade p.text>a {
     color: #1828f6;
 }

 .upgrade p.date {
     font-size: 18px;
     color: #3b3b3b;
 }

 .upgrade3 {
     width: 420px;
     position: absolute;
     left: 755px;
     top: 1080px;
 }

 .upgrade3 p.title {
     font-size: 24px;
     color: #ffffff;
     font-weight: bold;
     margin-bottom: 5px;
 }

 .upgrade3 p.img {
     padding-left: 70px;
     margin-bottom: 5px;
 }

 .upgrade3 p.text {
     font-size: 13px;
     line-height: 23px;
     color: #ffffff;
 }

 .upgrade3 p.date {
     font-size: 18px;
     color: #3b3b3b;
 }

 .upgrade3 p.price {
     font-size: 18px;
     color: #ffffff;
     margin-bottom: 5px;
     margin-top: 10px;
 }

 .upgrade3 p.price>span.old-price {
     text-decoration: line-through;
 }

 .upgrade3 p.price>span.now-price {
     font-size: 30px;
     color: #fa6868;
     font-weight: 500;
 }

 .gw-related {
     position: absolute;
     width: 660px;
     left: 66px;
     top: 1010px;
 }

 .gw-related>h3 {
     color: #000000;
     margin: 0 0 5px;
     font-size: 20px;
     font-weight: 500;
 }

 .gw-related>p.title>a {
     font-size: 13px;
     line-height: 27px;
     color: #fe465e;
     text-decoration: none;
 }

 .gw-related>p.text {
     font-size: 13px;
     line-height: 18px;
     color: #000;
     width: 80%;
     /*padding-bottom: 5px;display: none;*/
 }

 .slide_mac {
     display: none;
 }

 /*share-cover*/
 .share_cover {
     position: absolute;
     /*width: 100%;height: 100%;*/
     z-index: 100;
     display: none;
     top: 320px;
 }

 #thx-share {
     position: absolute;
     width: 1196px;
     height: 230px;
     /*top: calc(40vh);*/
     top: 520px;
     background-color: rgba(0, 0, 0, .7);
     border-radius: 8px;
     border: 2px solid #8EC1F0;
     z-index: 3;
 }

 .share_cover ul {
     margin-top: 20px;
     height: 105px;
 }

 .share_cover li {
     list-style-type: none;
     float: left;
     background-repeat: no-repeat;
     height: 105px;
 }

 .share_cover li.li1 {
     margin: 0 43px 0 200px;
     width: 192px;
     background-image: url('../images/1.png?v=202506061614');
 }

 .share_cover li.li2 {
     margin: 0 30px 0 0;
     width: 211px;
     background-image: url('../images/2.png?v=202506061614');
 }

 /*.share_cover li.li2>p{padding: 30px 0 0 45px;}*/
 .share_cover li.li3 {
     width: 214px;
     background-image: url('../images/3.png?v=202506061614');
 }

 .share_cover li>p {
     font-size: 18px;
     color: #0e7bde;
     text-align: left;
     padding: 30px 0 0 45px;
     line-height: 30px;
 }

 .share_cover li>p>span {
     color: #000;
 }

 .share_cover li>p>img {
     vertical-align: -8px;
 }

 .share_cover>p {
     margin-top: 28px;
 }

 .share {
     cursor: pointer;
     text-align: center;
     margin-top: 20px;
 }

 .purchase-screen-recorder {
     text-align: center;
     margin-top: 10px;
     display: flex;
     justify-content: center;
 }

 .purchase-screen-recorder .date {
     font-size: 18px;
     color: #1c1c1c;
 }

 .purchase-screen-recorder .old-price {
     font-size: 18px;
     line-height: 24px;
     color: #1c1c1c;
     text-decoration: line-through;
 }

 .purchase-screen-recorder .now-price {
     font-size: 30px;
     line-height: 24px;
     color: #db2d2f;
     font-weight: 500;
 }

 /*box*/
 .box {
     position: absolute;
 }

 .box-lg {
     width: 660px;
 }

 .box-sm {
     width: 340px;
 }

 .box>.title {
     font-size: 24px;
     margin-bottom: 10px;
     color: #000000;
     font-weight: bold;
 }

 .box.box-sm>.title {
     font-size: 24px;
     color: #010000;
 }


 .box>.sub {
     font-size: 15px;
     font-weight: 500;
     color: #025a9a;
     margin-bottom: 8px;
     font-style: italic;
 }

 .box.box-sm>.sub {
     font-size: 13px;
     line-height: 23px;
 }

 .box>.text {
     font-size: 13px;
     line-height: 23px;
     color: #3a3a3a;
 }

 .box-lg>.text {
     font-size: 16px;
     line-height: 27px;
     color: #3a3a3a;
 }

 .box>.price {
     font-size: 18px;
     color: #000000;
 }

 .box-lg>.price {
     margin-top: 10px;
 }

 .box>.price>span.old-price {
     text-decoration: line-through;
 }

 .box>.price>span.now-price {
     font-size: 30px;
     color: #e81b52;
     font-weight: 500;
 }

 .box-sm>.price>span.now-price {
     font-size: 24px;
 }

 .box>.btn {
     margin-top: 10px;
 }

 .box>.price-win {
     display: flex;
     justify-content: center;
     gap: 12px;
 }

 .box>.price-win>p {
     font-size: 16px;
     color: #000000;
     flex-basis: 145px;
     display: flex;
     justify-content: center;
     align-items: flex-end;
     gap: 10px;
 }

 .box>.price-win>p>span {
     font-size: 18px;
     line-height: 24px;
     text-align: center;
 }

 .box>.price-win>p>span>b {
     font-size: 24px;
     color: #e81b52;
     font-weight: 500;
 }

 /*part1*/
 .part1 {
     background-image: url('../images/p3.jpg?v=202506061614');
     background-repeat: no-repeat;
     background-position: center top;
     position: relative;
     height: 1661px;
 }

 .part1 .box>.btn {
     margin-top: 14px;
 }

 .part1 .box-lg {
     width: 1066px;
 }

 .part1 .box-sm {
     width: 348px;
 }

 .part1 .box.box1 {
     left: -60px;
     top: 220px;
 }

 .part1 .price-btn {
     left: 528px;
     top: 176px;
 }

 .part1 .box.box1 .price-btn {
     left: 373px;
     top: 69px;
 }

 /*.part1 .box.box10 .old-price{margin-left: 70px;}*/

 .part1 .box.box2,
 .part1 .box.box3,
 .part1 .box.box4,
 .part1 .box.box5,
 .part1 .box.box8 {
     left: 34px;
     top: 710px;
 }

 .part1 .box.box5,
 .part1 .box.box6,
 .part1 .box.box7 {
     top: 1104px;
 }

 .part1 .box.box8,
 .part1 .box.box9,
 .part1 .box.box10 {
     top: 1495px;
 }

 .part1 .box.box3,
 .part1 .box.box6,
 .part1 .box.box9 {
     left: 429px;
 }

 .part1 .box.box4,
 .part1 .box.box7,
 .part1 .box.box10 {
     left: 819px;
 }

 .part1 .box-sm .price,
 .part1 .box-sm .btn {
     text-align: center;
 }

 .part1 .box-sm .btn a {
     text-decoration: none;
 }

 /*part2*/
 #part2 {
     background-image: url('../images/p2.jpg?v=202506061614');
     background-repeat: no-repeat;
     background-position: center top;
     position: relative;
     height: 940px;
 }

 #part2 .box-lg {
     width: 608px;
 }

 #part2 .box>.btn {
     margin-top: 20px;
 }

 #part2 .box.box-sm>.title {
     font-size: 20px;
     font-weight: 500;
 }

 .part2 .box.box1 {
     left: 514px;
     top: 114px;
 }

 .part2 .box.box2 {
     left: 55px;
     top: 480px;
 }

 .part2 .box-sm {
     width: 305px;
 }


 .part2 .box-sm .price {
     margin-top: 0px;
 }

 .part2 .box {
     left: 247px;
     top: 521px;
 }

 .part2 .box.box3,
 .part2 .box.box4,
 .part2 .box.box5 {
     top: 642px;
     text-align: center;
 }

 .part2 .box.box3 {
     left: 55px;
 }

 .part2 .box.box4 {
     left: 450px;
 }

 .part2 .box.box5 {
     left: 850px;
 }

 .part2 .box1>.btn {
     margin-top: 20px;
 }

 .part2 .box1 .title {
     margin-bottom: 10px;
     font-size: 30px;
 }


 #part4 .box-sm .price {
     margin-top: 33px;
 }


 /*part3*/
 #part3 {
     background-image: url('../images/p4.jpg?v=202506061614');
     background-repeat: no-repeat;
     background-position: center top;
     position: relative;
     height: 1415px;
 }

 .part3 .box.box1 {
     left: 451px;
     top: 130px;
     width: 625px;
 }

 .part3 .box.box2 {
     left: 55px;
     top: 497px;
 }

 .part3 .box-sm {
     text-align: center;
     width: 348px;
 }

 .part3 .box.box3 {
     left: 630px;
     top: 180px;
 }

 .part3 .box.box3,
 .part3 .box.box4,
 .part3 .box.box5 {
     top: 640px;
 }

 .part3 .box.box6,
 .part3 .box.box7,
 .part3 .box.box8 {
     top: 1127px;
 }

 .part3 .box.box3,
 .part3 .box.box6 {
     left: 34px;
 }

 .part3 .box.box4,
 .part3 .box.box7 {
     left: 429px;
 }

 .part3 .box.box6 .price,
 .part3 .box.box7 .price,
 .part3 .box.box8 .price {
     margin-top: 32px;
 }

 .part3 .box.box5,
 .part3 .box.box8 {
     left: 819px;
 }

 .part3 .box-sm .title {
     font-size: 18px;
 }

 .part3 .box-sm .text {
     padding: 0 15px;
 }

 .part3 .box-sm .price {
     margin-top: 5px;
 }

 .part3 .box1>.btn {
     margin-top: 20px;
 }

 .part3 .box1 .title {
     margin-bottom: 10px;
     font-size: 30px;
 }

 /*part4*/
 #part4 {
     background-image: url('../images/p5.jpg?v=202506061614');
     background-repeat: no-repeat;
     background-position: center top;
     position: relative;
     height: 1386px;
 }

 .part4 .box.box1 {
     left: 484px;
     top: 88px;
 }

 .part4 .box.box2 {
     left: 55px;
     top: 458px;
 }

 .part4 .box-sm {
     width: 323px;
 }

 /*.part4 .box-sm .title, .part4 .box-sm .text{
    padding-left: 190px;
}*/

 .part4 .box-sm .price {
     margin-top: 0px;
 }

 .part4 .box {
     left: 245px;
     top: 767px;
 }

 .part4 .box.box5,
 .part4 .box.box6 {
     top: 1080px;
 }

 .part4 .box.box4,
 .part4 .box.box6 {
     left: 835px;
 }

 .part4 .box1>.btn {
     margin-top: 20px;
 }

 .part4 .box1 .title {
     margin-bottom: 10px;
     font-size: 30px;
 }

 #part4 .box.box5,
 #part4 .box.box6 {
     top: 1069px;
 }

 #part4 .box-sm .price {
     margin-top: 33px;
 }

 /*part5*/
 .part5 {
     background-image: url('../images/p6.jpg?v=202506061614');
     background-repeat: no-repeat;
     background-position: center top;
     position: relative;
     height: 908px;
 }

 .part5 .box-sm {
     text-align: center;
     width: 358px;
 }

 .part5 .box.box1 {
     left: 482px;
     top: 90px;
 }

 .part5 .box.box2,
 .part5 .box.box3,
 .part5 .box.box4 {
     top: 620px;
 }

 .part5 .box.box2 {
     left: 30px;
 }

 .part5 .box.box3 {
     left: 425px;
 }

 .part5 .box.box4 {
     left: 815px;
 }

 .part5 .box-sm .title {
     font-size: 18px;
 }

 .part5 .box-sm .text {
     padding: 0 28px;
 }

 .part5 .box-sm .price {
     margin-top: 10px;
 }

 .part5 .box1>.btn {
     margin-top: 20px;
 }

 .part5 .box1 .title {
     margin-bottom: 10px;
     font-size: 30px;
 }


 /*footer*/
 .footer {
     background-image: url('../images/p7.jpg?v=202506061614');
     background-repeat: no-repeat;
     background-position: center top;
     position: relative;
     height: 1788px;
 }



 .footer .box>.title {
     text-align: center;
     font-size: 20px;
     margin-bottom: 15px;
     color: #000000;
     font-weight: 600;
 }



 .footer>.content>.tip {
     font-size: 16px;
     line-height: 2;
     color: #D71E57;
     position: absolute;
     width: 920px;
     top: 1276px;
     left: 50%;
     transform: translateX(-50%);
 }

 .footer>.content>.tip span {
     font-size: 18px;
     font-weight: 500;
 }

 .footer>.content>.title {
     font-size: 30px;
     line-height: 36px;
     font-weight: bold;
     color: #000000;
     padding: 85px 0 0 607px;
 }

 .footer>.content>.text {
     font-size: 15px;
     line-height: 26px;
     color: #000000;
     padding: 30px 0 0 607px;
     width: 475px;
 }





 .footer .box-sm {
     width: 320px;
 }

 .footer .box-sm .price {
     margin-top: 31px;
     text-align: center;
 }

 .footer .box {
     left: 60px;
     top: 778px;
 }

 .footer .box.box6,
 .footer .box.box7,
 .footer .box.box8 {
     top: 1229px;
 }

 .footer .box.box4,
 .footer .box.box7 {
     left: 450px;
 }

 .footer .box.box5,
 .footer .box.box8 {
     left: 836px;
 }


 /* .footer .box.box3,
 .footer .box.box4,
 .footer .box.box5,
 .footer .box.box6,
 .footer .box.box7,
 .footer .box.box8 {
     top: 851px;
 } */



 .footer .box1>.btn {
     margin-top: 20px;
 }







 #code {
     font-size: 26px;
     position: absolute;
     left: 123px;
     top: 331px;
     font-weight: bold;
     /* letter-spacing: 2px; */
     color: #000;
     transition: all .2s;
     cursor: pointer;
 }

 #code:hover {
     text-shadow: 0 0 3px #000000;
 }

 #code::selection {
     background: #d3d3d3;
     color: #555;
 }

 #code::-moz-selection {
     background: #d3d3d3;
     color: #555;
 }

 #code::-webkit-selection {
     background: #d3d3d3;
     color: #555;
 }

 #code-area {
     opacity: 0;
     width: 0;
     height: 0;
 }

 #footer-text {
     font-size: 12px;
     line-height: 200%;
     color: #000;
     text-align: center;
     padding-top: 1408px;
 }

 #footer-text>span {
     display: block;
     width: 100%;
     height: 100%;
     padding: 45px 0 18px;
     font-weight: 500;
     font-size: 14px;
 }

 /*#footer>span{background-color: rgba(255,255,255,.4);display: block;padding: 10px 0;width: 1080px;margin: 0 auto;}*/
 #footer-text>span>a {
     color: #000;
     text-decoration: none;
 }

 #footer-text>span>a:hover {
     cursor: pointer;
     text-decoration: underline;
 }

 @media screen and (max-width: 1200px) {

     .top,
     .part0,
     .part1,
     .part2,
     .part3,
     .part4,
     .part5,
     .part6,
     .footer {
         background-position: -360px top;
         width: 1200px;
     }
 }

 .logo {
     position: absolute;
     top: 36px;
     left: 759px;
     z-index: 20;
     transform: translateX(-50%);
 }

 .logo a {
     display: block;
     position: relative;
 }