[class^="ico-"]{ display: inline-block; overflow: hidden; vertical-align: middle; background: url(http://ue1.17173cdn.com/a/hs/index/2015/m/img/card-b1.png);}
.ico-share{ width: 17px; height: 19px; background-position:0 -18px; background-size:200%}
.ico-top{ width: 17px; height:15px; background-position:0 -60px; background-size:200%; margin-top: 0.5rem}
.ico-search2{ width: 17px; height: 16px; background-position:0 -40px; background-size:200%; margin-top: 0.5rem}
.c-tx{ color: #333}

.page-card{ background: #f7efdf}
.page-card .btn-gotop{ bottom: 4.2rem}
.page-card .wrapper-search .btn-gotop{ bottom: 1.9rem}

.card-tit{ overflow: hidden; padding: 0.5rem 3.125% 0.5rem 2.34%; line-height: 1;}
.card-tit .t1{ float: left; width:6.8125rem}
.card-tit .t2{ float: right; width:8.344rem; padding-top: 0.6875rem}

.list-card li{ margin-left: 0.625rem}
.list-card a{ display: block; background: #e73939; position: relative; border-radius: 0.25rem}
.list-card .pic{ display: block; width:3.4375rem;}
.list-card .tit{ display: block; font-size: 0.9375rem; width:1.25rem; color: #fff; line-height: 1; text-align: center; position: absolute; top:50%; right: 0;  -webkit-transform: translate(0, -50%);  transform: translate(0, -50%);}
.list-card .pic img{ border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem}

.slide-card .slide-nav{height:.5rem; margin-top:.5rem; text-align:center }
.slide-card .slide-nav span { display:inline-block; float:none; vertical-align:top }
.slide-card .slide-list { white-space:nowrap; overflow: visible; font-size: 0; position: relative; padding-right:0.625rem}
.slide-card .slide-list li { display:inline-block; float:none; width:4.6875rem}

.card-recommend{ padding: 0.75rem 0 0.75rem 1.875rem; background: #362f3a; position: relative;}
.card-recommend .title{ color: #fff; font-size:0.9375rem; line-height: 1; position: absolute; left:0.375rem; top:0; background: #9739c8; height: 100%; width: 1.5rem;}
.card-recommend .title::after{ display: block; position: absolute;  content: ' '; width: 100%; bottom: -0.62rem; width:0; height:0; font-size:0; border-left:0.75rem dashed transparent; border-right:0.75rem  dashed transparent; border-bottom:0.3125rem  dashed transparent; border-top-style:solid; border-top-width:0.3125rem; color: #9739c8;}
.card-recommend .title-in{ position: absolute; top:50%; -webkit-transform: translate(0, -50%);  transform: translate(0, -50%); width: 100%; text-align: center;}

.list-card2{ overflow: hidden; padding-top: 0.9375rem}
.list-card2 li{ float: left; width: 50%; padding-bottom: 0.8125rem}
.list-card2 a{ display: block; overflow: hidden; color: #8b7e76; font-size: 0.75rem}
.list-card2 .pic{ float: left; width: 3.125rem; position: relative;}
.list-card2 .pic img{ width: 100%}
.list-card2 [class^="tag"]{ position: absolute; color: #fff; font-size:0.75rem; background: #fb3d3d; padding: 0 0.1875rem; line-height:1.4; white-space: nowrap; right: 0; top:0.3125rem;}
.list-card2 .tag2{ background: #278cd9}
.list-card2 .pic img{ border-radius:0.3125rem}
.list-card2 .detail{ overflow: hidden;  display: block; padding-left: 0.3rem}
.list-card2 .tit{ font-size: 0.9375rem; color: #333; display: block; line-height: 1.2; margin-top: -0.1em;  overflow: hidden; height: 1.2em}
.list-card2 .txt{ display: block; line-height: 1.3;}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

::-webkit-input-placeholder{  color: #cccccc;}

.tab-card{ padding: 0.5rem 3.125%}
.tab-card .tab-hd{ border-bottom:1px solid #d4ccc7;}
.tab-card .gb-tab{ overflow: hidden; position: relative; top:1px;}
.tab-card .gb-tab .gb-tab-item{ float: left;}
.tab-card .gb-tab .gb-tab-c{ display: block; color: #8b7e76; font-size: 1.1875rem; border-bottom:1px solid #d4ccc7; line-height: 1.6}
.tab-card .gb-tab .gb-tab-item:first-child{ padding-right: 1.875rem; position: relative;}
.tab-card .gb-tab .gb-tab-item:first-child:after{ content: ''; width: 0.125rem; height: 0.125rem; background: #8b7e76; display: block; position: absolute; top:49%; right: 0.875rem;}
.tab-card .gb-tab .current{ color: #ad561f; border-color:#ad561f}
.tab-card .loading-box{ text-align: center;}
.tab-card .loading-box .pic-wrap{ width: 2.25rem; text-align: center; display: inline-block; border: 1px solid #bc9222; border-radius: 100%; height: 2.25rem}
.tab-card .loading-box .pic-box{ width:1.4375rem; display: inline-block; animation: 2s linear 0s normal none infinite rotate; -webkit-animation: 2s linear 0s normal none infinite rotate; margin-top: 0.125rem}

.mod-search{ padding: 0.5rem 3.125%;}
.mod-search .mod-hd{ border-bottom:1px solid #d4ccc7}
.mod-search .mod-hd .tit{ font-size: 1.1875rem; color: #8b7e76; line-height: 1.6}

.comm-pop{ position: fixed; bottom: 0; left: 0; z-index: 500; width: 100%; background: #fff}
.comm-pop .mod-search{ padding: 0.5rem 3.125%; overflow: hidden; display: none;}
.comm-pop .search-box{ width: 100%; border: 1px solid #aaaaaa; border-radius:0.2rem; padding: 0 2rem 0 1rem; position: relative; float: left;}
.comm-pop .search-box input{ background: none; border: none; width: 100%; font-size: 0.9375rem; line-height: 1.8; padding: 0; outline: none;}
.comm-pop .search-box .btn-search{ position: absolute; width:18px; height: 18px; background: url(http://ue3.17173cdn.com/a/hs/index/2015/m/img/card-b1.png) no-repeat; background-size:200%; top:0.375em; right: 0.625em}
.comm-pop .mod-search .btn-submit{ color: #ad561f; font-size: 1.125rem; float: right; line-height: 1.67}
.comm-pop .mod-select{ background: #ecebeb; padding: 0.5rem 3.125%; overflow: hidden;}
.comm-pop .mod-select select{ width: 32%; float: left; margin-left:2%}
.comm-pop .mod-select select:first-child{ margin: 0}

.pop-card-share{ position: fixed; right:3.125%; bottom: 40%; width: 2rem; z-index: 600;}
.pop-card-share .btn-share{ background: rgba(0,0,0,.5); width: 2rem; height: 2rem; line-height: 1; border-radius: 100%;}
.pop-card-share .btn-share .ico-share{ margin:0.375em 0 0 0.4375em}
.pop-card-share .mod-share{ display: none;}

.mod-share{ font-size:0}
.mod-share .share-box{display:inline-block}
.mod-share .gb-share .gb-share-btn{border-radius:50%;color:#fff; float: none; display: block; width:2rem; height: 2rem; text-align: center; margin-bottom: 0.5rem}
.mod-share .gb-share .gb-share-btn-weixin{background:#91d460}
.mod-share .gb-share .gb-share-btn-tsina{background:#f2543f}
.mod-share .gb-share .gb-share-btn-qzone{background:#f79532}
.mod-share .gb-share .gb-share-btn-tqq{background:#73c5f1}
.mod-share .gb-share .gb-share-ico-font{font-size:1.5rem;line-height:1.33; float: none;}
.mod-share .gb-share .gb-share-btn-tit{display:none}

.btn-top{ position: fixed; background: rgba(0,0,0,.5); width: 2rem; height: 2rem; line-height: 1; border-radius: 100%; right: 3.125%; bottom: 20%; text-align: center;}

.btn-search2{ position: fixed; background: rgba(0,0,0,.5); width: 2rem; height: 2rem; line-height: 1; border-radius: 100%; right: 3.125%; bottom: 30%; text-align: center;}

@media only screen and (min-width: 370px){
    .btn-top{ bottom: 15%}
    .btn-search2{ bottom:22%}
    .pop-card-share{ bottom:29%}
}

@media only screen and (min-width: 400px){
	.pop-card-share .btn-share .ico-share{ margin: 0.5em 0 0 0.5em;}
    .ico-top{ margin-top: 0.6rem} 
    .ico-search2{ margin-top: 0.6rem}   
}

.list-card2{ min-height: 200px;}
.mod-select{ position: relative;}
.cover{height: 30px; position:absolute; background:#ccc; opacity:0; top:0.5rem; z-index: 9999;}