.ceping{margin-top: 3rem;}
.ceping .title{color: #333;background: #fff4eb;text-align: center;font-size: 1.1rem;font-weight: bold;padding: 0.85rem 0rem;}
.ceping .descs{padding: 1.5rem 2rem;font-size: 1rem;color: #89501d;line-height: 1.6rem;}
.ceping .MBTI-hld{display: flex;display: -webkit-flex;justify-content: space-between;padding: 1rem;}
.ceping .MBTI-hld .item{width: 40%;border-radius: 0.5rem;display: flex;display: -webkit-flex;flex-direction: column;align-items: center;padding:1rem;box-shadow: 0 2px 6px 0 rgba(0,0,0,0.4);}
.ceping .MBTI-hld .item:first-child{background: #8097fb;}
.ceping .MBTI-hld .item:last-child{background: #fb9480;}
.ceping .MBTI-hld .item span{color: #fff;font-size: 1.1rem;font-weight: bold;}
.ceping .MBTI-hld .item button{margin-top: 1rem;background: #fff;color: #ff6345;border: none;outline: none;border-radius: 0.5rem;padding: 0.3rem 0.8rem;font-size: 1rem;}
.ceping .MBTI-hld .item button i{margin-left: 0.5rem;}
.results{background: #fff;max-width: 680px;margin: 0 auto;box-sizing: border-box;margin-top: 10px;}
.results .head{display: flex;justify-content: space-between;padding: 0.8rem 1rem;border-bottom: 1px solid #f1f1f1;}
.results .head .active{color: #ff6345;}
.results .head span{margin-right: 0.5rem;font-size: 1rem;font-weight: bold;color: #333;}
.results .head .tip{font-size: 0.85rem;color: #b5b3b3;}
.results .head .tip label{color: #ff6345;margin-left: 0.2rem;}
.results .res{padding: 1rem;}
.results .res .no-data{text-align: center;padding: 0rem 3rem;}
.results .res .no-data img{width: 2rem;}
.results .res .no-data .tip{color: #89501d;padding: 0.5rem;margin-bottom: 3rem;border: 1px dashed #cdcdcd;border-radius: 0.5rem;}

.ceping-mbti{margin-top: 3rem;}
.ceping-mbti .descs{background: #fff;padding: 1rem;padding-bottom: 1.5rem;}
.ceping-mbti .descs .title{text-align: center;font-size: 1.1rem;color: #333;font-weight: bold;}
.ceping-mbti .descs .contents{margin-top: 1rem;padding: 1rem;background: #fff;border-radius: 0.5rem;color: gray;line-height: 1.6rem;box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);}
.ceping-mbti .yuanli{padding: 1rem;padding-bottom: 4rem;}
.ceping-mbti .yuanli .bg{text-align:center;margin-bottom: 1rem;display: flex;justify-content: center;align-items: center;}
.ceping-mbti .yuanli .bg span:first-child{width: 8.5rem;display: flex;height: 2px;background: linear-gradient(270deg, #f78434 0%,#fff 100%);}
.ceping-mbti .yuanli .bg span:nth-child(2){font-size: 1.1rem;background:#f78434;color: #fff;padding:0.3rem 1.5rem;border-radius: 2rem;}
.ceping-mbti .yuanli .bg span:last-child{width: 8.5rem;display: flex;height: 2px;background: linear-gradient(90deg, #f78434 0%,#fff 100%);}
.ceping-mbti .yuanli .desc{box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);padding: 1rem;border-radius: 0.5rem;color:#888;}
.ceping-mbti .yuanli .desc p{margin: 1rem 0rem;}
.ceping-mbti .yuanli .desc p:first-child{margin-top:0rem;}
.ceping-mbti .yuanli .desc p:last-child{margin-bottom: 0rem;}

.ceping-mbti .mbti-zyqx .title{background: linear-gradient(90deg, #FFFFFF 0%, #e8eaf7 51.04%, #FFFFFF 100%);text-align: center;padding: 0.5rem 0rem;font-weight: bold;color: #7a72a9;}
.ceping-mbti .mbti-zyqx .detail{display: flex;justify-content: space-between;padding: 0rem 0.5rem;color: #333;}
.ceping-mbti .mbti-zyqx .detail .item{width: 49%;}
.ceping-mbti .mbti-zyqx .detail .item .process{margin: 1rem 0.5rem;display: flex;justify-content: space-between;height: 1.8rem;line-height: 1.8rem;}
.ceping-mbti .mbti-zyqx .detail .item .process div{text-align: center;flex-grow: 1;margin-left: 1rem;background: #f1f1f1;position: relative;}
.ceping-mbti .mbti-zyqx .detail .right .process div{margin-left: 0;margin-right: 1rem;}
.ceping-mbti .mbti-zyqx .detail .item .process div span{height: 100%;display: inline-block;position: absolute;right: 0;}
.ceping-mbti .mbti-zyqx .detail .right .process div span{left: 0;right: unset;}
.ceping-mbti .mbti-zyqx .detail .process label{position: absolute;left: 0;right: 0;z-index: 1;}
.ceping-mbti .mbti-zyqx .detail .item .process div .color-zi{background: #9e8efb;}
.ceping-mbti .mbti-zyqx .detail .item .process div .color-zhong{background: #cc5200;}
.ceping-mbti .mbti-zyqx .detail .item .process div .color-lan{background: #55abff;}
.ceping-mbti .mbti-zyqx .detail .item .process div .color-lv{background: #4cd752;}
.ceping-mbti .mbti-zyqx .detail .item .process div .color-zi{background: #9e8efb;}
.ceping-mbti .mbti-zyqx .detail .item .process div .color-zhong{background: #cc5200;}
.ceping-mbti .mbti-zyqx .detail .item .process div .color-lan{background: #55abff;}
.ceping-mbti .mbti-zyqx .detail .item .process div .color-lv{background: #4cd752;}
.ceping-mbti .mbti-zyqx .desc{text-align: center;color: #cdcdcd;}
.ceping-mbti .mbti-zyqx .desc span{margin: 0rem 0.4rem;}
.ceping-mbti .mbti-zyqx .qx-desc{padding: 0rem 1rem;color: gray;padding-bottom: 4rem;}
.ceping-mbti .btn{width: 100%;max-width: 680px;text-align: center;padding: 0rem 1rem;box-sizing: border-box;z-index: 2;}
.ceping-mbti .btn button{width: 100%;background: #ff6345;color: #fff;border: none;outline: none;padding: 0.8rem 0rem;font-size: 1.1rem;border-radius: 2rem;}


.ceping-detail,.ceping-mbti-result{margin-top: 3rem;padding-bottom: 3rem;}
.ceping-detail .title,.ceping-mbti-result .title{text-align: center;background: rgb(255,247,248);padding: 0.8rem 0rem;color: #333;font-weight: bold;}
.ceping-detail .question{padding: 2rem;}
.ceping-detail .question .q-ask{color: #333;font-size: 1.1rem;font-weight: bold;}
.ceping-detail .question .q-answer{margin-top: 2rem;}
.ceping-detail .question .q-answer .item{width: 100%;box-sizing: border-box;padding: 0.8rem;background: #f2f3f5;margin: 2rem 0rem;border-radius: 0.5rem;text-align: center;}
.ceping-detail .pages{text-align: center;margin-top: 2rem;color: #999;}
@keyframes imgMove{to{transform:translateX(-1000px)}}
.fade-out{-webkit-animation:imgMove .6s;animation:imgMove .6s}
.ceping-detail .submits{text-align: center;color: #333;font-size: 1.1rem;font-weight: bold;margin-top: 5rem;padding: 2rem;}
.ceping-detail .submits .btn{margin-top: 5rem;}
.ceping-detail .submits .btn button{width: 90%;background: #ff6345;color: #fff;font-size: 1.1rem;padding: 0.8rem;border: none;outline: none;border-radius: 2rem;}
.ceping-detail .active{background: #f78434!important;color: #fff;}

.ceping-mbti-result .fenxi{padding: 1rem;color: #333;}
.ceping-mbti-result .fenxi .titles{display: flex;justify-content: space-between;align-items: center;}
.ceping-mbti-result .fenxi .titles span{padding-left: 0.5rem;border-left: 3px solid #ff6345;font-weight: bold;}
.ceping-mbti-result .fenxi .titles button{background: #f2f3f5;color: #ff5722;border: none;padding: 0.3rem 1rem;border-radius: 2rem;font-size: 1rem;}
.ceping-mbti-result .fenxi .sub-title{text-align: center;margin: 1rem 0rem;font-size: 1.1rem;color: #888;}
.ceping-mbti-result .fenxi .sub-title span{color: #ff6345;}
.ceping-mbti-result .fenxi .result-imgs{display: flex;justify-content: center;margin: 1rem 0rem;}
.ceping-mbti-result .fenxi .result-imgs .img{width: 4rem;height: 4.5rem;margin: 0.5rem;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.ceping-mbti-result .fenxi .result-imgs .img span{width: 4rem;text-align: center;color: #fff;}
.ceping-mbti-result .fenxi .result-imgs .img span:last-child{font-size: 0.85rem;}
.ceping-mbti-result .fenxi .result-descs{box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);padding: 1rem;border-radius: 0.5rem;margin: 2rem 0rem}
.ceping-mbti-result .fenxi .result-descs div{color: #666;line-height: 1.6rem;}
.ceping-mbti-result .fenxi .result-descs div span{font-weight: bold;color: #333;}
.ceping-mbti-result .fenxi .result-chart{}
.ceping-mbti-result .fenxi .mbti-zyqx .title{background: linear-gradient(90deg, #FFFFFF 0%, #e8eaf7 51.04%, #FFFFFF 100%);color: #7a72a9;border-radius: 0.5rem;}
.ceping-mbti-result .rec-majors{border:12px solid #f1f1f1;border-left: 0;border-right: 0;padding: 1rem;}
.ceping-mbti-result .rec-majors .title,.ceping-mbti-result .xingge-fenxi .title{background: linear-gradient(90deg, #FFFFFF 0%, #e8eaf7 51.04%, #FFFFFF 100%);text-align: center;padding: 0.5rem;color: #7a72a9;}
.ceping-mbti-result .xingge-fenxi{padding: 1rem;}

.ceping-hld .zhiye{margin-top: 1rem;margin-bottom: 2rem;}
.ceping-hld .zhiye span:first-child{color: #333;font-weight: bold;}
.hld-fenxi-list .titles{background: rgba(140,159,250,.16);width: 9rem;margin: 0 auto;display: flex;justify-content: flex-start;padding: 0.4rem;padding-left: 0.5rem;border-radius: 2rem;align-items: center;margin-top: 1rem;margin-bottom: 1rem;}
.hld-fenxi-list .titles div{width:1.8rem;height:1.8rem;line-height:1.8rem;text-align: center;border-radius: 50%;box-shadow: 0 2px 6px 0 rgba(136,142,252,0.7);font-weight: 600;color: #fff;background: linear-gradient(180deg,#c085ff,#667cf0);}
.hld-fenxi-list .titles span{margin-left: 1rem;color: #6f7df2;}