body{min-width:1200px;}
.logo {
  text-align: center;
  width: 100vw;
  margin: 4vw 0 3vw; }

.login {
  width: 60%;
  background: #FFFFFF;
  box-shadow: 0px 0px 54px 0px rgba(20, 47, 167, 0.3);
  border-radius: 33px;
  margin: 0 auto; }
  .login .loginLeft {
    width: MIN(55%, 610px); }
  .login .inputBox {
    width: 45%;
    padding: 0 5vw;
    box-sizing: border-box;
    text-align: center; }
    .login .inputBox .tit {
      font-weight: bold;
      font-size: 26px;
      color: #2E81FF;
      margin-bottom: 53px; }
    .login .inputBox .inputLi {
      height: 44px;
      line-height: 44px;
      background: #FFFFFF;
      border: 1px solid #DCDCDC;
      padding: 0 10px;
      box-sizing: border-box;
      margin-bottom: 16px; }
      .login .inputBox .inputLi .icon {
        margin-right: 10px; }
      .login .inputBox .inputLi .input {
        width: calc(100% - 30px);
        line-height: 36px;
        border: none;
        outline: none; }
        .login .inputBox .inputLi .input::-webkit-input-placeholder {
          color: #ccc; }
      .login .inputBox .inputLi.btn {
        width: 100%;
        background: linear-gradient(to right, #69a2fc, #2678ff);
        border-radius: 3px;
        border: none;
        padding: 0;
        margin-top: 40px; }
        .login .inputBox .inputLi.btn input {
          border: none;
          text-align: center;
          color: #fff;
          width: 100%;
          outline:none;
          font-size: 15px; }
     .login .inputBox .inputLi.btn input[type="submit"]{outline:none; border:none; cursor:pointer;background:none}
    .login .inputBox .btmText {
      font-size: 14px;
      color: #8A8A8A;
      text-align: center;
      margin-top: 60px; }

.footInfo {
  font-size: 13px;
  color: #fff;
  text-align: center;
  margin-top: 30px;
  opacity: 0.6; }

.web {
  display: none; }

@media screen and (max-width: 1400px) {
  .login .inputBox .tit {
    margin-bottom: 2vw; }
  .login .inputBox {
    padding: 0px 17px;
    transition: 0.3s all; }
  .login .inputBox .btmText {
    margin-top: 2vw; } }

@media screen and (max-width: 1100px) {
  .logo img {
    max-width: 50%; }
  .login .loginLeft {
    width: 50%; }
  .login .inputBox {
    width: 50%; }
  .login .inputBox .tit {
    font-size: 20px; }
  .login .inputBox .inputLi.btn {
    margin-top: 20px; } }

@media screen and (max-width: 780px) {
  .loginBody {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100vh;
    justify-content: center; } }

@media screen and (max-width: 480px) {
  .login {
    width: 80%;
    border-radius: 10px;
    padding: 5vh 0;
    margin: 10vw 0; }
  .login .loginLeft {
    width: 50%;
    display: none; }
  .login .inputBox {
    width: 100%; }
  .footInfo {
    font-size: 12px;
    padding: 0 5%;
    box-sizing: border-box;
    width: 80%; }
  .web {
    display: inline-block; }
  .pc {
    display: none; } }

body {
  background-color: #f0f3f8; }

.yyMain .rightBox {
  width: calc(100% - 120px); margin-left: 20px; 
  padding-right: 20px;
  box-sizing: border-box; }
  .yyMain .rightBox .top {
    padding: 10px 0; }
    .yyMain .rightBox .top .dh {
      font-size: 15px;
      color: #333333; 
      width:calc(100% - 220px);
    }
        .yyMain .rightBox .top .dh > .nav {
            max-width: calc(100% - 220px);
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .yyMain .rightBox .top .dh > .nav.nomenu {
            max-width:100%;
        }


    .yyMain .rightBox .top .info {
    max-width:210px;
    justify-content:flex-end;
    cursor:pointer;
    }
    .yyMain .rightBox .top .info > span {
        color: #333333;
        font-size: 15px;
    }
    .yyMain .rightBox .top .info > span>span {
        max-width: 140px;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.yyMain .rightBox .top .info > span img {
    margin-left: 4px;
}
    .yyMain .rightBox .top .info .touxiang {
      width: 40px;
      height: 40px;
      border-radius: 100px;
      margin-left: 10px; }
  .yyMain .rightBox .topMenu .li {
    padding: 30px 25px 40px;
    flex: 1;
    box-sizing: border-box;
    background: #FFFFFF;
    margin-right: 20px;
    border-radius: 15px;
    align-items: flex-start; }
    .yyMain .rightBox .topMenu .li .icon {
      max-width: 80px;
      width: 175px; }
    .yyMain .rightBox .topMenu .li .text .tit {
      font-weight: bold;
      color: #4936FF;
      font-size: 21px;
      margin-top: 10px; }
    .yyMain .rightBox .topMenu .li .text .subTit {
      color: #8686A5;
      font-size: 15px;
      margin-top: 6px;
      width: 80%; }
    .yyMain .rightBox .topMenu .li:nth-child(2) .text .tit {
      color: #FF6161; }
    .yyMain .rightBox .topMenu .li:nth-child(3) .text .tit {
      color: #29A3FA; }
    .yyMain .rightBox .topMenu .li:last-child {
      margin-right: 0; }
      .yyMain .rightBox .topMenu .li:nth-child(4) .text .tit {
        color: #23C465; }
  .yyMain .rightBox .btmBox {
    margin-top: 20px; }
  .yyMain .rightBox .zuijin {
    background: #FFFFFF;
    width: 65%;
    border-radius: 20px;
    padding: 28px;
    box-sizing: border-box; }
    .yyMain .rightBox .zuijin .titBox {
      margin-bottom: 23px; }
      .yyMain .rightBox .zuijin .titBox .tit {
        color: #000000;
        font-size: 22px;
        font-weight: bold; }
      .yyMain .rightBox .zuijin .titBox .more {
        color: #666666;
        font-size: 16px; }
    .yyMain .rightBox .zuijin .cont {
      background: #F8F8F8;
      border-radius: 20px;
      padding: 15px 25px;
      box-sizing: border-box;
      margin-bottom: 13px; }
      .yyMain .rightBox .zuijin .cont .jindu_img {
        width: 75px;
        height: 75px; }
      .yyMain .rightBox .zuijin .cont .kaoshi_xq {
        width: calc(100% - 95px); }
        .yyMain .rightBox .zuijin .cont .kaoshi_xq .tit .name {
          font-size: 18px;
          font-weight: bold;
          color: #2351AA;
          margin-top: 5px; }
        .yyMain .rightBox .zuijin .cont .kaoshi_xq .tit .more {
          width: 97px;
          color: #0F66F5;
          font-size: 15px;
          transition: 0.3s all;
          height: 33px;
          line-height: 30px;
          text-align: center;
          border-radius: 6px;
          border: 1px solid #0F66F5; }
          .yyMain .rightBox .zuijin .cont .kaoshi_xq .tit .more:hover {
            background-color: #0F66F5;
            color: #fff; }
        .yyMain .rightBox .zuijin .cont .kaoshi_xq .subTit {
          color: #444444;
          font-size: 14px;
          margin-top: 10px;
          opacity: 0.8; }
          .yyMain .rightBox .zuijin .cont .kaoshi_xq .subTit span {
            margin-right: 15px; }
        .yyMain .rightBox .zuijin .cont .kaoshi_xq .jindu {
          margin-top:15px;
          position: relative; }
          .yyMain .rightBox .zuijin .cont .kaoshi_xq .jindu .li { align-items:flex-start;
            line-height: 24px;
            position: relative;
            padding-left: 19px;
            box-sizing: border-box; }
            .yyMain .rightBox .zuijin .cont .kaoshi_xq .jindu .li .tit { width:90px; display:inline-block;
              margin-bottom: 8px;
              color: #0F66F5;
              font-size: 15px;
               }
             .yyMain .rightBox .zuijin .cont .kaoshi_xq .jindu .li .liRight{width:calc(100% - 90px); display:flex; flex-flow:row wrap;}
            .yyMain .rightBox .zuijin .cont .kaoshi_xq .jindu .li .kemu {
              display: inline-block;
              text-align: center;
              min-width: 70px;
              height: 24px;
              margin-right: 12px; padding:0 5px; box-sizing:border-box;
              transition: 0.3s all;
              margin-bottom: 8px;
              border: 1px solid #DFDFDF;
              font-size: 14px;
              color: #505050; }
              .yyMain .rightBox .zuijin .cont .kaoshi_xq .jindu .li .kemu:hover {
                border-color: #0F66F5;
                color: #0F66F5; }
            .yyMain .rightBox .zuijin .cont .kaoshi_xq .jindu .li::after {
              content: '';
              width: 10px;
              height: 1px;
              background-color: #0F66F5;
              position: absolute;
              left: 0;
              top: 12px; }
             .yyMain .rightBox .zuijin .cont .kaoshi_xq .jindu .li::before {
              content: '';
            width: 1px;
            height: 100%;
            background-color: #0F66F5;
            position: absolute;
            left: 0;
            top: 12px;  }
              .yyMain .rightBox .zuijin .cont .kaoshi_xq .jindu .li:last-child::before {
              content: '';
            width: 0px;
            height: calc(100% - 32px);
            background-color: #0F66F5;
            position: absolute;
            left: 0;
            top: 12px;  }
          /*.yyMain .rightBox .zuijin .cont .kaoshi_xq .jindu::after {
            content: '';
            width: 1px;
            height: calc(100% - 32px);
            background-color: #0F66F5;
            position: absolute;
            left: 0;
            top: 12px; }*/
  .yyMain .rightBox .btnRight {
    width: calc(35% - 20px);
    height: 100%; }
    .yyMain .rightBox .btnRight .xiangguan {
      background: #FFFFFF;
      border-radius: 20px;
      padding: 30px 25px;
      box-sizing: border-box; }
      .yyMain .rightBox .btnRight .xiangguan .tit {
        color: #000000;
        font-size: 22px;
        font-weight: bold; }
        .yyMain .rightBox .btnRight .xiangguan .tit .more {
          float: right;
          font-size: 15px;
          font-weight: normal; }
      .yyMain .rightBox .btnRight .xiangguan ul {
        margin-top: 43px;
        margin-bottom: 20px; }
        .yyMain .rightBox .btnRight .xiangguan ul li {
          width: 25%;
          text-align: center; }
          .yyMain .rightBox .btnRight .xiangguan ul li .icon {
            width: 59%;
             }
          .yyMain .rightBox .btnRight .xiangguan ul li p {
            color: #333333;
            font-size: 16px;
            margin-top: 20px; }
      .yyMain .rightBox .btnRight .xiangguan .cont {
        margin-top: 20px; }
.sm_datika {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 33px;
  box-sizing: border-box; }
  .sm_datika .title {
    margin-bottom: 30px; }
    .sm_datika .title .name {
      color: #333333;
      font-size: 22px;
      font-weight: bold; }
    .sm_datika .title .xxName {
      font-size: 16px;
      color: #161616;
      font-weight: bold; }
    .sm_datika .title .input {
      height: 36px;
      width: 227px;
      margin: 0 5px; }
  .sm_datika .tip {
    text-align: center;
    font-size: 16px; }
  .sm_datika .lc {
    text-align: center;
    position: relative;
    margin: 0 Max(3%, 20px); }
    .sm_datika .lc .li {
      width: 25%;
      margin-top: 38px;
      position: relative;
      z-index: 3; }
      .sm_datika .lc .li .titBox {
        width: 103px;
        height: 103px;
        margin: 0 auto 20px;
        color: #fff;
        flex-direction: column;
        background: linear-gradient(to bottom, #3B97FF, #397EF0);
        box-shadow: 0px 8px 27px 2px rgba(33, 111, 255, 0.28);
        border-radius: 50%; }
        .sm_datika .lc .li .titBox .sn {
          font-size: 24px;
          font-weight: bold;
          color: #FFFFFF;
          text-align: center; }
        .sm_datika .lc .li .titBox .subTit {
          font-size: 16px;
          text-align: center; }
      .sm_datika .lc .li .text {
        text-align: center; }
      .sm_datika .lc .li .btn {
        width: 103px;
        height: 37px;
        line-height: 35px;
        text-align: center;
        font-size: 15px;
        color: #999999;
        margin: 20px auto;
        background: #FFFFFF;
        border-radius: 4px;
        border: 1px solid #C7CDD1; }
        .sm_datika .lc .li .btn.cur {
          background: #1A76F3;
          color: #FFFFFF;
          border: none; }
    .sm_datika .lc .line {
      border-bottom: 1px dashed  #7EB1FB;
      opacity: 0.47;
      height: 1px;
      width: 100%;
      position: absolute;
      top: 90px;
      left: 0;
      z-index: 0; }

.jilu {
  background: #FFFFFF;
  border-radius: 20px;
  padding: 33px;
  box-sizing: border-box;
  margin-top: 18px;
  height: 500px; }

.subMenu {width: 100px;position: relative;transition: 0.3s all; cursor: pointer; box-sizing: border-box;border: 2px solid #fff; margin: 0 10px; font-size: 15px;color: #000000; text-align: center; line-height: 30px; height: 32px;background: #FFFFFF;border-radius: 5px;}
.subMenu ul{background: #FFFFFF;opacity: 0; visibility: hidden; padding: 10px 0; transition: 0.3s all; box-shadow: 0px 0px 21px 0px rgba(73,73,73,0.11);border-radius: 8px; position: absolute; top: 42px; z-index: 1; width: 100%;}
.subMenu ul li{line-height: 40px;}
.subMenu ul li:hover a{background-color: #e8f1fd; color: #0F66F5; display: block; border-radius: 6px;}
.subMenu:hover{border: 2px solid #367DFF;}
.subMenu:hover ul{top: 31px; opacity: 1; visibility: visible;}

.kaoshiLi .cont .kaoshiLeft{width: 75px; padding-left: 6px; box-sizing: border-box;}
.kaoshiLi .cont .mark{width: 58px;height: 58px; display: flex; align-items: center; justify-content: center; font-size: 26px;  color: #FFFFFF;background: #FF9B39;box-shadow: 0px 5px 10px 0px rgba(255,155,57,0.23);border-radius: 50%;}
.kaoshiLi .cont .jinduLine{margin-top: 20px; margin-left: 2px;}
.kaoshiLi .cont .jinduLine .text{font-size: 12px;color: #FF9B39; margin-bottom: 3px;}
.kaoshiLi .cont .jinduLine .line{width: 58px;height: 13px;background: #F0F0F0;border-radius: 7px; overflow: hidden;}
.kaoshiLi .cont .jinduLine .line .cur{height: 100%; display: block; background: linear-gradient(90deg, #FFAE5E, #FF9B39); border-radius: 10px;}
.kaoshiLi .cont:nth-child(2n+1) .mark{background: #FF9B39;box-shadow: 0px 5px 10px 0px rgba(255,155,57,0.23);}
.kaoshiLi .cont:nth-child(2n+1) .text{color: #FF9B39;}
.kaoshiLi .cont:nth-child(2n+1) .line .cur{background: linear-gradient(90deg, #FFAE5E, #FF9B39);}
.kaoshiLi .cont:nth-child(3n+1) .mark{background: #5595FF;box-shadow: 0px 5px 10px 0px rgba(85,149,255,0.23);}
.kaoshiLi .cont:nth-child(3n+1) .text{color: #5595FF;}
.kaoshiLi .cont:nth-child(3n+1) .line .cur{background: linear-gradient(90deg, #75A9FF, #5595FF);}
.kaoshiLi .cont:nth-child(3n+2) .mark{background: #1BCF9D;box-shadow: 0px 5px 10px 0px rgba(27,207,157,0.23);}
.kaoshiLi .cont:nth-child(3n+2) .text{color: #1BCF9D;}
.kaoshiLi .cont:nth-child(3n+2) .line .cur{background: linear-gradient(90deg, #42E3B6, #10C391);}


.yyMain .leftMenu {width: 99px; text-align: center; background-color: #fff; position: sticky; top: 0; height: 100vh; padding-top: 28px;box-sizing: border-box; }
.yyMain .leftMenu ul{margin-top: 79px; padding-left: 14px; box-sizing: border-box; }
.yyMain .leftMenu ul li{width: 70px;height: 70px;font-size: 13px; color: #7C8EA5; text-align: center; margin-bottom:20px;}
.yyMain .leftMenu ul li .icon{width: 25px; height: 25px; background: url(../images/navIcon1.png) no-repeat center center; display: block; margin:0 auto 5px;}
.yyMain .leftMenu ul li .icon2{background: url(../images/navIcon2.png) no-repeat center center;}
.yyMain .leftMenu ul li .icon3{background: url(../images/navIcon3.png) no-repeat center center;}
.yyMain .leftMenu ul li .icon4{background: url(../images/navIcon4.png) no-repeat center center;}
.yyMain .leftMenu ul li.cur{background: #1E81FB;box-shadow: 0px 5px 7px 0px rgba(30,129,251,0.18);border-radius: 12px; color: #fff;}
.yyMain .leftMenu ul li.cur a{color: #fff;}
.yyMain .leftMenu ul li.cur .icon{background: url(../images/navIcon11.png) no-repeat center center;}
.yyMain .leftMenu ul li.cur .icon2{background: url(../images/navIcon22.png) no-repeat center center;}
.yyMain .leftMenu ul li.cur .icon3{background: url(../images/navIcon33.png) no-repeat center center;}
.yyMain .leftMenu ul li.cur .icon4{background: url(../images/navIcon44.png) no-repeat center center;}




@media screen and (max-width: 1400px) {
    .yyMain .rightBox .topMenu .li{flex-direction:column;padding: 20px;}
    .yyMain .rightBox .topMenu .li .text .subTit{width:100%;}
    .yyMain .rightBox .topMenu .li .text .tit{margin-top:0px;}
    .yyMain .rightBox .btnRight{width:calc(20% - 20px);}
    .yyMain .rightBox .zuijin{width:80%}
    .yyMain .rightBox .btnRight .xiangguan ul{flex-flow:row wrap;}
    .yyMain .rightBox .btnRight .xiangguan ul  li{width:50%;}
    .yyMain .rightBox .btnRight .xiangguan ul li .icon{width:100%;}
    .yyMain .rightBox .btnRight .xiangguan ul li p{margin:0px 0 10px; font-size:14px;}
}