<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.jx {
    width: 375px;
    margin: 100px auto;
    display: block;
}
.jx .ysu{float:left;    margin-top: 0;}
.jx .ti {
    float: left;
    width: 100%;
    font-size: 18px;
    text-align: center;
    color: #2a2a2a;
    line-height: 36px;    margin-bottom: 6px;
}
.jx .y_info{line-height:24px;font-size: 14px;color: #999fb1;text-align: center;}
.jx .mfbtn{background: #00c8d5;width: 240px;height: 46px;    margin-left: 170px;display: inline-block;line-height: 46px;color: #fff;font-size: 16px;    margin-top: 36px;text-align: center;
    box-shadow: 0 2px 5px #dedede;
    float: right;margin-right: 70px;}
.L_transform{float: left;width: 375px;height: 310px;margin-top: 35px;}
.L_transform .trans_bg{position: relative;float: left;margin-left: 26px;width:300px;height:300px;}

.L_transform .bg_shade {
    background: url(../images/quan_bg.png) no-repeat;
    width: 419px;
    height: 390px;
    position: absolute;
    left: -56px;
    top: -39px;
}
.L_transform .trans_bg .circles{position: absolute;}

.trans_bg .topcircle{left:119px;top:-15px;}
.trans_bg .topcircle .pos{position: absolute;left: 65px;top: 10px;}
.trans_bg .active .pos span{color:#00c8d4;}
.trans_bg .leftcircle .pos{position:absolute;left:-28px;top:62px;}
.trans_bg .rightcircle .pos{position:absolute;left: -34px;top: 68px;}
.trans_bg .topcircle .pos span{width: 73px;display: inline-block;}
.trans_bg .leftcircle{left:8px;top:194px;}
.trans_bg .rightcircle{left: 256px;top: 153px;}

.trans_bg .pos{position:relative;width: 133px;}
.trans_bg .trio{color: #ffffff;font-size: 16px;text-align: center;margin: 0 auto;width: 60px;height: 60px;background: #00c8d4;position: absolute;border-radius: 50%;}
.trans_bg .trio p{width: 38px;margin-left: 11px;margin-top: 8px;}
.trans_bg .pos span{color: #999fb1;font-size: 14px;}
.trans_bg .circles.active .trio i{width:18px;height:18px;background: url(../images/quan_active.png) no-repeat;display: inline-block;position: absolute;top: 43px;left: 35px;}
.trans_bg .heart_box{width: 301px;display: inline-block;height: 300px;}
.trans_bg .heart_box .heart{position:absolute;width:88px;height:88px;background: url(../images/quan_circle.png) no-repeat;left: 105px;top: 105px;}
.trans_bg .heart_box .shan{width: 211px;height: 129px;background: url(../images/quan_rotate.png) no-repeat;top: 25px;left: 42px;position: absolute;
    -webkit-transform-origin: 107px 124px;
    transform-origin: 108px 124px;
    transform: rotate(0deg);
    animation: radar 5s linear infinite;
}
@keyframes radar{
    0%{
        transform: rotate(0deg);
    }
    50%{
        transform: rotate(180deg);
    }
    100%{
        transform: rotate(360deg);
    }
}
</pre></body></html>