@charset "UTF-8";

header .top {padding-top: 13px;height: 64px; }

header section {width: 1200px;margin: 0 auto;text-align: left; }
header section nav {padding-top:9px;float: right;}
header section nav a {height:35px;padding: 10px 14px;margin:0 18px;font-size: 16px;font-family: Microsoft YaHei;line-height: 16px;display: inline-block;font-weight: normal;color: #666666;}
header section nav .action {color: #083C5C;margin-left:0px !important;border-bottom: 3px solid #1383C6}
header section nav a:hover, header section nav .action:link, header section nav .action:visited, .header section nav a:hover {border-bottom: 3px solid #1383C6;color: #000;}

header section h1 {display: inline-block; }
header section h1 a img {border: none; }

header .top-welcome {background: url("../images/banner.png") center bottom no-repeat;color: #ffffff;height: 631px;min-width:1200px;background-size: 100% 100%;}
header .top-welcome .upload {width: 1200px;padding-top:108px;display: block;margin: auto;}
header .top-welcome .upload-a1{	height: 14px;font-size: 14px;letter-spacing: 8px;color: #ffffff;	text-align: left;margin-left: 10px;}
	
.title>img{margin-top: -50px;}
header .top-welcome .title {font-size: 52px;text-align:left;font-weight: 800;margin-top: 10px;letter-spacing: 1px;}
header .top-welcome .subtitle {text-align:left;padding:23px 0 40px 0;font-size: 24px;color: #ebfcff;letter-spacing: -2px;}
header .top-welcome .desc {text-align:left;width: 400px;display: flex;justify-content: space-between;}
header .top-welcome .desc>div{width: 49%;font-size: 16px;}
header .top-welcome .desc>div>p{margin-top: 10px;}
header .top-welcome .desc img{margin-right: 10px;vertical-align: bottom;}
header .top-welcome .down-bg {width: 265px;height: 60px;font-size: 24px;line-height: 60px;color: #258ffc;background-color: #ffffff;border-radius: 30px;margin-top:46px;}
header .top-welcome .down-bg i {width: 46px;height: 36px;display: inline-block;margin-right: 7px;margin-top: -3px;vertical-align: middle;background: url(../images/video.png) no-repeat;}
header .top-welcome .down-sm {clear:both;float:left;    display: flex;}
header .top-welcome .down-sm a {width: 123px;height: 33px;font-size: 15px; line-height: 33px;color: #258ffc;background-color: #ffffff;border-radius: 17px;margin:20px 16px auto auto;}
header .top-welcome .down-sm i {display: inline-block;width: 18px;height: 20px;margin-right: 3px;margin-top: -3px;vertical-align: middle;background: url(../images/uoload-icon-detail.png) no-repeat;}
header .top-welcome .down-sm a:hover{font-size: 16px; font-weight: 900;}
.upload a:hover{font-size: 26px;background: azure;}
/* 版本简介 */
.articleTutorial{width: 1200px;height: 100%;margin: auto;}
.articleTutorial-div1{margin-top: 59px;text-align: center;}
.articleTutorial-div1-p1{margin-top: 59px;text-align: center;font-size: 40px;color: #5f616d;}
.articleTutorial-div1-p2{margin-top: 25px;text-align: center;font-size: 16px;color: #5f616d;}
.articleTutorial-div1-p2 img{margin-right: 5px;margin-left: 5px;vertical-align: bottom;}
.articleTutorial-div2{margin-top: 70px;display: flex;justify-content: space-between}
.articleTutorial-div2>div p{font-size: 16px;line-height: 25px;color: #666666;}
.articleTutorial-div2>div button{width: 120px;height: 31px;background-color: #ffffff;border-radius: 16px;font-size: 18px;border: 0px;margin-top: 157px;outline: none;}
.articleTutorial-div2>div:nth-child(1)>a>div{background: url(../images/img/up.png)no-repeat;background-size: 100% 100%;width: 307px;height: 228px;}
.articleTutorial-div2>div:nth-child(2)>a>div{background: url(../images/img/win7.png)no-repeat;background-size: 100% 100%;width: 307px;height: 228px;}
.articleTutorial-div2>div:nth-child(3)>a>div{background: url(../images/img/win10.png)no-repeat;background-size: 100% 100%;width: 307px;height: 228px;}
.articleTutorial-div2>div:nth-child(1) button{color: #0cb8ff;}
.articleTutorial-div2>div:nth-child(2) button{color: #43e289;}
.articleTutorial-div2>div:nth-child(3) button{color: #7c7cfa;}

.articleTutorial-div2>div:nth-child(1):hover p{color: #0cb8ff;}
.articleTutorial-div2>div:nth-child(2):hover p{color: #43e289;}
.articleTutorial-div2>div:nth-child(3):hover p{color: #7c7cfa;}
.articleTutorial-div2>div:nth-child(1):hover a>div{background: url(../images/img/up-a.png)no-repeat;background-size: 100% 100%;width: 307px;height: 228px;}
.articleTutorial-div2>div:nth-child(2):hover a>div{background: url(../images/img/win7-a.png)no-repeat;background-size: 100% 100%;width: 307px;height: 228px;}
.articleTutorial-div2>div:nth-child(3):hover a>div{background: url(../images/img/win10-a.png)no-repeat;background-size: 100% 100%;width: 307px;height: 228px;}
/* 功能特点 */
.shortcuts{width: 100%;background: #ebf9ff;margin-top: 105px;}
.shortcuts-div{width: 1200px;height: 100%;display: flex;justify-content: space-between;margin: auto;}
.shortcuts-div1-p1{margin-top: 65px;text-align: left;font-size: 40px;color: #5f616d;}
.shortcuts-div1-p2{margin-top: 25px;text-align:left;font-size: 16px;color: #5f616d;}
.shortcuts-div1-p2 img{margin-right: 5px;margin-left: 5px;vertical-align: bottom;}
.shortcuts-div>div:nth-child(2) img{width: 560px;height: 298px;margin-top: 64px;margin-bottom: 63px;}
.shortcuts-div1-div{display: flex;justify-content: space-between;margin-top: 50px;}
.shortcuts-div1-div1{margin-top: 39px;}
.shortcuts-div1-div1 p{text-align: left;margin-top: 25px;font-size: 16px;color: #333333;margin-bottom: 15px;}
.shortcuts-div1-div1 div:nth-child(2){width: 240px;height: 34px;background-color: #ffffff;border-radius: 6px;border: solid 1px #dbdbdb;opacity: 0.77;text-align: left;}
.shortcuts-div1-div1 div:nth-child(2)>div{text-align: center;}
.shortcuts-div1-div1 div:nth-child(2) span{line-height: 34px;font-size: 14px;color: #999999;}
.shortcuts-div1-div1 div:nth-child(2)>ul{position: absolute;z-index: 100;}
.shortcuts-div1-div1 div:nth-child(4){width: 240px;height: 34px;background-color: #ffffff;border-radius: 6px;border: solid 1px #dbdbdb;opacity: 0.77;text-align: left;}
.shortcuts-div1-div1 div:nth-child(4) span{line-height: 34px;font-size: 14px;color: #999999;margin-left: 22px;}
.shortcuts-div1-div1 div:nth-child(4)>ul{float: left;display: none;}
.shortcuts-div1-div2 {margin-left: 62px;}
.shortcuts-div1-div2 p{margin-top: -5px;font-size: 16px;;color: #333333;margin-bottom: 15px;text-align: left;}
.shortcuts-div1-div2 div{width: 240px;	height: 123px;background-color: #ffffff;border-radius: 6px;border: solid 1px #dbdbdb;display: flex;justify-content: center;align-items: center;}
.shortcuts-div1-div2 div>span{font-size: 76px;color: #0097d5;font-style:oblique;font-family: "Playfair Display";}

.shortcuts-div1-div1 ul{max-height: 100px;overflow-y: auto;display: block;width: 240px;background-color: #ffffff;   border: solid 1px #dbdbdb;text-align: center;font-size: 14px;line-height: 30px;}
 /* 字体包 */
 @font-face {
   font-family: "Playfair Display";
   src: url(../fonts/PlayfairDisplay-Italic-6.ttf);
   font-weight: normal;
   font-style: normal;
 }
 
 /* 快捷键查询 */
 .content p{text-align: left; font-size: 16px; 	color: #333333;}
 .hotkey .select { position: relative;user-select: none;font-size: 16px;text-align:left;line-height: 30px;color: #999999;height:55px;margin-top: 10px;}
 .hotkey .select .icon-brand {width:16px;height:16px;position: absolute;top: 9px;margin-left:15px;background: url(../images/brand.png) no-repeat; }
 .hotkey .select .icon-type {width:16px;height:16px;position: absolute;top: 9px;margin-left:15px;background: url(../images/type.png) no-repeat; }
 .hotkey .select .icon { position: absolute;top: 13px;margin-left: -30px;background: url(../images/down.png) no-repeat; width:14px;height:8px;}
 .hotkey .select .icon.down:before {position: absolute; top: 50%; left: 50%; content: ''; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-top: 12px solid #fff; transition: border .3s linear; }
 .hotkey .select-value { display: inline-block;border-radius: 4px;text-align:left;  background-color: #ffffff;border-radius: 6px;border: solid 1px #dbdbdb;width: 218px;height: 34px;padding-left: 22px;}
 .hotkey .select .type-text,.brand-text {margin-left:14px;font-size: 16px;line-height: 30px;color: #333333;}
 .hotkey .shortcuts .remind {display: block;text-align: left;font-size: 16px;line-height: 30px;color: #333333;user-select: none;margin-left: 32px;}
 .hotkey .shortcuts .remind font {color: #1ec456;}
 .hotkey .select-list { position: absolute; text-align: left;left: 0px; top: 32px; z-index: 99; width: 240px; display: none; color: #666; border: solid 1px #dbdbdb; background-color: #ffffff;border-top: none;
    border-radius: 0px 0px 4px 4px; }
	
 .hotkey .select-list ul { max-height: 240px; overflow-y: auto; }
 .hotkey .select-list ul::-webkit-scrollbar { width: 5px; background-color: #fff; }
 .hotkey .select-list ul::-webkit-scrollbar-button { display: none; }
 .hotkey .select-list ul::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); }
 .hotkey .select-list li { cursor: pointer; line-height: 30px;font-size: 16px;line-height: 30px;color: #999999; }
  .hotkey .select-list li span{margin-left: 20px;}
 .hotkey .select-list li:not(.disabled):hover { background-color: #e8f6ff;}
.select-value-img{width: 14px;height: 7px;margin-right: 10px;margin-top: 15px;position: absolute;right: 0px;}
 
.step {margin-top: 20px;}
.step img {max-width:560px;height: fit-content;}
.step .title {font-size: 40px;line-height: 30px;color: #5f616d;text-align:center;}
.step .title-en {font-family: ArialMT;font-size: 16px;line-height: 30px;color: #5f616d;margin-top:12px;}
.step .box {height: 100%;width: 1300px;display: inline-block;overflow: hidden;padding-top:28px;}
.step .item1 .left {width:520px;background: url(../images/img/Stepdecoration.png) no-repeat;}
.step .item1 .left .serial {padding: 43px 0 0 47px;font-size: 30px;line-height: 36px;color: #ffffff;}
.step .item1 .left .text {padding: 15px 0 0 155px;}
.step .item1 .left .text .t1 {font-family: Microsoft YaHei;font-size: 30px;line-height: 36px;color: #666666;text-align:left;}
.step .item1 .left .text .t2 {font-size: 16px;line-height: 36px;color: #cccccc;text-align:left;margin:7px 0 30px 0;}
.step .item1 .left .text .desc {width:550px;height: 144px;font-size: 18px;line-height: 36px;color: #666666;text-align:left;}
.step .item1 .left .text .show {width: 138px;height: 42px;background-color: #59b5ff;border-radius: 21px;font-size: 19px;line-height: 41px;color: #ffffff;margin-top:60px;}
.step .item1 .left .text .show:hover {background:#249CFF;}
.between {padding-top:20px;}
.step .item2 .left {width:459px;margin-top:0px;height: 365px;}
.step .item2 .right{width:676px;height:436px;background: url(../images/img/Stepdecoration.png) no-repeat;}
.step .item2 .right .serial {padding: 43px 0 0 47px;font-size: 30px;line-height: 36px;color: #ffffff;}
.step .item2 .right .text {padding: 15px 0 0 155px;}
.step .item2 .right .text .t1 {font-family: Microsoft YaHei;font-size: 30px;line-height: 36px;color: #666666;text-align:left;}
.step .item2 .right .text .t2 {font-size: 16px;line-height: 36px;color: #cccccc;text-align:left;margin:7px 0 30px 0;}
.step .item2 .right .text .desc {height:144px;font-size: 18px;line-height: 36px;color: #666666;text-align:left;}
/* .step .item2 .right .text .show {width: 138px;height: 42px;background-color: #258ffc;border-radius: 21px;font-size: 19px;line-height: 41px;color: #ffffff;margin-top:94px;} */
.step .item2 .right .text .show {width: 138px;height: 42px;background-color: #59b5ff;border-radius: 21px;font-size: 19px;line-height: 41px;color: #ffffff;margin-top:58px;}
.step .item2 .right .text .show:hover {background:#249CFF;}