body {
  background-color: #f4f4f4;
}
#page {
  width: 1200px;
  margin: 0 auto;
}
#mainBody,
#adv {
  padding-top: 34px;
}
#mainBody i.icon,
#adv i.icon {
  display: inline-block;
}
#mainBody i.icon.six,
#adv i.icon.six {
  width: 72px;
  height: 72px;
  background: url('../images/icon_six.png') no-repeat center center;
}
#mainBody i.icon.matlab,
#adv i.icon.matlab {
  width: 72px;
  height: 72px;
  background: url("../images/icon_arcgis.png") no-repeat center center;
}
#mainBody i.icon.coreldrawx4,
#adv i.icon.coreldrawx4 {
  width: 72px;
  height: 72px;
  background: url('../images/icon_coreldrawx4.jpg') no-repeat center center;
}
#mainBody i.icon.peid,
#adv i.icon.peid {
  width: 72px;
  height: 72px;
  background: url('../images/icon_peid.png') no-repeat center center;
}
#mainBody i.icon.ollyice,
#adv i.icon.ollyice {
  width: 72px;
  height: 72px;
  background: url('../images/icon_ollyice.png') no-repeat center center;
}
#mainBody i.icon.softice,
#adv i.icon.softice {
  width: 72px;
  height: 72px;
  background: url('../images/icon_softice.jpg') no-repeat center center;
}
#mainBody i.icon.hexrays,
#adv i.icon.hexrays {
  width: 72px;
  height: 72px;
  background: url('../images/icon_hexrays.jpg') no-repeat center center;
}
#mainBody i.icon.w32dasm,
#adv i.icon.w32dasm {
  width: 72px;
  height: 72px;
  background: url('../images/icon_w32dasm.jpg') no-repeat center center;
}
#mainBody i.icon.lordpe,
#adv i.icon.lordpe {
  width: 72px;
  height: 72px;
  background: url('../images/icon_lordpe.jpg') no-repeat center center;
}
#mainBody i.icon.crackme,
#adv i.icon.crackme {
  width: 72px;
  height: 72px;
  background: url('../images/icon_crackme.png') no-repeat center center;
}
#mainBody i.icon.ida,
#adv i.icon.ida {
  width: 72px;
  height: 72px;
  background: url('../images/icon_ida.png') no-repeat center center;
}
#mainBody i.icon.dnspy,
#adv i.icon.dnspy {
  width: 72px;
  height: 72px;
  background: url('../images/icon_dnspy.jpg') no-repeat center center;
}
#mainBody i.icon.ollydbg,
#adv i.icon.ollydbg {
  width: 72px;
  height: 72px;
  background: url('../images/icon_ollydbg.jpg') no-repeat center center;
}
#mainBody i.icon.yqxjl,
#adv i.icon.yqxjl {
  width: 72px;
  height: 72px;
  background: url('../images/icon_yqxjl.jpeg') no-repeat center center;
}
#mainBody i.icon.pwzt,
#adv i.icon.pwzt {
  width: 72px;
  height: 72px;
  background: url('../images/icon_pwzt.png') no-repeat center center;
}
#mainBody i.icon.coreldrawx8,
#adv i.icon.coreldrawx8 {
  width: 72px;
  height: 72px;
  background: url('../images/icon_coreldrawx8.jpg') no-repeat center center;
}
#mainBody i.icon.coreldraw9,
#adv i.icon.coreldraw9 {
  width: 72px;
  height: 72px;
  background: url('../images/icon_coreldraw9.jpg') no-repeat center center;
}
#mainBody i.icon.coreldraw12,
#adv i.icon.coreldraw12 {
  width: 72px;
  height: 72px;
  background: url('../images/icon_coreldraw12.jpg') no-repeat center center;
}
#mainBody i.icon.signmaster,
#adv i.icon.signmaster {
  width: 72px;
  height: 72px;
  background: url('../images/icon_signmaster.png') no-repeat center center;
}
#mainBody i.icon.coreldraw2018,
#adv i.icon.coreldraw2018 {
  width: 72px;
  height: 72px;
  background: url('../images/icon_coreldraw2018.jpg') no-repeat center center;
}
#mainBody i.icon.coreldraw2019,
#adv i.icon.coreldraw2019 {
  width: 72px;
  height: 72px;
  background: url('../images/icon_coreldraw2019.jpg') no-repeat center center;
}
#mainBody i.icon.coreldraw2021,
#adv i.icon.coreldraw2021 {
  width: 72px;
  height: 72px;
  background: url('../images/icon_coreldraw2021.jpg') no-repeat center center;
}
#mainBody i.icon.mojingchajian,
#adv i.icon.mojingchajian {
  width: 72px;
  height: 72px;
  background: url('../images/icon_mojingchajian.png') no-repeat center center;
}
#mainBody i.icon.cdrchaojibanlv,
#adv i.icon.cdrchaojibanlv {
  width: 72px;
  height: 72px;
  background: url('../images/icon_cdrchaojibanlv.png') no-repeat center center;
}

#mainBody i.icon.barcode,
#adv i.icon.barcode {
  width: 72px;
  height: 72px;
  background: url('../images/icon_barcode.jpg') no-repeat center center;
}
#mainBody i.icon.ymxkdoc,
#adv i.icon.ymxkdoc {
  width: 72px;
  height: 72px;
  background: url('../images/icon_ymxkdoc.png') no-repeat center center;
}
#mainBody i.icon.ultraedit,
#adv i.icon.ultraedit {
  width: 72px;
  height: 72px;
  background: url('../images/icon_ultraedit.jpeg') no-repeat center center;
}
#mainBody i.icon.editplus,
#adv i.icon.editplus {
  width: 72px;
  height: 72px;
  background: url('../images/icon_editplus.jpg') no-repeat center center;
}
#mainBody i.icon.emeditor,
#adv i.icon.emeditor {
  width: 72px;
  height: 72px;
  background: url('../images/icon_emeditor.jpg') no-repeat center center;
}
#mainBody i.icon.winhex,
#adv i.icon.winhex {
  width: 72px;
  height: 72px;
  background: url('../images/icon_winhex.jpg') no-repeat center center;
}
#mainBody i.icon.foxbase,
#adv i.icon.foxbase {
  width: 72px;
  height: 72px;
  background: url('../images/icon_foxbase.png') no-repeat center center;
}
#mainBody i.icon.ultracompare,
#adv i.icon.ultracompare {
  width: 72px;
  height: 72px;
  background: url('../images/icon_ultracompare.jpg') no-repeat center center;
}
#mainBody i.icon.c32asm,
#adv i.icon.c32asm {
  width: 72px;
  height: 72px;
  background: url('../images/icon_c32asm.jpg') no-repeat center center;
}
#mainBody i.icon.everedit,
#adv i.icon.everedit {
  width: 72px;
  height: 72px;
  background: url('../images/icon_everedit.png') no-repeat center center;
}
#mainBody i.icon.vscode,
#adv i.icon.vscode {
  width: 72px;
  height: 72px;
  background: url('../images/icon_vscode.jpg') no-repeat center center;
}
#mainBody i.icon.ygchajian,
#adv i.icon.ygchajian {
  width: 72px;
  height: 72px;
  background: url('../images/icon_ygchajian.png') no-repeat center center;
}
#mainBody i.icon.emacs,
#adv i.icon.emacs {
  width: 72px;
  height: 72px;
  background: url('../images/icon_emacs.png') no-repeat center center;
}
#mainBody i.icon.pspadeditor,
#adv i.icon.pspadeditor {
  width: 72px;
  height: 72px;
  background: url('../images/icon_pspadeditor.jpg') no-repeat center center;
}
#mainBody i.icon.hexworkshop,
#adv i.icon.hexworkshop {
  width: 72px;
  height: 72px;
  background: url('../images/icon_hexworkshop.jpg') no-repeat center center;
}
#mainBody i.icon.typora,
#adv i.icon.typora {
  width: 72px;
  height: 72px;
  background: url('../images/icon_typora.jpg') no-repeat center center;
}
#mainBody i.icon.gedit,
#adv i.icon.gedit {
  width: 72px;
  height: 72px;
  background: url('../images/icon_gedit.jpg') no-repeat center center;
}
#mainBody i.icon.sublime,
#adv i.icon.sublime {
  width: 72px;
  height: 72px;
  background: url('../images/icon_sublime.jpg') no-repeat center center;
}
#mainBody i.icon.whatsapp,
#adv i.icon.whatsapp {
  width: 72px;
  height: 72px;
  background: url('../images/icon_WhatsApp.jpg') no-repeat center center;
}
#mainBody i.icon.pilotedit,
#adv i.icon.pilotedit {
  width: 72px;
  height: 72px;
  background: url('../images/icon_pilotedit.png') no-repeat center center;
}
#mainBody i.icon.vim,
#adv i.icon.vim {
  width: 72px;
  height: 72px;
  background: url('../images/icon_vim.png') no-repeat center center;
}
#mainBody i.icon.notepad,
#adv i.icon.notepad {
  width: 72px;
  height: 72px;
  background: url('../images/icon_notepad.png') no-repeat center center;
}
#mainBody i.icon.cdr,
#adv i.icon.cdr {
  width: 36px;
  height: 36px;
  background: url('../images/icon_cdr.png') no-repeat center center;
}
#mainBody i.icon.star,
#adv i.icon.star {
  width: 104px;
  height: 17px;
  background: url('../images/icon_star.png') no-repeat center center;
}
#mainBody i.icon.download,
#adv i.icon.download {
  width: 32px;
  height: 39px;
  background: url('../images/icon_download.png') no-repeat center center;
  margin-right: 10px;
}
#mainBody i.icon.jc1,
#adv i.icon.jc1 {
  width: 11px;
  height: 15px;
  background: url('../images/icon_check_1.png') no-repeat center center;
  margin-right: 5px;
}
#mainBody i.icon.jc2,
#adv i.icon.jc2 {
  width: 9px;
  height: 14px;
  background: url('../images/icon_check_2.png') no-repeat center center;
  margin-right: 5px;
  margin-left: 12px;
}
#mainBody i.icon.jc3,
#adv i.icon.jc3 {
  width: 14px;
  height: 14px;
  background: url('../images/icon_check_3.png') no-repeat center center;
  margin-right: 5px;
  margin-left: 12px;
}
#mainBody i.icon.jc4,
#adv i.icon.jc4 {
  width: 14px;
  height: 16px;
  background: url('../images/icon_check_4.png') no-repeat center center;
  margin-right: 5px;
  margin-left: 12px;
}
#mainBody i.icon.zan,
#adv i.icon.zan {
  width: 20px;
  height: 20px;
  background: url('../images/icon_zan.png') no-repeat center center;
}
#mainBody i.icon.cai,
#adv i.icon.cai {
  width: 20px;
  height: 20px;
  background: url('../images/icon_cai.png') no-repeat center center;
}
#mainBody i.icon.header,
#adv i.icon.header {
  width: 30px;
  height: 30px;
  background: url('../images/icon_header.png') no-repeat center center;
}
#mainBody i.icon.tip,
#adv i.icon.tip {
  width: 22px;
  height: 22px;
  background: url('../images/icon_tip.png') no-repeat center center;
}
#mainBody i.icon.cdrzhuanhuanqi,
#adv i.icon.cdrzhuanhuanqi {
  width: 72px;
  height: 72px;
  background: url('../images/icon_cdrzhuanhuanqi.png') no-repeat center center;
  background-size: 100%;
}
#mainBody i.icon.cdrinkscape,
#adv i.icon.cdrinkscape {
  width: 72px;
  height: 72px;
  background: url('../images/icon_inkscape.png') no-repeat center center;
  background-size: 100%;
}
#param #main {
  width: 100%;
  height: 74px;
  background: linear-gradient(180deg, #FFFFFF 0%, #E8E8E8 100%);
  border: 1px solid #E9E9E9;
  border-left: 6px solid #63AD39;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
#param #main h1 {
  font-size: 36px;
  color: #63AD39;
  margin-left: 12px;
}
#param #main span {
  font-size: 36px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
#param #param-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: white;
  padding: 34px 24px;
}
#param #param-box .left {
  color: #333;
}
#param #param-box .left td {
  padding: 0 0 10px;
  line-height: 32px;
}
#param #param-box .left .df {
  display: flex;
  align-items: center;
}
#param #param-box .left label {
  font-weight: bold;
}
#param #param-box .left .dl-wrapper {
  padding-top: 40px;
}
#param #param-box .left #download {
  width: 340px;
  height: 90px;
  color: white;
  background: #63AD39;
  border: 3px solid #56A02C;
  font-size: 36px;
  font-weight: bold;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
#param #param-box .left #download:hover {
  background: #73C644;
  border: 3px solid #56A02C;
}
#param #param-box .left .dl-num-wrapper {
  font-size: 18px;
  color: #656565;
  padding-left: 30px;
}
#param #param-box .left .dl-num-wrapper #dl-num {
  color: red;
  font-weight: bold;
}
#param #param-box .left .check {
  display: flex;
  align-items: center;
}
#param #zancai {
  background-color: white;
  border-top: 1px solid #E9E9E9;
  padding: 20px 30px 40px;
}
#param #zancai .zancai {
  display: flex;
  align-items: center;
}
#param #zancai .zancai > div {
  display: flex;
  align-items: center;
  margin-right: 40px;
}
#param #zancai .zancai > div > div {
  width: 88px;
  height: 15px;
  background: #D2D2D2;
  position: relative;
  margin: 0 5px 0 10px;
}
#param #zancai .zancai > div > div span {
  display: inline-block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#param #zancai .zancai > div.zan > div span {
  background: #FF6158;
}
#param #zancai .zancai > div.cai > div span {
  background: #97A4B0;
}
#param #zancai .tips {
  height: 40px;
  font-size: 18px;
  color: #534929;
  margin-top: 20px;
  background: rgba(252, 194, 6, 0.09);
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding-left: 8px;
}
#param #zancai .tips i {
  margin-right: 8px;
}
#intro .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(180deg, #FFFFFF 0%, #E8E8E8 100%);
  padding-left: 30px;
  box-sizing: border-box;
  border: 1px solid #E9E9E9;
  border-left: 6px solid #63AD39;
  color: #63AD39;
  font-size: 24px;
  font-weight: bold;
}
#intro .main {
  padding: 30px;
  background-color: white;
}
#intro .main p {
  margin: 0;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}
#intro .main img {
  margin: 24px 0 30px;
}
#pinglun .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: linear-gradient(180deg, #FFFFFF 0%, #E8E8E8 100%);
  padding: 0 30px;
  box-sizing: border-box;
  border: 1px solid #E9E9E9;
  border-left: 6px solid #63AD39;
  color: #63AD39;
  font-size: 24px;
  font-weight: bold;
}
#pinglun .title span {
  float: right;
  font-size: 18px;
  color: #333;
  font-weight: normal;
}
#pinglun .title span i {
  font-style: normal;
  color: #FF6158;
  margin: 0 2px;
}
#pinglun .main {
  padding: 0;
  margin: 0;
  background-color: white;
}
#pinglun .main ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}
#pinglun .main ul li {
  padding: 30px 30px 0;
  border-bottom: 1px solid #E9E9E9;
}
#pinglun .main ul li div {
  display: flex;
  align-items: center;
}
#pinglun .main ul li div i {
  margin-right: 10px;
}
#pinglun .main ul li div span {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
#pinglun .main ul li p {
  font-size: 16px;
  color: #666;
}
#pinglunSubmit .title {
  width: 100%;
  height: 50px;
  line-height: 50px;
  background: #323F4B;
  padding: 0 30px;
  box-sizing: border-box;
  color: white;
  font-size: 24px;
  font-weight: bold;
}
#pinglunSubmit .main {
  padding: 30px;
  background-color: white;
}
#pinglunSubmit .main textarea {
  width: 100%;
  height: 120px;
  background: #F0F0F0;
  border: 1px solid #E9E9E9;
  box-sizing: border-box;
  padding: 12px;
  resize: none;
  outline: none;
  border-radius: 4px;
}
#pinglunSubmit .main #submit {
  display: inline-block;
  width: 88px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  color: white;
  background: #63AD39;
  border-radius: 8px;
  font-size: 14px;
  margin-top: 15px;
  cursor: pointer;
}
#adv {
  width: 100%;
  height: 100px;
}
#adv .main {
  width: 100%;
  height: 100px;
  background-color: white;
  position: fixed;
  left: 0;
  bottom: 0;
}
#adv .main .body {
  width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#adv .main .body .left {
  display: flex;
  align-items: center;
}
#adv .main .body .left h1 {
  font-size: 36px;
  color: #63AD39;
  margin-left: 12px;
}
#adv .main .body .left span {
  font-size: 36px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
#adv .main .body .right a.download {
  width: 253px;
  height: 67px;
  color: white;
  background: #63AD39;
  border: 2.23235px solid #56A02C;
  font-size: 26px;
  font-weight: bold;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
.animate_zan {
  position: relative;
}
.animate_zan::before {
  content: '+1';
  font-style: normal;
  font-weight: bold;
  color: #FF6158;
  position: absolute;
  right: 0;
  animation-name: animate_zancai;
  animation-duration: 1s;
  animation-timing-function: linear;
}
.animate_cai {
  position: relative;
}
.animate_cai::before {
  content: '+1';
  font-style: normal;
  font-weight: bold;
  color: #97A4B0;
  position: absolute;
  right: 0;
  animation-name: animate_zancai;
  animation-duration: 1s;
  animation-timing-function: linear;
}
@keyframes animate_zancai {
  0% {
    top: -10px;
    opacity: 1;
    transform: scale(1);
  }
  100% {
    top: -30px;
    opacity: 0;
    transform: scale(0.6);
  }
}