.uct-cont .user_right .uct_cont_box .d-flex .uct_block_box.uct_block_box_wap {
  display: none; }

.ml15_pc {
  display: block; }

.ml15_wap {
  display: none; }

.accepted_methods_wap {
  display: none; }

.white_cont .whit_ipt_tit .com_btn1 {
  white-space: nowrap; }
.white_cont .whit_ipt_tit .wipt_cont input {
  width: auto; }

.drawer-icon {
  display: none;
  position: absolute;
  right: 0px;
  top: 70px;
  display: flex;
  height: 44px;
  padding: 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  background: #dde4ea;
  border-radius: 44px 0 0 44px;
  z-index: 9999; }
  .drawer-icon.drawer-icon-open {
    display: none; }
  .drawer-icon.drawer-icon-close {
    display: none; }

.com_btn {
  white-space: nowrap !important; }

.dflex_cent > p {
  white-space: nowrap; }

.uct-header .head-right-pop {
  width: 260px;
  z-index: 10; }

.pop-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99; }
  .pop-mask.show {
    display: block; }

.uct-header .head-right-pop {
  top: 0px; }
  .uct-header .head-right-pop .pop-close-btn {
    position: absolute;
    top: 9px;
    right: 9px;
    cursor: pointer; }
  .uct-header .head-right-pop .header-cont {
    padding: 0px !important; }

#settingS5 .uct-header .head-right-pop .header-cont .lang .currency-box,
.uct-header .head-right-pop .header-cont .lang .currency-box {
  display: none; }

#settingS5 .uct-header .head-right-pop .header-cont .lang .currency-box.show,
.uct-header .head-right-pop .header-cont .lang .currency-box.show {
  display: flex; }

.uct-header .head-right-pop .header-cont .lang:hover .ssssd img {
  transform: rotate(90deg) !important; }
.uct-header .head-right-pop .header-cont .lang .ssssd img.tr {
  transition: all 0.5s;
  transform: rotate(-90deg) !important; }
.uct-header .head-right-pop .header-cont .user .logout-icon > img {
  transform: rotate(0deg);
  cursor: pointer; }

.uct-cont .user_right .uct_cont_box .d-flex .h100p {
  height: unset !important; }
.uct-cont .user_right .uct_cont_box .d-flex.h100p {
  height: unset !important; }

@media only screen and (max-width: 1580px) {
  .ur_echart_box.flex-box {
    flex-direction: column;
    gap: 30px; }
    .ur_echart_box.flex-box .flex-box-left, .ur_echart_box.flex-box .flex-box-right {
      width: 100%; }
    .ur_echart_box.flex-box .flex-box-left::after {
      content: '';
      width: 100%;
      height: 1px;
      bottom: -15px;
      left: 0;
      top: unset; } }
@media only screen and (max-width: 1280px) {
  .uct-header .header-cont {
    min-width: unset; }

  .uct-cont .user_right .uct_header {
    padding: 10px 15px; }
  .uct-cont .user_right .uct_nav {
    padding: 15px 15px 0 15px; }
  .uct-cont .user_right .uct_cont_box {
    padding: 10px; }
    .uct-cont .user_right .uct_cont_box .sh_cont .sh_line {
      margin: 0 30px; }
    .uct-cont .user_right .uct_cont_box .ucr_timesearch_box {
      right: 15px; }
    .uct-cont .user_right .uct_cont_box .d-flex {
      width: 745px; }
      .uct-cont .user_right .uct_cont_box .d-flex .ml15 .pay_order_details {
        /* width: calc(100% - 30px); */
        width: 320px;
        padding: 15px; }
      .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods {
        /* width: calc(100% - 30px); */
        width: 240px !important; }
        .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods p {
          font-size: 12px; }
        .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods img {
          padding: 0px 15px; }
      .uct-cont .user_right .uct_cont_box .d-flex .flex_1 {
        width: calc(100% - 255px); }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box {
          flex-wrap: wrap;
          padding: 15px; }
          .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li {
            min-width: 228px;
            padding: 15px; }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box.padding_20_30 {
          padding: 15px; }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .padding_20_30 {
          padding: 15px; }
      .uct-cont .user_right .uct_cont_box .d-flex.flex_1 {
        width: calc(100% - 255px); }
  .uct-cont .user_right .uct_block_box .sh_cont .sh-li {
    min-width: 220px; }
  .uct-cont .user_right .uct_block_box .sh_cont .sh_cdkipt .shcdk_p {
    white-space: nowrap; }
  .uct-cont .user_right .uct_block_box .sh_cont .sh_cdkipt input {
    width: 449px; }
  .uct-cont .uct_block_box .uctb_tit {
    padding: 15px; }
  .uct-cont .uct_block_box .sh_cont {
    padding: 15px; }
  .uct-cont .uct_block_box .ur_echart_box {
    padding: 15px; }
    .uct-cont .uct_block_box .ur_echart_box > .download-li-list {
      padding: 18px 15px; }

  .white_cont .whit_ipt_tit {
    flex-wrap: wrap; }
    .white_cont .whit_ipt_tit .wipt_cont {
      width: 100%;
      margin-bottom: 20px; }
      .white_cont .whit_ipt_tit .wipt_cont input {
        width: 100%; }

  .allwlist-explain {
    width: 27px; }

  .uct_block_box {
    position: relative; }
    .uct_block_box .sh_cont .com_btn1 {
      white-space: nowrap; }

  .el-drawer {
    width: 630px !important; }

  .el-drawer__body {
    background: #F6F8FA; }

  .drawer-contanier {
    padding: 0 5px; }

  .el-drawer__body .extract-introduce {
    display: block;
    margin-left: 0 !important;
    width: 100% !important; }

  .drawer-icon {
    display: flex;
    cursor: pointer; }
    .drawer-icon.drawer-icon-open {
      display: none; }
    .drawer-icon.drawer-icon-close {
      display: none;
      right: 630px;
      animation: drawer-icon-close-move .3s 1ms; }

  @keyframes drawer-icon-close-move {
    0% {
      right: 0px; }
    100% {
      right: 630px; } }
  .uct-info {
    padding: 20px 15px !important;
    overflow-y: auto !important; }

  .uct-download > .download-box {
    padding: 0px !important;
    background: unset !important;
    gap: 0px !important; }
    .uct-download > .download-box .title {
      width: 100%;
      padding: 15px;
      background: #fff;
      margin-bottom: 10px; }
    .uct-download > .download-box > .download-list {
      flex-wrap: wrap !important;
      padding: 10px;
      background: #fff;
      margin: 0 10px; }
      .uct-download > .download-box > .download-list > .li {
        width: 100%;
        flex: unset !important; }
        .uct-download > .download-box > .download-list > .li > .li-left > .left-bottom > .bottom-text {
          line-height: 150% !important; }

  .use-code-box {
    flex-wrap: wrap;
    gap: 20px; }
    .use-code-box .code-li {
      white-space: nowrap; }

  .use-code-box .code-li .li-code2, .use-code-box .code-li .li-code {
    white-space: pre-wrap; }

  .dflex_cent {
    align-items: center; }
    .dflex_cent > p {
      white-space: nowrap; }

  .uct_block_box .uctb_tit .tit_p1 {
    margin-left: 0px !important;
    margin-top: 10px !important;
    margin-bottom: 10px; }
  .uct_block_box .uctb_tit .uct_tit_high p {
    white-space: nowrap !important; }

  .uct-cont .uct_block_box .uctb_tit {
    flex-wrap: wrap; }

  .renewal_info .city-list {
    gap: 10px;
    margin-bottom: 30px; }
    .renewal_info .city-list .city-li {
      /* flex: 1 !important; */
      margin-right: 0px !important;
      margin-bottom: 0px !important; }
  .renewal_info .city-l {
    padding: 20px 15px; } }
@media only screen and (max-width: 960px) {
  .uct-header .logo {
    display: none !important; }
  .uct-header .header-cont {
    min-width: unset;
    display: none; }
  .uct-header .wap-header {
    display: flex; }
  .uct-header .head-right-pop .header-cont {
    width: 100% !important;
    display: flex; }

  .uct-header .logo,
  .uct-header .header-cont {
    display: none; }

  .uct-header .head-right-pop,
  .uct-header .wap-header {
    display: flex;
    z-index: 999; }

  .uct-body {
    min-width: 0px; }

  .uct-cont .user_right .uct_header {
    padding: 10px; }
    .uct-cont .user_right .uct_header.uct_header_back {
      padding: 10px 10px 10px 25px; }
      .uct-cont .user_right .uct_header.uct_header_back::before {
        left: 10px;
        top: 12px; }
  .uct-cont .user_right .uct_nav {
    padding: 15px 15px 0 15px; }
  .uct-cont .user_right .uct_cont_box {
    padding: 10px; }
    .uct-cont .user_right .uct_cont_box .ur_echart_box .ucr_timesearch_box {
      position: unset;
      max-width: 565px;
      padding-right: 0; }
    .uct-cont .user_right .uct_cont_box .ur_echart_box > .download-li-list {
      flex-wrap: wrap;
      gap: 20px 0;
      justify-content: flex-start; }
      .uct-cont .user_right .uct_cont_box .ur_echart_box > .download-li-list .download-li {
        width: calc(100% / 3); }
      .uct-cont .user_right .uct_cont_box .ur_echart_box > .download-li-list .ucenter-split-line {
        display: none; }
        .uct-cont .user_right .uct_cont_box .ur_echart_box > .download-li-list .ucenter-split-line.download-li-beta {
          display: none !important; }
    .uct-cont .user_right .uct_cont_box .sh_cont .sh_line {
      margin: 0 30px; }
    .uct-cont .user_right .uct_cont_box .ucr_timesearch_box {
      right: 15px; }
    .uct-cont .user_right .uct_cont_box .d-flex {
      width: 675px; }
      .uct-cont .user_right .uct_cont_box .d-flex .ml15 .pay_order_details {
        /* width: calc(100% - 30px); */
        width: 240 !important;
        padding: 15px; }
      .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods {
        /* width: calc(100% - 30px); */
        width: 240px !important; }
        .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods p {
          font-size: 12px; }
        .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods img {
          padding: 0px 15px; }
      .uct-cont .user_right .uct_cont_box .d-flex .flex_1 {
        width: calc(100% - 255px); }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box {
          flex-wrap: wrap;
          padding: 15px; }
          .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li {
            min-width: 196px;
            padding: 15px;
            margin-bottom: 10px; }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_hasbox {
          flex-wrap: wrap;
          padding: 15px; }
          .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_hasbox .uctb_paylist_box {
            padding: 0; }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box.padding_20_30 {
          padding: 15px; }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .padding_20_30 {
          padding: 15px; }
      .uct-cont .user_right .uct_cont_box .d-flex.flex_1 {
        width: calc(100% - 255px); }
  .uct-cont .user_right .uct_block_box .sh_cont .sh-li {
    min-width: 220px; }
  .uct-cont .user_right .uct_block_box .sh_cont .sh_cdkipt .shcdk_p {
    white-space: nowrap; }
  .uct-cont .user_right .uct_block_box .sh_cont .sh_cdkipt input {
    width: 418px; }
  .uct-cont .uct_block_box .uctb_tit {
    padding: 15px; }
  .uct-cont .uct_block_box .sh_cont {
    padding: 15px; }
  .uct-cont .uct_block_box .ur_echart_box {
    padding: 15px; }

  .uct-body #settingS5 .uct-header .head-right-pop {
    width: 260px;
    z-index: 999;
    top: 0px; }
    .uct-body #settingS5 .uct-header .head-right-pop .header-cont {
      display: flex !important; }
  .uct-body #settingS5 .uct-header .header-cont .user {
    padding-left: 0px !important; }

  .uct-info {
    padding: 15px !important;
    overflow-y: auto !important; } }
@media only screen and (max-width: 820px) {
  .uct-info {
    margin-top: 52px; }

  .uct-header .head-right-pop {
    width: 260px; }

  .uct-body #settingS5 .uct-header .head-right-pop .header-cont {
    display: flex !important; }

  .sh_cont textarea {
    width: 100%; } }
@media only screen and (max-width: 780px) {
  .uct_nav {
    overflow: auto hidden; }
    .uct_nav::-webkit-scrollbar {
      height: 1px; }
    .uct_nav::-webkit-scrollbar-thumb {
      background-color: #C9CDE0;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
    .uct_nav .un_li p {
      white-space: nowrap; }

  .uct-header .header-cont {
    min-width: unset; }
    .uct-header .header-cont .user_pc {
      display: none; }
    .uct-header .header-cont .user_wap {
      display: block; }

  .uct-body {
    min-width: 0px; }

  .uct-cont .user_right .uct_header {
    padding: 10px; }
  .uct-cont .user_right .uct_nav {
    padding: 15px 15px 0 15px; }
  .uct-cont .user_right .uct_cont_box {
    padding: 10px; }
    .uct-cont .user_right .uct_cont_box .ur_echart_box .ucr_timesearch_box {
      position: unset;
      max-width: 565px; }
    .uct-cont .user_right .uct_cont_box .sh_cont .sh_line {
      display: none; }
    .uct-cont .user_right .uct_cont_box .ucr_timesearch_box {
      right: 15px; }
    .uct-cont .user_right .uct_cont_box .d-flex {
      width: 495px;
      flex-wrap: wrap; }
      .uct-cont .user_right .uct_cont_box .d-flex .ml15 .pay_order_details {
        /* width: calc(100% - 30px); */
        width: 240px !important;
        padding: 15px; }
      .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods {
        /* width: calc(100% - 30px); */
        width: 240px !important; }
        .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods p {
          font-size: 12px; }
        .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods img {
          padding: 0px 15px; }
      .uct-cont .user_right .uct_cont_box .d-flex .flex_1 {
        width: calc(100% - 255px); }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box {
          flex-wrap: wrap;
          padding: 15px; }
          .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li {
            padding: 15px;
            margin-bottom: 0;
            height: auto; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li .pli_name {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              align-items: flex-start; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li:last-of-type .pli_iptnum .pli_name {
              justify-content: center; }
              .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li:last-of-type .pli_iptnum .pli_name .pli_name_rw {
                display: none; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li .pli_pic {
              display: none; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li.broadband_li .pli_pic {
              display: flex;
              margin-top: -10px; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li .pli-ot > .active-tag {
              display: none !important; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li .pli-ot .pli_origin_pic {
              display: none; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li .pli-ot .pli_total {
              width: 100%;
              display: flex;
              align-items: center;
              justify-content: space-between; }
              .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li .pli-ot .pli_total .active-tag {
                position: static;
                padding: 0;
                background: none;
                color: var(--PIA24-VI-02, #F82);
                font-family: "Open Sans";
                font-size: 12px;
                font-style: normal;
                font-weight: 400;
                line-height: 100%;
                /* 12px */ }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_hasbox {
          flex-wrap: wrap;
          padding: 15px; }
          .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_hasbox .uctb_paylist_box {
            padding: 0; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_hasbox .uctb_paylist_box .uctbp_li {
              min-width: 138px; }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box.padding_20_30 {
          padding: 15px; }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .padding_20_30 {
          padding: 15px;
          flex-direction: column; }
          .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .padding_20_30 .ml140 {
            margin-left: 0px !important; }
      .uct-cont .user_right .uct_cont_box .d-flex.flex_1 {
        width: 100%; }
  .uct-cont .user_right .uct_block_box .sh_cont .sh-li {
    min-width: 220px;
    margin-bottom: 15px; }
  .uct-cont .user_right .uct_block_box .sh_cont .sh_cdkipt .shcdk_p {
    white-space: nowrap; }
  .uct-cont .user_right .uct_block_box .sh_cont .sh_cdkipt input {
    width: 519px; }
  .uct-cont .uct_block_box .uctb_tit {
    padding: 15px; }
  .uct-cont .uct_block_box .sh_cont {
    display: flex;
    padding: 15px;
    flex-wrap: wrap; }
  .uct-cont .uct_block_box .ur_echart_box {
    padding: 15px; }

  .white_cont .whit_ipt_tit .com_btn1 {
    margin-right: 0px !important;
    margin-bottom: 5px !important; }

  .api-extract .apie-select-box .apiesb-cont .apis-li .com_btn {
    margin-left: 0px !important;
    margin-top: 20px; }
  .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box .alink-ipt-box {
    width: 100% !important; }
  .api-extract .apie-select-box .apiesb-cont .apis-li.apis-li-username-2 .alink-ipt-box input {
    width: 100% !important; }
  .api-extract .apie-select-box .apiesb-cont .site_select {
    flex-wrap: wrap !important; }
  .api-extract .apie-select-box .apiesb-cont .site_select_2 {
    flex-wrap: wrap !important; }

  .nav_search_box {
    flex-wrap: wrap; }
    .nav_search_box .ns_filter {
      flex-wrap: wrap;
      justify-content: center;
      flex-direction: column;
      gap: 10px;
      width: 100%; }
      .nav_search_box .ns_filter .el-input__inner {
        width: 100%; }
        .nav_search_box .ns_filter .el-input__inner.ml10 {
          margin-left: 0 !important; }
      .nav_search_box .ns_filter > div.ml15 {
        margin-left: 0 !important; }
      .nav_search_box .ns_filter .d-flex {
        gap: 10px;
        width: 100%; }
        .nav_search_box .ns_filter .d-flex .com_btn1, .nav_search_box .ns_filter .d-flex .com_btn {
          width: 100%;
          margin-left: 0;
          margin-right: 0 !important; }
          .nav_search_box .ns_filter .d-flex .com_btn1.ml15, .nav_search_box .ns_filter .d-flex .com_btn.ml15 {
            margin-left: 0 !important; }
      .nav_search_box .ns_filter .com_btn1, .nav_search_box .ns_filter .com_btn {
        width: 100%;
        margin-left: 0;
        margin-right: 0 !important; }
        .nav_search_box .ns_filter .com_btn1.ml10, .nav_search_box .ns_filter .com_btn.ml10 {
          margin-left: 0 !important; }
    .nav_search_box .com_btn1.refresh {
      display: none; }
    .nav_search_box .regionSelect {
      flex-shrink: 0;
      width: 100%;
      margin-left: 0 !important; }
    .nav_search_box .nsf_seach_box {
      width: 100%; }
      .nav_search_box .nsf_seach_box.ml10 {
        margin-left: 0 !important; }

  .com_btn_container {
    width: 100%;
    justify-content: flex-end; }

  .uct_block_box .uctb_tit .uct_tit_high p {
    white-space: pre-wrap !important; }

  .rp-purchase-plan .statistics-history {
    display: flex;
    flex-wrap: wrap; } }
@media only screen and (max-width: 600px) {
  .accepted_methods_wap {
    display: block !important; }

  .uct-header .header-cont {
    min-width: unset; }
    .uct-header .header-cont .user_pc {
      display: none; }
    .uct-header .header-cont .user_wap {
      display: block; }

  .uct-body {
    min-width: 0px; }

  .uct-cont .user_right .uct_header {
    padding: 15px; }
  .uct-cont .user_right .uct_nav {
    padding: 15px 15px 0 15px;
    flex-shrink: 0; }
  .uct-cont .user_right .uct_cont_box {
    padding: 10px; }
    .uct-cont .user_right .uct_cont_box .ur_echart_box .ucr_timesearch_box {
      position: unset;
      max-width: 565px;
      width: 100%; }
      .uct-cont .user_right .uct_cont_box .ur_echart_box .ucr_timesearch_box.ucr_timesearch_box_record .uct-timebox-date .el-date-editor {
        width: 100%; }
    .uct-cont .user_right .uct_cont_box .ur_echart_box > .download-li-list {
      flex-wrap: wrap;
      gap: 20px 0; }
      .uct-cont .user_right .uct_cont_box .ur_echart_box > .download-li-list .download-li {
        width: calc(100% / 2); }
    .uct-cont .user_right .uct_cont_box .sh_cont .sh_line {
      display: none; }
    .uct-cont .user_right .uct_cont_box .ucr_timesearch_box {
      right: 15px; }
      .uct-cont .user_right .uct_cont_box .ucr_timesearch_box .uct-timebox {
        height: auto;
        flex-direction: column; }
        .uct-cont .user_right .uct_cont_box .ucr_timesearch_box .uct-timebox .dayselect {
          display: flex;
          justify-content: center;
          width: 100%;
          border-right: 0;
          border-bottom: 1px solid #eaeff9; }
    .uct-cont .user_right .uct_cont_box .d-flex {
      display: flex;
      flex-direction: column;
      gap: 15px;
      width: 355px; }
      .uct-cont .user_right .uct_cont_box .d-flex .uct_block_box.uct_block_box_wap {
        display: block;
        padding: 15px; }
      .uct-cont .user_right .uct_cont_box .d-flex .uct_block_box.uct_block_box_pc {
        display: none; }
      .uct-cont .user_right .uct_cont_box .d-flex .uct_block_box .padding_20_30 {
        padding: 15px; }
        .uct-cont .user_right .uct_cont_box .d-flex .uct_block_box .padding_20_30 .d-flex-li {
          padding: 0 15px;
          margin-left: 0 !important; }
      .uct-cont .user_right .uct_cont_box .d-flex .uct_block_box_wap.uct_block_box_wap2 {
        padding: 0px; }
      .uct-cont .user_right .uct_cont_box .d-flex .ml15 {
        margin-left: 0px !important;
        margin-bottom: 15px !important; }
        .uct-cont .user_right .uct_cont_box .d-flex .ml15 .pay_order_details {
          width: 100%;
          padding: 15px;
          width: 100% !important; }
        .uct-cont .user_right .uct_cont_box .d-flex .ml15 .paycontr-tips {
          width: 100%; }
        .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods {
          display: none !important;
          width: 100% !important; }
          .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods p {
            font-size: 12px; }
          .uct-cont .user_right .uct_cont_box .d-flex .ml15 .acceped_methods img {
            padding: 0px 15px; }
      .uct-cont .user_right .uct_cont_box .d-flex .flex_1 {
        width: 100%; }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box {
          flex-wrap: wrap;
          padding: 15px; }
          .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box.paylistType_unlimited_proxy {
            padding: 0; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box.paylistType_unlimited_proxy .uctbp_li .pli_name {
              width: 100%;
              justify-content: center; }
          .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li {
            width: 100%;
            margin-right: 0px;
            padding: 25px 20px 20px; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li .pli_name {
              width: 100%;
              display: flex;
              flex-wrap: wrap; }
              .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li .pli_name .pli_name_rw {
                display: flex;
                flex-direction: column;
                gap: 10px;
                align-items: flex-end; }
                .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li .pli_name .pli_name_rw .pli_pic {
                  display: block; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li .pli-ot .pli_total {
              margin-top: 0; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_box .uctbp_li .pli_cont {
              gap: 10px; }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_hasbox {
          flex-wrap: wrap;
          padding: 15px; }
          .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_hasbox .uctb_paylist_box {
            padding: 0; }
            .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .uctb_paylist_hasbox .uctb_paylist_box .uctbp_li {
              min-width: 138px; }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box.padding_20_30 {
          padding: 15px; }
        .uct-cont .user_right .uct_cont_box .d-flex .flex_1 .uct_block_box .padding_20_30 {
          padding: 15px; }
      .uct-cont .user_right .uct_cont_box .d-flex .h100p {
        height: unset !important; }
      .uct-cont .user_right .uct_cont_box .d-flex.flex_1 {
        width: 100%; }
  .uct-cont .user_right .uct_block_box .sh_cont .sh-li {
    min-width: 220px;
    margin-bottom: 15px; }
  .uct-cont .user_right .uct_block_box .sh_cont .sh_cdkipt .shcdk_p {
    white-space: nowrap; }
  .uct-cont .user_right .uct_block_box .sh_cont .sh_cdkipt input {
    width: 121px; }
  .uct-cont .user_right .uct_block_box .sh_cont.isp_sh_cont {
    padding: 0;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
    border-radius: 4px;
    border: 1px solid var(--PIA24-Line-02, #F4F4F5);
    background: #FFF; }
    .uct-cont .user_right .uct_block_box .sh_cont.isp_sh_cont::-webkit-scrollbar {
      height: 4px; }
    .uct-cont .user_right .uct_block_box .sh_cont.isp_sh_cont::-webkit-scrollbar-thumb {
      background-color: #C9CDE0;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      border-radius: 4px; }
    .uct-cont .user_right .uct_block_box .sh_cont.isp_sh_cont .sh_line {
      display: block;
      width: 1px;
      height: 80px;
      background: #C9D3E2;
      margin-top: 35px; }
    .uct-cont .user_right .uct_block_box .sh_cont.isp_sh_cont .sh_cont_2 {
      width: 200px;
      flex-shrink: 0; }
      .uct-cont .user_right .uct_block_box .sh_cont.isp_sh_cont .sh_cont_2 .sh-title {
        display: flex;
        padding: 15px;
        justify-content: space-between;
        align-items: flex-start;
        align-self: stretch;
        border-radius: 4px 4px 0px 0px; }
      .uct-cont .user_right .uct_block_box .sh_cont.isp_sh_cont .sh_cont_2 .sh-li {
        display: flex;
        padding: 15px;
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
        align-self: stretch;
        min-width: unset;
        margin-bottom: 0; }
    .uct-cont .user_right .uct_block_box .sh_cont.isp_sh_cont .sh_cont_2:not(:first-child) .sh-title {
      display: flex;
      padding: 15px 35px;
      align-items: flex-start;
      gap: 10px;
      align-self: stretch; }
    .uct-cont .user_right .uct_block_box .sh_cont.isp_sh_cont .sh_cont_2:not(:first-child) .sh-li {
      display: flex;
      padding: 15px 35px;
      flex-direction: column;
      align-items: flex-start;
      gap: 20px;
      align-self: stretch; }
  .uct-cont .uct_block_box .uctb_tit {
    padding: 15px; }
  .uct-cont .uct_block_box .sh_cont {
    display: flex;
    padding: 15px;
    flex-wrap: wrap; }
  .uct-cont .uct_block_box .ur_echart_box {
    padding: 15px; }

  .customized-server .cs-right > span {
    width: 100%;
    text-align: center; }

  .el-picker-panel__sidebar {
    width: 100%;
    position: relative; }

  .el-picker-panel {
    max-width: 300px !important; }

  .el-picker-panel__content {
    width: 100%; }

  .el-picker-panel__body {
    margin-left: 0 !important;
    display: flex;
    flex-direction: column;
    min-width: auto !important; }

  .el-picker-panel__body-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center; }

  .ur_echart_box.flex-box .flex-box-left .flex-box-header, .ur_echart_box.flex-box .flex-box-right .flex-box-header {
    flex-direction: column;
    align-items: flex-start; }
    .ur_echart_box.flex-box .flex-box-left .flex-box-header.wap-flex, .ur_echart_box.flex-box .flex-box-right .flex-box-header.wap-flex {
      flex-direction: row; }
    .ur_echart_box.flex-box .flex-box-left .flex-box-header .el-select, .ur_echart_box.flex-box .flex-box-right .flex-box-header .el-select {
      width: 100%;
      margin-right: 0;
      border: 1px solid #EAEFF9;
      border-bottom: none; }

  .uctbp_li_custom {
    display: flex;
    flex-direction: column;
    gap: 10px;
    height: auto;
    margin-bottom: 10px; }
    .uctbp_li_custom .ulc-right-btn {
      width: 100%; }

  .tab_fot_page_box {
    flex-direction: column; }
    .tab_fot_page_box .dflex_cent {
      width: 100%;
      flex-direction: column;
      gap: 10px;
      align-items: flex-start; }
      .tab_fot_page_box .dflex_cent .com_btn1 {
        width: 100%; }
        .tab_fot_page_box .dflex_cent .com_btn1.ml5 {
          margin-left: 0 !important; }
        .tab_fot_page_box .dflex_cent .com_btn1.ml10 {
          margin-left: 0 !important; }
        .tab_fot_page_box .dflex_cent .com_btn1.ml15 {
          margin-left: 0 !important; }
    .tab_fot_page_box .pag-box {
      width: auto; }

  .uctb_paylist_box .uctbp_li .pli-wap {
    display: block; } }
@media only screen and (max-width: 480px) {
  .uct-cont .user_right .uct_block_box .sh_cont .sh-li {
    flex-wrap: wrap !important; }

  .uct_block_box .sh_cont .com_btn1 {
    margin-left: 0px !important; }
    .uct_block_box .sh_cont .com_btn1.com_btn1 {
      margin-left: 10px !important; }

  .api-extract .apiesbli-opt-box {
    width: 100%;
    gap: 10px; }
    .api-extract .apiesbli-opt-box .esb-opt {
      width: 100% !important; }
  .api-extract .apie-select-box .apiesb-cont .apis-li {
    width: 100% !important;
    margin-bottom: 15px !important; }
    .api-extract .apie-select-box .apiesb-cont .apis-li.apis-li-username .el-select {
      width: 100% !important; }
    .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box {
      width: 100% !important; }
      .api-extract .apie-select-box .apiesb-cont .apis-li .apiesbli-link-box .alink-ipt-box {
        width: 100% !important; }
    .api-extract .apie-select-box .apiesb-cont .apis-li.apis-li-username-2 .alink-ipt-box input {
      width: 100% !important; }
    .api-extract .apie-select-box .apiesb-cont .apis-li.apis-li-username-2 .el-select {
      width: 100% !important; }
  .api-extract .apie-select-box .apiesb-cont .site_select .apis-li .el-select {
    width: 100% !important; }

  .uct-download > .download-box > .download-list > .li {
    flex-wrap: wrap !important;
    justify-content: center; }
    .uct-download > .download-box > .download-list > .li > .li-left {
      width: 100%; }

  .use-code-box .code-li::before {
    bottom: 14px !important; }

  .uct-cont .user_right .uct_cont_box .d-flex .flex_1 {
    height: auto; } }
@media only screen and (max-width: 700px) {
  .el-drawer {
    width: 82% !important; }

  .drawer-icon.drawer-icon-close {
    display: none;
    right: 82%;
    animation: drawer-icon-close-move .3s 1ms; }

  @keyframes drawer-icon-close-move {
    0% {
      right: 0px; }
    100% {
      right: 82%; } } }

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