@utf-8
/*Global Styles*/
*,*:before,*:after{ -webkit-box-sizing:border-box; box-sizing:border-box;}
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);min-height: 100%;height: 100%; }
body { margin: 0; font-size:0px; font-family: "Microsoft YaHei"; color:#777777;height: 100%;}
a{ text-decoration:none; color:#777777;}
a:focus,a:active,a:hover { outline: 0;}
a:hover{text-decoration: none;}
input,textarea{ outline:none;-webkit-user-modify: read-write-plaintext-only;}
img { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: auto; vertical-align: middle; border: 0;width: 100%;}
h1,h2,h3,h4,ul,li,p{ margin:0; padding:0; font-weight:normal;}
li{list-style-type:none;}
button,input,select,textarea { color: inherit; font: inherit; margin: 0;outline:none;resize:none;}
table{ border-collapse: collapse; border-spacing: 0;}
td,th,div{ padding: 0;margin:0;}
input::-webkit-input-placeholder {outline:none;color: #999999;}
input:-moz-placeholder {outline:none;}
.height05rem{height: 0.5rem;}
.height1{height:1px;}
.multiline_cutting1{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}
.multiline_cutting2{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.multiline_cutting3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.multiline_cutting4{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}
.multiline_cutting5{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;}
/* 水平 */
.webkit_flex{-webkit-flex: 1;flex: 1;width:1px;}
.flex_direction_row{display: -webkit-flex;display: flex; -webkit-flex-direction: row;flex-direction: row;}
.flex_direction_wrap{-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flex_direction_row_items{display: -webkit-flex;display: flex; -webkit-flex-direction: row;flex-direction: row;-webkit-align-items: center;align-items: center;}
.flex_direction_row_justify{display: -webkit-flex;display: flex; -webkit-flex-direction: row;flex-direction: row;-webkit-justify-content: center;justify-content: center;}
.flex_direction_row_center{display: -webkit-flex;display: flex; -webkit-flex-direction: row;flex-direction: row;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}

.flex_direction_row_between{display: -webkit-flex;display: flex; -webkit-flex-direction: row;flex-direction: row;-webkit-justify-content: space-between;justify-content: space-between;}
.flex_direction_row_left{display: -webkit-flex;display: flex; -webkit-flex-direction: row;flex-direction: row;-webkit-justify-content: left;justify-content: left;}
.flex_direction_row_right{display: -webkit-flex;display: flex; -webkit-flex-direction: row-reverse;flex-direction: row-reverse;-webkit-justify-content: right;justify-content: right;}
.flex_direction_row_center_between{display: -webkit-flex;display: flex; -webkit-flex-direction: row;flex-direction: row;-webkit-align-items: center;align-items: center;-webkit-justify-content: space-between;justify-content: space-between;}


/* 垂直 */
.flex_direction_column{display: -webkit-flex;display: flex; -webkit-flex-direction: column;flex-direction: column;}
.flex_direction_column_items{display: -webkit-flex;display: flex; -webkit-flex-direction: column;flex-direction: column;-webkit-align-items: center;align-items: center;}
.flex_direction_column_justify{display: -webkit-flex;display: flex; -webkit-flex-direction: column;flex-direction: column;-webkit-justify-content: center;justify-content: center;}
.flex_direction_column_center{display: -webkit-flex;display: flex; -webkit-flex-direction: column;flex-direction: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
/*外发光*/
.box_shadow4{box-shadow: 0 0 4px rgba(0,0,0,0.1);}
/*字体大小*/

.cut_img {
    font-size: 0;
    background: black;
    color: #fff;
    line-height: 40px;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 4;
}
.cut_img>div {
    text-align: left;
    font-size: 0.8rem;
    padding: 0 0.5rem;
}
html {
  font-size: 20px;
}
@media only screen and (min-width: 320px) {
  html {
    font-size: 17px !important;
  }
}
@media only screen and (min-width: 360px) {
  html {
    font-size: 19px !important;
  }
}
@media only screen and (min-width: 375px) {
  html {
    font-size: 20px !important;
  }
}
@media only screen and (min-width: 384px) {
  html {
    font-size: 21px !important;
  }
}
@media only screen and (min-width: 400px) {
  html {
    font-size: 21.33px !important;
  }
}
@media only screen and (min-width: 414px) {
  html {
    font-size: 22.08px !important;
  }
}
@media only screen and (min-width: 480px) {
  html {
    font-size: 25.6px !important;
  }
}
@media only screen and (min-width: 600px) {
  html {
    font-size: 32px !important;
  }
}

.header{height: 2.2rem;width: 100%;position: relative;background: #fff;z-index: 999;}
.header .back,.headera{position: absolute;height: 2.2rem;width: 2rem;bottom:0;left:0;display: -webkit-flex;display: flex; -webkit-flex-direction: row;flex-direction: row;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;}
.header .back img,.headera>img{display: block;width: 0.5rem;display: block;}
.header p{font-size: 0.9rem;text-align: center;line-height: 2.2rem;color: #010101;}
#gift{
  position: fixed;top:0;left:0;width: 100vw;height: 100vh;z-index: 10;
}
.hide{
  display: none;
}
.header_right{position: absolute;bottom: 0;right: 0;height: 2.2rem;line-height: 2.2rem;padding: 0 0.75rem;font-size: 0.75rem;color: #000;min-width: 2em;}
.header_right img{position: absolute;top: 50%;left: 50%;width: 1rem;transform: translateX(-50%) translateY(-50%);}
.line_height{height: 2.2rem;}
.fg_a{height: 0.5rem;background: #f8f8f8;}
.fg_b{height: 1px;background: #e5e5e5;}

/* 支付 */
.layer{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0,0,0,0.4);z-index: 1000;}
.pay_box{width: 100%;background: #fff;position: fixed;bottom: 0;left: 0;padding: 0 1rem 0.5rem;box-sizing: border-box;z-index: 1001;}
.pay_title{font-size: 0.85rem;color: #000;line-height: 2.5rem;text-align: center;}
.check_btn_item{height: 3rem;border-bottom: 1px solid #ededed;background-repeat: no-repeat;background-image: url(../image/pay_btn.png);background-size: 0.85rem auto;background-position: right center;}
.check_btn_item.hover{background-image: url(../image/pay_btn_hover.png);}
.check_btn_item p{font-size: 0.75rem;color: #333333;line-height: 3rem;padding-left: 1.75rem;}
.pay_zfb{background: url(../image/pay_zfb.png)no-repeat;background-size: 1.15rem auto;background-position: left center;}
.pay_wx{background: url(../image/pay_wx.png)no-repeat;background-size: 1.15rem auto;background-position: left center;}
.pay_sdd{background: url(../image/sdd_pay.png)no-repeat;background-size: 1.15rem auto;background-position: left center;}
.pay_now{margin: 3.25rem 0 0;background: #f8a11e;height: 2rem;line-height: 2rem;color: #fff;font-size: 0.8rem;text-align: center;border-radius: 3px;}
.version{display: none;}