@charset "utf-8";

/* 禁用iPhone中Safari的字号自动调整*/
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling: touch;
    font-size: 625%;
    height: 100%;
}

/* 禁止缩放表单 */
input[type="submit"],
input[type="reset"],
input[type="button"],
input {
    resize: none;
    border: none;
}

/* 取消链接高亮 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 设置HTML5元素为块 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

/* 图片自适应 */
img {
    width: 100%;
    height: auto;
    width: auto\9;
    /* ie8 */
    display: block;
    -ms-interpolation-mode: bicubic;
    /*为了照顾ie图片缩放失真*/
}

/* 初始化 */
body,
div,
ul,
li,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
textarea,
select,
p,
dl,
dt,
dd,
a,
img,
button,
form,
table,
th,
tr,
td,
tbody,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font: 12px/1.5 'Microsoft YaHei', '宋体', Tahoma, Arial, sans-serif;
    color: #333;
    background-color: #f9f9f9;
}

em,
i {
    font-style: normal;
}

ul,
li {
    list-style-type: none;
}

strong {
    font-weight: normal;
}

.clear:after {
    content: "";
    display: block;
    visibility: hidden;
    height: 0;
    clear: both;
}

.clear {
    zoom: 1;
}

a {
    text-decoration: none;
    color: #999;
    font-family: 'Microsoft YaHei', Tahoma, Arial, sans-serif;
}

a:hover {
    text-decoration: none;
}

ul,
ol {
    list-style: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-family: 'Microsoft YaHei';
}

img {
    border: none;
}

input {
    font-family: 'Microsoft YaHei';
    font-size: 0.16rem;
}

/*单行溢出*/
.one-txt-cut {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*多行溢出 手机端使用*/
.txt-cut {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    /* -webkit-line-clamp: 2; */
    -webkit-box-orient: vertical;
}

/* 移动端点击a链接出现蓝色背景问题解决 */
a:link,
a:active,
a:visited,
a:hover {
    /* background: none; */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}



.fl {
    float: left;
}

.fr {
    float: right;
}

.db {
    display: block !important;
}

.dn {
    display: none;
}

/*头尾*/
/* header,footer{position:fixed;right:0;left:0;z-index:1;}  
header{top:0;}  
footer{bottom:0;}  */
/* 中间容器 */
.wrapper {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 0 60px 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 700px) {
    .wrapper {
        position: relative;
        top: 0;
        right: 0;
        bottom: 0;
        left: 50%;
        padding: 0 0 60px 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        width: 375px;
        margin-left: -187.5px;
    }

    .wrapper::-webkit-scrollbar {
        /*滚动条整体样式*/
        width: 0px;
        height: 0px;
    }
}

/* .wrapper{overflow:auto;-webkit-overflow-scrolling:touch;} */

.banner {
    width: 100%;
    margin-bottom: 0.15rem;
    position: relative;
}

.banner img {
    width: 100%;
}

/* 兑换成功 */
.finish {
    width: 90%;
    margin: 15% auto;
}

.finish-img {
    display: flex;
    justify-content: center;
}

.success4 img {
    width: 1.4rem;
    height: 1.54rem;
}

.success1 img {
    width: 1.39rem;
    height: 1.54rem;
}

.success2 img {
    width: 1.4rem;
    height: 1.54rem;
}

.success3 img {
    width: 1.79rem;
    height: 1.57rem;
}

.finish h3 {
    height: 0.3rem;
    line-height: 0.3rem;
    text-align: center;
    font-size: 0.18rem;
    font-weight: bold;
    margin-top: -0.1rem;
    margin-bottom: 0.3rem;
}

.finish-box {
    margin: 0 auto;
    width: 3.2rem;
    height: 2.15rem;
    background: url(../images/success-bg.png) no-repeat center center;
    background-size: 100%;
    padding: 0.2rem 0.2rem;
}

.finish-box h4 {
    height: 0.4rem;
    line-height: 0.3rem;
    border-bottom: 1px dashed #e2e2e2;
    margin-bottom: 0.05rem;
    padding-left: 0.1rem;
    font-size: 15px;
    color: #666;
}

.finish-box p {
    padding: 0 0 0 0.2rem;
    /* height: 0.3rem; */
    line-height: 0.3rem;
    color: #999;
    font-size: 0.13rem;
    position: relative;
}

.finish-box p i {
    position: absolute;
    width: 4px;
    height: 4px;
    top: 0.13rem;
    left: 0.1rem;
}

.finish-i1 {
    background: #3ebcf0;
}

.finish-i2 {
    background: #56d8a9;
}

.finish-i3 {
    background: #e9a603;
}

.finish-box p span {
    display: block;
    float: left;
    width: 0.7rem;
}

.finish-box p em {
    float: left;
    display: block;
    width: calc(100% - 0.7rem);
    height: 0.3rem;
    line-height: 0.3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.finish-box .gkBox {
    font-size: 16px;
    color: #999;
    text-align: center;
    margin-top: 20px;
}

.finish-box .gkBox .goodsCard,.goodsPwd,.goodsLink{
    margin-bottom: 10px;
}



.success {
    width: 2.2rem;
    margin: .5rem auto 0;
}

.success>img {
    display: block;
    width: 0.5rem;
    margin: 0 auto;
}

.success p {
    text-align: center;
    /* color: #52c41a; */
    margin-top: 0.2rem;
    font-size: 0.16rem;
}






/* 弹框 */
.dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, .3);
    display: none;
}

.mark-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, .3);
    display: none;
}

.dialog-cont {
    position: absolute;
    left: 50%;
    top: 30%;
    margin-left: -1.5rem;
    width: 3rem;
    background: #fff;
    padding-top: 0.15rem;
    box-shadow: 0 0 5px #ccc;
    border-radius: 5px;
    letter-spacing: 2px;
}

.dialog-cont #markCont {
    overflow: hidden;
}

.dialog-cont i {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    background: url(../images/x.png) no-repeat;
    background-size: 100%;
}

.dialog-cont h3 {
    height: 0.3rem;
    line-height: 0.3rem;
    font-size: 0.16rem;
    text-align: center;
    margin-bottom: 0.08rem;
}

.dialog-cont p {
    width: 80%;
    /* height: 0.44rem; */
    line-height: 0.22rem;
    margin: 0 auto;
    font-size: 0.14rem;
    text-align: center;
    color: #999;
}

.dialog-cont p em {
    color: red;
}

.dialog-cont span {
    display: block;
    margin: 0.12rem auto 0;
    border-top: 1px solid #eee;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
    font-size: 0.16rem;
    color: #3CC51F;
    border-radius: 5px;
    cursor: pointer;
}