.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: url(../images/btn-right.png) 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: url(../images/btn-left.png) 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: url(../images/btn-right.png) 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: url(../images/btn-left.png) 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: url(https://wx.100xuexi.com/images/bgimg/videocoverbgimg.jpg) 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 {
    color: #e53737;
    font-weight: normal;
}

.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 td li .flag-jing {
	font-size: 12px;
    background: #ff3e3e;
    color: #ffffff;
    padding:3px;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    font-weight: normal;
	vertical-align: middle;
	margin-right: 3px;
	font-family: '宋体';
}

.pc-style #divCourseList td li .flag-hot{
    font-size: 12px;
    background: #8900ea;
    color: #ffffff;
    padding:3px;
    border-radius: 3px;
    display: inline-block;
    line-height: 1;
    font-weight: normal;
	vertical-align: middle;
	margin-right: 3px;
	font-family: '宋体';
}





.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: url(https://g.100xuexi.com/CssModel/XXSub2014/images/flag.gif);
    vertical-align: middle;
    width: 13px;
    height: 13px;
}

.pc-style #divCourseList .hand {
    background: url(https://g.100xuexi.com/CssModel/XXSub2014/images/hand.gif);
    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: url(https://g.100xuexi.com/CssModel/XXSub2014/Images/bg0062.gif) 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: url(../images/btn-right.png) 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: url(../images/btn-left.png) 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: url(https://wx.100xuexi.com/images/bgimg/videocoverbgimg.jpg) 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 {
   color: #e53737;
   font-weight: normal;
}

.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: url(https://g.100xuexi.com/CssModel/XXSub2014/images/flag.gif);
    vertical-align: middle;
    width: 13px;
    height: 13px;
}

.mobile-style #divCourseList .hand {
    background: url(https://g.100xuexi.com/CssModel/XXSub2014/images/hand.gif);
    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: url(https://g.100xuexi.com/CssModel/XXSub2014/Images/bg0062.gif) 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;
}