/* 全局类名 */
.flex{display: flex !important;}
.hide{display: none !important;}
.bottomFadeOut{animation: bottomFadeOuts .15s !important;}
.topFadeIn{animation: topFadeIn .3s !important;}
.rightFadeOut{animation: rightFadeOut .3s !important;}
.leftFadeOut{animation: leftFadeOut .3s !important;}
.theme:hover,.themeSpan:hover span{color: var(--themeColor) !important;text-decoration: none !important;}
.scroll{overflow: auto;}
.scroll::-webkit-scrollbar{width: 8px;}
.scroll::-webkit-scrollbar-thumb{background: #D7D7D9;border-radius: 20px;}
.lineText{display: -webkit-box;-webkit-box-orient: vertical;word-break: break-all;overflow: hidden;}
/* 节日横幅 */
.Background_Advertising{z-index: 0 !important;}
/* 页面 */
.csc-list::-webkit-scrollbar{width: 8px;}
.csc-list::-webkit-scrollbar-thumb{background: #D7D7D9;border-radius: 20px;}
.c-top,.cn-list{width: 1200px;margin: auto;}
.Shell{background-color: #F7F7F7;display: flex;flex-direction: column;min-height: 100vh;}
.coreContent{flex: 1;position: relative;z-index: 1;transition: all .2s;background-color: #F7F7F7;margin-bottom: 66px;}
.coreContent.nav-con{margin: 66px auto;padding: 10px 10px 0px;}
.c-top{height: 90px;display: flex;align-items: center;justify-content: space-between;}
.ct-logo img{max-width: 220px;max-height: 60px;}
.ct-search{width: 440px;height: 40px;background: #FFFFFF;border-radius: 4px;display: flex;align-items: center;border: 1px solid white;box-sizing: border-box;transition: border .2s;}
.ct-search:hover,.ct-search.focus{border-color: var(--themeSearchColor);}
.cts-type{width: 100px;height: 100%;display: flex;align-items: center;justify-content: center;flex-shrink: 0;position: relative;}
.cts-type .show{display: flex;align-items: center;justify-content: center;gap: 6px;border-right: 1px solid #E5E5E5;width: 100%;cursor: pointer;}
.cts-type .show span{font-weight: 400;font-size: 14px;color: #666666;line-height: 1;}
.cts-type .show img{width: 12px;height: 12px;}
.cts-type .select,.cnl-item .select{position: absolute;background: #FFFFFF;box-shadow: 0px 3px 13px 0px rgba(0,17,51,0.05);border-radius: 3px;padding: 14px 0px 20px;display: none;animation: topFadeIn .3s;}
.cts-type .select{top: 38px;left: 0;z-index: 2;max-height: 500px;}
.cts-type .select .line{display: flex;flex-direction: column;box-sizing: border-box;border-right: 1px solid #F2F3F5FF;}
.cts-type .select .line:last-of-type{border-right: 0;}
.cts-type .select.scroll::-webkit-scrollbar{width: 4px;}
.cts-type .select .line .item,.cnl-item .select a{font-weight: 400;font-size: 14px;color: #666666;cursor: pointer;padding: 6px 20px;white-space: nowrap}
.cts-type .select .line .item:hover,.cnl-item .select a:hover{background: var(--themeBackground);}
.cts-type .select .line .item{position: relative;}
.cts-type .select .line .item .child{position: absolute;left: 100px;top: -30px;width: 110px;padding: 14px 0px 20px;background: #FFFFFF;box-shadow: 0px 3px 13px 0px rgba(0,17,51,0.05);border-radius: 4px;border: 1px solid #F2F3F5;z-index: 1;display: none;animation: topFadeIn .3s;flex-direction: column;}
.cts-type .select .line .item .child::before{content: '';width: 9px;height: 9px;background-color: white;border-top: 1px solid #E6E7EBFF;border-left: 1px solid #E6E7EBFF;position: absolute;top: 35px;left: -6px;transform: rotateZ(-45deg);box-sizing: border-box;}
.cts-type .select .line .item .child::after{content: '';width: 10px;height: 100%;position: absolute;top: 0;left: -10px;}
.cts-type .select .active,.cnl-item .select .active{color: var(--themeColor) !important;}
.cts-search{flex: 1;border: none;outline: none;font-size: 14px;margin: 0px 10px;}
.cts-label{flex-shrink: 0;gap: 6px;animation: rightFadeIn .3s;display: flex;}
.cts-label a{font-weight: 400;font-size: 12px;color: #7A8599;height: 20px;background: rgba(122, 133, 153, .1);border-radius: 9px;padding: 0 6px;cursor: pointer;}
.cts-pic{margin: 0 12px 0 18px;cursor: pointer;fill: rgb(153, 153, 153);}
.cts-pic:hover{fill: var(--themeColor);}
.ct-btn{width: 120px;height: 40px;background: var(--themeColor);border-radius: 4px;display: flex;align-items: center;justify-content: center;margin-left: 16px;}
.ct-btn:hover{opacity: .85;}
.ct-btn img{width: 18px;height: 18px;margin-right: 5px;}
.ct-btn span{font-weight: 400;font-size: 14px;color: #FFFFFF;}
.ct-other{display: flex;align-items: center;position: relative;}
.ct-other .bar{width: 1px;height: 40px;background: #E6E6E6;}
.cto-item{display: flex;flex-direction: column;align-items: center;cursor: default;}
.cto-item.mobile{padding: 10px 25px 10px 12px;}
.cto-item.gongzhong{padding: 10px 12px 10px 25px;}
.cto-item .name{font-weight: 400;font-size: 12px;color: #999999;margin-top: 8px;line-height: 1;}
.cto-item.hover .name{color: var(--themeColor);}
.cto-item.hover svg{fill: var(--themeColor);}
.cto-item .pop{position: absolute;top: 68px;padding: 0px 36px;height: 210px;gap: 44px;background: #FFFFFF;box-shadow: 0px 20px 40px 0px rgba(0,25,77,0.1);border-radius: 3px;border: 1px solid #E5E5E5;z-index: 4;align-items: center;display: none;animation: topFadeIn .3s;cursor: auto;right: 0;}
.cto-item .pop::before{content: '';width: 100%;height: 10px;top: -10px;left: 0;position: absolute;}
.cto-item .pop .item{line-height: 1;}
.cto-item .pop .item img{width: 120px;height: 120px;}
.cto-item .pop .item div{font-weight: 400;font-size: 12px;color: #999999;margin-top: 10px;text-align: center;}
.cto-item .pop .item div span{color: var(--themeColor);}
.c-nav{width: 100%;height: 50px;background: var(--themeColor);overflow: hidden;}
.cn-list{display: flex;flex-wrap: wrap;}
.cnl-item{width: 100px;height: 50px;border-radius: 6px;}
.cnl-item.active,.cnl-item:hover{font-weight: bold;background: var(--themeNavHover);}
.cnl-item .select{z-index: 2;}
.cnl-item .select .line{border-right: 1px solid #F2F3F5FF;display: flex;flex-direction: column;}
.cnl-item .select .line:last-of-type{border: 0px;}
.cnl-item .select a{box-sizing: border-box;}
.cnl-item .title{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #FFFFFF;}
.c-module{display: flex;gap: 9px;}
.cm-item{width: 293px;height: 100px;background: #FFFFFF;border-radius: 8px;display: flex;padding: 13px;box-sizing: border-box;align-items: center;gap: 19px;flex-grow: 1;flex-shrink: 0;}
.cmi-left{display: flex;flex-direction: column;align-items: center;}
.cmi-left img{width: 50px;height: 50px;}
.cmi-left:hover img{opacity: .8;}
.cmi-left span{font-weight: bold;font-size: 13px;color: #333333;}
.cmi-right{display: flex;gap: 10px;flex-wrap: wrap;}
.cmi-right .item{font-weight: 400;font-size: 13px;color: #333333;}
.c-adv{margin-top: 20px;display: block;}
.c-adv img{width: 100%;height: 100%;object-fit: cover;display: block;}
.c-news{display: flex;gap: 10px;margin-top: 20px;}
.cn-left{width: 300px;background: #FFFFFF;border-radius: 4px;}
.cnl-video{padding: 20px 20px 30px;border-bottom: 1px solid #F2F2F2;}
.cnl-video .title{display: flex;justify-content: space-between;align-items: baseline;}
.cnl-video .title .text{font-weight: bold;font-size: 18px;color: #212121;}
.cnl-video .title .more{font-weight: 400;font-size: 13px;color: #999999;cursor: pointer;}
.cnl-video .list{display: flex;flex-direction: column;gap: 18px;margin-top: 20px;}
.cnl-video .list .item .tip{font-weight: 400;font-size: 12px;color: #999999;margin-top: 4px;-webkit-line-clamp: 1;}
.cnl-video .list .item .name{font-weight: 400;font-size: 15px;color: #303033;margin-top: 8px;-webkit-line-clamp: 1;}
.cnl-video .list .item:hover .name{color: var(--themeColor);}
.cnl-video .list .item .video{width: 260px;height: 146px;border-radius: 4px;position: relative;overflow: hidden;}
.cnl-video .list .item .video::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: opacity .3s;background-color: black;}
.cnl-video .list .item:hover .video::before{opacity: .15;}
.cnl-video .list .item .video .poster{width: 100%;height: 100%;object-fit: cover;}
.cnl-video .list .item .video .pic{width: 48px;height: 48px;position: absolute;top: calc(50% - 24px);left: calc(50% - 24px);transition: all .3s;transform: scale(1.5);opacity: 0;}
.cnl-video .list .item:hover .video .pic{transform: scale(1);opacity: 1;}
.cnl-video .list .item .video .mask{width: 100%;height: 60px;background: linear-gradient(0deg, rgba(0,0,0,.8) 0%,transparent 100%);border-radius: 4px;display: flex;justify-content: space-between;align-items: flex-end;position: absolute;bottom: 0;left: 0;font-weight: 400;font-size: 12px;color: #CCCCCC;padding: 0px 8px 10px;box-sizing: border-box;}
.cnl-media{padding: 20px;}
.cnl-media .title{font-weight: bold;font-size: 14px;color: #333333;line-height: 1;}
.cnl-media .list{display: flex;flex-direction: column;gap: 26px;margin-top: 26px;}
.cnl-media .list .item{display: flex;align-items: center;gap: 10px;}
.cnl-media .list .item .logo{width: 46px;height: 46px;background: #FFFFFF;border-radius: 50%;border: 1.5px solid #FF8700;position: relative;flex-shrink: 0;padding: 2px;box-sizing: border-box;}
.cnl-media .list .item .logo .show{border-radius: 50%;width: 100%;height: 100%;object-fit: cover;}
.cnl-media .list .item .logo .pic{position: absolute;bottom: -1px;right: -1px;width: 14px;height: 14px;}
.cnl-media .list .item .name{flex: 1;}
.cnl-media .list .item .name .text{font-weight: 400;font-size: 14px;color: #303033;-webkit-line-clamp: 1;}
.cnl-media .list .item a:hover .name .text{color: var(--themeColor);}
.cnl-media .list .item .name .tip{font-weight: 400;font-size: 12px;color: #949599;-webkit-line-clamp: 1;}
.cnl-media .list .item .share{flex-shrink: 0;width: 54px;height: 22px;background: #FFF2F2;border-radius: 3px;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.cnl-media .list .item .share span{font-weight: 400;font-size: 12px;color: #F73E3E;}
.cnl-media .list .item .share img{width: 10px;height: 10px;margin-right: 2px;}
.cnl-media .list .item .share.has img{display: none;}
.cnl-media .list .item a{display: flex;gap: 10px;flex-grow: 1;align-items: center;}
.cn-right{flex: 1;display: flex;flex-direction: column;}
.cnr-top{padding: 0px 0px 20px 20px;background-color: white;}
.cnr-top .title{height: 70px;display: flex;align-items: center;padding-right: 20px;}
.cnr-top .title .label{margin-right: 15px;display: flex;align-items: center;}
.cnr-top .title .label img{width: 55px;height: 28px;}
.cnr-top .title .label svg{fill: var(--themeColor);}
.cnr-top .title .tip{display: flex;align-items: center;overflow: hidden;height: 20px;margin: 0;}
.cnr-top .title .tip .swiper-slide{display: flex;align-items: center;}
.cnr-top .title .tip a{font-weight: 400;font-size: 13px;color: #949599;-webkit-line-clamp: 1;line-height: 1;}
.cnr-top .title .tip svg{margin-right: 4px;flex-shrink: 0;fill: var(--themeColor);margin-top: 2px;}
.cnr-top .details{display: flex;}
.cnr-top .details .swiper{position: relative;height: 320px;overflow: hidden;flex-grow: 1;}
.cnr-top .details .swiper .swiper-slide{height: 100%;position: relative;display: block;}
.cnr-top .details .swiper .pagination{display: flex;position: absolute;bottom: 24px;right: 14px;width: auto;gap: 2px;z-index: 1;}
.hp-dot{width: 20px;height: 3px;background: #000000;opacity: 0.5;cursor: pointer;}
.hp-active{background: var(--themeColor);opacity: 1;}
.cnr-top .details .swiper .arrow{width: 40px;height: 40px;background: rgba(0,0,0,.4);border-radius: 50%;display: none;align-items: center;justify-content: center;position: absolute;top: calc(50% - 20px);z-index: 1;cursor: pointer;}
.cnr-top .details .swiper .arrow.left{left: 10px;animation: leftFadeIn .3s;}
.cnr-top .details .swiper .arrow.right{right: 10px;animation: rightFadeIn .3s;}
.cnr-top .details .swiper .arrow img{width: 16px;height: 16px;}
.cnr-top .details .swiper .arrow.right img{transform: rotateZ(180deg);}
.cnr-top .details .swiper .arrow:hover{background: rgba(0,0,0,.55);}
.cnr-top .details .swiper:hover .arrow{display: flex;}
.cnr-top .details .swiper .show{object-fit: cover;width: 100%;height: 100%;display: block;}
.cnr-top .details .swiper .mark{position: absolute;width: 24px;height: 14px;z-index: 1;}
.cnr-top .details .swiper .mark._0{top: 5px;left: 5px;}
.cnr-top .details .swiper .mark._1{top: 5px;right: 5px;}
.cnr-top .details .swiper .mark._2{bottom: 5px;left: 5px;}
.cnr-top .details .swiper .mark._3{bottom: 5px;right: 5px;}
.cnr-top .details .info{width: 330px;flex-shrink: 0;}
.cnr-top .details .info .item{height: 64px;display: flex;flex-direction: column;justify-content: center;cursor: pointer;padding-right: 20px;}
.cnr-top .details .info .item .name{font-weight: 400;font-size: 15px;color: #303033;padding-left:32px;position: relative;-webkit-line-clamp: 1;padding-right: 10px;}
.cnr-top .details .info .item .name::before{content: '';width: 5px;height: 5px;border-radius: 50%;background-color: #CCCCCC;position: absolute;top: 50%;transform: translateY(-50%);left: 18px;}
.cnr-top .details .info .item .tip{font-weight: 400;font-size: 12px;color: #999999;padding-left: 32px;-webkit-line-clamp: 1;}
.cnr-top .details .info .item.active,.cnr-top .details .info .item:hover{background: #F2F2F2;}
.cnr-top .details .info .item.active .name,.cnr-top .details .info .item:hover .name{color: var(--themeColor);}
.cnr-top .details .info .item.active .name::before,.cnr-top .details .info .item:hover .name::before{background: var(--themeColor);}
.cnr-bottom{margin-top: 10px;display: flex;flex: 1;background-color: white;line-height: 1;}
.cnr-bottom .left{flex-grow: 1;padding: 30px 25px;box-sizing: border-box;display: flex;flex-direction: column;gap: 22px;}
.cnr-bottom .left .title{margin-bottom: 12px;}
.cnr-bottom .left .title div{font-weight: bold;font-size: 18px;color: #212121;-webkit-line-clamp: 1;margin-bottom: 12px;}
.cnr-bottom .left .title:hover div,.cnr-bottom .left .title:hover font{color: var(--themeColor) !important;}
.cnr-bottom .left .title span{font-weight: 400;font-size: 12px;color: #949599;display: -webkit-box;-webkit-line-clamp: 1;word-break: break-all;-webkit-box-orient: vertical;overflow: hidden;}
.cnr-bottom .left .item{display: flex;align-items: center;gap: 10px;}
.cnr-bottom .left .item .type{font-weight: 400;font-size: 14px;color: #000000;flex-shrink: 0;display: flex;gap: 8px;align-items: center;}
.cnr-bottom .left .item .type:hover{color: #F76546;}
.cnr-bottom .left .item .type::before{width: 10px;height: 10px;background: rgba(252,76,39,0);border-radius: 50%;border: 3px solid #F76546;box-sizing: border-box;content: '';flex-shrink: 0;}
.cnr-bottom .left .item .text{font-weight: 400;font-size: 14px;color: #606166;-webkit-line-clamp: 1;}
.cnr-bottom .left .item .text:hover font{color: var(--themeColor) !important;}
.cnr-bottom .right{padding: 26px 20px 20px;flex-shrink: 0;width: 330px;border-left: 1px solid #F2F2F2;box-sizing: border-box;}
.cnr-bottom .right .title{display: flex;align-items: center;justify-content: space-between;}
.cnr-bottom .right .title .name{font-weight: bold;font-size: 18px;color: #212121;}
.cnr-bottom .right .title .exchange{display: flex;align-items: center;justify-content: center;cursor: pointer;}
.cnr-bottom .right .title .exchange .svg{display: flex;}
.cnr-bottom .right .title .exchange svg{fill: #999999;}
.cnr-bottom .right .title .exchange .rotate{animation: refresh .5s infinite linear;}
.cnr-bottom .right .title .exchange span{font-weight: 400;font-size: 12px;color: #999999;margin-left: 4px;}
.cnr-bottom .right .title .exchange:hover span{color: var(--themeColor);}
.cnr-bottom .right .title .exchange:hover svg{fill: var(--themeColor);}
.cnr-bottom .right .list{margin-top: 26px;display: flex;flex-direction: column;gap: 20px;}
.cnr-bottom .right .list .item{display: flex;align-items: baseline;}
.cnr-bottom .right .list .item .level{font-weight: 400;font-size: 14px;color: #B3B3B3;flex-shrink: 0;margin-right: 10px;}
.cnr-bottom .right .list .item.one .level{color: #FA463A;font-weight: bold;}
.cnr-bottom .right .list .item.two .level{color: #FB7B30;font-weight: bold;}
.cnr-bottom .right .list .item.three .level{color: #FFC940;font-weight: bold;}
.cnr-bottom .right .list .item .click{font-weight: 400;font-size: 12px;color: #999999;flex-shrink: 0;}
.cnr-bottom .right .list .item .text{flex: 1;margin-right: 30px;display: flex;align-items: baseline;}
.cnr-bottom .right .list .item .text span{font-weight: 400;font-size: 14px;color: #303033;display: -webkit-box;word-break: break-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cnr-bottom .right .list .item .text div{width: 18px;height: 18px;background: #FB7B30;border-radius: 2px;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 12px;color: #FFFFFF;margin-left: 4px;flex-shrink: 0;}
.cnr-bottom .right .adv{width: 100%;height: 105px;border-radius: 5px;overflow: hidden;margin-top: 22px;}
.cnr-bottom .right .adv img{object-fit: cover;}
.c-car{margin-top: 20px;display: flex;gap: 10px;}
.cc-tongcheng{width: 890px;flex-shrink: 0;background-color: white;}
.cct-title,.chp-title,.cjh-title,.cb-title,.ch-title{height: 80px;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;padding: 0px 20px;flex-shrink: 0;}
.cct-title .title,.cb-title .title,.ch-title .title{font-weight: bold;font-size: 20px; color: #333333;}
.cct-title .more,.chp-title .more,.cjh-title .more,.cb-title .more,.cp-title .more,.ch-title .more{font-weight: 400;font-size: 14px;}
.cct-title .more a,.chp-title .more a,.cjh-title .more a,.cb-title .more a,.cp-title .more a,.ch-title .more a{color: #999999;}
.cct-list{display: flex;gap: 14px 50px;flex-wrap: wrap;padding: 25px 20px;}
.cct-list .item{display: flex;align-items: baseline;width: calc(50% - 25px);}
.cct-list .item .type{font-weight: 400;font-size: 14px;color: #5B71AB;margin-right: 12px;flex-shrink: 0;}
.cct-list .item .type:hover{color: var(--themeColor);}
.cct-list .item .detail{display: flex;flex-grow: 1;}
.cct-list .item .text{display: flex;align-items: center;margin-right: 60px;flex-grow: 1;}
.cct-list .item .text span{font-weight: 400;font-size: 14px;color: #49494D;display: -webkit-box;word-break: break-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cct-list .item .text .label{width: 18px;height: 18px;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 12px;color: white;border-radius: 2px;margin-left: 5px;flex-shrink: 0;}
.cct-list .item .text .label.recommend{background: #24C789;}
.cct-list .item .text .label.hot{background: #FF6000;}
.cct-list .item .time{font-weight: 400;font-size: 12px;color: #999999;flex-shrink: 0;}
.cc-shunfeng{flex: 1;background-color: white;display: flex;flex-direction: column;border-radius: 4px;}
.ccs-title,.cha-title,.cjn-title{height: 80px;border-bottom: 1px solid #F2F2F2;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;padding: 0 16px;flex-shrink: 0;}
.ccs-title div,.cha-title div,.cjn-title div{font-weight: bold;font-size: 18px;color: #333333;}
.ccs-title .more,.cha-title .more,.cjn-title .more{font-weight: 400;font-size: 14px;color: #999999;}
.ccs-list{padding-bottom: 16px;height: 340px;display: flex;flex-direction: column;}
.ccs-list .itemA{border-bottom: 1px solid #F2F2F2;margin: 0px 20px;height: 85px;box-sizing: border-box;flex-shrink: 0;width: calc(100% - 40px);}
.ccs-list .item{display: flex;flex-direction: column;justify-content: center;height: 100%;}
.ccs-list .itemA:last-of-type{border-bottom: 0;}
.ccs-list .item .title{display: flex;align-items: center;gap: 6px;line-height: 1;}
.ccs-list .item .title span{font-weight: 400;font-size: 14px;color: #49494D;-webkit-line-clamp: 1;}
.ccs-list .item .title img{width: 34px;height: 10px;}
.ccs-list .item .tip{display: flex;align-items: center;margin-top: 10px;}
.ccs-list .item .tip .label{width: 48px;height: 22px;border-radius: 3px;border: 1px solid ;font-weight: 400;font-size: 12px;color: var(--themeColor);display: flex;align-items: center;justify-content: center;border-color: var(--themeBorderColor);}
.ccs-list .item .tip .time{font-weight: 400;font-size: 12px;color: #999999;margin-left: 6px;}
.ccs-list .fabu{width: 300px;height: 0px;background: linear-gradient(90deg, #F3FAFF 0%, #F5FCF9 100%);border-radius: 0px 0px 4px 4px;display: flex;align-items: center;justify-content: center;transition: height .2s;overflow: hidden;flex-shrink: 0;}
.ccs-list .fabu.show{height: 60px;}
.ccs-list .fabu svg{margin-right: 5px;fill: var(--themeColor);}
.ccs-list .fabu span{font-weight: bold;font-size: 14px;color: var(--themeColor);margin-right: 5px;}
.ccs-list .fabu div{font-weight: bold;font-size: 14px;color: #666767;}
.ccs-list .conList{display: flex;flex-direction: column;height: 340px;flex-grow: 1;overflow: hidden;}
.c-house{margin-top: 20px;display: flex;gap: 10px;min-height: 504px;}
.ch-post{width: 890px;flex-shrink: 0;background-color: white;display: flex;flex-direction: column;}
.chp-title,.cct-title{border-bottom: 1px solid #F2F2F2;}
.chp-title .tab,.cjh-title .tab{display: flex;gap: 30px;}
.chp-title .tab div,.cjh-title .tab div{font-weight: bold;font-size: 18px;color: #B3B3B3;position: relative;cursor: pointer;}
.chp-title .tab .active,.cjh-title .tab .active,.chp-title .tab div:hover,.cjh-title .tab div:hover{color: #333333;}
.chp-title .tab .active::before,.cjh-title .tab .active::before{content: '';background: var(--themeColor);background-size: cover;position: absolute;bottom: -10px;left: 50%;width: 20px;height: 10px;transform: translateX(-50%) scale(1);-webkit-mask-image: url(../images/arcGreen.svg);mask-image: url(../images/arcGreen.svg);animation: showIn .3s;transform-origin: 0 0}
.chp-list{padding: 24px 20px 28px;display: flex;gap: 28px 30px;flex-wrap: wrap;overflow: auto;}
.chp-list .item{display: flex;gap: 14px;width: calc(50% - 15px);}
.chp-list .item .picture{position: relative;width: 140px;height: 105px;border-radius: 5px;overflow: hidden;flex-shrink: 0;}
.chp-list .item .picture img{width: 100%;height: 100%;display: block;object-fit: cover;transform: scale(1);transition: transform .2s;}
.chp-list .item:hover .picture img{transform: scale(1.2);}
.chp-list .item .picture div{position: absolute;top: 6px;left: 6px;padding: 0px 8px;height: 22px;display: flex;align-items: center;font-weight: 400;font-size: 12px;color: #FFFFFF;border-radius: 3px;background: #525566;z-index: 1;}
.chp-list .item .picture .done{background: #BABCC8;}
.chp-list .item .picture .doing{background: #84C94C;}
.chp-list .item .info{display: flex;flex-direction: column;justify-content: space-between;flex-grow: 1;padding-bottom: 3px;}
.chp-list .item .info .title{font-weight: bold;font-size: 15px;color: #292A33;-webkit-line-clamp: 1;}
.chp-list .item:hover .info .title{color: var(--themeColor);}
.chp-list .item .info .address{display: flex;align-items: center;}
.chp-list .item .info .address img{width: 16px;height: 16px;margin-right: 2px;}
.chp-list .item .info .address span{display: flex;font-weight: 400;font-size: 12px;color: #999999;align-items: center;word-break: break-all;}
.chp-list .item .info .address span::before{content: '';width: 1px;height: 10px;background: #E6E6E6;margin: 0px 8px;}
.chp-list .item .info .address span:first-of-type::before{display: none;}
.chp-list .item .info .address .text{white-space: nowrap;}
.chp-list .item .info .address .addrName{display: -webkit-box;-webkit-line-clamp: 1;overflow: hidden;-webkit-box-orient: vertical;}
.chp-list .item .info .money{display: flex;align-items: baseline;gap: 6px;font-family: Arial;}
.chp-list .item .info .money div{font-weight: bold;font-size: 15px;color: #FA613E;}
.chp-list .item .info .money span{font-weight: 400;font-size: 12px;color: #999999;}
.chp-list .item .info .label{display: flex;gap: 6px;flex-wrap: wrap;height: 22px;overflow: hidden;width: 85%;}
.chp-list .item .info .label div{display: flex;align-items: center;justify-content: center;height: 22px;background: #F2F3F7;border-radius: 3px;padding: 0px 10px;font-weight: 400;font-size: 12px;color: #87A3C4;}
.ch-agent{flex: 1;background-color: white;display: flex;flex-direction: column;border-radius: 4px;overflow: hidden;}
.cha-title{flex-shrink: 0;}
.cha-list{flex: 1;padding: 26px 16px 0px;position: relative;}
.cha-list .swiper-slide{display: flex;gap: 34px;flex-direction: column;}
.cha-list .item{display: flex;align-items: center;justify-content: space-between;}
.cha-list .item .left{display: flex;}
.cha-list .item .picture{width: 64px;height: 64px;border-radius: 50%;margin-right: 16px;flex-shrink: 0;object-fit: cover;}
.cha-list .item .info{display: flex;flex-direction: column;margin-right: 13px;flex-grow: 1;justify-content: center;}
.cha-list .item .info .name{display: flex;align-items: center;gap: 4px;}
.cha-list .item .info .name span{font-weight: bold;font-size: 15px;color: #292A33;-webkit-line-clamp: 1;}
.cha-list .item .left:hover .info .name span{color: var(--themeColor);}
.cha-list .item .info .name img{width: 18px;height: 18px;}
.cha-list .item .info .name img:hover{opacity: .65;}
.cha-list .item .info .tip{font-weight: 400;font-size: 14px;color: #999999;display: -webkit-box;word-break: break-all;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cha-list .item .btn{display: flex;align-items: center;justify-content: center;width: 80px;height: 30px;background: var(--themeColor);border-radius: 4px;font-weight: 400;font-size: 14px;color: #FFFFFF;flex-shrink: 0;cursor: pointer;}
.cha-list .item .btn:hover{opacity: .85;}
.chal-pagination,.cjnl-pagination{position: absolute;bottom: 12px !important;left: 50%;transform: translateX(-50%);display: flex;gap: 4px;width: auto !important;}
.cha-dot,.cjn-dot{width: 4px;height: 4px;background: #E6E6E6;border-radius: 2px;transition: width .2s;cursor: pointer;}
.cha-active,.cjn-active{width: 8px;background: var(--themeColor);}
.c-job{display: flex;gap: 10px;margin-top: 20px;min-height: 560px;}
.cj-hot{width: 890px;background: #FFFFFF;border-radius: 4px;flex-shrink: 0;display: flex;flex-direction: column;}
.cj-normal{flex-grow: 1;background: #FFFFFF;border-radius: 4px;flex-direction: column;display: flex;}
.cjn-list{flex-grow: 1;padding: 15px 18px 25px;position: relative;overflow: hidden;}
.cjn-list .swiper-slide{display: flex;gap: 12px;flex-direction: column;}
.cjn-list .item{display: flex;gap: 8px;align-items: baseline;}
.cjn-list .item .type{font-weight: 400;font-size: 14px;color: var(--themeColor);flex-shrink: 0;}
.cjn-list .item .text{font-weight: 400;font-size: 14px;color: #666666;display: -webkit-box;overflow: hidden;word-break: break-all;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.cjn-list .item:hover .text{color: var(--themeColor);}
.cjn-btn{height: 63px;border-top: 1px solid #F2F2F2;display: flex;align-items: center;justify-content: center;flex-shrink: 0;}
.cjn-btn svg{margin-right: 8px;fill: var(--themeColor);}
.cjn-btn span{font-weight: 400;font-size: 14px;color: #666565;}
.cjn-btn div{color: var(--themeColor);font-weight: bold;font-size: 14px;}
.cjh-job,.cjh-resume{display: flex;overflow-y: auto;flex-wrap: wrap;height: 100%;}
.cjh-job .item{background-color: white;padding: 15px 18px 2px;border-top: 1px solid #F2F2F2;border-right: 1px solid #F2F2F2;width: 33.33%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;}
.cjh-job .item:nth-of-type(3n),.cjh-resume .item:nth-of-type(3n){border-right: 0;}
.cjh-firm .item .company:hover .info .name span,.cjh-firm .item .job:hover .text div{color: var(--themeColor);}
.cjh-job .item .title{font-weight: 400;font-size: 15px;color: #292A33;-webkit-line-clamp: 1;}
.cjh-job .item .money{font-weight: bold;font-size: 13px;color: #FA613E;margin-top: 7px;font-family: moneyNumber;}
.cjh-job .item .label{display: flex;gap: 6px;flex-wrap: wrap;margin-top: 8px;height: 22px;overflow: hidden;}
.cjh-job .item .label div{height: 22px;border-radius: 3px;border: 1px solid var(--themeBorderColor);font-weight: 400;font-size: 12px;color: var(--themeColor);padding: 0px 6px;box-sizing: border-box;-webkit-line-clamp: 1;line-height: 22px;}
.cjh-job .item .company{height: 48px;display: flex;align-items: center;border-top: 1px solid #F2F2F2;}
.cjh-job .item:nth-of-type(n+7) .company{padding-bottom: 4px;}
.cjh-job .item .company img{width: 20px;height: 20px;border-radius: 50%;object-fit: cover;margin-right: 6px;flex-shrink: 0;}
.cjh-job .item .company span{font-weight: 400;font-size: 12px;color: #999999;-webkit-line-clamp: 1;}
.cjh-job .item .company .companyItem:hover span{color: #292A33;}
.cjh-job .item .company .companyItem{display: flex;height: 100%;align-items: center;}
.cjh-resume .item{padding: 18px 20px 20px;border-top: 1px solid #F2F2F2;border-right: 1px solid #F2F2F2;width: 33.33%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: space-between;}
.cjh-resume .item .salary{height: 36px;background: #F7F7F7;border-radius: 4px;display: flex;align-items: center;padding-left: 16px;}
.cjh-resume .item .salary .text{font-weight: 400;font-size: 12px;color: #999999;}
.cjh-resume .item .salary .num{color: #4D4D4D;}
.cjh-resume .item .info{display: flex;gap: 14px;align-items: center;}
.cjh-resume .item .info:hover img{opacity: .85;}
.cjh-resume .item .info .picture{width: 64px;height: 64px;border-radius: 50%;object-fit: cover;flex-shrink: 0;}
.cjh-resume .item .info .name{font-weight: 400;font-size: 15px;color: #292A33;line-height: 1;-webkit-line-clamp: 1;}
.cjh-resume .item .info .age{display: flex;line-height: 1px;}
.cjh-resume .item .info .age{margin-top: 13px;}
.cjh-firm .item .company .info .text{margin-top: 14px;display: flex;}
.cjh-firm .item .company .info .text div{white-space: nowrap;}
.cjh-firm .item .company .info .text .last span{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;word-break: break-all;overflow: hidden;white-space: wrap;}
.cjh-resume .item .info .age span,.cjh-firm .item .company .info .text div{font-weight: 400;font-size: 12px;color: #999999;display: flex;align-items: center;}
.cjh-resume .item .info .age span::before,.cjh-firm .item .company .info .text div::before{content: '';width: 1px;height: 10px;background: #E6E6E6;margin: 0px 6px;}
.cjh-resume .item .info .age span:first-of-type::before,.cjh-firm .item .company .info .text div:first-of-type::before{display: none;}
.cjh-resume .item .info .label,.cjh-firm .item .company .info .label{display: flex;gap: 6px;flex-wrap: wrap;height: 22px;overflow: hidden;}
.cjh-resume .item .info .label{margin-top: 10px;}
.cjh-firm .item .company .info .label{margin-top: 12px;}
.cjh-resume .item .info .label div,.cjh-firm .item .company .info .label div{height: 22px;border-radius: 3px;border: 1px solid var(--themeBorderColor);padding: 0px 6px;font-weight: 400;font-size: 12px;color: var(--themeColor);box-sizing: border-box;-webkit-line-clamp: 1;line-height: 22px;}
.cjh-firm{display: flex;flex-wrap: wrap;height: 100%;}
.cjh-firm .item{background-color: white;padding: 18px 20px 0px;border-top: 1px solid #F2F2F2;border-right: 1px solid #F2F2F2;width: 50%;box-sizing: border-box;}
.cjh-firm .item .job{height: 50px;display: flex;align-items: center;border-top: 1px solid #F2F2F2;box-sizing: border-box;margin-top: 16px;}
.cjh-firm .item .job .salary{font-weight: bold;font-size: 14px;color: #FA613E;margin-right: 8px;font-family: moneyNumber;}
.cjh-firm .item .job .text{font-weight: 400;font-size: 13px;color: #999999;display: flex;}
.cjh-firm .item .job .text span{color: #4D4D4D;}
.cjh-firm .item .job .text div{width: 200px;-webkit-line-clamp: 1;}
.cjh-firm .item .company{display: flex;gap: 20px;justify-content: space-between;align-items: center;}
.cjh-firm .item .company .picture{width: 68px;height: 68px;background: #FFFFFF;border-radius: 6px;border: 1px solid #EEEEEE;box-sizing: border-box;overflow: hidden;flex-shrink: 0;}
.cjh-firm .item .company:hover .picture{opacity: .85;}
.cjh-firm .item .company .picture img{width: 100%;height: 100%;display: block;object-fit: contain;}
.cjh-firm .item .company .info .name{display: flex;align-items: center;line-height: 1;}
.cjh-firm .item .company .info .name span{font-weight: 400;font-size: 15px;color: #292A33;-webkit-line-clamp: 1;width: 85%;}
.cjh-firm .item .company .info .name div{width: 32px;height: 16px;background: #D9C29E;border-radius: 2px;font-weight: 400;font-size: 12px;color: #FFFFFF;display: flex;align-items: center;justify-content: center;margin-left: 5px;}
.c-buy{background-color: white;border-radius: 4px;overflow: hidden;margin-top: 20px;}
.cb-title{border-bottom: 0px;}
.cb-list,.cp-list,.cs-list{padding: 0px 20px 30px;display: flex;gap: 40px;}
.cbl-item,.cpl-item,.scl-item{line-height: 1;position: relative;}
.cbl-item::after,.cpl-item::after,.scl-item::after{content: '';position: absolute;top: 0;right: -20px;width: 1px;height: 150px;background: #F2F2F2;}
.cbl-item:last-of-type::after,.cpl-item:last-of-type::after,.scl-item:last-of-type::after{display: none;}
.cbl-item .picture,.cpl-item .picture{width: 200px;height: 150px;background: #FFFFFF;border-radius: 8px;overflow: hidden;}
.cbl-item .picture img,.cpl-item .picture img,.scl-item .picture img{object-fit: cover;width: 100%;height: 100%;display: block;transition: transform .2s;transform: scale(1);}
.cbl-item .title,.cpl-item .title,.scl-item .title{font-weight: 400;font-size: 14px;color: #313233;margin-top: 14px;-webkit-line-clamp: 1;}
.cbl-item:hover .picture img,.cpl-item:hover .picture img,.scl-item:hover .picture img{transform: scale(1.2);}
.cbl-item .money{display: flex;align-items: center;margin-top: 10px;gap: 8px;flex-wrap: wrap;}
.cbl-item .money .num{font-size: 20px;color: #FA613E;font-family: moneyNumber;}
.cbl-item .money .num span{font-size: 16px;}
.cbl-item .money .label{height: 22px;background: linear-gradient(90deg, #FF7D43 0%, #FF5736 100%);border-radius: 3px;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 12px;color: #FFFFFF;padding: 0px 8px;flex-shrink: 0;}
.cbl-item .sale{font-weight: 400;font-size: 12px;color: #999999;margin-top: 12px;}
.c-premium{margin-top: 20px;background: #FFFFFF;border-radius: 4px;}
.cp-title,.cs-title{height: 80px;display: flex;justify-content: space-between;align-items: center;padding: 0px 20px;}
.cp-left{display: flex;align-items: center;}
.cp-left .title{font-weight: bold;font-size: 20px;color: #333333;}
.cp-left .label{width: 84px;height: 22px;border-radius: 3px;border: 1px solid #FFAC7F;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 14px;color: #FF7300;margin-left: 8px;}
.cpl-item .price{display: flex;align-items: baseline;margin-top: 18px;flex-wrap: wrap;gap: 6px;}
.cpl-item .price .new{font-weight: normal;font-size: 20px;color: #FA613E;font-family: moneyNumber;}
.cpl-item .price .new span{font-size: 16px;}
.cpl-item .price .old{font-weight: 400;font-size: 14px;color: #999999;text-decoration: line-through;}
.c-scenery{height: 326px;background: #FFFFFF;border-radius: 4px;margin-top: 20px;}
.cst-left{display: flex;align-items: baseline;gap: 8px;}
.cst-left .title{font-weight: bold;font-size: 20px;color: #333333;}
.cst-left .tip,.cst-right{font-weight: 400;font-size: 14px;color: #999999;}
.scl-item .picture{position: relative;width: 200px;height: 150px;border-radius: 8px;border: 1px solid #EEEEEE;box-sizing: border-box;overflow: hidden;}
.scl-item .picture img{width: 100%;height: 100%;display: block;object-fit: cover;}
.scl-item .picture div{position: absolute;top: 0;left: 0;width: 52px;height: 22px;background: linear-gradient(90deg, #FFBF43 0%, #FFBA36 100%);border-radius: 3px;display: flex;align-items: center;justify-content: center;font-weight: 400;font-size: 12px;color: #FFFFFF;}
.scl-item .info{display: flex;margin-top: 18px;flex-wrap: wrap;gap: 4px;}
.scl-item .info .price{display: flex;align-items: baseline;}
.scl-item .info .price .symbol{font-size: 16px;color: #FA613E;}
.scl-item .info .price .num{font-size: 20px;color: #FA613E;font-family: moneyNumber;}
.scl-item .info .price .tip{font-size: 12px;color: #999999;}
.scl-item .info .label{height: 22px;background: var(--themeBtn);border-radius: 3px;padding: 0px 6px;font-weight: 400;font-size: 12px;color: var(--themeColor);display: flex;align-items: center;flex-shrink: 0;margin-top: 2px;}
.c-shop{min-height: 700px;background: #FFFFFF;border-radius: 4px;margin-top: 20px;display: flex;flex-direction: column;}
.ch-title{border-bottom: 0px;}
.cs-content{padding: 0px 10px 40px 20px;display: flex;gap: 20px;flex-grow: 1;overflow: hidden;}
.csc-label{display: flex;flex-direction: column;gap: 10px;}
.csc-label .top{flex-shrink: 0;width: 200px;height: 320px;background: url(../images/cardBg2.png) no-repeat;background-size: cover;border-radius: 6px;position: relative;}
.csc-label .top .btn{position: absolute;bottom: 38px;left: 50%;transform: translateX(-50%);width: 124px;height: 38px;background: #337FFF;box-shadow: 0px 3px 7px 0px rgba(141,156,180,0.19); border-radius: 19px;display: flex;align-items: center;justify-content: center;transition: all .2s;}
.csc-label .top:hover .btn{bottom: 48px;box-shadow: 0px 4px 10px 0px rgba(2,88,233,0.3);}
.csc-label .top .btn img{width: 18px;height: 18px;margin-right: 3px;}
.csc-label .top .btn span{font-weight: bold;font-size: 15px;color: #FFFFFF;}
.csc-label .bottom{flex-grow: 1;border-radius: 6px;background: url(../images/cardBg1.png) no-repeat;background-size: cover;line-height: 1;text-align: center;padding-top: 55px;}
.csc-label .bottom .title{font-weight: bold;font-size: 20px;color: #FFFFFF;}
.csc-label .bottom .tip{font-weight: 500;font-size: 15px;color: #FFFFFF;margin-top: 20px;}
.csc-label .bottom .btn{width: 124px;height: 38px;background: linear-gradient(-90deg, #FFD29F 0%, #FFE5CA 100%);box-shadow: 0px 3px 7px 0px rgba(141,156,180,0.1);border-radius: 19px;display: flex;align-items: center;justify-content: center;font-weight: bold;font-size: 15px;color: #573612;margin: 40px auto 0px;transition: all .2s;}
.csc-label .bottom:hover .btn{margin-top: 30px;box-shadow: 0px 4px 10px 0px rgba(255,213,167,0.4);}
.csc-list{display: flex;gap: 32px 16px;flex-wrap: wrap;align-content: flex-start;}
.csc-list .item{line-height: 1;width: 174px;}
.csc-list .item .picture{width: 174px;height: 118px;border-radius: 6px;border: 1px solid #EEEEEE;box-sizing: border-box;object-fit: cover;}
.csc-list .item:hover .picture{opacity: .9;}
.csc-list .item .title{font-weight: 400;font-size: 14px;color: #333333;margin-top: 12px;-webkit-line-clamp: 1;}
.csc-list .item:hover .title{color: var(--themeColor);font-weight: bold;}
.csc-list .item .tip{font-weight: 400;font-size: 12px;color: #999999;margin-top: 15px;-webkit-line-clamp: 1;width: 85%;}
.backTop{width: 70px;height: 70px;background: rgba(0,0,0,.25);border-radius: 50%;display: flex;align-items: center;justify-content: center;position: fixed;bottom: 100px;right: 80px;flex-direction: column;z-index: 3;cursor: pointer;transition: background .2s;}
.backTop:hover{background: rgba(0,0,0,.5);}
.backTop img{width: 24px;height: 24px;}
.backTop span{font-weight: 400;font-size: 12px;color: #FFFFFF;margin-top: 3px;line-height: 1;}
.c-right{position: fixed;top: 23%;right: 80px;width: 70px;background: #FFFFFF;box-shadow: 0px 0px 38px 0px rgba(0,56,99,0.06);border-radius: 35px;display: flex;flex-direction: column;padding: 10px 0px 20px;gap: 10px;z-index: 3;}
.cr-item{display: flex;flex-direction: column;justify-content: center;align-items: center;position: relative;cursor: pointer;}
.cr-item:hover .picture{background: var(--themeBackground);}
.cr-item .picture{width: 50px;height: 50px;border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.cr-item:hover .picture svg{fill: var(--themeColor);}
.cr-item .name{font-weight: 400;font-size: 12px;color: #999999;}
.cr-item:hover .name{color: var(--themeColor);}
.cr-item .pop{position: absolute;right: 80px;background: #FFFFFF;box-shadow: 0px 0px 38px 0px rgba(0,56,99,0.06);border-radius: 20px;animation: flipInXline .5s ease-out;display: none;cursor: auto;}
.cr-item .pop::after{content: '';position: absolute;width: 10px;top: 0;right: -10px;background-color: transparent;height: 100%;}
.cr-item:hover .pop{display: flex !important;}
.cr-item.kefu .pop{width: 440px;flex-direction: column;}
.cr-item.kefu .pop .title{height: 58px;display: flex;align-items: center;border-bottom: 1px solid #F2F2F2;box-sizing: border-box;padding: 0px 23px;}
.cr-item.kefu .pop .title svg{margin-right: 6px;fill: var(--themeColor);}
.cr-item.kefu .pop .title div{font-weight: bold;font-size: 18px;color: #333333;margin-right: 10px;}
.cr-item.kefu .pop .title span{font-weight: 400;font-size: 14px;color: #999999;}
.cr-item.kefu .pop .btnGrop{height: 75px;display: flex;align-items: center;gap: 30px;padding-left: 34px;}
.cr-item.kefu .pop .btnGrop a{width: 100px;height: 30px;background: var(--themeBackground);border-radius: 15px;border: 1px solid var(--themeColor);box-sizing: border-box;display: flex;align-items: center;justify-content: center;}
.cr-item.kefu .pop .btnGrop a svg{margin-right: 2px;fill: var(--themeColor);}
.cr-item.kefu .pop .btnGrop a span{font-weight: 400;font-size: 13px;color: var(--themeColor);}
.cr-item.kefu .pop .btnGrop a:hover{background: var(--themeColor);border-color: var(--themeColor);}
.cr-item.kefu .pop .btnGrop a:hover svg{filter: brightness(0%) invert(100%);}
.cr-item.kefu .pop .btnGrop a:hover span{color: white;}
.cr-item.phone .pop{width: 239px;height: 84px;align-items: center;justify-content: center;gap: 10px;animation: flipInXline2 .6s;}
.cr-item.phone .pop img{width: 28px;height: 28px;}
.cr-item.phone .pop svg{fill: var(--themeColor);}
.cr-item.phone .pop .tip{font-weight: 400;font-size: 14px;color: #999999;}
.cr-item.phone .pop .text{font-weight: bold;font-size: 18px;color: #333333;}
.cr-item.weixin .pop,.cr-item.mobile .pop{height: 220px;align-items: center;gap: 50px;padding: 0px 48px;}
.cr-item.weixin .pop .item,.cr-item.mobile .pop .item{text-align: center;}
.cr-item.weixin .pop .item img,.cr-item.mobile .pop .item img{width: 120px;height: 120px;}
.cr-item.weixin .pop .item div,.cr-item.mobile .pop .item div{font-weight: 400;font-size: 12px;color: #999999;margin-top: 10px;}
.cr-item.weixin .pop .item span,.cr-item.mobile .pop .item span{color: var(--themeColor);}
@keyframes rightFadeOut{
	0%{opacity:1;	transform:translateY(0px);}
	100%{opacity:0; transform:translateX(10px);}
}
@keyframes leftFadeOut{
	0%{opacity:1;	transform:translateY(0px);}
	100%{opacity:0; transform:translateX(-10px);}
}
@keyframes refresh{
	0%{transform:rotateZ(0deg)}
	100%{transform:rotateZ(360deg)}
}
@keyframes showIn{
	0%{transform: scale(0) translateX(-50%);}
	100%{transform: scale(1) translateX(-50%);}
}
@keyframes flipInXline{
	0%{transform:perspective(400px) rotateX(-30deg); opacity:0}
	40%{transform:perspective(400px) rotateX(6deg)}
	100%{transform:perspective(400px) rotateX(0deg); opacity:1}
}
@keyframes flipInXline2{
	0%{transform:perspective(400px) rotateX(-80deg); opacity:0}
	60%{transform:perspective(400px) rotateX(10deg)}
	90%{transform:perspective(400px) rotateX(-12deg)}
	100%{transform:perspective(400px) rotateX(0deg); opacity:1}
}
@keyframes bottomFadeOuts{
	0%{opacity:1;	transform:translateY(0px);}
	100%{opacity:0; transform:translateY(-10px);}
}