/* Basic Resets */
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
li {
  list-style: none;
}
html {
  -ms-text-size-adjust: 14px;
  -webkit-text-size-adjust: 14px;
  font: 14px "MicroSoft YaHei", Helvetica, Arial, sans-serif;
}
/* input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 0 1000px white inset;
} */
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #b8b8b8;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b8b8b8;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b8b8b8;
}
body {
  font-size: 14px;
  background-color: #f5f5f5;
  font-family: "MicroSoft YaHei", Helvetica, Arial, sans-serif;
}
a {
  /* color: @linkColor; */
  text-decoration: none;
  outline: 0;
}
a:focus {
  outline: none;
}
a:active,
a:hover {
  /*  color:@linkColorHover; */
  text-decoration: none;
}
a a:vistied {
  text-decoration: none;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
[hidden] {
  display: none;
}
img {
  vertical-align: middle;
  border: 0;
}
/* Typography Resets */
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 16px;
  word-wrap: break-word;
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 40px;
}
h3 {
  font-size: 24px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
blockquote,
blockquote p {
  font-size: 18px;
  font-style: italic;
}
blockquote {
  margin: 0 0 22px;
  padding: 0 22px;
  border-left: 4px solid;
}
cite {
  font-size: 12px;
}
blockquote cite:before {
  content: "\2014 \00A0";
}
abbr[title] {
  cursor: help;
  border-bottom: 1px dotted;
}
address {
  font-size: 14px;
}
hr {
  border-top: 1px solid;
  clear: both;
  height: 1px;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 16px;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/* Embedded Resets */
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
/* video {
  width: 14px;
  height: auto;
 */}
svg:not(:root) {
  overflow: hidden;
}
/* Form Resets */
fieldset {
  position: relative;
  padding-top: 12px;
  margin-bottom: 12px;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 14px;
  vertical-align: middle;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
textarea {
  resize: none;
  overflow: auto;
  vertical-align: top;
}
*:focus {
  outline: none;
}
/* Table Resets */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  font-weight: 700;
}
.alignR {
  text-align: right;
}
/* 黑色 */
/* 黑色底*/
/* 黑色背景2 */
/* 字体颜色 */
/* 大标题字体颜色 */
/* 介绍黑色文字 */
/* 灰色文字 */
/* 输入框默认文字 */
/* 输入框默认文字 */
/*  底部链接颜色 */
/* 浅色线框灰色 */
/* 浅色线框灰色 */
/* 主题橙色 */
/* 棕色 */
/* 答题卡颜色 */
.orange {
  color: #ff7c42;
}
/* 0.625em */
/* 0.75em */
/* 0.875em*/
/* 1em */
/* 1.125em */
/* 1.25em */
/* 1.375em */
/* 1.5em */
/* 1.5em */
/* 2.25em */
/* 2.5em */
/* 3em */
/* 边框 */
/* 布局 & 定位 */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.rel {
  position: relative;
}
.ab {
  position: absolute;
}
.fix {
  position: fixed;
}
/* 元素转换 */
/* 边距填充*/
/* .wrap {
  width: 1200px;
  margin: 0 auto;
} */
/* 圆角 */
/* 单行文字截取 */
/* 多行文字截取 */
.hide {
  display: none;
}
input::-webkit-input-placeholder {
  color: #b8b8b8;
}
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #b8b8b8;
}
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #b8b8b8;
}
input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #b8b8b8;
}
input:focus,
textarea:focus {
  background-color: #fff3ee;
}
/* 透明的动画 */
@keyframes opacityAnimate {
  from {
    background: rgba(0, 0, 0, 0.5);
  }
  to {
    background: rgba(0, 0, 0, 0.3);
  }
}
-moz-keyframes opacityAnimate from {
  background: rgba(0, 0, 0, 0.5);
}
-moz-keyframes opacityAnimate to {
  background: rgba(0, 0, 0, 0.3);
}
-webkit-keyframes opacityAnimate from {
  background: rgba(0, 0, 0, 0.5);
}
-webkit-keyframes opacityAnimate to {
  background: rgba(0, 0, 0, 0.3);
}
-o-keyframes opacityAnimate from {
  background: rgba(0, 0, 0, 0.5);
}
-o-keyframes opacityAnimate to {
  background: rgba(0, 0, 0, 0.3);
}
/*通用样式*/
/*手机*/
/*平板*/
/*PC*/
* {
  font-family: "wdktoc-Regular";
}
*:not([class*="icon-"]):not(i) {
  font-family: "Microsoft YaHei";
}
@font-face {
  font-family: 'wdktoc-Regular';
  src: url('fonts/wdktoc-Regular.eot?6cvo2r');
  src: url('fonts/wdktoc-Regular.eot?6cvo2r#iefix') format('embedded-opentype'), url('fonts/wdktoc-Regular.ttf?6cvo2r') format('truetype'), url('fonts/wdktoc-Regular.woff?6cvo2r') format('woff'), url('fonts/wdktoc-Regular.svg?6cvo2r#wdktoc-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'wdktoc-Regular' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-stroke-width: 0.2px;
}
i[class^="icon-"],
[class*=" icon-"] {
  font-style: normal;
}
.icon-search:before {
  content: "\0021";
}
.icon-choose:before {
  content: "\0054";
}
.icon-choose2:before {
  content: "\0055";
}
.icon-choose3:before {
  content: "\0056";
}
.icon-choose4:before {
  content: "\0057";
}
.icon-up:before {
  content: "\0058";
}
.icon-qq:before {
  content: "\0059";
}
.icon-sina:before {
  content: "\005A";
}
.icon-exam:before {
  content: "\005B";
}
.icon-star:before {
  content: "\005C";
}
.icon-count:before {
  content: "\005D";
}
.icon-timedown:before {
  content: "\005E";
}
.icon-timeicon:before {
  content: "\005F";
}
.icon-people:before {
  content: "\0060";
}
.icon-television:before {
  content: "\0061";
}
.icon-transfer:before {
  content: "\0062";
}
.icon-down:before {
  content: "\0063";
}
.icon-set:before {
  content: "\0064";
}
.icon-coupon:before {
  content: "\0065";
}
.icon-f:before {
  content: "\0066";
}
.icon-newIcon:before {
  content: "\0053";
}
.icon-weixin:before {
  content: "\0052";
}
.icon-qqzone:before {
  content: "\0051";
}
.icon-bell:before {
  content: "\0050";
}
.icon-unshow:before {
  content: "\004F";
}
.icon-code:before {
  content: "\004E";
}
.icon-puser:before {
  content: "\004D";
}
.icon-buy:before {
  content: "\004C";
}
.icon-sale:before {
  content: "\004B";
}
.icon-copy:before {
  content: "\004A";
}
.icon-order:before {
  content: "\0049";
}
.icon-H:before {
  content: "\0048";
}
.icon-account:before {
  content: "\0047";
}
.icon-today:before {
  content: "\0046";
}
.icon-imgIcon:before {
  content: "\0045";
}
.icon-address:before {
  content: "\0044";
}
.icon-bad:before {
  content: "\0043";
}
.icon-good:before {
  content: "\0042";
}
.icon-wrong:before {
  content: "\0041";
}
.icon-right:before {
  content: "\0040";
}
.icon-replay:before {
  content: "\003F";
}
.icon-qanda:before {
  content: "\003E";
}
.icon-menu:before {
  content: "\003D";
}
.icon-edit:before {
  content: "\003C";
}
.icon-semicolon:before {
  content: "\003B";
}
.icon-colon:before {
  content: "\003A";
}
.icon-download:before {
  content: "\0039";
}
.icon-upload:before {
  content: "\0038";
}
.icon-seven:before {
  content: "\A032";
}
.icon-six:before {
  content: "\A031";
}
.icon-five:before {
  content: "\A030";
}
.icon-four:before {
  content: "\A029";
}
.icon-three:before {
  content: "\A028";
}
.icon-two:before {
  content: "\A027";
}
.icon-one:before {
  content: "\A026";
}
.icon-zero:before {
  content: "\A025";
}
.icon-slash:before {
  content: "\A024";
}
.icon-period:before {
  content: "\A023";
}
.icon-hyphen:before {
  content: "\A022";
}
.icon-comma:before {
  content: "\A021";
}
.icon-plus:before {
  content: "\A020";
}
.icon-asterisk:before {
  content: "\A019";
}
.icon-parenright:before {
  content: "\A018";
}
.icon-parenleft:before {
  content: "\A017";
}
.icon-quotesingle:before {
  content: "\A016";
}
.icon-iconTips:before {
  content: "\A015";
}
.icon-testpIcon:before {
  content: "\A014";
}
.icon-zhfb:before {
  content: "\A013";
}
.icon-weix:before {
  content: "\A012";
}
.icon-psw:before {
  content: "\A010";
}
.icon-msg:before {
  content: "\A009";
}
.icon-phone:before {
  content: "\A008";
}
.icon-message:before {
  content: "\0002";
}
.icon-typeIcon5:before {
  content: "\A005";
}
.icon-typeIcon4:before {
  content: "\A004";
}
.icon-typeIcon3:before {
  content: "\A003";
}
.icon-typeIcon2:before {
  content: "\A002";
}
.icon-typeIcon:before {
  content: "\A001";
}
.icon-plan2:before {
  content: "\0027";
}
.icon-plan1:before {
  content: "\0026";
}
.icon-plan0:before {
  content: "\0025";
}
.icon-exit:before {
  content: "\0023";
}
.icon-exit:before {
  content: "\0023";
}
.icon-money:before {
  content: "\0067";
}
.icon-myzb:before {
  content: "\0068";
}
.icon-newleft:before {
  content: "\0069";
}
.icon-undone:before {
  content: "\006A";
}
.icon-doing:before {
  content: "\006B";
}
.icon-done:before {
  content: "\006C";
}
.icon-rzSuccess:before {
  content: "\006D";
}
.icon-rzFail:before {
  content: "\006E";
}
.icon-approveI:before {
  content: "\006F";
}
.icon-approve2:before {
  content: "\0070";
}
.icon-approve3:before {
  content: "\0071";
}
/* 公共模块 */
.searchBtn {
  position: relative;
}
.searchBtn input[type="text"] {
  padding: 0 70px 0 20px;
  background: #484848;
  -weikit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #484848;
  background-color: #484848;
  color: #ff7c42;
  text-align: left;
}
.searchBtn input[type="button"] {
  border: none;
  width: 60px;
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 1;
  -weikit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -ms-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  background: url("../images/transparent.png") repeat left top;
}
.searchBtn .icon-search {
  position: absolute;
  right: 16px;
  top: 8px;
  font-size: 20px;
  color: #b8b8b8;
  z-index: 0;
}
.searchBtn.focused input[type="text"] {
  border: 1px solid #ff7c42;
}
.searchBtn.focused .icon-search {
  color: #ff7c42;
}
.header {
  height: 80px;
  background: #323436;
  zoom: 1;
}
.header:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.header:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.header .wrap {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 1000;
}
.header .logo {
  display: inline-block;
  width: 230px;
  height: 50px;
  margin: 15px 0 0;
  background: url("../images/logo/logo.png") no-repeat left center;
  text-indent: -999em;
}
.header div.fr {
  margin: 25px 0 0;
}
.header .search {
  float: left;
  position: relative;
  width: 400px;
  height: 36px;
  margin: 0 260px 0 0;
}
.header .search input[type="text"] {
  padding: 0 70px 0 20px;
  background: #484848;
  -weikit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #484848;
  background-color: #484848;
  color: #ff7c42;
  text-align: left;
}
.header .search input[type="button"] {
  border: none;
  width: 60px;
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 1;
  -weikit-border-radius: 0 20px 20px 0;
  -moz-border-radius: 0 20px 20px 0;
  -ms-border-radius: 0 20px 20px 0;
  -o-border-radius: 0 20px 20px 0;
  border-radius: 0 20px 20px 0;
  background: url("../images/transparent.png") repeat left top;
}
.header .search .icon-search {
  position: absolute;
  right: 16px;
  top: 8px;
  font-size: 20px;
  color: #b8b8b8;
  z-index: 0;
}
.header .search.focused input[type="text"] {
  border: 1px solid #ff7c42;
}
.header .search.focused .icon-search {
  color: #ff7c42;
}
.header .search input[type="text"] {
  width: 400px;
  height: 36px;
}
.header .search #searchBtn {
  height: 34px;
  background: url("../images/transparent.png") repeat left top;
}
.header .nav {
  float: right;
  line-height: 36px;
}
.header .nav em {
  float: left;
  font-style: normal;
  color: #b8b8b8;
}
.header .nav a {
  float: left;
  position: relative;
  width: 70px;
  height: 36px;
  text-align: center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.header .nav a i {
  font-style: normal;
  color: #b8b8b8;
}
.header .nav a#app {
  margin: 0 50px 0 0;
  display: none;
}
.header .nav a.nava {
  overflow: hidden;
}
.header .nav a .hoverlayer {
  position: absolute;
  display: inline-block;
  background: #ff7c42;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height: 100%;
  left: 0;
  top: -100%;
  width: 100%;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  z-index: 0;
}
.header .nav a:hover i {
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.header .nav a:hover .hoverlayer {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  z-index: 0;
  top: 0;
}
.header .nav #studyCenter {
  width: auto;
  padding: 0 20px;
  border: 1px solid #484848;
  -weikit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  margin: 0 40px 0 0;
  overflow: hidden;
}
.header .nav a#message {
  position: relative;
  width: 30px;
  height: 36px;
  overflow: inherit;
  margin-right: 45px;
}
.header .nav a#message i {
  font-size: 20px;
}
.header .nav a#message em {
  position: absolute;
  left: 60%;
  top: 0;
  min-width: 22px;
  min-height: 14px;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background: #ff4330;
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  line-height: 14px;
  padding: 4px;
  z-index: 3;
}
.header #userImg {
  float: right;
  width: 50px;
  height: 50px;
  margin: -10px 0 0 0px;
  position: relative;
  cursor: pointer;
}
.header #userImg img {
  -weikit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  border: 1px solid #ff7c42;
  overflow: hidden;
  width: 50px;
  height: 50px;
}
.header .userPanel {
  width: 130px;
  height: auto;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px #ececec;
  -moz-box-shadow: 0 0 5px #ececec;
  -ms-box-shadow: 0 0 5px #ececec;
  -o-box-shadow: 0 0 5px #ececec;
  box-shadow: 0 0 5px #ececec;
  position: absolute;
  top: 60px;
  right: 0px;
}
.header .userPanel li {
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #ececec;
  padding: 0 10px;
}
.header .userPanel li i {
  margin: 0 10px 0 0;
  color: #969696;
}
.header .userPanel li.last,
.header .userPanel li:last-child {
  border-bottom: 0px solid #ffffff;
}
.header .userPanel li a {
  display: inline-block;
  width: auto;
  color: #484848;
  font-size: 14px;
  padding: 0 12px;
}
.header .userPanel li a:hover {
  color: #ff7c42;
  text-decoration: none;
}
.header .userPanel li a:hover i {
  color: #ff7c42;
}
#formHomeSearch .search .placeholder {
  position: absolute \9;
  top: 8px \9;
  color: #b8b8b8 \9;
}
/* banner */
/* .banner {
  width: 100%;
  height: 500px;
}
.banner .slide {
  width: 100%;
  height: 500px;
} */
.banner div img {
  display: block;
  width: 100%;
  margin-left: -1px;
  margin-right: 0px;
  padding: 0;
}
.bamboo-prev,
.bamboo-next {
  display: none;
}
/* .banner,
.swiper-container {
  height: 500px;
  position: relative;
} */
.banner .pages.horizontal {
  z-index: 5;
}
.banner .pages.horizontal li {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 4px;
  background: #ffffff;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  box-shadow: none;
}
.banner .pages.horizontal li.active {
  opacity: 1;
}
/* 分页 */
.pageBox {
  text-align: center;
  margin: 50px auto 0;
}
.pageBox .page {
  display: inline-block;
}
.pageBox .m-style.mypage a,
.pageBox .m-style.mypage span {
  height: 24px;
  line-height: 24px;
  min-width: 24px;
  padding: 0 5px;
  margin: 0 5px;
  width: auto;
  -weikit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  background: none;
  border: 1px solid #ffffff;
  color: #969696;
}
.pageBox .m-style.mypage a:hover,
.pageBox .m-style.mypage span:hover {
  background: #ffffff;
  border: 1px solid #ececec;
}
.pageBox .m-style.mypage span.active,
.pageBox .m-style.mypage span.active:hover {
  color: #ffffff;
  background-color: #ff7c42;
  border: 1px solid #ff7c42;
  -weikit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}
.pageBox .layui-laypage .layui-laypage-curr em {
  -weikit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}
/* 底部 */
.footer {
  width: 100%;
  height: auto;
  background-color: #323436;
  margin: 130px 0 0;
  padding: 30px 0;
}
.footer ul {
  float: left;
  margin: 95px 0 0;
}
.footer ul li {
  float: left;
  width: 120px;
  height: 40px;
  line-height: 40px;
  margin: 0 75px 0 0;
}
.footer ul li a {
  font-size: 16px;
  color: #ffffff;
}
.footer ul li a:hover {
  color: #ff7c42;
}
.footer .code {
  float: right;
  margin: 40px 100px 40px 0;
}
.footer .copy {
  zoom: 1;
  border-top: 1px solid #3e4042;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  color: #aaaaaa;
}
.footer .copy:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.footer .copy:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.amend .fl {
  float: left;
}
.amend .fl p {
  height: 30px;
  line-height: 30px;
  color: #fff;
}
.amend .fl p span {
  display: inline-block;
  padding: 0 10px;
  color: #fff;
}
.amend .fl p a {
  color: #fff;
}
.amend .fl p a:hover {
  color: #ff7c42;
}
.amend .fr a {
  padding: 5px 15px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  font-size: 14px;
  margin-top: 15px;
  display: inline-block;
}
.amend .fr a:hover {
  color: #ff7c42;
  border: 1px solid #ff7c42;
}
/* 登陆后底部 */
.footerLogined {
  width: 100%;
  background: #ffffff;
  height: auto;
  margin: 45px auto 0;
  padding: 10px 0;
  text-align: center;
}
.footerLogined ul {
  display: inline-block;
  margin: 0 auto 20px;
}
.footerLogined ul li {
  width: 130px;
  float: left;
  margin: 0 60px 0 0;
}
.footerLogined ul li a {
  color: #484848;
  font-size: 16px;
}
.footerLogined ul li a:hover {
  color: #ff7c42;
}
.footerLogined .copy {
  height: 50px;
  line-height: 50px;
  color: #969696;
  /*  border-top: 1px solid #f5f5f5; */
}
.footerLogined .copy img {
  margin-right: 20px;
}
.footerLogined.fix {
  bottom: 0;
}
/* 排序 */
.sort {
  zoom: 1;
  height: 34px;
  line-height: 34px;
}
.sort:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.sort:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.sort li {
  float: right;
  color: #484848;
  position: relative;
  padding: 0 25px 0 20px;
}
.sort li i {
  font-size: 20px;
  position: absolute;
  cursor: pointer;
  color: #c4c4c4;
}
.sort li i:hover,
.sort li i.active {
  color: #ff7c42;
}
.sort li i.icon-up {
  right: 0;
  top: 2px;
}
.sort li i.icon-down {
  right: 0;
  top: 13px;
}
/* 直播标签 */
.liveSub {
  display: block;
  position: absolute;
  -weikit-border-radius: 0 0 18px 18px;
  -moz-border-radius: 0 0 18px 18px;
  -ms-border-radius: 0 0 18px 18px;
  -o-border-radius: 0 0 18px 18px;
  border-radius: 0 0 18px 18px;
  background-color: #3296fa;
  text-align: center;
  z-index: 3;
  top: 0;
  right: 20px;
  font-style: normal;
  color: #ffffff;
  padding: 4px 0 0;
}
/* 面包屑 */
.crumbs {
  height: 50px;
  line-height: 50px;
}
.crumbs span,
.crumbs a {
  color: #484848;
  padding: 0 5px;
}
.crumbs a:hover {
  color: #ff7c42;
}
/* 图片展示 */
.homtopPicClass {
  width: 285px;
  height: 300px;
  border: 1px solid transparent;
}
.homtopPicClass a {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #ffffff;
  /*  */
}
.homtopPicClass a p {
  padding: 0 20px;
}
.homtopPicClass a .topPicImg {
  width: 285px;
  height: 160px;
  overflow: hidden;
}
.homtopPicClass a .topPicImg img {
  height: 160px;
  width: 285px;
  max-width: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.homtopPicClass a .topPicName {
  font-size: 16px;
  color: #252525;
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.homtopPicClass a .topPicClass {
  height: 40px;
  line-height: 40px;
  color: #969696;
}
.homtopPicClass a .topPicprize {
  margin: 20px 0 0;
  color: #ff4330;
  font-size: 20px;
}
.homtopPicClass.liveClass .topPicImg {
  position: relative;
}
.homtopPicClass.liveClass .topPicImg em {
  display: block;
  position: absolute;
  -weikit-border-radius: 0 0 18px 18px;
  -moz-border-radius: 0 0 18px 18px;
  -ms-border-radius: 0 0 18px 18px;
  -o-border-radius: 0 0 18px 18px;
  border-radius: 0 0 18px 18px;
  background-color: #3296fa;
  text-align: center;
  z-index: 3;
  top: 0;
  right: 20px;
  font-style: normal;
  color: #ffffff;
  padding: 4px 0 0;
  width: 36px;
  height: 50px;
  line-height: 18px;
}
.homtopPicClass:hover {
  border: 1px solid #f8bf31;
  -webkit-box-shadow: 2px 0 10px #cacaca;
  -moz-box-shadow: 2px 0 10px #cacaca;
  -ms-box-shadow: 2px 0 10px #cacaca;
  -o-box-shadow: 2px 0 10px #cacaca;
  box-shadow: 2px 0 10px #cacaca;
}
.homtopPicClass:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
/* 搜索结果 */
.searchResult {
  height: 50px;
  line-height: 50px;
  color: #484848;
}
.searchResult span {
  color: #ff7c42;
}
/* 按钮 */
.commonBtn {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
}
.fillBtn {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
}
.fillBtn:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
.fillBtn:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
.fillBtn:hover {
  background-color: #ff6d2c;
}
.fillBtn.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.fillBtn.w120-36:hover {
  color: #ffffff;
}
.fillBtn.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.fillBtn.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
.fillBtn.w110-34:hover {
  color: #ffffff;
}
.fillBtn.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.fillBtn.w90-30:hover {
  color: #ffffff;
}
.fillBtn.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
.fillBtn.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
.fillBtn.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.fillBtn.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
.fillBtn.blueBtn:hover {
  background-color: #0c70d4;
}
.borderBtn {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  border: 1px solid #ff7c42;
  color: #ff7c42;
  background-color: #ffffff;
}
.borderBtn:hover {
  background-color: #fff3ee;
}
.borderBtn.w100-30 {
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.borderBtn.w120-36 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.cancel {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
  background-color: #ae8e83;
}
.cancel:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
.cancel:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
.cancel:hover {
  background-color: #ff6d2c;
}
.cancel.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.cancel.w120-36:hover {
  color: #ffffff;
}
.cancel.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.cancel.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
.cancel.w110-34:hover {
  color: #ffffff;
}
.cancel.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.cancel.w90-30:hover {
  color: #ffffff;
}
.cancel.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
.cancel.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
.cancel.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.cancel.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
.cancel.blueBtn:hover {
  background-color: #0c70d4;
}
.cancel:focus {
  background-color: #ae8e83;
  color: #ffffff;
}
.cancel:blur {
  background-color: #ae8e83;
  color: #ffffff;
}
.cancel:hover {
  background-color: #94786e;
}
/* 输入框 */
.commonIpt {
  width: 240px;
  height: 46px;
  line-height: 46px;
  color: #969696;
  padding: 0 10px 0 40px;
  border: 1px solid #dcdcdc;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.codeBtn {
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ff7c42;
  height: 46px;
  line-height: 46px;
  text-align: center;
}
/* 复选框 */
.checkbox-label {
  width: 14px;
  height: 14px;
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 0;
}
.checkbox-label input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  width: 10px;
  height: 12px;
  position: absolute;
  left: 1px;
  top: -3px;
  padding: 0;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
.checkbox-label input[type="checkbox"] + span {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 14px;
  height: 14px;
  display: inline-block;
  background: url("../images/checkbox.png") no-repeat;
  background-position: 0 0;
}
.checkbox-label input[type="checkbox"] + span.active {
  background-position: 0 -14px;
}
/* 课程服务 */
.classService li.name {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  color: #252525;
  height: 40px;
  line-height: 40px;
  padding: 0 15px;
}
.classService li.name em {
  position: absolute;
  top: 11px;
  left: 0;
  float: left;
  width: 5px;
  height: 20px;
  background-color: #ff7c42;
  margin: 0 10px 0 0;
}
.classService li.name .listenTest {
  display: inline-block;
  border: 1px solid #ff7c42;
  padding: 2px 5px;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  color: #ff7c42;
  position: absolute;
  font-weight: normal;
  font-size: 14px;
  height: auto;
  line-height: 14px;
  margin: 0 5px;
}
.classService .layer {
  height: 50px;
  line-height: 50px;
  margin: 10px 0 0;
  padding: 0 0 0 20px;
  font-size: 16px;
  color: #484848;
  font-weight: bold;
}
.classService .layer .timeTotal {
  float: right;
  font-weight: normal;
  font-size: 14px;
  margin: 0 20px 0 0;
}
.classService .layer.layer2 {
  padding: 0 0 0 40px;
  font-size: 14px;
  margin: 0;
}
.classService .layer_li {
  height: 40px;
  line-height: 40px;
  color: #484848;
  padding: 0 20px 0 0;
  margin: 0 0 0 20px;
}
.classService .layer_li .type,
.classService .layer_li .listenTestSpan,
.classService .layer_li .time {
  float: right;
  line-height: 40px;
  font-size: 12px;
  color: #969696;
}
.classService .layer_li .type a,
.classService .layer_li .listenTestSpan a,
.classService .layer_li .time a {
  display: inline-block;
  width: auto;
  font-size: 12px;
  color: #3296fa;
}
.classService .layer_li .type {
  float: right;
}
.classService .layer_li .type,
.classService .layer_li .type a {
  width: 60px;
  text-align: right;
}
.classService .layer_li .listenTestSpan,
.classService .layer_li .time {
  width: 60px;
  margin: 0 50px 0 0;
}
.classService .layer_li .time,
.classService .layer_li .time a {
  width: 90px;
  margin-right: 0px;
}
.classService .layer_li .listenTestSpan {
  cursor: pointer;
  color: #ff7c42;
}
.classService .layer_li .type {
  font-size: 18px;
}
.classService .layer_li a {
  float: left;
  width: 600px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #484848;
}
.classService .layer_li a i {
  font-size: 14px;
  display: inline-block;
  margin: 0 15px 0 10px;
  color: #969696;
  background-color: #ffffff;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.classService .layer_li:hover {
  background-color: #fff3ee;
}
.classService .layer_li:hover a {
  text-decoration: none;
}
.classService .layer_li:hover a i {
  color: #ff7c42;
}
.classService .layer_li.layer2_li {
  padding: 0 20px 0;
}
#goTop {
  position: fixed;
  z-index: 100;
  width: 50px;
  height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff3ee;
}
#goTop i {
  left: 18px;
  top: 12px;
  font-size: 24px;
  position: absolute;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  color: #ff7c42;
}
body .myAlertSkin,
.myAlertSkingive {
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
}
body .myAlertSkin .layui-layer-title,
.myAlertSkingive .layui-layer-title {
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #252525;
  background: none;
  border-bottom: 1px solid #ffffff;
  padding: 0 20px;
}
body .myAlertSkin .layui-layer-setwin .layui-layer-close2,
.myAlertSkingive .layui-layer-setwin .layui-layer-close2 {
  display: inline-block;
  width: 12px;
  height: 12px;
  top: 0px;
  right: 0px;
  background: url("../images/close.png") no-repeat left top;
}
body .myAlertSkin .layui-layer-setwin .layui-layer-close2:hover,
.myAlertSkingive .layui-layer-setwin .layui-layer-close2:hover {
  background-position: left -13px;
}
body .myAlertSkin .layui-layer-btn,
.myAlertSkingive .layui-layer-btn {
  text-align: center;
}
body .myAlertSkin .layui-layer-btn a,
.myAlertSkingive .layui-layer-btn a {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  margin: 0 0 60px;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn0,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0 {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  border: 1px solid #ff7c42;
  color: #ff7c42;
  background-color: #ffffff;
  margin: 0 40px 0 0;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn0:hover,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0:hover {
  background-color: #fff3ee;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn0.w100-30,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.w100-30 {
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn0.w120-36,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.w120-36 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1 {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1:focus,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1:blur,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1:hover,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1:hover {
  background-color: #ff6d2c;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.w120-36,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.w120-36:hover,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.w120-36:hover {
  color: #ffffff;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.w120-34,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.w110-34,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.w110-34:hover,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.w110-34:hover {
  color: #ffffff;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.w90-30,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.w90-30:hover,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.w90-30:hover {
  color: #ffffff;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.disableBtn,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.brownBtn,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.brownBtn:hover,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.blueBtn,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1.blueBtn:hover,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1.blueBtn:hover {
  background-color: #0c70d4;
}
body .myAlertSkin .layui-layer-btn a.layui-layer-btn0,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0,
body .myAlertSkin .layui-layer-btn a.layui-layer-btn1,
.myAlertSkingive .layui-layer-btn a.layui-layer-btn1 {
  width: 110px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
body .myAlertSkin.pay .layui-layer-content,
.myAlertSkingive.pay .layui-layer-content {
  height: 240px;
}
body .myAlertSkin.pay .layui-layer-btn,
.myAlertSkingive.pay .layui-layer-btn {
  padding: 20px 15px 0;
}
body .myAlertSkin.pay .layui-layer-btn a.layui-layer-btn0,
.myAlertSkingive.pay .layui-layer-btn a.layui-layer-btn0,
body .myAlertSkin.pay .layui-layer-btn a.layui-layer-btn1,
.myAlertSkingive.pay .layui-layer-btn a.layui-layer-btn1 {
  width: 200px;
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}
body .myAlertSkin.paySetTime .layui-layer-btn,
.myAlertSkingive.paySetTime .layui-layer-btn {
  padding: 0px 15px;
  margin: -40px 0 0;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0 {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
  margin: 0 auto;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0:focus,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0:blur,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0:hover,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0:hover {
  background-color: #ff6d2c;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.w120-36,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.w120-36:hover,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.w120-36:hover {
  color: #ffffff;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.w120-34,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.w110-34,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.w110-34:hover,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.w110-34:hover {
  color: #ffffff;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.w90-30,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.w90-30:hover,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.w90-30:hover {
  color: #ffffff;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.disableBtn,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.brownBtn,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.brownBtn:hover,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.blueBtn,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
body .myAlertSkin.paySetTime .layui-layer-btn a.layui-layer-btn0.blueBtn:hover,
.myAlertSkingive.paySetTime .layui-layer-btn a.layui-layer-btn0.blueBtn:hover {
  background-color: #0c70d4;
}
body .myAlertSkin.delet .layui-layer-content,
.myAlertSkingive.delet .layui-layer-content {
  height: 80px;
  line-height: 80px;
  text-align: center;
}
body .myAlertSkin.delet.btn0 .layui-layer-btn a.layui-layer-btn0,
.myAlertSkin.delet.btn0 .layui-layer-btn a.layui-layer-btn0 {
  margin: 0 auto;
}
body .myAlertSkin.deletNew .layui-layer-content,
.myAlertSkingive.deletNew .layui-layer-content,
body .myAlertSkin.deletP .layui-layer-content,
.myAlertSkingive.deletP .layui-layer-content {
  height: 120px;
  overflow: hidden;
  line-height: 170px;
  text-align: center;
}
body .myAlertSkin.deletNew .layui-layer-btn,
.myAlertSkin.deletNew .layui-layer-btn {
  margin-top: 40px;
}
body .myAlertSkin.deletP .layui-layer-btn,
.myAlertSkin.deletP .layui-layer-btn {
  margin-top: 40px;
}
body .myAlertSkin.deletP.lineH70 .layui-layer-content,
.myAlertSkin.deletP.lineH70 .layui-layer-content {
  line-height: 70px;
}
body .myAlertSkin.delet110 .layui-layer-content,
.myAlertSkingive.delet110 .layui-layer-content {
  line-height: 110px;
}
body .myAlertSkin.deletNew .layui-layer-btn,
.myAlertSkin.deletNew .layui-layer-btn {
  margin: -20px -40px 0 0;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0 {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
  background-color: #ae8e83;
  width: 110px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0:hover {
  background-color: #ff6d2c;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.w120-36:hover {
  color: #ffffff;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.w110-34:hover {
  color: #ffffff;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.w90-30:hover {
  color: #ffffff;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0.blueBtn:hover {
  background-color: #0c70d4;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0:focus {
  background-color: #ae8e83;
  color: #ffffff;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0:blur {
  background-color: #ae8e83;
  color: #ffffff;
}
.myAlertSkingive .layui-layer-btn a.layui-layer-btn0:hover {
  background-color: #94786e;
}
.alignC {
  text-align: center;
}
/* 弹出框 */
.pop {
  display: none;
}
.pop .popCon {
  display: table-cell;
  vertical-align: middle;
}
.pop .popCon p {
  width: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  color: #484848;
  padding: 0 40px;
}
.pop .popCon p.f20 {
  font-size: 20px;
  margin: 0 0 20px;
}
.pop.small {
  width: 520px;
  height: 200px;
}
.pop.small .popCon {
  width: 520px;
  height: 190px;
}
.pop.small .fillBtn,
.pop.small .borderBtn {
  width: 110px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.pop.small .borderBtn {
  margin: 0 30px 0 0;
}
/* 404页面 */
.div404 {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.error404 {
  width: 400px;
  height: 400px;
  background: url("../images/404.png") no-repeat center center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -200px 0 0 -200px;
  padding-top: 300px;
}
.error404.classMiss {
  padding-top: 320px;
  background: url("../images/message.png") no-repeat center center;
}
.error404 p {
  line-height: 24px;
  text-align: center;
  font-size: 18px;
  color: #969696;
}
.error404 p a {
  display: inline-block;
  padding: 10px;
  font-size: 14px;
  color: #484848;
}
.error404 p a:hover {
  color: #ff7c42;
}
.error404.classOver {
  padding-top: 340px;
  background: url("../images/ask.png") no-repeat center center;
}
/* 公共模块 结束 */
/* 登录注册 */
.loginBg {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  top: 0;
  padding: 75px 0 0;
  background: url("../images/loginBg.jpg") no-repeat center top #faf2ee;
}
.loginBg .logo {
  padding: 0 0 0 25px;
  margin: 0 auto 80px;
  float: left;
}
.loginBg .loginRe {
  float: right;
  margin: 105px 110px 0 0;
  width: 380px \9;
}
.loginBg .loginRe h2 {
  font-size: 16px;
  color: #252525;
  text-align: center;
  margin: 0 0 30px;
}
.loginBg .tabNav {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 0 0 20px;
  color: #969696;
  font-size: 16px;
}
.loginBg .tabNav li {
  font-weight: bold;
  float: left;
  font-size: 16px;
  width: 50%;
  padding: 0 0 0 30px;
  cursor: pointer;
}
.loginBg .tabNav li.alignR {
  padding: 0 30px 0 0;
}
.loginBg .tabNav li.active {
  color: #252525;
}
.loginBg .forgetNav {
  width: 100%;
  height: 50px;
  margin: 0 0 30px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #efefef;
  border-bottom: 0px;
}
.loginBg .forgetNav li {
  float: left;
  width: 50%;
  height: 49px;
  line-height: 50px;
  font-size: 14px;
  color: #969696;
  text-align: center;
  background-color: #ffffff;
  border-bottom: 1px solid #efefef;
  -weikit-border-radius: 0 0 0 5px;
  -moz-border-radius: 0 0 0 5px;
  -ms-border-radius: 0 0 0 5px;
  -o-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.loginBg .forgetNav li.r {
  -weikit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  -ms-border-radius: 0 5px 0 0;
  -o-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
.loginBg .forgetNav li.active {
  color: #ff7c42;
  border-bottom: 3px solid #ff7c42;
}
.loginBox {
  width: 380px;
  border: 1px solid #efefef;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  -webkit-box-shadow: 5px 0 20px #f3ecec;
  -moz-box-shadow: 5px 0 20px #f3ecec;
  -ms-box-shadow: 5px 0 20px #f3ecec;
  -o-box-shadow: 5px 0 20px #f3ecec;
  box-shadow: 5px 0 20px #f3ecec;
}
.loginBox li {
  position: relative;
  margin: 0 auto 30px;
}
.loginBox li i {
  font-size: 16px;
  color: #dcdcdc;
  position: absolute;
  left: 10px;
  top: 15px;
}
.loginBox li i.icon-phone {
  font-size: 24px;
  left: 15px;
  top: 10px;
}
.loginBox li i.icon-psw {
  left: 15px;
}
.loginBox li p {
  height: 30px;
  line-height: 30px;
  position: absolute;
  bottom: -30px;
  text-indent: 40px;
  font-size: 12px;
  color: #ff7c42;
  display: none;
}
.loginBox li.xy {
  color: #969696;
}
.loginBox li.xy a {
  color: #ff7c42;
}
.loginBox .commonIpt {
  width: 240px;
  height: 46px;
  line-height: 46px;
  color: #969696;
  padding: 0 10px 0 40px;
  border: 1px solid #dcdcdc;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.loginBox .commonIpt.code {
  width: 150px;
  margin: 0 10px 0 0;
  float: left;
}
.loginBox .getSec {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
  display: none;
}
.loginBox .getSec:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
.loginBox .getSec:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
.loginBox .getSec:hover {
  background-color: #ff6d2c;
}
.loginBox .getSec.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.loginBox .getSec.w120-36:hover {
  color: #ffffff;
}
.loginBox .getSec.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.loginBox .getSec.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
.loginBox .getSec.w110-34:hover {
  color: #ffffff;
}
.loginBox .getSec.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.loginBox .getSec.w90-30:hover {
  color: #ffffff;
}
.loginBox .getSec.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
.loginBox .getSec.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
.loginBox .getSec.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.loginBox .getSec.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
.loginBox .getSec.blueBtn:hover {
  background-color: #0c70d4;
}
.loginBox .getCode {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  border: 1px solid #ff7c42;
  color: #ff7c42;
  background-color: #ffffff;
}
.loginBox .getCode:hover {
  background-color: #fff3ee;
}
.loginBox .getCode.w100-30 {
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.loginBox .getCode.w120-36 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.loginBox .getSec,
.loginBox .getCode {
  width: 78px;
  height: 46px;
  line-height: 46px;
  font-size: 14px;
}
.loginBox .getCode.numCode {
  border: 1px solid #ececec;
}
.loginBox .checkbox-label {
  float: left;
  margin: 2px 10px 0 0;
}
.loginBox .loginBtn {
  display: block;
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
  width: 240px;
}
.loginBox .loginBtn:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
.loginBox .loginBtn:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
.loginBox .loginBtn:hover {
  background-color: #ff6d2c;
}
.loginBox .loginBtn.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.loginBox .loginBtn.w120-36:hover {
  color: #ffffff;
}
.loginBox .loginBtn.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.loginBox .loginBtn.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
.loginBox .loginBtn.w110-34:hover {
  color: #ffffff;
}
.loginBox .loginBtn.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.loginBox .loginBtn.w90-30:hover {
  color: #ffffff;
}
.loginBox .loginBtn.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
.loginBox .loginBtn.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
.loginBox .loginBtn.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.loginBox .loginBtn.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
.loginBox .loginBtn.blueBtn:hover {
  background-color: #0c70d4;
}
.loginBox .reBox {
  margin: 40px 70px;
}
.loginBox .login {
  margin: 70px;
}
.loginBox .login li {
  margin: 0 0 50px;
}
.loginBox .login a.forget {
  display: inline-block;
  width: 100%;
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #ff7c42;
}
.placeholder {
  position: absolute;
  top: 14px;
  z-index: 10;
  color: #b8b8b8;
  font-size: 14px;
}
/* 首页内容 */
.firstPart {
  margin: 50px auto 0;
  width: 590px;
  height: 300px;
}
.firstPart a {
  display: block;
  width: 100%;
  height: 100%;
}
.LivePreview h1 {
  height: 110px;
  text-align: center;
  font-size: 24px;
  color: #252525;
  line-height: 110px;
  font-weight: normal;
  overflow: hidden;
}
.LivePreview h1 i {
  font-size: 20px;
  color: #ff7c42;
  display: inline-block;
  margin: 0 20px;
  font-style: normal;
}
.LivePreview h1 a {
  float: right;
  font-size: 14px;
  color: #969696;
  line-height: 160px;
}
.LivePreview h1 a:hover {
  color: #ff7c42;
}
.LivePreview ul li {
  float: left;
  background: #ffffff;
  margin: 0 20px 0 0;
}
.LivePreview ul li a {
  display: inline-block;
  width: 386px;
  height: 250px;
  padding: 30px 30px 24px;
}
.LivePreview ul li a span.liveTime,
.LivePreview ul li a p {
  display: block;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #ff7c42;
}
.LivePreview ul li a p {
  color: #484848;
  margin: 0 0 10px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.LivePreview ul li .teacherbox {
  width: 100%;
  text-align: center;
}
.LivePreview ul li .teacherbox span {
  display: inline-block;
  font-size: 14px;
  color: #969696;
  margin: 0 9px;
  max-width: 60px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.LivePreview ul li .teacherbox span img {
  display: block;
  width: 60px;
  height: 60px;
  overflow: hidden;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 auto 10px;
}
.LivePreview ul li.center .liveTime {
  color: #3296fa;
}
.LivePreview ul li.last {
  margin: 0;
}
.LivePreview ul li.last .liveTime {
  color: #20dbcc;
}
.LivePreview ul li:hover {
  -webkit-box-shadow: 2px 0 10px #cacaca;
  -moz-box-shadow: 2px 0 10px #cacaca;
  -ms-box-shadow: 2px 0 10px #cacaca;
  -o-box-shadow: 2px 0 10px #cacaca;
  box-shadow: 2px 0 10px #cacaca;
}
.homtopPic {
  zoom: 1;
  margin: 50px auto 0;
}
.homtopPic:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.homtopPic:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.homtopPic dt {
  width: 285px;
  height: 620px;
  padding: 20px 0 0;
  float: left;
}
.homtopPic dt div {
  display: table;
  width: 285px;
  height: 620px;
  text-align: center;
}
.homtopPic dt div a {
  display: table-cell;
  font-style: normal;
  font-size: 40px;
  letter-spacing: 3px;
  padding: 50px;
  color: #ffffff;
}
.homtopPic dd {
  margin: -20px 0 0 285px;
}
.homtopPic dd .homtopPicClass {
  float: left;
  margin: 20px 0 0 20px;
}
.slogan {
  margin: 50px auto 0;
}
.slogan h1 {
  height: 60px;
  line-height: 60px;
  margin: 0 auto 20px;
  text-align: center;
  font-size: 24px;
  color: #484848;
  font-weight: normal;
}
.slogan h1 em {
  display: inline-block;
  margin: 0 20px;
  width: 100px;
  height: 20px;
  background: url("../images/border.png") repeat-x left 15px;
}
.slogan ul li {
  float: left;
  margin: 30px 60px 0 0;
  padding: 0 0 0 110px;
  width: 255px;
}
.slogan ul li h2 {
  font-size: 20px;
  color: #484848;
  height: 40px;
  line-height: 40px;
  font-weight: normal;
}
.slogan ul li p {
  font-size: 14px;
  color: #969696;
  line-height: 24px;
}
.slogan ul li i {
  font-size: 80px;
  color: #ff7c42;
  float: left;
  margin: 0 0 0 -100px;
}
.slogan ul li.last {
  margin: 30px 0px 0 0;
}
/* 课程列表页 */
.classList .classificationNavSub {
  margin: 0 auto 20px;
}
.classificationNav {
  margin: 20px auto 0;
}
.classificationNav dt {
  width: 80px;
  height: 30px;
  line-height: 30px;
  color: #484848;
  float: left;
}
.classificationNav dd {
  position: relative;
  margin: 0 0 0 80px;
}
.classificationNav dd span#active {
  display: inline-block;
  height: 30px;
  padding: 5px 12px;
  color: #ffffff;
  background-color: #ff7c42;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}
.classificationNav dd span#active em {
  font-style: normal;
  float: left;
  margin: 0 10px 0 0;
}
.classificationNav dd span#active i {
  font-size: 18px;
  float: right;
}
.classificationNav dd .classificationBox {
  position: absolute;
  width: 100%;
  background: #ffffff;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 0px 10px;
  -webkit-box-shadow: 2px 0 10px #cacaca;
  -moz-box-shadow: 2px 0 10px #cacaca;
  -ms-box-shadow: 2px 0 10px #cacaca;
  -o-box-shadow: 2px 0 10px #cacaca;
  box-shadow: 2px 0 10px #cacaca;
}
.classificationNav dd .classificationBox span {
  display: inline-block;
  margin: 0 15px 10px;
  color: #484848;
  cursor: pointer;
}
.classificationNav dd .classificationBox span.active,
.classificationNav dd .classificationBox span:hover {
  color: #ff7c42;
}
#category_level1_title {
  height: 100px;
  min-height: 100px;
  padding: 25px 0 0;
  overflow: hidden;
}
#category_level1_title .classListH1 {
  margin: 0px auto 25px;
}
.classListH1 {
  text-align: center;
  height: 40px;
  line-height: 40px;
  color: #252525;
  font-size: 24px;
  font-weight: normal;
}
.classListH1 img,
.classListH1 em {
  display: inline-block;
  margin: 0 10px;
}
.classListH1 em {
  font-size: 14px;
  color: #ff7c42;
}
.classificationNavSub {
  padding: 0 20px;
  background-color: #ffffff;
}
.classificationNavSub ul li {
  padding: 14px 0 0;
}
.classificationNavSub ul li em {
  float: left;
  display: block;
  font-style: normal;
  min-width: 100px;
  font-weight: bold;
  padding: 0 0 0 20px;
  color: #252525;
  width: 130px;
  text-align: right;
  height: 40px;
  line-height: 50px;
  overflow: hidden;
}
.classificationNavSub ul li .com {
  margin: 0 0 0 130px;
  min-height: 50px;
  padding: 0 0 0 10px;
}
.classificationNavSub ul li span {
  cursor: pointer;
  display: inline-block;
  color: #484848;
  margin: 8px 30px 8px 0;
}
.classificationNavSub ul li span.active {
  padding: 5px 15px;
  background-color: #ff7c42;
  color: #ffffff;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  min-width: 50px;
  text-align: center;
}
.classificationNavSub ul li .labelC {
  display: inline-block;
}
.classificationNavSub ul li .bor {
  margin: 0 20px;
  height: 15px;
  border-bottom: 1px solid #dcdcdc;
}
.classificationNavSub ul li .bor.borNone {
  margin: 0 20px;
  height: 15px;
  border-bottom: 0px solid #dcdcdc;
}
.classificationNavSub ul li.last {
  border: none;
  padding: 14px 0;
}
.classificationNavSub ul li .layui-form-item {
  margin: 10px 0 0;
}
.classificationNavSub ul li .layui-form-label {
  min-width: 130px;
  padding: 0 0 0 20px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: right;
}
.classificationNavSub ul li .layui-form-checkbox[lay-skin=primary] {
  margin: 10px 0 20px 0;
}
.classificationNavSub ul li .layui-form-checkbox[lay-skin=primary] span {
  margin: 0 30px 0 5px;
  color: #484848;
  padding: 0;
}
.classificationNavSub ul li .layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #ff7c42;
}
.classificationNavSub ul li .layui-form-checked[lay-skin=primary] i {
  background-color: #ff7c42;
  color: #ffffff;
  border-color: #ff7c42;
}
.classificationNavSub ul li .layui-input-block {
  margin-left: 140px;
}
/* 搜索结果页 */
.tabNavBox {
  margin: 35px 0;
  text-align: center;
}
.tabNavBox .tabNav {
  display: inline-block;
}
.tabNavBox .tabNav li {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  min-width: 100px;
  text-align: center;
  color: #252525;
  padding: 0 10px;
  font-size: 24px;
  margin: 0 45px 0 0;
  cursor: pointer;
}
.tabNavBox .tabNav li.active {
  background-color: #ff7c42;
  color: #ffffff;
  -weikit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.searchList .homtopPicClass {
  float: left;
  margin: 0 20px 20px 0;
}
.searchList .homtopPicClass.last {
  margin: 0 0 20px 0;
}
.search0 {
  min-height: 453px;
  background: url("../images/search.png") no-repeat center 120px;
  padding: 350px 0 0;
}
.search0 p {
  text-align: center;
  color: #484848;
}
.search0.list {
  background: url("../images/list.png") no-repeat center 120px;
}
.search0.myAsk,
.search0.myMessage {
  background: url("../images/ask.png") no-repeat center 130px;
  padding: 400px 0 0;
}
.search0.myAsk p,
.search0.myMessage p {
  color: #969696;
}
.search0.myMessage {
  background: url("../images/message.png") no-repeat center 130px;
}
/* 课程详情页 */
.share {
  float: left;
  position: relative;
  height: 50px;
  line-height: 50px;
  margin: 30px 50px 0;
}
.share i {
  font-size: 24px;
  color: #484848;
  cursor: pointer;
}
.share i:hover {
  color: #ff7c42;
}
.share i.active {
  color: #ff7c42;
}
.share .shareBox {
  position: absolute;
  top: 3px;
  left: 40px;
  width: 150px;
  height: 40px;
  line-height: 42px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 0 6px #cacaca;
  -moz-box-shadow: 2px 0 6px #cacaca;
  -ms-box-shadow: 2px 0 6px #cacaca;
  -o-box-shadow: 2px 0 6px #cacaca;
  box-shadow: 2px 0 6px #cacaca;
  padding: 0 0 0 15px;
  z-index: 2;
}
.share .shareBox i {
  color: #dcdcdc;
  font-size: 20px;
  margin: 0 10px;
}
.share .shareBox i:hover {
  color: #969696;
}
.share em {
  position: absolute;
  display: block;
  z-index: 1;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0px 0 5px #cacaca;
  -moz-box-shadow: 0px 0 5px #cacaca;
  -ms-box-shadow: 0px 0 5px #cacaca;
  -o-box-shadow: 0px 0 5px #cacaca;
  box-shadow: 0px 0 5px #cacaca;
  left: 35px;
  top: 18px;
  background-color: #ffffff;
}
.classPageIntro {
  position: relative;
  padding: 20px 60px;
  margin: 0 auto 30px;
  background-color: #ffffff;
}
.classPageIntro_img {
  width: 610px;
  height: 358px;
  overflow: hidden;
  display: table-cell;
  vertical-align: middle;
  float: right;
}
.classPageIntro_img img {
  min-width: 100%;
  min-height: 100%;
  vertical-align: middle;
}
.classPageIntro_div {
  position: absolute;
  left: 60px;
  top: 48px;
  width: 560px;
  height: 300px;
  background-color: #ffffff;
  -webkit-box-shadow: 2px 0 10px #cacaca;
  -moz-box-shadow: 2px 0 10px #cacaca;
  -ms-box-shadow: 2px 0 10px #cacaca;
  -o-box-shadow: 2px 0 10px #cacaca;
  box-shadow: 2px 0 10px #cacaca;
  padding: 30px 60px;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.classPageIntro_div h2 {
  font-size: 36px;
  color: #252525;
  height: 40px;
  line-height: 40px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 auto 25px;
}
.classPageIntro_div p {
  margin: 0 0 16px;
  line-height: 24px;
  color: #484848;
}
.classPageIntro_div p span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  padding: 0 40px 0 0;
  margin: 0 40px 0 0;
}
.classPageIntro_div p span.classTime {
  border-right: 1px solid #cacaca;
}
.classPageIntro_div .prize {
  position: absolute;
  zoom: 1;
  bottom: 20px;
  color: #ff4330;
  font-size: 30px;
  font-weight: bold;
}
.classPageIntro_div .prize:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classPageIntro_div .prize:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classPageIntro_div .prize em {
  font-style: normal;
  font-size: 20px;
  font-weight: normal;
  padding: 0 5px 0 0;
}
.classPageIntro_div .prize span {
  font-weight: normal;
  color: #969696;
  padding: 0 0 0 20px;
  font-size: 20px;
  text-decoration: line-through;
}
.video {
  margin: 0 0 50px;
  padding: 0;
  background: transparent;
}
.video .classPageIntro_img {
  width: 600px;
  height: 350px;
  -weikit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  position: relative;
  overflow: inherit;
}
.video .classPageIntro_img img {
  width: 600px;
  height: 350px;
  -weikit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  -o-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
}
.video .classPageIntro_img .prize {
  width: 460px;
  height: 220px;
  padding: 50px;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: absolute;
  z-index: 2;
  top: 260px;
  background-color: #ffffff;
  left: 70px;
  -webkit-box-shadow: 2px 0 10px #dcdcdc;
  -moz-box-shadow: 2px 0 10px #dcdcdc;
  -ms-box-shadow: 2px 0 10px #dcdcdc;
  -o-box-shadow: 2px 0 10px #dcdcdc;
  box-shadow: 2px 0 10px #dcdcdc;
  font-size: 30px;
  font-weight: bold;
  color: #ff7c42;
}
.video .classPageIntro_img .prize em {
  font-style: normal;
  font-size: 20px;
  font-weight: normal;
  padding: 0 5px 0 0;
}
.video .classPageIntro_img .prize span {
  font-weight: normal;
  color: #969696;
  padding: 0 0 0 20px;
  font-size: 20px;
  text-decoration: line-through;
}
.video .classPageIntro_img .prize .buyNow {
  float: left;
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
  width: 160px;
  margin: 40px 40px 0 0;
}
.video .classPageIntro_img .prize .buyNow:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
.video .classPageIntro_img .prize .buyNow:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
.video .classPageIntro_img .prize .buyNow:hover {
  background-color: #ff6d2c;
}
.video .classPageIntro_img .prize .buyNow.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.video .classPageIntro_img .prize .buyNow.w120-36:hover {
  color: #ffffff;
}
.video .classPageIntro_img .prize .buyNow.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.video .classPageIntro_img .prize .buyNow.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
.video .classPageIntro_img .prize .buyNow.w110-34:hover {
  color: #ffffff;
}
.video .classPageIntro_img .prize .buyNow.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.video .classPageIntro_img .prize .buyNow.w90-30:hover {
  color: #ffffff;
}
.video .classPageIntro_img .prize .buyNow.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
.video .classPageIntro_img .prize .buyNow.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
.video .classPageIntro_img .prize .buyNow.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.video .classPageIntro_img .prize .buyNow.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
.video .classPageIntro_img .prize .buyNow.blueBtn:hover {
  background-color: #0c70d4;
}
.video .classPageIntro_img .prize .online {
  float: left;
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  border: 1px solid #ff7c42;
  color: #ff7c42;
  background-color: #ffffff;
  width: 160px;
  margin: 40px 0 0;
}
.video .classPageIntro_img .prize .online:hover {
  background-color: #fff3ee;
}
.video .classPageIntro_img .prize .online.w100-30 {
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.video .classPageIntro_img .prize .online.w120-36 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.video .classPageIntro_div {
  width: 600px;
  height: 350px;
  -weikit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  position: relative;
  left: 0;
  top: 0;
  background: #323436;
  -webkit-box-shadow: 0 0 0 #ffffff;
  -moz-box-shadow: 0 0 0 #ffffff;
  -ms-box-shadow: 0 0 0 #ffffff;
  -o-box-shadow: 0 0 0 #ffffff;
  box-shadow: 0 0 0 #ffffff;
}
.video .classPageIntro_div .liveSub {
  display: block;
  position: absolute;
  -weikit-border-radius: 0 0 18px 18px;
  -moz-border-radius: 0 0 18px 18px;
  -ms-border-radius: 0 0 18px 18px;
  -o-border-radius: 0 0 18px 18px;
  border-radius: 0 0 18px 18px;
  background-color: #3296fa;
  text-align: center;
  z-index: 3;
  top: 0;
  right: 20px;
  font-style: normal;
  color: #ffffff;
  padding: 4px 0 0;
  width: 30px;
  height: 50px;
  line-height: 18px;
  padding: 4px 0 0 3px;
  letter-spacing: 2px;
  background-color: #ffffff;
  color: #323436;
}
.video .classPageIntro_div h2,
.video .classPageIntro_div p {
  color: #ffffff;
}
.video .classPageIntro_div h2 i,
.video .classPageIntro_div p i {
  font-size: 16px;
  margin: 0 10px 0 0;
}
.video .classPageIntro_div h2.intro,
.video .classPageIntro_div p.intro {
  height: 100px;
  overflow: hidden;
}
.video .classPageIntro_div h2 span.classTime,
.video .classPageIntro_div p span.classTime {
  border: none;
}
.video .classPageIntro_div .share {
  float: right;
  margin: 0;
}
.video .classPageIntro_div .share i {
  color: #ffffff;
}
.video .classPageIntro_div .share .shareBox {
  left: auto;
  right: 40px;
  -webkit-box-shadow: -2px 0 10px #dcdcdc;
  -moz-box-shadow: -2px 0 10px #dcdcdc;
  -ms-box-shadow: -2px 0 10px #dcdcdc;
  -o-box-shadow: -2px 0 10px #dcdcdc;
  box-shadow: -2px 0 10px #dcdcdc;
}
.video .classPageIntro_div .share .shareBox i {
  color: #dcdcdc;
}
.video .classPageIntro_div .share .shareBox i:hover {
  color: #969696;
}
.video .classPageIntro_div .share em {
  left: -22px;
}
.videoIcon {
  margin: 40px auto 0;
  zoom: 1;
}
.videoIcon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoIcon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoIcon p {
  display: inline-block;
  width: 175px;
  height: 66px;
  text-align: center;
  border-right: 1px solid #b8b8b8;
  font-size: 14px;
  color: #484848;
}
.videoIcon p.last {
  border: none;
}
.videoIcon p i {
  display: inline-block;
  font-size: 36px;
  color: #ff7c42;
  margin: 0 0 12px;
}
.count {
  float: left;
  color: #969696;
  margin: 30px 50px 0;
  line-height: 50px;
}
.operation {
  float: right;
  margin: 30px 0 5px;
}
.operation .buyNow {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
  margin: 0 60px 0 0;
}
.operation .buyNow:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
.operation .buyNow:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
.operation .buyNow:hover {
  background-color: #ff6d2c;
}
.operation .buyNow.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.operation .buyNow.w120-36:hover {
  color: #ffffff;
}
.operation .buyNow.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.operation .buyNow.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
.operation .buyNow.w110-34:hover {
  color: #ffffff;
}
.operation .buyNow.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.operation .buyNow.w90-30:hover {
  color: #ffffff;
}
.operation .buyNow.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
.operation .buyNow.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
.operation .buyNow.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.operation .buyNow.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
.operation .buyNow.blueBtn:hover {
  background-color: #0c70d4;
}
.operation .online {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  border: 1px solid #ff7c42;
  color: #ff7c42;
  background-color: #ffffff;
  margin: 0 10px 0 0;
}
.operation .online:hover {
  background-color: #fff3ee;
}
.operation .online.w100-30 {
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.operation .online.w120-36 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
/* 详情页 ----- 固定导航 */
.fixedNav,
.studyNav {
  zoom: 1;
  height: 60px;
  border-bottom: 1px solid #f5f5f5;
  background: #ffffff;
  position: relative;
  z-index: 2;
}
.fixedNav:after,
.studyNav:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fixedNav:after,
.studyNav:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fixedNav .prizeBuyNow,
.studyNav .prizeBuyNow {
  display: none;
}
.fixedNav li,
.studyNav li {
  width: 25%;
  float: left;
  text-align: center;
}
.fixedNav li span,
.studyNav li span {
  display: inline-block;
  padding: 0 10px;
  height: 59px;
  line-height: 59px;
  color: #484848;
  cursor: pointer;
  font-size: 16px;
}
.fixedNav li.active span,
.studyNav li.active span {
  color: #ff7c42;
  border-bottom: 2px solid #ff7c42;
}
.fixedNav.fixedActive,
.studyNav.fixedActive {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  -webkit-box-shadow: 2px 0 10px #efefef;
  -moz-box-shadow: 2px 0 10px #efefef;
  -ms-box-shadow: 2px 0 10px #efefef;
  -o-box-shadow: 2px 0 10px #efefef;
  box-shadow: 2px 0 10px #efefef;
}
.fixedNav.fixedActive .wrap,
.studyNav.fixedActive .wrap {
  zoom: 1;
}
.fixedNav.fixedActive .wrap:after,
.studyNav.fixedActive .wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fixedNav.fixedActive .wrap:after,
.studyNav.fixedActive .wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fixedNav.fixedActive ul,
.studyNav.fixedActive ul {
  width: 940px;
  float: left;
}
.fixedNav.fixedActive a.prizeBuyNow,
.studyNav.fixedActive a.prizeBuyNow {
  display: block;
  float: right;
  width: 260px;
  height: 60px;
  line-height: 60px;
  background-color: #ff7c42;
  font-weight: bold;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
}
.fixedNav.fixedActive a.prizeBuyNow span,
.studyNav.fixedActive a.prizeBuyNow span {
  display: inline-block;
  margin: 0 20px 0 0px;
}
.studyNav li {
  width: 20%;
}
/* 详情页 ----- 课程目录 */
.containTabCon {
  min-height: 300px;
}
.classIntro,
.classIntroTree,
.tearchIntro,
.studentComments {
  zoom: 1;
  background: #ffffff;
  -webkit-box-shadow: 2px 0 25px #dcdcdc;
  -moz-box-shadow: 2px 0 25px #dcdcdc;
  -ms-box-shadow: 2px 0 25px #dcdcdc;
  -o-box-shadow: 2px 0 25px #dcdcdc;
  box-shadow: 2px 0 25px #dcdcdc;
  margin: 0 auto 40px;
}
.classIntro:after,
.classIntroTree:after,
.tearchIntro:after,
.studentComments:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classIntro:after,
.classIntroTree:after,
.tearchIntro:after,
.studentComments:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classIntroTree,
.classIntro {
  padding: 30px;
}
.list0 {
  min-height: 400px;
  background: url("../images/wu.png") no-repeat center 50px;
  text-align: center;
  color: #969696;
  padding-top: 260px;
}
/* 课程介绍 */
.classIntroCon {
  padding: 20px 30px;
  line-height: 24px;
  color: #484848;
}
.classIntroCon p {
  word-wrap: break-word;
}
.classIntroCon img {
  max-width: 100%;
}
.classIntroCon .contentNone {
  text-align: center;
}
/* 名师介绍 */
.tearchIntro {
  padding: 40px 80px 0;
}
.tearchIntroDl {
  zoom: 1;
  padding: 30px 0;
  border-bottom: 1px solid #efefef;
}
.tearchIntroDl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tearchIntroDl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.tearchIntroDl dt {
  width: 150px;
  float: left;
}
.tearchIntroDl dt span {
  display: inline-block;
  width: 140px;
  height: 140px;
  -weikit-border-radius: 70px;
  -moz-border-radius: 70px;
  -ms-border-radius: 70px;
  -o-border-radius: 70px;
  border-radius: 70px;
  background-color: #fff3ee;
  position: relative;
  margin: 0 0 0 10px;
}
.tearchIntroDl dt span img {
  position: absolute;
  width: 140px;
  height: 140px;
  overflow: hidden;
  top: 10px;
  right: 10px;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.tearchIntroDl dd {
  margin: 0 0 0 180px;
}
.tearchIntroDl dd h2 {
  font-size: 18px;
  color: #484848;
  height: 60px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 60px;
}
.tearchIntroDl dd p,
.tearchIntroDl dd .conBox {
  color: #b8b8b8;
  line-height: 24px;
}
.tearchIntroDl dd p.intro,
.tearchIntroDl dd .conBox.intro {
  margin: 0 0 20px;
}
.tearchIntroDl dd .conBox {
  height: 98px;
  max-height: 98px;
  width: 100%;
  text-overflow: ellipsis;
  /*有些示例里需要定义该属性，实际可省略*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 4;
  /*规定超过两行的部分截断*/
  -moz-line-clamp: 4;
  -ms-line-clamp: 4;
  -o-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  /*在任何地方换行*/
}
.tearchIntroDl.last {
  border: none;
  padding: 30px 0 40px;
}
.studentComments {
  padding: 40px 80px;
}
/* 评分系统 */
#evaluate .evaluateBox {
  margin: 0 0 30px;
  zoom: 1;
  position: relative;
}
#evaluate .evaluateBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#evaluate .evaluateBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#evaluate .evaluateBox .showb {
  display: block;
  height: 25px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
#evaluate .evaluateBox .showb i {
  float: left;
  width: 45px;
  height: 25px;
  font-size: 24px;
  color: #ff7c42;
  margin: 0;
}
#evaluate .evaluateBox span {
  position: relative;
  display: inline-block;
  width: 26px;
  height: 26px;
  overflow: hidden;
  margin-right: 15px;
  cursor: pointer;
}
#evaluate .evaluateBox span i {
  font-size: 24px;
  color: #969696;
  margin-bottom: 1px;
  display: inline-block;
}
#evaluate .evaluateBox span i.icon-star {
  color: #ff7c42;
}
#evaluate .evaluateBox span:hover {
  color: #ff7c42;
}
#evaluate .evaluateBox span:hover i.icon-star {
  margin-left: -25px;
}
/* 评价 */
.textareaStyle {
  width: 100%;
  height: 80px;
  border: 1px solid #efefef;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  color: #484848;
}
.textareaBtn {
  height: 76px;
  line-height: 36px;
  border-bottom: 1px solid #efefef;
  padding: 20px 0;
  text-indent: 20px;
  color: #969696;
}
.textareaBtn span.notice {
  color: #ff4330;
}
.textareaBtn .send {
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  float: right;
}
.textareaBtn .send:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
.textareaBtn .send:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
.textareaBtn .send:hover {
  background-color: #ff6d2c;
}
.textareaBtn .send.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.textareaBtn .send.w120-36:hover {
  color: #ffffff;
}
.textareaBtn .send.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.textareaBtn .send.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
.textareaBtn .send.w110-34:hover {
  color: #ffffff;
}
.textareaBtn .send.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.textareaBtn .send.w90-30:hover {
  color: #ffffff;
}
.textareaBtn .send.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
.textareaBtn .send.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
.textareaBtn .send.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.textareaBtn .send.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
.textareaBtn .send.blueBtn:hover {
  background-color: #0c70d4;
}
/* 评价列表 */
.commentsList {
  zoom: 1;
  padding: 0px 0 20px;
  margin: 20px 0 0;
  border-bottom: 1px solid #efefef;
}
.commentsList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.commentsList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.commentsList dt {
  float: left;
}
.commentsList dt .commentsListUser {
  width: 60px;
  height: 60px;
  overflow: hidden;
  border: 1px solid #ff7c42;
  -weikit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.commentsList dt .commentsListUser img {
  max-width: 100%;
  height: 100%;
}
.commentsList dd {
  margin: 0 0 0 80px;
  color: #484848;
}
.commentsList dd h2 {
  font-size: 14px;
  font-weight: normal;
  height: 30px;
  line-height: 30px;
  margin: 0 0 10px;
}
.commentsList dd h2 span {
  float: right;
  color: #969696;
}
.commentsList dd p {
  line-height: 24px;
  margin: 0 0 10px;
}
.commentsList dd .commentsStar {
  font-size: 16px;
  color: #969696;
}
.commentsList dd .commentsStar i {
  margin: 0 5px 0 0;
}
.commentsList dd .commentsStar i.icon-star {
  color: #ff7c42;
}
.commentsList.last {
  border-bottom: 0;
}
/* 支付页面 */
.payBg {
  zoom: 1;
  background: url("../images/payBg.png") no-repeat center top;
}
.payBg:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.payBg:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.payBg .payHead {
  height: 145px;
  line-height: 145px;
  font-size: 24px;
  color: #252525;
}
.payBg .payInfor {
  padding: 60px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 0 10px #efefef;
  -moz-box-shadow: 2px 0 10px #efefef;
  -ms-box-shadow: 2px 0 10px #efefef;
  -o-box-shadow: 2px 0 10px #efefef;
  box-shadow: 2px 0 10px #efefef;
  background-color: #ffffff;
  margin-bottom: 110px;
}
.payBg .payInfor h2 {
  font-size: 20px;
  color: #252525;
  margin: 0 0 30px;
  font-weight: normal;
}
.payBg .payInfor p {
  color: #484848;
}
.payBg .payInfor dl {
  margin: 20px 0 30px;
}
.payBg .payInfor .verticalM {
  width: 368px;
  height: 112px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.payBg .payInfor .verticalM span {
  display: inline-block;
  vertical-align: middle;
  color: #484848;
}
.payBg .payInfor .verticalM span.orange {
  color: #ff7c42;
  font-size: 18px;
}
.payBg .payInfor .payInforText,
.payBg .payInfor .payMoney {
  height: 50px;
  line-height: 50px;
  margin: 0 0 10px;
}
.payBg .payInfor .payInforText {
  border-bottom: 1px solid #f5f5f5;
}
.payBg .payInfor .payInforText span {
  float: right;
}
.payBg .payInfor .payInforText.color96 {
  color: #969696;
}
.payBg .payInfor .payMoney {
  color: #252525;
  margin: 0;
}
.payBg .payInfor .payMoney span {
  font-size: 24px;
  font-weight: bold;
  color: #ff4330;
}
.payBg .payInfor h3 {
  font-weight: normal;
  font-size: 14px;
  color: #484848;
  height: 60px;
  line-height: 60px;
}
.payBg .payInfor .payWay li {
  height: 60px;
  line-height: 60px;
  margin: 0 0 30px;
  padding: 0 0 0 30px;
  border: 2px solid #f5f5f5;
  cursor: pointer;
  font-size: 18px;
}
.payBg .payInfor .payWay li a {
  color: #484848;
}
.payBg .payInfor .payWay li:hover,
.payBg .payInfor .payWay li.active {
  border: 2px solid #ff7c42;
}
.payBg .payInfor .payWay li i {
  font-size: 22px;
  color: #209cdd;
  margin: 0 10px 0 0;
}
.payBg .payInfor .payWay li i.icon-weix {
  color: #3eb901;
}
.payBg .payInfor .buySuccess {
  margin: 80px auto 20px;
}
.payBg .payInfor .buySuccess .borderBtn {
  margin-right: 30px;
}
.step {
  float: right;
}
.step li {
  float: left;
  position: relative;
  width: 150px;
  height: 145px;
  line-height: 136px;
  background: url("../images/border.png") repeat-x left center;
}
.step li span {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 24px;
  background-color: #ffffff;
  border: 1px solid #cacaca;
  text-align: center;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.step li span em {
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
  font-style: normal;
  font-size: 14px;
  line-height: 23px;
  color: #ffffff;
  background-color: #cacaca;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0;
}
.step li i {
  font-size: 14px;
  color: #484848;
  font-style: normal;
  position: absolute;
  left: -6px;
  top: 35px;
  font-family: "Microsoft YaHei";
}
.step li.step2 {
  position: relative;
  text-align: right;
}
.step li.step2 i {
  left: auto;
  right: -10px;
}
.step li.active {
  background: url("../images/borderOrange.jpg") repeat-x left center;
}
.step li.active span {
  border-color: #ff7c42;
}
.step li.active span em {
  background-color: #ff7c42;
}
.payInforList {
  zoom: 1;
  border: 1px solid #f8bf31;
  overflow: hidden;
}
.payInforList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.payInforList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.payInforList dt,
.payInforList dd {
  float: left;
  margin-bottom: -10000px;
  padding-bottom: 10000px;
}
.payInforList dt div,
.payInforList dd div {
  padding: 20px 30px;
}
.payInforList dt {
  width: 540px;
  border-right: 1px solid #fff3ee;
}
.payInforList dt div .payInforImg {
  width: 200px;
  height: 112px;
  float: left;
}
.payInforList dt div p {
  margin-left: 220px;
  height: 112px;
  line-height: 24px;
  padding: 0 0 32px;
  font-size: 16px;
  color: #252525;
  position: relative;
}
.payInforList dt div p span {
  display: block;
  width: 100%;
  height: 70px;
  overflow: hidden;
}
.payInforList dt div p em {
  position: absolute;
  left: 0;
  bottom: 0px;
  display: inline-block;
  padding: 0px 8px;
  background: #3296fa;
  -weikit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  font-style: normal;
  color: #ffffff;
  font-size: 14px;
}
.payInforList dt .topPicImg {
  width: 200px;
  height: 112px;
  overflow: hidden;
  position: relative;
  padding: 0;
  float: left;
}
.payInforList dt .topPicImg img {
  width: 200px;
  height: 112px;
}
.payInforList dt .topPicImg em {
  display: block;
  position: absolute;
  -weikit-border-radius: 0 0 18px 18px;
  -moz-border-radius: 0 0 18px 18px;
  -ms-border-radius: 0 0 18px 18px;
  -o-border-radius: 0 0 18px 18px;
  border-radius: 0 0 18px 18px;
  background-color: #3296fa;
  text-align: center;
  z-index: 3;
  top: 0;
  right: 20px;
  font-style: normal;
  color: #ffffff;
  padding: 4px 0 0;
  width: 36px;
  height: 50px;
  line-height: 18px;
}
.payInforList dt .topPicImgDiv {
  display: table-cell;
  vertical-align: middle;
  padding: 10px;
  height: 110px;
  width: 270px;
}
.payInforList dt div p span {
  display: table-cell;
  width: 100%;
  text-align: left;
  vertical-align: middle;
}
.payInforList dd {
  width: 269px;
}
.payInforList dd.indate {
  border-right: 1px solid #fff3ee;
}
.payInforList .payInforListH {
  zoom: 1;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #fff3ee;
  margin: 0;
}
.payInforList .payInforListH:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.payInforList .payInforListH:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.prizeAll {
  text-align: right;
  color: #484848;
}
.prizeAll span {
  font-size: 24px;
  font-weight: bold;
  color: #ff4330;
}
.prizeAll .buyNow {
  margin: 30px 0 0;
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
  width: 160px;
  font-size: 18px;
}
.prizeAll .buyNow:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
.prizeAll .buyNow:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
.prizeAll .buyNow:hover {
  background-color: #ff6d2c;
}
.prizeAll .buyNow.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.prizeAll .buyNow.w120-36:hover {
  color: #ffffff;
}
.prizeAll .buyNow.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.prizeAll .buyNow.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
.prizeAll .buyNow.w110-34:hover {
  color: #ffffff;
}
.prizeAll .buyNow.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.prizeAll .buyNow.w90-30:hover {
  color: #ffffff;
}
.prizeAll .buyNow.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
.prizeAll .buyNow.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
.prizeAll .buyNow.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.prizeAll .buyNow.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
.prizeAll .buyNow.blueBtn:hover {
  background-color: #0c70d4;
}
.payLayer {
  width: 500px;
  height: 170px;
  padding: 40px;
  color: #484848;
  text-align: center;
  position: relative;
}
.payLayer h3 {
  height: 50px;
  line-height: 50px;
  font-weight: normal;
  font-size: 18px;
  margin: 0 0 30px;
}
.payLayer h4 {
  height: 100px;
  line-height: 100px;
  font-weight: normal;
  font-size: 18px;
  margin: 10px 0 0px;
}
.payLayer p {
  color: #8c8c8c;
}
.payLayer .alignC .fillBtn,
.payLayer .alignC .borderBtn {
  width: 200px;
}
.payLayer .alignC .borderBtn {
  margin: 0 30px 0 0;
}
.payLayer.small {
  width: 500px;
  height: 200px;
}
.payLayer.small h4 {
  font-size: 16px;
  text-align: left;
}
/* 支付方式 */
.payWayPage {
  background-color: #ffffff;
  -webkit-box-shadow: 2px 0 10px #ececec;
  -moz-box-shadow: 2px 0 10px #ececec;
  -ms-box-shadow: 2px 0 10px #ececec;
  -o-box-shadow: 2px 0 10px #ececec;
  box-shadow: 2px 0 10px #ececec;
  padding: 30px 60px;
  min-height: 680px;
}
.payWayPage .payHead {
  font-size: 16px;
  color: #8c8c8c;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
}
.payWayPage .payHead i {
  font-size: 20px;
  color: #3eb901;
  margin: 0 10px 0 0;
}
.payWayPage .payHead.zfb i {
  color: #1296db;
}
.payWayPage .payWayInfor {
  width: 230px;
  margin: 50px auto 0;
}
.payWayPage .payWayInfor dt p {
  text-align: center;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
}
.payWayPage .payWayInfor dt p.f14 {
  font-size: 14px;
  color: #8c8c8c;
}
.payWayPage .payWayInfor dt .payWayImg {
  width: 230px;
  height: 230px;
  padding: 10px;
  border: 1px solid #ff7c42;
}
.payWayPage .payWayInfor dt .payWayImg img {
  display: block;
  width: 210px;
  height: 210px;
}
.payWayPage .payWayInfor dd {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 50px 0 0;
  color: #ff4330;
}
/* ----考试----------------------------考试说明页 */
.examExplain {
  background: url("../images/examExplain.png") no-repeat center 150px #ffffff;
  padding: 350px 0 200px;
  zoom: 1;
}
.examExplain:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.examExplain:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.examExplain dl {
  padding: 0 140px;
}
.examExplain dl dt {
  font-size: 24px;
  color: #252525;
  text-align: center;
  margin: 0 0 40px;
}
.examExplain dl dd {
  line-height: 24px;
  color: #969696;
  margin: 0 0 50px;
}
.examExplain .alignC {
  display: block;
  width: 100%;
  height: 46px;
  text-align: center;
}
.examExplain .alignC .fillBtn {
  height: 46px;
  line-height: 46px;
  width: 160px;
}
.examExplain .alignC .fillBtn.cancel {
  margin: 0 60px 0 0;
}
/* 考试试卷 */
.ffColor {
  background-color: #ffffff;
}
.testPHeader {
  position: fixed;
  z-index: 100;
  width: 100%;
  top: 0;
  padding: 20px 0;
  -webkit-box-shadow: 2px 0 10px #cacaca;
  -moz-box-shadow: 2px 0 10px #cacaca;
  -ms-box-shadow: 2px 0 10px #cacaca;
  -o-box-shadow: 2px 0 10px #cacaca;
  box-shadow: 2px 0 10px #cacaca;
  background-color: #ffffff;
}
.testPHeader .testName {
  float: left;
  width: 675px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 34px;
  line-height: 34px;
  font-size: 24px;
  color: #252525;
  font-weight: bold;
}
.testPHeader .testTime {
  float: left;
  height: 34px;
  line-height: 34px;
  font-weight: bold;
  font-size: 24px;
  color: #ff7975;
  margin: 0 50px 0 0;
}
.testPHeader .testTime i {
  float: left;
  font-size: 18px;
  color: #484848;
  margin: 7px 10px 0 0;
}
.testPHeader .borderBtn,
.testPHeader .fillBtn {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 16px;
}
.testPHeader .borderBtn {
  width: auto;
  min-width: 100px;
  margin: 0 50px 0 0;
  padding: 0 10px;
  border-color: #ff7975;
  background-color: #fff3ee;
}
.testPHeader .testAnalysisH {
  height: 30px;
  line-height: 30px;
  display: block;
  color: #969696;
  margin: -10px 0 0;
}
.testPHeader .hideShow {
  display: inline-block;
  width: 70px;
  text-align: right;
  font-size: 16px;
  color: #ff7c42;
  cursor: pointer;
  margin: 0 0 0 40px;
  position: relative;
}
.testPHeader .hideShow i {
  position: absolute;
  left: -25px;
  top: 5px;
  margin: 0 10px 0 0;
}
.testPHeader .hideShow em {
  font-style: normal;
}
.testPHeader .hideShow.hideTure i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.testPHeader .marT15 {
  margin-top: 15px;
}
.testPStart {
  padding: 0 40px;
  position: relative;
}
.testPStart #goTop {
  display: none;
  right: 15%;
  bottom: 15%;
  cursor: pointer;
}
.testTypeTitle {
  margin: 30px auto 20px;
  height: 50px;
  color: #484848;
  font-size: 16px;
  font-weight: normal;
}
.testTypeTitle .num {
  display: inline-block;
  width: 51px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  color: #ffffff;
  background: url("../images/examspanBg.png") no-repeat center top;
  margin: 0 30px 0 0;
}
.testTypeTitle .f14 {
  cursor: pointer;
  font-size: 14px;
  color: #8c8c8c;
}
.testTypeTitle .f14 i {
  display: inline-block;
  color: #ff7c42;
  margin: 0 5px 0 10px;
}
.zhtTitle {
  zoom: 1;
  margin: 0 0 30px;
  padding: 0 0 0 10px;
}
.zhtTitle:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.zhtTitle:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.zhtTitle .num {
  display: inline-block;
  float: left;
  width: 55px;
  height: 50px;
  background: url("../images/dashedBor2.png") repeat-x 10px 17px;
}
.zhtTitle .num em {
  width: 35px;
  height: 35px;
  display: inline-block;
  font-size: 16px;
  color: #ffffff;
  font-style: normal;
  text-align: center;
  line-height: 35px;
  background: url("../images/examspanBg.png") no-repeat center top;
  background-size: 100%;
}
.zhtTitle div.numCon {
  font-size: 14px;
  margin: 0 0 0 55px;
  border: 1px solid #ae8e83;
  background-color: #f7f3f2;
  padding: 20px;
  color: #484848;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  zoom: 1;
}
.zhtTitle div.numCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.zhtTitle div.numCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.zhtTitle div.numCon a.accessory {
  color: #ff7c42;
}
.zhtTitle div.numCon img {
  max-width: 100%;
  margin: 5px auto;
}
.zongHt dl {
  margin-left: 65px;
}
.testqaBox {
  zoom: 1;
  margin: 0 0 40px;
}
.testqaBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testqaBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testqaBox dt {
  float: left;
  width: 80px;
  background: url("../images/dashedBor.png") repeat-x left 10px;
}
.testqaBox dt span {
  display: inline-block;
  width: 50px;
  height: 30px;
  border: 1px solid #cacaca;
  background-color: #ffffff;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
  color: #a1a1a1;
  font-size: 18px;
}
.testqaBox dt em {
  font-style: normal;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #676767;
  font-size: 16px;
  text-align: left;
  letter-spacing: 2px;
  padding: 0 0 0 3px;
}
.testqaBox dd {
  margin: 0 0 20px 80px;
  /* 解析 */
}
.testqaBox dd.testTitle {
  border: 1px solid #cacaca;
  background-color: #ffffff;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 15px;
  color: #484848;
  line-height: 24px;
}
.testqaBox dd.testTitle .accessory {
  display: inline-block;
  color: #ff7c42;
}
.testqaBox dd.testTitle .accessory i {
  display: inline-block;
  margin: 0 5px 0 0;
}
.testqaBox dd.testTitle .orange {
  color: #ff7c42;
  font-size: 16px;
}
.testqaBox dd.testTitle img {
  display: block;
  max-width: 100%;
  margin-top: 10px;
}
.testqaBox dd.testAnswer li {
  width: auto;
  line-height: 24px;
  margin: 0 0 15px;
  cursor: pointer;
  padding: 6px 0 0;
  color: #484848;
}
.testqaBox dd.testAnswer li em {
  font-style: normal;
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  float: left;
  border: 1px solid #a1a1a1;
  text-align: center;
  color: #969696;
  margin: -3px 10px 0 0;
}
.testqaBox dd.testAnswer li img {
  display: block;
  max-width: 100%;
}
.testqaBox dd.testAnswer li:hover em {
  border-color: #ff7c42;
  color: #ff7c42;
}
.testqaBox dd.testAnswer li.active em {
  border-color: #ff7c42;
  background-color: #ff7c42;
  color: #ffffff;
}
.testqaBox dd.testAnswer.typeRadio li em {
  -weikit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.testqaBox dd.testAnswer.typeCheck li em {
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.testqaBox dd.testAnswer.typePand li {
  display: inline-block;
  width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.testqaBox dd.testAnswer.typePand li em {
  -weikit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.testqaBox dd.testAnswer.typeTiank li span {
  display: inline-block;
  margin: 0 20px 0 0;
  color: #484848;
}
.testqaBox dd.testAnswer.typeTiank li input {
  height: 50px;
  line-height: 50px;
  border: 1px solid #cacaca;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
  min-width: 500px;
  color: #484848;
}
.testqaBox dd.testAnswer.typeWenD {
  zoom: 1;
  position: relative;
}
.testqaBox dd.testAnswer.typeWenD:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testqaBox dd.testAnswer.typeWenD:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testqaBox dd.testAnswer.typeWenD .spanAns {
  position: absolute;
  background-color: #ffffff;
  display: inline-block;
  width: 81px;
  height: 38px;
  border: 1px solid #cacaca;
  -weikit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  line-height: 38px;
  padding: 0 10px;
  color: #484848;
  margin-left: -80px;
  border-right: 0px;
}
.testqaBox dd.testAnswer.typeWenD .fr {
  height: 50px;
  line-height: 50px;
  color: #969696;
}
.testqaBox dd.testAnswer.typeWenD textarea {
  width: 100%;
  padding: 10px 20px;
  line-height: 22px;
  -weikit-border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  -ms-border-radius: 0 5px 5px 5px;
  -o-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
  border: 1px solid #cacaca;
  height: 100px;
}
.testqaBox dd .uploadAccessory {
  color: #ff7c42;
  cursor: pointer;
  display: inline-block;
  width: 80px;
  height: 50px;
  padding: 5px 10px;
  border: none;
  background: none;
}
.testqaBox dd .editdAccessory {
  float: left;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
}
.testqaBox dd .editdAccessory i {
  font-size: 16px;
  color: #ff7c42;
  display: inline-block;
  margin: 0 0 0 10px;
  cursor: pointer;
}
.testqaBox dd.testAnalysisCon {
  zoom: 1;
}
.testqaBox dd.testAnalysisCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testqaBox dd.testAnalysisCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testqaBox dd.testAnalysisCon .rightAns {
  font-size: 14px;
  color: #252525;
  height: 30px;
  line-height: 30px;
  margin: 0 0 10px;
}
.testqaBox dd.testAnalysisCon .rightAns em {
  display: inline-block;
  margin: 0 30px 0 10px;
  font-style: normal;
}
.testqaBox dd.testAnalysisCon .rightAns em.rightColor {
  color: #40b682;
}
.testqaBox dd.testAnalysisCon .rightAns em.yourColor {
  color: #ff7c42;
}
.testqaBox dd.testAnalysisCon .rightAns .showBtn {
  float: right;
  position: relative;
  display: inline-block;
  color: #ff7c42;
  cursor: pointer;
  padding: 0 25px 0 0;
}
.testqaBox dd.testAnalysisCon .rightAns .showBtn i {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0 0 0 10px;
  top: 8px;
  right: 5px;
}
.testqaBox dd.testAnalysisCon .rightAns .showBtn.hideBtn i {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.testqaBox dd.testAnalysisCon .rightAnsList {
  position: relative;
}
.testqaBox dd.testAnalysisCon .rightAnsList span {
  height: 30px;
  width: 100px;
  position: absolute;
  left: 0;
  top: 6px;
}
.testqaBox dd.testAnalysisCon .rightAnsList p {
  padding: 0 0 0 100px;
  height: 30px;
  line-height: 30px;
  color: #40b682;
}
.testqaBox dd.testAnalysisCon .testWhy {
  background-color: #fff3ee;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  color: #484848;
  line-height: 24px;
}
.testQandA {
  zoom: 1;
  margin: 0 0 40px;
}
.testQandA:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testQandA:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testQandA dt {
  float: left;
  width: 80px;
  background: url("../images/dashedBor.png") repeat-x left 10px;
}
.testQandA dt span {
  display: inline-block;
  width: 50px;
  height: 30px;
  border: 1px solid #cacaca;
  background-color: #ffffff;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  line-height: 30px;
  color: #a1a1a1;
  font-size: 18px;
}
.testQandA dt em {
  font-style: normal;
  display: block;
  height: 30px;
  line-height: 30px;
  color: #676767;
  font-size: 16px;
  text-align: left;
  letter-spacing: 2px;
  padding: 0 0 0 3px;
}
.testQandA dd {
  margin: 0 0 20px 80px;
  /* 解析 */
}
.testQandA dd.testTitle {
  border: 1px solid #cacaca;
  background-color: #ffffff;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 20px 15px;
  color: #484848;
  line-height: 24px;
}
.testQandA dd.testTitle .accessory {
  display: inline-block;
  color: #ff7c42;
}
.testQandA dd.testTitle .accessory i {
  display: inline-block;
  margin: 0 5px 0 0;
}
.testQandA dd.testTitle .orange {
  color: #ff7c42;
  font-size: 16px;
}
.testQandA dd.testTitle img {
  display: block;
  max-width: 100%;
  margin-top: 10px;
}
.testQandA dd.testAnswer li {
  width: auto;
  line-height: 24px;
  margin: 0 0 15px;
  cursor: pointer;
  padding: 6px 0 0;
  color: #484848;
}
.testQandA dd.testAnswer li em {
  font-style: normal;
  display: inline-block;
  width: 24px;
  height: 24px;
  line-height: 23px;
  float: left;
  border: 1px solid #a1a1a1;
  text-align: center;
  color: #969696;
  margin: 2px 10px 0 0;
}
.testQandA dd.testAnswer li img {
  display: block;
  max-width: 100%;
}
.testQandA dd.testAnswer li:hover em {
  border-color: #ff7c42;
  color: #ff7c42;
}
.testQandA dd.testAnswer li.active em {
  border-color: #ff7c42;
  background-color: #ff7c42;
  color: #ffffff;
}
.testQandA dd.testAnswer.typeRadio li em {
  -weikit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
}
.testQandA dd.testAnswer.typeCheck li em {
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.testQandA dd.testAnswer.typePand li {
  display: inline-block;
  width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.testQandA dd.testAnswer.typePand li em {
  -weikit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.testQandA dd.testAnswer.typeTiank li span {
  display: inline-block;
  margin: 0 20px 0 0;
  color: #484848;
}
.testQandA dd.testAnswer.typeTiank li input {
  height: 50px;
  line-height: 50px;
  border: 1px solid #cacaca;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 0 10px;
  min-width: 500px;
  color: #484848;
}
.testQandA dd.testAnswer.typeWenD {
  zoom: 1;
  position: relative;
}
.testQandA dd.testAnswer.typeWenD:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testQandA dd.testAnswer.typeWenD:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testQandA dd.testAnswer.typeWenD .spanAns {
  position: absolute;
  background-color: #ffffff;
  display: inline-block;
  width: 81px;
  height: 38px;
  border: 1px solid #cacaca;
  -weikit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
  line-height: 38px;
  padding: 0 10px;
  color: #484848;
  margin-left: -80px;
  border-right: 0px;
}
.testQandA dd.testAnswer.typeWenD .fr {
  height: 50px;
  line-height: 50px;
  color: #969696;
}
.testQandA dd.testAnswer.typeWenD textarea {
  width: 100%;
  padding: 10px 20px;
  line-height: 22px;
  -weikit-border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  -ms-border-radius: 0 5px 5px 5px;
  -o-border-radius: 0 5px 5px 5px;
  border-radius: 0 5px 5px 5px;
  border: 1px solid #cacaca;
  height: 100px;
}
.testQandA dd .uploadAccessory {
  color: #ff7c42;
  cursor: pointer;
  display: inline-block;
  width: 80px;
  height: 50px;
  padding: 5px 10px;
  border: none;
  background: none;
}
.testQandA dd .editdAccessory {
  float: left;
  height: 50px;
  line-height: 50px;
  padding: 0 10px;
}
.testQandA dd .editdAccessory i {
  font-size: 16px;
  color: #ff7c42;
  display: inline-block;
  margin: 0 0 0 10px;
  cursor: pointer;
}
.testQandA dd.testAnalysisCon {
  zoom: 1;
}
.testQandA dd.testAnalysisCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testQandA dd.testAnalysisCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testQandA dd.testAnalysisCon .rightAns {
  font-size: 14px;
  color: #252525;
  height: 30px;
  line-height: 30px;
  margin: 0 0 10px;
}
.testQandA dd.testAnalysisCon .rightAns em {
  display: inline-block;
  margin: 0 30px 0 10px;
  font-style: normal;
}
.testQandA dd.testAnalysisCon .rightAns em.rightColor {
  color: #40b682;
}
.testQandA dd.testAnalysisCon .rightAns em.yourColor {
  color: #ff7c42;
}
.testQandA dd.testAnalysisCon .rightAns .showBtn {
  float: right;
  position: relative;
  display: inline-block;
  color: #ff7c42;
  cursor: pointer;
  padding: 0 25px 0 0;
}
.testQandA dd.testAnalysisCon .rightAns .showBtn i {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0 0 0 10px;
  top: 8px;
  right: 5px;
}
.testQandA dd.testAnalysisCon .rightAns .showBtn.hideBtn i {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.testQandA dd.testAnalysisCon .rightAns.heightAuto {
  height: auto;
}
.testQandA dd.testAnalysisCon .rightAnsList {
  position: relative;
}
.testQandA dd.testAnalysisCon .rightAnsList span {
  height: 30px;
  width: 100px;
  position: absolute;
  left: 0;
  top: 6px;
}
.testQandA dd.testAnalysisCon .rightAnsList p {
  padding: 0 0 0 100px;
  height: 30px;
  line-height: 30px;
  color: #40b682;
}
.testQandA dd.testAnalysisCon .testWhy {
  background-color: #fff3ee;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 20px;
  color: #484848;
  line-height: 24px;
}
/* 答题卡 */
.answerCard {
  width: 606px;
  height: 610px;
  padding: 20px 0px 20px 40px;
  color: #484848;
  overflow-y: auto;
}
.answerCard h2 {
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 10px;
  color: #252525;
}
.answerCard dl {
  zoom: 1;
}
.answerCard dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.answerCard dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.answerCard dl dt {
  height: 40px;
  line-height: 40px;
  zoom: 1;
  width: 100%;
  font-size: 18px;
  font-weight: normal;
}
.answerCard dl dt:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.answerCard dl dt:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.answerCard dl dd {
  float: left;
}
.answerCard dl a {
  display: inline-block;
  margin: 10px 14px 20px 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  font-size: 16px;
  text-align: center;
  border: 1px solid #dbdada;
  cursor: pointer;
}
.answerCard dl a.done {
  background-color: #eeeeee;
  border-color: #eeeeee;
}
.answerCard dl a:hover {
  border-color: #ff7c42;
  color: #484848;
}
.answerCard.answerCardAnalysis .cardIntro {
  font-size: 14px;
  color: #969696;
}
.answerCard.answerCardAnalysis .cardIntro span {
  display: inline-block;
  width: 90px;
  height: 50px;
  line-height: 50px;
}
.answerCard.answerCardAnalysis .cardIntro span em {
  float: left;
  width: 10px;
  height: 10px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #969696;
  margin: 21px 5px 0 0;
}
.answerCard.answerCardAnalysis .cardIntro span.fr {
  width: auto;
  margin: 0 20px 0 0;
}
.answerCard.answerCardAnalysis .cardIntro span.fr i {
  font-style: normal;
  color: #ff7c42;
}
.answerCard.answerCardAnalysis .cardIntro span.orange em {
  border-color: #ff7c42;
}
.answerCard.answerCardAnalysis .cardIntro span.green em {
  border-color: #20dbcc;
}
.answerCard.answerCardAnalysis dl dd a:hover {
  border-color: #dbdada;
  background-color: #eeeeee;
}
.answerCard.answerCardAnalysis dl dd a.orange {
  border-color: #ff7c42;
}
.answerCard.answerCardAnalysis dl dd a.green {
  border-color: #20dbcc;
}
/* 考试报告 */
.examReport {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -300px 0 0 -600px;
  height: 600px;
  background-color: #ffffff;
}
.examReport dt {
  height: 100px;
  border-bottom: 1px solid #dcdcdc;
  padding: 30px;
  text-align: right;
}
.examReport dt a {
  color: #ff7c42;
  padding: 0 0 0 5px;
}
.examReport dt p {
  float: left;
  width: 870px;
  height: 30px;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 24px;
  color: #252525;
  text-align: left;
}
.examReport dd {
  zoom: 1;
  padding: 100px 0 100px 550px;
  background: url("../images/examReport.png") no-repeat 130px 100px;
}
.examReport dd:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.examReport dd:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.examReport dd h2 {
  height: 30px;
  font-size: 16px;
  color: #969696;
  margin: 20px 0 50px 30px;
}
.examReport dd h2 span {
  font-size: 24px;
  color: #ff4330;
  padding: 0 0 0 10px;
}
.examReport dd .grade {
  display: inline-block;
  width: 145px;
  height: 60px;
  font-size: 16px;
  color: #969696;
  text-align: center;
  margin: 0 0 60px;
}
.examReport dd .grade.bor {
  border-right: 1px solid #efefef;
}
.examReport dd .grade em {
  font-size: 20px;
  display: block;
  margin: 0 0 15px 0;
  color: #ff4330;
  font-style: normal;
}
.examReport dd .fillBtn {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  margin: 0 30px;
}
.examReport dd a {
  color: #ff7c42;
}
/* 考试回顾 */
.maskLayer {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 105%;
  background: transparent;
}
.testBack {
  min-height: minHei5;
  padding: 30px 60px 60px;
}
.testBack h2 {
  text-align: right;
  font-size: 14px;
  color: #484848;
  margin: 0 auto 30px;
}
.testBack h2 .name {
  float: left;
  width: 550px;
  text-align: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  color: #252525;
}
.testBack h2 .time {
  font-size: 14px;
  color: #484848;
  display: inline-block;
  width: 230px;
  margin: 0 50px 0 0;
  text-align: left;
}
.testBack h2 i {
  font-size: 18px;
  color: #ff7c42;
  margin: 0 5px 0 0;
}
.testBackPage .sub-header {
  height: 50px;
  line-height: 50px;
  margin: 0 auto;
}
.testBackList {
  min-height: 453px;
  border-top: 1px solid #ececec;
}
.testBackList li {
  padding: 25px 0;
  color: #484848;
  border-bottom: 1px solid #ececec;
  zoom: 1;
}
.testBackList li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testBackList li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.testBackList li em {
  float: left;
  border: 1px solid #f7da93;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 24px;
  height: 24px;
  margin: 5px 10px 0 0;
}
.testBackList li em i {
  display: block;
  width: 24px;
  height: 24px;
  font-size: 14px;
  color: #ff7c42;
  line-height: 24px;
  text-align: center;
  font-style: normal;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.testBackList li span {
  display: inline-block;
  height: 34px;
  line-height: 34px;
}
.testBackList li span.date {
  width: 200px;
  margin: 0 25px 0 0;
}
.testBackList li span.useTime {
  width: 175px;
  margin: 0 25px 0 0;
}
.testBackList li span.pass {
  width: 150px;
  margin: 0 25px 0 0;
}
.testBackList li span.pass i {
  font-size: 14px;
  color: #3296fa;
  margin: 0 5px 0 0;
}
.testBackList li span.pass.unpass i {
  color: #ff7c42;
}
.testBackList li span.star {
  width: 150px;
}
.testBackList li .fillBtn {
  float: right;
  margin: 0px 0 0 40px;
}
/* 考试弹框 */
.pop#timeOver,
.pop#hading {
  height: 280px;
  background: url("../images/testTimeover.png") no-repeat center 80px;
  padding: 195px 0 0;
  color: #484848;
  text-align: center;
}
.pop#hading {
  background: url("../images/testHanding.png") no-repeat center 60px;
  padding: 210px 0 0;
}
.pop#timeOpen,
.pop#timeEnd,
.pop#accountOver {
  padding: 20px 0 0;
  text-align: center;
}
.pop#timeOpen p,
.pop#timeEnd p,
.pop#accountOver p {
  margin-top: 65px;
}
/* ----直播学习----------------------------直播学习 */
.introLoad {
  zoom: 1;
  padding: 20px;
  margin: 50px auto 30px;
  background-color: #ffffff;
}
.introLoad:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.introLoad:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.introLoad .introLoadDl {
  zoom: 1;
  margin: 0 auto 50px;
}
.introLoad .introLoadDl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.introLoad .introLoadDl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.introLoad dt {
  width: 320px;
  height: 220px;
  overflow: hidden;
  float: left;
}
.introLoad dt img {
  width: 100%;
  height: 100%;
}
.introLoad dd {
  position: relative;
  margin: 0 0 0 350px;
  zoom: 1;
}
.introLoad dd:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.introLoad dd:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.introLoad dd h2 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 45px;
  line-height: 45px;
  font-size: 36px;
  font-weight: bold;
  margin: 0 0 15px 0;
}
.introLoad dd h2 a {
  color: #252525;
  cursor: default;
  text-decoration: none;
}
.introLoad dd h2 a:hover {
  text-decoration: none;
}
.introLoad dd p {
  height: 20px;
  line-height: 20px;
  margin: 0 0 10px 0;
  color: #484848;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.introLoad dd .share {
  margin: 30px 0 0;
}
.introLoad dd .fillBtn {
  position: absolute;
  right: 20px;
  bottom: 0;
  float: right;
}
.introLoad .alignC {
  width: 100%;
  display: block;
  height: 30px;
  line-height: 30px;
  font-weight: bold;
  margin-top: -20px;
  color: #ff7c42;
}
.setOrder-div {
  width: 100%;
  height: 5px;
  -weikit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  margin: 50px auto 15px;
  background-color: #ececec;
  position: relative;
}
.setOrder-div.bgBlue {
  background-color: #ff7c42;
}
.setOrder-div .setOrder-div-fisrt {
  width: 40px;
  height: 5px;
  z-index: 5;
  position: absolute;
  left: 0;
}
.setOrder-div .setOrder-div-fisrt dt {
  left: 0;
}
.setOrder-div .setOrder-div-fisrt dd {
  width: 110px;
  text-align: left;
  left: -15px;
}
.setOrder-div dl {
  float: left;
  width: 25%;
  height: 5px;
  position: relative;
  zoom: 1;
}
.setOrder-div dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.setOrder-div dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.setOrder-div dl dt {
  width: 24px;
  height: 24px;
  position: absolute;
  top: -10px;
  right: 0;
  z-index: 5;
  padding: 0px 0 0 5px;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #ececec;
  background-color: #ffffff;
}
.setOrder-div dl dt span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-top: 5px;
  background-color: #ececec;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.setOrder-div dl dd {
  width: 100%;
  position: absolute;
  top: 30px;
  right: -5px;
  text-align: right;
  font-size: 14px;
  color: #323436;
}
.setOrder-div dl.active dt {
  border: 2px solid #ff7c42;
}
.setOrder-div dl.active dt span {
  background-color: #ff7c42;
}
.setOrder-div dl.bgBlue {
  background-color: #ff7c42;
}
.setOrder-div.step2 dl {
  float: left;
  width: 100%;
  height: 5px;
}
.setOrder-div.step3 dl {
  float: left;
  width: 50%;
  height: 5px;
}
.setOrder-div.step4 dl {
  float: left;
  width: 33.33333333%;
  height: 5px;
}
.setOrder-div.step5 dl {
  float: left;
  width: 25%;
  height: 5px;
}
.setOrder-div.step6 dl {
  float: left;
  width: 20%;
  height: 5px;
}
.setOrder-div.step7 .setOrder-div-fisrt dd {
  left: 8px;
}
.setOrder-div.step7 dl {
  float: left;
  width: 16.66666667%;
  height: 5px;
}
.setOrder-div.step8 dl {
  float: left;
  width: 14.28571429%;
  height: 5px;
}
.setOrder-div.step9 dl {
  float: left;
  width: 12.5%;
  height: 5px;
}
.setOrder-div.step10 dl {
  float: left;
  width: 11.11111111%;
  height: 5px;
}
.setOrder-div.step11 dl {
  float: left;
  width: 10%;
  height: 5px;
}
.setOrder-div.step12 dl {
  float: left;
  width: 9.09090909%;
  height: 5px;
}
.setOrder-div.step13 dl {
  float: left;
  width: 8.33333333%;
  height: 5px;
}
.setOrder-div.step14 dl {
  float: left;
  width: 7.69230769%;
  height: 5px;
}
.setOrder-div.step15 dl {
  float: left;
  width: 7.14285714%;
  height: 5px;
}
.setOrder-div.step16 dl {
  float: left;
  width: 6.66666667%;
  height: 5px;
}
.setOrder-div.step17 dl {
  float: left;
  width: 6.25%;
  height: 5px;
}
.setOrder-div.step18 dl {
  float: left;
  width: 5.88235294%;
  height: 5px;
}
.setOrder-div.step19 dl {
  float: left;
  width: 5.55555556%;
  height: 5px;
}
.setOrder-div.step20 dl {
  float: left;
  width: 5.26315789%;
  height: 5px;
}
.setOrder-div.step21 dl {
  float: left;
  width: 5%;
  height: 5px;
}
.setOrder-div.step22 dl {
  float: left;
  width: 4.76190476%;
  height: 5px;
}
.setOrder-div.step23 dl {
  float: left;
  width: 4.54545455%;
  height: 5px;
}
.setOrder-div.step24 dl {
  float: left;
  width: 4.34782609%;
  height: 5px;
}
.setOrder-div.step25 dl {
  float: left;
  width: 4.16666667%;
  height: 5px;
}
/* 直播页面树目录 */
.videoLiveTree li {
  zoom: 1;
  padding: 15px 20px 20px 10px;
}
.videoLiveTree li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoLiveTree li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoLiveTree li .fl {
  width: 910px;
  float: left;
}
.videoLiveTree li .time {
  zoom: 1;
  margin: 0 0 15px 0;
}
.videoLiveTree li .time:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoLiveTree li .time:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoLiveTree li .time i {
  font-size: 14px;
  margin: 0 15px 0 0;
  color: #969696;
  background-color: #ffffff;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.videoLiveTree li .time span {
  display: inline-block;
  width: 180px;
  color: #969696;
}
.videoLiveTree li .time em {
  display: inline-block;
  font-style: normal;
  padding: 2px 5px;
  -weikit-border-radius: 14px;
  -moz-border-radius: 14px;
  -ms-border-radius: 14px;
  -o-border-radius: 14px;
  border-radius: 14px;
}
.videoLiveTree li .name {
  padding: 0 0 0 35px;
  color: #484848;
}
.videoLiveTree li .name .className {
  width: 910px;
  float: left;
  width: 430px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 20px 0 0;
}
.videoLiveTree li .name .teacher {
  width: 910px;
  float: left;
  width: 420px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.videoLiveTree li .operationBtn {
  float: right;
  color: #969696;
  text-align: center;
  line-height: 60px;
}
.videoLiveTree li:hover {
  background-color: #fff3ee;
}
.videoLiveTree li:hover i {
  color: #ff7c42;
}
.videoLiveTree li.unstart .startEm,
.videoLiveTree li.start .startEm {
  color: #ae8e83;
  border: 1px solid #ae8e83;
}
.videoLiveTree li.start .startEm {
  color: #3296fa;
  border: 1px solid #3296fa;
}
.videoLiveTree li.start .blueBtn {
  background-color: #3296fa;
}
.videoLiveTree li.start .blueBtn:hover {
  background-color: #268cf2;
}
.videoLiveTree li.started .time i.icon-plan2 {
  color: #ff7c42;
}
.videoLiveTree li.started .startEm {
  color: #ff7c42;
  border: 1px solid #ff7c42;
}
.videoLiveTree li.started .operationBtn a {
  color: #ff7c42;
}
.videoLiveTree li.started:hover a {
  text-decoration: none;
}
.classService.videoLiveTree li.productLive {
  margin-left: 20px;
}
.classService.videoLiveTree li.name:hover {
  background-color: #ffffff;
}
/* ----课程学习页面----------------------------课程学习页面 */
.classLoad {
  margin: 50px auto 0;
}
.classLoad .layui-progress-bar,
.classLoad .layui-progress {
  height: 10px;
}
.classLoad .loadText {
  padding: 10px 0 0;
  color: #484848;
}
/* ----答疑讨论----------------------------答疑讨论 */
.classAsk {
  padding: 20px 60px 60px;
  zoom: 1;
  background-color: #ffffff;
}
.classAsk:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classAsk:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classAsk .sub-header {
  color: #969696;
}
.classAsk .sub-header a {
  color: #969696;
}
.classAskTitle {
  zoom: 1;
}
.classAskTitle:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classAskTitle:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classAskTitle .tabNav {
  float: left;
}
.classAskTitle .tabNav li {
  float: left;
  width: 85px;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  color: #484848;
  cursor: pointer;
}
.classAskTitle .tabNav li.active {
  color: #ff7c42;
}
.classAskTitle .common-form {
  float: left;
}
.classAskTitle .common-form .layui-form-item .layui-input-inline {
  width: 160px;
  margin: 0 100px 0 0;
  color: #969696;
}
.classAskTitle .common-form .layui-input {
  height: 36px;
  line-height: 36px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.classAskTitle .common-form .layui-form-selected dl {
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 0 10px #969696;
  -moz-box-shadow: 2px 0 10px #969696;
  -ms-box-shadow: 2px 0 10px #969696;
  -o-box-shadow: 2px 0 10px #969696;
  box-shadow: 2px 0 10px #969696;
}
.classAskTitle .fillBtn {
  float: right;
}
.classAskCon {
  zoom: 1;
}
.classAskCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classAskCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classAskCon li {
  zoom: 1;
  border-bottom: 1px solid #ececec;
  padding: 30px;
}
.classAskCon li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classAskCon li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classAskCon li img {
  width: 60px;
  height: 60px;
  overflow: hidden;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
}
.classAskCon li .classAskCon {
  margin: 0 0 0 80px;
}
.classAskCon li .classAskCon h2 {
  width: 100%;
  margin: 0 0 10px 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  line-height: 34px;
}
.classAskCon li .classAskCon .h2Div {
  width: auto;
  font-size: 14px;
  font-weight: normal;
  color: #484848;
  margin: 0;
  border: none;
  margin: 0 40px 5px 0;
  line-height: 22px;
  white-space: inherit;
  overflow: inherit;
}
.classAskCon li .classAskCon .h2Div p {
  height: auto;
  line-height: 22px;
}
.classAskCon li .classAskCon .h2Div p span {
  display: inline;
}
.classAskCon li .classAskCon h2 a {
  display: inline-block;
  float: left;
  max-width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #484848;
  font-size: 16px;
  font-weight: normal;
  height: 34px;
  line-height: 34px;
}
.classAskCon li .classAskCon h2 a:hover {
  text-decoration: none;
}
.classAskCon li .classAskCon h2 a.blue {
  float: none;
  font-size: 14px;
  color: #ff7c42;
  display: inline;
  line-height: 20px;
}
.classAskCon li .classAskCon h2 span {
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  color: #3296fa;
  height: 34px;
  line-height: 34px;
  float: left;
}
.classAskCon li .classAskCon p {
  zoom: 1;
}
.classAskCon li .classAskCon p:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classAskCon li .classAskCon p:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classAskCon li .classAskCon p span {
  display: inline-block;
  color: #969696;
}
.classAskCon li .classAskCon p span.zj {
  color: #ff7c42;
}
.classAskCon li .classAskCon p .user {
  width: 320px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 20px 0 0;
}
.classAskCon li .classAskCon p .user.orange {
  color: #ff7c42;
}
.classAskCon li .classAskCon p .comment,
.classAskCon li .classAskCon p .view {
  float: right;
  width: 100px;
  text-align: right;
  color: #484848;
}
.classAskCon li .classAskCon p .comment i,
.classAskCon li .classAskCon p .view i {
  font-size: 14px;
  margin: 0 5px 0 0;
  color: #969696;
}
.classAskCon li .classAskCon p .comment {
  text-align: left;
  margin: 0 100px 0 0;
}
.classAskCon li:hover {
  background-color: #fff3ee;
  text-decoration: none;
}
.classAskCon li:hover a {
  color: #ff7c42;
}
.classAskCon.questionViewMainLi h2 {
  font-size: 16px;
  color: #484848;
  font-weight: normal;
  border-bottom: 1px solid #ececec;
  height: 40px;
  line-height: 40px;
  margin: 0;
}
.classAskCon.questionViewMainLi li {
  position: relative;
  padding: 20px 30px;
}
.classAskCon.questionViewMainLi li .classAskCon h2 {
  width: auto;
  font-size: 14px;
  font-weight: normal;
  color: #484848;
  margin: 0;
  border: none;
  margin: 0 40px 5px 0;
  max-height: 44px;
  line-height: 22px;
  white-space: inherit;
  overflow: inherit;
}
.classAskCon.questionViewMainLi li .classAskCon p {
  font-size: 14px;
  margin: 0;
}
.classAskCon.questionViewMainLi li i {
  position: absolute;
  color: #ff7c42;
  font-size: 18px;
  right: 30px;
  top: 40%;
  cursor: pointer;
  display: none;
}
.classAskCon.questionViewMainLi li:hover {
  background-color: #ffffff;
}
.classAskCon.questionViewMainLi li:hover i {
  display: block;
}
/* 提问页面 */
.classAskBox .layui-input-block {
  margin: 0 auto 30px;
}
.classAskBox .layui-input-block input {
  height: 60px;
  line-height: 60px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.classAskBox .layui-textarea {
  min-height: 300px;
  color: #969696;
}
/* 回复列表 */
.questionViewBox h2 {
  font-size: 18px;
  font-weight: bold;
  color: #484848;
  line-height: 24px;
  margin: 0 0 20px 0;
}
.questionViewBox h2.reTitle {
  font-weight: normal;
  font-size: 16px;
  margin: 40px 0 20px;
}
.questionViewBox span.time,
.questionViewBox .viewTotal,
.questionViewBox .orange {
  display: inline-block;
  line-height: 34px;
  margin: 0 50px 20px 0;
  color: #969696;
}
.questionViewBox span.time img {
  display: inline-block;
  width: 34px;
  height: 34px;
  overflow: hidden;
  -weikit-border-radius: 17px;
  -moz-border-radius: 17px;
  -ms-border-radius: 17px;
  -o-border-radius: 17px;
  border-radius: 17px;
  float: left;
}
.questionViewBox span.time em {
  font-style: normal;
  margin: 0 0 0 10px;
}
.questionViewBox span.orange {
  color: #ff7c42;
}
.questionViewBox .edit {
  float: right;
  cursor: pointer;
  margin: 0;
}
.questionViewBox .edit i {
  font-size: 16px;
  margin: 0 10px 0 0;
}
.questionViewBox .questionViewMain {
  color: #969696;
  line-height: 22px;
}
.questionViewBox .questionViewMain .blue {
  color: #ff7c42;
  margin: 0 5px;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  padding: 0 5px;
}
.questionViewBox .questionViewMain .heighLimit {
  margin-bottom: 20px;
}
.questionViewBox .questionViewMain .heighLimit p {
  font-size: 14px;
  text-align: justify;
}
.questionViewBox .questionViewMain .showBigImgBox {
  display: inline-block;
  width: 350px;
  height: 200px;
  overflow: hidden;
  position: relative;
  margin: 10px 10px 0 0;
}
.questionViewBox .questionViewMain .showBigImgBox img {
  max-width: 100%;
  height: 100%;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  position: absolute;
  z-index: 5;
  cursor: pointer;
}
.questionViewBox .questionViewMain .showBigImgBox em {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #000;
  text-align: center;
  color: #ffffff;
  font-style: normal;
  padding: 90px;
  cursor: pointer;
  line-height: 22px;
  z-index: 1;
}
.questionViewBox .questionViewMain .showBigImgBox em i {
  margin: 0 5px 0 0;
}
.questionViewBox .questionViewMain .questionViewBtn {
  zoom: 1;
  margin: 10px 0;
  text-align: right;
}
.questionViewBox .questionViewMain .questionViewBtn:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.questionViewBox .questionViewMain .questionViewBtn:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.questionViewBox .questionViewMain .questionViewBtn span {
  position: relative;
  display: inline-block;
  cursor: pointer;
  color: #3296fa;
}
.questionViewBox .questionViewMain .questionViewBtn span em {
  font-style: normal;
}
.questionViewBox .questionViewMain .questionViewBtn span .icon-parenleft {
  position: absolute;
  top: 3px;
  right: 35px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  cursor: pointer;
}
.questionViewBox .questionViewMain .questionViewBtn span .icon-parenleft.show {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.questionViewBox .questionViewMain .layui-input-block {
  margin: 0 0 10px 0;
}
#outerdiv {
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1032;
  width: 100%;
  height: 100%;
  display: none;
}
#outerdiv #innerdiv {
  position: absolute;
}
#outerdiv #bigimg {
  border: 5px solid #fff;
}
.videPlayExam {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.videPlayExam .fillBtn {
  width: 240px;
  height: 60px;
  line-height: 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -30px 0 0 -120px;
}
/* ----帮助中心----------------------------帮助中心 */
.helpBg {
  background: url("../images/payBg.png") no-repeat center -180px;
}
.helpCenter {
  padding: 0 60px 60px;
  zoom: 1;
  min-height: 453px;
}
.helpCenter:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.helpCenter:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.helpCenter h1.sub-header {
  font-weight: normal;
  font-size: 24px;
  height: 120px;
  line-height: 120px;
}
.helpCenter .helpSearch {
  width: 640px;
  float: right;
  margin: 0 100px 0 0;
  position: relative;
}
.helpCenter .helpSearch .inputBor {
  width: 100%;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ececec;
  padding: 15px 70px 15px 20px;
}
.helpCenter .helpSearch .searchBtn {
  width: 60px;
  height: 50px;
  -weikit-border-radius: 0 5px 5px 0;
  -moz-border-radius: 0 5px 5px 0;
  -ms-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  background: url("../images/searchIcon.png") no-repeat center center #ff7c42;
  border: none;
  position: absolute;
  right: 0;
  top: 38px;
}
.helpCenter .navLeft {
  width: 240px;
  float: left;
}
.helpCenter .navLeft h2 {
  width: 100%;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 20px;
  color: #ffffff;
  font-weight: normal;
  background-color: #ff7c42;
  -weikit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
.helpCenter .navLeft h2 img {
  display: inline-block;
  margin: -5px 5px 0;
}
.helpCenter .navLeft li {
  border: 1px solid #ececec;
  border-top: 0px solid #ffffff;
  background-color: #ffffff;
}
.helpCenter .navLeft li ul {
  padding: 15px 0 0;
}
.helpCenter .navLeft li ul li {
  border: 0px solid #ffffff;
  border-top: 1px solid #ececec;
}
.helpCenter .navLeft li ul li a {
  padding-left: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.helpCenter .navLeft li a {
  position: relative;
  display: block;
  padding: 15px 15px 15px 75px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-size: 16px;
  text-decoration: none;
}
.helpCenter .navLeft li a em {
  font-style: normal;
  font-size: 40px;
  padding: 0 10px;
  position: absolute;
  line-height: 16px;
  left: 20px;
  top: 14px;
  color: #ff7c42;
}
.helpCenter .navLeft li a:hover {
  color: #ff7c42;
}
.helpCenter .navLeft li.active a {
  color: #ff7c42;
  font-weight: bold;
}
.helpCenter .helpList {
  background-color: #ffffff;
  margin: 0px 0px 0 290px;
  padding: 0 60px 60px;
}
.helpCenter .helpList .listPage .helpListCon .time {
  margin: 0 0 20px;
}
.helpCenter .helpList .listPage .helpListCon p {
  height: auto;
  max-height: 100%;
  overflow: inherit;
}
.helpCenter .helpList .listPage .helpListCon li {
  border: none;
}
.helpCenter .helpListCon {
  overflow: hidden;
}
.helpCenter .helpListCon li {
  zoom: 1;
  padding: 30px 0px 30px 40px;
  border-bottom: 1px solid #ececec;
}
.helpCenter .helpListCon li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.helpCenter .helpListCon li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.helpCenter .helpListCon li h2.onlyH2,
.helpCenter .helpListCon li h2 {
  margin: 0 0 10px -40px;
  padding-left: 40px;
  background: url("../images/helpIcon.png") no-repeat left 5px;
  font-weight: normal;
  font-size: 18px;
  color: #484848;
  line-height: 30px;
}
.helpCenter .helpListCon li h2 a {
  display: inline-block;
  width: 100%;
  font-weight: normal;
  font-size: 18px;
  color: #484848;
  line-height: 30px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.helpCenter .helpListCon li h2 a:hover {
  color: #ff7c42;
  text-decoration: none;
}
.helpCenter .helpListCon li p {
  line-height: 24px;
  color: #969696;
  max-height: 72px;
  overflow: hidden;
}
.helpCenter .helpListCon li img {
  max-width: 100%;
}
.helpCenter .helpListCon.page p {
  height: auto;
}
.helpCenter.Page {
  margin: 0 auto;
}
.helpCenter.Page .helpListCon li {
  border-bottom: none;
  padding: 0;
}
.helpCenter.Page .helpListCon li h2 {
  margin: 20px 0;
  padding-left: 40px;
  line-height: 30px;
  background: url("../images/helpIcon.png") no-repeat left 5px;
  overflow: inherit;
  font-weight: normal;
  font-size: 18px;
  color: #484848;
}
.helpCenter.Page .helpListCon p {
  height: auto;
  max-height: 100%;
}
.helpCenter.Page .helpListCon p.time {
  margin: 0 0 20px 0;
}
.helpCenter.Page .helpListCon .alignC {
  margin: 80px auto 60px;
  text-align: center;
  color: #969696;
}
.helpCenter.Page .helpListCon .alignC span {
  display: inline-block;
  cursor: pointer;
}
.helpCenter.Page .helpListCon .alignC span i {
  display: block;
  font-size: 70px;
  color: #969696;
  margin: 0 50px 10px;
}
.helpCenter.Page .helpListCon .alignC span:hover {
  color: #ff7c42;
}
.helpCenter.Page .helpListCon .alignC span:hover i {
  color: #ff7c42;
}
.helpCenter.Page .sub {
  line-height: 50px;
  color: #969696;
  margin-top: 10px;
}
.helpCenter.Page .sub a {
  color: #969696;
}
/* =============学习中心页面 开始===================学习中心页面 开始====================学习中心页面 开始========== */
#userBg {
  background: url("../images/userCenter/userBg.png") no-repeat right bottom;
  min-height: 800px;
  background-attachment: fixed;
}
/*头部*/
.navbar {
  position: fixed;
  width: 100%;
  height: 80px;
  background: #ffffff;
  margin-bottom: 0px;
  border: 0px solid transparent;
  right: 0;
  left: 0;
  z-index: 1030;
}
.navbar .navbar-header {
  background: #323436;
  width: 260px;
}
.navbar .navbar-header .navbar-brand {
  width: 100%;
  color: #ffffff;
  height: 80px;
  line-height: 50px;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  background: url("../images/logo/logoW.png") no-repeat center center #ff7c42;
  margin: 0;
  text-indent: -99999em;
}
.navbar .nav-right {
  float: right;
  margin: 0 30px 0 0;
  height: 80px;
  line-height: 80px;
  /* message */
  /* 账户信息 */
}
.navbar .nav-right a {
  position: relative;
  margin: 28px 60px 0 0;
  float: left;
  text-decoration: none;
  font-size: 20px;
}
.navbar .nav-right a:before {
  color: #c4c4c4;
}
.navbar .nav-right a:hover:before {
  color: #ff7c42;
}
.navbar .nav-right a em {
  position: absolute;
  right: -80%;
  top: -50%;
  width: auto;
  min-width: 20px;
  height: 20px;
  line-height: 10px;
  display: inline-block;
  padding: 5px;
  text-align: center;
  background: #ff7c42;
  color: #ffffff;
  font-size: 12px;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  font-size: 10px;
  font-style: normal;
}
.navbar .nav-right-div {
  float: left;
  font-size: 20px;
}
.container-fluid {
  padding: 80px 0 0;
}
/* 账户信息 */
.navbar-header-right {
  zoom: 1;
  margin: 0 0 0 260px;
  -webkit-box-shadow: 1px 0 6px #efefef;
  -moz-box-shadow: 1px 0 6px #efefef;
  -ms-box-shadow: 1px 0 6px #efefef;
  -o-box-shadow: 1px 0 6px #efefef;
  box-shadow: 1px 0 6px #efefef;
}
.navbar-header-right:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.navbar-header-right:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.navbar-header-right .nav-left {
  float: left;
  font-size: 18px;
  color: #323436;
  padding: 30px 0 0 30px;
}
.navbar-header-right .nav-right .nav-right-text {
  float: left;
  margin: 0 100px 0 0;
  font-size: 14px;
}
.navbar-header-right .nav-right .nav-right-div {
  position: relative;
}
.navbar-header-right .nav-right .nav-right-div p {
  color: #323436;
  font-size: 14px;
}
.navbar-header-right .nav-right .nav-right-div p img {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border: 1px solid #ff7c42;
  -weikit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
}
.navbar-header-right .nav-right .nav-right-div i.triangle {
  display: inline-block;
  margin: 10px 8px 0 5px;
  color: #c4c4c4;
  font-size: 16px;
  padding: 10px 0 0;
}
.navbar-header-right .nav-right .nav-right-div ul.personal-panel {
  position: absolute;
  right: 0;
  top: 80px;
  width: 150px;
  background: #ffffff;
  -webkit-box-shadow: 2px 0px 10px #ececec;
  -moz-box-shadow: 2px 0px 10px #ececec;
  -ms-box-shadow: 2px 0px 10px #ececec;
  -o-box-shadow: 2px 0px 10px #ececec;
  box-shadow: 2px 0px 10px #ececec;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.navbar-header-right .nav-right .nav-right-div ul.personal-panel li {
  height: 45px;
  line-height: 45px;
}
.navbar-header-right .nav-right .nav-right-div ul.personal-panel i {
  padding: 0 10px 0 0;
  color: #b8b8b8;
}
.navbar-header-right .nav-right .nav-right-div ul.personal-panel a {
  display: block;
  width: 100%;
  padding: 0 30px;
  height: 45px;
  line-height: 45px;
  margin: 0;
  font-size: 14px;
  zoom: 1;
  float: none;
  color: #323436;
}
.navbar-header-right .nav-right .nav-right-div ul.personal-panel a:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.navbar-header-right .nav-right .nav-right-div ul.personal-panel a:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.navbar-header-right .nav-right .nav-right-div ul.personal-panel a:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.navbar-header-right .nav-right .nav-right-div ul.personal-panel a:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.navbar-header-right .nav-right .nav-right-div ul.personal-panel a:hover {
  background: #ececec;
}
.navbar-header-right .nav-right .nav-right-div ul.personal-panel em {
  height: 24px;
  width: 24px;
  position: absolute;
  left: 35%;
  top: -22px;
  line-height: 30px;
  font-size: 40px;
}
.navbar-header-right .nav-right .nav-right-div ul.personal-panel em i {
  color: #efefef;
}
.navbar.shops .nav-right a.icon-message {
  margin-right: 100px;
}
.navbar-inverse {
  border: 0px;
}
.navbar.shops .nav-right .nav-right-exit {
  float: left;
}
.navbar.shops .nav-right .nav-right-exit a {
  display: inline-block;
  height: 80px;
  line-height: 80px;
  margin: 0;
  font-size: 14px;
  color: #323436;
}
.navbar.shops .nav-right .nav-right-exit a i {
  font-size: 18px;
  margin: 0 5px 0 0;
  color: #c4c4c4;
}
.navbar.shops .nav-right .nav-right-exit a:hover {
  color: #ff4330;
}
.navbar.shops .nav-right .nav-right-exit a:hover i:before {
  color: #ff4330;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 80px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    overflow: visible;
    /* overflow-x: auto;
    overflow-y: auto;  */
    /* Scrollable contents if viewport is shorter than content. */
    background-color: #323436;
  }
}
/* Sidebar navigation */
.sidebar {
  width: 260px;
}
.nav-sidebar li {
  width: 100%;
}
.nav-sidebar li a {
  display: inline-block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 55px 0 60px;
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}
.nav-sidebar li a i {
  position: absolute;
  left: 30px;
  top: 17px;
  font-size: 16px;
}
.nav-sidebar li a .icon-parenleft {
  float: right;
  margin: 17px 0 0;
}
.nav-sidebar li a .icon-parenleft.down {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.nav-sidebar li a:hover,
.nav-sidebar li a:focus,
.nav-sidebar li a:active {
  background: #686a6b;
}
.nav-sidebar li.active a,
.nav-sidebar li.active a:hover,
.nav-sidebar li.active a:focus,
.nav-sidebar li.active a:active {
  color: #ff7c42;
  background-color: #4a4c4e;
}
.nav-sidebar li.active ul li a {
  color: #ffffff;
  text-decoration: none;
  background: #323436;
}
.nav-sidebar li.active ul li a:hover,
.nav-sidebar li.active ul li a:focus,
.nav-sidebar li.active ul li a:active {
  color: #c4c4c4;
  color: #ffffff;
}
.nav-sidebar li.active ul li.active a,
.nav-sidebar li.active ul li.active a:hover,
.nav-sidebar li.active ul li.active a:focus,
.nav-sidebar li.active ul li.active a:active {
  color: #ff4330;
}
.nav-sidebar li ul.secondNav > li a {
  padding-left: 80px;
}
.nav-sidebar li ul.secondNav > li.active {
  color: #ff7c42;
}
.nav-sidebar li ul.secondNav > li.active span {
  display: inline-block;
}
.nav-sidebar li ul.secondNav li.thirdNavLion a {
  background: #403f3f;
}
.nav-sidebar li ul.secondNav li.thirdNavLion .thirdNav a {
  background: #ffffff;
  color: #969696;
}
.nav-sidebar li ul.secondNav li.thirdNavLion .thirdNav a:hover {
  color: #ffffff;
  background-color: #fff3ee;
  border-left: 1px solid #fff3ee;
}
.nav-sidebar .thirdNav,
.nav-sidebar li.active ul li a + .thirdNav {
  position: absolute;
  left: 100%;
  width: 200px;
  top: 0px;
  box-shadow: 5px 5px 20px #969696;
  border: 1px solid #ececec;
}
.nav-sidebar .thirdNav p,
.nav-sidebar li.active ul li a + .thirdNav p {
  height: 50px;
  line-height: 50px;
  margin: 0;
}
.nav-sidebar .thirdNav p a,
.nav-sidebar li.active ul li a + .thirdNav p a {
  display: block;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0 30px;
  background: #ffffff;
  color: #969696;
  font-size: 14px;
}
.nav-sidebar .thirdNav p a:hover,
.nav-sidebar li.active ul li a + .thirdNav p a:hover {
  color: #ffffff;
  background-color: #fff3ee;
  border-left: 1px solid #fff3ee;
}
.thirdNavLi > a {
  cursor: default;
}
.secondNav {
  display: none;
}
.ffBg {
  background: #ffffff;
}
.widthMid {
  width: 1200px;
  min-height: 600px;
}
.widthSmall {
  width: 900px;
  min-height: 600px;
}
.sub-header {
  font-size: 14px;
  color: #484848;
  font-weight: normal;
  margin: 0 auto 20px;
}
.sub-header .operation-btn {
  float: right;
}
.sub-header .operation-btn span {
  font-size: 20px;
  float: left;
  margin: 0 10px;
  cursor: pointer;
}
.sub-header .operation-btn span:hover .icon-import:before {
  color: #3296fa;
}
.sub-header a {
  color: #484848;
}
.sub-header a:hover {
  color: #ff7c42;
  text-decoration: underline;
}
.sub-header.liveList {
  zoom: 1;
}
.sub-header.liveList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.sub-header.liveList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.sub-header.liveList span.fr {
  float: right;
}
.sub-header.liveList span.fr a {
  color: #252525;
  padding: 0 5px;
}
.sub-header.liveList span.fr a:hover {
  text-decoration: none;
  color: #ff7c42;
}
.sub-header.liveList span.fr a.on {
  color: #3296fa;
}
.userMain {
  padding: 30px;
  margin-left: 260px;
  /* 账户设置 */
  /* 基本设置 */
}
.userMain .userInfor {
  position: relative;
}
.userMain .userInfor .placeholder {
  top: 10px;
}
.userMain .userInfor .userInforDl {
  border-bottom: 1px solid #ececec;
  padding: 25px 60px;
}
.userMain .userInfor .userInforDl .userInforDt {
  float: left;
  width: 110px;
  height: 30px;
  line-height: 30px;
  color: #252525;
  text-align: center;
  font-weight: normal;
  border-right: 1px solid #ececec;
}
.userMain .userInfor .userInforDl .userInforDd {
  margin: 0 40px 0 150px;
  color: #969696;
}
.userMain .userInfor .userInforDl .userInforDd .orange {
  float: right;
  color: #ff7c42;
}
.userMain .userInfor .userInforDl.userInforImg {
  zoom: 1;
  padding: 60px 0 0;
}
.userMain .userInfor .userInforDl.userInforImg:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userMain .userInfor .userInforDl.userInforImg:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userMain .userInfor .userInforDl.userInforImg dt {
  float: none;
  border-right: 1px solid #ffffff;
  height: auto;
  width: 150px;
  margin: 0 auto;
}
.userMain .userInfor .userInforDl.userInforImg dt a {
  display: block;
  width: 110px;
  height: 110px;
  overflow: hidden;
  -weikit-border-radius: 55px;
  -moz-border-radius: 55px;
  -ms-border-radius: 55px;
  -o-border-radius: 55px;
  border-radius: 55px;
  border: 1px solid #ff7c42;
  margin: 0 auto;
  position: relative;
}
.userMain .userInfor .userInforDl.userInforImg dt a img {
  width: 100%;
  max-width: 100%;
  height: 100%;
}
.userMain .userInfor .userInforDl.userInforImg dt a span {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 100%;
  height: 110px;
  text-align: center;
  line-height: 110px;
  color: #969696;
}
.userMain .userInfor .userInforDl.userInforImg dt a:hover span {
  display: inline-block;
}
.userMain .userInfor .userInforDl.userInforImg .userInforDd {
  width: 150px;
  margin: 20px auto 30px;
  text-align: center;
}
.userMain .userInfor .userInforDl.userInforImg h2 {
  font-size: 16px;
  color: #252525;
  margin: 17px 0;
  font-weight: normal;
}
.userMain .userInfor .userInforDl.userInforImg p {
  margin: 0 0 10px 0;
}
.userMain .userInfor p.grayColor {
  padding: 30px;
  color: #969696;
}
.userMain .userInfor .boxCenter p {
  height: 400px;
}
.userMain .inforSet .selectWid .layui-input-inline {
  width: 135px;
}
.userMain .inforSet .layui-input-block {
  width: 280px;
}
.common-form {
  color: #484848;
}
.common-form .layui-form-label {
  width: 100px;
  text-align: left;
  color: #484848;
}
.common-form .layui-input,
.common-form .layui-select,
.common-form .layui-textarea {
  border-color: #ececec;
  -weikit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.common-form .layui-form-select dl dd.layui-this {
  background-color: #ff7c42;
}
.common-form .layui-form-radio > i:hover,
.common-form .layui-form-radioed > i {
  color: #ff7c42;
}
.common-form .layui-word-aux.red {
  color: #ff4330 !important;
}
.common-form.inforSet {
  padding: 70px 180px 70px 100px;
}
.common-form.renewPsw {
  padding: 100px 180px 100px 250px;
}
.common-form.renewPhone {
  padding: 70px 180px 70px 215px;
}
.common-form.renewPhone .layui-form-label {
  width: 130px;
}
.common-form.renewPhone .layui-input-block {
  margin-left: 130px;
  width: 320px;
}
.common-form.renewPhone .layui-input-inline {
  display: inline-block;
  float: left;
}
.common-form.renewPhone .layui-input-inline.widthAuto {
  width: auto;
}
.common-form.renewPhone .borderBtn {
  width: 120px;
  height: 38px;
  line-height: 38px;
  font-size: 14px;
}
.common-form .reNewImg {
  width: 400px;
  height: 220px;
  margin: 20px 0 -50px 110px;
}
.common-form .reNewImg p.limit {
  width: 100%;
  color: #484848;
  margin: 20px auto;
  text-align: center;
}
.common-form .reNewImg .layui-upload {
  width: 400px;
}
.common-form .reNewImg .layui-upload .layui-btn {
  background-color: #ff7c42;
}
.common-form .reNewImg .layui-upload #demo1 {
  background-image: url("../images/defaultImg.png");
}
.common-form .reNewImg .layui-upload #test1 {
  display: block;
  margin: 0 auto;
  background-color: #ffffff;
  color: #ff7c42;
}
.common-form .reNewImg .layui-upload #demoText {
  margin: 20px 0;
}
.common-form .reNewImg .layui-upload-list {
  width: 400px;
  text-align: center;
}
.common-form .reNewImg .layui-upload-list img {
  width: 100px;
  height: 100px;
  border: 1px solid #c4c4c4;
  overflow: hidden;
  -weikit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
}
.common-form .alignC {
  margin: 75px auto 0;
}
.common-form .alignC .fillBtn {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.reNewImg .layui-upload-wrap {
  width: 100%;
}
.marR10 {
  margin-right: 10px;
}
.boxCenter p {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 900px;
  height: 600px;
  font-size: 16px;
  color: #969696;
}
.boxCenter p i {
  color: #ff7c42;
  font-size: 40px;
  display: block;
  margin: 0 0 20px;
}
.boxCenter.heightAuto p {
  display: block;
  width: 300px;
  height: 250px;
  padding: 50px 0 0;
  margin: 80px auto 0;
}
.boxCenter.heightAuto .loginBtn {
  display: block;
  margin: 0 auto 50px;
}
/* =============视频播放页面开始=============== */
.videoPlayBox {
  background-color: #ececec;
}
.videoPlayBox #videoPlayMain {
  float: left;
}
.videoPlayBox #videoMenu {
  float: right;
  position: fixed;
  right: 0;
  top: 0;
}
#videoPlayMain {
  background-color: #ececec;
}
#videoPlayMain .headTop,
#videoPlayMain .headBot,
#videoPlayMain #videoPlayWrap {
  width: 100%;
}
#videoPlayMain .headTop,
#videoPlayMain .headBot {
  zoom: 1;
  height: 54px;
  line-height: 34px;
  color: #484848;
}
#videoPlayMain .headTop:after,
#videoPlayMain .headBot:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#videoPlayMain .headTop:after,
#videoPlayMain .headBot:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#videoPlayMain .headTop {
  padding: 20px 20px 0 0;
}
#videoPlayMain .headTop p {
  display: inline-block;
}
#videoPlayMain .headTop .fillBtn {
  width: 110px;
  height: 34px;
  line-height: 34px;
  float: right;
  font-size: 14px;
}
#videoPlayMain .headTop .fillBtn:hover {
  color: #ffffff;
}
#videoPlayMain .headTop .borderBtn {
  width: 110px;
  height: 34px;
  line-height: 34px;
  float: right;
  font-size: 14px;
}
#videoPlayMain .headTop .borderBtn:hover {
  color: #ff7c42;
}
#videoPlayMain .headBot {
  position: absolute;
  bottom: 0;
  padding: 0px 0px 0px 110px;
}
#videoPlayMain .back {
  float: left;
  height: 34px;
  line-height: 34px;
  width: 100px;
  padding: 0 10px 0 20px;
  margin: 0 10px 0 0;
  color: #ffffff;
  background-color: #ff7c42;
  -weikit-border-radius: 0 15px 15px 0;
  -moz-border-radius: 0 15px 15px 0;
  -ms-border-radius: 0 15px 15px 0;
  -o-border-radius: 0 15px 15px 0;
  border-radius: 0 15px 15px 0;
  font-size: 14px;
  font-weight: normal;
  position: relative;
}
#videoPlayMain .back i {
  position: absolute;
  top: 10px;
  left: 8px;
  font-size: 16px;
  color: #ffffff;
  margin: 0 10px 0 0;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#videoPlayMain .btn {
  float: left;
  width: 34px;
  height: 40px;
  color: #ffffff;
  background: #ff7c42;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  margin: -3px 20px 0 0;
  cursor: pointer;
}
#videoPlayMain .btn i {
  position: absolute;
  left: 14px;
  top: 12px;
}
#videoPlayMain .btn.prevBtn {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
#videoPlayMain .btn.nextBtn {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
#videoPlayMain #videoPlayWrap {
  overflow: hidden;
  padding: 20px 0 20px 20px;
}
#videoPlayMain #videoPlayWrap .videoIframe {
  width: 100%;
  height: 100%;
}
#videoPlayMain #videoPlayWrap img {
  width: 100%;
  height: 100%;
}
#videoMenu {
  display: block;
  zoom: 1;
  position: relative;
}
#videoMenu:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#videoMenu:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#videoMenu .videoMenuUl {
  float: right;
  width: 60px;
  height: 100%;
  background-color: #323436;
}
#videoMenu .videoMenuUl li {
  cursor: pointer;
  width: 60px;
  padding: 20px 0;
  text-align: center;
  color: #ffffff;
  position: relative;
}
#videoMenu .videoMenuUl li em {
  position: absolute;
  top: 43%;
  right: 5%;
  min-width: 20px;
  min-height: 18px;
  line-height: 18px;
  padding: 1px 3px;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  color: #ffffff;
  background-color: #ff7c42;
  font-size: 12px;
  font-style: normal;
}
#videoMenu .videoMenuUl li i {
  font-size: 20px;
  color: #ffffff;
  margin: 0 0 8px;
  display: block;
}
#videoMenu .videoMenuUl li:hover {
  color: #ff7c42;
}
#videoMenu .videoMenuUl li:hover i {
  color: #ff7c42;
}
#videoMenu .videoMenuUl li.active {
  background-color: #4d5154;
}
#videoMenu .videoMenuMain {
  width: 0;
  float: left;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #ffffff;
}
#videoMenu #openBtn {
  position: absolute;
  left: -20px;
  top: 50%;
  background-color: #323436;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
  display: block;
  width: 20px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  cursor: pointer;
}
#videoMenu #openBtn i {
  position: absolute;
  top: 25px;
  left: 3px;
  -webkit-transform: rotate(-270deg);
  -moz-transform: rotate(-270deg);
  -ms-transform: rotate(-270deg);
  -o-transform: rotate(-270deg);
  transform: rotate(-270deg);
  font-size: 12px;
  color: #ffffff;
}
#videoMenu #openBtn.open i {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.videoMenuMain {
  /* 课程树 */
}
.videoMenuMain .videoSub {
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
.videoMenuMain .muneTree {
  zoom: 1;
  color: #484848;
}
.videoMenuMain .muneTree:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoMenuMain .muneTree:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoMenuMain .muneTree dt,
.videoMenuMain .muneTree .chapter {
  min-height: 40px;
  line-height: 22px;
  font-size: 16px;
  font-weight: bold;
  padding: 7px 30px 7px 20px;
  position: relative;
}
.videoMenuMain .muneTree dt span,
.videoMenuMain .muneTree .chapter span {
  float: right;
  font-size: 24px;
  color: #969696;
  font-weight: normal;
  cursor: pointer;
  position: absolute;
  right: 24px;
  top: 20%;
  text-align: right;
  width: 20px;
  padding-right: 0px;
}
.videoMenuMain .muneTree .chapter {
  font-size: 14px;
  padding: 12px 30px 7px 20px;
}
.videoMenuMain .muneTree li {
  zoom: 1;
  min-height: 40px;
  padding: 14px 20px 14px 30px;
  color: #969696;
  cursor: pointer;
}
.videoMenuMain .muneTree li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoMenuMain .muneTree li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoMenuMain .muneTree li p {
  width: 185px;
  float: left;
  zoom: 1;
  margin-right: 5px;
}
.videoMenuMain .muneTree li p:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoMenuMain .muneTree li p:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.videoMenuMain .muneTree li p a {
  float: left;
  font-size: 14px;
  width: 155px;
  height: 32px;
  line-height: 16px;
  color: #969696;
  overflow: hidden;
}
.videoMenuMain .muneTree li p a:hover {
  color: #ff7c42;
}
.videoMenuMain .muneTree li p .evolve {
  float: left;
  font-size: 14px;
  margin: 0px 10px 0 0;
}
.videoMenuMain .muneTree li p .evolve.icon-plan2,
.videoMenuMain .muneTree li p .evolve.icon-plan1 {
  color: #ff7c42;
}
.videoMenuMain .muneTree li .timeLen {
  float: left;
  width: 55px;
  font-size: 14px;
  line-height: 16px;
}
.videoMenuMain .muneTree li .type {
  font-size: 16px;
  float: right;
  margin-right: 5px;
}
.videoMenuMain .muneTree li .type.icon-exam {
  margin-left: 2px;
}
.videoMenuMain .muneTree li.active {
  background-color: #fff3ee;
}
.videoMenuMain .muneTree li.active a {
  color: #ff7c42;
}
.videoMenuMain .muneTree .menuTreeChild0 li {
  padding: 10px 20px 7px 10px;
}
.videoMenuMain .muneTree .menuTreeChild0 li p {
  margin-right: 35px;
}
.videoMenuMain .muneTree .menuTreeChild .chapter {
  padding: 10px 30px 7px 30px;
}
.videoMenuMain .muneTree .menuTreeChild .videoUl li {
  padding: 10px 20px 7px 30px;
}
.videoMenuMain .muneTree .menuTreeChild .videoUl li p {
  margin-right: 5px;
}
/* 我的问答 */
.qaBox {
  position: relative;
  width: 100%;
  height: 100%;
}
.qaBox .qaHead {
  height: 80px;
  padding: 13px 20px;
  border-bottom: 1px solid #ececec;
  color: #484848;
  overflow: hidden;
}
.qaBox .qaHead .editBox textarea {
  height: 280px;
  width: 100%;
}
.qaBox .qaHead .layui-input-block {
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.qaBox .qaHead.heightAuto {
  height: auto;
  overflow: auto;
}
.qaBox .qaHead.heightAuto .layui-input-block {
  border: 1px solid #ff7c42;
}
.qaBox .qaHead.heightAuto .layui-input-block input {
  border: 0px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.qaBox .qaHead.heightAuto .hide {
  display: block;
}
.qaBox .qaHead .alignR span {
  color: #969696;
  cursor: pointer;
}
.qaBox .qaHead .alignR .fillBtn {
  width: 110px;
  height: 34px;
  line-height: 34px;
  color: #ffffff;
  margin: 0 0 0 10px;
  font-size: 14px;
}
.qaBox .qaHead .alignR .fillBtn:hover {
  color: #ffffff;
}
.qaBox .qaLidt li {
  cursor: pointer;
  padding: 20px;
  border-bottom: 1px solid #ececec;
}
.qaBox .qaLidt li p {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin: 0 0 10px 0;
}
.qaBox .qaLidt li p a {
  color: #484848;
}
.qaBox .qaLidt li div.intro {
  color: #969696;
  font-size: 12px;
}
.qaBox .qaLidt li div.intro span {
  padding: 0 10px 0 0;
}
.qaBox .qaLidt li div.intro em {
  font-style: normal;
}
.qaBox .qaLidt li:hover {
  background-color: #fff3ee;
}
.qaBox .qaLidt li:hover a {
  color: #ff7c42;
}
.qaBox .qaLidt li.last {
  border-bottom: 1px solid #ffffff;
}
.qaBox .qaLidt .search0.list {
  background: url("../images/ask.png") no-repeat center 220px;
  background-size: 55%;
  padding-top: 400px;
}
.qaBox .more {
  margin: 30px 0 0;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.qaBox .more a {
  color: #3296fa;
}
.qaBox .qaPanel,
.qaBox .qaList {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.qaBox .qaPanel {
  left: 350px;
  top: 0;
  font-size: 14px;
}
.qaBox .qaPanel .backBtn {
  float: left;
  color: #3296fa;
  line-height: 60px;
  cursor: pointer;
}
.qaBox .qaPanel .qaTitle {
  width: 80%;
  line-height: 60px;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}
.qaBox .qaPanel .qaCon .qaconTitle {
  padding: 20px 20px 0;
}
.qaBox .qaPanel .qaCon .qaconTitle h4 {
  font-size: 14px;
  color: #252525;
  margin: 0 0 20px 0;
  font-weight: bold;
}
.qaBox .qaPanel .qaCon .qaconTitle p {
  /*  height: 44px; */
  overflow: hidden;
  line-height: 22px;
  font-size: 12px;
  color: #484848;
  /* margin: 0 0 20px; */
}
.qaBox .qaPanel .qaCon .qaconTitle p a {
  color: #3296fa;
}
.qaBox .qaPanel .qaCon .qaconTitle span {
  display: block;
  width: 50px;
  color: #969696;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  font-size: 12px;
}
.qaBox .qaPanel .qaCon .qaconTitle span em {
  font-style: normal;
}
.qaBox .qaPanel .qaCon .qaconTitle span i {
  position: absolute;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  top: 4px;
  left: -15px;
}
.qaBox .qaPanel .qaCon .qaconTitle.heightAuto p {
  height: auto;
}
.qaBox .qaPanel .qaCon .qaconTitle.heightAuto span i {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.qaBox .qaPanel .qaCon .askSize {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  color: #969696;
  font-size: 12px;
  border-bottom: 1px solid #ececec;
}
.qaBox .qaPanel .qaCon .qaConList {
  zoom: 1;
  padding: 20px;
  border-bottom: 1px solid #ececec;
}
.qaBox .qaPanel .qaCon .qaConList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.qaBox .qaPanel .qaCon .qaConList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.qaBox .qaPanel .qaCon .qaConList img {
  float: left;
  width: 40px;
  height: 40px;
}
.qaBox .qaPanel .qaCon .qaConList .conR {
  margin: 0 0 0 50px;
  font-size: 14px;
  color: #484848;
}
.qaBox .qaPanel .qaCon .qaConList .conR span {
  display: block;
  margin: 0 0 10px 0;
}
.qaBox .qaPanel .qaCon .qaConList .conR .time {
  color: #969696;
  font-size: 12px;
}
.qaBox .qaPanel .qaCon .qaConList.zhuanjia .name {
  color: #ff7c42;
}
.qaBox .qaPanel .qaCon .qaConList.last {
  border-bottom: 0px solid #ffffff;
}
.qaBox .qaPanel .addAns {
  padding: 20px;
}
.imgbox {
  display: block;
  width: 100%;
  height: 100%;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.imgbox img {
  width: 100%;
  height: 100%;
}
.qaBox .qaLidt .search0.list,
#answerList .search0.list {
  background: url("../images/ask.png") no-repeat center 220px;
  background-size: 55%;
  padding-top: 400px;
}
#answerList .search0.list {
  background: url("../images/ask.png") no-repeat center 120px;
  padding-top: 300px;
  background-size: 55%;
}
.downBoxUl .search0.list {
  background-size: 60%;
  background-position: center 330px;
}
.downBoxUl .search0 {
  padding-top: 480px;
}
/* 我的笔记 */
.noteBox {
  padding: 20px;
}
.noteBox .noteBoxMain {
  width: 100%;
  border: 1px solid #ececec;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.noteBox .alignR {
  margin: 20px 0 0;
}
.color96 {
  color: #969696;
}
/* 下载 */
.downBoxUl {
  padding: 0 20px;
}
.downBoxUl li {
  zoom: 1;
  padding: 20px 0;
  border-bottom: 1px solid #ececec;
  position: relative;
}
.downBoxUl li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.downBoxUl li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.downBoxUl li p {
  width: 230px;
  margin: 0 0 15px 0;
  color: #484848;
}
.downBoxUl li span {
  display: block;
  color: #969696;
}
.downBoxUl li span.download {
  width: 50px;
  height: 30px;
  position: absolute;
  top: 40px;
  right: 20px;
}
.downBoxUl li:hover p,
.downBoxUl li:hover .download {
  color: #ff7c42;
}
.downBoxUl li a.orange,
.downBoxUl li a.orange:hover {
  color: #ff7c42;
}
/* ============错题本开始============== */
.errorList li {
  float: left;
  margin: 0 30px 30px 0;
}
.errorList li a {
  zoom: 1;
  display: block;
  padding: 20px;
  background-color: #ffffff;
  -weikit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  text-decoration: none;
}
.errorList li a:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.errorList li a:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.errorList li a img {
  width: 180px;
  height: 100px;
  overflow: hidden;
  float: left;
}
.errorList li a .errorBox {
  margin: 0 0 0 200px;
}
.errorList li a .errorBox h2 {
  font-size: 16px;
  color: #484848;
  line-height: 24px;
  min-height: 48px;
  height: 48px;
  margin: 0 0 22px;
  width: 265px;
  text-overflow: ellipsis;
  /*有些示例里需要定义该属性，实际可省略*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*规定超过两行的部分截断*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  /*在任何地方换行*/
}
.errorList li a .errorBox p {
  color: #969696;
  font-size: 14px;
}
.errorList li a .errorBox p span {
  color: #ff7c42;
}
.errorList li a.last {
  margin: 0 0 30px 0;
}
.errorList li a:hover {
  -webkit-box-shadow: 2px 0 10px #dcdcdc;
  -moz-box-shadow: 2px 0 10px #dcdcdc;
  -ms-box-shadow: 2px 0 10px #dcdcdc;
  -o-box-shadow: 2px 0 10px #dcdcdc;
  box-shadow: 2px 0 10px #dcdcdc;
  text-decoration: none;
}
.errorList li.last {
  margin: 0 0 30px 0;
}
.errorListNone {
  background: url("../images/errorBook.png") no-repeat center 100px;
  background-color: #ffffff;
  padding: 400px 0 0;
}
.errorListNone p {
  color: #969696;
  text-indent: 50px;
}
.errorExamList {
  /* height: 109px; */
  height: auto;
  min-height: 109px;
  margin-bottom: 20px;
}
#errorExamList {
  height: 55px;
  border-bottom: 1px solid #ececec;
  padding: 0 40px;
}
#errorExamList .swiper-slide {
  width: auto;
  height: 55px;
  line-height: 55px;
  text-align: center;
  padding: 0 10px;
  cursor: pointer;
}
#errorExamList .swiper-slide span {
  padding: 5px 20px;
  color: #484848;
  min-width: 100px;
}
#errorExamList .swiper-slide.swiper-slide-active span {
  background-color: #ffffff;
  color: #484848;
}
#errorExamList .swiper-slide.active span {
  background-color: #ff7c42;
  -weikit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  color: #ffffff;
}
#errorExamList .swiper-button-next,
#errorExamList .swiper-button-prev {
  right: 0;
  top: 0;
  margin: 0;
  width: 40px;
  height: 55px;
  background-color: #ffffff;
  background-image: none;
}
#errorExamList .swiper-button-next i,
#errorExamList .swiper-button-prev i {
  position: absolute;
  font-size: 16px;
  color: #ff7c42;
  left: 7px;
  top: 20px;
}
#errorExamList .swiper-button-next.swiper-button-disabled i,
#errorExamList .swiper-button-prev.swiper-button-disabled i {
  color: #484848;
}
#errorExamList .swiper-button-prev {
  left: 0;
}
#errorExamList .swiper-button-prev i {
  left: 20px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
#errorExamList.noteBook {
  height: 55px;
  min-height: 55px;
  overflow: hidden;
  margin-bottom: 20px;
}
.errorNum {
  height: 55px;
  line-height: 55px;
  padding: 0 20px;
}
.errorNum .fillBtn {
  float: right;
  margin: 10px 0 0 0;
}
.errorWorkList {
  zoom: 1;
  position: relative;
  overflow-x: hidden;
}
.errorWorkList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.errorWorkList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.errorWorkList.hide {
  display: none;
}
.errorWorkList ul {
  width: 2400px;
}
.errorWorkList ul li.errorTestList {
  width: 1200px;
  float: left;
}
.errorTestList {
  padding: 50px;
}
.errorTestList .testQandA {
  margin: 0 0 50px;
  border-bottom: 1px solid #c4c4c4;
}
.errorTestList .testQandA dd {
  margin: 0 0 30px;
}
.errorTestList .testQandA dd.testAnswer li em {
  background-color: #ececec;
  color: #484848;
  border-color: #ececec;
}
.errorTestList .testQandA dd.testAnswer li.active em {
  background-color: #ff7c42;
  border-color: #ff7c42;
  color: #ffffff;
}
.errorTestList .testQandA dd.testAnalysisCon .rightAns {
  color: #969696;
}
.errorTestList .testQandA dd.testAnalysisCon em.rightColor {
  margin: 0 8px 0 0;
  color: #969696;
}
.errorTestList .testQandA dd.testAnalysisCon .showBtn {
  color: #3296fa;
  float: left;
  font-size: 16px;
}
.errorTestList .testQandA dd.testAnalysisCon .removeBtn {
  color: #ff7c42;
  float: right;
  font-size: 16px;
  cursor: pointer;
  margin: 0 3px 0 0;
}
.errorTestList .testQandA dd.testAnalysisCon .removeBtn i {
  font-size: 16px;
  margin: 0 5px 0 0;
}
.errorTestList .testQandA .testTitle {
  zoom: 1;
  border: 0px solid #ffffff;
  padding: 0;
}
.errorTestList .testQandA .testTitle:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.errorTestList .testQandA .testTitle:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.errorTestList .testQandA .testTitle span {
  color: #3296fa;
  display: inline;
}
.errorTestList .testQandA .testTitle p {
  display: inline;
}
.errorTestList .zhtTitle {
  padding: 0;
}
.errorTestList .zhtTitle div {
  margin-left: 0;
}
.errorTestList.doErrorAdd .testQandA {
  border-bottom: 1px solid #ffffff;
}
.errorTestList.doErrorAdd .testQandA dd.testAnalysisCon {
  margin: 60px 0 0;
}
.errorTestList.doErrorAdd .testQandA dd.testAnalysisCon .showBtn {
  font-size: 14px;
  color: #484848;
}
.errorTestList.doErrorAdd .testQandA dd.testAnalysisCon .rightAns {
  display: none;
  margin: 10px 0;
  color: #484848;
}
.errorTestPage {
  padding: 0 20px 50px;
}
.errorTestPage .backList {
  height: 50px;
  line-height: 50px;
  margin: 0 auto 30px;
  border-bottom: 1px solid #ececec;
}
.errorTestPage .backList span {
  cursor: pointer;
  font-size: 14px;
  color: #969696;
}
.errorTestPage .backList span:hover {
  color: #3296fa;
}
.errorTestPage .doError {
  width: 36px;
  height: 36px;
  -weikit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  border-radius: 18px;
  background-color: #ff7c42;
  text-align: center;
  line-height: 36px;
  background-image: none;
  top: 40%;
}
.errorTestPage .doError i {
  position: absolute;
  left: 15px;
  top: 10px;
  color: #ffffff;
  font-size: 16px;
}
.errorTestPage .doError.Prev {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.errorTestPage .swiper-button-next {
  right: 0;
}
.errorTestPage .swiper-button-prev {
  left: 0;
}
.errorTestPage .swiper-slide {
  padding: 0 40px;
}
.errorTestPage .swiper-button-disabled {
  background-color: #ddd;
  filter: alpha(opacity=1);
  -moz-opacity: 100;
  opacity: 100;
}
.errorTestPage#errorTestPage .swiper-slide {
  padding: 25px 50px;
}
.swiper-container#workError {
  height: auto;
}
.swiper-container#workError .swiper-container {
  overflow-y: auto;
}
.testNone {
  background: url("../images/errorBook.png") no-repeat center 120px #ffffff;
  padding-top: 300px;
  text-align: center;
  color: #484848;
  min-height: 400px;
}
.testNone p {
  display: none;
}
/* 我的直播 */
.liveList {
  margin: 0;
}
.liveList .common-form .layui-form-label {
  color: #252525;
  width: 68px;
  text-align: right;
  padding: 5px 10px 5px 0px;
  margin-right: 0;
}
.liveList .layui-input,
.liveList .layui-select {
  height: 28px;
  line-height: 28px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.liveListLI {
  zoom: 1;
}
.liveListLI:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.liveListLI:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.liveListLI li {
  float: left;
  width: 300px;
  height: 360px;
  margin: 0 20px 20px 0;
  cursor: pointer;
  background-color: #ffffff;
}
.liveListLI li a {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  text-decoration: none;
  -webkit-box-shadow: 2px 2px 10px #cacaca;
  -moz-box-shadow: 2px 2px 10px #cacaca;
  -ms-box-shadow: 2px 2px 10px #cacaca;
  -o-box-shadow: 2px 2px 10px #cacaca;
  box-shadow: 2px 2px 10px #cacaca;
}
.liveListLI li a:hover .borderBtn {
  background-color: #fff3ee;
}
.liveListLI li img {
  width: 300px;
  height: 160px;
}
.liveListLI li .liveBox {
  padding: 10px 20px 20px;
  position: relative;
  height: 180px;
}
.liveListLI li .liveBox h2 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 35px;
  line-height: 35px;
  color: #252525;
  font-size: 16px;
}
.liveListLI li .liveBox p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #969696;
}
.liveListLI li .liveBox p i {
  font-size: 16px;
  color: #ff7c42;
  margin: 0 5px 0 0;
}
.liveListLI li .liveBox .borderBtn {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -50px;
}
.liveListLI li.last {
  margin: 0 0 20px 0;
}
.liveListLI li.past {
  position: relative;
}
.liveListLI li.past .layer {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #323436;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.liveListLI.classListLi a {
  position: relative;
}
.liveListLI.classListLi a em {
  position: absolute;
  top: 0;
  right: 20px;
  display: block;
  width: 30px;
  height: 60px;
  -weikit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background: #ae8e83;
  color: #ffffff;
  text-align: center;
  font-style: normal;
  line-height: 15px;
  padding: 5px 0 0;
}
.liveListLI.classListLi a em.learningStart {
  background-color: #a25231;
}
.liveListLI.classListLi a em.learningEnd {
  background-color: #2c63a1;
}
.liveListLI.classListLi a em.learningPast {
  background-color: #958f90;
}
.liveListLI.classListLi a .blueColor {
  color: #3296fa;
  border-color: #3296fa;
}
.liveListLI.classListLi a:hover .borderBtn {
  background-color: #ff7c42;
  color: #ffffff;
}
.liveListLI.classListLi a:hover .borderBtn.blueColor {
  background-color: #3296fa;
}
/* 我的订单 */
.userOrder {
  zoom: 1;
  position: relative;
  padding: 0 0 80px 0;
}
.userOrder:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrder:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrder .notice {
  position: absolute;
  height: 30px;
  line-height: 30px;
  bottom: 30px;
  left: 0;
  padding: 0 0 0 50px;
  color: #969696;
}
.userOrder .notice i {
  color: #ff7c42;
  margin: 0 10px 0 0;
}
.userOrderTab {
  zoom: 1;
  width: 100%;
  border-bottom: 1px solid #ececec;
  padding: 0 20px;
}
.userOrderTab:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrderTab:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrderTab li {
  float: left;
  width: 100px;
  text-align: center;
  cursor: pointer;
}
.userOrderTab li span {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  color: #969696;
  font-weight: normal;
}
.userOrderTab li.active span {
  border-bottom: 1px solid #ff7c42;
  color: #252525;
}
.userOrderCon {
  zoom: 1;
  padding: 30px 50px;
}
.userOrderCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrderCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrderCon h2 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: normal;
  color: #252525;
  margin: 0 0 20px 0;
}
.userOrderCon h2 em {
  float: left;
  margin: 8px 10px 0 0;
  width: 8px;
  height: 16px;
  background-color: #ff7c42;
}
.userOrderList {
  border: 1px solid #fcd8c9;
  margin: 0 auto 30px;
}
.userOrderList dt {
  height: 50px;
  line-height: 50px;
  background-color: #fff3ee;
}
.userOrderList dt p {
  display: inline-block;
  font-weight: normal;
  color: #484848;
}
.userOrderList dt p.num {
  min-width: 300px;
  margin: 0 20px 0 0;
  padding: 0 0 0 30px;
}
.userOrderList dt p span {
  color: #969696;
}
.userOrderList dd {
  zoom: 1;
  overflow: hidden;
  padding: 20px 30px;
}
.userOrderList dd:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrderList dd:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrderList dd img {
  width: 199px;
  height: 112px;
  float: left;
  margin: 0 20px 0 0;
}
.userOrderList dd p {
  display: table;
  float: left;
  width: 200px;
  height: 112px;
  margin: 0 20px 0 0;
  text-align: left;
  vertical-align: middle;
}
.userOrderList dd p a,
.userOrderList dd p span {
  font-size: 18px;
  color: #484848;
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.userOrderList dd p a {
  width: 100%;
  display: table-cell;
  text-align: left;
  max-height: 48px;
}
.userOrderList dd p.name a:hover {
  text-decoration: none;
  color: #ff7c42;
}
.userOrderList dd p.prize span {
  color: #ff7c42;
}
.userOrderList dd p.type {
  width: 120px;
}
.userOrderList dd p.type span {
  font-size: 14px;
  color: #969696;
}
.userOrderList dd .operation {
  float: right;
  margin: 0 30px 0 0;
}
.userOrderList dd .operation a {
  display: block;
  margin: 15px 0;
  text-align: center;
  color: #ff7c42;
}
.userOrderList dd .operation a:hover {
  text-decoration: underline;
}
.userOrderList dd .operation .borderBtn {
  margin: 40px 0 0;
}
.userOrderInfor {
  margin: 0 auto 30px;
}
.userOrderInfor dt {
  height: 50px;
  line-height: 50px;
}
.userOrderInfor dt p {
  display: inline-block;
  font-weight: normal;
  color: #484848;
}
.userOrderInfor dt p.num {
  min-width: 300px;
  margin: 0 20px 0 0;
}
.userOrderInfor dt p span {
  color: #969696;
}
.userOrderInfor dt .orderType {
  color: #3296fa;
  border: 1px solid #3296fa;
  padding: 3px 8px;
  -weikit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  float: right;
  line-height: 20px;
  font-weight: normal;
  margin: 10px 0 0;
}
.userOrderInfor dt .orderType.orange {
  border-color: #ff7c42;
  color: #ff7c42;
}
.userOrderInfor dd {
  border: 1px solid #fcd8c9;
}
.userOrderInfor dd .name {
  width: 450px;
  border-right: 1px solid #fcd8c9;
}
.userOrderInfor dd .prize,
.userOrderInfor dd .type {
  width: 209px;
  border-right: 1px solid #fcd8c9;
}
.userOrderInfor dd .title {
  zoom: 1;
  height: 50px;
  line-height: 50px;
  background-color: #fff3ee;
}
.userOrderInfor dd .title:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrderInfor dd .title:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrderInfor dd .title span {
  float: left;
  height: 50px;
  line-height: 50px;
  color: #969696;
  text-align: center;
}
.userOrderInfor dd .title span.operation {
  width: 200px;
  text-align: center;
  margin: 0;
}
.userOrderInfor dd .con a.name,
.userOrderInfor dd .con .prize,
.userOrderInfor dd .con .type,
.userOrderInfor dd .con .operation {
  height: 155px;
  display: table;
  vertical-align: middle;
}
.userOrderInfor dd .con a.name span,
.userOrderInfor dd .con .prize span,
.userOrderInfor dd .con .type span,
.userOrderInfor dd .con .operation span {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #969696;
}
.userOrderInfor dd .con a.name,
.userOrderInfor dd .con .prize,
.userOrderInfor dd .con .type {
  float: left;
}
.userOrderInfor dd .con .prize .f18 {
  font-size: 18px;
  color: #ff7c42;
}
.userOrderInfor dd .con .operation {
  float: right;
  margin: 0px 50px 0 0;
  padding: 50px 0 0;
}
.userOrderInfor dd .con .operation a {
  display: block;
  width: 100%;
  margin: 15px 0;
  text-align: center;
  color: #ff7c42;
}
.userOrderInfor dd .con .operation a:hover {
  text-decoration: underline;
}
.userOrderInfor dd .con .operation.statue {
  width: 160px;
  text-align: center;
  color: #484848;
}
.userOrderInfor dd .con a.name {
  display: table;
  height: 155px;
  padding: 20px 30px;
  border-right: 1px solid #f7da93;
  vertical-align: middle;
}
.userOrderInfor dd .con a.name img {
  width: 199px;
  height: 112px;
  float: left;
  margin: 0 20px 0 0;
}
.userOrderInfor dd .con a.name p {
  vertical-align: middle;
  display: table-cell;
  text-align: left;
  width: 100%;
}
.userOrderInfor dd .con a.name p span {
  font-size: 18px;
  color: #484848;
  display: block;
  max-height: 48px;
  line-height: 24px;
  width: 100%;
  text-overflow: ellipsis;
  /*有些示例里需要定义该属性，实际可省略*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*规定超过两行的部分截断*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  /*在任何地方换行*/
  text-align: left;
}
.userOrderInfor dd .con a.name:hover {
  text-decoration: none;
}
.userOrderInfor dd .con a.name:hover p span {
  color: #ff7c42;
}
.userOrderPay {
  border: 1px solid #fcd8c9;
  zoom: 1;
}
.userOrderPay:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrderPay:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userOrderPay li {
  float: left;
  width: 33.3%;
  border-right: 1px solid #fcd8c9;
  padding: 20px 0;
  text-align: center;
  color: #484848;
}
.userOrderPay li span {
  color: #969696;
}
.userOrderPay li.last {
  border-right: 1px solid #ffffff;
}
/* 我的消息 */
.userMessageUl {
  zoom: 1;
}
.userMessageUl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userMessageUl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userMessageUl li {
  border-bottom: 1px solid #ececec;
  padding: 25px 30px;
  zoom: 1;
}
.userMessageUl li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userMessageUl li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.userMessageUl li a {
  float: left;
  position: relative;
  height: 30px;
  line-height: 30px;
  max-width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #969696;
}
.userMessageUl li a em {
  display: none;
  width: 10px;
  height: 10px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #ff7c42;
  float: left;
  margin: 5px 5px 0 0;
}
.userMessageUl li span {
  float: right;
  height: 30px;
  line-height: 30px;
  color: #969696;
}
.userMessageUl li.unread em {
  display: block;
}
.userMessageUl li:hover {
  background-color: #fff3ee;
}
.userMessageUl li:hover a {
  text-decoration: none;
}
.message-page {
  width: 90%;
  margin: 0 auto;
  padding: 50px;
  line-height: 24px;
}
.message-page-ime {
  margin: 50px 0 0;
  display: block;
  text-align: right;
}
/* 我的笔记 */
.noteBookList {
  background-color: #ffffff;
  padding: 30px;
}
.noteBookList li {
  padding: 20px 0;
  border-bottom: 1px solid #ececec;
}
.noteBookList li.last {
  border-bottom: 1px solid #fff;
}
.noteBookList li h3 {
  font-size: 14px;
  color: #ff7c42;
  font-weight: normal;
  margin: 0 0 15px 0;
}
.noteBookList li h3 i {
  float: right;
  margin: 0 10px 0 10px;
  font-size: 18px;
  color: #969696;
  cursor: pointer;
}
.noteBookList li h3 i:hover {
  color: #ff7c42;
}
.noteBookList li .noteBookListCon {
  line-height: 22px;
  color: #969696;
  margin: 0 auto 20px;
}
.noteBookList li .noteBookListCon img {
  display: block;
  max-width: 100%;
}
.noteBookList li .noteBookListCon.hideLimt {
  height: 22px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.noteBookList li .showBtn {
  display: inline-block;
  margin: 0 auto;
  padding: 5px 30px 5px 15px;
  border: 1px solid #ececec;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  color: #969696;
}
.noteBookList li .showBtn i {
  position: absolute;
  right: 10px;
  top: 7px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.noteBookList li .showBtn i.up {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.noteBookList li .showBtn em {
  font-style: normal;
}
.noteBookList li .iconMark {
  color: #3296fa;
  padding: 0 5px;
  cursor: pointer;
}
.noteBookList li .iconMark i {
  font-size: 16px;
  margin: 0 5px 0 0;
}
/* 我的问答 */
.userAsk {
  padding: 30px;
}
.userAsk li {
  padding: 30px;
  border-top: 1px solid #ececec;
}
.userAsk li h3 {
  background: url("../images/askIcon.png") no-repeat left top;
  min-height: 35px;
  padding: 6px 0 0 70px;
}
.userAsk li h3 a {
  line-height: 24px;
  font-size: 16px;
  color: #252525;
  font-weight: normal;
}
.userAsk li h3 a:hover {
  color: #ff7c42;
  text-decoration: none;
}
.userAsk li h3 .reask {
  float: right;
  margin-left: 30px;
  font-size: 14px;
  font-weight: normal;
  color: #969696;
}
.userAsk li p {
  padding: 0 0 0 70px;
  color: #969696;
  margin: 10px 0 15px;
}
.userAsk li p .orange {
  font-size: 14px;
  margin: 0 20px 0 0;
}
.userAsk li p .orange:hover {
  color: #ff7c42;
  text-decoration: none;
}
.userAsk li p .orange i {
  margin: 0 5px 0 0;
}
.userAsk li p .course {
  display: inline-block;
  padding: 0 0 0 20px;
}
.userAsk li p .replay {
  float: right;
  margin-left: 30px;
}
.userAsk li p .fr {
  margin: 0 70px 0 0;
}
.userAsk li.last {
  border-bottom: 1px solid #ffffff;
}
.userAsk li:hover {
  background-color: #fff3ee;
}
/* 关于我们 */
.icon-msg:before {
  content: "\A009";
}
.icon-address:before {
  content: "\0044";
}
.aboutUs {
  background: #fff;
  padding: 25px 60px 100px;
}
.aboutUsH2 {
  width: 100%;
  height: 55px;
  line-height: 55px;
  text-align: center;
}
.aboutUsH2 span {
  display: inline-block;
  width: 50%;
  height: 100%;
  background: url("../images/borderTink.png") repeat-x center 36px;
  margin: 0 auto;
}
.aboutUsH2 em {
  display: inline-block;
  width: 50%;
  height: 100%;
  background: url("../images/orangeBor.png") repeat-x center 36px;
}
.aboutUsH2 i {
  font: normal 24px/55px 'Microsoft YaHei';
  color: #252525;
  text-align: center;
  display: inline-block;
  padding: 0 10px;
  background: #fff;
}
.aboutDl {
  margin: 70px 0;
}
.aboutDl dt {
  width: 320px;
  height: 320px;
  background: #fff3ee;
  position: relative;
}
.aboutDl dt.fr {
  margin-right: 30px;
}
.aboutDl dt img {
  position: absolute;
  left: 30px;
  top: -30px;
}
.aboutDl dd {
  width: 540px;
  height: 320px;
  display: table;
  vertical-align: middle;
}
.aboutDl dd div {
  width: 540px;
  height: 320px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.aboutDl dd div p,
.aboutDl dd p {
  color: #484848;
  font-size: 14px;
  line-height: 24px;
}
.bot {
  width: 475px;
  display: inline-block;
  margin: 0 20px;
}
.bot h2 span {
  width: 95%;
}
.bot i.tuPic {
  color: #ff7c42;
  display: block;
  margin: 30px 0 10px;
  text-align: center;
  font-size: 24px;
}
.bot p {
  text-align: center;
  color: #484848;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}
/*协议*/
.xieyi {
  width: 1000px;
  margin: 20px auto;
  padding: 0;
  color: #484848;
  font-size: 14px;
  line-height: 24px;
}
.xieyi h1 {
  font-size: 30px;
  text-align: center;
  line-height: 16px;
  word-wrap: break-word;
  padding: 10px 0 20px;
}
.xieyi h2 {
  font-size: 14px;
  font-weight: bold;
  margin: 30px 0 10px;
}
.xieyi p {
  margin: 0 0 10px;
}
.xieyi ol {
  margin: 5px 0;
}
.xieyi ol li {
  margin: 0 0 10px;
}
.xieyi ol li ol li {
  padding-left: 1em;
}
.xieyi ol li h3 {
  font-weight: normal;
  font-size: 14px;
  margin: 20px 0 10px;
}
.xieyi ol li p {
  line-height: 24px;
  margin: 4px 0;
  text-indent: 1em;
}
/* 2018-6-11 优惠券页面 */
.couponDiv .couponTitle {
  margin-bottom: -10px;
}
.couponDiv .couponTitle h2 {
  float: left;
}
.couponDiv .couponTitle .layui-form-checkbox[lay-skin=primary]:hover i {
  border-color: #ff7c42;
}
.couponDiv .couponTitle .layui-form-checked[lay-skin=primary] i,
.couponDiv .couponTitle .layui-form-checked[lay-skin=primary] i:hover {
  background-color: #ff7c42;
  color: #fff;
  border-color: #ff7c42;
}
.couponDiv .couponNum {
  border: 1px solid #fcd8c9;
  padding: 20px 30px;
  font-size: 14px;
  color: #252525;
}
.couponDiv .couponNum a {
  text-decoration: none;
  color: #3296fa;
  float: right;
}
.prizeAll {
  margin-top: 40px;
}
.prizeAll p {
  height: 40px;
  line-height: 40px;
  font-weight: bold;
  font-size: 16px;
  color: #252525;
}
.prizeAll p.prizeNormal {
  font-weight: normal;
  font-size: 14px;
}
.couponLayer p.title {
  font-size: 14px;
  color: #484848;
  height: 35px;
  line-height: 35px;
  padding-left: 32px;
}
.couponLayer .couponLayerMain {
  height: 550px;
  overflow-y: auto;
}
.couponLayerMain li {
  position: relative;
  float: left;
  width: 290px;
  height: 240px;
  margin: 0 0px 30px 32px;
  background: url("../images/coupon/couponBg.png") no-repeat center top;
  padding: 30px 20px;
  cursor: pointer;
  overflow: hidden;
  border: 1px solid #ffffff;
}
.couponLayerMain li p {
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
}
.couponLayerMain li p.money {
  font-size: 20px;
  margin-bottom: 5px;
}
.couponLayerMain li p.money strong {
  font-size: 40px;
}
.couponLayerMain li p.grayColor {
  text-align: left;
  color: #969696;
}
.couponLayerMain li p.grayColor span {
  color: #252525;
}
.couponLayerMain li p.marTop {
  display: block;
  width: 100%;
  margin-top: 25px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.couponLayerMain li em {
  display: inline-block;
  position: absolute;
  width: 30px;
  top: 0;
  left: 20px;
  padding: 2px 0px 5px;
  -weikit-border-radius: 0 0 15px 15px;
  -moz-border-radius: 0 0 15px 15px;
  -ms-border-radius: 0 0 15px 15px;
  -o-border-radius: 0 0 15px 15px;
  border-radius: 0 0 15px 15px;
  background-color: #3296fa;
  color: #ffffff;
  font-size: 14px;
  font-style: normal;
  line-height: 16px;
  text-align: center;
}
.couponLayerMain li .hover {
  display: none;
  position: absolute;
  width: 40px;
  height: 60px;
  right: -12px;
  top: -22px;
  background: #eb6536;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  color: #ffffff;
}
.couponLayerMain li .hover i.layui-icon {
  position: absolute;
  top: 18px;
  right: 15px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 14px;
}
.couponLayerMain li:hover {
  border: 1px solid #ff7c42;
}
.couponLayerMain li:hover .hover {
  display: block;
}
/* 我的优惠券 */
.userCouponWidth,
.userApproveWidth {
  width: 1280px;
}
.couponTab a {
  cursor: default;
  text-decoration: none;
  float: right;
  height: 50px;
  line-height: 50px;
  color: #969696;
}
.couponTab a i {
  color: #ff7c42;
  margin-right: 4px;
}
.userOrderCon.couponLayerMain {
  padding: 30px 0 30px 10px;
}
.userOrderCon.couponLayerMain li {
  margin-left: 20px;
  border: 0px solid #fff;
}
.userOrderCon.couponLayerMain li .hover {
  background-color: #ececec;
}
.userOrderCon.couponLayerMain li:hover {
  border: 0px solid #ffffff;
}
.userOrderCon.couponLayerMain .used li {
  background: url("../images/coupon/couponBgGray.png") no-repeat left top;
}
.userOrderCon.couponLayerMain .used li .usedIcon {
  position: absolute;
  right: 9px;
  top: 15px;
}
.userOrderCon.couponLayerMain .used li p.grayColor span {
  color: #484848;
}
/* 优惠专区 */
.couponList h2 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #484848;
  margin-bottom: 20px;
}
.couponList h2 em {
  display: inline-block;
  width: 5px;
  height: 13px;
  background-color: #ff7c42;
  margin-right: 5px;
}
.couponList h2 a {
  font-size: 14px;
  color: #ff7c42;
  float: right;
}
.couponList li {
  display: inline-block;
  width: 370px;
  height: 162px;
  background: url("../images/coupon/couponListBg.png") no-repeat left top;
  margin: 0 40px 25px 0;
  padding: 10px 15px 20px 30px;
  color: #ffffff;
  -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
  -ms-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
  -o-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.15);
}
.couponList li .fl {
  width: 215px;
}
.couponList li .fl .money {
  font-size: 20px;
  margin-bottom: 5px;
}
.couponList li .fl .money span {
  font-size: 56px;
  font-weight: bold;
}
.couponList li .fl .money span.small {
  display: inline-block;
  font-size: 46px;
  margin-bottom: 12px;
}
.couponList li .fl .money span.smaller {
  font-size: 35px;
  margin: 12px 0 15px 0;
}
.couponList li .fl .money span.full {
  display: inline-block;
  width: 115px;
  height: 30px;
  overflow: hidden;
  text-align: center;
  line-height: 30px;
  font-size: 14px;
  background: url("../images/coupon/fullBg.png") no-repeat center top;
  color: #ff7c42;
  font-weight: normal;
  float: right;
  margin-top: 25px;
}
.couponList li .fl .text {
  width: 100%;
  text-overflow: ellipsis;
  /*有些示例里需要定义该属性，实际可省略*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*规定超过两行的部分截断*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  word-break: break-all;
  /*在任何地方换行*/
  height: 35px;
  overflow: hidden;
}
.couponList li .getBtn,
.couponList li .overBtn {
  width: 64px;
  height: 64px;
  display: inline-block;
  background: url("../images/coupon/getBtn.png") no-repeat center center;
  border: none;
  text-indent: -999em;
  -weikit-border-radius: 32px;
  -moz-border-radius: 32px;
  -ms-border-radius: 32px;
  -o-border-radius: 32px;
  border-radius: 32px;
  margin: 33px 15px 0 0;
}
.couponList li.over {
  background: url("../images/coupon/overBg.png") no-repeat left center;
}
.couponList li.over .fl .money span.full {
  color: #bdbdbd;
}
.couponList li.over .overBtn {
  cursor: default;
  width: 80px;
  height: 60px;
  margin-right: 10px;
  background: url("../images/coupon/overIcon.png") no-repeat center center;
}
.couponList li.last {
  margin-right: 0;
}
.integralList {
  zoom: 1;
}
.integralList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.integralList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.integralList h2 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #484848;
  margin-bottom: 20px;
}
.integralList h2 em {
  display: inline-block;
  width: 5px;
  height: 13px;
  background-color: #3296fa;
  margin-right: 5px;
}
.integralList li {
  display: inline-block;
  zoom: 1;
  width: 355px;
  height: 180px;
  margin: 0 63px 30px 0;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 0 16px #e2dada;
  -moz-box-shadow: 4px 0 16px #e2dada;
  -ms-box-shadow: 4px 0 16px #e2dada;
  -o-box-shadow: 4px 0 16px #e2dada;
  box-shadow: 4px 0 16px #e2dada;
  overflow: hidden;
}
.integralList li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.integralList li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.integralList li.last {
  margin-right: 0;
}
.integralList li.over .overIntegra {
  margin-top: -12px;
}
.integralList li .fl {
  width: 230px;
  height: 100%;
  background: #ffffff;
  -weikit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  -ms-border-radius: 10px 0 0 10px;
  -o-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  border: 1px solid #ddd;
  border-right: 0px solid #ffffff;
  padding: 18px 20px 20px 24px;
}
.integralList li .fl .money {
  font-size: 20px;
  color: #3296fa;
}
.integralList li .fl .money span {
  font-size: 44px;
  font-weight: bold;
}
.integralList li .fl .full {
  font-size: 14px;
  color: #484848;
  margin: 0 0 12px;
}
.integralList li .fl .text {
  width: 100%;
  text-overflow: ellipsis;
  /*有些示例里需要定义该属性，实际可省略*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*规定超过两行的部分截断*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  word-break: break-all;
  /*在任何地方换行*/
  height: 44px;
  overflow: hidden;
  color: #969696;
  line-height: 22px;
}
.integralList li .fr {
  color: #fff;
  background-color: #3296fa;
  width: 125px;
  height: 100%;
  font-size: 14px;
  text-align: center;
  padding: 20px 0 20px;
}
.integralList li .fr span {
  font-size: 44px;
  display: block;
}
.integralList li .fr span.small {
  font-size: 30px;
  margin-bottom: 10px;
}
.integralList li .fr span.smaller {
  font-size: 24px;
  margin-bottom: 15px;
}
.integralList li .fr p {
  text-align: center;
  margin-bottom: 30px;
  margin-top: -5px;
}
.integralList li .fr .changeBtn {
  display: inline-block;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 10px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #3296fa;
}
.integralList li .fr .changeBtn:hover {
  background-color: #ffffff;
  color: #3296fa;
}
.minH700 {
  height: 100%;
}
.userIntegral {
  padding: 30px 50px;
}
.userIntegral > h2 {
  font-size: 16px;
  color: #252525;
  font-weight: bold;
  line-height: 40px;
  margin-bottom: 30px;
}
.userIntegral > h2 strong {
  font-size: 36px;
  color: #ff7c42;
}
.userIntegral > h2 a {
  float: right;
  text-align: center;
  width: 200px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  border: none;
  display: inline-block;
  background-color: #ff7c42;
  color: #ffffff;
  width: 140px;
  height: 44px;
  font-weight: normal;
  line-height: 44px;
  font-size: 16px;
}
.userIntegral > h2 a:focus {
  background-color: #ff6d2c;
  color: #ffffff;
}
.userIntegral > h2 a:blur {
  background-color: #ff7c42;
  color: #ffffff;
}
.userIntegral > h2 a:hover {
  background-color: #ff6d2c;
}
.userIntegral > h2 a.w120-36 {
  width: 120px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
}
.userIntegral > h2 a.w120-36:hover {
  color: #ffffff;
}
.userIntegral > h2 a.w120-34 {
  width: 120px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
}
.userIntegral > h2 a.w110-34 {
  width: 110px;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
}
.userIntegral > h2 a.w110-34:hover {
  color: #ffffff;
}
.userIntegral > h2 a.w90-30 {
  width: 90px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
}
.userIntegral > h2 a.w90-30:hover {
  color: #ffffff;
}
.userIntegral > h2 a.disableBtn {
  background-color: #c4c4c4;
  cursor: default;
}
.userIntegral > h2 a.brownBtn {
  background-color: #ae8e83;
  filter: alpha(opacity=90);
  -moz-opacity: 9;
  opacity: 9;
}
.userIntegral > h2 a.brownBtn:hover {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
}
.userIntegral > h2 a.blueBtn {
  background-color: #147be3;
  color: #ffffff;
}
.userIntegral > h2 a.blueBtn:hover {
  background-color: #0c70d4;
}
.userIntegral h2.integralH2 {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #484848;
  font-weight: 600;
  position: relative;
  padding-left: 20px;
  margin: 10px 0 0;
}
.userIntegral h2.integralH2 em {
  display: inline-block;
  width: 10px;
  height: 14px;
  background-color: #ff7c42;
  margin-right: 5px;
  position: absolute;
  top: 10px;
  left: 0;
}
.userIntegral td,
.userIntegral th {
  text-align: center;
}
.userIntegral td {
  color: #969696;
}
.userIntegral thead {
  border-bottom: 1px solid #e8e8e8;
}
.userIntegral th {
  height: 20px;
  line-height: 20px;
  font-weight: bold;
  color: #252525;
  background-color: #fff3ee;
}
.userIntegral .layui-table tbody tr:hover,
.userIntegral .layui-table thead tr,
.userIntegral .layui-table-click,
.userIntegral .layui-table-header,
.userIntegral .layui-table-hover,
.userIntegral .layui-table-mend,
.userIntegral .layui-table-patch,
.userIntegral .layui-table-tool,
.userIntegral .layui-table[lay-even] tr:nth-child(even) {
  background-color: #fff3ee;
}
.userIntegral .integralIntro li {
  height: 30px;
  line-height: 30px;
  color: #969696;
}
.userIntegral .integralIntro li a {
  color: #3296fa;
  text-decoration: none;
}
.userIntegral .pageBox {
  margin: 30px auto;
}
/* 我的职贝 */
.myZhibei .zbTop {
  zoom: 1;
  border: 1px solid #ececec;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #ffffff;
}
.myZhibei .zbTop:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.myZhibei .zbTop:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.myZhibei .zbTop li {
  width: 25%;
  float: left;
  padding: 30px 0;
  height: 200px;
  border-right: 2px solid #ececec;
}
.myZhibei .zbTop li.days {
  padding-left: 30px;
}
.myZhibei .zbTop li.days img {
  float: left;
  width: 120px;
  height: 120px;
  -weikit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  border: 2px solid #ff7c42;
  margin-right: 30px;
}
.myZhibei .zbTop li.days p {
  margin: 30px 0 0 0px;
  font-size: 18px;
  color: #252525;
  line-height: 30px;
}
.myZhibei .zbTop li.days p span {
  color: #ff7c42;
}
.myZhibei .zbTop li.inviteEnter {
  background: url("../images/invite/inviteEnter.png") no-repeat center center;
  background-size: 85% auto;
}
.myZhibei .zbTop li.inviteEnter .inviteCode {
  width: 75%;
  margin: 0 auto;
  height: 65px;
  line-height: 60px;
  text-align: center;
  border-bottom: 1px dashed #ff7c42;
}
.myZhibei .zbTop li.inviteEnter .inviteCode strong {
  font-size: 30px;
  font-weight: normal;
  color: #ff7c42;
}
.myZhibei .zbTop li.inviteEnter div {
  width: 75%;
  margin: 0 auto;
}
.myZhibei .zbTop li.inviteEnter div p {
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #484848;
  font-size: 14px;
  margin-bottom: 5px;
}
.myZhibei .zbTop li.inviteEnter div i {
  font-size: 18px;
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #ff7c42;
  color: #fff;
  line-height: 30px;
  text-align: center;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin: 0 11%;
  cursor: pointer;
}
.myZhibei .zbTop li.jifen {
  zoom: 1;
}
.myZhibei .zbTop li.jifen:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.myZhibei .zbTop li.jifen:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.myZhibei .zbTop li.jifen .interLeft,
.myZhibei .zbTop li.jifen .interRight {
  width: 90%;
  margin: 0 auto 0 100px;
  height: 80px;
  text-align: center;
  font-size: 16px;
  text-align: left;
}
.myZhibei .zbTop li.jifen .interLeft p,
.myZhibei .zbTop li.jifen .interRight p {
  display: inline-block;
  width: 150px;
  font-weight: normal;
  padding-left: 35px;
}
.myZhibei .zbTop li.jifen .interLeft p span,
.myZhibei .zbTop li.jifen .interRight p span {
  padding-right: 5px;
}
.myZhibei .zbTop li.jifen .interLeft span,
.myZhibei .zbTop li.jifen .interRight span {
  font-weight: normal;
  font-size: 34px;
  color: #ff7c42;
}
.myZhibei .zbTop li.jifen .interLeft span {
  display: inline-block;
  width: 150px;
  padding-left: 50px;
}
.myZhibei .zbTop li.last {
  border-right: 0px solid #ffffff;
  padding: 35px 0;
  position: relative;
}
.myZhibei .zbTop li.last p {
  color: #484848;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  text-align: center;
}
.myZhibei .zbTop li.last p i {
  color: #ff7c42;
}
.myZhibei .zbTop li.last p.surprise {
  position: relative;
}
.myZhibei .zbTop li.last a {
  display: block;
  width: 240px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  margin: 0 auto;
}
.myZhibei .zbTop li.last .sign {
  position: relative;
  display: block;
  background: url("../images/bg.png") no-repeat center top;
  background-size: 150% auto;
  padding: 0px 0px 0px 10px;
  color: #ffffff;
  font-size: 16px;
  width: 240px;
  height: 50px;
  margin: 15px auto;
  text-align: center;
  line-height: 52px;
  text-decoration: none;
  -weikit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  box-shadow: 4px 0 16px #b3c1cc;
}
.myZhibei .zbTop li.last .sign span {
  float: right;
  text-align: center;
  height: 30px;
  line-height: 30px;
  border-left: 1px solid #ffffff;
  width: 50%;
  margin-top: 11px;
}
.myZhibei .zbTop li.last .sign i {
  font-style: normal;
  color: #ffffff;
  font-size: 16px;
}
.myZhibei .zbTop li.last .sign em {
  display: none;
  position: absolute;
  z-index: 1;
  color: #ff4330;
  font-size: 14px;
  right: -40px;
  font-style: normal;
  text-shadow: 4px 0 12px #bbb2b2;
  -webkit-animation: waveCircle 3s;
  animation-fill-mode: forwards;
}
@keyframes waveCircle {
  0% {
    top: 0px;
    font-size: 14px;
  }
  50% {
    top: -30px;
    opacity: .5;
    font-size: 14px;
  }
  100% {
    top: -50px;
    opacity: 0;
    font-size: 18px;
  }
}
.myZhibei .zbTop li .integralRuler {
  position: absolute;
  bottom: -180px;
  right: 20%;
  width: 300px;
  pointer-events: none;
  background-color: #ffffff;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 4px 0 30px #d3d3d3;
  -moz-box-shadow: 4px 0 30px #d3d3d3;
  -ms-box-shadow: 4px 0 30px #d3d3d3;
  -o-box-shadow: 4px 0 30px #d3d3d3;
  box-shadow: 4px 0 30px #d3d3d3;
  padding: 20px;
  z-index: 9;
}
.myZhibei .zbTop li .integralRuler em {
  font-size: 40px;
  position: absolute;
  top: -30px;
  right: 25%;
  color: #ffffff;
}
.myZhibei .zbTop li .integralRuler p {
  height: 30px;
  line-height: 30px;
  color: #969696;
  font-size: 14px;
  text-align: left;
  padding-left: 25px;
}
.myZhibei .zbTop li .integralRuler p.center {
  color: #484848;
  margin-bottom: 5px;
  text-align: center;
  padding: 0;
}
.myZhibei h2 {
  color: #484848;
  font-size: 18px;
  height: 30px;
  line-height: 30px;
  margin: 14px 0;
}
.myZhibei h2 em {
  display: inline-block;
  width: 6px;
  height: 18px;
  background-color: #ff7c42;
  float: left;
  margin: 7px 10px 0 0;
}
.myZhibei h2 span.fr {
  float: right;
  color: #969696;
  font-weight: normal;
  font-size: 14px;
}
.myZhibei .onZhibei li {
  float: left;
  width: 23.5%;
  margin-right: 2%;
  padding: 35px 25px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ececec;
  background-color: #ffffff;
}
.myZhibei .onZhibei li .onZhibeiIntro {
  font-size: 16px;
  color: #484848;
  float: left;
}
.myZhibei .onZhibei li .onZhibeiIntro span {
  display: inline-block;
  margin-top: 8px;
  color: #ff4330;
  font-size: 34px;
  padding-right: 5px;
}
.myZhibei .onZhibei li i {
  float: right;
  font-size: 60px;
  color: #ececec;
}
.myZhibei .onZhibei li.last {
  margin-right: 0;
}
.myZhibei .stepBg {
  background: #ffffff;
  border: 1px solid #ececec;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 30px 0;
}
.myZhibei .stepBg .stepBgnone {
  background: url("../images/list.png") no-repeat center 10px;
  min-height: 250px;
  padding-top: 225px;
  text-align: center;
}
.myZhibei .userSuggest_con {
  position: relative;
  overflow: hidden;
}
.myZhibei .userSuggest_con .user-suggest-ul {
  position: absolute;
}
.myZhibei .userSuggest_con .icon-but {
  position: absolute;
  width: 70px;
  height: 195px;
  padding-top: 60px;
  background-color: #fff;
}
.myZhibei .userSuggest_con .icon-but i {
  display: block;
  width: 40px;
  height: 40px;
  color: #ff7c42;
  background-color: #fff3ee;
  -weikit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  cursor: pointer;
  text-align: center;
  line-height: 38px;
}
.myZhibei .userSuggest_con .icon-but.disableBtn i {
  background-color: #ececec;
  color: #484848;
}
.myZhibei .userSuggest_con .icon-but.left {
  left: 0px;
  top: 0;
  width: 60px;
}
.myZhibei .userSuggest_con .icon-but.left i {
  margin-left: 20px;
}
.myZhibei .userSuggest_con .icon-but.right {
  right: 0px;
  top: 0;
}
.myZhibei .userSuggest_con .icon-but.right i {
  margin-right: 20px;
}
.myZhibei .silderBtn {
  height: 195px;
  overflow: hidden;
  margin: 0 70px 10px;
  zoom: 1;
  padding-top: 10px;
}
.myZhibei .silderBtn:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.myZhibei .silderBtn:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.myZhibei .silderBtn li {
  cursor: pointer;
  float: left;
  width: 340px;
  height: 195px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0 20px 0 0;
  position: relative;
}
.myZhibei .silderBtn li p {
  position: absolute;
  width: 340px;
  height: 160px;
  background: rgba(0, 0, 0, 0.2);
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  left: 0;
  top: 0;
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  padding: 20px;
  text-align: justify;
}
.myZhibei .silderBtn li img {
  width: 340px;
  height: 160px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.myZhibei .silderBtn li .emtrangle {
  display: none;
  width: 30px;
  height: 16px;
  background: url("../images/trangle.png") no-repeat left top;
  position: absolute;
  left: 45%;
  bottom: 10px;
}
.myZhibei .silderBtn li .win {
  display: block;
  width: 75px;
  height: 60px;
  position: absolute;
  right: 40px;
  bottom: 55px;
  border: 0px solid transparent;
}
.myZhibei .silderBtn li.active img {
  border: 1px solid #ff7c42;
  box-shadow: 4px 0 12px #bbb2b2;
}
.myZhibei .silderBtn li.active img.win {
  border: none;
  box-shadow: none;
}
.myZhibei .silderBtn li.active .emtrangle {
  display: block;
}
.myZhibei .silderBtn li:hover p {
  background: transparent;
}
.myZhibei .silderBtn li:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.myZhibei .studyStep {
  border: 1px solid #ececec;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 30px;
  margin: 0 90px 30px 70px;
}
.myZhibei .studyStep li {
  height: 50px;
  line-height: 83px;
  background: url("../images/dashedBor.png") repeat-y 7px 0px;
  font-size: 14px;
  overflow: hidden;
}
.myZhibei .studyStep li.first {
  height: 16px;
  line-height: 14px;
  overflow: hidden;
  background: url("../images/dashedBor.png") repeat-y 7px 15px;
}
.myZhibei .studyStep li i {
  color: #ff7c42;
  display: inline-block;
  background-color: #ffffff;
}
.myZhibei .studyStep li .time {
  display: inline-block;
  margin: 0 50px 0 20px;
  color: #484848;
}
.myZhibei .studyStep li span {
  color: #ff7c42;
}
.myZhibei .studyStep .roundSpan {
  display: inline-block;
  width: 120px;
  height: 120px;
  -weikit-border-radius: 60px;
  -moz-border-radius: 60px;
  -ms-border-radius: 60px;
  -o-border-radius: 60px;
  border-radius: 60px;
  font-size: 16px;
  text-align: center;
  margin: 55px 0 30px 10%;
}
.myZhibei .studyStep .roundSpan strong {
  display: block;
  font-size: 30px;
  margin: 20px 0 5px 0;
}
.myZhibei .studyStep .roundSpan.pinky {
  background-color: #fbc9b3;
  color: #ca6131;
}
.myZhibei .studyStep .roundSpan.pinky strong {
  color: #ca6131;
}
.myZhibei .studyStep .roundSpan.brown {
  background-color: #ded2cd;
  color: #75635d;
}
.myZhibei .studyStep .roundSpan.brown strong {
  color: #75635d;
}
.myZhibei .studyStep .roundSpan.green {
  background-color: #d3ebbd;
  color: #6b9c40;
}
.myZhibei .studyStep .roundSpan.green strong {
  color: #6b9c40;
}
.myZhibei .studyStep .roundSpan.blue {
  background-color: #add5fd;
  color: #156cc2;
}
.myZhibei .studyStep .roundSpan.blue strong {
  color: #156cc2;
}
@media screen and (max-width: 1600px) {
  .myZhibei .zbTop li.days {
    padding: 50px 30px 0;
  }
  .myZhibei .zbTop li.days p {
    margin-top: 10px;
  }
  .myZhibei .zbTop li.days img {
    width: 100px;
    height: 100px;
    -weikit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    border-radius: 50px;
  }
  .myZhibei .studyStep .roundSpan {
    margin: 35px 0 30px 8%;
  }
  .myZhibei .zbTop li.inviteEnter div i {
    margin: 0 8%;
  }
  .myZhibei .zbTop li.inviteEnter {
    background-size: 85% 88%;
  }
}
@media screen and (max-width: 1440px) {
  .myZhibei .zbTop li {
    height: 180px;
  }
  .myZhibei .zbTop li.days {
    padding: 30px 0 40px 20px;
  }
  .myZhibei .zbTop li.days img {
    width: 80px;
    height: 80px;
    -weikit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    margin-right: 20px;
    margin-top: 20px;
  }
  .myZhibei .zbTop li.last .sign {
    height: 50px;
    line-height: 50px;
    -weikit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    margin: 25px auto;
  }
  .myZhibei .onZhibei li {
    position: relative;
  }
  .myZhibei .onZhibei li i {
    font-size: 55px;
    position: absolute;
    right: 20px;
    top: 30%;
    z-index: 0;
  }
  .myZhibei .onZhibei li p {
    position: relative;
    z-index: 1;
  }
  .myZhibei .roundSpan {
    margin: 35px 0 30px 5%;
  }
  .myZhibei .silderBtn li {
    width: 320px;
  }
  .myZhibei .silderBtn li img,
  .myZhibei .silderBtn li P {
    width: 300px;
    height: 155px;
  }
  .myZhibei .zbTop li.jifen .interLeft,
  .myZhibei .zbTop li.jifen .interRight {
    margin-left: 60px;
  }
  .myZhibei .zbTop li.days p {
    margin-top: 24px;
    font-size: 16px;
  }
  .myZhibei .zbTop li.inviteEnter .inviteCode strong {
    font-size: 24px;
  }
  .myZhibei .zbTop li.inviteEnter {
    background-size: 85% 75%;
  }
  .myZhibei .zbTop li.inviteEnter .inviteCode {
    height: 55px;
    line-height: 55px;
  }
  .myZhibei .zbTop li.inviteEnter div p {
    height: 34px;
    line-height: 34px;
    margin-bottom: 0;
  }
  .myZhibei .zbTop li.jifen .interLeft,
  .myZhibei .zbTop li.jifen .interRight {
    height: 60px;
    width: 80%;
  }
  .myZhibei .zbTop li.last .sign {
    margin: 15px auto;
  }
}
@media screen and (max-width: 1280px) {
  .myZhibei .zbTop li.days {
    padding: 12px 20px;
    text-align: center;
  }
  .myZhibei .zbTop li.days h2 {
    margin-bottom: -5px;
  }
  .myZhibei .zbTop li.days img {
    width: 80px;
    height: 80px;
    -weikit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
    display: block;
    margin: 0 auto 15px;
    float: none;
  }
  .myZhibei .zbTop li.days p {
    margin: 0 auto ;
    line-height: 30px;
    text-align: center;
  }
  .myZhibei .silderBtn {
    height: 160px;
  }
  .myZhibei .onZhibei li i {
    font-size: 45px;
  }
  .myZhibei .silderBtn li {
    width: 210px;
    height: 160px;
    margin-right: 10px;
  }
  .myZhibei .silderBtn li img,
  .myZhibei .silderBtn li P {
    width: 210px;
    height: 120px;
  }
  .myZhibei .studyStep .roundSpan {
    width: 120px;
    height: 120px;
  }
  .myZhibei .studyStep .roundSpan strong {
    font-size: 24px;
    margin: 30px 0 5px 0;
  }
  .myZhibei .zbTop li.last .sign {
    margin: 18px auto;
  }
  .myZhibei .zbTop li.last {
    padding: 22px 0;
  }
  .myZhibei .zbTop li.last .sign {
    width: 200px;
  }
  .myZhibei .zbTop li.inviteEnter div i {
    margin: 0 7%;
  }
  .myZhibei .zbTop li.jifen .interLeft p,
  .myZhibei .zbTop li.jifen .interRight p {
    width: 100px;
    padding-left: 10px;
  }
  .myZhibei .zbTop li.jifen .interLeft span {
    padding-left: 25px;
  }
}
@media screen and (max-width: 1024px) {
  .myZhibei .zbTop li.last .sign {
    width: 90%;
    font-size: 14px;
  }
  .myZhibei .zbTop li.last .sign span {
    width: 50%;
  }
  .myZhibei .zbTop li.last .sign i,
  .myZhibei .onZhibei li .onZhibeiIntro span,
  .myZhibei .zbTop li.days p,
  .myZhibei .zbTop li.inviteEnter .inviteCode strong,
  .myZhibei .zbTop li.jifen .interLeft,
  .myZhibei .zbTop li.jifen .interRight,
  .myZhibei .zbTop li.inviteEnter div i {
    font-size: 14px;
  }
  .myZhibei .zbTop li.inviteEnter div i {
    margin: 0 4%;
  }
  .myZhibei .zbTop li.days {
    padding: 12px 0;
    font-size: 14px;
  }
  .myZhibei .zbTop li.jifen .interLeft,
  .myZhibei .zbTop li.jifen .interRight {
    margin-left: 30px;
  }
  .myZhibei .zbTop li.jifen .interLeft span {
    width: 100px;
  }
  .myZhibei .zbTop li.jifen .interLeft p,
  .myZhibei .zbTop li.jifen .interRight p {
    width: 80px;
  }
  .myZhibei .onZhibei li i {
    font-size: 30px;
  }
  .myZhibei .studyStep .roundSpan {
    margin: 35px 0 30px 3%;
    width: 100px;
    height: 100px;
  }
  .myZhibei .studyStep .roundSpan strong {
    font-size: 24px;
    margin: 15px 0 5px 0;
  }
}
/* 我的认证 */
.userApproveWidth .approveLayerMain {
  padding: 30px 0;
}
.userApproveWidth .approveLayerMain .liveBox h2 {
  margin-bottom: 0;
}
.userApproveWidth .approveLayerMain li a {
  -webkit-box-shadow: 0 0 0 #ffffff;
  -moz-box-shadow: 0 0 0 #ffffff;
  -ms-box-shadow: 0 0 0 #ffffff;
  -o-box-shadow: 0 0 0 #ffffff;
  box-shadow: 0 0 0 #ffffff;
}
.userApproveWidth .approveLayerMain li .borderBtn {
  border-color: #ff7c42;
  color: #ffffff;
  background-color: #ff7c42;
}
.userApproveWidth .approveLayerMain li.past {
  position: relative;
}
.userApproveWidth .approveLayerMain li.past .borderBtn {
  border-color: #ffffff;
  color: #ffffff;
  background-color: #adaeaf;
  cursor: default;
}
.userApproveWidth .approveLayerMain li.past a {
  background-color: #adaeaf;
  cursor: default;
}
.userApproveWidth .approveLayerMain li.past:hover .approveImgInfor {
  animation: none;
  -moz-animation: none;
  /* Firefox */
  -webkit-animation: none;
  /* Safari 和 Chrome */
  -o-animation: none;
  /* Opera */
  background: rgba(0, 0, 0, 0.5);
}
.userApproveWidth .approveLayerMain li.past:hover .borderBtn {
  border-color: #ffffff;
  color: #ffffff;
  background-color: #adaeaf;
  cursor: default;
}
.userApproveWidth .approveLayerMain li:hover .approveImgInfor {
  animation: opacityAnimate .5s;
  -moz-animation: opacityAnimate .5s;
  /* Firefox */
  -webkit-animation: opacityAnimate .5s;
  /* Safari 和 Chrome */
  -o-animation: opacityAnimate .5s;
  /* Opera */
  background: rgba(0, 0, 0, 0.3);
}
.userApproveWidth .approveLayerMain li:hover .borderBtn {
  background-color: #ff6d2c;
}
.userApproveWidth .approveLayerMain .layui-table {
  margin-top: 0;
}
.userApproveWidth .approveLayerMain .layui-table thead tr,
.userApproveWidth .approveLayerMain .layui-table tbody tr {
  background: #ffffff;
}
.userApproveWidth .approveLayerMain .layui-table thead tr:hover,
.userApproveWidth .approveLayerMain .layui-table tbody tr:hover {
  background: #ffffff;
}
.userApproveWidth .approveLayerMain .layui-table td,
.userApproveWidth .approveLayerMain .layui-table th {
  color: #484848;
  text-align: center;
  font-size: 14px;
}
.userApproveWidth .approveLayerMain .layui-table td {
  padding: 30px 0;
}
.userApproveWidth .approveLayerMain .layui-table th {
  padding: 15px 0;
}
.userApproveWidth .approveLayerMain .approveDemo {
  display: inline-block;
  padding: 10px;
  border: 1px solid #ececec;
  position: relative;
}
.userApproveWidth .approveLayerMain .approveDemo .hoverLayer {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.userApproveWidth .approveLayerMain .approveDemo:hover .hoverLayer {
  display: block;
}
.userApproveWidth .approveLayerMain .approveDemo span.download {
  display: block;
  width: 58px;
  height: 58px;
  line-height: 58px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -29px 0 0 -29px;
  text-align: center;
  border: 1px solid #ffffff;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.userApproveWidth .approveLayerMain .approveDemo span.download i {
  font-size: 24px;
  color: #ffffff;
}
.userApproveWidth .approveLayerMain .approveDemo img {
  max-width: 100%;
  width: 280px;
  height: 200px;
}
.userApproveWidth .userOrderTab {
  width: 1260px;
  border-bottom-color: #ddd;
}
.userApproveWidth .approveImg {
  position: relative;
  width: 300px;
  height: 160px;
}
.userApproveWidth .approveImgInfor {
  position: absolute;
  width: 300px;
  height: 160px;
  top: 0;
  left: 0;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.5);
}
.userApproveWidth .approveImgInfor .name {
  height: 30px;
  line-height: 30px;
  width: 280px;
  margin: 40px auto 35px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
}
.userApproveWidth .approveImgInfor .rz-type {
  right: 10px;
  top: 10px;
  position: absolute;
  font-size: 36px;
}
.userApproveWidth .approveImgInfor .rz-type.icon-rzSuccess {
  color: #ff7c42;
}
.userApproveWidth .approveImgInfor .rz-type.icon-rzFail {
  font-size: 40px;
}
.userApproveWidth .approveImgInfor li {
  width: 25%;
  height: 50px;
  float: left;
  text-align: center;
  margin: 0;
  background: transparent;
}
.userApproveWidth .approveImgInfor li span {
  display: block;
  font-size: 14px;
  margin-bottom: 5px;
}
.userApproveWidth .approveImgInfor li i {
  font-size: 16px;
  font-weight: normal;
}
.userApproveWidth .approveImgInfor li i.icon-undone {
  color: #ff4330;
  font-weight: bold;
}
.approveIntro.introLoadDl .share {
  margin-top: 0;
}
.approveIntro.introLoadDl .approveIntroP {
  color: #ff7c42;
  cursor: pointer;
}
#approveIntroBox p {
  line-height: 30px;
  margin: 0 100px 5px;
  text-align: left;
}
#approveIntroBox p:first-child {
  margin-top: 40px;
}
/* 课程展示页  -- 面授 */
.oto {
  zoom: 1;
  margin-left: 20px;
}
.oto:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.oto:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.oto .otonameLine,
.oto .ototimeLine {
  zoom: 1;
  height: 40px;
  line-height: 40px;
}
.oto .otonameLine:after,
.oto .ototimeLine:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.oto .otonameLine:after,
.oto .ototimeLine:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.oto .otonameLine p,
.oto .ototimeLine p {
  display: inline-block;
  margin: 0;
  padding: 0;
  color: #484848;
  font-size: 14px;
}
.oto .otonameLine p.name,
.oto .ototimeLine p.name {
  width: 240px;
  margin-right: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 1px;
}
.oto .otonameLine p.name i,
.oto .ototimeLine p.name i {
  display: inline-block;
  margin: 0 15px 0 0;
}
.oto .otonameLine p.color96,
.oto .ototimeLine p.color96 {
  color: #969696;
  padding-left: 33px;
}
.oto .otonameLine p.time,
.oto .ototimeLine p.time {
  width: 110px;
  margin-right: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.oto .otonameLine p.state,
.oto .ototimeLine p.state {
  width: 140px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.oto .otonameLine p.state i,
.oto .ototimeLine p.state i {
  margin-left: 1px;
}
.oto .otonameLine p.unpass,
.oto .ototimeLine p.unpass {
  color: #ff7c42;
}
.oto .otonameLine p.pass,
.oto .ototimeLine p.pass {
  color: #3296fa;
}
.oto .otonameLine p.type,
.oto .ototimeLine p.type,
.oto .otonameLine p.plan,
.oto .ototimeLine p.plan {
  float: right;
}
.oto .otonameLine p.plan,
.oto .ototimeLine p.plan {
  color: #ff7c42;
  cursor: pointer;
}
.oto .otoPlanBox {
  display: none;
  position: relative;
  background-color: #f5f5f5;
  border-top: 1px solid #ffffff;
  zoom: 1;
  padding: 20px;
  margin: 10px -20px -20px -10px;
}
.oto .otoPlanBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.oto .otoPlanBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.oto .otoPlanBox p {
  color: #969696;
  font-size: 14px;
  line-height: 24px;
}
.oto .otoPlanBox .upBtn {
  position: absolute;
  right: 20px;
  bottom: 20px;
  color: #ff7c42;
  cursor: pointer;
}
.oto:hover p.pass i {
  color: #3296fa;
}
.oto:hover .otoPlanBox {
  background-color: #f5f5f5;
}
.video.approvePage .timePeriod span {
  display: inline-block;
  margin-left: 35px;
  border-left: 1px solid #969696;
  padding-left: 35px;
}
.video.approvePage .shareNum {
  padding-top: 20px;
}
.video.approvePage .shareNum .share {
  float: left;
}
.video.approvePage .shareNum .share em {
  left: 34px;
}
.video.approvePage .shareNum .share .shareBox {
  right: 40px;
  left: 40px;
  -webkit-box-shadow: 2px 0 6px #cacaca;
  -moz-box-shadow: 2px 0 6px #cacaca;
  -ms-box-shadow: 2px 0 6px #cacaca;
  -o-box-shadow: 2px 0 6px #cacaca;
  box-shadow: 2px 0 6px #cacaca;
}
.video.approvePage .shareNum .peoNum {
  float: right;
  font-size: 14px;
  color: #ffffff;
  margin-top: 15px;
}
.video.approvePage .prize {
  height: 320px;
}
.video.approvePage .prize .approveText {
  font-size: 14px;
  font-weight: normal;
  line-height: 24px;
  color: #484848;
  margin-top: 30px;
  padding-left: 40px;
  position: relative;
  text-align: justify;
}
.video.approvePage .prize .approveText i {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24px;
  color: #ff7c42;
}
.video.approvePage .prize .online,
.video.approvePage .prize .buyNow {
  margin-top: 30px;
}
.video.approvePage .videoIcon.approveIcon {
  margin: 70px auto 80px;
}
.video.approvePage .videoIcon.approveIcon .approveIconP {
  display: inline-block;
  width: 120px;
  margin-right: 40px;
  text-align: center;
  color: #969696;
}
.video.approvePage .videoIcon.approveIcon .approveIconP strong {
  display: block;
  margin: 15px 0;
  font-size: 16px;
  color: #484848;
  font-weight: normal;
}
.video.approvePage .videoIcon.approveIcon .approveIconP i {
  font-size: 32px;
  color: #ff7c42;
}
.classIntroCon.approveStep {
  zoom: 1;
  width: 775px;
  margin: 40px auto;
}
.classIntroCon.approveStep:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classIntroCon.approveStep:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.classIntroCon.approveStep ul {
  width: 775px;
  height: 80px;
  background: url("../images/borderOrange.jpg") repeat-x left 15px;
}
.classIntroCon.approveStep ul li {
  width: 250px;
  float: left;
}
.classIntroCon.approveStep ul li span {
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #ff7c42;
  background-color: #ffffff;
  line-height: 28px;
  text-align: center;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.classIntroCon.approveStep ul li span em {
  display: block;
  width: 20px;
  height: 20px;
  margin: 4px;
  background-color: #ff7c42;
  color: #ffffff;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-style: normal;
}
.classIntroCon.approveStep ul li p {
  display: block;
  width: 120px;
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #ff7c42;
  position: relative;
  margin: 15px 0 0 -50px;
  -weikit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}
.classIntroCon.approveStep ul li p i {
  font-size: 20px;
  color: #ff7c42;
  position: absolute;
  left: 53px;
  top: -16px;
  background-color: #ffffff;
}
.classIntroCon.approveStep ul li.on p {
  background-color: #ff7c42;
  color: #ffffff;
}
.classIntroCon.approveStep ul li.on p i {
  font-size: 30px;
  color: #ff7c42;
  position: absolute;
  left: 40px;
  top: -19px;
  background-color: transparent;
}
.classIntroCon.approveStep ul li.last {
  width: 24px;
}
/* 个人中心认证修改 */
.userMain .userInfor .userInforDl .userInforDd {
  margin-top: 5px;
}
.rzBoxList {
  min-height: auto;
  padding: 40px 60px;
  zoom: 1;
}
.rzBoxList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.rzBoxList:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.rzBoxList .rzBoxInfor li {
  float: left;
  width: 50%;
  color: #484848;
  min-height: 70px;
}
.rzBoxList .rzBoxInfor .rzName {
  float: left;
  width: 110px;
  color: #969696;
}
.rzBoxList .picSelf,
.rzBoxList .picId {
  max-width: 120px;
  height: 120px;
  border: 1px solid #ececec;
  margin-left: 110px;
}
.rzBoxList .picSelf img,
.rzBoxList .picId img {
  max-width: 120px;
}
.rzBoxList .picId {
  max-width: 210px;
}
.rzBoxList .picId img {
  max-width: 210px;
  width: 100%;
  height: 100%;
}
.rzBoxList.marB30 {
  margin-bottom: 30px;
}
.rzBoxList .rzBoxState p {
  color: #484848;
  height: 40px;
  line-height: 40px;
}
.rzBoxList .rzBoxState p.color96 {
  color: #969696;
}
.rzBoxList .rzBoxState p i {
  margin-right: 10px;
  color: #ff7c42;
  font-size: 20px;
}
.rzBoxList .rzBoxState .rzbtn {
  float: right;
  margin-top: -60px;
}
.rzBoxList .rzBoxState .rzbtn:hover {
  color: #fff;
}
.rzStep {
  padding-bottom: 10px;
}
.rzStep .step {
  zoom: 1;
  float: none;
  width: 40%;
  margin: 0 auto;
}
.rzStep .step:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.rzStep .step:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.rzStep .step li {
  width: 50%;
}
.rzStep .step li span {
  line-height: 31px;
}
.rzStep .step i {
  left: -20px;
}
.rzStep .step .step2 i {
  right: -35px;
}
.rzStep .camera {
  border: 1px solid #ececec;
  background-color: #f9f9f9;
  padding: 30px 65px 0;
  margin: 0 70px 0;
}
.rzStep .camera p {
  color: #484848;
  margin-bottom: 30px;
  font-weight: bold;
}
.rzStep .camera dl {
  zoom: 1;
}
.rzStep .camera dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.rzStep .camera dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.rzStep .camera dt {
  float: left;
}
.rzStep .camera .photoBox {
  width: 320px;
  height: 240px;
  background: url("../images/approve/picBg.png") no-repeat center top #e3dddd;
  background-size: contain;
}
.rzStep .camera dd {
  margin: 0px 0 0 345px;
  line-height: 26px;
  color: #969696;
  padding-top: 5px;
}
.rzStep .camera dd strong {
  display: block;
  color: #484848;
}
.rzStep .fillBtn {
  display: block;
  width: 100px;
  height: 30px;
  line-height: 30px;
  font-weight: normal;
  text-align: center;
  margin: 30px auto;
  font-size: 14px;
}
.rzStep .fillBtn.rzNext {
  margin: 80px auto;
}
.rzStep .rzStepForm {
  padding: 50px 250px 50px 200px;
  font-size: 14px;
}
.rzStep .rzStepForm .layui-form-label {
  width: 120px;
  text-align: left;
  color: #484848;
}
.rzStep .rzStepForm .layui-form-label em {
  color: #ff4330;
  font-style: normal;
  display: inline-block;
  margin-right: 5px;
}
.rzStep .rzStepForm .layui-word-aux {
  padding: 15px 0 0px !important;
}
.rzStep .rzStepForm .layui-word-aux em {
  display: inline-block;
  width: 5px;
  height: 5px;
  background: #969696;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-right: 10px;
}
.rzStep .rzStepForm .layui-input-block {
  margin-left: 120px;
}
.rzStep .rzStepForm .layui-icon-add-1 {
  display: inline-block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  font-size: 24px;
  background: #ff7c42;
  color: #ffffff;
}
.rzStep .rzStepForm .layui-upload-drag {
  width: 208px;
  height: 118px;
  border: 1px solid #ececec;
  background: url("../images/approve/photo.png") no-repeat center top;
  background-size: cover;
}
.rzStep .rzStepForm .layui-upload-drag p {
  color: #ff7c42;
}
.rzStep .rzStepForm .layui-upload-drag img {
  width: 208px;
  height: 118px;
  margin: -30px;
}
.rzStep .rzbtnBox {
  text-align: center;
  margin-bottom: 50px;
}
.rzStep .rzbtnBox a,
.rzStep .rzbtnBox .fillBtn {
  display: inline-block;
}
.rzStep .rzbtnBox a {
  color: #ff7c42;
  margin-right: 50px;
}
.rzBox {
  width: 900px;
  height: 660px;
  padding: 40px 60px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -330px 0 0 -450px;
  padding-top: 100px;
}
.rzBox.rzStep .camera {
  border: 1px solid #ececec;
  background-color: #f9f9f9;
  padding: 30px 25px 0;
  margin: 0 20px 0;
}
/* 邀请模块添加 */
.loginBg .loginRe {
  margin-top: 45px;
}
/* 支付页面邀请 */
.payBg .payInfor .payinvite h2 {
  margin-bottom: 20px;
}
.payinvite {
  margin-bottom: 30px;
}
.payinvite .layui-form-item .layui-input-inline {
  width: 500px;
  margin-right: 20px;
}
.payinvite .layui-form-item .layui-input-inline input,
.payinvite .layui-form-item .layui-input-inline .layui-input:focus {
  height: auto;
  padding: 20px 30px;
  border: 1px solid #fcd8c9 !important;
  font-size: 14px;
  color: #969696;
}
.payinvite .layui-form-mid {
  padding: 20px 0 !important;
}
/* 订单页面邀请 */
.userOrderList dd .operation.orderInvite {
  position: relative;
}
.userOrderList dd .operation.orderInvite .fillBtn.w120-36,
.userOrderList dd .operation.orderInvite .borderBtn.w120-36 {
  margin: 20px 0;
}
.userOrderList dd .operation.orderInvite .InviteBtn {
  display: inline-block;
  width: 120px;
  text-align: center;
  color: #484848;
}
.userOrderList dd .operation.orderInvite .shareBox {
  position: absolute;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  width: 350px;
  height: auto;
  line-height: 30px;
  padding: 10px 0 10px 15px;
  top: 45px;
  right: 115px;
  background-color: #ffffff;
  -webkit-box-shadow: -2px 0 6px #cacaca;
  -moz-box-shadow: -2px 0 6px #cacaca;
  -ms-box-shadow: -2px 0 6px #cacaca;
  -o-box-shadow: -2px 0 6px #cacaca;
  box-shadow: -2px 0 6px #cacaca;
  z-index: 2;
}
.userOrderList dd .operation.orderInvite .shareBox p {
  display: block;
  width: 100%;
  color: #484848;
  height: auto;
  margin: 0;
}
.userOrderList dd .operation.orderInvite .shareBox i {
  color: #dcdcdc;
  font-size: 20px;
  margin: 0 10px;
  cursor: pointer;
}
.userOrderList dd .operation.orderInvite .shareBox i:hover {
  color: #969696;
}
.userOrderList dd .operation.orderInvite em {
  position: absolute;
  display: block;
  z-index: 1;
  width: 12px;
  height: 12px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-box-shadow: 0px 0 5px #cacaca;
  -moz-box-shadow: 0px 0 5px #cacaca;
  -ms-box-shadow: 0px 0 5px #cacaca;
  -o-box-shadow: 0px 0 5px #cacaca;
  box-shadow: 0px 0 5px #cacaca;
  left: 0;
  top: 80px;
  background-color: #ffffff;
}
.userOrderList dd .operation.orderInvite .InviteBtn {
  cursor: pointer;
  color: #3296fa;
}
.userOrderList dd .operation.orderInvite .InviteBtn .icon-typeIcon4 {
  font-size: 18px;
}
.userOrderList dd .operation.orderInvite.unbuy a {
  margin: 5px 0;
}
.userOrderList dd .operation.orderInvite.unbuy .fillBtn.w120-36 {
  margin: 0px;
}
.userOrderList dd .operation.orderInvite.unbuy em {
  top: 95px;
}
/* 详情页邀请 */
.share i {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  color: #ff7c42;
}
.share .shareBox {
  width: 350px;
  height: auto;
  line-height: 30px;
  padding: 10px 0 10px 15px;
  top: -15px;
  left: 89px;
}
.share .shareBox p {
  color: #484848;
}
.share em {
  left: 82px;
}
.video .classPageIntro_div .share .shareBox {
  right: 86px;
  top: -20px;
}
.classPageIntro_div .prize.addInvite {
  width: 450px;
}
.classPageIntro_div .prize.addInvite .count {
  font-size: 14px;
  text-align: right;
  font-weight: normal;
  text-decoration: none;
  float: right;
  margin: 0;
  padding-top: 2px;
}
.count.pageInvite {
  width: 202px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  color: #fff;
  margin: 39px 0 0;
  background: url("../images/invite/inviteBg.png") no-repeat center center;
  background-size: contain;
}