.bind_giftcard{
    margin: 18px 18px 0px 18px;
    display: none;
}
.bind_giftcard .giftcard_notice {
    padding: 7px 10px 7px 30px;
    font-size: 12px;
    line-height: 18px;
    color: #de8c17;
    background: #fcf6ed;
    position: relative;
    text-align: left
}

.bind_giftcard .giftcard_notice:before {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -7px;
    content: "";
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeBAMAAADJHrORAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTN+PF9+NF96MF9+MF+SRGt+NGPeXL9+MF96NF9+NGN6MF9+MF///f96MF3oeCRYAAAAOdFJOUwBBf/ClHFQGi9hr37wCo6m1cgAAALtJREFUGNNjYAABNrt3jxMYEIDl3bt3Dkh81kVKWgEMxIMyT+Mp6Qgu2z6gea/hFvD2vTPpcH734gKUz/HOqoCBffG7Big/7yXILtZ5zyBc9n2mYDr4dQHEtHcLwDTXO4iJLI8h4ux2ECdzPoFa4zcBTDO/gJrbZwCm+B5B+XoPBoJ/Ve6JIAT4PQT5U+4dAjwEuhqNz3AVqFLmsaDdQSANUs8LxEzvzrxTANKwEGTf9w4aOFAQstsVwgAA2XBac11jxTgAAAAASUVORK5CYII=) no-repeat 50%;
    background-size: 15px
}

.bind_giftcard .giftcard_form {
    background: #fff;
    position: relative;
    overflow: hidden;
    padding: 10px 0px 20px;
    font-family: -apple-system,Helvetica,sans-serif
}

.bind_giftcard .giftcard_form_title {
    display: block;
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-bottom: 10px
}

.bind_giftcard .giftcard_form_title .line {
    width: 50px;
    border-bottom: 1px solid #999;
    display: inline-block;
    vertical-align: middle
}

.bind_giftcard .giftcard_form_title .icon_info {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 24px;
    position: relative
}

.bind_giftcard .giftcard_form_title .icon_info:after {
    position: absolute;
    content: "";
    left: 5px;
    top: 5px;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYBAMAAAASWSDLAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURczMzEdwTM3Nzc/Pz83NzdDQ0MzMzMzMzMzMzMzMzMzMzMzMzMzMzPJTQHIAAAANdFJOU/8AsyFUE2x18puq2fOEN3gNAAAAoElEQVQY02MQFBQUTtpzWs0QyGAQFBSdwAAEnIFgjgfDEtNgL4YWEEeMQRmoQtCIIRHIcWAXBIMCFkEG0YZCCEecI5BBkgnIEFIEEgoTGQyYYRwDZoaEhYJQIMXGoOAI44gwMWwwhCkT5mY4ALRZUIARSIjyoHLAysAcoDKwAWAO0ACw0WAO0GiwpWAO0FIU56A4FMULqJ5D8TZqgCCCCgA7YiXb9icbHQAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 12px
}

.bind_giftcard .giftcard_form_input {
    position: relative;
    height: 44px;
    line-height: 44px;
    padding: 0 30px 0 10px;
    font-size: 14px;
    margin-bottom: 5px;
    border-radius: 4px;
    background: #f7f7f7
}

.bind_giftcard .giftcard_form_input .input_text {
    display: block;
    width: 100%;
    height: 44px;
    line-height: 1;
    font-size: 100%;
    font-family: inherit;
    border: none;
    background: none;
    outline: none
}

.bind_giftcard .giftcard_form_input .clear_input {
    display: block;
    width: 40px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAJFBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmbAN1C+AAAADHRSTlMAgHUWSmNaLCYbQEGIZbunAAAAr0lEQVQoz2OgN+BwVRQKaUAV41IUBAKhBchi7EAxsGgBkqCjIBSIIMTYBOEgAVkhhlJ2QSQAM5UJWVABKrhQUFBsEkhAM1FQUBoqCHSPJDOQEDKYCCSgnhEE8Y0EBZVBMoIQb7EAWSABkAQQOIAFWQUhSiEKBQOglkOUAhUirGcUhCiFKBQUwCWIqR2XRZhOwu14TG9iBgjuoMMMZMzowB1xmFGMmRgIJBtEAqMzAADxKShBw/t8QgAAAABJRU5ErkJggg==) no-repeat 50%;
    background-size: 20px 20px
}

.bind_giftcard .giftcard_form_input_error {
    background: #fdf0f0
}

.bind_giftcard .giftcard_form_input_error .input_text {
    color: #e93b3d
}

.bind_giftcard .giftcard_form .explanation {
    color: #999;
    font-size: 12px;
    margin: 0;
    padding: 3px 0 0;
    display: block
}

.bind_giftcard .giftcard_form .explanation.impnt {
    color: red
}

.bind_giftcard .giftcard_form .bind_btn {
    display: block;
    margin-top: 10px;
    background-color: #3884ff;
    color: #fff
}

.bind_giftcard .giftcard_form .hover_bind_btn {
    background-color: #1757bf
}

.bind_giftcard .giftcard_form .mod_btns {
    margin: 10px 0;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.bind_giftcard .giftcard_form .mod_btns .mod_btn {
    color: #fff;
    box-sizing: border-box;
    width: 100px;
    border-radius: 2px;
    position: relative;
    border-color: #ddd;
    width: 100%;
    background: #e93b3d;
    border-radius: 4px
}

.bind_giftcard .giftcard_form .mod_btns .mod_btn,.bind_giftcard .giftcard_form .mod_btns .mod_btn_scan_btn {
    display: block;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-decoration: none
}

.bind_giftcard .giftcard_form .mod_btns .mod_btn_scan_btn {
    width: 100px;
    background: #fff;
    border: 1px solid #e93b3d;
    border-radius: 2px;
    color: #e93b3d;
    letter-spacing: 0
}

.bind_giftcard .giftcard_form .mod_btns .mod_btn_scan_btn .scanicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    margin-right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAtVJREFUSA3tl89rE0EUx9+bbFJr1dofsSIoehSL4EUwxiQVaS2CItiT4E0Uf91EKB56ELV48wceBMG/oAURbJV2i6UHLxbsvaKHkkataW1tk80839u4y7Dd0lpCCuLAZN6+N/P9zMzOzkwANiihx53JZPYWivoOICTYudvzmyUR5COIF5tHR/pM/9dk+myJ6Bki1Jt+zyaAL0AwFouq2w22/Un8Sn6yqVSi6OiPAHQeiPYRkRWWOd6kiS5LGzOVfdQU1kZ8oinawhCWtFXU2VmDJXjBFbaYYqE24jxE4PmymPgktkoShssS5rd0+ojj6LFyG8xiVJ2MA0yEagwPlxCRZ255YlGEtrbI8ghADqCVivo1j7pF4palEpZ26KBfGaF/h22P+89Bg1/iSulPh5wV4uPZZKqf3/MliQtTEWKNV5lllzy70qWpLUx3cVUasha9jQPzFEx6PUQi3/Z8lSpNbWGq+OjIS0B1gRfHteYD+59UChTUEW1hCMtlBiv888883QD5jo7GgtabqjHamFKL9QMD33H66LGHvBVdrwbUY/BoHwl4lsFbPWc1SgbPKd7cezkvVgPoMoQlzP+pWjOA1NOjcm+HbvItYVu8rvYuDg6ueqCvp3PU3l6Xm//Vze93Nn7i+AMr92boHAHdFzEO/OTi3nqEV2vD2jf46+nmAQIzJ2VV7/QbmbbvrJBharO9ccdihcbz1zIKUS/4rQg3+3alDUNbmBZEIuOgS2UMUtd0KtVn6VjoLVNBzdz20VczYX36kTzVoGEpdOt1VKEVNHXxZa+cmImUyVi5on7PK/tQmKDp4z2WSKmrLe9Gnpr+bDJ9BUk/Zl33tDNjQRsBP8Sj6rBC23asqHsDmQpWCj6LMF9hzgT9CHR6TVDEKZclTBFptO0JPpNbC/MLt1ggwXlPULz8jHkE5X7zZlx8hHoXT0jofyeehs+cx2J1tb1yFkvb391eJMf/KE6EAAAAAElFTkSuQmCC);
    background-size: cover
}

.bind_giftcard .giftcard_form .mod_btns .mod_btn_scan_btn .scanicon_disable {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    margin-right: 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAAXNSR0IArs4c6QAAAo9JREFUSA3ll8uL01AUxpuYolSdorNQBEX3g8WN0PSxdqUIzmpgmI0giu5EGFyKOrjzgaAgzF+g4MZtXym4cYqz66KiC3GjZLRS27T1d0KuZMItthBS0As3597v3PN9yX0nlZpTMpRus9k8ORgM7lC3x+PxcYVHrGua5uVSqfQyjNdqtYuj0eg5WDaMq7JhGJ8oO+l0+nY+n/8guCmPSqVi9/v99wiukE8BWRPyIv4rEhNOAbYIpo0TTvKKaIiWxJrtdnsvdpN8QIC/pC4EL6JtAqwbxTV10dgUTaPRaOQ9z3OCRl8syzpn2/a2JkigId021vkQl2Hbo/M5jrOExht8R8SPhm0CnFaNGb9XhUJhC3JvQtaKSry80IQYTziFW+mIJnVTutpPTJBfqhy3DXOLpj+54haZhm+uwh31hozRn7LC4rIR7o7FZvCaDWCVMVjIZDLP4hKK8sD9pNvtDhjfHdGM+v/9ur9Xs8AP09X7kvhcurrHBvXVqFarD9l1richqjSYaI9kOa0pIEG7ZqK+gWAvQdFeoJmg5H8tZTCjzXq9fhO7kM1m7+ZyuWkO9Jk7rdVq7Xddd53x3SkWiw8sLgKXWMP3hQnHD8y9mVmnCID7Bh+3Tk6h2TEpHFVx4bLC4rJhbinP9ViM66Nm4pGu/qkiGPiMKsdtw9yiabFpbw2HQ18HYJkZLpd17S0T/3fO0m+6l+JMPwT5QZ0PbAmNZeUTTVlOFgfFW8AzyjHJQiy3zGvlcvlpuA2iV+F5TPZPu7BPU35H/FnZqz3uuavYz5pGu6CA+MIukAr4+WlERSPQ8uSXI8W9dzu4dN+iKr8YJwSPJshdgv01H/YJhu8YVvvvRNuPZAfRDTmLJfY3icgsdvWxZ6YAAAAASUVORK5CYII=);
    background-size: cover
}

.bind_giftcard .giftcard_form .mod_btns .mod_btn_disable {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
    letter-spacing: 0;
    opacity: .3;
    line-height: 46px
}

.bind_giftcard .tips {
    padding: 10px;
    background: #f7f7f7
}

.bind_giftcard .tips .title {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333;
    letter-spacing: .36px;
    line-height: 21px
}
.more_asset {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #666;
    padding: 6px 0 12px 20px;
    margin-right: 10px
}
.more_asset .sel_arrow {
    position: relative;
    width: 12px;
    height: 12px;
    margin-left: 5px
}
.icon_arrow_v2 {
    content: "";
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    top: 50%;
    -webkit-transform: translate(0,-50%) rotate(135deg);
    transform: translate(0,-50%) rotate(135deg);
    left: 50%
}

.icon_arrow_v2.red {
    border-top: 2px solid #ff4142;
    border-left: 2px solid #ff4142
}

.icon_arrow_v2.arrow_bottom {
    -webkit-transform: translate(-50%,-50%) rotate(-135deg);
    transform: translate(-50%,-50%) rotate(-135deg);
    margin-top: -2px
}

.icon_arrow_v2.arrow_top {
    -webkit-transform: translate(-50%,-50%) rotate(45deg);
    transform: translate(-50%,-50%) rotate(45deg);
    margin-top: 2px
}
.bind_giftcard .msg{
    text-align: left;
    font-size: 12px;
}
.bind_giftcard .msg .tips-msg {
    display: inline-block;
    *display: inline;
    *zoom:1;height: 46px;
    line-height: 42px;
    padding: 0px 10px 0 25px;
    vertical-align: middle;
    margin-left: 5px;
    background: url(/assets/img/presale-icon.png) 0 11px no-repeat;
    color: #f5aa6f
}
.bind_giftcard .msg .error-msg {
    display: inline-block;
    *display: inline;
    *zoom:1;height: 48px;
    line-height: 48px;
    padding: 0px 10px 0 30px;
    vertical-align: middle;
    color: #e4393c;
    background: url(/assets/img/error-ico.png) 8px 13px no-repeat #fff
}
.bind_giftcard .msg .succ-msg {
    display: inline-block;
    *display: inline;
    *zoom:1;height: 48px;
    line-height: 48px;
    padding: 0px 10px 0 20px;
    vertical-align: middle;
    background: url(/assets/img/succ-ico.png) 0 16px no-repeat;
    margin-left: 5px;
    color: #79bd53;
}
.jxm_text {
    text-align: left;
}
.giftcard_price{
    color: #D81E06;
    padding-left: 7px;
}