.wp { padding-top: 0px;}
.unFocus { position: relative; width: 100%; height: 350px;}
.unFocImg { display: block; width: 100%; height: 100%;  position: absolute; top: 0; left: 50%; z-index: -1;}
.unTit { text-align: center; padding-top: 110px; padding-bottom: 20px; font-size: 48px; line-height: 60px; color: #fff;}
.unStit { font-size: 18px; line-height: 28px; text-align: center; color: #fff;}
.unTab {width: 100%; height: 50px; border-bottom: 1px solid #DFE1E6; background: #fff; text-align: center;z-index: 22;position: static;}
.unTab a { display: inline-block; padding: 0 10px; border-bottom: 4px solid transparent; margin: 0 25px; line-height: 46px; font-size: 14px; color: #252B3A;}
.groupLi:hover { color: #C7000B; }
.unTab .unActi { border-color: #C7000B;}
.unCon {overflow: hidden;background: #FAFAFA;}
.unCbox { width: 1180px; margin: 0 auto;}
.unCtit { color: #252B3A; font-size: 36px; font-weight: normal; line-height: 46px; text-align: center; padding: 0 0 10px 0;}
.unSubT { font-size: 18px; line-height: 22px; font-weight: normal; text-align: center; color: #666A75; padding-bottom: 40px;}
.unList { overflow: hidden; padding-bottom: 10px;}
.unList li { position: relative; background: #fff; overflow: hidden; float: left; width: 397px;margin-right: 8px;margin-bottom: 8px; padding: 20px 30px; box-sizing: border-box; border-radius: 2px;vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.unList li:nth-child(3n) { margin-right: 0;}
.unList li:before {content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0; border-top-left-radius: 2px; border-top-right-radius: 2px; background: linear-gradient(right,#01B6C9,#014ECC); background: -webkit-linear-gradient(right,#01B6C9,#014ECC); background: -moz-linear-gradient(right,#01B6C9,#014ECC); background: -o-linear-gradient(right,#01B6C9,#014ECC); height: 4px; -webkit-transition-property: left,right; transition-property: left,right; -webkit-transition-duration: .2s; transition-duration: .2s;  -webkit-transition-timing-function: ease-out;  transition-timing-function: ease-out;}
/*.unList li:hover:before { left: 0; right: 0; z-index: 1;}*/
.unList li:hover{ box-shadow: 0 6px 12px 0 rgba(0,0,0,0.10); }
.unHead { float: left; width: 60px; height: 60px; border-radius: 50%;}
.unLbox { float: left; width: 230px; margin-left: 24px; padding-top: 10px;}
.unName { font-size: 18px; font-weight: normal; text-align: left; width: 252px; line-height: 22px; height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.unName a { color: #252b3a;}
.unDet {line-height: 18px;padding-top: 8px;font-size: 12px;color: #575D6C;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.unGap { display: inline-block; border-left: 1px solid #DDDDDD; height: 14px; vertical-align: middle; margin: 0 15px;}
.unJoin { position: absolute;right: 12px;height: 18px; padding: 0 4px; border-radius: 2px; background: #C7000B; color: #fff; font-size: 12px;top: 12px;}

.unSports { background: #fff;}
.sporList { overflow: hidden; padding-bottom: 45px;}
.sporList li { position: relative; float: left; width: 369px; height: 274px; border-radius: 2px; border: 1px solid #DDDDDD; background: #fff; margin-right: 46px; box-sizing: border-box;}
.sporList li:nth-child(3n) { margin-right: 0;}
.sporList li a { display: block; width: 100%; height: 100%;}
.spoImg { display: block; width: 100%; height: 189px;}
.spoTit {margin: 16px 20px;text-align: left; font-weight: normal; line-height: 22px; font-size: 18px; width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #252b3a;}
.spoDet { margin: 0 20px; font-size: 14px; line-height: 22px; color: #575D6C; text-align: left;}
.addrSpan { float: right; font-size: 14px; color: #666A75;}
.addrSpan em { display: inline-block; font-size: 14px; color: #575D6C; height: 22px; font-style: normal; max-width: 84px; overflow: hidden; vertical-align: middle; word-break: break-all;}
.addrIc { display: inline-block; vertical-align: middle; width: 10px; height: 13px; background: url(../images/place_icon.svg);margin-right: 8px;background-size: 10px 13px;}
.sporList li:hover { box-shadow: 0 8px 16px rgba(0,0,0,0.1);}
.sporList li:hover .spoTit,.inReList li:hover .spoTit { color: #C7000B;}
.sporSta { position: absolute; top: 10px; right: 10px; z-index: 5; height: 18px; line-height: 18px; padding: 0 5px; color: #fff; background: #FA9841; border-radius: 2px; font-size: 12px;}
.sporStaN { position: absolute; top: 10px; right: 10px; z-index: 5; height: 18px; line-height: 18px; padding: 0 5px; color: #fff; background: #C7000B; border-radius: 2px; font-size: 12px;}
.sporStaO { position: absolute; top: 10px; right: 10px; z-index: 5; height: 18px; line-height: 18px; padding: 0 5px; color: #fff; background: #ADB0B8; border-radius: 2px; font-size: 12px;}

.unInRe { background:#FAFAFA;}
/*.unInRe { background: url(../images/group/unBg2.png) no-repeat bottom center; background-size: 100% auto;}*/
.inReList { overflow: hidden; padding-bottom: 45px;}
.inReList li { float: left; width: 369px; height: 244px;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.10); border-radius: 2px; border: 1px solid #DDDDDD; background: #fff; margin-right: 46px; box-sizing: border-box;}
.inReList li:nth-child(3n) { margin-right: 0;}
.inReList li:hover { box-shadow: 0 8px 16px rgba(0,0,0,0.1);}
.inReList li a { display: block; width: 100%; height: 100%;}
.ifCon { padding: 5px 0 20px 0; color: #666A75; font-size: 14px; line-height: 22px; text-align: center;}

.unScBox { width: 280px; background: #f7f7f7; padding: 25px 20px; margin-bottom: 20px;}
.unScHe { display: block; margin: 0 auto 16px auto; width: 115px; height: 115px; border-radius: 50%;}
.unScNa { font-size: 24px; color: #252B3A; line-height: 30px; height: 30px; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.unScIn { padding: 10px 0; text-align: center; line-height: 18px; font-size: 12px; color: #252B3A;}
.unScDet { line-height: 18px; font-size: 12px; color: #666A75; text-align: center;}
.unJoBox { text-align: center;}
.unScJo { display: inline-block; margin: 20px 5px 0 5px; background: #C7000B; color: #fff; cursor: pointer; font-size: 12px; height: 32px; line-height: 32px; border: none; border-radius: 2px; width: 82px; text-align: center; border: 1px solid transparent; box-sizing: border-box;}
.unScJo:hover { box-shadow: 0 8px 16px rgba(246,111,106,0.3);}
.unAlJo { display: inline-block; margin: 20px 5px 0 5px; height: 32px; line-height: 32px; border: none; border-radius: 2px; width: 82px; text-align: center; background: transparent; border: 1px solid #252B3A; color: #252B3A; box-sizing: border-box;}
.unMana { display: inline-block; margin: 20px 5px 0 5px; height: 32px; line-height: 32px; border: none; border-radius: 2px; width: 82px; text-align: center; background: transparent; border: 1px solid #252B3A; color: #252B3A; box-sizing: border-box;}
.unMana:hover { background: #C7000B; border-color: #C7000B; color: #fff;}

.unNoti { padding: 25px 20px 25px 20px; text-align: left; font-size: 12px; color: #252B3A; line-height: 18px;}
/*.unNoCon { font-size: 12px; color: #252B3A; line-height: 18px; text-align: left; padding: 0 20px 25px 20px;}
.unNoCon * { font-size: 12px; color: #252B3A; line-height: 18px;}*/
.unRCbox { float: right; width: 288px;}
.unRcon { width: 288px; height: auto; margin-bottom: 20px; background: #f7f7f7;}
.unMeList { padding: 20px 20px 0; overflow: hidden;width: 100%;}
.unMeList li { float: left; width: 50px; margin-right: 40px; margin-bottom: 20px;}
.unMeList li:nth-child(3n) { margin-right: 0;}
.meHbox { width: 50px; height: 50px; position: relative; margin-bottom: 5px;}
.meHead { display: block; width: 50px; height: 50px; border-radius: 50%;}
.allies20 { position: absolute; right: 0; bottom: 0; width: 20px; height: 20px; background:  url(../images/group/alli20.png) no-repeat; background-size: 100% 100%;}
.meName { display: block; font-size: 12px; line-height: 18px; height: 18px; text-align: center; color: #252B3A; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*成员css*/
.allianMem{background: #FFFFFF;border: 1px solid #E7E7E7;padding-bottom: 30px;}
.wplt_title{background: #F7F7F7;font-size: 16px;color: #252B3A;height: 50px;line-height: 50px;text-align: left;text-indent: 21px;}
.memberUl{overflow: hidden;}
.memberList{width: 25%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;float: left;margin-top: 30px;text-align: left;padding-left: 21px;box-sizing: border-box;font-size: 0;}
.member_img{display: inline-block;width: 50px;height: 50px; position: relative;}
.member_img>a{display: inline-block;width: auto;height: 100%;}
.member_img img{width: 100%;height: 100%;border-radius: 50%;overflow: hidden;}
.chairman_logo{width: 20px;height: 20px;border-radius: 50%;overflow: hidden; background: url(../images/group/alli20.png) no-repeat;display: inline-block;background-size: 100% 100%;    position: absolute;bottom: 0px;right: 0px;}
.member_nick{display: inline-block;margin-left: 10px;color: #252b3a;font-size: 14px;position: relative;top: -20px;left: 0;}
.amChairMan{margin-bottom: 21px;}

/*新增样式*/
.aloAle { display: none; width: 700px; position: fixed; top: 50%; left: 50%; z-index: 101; margin-left: -350px; background: #fff;}
.aloTop { overflow: hidden; height: 22px; padding-top: 30px; box-sizing: content-box;}
.aloTitle { float: left; height: 22px; line-height: 22px; font-size: 22px; padding-left: 28px; color: #252B3A; border-left: 3px solid #C7000B; font-weight: normal;}
.aloClo { float: right; margin-right: 20px; width: 12px; height: 12px; background: url(../images/indSvg.svg); background-position: -1px -532px; position: relative; top: -8px; cursor: pointer;}
.aloCon { min-height: 50px; padding: 30px 30px 0 30px;}
.aloSure { display: inline-block; margin: 0 10px; padding: 0 30px; border-radius: 2px; height: 40px; line-height: 40px; background: #C7000B; font-size: 14px; color: #fff; border: 1px solid #C7000B; box-sizing: border-box; cursor: pointer;}
.aloSure:hover { box-shadow: 0 8px 16px rgba(246,111,106,0.3);}
.aloBot { text-align: center; padding: 30px 0;}
.closeBtn { display: inline-block; margin: 0 10px; padding: 0 30px; border-radius: 2px; height: 40px; line-height: 40px; background: #fff; font-size: 14px; color: #C7000B; border: 1px solid #C7000B; box-sizing: border-box; cursor: pointer;}
.closeBtn:hover { background: #C7000B; color: #fff;}
.aloTips { width: 400px; margin-left: -200px;}
.aloSure,.closeBtn { margin: 0 5px;}
.tipsCon { font-size: 18px; color: #252B3A; line-height: 35px; text-align: left; font-weight: normal;}
.tipIc { display: inline-block; width: 40px; height: 35px; background: url(../images/group/unSvg.svg); background-position: 0 -104px; margin-right: 20px; vertical-align: middle;}

/*遮罩层*/
.aleMask { display: none; position: fixed; left: 0; right: 0; width: 100%; height: 100%; top: 0; bottom: 0; z-index: 98; background: rgba(0,0,0,.6); opacity: 1; transition: opacity .5s;}
.fontsOver{display: inline-block;max-width: 102px;white-space: nowrap;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;}
.us-crumbs{ margin:0 auto 2px auto!important; }
/*.post-type .menu-item:hover { border-bottom:none!important; }*/
.indCbox { padding-top:0px;margin-top: 20px; }
.us-crumbs span:last-child a:hover { color: #252B3A; }
.postChi{clear: both;}
.post-type{overflow: inherit;border-bottom: none;}
.post-type>hr{display: block;height: 1px;color: #dddddd;border-top: none;}
.post-type a {margin-bottom: -2px;border-bottom: 4px solid transparent;}
.rTitMo:hover span{border-bottom: 1px solid #1B79C8;}
.lisBox{padding-right: 10px;}
.arrow-right {width: 8px;height: 8px; background:url(../images/group/indSvg.svg) no-repeat;background-position: 0 -55px;background-size: 150px;}
.unFocus{background: url(../images/group/groupBanner.jpg) no-repeat;background-size: cover;background-position: center center;text-align: center;font-size: 0;}
.forumRe { display: inline-block; padding-right: 20px; background: url(../images/refreG.svg) no-repeat right center; background-size: auto 14px; font-size:14px; color: #252B3A;}
.forumRe:hover { background: url(../images/refreR.svg) no-repeat right center; background-size: auto 14px; color: #C7000B;}
.essenIcon { display: inline-block; width: 21px; margin-left: 8px; vertical-align: -2px;}
.groNull { text-align: center; padding-top: 150px;}
.groNuIc { display: inline-block; width: 100px;}
.groNwo { text-align: center; line-height: 20px; padding-top: 20px; color: #252B3A; font-size: 14px;}
.postNull { padding-top: 150px; width: 460px; margin: 0 auto;}
.nullIc { display: block; width: 120px; height: 120px; margin: 0 auto;}
.nullWo { font-size: 16px; color: #A0A2A8; line-height: 28px; text-align: center; margin-top: 15px;}

/*联盟列表页*/
.groCon { overflow: visible; width: 1180px; margin: 0 auto;}
.groCon:after { content: ''; width: 0; height: 0; clear: both; display: block; visibility: hidden;}
.groL { float: left; width: 860px;}
.groSerBox { float: right; position: relative; width: 350px; height: 32px; border: 1px solid #AAAAAA; border-radius: 2px;}
.groSerInp { width: 100%; height: 32px; border: none; background: transparent; padding: 0 68px 0 10px;}
.serIc { position: absolute; right: 0; top: 4px; font-size: 14px; height: 22px; width: 36px; border-left: 1px solid #DDDDDD; background: url(../images/ser.svg) no-repeat center; background-size: 16px auto; cursor: pointer;}
.groSerInp::-webkit-input-placeholder { color: #C0C4CC;}
.groSerInp::-moz-placeholder { color: #C0C4CC;}
.groSerInp::-ms-input-placeholder { color: #C0C4CC;}

.groLiTab { overflow: hidden; border-bottom: 1px solid #DDDDDD; padding-top: 20px;}
.groTabA { float: left; margin-right: 15px; padding: 0 10px; line-height: 44px; font-size: 14px; color: #252B3A; border-bottom: 3px solid transparent;}
.groLiTab .groTabAc { border-bottom: 3px solid #C7000B;}
.groTabA:last-child { margin-right: 0;margin-left: 40px;}
.groChi { position: relative; overflow: hidden; padding: 25px 22px; border-bottom: 1px solid #DDDDDD; box-sizing: border-box;}
.groChi:hover { box-shadow: 0 8px 16px 0 rgba(0,0,0,0.10);;}
.groChiPer {overflow: hidden; float: left; width: 60px; height: 60px; margin-right: 20px; border-radius: 50%;}
.groPerImg { display: block; width: 60px; height: 60px;}
.groCen { padding-right: 172px; float: left; width: 560px; box-sizing: content-box;}
.groChiTit { text-align: left; line-height: 30px; height: 30px; }
.groChiTit a { font-size: 24px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal;}
.groChiDet { padding-top: 5px; padding-bottom: 10px; line-height: 18px; color: #666A75; font-size: 14px;}
.groChiDet span,.groChiDet a { font-size: 14px; color: #666A75;}
.groGap { height: 12px; border-left: 1px solid #DDDDDD; margin: 0 8px;}
.groChiInfo { font-size: 14px; color: #666A75; line-height: 22px; max-height: 44px; overflow: hidden; text-align: left;}
.joinGro { position: absolute; right: 23px; top: 50%; margin-top: -40px; z-index: 8; width: 120px; height: 40px; text-align: center; line-height: 40px; color: #FFFFFF; font-size: 14px; background: #C7000B; border-radius: 2px;}
.joinGro:hover { box-shadow: 0 8px 16px rgba(246,111,106,0.3);}
/*分页*/
.box-pagination{position: relative;margin-top: 55px; padding-bottom: 50px; text-align: center;}
.box-operation{padding: 10px 0 20px 0;background: #fff;border: none;}
.box-operation .operation-left{float: left;margin-top: 2px;}
.box-operation .operation-middle{float: left;margin-top: 6px;}
.box-operation .operation-right{ width: 100%; text-align: right;}
.box-operation .paginationbox{padding-bottom: 0;}
.pageBox { text-align: center; padding: 34px 0;}
.pageCon { display: inline-block; overflow: hidden;}
.pageCon a { text-align: center; display: inline-block; padding: 0 5px; font-size: 14px; height: 24px; line-height: 24px; color: #666A75; border-radius: 2px; vertical-align: middle; margin-right: 9px;}
.pageTol { cursor: auto;}
.pageTol em { font-style: normal; font-size: 14px; color: #666A75; line-height: 24px;}
.pagePre,.pageNe { background: #F7F8F8; width: 30px; box-sizing: border-box; text-align: center; position: relative;}
.pagePre i {display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 8px; height: 13px; background: url(../images/angle.png) 0 0 no-repeat; vertical-align: top;}
.pageNe i {display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 8px; height: 13px; background: url(../images/angle.png) 0 -47px no-repeat; vertical-align: top;}
.pageCon .pageActi { background: #F7F8F8; color: #C7000B;}
.pageNe { margin-right: 20px;}
.pageInp { width: 40px; height: 24px; border: 1px solid #ddd; box-sizing: border-box; border-radius: 2px; text-align: center; vertical-align: middle; margin: 0;}
.paInpW { margin: 0 !important;}
.pageCon .pageBtn { display: inline-block; margin-left: 15px; margin-right: 0; width: 58px; height: 32px; text-align: center; line-height: 30px; vertical-align: middle; border: 1px solid #ddd; border-radius: 2px; box-sizing: border-box; color: #666A75;}

.groR { float: right; width: 280px;}
.groRbox { background: #F7F7F7; border-radius: 2px; margin-bottom: 30px;}
.groRtBox { display: block; height: 50px; border-bottom: 1px solid #DDDDDD;}
.groRtit {border-left: 3px solid #C7000B; height: 20px; margin: 15px 0; line-height: 20px; float: left; font-size: 16px;color: #252B3A; font-weight: normal; padding-left: 20px;}
.populList { padding: 20px 20px;}
.populList li { margin-bottom: 25px; overflow: hidden;}
.populList li:last-child { margin-bottom: 0;}
.poImgBox { float: left; width: 36px; height: 36px; border-radius: 50%; margin-right: 10px; overflow: hidden;}
.populImg { display: block; width: 36px; height: 36px;}
.populDet { float: left; width: 194px;}
.populTit { font-size: 14px; line-height: 18px;}
.populTit a { display: block; line-height: 18px; color: #252B3A; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.populInfo { padding-top: 5px; line-height: 18px; font-size: 12px; color: #A0A2A8;}
.populInfo span { padding-right: 20px;}
.applyBox { position: relative;}
.applyCre { display: block; padding-bottom: 30px; padding-left: 66px; line-height: 18px; font-size: 14px; color: #C7000B; text-decoration: underline;}
.applyCre:hover { text-decoration: underline;}
.queIc { display: inline-block; position: relative; z-index: 10; vertical-align: middle; margin-left: 15px; width: 15px; height: 15px; cursor: pointer; background: url(../images/que.svg) no-repeat center; background-size: 15px auto;}
.queTip { display: none; position: absolute; top: 30px; right: 23px; padding: 10px 15px; background: #fff; width: 234px; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.10); border-radius: 2px;}
.queTip span{position:absolute;left:136px;top:-20px;border-width:14px;border-style:solid dashed dashed; border-color: transparent transparent #fff;font-size:0; line-height:0;}
.queTipCon { font-size: 12px; color: #666A75; line-height: 17px;}
.queTipCon a { color: #1B79C8;display: inline-block;}
.actiList { padding: 20px 20px;}
.actiChi { position: relative; padding: 0 13px 21px 13px; border-left: 1px solid #DDDDDD;}
.actiChi:after { content: ''; position: absolute; top: 0; left: -3px; width: 5px; height: 5px; border-radius: 50%; background: #DDDDDD;}
.actiLiImg { display: inline-block; width: 100%;}
.actiLiTit { margin: 10px 0 5px 0;}
.actiLiTit a { display: block; font-size: 12px; line-height: 16px; color: #252B3A; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.actiTime { font-size: 12px; color: #666A75; line-height: 16px;}
.outGroup{border: 1px solid #252B3A;border-radius: 2px;color: #252B3A;background: #fff;}
.waitGroup{border: 1px solid #252B3A;border-radius: 2px;color: #252B3A;background: #fff;}
.enter_unionlist{border: 1px solid #FFFFFF;border-radius: 2px;color: #fff;font-size: 14px;width: 152px;height: 40px;display: block;text-align: center;line-height: 40px;margin: 0 auto;margin-top: 35px;letter-spacing: 2px;display: inline-block;margin-right: 20px;cursor: pointer; }
.cancelIcon{display: none;position: absolute;top: 4px;right: 36px;height: 22px;width: 30px;background: url(../images/group/Cancel.svg) no-repeat center;background-size: 12.3px auto;cursor: pointer;}
.groTabA{position: relative;}
.groTabA>span{position: absolute;top: 12px;right: -15px;height: 20px;line-height: 20px;border-radius: 8px;font-size: 14px;min-width: 16px;text-align: center;box-sizing: border-box;padding: 0 4px;}
.ishool{position: absolute;color: #C7000B;background: rgba(246,111,106,.2);}
.icity{color: #252B3A;background: #ddd;}
.searlist{display: none; position: absolute;z-index:98;background: #fff;top: 31px;left: -1px;height: auto;width: 350px;border: 1px solid #A0A2A8;border-radius: 0px 0px 2px 2px;border-top: none;box-sizing: border-box;}
.searlist li{height: 32px;line-height: 32px;padding-left: 9px;}
.searlist li:first{margin-top:8px;}
.searlist li:last{margin-bottom: 8px;}
.searlist li .keyCod{color: #C7000B;}
.searlist li:hover{background: #f7f7f7;}

/*tab*/
.postTabBox {width: 100%;padding: 0 0.4rem;box-sizing: border-box;white-space: nowrap;overflow-x: scroll;background: #fff;border-bottom: 1px solid #DDDDDD;}
.postTab {margin-top: 0.4rem;height: 1.12rem;}
.postTab .swiper-slide {line-height: 1.04rem;display: inline-block;border-bottom: 3px solid transparent;margin-right: 0.66666rem;font-size: 0.426666rem;width: auto;color: #666A75;}
.postTab .swiper-slide a {color: #666A75;}
.postTab .swiper-slide.onActi {border-bottom: 3px solid #C7000B;color: #252B3A;}
.postTab .swiper-slide.onActi a {color: #252B3A;}
.postTab .swiper-slide:last-child {margin-right: 0;}
.actiList .actiChi:hover{box-shadow: 0 8px 16px 0 rgba(0,0,0,0.10);}
.groChiTit a{font-size: 18px;font-weight: 700;}
.joinGro{width: 80px;height: 32px;line-height: 32px;}
.actiChi>a{width: 214px;height: 108px;display: inline-block;overflow: hidden;}
.actiChi>.sporStaN{right: 20px;}
.ifCon{height: 30px;line-height: 30px;background: rgba(255,136,51,0.10);border-radius: 2px;padding: 0;font-size: 14px;color: #666A75;text-align: center;}
.ifCon>a{color: #1B79C8;font-size: 14px;}
.ifCon .downloadFrom{text-decoration: underline;}
.unTab a{padding: 14px 10px 10px 10px;line-height: inherit;}
.fixed{position: fixed;color: #252b3a;left: 0;right: 0;top: 0;z-index: 666;height: 50px;z-index: 998;width: auto;background-color: transparent;box-shadow: inherit;background:#fff;}
.fixed .groupLi{color: #252b3a;padding: 15px 10px 11px 10px;}
.fade .header-nav ,.fade .header-tools{-webkit-transform: translate3d(0, -80px, 0);-ms-transform: translate3d(0, -80px, 0);transform: translate3d(0, -80px, 0);transition: all 0.5 b  s ease;opacity: 0;visibility: hidden;}
.fixed .groupLi:hover{color: #C7000B;}
/*个人中心左侧菜单栏*/
.top-userinfo-following a:hover {color: #C7000B;}
.personal .top-userinfo-follow-btn:hover {text-decoration: underline;background-color: transparent;}
.wrapper-main {width: 1200px;margin: 0 auto;overflow: hidden;margin-top: 26px;}
.top-userinfo-wrap {width: 100%;max-width: 1180px;margin: 0 auto;padding: 82px 0}
.personal.top-userinfo-wrap {width: 100%;max-width: 270px;padding: 25px 0 30px 60px;border-bottom: 1px dashed #ddd;}
.top-userinfo-content {position: relative;width: auto;display: table;margin: 0 auto}
.personal .top-userinfo-content {width: 100%;margin: 0;}
.top-userinfo-content-right {padding-left: 0;padding-top: 6px;margin-left: 120px;overflow: visible}
.personal .top-userinfo-content-right {padding-left: 0;padding-top: 15px;display: inline-block;width: 100%;font-size: 0;overflow: visible;margin-left: 0;}
.top-userinfo-content-right h1 {position: relative;display: inline-block;line-height: 18px;font-size: 18px;color: #333}
.personal .top-userinfo-content-right h1 {position: relative;max-width: 145px!important;display: inline-block;font-size: 20px;color: #252B3A;line-height: 28px;overflow: hidden; text-overflow: ellipsis; word-break: break-all; white-space: nowrap;float:left;}
.top-userinfo-avatar {height: 100px;width: 100px;background: #fff;border-radius: 90px;border: #fff 2px solid}
.personal .top-userinfo-avatar {height: 90px;width: 90px;}
.top-userinfo-following {margin: 10px 0 15px;color: #333}
.personal .top-userinfo-following {margin: 5px 0 8px;width: 100%;font-size: 0;color: #666A75;display: inline-block;}
.top-userinfo-follow-btn {font-size: 12px;border: 1px #666 solid;padding: 5px 20px;margin-left: 0;vertical-align: middle;color: #333}
.personal .top-userinfo-follow-btn {border: none;padding: 0;margin-left: 0;vertical-align: middle;display: inline-block;font-size: 12px;color: #1B79C8;line-height: 18px;width: auto;}
.edit-profile-btn:hover {font-size: 12px;border: 1px #e41e2b solid;padding: 5px 20px;margin-left: 0;vertical-align: middle;color: #fff}
.top-userinfo-following span {padding-left: 10px;margin-left: 5px;border-left: none}
.personal .top-userinfo-following span {display: inline-block;padding-left: 15px;margin-left: 0;border-left: none;font-size: 14px;line-height: 22px;}
.personal .top-userinfo-following span:first-child {padding-left: 0;margin-left: 0;border-left: none;}
.side-bar-left {float: left;width: 270px;margin-right: 40px;height: auto;background: #F7F7F7;font-size: 0;}
.side-bar-left:before {display: inline-block;content: "";width: 0;height: 0;clear: both}
.common-slide-left {padding: 0;margin: 20px 0 0;}
.common-slide-ul {width: 100%;height: auto;padding-bottom: 24px}
.common-tabs {width: 100%;height: 40px;line-height: 40px;padding-left: 30px;margin: 1px 0;font-size: 0}
.common-tabs.active {background: #fff;border-left: 3px solid #C7000B;padding-left: 27px}
.common-tabs.active a {color: #C7000B}
.common-tabs h1 {height: 40px;line-height: 22px;font-size: 0;padding: 10px 0;margin-top: 18px;cursor: default}
.common-tabs:first-child h1 {margin-top: 0}
.common-tabs h1>a {font-size: 16px;color: #333}
.common-tabs>a {display: inline-block;font-size: 14px;width: auto;height: 40px;line-height: 20px;padding: 10px 0;color: #666;margin-left: 31px;position: relative;}
.common-tabs-li:hover {cursor: default;background-color: #fff}
.common-tabs-li.active:hover>a {margin-left: 31px}
.common-tabs-li>a:hover {color: #C7000B;margin-left: 31px}
.perInfo-icon {display: inline-block;content: "";width: 16px;height: 16px;vertical-align: sub;margin-right: 15px}
.apart-icon {background: url(https://res.hc-cdn.com/ecology/5.11.207/v2_resources/ydcomm/libs/images/home-icon.png) no-repeat center}
.edu-icon {background: url(https://res.hc-cdn.com/ecology/5.11.207/v2_resources/ydcomm/libs/images/edu-icon.png) no-repeat center}
.dev-icon {background: url(https://res.hc-cdn.com/ecology/5.11.207/v2_resources/ydcomm/libs/images/dev-icon.png) no-repeat center}
.per-icon {background: url(https://res.hc-cdn.com/ecology/5.11.207/v2_resources/ydcomm/libs/images/per-icon.png) no-repeat center}
.cloud-icon {background: url(../images/group/myCloud_voice.png) no-repeat center;background-size: 16px 16px;}
.personal .top-userinfo-following span:first-child:after {display: inline-block;content: '';height: 14px;margin-left: 15px;border-left: 1px solid #ddd;vertical-align: -2px;}
.message-icon{background: url(../images/message-icon.svg) no-repeat center;}
.msgPrompt{position: absolute;width: 6px;height: 6px;background: #C7000B;border-radius: 50%;top: 9px;right: -6px;}

/*我的个人中心*/
.constRight{width: 970px;height:100%;background-color: #fff;display: inline-block;}
.tabMenu{width: 100%;height:auto;border-bottom: 1px solid #ddd;margin-top: 10px;}
.tabMenu>ul{width: 100%;height:auto;}
.tabMenu>ul>li{margin-right: 30px;padding: 10px;list-style: none;box-sizing: border-box;text-align: center;font-size: 14px;color: #252B3A;display: inline-block;}
.tabContent{width: 100%;height:auto;}
.tabContent>div{width: 100%;height: 100%;font-size: 14px;}
.myEnter{display: block;}
.tabMenu>ul .activTab{color:#C7000B;}
.tabContent .myEnterCont{display: block;}
.tipNum{display: inline-block;color: #575D6C ;background:#DFE1E6;margin-left: 5px;border-radius: 8px;padding: 0 4px;height: 20px;line-height: 20px;font-size: 14px;}
.tabMenu>ul .activTab .tipNum{display: inline-block;background:#C7000B;color: #fff;margin-left: 5px;border-radius: 8px;padding: 0 4px;height: 20px;line-height: 20px;font-size: 14px;}
.contList>ul>li{height: 134px;border-bottom: 1px solid #e7e7e7;overflow: hidden;padding: 25px 0 25px 25px;}
.unLogo{width: 50px;height: 50px;border-radius: 50%;overflow: hidden;float: left;margin-top: 20px;}
.unLogo>img{width: 100%;height: 100%;}
.listRight{margin-left: 80px;}
.contTit{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 20px;line-height: 20px;}
.contTit>a{font-size: 16px;color: #252B3A;font-weight: 700;}
.contTit>a:hover{color: #1B79C8;}
.contDet{font-size: 14px;margin: 10px 0 12px;color: #666A75;height: 18px;line-height: 18px;}
.contInfo{line-height: 22px;height: 22px;font-size: 14px;color: #666A75;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 745px;}
.contList>ul>li:last-child,.topicContiner ul li:last-child{border-bottom: none;}
.adminUnBtn{float: right;border: 1px solid #DDDDDD;border-radius: 2px;width: 116px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #666A75;margin-top: -10px;}
.topicTop{padding-top: 21px;}
.topicLeft{float: left;margin-top: 4px;}
.topicLeft ul li{display: inline-block;height: 22px;line-height: 22px;font-size: 14px;color: #252B3A;}
.topicLeft ul .topicActive{color: #C7000B;}
.unLine{display: inline-block;height: 12px;width: 1px;background: #ddd;margin: 0 15px;}
.tipicRight{float: right;position: relative;}
.tabContent .tipicTimes,.tabContent .tipicUnions{display: inline-block;position: relative;}
.tipicTimes>p,.tipicUnions>p{color: #252B3A;font-size: 14px;text-align: center;border: 1px solid #DDDDDD;border-radius: 2px;width: 88px;height: 30px;line-height: 30px;padding: 0 10px;text-align: left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.arrowIcon{display: inline-block;position: absolute;right: 10px;top: 13px; vertical-align: middle;transition: 300ms;width: 0;height: 0;border-left: 3px solid transparent;border-right: 3px solid transparent;border-top: 4px solid #666A75;}
.tipicTimes ul,.tipicUnions ul{position: absolute;display: none;background: #FFFFFF;border: 1px solid #AAAAAA;box-shadow: 0 4px 10px 0 rgba(0,0,0,0.10);border-radius: 2px;width: 88px;margin-top: 5px;padding: 5px 0;}
.tipicTimes ul li,.tipicUnions ul li{height: 26px;line-height: 26px;font-size: 12px;color: #252B3A;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 10px;}
.tipicRight ul li:hover{color: #C7000B;background: #f7f7f7;}
.selCondition{color: #C7000B;}
.tipicUnions ul{width: 185px;position: absolute;right: 0;top: 30px;max-height: 197px;overflow-y: scroll;}
.tipicUnions{float: right;}
.tipicUnions{margin-left: 10px;}
.tipicUnions .listActive{border: 1px solid #C7000B;}
.tipicTimes .listActive{border: 1px solid #C7000B;}
.topicTop:after{clear: both;content:'';display: block;}
.topicContiner .topicPost{display: block;}
.postInfoL .unLine{margin: 0 10px;}
.topicContiner ul li{border-bottom: 1px solid #E7E7E7;padding: 25px 0;}
.topicContiner ul li .postTitle{height: 30px;line-height: 30px;width: 609px;font-size: 24px;color: #252B3A;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.topicContiner ul li .postTitle:hover{color: #1B79C8;}
.postInfo{font-size: 12px;color: #666A75;overflow: hidden;margin-top: 10px;margin-bottom: 12px;}
.unionName:hover{color: #1B79C8;}
.postInfoL{float: left;}
.postInfoR{float: right;}
.postReadNum{display: inline-block;margin-right: 21px;background: url(../images/group/yanjing.svg)no-repeat left center;background-size: 16px 11px;padding-left: 21px;min-width: 21px;}
.postReplyNum{display: inline-block;background: url(../images/group/huifu.svg)no-repeat left center;background-size: 12px 11px;padding-left: 17px;min-width: 17px;}
.postReplyConter{margin-top: 15px;font-size: 14px;color: #2A0000;background: #F7F7F7;padding: 15px;position: relative;}
.postReplyConter span{font-size: 14px;color: #252B3A;font-weight: 700;}
.constRight .postNull{text-align: center;padding-top: 153px;width: auto;}
.constRight .postNull p{font-size: 16px;margin-top: 20px;color: #A0A2A8;line-height: 28px;}
.constRight .postNull p a{color: #1B79C8;}
.constRight .findUnion{display: block;margin: 0 auto;margin-top: 20px;width: 116px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;color: #fff;background: #C7000B;border-radius: 2px;}
.myAdminCont li{position: relative;}
.unionStamp{display: inline-block;width: 70px;height: 70px;position: absolute;right: 128px;top: 10px;}
.constRight .postNull>img{width: 93px;height: 79px;}
.constRight .tabContent .replyNull>img{width: 85px;height: 80px;}
.topicContiner .postInfo{height: 18px;margin-bottom: 0;}
.constRight .tabMenu ul li a{display: inline-block;height: 22px;line-height: 22px;}
.topicContiner .topicReply ul li:first-child {padding-top: 15px;}
.tabContent .groGap{margin: 0 12px;}
.postReplyConter>div{display: -webkit-box;word-break: break-all;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.postReplyConter>div>a{color: #1B79C8;}
.postReplyConter>div>a:hover{border-bottom: 1px solid;}
.contDet .fontsOver{ overflow: inherit;text-overflow: initial; }
.changMarg{margin-bottom: 15px;}
.scanCode{width: 280px;height: auto;overflow: hidden;}
.scanCode .iconImg{float: right;width: 100px;height: 100px;box-sizing: border-box;padding: 5px;}
.scanCode .scanText{float: left;margin-top: 26px;margin-left: 10px;}
.stTop{display: inline-block;font-size: 16px;color: #252B3A;height: 20px;line-height: 20px;margin-bottom: 10px;}
.stbtm{display: inline-block;font-size: 14px;color: #A0A2A8;height: 18px;line-height: 18px;}
/*联盟公告*/
.groR .unRcon{text-align: center;}
.groR .rTitBox{ width: 100%; overflow: hidden; height: 50px; border-bottom: 1px solid #ddd; }
.groR .rTit { border-left: 3px solid #C7000B; height: 20px; margin: 15px 0; line-height: 20px; float: left; font-size: 16px; color: #252B3A; font-weight: normal; padding-left: 20px; }
.groR .rTitBox .rTit a{cursor: pointer;}
.groR .rTitBox .rTit a:active{color: blue;}
.groR .unNoti{padding: 20px 20px 10px;}
.groR .unNoti ul li{cursor: pointer;height: 22px;line-height: 22px;font-size: 12px;color: #252B3A;position: relative;}
.groR .unNoti ul li span{display: inline-block;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.groR .feedback{display: inline-block;margin: 0 auto;margin-bottom: 15px;height: 17px;line-height: 17px;}
.groR .feedback .feedbLink{font-size: 12px;color: #C7000B;}
.groR .feedback i{display: inline-block;width: 5px;height: 8px;margin-left: 5px;background: url(../images/group/redArrowR.png) no-repeat;background-size: 100% 100%;}
.groR .groupAffiche{margin-bottom: 30px;}
/*修复 适配iE头像偏上*/
/*.header-user-name span.my-acct{height: 40px;}*/
.changMarg .rTitMo{float: right;}

/*20191217 联盟 个人中心-论坛-回复 点击跳转是帖子删除弹框 add by lyy*/
/*删除帖子样式 li.deteleItem*/
.topicContiner ul .deteleItem .postTitle,.deteleItem .postInfo,.deteleItem .postReplyConter span,.deteleItem .postReplyConter>div>a{color: #ADB0B8;}
.postReplyConter .deleteTip{display: inline-block;width: 163px;height: 34px;font-size: 12px;position: absolute;top: 14px;left: 359px;color: #252B3A;padding: 8px 17px 8px 40px;background: url(../images/group/pinkiRotaIcon.svg) no-repeat;background-position: 16px center;background-size: 16px 16px;border: 1px solid #ffa4a1;border-radius: 2px;box-sizing: border-box;background-color: #ffeeed;display: none;}
.closeTag{display: inline-block;width: 10px;height: 10px;background: url(../images/group/pinkCloseBtn.svg) no-repeat;background-size: 10px 10px;margin-top: 3px;float: right;}

/*20200310 add 联盟首页banner by lyy start*/
.unTit{font-size: 40px;line-height: 50px;color: #252b3a;text-align: left;}
.unStit{font-size: 14px;line-height: 22px;color: #575D6C;text-align: left;}
.enter_unionlist{color: #252b3a;border: 1px solid #252B3A;}
.ungruoplan{border: 1px solid #c7000b;color: #c7000b;}
.bannerCont{width: 100%;margin: 0 auto;text-align: left;max-width: 1280px;}
/*20200310 add 联盟首页banner by lyy end*/

/*20200508  by lyy start*/

.enter_unionlist:hover{border: 1px solid #c7000b;color: #c7000b;}
.unCtit{padding: 0;margin-top: 56px;margin-bottom: 16px;font-size: 24px;line-height: 30px;}
.unSubT{font-size: 16px;color: #575d6c;line-height: 20px;padding: 0;}
.unCbox>ul,.unListUl{margin-top: 32px;padding-bottom: 56px;}
.universitUnionMain{overflow: hidden;padding-bottom: 56px;}
.mainImgLeft{display: inline-block;border-radius: 2px;width: 540px;height: 304px;float: left;background: url(../images/group/mainVideoimg.png) no-repeat;background-size: 100% 100%;}
.mainImgLeft:hover{box-shadow: 0 24px 40px 0 rgba(0,0,0,0.12);}
.mainTextRight{float: right;width: 643px;box-sizing: border-box;padding: 32px 24px 0;font-size: 14px;color: #575D6C;line-height: 22px;}
.moreUnionBtn{display: inline-block;font-size: 14px;padding-right: 25px;color: #575D6C;line-height: 22px;background: url(../images/moreUnionBtn.svg) no-repeat;background-size: 17px 11px;background-position:right center;}
.moreUnionBtn:hover{background: url(../images/moreUnionBtn_hover.svg) no-repeat;background-size: 17px 11px;background-position:right center;color: #C7000B;}
.unionPlaceul li{float: inherit;display: inline-block;width: 389px;margin: 0 12px 12px 0;}
.moreUnionWapper{text-align: center;margin-top: 27px;}
.unInRe,.unSports,.createUnion{overflow: hidden;}
.unSports .spoTit{margin-bottom: 8px;}
#group-4 .unCbox>ul{padding-bottom: 51px;}
.unionEquity{background: url(../images/group/unionEquityBg.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;font-size: 0;}
.unionEquity ul li{display: inline-block;width: 389px;padding: 24px 32px 24px 24px;box-sizing: border-box;margin-bottom: 16px;margin-right: 16px;background: #FFFFFF;}
.unionEquity ul li:hover{box-shadow: 0 6px 12px 0 rgba(0,0,0,0.10);}
.unionEquity ul li img{width: 60px;height: 60px;vertical-align: middle;}
.unionEquity ul li p{display: inline-block;vertical-align: middle;width: 249px;margin-left: 24px;font-size: 18px;color: #252B3A;line-height: 22px;}
.unionEquity ul li:nth-child(3n),.unionNotice ul li:nth-child(2n),.roleIntroduction ul li:nth-child(3){margin-right: 0;}
.unionEquity ul li:nth-child(7),.unionEquity ul li:nth-child(8),.unionEquity ul li:nth-child(9),.unionNotice ul li:nth-child(3),.unionNotice ul li:nth-child(4){margin-bottom: 0;}
.createWayWapper{margin-top: 46px;}
.createWayCont{text-align: center;}
.createWayItem{display: inline-block;vertical-align: top;}
.createWayItem>img{width: 100px;height: 100px;}
.createWayItem>p{font-size: 16px;color: #252B3A;line-height: 20px;margin-top: 19px;}
.lineIcon{margin: 41px 53px 0;vertical-align: top;width: 98px;}
.createWayWapper>a:hover p{color: #526ECC;}
.creatNow{display: inline-block;border: 1px solid #C7000B;border-radius: 2px;font-size: 14px;color: #C7000B;padding: 10px 24px;margin: 35px 0 56px;}
.roleIntroduction ul li{display: inline-block;height: 382px;width: 380px;margin-right: 16px;vertical-align: top;border-radius: 4px;box-shadow: 0 1px 4px 0 rgba(0,0,0,0.10);}
.roleIntroduction ul li:hover{box-shadow: 0 6px 12px 0 rgba(0,0,0,0.10);}
.roleIntroduction ul li:nth-child(1) .roleIntroducTop{background:url(../images/group/roleIntroducTopBg1.jpg) no-repeat;background-size: 100% 100%; }
.roleIntroduction ul li:nth-child(2) .roleIntroducTop{background:url(../images/group/roleIntroducTopBg2.jpg) no-repeat;background-size: 100% 100%; }
.roleIntroduction ul li:nth-child(3) .roleIntroducTop{background:url(../images/group/roleIntroducTopBg3.jpg) no-repeat;background-size: 100% 100%; }
.unList li:hover .unName a{color: #C7000B;}
.roleIntroduction ul li .roleIntroducTop{height: 143px;text-align: center;}
.roleIntroduction .roleIntroducTop img{width: 60px;height: 60px;margin: 24px 0 12px;}
.roleIntroducTop p{font-size: 22px;color: #FFFFFF;line-height: 22px;}
.roleIntroducCont{padding: 20px;font-size: 14px;color: #666A75;line-height: 22px;}
.roleIntroducCont hr{background: #EBEBEB;height: 1px;margin: 21px 0 18px;border: none;}
.roleIntroducCont p{font-size: 14px;color: #252B3A;margin-bottom: 8px;}
.unionNotice{background: url(../images/group/unionNoticeBg.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;}
.unionNotice ul li{display: inline-block;width: 592px;margin: 0 16px 16px 0;}
.unionNotice ul li>a{display: inline-block;width: 100%;padding: 32px;text-align: center;background: url(../images/group/cardBg.jpg) no-repeat;background-size: 100% 100%; }
.unionNotice ul li>a:hover{box-shadow: 0 4px 12px 0 rgba(0,0,0,0.10);}
.unionNotice ul li>a:hover .unionNoticeTitle{color: #C7000B;}
.unionNotice ul li>a:hover .shortLine{background: #C7000B;}
.unionNotice .unionNoticeTitle{font-size: 18px;color: #252B3A;line-height: 22px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.shortLine{display: inline-block;width: 32px;height: 3px;margin: 12px 0;background: #ADB0B8;}
.unionNotice .unionNoticeCont{font-size: 12px;color: #575D6C;line-height: 18px;text-align: left;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.isEssence{display: inline-block;border: 1px solid #2ED3D6;font-size: 0.32rem;color: #2ED3D6;width: 0.88rem;text-align: center;line-height: 0.426666rem;margin-right: 0.133333rem;font-style: normal;vertical-align: 2px;background: rgba(46,211,214,0.15);}
/*2020508  by lyy end*/



/*new 响应式 联盟列表页样式开始*/
.new_herolist_h5,.new_herolist_wap{
    display: none;
}
.new_herolist_pc{
    width: 1280px;
    margin: 0 auto;
}
.new_herolist_pc:after {
    content: '';
    width: 0;
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
.nhp_left{
    float: left;
    width: 968px;
    margin-right: 24px;
}
.nhp_right{
    float: left;
    width: 288px;
}

   /* 768-1440 1200 */
   @media screen and (min-width: 768px) and (max-width: 1439px) {
    .new_herolist_pc{
        width: 1200px;
    }
    .nhp_left{
        width: 888px;
    }
   }

   /* 移动端 */
   @media screen and (max-width: 768px){
        html,body {
            min-width: 100% !important;
        }
        #header{
            display: block;
        }
        #other-dialog4{
            display: none;
        }
       .new_herolist_pc{
           display: none;
       }
       .new_herolist_h5,.new_herolist_wap{
            display: block;
            width: 100%;
        }
       .nh5_groSerBox {
            background: #fff;
            padding: 0.533333rem 0.4rem 0 0.4rem;
        }
        .groSer {
            position: relative;
            border: 1px solid #AAAAAA;
            border-radius: 2px;
            height: 0.853333rem;
            box-sizing: content-box;
        }
        .groSerInp {
            border: none;
            display: block;
            width: 100%;
            height: 0.853333rem;
            padding: 0 1.15rem 0 0.266666rem;
            box-sizing: border-box;
            font-size: 0.373333rem;
        }
        .serIc {
            position: absolute;
            right: 0;
            top: 0.133333rem;
            width: 0.986666rem;
            height: 0.586666rem;
            border-left: 1px solid #DDDDDD;
            background: url(../hwwap/images/ser.svg) no-repeat center center;
            background-size: 0.426666rem auto;
            cursor: pointer;
        }
        .mbcancel {
            display: none;
            position: absolute;
            top: 0.133333rem;
            right: 0.96660rem;
            width: 0.9rem;
            height: 0.586666rem;
            background: url(../hwwap/images/cancel.svg) no-repeat center center;
            background-size: 0.426666rem auto;
        }
        .postTabBox {
            width: 100%;
            margin: 0;
            padding: 0 0.4rem;
            box-sizing: border-box;
            white-space: nowrap;
            overflow: hidden;
            background: #fff;
            border-bottom: 1px solid #DDDDDD;
        }
        .groPostTab {
            margin-top: 0.4rem;
            height: 1.12rem;
        }
        .groPostTab .swiper-slide {
            line-height: 1.04rem;
            display: inline-block;
            border-bottom: 3px solid transparent;
            margin-right: 0.66666rem;
            font-size: 0.426666rem;
            width: auto;
            color: #666A75;
        }
        .groPostTab .swiper-slide a {
            color: #666A75;
        }
        .groPostTab .swiper-slide.onActi {
            border-bottom: 3px solid #F66F6A;
            color: #252B3A;
        }
        .groPostTab .swiper-slide.onActi a {
            color: #252B3A;
        }
        .groList {
            padding: 0 0.4rem;
            background: #fff;
        }
        .groChi {
            padding: 0.533333rem 0;
            border-bottom: 1px solid #F7F7F7;
        }
        .groChiT {
            overflow: hidden;
        }
        .groChiPer {
            float: left;
            width: 1.2rem;
            height: 1.2rem;
            margin-right: 0.266666rem;
            border-radius: 0;
        }
        .groPerImg {
            width: 100%;
            height: 100%;
            border-radius: 50%;
        }
        .groTc {
            float: left;
            height: 1.2rem;
            width: 5rem;
        }
        .groChiTit {
            height: 0.64rem;
            overflow: hidden;
        }
        .groChiTit a {
            display: block;
            font-size: 0.426666rem;
            color: #252B3A;
            line-height: 0.64rem;
            height: 0.64rem;
            text-align: left;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .groChiDet {
            line-height: 0.426666rem;
            text-align: left;
            font-size: 0.32rem;
            color: #666A75;
            margin-top: 0.133333rem;
            padding: 0;
        }
        .addMyFol {
            float: right;
            width: 1.946666rem;
            height: 0.746666rem;
            font-size: 0.373333rem;
            color: #F66F6A;
            padding-left: 0.8rem;
            line-height: 0.746666rem;
            border: 1px solid #F66F6A;
            border-radius: 2px;
            background: url(../hwwap/images/follow.svg) no-repeat 0.4rem 0.21rem;
            background-size: 0.266666rem auto;
            box-sizing: border-box;
        }
        .joined{border: 1px solid #252B3A;color: #252B3A;padding-left: 0;text-align: center;background: none;float: right;width: 1.946666rem;height: 0.746666rem;font-size: 0.373333rem;line-height: 0.746666rem;border-radius: 2px;box-sizing: border-box;}
        .groChiInfo {
            margin-top: 0.266666rem;
            font-size: 0.373333rem;
            color: #A0A2A8;
            text-align: left;
            height: 1.066666rem;
            line-height: 0.56rem;
            overflow: hidden;
        }
        .groChi:hover{
            box-shadow: none;
        }
        .cover {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            z-index: 33;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.2);
        }
        .unAle {
            display: none;
            position: fixed;
            top: 20%;
            left: 4%;
            width: 92%;
            background: #fff;
            border-radius: 2px;
            z-index: 34;
        }
        .unAtop {
            position: relative;
            margin: 0.53333rem 0.32rem 0 0;
            padding-left: 0.453333rem;
            height: 0.53333rem;
            border-left: 3px solid #F66F6A;
            line-height: 0.53333rem;
            box-sizing: content-box;
        }
        .unATit {
            font-size: 0.426666rem;
            color: #252b3a;
        }
        .unAclo {
            position: absolute;
            right: 0;
            top: -0.21rem;
            width: .32rem;
            height: .32rem;
            cursor: pointer;
            background: url(../hwwap/images/indSvg.svg);
            background-position: -1px -532px;
        }
        .tipAcon {
            padding: 0.93333rem 0.53333rem;
        }
        .tipWo {
            margin-left: 1.33333rem;
            font-size: 0.426666rem;
            line-height: 0.93333rem;
            text-align: left;
            color: #252B3A;
        }
        .unABtnBox {
            text-align: center;
            padding-bottom: 0.53333rem;
        }
        .unAsure {
            display: inline-block;
            height: 0.853333rem;
            line-height: 0.853333rem;
            background: #F66F6A;
            color: #fff;
            width: 2.4rem;
            border-radius: 2px;
            font-size: 0.32rem;
            text-align: center;
            border: none;
            box-sizing: border-box;
            margin: 0 0.08rem;
        }
        .unAcancle {
            display: inline-block;
            height: 0.853333rem;
            line-height: 0.853333rem;
            background: #fff;
            color: #F66F6A;
            border: 1px solid #F66F6A;
            width: 2.4rem;
            border-radius: 2px;
            font-size: 0.32rem;
            text-align: center;
            box-sizing: border-box;
            margin: 0 0.08rem;
        }
        .groChiDet span, .groChiDet a{
            font-size: 0.32rem;
        }
   }

/*new 响应式 联盟列表页样式结束*/


/* new联盟详情页响应式样式开始 */
.new_herodetails_wap{
    display: none;
}
@media (max-width: 767px){
    .new_herodetails_pc{
        display: none;
    }
    .new_herodetails_wap{
        display: block;
    }
    .unDetBox {
        padding: 0.4rem 0.4rem 0.5333333rem 0.4rem;
        background: #F7F7F7;
    }
    .unDetCon {
        overflow: hidden;
        height: 2.666666rem;
        padding-bottom: 0.5333333rem;
        box-sizing: content-box;
    }
    .unPortr {
        float: left;
        width: 2.666666rem;
        height: 2.666666rem;
        border-radius: 50%;
        overflow: hidden;
    }
    .unPortr img {
        display: block;
        width: 100%;
        height: 100%;
    }
    .new_herodetails_wap .unDet {
        margin-left: 3.2rem;
        padding-top: 0;
    }
    .new_herodetails_wap .unName {
        width: 100%;
        height: auto;
        text-align: left;
        font-weight: normal;
        font-size: 0.42666666rem;
        line-height: 0.5333333rem;
        color: #252B3A;
        margin-bottom: 0.1333333rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .unEffect {
        text-align: left;
        font-size: 0.37333333rem;
        color: #666a75;
        line-height: 0.48rem;
        margin-bottom: 0.1333333rem;
        height: 1.38666666rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    .unInfo {
        text-align: left;
    }
    .unInfo span {
        font-size: 0.32rem;
        line-height: 0.48rem;
        color: #A0A2A8;
    }
    .unInfo span:first-child:after {
        content: '|';
        color: #A0A2A8;
        padding: 0 0.2666666rem;
    }
    .joinUn {
        display: block;
        margin: 0 0.4rem;
        height: 0.8533333rem;
        line-height: 0.8533333rem;
        text-align: center;
        background: #F66F6A;
        color: #fff;
        border-radius: 2px;
        font-size: 0.3733333rem;
    }
    .joinTipBox {
        padding: 0.533333rem 0 1.0133333rem 0;
        background: #fff;
    }
    .pointJt {
        display: block;
        width: 0.82666666rem;
        height: 1.013333rem;
        background: url(../images/point.svg) no-repeat center;
        background-size: 100% auto;
        margin: 0 auto;
    }
    .joinTip {
        text-align: center;
        margin-top: 0.1333333rem;
        color: #666A75;
        line-height: 0.48rem;
        font-size: 0.3733333rem;
        margin: 0 0.4rem 0.4rem 0.4rem;
    }
    .expect {
        color: #666A75;
        line-height: 0.48rem;
        font-size: 0.3733333rem;
        font-weight: 400;
        text-align: center;
        margin: 0 0.4rem;
    }
    .unPoList {
        background: #fff;
        padding: 0 .4rem;
    }
    .unPoBox {
        padding: 0.4rem 0;
        border-bottom: 1px solid #DDDDDD;
    }
    .unPoBox:last-child {
        border-bottom: none;
    }
    .unPoTit {
        font-size: 0.42666666rem;
        line-height: 0.5333333rem;
        text-align: left;
        font-weight: normal;
    }
    .unPoTit a {
        display: block;
        color: #252B3A;
        font-size: 0.42666666rem;
        line-height: 0.5333333rem;
        height:auto;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .unPoDet {
        overflow: hidden;
        padding-top: 0.426666rem;
        height: 0.666666rem;
        box-sizing: content-box;
    }
    .unPoPer {
        float: left;
        height: 0.666666rem;
        overflow: hidden;
    }
    .unPer {
        float: left;
        height: 0.666666rem;
        width: 0.666666rem;
        border-radius: 50%;
    }
    .unPname {
        float: left;
        line-height: 0.666666rem;
        /*max-width: 3.5rem;*/
        height: 0.666666rem;
        overflow: hidden;
        margin-left: 0.213333rem;
        font-size: 0.32rem;
        color: #666A75;
    }
    .unNumDet {
        float: right;
        text-align: right;
    }
    .unNumDet span {
        display: inline-block;
        color: #666A75;
        font-size: 0.32rem;
        line-height: 0.666666rem;
        padding-left: 0.64rem;
    }
    .unNumDet span:first-child {
        margin-right: 0.53333rem;
    }
    .unLook {
        background: url(../hwwap/images/look.svg) no-repeat left center;
        background-size: 0.426666rem 0.35rem;
    }
    .unComm {
        background: url(../hwwap/images/mess.svg) no-repeat left center;
        background-size: 0.426666rem auto;
    }
    .loadA {
        display: block;
        height: 1.173333rem;
        width: 100%;
        background: #f6f6f6;
        text-align: center;
        line-height: 1.173333rem;
        font-size: 0.373333rem;
        color: #A0A2A8;
    }
    .joinFix {
        position: fixed;
        bottom: 0.4rem;
        right: 0.46rem;
        z-index: 10;
        width: 1.36rem;
        height: 1.36rem;
        background: url(../hwwap/images/join.png) no-repeat center center;
        background-size: 100% 100%;
    
    }

    .new_herodetails_wap .unTab{font-size: 0;margin-top: 0.8rem;height: auto;border-bottom: none;}
    .new_herodetails_wap .unTab ul{border-bottom: 1px solid #ddd;padding: 0 0.133333rem;text-align: left;}
    .new_herodetails_wap .unTab ul li{display: inline-block;font-size: 0.426666rem;color: #666A75;margin-right: 0.533333rem;border-bottom: 3px solid transparent;width:1.386666rem;text-align: center;padding-bottom: 0.222222rem;}
    .new_herodetails_wap .unTab ul .activTab{border-bottom: 3px solid #F66F6A;color: #252B3A;}

    .new_herodetails_wap .unTab a {
        display: inline-block;
        padding: 0;
        border-bottom: none;
        margin: 0;
        line-height: inherit;
        color: inherit;
        font-size: inherit;
    }
    .detNull {
        text-align: center;
        line-height: 0.48rem;
        font-size: 0.32rem;
        color: #A0A2A8;
        padding: 0.8rem 0 0.26666rem 0;
    }
    .addBox {
        position: fixed;
        z-index: 101;
        bottom: 2.1333333rem;
        width: 100%;
        background: #e41e2b;
        display: none;
        transition: all 0.5s cubic-bezier(0.4,0,0.2,1);
    }
    .dt-nav-list {
        height: 1.14666666rem;
        line-height: 1.14666666rem;
        width: 100%;
        box-sizing: border-box;
        text-align: center;
    }
    .hw-btn-section {
        position: absolute;
        left: 0.5333333rem;
    }
    .dt-nav-list a {
        color: #fff;
        font-size: 0.4rem;
    }
    .icon-btn-close {
        display: inline-block;
        width: 0.38666666rem;
        height: 0.38666666rem;
        background: url(../hwwap/images/icon-close.png) no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 0.4rem;
        right: 0.95rem;
    }
    .unswiTab {
        margin: 0;
        height: auto;
        border-bottom: none;
    }
    .new_herodetails_wap .unswiTab .postTab {
        margin-top: 0.1rem;
        height: auto;
    }
    .unswiTab .postTab .swiper-slide.onActi {
        border-bottom: none;
    }
    .unswiTab .swiper-slide.onActi>a {
        color: #F56F6A;
    }
    .gotopBox{
        right: 0.4rem;
        position: fixed;
        z-index: 101;
        display: none;
    }
    .sc-fixedbox .gotopBtn {
        display: block;
        width: 1.066666rem;
        height: 1.066666rem;
        background-image: url(../hwwap/images/scroll-top-icon.svg);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .sc-fixedbox .addBtn {
        display: block;
        width: 1.066666rem;
        height: 1.066666rem;
        background: url(../hwwap/images/icon-add.svg) no-repeat;
        background-size: 100% 100%;
        right: 0.4rem;
        bottom: 3.333333rem;
        position: fixed;
        z-index: 101;
    }
    .groupEwm {
        display: inline-block;
        background: url(../hwwap/images/ewmIcon.png) no-repeat;
        background-size: 100% 100%;
        position: fixed;
        bottom: 1.866666rem;
        right: 0.4rem;
        width: 1.066666rem;
        height: 1.066666rem;
        border-radius: 50%;
        overflow: hidden;
        z-index: 9;
    }
}
/* new联盟详情页响应式样式结束 */