xingdianazhang/qf_happyvote/pages/index/index.wxss

@import "../../resource/wxParse/wxParse.wxss";

@font-face {
    font-family:"iconfont";src:url(iconfont.eot?t=1513143346020-do-not-use-local-path-./qf_happyvote/resource/font/iconfont.wxss&3&7);src:url(iconfont.eot?t=1513143346020#iefix-do-not-use-local-path-./qf_happyvote/resource/font/iconfont.wxss&7&7) format('embedded-opentype'),url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'),url(iconfont.ttf?t=1513143346020-do-not-use-local-path-./qf_happyvote/resource/font/iconfont.wxss&7&7) format('truetype'),url(iconfont.svg?t=1513143346020#iconfont-do-not-use-local-path-./qf_happyvote/resource/font/iconfont.wxss&7&7) format('svg');
}

.iconfont {
    font-family: "iconfont"!important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-huodongguize:before {
    content: "\e655";
}

.icon-huodongguize1:before {
    content: "\e656";
}

.icon-shijian:before {
    content: "\e6b6";
}

.icon-iconfont:before {
    content: "\e65a";
}

.icon-paixing-copy:before {
    content: "\e601";
}

.icon-shouye-copy:before {
    content: "\e602";
}

.icon-biaoti:before {
    content: "\e603";
}

.icon-shenhe:before {
    content: "\e627";
}

.icon-sousuo:before {
    content: "\e960";
}

.icon-zhucetianjiahaoyou:before {
    content: "\e8ca";
}

.icon-xihuan:before {
    content: "\e607";
}

.icon-liwu:before {
    content: "\e635";
}

.icon-guize-:before {
    content: "\e88d";
}

.list {
    overflow: visible;
}

.body {
    position: absolute;
    top: 0;
    bottom: 100rpx;
    left: 0;
    font-size: 24rpx;
    background-color: #FFF;
    width: 100%;
    background-image: url('https://xcx.zgzmdz.com/attachment/images/baseImages/shopownerbak.png');
    background-size: 100% calc(100% + 70px);

}

.container .followback {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    z-index: 100;
}

.container .followback {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    z-index: 100;
}

.container .follow {
    position: absolute;
    top: 200rpx;
    left: 150rpx;
    right: 150rpx;
    text-align: center;
    z-index: 101;
}

.container .follow image {
    border: 1px #0c0c0c solid;
    width: 400rpx;
}

.container .follow .text {
    line-height: 30px;
    background: #ed969e;
    width: 300rpx;
    height: 30px;
    margin-top: 30rpx;
    margin-left: 76rpx;
    color: #fff;
    border-radius: 30px;
}

.container .searchback {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    z-index: 1001;
}

.container .search {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 200rpx;
    background-color: #FFF;
    z-index: 1002;
}

.container .search .tips {
    width: 80rpx;
    height: 50rpx;
    line-height: 40rpx;
    text-align: center;
    color: #aaa;
    font-size: 25rpx;
    margin-left: 180rpx;
}

.container .search form {
    margin: 40rpx 50rpx 0 50rpx;
    background-color: #efefef;
    padding: 10rpx 0 10rpx 50rpx;
    border: 1rpx solid #FFF;
    border-radius: 100rpx;
    display: block;
}
.index_datetime form {
    width: 50%;
    margin: 0 20rpx;
    background-color: #efefef;
    padding: 15rpx 0 15rpx 50rpx;
    border: 1rpx solid #FFF;
    border-radius: 100rpx;
    display: block;
    text-align: left;
    font-size: 24rpx;
}
.index_datetime {
    color: #555;
    padding: 10px 0;
    display: flex;
}
.index_datetime button {
    position: absolute;
    right: 40rpx;
    top: 37rpx;
    width: 109rpx;
    height: 54rpx;
    line-height: 50rpx;
    font-size: 28rpx;
    background-color: #efefef;
    border: none !important;
    z-index: 999;
}
button::after {
    border: none;
}
.address {
    width:50%;
    display:flex;
    align-items:center;
    position:relative;
}

.container .search input {
    width: 70%;
    height: 70rpx;
    background-color: #efefef;
    border: 0;
    font-size: 32rpx;
}

.container .search button {
    position: absolute;
    left: 540rpx;
    top: 62rpx;
    width: 150rpx;
    height: 54rpx;
    line-height: 50rpx;
    font-size: 32rpx;
    background-color: #efefef;
    border: 0;
}

.container .search button::after {
    border: 0;
}

.tabtitle {
    text-align: center;
    font-size: 32rpx;
    height: 80rpx;
    line-height: 80rpx;
}

.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    overflow-y: hidden;
}

.footer .item {
    width: 20%;
    float: left;
    font-size: 24rpx;
    padding-bottom: 10rpx;
}

.footer .item text {
    font-size: 48rpx;
    margin-bottom: -20rpx;
    display: block;
}

#footer_ss {
    width: 1.3rem;
    height: 0.6rem;
    position: absolute;
    top: 0.05rem;
    left: 0.3rem;
    text-align: center;
    line-height: 0.7rem;
    font-size: 0.4rem;
    border-radius: 1rem;
    box-shadow: 0rem 0rem 0.2rem #0c0c0c;
}

@-webkit-keyframes footer_ss {
    0% {
        -webkit-transform: translate3d(0,100%,0);
    }

    0%,100% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
    }
}

@keyframes footer_ss {
    0% {
        -webkit-transform: translate3d(0,100%,0);
    }

    0%,100% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
    }
}

.index .head {
    width: 100%;
    position: relative;
    overflow: initial;
}

.index .head image {
    width: 100%;
}

.index .index_datetop {
    text-align: center;
    background: #fff;
    height: 55rpx;
    padding: 10rpx 20rpx 10rpx 20rpx;
}

.index .index_datetime {
    position: relative;
    font-size: 30rpx
}

.index_btn2 {
    width: 750rpx;
    column-count: 2;
    column-gap: 40px;
    background: #eee;
    color: #555;
    padding: 10rpx 0 20rpx 0;
    text-align: center;
}

.index .statistics {
    position: absolute;
    bottom: -52rpx;
    left: 0.4rem;
    vertical-align: middle;
    width: 96.5%;
    text-align: center;
    background-color: #FF7979;
    padding: 0.30rem 0 0.42rem 0;
    box-shadow: 0rem 0rem 0.3rem rgba(170,170,170,0.54);
    border-radius: 0.1rem;
    opacity: 1;
    display: flex;
    z-index: 99;
    overflow: visible;
}

@-webkit-keyframes statami {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes statami {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.index .statistics .total {
    width: 33.33%;
    font-size: 23rpx;
    color: #fff;
    display: block;
}

.index .statistics .total .num {
    font-size: 37rpx;
    color: #555;
}

.index .indexinfo {
    padding: 20rpx;
    margin-top: 50rpx;
    font-size: rpx;
}

.index .indexinfo .row {
    display: flex;
    overflow: hidden;
    align-items: center;
}

.index .indexinfo .row view {
    padding-right: 20rpx;
}

.index .list .menu {
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    display: flex;
    overflow: visible;
}

.index .list .menu .menuitem1 {
    flex: 1;
    border-bottom: 1rpx #F9F9F9 solid;
    overflow: visible;
}

.index .list .menu .menuitem2 {
    flex: 1;
    border-bottom: 1rpx #F9F9F9 solid;
    overflow: visible;
}

.index_leftlist {
    width: 340rpx;
    margin: 0rpx 10.25rpx 15rpx 25.25rpx;
    float: left;
}

.index_rightlist {
    width: 340rpx;
    margin: 0rpx 10.25rpx;
    float: left;
}

.index .list .item {
    position: relative;
    width: 336rpx;
    border-radius: 7rpx;
    box-shadow: 0rpx 0rpx 2rpx rgba(170,170,170,0.54);
    overflow: hidden;
    margin-top: 10rpx;
    display: block;
    border: 1px solid #e5e5e5;
    border-top-left-radius: 20rpx;
    border-top-right-radius: 20rpx;
}

.index .list .img {
    width: 340rpx;
    height: 340rpx;
    max-height: 640rpx;
    display: block;
    border-top-left-radius: 20rpx;
    border-top-right-radius: 20rpx;
}

.index .list .btn6 {
    width: 120rpx;
    height: 70rpx;
    line-height: 70rpx;
    color: #fff;
    font-size: 30rpx;
    text-align: center;
    font-weight: 900;
    background: #ff8400;
    float: left;
}

.index .list .list_data {
    width: 220rpx;
    height: 70rpx;
    line-height: 70rpx;
    color: #fff;
    font-size: 30rpx;
    text-align: center;
    float: right;
}

.index .list .top {
    height: 50rpx;
    padding: 0rpx 22rpx 0rpx 15rpx;
    line-height: 50rpx;
    color: #ffffff;
    position: absolute;
    top: 50rpx;
    left: -2rpx;
    z-index: 1000;
    background: #fd4731;
    font-size: 20rpx;
    text-align: left;
    font-weight: 600;
    border-radius: 0rpx 50rpx 50rpx 0rpx;
    box-shadow: 0 0 10rpx rgba(170,170,170,0.57);
}

.index .loadlist {
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    background: #333333;
    color: #f9f9f9;
    opacity: 0.7;
}

.join {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    background-color: #EEEEEE;
}

.join .formgroup {
    margin: 0rpx 20rpx 30rpx 20rpx;
    overflow: visible;
}

.join .formgroup input {
    font-size: 28rpx;
    background-color: #FFF;
    border-radius: 6rpx;
    padding: 20rpx;
}

.join .imageform {
    border-radius: 6rpx;
    padding: 20rpx;
    background-color: #FFF;
    color: #808080;
}

.join .imagelist {
    text-align: right;
    overflow-x: hidden;
    display: flex;
    overflow: visible;
    background-color: #FFF;
    padding-top: 20rpx;
}

.join .imageitem {
    position: relative;
    display: inline-block;
    margin-right: 20rpx;
    overflow: visible;
}

.join .imageitem image {
    width: 152rpx;
    height: 152rpx;
    border-radius: 10rpx;
}

.join .imageclose {
    position: absolute;
    right: -14rpx;
    top: -14rpx;
    width: 40rpx;
    height: 40rpx;
    background-color: #FF5053;
    text-align: center;
    line-height: 40rpx;
    border-radius: 24rpx;
    color: #f3f3f3;
    font-size: 18rpx;
    font-weight: 200;
}

.join .textform {
    border-radius: 6rpx;
    padding: 20rpx;
    background-color: #FFF;
    color: #808080;
}

.join textarea {
    width: 100%;
    height: 150rpx;
    background-color: #FFF;
}

.join .submitbtn {
    margin: 0 20rpx 10rpx 20rpx;
    border: 0;
}

.join .returnbtn {
    margin: 0 20rpx 10rpx 20rpx;
    border: 0;
}

.join .errorlabel {
    height: 30rpx;
    line-height: 30rpx;
    color: #FD4731;
    margin: -18rpx 20rpx 20rpx 20rpx;
    display: block;
}

.joinok {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
}

.joinok .img {
    width: 200rpx;
    height: 200rpx;
    margin-top: 120rpx;
    margin-bottom: 30rpx;
}

.joinok .msg1 {
    font-size: 40rpx;
}

.joinok .msg2 {
    font-size: 24rpx;
    color: #888888;
}

.joinok .joinid {
    color: #FD4731;
}

.joinok .toindex {
    margin-top: 80rpx;
}

.checking {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    text-align: center;
}

.checking .img {
    width: 200rpx;
    height: 200rpx;
    margin-top: 120rpx;
    margin-bottom: 30rpx;
}

.checking .icontext {
    margin-top: 120rpx;
    margin-bottom: 30rpx;
    display: block;
    font-size: 200rpx;
}

.checking .msg1 {
    font-size: 40rpx;
}

.detail_bg {
    background-color: #f9f9f9;
    padding: 10rpx;
}

.detail {
    background-color: #fff;
    padding: 5rpx 5rpx 20rpx 5rpx;
    margin-bottom: 10rpx;
    border-radius: 20rpx;
    box-shadow: 0 0 5rpx rgba(206,206,206,0.36);
    overflow: visible;
}

.detail .mainimg {
    width: 100%;
    height: 100%;
    border-radius: 20rpx 20rpx 0rpx 0rpx;
}

.detail .swiperitem {
    position: relative;
    width: 100%;
}

.detail .info {
    width: 100%;
    height: 60rpx;
    text-align: left;
    font-size: 40rpx;
    font-weight: 500;
    padding-top: 10rpx;
    position: relative;
    left: 0rpx;
    bottom: -10rpx;
    z-index: 1000;
    color: #000;
    text-shadow: 0rpx 0rpx 1rpx #fff;
    overflow: visible;
}

.detail .name {
    font-weight: 900;
    overflow: visible;
}

.detail .no {
    font-weight: 300;
    font-size: 25rpx;
    height: 30rpx;
    text-align: left;
    color: #888;
    padding: 15rpx 0rpx 0rpx 25rpx;
    overflow: visible;
}

.detail .info view {
    padding-left: 20rpx;
    padding-right: 20rpx;
}

.detail .count {
    width: 120rpx;
    border-radius: 10rpx;
    float: right;
    position: relative;
    top: -95rpx;
    right: 25rpx;
}

.detail .data {
    font-size: 40rpx;
    font-weight: 900;
    text-align: center;
}

.detail .title {
    background-color: #000;
    font-weight: 300;
    text-align: center;
    opacity: 0.7;
}

.detail .desc {
    min-height: 70rpx;
    padding: 15rpx;
    padding-top: 25rpx;
    position: relative;
    top: 20rpx;
    left: 0rpx;
    right: 0rpx;
    overflow: visible;
}

.detail .desc image {
    width: 32rpx;
    height: 32rpx;
}

.detail .footer1 {
    text-align: center;
}

.detail .btn1 {
    text-align: center;
    width: 300rpx;
    margin-left: 220rpx;
    margin-top: 40rpx;
    border-top: 30rpx;
    border-radius: 300rpx;
}

.detail .btn1 image {
    width: 32rpx;
    height: 32rpx;
    margin-right: 10rpx;
}

.detail .btn1::after {
    border: 1px solid #FFF;
}

.detail .btngroup {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.detail .btn2 {
    position: absolute;
    right: 19rpx;
    top: 18rpx;
    z-index: 100;
    line-height: 50rpx;
    text-align: center;
    width: 200rpx;
    height: 50rpx;
    color: #fff;
    background: #000;
    border-radius: 50rpx;
    font-size: 25rpx;
    opacity: 0.5;
}

.detail .btn3 {
    position: absolute;
    left: 19rpx;
    top: 18rpx;
    z-index: 100;
    line-height: 50rpx;
    text-align: center;
    height: 50rpx;
    color: #fff;
    background: #000;
    border-radius: 50rpx;
    font-size: 25rpx;
    opacity: 0.5;
    padding: 0rpx 15rpx;
}

.detail .btn2::after {
    border: 1px solid #FFF;
}

.detail .btn2 image {
    width: 32rpx;
    height: 32rpx;
    margin-right: 10rpx;
}

.giftbox {
    width: 710rpx;
    background: rgba(0,0,0,0);
    border-radius: 20rpx;
    overflow-y: scroll;
    position: relative;
    left: 22rpx;
    border-radius: 30rpx;
}

.giftline {
    width: 710rpx;
    float: left;
    padding-bottom: 10px;
    border-bottom: 1rpx solid rgba(0,0,0,0.04);
    background: #eee;
}

.giftline .a {
    width: 150rpx;
    float: left;
}

.giftline image {
    width: 80rpx;
    height: 80rpx;
    float: left;
    border-radius: 80rpx;
    margin: 28rpx 0rpx 0rpx 40rpx;
}

.giftline .image1 {
    width: 80rpx;
    height: 80rpx;
    float: left;
    border-radius: 0rpx;
    margin: 28rpx 0rpx 0rpx 0rpx;
}

.giftline .b {
    width: 450rpx;
    float: left;
    text-align: left;
}

.giftline .b .name {
    font-size: 30rpx;
    margin-top: 16rpx;
    font-weight: 900;
}

.giftline .b .content1 {
    color: rgba(78,71,69,0.61);
    font-size: 26rpx;
    margin-top: 10rpx;
    word-wrap: break-word;
}

.giftline .c {
    width: 100rpx;
    float: left;
}

.giftline .c .time {
    width: 80rpx;
    height: 100rpx;
    color: #e28d61;
    margin: 32rpx 0rpx 0rpx 10rpx;
    text-align: left;
}

.gift-title {
    text-align: center;
    height: 60rpx;
    line-height: 60rpx;
    color: rgba(153,153,153,0.5);
    font-size: 24rpx;
    margin: 15rpx 0 10rpx 0;
}

.gift {
    position: absolute;
    right: 22rpx;
    top: 650rpx;
    width: 80rpx;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    border-radius: 80rpx;
    background: #ff8300;
    color: #fff;
    font-size: 35rpx;
    box-shadow: 0 0 10rpx #888;
}
.gifts {
    position: fixed;
    right: 22rpx;
    bottom: 250rpx;
    width: 80rpx;
    height: 80rpx;
    line-height: 80rpx;
    text-align: center;
    border-radius: 80rpx;
    background: #ff8300;
    color: #fff;
    font-size: 35rpx;
    box-shadow: 0 0 10rpx #888;
    z-index: 999;
}

.gift-FIX {
    position: fixed;
    bottom: 100rpx;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: #000;
    display: block;
    opacity: 0.5;
}

.gift-BOX {
    position: fixed;
    bottom: 100rpx;
    left: 0;
    z-index: 1002;
    color: #000;
    width: 750rpx;
    padding-left: 30rpx;
    background: #fff;
    display: block;
    overflow: scroll;
}

.gift-gift {
    width: 160rpx;
    color: #000;
    border: 1rpx solid #eee;
    border-radius: 8rpx;
    margin: 15rpx 15rpx 15rpx 0rpx;
    float: left;
}

.gift-gift image {
    width: 110rpx;
    height: 110rpx;
    border-radius: 8rpx;
    margin: 5rpx 0rpx 0rpx 25rpx;
}

.gift-gift .a {
    position: relative;
    top: -28rpx;
    left: 0rpx;
    width: 110rpx;
    height: 34rpx;
    border-radius: 20rpx;
    margin: 0rpx 0rpx 0rpx 25rpx;
    background: #ff8400;
    color: #fff;
    text-align: center;
    font-size: 25rpx;
    overflow: visible;
}

.gift-gift .b {
    color: #000;
    text-align: center;
    font-weight: 600;
    line-height: 0rpx;
    overflow: visible;
    margin-top: -10rpx;
}

.gift-gift .c {
    color: #000;
    text-align: center;
    line-height: 60rpx;
    color: #999;
    font-size: 20rpx;
    height: 27px;
    overflow: visible;
}

.glyphicon-usd {
    color: #000;
    font-size: 20rpx;
}

/* .ranking {
} */

.ranking .table {
    padding-bottom: 10px;
}

.ranking .tr {
    height: 120rpx;
    text-align: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 1px solid #F9F9F9;
}

.ranking .tr view {
    display: inline-block;
    overflow: hidden;
}

.ranking .title {
    background-color: #F7F7F7;
    height: 60rpx;
}

.ranking .title view {
    font-weight: bold;
}

.ranking .td1 {
    width: 60rpx;
}

.ranking .td2 {
    width: 130rpx;
}

.ranking .td3 {
    width: 120rpx;
}

.ranking .td4 {
    width: 130rpx;
}

.ranking .td5 {
    width: 230rpx;
    /* text-align: left; */
}

.ranking .td6 {
    width: 120rpx;
}

.ranking .fmtimg {
    width: 100rpx;
    height: 100rpx;
    border-radius: 50%;
}
.names {
    font-size: 30rpx;
    margin-left: 20rpx;
    overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}

.ranking .fpimg {
    width: 32rpx;
    height: 32rpx;
    padding-left: 28rpx;
}

/* .rule {
} */

.rule .content {
    padding: 16rpx;
}

#detail .top {
    position: absolute;
    top: 20rpx;
    left: 20rpx;
    width: 100px;
    height: 50rpx;
    line-height: 50rpx;
    border-radius: 50rpx;
    border: 1rpx solid #FD4731;
    color: #FD4731;
    text-align: center;
    background: rgba(255,255,255,0.5);
    overflow: visible;
    font-size: 22rpx;
}

#detail .videoright {
    position: absolute;
    top: 15rpx;
    right: 15rpx;
    z-index: 111;
    width: 45px;
    height: 45px;
    border-radius: 50rpx;
    background: rgba(0,0,0,0.2);
}

#detail .content {
    position: relative;
}

#detail .content .left {
    width: 750rpx;
    display: inline-block;
}

#detail .content .right {
    position: absolute;
    right: 15rpx;
    top: 10rpx;
    width: 195rpx;
    display: inline-block;
}

#detail .content .left .title {
    padding: 15rpx;
    font-size: 34rpx;
    font-weight: 900;
    color: #333;
}

#detail .content .left .subtitle {
    padding: 15rpx;
    padding-top: 0rpx;
    font-size: 28rpx;
    color: #666;
}

#detail .content .right .but {
    width: 160rpx;
    height: 63rpx;
    border-radius: 5rpx;
    border: 1rpx solid #FD4731;
    color: #FD4731;
    font-size: 24rpx;
    line-height: 63rpx;
    text-align: center;
    padding-left: 5rpx;
    padding-right: 5rpx;
    background-color: #fff;
}

#detail .content .menu {
    border-top: 1rpx solid #eee;
    border-bottom: 1rpx solid #eee;
    width: 750rpx;
    display: flex;
    padding: 15rpx 0;
}

#detail .content .menu .i {
    width: 250rpx;
    text-align: center;
}

#detail .content .menu .i .num {
    font-size: 28rpx;
    color: #333;
}

#detail .content .menu .i .title {
    font-size: 24rpx;
    color: #999;
}

#detail .content .ok {
    width: 460rpx;
    height: 90rpx;
    line-height: 90rpx;
    border-radius: 90rpx;
    text-align: center;
    font-size: 34rpx;
    color: #fff;
    margin: 50rpx 145rpx 15rpx 145rpx;
    background: #FD4731;
    box-shadow: -2rpx 2rpx 3rpx #FD4731;
}

#detail .content .tips {
    text-align: center;
    color: #FD4731;
    margin-bottom: 50rpx;
}

#haibao {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
}

#haibao image {
    width: 550rpx;
    /* height: 750rpx; */
    margin-left: 100rpx;
}

#haibao .but {
    margin: 30rpx 0 0 275rpx;
    width: 200rpx;
    height: 60rpx;
    line-height: 60rpx;
    border-radius: 60rpx;
    border: 1rpx solid #fff;
    color: #555;
    font-weight: 900;
    background: #fff;
    text-align: center;
    opacity: 0.8;
}

#maxpic {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    display: flex;
    align-items: center;
}

#maxpic image {
    width: 750rpx;
    max-height: 1100rpx;
}

.reply {
    width: 710rpx;
    background: rgba(0,0,0,0);
    border-radius: 30rpx;
    position: relative;
    left: 22rpx;
    border-radius: 30rpx;
    margin-bottom: 30rpx;
}

.reply .line {
    width: 710rpx;
    border-bottom: 1rpx solid rgba(0,0,0,0.04);
    background: #eee;
    overflow: visible;
}

.reply .img {
    width: 150rpx;
    position: relative;
    top: 30rpx;
    float: left;
}

.reply .img image {
    width: 80rpx;
    height: 80rpx;
    border-radius: 80rpx;
    margin: 0rpx 0rpx 0rpx 40rpx;
}

.reply .content {
    width: 530rpx;
    display: inline-block;
    text-align: left;
}

.reply .content .name {
    font-size: 30rpx;
    margin-top: 16rpx;
    font-weight: 900;
}

.reply .content .content {
    color: rgba(78,71,69,0.61);
    font-size: 26rpx;
}

.reply .content .time {
    color: rgba(78,71,69,0.41);
    font-size: 23rpx;
}

#reply {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    overflow: visible;
}

#reply .box {
    width: 550rpx;
    height: 350rpx;
    background: #fff;
    border-radius: 10rpx;
    margin: 0 auto;
}

#reply .box .name {
    font-size: 28rpx;
    padding: 15rpx 25rpx;
}

#reply .box .name b {
    float: right;
    transform: scale(1.4,1);
}

#reply .box textarea {
    width: 470rpx;
    height: 150rpx;
    padding: 20rpx;
    background: #eee;
    margin: 0 auto;
    border-radius: 10rpx;
}

#reply .box .but {
    width: 160rpx;
    height: 65rpx;
    float: right;
    text-align: center;
    line-height: 65rpx;
    background: #04ce9b;
    color: #fff;
    border-radius: 10rpx;
    margin: 13rpx 21rpx;
    box-shadow: 0 0 5rpx #888;
}

.advote {
    width: 710rpx;
    height: 180rpx;
    background: rgba(0,0,0,0);
    border-radius: 10rpx;
    position: relative;
    left: 22rpx;
    margin-bottom: 30rpx;
}

.wxParse-img {
    width: 100%;
}
.toupiaobtn {
    background: #FF7979;
    text-align: center;
    color: #fff;
    padding: 7px;
    margin: 10px 25px;
    display: block;
    border-radius: 5px;
}
.orderfooter-info-item {
    margin: 0px 40px;
    color: #FF7979;
    font-weight: bold;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.orderfooter-info {
    margin-bottom: 10px;
}
.topThree {
    position: relative;
    padding: 10px;
    overflow: hidden;
}
.huangguan {
    position: absolute;
    width: 100px;
    height: 105px;
    left: 50%;
    transform: translate(-50%, 0);
    overflow: hidden;
}
.huangguan .bg, .yin .bg, .tong .bg {
    width: 100%;
    height: 100%;
    position: relative;
}
.huangguan .avatar, .yin .avatar, .tong .avatar {
    width: 70%;
    height: 70%;
    border-radius: 50%;
    position: absolute;
    top: 25px;
    right: 7px;
}
.yin {
    position: absolute;
    left: 7%;
    top: 15%;
    width: 90px;
    height: 95px;
    overflow: hidden;
}
.tong {
    position: absolute;
    right: 8%;
    top: 24%;
    width: 80px;
    height: 85px;
    overflow: hidden;
}
.tabtitle {
    display: flex;
    color: #999 !important;
    justify-content: space-around;
}
.tabtitle-item {
    color: rgb(153, 153, 153);
    font-weight: 800;
    border-bottom: none;
    font-size: 16px;
    overflow: hidden;
}
.tabtitle-item.tabtitle-active {
    border-bottom: 2px solid rgb(255, 121, 121);
    font-weight: 800;
}
.tab {
    display: flex;
    text-align: center;
}
.tab-item {
    width: 50%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32rpx;
}
.tab-item.active {
    border-bottom: 1px solid #ff7979;
    color: #ff7979;
    font-weight: 800;
    font-size: 18px;
}
.mallbtn{
    background: #FF7979;
    text-align: center;
    color: #fff;
    padding: 7px;
    margin: 10px 25px;
    display: block;
    border-radius: 5px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mall_list {
    display: flex;
    padding: 0 10px;
    margin-top: 8px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.goback {
    position: absolute;
    top: 25px;
    z-index: 999;
    width: 30px;
    height: 30px;
    left: 20px;
}
.nav {
    display:flex;
    margin: 0 10px;
}
.nav-item {
    width: 33%;
    color: #FF7979;
    padding: 8px 0;
    text-align: center;
    font-size: 28rpx;
}
.nav-item.active {
    color: #fff;
    font-weight: bold;
    background: #FF7979;
}

.timebox {
    background-color: #fff;
    margin: 20pt;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 23px;
    text-align: center;
    padding: 20rpx;
}
.selectform{
    width: 100%;
    border-bottom: 1px solid #EEEDF0;
}
.timetitle{
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    margin-top: 40rpx;
    font-weight: 400;
}
.tui-conutdown-box{
    font-size:30px;
    font-weight: 400;
    line-height: 42px;
    color: #333333;
    opacity: 1;
}
.tui-countdown-content{
    margin-top: 20rpx;
}

.newbtn{
    background: #6E02C7;
    text-align: center;
    color: #fff;
    line-height: 20px;
    padding: 7px;
    margin: 15px 25px;
    display: block;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 18px;
    box-shadow: 0px 8px 10px rgba(110, 2, 199, 0.45);
}