﻿*{
    margin: 0px; padding: 0px;
}
ul,li{
    list-style: none;
}
a,a:hover,a:visited,a:link{
    text-decoration: none; outline: none;
}
@font-face {
  font-family: 'iconfont';  /* project id 1325105 */
  src: url('//at.alicdn.com/t/font_1325105_fd7kiotwpq.eot');
  src: url('//at.alicdn.com/t/font_1325105_fd7kiotwpq.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1325105_fd7kiotwpq.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1325105_fd7kiotwpq.woff') format('woff'),
  url('//at.alicdn.com/t/font_1325105_fd7kiotwpq.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1325105_fd7kiotwpq.svg#iconfont') format('svg');
}
.iconfont {
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.line{
    background: url("/Areas/MShop/Themes/M1/Content/img/line.png") no-repeat center top; height: 164px; width: 100%; clear: bottom;
}
.clear{
    width: 0px; height: 0px; clear: both;
}
.disabled { pointer-events: none; }
.head{
    background: url("/Areas/MShop/Themes/M1/Content/img/pcHeadBg.png") no-repeat center top; min-height: 250px; text-align: center; padding: 1px;
}
.report-content{
    border:1px #FFD5D8 solid; padding:10px 30px; margin-top:60px; 
}
.report-info{
 margin-top: 50px;  
}
.report-info .logo{
    display:flex; align-items:center;justify-content:center; font-size:16px; letter-spacing:1px
}
.report-info .logo img{
    height:40px; margin:0px 10px
}
.report-info h2{
     font-size:32px; 
}
.report-info p{
    margin-top:5px; color:#999; font-size:15px;
}
.error-info{
    background:#fff; padding:20px; font-size:14px; color:#666 ;
     -webkit-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    -moz-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
       word-wrap:break-word;
}
.risk{
    color: #ff5661; font-size: 105px; font-weight: bold; font-style: italic; margin-top:50px
}
.risk-info{
    font-size: 56px; font-style: italic; margin-top: 40px; font-weight: lighter;padding-bottom:150px;
}
.title{
text-align: center; margin-bottom: 50px;
}
.title span{
    display: inline-block; font-size: 30px; font-weight: bold; border-bottom: 5px #fec13a solid; margin: 0px auto; line-height: 50px;
}
.container{
    width: 1190px; margin: 0px auto;
}
.overview{
    margin: 50px 0 70px 0; padding-top: 1px;
}
.t-box{
    padding: 30px 60px; line-height: 25px; font-size: 15px; position: relative;
    -webkit-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    -moz-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
}
.t-box h4{
    font-size:16px; line-height:30px; color:#c59337;
}
.t-box:after{
    content: '';
    width:1116px;
    height:0; position: absolute; top: -24px; left: 0px; z-index: 1;
    border-width:0 37px 20px 37px;
    border-style:none solid solid;
    border-color:transparent transparent #faf4f4;
}
.report-zb{

}
 .errorTitle{
            margin:10px 0 5px 0; height:30px;
        }
 .errorTitle span{
     padding:5px 10px;background:#fff; border-radius:3px; background:rgba(249, 230, 231, 0.5); color:#333; font-weight:bold ; font-size:15px;
 }
.title2{
    font-size: 24px; margin: 30px 0; background:#fff; width:200px; text-align:center; margin:0px auto; position:relative; top:-40px; border:1px #FFD5D8 solid; padding:10px 0; -webkit-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    -moz-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
}
.chartImg{
    border: 2px #faf4f4 solid; padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.columnTwo{
    width: 49%; float: left;
}
.report-box .t-box-small{
    position: relative; width: 48%; min-height: 400px; margin-top: 20px; margin-bottom: 50px; float: left; padding:20px; height:auto;
    -webkit-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    -moz-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    box-sizing:border-box;
}
.report-box-anomaly  .t-box-small{
    position: relative; width: 100%; min-height: 400px; margin-top: 20px; margin-bottom: 50px; float: left; padding:30px; height:auto;
    -webkit-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    -moz-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.65);
    box-sizing:border-box;
}
.report-box>div:nth-child(2n){
    margin-left:2%;
}
.report-box-anomaly .errorMsg{
    font-size:14px; line-height:24px; border:1px #FFD5D8 dotted; padding:20px; color:#4a4a4a; background:rgba(249, 230, 231, 0.3); width:50%; float:right; min-height:320px; box-sizing:border-box;
}
.report-box .t-box-small:after{
    content: '';
    width:93%;
    height:0; position: absolute; top: -15px; left: 0px; z-index: 1;
    border-width:0 20px 12px 20px;
    border-style:none solid solid;
    border-color:transparent transparent #f6e4e5;
}
.report-box-anomaly .t-box-small:after{
    content: '';
    width:96.5%;
    height:0; position: absolute; top: -15px; left: 0px; z-index: 1;
    border-width:0 20px 12px 20px;
    border-style:none solid solid;
    border-color:transparent transparent #f6e4e5;
}
.anomaly{
      position: absolute;
    height: 0px;
    width: 0px;
    border-top: 80px solid rgba(254, 193, 58, 0.7);
    border-right: 90px solid transparent;
    border-bottom: 90px solid transparent;
    left: 0px;
    top: -3px;
    z-index: 999;

}
.anomaly:before{
    content:'异常'; position:absolute; left:5px; top:-70px; transform:rotate(-40deg); color:#fff; width:55px;
-ms-transform:rotate(-40deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */
}
.reportNormalBtn{
    width:180px; height:30px; line-height:30px; background:#fff; color:#666; border-radius:8px; margin:20px auto; text-align:center;  display:block; cursor:pointer; font-size:12px;
    -webkit-box-shadow:  0px 0px 30px #FFD5D8;
    -moz-box-shadow:  0px 0px 30px #FFD5D8;
    box-shadow:  0px 0px 30px #FFD5D8;
    box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}
.score{
    text-align: center; margin: 30px 0 100px 0; padding: 1px;
}
.score span{
    background: #fff; position: relative; padding: 0px 20px; font-size: 24px;
}
.score span:after{
    content: ''; width: 300px; border-bottom: 2px #f6e4e5 solid; position: absolute; top: 15px; left: 50%; margin-left: -150px; z-index: -1;
}
ul.rating{
    width: 300px; margin: 0px auto; height: 30px;
}
ul.rating li{
    width: 40px; height: 40px; float: left; background: url("/Areas/MShop/Themes/M1/Content/img/star-pc.png") no-repeat left top; background-size: 100%; cursor: pointer; margin:0 10px;
}
.expertreading-border textarea{
    width:100%; padding:20px; border:1px #FFD5D8 solid; box-sizing:border-box; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;
}
.expertreading-buttonbar{
    text-align:center
}
.expertreading-buttonbar span{
    display:inline-block; width:120px; height:45px; line-height:45px; text-align:center; border-radius:6px; margin:50px; border:1px rgba(255,255,255,.95) solid; cursor:pointer;
    background: -ms-linear-gradient(top, rgba(249, 230, 231, 0.65),#FFD5D8);
    background: -moz-linear-gradient(top,rgba(249, 230, 231, 0.65),#FFD5D8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(249, 230, 231, 0.65)), to(#FFD5D8));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(249, 230, 231, 0.65)), to(#FFD5D8));
    background: -webkit-linear-gradient(top, rgba(249, 230, 231, 0.65), #FFD5D8);
    background: -o-linear-gradient(top, rgba(249, 230, 231, 0.65), #FFD5D8);
        -webkit-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.95);
    -moz-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.95);
    box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.95);
}

.xqfx-div {
    font-size:large;font-weight:bold;padding:5px 0px
}
.xqfx-div-fm textarea{
    text-indent:2em;
}
.add-suggestion-content {
    margin:5px 0;
}

.add-suggestion-content span{
    padding:10px 15px; border-radius:6px; border:1px rgba(255,255,255,.95) solid; cursor:pointer;
    background: -ms-linear-gradient(top, rgba(249, 230, 231, 0.65),#FFD5D8);
    background: -moz-linear-gradient(top,rgba(249, 230, 231, 0.65),#FFD5D8);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(249, 230, 231, 0.65)), to(#FFD5D8));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(249, 230, 231, 0.65)), to(#FFD5D8));
    background: -webkit-linear-gradient(top, rgba(249, 230, 231, 0.65), #FFD5D8);
    background: -o-linear-gradient(top, rgba(249, 230, 231, 0.65), #FFD5D8);
        -webkit-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.95);
    -moz-box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.95);
    box-shadow:  0px 0px 30px rgba(249, 230, 231, 0.95);
}

.expertreading-buttonba span:hover{
    opacity:.8; font-weight:normal
}
.print{
    position:fixed; bottom:0px; left:0px;  background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,.2); font-size:14px; padding:5px 20px; border-top-right-radius:15px;
}
.edui-default{
    overflow:hidden
}
.qrCode{
      position:fixed; bottom:40px; right:10px;  background:#fff; box-shadow:0px 0px 10px rgba(0,0,0,.2); font-size:14px; padding:8px; border-radius:12px; font-size:12px; color:#666; text-align:center
}
.qrCode img{
    width:100px; height:100px;
}
 @media print {
     .overview{
         font-size:18px;
     }
     .head{
         height:448px;
     }
     .risk{
 font-size:80px; margin-top:30px;
     }
     .risk-info{
 font-size:24px; margin-top:20px;
     }
    .container{
        width:1000px;
    }
    .report-box-anomaly .t-box-small{
        padding:30px 25px;
    }
    .t-box:after{
        width:915px;
    }
    .reportNormalBtn,.print{
        display:none
    }
  }

 .editor-report{
     position:fixed; right:0px; bottom:30px; width:66px; height:66px; background:rgba(0,0,0,.8); text-align:center; color:#fff; border-radius:6px; cursor:pointer
 }
  .editor-report i.iconfont{
      font-size:24px; margin:5px 0 3px 0; display:block; 
  }
   .editor-report p{
       font-size:12px;
   }
    .editor-report:hover{
        background:#1F82FC;
    }
    .myConsult{

}
.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%
}
 [v-cloak] {
        display: none !important;
    }