/* CSS Document */
*{margin:0;padding:0;}
body{ margin:0; padding:0; color:#333; font: 12px "sans-serif",arial,"宋体",sans-serif;}
body, p, ul, ol, dl, dt, dd, li, form, input, table,td, tr,img,h1, h2, h3, h4, h5, h6,hr{margin:0;padding:0; border:0px;}
body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote,emBED{padding:0; margin:0;}
 html,body,h1,h2,h3,h4,h5,h6,blockquote,p,pre,
dl,dd,ol,ul,
caption,th,td,
form,fieldset,legend,input,button,textarea,
address{margin:0;padding:0}
ol,ul{list-style:none}
li{ list-style:none;}
a,input,textarea,button{
    outline:none;
}
a{ text-decoration:none;}
a:link{ color:#343434;}
a:hover{ text-decoration:underline; color:#ef164b;}
.clear{ clear:both;}
.floatRight{ float:right;}
#changeColor{margin:0px auto; padding:0px 6px;}
button{
    outline:none;
}
@font-face {
  font-family: 'myfont';  /* Project id 1407918 */
  src: url('//at.alicdn.com/t/font_1407918_3hg482u08yj.woff2?t=1627268604931') format('woff2'),
       url('//at.alicdn.com/t/font_1407918_3hg482u08yj.woff?t=1627268604931') format('woff'),
       url('//at.alicdn.com/t/font_1407918_3hg482u08yj.ttf?t=1627268604931') format('truetype');
}
body{
    position:relative
}
/*body>div:last-child{
    height:0; overflow:hidden
}*/
body:before {
    content:'';
    background: url(/newcache2020/shuiYing.png) #f4f6f8; background-size:160px 160px; opacity:.15; position:absolute; width:100%; height:100%; z-index:-1;
}
.myfont{
    font-family:"myfont" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;

}
.hong a{ color:#F00}
.hong a:hover{ color:#03C;}
.mr10 {
  margin-right: 10px; }

.mr20 {
  margin-right: 20px; }

.ml10 {
  margin-left: 10px; }

.ml20 {
  margin-left: 20px; }

.mt10 {
  margin-top: 10px; }

.mt20 {
  margin-top: 20px; }

.mb10 {
  margin-bottom: 10px; }

.mb20 {
  margin-bottom: 20px; }
img{
    max-width:100%;
}
.box{
    width:100%; margin:0px auto; max-width:1150px; 
}
li{ list-style:none;}
div{
    box-sizing:border-box;
}
body,html{
    width:100%; overflow-x:hidden; 
}
#rrapp{
    overflow:hidden; position:relative;

}
#rrapp>div:last-child{
    height:0; overflow:hidden;
}
.nologin{
    height:2500px; overflow:hidden
}
.flex{
    display: -webkit-flex; /* Safari */
    display: flex;justify-content:space-between; flex-wrap:wrap;
}
.report-head{
    background:url(/img/Report/report_bg_v3.2.jpg) no-repeat center top; color:white; padding:1px 0 20px 0;
}
.report-head .logo{
    margin:20px 0; letter-spacing:2px;
}
.report-head .logo img{
    max-width:150px; max-height:35px;
}
.report-head .head-box{
 align-items:center; 
}
.report-head .head-box>div{
    width:50%; flex:1;
}
.title-yellow{
    background-color:#ffff00; display:inline-block; width:auto; padding:0px 20px; height:32px; line-height:32px; color:#000; border-radius:32px;
}
.report-head .report-info{
    justify-content:flex-start !important;
}
.report-head .report-info .item{
    width:124px; height:160px; background:url(/img/Report/round-bg.png) no-repeat left top;  text-align:center;  justify-content:center; margin:20px 50px 20px 0px; padding:1px;
}
.report-head .report-info .item .nane{
    font-size:14px; padding-top:30px; font-weight:lighter;
}
.report-head .head-box h2{
    font-size:40px; letter-spacing:1px; margin-top:40px;
}
.report-head .data{
    opacity:.8; letter-spacing:1px; font-size:14px;
}
.report-head .title-yellow{
    margin-top:50px;
}
.head-bianji{
    padding:15px; cursor:pointer
}
.bianji-box{
    position:relative
}
.bianji-box>div{
    position:absolute; width:100%; height:50px; background:white; color:#333; padding:50px; margin:10px 0; z-index:1; display:flex; justify-content:flex-start; align-items:center; align-content:center; max-width:500px; border-radius:10px;
    box-shadow:0px 0px 15px rgba(0,0,0,.3);
}
.bianji-box>div .btn{
    background:#0aafb5; color:white; padding:3px 15px; margin-left:30px; cursor:pointer;
}
.head-bianji .myfont{
    font-size:20px; line-height:20px;
}
.report-head .report-info .item .line{
    width:30px; height:3px;  margin:5px auto; border-radius:3px;
      background-image: -webkit-gradient(linear, left top, right top, from(#0aafb5), to(#24478a));
  background-image: -webkit-linear-gradient(left, #0aafb5, #24478a);
  background-image: linear-gradient(60deg, #0aafb5, #24478a);
}
.report-head .report-info .item .content{
    font-size:28px; line-height:40px;
}
.report-head .gaishu{
    background:rgba(0,0,0,.2); padding:40px; border-radius:20px; box-shadow:0px 0px 1px #0fa1b2;
}
.report-head .gaishu .title{
    background-color:#5679fb;  display:inline-block; width:auto; padding:0px 20px; height:32px; line-height:32px; color:white; border-radius:32px; margin:10px 0; font-size:16px;
}
.report-head .gaishu .info{
    font-size:14px; line-height:30px; opacity:.8;
}
.main-title{
    position:relative; min-height:46px; margin:50px 0px 30px 0;
}
.main-title .round-nun{
    width:60px; height:60px; font-size:36px; font-weight:bold; text-align:center; line-height:60px; position:absolute; left:0; top:-6px; box-shadow:0px 0px 5px rgba(0,0,0,.3); border-radius:60px; background:white; z-index:1;
}
.main-title .text{
     padding:0px 30px 0px 75px; height:46px; display:inline-block; line-height:46px; border-radius:46px; color:white; font-size:22px;
       background-image: -webkit-gradient(linear, left top, right top, from(#0aafb5), to(#24478a));
  background-image: -webkit-linear-gradient(left, #0aafb5, #24478a);
  background-image: linear-gradient(60deg, #0aafb5, #24478a);
}
.conditions-box{
    background:white; box-shadow:0px 0px 15px rgba(0,0,0,.15); padding:20px; border-radius:30px; margin-top:25px; width:100%; justify-content:flex-start; align-items:center;
}
.conditions-box select{
    padding:6px; border-radius:6px; border:1px #ddd solid; outline-color:#5679fb; outline-width:1px;
}
.conditions-box span{
   margin:0px 3px;
}
.module-box{
    box-shadow:0px 0px 30px rgba(0,0,0,.15); padding:35px; border-radius:30px; background:rgba(255,255,255,.66); 
}
table.gridtable {
	font-family: verdana,arial,sans-serif; width:100%;
	font-size:11px;
	color:#333333;
	border-width: 1px;
	border-color: #ddd;
	border-collapse: collapse;
}
table.gridtable th {
	border-width: 1px; text-align:center; font-size:15px;
	padding: 8px;
	border-style: solid;
	border-color: #ddd;
	background-color: #f5f5f5;
}
table.gridtable td {
	border-width: 1px; font-size:13px; position:relative;
      word-break:break-all;
	padding: 8px;
	border-style: solid;
	border-color: #ddd;
	background-color: white;
}
  table.table-editor td{
    padding:0 !important;
}
    table.table-editor td textarea{
        width:100%; height:100%; border:none; padding:3px;
    }
    table.table-editor td textarea:focus{
        background:#fcf8e3;
    }
     table.table-editor td span{
       padding:0px 5px;
    }
     .rist-edit-btn{
         position:fixed; bottom:0px; left:0; z-index:9; background:white;padding:10px; box-shadow:0px 0px 10px rgba(86,121,251,.5); color:#5679fb; border-top-right-radius:10px; cursor:pointer; font-weight:600; font-size:14px;
     }
     .rist-edit-btn .myfont{
         padding-right:5px; font-weight:normal;
     }
.flex-item{
    width:50%; position:relative
}
.text-abnormal{
    position:absolute; top:50px; left:20px; font-weight:bold; color:#f96969;
}
.width-48p{
    width:49% !important; margin-bottom:20px;
}
     .flex-item .img{
            background:#f7f7f7; padding:15px; border-radius:6px;
        }
.module-box .info{
    margin-left:40px; position:relative
}
.info .title-sm{
 background:#5679fb; display:inline-block; width:auto; padding:0px 20px; height:30px; line-height:30px; color:white; border-radius:32px; font-size:16px; margin:20px 0px 10px 0;
}
.module-box .info .bianji{
    position:absolute; right:0; top:20px; color:#5679fb; font-size:15px; cursor:pointer; background:white;
}
.module-box .info .bianji .myfont{
    font-size:20px; padding-right:5px; position:relative; top:2px;
}
.module-box .info .bianji .save{
    color: white; padding:5px 10px; border-radius:4px; background:#4996ab;
}
.module-box .info .bianji .save:hover{
    background:#0cc9d0;
}

.title-02{
     padding-left:15px; font-size:18px; margin-bottom:20px; border-bottom:1px #eee solid; padding-bottom:20px; margin-bottom:20px; position:relative
}
.title-02:before{
    content:''; position:absolute; height:20px; width:6px ;background:#5679fb; left:0; top:2px; border-radius:6px;
}
.reportNormalBtn{
    width:180px; height:40px; margin:0px auto; color:white; text-align:center; line-height:40px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; cursor:pointer; letter-spacing:1px;
    box-shadow:inset 0px 0px 15px rgba(0,0,0,.3);
   background-image: -webkit-gradient(linear, left top, right top, from(#0aafb5), to(#24478a));
  background-image: -webkit-linear-gradient(left, #0aafb5, #24478a);
  background-image: linear-gradient(60deg, #0aafb5, #24478a);
}
.report-normal{
    border-top:5px #0aafb5 solid; padding-top:40px; margin-top:20px;
}
.error-info{
    text-align:center; font-size:16px;
}
.error-info .myfont{
    font-size:32px; color:#0aafb5; padding-right:10px;
}
.report-footer{
    background:url(/img/Report/report_bg_f_v3.2.jpg) no-repeat center top #22255c; min-height:320px; color:white; padding-top:50px; margin-bottom:-20px;  padding-bottom:35px;
}
.report-footer .box{
padding-left:250px; font-size:16px; line-height:35px;
}
.report-footer .title{
    font-size:30px; margin:10px 0;
}
.report-footer .info span{
    font-size:24px;
}
.report-footer .bianji{
    margin-left:20px; cursor:pointer;
}
.report-footer .bianji .myfont{
    font-size:20px;
}
.report-footer  .bianji .save{
    color: white; padding:5px 10px; border-radius:4px; background:#4996ab; font-size:16px;
}
.report-footer  .bianji .save:hover{
    background:#0cc9d0;
}
.report-footer .report-experts{
    margin-top:15px; font-size:13px;
}
.report-footer .report-experts span{
     margin-right:30px; opacity:.8; border-bottom:1px rgba(255,255,255,.5) solid;
}
.report-footer .report-experts img{
    max-height:50px; padding-bottom:2px
}
.t-box{
    color:#999; margin:20px;
}
.t-box .myfont{
    font-size:24px; padding-right:5px; position:relative; top:2px;
}
.text-color-green{
    color:#63cab8 !important;
}
.text-color-yellow{
    color:#feff00 !important;
}
.text-color-red{
    color:#f96969 !important;
}
.right-btn{
    position:fixed; right:5px; bottom:12%;
}
.right-btn .item{
    background:white; margin:5px 0; text-align:center; padding:5px; border:1px rgba(86, 121, 251, 0.3) solid; width:50px; height:50px; overflow:hidden;color:rgba(86, 121, 251, 0.9); border-radius:3px; cursor:pointer;
}
.right-btn .item a{
    color:rgba(86, 121, 251, 0.9); text-decoration:none; line-height:12px;
}
.right-btn .myfont{
    display:block; font-size:20px; line-height:24px; 
}
.right-btn .item span{
    font-size:12px;  line-height:12px; display:block; margin-top:3px;
    transform:scale(.9);
     -webkit-transform:scale(.9);
}
.right-btn .item:hover{
    background:#5679fb; color:white; border-color:#5679fb;
}
.right-btn>div:hover a{
    color:white;
}
.center{
    text-align:center;
}
 .more-box .info {
        width: 100%;
        margin: 0px auto;
        overflow-y: auto;
    }
    .more-box {
        position: fixed;
        height: auto; min-height:500px; margin:0px auto;
        width: 98%;  max-width:750px;
        background: #fff;
        overflow: auto;
        top: 5%;
        left: 1%;
        right: 1%;
        z-index: 1000;
        display: none;
        -webkit-overflow-scrolling: touch;
        border:1px #24478a solid
    }
    .more-box .top{
        background:url(/img/Report/report_bg_v3.2.jpg) no-repeat left top; color:#fff; padding:10px 15px; position:relative
    }
    .more-box .top .top-close{
        position:absolute; right:5px; top:0px; padding:10px; cursor:pointer
    }
    .more-box .title{
        margin:10px 0; color:#24478a;
    }
    .more-box-btn{
        width:100px; height:36px; display:inline-block; margin:20px 30px 30px 0; background:#5679fb; color:white; line-height:36px; text-align:center; font-size:16px; cursor:pointer;
    }
    .m-table  tr td:nth-child(2){
          background:rgba(86, 121, 251, .15); border-color:rgba(86, 121, 251,.25)
       }
    .m-table  tr th:nth-child(2){
         background:rgba(86, 121, 251, 1); color:white; border-color:rgba(86, 121, 251,.25)
    }
  .m-table  tr td:nth-child(3){
          background:rgba(82, 168, 178,.1); border-color:rgba(82, 168, 178,.25)
       }
  .m-table  tr th:nth-child(3){
        background:rgb(56, 114, 156); color:white; border-color:rgba(82, 168, 178,.25)
  }
   .m-table  tr td:nth-child(4){
       text-align:center; font-weight:bold;
   }
  .myConsult .modal-header{
    background: #f2f4f5; text-align: center; padding-top: 25px;
}
.myConsult .modal-header h4{
    color: #fd8020; line-height: 30px;
}
.myConsult .modal-body{
    padding: 30px 80px;
}
.myConsult .modal-body li{
    margin: 15px 0;
}
.myConsult .modal-body li span{
    position: relative; width: 80px; color: #333; font-size: 14px; display: block; margin-top: 7px; float: left;
}
.myConsult .modal-body li textarea,.myConsult .modal-body li input{
    width: 75%; padding:6px 10px; border: 1px #ddd solid; font-size: 14px;
}
.myConsult .modal-body li input.yzm{
    width: 40%;
}
.myConsult .modal-body li .yzm-btn{
    width: 30%; margin-left: 15px; border: none; padding:7px 10px; font-size: 14px;
}
.myConsult .modal-consult-btn{
    width: 100%; height: 45px; line-height: 44px; background: #ffa101; color: #fff; font-size: 15px; text-align: center; display: block; margin: 30px auto; cursor: pointer;
}
.myConsult .modal-dialog{
    margin-top:7%
}
.report-analysis {
    width: 100%; display:flex; flex-wrap:wrap;
}
.report-analysis>div{
    width:33%; 
}
.report-analysis .flex{
    align-items:center;
}
.report-analysis .myfont{
    cursor:pointer; padding:10px;
}
.report-analysis .selectedColor{
    background:rgba(0,150,136,.1); color:#009688; font-weight:bold
}
.analysis-item{
   margin: 0.15%; background:#f5f5f5; padding:10px 30px; border-radius:10px; cursor:pointer;
}
.analysis-item p{
    margin:0; line-height:24px;
}
.login-mark{
    position:absolute;z-index:9;  bottom:0px; left:0; width:100%; height:400px;
          background-image: -webkit-gradient(linear, top, bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1) 70%));
      background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 70%);
      background-image: linear-gradient(-180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 70%); 
}
.login-mark a{
    width:70%;max-width:200px; height:45px; line-height:45px; background:#FFC107; color:white; text-align:center; line-height:45px; font-size:16px; border-radius:30px; margin:200px auto 0 auto; display:block; padding:0px 20px; font-weight:bold; cursor:pointer
}
 .qrCode{
           width:110px; height:auto; position:fixed; right:5px; top:200px; background:white; padding:10px; border-radius:10px; color:#4a4a4a; text-align:center; box-shadow:0px 0px 10px rgba(0,0,0,.15); box-sizing:border-box;
        }
@media (min-width: 992px){
.analysis-box {
    width: 100% !important;
    position: fixed !important;
    bottom: 0px;
    margin: 0px !important;
}
}


  @media screen and (min-width:680px) and (max-width:1024px){
       .qrCode{
            display:none;
        }
       .report-head .logo {
            padding-left:20px;
        }
   
        .report-head .head-box>div:first-child{
            text-align:center
        }
        .report-head .head-box h2{
            font-size:26px;  margin-top:20px;
        }
     
        .report-head .title-yellow{
            margin:20px auto;
        }
        .report-head .report-info{
            justify-content:space-between !important; width:95%; margin:0px auto;
        }
        .report-head .report-info .item{
             margin:5px;background-size: 100%; width:100px; height:110px;
        }
        .report-head .report-info .item .nane{
            padding-top:25px; font-size:12px;
        }

  }
    @media screen and (min-width:320px) and (max-width:680px){
        .nologin{
    height:2900px; overflow:hidden
}
        .myConsult .modal-body{
            padding:20px;
        }
        .myConsult .modal-body li span{
            width:60px;
        }
        .report-head .logo {
            text-align:center;
        }
        .report-head .logo img{
            height:30px;
        }
        .report-head .head-box>div{
            width:100%; flex:inherit;
        }
        .report-head .head-box>div:first-child{
            text-align:center
        }
        .report-head .head-box h2{
            font-size:26px;  margin-top:20px;
        }
     .report-head .data{
         letter-spacing:0px;
     }
     .bianji-box>div{
   width:95%; left:2.5%; margin:5px 0; padding:50px 15px;
}
        .report-head .title-yellow{
            margin:20px auto;
        }
        .report-head .report-info{
            justify-content:space-between !important; width:95%; margin:0px auto;
        }
        .report-head .report-info .item{
             margin:5px;background-size: 100%; width:100px; height:110px;
        }
        .report-head .report-info .item .nane{
            padding-top:25px; font-size:12px;
        }
        .report-head .report-info .item .content{
            font-size:26px; line-height:30px;
        }
        .report-head .gaishu{
            padding:15px;margin:5px 10px;
        }
        .main-title .title-container{
            transform:scale(.8); margin:20px 0 15px -30px;
        }
         .conditions-box  span{
              margin:3px 0 !important; display:block;
          }
         .conditions-box select{
            width:100%
         }
        .conditions-box{
           padding:10px; width:95%; margin:0px auto; border-radius:10px;
        }
        .module-box{
            padding:10px; width:95%; margin:0px auto; border-radius:10px;
        }
        .module-box .info{
            margin-left:0px;
        }
        .flex-item,.width-48p{
            width:100% !important;
        }
        .flex-item .info{
            margin:0px; background:#f5f5f5; padding:10px;
        }
   
        .info .title-sm{
            margin:10px 0;
        }
        .title-02{
            padding-bottom:10px; margin-bottom:10px;
        }
        .flex-item .info .bianji{
            top:15px; right:15px;
        }
        .reportNormalBtn{
            width:150px; height:35px; line-height:35px; font-size:12px;
        }
        .report-footer{
            background-size:350%; height:auto; background-position-x:33%; padding-top:20px; padding-bottom:30px; 
        }
        .report-footer .box{
            padding-left:0px;
        }
        .report-footer .title{
             text-align:center; font-size:18px;
        }
        .report-footer .info{
            padding-left:60px; font-size:14px; line-height:25px; padding-right:10px;
        }
        table.gridtable th{
            font-size:13px;
        }
        .qrCode{
            display:none;
        }
        .report-footer .report-experts{
            text-align:center
        }
        .report-footer .report-experts span{
            display:inline-grid
        }
        .right-btn .print{
            display:none;
        }
        .right-btn{
            bottom:30px;
        }
          .right-btn .item{
              width:40px; height:40px;
          }
           .right-btn .item span{
               display:none;
           }
    }
    @media screen and (min-width:300px) and (max-width:330px){
        .report-head .report-info .item{
            margin:2px; width:90px; height:100px;
        }
        .report-head .gaishu .title{
            font-size:14px;
        }
        table.gridtable th,table.gridtable td{
            font-size:12px;
        }
        .module-box{
            width:100%; border-radius:0px;
        }
     
        .report-footer {
            background-size:360%;
        }
        .report-footer .info{
            font-size:13px; padding-left:50px;
        }
        .main-title{
            transform:scale(.78)
        }
            .report-footer .report-experts{
            text-align:center
        }
    }
@media screen and (min-width:479px) and (max-width:481px) {
    .report-footer{
        margin-bottom:0px !important;
    }
        .report-footer .report-experts{
            text-align:center
        }
}
 @media print{
    .report-head{
         background-color:#3c39a2 !important; color:white !important; text-align:center; padding-bottom:35px;
     }
    .report-head .logo{
        margin-top:40px;
    }
    /*.report-head .head-box{
        display:inherit !important; color:white !important;
    }*/
    .report-head .head-box h2,.report-head .head-box h2 b,.report-head .data,.report-head .logo,.report-head .report-info .item .nane,.report-head .report-info .item .content{
        color:white !important; text-align:center
    }
    .report-head .report-info .item .line{
        background-color:#eee !important;
    }
    /*.report-head .head-box>div{
        width:100% !important; margin-bottom:20px;
    }*/
    .report-head .report-info{
        text-align:center; justify-content:center !important; flex-wrap:nowrap;
    }
    .report-head .report-info .item{
        border:2px #fff solid; border-radius:100%; width:110px; height:110px; color:white !important; overflow:hidden;
    }
    .report-head .gaishu{
        background-color:#f0f3ff !important; color:white !important; width:90%; margin:0px auto; padding:20px;
    }
    .report-head .title-yellow{
        background-color: #ffff00 !important; margin-top:20px !important;
    }
    .report-head .gaishu .title{
        background-color: #5679fb !important; color:white !important;
    }
    .main-title .text{
        background-color:#0aafb5 !important; color:white !important;
    }
    .main-title .round-nun{
        border:1px #24478a solid; background:white !important;
    }
    .m-table tr th:nth-child(2){
        background:#5679fb !important;color:white !important;
    }
    .m-table tr th:nth-child(3){
        background:#24478a !important;color:white !important;
    }
    .m-table tr td:nth-child(2){
        background:#eaefff !important;
    }
    .m-table tr td:nth-child(3){
        background:#ecfbff !important;
    }
    .module-box{
        border:1px #eee solid; background:#f7f7f7 !important;
    }
    .flex-item .img{
        background:white !important;
    }
    .right-btn,.reportNormalBtn{
        display:none;
    }
    .info .title-sm{
        background-color: #5679fb !important;color:white !important;
    }
    .flex-item .img{
        padding:10px !important;
    }
    .box{
        width:95% !important; margin:0px auto;
    }
    .title-02{
        font-size:13px !important;
    }
    .title-02:before{
        background-color:#5679fb !important;
    }
    .report-footer{
     background-color:#3c39a2 !important; color:white !important; padding-top:20px;
    }
    .report-footer .box{
        padding:0px 20px; color:white !important; 
    }
    .report-footer div,.report-footer p{
        color:white !important;
    }
    body{
        width:1250px; margin-left:-30px !important;
    }
    .printClass{
        width:250px ;
    }

    #container {
	    min-width: 300px;
	    max-width: 800px;
	    margin: 1em auto;
    }
    #container h4 {
	    text-transform: none;
	    font-size: 7px;
	    font-weight: normal;
    }
    #container p {
	    font-size: 12px;
	    line-height: 8px;
    }

    /**********************************************************************杜邦分析法*********************************************/

   

 }