.pc-style .pc-img { display: block; } .pc-style .mobile-img { display: none; } .pc-style .out-box { margin: auto; width: 100%; /*background: #ffffff;*/ } .pc-style .page-head { /*overflow: hidden; zoom: 1;*/ } .pc-style .page-head .top-bar { background: #f7f7f7; border-bottom: 1px solid #e5e5e5; } .pc-style .page-head .top-bar .top-bar-inner { width: 1120px; margin: 0px auto; padding: 10px 0px; overflow: hidden; zoom: 1; } .pc-style .page-head .top-bar .logo { height: 30px; float: left; } .pc-style .page-head .top-bar .logo img { height: 30px; width: auto; display: block; } .pc-style .page-head .top-bar .login-status { float: right; line-height: 30px; } .pc-style .page-head .top-nav .top-nav-inner { width: 1120px; margin: 0px auto; } .pc-style .page-head .top-nav .top-nav-list { overflow: hidden; zoom: 1; text-align: center; } .pc-style .page-head .top-nav .top-nav-item { display: inline-block; vertical-align: top; } .pc-style .page-head .top-nav .top-nav-item a { display: block; vertical-align: top; line-height: 40px; padding: 0px 10px; white-space: nowrap; } .pc-style .page-head .top-banner { width: 100%; overflow: hidden; position: relative; } .pc-style .page-head .top-banner-inner { position: relative; width: 1920px; left: 50%; } .pc-style .page-head .top-banner-inner-img { width: 1920px; position: relative; margin-left: -960px; text-align: center; } .pc-style .page-head .top-banner-inner-img img { max-width: 100%; vertical-align: top; margin: 0px auto; } .pc-style .page-body { overflow: hidden; zoom: 1; } .pc-style .page-body .news { padding: 50px 0px; background: #ffffff; } .pc-style .page-body .news .new-inner { overflow: hidden; zoom: 1; width: 1120px; margin: 0px auto; } .pc-style .page-body .news .new-inner .exam-guide { width: 300px; float: left; box-sizing: border-box; border: 1px solid #e5e5e5; } .pc-style .page-body .news .new-inner .exam-guide .exam-guide-title { background: #f5f5f5; border-bottom: 1px solid #e5e5e5; padding: 10px; line-height: 20px; position: relative; } .pc-style .page-body .news .new-inner .exam-guide .exam-guide-title .title-text { font-size: 18px; font-weight: bold; color: #333333; display: block; padding-left: 10px; border-left: 5px solid #e53737; } .pc-style .page-body .news .new-inner .exam-guide .exam-guide-content { overflow: hidden; zoom: 1; height: 260px; } .pc-style .page-body .news .new-inner .exam-guide .exam-guide-content ul { padding: 10px; overflow: hidden; zoom: 1; } .pc-style .page-body .news .new-inner .exam-guide .exam-guide-content li { float: left; width: 50%; overflow: hidden; zoom: 1; } .pc-style .page-body .news .new-inner .exam-guide .exam-guide-content li a { background: #f5f5f5; text-align: center; display: block; padding: 10px 0px; margin: 10px; border-radius: 5px; } .pc-style .page-body .news .new-inner .exam-guide .exam-guide-content li a:hover { background: #e53737; color: #ffffff; } .pc-style .page-body .news .new-inner .exam-trend { width: 800px; float: right; box-sizing: border-box; border: 1px solid #e5e5e5; } .pc-style .page-body .news .new-inner .exam-trend .exam-trend-title { background: #f5f5f5; border-bottom: 1px solid #e5e5e5; padding: 10px; line-height: 20px; position: relative; } .pc-style .page-body .news .new-inner .exam-trend .exam-trend-title .title-text { font-size: 18px; font-weight: bold; color: #333333; display: block; padding-left: 10px; border-left: 5px solid #e53737; } .pc-style .page-body .news .new-inner .exam-trend .exam-trend-title .more { position: absolute; right: 10px; top: 10px; } .pc-style #divad{ display: none !important; } .pc-style .page-body .com-block-img { width: 100%; overflow: hidden; position: relative; } .pc-style .page-body .com-block-img .com-block-img-inner { width: 1920px; left: 50%; position: relative; } .pc-style .page-body .com-block-img .com-block-img-inner .com-block-img-box { width: 1920px; position: relative; margin-left: -960px; text-align: center; } .pc-style .page-body .com-block-img .com-block-img-inner .com-block-img-link { display: block; } .pc-style .page-body .com-block-img .com-block-img-inner .com-block-img-box img { max-width: 1920px; } .pc-style .page-body .news .new-inner .exam-trend .exam-trend-content { padding: 10px 20px; height: 240px; } .pc-style .page-body .news .new-inner .exam-trend .exam-trend-content .exam-trend-item { overflow: hidden; } .pc-style .page-body .news .new-inner .exam-trend .exam-trend-content .exam-trend-item a { display: block; position: relative; padding-right: 90px; padding-left: 10px; line-height: 30px; height: 30px; } .pc-style .page-body .news .new-inner .exam-trend .exam-trend-content .exam-trend-item a:before { content: ""; display: block; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 0px; top: 50%; margin-top: -2px; background: #888888; } .pc-style .page-body .news .new-inner .exam-trend .exam-trend-content .exam-trend-item .exam-trend-item-text { display: block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .pc-style .page-body .news .new-inner .exam-trend .exam-trend-content .exam-trend-item .exam-trend-item-time { position: absolute; right: 0px; top: 0px; color: #888888; } .pc-style .page-body .nav-table-block { background: #ffffff; padding: 50px 0px; } .pc-style .page-body .nav-table-block .nav-table-block-inner { width: 1120px; margin: 0px auto; } .pc-style .page-body .nav-table-block .nav-table-block-title { text-align: center; font-size: 32px; font-weight: bold; color: #e53737; margin-bottom: 30px; } .pc-style .page-body .nav-table-block .nav-table-head { margin-bottom: 20px; } .pc-style .page-body .nav-table-block .nav-list { overflow: hidden; zoom: 1; position: relative; margin-left: -5px; margin-right: -5px; } .pc-style .page-body .nav-table-block .nav-list li { width: 10%; float: left; } .pc-style .page-body .nav-table-block .nav-list li a { margin: 5px; border: 1px solid #e5e5e5; border-radius: 4px; display: block; background: #f5f5f5; font-size: 14px; text-align: center; padding: 10px 0px; color: #015293; } .pc-style .page-body .nav-table-block .nav-list li a:hover { background: #e53737; border: 1px solid #e53737; color: #ffffff; } .pc-style .page-body .nav-table-block .table-list { width: 100%; border: 1px solid #e5e5e5; } .pc-style .page-body .nav-table-block .table-list th { background: #015293; border: 1px solid #013966; color: #ffffff; text-align: center; padding: 10px; } .pc-style .page-body .nav-table-block .table-list td { background: #ffffff; border: 1px solid #e5e5e5; padding: 10px; } .pc-style .page-body .nav-table-block .table-list td a { color: #015293; } .pc-style .page-body .nav-table-block .table-list td a:hover { color: #e53737; } .pc-style .page-body .product-block { background: #015293; padding: 50px 0px; } .pc-style .page-body .product-block .product-block-inner { width: 920px; margin: 0px auto; } .pc-style .page-body .product-block .product-block-title { text-align: center; font-size: 32px; font-weight: bold; color: #ffffff; margin-bottom: 30px; } .pc-style .page-body .product-block .product-block-content { position: relative; } .pc-style .page-body .product-block .product-block-content .swiper-container { width: 100%; height: 100%; } .pc-style .page-body .product-block .product-block-content .swiper-slide { text-align: center; font-size: 18px; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .pc-style .page-body .product-block .product-block-content .swiper-slide .item { width: 100%; } .pc-style .page-body .product-block .product-block-content .swiper-button-next { right: -40px; left: auto; background: center center no-repeat; background-size: 100% 100%; } .pc-style .page-body .product-block .product-block-content .swiper-button-prev { left: -40px; right: auto; background: center center no-repeat; background-size: 100% 100%; } .pc-style .page-body .product-block .product-block-content-clickscoll { position: relative; } .pc-style .page-body .product-block .product-block-content-clickscoll .swiper-container { width: 960px; height: 286px; overflow: hidden; position: relative; margin-left: -20px; } .pc-style .page-body .product-block .product-block-content-clickscoll .swiper-wrapper { width: 1000em; position: absolute; } .pc-style .page-body .product-block .product-block-content-clickscoll .swiper-slide { float: left; width: 192px; height: 286px; text-align: center; font-size: 18px; display: block; } .pc-style .page-body .product-block .product-block-content-clickscoll .swiper-slide .item { margin: 0px 20px; } .pc-style .page-body .product-block .product-block-content-clickscoll .swiper-button-next { right: -40px; left: auto; background: center center no-repeat; background-size: 100% 100%; } .pc-style .page-body .product-block .product-block-content-clickscoll .swiper-button-prev { left: -40px; right: auto; background: center center no-repeat; background-size: 100% 100%; } .pc-style .page-body .product-block .item {} .pc-style .page-body .product-block .item .item-img-box { position: relative; display: block; margin-bottom: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } .pc-style .page-body .product-block .item .item-img-box:before { content: ""; display: block; width: 100%; padding-top: 142%; } .pc-style .page-body .product-block .item .item-img-box img { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .pc-style .page-body .product-block .item .item-video-img-box { background: center center; background-size: 100% 100%; } .pc-style .page-body .product-block .item .item-video-img-box img { position: absolute; left: 10%; top: 25%; width: 80%; height: auto; border: 2px solid #ffffff; box-sizing: border-box; } .pc-style .page-body .product-block .item .item-img-title a { color: #ffffff; display: block; font-size: 14px; line-height: 20px; height: 60px; text-align: left; } /*课程列表*/ .pc-style .page-body .course-block { padding: 50px 0px; background: #f5f5f5; } .pc-style .page-body .course-block .course-block-inner { width: 1120px; margin: 0px auto; } .pc-style #divcourselist { background: #ffffff; box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1); } .pc-style #divcourselist .courseblock { border-top: 3px solid #e53737; padding: 30px 50px 50px 50px } .pc-style #divcourselist .courseblocknoborder { border-top: none; } .pc-style #divcourselist .courset { text-align: center; font-size: 32px; color: #e53737; padding: 15px 0px; font-weight: normal; } .pc-style #divcourselist .subjectlist { overflow: hidden; zoom: 1; padding: 10px 10px 10px 60px; background: #f5f5f5; margin-bottom: 10px; position: relative; } .pc-style #divcourselist .subjectlist .t { position: absolute; left: 10px; top: 10px; line-height: 40px; font-size: 17px; font-weight: bold; } .pc-style #divcourselist .subjectlist ul { display: block; overflow: hidden; zoom: 1; } .pc-style #divcourselist .subjectlist ul li { float: left; overflow: hidden; zoom: 1; } .pc-style #divcourselist .subjectlist ul li a { display: block; padding: 5px 10px; line-height: 20px; font-weight: normal; color: #336699; white-space: nowrap; margin: 5px; background: #ffffff; border-radius: 5px; } .pc-style #divcourselist .subjectlist ul li a:hover { background: #336699; color: #ffffff; } .pc-style #divcourselist .subjectlist ul li a.selected { background: #e53737; color: #ffffff; } .pc-style #divcourselist table { width: 100%; border-collapse: collapse; border: 1px solid rgba(0, 0, 0, 0.1); } .pc-style #divcourselist table a { color: #336699; } .pc-style #divcourselist table a:hover{ color: #cc0000; text-decoration: underline; } .pc-style #divcourselist th { border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 20px; background: #fff9ec; font-weight: normal; text-align: center; } .pc-style #divcourselist .zikao-course-no{ width: 4em; } .pc-style #divcourselist .zikao-course-name{ width: 16em; } .pc-style #divcourselist td { border: 1px solid rgba(0, 0, 0, 0.1); padding: 15px 20px; background: #ffecee; } .pc-style #divcourselist td li { padding: 5px 0px 5px 10px; position: relative; font-size: 15px; } .pc-style #divcourselist td li .csstype { display: none; } .pc-style #divcourselist td li:before { content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #e53737; left: 0px; top: 15px; } .pc-style #divcourselist td li .quantao { font-weight: bold; color: #003399; } .pc-style #divcourselist td li .quantao .link-text { margin-right: 5px; } .pc-style #divcourselist td li .quantao:after { content: "精"; font-size: 12px; font-family: "宋体"; background: #ff3e3e; color: #ffffff; padding: 1px 3px; border-radius: 3px; display: inline-block; line-height: 16px; font-weight: normal; } .pc-style #divcourselist .subjectname { border: 1px solid rgba(0, 0, 0, 0.1); width: 200px; font-size: 15px; font-weight: bold; color: #e53737; } .pc-style #divcourselist .flag { background: ; vertical-align: middle; width: 13px; height: 13px; } .pc-style #divcourselist .hand { background: ; vertical-align: middle; width: 15px; height: 15px; } .pc-style #divcourselist .classdes { color: #008274; } .pc-style .page-body .book-block { background: #f5f5f5; padding: 50px 0px; } .pc-style .page-body .book-block .book-block-inner { width: 1020px; margin: 0px auto; } .pc-style .page-body .book-block .book-block-title { text-align: center; font-size: 32px; font-weight: bold; color: #e53737; margin-bottom: 30px; } .pc-style .page-body .book-block .book-list { overflow: hidden; zoom: 1; } .pc-style .page-body .book-block .book-list-column6 .book-item { width: 16.5%; float: left; } .pc-style .page-body .book-block .book-list-column5 .book-item { width: 20%; float: left; } .pc-style .page-body .book-block .book-list-column4 .book-item { width: 25%; float: left; } .pc-style .page-body .book-block .book-list-column3 .book-item { width: 33.3%; float: left; } .pc-style .page-body .book-block .book-list-column2 .book-item { width: 50%; float: left; } .pc-style .page-body .book-block .book-list .book-item-inner { display: block; margin: 10px; } .page-body .book-block .book-list .book-item-img-box { display: block; position: relative; margin-bottom: 10px; } .pc-style .page-body .book-block .book-list .book-item-img-box:before { content: ""; display: block; padding-top: 100%; } .pc-style .page-body .book-block .book-list .book-item-img-box img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .pc-style .page-body .book-block .book-list .book-item-des { display: block; } .pc-style .page-body .book-block .book-list .book-item-name { display: block; line-height: 20px; height: 60px; overflow: hidden; } /*自考样式*/ .pc-style #divcourselist .schoollist { background: #f5f5f5; padding: 10px; margin-bottom: 20px; } .pc-style #divcourselist .schoollist ul { display: block; overflow: hidden; zoom: 1; } .pc-style #divcourselist .schoollist li { float: left; width: 25%; box-sizing: border-box; } .pc-style #divcourselist .schoollist li a { display: block; background: left center no-repeat; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 5px; } .pc-style #divcourselist .schoollist li .selected { color: #cc0000; font-weight: bold; } .pc-style #divcourselist .schoolcourse { font-size: 18px; font-weight: bold; color: #ffffff; background: #e53737; padding: 10px; border-bottom: 1px solid #e5e5e5; } .pc-style #divcourselist .topclasslist { /* border: 2px solid #e53737; */ background: #ffecee; padding: 10px 10px; overflow: hidden; zoom: 1; margin-bottom: 20px; } .pc-style #divcourselist .topclasslist ul { display: block; overflow: hidden; zoom: 1; text-align:center; } .pc-style #divcourselist .topclasslist li { padding: 10px; display: inline-block; vertical-align: middle; } .pc-style #divcourselist .topclasslist li a { display: block; padding: 10px 30px; line-height: 20px; font-weight: bold; white-space: nowrap; color: #336699; background: #ffffff; border-radius: 4px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1); font-size: 18px; } .pc-style #divcourselist .topclasslist li .selected { background: #e53737; color: #ffffff; } .pc-style #divcourselist .schoolcourse { font-size: 18px; font-weight: bold; color: #ffffff; background: #e53737; padding: 10px; border-bottom: 1px solid #e5e5e5; } .pc-style #bot .botlink { width: 1120px; box-sizing: border-box; display: none; } .bot .webinfo .otherlink{ display: none; } .pc-style #bot .botlink .item { width: 16.5%; box-sizing: border-box; } .pc-style #bot .botlink .item li a { margin: 0px; } /*手机端样式表开始*/ /*原网站头部和底部样式表 begin*/ .mobile-style #bot { padding: 16px; display: none; } .mobile-style .bot .bot-inner { width: auto; } .mobile-style #bot .botlink { display: none; } .mobile-style #bot .webinfo { width: 100%; margin: 0px auto; } .mobile-style #bot .webinfo .otherlink { display: none; } .mobile-style #bot .webinfo .botmain { margin: 0px auto; background: #ffffff; padding: 0px; font-size: 12px; color: #999999; } .mobile-style #bot .webinfo .botmain .code { display: none; } .mobile-style .btnbacktop { display: none !important; } .mobile-style #scweb { position: relative; z-index: 6000; } .mobile-style .scwebnavtipsmask { background: #000000; width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; z-index: 6000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; } .mobile-style .scwebnavtipsimg { position: absolute; left: 70px; top: 0px; z-index: 6003; cursor: pointer; } .mobile-style #top { font-size: 12px; } .mobile-style #top .top-bar { display: none; } .mobile-style #top .header { padding: 16px; } .mobile-style #top .header .header-inner { width: auto; } .mobile-style #top .header .logo-box { display: block; text-align: center; float: none; width: auto; height: auto; padding: 0px; } .mobile-style #top .header .logo-box .logo { height: 40px; display: block; margin: 0px auto; } .mobile-style #top .header-focus { display: none; } .mobile-style #top .contact-us { display: none; } .mobile-style #top .nav { display: none; } .mobile-style .comtopad { display: none; } /*原网站头部和底部样式表 end*/ .mobile-style .pc-img { display: none; } .mobile-style .mobile-img { display: block; } .mobile-style .out-box { margin: auto; width: 100%; /*background: #ffffff;*/ } .mobile-style .top-bar{ display: none; } .mobile-style .page-head { overflow: hidden; zoom: 1; } .mobile-style .page-head .top-bar { background: #f7f7f7; border-bottom: 1px solid #e5e5e5; } .mobile-style .page-head .top-bar .top-bar-inner { padding: 10px 16px; overflow: hidden; zoom: 1; } .mobile-style .page-head .top-bar .logo { height: 30px; text-align: center; float: left; } .mobile-style .page-head .top-bar .logo img { height: 30px; width: auto; display: block; margin: 0px auto; } .mobile-style .page-head .top-bar .login-status { float: right; line-height: 30px; max-width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 30px; ; } .mobile-style .page-head .top-nav .top-nav-inner { width: 100%; margin: 0px auto; } .mobile-style .page-head .top-nav .top-nav-list { overflow: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; white-space: nowrap; padding: 0px 10px; } .mobile-style .page-head .top-nav .top-nav-item { display: inline-block; vertical-align: top; } .mobile-style .page-head .top-nav .top-nav-item a { display: block; vertical-align: top; line-height: 40px; padding: 0px 10px; white-space: nowrap; } .mobile-style .page-head .top-banner { width: 100%; overflow: hidden; position: relative; } .mobile-style .page-head .top-banner-inner { position: relative; } .mobile-style .page-head .top-banner-inner-img { position: relative; text-align: center; } .mobile-style .page-head .top-banner-inner-img img { max-width: 100%; vertical-align: top; margin: 0px auto; } .mobile-style .page-body { overflow: hidden; zoom: 1; } .mobile-style .page-body .news { padding: 16px; background: #ffffff; } .mobile-style .page-body .news .new-inner { overflow: hidden; zoom: 1; } .mobile-style .page-body .news .new-inner .exam-guide { box-sizing: border-box; border: 1px solid #e5e5e5; margin-bottom: 16px; } .mobile-style .page-body .news .new-inner .exam-guide .exam-guide-title { background: #f5f5f5; border-bottom: 1px solid #e5e5e5; padding: 10px; line-height: 20px; position: relative; } .mobile-style .page-body .news .new-inner .exam-guide .exam-guide-title .title-text { font-size: 18px; font-weight: bold; color: #333333; display: block; padding-left: 10px; border-left: 5px solid #e53737; } .mobile-style .page-body .news .new-inner .exam-guide .exam-guide-content { overflow: hidden; zoom: 1; } .mobile-style .page-body .news .new-inner .exam-guide .exam-guide-content ul { padding: 5px; overflow: hidden; zoom: 1; } .mobile-style .page-body .news .new-inner .exam-guide .exam-guide-content li { float: left; width: 50%; overflow: hidden; zoom: 1; } .mobile-style .page-body .news .new-inner .exam-guide .exam-guide-content li a { background: #f5f5f5; text-align: center; display: block; padding: 10px 0px; margin: 5px; border-radius: 5px; } .mobile-style .page-body .news .new-inner .exam-guide .exam-guide-content li a:hover { background: #e53737; color: #ffffff; } .mobile-style .page-body .news .new-inner .exam-trend { box-sizing: border-box; border: 1px solid #e5e5e5; } .mobile-style .page-body .news .new-inner .exam-trend .exam-trend-title { background: #f5f5f5; border-bottom: 1px solid #e5e5e5; padding: 10px; line-height: 20px; position: relative; } .mobile-style .page-body .news .new-inner .exam-trend .exam-trend-title .title-text { font-size: 18px; font-weight: bold; color: #333333; display: block; padding-left: 10px; border-left: 5px solid #e53737; } .mobile-style .page-body .news .new-inner .exam-trend .exam-trend-title .more { position: absolute; right: 10px; top: 10px; } .mobile-style #divad{ display: none !important; } .mobile-style .page-body .com-block-img { width: 100%; overflow: hidden; position: relative; } .mobile-style .page-body .com-block-img .com-block-img-inner { position: relative; padding: 0px 16px; } .mobile-style .page-body .com-block-img .com-block-img-inner .com-block-img-box { position: relative; text-align: center; } .mobile-style .page-body .com-block-img .com-block-img-inner .com-block-img-link { display: block; } .mobile-style .page-body .com-block-img .com-block-img-inner .com-block-img-box img { max-width: 100%; } .mobile-style .page-body .news .new-inner .exam-trend .exam-trend-content { padding: 10px 20px; } .mobile-style .page-body .news .new-inner .exam-trend .exam-trend-content .exam-trend-item { overflow: hidden; } .mobile-style .page-body .news .new-inner .exam-trend .exam-trend-content .exam-trend-item a { display: block; position: relative; padding-right: 90px; padding-left: 10px; line-height: 30px; height: 30px; } .mobile-style .page-body .news .new-inner .exam-trend .exam-trend-content .exam-trend-item a:before { content: ""; display: block; width: 4px; height: 4px; border-radius: 100%; position: absolute; left: 0px; top: 50%; margin-top: -2px; background: #888888; } .mobile-style .page-body .news .new-inner .exam-trend .exam-trend-content .exam-trend-item .exam-trend-item-text { display: block; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .mobile-style .page-body .news .new-inner .exam-trend .exam-trend-content .exam-trend-item .exam-trend-item-time { position: absolute; right: 0px; top: 0px; color: #888888; } .mobile-style .page-body .nav-table-block { background: #ffffff; padding: 16px; } .mobile-style .page-body .nav-table-block .nav-table-block-inner { margin: 0px auto; } .mobile-style .page-body .nav-table-block .nav-table-block-title { text-align: center; font-size: 20px; font-weight: bold; color: #e53737; margin-bottom: 16px; } .mobile-style .page-body .nav-table-block .nav-table-head { margin-bottom: 16px; } .mobile-style .page-body .nav-table-block .nav-list { overflow: hidden; zoom: 1; position: relative; margin-left: -5px; margin-right: -5px; } .mobile-style .page-body .nav-table-block .nav-list li { width: 20%; float: left; } .mobile-style .page-body .nav-table-block .nav-list li a { margin: 5px; border: 1px solid #e5e5e5; border-radius: 4px; display: block; background: #f5f5f5; font-size: 16px; text-align: center; padding: 10px 0px; color: #015293; } .mobile-style .page-body .nav-table-block .nav-list li a:hover { background: #e53737; border: 1px solid #e53737; color: #ffffff; } .mobile-style .page-body .nav-table-block .table-box { overflow: auto; -webkit-overflow-scrolling: touch; } .mobile-style .page-body .nav-table-block .table-list { min-width: 100%; border: 1px solid #e5e5e5; } .mobile-style .page-body .nav-table-block .table-list th { background: #015293; border: 1px solid #013966; color: #ffffff; text-align: center; padding: 10px; white-space: nowrap; } .mobile-style .page-body .nav-table-block .table-list td { background: #ffffff; border: 1px solid #e5e5e5; padding: 10px; } .mobile-style .page-body .nav-table-block .table-list td a { color: #015293; } .mobile-style .page-body .nav-table-block .table-list td a:hover { color: #e53737; } .mobile-style .page-body .product-block { background: #015293; padding: 16px 0px; } .mobile-style .page-body .product-block .product-block-inner { margin: 0px auto; padding: 0px 40px; } .mobile-style .page-body .product-block .product-block-title { text-align: center; font-size: 20px; font-weight: bold; color: #ffffff; margin-bottom: 16px; } .mobile-style .page-body .product-block .product-block-content { position: relative; } .mobile-style .page-body .product-block .product-block-content .swiper-container { width: 100%; height: 100%; } .mobile-style .page-body .product-block .product-block-content .swiper-slide { text-align: center; font-size: 18px; /* center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .mobile-style .page-body .product-block .product-block-content .swiper-button-next { right: -40px; left: auto; background: center center no-repeat; background-size: 50% 50%; } .mobile-style .page-body .product-block .product-block-content .swiper-button-prev { left: -40px; right: auto; background: center center no-repeat; background-size: 50% 50%; } .mobile-style .page-body .product-block .item {} .mobile-style .page-body .product-block .item .item-img-box { position: relative; display: block; margin-bottom: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); } .mobile-style .page-body .product-block .item .item-img-box:before { content: ""; display: block; width: 100%; padding-top: 142%; } .mobile-style .page-body .product-block .item .item-img-box img { display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .mobile-style .page-body .product-block .item .item-video-img-box { background: center center; background-size: 100% 100%; } .mobile-style .page-body .product-block .item .item-video-img-box img { position: absolute; left: 10%; top: 25%; width: 80%; height: auto; border: 2px solid #ffffff; box-sizing: border-box; } .mobile-style .page-body .product-block .item .item-img-title a { color: #ffffff; display: block; font-size: 12px; line-height: 16px; height: 48px; text-align: left; } /*课程列表*/ .mobile-style .page-body .course-block { padding: 16px; background: #ffffff; } .mobile-style .page-body .course-block .course-block-inner { margin: 0px auto; } .mobile-style .course-table-box { overflow: auto; -webkit-overflow-scrolling: touch; } .mobile-style #divcourselist .courseblock { padding:10px 0px; } .mobile-style #divcourselist .courset { text-align: center; font-size: 20px; color: #e53737; padding: 8px 0px; font-weight: normal; } .mobile-style #divcourselist .subjectlist { overflow: hidden; zoom: 1; padding: 10px 10px 10px 50px; background: #f5f5f5; margin-bottom: 10px; position: relative; } .mobile-style #divcourselist .subjectlist .t { position: absolute; left: 10px; top: 10px; line-height: 40px; } .mobile-style #divcourselist .subjectlist ul { display: block; overflow: hidden; zoom: 1; } .mobile-style #divcourselist .subjectlist ul li { float: left; overflow: hidden; zoom: 1; } .mobile-style #divcourselist .subjectlist ul li a { display: block; padding: 5px 10px; line-height: 20px; font-weight: normal; color: #336699; white-space: nowrap; margin: 5px; background: #ffffff; border: 1px solid #e5e5e5; border-radius: 5px; } .mobile-style #divcourselist .subjectlist ul li a:hover { border: 1px solid #e53737; color: #e53737; } .mobile-style #divcourselist .subjectlist ul li a.selected { background: #e53737; border: 1px solid #e53737; color: #ffffff; } .mobile-style #divcourselist table { width: 100%; border-collapse: collapse; border: 1px solid rgba(0, 0, 0, 0.1); } .mobile-style #divcourselist table a { color: #336699; } .mobile-style #divcourselist th { border: 1px solid rgba(0, 0, 0, 0.1); padding: 5px 20px; background: #fff9ec; font-weight: normal; text-align: center; } .mobile-style #divcourselist .zikao-course-no{ width: 4em; } .mobile-style #divcourselist .zikao-course-name{ width: auto; } .mobile-style #divcourselist td { border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px 15px; background: #ffecee; } .mobile-style #divcourselist td li { padding: 5px 0px 5px 10px; position: relative; font-size: 15px; } .mobile-style #divcourselist td li .csstype { display: none; } .mobile-style #divcourselist td li:before { content: ""; display: block; position: absolute; width: 4px; height: 4px; border-radius: 100%; background: #e53737; left: 0px; top: 15px; } .mobile-style #divcourselist td li .quantao { font-weight: bold; color: #003399; } .mobile-style #divcourselist td li .quantao .link-text { margin-right: 5px; } .mobile-style #divcourselist td li .quantao:after { content: "精"; font-size: 12px; font-family: "宋体"; background: #ff3e3e; color: #ffffff; padding: 1px 3px; border-radius: 3px; display: inline-block; line-height: 16px; font-weight: normal; } .mobile-style #divcourselist .subjectname { border: 1px solid rgba(0, 0, 0, 0.1); font-size: 15px; font-weight: bold; color: #e53737; width: 20%; } .mobile-style #divcourselist .flag { background: ; vertical-align: middle; width: 13px; height: 13px; } .mobile-style #divcourselist .hand { background: ; vertical-align: middle; width: 15px; height: 15px; } .mobile-style #divcourselist .classdes { color: #008274; } .mobile-style .page-body .book-block { background: #f5f5f5; padding: 16px 8px; } .mobile-style .page-body .book-block .book-block-inner { margin: 0px auto; } .mobile-style .page-body .book-block .book-block-title { text-align: center; font-size: 20px; font-weight: bold; color: #e53737; margin-bottom: 16px; } .mobile-style .page-body .book-block .book-list { overflow: hidden; zoom: 1; } .mobile-style .page-body .book-block .book-list-column6 .book-item { width: 50%; float: left; } .mobile-style .page-body .book-block .book-list-column5 .book-item { width: 50%; float: left; } .mobile-style .page-body .book-block .book-list-column4 .book-item { width: 50%; float: left; } .mobile-style .page-body .book-block .book-list-column3 .book-item { width: 50%; float: left; } .mobile-style .page-body .book-block .book-list-column2 .book-item { width: 50%; float: left; } .mobile-style .page-body .book-block .book-list .book-item-inner { display: block; margin: 8px; } .page-body .book-block .book-list .book-item-img-box { display: block; position: relative; margin-bottom: 10px; } .mobile-style .page-body .book-block .book-list .book-item-img-box:before { content: ""; display: block; padding-top: 100%; } .mobile-style .page-body .book-block .book-list .book-item-img-box img { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .mobile-style .page-body .book-block .book-list .book-item-des { display: block; } .mobile-style .page-body .book-block .book-list .book-item-name { display: block; font-size: 12px; line-height: 16px; height: 48px; overflow: hidden; } .mobile-style #divcourselist .schoollist { margin-bottom: 16px; background: #f5f5f5; padding: 10px; } .mobile-style #divcourselist .schoollist ul { display: block; overflow: hidden; zoom: 1; } .mobile-style #divcourselist .schoollist li { float: left; width: 50%; box-sizing: border-box; } .mobile-style #divcourselist .schoollist li a { display: block; background: left center no-repeat; padding-left: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 5px; } .mobile-style #divcourselist .schoollist li .selected { color: #cc0000; font-weight: bold; } .mobile-style #divcourselist .topclasslist { /* border: 2px solid #e53737; */ background: #ffecee; overflow: hidden; zoom: 1; margin-bottom: 10px; } .mobile-style #divcourselist .topclasslist ul { display: block; overflow: hidden; zoom: 1; text-align:center; } .mobile-style #divcourselist .topclasslist li { padding: 10px; display: inline-block; vertical-align: middle; } .mobile-style #divcourselist .topclasslist li a { display: block; padding: 10px; line-height: 20px; font-weight: bold; white-space: nowrap; color: #336699; background: #ffffff; border-radius: 4px; box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1); font-size: 16px; } .mobile-style #divcourselist .topclasslist li .selected { background: #e53737; color: #ffffff; } .mobile-style #divcourselist .schoolcourse { font-size: 16px; font-weight: bold; color: #ffffff; background: #e53737; padding: 10px; border-bottom: 1px solid #e5e5e5; } /*单独取出来是为了让用户自定义*/ .page-head .top-nav { background: #015293; } .page-head .top-nav .top-nav-item a { color: #ffffff; } .page-head .top-nav .top-nav-item a:hover { background: #ff3300; }