@media (max-width: 768px) {
  .plugin-country{ display: flex; flex-direction: column; }
  .plugin-country_search{ padding: 20px 12px; flex-shrink: 0; }
  .plugin-country_search-group{ width: 100%; display: flex; flex-wrap: nowrap; align-items: center; border-radius: 20px; border: 1px solid #4592FF;  overflow: hidden; }
  .plugin-country_search-input{ padding: 10px; border: none; flex: 1; }
  .plugin-country_search-input:focus{ box-shadow: none; outline: none; font-size: 14px; }
  .plugin-country_search-btn{ padding: 5px 10px; }
  .plugin-country_search-btn .iconfont { font-size: 20px; }
  .plugin-country_wrap{ flex: 1; position: relative; }
  .plugin-country_code{ position: fixed; top: 50%; right: 5px; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center;}
  .plugin-country_code-item{ font-size: 12px; padding: 0 7px; }
  .plugin-country_code-item.active{ color: #fff; padding: 0; background-color: var(--main-color); border-radius: 50%; width: 20px; height: 20px; line-height: 20px; text-align: center; }
  .plugin-country_label{ font-size: 14px; color: #999; padding: 10px 12px; background-color: #F5F5F5; }
  .plugin-country_list{ padding: 0 12px; }
  .plugin-country_item{ padding: 15px 0; border-bottom: 1px solid rgba(0,0,0,.1); font-size: 16px; }
  .plugin-country_item:last-child{ border-bottom: none; }
  .plugin-country-alert{ width: 52px; height: 0; line-height: 52px; border-radius: 50%; color: #fff; background-color: #ccc; font-size: 28px; text-align: center; position: fixed; top: 50%; right: 10%; transform: translateY(-50%); opacity: 0; overflow: hidden; transition: opacity .6s; }
  .plugin-country-alert.show { opacity: 1; height: 52px; }
}
@media (max-width: 414px) {
  .plugin-country_search{ padding: 20px 26px;}
}