@charset "utf-8";
/* reset.css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td, i{margin:0;padding:0;box-sizing:border-box;}
fieldset, img{border:0;}
*{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
a, a:hover, a:visited, a:focus, a:link{text-decoration: none !important;}
body {
  color: #333;
  max-width: 10rem;
  width: 100%;
  overflow-x: hidden;
  margin: 0 auto!important;
  line-height:1.5;
  background-color: #fff;
  position: relative;
  padding-bottom: .8rem !important;
  font-size: 0.373rem;
  /*-webkit-user-select: none;*/
  /*-webkit-text-size-adjust: none;*/
}

html,body{min-height: 100%}
input{-webkit-appearance:none;}
body.f9{background-color: #f9f9f9;}
.c222{color: #222;}
.c888{color: #888;}
.b{font-weight: bold;}
.flexItem{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;min-width: 0;}
.row{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;display: -webkit-flex;display: flex;align-items: center;-webkit-box-align: center;-webkit-align-items: center;}
.row .flexItem{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.banner{width: 10rem;display: block;}
.banner img{width: 100%;}
.yearLine{width: 100%;height: .61rem;line-height: .61rem;box-sizing: border-box;padding-left: .4rem;color:#888;font-size: .32rem;background-color: #f9f9f9;}
.yearLine.fixed{position: fixed;top: 0;left: 0;right: 0;z-index: 10}
.ftPanel{box-sizing: border-box;padding-left: .4rem;}
.ftPanel .ftItem{width: 100%;height: 2.48rem;border-bottom: 1px solid #f0f0f0;box-sizing: border-box;display: -webkit-box;display: -webkit-flex;display: flex;align-items: center;-webkit-box-align: center;-webkit-align-items: center;padding-right: .4rem;}
.ftItem .ftPic{width: 1.7rem;height: 1.7rem;margin-right: .33rem;border-radius: .13rem;}
.ftItem .row{margin-bottom: .07rem;}
.ftItem .ftStatus{display: inline-block;box-sizing: border-box;padding-left: .27rem;position: relative;height: .4rem;line-height: .4rem;margin-left: .27rem}
.ftItem .ftStatus::before{content: '';width: .12rem;height: .12rem;position: absolute;border-radius: 100%;top: .145rem;left: 0;}
.ftItem .ftStatus.tag0{color: #4A90E2}
.ftItem .ftStatus.tag0::before{background-color: #4A90E2;}
.ftItem .ftStatus.tag1{color: #3FC299}
.ftItem .ftStatus.tag1::before{background-color: #3FC299;}
.ftItem .ftStatus.tag2{color: #888888}
.ftItem .ftStatus.tag2::before{background-color: #888888;}
.ftItem .b{margin-right: .17rem;}
.ftItem .flexItem .row:first-child{font-size: .4rem}
.ftItem .flexItem .row:nth-child(2){font-size: .32rem}
.ftItem .flexItem .row:nth-child(3){font-size: .29rem}
.ftItem .flexItem .c222{font-size: .45rem;}
.ftPanel .ftItem:last-child{border-bottom: 0;}
.moreGuest{display: block;width: 2.67rem;height: .53rem;line-height: .53rem;position: absolute;top: 1.31rem;right: .67rem;color: #888;font-size: .29rem;text-align: right;box-sizing: border-box;padding-right: .44rem;}
.moreGuest:after{content:'';border: solid #888;border-width: 0 .03rem .03rem 0;display: inline-block;padding: .08rem;transform: rotate(45deg);-webkit-transform: rotate(45deg);position: absolute;right: 0;top: .13rem;}

.footer{color: #888;font-size: .32rem;display: block;width: 100%;height: 1.33rem;line-height: 1.33rem;text-align: center;margin-top: .27rem;}

/*新首页*/
.bgf{background-color: #fff;margin-bottom: .27rem;}
.guestPanel{
  width: 100%;box-sizing: border-box;padding: .45rem .4rem;position: relative;z-index: 1;
}
.guest{display: -webkit-box;display: -webkit-flex;display: flex;align-items: center;-webkit-box-align: center;-webkit-align-items: center;position: relative;}
.guest .guestPic{width:2.0rem;height: 2rem;border-radius:0.133rem;margin-right:0.28rem;}
.guest .guestName{display: block;color: #222;font-size: .48rem;font-weight: bold;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical; display: -webkit-box;}
.guest .guestComp{display: block;color: #888;font-size: .36rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin:0.093rem 0;}
.guest .guestDate{display: block;color: #888;font-size: .36rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.guestPanel .status{display:block;width:fit-content;height:0.52rem;border-radius:0.053rem;font-size:0.293rem;line-height: .52rem;padding:0 0.24rem;position:absolute;bottom:0;right:0rem;}
/*.guestPanel .status:before{content: '';position: absolute;width: .12rem;height: .12rem;border-radius: 100%;top: .19rem;left: .16rem;}*/
/*未开始*/
.guestPanel .status.colorA{color: #81BBFF;background:rgba(129,187,255,0.1);}
.guestPanel .status.colorA:before{background:#4A90E2}
/*进行中*/
.guestPanel .status.colorB{color:#73CAD8 ;background: #EDFCFF}
.guestPanel .status.colorB:before{background:#3FC299}
/*一答结束*/
.guestPanel .status.colorC{color: #FA8795;background:rgba(250,135,149,0.1);}
.guestPanel .status.colorC:before{background:#4A90E2}
/*已结束*/
.guestPanel .status.colorD{color:#BFBFBF ;background:rgba(191,191,191,0.1);}
.guestPanel .status.colorD:before{background:#4A90E2}

.guestPanel .ftTitle{color: #222;font-size: .45rem;font-weight: bold;line-height: .67rem;margin-top: .4rem;margin-bottom: .13rem;}
.guestPanel .ftDes{color: #888;font-size: .32rem;line-height:0.533rem;padding-right: 0.533rem}
.guestPanel .ftDes.min{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.guestPanel .ftDesArr{display: block;position: absolute;right: .73rem;bottom: .63rem;border: solid #888;border-width: 0 .03rem .03rem 0;display: inline-block;padding: .08rem;transform: rotate(45deg);-webkit-transform: rotate(45deg);z-index: -1}
.guestPanel .ftDesArr.up{transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.numPanel{display: -webkit-box;display: -webkit-flex;display: flex;align-items: center;-webkit-box-align: center;-webkit-align-items: center;box-sizing: border-box;padding-left: .67rem;padding-right: .67rem;padding-bottom: 0.36rem;}
.numPanel .flexItem{text-align: center;font-size: .32rem;color: #888;line-height: .44rem;}
.numPanel .flexItem:first-child{border-right:1px solid #DDD;}
.numPanel .flexItem .b{color: #222;font-size: .37rem;margin-left: .2rem;}
.numPanel .flexItem:first-child{border-right: 1px solid #ddd;}
.pics{width: 100%;padding-left: .4rem;padding-right: .4rem;box-sizing: border-box;overflow-x: scroll;padding-bottom: .27rem;white-space: nowrap;}
.pics .pic{display: inline-block;width: 2.93rem;height: 2.2rem;margin-right: .27rem;}
.pics .npic{display: inline-block;width: 2.93rem;height: 2.2rem;margin-right: .27rem;}

.tab{width: 100%;height: 1.03rem;background-color: #fff;padding: 0 .4rem;box-sizing: border-box;border-bottom: 1px solid #f0f0f0;}
.tabItem{display: inline-block;margin-right: .59rem;height: 1.03rem;line-height: 1.03rem;box-sizing: border-box;color: #222;font-size: .4rem;}
.tabItem.active{color: #014BE2;font-size: .4rem;font-weight: bold;border-bottom:0.053rem solid #014BE2;}
.qstList{background-color: #f9f9f9;padding-bottom: 1.33rem;display: none;}
.qstList.active{display: block;}
.qstItem{background-color: #fff;margin-bottom: .27rem;padding:.47rem .4rem;}
.qstItem .date{color: #999;font-size: .32rem;}
.qstItem .answer{color: #666;font-size: .4rem;line-height: .56rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-top: .27rem;}
.qstItem .question{color: #222;font-size: .4rem;font-weight: bold;line-height: .56rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;margin-bottom: .16rem;}
.qstListNull{background-color: #fff;padding-top: 2.19rem;padding-bottom: 1.33rem;height: 100%}
.listNullPic{width: 3.75rem;height: 2.91rem;display: block;margin: 0 auto;margin-bottom: .37rem}
.listNullTxt{display: block;text-align: center;color: #888;font-size: .37rem;}

.fixbottom{display: -webkit-box;display: -webkit-flex;display: flex;align-items: center;-webkit-box-align: center;-webkit-align-items: center;height: 1.2rem;border-bottom: 1px solid #f2f2f2;position: fixed;left: 0;right: 0;bottom: 0;background-color: #fff;z-index: 10;padding-right: .67rem;box-sizing: border-box;}
.fixbottom .flexItem{height: 1.2rem;padding-top: .16rem;box-sizing: border-box;display: block;}
.fixbottom .flexItem .icon{display: block;margin: 0 auto;margin-bottom: .11rem;}
.fixbottom .flexItem .icon.i1{width: .48rem;height: .47rem;}
.fixbottom .flexItem .icon.i2{width: .45rem;height: .45rem;}
.fixbottom .flexItem .icon.i3{width: .45rem;height: .44rem;}
.fixbottom .flexItem .icon.i4{width: .45rem;height:0.44rem;}
.fixbottom .flexItem span{display: block;color: #888;font-size: .27rem;text-align: center;}
.fixbottom .postBtn{width: 2.8rem;height: .93rem;line-height: .93rem;border-radius: .6rem;text-align: center;color: #fff;background-color: #ff6100;font-size: .32rem;margin-left: .4rem;}
.fixbottom .postBtn.btn0{background-color: #999;}

.moreGuestPanel{position: fixed;top: 2.67rem;left: .53rem;right: .53rem;background-color: #fff;border-radius: .13rem;z-index: 100;display: none;}
.moreGuestPanelZZC{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,0.4);z-index: 99;display: none;}
.moreGuestPanel .panel{width: 100%;background-color: #fff;z-index: 1;position: relative;border-radius: .13rem;box-sizing: border-box;padding-left: .53rem;padding-top: .8rem;padding-right: .53rem;padding-bottom: .8rem;overflow-y: scroll;}
.moreGuestPanel .panelClose{position: absolute;top: 100%;left: 4.15rem;z-index: 101;width: .67rem;}
.moreGuestPanel .panelClose:after{content:'';width: .03rem;height: 1.44rem;background-color: #fff;position: absolute;top: 0;left: .32rem;}
.moreGuestPanel .panelClose img{width: .67rem;height: .67rem;display: block;position: absolute;top: 1.44rem;left: 0;}
.moreGuestPanel .guest{margin-bottom: .53rem;}
.moreGuestPanel .guest:last-child{margin-bottom: 0;}

/*新详情*/
.xqPanel{background-color: #fff;box-sizing: border-box;padding: .4rem;position: relative;margin-bottom: .27rem;}
.xqPanel .title{color: #222;font-size: .64rem;line-height: .91rem;margin-bottom: .33rem;}
.xqPanel h6{color: #888;font-size: .29rem;line-height: .29rem;margin-bottom: .67rem}
.xqPanel .cont{color: #222;font-size: .48rem;line-height: .72rem;}
.xqPanel.min{max-height: 10rem;overflow: hidden;}
.xqPanel.min .cont{text-overflow: ellipsis;}
.xqPanel .cont p{margin-bottom: .13rem;}
.xqPanel .cont img{width: 100%;}
.xqPanel .contMore{width: 9.2rem;height: 2.81rem;position: absolute;left: .4rem;bottom: 0;background: url(../images/ms_btn_all.png);background-size: 100% auto;}
.xqPanel .contMoreImg{width: .53rem;height: .4rem;position: absolute;left: 4.33rem;bottom: 0.7rem;animation:arr 1s infinite;-webkit-animation:arr 1s infinite;}
@keyframes arr {
  0%{transform:translate(0,-10px);}
  50%{transform:translate(0,0);}
  60%{transform:translate(0,0);}
  100%{transform:translate(0,-10px);}
}
@-webkit-keyframes arr{
  0%{-webkit-transform:translate(0,-10px);}
  50%{-webkit-transform:translate(0,0);}
  60%{-webkit-transform:translate(0,0);}
  100%{-webkit-transform:translate(0,-10px);}
}
.xqAnswer{background-color: #fff;box-sizing: border-box;padding: .53rem .4rem;}
.xqAnswer .guest .guestPic{width: .85rem;height: .85rem;border-radius: 100%;margin-right: .24rem;}
.xqAnswer .guest .v{display: inline-block;margin-left: .2rem;width: .37rem;height: 0.5rem;vertical-align: text-top;background: url(../images/ms_icon_guanfang.png) no-repeat center center;background-size: 100% auto;margin-right: .11rem;}
.xqAnswer .guest b{color: #F5A623;font-size: .32rem;font-weight: normal;vertical-align: text-bottom;}
.xqAnswer .xqNullPic{display: block;width: 3.75rem;height: 2.76rem;margin: 0 auto;margin-top: 1.2rem;margin-bottom: .27rem;}
.xqAnswer .xqNullT1{display: block;text-align: center;color: #888;font-size: .37rem;margin-bottom: .27rem;}
.xqAnswer .xqNullT2{display: block;text-align: center;color: #999;font-size: .29rem}
.xqAnswer.null{padding-bottom: 3.64rem;}
.xqAnswer .cont{color: #222;font-size: .48rem;line-height: .72rem;margin-top: .8rem;margin-bottom: .27rem;}
.xqAnswer .cont p{margin-bottom: .13rem;}
.xqAnswer .date{color: #888;font-size: .29rem;margin-bottom: .53rem;}
.xqAnswer .zanBtn{display: block;width: 2.67rem;height: .93rem;line-height: .93rem;margin: 0 auto;background:url(../images/icon_btn_zan.png) no-repeat center center #ff6100;background-size: 0.37rem 0.39rem;border-radius: .47rem;text-align: center;color: #fff;font-size: .32rem;}
.xqFooter{display: block;width: 4.48rem;height: .35rem;margin: 0 auto;margin-top: .67rem;padding-bottom: .8rem;}

/*20200225 vidwo*/
.video{display: block;position: relative;height: auto;padding-left: .4rem;padding-right: .4rem;box-sizing: border-box;margin-bottom: .4rem;}
.videoPic{display: block;width: 100%;}
.videoPlay{position: absolute;width: 1.71rem;height: 1.71rem;top: 50%;left: 50%;margin-top: -.85rem;margin-left: -.85rem;}

 /*20210224*/
 .picV{display: inline-block;width: 2.93rem;height: 2.2rem;margin-right: .27rem;position: relative;}
 .picV_player{width: .8rem;height: .8rem;position: absolute;top: 50%;left: 50%;margin-left: -.4rem;margin-top: -.4rem;}

/* login */
.h100{height: 100%;background: #fff}
.wxMain{padding-top: 3.96rem;width:100%;display: none;}
.wxBtn{position: absolute;bottom:3.293rem;height: 1.173rem;width:8.52rem;left:0;right:0;margin:0 auto;}
.wxLogin{width:100%;height:100%;display: flex;justify-content: center;align-items: center;line-height:100%;background: #014BE2;font-size:1.5em;color:#fff;border-radius:1.5em;border:none;}
.wxLogin img{display: block;width:8%;height:auto;margin-right:2%;}
.loading{width:5.44rem;margin:0 auto;display: flex;justify-content: center;align-items: center;height: 1.84rem;background: url(../images/new_Logo.png) no-repeat left bottom,url(../images/new_wx.png) no-repeat right bottom;background-size: 1.84rem 1.84rem,1.84rem 1.84rem}
.loading span{display: block;width:0.24rem;height: 0.24rem;margin:0 0.067rem;border-radius: 100%}
.loading span.c1{background: #E4E4E4;}
.loading span.c2{background: #B2B2B2;width:0.36rem;height: 0.36rem;}
.loading span.c3{background: #7F7F7F;}

@keyframes cA {0%{background:#E4E4E4}33%{background: #B2B2B2}66%{background: #7F7F7F}}
@keyframes cB {0%{background:#7F7F7F}33%{background: #E4E4E4}66%{background: #B2B2B2}}
@keyframes cC {0%{background:#B2B2B2}33%{background: #7F7F7F}66%{background: #E4E4E4}}

.wapMain{padding-top: 0.96rem;width:100%;}
.wapMain .wap_title{width:8.4rem;margin:0 auto 1.32rem auto;}
.wapMain .wap_title img{display: block;width:1.56rem;height: 1.56rem;margin:0 0 0.44rem 0;}
.wapMain .wap_title p{color: #222222;font-size: 0.587rem;line-height: 0.84rem;}
.wapMain .wap_title em{font-weight: bold}
.wapMain .wap_label{border-bottom: 1px solid #CFCFD5;width:8.4rem;margin:0 auto;position: relative;}
.wapMain .wap_label input{width:100%;height: 1.4rem;color: #222;font-size: 0.427rem;border:none;}
.wapMain .wap_label input::-webkit-input-placeholder{color:#b2b2b2}
.wapMain .wap_label .wap_tbox{display: flex;width:fit-content;position: absolute;right:0;top:0;bottom:0;margin:auto 0;height: 1.4rem;align-items: center;}
.wapMain .wap_label .sendAgain{width:fit-content;color: #333;font-size:0.4rem;line-height: 0.56rem ;margin-left: 0.8rem}
.wapMain .wap_label .sendAgain.numb{color: #127DED}
.wapMain .wap_label .clearNum{display: none;width:0.4rem;height: 0.4rem;background: url(../images/wap_clear.png);background-size: 100% 100%;}
.wapMain .wap_btn{display: block;text-align: center;;width:8.52rem;height: 1.16rem;line-height: 1.16rem;background: #014BE2;font-size: 0.427rem;color:#fff;margin:0.8rem auto;border-radius: 0.6rem;position: relative;}
.wapMain .wap_btn.wap_load:before{content: '';animation:r 0.8s linear infinite;background: url(../images/wap_load.png) no-repeat;background-size: 100% 100%;width:0.6rem;height: 0.6rem;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.wapMain .err_1:after{content:'请输入正确的手机号';position: absolute;bottom:-0.56rem;left:0;color: #F85454;font-size: 0.32rem;line-height: 0.44rem}
.wapMain .err_2:after{content:'请输入正确的验证码';position: absolute;bottom:-0.56rem;left:0;color: #F85454;font-size: 0.32rem;line-height: 0.44rem}
.wapMain .err_3:after{content:attr(data-attr);position: absolute;bottom:-0.56rem;left:0;color: #F85454;font-size: 0.32rem;line-height: 0.44rem}


@keyframes r {0%{transform:rotate(0deg);opacity:1}50%{transform:rotate(180deg);opacity:0.5}100%{transform:rotate(360deg);opacity:1}}

.wap_send .wap_title img{margin:0 auto 0.68rem auto;}
.wap_send .wap_title p{color: #999;font-size: 0.373rem;line-height: 0.533rem}
.wap_send .wap_title p em{font-style: normal;font-weight: 400;margin:0 0.08rem;color: #222}
.wap_send .return{width:100%;font-size: 0.373rem;line-height: 0.52rem;color: #999;text-align: center;margin:6.12rem auto 0 auto;display: block}
#wap_2{display: none}

/* result */
.wapResult{width:100%;height: 100%;background: #fff;position: relative;}
.wapResult .icon{padding-top: 1.68rem;margin:0 auto 1.88rem auto;width:100%;}
.wapResult .icon img{display: block;margin:0 auto 0.52rem auto;width:1.52rem;height: 1.52rem}
.wapResult .icon h2{text-align: center;color: #333;font-size: 0.453rem;line-height: 0.64rem;margin-bottom: 0.4rem}
.wapResult .icon p{text-align: center;color: #999;font-size:0.32rem;line-height:0.48rem}
.wapResult .order{width: 8.72rem;padding-left: 0.16rem;padding-right: 0.28rem;height:2.12rem;margin:0 auto;display: flex;align-items: center;background: #FFF;box-shadow: 0px 0.04rem 0.08rem 0.04rem rgba(218, 218, 218, 0.35);}
.wapResult .order span{display: block;width:1.44rem;height: 1.44rem;background: url(../images/new_Logo.png);background-size: 100% 100%;margin:0 0.12rem 0 0;}
.wapResult .order .text{flex-grow: 1;flex-shrink: 1;line-height: 0.453rem;font-size: 0.32rem;}
.wapResult .order .text h3{color: #333;font-weight: bold}
.wapResult .order .text p{color: #888;}
.wapResult .order .orderBtn{width:1.88rem;height: 0.8rem;line-height: 0.8rem;background: #004BE2;text-align: center;color: #fff;font-size: 0.32rem;margin-left: 0.4rem;border-radius:0.4rem}
.wapBtnBox{position: absolute;bottom:0.68rem;padding:0 0.56rem;display: flex;justify-content: space-between;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);width:100%;}
.wapBtnBox a{display: block;font-size: 0.4rem;color: #004BE2;width:4.28rem;height: 0.92rem;line-height: 0.92rem;text-align: center;border-radius:0.56rem;border:1px solid #E6E6E6;}
.wapBtnBox a.btn1{border:1px solid rgba(0,75,226,0.2);}
.wapBtnBox a.btn2{background:rgba(0,75,226,0.1); }

/* 首页新加 */
.footBtnBox{position: fixed;background: #fff;z-index: 9999;width:100%;bottom:0;height: 1.56rem;display: flex;align-items: center;justify-content: center;padding-bottom: constant(safe-area-inset-bottom);padding-bottom: env(safe-area-inset-bottom);}
.footBtnBox a{display: flex;width:9.16rem;height: 1.16rem;align-items: center;position: relative;justify-content: center;background: #014BE2;border-radius: 0.6rem;box-shadow: 0px -1px 0.12rem 0px rgba(230, 230, 230, 0.3);}
.footBtnBox i{display: block;width:0.44rem;height: 0.44rem;margin-right: 0.32rem}
.footBtnBox span{display: block;font-size: 0.427rem;color: #fff}
.footBtnBox a.s1,.footBtnBox a.s2{background:#014BE2 }
.footBtnBox a.s3{background:#E6E6E6}
.footBtnBox a:before{content: '';width:fit-content;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;color: #fff;height: 0.6rem;font-size: 0.427rem;line-height: 0.6rem}
.footBtnBox a.s1:before{content: '登录';}
.footBtnBox a.s2:before{content: '提问';}
.footBtnBox a.s3:before{content: '提问截止';}

.topLogin{width:100%;height: 1.52rem;display: flex;align-items: center;justify-content: center;background: #fff}
.topLogin a{display: flex;width:9.56rem;padding-left:0.44rem;height: 1.2rem;align-items: center;background: url(../images/new_next.png) no-repeat 9.4rem center;background-size: 0.2rem 0.32rem;box-shadow: 0px 0px 0.08rem 0.04rem rgba(120, 120, 120, 0.05);border-radius:0.053rem;}
.topLogin a .top_head{display: block;width:0.92rem;height: 0.92rem;background: url(../images/new_head.png);background-size: 100% 100%;border-radius: 100%;margin-right: 0.28rem;overflow: hidden;}
.topLogin a .top_head img{display: none;width:100%;height: 100%}
.topLogin a h4{color: #222;font-size: 0.32rem;line-height: 0.44rem}

.clickGood{position: fixed;z-index: 9999;bottom:2.4rem;right:0.4rem;width:1.08rem;height: 1rem;padding-top: 0.08rem;background:#FFF2F2;border-radius: 100%}
.clickGood span{width:1.08rem;height: 0.52rem;display: block;margin-bottom: 0rem;position: relative;}
.clickGood span:before{content:'';transition: all 1s;background: url(../images/new_good_1.png);background-size: 100% 100%;width:0.52rem;height: 0.52rem;position: absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.clickGood:hover span:before{background: url(../images/new_good_2.png);background-size: 100% 100%;animation:good 0.5s 1;}
@keyframes good {0%{transform: scale(1.0);opacity: 1}50%{transform: scale(0.5);opacity: 0}100%{transform: scale(1.0);opacity: 1}}
.clickGood p{font-size: 0.32rem;text-align: center;line-height: 0.32rem;color:#F74D4D;transform: scale(0.8);}
.clickGood.active span:before{background: url(../images/new_good_2.png);background-size: 100% 100%;}

.new_bigImg{position: fixed;z-index: 999999;width:100%;height: 100%;top:0;background:#222;align-items: center;display:none;}
.new_bigImg img{width:100%;height: auto;display: block;}