
 <style type="text/css">
        * { box-sizing: border-box; -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none;font-family: "微软雅黑" }

        *:focus { outline: none; }

        html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; }

        body { margin: 0; font-size: 14px; line-height: 1.5; font-family: "微软雅黑",microsoft yahei; color: #333; background: #fff; }

        body, div, span, object, iframe, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, q, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, article, aside, dialog, figure, footer, header, hgroup, nav, section { padding: 0; margin: 0; }

        img { border: 0; vertical-align: middle; max-width: 100%; }

        .con { width: 90%; margin: 0 auto; margin-bottom: 100px; }

        .con-b { width: 95%; margin: auto; }

        .a-left { float: left; }

        .a-d-a1 { cursor: pointer }

        .text-a { width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 19px; color: black; text-align: center; font-weight: bold; margin: 30px auto; position: relative; }

        .text-a:before { content: ""; width: 30px; height: 20px; background-image: url(/InStudent/ZYB/zybpc/img/zyb-1.png); background-size: 100% 100%; position: absolute; bottom: 3px; left: -40px; }

        .text-a:after { content: ""; width: 30px; height: 20px; background-image: url(/InStudent/ZYB/zybpc/img/zyb-2.png); background-size: 100% 100%; position: absolute; bottom: 3px; right: -40px; }


        .a-a { width: 98%; margin: auto; }

        .a-a1 { width: -webkit-max-content; width: -moz-max-content; width: max-content; text-align: left; font-size: 18px; background-color: #FF9D38; color: white; height: 40px; line-height: 40px; border-radius: 60px 30px 30px 0px; padding: 0px 30px; font-weight: bold; }

        .a-a2 { position: relative;width: 900px; border-bottom: 1px dashed #FF9D38; margin: 15px auto; }

        .a-a2:before { content: "●"; color: #FF9D38; position: absolute; left: -13px; bottom: -13px; font-size: 20px; }

        .a-a2:after { content: "●"; color: #FF9D38; position: absolute; right: -5px; top: -17px; font-size: 20px; }

        .con-a1 .a-b { color: black; text-align: center; margin: 30px 0px; }

        .con-a1 .a-b p { line-height: 30px; }

        .con-a2 .a-b { color: black; text-align: left; margin: 30px 0px; }

        .con-a2 .a-b span { line-height: 30px; }

        .con-a2 .a-b1, .con-a2 .a-b2, .con-a2 .a-b3, .con-a2 .a-b4 { position: relative; margin-left: 60px; }

        .con-a2 .a-b1:before { content: "1"; color: #FF9D38; position: absolute; left: -40px; top: 0; border: 1px solid #FF9D38; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; font-weight: bold; }

        .con-a2 .a-b2:before { content: "2"; color: #FF9D38; position: absolute; left: -40px; top: 0; border: 1px solid #FF9D38; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; font-weight: bold; }

        .con-a2 .a-b3:before { content: "3"; color: #FF9D38; position: absolute; left: -40px; top: 0; border: 1px solid #FF9D38; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; font-weight: bold; }

        .con-a2 .a-b4:before { content: "4"; color: #FF9D38; position: absolute; left: -40px; top: 0; border: 1px solid #FF9D38; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 14px; font-weight: bold; }

        .con-a3 .a-b { margin: auto; height: 100px; display: table; }

        .con-a3 .a-left-18 { height: auto; background-color: #FDEED7; padding: 25px; text-align: center; border-radius: 10px; margin: 10px 10px; color: #E55927; font-weight: bold; }

        .con-a3 .a-c { width: 90%; margin: auto; }

        .con-a3 .a-c p { text-indent: 2em; }

        .con-a3 .a-c .a-c2 { margin-left: 120px; margin-top: 10px; position: relative; }

        .con-a3 .a-c .a-c2:before { content: "优学助您："; color: #FF9D38; position: absolute; left: -120px; top: 0; font-size: 16px; font-weight: bold; }

        .a-c2-a1, .a-c2-a2, .a-c2-a3 { position: relative; margin-bottom: 25px; }

        .con-a3 .a-c .a-c2 .a-c2-a1:before { content: ""; width: 30px; height: 30px; background-image: url(/InStudent/ZYB/zybpc/img/zyb-3.png); background-size: 100% 100%; position: absolute; bottom: -7px; left: -40px; }

        .con-a3 .a-c .a-c2 .a-c2-a2:before { content: ""; width: 30px; height: 30px; background-image: url(/InStudent/ZYB/zybpc/img/zyb-4.png); background-size: 100% 100%; position: absolute; bottom: -7px; left: -40px; }

        .con-a3 .a-c .a-c2 .a-c2-a3:before { content: ""; width: 30px; height: 30px; background-image: url(/InStudent/ZYB/zybpc/img/zyb-5.png); background-size: 100% 100%; position: absolute; bottom: -7px; left: -40px; }

        .con-a4 { margin-bottom: 40px; }

        .con-a4 .a-b { position: relative }

        .con-a4 .a-b .a-b-a { background-color: #FDEED7; width:1210px; height:35px; border-radius: 10px; padding-top:.30px}

        .con-a4 .a-b .a-b-a2, .con-a4 .a-b .a-b-a13, .con-a4 .a-b .a-b-a4, .con-a4 .a-b .a-b-a5 { padding: 10px 10px; }

        .con-a4 .a-b .a-b-a1 { background-color: #EC6941; border-radius: 10px 0 0 10px; padding: 3.6px 21px; color: white; font-weight: bold; font-size: 20px }

        .con-a4 .a-b .a-b-a2 { text-decoration: line-through; }

        .con-a4 .a-b .a-b-a3 { font-weight: bold; color: #EC6B43; font-size: 15px }

        .con-a4 .a-b .a-c-a { text-indent: 2em; margin: 10px 0; }

        .con-a4 .a-b .a-c-a .a-c-a1 { font-size: 16px; font-weight: bold; color: #FF9D38; }

        .con-a4 .a-b .a-d-a { position: absolute; right: 0px; top: 0px; }

        .con-a4 .a-c table { width: 100%; margin: auto; }

        .con-a4 .a-c table th, .con-a4 .a-c table td { border: 1px solid #DCDCDC; padding: 10px 10px; }

        .con-a4 .a-c .table-a1 { background-color: #D2D2D2; }

        .con-a4 .a-c .table-a1 th { color: white; }

        .con-a4 .a-c .table-a-td { text-align: center; font-weight: bold;font-size:15px;height:50px }

        .con-a4 .a-c .table-a-td2 { text-align: center; }
        .con-a4 .a-c .table-a-td3 { text-align: center;font-size:15px; }

        /*    .con-a4 .a-c td strong { text-align: center; }*/
        .table-a1-a1 { width: 20% }

        .table-a1-a2 { width: 60% }

        .table-a1-a3 { width: 20% }

        .fonth1 {   border-radius:50px 50px 50px 50px;background-color:antiquewhite;height:38px;width:400px;text-align:center;color:#EC6941;font-weight:bold;font-size:20px;font-style:italic }

           .fonth2 {   border-radius:50px 50px 50px 50px;background-color:antiquewhite;height:38px;width:300px;text-align:center;color:#EC6941;font-weight:bold;font-size:20px;font-style:italic }

        .h3font { text-indent:1em;font-style:italic;font-weight:bold;text-decoration:underline;text-decoration-color:#EC6941;text-decoration-thickness:3px }
    </style>