/* CSS Document */
body{font:15px/24px tahoma,Arial,Helvetica,sans-serif;color: #000000;background: #fff;}
*{margin: 0;padding: 0;}
a{text-decoration: none;}
img { border:0;max-width: 100%;}
.clear{clear:both; height:0;}
h1,h2,h3,h4{line-height: auto;}
li{list-style: none;}

/*--------------------*/
.detail { width:1080px; margin:0 auto;}

.DivNat {  padding: 10px 0;  background: #000; }
.DivNat .Logo { width: 140px; float: left; }
.DivNat ul { display: block; float: right; font-size: 17px; padding: 10px 0 0; }
.DivNat ul li { float: left;  width: 100px; font-weight: 400; text-align: center;  }
.DivNat ul li a { color: #f2f2f2;  text-decoration: none; }
.DivNat ul li:nth-child(1) {  border-right:1px solid #414547;  }
.DivNat ul li:nth-child(2) {  width: 165px; }
.DivNat ul li a:hover { color: #00a9ef; }

.DivBanner {padding-bottom: 148px;background: url("../image-style/2022version/bg1.jpg") center bottom no-repeat;background-size: cover;}
.DivBanner .the-nav {  padding: 15px 0; position: relative; top: 0; left: 0; z-index: 10; }
.DivBanner .the-nav .logo { width: 140px; float: left; }
.DivBanner .the-nav ul { display: block; float: right; font-size: 17px; padding: 10px 0 0; }
.DivBanner .the-nav ul li { float: left;  width: 100px; font-weight: 400; text-align: center;  }
.DivBanner .the-nav ul li a { color: #f2f2f2;  text-decoration: none; }
.DivBanner .the-nav ul li:nth-child(1) {  border-right:1px solid #414547;  }
.DivBanner .the-nav ul li:nth-child(2) { width: 165px; }
.DivBanner .the-nav ul li a:hover { color: #00a9ef; }

.DivBanner .the-content h1 {font-size: 52px;color: #fff;font-weight: 600;line-height: 54px; padding:  40px 0 24px;text-align: center;}
.DivBanner .the-content h1 img {vertical-align: top;}
.DivBanner .the-content h1 a{text-decoration: none;color: #fff;}
.DivBanner .the-content h1 a:hover{text-decoration: underline;}
.DivBanner .the-content h1 span {color: #fff;}
.DivBanner .the-content h1 .special-style {color: #fff;}
.DivBanner .the-content ul.banner-icons {text-align: center;}
.DivBanner .the-content ul.banner-icons li {padding: 0 15px;display: inline-block;vertical-align: top;text-align: center;}
.DivBanner .the-content ul.banner-icons li div {height: 60px;line-height: 60px;}
.DivBanner .the-content ul.banner-icons li:first-child div img {margin-top: -6px;}
.DivBanner .the-content ul.banner-icons li p {font-size: 13px;color: #fff;}
.DivBanner .the-content > p {font-size: 15px;color: #ffecda;margin: 40px 0 30px;line-height: 23px;text-align: center;}
.DivBanner .the-content > p a {color: #ffecda; text-decoration: underline;}
.DivBanner .the-content ul.content-lists {display: flex;justify-content: center;flex-wrap: wrap;margin-bottom: 20px;}
.DivBanner .the-content ul.content-lists li {width: 48%;box-sizing: border-box;font-size: 15px;line-height: 17px;color: #fff;padding: 0 10px 12px 25px;background: url(../image-style/2022version/banner-yes-icon.png) no-repeat left 1px;}
.DivBanner .the-content ul.digiarty-timer {text-align: center;font-size: 28px;color: #fff;line-height: 64px;}
.DivBanner .the-content ul.digiarty-timer li { display: inline-block; vertical-align: top; color:#fff; width: 62px; height: 62px; border: 1px solid #ffc089; font-size: 28px;line-height: 44px;text-align: center;border-radius: 4px; position: relative;}
.DivBanner .the-content ul.special-style li {border-color: #ffc089;}
.DivBanner .the-content ul.digiarty-timer li::after {width: 100%;font-size: 13px;color: #ffc089;text-align: center;line-height: 17px;position: absolute;bottom: 4px;left: 0;}
.DivBanner .the-content ul.digiarty-timer li[data-provider="days"]::after {content: "Days";}
.DivBanner .the-content ul.digiarty-timer li[data-provider="hours"]::after {content: "Hours"}
.DivBanner .the-content ul.digiarty-timer li[data-provider="minutes"]::after {content: "Minutes"}
.DivBanner .the-content ul.digiarty-timer li[data-provider="seconds"]::after {content: "Seconds"}
/* ----------------- */
.main01 {background: #ffffff url("../image-style/2022version/bg2.jpg") no-repeat center top;background-size: 100% auto;}
.main01 .detail {width: 1020px;}
.main01 .part-one {margin-bottom: 64px;}
.part-one .same-version-style {margin-top: -60px;position: relative;}
.part-one .left-version { width: 420px; padding: 12px 0 0 0px; float:left; margin-right:24px;margin-left: 24px; background-color: #fff; box-shadow: 0 0 6px 3px rgba(0,0,0,0.1); border-radius: 10px 0 0 10px;}
.part-one .right-version { width: 520px; padding: 12px 0 0; float:left; background-color: #fff;box-sizing: border-box;border: 5px solid #fcd75f; box-shadow: 0 0 6px 3px rgba(0,0,0,0.1); border-radius: 0 0 20px 20px;}
.part-one .right-version .arrow-img {position: absolute;top: -43px;left: -5px;width: 550px;z-index: 1;}
.part-one .right-version .arrow-img img {width: 100%;}
.part-one .same-version-style .top-content {margin: 0 auto;margin-bottom: 24px;padding-bottom: 20px;position: relative;z-index: 2;}
.part-one .same-version-style .special-style {}
.part-one .same-version-style .top-content h3 {font-size: 26px;color: #000000;text-align: center;line-height: 64px;}
.part-one .same-version-style .special-style h3 {font-size: 17px;}
.part-one .same-version-style .special-style h3 em {font-size: 26px;color: #ff940a; vertical-align:-3px;}
.part-one .same-version-style .top-content h3 span {display: block;font-weight: 700;}
.part-one .same-version-style .top-content h3 b{font-size:17px; color:#7a828a; font-weight:400; font-style:normal; display:block; line-height:0; margin-bottom:20px;}
.part-one .left-version .top-content h3 span {color: #199358;font-size: 32px;}
.part-one .right-version .top-content h3 span {color: #ff940a;font-size: 32px;}
.part-one .right-version .top-content h3 span i {font-size: 23px;color: #959595;font-weight: lighter; vertical-align:3px;}
.part-one .right-version .top-content h3 span del {font-size: 23px;color: #959595;font-weight: lighter; vertical-align:3px;}
.part-one .same-version-style .top-content .get-code a { display: block; width: 258px; height: 56px; font-size: 18px; color: #fff; text-indent: 56px;
 line-height: 56px; font-weight: 500; margin: 0 auto; border-radius: 5px; -webkit-border-radius: 5px; 
 -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.part-one .same-version-style .top-content .get-code a:hover {box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-o-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);}
.part-one .left-version .top-content .get-code a.free-for-win {background: #1faf69 url("../image-style/2019new-version/win-icon.png") 10px center no-repeat; }
.part-one .left-version .top-content .get-code a.free-for-mac {background: #1faf69 url("../image-style/2019new-version/win-icon.png") 10px center no-repeat;display: none; }
.down_trial > a{display: block; width: 258px; height: 56px; font-size: 17px; font-weight:bold; color: #fff; text-indent: 56px; line-height: 56px;margin: 0 auto; border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;}
.down_trial a.down-win{background: #19c378 url("../image-style/2019new-version/win-icon.png") 20px center no-repeat;text-indent: 66px;}
.down_trial p, .main02 .the-code .get-code p{text-align:center; margin-top:10px;}
.down_trial p img, .main02 .the-code .get-code p img{vertical-align:-5px; margin-right:14px;}
.down_trial p a, .main02 .the-code .get-code p a{color:#666; font-size:16px; text-decoration:underline;}
.main-down > a{display: block; width: 280px; height: 50px; font-size: 17px; font-weight:bold; color: #fff; text-indent: 56px; line-height: 50px;margin: 0 auto; border-radius: 5px; -webkit-border-radius: 5px;  -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px;padding-right: 57px;box-sizing: border-box;}
.main-down > a:hover{text-decoration: none;box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-o-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);}
.main-down a.down-win,.main-down a.down-mac{background: #1faf69 url("../image-style/2019new-version/win-mac.png") right 15px center no-repeat;text-indent: 0;text-align: center;}
.choose_title{display: inline-block;vertical-align: middle;text-align: center;}
.choose_title select{display: inline-block;vertical-align: middle;width:175px; line-height:50px; height:50px; color:#7d8193; border-radius:5px 0 0 5px; border:0; border:1px solid #babec9; background-color:#fff; font-size:14px; padding-left:4px;border-right: none;}
.choose_title .btn{display: inline-block;vertical-align: middle;font-weight:700; font-size:19px;}
.choose_title .btn a{ background-color: #e63619; border-radius:0 5px 5px 0; text-align: center; color: #fff; padding: 0 20px 0; height: 50px; line-height: 50px; display: inline-block; text-decoration: none; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -ms-border-radius:0 5px 5px 0; -o-border-radius:0 5px 5px 0; }
.choose_title .btn a:hover {box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-o-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);}
.part-one .right-version .top-content .choose_title {display: block;margin: 0 auto;}
.part-one .right-version .top-content .get-code a.payment-for-win {background: #ff940a url("../image-style/2019new-version/win-icon.png") 20px center no-repeat;text-indent: 66px; }
.part-one .right-version .top-content .get-code a.payment-for-mac {background: #ff940a url("../image-style/2019new-version/win-icon.png") 20px center no-repeat;text-indent: 66px;display: none; }
.part-one .same-version-style .top-content p {text-align: center;margin-top:29px;font-size: 16px;color: #0FB4FF;}
.part-one .same-version-style .top-content p a { color: #666; }
.part-one .same-version-style .top-content p img {margin-right: 14px;display: inline-block;vertical-align: middle;}

.left-version ul { padding: 0px 0 90px; background: #f2f7f2; border-radius: 0 0 0 10px;}
.left-version ul li {  background: url(../image-style/2019new-version/yes-green-icon.png) top 16px left 30px no-repeat; padding: 13px 0 13px 60px; border-bottom: 1px solid #dadada;}
.left-version ul li:last-child { color: #9f9b9b; background: url(../image-style/2019new-version/yes-gray-icon.png) top 16px left 30px no-repeat; }


.right-version ul { padding: 0 0 40px; background: #fffbef; border-radius: 0 0 20px 20px;}
.right-version ul > li {  background: url(../image-style/2021blackfriday/yes-orange-icon.png) 30px 17px no-repeat; padding: 13px 0 13px 60px; border-bottom: 1px solid #efe8d4;color: #595957;  }
.right-version ul > li b {color: #1faf69;}
.right-version ul > li ol{margin-top:5px;}
.right-version ul > li ol li{font-size:14px; color:#595957;}

.part-two {margin-bottom: 64px;}
.part-two h2 {font-size: 32px;color: #111111;line-height: 36px;text-align: center;}
.part-two > p {font-size: 15px;color: #444444;line-height: 23px;margin: 8px 0 34px;text-align: center;cursor: pointer;}
.part-two > p a { color: #eb5506; text-decoration: underline; }
.part-two > p img {display: inline-block;vertical-align: middle;margin-right: 8px;}
.part-two ul {text-align: center;overflow: hidden;}
.part-two ul li {display: inline-block;vertical-align: top;width: 246px;background-color: #fff;border: 1px solid #e1e6ed;padding: 18px 22px 21px;margin-bottom: 30px;}
.part-two ul li p {font-size-adjust: 13px;color: #666666;line-height: 28px;margin-bottom: 12px;text-align: left;}
.part-two ul li p strong {color: #000;}
.part-two ul li.has-arrow {margin-right: 62px;position: relative;}
.part-two ul li.has-arrow::after { content: ""; width: 32px; height: 32px; background: url("../image-style/2019new-version/arrow-icon.png") center center no-repeat; position: absolute;top: 50%;right: -48px;margin-top: -16px;border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


/* ----------------- */
.main02 {padding-bottom: 56px;}
.main02 h2 {font-size: 32px;color: #111111;text-align: center;line-height: 34px;margin-bottom: 42px;font-weight: 600;}
.main02 h2 span {color: #fe745c;}
.main02 h2 a{ border-bottom:1px dashed #111; color: #111; }
.main02 .software-intro {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding-bottom: 20px;}
.main02 .software-intro .left-content {width: 557px;margin-bottom: 30px;}
.main02 .software-intro .right-content {width: 480px;}
.main02 .software-intro .right-content .the-intro-content h3 {font-size: 18px;color: #000;line-height: 24px;margin-bottom: 18px;}
.main02 .software-intro .right-content .the-intro-content p {font-size: 15px;color: #444444;line-height: 25px;margin-bottom: 10px;}
.main02 .software-intro .right-content .the-intro-content p a{ color: #444; border-bottom: 1px dashed #444;}
.main02 .software-intro .right-content .the-intro-content .the-line {height: 2px;background-color: #f2f2f5;margin-bottom: 28px;padding-top: 1px;}
.main02 .software-intro .right-content .the-intro-content .the-line .span {display: block;width: 60%;height: 1px;background-color: #0fb4ff; box-shadow: 0 0 6px 3px rgba(15,180,255,0.2);-webkit-box-shadow: 0 0 4px 2px rgba(15,180,255,0.2);-ms-box-shadow: 0 0 6px 3px rgba(15,180,255,0.2);-o-box-shadow: 0 0 6px 3px rgba(15,180,255,0.2);-moz-box-shadow: 0 0 6px 3px rgba(15,180,255,0.2);}
.main02 .download-intro {font-size: 15px;line-height: 24px;color: #666666;text-align: center;margin-top: 5px;}
.main02 .download-intro a {color: inherit;text-decoration: underline;}
.main02 .the-code {text-align: center;}
.main02 .the-code p {display: inline-block;vertical-align: middle;margin-right: 20px;font-size: 17px;text-align: center;color: #7d8193;}
.main02 .the-code .left-code,.main02 .the-code .right-code {display: inline-block;vertical-align: middle;}
.main02 .the-code .get-code > a { display: inline-block; width: 258px; height: 56px; font-size: 18px; color: #fff; text-indent: 40px; line-height: 56px; font-weight: 500; margin: 0 auto; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.main02 .the-code .get-code > a:hover {box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-o-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);-ms-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);}
.main02 .the-code .left-code a.free-for-win {background:#1faf69 url("../image-style/2019new-version/win-icon.png") 16px center no-repeat; }
.main02 .the-code .left-code a.free-for-mac {background:#1faf69 url("../image-style/2019new-version/mac-icon.png") 16px center no-repeat;display: none; }
.main02 .the-code .right-code a.payment-for-win {background: #ff6136 url("../image-style/2019new-version/win-icon.png") 24px center no-repeat; }
.main02 .the-code .right-code a.payment-for-mac {background: #ff6136 url("../image-style/2019new-version/mac-icon.png") 24px center no-repeat;display: none; }
/*------------------*/
.phone_pop{width:90%;margin:0 auto; padding: 30px 0; background:#fbfcfe;border-radius: 10px;position: relative; }
.phone_pop .close{float: right; width: 40px; height: 40px; position: absolute;top: -20px; right: -20px; cursor:pointer;}

.phone_pop .t{font-size: 15px; font-weight: bold;text-align: center;color: #80807d;}
.phone_pop .t2{text-align: center;color: #494949;}
.phone_pop .mess{font-size: 13px;text-align: center;color: #245ccd;padding: 25px 15px;}
.phone_pop input{width:70%; margin:0 auto; display:block;   border:1px solid #c8cdd0;background: #fff; padding: 10px;}
.phone_pop .sub_email{text-align:center; padding: 15px 0 0 0;color: #fff; }
.phone_pop .sub_email span{height:38px;line-height:38px; width: 41%; cursor:pointer;font-size: 20px;display: inline-block;	background:#0fb4ff;;border-radius: 25px;}

/*------------------*/
/* CSS Document */
.DivMain03 {  background: #f2f2f5;margin-top: 30px; }
.DivMain03 .detail { padding: 50px 0; }
.DivMain03 .img { text-align: center; }
.DivMain03 h3 { font-size: 33px; font-weight: 800; text-align: center; line-height: 45px; }
.DivMain03 .Text { position: relative;  padding: 40px 20px; }
.DivMain03 .Text .yh { position: absolute; width: 22px; height: 16px; }
.DivMain03 .Text .top { top: 0; left: 0; }
.DivMain03 .Text .bottom { bottom: 0; right: 0; }
.DivMain03 .Text .web { width: 250px; height: 72px;  }
.DivMain03 .Text .left { float: left; }
.DivMain03 .Text .right { float: right; }
.DivMain03 .Text .neis {  width: 690px; padding: 0 50px 0 50px;  font-size: 15px; line-height: 29px;  }
/* CSS Document */
.DivMain04 {  }
.DivMain04 .detail { padding: 50px 0; }
.DivMain04 .Left { width: 32%; float: left; text-align: center; }
.DivMain04 .Left h4 { padding: 10px 0; color: #000; font-weight: 800;  }
.DivMain04 .Left p { padding: 0 25px; } 
.DivMain04 .Margin {  margin: 0 2%; }
/* CSS Document */
.DivMain05 {padding: 40px 0 70px;}
.DivMain05 h4 { font-size: 37px; line-height: 45px; text-align: center; }
.DivMain05 .qes_one{border-bottom: 1px solid #e6e6e6;padding: 18px 0 8px;}
.DivMain05 .qes_one .t{font-size: 18px; background: url(../image-style/2022version/add.png) no-repeat right 3px;cursor: pointer; padding-bottom: 10px;}
.DivMain05 .qes_one .qes_ans{color: #737480;display: none;}
.DivMain05 .qes_one.focus .t{background: url(../image-style/2022version/min.png) no-repeat right center;}
.DivMain05 .qes_one.focus .qes_ans{display: block;}
.DivMain05 a { color: #2691fc; }


/*--------------------*/

.video_pop{width:810px; height:410px;}
.video_pop .close{ text-align: right;font-size: 35px; position: relative; color: #fcfcfc; }
.video_pop .close span{cursor: pointer; position: absolute;right: -15px; top: -20px;}

@media (max-width: 979px) {
	.detail {width: 95%;}
	.main01 .detail {width: 95%;}
	.part-one .left-version,.part-one .right-version { width: 95%; padding: 12px 2.5% 0; border-radius: 10px; margin-right:0;margin-left: 0;}
	.part-one .right-version {margin-top: 30px;}
	.part-one .same-version-style .top-content {width: 100%;}
	.part-one .right-version .arrow-img {display: none;}

	.main02 .software-intro .left-content {width: 100%;text-align: center;}
	.main02 .software-intro .right-content {width: 100%;}

	.DivMain03 .Text .left { float: none; margin: 0 auto 15px; }
.DivMain03 .Text .right { float: none; margin: 0 auto 15px; }

.MainFoot h6 { font-size:15px; padding:8px 30px 0;}
}

@media (max-width: 767px) {
	.DivBanner .the-content ul.banner-icons li {margin-bottom: 20px;}

	.DivMain03 .Text .neis {  width: 95%; padding: 0 ; }

.MainFoot h6 { font-size:15px; padding:8px 20px 0;}
}

@media  (max-width: 479px) {
	.DivBanner .the-content h1 {font-size: 32px;line-height: 34px;}
	.DivBanner .the-content ul.banner-icons li{display:block;}
	.DivBanner .the-content ul.digiarty-timer li {width: 49px;height: 49px;font-size:22px;line-height: 32px;}
	.DivBanner .the-content ul.digiarty-timer li::after {font-size: 11px;}
	.DivBanner .the-content ul.content-lists li {width: 100%;}

	.part-two h2 {font-size: 28px;}
	.part-two ul li.has-arrow {margin: 0 auto;margin-bottom: 62px;}
	.part-two ul li.has-arrow::after { position: absolute; top:auto; right:auto; left: 50%; bottom:-48px; margin:0 0 0 -16px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); }

	.choose_title .btn a {padding: 0 10px 0;}

	.main02 h2 {font-size: 28px;}
	.main02 .the-code .left-code {display: block;margin: 0 auto;margin-bottom: 20px;}
	.main02 .the-code .right-code {display: block;margin: 0 auto;}
	.main02 .the-code .down_trial{margin-right:0 !important; margin-bottom:20px;}

	.DivMain04 .Left { width: 95%; float: none; margin: 0 auto; }
.DivMain04 .Margin {  margin: 25px auto; }
}