body{background-color: #3291f5;}
.topImg img{width: 100%;}
.designCont{padding-bottom: 150px;max-width: 1480px;margin: 0 auto;}
.designerList{border-radius: 20px;background-color: #fff; position: relative;width: 1000px;margin:-7% auto 0;padding: 20px 105px;}
.designerList::before{content: '';position: absolute;height: 50px; background: url(../images/designer/006.png) no-repeat left top/100%; width: 1053px;top: -30px;left: -22px;}
.designerList .tab{display: flex; justify-content: center}
.designerList .tab a{display: inline-block;padding: 10px 0 5px;border-bottom: 3px solid #fff;font-size: 16px; margin: 0 60px;font-weight: bold;}
.designerList .tab a.active{border-color: #3191f5;color: #3191f5;}

.designerList .list{margin-top: 20px;display: none;}
.designerList .list.active{display: block;}
.designerList .list .li{display: flex;font-size: 14px;margin: 0 12px;border-bottom: 1px solid #eee;padding: 10px 0;clear: both;}
.designerList .list .li:last-child{border-bottom: none;}
.designerList .list .li .t1{width: 30px; display: flex; align-items: center; justify-content: center; color: #c1cadb;font-weight: bold;font-size:20px;font-family: 'Microsoft Yahei', 'PingFang SC', 'Avenir', 'Segoe UI', 'Hiragino Sans GB', STHeiti, 'Microsoft Sans Serif', 'WenQuanYi Micro Hei', sans-serif;}
.designerList .list .li:first-child .t1{background: url(../images/designer/t1.png) no-repeat center center /100%; text-indent: -99999em;}
.designerList .list .li:nth-child(2) .t1{background: url(../images/designer/t2.png) no-repeat center center /100%; text-indent: -99999em;}
.designerList .list .li:nth-child(3) .t1{background: url(../images/designer/t3.png) no-repeat center center /100%; text-indent: -99999em;}
.designerList .list .li .t2{width: 60px;position: relative;display: flex; justify-content: center;flex-direction: column; align-items: center;margin: 0 30px;}
.designerList .list .li .t2 img{width:60px;height: 60px; border-radius: 50%;}
.designerList .list .li .t2 .tip{width: 92%; margin-top: -14px; text-align: center; background-color:#bdc6d5; color: #fff;font-size: 12px;border-radius: 20px;height: 23px;display: flex;justify-content: center; align-items: center;border: 1px solid #fff;}
.designerList .list .li .t2 .tip.active{background-color: #e1be8e;color: #333;}
.designerList .list .li .t3{flex: 1; display: flex; flex-direction: column;justify-content: space-around;overflow: hidden;}
.designerList .list .li .t3 .name{font-size: 14px;overflow: hidden; text-overflow: ellipsis;white-space:nowrap;font-weight: bold;}
.designerList .list .li .t3 .tags{display: flex; }
.designerList .list .li .t3 .tags span{padding:2px 10px;background-color: #c5d9fe;color: #3191f5;margin-right: 10px;border-radius: 30px;font-size: 12px;display: table-cell;line-height: normal; vertical-align:middle;white-space: nowrap; display: flex; justify-content: center;  align-items: center;}
.designerList .list .li .t3 .tags span:last-child{margin: 0;}
.designerList .list .li .t4,.designerList .list .li .t5{display: flex; flex-direction: column;justify-content:  space-around; text-align: center;}  
.designerList .list .li .t4 .title,.designerList .list .li .t5 .title{color: #777;}
.designerList .list .li .t4 .num{color: #3191f5;}  
.designerList .list .li .t5{margin-left: 20px;}
.designerList .list .li .t5 .num{color: #f00;} 

.regD{display: flex;justify-content: center;align-items: center;flex-direction: column;padding: 35px 0 10px;position: fixed;bottom: 0px;width: 100%;left: 0;
    background-color: rgba(245,245,245,0.8);box-sizing: border-box;height: 125px;}
.regD .regDC{width: 580px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.regD .reg{width: 50%;background-color: #3191f5;color: #fff;font-size: 16px; height:35px;display: flex; justify-content: center; align-items: center;border-radius: 50px;}
.regD .desc{font-size: 12px; color: #999;margin-top:9px;}
.regD .desc a{color: #333;margin: 0 6px;}

.regD .btn{ display: flex;width: 100%;align-items: center;justify-content: center;}
.regD .btn .reg{width: 40%;box-shadow: 0 4px 0 0 #3a72db, 0 4px 0 0 #3a72db;background:#5997fa;color: #fff;font-size: 15px; height:40px;display: flex; justify-content: center; align-items: center;border-radius:64px; margin: 0 15px;font-weight: bold;position: relative;}
.regD .btn .reg.invite{box-shadow: 0 4px 0 0 #f7961c, 0 4px 0 0 #f7961c;background:#fcf447;	color: #f00;}
.regD .btn .reg .bag{position: absolute;right: -10px;top: -40px;display: flex; align-items: center;width: 100%; height:35px;justify-content: center;font-weight: normal;color: #f00;font-size:14px;}
.regD .btn .reg .bag::before{content:'';width:20px; height:40px;display: block;background: url(../images/designer/c2.png) no-repeat left center;animation: upAnimation 2s ease .5s infinite both; background-size: 100% auto;margin-right: 15px;}  
.regD .btn a:hover{opacity: 0.8;}

/* 邀请首页 */
.cBlock{display: flex;width: 1020px;justify-content: space-between;margin:-10% auto 0;    position: relative;}
.cBlock img{width: 23%;}
.designerList.p2{margin: 60px auto 0;}
.designerList.p3{margin-top: 15px;}

.topImg{position: relative;}
.topImg .scroll{position:absolute;top:85px;color:#ffdd15;text-align:center;font-size:13px;width:100%}
.topImg .rule{position:absolute;top:68px;right:calc((100% -  1000px) / 2 + 15px);width:40px;height:60px;background:url(https://res.cdn.zhanmang.com/app/img/invite/c13.png) no-repeat 0 0;background-size:100% auto;cursor: pointer;}
.topImg .rule.plan{background:url(https://res.cdn.zhanmang.com/app/img/invite/c31.png) no-repeat 0 0;background-size:100% auto}
.taglist{height: 30px;line-height: 30px;overflow: hidden;}
.taglist  .marquee_top {    transition: all 0.5s;margin-top: -30px	}




.part.p3{margin-top:40px}
.part .top{position:absolute;top:13px;left:10px;width:calc(100% - 19px);height:25px;background:url(https://res.cdn.zhanmang.com/app/img/invite/c30.png) no-repeat 0 0;background-size:100% auto}
.part .content{background-color:#fff;margin:0 10px;overflow:hidden;margin-top:13px;padding:0px 0 10px;border-radius:0 0 10px 10px}
.part .t1{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#333}
.part .t1 .icon{background:url(https://res.cdn.zhanmang.com/app/img/invite/c14.png) no-repeat 0;background-size:100% auto;width:17px;height:17px;margin:0 12px}
.part .ath2{font-weight:700;font-size:15px;text-align:center;margin-top:10px}
.part .ath3{font-size:14px;text-align:center;color:#555;margin-top:5px}
.part .ath3 span{color:red}
.part .btn{display:flex;width:100%;align-items:center;justify-content:center;margin-top:20px}
.part .btn .reg{width: 30%;box-shadow: 0 4px 0 0 #3a72db, 0 4px 0 0 #3a72db;background:#5997fa;color: #fff;font-size: 15px; height:40px;display: flex; justify-content: center; align-items: center;border-radius:64px; margin: 0 15px;font-weight: bold;position: relative;}
.part .btn .reg.invite{box-shadow: 0 4px 0 0 #f7961c, 0 4px 0 0 #f7961c;background:#fcf447;	color: #f00;}
.part .btn .reg:hover{opacity: 0.8;}
.part .step_t5{display:flex;justify-content:center;margin-top:25px;flex-wrap:wrap;align-items: center;}
.part .step_t5 .li{display:flex;align-items:center;font-size:12px;flex:1;padding-left:7px}
.part .step_t5 .li .icon{width:79px;height:79px;background:url(https://res.cdn.zhanmang.com/app/img/invite/c21.png) no-repeat 0 0/100%}
.part .step_t5 .li .p{color:#999;font-size:15px;display:flex;flex-direction:column;padding-left:2px;justify-content:center;margin-left: 15px;}
.part .step_t5 .arr{width:30px;height:50px;background:url(https://res.cdn.zhanmang.com/app/img/invite/c20.png) no-repeat 50%/100%;margin-right: 20px;}
.part .step_t5 .li.s2 .icon{background:url(https://res.cdn.zhanmang.com/app/img/invite/c22.png) no-repeat 0 0/100%}
.part .step_t5 .li.s3 .icon{background:url(https://res.cdn.zhanmang.com/app/img/invite/c23.png) no-repeat 0 0/100%}
.part .detail{margin-top:30px}
.part .detail .p_b{margin:0 20px;display:flex}
.part .detail .p_b .h2{width: 165px;font-size:15px;font-weight:600;color:#000;display:inline-block;position:relative;letter-spacing:0.5px;display:flex;align-items:center;}
.part .detail .p_b .h2.tx{flex: 1;}
.part .detail .p_b .h2::before {content:"";width:4px;height:14px;background-color:#e9380c;display:inline-block;margin-right:10px}
.part .detail .p_b .txbtn{box-shadow: 0 2px 0 0 #3a72db, 0 2px 0 0 #3a72db;background:#5997fa;color: #fff;font-size: 15px; height:32px;display: flex; justify-content: center; align-items: center;border-radius:64px;font-weight: bold;position: relative;cursor: pointer;width: 100px;}

.part .detail .p_b .code{width:260px;border:2px solid #3a72db;background-color:#fefdf9;display:flex;border-radius:25px;justify-content:space-between;align-items:center;padding:2px 2px 4px}
.part .detail .p_b .code .codeTxt{flex:1;text-align:center;color:#555;font-size: 20px;}
.part .detail .p_b.link .code{width: 70%;}
.part .detail .p_b.link .code .codeTxt{font-size: 14px;text-align: left;padding-left: 20px;color: #666;}

.part .detail .progressBar{margin:15px 20px 0;height:10px;background-color:#fb6;border-radius:5px;overflow:hidden}
.part .detail .progressBar .active{height:100%;width:30%;background-color:#ff3d19;border-radius:5px}
.part .detail .desc{color:#999;font-size:14px;text-align:center;margin-top:10px}
.part .mList{display:flex;padding-right:5px;margin-top:20px}
.part .mList .li{flex:1;margin-left:25px;background-color:#ffeeec;font-size:15px;height:128px;position:relative;overflow: hidden;border-radius: 16px;}
.part .mList .li .pt{color:#fff;text-align:center;padding-top:10px;height:45px;position:absolute;z-index:2;width:100%}
.part .mList .li .bt{text-align:center;color:#ea3309;height:75px;display:flex;flex-direction:column;justify-content:center;margin-top:40px}
.part .mList .li .bt img{width:100%;height:128px;border-radius:5px}
.part .mList .li .bt .num{font-size:28px;font-weight:700}
.part .mList .li .bt .num span{font-size:14px}
.part .mList .li .bt .txt{font-size:14px}
.part .mList .li:before {content:"";display:flex;width:100%;height:100%;left:0;top:0;position:absolute;background:url(https://res.cdn.zhanmang.com/app/img/invite/c15.png) no-repeat 0 0/100% 100%;z-index:1}
.shareBtn{margin:35px 35px 10px;display: flex;justify-content: center;}
.shareBtn .btnImg{background:#fcf447;height:40px;color:#ea3309;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;border-radius:25px;box-shadow:0 3px 0 0 #f7961c,0 3px 0 0 #f7961c;width: 400px;cursor: pointer;}
.shareBtn .btnImg:hover,.txbtn:hover{opacity: 0.8;}
.face_list{clear:both;overflow:hidden;margin-top:15px}
.face_list .li{position:relative;border-bottom:0.5px solid #eee;padding:13px 0;margin:0 12px;display:flex}
.face_list .li .face{width:45px;height:45px}
.face_list .li .face img{width:100%;height:100%;border-radius:100%}
.face_list .li .d_r{flex:1;margin-left:25px}
.face_list .t_cont{overflow:hidden;clear:both;display:flex;align-items:center}
.face_list .t_cont .Ttime{color:#999;font-size:12px;flex:1;margin-left:10px}
.face_list .t_cont .t_title{font-size:14px;flex:1}
.face_list .t_cont .t_status{width:50px;text-align:right;font-size:12px;color:#000}
.face_list .t_cont .t_status.red{color:red}
.face_list .t_time{margin:12px 0 0;color:#999;font-size:12px;line-height:17px}
.face_list .money{position:absolute;bottom:13px;right:0;font-size:15px;color:red}
.shareAlert{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:15}
.shareAlert .sCont{display: flex;flex-direction: column;align-items: center;position: relative;}
.shareAlert .sCont .h2{color:#fff;font-size:17px;text-align:center}
.shareAlert .sCont .btm{position:relative;text-align: center;}
.shareAlert .sCont .btm .bg{height:500px}
.shareAlert .sCont .dw_btn{display:inline-block;padding: 10px 30px;background-color: #3191f5;color: #fff;border-radius: 5px;font-size: 16px;margin-top: 15px;cursor: pointer;}
.shareAlert .sCont .btm .ewmC{text-align:center;position:absolute;width:70%;top:130px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.shareAlert .sCont .btm .ewmC .p{font-size:14px}
.shareAlert .sCont .btm .ewmC .ewm img{width:90px;display:inline-block;margin-top:10px}
.shareAlert .sCont .btm .ewmC .txt{font-size:12px;color:#999}
.shareAlert .sCont .closeA{text-align:center;display:flex;justify-content:center;position: absolute;right: -35px;top: -35px;cursor: pointer;}
.shareAlert .sCont .closeA span{display:flex;width:30px;height:30px;border:2px solid #fff;border-radius:50%;color:#fff;align-items:center;justify-content:center}
.shareAlert .sCont .face{text-align:center;margin-top:27px;box-sizing:border-box}
.shareAlert .sCont .face img{width:45px;height:45px;display:inline-block;border-radius:50%;border:2px solid #fff}
.shareAlert .sCont .face .name{font-size:12px;color:#fff}
.shareAlert .sCont .face .site{font-size:15px;color:#fff;margin-top:12px}



.cDesc{margin:12px auto 28px;width:500px;padding:15px;border-radius:5px;background-color:#f1f1f1;display:flex;justify-content:center;align-items:center;flex-direction:column}
.cDesc .h2{font-size:16px;font-weight:700}
.cDesc .p{color:#888;font-size:14px;margin-top:3px}
.cDesc .p span{color:red}
.ulDesc{padding:0 20px}
.ulDesc .li{font-size:14px;line-height:19px;margin-top:13px}
.ulDesc .li .h1{display:flex;align-items:flex-start;color:#333;font-weight:700}
.ulDesc .li .h1:before {display:inline-block;content:"";width:17px;height:17px;background:url(https://res.cdn.zhanmang.com/app/img/invite/p1.png) no-repeat 0/100%;margin-right:5px}
.ulDesc .li .h1 .title{flex:1}
.ulDesc .li.c2 .h1:before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p2.png) no-repeat 0/100%}
.ulDesc .li.c3 .h1:before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p3.png) no-repeat 0/100%}
.ulDesc .li.c4 .h1:before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p4.png) no-repeat 0/100%}
.ulDesc .li.c5 .h1:before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p5.png) no-repeat 0/100%}
.ulDesc .li.c6 .h1:before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p6.png) no-repeat 0/100%}
.ulDesc .li.c7 .h1:before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p7.png) no-repeat 0/100%}
.ulDesc .li .txt{margin-top:5px;margin-left:20px;color:#888}
.cbtn{display:flex;width:100%;align-items:center;justify-content:space-around;margin-top:20px;position:fixed;bottom:15px;left:0}
.cbtn .reg{width:45%;box-shadow:0 3px 0 0 #3a72db,0 3px 0 0 #3a72db;background:#5997fa;color:#fff;font-size:15px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:28px;font-weight:700;position:relative}
.cbtn .reg.invite{box-shadow:0 3px 0 0 #f7961c,0 3px 0 0 #f7961c;background:#fcf447;color:red}
body.pages-invite-index {background-color:#4f91f2}




/* 邀请页 */
.designerList.s1{margin-top:10px;}
.designerList.s2,.designerList.s3{margin-top: 45px;}
.empty{min-height: 200px;font-size: 16px;color: #999;}

/* 活动规则 */
.select_alert{position: fixed;width: 100%;height: 100%;left: 0;top: 0;z-index: 1001;display: flex;justify-content: center;align-items: center;}
.select_alert .mask{position: absolute;background-color: rgba(0,0,0,.5);width: 100%;height: 100%;left: 0;top: 0;}
.select_alert .content{width: 800px;height: 600px;background-color: #fff;z-index: 10;border-radius: 15px;padding: 20px 0px;position: relative;}
.select_alert .content .contentB{overflow-y: auto;height: 560px;padding-right: 20px;}
.select_alert .close{position: absolute;width: 50px;height: 50px;right: 0px;top: 10px;display: flex;align-items: center;cursor: pointer;}
.select_alert .close i{font-size: 20px;color: #555;}
.select_alert .close:hover i{color: #3191f5;}

.rCont{background-color:#fff;border-radius:10px;margin:10px;padding:20px 0}
.rCont .h2{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;color:#333}
.rCont .h2 .icon{background:url(https://res.cdn.zhanmang.com/app/img/invite/c14.png) no-repeat 0;background-size:100% auto;width:17px;height:17px;margin:0 5px}
.rCont .ul{padding:0 20px}
.rCont .ul .li{font-size:14px;color:#888;line-height:19px;margin-top:13px}
.rCont .ul .li .h1{display:flex;align-items:flex-start}
.rCont .ul .li .h1::before {display:inline-block;content:"";width:17px;height:17px;background:url(https://res.cdn.zhanmang.com/app/img/invite/p1.png) no-repeat 0/100%;margin-right:5px}
.rCont .ul .li .h1 .title{flex:1}
.rCont .ul .li.t2 .h1::before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p2.png) no-repeat 0/100%}
.rCont .ul .li.t3 .h1::before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p3.png) no-repeat 0/100%}
.rCont .ul .li.t4 .h1::before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p4.png) no-repeat 0/100%}
.rCont .ul .li.t5 .h1::before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p5.png) no-repeat 0/100%}
.rCont .ul .li.t6 .h1::before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p6.png) no-repeat 0/100%}
.rCont .ul .li.t7 .h1::before {background:url(https://res.cdn.zhanmang.com/app/img/invite/p7.png) no-repeat 0/100%}
.rCont .ul .li .txt{margin-top:5px}


/* 认证页 */
.designerList.a2{margin-top:-14px; padding-bottom: 35px;}
.designerList.a2 .detail .p_b{justify-content: center;}
.designerList.a2 .detail .p_b .h2{width: 95px;}
.designerList.a2 .btn{margin-top: 30px;}


.money_top{height: 130px;background-color:#eff8ff;padding:25px 15px 25px 30px; color:#3191f5; position: relative;margin-top:20px;display: flex;}
.money_top .m_left{ color: #3191f5;}
.money_top .m_left.t2{margin-left: 80px;padding-left:80px;border-left: 1px solid #ddd;}
.money_top .m_left p{font-size: 16px;}
.money_top .m_left .num{font-size: 40px;margin-top: 5px;}
.money_top .m_left .num span{font-size: 16px;}
.money_top .m_btn{position: absolute; right:20px; bottom:30px;}
.money_top .m_btn a{ display: inline-block; width: 125px; height: 40px;border: 1px solid #3191f5;color: #3191f5; text-align: center;line-height: 40px;margin-left: 10px;border-radius: 5px; font-size: 16px; font-weight: bold;background: #3191f5;color: #fff;}
.money_top .m_btn a.add{background:none;color: #3191f5;}
.money_top .m_btn a:hover{background: #3191f5;color: #fff;}

.moneybt .tp{ background:#f3f3f3; height: 30px; margin-top:20px; padding:0 15px;font-size: 14px;font-weight: bold; color: #555;}
.moneybt .tp .iconfont{color: #3191f5; line-height: 30px; margin-right:10px;}
.moneybt .intro{ padding: 10px 25px;font-size: 14px;}
.moneybt .intro .li{margin-top: 10px;}
.intro .li .t1{
    font-size: 14px;
    color: #666;
}
.intro .li .t2{
    font-size: 12px;
    color: #999;
    line-height: 20px;
}
.intro .li .t2 p{
    margin-left: 20px;
}
.intro .li.mom .t1{
    color: #999;
    font-size: 12px;
    color: #999;
    margin-top: 20px;
}

.p_select{display: flex;flex-wrap: wrap;margin-top: 20px;}
.p_select .item{ position: relative;width: 19%;margin-left: 1%;margin-bottom: 1%;border:1px solid #fff; text-align: center; line-height: 55px; font-size: 16px;}
.p_select .item.desc{color: #3191f5;}
.p_select .item.active{border: 1px solid #3191f5;color: #3191f5;}
.p_select .item.text{background: #f1f1f1;}
.p_select .item .price{ width: 75px; height:50px;border: 1px solid #eee;margin-right: 10px;padding: 0 10px; font-size: 16px;}
.p_select .item.choose{cursor: pointer;background-color: #f1f1f1;}
.p_select .item.getBtn{ background-color: #3191f5; color: #fff;cursor: pointer;}
.p_select .item.getBtn:hover{opacity: 0.8;}

.divRadius {
    border:16px solid #555;
    border-left: 16px solid transparent;
    border-top: 16px solid transparent;
    bottom: 0;
    right: 0;position: absolute;
    border-color: transparent #3191f5 #3191f5 transparent; display: none;
}
.divRadius i {
    display: block;
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    bottom: 27px;
    right: 3px;
    font-size: 20px;
    color: #fff;
}
.p_select .item.active .divRadius{display: block;}