/* ========== 文章页 start ========== */
.articleBox {line-height: 1.2rem;color: #808080;font-size: 0.65rem;background: #fff;padding: 0.5rem 0 0;}
.articleBox img {max-width: 100%;}
.articleTop{padding: 0.75rem 0.75rem;border-bottom: 2px solid rgb(245, 245, 245);position: relative;}
.articleTop::before{content: '';display: block;background-color: rgb(215, 0, 15);height: 2px;width: 4.75rem;position: absolute;bottom: 0;left: 0.75rem;}
.articleBottom{margin-bottom: 0.75rem;}
.backTop{width: 2.2rem;height: 2.2rem;background: rgba(98,98,98,0.8);position: fixed;right: 0.75rem;bottom: 11.25rem;z-index: 999;color: #FFFFFF;display: none;}
.backTop:before {content: '';position: absolute;left: 38%;top: 45%;width: 12px;height: 12px;border-top: solid 1px currentColor;border-right: solid 1px currentColor;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
/* 问题 */
.articleTitle {font-size: 0.75rem;color: #333333;line-height: 1rem;margin-bottom: 0.5rem;}
/* 宣布时间 */
.articleTime {display: block;clear: both;color: #666666;font-size: 0.6rem;}
/* 音频播放器 */
.audio {margin: 0 50px;padding: 10px 0 10px 0;}
.audio-tips {margin-top: 10px;color: #b1b1b1;text-align: center;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.audio-detail {padding: 5px 10px;display: -webkit-box;display: -ms-flexbox;display: flex;background: #f8f8f8;position: relative;}
.audio-detail:after {content: " ";width: 200%;height: 200%;position: absolute;top: 0;left: 0;border: 1px solid #e6e6e6;box-sizing: border-box;-webkit-transform: scale(.5);transform: scale(.5);-webkit-transform-origin: 0 0;transform-origin: 0 0;z-index: 1;}
.audio .info {-webkit-box-flex: 1;-ms-flex: 1 0;flex: 1 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;overflow: hidden;line-height: 45px;}
.audio .info p {margin: 0;font-size: 15px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;text-indent: 0;}
.audio .info .audio-title {-webkit-box-flex: 1.5;-ms-flex: 1.5;flex: 1.5;line-height: 24px;font-size: 14px;}
.audio .info .audio-desc {-webkit-box-flex: 1;-ms-flex: 1;flex: 1;line-height: 16px;color: #999 !important;font-size: 12px !important;}
.audio .info .audio-desc span {padding: 0 15px 0 0;color: #ff000;}
.audiojs {width: 2rem;height: 2rem;border-radius: 100%;margin: .1rem .5rem 0 0;position: relative;z-index: 9;}
.audiojs.playing {width: 2rem;height: 2rem;border-radius: 100%;}
.audiojs .scrubber {display: none;}
.audiojs .time {display: none;}
.audiojs .play-pause {width: 1.25rem;height: 1.75rem;padding: 0 .3rem;margin: 0px;float: left;overflow: hidden;}
.audiojs .play{background: url(/subsiteSrc/klmainMb/components/audiojs/play.png)no-repeat center center;background-size: contain;}
.audiojs .pause {background: url(/subsiteSrc/klmainMb/components/audiojs/play2.png)no-repeat center center;background-size: contain;}
/* 视频 */
.videoBox {background: #000;margin: 0 0 10px 0;height: 10rem;overflow: hidden;}
/* 文章多图 */
.articelImgSlide {overflow: hidden;position: relative;}
#articelImgSlide img {display: block;max-width: 100%;width: 100% !important;}
#articelImgSlide .swiper-pagination {bottom: .25rem;}
.articelImgSlide .swiper-pagination-bullet {background: #eee;opacity: 1;}
.articelImgSlide .swiper-pagination-bullet-active {background: #c61b1e;}
.swiper-button-next:after, .swiper-button-prev:after{color: #c61b1e;}
/* 文件 */
.articleHand {clear: both;font-size: 0.75rem;overflow: hidden;margin-bottom: 0.5rem;}
.articleHand a {display: block;line-height: 1.6rem;float: left;clear: both;}
.articleHand a i {padding: 0 .25rem 0 0;}
.articleHand a.aykjWord {color: #37a6ff !important;}
.articleHand a.aykjPpt {color: #ff7735 !important;}
.articleHand a.aykjExcel {color: #15bf44 !important;}
.articleHand a.aykjPdf {color: #1369c0 !important;}
.articleHand a.aykjZip {color: #ff9779 !important;}
/* 上一篇下一篇 */
.pageUp {line-height: 1rem;overflow: hidden;padding: 0.75rem 0;font-size: 0.65rem;color: #808080;}
.pageUp>div a {font-size: 0.65rem;color: #808080;}
/* ========== 文章页 end ========== */
/* ========== 视频列表 start ========== */
.videoListDl{padding: 1.25rem 0 0;overflow: hidden;}
.videoListDl dd{margin-bottom: 1.25rem;}
.videoListDl dd .con{display: block;border-radius: 0.2rem;overflow: hidden;}
.videoListDl dd .pic::before{padding-top: 56.1198%;}
.videoListDl dd .pic .play{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,0.5) url(../images/kljt/play.png) no-repeat center center;background-size: 1.25rem 1.25rem;z-index: 3;}
.videoListDl dd .text{padding: 1rem 0.5rem;background: #fafafa;}
.videoListDl dd .title{height: 1rem;line-height: 1rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 0.75rem;color: #666666;text-align: center;}
.videoFloat{position: fixed; width: 100%;height: 100%;  left: 0; top: 0; z-index: 100;}
.videoFloatBody{width: 100%;height: 100%;visibility: hidden; opacity: 1; transform: translateY(100%);-webkit-transform: translateY(100%); transition: all 500ms linear;-webkit-transition: all 500ms linear;background: #000;}
.videoFloatBody.active{visibility: visible; opacity: 1; transform: translateY(0%);-webkit-transform: translateY(0%);}
.videoFloatClose{position: fixed; width: 1.5rem; height: 1.5rem; border-radius: 2rem; right: .5rem; top:.5rem; background: #d70c18; border: .12rem solid #FFF; color: #FFF; text-align: center; line-height: 1.6rem; z-index: 1;}
.videoFloatClose i{ font-size: .8rem;}
.videoFloat video{ width: 100%; height: 100%; object-fit: cover;}
.videoFloat-video{ position: relative; top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%); left: 0;}
.videoFloat-video::before{display: block; content: ''; padding-top: 60%;}
.videoFloat-video video{position: absolute; left: 0; top: 0;}
/* ========== 视频列表 end ========== */
/* ========== 集团向导 start ========== */
.teamListDl{overflow: hidden;margin-right: -0.75rem;padding: 1.25rem 0 0;}
.teamListDl dt{width: 50%;float: left;display: inline;margin-bottom: 0.5rem;}
.teamListDl dd{width: 33.3333%;float: left;display: inline;margin-bottom: 0.5rem;}
.teamListDl .con{display: block;margin-right: 0.75rem;background: #f5f5f5;height: 5rem;padding: 0.75rem;}
.teamListDl .con .name{font-size: 0.75rem;color: #333333;line-height: 1.5rem;}
.teamListDl .con .post{font-size: 0.55rem;color: #999999;line-height: 1rem;min-height: 2rem;}
.teamListDl .con .name{font-size: 0.75rem;color: #333333;line-height: 1.5rem;}
.teamListDl .con .post{font-size: 0.55rem;color: #999999;line-height: 1rem;min-height: 2rem;}
/* ========== 集团向导 end ========== */
/* ========== 图文列表 start ========== */
.imgTextDl {padding: 1.25rem 0 0;overflow: hidden;}
.imgTextDl dd{margin-bottom: 1.25rem;}
.imgTextDl dd .con{display: block;background: #fafafa;border-radius: 0.2rem;overflow: hidden;}
.imgTextDl dd .pic::before{padding-top: 56.1198%;}
.imgTextDl dd .text{padding: 0.75rem 0.75rem 1rem;}
.imgTextDl dd .title{font-size: 0.65rem;color: #666666;font-weight: bold;line-height: 1.5rem;height: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: 0.75rem;}
.imgTextDl dd .info{font-size: 0.6rem;color: #999999;line-height: 1rem;height: 2rem;overflow: hidden;margin-bottom: 0.75rem;}
.imgTextDl dd .textC{overflow: hidden;}
.imgTextDl dd .time{float: left;display: inline-block;height: 1.5rem;line-height: 1.5rem;overflow: hidden;font-size: 0.6rem;color: #999999;}
.imgTextDl dd .time span{color: #a67e58;font-size: 0.7rem;font-weight: bold;}
.imgTextDl dd .more{display: inline-block;float: right;height: 1.5rem;line-height: 1.6rem;font-size: 0.65rem;color: #ffffff;background: #a67e58 url(../images/kljt/more.png)no-repeat center right 0.7rem;background-size: auto 0.5rem;padding: 0 2.2rem 0 0.75rem;border-radius: 0.75rem;}
/* ========== 图文列表 end ========== */
/* ========== 企业文化 start ========== */
.cultureDl{overflow: hidden;margin-right: -0.75rem;padding: 1.25rem 0 0.75rem;}
.cultureDl dd{margin-bottom: 0.75rem;float: left;display: inline;}
.cultureDl dd:nth-child(6n+1),
.cultureDl dd:nth-child(6n+2),
.cultureDl dd:nth-child(6n+5),
.cultureDl dd:nth-child(6n+6){width: 50%;}
.cultureDl dd:nth-child(6n+3){width: 40%;}
.cultureDl dd:nth-child(6n+4){width: 60%;}
.cultureDl dd .con{margin-right: 0.75rem;background-repeat: no-repeat;background-size: cover;background-color: #063b8e;display: block;padding: 0.75rem;}
.cultureDl dd:nth-child(6n+1) .con,
.cultureDl dd:nth-child(6n+2) .con{height: 6.5rem;}
.cultureDl dd:nth-child(6n+3) .con,
.cultureDl dd:nth-child(6n+4) .con{height: 7.5rem;}
.cultureDl dd:nth-child(6n+5) .con,
.cultureDl dd:nth-child(6n+6) .con{height: 8.75rem;}
.cultureDl dd .con .text{padding: 0.75rem 0;}
.cultureDl dd .con .enTitle{font-size: 0.6rem;line-height: 1rem;}
.cultureDl dd .con .cnTitle{font-size: 0.75rem;line-height: 1rem;margin-bottom: 0.5rem;}
.cultureDl dd .con .info{font-size: 0.55rem;line-height: 1rem;}
.cultureDl dd:nth-child(6n+1) .con .enTitle{color: #ceb65c;}
.cultureDl dd:nth-child(6n+1) .con .cnTitle{color: #98562a;}
.cultureDl dd:nth-child(6n+1) .con .info{color: #7f2500;}
.cultureDl dd:nth-child(6n+2) .con .enTitle{color: #284eb1;}
.cultureDl dd:nth-child(6n+2) .con .cnTitle{color: #284eb1;}
.cultureDl dd:nth-child(6n+2) .con .info{color: #4c4c4c;}
.cultureDl dd:nth-child(6n+3) .con .enTitle{color: #e21303;}
.cultureDl dd:nth-child(6n+3) .con .cnTitle{color: #e21303;}
.cultureDl dd:nth-child(6n+3) .con .info{color: #4c4c4c;}
.cultureDl dd:nth-child(6n+4) .con .enTitle{color: #6291b5;}
.cultureDl dd:nth-child(6n+4) .con .cnTitle{color: #30385f;}
.cultureDl dd:nth-child(6n+4) .con .info{color: #ffffff;}
.cultureDl dd:nth-child(6n+5) .con .enTitle{color: #30385f;}
.cultureDl dd:nth-child(6n+5) .con .cnTitle{color: #30385f;}
.cultureDl dd:nth-child(6n+5) .con .info{color: #ffffff;}
.cultureDl dd:nth-child(6n+6) .con .enTitle{color: #fac28b;}
.cultureDl dd:nth-child(6n+6) .con .cnTitle{color: #e15563;}
.cultureDl dd:nth-child(6n+6) .con .info{color: #4c4c4c;}
/* ========== 企业文化 end ========== */
/* ========== 声誉资质 start ========== */
/*图片弹窗start*/
.picSwiperhtml {display: none;}
.mainPic {position: fixed;left: 0px;top: 0px;width: 100%;height: 100%;background: #000;z-index: 1000;visibility: hidden;opacity: 0;transition: all 0.3s linear;-webkit-transition: all 0.3s linear}
.mainPic.show {visibility: visible;opacity: 1;}
.mainPicClose {position: absolute;z-index: 1;right: 1rem;top: 0.5rem;width: 1.9rem;height: 1.9rem;background: url(/subsiteSrc/klmainMb/images/common/swiperclose.png) no-repeat center center;background-size: contain;}
.mainPicClose span.myIcn {font-size: 1.8rem;}
.mainPicBox {position: absolute;left: 0px;width: 100%;height: 100%;top: 50%;transform: translateY(-50%);}
.mainPicBox .swiper-container {width: 100%;height: 100%;}
.mainPicBox .swiper-slide {overflow: hidden;}
.photePage {position: absolute;left: 0px;width: 100%;top: 0px;height: 2.0rem;line-height: 2.5rem;text-align: center;color: #FFF;font-size: 0.7rem}
/*图片弹窗end*/
.honourDl {overflow: hidden;margin:0 -0.375rem;padding: 1.25rem 0 0.75rem;}
.honourDl dd {width: 50%;float: left;display: inline;margin-bottom: 0.75rem;}
.honourDl dd .con {margin:0 0.375rem;background: #fff;box-shadow: 0px 2px 10px 0px rgba(4, 49, 20, 0.1);}
.honourDl dd .text {border-top: 1px solid #e7e7e7;text-align: center;height: 2rem;line-height: 2.1rem;overflow: hidden;}
.honourDl dd .text .title {padding: 0 0.6rem;font-size: 0.65rem;color: #333333;}
.honourDl dd .picBox {padding: 1rem 0;}
.honourDl dd .pic {width: 5.5rem;margin: 0 auto;}
.honourDl dd .pic img {object-fit: contain;}
.honourDl dd .pic:before {padding-top: 132%;}
/* ========== 声誉资质 end ========== */
/* ========== 项目列表 start ========== */
.imgListDl{overflow: hidden;padding: 1.25rem 0 0;}
.imgListDl dd{margin-bottom: 0.75rem;}
.imgListDl dd .con{display: block;}
.imgListDl dd .pic::before{padding-top: 62.1094%;}
.imgListDl dd .text{width: 100%;height: 3.95rem;background: url(/subsiteSrc/klmainMb/images/kljt/textBg.png) no-repeat;background-size: 100% 100%;position: absolute;left: 0;bottom: 0;z-index: 3;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 1.5rem 0.75rem 0;}
.imgListDl dd .title{overflow: hidden;font-size: 0.75rem;color: #ffffff;}
.imgListDl dd .title span{display: inline-block;max-width: 100%;height: 1.5rem;line-height: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.imgListDl dd .view{float: right;display: inline;font-size: 0.65rem;color: #ffffff;padding-right: 0.75rem;background: url(/subsiteSrc/klmainMb/images/kljt/view.png) no-repeat center right;height: 1.5rem;line-height: 1.5rem;overflow: hidden;margin-left: 0.75rem;}
/* ========== 项目列表 end ========== */
/* ========== 项目列表详情 start ========== */
.imgViewBox{overflow: hidden;}
.imgViewBox .pic::before{padding-top: 72.4638%;}
.imgViewCon .text{overflow: hidden;padding: 1.5rem 0;}
.imgViewCon .text .title{font-size: 0.85rem;color: #333333;font-weight: bold;line-height: 1.5rem;margin-bottom: 0.5rem;}
.imgViewCon .text .subTitle{font-size: 0.7rem;color: #559ea7;line-height: 1.5rem;}
.imgViewCon .text .info{font-size: 0.65rem;color: #666666;line-height: 1rem;}
.imgViewDlBox{overflow: hidden;}
.imgViewDlBox .title{font-size: 0.7rem;color: #666666;line-height: 1.5rem;margin-bottom: 0.5rem;}
.imgViewDl{overflow: hidden;}
.imgViewDl dd{margin-bottom: 0.75rem;}
.imgViewDl dd .text{width: 100%;height: 3.95rem;background: url(/subsiteSrc/klmainMb/images/kljt/textBg.png) no-repeat;background-size: 100% 100%;position: absolute;left: 0;bottom: 0;z-index: 3;overflow: hidden;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 2rem 0.75rem 0;}
.imgViewDl dd .title{overflow: hidden;font-size: 0.75rem;color: #ffffff;text-align: center;}
/* ========== 项目列表详情 end ========== */
/* ========== 人才招聘-动态 start ========== */
.recruitTextList{overflow: hidden;}
.recruitTextList dd.bdTop:first-child::before{border: none;}
.recruitTextList dd .con{overflow: hidden;display: block;padding: 1rem 0;}
.recruitTextList dd .con .textC{float: left;display: inline;width: 3rem;margin-right: 1rem;}
.recruitTextList dd .con .text{overflow: hidden;}
.recruitTextList dd .con .time{font-size: 0.9rem;color: #d1b493;line-height: 1.2rem;text-align: right;}
.recruitTextList dd .con .year{font-size: 0.55rem;color: #666666;line-height: 1.2rem;text-align: right;}
.recruitTextList dd .con .title{font-size: 0.65rem;color: #333333;line-height: 1.2rem;height: 2.4rem;overflow: hidden;}
/* ========== 人才招聘-动态 end ========== */
/* ========== 人才招聘-详情 start ========== */
.recruitViewBox{margin-bottom: 1rem;overflow: hidden;}
.recruitViewTop{overflow: hidden;display: flex;padding: 0.75rem 0;}
.reViewTopR{width: 5.5rem;display: flex;justify-content: flex-end;align-items: center;}
.reViewTopR .reViewBtn{display: inline-block;font-size: 0.6rem;width: 2.5rem;color: #ffffff;padding: 0.25rem 1rem;border-radius: 0.25rem;background-color: rgb(213, 165, 84);line-height: 0.9rem;height: 1.8rem;}
.reViewTopL{overflow: hidden;flex: 1;}
.reViewTopL .recruitViewTitle{font-size: 0.75rem;color: #333333;line-height: 1rem;margin-bottom: 0.5rem;}
.reViewTopL .recruitViewTime{font-size: 0.6rem;color: #666666;line-height: 1rem;}
.reViewContent{padding: 0.75rem 0;line-height: 1.2rem;color: #666666;font-size: 0.65rem;}
/* ========== 人才招聘-详情 end ========== */
/* ========== 人才招聘-岗位列表 start ========== */
.recruitListBox {padding-top: 1rem;}
.recruitList dd {overflow: hidden;margin-bottom: 0.75rem;}
.recruitList dd .recruitT {padding: 0.75rem;overflow: hidden;background: #fafafa;color: #444444;transition: all .3s;-webkit-transition: all .3s;display: flex;}
.recruitList dd.active .recruitT {background: #d5a554;color: #FFFFFF;}
.recruitList dd .recruitT .text {flex: 1;}
.recruitList dd .recruitT .text .title {font-size: 0.7rem;line-height: 1.5rem;margin-bottom: 0.5rem;font-weight: bold;}
.recruitList dd .recruitT .text .info {font-size: 0.6rem;line-height: 1rem;}
.recruitList dd .recruitT .text .title {display: block;}
.recruitList dd .recruitT .text .title span {font-size: 0.6rem;color: #666;margin-right: 1rem;}
.recruitList dd .recruitT .recruitIcon {width: 1.5rem;background: url(/subsiteSrc/klmainMb/images/kljt/right1h.png) no-repeat center right;background-size: 0.6rem 0.3rem;}
.recruitList dd .recruitT .btn {float: right;display: inline;width: 1.5rem;height: 1.5rem;}
.recruitList dd .recruitC {overflow: hidden;display: none;background: #f5f5f5;margin-bottom: 0.25rem;}
.recruitList dd .recruitC.bdAll::before{border: 1px solid #d5a554;}
.recruitTextT {overflow: hidden;padding: 0.5rem .75rem;}
.recruitTextT .textdd {display: inline;float: left;height: 1rem;line-height: 1rem;font-size: 0.6rem;color: #333333;font-family: "microsoft yahei";margin-right: 0.75rem;}
.recruitTextCon {margin-bottom: 0.25rem;}
.recruitText {overflow: hidden;padding: 0.5rem 1rem;font-size: 0.6rem;color: #333333;line-height: 1.2rem;}
.recruitText .rectitle {font-size: 0.65rem;color: #555555;}
.recruitText .rectext {font-size: 0.6rem;color: #999999;line-height: 1.1rem;}
.recruitBtn {overflow: hidden;padding: 0.5rem 0;}
.recruitBtn a {background: #a67e58;overflow: hidden;display: block;height: 1.75rem;line-height: 1.75rem;float: left;display: inline;padding: 0 1.5rem;font-size: 0.6rem;color: #FFF;border-radius: 1rem;-webkit-border-radius: 1rem;}
.recruitList dd.active .recruitT .text .recruitIcon {background: none;}
.recruitList dd.active .recruitT {margin-bottom: 0;}
/* ========== 人才招聘-岗位列表 end ========== */
/* ========== 人才招聘-岗位申请 start ========== */
#layui-layer1{overflow: hidden;}
.rePopBoxTitle{font-size: 0.65rem;color: #333333;line-height: 1.5rem;margin-bottom: 0.75rem;}
.recruitFormBox {padding: 1.25rem 0.75rem;display: none;margin-bottom: 2rem;box-sizing: border-box;-webkit-box-sizing: border-box;}
.recruitFormCon {display: flex;border-radius: 0.2rem;-webkit-border-radius: 0.2rem;margin-bottom: 0.5rem;padding-left: 0.5rem;box-sizing: border-box;-webkit-box-sizing: border-box;overflow: hidden;color: #999999;background: #FFFFFF;}
.recruitFormCon.formBdAll{border: 1px solid #e6e6e6;}
.recruitFormCon.textarea {height: 5.75rem;}
.recruitFormCon .title {font-size: 0.6rem;color: #999999;line-height: 2rem;}
.recruitFormCon .inputDiv {flex: 1;position: relative;}
.recruitFormCon .inputDiv span {color: #f00;font-size: 0.6rem;line-height: 2.3rem;width: 1.75rem;text-align: center;height: 2rem;position: absolute;right: 0;top: 0;}
.recruitFormCon .inputDiv .inputWidth .formInput,
.recruitFormCon .inputDiv .inputWidth .formSelect,
.recruitFormCon .inputDiv .inputWidth .formTextarea {width: 100%;height: 2rem;line-height: 2rem;outline: none;border: none;background: none;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 0.6rem;color: #333333;}
.recruitFormCon .inputDiv .inputWidth .formInput {padding-right: 1.25rem;}
.recruitFormCon .inputDiv .inputWidth .formTextarea {resize: none;padding: 0.5rem 0.75rem 0.75rem 0;line-height: 1rem;}
.recruitFormCon .inputDiv .inputWidth .formSelect {appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(/subsiteSrc/klmainMb/images/selectIcn.png)no-repeat center right 1.75rem;background-size: 0.5rem;}
.recruitFormCon {position: relative;}
.recruitFormCon.upDown{padding: 0;}
.recruitFormCon .downBtn {display: flex;padding: 0.25rem 0;}
.recruitFormCon .downBtn a {margin-right: 0.5rem;display: block;padding: 0 0.5rem;height: 1.5rem;line-height: 1.6rem;border-radius: 0.2rem;-webkit-border-radius: 0.2rem;color: #fff;font-size: 0.6rem;background: #81c9df;}
.recruitFormCon .downBtn a.down {color: #666666;background: #f2e5c4;}
.recruitFormCon .text {font-size: 0.6rem;color: #666666;line-height: 1.5rem;}
.recruitFormBtn {display: flex;padding: 0.5rem 0;justify-content: center;}
.recruitFormBtn a {display: block;width: 30%;height:1.75rem;line-height: 1.8rem;font-size: 0.65rem;text-align: center;color: #fff;box-sizing: border-box;-webkit-box-sizing: border-box;margin: 0 0.25rem;}
.recruitFormBtn a.submit {background: #d5a554;}
.recruitFormBtn a.reset {background: #d0d0d0;}
.webuploader-pick-hover {background: none !important;}
.webuploader-pick {background: none !important;padding: 0 !important;display: block !important;}
.uploader-img-list {width: auto !important;position: absolute !important;right: 0.5rem !important;top: 0;}
.uploader-img-list div.imgWrap,
.uploader-img-list div.imgWrap p {width: 1.5rem !important;height: 1.5rem !important;padding: 0 !important;}
.radioBox {line-height: 2rem;font-size: 0}
.radioCon {position: relative;overflow: hidden;display: inline-block;font-size: .6rem;margin-right: .75rem;vertical-align: middle;margin-bottom: 0.25rem;margin-top: 0.25rem;}
.radioCon label {line-height: 0.8rem;height: 0.8rem;display: block;position: relative;padding-left: 1rem;color: #333;}
.radioCon label:first-child {padding-left: 0;}
.radioCon input {position: absolute;width: 100% !important;height: 100% !important;top: 0;left: 0;z-index: 1;opacity: 0;}
.radioCon input[type="radio"]+label span {content: "";display: inline-block;vertical-align: middle;font-size: 13px;width: 15px;height: 15px;margin-right: 5px;border-radius: 100%;border: 1px solid #dfdfdf;box-sizing: border-box;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}
.radioCon input[type="radio"]:checked+label span {background-color: #d5a554;border-color: #d5a554;background-clip: content-box;padding: 3px;}
.radioCon.hover input[type="radio"]:checked+label span {background-color: #999999;border-color: #999999;}
.recruitFormCon.yzm {padding-left: 0;margin-bottom: 0.5rem;border: none;}
.recruitFormCon.yzm .inputDiv {display: flex;height: 2rem;line-height: 2rem;}
.recruitFormCon.yzm .inputDiv .inputDiv1 {width: 35%;border: 1px solid #e6e6e6;border-radius: 0.2rem;-webkit-border-radius: 0.2rem;padding-left: 0.5rem;display: flex;}
.recruitFormCon.yzm .inputDiv .inputDiv1 .inputWidth {width: 100%;flex: 1;}
.recruitFormCon.yzm .inputDiv .inputDiv1 .inputWidth .formInput {width: 100%;padding-right: 0.5rem;}
.recruitFormCon.yzm .inputDiv .imgBox {width: 3.5rem;height: 100%;margin: 0 0.5rem;}
.recruitFormCon.yzm .inputDiv .imgBox img {width: 100%;height: 100%;}
.recruitFormCon.yzm .inputDiv .imgBox .text {font-size: 0.5rem;color: #666666;}
.recruitFormCon.yzm .inputDiv .inputWidth .formInput {width: 100%;height: 2rem;line-height: 2rem;outline: none;border: none;box-sizing: border-box;-webkit-box-sizing: border-box;font-size: 0.6rem;color: #333333;}
.date_ctrl,.dateWeek,.date_grid>div{color: #8dc21f !important;}
.date_btn_box:after,.date_grid:after,.date_grid:before{background: #8dc21f !important;}
/* ========== 人才招聘-岗位申请 end ========== */
/* ========== 联系彩友会-在线留言 start ========== */
.messageFrame{padding-bottom: 1.5rem;}
.clearC:after {display: block;content: ' ';clear: both;visibility: hidden;}
.formFrameTitle{font-size: 0.6rem;color: #666666;}
.formMust{font-size: 0.6rem;color: #ff1010;display: inline-block;}
.formFrameBg{background: #f5f5f5;}
.formBdAll{border: 1px solid #e6e6e6;}
.formYzmBox{width: 3rem;height: 1.8rem;}
.formYzmBox img{width: 100%;height: 100%;object-fit: cover;}
.formW50{width: 50%;}
.formFrameDl{margin-right: -0.75rem;padding: 1rem 0 0;margin-bottom: 1.5rem;}
.formFrameDl .formFrameDd{float: left;display: inline;width: 100%;margin-bottom: 0.75rem;}
.formFrameCon{line-height: 1.9rem;font-size: 0.6rem;color: #333333;margin-right: 0.75rem;padding: 0 0.5rem;}
.formFrameDiv{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;padding-left: 3rem;}
.formFrameDiv .formFrameWidth{width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;}
.formFrameDiv .formFrameWidth .input{box-sizing: border-box;-webkit-box-sizing: border-box;width: 100%;height: 1.8rem;line-height: 1.9rem;border: none;background: none;resize: none;outline: none;font-size: 0.6rem;color: #333333;}
.formFrameDiv .formFrameWidth .textarea{height: 6.6rem;padding: 0.5rem 0;line-height: 1rem;}
.formFrameBtn{font-size: 0;text-align: center;}
.formFrameBtn a{display: inline-block;height: 1.8rem;line-height: 1.9rem;margin: 0 0.3rem;color: #FFFFFF;font-size: 0.6rem;padding: 0 1.5rem;background: #dcb26a;border-radius: 0.2rem;}
.formFrameBtn a.reset{background: #f0f0f0;color: #999999;}
/* ========== 联系彩友会-在线留言 end ========== */
/* ========== 联系彩友会 start ========== */
.contactBox{padding: 1rem 0;}
.contactDl{overflow: hidden;margin-right: -0.75rem;padding-bottom: 0.5rem;}
.contactDl dt{float: left;display: inline;width: 50%;margin-bottom: 0.75rem;}
.contactDl dt .con{display: block;margin-right: 0.75rem;}
.contactDl dt .text{width: 100%;height: 100%;background: rgba(0,0,0,0.35);position: absolute;top: 0;left: 0;z-index: 3;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0.75rem;}
.contactDl dt .pic::before{padding-top: 87.4332%;}
.contactDl dt .enTitle{font-size: 0.6rem;color: rgba(255,255,255,0.5);line-height: 0.8rem;text-transform: uppercase;}
.contactDl dt .cnTitle{font-size: 0.65rem;color: rgba(255,255,255,1);line-height: 1.5rem;margin-bottom: 0.5rem;}
.contactDl dt .icn{width: 1.5rem;height: 1.5rem;border-radius: 50%;background: #eeeae8;}
.contactDl dt .icn span{display: block;width: 100%;height: 100%;}
.contactDl dt.zxly .icn span{background: url(/subsiteSrc/klmainMb/images/kljt/zxly.png) no-repeat center center;background-size: auto 0.6rem;}
.contactDl dt.tsjy .icn span{background: url(/subsiteSrc/klmainMb/images/kljt/tsjy.png) no-repeat center center;background-size: auto 0.6rem;}
.contactDl dd{float: left;display: inline;width: 50%;margin-bottom: 0.5rem;}
.contactDl dd .con{display: flex;align-items: center;min-height: 2rem;}
.contactDl dd .text{line-height: 1rem;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0 0.5rem;font-size: 0.6rem;color: #333333;}
/* ————— 地图 start ————— */
.contactMap {height: 17rem;}
/* ————— 地图 end ————— */
/* ========== 联系彩友会 end ========== */
/* ========== 生长历程 start ========== */
.developmentDl{/* background-image: url(/subsiteSrc/klmainMb/images/kljt/eventLine.png); */background-position:center top ;background-repeat:repeat-y;background-size:2.05rem auto;padding: 1.5rem 0;position: relative;}
.developmentDl::before{content: '';display: block;width: 1px;background: #f5f5f5;height: 100%;position: absolute;top:0;left:50%;}
.developmentDl{overflow: hidden;}
.developmentDl dd{width: 100%;}
.developmentDl dd .con{display: block;position: relative;}
.developmentDl dd:nth-child(odd) .con{padding-right: 50%;text-align: right;}
.developmentDl dd:nth-child(even) .con{padding-left: 50%;}
.developmentDl dd .text{position: relative;line-height: 1rem;}
.developmentDl dd .text::before{content: '';display: block;width: 0.5rem;height: 0.5rem;border-radius: 50%;-webkit-border-radius: 50%;position: absolute;top: 0.3rem;background: url(/subsiteSrc/klmainMb/images/kljt/quan.png)no-repeat center center;background-size: 0.4rem 0.4rem;}
.developmentDl dd:nth-child(odd) .text::before{right: -5px;}
.developmentDl dd:nth-child(even) .text::before{left: -5px;}
.developmentDl dd:nth-child(odd) .text{padding-right: 1rem;}
.developmentDl dd:nth-child(even) .text{margin-top: -3rem;padding-left: 1rem;}
.developmentDl dd .year{font-size: 0.75rem;color: #d3a55f;font-weight: bold;margin-bottom: 0.2rem;}
.developmentDl dd .time{font-size: 0.65rem;color: #333333;margin-bottom: 0.2rem;}
.developmentDl dd .content{font-size: 0.6rem;color: #858585;}
/* ========== 生长历程 end ========== */
/* ========== 社会责任 start ========== */
.dutyDl{overflow: hidden;}
.dutyDl dd{width: 100%;}
.dutyDl dd .con{padding: 1.5rem 0.75rem;}
.dutyDl dd:nth-child(odd) .con{background: url(/subsiteSrc/klmainMb/images/common/dutyLine1.png) no-repeat left bottom;background-size: 100% auto;}
.dutyDl dd:nth-child(even) .con{background: url(/subsiteSrc/klmainMb/images/common/dutyLine2.png) no-repeat left bottom;background-size: 100% auto;}
.dutyDl dd .picBox{padding: 0 0.5rem;}
.dutyDl dd .pic::before{padding-top: 68.0232%;}
.dutyDl dd .pic .picBg{width: 100.1%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;}
.dutyDl dd:nth-child(odd) .pic .picBg{background: url(/subsiteSrc/klmainMb/images/common/dutyPicBg1.png) no-repeat;background-size: 100% 100%;}
.dutyDl dd:nth-child(even) .pic .picBg{background: url(/subsiteSrc/klmainMb/images/common/dutyPicBg2.png) no-repeat;background-size: 100% 100%;}
.dutyDl dd .pic .nub{width: 5rem;height: 5rem;line-height: 5rem;text-align: center;overflow: hidden;font-size: 1.75rem;color: #ffffff;border-radius: 50%;background-color: rgb(209, 180, 147);position: absolute;z-index: 3;bottom: 0;font-weight: bold;}
.dutyDl dd:nth-child(odd) .pic .nub{right: 0;}
.dutyDl dd:nth-child(even) .pic .nub{left: 0;}
.dutyDl dd .text{padding: 0.75rem 0;}
.dutyDl dd .text .title{font-size: 0.7rem;color: #333333;font-weight: bold;line-height: 1rem;margin-bottom: 0.5rem;}
.dutyDl dd:nth-child(odd) .text .title{text-align: right;}
.dutyDl dd .text .content{font-size: 0.6rem;color: #999999;line-height: 1rem;}
.dutyDl dd:nth-child(odd) .text .content{text-align: right;}
/* ========== 社会责任 end ========== */
/* ========== 文旅板块 start ========== */
/* ————— 公共部分 start ————— */
.wlbkTitle{padding: 0.5rem 0;}
.wlbkTitle .enTitle{font-size: 0.55rem;color: #999999;text-transform: uppercase;line-height: 1rem;}
.wlbkTitle .cnTitle{font-size: 0.75rem;color: #1453b1;line-height: 1rem;}
.wlbkTitle.titleCenter{text-align: center;}
.wlbkTitle.titleCenter .cnTitle{color: #cf9c51;}
.wlbkTitle.titleColor1 .enTitle{color: #ebebeb;}
.wlbkTitle.titleColor2 .enTitle{color: #e5e5e5;}
.wlbkTitle.titleColor3 .enTitle{color: #c7c7c7;}
.wlbkMore{font-size: 0;text-align: center;}
.wlbkMore .more{display: inline-block;border: 1px solid rgb(230, 230, 230);height: 1.7rem;line-height: 1.8rem;font-size: 0.65rem;color: #cf9c51;padding: 0 1.5rem;text-align: center;border-radius: 1rem;}
/* ————— 公共部分 end ————— */
/* ————— 第1通栏 start ————— */
.wlbkColumn1{overflow: hidden;padding: 0.75rem 0 1.5rem;}
.wlbkCol1Con{padding: 0.5rem 0 1.5rem;}
.wlbkCol1Con .content{font-size: 0.65rem;color: #666666;line-height: 1rem;}
.wlbkCol1Con .content span{color: #1453b1;}
.wlbkCol1Pic .pic::before{padding-top: 51.4323%;}
/* ————— 第1通栏 end ————— */
/* ————— 第2通栏 start ————— */
.wlbkColumn2{background-repeat: no-repeat;background-size: cover;overflow: hidden;padding: 2.5rem 0;}
.wlbkCol2Con{padding: 0.75rem 0 0;}
.wlbkCol2Dl{overflow: hidden;margin-right: -0.5rem;}
.wlbkCol2Dl dd{float: left;display: inline;margin-bottom: 0.75rem;}
.wlbkCol2Dl dd .con{display: inline-block;margin-right: 0.5rem;border: 1px solid #ebebeb;padding: 0 0.5rem;height: 1.5rem;line-height: 1.5rem;font-size: 0.5rem;color: #dedede;border-radius: 1rem;}
/* ————— 第2通栏 end ————— */
/* ————— 第3通栏 start ————— */
.wlbkColumn3{overflow: hidden;padding: 0.75rem 0;}
.wlbkC3DlBox{overflow: hidden;}
.wlbkC3Dl{overflow: hidden;width: 50%;float: left;display: inline;}
.wlbkC3Dl:nth-child(2){padding: 1.5rem 0 0;}
.wlbkC3Dl dd .con{padding: 1rem 0.75rem;}
.wlbkC3Dl dd.dd1{padding-bottom:3.05rem;background: url(/subsiteSrc/klmainMb/images/kljt/lyBg.png) no-repeat left bottom;background-size: auto 3.05rem;}
.wlbkC3Dl dd.dd1 .con,
.wlbkC3Dl dd.dd2 .con{background: #f4f2ec;}
.wlbkC3Dl dd.dd4 .con{background: #dee6ef;}
.wlbkC3Dl dd.dd3 .con{padding: 0;}
.wlbkC3Dl dd .icn{background-repeat: no-repeat;background-size: auto 1.75rem;height: 1.75rem;}
.wlbkC3Dl dd .title{font-size: 0.65rem;color: #1453b1;line-height: 1rem;margin-bottom: 0.5rem;}
.wlbkC3Dl dd .info{font-size: 0.55rem;color: #999999;line-height: 1rem;}
.wlbkC3Dl dd.dd3 .pic::before{padding-top: 90.1042%;}
.wlbkC3Dl dd.dd3 .con{background-repeat: no-repeat;background-size: 100% 100%;background-image: url(/subsiteSrc/klmainMb/images/kljt/cultureBg.png);padding: 0 0 0.5rem;}
.wlbkC3Dl dd.dd3 .text{background: url(/subsiteSrc/klmainMb/images/kljt/cultureText.png) no-repeat top 0.75rem right 0.3rem;background-size:1.5rem auto;padding: 1rem 1.2rem 0 0.75rem;}
.wlbkC3Dl dd.dd3 .textC{text-align: right;margin-bottom: 0.5rem;}
.wlbkC3Dl dd.dd3 .textC .title{font-size: 0.65rem;color: #e9d59c;margin-bottom: 0;}
.wlbkC3Dl dd.dd3 .textC .info{font-size: 0.55rem;color: #fff1eb;}
.wlbkC3Dl dd.dd3 .textC.textC1{padding-right: 0.85rem;}
.wlbkC3Dl dd.dd3 .textC.textC2{padding-right: 3rem;}
/* ————— 第3通栏 end ————— */
/* ————— 第4通栏 start ————— */
.wlbkColumn4{overflow: hidden;padding: 0.75rem 0;}
.wlbkC4Dl{margin-right: -0.75rem;overflow: hidden;padding: 0.75rem 0 0;}
.wlbkC4Dl dd{width: 50%;float: left;display: inline;margin-bottom: 0.75rem;}
.wlbkC4Dl dd .con{display: block;margin-right: 0.75rem;}
.wlbkC4Dl dd .pic::before{padding-top: 66.8449%;}
.wlbkC4Dl dd .text{width: 100%;background: url(/subsiteSrc/klmainMb/images/kljt/textBg2.png) no-repeat;background-size: cover;position: absolute;left: 0;bottom: 0;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0.5rem 0.75rem 0;}
.wlbkC4Dl dd .title{height: 1.5rem;line-height: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-align: center;font-size: 0.65rem;color: #FFFFFF;}
.wlbkC4Dl dt{width: 100%;float: left;display: inline;margin-bottom: 0.75rem;}
.wlbkC4Dl dt .con{display: block;margin-right: 0.75rem;}
.wlbkC4Dl dt .pic::before{padding-top: 67.4026%;}
.wlbkC4Dl dt .text{width: 100%;background: url(/subsiteSrc/klmainMb/images/kljt/textBg.png) no-repeat;background-size: cover;position: absolute;left: 0;bottom: 0;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0.5rem 0.75rem;}
.wlbkC4Dl dt .title{height: 1.5rem;line-height: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 0.75rem;color: #FFFFFF;}
.wlbkC4Dl dt .info{font-size: 0.6rem;color: #FFFFFF;height: 1.5rem;line-height: 1.5rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* ————— 第4通栏 end ————— */
/* ========== 文旅板块 end ========== */
/* ========== 彩友会简介 start ========== */
/* ————— 公共部分 start ————— */
.aboutTitle1{padding: 0.5rem 0 0.25rem;background: url(/subsiteSrc/klmainMb/images/kljt/aboutLogo.png) no-repeat;background-size: auto 1.5rem;}
.aboutTitle1 .title{font-size: 0.9rem;color: #a67e58;line-height: 1rem;height: 1rem;font-weight: bold;}
.aboutTitle2{font-size: 0;padding-left: 1rem;background: url(/subsiteSrc/klmainMb/images/kljt/abTitle.png) no-repeat center left;background-size: 0.55rem 0.55rem;}
.aboutTitle2 .cnTitle{display: inline-block;font-size: 0.9rem;color: #333333;font-weight: bold;line-height: 1rem;margin-right: 0.5rem;}
.aboutTitle2 .enTitle{display: inline-block;font-size: 0.6rem;color:rgba(51,51,51,0.1);font-style: italic;line-height: 1rem;text-transform: capitalize;}
/* ————— 公共部分 end ————— */
/* ————— 集团基本情形 start ————— */
.aboutUsC1{overflow: hidden;padding: 1.5rem 0 0;}
.aboutUsC1Con{padding: 0.75rem 0;}
.aboutUsC1Con .title{font-size: 0.65rem;color: #333333;line-height: 1rem;margin-bottom: 0.5rem;}
.aboutUsC1Con .content{font-size: 0.7rem;color: #666666;line-height: 1rem;margin-bottom: 1rem;}
.aboutCircleBox{width: 10.25rem;height: 10.625rem;margin: 0 auto;position: relative;margin-bottom: 1rem;}
.aboutCircleBox .aboutCircle1{width: 7.4rem;height: 7.4rem;background: url(/subsiteSrc/klmainMb/images/kljt/huan1.png)no-repeat;background-size: cover;text-align: center;font-size: 0.6rem;color: #666666;line-height: 1rem;}
.aboutCircleBox .aboutCircle2{width: 5.675rem;height: 5.675rem;background: url(/subsiteSrc/klmainMb/images/kljt/huan2.png)no-repeat;background-size: cover;text-align: center;font-size: 0.6rem;color: #666666;line-height: 1rem;position: absolute;right: 0;bottom: 0;}
.aboutDevBox{border-radius: 0.375rem;overflow: hidden;background-repeat: no-repeat;background-size: cover;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0.75rem;}
.aboutDevBox .title{font-size: 0.9rem;color: #ffffff;font-weight: bold;}
.aboutDevDl{overflow: hidden;padding: 1rem 0;}
.aboutDevDl dd{margin-bottom: 0.75rem;}
.aboutDevDl dd .con{background: rgba(128,166,226,0.5);padding: 0.25rem 1rem;height: 1rem;line-height: 1rem;border-radius: 1rem;overflow: hidden;font-size: 0.5rem;color: #FFFFFF;}
/* ————— 集团基本情形 end ————— */
/* ————— 四大营业板块 start ————— */
.aboutUsC2{overflow: hidden;padding: 1.5rem 0 0;}
.aboutC3Swiper {overflow: hidden;position: relative;padding: 1rem 0 0;height: 9rem;}
.aboutC3Swiper .con{display: block;transition: all 0.4s;-webkit-transition: all 0.4s;}
.aboutC3Swiper .swiper-slide-next .con{padding: 0.75rem 0 0;}
.aboutC3Swiper .con .text{background: #f5f5f5;box-sizing: border-box;-webkit-box-sizing: border-box;padding: 0.75rem;}
.aboutC3Swiper .con .icn{height: 1.5rem;background-repeat: no-repeat;background-size: 0.95rem 0.95rem;background-position: left bottom;}
.aboutC3Swiper .con .title{font-size: 0.65rem;color: #666666;line-height: 1rem;height: 1rem;overflow: hidden;padding: 0.5rem 0;}
.aboutC3Swiper .con .info{font-size: 0.6rem;color: #666666;line-height: 1rem;height: 2rem;overflow: hidden;margin-bottom: 0.5rem;}
/* ————— 四大营业板块 end ————— */
/* ————— 三大营业模子 start ————— */
.aboutUsC3{overflow: hidden;padding: 1.5rem 0 0;}
.aboutUsC3Dl{overflow: hidden;padding: 0.75rem 0 0;}
.aboutUsC3Dl dd{margin-bottom: 0.5rem;}
.aboutUsC3Dl dd .con{overflow: hidden;}
.aboutUsC3Dl dd .title{font-size: 0.65rem;color: #333333;float: left;display: inline;}
.aboutUsC3Dl dd .info{font-size: 0.65rem;color: #666666;}
.aboutUsC3Dl dt .con{padding: 0.375rem 0 0 0.5rem;position: relative;}
.aboutUsC3Dl dt .con::before{content: '';display: block;width: 98%;height: 80%;background: #1453b1;position: absolute;top: 0;left: 0rem;}
.aboutUsC3Dl dt .con .pic{z-index: 5;}
.aboutUsC3Dl dt .con .pic::before{padding-top: 46.4%;}
/* ————— 三大营业模子 end ————— */
/* ————— 4235都会战略 start ————— */
.aboutUsC4{overflow: hidden;padding: 1.5rem 0 0;}
.aboutUsC4Dl{overflow: hidden;padding: 0.75rem 0;}
.aboutUsC4Dl dd{margin-bottom: 0.5rem;}
.aboutUsC4Dl dd .con{overflow: hidden;}
.aboutUsC4Dl dd .icn{float: left;display: inline;width: 1.25rem;height: 1rem;display: flex;align-items: center;}
.aboutUsC4Dl dd .icn em{display: block;width: 0.75rem;height: 0.5rem;}
.aboutUsC4Dl dd:nth-child(1) .icn em{background: #9eb6d5;}
.aboutUsC4Dl dd:nth-child(2) .icn em{background: #b2d398;}
.aboutUsC4Dl dd:nth-child(3) .icn em{background: #f1bcd5;}
.aboutUsC4Dl dd:nth-child(4) .icn em{background: #f2c384;}
.aboutUsC4Dl dd .title{overflow: hidden;font-size: 0.65rem;color: #333333;line-height: 1rem;;}
.aboutUsC4Dl dt{margin-bottom: 0.75rem;}
.aboutUsC4Dl dt .con{padding: 0 1em 0 2rem;}
.aboutUsC4Dl dt .pic::before{padding-top: 100%;}
/* ————— 4235都会战略 end ————— */
/* ========== 彩友会简介 end ========== */

/* 彩友会新增 */
/* 在线投诉首页 start */
.onlineComplaintsList{padding: 0.75rem;}
.onlineComplaintsList dd{margin-bottom: 0.5rem;}
.onlineComplaintsList dd a{display: block;padding: 2.5rem 0 2.75rem 1.5rem;background-position: center center;background-repeat: no-repeat;background-size: cover;}
.onlineComplaintsList dd a .icon{width: 2rem;height: 2rem;border-radius: 50%;text-align: center;line-height: 2rem;margin-bottom: .375rem;margin-left: 0.4rem;}
.onlineComplaintsList dd.dd1 a .icon{background-color: #32b16c;}
.onlineComplaintsList dd.dd2 a .icon{background-color: #f8b551;}
.onlineComplaintsList dd.dd3 a .icon{background-color: #448aca;}
.onlineComplaintsList dd a .icon img{display: inline-block;vertical-align: middle;height: 0.8rem;}
.onlineComplaintsList dd a .text{line-height: 1.5rem;height: 1.5rem;font-size: 0.7rem;color: #333333;}
/* 在线投诉首页 end */
/* 举报须知 start */
.complaintNoticeBox{padding: 1rem 0.75rem;}
.complaintNoticeBox .title{font-size: 1rem;line-height: 1.5rem;height: 1.5rem;text-align: center;color: #333;font-weight: bold;margin-bottom: 0.5rem;}
.complaintNoticeBox .timeIcon{text-align: right;height: 3rem;}
.complaintNoticeBox .timeIcon img{display: inline-block;height: 3rem;}
.complaintNoticeBox .info{line-height: 1rem;text-align: justify;font-size: 0.65rem;color: #555555;margin-bottom: 1rem;}
.complaintCommonBtn{text-align: center;}
.complaintCommonBtn a{display: inline-block;padding: 0 2.5rem;line-height: 2rem;height: 2rem;font-size: 0.75rem;color: #ffffff;border-radius: 5px;background-color: #c7c7c7;}
.complaintCommonBtn a.a1{background-color: #cf9c51;margin-right: 0.75rem;}
/* 举报须知 end */
/* 我要投诉 start */
.suggestionBox{padding: 1rem 0.75rem;}
.suggestionBox .title{font-size: 1rem;line-height: 1.5rem;height: 1.5rem;color: #333;}
.suggestionForm{margin-bottom: 0.75rem;}
.suggestionForm .item{margin-bottom: .5rem;}
.suggestionForm .item .con .lable{line-height: 2rem;height: 2rem;font-size: 0.75rem;color: #333333;}
.suggestionForm .item .con .lable span{color: #d8000f;}
.suggestionForm .item .con .input{border: 1px solid #e6e6e6;padding: 0 .5rem;border-radius: 5px;}
.suggestionForm .item .con .input input{ border: none; background: none; width: 100%; height: 2rem; line-height: 2rem; font-size: 0.75rem; color: #333;}
.suggestionForm .item .con .input input::placeholder{color: #999;font-size: 0.75rem;}
.suggestionForm .item .con .textarea textarea::placeholder{color: #999;font-size: 0.75rem;}
.suggestionForm .item .con .textarea{border: 1px solid #e6e6e6;padding: 0 .5rem;border-radius: 5px;}
.suggestionForm .item .con .textarea textarea{ border: none; background: none; width: 100%; height: 6.5rem;padding: .25rem 0; line-height: 1rem; font-size: 0.75rem; color: #333;}
.suggestionForm .item .con .select{border: 1px solid #e6e6e6;padding: 0 .5rem;border-radius: 5px;}
.suggestionForm .item .con .select select{position: unset;font-size: 0.75rem; appearance: none;-webkit-appearance: none; border: none; background: none; z-index: 1; width: 100%; height: 100%;color: #666;}
.suggestionForm .item .con .select .icn{ position: absolute; right: 0; top: 0; width: 2rem; height: 1.9rem; line-height: 1.9rem; text-align: center;background: url("/subsiteSrc/klmainMb/images/selectIcon.png") no-repeat center center / 0.75rem;}
.suggestionForm .item.itemDistpicker .con .select{border: none;height: unset;padding: 0;border-radius: 0;}
.suggestionForm .item.itemDistpicker .con .select .icn{display: none;}
.suggestionForm .item.itemDistpicker .con .select select{position: unset;}
.suggestionForm .item .con .selectItem .selectItemC{margin-bottom: .5rem;border: 1px solid #e6e6e6;height: 2rem;padding: 0 0.25rem;border-radius: 5px;position: relative;}
.suggestionForm .item .con .selectItem .selectItemC .icn{ position: absolute; right: 0; top: 0; width: 2rem; height: 1.9rem; line-height: 1.9rem; text-align: center;background: url("/subsiteSrc/klmainMb/images/selectIcon.png") no-repeat center center / 0.75rem;}
.suggestionForm .item .itemUpLoad .itemUpLoadBtn{margin-bottom: .25rem;}
.suggestionForm .item .itemUpLoad .itemUpLoadBtn a{display: inline-block;padding: 0 1.5rem;line-height: 2rem;height: 2rem;background-color: #cf9c51;color: #fff;font-size: 0.75rem;border-radius: 3px;}
.suggestionForm .item .itemUpLoad .itemUpLoadText{overflow: hidden;line-height: 2rem;height: 2rem;font-size: 0.75rem;color: #999999;padding-left: 1rem;background: url("/subsiteSrc/klmainMb/images/suggestionIcon1.png") no-repeat left center;}
.suggestionForm .item.itemYzm .con .input{overflow: hidden; border-right: none;}
.suggestionForm .item.itemYzm .con .yzmImg{float: right;display: inline;width: 4.75rem;height: 2rem;border: 1px solid #e6e6e6;cursor: pointer;}
.suggestionForm .item.itemYzm .con .yzmImg img{display: block;width: 100%;height: 100%;}
.suggestionForm .itemTypeScenicSpot{display: none;}
.suggestionForm .itemTypeHotel{display: none;}
.suggestionForm .itemTypeProperty{display: none;}
.suggestionForm .itemTypePropertyBefore{display: none;}
.suggestionForm .itemTypePropertyAfter{display: none;}
.suggestionForm .customizeItem{display: none;}
.suggestionForm .itemTypeScenicSpot.active{display: block;}
.suggestionForm .itemTypeHotel.active{display: block;}
.suggestionForm .itemTypeProperty.active{display: block;}
.suggestionForm .itemTypePropertyBefore.active{display: block;}
.suggestionForm .itemTypePropertyAfter.active{display: block;}
.suggestionForm .customizeItem.active{display: block;}
.suggestionForm .tag-editor{border: none !important;padding: 5px 5px 0 0 !important;}
.suggestionForm .tag-editor .tag-editor-delete i{background: url(/subsiteSrc/klmainMb/images/delete.png) no-repeat center center !important;}
.suggestionForm .tag-editor li:first-of-type{width: 0 !important;}
.suggestionForm .tag-editor li {
    line-height: 1.5rem !important;
    height: 1.5rem !important;
    margin: 0 5px 5px 0 !important;
    background-color: #e6e6e6 !important;
    border: none;
    border-radius: 3px;
}

.suggestionForm .tag-editor .tag-editor-tag {
    color: #666 !important;
    background: #e6e6e6 !important;
}

.suggestionForm .tag-editor .tag-editor-delete {
    background-color: #e6e6e6 !important;
}
.suggestionForm .tag-editor .tag-editor-spacer{width: 0;}
.suggestionForm .tag-editor .placeholder{background-color: unset !important;padding: 0;margin: 0 !important;}
.suggestionForm .tag-editor .placeholder div{padding: 0;color: #999;}
.suggestionForm .radio {color: #555555;line-height: 1.9rem;font-size: 0;}
.suggestionForm .radio .radioItem {display: block;height: 1.9rem;margin-right: 1rem;position: relative;vertical-align: middle;}
.suggestionForm .radio .radioItem input {position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity: 0;z-index: 1}
.suggestionForm .radio .radioItem label {color: #555555;overflow: hidden;font-size: 0.65rem;line-height: 2rem;height: 1.9rem;display: block;}
.suggestionForm .radio .radioItem input[type=radio]+label span {width: 0.65rem;height: 0.65rem;border-radius: 50%;border: 1px solid #e1e1e1;margin-right: 0.25rem;display: inline-block;vertical-align: middle;position: relative;top: -.1rem;}
.suggestionForm .radio .radioItem input[type=radio]+label span:before {display: block;content: '';width: 0.35rem;height: 0.35rem;border-radius:50%;position: absolute;left: 50%;top: 50%;margin-top: -0.175rem;margin-left: -0.175rem;background: #d8000f;visibility: hidden;}
.suggestionForm .radio .radioItem input[type=radio]:checked+label span:before {visibility: visible}
.suggestionForm .radio .radioItem input[type=radio]:checked+label span{ border-color: #d8000f;}
.suggestionForm .radio .radioItem input[type=checkbox]+label span {float: left;width: 0.65rem;height: 0.65rem;border: 1px solid #e1e1e1;position: relative;top: 50%;margin-top: -0.4rem;margin-right: 0.25rem;}
.suggestionForm .radio .radioItem input[type=checkbox]+label span {border-color: #d8000f;}
.suggestionForm .radio .radioItem input[type=checkbox]+label span:before {content: "";display: block;width: 0.4rem;height: 0.2rem;border-left: 0.1rem solid #d8000f;border-bottom: 0.1rem solid #d8000f;position: absolute;top: 0.1rem;left: 50%;transform: translate(-50%) rotate(-45deg);visibility: hidden;background: none;}
.suggestionForm .radio .radioItem input[type=checkbox]:checked+label span:before {visibility: visible}
/* 我要投诉 end */
/* 投诉效果 start */
.complaintResultBox{padding: 5rem 0.75rem 2rem;}
.complaintResultBox .icon{text-align: center;height: 3rem;margin-bottom: 0.75rem;}
.complaintResultBox .icon img{display: inline-block;vertical-align: middle;height: 3rem;}
.complaintResultBox .text1{text-align: center;line-height: 1.5rem;font-size: 0.75rem;color: #555555;}
.complaintResultBox .text2{text-align: center;line-height: 1.5rem;font-size: 0.7rem;color: #cf9c51;margin-bottom: 2rem;}
/* 投诉效果 end */
/* 投诉效果详情 start */
.queryResultsViewC1{background-color: #fff;padding: 1rem 0.75rem;margin-bottom: 0.5rem;}
.queryResultsViewC1 .title{line-height: 1.5rem;height: 1.5rem;font-size: 1rem;color: #333;margin-bottom: 1rem;}
.queryResultsViewC1C{margin-bottom: 1rem;}
.queryResultsViewC1C .icon{float: left;display: inline;width: 1.25rem;height: 1.25rem;margin-right: 0.5rem;}
.queryResultsViewC1C .icon img{display: block;width: 100%;height: 100%;}
.queryResultsViewC1C .text{overflow: hidden;width: fit-content;border-radius: .125rem .125rem 1.25rem .125rem;line-height: 1.25rem;padding: 0 1rem 0 .5rem;font-size: 0.7rem;color: #ffffff;background-color: #cf9c51;}
.queryResultsViewC2C{margin-bottom: 1.25rem;}
.queryResultsViewC2C .icon{float: left;display: inline;width: 1.25rem;height: 1.25rem;margin-right: 0.5rem;}
.queryResultsViewC2C .icon img{display: block;width: 100%;height: 100%;}
.queryResultsViewC2C .text{overflow: hidden;border-radius: .125rem;padding: 0.75rem; background-color: #eef2f7;}
.queryResultsViewC2C .text .info{line-height: 1.25rem;font-size: 0.7rem;color: #444444;margin-bottom: 0.5rem;}
.queryResultsViewC2C .text .attachmentTitle{line-height: 1rem;height: 1rem;font-size: 0.7rem;color: #1663cd;margin-bottom: 0.5rem;}
.attachmentCon a{display: inline-block;}
.attachmentCon a .picC{width: 2.25rem;height: 2.25rem;margin: 0 auto 0.25rem;}
.attachmentCon a .picC img{display: block;width: 100%;height: 100%;}
.attachmentCon a .picCText{text-align: center;line-height: 1.25rem;font-size: 0.7rem;color: #666666;}
.queryResultsViewBtn{text-align: center;}
.queryResultsViewBtn a{display: inline-block;padding: 0 1.25rem;line-height: 1.5rem;height: 1.5rem;border-radius: .125rem;overflow: hidden;font-size: 0.7rem;color: #ffffff;}
.queryResultsViewBtn a.a1{margin-right: 0.5rem;background-color: #40d357;}
.queryResultsViewBtn a.a2{background-color: #e50916;}
.queryResultsViewBtn a span{display: inline-block;line-height: 1.5rem;height: 1.5rem;padding-left: 1rem;background-repeat: no-repeat;background-position: left center;background-size: 0.8rem;}
.queryResultsViewBtn a.a1 span{background-image: url("/subsiteSrc/klmainMb/images/queryResultsViewIcon4.png");}
.queryResultsViewBtn a.a2 span{background-image: url("/subsiteSrc/klmainMb/images/queryResultsViewIcon5.png");}
.queryResultsViewC2{background-color: #fff;padding: 1rem 0.75rem;}
.queryResultsViewC2 .title{line-height: 1.5rem;height: 1.5rem;font-size: 1rem;color: #333;}
.queryResultsViewC2 .suggestionForm .item .con .lable{line-height: 1rem;height: unset;}
/* 投诉效果详情 end */<!--耗时1775255853.6068秒-->