.w1440 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
.first_enter {
  width: 100%;
  min-height: 1080px;
  background: #0f75dc;
  padding-top: 12px;
  padding-left: 2px;
}
.first_enter .enter_img {
  width: 613px;
  height: auto;
  display: block;
}
.first_enter .first_enter_item {
  width: 300px;
  height: 300px;
  background: #ffffff;
  border-radius: 50%;
}
.first_enter .first_enter_item div:first-child {
  font-size: 70px;
  font-weight: 600;
  color: #0f75dc;
  line-height: 98px;
}
.first_enter .first_enter_item div:last-child {
  font-size: 40px;
  font-weight: 400;
  color: #666666;
  line-height: 56px;
  margin-top: 6px;
}
.first_enter .enter_logo {
  width: 189px;
  height: auto;
  display: block;
  margin: 80px auto 40px;
}
.first_enter .first_enter_item + .first_enter_item {
  margin-left: 100px;
}
.header_fix {
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 80px;
  background: #f9f9f9;
  left: 0;
  right: 0;
  top: 0;
}
.header_fix .header {
  max-width: 1440px;
  height: 80px;
  margin: 0 auto;
}
.header_fix .header .logo_mini {
  width: 80px;
  height: auto;
}
.header_fix .header .logo_text {
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  margin-left: 18px;
}
.header_fix .header .tab_nav {
  padding-left: 187px;
}
.header_fix .header .tab_nav .tab {
  font-size: 24px;
  font-weight: 400;
  color: #666666;
  margin-right: 120px;
}
.header_fix .header .tab_nav .tab:last-child {
  margin-right: 0;
}
.header_fix .header .tab_nav .tab.active {
  font-size: 24px;
  font-weight: 400;
  color: #42a3fc;
}
.header_fix .header .tab_nav .tab:last-child {
  margin-right: 0;
}

.content1 {
  width: 100%;
  padding-top: 80px;
  min-height: 100vh;
  background: var(--white);
}
.footer {
  width: 100%;
  height: 165px;
  background: #42a3fc;
}
.footer > div {
  height: 165px;
}
.footer .logo_foot {
  width: 115px;
  height: auto;
  display: block;
}
.footer .mid_box {
  padding-left: 65px;
}
.footer .mid_box .li {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.footer .mid_box .li1 {
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  line-height: 25px;
  padding-top: 15px;
}
.footer .mid_box .li span {
  padding-right: 20px;
  padding-left: 20px;
}
.footer .mid_box .li span:first-child {
  padding-left: 0;
}
.pt90 {
  padding-top: 90px;
}
.mlra {
  margin-left: auto;
  margin-right: auto;
}
.w800 {
  width: 800px;
  /* max-width: 910px; */
}
.number_radio {
  width: 50px;
  height: 50px;
  border: 2px solid #cccccc;
  line-height: 46px;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  color: #cccccc;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
.number_radio.pre {
  border: 2px solid #42a3fc;
  font-size: 24px;
  font-weight: 500;
  color: #42a3fc;
}
.number_radio.active {
  border: none;
  background: #42a3fc;
  line-height: 50px;
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
}
.number_radio_text {
  font-size: 20px;
  font-weight: 400;
  color: #aaaaaa;
  line-height: 24px;
}
.number_radio_text.active {
  font-size: 20px;
  font-weight: 400;
  color: #101010;
  line-height: 24px;
}
.icon_line {
  width: 87px;
  height: 3px;
  object-fit: cover;
  display: block;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 23px;
}
.mt90 {
  margin-top: 90px;
}
.login_html {
  min-height: 100vh;
  padding-bottom: 102px;
}
.pt120 {
  padding-top: 120px;
}
.login_box {
  width: 565px;
  height: 613px;
  background: rgba(204, 209, 214, 0.17);
  border-radius: 20px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-left: 40px;
  padding-right: 40px;
}
.login_box .login_logo {
  width: 70px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.login_box .icon {
  width: 18px;
  height: auto;
}
.login_box .inp {
  width: 100%;
  padding: 0 30px;
  line-height: 50px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  height: 50px;
  background: #ffffff;
  border-radius: 25px;
  margin-top: 5px;
}
.login_box .inp .send {
  font-size: 18px;
  font-weight: 400;
  color: #42a3fc;
}
.login_box .inp input::placeholder {
  color: #999999;
}
.login_box .inp::placeholder {
  color: #999999;
}
.login_box .protocol {
  font-size: 18px;
  font-weight: 400;
  color: #848a9f;
  line-height: 28px;
  padding-left: 5px;
}
.login_box .protocol span {
  color: #42a3fc;
}
.index_html .text_img {
  width: 275px;
  height: auto;
}
.index_html .point_img{
  width: 30px;
  height: auto;
  margin-left: 10px;
}
.index_html .search_box {
  width: 400px;
  height: 55px;
  background: #f5f9ff;
  border-radius: 28px;
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  color: #101010;
}.index_html .search_box.ss{
  border: 1px solid #1c7cdc;
  background: #fff;
  border-radius: 10px;
}
.index_html .search_box::placeholder {
  color: #999999;
}
.index_html .choose_item + .choose_item {
  margin-top: 30px;
}
.index_html .choose_item {
  width: 100%;
  height: 143px;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(183, 189, 202, 0.1);
  border-radius: 10px;
  border: 1px solid #eeeeee;
  color: #666666;
  padding: 0 20px;
}
.index_html .choose_item img {
  width: 103px;
  height: 103px;
  object-fit: cover;
  aspect-ratio: 1;
}
.index_html .choose_item.active {
  color: #42a3fc;
}
.home_html .swiper {
  width: 100%;
  height: calc(100vw / 1920 * 620);
}
.home_html .swiper img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
.home_html .swiper.banner .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  background: #ffffff;
  opacity: 0.2;
}
.home_html
  .swiper.banner
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 26px;
  height: 8px;
  background: #ffffff;
  border-radius: 4px;
  opacity: 0.89;
}
.home_html .swiper.banner .swiper-pagination-bullets {
  bottom: 30px;
}
.home_html .home_link + .home_link {
  margin-left: 40px;
}
.home_html .home_link {
  width: 453px;
  height: 132px;
  background: #ffffff;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  padding: 0 30px 0 60px;
}
.home_html .icon_box {
  width: 95px;
  height: 95px;
  background: #42a3fc;
  border-radius: 10px;
}
.home_html .icon_box img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  aspect-ratio: 1;
}
.home_html .complaint_box {
  width: 705px;
  height: 272px;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(183, 189, 202, 0.1);
  border-radius: 10px;
  border: 1px solid #eeeeee;
  padding-top: 40px;
}
.home_html .complaint_box img {
  width: 50px;
  height: 50px;
  object-fit: cover;
  aspect-ratio: 1;
}
.home_html .complaint_box .bt1 {
  width: 172px;
  height: 52px;
  background: linear-gradient(180deg, #77d0fe 0%, #42a3fc 100%);
  box-shadow: 0px 4px 20px 0px rgba(0, 117, 224, 0.3);
  border-radius: 50px;
  margin-top: 30px;
  line-height: 52px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.home_html .complaint_box .bt2 {
  width: 172px;
  height: 52px;
  background: linear-gradient(180deg, #fda8a5 0%, #fa6f6c 100%);
  box-shadow: 0px 4px 20px 0px rgba(250, 111, 108, 0.3);
  border-radius: 50px;
  margin-top: 30px;
  line-height: 52px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.title {
  position: relative;
}
.title span {
  font-size: 24px;
  font-weight: 500;
  color: #333333;
  position: relative;
  z-index: 2;
}
.title::after {
  content: "";
  width: 130px;
  height: 14px;
  background: linear-gradient(90deg, #42a3fc 0%, rgba(66, 163, 252, 0) 100%);
  opacity: 0.45;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.home_html .home_inp {
  width: 100%;
  padding: 0 20px;
  color: #101010;
  font-size: 18px;
  height: 72px;
  background: #f5f9ff;
  border-radius: 10px;
}
.home_html .home_inp::placeholder {
  color: #999999;
}
.home_html .home_tea::placeholder {
  color: #999999;
}
.home_html .home_tea {
  width: 100%;
  padding: 20px;
  font-size: 18px;
  height: 200px;
  background: #f5f9ff;
  border-radius: 10px;
  border: none;
}
.home_html .upload_link {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 122px;
  height: 122px;
  border-radius: 10px;
  z-index: 1;
  margin-top: 20px;
  margin-right: 20px;
  padding: 0;
}
.home_html .upload_link .img {
  width: 122px;
  height: 122px;
  border-radius: 10px;
  z-index: 1;
  position: relative;
  object-fit: cover;
}
.home_html .upload_link .del {
  width: 120px;
  height: 24px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.home_html .bt3 {
  width: 296px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  background: #42a3fc;
  border-radius: 30px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.different_box {
  width: 100%;
  height: 319px;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(183, 189, 202, 0.1);
  border-radius: 10px;
  border: 1px solid #eeeeee;
  padding-top: 20px;
  text-align: center;
  /* cursor: pointer; */
}
.icon162 {
  width: 162px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.ml58 {
  margin-left: 58px;
}
.choose_link_item {
  display: inline-flex;
  vertical-align: top;
  margin-top: 30px;
  margin-right: 1%;
  width: 49%;
  height: 72px;
  background: #f5f9ff;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
}
.del_img {
  width: 35px;
  height: auto;
}
.choose_link_item:nth-of-type(2n) {
  margin-right: 0;
}
.choose_link_item:nth-of-type(-n + 2) {
  margin-top: 0;
}
.icon18 {
  width: 18px;
  height: auto;
  display: block;
}
.icon30 {
  width: 30px;
  height: auto;
  display: block;
}
.index_html .popup {
  width: 416px;
  height: 214px;
  background: #ffffff;
  border-radius: 20px;
  padding-top: 40px;
}
.mt35 {
  margin-top: 35px;
}
.index_html .popup .popup_btn1 {
  width: 140px;
  height: 60px;
  line-height: 58px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #42a3fc;
  border-radius: 30px;
  border: 1px solid #42a3fc;
  cursor: pointer;
}
.index_html .popup .popup_btn2 {
  width: 140px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  background: #1c7cdc;
  border-radius: 30px;
  cursor: pointer;
}
.index_html .popup .popup_btn1 + .popup_btn2 {
  margin-left: 30px;
}
.index_html .create_box {
  width: 100%;
  height: 283px;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(183, 189, 202, 0.1);
  border-radius: 10px;
  border: 1px solid #eeeeee;
}
.index_html .create_box .normal {
  font-size: 18px;
  font-weight: 400;
  color: #999999;
  line-height: 28px;
}
.index_html .create_box .active {
  font-size: 18px;
  font-weight: 400;
  color: #42a3fc;
  line-height: 28px;
}
.ml120 {
  margin-left: 120px;
}
.icon102 {
  width: 102px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.index_html .tips_pop {
  width: 436px;
  background: #f5f9ff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  position: absolute;
  top: 166px;
  left: 50%;
  transform: translateX(-50%);
  padding: 17px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  text-align: left;
  display: none;
  z-index: 999;
}
.index_html .tips_pop::before {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAICAYAAAAftBSpAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEaADAAQAAAABAAAACAAAAADjY2byAAAAxElEQVQoFX2QsQ3CMBBF71AkoEA0tLQUlAyAmICODgp6xAzMwAI0jEDNAFmAmpaOInHiRPn8FEGOYsfSyfa//59OJ9JzTIFNavEEMOuxhVtJiS0BJsmBNMcrBeZht6djLA4EFDWgKYLeGbDw2LsSw2dW1YRbt8XHWqy6KUdh4NIKOZP8dYsvd7V2YqL1h4tTU8gVkJPbDL1VJRsMZDeK9FF7lICIgBsB+1DIpxNUKuQ4Huo9slaWnCemGPvMfVqlMuUQkx/dw55NDqlZ8gAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 17px;
  height: 8px;
  display: block;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}
.index_html .textarea_item {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
  margin-right: 1%;
}
.index_html .textarea_item .quest {
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  line-height: 40px;
  margin-bottom: 20px;
}
.index_html .textarea_item:nth-of-type(2n) {
  margin-right: 0;
}

.index_html .textarea_item textarea {
  width: 100%;
  height: 200px;
  background: #f5f9ff;
  border-radius: 10px;
  padding: 30px;
  border: none;
  font-size: 18px;
  font-weight: 400;
}
.index_html .textarea_item textarea::placeholder {
  color: #999999;
}
.index_html .inp1 {
  width: 100%;
  height: 72px;
  line-height: 72px;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 400;
  background: #f5f9ff;
  border-radius: 10px;
}
.index_html .inp1::placeholder {
  color: #999999;
}
.index_html .upload_link {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 122px;
  height: 122px;
  border-radius: 10px;
  z-index: 1;
  margin-top: 20px;
  margin-right: 20px;
  padding: 0;
}
.index_html .upload_link .img {
  width: 122px;
  height: 122px;
  border-radius: 10px;
  z-index: 1;
  position: relative;
  object-fit: cover;
}
.index_html .upload_link .del {
  width: 120px;
  height: 24px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.index_html .label {
  display: inline-block;
  margin-top: 20px;
  width: 163px;
  height: 60px;
  background: #f7f9fc;
  border-radius: 7px;
  vertical-align: top;
  margin-right: 20px;
  line-height: 60px;
  text-align: center;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #555555;
}
.index_html .label.active{
  background: #42a3fc;
  color: #ffffff;
}
.index_html .label .del {
  width: 21px;
  height: 22px;
  background-image: url(__CDN__/assets/cp/static/icon/icon_del_right.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  bottom: 0;
  right: 0;
  position: absolute;
}
.index_html.content1 {
  min-height: 100vh;
}
.index_html .idea_label {
  width: 163px;
  height: 60px;
  background: #f7f9fc;
  border-radius: 7px;
  line-height: 60px;
  font-size: 18px;
  font-weight: 400;
  color: #555555;
  display: inline-block;
  vertical-align: top;
  margin-top: 20px;
  margin-right: 20px;
  text-align: center;
}
.idea_label.active {
  background: #42a3fc;
  box-shadow: 0px 4px 20px 0px rgba(183, 189, 202, 0.3);
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
.bottom {
  position: absolute;
  /* display: block; */
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
}
.pop2 {
  width: 497px;
  height: 477px;
  background-image: url(/static/icon/pop_success_bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 54px;
  text-align: center;
  position: relative;
}
.pop2 .tips_img {
  width: 141px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pop2 .subtitle {
  width: 234px;
  font-size: 18px;
  font-weight: 400;
  color: #8ee0ff;
  margin-left: auto;
  margin-right: auto;
  line-height: 25px;
}
.pop2 .bt1 {
  width: 157px;
  height: 60px;
  line-height: 58px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #42a3fc;
  border-radius: 30px;
  border: 1px solid #42a3fc;
  cursor: pointer;
}
.pop2 .bt2 {
  width: 220px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  background: #42a3fc;
  border-radius: 30px;
  cursor: pointer;
}
.pop2 .pop_bottom {
  bottom: 65px;
  width: 100%;
  left: 0;
  position: absolute;
}
.inviebox {
  width: 540px;
  height: 758px;
  background: #ffffff;
  border-radius: 10px;
  position: relative;
  padding: 30px;
  transform: scale(.7);
}

.inviebox .poster_banner {
  width: 480px;
  height: 347px;
  border-radius: 10px;
  /* position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%); */
}
.inviebox .text {
  /* position: absolute;
  top: 397px; */
  left: 30px;
  width: 480px;
}
.inviebox .code {
  width: 273px;
  height: auto;

  display: block;
  margin-left: auto;
  margin-right: auto;
  /* top: 454px;
  left: 50%;
  transform: translateX(-50%);
  position: absolute; */
}

.share-card-full {
  position: absolute;
  z-index: 999;
  left: 500%;
  top: 100%;
}
.download_btn {
  width: 296px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background: #42a3fc;
  border-radius: 30px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  display: block;
  cursor: pointer;
}
#poster_pop .popup-wrap1 {
  z-index: 100;
  -webkit-transition-property: -webkit-transform, opacity;
  transition-property: transform, opacity;
  opacity: 0;
  visibility: hidden;
}
#poster_pop .popup-wrap1.popup-wrap_visible {
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
  opacity: 1;
  visibility: visible;
}
#poster_pop.popup-mask1 {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  visibility: hidden;
}
#poster_pop.popup-mask1.popup-mask_visible {
  opacity: 1;
  visibility: visible;
}
#poster_pop.popup-mask1 {
  display: flex;
  align-items: center;
  justify-content: center;
}
#poster_pop.popup-mask1 .popup-wrap1 {
  position: relative;
}
.index_html .reo_item {
  width: 156px;
  height: 60px;
  line-height: 58px;
  text-align: center;
  background: #f5f9ff;
  border-radius: 35px;
  border: 1px solid #42a3fc;
  position: relative;
  font-size: 18px;
  font-weight: 400;
  color: #42a3fc;
}
.index_html .reo_item img {
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
}
.index_html .reo_item.ac {
  border: none;
  line-height: 60px;
  font-size: 18px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  background: #42a3fc;
}
.index_html .reo_tips {
  width: 436px;
  background: #f5f9ff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  position: absolute;
  top: 32px;
  left: 101px;
  padding: 17px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  text-align: left;
  display: none;
  z-index: 999;
}
.index_html .reo_tips::before {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAICAYAAAAftBSpAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEaADAAQAAAABAAAACAAAAADjY2byAAAAxElEQVQoFX2QsQ3CMBBF71AkoEA0tLQUlAyAmICODgp6xAzMwAI0jEDNAFmAmpaOInHiRPn8FEGOYsfSyfa//59OJ9JzTIFNavEEMOuxhVtJiS0BJsmBNMcrBeZht6djLA4EFDWgKYLeGbDw2LsSw2dW1YRbt8XHWqy6KUdh4NIKOZP8dYsvd7V2YqL1h4tTU8gVkJPbDL1VJRsMZDeK9FF7lICIgBsB+1DIpxNUKuQ4Huo9slaWnCemGPvMfVqlMuUQkx/dw55NDqlZ8gAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 17px;
  height: 8px;
  display: block;
  position: absolute;
  top: -8px;
  left: 30px;
  /* transform: translateX(-50%); */
}
.index_html .multi_tips {
  width: 436px;
  background: #f5f9ff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  position: absolute;
  top: 56px;
  left: -71px;
  padding: 17px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  text-align: left;
  display: none;
  z-index: 999;
}
.ico16 {
  width: 16px;
  height: auto;
  margin-right: 20px;
}
.index_html .multi_tips::before {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAICAYAAAAftBSpAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEaADAAQAAAABAAAACAAAAADjY2byAAAAxElEQVQoFX2QsQ3CMBBF71AkoEA0tLQUlAyAmICODgp6xAzMwAI0jEDNAFmAmpaOInHiRPn8FEGOYsfSyfa//59OJ9JzTIFNavEEMOuxhVtJiS0BJsmBNMcrBeZht6djLA4EFDWgKYLeGbDw2LsSw2dW1YRbt8XHWqy6KUdh4NIKOZP8dYsvd7V2YqL1h4tTU8gVkJPbDL1VJRsMZDeK9FF7lICIgBsB+1DIpxNUKuQ4Huo9slaWnCemGPvMfVqlMuUQkx/dw55NDqlZ8gAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 17px;
  height: 8px;
  display: block;
  position: absolute;
  top: -8px;
  left: 74px;
  /* transform: translateX(-50%); */
}
.tips_title_reo {
  width: 296px;
  height: auto;
}
.tips_title_reo1 {
  width: 229px;
  height: auto;
}
.index_html .elements-container {
  cursor: move;
}
.index_html .draggable-element {
  width: 100%;
  height: 72px;
  background: #f5f9ff;
  border-radius: 10px;
  cursor: move;
  user-select: none;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.index_html .draggable-element img {
  width: 19px;
  height: auto;
}
.index_html .reo_textarea_link {
  width: 49%;
  margin-right: 1%;
  display: inline-block;
  vertical-align: top;
}
.index_html .reo_textarea_link textarea {
  width: 100%;
  height: 200px;
  background: #f5f9ff;
  border-radius: 10px;
  padding: 30px;
  border: none;
  font-size: 18px;
  font-weight: 400;
  margin-top: 20px;
}
.index_html .reo_textarea_link textarea::placeholder {
  color: #999999;
}
.ico26 {
  width: 26px;
  height: auto;
}
.index_html .reo_tips_big {
  width: 436px;
  padding: 17px 20px;
  background: #f5f9ff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  position: absolute;
  right: -9px;
  top: 53px;
  display: none;
}
.index_html .reo_tips_big::before {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAICAYAAAAftBSpAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEaADAAQAAAABAAAACAAAAADjY2byAAAAxElEQVQoFX2QsQ3CMBBF71AkoEA0tLQUlAyAmICODgp6xAzMwAI0jEDNAFmAmpaOInHiRPn8FEGOYsfSyfa//59OJ9JzTIFNavEEMOuxhVtJiS0BJsmBNMcrBeZht6djLA4EFDWgKYLeGbDw2LsSw2dW1YRbt8XHWqy6KUdh4NIKOZP8dYsvd7V2YqL1h4tTU8gVkJPbDL1VJRsMZDeK9FF7lICIgBsB+1DIpxNUKuQ4Huo9slaWnCemGPvMfVqlMuUQkx/dw55NDqlZ8gAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 17px;
  height: 8px;
  display: block;
  position: absolute;
  top: -8px;
  right: 14px;
  /* transform: translateX(-50%); */
}
.index_html .reo_tips_big .item {
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 30px;
}
.index_html .reo_tips_big .item::before {
  content: "";
  width: 5px;
  height: 5px;
  background: #42a3fc;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  margin-right: 10px;
}
.index_html .reo_tips_big .item + .item {
  margin-top: 10px;
}
.index_html .draggable-element1 {
  width: 100%;
  height: 72px;
  background: #f5f9ff;
  border-radius: 10px;
  cursor: move;
  user-select: none;
  margin-top: 30px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
}
.index_html .draggable-element1 img {
  width: 19px;
  height: auto;
}
.index_html .tips_title_multi {
  width: 184px;
  height: auto;
}

.index_html .question_item_add {
  width: 49%;
  margin-top: 30px;
}
.index_html .question_item_add .item_title {
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  line-height: 40px;
  margin-bottom: 20px;
}
.index_html .question_item_add textarea {
  width: 100%;
  height: 200px;
  padding: 20px;
  font-size: 18px;
  background: #f5f9ff;
  border-radius: 10px;
  border: none;
}
.index_html .question_item_add textarea.active{
  background: #42a3fc;
  color: #fff;
}
.index_html .question_item_add textarea::placeholder {
  color: #999999;
}
.index_html .question_item_add textarea + textarea {
  margin-top: 30px;
}
.index_html .big_create_box {
  width: 100%;
  height: 283px;
  background: #ffffff;
  box-shadow: 0px 4px 20px 0px rgba(183, 189, 202, 0.1);
  border-radius: 10px;
  border: 1px solid #eeeeee;
}
.index_html .sx_tips {
  width: 436px;
  background: #f5f9ff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  position: absolute;
  top: 168px;
  left: 50%;
  transform: translateX(-50%);
  padding: 17px 20px;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  line-height: 22px;
  text-align: left;
  display: none;
  z-index: 999;
}
.index_html .sx_tips::before {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAICAYAAAAftBSpAAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAEaADAAQAAAABAAAACAAAAADjY2byAAAAxElEQVQoFX2QsQ3CMBBF71AkoEA0tLQUlAyAmICODgp6xAzMwAI0jEDNAFmAmpaOInHiRPn8FEGOYsfSyfa//59OJ9JzTIFNavEEMOuxhVtJiS0BJsmBNMcrBeZht6djLA4EFDWgKYLeGbDw2LsSw2dW1YRbt8XHWqy6KUdh4NIKOZP8dYsvd7V2YqL1h4tTU8gVkJPbDL1VJRsMZDeK9FF7lICIgBsB+1DIpxNUKuQ4Huo9slaWnCemGPvMfVqlMuUQkx/dw55NDqlZ8gAAAABJRU5ErkJggg==");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  width: 17px;
  height: 8px;
  display: block;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
}
.mb100 {
  margin-bottom: 100px;
}
.icon229 {
  width: 229px;
  height: auto;
  vertical-align: middle;
}
.success_example_html .scroll_tab {
  overflow-x: scroll;
  cursor: pointer;
  width: 100%;
  height: 50px;
  white-space: nowrap;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.scroll_tab .tab_item {
  width: 145px;
  height: 50px;
  background: #999999;
  border-radius: 10px;
  line-height: 50px;
  text-align: center;
  font-size: 22px;
  font-weight: 400;
  color: #ffffff;
  margin-right: 45px;
  display: inline-block;
  vertical-align: top;
}
.scroll_tab .tab_item.active {
  background: #42a3fc;
}
/* ::-webkit-scrollbar {
  display: none;
} */
.part_content {
  font-size: 0;
}
.success_example_html .part_content .item {
  display: inline-block;
  vertical-align: top;
  margin-right: 2.7%;
  margin-bottom: 40px;
  width: 22.9%;
}
.compet_html .part_content .item {
  display: inline-block;
  vertical-align: top;
  margin-right: 2.7%;
  margin-bottom: 40px;
  width: 22.9%;
}
.success_example_html .part_content .item:nth-of-type(4n) {
  margin-right: 0;
}
.compet_html .part_content .item:nth-of-type(4n) {
  margin-right: 0;
}
.success_example_html .part_content .item .item_banner {
  width: 100%;
  height: 218px;
  object-fit: cover;
  aspect-ratio: 330/218;
  border-radius: 10px;
}
.compet_html .part_content .item .item_banner {
  width: 100%;
  height: 218px;
  object-fit: cover;
  aspect-ratio: 330/218;
  border-radius: 10px;
}
.success_example_html .head {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  object-fit: cover;
}
.compet_html .head {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  object-fit: cover;
}
.ico15 {
  width: 15px;
  height: auto;
}
.ico14 {
  width: 14px;
  height: auto;
}
.display_none {
  display: none;
}
.success_example_html .spit_info {
  display: none;
}
.success_example_html .inp_nav {
  padding: 20px;
  width: 100%;
  background: #f5f9ff;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 400;
  color: #333333;
  line-height: 32px;
  margin-top: 20px;
}
.success_example_html .img_nav img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 10px;
  vertical-align: top;
  margin-right: 20px;
  margin-top: 20px;
}
.success_example_html .example_info {
  display: none;
}
.success_example_html .example_info_banner {
  width: 100%;
  height: calc(100vw / 1920 * 620);
object-fit: cover;
}
.mr120 {
  margin-right: 120px;
}
.ico100 {
  width: 100px;
  aspect-ratio: 1;
  object-fit: cover;
}
.success_example_html .half_link {
  width: 49%;
  margin-right: 1%;
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
}
.success_example_html .total_link {
  width: 100%;
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
}
.success_example_html .half_link:nth-of-type(2n) {
  margin-right: 0;
}
.success_example_html .cont {
  width: 100%;
  height: 200px;
  overflow-y: scroll;
  background: #f5f9ff;
  border-radius: 10px;
  padding: 20px;
  border: none;
  font-size: 18px;
  font-weight: 400;
  margin-top: 30px;
}
.success_example_html .score_link {
  width: 154px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  background: #42a3fc;
  border-radius: 31px;
}
.study_html .score_link {
  width: 154px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  background: #42a3fc;
  border-radius: 31px;
}
.success_example_html .inp_link {
  height: 62px;
  background: #f5f9ff;
  border-radius: 40px;
}
.study_html .inp_link {
  height: 62px;
  background: #f5f9ff;
  border-radius: 40px;
}
.success_example_html .inp_link input::placeholder {
  color: #999;
}
.study_html .inp_link input::placeholder {
  color: #999;
}
.inp_link .btn {
  width: 212px;
  height: 62px;
  line-height: 60px;
  text-align: center;
  border-radius: 0 31px 31px 0;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  background: #42a3fc;
  padding: 0;
  cursor: pointer;
}
.ico24 {
  width: 24px;
  height: auto;
}
.success_example_html .comments_item {
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
  padding-bottom: 30px;
  width: 100%;
}
.study_html .comments_item {
  padding-top: 30px;
  border-top: 1px solid #eeeeee;
  padding-bottom: 30px;
  width: 100%;
}
.success_example_html .comments_item:first-child {
  border-top: none;
}
.study_html .comments_item:first-child {
  border-top: none;
}
.success_example_html .head_20 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
  margin-top: 4px;
}
.study_html .head_20 {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  object-fit: cover;
  margin-top: 4px;
}
.success_example_html .name {
  font-size: 20px;
  font-weight: 400;
  color: #576b95;
}
.study_html .name {
  font-size: 20px;
  font-weight: 400;
  color: #576b95;
}
.mt8 {
  margin-top: 8px;
}
.success_example_html .comments_two {
  background: #f5f9ff;
  border-radius: 15px;
  padding: 30px 20px;
  margin-left: 30px;
  margin-bottom: 30px;
}
.study_html .comments_two {
  background: #f5f9ff;
  border-radius: 15px;
  padding: 30px 20px;
  margin-left: 30px;
  margin-bottom: 30px;
}
.success_example_html .comments_two .comment_two_item + .comment_two_item {
  margin-top: 30px;
}
.study_html .comments_two .comment_two_item + .comment_two_item {
  margin-top: 30px;
}
.success_example_html .comments_item + .comments_two {
  margin-top: -10px;
}
.study_html .comments_item + .comments_two {
  margin-top: -10px;
}
.success_example_html .popup {
  width: 460px;
  background: #ffffff;
  border-radius: 30px;
  padding: 50px 30px;
}
.success_example_html .popup_input {
  width: 400px;
  height: 62px;
  background: #f5f9ff;
  border-radius: 31px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding: 0 30px;
}
.success_example_html .popup_input::placeholder {
  color: #999999;
}
.success_example_html .popup_btn {
  width: 400px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  background: #42a3fc;
  border-radius: 31px;
  cursor: pointer;
}
.study_html .total_video_type .type_item_right {
  width: 50%;
  height: 612px;
  background: #00274a;
  border-radius: 0px 10px 10px 0px;
}
.study_html .total_video_type .type_item_left {
  width: 50%;
  height: 612px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background: #ac412e;
  border-radius: 10px 0px 0px 10px;
  position: relative;
}
.study_html .total_video_type .play {
  width: 100px;
  height: auto;
}
.study_html .video_list {
  display: none;
}
.study_html .video_item {
  width: 22.9%;
  display: inline-block;
  vertical-align: top;
  height: auto;
  margin-right: 2.7%;
  margin-top: 30px;
  position: relative;
}
.study_html .video_item .cover {
  width: 100%;
  position: relative;
}
.study_html .video_item .cover .cover_img {
  width: 100%;
  aspect-ratio: 330/218;
  object-fit: cover;
  position: relative;
  z-index: 1;
  border-radius: 10px;
}
.study_html .video_item .cover .play {
  width: 30px;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}
.study_html .video_item:nth-of-type(4n) {
  margin-right: 0;
}
.study_html .video_item .bt1 {
  width: 96px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #42a3fc;
  border-radius: 31px;
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 14px;
  font-weight: 400;
  color: #ffffff;
  cursor: pointer;
}
.study_html .video_info {
  display: none;
}
.study_html .video_info .video {
  width: 100%;
  height: calc(100vw / 1920 * 620);
}
.bb {
  border-bottom: 1px solid #eeeeee;
}
.study_html .choose_link_item {
  height: auto;
  padding: 20px;
  display: inline-block;
}
.db {
  display: block;
}
.study_html .article_item {
  width: 453px;
  margin-right: 40px;
  display: inline-flex;
  vertical-align: top;
}
.study_html .article_item:nth-of-type(3n) {
  margin-right: 0;
}
.study_html .article_item .cover {
  width: 192px;
  height: 140px;
  object-fit: cover;
  border-radius: 8px;
}
.w100 {
  width: 100%;
}
.article_info {
  display: none;
}
.study_html .question_item {
  width: 453px;
  height: 172px;
  background: #e3f1ff;
  border-radius: 10px;
  margin-right: 40px;
  padding: 20px;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 30px;
}
.study_html .question_item:nth-of-type(3n) {
  margin-right: 0;
}
.study_html .question_item .bg {
  width: 155px;
  height: 102px;
  object-fit: cover;
  aspect-ratio: 155/102;
  display: block;
  position: absolute;
  bottom: 10px;
  right: 18px;
}
.study_html .question_item .go_question {
  width: 96px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  color: #42a3fc;
  border-radius: 31px;
  border: 1px solid #42a3fc;
}
.study_html .question_info {
  display: none;
}
.study_html .quest:first-child {
  margin-top: 50px;
}
.study_html .quest {
  margin-top: 30px;
}
.study_html .quest .progress_box {
  height: 68px;
  width: 100%;
  position: relative;
}
.study_html .quest .progress_box .progress_item {
  line-height: 56px;
  padding-left: 8px;
  font-size: 20px;
  font-weight: 600;
  color: #e4e5e9;
}
.study_html .quest .progress_box .progress_item span {
  font-size: 40px;
  font-weight: 600;
  color: #42a3fc;
}
.study_html .progress_box .progress_nav {
  width: 100%;
  height: 4px;
  background-color: #e4e5e9;
  position: relative;
  border-radius: 2px;
}
.study_html .progress_box .progress_nav .active {
  background-color: #42a3fc;
  height: 4px;
  position: absolute;
  border-radius: 2px;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.study_html .quest_title {
  font-size: 20px;
  font-weight: 500;
  color: #333333;
  line-height: 40px;
}
.study_html .options {
  width: 49%;
  margin-right: 1%;
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
  height: 72px;
  line-height: 72px;
  border-radius: 36px;
  border: 1px solid #eeeeee;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 400;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.study_html .options.mini {
  width: 337px;
  margin-right: 24px;
  display: inline-block;
  vertical-align: top;
  margin-top: 30px;
  height: 72px;
  line-height: 72px;
  border-radius: 36px;
  border: 1px solid #eeeeee;
  padding: 0 20px;
  font-size: 18px;
  font-weight: 400;
  color: #999999;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
}
.study_html .options.active {
  background: #42a3fc;
  box-shadow: 0px 4px 20px 0px rgba(0, 117, 224, 0.3);
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
}
.study_html .options:nth-of-type(2n) {
  margin-right: 0;
}
.study_html .options.mini:nth-of-type(2n) {
  margin-right: 24px;
}
.study_html .options.mini:nth-of-type(4n) {
  margin-right: 0;
}
.btn1.alter {
  background: #999999;
}
.study_html .quest_tea {
  width: 100%;
  height: 200px;
  margin-top: 20px;
  padding: 20px;
  font-size: 18px;
  background: #f5f9ff;
  border-radius: 10px;
  color: #101010;
  border: none;
}
.study_html .quest_tea::placeholder {
  color: #999999;
}
.study_html .success_box {
  display: none;
}
.ico150 {
  width: 150px;
  height: auto;
}
.btn_goback {
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  width: 296px;
  height: 60px;
  display: inline-block;
  line-height: 60px;
  text-align: center;
  background: #42a3fc;
  border-radius: 30px;
  margin-top: 30px;
  cursor: pointer;
}
.study_html .core_box {
  width: 670px;
  padding: 30px;
  background: #f5f9ff;
  border-radius: 20px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.study_html .core_box .left {
  font-size: 24px;
  font-weight: 400;
  color: #42a3fc;
  text-align: left;
}
.study_html .core_box .right {
  font-size: 24px;
  font-weight: 400;
  color: #666666;
}
.m40 + .m40 {
  margin-top: 40px;
}
.mt100 {
  margin-top: 100px;
}
.compet_html .compet_item {
  width: 31.4%;
  margin-right: 2.4%;
  margin-top: 40px;
  display: inline-block;
  vertical-align: top;
}
.compet_html .compet_item:nth-of-type(3n) {
  margin-right: 0;
}
.compet_html .compet_item .cover {
  width: 100%;
  height: 237px;
  object-fit: cover;
  aspect-ratio: 453/237;
  border-radius: 10px;
}
.compet_html .compet_info {
  display: none;
}
.compet_html .banner {
  width: 100%;
  height: calc(100vw / 1920 * 620);
  object-fit: cover;
}
.compet_html .tab_nav {
  height: 62px;
  width: 100%;
  position: relative;
}
.compet_html .tab_nav .tab_item {
  height: 62px;
  line-height: 62px;
  position: relative;
  font-size: 22px;
  font-weight: 400;
  color: #999999;
  display: inline-block;
  vertical-align: top;
  margin-right: 66px;
}
.compet_html .tab_nav .tab_item.active {
  font-size: 22px;
  font-weight: 500;
  color: #333333;
}
.compet_html .tab_nav .tab_item.active::after {
  content: "";
  width: 20px;
  height: 5px;
  background: #42a3fc;
  border-radius: 10px;
  bottom: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.compet_html .time_link {
  display: inline-block;
  vertical-align: top;
  margin-right: 50px;
}
.compet_html .time_link .time_box {
  min-width: 142px;
  padding: 0 10px;
  height: 36px;
  background: rgba(66, 163, 252, 0.1);
  border-radius: 25px;
  font-size: 18px;
  font-weight: 400;
  color: #42a3fc;
}
.after_question{
  width: 96px;
height: 40px;
line-height: 40px;
text-align: center;
background: #42A3FC;
border-radius: 31px;
font-size: 14px;
font-weight: 400;
color: #FFFFFF;
}
.mh100{min-height: 100vh}
.compet_html .btn_join {
  width: 200px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  color: #ffffff;
  background: #42a3fc;
  border-radius: 31px;
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
  transform: translateY(-50%);
}
.profile_html .left_box {
  width: 290px;
  height: calc(100vh - 80px - 40px);
  background: transparent;
}
.w1440 {
  position: relative;
}
.profile_html .left {
  width: 290px;
  height: calc(100vh - 80px - 40px);
  background: #f5f9ff;
  border-radius: 10px;
  position: fixed;
  top: 40px;
  left: 0;
}
.profile_html .right {
  margin-left: 30px;
  height: calc(100vh - 80px - 40px);
  overflow-y: scroll;
}
.col3p7 {
  color: rgba(51, 51, 51, 0.7);
}
.mr35 {
  margin-right: 35px;
}
.profile_html .profile_head {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
  margin: 0 auto 15px;
}
.profile_html .tab_item {
  width: 290px;
  height: 60px;
  padding: 0 20px;
  font-size: 20px;
  font-weight: 400;
  color: #666666;
}
.profile_html .tab_item.active {
  background: #42a3fc;
  color: #ffffff;
}
.profile_html .tab_item .arrow {
  width: 12px;
  height: auto;
}
.profile_html .right .p1 {
  width: 100%;
  height: 712px;
  background: #f5f9ff;
  border-radius: 10px;
  padding: 30px;
}
button.m-button.upload_btn {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
button.m-button.upload_btn .cover {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.upload_btn .bg {
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 2;
  font-size: 14px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  border-radius: 50%;
}
.col6p7 {
  color: rgba(102, 102, 102, 0.7);
}
.ico20 {
  width: 20px;
  height: auto;
}
.profile_html .submit {
  width: 296px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  background: #42a3fc;
  border-radius: 30px;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
.profile_html .like_item {
  width: calc(50% - 15px);
  margin-right: 20px;
  margin-bottom: 20px;
  height: 104px;
  background: #f5f9ff;
  border-radius: 10px;
  padding: 0 20px;
  display: inline-flex;
  vertical-align: top;
}
.profile_html .like_item:nth-of-type(2n) {
  margin-right: 0;
}
.ico64 {
  width: 64px;
  height: 64px;
  object-fit: cover;
  border-radius: 50%;
}
.maxw62 {
  max-width: 60%;
  display: block;
}
.profile_html .like_item .like_in {
  font-size: 18px;
  font-weight: 400;
  color: #898989;
  line-height: 25px;
  width: 100%;
}
.profile_html .like_item .like_in span {
  color: #576b95;
}
.profile_html .comments_item {
  width: calc(50% - 10px);
  margin-right: 15px;
  margin-bottom: 20px;
  min-height: 203px;
  background: #f5f9ff;
  border-radius: 10px;
  padding: 20px;
  display: inline-flex;
  vertical-align: top;
}
.profile_html .comments_item:nth-of-type(2n) {
  margin-right: 0;
}
.profile_html .comments_item .like_in {
  font-size: 18px;
  font-weight: 400;
  color: #898989;
  line-height: 25px;
  width: 100%;
}
.profile_html .comments_item .like_in span {
  color: #576b95;
}
.profile_html .comments_item .write_comment_btn {
  width: 142px;
  height: 36px;
  background: rgba(66, 163, 252, 0.1);
  border-radius: 25px;
  margin-top: 10px;
  padding: 0 10px;
  cursor: pointer;
}
.ico18 {
  width: 18px;
  height: auto;
}
.profile_html .boi_box {
  width: 100%;
  height: 112px;
  background: #f5f9ff;
  border-radius: 10px;
  padding-left: 20px;
  padding-right: 30px;
}
.ico67 {
  width: 67px;
  height: auto;
}
.profile_html .boi_tab {
  height: 46px;
  width: 100%;
  position: relative;
}
.profile_html .boi_tab_item {
  margin-right: 60px;
  height: 46px;
  font-size: 22px;
  font-weight: 400;
  color: #999999;
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  position: relative;
  cursor: pointer;
}
.profile_html .boi_tab_item.active {
  font-size: 22px;
  font-weight: 500;
  color: #333333;
}
.profile_html .boi_tab_item.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 20px;
  height: 5px;
  background: #42a3fc;
  border-radius: 10px;
}
.profile_html .boi_data {
  width: calc(50% - 10px);
  height: 104px;
  background: #f5f9ff;
  border-radius: 10px;
  display: inline-flex;
  vertical-align: top;
  margin-right: 15px;
  margin-bottom: 20px;
  padding: 0 20px;
}
.profile_html .boi_data:nth-of-type(2n) {
  margin-right: 0;
}
.profile_html .boi_main {
  width: 100%;
}
.colr {
  font-size: 24px;
  font-weight: 500;
  color: #ff4343;
}
.profile_html .part_content .my_idea_item {
  display: inline-block;
  vertical-align: top;
  margin-right: 2.7%;
  margin-bottom: 40px;
  width: 30.8%;
}
.profile_html .part_content .my_idea_item:nth-of-type(3n) {
  margin-right: 0;
}
.profile_html .part_content .my_idea_item .item_banner {
  width: 100%;
  height: 218px;
  object-fit: cover;
  aspect-ratio: 330/218;
  border-radius: 10px;
}
.profile_html .my_idea_item .head {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  object-fit: cover;
}

.profile_html .edit_btn {
  width: 94px;
  height: 36px;
  background: rgba(66, 163, 252, 0.1);
  border-radius: 25px;
  margin-top: 10px;
  padding: 0 10px;
  font-size: 18px;
  font-weight: 400;
  color: #42a3fc;
  cursor: pointer;
}
.profile_html .edit_textarea {
  width: 100%;
  height: 200px;
  background: #f5f9ff;
  border-radius: 10px;
  margin-top: 50px;
  border: none;
  padding: 20px;
  font-size: 18px;
  color: #101010;
}
.profile_html .edit_textarea::placeholder {
  color: #999;
}
.profile_html .edit_box .upload_link {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 122px;
  height: 122px;
  border-radius: 10px;
  z-index: 1;
  margin-top: 20px;
  margin-right: 20px;
  padding: 0;
}
.profile_html .edit_box .upload_link .img {
  width: 122px;
  height: 122px;
  border-radius: 10px;
  z-index: 1;
  position: relative;
  object-fit: cover;
}
.profile_html .edit_box .upload_link .del {
  width: 120px;
  height: 24px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 0px 0px 10px 10px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.profile_html .popup {
  width: 516px;
  height: 516px;
  background: #ffffff;
  border-radius: 20px;
}
.profile_html .popup .pop_code {
  width: 273px;
 height: 273px;
  object-fit: cover;
}

.main_link{position: relative;z-index: 1;}
.scroll_tab{height: 80px;width: 100%;position: fixed;background: #fff;z-index: 9;}
.pt80{padding-top: 80px;}
.pdf_box{width: 100%;margin-bottom: 30px;height: 80px;border-radius: 10px;background: #E8E9EC;}
.pdf_box .open{background-color: #C9000F;color: #fff;font-size: 26px;width: 120px;height: 60px;line-height: 60px;text-align: center;display: block;}
/* 980px~1440xp（考虑屏幕宽度小于1440px尺寸的电脑） */
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1439px) {
  .w1440{max-width: 1024px;}
  .header_fix .header .tab_nav {
    padding-left: 94px;
  }
  .header_fix .header .tab_nav .tab {
    font-size: 24px;
    font-weight: 400;
    color: #666666;
    margin-right: 80px;
  }
  .study_html .article_item {
    width: 453px;
    margin-right: 20px;
    display: inline-flex;
    vertical-align: top;
  }
  .study_html .article_list .scroll_tab {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
  .question_list .scroll_tab {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
  }
  .study_html .article_item:nth-of-type(2n) {
    margin-right: 0;
  }
  .study_html .article_item:nth-of-type(3n) {
    margin-right: 20px;
  }
  .study_html .question_item:nth-of-type(2n) {
    margin-right: 0;
  }
  .study_html .question_item:nth-of-type(3n) {
    margin-right: 40px;
  }
  .study_html .options.mini:nth-of-type(4n) {
    margin-right: 24px;
  }
  .maxw62 {
    max-width: 40%;
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .maxw62 {
    max-width: 30%;
    display: block;
  }
}