html,
 body {
     margin: 0;
     padding: 0;
     width: 100%;
     height: 100%;
 }
 .evabody{
     background: url(./images/loading.gif) no-repeat center center;
 }
 .evamode {
     display: none;
     width: 100%;
     height: 100%;
     overflow-y:scroll;
     position: relative;
     text-align: center;
     background: #fff;
 }
 
 .evamode .h1 {
     font-size: 1.2em;
     color: #333333;
     height: 50px;
     line-height: 50px;
 }
 
 .evamode .wether {
     overflow: hidden;
     width: 60%;
     margin: 16px auto;
 }
 
 .evamode .wether span:first-child {
     margin-left: 0;
 }
 
 .evamode .wether span {
     display: inline-block;
     float: left;
     height: 44px;
     line-height: 44px;
     border: 1px solid #c5cecb;
     border-radius: 4px;
     margin-left: 10%;
     width: 40%;
 }
 
 .evamode .wether span.active {
     color: #fff;
     border: 1px solid #09aeb0;
     background: #09aeb0;
 }
 /* 评价自定义弹窗样式 */
 
 .evamode .operateType {
     float: left;
     width: 100%;
     margin-bottom: 20px;
 }
 
 .evamode .operateType .operateTypeBtn {
     overflow: hidden;
     width: 240px;
     margin: auto;
 }
 
 .evamode .operateType .solve {
     float: left;
     width: 84px;
     height: 30px;
     line-height: 30px;
     padding-right: 20px;
     font-size: 14px;
     color: #8b98ad;
     text-align: right;
     border: 1px solid #d6dbe5;
     border-radius: 4px;
     cursor: pointer;
 }
 
 .evamode .operateType .solved span {
     display: inline-block;
     float: left;
     width: 20px;
     height: 20px;
     margin-left: 16px;
     margin-top: 8px;
     background-image: url(./images/evaluateicon.png);
     background-repeat: no-repeat;
     background-position: -19px 0px;
     background-size: 100px 14px;
 }
 
 .evamode .operateType .unSolved span {
     display: inline-block;
     float: left;
     width: 20px;
     height: 20px;
     margin-left: 16px;
     margin-top: 8px;
     background-image: url(./images/evaluateicon.png);
     background-repeat: no-repeat;
     background-position: -80px 0px;
     background-size: 100px 14px;
 }
 
 .evamode .evaluateDetail {
     display: none;
 }
 
 .evamode .operateType .solveActive {
     background: #0daeaf;
     color: #fff;
     border: 1px solid #0daeaf;
 }
 
 .evamode .operateType .solveActive span {
     background-image: url(./images/evaluateicon.png);
     background-repeat: no-repeat;
     background-position: 0px 0px;
     background-size: 100px 14px;
 }
 
 .evamode .operateType .unsolveActive {
     background: #0daeaf;
     color: #fff;
     border: 1px solid #0daeaf;
 }
 
 .evamode .operateType .unsolveActive span {
     background-image: url(./images/evaluateicon.png);
     background-repeat: no-repeat;
     background-position: -60px 0px;
     background-size: 100px 14px;
 }
 
 .evamode .operateType .operateTypeTitle {
     width: 100%;
     text-align: center;
     margin: 30px 0;
     color: #555556;
     font-size: 15px;
 }
 
 .evamode .h2 {
     clear: both;
     float: left;
     width: 100%;
     text-align: center;
     font-size: 0.8em;
     color: #333333;
     margin-bottom: 20px;
 }
 
 .evamode .situation {
     width: 300px;
     margin: auto;
 }
 
 .evamode .situation span {
     display: inline-block;
     color: #686d70;
     border-radius: 4px;
     width: 45%;
     height: 28px;
     line-height: 28px;
     margin-bottom: 18px;
     font-size: 0.8em;
     border: 1px solid #c4cdcc;
     text-align: center
 }
 
 .evamode .situation .active {}
 
 .evamode textarea {
     resize: none;
     width: 80%;
     height: 62px;
     margin: auto;
     margin-bottom: 50px;
     background: #fff;
     font-size: 0.8em;
     color: #676c6f;
     padding: 10px;
     border-radius: 4px;
     border: 1px solid #ddd;
 }
 

 
 .evamode .evaluateTipTitle {
     font-size: 1em;
     color: rgba(51, 51, 51, 0.98);
     letter-spacing: 0;
     text-align: center;
     padding-top: 20px;
 }
 
 .evamode .evaluateTip {
     float: left;
     width: 100%;
     font-size: 0.9em;
     color: #faba4a;
     letter-spacing: 0;
     padding-bottom: 10px;
     text-align: center;
 }
 
 #star {
     position: relative;
     width: 100%;
     margin: 10px 0;
 }
 
 #star ul {
     list-style: none;
     margin: 0 auto;
     padding: 0;
     overflow: hidden;
     display: inline-block;
 }
 
 #star li {
     float: left;
     width: 45px;
     height: 35px;
     cursor: pointer;
     text-indent: -9999px;
     background-position: -109px -242px;
     background-image: url(./images/icoGroup2X.png);
     background-size: 350px 355px;
 }
 
 #star li.on {
     background-position: -55px -242px;
 }
 
 .showTip {
     position: absolute;
     z-index: 100;
     width: 140px;
     height: 40px;
     background: #272b2c;
     opacity: 0.8;
     border-radius: 6px;
 }
 
 .showTip p {
     width: 100%;
     height: 40px;
     line-height: 40px;
     color: #fff;
     font-size: 1em;
     text-align: center;
 }
 
 .evaSuccess {}
 
 .evaSuccess .icon {
     width: 200px;
     height: 170px;
     margin: 30px auto;
     background: url(./images/successIcon.png) no-repeat;
 }
 
 .evaSuccess .tip {
     width: 240px;
     font-size: 17px;
     color: rgba(51, 51, 51, 0.98);
     letter-spacing: 0;
     line-height: 26px;
     text-align: center;
     margin: auto;
 }
 /* iphone6 Plus */
 
 @media (min-device-width: 414px) and (max-device-width: 736px) {
     #star li {
         background-image: url(./images/icoGroup2X.png);
     }
 }
 
 .evamsg {
     position: absolute;
     z-index: 1000;
     width: 200px;
     height: 40px;
     background: #000;
     opacity: 0.7;
     border-radius: 6px;
 }
 
 .evamsg p {
     width: 100%;
     height: 40px;
     line-height: 40px;
     color: #fff;
     font-size: 14px;
     text-align: center;
 }
  .submit {
     display:none;
     position: absolute;
     bottom: 0px;
     left: 0;
     width: 100%;
     height: 50px;
     line-height: 50px;
     text-align: center;
     font-size: 1em;
     color: #fff;
     background: #0daeaf;
     text-decoration: none;
 }