@charset "UTF-8";
.paper-box {
  position: relative; }

#paper {
  /*题目容器*/
  position: relative;
  margin: 0 auto;
  width: 850px;
  list-style: none;
  padding: 0;
  top: 0;
  word-wrap: break-word; }
  #paper .topic-item-box,
  #paper .paper-head {
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
            box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
    /*题目容器*/
    position: relative;
    margin-top: 10px;
    background-color: #fff; }
    #paper .topic-item-box .topic-box,
    #paper .paper-head .topic-box {
      /*题目容器*/
      min-height: 160px;
      height: 100%;
      position: relative;
      padding-left: 50px;
      padding-bottom: 20px; }
      #paper .topic-item-box .topic-box .topic-menu,
      #paper .paper-head .topic-box .topic-menu {
        /*题目菜单*/
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 50px;
        text-align: center;
        color: #666;
        border-right: solid 1px #eee; }
        #paper .topic-item-box .topic-box .topic-menu .topic-menu-num,
        #paper .paper-head .topic-box .topic-menu .topic-menu-num {
          /*题目题号*/
          height: 30px;
          line-height: 30px;
          margin: 5px 0;
          font-size: 14px;
          overflow: hidden;
          text-align: center;
          cursor: move; }
        #paper .topic-item-box .topic-box .topic-menu .topic-menu-tool,
        #paper .paper-head .topic-box .topic-menu .topic-menu-tool {
          /*题目工具*/
          display: none; }
          #paper .topic-item-box .topic-box .topic-menu .topic-menu-tool a,
          #paper .paper-head .topic-box .topic-menu .topic-menu-tool a {
            color: #999;
            display: block;
            padding: 5px; }
            #paper .topic-item-box .topic-box .topic-menu .topic-menu-tool a:hover,
            #paper .paper-head .topic-box .topic-menu .topic-menu-tool a:hover {
              color: #09c; }
      #paper .topic-item-box .topic-box .topic-title,
      #paper .paper-head .topic-box .topic-title {
        /*题目标题*/
        padding: 5px 10px;
        font-size: 15px;
        cursor: move; }
      #paper .topic-item-box .topic-box .topic-content,
      #paper .paper-head .topic-box .topic-content {
        /*题目内容容器*/
        padding-bottom: 30px;
        padding-right: 5px;
        border-top: solid 1px #eee; }
        #paper .topic-item-box .topic-box .topic-content .topic-item,
        #paper .paper-head .topic-box .topic-content .topic-item {
          /*题目内容项组件，可多个，可单个*/
          position: relative;
          padding-left: 20px;
          margin: 5px 0; }
          #paper .topic-item-box .topic-box .topic-content .topic-item .topic-input,
          #paper .paper-head .topic-box .topic-content .topic-item .topic-input {
            /*选项组件的input容器*/
            position: absolute;
            top: 0;
            left: 0;
            padding: 5px; }
          #paper .topic-item-box .topic-box .topic-content .topic-item .topic-title,
          #paper .paper-head .topic-box .topic-content .topic-item .topic-title {
            /*选项组件的标题容器*/ }
          #paper .topic-item-box .topic-box .topic-content .topic-item .topic-text,
          #paper .paper-head .topic-box .topic-content .topic-item .topic-text {
            margin-left: -10px;
            width: 100%;
            padding: 5px;
            min-height: 160px; }
            #paper .topic-item-box .topic-box .topic-content .topic-item .topic-text *,
            #paper .paper-head .topic-box .topic-content .topic-item .topic-text * {
              max-width: 100%; }
            #paper .topic-item-box .topic-box .topic-content .topic-item .topic-text img,
            #paper .paper-head .topic-box .topic-content .topic-item .topic-text img {
              border-radius: 5px; }
            #paper .topic-item-box .topic-box .topic-content .topic-item .topic-text:hover,
            #paper .paper-head .topic-box .topic-content .topic-item .topic-text:hover {
              background-color: #FDF9CD; }
            #paper .topic-item-box .topic-box .topic-content .topic-item .topic-text:empty::before,
            #paper .paper-head .topic-box .topic-content .topic-item .topic-text:empty::before {
              color: #C0C0C0;
              content: attr(placeholder); }
      #paper .topic-item-box .topic-box .topic-bottom,
      #paper .paper-head .topic-box .topic-bottom {
        /*试卷底部工具栏*/
        position: absolute;
        bottom: 0;
        display: none; }
        #paper .topic-item-box .topic-box .topic-bottom .topic-bottom-item,
        #paper .paper-head .topic-box .topic-bottom .topic-bottom-item {
          text-align: center;
          display: inline-block;
          color: #999;
          padding: 5px; }
          #paper .topic-item-box .topic-box .topic-bottom .topic-bottom-item .fraction,
          #paper .paper-head .topic-box .topic-bottom .topic-bottom-item .fraction {
            max-width: 80px; }
          #paper .topic-item-box .topic-box .topic-bottom .topic-bottom-item:hover,
          #paper .paper-head .topic-box .topic-bottom .topic-bottom-item:hover {
            color: #09c; }
      #paper .topic-item-box .topic-box:hover .topic-menu-tool,
      #paper .paper-head .topic-box:hover .topic-menu-tool {
        display: block; }
      #paper .topic-item-box .topic-box:hover .topic-bottom,
      #paper .paper-head .topic-box:hover .topic-bottom {
        display: block; }
  #paper .paper-head {
    /*试卷头部容器*/
    position: relative;
    width: 100%;
    background-color: #fff;
    margin: 0; }
    #paper .paper-head .paper-head-title {
      /*试卷标题*/
      text-align: center;
      padding: 5px 10px;
      font-size: 20px;
      margin-left: 50px;
      margin-right: 50px; }
    #paper .paper-head .topic-box {
      min-height: 0; }
      #paper .paper-head .topic-box .topic-menu {
        /*试卷菜单*/
        border-top: solid 1px #eee; }
      #paper .paper-head .topic-box .topic-content {
        padding: 5px; }