.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;
}