@font-face {font-family: "iconfont";
        src: url('../fonts/iconfont.eot'); /* IE9*/
        src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/a563773773804f979e2e2057fd89ad63.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
        url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
      }
      .iconfont {
        font-family:"iconfont" !important;
        font-size:16px;
        font-style:normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }

      .icon-shouji:before { content: "\e618"; }

      .icon-bijibendiannao:before { content: "\e60f"; }

      .icon-diannao:before { content: "\e610"; }

      .icon-fanhui:before { content: "\e682"; }

      #imgBox{
        font-size: 16px;
        border-radius: 10px;
        width: 80px;
        height: 80px;
        z-index: 1000;
      }
      #textBox{
        box-sizing: border-box;
      }
      #textBox div{
        position: absolute;
        box-sizing: border-box;

      }
      #textBox .top{
        width: 100%;
        height: 1px;
        border-top: 1px dashed  blue;
        top: 0;
        left: 0;
      }
      #textBox .right{
        width: 1px;
        border-right: 1px dashed  blue;
        height: 100%;
        top: 0;
        right: 0;
      }
      #textBox .bottom{
        border-bottom: 1px dashed  blue;
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
      }
      #textBox .left{
        width: 1px;
        border-left: 1px dashed  blue;
        height: 100%;
        top: 0;
        left: 0;
      }

      #body_zz{
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 9999;
        top: 0;
        left: 0;
        background-color: rgba(0,0,0,0.46);
      }
      /* 文字弹窗 */
      #Modal_frame__text{
        width: 680px;
        position: fixed;
        z-index: 10000;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
        background-color: #fff;
        border-radius: 4px;
        min-height: 420px;
      }
      #Modal_frame__text .tit{
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        text-align: left;
        padding-left: 15px;
        border-bottom: 1px solid #e5e5e5;
      }
      #edit_val{
        height: 260px;
        resize: none;
        width: 560px;
        margin: 0 auto;
        display: block;
        margin: 20px auto;
        padding: 4px;
      }
      .operation{
        text-align: center;
      }
      .operation button{
        width: 200px;
        height: 34px;
        font-size: 14px;
        border: none;
        cursor: pointer;
        border-radius: 4px;
        margin-right: 6px;
        background-color: #5cb85c;
        color: #fff;
      }
      .operation button:hover{
        background-color: #4a9e4a;
      }
      .news-conter-list-img{
        font-size: 0;
        cursor: pointer;
      }
      /* 图片弹窗 */
      #Modal_frame_img{
        width: 680px;
        position: fixed;
        z-index: 10000;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%,-50%,0);
        background-color: #fff;
        border-radius: 4px;
        min-height: 420px;
        /* padding-bottom: 10px; */
      }
      #Modal_frame_img .tit{
        height: 50px;
        line-height: 50px;
        font-size: 16px;
        text-align: left;
        padding-left: 15px;
        border-bottom: 1px solid #e5e5e5;
      }
      #Modal_frame_img .Prompt{
        padding:10px 15px;
        font-size: 14px;
      }

      .Modal_frame_left{
        text-align: center;
        width: 500px;
        margin: 20px auto;
        display: flex;
        align-items: center;
        min-height: 210px;
        font-size: 0;
      }
      .Modal_frame_left img{
        max-width: 460px;
        margin: 0 auto;
      }
      .Modal_frame_right{
        text-align: center;
        padding: 15px;
      }
      .Modal_frame_right button{
        width: 200px;
        height: 34px;
        font-size: 14px;
        border: none;
        cursor: pointer;
        border-radius: 4px;
        margin-right: 6px;
        background-color: #5cb85c;
        color: #fff;
      }
      .Modal_frame_right button:hover{
        background-color: #4a9e4a;
      }
      @media screen and (max-width: 450px) {
        /* 文字弹窗 */
        #Modal_frame__text{
          width: 360px;
          position: fixed;
          z-index: 10000;
          top: 50%;
          left: 50%;
          transform: translate3d(-50%,-50%,0);
          background-color: #fff;
          border-radius: 4px;
          min-height: 420px;
        }
        #Modal_frame__text .tit{
          height: 50px;
          line-height: 50px;
          font-size: 16px;
          text-align: left;
          padding-left: 15px;
          border-bottom: 1px solid #e5e5e5;
        }
        #edit_val{
          height: 260px;
          resize: none;
          width: 280px;
          margin: 0 auto;
          display: block;
          margin: 20px auto;
          padding: 4px;
        }
        .operation{
          text-align: center;
        }
        .operation button{
          width: 100px;
          height: 34px;
          font-size: 14px;
          border: none;
          cursor: pointer;
          border-radius: 4px;
          margin-right: 6px;
          background-color: #5cb85c;
          color: #fff;
        }
        /* 图片弹窗 */
        #Modal_frame_img{
          width: 360px;
          position: fixed;
          z-index: 10000;
          top: 50%;
          left: 50%;
          transform: translate3d(-50%,-50%,0);
          background-color: #fff;
          border-radius: 4px;
          min-height: 420px;
          /* padding-bottom: 10px; */
        }
        #Modal_frame_img .tit{
          height: 50px;
          line-height: 50px;
          font-size: 16px;
          text-align: left;
          padding-left: 15px;
          border-bottom: 1px solid #e5e5e5;
        }
        #Modal_frame_img .Prompt{
          padding:10px 15px;
          font-size: 14px;
        }

        .Modal_frame_left{
          text-align: center;
          width: 320px;
          margin: 20px auto;
          display: flex;
          align-items: center;
          min-height: 210px;
          font-size: 0;
        }
        .Modal_frame_left img{
          max-width: 300px;
          margin: 0 auto;
        }
        .Modal_frame_right{
          text-align: center;
          padding: 15px;
        }
        .Modal_frame_right button{
          width: 100px;
          height: 34px;
          font-size: 14px;
          border: none;
          cursor: pointer;
          border-radius: 4px;
          margin-right: 6px;
          background-color: #5cb85c;
          color: #fff;
        }
      }
      #topDeviceSwitchingBox{
        width: 100%;
        height: 50px;
        background-color: #000;
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        padding: 0 15px;
        overflow: hidden;
      }
      #topDeviceSwitchingBox p{
        line-height: 50px;
        float: left;
        width: 33.33%;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
      }
      #topDeviceSwitchingBox .back::before{
        content:"\e682";
        vertical-align: middle;
        font-size: 16px;
      }
      #topDeviceSwitchingBox .operation{
        text-align: center;
      }
      #topDeviceSwitchingBox .operation i{
        margin: 0 15px;
        font-size: 24px;
      }