.hide {
    display: none
}

.fbox2 {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.7);
    padding-top: 20%
}

.fbox2 .blackbj {
    background-color: #000;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1
}

.fbox2 .inputbox {
    width: 86%;
    min-height: 180px;
    margin: auto;
    display: block;
    position: relative;
    z-index: 2;
    border-radius: 6px;
    background: url(/static/images/diandian.png) no-repeat, -webkit-radial-gradient(50% 50%, circle closest-side, rgb(248, 73, 194) 0%, rgb(145, 44, 220) 100%);
}

.fbox2 .inputbox.pp {
    padding: 0 0 20px 0
}

.fbox2 .cha {
    background: url(/static/images/cha.png) no-repeat;
    background-size: 100% auto;
    width: 14px;
    height: 14px;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 15px;
}

.fbox2 .pop-t {
    text-align: center;
    color: #fff;
    padding: 30px 0 20px 0;
    font-size: 1.2em;
    overflow: hidden;
    font-weight: bold
}

.fbox2 .nr {
    color: #fff;
    font-size: 1em;
    text-align: center;
    padding: 0px 10px 20px 10px;
    line-height: 24px
}

.fbox2 .btnbox {
    text-align: center
}

.btna1 {
    width: 80%;
    padding: 10px 0;
    background: #fff;
    border-radius: 40px;
    text-align: center;
    font-size: 1em;
    color: #e8243c;
    font-weight: bold;
    display: block;
    overflow: hidden;
    margin: auto
}

.btna1.m1 {
    margin-top: 20px
}

/**弹窗样式start**/
.wx_wrap {
    min-height: 375px
}

.mod_alert {
    position: relative;
    box-sizing: border-box;
    width: 270px;
    margin: 20px auto 0;
    padding: 20px 15px 15px;
    text-align: center;
    border-radius: 6px;
    color: #333;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .3)
}

.mod_alert .icon {
    display: block;
    width: 50px;
    height: 50px;
    margin: 5px auto 10px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTOk7Pek7Peo7PfdLS+0/QPBCQus9Puo7Peo7Peo7Peo8Pus8Puo7Pek7PXsRad8AAAAOdFJOUwDg9ogHIhU3u8yjXlJyJjVnBAAAAuJJREFUWMO9WM9rE1EQ3tJt+iMKgnpQZA/FooKGFhRBIUQLonip9aB4kIiCgrSEil6EIqJehKDiyUNRxIOXEFDUk6h/gIgHj0JS1LTq9zc4b3ebbDczu+/NwTkE9m2+t29mvje/PI+Ry69ePhwf3/bk8A3PTq4+Q1e2v7EADE1hnWyeyUPMLSElK9+yEadL5l97nr+9funYmZuHHpmn9oEsxDmD6BysrD37124bzAsZMW02vV9JLvnvzNp+CVEMgFbfyefM6gfBVnV697p//SRhOrzdPkm7bSDMXkGRtnDm6RKrToEcclfS8iy5p9q3egrYJ9vyK7A1vTYcoFWTIdzrBeBelpOvALtSu5SwWsmkUgPtWlqTyWz2Daa0KQT4m8fx72gljXYi9yPhZx4nHstYzb98DSwnGAHcyYccB3p8ml1/TEFI4YnuQz1tc14W0Emc64sNZGPvZEd66GypY0vXXhN2kNk1mw1ZOKXrmuh2jqHF0Ovjjv41P8DT+HN/mB2DFrP4OVahjE3MW4BZHIiUKZTQtIUU0a6G1uZU4SGkjPHgKM97FkI34AH9nsdPe8g8foTa37KHjIT6B6z2AqQIsn0B7Yo9xC+hSjiekzyEmNkkuiy7QMpEmQH8coEsElXmsdMFcpRcshg6xxoySod6H/PZEjKG36TPpAtkkKzV4D0pQYoUJJdQc4EMY0UDCTDjAhkikhnSOECIkgSpuEB8LcT5YAr1/49fFIRR0FIiPxvGI/JLV4xLFvEVky6yIOYiS+FCEBMupKAkiAlKRdt03At9BaBijwgDrBTGherbhHEpWfASJQshJfESpSQh8fGujBKfkF5ZwsTpVZHEFaWCpiBRlD2K4kpRwnkX3AtFh3K0qS96NaW1XQE/kizgFW2CphlRtDyKxiq/ffP72jdFk6hpRRUNr6atVjTvmhGBZhAR7uY27vC8i85DlXh0s9tldKMZEGnGUJphl2aklj+4+we41lWyUPLC5gAAAABJRU5ErkJggg==) no-repeat;
    background-size: 50px auto
}

.mod_alert .icon_fail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTOk7Pek7Puo7Pe1AQOo7PfJDQ+o7Peo8Puk7Peo7Pew+Pus8P+o7Pes8Pek7PTAbU/gAAAAPdFJOUwD6UtseiA3AXOujLjxyTY1GP2wAAAMUSURBVFjDnVjNaxNBFB+auImN5lBFEZE0/0GletDLpoj4hVhQRERIPBQRKlaQIl7Sg9KLUEXxJEZQ8aiCd3ux6CkK4rW5elzWuk1Vnm92s9nJzJvd5M0pm5nf/Oa9efO+hCDG/P0304/2Td+9tCaGGydfQn8cvTcEoHQeBsbhd1mIG03QRvAjHXG8Ilftev3gQ8M58/nyQfnlXUhDnJaIvVca8bfz6ZbEvLIj5iTiTkP9y1mWmIs2RLEF4H/X/z3rAnSXaEQeJfeJuSJighoJ+UkjIsxzamKb/cxSxln6WLdtUp4gj3YM4IBdl98ADhl20gI/xTRKLnT16S8Ai2mXfA3gmUGylW5Kb3WaU6RKNIU+GVCXC/+ybHwdfFVphUySkGZB+axnSRJJs5F8lAc3sAw8SkcR3m9kQxxXUUAT9g/jR95D0LdUgK/DQHYCxJZ+PUGnjyY87etr93CQmVhn+Ur2pcRX40W3Oa7oa554sOUjnURnL3p0m4keJ0xIFR7GP1d6ItRhKv5rB3iTOmKsksznImGcSl91UqwJk8TrJNfhNUJt+wPzkwaJsosb3mBBtfsxg2Zwk/XQGD/CL2Gn0fY4B39C6RfsS/QtCqH8LizZ1+g7FKXg+UgJlkX6OVG9NcQFdnlNbTTxTOPq89SXmTqvo8nk4K+w0Zgkoo2mcBP2CBuNSSKuwm/R9qaEhYYgCQ+10rNngoYgQdE3UZ5ZQdNQJPjKNtChmcEuWkyR4J1soaJXBUlDkuCLCtBeiEgkl5MkooQW4wIVn3E9SYL25YsWUL4VaUgS4UBXVID0P1UgSYQAjwNhHIwhPkPJjKtkGAzDLBnG34aRnxjjITPcBcMpMVwfw8Ey3DgnWDBCEiPwMcKrGsTLdBCvaUFcTRVydKqwqqUKakKynXpV1STFiRMSJe0pP+4Qz31N6GkPI7lipHCcRJGRjjKSXk5qzUjgGWWCLJtGLUYYJQ+jsOKUb1gkeiMWiZxSlFHwcspqMTdy8c5pEXAaEYx2B6epwmndcBpEvTaUN0obitPs4rTUsht3/wGACs5tnDrRzgAAAABJRU5ErkJggg==)
}

.mod_alert .icon_success {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkBAMAAACCzIhnAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURek7Pf////Wio+tFR+1WWPBvcPvS0/3l5fOPkP7w8Pm+vv/6+ve0tHOH3mIAAANvSURBVFjDrZjPaxNREMe/NEl/SC+vtM2P7aEFLYgeliot6CXVgoqXVCgiemjak54MVdpjCkIRPTSiIurBIIgetypV8NAeBIv/lPNespu3u+/XLs4tm/3sd2b3vXkzA6aw13/WVvwLK2vn76v+RfrS2yeI7PoXB6R8GjG70rIh7xtIWPHEjOz4/K6Ltz5tv/u5/eDMVf6rsGdCdvgtpfkg/O1tCNE9PfKG/38vkC95v/m1ZzqkVifPzyajfcGvdtVImZwo/k2/1F/ElFpK5GPiaTH1SyrkB72bc0xpB74cToRUya3bTGOPybVOCnkEDDGtzQLXksihj2JTj0zXB3+HyCZwhxnsFbAYR6Z9jAYmxGuj0IwhW8AuM1oliqaHVOum2MM3UOxIyHeriJC5KyFtjDKrhTcJpBY+wGjkSjdCtkI3jUYBL0VIA8PMwdZRChHya84Fmeh5xpFvPdpuDdzoI+2ej3bbEu+MkLKjX8KzlkAqKAZuiFfnX5yQhzjFHO0DRgTSxrIrMsmDAav6OHZFZlDoEDLjHIoI5piQSfu6l3fAKiEPMeaO7FP8EKCzTZFLYHVr9OV5Kf4iQxWwRb+JKO96QAc165qk7LMrrcwuKtYXtomBCkW+i0nb9iKRwUO9dSxjH5etItJC/4oxrFtWWEyEr7JhHFkyWFyEdso42ub9lRBhBxhFw/wlEyL0LUuENDOIsGlC6mhlEKFEUTQjKRGB+OhkEGFVFAgJMojQuizAtJDTInwpmxxTiAjHYuFvtCwiqTdWiw5qnQg7JET+lJXooNaJiE/ZkPZPDZKMUoRuKcWX5awkoxSh5D9Ei381dhosGkUoK40ntthARi0itlh8I0cyGhGxkRPpIpTRiDCeLhJJqS+jExFJaSaR+noyOhFKfcepBCtktCIiwabSOJfRiog0njosSGZBJ9I/LFJH0iyv8udMR9JU8okko03tvYNvInW8HmlF6HidUx7iE1qR/iGuKBU+d82lQp6CJEfZk6O4omBGMpZw7KV7oXgzfzlK9GLGojdPae1WwE/JBXyONiFPM5Kj5XFrrJZivVg5e/vmZW8SeRqytKKFpqLhXcjW8OZpq3nzjmzNe54RQZ5BRI5xh2Go8vR/jm7yDIjCMZQvjaFKJ7Zh12HmYRdjQWKkFjhM4QaDu+fKwd0/wqiyF0KTO2IAAAAASUVORK5CYII=)
}

.mod_alert .icon_wait {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAMAAABHPGVmAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURUdwTOo7PfBDQ+o7Pek7Pes8Puo7Pe0/QOo7Peo7Pv9PT+k7Peo7Pes+P+o7Pes8Puk7PTwESt8AAAAQdFJOUwDAEJb5O4Ee3mEFz+wqr0wNnWqNAAADoElEQVRo3r1aSaKkIAwFZAa17n/abgL6rRJNVIStwDPzBGPEJZTTEw82Shlt4JN2SrCWy7jBfirLDs60QRh1FWAF0uNTBOHCB13BPWGcGeR6kwxJDKMR3gszJgGFzcfBPIaQXCu/3+CV5vIRjFgh+Bk3hOMrzGWmzXGRK/qHZtEM665xii/HPGW7dwWGm8tkXPmzAhNn4n4/ZB5rf4V4r7MMB9IpkS2DX7axwmMKywzQLd0dpXdAjEVRRhCHVXcwPFPwhxFhggKM6babEBOgKJyOwd/3RFlrzmgxgKGf+dSMYs5l/hCDMX0mfR+aYBSU4I/pHBqEOX980wx65VkLFNCx+UDotlFuIGxd+MknSMUaLZVsn+88QiKw6ktmi4X4seb8K/eJWEOGZdFEonqO77mf9EGOLUFG+athRh5byC12FWuR5ocQe6y96aoDjhyrirffpAAhJxHkFgjo0oYUIIS1BmFfpAiEkLsgQIrY6LT17UFAKsvPB8z53gQBBQtFo9Md5g0Qkw6OKx5nb4DADr0qgXsHxC1qazY60BoE9NYUtHNu3QeBLa5YoiaAePO/zvIXQXSxR4tvTURPkILKaa13FcRY5KTKQhHpKBLZ47fXHZzWS82NZKQ+/ZoArIAE010F/FeSCsJRBXKfKElhPZZgwX4CyWtCQqcOQdBUMF8/oaZY49fCNrQUyYwi6GHJPSoL43NmAoefRCs3Xycl4pXbCIKzmAveFC6/i1DqGjCUSNDDJVP+WZTkPJlhBGumZNnzLy2SVGT4tJMMwsy3XIhtgQxCZBcrle0fIbQiPLOLJvilRv8SCYUBWfAkFS5Z/ycOynihdMgemdJcBBWmGGOpN6Re+erih+IpFmMkuZVcOc2/lbIcGc2taKqbk/O+/MMZlq+nuHrQDl0zT0Nz9ZSgle6L4jipQoMWJfwOVR8yI7XAJvxSEolQ3SIkbsclkaCkRLHOfYub2JISEZK7A/8W6MldlzS1S8Ldp3ToUgR1KedYl8K0R4ndp1nQp+3RpYFz2oq6C7JrRZ011QqI2a9T37VvquUgzls21SrtwZNG5732YP2+w5btLZB6y/a4+XyHXUfN5y5t9IYDgdObeow2ugxpGo2bNFay9hicMd9jBPhsmMmIw8xHY1lPHcuuVe71AfOYB8zB0G3p3VE56zL0Z32eL/z92ZsPMVifJyWsy+OYb5jXnvlkbrz+YCk9e+jw9Kqw7fVHZAvjHjyH+wcZlX49hDQ7vAAAAABJRU5ErkJggg==)
}

.mod_alert .close {
    padding: 12px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.mod_alert .close::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWBAMAAAA2mnEIAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAVUExUReXl5ebm5kdwTOXl5ebm5ufn5+Xl5VD/Mk8AAAAGdFJOU9QVANO/FldPzRUAAAB6SURBVBjTXY/RDYAgEENLTO4bYYIjcQUnIH47Ah/G/UeQ6yEm8tX0cW2Kmoo/rTjC0PFCbA50D1BxkFtCcdDtguKg210TmG3agNmmO1jNplZZeA/W3Mz9axXMP7mtMm4tO45My2Y5vJIAXkkAtwmQ3y0Svo3nhbl9qw/RCiDBoV2GgQAAAABJRU5ErkJggg==) 50% no-repeat;
    background-size: 11px auto
}

.mod_alert p {
    font-size: 16px
}

.mod_alert p + .small {
    margin-top: 8px
}

.mod_alert p.medium {
    font-size: 14px
}

.mod_alert p.small {
    font-size: 12px;
    color: #999
}

.mod_alert p.alignLeft {
    text-align: left
}

.mod_alert small {
    font-size: 12px;
    color: #999
}

.mod_alert hr {
    height: 1px;
    background: #e5e5e5;
    border: none;
    margin: 0 15px
}

.mod_alert .btns {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 15px -15px 0
}

.mod_alert .btns:last-child {
    margin: 20px -15px -15px
}

.mod_alert .btns:last-child::after {
    display: none
}

.mod_alert .btns::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .mod_alert .btns::after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.mod_alert .btns .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center
}

.mod_alert .btns .btn + .btn::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .mod_alert .btns .btn + .btn::after {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 50%
    }
}

.mod_alert .btn {
    position: relative;
    width: 100px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    color: #333;
    font-size: 14px
}

.mod_alert .btn::before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    top: 0
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .mod_alert .btn::before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
}

.mod_alert .btn.disabled {
    color: rgba(51, 51, 51, .3)
}

.mod_alert .btn_1 {
    color: #e93b3d
}

.mod_alert .disabled span {
    margin-left: 5px;
    color: #e93b3d
}

.mod_alert.fixed {
    /*display: none;*/
    z-index: 899;
    position: fixed;
    left: 50%;
    top: 33%;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mod_alert.one_line {
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    max-width: 270px;
    padding: 10px 15px;
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

.mod_alert.two_line {
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

.mod_alert.show, .mod_alert_mask.show {
    display: block
}

/**弹窗样式end**/
.mod_alert_mask {
    /*display: none;*/
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 898;
}

/* h5style */
.h5style {
    display: inline-block;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.h5style:hover, .h5style:focus, .h5style:active {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

/**TOP**/
.go-top-btn {
    display: inline-block;
    background: url(/static/images/shouhou.png) 0 0 no-repeat;
    background-size: 100px 200px;
    height: 44px;
    width: 44px;
    background-position: 0 -45px;
    position: fixed;
    bottom: 80px;
    right: 10px;
    font-size: 0;
}

/*加载中*/
.mask {
    width: 100%;
    height: 100%;
    /*background-color: rgba(255,255,255,1);*/
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    -webkit-transition: background .3s;
    transition: background .3s;

}

.ui-loading {
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 11;
    width: 62px;
    height: 62px;
    margin: -31px 0 0 -31px;
}

.ui-loading i {
    width: 62px;
    height: 62px;
    display: block;
    background: url(/static/images/loading2.gif) center no-repeat;
}

/*底部弹出窗*/
.flick-menu-mask {
    width: 100%;
    height: 120%;
    min-height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
    z-index: 200
}

.spec-menu-content {
    position: fixed;
    bottom: 16.5%;
    left: 0;
    right: 0;
    width: 100%;
    height: 45%;
    background-color: #fff;
    border-top: 1px solid #dadada;
    z-index: 250;
    display: none
}

.spec-first-pic {
    position: absolute;
    left: 8px;
    top: -26px;
    width: 100px;
    height: 100px;
    border-radius: 3px;
    border: 1px solid #f0f1f3;
    background-color: #fff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center
}

.spec-first-pic img {
    max-width: 100%;
    max-height: 100%;
    overflow: hidden
}

.spec-menu-top {
    width: 100%;
    height: 84px
}

.bdr-b {
    position: relative;
}

.spec-yang-pic {
    width: 9px;
    height: 11px;
    margin-right: 3px;
    margin-top: 2px
}

.spec-price {
    font-size: 15px;
    line-height: 15px;
    color: #f23030;
    padding-top: 42px;
    padding-left: 121px;
    font-weight: 700
}

.spec-weight {
    font-size: 11px;
    line-height: 11px;
    color: #81838e;
    padding-top: 8px;
    padding-left: 121px
}

.spec-menu-middle {
    /*position: absolute;*/
    bottom: 43px;
    top: 47px;
    left: 0;
    right: 0;
    /*padding-left: 10px;*/
    overflow: auto
}

.spec-menu-btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.spec-menu-btn a {
    display: block;
    height: 43px;
    width: 1%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 15px;
    line-height: 43px;
    color: #fff;
    text-align: center
}

.spec-menu-btn a.cart-black-font {
    color: #333
}

@media screen and (orientation: portrait) {
    .spec-menu-content {
        height: 45%
    }

    @-webkit-keyframes spec-menu-move {
        0% {
            height: 0
        }
        100% {
            height: 45%
        }
    }@-moz-keyframes spec-menu-move {
         0% {
             height: 0
         }
         100% {
             height: 45%
         }
     }@-ms-keyframes spec-menu-move {
          0% {
              height: 0
          }
          100% {
              height: 45%
          }
      }@-o-keyframes spec-menu-move {
           0% {
               height: 0
           }
           100% {
               height: 45%
           }
       }@keyframes spec-menu-move {
            0% {
                height: 0
            }
            100% {
                height: 45%
            }
        }@-webkit-keyframes spec-menu-back {
             0% {
                 height: 45%
             }
             100% {
                 height: 0
             }
         }@-moz-keyframes spec-menu-back {
              0% {
                  height: 45%
              }
              100% {
                  height: 0
              }
          }@-ms-keyframes spec-menu-back {
               0% {
                   height: 45%
               }
               100% {
                   height: 0
               }
           }@-o-keyframes spec-menu-back {
                0% {
                    height: 45%
                }
                100% {
                    height: 0
                }
            }@keyframes spec-menu-back {
                 0% {
                     height: 45%
                 }
                 100% {
                     height: 0
                 }
             }
}

@media screen and (orientation: landscape) {
    .spec-menu-content {
        height: 45%
    }

    @-webkit-keyframes spec-menu-move {
        0% {
            height: 0
        }
        100% {
            height: 45%
        }
    }@-moz-keyframes spec-menu-move {
         0% {
             height: 0
         }
         100% {
             height: 45%
         }
     }@-ms-keyframes spec-menu-move {
          0% {
              height: 0
          }
          100% {
              height: 45%
          }
      }@-o-keyframes spec-menu-move {
           0% {
               height: 0
           }
           100% {
               height: 45%
           }
       }@keyframes spec-menu-move {
            0% {
                height: 0
            }
            100% {
                height: 45%
            }
        }@-webkit-keyframes spec-menu-back {
             0% {
                 height: 45%
             }
             100% {
                 height: 0
             }
         }@-moz-keyframes spec-menu-back {
              0% {
                  height: 45%
              }
              100% {
                  height: 0
              }
          }@-ms-keyframes spec-menu-back {
               0% {
                   height: 45%
               }
               100% {
                   height: 0
               }
           }@-o-keyframes spec-menu-back {
                0% {
                    height: 45%
                }
                100% {
                    height: 0
                }
            }@keyframes spec-menu-back {
                 0% {
                     height: 45%
                 }
                 100% {
                     height: 0
                 }
             }
}

.spec-menu-show {
    -webkit-animation: spec-menu-move .5s 1 ease 0s;
    -moz-animation: spec-menu-move .5s 1 ease 0s;
    -o-animation: spec-menu-move .5s 1 ease 0s;
    animation: spec-menu-move .5s 1 ease 0s
}

.spec-menu-hide {
    -webkit-animation: spec-menu-back .5s 1 ease 0s;
    -moz-animation: spec-menu-back .5s 1 ease 0s;
    -o-animation: spec-menu-back .5s 1 ease 0s;
    animation: spec-menu-back .5s 1 ease 0s
}

.rt-close-btn-wrap .flick-menu-close {
    display: block;
    background: url(/static/images/product-detail-sprites-mjs.png?v=1) no-repeat 0 0;
    background-size: 100px 100px;
    background-position: -28px -17px;
    width: 11px;
    height: 12px;
    position: absolute;
    right: 10px;
    top: 16px;
}

.x-popup {
    width: 100%;
    position: fixed;
    z-index: 899;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    transform: translate(0, 0);
    display: none
}

.x-popup-content {
    height: 100%
}

@keyframes x-popup-up {
    0% {
        transform: translate(0, 100%)
    }
    100% {
        transform: translate(0, 0)
    }
}

@keyframes x-popup-down {
    0% {
        transform: translate(0, 0)
    }
    100% {
        transform: translate(0, 130%)
    }
}

.x-popup.x-popup-show {
    /*display: block;*/
    -webkit-animation: x-popup-up .5s 1 ease 0s;
    animation: x-popup-up .5s 1 ease 0s
}

.x-popup.x-popup-hide {
    display: block;
    -webkit-animation: x-popup-down .8s 1 ease 0s;
    animation: x-popup-down .8s 1 ease 0s
}

.x-popup-close {
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 88px;
    height: 88px;
    background: url(/static/images/jd-sprites.png) no-repeat top right/30px
}

.x-pop-content {
    width: 100%;
    height: 100%
}

.x-mask {
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 19;
    width: 100%;
    height: 100%
}

.x-coupon {
    background-color: #f8f8f8;
    height: 100%;
    position: relative
}

.x-coupon-title {
    text-align: center;
    color: #848689;
    font-size: 15px;
    line-height: 44px;
    position: relative
}

.x-coupon-title div {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 0
}

.x-coupon-title i {
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    width: 15px;
    height: 15px;
    background: url(/static/images/jd-sprites.png?v=1) no-repeat -30px 0/150px
}

.x-coupon-wrap {
    padding: 12px 10px 20px 10px;
    overflow-y: auto;
    position: absolute;
    top: 44px;
    bottom: 0;
    left: 0;
    right: 0
}

.x-coupon-content-title {
    color: #232326;
    font-size: 15px
}

.x-coupon-content-title span {
    font-size: 12px;
    color: #848689
}

.x-coupons {
    margin: 15px 0 25px 0
}

.x-coupons {
    margin-bottom: 10px
}

.x-coupons .x-coupons-li {
    margin-bottom: 10px
}

.x-coupons .x-coupons-li .x-coupon-main {
    box-sizing: border-box;
    display: -webkit-box;
    position: relative;
    z-index: 10
}

.x-coupons .x-coupons-li:last-child {
    margin-bottom: 0
}

.x-coupon-use {
    margin-top: 25px
}

.x-coupon-left {
    font-size: 0;
    width: 125px;
    height: 100px;
    color: #fff;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical
}

.dong .x-coupon-left {
    background: url(/static/images/bg-coupon-blue.png?v=1) no-repeat center/contain
}

.dong .x-coupon-right-one i {
    background-color: #5293d5;
    border-radius: 1px
}

.dong .x-coupon-right-two button {
    border: 1px solid #5f9bd5;
    color: #5f9bd5
}


.jing .x-coupon-right-one i {
    background-color: #ff8382;
    border-radius: 1px
}

.jing .x-coupon-right-two button {
    border: 1px solid #ff8382;
    color: #ff8382
}

.yun .x-coupon-right-one i {
    background-color: #46cbc4;
    border-radius: 1px
}

.yun .x-coupon-right-two button {
    border: 1px solid #46cbc4;
    color: #46cbc4
}

.x-coupon-left-one {
    font-size: 0;
    font-weight: 700
}

.x-coupon-left-one .rmb {
    font-size: 20px;
    margin-right: 5px
}

.x-coupon-left-one .text {
    font-size: 44px
}

.x-coupon-left-one .text-discout {
    font-size: 35px
}

.x-coupon-left-one .text-discout-chinese {
    font-size: 16px
}

.x-coupon-left-one .yunfei {
    font-size: 16px
}

.x-coupon-left-two {
    font-size: 12px;
    margin-top: 4px
}

.x-coupon-right {
    -webkit-box-flex: 1;
    background-color: #fff;
    height: 100px;
    box-sizing: border-box;
    padding: 9px 10px 16px 10px;
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #eaeaea;
    border-radius: 2px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    font-size: 0
}

.x-coupon-right .x-getCoupon-btn, .x-coupon-right a {
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.x-coupon-right-one {
    -webkit-box-flex: 1;
    padding-right: 14px;
    font-size: 0;
    height: 36px;
    overflow: hidden
}

.x-coupon-right-one span {
    font-size: 12px;
    color: #686868;
    line-height: 18px;
    position: relative;
    top: 1px
}

.x-coupon-right-one i {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 10px;
    width: 36px;
    height: 15px;
    line-height: 15px;
    margin-right: 3px;
    border-radius: 1px
}

.x-coupon-right-two {
    position: relative;
    top: -1px
}

.x-coupon-right-two span {
    font-size: 10px;
    color: #a5a5a5;
    line-height: 22px
}

.x-coupon-right-two button {
    float: right;
    display: block;
    width: 62px;
    height: 22px;
    border: 1px solid #5f9bd5;
    border-radius: 12px;
    font-size: 11px;
    color: #5f9bd5;
    background-color: #fff
}

.x-coupon-right-three {
    height: 24px;
    display: -webkit-box;
    -webkit-box-align: center;
    border-top: 1px dashed #eff0f2;
    margin-top: 4px
}

.x-coupon-right-three .support {
    display: -webkit-box;
    -webkit-box-flex: 1
}

.x-coupon-right-three .support .support-li {
    display: -webkit-box;
    -webkit-box-align: center;
    font-size: 0;
    color: #a5a5a5;
    line-height: 24px;
    margin-right: 15px
}

.x-coupon-right-three .support img {
    width: 12px;
    height: 12px;
    margin-right: 5px
}

.x-coupon-right-three .support span {
    position: relative;
    top: 1px;
    font-size: 10px;
    display: block
}

.x-coupon-right-three .desc-btn {
    width: 12px;
    height: 12px;
    display: block;
    transition: all .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
}

.x-coupon-right-three .desc-btn.show {
    transition: all .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg)
}

.x-coupon-desc {
    box-sizing: border-box;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    height: 100%;
    border: 0 solid #eaeaea;
    font-size: 12px;
    color: #686868;
    padding: 0 10px;
    background-color: #fff;
    overflow: hidden;
    max-height: 0
}

.x-coupon-desc.show {
    border: 1px solid #eaeaea;
    border-top: 0;
    height: 100%;
    max-height: 105px
}

.x-coupon-desc p {
    height: 100%;
    line-height: 24px
}

.x-coupon-desc p:first-child {
    margin-top: 10px
}

.x-coupon-desc p:last-child {
    margin-bottom: 10px
}

.x-coupon-empty {
    padding: 66px 0 66px 0;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
    -webkit-box-orient: vertical
}

.x-coupon-empty i {
    width: 85px;
    height: 53px;
    display: block;
}

.x-coupon-empty p {
    margin-top: 12px;
    font-size: 12px;
    color: #d2d2d2
}

.x-coupon-floor {
    height: 50px;
    display: -webkit-box;
    -webkit-box-align: center;
    border-bottom: 1px solid #e2e2e2;
    padding-right: 10px
}

.x-coupon-floor .left {
    -webkit-box-flex: 1;
    display: -webkit-box
}

.x-coupon-floor .title {
    font-size: 13px;
    color: #81838e;
    margin-right: 5px
}

.x-coupon-floor .totle {
    font-size: 12px;
    color: #a5a5a5;
    margin-right: 5px
}

.x-coupon-floor .icon-dot {
    display: block;
    width: 19px;
    height: 4px;
    background-image: url(/static/images/product-detail-sprites-mjs.png?v=1);
    background-repeat: no-repeat;
    background-size: 100px 100px;
    background-position: -42px -17px
}

.x-coupon-floor .coupons {
    display: -webkit-box;
    -webkit-box-align: center
}

.x-coupon-floor .coupons li {
    height: 14px;
    display: -webkit-box;
    margin-right: 10px;
    font-size: 0
}

.x-coupon-floor .coupons i {
    height: 14px;
    width: 5px;
    display: block
}


.x-coupon-floor .coupons span {
    height: 100%;
    background-color: #f23030;
    font-size: 11px;
    color: #fff;
    display: inline-block;
    line-height: 14px
}

@media screen and (max-width: 370px) {
    .x-coupon-left {
        height: 105px
    }

    .x-coupon-right {
        height: 105px
    }

    .x-coupon-right-one {
        height: 40px
    }

    .x-coupon-right-two span {
        display: inline-block;
        width: 70px;
        line-height: 13px
    }
}