body,html{
  font-size: 60px;
  line-height: 1.4;
  color: #333;
  padding: 0;
  margin:0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
@media all and (max-width:1200px){html,body{font-size:60px;}}@media all and (max-width:1180px){html,body{font-size:59px;}}@media all and (max-width:1160px){html,body{font-size:58px;}}@media all and (max-width:1140px){html,body{font-size:57px;}}@media all and (max-width:1120px){html,body{font-size:56px;}}@media all and (max-width:1100px){html,body{font-size:55px;}}@media all and (max-width:1080px){html,body{font-size:54px;}}@media all and (max-width:1060px){html,body{font-size:53px;}}@media all and (max-width:1040px){html,body{font-size:52px;}}@media all and (max-width:1020px){html,body{font-size:51px;}}@media all and (max-width:1000px){html,body{font-size:50px;}}@media all and (max-width:980px){html,body{font-size:49px;}}@media all and (max-width:960px){html,body{font-size:48px;}}@media all and (max-width:940px){html,body{font-size:47px;}}@media all and (max-width:920px){html,body{font-size:46px;}}@media all and (max-width:900px){html,body{font-size:45px;}}@media all and (max-width:880px){html,body{font-size:44px;}}@media all and (max-width:860px){html,body{font-size:43px;}}@media all and (max-width:840px){html,body{font-size:42px;}}@media all and (max-width:820px){html,body{font-size:41px;}}@media all and (max-width:800px){html,body{font-size:40px;}}@media all and (max-width:780px){html,body{font-size:39px;}}@media all and (max-width:760px){html,body{font-size:38px;}}@media all and (max-width:740px){html,body{font-size:37px;}}@media all and (max-width:720px){html,body{font-size:36px;}}@media all and (max-width:700px){html,body{font-size:35px;}}@media all and (max-width:680px){html,body{font-size:34px;}}@media all and (max-width:660px){html,body{font-size:33px;}}@media all and (max-width:640px){html,body{font-size:32px;}}@media all and (max-width:620px){html,body{font-size:31px;}}@media all and (max-width:600px){html,body{font-size:30px;}}@media all and (max-width:580px){html,body{font-size:29px;}}@media all and (max-width:560px){html,body{font-size:28px;}}@media all and (max-width:540px){html,body{font-size:27px;}}@media all and (max-width:520px){html,body{font-size:26px;}}@media all and (max-width:500px){html,body{font-size:25px;}}@media all and (max-width:480px){html,body{font-size:24px;}}@media all and (max-width:460px){html,body{font-size:23px;}}@media all and (max-width:440px){html,body{font-size:22px;}}@media all and (max-width:420px){html,body{font-size:21px;}}@media all and (max-width:400px){html,body{font-size:20px;}}@media all and (max-width:380px){html,body{font-size:19px;}}@media all and (max-width:360px){html,body{font-size:18px;}}@media all and (max-width:340px){html,body{font-size:17px;}}@media all and (max-width:320px){html,body{font-size:16px;}}@media all and (max-width:300px){html,body{font-size:15px;}}@media all and (max-width:280px){html,body{font-size:14px;}}@media all and (max-width:260px){html,body{font-size:13px;}}

/*reset*/
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color:transparent;
  box-sizing:border-box;
}
em{
  font-style: normal;
}
ol,ul,li{
  list-style: none;
}
*.hidden{
  display: none;
}

a img {
  border: 0;
}
a:hover,
a:active,
a {
  text-decoration: none;
}
.fn-clear:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}
.fn-clear {
  zoom:1; /* for IE6 IE7 */
}

/*keyframes*/
@-webkit-keyframes rotate{
  from {
    -webkit-transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    transform:rotate(0deg);
  }
  to {
    -webkit-transform:rotate(360deg);
    -ms-transform:rotate(360deg);
    transform:rotate(360deg);
  }
}

/*drip-ui*/
.dui-header{
  text-align: center;
  height: 2.8125rem;
  line-height: 2.8125rem;
  background-color: #f5f0eb;
  position: relative;
}
.dui-header h3{
  font-size: 1rem;
  font-weight: normal;
}
.dui-h3{
  font-size: 1rem;
  line-height: 1.8;
  color: #333;
  font-weight: bold;
}
.dui-tip-text{
  font-size:0.8125rem;
  color: #666;
}
.dui-tip-content{
  text-align: center;
  padding-top: 5.5rem;
}
.dui-tip-content .tip-icon i{
  font-size: 2rem;
  margin: 0.7rem auto;
}
.dui-content{
}
.dui-list-title{
  font-size: 0.8125rem;
  color: #999;
  padding: 0.45rem 0.9375rem;
}
.dui-list{
  background-color: #fff;
  position: relative;
}
.dui-header:after,
.dui-textarea:after,
.dui-textarea:before,
.dui-list .dui-item:after,
.dui-list:before,
.dui-list:after{
  content: "";
  background-color: #d9d9d9;
  position: absolute;
  z-index: 1;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}
.dui-textarea:before,
.dui-list:before{
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
}
.dui-header:after,
.dui-textarea:after,
.dui-list .dui-item:after,
.dui-list:after{
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
}
.dui-list .dui-item:after{
  left: 0.9375rem;
}
.dui-list .dui-item{
  padding: 0.71rem 0 0.71rem 0.9375rem;
  position: relative;
}
.dui-box .dui-flex.dui-box,
.dui-box{
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
.dui-box.column{
  /*flex-flow: column;
  -webkit-flex-flow: column;*/
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}
.dui-list .dui-item:active{
  background-color: #ececec;
}
.dui-box .dui-flex,
.dui-list .dui-item.dui-box .bd{
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.dui-box .dui-flex{
  display: block;
}
.dui-box .dui-flex.dui-flex-2{
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -moz-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.dui-list.radio-list .dui-check{
  position: absolute;
  left: -9999rem;
}
.dui-list.radio-list .dui-icon-check{
  font-size: 0.8rem;
  width: 3rem;
  color: #43b549;
  text-align: center;
  line-height: 1.7;
  visibility: hidden;
}
.dui-list.radio-list .dui-check:checked + .dui-icon-check{
  visibility: visible;
}
.dui-textarea{
  position: relative;
}
.dui-textarea textarea{
  width: 100%;
  border:none;
  resize:none;
  min-height: 6rem;
  padding: 0.5rem 0.9735rem;
  font-size: 0.8125rem;
}
.dui-spacing{
  padding: 0 0.9375rem;
}
.dui-btn:focus{
  outline: none;
}
.dui-btn{
  display: inline-block;
  font-size: 1rem;
  height: 2.75rem;
  line-height: 2.75rem;
  width: 100%;
  border-radius: 0.26rem;
  border:none;
  outline: none;
}
.dui-btn.white{
  background-color: #fff;
  border:1px solid #ccc;
}
.dui-btn.default{
  background-color: transparent;
  border:1px solid #c9c9c9;
}
.dui-btn.white:active,
.dui-btn.default:active{
  background-color: #ededed;
}
.dui-btn.green{
  background-color: #43b549;
  color: #fff;
}
.dui-btn.green:active{
  background-color: #039702;
}
.dui-btn.gold{
  background-color: #e0a128;
  color: #fff;
}
.dui-btn.gray{
  background-color: #e2e2e2;
  color: #666;
}
.dui-btn.gold:active{
  background-color: #cd901b;
}
.dui-btn.gray:active{
  background-color: #c9c9c9;
}
.dui-toast-box{
  display: none;
}
.dui-loading,
.dui-toast{
  position: fixed;
  z-index: 3;
  left: 50%;
  top: 50%;
  margin: -7.9375rem 0 0 -3.9375rem;
  width: 7.875rem;
  height: 7.875rem;
  background-color: rgba(0,0,0, 0.8);
  color: #fff;
  text-align: center;
  border-radius: 0.35rem;
  opacity: 1;
  transition:all ease 0.3s;
  -webkit-transition:all ease 0.3s;
  z-index: 11;
}
.dui-toast-box.show{
  display: block;
}
.dui-toast-box.fade .dui-toast{
  opacity: 0;
}
.dui-toast i.iconfont{
  display: block;
  font-size: 3rem;
  margin-top: 0.75rem;
}
.dui-loading-box{
  display: none;
}
.dui-loading-box.show{
  display: block;
}
.dui-mask{
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 10;
}
.dui-loading{
  background-color: #f1f1f1;
  color: #666;
}
.dui-loading i.icon{
  display: block;
  margin:1.5rem 0 0.5rem 0;
}
.dui-loading i.icon:before{
  content: "";
  -webkit-animation: rotate 1s linear 0s infinite;
  -ms-animation: rotate 1s linear 0s infinite;
  animation: rotate 1s linear 0s infinite;
  display: inline-block;
  width: 2.8rem;
  height: 2.8rem;
  background-size: 100%;
  background-image: url(../../img/shop/single/loading-circle.png);
}

.dui-dialog-box{
  display: none;
}
.dui-dialog-box.show{
  display: block;
}
.dui-dialog{
  position: fixed;
  z-index: 11;
  left: 50%;
  top: 50%;
  width: 85%;
  border-radius: 0.35rem;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: center;
}
.dui-dialog .dialog-hd{
  padding: 1.2rem 0 0.5rem 0;
  font-size: 0.875rem;
  color: #000;
}
.dui-dialog .dialog-bd{
  padding: 0 1.4rem 1.5rem 1.4rem;
  font-size: 0.75rem;
  text-align: left;
}
.dui-dialog .dialog-ft{
  height: 2.8rem;
  line-height: 2.8rem;
  position: relative;
  font-size: 0.875rem;
}
.dui-dialog .dialog-ft a{
  color: #0066cc;
}
.dui-dialog .dialog-ft:after{
  content: " ";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-color: #c7c7c7;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
}