@charset "utf-8"; .layout { width: 1200px; margin: 0 auto; overflow: hidden; } body { background-color: #fbf9fa; } body a:hover { color: #6caeef !important; } .content { margin-top: 20px; margin-bottom: 30px; } .container { margin-top: 20px; margin-bottom: 30px; } .fill .head .head-title { text-align: left; font-size: 24px; font-weight: bold; color: #6caeef; } .fill .head a { display: block; text-align: right; font-size: 14px; line-height: 20px; color: #999999; } .form-list { margin-top: 20px; } .form-list ul { border: 1px solid #e5e5e5; } .form-list .list-text { overflow: hidden; padding: 0 13px 0px 10px; border-bottom: 1px solid #e5e5e5; } .form-list .list-text span { float: left; font-size: 16px; font-weight: 600; color: #333333; line-height: 37px; } .form-list .list-text .list-text-one { width: 362px; } .form-list .list-text .list-text-two { width: 103px; } .form-list .list-text .list-text-three { width: 200px; } .form-list .list-text .list-text-four { width: 200px; } .form-list .list-text .list-text-five { width: 170px; } .form-list ul li { height: 75px; border: 1px solid #ffffff; } .form-list ul li:hover { border: 1px solid #6caeef; } .form-list ul li span { padding: 12px 13px 60px 10px; display: block; float: left; height: 50px; overflow: hidden; font-size: 14px; font-weight: 400; color: #333333; line-height: 27px; } .form-list ul li .list-text-bgd-one { width: 362px; } .form-list ul li .list-text-bgd-two { width: 103px; } .form-list ul li .list-text-bgd-three { width: 200px; } .form-list ul li .list-text-bgd-four { width: 200px; } .form-list ul li .list-text-bgd-five { width: 170px; border-right: none; padding-right: 5px; } .form-list ul li .list-text-bgd-six { width: 140px; border-right: none; } .form-list ul li .list-text-bgd-six a { margin-top: 9px; margin-right: 16px; } .form-list ul li .list-text-bgd-six .bag-2577fc { float: left; color: #ffffff; padding: 9px 20px; background-color: #6caeef; display: block; border-radius: 10px; } .form-list ul li .list-text-bgd-six .bag-ffffff { background-color: #b8b8b8; } .form-list ul li a { line-height: 14px; } .form-list ul li a:hover { color: #f1d23a !important; } .form-list ul .list-text-bgd { background-color: #edf6fe; } .text-list { width: 100%; border-top: none; overflow: hidden; } .text-list ul { padding-top: 12px; } .text-list ul li { line-height: 36px; overflow: hidden; } .text-list ul li:hover span { color: #6caeef; } .text-list ul li a { font-size: 18px; font-weight: 400; color: #666666; width: 85%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .text-list ul li a i { display: inline-block; font-style: normal; line-height: 24px; margin: 0 10px 0 3px; width: 5px; height: 5px; background: #6caeef; border-radius: 50% ; vertical-align: 4px; } .text-list ul li span { font-size: 17px; font-weight: 400; color: #999999; float: right; } .main { margin-top: -35px; } .notice-itme { width: 1270px; overflow: hidden; } .notice-itme .notice-list { width: 555px; float: left; margin-right: 70px; } .notice-itme .notice-list .head a { border-bottom: 1px solid #6caeef; padding-bottom: 10px; } .notice-itme .notice-list .text-list { padding: 0 24px 0 13px; } .head_page { width: 100%; height: 128px; position: relative; } .head_page .page-box { width: 915px; height: 70px; margin: 0 auto; box-shadow: 0px 0px 10px 0px #dfece1; border-radius: 4px; position: absolute; top: -35px; left: 50%; margin-left: -457px; background-color: #ffffff; border-left: 12px solid #6caeef; padding: 20px 0; } .head_page .page-box ul li { height: 40px; } .head_page .page-box ul li a { float: left; margin-left: 60px; width: 800px; display: block; font-size: 24px; font-weight: 400; color: #333333; line-height: 40px; letter-spacing: 1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; } .curriculum { margin-top: 20px; } .curriculum .curriculum-head { text-align: center; padding-bottom: 10px; border-bottom: 2px solid #cbcbcb; } .curriculum .curriculum-head span { font-size: 22px; font-weight: 400; color: #999999; line-height: 24px; cursor: pointer; display: inline-block; margin: 0 45px; position: relative; } .curriculum .curriculum-head .curriculum-active { color: #6caeef; font-weight: 600; } .curriculum .curriculum-head .curriculum-active:after { content: ""; position: absolute; background-color: #f1d23a; bottom: -12px; left: 0; width: 100%; height: 5px; } .curriculum .curriculum-list .tab_nav.on { display: block; } .curriculum .curriculum-list { overflow: hidden; } .curriculum .curriculum-list .tab_nav { display: none; margin-top: 60px; } .curriculum .curriculum-list ul { width: 1270px; } .curriculum .curriculum-list ul li { width: 358px; height: 221px; float: left; margin-right: 63px; margin-bottom: 46px; } .curriculum .curriculum-list ul li img { width: 100%; height: 100%; display: block; } .curriculum .curriculum-list .on li { width: 273px; height: 160px; float: left; margin-right: 32px; margin-bottom: 46px; } .curriculum .curriculum-list .on li img { width: 100%; height: 100%; display: block; } .training-itme .head a { border-bottom: 1px solid #6caeef; padding-bottom: 10px; } .training-itme .text-list { overflow: hidden; } .training-itme .text-list ul { width: 1270px; } .training-itme .text-list ul li { float: left; width: 555px; margin-right: 70px; } .statistics_tabs { margin: 0 auto; margin-top: 26px; width: 825px; height: 46px; border-bottom: 1px solid #f1d23a; } .tabs_ul { width: 1300px; } .tabs_ul .tabs_li { position: relative; margin-right: 20px; float: left; font-size: 18px; font-weight: 400; color: #999999; line-height: 46px; cursor: pointer; } .tabs_ul .tabs_li_active { font-weight: 400; color: #6caeef; } .tabs_ul .tabs_li_active:before { content: ""; position: absolute; bottom: 0px; width: 100%; height: 5px; background: #f1d23a; } .statistics_list_wrap { padding-top: 30px; width: 911px; margin: 0 auto; } .statistics_list_wrap .list { width: 100%; display: none; } .statistics_list_wrap .on { display: block; }