@charset "UTF-8";

    #header .logo,
    .sstouch-home-nav li span i {
        background-position: 50% 50%;
        background-repeat: no-repeat
    }

    body {
        background-color: #f5f5f5;
    }

    #header {
        position: fixed;
        z-index: 3 !important;
        top: 0;
        bottom: auto;
        left: 0;
        right: 0
    }

    #header .logo {
        position: absolute;
        z-index: 1;
        top: .25rem;
        left: .4rem;
        width: 3rem;
        height: 1.5rem;
        background-image: url(../images/home_logo.png);
        background-size: 100%
    }

    #header .chose-city.logo {
        display: none
    }

    #header .city-text,
    #header .subsite {
        display: inline-block;
        line-height: 1.95rem
    }

    #header .subsite {
        vertical-align: top;
        margin-left: 0;
        font-size: .24rem;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 3;
        width: 3rem;
        text-align: center;
        height: 1.95rem
    }

    #header .city-text {
        overflow: hidden;
        font-size: .6rem;
        color: #fff
    }

    #header .header-inp {
        height: 1.4rem;
        margin: .2rem 2.2rem .3rem 3.9rem
    }

    #header .header-r a {
        width: 1.8rem;
        height: 1.8rem;
        /*padding:.1rem .4rem .1rem 0*/
    }

    #header .header-r a i.message {
        /* width: 1.2rem;
        height: 1.2rem;
        margin: .2rem .2rem .4rem .4rem;
        font-size: 1rem;
        color: #ffffff;
        opacity: .55 */
    }

    #header .header-r a p {
        font-size: .55rem;
        line-height: .9rem;
        text-align: center;
        color: #333;
        display: none
    }

    #header .header-r a sup {
        display: none;
        right: .35rem;
        top: .35rem
    }

    #header.transparent {
        position: absolute !important;
        top: auto !important;
    }

    .adv_list,
    .sstouch-home-layout,
    .sstouch-home-nav,
    .sstouch-home-top,
    .swipe,
    .swipe-wrap,
    .swipe-wrap>div {
        position: relative
    }

    #header.transparent .logo {
        display: none
    }

    #header.transparent .chose-city.header-inp {
        margin: .2rem 2.2rem .3rem 4rem;
        background-color: rgba(255, 255, 255, .9);
        border: none;
        border-radius: 1rem
    }

    #header.transparent .header-inp {
        margin: .2rem 2.4rem .3rem .5rem;
        background-color: rgba(255, 255, 255, .9);
        border: none;
        border-radius: .1rem
    }

    #header.transparent .header-r a i.message {
        font-size: 1rem;
        color: #fff;
        width: 0.8rem;
        height: 0.8rem;
        margin: 0 auto;
        opacity: 1;
       
    }

    #header.transparent .header-r a p {
        color: #FFF;
        display: block
    }

    #header.transparent .header-r a sup {
        width: .25rem;
        height: .25rem;
        right: .35rem;
        top: 0
    }

    .sstouch-home-top {
        display: block;
        min-height: 2.2rem;
        z-index: 2;
        overflow: hidden
    }

    .adv_list {
        z-index: 1;
        overflow: hidden
    }

    .swipe {
        overflow: hidden;
        visibility: hidden
    }

    .swipe-wrap {
        overflow: hidden
    }

    .swipe-wrap>div {
        float: left;
        width: 100%
    }

    .swipe-wrap img {
        width: 100%
    }

    .sstouch-home-nav {
        z-index: 0;
        border-bottom: solid .05rem #EEE;
        padding-top: .8rem
    }

    .sstouch-home-nav ul {
        font-size: 0;
        overflow: hidden
    }

    .sstouch-home-nav li {
        float: left;
        width: 20%
    }

    .sstouch-home-nav li a {
        display: block;
        text-align: center
    }

    .sstouch-home-nav li span {
        display: inline-block;
        width: 2rem;
        height: 2rem;
        margin: 0 auto 0rem;
        border-radius: 100%
    }

    .sstouch-home-nav li:nth-child(1) span {
        background-color: #FB6E52
    }

    .sstouch-home-nav li:nth-child(2) span {
        /* background-color: #48CFAE */
    }

    .sstouch-home-nav li:nth-child(3) span {
        /* background-color: #4FC0E8 */
    }

    .sstouch-home-nav li:nth-child(4) span {
        background-color: #AC92ED
    }

    .sstouch-home-nav li:nth-child(5) span {
        background-color: #FF9300
    }

    .sstouch-home-nav li:nth-child(6) span {
        /* background-color: #62BA1E */
    }

    .sstouch-home-nav li:nth-child(7) span {
        /* background-color: #1A8DE5 */
    }

    .sstouch-home-nav li:nth-child(8) span {
        /* background-color: #EC87BF */
    }
    /* 
    .sstouch-home-nav li:nth-child(9) span {
        background-color: #75ecd1
    }

    .sstouch-home-nav li:nth-child(10) span {
        background-color: #65C3FF
    }

    .sstouch-home-nav li:nth-child(11) span {
        background-color: #FCC52A
    }

    .sstouch-home-nav li:nth-child(12) span {
        background-color: #FDC52C
    }

    .sstouch-home-nav li:nth-child(13) span {
        background-color: #FF7537
    } */

    .sstouch-home-nav li:nth-child(14) span {
        background-color: #F87D3A
    }

    .sstouch-home-nav li:nth-child(15) span {
        background-color: #F7635F
    }

    .sstouch-home-nav li span i {
        display: block;
        width: 100%;
        height: 100%;
        background-size: 77%!important;
    }

    .sstouch-home-nav li:nth-child(1) span i {
        background-image: url(../images/browse_list_w.png)
    }

    .sstouch-home-nav li:nth-child(2) span i {
        background-image: url(../images/02Icon/storeIcon_02.png)
    }

    .sstouch-home-nav li:nth-child(3) span i {
        background-image: url(../images/02Icon/signInIcon_02.png)
    }

    .sstouch-home-nav li:nth-child(4) span i {
        background-image: url(../images/mcc_04_w.png)
    }

    .sstouch-home-nav li:nth-child(5) span i {
        background-image: url(../images/member_w.png)
    }

    .sstouch-home-nav li:nth-child(6) span i {
        background-image: url(../images/02Icon/estateIcon_02.png)
    }

    .sstouch-home-nav li:nth-child(7) span i {
        background-image: url(../images/02Icon/trackIcon_02.png);
        background-size: 69%!important;
    }

    .sstouch-home-nav li:nth-child(8) span i {
        background-image: url(../images/02Icon/integralIocn_02.png)
    }

    .sstouch-home-nav li:nth-child(9) span i {
        background-image: url(../images/02Icon/discountIcon_02.png)
    }

    .sstouch-home-nav li:nth-child(10) span i {
        background-image: url(../images/02Icon/collectIcon_02.png);
        background-size: 86%
    }

    .sstouch-home-nav li:nth-child(11) span i {
        background-image: url(../images/02Icon/playIcon02.gif);
        background-size: 86%
    }

    .sstouch-home-nav li:nth-child(12) span i {
        background-image: url(../images/02Icon/timeIcon_02.png);
        background-size: 86%
    }

    .sstouch-home-nav li:nth-child(13) span i {
        background-image: url(../images/02Icon//activityIcon_02.png);
        background-size: 86%
    }

    .sstouch-home-nav li:nth-child(14) span i {
        background-image: url(https://static.shopsuite.cn/xcxfile/appicon/icon13.png);
        background-size: 86%
    }

    .sstouch-home-nav li:nth-child(15) span i {
        background-image: url(https://static.shopsuite.cn/xcxfile/appicon/icon2.png);
        background-size: 86%
    }

    .sstouch-home-nav li p {
        display: block;
        font-size: .5rem;
        line-height: 1.6rem;
        color: #555
    }

    .sstouch-home-layout {
        display: block;
        /*margin:0 auto;*/
        overflow: hidden;
        z-index: 0
    }

    .sstouch-home-block{
        width: 100%;
        clear: both
    }

    .sstouch-home-block .tit-bar {
        font-size: .8rem;
        font-weight: 400;
        text-align: left;
        line-height: 1.8rem;
        border-left: 0;
        color: #333;
    }

    .sstouch-home-block .tit-bar span {
        color: #333;
        display: inline-block;
        position: relative
    }

    /* .sstouch-home-block .tit-bar span:before {
        content: '';
        display: block;
        width: 50%;
        height: .05rem;
        background: #ccc;
        position: absolute;
        top: .9rem;
        left: -60%
    } */
/* 
    .sstouch-home-block .tit-bar span:after {
        content: '';
        display: block;
        width: 50%;
        height: .05rem;
        background: #ccc;
        position: absolute;
        top: .9rem;
        right: -60%
    } */

    .sstouch-home-block.title-left .tit-bar {
        border-left: solid .15rem #ff6700;
        height: .8rem;
        margin: .5rem 0 .5rem .3rem;
        padding-left: .3rem;
        font-size: .7rem;
        line-height: .8rem
    }

    .sstouch-home-block.title-left .content {
        display: block
    }

    .sstouch-home-block.title-style {
        background-color: #fff
    }

    .sstouch-home-block.title-style .tit-bar {
        background: url(../images/tit-bar-bg1.png) center no-repeat;
        background-size: contain;
        text-align: center
    }

    .sstouch-home-block.title-style .tit-bar span {
        display: inline-block;
        padding: 0 .46rem;
        line-height: 1.82rem;
        letter-spacing: .217rem;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(to right, #F55555, #F55555, #FCCF31 60%, #FCCF31)
    }

    .sstouch-home-block.title-style .tit-bar.style1 {
        background: url(../images/tit-bar-bg1.png) center no-repeat;
        background-size: contain
    }

    .sstouch-home-block.title-style .tit-bar.style2 {
        background: url(../images/tit-bar-bg2.png) center no-repeat;
        background-size: contain
    }

    .sstouch-home-block.title-style .tit-bar.style3 {
        background: url(../images/tit-bar-bg3.png) center no-repeat;
        background-size: contain
    }

    .sstouch-home-block.title-style .tit-bar.style1 span {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(to right, #F55555, #F55555, #FCCF31 60%, #FCCF31)
    }

    .sstouch-home-block.title-style .tit-bar.style2 span {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(to right, #5961F9, #5961F9, #5961F9, #EE9AE5 73%, #EE9AE5)
    }

    .sstouch-home-block.title-style .tit-bar.style3 span {
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-image: linear-gradient(to right, #ABDCFF, #ABDCFF, #ABDCFF, #0396FF 73%, #0396FF)
    }

    .sstouch-home-block.title-center .tit-bar {
        font-size: .8rem;
        font-weight: 400;
        text-align: center;
        line-height: 1.8rem;
        border-left: 0;
        color: #333
    }

    .sstouch-home-block.title-center .tit-bar span {
        color: #333;
        display: inline-block;
        position: relative
    }

    .sstouch-home-block.title-center .tit-bar span:before {
        content: '';
        display: block;
        width: 50%;
        height: .05rem;
        background: #ccc;
        position: absolute;
        top: .9rem;
        left: -60%
    }

    .sstouch-home-block.title-center .tit-bar span:after {
        content: '';
        display: block;
        width: 50%;
        height: .05rem;
        background: #ccc;
        position: absolute;
        top: .9rem;
        right: -60%
    }

    .sstouch-home-block .stit {
        font-size: 12px;
        text-align: center;
        color: #999;
        margin-bottom: 10px
    }

    .item-goods .desc {
        font-size: .5rem;
        font-weight: 400;
        text-align: center;
        line-height: .8rem;
        border-left: 0;
        color: #333
    }

    .item-goods .time {
        color: #999;
        display: inline-block;
        position: relative
    }

    .item-goods .time:before {
        content: '';
        display: block;
        width: .8rem;
        height: .05rem;
        background: #ddd;
        position: absolute;
        top: .3rem;
        left: -1.25rem
    }

    .item-goods .time:after {
        content: '';
        display: block;
        width: .8rem;
        height: .05rem;
        background: #ddd;
        position: absolute;
        top: .3rem;
        right: -1.25rem
    }

    .item-goods ul.goods-list {
        font-size: 0;
        padding-bottom: .3rem
    }

    .item-goods ul.goods-list li {
        background-color: #FFF;
        vertical-align: top;
        display: inline-block;
        width: 47%;
        overflow: hidden;
        border-radius: .2rem
    }

    .item-goods ul.goods-list li:nth-child(odd) {
        margin: .5rem 1% 0 2%
    }

    .item-goods ul.goods-list li:nth-child(even) {
        margin: .5rem 2% 0 1%
    }

    .item-goods ul.goods-list li a {
        display: block
    }

    .item-goods ul.goods-list li .goods-pic,
    .item-goods ul.goods-list li .goods-pic img {
        width: 100%
    }

    .item-goods ul.goods-list li dl {
        padding: .2rem
    }

    .item-goods ul.goods-list li dt.goods-name {
        display: block;
        font-size: .5rem;
        line-height: .8rem;
        color: #000;
        height: 1.6rem;
        overflow: hidden
    }

    .item-goods ul.goods-list li dd.goods-price {
        display: block;
        font-size: .55rem;
        line-height: 1rem;
        height: 1rem;
        margin-top: .4rem;
        padding-top: .4rem;
        color: #ff6700;
        border-top: solid .05rem #EEE
    }

    .item-goods ul.goods-list li dd.goods-price em {
        font-size: .7rem;
        font-weight: 600
    }

    .item-goods ul.goods-list li dd.goods-price em.goods-xianshi {
        font-size: .5rem;
        font-weight: 600;
        background-color: #E84C3D;
        color: #fff;
        padding: 0 .5rem;
        float: right
    }

    .item-goods ul.goods-list li dd.goods-price em.goods-group {
        font-size: .5rem;
        font-weight: 600;
        background-color: #1BBC9D;
        color: #fff;
        padding: 0 .5rem;
        float: right
    }

    .style_lc {
        background-color: #fff
    }

    .style_lc .tit-bar {
        font-size: .7rem;
        font-weight: 400;
        padding: .5rem 0 0;
        line-height: .8rem;
        border-left: 0;
        color: #333
    }

    .style_lc .tit-bar img {
        left: .5rem;
        top: .5rem;
        width: .8rem;
        height: .8rem;
        display: inline-block
    }

    .style_lc .tit-bar span.stit {
        font-size: .5rem;
        font-weight: 400;
        line-height: .8rem;
        margin-left: .8rem;
        color: #333
    }

    .xianshi .swipe-wrap {
        overflow: hidden;
        position: relative
    }

    .xianshi .swipe-wrap .item {
        float: left;
        width: 100%;
        position: relative
    }

    .xianshi .swipe-wrap .item li a {
        display: block;
        position: relative;
        padding: .75rem .5rem 0 8rem;
        height: 7.1rem;
        overflow: hidden;
        zoom: 1
    }

    .xianshi .swipe-wrap .item li a .goods-pic {
        position: absolute;
        top: .75rem;
        left: 1.5rem;
        width: 5rem;
        height: 5rem
    }

    .xianshi .swipe-wrap .item li dl {
        padding: .2rem
    }

    .xianshi .swipe-wrap .item li dt.goods-name {
        display: block;
        font-size: .65rem;
        line-height: .8rem;
        color: #000;
        height: 1.6rem;
        overflow: hidden
    }

    .xianshi .swipe-wrap .item li dd.goods-price {
        display: block;
        font-size: .55rem;
        line-height: 1rem;
        height: 1rem;
        margin-top: .4rem;
        padding-top: .4rem;
        color: #ff6700;
        border-top: solid .05rem #EEE
    }

    .xianshi .swipe-wrap .item li dd.goods-price em {
        font-size: .7rem;
        font-weight: 600
    }

    .xianshi .swipe-wrap .item li dd.goods-price em.goods-xianshi {
        font-size: .5rem;
        font-weight: 600;
        background-color: #E84C3D;
        color: #fff;
        padding: 0 .5rem;
        float: right
    }

    .xianshi .swipe-wrap .item li dd.goods-price em.goods-group {
        font-size: .5rem;
        font-weight: 600;
        background-color: #1BBC9D;
        color: #fff;
        padding: 0 .5rem;
        float: right
    }

    .item-pic-l1-r2,
    .item-pic-l2-r1 {
        background-color: #FFF;
        /* border-bottom: solid .05rem #EEE; */
        z-index: 1
    }

    .xianshi .swipe-wrap .item li dd.goods-price del {
        color: #999
    }

    .xianshi .swipe-wrap .item li dd.goods-time {
        display: block;
        font-size: .55rem;
        line-height: 1rem;
        height: 1rem;
        margin-top: .4rem;
        padding-top: .4rem;
        color: #ff6700;
        font-weight: 600
    }

    .item-pic-l1-r2 {
        width: 100%;
        margin: 0 auto;
        position: relative
    }

    .item-pic-l1-r2 li a,
    .item-pic-l1-r2 li img {
        display: block;
        width: 100%;
        height:100%;
    }
   
    .item-pic-l1-r2 li:nth-child(1) {
        /* position: absolute;
        z-index: 1;
        left: 0;
        top: 0;
        bottom: 0;
        right: 50%;
        border-top: solid .05rem #EEE
    */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    bottom: 0;
    width: 46.3%;
margin-left:2%;
border-radius: 7px;
overflow: hidden;
    }

    .item-pic-l1-r2 li:nth-child(2),
    .item-pic-l1-r2 li:nth-child(3) {
        margin-left: 51%;
        /* border-left: solid .05rem #EEE;
        border-top: solid .05rem #EEE; */
        width:45.7%;
        border-radius: 7px;
        overflow: hidden;
  
    }
    .item-pic-l1-r2 li:nth-child(3) {

margin-top:0.4rem;

    }

    .style_lc .item-pic-l1-r2 li:nth-child(3) {
        margin-left: 50%;
        border-top: solid .05rem #EEE;
        border-left: solid .05rem #EEE
    }

    .style_lc .item-pic-l1-r2 li:nth-child(3) a {
        width: 50%;
        float: left;
        display: block
    }

    .item-pic-l2-r1 {
        width: 100%;
        margin: 0 auto;
        position: relative
    }

    .item-pic-list li,
    .item-pic-list-3 li {
        float: left;
        border-bottom: solid #EEE .05rem
    }

    .item-pic-l2-r1 li a,
    .item-pic-l2-r1 li img {
        display: block;
        width: 100%
    }

    .item-pic-l2-r1 li:nth-child(3) {
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
        bottom: 0;
        left: 50%;
        margin-right: .05rem;
        border-left: solid .05rem #EEE
    }

    .item-pic-l2-r1 li:nth-child(1) {
        margin-right: 50%
    }

    .item-pic-l2-r1 li:nth-child(2) {
        margin-right: 50%;
        border-top: solid .05rem #EEE
    }

    .item-pic-list {
        font-size: 0;
        width: 100%;
        margin: 0 auto;
        overflow: hidden
    }

    .item-pic-list li {
        width: 50%
    }

    .item-pic-list li:nth-child(even) {
        border-left: solid #EEE .05rem;
        margin-right: -.05rem
    }

    .item-pic-list li img {
        width: 100%
    }

    .item-pic-list-3 {
        font-size: 0;
        padding: 2%;
        /* width: 100%; */
        margin: 0 auto;
        overflow: hidden
    }

    .item-pic-list-3 li {
        width: 33.1%;
        border-right: solid #EEE .05rem
    }

    .item-pic,
    .item-pic img,
    .item-pic-list-3 li img {
        width: 100%
    }

    .item-pic-list-3 li:nth-child(even) {
        border-left: solid #EEE 0rem;
        margin-right: -0rem
    }

    .item-pic {
        font-size: 0;
        margin: 0 auto;
        margin-top:2%;
    }

    .ath-viewport {
        position: relative;
        z-index: 2147483641;
        pointer-events: none;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-text-size-adjust: none;
        -moz-text-size-adjust: none;
        -ms-text-size-adjust: none;
        -o-text-size-adjust: none;
        text-size-adjust: none
    }

    .ath-container,
    .ath-modal {
        pointer-events: auto !important
    }

    .ath-viewport * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .ath-modal {
        background: rgba(0, 0, 0, .6)
    }

    .ath-mandatory {
        background: #000
    }

    .ath-container {
        position: absolute;
        z-index: 2147483641;
        padding: .7em .6em;
        width: 18em;
        background: #eee;
        background-size: 100% auto;
        box-shadow: 0 .2em 0 #d1d1d1;
        font-family: sans-serif;
        font-size: 15px;
        line-height: 1.5em;
        text-align: center
    }

    .ath-container small {
        font-size: .8em;
        line-height: 1.3em;
        display: block;
        margin-top: .5em
    }

    .ath-ios.ath-phone {
        bottom: 1.8em;
        left: 50%;
        margin-left: -9em
    }

    .ath-ios6.ath-tablet {
        left: 5em;
        top: 1.8em
    }

    .ath-ios7.ath-tablet {
        left: .7em;
        top: 1.8em
    }

    .ath-ios8.ath-tablet {
        right: .4em;
        top: 1.8em
    }

    .ath-android {
        bottom: 1.8em;
        left: 50%;
        margin-left: -9em
    }

    .ath-container:before {
        content: '';
        position: relative;
        display: block;
        float: right;
        margin: -.7em -.6em 0 .5em;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAdVBMVEUAAAA5OTkzMzM7Ozs3NzdBQUFAQEA/Pz8+Pj5BQUFAQEA/Pz8+Pj5BQUFAQEA/Pz9BQUE+Pj4/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8+Pj4/Pz8+Pj4/Pz8/Pz8/Pz8/Pz8/Pz8+Pj4/Pz8/Pz8/Pz8/Pz9AQEA/Pz+fdCaPAAAAJnRSTlMACQoNDjM4OTo7PEFCQ0RFS6ytsbS1tru8vcTFxu7x8vX19vf4+C5yomAAAAJESURBVHgBvdzLTsJAGEfxr4C2KBcVkQsIDsK8/yPaqIsPzVlyzrKrX/5p0kkXEz81L23otc9NpIbbWia2YVLqdnhlqFlhGWpSDHe1aopsSIpRb8gK0dC3G30b9rVmhWZIimTICsvQtx/FsuYOrWHoDjX3Gu31gzJxdki934WrAIOsAIOsAIOiAMPhPsJTgKGN0BVsYIVsYIVpYIVpYIVpYIVpYIVpYIVpYIVpYIVlAIVgEBRs8BRs8BRs8BRs8BRs8BRs8BRs8BRTNmgKNngKNngKNngKNngKNhiKGxgiOlZoBlaYBlaYBlaYBlaYBlaYBlaYBlaYBlZIBlBMfQMrVAMr2KAqBENSHFHhGEABhi5CV6gGUKgGUKgGUKgGUFwuqgEUvoEVsoEVpoEUpgEUggF+gKTKY+h1fxSlC7/Z+RrxOQ3fcEoAPPHZBlaYBlaYBlaYBlZYBlYIhvLBCstw7PgM7hkiWOEZWGEaWGEaWGEaIsakEAysmHkGVpxmvoEVqoEVpoEVpoEVpoEVpoEVpoEVkoEVgkFQsEFSsEFQsGEcoSvY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnY4CnmbNAUT2c2WAo2eAo2eAo2eAo2eAo2eArNEPFACjZ4CjZ4CjZ4CjaIird/rBvFH6llNCvewdli1URWCIakSIZesUaDoFg36dKFWk9zCZDei3TtwmCj7pC22AwikiIZPEU29IpFNliKxa/hC9DFITjQPYhcAAAAAElFTkSuQmCC);
        background-color: rgba(255, 255, 255, .8);
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: 50%;
        width: 2.7em;
        height: 2.7em;
        text-align: center;
        overflow: hidden;
        color: #a33;
        z-index: 2147483642
    }

    .ath-container.ath-icon:before {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        float: none
    }

    .ath-mandatory .ath-container:before {
        display: none
    }

    .ath-container.ath-android:before {
        float: left;
        margin: -.7em .5em 0 -.6em
    }

    .ath-container.ath-android.ath-icon:before {
        position: absolute;
        right: auto;
        left: 0;
        margin: 0;
        float: none
    }

    .ath-action-icon {
        display: inline-block;
        vertical-align: middle;
        background-position: 50%;
        background-repeat: no-repeat;
        text-indent: -9999em;
        overflow: hidden
    }

    .plantform-notice-body,
    footer {
        display: block;
        position: relative
    }

    .ath-ios7 .ath-action-icon,
    .ath-ios8 .ath-action-icon {
        width: 1.6em;
        height: 1.6em;
        background-image: url(data:image/png;base64,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);
        margin-top: -.3em;
        background-size: auto 100%
    }

    .ath-ios6 .ath-action-icon {
        width: 1.8em;
        height: 1.8em;
        background-image: url(data:image/png;base64,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);
        margin-bottom: .4em;
        background-size: 100% auto
    }

    .ath-android .ath-action-icon {
        width: 1.4em;
        height: 1.5em;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAANlBMVEVmZmb///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZW6fJrAAAAEXRSTlMAAAYHG21ub8fLz9DR8/T4+RrZ9owAAAB3SURBVHja7dNLDoAgDATQWv4gKve/rEajJOJiWLgg6WzpSyB0aHqHiNj6nL1lovb4C+hYzkSNAT7mryQFAVOeGAj4CjwEtgrWXpD/uZKtwEJApXt+Vn0flzRhgNiFZQkOXY0aADQZCOCPlsZJ46Rx0jhp3IiN2wGDHhxtldrlwQAAAABJRU5ErkJggg==);
        background-size: 100% auto
    }

    .ath-container p {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 2147483642;
        text-shadow: 0 .1em 0 #fff;
        font-size: 1.1em
    }

    .ath-ios.ath-phone:after {
        content: '';
        background: #eee;
        position: absolute;
        width: 2em;
        height: 2em;
        bottom: -.9em;
        left: 50%;
        margin-left: -1em;
        -webkit-transform: scaleX(.9) rotate(45deg);
        transform: scaleX(.9) rotate(45deg);
        box-shadow: .2em .2em 0 #d1d1d1
    }

    .ath-ios.ath-tablet:after {
        content: '';
        background: #eee;
        position: absolute;
        width: 2em;
        height: 2em;
        top: -.9em;
        left: 50%;
        margin-left: -1em;
        -webkit-transform: scaleX(.9) rotate(45deg);
        transform: scaleX(.9) rotate(45deg);
        z-index: 2147483641
    }

    .ath-application-icon {
        position: relative;
        padding: 0;
        border: 0;
        margin: 0 auto .2em;
        height: 6em;
        width: 6em;
        z-index: 2147483642
    }

    .ath-container.ath-ios .ath-application-icon {
        border-radius: 1em;
        box-shadow: 0 .2em .4em rgba(0, 0, 0, .3), inset 0 .07em 0 rgba(255, 255, 255, .5);
        margin: 0 auto .4em
    }

    @media only screen and (orientation:landscape) {
        .ath-container.ath-phone {
            width: 24em
        }

        .ath-android.ath-phone,
        .ath-ios.ath-phone {
            margin-left: -12em
        }

        .ath-ios6:after {
            left: 39%
        }

        .ath-ios8.ath-phone {
            left: auto;
            bottom: auto;
            right: .4em;
            top: 1.8em
        }

        .ath-ios8.ath-phone:after {
            bottom: auto;
            top: -.9em;
            left: 68%;
            z-index: 2147483641;
            box-shadow: none
        }
    }

    .sstouch-footer-wrap {
        margin: 0 auto
    }

    footer {
        z-index: 5;
        left: 0;
        right: 0;
        width: 100%;
        padding-top: 2.2rem
    }

    .plantform-notice-body {
        background-color: #fff;
        overflow: hidden;
        padding: 6px 0;
    }

    .plantform-notice-body span {
        /* position: absolute;
        right: .8rem;
        top: 0; */
        z-index: 1
    }

    .plantform-notice-body span a {
        color: #f60;
        font-size: .6rem
    }

 

    .component-typehao-img-con img {
        /* margin: 7px */
    }

    .component-typehao-logo {
        position: absolute;
        left: 100px;
        top: 14px
    }

    .plantform-notice-body .rollTextMenus {
        height: 40px;
        display: block;
        padding-left: 125px;
        vertical-align: middle;
        overflow: hidden
    }

    .plantform-notice-body .rollTextMenus div {
        width: 104%;
        display: block;
        height: 40px;
        overflow: hidden;
        line-height: 40px;
        text-overflow: ellipsis;
        white-space: nowrap
    }