
.index-banner-wrap{min-height:6.9rem;background-position:center;background-size:cover;background-repeat:no-repeat;padding-top:.85rem}
.index-banner-wrap .index-banner{display:flex;min-height:4.67rem}
.index-banner-wrap .ibn-content{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-right:.7rem}
.index-banner-wrap .ibn-title{line-height:1.2083333333;color:#936}
.index-banner-wrap .ibn-info{line-height:1.4166666667;color:#666;margin-top:.3rem}
.index-banner-wrap .ibn-txt{line-height:1.5;color:#936;margin-top:.1rem}
.index-banner-wrap .btn{margin-top:.45rem}
.ibn-view{position:relative;width:6.74rem;max-width:100%;height:100%;flex-shrink:0;background-color:#f7ecf9;border-radius:.1rem;overflow:hidden}
.ibn-view .ibn-pic{width:100%;border-radius:.1rem;padding-right:7px;overflow:hidden}
.ibn-view .ibn-pic{position:relative}
.ibn-view .ibn-pic::before{content:"";display:block;padding-top:69.2878338279%}
.ibn-view .ibn-pic .fill{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.ibn-view .ibn-cover{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;width:100%;height:100%;z-index:5}
.ibn-view .ibnc-list{border-radius:.1rem;overflow:hidden;background-color:#fff}
.ibn-view .ibnc-inner{position:relative;flex-shrink:0;min-width:3.9rem;height:.9rem;padding:.15rem 0 0 .1rem;background-color:#f7ecf9;border-top-left-radius:.1rem;box-shadow:7px 0 0 0 #936 inset}
.ibn-view .ibnc-tag{position:relative;flex-shrink:0;min-width:1.82rem;min-height:.84rem;padding:.15rem 0 0 .15rem;background-color:#f7ecf9;border-top-left-radius:.1rem;box-shadow:7px 0 0 0 #936 inset;z-index:1}
.ibn-view .ibnc-shadow1,.ibn-view .ibnc-shadow2,.ibn-view .ibnc-shadow3,.ibn-view .ibnc-shadow4{position:absolute;width:14px;height:14px}
.ibn-view .ibnc-shadow1{right:100%;bottom:0;border-bottom-right-radius:.1rem;box-shadow:7px 0 0 0 #936}
.ibn-view .ibnc-shadow2{right:calc(100% - 7px);bottom:0;border-bottom-right-radius:.1rem;box-shadow:7px 0 0 0 #f7ecf9}
.ibn-view .ibnc-shadow3{right:100%;top:0;border-top-right-radius:.1rem;box-shadow:7px 0 0 0 #936}
.ibn-view .shadow-top{position:relative;width:7px;height:100%;background-color:#936}
.ibn-view .ibnc-board{position:relative;background-color:#fff;border-radius:.1rem;height:100%;z-index:5}
.ibn-view .ibnc-board::after{content:"";position:absolute;width:100%;height:100%;top:50%;left:0;background-color:#fff}
.ibn-view .ibncb-content{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;color:#936;padding:0 .25rem;text-align:center;z-index:10}
.ibn-view .ibnc-list{position:relative;background-color:#fff;border-radius:.1rem;height:100%;z-index:5}
.ibn-view .ibncb-title{line-height:1.3571428571;font-weight:bold}
.ibn-view .ibncb-info{line-height:1.7142857143}
.ibn-view .ibnc-list{display:flex;align-items:center;justify-content:center;padding:.1rem}
.ibn-view .ibnc-item{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.53rem;height:.53rem;border-radius:50%;padding:0;background-color:#fff;overflow:hidden}
.ibn-view .ibnc-item:nth-child(n+2){margin-left:-0.1rem}
@media(max-width: 750px){
	.index-banner-wrap .index-banner{flex-direction:column}
.index-banner-wrap .ibn-content{padding-right:0}
.index-banner-wrap .ibn-view{margin-top:.5rem}
}

.promotion-wrap{padding-top:.8rem;padding-bottom:1rem}
.promotion-wrap .promotion-swp{margin-top:.5rem}
.promotion-wrap .promotion-item{display:flex}
.promotion-wrap .promotion-left{width:48.5%;flex-shrink:0}
.promotion-wrap .ratio{width:100%}
.promotion-wrap .ratio{position:relative}
.promotion-wrap .ratio::before{content:"";display:block;padding-top:100%}
.promotion-wrap .ratio .fill{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.promotion-wrap .promotion-card{position:relative;display:block;border-radius:.1rem;overflow:hidden;transition:.5s}
.promotion-wrap .promotion-card.mini{height:calc((100% - .2rem)/2)}
.promotion-wrap .promotion-card.mini{position:relative}
.promotion-wrap .promotion-card.mini::before{content:"";display:block;padding-top:96.5517241379%}
.promotion-wrap .promotion-card.mini .fill{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;height:100%;z-index:1}
.promotion-wrap .promotion-card.mini{width:calc((100% - .2rem)/2)}
.promotion-wrap .promotion-card.mini:nth-child(n+2){margin-left:.2rem}
.promotion-wrap .promotion-card.mini:nth-child(2n+1){margin-left:0}
.promotion-wrap .promotion-card.mini:nth-child(n+3){margin-top:.2rem}
.promotion-wrap .promotion-card.mini .promotion-flag{padding:.1rem .4rem}
.promotion-wrap .promotion-card:hover{transform:translateY(-5px);box-shadow:0 0 10px 0 rgba(0,0,0,.3333333333)}
.promotion-wrap .promotion-title{line-height:1.4166666667}
.promotion-wrap .promotion-flag{position:absolute;bottom:0;left:0;display:flex;align-items:center;width:100%;min-height:.6rem;padding:.1rem .25rem;color:#fff;background:linear-gradient(to right, #db3784, #931161);z-index:5}
.promotion-wrap .promotion-right{display:flex;flex-wrap:wrap;flex:1;padding-left:.2rem}
@media(max-width: 750px){
	.promotion-wrap .promotion-item{flex-direction:column}
.promotion-wrap .promotion-left{width:100%}
.promotion-wrap .promotion-right{padding-left:0;margin-top:.2rem}
}

.resume-wrap{padding-top:.8rem;padding-bottom:.8rem;background-position:center;background-size:cover;background-repeat:no-repeat}
.resume-wrap .resume{display:flex;width:100%;min-height:6rem;align-items:flex-start;justify-content:space-between}
.resume-wrap .resume-profile{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:50%;padding:0;background-color:#e1e4ea;overflow:hidden}
.resume-wrap .resume-left{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:2.8rem;min-height:6rem}
.resume-wrap .resume-name{line-height:1.5555555556;margin-top:.27rem}
.resume-wrap .resume-info{line-height:1.125;margin-top:.1rem;color:#666}
.resume-wrap .resume-right{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:7.35rem;max-width:100%;min-height:6rem}
.resume-wrap .resume-title{line-height:1.2777777778}
.resume-wrap .resume-txt{line-height:2;margin-top:.19rem;color:#666}
.resume-wrap .btn{background-color:#e5c7f1;color:#936;margin-top:.66rem;transition:.3s}
.resume-wrap .btn:hover{color:#fff;background-color:#936}
@media(max-width: 750px){
	.resume-wrap .resume{flex-direction:column}
.resume-wrap .resume-left{width:100%;height:auto;padding-bottom:.6rem}
}

.index-server-wrap{padding-top:1rem;padding-bottom:.5rem}

.intro-wrap{padding-top:.5rem;padding-bottom:.5rem}
.intro-wrap .intro-main{display:flex;align-items:center;justify-content:space-between;max-width:14.2rem;width:100%;margin:0 auto}
.intro-wrap .intro-swp{max-width:12.4rem;width:100%;margin:0;padding-top:.5rem;padding-bottom:.5rem}
.intro-wrap .intro-item{display:flex;justify-content:center}
.intro-wrap .intro-inner{position:relative;display:flex;flex-direction:column;align-items:center;min-height:3.8rem;width:calc(100% - .2rem);border-radius:.1rem;padding:.3rem;background-color:#fff;box-shadow:0px 0px 15px 1px rgba(128,13,70,.12);overflow:hidden}
.intro-wrap .intro-inner:hover .intro-cover{opacity:1;transform:none;pointer-events:auto}
.intro-wrap .intro-view{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:50%;padding:0;background-color:#e6e1e3;overflow:hidden}
.intro-wrap .intro-view:nth-child(even){background-color:#e1e2f0}
.intro-wrap .intro-content{text-align:center;margin-top:.3rem;padding:.2rem .2rem 0;border-top:1px solid #ededed;color:#222}
.intro-wrap .intro-title{line-height:1.2;font-weight:bold}
.intro-wrap .intro-info{line-height:1.25;margin-top:.1rem}
.intro-wrap .intro-cover{position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;text-align:center;color:#fff;background-color:#d1327f;pointer-events:none;opacity:0;transform:translateY(100%);transition:.5s}
.intro-wrap .btn{color:#d1327f;background-color:#fff;margin-top:.37rem;transition:.3s}
.intro-wrap .btn:hover{color:#fff;background-color:#936}
.intro-wrap .itc-title{font-weight:bold;line-height:1.2}
.intro-wrap .itc-info{line-height:1.3333333333;margin-top:.3rem}
.intro-wrap .itc-txt{line-height:1.5;margin-top:.08rem}

.estimate-wrap{padding-top:1rem;padding-bottom:1rem;background-position:center;background-size:cover;background-repeat:no-repeat}
.estimate-wrap .estimate-swp{margin-top:.5rem;max-width:12.6rem;width:100%}
.estimate-wrap .estimate-item{padding:0 .15rem}
.estimate-wrap .estimate-inner{padding:.4rem;box-shadow:0px 0px 11px 1px rgba(128,13,70,.09);border-radius:.1rem;background-color:#fff}
.estimate-wrap .estimate-head{display:flex;align-items:center}
.estimate-wrap .estimate-profile{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:.7rem;height:.7rem;border-radius:50%;padding:.05rem;background-color:#f7ecf9}
.estimate-wrap .profile{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:100%;height:100%;border-radius:50%;padding:0;background-color:#fff}
.estimate-wrap .estimate-name{color:#222;line-height:1.4166666667}
.estimate-wrap .estimate-country{color:#666;line-height:1.7142857143}
.estimate-wrap .estimate-info{margin-left:.15rem}
.estimate-wrap .estimate-txt{margin-top:.25rem;line-height:1.75;color:#666}
.estimate-wrap .estimate-stars{display:flex;justify-content:center;margin-top:.45rem}
.estimate-wrap .estimate-star{margin:0 .04rem}
.estimate-wrap .estimate-star.gray{filter:grayscale(1)}
