@charset 'utf-8';
/*
 * @author lk
 * 新详情页
 */
.container_new{
    padding-bottom:40px;
}
.detail_pic{
    display:block;
    width:60%;
    margin:0 auto 10px;
}
.detail_header{
    position:relative;
    padding:0 15px 10px;
}
.detail_header:before{
    border-bottom:1px solid #e7e6eb;
}
.detail_from{
    margin-bottom:6px;
    font-size:12px;
    color:#a6a4b2;
    line-height:14px;
}
.detail_from time{
    padding-left:5px;
    margin-left:5px;
    border-left:1px solid #a6a4b2;
}
.detail_header h3{
    max-height:50px;
    color:#333;
    font-size:18px;
    line-height:25px;
    overflow:hidden;
    font-weight:700;
}
.detail_header h3 span{
    color:#f54e54;
}
.go_buy_box{
    position:fixed;
    width:100%;
    bottom:0;
    background-color:#fff;
    text-align:center;
    font-size:16px;
    color:#fff;
}
.go_buy{
    display:block;
    margin:5px 15px 10px;
    background-color:#f54e54;
    line-height:45px;
    border-radius:5px;
}
.go_buy:active{
    background-color:#ec2a31;
}
.icon_buy2{
    width: 20px;
    height: 16px;
    margin-right:5px;
    background-position: 0px -32px;
    vertical-align:middle;
}
.icons{
    display: inline-block;
    background-size:auto 48px;
    background-image:url(https://appimg.huim.com/mimg/baoliao/icons.png);
}
.go_buy span{
    display:inline-block;
    vertical-align:middle;
}
#share-wrap{
    position:fixed;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 999;
    -webkit-transform: translate3d(0px,100%,0px);
    -moz-transform: translate3d(0px,100%,0px);
    transform: translate3d(0px,100%,0px);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
    -o-transition: -o-transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
    transition: transform 0.3s cubic-bezier(0.55,0.055,0.675,0.19);
}
#share-wrap.show {
    -webkit-transform: translate3d(0px,0%,0px);
    -moz-transform: translate3d(0px,0%,0px);
    transform: translate3d(0px,0%,0px);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
    -moz-transition: -moz-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
    -o-transition: -o-transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000);
    transition: transform 0.3s cubic-bezier(0.165,0.840,0.440,1.000)
}
.share-content{
    height: 280px;
    width:100%;
    position: absolute;
    bottom:0px;
    left: 0px;
    background: #f8f8f8;
    z-index:10;
    border-top:1px solid #ededed;
}
.share-hd{
    text-align:center;
    font-size:1.5rem;
    padding:15px 0 30px;
}
.share-item li{
    float:left;
    width:33%;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
    padding-bottom:40px;
}
.share-item li:nth-child(3n) {
    padding-right: 5px;
}
.share-item li:nth-child(3n+1) {
    padding-left: 5px;
}
.share-item li:nth-child(3n+2) {
    padding-right:5px;
    padding-left:5px;
}
.share-item li a{
    display:inline-block;
 }
.share-item li span{
    padding-top:5px;
    display:inline-block;
    font-size:1.2rem;
    color:#575757;
 }
.share-item li i{
    display:block;
    margin:0 auto;
    width:50px;
    height:50px;
    background-image: url("../img/share-ic.png");
    background-repeat: no-repeat;
    background-size: 50px 305px;
 }
.share-wx{
    background-position:0 0;
}
.share-pyq{
    background-position:0 -51px;
}
.share-qq{
    background-position:0 -102px;
}
.share-wb{
    background-position:0 -153px;
}
.share-kj{
    background-position:0 -204px;
}
.share-txwb{
    background-position:0 -255px;
}
.share-cancel a{
    display:block;
    margin:0 10px;
    text-align:center;
    border:1px solid #d9d9d9;
    background:#ebebeb;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius: 5px;
    height:40px;
    line-height:40px;
    font-size:1.6rem;
    color:#7b7b7b;
    cursor:pointer;
}
.share-cancel a:active{
    background:#e0e0e0;
}