/* 样式修改开始 */
.contents{
  width: 1000px;
  margin: 0 auto;
}
.nocomplate{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAANiSURBVHjapJY9j+NUFIYfO3aSSSb+iJ0ZaSTaqylAQiuhlRYQsIKKDvYPUPAlQUVDAeUWNNBQQLV/YNlqkSgQWpYFsQUSaCWk+AeMNJkkHnuSjHNj+9IkViaTOLPLKY/veZ97zzn3+Grdbpct9iJwC3gVEMDe3H8CBMBvwD0hxF9lIloJ6HXgNnCDq9mfwJdCiJ+vCmoA3wDvAxpPb3eAT4QQk2WnvrLIA34BPnhGCMB7wIMgCPxNoB3gR+D6JgXTNNnf3+fg4IB6vV4Gewm4HwRBYx3o6zIIQL1ep9ls0mg0aDab2052Hfh2FXQN+LAsqtVq4XkehmGg6zqO4+B53tY0BkFwcxn0VVlNXNel0+lQrVYLX6VSKfy6rpfBbi+67nngydqW1DTa7Tau624UU0oRRRH9fp88zzfBrhnAO+u+GIZBu93GsqzSHWuahm3baJrGYDAgTdN1y24Z8xt/warVKp7n0Wq1LkWMRiPSNC3E18Fms9lq2MsGcLjssW2b3d3dtV0VxzG9Xo88z0nTFM/zChiAZVlomkYYhiilmE6ni0+HBuAuizmOQ61WuwQJw5DBYEC9XscwDKIoIssyfN+nUqlc6E7TNEnTlKOjo2IQGKuCq/VQSjEYDBgOhzSbTfb29qhUKpycnBBFEUopPM/DNM0L9b1Uc2AIFHk6PT2l0Wiws7NDmqaEYUgcx1iWhe/7hcjiFHEck2UZjuNQrVZJkoQ4jlFKLXP6BtAFnlsGjcdjarUaaZqSJAm2beP7Prquk+c5URQRRVGhMh6PkVJimiaz2WxdM3QN4CHw5nKqpJRIKYvm6HQ6aJpGlmWEYchkMqHdbgMQRRFSyk2AhT3SgR/KrnWe52RZdqGGjuPgui6u62JZ1lUm+l0d+Bf4adOKs7Mzer0eUspi7CzElVIXNrHBfhdC/L1osc+BjfNjNBpxfHxMkiTFvcnznOFwSBzHZRAFfLE8VP8BviuLOD8/p9/vI6Ukz3PiOCYMw20nuiOEeLD6P/oM+KMsSkrJZDJhOp0ymUzKhijAY+DTTW8GG7gPvML/s8fA20KIwaY3QwS8NU+jegaAAr4Hbi5D1oEAEuBj4DXg16eAPALeEEJ8tPoC2vauW9gLwLvzdB7OX0oA4XyqPATuCiGelIn8NwDHa1NWBjiywQAAAABJRU5ErkJggg==);
  background-size: 100% 100%;
  margin-right: 10px;
}
.complate{
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAbCAYAAABiFp9rAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAMiSURBVHjapNZtaNV1FMDxz+6uG7a5ENesNjdXuBfZrG0mNSTItLoNoQfIGwgqBY0wKkJ80ZMEGeWrUCiz6IUtL0WFBN4ioiIJIwduc/iAZbBmD06bIx+25W4v/ndsd/f+753twOVe/uec+/2d8zv/c05Rat8a05R5aEAZUujHz2KJ0ek4RwvoF+ExPJiGTJULkvHv8AE+zgeN5Dn9eziCzSEQuAoxdOC4ZPyhMFBRjtS14iNU+3/yPtrFEiP5IlqBr2YAgQ3YKxkvCQMtxmfpdOSWinpufZqbNjBrTj7YfXgnF6gYH6Ii1LW4hPo2rruD2lXUrSoU2TrJ+NqpoHVYEuoyq5zmTVy/PH2zERY9QkO8EGybZLxsHBTFllDT8hpu30JlY7buxge4+fF8oGuxfhy0EgtC72Tp5gAWJgtW0vhEEGVuWT/+wt6fU31NE7dsZFZZ4TqruSsojq7tXB6eqm2RjFdG0JzlWH1nEMlUyOVhfnqNw7uyYfOX0vRMroMVoSWSlba6e1nyZPYfXTrLD88z0EXf1xx6k9Tl7Cw0tueKuS6KqzMe1d6TbTb0Kz++wtgILZsYGaJnJ2OjwaGik169eYtzgcoi+Cfj0ZmeTJMzvRxIF2XrVqpagjuZfxt/HuTg61wcyIw8Wy5G0ZfRco52BI5VzZw7ydHdlFez7AVK505EONAd/P77GAdepnYlxaX89m0uUF9Rat+a7diY3W6LSKWY20DTsxOQgR56dwVVduEPRs9Pp//VRPB5TlUqFXzXr56ADA/S+y4L22h9lWUvMruqEOSwWKI/gm9wOtTs2B7OHkn3u1KanwsqEyoWBmnNLx3jnWEUW0PNzp+icxunDxGdzZzaCd2p/QwezwcZxNuTm+pbOBlq/u8FOt+g//tMSNeOQnf0klhicPLOMIy16TSW5L6zMU58QiQa9LUTnxZK2RfYETbKH8Xu9HyaiXTibrHEubBRvgcPY2gGkCRWTIaEbUF70YQvrxAwiKfQJpYYmu5e90t67i9HO1bnGfPd6RLeOTWKK1kg96c/0fTycgMqcQm/o1ss8dd0wv1vAHmo04D5JOypAAAAAElFTkSuQmCC);
  background-size: 100% 100%;
  margin-right:10px;
}
.oldPower,.jiantou,.newPower{
  display: inline-block;
}
.oldPower{
width: 150px;
}
.jiantou{
  width: 40px;
  text-align: center;
}
.jiantou img{
  display:inline-block;
  width: 20px;
  margin-right:10px;
}
.newPower{
  width: 150px;
}
.brokenLineCon ul li p{
  line-height: 30px;
  margin-bottom: 25px;
}
.brokenLineCon ul li{
  margin-bottom: 25px;
  display: inline-block;
  width: 400px;
}
.brokenLineCon ul li:nth-child(odd){
  margin-right: 115px;
}
.KnowledgeName{
  margin-bottom: 25px;
}
/* 样式修改结束 */

.priaceReportCon .courserMark{
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #ffb657;
  margin: 25px 0;
}
/* 导航开始 */
.topTitle p:nth-child(1){
  float: left;
  height: 30px;
  line-height: 30px;
  color:  #ffb657;
}
.topTitle p:nth-child(2){
  float: right;
}
.topTitle p span,.topTitle p a{
  cursor: pointer;
  display: inline-block;
  width: 80px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  margin-left: 40px;
  background: #ffb657;
  color: #fff;
  border-radius: 5px;
  font-size: 12px;
}
.topTitle{
  overflow: hidden;
  margin-bottom: 25px;
}
/* 导航结束 */
/* 评分结果开始 */
.priaceReportResult{
  border: 1px solid #ccc;
  overflow: hidden;
  border-radius: 5px;
}
.priaceReportResult .priaceReportResultRight,.priaceReportResult .priaceReportResultLeft{
  float: left;
  width: 50%;
  text-align: center;
}
.priaceReportResult .priaceReportResultLeft{
  box-sizing: border-box;
  border-right: 1px solid #ccc;
  height: 150px;
  overflow: hidden;
  display: flex;
  flex-flow: row;
  justify-content: center;
  align-items:center;
}
.priaceReportResultLeft .rights{
  flex-flow: column;
  align-items: flex-start;
  line-height: 30px;
}
.priaceReportResultLeft .rights p span{
  display: inline-block;
  margin-right:20px;
}
.priaceReportResultLeft .lefts{
   margin-right: 65px;
   line-height: 150px;
   display: flex;
   flex-flow: row;
   align-items: center;
}
.rights i{
  display: inline-block;
  color: red;
  margin: 0 5px;
}
.userinfo{
margin-top:20px;
}
.priaceReportResultLeft .lefts,.priaceReportResultLeft .rights{
  float: left;
  display: flex;
}
.lefts img{
  width: 70px;
  height: 90px;
  margin-top: -15px;
}
.score{
  font-size: 70px;
  color: red;
}
/* 右侧开始 */
.priaceReportResult .priaceReportResultRight{
  height: 150px;
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.priaceReportResult .priaceReportResultRight p:nth-child(1){
  margin-bottom: 30px;
}
/* 评分结果结束 */
/*题号开始  */
.courserNums{
  margin: 25px 0 15px 0;
}
.courserNums ul{
  overflow: hidden;
}
.courserNums ul li{
  float: left;
  margin-bottom: 10px;
}
.courserNums ul li span{
  cursor: pointer;
  display: inline-block;
  width: 35px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  background: #008000;
  color: #fff;
  border-radius: 5px;
  margin-right: 25px;
  font-size: 12px;
  margin-bottom: 15px;

}
/* 题号结束 */
/* 折线统计图开始 */
.brokenLineCon{
  margin-top: 25px;
}

/* 折线统计图结束 */
/* 推荐课程开始 */
.recommendedCourseCon{
  overflow: hidden;
  margin-top: 25px;
  display: inline-block;
  width: 468px;
  border: 1px solid #ccc;
  padding: 10px;
  cursor: pointer;
  border-radius: 5px;
}
.recommendedCourseCon:nth-child(even){
  margin-right: 20px;
}
.recommendedCourseCon .recommendedCourseConL,.recommendedCourseCon .recommendedCourseConR{
  float: left;
}
.recommendedCourseCon .recommendedCourseConL{
  width: 200px;
  height: 150px;
  margin-right: 15px;
}
.recommendedCourseCon .recommendedCourseConL img{
  width: 200px;
  height: 150px;
}
.recommendedCourseConR{
  width: 235px;
  line-height: 30px;
}
/* 推荐课程结束 */
#items{
  color: #ffb657;
  margin-top: 25px;
  line-height: 30px;
}
.c{
color: #ffb657;
margin: 10px 0;
}
.t{
  color: #ffb657;
  margin-top: 20px;
}


.computerBottom[data-v-e0c9d280]{
  display: block;
  width: 100%;
  overflow: hidden;
  background: #f5f5f7;
  padding: 10px 0 15px 0;
}
.computerBottom ul[data-v-e0c9d280] {
  overflow: hidden;
  width: 100%;
  height: 45px;
  line-height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.computerBottom ul li[data-v-e0c9d280]{
  height: 20px ;
  cursor: pointer;
  line-height: 20px;
  float: left;
  padding: 0 20px;
  color: #b0b0b0;
  font-family: "PingFang-SC-Medium";
}
.computerBottom ul li[data-v-e0c9d280]:last-child{
  border: none;
}
.orange[data-v-e0c9d280]{
  cursor: pointer;
}
.computerBottom p[data-v-e0c9d280]{
  height:45px;
  line-height: 45px;
  text-align: center;
  font-size: 12px;
  color: #b0b0b0;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: center;
   justify-content:center;
}
@media only screen and (max-width:960px){
.computerBottom[data-v-e0c9d280]{
      display: none;
}
}