.help-aside-tit:after { content: ""; height: 0; width: 0; overflow: hidden; }

.help-main { margin-bottom: 30px; }
@media (min-width: 768px) { .help-main { margin-bottom: 40px; } }
@media (min-width: 1000px) { .help-main { margin-bottom: 55px; } }
@media (min-width: 1367px) { .help-main { margin-bottom: 70px; } }

.help-aside { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 15px; padding: 0 15px; background-color: #fff; }
.help-aside-tit { position: relative; padding: 10px 0; font-size: 14px; color: #333; }
.help-aside-tit:after { position: absolute; top: 50%; right: 0; content: ''; margin-top: -3px; border-top: 6px solid #222; border-left: 6px dashed transparent; border-right: 6px dashed transparent; }
.help-aside-nav { display: none; }
.help-aside-nav.on { display: block; }
.help-aside-nav li { padding-top: 10px; }
.help-aside-nav a { color: #666; }
.help-aside-nav a.current { color: #ee3d3d; }
@media (min-width: 1000px) { .help-aside { float: left; width: 234px; padding: 30px 0 100px 40px; }
  .help-aside-tit { padding: 0; font-size: 16px; }
  .help-aside-tit:after { display: none; }
  .help-aside-nav { display: block; } }

.help-content { padding: 0 15px; overflow: hidden; background-color: #fff; }
.help-content-tit { font-size: 16px; line-height: 3.4; color: #b0b0b0; border-bottom: 1px solid #ededed; }
@media (min-width: 768px) { .help-content-tit { font-size: 22px; } }
@media (min-width: 1000px) { .help-content { margin-left: 250px; padding: 0 30px; }
  .help-content-tit { font-size: 28px; } }
@media (min-width: 1367px) { .help-content { padding: 0 48px; }
  .help-content-tit { font-size: 32px; } }

.help-qlist li { position: relative; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 15px; line-height: 30px; margin-top: 5px; }
.help-qlist li:before { position: absolute; top: 50%; left: 0; content: ''; width: 5px; height: 5px; margin: -3px 0 0; background-color: #969696; }
.help-qlist a { font-size: 12px; color: #666; }
@media (min-width: 768px) { .help-qlist li { padding-left: 20px; margin-top: 15px; }
  .help-qlist a { font-size: 14px; } }
@media (min-width: 1000px) { .help-qlist li { margin-top: 25px; }
  .help-qlist a { font-size: 16px; } }

.hellp-arc { padding: 20px 0; }
@media (min-width: 768px) { .hellp-arc { padding: 30px 0; } }
@media (min-width: 1000px) { .hellp-arc { padding: 40px 0; } }
@media (min-width: 1000px) { .hellp-arc { padding: 50px 0; } }

.help-banner img { width: 100%; display: block; }

.help-panel { overflow: hidden; background-color: #fff; }

.help-bigtit { margin: 15px 0 5px; line-height: 2.7; color: #333; }
@media (min-width: 768px) { .help-bigtit { margin-top: 20px; font-size: 16px; } }
@media (min-width: 1000px) { .help-bigtit { margin-top: 25px; font-size: 18px; } }
@media (min-width: 1367px) { .help-bigtit { margin: 33px 0 10px; font-size: 20px; } }

.help-qtype { font-size: 0; letter-spacing: -1px; }
.help-qtype .item { overflow: hidden; margin: 12px -1px 12px 1px; letter-spacing: normal; display: block; text-align: center; }
.help-qtype .figure { display: block; margin-top: 2px; height: 65px; margin: auto; }
.help-qtype .tit { margin-top: 8px; color: #666; }
@media (min-width: 768px) { .help-qtype .item { margin-top: 21px; margin-bottom: 21px; border-right: 1px solid #e2e2e2; } }
@media (min-width: 1000px) { .help-qtype .item { margin-top: 28px; margin-bottom: 28px; }
  .help-qtype .figure { margin-top: 5px; height: 100px; }
  .help-qtype .tit { margin-top: 10px; font-size: 16px; } }
@media (min-width: 1000px) { .help-qtype .item { margin-top: 35px; margin-bottom: 35px; }
  .help-qtype .figure { height: 130px; }
  .help-qtype .tit { margin-top: 15px; } }

.help-guide { padding: 20px 15px 10px; }
.help-guide .tit { text-align: center; font-size: 18px; color: #000; }
.help-guide .stit { font-size: 12px; text-align: center; }
.help-guide .figure { max-width: 80%; display: block; margin: 10px auto 0; }
@media (min-width: 544px) { .help-guide .tit { font-size: 20px; }
  .help-guide .figure { margin-top: 15px; max-width: 60%; } }
@media (min-width: 768px) { .help-guide { padding: 30px 15px 15px; }
  .help-guide .tit { font-size: 24px; }
  .help-guide .stit { font-size: 14px; }
  .help-guide .figure { margin-top: 18px; max-width: 50%; } }
@media (min-width: 1000px) { .help-guide { padding: 40px 15px 20px; }
  .help-guide .tit { font-size: 30px; }
  .help-guide .figure { margin-top: 24px; max-width: 40%; } }
@media (min-width: 1367px) { .help-guide { padding-top: 50px; }
  .help-guide .tit { font-size: 36px; }
  .help-guide .figure { margin-top: 30px; } }

.help-gridnav { font-size: 0; letter-spacing: -1px; }
.help-gridnav .item { overflow: hidden; height: 85px; margin: -1px -1px 1px 1px; display: block; text-align: center; letter-spacing: normal; font-size: 0; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; }
.help-gridnav .item:after { content: ''; height: 100%; display: inline-block; vertical-align: middle; }
.help-gridnav .inner { position: relative; display: inline-block; vertical-align: middle; }
.help-gridnav .ico { display: block; height: 25px; margin: 0 auto 15px; }
.help-gridnav .tit { line-height: 1; color: #666; font-size: 14px; }
.help-gridnav .sch { padding: 0 18px; }
.help-gridnav .sch .inner { width: 100%; }
.help-gridnav .q { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 3px 35px 3px 5px; height: 30px; line-height: 22px; font-size: 14px; border: 1px solid #dedede; -webkit-border-radius: 2px; border-radius: 2px; }
.help-gridnav .tj { position: absolute; top: 0; height: 100%; right: 0; width: 30px; text-align: center; background-color: #ededed; border: none; -webkit-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; }
.help-gridnav .tj i { font-size: 14px; color: #aeaeae; }
@media (min-width: 768px) { .help-gridnav .item { height: 95px; } }
@media (min-width: 1000px) { .help-gridnav .item { height: 145px; }
  .help-gridnav .ico { height: 50px; margin-bottom: 20px; }
  .help-gridnav .tit { font-size: 16px; }
  .help-gridnav .q { padding: 6px 48px 6px 10px; height: 40px; line-height: 26px; }
  .help-gridnav .tj { width: 42px; }
  .help-gridnav .tj i { font-size: 18px; } }
@media (min-width: 1367px) { .help-gridnav .item { height: 168px; }
  .help-gridnav .ico { margin-bottom: 30px; }
  .help-gridnav .sch { padding: 0 45px; } }

/*# sourceMappingURL=help.css.map */