#mart-published {
  max-width: 980px;
  margin: 0 auto;
  margin-bottom: 69px; }
  #mart-published .breadcrumb .crumb-parent {
    color: #474B48; }
  #mart-published .rewards-list {
    margin-left: 230px; }
  #mart-published .model-font {
    text-align: center; }
  #mart-published button.square {
    font-size: 12px;
    color: #474b48;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    float: right;
    padding: 3px 14px;
    cursor: pointer;
    margin-left: 5px;
    background: -webkit-linear-gradient(#FCFCFC, #e8e8e8);
    /* Safari 5.1 to 6.0 */
    /* Opera 11.1 to 12.0 */
    /* Firefox 3.6 to 15 */
    background: linear-gradient(#FCFCFC, #e8e8e8);
    /* Standard syntax */ }
  #mart-published .pay-deposit-label .pay-now {
    background: #4289DB !important; }
  #mart-published .mart-publish-btn {
    border: none;
    outline: none;
    padding: 8px 20px;
    border-radius: 4px;
    font-size: 13px;
    -webkit-transition: background 0.5s cubic-bezier(0, 0.98, 0.68, 0.92);
    transition: background 0.5s cubic-bezier(0, 0.98, 0.68, 0.92); }
  #mart-published .publish-rewards {
    margin-top: -9px;
    color: #fff;
    background: #4289DB; }
  #mart-published .published-item {
    padding-top: 12px;
    border-radius: 4px; }
    #mart-published .published-item div.item-up-row {
      padding-bottom: 12px;
      border-bottom: 1px solid #f2f2f2;
      font-size: 16px;
      line-height: 16px;
      color: dimgray;
      margin-bottom: 20px; }
      #mart-published .published-item div.item-up-row .type {
        font-size: 14px;
        display: inline-block;
        margin-right: 10px; }
      #mart-published .published-item div.item-up-row .reward-role {
        white-space: nowrap;
        overflow: hidden !important;
        text-overflow: ellipsis;
        display: inline-block;
        max-width: 500px;
        vertical-align: middle; }
        #mart-published .published-item div.item-up-row .reward-role .role.type:last-child .separator {
          display: none; }
      #mart-published .published-item div.item-up-row .reward-count {
        color: #979FA8;
        font-size: 12px; }
      #mart-published .published-item div.item-up-row .reward-split {
        padding: 0 14px;
        color: #D9D9D9; }
      #mart-published .published-item div.item-up-row .icon {
        position: relative; }
      #mart-published .published-item div.item-up-row .status {
        font-size: 14px; }
      #mart-published .published-item div.item-up-row .status-0 {
        color: #F7C45D; }
      #mart-published .published-item div.item-up-row .status-1 {
        color: #F7C45D; }
      #mart-published .published-item div.item-up-row .status-2 {
        color: #E94F61; }
      #mart-published .published-item div.item-up-row .status-3 {
        color: #BACDD8; }
      #mart-published .published-item div.item-up-row .status-4 {
        color: #A9A9A9; }
      #mart-published .published-item div.item-up-row .status-5 {
        color: #64C378; }
      #mart-published .published-item div.item-up-row .status-6 {
        color: #649FE4; }
      #mart-published .published-item div.item-up-row .status-7 {
        color: #BACDD8; }
      #mart-published .published-item div.item-up-row .status-8 {
        color: #BACDD8; }
      #mart-published .published-item div.item-up-row .status-9 {
        color: #9686E5; }
    #mart-published .published-item img {
      position: absolute;
      height: 122px;
      width: 220px;
      border-radius: 4px; }
    #mart-published .published-item article.item-block {
      position: relative;
      margin-left: 250px;
      height: 122px; }
      #mart-published .published-item article.item-block div {
        height: 30px; }
      #mart-published .published-item article.item-block .head-row {
        position: relative; }
      #mart-published .published-item article.item-block .buttons {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center;
        margin-top: 4px; }
        #mart-published .published-item article.item-block .buttons .edit-quota {
          margin-right: 10px; }
        #mart-published .published-item article.item-block .buttons button.pay-now {
          color: #fefefe;
          width: 87px;
          height: 28px;
          padding: 0;
          background: #e94f61; }
        #mart-published .published-item article.item-block .buttons .prepayment-button {
          color: #fefefe;
          width: 87px;
          height: 28px;
          padding: 0;
          background-color: #eb6133; }
        #mart-published .published-item article.item-block .buttons span.pay-finish {
          display: none; }
        #mart-published .published-item article.item-block .buttons div.pay-finish {
          position: relative; }
          #mart-published .published-item article.item-block .buttons div.pay-finish img {
            position: absolute;
            height: 4rem;
            width: 4rem;
            top: -2rem;
            left: -4rem; }
        #mart-published .published-item article.item-block .buttons span.pay-info-span {
          margin-right: 14px;
          font-size: 12px;
          color: #ea5162; }
      #mart-published .published-item article.item-block span.pay-info {
        margin-right: 14px;
        font-size: 12px;
        color: #ea5162; }
      #mart-published .published-item article.item-block .reward-no {
        border-radius: 3px;
        background-color: #474b48;
        color: #ffffff;
        font-size: 10px;
        padding: 2px 4px;
        float: left; }
      #mart-published .published-item article.item-block .reward-title {
        padding-right: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block; }
        #mart-published .published-item article.item-block .reward-title span {
          font-size: 16px;
          line-height: 19px; }
      #mart-published .published-item article.item-block .detail-span {
        float: left;
        padding: 0 10px;
        color: #696969;
        font-size: 14px; }
        #mart-published .published-item article.item-block .detail-span:first-child {
          padding-left: 0; }
      #mart-published .published-item article.item-block .darker {
        color: #474b48;
        font-size: 14px; }
      #mart-published .published-item article.item-block .border-right {
        border-right: 1px solid #D9D9D9; }
      #mart-published .published-item article.item-block .icon {
        display: inline-block;
        float: left; }
      #mart-published .published-item article.item-block .type {
        display: inline-block; }
      #mart-published .published-item article.item-block .status {
        padding: 5px 27px;
        border-radius: 30px;
        font-size: 12px;
        position: absolute;
        right: 0;
        top: 0; }
  #mart-published .modal.cancel_modal .form div.input {
    margin-bottom: 0; }
  #mart-published .deposit-tooltip {
    font-size: 12px;
    margin-right: 10px; }
  #mart-published .prepayment-modal .modal-box {
    max-width: 483px !important; }
  #mart-published .prepayment-modal .publish-button:hover {
    cursor: pointer; }
  #mart-published .prepayment-modal .modal-content {
    padding: 0; }
    #mart-published .prepayment-modal .modal-content ._div, #mart-published .prepayment-modal .modal-content .form-description, #mart-published .prepayment-modal .modal-content .form-input, #mart-published .prepayment-modal .modal-content .protocol, #mart-published .prepayment-modal .modal-content .buttons {
      box-sizing: border-box;
      padding: 15px 24px; }
    #mart-published .prepayment-modal .modal-content .form-description {
      border-bottom: 1px solid rgba(151, 159, 168, 0.2);
      background: #F8F9FB; }
      #mart-published .prepayment-modal .modal-content .form-description .taiko-img {
        float: left;
        width: 210px;
        height: 73px;
        margin: 21px 15px 0 0; }
        #mart-published .prepayment-modal .modal-content .form-description .taiko-img img {
          width: inherit;
          height: inherit; }
      #mart-published .prepayment-modal .modal-content .form-description .desc {
        float: right;
        width: calc(100% - 225px);
        font-size: 11.2px;
        color: #979FA8; }
    #mart-published .prepayment-modal .modal-content .form-input .input-body .input-group p {
      font-size: 14px;
      padding: 14px 0;
      color: #2D3238; }
    #mart-published .prepayment-modal .modal-content .form-input .input-body .input-group input {
      font-size: 14px;
      box-sizing: border-box;
      padding: 18px 21px;
      width: 100%;
      border-radius: 5px;
      height: 56px;
      border: 1px solid #CAD3DE;
      background-color: #EDF1F5; }
    #mart-published .prepayment-modal .modal-content .protocol p {
      font-size: 14px;
      text-align: center;
      color: #979FA8; }
    #mart-published .prepayment-modal .modal-content .buttons button {
      font-size: 14px;
      box-sizing: border-box;
      padding: 18px 21px;
      width: 100%;
      border-radius: 5px;
      height: 56px;
      text-align: center;
      margin: 0 auto;
      background-color: #eb6133;
      color: #FFF;
      border: 0 !important; }
  #mart-published .cancel_modal .buttons .ok {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3; }
  #mart-published .cancel_modal .buttons .cancel {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  #mart-published .cancel_modal .select-div {
    margin-right: auto;
    margin-left: auto; }
    #mart-published .cancel_modal .select-div .form-control {
      width: 80%;
      height: 34px;
      padding: 6px 12px;
      font-size: 14px;
      line-height: 1.42857143;
      color: #555;
      background-color: #F9F9F9;
      background-image: none;
      border: 1px solid #ccc;
      border-radius: 4px;
      box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
  #mart-published .cancel_modal .buttons .ok {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3; }
  #mart-published .cancel_modal .buttons .cancel {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  #mart-published .cancel_modal .buttons .ok {
    -webkit-box-flex: 3;
    -webkit-flex: 3;
        -ms-flex: 3;
            flex: 3; }
  #mart-published .cancel_modal .buttons .cancel {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1; }

@media only screen and (max-width: 767px) {
  #mart-published {
    width: 92%;
    padding: 0 .5em; }
    #mart-published .rewards-list {
      margin-left: 0; }
    #mart-published .publish-rewards {
      display: none !important;
      margin-top: -9px;
      color: #fff;
      background: #4289DB; }
    #mart-published .published-item {
      padding: 20px 0 0 0;
      border-radius: 4px; }
      #mart-published .published-item div.item-up-row {
        margin: 0 20px; }
        #mart-published .published-item div.item-up-row .reward-role {
          width: 100px; }
        #mart-published .published-item div.item-up-row .reward-count {
          display: none !important;
          color: #979FA8;
          font-size: 12px; }
        #mart-published .published-item div.item-up-row .reward-split {
          display: none !important;
          padding: 0 14px;
          color: #D9D9D9; }
    #mart-published article.item-block {
      display: none !important; }
    #mart-published img.cover {
      display: none !important; }
    #mart-published article.item-block-mobile {
      display: block !important; }
      #mart-published article.item-block-mobile div {
        height: 20px;
        margin: 15px 20px; }
      #mart-published article.item-block-mobile button {
        padding: 3px 18px;
        border-radius: 3px;
        border: 1px solid #d0d0d0;
        cursor: pointer;
        background-image: -webkit-linear-gradient(to top, #e8e8e8, #fcfcfc);
        background-image: -webkit-linear-gradient(bottom, #e8e8e8, #fcfcfc);
        background-image: linear-gradient(to top, #e8e8e8, #fcfcfc); }
      #mart-published article.item-block-mobile .title {
        display: block;
        font-size: 22px;
        text-align: left;
        line-height: 60px;
        height: 60px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden; }
      #mart-published article.item-block-mobile .title-row .reward-no {
        border-radius: 3px;
        background-color: #474b48;
        color: #ffffff;
        font-size: 10px;
        float: left;
        line-height: 19px;
        height: 17px;
        width: 40px;
        text-align: center; }
      #mart-published article.item-block-mobile .title-row .item-title {
        margin-left: 47px;
        padding-right: 100px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        display: block; }
        #mart-published article.item-block-mobile .title-row .item-title label {
          color: #020202; }
      #mart-published article.item-block-mobile .pay-info-div {
        height: 12px; }
        #mart-published article.item-block-mobile .pay-info-div .pay-info {
          float: right;
          font-size: 12px;
          color: #ea5162; }
      #mart-published article.item-block-mobile .pay-info-span {
        font-size: 12px;
        color: #ea5162; }
      #mart-published article.item-block-mobile .detail-span {
        float: left;
        padding: 0 10px;
        color: #696969;
        font-size: 14px; }
      #mart-published article.item-block-mobile .darker {
        color: #474b48;
        font-size: 14px; }
      #mart-published article.item-block-mobile .num {
        color: dimgray;
        font-size: 13px; }
      #mart-published article.item-block-mobile .border-right {
        border-right: 1px solid #D9D9D9; }
      #mart-published article.item-block-mobile .icon {
        display: inline-block;
        float: left; }
      #mart-published article.item-block-mobile .type {
        display: inline-block;
        color: dimgray; }
      #mart-published article.item-block-mobile .status {
        border-radius: 30px;
        font-size: 12px;
        margin-right: auto;
        margin-left: 0; }
      #mart-published article.item-block-mobile .bottom-btn.list-bottom-btn {
        margin-bottom: 0;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        border-bottom: 1px solid rgba(151, 159, 168, 0.2); }
        #mart-published article.item-block-mobile .bottom-btn.list-bottom-btn a {
          color: #979fa8; }
        #mart-published article.item-block-mobile .bottom-btn.list-bottom-btn .prepayment-button {
          background: #E94E40;
          border: 0;
          border-radius: 18px;
          color: #fefefe;
          width: 87px;
          height: 28px;
          padding: 0; }
      #mart-published article.item-block-mobile .list-group-div {
        border-bottom: 1px solid rgba(151, 159, 168, 0.2);
        margin: 0;
        padding: 15px 0 10px 0;
        background: #f6f6f6;
        display: none; }
        #mart-published article.item-block-mobile .list-group-div .list-font {
          vertical-align: inherit;
          margin: 0;
          height: 16px; }
          #mart-published article.item-block-mobile .list-group-div .list-font a {
            color: #474b48; }
            #mart-published article.item-block-mobile .list-group-div .list-font a .square {
              color: #e61e0b; }
      #mart-published article.item-block-mobile .deposit-tooltip {
        display: none !important; }
      #mart-published article.item-block-mobile .bottom-btn {
        background: #F6F6F6;
        padding: 10px 20px;
        height: 26px;
        margin: 15px 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        #mart-published article.item-block-mobile .bottom-btn > button {
          margin-left: 10px; }
        #mart-published article.item-block-mobile .bottom-btn .cancel .edit-quota {
          margin-left: 10px; }
        #mart-published article.item-block-mobile .bottom-btn .cancel {
          margin-right: 10px; }
        #mart-published article.item-block-mobile .bottom-btn .cancel_modal {
          text-align: center; }
        #mart-published article.item-block-mobile .bottom-btn button.pay-now {
          border: 0;
          border-radius: 18px;
          color: #fefefe;
          width: 87px;
          height: 28px;
          padding: 0;
          background: #e94f61; }
        #mart-published article.item-block-mobile .bottom-btn span.pay-finish {
          font-size: 12px;
          color: #4289DB; }
        #mart-published article.item-block-mobile .bottom-btn div.pay-finish {
          display: none; } }