@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');
}

@font-face {
    font-family: 'iconfont';
    src: url('data:font/ttf;charset=utf-8;base64,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') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.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";
}
/* 新增 */
.icon-tuandui:before {
content: "\e62f";
}

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

.icon-zhaiyao:before {
content: "\e65f";
}

.icon-yanjing:before {
content: "\e611";
}

.icon-chat:before {
content: "\e626";
}

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

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

.icon-yuanhuan:before {
content: "\e831";
}

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

.icon-countDown:before {
content: "\e625";
}

.icon-weizhi:before {
content: "\e6ac";
}

.icon-xiala:before {
content: "\e682";
}

.list {
    overflow: visible;
}

.body {
    position: absolute;
    top: 0;
    bottom: 100rpx;
    left: 0;
    font-size: 24rpx;
    background-color: #FFF;
    width: 100%;
    background: linear-gradient(180deg, #FF564F 0%, #FEA271 100%);

}

.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: 30rpx;
    background: #ed969e;
    width: 300rpx;
    height: 30rpx;
    margin-top: 30rpx;
    margin-left: 76rpx;
    color: #fff;
    border-radius: 60rpx;
}

.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;
    height: 80rpx;
    display: flex;
    background-color: #E41944;
}
.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:100%;
    padding-left: 42rpx;
    background-color: #E41944;
    color: white;   
    display:flex;
    align-items:center;
    position:relative;
    margin: 0rpx auto;
    margin-bottom: 20rpx;
}

.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: 60rpx;
    height: 80rpx;
    line-height: 80rpx;
    display: flex;
    justify-content: space-around;
}
.rule .tabtitle {
    text-align: center;
    font-size: 60rpx;
    height: 80rpx;
    line-height: 80rpx;
    display: none;
}

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

.footer .item {
    width: 25%;
    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;
}

.list .item {
    position: relative;
    width: 316rpx;
    border-radius: 10px;
    overflow: hidden;
    margin-top: 10rpx;
    display: block;
    background-color:#fff;
    margin-bottom: 40rpx;
}

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

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

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

.list .top {
    height: 27px;
padding: 0rpx 22rpx 0rpx 15rpx;
line-height: 27px;
color: #ffffff;
position: absolute;
top: 254rpx;
left: -2rpx;
background: #333333;
font-size: 12px;
font-weight: 400;
box-shadow: 0 0 10rpx rgba(170,170,170,0.57);
width: 100%;
text-align: center;

}

.list .top2 {
    height: 50rpx;
    padding: 0rpx 22rpx 0rpx 22rpx;
    line-height: 50rpx;
    color: #ffffff;
    position: absolute;
    top: 10rpx;
    left: -2rpx;
    z-index: 1000;
    font-size: 24rpx;
    text-align: left;
    font-weight: 400;
}

.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; */
    background:#FF564F;
}
.join .form{
    background-color: #fff;
    width: 668rpx;
    border-radius: 40rpx;
    margin: 0 auto;
    padding-top: 20rpx;
}
.join .formgroup {
    margin: 0rpx 20rpx 0rpx 20rpx;
    overflow: visible;
    padding-bottom: 20rpx;
    border-bottom: 2rpx solid #EEEEEE;
    margin-bottom: 20rpx;
}
.join .formgroup:not(.imageform) {
    display: flex;
    justify-content: space-between;
}
.join .formgroup .formgroupTitle {
    font-size: 28rpx;
    background-color: #FFF;
    border-radius: 6rpx;
    padding-top: 20rpx;
    padding-bottom: 20rpx;
}
.join .formgroup input {
    font-size: 28rpx;
    background-color: #FFF;
    border-radius: 6rpx;
    padding-top: 20rpx;
    padding-bottom: 20rpx;
    text-align: right;
}
.join .imageform {
    border-radius: 6rpx;
    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: 126rpx;
    height: 126rpx;
    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 {
    width: 276rpx;
    height: 72rpx;
    background: #FF564F;
    box-shadow: 0px 20rpx 20rpx rgba(255, 86, 79, 0.28);
    opacity: 1;
    border-radius: 36rpx;
    font-size: 28rpx;
    font-weight: bold;
    line-height: 72rpx;
}

.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,.replybox {
    width: 596rpx;
    margin: 0 auto;
    background: #fff;
    border-radius: 20rpx;
    overflow-y: scroll;
    position: relative;
    left: 22rpx;
    border-radius: 30rpx;
}

.giftline {
    width: 596rpx;
    float: left;
    height: 140rpx;
    padding-bottom: 10rpx;
    background: #fff;
    margin: 0 atuo;
}

.linec{
    width: 590rpx;
    height: 0px;
    border: 2rpx solid #EEEEEE;
    opacity: 1;
    margin: 0 auto;
}

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

.giftline .a image {
    width: 80rpx;
    height: 80rpx;
    float: left;
    border-radius: 80rpx;
    margin-top: 22rpx;
}

.giftline .image1 {
    width: 118rpx;
    height: 112rpx;
    float: left;
    border-radius: 0rpx;
    display: block;
}

.giftline .b {
    width: 160rpx;
    float: left;
    text-align: left;
    margin-left: 16rpx;
}

.giftline .content {
    width: 340rpx;
    float: left;
    text-align: left;
    margin-left: 16rpx;
}

.giftline .b .name {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    line-height: 34px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.giftline .content .name {
    font-size: 24rpx;
    font-weight: 400;
    color: #333333;
    line-height: 34px;
}

.giftline .b .content1 {
    color: rgba(78,71,69,0.61);
    font-size: 20rpx;
    line-height: 56rpx;
    color: #888888;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.giftline .content .content1 {
    color: rgba(78,71,69,0.61);
    font-size: 20rpx;
    line-height: 20rpx;
    color: #888888;
}

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

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

.giftline .d{
    float: right;
}
.giftline .createTimeBox{
    margin-right: 20rpx;
    float: right;
}

.giftline .createTimeBox .content2{
    margin-top: 20rpx;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 34rpx;
    color: #888888;
    opacity: 1;
}
.giftline .d .content2{
    margin-right: 20rpx;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 34rpx;
    margin-top: 44rpx;
    color: #888888;
    opacity: 1;
}

.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;
    top: 220rpx;
    width: 60rpx;
    left: 90rpx;
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
    border-radius: 60rpx;
    background: #ff8300;
    color: #fff;
    font-size: 32rpx;
}
.gifts {
    position: absolute;
    top: 220rpx;
    right: 90rpx;
    width: 60rpx;
    height: 60rpx;
    border-radius: 60rpx;
    z-index: 99;
    display: flex;
    align-items: center;
    justify-content: center;
}

.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: 54rpx;
    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;
    background-color: #fff;
}

.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{
    width: 668rpx;
    background: #FFFFFF;
    margin: 0 auto;
    border-radius: 40rpx;
    padding-top: 32rpx;
    margin-top: 60rpx;
    margin-bottom: 48rpx;
}
#detail .top {
    position: absolute;
    top: 20rpx;
    left: 20rpx;
    width: 200rpx;
    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: 90rpx;
    height: 90rpx;
    border-radius: 50rpx;
    background: rgba(0,0,0,0.2);
}

#detail .content {
    position: relative;
}

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

#detail .head{
    margin: 0 auto;
    width: 588rpx;
    display: flex;
    flex-flow: row;
    margin-bottom: 46rpx;
}
#detail .head .left{
    width: 500rpx;
    display: inline-block;
}

#detail .head .right{
    width: 400rpx;
    text-align: right;
    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 .head .left .subtitle {
    margin-top: 32rpx;
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 34rpx;
    color: #000000;
    opacity: 1;
}
#detail .content .left .subtitle {
    margin-top: 16rpx;
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 34rpx;
    color: #000000;
    opacity: 1;
}

#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 {
    border: 2rpx solid #FF564F;
    height: 72rpx;
    box-shadow: 0rpx 20rpx 20rpx rgba(255, 86, 79, 0.28);
    opacity: 1;
    border-radius: 36rpx;
    font-size: 28rpx;
    color: #FF564F;
    font-weight: bold;
    line-height: 72rpx;
    text-align: center;
    width: 276rpx;
    display: inline-block;
    margin-left: 32rpx;
    margin-top: 96rpx;
}

#detail .content .tips {
    text-align: center;
    color: #FF564F;
    text-decoration:underline;
    line-height: 34rpx;
    font-size: 24rpx;
    font-weight: 400;
    margin-bottom: 52rpx;
    margin-top: 64rpx;
}

#detail .content .giftImg{
    width: 144rpx;
    height: 34rpx;
    display: block;
    margin: 0 auto;
    margin-bottom: 32rpx;
}
#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: 596rpx;
    background: rgba(0,0,0,0);
    border-radius: 30rpx;
    position: relative;
    border-radius: 30rpx;
    margin-bottom: 30rpx;
}

#reply {
    width: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    overflow: visible;
}

#reply .box {
    position: fixed;
    top: 360rpx;
    left: 120rpx;
    width: 550rpx;
    height: 350rpx;
    background: #fff;
    border-radius: 10rpx;
    margin: 0 auto;
    z-index: 100;
}

#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: 14rpx;
    margin: 20rpx 50rpx;
    display: block;
    border-radius: 10rpx;
}
.orderfooter-info-item {
    margin: 0px 40rpx;
    color: #333333;
    font-weight: 400;
    font-size: 28rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.orderfooter-info {
    margin-top: 40rpx;
    margin-bottom: 20rpx;
}
.topThree {
    position: relative;
    overflow: hidden;
}
.huangguan {
    position: absolute;
    width: 200rpx;
    height: 210rpx;
    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: 50rpx;
    right: 14rpx;
}
.yin {
    position: absolute;
    left: 7%;
    top: 15%;
    width: 180rpx;
    height: 190rpx;
    overflow: hidden;
}
.tong {
    position: absolute;
    right: 8%;
    top: 24%;
    width: 160rpx;
    height: 170rpx;
    overflow: hidden;
}
.join .tabtitle {
    display: flex;
    padding-top: 0;
    justify-content: space-around;
    font-size: 40rpx;
    margin: 20rpx auto;
    color: #fff;
}
.tabtitle-item {
    color: #fff;
    font-weight: 800;
    border-bottom: none;
    font-size: 32rpx;
    overflow: hidden;
}
.tabtitle-item.tabtitle-active {
    border-bottom: 2px solid #fff;
    font-weight: 800;
}
.tab {
    display: flex;
    text-align: center;
}
.tab-item {
    width: 50%;
    padding: 20rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32rpx;
    color: #fff;
}
.tab-item.active {
    border-bottom: 1px solid #fff;
    color: #fff;
    font-weight: 800;
    font-size: 36rpx;
}
.mallbtn{
    background: #fff;
    text-align: center;
    color: #fff;
    padding: 14rpx;
    margin: 20rpx 50rpx;
    display: block;
    border-radius: 10rpx;
    font-size: 28rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mall_list {
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: hidden;
}
.mall_list2 {
    padding: 0 40rpx;
    margin-top: 16rpx;
    justify-content: space-between;
    flex-wrap: wrap;
    display: flex;
}
.goback {
    position: absolute;
    top: 50rpx;
    z-index: 999;
    width: 60rpx;
    height: 60rpx;
    left: 40rpx;
}
.gobackContainer{
    width: 56rpx;
    flex-shrink: 0;
    height: 56rpx;
    margin-top: 24rpx;
    margin-right: 40rpx;
    display: inline-block;
}
.nav {
    display:flex;
    background: #fff;
}
.nav-item {
    width: 33%;
    padding: 16rpx 0;
    text-align: center;
    font-size: 28rpx;
    font-weight: 400;
    color: #333;
}
.nav-item.active {
    color: #333;
    font-size: 32rpx;
    font-weight: bold;
    overflow: visible;
}

.nav-item-after {
    height: 6rpx;
    width: 120rpx;
    margin: 0 auto;
    background-color: #FF564F;
    line-height: -32rpx;
    position: relative;
    top: 0rpx;
    border-radius: 4rpx;
}

.timebox {
    background-color: #fff;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    padding: 20rpx;
    padding-bottom: 0rpx;
}
.selectform{
    width: 100%;
    height: 76rpx;
    box-shadow: 0px 0px 40rpx rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid #EEEDF0;
    border-radius: 40rpx;
    margin-top: 10rpx;
}
.selectform input{
    text-align: left;
    height:72rpx;
    width:504rpx;
    border-radius: 32rpx;
    flex: 1 1 70%;
}
.box_time{
    display: flex;
    height: 50rpx;
    text-align: center;
    align-items: center;
    margin-top: 40rpx;
    justify-content: center;
}
.box_time .iconfont{
    margin-left: 30rpx;
}
.timetitle{
    color: #333333;
    font-size: 26rpx;
    font-weight: 400;
    align-items: center;
}
.tui-conutdown-box{
    font-size: 40rpx;
    font-weight: 400;
    color: #333333;
    opacity: 1;
    
}
.tui-countdown-content{
    align-items: center;
    margin-left: 20rpx;
}

.newbtn{
    background: #FF564F;
    text-align: center;
    color: #fff;
    width: 276rpx;
    line-height: 72rpx;
    text-align: center;
    margin: 30rpx auto 50rpx auto;
    display: block;
    font-size: 28rpx;
    font-weight: bold;
    border-radius: 36rpx;
    box-shadow: 0px 20rpx 20rpx rgba(255, 86, 79, 0.28);
}
.formInner{
    width: 100%;
    display: flex;
    align-content: center;
}
.formInner > text{
    margin-left: 15rpx;
}
.searchBtn{
    text-align: center;
    width: 152rpx;
    height: 62rpx;
    line-height: 58rpx;
    text-align: center;
    display: inline-block;
    font-size: 28rpx;
    font-weight: bold;
    color: #FF564F !important;
    border-radius: 36rpx;
    border: 2rpx solid #FF564F;
    flex: 1 1 20%;
    margin-top: 8rpx;
    margin-right:8rpx;
}
.newbtn2{
    background: #FF564F;
    text-align: center;
    color: #fff;
    width: 172rpx;
    line-height: 32rpx;
    padding: 14rpx;
    margin: 42rpx auto;
    display: block;
    font-size: 28rpx;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: 36rpx;
    box-shadow: 0px 20rpx 20rpx rgba(255, 86, 79, 0.28);
}
.infoBox{
    background-color: #fff;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
overflow: visible;

}
.info-title{
    width: 100%;
    display: flex;
}
.info-title-item {
    width: 100%;
    margin: 20rpx 20rpx 0 20rpx;
    font-size:26rx;
    font-weight: 400;
    line-height: 52rpx;
    color: #333;
    height: 52rpx;
}
.info-content{
    display: flex;
}

.info-content-item {
    width: 25%;
    /* margin-top: 20rpx; */
    font-size: 40rpx;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 66rpx;
    color: #333333;
}

.info-content-item-i {
    width: 25%;
    font-size: 24rpx;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 34rpx;
    color: #333333;
    display: none;
}
.bg_linepot{
   display: none;
}
.kh-item{
    width: 100%;
    display: flex;
    padding-top: 30rpx;
    padding-bottom: 50rpx;
}

.kh-item-left{
    width: 40%;
    padding: 20rpx;
    margin-left: 24rpx;
}

.kh-item-right{
    width: 60%;
    padding: 40rpx 20rpx;

}
.kh-item-left-box{
    position: absolute;
    overflow: visible;
}
.kh-item-left-box-img{
    height: 220rpx;
    width: 220rpx;
    border-radius: 20rpx;
    box-shadow: 0px 6rpx 20rpx rgba(0, 0, 0, 0.16);
}
.kh-item-left-box-ps{
    width: 198rpx;
    height: 70rpx;
    background: #FF564F;
    opacity: 1;
    border-radius: 20rpx;
    position: absolute;
    top: 180rpx;
    left: 10rpx;
    font-size: 28rpx;
    font-family: PingFang SC;
    font-weight: 400;
    color: #FFFFFF;
    text-align: center;
    line-height: 70rpx;
}
/* .order-info{

} */
.order-info-name{
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: bold;
    line-height: 44rpx;
    color: #333333;
    margin-bottom: 20rpx;
}
.order-info-id{
    font-size: 32rpx;
    display: inline-block;
    padding: 3rpx 20rpx;
    border-radius: 36rpx;
    font-weight: normal;
    margin-right: 10rpx;
    background-color: #fff;
    height: 32rpx;
    line-height: 32rpx;
    overflow: visible;
}

.redBg{
    background-color: #FF564F;
}

.redBg .kh-item-left-box-ps{
    background-color: #FF564F !important;
}

.whiteBg{
    background-color: #EEEDF0;
}

.redBg .order-info-name{
    color: #fff !important;
}
.redBg .order-info-id{
    color: #FF564F !important;
}

.redBg .order-info-item{
    color: #fff !important;
}
.listBak{
    width: 750rpx;
    height: 50px;
    background-image: url('https://xcx.zgzmdz.com/attachment/images/baseImages/listBak1.png');
    background-size: 100% 100%;
}

.listBak2{
    width: 750rpx;
    height: 50px;
    background-image: url('https://xcx.zgzmdz.com/attachment/images/baseImages/listBak2.png');
    background-size: 100% 100%;
    
}
.nav-tip{
    width: 30%;
    display: flex;
    padding: 0 20rpx;

}
.nav-tip-i{
    font-size: 32rpx;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 60rpx;
    color: #707070;
}
.circle_box{
    display: inline;
}

.nav-tip-b{
    font-size:22rpx;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 72rpx;
    color: #FFFFFF;
    margin-left: 10rpx;
    opacity: 0.6;
}
.iconAddone{
    position: absolute;
    top: 50rpx;
    left: 500rpx;
    line-height: 58rpx;
    font-size: 24rpx;
    text-align: center;
    vertical-align: auto;
    color: #FFFFFF;
    width:58rpx;
    height: 58rpx;
    background: #E73826;
    border-radius:50%;
}

.floatBoxRight{
    position: absolute;
    top: 220rpx;
    right: 0rpx;
    width: 140rpx;
    height: 60rpx;
    background: rgba(255, 86, 79, 0.59);
    opacity: 1;
    border-radius: 120rpx 0px 0px 120rpx;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 60rpx;
    color: #fff;
    text-align: right;
    padding-right: 10rpx;
}

.floatBoxLeft{
    position: absolute;
    top: 220rpx;
    left: 0rpx;
    width: 140rpx;
    height: 60rpx;
    background: rgba(255, 86, 79, 0.59);
    opacity: 1;
    border-radius: 0px 120rpx 120rpx 0px;
    font-size: 24rpx;
    font-weight: 400;
    line-height: 60rpx;
    color: #fff;
    text-align: left;
    padding-left: 10rpx;
}
.bg_in{
    background:#FEA271;
}
.in_top{
    position: relative;
    z-index: 11;
    overflow: visible;
    display: none;
}
.in_top .in_top1{
    background-color: #fff;
    border-radius: 40rpx 40rpx 0 0;
    height: 40rpx;
    margin-top: -40rpx;

}
.swiperBox {
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: center;
    position: relative;
    z-index: 10;
}
.swiper_detail image{
    border-radius: 40rpx;
}

.wx-swiper-dots {
    position: relative;
    left: unset !important;
    right: -40rpx;
    color: white;
}
  
.wx-swiper-dots.wx-swiper-dots-horizontal {
margin-bottom: -5rpx;
}

.wx-swiper-dot {
    background-color: #fff !important;
    height: 15rpx !important;
    width: 15rpx !important;
}
.wx-swiper-dot-active {
    height: 15rpx !important;
    border-radius: 23rpx !important;
    width: 60rpx !important;
    color: #fff !important;
}

.mask{
    position:absolute;
    top:0;
    left:0;
    background:rgba(0,0,0,0.5);
    z-index:999;
    width:100%;
    height:100%;
}
.model_box{
    width:80%;
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    z-index:1000;
    background:#fff;
    height:75%;
    border-radius:15rpx;
}
.model_box .submitbtn {
    width: 276rpx;
    height: 72rpx;
    background: #FF564F;
    opacity: 1;
    border-radius: 36rpx;
    text-align: center;
    font-size: 28rpx;
    font-weight: bold;
    line-height: 72rpx;
    color: white;
    margin: 0 auto;
}



.fromCheck{
    display: flex;
    flex-direction: column;
    margin: 20rpx;
    border-bottom: 2rpx solid #EEEEEE;
}
.fromCheck .labelCheck{
    display: flex;
    flex-direction: row;
    margin: 20rpx 0;
    align-items: center;
}

 .brand{
    position: absolute;
    right: 0;
    top: 20rpx;
    width: 160rpx;
    height: 90rpx;
    border-top-left-radius: 10rpx;
    border-bottom-left-radius: 10rpx;
    background-color: #F94F73;   
    color: white;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    z-index: 9;
}
 .brand .brandImg{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.areaContent{
    width: 100%;
    box-sizing: border-box;
    padding: 24rpx 10rpx;
    font-size: 26rpx;
    background: linear-gradient(145deg, #F7694E 0%, #FF564F 100%);
}
.areaContent view{
    display: inline-block;
    padding: 0 25rpx;
    margin-right:10rpx ;
    color: #fff;
}
.areaContent .active{
    border: 1rpx solid #fff;
    border-radius: 50rpx;
}
.dian_bg{
    background-color: #f2f2f2;
    padding-bottom: 100rpx;
}
.bt_piao{
    padding-bottom: 0 !important;
}
.nav_dian{
    background: none;
    color: #707070;

}
.nav_dian .nav-item{
    color: #707070;
}
.nav_dian .nav-item.active{
    color: #707070;
}
.bt_1{
    display: flex;
    align-items: center;
    padding: 0 40rpx;
    padding-right: 0;
    margin-top: 20rpx;
}
.nav_dian .nav-item-after{
    background-color: #FF564F;
}
.btn_pai{
    width: 190rpx;
    height: 68rpx;
    line-height: 68rpx;
    background-image: url('https://xcx.zgzmdz.com/attachment/images/baseImages/paim.png');
    background-size: 100% 100%;  
    color: #fff;
}
.gift_item{
    width: 100%;
    margin-top: 30rpx;
    display: flex;
    align-items: center;
    padding: 0 50rpx;
    box-sizing: border-box;
}
.gift_item_user{
    width: 100rpx;
    height: 100rpx;
    border-radius: 50%;
}
.gift_item_gift{
    width: 350rpx;
    height: 350rpx;
    margin-left: 40rpx;
}
.gift_item_pl{
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    margin-right: 30rpx;
    width: 200rpx;
}
.gift_item_pl image{
    margin-bottom: 20rpx;
}
.personal_bg{
    background-color: white;
    height: 100%;
    /* overflow: auto; */
    /* padding-bottom: 50rpx; */
}

.personal_info{
    width: 100%;
    height: 300rpx;
    background-color: #F2F2F2;
    display: flex;
    align-items: center;
    padding: 0 40rpx;
    box-sizing: border-box;
    margin-bottom: 40rpx;
  }
  .head_portrait{
    height: 200rpx;
    width: 200rpx;
    border-radius: 50%;
  }
  .personal_info_right{
      margin-left: 30rpx;
      /* color: white; */
      font-size: 26rpx;
      height: 200rpx;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  .personal_info_right view{
      margin-bottom: 15rpx;
  }
  .personal_info_right view:last-child{
    margin-bottom: 0;
  }
  .personal_item{
      background-color: white;
      padding-left: 20rpx;
      height: 60rpx;
      line-height: 60rpx;
      font-size: 26rpx;
  }
  .hairCurl_item{
      width: 90%;
      height: 300rpx;
      border: 1px solid black;
      border-radius: 5px;
      margin: 0 auto;
      margin-top: 30rpx;
      padding: 0 20rpx;
      box-sizing: border-box;
      display: flex;
      align-items: center;
  }
  .hairCurl_item_img{
      height: 200rpx;
      width: 250rpx;
      border: 5px;
      margin-right: 30rpx;
  }
  .hairCurl_item_right{
      height: 200rpx;
      width: 350rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
  }
  .hairCurl_item_right_p{
      display: flex;
      width: 100%;
      justify-content: space-between;
      font-size: 26rpx;
  }
  .hairCurl_item_right_p1{
    font-size: 24rpx;
  }
  .hairCurl_item_right_p_function{
      width: 130rpx;
      display: flex;
      justify-content: space-between;
      color: #1B63CF;
  }
  .hairCurl_picker{
      display: flex;
      align-items: center;
      font-size: 28rpx;
  }
  .luckDraw_bg{
      background-color: #F3D35A;
      height: 100%;
      overflow: auto;
      padding-bottom: 110rpx;
  }
  .luckDraw_bg view{
    overflow: none ;
}
  .luckDraw_banner{
      width: 100%;
      height: 300rpx;
  }
  .luckDraw_banner image{
      width: 100%;
      height: 100%;
  }
  .luckDraw_body{
      width: 100%;
      padding: 0 30rpx;
      box-sizing: border-box;
      margin-top: 30rpx;
  }
  .luckDraw_info{
      width: 100%;
      background-color: #EAEBEA;
      border-radius: 5px;
      height: 120rpx;
      margin-bottom: 20rpx;
      display: flex;
      align-items: center;

  }
  .luckDraw_info_item{
      height: 70%;
      width: 25%;
      display: flex;
      align-items: center;
      justify-content: center;
      border-right: 1px solid #D1D0D1;
      font-size: 28rpx;
      color: #C8382E;
      font-weight: bold;

  }
  .luckDraw_info_item:nth-child(4){
      border-right: none;
  }
  .luckDraw_info_item image{
      width: 70rpx;
      height: 70rpx;
      border-radius: 50%;
  }
  .luckDraw_info_item1{
      font-size: 26rpx;
      flex-direction: column;
      justify-content: space-between;

  }
  .luckDraw_foot{
    position: fixed;
    bottom: 110rpx;
    width: 100%;
    height: 100rpx;
    display: flex;
    align-items: center;
    justify-content: space-around;
    z-index: 998;
  }
  .luckDraw_foot_item{
      height: 80%;
      width: 35%;
      background-color: #D7261D;
      color: white;
      font-size: 26rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px;
  }
  .luckList{
      height: 100rpx;
      width: 100%;
      padding: 0 5%;
      box-sizing: border-box;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 24rpx;

  }
  .luckList view,.luckRankheader view{
      width: 33%;
      /* text-align: center; */
  }
  .luckRankheader{
    height: 100rpx;
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 26rpx;
    background-color: #D7261D;
    color: white;
  }
  /**抽奖.wxss**/
  




  /* pages/main/main.wxss */
 
page {
    height: 100%;
    /* background: #e3f8f1; */
    background: #fff;
  }
   
  .views {
    background: #cdb193;
    color: #fff;
    padding: 20rpx;
    margin-top: -20rpx;
  }
   
  .head {
    /* background: url("http://tdf-crm-production.oss-cn-shenzhen.aliyuncs.com/icon_turn_back120200430/20200430150300_ul1s.png") no-repeat; */
    background-size: 100% 100%;
    height: 400rpx;
    width: 100%;
  }
   
  .canvasl {
    /* background: url("http://tdf-crm-production.oss-cn-shenzhen.aliyuncs.com/icon_turn_back220200430/20200430150300_ic8b.png") no-repeat; */
    background-size: 100% 100%;
    background-position-y: 50%;
    width: 100%;
    margin-bottom: 40rpx;
  }
   
  .content {
    text-align: center;
    position: relative;
    padding-bottom: 20rpx;
    width: 700rpx;
    margin: auto;
  }
   
  .content-num {
    position: absolute;
    top: 20rpx;
    left: 0;
    color: #fff;
    width: 100%;
    text-align: center;
    font-size: 24rpx;
  }
   
  .content-image {
    margin-top: -20rpx;
    width: 700rpx;
  }
   
  .content-list {
    position: absolute;
    left: 60rpx;
    top: 150rpx;
    height: 240rpx;
    width: 600rpx;
    overflow: auto;
    font-size: 28rpx;
  }
   
  .content-activity {
    position: absolute;
    left: 40rpx;
    top: 566rpx;
    height: 80rpx;
    line-height: 80rpx;
    width: 614rpx;
    overflow: auto;
    font-size: 28rpx;
    color: rgba(111, 89, 66, 1);
  }
   
  .canvas-litem-text-name {
    padding-top: 20rpx;
    color: #816a52;
    font-size: 30rpx;
  }
   
  .navigation-view {
    width: 100%;
    height: 80rpx;
    line-height: 80rpx;
    display: flex;
    align-items: center;
  }
   
  .navigation-back {
    width: 30%;
    text-align: left;
  }
   
  .navigation-title {
    width: 40%;
    text-align: center;
  }
   
  .navigation-btn {
    width: 30%;
    text-align: right;
  }
   
  /* 转盘 */
   
  .wrapper {
    position: relative;
    width: 100%;
  }
   
  .wrapper-content {
    background: #e0cfbc;
    border-radius: 50%;
    width: 720rpx;
    height: 720rpx;
    padding: 40rpx;
    position: relative;
    box-sizing: border-box;
    z-index: 101;
    
    /* overflow: inherit; */
  }
   
  .canvas-container ul, .canvas-container li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
   
  .canvas-container {
    margin: 0 auto;
    position: absolute;
    left: 40rpx;
    top: 40rpx;
    width: 640rpx;
    height: 640rpx;
    border-radius: 50%;
    /* overflow: inherit; */

  }
   
  .canvas-container-quiu {
    width: 20rpx;
    height: 20rpx;
    border-radius: 50%;
    position: absolute;
    left: 10rpx;
    top: 50%;
    margin-top: -8rpx;
    -webkit-transform-origin: 330rpx 50%;
    transform-origin: 350rpx 50%;
    z-index: 1001;
  }
   
  .canvas-content {
    overflow: hidden;
    box-sizing: content-box;
    border: 20rpx solid #cdb193;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: block;
    width: 600rpx;
    height: 600rpx;
    border-radius: inherit;
    background-clip: padding-box;
  }
   
  /* 分隔线 */
   
  .canvas-litem-text {
    position: absolute;
    top: -26rpx;
    left: 80rpx;
    width: 340rpx;
    text-align: center;
    height: 60rpx;
    font-size: 24rpx;
    z-index: 10000;
    transform: rotate(90deg);
    color: #aa8b6b;
  }
   
  .canvas-litem-text-image {
    position: relative;
  }
   
  .canvas-litem-text-image-num {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -14rpx;
    margin-left: -40rpx;
    width: 80rpx;
  }
   
  .canvas-btn {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -110rpx;
    margin-top: -110rpx;
    width: 220rpx;
    height: 220rpx;
    border-radius: 50%;
    color: #f4e9cc;
    border: 10px solid #cdb193;
    text-align: center;
    font-size: 40rpx;
    text-decoration: none;
    box-sizing: border-box;
    z-index: 10001;
    overflow: initial;
  }
   
  .canvas-btn .canvas-btn-text {
    position: absolute;
    top: 7%;
    left: 7%;
    width: 86%;
    height: 86%;
    border-radius: 50%;
    box-sizing: border-box;
    padding: 22rpx 20rpx 0;
    background: rgba(205, 177, 147, 1);
    background: linear-gradient(134deg, rgba(232, 219, 197, 1) 0%, rgba(205, 177, 147, 1) 100%);
    /* box-shadow:0px 5px 7px 0px rgba(255,255,255,1); */
    margin: auto;
    z-index: 102;
  }
   
  .canvas-btn::after {
    position: absolute;
    display: block;
    content: ' ';
    left: 39%;
    top: -78%;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 80rpx 20rpx 80rpx 20rpx;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #ffab52;
  }
   
  /* //css扇形 */
   
  .canvas-item2 {
    position: absolute;
    left: 0px;
    top: 0;
    width: 620rpx;
    height: 328rpx;
    color: #e4370e;
    font-weight: bold;
    transform-origin: 330rpx 330rpx;
    overflow: hidden;
  }
   
  .canvas-item2-after {
    position: absolute;
    top: 0;
    left: 0;
    width: 330rpx;
    height: 330rpx;
    transform-origin: 330rpx 330rpx;
    opacity: 1;
  }
   
  .gb-wheel-list {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
  }
   
  .gb-wheel-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
    overflow: hidden;
  }
   
  .gb-wheel-icontent {
    position: relative;
    display: block;
    padding-top: 50rpx;
    margin: 0 auto;
    text-align: center;
    transform-origin: 50% 328rpx;
    color: #aa8b6b;
  }
   
  .opoUp-son {
    position: fixed;
    width: 90%;
    left: 5%;
    box-sizing: border-box;
    top: 10%;
    border-radius: 5px;
    z-index: 10004;
    padding: 30rpx;
    /* background: url("http://tdf-crm-production.oss-cn-shenzhen.aliyuncs.com/bg_up/20200511/20200511165829_flij.png") no-repeat; */
    background-size: 102% 66%;
    background-position-y: 65rpx;
  }
  .bg_up{
    position: absolute;
    top: 70rpx;
    left: 0;
    width: 100%;
  }
   
  .opoUp-son-info {
    font-size: 80rpx;
    font-weight: 600;
    color: rgba(255, 255, 255, 1);
    letter-spacing: 2px;
    text-align: center;
  }
  .opoUp-son-title{
    color:#fff;
    font-size: 28rpx;
    padding: 30rpx 0 50rpx;
    text-align: center;
  }
   
  .ticket-item{
    margin-bottom: 20rpx;
    padding: 30rpx;
    color: #fff;
    background: url("http://tdf-crm-production.oss-cn-shenzhen.aliyuncs.com/image/20200429/20200429155048_pxu6.png") no-repeat;
    background-size: 100% 100%;
  }
  .ticket-title{
    font-size: 24rpx;
    padding: 20rpx;
    padding-bottom: 10rpx;
    border-top: 1px dashed #fff;
    margin-top: 16rpx;
  }
  .ticket-title-date{
    color:#ECD274;
  }
  .ticket-title-dates{
    display:none;
  }
  .font72{
    margin-top:30rpx;
  }
  .colorFF{
    font-size: 32rpx;
  }
  .news{
    background: #ECD274;
    border-radius:0px 12px 0px 12px;
    padding:2rpx 14rpx;
    color: #6F5942;
    font-size: 20rpx;
    margin-right: 10rpx;
  }
   
  .past{
    color:#828282;
    background: url("http://tdf-crm-production.oss-cn-shenzhen.aliyuncs.com/image/20200430/20200430093820_rcj3.png") no-repeat;
    background-size: 100% 100%;
  }
  .past .font72{
    color: #3D3E3E;
    margin-top:45rpx;
  }
  .past .ticket-title-date{
    color:#828282;
  }
  .past .ticket-title{
    border-top: 1px dashed #D5D5D5;
    padding-bottom: 0;
  }
  .past .colorFF{
    color:#FF9E1B;
  }
  .past .ticket-title-dates{
    color:#FF9E1B;
    display: block;
  }
   
  .opoUp-son-btn{
    background: #D0AF8E;
    color: #fff;
    width: 520rpx;
    font-size: 32rpx;
    margin-top: 100rpx;
  }
  .recur{
    text-align: center;
    color: #fff;
    padding: 32rpx;
    font-size: 28rpx;
  }
  .opoUp-timesNo{
    background: #fff;
    text-align: center;
    color: #ABACAC;
  }
  .opoUp-timesNo .opoUp-son-btn {
    background: #0a655a;
    width: 300rpx;
  }
  .header{
    padding: 30rpx;
  }
  .header-input input{
    border-radius: 5px;
    border: 1px solid #666;
    margin-right: 40rpx;
  }
  .header-btn{
    background: #56B1FC;
    font-size: 28rpx;
    color: #fff;
  }

  .zan-dialog__mask {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10;
    background: rgba(0, 0, 0, 0);   /*设置阴影半透明背景如： background: rgba(0, 0, 0, 0.4);*/
    display: none;
  }
  
  .zan-dialog__container {
    position: fixed;
    bottom: 400rpx;
    /* top: -700rpx; */
    width: 650rpx;    /*弹窗布局宽*/
    height: 650rpx;   /*弹窗布局高，与下面弹出距离transform有关*/
    margin-left: 50rpx;
    background: #f8f8f8;
    transform: translateY(300%);  /*弹框弹出距离，与弹框布局高度有关，如300%表示弹起距离为3倍弹窗高度 */
    transition: all 0.4s ease;
    z-index: 12;
    border-radius: 20rpx;
    z-index: 999;
    box-shadow: 0px 3px 3px 2px gainsboro;  /*弹框的悬浮阴影效果，如不需要可注释该行*/
  }
  
  .zan-dialog--show .zan-dialog__container {
    transform: translateY(0);
  }
  
  .zan-dialog--show .zan-dialog__mask {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 998;
  }