@charset "utf-8";body{font-size:14px;background-color:#f2f2f2}
body,html{height:100%}
.iaTop{width:1280px;background:url(http://img.bc.haodanku.com/haodanku/1592977895) center 0 no-repeat;height:315px;border-radius:10px 10px 0 0;margin:0 auto 0;padding:35px 0 0 0;font-size:0;position:relative}
.iaTop-l{width:54.6%;font-size:0;position:relative}
.iaTop-l::before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:105px;background-color:#f7f7f7}
.iaTop-l,.iaTop-r{display:inline-block;vertical-align:middle;font-size:14px}
.iaTop-r{width:45.4%;display:flex;align-items:center}
.iaTop-picBox{width:145px;height:145px;position:relative;display:inline-block;vertical-align:middle;position:absolute;top:-27px;left:55px}
.iaTop-picBox-pic{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;z-index:3;background-color:#fff;border:1px solid #f7f7f7}
.iaTop-picBox-pic img{width:143px;height:143px;border-radius:50%}
.iaTop-picBox-grade{position:absolute;bottom:-20px;left:50%;width:48px;height:24px;margin-left:-24px;background:linear-gradient(#4e76ff,#599efd);background:-webkit-linear-gradient(#4e76ff,#599efd);background:-o-linear-gradient(#4e76ff,#599efd);background:-moz-linear-gradient(#4e76ff,#599efd);border-radius:0 0 12px 12px;font-size:14px;font-weight:700;color:#fff;text-align:center;line-height:26px}
.iaTop-picBox:hover .ia-rank{display:flex}
.iaTop-picBox:hover .ia-rank_left{-webkit-animation-name:fadeUpOpacity;animation-name:fadeUpOpacity;animation-duration:1s;-webkit-animation-duration:1s}
.ia-rank_left{position:absolute;transform:rotate(89deg);left:initial;right:1px;top:-7px;width:40px;height:42px;background:url(/Public/assets/home/images/index/all_index/crown_left.png) no-repeat;background-size:100%;z-index:9}
.ia-rank{position:absolute;left:100%;top:-7px;margin-left:20px;height:90px;background:#fff;justify-content:space-around;border-radius:10px;box-shadow:0 6px 18px 2px rgba(0,0,0,.1);z-index:9;display:none}
.ia-rank li{display:flex;flex-direction:column;flex-wrap:wrap;align-items:center;justify-content:space-evenly;flex:1;border-left:1px solid #f7f7f7;padding:2px 6px;min-width:90px}
.ia-rank li:nth-child(1){border-left:0}
.ia-rank li i{color:#ff4f41}
.ia-rank-crown{position:absolute;top:-17px;right:-15px;width:29px;height:30px;background:url(/Public/assets/home/images/index/all_index/crown_right.png) no-repeat;background-size:contain}
.ia-rank::after{content:"";position:absolute;top:26px;left:-14px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #fff;transform:rotate(90deg)}
.iaTop-data{width:100%;font-size:14px;padding-left:220px;margin-top:18px}
.iaTop-data-name{font-size:0;display:inline-block;vertical-align:middle;display:flex;align-items:center}
.iaTop-data-name em,.iaTop-data-name h1{display:inline-block;vertical-align:middle;font-size:14px}
.iaTop-data-name h1{font-size:24px;font-weight:700;margin-right:14px}
.iaTop-data-name span i{font-size:14px;margin-right:1px;display:inline-block;vertical-align:middle}
.iaTop-data-name em i{font-size:12px;margin-right:1px}
.iaTop-data-name em.active{background:#bfbfbf}
.iaTop-box,.iaTop-box .onoff-link{display:inline-block}
.iaTop-box{margin-right:10px}
.iaTop-wrap{height:185px;display:flex;position:relative}
.iaTop-data-business{width:400px;cursor:pointer;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#999;font-size:12px;line-height:20px}
.iaTop-address{position:absolute;top:-34px;left:204px;color:#999;font-size:12px;min-width:90px;height:25px;padding:0 10px;background:#fff;border-radius:13px 13px 13px 3px;display:flex;align-items:center;justify-content:center}
.iaTop-address i{color:#4d74ff;font-size:12px;margin-right:4px}
.iaTop-address i,.iaTop-address span{display:inline-block;vertical-align:middle;height:22px;line-height:22px}
.iaTop-list{text-align:right;font-size:0;width:100%}
.iaTop-list li{display:inline-block;width:25%;text-align:center}
.iaTop-list li span{color:#333;font-size:28px;font-weight:700}
.iaTop-list li span i{font-size:16px}
.iaTop-list li p{color:#999;margin-top:8px;font-size:12px}
.iaNav{width:1005px;height:95px;background:url(http://img.bc.haodanku.com/haodanku/1592977848) no-repeat;background-size:100% 100%;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
.ia-data{width:100px;height:25px;font-size:12px;color:#fff;background:linear-gradient(90deg,#599efd,#4e77ff);box-shadow:0 2px 15px 0 rgba(0,0,0,.15);border-radius:13px 13px 13px 0;position:absolute;top:0;left:0;text-align:center;line-height:25px}
.iaNav-list{margin-top:19px;display:flex;align-items:center;height:75px;width: 863px;}
.iaNav-list li{font-size:14px;float:left;text-align:center;color:#fff;flex: 1;}
.iaNav-list li{position:relative;}
.iaNav-list li::before{content:"";position:absolute;width:1px;height:42px;left:0;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.2)}
.iaNav-list li:nth-child(1)::after{content:initial}
.iaNav-list li:nth-child(1){width:150px}
.iaNav-list li:nth-child(2){width:156px}
.iaNav-list li:nth-child(3){width:163px}
.iaNav-list li:nth-child(4){width:171px}
.iaNav-list li:nth-child(5){width:210px}

.ia-list-com i{font-size:28px;font-weight:700}
.ia-list-com em{font-size:14px}
.ia-sale-icon{display:inline-block;vertical-align:middle;color:#fff;margin-left:6px;cursor:pointer}
.ia-sale-icon:hover{color:rgba(255,255,255,.6)}
.iaNav-signuP{position:absolute;right:20px;top:38px;width:120px;height:40px;background:#fff;border-radius:5px;color:#4e79ff;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease-in-out;-webkit-appearance:none;outline:0;border:none}
.iaNav-signuP span{margin-left:8px}
.ia-tips{width:120px;background-color:#fff}
.ia-tips li{line-height:48px;text-align:center;cursor:pointer;color:#333;font-size:14px;position:relative}
.ia-tips li:hover{color:#668bff}
.ia-tips li:nth-child(2)::before{content:"";position:absolute;left:-10px;top:0;width:145px;height:1px;background:#fbfbfb}
.g-ia-atooltip .popper__arrow{border-width:10px!important}
.g-ia-atooltip{margin-top:15px!important}
.g-ia-atooltip.el-tooltip__popper[x-placement^=bottom] .popper__arrow{top:-20px}
.iaMain{width:1280px;margin:12px auto 60px;padding-bottom:60px;position:relative}
.iaMain-top{background-color:#fff;padding:0 28px 15px 16px}
.iaSales{position:relative;float:left;width:230px;height:30px;margin-top:15px;background:#fff;border:1px solid #e7e7e7;border-radius:15px}
.iaSales li{float:left;color:#666;cursor:pointer;width:50%;height:30px;line-height:30px;position:relative;z-index:2;text-align:center}
.iaSales li.active{color:#4e76ff}
.iaSales .navactive{position:absolute;left:0;top:0;width:50%;height:30px;background:#f3f6ff;border:1px solid #b5c8ff;border-radius:15px;transition:all .3s ease 0s}
.iaSales-new{
  position:relative;float:left;width:115px;height:30px;margin-top:15px;background:#fff;border-radius:15px;
  margin-right: 20px;
}
.iaSales-new li{float:left;color:#666;cursor:pointer;width:100%;height:30px;line-height:30px;position:relative;z-index:2;text-align:center ;text-align: center; color:#4d74ff;border:1px solid #b5c8ff;border-radius:15px; }
.select{float:right;display:flex;margin-top:15px}
.iaChoice li{cursor:pointer;display:inline-block;color:#666;font-size:12px;margin-left:15px}
.iaMain-top .select-day{height:28px;border:1px solid #e7e7e7}
.iaMain-top .select-day span{width:95px;display:inline-block;height:28px;line-height:28px;text-align:center;font-size:12px;cursor:pointer}
.select-day span i{font-size:12px}
.select-day span.active{color:#fff;background:linear-gradient(180deg,#589bfd 0,#4e76ff 100%)}
.iaMain-top .select-day span:first-child{width:105px}
.iaChoice .select-type{position:relative;height:28px;text-align:center;padding:6px 9px;border:1px solid #f2f2f2;border-radius:3px 3px 0 3px}
.iaChoice .select-type em{position:absolute;bottom:-14px;right:-14px;display:inline-block;width:38px;height:38px;padding:11px 0 0 8px;background:#ededed;color:#f2f2f2;border-radius:60px 0 0 0;transform:scale(.35)}
.iaChoice .select-type em i{font-size:22px}
.iaChoice li:hover{color:#5490ff}
.iaChoice li:hover em{color:#4d75ff;background:#fff}
.iaChoice li.active{color:#fff;background:linear-gradient(0deg,#589bfd 0,#4e76ff 100%)}
.iaChoice li.active em{background-color:#fff;color:#4d75ff}
.benefit .select-day{float:left;margin-top:15px}
.benefit .iaChoice{float:right;margin-top:15px}
.benefit-top{margin:25px 0 22px 0;width:100%}
.benefit-top .sales{position:relative;width:370px;height:40px;margin:auto;background:#f8f9ff;border:1px solid #cbd7ff;border-radius:20px}
.benefit-top .sales li{float:left;width:50%;height:40px;line-height:40px;text-align:center;position:relative;z-index:2;color:#4e78ff;font-size:14px;font-family:PingFang SC;font-weight:500;cursor:pointer}
.benefit-top .sales li.active{color:#fff}
.benefit-top .sales .navactive{position:absolute;left:0;top:0;width:50%;height:40px;background:linear-gradient(-90deg,#599efd,#4e77ff);box-shadow:0 5px 5px 0 rgba(79,121,255,.2);border-radius:20px;transition:all .3s ease 0s}
.iaProducWrap{margin:12px auto 0;width:100%}
.iaProducWrap>li{width:18.8%;margin-left:1.5%}
.iaProducWrap>li:nth-child(4n+1){margin-left:1.5%}
.iaProducWrap>li:nth-child(5n+1){margin-left:0}
.iaProducWrap .inProduc-SoldOut{border-radius:10px 10px 0 0}
.iaMain .inNull{width:100%;float:initial}
.iaMain .inPage-wrap{margin:26px auto 0}
.loadingBox{z-index:999}
.comHeight{min-height:100%;padding-top:58px;position:relative}
.iconLoad{font-size:22px!important;color:#4d74ff;display:inline-block;vertical-align:middle;-webkit-animation:spinLoad 2s infinite linear;animation:spinLoad 2s infinite linear}
.iconLoad:before{-webkit-font-smoothing:antialiased;transform:translate(0,0)}
@keyframes spinLoad{from{transform:rotate(0)}
50%{transform:rotate(180deg)}
to{transform:rotate(360deg)}
}
@-webkit-keyframes spinLoad{from{transform:rotate(0)}
50%{transform:rotate(180deg)}
to{transform:rotate(360deg)}
}
.iaOnoff{height:215px}
.iaOnoff .iaTop-wrap{height:180px}
.ia-level{margin-right:10px}
.ia-taoke{margin-right:10px}
.seller-level i{font-size:12px;transform:scale(.8);display:inline-block}
.favorites-wrap{display:flex;height:50px;margin-top:12px;align-items:center}
.favorites-wrap .fans_favor{display:flex;transition:all .2s ease-in-out}
.favorites-wrap .fans_favor p{display:flex;align-items:center;flex-direction:column;width:48px;height:40px;line-height:1.2;padding-top:3px;font-size:14px;color:#fff;font-family:PingFang SC;font-weight:700;background:#ff743c;border-radius:5px 0 0 5px}
.favorites-wrap .favorites-box{width:112px;height:40px;background:linear-gradient(270deg,#ff753c,#ff4b42);border-radius:0 5px 5px 0;font-size:16px;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out}
.fans_favor:hover{box-shadow:0 6px 6px -4px rgba(255,78,65,.6);transform:translateY(-2px)}
.fans_favor.active:hover{box-shadow:0 6px 6px -4px rgba(231,158,152,.6)}
.favorites-wrap .favorites-box>span{margin-left:9px;display:inline-block;margin-top:-1px}
.favorites-wrap .favorites-box.active{color:#ff643f;border:1px solid #ffc5b6;background:linear-gradient(270deg,#ffedec,#fff1eb)}
.favorites-wrap .favorites-box.active{box-shadow:initial}
.favorites-wrap .onoff-link{background:linear-gradient(-35deg,#6caaff,#4d74ff);border-radius:5px;margin-right:28px}
.benefit-list{width:100%;margin-top:12px}
.benefit-list li{float:left;width:309px;height:350px;margin-left:14px;border:1px solid #efefef;margin-bottom:18px;border-radius:5px;background-color:#fff;position:relative;transition:all .2s ease-in-out}
.benefit-list>li:nth-child(3n+1){margin-left:14px}
.benefit-list>li:nth-child(4n+1){margin-left:0}
.benefit-list li:hover{transform:translateY(-2px);box-shadow:0 5px 15px 0 rgba(0,0,0,.08)}
.square-title{padding-left:14px;height:76px}
.square-list-img{padding:0 14px 0 16px}
.square-team{width:90%;margin:12px auto 0}
.square-btn{width:100%;position:absolute;bottom:0;left:0}
.benefit-null{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:100px}
.benefit-null p{font-size:14px;font-family:Microsoft YaHei;font-weight:400;color:#5794fc}
.benefit-null button{width:136px;height:40px;margin-top:10px;color:#fff;border:none;border-radius:4px;background:#4d77ff}
.c-enterprise-wrap{margin-left:10px;display:flex;align-items:center}
.attestat-em{width:22px;height:22px;line-height:22px;background:linear-gradient(90deg,#599efd,#4e77ff);border-radius:11px;position:absolute;color:#fff;display:flex!important;justify-content:center;cursor:pointer}
.attestatname{background:linear-gradient(90deg,#599efd,#4e77ff);border-radius:0 9px 9px 0;font-size:12px;color:#fff;line-height:18px;white-space:nowrap;padding:0 12px 0 12px;margin-left:16px;cursor:pointer}
.c-enterprise-tips .box em{line-height:22px}
.compose-pic-dialog{top:50%;transform:translateY(-50%)}
.compose-pic-dialog .el-dialog__header{padding:0;position:relative;border-bottom:1px solid #f2f2f2}
.compose-pic-dialog .dialog-title{width:214px;height:46px;color:#333;font-weight:500;justify-content:end;padding-left:15px}
.compose-pic-dialog .el-dialog__body{padding:15px 20px 18px}
.compose-pic-dialog .code{width:260px;margin:0 auto}
.compose-pic-dialog .code img{width:100%;height:100%}
.compose-pic-dialog .box{width:265px;height:48px;background:#f7f7f7;border:1px solid #ededed;border-radius:10px;display:flex;align-items:center;overflow:hidden}
.compose-pic-dialog .box span{width:80px;height:100%;line-height:46px;background-color:#fff;text-align:center;border-right:1px solid #ededed}
.compose-pic-dialog .el-dialog__headerbtn{top:18px}
.compose-pic-dialog .el-dialog__close{font-weight:700}
.compose-pic-dialog .box em{width:140px;padding-left:15px}
.compose-pic-dialog .box i{width:30px;height:30px;color:#999;cursor:pointer;text-align:center;line-height:30px}
.compose-pic-dialog .box i:hover{color:#4f7aff}
/* 顶部banner */
.heainform-close{
  margin-bottom: 58px;
}