@font-face { font-family: 'poppins'; src: url(https://cache.whoshang.com/camnuvwche.ttf); }

* { box-sizing: border-box; }

body { margin: 0; }
body { font-family: 'poppins'; font-size: 12px; line-height: 24px; color: #333; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-tap-highlight-color: transparent; }

a { text-decoration: none; color: #333; }

.top { height: 65px; border-bottom: 1px solid #eee; background: white; }
    .top .bar { padding-left: 5px; }
        .top .bar > a { float: left; padding: 23px; }
            .top .bar > a:before { display: block; width: 18px; height: 18px; background: url(https://cache.whoshang.com/camnuvwche.svg); content: ""; }

        .top .bar .menu { float: right; padding-right: 10px; }
            .top .bar .menu a { display: inline-block; padding: 20px 10px; }

    .top .expand {}

        .top .expand .x { position: fixed; z-index: 4; width: 100%; height: 100%; background: white; }

.line { margin-top: -1px; border-bottom: 1px solid #ddd; }

.content { margin: 60px auto 0; width: 1020px; }

    .content > .expand { overflow: hidden; padding-bottom: 50px; }

        .content .expand .expand { float: left; width: 640px; }

            .content .expand .expand { float: left; width: 640px; }
                .content .expand .expand > a { position: absolute; margin-left: -55px; width: 40px; text-align: center; line-height: 38px; border-radius: 40px; border: 1px solid #eee; }

                .content .expand .expand h5 { display: block; margin: 0; padding-bottom: 15px; font-size: 15px; font-weight: normal; }

                .content .expand .expand e5 { display: block; width: 640px; }
                    .content .expand .expand e5 e1:nth-child(1) { float: left; }
                    .content .expand .expand e5 e1:nth-child(2) { float: right; margin-right: -5px; }
                        .content .expand .expand e5 e1 e { display: block; overflow: hidden; margin-bottom: 30px; width: 305px; border: 1px solid #eee; border-radius: 5px; }
                            .content .expand .expand e5 e e4 { overflow: hidden; display: block; padding-bottom: 20px; border-bottom: 1px dashed #eee; }
                            .content .expand .expand e5 e e4:last-child { border: none; }
                                .content .expand .expand e5 e1 e e4 e2 { float: left; padding: 20px 0 0 20px; font-size: 13px; }
                                    .content .expand .expand e5 e1 e e4 e2 span { display: block; margin-top: -5px; }
                                .content .expand .expand e5 e1 e e4 e3 { float: right; padding: 20px 20px 0 0; width: 240px; }

            .content .expand .bar { float: right; width: 340px; }

                .content .expand .bar a { position: absolute; margin-left: 320px; width: 40px; text-align: center; line-height: 38px; border-radius: 40px; border: 1px solid #eee; }

                .content .expand .bar c5 { display: block; padding-bottom: 5px; width: 305px; border: 1px solid #eee; border-radius: 5px; }
                    .content .expand .bar c5 c1 { display: block; text-align: center; line-height: 40px; border-bottom: 1px solid #eee; }
                    .content .expand .bar c5 c2 {  }
                        .content .expand .bar c5 c2 span { display: inline-block; width: 39.85px; line-height: 40px; text-align: center; }
                    .content .expand .bar c5 c3 {  }
                        .content .expand .bar c5 c3 span { display: inline-block; width: 39.85px; line-height: 40px; text-align: center; border-radius: 50%; }
                            .content .expand .bar c5 c3 span i { position: absolute; display: block; margin: -10px 0 0 17.5px; width: 5px; height: 5px; background-color: red; border-radius: 50%; }