body {
  font: 12px/1.5 "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1,\9ED1\4F53", "微软雅黑", "Heiti SC", tahoma, arial, Hiragino Sans GB, "\5B8B\4F53", sans-serif;
  margin: 0 auto;
  color: #333;
  min-width: 1100px;
  background: #f5f5f5;
}

p,
ul,
ol,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe {
  margin: 0;
  padding: 0;
}

img {
  border: 0 none;
}

ul,
li,
ol {
  list-style-type: none;
}

i,
em,
address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}

a {
  text-decoration: none;
  color: #333;
}

a:hover {
  text-decoration: none;
}

a,
a:hover {
  outline: none;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix {
  *zoom: 1;
}

input,
button,
select,
textarea {
  outline: none;
}

textarea {
  resize: none;
}

.pr {
  position: relative;
}

.abs {
  position: absolute;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tc {
  text-align: center;
}

.main {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}

.crumbs {
  margin: 22px 0;
  height: 22px;
  line-height: 22px;
  font-size: 24px;
  color: #333;
}

.crumbs a,
.crumbs span,
.crumbs label {
  display: block;
  float: left;
}

.crumbs a,
.crumbs span {
  font-size: 14px;
  color: #999;
}

.crumbs span {
  margin: 0 12px;
}

.ad img {
  display: block;
  width: 100%;
}

.margin-8 {
  margin-top: 8px;
}

.boxs {
  position: relative;
}

.box {
  background: #fff;
  margin-top: 12px;
  border-radius: 5px;
}

.box.box-left {
  width: 908px;
  min-height: 815px;
  position: relative;
  z-index: 1;
}

.write-bg {
  background: #fff;
}

.question-rignt {
  display: none;
  position: absolute;
  top: -10px;
  right: 0;
  width: 280px;
}

.subject-main {
  padding: 0 30px;
  width: 1140px;
}

.subject-main .tit {
  height: 32px;
  line-height: 32px;
  padding: 19px 0 17px;
  border-bottom: 1px solid #eee;
}

.subject-main .tit dt span {
  font-size: 24px;
  color: #333;
}

.subject-main .tit dt a {
  display: inline-block;
  width: 105px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 3px;
  border: 1px solid #bbb;
  font-size: 12px;
  color: #999;
  margin-left: 17px;
  vertical-align: 1px;
}

.subject-main .tit dt a i {
  display: inline-block;
  width: 10px;
  height: 11px;
  margin-right: 4px;
  vertical-align: -1px;
  background: url(../images/switch.png) no-repeat;
}

.subject-main .tit dt a:hover {
  color: #FF8E35;
  border: 1px solid #FF8E35;
}

.subject-main .tit dt a:hover i {
  background: url(../images/switch-select.png) no-repeat;
}

.subject-main .tit dd {
  height: 32px;
  line-height: 32px;
  border-left: 1px solid #eee;
  padding-left: 10px;
}

.subject-main .tit dd a {
  font-size: 16px;
  color: #4088E3;
  margin-left: 30px;
}

.subject-main .tit dd a i {
  display: inline-block;
  width: 15px;
  height: 15px;
  vertical-align: -2px;
  margin-right: 8px;
}

.subject-main .tit dd a.my i {
  background: url(../images/my.png) no-repeat;
}

.subject-main .tit dd a.record i {
  background: url(../images/record.png) no-repeat;
}

.subject-main .choice-subject {
  padding: 22px 0;
}

.subject-main .choice-tit {
  font-size: 16px;
  color: #666;
  line-height: 25px;
}

.subject-main .choice-main {
  width: 1032px;
  margin-left: 16px;
}

.subject-main .choice-main a {
  display: inline-block;
  padding: 0 11px;
  color: #333;
  border-radius: 20px;
  font-size: 16px;
  border: 1px solid #fff;
  margin: 0 3px 10px 0;
}

.subject-main .choice-main a.on,
.subject-main .choice-main a:hover {
  border: 1px solid #FF8E35;
  color: #FF8E35;
}

.list-tit {
  height: 104px;
}

.list-tit li {
  float: left;
  width: 136px;
  padding-top: 20px;
  height: 84px;
  border-bottom: 2px solid #fff;
  text-align: center;
  font-size: 14px;
  color: #bbb;
  font-weight: 600;
  cursor: pointer;
}

.list-tit li:hover,
.list-tit li.on {
  color: #FF8E35;
  border-bottom: 2px solid #FF8E35;
  box-shadow: 0px 2px 12px 0px rgba(177, 171, 165, 0.3);
}

.list-tit li i {
  display: block;
  width: 34px;
  height: 34px;
  margin: 0 auto 10px;
}

.list-tit li.list1 {
  border-radius: 0 0 0 5px;
}

.list-tit li.list1 i {
  background: url(../images/icon1.png) no-repeat;
}

.list-tit li.list1:hover i,
.list-tit li.list1.on i {
  background: url(../images/icon1-select.png) no-repeat;
}

.list-tit li.list1:hover,
.list-tit li.list1.on {
  box-shadow: 0px 2px 12px 0px rgba(177, 171, 165, 0.3);
}

.list-tit li.list2 i {
  background: url(../images/icon2.png) no-repeat;
}

.list-tit li.list2:hover i,
.list-tit li.list2.on i {
  background: url(../images/icon2-select.png) no-repeat;
}

.list-tit li.list3 i {
  background: url(../images/icon3.png) no-repeat;
}

.list-tit li.list3:hover i,
.list-tit li.list3.on i {
  background: url(../images/icon3-select.png) no-repeat;
}

.list-tit li.list4 i {
  background: url(../images/icon5.png) no-repeat;
}

.list-tit li.list4:hover i,
.list-tit li.list4.on i {
  background: url(../images/icon5-select.png) no-repeat;
}

.list-tit li.list5 i {
  background: url(../images/icon6.png) no-repeat;
}

.list-tit li.list5:hover i,
.list-tit li.list5.on i {
  background: url(../images/icon6-select.png) no-repeat;
}

.list-tit li.list6 i {
  background: url(../images/icon4.png) no-repeat;
}

.list-tit li.list6:hover i,
.list-tit li.list6.on i {
  background: url(../images/icon4-select.png) no-repeat;
}

.list-main .day {
  width: 1200px;
  height: 150px;
  margin-top: 12px;
  padding-top: 330px;
  text-align: center;
  background: url(../images/day-bg.png) no-repeat;
}

.list-main .day .day-num {
  display: inline-block;
  padding: 0 20px;
  height: 38px;
  line-height: 38px;
  border-radius: 5px;
  border: 1px solid #E7E7E7;
  font-size: 14px;
  color: #666;
}

.list-main .day .day-num span {
  display: inline-block;
  margin-left: 48px;
  color: #FF8E35;
  font-size: 12px;
}

.list-main .day a {
  display: block;
  width: 192px;
  height: 40px;
  background: #FC723F;
  background: linear-gradient(246deg, #FC723F 0%, #FFBB58 100%);
  box-shadow: 0px 2px 14px 0px rgba(252, 125, 67, 0.4);
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  margin: 12px auto 0;
}

.list-main .tips {
  margin-top: 22px;
  width: 1120px;
  padding: 24px 40px;
  background: #EAEAEA;
  border-radius: 5px;
  font-size: 12px;
  color: #666;
  line-height: 30px;
}

.list-main .list-year {
  min-height: 700px;
  padding: 0 30px;
}

.list-main .list-year li {
  position: relative;
  padding-top: 30px;
  height: 72px;
  border-bottom: 1px solid #eee;
}

.list-main .list-year li p {
  font-size: 16px;
  color: #333;
  width: 580px;
}

.list-main .list-year li span {
  display: inline-block;
  width: 112px;
  font-size: 14px;
  color: #999;
  margin-top: 5px;
}

.list-main .list-year li .btn {
  position: absolute;
  top: 36px;
  right: 0;
}

.list-main .list-year.moniExam li .btn {
  top: 26px;
}

.list-main .list-year li .btn span {
  display: inline-block;
  margin-left: 26px;
  width: auto;
  font-size: 14px;
  color: #BBBBBB;
}

.list-main .list-year li a {
  display: inline-block;
  width: 102px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 20px;
  font-size: 14px;
  color: #fff;
  margin-left: 30px;
  border: 1px solid #fff;
}

.list-main .list-year li a.look {
  color: #bbb;
  background: #fff;
  border: 1px solid #BBBBBB;
}

.list-main .list-year li a.look.on,
.list-main .list-year li a.look:hover {
  color: #999;
  border: 1px solid #999;
}

.list-main .list-year li a.again {
  background: #bbb;
}

.list-main .list-year li a.again.on,
.list-main .list-year li a.again:hover {
  background: #999;
}

.list-main .list-year li a.go {
  background: #00C588;
}

.list-main .list-year li a.go.on,
.list-main .list-year li a.go:hover {
  background: #009E6D;
}

.list-main .list-year li a.start {
  background: #FF8E35;
}

.list-main .list-year li a.start.on,
.list-main .list-year li a.start:hover {
  background: #E87B25;
}

.course-main,
.course-main .courseContent {
  height: 174px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.box-right-tit {
  position: relative;
  width: 256px;
  padding-top: 2px;
  font-size: 18px;
  color: #333;
  margin-bottom: 12px;
  font-weight: 400;
  font-family: -apple-system, BlinkMacSystemFont;
}

.box-right-tit a {
  display: block;
  position: absolute;
  font-size: 12px;
  color: #999;
  right: 0;
  top: 10px;
}

.course-main {
  padding: 12px;
  margin-top: 12px;
  width: 256px;
  border-radius: 5px;
}

.course-main .courseDot li {
  background: url(//www.jianshe99.com/images/index2020/spirit-v5.png) no-repeat;
}

.course-main .courseDot {
  width: 100%;
  height: 6px;
  position: absolute;
  right: 12px;
  bottom: 168px;
  z-index: 3;
  text-align: right;
  font-size: 0;
}

.course-main .courseDot {
  width: 100%;
  height: 6px;
  position: absolute;
  right: 12px;
  bottom: 168px;
  z-index: 3;
  text-align: right;
  font-size: 0;
}

.course-main .courseContent img {
  display: block;
  width: 256px;
  height: 134px;
  border-radius: 3px;
}

.course-main .courseDot li {
  width: 5px;
  height: 25px;
  line-height: 100px;
  overflow: hidden;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 3px;
  background-position: left -886px;
  cursor: pointer;
}

.course-main .courseDot li.on {
  background-position: -22px -886px;
}

.course-main .courseContent .minCon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 38px 0 0 37px;
  width: 257px;
  height: 116px;
  background: rgba(0, 0, 0, 0.6);
  filter: alpha(opacity=60);
  color: #fff;
  display: none;
  text-decoration: none;
}

.course-main .courseContent .minCon h3 {
  font-size: 20px;
  line-height: 20px;
}

.course-main .courseContent .minCon em {
  font-size: 12px;
  line-height: 26px;
}

.course-main .courseContent .minCon p {
  padding-top: 14px;
}

.course-main .courseContent .minCon p span {
  margin-right: 16px;
  width: 58px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
  color: #fff;
  background-color: #CB9169;
  border-radius: 11px;
  display: inline-block;
}

.course-main .prev,
.course-main .next {
  width: 20px;
  height: 30px;
  position: absolute;
  left: 12px;
  top: 50%;
  margin-top: 10px;
  z-index: 4;
  display: none;
  background: url(//www.jianshe99.com/images/index2020/spirit-v5.png) no-repeat;
  background-position: left -806px;
}

.course-main .next {
  left: auto;
  right: 12px;
  background-position: left -846px;
}

.listen li a,
.listen .liveMain-list .swiper-slide i,
.liveMain-list .swiper-slide p i,
.wx,
.chioce i,
.chioce i label,
.printing i,
.show-time i,
.make-fn-btn i,
.answer-main i,
.mApp i,
.discuss i {
  background: url(../images/ico.png) no-repeat;
}

.listen {
  width: 256px;
  padding: 12px;
  border-radius: 5px;
}

.listen .listen-img img {
  display: block;
  width: 256px;
  height: 134px;
  border-radius: 3px;
}

.listen .clone {
  float: left;
  width: 256px;
  margin-right: 10px;
  overflow: hidden;
}

.listen li {
  width: 100%;
  position: relative;
  margin-top: 16px;
  font-size: 14px;
}

.listen li h3 {
  font-size: 14px;
  width: 217px;
  color: #333;
  font-weight: 400;
  line-height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.listen li p {
  color: #999;
  margin-top: 8px;
}

.listen li a {
  display: block;
  position: absolute;
  right: 0;
  top: 6px;
  width: 30px;
  height: 30px;
  background-position: 0 0;
}

.listen .swiper-container {
  width: 256px;
  height: 125px;
  padding-top: 20px;
}

.listen .swiper-slide {
  position: relative;
  width: 200px;
  padding: 16px 30px 0 0;
  border-top: 4px solid #EEEEEE;
}

.listen .swiper-scrollbar {
  height: 10px;
  width: 94%;
  left: 3%;
  bottom: 10px;
  position: absolute;
  background: red;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8) inset;
}

.listen .liveMain-list .swiper-slide p {
  font-size: 14px;
  line-height: 20px;
  color: #333;
  cursor: pointer;
}

.listen .liveMain-list .swiper-slide p.pzt {
  text-indent: 40px;
  height: 40px;
  overflow: hidden;
}

.listen .liveMain-list .swiper-slide p.pzt i {
  display: inline-block;
  width: 34px;
  height: 16px;
  margin-top: 22px;
  background-position: -106px 0;
}

.listen .liveMain-list .swiper-slide p.bttit {
  color: #999;
}

.listen .bttit {
  font-size: 14px;
  color: #999;
  margin: 7px 0 18px;
}

.listen .bttit span {
  display: inline-block;
  width: 10px;
  margin-right: 10px;
  height: 13px;
  border-right: 1px solid #EEEEEE;
}

.listen .number {
  position: relative;
  width: 200px;
  font-size: 12px;
  color: #999;
}

.listen .number a {
  display: block;
  position: absolute;
  top: -6px;
  right: 0;
  width: 38px;
  height: 22px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #FF8E35;
  font-size: 14px;
  color: #FF8E35;
  text-align: center;
  line-height: 22px;
}

.listen .liveMain-list .swiper-slide i {
  display: block;
  width: 8px;
  height: 8px;
  background-position: -94px 0;
  position: absolute;
  left: 0;
  top: -6px;
}

.listen .liveMain-list .swiper-slide:hover p,
.listen .liveMain-list .swiper-slide.on p {
  color: #FF8E35;
}

.listen .liveMain-list .swiper-slide:hover i,
.listen .liveMain-list .swiper-slide.on i {
  background-position: -94px -9px;
}

.wx-scan {
  position: relative;
  width: 256px;
  padding: 12px;
  border-radius: 5px;
}

.wx-scan .wx {
  position: absolute;
  width: 30px;
  height: 30px;
  top: 0;
  right: 0;
  background-position: -62px 0;
  cursor: pointer;
}

.wx-scan .wx:hover {
  background-position: -32px 0;
}

.wx-scan .wx-main {
  display: none;
  position: absolute;
  top: -190px;
  right: 0;
  z-index: 11;
  width: 194px;
  height: 175px;
  padding-top: 27px;
  background: url(../images/wx.png) no-repeat;
}

.wx-scan .wx-main img {
  display: block;
  width: 142px;
  height: 142px;
  margin: 0 auto;
}

.page_div {
  margin-top: 40px;
  color: #666;
  text-align: center;
  padding-bottom: 40px;
}

/* 页数按钮样式 */
.page_div button {
  display: inline-block;
  min-width: 32px;
  height: 34px;
  cursor: pointer;
  color: #333;
  font-size: 14px;
  line-height: 34px;
  border: none;
  text-align: center;
  margin: 0 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
}

.page_div button:hover {
  background: #F5F5F5;
}

#firstPage,
#lastPage,
#nextPage,
#prePage {
  width: 50px;
  color: #333;
}

#nextPage,
#prePage {
  width: 70px;
}

.page_div .current {
  color: #FF8E35;
}

/* 页面数量 */
.totalPages {
  margin: 0 10px;
}

.totalPages span,
.totalSize span {
  color: #0073A9;
  margin: 0 5px;
}

/*button禁用*/
.page_div button:disabled {
  opacity: 0.5;
  cursor: no-drop;
}

.make-tit {
  text-align: center;
  font-size: 24px;
  color: #333;
  padding: 10px 0 22px;
  border-bottom: 1px solid #EEEEEE;
  font-weight: 400;
}

.make-header {
  padding: 26px 0 28px;
}

.make-header .fl span {
  display: inline-block;
  margin-right: 30px;
  font-size: 16px;
  color: #333;
}

.make-header .fl span label {
  font-size: 18px;
  color: #FF8E35;
}

.make-header .fr {
  height: 32px;
  line-height: 32px;
  border-left: 1px solid #eee;
  padding-left: 10px;
}

.make-header .fr a {
  font-size: 16px;
  color: #4088E3;
  margin-left: 30px;
}

.make-header .fr a.printing i {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-position: -212px 0;
  vertical-align: -1px;
  margin-right: 8px;
}

.make-header .fr a.discuss i {
  display: inline-block;
  width: 15px;
  height: 14px;
  background-position: -229px -17px;
  vertical-align: -1px;
  margin-right: 8px;
}

.make-left {
  padding-bottom: 30px;
  min-height: auto !important;
}

.make-left h6 {
  padding: 30px 30px 20px;
  font-weight: 600;
  color: #333;
  font-size: 16px;
  border-bottom: 1px solid #EEEEEE;
}

.make-left h6 span {
  display: inline-block;
  font-size: 14px;
  color: #999;
  margin-left: 12px;
  font-weight: 100;
}

.make-left .item-make {
  padding: 12px 30px 0;
  margin-bottom: 30px;
}

.make-left .subject-tit {
  font-size: 16px;
  color: #333;
  line-height: 30px;
}

.make-left .table {
  width: 100%;
  margin-top: 20px;
  border: 1px solid #666;
  border-collapse: collapse;
}

.make-left .table th,
.make-left .table td {
  text-align: center;
  border: 1px solid #666;
}

.make-left .chioce {
  padding-top: 10px;
}

.make-left .chioce li {
  line-height: 30px;
  margin-top: 18px;
  font-size: 16px;
  color: #333;
  cursor: pointer;
}

.make-left .chioce li i {
  display: inline-block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin-right: 16px;
  color: #999;
  background-position: -48px -32px;
}

.make-left .chioce li i label {
  display: inline-block;
}

.make-left .chioce li.on i {
  color: #fff;
  background-position: -80px -32px;
}

.make-left .chioce li.error i {
  background-position: -112px -32px;
}

.make-left .chioce li.error i label {
  width: 10px;
  height: 10px;
  background-position: -144px 0px;
}

.make-left .chioce li.succed i {
  color: #fff;
  background-position: -144px -32px;
}

.make-left .chioce li.succed i label {
  width: 14px;
  height: 11px;
  background-position: -144px -10px;
}

.make-right {
  padding: 12px;
  margin-top: 12px;
  width: 256px;
  border-radius: 5px;
}

.make-right .show-time {
  font-size: 16px;
  color: #4088E3;
  text-align: center;
}

.make-right .show-time span {
  display: inline-block;
}

.make-right .show-time i {
  display: inline-block;
  width: 16px;
  height: 15px;
  margin-right: 10px;
  background-position: -228px 0;
  vertical-align: -1px;
}

.make-right .make-fn-btn {
  margin-top: 12px;
}

.make-right .make-fn-btn a {
  display: block;
  width: 127px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  border-radius: 2px;
  background: #F5F5F5;
  font-size: 14px;
  color: #333;
}

.make-right i {
  display: inline-block;
  height: 14px;
  vertical-align: -2px;
  margin-right: 8px;
}

.make-right dt i {
  width: 14px;
  background-position: -32px -49px;
}

.make-right dt i.return {
  width: 16px;
  background-position: -178px 0;
}

.make-right dd i {
  width: 16px;
  background-position: -160px 0;
}

.make-right .answer-main {
  margin-top: 12px;
}

.make-right .answer-main h5 {
  width: 100%;
  position: relative;
  font-size: 16px;
  color: #333;
}

.make-right .answer-main h5 a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
  color: #999;
  font-weight: 100;
  cursor: pointer;
}

.make-right .answer-main h5 a i {
  display: inline-block;
  width: 14px;
  height: 13px;
  margin-left: 4px;
  background-position: -16px -32px;
}

.make-right .answer-main h5 a.on i {
  background-position: 0 -32px;
}

.make-right .answer {
  margin-top: 12px;
  width: 256px;
  height: 174px;
  border-radius: 2px;
  padding: 14px 0;
  border: 1px solid #CCCCCC;
  overflow-y: auto;
}

.make-right .answer li {
  float: left;
  margin: 0 10px 0 12px;
  cursor: pointer;
  color: #999;
}

.make-right .answer li i {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-position: -11px -46px;
  vertical-align: -1px;
}

.make-right .answer li.on {
  color: #FF8E35;
}

.make-right .answer li.on i {
  background-position: 0 -46px;
}

.make-right .answer .answer-item {
  margin-top: 10px;
  padding-left: 12px;
  width: 244px;
}

.make-right .answer .answer-item .rows {
  margin: 20px 0 10px;
  font-size: 14px;
}

.make-right .answer .answer-item a {
  display: inline-block;
  margin: 6px 8px 0 0;
  width: 26px;
  height: 28px;
  background: #F5F5F5;
  border: 1px solid #F5F5F5;
  border-radius: 2px;
  text-align: center;
  line-height: 28px;
  font-size: 14px;
  color: #333;
}

.make-right .answer .answer-item a.end {
  background: #FF8E35;
  border: 1px solid #FF8E35;
  color: #fff;
}

.make-right .answer .answer-item a.doing {
  background: none;
  border: 1px solid #FF8E35;
  color: #FF8E35;
}

.make-right .answer .answer-item a.right {
  background: #00C588;
  border: 1px solid #00C588;
  color: #fff;
}

.make-right .answer .answer-item a.error {
  background: #E9491E;
  border: 1px solid #E9491E;
  color: #fff;
}

.make-right .answer-btn {
  margin-top: 10px;
}

.make-right .answer-btn a {
  display: block;
  width: 122px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  border-radius: 25px;
  box-shadow: 0px 2px 14px 0px rgba(5, 115, 205, 0.4);
  cursor: pointer;
}

.make-right .answer-btn1 a {
  width: 100%;
}

.make-right .answer-btn a.fl {
  background: linear-gradient(90deg, #32A0FF 0%, #0471CC 100%);
}

.make-right .answer-btn a.fr {
  background: linear-gradient(246deg, #FC723F 0%, #FFBB58 100%);
}

.make-right .tip {
  margin-top: 14px;
  text-align: center;
}

.make-right .tip span {
  display: inline-block;
  margin: 0 10px;
  font-size: 12px;
  color: #333;
}

.make-right .tip label {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
  vertical-align: -1px;
}

.make-right .tip label.end-tip {
  border: 1px solid #FF8E35;
  background: #FF8E35;
}

.make-right .tip label.doing-tip {
  border: 1px solid #FF8E35;
  background: none;
}

.make-right .tip label.no-tip {
  border: 1px solid #F5F5F5;
  background: #F5F5F5;
}

.make-right .tip label.right-tip {
  border: 1px solid #00C588;
  background: #00C588;
}

.make-right .tip label.error-tip {
  border: 1px solid #E9491E;
  background: #E9491E;
}

.make-right .tip label.no-day-tip {
  border: 1px solid #fff;
  background: #333333;
}

.mApp {
  position: absolute;
  top: 652px;
  right: -80px;
  width: 60px;
  height: 52px;
  padding-top: 10px;
  background: #FFFFFF;
  box-shadow: 0px 0px 12px 0px #EFEFEF;
  border-radius: 2px;
  text-align: center;
  font-size: 12px;
}

.mApp a {
  color: #333;
}

.mApp i {
  display: block;
  margin: 0 auto 4px;
  width: 21px;
  height: 22px;
  background-position: -278px 0;
}

.submit-header .fl {
  padding-bottom: 30px;
  width: 196px;
  text-align: center;
}

.submit-header .fl.tj-left {
  margin-top: 68px;
}

.submit-header .fl .number-tip {
  margin-top: -10px;
  font-size: 20px;
  color: #333;
}

.submit-header .fl .heighten {
  display: block;
  margin: 6px auto 0;
  width: 140px;
  height: 33px;
  text-align: center;
  line-height: 33px;
  color: #fff;
  font-size: 18px;
  background: #FFBB58;
  background: linear-gradient(246deg, #FC723F 0%, #FFBB58 100%);
  box-shadow: 0px 2px 14px 0px rgba(252, 125, 67, 0.4);
  border-radius: 20px;
}

.submit-header .number-bg {
  width: 196px;
  height: 195px;
  text-align: center;
  line-height: 195px;
  background: url(../images/mark.png) no-repeat;
  color: #FF7C57;
  font-size: 24px;
  font-weight: 600;
}

.submit-header .number-bg span {
  font-size: 34px;
}

.submit-header .fr {
  width: 849px;
  margin-top: 24px;
}

.submit-header .fr .submit-number span {
  display: inline-block;
  margin-right: 60px;
  font-size: 16px;
  color: #333;
}

.submit-header .fr .submit-number label {
  display: inline-block;
  margin-left: 6px;
  color: #FF8E35;
  font-size: 14px;
}

.submit-header .fr .submit-number b {
  font-weight: 100;
  font-size: 24px;
}
.submit-header .fr .adviseTit{
  font-size: 16px;
  font-weight: 700;
  color: #FF8E35;
  line-height: 16px;
  padding: 6px 0 22px;
}

.submit-header .fr .adviseTit h6{
  font-size: 16px;
}
.submit-header .fr .advise {
  margin-bottom: 12px;
  width: 789px;
  overflow: hidden;
  padding: 0 30px 18px 30px;
  background: #F5F5F5;
  font-size: 14px;
  color: #333;
}

.submit-header .fr .advise h6 {
  font-size: 14px;
  width: 711px;
  padding-left: 25px;
  float: left;
  margin-bottom: 6px;
  padding-top: 18px;
}

.submit-header .fr .advise p {
  height: 36px;
  float: left;
  width: 730px;
  padding-left: 25px;
  line-height: 18px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.submit-header .fr .recommend {
  height: auto;
  padding: 0 0 14px 0;
  width: 100%;
  position: relative;
}

.submit-header .fr .recommend .tj {
  position: absolute;
  width: 29px;
  height: 61px;
  top: 0;
  left: 30px;
}

.submit-header .fr .recommend dl {
  padding: 12px 0 0 84px;
}

.submit-header .fr .recommend dt {
  float: left;
}

.submit-header .fr .recommend dd {
  float: right;
  margin: 43px 30px 0 0;
}

.submit-header .fr .recommend dt img {
  display: block;
  width: 245px;
  height: 114px;
}

.submit-header .fr .recommend .recommend-main {
  width: 310px;
  color: #333;
  text-align: left;
  margin: 16px 0 0 12px;
}

.submit-header .fr .recommend .recommend-main h4 {
  font-weight: 700;
  font-size: 18px;

}

.submit-header .fr .recommend .recommend-main p {
  font-size: 16px;
  height: 16px;
  line-height: 16px;
  margin: 8px 0 10px;
}

.submit-header .fr .recommend .recommend-main p span {
  display: inline-block;
  margin-right: 10px;
}

.submit-header .fr .recommend .recommend-main .tag span {
  display: inline-block;
  padding: 3px 5px;
  border-radius: 2px;
  border: 1px solid #FF8E35;
  font-size: 12px;
  color: #FF8E35;
  margin-right: 8px;
}

.submit-header .fr .recommend dd a {
  display: block;
  width: 156px;
  height: 38px;
  text-align: center;
  line-height: 38px;
  background: linear-gradient(246deg, #FC723F 0%, #FFBB58 100%);
  box-shadow: 0px 2px 14px 0px rgba(252, 125, 67, 0.4);
  border-radius: 19px;
  font-size: 18px;
  color: #fff;
}

.submit-header-gglx .fl {
  margin: 28px 0 0 360px;
}

.submit-header-gglx .fl img {
  display: block;
  width: 142px;
  height: 169px;
}

.submit-header-gglx .fr {
  width: 260px;
  text-align: center;
  margin-right: 360px;
  color: #333;
  padding-bottom: 48px;
}

.submit-header-gglx .fr h6 {
  margin-top: 54px;
  font-size: 20px;
  font-weight: 600;
}

.submit-header-gglx .fr .submit-number {
  margin: 14px auto 18px;
  text-align: center;
}

.submit-header-gglx .fr .submit-number span {
  display: inline-block;
  margin: 0 10px;
  font-size: 16px;
  color: #333;
}

.submit-header-gglx .fr .submit-number label {
  display: inline-block;
  margin-left: 6px;
  color: #FF8E35;
}

.submit-header-gglx .fr a {
  display: block;
  margin: 6px auto 0;
  width: 140px;
  height: 33px;
  text-align: center;
  line-height: 33px;
  color: #fff;
  font-size: 18px;
  background: #FFBB58;
  background: linear-gradient(246deg, #FC723F 0%, #FFBB58 100%);
  box-shadow: 0px 2px 14px 0px rgba(252, 125, 67, 0.4);
  border-radius: 20px;
}

.analysis {
  width: 808px;
  background: #F5F5F5;
  border-radius: 5px;
  padding: 20px;
  margin-top: 30px;
}

.analysis p {
  font-size: 16px;
  color: #333;
  line-height: 26px;
}

.analysis p .succed-analysis {
  color: #00C588;
}

.analysis p .error-analysis {
  color: #E9491E;
}

.day-footer {
  position: relative;
  width: 728px;
  height: 62px;
  padding: 0 60px;
  background: #F5F5F5;
  border-radius: 5px;
  margin: 32px auto 0;
  line-height: 62px;
  font-size: 18px;
  color: #333;
}

.day-footer a {
  color: #333;
}

.day-footer .day-btn {
  display: block;
  width: 192px;
  height: 40px;
  background: #FC723F;
  background: linear-gradient(246deg, #FC723F 0%, #FFBB58 100%);
  box-shadow: 0px 2px 14px 0px rgba(252, 125, 67, 0.4);
  border-radius: 25px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  position: absolute;
  top: 11px;
  left: 50%;
  margin-left: -96px;
  cursor: pointer;
}

.challenge-btn {
  margin-top: 24px;
}

.challenge-btn a {
  display: block;
  width: 192px;
  height: 40px;
  background: #FC723F;
  background: linear-gradient(246deg, #FC723F 0%, #FFBB58 100%);
  box-shadow: 0px 2px 14px 0px rgba(252, 125, 67, 0.4);
  border-radius: 25px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  margin: 0 auto;
}

.challenge-bg {
  position: relative;
  width: 1200px;
  height: 681px;
  margin-top: 12px;
  background: url(../images/challenge.png) no-repeat;
}

.challenge-bg .challenge-bg-main {
  padding-top: 132px;
  margin: 0 auto;
  width: 582px;
  font-size: 14px;
}

.challenge-bg li {
  margin-bottom: 10px;
  height: 66px;
  line-height: 66px;
}

.challenge-bg li.my {
  height: 90px;
}

.challenge-bg span {
  display: inline-block;
}

.challenge-bg span img {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin-right: 15px;
}

.challenge-bg span.challenge-num {
  width: 138px;
  text-align: center;
  color: #999;
}

.challenge-bg span.challenge-name {
  width: 242px;
}

.challenge-bg span.challenge-make {
  width: 160px;
  text-align: center;
}

.challenge-bg span.challenge-name-my {
  margin-left: 100px;
  line-height: 90px;
  width: 169px;
}

.challenge-bg span.challenge-num-my,
.challenge-bg span.challenge-make-my {
  width: 95px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #FF8E35;
  font-size: 24px;
  vertical-align: 3px;
}

.challenge-bg span.challenge-make-my {
  margin-left: 30px;
}

.challenge-bg .challenge-main-btn a {
  display: block;
  width: 192px;
  height: 40px;
  background: #FC723F;
  background: linear-gradient(246deg, #FC723F 0%, #FFBB58 100%);
  box-shadow: 0px 2px 14px 0px rgba(252, 125, 67, 0.4);
  border-radius: 25px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  position: absolute;
  left: 50%;
  bottom: 40px;
  margin-left: -96px;
}

.subject-main .tit dt {
  position: relative;
}

.sub-model {
  position: absolute;
  width: 400px;
  padding: 10px 0;
  background: #fff;
  border: 1px solid #eee;
  top: 40px;
  left: 20px;
  border-radius: 4px;
  display: none;
  z-index: 33;
}

.sub-model a {
  display: block;
  float: left;
  margin-bottom: 10px;
}

.subject-main .tit dt .sub-model a.on {
  color: #FF8E35;
  border: 1px solid #FF8E35;
}

.right-float {
  position: absolute;
  top: 0;
  left: 50%;
  width: 1200px;
  margin-left: -600px;
}

/* 空页面 */
.emptyMain {
  padding: 40px 0 253px 0;
}

.emptyMain-record {
  padding-top: 115px;
}

.emptyImg {
  width: 348px;
  height: 348px;
  margin: 0 auto;
  text-align: center;
  font-size: 24px;
  color: #333;
}

.emptyImg img {
  display: block;
  width: 348px;
  height: 348px;
}

.emptyImg p {
  margin-top: -60px;
}
.header #titleName a.mstit{
  line-height: 30px ;
}
/* .main .crumbs label{
  font-size: 14px;
  color: #999;
} */

/**/
.description-con{ position:relative; height:32px; float:right; margin-right:32px; z-index:9;}
.description-con .mode-btn{ display:block; height:52px; line-height:32px; font-size:16px; color:#4088E3;}
.description-con .mode-btn em{ display:inline-block; width:16px; height:16px; background:#fff; border:1px solid #4088E3; border-radius:50%; vertical-align:middle; margin:-2px 0 0 5px;}
.description-con .description-pop{ display:none; width:158px; background:#fff; box-shadow:0 4px 4px 0 rgba(0,0,0,.09); border:1px solid #ececec; font-size:14px; color:#222; padding:8px 0 8px 17px; right:-18px; top:40px; position:absolute;}
.description-con .description-pop a{ display:inline-block; width:32px; height:32px; margin-right:14px; border-radius:50%; vertical-align:middle; }
.description-con .description-pop a.changeBlue-btn{ border:1px solid #eee; background:#fff;}
.description-con .description-pop a.changeBlue-btn.on{ border-color:#4088E3;}
.description-con .description-pop a.changeYellow-btn{ border:1px solid #f9f8de; background:#f9f8de;}
.description-con .description-pop a.changeYellow-btn.on{ border-color:#dcb574;}
.description-con .description-pop a.changeGreen-btn{ border:1px solid #e3eccd; background:#e3eccd;}
.description-con .description-pop a.changeGreen-btn.on{ border-color:#b1d268;}
.description-con .description-pop:before{ content:""; width:11px; height:9px; position:absolute; right:21px; top:-9px; background:url("/project/question/images/description-ico01.png") no-repeat;}

/**/
body.changeYellow .subject-main,body.changeYellow .make-left,body.changeYellow .make-right{ background:#faf9de;}
body.changeYellow .description-con .mode-btn,body.changeYellow .make-header .fr a{ color:#ed9848;}
body.changeYellow .description-con .mode-btn em{ border-color:#dcb574; background:#faf9de;}
body.changeYellow .make-right .show-time{ color:#ed9848;}
body.changeYellow .make-right .answer-btn a.fl{ background:linear-gradient(246deg, #FC723F 0%, #FFBB58 100%);}
body.changeYellow .make-header .fr a.printing i{background:url("/project/question/images/ico-changeYellow.png") no-repeat -212px 0;}
body.changeYellow .make-right .show-time i{background:url("/project/question/images/ico-changeYellow.png") no-repeat -228px 0;}
body.changeGreen .subject-main,body.changeGreen .make-left,body.changeGreen .make-right{ background:#e3edcd;}
body.changeGreen .description-con .mode-btn,body.changeGreen .make-header .fr a{ color:#5eb010;}
body.changeGreen .description-con .mode-btn em{ border-color:#5eb010; background:#e3edcd;}
body.changeGreen .make-right .show-time{ color:#5eb010;}
body.changeGreen .make-header .fr a.printing i{background:url("/project/question/images/ico-changeGreen.png") no-repeat -212px 0;}
body.changeGreen .make-right .show-time i{background:url("/project/question/images/ico-changeGreen.png") no-repeat -228px 0;}
body.changeGreen .make-right .answer-btn a.fl{ background:linear-gradient(246deg, #5eb010 0%, #539c0d 100%);}