@charset "utf-8";
body{ background: #fff; font-size:.25rem;}
div { box-sizing: border-box;}
.dn { display: none;}
.clearfix:after { content: '\20'; clear: both; height: 0; display: block;}
a {-webkit-tap-highlight-color:transparent;}
*{ outline:none!important;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {-webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none; -o-user-select: none;}
/* --------------index-start-------------- */
input { font-size: .26rem;}
.homeTop {padding-bottom: .4rem; background-size: 100% auto; padding-top: .5rem; background: url(../images/bg.png) center top no-repeat;
background-size: 100% auto;}
.homeTop h2 { margin: 0 .3rem .3rem; line-height: .58rem; font-size: .32rem; color: #333333; background: url(../images/yj.png) left center no-repeat; padding-left: .64rem; background-size: .5rem auto;}
.homeTop h2 span { font-weight: bold; color: #d10500; margin: 0 .2rem 0 0;}
.homeTop .nav { justify-content: space-between; display: flex;}
.nav img { border-radius: 50%; width: .96rem; margin: 0 auto .13rem;}
.nav { padding: 0 .3rem;}
.nav a { font-size: .25rem; color: #000c28;}
.banner { position: relative; margin: .4rem .3rem .3rem;}
.banner h2 { text-align: center; font-size: .38rem; margin-bottom: .2rem; color: #021017;}
.bannerSwiper { overflow: hidden; border-radius:.1rem;}
.bannerSwiper .swiper-pagination-bullet-active { background: #000000;}
.bannerSwiper .swiper-pagination { bottom: .17rem!important;}
a.helpBtn { z-index: 2; border-radius: .1rem; overflow: hidden; position: absolute; width: 1.64rem; right:.14rem; bottom: .09rem;}
.noticeCont { position: relative; padding: .1rem .18rem; border: 1px dashed #e3e3e5; margin: 0 .3rem .4rem;}
.noticeCont li { font-size: .24rem; line-height: 1.5; color: #5c5c5a;}
.noticeCont::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 50%;
background-image: linear-gradient(to bottom,rgba(255,255,255,.5),rgba(255,255,255,0));}
.helpTit { text-align: center; font-size: .38rem; line-height: 1; margin-bottom: .35rem;}
.helpList { margin: .2rem auto 0; padding: 0 .3rem .45rem;}
.helpDetail,.helpDetail a{width: 100%; justify-content: space-between; display: flex;}
.helpList a.goHelp { display: block; width: 1.48rem; line-height: .46rem; margin: .2rem auto 0;
background: #f4f5fa; color: #06263c; text-align: center;}
.helpPic { width: 2.16rem; height: 1.64rem; border-radius: .08rem; overflow: hidden;}
.helpPic img { display: block; width: 100%; height: 100%; object-fit: cover;}
.helpText { width: 4.4rem;}
.helpText h2 { font-size: .3rem; color: #000000; line-height: 1; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap; }
.helpText p {overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size: .26rem; line-height: .42rem; color: #000c23;}
.helpText span { display: block; color: #4f6e7c;}
.helpText span b { color: #a63333;}
.helpList li { border-bottom: 1px solid #f5f5f5; padding: .1rem 0; margin-bottom: .2rem;}
.footLink { text-align: center;}
.footLink a { font-size: .26rem; color: #315569; margin: 0 .2rem;}
.footLogo img { width: 3.64rem; margin:.24rem auto .2rem;}
.footContact { text-align: center;}
.footContact p { font-size: .26rem; line-height: 2; color: #254a60;}
.footContact p a { color: #254a60;}
.contFoot { padding: .2rem .4rem;}
.fixBottom { background: #f8f9fc; display: flex; bottom: 0; z-index: 10; width: 100%; max-width: 750px; justify-content: space-between; position: fixed; height: 1.2rem; border-top: 1px solid #ebeef2;}
.fixBottom a { line-height: 1.55; font-size: .22rem; color: #000018; flex-direction: column; align-items: center; justify-content: center; display: flex; justify-content: center; width: 33.33%;}
.fixBottom a img { width: .44rem; height: .44rem; margin: 0 auto;}
.fixBottom a img:nth-child(1) { display: block;}
.fixBottom a img:nth-child(2) { display: none;}
.fixBottom a.cur img:nth-child(1) { display: none;}
.fixBottom a.cur img:nth-child(2) { display: block;}
.fixBottom a.cur {color: #eb1c28;}
.h120 { height: 1.2rem;}
.dataCont {background: #ffffff; border-bottom: 1px solid #ebebeb; margin-bottom: .2rem;}
.dataCont ul {padding: .15rem 0; display: flex;}
.dataCont li {border-right: 1px solid #eeeeee; text-align: center; box-sizing: border-box; width: 33.33%; color: #373737; font-size: .26rem; font-weight: bold; line-height: .36rem;}
.grayBox{ background: #f5f5f5;}
.dataCont li h2,.dataCont li p { font-weight: bold;}
.dataCont li span { font-weight: bold; color: #c8131b;}
.dataCont li:last-child {border: none;}
.listTitle { line-height: .78rem; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; font-weight: bold; padding: 0 .34rem;
font-size: .32rem; color: #4a4a4a;}
.grayBox { background: #f5f5f5; min-height: 100vh;}
.myList { background: #ffffff;}
.writePic { width: 1.66rem; height: 1.24rem; overflow: hidden; border-radius: .1rem;}
.writePic img { width: 100%; height: 100%; object-fit: cover;}
.writeCont { display: flex; justify-content: space-between;}
.myList li { padding:.24rem .3rem .2rem; border-bottom: 1px solid #ebebeb;}
.writeDesc { width: 4.95rem;}
.writeDesc h2 { margin-bottom: .2rem; font-size: .32rem; font-weight:bold; color: #3d3d3d;}
.writeDesc dl { display: flex; flex-wrap: wrap;}
.writeDesc dt { color: #3a3a3a; font-weight: bold; font-size: .24rem; line-height: .34rem; width: 50%;}
.writeDesc dt span { font-weight: bold; color: #ce1016;}
.writeControl { display: flex; justify-content: space-between; align-items: center;}
.writeControl a { display: inline-flex; padding: 0 .24rem; line-height: .44rem; font-size: .24rem; color: #242424;
border: 1px solid #e7e7e7; border-radius: .08rem;}
.writeGrow { display: flex; align-items: center;}
.writeGrow span { margin-right: .28rem; overflow: hidden; position: relative; display: inline-flex; width: 2.4rem; border-radius: 4px; height: 4px; position: relative; background: #d0cfcd;}
.writeGrow span i { display: block; border-radius: 4px; position: absolute; left: 0; top: 0; background:#ce1016; height: 100%;}
.joinPage { background: url(../images/yqj_bg.jpg) repeat; min-height: 100vh;}
.joinTit { background: url(../images/yqj_top_bg_3.jpg) center top no-repeat;padding-top: .54rem; background-size: 100% auto;}
.userPic { display: block; width: 1.68rem; margin: 0 auto .44rem; border: .1rem solid rgba(255,255,255,.5); height: 1.68rem; border-radius: 50%; overflow: hidden;}
.userPic img { width: 100%; height: 100%; object-fit: cover;}
.joinDesc { text-align: center;}
.joinDesc h2 { margin-bottom: .16rem; font-size: .36rem; font-weight: bold; color: #ef5d36;}
.joinDesc p { font-size: .26rem; line-height: .36rem; color: #191816;}
.joinInfor { position: relative; width: 6.9rem; border: 1px solid #dfdedb; border-radius: .1rem; margin: .6rem auto 0;
background: #ffffff; padding: .2rem .28rem;}
.joinInfor img.postImg { width: 1.62rem; position: absolute; left: 50%; top: -.47rem; margin-left: -.81rem;}
.joinInfor dl { flex-wrap: wrap; justify-content: space-between; display: flex;}
.joinInfor dt { color: #a19b96; font-size: .24rem; line-height: .4rem; width: 50%;}
.joinInfor dt:nth-child(2n) { text-align: right;}
.joinInfor dt span { color: #ed5713; font-weight: bold;}
.joinInfor h3 { font-size: .3rem; margin: .3rem 0 .16rem; color: #46403c;}
.joinStep { display: flex; justify-content: space-between; align-items: center;}
.joinStep span { display: inline-flex; width: 5rem; height: .1rem; border-radius: .1rem; position: relative;
overflow: hidden; background: #d4cfcb;}
.joinStep i { border-radius: .1rem; height: 100%; position: absolute; left: 0; background: #ff6a0a;}
.joinStep b { color: #554e4b; font-size: .24rem;}
.peoList { margin: .15rem 0 .24rem; text-align: center;}
.peoList span { display: inline-block; vertical-align: top; width: 1rem; height: 1rem;
border-radius: 50%; overflow: hidden; margin: 0 .1rem;}
.peoList span img {width: 100%; height: 100%; object-fit: cover;}
.joinPeo p { text-align: center; font-size: .24rem; color: #635c59;}
.joinPeo p span { color:#ff6a0a ;}
.majorInfor { margin: .2rem auto; width: 6.9rem; background: #ffffff; border: 1px solid #dcdcd9; border-radius: .08rem;}
.majorTit { color: #504948; display: flex; justify-content: space-between; line-height: .66rem; padding: 0 .34rem; border-bottom: 1px solid #dcdcdc;}
.majorTit span { color: #b0a7a2;}
.majorPic { width: 1.5rem; height: 1.1rem; border-radius: .1rem; overflow: hidden;}
.majorPic img { width: 100%; height: 100%; object-fit: cover;}
.majorDesc { justify-content: space-between; padding: .2rem; display: flex;}
.majorTxt h2 { margin-bottom: .05rem; background: url(../images/checked.jpg) right center no-repeat; background-size: .36rem auto; font-weight: bold; font-size: .28rem; line-height: .4rem; color: #544b49;}
.majorTxt { width: 4.7rem;}
.majorTxt p { font-size: .25rem; color: #ada4a2; line-height: .35rem;}
.userTalk li { padding: .2rem 0; display: flex; justify-content: space-between;}
.userTalk ul { padding: 0 .26rem;}
.userIcon { width: 1.1rem; height: 1.1rem; border-radius: 50%; overflow: hidden;}
.userIcon img { display: block; width:100%; height: 100%; object-fit: cover;}
.talkTxt {width: 5.4rem;}
.userTalk { background: #ffffff;}
.talkTxt h2 { margin-bottom: .1rem; line-height: .4rem; color:#64605c;}
.talkTxt h2 span {color: #a8a39f;}
.talkTxt h2 b {color: #e95242; font-weight: bold; margin: 0 .1rem;}
.talkTxt p { font-size: .28rem; line-height: .38rem; color: #535250;}
.talkTxt i { display: block; font-size: .26rem; margin: .24rem 0 .4rem;}
.userTalk li { border-bottom: 1px solid #ebebeb;}
.flogo { padding: .36rem 0;}
.flogo img { display: block; width: 1.49rem; margin: 0 auto;}
.joinFix { justify-content: space-between; display: flex; position: fixed; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; max-width: 750px; background: #ffffff; z-index: 3; border-top: 1px solid #d3d2ce;
padding: .22rem;}
.joinFix a { font-size: .28rem; align-items: center; justify-content: center; display: inline-flex; width: 3.3rem; line-height: .62rem; border: 1px solid #ff6711; border-radius: .08rem;}
.joinFix a:nth-child(2) { color: #ffffff; background: #ff6711;}
.joinFix a:nth-child(1) { color: #ff6711;}
.majorTxt h3{ margin-bottom: .05rem;  font-weight: bold; font-size: .28rem; line-height: .4rem; color: #544b49;}
.payChose h2 { font-size: .28rem; line-height: 1; color: #100f0c; margin-bottom: .37rem;}
.payChose { padding: .1rem .3rem 0;}
.choseSlide { display: flex; justify-content: space-between;}
.choseSlide span { border: 1px solid #c2c1bc; border-radius: .07rem; width: 1.68rem; box-sizing: border-box; text-align: center; font-size: .24rem;
color: #000000; line-height: .64rem; background: #ffffff;}
.choseSlide span.cur { border: 1px solid #ec6b1e; background: url(../images/jb.png) right top no-repeat #ffffff; background-size: .55rem auto;}
.payChose li { border-radius:.08rem; padding: 0 .15rem; height: .64rem; align-items: center; display: flex; justify-content: space-between; position: relative; border: 1px solid #bdb8b2; background: #ffffff; margin-bottom: 5px;}
.payChose ul { margin-top: 5px;}
.payChose li input { font-size: .26rem; box-sizing: border-box; background: none; border: none; height: 100%; width: 100%;}
.payChose li:nth-child(2) input,.payChose li:nth-child(3) input {text-align: center;}
.writeTit { display: flex; justify-content: space-between; align-items: center; line-height: .9rem;}
.writeTit p { font-size: 0.28rem; color: #1e1d1a;}
.writeInfor { padding: 0 .3rem;}
.writeTit span { font-size: .28rem; color:#ff6711 ;}
.mode { display: none; font-size: .24rem; line-height: .32rem; color: #000000;}
.writeInfor textarea { box-sizing: border-box; width: 100%; padding: .2rem; resize: none; height: 1.06rem; border: 1px solid #c8c7c2; border-radius: .08rem;
display:block; font-family: ;: '微软雅黑'; font-size: .24rem; line-height: 2; padding: 0 .2rem;}
.writeInfor .nextBtn { display: block; width: 100%; background: #ff6711; border: none; border-radius: .08rem; color: #ffffff;
font-size: .32rem; height: .7rem; text-align: center; line-height: .7rem; border-radius: .08rem; margin: .18rem auto 0;}
.successBanner { position: relative;}
.successTxt { color: #ffffff; padding-bottom: .1rem; position: absolute; bottom: 0; left: 0; text-align: center; width: 100%;}
.successTxt p { font-size: .26rem; line-height: 1; margin-bottom: .06rem;}
.successTxt span { display: block; font-size: .24rem;}
.helpList { background: #ffffff;}
.checkDynamic {text-align: center;}
.checkDynamic h2 { padding:.58rem 0; font-size: .3rem; color: #656563; text-align: center;}
.checkDynamic h2 a { color: #656563;}
.checkDynamic p { margin: 0 .32rem; position: relative; text-align: center;}
.checkDynamic p a { color:#656563 ;}
.checkDynamic p:after { content: ''; position: absolute; left: 0; height: 1px; top: 50%; transform: translateY(-50%); width:1.8rem; background: #d9d8d3;}
.checkDynamic p::before { content: ''; position: absolute; right: 0; top: 50%; height: 1px; transform: translateY(-50%); width: 1.8rem; background: #d9d8d3;}
.jhelp {padding-top: .4rem; padding-bottom: .2rem;}
.bottomBtn { position: fixed; bottom: 0; width: 100%; max-width: 750px; left: 50%; transform: translateX(-50%); background: #ff7713; display: flex;}
.bottomBtn a { width: 50%; text-align: center; display: block; color: #ffffff; font-size: .3rem; font-weight: bold; line-height: .75rem;}
.h75 { height: .75rem;}
.userInfor span { overflow: hidden; width: .9rem; height: .9rem; display: block; margin: 0 auto .2rem; border-radius: 50%; border: .05rem solid rgba(255,255,255,.5);}
.userInfor {padding: .1rem 0 .2rem; text-align: center; color: #ffffff; background: url(../images/hd.png) center no-repeat; background-size: cover;}
.userInfor span img { display: block; width: 100%; height: 100%; object-fit: cover;}
.userInfor h2 { font-size: .26rem; margin-bottom: .15rem;}
.userInfor p { font-size: .28rem;}
.enterList { background: url(../images/e.png) 7rem center no-repeat #ffffff; background-size: .15rem auto; border-top: 1px solid #f0efef; border-bottom: 1px solide #f0efef; margin: .2rem 0; }
.enterList a { display: block; line-height: .74rem; font-size: .28rem; color: #080808; text-indent: .3rem;}
.myJoin { background: #ffffff; border-top: 1px solid #f0efef;}
.myJoin h2 {line-height: .74rem; font-size: .28rem; color: #080808; text-indent: .3rem; border-bottom: 1px solid #f0efef;}
.myJoin li h3 { line-height: .48rem; font-weight: bold; font-size: .3rem; color: #949494; display: flex; align-items: center; justify-content: space-between;}
.myJoin li { border-bottom: 1px dashed #e9e9e9; padding: .17rem .27rem; border-bottom: 1px solid #f0efef;}
.myJoin li span { font-weight: bold;}
.myJoin li span i { color: #f50000;}
.myJoin li p { color: #949494; font-size: .24rem; line-height: 2;}
.aimNum { text-align: center; font-size: .3rem; padding: 1rem 0 .1rem; color: #67615d;}
.aimNum span { color: #de480a;}
.pinkBg {min-height: 100vh; background: #ecd7d6; padding: .55rem .3rem;}
.rankTit { text-align: center; color: #ffffff; background: #619594; border-radius: .06rem; line-height: .7rem;
width: 1.82rem; margin: 0 auto .2rem;}
.rankList li {overflow: hidden;}
.rankPic { float: left; width: 1.08rem; height: 1.08rem; border-radius: 50%; overflow: hidden;}
.altBox { display: none; padding:.12rem .3rem; z-index: 10; max-width: 750px; background: #ffffff; position: fixed; left: 50%; transform: translateX(-50%); top: 0; width: 100%; height: 100vh; overflow-y: auto;}
.altBox h2 { line-height: .74rem; font-size: .34rem; font-weight: bold; color: #213239; border-bottom: 1px solid #ebecee;}
.moneyChose { padding: .2rem 0; margin-bottom: .18rem; display: flex; justify-content: space-between;}
.moneyChose span { font-size: .32rem; text-align: center; line-height: .7rem; width: 1.6rem; border: 1px solid #a1a9ae; box-sizing:border-box; border-radius: .06rem;}
.moneyChose span.cur {background: #fceced; color: #cd1830; border: 1px solid #d34c5b;}
.subInfor li { margin-bottom: .25rem; display: flex; justify-content: space-between; align-items: center;}
.subInfor li input { width: 5.1rem; text-align: center; height: .86rem; border-radius: 4px; border: 1px solid #8d9ea3;}
.typeInfor { font-size: .26rem; color: #1b344b; width: 1.55rem; display: flex; align-items: center;}
.typeInfor .random { display: block; background: url(../images/refuse.jpg) center no-repeat; margin-right: .16rem; width: .26rem; height: .3rem; background-size: 100% auto;}
.typeInfor .chose { background: url(../images/chose.jpg) center no-repeat; width: .29rem; height: .29rem; background-size: 100% auto; margin-right: .13rem;}
.typeInfor.cur .chose { background: url(../images/checked.jpg) center no-repeat;background-size: 100% auto;}
.address h3 { font-size: .28rem; color: #354b5f; line-height: 1; margin-bottom: 15px;}
.content-block input,.borth input {background: none; text-align: center; height: .86rem; border-radius: 4px; border: 1px solid #8d9ea3; width: 100%;}
.content-block { margin-bottom: .24rem; background: url(../images/selectBg.png) 6.4rem center no-repeat; background-size: .19rem auto;}
.yearChose select {background: url(../images/selectBg.png) 6.4rem center no-repeat; background-size: .19rem auto;text-align: center; height: .86rem; border-radius: 4px; border: 1px solid #8d9ea3; width: 100%;
box-sizing: border-box;appearance:none; -moz-appearance:none; -webkit-appearance:none; }
.yearChose select::-ms-expand { display: none; } 
.yearChose{margin-bottom: .24rem;}
.noteText input {text-align: center; width: 100%; height: .86rem; border-radius: 4px; border: 1px solid #8d9ea3;}
.noteText { margin-bottom: .24rem; margin-top: .25rem;}
.payBtn { display: flex; flex-direction: column; gap: .35rem;}
.payBtn a { width: 100%; text-align: center; border-radius: .12rem; display: block; font-size: .28rem; color: #ffffff; line-height: .7rem;}
.payBtn a:nth-child(1) { background: #009900;}
.payBtn a:nth-child(2) { background: #ff6d0a;}
.areaText textarea { height: 1rem; padding: .1rem; width: 100%; box-sizing: border-box; font-size: .28rem; line-height: .4rem; border: 1px solid #83969b; border-radius: .08rem;}
.areaText { margin-bottom: .6rem;}
.closeAlt { position: fixed; top: .2rem; right: .35rem; background: url(../images/closeAlt.jpg) center no-repeat; width: .32rem; height: .31rem;
background-size:100% auto;}
.showsPeople { padding: 0 .2rem 0 .1rem; align-items: center; border-radius: .56rem; display: inline-flex; line-height: .56rem; background: rgba(0,0,0,0.5);}
.peopleImg { margin-right: .15rem; display: block; width: .32rem; height: .32rem; border-radius: 50%; overflow: hidden;}
.peopleImg img { width: 100%; height: 100%; object-fit: cover;}
.showsPeople i { margin-right: .1rem; font-weight: bold; font-size: .24rem;}
.showsPeople p { font-size: .24rem; color: #ffffff; font-weight: bold; margin-right: .15rem;}
.showsPeople b { font-weight: bold; font-size: .24rem; color: #d4d4d4;}
.showsPeople i.color1 { color: #b6d3ff;}
.showsPeople i.color2 { color: #91e196;}
.showsPeople i.color3 { color: #fec499;}
.detailbanner { overflow: hidden; position: relative; height: 5.5rem;}
.detailbanner img { width: 100%; height: 100%; object-fit: cover;}
.bannerSwipers { height: 2rem; position: absolute; bottom: .3rem; left: .3rem; overflow: hidden;}
.bannerSwipers .swiper { height: 100%;}
.bannerSwipers .swiper-slide { height: .56rem;}
.detailbanner:after { content: ''; width: 100%; bottom: 0; position: absolute; height: 1.78rem; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.4));}
.detailIntro { background-image: linear-gradient(to bottom,#f02f43,#f4f5fa); padding: .2rem;}
.checkDetail { border-radius: 4px; color: #b63946; display: inline-flex; background: url(../images/dticon.jpg) left center no-repeat #fde9ed;
 line-height: .4rem; background-size: .36rem auto; padding: 0 .23rem 0 .56rem;}
 .introDesc { position: relative; border-radius: .16rem; background: #ffffff; padding: .25rem .25rem 0;}
 .introDesc h2 { margin-bottom: .2rem; font-size: .45rem; color: #192127; line-height: .7rem; width: 5.7rem;}
 .introDesc p { margin: .3rem 0; font-size: .26rem; line-height: .42rem; color: #204355;}
 .applyNote { line-height: .88rem; color: #48677a; font-size: .23rem; display: flex; align-items: center; border-top: 1px solid #f0f1f2;}
 .applyNote img { margin-right: .1rem; width: .5rem;}
 .helpInfor { margin: 0 .2rem; background: #ffffff; padding: .25rem; border-radius: .17rem;}
 .helpInfor h2 { font-size: .36rem; color: #21292c; line-height: 1; margin-bottom: .5rem;}
 .grayBox2 { background: #f4f5fa; min-height: 100vh;}
 #charts { width: 1.6rem; height: 1.6rem;}
.inforDesc {  display: flex; justify-content: space-between;}
.inforDesc ul {width: 4.56rem;}
.inforDesc li p { font-size: .3rem; line-height: .52rem; width: 2.4rem; text-align: right;}
.inforDesc li { display: flex; justify-content: space-between; align-items: center;}
.inforDesc li span { font-size: .3rem; color: #000000;}
.helpTeam li {padding:.2rem 0; display:flex;justify-content: space-between; align-items:center;}
.teamCont { display: flex;align-items: center;}
.teamIcon { width: .5rem;height: .5rem;border-radius: 50%;overflow: hidden;margin-right: .18rem;}
.teamText p { line-height:1;margin-bottom: .22rem; font-size:.26rem;color: #1e1f24;}
.teamText span { font-size: .24rem;color: #253e4e;}
.helpTeam { margin: .2rem .2rem; background: #ffffff; padding: .25rem .25rem 0; border-radius: .17rem;}
.helpTeam h2{font-size: .36rem; color: #21292c; line-height: 1; margin-bottom: .5rem;}
.helpTeam li a { padding: 0 .35rem;line-height: .48rem;font-weight: bold;color: #ffffff;background: #ff6d0a;border-radius: .48rem;}
.btncontrol { line-height: .8rem; border-top: 1px solid #eeeff1;display: flex;align-items: center;justify-content: space-between;}
.btncontrol a { width: 50%; text-align: center; justify-content: center;font-size: .24rem;color: #25394c;}
.btncontrol a img { width: .13rem;margin-left: .1rem; display: inline-block; height: auto; vertical-align: -.03rem;}
.controlShow { margin-top: .4rem; display: flex; align-items: center; font-size: .28rem; font-weight: bold;}
.controlShow img { width: .29rem; margin-left: .18rem;}
.controlShow.cur img {transform: rotate(180deg);}
.productIntroduce { padding: .36rem .3rem; background: #ffffff;}
.productIntroduce h3 { font-weight: bold; font-size: .38rem; color: #253336; margin-bottom: .4rem;}
.proText { font-size: .32rem; line-height: 2.2; color: #162d35;}
.proText.controlLength { position: relative; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.proText.controlLength:after{ content: ''; position: absolute; left: 0; bottom:0; width: 100%; height: 100%;
background-image: linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,1));}

.helpPeople{ margin-bottom: .4rem; background: #ffffff; padding: .25rem .25rem 0; border-radius: .17rem;}
.helpPeople h2 {font-weight: bold; font-size: .38rem; color: #253336; margin-bottom: .4rem;}
.helpPeople h2 span { color: #ff6904; font-weight: bold;}
.helpPeople li { line-height: .7rem; display: flex; justify-content: space-between; align-items: center;}
.helpIcon { margin-right: .2rem; width: .44rem; height: .44rem; border-radius: 50%; overflow: hidden;}
.helpDesc { display: flex; align-items: center;}
.helpDesc span { margin-left: .1rem; color: #1e3140;}
.helpDate { color: #4d6a79;}
.controlShows { margin-top: .4rem; display: flex; align-items: center; font-size: .28rem; font-weight: bold;}
.controlShows img { width: .29rem; margin-left: .18rem;}
.controlShows.cur img {transform: rotate(180deg);}
.controlList { height: 4.2rem; overflow: hidden;}
.detailFix { box-shadow: 0 0 10px rgba(0,0,0,0.2); position: fixed; justify-content: space-between; display: flex; padding: .25rem .15rem; width: 100%; max-width:750px; bottom: 0; left: 50%; background: #ffffff; transform: translateX(-50%);} 
.detailFix a {font-size: .3rem;
    align-items: center;
    justify-content: center;
    display: inline-flex;
    width: 3.44rem;
    line-height: .72rem;
 
    border-radius: 0.08rem;}
.detailFix a:nth-child(1) {
    color: #ffffff;
    background: #ff6711;
}

.detailFix a:nth-child(2) {
    color: #ffffff;
	background: #009900;
}
.rankList { border-radius: .2rem; padding: .55rem; background: rgba(255,255,255,.5);}
.rankList li { margin-bottom: .3rem; display: flex; justify-content: space-between; align-items: center;}
.rankUser { display: flex; align-items: center;}
.rankPic { margin-right: .3rem;}
.rankUser h2 { font-size: .28rem;}
.rankList li p { font-size: .28rem;}
.rankList li p span { color: #820000;}
.rankList ul.controlList {height: 8.28rem;overflow: hidden;}
.alignCenter { justify-content: center;}
.taskPage {min-height: 100vh; background: url(../images/6.jpg) center no-repeat; background-size: cover; padding: .7rem .35rem 0;}
.taskTit { margin-bottom: .3rem; display: flex; justify-content: center; align-items: center;}
.taskImg{ width: 1.55rem; margin-right: .2rem;}
.taskText { text-align: center;}
.taskText h2 { border-bottom: 1px solid #a9b8b1; font-size: .7rem; line-height: .9rem; font-weight: bold; color: #ffffff;-webkit-text-stroke: 1px #b6b9b8;}
.taskText p { line-height: .5rem; font-size: .28rem; color: #000000;}
.taskText span { font-size: .28rem; line-height: .45rem; color: #8c0000;}
.rankEnter  { border-radius: 3px; align-items: center; display: inline-flex; margin-left: .55rem; font-size: .27rem; color: #ffffff; line-height: .42rem; padding:0 .14rem 0 .1rem; background: #5d9a97;}
.rankEnter img {width: .29rem; margin-right: .07rem; height: .21rem;}
.taskDetail { background: rgba(255,255,255,.5); border-radius: .12rem; padding: .1rem .6rem .4rem;}
.askTitle {display: flex; justify-content: space-between; align-items:center;}
.askTitle a { font-weight: bold; color: #006766; display: flex; align-items: center;}
.askTitle a img { margin-left: .11rem; width: .52rem; height: auto;}
.question { font-size: .28rem; line-height: .38rem; margin: .5rem 0 .4rem;}
.answerList p { position: relative; margin-bottom: .28rem; font-size: .28rem; line-height: .66rem; border: 1px solid #d0d7d3; text-indent: .24rem; border-radius: .06rem; background: #ffffff;}
.answerList p.successState:after { content: ''; opacity: 0; background: url(../images/5.png) center no-repeat; width: .48rem; height: .34rem;
position: absolute; background-size: 100% auto; position: absolute; right: .13rem; top: 50%; transform: translateY(-50%);}
.answerList p.erroState:after { content: ''; opacity: 0;  background: url(../images/4.png) center no-repeat; width: .34rem; height: .34rem;
position: absolute; background-size: 100% auto; position: absolute; right: .13rem; top: 50%; transform: translateY(-50%);}
.answerList.act p:after{ opacity: 1;}
.answerList.act p.successState { color: #009900;}
.answerList.act p.erroState { color: #900000;}
.answerList.act p.cur { background: #bfdfd0;}
.noticeText p { font-size: .32rem; display: none;}
.form { text-align: center; font-size: .28rem; font-weight: bold; line-height: 1rem; color: #006666;}
.form a{ text-decoration: underline; color: #006666; font-weight: bold;}
.reportAlt { padding-top: .6rem; position: fixed; left: 0; top:0; width: 100%; height: 100%;
background: #000000; z-index: 10;}
.reportAlt>img { width: 6.86rem; margin: 0 auto .5rem;}
.reportAlt p{justify-content: center; font-size: .38rem; text-align: center; color: #ffffff; font-weight: bold; display: flex; align-items: center;}
.reportAlt p img { display: block; margin-right: .1rem; width: .25rem;}
.reportAlt { display: none;}
.randomInp.cur {    background: #fceced; color: #cd1830; border: 1px solid #d34c5b;}
.teamTitle { background: #ffffff; line-height: .8rem; font-size: .28rem; color: #302c29; text-indent: .38rem; border-bottom: 1px solid #d5d4d1;}
.teamTitle span { color: #f15306;}
.teamUser { margin-bottom: .1rem; display: flex; justify-content: space-between;}
.userPics { width: .8rem; height: .8rem; border-radius: .1rem; overflow: hidden;}
.userTxt { width: 5.35rem;}
.teamList { padding: .3rem;}
.teamList li { border-bottom: 1px dashed #c9c9c9; background: #ffffff; padding: .28rem;}
.teamList ul {overflow: hidden; border: 1px solid #d8d6d5; border-radius: .12rem;}
.teamDesc { font-size: .26rem; line-height: .32rem; color: #858786;}
.userTxt h2 { font-size: .28rem; line-height: .46rem; color: #333333; display: flex; justify-content: space-between;}
.userTxt a { background: #ff6d0a; color: #ffffff; font-weight: bold; height: .46rem; padding: 0 .36rem; font-size: .24rem;}
.userTxt p { font-size: .26rem; color: #858786;}
.userTxt p span { color:#ff6d0a ;}
.shareEnter { line-height: .38rem; font-size: .22rem; color: #333333; text-align: center; position:  absolute; right: .22rem; top: .24rem;}
.shareEnter img { display: block; margin: 0 auto; width: .52rem;}
.detailbanner .homeEnter { display: block; width: .64rem; position: absolute; left: .22rem; top: .22rem;}
.finishTop { padding: 0 .16rem; line-height: .8rem; display: flex; align-items: center; justify-content: space-between;}
.finishTop a { display: flex; align-items: center; font-size: .24rem; color: #7a7d82;}
.finishTop a img { height: .4rem; width: auto; margin-right: .05rem;}
.finishInfor img { width: 5.24rem; margin: .2rem auto 1.38rem;}
.finishInfor h2 { font-size: .3rem; color: #fe4d16; line-height: .6rem;}
.finishInfor p { font-size: .24rem; line-height: .6rem; color: #544e4b;}
.finishInfor p span { color: #fe4d16;}
.finishInfor { text-align: center; margin-bottom: .3rem;}
.gongdeMenu { display: flex; align-items: center; background: #ffffff; padding: .1rem 0 .2rem; border-bottom: 1px solid #e9e6e2;}
.gongdeMenu a { text-align: center; font-size: .24rem; color:#322427 ; width: 25%;}
.gongdeMenu a img { width: .71rem; margin: 0 auto .05rem;}.
.gongdeDesc p { font-size: .28rem; line-height: .36rem;}
.gongdeDesc { padding: .35rem .25rem;}
.gongdeList { background: #ffffff; padding: .25rem .25rem 0;}
.gongdeList h2 { font-size: .28rem; line-height: .48rem; border-bottom: 1px solid #e7e6e5;}
.gongdeList li { line-height: .85rem; display: flex; align-items: center; border-bottom: 1px dashed #e7e6e5;}
.gongdeList li img { width: .7rem; height: .7rem; border-radius: 50%; margin-right: .16rem;}
.fpage { text-align: center; padding: .2rem 0;}
.fpage a { color: #333333; font-size: .26rem; margin: 0 .05rem;}
.gongdeDesc a { display: block; background: #ff6811; color: #ffffff; line-height: .6rem; border-radius: 4px; margin: .2rem auto 0;
text-align: center;}
.searchCont { border-radius: .52rem; border: 1px solid #e6e2de; height: .52rem; position: relative;}
.searchCont button { background: url(../images/searchIcon.jpg) center no-repeat; width: .29rem; height: .28rem; background-size: 100% auto;
position: absolute; left: .1rem; top: 50%; border: none; transform: translateY(-50%);}
.searchCont input { background: none; box-sizing: border-box; border: none; width: 100%; text-indent: .52rem; height: 100%; font-size: .26rem;}
.gongdeSearch { border-top: 1px solid #e6e2de; border-bottom: 1px solid #e6e2de; background: #ffffff; padding: .16rem .4rem;}
.gongdeList dt { font-size: .24rem; line-height: .88rem;  border-bottom: 1px dashed #e7e6e5; display: flex; justify-content: space-between;}
.gongdeList dt h3 { font-weight: bold; font-size: .24rem;}
.gongdeList dt p { font-size: .24rem; line-height: .88rem;}
.areaChose { margin-bottom: 15px; display: flex; justify-content: space-between;}
.areaChose select {box-sizing: border-box;appearance:none; -moz-appearance:none; -webkit-appearance:none; width: 32%;background: url(../images/selectBg.png) 92% center no-repeat; background-size: .19rem auto; border: 1px solid #8d9ea3;
height: .86rem; border-radius: 4px;}
.areaChose select::-ms-expand { display: none; }