* {
  box-sizing: border-box
}

a:hover {
  text-decoration: none
}

input,
button {
  -webkit-appearance: none;
  border-radius: 0;
  outline: none;
  border: none
}

.container {
  width: 1200px;
  min-width: 1200px;
  color: #1E1C2C
}

.main_info_offer {
  width: 100%;
  height: 260px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center
}

.main_info_offer strong {
  display: block;
  margin-top: 117px;
  text-shadow: 0px 3px 7px #4782D7;
  color: #FFFFFF;
  font: normal normal bold 24px/36px Titillium Web
}

.main_info_offer p {
  font: normal normal normal 15px/20px Roboto;
  color: #FFFFFF;
  text-shadow: 0px 2px 5px #3A70BE
}

.main_info_offer .pc-btn {
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  align-items: center
}

.main_info_offer .pc-btn .down {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 198px;
  height: 38px;
  border-radius: 19px;
  color: #fff;
  font-size: 16px;
  background-color: #00D12B
}

.main_info_offer .pc-btn .down i {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: url(down-icon.png)
}

.main_info_offer .pc-btn .down:hover {
  background-color: #13F556
}

.main_info_offer.asc {
  background: url(asc_left_bg.png)
}

.main_info_offer.db {
  background: url(db_left_bg.png)
}

.main_info_offer.db strong {
  text-shadow: 0px 3px 7px #7F0009
}

.main_info_offer.db p {
  text-shadow: 0px 2px 5px #7F0009
}

.main_info_offer.iu {
  background: url(iu_left_bg.png)
}

.main_info_offer.iu strong {
  text-shadow: 0px 3px 7px #164D48
}

.main_info_offer.iu p {
  text-shadow: 0px 2px 5px #164D48
}

.main_info_offer.imf {
  background: url(imf_left_bg.png)
}

.main_info_offer.imf strong {
  text-shadow: 0px 3px 7px #5390A3
}

.main_info_offer.imf p {
  text-shadow: 0px 2px 5px #5390A3
}

.blogbanner {
  height: 265px;
  background: #EEF0F5;
  text-align: center
}

.blogbanner h1 {
  padding-top: 60px;
  font: normal normal bold 40px/61px Titillium Web;
  color: #000
}

.blogbanner .banner_search {
  margin: 0px auto;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px
}

.blogbanner .banner_search .left-box {
  display: flex;
  width: 512px;
  height: 48px;
  padding: 0px 13px;
  align-items: center;
  background: #fff;
  border: 1px solid #C7CBD8;
  border-radius: 6px
}

.blogbanner .banner_search .left-box:hover {
  border: 1px solid #2E7AFF
}

.blogbanner .banner_search .search_icon {
  width: 17px;
  height: auto;
  margin-right: 10px;
  cursor: pointer
}

.blogbanner .banner_search .search_icon img {
  display: block
}

.blogbanner .banner_search input {
  height: 25px;
  background: none;
  font-size: 16px;
  flex-grow: 1;
  color: #1E1C2C
}

.blogbanner .banner_search input::placeholder {
  color: rgba(30, 28, 44, 0.33);
  text-align: left
}

.blogbanner .banner_search .search-btn {
  width: 120px;
  height: 48px;
  background: #2E7AFF;
  border-radius: 6px;
  color: #fff;
  font: normal normal 500 18px/48px Roboto
}

.blogbanner .banner_search .search-btn:hover {
  background: #6DA2FF
}

.banner-new {
  height: 348px;
  position: relative;
  overflow: hidden
}

.banner-new .container {
  position: relative;
  z-index: 999
}

.banner-new img {
  width: 1920px;
  height: 348px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 11
}

.banner-new .btn-box {
  display: flex;
  gap: 12px;
  margin-top: 30px
}

.banner-new .down {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 168px;
  height: 42px;
  border-radius: 21px;
  color: #fff;
  font: normal normal 500 16px/27px Roboto;
  background-color: #23FD47
}

.banner-new .down:hover {
  background-color: #1DD43B
}

.banner-new .buy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168px;
  height: 42px;
  outline: 1px solid #FFD807;
  border-radius: 21px;
  color: #FFD807;
  font: normal normal 500 16px/27px Roboto
}

.banner-new .buy:hover {
  outline: 1px solid #FFB507;
  color: #FFB507
}

.banner-new h2 {
  display: block;
  margin: 0px;
  padding-top: 48px;
  padding-bottom: 14px;
  font: normal normal bold 32px/48px Titillium Web;
  color: #fff
}

.banner-new p {
  position: relative;
  padding-left: 25px;
  padding-bottom: 0px;
  font: normal normal normal 15px/27px Roboto;
  color: #F5F5F5
}

.banner-new p::after {
  position: absolute;
  content: "";
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  background: url(../blognew/asc_list.png)
}

.banner-new.db .down {
    background: transparent linear-gradient(90deg, #00D12B 0%, #00D4A8 100%) 0% 0% no-repeat padding-box;
}

.banner-new.db .down:hover {
    background: #00D12B;
}

.banner-new.db .describe {
    width: 388px;
    right: 0;
    bottom: 30px;
    text-align: center;
    font: normal normal 300 18px/31px Lexend;
    color: #DA2828;
    text-shadow: 0px 3px 5px #000000;
}

.banner-new.db .describe strong {
    font: normal normal 300 32px/31px Lexend;
}

.banner-new.db p {
    padding-left: 20px;
}

.banner-new.db p::after {
    width: 3px;
    height: 12px;
    top: 8px;
    background: #BE292B;
}
.banner-new .describe {
    position: absolute;
}
.banner-new.asc .describe {
    width: 388px;
    right: 0;
    bottom: 14px;
    text-align: right;
    font: normal normal 300 18px/31px Lexend;
    color: #FFFFFF;
    text-shadow: 0px 2px 4px #002E7EE0;
}

.banner-new.asc .describe strong {
    display: block;
    font: normal normal 300 38px/29px Lexend;
}

.banner-new.asc .down {
    background: transparent linear-gradient(90deg, #4681FF 0%, #4CC7FF 100%) 0% 0% no-repeat padding-box;
}

.banner-new.asc .down:hover {
    background: #4CC7FF;
}

.banner-new.iu .describe {
    width: 188px;
    right: 311px;
    bottom: 113px;
    text-align: center;
    color: #FFFFFF;
    font: normal normal 600 18px/31px Lexend;
    text-shadow: 0px 3px 5px #0A5149CC;
}

.banner-new.iu .describe strong {
    display: block;
    font: normal normal 300 32px/32px Lexend;
}

.banner-new.iu .down {
    background: transparent linear-gradient(90deg, #33DFCD 0%, #15EC89 100%) 0% 0% no-repeat padding-box;
}

.banner-new.iu .down:hover {
    background: #15EC89;
}

.banner-new.iu p::after {
    background: url(https://www.iobit.com/tpl/images/blognew/iu_list.png);
}

.banner-new.imf .describe {
    width: 388px;
    right: -128px;
    bottom: 30px;
    text-align: center;
    color: #19F8FF;
    font: normal normal 600 20px/32px Lexend;
}

.banner-new.imf .describe strong {
    font: normal normal 300 36px/32px Lexend;
}

.banner-new.imf .down {
    background: transparent linear-gradient(90deg, #00D12B 0%, #00D4A8 100%) 0% 0% no-repeat padding-box;
}

.banner-new.imf .down:hover {
    background: #00D12B;
}

.banner-new.imf p {
  padding-left: 20px
}

.banner-new.imf p::after {
  width: 3px;
  height: 12px;
  top: 8px;
  background: #55F0E5
}

.answers_main {
  padding: 48px 0px
}

.answers_main .container {
  width: 1200px !important;
  display: flex;
  align-items: start
}

.answers_main .container .answers_main_l {
  margin-right: 20px;
  flex-shrink: 0;
  width: 280px
}

.answers_main .container .answers_main_l.side-on {
  position: sticky;
  top: 20px
}

.answers_main .container .answers_main_l .ans_main_info {
  width: 260px;
  height: auto;
  padding: 0;
  margin-bottom: 0;
  background: transparent
}

.answers_main .container .answers_main_l .ans_main_info.side {
  position: relative;
  z-index: -98;
  opacity: 1;
  visibility: hidden;
  transform: translateY(-800px);
  transition: all .4s ease-out
}

.answers_main .container .answers_main_l .ans_main_info.side-on {
  z-index: 98;
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
  transition: all .4s ease-out
}

.answers_main .container .answers_main_r {
  flex-shrink: 1;
  display: flex;
  justify-content: center;
  align-items: center
}

.answers_main .container .answers_main_r .tag {
  display: inline-block;
  background: #EBEBFF 0% 0% no-repeat padding-box;
  border: 1px solid #005DFF;
  border-radius: 6px;
  box-sizing: border-box;
  padding: 6px 16px;
  color: #005DFF;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 22px
}

.answers_main .container .answers_main_r p {
  font-size: 20px;
  color: #1E1C2C;
  padding: 0px;
  margin: 20px auto 0
}

.answers_main .container .answers_main_r .answers_qa_list {
  width: 100%;
  display: flex;
  justify-content: start;
  flex-wrap: wrap;
  gap: 30px;
  list-style-type: none
}

.answers_main .container .answers_main_r .answers_qa_list li {
  width: 280px;
  height: 322px;
  padding: 18px;
  box-shadow: 0px 3px 5px #E9EBEF;
  border: 1px solid #D6D6D6;
  border-radius: 8px;
  margin-bottom: 16px;
  transition: all .3s ease-out
}

.answers_main .container .answers_main_r .answers_qa_list li:hover {
  border: 1px solid #AFC9FF;
  box-shadow: 0px 3px 20px #C7D7FF;
  background: #FBFBFF 0% 0% no-repeat padding-box
}

.answers_main .container .answers_main_r .answers_qa_list li:hover p {
  text-decoration: underline
}

.answers_main .container .answers_main_r .answers_qa_list li a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: #1E1C2C
}

.answers_main .container .answers_main_r .answers_qa_list li a h4 {
  font: normal normal normal 16px/24px Titillium Web;
  overflow: hidden;
  height: 72px;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.answers_main .container .answers_main_r .answers_qa_list li a .img-box {
  margin-bottom: 20px;
  max-width: 244px;
  height: 181px;
  overflow: hidden;
  border-radius: 6px
}

.answers_main .container .answers_main_r .answers_qa_list li a .img-box img {
  max-width: 100%;
  height: 181px;
  transition: all 0.3s
}

.answers_main .container .answers_main_r .answers_qa_list li a p {
  font: normal normal normal 16px/24px Titillium Web;
  height: 72px;
  margin: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical
}

.answers_main .container .answers_main_r .answers_qa_list li a .article_time {
  text-align: right
}

.answers_main .container .answers_main_r .answers_qa_list li a .article_time span {
  font: normal normal normal 12px/24px Arial;
  color: #1e1c2c
}

.answers_main .container .answers_main_r .answers_qa_list li a .article_time .at_month {
  margin-right: 2px
}

.answers_main .container .answers_main_r .answers_qa_list li a:hover h4 {
  text-decoration: underline
}

.answers_main .container .answers_main_r .answers_qa_list li a:hover .img-box img {
  transform: scale(1.1)
}

.product-list {
  margin-top: 50px
}

.product-list ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 45px;
  border-bottom: solid #2E7AFF 2px
}

.product-list ul li {
  display: flex;
  margin-right: 20px
}

.product-list ul li a {
  padding: 0px 20px;
  height: 47px;
  border: solid #fff 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #1E1C2C;
  font: normal normal 500 16px/19px Roboto
}

.product-list ul li a:hover {
  color: #2E7AFF
}

.product-list ul li.on a {
  position: relative;
  background: transparent linear-gradient(180deg, #DFEBFF 0%, #fff 20%, #fff 100%) 0% 0% no-repeat padding-box;
  text-decoration: none;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  color: #2E7AFF;
  border: 1px solid #1264FC
}

.product-list ul li.on a::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 11px;
  left: 0;
  bottom: -3px;
  background: #fff
}

.nav {
  display: block;
  margin: 50px auto;
  margin-bottom: 40px;
  font: normal normal normal 14px/19px Roboto
}

.nav .now_title {
  display: inline
}

.nav a:nth-of-type(1) {
  margin-left: 0
}

.nav a:hover {
  text-decoration: underline
}

.mob-banner-down {
  display: none
}

.ans_main_info {
  width: 260px;
  height: 339px;
  padding: 30px 0px;
  margin-bottom: 20px;
  background: #EEF0F5;
  border-radius: 8px
}

.ans_main_info .title-list {
  margin-bottom: 15px;
  position: relative;
  margin: 0px 20px;
  padding-bottom: 15px;
  border-bottom: solid #C7CBD8 1px;
  color: #1E1C2C;
  display: flex
}

.ans_main_info .title-list h2 {
  font: normal normal 500 20px/24px Roboto
}

.ans_main_info .title-list img {
  margin-right: 10px
}

.ans_main_info ul {
  padding: 0px 20px;
  margin-top: 20px;
  height: 220px;
  overflow: hidden;
  overflow-y: scroll;
  list-style-type: none
}

.ans_main_info ul::-webkit-scrollbar {
  width: 8px;
  border-radius: 10px
}

.ans_main_info ul::-webkit-scrollbar-thumb {
  background: #D7DCE8;
  border-radius: 10px
}

.ans_main_info ul li {
  position: relative;
  padding-left: 18px;
  margin-bottom: 10px
}

.ans_main_info ul li::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  left: 0;
  top: 8px;
  border-radius: 50%;
  background-color: #2E7AFF
}

.ans_main_info ul li.on span {
  color: #2E7AFF
}

.ans_main_info ul li span {
  font: normal normal normal 16px/24px Roboto;
  color: #1E1C2C;
  cursor: pointer
}

.ans_main_info ul li span:hover {
  color: #2E7AFF
}

.answers_main_detail {
  margin-left: 35px;
  flex-shrink: 0;
  position: sticky;
  top: 20px;
  width: 260px;
  transition: all 0.5s
}

.answers_main_detail .arrow-icon {
  position: absolute;
  width: 26px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
  top: 22px;
  cursor: pointer;
  background: #9CC0FF;
  border-radius: 4px 0px 0px 4px
}

.answers_main_detail .arrow-icon i {
  width: 9px;
  height: 10px;
  background: url(arrow.png);
  transition: all 0.3s
}

.answers_main_detail.hideclass .ans_main_info {
  height: 0px;
  overflow: hidden;
  padding: 0px
}

.answers_main_detail.hideclass .main_info_offer {
  height: 0px;
  overflow: hidden
}

.answers_main_detail.hideclass .arrow-icon i {
  transform: rotate(180deg)
}

.answers-detail {
  padding: 0px;
  color: #1E1C2C
}

.answers-detail .container {
  padding: 0px;
  display: flex;
  justify-content: space-around
}

.answers-detail .container .answers_main_r {
  display: block;
  color: #1E1C2C
}

.answers-detail .container .answers_main_r .article-title {
  font: normal normal 600 32px/40px Titillium Web
}

.answers-detail .container .answers_main_r .article-description {
  margin-top: 14px;
  font: normal normal normal 16px/24px Roboto
}

.answers-detail .container .answers_main_r .article-box {
  width: 100%;
  margin-top: 50px
}

.answers-detail .container .answers_main_r .article-authors {
  padding-bottom: 20px;
  border-bottom: solid #C7CBD8 1px;
  display: flex;
  justify-content: space-between
}

.answers-detail .container .answers_main_r .article-authors .authors_pic {
  display: flex;
  align-items: center
}

.answers-detail .container .answers_main_r .article-authors .authors_pic img {
  border-radius: 50%;
  border: solid #005DFF 2px
}

.answers-detail .container .answers_main_r .article-authors .authors_pic .name {
  display: flex;
  flex-direction: column;
  margin-left: 10px
}

.answers-detail .container .answers_main_r .article-authors .authors_pic .name p {
  padding: 0px;
  margin: 0px;
  font: normal normal bold 18px/24px Roboto
}

.answers-detail .container .answers_main_r .article-authors .authors_pic .name time {
  color: #A0A0A0;
  font: normal normal normal 14px/24px Roboto
}

.answers-detail .container .answers_main_r .article-authors .share {
  display: flex;
  font: normal normal normal 16px/55px Roboto
}

.answers-detail .container .answers_main_r .article-authors .share .box {
  display: flex;
  align-items: center;
  height: 55px
}

.answers-detail .container .answers_main_r .article-authors .share a {
  display: flex;
  align-items: center;
  margin-left: 10px
}

.answers-detail .container .answers_main_r .article-authors .share a img {
  width: 18px
}

.answers-detail .container .answers_main_r .edit-content {
  margin-top: 30px;
  margin-bottom: 80px
}

.answers-detail .container .answers_main_r .edit-content .highlights {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 30px 40px;
  background: #EFF6FF
}

.answers-detail .container .answers_main_r .edit-content .highlights h2 {
  padding-left: 35px;
  margin-bottom: 10px;
  font: normal normal bold 20px/24px Titillium Web;
  background: url(highlights.svg) no-repeat left
}

.answers-detail .container .answers_main_r .edit-content .highlights p {
  position: relative;
  padding-bottom: 0px;
  margin: 0px;
  padding-left: 15px;
  font: normal normal normal 16px/24px Roboto
}

.answers-detail .container .answers_main_r .edit-content .highlights p::before {
  position: absolute;
  content: "";
  left: 3px;
  top: 10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #1E1C2C
}

.answers-detail .container .answers_main_r .edit-content h3 {
  margin: 20px auto;
  color: #000000;
  font: normal normal 600 22px/24px Titillium Web
}

.answers-detail .container .answers_main_r .edit-content .nav-tis,
.answers-detail .container .answers_main_r .edit-content >p {
  margin-top: 20px;
  margin-bottom: 20px
}

.answers-detail .container .answers_main_r .edit-content .nav-tis h2,
.answers-detail .container .answers_main_r .edit-content >h2 {
  position: relative;
  background: #DBE8FF;
  border-radius: 25px;
  padding: 10px 10px;
  padding-left: 32px;
  color: #000000;
  font: normal normal 600 26px/24px Titillium Web
}

.answers-detail .container .answers_main_r .edit-content .listul,
.answers-detail .container .answers_main_r .edit-content .listol {
  padding-left: 35px
}

.answers-detail .container .answers_main_r .edit-content .listul li p,
.answers-detail .container .answers_main_r .edit-content .listol li p {
  padding: 0px
}

.answers-detail .container .answers_main_r .edit-content .step-new {
  font: normal normal normal 16px/24px Arial;
  color: #888888;
  list-style-type: none
}

.answers-detail .container .answers_main_r .edit-content .step-new li {
  margin-top: 10px;
  list-style-type: initial
}

.answers-detail .container .answers_main_r .edit-content .step-new li p {
  padding: 0px;
  margin: 0px;
  color: #888888
}

.answers-detail .container .answers_main_r .edit-content .step-new b,
.answers-detail .container .answers_main_r .edit-content .step-new strong {
  font-weight: bold;
  color: #000
}

.answers-detail .container .answers_main_r .edit-content .down-box {
  display: flex;
  gap: 12px;
  margin: 20px auto;
  justify-content: center
}

.answers-detail .container .answers_main_r .edit-content .down-box .down {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 188px;
  height: 48px;
  border-radius: 8px;
  color: #fff;
  font: normal normal 500 16px/27px Roboto;
  background-color: #23FD47
}

.answers-detail .container .answers_main_r .edit-content .down-box .down:hover {
  background-color: #1DD43B
}

.answers-detail .container .answers_main_r .edit-content .down-box .buy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 188px;
  height: 48px;
  background: #FFD807;
  border-radius: 8px;
  color: #000;
  font: normal normal 500 16px/27px Roboto
}

.answers-detail .container .answers_main_r .edit-content .down-box .buy:hover {
  background: #FFB507
}

.answers-detail .container .answers_main_r .edit-content .down-box.asc .down {
  background: transparent linear-gradient(90deg, #4681FF 0%, #4CC7FF 100%) 0% 0% no-repeat padding-box
}

.answers-detail .container .answers_main_r .edit-content .down-box.asc .down:hover {
  background: #4CC7FF
}

.answers-detail .container .answers_main_r .edit-content .down-box.db .down {
  background: transparent linear-gradient(90deg, #00D12B 0%, #00D4A8 100%) 0% 0% no-repeat padding-box
}

.answers-detail .container .answers_main_r .edit-content .down-box.db .down:hover {
  background: #00D12B
}

.answers-detail .container .answers_main_r .edit-content .down-box.iu .down {
  background: transparent linear-gradient(89deg, #33DFCD 0%, #15EC89 100%) 0% 0% no-repeat padding-box
}

.answers-detail .container .answers_main_r .edit-content .down-box.iu .down:hover {
  background: #15EC89
}

.answers-detail .container .answers_main_r .edit-content .down-box.imf .down {
  background: transparent linear-gradient(90deg, #1EB7CF 0%, #1FF4C1 100%) 0% 0% no-repeat padding-box
}

.answers-detail .container .answers_main_r .edit-content .down-box.imf .down:hover {
  background: #1FF4C1
}

.answers-detail .container .answers_main_r .edit-content p {
  font: normal normal normal 16px/24px Roboto
}

.answers-detail .container .answers_main_r .edit-content .nav-tis+p {
  margin: 0px
}

.answers-detail .container .answers_main_r .edit-content p img {
  margin: 20px auto
}

.answers-detail .container .answers_main_r .edit-content p+p {
  margin: 10px auto
}

.answers-detail .container .answers_main_r .edit-content .list-paddingleft-2 {
  padding-left: 25px
}

.answers-detail .container .answers_main_r .edit-content ul.list-paddingleft-2,
.answers-detail .container .answers_main_r .edit-content ol.list-paddingleft-2 {
  margin-bottom: 20px
}

.answers-detail .container .answers_main_r .edit-content ul.list-paddingleft-2 p,
.answers-detail .container .answers_main_r .edit-content ol.list-paddingleft-2 p {
  margin: 0px;
  font: normal normal normal 16px/24px Roboto
}

.answers-detail .container .answers_main_r .edit-content img {
  display: block;
  margin: 0px auto;
  max-width: 750px;
  box-shadow: 0px 3px 16px #0000004D
}

.answers-detail .container .answers_main_r .edit-content hr+p {
  margin-top: 0px
}

.answers-detail .container .answers_main_r .edit-content p a {
  text-decoration: underline
}

.answers-detail .container .answers_main_r .edit-content h4 {
  margin-bottom: 10px;
  font: normal normal 600 18px/24px Titillium Web
}

.answers-detail .container .answers_main_r .edit-content .cons-probox {
  background: #F5F7F8;
  padding: 10px 35px;
  margin: 40px auto;
  display: flex
}

.answers-detail .container .answers_main_r .edit-content .cons-probox>div {
  width: 50%
}

.answers-detail .container .answers_main_r .edit-content .cons-probox>div strong {
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 13px 0px;
  border-bottom: solid #C7CBD8 1px;
  font: normal normal 600 16px/24px Titillium Web
}

.answers-detail .container .answers_main_r .edit-content .cons-probox>div strong i {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background: url(pros.png)
}

.answers-detail .container .answers_main_r .edit-content .cons-probox>div p {
  margin: 0px;
  padding: 13px 0px;
  font: normal normal normal 14px/24px Roboto;
  border-bottom: solid #C7CBD8 1px
}

.answers-detail .container .answers_main_r .edit-content .cons-probox>div p:last-child {
  border: none
}

.answers-detail .container .answers_main_r .edit-content .cons-probox>div.cons strong i {
  background: url(cons.png)
}

.answers-detail .container .answers_main_r .edit-content .content_banner {
  width: 970px;
  height: 264px;
  margin: 50px 0px;
  padding-left: 48px
}

.answers-detail .container .answers_main_r .edit-content .content_banner strong {
  display: block;
  margin: 0px;
  padding-top: 25px;
  padding-bottom: 20px;
  font: normal normal bold 26px/24px Titillium Web;
  color: #fff
}

.answers-detail .container .answers_main_r .edit-content .content_banner ul {
  list-style-type: none;
  font: normal normal normal 15px/27px Roboto;
  color: #F5F5F5
}

.answers-detail .container .answers_main_r .edit-content .content_banner ul li {
  position: relative;
  padding-left: 25px
}

.answers-detail .container .answers_main_r .edit-content .content_banner ul li::after {
  position: absolute;
  content: "";
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  background: url(asc_list.png)
}

.answers-detail .container .answers_main_r .edit-content .content_banner .btn-box {
  display: flex;
  gap: 12px;
  margin-top: 20px
}

.answers-detail .container .answers_main_r .edit-content .content_banner .down {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 168px;
  height: 42px;
  border-radius: 21px;
  color: #fff;
  font: normal normal 500 16px/27px Roboto;
  background-color: #23FD47
}

.answers-detail .container .answers_main_r .edit-content .content_banner .down:hover {
  background-color: #1DD43B
}

.answers-detail .container .answers_main_r .edit-content .content_banner .buy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 168px;
  height: 42px;
  outline: 1px solid #FFD807;
  border-radius: 21px;
  color: #FFD807;
  font: normal normal 500 16px/27px Roboto
}

.answers-detail .container .answers_main_r .edit-content .content_banner .buy:hover {
  outline: 1px solid #FFB507;
  color: #FFB507
}

.answers-detail .container .answers_main_r .edit-content .asc_banner {
  background: url(asc_center_banner.png) no-repeat
}

.answers-detail .container .answers_main_r .edit-content .asc_banner .down {
  background: transparent linear-gradient(90deg, #4681FF 0%, #4CC7FF 100%) 0% 0% no-repeat padding-box
}

.answers-detail .container .answers_main_r .edit-content .asc_banner .down:hover {
  background: #4CC7FF
}

.answers-detail .container .answers_main_r .edit-content .db_banner {
  background: url(db_center_banner.png) no-repeat bottom
}

.answers-detail .container .answers_main_r .edit-content .db_banner .down {
  background: transparent linear-gradient(90deg, #00D12B 0%, #00D4A8 100%) 0% 0% no-repeat padding-box
}

.answers-detail .container .answers_main_r .edit-content .db_banner .down:hover {
  background: #00D12B
}

.answers-detail .container .answers_main_r .edit-content .db_banner ul li {
  padding-left: 20px
}

.answers-detail .container .answers_main_r .edit-content .db_banner ul li::after {
  width: 3px;
  height: 12px;
  top: 8px;
  background: #BE292B
}

.answers-detail .container .answers_main_r .edit-content .iu_banner {
  background: url(iu_center_banner.png) no-repeat bottom
}

.answers-detail .container .answers_main_r .edit-content .iu_banner .down {
  background: transparent linear-gradient(90deg, #33DFCD 0%, #15EC89 100%) 0% 0% no-repeat padding-box
}

.answers-detail .container .answers_main_r .edit-content .iu_banner .down:hover {
  background: #15EC89
}

.answers-detail .container .answers_main_r .edit-content .iu_banner ul li::after {
  background: url(iu_list.png)
}

.answers-detail .container .answers_main_r .edit-content .imf_banner {
  background: url(imf_center_banner.png) no-repeat bottom
}

.answers-detail .container .answers_main_r .edit-content .imf_banner .down {
  background: transparent linear-gradient(90deg, #00D12B 0%, #00D4A8 100%) 0% 0% no-repeat padding-box
}

.answers-detail .container .answers_main_r .edit-content .imf_banner .down:hover {
  background: #00D12B
}

.answers-detail .container .answers_main_r .edit-content .imf_banner ul li {
  padding-left: 20px
}

.answers-detail .container .answers_main_r .edit-content .imf_banner ul li::after {
  width: 3px;
  height: 12px;
  top: 8px;
  background: #55F0E5
}

.answers-detail .container .answers_main_r .edit-content hr {
  border: none;
  margin-bottom: 0px
}

.answers-detail .container .answers_main_r .edit-content .tablebox {
  width: 100%;
  margin-top: 20px
}

.answers-detail .container .answers_main_r .edit-content .tablebox li {
  display: flex
}

.answers-detail .container .answers_main_r .edit-content .tablebox h3,
.answers-detail .container .answers_main_r .edit-content .tablebox span,
.answers-detail .container .answers_main_r .edit-content .tablebox p {
  padding: 15px 0px
}

.answers-detail .container .answers_main_r .edit-content .tablebox .itema {
  display: flex;
  width: 92px;
  justify-content: center;
  align-items: center;
  background-color: #F1F1F1
}

.answers-detail .container .answers_main_r .edit-content .tablebox h3.itema {
  height: 100%;
  margin: inherit;
  font: normal normal bold 14px/19px Arial;
  color: #fff;
  background: #6F6F6F;
  border-radius: 4px 4px 0px 0px
}

.answers-detail .container .answers_main_r .edit-content .tablebox span,
.answers-detail .container .answers_main_r .edit-content .tablebox p {
  border: solid #DFDFDF 1px
}

.answers-detail .container .answers_main_r .edit-content .tablebox li {
  font: normal normal normal 14px/24px Arial
}

.answers-detail .container .answers_main_r .edit-content .tablebox li p {
  margin: 0px
}

.answers-detail .container .answers_main_r .edit-content .tablebox li span,
.answers-detail .container .answers_main_r .edit-content .tablebox li p {
  border-bottom: none;
  line-height: 24px
}

.answers-detail .container .answers_main_r .edit-content .tablebox li span:last-child,
.answers-detail .container .answers_main_r .edit-content .tablebox li p:last-child {
  border-left: none;
  padding-left: 20px;
  width: calc(100% - 92px)
}

.answers-detail .container .answers_main_r .edit-content .tablebox li i {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0px auto;
  background: url(free.png)
}

.answers-detail .container .answers_main_r .edit-content .tablebox li:last-child span,
.answers-detail .container .answers_main_r .edit-content .tablebox li:last-child p {
  border-bottom: solid #DFDFDF 1px
}

.answers-detail .container .answers_main_r .edit-content .tablebox.protable h3.itema {
  background: transparent linear-gradient(348deg, #FF005F 0%, #FF703A 100%) 0% 0% no-repeat padding-box
}

.answers-detail .container .answers_main_r .edit-content .tablebox.protable span.itema {
  background: #FFF6F4;
  border: solid #FF5023 2px;
  border-top: solid #DFDFDF 1px;
  border-bottom: solid #DFDFDF 1px
}

.answers-detail .container .answers_main_r .edit-content .tablebox.protable span.itema i {
  background: url(pro.png)
}

.answers-detail .container .answers_main_r .edit-content .tablebox.protable li span,
.answers-detail .container .answers_main_r .edit-content .tablebox.protable li p {
  border-bottom: none
}

.answers-detail .container .answers_main_r .edit-content .tablebox.protable li span.itema,
.answers-detail .container .answers_main_r .edit-content .tablebox.protable li p.itema {
  border-bottom: none
}

.answers-detail .container .answers_main_r .edit-content .tablebox.protable li span:last-child,
.answers-detail .container .answers_main_r .edit-content .tablebox.protable li p:last-child {
  border-right: solid #FF5023 2px
}

.answers-detail .container .answers_main_r .edit-content .tablebox.protable li:nth-child(2) span:last-child,
.answers-detail .container .answers_main_r .edit-content .tablebox.protable li:nth-child(2) p:last-child {
  border-top: solid #FF5023 2px
}

.answers-detail .container .answers_main_r .edit-content .tablebox.protable li:last-child span,
.answers-detail .container .answers_main_r .edit-content .tablebox.protable li:last-child p {
  border-bottom: solid #FF5023 2px !important
}

.answers-detail .container .answers_main_r .edit-content .table-box {
  width: 100%;
  margin-top: 20px
}

.answers-detail .container .answers_main_r .edit-content .table-box table {
  width: 100%
}

.answers-detail .container .answers_main_r .edit-content .table-box p {
  margin: 0px;
  display: inline-block;
  vertical-align: middle
}

.answers-detail .container .answers_main_r .edit-content .table-box td {
  padding: 5px 18px !important;
  font: normal normal normal 14px/24px Roboto !important;
  border: solid #C7CBD8 1px !important
}

.answers-detail .container .answers_main_r .edit-content .table-box tr td:nth-child(1) {
  background-color: #F1F6FF;
  font: normal 500 500 14px/24px Roboto
}

.answers-detail .container .answers_main_r .edit-content .table-box .firstRow td {
  padding: 18px !important;
  background-color: #F5F7F8 !important;
  font-weight: bold;
  font: normal normal 600 16px/24px Titillium Web !important
}

.answers-detail .container .answers_main_r .author-new {
  width: 970px;
  margin: 50px auto;
  padding: 20px 0px;
  padding-bottom: 0px;
  background: #F6FAFF;
  border: 1px solid #2E7AFF;
  border-radius: 8px
}

.answers-detail .container .answers_main_r .author-new .name {
  display: block;
  width: 210px;
  height: 44px;
  margin: 0px;
  text-align: center;
  margin-top: -20px;
  color: #fff;
  font: normal normal 600 22px/44px Titillium Web;
  background-color: #2E7AFF;
  border-radius: 8px 0px 36px 0px
}

.answers-detail .container .answers_main_r .author-new .message {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px 36px;
  gap: 20px
}

.answers-detail .container .answers_main_r .author-new .message img {
  width: 96px;
  height: 96px;
  border-radius: 50%
}

.answers-detail .container .answers_main_r .author-new .message .text {
  width: calc(100% - 96px);
  color: #000000
}

.answers-detail .container .answers_main_r .author-new .message .text .name_text {
  margin: 0px;
  font: normal normal bold 18px/24px Roboto
}

.answers-detail .container .answers_main_r .author-new .message .text p {
  margin-top: 14px;
  font: normal normal normal 16px/24px Roboto
}

.answers-detail .container .answers_main_r .questions-section .section-title,
.answers-detail .container .answers_main_r .related-qa .section-title {
  display: block;
  border-top: solid #C7CBD8 1px;
  padding: 32px 0px;
  font: normal normal 600 30px/24px Titillium Web
}

.answers-detail .container .answers_main_r .questions-section .answers_qa_list,
.answers-detail .container .answers_main_r .related-qa .answers_qa_list {
  gap: 20px
}

.answers-detail .container .answers_main_r .questions-section .answers_qa_list li,
.answers-detail .container .answers_main_r .related-qa .answers_qa_list li {
  width: 224px;
  height: 316px;
  padding: 0px
}

.answers-detail .container .answers_main_r .questions-section .answers_qa_list li a .img-box,
.answers-detail .container .answers_main_r .related-qa .answers_qa_list li a .img-box {
  max-width: 100%;
  height: 166px
}

.answers-detail .container .answers_main_r .questions-section .answers_qa_list li a .img-box img,
.answers-detail .container .answers_main_r .related-qa .answers_qa_list li a .img-box img {
  max-width: 100%;
  border-radius: 8px
}

.answers-detail .container .answers_main_r .questions-section .answers_qa_list li a .article_title,
.answers-detail .container .answers_main_r .related-qa .answers_qa_list li a .article_title {
  padding: 18px 17px;
  height: 96px;
  -webkit-line-clamp: 3
}

._mobile {
  display: none !important
}

._pc {
  display: block !important
}

@media screen and (max-width: 768px) {
  ._mobile {
    display: block !important
  }

  ._pc {
    display: none !important
  }

  .blogbanner {
    padding: 50px 0;
    height: auto
  }

  .blogbanner h1 {
    padding-top: 30px;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 25px
  }

  .blogbanner .banner_search {
    width: 100%;
    margin-top: 20px;
    flex-direction: column
  }

  .blogbanner .banner_search .left-box,
  .blogbanner .banner_search .search-btn {
    width: 100%
  }

  .product-list {
    margin-top: 20px;
    overflow-y: scroll
  }

  .product-list ul {
    gap: 10px;
    width: 850px
  }

  .product-list ul li {
    margin-left: 0
  }

  .product-list ul li a {
    width: 100%;
    height: 36px;
    font-size: 16px
  }

  .product-list ul li.on:after {
    bottom: -4px
  }

  .mob-banner-down {
    display: block;
    position: sticky;
    width: 100%;
    top: 0px;
    z-index: 999;
    align-items: center
  }

  .mob-banner-down .message {
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: absolute;
    width: 40%;
    top: 0;
    bottom: 0;
    left: 85px;
    margin: auto;
    color: #FFFFFF;
    text-shadow: 0px 3px 7px #4782D7
  }

  .mob-banner-down .message p.name {
    color: #Fff;
    padding-bottom: 5px;
    font: normal normal bold 16px/22px Titillium Web
  }

  .mob-banner-down .message p {
    font: normal normal normal 14px/20px Roboto
  }

  .mob-banner-down .down {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 5px;
    top: -5px;
    bottom: 0;
    margin: auto;
    width: 37%;
    height: 42px;
    border-radius: 26px;
    color: #fff;
    font-size: 15px;
    background-color: #00D12B
  }

  .mob-banner-down .down i {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background: url(down-icon.png)
  }

  .mob-banner-down.db .message {
    text-shadow: 0px 3px 7px #7F0009
  }

  .mob-banner-down.imf .message {
    text-shadow: 0px 3px 7px #164D48
  }

  .mob-banner-down.iu .message {
    text-shadow: 0px 3px 7px #5390A3
  }

  .nav {
    margin-top: 0px;
    width: 100% !important;
    min-width: 100% !important;
    margin-bottom: 20px;
    padding-top: 20px !important
  }

  .subscribe-mail .subscribe-message h3,
  .subscribe-mail .subscribe-message-before h3 {
    margin-bottom: 40px;
    font-size: 40px
  }

  .subscribe-mail .subscribe-message .btn-send,
  .subscribe-mail .subscribe-message-before .btn-send {
    margin-top: 67px
  }

  .answers_main {
    display: block
  }

  .answers_main .container {
    width: 100% !important;
    padding: 0px;
    flex-direction: column-reverse
  }

  .answers_main .container .answers_main_detail {
    display: none
  }

  .answers_main .container .answers_main_l,
  .answers_main .container .answers_main_r {
    display: block;
    width: 100%
  }

  .answers_main .container .answers_main_l {
    margin: 0px;
    position: fixed;
    bottom: 0px;
    z-index: 100;
    display: none;
    top: auto;
    left: 0;
    transition: all 0.4s ease
  }

  .answers_main .container .answers_main_l.on {
    bottom: rem(60px);
    transition: all 0.4s ease
  }

  .answers_main .container .answers_main_r {
    padding: 0px 4% 4%
  }

  .answers_main .container .answers_main_r .tag {
    margin-left: 5%;
    font-size: rem(16px);
    padding: rem(6px) rem(16px)
  }

  .answers_main .container .answers_main_r .article-authors .share {
    line-height: 25px;
    flex-direction: column
  }

  .answers_main .container .answers_main_r .article-authors .share span {
    display: block
  }

  .answers_main .container .answers_main_r .article-authors .share .box {
    height: 25px
  }

  .answers_main .container .answers_main_r .edit-content {
    margin-bottom: 0px
  }

  .answers_main .container .answers_main_r .edit-content .ans_main_info {
    width: 100%;
    height: 294px
  }

  .answers_main .container .answers_main_r .edit-content .ans_main_info ul {
    height: 174px
  }

  .answers_main .container .answers_main_r .edit-content .ans_main_info ul li {
    margin-bottom: 10px
  }

  .answers_main .container .answers_main_r .edit-content .ans_main_info .title-list img {
    margin: inherit;
    box-shadow: none
  }

  .answers_main .container .answers_main_r .edit-content .ans_main_info .title-list h2,
  .answers_main .container .answers_main_r .edit-content .ans_main_info  >h2 {
    line-height: 24px
  }

  .answers_main .container .answers_main_r .edit-content p img {
    max-width: 100% !important
  }

  .answers_main .container .answers_main_r .edit-content .content_banner {
    width: 100%;
    height: auto;
    padding-bottom: 15px;
    margin: 25px auto;
    padding-left: 15px
  }

  .answers_main .container .answers_main_r .edit-content .content_banner strong {
    padding: 15px 0px
  }

  .answers_main .container .answers_main_r .edit-content .content_banner ul {
    padding-right: 10px
  }

  .answers_main .container .answers_main_r .edit-content .content_banner .down,
  .answers_main .container .answers_main_r .edit-content .content_banner .buy {
    width: 45%
  }

  .answers_main .container .answers_main_r .edit-content .content_banner img {
    box-shadow: none;
    max-width: 100%;
    margin-top: 10px
  }

  .answers_main .container .answers_main_r .edit-content .content_banner.asc_banner {
    background: url(asc_banner_mob.png);
    background-size: 100% 100%
  }

  .answers_main .container .answers_main_r .edit-content .content_banner.asc_banner .btn-box {
    margin-top: 5px
  }

  .answers_main .container .answers_main_r .edit-content .content_banner.db_banner {
    background: url(db_banner_mob.png);
    background-size: 100% 100%
  }

  .answers_main .container .answers_main_r .edit-content .content_banner.iu_banner {
    background: url(iu_banner_mob.png);
    background-size: 100% 100%
  }

  .answers_main .container .answers_main_r .edit-content .content_banner.imf_banner {
    background: url(imf_banner_mob.png);
    background-size: 100% 100%
  }

  .answers_main .container .answers_main_r .edit-content .tablebox li span,
  .answers_main .container .answers_main_r .edit-content .tablebox li p {
    padding: 5px 0px
  }

  .answers_main .container .answers_main_r .edit-content .tablebox li p {
    font-size: 12px
  }

  .answers_main .container .answers_main_r .edit-content .nav-tis h2,
  .answers_main .container .answers_main_r .edit-content >h2 {
    line-height: 36px
  }

  .answers_main .container .answers_main_r .edit-content .table-box {
    width: 100%;
    overflow-x: scroll
  }

  .answers_main .container .answers_main_r .edit-content .table-box table {
    width: auto
  }

  .answers_main .container .answers_main_r .edit-content .table-box table td {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .answers_main .container .answers_main_r .edit-content .table-box table td p {
    font-size: 14px
  }

  .answers_main .container .answers_main_r .edit-content .table-box table .firstRow td {
    padding-left: 10px !important;
    padding-right: 10px !important
  }

  .answers_main .container .answers_main_r .edit-content .table-box table .firstRow td p {
    font-size: 16px
  }

  .answers_main .container .answers_main_r .edit-content .cons-probox {
    flex-direction: column;
    padding: 10px 18px;
    margin: 20px auto
  }

  .answers_main .container .answers_main_r .edit-content .cons-probox>div {
    width: 100%
  }

  .answers_main .container .answers_main_r .edit-content .cons-probox>div p {
    padding: 8px 0px
  }

  .answers_main .container .answers_main_r .answers_qa_list {
    display: block
  }

  .answers_main .container .answers_main_r .answers_qa_list li {
    margin-bottom: 20px;
    width: 100% !important;
    height: auto !important;
    padding: 15px
  }

  .answers_main .container .answers_main_r .answers_qa_list li a {
    padding-bottom: 20px
  }

  .answers_main .container .answers_main_r .answers_qa_list li a .img-box {
    max-width: 100%;
    height: auto !important
  }

  .answers_main .container .answers_main_r .answers_qa_list li a .img-box img {
    height: auto;
    width: 100%
  }

  .answers_main .container .answers_main_r .answers_qa_list li a .article_title {
    font-size: 26px;
    height: 48px !important;
    -webkit-line-clamp: 2 !important
  }

  .answers_main .container .answers_main_r .answers_qa_list li a .article_txt {
    font-size: 16px !important;
    height: 48px !important;
    padding: 0px 15px;
    -webkit-line-clamp: 2 !important;
    box-sizing: border-box
  }

  .answers_main .container .answers_main_r .answers_qa_list li a .article_time span {
    font-size: 18px
  }

  .answers_main .container .answers_main_r .author-new {
    width: 100%;
    margin: 25px auto
  }

  .answers_main .container .answers_main_r .author-new .message {
    flex-direction: column;
    align-items: center
  }

  .answers_main .container .answers_main_r .author-new .message .text {
    width: 100%;
    text-align: center
  }

  .answers-detail .answers_main_r .related-qa {
    margin-top: 25px
  }

  .answers-detail .answers_main_r .related-qa li a .article_title {
    padding: 0px 17px !important
  }
}

@media screen and (max-width: 600px) {
  .answers_main .container .answers_main_l .ans_main_info .main_info_offer div h2 {
    font-size: rem(20px)
  }

  .answers_main .container .answers_main_l .ans_main_info .main_info_offer div h2 img {
    width: rem(36px)
  }

  .answers_main .container .answers_main_l .ans_main_info .main_info_offer div p {
    font-size: rem(16px)
  }

  .answers_main .container .answers_main_l .ans_main_info .main_info_offer .pc-btn {
    height: 60px
  }

  .answers_main .container .answers_main_l .ans_main_info .main_info_offer .pc-btn .button {
    height: 100%
  }

  .answers_main .container .answers_main_l .ans_main_info .main_info_offer .pc-btn .button .btn-word {
    font-size: rem(12px)
  }

  .answers_main .container .answers_main_r .answers_qa_list li a .article_title {
    font-size: 20px;
    line-height: 1.2
  }

  .answers_main .container .answers_main_r .answers_qa_list li a .article_txt {
    font-size: 16px
  }

  .answers_main .container .answers_main_r .answers_qa_list li a .article_time span {
    font-size: 16px
  }
}

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