/** 
 * 描述：手机版初始化
 * by oneup.com
 */
 @charset "utf-8";

 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Lao+Looped:wght@100;200;300;400;500;600;700;800;900&display=swap');
 /** 'Noto Sans Lao Looped' - Primary Lao font */
 
 @import url(//fonts.googleapis.com/earlyaccess/notoseriflao.css);
 /** 'Noto Serif Lao' - Fallback */
 
 @import url(//fonts.googleapis.com/earlyaccess/laosanspro.css);
 /** 'Lao Sans Pro' - Additional fallback */
 
 @import url(/css/theme.css);
 
 html {
   font-size: 20px;
 }
 
 @media only screen and (min-width: 360px) {
   html {
     font-size: 22px !important;
   }
 }
 @media only screen and (min-width: 376px) {
   html {
     font-size: 23px !important;
   }
 }
 @media only screen and (min-width: 414px) {
   html {
     font-size: 25px !important;
   }
 }
 @media only screen and (min-width: 641px) {
   html {
     font-size: 25px !important;
   }
 }
 html {
   -ms-touch-action: none;
 }
 body {
   font-family: "Noto Sans Lao Looped", "Lao Sans Pro", "Noto Serif Lao", Heiti SC, DroidSans, DroidSansFallback, Arial,
     "Microsoft YaHei";
   background-color: #f5f5f5;
 }
 input {
   font-family: "Noto Sans Lao Looped", "Lao Sans Pro", "Noto Serif Lao", Arial, "Microsoft YaHei", sans-serif;
 }
 a {
   text-decoration: none;
   -webkit-touch-callout: none;
   color: #333;
   outline: medium none;
   -webkit-transition-property: color;
   -webkit-transition-duration: 0.3s;
   -webkit-transition-timing-function: ease;
 }
 a:link,
 a:visited,
 a:active {
   text-decoration: none;
 }
 a:hover {
   color: #c81623;
   text-decoration: none;
 }
 body,
 div,
 dl,
 dt,
 dd,
 ul,
 ol,
 li,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 pre,
 code,
 form,
 fieldset,
 legend,
 input,
 textarea,
 p,
 blockquote,
 th,
 td,
 span,
 a {
   margin: 0;
   padding: 0;
 }
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 fieldset,
 img,
 iframe {
   border: 0;
 }
 :focus {
   outline: 0;
 }
 i,
 address,
 caption,
 cite,
 code,
 dfn,
 em,
 strong,
 th,
 var {
   font-style: normal;
 }
 ol,
 ul {
   list-style: none;
 }
 li {
   list-style: none;
 }
 caption,
 th {
   text-align: left;
 }
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-size: 100%;
   font-weight: normal;
 }
 blockquote:before,
 blockquote:after,
 q:before,
 q:after {
   content: "";
 }
 abbr,
 acronym {
   border: 0;
   font-variant: normal;
 }
 img {
   vertical-align: top;
   border: none;
 }
 input,
 textarea {
   -webkit-user-select: text;
   -ms-user-select: text;
   user-select: text;
   -webkit-appearance: none;
 }
 input:focus,
 select:focus,
 textarea:focus,
 button:focus {
   outline: none;
 }
 input[type="text"],
 input[type="password"],
 input[type="search"],
 input[type="tel"],
 input[type="number"],
 input[type="email"],
 input[type="url"],
 textarea {
   -webkit-appearance: none;
   border: 1px solid;
   border-radius: 0;
 }
 input[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
 }
 em,
 i {
   font-style: normal;
 }
 li {
   list-style: none;
 }
 input[type="checkbox"] {
   position: relative;
   width: 0.75rem;
   height: 0.75rem;
   background-color: #f5f5f5;
   border: 0.05rem solid #ccc;
   -webkit-border-radius: 50%;
   border-radius: 50%;
   vertical-align: middle;
 }
 input[type="checkbox"]:checked {
   border-color: #ff1558;
   background-color: #ff1558;
 }
 input[type="checkbox"]:checked:after {
   content: "";
   position: absolute;
   left: 0.1rem;
   top: 0.12rem;
   width: 0.4rem;
   height: 0.2rem;
   border-left: 0.065rem solid #fff;
   border-bottom: 0.065rem solid #fff;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
 
 sup {
   vertical-align: text-top;
 }
 sub {
   vertical-align: text-bottom;
 }
 .hide {
   display: none !important;
 }
 .show {
   display: block !important;
   transition: all 1s;
 }
 /*clear float*/
 .clearfix {
   zoom: 1;
 }
 .clearfix:after {
   display: block;
   clear: both;
   content: "\20";
 }
 :not(input) {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   -webkit-touch-callout: none;
   -webkit-text-size-adjust: none;
 }
 .posr {
   position: relative !important;
 }
 .posa {
   position: absolute;
   z-index: auto;
 }
 .posf {
   position: fixed;
 }
 .w16h li {
   width: 16.5%;
 }
 .w20h li {
   width: 20%;
 }
 .w25h li {
   width: 25%;
 }
 .w33h li {
   width: 33.33%;
 }
 .w50h li {
   width: 50%;
 }
 .mt1 {
   margin-top: 1px !important;
 }
 .mt5 {
   margin-top: 0.5rem !important;
 }
 .mt10 {
   margin-top: 1rem !important;
 }
 .mt20 {
   margin-top: 2rem !important;
 }
 .mt40 {
   margin-top: 4rem !important;
 }
 .mr2 {
   margin-right: 0.2rem;
 }
 .mb5 {
   margin-bottom: 0.5rem !important;
 }
 .mb20 {
   margin-bottom: 2rem !important;
 }
 .mb-20 {
   margin-bottom: -2rem !important;
 }
 .mb25 {
   margin-bottom: 2.5rem !important;
 }
 .pl5 {
   padding-left: 0.5rem;
 }
 .pb5 {
   padding-bottom: 0.5rem;
 }
 .bgc-t {
   background-color: transparent !important;
 }
 
 .opera-tips {
   color: #d9434e;
   font-size: 14px;
 }
 .error-tips {
   display: none;
   background-color: rgba(255, 255, 255, 0.95);
   border: solid 0.05rem #ccc;
   padding: 0.8rem 0.6rem;
   text-align: center;
   border-radius: 0.2rem;
   position: fixed;
   z-index: 9999;
   top: 40%;
   left: 25%;
   right: 25%;
   color: #333;
   font-size: 0.6rem;
   line-height: 1rem;
   box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
 }
 .error-tips p {
   font-size: 0.6rem;
   line-height: 1rem;
   color: #333;
 }
 
 /*操作提示弹出层*/
 .s-dialog-mask {
   position: fixed;
   z-index: 999;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF000000', endColorstr='#BF000000');
   background: rgba(0, 0, 0, 0.75);
 }
 .s-dialog-wrapper {
   position: fixed;
   z-index: 9999;
   max-width: 12rem;
   min-width: 10rem;
   margin-top: -2rem;
   border-radius: 0.6rem;
 }
 .s-dialog-skin-green {
   background-color: rgba(255, 255, 255, 0.9);
   border: solid 0.05rem #000;
 }
 .s-dialog-skin-block {
   background-color: rgba(255, 255, 255, 0.9);
   border: solid 0.05rem #000;
 }
 .s-dialog-skin-red {
   background-color: #fff;
   border: solid 0.05rem #000;
 }
 .s-dialog-content {
   
   text-align: center;
   font-size: 0.6rem;
   line-height: 0.9rem;
   padding: 1rem 0.6rem;
   color: #333;
   /* font-size: .8rem;
   line-height: 1.4rem;
   color: #333;
   text-align: center; */
   /* text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgb(0 0 0 / 10%), 0 0 5px rgb(0 0 0 / 10%), 0 1px 3px rgb(0 0 0 / 30%), 0 3px 5px rgb(0 0 0 / 20%), 0 5px 10px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 20%), 0 20px 20px rgb(0 0 0 / 15%), 17px 10px 13px rgb(41 54 100 / 0%); */
 }
 .s-dialog-skin-green .s-dialog-content {
   color: #293664;
 }
 .s-dialog-skin-red .s-dialog-content {
   color: #293664;
 }
 .s-dialog-skin-block .s-dialog-content {
   color: #333;
   font-size: .6rem;
   line-height: 0.9rem;
   text-align: center;
   /* text-shadow: 0 1px 0 #cccccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgb(0 0 0 / 10%), 0 0 5px rgb(0 0 0 / 10%), 0 1px 3px rgb(0 0 0 / 30%), 0 3px 5px rgb(0 0 0 / 20%), 0 5px 10px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 20%), 0 20px 20px rgb(0 0 0 / 15%), 17px 10px 13px rgb(41 54 100 / 0%); */
 }
 .s-dialog-content h6 {
   display: block;
   font-size: 0.55rem;
   line-height: 0.9rem;
   color: #333;
 }
 .s-dialog-btn-wapper {
   display: block;
   padding-bottom: 0.8rem;
   font-size: 0;
   text-align: center;
 }
 .s-dialog-btn-wapper a {
   display: inline-block;
   width: 40%;
   margin: 0 0.3rem;
   font-size: 0.55rem;
   line-height: 0.9rem;
   color: #fff;
   text-align: center;
   padding: 0.15rem 0;
 }
 .s-dialog-btn-wapper a.s-dialog-btn-ok {
   color: #fff;
   background: #ff1558;
   border: 1px solid #ff1558;
   border-radius: 0.6rem;
 }
 .s-dialog-btn-wapper a.s-dialog-btn-cancel {
   color: #ff1558;
   background: #fff;
   border: 1px solid #ff1558;
   border-radius: 0.6rem;
 }
 
 #scroller {
   position: absolute;
   z-index: 1;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   width: 100%;
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   -webkit-text-size-adjust: none;
   -moz-text-size-adjust: none;
   -ms-text-size-adjust: none;
   -o-text-size-adjust: none;
   text-size-adjust: none;
 }
 #scroller ul {
   list-style: none;
   padding: 0;
   margin: 0;
   width: 100%;
   text-align: left;
 }
 #scroller li {
   padding: 0 10px;
   height: 40px;
   line-height: 40px;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #fff;
   background-color: #fafafa;
   font-size: 14px;
 }
 
 /*页面固定宽度*/
 .fixed-Width {
   min-width: 320px;
   /* max-width: 1080px; kee comment */
   max-width: 100%;
   margin: 0 auto;
 }
 
 /*默认顶部*/
 header,
 .header {
   background: #fff;
   height: 2rem;
   position: absolute;
   z-index: 8;
   top: 0;
   left: 0;
   right: 0;
   bottom: auto;
   /* box-shadow: 0 2px 10px 0 rgb(0 0 0 / 30%); kee add */
   /* border-bottom: solid 0.05rem #eee; kee comment */
 }
 header.fixed {
   box-shadow: 0 2px 10px 0 rgb(0 0 0 / 25%);
   position: fixed;
   z-index: 9;
   transition: all .2s ease;
 }
 .header-box {
   display: block;
   max-width: 320px;
   max-width: 100%;
   margin: 0 auto;
   text-align: center;
 }
 .header-l {
   display: block;
   width: 1.95rem;
   height: 2rem;
   position: absolute;
   top: 0;
   left: 0;
 }
 .header-l a {
   position: relative;
   z-index: 1;
   display: inline-block;
   width: 1rem;
   height: 1rem;
   padding: 0.4775rem;
 }
 .header-l a i {
   display: block;
   width: 100%;
   height: 100%;
 }
 .header-l a i.back {
   width: 100%;
   height: 100%;
   margin: 10%;
   background-image: url(../images/arrow_left_b.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 100%;
   opacity: 0.75;
 }
 .header-l a i.back_light {
   width: 100%;
   height: 100%;
   margin: 10%;
   background-image: url(../images/left-chevron.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 100%;
   /* opacity: 0.75; */
 }
 .header-l a i.backw {
   width: 80%;
   height: 80%;
   margin: 10%;
   background-image: url(../images/arrow_left_w.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 100%;
   opacity: 0.75;
 }
 .header-r a i.close {
   width: 80%;
   height: 80%;
   margin: 10%;
   background-image: url(../images/close.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 100%;
   opacity: 0.75;
 }
 .header-l a i.set {
   background-image: url(../images/set_b.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 100%;
   opacity: 0.65;
 }
 .header-l a i.home {
   width: 100%;
   height: 100%;
   margin: 10%;
   background-image: url(../images/home_ico.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
   opacity: 1;
 }
 .header-l a i.categroy {
   width: 80%;
   height: 80%;
   margin: 10%;
   background-image: url(../images/categroy_b.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 90%;
   opacity: 0.75;
 }
 /*单一标题*/
 .header-title {
   display: inline-block;
   margin: 0 auto;
 }
 .header-title h1 {
   font-size: 0.8rem;
   line-height: 2rem;
   height: 2rem;
 }
 /*商家和会员切换*/
 .header-ls {
   display: block;
   width: 4rem;
   height: 2rem;
   position: absolute;
   top: 0.2rem;
   left: 0;
 }
 .header-ls a {
   position: relative;
   z-index: 1;
   opacity: 0.65;
   display: inline-block;
   line-break: 1rem;
   padding: 2px 4px;
   color: #283562;
   font-size: 0.5rem;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#19000000', endColorstr='#19000000');
   background: rgba(0, 0, 0, 0.1);
   border-radius: 3px;
 }
 /*模拟输入框*/
 .header-inp {
   position: relative;
   display: block;
   height: 1.4rem;
   border: solid 0.05rem #dedede;
   /* border-radius: 0.2rem; kee comment */
   border-radius: 2rem; /* kee add */
   margin: 0.275rem 2.5rem 0 2rem;
   /* background-color: #fff; kee comment */
   background-color: #edeef0;
   text-align: left;
 }
 .header-inp .icon {
   float: left;
   vertical-align: top;
   width: 1rem;
   height: 1rem;
   margin: 0.2rem 0.3rem;
   background-image: url(../images/search_ico.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 130%;
   opacity: 0.8;
 }
 .header-inp .search-input {
   float: left;
   width: 70%;
   height: 1rem;
   padding: 0.2rem 0;
   font-size: 0.6rem;
   line-height: 1rem;
   color: #bbb;
   background-color: #edeef0;/* kee add*/
   vertical-align: top;
   border: none 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 .header-inp .input-del {
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   display: none;
   width: 1.38rem;
   height: 1.38rem;
   background-image: url(../images/cancel_b.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 50%;
   opacity: 0.2;
 }
 .header-inp.write .search-input {
   color: #111;
 }
 .header-inp.write .input-del {
   display: block;
 }
 
 /*标题切换*/
 .header-tab {
   display: inline-block;
   height: 2rem;
   font-size: 0;
 }
 .header-tab a {
   display: inline-block;
   height: 2rem;
   padding: 0 0.3rem;
   margin: 0 0.3rem;
   text-align: center;
   font-size: 0.68rem;
   color: #000;
   line-height: 2rem;
 }
 .header-tab a.cur {
   color: #ff1558;
   border-bottom: 1px solid #ff1558;
   font-weight: 600;
 }
 
 /*标题导航*/
 .header-nav {
   display: inline-block;
   margin: 0 auto;
   vertical-align: top;
   font-size: 0;
   white-space: nowrap;
 }
 .header-nav li {
   display: inline-block;
   vertical-align: top;
   text-align: center;
   height: 2rem;
 }
 .header-nav li a {
   display: inline-block;
   padding: 0.1rem 0.25rem;
   margin: 0 0.5rem;
   font-size: 0.6rem;
   line-height: 1.825rem;
   color: #333;
 }
 .header-nav li.cur a {
   padding: 0.1rem 0.05rem 0 0.05rem;
   color: #ff1558;
   font-size: 0.9rem;
   font-weight: 600;
   -webkit-transition: all 0.2s;
   transition: all 0.2s;
 }
 .header-r {
   position: absolute;
   z-index: 1;
   top: 0;
   right: 0;
   font-size: 0;
   text-align: right;
 }
 .header-r a.text {
   position: relative;
   z-index: 1;
   display: inline-block;
   white-space: nowrap;
   width: 1.6rem;
   height: 0.95rem;
   padding: 0.6rem 0.7rem 0.4rem 0;
   font-size: 0.7rem;
   line-height: 1rem;
   color: #ff1558;
 }
 .header-r a {
   position: relative;
   z-index: 1;
   display: inline-block;
   vertical-align: top;
   width: 0.95rem;
   height: 0.95rem;
   padding: 0.5rem 0.5rem;
 }
 .header-r a i {
   display: block;
   width: 100%;
   height: 100%;
 }
 .header-r a sup {
   display: none;
   position: absolute;
   z-index: 1;
   top: 0.3rem;
   right: 0.3rem;
   width: 0.36rem;
   height: 0.36rem;
   background-color: #ff1558;
   border-radius: 100%;
 }
 .header-r a i.more {
   background-image: url(../images/more_g.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
   opacity: 0.65;
 }
 .header-r a i.home {
   background-image: url("../images/home_b.png");
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
   opacity: 1;
 }
 .header-r a i.home_light {
   background-image: url("../images/home_light.png");
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
   /* opacity: 1; */
 }
 .header-r a i.share {
   background-image: url("../images/share_b.png");
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
   opacity: 1;
 }
 .header-r a i.like {
   background-image: url("../images/like_b.png");
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
   opacity: 1;
 }
 .header-r a i.refresh {
   background-image: url(../images/reload_b.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
   opacity: 0.6;
 }
 .header-r a i.add {
   background-image: url(../images/value_add.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 80%;
   opacity: 0.65;
 }
 .header-r a i.save {
   background-image: url(../images/save_b.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 80%;
   opacity: 0.65;
 }
 
 .header-r a i.message {
   background-image: url(../images/message_b2.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
   opacity: 0.8;
 }
 .header-r a i.set {
   background-image: url(../images/set_w.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 100%;
   opacity: .8;
 }
 .header-r a i.setting {
   width: 1.2rem;
     height: 1.2rem;
     background-image: url(../images/setting.png);
     background-repeat: no-repeat;
     background-position: 50% 50%;
     background-size: 90%;
     opacity: 1;
 }
 .header-r a.categroy {
   background-image: url(../images/browse_grid.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 40%;
   width: 2.5rem;
   height: 2rem;
   text-align: center;
   padding: 0;
   font-size: 0.6rem;
   line-height: 2rem;
   color: #333;
   opacity: 0.7;
 }
 .header-r a.search-btn {
   background-image: url(../images/search_ico.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 55%;
   width: 2.5rem;
   height: 2rem;
   text-align: center;
   padding: 0;
   font-size: 0.6rem;
   line-height: 2rem;
   color: #333;
 }
 .header-r a.msg-log {
   width: 2.45rem;
   height: 2rem;
   padding: 0;
 }
 .header-r a.msg-log i {
   background-image: url(../images/msg_log_b.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 70%;
   opacity: 0.7;
 }
 .header-r a i.scan_w {
   background-image: url(../images/scan_w.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
 }
 .header-r a i.scan {
   background-image: url(../images/scan.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
 }
 
 /*头部下拉菜单*/
 .wtm-nav-box {
   display: none;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   background-color: transparent;
 }
 .wtm-nav-menu {
   display: block;
   position: absolute;
   top: 1.2rem;
   right: 0.2rem;
   width: 6rem;
 }
 .wtm-nav-menu .arrow {
   display: block;
   float: right;
   width: 0;
   height: 0;
   margin-right: 0.4rem;
   font-size: 0;
   line-height: 0;
   border-width: 0.4rem;
   border-color: transparent transparent rgba(85, 85, 85, 0.95) transparent;
   border-style: dashed dashed solid dashed;
 }
 .wtm-nav-menu ul {
   display: block;
   clear: both;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#F2555555', endColorstr='#F2555555');
   background: rgba(85, 85, 85, 0.95);
   border-radius: 0.2rem;
 }
 .wtm-nav-menu li {
   position: relative;
   z-index: 1;
   border-bottom: solid 0.05rem #999;
 }
 .wtm-nav-menu li:last-child {
   border-bottom: none 0;
 }
 .wtm-nav-menu li a {
   display: block;
   height: 0.9rem;
   padding: 0.5rem;
   font-size: 0.6rem;
   line-height: 0.9rem;
   color: #fff;
 }
 .wtm-nav-menu li a i {
   display: inline-block;
   width: 0.72rem;
   height: 0.72rem;
   vertical-align: middle;
   margin-right: 0.3rem;
   background-position: 50% 50%;
   background-size: 100%;
   background-repeat: no-repeat;
 }
 .wtm-nav-menu li a i.message {
   background-image: url(../images/message_w_defaul.png);
 }
 .wtm-nav-menu li a i.cart {
   background-image: url(../images/cart_w.png);
 }
 .wtm-nav-menu li a i.home {
   background-image: url(../images/home_w.png);
 }
 .wtm-nav-menu li a i.search {
   background-image: url(../images/search_w.png);
 }
 .wtm-nav-menu li a i.categroy {
   background-image: url(../images/categroy_w.png);
 }
 .wtm-nav-menu li a i.member {
   background-image: url(../images/member_w.png);
 }
 
 .wtm-nav-menu li a i.send {
   background-image: url(../images/mcc_04_w.png);
 }
 .wtm-nav-menu li a i.express {
   background-image: url(../images/mcc_13.png);
 }
 .wtm-nav-menu li a i.store {
   background-image: url(../images/store_w.png);
 }
 .wtm-nav-menu li a i.exit {
   background-image: url(../images/exit_w.png);
 }
 .member-center dt h3 i.mc-06 {
   background-image: url(../images/mc_06.png);
 }
 
 .wtm-nav-menu li sup {
   display: none;
   position: absolute;
   z-index: 1;
   top: 0.5rem;
   right: 0.5rem;
   width: 0.36rem;
   height: 0.36rem;
   background-color: #ff1558;
   border-radius: 100%;
 }
 /*头部透明*/
 .transparent {
   background-color: transparent;
   border-bottom: none;
 }
 .transparent .header-l a i.set {
   background-image: url(../images/set_w.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 100%;
   opacity: 1;
 }
 .transparent .header-title,
 .transparent .header-nav {
   display: none;
 }
 .transparent .header-r a i.more {
   background-image: url(../images/more_option.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 100%;
   opacity: 1;
 }
 .transparent .header-r a sup {
   right: 0.2rem;
   top: 0.4rem;
   width: 0.25rem;
   height: 0.25rem;
   background-color: #ff1558;
   border: solid 0.05rem #fff;
   border-radius: 100%;
 }
 .transparent .wtm-nav-menu .arrow {
   opacity: 0.55;
 }
 .transparent .wtm-nav-menu ul {
   background: rgba(85, 85, 85, 0.55);
 }
 .transparent .wtm-nav-menu ul li {
   border-bottom-color: #ccc;
 }
 /*默认底部*/
 .wtm-footer-wrap {
   position: relative;
   z-index: 5;
   bottom: 2.4rem;
   margin-top: 2.2rem;
   left: 0;
   right: 0;
   width: 100%;
 }
 .copyright {
   width: 100%;
   height: 1.6rem;
   font-size: 0.45rem;
   line-height: 1.6rem;
   color: #555;
   text-align: center;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 1);
 }
 .copyright a {
   display: inline-block !important;
   margin: 0 0.05rem;
   font-size: 0.45rem;
   font-weight: 600;
   color: #555;
 }
 .wtm-set {
   margin: 4rem auto;
 }
 .wtm-set p {
   font-size: 0.55rem;
   color: #888;
   margin-top: 0.2rem;
   text-align: center;
 }
 
 /*底部固定下方*/
 footer.bottom .nav-text,
 footer.bottom .nav-pic {
   display: none;
 }
 footer.bottom .wtm-footer-wrap {
   background-color: transparent;
   border: none;
 }
 /* sao dev stype for my qr code */
 .bg_qr{
   /* background-image: url("../images/Pha_That_Luang.jpg"); */
   background-position: 53%;
   background-size: cover;
   height: 100vh;
 }
 .box_fram{
 background-color: white;
 width: 75%;
 margin-top: 85px;
 padding-bottom: 5px;
 border-radius: 10px 60px;
 box-shadow: 0px 0px 11px -5px rgb(0 0 0 / 76%);
 }
 .member_profile{
       /* margin-top: -19px; */
       padding: 5px;
       display: flex;
       align-items: center;
       padding-left: 1rem;
       background-color: black;
       border-radius: 10px 60px 0 0;
 }
 .member_profile h4 {
   margin-left: 10px;
   color:#fff;
 }
 .member_profile img{
   width: 60px;
   height: 60px;
   border-radius: 100%;
 }
 
 .balance_m{
   display: flex;
   font-size: 18px;
   justify-content: center;
 }
 .balance_m a{
   margin:5px;
   border: 1px solid #37B1B5;
   border-radius: 5px;
   /* color: #fff; */
 }
 .balance_m a:hover{
   color: #fff;
   background-color: #37B1B5;

 }
 
 /* sao dev stype for my qr code */
 /*默认内容区域*/
 .wtm-main-box {
   display: block;
   margin-top: 2rem;
   background-color: #f5f5f5;
 }
 .wtm-main-box-a {
   display: block;
   position: absolute;
   top: 4rem;
   right: 0;
   left: 0;
   bottom: 0;
   overflow: hidden;
   z-index: 1;
 }
 .wtm-min-box li i.pdrecharge-info {
   background-image: url(../images/exchange.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
   opacity: 1;
 }
 
 /*特别提示*/
 .special-tips {
   display: block;
   padding: 0.4rem 5%;
 }
 .special-tips p {
   font-size: 0.55rem;
   line-height: 0.7rem;
   padding: 0.2rem 0.4rem;
   background: #aaa;
   color: #fff;
   border-radius: 0.5rem;
 }
 
 /*单行导航*/
 .wtm-single-nav {
   display: block;
   width: 98%;
   height: 2rem;
   padding: 0 1%;
   background: #fff;
   border-bottom: solid 0.05rem #eee;
 }
 .wtm-single-nav ul {
   display: block;
   font-size: 0;
   white-space: nowrap;
   overflow: visible !important;
 }
 .wtm-single-nav ul li {
   display: inline-block;
   vertical-align: top;
   text-align: center;
   height: 2rem;
   padding: 0 !important;
 }
 .wtm-single-nav .area li {
   width: 33.33%;
 }
 .wtm-single-nav ul li a {
   display: inline-block;
   padding: 0.1rem 0.05rem;
   font-size: 0.6rem;
   line-height: 1.85rem;
   color: #333;
 }
 .wtm-single-nav ul li a i {
   display: inline-block;
   width: 1rem;
   height: 1rem;
   vertical-align: middle;
   margin-right: 0.1rem;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 70%;
   filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
   -webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
   -ms-filter: grayscale(100%);
   -o-filter: grayscale(100%);
   filter: grayscale(100%);
   filter: gray;
   opacity: 1;
 }
 .wtm-single-nav ul li.selected a {
   padding: 0.1rem 0.05rem 0 0.05rem;
   color: #ff1558;
 }
 .wtm-single-nav ul li.selected a i {
   -webkit-filter: grayscale(0);
   -moz-filter: grayscale(0);
   -ms-filter: grayscale(0);
   -o-filter: grayscale(0);
   filter: grayscale(0);
   filter: gray;
   opacity: 1;
 }
 .wtm-single-nav.fixed {
   background-color: rgba(248, 248, 248, 0.95);
   position: fixed;
   z-index: 3;
   top: 0rem;
   left: 0;
   right: 0;
 }
 .wtm-single-nav ul li.selected2 a {
   padding: 0.1rem 0.05rem 0 0.05rem;
 }
 .wtm-single-nav ul li.selected2 a i {
   -webkit-filter: grayscale(0);
   -moz-filter: grayscale(0);
   -ms-filter: grayscale(0);
   -o-filter: grayscale(0);
   filter: grayscale(0);
   filter: gray;
   opacity: 1;
 }
 
 /*标签式导航*/
 .wtm-tag-nav {
   background-color: #eee;
   padding: 0.5rem 0.5rem 0 0.5rem;
 }
 .wtm-tag-nav ul {
   font-size: 0;
   display: block;
 }
 .wtm-tag-nav ul li {
   display: inline-block;
   background-color: #aaa;
   margin: 0 0.5rem 0.5rem 0;
   border-radius: 0.2rem;
 }
 .wtm-tag-nav ul li.selected {
   background-color: #ff1558;
 }
 .wtm-tag-nav ul li a {
   display: block;
   height: 0.9rem;
   padding: 0.2rem 0.5rem;
   font-size: 0.6rem;
   line-height: 0.9rem;
   color: #fff;
 }
 
 /*默认单行列表*/
 .wtm-default-list-tit {
   font-size: 0.7rem;
   line-height: 1rem;
   padding: 0.5rem;
 }
 .wtm-default-list {
   overflow: hidden;
   padding: 0 0 0 0.5rem;
   background-color: #fff;
   border-top: solid 0.05rem #eee;
   border-bottom: solid 0.05rem #eee;
 }
 .wtm-default-list li {
   position: relative;
   z-index: 1;
   display: block;
   clear: both;
   overflow: hidden;
   padding: 0.5rem 0;
   line-height: 1rem;
   border-top: solid 0.05rem #eee;
 }
 .wtm-default-list li:first-child {
   border-top: none;
 }
 .wtm-default-list li a {
   display: block;
   overflow: hidden;
   font-size: 0.65rem;
   color: #000;
 }
 .wtm-default-list li h4 {
   float: left;
   margin-left: 0.3rem;
   font-size: 0.65rem;
   line-height: 1rem;
   color: #333;
 }
 .wtm-default-list li h4 i {
   display: inline-block;
   vertical-align: top;
   margin-right: 0.2rem;
   width: 0.9rem;
   height: 0.9rem;
   opacity: 0.5;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 80%;
 }
 .wtm-default-list li h5 {
   font-weight: bolder;
   text-align: center;
   font-size: 0.6rem;
   line-height: 1rem;
   color: #25a310;
 }
 .wtm-default-list li h6 {
   float: left;
   clear: both;
   margin-left: 0.3rem;
   font-size: 0.55rem;
   line-height: 1rem;
   color: #888;
 }
 .wtm-default-list li span.num {
   float: right;
   margin-right: 1.2rem;
   font-size: 0.6rem;
   line-height: 1rem;
 }
 .wtm-default-list li span.tip {
   position: absolute;
   z-index: 1;
   top: 50%;
   right: 1.2rem;
   height: 0.9rem;
   margin-top: -0.4rem;
   font-size: 0.6rem;
   line-height: 0.9rem;
   color: #111;
 }
 .wtm-default-list li span.arrow-r {
   position: absolute;
   z-index: 1;
   top: 50%;
   right: 0.5rem;
   display: block;
   width: 0.6rem;
   height: 0.6rem;
   margin-top: -0.3rem;
   background-image: url(../images/arrow_right_b.png);
   background-repeat: 50% 50%;
   background-repeat: no-repeat;
   background-size: 90%;
   opacity: 0.65;
 }
 .wtm-default-list li span.pics {
   float: right;
   margin-right: 1.2rem;
   font-size: 0.6rem;
   line-height: 1rem;
 }
 .wtm-default-list li span.pics img {
   width: 1rem;
   height: 1rem;
 }
 
 /*默认输入表单*/
 .wtm-inp-con {
   display: block;
   clear: both;
   margin-top: 2rem;
 }
 .wtm-inp-con .wtm-logo {
   margin: 0 auto;
   padding: 2rem 0;
   z-index: 1;
   width: 100%;
   text-align: center;
   background-color: #ed1c24;
   /* background: url(../images/login_bg.jpg) repeat-x; */
 }
 .wtm-inp-con .wtm-logo img {
   width: 130px;
   /* height: 50px; */
 }
 .wtm-inp-con ul {
   background: #fff;
 }
 .wtm-inp-con ul li {
   position: relative;
   z-index: 1;
   display: block;
   min-height: 2rem;
   margin-left: 0.5rem;
   background-color: #fff;
   border-bottom: solid #eee 0.05rem;
 }
 .wtm-inp-con ul li:nth-last-child(1) {
   border-bottom: none 0;
 }
 .wtm-inp-con ul li.upload-item {
   height: 2.55rem;
 }
 .wtm-inp-con ul li h4 {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   /* width: 3.8rem; kee comment */
   width: 4.8rem; /*kee change */
   font-size: 0.6rem;
   line-height: 2rem;
   color: #000;
   text-align: right;
 }
 .wtm-inp-con ul li .input-box {
   display: block;
   /* height: 2rem; */
   /* margin: 0 0.5rem 0 4rem; kee comment*/
   margin: 0 0.5rem 0 5.5rem;/* kee change  */
   position: relative;
   z-index: 1;
 }
 .wtm-inp-con ul li.upload-item .input-box {
   height: 2rem;
   padding: 0.3rem 0;
 }
 .wtm-inp-con ul li .input-box .inp {
   width: 100%;
   min-height: 1rem;
   padding: 0.5rem 0;
   border: 0 none;
   font-size: 0.6rem;
   line-height: 0.95rem;
   color: #000;
 }
 .wtm-inp-con ul li .input-box .input-del {
   position: absolute;
   /* z-index: 1; kee */
   top: 0.5rem;
   right: 0.5rem;
   display: none;
   width: 1rem;
   height: 1rem;
   background-image: url(../images/cancel_b.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 60%;
   opacity: 0.4;
 }
 .wtm-inp-con ul li .input-box.write .input-del {
   display: block;
 }
 .wtm-inp-con ul li .input-box .checkbox {
   position: absolute;
   z-index: 1;
   top: 0.5rem;
   left: 0.5rem;
 }
 .wtm-inp-con ul li .input-box .txt {
   margin: 0 0 0 1.5rem;
   font-size: 0.7rem;
   line-height: 2rem;
   /* color: #555; kee comment */
   color: #222;
 }
 .wtm-inp-con ul li .input-box .note {
   position: absolute;
   z-index: 1;
   right: 0;
   top: 0.25rem;
   height: 1.6rem;
   text-align: right;
 }
 .wtm-inp-con ul li .input-box .note em {
   display: block;
   vertical-align: top;
   font-size: 0.6rem;
   font-weight: 600;
   color: #36bc9b;
   line-height: 0.8rem;
 }
 .wtm-inp-con ul li .input-box .note h6 {
   display: block;
   vertical-align: top;
   font-size: 0.55rem;
   color: #999;
   line-height: 0.8rem;
 }
 .wtm-inp-con ul li .input-box .select {
   width: 95%;
   height: 2rem;
   margin: 0;
   font-size: 0.55rem;
   background-color: transparent;
   line-height: 2rem;
   border: 0 none;
   appearance: none;
   -webkit-appearance: none; /*for chrome*/
 }
 .wtm-inp-con ul li .input-box .arrow-down {
   position: absolute;
   z-index: 1;
   top: 0.5rem;
   right: 0;
   display: block;
   width: 0.975rem;
   height: 1rem;
   background-image: url(../images/arrow_down_b.png);
   background-repeat: no-repeat;
   background-repeat: 50% 50%;
   background-size: 50%;
   opacity: 0.5;
 }
 .wtm-inp-con .form-btn {
   margin-top: 1rem;
 }
 .wtm-inp-con .form-btn .btn {
   display: inline-block;
   width: 90%;
   height: 1.8rem;
   padding: 0; 
   margin: 0 5%;
   font-size: 0.8rem;
   line-height: 1.8rem;
   text-align: center;
   color: #fff !important;
   /* background: #ff1558; kee comment */
   background: #37B1B5;
   border: none;
   border-radius: 1.2rem;
 }
 .wtm-inp-con ul li .txt-box {
   display: block;
   border: 0 none;
   color: #000;
   font-size: 0.6rem;
   line-height: 0.95rem;
   min-height: 0.95rem;
   padding: 0.5rem 0;
   min-width: 200px;
   margin: 0 0.5rem 0 5.5rem;
   position: relative;
   z-index: 1;
 }
 .wtm-inp-con ul li .txt-box .checked {
   color: #ff1558;
   font-weight: bolder;
 }
 /*开关*/
 .input-box label {
   display: inline-block !important;
   height: 2rem !important;
   padding: 0 !important;
   margin: 0 !important;
   border: 0 !important;
   border-radius: 0 !important;
   font-size: 0.7rem !important;
   line-height: 2rem !important;
   color: #555 !important;
 }
 .input-box label.checked {
   background-color: transparent !important;
   padding: 0 !important;
   /* color: #555 !important; kee comment */
   color: #222 !important;
 }
 .input-box label input[type="checkbox"] {
   display: none;
 }
 .input-box label .power {
   position: relative;
   z-index: 1;
   display: inline-block;
   vertical-align: middle;
   width: 1.6rem;
   height: 0.9rem;
   margin: 0 0.2rem;
   border: solid 0.05rem #ddd;
   border-radius: 0.5rem;
 }
 .input-box label .power i {
   position: absolute;
   z-index: 1;
   top: 0rem;
   left: 0rem;
   width: 0.9rem;
   height: 0.9rem;
   background-color: #fff;
   border-radius: 100%;
   box-shadow: 0.05rem 0.1rem 0.25rem rgba(0, 0, 0, 0.3);
 }
 .input-box label.checked .power {
   background-color: #48cfae;
   border-color: #48cfae;
 }
 .input-box label.checked .power i {
   left: auto;
   right: 0;
   box-shadow: -0.05rem 0.1rem 0.25rem rgba(0, 0, 0, 0.3);
 }
 
 /*无数据信息为空提示*/
 .wtm-norecord {
   position: absolute;
   z-index: -1;
   top: 53%;
   left: 42%;
   width: 13rem;
   height: 8.2rem;
   margin: -3rem 0 0 -5rem;
   text-align: center;
   font-size: 0;
 }
 .wtm-norecord .norecord-ico {
   display: inline-block;
   width: 2.2rem;
   height: 2.2rem;
   padding: 0.4rem;
   margin: 0 auto;
   background-color: #ddd;
   border-radius: 100%;
 }
 .wtm-norecord .norecord-ico i {
   display: block;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 80%;
 }
 .wtm-norecord dl {
   height: 2.75rem;
   margin-top: 0.75rem;
 }
 .wtm-norecord dl dt {
   display: block;
   height: 1rem;
   margin-bottom: 0.25rem;
   font-size: 0.75rem;
   line-height: 1rem;
 }
 .wtm-norecord dl dd {
   display: block;
   height: 1rem;
   margin-bottom: 0.5rem;
   font-size: 0.55rem;
   line-height: 1rem;
   color: #999;
 }
 /*无数据提示图标*/
 .wtm-norecord.search .norecord-ico i {
   background-image: url(../images/search_w.png);
 }
 .wtm-norecord.cart .norecord-ico i {
   background-image: url(../images/cart_w.png);
 }
 .wtm-norecord.eval .norecord-ico i {
   background-image: url(../images/mcc_04_w.png);
 }
 .wtm-norecord.talk .norecord-ico i {
   background-image: url(../images/talk_w.png);
 }
 .wtm-norecord.order .norecord-ico i {
   background-image: url(../images/order_w.png);
 }
 .wtm-norecord.refund .norecord-ico i {
   background-image: url(../images/mcc_05_w.png);
 }
 .wtm-norecord.address .norecord-ico i {
   background-image: url(../images/address_w.png);
 }
 .wtm-norecord.favorite-store .norecord-ico i {
   background-image: url(../images/store_w.png);
 }
 .wtm-norecord.favorite-goods .norecord-ico i {
   background-image: url(../images/favorite_w.png);
 }
 .wtm-norecord.views .norecord-ico i {
   background-image: url(../images/goods-browse_w.png);
 }
 .wtm-norecord.signin .norecord-ico i {
   background-image: url(../images/mcc_04_w.png);
 }
 .wtm-norecord.pdre .norecord-ico i {
   background-image: url(../images/mcc_06_w.png);
 }
 .wtm-norecord.recharge .norecord-ico i {
   background-image: url(../images/mcc_07_w.png);
 }
 .wtm-norecord.voucher .norecord-ico i {
   background-image: url(../images/mcc_08_w.png);
 }
 .wtm-norecord.coupon .norecord-ico i {
   background-image: url(../images/mcc_09_w.png);
 }
 /* kee start add  */
 .wtm-norecord.update .norecord-ico i {
   background-image: url(../images/update.png);
 }
 /* kee end add  */
 .wtm-single-nav .area li {
   width: 33.33%;
 }
 
 /*加减数量控件*/
 .value-box {
   display: inline-block;
   float: right;
   font-size: 0;
   border: solid 0.05rem #ccc;
   border-radius: 0.2rem;
 }
 .value-box span {
   display: inline-block;
   vertical-align: top;
   line-height: 0;
 }
 .value-box span a {
   display: block;
   width: 0.4rem;
   height: 0.4rem;
   margin: 0.4rem;
   opacity: 0.65;
 }
 .value-box span.add {
   background-color: #fafafa;
   border-radius: 0 0.2rem 0.2rem 0;
 }
 .value-box span.minus {
   background-color: #fafafa;
   border-radius: 0.2rem 0 0 0.2rem;
 }
 .value-box span.add a {
   background-image: url(../images/value_add.png);
   background-repeat: no-repeat;
   background-repeat: 50% 50%;
   background-size: 100%;
 }
 .value-box span.minus a {
   background-image: url(../images/value_minus.png);
   background-repeat: no-repeat;
   background-repeat: 50% 50%;
   background-size: 100%;
 }
 .value-box span .buy-num {
   width: 1.2rem;
   height: 1.2rem;
   padding: 0;
   font-size: 0.6rem;
   line-height: 1.3rem;
   text-align: center;
   border: solid #ccc;
   border-width: 0 0.05rem;
   border-radius: 0;
 }
 
 /*默认按钮样式*/
 .btn {
   vertical-align: top;
   display: inline-block !important;
   height: 1.1rem;
   padding: 0 0.3rem;
   margin: 0 auto;
   font-size: 0.6rem;
   color: #fff !important;
   line-height: 1.1rem;
   text-align: center;
   background-color: #ff1558;
   border-radius: 1.2rem;
 }
 .btn.btn-large {
  height: 2rem;
  display: flex !important;
  justify-content: center;
  align-items: center;
 }
 .btn.key {
   border-color: #ff1558;
   color: #fff !important;
   font-size: 0.5rem;
 }
 .btn-l {
   border-radius: 1.2rem;
   display: inline-block;
   width: 90%;
   margin: 0 5%;
   font-size: 0.7rem;
   line-height: 1.8rem;
   text-align: center;
   color: #fff;
   background: #37B1B5;
   border-radius: 1.2rem;
 }
 .btn-l:hover {
   color: #fff;
   background: #207a7d;
   text-decoration: none;
 }
 
 /*图片选择上传*/
 .wtm-upload {
   display: inline-block;
   width: 1.94rem;
   height: 1.94rem;
   border: solid 0.05rem #eee;
   border-radius: 0.1rem;
   vertical-align: top;
 }
 .wtm-upload a {
   position: relative;
   z-index: 1;
   display: block;
   width: 100%;
   height: 100%;
 }
 .wtm-upload span {
   position: absolute;
   z-index: 3;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
 }
 .wtm-upload .input-file {
   width: 100%;
   height: 100%;
   padding: 0;
   margin: 0;
   border: none 0;
   opacity: 0;
   filter: alpha(opacity=0);
 }
 .wtm-upload p {
   position: absolute;
   z-index: 1;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   background-color: transparent;
 }
 .wtm-upload p i {
   display: block;
   width: 100%;
   height: 100%;
   background-image: url(../images/value_add.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 50%;
   opacity: 0.25;
 }
 .wtm-upload .pic-thumb {
   position: absolute;
   z-index: 2;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   background-color: #ffffff;
   border-radius: 0.1rem;
 }
 .wtm-upload .pic-thumb img {
   width: 95%;
   height: 95%;
   margin: 2.5%;
 }
 .wtm-upload .upload-loading {
   position: absolute;
   z-index: 4;
   left: 0;
   top: 0;
   bottom: 0;
   right: 0;
   filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');
   background: rgba(255, 255, 255, 0.25);
   border-radius: 0.1rem;
 }
 .wtm-upload .upload-loading i {
   display: block;
   width: 100%;
   height: 5%;
   margin: 93% 0 2% 0;
   background: #4fc0e8;
   animation: optionLoading 0.5s ease-in-out;
   -webkit-animation: optionLoading 1s ease-in-out;
 }
 @keyframes optionLoading {
   from {
     width: 0%;
   }
   to {
     width: 100%;
   }
 }
 @-webkit-keyframes optionLoading {
   from {
     width: 0%;
   }
   to {
     width: 100%;
   }
 }
 
 /*页内固定块*/
 .fix-block-r {
   width: 1.9rem;
   position: fixed;
   z-index: 5;
   right: 0.5rem;
   bottom: 2.5rem;
 }
 .fix-block-r a {
   display: block;
   width: 1.95rem;
   height: 2rem;
   background: rgba(255, 255, 255, 0.85);
   border-radius: 100%;
   border: solid 0.05rem #eee;
 }
 .fix-block-r a i {
   width: 100%;
   height: 100%;
   display: block;
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 60%;
   opacity: 0.75;
 }
 .fix-block-r a.gotop-btn {
   margin-top: 0.25rem;
 }
 .fix-block-r a.gotop-btn i {
   background-image: url(../images/gotop_b.png);
 }
 .fix-block-r a.browse-btn i {
   background-image: url(../images/goods_browse_b.png);
 }
 .fix-block-r a.home-btn i {
   background-image: url("../images/home_b.png");
 }
 .fix-block-r a.cart-btn i {
   background-image: url("../images/cart_w.png");
   opacity: 1;
 }
 .fix-block-r a.cart-btn span sup {
   position: absolute;
   top: -8px;
   right: calc(50% - 25px);
   color: #f00;
   border-radius: 10px;
   padding: 3px 5px;
   background-color: #f00;
   color: #fff;
   line-height: 10px;
   font-size: 10px;
 }
 
 .fix-block-r a.cart-btn {
   width: 1.9rem;
   height: 2rem;
   position: fixed;
   z-index: 6;
   right: 0.46rem;
   bottom: 4.8rem;
   display: block;
   background: #242831 !important;
   border-radius: 100%;
   border: solid 0.05rem #242831;
 }
 
 /*页面整体下拉缓冲*/
 .scroller-body {
   top: 0;
   bottom: 4rem;
   right: 0;
   left: 0;
   position: absolute;
   z-index: auto;
 }
 .scroller-box {
   padding-bottom: 2.8rem;
 }
 .scroller-more {
   z-index: 179;
 }
 
 /* loading */
 /*下拉读取*/
 .loading {
   text-align: center;
   display: block;
   padding: 1rem 0;
   font-size: 0.55rem;
   color: #666;
 }
 .spinner {
   display: inline-block;
   vertical-align: middle;
   margin-right: 0.4em;
   font-size: 1em;
   width: 1em;
   height: 1em;
   text-align: left;
   border-radius: 50%;
   box-shadow: inset 0 0 0 0.1em rgba(58, 168, 237, 0.3);
 }
 .spinner i {
   position: absolute;
   clip: rect(0, 1em, 1em, 0.5em);
   width: 1em;
   height: 1em;
   animation: spinner-bbs-clipper 1s ease-in-out infinite;
   -webkit-animation: spinner-bbs-clipper 1s ease-in-out infinite;
 }
 @keyframes spinner-bbs-clipper {
   0% {
     transform: rotate(0deg);
   }
   100% {
     transform: rotate(180deg);
   }
 }
 @-webkit-keyframes spinner-bbs-clipper {
   0% {
     -webkit-transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(180deg);
   }
 }
 .spinner i:after {
   position: absolute;
   clip: rect(0, 1em, 1em, 0.5em);
   width: 1em;
   height: 1em;
   content: "";
   animation: spinner-bbs 1s ease-in-out infinite;
   -webkit-animation: spinner-bbs 1s ease-in-out infinite;
   border-radius: 50%;
   box-shadow: inset 0 0 0 0.1em #3aa8ed;
 }
 @keyframes spinner-bbs {
   0% {
     transform: rotate(-180deg);
   }
   100% {
     transform: rotate(180deg);
   }
 }
 @-webkit-keyframes spinner-bbs {
   0% {
     -webkit-transform: rotate(-180deg);
   }
   100% {
     -webkit-transform: rotate(180deg);
   }
 }
 /*异步读取*/
 .pre-loading {
   background: rgba(248, 248, 248, 0.95);
   position: fixed;
   z-index: 999;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
 }
 .pre-block {
   text-align: center;
   position: absolute;
   z-index: 1;
   width: 7rem;
   height: 1rem;
   font-size: 0.55rem;
   color: #666;
   top: 50%;
   left: 50%;
   margin: -0.5rem 0 0 -3rem;
 }
 
 .footnav {
   min-width: 320px;
   background-color: #fff;
   box-shadow: 1px 5px 15px rgba(50, 50, 50, 0.3);
   border-top: 1px solid #f6f6f9;
   bottom: 0;
   font-size: 1.1rem;
   height: 2.2rem;
   position: fixed;
   width: 100%;
   z-index: 6;
 }
 .footnav ul {
   font-size: 0;
 }
 .footnav ul li {
   vertical-align: top;
   display: inline-block;
   text-align: center;
   width: 20%;
   padding: 0.2rem 0 0.2rem 0;
 }
 .footnav ul li a {
   display: block;
   position: relative;
 }
 .footnav ul li a em {
   background-color: #ff1558;
   width: 0.3rem;
   height: 0.3rem;
   border-radius: 100%;
   position: absolute;
   top: -0.15rem;
   right: 0.85rem;
 }
 .footnav ul li i {
   vertical-align: top;
   display: inline-block;
   width: 1.3rem;
   height: 1.1rem;
   margin: 0 auto;
 }
 .footnav i.home_special {
   background-image: url(../images/home_m.png);
   background-size: cover;
 }
 /* kee add .footnav i.home */
 .footnav i.home {
   background-image: url(../images/home_b.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 .footnav i.categroy {
   background-image: url(../images/categroy.png);
   background-size: cover;
 }
 /* kee add .footnav i.messenge */
 .footnav i.messenger {
   background-image: url(../images/messenger_footer_b.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 .footnav i.message {
   background-image: url(../images/message_b2.png);
   background-size: cover;
 }
 .footnav i.find {
   background-image: url(../images/find_m.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 /* kee add .footnav i.myqrcode */
 .footnav i.myqrcode {
   background-image: url(../images/qr-code_b.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 .footnav i.cart {
   background-image: url(../images/cart_m.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 /* kee add .footnav i.feedback */
 .footnav i.feedback {
   background-image: url(../images/comment_b.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 .footnav i.member {
   background-image: url(../images/member_m.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 70%;
 }
 /* kee add .footnav i.help */
 .footnav i.help {
   background-image: url(../images/question_b.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 /*加红*/
 .footnav i.home2 {
   background-image: url(../images/home_r.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 .footnav i.categroy2 {
   background-image: url(../images/categroy_current.png);
   background-size: cover;
 }
 /* kee add .footnav i.messenger2 */
 .footnav i.messenger2 {
   background-image: url(../images/messenger_footer_r.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 
 .footnav i.find2 {
   background-image: url(../images/find_f.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 /* kee add .footnav i.myqrcode2 */
 .footnav i.myqrcode2 {
   background-image: url(../images/qr-code_r.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 .footnav i.cart2 {
   background-image: url(../images/cart_f.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 /* kee add .footnav i.feedback2*/
 .footnav i.feedback2 {
   background-image: url(../images/comment_r.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 .footnav i.member2 {
   background-image: url(../images/member_current.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 70%;
 }
 /* kee add  .footnav i.help2*/
 .footnav i.help2 {
   background-image: url(../images/question_r.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 85%;
 }
 
 .footnav ul li p {
   font-size: 0.55rem;
   color: #333;
   line-height: 1rem;
   height: 1rem;
 }
 .footnav ul li .messenger sup {
   display: none;
 }
 .footnav ul li .messenger2 sup {
   display: none;
 }
 .footnav ul li sup {
     position: absolute;
     top: -1px;
     right: 1.2rem;
     width: 0.25rem;
     height: 0.25rem;
     background-color: #ff1558;
     border: solid 0.05rem #fff;
     border-radius: 100%;
 }
 .footnav ul li a.current p {
   color: #ff1558;
 }
 
 /*文章*/
 .page-main {
   margin-top: 4rem;
   margin-bottom: 2.3rem;
 }
 #article-content {
   background: #fff;
   font-size: 0.6rem;
   min-width: 320px;
   margin: 0 auto;
   overflow: hidden;
   min-height: 100%;
 }
 #article-content embed[type="application/x-shockwave-flash"] {
   display: none;
 }
 #article-content p,
 #article-content div,
 #article-content table {
   width: 100% !important;
 }
 #article-content img {
   width: 100% !important;
   object-fit: contain;
   
 }
 .article_type {
   color: #6d6d6d;
   margin-bottom: 5px;
   display: block;
   text-align: center;
   width: 100%;
   font-size: 0.8rem;
   font-weight: bold;
 }
 .article-list {
   padding: 1px 0px 0px;
 }
 .article-list-item a {
   display: block;
   color: #6d6d6d;
   line-height: 40px;
 }
 .article-list-item {
   padding-right: 10px;
   padding-left: 10px;
   /* text-align: center; ---------------kee----------- */
   border-bottom: 1px solid #eee;
   cursor: pointer;
   font-size: 14px;
   position: relative;
 }
 .article-title {
   color: #6d6d6d;
   margin-top: 0.4rem;
   line-height: 32px;
   padding: 0.3rem;
   display: block;
   text-align: center;
   width: 100%;
   font-size: 0.7rem;
   font-weight: bold;
   border-bottom: 1px solid #eee;
 }
 .article-content {
   padding: 0.3rem;
   line-height: 24px;
 }
 .article-class {
   display: block;
   margin-top: 2.8rem;
   padding-left: 0.8rem;
 }
 .article-class li {
   display: inline-block;
   background-color: #f8f8f8;
   border: solid 0.05rem #eee;
   margin: 0 0.4rem 0.4rem 0;
 }
 .article-class li a {
   display: block;
   padding: 0.2rem 0.5rem;
   font-size: 0.6rem;
   line-height: 1rem;
   color: #555;
 }
 .article-class li {
   border-radius: 0.75rem;
 }
 #article-content .no-record {
   text-align: center;
   padding: 2rem 0;
 }
 /*横向滚动导航*/
 .wtm-nav-container {
   background: #fff;
   display: block;
   position: fixed;
   z-index: 2;
   top: 1.9rem;
   left: 0;
   right: 0;
 }
 .wtm-scroll-nav {
   display: block;
   width: 100%;
   height: 1.8rem;
   box-sizing: border-box;
   z-index: 10;
 }
 .wtm-scroll-nav .nav-content {
   float: left;
   display: block;
   position: absolute;
   height: 1.8rem;
   overflow: hidden;
   z-index: 2;
   -webkit-transform: translate3d(0, 0, 0);
 }
 .wtm-scroll-nav .wa {
   width: 88%;
 }
 .wtm-scroll-nav .wb {
   width: 98%;
 }
 .wtm-scroll-nav .nav-content .nav {
   width: 100%;
   position: relative;
   white-space: nowrap;
 }
 .wtm-scroll-nav .nav-content .nav li {
   height: 100%;
   position: relative;
   box-sizing: border-box;
   text-align: center;
   line-height: 1.5rem;
   padding: 0 0.36rem;
   display: inline-block;
 }
 .wtm-scroll-nav .nav-content .nav li .gc_active {
   font-size: 0.65rem;
   box-sizing: border-box;
   color: #333;
   line-height: 1.73rem;
   display: block;
 }
 .wtm-scroll-nav .nav-content .nav li.all-search {
   color: #848689;
   font-size: 0.6rem;
   line-height: 1.6rem;
   font-weight: 600;
 }
 .wtm-scroll-nav .nav-content .nav li.active .gc_active {
   font-weight: bolder;
   border-bottom: 2px solid #ff5f5f;
   color: #ff1558;
 }
 .wtm-scroll-nav .nav-arrow {
   display: block;
   width: 12%;
   float: right;
   box-sizing: border-box;
   z-index: 2;
 }
 .wtm-scroll-nav .nav-arrow a {
   text-align: center;
   display: block;
   height: 1.6rem;
   border-left: 0.05rem solid #eaeaea;
 }
 .wtm-scroll-nav .nav-arrow a span {
   display: inline-block;
   width: 0.8rem;
   height: 0.8rem;
   margin: 0.6rem auto 0.45rem auto;
 }
 .wtm-scroll-nav .nav-arrow a .arrow-top {
   background: url(../images/arrow_down_b.png) no-repeat;
   background-position: 50% 50%;
   background-size: 80%;
 }
 .wtm-scroll-nav .nav-arrow a .arrow-down {
   background: url(../images/arrow_down_b.png) no-repeat;
   background-position: 50% 50%;
   background-size: 80%;
   transform: rotate(180deg);
 }
 .wtm-scroll-nav .nav-arrow .browse-list {
   background-image: url(../images/browse_list.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
 }
 .wtm-scroll-nav .nav-arrow .browse-grid {
   background-image: url(../images/browse_grid.png);
   background-repeat: no-repeat;
   background-position: 50% 50%;
   background-size: 100%;
 }
 .goods-plus {
   color: #999;
   font-weight: normal;
   text-decoration: none;
   text-overflow: ellipsis;
   white-space: nowrap;
   vertical-align: middle;
   overflow: hidden;
   display: inline-block;
 }
 /*Plus价*/
 .goods-plus em {
   max-width: 60px;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   text-align: right;
   height: 16px;
   line-height: 16px;
   margin-right: 2px;
   font-size: 12px;
   vertical-align: middle;
   display: inline-block;
 }
 .plus-ico {
   vertical-align: middle;
   width: 39px;
   height: 16px;
   overflow: hidden;
   background: url("../images/bg-price.png") no-repeat 0 -40px;
   display: inline-block;
 }
 
 .wtm-all-box {
   display: block;
   margin: 0 auto;
   overflow: hidden;
   position: relative;
   z-index: 0;
 }
 .wtm-all-block {
   width: 100%;
   clear: both;
 }
 .wtm-all-block .tit-bar {
   font-size: 0.8rem;
   font-weight: normal;
   text-align: center;
   line-height: 1.8rem;
   border-left: 0;
   color: #333;
 }
 .wtm-all-block .tit-bar span {
   color: #333;
   display: inline-block;
   position: relative;
 }
 .wtm-all-block .tit-bar span:before {
   content: "";
   display: block;
   width: 50%;
   height: 0.05rem;
   background: #ccc;
   position: absolute;
   top: 0.9rem;
   left: -60%;
 }
 .wtm-all-block .tit-bar span:after {
   content: "";
   display: block;
   width: 50%;
   height: 0.05rem;
   background: #ccc;
   position: absolute;
   top: 0.9rem;
   right: -60%;
 }
 .wtm-all-block .stit {
   font-size: 12px;
   text-align: center;
   color: #999;
   margin-bottom: 10px;
 }
 
 /* kee comment .wtm-all-block.item-goods ul.goods-list {
   font-size: 0;
   margin-bottom: 0.5rem;
 } */
 /* kee start styling */
 .wtm-all-block.item-goods ul.goods-list {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   row-gap: 1rem;
   column-gap: .5rem;
   padding: .5rem;
 }
 
 #get_browse {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 1rem;
 }
 #get_like {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr 1fr;
   gap: 1rem;
 }
 
 /* kee end styling */
 /* kee comment .wtm-all-block.item-goods ul.goods-list li {
   background-color: #fff;
   vertical-align: top;
   display: inline-block;
   width: 49.8%;
   padding-top: 15px;
   overflow: hidden;
   border-bottom: 1px solid #f0f0f0;
 } */
 .wtm-all-block.item-goods ul.goods-list li {
   background-color: #fff;
   /* box-shadow: 0px 5px 9px -2px #ff12124a; kee comment */
   box-shadow: 0px 5px 9px -2px #293664a6;
   position: relative;
   width: 310px;
   height: 385px;
   z-index: 1;
   border-radius: 0.5rem;
 }
 /* kee comment .wtm-all-block.item-goods ul.goods-list li:nth-child(odd) {
   border-right: 1px solid #f0f0f0;
 } */
 .wtm-all-block.item-goods ul.goods-list li:nth-child(even) {
 }
 .wtm-all-block.item-goods ul.goods-list li a {
   display: block;
   width: 100%; /* kee add width */
 }
 .wtm-all-block.item-goods ul.goods-list li .goods-pic {
   width: 310px; /* kee change 100% to 310px */
   height: 270px; /* kee add */
   display: flex; /* kee add */
   justify-content: center; /* kee add */
 }
 .wtm-all-block.item-goods ul.goods-list li .goods-pic img {
   display: block;
   width: 290px; /* kee change 90% to 290px */
   object-fit: contain; /* kee add */
   border-radius: 0.2rem;
   height: auto;
   margin: 0 auto;
 }
 .wtm-all-block.item-goods ul.goods-list li dl {
   padding: 0.2rem;
 }
 .wtm-all-block.item-goods ul.goods-list li dt.goods-name {
   display: block;
   font-size: 0.6rem;
   line-height: 0.8rem;
   color: #585c64;
   margin: 5px;
   height: 1.6rem;
   max-height: 1.6rem;
   overflow: hidden;
   /* kee start add */
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  /* kee end add */
 }
 .wtm-all-block.item-goods ul.goods-list li dd.goods-price {
   display: block;
   font-size: 0.6rem;
   line-height: 1rem;
   color: #e12e2e;
   margin-bottom: 0.6rem;
   font-weight: bold;
   margin: 5px;
 }
 .wtm-all-block.item-goods ul.goods-list li dd.goods-price em {
   font-size: 0.6rem;
   font-weight: 600;
 }
 .wtm-all-block.item-goods ul.goods-list li dd.goods-price em.goods-xianshi {
   font-size: 0.5rem;
   font-weight: 600;
   background-color: #e84c3d;
   color: #fff;
   padding: 0 0.5rem;
   float: right;
 }
 .wtm-all-block.item-goods ul.goods-list li dt.goods-name em.goods-group {
   font-size: 0.5rem;
   font-weight: 600;
   background-color: #1bbc9d;
   color: #fff;
   padding: 0.1rem 0.2rem;
   vertical-align: bottom;
   margin-right: 0.2rem;
   border-radius: 3px;
 }
 /* sao dev */
 .div_map {
   display: grid;
   width: 91%;
   height: 250px;
   border: 1px solid #d8d9db;
   margin-left: 4%;
   background-color: aliceblue;
 }
 #map {
   width: 100%;
   height: 250px;
 }
 .btn_search_loca {
   display: block;
   position: absolute;
   background-color: white;
   color: black;
   border: none;
   padding: 5px;
   border-radius: 5px;
   width: 105px;
   /* left: 33%; */
   bottom: 2px;
   font-size: 16px;
   text-align: center;
 }
 .btn_save {
   display: none;
   position: absolute;
   background-color: #040cf7;
   color: white;
   border: none;
   padding: 5px;
   border-radius: 5px;
   width: 120px;
   left: 45%;
   bottom: 2px;
   font-size: 0.8rem;
   text-align: center;
 }
 /** e_payment */
 .epayment {
   display: grid;
   grid-template-columns: 1fr;
   color: black;
   width: 100%;
   height: auto;
   font-size: 16px;
 }
 .btn_epayment {
   width: 6rem;
   text-align: center;
   padding: 5px;
   margin-right: 10px;
   font-size: 16px;
   font-weight: bold;
   transition: all 0.5s ease-in-out;
 }
 @media only screen and (min-width: 700px) {
   .btn_epayment {
    width: 8rem;
   }
 }
 @media only screen and (min-width: 1000px) {
   .btn_epayment {
    flex: 1;
   }
 }
 .img_pay {
  height: 35px;
  max-height: 100%;
  max-width: 200%;
  object-fit: cover;
 }
 @media only screen and (min-width: 420px) {
   .img_pay {
     height: 45px;
   }
 }
 @media only screen and (min-width: 700px) {
   .img_pay {
     height: 55px;
   }
 }
 .flex {
   width: 100%;
   justify-content: center;
 }
 .bcel_pay {
   width: 300px;
   box-shadow: 0px 0px 9px 1px #0000004a; /*kee add */
   background-color: white;
   color: #293664;
   border-radius: 10px;
   padding: 10px;
   /* display: grid;
   grid-template-columns: 1fr 2fr;
   justify-items: end; */
 }
 i.arrow-right {
   position: absolute;
   width: 40%;
   height: 100%;
   background-image: url(../imgs/right-arrow.png);
   background-position: 50% 50%;
   background-repeat: no-repeat;
   background-size: 30%;
 }
 
 .epayment .lbacbcel {
   margin: 0;
   padding: 0;
   text-align: center;
   font-weight: bold;
 }
 .g_acbcel {
   display: flex;
 
   margin-bottom: 10px;
 }
 .g_acbcel2 {
   display: grid;
   margin-bottom: 10px;
 }
 .g_acbcel2 img {
   margin-top: 5px;
   height: 150px;
   width: auto;
 }
 .g_acbcel .acbcel {
   /* width: 148px; kee comment */
   border-radius: 5px 0px 0px 5px;
   border: 1px solid gray;
   /* background-color: #efefef; kee change */
   background-color: #ffff;
   padding-left: 5px;
   padding-right: 5px;
   /* text-align: center; kee comment */
 }
 .btn_coppy {
   margin-left: -2px;
   border-radius: 0px 5px 5px 0px;
   border: 1px solid gray;
 }
 #txt_remark {
   border-radius: 5px;
 }
 .grid_g {
   display: grid;
   width: 100%;
   justify-content: start;
   justify-items: start;
 }
 .btn_confirm {
   background-color: #ff1558;
   /* padding-left: 20px;
   padding-right: 20px; */
   border-radius: 1.2rem;
   color: white;
   border: none;
   line-height: 1.5rem;
 }
 .btn_confirm:hover {
   background-color: #ff0048;
   color: #ffffff;
 }
 .active_banking {
   background-color: #ed1c24;
   border-radius: 18px;
   padding-right: 7px;
   margin-top: 5px;
   margin-bottom: 5px;
 }
 .div_btn {
   display: grid;
   grid-template-columns: 1fr 1fr;
   justify-self: center;
 }
 
 @media only screen and (min-width: 280px) {
   .img_pay {
     height: 36px;
   }
 }
 @media only screen and (min-width: 370px) {
   .img_pay {
     height: 40px;
   }
 }
 @media only screen and (min-width: 680px) {
   .img_pay {
     height: 60px;
   }
 }
 /* for qrcode*/
 .qr_img {
   /* margin-bottom: 2px; kee change */
   display: flex;
   justify-content: center;
   margin-bottom: 10px;
   flex-direction: column;
 }
 .img_qr {
   /* height: 120px; kee change*/
   height: 260px;
   width: 260px;
   border-radius: 10px;
   align-self: center;
 }
 /*for plus member*/
 .payment_plus_member {
   background-color: #ffffff;
   border: 1px solid #ed1c24;
   width: 96%;
   border-radius: 10px;
   padding-top: 10px;
   margin-left: 2%;
 }
 /* for buston submit */
 .div_confirm {
   width: 100%;
   margin: 0.5rem 0 1rem 0;
 }
 /* for user profile */
 .profile_content {
   margin-top: 2rem;
   padding-top: 1rem;
   width: 100%;
   height: 100%;
   background-color: #f5f5f5;
 }
 
 .profile_setting {
   margin-top: 2rem;
   background-color: white;
   padding-top: 3.5rem;
   border-radius: 20px 20px 0 0;
 }
 
 .profile {
   position: absolute;
   margin-top: -75px;
   display: grid;
   justify-items: center;
   width: 100%;
 }
 
 .div_profile {
   display: grid;
   grid-template-columns: 1fr;
   justify-items: center;
   width: 100%;
   margin-top: 50px;
 }
 
 .div_profile span {
   margin-top: -99px;
   background-color: white;
   border-radius: 50px;
   height: 80px;
 }
 
 .div_profile #avator_img2 {
   width: 100px;
   margin: -6px;
   border-radius: 50%;
 }
 
 .div_user {
   display: flex;
   align-items: center;
 }
 
 .div_user img {
   width: 20px;
   margin-left: 10px;
   margin-top: 4px;
 }
 
 /* .div_phone_number {
   font-size: .8rem;
 }
 
 .div_phone_number img {
   width: 20px;
   margin-left: 10px;
 } */
 
 /* .line-title {
   line-height: 4px;
   margin-top: 30px;
   font-size: 0.8rem;
   padding-bottom: 2px;
 
 }
 
 .line-title hr {
   margin-top: 0.2rem;
   margin-left: 1.8rem;
 } */
 
 .setting_list h4 {
   /* float: left; */
   font-size: 0.65rem;
 }
 
 .setting_list h6 {
   font-size: 0.55rem;
   color: #888;
   /* float: left; */
 }
 
 .setting_list {
   border-top: 1px solid #eee;
   padding-bottom: 0.5rem;
   padding-top: 0.5rem;
   padding-left: 2.5rem;
   padding-right: 3rem;
 }
 
 .setting_list .tip {
   position: absolute;
   z-index: 1;
 
   right: 1.5rem;
   height: 0.9rem;
   margin-top: -1rem;
   font-size: 0.6rem;
   line-height: 0.9rem;
   color: #111;
 }
 
 .setting_list .arrow-r {
   position: absolute;
   z-index: 1;
   right: 0.7rem;
   display: block;
   width: 1rem;
   height: 1rem;
   margin-top: -1rem;
   background-image: url(../images/arrow_right_b.png);
   background-repeat: 50% 50%;
   background-repeat: no-repeat;
   background-size: 90%;
   opacity: 0.65;
 }
 
 .icon_list {
   position: absolute;
   z-index: 1;
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(../imgs/location.png);
   background-repeat: no-repeat;
   background-size: 70%;
   margin-left: -1.7rem;
 }
 .icon_list1 {
   position: absolute;
   z-index: 1;
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(../imgs/icon_lock.png);
   background-repeat: no-repeat;
   background-size: 70%;
   margin-left: -1.7rem;
 }
 .icon_list2 {
   position: absolute;
   z-index: 1;
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(../imgs/icon_message.png);
   background-repeat: no-repeat;
   background-size: 70%;
   margin-left: -1.7rem;
   margin-top: 4px;
 }
 .icon_list3 {
   position: absolute;
   z-index: 1;
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(../imgs/icon_phone_call.png);
   background-repeat: no-repeat;
   background-size: 70%;
   margin-left: -1.7rem;
   margin-top: 4px;
 }
 .icon_list4 {
   position: absolute;
   z-index: 1;
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(../imgs/icon_user_kyc.png);
   background-repeat: no-repeat;
   background-size: 70%;
   margin-left: -1.7rem;
   margin-top: 4px;
 }
 .icon_list5 {
   position: absolute;
   z-index: 1;
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(../imgs/icon_password.png);
   background-repeat: no-repeat;
   background-size: 70%;
   margin-left: -1.7rem;
   margin-top: 4px;
 }
 .icon_list6 {
   position: absolute;
   z-index: 1;
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(../imgs/icon_feedback.png);
   background-repeat: no-repeat;
   background-size: 70%;
   margin-left: -1.7rem;
   margin-top: 4px;
 }
 .icon_list7 {
   position: absolute;
   z-index: 1;
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(../imgs/icon_qa.png);
   background-repeat: no-repeat;
   background-size: 70%;
   margin-left: -1.7rem;
   margin-top: 4px;
 }
 .icon_list8 {
   position: absolute;
   z-index: 1;
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(../imgs/icon_information.png);
   background-repeat: no-repeat;
   background-size: 70%;
   margin-left: -1.7rem;
   margin-top: 4px;
 }
 .icon_list9 {
   position: absolute;
   z-index: 1;
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(../imgs/icon_about.png);
   background-repeat: no-repeat;
   background-size: 70%;
   margin-left: -1.7rem;
   margin-top: 4px;
 }
 .icon_list10 {
   position: absolute;
   z-index: 1;
   display: block;
   width: 1.5rem;
   height: 1.5rem;
   background-image: url(../imgs/icon_bank.png);
   background-repeat: no-repeat;
   background-size: 70%;
   margin-left: -1.7rem;
   margin-top: 4px;
 }
 .logout {
   margin-top: 2rem;
   width: 100%;
   text-align: center;
   padding-bottom: 1rem;
   font-size: 0.7rem;
 }
 .logout h5 {
   font-weight: bold;
   color: #25a310;
 }
 
 
 
 
 /* kee start responsive */
 @media only screen and (max-width: 1024px) {
   .wtm-all-block.item-goods ul.goods-list {
     grid-template-columns: 1fr 1fr 1fr;
   }
   #get_browse{
     grid-template-columns: 1fr 1fr 1fr;
   }
   #get_like{
     grid-template-columns: 1fr 1fr 1fr;
   }
 }
 @media only screen and (max-width: 768px) {
   .wtm-all-block.item-goods ul.goods-list {
     grid-template-columns: 1fr 1fr 1fr;
   }
   #get_browse{
     grid-template-columns: 1fr 1fr 1fr;
   }
   #get_like{
     grid-template-columns: 1fr 1fr 1fr;
   }
   
   .wtm-all-block.item-goods ul.goods-list li {
     width: 220px;
     height: 300px;
   }
   
   .wtm-all-block.item-goods ul.goods-list li a {
     width: 220px;
   }
   .wtm-all-block.item-goods ul.goods-list li .goods-pic {
     width: 220px;
     height: 200px;
   }
   .wtm-all-block.item-goods ul.goods-list li .goods-pic img {
     width: 180px;
   }
 }
 @media only screen and (max-width: 540px) {
   .wtm-all-block.item-goods ul.goods-list {
     grid-template-columns: 1fr 1fr;
   }
   #get_browse{
     grid-template-columns: 1fr 1fr;
   }
   #get_like{
     grid-template-columns: 1fr 1fr;
   }
   .wtm-all-block.item-goods ul.goods-list li {
     width: 230px;
     height: 300px;
   }
   
   .wtm-all-block.item-goods ul.goods-list li a {
     width: 230px;
   }
   .wtm-all-block.item-goods ul.goods-list li .goods-pic {
     width: 230px;
     height: 200px;
   }
   .wtm-all-block.item-goods ul.goods-list li .goods-pic img {
     width: 220px;
   }
 }
 
 @media only screen and (max-width: 425px) {
   .wtm-all-block.item-goods ul.goods-list {
     grid-template-columns: 1fr 1fr;
   }
   #get_browse{
     grid-template-columns: 1fr 1fr;
   }
   #get_like{
     grid-template-columns: 1fr 1fr;
   }
   .wtm-all-block.item-goods ul.goods-list li {
     width: 180px;
     height: 240px;
   }
   
   .wtm-all-block.item-goods ul.goods-list li a {
     width: 180px;
   }
   .wtm-all-block.item-goods ul.goods-list li .goods-pic {
     width: 180px;
     height: 150px;
   }
   .wtm-all-block.item-goods ul.goods-list li .goods-pic img {
     width: 180px;
   }
 }
 
 @media only screen and (max-width: 375px) {
   .wtm-all-block.item-goods ul.goods-list {
     grid-template-columns: 1fr 1fr;
   }
   #get_browse{
     grid-template-columns: 1fr 1fr;
   }
   #get_like{
     grid-template-columns: 1fr 1fr;
   }
   .wtm-all-block.item-goods ul.goods-list li {
     width: 160px;
     height: 215px;
   }
   
   .wtm-all-block.item-goods ul.goods-list li a {
     width: 160px;
   }
   .wtm-all-block.item-goods ul.goods-list li .goods-pic {
     width: 160px;
     height: 130px;
   }
   .wtm-all-block.item-goods ul.goods-list li .goods-pic img {
     width: 145px;
   }
  }
 @media only screen and (max-width: 320px) {
   .wtm-all-block.item-goods ul.goods-list {
     grid-template-columns: 1fr 1fr;
   }
   #get_browse{
     grid-template-columns: 1fr 1fr;
   }
   #get_like{
     grid-template-columns: 1fr 1fr;
   }
   .wtm-all-block.item-goods ul.goods-list li {
     width: 140px;
     height: 200px;
   }
   
   .wtm-all-block.item-goods ul.goods-list li a {
     width: 140px;
   }
   .wtm-all-block.item-goods ul.goods-list li .goods-pic {
     width: 140px;
     height: 130px;
   }
   .wtm-all-block.item-goods ul.goods-list li .goods-pic img {
     width: 130px;
   }
   .box_fram {
     background-color: white;
     width: 75%;
     margin-top: 55px;
     padding-bottom: 5px;
     border-radius: 10px 60px;
 }
 .member_profile img{
   width: 50px;
   height: 50px;
   border-radius: 100%;
 }
  }
 
 /* kee end styling */
 /* for one gold savig sao dev */

 #google_translate_element {
  width: initial;
  position: relative;
  display: inline-block;
  padding: 0.3rem 0.1rem 0.1rem 0;
 }
 .goog-te-gadget a {
  display: inline;
 }
.skiptranslate iframe {
  display: none !important;
}