/*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: 5px;
 }

 .box.box-lg 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');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/top.jpg?v=202603091011') no-repeat center top;
     height: 411px;
     position: relative;
 }

 /* logo样式 */
 .logo {
     width: 100%;
     max-width: 1920px;
     margin: 0 auto;
     position: relative;
 }

 .logo a {
     display: block;
     top: 28px;
     left: 395px;
     z-index: 20;
     position: absolute;
 }

 .top>.content>a {
     display: block;
     position: absolute;
     top: 31px;
     left: 8px;
     width: 206px;
     height: 38px;
 }

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

 .box-lg {
     width: 534px;
 }

 .box-sm {
     width: 300px;
 }

 .box>.title {
     font-size: 24px;
     margin-bottom: 5px;
     color: #3a3a3a;
     font-weight: bold;
 }

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

 .box.box-sm>.btn img,
 .footer p.btn img {
     /* height: 34px;
    border-radius: 17px; */
 }

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

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

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

 .box.box-sm>.text {
     font-size: 14px;
     margin-top: 15px;
     line-height: 23px;
 }

 .box>.price {
     font-size: 18px;
     color: #3a3a3a;
     margin-top: 60px;
 }

 .box>.price-box {
     display: flex;
     justify-content: center;
     padding: 0 20px;
     column-gap: 15px;
 }

 .box>.price-box>div {
     flex-basis: 150px;
     display: flex;
     justify-content: center;
     align-items: center;
     column-gap: 10px;
 }

 .box>.price-box>div>p {
     font-size: 18px;
     line-height: 21px;
     text-align: center;
     color: #000000;
 }

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

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

 .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;
     padding: 0;
     border-radius: 4px;
     width: 100%;
     text-align: left;
 }

 /* part0 */
 .part0 {
     background: url('../images/p0.jpg?v=202603091011') no-repeat center top;
     height: 462px;
     position: relative;
 }

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

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


 .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=202603091011');
     background-size: contain;
 }

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

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

 form {
     width: 600px;
     height: 73px;
     padding: 16px 20px 0;
     margin-top: 8px;
     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: #000;
 }

 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 #000000;
     background-color: #fff;
 }

 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=202603091011');
     margin-right: 18px;
 }

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

 .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=202603091011');
 }

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

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

 .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;
 }


 .part0>.content>a {
     display: block;
     width: 257px;
     height: 99px;
     position: absolute;
     top: 108px;
     left: 464px;
 }

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

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

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

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

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

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

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

 .part0>.content>h1.gw-h {
     position: absolute;
     left: 44px;
     top: 49px;
     font-size: 30px;
     color: #000000;
     font-weight: bold;
 }

 .part0>.content>p.gw-text {
     left: 48px;
     top: 128px;
     width: 648px;
     position: absolute;
     color: #000000;
     line-height: 28px;
     font-size: 16px;
 }

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

 .top_get_win {
     margin-right: 18px;
 }

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

 .getcode1 {
    top: 235px;
    left: 44px;
 }

 .right_pro {
     left: 759px;
     top: 994px;
     width: 390px;
     position: absolute;
     color: #ffffff;
     line-height: 28px;
     font-size: 16px;
 }

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

 .right_pro .desc {
     font-size: 14px;
     line-height: 150%;
     color: #ffffff;
 }

 .right_pro .sub {
     font-size: 13px;
     font-weight: 500;
     color: #e8d16f;
     margin-bottom: 8px;
     font-style: italic;
 }

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

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

 .right_pro .pro-price .price:last-child {
     margin-left: 0px;
     margin-top: 10px;
 }

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

 .right_pro .pro-price .price p .now-price {
     color: #f5cf47;
     font-size: 30px;
     font-weight: 500;
 }

 .right_pro .pro-btn img {
     transition: all .2s;
     cursor: pointer;
     display: inline-block;
     width: 150px;
 }

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

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

 .right_pro .pro-btn img:hover {
     box-shadow: 0px 0px 10px 0px #d95a7a88;
 }


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

 .footer .box {
     position: absolute;
     width: 360px;
 }

 .footer .box:nth-child(1),
 .footer .box:nth-child(2),
 .footer .box:nth-child(3) {
     left: 230px;
     top: 684px;
 }

 .footer .box:nth-child(2),
 .footer .box:nth-child(4) {
     left: 800px;
 }

 .footer .box:nth-child(3),
 .footer .box:nth-child(4) {
     top: 938px;
 }



 .footer .box>.title {
     font-size: 20px;
     margin-bottom: 5px;
     color: #000000;
     font-weight: 500;
 }

 .footer .box>.sub {
     font-size: 15px;
     margin-bottom: 8px;
     color: #0095d3;
     font-weight: 500;
     line-height: 24px;
 }

 .footer .box>.text {
     font-size: 13px;
     line-height: 21px;
     color: #272727;
 }

 .footer .purchase p.price {
     font-size: 18px;
     color: #3b3b3b;
 }

 .footer .purchase p.price.mt-5 {
     margin-top: -5px;
 }

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

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

 .footer .purchase p.btn {
     margin-top: 5px;
 }

 .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: 28px;
     line-height: 36px;
     font-weight: bold;
     color: #000000;
     padding: 130px 0 0 550px;
 }

 .footer>.content>.text {
     font-size: 15px;
     line-height: 26px;
     color: #000000;
     padding: 20px 0 0 550px;
     width: 460px;
 }

 #code {
     font-size: 28px;
     position: absolute;
     left: 135px;
     top: 385px;
     font-weight: bold;
     /*letter-spacing: 2px;*/
     color: #ffffff;
     transition: all .2s;
     cursor: pointer;
 }

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

 #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 {
     font-size: 12px;
     line-height: 200%;
     color: #000;
     text-align: center;
     background: none;
     padding-top: 186px;
     padding-bottom: 0;
 }

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

 #footer a:hover {
     cursor: pointer;
 }

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

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

     #renew-content {
         background-color: #BACF5A;
     }
 }