.fp-select.on {
    background: #4157a2 ; 
    border: 1px solid #4157a2;
    color: #fff;
  }
  .fp-select {
    padding: 3px 8px;
    background: #eeeeee;
    border: 1px solid #dddddd;
    position: relative;
  }
  .fp-select input[type='checkbox'] {
    opacity: 0;
  }
  input[type='checkbox'] {
    width:13px;
    height:13px
  }
  label{
    margin-bottom:5px;
  }
  @media (max-width: 767px) {
    .container {
      width: 100%;
    }
    .jgRightBox,
    .jgRightBoxSm {
      display: none;
    }
  }
  @media (min-width: 768px) {
    .container {
      width: 100%;
    }
    .jgRightBox {
      display: none;
    }
    .jgRightBoxSm {
      display: block;
    }
  }
  @media (min-width: 992px) {
    .container {
      width: 970px;
    }
    .jgRightBox {
      display: block;
    }
    .jgRightBox .editBox .editImg {
      width: 100%;
      height: auto;
    }
    .jgRightBox .editBox .maskImg {
      width: 100%;
      height: 277px;
    }
    .jgRightBoxSm {
      display: none;
    }
  }
  @media (min-width: 1200px) {
    .container {
      width: 1170px;
    }
    .jgRightBox .editBox .editImg {
      width: 234px;
      height: 314px;
    }
    .jgRightBox .editBox .maskImg {
      width: 234px;
      height: 314px;
    }
  }
  @media (min-width: 1366px) {
    .container {
      width: 1230px;
    }
  }
  .jgRightBox {
    float: right;
    position: relative;
    top: 30px;
  }
  .jgRightBox .scoped {
    position: absolute;
    right: 0;
    top: -25px;
  }
  .jgRightBox .scoped .fa {
    font-size: 18px;
    color: #F59A23;
    cursor: pointer;
    margin: 0 0 0 10px;
  }
  .jgRightBox .editBox {
    position: relative;
  }
  .jgRightBox .editBox .editImg .img {
    width: 100%;
    height: 100%;
  }
  .jgRightBox .editBox .editImg img{
    width: 100%;
    height: 100%;
  }
  .jgRightBox .editBox .maskImg {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #333333b0;
    opacity: 0;
    transition: opacity 800ms;
  }
  .jgRightBox .editBox .maskImg .textBtn {
    width: 172px;
    height: 41px;
    border-radius: 20px;
    font-size: 18px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei";
    border: 1px solid #D7D7D7;
    background: none;
  }
  .jgRightBox .editBox .maskImg:hover {
    opacity: 1;
  }
  .jgRightBox .editBox .aboutCover {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5px;
  }
  .jgRightBox .editBox .aboutCover .text {
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .jgRightBox .editBox .aboutCover .fa-pencil {
    font-size: 18px;
    color: #4157a2;
    cursor: pointer;
    margin: 0 0 0 10px;
  }
  .jgRightBox .btnBox {
    width: 100%;
    height: auto;
    margin-top: 35px;
  }
  .jgRightBox .btnBox .submitBtn,
  .jgRightBox .btnBox .alertBtn {
    width: 100%;
    height: 39px;
    line-height: 39px;
    border: 1px solid #4157a2;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    color: #4157a2;
    font-weight: bold;
    font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei";
    cursor: pointer;
  }
  .jgRightBox .btnBox .submitBtn .link,
  .jgRightBox .btnBox .alertBtn .link {
    color: #4157a2;
    text-decoration: none;
  }
  .jgRightBox .btnBox .alertBtn {
    margin-top: 20px;
  }
  .jgRightBox .btnBox .submitBtn:hover,
  .jgRightBox .btnBox .alertBtn:hover {
    background: #4157a2;
  }
  .jgRightBox .btnBox .submitBtn:hover .link,
  .jgRightBox .btnBox .alertBtn:hover .link {
    color: #FFFFFF;
  }
  .jgRightBox .connectedBox {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 22px;
  }
  .jgRightBox .connectedBox .img {
    width: 35px;
    height: 35px;
    cursor: pointer;
  }
  .jgRightBox .connectedBox .img:hover {
    -webkit-animation: shake 0.38s;
  }
  .jgRightBox .advertisementBox {
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 50px;
  }
  .jgRightBox .advertisementBox img {
    cursor: pointer;
  }
  .jgRightBox .advertisementBox .img1 {
    width: auto;
    height: auto;
    max-width: 161px;
    margin: 0 auto;
  }
  .jgRightBox .advertisementBox .img2 {
    width: 141px;
    height: 140px;
    margin: 43px auto 0;
    display: block;
  }
  .jgRightBox .advertisementBox .img3 {
    width: 149px;
    height: 148px;
    margin: 43px auto 0;
    display: block;
  }
  .jgRightBox .advertisementBox .img4 {
    width: 163px;
    height: 160px;
    margin: 30px auto 0;
    display: block;
  }
  .jgRightBoxSm .btnBox {
    width: 100%;
    height: auto;
    margin-top: 18px;
  }
  .jgRightBoxSm .btnBox .submitBtn,
  .jgRightBoxSm .btnBox .alertBtn {
    width: 234px;
    height: 39px;
    line-height: 39px;
    display: inline-block;
    border: 1px solid #4157a2;
    border-radius: 10px;
    text-align: center;
    font-size: 18px;
    color: #4157a2;
    font-weight: bold;
    font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei";
    cursor: pointer;
    margin-right: 16px;
  }
  .jgRightBoxSm .btnBox .submitBtn .link,
  .jgRightBoxSm .btnBox .alertBtn .link {
    color: #4157a2;
    text-decoration: none;
  }
  .jgRightBoxSm .btnBox .submitBtn:hover,
  .jgRightBoxSm .btnBox .alertBtn:hover {
    background: #4157a2;
  }
  .jgRightBoxSm .btnBox .submitBtn:hover .link,
  .jgRightBoxSm .btnBox .alertBtn:hover .link {
    color: #FFFFFF;
  }
  #readMoreModal .leftBox {
    display: inline-block;
    width: 400px;
    vertical-align: top;
  }
  #readMoreModal .leftBox .img {
    width: 100%;
    height: 530px;
  }
  #readMoreModal .leftBox .text {
    display: block;
    font-size: 13px;
    color: #4157a2;
    cursor: pointer;
  }
  #readMoreModal .rightBox {
    width: calc(100% - 490px);
    display: inline-block;
    vertical-align: top;
    margin-left: 50px;
  }
  #readMoreModal .rightBox .issue {
    font-size: 16px;
    font-weight: bold;
    font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", "Microsoft YaHei";
    margin-top: 10px;
  }
  #readMoreModal .rightBox .desc {
    font-size: 16px;
    margin-top: 15px;
    line-height: 22px;
  word-break: break-word;
  }
  #readMoreModal .rightBox .desc img{
    max-width: 100%;
    height: auto;
  }
  #readMoreModal  .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
  }
  #readMoreModal .btn-default:hover{
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  #readMoreModal .downloadBtn{
    float: left;
    font-size: 14px;
    height: 34px;
    line-height: 22px;
  }
  #readMoreModal .downloadHD {
    float: left;
    font-size: 14px;
    height: 34px;
    line-height: 34px;
    margin-left: 10px;
  }
  
  #aboutJournalModal .modal-title,
  #aboutJournalModal .control-label {
    font-weight: bold;
  }
  #editPosterModal .img {
    width: 201px;
    height: auto;
  }
  @-webkit-keyframes shake {
      0%,
      10%,
      55%,
      90%,
      94%,
      98%,
      100% {
        -webkit-transform: scale(1, 1);
      }
      30% {
        -webkit-transform: scale(1.14, 0.86);
      }
      75% {
        -webkit-transform: scale(0.92, 1.08);
      }
      92% {
        -webkit-transform: scale(1.04, 0.96);
      }
      96% {
        -webkit-transform: scale(1.02, 0.98);
      }
      99% {
        -webkit-transform: scale(1.01, 0.99);
      }
    }