/*.leftContainer { background: #e4e4e4; width: 398px; display: inline-block; position: absolute; text-align: center; top: 98px; bottom: 0; } .leftContainer .circle { position: relative; width: 230px; height: 230px; border-radius: 50%; background: #a1d3a2; display: inline-block; margin-top: 50%; } .leftContainer .circle .circle1 { position: absolute; width: 194px; height: 194px; border-radius: 50%; background: #85c885; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .leftContainer .circle .circle2 { position: absolute; width: 156px; height: 156px; border-radius: 50%; background: #65b65a; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; line-height: 156px; } .leftContainer ul { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .leftContainer ul > li { margin-bottom: 30px; } .leftContainer ul > li:last-child { margin-bottom: 0; } .leftContainer .leftText { color: #34343D; }*/ /*---------px rem 分割线-----------*/ .leftContainer { background: #e4e4e4; width: 3.316666666666667rem; display: inline-block; position: absolute; text-align: center; top: 0.8166666666666667rem; bottom: 0; } .leftContainer .circle { position: relative; width: 1.9166666666666667rem; height: 1.9166666666666667rem; border-radius: 50%; background: #a1d3a2; display: inline-block; margin-top: 50%; } .leftContainer .circle .circle1 { position: absolute; width: 1.6166666666666667rem; height: 1.6166666666666667rem; border-radius: 50%; background: #85c885; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .leftContainer .circle .circle2 { position: absolute; width: 1.3rem; height: 1.3rem; border-radius: 50%; background: #65b65a; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; line-height: 1.3rem; } .leftContainer>div:first-child{ position: absolute; top: 50%; left: 50%; width: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .leftContainer .goBack{ position: relative; margin-bottom: 0.5555rem; line-height: 2; border: 1px solid; border-radius: 5px; left: 50%; transform: translateX(-50%); width: 60%; } .leftContainer ul { position: relative; } .leftContainer ul > li { margin-bottom: 0.25rem; line-height: 1.2; } .leftContainer ul > li:last-child { margin-bottom: 0; line-height: 1.4; padding: 0 0.3rem; } .leftContainer .leftText { color: #34343D; } /*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImluZGV4LmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtJQUNJLG9CQUFvQjtJQUNwQixhQUFhO0lBQ2Isc0JBQXNCO0lBQ3RCLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsVUFBVTtJQUNWLFVBQVU7Q0FDYjs7QUFFRDtJQUNJLG1CQUFtQjtJQUNuQixhQUFhO0lBQ2IsY0FBYztJQUNkLG1CQUFtQjtJQUNuQixvQkFBb0I7SUFDcEIsc0JBQXNCO0lBQ3RCLGdCQUFnQjtDQUNuQjs7QUFFRDtJQUNJLG1CQUFtQjtJQUNuQixhQUFhO0lBQ2IsY0FBYztJQUNkLG1CQUFtQjtJQUNuQixvQkFBb0I7SUFDcEIsU0FBUztJQUNULFVBQVU7SUFDVix5Q0FBaUM7WUFBakMsaUNBQWlDO0NBQ3BDOztBQUVEO0lBQ0ksbUJBQW1CO0lBQ25CLGFBQWE7SUFDYixjQUFjO0lBQ2QsbUJBQW1CO0lBQ25CLG9CQUFvQjtJQUNwQixTQUFTO0lBQ1QsVUFBVTtJQUNWLHlDQUFpQztZQUFqQyxpQ0FBaUM7SUFDakMsbUJBQW1CO0lBQ25CLG1CQUFtQjtDQUN0Qjs7QUFFRDtJQUNJLG1CQUFtQjtJQUNuQixTQUFTO0lBQ1Qsb0NBQTRCO1lBQTVCLDRCQUE0QjtDQUMvQjs7QUFFRDtJQUNJLG9CQUFvQjtDQUN2Qjs7QUFFRDtJQUNJLGlCQUFpQjtDQUNwQjs7QUFFRDtJQUNJLGVBQWU7Q0FDbEI7O0FBRUQsa0NBQWtDOztBQUVsQztJQUNJLG9CQUFvQjtJQUNwQiw0QkFBNEI7SUFDNUIsc0JBQXNCO0lBQ3RCLG1CQUFtQjtJQUNuQixtQkFBbUI7SUFDbkIsMkJBQTJCO0lBQzNCLFVBQVU7Q0FDYjs7QUFFRDtJQUNJLG1CQUFtQjtJQUNuQiw2QkFBNkI7SUFDN0IsOEJBQThCO0lBQzlCLG1CQUFtQjtJQUNuQixvQkFBb0I7SUFDcEIsc0JBQXNCO0lBQ3RCLGdCQUFnQjtDQUNuQjs7QUFFRDtJQUNJLG1CQUFtQjtJQUNuQiw2QkFBNkI7SUFDN0IsOEJBQThCO0lBQzlCLG1CQUFtQjtJQUNuQixvQkFBb0I7SUFDcEIsU0FBUztJQUNULFVBQVU7SUFDVix5Q0FBaUM7WUFBakMsaUNBQWlDO0NBQ3BDOztBQUVEO0lBQ0ksbUJBQW1CO0lBQ25CLGNBQWM7SUFDZCxlQUFlO0lBQ2YsbUJBQW1CO0lBQ25CLG9CQUFvQjtJQUNwQixTQUFTO0lBQ1QsVUFBVTtJQUNWLHlDQUFpQztZQUFqQyxpQ0FBaUM7SUFDakMsbUJBQW1CO0lBQ25CLG9CQUFvQjtDQUN2Qjs7QUFFRDtJQUNJLG1CQUFtQjtJQUNuQixTQUFTO0lBQ1Qsb0NBQTRCO1lBQTVCLDRCQUE0QjtDQUMvQjs7QUFFRDtJQUNJLHVCQUF1QjtDQUMxQjs7QUFFRDtJQUNJLGlCQUFpQjtDQUNwQjs7QUFFRDtJQUNJLGVBQWU7Q0FDbEIiLCJmaWxlIjoiaW5kZXguY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmxlZnRDb250YWluZXIge1xyXG4gICAgYmFja2dyb3VuZDogI2U0ZTRlNDtcclxuICAgIHdpZHRoOiAzOThweDtcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIHRvcDogOThweDtcclxuICAgIGJvdHRvbTogMDtcclxufVxyXG5cclxuLmxlZnRDb250YWluZXIgLmNpcmNsZSB7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICB3aWR0aDogMjMwcHg7XHJcbiAgICBoZWlnaHQ6IDIzMHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgYmFja2dyb3VuZDogI2ExZDNhMjtcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIG1hcmdpbi10b3A6IDUwJTtcclxufVxyXG5cclxuLmxlZnRDb250YWluZXIgLmNpcmNsZSAuY2lyY2xlMSB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICB3aWR0aDogMTk0cHg7XHJcbiAgICBoZWlnaHQ6IDE5NHB4O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgYmFja2dyb3VuZDogIzg1Yzg4NTtcclxuICAgIHRvcDogNTAlO1xyXG4gICAgbGVmdDogNTAlO1xyXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGUoLTUwJSwgLTUwJSk7XHJcbn1cclxuXHJcbi5sZWZ0Q29udGFpbmVyIC5jaXJjbGUgLmNpcmNsZTIge1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgd2lkdGg6IDE1NnB4O1xyXG4gICAgaGVpZ2h0OiAxNTZweDtcclxuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuICAgIGJhY2tncm91bmQ6ICM2NWI2NWE7XHJcbiAgICB0b3A6IDUwJTtcclxuICAgIGxlZnQ6IDUwJTtcclxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgbGluZS1oZWlnaHQ6IDE1NnB4O1xyXG59XHJcblxyXG4ubGVmdENvbnRhaW5lciB1bCB7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICB0b3A6IDUwJTtcclxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtNTAlKTtcclxufVxyXG5cclxuLmxlZnRDb250YWluZXIgdWwgPiBsaSB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAzMHB4O1xyXG59XHJcblxyXG4ubGVmdENvbnRhaW5lciB1bCA+IGxpOmxhc3QtY2hpbGQge1xyXG4gICAgbWFyZ2luLWJvdHRvbTogMDtcclxufVxyXG5cclxuLmxlZnRDb250YWluZXIgLmxlZnRUZXh0IHtcclxuICAgIGNvbG9yOiAjMzQzNDNEO1xyXG59XHJcblxyXG4vKi0tLS0tLS0tLXB4IHJlbSDliIblibLnur8tLS0tLS0tLS0tLSovXHJcblxyXG4ubGVmdENvbnRhaW5lciB7XHJcbiAgICBiYWNrZ3JvdW5kOiAjZTRlNGU0O1xyXG4gICAgd2lkdGg6IDMuMzE2NjY2NjY2NjY2NjY3cmVtO1xyXG4gICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xyXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gICAgdG9wOiAwLjgxNjY2NjY2NjY2NjY2NjdyZW07XHJcbiAgICBib3R0b206IDA7XHJcbn1cclxuXHJcbi5sZWZ0Q29udGFpbmVyIC5jaXJjbGUge1xyXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gICAgd2lkdGg6IDEuOTE2NjY2NjY2NjY2NjY2N3JlbTtcclxuICAgIGhlaWdodDogMS45MTY2NjY2NjY2NjY2NjY3cmVtO1xyXG4gICAgYm9yZGVyLXJhZGl1czogNTAlO1xyXG4gICAgYmFja2dyb3VuZDogI2ExZDNhMjtcclxuICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICAgIG1hcmdpbi10b3A6IDUwJTtcclxufVxyXG5cclxuLmxlZnRDb250YWluZXIgLmNpcmNsZSAuY2lyY2xlMSB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICB3aWR0aDogMS42MTY2NjY2NjY2NjY2NjY3cmVtO1xyXG4gICAgaGVpZ2h0OiAxLjYxNjY2NjY2NjY2NjY2NjdyZW07XHJcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICBiYWNrZ3JvdW5kOiAjODVjODg1O1xyXG4gICAgdG9wOiA1MCU7XHJcbiAgICBsZWZ0OiA1MCU7XHJcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcclxufVxyXG5cclxuLmxlZnRDb250YWluZXIgLmNpcmNsZSAuY2lyY2xlMiB7XHJcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICB3aWR0aDogMS4zcmVtO1xyXG4gICAgaGVpZ2h0OiAxLjNyZW07XHJcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbiAgICBiYWNrZ3JvdW5kOiAjNjViNjVhO1xyXG4gICAgdG9wOiA1MCU7XHJcbiAgICBsZWZ0OiA1MCU7XHJcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcclxuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcclxuICAgIGxpbmUtaGVpZ2h0OiAxLjNyZW07XHJcbn1cclxuXHJcbi5sZWZ0Q29udGFpbmVyIHVsIHtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIHRvcDogNTAlO1xyXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC01MCUpO1xyXG59XHJcblxyXG4ubGVmdENvbnRhaW5lciB1bCA+IGxpIHtcclxuICAgIG1hcmdpbi1ib3R0b206IDAuMjVyZW07XHJcbn1cclxuXHJcbi5sZWZ0Q29udGFpbmVyIHVsID4gbGk6bGFzdC1jaGlsZCB7XHJcbiAgICBtYXJnaW4tYm90dG9tOiAwO1xyXG59XHJcblxyXG4ubGVmdENvbnRhaW5lciAubGVmdFRleHQge1xyXG4gICAgY29sb3I6ICMzNDM0M0Q7XHJcbn1cclxuIl19 */