@charset "UTF-8";
* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: "微軟正黑體";
}

img {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

ul, p {
  padding: 0;
  margin: 0;
}

/*共用*/
/**/
/*rwd*/
/**/
/**/
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
li {
  line-height: 100%;
  font-weight: initial;
}

/*預設樣式清空*/
input {
  background: none;
  outline: none;
  border: none;
  outline: 0px;
}

input:focus {
  border: none;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  outline: none;
}

select::-ms-expand {
  display: none;
}

button {
  border: 0;
  background-color: initial;
  outline: none;
}

.show {
  display: block !important;
}

.mb_show {
  display: none !important;
}
@media (max-width: 820px) {
  .mb_show {
    display: block !important;
  }
}

html {
  height: 100%;
}

body {
  background-color: #f7f7f7 !important;
  padding: 0px !important;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

@media (max-width: 820px) {
  .fixed_header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10;
  }
}

.swal2-icon {
  margin: 0 auto 0.6em !important;
}

.swal2-popup {
  padding: 20px !important;
}

.swal2-title {
  font-size: 16px !important;
  padding: 5px 1em 0 !important;
}

.swal2-actions button {
  font-size: 14px !important;
  border-radius: 7px !important;
}

.swal2-html-container {
  font-size: 14px !important;
  margin: 10px 1.6em 0px;
}

.swal2-styled {
  box-shadow: 0 0 0 3px transparent !important;
}

.swal2-styled.swal2-confirm {
  padding: 0px 15px !important;
  line-height: 34px !important;
  background-color: #49abe1 !important;
  box-shadow: 0 0 0 3px transparent !important;
}

.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px transparent !important;
}

.swal2-styled.swal2-cancel {
  padding: 0px 15px !important;
  line-height: 34px !important;
  background-color: #E3E3E3 !important;
}

.swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 3px transparent !important;
}

.swal2-container.swal2-center > .swal2-popup {
  border-radius: 10px;
}

header {
  background-color: #fff;
  padding: 0 15px;
  border-bottom: 1px solid #eee;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 3;
  min-height: 53px;
}
@media (max-width: 820px) {
  header {
    display: block;
    border-bottom: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  }
}
header .head_box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header .head_box .logo_search {
  display: flex;
  align-items: center;
  min-width: 500px;
}
@media (max-width: 820px) {
  header .head_box .logo_search {
    min-width: initial;
    flex-grow: 1;
  }
}
header .head_box .logo_search .logo {
  margin: 0 20px 0 0;
  position: relative;
  z-index: 1;
}
header .head_box .logo_search .logo a {
  display: block;
}
header .head_box .logo_search .logo a img {
  height: 100%;
  max-height: 50px;
}
header .head_box .logo_search .search {
  position: relative;
  left: -55px;
  width: 100%;
  max-width: 400px;
}
@media (max-width: 820px) {
  header .head_box .logo_search .search {
    max-width: initial;
    left: initial;
    right: 0px;
  }
}
header .head_box .logo_search .search .search_box {
  position: relative;
}
header .head_box .logo_search .search .search_box input {
  width: 100%;
  border-radius: 7px;
  padding: 10px 0 10px 12px;
  background-color: #eee;
  font-size: 16px;
  transform: scale(0.85);
  transform-origin: right;
}
header .head_box .logo_search .search .search_box button {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 0px;
  height: 34.85px;
  padding: 6px 10px 6px 10px;
  border: none;
  border-radius: 5px;
  background-color: initial;
  font-size: 12px;
}
@media (max-width: 820px) {
  header .head_box .icon_function {
    display: none;
  }
}
header .head_box .icon_function ul {
  list-style: none;
  display: flex;
  align-items: center;
  margin: 0 0 0 0;
}
header .head_box .icon_function ul li {
  position: relative;
}
header .head_box .icon_function ul li a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #000;
}
header .head_box .icon_function ul li a:hover {
  color: #49abe1;
}
header .head_box .icon_function ul li a .icon_box {
  position: relative;
  display: flex;
}
header .head_box .icon_function ul li a .icon_box span.sm_text {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #e4006c;
  padding: 0px 5px;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  transform: scale(0.75);
}
header .head_box .icon_function ul li a .icon_account_bg path {
  fill: #49abe1;
}
header .head_box .icon_function ul li a.login {
  padding: 0px 10px;
  line-height: 24px;
  border-radius: 5px;
  background-color: #49abe1;
  color: #fff;
  font-size: 14px;
}
@media (max-width: 960px) {
  header .head_box .icon_function ul li a.login {
    padding: 0 5px;
  }
}
header .head_box .icon_function ul li a.account_btn {
  cursor: pointer;
}
header .head_box .icon_function ul li + li {
  margin: 0 0 0 12px;
}
header .head_box .icon_function .pup_account {
  display: none;
  position: absolute;
  top: 25px;
  left: 0px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  background-color: #fff;
  padding: 15px;
  border-radius: 5px;
  z-index: 3;
}
header .head_box .icon_function .pup_account .pup_account_box ul {
  display: flex;
  flex-direction: column;
  align-items: baseline;
  padding: 0 0 0 0;
}
header .head_box .icon_function .pup_account .pup_account_box ul li {
  text-align: left;
}
header .head_box .icon_function .pup_account .pup_account_box ul li a {
  color: #000;
  font-size: 13px;
  white-space: nowrap;
}
header .head_box .icon_function .pup_account .pup_account_box ul li a:hover {
  color: #49abe1;
}
header .head_box .icon_function .pup_account .pup_account_box ul li + li {
  margin: 10px 0 0;
}

/* ---------- 大小與定位 ---------- */
#menu {
  /* 選單大小 */
  width: 100%;
  max-width: 100%;
  position: relative;
  z-index: 2;
  background-color: #49abe1;
  height: 41px;
  margin: 53px 0 0 0;
  /*debug*/
}
@media (max-width: 820px) {
  #menu {
    display: none;
  }
}
#menu p,
#menu a {
  font-size: 0px;
}
#menu ul {
  /* 取消ul樣式符號 */
  list-style-type: none;
  /* 重設ul邊界與留白為零 */
  margin: 0;
  /* 內有浮動元件時，需設overflow才會自動調整大小 */
  overflow: auto;
  padding: 0 30px;
}
#menu ul li {
  /* 利用float讓第一層li水平排列 */
  float: left;
}
#menu ul li a {
  /* 將a改為區塊元件，以便指定寬高 */
  display: block;
  /* 這邊也要設float，否則IE6會以100%寬度顯示 */
  float: left;
  /* 固定高度 */
  height: initial;
  text-align: left;
  font-size: 13px;
}
#menu ul li ul {
  /* 讓第二層ul跳脫文件流以利定位 */
  position: absolute;
  /* 固定寬度 */
  width: 180px;
  /* 避免出現捲軸 */
  overflow: visible;
  /* 讓ul與母階層li相同位置 */
  clear: left;
  margin-top: 35px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 0;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#menu ul li ul li {
  /* 覆寫繼承自第一層的浮動設定 */
  float: none;
  text-align: left;
  margin: 0;
}
#menu ul li ul li a {
  /* 覆寫繼承自第一層的浮動設定 */
  float: none;
  width: 100%;
  padding: 10px 15px;
  line-height: initial;
  /* 註：display、height、padding繼承第一層的設定 */
}
#menu ul li ul li a:hover {
  color: #49abe1;
}
#menu ul li ul li ul {
  margin-top: -36px;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: -180px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
#menu ul li ul#more_item {
  margin-left: -100px !important;
}
#menu ul li + li {
  margin: 0 0 0 30px;
}

#menu.scroll-default {
  position: fixed;
  top: 53px;
  margin: 0;
}

#menu.scroll-show {
  top: 0;
}

.scroll-default + .index_menu + .index .index_box {
  padding: 95px 30px 80px !important;
}

@media (max-width: 820px) {
  .scroll-default + .index_menu + .index .index_box {
    padding: 0 15px 0px !important;
  }
}

.scroll-default + .index_menu + .breadcrumb + .inner_product {
  padding: 94px 30px 30px;
}
@media (max-width: 820px) {
  .scroll-default + .index_menu + .breadcrumb + .inner_product {
    padding: 20px 15px !important;
  }
}

/* 解決IE6條列式餘白問題*/
* html #menu ul li {
  display: inline;
}

/* 修正IE7絕對定位差異 */
*:first-child + html #menu ul li ul {
  margin-top: 0;
}

/* 修正IE6絕對定位差異 */
* html #menu ul li ul {
  margin-top: 0;
}

/* 修正IE7絕對定位差異 */
*:first-child + html #menu ul li ul li ul {
  margin-top: -30px;
}

#menu ul li ul li ul li {
  /* width、float繼承第二層，免設定 */
}

#menu ul li ul li ul li a {
  /* width、float繼承第二層，免設定 */
}

/* ---------- 隱藏與顯示階層 ---------- */
#menu ul li ul {
  /* 預先隱藏第二層 */
  visibility: hidden;
}

#menu ul li:hover ul {
  /* 觸動第一層時，顯示第二層 */
  visibility: visible;
}

#menu ul li:hover ul li ul {
  /* 顯示第二層時，隱藏第三層，避免同時彈出 */
  visibility: hidden;
}

#menu ul li ul li:hover ul {
  /* 觸動第二層時，顯示第三層 */
  visibility: visible;
}

#menu ul li ul li:hover ul li ul {
  /* 顯示第三層時，隱藏第四層，避免同時彈出 */
  visibility: hidden;
}

#menu ul li ul li ul li:hover ul {
  /* 觸動第三層時，顯示第四層 */
  visibility: visible;
}

/* ---------- 以下為美化用，非必需 ---------- */
/* 預設字體 */
#menu {
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}

/* 第一層ul背景色彩與邊框 */
#menu > ul {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
}

/* 第一層a字型 */
#menu ul li a {
  color: #FFF;
  text-decoration: none;
  line-height: 40px;
}

/*第二層ul背景色彩與邊框  */
#menu ul li ul {
  background: #fff;
}

/* 第二層a字型 */
#menu ul li ul li a {
  font-size: 13px;
  color: #333333;
  text-decoration: none;
}

/* 觸動第一層li時，改變背景色 */
#menu ul li:hover {
  background: #49abe1;
}

#menu ul li a:hover {
  background: #49abe1;
}

/* 觸動第二層以上li時改變背景色 */
#menu ul li ul li:hover,
#menu ul li ul li a:hover {
  background: transparent;
}

.index {
  flex: 1;
}
@media (max-width: 820px) {
  .index {
    margin: 52px 0 0 0;
  }
}
.index .index_box {
  background-color: #f7f7f7;
  padding: 0px 30px 80px;
  /*新輪播*/
}
@media (max-width: 820px) {
  .index .index_box {
    padding: 0 15px 0px;
  }
}
.index .index_box .title {
  width: 100%;
  max-width: 1200px;
}
.index .index_box .title h3 {
  color: #49abe1;
  font-weight: bold;
  margin: 0 0 16px 0;
  font-size: 22px;
}
@media (max-width: 820px) {
  .index .index_box .title h3 {
    font-size: 18px;
    margin: 0 0 8px 0;
  }
}
.index .index_box section {
  width: 100%;
  max-width: 1200px;
  margin: 40px auto 0;
}
@media (max-width: 820px) {
  .index .index_box section {
    margin: 30px auto 0;
  }
}
.index .index_box section:last-child {
  margin: 40px auto 60px;
}
@media (max-width: 820px) {
  .index .index_box section:last-child {
    margin: 30px auto 40px;
  }
}
.index .index_box .top_img_swiper .swiper-pagination {
  position: relative;
}
.index .index_box .top_img_swiper .swiper-pagination .swiper-pagination-bullet {
  margin: 24px 4px 0;
  background-color: #ababab;
}
.index .index_box .card .top_img_swiper .swiper-wrapper .swiper-slide a img {
  width: 100%;
  max-width: 919px;
}
.index .index_box .card .card_swiper .swiper-wrapper .swiper-slide a img, .index .index_box .card .easy_card_swiper .swiper-wrapper .swiper-slide a img, .index .index_box .card .game_card_swiper .swiper-wrapper .swiper-slide a img {
  width: 100%;
  max-width: 172px;
}
.index .index_box .card .swiper-wrapper .swiper-slide a {
  display: block;
  text-decoration: none;
  text-align: center;
}
.index .index_box .card .swiper-wrapper .swiper-slide a img {
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.index .index_box .card .swiper-wrapper .swiper-slide a .img_pc {
  display: block;
}
@media (max-width: 820px) {
  .index .index_box .card .swiper-wrapper .swiper-slide a .img_pc {
    display: none;
  }
}
.index .index_box .card .swiper-wrapper .swiper-slide a .img_mb {
  display: none;
}
@media (max-width: 820px) {
  .index .index_box .card .swiper-wrapper .swiper-slide a .img_mb {
    display: block;
  }
}
.index .index_box .card .swiper-wrapper .swiper-slide a .text_box {
  font-size: 14px;
  line-height: 140%;
  margin: 12px 0 0;
  color: #000000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
@media (max-width: 820px) {
  .index .index_box .card .swiper-wrapper .swiper-slide a .text_box {
    margin: 8px 0 0 0;
  }
}
.index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a {
  display: block;
  border-radius: 8px;
  overflow: hidden;
  padding: 20px 30px;
  display: flex;
  align-items: center;
  background-color: #ffffff;
  text-decoration: none;
  color: #000000;
}
@media (max-width: 820px) {
  .index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a {
    padding: 15px;
  }
}
.index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .img_box {
  width: 100%;
  max-width: 180px;
}
@media (max-width: 820px) {
  .index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .img_box {
    flex: 1;
    max-width: 130px;
  }
}
.index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .img_box img {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 100px;
}
.index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .text_box {
  margin: 0 0 0 15px;
  text-align: left;
  flex: 1;
}
.index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .text_box h4 {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: bold;
  margin: 0 0 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
@media (max-width: 820px) {
  .index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .text_box h4 {
    font-size: 14px;
    margin: 0 0 5px;
  }
}
.index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .text_box p {
  font-size: 14px;
  line-height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
@media (max-width: 820px) {
  .index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .text_box p {
    font-size: 13px;
  }
}
.index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .text_box ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .text_box ul li {
  font-size: 14px;
  line-height: 1.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
@media (max-width: 820px) {
  .index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .text_box ul li {
    font-size: 13px;
  }
}
.index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .text_box ul li + li {
  margin: 5px 0 0;
}
@media (max-width: 820px) {
  .index .index_box .magazine_swiper .swiper-wrapper .swiper-slide a .text_box ul li + li {
    margin: 0px;
  }
}
.index .index_box .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
  position: relative;
  z-index: 20;
  width: 8px;
  height: 8px;
  opacity: 0.5;
}
.index .index_box .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}

.breadcrumb {
  width: 100%;
  max-width: 100%;
  margin: 0 0 0 0 !important;
}
@media (max-width: 820px) {
  .breadcrumb {
    margin: 52px 0 0 0 !important;
  }
}
.breadcrumb .breadcrumb_box {
  width: 100%;
  max-width: 1260px;
  margin: 0 auto;
  padding: 24px 30px 0;
}
@media (max-width: 820px) {
  .breadcrumb .breadcrumb_box {
    padding: 20px 15px 0;
  }
}
.breadcrumb .breadcrumb_box ul {
  display: flex;
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
@media (max-width: 820px) {
  .breadcrumb .breadcrumb_box ul {
    display: inline-block;
  }
}
.breadcrumb .breadcrumb_box ul li {
  display: flex;
}
@media (max-width: 820px) {
  .breadcrumb .breadcrumb_box ul li {
    display: inline-block;
  }
}
.breadcrumb .breadcrumb_box ul li .icon_box {
  margin: 0 5px;
  vertical-align: middle;
}
@media (max-width: 820px) {
  .breadcrumb .breadcrumb_box ul li .icon_box {
    display: inline-block;
  }
}
.breadcrumb .breadcrumb_box ul li a {
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 14px;
  vertical-align: middle;
}
@media (max-width: 820px) {
  .breadcrumb .breadcrumb_box ul li a {
    display: inline-block;
  }
}
.breadcrumb .breadcrumb_box ul li a.active {
  color: #49abe1;
}
@media (max-width: 820px) {
  .breadcrumb + .content {
    margin: 0 0 0 0;
  }
}

.step {
  width: 100%;
  max-width: 100%;
  padding: 30px 0 0;
}
@media (max-width: 820px) {
  .step {
    padding: 30px 0 10px;
    margin: 52px 0 0 0;
  }
}
.step .step_box {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.step .step_box ul {
  list-style: none;
  display: flex;
}
.step .step_box ul li {
  width: 100%;
  max-width: 33.3333%;
  position: relative;
}
.step .step_box ul li::before {
  background-color: #49abe1;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 15px;
}
@media (max-width: 820px) {
  .step .step_box ul li::before {
    top: 13px;
  }
}
.step .step_box ul li i {
  display: block;
  font-style: normal;
}
.step .step_box ul li i span {
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  border: 1px solid #49abe1;
  color: #49abe1;
  margin: 0 auto;
  border-radius: 100%;
  overflow: hidden;
  position: relative;
}
.step .step_box ul li i span::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 820px) {
  .step .step_box ul li i span {
    width: 25px;
    height: 25px;
  }
}
.step .step_box ul li i span.fill {
  background-color: #49abe1;
  color: #fff;
}
.step .step_box ul li p {
  font-size: 14px;
  margin: 15px 0 0;
  text-align: center;
  font-style: normal;
}
@media (max-width: 820px) {
  .step .step_box ul li p {
    font-size: 12px;
  }
}
.step .step_box ul li:nth-child(1)::before {
  width: 100%;
  left: 50% !important;
}
.step .step_box ul li:nth-child(1) i span:after {
  content: "1" !important;
}
.step .step_box ul li:nth-child(2)::before {
  width: 100%;
  left: 50% !important;
}
.step .step_box ul li:nth-child(2) i span:after {
  content: "2" !important;
}
.step .step_box ul li:nth-child(3) i span:after {
  content: "3" !important;
}

@media (max-width: 820px) {
  .step + .order_finish {
    margin: 0 0 0 0;
  }
}

.sidebar_overlay.on {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 20;
  background-color: rgba(0, 0, 0, 0.5);
}

.sidebar {
  width: 100%;
  min-width: 250px;
  max-width: 250px;
  margin: 0 30px 0 0;
}
@media (max-width: 820px) {
  .sidebar {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0px;
    left: 0px;
    background-color: #fff;
    height: 100vh;
  }
}
.sidebar .sidebar_box {
  padding: 24px;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box {
    background-color: initial;
    padding: 0px;
  }
}
.sidebar .sidebar_box .account,
.sidebar .sidebar_box .product {
  width: 100%;
  max-width: 100%;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box .account,
  .sidebar .sidebar_box .product {
    display: none;
  }
}
.sidebar .sidebar_box .account .account_box,
.sidebar .sidebar_box .account .product_box,
.sidebar .sidebar_box .product .account_box,
.sidebar .sidebar_box .product .product_box {
  width: 100%;
  max-width: 100%;
}
.sidebar .sidebar_box .account .account_box .title,
.sidebar .sidebar_box .account .product_box .title,
.sidebar .sidebar_box .product .account_box .title,
.sidebar .sidebar_box .product .product_box .title {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box .account .account_box .title,
  .sidebar .sidebar_box .account .product_box .title,
  .sidebar .sidebar_box .product .account_box .title,
  .sidebar .sidebar_box .product .product_box .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
    background: #fff;
    margin: 0px;
  }
}
.sidebar .sidebar_box .account .account_box .title h3,
.sidebar .sidebar_box .account .product_box .title h3,
.sidebar .sidebar_box .product .account_box .title h3,
.sidebar .sidebar_box .product .product_box .title h3 {
  font-size: 16px;
}
.sidebar .sidebar_box .account .account_box .title .btn_close,
.sidebar .sidebar_box .account .product_box .title .btn_close,
.sidebar .sidebar_box .product .account_box .title .btn_close,
.sidebar .sidebar_box .product .product_box .title .btn_close {
  display: none;
  cursor: pointer;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box .account .account_box .title .btn_close,
  .sidebar .sidebar_box .account .product_box .title .btn_close,
  .sidebar .sidebar_box .product .account_box .title .btn_close,
  .sidebar .sidebar_box .product .product_box .title .btn_close {
    display: block;
  }
}
.sidebar .sidebar_box .account .account_box ul.one,
.sidebar .sidebar_box .account .product_box ul.one,
.sidebar .sidebar_box .product .account_box ul.one,
.sidebar .sidebar_box .product .product_box ul.one {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  list-style: none;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box .account .account_box ul.one,
  .sidebar .sidebar_box .account .product_box ul.one,
  .sidebar .sidebar_box .product .account_box ul.one,
  .sidebar .sidebar_box .product .product_box ul.one {
    height: 100vh;
    max-height: 85vh;
    overflow-y: auto;
  }
}
.sidebar .sidebar_box .account .account_box ul.one li,
.sidebar .sidebar_box .account .product_box ul.one li,
.sidebar .sidebar_box .product .account_box ul.one li,
.sidebar .sidebar_box .product .product_box ul.one li {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.sidebar .sidebar_box .account .account_box ul.one li .item,
.sidebar .sidebar_box .account .product_box ul.one li .item,
.sidebar .sidebar_box .product .account_box ul.one li .item,
.sidebar .sidebar_box .product .product_box ul.one li .item {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box .account .account_box ul.one li .item,
  .sidebar .sidebar_box .account .product_box ul.one li .item,
  .sidebar .sidebar_box .product .account_box ul.one li .item,
  .sidebar .sidebar_box .product .product_box ul.one li .item {
    background: #fff;
  }
}
.sidebar .sidebar_box .account .account_box ul.one li .item a,
.sidebar .sidebar_box .account .product_box ul.one li .item a,
.sidebar .sidebar_box .product .account_box ul.one li .item a,
.sidebar .sidebar_box .product .product_box ul.one li .item a {
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 14px;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box .account .account_box ul.one li .item a,
  .sidebar .sidebar_box .account .product_box ul.one li .item a,
  .sidebar .sidebar_box .product .account_box ul.one li .item a,
  .sidebar .sidebar_box .product .product_box ul.one li .item a {
    width: 100%;
    max-width: 100%;
    padding: 15px 20px;
    background: #fff;
  }
}
.sidebar .sidebar_box .account .account_box ul.one li .item a:hover,
.sidebar .sidebar_box .account .product_box ul.one li .item a:hover,
.sidebar .sidebar_box .product .account_box ul.one li .item a:hover,
.sidebar .sidebar_box .product .product_box ul.one li .item a:hover {
  color: #49abe1;
}
.sidebar .sidebar_box .account .account_box ul.one li .item a.active,
.sidebar .sidebar_box .account .product_box ul.one li .item a.active,
.sidebar .sidebar_box .product .account_box ul.one li .item a.active,
.sidebar .sidebar_box .product .product_box ul.one li .item a.active {
  color: #49abe1;
  font-weight: bold;
}
.sidebar .sidebar_box .account .account_box ul.one li .item .icon_right,
.sidebar .sidebar_box .account .product_box ul.one li .item .icon_right,
.sidebar .sidebar_box .product .account_box ul.one li .item .icon_right,
.sidebar .sidebar_box .product .product_box ul.one li .item .icon_right {
  cursor: pointer;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box .account .account_box ul.one li .item .icon_right,
  .sidebar .sidebar_box .account .product_box ul.one li .item .icon_right,
  .sidebar .sidebar_box .product .account_box ul.one li .item .icon_right,
  .sidebar .sidebar_box .product .product_box ul.one li .item .icon_right {
    padding: 10px 15px;
  }
}
.sidebar .sidebar_box .account .account_box ul.one li .item .icon_right.active path,
.sidebar .sidebar_box .account .product_box ul.one li .item .icon_right.active path,
.sidebar .sidebar_box .product .account_box ul.one li .item .icon_right.active path,
.sidebar .sidebar_box .product .product_box ul.one li .item .icon_right.active path {
  stroke: #49abe1;
}
.sidebar .sidebar_box .account .account_box ul.one li .item .icon_right.rotate,
.sidebar .sidebar_box .account .product_box ul.one li .item .icon_right.rotate,
.sidebar .sidebar_box .product .account_box ul.one li .item .icon_right.rotate,
.sidebar .sidebar_box .product .product_box ul.one li .item .icon_right.rotate {
  transform: rotate(90deg);
}
.sidebar .sidebar_box .account .account_box ul.one li ul.second,
.sidebar .sidebar_box .account .product_box ul.one li ul.second,
.sidebar .sidebar_box .product .account_box ul.one li ul.second,
.sidebar .sidebar_box .product .product_box ul.one li ul.second {
  display: none;
  margin: 15px 0 0;
  padding: 0 0 0 20px;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box .account .account_box ul.one li ul.second,
  .sidebar .sidebar_box .account .product_box ul.one li ul.second,
  .sidebar .sidebar_box .product .account_box ul.one li ul.second,
  .sidebar .sidebar_box .product .product_box ul.one li ul.second {
    margin: 0px;
    padding: 0px;
  }
}
.sidebar .sidebar_box .account .account_box ul.one li ul.second li,
.sidebar .sidebar_box .account .product_box ul.one li ul.second li,
.sidebar .sidebar_box .product .account_box ul.one li ul.second li,
.sidebar .sidebar_box .product .product_box ul.one li ul.second li {
  background: #fff;
  font-size: 14px;
}
.sidebar .sidebar_box .account .account_box ul.one li ul.second li a,
.sidebar .sidebar_box .account .product_box ul.one li ul.second li a,
.sidebar .sidebar_box .product .account_box ul.one li ul.second li a,
.sidebar .sidebar_box .product .product_box ul.one li ul.second li a {
  display: block;
  text-decoration: none;
  color: #6e6e6e;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box .account .account_box ul.one li ul.second li a,
  .sidebar .sidebar_box .account .product_box ul.one li ul.second li a,
  .sidebar .sidebar_box .product .account_box ul.one li ul.second li a,
  .sidebar .sidebar_box .product .product_box ul.one li ul.second li a {
    padding: 15px 20px;
    margin: 0 0 0 15px;
  }
}
.sidebar .sidebar_box .account .account_box ul.one li ul.second li a:hover,
.sidebar .sidebar_box .account .product_box ul.one li ul.second li a:hover,
.sidebar .sidebar_box .product .account_box ul.one li ul.second li a:hover,
.sidebar .sidebar_box .product .product_box ul.one li ul.second li a:hover {
  color: #49abe1;
}
.sidebar .sidebar_box .account .account_box ul.one li ul.second li a.active,
.sidebar .sidebar_box .account .product_box ul.one li ul.second li a.active,
.sidebar .sidebar_box .product .account_box ul.one li ul.second li a.active,
.sidebar .sidebar_box .product .product_box ul.one li ul.second li a.active {
  color: #49abe1;
  font-weight: bold;
}
.sidebar .sidebar_box .account .account_box ul.one li ul.second li + li,
.sidebar .sidebar_box .account .product_box ul.one li ul.second li + li,
.sidebar .sidebar_box .product .account_box ul.one li ul.second li + li,
.sidebar .sidebar_box .product .product_box ul.one li ul.second li + li {
  margin: 15px 0 0;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box .account .account_box ul.one li ul.second li + li,
  .sidebar .sidebar_box .account .product_box ul.one li ul.second li + li,
  .sidebar .sidebar_box .product .account_box ul.one li ul.second li + li,
  .sidebar .sidebar_box .product .product_box ul.one li ul.second li + li {
    margin: 0px;
  }
}
.sidebar .sidebar_box .account .account_box ul.one li.register,
.sidebar .sidebar_box .account .account_box ul.one li.login,
.sidebar .sidebar_box .account .account_box ul.one li.signout,
.sidebar .sidebar_box .account .product_box ul.one li.register,
.sidebar .sidebar_box .account .product_box ul.one li.login,
.sidebar .sidebar_box .account .product_box ul.one li.signout,
.sidebar .sidebar_box .product .account_box ul.one li.register,
.sidebar .sidebar_box .product .account_box ul.one li.login,
.sidebar .sidebar_box .product .account_box ul.one li.signout,
.sidebar .sidebar_box .product .product_box ul.one li.register,
.sidebar .sidebar_box .product .product_box ul.one li.login,
.sidebar .sidebar_box .product .product_box ul.one li.signout {
  margin: 15px 0 0;
}
.sidebar .sidebar_box .account .account_box ul.one li.register .item,
.sidebar .sidebar_box .account .account_box ul.one li.login .item,
.sidebar .sidebar_box .account .account_box ul.one li.signout .item,
.sidebar .sidebar_box .account .product_box ul.one li.register .item,
.sidebar .sidebar_box .account .product_box ul.one li.login .item,
.sidebar .sidebar_box .account .product_box ul.one li.signout .item,
.sidebar .sidebar_box .product .account_box ul.one li.register .item,
.sidebar .sidebar_box .product .account_box ul.one li.login .item,
.sidebar .sidebar_box .product .account_box ul.one li.signout .item,
.sidebar .sidebar_box .product .product_box ul.one li.register .item,
.sidebar .sidebar_box .product .product_box ul.one li.login .item,
.sidebar .sidebar_box .product .product_box ul.one li.signout .item {
  justify-content: center;
  background-color: #fff;
  text-align: center;
}
.sidebar .sidebar_box .account .account_box ul.one li + li,
.sidebar .sidebar_box .account .product_box ul.one li + li,
.sidebar .sidebar_box .product .account_box ul.one li + li,
.sidebar .sidebar_box .product .product_box ul.one li + li {
  margin: 20px 0 0;
}
@media (max-width: 820px) {
  .sidebar .sidebar_box .account .account_box ul.one li + li,
  .sidebar .sidebar_box .account .product_box ul.one li + li,
  .sidebar .sidebar_box .product .account_box ul.one li + li,
  .sidebar .sidebar_box .product .product_box ul.one li + li {
    margin: 0;
  }
}

.title_about {
  display: flex;
  justify-content: space-between;
  margin: 0 0 30px;
  position: relative;
}
@media (max-width: 820px) {
  .title_about {
    margin: 0 0 20px;
  }
}
.title_about .title {
  display: flex;
  align-items: center;
}
.title_about .title h3 {
  font-size: 16px;
}
.title_about .title h3 span {
  margin: 0 10px;
  color: #e4006c;
}
.title_about .title .btn_about {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 0 0 5px;
}
.title_about .title .btn_about .icon_about circle {
  stroke-width: 1;
}
.title_about .title .btn_about .icon_about path {
  stroke-width: 1;
}
.title_about .btn_adddata a {
  cursor: pointer;
  display: block;
  text-decoration: none;
  padding: 0px 15px;
  line-height: 34px;
  background-color: #49abe1;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
}
@media (max-width: 820px) {
  .title_about .btn_adddata a {
    padding: 0px 10px;
    line-height: 28px;
  }
}

.pup_about {
  width: 100%;
  max-width: 450px;
  display: none;
  position: absolute;
  top: 40px;
  left: 0px;
  background: #fff;
  border: 1px solid #d0d0d0;
  padding: 10px;
  border-radius: 5px;
  z-index: 1;
}
@media (max-width: 820px) {
  .pup_about {
    top: 30px;
    left: 0px;
  }
}
.pup_about .title {
  display: flex;
  justify-content: space-between;
}
.pup_about .title h4 {
  font-size: 12px;
}
.pup_about .title .btn_close {
  cursor: pointer;
}
.pup_about ul {
  list-style: disc !important;
  padding: 0 0 0 15px;
}
.pup_about ul li {
  font-size: 12px;
  line-height: 1.6em;
}
.pup_about ul li + li {
  margin: 5px 0 0;
}

.bookmark {
  margin: 40px 0 0;
}
.bookmark ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bookmark ul li a {
  text-decoration: none;
  padding: 5px 10px;
  color: #707070;
  font-size: 14px;
}
.bookmark ul li a.active {
  color: #49abe1;
}
.bookmark ul li a:hover {
  color: #49abe1;
}
.bookmark ul li a:hover svg:hover path {
  stroke: #49abe1;
}
.bookmark ul li:first-child a {
  padding: 5px 5px 0px;
}
.bookmark ul li:last-child a {
  padding: 5px 5px 0px;
}

.page_state {
  margin: 40px 0;
}
@media (max-width: 820px) {
  .page_state {
    margin: 20px 0;
  }
}
.page_state .page_state_box .icon_box {
  margin: 0 0 30px;
  display: flex;
  justify-content: center;
}
.page_state .page_state_box .icon_box svg {
  width: 60px;
  height: 60px;
}
.page_state .page_state_box .icon_box svg circle,
.page_state .page_state_box .icon_box svg path {
  stroke-width: 1;
}
.page_state .page_state_box .icon_box svg circle:nth-child(1) {
  stroke: #49abe1;
}
.page_state .page_state_box .icon_box svg path:nth-child(2) {
  stroke: #49abe1;
}
.page_state .page_state_box .img_box {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 30px;
  opacity: 0.2;
}
.page_state .page_state_box .img_box img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.page_state .page_state_box h3 {
  margin: 0 0 30px;
  font-weight: bold;
  text-align: center;
  color: #49abe1;
  font-size: 28px;
}
@media (max-width: 820px) {
  .page_state .page_state_box h3 {
    font-size: 24px;
  }
}
@media (max-width: 576px) {
  .page_state .page_state_box h3 {
    font-size: 20px;
  }
}
.page_state .page_state_box .text {
  text-align: center;
  font-size: 14px;
}
.page_state .page_state_box .btn + .btn {
  margin: 20px 0 0;
}
.page_state .page_state_box .btn_group {
  margin: 40px 0 0;
}
.page_state .page_state_box .btn_group ul {
  list-style: none;
  display: flex;
  justify-content: center;
}
.page_state .page_state_box .btn_group ul li {
  text-align: center;
}
@media (max-width: 820px) {
  .page_state .page_state_box .btn_group ul li {
    width: 100%;
    max-width: 50%;
  }
}
.page_state .page_state_box .btn_group ul li a {
  text-decoration: none;
  display: inline-block;
  padding: 0px 90px;
  line-height: 40px;
  border: 1px solid #49abe1;
  border-radius: 7px;
  background-color: #fff;
  color: #49abe1;
  font-size: 14px;
}
@media (max-width: 820px) {
  .page_state .page_state_box .btn_group ul li a {
    padding: 0px;
    width: 100%;
  }
}
.page_state .page_state_box .btn_group ul li a.fill {
  background-color: #49abe1;
  color: #fff;
}
.page_state .page_state_box .btn_group ul li + li {
  margin: 0 0 0 15px;
}
.page_state .page_state_box .collapse_content {
  width: 100%;
  max-width: 1000px;
  border: 1px solid #eeeeee;
  padding: 20px;
  border-radius: 10px;
  margin: 60px auto 0;
  background-color: #ffffff;
}
.page_state .page_state_box .collapse_content .collapse_content_box h4 {
  font-size: 16px;
}
.page_state .page_state_box .collapse_content .collapse_content_box li a {
  color: #49abe1;
}
@media (max-width: 820px) {
  .page_state .page_state_box .collapse_content .collapse_content_box .collapse_item {
    padding: 0 0 15px;
  }
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber {
  margin: 15px 0 0;
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box {
  margin: -20px 0 0 -30px;
}
@media (max-width: 1000px) {
  .page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box {
    margin: -20px 0 0;
  }
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: calc(33.33333% - 30px);
  margin: 20px 0 0 30px;
  line-height: 24px;
}
@media (max-width: 1000px) {
  .page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li {
    max-width: calc(50% - 30px);
  }
}
@media (max-width: 820px) {
  .page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li {
    max-width: 100%;
    margin: 20px 0 0;
    align-items: center;
  }
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul {
  list-style: none;
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li {
  width: 100%;
  max-width: 100%;
  margin: 0;
  align-items: center;
}
@media (max-width: 820px) {
  .page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li {
    justify-content: space-between;
  }
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li .name {
  flex: 0 1 auto;
  margin: 0 15px 0 0;
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li .name p {
  font-size: 14px;
  line-height: 24px;
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li .text {
  display: flex;
  align-items: center;
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li .text .icon_copy {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 0 0 10px;
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li + li {
  margin: 5px 0 0;
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .img_box {
  width: 100%;
  max-width: 75px;
  margin: 0 10px 0 0;
  flex: 1 0 75px;
  opacity: 1;
}
@media (max-width: 820px) {
  .page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .img_box {
    flex: 1 0 65px;
    max-width: 65px;
  }
}
.page_state .page_state_box .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .img_box img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.page_state .page_state_box .collapse_content + .collapse_content {
  margin: 30px auto 0;
}
@media (max-width: 820px) {
  .page_state .page_state_box .collapse_content + .collapse_content {
    margin: 20px auto 0;
  }
}

.sequence {
  margin: 0 0 20px;
}
.sequence .sequence_box ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: end;
}
@media (max-width: 820px) {
  .sequence .sequence_box ul {
    justify-content: start;
  }
}
.sequence .sequence_box ul li {
  display: flex;
}
.sequence .sequence_box ul li a {
  cursor: pointer;
  display: block;
  text-decoration: none;
  font-size: 14px;
  color: #000;
}
.sequence .sequence_box ul li svg {
  cursor: pointer;
  margin: 0 0 0 5px;
}
.sequence .sequence_box ul li.active a {
  color: #49abe1 !important;
}
.sequence .sequence_box ul li.active svg .path_on {
  fill: #49abe1 !important;
}
.sequence .sequence_box ul li + li {
  margin: 0 0 0 15px;
}

.content {
  width: 100%;
  max-width: 100%;
  background-color: #f7f7f7;
  padding: 24px 15px 24px;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 820px) {
  .content {
    padding: 20px 15px;
    margin: 52px 0 0 0;
  }
}
.content .content_box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 0;
  display: flex;
  /*debug*/
  /**/
}
@media (max-width: 820px) {
  .content .content_box {
    margin: 0 auto 0;
  }
}
.content .content_box img {
  display: none;
}
.content .content_box .sidecontent {
  width: 100%;
  max-width: calc(100% - 330px);
  position: relative;
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent {
    display: initial;
    max-width: 100%;
  }
}
.content .content_box .sidecontent .sidecontent_box {
  padding: 24px;
  flex: 1;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box {
    padding: 16px;
  }
}
.content .content_box .sidecontent .sidecontent_box .recommend {
  width: 100%;
  max-width: 100%;
  margin: 0 0 40px;
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .title h4 {
  font-size: 16px;
  margin: 0 0 30px;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .title h4 {
    font-size: 14px;
  }
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .title h4 {
    margin: 0 0 20px;
  }
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .title + .content {
    margin: 0 0 0 0;
  }
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content {
  background-color: #fff;
  font-size: 0;
  padding: 0;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content {
    background-color: initial;
  }
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .swiper {
  width: 100%;
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide {
  height: initial;
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a {
  text-decoration: none;
  font-size: 14px;
  display: flex;
  align-items: center;
  color: #000;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a {
    flex-direction: column;
    align-items: start;
    height: 100%;
  }
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a .img_box {
  width: 100%;
  max-width: 100px;
  margin: 0 15px 0 0;
  flex: 1;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a .img_box {
    margin: 0 0 0 0;
  }
}
@media (max-width: 576px) {
  .content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a .img_box {
    max-width: 100%;
  }
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a .img_box img {
  border-radius: 8px;
  display: block;
  width: 100%;
  max-width: 100%;
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a .text {
  flex: 1;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a .text {
    width: 100%;
    margin: 16px 0 0;
    display: flex;
    flex-direction: column;
  }
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a .text .name {
  height: 100%;
  line-height: 1.6em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a .text .price {
  font-size: 14px;
  margin: 8px 0 0;
  display: flex;
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a .text .price .sale,
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a .text .price .prdoriginal {
  color: #e4006c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.content .content_box .sidecontent .sidecontent_box .recommend .recommend_box .content .recommend_swiper .swiper-wrapper .swiper-slide a .text .price .sale + .prdoriginal {
  color: #7d7d7d;
  font-size: 12px;
  text-decoration: line-through;
  margin: 0 0 0 5px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .date {
  display: flex;
  align-items: center;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .date select {
  border: 1px solid #eeeeee;
  border-radius: 5px;
  padding: 5px 25px 5px 10px;
  background-image: url(https://image.mycard520.com/globalmycard/webdesign/shopmall_test_0612/img/icon_arrow_b.png);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: right 10px center;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .date .year,
.content .content_box .sidecontent .sidecontent_box .order .order_box .date .month {
  margin: 0 10px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .date .date_btn input[type=button] {
  cursor: pointer;
  padding: 0px 15px;
  line-height: 29px;
  background-color: #49abe1;
  border-radius: 5px;
  color: #fff;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form {
  width: 100%;
  max-width: 100%;
  font-size: 14px;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form {
    margin: 20px 0 0;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form dl.head {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form dl.head {
    display: none;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form dl.head dt {
  width: 100%;
  min-width: 138.3px;
  max-width: 138.3px;
  text-align: center;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form dl.head dt {
    min-width: 120px;
    max-width: 120px;
  }
}
@media (max-width: 1100px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form dl.head dt {
    min-width: 110px;
    max-width: 110px;
  }
}
@media (max-width: 1024px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form dl.head dt {
    min-width: 104px;
    max-width: 104px;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form dl.head dt:last-child {
  min-width: 138px;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form dl.head + .content {
    margin: 0 0 0 0;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content {
  background-color: #fff;
  padding: 0px;
  flex-wrap: wrap;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content {
    padding: 0px;
    background-color: initial;
  }
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item + .order_item {
    margin: 15px 0 0;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item {
  width: 100%;
  background-color: #fff;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item {
    border: 1px solid #EEEEEE;
    border-radius: 10px;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body {
  display: flex;
  padding: 20px 0;
  align-items: center;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body {
    display: block;
    font-size: 0px;
    padding: 10px 0 0 0;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dt {
  display: none;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dt {
    display: inline-block;
    font-size: 14px;
    margin: 0 14px 10px 0;
    vertical-align: top;
    padding: 0 0 0 10px;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd {
  width: 100%;
  min-width: 138.3px;
  max-width: 138.3px;
  text-align: center;
  word-wrap: break-word;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd {
    width: 100%;
    max-width: calc(100% - 80px);
    display: inline-block;
    font-size: 14px;
    text-align: right;
    margin: 0 0 10px 0;
    padding: 0 10px 0 0;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd:nth-child(5) {
  width: initial;
  max-width: initial;
  min-width: 100px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd span {
  display: block;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd span {
    display: inline-block;
    margin: 0 0 0 10px;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.state {
  color: #e4006c;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.state a {
  margin: 3px 0 0;
  display: block;
  color: #49abe1;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.state a {
    display: inline-block;
    margin: 0 0 0 10px;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.collapse_btn {
  cursor: pointer;
  padding: 5px 7px 5px 5px;
  color: #49abe1;
  border-radius: 5px;
  text-align: center;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.collapse_btn {
    max-width: 100%;
    text-align: center;
    margin: 5px 0 0;
    border: 1px solid #eeeeee;
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 10px;
    border-radius: 0;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.collapse_btn .text {
  flex-grow: 1;
  display: inline-block;
  vertical-align: middle;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.collapse_btn svg {
  display: inline-block;
  vertical-align: middle;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.collapse_btn svg path {
  stroke: #49abe1 !important;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.collapse_btn svg.svg_rotate_180 {
  transform: rotate(180deg);
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.collapse_btn.cancel {
  color: #d6d9e1;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.collapse_btn.cancel {
    border-left: none;
    border-right: none;
    border-bottom: none;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.collapse_btn.cancel svg path {
  stroke: #d6d9e1 !important;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.collapse_btn.cancel svg.svg_rotate_180 {
  transform: rotate(180deg);
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body dd.emptyFrame {
    display: none;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item dl.body + dl.body {
  border-top: 1px solid #eeeeee;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content {
  display: none;
  border: 1px solid #eeeeee;
  padding: 20px;
  border-radius: 10px;
  margin: 0 0 40px;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content {
    padding: 10px;
    margin: 0px;
    border: none;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box h4 {
  font-size: 16px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box li a {
  color: #49abe1;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item {
    padding: 0 0 15px;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .giveaway {
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #eeeeee;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber {
  margin: 15px 0 0;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box {
  margin: -20px 0 0 -30px;
}
@media (max-width: 1000px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box {
    margin: -20px 0 0;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li {
  display: flex;
  align-items: flex-start;
  width: 100%;
  max-width: calc(50% - 30px);
  margin: 20px 0 0 30px;
}
@media (max-width: 1000px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li {
    max-width: 100%;
    margin: 20px 0 0;
    justify-content: space-between;
  }
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber {
    flex: 1;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul {
  list-style: none;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li {
  width: 100%;
  max-width: 100%;
  margin: 0;
  align-items: center;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li .name {
  flex: 0 1 auto;
  margin: 0 15px 0 0;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li .name p {
  font-size: 14px;
  line-height: 24px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li .text {
  display: flex;
  align-items: center;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li .text .icon_copy {
  display: flex;
  align-items: center;
  cursor: pointer;
  margin: 0 0 0 10px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .name_serialnumber ul li + li {
  margin: 5px 0 0;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .img_box {
  width: 100%;
  max-width: 75px;
  margin: 0 10px 0 0;
  flex: 1 0 75px;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .img_box {
    flex: 1 0 65px;
    max-width: 65px;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .qr_name_serialnumber .qr_name_serialnumber_box ul li .img_box img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 0;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format .img_name_format_box {
  display: flex;
  align-items: center;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format .img_name_format_box .img_box {
  width: 100%;
  max-width: 80px;
  border: 1px solid #eeeeee;
  margin: 0 20px 0 0;
  border-radius: 5px;
  overflow: hidden;
  flex: 0 1 80px;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format .img_name_format_box .img_box {
    max-width: 50px;
    flex: 0 1 50px;
    margin: 0 10px 0 0;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format .img_name_format_box .img_box img {
  display: block;
  width: 100%;
  max-width: 100%;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format .img_name_format_box .name_format {
    margin: 0 10px 0 0;
  }
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format .img_name_format_box .name_format .name {
  margin: 0 0 8px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format .img_name_format_box .name_format .name p {
  line-height: 1.5em;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format .img_name_format_box .name_format .format {
  color: #7d7d7d;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format .amount_price {
  text-align: right;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format .amount_price .amount {
  margin: 0 0 5px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .img_name_format .amount_price .price {
  color: #e4006c;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .result {
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #eeeeee;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .result ul {
  list-style: none;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .result ul .text {
  color: #e4006c;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .result ul li + li {
  margin: 15px 0 0;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .result ul .fare,
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .result ul .lump_sum,
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .result ul .payment_methods {
  display: flex;
  justify-content: space-between;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .bill {
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #eeeeee;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .bill h4 {
  font-size: 16px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .bill ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .bill ul li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 10px 0 0 0;
  line-height: 24px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .bill ul li .text_btn {
  display: flex;
  align-items: center;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .bill ul li .text_btn .btn button,
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .bill ul li .text_btn .btn input {
  cursor: pointer;
  background-color: #49abe1;
  color: #ffffff;
  border-radius: 5px;
  padding: 0px 10px;
  margin: 0 0 0 10px;
  line-height: 24px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .bill ul li:last-child {
  text-align: right;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .addressee {
  margin: 15px 0 0;
  padding: 15px 0 0;
  border-top: 1px solid #eeeeee;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .addressee h4 {
  font-size: 16px;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .addressee ul {
  list-style: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .addressee ul li {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 15px 0 0;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .addressee ul li .name {
  flex: 1 0 60px;
  text-align: left;
}
.content .content_box .sidecontent .sidecontent_box .order .order_box .form .content .order_item .collapse_content .collapse_content_box .collapse_item .addressee ul li:last-child {
  text-align: right;
}
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box,
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  margin: -30px -7.5px 0;
}
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box li,
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box li,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box li,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box li,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box li,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box li,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box li,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box li {
  width: 100%;
  max-width: calc(20% - 15px);
  margin: 30px 7.5px 0;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1200px) {
  .content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box li,
  .content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box li,
  .content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box li,
  .content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box li,
  .content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box li,
  .content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box li,
  .content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box li,
  .content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box li {
    max-width: calc(25% - 15px);
  }
}
@media (max-width: 576px) {
  .content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box li,
  .content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box li,
  .content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box li,
  .content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box li,
  .content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box li,
  .content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box li,
  .content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box li,
  .content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box li {
    max-width: calc(50% - 15px);
  }
}
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box li a,
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box li a,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box li a,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box li a,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box li a,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box li a,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box li a,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box li a {
  text-decoration: none;
  color: #000;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box li a .img_box,
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box li a .img_box,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box li a .img_box,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box li a .img_box,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box li a .img_box,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box li a .img_box,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box li a .img_box,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box li a .img_box {
  flex-grow: 1;
}
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box li a .img_box img,
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box li a .img_box img,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box li a .img_box img,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box li a .img_box img,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box li a .img_box img,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box li a .img_box img,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box li a .img_box img,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box li a .img_box img {
  display: block;
  width: 100%;
  max-width: 100%;
  border-radius: 8px;
}
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box li a .text,
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box li a .text,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box li a .text,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box li a .text,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box li a .text,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box li a .text,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box li a .text,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box li a .text {
  margin: 12px 0 0;
  height: 100%;
  font-size: 14px;
  flex-basis: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 2;
}
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box li a .price,
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box li a .price,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box li a .price,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box li a .price,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box li a .price,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box li a .price,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box li a .price,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box li a .price {
  font-size: 14px;
  margin: 8px 0 0;
  display: flex;
}
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box li a .price .sale,
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box li a .price .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box li a .price .sale,
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box li a .price .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box li a .price .sale,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box li a .price .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box li a .price .sale,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box li a .price .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box li a .price .sale,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box li a .price .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box li a .price .sale,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box li a .price .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box li a .price .sale,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box li a .price .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box li a .price .sale,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box li a .price .prdoriginal {
  color: #e4006c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.history_list_box li a .price .sale + .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .history .history_box .form ul.search_list_box li a .price .sale + .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.history_list_box li a .price .sale + .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .history .product_search_box .form ul.search_list_box li a .price .sale + .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.history_list_box li a .price .sale + .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .product_search .history_box .form ul.search_list_box li a .price .sale + .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.history_list_box li a .price .sale + .prdoriginal,
.content .content_box .sidecontent .sidecontent_box .product_search .product_search_box .form ul.search_list_box li a .price .sale + .prdoriginal {
  color: #7d7d7d;
  font-size: 12px;
  text-decoration: line-through;
  margin: 0 0 0 5px;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box {
  list-style: none;
  font-size: 14px;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li {
  display: flex;
  justify-content: space-between;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li .name_tel_road .name_tel {
  display: flex;
  margin: 0 0 15px;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li .name_tel_road .name_tel .tel {
  margin: 0 0 0 15px;
  color: #000000;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li .name_tel_road .road {
  color: #000000;
  margin: 0 0 15px;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li .name_tel_road .function_box {
  display: flex;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li .name_tel_road .function_box .btn_editdata {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li .name_tel_road .function_box .btn_editdata .text {
  margin: 0 0 0 3px;
  color: #000000;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li .name_tel_road .function_box .btn_delete {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 0 0 15px;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li .name_tel_road .function_box .btn_delete .text {
  margin: 0 0 0 3px;
  color: #000000;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li .btn_preset button {
  display: block;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid #7f7f7f;
  color: #7f7f7f;
  border-radius: 5px;
  padding: 5px 10px;
  background-color: #fff;
  font-size: 12px;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li .btn_preset button.active {
  border: 1px solid #49abe1 !important;
  color: #49abe1 !important;
}
.content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li + li {
  padding: 30px 0 0;
  margin: 30px 0 0;
  border-top: 1px solid #eeeeee;
}
@media (max-width: 820px) {
  .content .content_box .sidecontent .sidecontent_box .address_book .address_book_box .form .address .address_box ul.address_item_box li + li {
    padding: 15px 0 0;
    margin: 15px 0 0;
  }
}

.sidebar_pay {
  width: 100%;
  min-width: 300px;
  max-width: 300px;
  margin: 0 0 0 30px;
}
@media (max-width: 820px) {
  .sidebar_pay {
    position: fixed;
    z-index: 10;
    bottom: 0px;
    left: 0px;
    max-width: 100%;
    background-color: #fafafa;
  }
}
.sidebar_pay .sidebar_pay_box {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
@media (max-width: 820px) {
  .sidebar_pay .sidebar_pay_box {
    padding: 10px 15px 15px;
    border-radius: 0px;
    flex-direction: row;
    align-items: center;
    border-top: 1px solid #d8d8d8;
  }
}
.sidebar_pay .sidebar_pay_box .discount .title {
  font-size: 16px;
}
.sidebar_pay .sidebar_pay_box .discount .field {
  width: 100%;
  max-width: 100%;
  margin: 10px 0 0;
}
.sidebar_pay .sidebar_pay_box .discount .field input {
  width: 100%;
  max-width: 100%;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  padding: 5px 25px 5px 10px;
}
.sidebar_pay .sidebar_pay_box .discount .state {
  margin: 10px 0 0;
  font-size: 12px;
  color: #e4006c;
}
.sidebar_pay .sidebar_pay_box .discount + .sum {
  margin: 20px 0 0;
}
@media (max-width: 820px) {
  .sidebar_pay .sidebar_pay_box .sum {
    flex: 1;
  }
}
.sidebar_pay .sidebar_pay_box .sum .price,
.sidebar_pay .sidebar_pay_box .sum .discount {
  display: flex;
  justify-content: space-between;
}
.sidebar_pay .sidebar_pay_box .sum .price {
  font-size: 16px;
}
@media (max-width: 820px) {
  .sidebar_pay .sidebar_pay_box .sum .price {
    font-size: 14px;
  }
}
.sidebar_pay .sidebar_pay_box .sum .price .text {
  color: #e4006c;
  display: flex;
  align-items: center;
}
.sidebar_pay .sidebar_pay_box .sum .price .text .sale,
.sidebar_pay .sidebar_pay_box .sum .price .text .prdoriginal {
  color: #e4006c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.sidebar_pay .sidebar_pay_box .sum .price .text .sale + .prdoriginal {
  color: #7d7d7d;
  font-size: 12px;
  text-decoration: line-through;
  margin: 0 0 0 5px;
}
.sidebar_pay .sidebar_pay_box .sum .discount {
  margin: 10px 0 0;
  font-size: 14px;
  color: #7d7d7d;
}
@media (max-width: 820px) {
  .sidebar_pay .sidebar_pay_box .sum .discount {
    font-size: 12px;
  }
}
@media (max-width: 820px) {
  .sidebar_pay .sidebar_pay_box .sum .discount {
    margin: 5px 0 0;
  }
}
.sidebar_pay .sidebar_pay_box .btn_pay {
  text-align: center;
  margin: 20px 0 0;
}
@media (max-width: 820px) {
  .sidebar_pay .sidebar_pay_box .btn_pay {
    margin: 0 0 0 20px;
  }
}
.sidebar_pay .sidebar_pay_box .btn_pay button {
  width: 100%;
  cursor: pointer;
  display: block;
  text-decoration: none;
  padding: 7.5px 15px;
  background-color: #b6b6b6;
  color: #fff;
  border-radius: 7px;
  font-size: 14px;
  line-height: 1.6em;
}
@media (max-width: 820px) {
  .sidebar_pay .sidebar_pay_box .btn_pay button {
    padding: 7.5px 30px;
  }
}
.sidebar_pay .sidebar_pay_box .btn_pay button.ok {
  background-color: #49abe1;
  color: #fff;
}

.shopcart {
  width: 100%;
  max-width: 100%;
  background-color: #f7f7f7;
  padding: 30px 15px;
  flex: 1;
  display: flex;
}
@media (max-width: 820px) {
  .shopcart {
    padding: 20px 15px;
    margin: 52px 0 0 0;
  }
}
.shopcart .shopcart_box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}
.shopcart .shopcart_box form {
  width: 100%;
  display: flex;
}
.shopcart .shopcart_box .sidecontent {
  width: 100%;
  max-width: 870px;
  position: relative;
  flex-grow: 1;
  border-radius: 10px;
  background-color: #fff;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box {
  padding: 24px;
  margin: 0 0 60px;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box {
    padding: 10px 10px 10px;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form {
  width: 100%;
  max-width: 100%;
  font-size: 14px;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form dl.head {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form dl.head {
    display: none;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form dl.head dt {
  width: 100%;
  max-width: 100%;
  min-width: 100px;
  text-align: center;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form dl.head dt.head_name {
  width: 40%;
  text-align: left;
  flex: 1;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form dl.head dt.head_price {
  width: 10%;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form dl.head dt.head_number {
  width: 10%;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form dl.head dt.head_subtotal {
  width: 10%;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form dl.head dt.head_delete {
  width: 10%;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form dl.head + .content {
  margin: 0 0 0 0;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content {
  background-color: #fff;
  padding: 0;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content {
    background-color: initial;
  }
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item + .order_item {
    margin: 15px 0 0;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item {
  background-color: #fff;
  position: relative;
  width: 100%;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item {
    border-radius: 7px;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body {
  display: flex;
  align-items: center;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body {
    display: initial;
    padding: 0px;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body:first-child {
  margin: 20px 0 0;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt,
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd {
  width: 100%;
  max-width: 100%;
  min-width: 100px;
  text-align: center;
  justify-content: center;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt.body_name {
  width: 40%;
  flex: 1;
  text-align: left;
  justify-content: left;
  align-items: center;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt.body_name {
    width: 100%;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd.body_price {
  width: 10%;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd.body_price {
    display: none;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt.body_number {
  width: 10%;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt.body_number {
    display: block;
    min-width: 80px;
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd.body_subtotal {
  width: 10%;
  color: #e4006c;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd.body_subtotal {
    display: none;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt.body_delete {
  cursor: pointer;
  width: 10%;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt.body_delete {
    width: initial;
    min-width: initial;
    position: absolute;
    top: 0px;
    right: 0px;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt {
  display: flex;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .img_box {
  width: 100%;
  max-width: 60px;
  margin: 0 10px 0 0;
  flex: 0 0 100%;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .img_box img {
  display: block;
  width: 100%;
  max-width: 100%;
  border-radius: 5px;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .text_box {
  flex: 1;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .text_box {
    padding: 0 30px 0 0;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .text_box .name {
  margin: 0 0 8px;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .text_box .name {
    margin: 0px;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .text_box .name p {
  line-height: 1.5em;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .text_box .format {
  margin: 0 0 8px;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .text_box .format p {
  color: #7d7d7d;
  line-height: 1.5em;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .text_box .subtotal {
  display: none;
  color: #e4006c;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .text_box .subtotal {
    display: block;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .amount {
  width: 100%;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .amount select {
  width: auto;
  padding: 0px;
  min-width: 80px;
  max-width: 80px;
  line-height: 30px;
  border-radius: 5px;
  margin: 0;
  background-image: url(https://image.mycard520.com/globalmycard/webdesign/shopmall_test_0612/img/icon_arrow_b.png);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: right 10px center;
  text-align: center;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .amount select {
    line-height: 24px;
    padding: 0px 30px;
  }
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dt .amount select option {
  text-align: center;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd {
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd span {
  display: block;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd:nth-child(1) {
  width: 40%;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd:nth-child(2) {
  width: 10%;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd:nth-child(3) {
  width: 10%;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd:nth-child(4) {
  width: 10%;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd:nth-child(5) {
  width: 10%;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd:last-child {
  width: initial;
  max-width: initial;
  min-width: 100px;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd.state {
  color: #e4006c;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body dd.state a {
  margin: 3px 0 0;
  display: block;
  color: #49abe1;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item dl.body + dl.body {
  border-top: 1px solid #eeeeee;
}
.shopcart .shopcart_box .sidecontent .sidecontent_box .form .content .order_item + .order_item {
  margin: 10px 0 0;
}
.shopcart .shopcart_box .sidecontent.no_data {
  width: initial;
  max-width: initial;
}
.shopcart .shopcart_box .sidebar_pay {
  width: 100%;
  min-width: 300px;
  max-width: 300px;
  margin: 0 0 0 30px;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay {
    position: fixed;
    z-index: 10;
    bottom: 0px;
    left: 0px;
    max-width: 100%;
    background-color: #fafafa;
    margin: 0px;
  }
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box {
  padding: 20px;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box {
    padding: 15px;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px 0;
  }
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .title {
  font-size: 16px;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .title {
    display: none;
  }
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .field {
  width: 100%;
  max-width: 100%;
  margin: 10px 0 0;
  font-size: 0px;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .field {
    margin: 0;
  }
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .field input[type=text] {
  width: 100%;
  max-width: calc(100% - 59px);
  margin: 0 10px 0 0;
  border: 1px solid #eeeeee;
  border-radius: 5px;
  padding: 5px 25px 5px 10px;
  font-size: 16px;
  height: 33px;
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .field input[type=submit], .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .field input[type=button], .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .field button {
  cursor: pointer;
  display: inline-block;
  width: 100%;
  max-width: 49px;
  color: #49abe1;
  border: 1px solid #49abe1;
  border-radius: 5px;
  padding: 5px 10px 5px 10px;
  height: 33px;
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .field input.using[type=submit], .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .field input.using[type=button], .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .field button.using {
  border: 1px solid #7d7d7d;
  color: #7d7d7d;
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount .state {
  margin: 10px 0 0;
  font-size: 12px;
  color: #e4006c;
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount + .sum {
  margin: 20px 0 0;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .discount + .sum {
    margin: 0 0 0 0;
  }
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .sum {
    flex: 1;
  }
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .sum .price,
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .sum .discount {
  display: flex;
  justify-content: space-between;
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .sum .price {
  font-size: 16px;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .sum .price {
    font-size: 14px;
  }
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .sum .price .text {
  color: #e4006c;
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .sum .price .text span {
  color: #7d7d7d;
  font-size: 12px;
  text-decoration: line-through;
  margin: 0 0 0 10px;
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .sum .discount {
  margin: 10px 0 0;
  font-size: 14px;
  color: #7d7d7d;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .sum .discount {
    font-size: 12px;
  }
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .sum .discount {
    margin: 5px 0 0;
  }
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .btn_pay {
  text-align: center;
  margin: 20px 0 0;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .btn_pay {
    margin: 0 0 0 20px;
  }
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .btn_pay button {
  width: 100%;
  cursor: pointer;
  display: block;
  text-decoration: none;
  padding: 7.5px 15px;
  background-color: #b6b6b6;
  color: #fff;
  border-radius: 7px;
  font-size: 14px;
  line-height: 1.6em;
}
@media (max-width: 820px) {
  .shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .btn_pay button {
    padding: 7.5px 30px;
  }
}
.shopcart .shopcart_box .sidebar_pay .sidebar_pay_box .btn_pay button.ok {
  background-color: #49abe1;
  color: #fff;
}

@media (max-width: 820px) {
  .shopcart + .copyright {
    padding: 20px 10px 170px;
  }
}

.checkout {
  width: 100%;
  max-width: 100%;
  background-color: #f7f7f7;
  padding: 30px 15px;
  flex: 1;
}
.checkout .checkout_box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  position: relative;
}
.checkout .checkout_box .sidebar_pay {
  margin: 44px 0 0 30px;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidebar_pay {
    margin: 0px;
  }
}
.checkout .checkout_box .sidecontent {
  width: 100%;
  max-width: 870px;
  position: relative;
  flex-grow: 1;
}
.checkout .checkout_box .sidecontent .sidecontent_box {
  margin: 0 0 60px;
  border-radius: 10px;
  background-color: initial;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box {
    margin: 0px;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form input {
  width: 100%;
  max-width: 100%;
  padding: 0px 10px;
  line-height: 35px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  background-color: #fff;
  font-size: 16px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form input.unfilled {
  border: 1px solid #e4006c !important;
}
.checkout .checkout_box .sidecontent .sidecontent_box form select {
  width: 100%;
  max-width: 100%;
  padding: 0px 10px;
  line-height: 35px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  background-image: url(https://image.mycard520.com/globalmycard/webdesign/shopmall_test_0612/img/icon_arrow_b.png);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: right 10px center;
  font-size: 16px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form select.unfilled {
  border: 1px solid #e4006c !important;
}
.checkout .checkout_box .sidecontent .sidecontent_box form select:focus {
  outline: none !important;
}
.checkout .checkout_box .sidecontent .sidecontent_box form select.locking {
  opacity: 0.5;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .title_about {
  margin: 0px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form label {
  font-size: 16px;
  margin: 0 15px 0 0;
  flex: 0 0 77px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form label span {
  color: #e4006c;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group {
  padding: 20px;
  background: #fff;
  border-radius: 10px;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group {
    padding: 15px;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .title_about .title h3 {
  font-size: 16px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form {
  width: 100%;
  max-width: 100%;
  font-size: 14px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form dl.head {
  display: flex;
  padding: 20px 0;
  border-bottom: 1px solid #eeeeee;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form dl.head {
    display: none;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form dl.head dt {
  width: 100%;
  max-width: 100%;
  min-width: 100px;
  text-align: center;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form dl.head dt.head_name {
  width: 40%;
  text-align: left;
  flex: 1;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form dl.head dt.head_price {
  width: 10%;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form dl.head dt.head_number {
  width: 10%;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form dl.head dt.head_subtotal {
  width: 10%;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form dl.head dt.head_delete {
  width: 10%;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form dl.head + .content {
    margin: 0 0 0 0;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content {
  background-color: #fff;
  padding: 0;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content {
    background-color: initial;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item + .order_item {
  margin: 10px 0 0;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item {
  background-color: #fff;
  position: relative;
  width: 100%;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item:first-child {
  margin: 20px 0 0;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item {
    padding: 0px;
    border-radius: 7px;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body {
  display: flex;
  padding: 0px;
  align-items: center;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt,
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd {
  width: 100%;
  max-width: 100%;
  min-width: 100px;
  text-align: center;
  justify-content: center;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt.body_name {
  width: 40%;
  flex: 1;
  text-align: left;
  justify-content: left;
  align-items: center;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt.body_name {
    width: 100%;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd.body_price {
  width: 10%;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd.body_price {
    display: none;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt.body_number {
  width: 10%;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt.body_number {
    position: absolute;
    bottom: -2px;
    right: 0px;
    display: block;
    text-align: right;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd.body_subtotal {
  width: 10%;
  color: #e4006c;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd.body_subtotal {
    display: none;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt {
  display: flex;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .img_box {
  width: 100%;
  max-width: 60px;
  margin: 0 10px 0 0;
  border-radius: 5px;
  flex: 0 0 100%;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .img_box img {
  width: 100%;
  max-width: 100%;
  border-radius: 5px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .text_box {
  flex: 1;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .text_box .name {
  margin: 0 0 8px;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .text_box .name {
    margin: 0px;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .text_box .name p {
  line-height: 1.5em;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .text_box .format {
  margin: 0 0 8px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .text_box .format p {
  color: #7d7d7d;
  line-height: 1.5em;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .text_box .price {
  display: none;
  color: #e4006c;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .text_box .price {
    display: block;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .amount select {
  width: 100%;
  max-width: 120px;
  padding: 0px 30px;
  line-height: 30px;
  border-radius: 5px;
  margin: 0;
  background-image: url(https://image.mycard520.com/globalmycard/webdesign/shopmall_test_0612/img/icon_arrow_b.png);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: right 10px center;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dt .amount select {
    line-height: 24px;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd {
  width: 100%;
  max-width: 100%;
  text-align: center;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd span {
  display: block;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd:nth-child(1) {
  width: 40%;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd:nth-child(2) {
  width: 10%;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd:nth-child(3) {
  width: 10%;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd:nth-child(4) {
  width: 10%;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd:nth-child(5) {
  width: 10%;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd:last-child {
  width: initial;
  max-width: initial;
  min-width: 100px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd.state {
  color: #e4006c;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body dd.state a {
  margin: 3px 0 0;
  display: block;
  color: #49abe1;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .content .order_item dl.body + dl.body {
  border-top: 1px solid #eeeeee;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .footer {
  display: none;
  margin: 15px 0 0;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form .group .form .footer {
    display: block;
  }
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .footer dl {
  display: flex;
  justify-content: space-between;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group .form .footer dl dd.footer_subtotal {
  color: #e4006c;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .group + .group {
  margin: 20px 0 0;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .name,
.checkout .checkout_box .sidecontent .sidecontent_box form .tel,
.checkout .checkout_box .sidecontent .sidecontent_box form .city,
.checkout .checkout_box .sidecontent .sidecontent_box form .township,
.checkout .checkout_box .sidecontent .sidecontent_box form .road,
.checkout .checkout_box .sidecontent .sidecontent_box form .email,
.checkout .checkout_box .sidecontent .sidecontent_box form .remark,
.checkout .checkout_box .sidecontent .sidecontent_box form .pay,
.checkout .checkout_box .sidecontent .sidecontent_box form .freight,
.checkout .checkout_box .sidecontent .sidecontent_box form .address_book,
.checkout .checkout_box .sidecontent .sidecontent_box form .donate,
.checkout .checkout_box .sidecontent .sidecontent_box form .carrier,
.checkout .checkout_box .sidecontent .sidecontent_box form .mobile_barcode,
.checkout .checkout_box .sidecontent .sidecontent_box form .natural_person_certificate,
.checkout .checkout_box .sidecontent .sidecontent_box form .company_title,
.checkout .checkout_box .sidecontent .sidecontent_box form .tax_id_number {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 15px 0 0;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .name .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .tel .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .city .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .township .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .road .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .email .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .remark .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .pay .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .freight .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .address_book .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .donate .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .carrier .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .mobile_barcode .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .natural_person_certificate .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .company_title .mark,
.checkout .checkout_box .sidecontent .sidecontent_box form .tax_id_number .mark {
  color: #e4006c;
  margin: 10px 0 0;
  font-size: 12px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .freight p {
  color: #e4006c;
  font-size: 14px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .email p {
  color: #7d7d7d;
  font-size: 14px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .link_btn {
  width: 100%;
  max-width: 100%;
  text-align: right;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .link_btn a {
  color: #49abe1;
  display: inline-block;
  margin: 10px 0 0;
  font-size: 12px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .input_box {
  width: 100%;
  max-width: 100%;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .input_box .mark {
  color: #e4006c;
  margin: 10px 0 0;
  font-size: 12px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .address_book {
  align-items: center;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .address_book .synchronous {
  display: flex;
  align-items: center;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .address_book .synchronous label {
  font-size: 14px;
  margin: 0 0 0 10px;
  flex: 0 0 auto;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .address_book a {
  text-decoration: none;
  display: flex;
  align-items: center;
  color: #000;
  cursor: pointer;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .address_book a span {
  font-size: 14px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .add_address_book {
  margin: 15px 0 0;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .add_address_book .synchronous {
  display: flex;
  align-items: center;
  font-size: 0px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .add_address_book .synchronous input {
  width: initial;
  max-width: initial;
  display: inline-block;
  vertical-align: middle;
  -webkit-user-select: auto;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .add_address_book .synchronous label {
  display: inline-block;
  width: 100%;
  max-width: calc(100% - 28px);
  margin: 0 0 0 15px;
  font-size: 14px;
  vertical-align: middle;
  flex: 1;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .note {
  margin: 15px 0 0;
}
.checkout .checkout_box .sidecontent .sidecontent_box form .note p {
  font-size: 14px;
  line-height: 1.6em;
  color: #7d7d7d;
}
.checkout .checkout_box .sidecontent .sidecontent_box form ul.invoice_type {
  display: flex;
  margin: 20px 0 30px;
}
.checkout .checkout_box .sidecontent .sidecontent_box form ul.invoice_type li {
  margin: 0 15px 0 0;
  position: relative;
  display: flex;
  align-items: center;
  border-bottom: 3px solid transparent;
}
.checkout .checkout_box .sidecontent .sidecontent_box form ul.invoice_type li input {
  width: initial;
  max-width: initial;
  position: absolute;
  display: block;
  margin: 0 5px 0 0;
  opacity: 0;
  cursor: pointer;
}
.checkout .checkout_box .sidecontent .sidecontent_box form ul.invoice_type li label {
  margin: 0;
  flex: initial;
  padding: 0 0 8px;
  margin: 0 0 0 0;
  cursor: pointer;
}
.checkout .checkout_box .sidecontent .sidecontent_box form ul.invoice_type li.active::after {
  position: absolute;
  left: 0px;
  bottom: 0px;
  content: "";
  width: 100%;
  border-bottom: 3px solid #49abe1;
}
.checkout .checkout_box .sidecontent .sidecontent_box form > .title_about {
  margin: 0 0 20px 0px;
}
@media (max-width: 820px) {
  .checkout .checkout_box .sidecontent .sidecontent_box form > .title_about {
    margin: 0 0 10px 0px;
  }
}

.inner_product .sidebar_overlay .sidebar,
.shopcart .sidebar_overlay .sidebar,
.order_finish .sidebar_overlay .sidebar,
.not_found .sidebar_overlay .sidebar,
.index_menu .sidebar_overlay .sidebar,
.checkout .sidebar_overlay .sidebar {
  display: none;
}

.order_finish,
.not_found {
  width: 100%;
  max-width: 100%;
  background-color: #f7f7f7;
  padding: 30px 15px;
  flex: 1;
}
@media (max-width: 820px) {
  .order_finish,
  .not_found {
    margin: 52px 0 0 0;
  }
}
.order_finish .order_finish_box,
.order_finish .index_menu_box,
.not_found .order_finish_box,
.not_found .index_menu_box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.order_finish .order_finish_box .sidecontent,
.order_finish .index_menu_box .sidecontent,
.not_found .order_finish_box .sidecontent,
.not_found .index_menu_box .sidecontent {
  width: 100%;
  max-width: 100%;
}
.order_finish .order_finish_box .sidecontent .sidecontent_box,
.order_finish .index_menu_box .sidecontent .sidecontent_box,
.not_found .order_finish_box .sidecontent .sidecontent_box,
.not_found .index_menu_box .sidecontent .sidecontent_box {
  padding: 24px;
  margin: 0 0 60px;
  border-radius: 10px;
  background-color: #fff;
}
@media (max-width: 820px) {
  .order_finish .order_finish_box .sidecontent .sidecontent_box,
  .order_finish .index_menu_box .sidecontent .sidecontent_box,
  .not_found .order_finish_box .sidecontent .sidecontent_box,
  .not_found .index_menu_box .sidecontent .sidecontent_box {
    padding: 0px;
    margin: 0px;
    background-color: initial;
  }
}

.inner_product {
  width: 100%;
  max-width: 100%;
  background-color: #f7f7f7;
  padding: 24px 30px 30px;
  flex: 1;
}
@media (max-width: 820px) {
  .inner_product {
    padding: 20px 15px;
  }
}
.inner_product .inner_product_box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box {
  display: flex;
  align-items: initial;
  padding: 20px;
  border-radius: 10px;
  background-color: #ffffff;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box {
    flex-direction: column;
  }
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .product_img {
  flex: 1;
  width: 100%;
  max-width: 400px;
  margin: 0 30px 0 0;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .product_img {
    max-width: 100%;
    margin: 0px;
  }
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .product_img .product_img_box .img_box img {
  width: 100%;
  max-width: 100%;
  border-radius: 10px;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price {
  flex: 1;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price {
    margin: 20px 0 0;
  }
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .text_box h2 {
  font-size: 24px;
  line-height: 1.6em;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .text_box h2 {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .text_box h2 {
    font-size: 16px;
  }
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .text_box p {
  margin: 15px 0 0;
  font-size: 16px;
  line-height: 1.6em;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .text_box p {
    font-size: 14px;
  }
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .text_box .time .time_box {
  display: inline-block;
  margin: 20px 0 0;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #e4006c;
  color: #fff;
  line-height: 100%;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .text_box .sold_out .sold_out_box {
  display: inline-block;
  margin: 20px 0 0;
  font-size: 14px;
  padding: 10px 20px;
  border-radius: 5px;
  background-color: #7d7d7d;
  color: #fff;
  line-height: 100%;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .price {
  font-size: 24px;
  margin: 20px 0 0;
  display: flex;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .price .sale,
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .price .prdoriginal {
  color: #e4006c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .price .sale + .prdoriginal {
  color: #7d7d7d;
  font-size: 16px;
  text-decoration: line-through;
  margin: 0 0 0 10px;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount {
  margin: 10px 0 0;
  flex: 1;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount select {
  width: 100%;
  max-width: 120px;
  padding: 0px 15px;
  line-height: 30px;
  border-radius: 5px;
  margin: 0;
  background-image: url(https://image.mycard520.com/globalmycard/webdesign/shopmall_test_0612/img/icon_arrow_b.png);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: right 10px center;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .title {
  font-size: 14px;
  margin: 15px 0 0;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .type .type_box {
  font-size: 0px;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .type .type_box button {
  display: inline-block;
  padding: 0px 15px;
  line-height: 30px;
  border: 1px solid #7f7f7f;
  border-radius: 5px;
  color: #7f7f7f;
  font-size: 14px;
  margin: 10px 10px 0 0;
  cursor: pointer;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .type .type_box button.active {
  border: 1px solid #e4006c;
  color: #e4006c;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .type_amount {
  margin: 15px 0 0;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .type_amount .type_amount_box ul {
  padding: 0 0 0 0;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .type_amount .type_amount_box ul li {
  display: none;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .type_amount .type_amount_box ul li .name {
  font-size: 14px;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .type_amount .type_amount_box ul li .amount {
  width: 100%;
  max-width: 120px;
  padding: 0px 15px;
  line-height: 30px;
  border-radius: 5px;
  margin: 5px 0 0;
  background-image: url(https://image.mycard520.com/globalmycard/webdesign/shopmall_test_0612/img/icon_arrow_b.png);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: right 10px center;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .type_amount .type_amount_box ul li.show {
  display: block;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .type_amount .type_amount_box ul li + li {
  margin: 10px 0 0;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .error_message {
  display: none;
  margin: 15px 0 0;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .error_message p {
  font-size: 14px;
  color: #e4006c;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .many_type .error_message.show {
  display: block;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed {
  margin: 15px 0 0;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box {
  margin: 25px 0 0;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box {
    margin: 0;
    flex: 1;
  }
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul {
  list-style: none;
  font-size: 0px;
  display: flex;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li {
  display: inline-block;
  width: 100%;
  max-width: 33.33333%;
}
@media (max-width: 960px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li {
    max-width: calc(50% - 7.5px);
  }
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li {
    max-width: calc(100% - 50px);
  }
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li button {
  cursor: pointer;
  width: 100%;
  max-width: 100%;
  display: block;
  background-color: #49abe1;
  border: 1px solid #49abe1;
  border-radius: 5px;
  color: #fff;
  padding: 0px 10px;
  text-decoration: none;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li button {
    line-height: 35px;
  }
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li + li {
  margin: 0 0 0 15px;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li.btn_add_cart {
  flex: 1;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li.btn_add_cart button {
  background-color: #fff;
  border: 1px solid #49abe1;
  color: #49abe1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li.btn_add_cart button {
    background-color: transparent;
  }
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li.btn_add_cart button span {
  margin: 0 0 0 10px;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li.btn_add_cart button span {
    font-size: 0px;
    margin: 0px;
  }
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box ul li.btn_add_cart button .icon_mymall {
    width: 30px;
    height: 30px;
  }
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.sold_out ul li.btn_add_cart,
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.time ul li.btn_add_cart {
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #7d7d7d;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.sold_out ul li.btn_add_cart,
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.time ul li.btn_add_cart {
    border: none;
  }
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.sold_out ul li.btn_add_cart a,
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.time ul li.btn_add_cart a {
  color: #7d7d7d;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.sold_out ul li.btn_add_cart a .icon_mymall path,
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.time ul li.btn_add_cart a .icon_mymall path {
  stroke: #7d7d7d;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.sold_out ul li.btn_add_cart a .icon_mymall circle,
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.time ul li.btn_add_cart a .icon_mymall circle {
  fill: #7d7d7d;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.sold_out ul li.btn_buy_now,
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.time ul li.btn_buy_now {
  border: 1px solid #7d7d7d;
  border-radius: 10px;
  background-color: #7d7d7d;
}
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.sold_out ul li.btn_buy_now a,
.inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed .btn_box.time ul li.btn_buy_now a {
  color: #fff;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .img_name_price .img_name_price_box .name_price .name_price_box .amount_fixed.fixed {
    width: 100%;
    position: fixed;
    bottom: 60px;
    left: 0px;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #E6E6E6;
    border-left: none;
    border-right: none;
    z-index: 2;
  }
}
.inner_product .inner_product_box .inner_content {
  margin: 40px 0 80px;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content {
    margin: 20px 0 0;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box {
  display: flex;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box {
    flex-direction: column;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text {
  width: 100%;
  max-width: 840px;
  background-color: #fff;
  border-radius: 10px;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text ul,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text .abgne_tab {
  width: 100%;
  padding: 20px;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text table {
  width: 100% !important;
  max-width: 100% !important;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text .tab {
  width: 100%;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text ul.tabs {
  width: 100%;
  height: 32px;
  margin: 0 0 16px 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text ul.tabs li {
  display: inline-block;
  position: relative;
  padding: 0 0 8px;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text ul.tabs li a {
  display: block;
  color: #7d7d7d;
  text-decoration: none;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text ul.tabs li.active {
  border-bottom: 3px solid #49abe1;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text ul.tabs li.active a {
  color: #000;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text ul.tabs li + li {
  margin: 0 0 0 15px;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container {
  width: 100%;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h1,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h2,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h3,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h4,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h5,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h6 {
  font-size: 22px;
  color: #49abe1;
  font-weight: bold;
  margin: 24px 0 0 0;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h1,
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h2,
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h3,
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h4,
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h5,
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h6 {
    font-size: 20px;
  }
}
@media (max-width: 576px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h1,
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h2,
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h3,
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h4,
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h5,
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h6 {
    font-size: 16px;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h1:first-child,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h2:first-child,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h3:first-child,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h4:first-child,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h5:first-child,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h6:first-child {
  margin: 0 0 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h1 + p,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h2 + p,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h3 + p,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h4 + p,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h5 + p,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content h6 + p {
  margin: 15px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content p {
  font-size: 16px;
  line-height: 1.6em;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content p {
    font-size: 14px;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content p span {
  color: #ff0000;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content p + p {
  margin: 15px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content p + h1,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content p + h2,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content p + h3,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content p + h4,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content p + h5,
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content p + h6 {
  margin: 50px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content p + img {
  margin: 15px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content img {
  width: 100%;
  max-width: 100%;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content img + h3 {
  margin: 15px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content ul {
  list-style: none;
  margin: 15px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content ul li {
  font-size: 16px;
  line-height: 1.6em;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content ul li {
    font-size: 14px;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content ul li + li {
  margin: 10px 0 0;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content ul li + li {
    margin: 5px 0 0;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .page_btn {
  margin: 20px 0 30px;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .page_btn .page_btn_box {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  font-size: 0px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .page_btn .page_btn_box .item {
  width: 100%;
  max-width: 33.33333%;
  display: inline-block;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .page_btn .page_btn_box .item a {
  display: block;
  text-decoration: none;
  background-color: #49abe1;
  color: #fff;
  padding: 10px 12px;
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .page_btn .page_btn_box .item a {
    font-size: 14px;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .page_btn .page_btn_box .item + .item {
  margin: 0 0 0 15px;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .table_box table {
  width: 100%;
  max-width: 100%;
  border-collapse: collapse;
  margin: 20px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .table_box table tbody tr th {
  border: 1px solid #49abe1;
  background-color: #49abe1;
  color: #fff;
  overflow: hidden;
  padding: 10px 15px;
  font-size: 16px;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .table_box table tbody tr th {
    font-size: 14px;
  }
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .table_box table tbody tr th {
    padding: 5px 10px;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .table_box table tbody tr td {
  padding: 10px 15px;
  text-align: center;
  border: 1px solid #49abe1;
  font-size: 16px;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .table_box table tbody tr td {
    font-size: 14px;
  }
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .table_box table tbody tr td {
    padding: 5px 10px;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .table_box + .img_box {
  margin: 20px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .img_box {
  font-size: 0px;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .img_box a {
  display: block;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .img_box img {
  width: 100%;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .youtube_responsive {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 15px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .youtube_responsive iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .youtube_responsive + h3 {
  margin: 15px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .youtube_responsive + p {
  margin: 15px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .tab_text div.tab_container .tab_content .youtube_responsive + img {
  margin: 15px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend {
  width: 100%;
  max-width: 330px;
  margin: 0 0 0 30px;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend {
    max-width: 100%;
    margin: 20px 0 0;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box {
  padding: 20px;
  background: #ffffff;
  border-radius: 10px;
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper {
  display: block;
  margin: 20px 0 0;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper {
    display: flex;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide + .swiper-slide {
  margin: 15px 0 0;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide + .swiper-slide {
    margin: 0 15px 0 0;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide {
  border: 1px solid #E6E6E6;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide {
    border: none;
    background-color: initial;
    padding: 0px;
    height: initial;
  }
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide:last-child {
    margin-right: 0px !important;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a {
  display: flex;
  align-items: center;
  text-decoration: none;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a {
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a .img_box {
  width: 100%;
  max-width: 70px;
  height: 70px;
  margin: 0 10px 0 0;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a .img_box {
    height: initial;
    width: 100%;
    max-width: 100%;
    margin: 0 0 0 0;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a .img_box img {
  width: 100%;
  max-width: 100%;
  border-radius: 5px;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a .img_box img {
    border-radius: 10px;
  }
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a .text_box {
    margin: 15px 0 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-basis: 70px;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a .text_box .name {
  color: #000;
  line-height: 1.5em;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
@media (max-width: 820px) {
  .inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a .text_box .name {
    -webkit-line-clamp: 2;
    height: 100%;
  }
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a .text_box .price {
  font-size: 16px;
  margin: 8px 0 0;
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a .text_box .price .sale,
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a .text_box .price .prdoriginal {
  color: #e4006c;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.inner_product .inner_product_box .inner_content .inner_content_box .inner_recommend .inner_recommend_box .inner_recommend_swiper .swiper-wrapper .swiper-slide a .text_box .price .sale + .prdoriginal {
  color: #7d7d7d;
  font-size: 12px;
  text-decoration: line-through;
  margin: 0 0 0 5px;
}

@media (max-width: 820px) {
  .inner_product + .copyright {
    padding: 20px 20px 160px !important;
  }
}

.copyright {
  left: 0px;
  bottom: 0px;
  width: 100%;
  max-width: 100%;
  background-color: #8993A7;
  padding: 10px 0;
  z-index: 1;
}
@media (max-width: 820px) {
  .copyright {
    background-color: #f7f7f7;
    padding: 20px 10px 100px;
    position: initial;
  }
}
.copyright .copyright_box p {
  font-size: 12px;
  color: #fff;
  text-align: center;
  line-height: 1.5em;
  margin: 0 0 0 0;
}
@media (max-width: 820px) {
  .copyright .copyright_box p {
    color: #707070;
  }
}

.footerbar {
  display: none;
  z-index: 11;
  left: 0px;
  bottom: 0px;
  width: 100%;
  max-width: 100%;
  background-color: #fff;
  padding: 5px 15px;
}
@media (max-width: 820px) {
  .footerbar {
    position: fixed;
    display: block;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 10px 15px 15px;
  }
}
.footerbar .footerbar_box {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.footerbar .footerbar_box ul {
  list-style: none;
  display: flex;
  justify-content: space-between;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.footerbar .footerbar_box ul li {
  flex-grow: 4;
  cursor: pointer;
}
.footerbar .footerbar_box ul li a,
.footerbar .footerbar_box ul li div {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.footerbar .footerbar_box ul li a .icon_box,
.footerbar .footerbar_box ul li div .icon_box {
  position: relative;
}
.footerbar .footerbar_box ul li a .icon_box span.sm_text,
.footerbar .footerbar_box ul li div .icon_box span.sm_text {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #e4006c;
  padding: 0px 5px;
  border-radius: 100px;
  color: #fff;
  font-size: 12px;
  transform: scale(0.75);
}
.footerbar .footerbar_box ul li a .text,
.footerbar .footerbar_box ul li div .text {
  color: #000;
  font-size: 12px;
  margin: 0px;
}
.footerbar .footerbar_box ul li a.btn_home.active .icon_box svg path {
  stroke: #49abe1;
}
.footerbar .footerbar_box ul li a.btn_home.active .text {
  color: #49abe1;
}
.footerbar .footerbar_box ul li a.btn_product.active .icon_box svg path {
  stroke: #49abe1;
}
.footerbar .footerbar_box ul li a.btn_product.active .text {
  color: #49abe1;
}
.footerbar .footerbar_box ul li a.btn_mymall.active .icon_box svg path {
  stroke: #49abe1;
}
.footerbar .footerbar_box ul li a.btn_mymall.active .icon_box svg circle {
  fill: #49abe1;
}
.footerbar .footerbar_box ul li a.btn_mymall.active .text {
  color: #49abe1;
}
.footerbar .footerbar_box ul li a.btn_account.active .icon_box svg path {
  stroke: #49abe1;
}
.footerbar .footerbar_box ul li a.btn_account.active .icon_box svg circle {
  stroke: #49abe1;
}
.footerbar .footerbar_box ul li a.btn_account.active .text {
  color: #49abe1;
}

.overlay {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 15;
}
.overlay .pup_adddata,
.overlay .pup_editdata {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
}
@media (max-width: 820px) {
  .overlay .pup_adddata,
  .overlay .pup_editdata {
    max-width: calc(100% - 30px);
    padding: 15px;
  }
}
.overlay .pup_adddata .title,
.overlay .pup_editdata .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 20px;
}
.overlay .pup_adddata .title h4,
.overlay .pup_editdata .title h4 {
  font-size: 16px;
}
.overlay .pup_adddata .title .btn_close,
.overlay .pup_editdata .title .btn_close {
  cursor: pointer;
}
.overlay .pup_adddata form .tel,
.overlay .pup_adddata form .city,
.overlay .pup_adddata form .township,
.overlay .pup_adddata form .road,
.overlay .pup_editdata form .tel,
.overlay .pup_editdata form .city,
.overlay .pup_editdata form .township,
.overlay .pup_editdata form .road {
  margin: 15px 0 0;
}
@media (max-width: 820px) {
  .overlay .pup_adddata form .name,
  .overlay .pup_adddata form .tel,
  .overlay .pup_adddata form .city,
  .overlay .pup_adddata form .township,
  .overlay .pup_adddata form .road,
  .overlay .pup_editdata form .name,
  .overlay .pup_editdata form .tel,
  .overlay .pup_editdata form .city,
  .overlay .pup_editdata form .township,
  .overlay .pup_editdata form .road {
    display: flex;
    align-items: center;
  }
}
.overlay .pup_adddata form label,
.overlay .pup_editdata form label {
  width: 100%;
  max-width: 100%;
  font-size: 16px;
}
@media (max-width: 820px) {
  .overlay .pup_adddata form label,
  .overlay .pup_editdata form label {
    flex: 100px;
  }
}
.overlay .pup_adddata form label span,
.overlay .pup_editdata form label span {
  color: #ff0000;
}
.overlay .pup_adddata form input,
.overlay .pup_editdata form input {
  display: block;
  margin: 10px 0 0;
  width: 100%;
  max-width: 100%;
  padding: 0px 10px;
  line-height: 35px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  background-color: #fff;
  font-size: 16px;
}
@media (max-width: 820px) {
  .overlay .pup_adddata form input,
  .overlay .pup_editdata form input {
    margin: 0px;
  }
}
.overlay .pup_adddata form select,
.overlay .pup_editdata form select {
  display: block;
  margin: 10px 0 0;
  width: 100%;
  max-width: 100%;
  padding: 0px 10px;
  line-height: 35px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  background-image: url(https://image.mycard520.com/globalmycard/webdesign/shopmall_test_0612/img/icon_arrow_b.png);
  background-repeat: no-repeat;
  background-size: 9px;
  background-position: right 10px center;
  font-size: 16px;
}
@media (max-width: 820px) {
  .overlay .pup_adddata form select,
  .overlay .pup_editdata form select {
    margin: 0px;
  }
}
.overlay .pup_adddata form .button_box,
.overlay .pup_editdata form .button_box {
  text-align: right;
}
.overlay .pup_adddata form .button_box button,
.overlay .pup_adddata form .button_box input,
.overlay .pup_editdata form .button_box button,
.overlay .pup_editdata form .button_box input {
  width: initial;
  max-width: initial;
  cursor: pointer;
  display: inline-block;
  padding: 0px 40px;
  line-height: 35px;
  margin: 20px 0 0;
  background-color: #49abe1;
  color: #fff;
  border-radius: 5px;
  font-size: 14px;
}
.overlay .pup_adddata form .button_box button.unfilled,
.overlay .pup_adddata form .button_box input.unfilled,
.overlay .pup_editdata form .button_box button.unfilled,
.overlay .pup_editdata form .button_box input.unfilled {
  background-color: #7d7d7d;
}

.select_address_book {
  width: 100%;
  max-width: 100%;
}
.select_address_book .select_address_book_box {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
  border-radius: 15px;
}
.select_address_book .select_address_book_box .form .page_state .page_state_box .img_box {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 30px;
  opacity: 0.2;
}
.select_address_book .select_address_book_box .form .page_state .page_state_box .img_box img {
  width: 100%;
  max-width: 100%;
}
.select_address_book .select_address_book_box .form .page_state .page_state_box .text {
  font-size: 14px;
  text-align: center;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box {
  list-style: none;
  font-size: 14px;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li {
  display: flex;
  padding: 15px 0;
  cursor: pointer;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li input {
  margin: 0 20px 0 0;
  cursor: pointer;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li label {
  flex: 1 1 100%;
  cursor: pointer;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li label .name_tel_road {
  width: 100%;
  max-width: 100%;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li label .name_tel_road .name_tel {
  display: flex;
  margin: 0 0 15px;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li label .name_tel_road .name_tel .tel {
  margin: 0 0 0 15px;
  color: #000000;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li label .name_tel_road .road {
  color: #000000;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li label .name_tel_road .function_box {
  display: flex;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li label .name_tel_road .function_box .btn_edit {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li label .name_tel_road .function_box .btn_edit .text {
  margin: 0 0 0 3px;
  color: #000000;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li label .name_tel_road .function_box .btn_delete {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 0 0 0 15px;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li label .name_tel_road .function_box .btn_delete .text {
  margin: 0 0 0 3px;
  color: #000000;
}
.select_address_book .select_address_book_box .form .address .address_box ul.address_item_box li + li {
  border-top: 1px solid #eeeeee;
}
.select_address_book .select_address_book_box .btn_box {
  margin: 40px 0 0;
}
.select_address_book .select_address_book_box .btn_box ul {
  list-style: none;
  display: flex;
}
.select_address_book .select_address_book_box .btn_box ul li {
  width: 100%;
  max-width: calc(50% - 7.5px);
  text-align: center;
}
.select_address_book .select_address_book_box .btn_box ul li button {
  cursor: pointer;
  display: block;
  width: 100%;
  max-width: 100%;
  line-height: 40px;
  border: 1px solid #49abe1;
  border-radius: 7px;
  background-color: #fff;
  color: #49abe1;
  font-size: 14px;
}
.select_address_book .select_address_book_box .btn_box ul li button.fill {
  background-color: #49abe1;
  color: #fff;
}
.select_address_book .select_address_book_box .btn_box ul li + li {
  margin: 0 0 0 15px;
}

.blue16b {
  font-size: 0px;
}/*# sourceMappingURL=index.css.map */