@charset "UTF-8";
.sstouch-search-layout {
    margin-top: 2rem
}

.sstouch-search-layout dl {
    padding: .8rem .5rem .5rem;
    text-align: left
}

.sstouch-search-layout dt {
    font-size: .7rem;
    line-height: 1rem;
    color: #111;
    margin-bottom: .4rem
}

.sstouch-search-layout ul {
    font-size: 0;
    display: block
}

.sstouch-search-layout li {
    display: inline-block;
    background-color: #FFF;
    border: .05rem solid #EEE;
    margin: 0 .4rem .4rem 0
}

.sstouch-search-layout li a {
    display: block;
    padding: .2rem .5rem;
    font-size: .6rem;
    line-height: 1rem;
    color: #555
}

.sstouch-search-layout .hot-keyword li {
    border-radius: .75rem
}

.sstouch-search-layout a.clear-history {
    display: inline-block;
    width: 79%;
    height: 1.94rem;
    text-align: center;
    margin: 1.5rem 10% 0;
    background-color: #EEE;
    border-radius: .2rem;
    font-size: .7rem;
    line-height: 1.94rem;
    color: #555
}

.sstouch-full-mask {
    position: fixed;
    z-index: 19;
    top: 0;
    bottom: 0
}

.sstouch-full-mask-bg, .sstouch-full-mask-block {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.sstouch-full-mask-bg {
    z-index: 11;
    background: rgba(0, 0, 0, .75)
}

.sstouch-full-mask-block {
    z-index: 12;
    background: #F5F5F5;
    box-shadow: -.25rem 0 .2rem rgba(0, 0, 0, .2)
}

.sstouch-full-mask.left {
    display: block;
    left: 0;
    right: 0;
    animation: optionBlockLeft .3s ease-in-out;
    -webkit-animation: optionBlockLeft .3s ease-in-out
}

.sstouch-full-mask.right {
    left: 110%;
    right: -110%;
    animation: optionBlockRight .5s ease-in-out;
    -webkit-animation: optionBlockRight .5s ease-in-out
}

@keyframes optionBlockLeft {
    from {
        display: none;
        left: 100%;
        right: -100%
    }
    to {
        display: block;
        left: 0;
        right: 0
    }
}

@-webkit-keyframes optionBlockLeft {
    from {
        display: none;
        left: 100%;
        right: -100%
    }
    to {
        display: block;
        left: 0;
        right: 0
    }
}

@keyframes optionBlockRight {
    from {
        display: block;
        left: 0;
        right: 0
    }
    to {
        display: none;
        left: 110%;
        right: -110%
    }
}

@-webkit-keyframes optionBlockRight {
    from {
        display: block;
        left: 0;
        right: 0
    }
    to {
        display: none;
        left: 110%;
        right: -110%
    }
}

.sstouch-bottom-mask {
    position: fixed;
    z-index: 20;
    top: 0;
    left: 0;
    right: 0;
    display: block
}

.sstouch-bottom-mask-bg {
    display: block;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .65)
}

.sstouch-bottom-mask-block {
    display: block;
    position: absolute;
    z-index: 22;
    bottom: 0;
    left: 0;
    right: 0;
    min-height: 12rem;
    background: #FFF
}

.sstouch-bottom-mask.up {
    display: block;
    bottom: 0;
    animation: optionBlockUp .5s ease-in-out;
    -webkit-animation: optionBlockUp .5s ease-in-out
}

.sstouch-bottom-mask.down {
    animation: optionBlockDown .5s ease-in-out;
    -webkit-animation: optionBlockDown .5s ease-in-out
}

@keyframes optionBlockUp {
    from {
        display: none;
        bottom: -100%
    }
    to {
        display: block;
        bottom: 0
    }
}

@-webkit-keyframes optionBlockUp {
    from {
        display: none;
        bottom: -100%
    }
    to {
        display: block;
        bottom: 0
    }
}

@keyframes optionBlockDown {
    from {
        display: block;
        bottom: 0
    }
    to {
        display: none;
        bottom: -100%
    }
}

@-webkit-keyframes optionBlockDown {
    from {
        display: block;
        bottom: 0;
        opacity: 1
    }
    to {
        display: none;
        bottom: -100%;
        opacity: 0
    }
}

.sstouch-bottom-mask-tip {
    position: absolute;
    z-index: 1;
    top: -1.2rem;
    left: 0;
    right: 0;
    text-align: center;
    font-size: .6rem;
    font-weight: 600;
    line-height: .9rem;
    color: #FFF;
    text-shadow: 0 0 .5rem rgba(0, 0, 0, .5)
}

.sstouch-bottom-mask-tip i {
    background-image: url(../images/back_down.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 75%;
    width: .8rem;
    height: .9rem;
    display: inline-block;
    vertical-align: top;
    margin-right: .1rem
}

.sstouch-bottom-mask-top {
    position: relative;
    z-index: 1;
    display: block;
    padding: .5rem;
    border-bottom: solid .05rem #EEE
}

.sstouch-bottom-mask-close {
    position: absolute;
    z-index: 1;
    top: -.6rem;
    right: 0;
    background: #FFF;
    width: .9rem;
    height: .9rem;
    padding: .15rem;
    border-radius: 100%
}

.sstouch-bottom-mask-close i {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/close_window.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100%;
    opacity: .5rem
}

.sstouch-bottom-mask-rolling {
    min-height: 1.9rem;
    max-height: 12rem;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.sstouch-bigimg-layout {
    display: block;
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .85)
}

.sstouch-bigimg-layout .close {
    position: absolute;
    z-index: 1;
    top: .5rem;
    right: .5rem;
    width: 1.2rem;
    height: 1.2rem;
    background-color: #FFF;
    background-image: url(../images/close_window.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 90%;
    border-radius: 100%;
    opacity: .5
}

.sstouch-bigimg-layout .pic-box {
    margin: 25% auto 0;
    overflow: hidden;
    position: relative;
    width: 16rem;
    z-index: 1
}

.sstouch-bigimg-layout .pic-box ul {
    font-size: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap
}

.sstouch-bigimg-layout .pic-box li {
    display: inline-block;
    position: relative;
    width: 16rem;
    height: 16rem;
    text-align: center;
    z-index: auto;
    padding: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain
}

.sstouch-bigimg-turn {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center
}

.sstouch-bigimg-turn ul {
    font-size: 0;
    margin: 0 auto;
    white-space: nowrap;
    display: block;
    width: 100%
}

.sstouch-bigimg-turn ul li {
    display: inline-block;
    min-width: 19%;
    max-width: 99%;
    margin: 0 1% 0 0 !important;
    height: .25rem;
    padding: 0 !important;
    background: rgba(255, 255, 255, .75)
}

.sstouch-bigimg-turn ul li.cur {
    background-color: #ff6700
}

.sstouch-sel-box {
    display: block;
    background: #FFF;
    padding: 0 .8rem
}

.sstouch-sel-box .tit {
    display: block;
    padding: .5rem 0;
    font-size: .7rem;
    line-height: .9rem
}

.sstouch-sel-box .sel-con {
    padding: 0 0 .5rem
}

.sstouch-sel-box .sel-con a {
    display: inline-block;
    height: .9rem;
    padding: .25rem .5rem;
    margin: .3rem .3rem 0 0;
    font-size: .55rem;
    color: #212121;
    line-height: .9rem;
    background: #FFF;
    border: .05rem solid #BBB;
    border-radius: .15rem
}

.sstouch-sel-box .sel-con a.sel {
    padding: .28rem .53rem;
    color: #FFF;
    background: #ff6700;
    border: none
}

.sstouch-sel-list {
    background-color: #FFF;
    margin-top: .5rem
}

.sstouch-sel-list label {
    position: relative;
    z-index: 1;
    display: block;
    height: .9rem;
    padding: .5rem 0;
    margin: 0 .5rem;
    font-size: .6rem;
    line-height: .9rem;
    border-bottom: solid .05rem #EEE
}

.sstouch-sel-list label input[type=radio] {
    display: none
}

.sstouch-sel-list label i {
    position: relative;
    display: inline-block;
    width: .75rem;
    height: .75rem;
    margin-right: .2rem;
    background-color: #F5F5F5;
    border: .05rem solid #CCC;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    vertical-align: middle
}

.sstouch-sel-list label.checked i {
    border-color: #ff6700;
    background-color: #ff6700
}

.sstouch-sel-list label.checked i:after {
    content: '';
    position: absolute;
    left: .1rem;
    top: .175rem;
    width: .4rem;
    height: .2rem;
    border-left: .065rem solid #fff;
    border-bottom: .065rem solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.sstouch-sel-list a.del-invoice {
    position: absolute;
    z-index: 1;
    top: .5rem;
    right: .5rem;
    display: block;
    width: .8rem;
    height: .9rem;
    background-image: url(../images/del_b.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80%
}

.sstouch-inp-con .input-box.btn-style label {
    display: inline-block !important;
    height: .9rem !important;
    padding: .25rem .5rem !important;
    margin: .3rem .3rem 0 0 !important;
    font-size: .55rem !important;
    color: #212121 !important;
    line-height: .9rem !important;
    background: #FFF !important;
    border: .05rem solid #BBB !important;
    border-radius: .15rem !important
}

.sstouch-inp-con .input-box.btn-style label.checked {
    padding: .28rem .53rem !important;
    color: #FFF !important;
    background: #ff6700 !important;
    border: none !important
}

.sstouch-inp-con .input-box label input[type=radio] {
    display: none
}

.store-voucher {
    font-size: .7rem
}

.store-voucher i.icon-store {
    display: inline-block;
    width: .8rem;
    height: .9rem;
    margin-right: .2rem;
    vertical-align: middle;
    background: url(../images/store_b.png) 50% 50% no-repeat;
    background-size: 90%;
    opacity: .8
}

.sstouch-voucher-list {
    margin-left: .5rem
}

.sstouch-voucher-list li {
    position: relative;
    z-index: 1;
    background-color: #FFF;
    border-top: solid #EEE .05rem;
    padding: .5rem .5rem .5rem 0
}

.sstouch-voucher-list dl {
    margin: 0 3rem 0 0
}

.sstouch-voucher-list dt {
    font-size: .55rem;
    color: #ff6700;
    line-height: 1.2rem
}

.sstouch-voucher-list dt em {
    font-size: 1.2rem;
    margin: 0 .1rem
}

.sstouch-voucher-list dd.need {
    font-size: .55rem;
    line-height: .6rem;
    color: #333
}

.sstouch-voucher-list dd.time {
    font-size: .45rem;
    line-height: .6rem;
    color: #212121
}

.sstouch-voucher-list a {
    position: absolute;
    z-index: 1;
    top: 1rem;
    right: 1rem
}

.sstouch-o2o-tip {
    padding: 0 .5rem;
    font-size: .7rem;
    line-height: 1.8rem;
    display: block
}

.sstouch-o2o-tip a {
    font-weight: 600;
    color: #000;
    display: block;
    position: relative
}

.sstouch-o2o-tip a i {
    display: inline-block;
    vertical-align: top;
    width: 1rem;
    height: 1rem;
    margin: .3rem .2rem 0 0;
    background-image: url(../images/mc_03.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80%;
    opacity: 1
}

.sstouch-o2o-tip a span {
    /*position: absolute;*/
    /*z-index: 1;*/
    /*top: .5rem;*/
    /*right: .5rem;*/
    /*width: .8rem;*/
    height: .9rem;
    font-size: 1rem;
    opacity: .5
}

.sstouch-o2o-list {
    background: #FFF
}

.sstouch-o2o-list .tel a, .sstouch-o2o-list dt span i {
    background-repeat: no-repeat;
    background-position: 50% 50%
}

.sstouch-o2o-list li {
    position: relative;
    padding: .5rem 0 .5rem .5rem;
    border-bottom: solid .05rem #EEE
}

.sstouch-o2o-list dl {
    margin-right: 3rem
}

.sstouch-o2o-list dl a {
    display: block
}

.sstouch-o2o-list dt {
    display: block;
    font-size: .7rem;
    line-height: 1rem;
    font-weight: 600;
    color: #000
}

.sstouch-o2o-list dt span {
    display: inline-block;
    vertical-align: top;
    line-height: 1rem;
    font-size: .6rem;
    color: #AC92ED
}

.sstouch-o2o-list dt span i {
    display: inline-block;
    vertical-align: top;
    width: 1rem;
    height: 1rem;
    margin-right: .2rem;
    background-image: url(../images/location_b.png);
    background-size: 70%;
    opacity: .9
}

.sstouch-o2o-list dd {
    display: block;
    font-size: .6rem;
    line-height: 1rem;
    color: #555
}

.sstouch-o2o-list .tel {
    position: absolute;
    z-index: 1;
    right: .5rem;
    top: .5rem;
    border-left: solid .05rem #EEE;
    padding-left: .5rem
}

.sstouch-o2o-list .tel a {
    display: block;
    width: 2rem;
    height: 2rem;
    background-image: url(../images/tel_b.png);
    background-size: 50%;
    opacity: .65
}

.sstouch-map-layout {
    display: block;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.sstouch-map {
    display: block;
    width: 100%;
    height: 100%
}