body,
p,
div,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
ol {
  margin: 0;
  padding: 0;
}
ul li {
  list-style: none;
}
.clear:after {
  contain: "";
  display: table;
  clear: both;
}
.floatR {
  float: right;
}
.floatL {
  float: left;
}
a,
a：active,
a:hover,
a:link,
a:visited {
  color: #2a2f33;
  text-decoration: none;
}
.relative {
  position: relative;
}
.center {
  text-align: center;
}
.newMarginT {
  margin-top: 40px;
}
.messageListR {
  display: inline-block;
  width: 878px;
  float: right;
}
.loginBg {
  background: url(../images/login-bg.png) center top no-repeat;
}
.loginBg .loginFooter {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  line-height: 50px;
  color: #afafaf;
}
.flexedRight {
  position: fixed;
  right: 0;
  bottom: 200px;
}
.flexedRight ul {
  display: inline-block;
}
.flexedRight ul li {
  font-size: 0;
  position: relative;
}
.flexedRight ul li:hover .hoverShow {
  display: inline-block;
}
.flexedRight ul li .hoverShow {
  display: inline-block;
  padding: 10px 18px 10px 10px;
  background: url('../images/gzh-bg.png') no-repeat;
  background-size: 100% 100%;
  text-align: center;
  position: absolute;
  right: 60px;
  display: none;
}
.flexedRight ul li .hoverShow.phoneDiv {
  text-align: left;
  width: 300px;
  padding: 20px;
  background: #f58312;
  right: 70px;
}
.flexedRight ul li .hoverShow.phoneDiv .arrowRight {
  width: 0;
  height: 0;
  border-left: 10px solid #f58312;
  border-right: 10px solid transparent;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  right: -19px;
  top: 20px;
}
.flexedRight ul li .hoverShow.phoneDiv span {
  line-height: 24px;
}
.flexedRight ul li .hoverShow img {
  margin-bottom: 10px;
}
.flexedRight ul li .hoverShow span {
  font-size: 14px;
  color: #fff;
}
.flexedRight ul li a {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-bottom: 1px solid #fff;
}
.flexedRight ul li a.fixedEwm {
  background: url('../images/fixed-ewm.png') no-repeat;
}
.flexedRight ul li a.fixedOnline {
  background: url('../images/fixed-online.png') no-repeat;
}
.flexedRight ul li a.fixedPhone {
  background: url('../images/fixed-phone.png') no-repeat;
}
.flexedRight ul li a.fixedTop {
  background: url('../images/fixed-top.png') no-repeat;
}
.questionTypeTitle {
  font-size: 18px;
  margin-bottom: 20px;
}
.messageListL {
  display: inline-block;
  width: 260px;
  box-sizing: border-box;
  margin-top: 30px;
}
.messageListL .columnName {
  position: relative;
  padding: 15px 30px;
  background: #4561ce;
  color: #fff;
  font-size: 20px;
  left: 10px;
  top: -15px;
}
.messageListL .column2 {
  border: 1px solid #e6e6e6;
  background: #f9f9f9;
}
.messageListL .column2 ul li {
  background: #f9f9f9;
  position: relative;
}
.messageListL .column2 ul li:last-child a {
  border-bottom: none;
}
.messageListL .column2 ul li:first-child span {
  background: #ffc600;
}
.messageListL .column2 ul li:first-child + li {
  background: #fff;
  line-height: 24px;
}
.messageListL .column2 ul li:first-child + li span {
  background: #c0bfbb;
}
.messageListL .column2 ul li:first-child + li a {
  color: #f31414;
}
.messageListL .column2 ul li:first-child + li + li span {
  background: #e59d4f;
}
.messageListL .column2 ul li span {
  display: inline;
  padding: 0 5px;
  background: #e6e6e6;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  left: 10px;
  color: #fff;
}
.messageListL .column2 ul li a {
  display: inline-block;
  padding: 15px 0 15px 30px;
  margin: 0 10px;
  box-sizing: border-box;
  border-bottom: 1px dotted #e0e0e0;
}
.messageListL .column {
  border: 1px solid #e6e6e6;
  margin-bottom: 50px;
}
.messageListL .column ul {
  padding: 20px 10px 10px 10px;
}
.messageListL .column ul li {
  text-align: center;
  position: relative;
  margin-bottom: 6px;
  background: #f6f6f6;
}
.messageListL .column ul li.active {
  background: url('../images/colum-icon.png') no-repeat;
  background-size: 100% 100%;
}
.messageListL .column ul li a {
  display: block;
  font-size: 16px;
  padding: 10px 0;
}
.clearBoth:after {
  content: '';
  display: table;
  clear: both;
}
.title {
  font-size: 16px;
  margin-bottom: 15px;
}
.marginR88 {
  margin-right: 88px;
}
.newsPage {
  margin-bottom: 50px;
  text-align: center;
  margin-top: -20px;
}
.newsPage > span {
  margin-right: 10px;
}
.newsPage .numList .everyNum {
  display: inline-block;
  line-height: 36px;
  background: #f0f0f0;
  border: 1px solid #e6e6e6;
  min-width: 36px;
  text-align: center;
  border-radius: 4px;
  margin-right: 10px;
  cursor: pointer;
}
.newsPage .numList .everyNum.active {
  background: #cd0301;
  color: #fff;
}
.newsPage .numList .everyNum.hidden {
  background: transparent;
  border: none;
}
.newsPage .numList .everyNum.otherPage {
  width: 86px;
}
.newsPage .pageChange span {
  display: inline-block;
  width: 42px;
  height: 42px;
  cursor: pointer;
}
.newSList {
  margin-bottom: 20px;
  border-top: 1px solid #f4f4f4;
}
.newSList li {
  padding: 20px 0 20px 22px;
  background: url('../images/news-icon.png') left 27px no-repeat;
  border-bottom: 1px solid #f4f4f4;
}
.newSList li a {
  font-size: 16px;
  color: #2a2f33;
}
.newSList li a:hover {
  color: #4a66d3;
}
.newSList li .palayDiv {
  margin-top: 10px;
}
.dongtaiContent {
  color: #444444;
  font-size: 16px;
}
.dongtaiContent .dongC p {
  text-indent: 2em;
}
.dongtaiContent p {
  line-height: 30px;
}
.dongtaiContent .dongtaiFooter {
  text-align: right;
  margin: 40px 0;
}
.dongtaiH {
  padding: 20px 0;
}
.dongtaiH .articleProgress {
  padding-right: 288px;
  margin-top: 26px;
  position: relative;
}
.dongtaiH .articleProgress .okBg {
  display: inline-block;
  height: 64px;
  width: 52px;
  background: url(../images/ok.png) top right no-repeat;
  position: absolute;
  right: 140px;
  top: -18px;
  display: none;
  z-index: 10;
}
.dongtaiH .articleProgress .okBg.active {
  display: inline-block;
}
.dongtaiH .articleProgress .jrOk {
  display: inline-block;
  height: 170px;
  width: 125px;
  background: url(../images/rwwc.png) top right no-repeat;
  position: absolute;
  right: 130px;
  top: -50px;
  display: none;
  z-index: 10;
}
.dongtaiH .articleProgress .jrOk.active {
  display: inline-block;
}
.dongtaiH .articleProgress .backList {
  line-height: 34px;
  border-radius: 34px;
  padding: 0 10px;
  color: #cd0301;
  position: absolute;
  right: 0;
  top: 0;
  background: #f1eee9;
}
.dongtaiH .articleProgress .timeP {
  display: inline-block;
  background: #cd0301;
  padding: 0 15px;
  border-radius: 34px;
  color: #fff;
  text-align: center;
  min-width: 150px;
  box-sizing: border-box;
  float: right;
  margin-top: -34px;
  margin-right: -164px;
  display: none;
}
.dongtaiH .articleProgress .timeP.active {
  display: inline-block;
}
.dongtaiH .articleProgress .timeP span {
  padding-left: 36px;
  display: inline-block;
  line-height: 34px;
  background: url(../images/clock.png) left center no-repeat;
}
.dongtaiH img {
  margin: 32px 0;
}
.dongtaiH h2 {
  font-weight: normal;
  font-size: 32px;
  margin: 15px 0 15px 0;
}
.uploadDiv {
  display: inline-block;
  width: 550px;
}
.uploadDiv > div {
  display: inline-block;
}
.uploadDiv > div p {
  display: inline-block;
  width: 360px;
  color: #9a9999;
  margin-bottom: 20px;
}
.uploadDiv > div .uploadBtn {
  display: inline-block;
  padding: 6px 20px;
  background: url('../images/chapter-active-icon.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.uploadDiv .uploadText {
  position: relative;
  top: -14px;
}
.uploadDiv .uploadImg {
  width: 135px;
}
.itemNameLeft {
  position: relative;
  top: -96px;
}
.palayDiv span {
  display: inline-block;
  padding: 2px 0 2px 20px;
  color: #9a9999;
}
body {
  font-size: 14px;
  overflow-x: hidden;
  color: #2a2f33;
  font-family: 'Microsoft YaHei', arial, tahoma, \5b8b\4f53, sans-serif;
  background: #dae4ef;
}
body .enrollMoney {
  font-size: 28px;
  color: #f00;
  display: inline-block;
  margin-left: 10px;
}
body .invoiceM > div {
  display: none;
}
body .invoiceM > div.active {
  display: block;
}
body .selectH3 {
  margin-bottom: 15px;
}
body .itemOne {
  margin-bottom: 15px;
}
body .itemOne .itemDetail {
  width: 278px;
  font-size: 12px;
  position: relative;
  top: 10px;
  color: #9a9999;
}
body .itemOne .errorEnroll {
  margin-bottom: 0;
}
body .itemOne span {
  display: inline-block;
}
body .itemOne .inputSmart {
  width: 150px;
}
body .itemOne .inputBig {
  width: 260px;
}
body .itemOne .itemName {
  width: 98px;
  text-align: right;
  color: #9a9999;
  margin-right: 25px;
}
body .itemOne .itemSelect select {
  width: 150px;
  padding: 2px 0 2px 0;
  text-align: center;
}
body .itemOne [type="text"] {
  font-size: 16px;
  padding: 5px 8px 4px 8px;
}
body .itemOne .itemAlert {
  margin-left: 10px;
}
body .invoiceMessage {
  padding: 26px 20px 40px 26px;
  background: #fff;
}
body .invoiceMessage .enrollCourseT table {
  border-collapse: collapse;
}
body .invoiceMessage .enrollCourseT table th,
body .invoiceMessage .enrollCourseT table td {
  text-align: center;
  padding: 6px 8px;
  box-sizing: border-box;
}
body .invoiceMessage .enrollCourseT table thead tr th {
  background: #e4e4e4;
  text-align: center;
}
body .invoiceMessage .enrollCourseT table thead tr th + th + th {
  text-align: left;
}
body .invoiceMessage .enrollCourseT table tbody {
  border: 1px solid #ddd;
  border-collapse: collapse;
}
body .invoiceMessage .enrollCourseT table tbody tr:hover td {
  background: #f4f4f4;
}
body .invoiceMessage .enrollCourseT table tbody tr.active {
  background: #dae4ef;
}
body .invoiceMessage .enrollCourseT table tbody tr.active td {
  color: #4965d2;
  background: #dae4ef;
  border: none;
}
body .invoiceMessage .enrollCourseT table tbody tr.active td:first-child {
  color: #8b8b8b;
}
body .invoiceMessage .enrollCourseT table tbody tr.active td .select {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url('../images/select-active.png') center no-repeat;
}
body .invoiceMessage .enrollCourseT table tbody tr td {
  background: #f7f7f7;
}
body .invoiceMessage .enrollCourseT table tbody tr td:first-child {
  color: #8b8b8b;
}
body .invoiceMessage .enrollCourseT table tbody tr td .select {
  cursor: pointer;
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url('../images/select.png') center no-repeat;
}
body .invoiceMessage .enrollCourseT table tbody tr > td:first-child {
  width: 70px;
  text-align: center;
}
body .invoiceMessage .enrollCourseT table tbody tr > td:first-child + td {
  width: 70px;
}
body .invoiceMessage .enrollCourseT table tbody tr > td:first-child + td + td {
  text-align: left;
}
body .invoiceMessage .enrollCourseT table tbody tr > td:first-child + td + td + td {
  width: 200px;
}
body .invoiceMessage .enrollCourseT table tbody tr > td:first-child + td + td + td + td {
  width: 100px;
}
body .invoiceMessage table {
  width: 100%;
  margin-bottom: 80px;
}
body .invoiceMessage table th,
body .invoiceMessage table td {
  text-align: left;
  padding: 6px 0;
  box-sizing: border-box;
}
body .invoiceMessage table th {
  font-weight: normal;
}
body .invoiceMessage table th:first-child {
  text-align: center;
}
body .invoiceMessage table tbody tr > td:first-child {
  width: 70px;
  text-align: center;
}
body .invoiceMessage table tbody tr > td:first-child + td {
  width: 300px;
}
body .invoiceMessage .enrollSure {
  margin-top: 20px;
}
body .invoiceMessage .invoiveAlert {
  text-align: center;
  padding: 10px 0;
  background: #fed866;
}
body .invoiceMessage .invoiveAlert span {
  color: #f00;
}
body .oneMessage {
  margin-bottom: 15px;
  color: #9a9999;
}
body .oneMessage > div {
  display: inline-block;
}
body .oneMessage .invoiceName {
  width: 110px;
}
body .oneMessage .invoiceI {
  width: 260px;
}
body .oneMessage .invoiceI [type="text"] {
  width: 100%;
  padding: 5px 10px;
}
body .inputDBtn {
  margin-top: 25px !important;
}
body .kaipiaoM {
  font-size: 20px;
  position: relative;
}
body .kaipiaoM span {
  font-size: 12px;
}
body .inputD {
  margin-left: 110px;
  margin-top: 10px;
}
body .inputD .btn {
  width: 120px;
}
body .inputD .saveBtn {
  font-size: 14px;
  background: url('../images/save-btn.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
  padding-top: 9px;
  margin-right: 10px;
}
body .inputD .quxiao {
  font-size: 14px;
  background: url('../images/quxiao-btn.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
  padding-top: 9px;
}
body .invoiceI .needInvoice {
  margin: 15px  0 0 0;
}
body .needInvoice {
  margin: 20px 0 25px 0;
  display: inline-block;
}
body .needInvoice span {
  display: inline-block;
  padding: 8px 30px;
  border: 1px solid #d1d1d1;
  box-sizing: border-box;
  cursor: pointer;
}
body .needInvoice span.need {
  margin-right: 20px;
}
body .needInvoice span.active {
  border: none;
  background: url('../images/invoice-active.png') no-repeat;
  background-size: 100% 100%;
}
body .needInvoice + .notInvoice {
  display: none;
}
body .needInvoice.active + .notInvoice {
  display: block;
  margin-bottom: 30px;
}
body .errorEnroll {
  font-size: 12px;
  padding: 4px 0 4px 30px;
  background: url('../images/error-message.png') left center no-repeat;
  margin-bottom: 15px;
}
body .enrollSure {
  margin: 0 auto;
  border-top: 1px solid #ddd;
  padding-top: 40px;
  margin-top: 80px;
}
body .enrollP {
  padding-left: 206px;
}
body .enrollP .enrollCard {
  margin: 90px 0 90px 0;
}
body .enrollP [type="text"] {
  font-size: 20px ;
  padding: 5px 10px;
  width: 300px;
  margin: 0 15px 0 50px;
}
body .toggle {
  display: inline-block;
  width: 70px;
  height: 50px;
  background: url('../images/toggle-icon.png') right bottom no-repeat;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 400;
}
body .leftPanelUser {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  background: #4560c8;
  z-index: 110;
  padding-top: 20px;
  text-align: center;
  color: #fff;
}
body .leftPanelUser h3 {
  font-size: 18px;
  margin-top: 10px;
}
body .leftPanelUser a {
  display: inline-block;
  color: #fff;
  position: relative;
  z-index: 100;
  padding: 11px 0 10px 26px;
  height: 43px;
  box-sizing: border-box;
}
body .leftPanelUser a.homeIcon {
  background: url('../images/home-icon.png') left center no-repeat;
}
body .leftPanelUser a.mycourseIcon {
  background: url('../images/course-icon.png') left center no-repeat;
}
body .leftPanelUser a.creditIcon {
  background: url('../images/credit-icon.png') left center no-repeat;
}
body .leftPanelUser a.userInvoiceIcon {
  background: url('../images/center-invoice-icon.png') left center no-repeat;
}
body .leftPanelUser ul li {
  padding: 0 15px;
  position: relative;
  text-align: left;
  margin-bottom: 15px;
}
body .leftPanelUser ul li.active .activeBg {
  background: #5dd095;
}
body .leftPanelUser ul li .activeBg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: -6px;
  z-index: 50;
}
body .leftPanelUser .panelPadding {
  padding: 0 15px;
  margin-bottom: 22px;
}
body .currentName {
  display: inline-block;
  margin-left: 15px;
}
body .leftPanel {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 70px;
  background: #4560c8;
  z-index: 110;
}
body .leftPanel ul {
  margin-top: 110px;
}
body .leftPanel ul li {
  position: relative;
}
body .leftPanel ul li .num {
  font-size: 28px;
}
body .leftPanel ul li.finishDiv .finishSPan {
  display: inline-block;
}
body .leftPanel ul li.active .activeBg {
  background: #5dd095;
}
body .leftPanel ul li .finishSPan {
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url('../images/finish-icon.png') left center no-repeat;
  position: absolute;
  right: -20px;
  top: 10px;
  display: none;
}
body .leftPanel ul li .activeBg {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: -6px;
  z-index: 50;
}
body .leftPanel ul li a {
  text-align: center;
  color: #fff;
  display: block;
  position: relative;
  z-index: 100;
  padding: 2px 0 10px 0;
}
body .leftPanel ul li a span {
  font-size: 12px;
}
body .welcome {
  position: relative;
  top: -14px;
  font-size: 14px;
}
body .contentWidth {
  width: 1200px;
  margin: 0 auto;
}
body .content {
  margin-top: 60px;
}
body .header {
  height: 60px;
  position: fixed;
  z-index: 100;
  left: 0;
  right: 0;
  top: 0;
}
body .header .userHeader {
  padding: 0 20px 0 168px;
  min-width: 1000px;
  overflow: hidden;
}
body .header .userHeader .welcomeSpan {
  display: inline-block;
  padding-top: 20px;
}
body .header ul li {
  list-style: none;
  display: inline-block;
  width: 100px;
  text-align: right;
}
body .header ul li a {
  display: inline-block;
  margin-top: 15px;
  padding: 5px 0 5px 24px;
}
body .header ul li a.centerName {
  background: url('../images/center-name.png') left 5px no-repeat;
}
body .header ul li a.centerDetail {
  background: url('../images/center-detail.png') 4px center no-repeat;
}
body .header ul li a.centerPwd {
  background: url('../images/center-pwd.png') 4px center no-repeat;
}
body .header ul li a.centerBack {
  background: url('../images/center-back.png') left center no-repeat;
}
body .header img {
  margin-top: 10px;
}
body .header .headerOnline {
  margin-top: 10px;
}
body .header .headerOnline a {
  padding: 10px 0 10px 35px;
  box-sizing: border-box;
  display: inline-block;
}
body .header .headerOnline a.online-a {
  background: url('../images/online-icon.png') left center no-repeat;
  margin-right: 20px;
}
body .header .headerOnline a.phone-a {
  background: url('../images/phone.png') left center no-repeat;
}
body .enrollMessage {
  background: #fff;
  padding: 40px 20px;
}
body .loginContent {
  padding: 50px 0;
}
body .loginContent .loginMessage {
  height: 567px;
  width: 100%;
}
body .loginContent .loginMessage .loginLeft {
  display: inline-block;
  width: 600px;
  color: #fff;
}
body .loginContent .loginMessage .loginLeft .jxjyBg {
  height: 100px;
  background: url(../images/jxjy.png) left bottom no-repeat;
  margin: 66px 0 40px 0 ;
}
body .loginContent .loginMessage .loginLeft .xxlc {
  display: inline-block;
  line-height: 36px;
  background: #ffcf5f;
  border-radius: 36px;
  padding: 0 34px;
  color: #b50413;
  letter-spacing: 1px;
}
body .loginContent .loginMessage .loginLeft .loginPhone {
  display: inline-block;
  border: 1px solid #ffcf5f;
  color: #ffcf5f;
  line-height: 36px;
  border-radius: 36px;
  padding: 0 20px;
}
body .loginContent .loginMessage .loginLeft .lc p {
  font-size: 20px;
}
body .loginContent .loginMessage .loginLeft .lc .lcList {
  margin: 25px 0 95px 0;
}
body .loginContent .loginMessage .loginLeft .lc .lcList > span {
  float: left;
}
body .loginContent .loginMessage .loginLeft .lc .lcList .lcArrow {
  display: inline-block;
  width: 15px;
  height: 54px;
  background: url(../images/arrow-right.png) left center no-repeat;
  margin: 0 10px;
}
body .loginContent .loginMessage .loginLeft .lc .lcList .lcItem {
  display: inline-block;
  line-height: 54px;
  padding: 0 10px;
  border-radius: 54px;
  background: #860704;
  text-align: center;
  min-width: 156px;
  font-size: 20px;
}
body .loginContent .loginMessage .loginLeft .lc .lcList .lcItem span {
  padding-left: 42px;
}
body .loginContent .loginMessage .loginLeft .lc .lcList .lcItem .login1 {
  background: url(../images/login1.png) left center no-repeat;
}
body .loginContent .loginMessage .loginLeft .lc .lcList .lcItem .login2 {
  background: url(../images/login2.png) left center no-repeat;
}
body .loginContent .loginMessage .loginLeft .lc .lcList .lcItem .login3 {
  background: url(../images/login3.png) left center no-repeat;
}
body .currentPosition {
  margin-bottom: 25px;
  font-size: 16px;
  border-bottom: 1px solid #efefef;
  padding-bottom: 15px;
}
body .currentPosition span {
  color: #2a2f33;
}
body .currentPosition .active {
  color: #cc0100;
}
body .currentPosition .printSpan {
  display: inline-block;
  padding: 4px 4px 4px 20px;
  background: url('../images/print-icon.png') left center no-repeat;
  background-size: 14px auto;
  color: #4965d2;
}
body .wenxin {
  color: #e6a247;
  text-align: center;
  margin-left: -58px;
  margin-right: -58px;
  line-height: 50px;
  background: #fdf6ec;
}
body .wenxinContent {
  font-size: 12px;
  color: #9a9999;
  margin: 15px 0 30px 0;
}
body .btn {
  display: inline-block;
  height: 40px;
  width: 160px;
  text-align: center;
  box-sizing: border-box;
  cursor: pointer;
}
body [type="text"] {
  box-sizing: border-box;
  background: #f6f6f6;
  border: 1px solid #ddd;
}
body [type="text"].messageData {
  background: #fff;
  color: #000;
}
body .closeIcon {
  position: absolute;
  display: inline-block;
  width: 40px;
  height: 40px;
  right: -26px;
  top: -26px;
  background: url('../images/close-modal.png') center no-repeat;
  cursor: pointer;
}
body .invoiceIcon {
  color: #9a9999;
  font-size: 12px;
  padding: 4px 0 4px 24px;
  background: url('../images/invoice-alert.png') left center no-repeat;
  margin-left: 10px;
}
body .allMessage {
  width: 424px;
  height: 520px;
  padding: 30px 58px;
  box-sizing: border-box;
  background: url('../images/login-right.png') left top no-repeat;
  border-radius: 20px;
}
body .allMessage .top {
  text-align: center;
  margin-bottom: 64px;
}
body .allMessage .top h3 {
  font-size: 38px;
  font-weight: normal;
  letter-spacing: 4px;
}
body .allMessage .top p {
  font-size: 16px;
  color: #a1a8b2;
  margin-top: 8px;
}
body .allMessage .userIcon {
  margin-bottom: 30px;
}
body .allMessage .errorMessage {
  color: #d24949;
  font-size: 12px;
  padding: 4px 0 4px 30px;
  background: url('../images/error-message.png') left center no-repeat;
  margin-bottom: 15px;
}
body .allMessage .btnDiv {
  margin: 40px 0;
}
body .allMessage .forgetPwd {
  font-size: 14px;
}
body .allMessage form input {
  width: 100%;
  padding: 11px 10px 10px 30px;
  box-sizing: border-box;
  background: #f6f6f6;
  border: 1px solid #f6f4f1;
  border: 1px solid #e4ded6;
  border-radius: 4px;
}
body .allMessage form input::-webkit-input-placeholder {
  color: #c9a085;
}
body .allMessage form .messageMargin {
  margin-bottom: 20px;
  position: relative;
}
body .allMessage form .messageIcon {
  position: absolute;
  width: 30px;
  height: 28px;
  top: 6px;
  left: 0px;
}
body .allMessage form .messageIcon.userName {
  background: url('../images/user-name.png') center center no-repeat;
}
body .allMessage form .messageIcon.userPwd {
  background: url('../images/user-pwd.png') center center no-repeat;
}
body .allMessage .registerBtn {
  padding-top: 10px;
  font-size: 14px;
}
body .forgetPwd {
  color: #ba2926;
}
body .loginBtn {
  background: url('../images/login-btn.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
  font-size: 18px;
  width: 100%;
  background: #a4221f;
  line-height: 50px;
  height: 50px;
  border-radius: 4px;
  margin-bottom: 10px;
}
body .closeBtn {
  background: url('../images/close-btn.png') no-repeat;
  background-size: 100% 100%;
  font-size: 18px;
  padding-top: 6px;
  color: #fff;
}
body .finishImg {
  text-align: center;
}
body .finishImg img {
  margin: 90px 0 90px 0;
}
body .openStyle {
  padding: 5px 20px;
  border: 1px solid #4965d2;
  color: #4965d2;
  cursor: pointer;
}
body .toggleM {
  padding-bottom: 15px;
  border-bottom: 1px solid #f6f6f6;
}
body .toggleM > div {
  margin-top: 15px;
}
body .modal {
  position: fixed;
  z-index: 200;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}
body .modal .modalClose {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 300;
}
body .modal .modaContent {
  width: 520px;
  position: absolute;
  left: 50%;
  top: 100px;
  margin-left: -260px;
  background: #fff;
  z-index: 400;
  padding: 30px 40px 50px 40px;
}
body .curentM span {
  display: inline-block;
  padding: 4px 8px;
}
body .curentM .danwei {
  border: 1px solid #4965d2;
  color: #4965d2;
}
body .curentM .invoiceIcon {
  padding: 4px 0 4px 24px;
}
.marginR20 {
  margin-right: 20px;
}
.loginPage {
  background: #dae4ef;
}
.indexFooter {
  padding: 15px 0 0 0;
  background: #ba2926;
  text-align: center;
  color: #ffdddd;
  position: relative;
  margin-top: 30px;
}
.indexFooter .footerLine {
  height: 6px;
  background: url(../images/footer-line.png);
  position: absolute;
  left: 0;
  right: 0;
  top: -6px;
}
.indexFooter .smrz {
  display: inline-block;
  width: 130px;
  height: 60px;
  background: url(../images/smrz.png) center no-repeat;
}
.indexFooter p {
  line-height: 26px;
}
.indexFooter a {
  color: #ced5ed;
}
.indexFooter .footerOne {
  padding: 20px 0;
}
.indexBgImg {
  height: 114px;
  background: url('../images/index-bg-icon.png') no-repeat;
}
.indexNews {
  margin-top: 34px;
}
.indexNews.indexNewsXZS {
  margin-top: 15px;
}
.mapIcon {
  margin-bottom: 10px;
}
.coursePlayBg {
  background: #282828;
  padding: 30px 20px;
}
.coursePlayBg .userContent {
  padding: 0;
  min-height: inherit;
}
.coursePlayBg .coursePlay {
  margin: 60px 0 100px 0;
}
.alertDIvCommont {
  height: 276px;
  margin-bottom: 20px;
}
.indexPage {
  background: #fff;
}
.indexPage .indexHeader {
  height: 496px;
  background: url('../images/top-bg.png') top center no-repeat;
  background-size: auto 100%;
  position: relative;
}
.indexPage .indexHeader.indexHeaderNew {
  height: 300px;
  background: url('../images/top-bg2.png') top center no-repeat;
  background-size: auto 100%;
}
.indexPage .indexHeader .currentJd {
  width: 1200px;
  height: 124px;
  padding: 8px 50px 0 50px;
  box-sizing: border-box;
  background: #7c0604;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 50%;
  margin-left: -600px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  color: #fff;
}
.indexPage .indexHeader .currentJd .floatR {
  margin-top: 25px;
}
.indexPage .indexHeader .currentJd .bigUser {
  display: inline-block;
  padding: 40px 0 40px 92px;
  background: url(../images/big-user.png) left center no-repeat;
  font-size: 20px;
  margin-right: 30px;
}
.indexPage .indexHeader .currentJd .borderRight {
  border-right: 1px solid #fff;
  padding-right: 40px !important;
  margin-right: 20px;
}
.indexPage .indexHeader .currentJd .hasTimes,
.indexPage .indexHeader .currentJd .allTimes {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  color: #e2b0b0;
}
.indexPage .indexHeader .currentJd .hasTimes .bold,
.indexPage .indexHeader .currentJd .allTimes .bold {
  font-size: 28px;
  color: #fff;
}
.indexPage .indexHeader .currentJd .btn2021 {
  width: 98px;
  display: inline-block;
  line-height: 40px;
  box-sizing: border-box;
  border: 1px solid #ff9c00;
  text-align: center;
  cursor: pointer;
  font-size: 16px;
  margin-right: 10px;
  color: #ff9c00;
}
.indexPage .indexHeader .currentJd .btn2021 a {
  color: #ff9c00;
}
.indexPage .indexHeader .currentJd .btn2021:hover {
  color: #fff;
  background: #ff9c00;
}
.indexPage .indexHeader .currentJd .btn2021:hover a {
  color: #fff;
}
.indexPage .indexWidth {
  width: 1200px;
  margin: 0 auto;
}
.indexPage .indexWidth.newMarginT {
  margin-top: 40px;
}
.indexPage .contentNews::after {
  content: '';
  display: table;
  clear: both;
}
.indexPage .contentNews .indexNews {
  height: 294px;
}
.indexPage .contentNews .indexLeft {
  width: 860px;
  float: right;
}
.indexPage .contentNews .indexLeft .enterEnroll {
  height: 150px;
  background: url('../images/index-enroll.jpg') no-repeat;
  display: block;
}
.indexPage .contentNews .indexRight {
  width: 320px;
}
.indexPage .contentNews .indexRight .bmlc {
  display: inline-block;
  height: 66px;
  background: #dae4ef;
  text-align: center;
  width: 150px;
  border: 1px solid #cfdff0;
  box-sizing: border-box;
}
.indexPage .contentNews .indexRight .bmlc a {
  display: inline-block;
  color: #618cb4;
  font-size: 16px;
  padding: 23px 0 22px 36px;
  background: url('../images/liucheng-icon.png') left center no-repeat;
}
.indexPage .contentNews .indexRight .bmlc.tkxz a {
  background: url('../images/tingke-icon.png') left center no-repeat;
}
.indexPage .contentNews .indexRight .indexRightI {
  margin-bottom: 20px;
}
.indexPage .contentNews .indexRight .indexRightI.indexRightB {
  border: 1px solid #ddd;
  box-sizing: border-box;
  text-align: center;
  background: #f6f6f6;
}
.indexPage .contentNews .indexRight .indexRightI .lxwo {
  padding: 30px 15px 0 15px;
}
.indexPage .contentNews .indexRight .indexRightI .lxwo div {
  text-align: left;
  line-height: 26px;
  margin-bottom: 15px;
}
.indexPage .contentNews .indexRight .indexRightI .indexRightText {
  padding: 30px 0;
  color: #ff0000;
  font-size: 16px;
}
.indexPage .contentNews .indexRight .indexRightI .indexRightText div {
  line-height: 36px;
}
.indexPage .contentNews .indexRight .indexRightI .rightBg {
  background: url('../images/jixujiaoyu-icon.png') no-repeat;
  color: #fff;
  font-size: 20px;
  box-sizing: border-box;
}
.indexPage .contentNews .indexRight .indexRightI .rightBg.indexRightT {
  height: 52px;
  text-align: center;
  font-size: 20px;
  padding-top: 12px;
}
.indexPage .contentNews .indexRight .indexRightI .jixuR {
  height: 85px;
  padding-left: 38px;
}
.indexPage .contentNews .indexRight .indexRightI .jxjy {
  display: inline-block;
  color: #fff;
  padding: 30px 0 29px 60px;
  background: url('../images/jixu-left-icon.png') left center no-repeat;
}
.indexPage .contentNews .indexRight .indexRightI .jxjy.xfcx {
  background: url('../images/xuefen-left-icon.png') left center no-repeat;
}
.indexPage .contentNews .indexLeft {
  width: 860px;
}
.indexPage .scrollLine {
  display: inline-block;
  width: 2px;
  height: 20px;
  background: #d8d8d8;
  position: absolute;
  left: 170px;
  top: 20px;
}
.indexPage .scrollNewsP {
  background: #f1eee9;
}
.indexPage .scrollNewsP .scrollNews {
  width: 1200px;
  position: relative;
}
.indexPage .scrollNewsP .scrollNews .zytz {
  color: #a4221f;
  font-size: 20px;
  line-height: 50px;
  position: absolute;
  left: 0;
  top: 0;
}
.indexPage .scrollNews {
  height: 50px;
  padding: 6px 0px 5px 100px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 20px;
  box-sizing: border-box;
}
.indexPage .scrollNews .scrollSwiper,
.indexPage .scrollNews .swiper-container,
.indexPage .scrollNews .swiper-wrapper {
  height: 39px !important;
}
.indexPage .scrollNews .swiper-container {
  width: 930px;
}
.indexPage .scrollNews .swiper-slide {
  padding-top: 8px;
  box-sizing: border-box;
}
.indexPage .scrollNews .swiper-slide a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: 16px;
  height: 21px;
  overflow: hidden;
  color: #212121;
}
.indexPage .scrollNews .scrollIcon {
  position: absolute;
  top: 11px;
  left: 25px;
}
.indexPage .scrollNews .scrollDotted {
  margin-top: 10px;
  display: inline-block;
  height: 14px;
  color: #a4221f;
}
.indexPage .scrollNews .scrollSwiper {
  display: inline-block;
}
.indexPage .searchDiv {
  position: relative;
  margin-top: 6px;
}
.indexPage .searchDiv .searchIcon {
  position: absolute;
  top: 0px;
  right: 10px;
  line-height: 25px !important;
  padding: 0;
}
.indexPage .searchDiv input {
  font-size: 16px;
  padding: 6px 40px 6px 8px;
  box-sizing: border-box;
  width: 230px;
  background: #78201f;
  border: none;
  border-radius: 33px;
  font-size: 12px;
}
.indexPage .searchDiv input::-webkit-input-placeholder {
  color: #b56969;
}
.indexPage .indexNav {
  height: 38px;
  background: #5d0403;
  margin-bottom: 20px;
}
.indexPage .indexNav .welcomeText {
  color: #d2a5a5;
  line-height: 36px;
}
.indexPage .indexNav .topRight .topUser {
  background: url(../images/home.png) left center no-repeat;
}
.indexPage .indexNav .topRight .topName {
  background: url(../images/user.png) left center no-repeat;
  position: relative;
  padding-right: 20px;
}
.indexPage .indexNav .topRight .topName .sj {
  width: 0;
  height: 0;
  border-top: 6px solid #dca1a1;
  border-bottom: 6px solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
}
.indexPage .indexNav .topRight a {
  color: #d2a5a5;
  line-height: 34px;
  margin-left: 28px;
  padding: 2px  0 2px 32px;
}
.indexPage .activeBottomR {
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #243781;
  position: absolute;
  bottom: -6px;
  left: 54px;
  display: none;
}
.panelHidden .currentName,
.panelHidden .panelPadding h3 {
  opacity: 0;
  display: inline-block;
  width: 10px;
  height: 20px;
  overflow: hidden;
}
.panelHidden .leftPanelUser ul li {
  text-align: center;
}
.panelHidden .userContainer {
  margin-left: 93px;
}
.panelHidden .header .userHeader {
  padding-left: 98px;
}
.userContainer {
  margin: 70px 25px 10px 163px;
}
.userTitle {
  font-size: 20px;
  margin-bottom: 20px;
  padding-top: 15px;
}
.enterBtn {
  display: inline-block;
  padding: 4px 14px;
  background: url('../images/study-btn.png') no-repeat;
  background-size: 100% 100%;
  color: #fff !important;
}
.enterOnlineTest {
  display: inline-block;
  padding: 4px 14px;
  background: url('../images/enter-online-test.png') no-repeat;
  background-size: 100% 100%;
  color: #4965d2 !important;
}
.Review {
  display: inline-block;
  padding: 4px 14px;
  background: url('../images/review.png') no-repeat;
  background-size: 100% 100%;
  color: #bebdbd !important;
}
.showALlC {
  text-align: center;
  color: #bebdbd;
  padding-top: 15px;
  border-top: 1px solid #eaeaea;
  margin-top: 70px;
}
.ellipsis {
  overflow: hidden;
  /*超出部分隐藏*/
  white-space: nowrap;
  /*不换行*/
  text-overflow: ellipsis;
  /*超出部分文字以...显示*/
  margin-top: 6px;
  display: block;
}
.courseTeacher {
  color: #9a9999;
  margin: 15px 0 10px 0;
}
.courseUl li {
  width: 227px;
  margin-right: 16px;
  box-sizing: border-box;
  margin-bottom: 56px;
  display: inline-block;
  position: relative;
}
.courseUl li:last-child::after {
  content: '';
  display: table;
  clear: both;
}
.courseUl li .courseImgs {
  position: relative;
  height: 128px;
  background: url('../images/course-bg.png') no-repeat;
  background-size: 100% 100%;
  display: block;
}
.courseUl li .persent {
  display: inline-block;
  width: 38px;
  padding: 4px 0;
  background: url('../images/persent-icon.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: 10px;
  display: none;
}
.courseUl li .progress {
  position: absolute;
  display: inline-block;
  top: 121px;
  height: 6px;
  width: 9%;
  background: #ffc600;
  display: none;
}
.chapterList a {
  color: #fff;
}
.page {
  padding-top: 25px;
  border-top: 1px solid #4e4e4e;
  margin-top: 15px;
  color: #fff;
}
.page .pageSize {
  display: inline-block;
  padding: 0 10px;
  position: relative;
}
.page .preCourseP,
.page .nextCourseP {
  display: inline-block;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.page .preCourseP {
  background: url('../images/pre-course.png') center no-repeat;
  position: relative;
  left: -10px;
  top: 2px;
}
.page .nextCourseP {
  background: url('../images/nex-course.png') center no-repeat;
  position: absolute;
  right: -10px;
  top: 2px;
}
.preBtn {
  display: inline-block;
  height: 34px;
  width: 34px;
  background: url('../images/pre-btn.png') left center no-repeat;
}
.courseDetail .courseDetailE {
  padding-top: 20px;
  border-top: 1px solid #4e4e4e;
  margin-top: 10px;
  text-align: center;
}
.courseDetail .enterBtn.active {
  background: url('../images/detail-enter-btn.png') no-repeat;
  background-size: 100% 100%;
  border: none;
}
.courseDetail .enterBtn {
  width: 200px;
  font-size: 16px;
  padding: 12px 0 13px 0;
  text-align: center;
  background: url('../images/detail-enter-default.jpg') no-repeat;
  background-size: 100% 100%;
  border: 1px solid #7a7a7a;
  border-radius: 40px;
  box-sizing: border-box;
}
.courseDetail .videoDiv {
  background: #000;
  display: inline-block;
  width: 728px;
}
.courseDetail .videoDiv video {
  width: 100%;
  height: 390px;
}
.courseDetail .detailH {
  margin-bottom: 20px;
}
.courseDetail .currentPlay .detailRight {
  padding: 26px 0;
  box-sizing: border-box;
  width: 472px;
}
.courseDetail .currentPlay .detailRight .detailRightC {
  padding: 0 20px;
}
.courseDetail .currentPlay .detailName {
  font-size: 18px;
  display: inline-block;
  margin: 15px 0 30px 0;
}
.courseDetail .currentPlay .deatilT {
  font-size: 24px;
}
.courseDetail .currentPlay .deatilT span {
  font-size: 18px;
  color: #ee564f;
  position: relative;
  top: 4px;
}
.courseDetail .coursePlay {
  color: #fff;
}
.courseDetail .notOk {
  position: static;
  float: right;
  font-size: 12px !important;
}
.isOk,
.notOk {
  padding: 2px 0 3px 0;
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-block;
  width: 52px;
  text-align: center;
  font-size: 12px !important;
}
.isOk {
  background: url('../images/hege-icon.png') no-repeat;
  background-size: 100% 100%;
  color: #5dd095;
}
.notOk {
  background: url('../images/weihege-icon.png') no-repeat;
  background-size: 100% 100%;
  color: #b87100;
}
.otherCourse {
  color: #fff;
}
.userContent {
  background: #fff;
  padding: 40px;
  box-sizing: border-box;
  min-height: 700px;
  position: relative;
}
.userContent .onlineHeader {
  color: #2a2f33;
  padding-bottom: 40px;
  margin-bottom: 30px;
  border-bottom: 1px solid #ebebeb;
}
.userContent .onlineHeader h3 {
  font-size: 26px;
  font-weight: normal;
}
.userContent .onlineHeader .testTime {
  color: #5dd095;
}
.userContent .onlineHeader .testTime span {
  padding: 4px 0 0 20px;
  background: url('../images/time-icon.png') left center no-repeat;
}
.userContent .enrollSure {
  width: 100%;
  margin-top: 65px;
}
.userContent .pdfDiv {
  margin-top: 5px;
}
.userContent .afterHearing {
  font-size: 12px;
  padding: 4px 0 4px 24px;
  background: url('../images/alert-full.png') left center no-repeat;
  display: inline-block;
  margin-top: 30px;
}
.userContent .allChapter {
  color: #9a9999;
  display: inline-block;
  margin-right: 10px;
  font-size: 12px;
}
.userContent .pdfA {
  font-size: 12px;
  display: inline-block;
  width: 70px;
  text-align: center;
  padding: 4px 0;
  background: url('../images/weihege-icon.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
}
.userContent.coursePlay {
  background: #282828;
}
.userContent.coursePlay .courseListWidth {
  width: 1200px;
  margin: 0 auto;
}
.userContent .resetSuccess {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -100px;
  width: 100%;
}
.userContent .resetSuccess img {
  margin: 0 !important;
}
.userContent.hidden .resetMessage {
  display: none;
}
.userContent.hidden .resetSuccess {
  display: block;
}
.userContent .chapterList li {
  display: inline-block;
  width: 100px;
  text-align: center;
  padding: 6px 0;
  background: url('../images/chapter-icon.png') no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  margin-right: 6px;
  margin-bottom: 10px;
  cursor: pointer;
}
.userContent .chapterList li.active {
  background: url('../images/chapter-active-icon.png') no-repeat;
  background-size: 100% 100%;
}
.userContent .chapterList li.avideoF a {
  display: inline-block;
  padding-right: 20px;
  background: url('../images/right-icon.png') right center no-repeat;
}
.userContent .chapterList li:nth-child(4n) {
  margin-right: 0;
}
.userContent .chapterList li a {
  display: inline-block;
}
.userContent .yearList {
  margin-bottom: 26px;
  height: 30px;
}
.userContent .yearList li {
  display: inline-block;
  width: 100px;
  text-align: center;
  background: #e2e2e2;
  float: left;
}
.userContent .yearList li a {
  color: #9a9999;
  display: inline-block;
  padding: 5px 06px;
}
.userContent .yearList li.active {
  background: #5dd095;
}
.userContent .yearList li.active a {
  color: #fff;
}
.userContent .printDiv {
  margin-top: 40px;
  text-align: center;
}
.userContent .printDiv a {
  display: inline-block;
  padding: 10px 0 10px 50px;
  background: url('../images/print-icon.png') left center no-repeat;
  color: #4965d2;
}
.userContent .invoicePro {
  margin-top: 42px;
}
.userContent .invoicePro h4,
.userContent .invoicePro div {
  margin-bottom: 10px;
  color: #2a2f33;
}
.userContent .invoicePro span {
  color: #9a9999;
}
.userContent .invoiceMT .qualified {
  color: #4965d2;
}
.userContent .invoiceMT .unqualified {
  color: #ee564f;
}
.userContent .invoiceMT .credit th:first-child + th {
  text-align: left;
}
.userContent .invoiceMT .credit tbody tr td:first-child {
  width: 52px;
  text-align: center;
}
.userContent .invoiceMT .credit tbody tr td:first-child + td + td {
  width: 148px;
  text-align: center;
}
.userContent .invoiceMT table {
  border: 1px solid #ebebeb;
  border-collapse: collapse;
  width: 100%;
}
.userContent .invoiceMT table th {
  background: #f7f7f7;
  font-weight: normal;
}
.userContent .invoiceMT table th,
.userContent .invoiceMT table td {
  border: 1px solid #ebebeb;
  padding: 15px 10px;
  box-sizing: border-box;
}
.userContent .invoiceMT .invoiceTable th {
  text-align: left;
}
.userContent .invoiceMT .invoiceTable th:first-child {
  text-align: center;
}
.userContent .invoiceMT .invoiceTable th:first-child + th + th + th + th + th {
  text-align: center;
}
.userContent .invoiceMT .invoiceTable tbody tr td:first-child {
  text-align: center;
}
.userContent .invoiceMT .invoiceTable tbody tr td:first-child + td + td + td + td {
  color: #9a9999;
}
.userContent .invoiceMT .invoiceTable tbody tr td:first-child + td + td + td + td + td {
  text-align: center;
}
.userContent .invoiceMT .invoiceTable tbody tr td:first-child + td + td + td + td + td a {
  color: #4965d2;
}
.userContent h1 {
  margin-top: 150px;
  font-size: 24px;
}
.userContent .resetSuccess h1 {
  margin-top: 0px;
}
.userContent .enrollEnter {
  font-size: 16px;
  padding: 6px 25px;
  background: url('../images/center-enroll-icon.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
  display: inline-block;
  margin-bottom: 15px;
}
.userContent .centerSPan {
  color: #b9b9b9;
}
.userContent .centerUserM {
  text-align: center;
}
.userContent .centerUserM img {
  margin: 65px 0 25px 0;
}
.sureReset {
  display: inline-block;
  padding: 10px 0;
  width: 220px;
  background: url('../images/reset-btn.png') no-repeat;
  background-size: 100% 100%;
  color: #fff !important;
  font-size: 18px;
  margin-top: 200px;
}
.xiaozhishi {
  position: relative;
  height: 130px;
}
.xiaozhishi .nextSwiper,
.xiaozhishi .preSwiper {
  display: inline-block;
  width: 20px;
  height: 96px;
  position: absolute;
  cursor: pointer;
}
.xiaozhishi .preSwiper {
  left: 0;
  top: 0;
  background: url('../images/swiper-pre.png') no-repeat;
  cursor: pointer;
}
.xiaozhishi .preSwiper.hidden {
  background: url('../images/swiper-pre-hidden.png') no-repeat;
}
.xiaozhishi .nextSwiper {
  right: 0;
  top: 0;
  background: url('../images/swiper-next.png') no-repeat;
}
.xiaozhishi .nextSwiper.hidden {
  background: url('../images/swiper-next-hidden.png') no-repeat;
}
.newsContainer {
  overflow: hidden;
}
.newsContainerPosition {
  position: relative;
}
.swiper-container2 .swiper-wrapper .swiper-slide {
  height: 276px;
  position: relative;
}
.swiper-container2 .swiper-wrapper .swiper-slide .swiperText {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 280px !important;
  padding: 11px 130px 11px 10px;
  background: rgba(0, 0, 0, 0.4);
  width: 300px;
  z-index: 200;
  color: #ffffff;
}
.swiper-container2 .swiper-wrapper .swiper-slide .swiperText div {
  height: 22px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-size: 16px;
}
.swiper-container2 .swiper-wrapper .swiper-slide a {
  display: block;
  height: 276px;
}
.swiper-container2 .swiper-wrapper .swiper-slide a img {
  width: 100%;
  height: 100%;
}
.swiper-container2 .pagination {
  width: 100%;
  height: 44px;
  position: absolute;
  bottom: 0;
  text-align: right;
  box-sizing: border-box;
}
.swiper-container2 .pagination .swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 4px;
  background: #fff;
  margin-right: 10px;
  margin-top: 22px;
}
.swiper-container2 .pagination .swiper-pagination-switch.swiper-active-switch {
  width: 26px;
  background: #4965d2;
}
.swiper-container3-div {
  overflow: hidden;
  margin-bottom: 44px;
  display: inline-block;
  width: 1140px !important;
  margin-left: 30px;
  margin-top: 12px;
}
.swiper-container3 .swiper-wrapper {
  box-sizing: border-box;
}
.swiper-container3 .swiper-wrapper .swiper-slide {
  padding: 0 10px;
  box-sizing: border-box;
  overflow: hidden;
}
.swiper-container3 .swiper-wrapper .swiper-slide a {
  display: block;
  padding: 15px 20px;
  border: 1px solid #b7b7b7;
  color: #2a2f33;
}
.swiper-container3 .swiper-wrapper .swiper-slide a div {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 38px;
}
@media screen and (max-width: 1000px) {
  .courseList.courseListWidth {
    width: 100% !important;
  }
  .videoDiv {
    width: 100% !important;
    box-sizing: border-box;
  }
  .courseDetail .currentPlay .detailRight {
    width: 100%;
    box-sizing: border-box;
  }
}
.indexList {
  margin-bottom: 45px;
}
.indexList .searchResult {
  color: #9a9a9a;
  line-height: 40px;
}
.indexList .searchUl {
  min-height: 400px;
  margin-top: -10px;
}
.indexList .searchUl .searchItem {
  padding: 15px 0;
  border-bottom: 1px solid #efefef;
}
.indexList .searchUl .searchItem a {
  font-size: 16px;
}
.indexList .searchUl .searchItem .type {
  color: #999999;
  display: inline-block;
  margin-right: 10px;
}
.indexList .searchUl .searchItem .finish {
  color: #cc0100;
}
.indexList .searchUl .searchItem .not {
  color: #999999;
}
.indexList .typeTitle {
  font-size: 32px;
  color: #222222;
  padding: 10px 0 0 56px;
  display: inline-block;
  margin-left: 10px;
}
.indexList .typeTitle.wz {
  background: url(../images/wz.png) left bottom no-repeat;
}
.indexList .typeTitle.sp {
  background: url(../images/sp.png) left bottom no-repeat;
}
.indexList .typeP {
  margin-bottom: 38px;
  border-radius: 4px;
  color: #e6e6e6;
}
.indexList .typeP select {
  height: 38px;
  width: 108px;
  float: right;
  padding: 0 10px;
  box-sizing: border-box;
  border: 1px solid #e6e6e6;
  text-align: center;
}
.indexList .typeP select::placeholder {
  color: #999999;
}
.indexList .typeUl2 {
  display: inline-block;
}
.indexList .typeUl2 li {
  display: inline-block;
  padding: 0 26px;
  line-height: 40px;
  background: #ffbc69;
  color: #fff;
  font-size: 18px;
  margin-right: 10px;
  cursor: pointer;
}
.indexList .typeUl2 li.active {
  background: #cd0301;
}
.indexList .typeUl {
  float: right;
}
.indexList .typeUl li {
  float: left;
  width: 188px;
  padding: 0 7px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  font-size: 22px;
  position: relative;
}
.indexList .typeUl li.active > div {
  color: #cd0301;
  border-bottom: 3px solid #cd0301;
}
.indexList .typeUl li > div {
  border-bottom: 3px solid #efefef;
  line-height: 44px;
  color: #222222;
}
.indexList .more {
  text-align: center;
}
.indexList .more span {
  cursor: pointer;
  color: #999;
}
.indexList .ok {
  display: inline-block;
  width: 50px;
  height: 64px;
  background: url(../images/ok.png) top right no-repeat;
  position: absolute;
  right: 15px;
  top: 5px;
  z-index: 100;
  display: none;
}
.indexList .videoTypeUl {
  display: none;
}
.indexList .videoTypeUl.active {
  display: block;
}
.indexList .videoTypeUl li {
  float: left;
  width: 280px;
  border: 1px solid #ba2926;
  box-sizing: border-box;
  height: 235px;
  margin-right: 26px;
  margin-bottom: 24px;
}
.indexList .videoTypeUl li:nth-child(4n) {
  margin-right: 0;
}
.indexList .videoTypeUl li.finish .ok {
  display: inline-block;
}
.indexList .videoTypeUl li .videoImg {
  height: 157px;
  position: relative;
  background: #706868;
}
.indexList .videoTypeUl li .videoImg img {
  width: 100%;
  height: 100%;
}
.indexList .videoTypeUl li .videoImg .allTime {
  display: inline-block;
  position: absolute;
  color: #fff;
  bottom: 18px;
  right: 20px;
}
.indexList .videoTypeUl li .text {
  padding: 14px 18px;
}
.indexList .videoTypeUl li p {
  font-size: 16px;
  color: #000;
  line-height: 24px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.indexList .bothTypeUl {
  display: none;
}
.indexList .bothTypeUl.active {
  display: block;
}
.indexList .bothTypeUl li {
  float: left;
  width: 384px;
  border: 1px solid #ba2926;
  box-sizing: border-box;
  padding: 15px 20px 12px 20px;
  height: 166px;
  cursor: pointer;
  margin-bottom: 24px;
  margin-right: 24px;
  position: relative;
}
.indexList .bothTypeUl li:nth-child(3n) {
  margin-right: 0;
}
.indexList .bothTypeUl li.finish .ok {
  display: inline-block;
}
.indexList .bothTypeUl li:hover h5,
.indexList .bothTypeUl li:hover p {
  color: #cd0301;
}
.indexList .bothTypeUl li h5 {
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.indexList .bothTypeUl li p {
  line-height: 24px;
  margin: 15px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  color: #999999;
}
.indexList .bothTypeUl li .newColor {
  color: #cd0301;
  font-size: 12px;
}
.userContent2021 {
  min-height: 500px;
}
.userContent2021 .hasPro .hasProItem {
  padding: 15px 20px;
  background: #f1f1f1;
  border-radius: 4px;
  margin-bottom: 20px;
}
.userContent2021 .hasPro .hasProItem .title {
  font-size: 20px;
}
.userContent2021 .hasPro .hasProItem span {
  color: #999999;
}
.userContent2021 .userLeft {
  display: inline-block;
  width: 200px;
}
.userContent2021 .userLeft .centerUl {
  padding: 20px 14px;
  background: url(../images/center-2.png) top center no-repeat;
  background-size: 100% 100%;
  font-size: 16px;
  margin-top: 10px;
}
.userContent2021 .userLeft .centerUl li {
  cursor: pointer;
  line-height: 44px;
  padding: 0 18px;
  background: url(../images/r1.png) center no-repeat;
  background-position-x: 90%;
  border-radius: 4px;
}
.userContent2021 .userLeft .centerUl li a {
  color: #6f2727;
}
.userContent2021 .userLeft .centerUl li:hover,
.userContent2021 .userLeft .centerUl li.active {
  background: #ce5903 url(../images/r1-active.png) center no-repeat;
  background-position-x: 90%;
}
.userContent2021 .userLeft .centerUl li:hover a,
.userContent2021 .userLeft .centerUl li.active a {
  color: #fff;
}
.userContent2021 .userLeft .centerLeft1 {
  text-align: center;
  padding: 26px 14px;
  background: url(../images/center-1.png) top center no-repeat;
  background-size: 100% 100%;
}
.userContent2021 .userLeft .centerLeft1 .name {
  padding-top: 88px;
  font-size: 20px;
  background: url(../images/big-user.png) top center no-repeat;
  margin-bottom: 20px;
}
.userContent2021 .userLeft .centerLeft1 .centerBtn {
  display: block;
  line-height: 30px;
  border: 1px solid #fff;
  color: #fff;
  border-radius: 4px;
  margin-top: 10px;
  font-size: 16px;
}
.userContent2021 .userLeft .centerLeft1 .centerBtn:hover,
.userContent2021 .userLeft .centerLeft1 .centerBtn.active {
  background: #fff;
  color: #ff9c00;
}
.userContent2021 .userRight {
  float: right;
  width: 978px;
  min-height: 500px;
}
.userContent2021 .userRight .userRContent {
  padding: 0 10px;
}
.userContent2021 .userRight .userRContent .restPwd input {
  width: 260px;
  background: #fff;
  border: 1px solid #e0bba5;
  border-radius: 4px;
  height: 40px;
  padding: 0 8px;
  box-sizing: border-box;
}
.userContent2021 .userRight .userRContent .persionMessage .textarea {
  height: 159px;
  background: url(../images/center-4.png) left top no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding-left: 115px;
  margin-top: 46px;
}
.userContent2021 .userRight .userRContent .persionMessage .textarea .jlLeft {
  font-size: 16px;
  line-height: 30px;
  position: absolute;
  left: 42px;
  top: 50%;
  margin-top: -30px;
}
.userContent2021 .userRight .userRContent .persionMessage .textarea textarea {
  width: 99%;
  box-sizing: border-box;
  height: 150px;
  border: none;
  margin-top: 4px;
  padding: 10px;
  font-size: 16px;
}
.userContent2021 .userRight .userRContent .persionMessage .messageItem {
  display: inline-block;
  margin-bottom: 20px;
  width: 476px;
  float: left;
  position: relative;
  height: 40px;
}
.userContent2021 .userRight .userRContent .persionMessage .messageItem .select2021 {
  position: absolute;
  left: 214px;
  top: 0;
}
.userContent2021 .userRight .userRContent .persionMessage .messageItem .radioList {
  display: inline-block;
}
.userContent2021 .userRight .userRContent .persionMessage .messageItem .radioList > div {
  display: inline-block;
  width: inherit;
}
.userContent2021 .userRight .userRContent .persionMessage .messageItem .radioList > div label {
  display: inline-block;
}
.userContent2021 .userRight .userRContent .persionMessage .messageItem .must {
  color: #ce0806;
}
.userContent2021 .userRight .userRContent .persionMessage .messageItem > label {
  display: inline-block;
  width: 200px;
  text-align: right;
  margin-right: 10px;
  line-height: 40px;
}
.userContent2021 .userRight .userRContent .persionMessage [type="text"] {
  width: 260px;
  background: #fff;
}
.userContent2021 .userRight .userRContent .creditTable {
  width: 100%;
  border-collapse: collapse;
  border-radius: 4px;
}
.userContent2021 .userRight .userRContent .creditTable .check {
  background: #0061ae;
  margin-right: 10px;
}
.userContent2021 .userRight .userRContent .creditTable button {
  line-height: 36px;
  padding: 0 16px;
  border: none;
  background: #cd0301;
  color: #fff;
  border-radius: 4px;
}
.userContent2021 .userRight .userRContent .creditTable td {
  text-align: center;
  background: #ffecd9;
  line-height: 58px;
  font-size: 16px;
}
.userContent2021 .userRight .userRContent .creditTable thead td {
  line-height: 58px;
  background: #ffd1a3;
}
.userContent2021 .userRight .userRContent .creditTable thead td:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.userContent2021 .userRight .userRContent .creditTable thead td:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.userContent2021 .userRight .userRContent .creditTable tbody tr:last-child td:first-child {
  border-bottom-left-radius: 4px;
}
.userContent2021 .userRight .userRContent .creditTable tbody tr:last-child td:last-child {
  border-bottom-right-radius: 4px;
}
.userContent2021 .userRight .userRContent .creditTable tbody tr td:first-child {
  width: 140px;
}
.userContent2021 .userRight .userRContent .creditTable tbody tr td:nth-child(2) {
  width: 220px;
}
.userContent2021 .userRight .userRContent .resetBtn {
  text-align: center;
  margin-top: 26px;
}
.userContent2021 .userRight .userRContent .resetBtn button {
  line-height: 36px;
  width: 96px;
  border: none;
  background: #cd0301;
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
}
.userContent2021 .userRight .userRContent [type="text"] {
  border: 1px solid #e0bba5;
  border-radius: 4px;
  height: 40px;
  width: 340px;
  padding: 0 8px;
  box-sizing: border-box;
}
.userContent2021 .userRight .userRContent .restPwd {
  height: 218px;
  background: url(../images/center-3.png) top center no-repeat;
  background-size: 100% 100%;
}
.userContent2021 .userRight .userRContent .restPwd ul {
  padding-top: 22px;
}
.userContent2021 .userRight .userRContent .restPwd ul li {
  line-height: 40px;
  font-size: 16px;
  margin-bottom: 22px;
}
.userContent2021 .userRight .userRContent .restPwd ul li .left {
  display: inline-block;
  width: 156px;
  text-align: right;
  padding-right: 30px;
  box-sizing: border-box;
  margin-right: 30px;
}
.userContent2021 .userRight .centerTitle {
  line-height: 42px;
  height: 42px;
  padding-left: 23px;
  background: #f1f1f1;
  border-radius: 8px;
  position: relative;
  font-size: 18px;
  margin-bottom: 26px;
}
.userContent2021 .userRight .centerTitle .line {
  display: inline-block;
  width: 6px;
  height: 23px;
  border-radius: 4px;
  background: #cd0301;
  position: absolute;
  left: 10px;
  top: 9px;
}
button {
  cursor: pointer;
  font-size: 16px;
  border: none;
}
.progress2021 {
  height: 34px;
  position: relative;
}
.progress2021.dPro {
  height: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.progress2021.dPro .default {
  height: 14px;
}
.progress2021 .default {
  height: 100%;
  background: #fcf4f4;
  border-radius: 30px;
}
.progress2021 .text {
  padding: 0 38px;
  line-height: 34px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 20;
  color: #890705;
}
.progress2021 .currP {
  background: linear-gradient(to right, #ffcc83, #ffb448);
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-radius: 30px;
  z-index: 10;
}
.testMOdal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  display: none;
}
.testMOdal .indexMOdalText {
  font-size: 16px;
  color: #000000;
  line-height: 30px;
  margin-top: 98px;
}
.testMOdal .closeModal2021 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.4);
}
.testMOdal .testMOdalC {
  position: absolute;
  left: 50%;
  margin-left: -368px;
  top: 60px;
  z-index: 1000;
  width: 737px;
  padding: 50px 50px;
  border-radius: 10px;
  background: #fff url(../images/m-top.png) top center no-repeat;
  min-height: 500px;
  box-sizing: border-box;
}
.testMOdal .testMOdalC.clearBg {
  background: #fff;
  padding: 20px 20px;
}
.testMOdal .testMOdalC.clearBg .closeSpan {
  margin-right: -40px;
  margin-top: -40px;
}
.testMOdal .testMOdalC .tableHeight {
  height: 520px;
  overflow-y: auto;
  overflow-x: hidden;
}
.testMOdal .testMOdalC .closeSpan {
  display: inline-block;
  width: 50px;
  height: 50px;
  background: url(../images/m-clode.png) center no-repeat;
  float: right;
  margin-right: -70px;
  margin-top: -70px;
  cursor: pointer;
}
.testMOdal .testMOdalC .updateBtn {
  margin-top: 40px;
  text-align: center;
}
.testMOdal .testMOdalC .updateBtn .notResult {
  margin-right: 10px;
  color: #cd0301;
  border: 1px solid #ebeef5;
  background: transparent;
}
.testMOdal .testMOdalC .updateBtn button {
  line-height: 54px;
  background: #cd0301;
  border-radius: 4px;
  min-width: 140px;
  border: 1px solid #cd0301;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
}
.testMOdal .testMOdalC .hidden {
  display: none;
}
.testMOdal .testMOdalC .resultAndQuestion {
  margin-top: 80px;
}
.testMOdal .testMOdalC .resultAndQuestion .testResult {
  text-align: center;
}
.testMOdal .testMOdalC .resultAndQuestion .testResult h3 {
  font-size: 30px;
  padding-top: 83px;
  background: url(../images/test-ok.png) center top no-repeat;
}
.testMOdal .testMOdalC .resultAndQuestion .testResult h3.not {
  background: url(../images/test-not.png) center top no-repeat;
}
.testMOdal .testMOdalC .resultAndQuestion .testResult p {
  font-size: 20px;
  margin-top: 20px;
}
.testMOdal .testMOdalC .resultAndQuestion .type {
  font-size: 20px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.testMOdal .testMOdalC .resultAndQuestion .type .bold {
  font-weight: bold;
}
.testMOdal .testMOdalC .testTop {
  text-align: center;
  color: #fff;
}
.testMOdal .testMOdalC .testTop h3 {
  font-size: 35px;
  font-weight: normal;
}
.testMOdal .testMOdalC .testTop p {
  font-size: 18px;
  margin-top: 8px;
}
.checkedList .hidden {
  display: none;
}
.checkedList > div {
  width: 100%;
  margin-bottom: 10px;
}
.checkedList .checkboxIcon {
  position: absolute;
  left: 0;
  top: 2px;
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../images/check.png) center no-repeat;
}
.checkedList [type="checkbox"] {
  position: relative;
  z-index: 12;
  opacity: 0;
  width: 20px;
  height: 17px;
  background-size: 10px 10px;
  top: 3px;
  left: -5px;
}
.checkedList input[type="checkbox"]:checked + .checkboxIcon {
  background: url(../images/check-active.png) center no-repeat;
}
.checkedList label {
  position: relative;
  cursor: pointer;
}
.checkedList > div {
  display: inline-block;
  color: #000;
  font-size: 16px;
}
.checkedList > div > div {
  display: inline-block;
  position: relative;
  margin-right: 20px;
  color: #9a9999;
  font-size: 14px;
}
.radioList {
  font-size: 16px;
}
.radioList > div {
  display: inline-block;
  width: 100%;
  line-height: 36px;
  z-index: 10;
}
.radioList label {
  position: relative;
  display: block;
  cursor: pointer;
}
.radioList label .radioIcon {
  position: absolute;
  left: 0;
  top: 9px;
  display: inline-block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: url(../images/icon-vacancy.png) center no-repeat;
}
.radioList label [type="radio"] {
  position: relative;
  z-index: 12;
  opacity: 0;
  width: 20px;
  height: 18px;
  background-size: 10px 10px;
  margin-right: 8px;
}
.radioList label input[type="radio"]:checked + .radioIcon {
  background: url(../images/icon-on.png) center no-repeat;
}
.itemCanvas {
  display: inline-block;
  width: 476px;
  position: relative;
}
.itemCanvas p {
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 200;
}
.itemCanvas p.top {
  font-size: 16px;
  bottom: 130px;
}
.itemCanvas p.bottom {
  color: #cd0301;
  bottom: 60px;
  font-size: 18px;
}
.itemCanvas p.itemCenter {
  line-height: 32px;
  text-align: center;
  bottom: 84px;
  color: #000;
}
.itemCanvas p.itemCenter span {
  font-weight: bold;
  font-size: 30px;
  display: inline-block;
  width: 70px;
  background: #fff;
  height: 32px;
}
.itemCanvas > div {
  height: 238px;
}
.videoDetail2021 {
  background: #16161a;
  margin-top: -20px;
  margin-bottom: -30px;
  padding-top: 20px;
  padding-bottom: 105px;
}
.videoDetail2021 .currentPosition {
  border-bottom: 1px solid #48484e;
  color: #fff;
}
.videoDetail2021 .videoLeft {
  display: inline-block;
  width: 840px;
  height: 474px;
  background: #9f9f9f;
}
.videoDetail2021 .videoRight {
  float: right;
  width: 330px;
  padding-right: 10px;
  padding-top: 20px;
  box-sizing: border-box;
  color: #dcd9dd;
}
.videoDetail2021 .videoRight .videoRightBack {
  background: transparent;
  border: 1px solid #b50413;
  color: #b50413;
  line-height: 34px;
  padding: 0 10px;
  border-radius: 34px;
  margin-bottom: 10px;
}
.videoDetail2021 .videoRight.finishVideo .jrVideoOk {
  display: inline-block;
  width: 100%;
  height: 100px;
  background: url(../images/rwwc.png) top center no-repeat;
  background-size: auto 100px;
}
.videoDetail2021 .videoRight.finishVideo .notF {
  display: none;
}
.videoDetail2021 .videoRight.finishVideo .center .finish {
  display: block;
}
.videoDetail2021 .videoRight.active .notF {
  display: none;
}
.videoDetail2021 .videoRight.active .finish {
  display: block;
}
.videoDetail2021 .videoRight .type {
  display: none;
}
.videoDetail2021 .videoRight .notF {
  display: block;
}
.videoDetail2021 .videoRight h3 {
  font-weight: normal;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 10px;
}
.videoDetail2021 .videoRight p {
  color: #999;
}
.videoDetail2021 .videoRight .center {
  margin-top: 45px;
  margin-bottom: 45px;
}
.videoDetail2021 .videoRight .ok {
  height: 64px;
  background: url(../images/ok.png) top center no-repeat;
  display: none;
}
.videoDetail2021 .videoRight .ok.active {
  display: block;
}
.videoDetail2021 .videoRight .study {
  width: 100%;
  line-height: 40px;
  color: #fff;
  border-radius: 40px;
  background: linear-gradient(to right, #ffae50, #ff681a);
  margin-bottom: 10px;
  font-weight: bold;
}
.filter-text {
  border: 1px solid #e0bba5 !important;
  border-radius: 4px;
  width: 138px;
  box-sizing: border-box;
}
.filter-text input {
  border: none !important;
  width: 100% !important;
  line-height: 38px !important;
  height: 38px !important;
}
.filter-text .icon-filter-arrow {
  color: #e0bba5 !important;
  width: 13px;
  background: url(../images/select.png) bottom center no-repeat;
}
.filter-box {
  display: inline-block !important;
}
.filter-box .filter-open {
  overflow: auto !important;
}
#print {
  width: 21cm;
  height: 29.7cm;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
#print .printBg {
  background: url(../images/print-bg.png) bottom center no-repeat;
  background-size: 100% 100%;
  height: 100%;
  padding: 36% 12%  0 12%;
  box-sizing: border-box;
  text-align: center;
}
#print .printBg h3 {
  font-size: 32px;
  color: #035098;
  font-weight: normal;
  border-bottom: 2px solid #015198;
  padding-bottom: 18px;
  margin-bottom: 20px;
}
#print .printBg p {
  color: #035098;
  font-size: 18px;
}
#print .printBg .rem2 {
  text-indent: 2rem;
  font-size: 18px;
  line-height: 40px;
  text-align: left;
}
#print .printBg .rem2.marginTop {
  margin-top: 50px;
}
#print .printBg .printBtn {
  background: #cd0301;
  line-height: 36px;
  color: #fff;
  border-radius: 4px;
}
#print .printBg .ermAndZ {
  margin-top: 50px;
}
#print .printBg .ermAndZ .ewm {
  display: inline-block;
  width: 170px;
  position: relative;
  text-align: center;
  background: url(../images/top-bg.png) top left no-repeat;
  background-size: 170px 170px;
  padding-top: 178px;
  float: left;
}
#print .printBg .ermAndZ .cityAndTime {
  float: right;
  font-size: 18px;
  line-height: 40px;
  padding: 50px 0 50px 0;
  width: 6cm;
  text-align: right;
  position: relative;
}
#print .printBg .ermAndZ .cityAndTime .yz {
  display: inline-block;
  width: 3.5cm;
  height: 3.5cm;
  background: url(../images/yz.png) no-repeat;
  background-size: 100% 100%;
  position: absolute;
  right: 0;
  top: 30px;
}
.printBody {
  -webkit-print-color-adjust: exact;
  -moz-print-color-adjust: exact;
  -ms-print-color-adjust: exact;
  print-color-adjust: exact;
}
.rem2 {
  text-indent: 2rem;
}
.toAgree {
  text-align: center;
  background: #faf4f3;
  margin-top: 40px;
  padding-top: 2px;
}
.selectYear {
  background: #900705;
}
.selectYear .indexNav {
  display: none;
}
.selectYear #selectYear {
  min-height: 500px;
  text-align: center;
  padding-top: 30px;
}
.selectYear #selectYear .yearList button {
  line-height: 140px;
  width: 210px;
  font-size: 28px;
  color: #fff;
  border-radius: 4px;
  background: #6b0403;
  box-shadow: inset 0px 0px 20px 8px #5e0403;
}
.selectYear #selectYear .xznf {
  display: inline-block;
  border-bottom: 1px solid #6b0403;
  padding: 0 55px;
  position: relative;
  margin-bottom: 40px;
}
.selectYear #selectYear .xznf span {
  background: #900705;
  display: inline-block;
  font-size: 20px;
  line-height: 30px;
  padding: 0 10px;
  position: relative;
  top: 14px;
  color: #fff;
}
.xqH6 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.creditTableList {
  width: 100%;
  border-collapse: collapse;
}
.creditTableList td {
  border: 1px solid #ebebeb;
  line-height: 30px;
  padding: 10px 15px;
  text-align: center;
}
.creditTableList td.left {
  text-align: left;
}
.creditTableList thead td {
  background: #f7f7f7;
}
.creditTableList tbody td {
  color: #666666;
}
.creditTableList tbody td .xfColor {
  color: #f64624;
}
.defaultBtn {
  line-height: 36px;
  min-width: 96px;
  border: none;
  background: #cd0301;
  font-size: 16px;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  padding: 0 10px;
}
.pauseVideoModal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}
.pauseVideoModal .pauseVideoDiv {
  position: absolute;
  z-index: 1100;
  width: 500px;
  height: 336px;
  background: url(../images/n-play.png) center no-repeat;
  left: 50%;
  top: 50%;
  margin-left: -250px;
  margin-top: -168px;
  cursor: pointer;
}
.creditBody {
  background: #f1f4f8;
  font-family: SimSun;
  font-size: 14px;
}
.creditBody .creditMobileTable {
  border-collapse: collapse;
  background: #fff;
}
.creditBody .creditMobileTable td {
  text-align: center;
  border: 1px solid #ebebeb;
  line-height: 1.5rem;
  padding: 0.5rem 0.4rem;
  box-sizing: border-box;
  color: #666666;
}
.creditBody .creditMobileTable td.left {
  text-align: left;
}
.creditBody .creditMobileTable td.pass {
  color: #999999;
}
.creditBody .creditMobileTable td.xf {
  color: #f64624;
}
.creditBody .creditMobileTable thead td {
  background: #f7f7f7;
  padding: 0.8rem 0.4rem;
  color: #444444;
}
.creditBody .creditMobileTable tbody tr td:last-child {
  width: 3.4rem;
}
.creditBody .creditMobileTable tbody tr td:nth-child(2) {
  width: 5rem;
}
.creditBody .creditMobile {
  padding: 1rem;
}
.creditBody .creditMobile .courseDetail {
  text-align: center;
  line-height: 3rem;
  background: #fff;
  border-radius: 0.2rem;
  margin: 0.8rem 0;
}
.creditBody .creditMobile .creditItem {
  padding: 1rem 1rem;
  background: #fff;
  border-radius: 0.2rem;
}
.creditBody .creditMobile .creditItem h3 {
  text-align: center;
  line-height: 2rem;
  color: #035098;
  font-size: 1.2rem;
}
.creditBody .creditMobile .creditMessage {
  padding-right: 4.5rem;
  margin-top: 1.5rem;
  position: relative;
}
.creditBody .creditMobile .creditMessage .creidtBg {
  display: inline-block;
  color: #d19a0e;
  position: absolute;
  right: 0;
  text-align: center;
}
.creditBody .creditMobile .creditMessage .creidtBg .xfBg {
  display: inline-block;
  width: 4rem;
  height: 4.5rem;
  background: url(../images/m-xf.png) top center no-repeat;
  background-size: 4rem auto;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  padding-top: 0.8rem;
  box-sizing: border-box;
  text-align: center;
}
.creditBody .creditMobile .creditMessage .creditText {
  line-height: 1.6rem;
  color: #222222;
}
.creditBody .creditMobile .creditMessage .creditText p {
  color: #999999;
  margin-top: 0.6rem;
}
.mobileForgetModal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.4);
  display: none;
}
.mobileForgetModal .loginClose {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(../images/login-close.png) center no-repeat;
  position: absolute;
  bottom: -50px;
  left: 50%;
  margin-left: -20px;
  cursor: pointer;
}
.mobileForgetModal .mobileForgetContent {
  width: 476px;
  background: #fff;
  border-radius: 4px;
  position: absolute;
  left: 50%;
  margin-left: -238px;
  top: 50px;
  padding: 30px 20px 50px 20px;
  color: #606266;
  font-size: 14px;
}
.mobileForgetModal .mobileForgetContent .hiddenLogin {
  text-align: center;
  display: none;
}
.mobileForgetModal .mobileForgetContent h3 {
  text-align: center;
  font-size: 24px;
  color: #000000;
}
.mobileForgetModal .mobileForgetContent .phone {
  color: #f55a4e;
  font-size: 18px;
  margin-bottom: 40px;
}
.mobileForgetModal .mobileForgetContent p {
  font-size: 24px;
  color: #000000;
  margin: 30px 0;
}
.mobileForgetModal .mobileForgetContent .loginSuccess {
  padding-top: 150px;
  background: url(../images/test-ok.png) center 60px no-repeat;
  background-size: 64px 64px;
}
.mobileForgetModal .mobileForgetContent .loginError {
  padding-top: 150px;
  background: url(../images/m-clode.png) center 60px no-repeat;
  background-size: 64px 64px;
}
.mobileForgetModal .mobileForgetContent .loginForget {
  padding-top: 230px;
  background: url(../images/login-reset.png) top center no-repeat;
}
.mobileForgetModal .mobileForgetContent .forgetBtn {
  width: 170px;
  margin: 0 auto;
  background: linear-gradient(to right, #f8704d, #d5170f);
}
.mobileForgetModal .mobileForgetContent .lofinReset {
  padding: 30px;
}
.mobileForgetModal .mobileForgetContent .lofinReset input {
  width: 100%;
  line-height: 40px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 0 10px;
  border-radius: 4px;
  margin-bottom: 22px;
}
.mobileForgetModal .mobileForgetContent .lofinReset > div {
  padding-left: 80px;
  position: relative;
}
.mobileForgetModal .mobileForgetContent .lofinReset > div .text {
  display: inline-block;
  width: 68px;
  line-height: 40px;
  position: absolute;
  left: 0;
  text-align: right;
}