.userLuckCoupons{background-color: #FCF9F7;padding-top: 57px;}.newCouponsTop {
    max-width: 1200px;
    margin: auto;
    background-color: #FCF9F7;
}.top-main {
    background-image: url(../images/backstage-home/camber.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;

}.top-main:before {
    position: absolute;
    content: "";
    height: 75px;
    width: 105px;
    bottom: 0;
    left: 19%;
    background-image: url(../images/backstage-home/fireworks.png);
    background-size: 100% 100%;
}.new-top-img {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0
}.new-top-img .top-title {
    position: relative;
    font-size: 32px;
    color: #E62E04;
    display: inline-block;
    padding: 14px 40px;
    border-radius: 36px;
    box-shadow: 6px 9px 16px rgba(132,0,0,.06);
    font-weight: bolder;
    background-color: #fff;
}.new-top-img .top-title-div {
    position: absolute;
    top: -47px;
    right: -88px;
    transform-origin: 30% 102%;
}.newCouponsTop .pop-boom {
    -webkit-transform: rotate(50deg);
    -moz-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    -o-transform: rotate(50deg);
    transform: rotate(50deg);
    opacity: 0;
    -webkit-transition: transform .8s,opacity .3s;
    -moz-transition: transform .8s,opacity .3s;
    -ms-transition: transform .8s,opacity .3s;
    -o-transition: transform .8s,opacity .3s;
    transition: transform .8s,opacity .3s;
}
.newCouponsTop.play .pop-boom {
    opacity: 1;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
}.new-top-img .top-title .top-title-div .top-title-pop {
    font-weight: 400;
    position: relative;
    overflow: hidden;
    min-width: 70px;
    z-index: 10;
    background-color: #FA4239;
    font-size: 20px;
    color: #fff;
    padding: 17px 19px 16px 19px;
    border-top-left-radius: 2em 1.4em;
    border-top-right-radius: 2em 1.4em;
    border-bottom-right-radius: 2em 1.8em;
    border-bottom-left-radius: 2em 1.8em;
}.newCouponsTop .pop-text {
    opacity: 0;
    -webkit-transform: translateX(30%);
    -moz-transform: translateX(30%);
    -ms-transform: translateX(30%);
    -o-transform: translateX(30%);
    transform: translateX(30%);
    display: block;
    -webkit-transition: transform .5s .5s,opacity .35s .5s;
    -moz-transition: transform .5s .5s,opacity .35s .5s;
    -ms-transition: transform .5s .5s,opacity .35s .5s;
    -o-transition: transform .5s .5s,opacity .35s .5s;
    transition: transform .5s .5s,opacity .35s .5s;
}.newCouponsTop.play .pop-text {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}.new-top-img .top-title .top-title-div:after {
    content: "";
    width: 17px;
    height: 10px;
    background-image: url(../images/backstage-home/HTB1slUHw4SYBuNjSspj76073VXae.png);
    background-size: 100% 100%;
    left: 31px;
    bottom: -8px;
    position: absolute;
}.new-top-img .top-title img {
    width: 38px;
}.newCouponsTop.play .shake-five {
    -moz-animation: shaking 2s forwards ease;
    -o-animation: shaking 2s forwards ease;
    -webkit-animation: shaking 2s forwards ease;
    animation: shaking 2s forwards ease;
}.coupon-note {
    text-align: center;
    font-size: 24px;
    font-weight: bolder;
    color: #000;
    padding-top: 107px;
    max-width: 450px;
    margin: 0 auto;
}.top-main:after {
    position: absolute;
    content: "";
    height: 80px;
    width: 112px;
    bottom: 0;
    right: 18%;
    background-image: url(../images/backstage-home/love_aq.png);
    background-size: 100% 100%;
}.new-tip {
    text-align: center;
    background-color: #fff;
    padding: 15px 0;
}.new-tip>img {
    width: 50%;
}.newCoupons,.newbieMenu,.everyoneLuck{
    max-width: 1200px;
    margin: auto;
    overflow: auto;
    background-color: #fff;
    text-align: center;
}@keyframes shaking{from{-ms-transform:rotate(0)}10%{-ms-transform:rotate(40deg)}20%{-ms-transform:rotate(0)}40%{-ms-transform:rotate(0)}50%{-ms-transform:rotate(40deg)}60%{-ms-transform:rotate(0)}80%{-ms-transform:rotate(0)}90%{-ms-transform:rotate(40deg)}to{-ms-transform:rotate(0)}}
@keyframes shaking{from{-moz-transform:rotate(0)}10%{-moz-transform:rotate(40deg)}20%{-moz-transform:rotate(0)}40%{-moz-transform:rotate(0)}50%{-moz-transform:rotate(40deg)}60%{-moz-transform:rotate(0)}80%{-moz-transform:rotate(0)}90%{-moz-transform:rotate(40deg)}to{-moz-transform:rotate(0)}}
@keyframes shaking{from{-webkit-transform:rotate(0)}10%{-webkit-transform:rotate(40deg)}20%{-webkit-transform:rotate(0)}40%{-webkit-transform:rotate(0)}50%{-webkit-transform:rotate(40deg)}60%{-webkit-transform:rotate(0)}80%{-webkit-transform:rotate(0)}90%{-webkit-transform:rotate(40deg)}to{-webkit-transform:rotate(0)}}
@keyframes shaking{from{-o-transform:rotate(0)}10%{-o-transform:rotate(40deg)}20%{-o-transform:rotate(0)}40%{-o-transform:rotate(0)}50%{-o-transform:rotate(40deg)}60%{-o-transform:rotate(0)}80%{-o-transform:rotate(0)}90%{-o-transform:rotate(40deg)}to{-o-transform:rotate(0)}}
@keyframes shaking{from{transform:rotate(0)}10%{transform:rotate(40deg)}20%{transform:rotate(0)}40%{transform:rotate(0)}50%{transform:rotate(40deg)}60%{transform:rotate(0)}80%{transform:rotate(0)}90%{transform:rotate(40deg)}to{transform:rotate(0)}}

.scroll-div {
    padding: 12px 0 26px;
    overflow: hidden;
    margin: auto;
}.newbie-container {
    display: inline-block;
    background-color: #fff;
}.new-coupon {
    padding: 0 5px;
}.newbie-container .coupon-div {
    width: 565px;
    margin: 0 auto;
    height: 100px;
    color: #fff;
    background-image: url(../images/backstage-home/HTB1rOyrxuOSBuNjy0Fd762DnVXaM.png);
    background-repeat: repeat;
    background-color: #E62E04;
    position: relative;
}.newbie-container .coupon-div:before {
    content: "";
    position: absolute;
    height: 100px;
    width: 12px;
    background-image: url(../images/backstage-home/wVXa0.png);
    background-size: 100% 100%;
    top: 0;
    left: -1px;
}.newbie-container .coupon-div:after {
    content: "";
    position: absolute;
    height: 100px;
    width: 12px;
    background-image: url(../images/backstage-home/7FXaF.png);
    background-size: 100% 100%;
    top: 0;
    right: -1px;
}.newbie-container .coupon-div-l {
    float: left;
    width: 60%;
    height: 100px;
    position: relative;
    border-right: 2px dashed #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}.newbie-container .coupon-div-l:before {
    content: "";
    position: absolute;
    height: 100px;
    width: 188px;
    top: 0;
    left: 0;
    background-image: url(../images/backstage-home/present.png);
    background-size: 100% 100%;
}.newbie-container .coupon-div-l .l-price {
    position: absolute;
    top:18px;
    right: 0;
    padding-right: 20px;
    text-align: right;
}.newbie-container .coupon-div-l .l-price div{
    font-size: 14px;
    color: #ffad8f;
    text-align: center;
    font-style: italic;
    font-weight: bolder;
}.expire{color: #ffad8f;margin-top:65px;}
.newbie-container .coupon-div-l .l-price div.change-size{
    font-size: 44px;
    color: #fff;
}.newbie-container .coupon-div-r {
    position: relative;
    float: right;
    width: 40%;
    height: 100px;
    cursor: pointer;
}.newbie-container .coupon-div-r .r-text {
    position: absolute;
    font-size: 24px;
    font-weight: bolder;
    width: 100%;
    text-align: center;
    top: 37px;
    padding: 0 8px 0 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}
.rank-rule {
    margin: 30px 0 20px;
    border-top: 1px solid #e0e0e0;
    position: relative;
    height: 11px;
}.rank-rule p {
    font-size: 13px;
    color: #8d8d8d;
    position: relative;
    z-index: 2;
    width: 220px;
    height: 16px;
    line-height: 16px;
    background: #fff;
    text-align: center;
    top: -10px;
    margin: 0 auto;
}div.coupon-wrap {
    width: 560px;
    font-size: 19px;
}.coupon-type-1 .coupon-content-container{    padding-top: 100px;}
.coupon-content-container {
    position: relative;
}.voucher-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}.voucher-material, .voucher-material * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}.voucher-material {
    width: 100%;
    height: 100%;    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 8px;
    border-radius: 4px;
    cursor: pointer;
}.voucher-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}.coupon-type-1 .voucher-bg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}.voucher-bg .bottom, .voucher-bg .top {
    border: 1px solid #FF7454;
    background: #FFF0F0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}.voucher-bg .top {
    border-bottom: none;
    border-radius: 4px 4px 0 0;max-width: 100%;
    width: 100%;
}.voucher-bg .middle {
    position: relative;
    overflow: hidden;
    height: 16px;
}.voucher-bg .bottom {
    border-top: none;
    border-radius: 0 0 4px 4px;
}.voucher-bg .voucher-radius {
    float: left;
    display: block;
    width: 50%;
    height: 100%;
    background-image: url(../images/distributor/normal.png);
    background-size: contain;
    background-repeat: no-repeat;
}.voucher-bg .voucher-radius:first-child {
    background-position: 0;
}.voucher-bg .voucher-radius:last-child {
    background-position: 100%;
}.coupon-type-1 .denomination {
    position: relative;
    overflow: hidden;
    width: 61%;
    height: 100%;
    border: 1px dashed #E5A89A;
    border-radius: 2.5px 0 0 2.5px;
    background-color: #fff;
    border-right-width: 0;
}.coupon-type-1 .denomination>div, .coupon-type-1.preorder .denomination>div {
    position: relative;
    display: none;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}.coupon-type-1 .denomination>div.show{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100%;
    height: 100%;
}.show>span {
    border-width: 1.5px;
    border-radius: 4px;
    font-weight: 700;
}.coupon-type-1 .show>span{
    padding: 10px 15px;
    border: 3px solid #FFD7D4;
    border-radius: 8px;
    color: #F44336;
}.voucher-icon {
    display: inline-block;
    background-image: url(../images/distributor/normal-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;    margin-right: 5px;
    margin-bottom: 2px;
    width: 12px;
    height: 12px;
}.voucher-material .coupon-title, .voucher-material .gold {
    font-weight: 700;
}.coupon-type-1 .gold {
    font-size: 1.3em;
}.coupon-type-1 .get-voucher{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    border: 1px dashed #E5A89A;
    border-radius: 0 2.5px 2.5px 0;
    background-color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;    padding-right: 14px;
    flex-direction: column;padding-left: 32px
}.get-voucher p {
    width: 95%;
}.voucher-material .coupon-title, .voucher-material .gold {
    font-weight: 700;
}.coupon-type-1 .coupon-title{color: #F44336;font-size: 1em;line-height: 1em;}.coupon-wrap .count-down{
    margin-top: 4px;
    font-size:0.8em;
    line-height: 1em;
}.get-voucher .detail {
    display: none;
    color: #00f;
    margin-top: 4px;
}.prime-menu li {
    cursor: default;width: 14.28%;
    min-width: 14.28%; padding: 0 15px; float: left;
}
.prime-menu {
    font-size: 13px;
    color: #333;
    text-align: center;
    height: 40px;
    position: relative;
    overflow: hidden;
    padding-top: 40px;
}
.prime-menu ul {
    width: 88%;
    line-height: 1.25;
    overflow: hidden;padding-bottom: 7px;    margin: 0 auto;
}.prime-menu li.current,.prime-menu li:hover{

    color: #000;
    border-bottom: 3px solid #000;    width: 14.28%;
    min-width: 14.28%;
    font-weight: 600;
}.prime-menu a {
    max-height: 2.6em;
    color: #000;
    overflow: hidden;
    display: inline-block;
}.prime-menu a:hover{text-decoration: none;}
.prime-menu li.current{
cursor: default;}
.activityfeed-wrapper .activityfeed { text-align: left;
    min-height: 998px;    position: relative;
}.activityfeed-column{box-sizing: border-box; width:50%; float:left;opacity: 0;-webkit-transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;
    transition: opacity .5s ease-in-out;}
.visible {
    opacity: 1!important;
    -khtml-opacity: 1!important;
    -moz-opacity: 1!important;
}
.activityfeed .column-1, .activityfeed-wrapper .activityfeed .column-2 {
    overflow: hidden;
    padding-top: 52px;    position: relative;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom:42px;
    min-height: 998px;
}.activityfeed .review {
    background:#f1f1f1;
    padding: 17px;
    margin: 0 0 52px;
    border-radius: 5px;

    transition: all 2s ease;
    -webkit-transition: all,2s,ease;
    -moz-transition: all,2s,ease;
}.activityfeed .review .user-info {
    padding-bottom: 1em;
}.activityfeed .review .user-info .user-review-picture {
    float: left;
    width: 70px;
    height: 70px;
    margin: -52px 20px 10px 0;
    border-radius: 50%;
}.activityfeed .review .user-info .user-review-name {
    width: calc(100% - 90px);
    float: left;
    font-weight: 700;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.activityfeed .review .user-info .user-review-statement {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}.activityfeed .review .user-info .user-review-statement {
    width: 100%;
}.activityfeed .review a {
    color: #1b1b1b;
}
.activityfeed .review:hover a{
    color: #428bca;
}
.activityfeed .review .user-info .user-review-statement a {
    font-weight: 700;
}.activityfeed .review .user-info .user-review-picture .user-picture {
    border-radius: 50%;
}
.activityfeed .review .review-info .review-content {
    height:48px;
    overflow: hidden;
    word-break: break-word;
    max-width:600px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
.outpic {
    padding: 10px 0;
}.smpic {
    overflow: hidden;
    zoom: 1;
}.outpic .smpic {
    overflow: hidden;
    width: 100%;
    height: auto;
}.outpic .smpic .pic-mark {
    position: relative;
    margin: 0 10px 0 0;
    width: 42px;
    height: 42px;
    float: left;
    margin-right: 5px;
    text-align: center;
    border: 1px solid #E9E9E9;
    border-radius: 3px;
    cursor: pointer;
}.outpic .smpic .pic-mark img {
    height: 40px;
    max-width: 40px;
    border-radius: 3px;
    cursor: url(../images/product/zoom-in.png),auto;
}
.outpic .cart {
    margin-top: 5px;
    width: 300px;
    height: auto;
    cursor: pointer;
    display: none;
    z-index: 10000;
    transition: all .5s ease;
    overflow: hidden;
    position: relative;
}.outpic .cart .rongqi img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 378px;
    max-width: 498px;
    min-width: 200px;
    min-height: 200px;
    cursor: url(../images/product/zoom-out.png),auto;
}


.button-loadmore a{
    position: relative;
    clear: both;
    display: block;
    width: 180px;
    margin: 0 auto 15px auto;
    color: #fff;
    background-color: #333;
    font-size: 16px;
    font-weight: 300;height:45px;
    padding: 0 35px;    line-height: 45px;
    text-align: center;    cursor: pointer;
    border: 0;
    overflow: hidden; border-radius:26px;
}.button-loadmore a:hover{ color:#ccc;box-shadow:0 7px 22px 2px rgba(71,83,108,.12)}


.star-rating{margin:0 0 1em 0}.star-rating.size-small .star-1,.star-rating.size-small .star-2,.star-rating.size-small .star-3,.star-rating.size-small .star-4,.star-rating.size-small .star-5{float:left;line-height:9px;padding:2px;border-radius:2px;margin:0 3px 0 0}.star-rating.size-small .star-1 .star-image,.star-rating.size-small .star-2 .star-image,.star-rating.size-small .star-3 .star-image,.star-rating.size-small .star-4 .star-image,.star-rating.size-small .star-5 .star-image{width:10px;height:auto}.star-rating.size-medium .star-1,.star-rating.size-medium .star-2,.star-rating.size-medium .star-3,.star-rating.size-medium .star-4,.star-rating.size-medium .star-5{float:left;line-height:1em;padding:3px;border-radius:3px;margin:0 3px 0 0}.star-rating.size-medium .star-1 .star-image,.star-rating.size-medium .star-2 .star-image,.star-rating.size-medium .star-3 .star-image,.star-rating.size-medium .star-4 .star-image,.star-rating.size-medium .star-5 .star-image{width:20px;height:auto}.star-rating.size-large .star-1,.star-rating.size-large .star-2,.star-rating.size-large .star-3,.star-rating.size-large .star-4,.star-rating.size-large .star-5{float:left;line-height:1em;padding:4px;border-radius:4px;margin:0 4px 0 0}.star-rating.size-large .star-1 .star-image,.star-rating.size-large .star-2 .star-image,.star-rating.size-large .star-3 .star-image,.star-rating.size-large .star-4 .star-image,.star-rating.size-large .star-5 .star-image{width:30px;height:auto}.star-rating.count-0 .star-1,.star-rating.count-0 .star-2,.star-rating.count-0 .star-3,.star-rating.count-0 .star-4,.star-rating.count-0 .star-5{background:#c8c8c8}.star-rating.count-1 .star-1{background:#e22027}.star-rating.count-1 .star-2,.star-rating.count-1 .star-3,.star-rating.count-1 .star-4,.star-rating.count-1 .star-5{background:#c8c8c8}.star-rating.count-2 .star-1,.star-rating.count-2 .star-2{background:#f47324}.star-rating.count-2 .star-3,.star-rating.count-2 .star-4,.star-rating.count-2 .star-5{background:#c8c8c8}.star-rating.count-3 .star-1,.star-rating.count-3 .star-2,.star-rating.count-3 .star-3{background:#f8cc18}.star-rating.count-3 .star-4,.star-rating.count-3 .star-5{background:#c8c8c8}.star-rating.count-4 .star-1,.star-rating.count-4 .star-2,.star-rating.count-4 .star-3,.star-rating.count-4 .star-4{background:#73b143}.star-rating.count-4 .star-5{background:#c8c8c8}.star-rating.count-5 .star-1,.star-rating.count-5 .star-2,.star-rating.count-5 .star-3,.star-rating.count-5 .star-4,.star-rating.count-5 .star-5{background:#007f4e}
.hongb-tip-wrap{margin-top: 10px;}
.everyoneLuck{margin: 10px auto;border-radius:15px;}.everyoneLuck_wrap{width: 565px;margin: 0 auto;padding: 20px;}.everyoneLuck_list li{border-bottom: 1px solid #e0e0e0;padding: 10px 3px;}
.fb-user-info{width: 400px; text-align: left;}
.fb-user-info .user_img{display: inline-block;width: 50px;}.fb-user-info .user_img img{width: 50px; height:50px; border-radius: 50%;}
.user_name_time{display: inline-block;margin-left: 10px;color: #999;vertical-align: middle;}
.ni_name{color: #333;font-size: 16px;display: block;}
.count_coupons{width: 150px;text-align:right;font-size: 16px;margin-top: 8px;}span.luckiest{font-weight: bold;padding-left: 20px;background: url(../images/icon11.png) no-repeat 0 -95px;float: right;color: #ff9900;}
.count_coupons span{display: block;}
.everyoneLuckTip{color: red;margin-top: 10px;}
.activityRule li{list-style-type:decimal; text-align: left;margin-left: 20px;line-height: 28px;}