@font-face {
	font-family: 'DIN1451ALTRegular';
	src: url('../font/din1451alt-webfont.eot');
	src: local('DIN1451ALT Regular'), local('DIN1451ALT'), url('../font/DIN1451ALT.TTF') format('truetype'), url('../font/din1451alt-webfont.svg#DIN1451ALT') format('svg');
}
body {font:12px/1.4 Verdana,Arial; background:#f2f2f2; height:100%; margin:0; padding:0}
.FontFamily{font-family:DIN1451ALTRegular;text-align:center;}
.numFont{font-size:45px;}
.contain .top{text-align: center;}
.contain .top .top_head img{margin-top: 18px;}
.contain .top .top_head p{color: #4c4c4c;}
.contain .top .top_head .p1{margin-top: 10px;font-weight: bold;}
.contain .top .top_head .p2{margin-top:10px;}
.contain .top .top_head .p2 label,.contain .top .top_head .p1 label{font-size: 1.8em;color: #43964e;}
.contain .top .top_head .p3{color: #b3b3b3;}
.contain .top .top_head .top_head_btn{width: 55%;padding:5px 10px;margin:10px auto;color:#43974e;}
.contain .top .top_head .top_head_btn.look{color:#000;background-image:url(../image/btn_down.png);background-size:100% 100%;width:46%;}
.contain .top .top_head .top_head_btn.shareBtn{
    width:100%;
    position:fixed;
    bottom:0px;
    left:0;
    margin:0px auto;
    z-index:996;
    padding:0px !important;
    line-height:50px;
    display:flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.contain .top .top_head .top_head_btn.shareBtn.now{
   text-align:center;
   color:#fff;
   font-size:16px;
   display: inline;
   height:48px;
   background: -webkit-linear-gradient(left, #f6c517 , #efad0c); 
   background: -o-linear-gradient(right, #f6c517, efad0c); 
   background: -moz-linear-gradient(right, #f6c517, efad0c); 
   background: linear-gradient(to right, #f6c517 , efad0c); 
   font-weight:inherit;
}
.shareBtn .buttom-container{
    height:48px;
    width: 22%;
    background-color:#fff;
   
}
.shareBtn .little {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;      
    -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center; 
}
.shareBtn div.invite-now {
    background-color:#17b356;
    width:56%;
    color:#fff;
    line-height: 45px;
    font-size: 16px;
    font-weight: normal;
}
.shareBtn div.invite-now.large {
    width:78%;
}
.contain .top .top_head .top_head_btn .buttom-container .img-buttom {
    margin-top: 0px;
    padding-top: 3px;
    width:40px;
    
}
.contain .top .top_head .top_head_btn .buttom-container .little-word {
    font-size: 10px;
    line-height: 2;
    color: #333;
}
.contain .top .top_head .top_head_btn.shareBtn .share_icon{width:20px;height:27px;background-image:url(../image/share_icon.png);background-size:100% 100%;display:inline-block;vertical-align:text-bottom;margin-right:10px;}
.contain .top .top_head .top_head_btn.sp{color:#fff;background-color:#ff9000;border-radius:6px;}
.contain .top .top_head .top_head_btn.sp.download{color:#fff;background-color:#09a600;border-radius:6px;}
.activityClass{color: #fff !important;}
.top_content{background-color:#05c13d;padding-top:20px;}
.top_content .MyLogs{width:100%;height:15px;border-bottom:2px dashed #ccc;background-size:100% 10px;}
.top_content .MyLogs .MyLogsTitle{margin:0 auto;background-color:#f2f2f2;width:150px;font-size:1.5em;padding:0 18px;color:#4c4c4c;font-weight:bold;}
.color43964e{color:#43964e !important;}
.color4c4c4c{color:#4c4c4c;}
.fontSize15{font-size:1.5em;}
.fontSize12{font-size:1em;}
.fontSize40{font-size:4.5em;}
.top .top_line{width:100%;height:13px;background:#fff url(../image/inviteLine1.png) repeat-x center;}
.mui-table-view .mui-media-object.borderRadius{border-radius:100%;max-width:60px;height:60px;line-height:60px;}
.logsNumBox .borderRadius{
    border-radius:100%;
    border:3px solid #aaaaaa;
    max-width:54px;
    height:54px;
    line-height:54px;
}
.logsNumBox .borderRadius.active{
    border:3px solid #17b356;
}
.mui-table-view .mui-media-object.borderRadius.rankAvatar{max-width:40px;height:40px;line-height:40px;}
.mui-row .countLogs label{color:#4c4c4c;}
.mui-row .countLogs.active label{color:#43964e;}
.mui-table-view:before{height:0px !important;}
.mui-table-view .mui-table-view-cell.mui-table-view-li{
    border-bottom:1px solid #c8c7cc;
    margin:-1px auto;

}
.mui-table-view .mui-table-view-cell.mui-table-view-li a{margin:-4px -15px;}
.mui-table-view .mui-table-view-cell.mui-table-view-li a .mui-media-body{line-height:30px;}
@media(min-width:700px) {
    .mui-media-body .p2{font-size: 25px !important;}
}
.mui-backdrop-share{position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 998;background-color: #000;opacity:0.8;filter:Alpha(opacity=80)}
.mui-backdrop-share-i{position:absolute;top:5px;right:5px;max-width:50%;z-index:999;}
.mui-backdrop-share-w{top:160px;left:50%;position:absolute;z-index:999;color:#ccc;}


 .limitWord{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height:20px;}
 .colorff8900{color:#ff8900;}
 .products_more{width: 70%;padding: 5px;margin:10px auto;font-size:1.8em;color:#bfbfbf;background-color:#fff;border:1px solid #e6e2e2;}
 .products_more i{color:#bfbfbf;vertical-align:middle;margin-top:3px;}
 .contain .top .top_head img.packImgs{width:90%;margin-top:10px;}
 .contain .top .top_head img.addImg{width:25px;height:25px;margin-top:10px;}

 
 .successed_btn{width: 70%;padding: 10px;margin:10px auto;font-size:1.8em;display:inline-block;background-color: #17b356;border-radius: 2px;background-size:100% 100%;color:#fff !important;}
 .fail_btn{width: 70%;padding: 10px;margin:10px auto;font-size:1.8em;display:inline-block;background-color: #17b356;border-radius: 5px;background-size:100% 100%;color:#fff !important;}
 .colorff8900{color:#ff8900 !important;}
 .colorfff{color:#fff !important;}
 .fontWeigth{font-weight:bold;}
 .resultBox p{font-family:'Microsoft YaHei'}

@media(max-width:320px) {
    .footerClass {
        position:relative !important;
        
    }
}

.inviteTabUl .inviteTabLi{color: #8be4a3;float:left;padding:5px 0px 8px !important;font-weight:bold;}

.inviteTabUl .inviteTabLi.active{color: #fff;}
.inviteTabUl .inviteTabLi.active .text-underline:after{content:'';display:block;width:50%;height:4px;background-color:#fff;border-radius:25px;margin:5px auto 0;}
.mui-table-view:after{left:20px!important;right:20px !important;border:1px dashed #c8c7cc !important;background-color:#fff !important;}
#productLists li{float:left;width:33.3% !important;padding:10px;}
.height_border10{height:10px;background-color:#f2f2f2;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}

@media(min-width:800px) {
    .submitTelphone .p2,.submitTelphone .p1{
        font-size:30px !important;
        height:60px !important;
        line-height:60px !important;
    }
}
.submitTelphone .submitTelphoneInput{width:68%;height:30px;padding:3px 5px;border:1px solid #ccc;float:left;}
.submitTelphone .submitTelphoneDiv{width:28%;height:30px;text-align:center;padding:0px 5px;background-color:#ff8900;color:#fff;float:right;border-radius:4px;line-height:30px;}
.mui-popup{position:fixed !important;}
.look_top_head_btn{position:absolute;padding:0px 10px;margin:0px auto;color:#0c1d39;background-image:url(../image/btn_up.png);background-size:100% 100%;top:-10px;left:50%;margin-left:-58px;height:26px;line-height:26px;font-size:16px;font-weight:bold;}


.couponsList{padding:10px 0;}
.couponsList .list{width:100%;text-align:center;position:relative;}
.couponsList .list .list_head {height:1px;width:100%;background-color:#e5e5e5;margin-top:-9px;}
.couponsList .list .title{padding:0px 20px;background-color:#fff;color:#4d4d4d;}
.color_c9c{color:#c9c9c9}
.color_333{color:#333}
.couponsList .list .best{border-radius:4px;padding:0px 5px;color:#ffea01;border:1px solid #ffea01;margin-right:5px;vertical-align:middle;display:inline-block;margin-top:-6px;line-height:14px;}

.couponsList .list .list_right{height:42px;line-height:42px;}
.couponsDetail{line-height:0px;margin:5px 0 0px;position:relative;padding:5px 0;}
.couponsDetail .transform_img{transform:rotateX(180deg);}
.couponsDetail{background-color:#fff;border-top-left-radius:4px;border-top-right-radius:4px;position:relative;}
.couponsDetail .detail{width:100%;background-color:#fff;margin:10px 0;min-height:70px;}
.couponsDetail .detail_left{width:26%;float:left;}
.couponsDetail .detail_right{width:74%;float:left;}
.couponsDetail .detail_left .detail{
    color:#f94862;  
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;      
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center; 
}
.couponsDetail .detail_left .detail .unit{font-size:2em;margin:13px 5px 0 0;}
@media(max-width:320px) {
    .couponsDetail .detail_left .detail .unit{margin:5px 5px 0 0;}
}
.couponsDetail .detail_left .detail .price{font-size:4em;}
.couponsDetail .detail_right .detail .left_box{float:left;max-width:57%;line-height:20px;}
.couponsDetail .detail_right .detail .right_box{float:left;width:43%;line-height:69px;}
.detail_right .detail .left_box .text,.detail_right .detail .right_box .text{font-size:1.3em;color:#555;width:100%;min-height:30px;text-align:left;font-weight:bold;}
.detail_right .detail .left_box .text_p{width:100%;float:left;text-align:left;color:#bbb;}
.detail_right .detail .left_box .text_p label{display:inline-block;line-height:0px;font-size:2em;vertical-align:text-top;}
.detail_right .detail .right_box .text{color:#f94862;font-weight:normal;font-size:1em;text-align:center;min-height:0px;margin:10px 0 5px 0;}
.detail_right .detail .right_box .text_btn{color:#fff;font-weight:normal;font-size:1.2em;text-align:center;background-color:#f94862;border-radius:25px;padding:5px 10px;}

.disc_img{width:14px;height:7px;position:absolute;top:0px;left:30%;margin-top:0px !important;margin-left:-4px;}
.disc_transform_img{width:14px;height:7px;position:absolute;bottom:0px;left:30%;margin-top:0px !important;margin-left:-4px;}

.couponsDetail .detail_right.detail_no .detail{
    line-height:20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;      
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center; 
    -webkit-box-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
}
.couponsDetail .detail_right.detail_no .detail .p1{font-weight:bold;width:100%;margin-top:0px !important;}
.couponsDetail .detail_right.detail_no .detail .p2{width:100%;margin-top:-15px;color: #b3b3b3;}


.ranksListTable th{height:30px;line-height:30px;color:#009844;font-size:14px;padding:5px 0;}
.ranksListTable thead tr{border-bottom:1px dashed #e5e5e5;}
.ranksListTable tbody tr{border-bottom:1px dashed #eaeaea;}
.ranksListTable tbody tr td{min-height:40px;line-height:40px;padding:10px 0;}
.ranksListTable .rank{color:#fff;width:20px;height:20px;border-radius:100%;text-align:center;line-height:20px;display:inline-block;background-color:#6b9edf;}
.ranksListTable .rank.rank1{background-color:#b456dd;}
.ranksListTable .rank.rank2{background-color:#f83737;}
.ranksListTable .rank.rank3{background-color:#ccc;}
.ranksListTable .rank.rank1_1{background-color:#fb4867;}
.nickName_box{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.nickName_box label{color:#8a8a8a;}
.rank_num{color:#4d4d4d;}
.select_type_box{width:80%;margin:20px auto;}
.select_type_box .type_tab{width:33.33%;height:22px;line-height:22px;color:#555;}
.select_type_box .type_tab.rankType{width:25%;}
.select_type_box .type_tab.active{background-color:#eaeaea;border-radius:25px;}

.select_type_box .type_tab.all{border-top-right-radius:4px;border-bottom-right-radius:4px;}


.invite_notice .reciverList{
    height:25px;
    text-align:center;
    line-height:25px;
    color:#333333;
    overflow:hidden;
    background-color:#fffee8;
}
.invite_notice .reciverList .reciverList-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;      
    -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;             
}
.invite_notice .reciverList .reciverList-container .icon {
     -prefix-box-flex: 1; 
     -webkit-box-flex: 1;      
     -webkit-flex: 1;          
     -moz-box-flex: 1;         
     -ms-flex: 1;              
     flex: 1;                  
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
     -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; 
    -webkit-justify-content: flex-end;
      -moz-justify-content: flex-end;
      -ms-justify-content: flex-end;
      -o-justify-content: flex-end;
      justify-content: flex-end;  
}
.invite_notice .reciverList .reciverList-container .reciverUl {
    height: 22px !important;
    text-align:left;
    -prefix-box-flex: 11; 
     -webkit-box-flex: 11;      
     -webkit-flex: 11;          
     -moz-box-flex: 11;         
     -ms-flex: 11;              
     flex: 11;                  
}
.invite_user_info {
    margin-left: 13px;
    width:72%;
}
.invite_user_info p{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align:left;
}
.invite_user_info .name {
    color:#333333;
}
.invite_user_info .note {
    color:#aaaaaa;
}

.invite_user_info .time {
  color: #aaaaaa;
  font-size:12px;
}

.invite_user_info .note.active {
    color:#e8a900;
}
.more_container {
    padding-top: 30px;
    margin-top: 1px;
    margin-bottom: 10px;
    z-index: 9999;
    background: #fff;
}
.only-invite .mui-switch {
    height: 18px;
    background-color: #eeeeee;
    border: 0px solid #fff;
    width: 34px;
}
.packageTitle1 .mui-switch .mui-switch-handle {
    width: 14px;
    height: 14px;
    top: 2px;
    left: 4px;
}
.packageTitle1 .mui-switch.mui-active {
    background-color: #17b356;
    border:0px solid #fff;
}
.color_17b356{color:#17b356;}
.color_ff9000{color:#ff9000;}
.packageTitle{margin-top:20px;}
.packageTitle.packageTitle1{margin-top:26px;}
.packageTitle span{width:100%;display: block;color: #00ae39;position:relative;font-weight:bold;}     
.packageTitle.packageTitle1 span{color: #fff;}     

.packageTitle.packageTitle1 span:before, .packageTitle.packageTitle1 span:after {background: #fff;width: 25%;}
.packageTitle span:before{left: 7%;}
.packageTitle span:after {right: 7%;}
.packageContent{width:85%;height:90px;margin:20px auto;border-radius:6px;box-shadow: 0 0 10px #f0f0f0; border:1px solid #f9f9f9;position:relative;}
.packageContent .content-img{position:absolute;right:0px;top:-10px;}
.packageContent .content-text{margin:23px 0px 26px 20px;text-align:left;font-size:16px;}

.top_head_bg .top_head_gift_box {
    width: 95%;
    margin: 0px auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    background-color: #fff;
    border-radius:3px;
    padding-bottom: 20px;
}
.top_content {
    width: 95%;
    margin: 0px auto;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    border-radius: 3px;
    background-color: #fff;
}
.top_content:before {
    background-image:url("../image/content1.png");
    width:100%
}
.top_content:after {
    background-image:url("../image/content2.png");
    width:100%
}
.top_content .rank-content-div{border-radius:10px;margin:10px auto;margin:0px 20px;overflow:hidden;}
.package1 .point-text{margin:0 auto;color:#fff;text-align:left;}
.package1 .point-text p{color:#fff;}
.deliveryScope{width:100%;position:absolute;top:5px;left:0px;text-align:center;line-height:20px;}
.checkout_scope {
    position:absolute;
    top:0px;
    width:100%;
    text-align:center;
}
.dot-container {
    width:100%;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height:12px;
    padding-top:2px;
}
.dot-container .dot{
    width:6px;
    height:6px;
    border-radius:50%;
    margin:4px;
    background-color:#aaaaaa;
}
.dot-container .dot.active{
    
    background-color:#17b356;
}
.products-list {
    background-image:url("../image/new_user5.png");
     width:100%;
     padding: 0px 1% 10px;
     display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
     background-repeat: round;
     -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap:wrap;
}
.products-list .product-item-container {
    background-color: #fff;
    width: 49%;
    margin: 0px auto 3px;
}
.product_text_container{
        padding: 2px 10px 5px;
        line-height:2;
}
.product_text_container .product_name {
    text-align:left;
    font-size:14px;
    font-weight:bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product_text_container .product_price {
    text-align:left;
    margin-bottom: 2px;
}
.product_text_container .product_price .symbol {
    color:#fe8f00;
    font-size: 12px;
}
.product_text_container .product_price .price {
    color:#fe8f00;
    font-size: 16px;
    font-weight: bold;
}
.product_text_container .product_price .market_price {
    color:#cbcbcb;
    font-size: 12px;
    margin-left:8px;
}
.rule-title-container{
    text-align:center;
}
.rule-title-container .switch_tab {
    
}
.rule-title-container .switch_tab .title{
    font-size:16px;
    margin: 0px 18px;
}
.rule-title-container .switch_tab .title.active{
    color:#17b356;
}
.rule-content-container {
    margin:20px;
    border-top:1px solid #e9e9e9;
}
.deliveryScope p{color:#fff !important;}  
.packs-content-box{overflow-x:auto;width:90%;background-color:#fff;border-radius:15px;margin:0px auto;}
.pack_content_ab{position:absolute;bottom:6px;left:0px;width:100%;text-align:center;z-index:5;}
.package .conpous_div{position:absolute;top:-10px;left:0px;height:120px;width:100%;}
.package .conpous_div_shadow{position:absolute;top:-15px;right:-40px;height:125px;width:40px;box-shadow: -10px 0px 15px #f9f9f9;z-index:10;background-color:#f9f9f9;}

.top_content.top_content_sp{background-color:#fff;}
.top_content_sp .inviteTabUl .inviteTabLi{color: #ccc;}
.top_content_sp .inviteTabUl .inviteTabLi.active{color: #05c13d;border-bottom:1px solid #05c13d;}


.marginTop{margin-top:20px;}
.marginTop10{margin-top:10px;}
.contain.containDiv{width:100%;position:relative;height:100%;top:0px;left:0px;}
@media(min-width:420px) {
    .contain.containDiv{width:414px;margin:0px auto;position:relative;}
}
.contain.shareContain{background-image:url("../image/share1.png");background-repeat:repeat-y;background-size:100%;}
.limitText{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.phone_color{color:#ffea01;}
.color_fff{color:#fff !important;}
.color_eaeaea{color:#eaeaea !important;}
.userBtn{color:#04a03c;font-size:1.2em;text-align:center;background-color:#ffea01;border-radius:25px;padding:0px 15px;display:inline-block;font-weight:bold;margin-top:15px;height:30px;line-height:30px;}
.userBtn.sp{color:#555;padding:0px 35px;}
.discount_div_box{position:relative;width:85%;margin:36px auto 0;}
.discount_div_box.sp{margin:10px auto 0;}
.discount_shade_div{width:100%;position:absolute;top:0px;height:100%;border-radius:6px;background-color:#1c1c20;opacity:0.1;filter:alpha(opacity=10);}
.packageTitle.couponsTitle span{color: #fff;}
.packageTitle.couponsTitle span:before{left: 28%;}
.packageTitle.couponsTitle span:after {right: 28%;}
.packageTitle.couponsTitle.activityTitle span:before{left: 35%;}
.packageTitle.couponsTitle.activityTitle span:after {right: 35%;}
.packageTitle.couponsTitle span:before, .packageTitle.couponsTitle span:after {width:5%;}
.mui-table-view .mui-media-object.borderRadius{width:45px;max-width:45px;height:45px;line-height:45px;}
.couponsList .mui-table-view .mui-table-view-cell.mui-table-view-li a .mui-media-body{line-height:21px;}
.activityRule{width:100%;position:relative;padding:20px 10px;text-align:left;word-wrap:break-word;}
.activityRule p{text-indent:-14px;margin-left:14px;letter-spacing:1px;}
.lineHieght{line-height:21px;}
.discount_div.discount_div_box .DetailDiv{width:100%;padding:20px 15px;position:relative;}

.get-dialog {
    position: fixed;
    width: 88%;
    left: 6%;
    top: 35%;
    margin-top: -44%;
    z-index: 999;
    background-color: #fff;
    display:none;
    border-radius:3px
}

.get-dialog .title{
    padding:20px 2% 0px;
    color:#f0ae0d;
    text-align: center;
    font-size: 17px;
}
.get-dialog .title.samll{
    font-size: 15px;
}
.get-dialog .content{
    margin:20px 2% 35px;
    border:1px solid #f7f7f7;
    text-align: center;
}
.get-dialog .content .input-container{
    width:100%;
    padding: 3px 5%;
}
.get-dialog .content .input-container.comb {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
     -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; 
    -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;  
}
.get-dialog .content .input-container input{
    border: none;
}
.get-dialog .content .input-container .top-input {
    border-bottom: 1px solid #f7f7f7;
    height: 40px;
     width: 100%;
     font-size:15px;
     margin-bottom: 0px;
}
.get-dialog .content .input-container .sec-input {
    margin-bottom: 0px;
    font-size:15px;
    -prefix-box-flex: 2; 
     -webkit-box-flex: 2;      
     -webkit-flex: 2;          
     -moz-box-flex: 2;         
     -ms-flex: 2;              
     flex: 2;                  
   
}
.clear{ clear:both} 
.get-dialog .content .input-container .send-btn {
    background-color: #cccccc;
    padding: 5px 10px;
    border-radius: 13px;
    font-size: 14px;
    color: #fff;
    float: right;
}
.get-dialog .content .input-container .send-btn.active {
    background-color: #17b356;
}

.get-dialog .sure_botton{
    width:100%;
    background-color:#d2d2d2;
    color:#ffffff;
    text-align:center;
    font-size:18px;
    padding: 10px 0px;
    border-radius: 3px;
}
.get-dialog .sure_botton.active{
   background: -webkit-linear-gradient(left, #f6c517 , #efad0c); 
   background: -o-linear-gradient(right, #f6c517, efad0c); 
   background: -moz-linear-gradient(right, #f6c517, efad0c); 
   background: linear-gradient(to right, #f6c517 , efad0c); 
}


.qrcode-dialog {
    position: fixed;
    width: 80%;
    top: 40%;
    margin-top: -44%;
    margin-left:10%;
    z-index: 999;
    background-color: #fff;
    display: none;
    border-radius: 3px;
}
.qrcode-dialog .qrcode {
    padding: 12px 50px 34px;
}
.qrcode-dialog .code-title {
    padding: 34px 50px 0px;
    font-size:16px;
    text-align: center;
}
.qrcode-dialog .code-title.sec{
    padding: 0px 50px;
}
.qrcode-dialog .code-close {
    border-top:1px solid #f7f7f7;
    width:100%;
    text-align:center;
    font-size:16px;
    padding: 10px 0px;
}
.product-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
     -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center; 
     border-bottom: 1px solid #f7f7f7;
     padding: 10px 0px;
}
.only-invite {
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    float:right;
    margin-top:-1px;
}


.top_head .top_head_bg{
    width:100%;
    background-image:url(../image/invite-new-2.png);
    background-repeat:no-repeat;
    background-size:100%;
    padding-top:65px;
}

.top_head_gift_box .gift_img_box{
    width:100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;      
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center; 
}
.gift_img_box .gift_img{width:40%;margin-top:10px;}
.gift_img_box .gift_img.sp{margin-left:5%;}
.invite_notice{width:90%;height:60px;margin:15px auto 0;}
.invite_notice .reciverUl li{
    height:25px;
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-bottom:8px;
    line-height:22px;
    font-size:14px;
    background-color:#fffee8;
    border-radius:25px;
    text-align:center;
    color:#e8c045;
    padding:0 5px;
}
.top_head_gift_box .btn_box{
    margin:0 auto;
    width:90%;
}
.top_head_gift_box .btn_box .btn_div{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;      
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center; 
}
.btn_div .btn_img {
    width: 22%;
   
}
.margin_left_p_10{margin-left:10%;}
.head_tab {
    width: 100%;
    padding: 10px 0;
    top: 0;
    background-color:#fff;
    z-index: 3;
    position: -webkit-sticky; 
    position: sticky;
}

.head_tab.nav_fixed {
    position: fixed;
    top: 0;
}
.head_tab .tab_li{width:33.3%;float:left;text-align:center;font-size:14px;line-height:16px;}
.head_tab .tab_li.active{color:#17b356}