@charset "UTF-8";
*{padding: 0;margin: 0;-webkit-tap-highlight-color:transparent;}
html{height: 100%;}
body{margin: 0 auto;max-width:750px;height: 100%;background: #f9f9f9;font-size: 12px;position: relative;font-family: Helvetica, "STHeiti STXihei", "Microsoft YaHei", Tohoma,Arial; color: #333;-webkit-text-size-adjust: 100%;-webkit-user-select: none;user-select: none;}
a{text-decoration: none;}
.clear{display: block;clear: both;}
.hide{display: none!important;}

.auto{position: relative;overflow: hidden;width: auto;}

.page-main{display: block;max-width: 750px;overflow: hidden;margin: 0 auto;background: #fff;height: 100%;overflow: auto;}
.fixed-page{position: fixed;left: 0;right: 0;bottom: 0;top:3.5rem;z-index: 11;overflow: hidden;}

.pingfen-head{text-align: center;padding:12px 0;overflow: hidden;border-bottom:2px solid #8e0000;}
.pingfen-title{display: block;font-size: 22px;line-height:46px;color:#8e0000;}
.pingfen-desc{display: block;font-size: 15px;line-height:24px;color: #111;}
.pf-user-part{display: block;overflow: hidden;padding:15px 0 30px;}
.pf-user-item{float:left;width:50%;overflow: hidden;}
.pf-user-name{float: left;font-size:14px;line-height: 28px;color: #333;}
.pf-user-value{display: block;font-size: 14px;line-height: 28px;color: #000;}


.pingfen-table{width: 100%;border-collapse: collapse;border:1px solid #eee;}
.pingfen-table th{background:#8e0000;color: #fff;text-align: center;padding: 0 10px;font-size: 14px;line-height: 48px;}
.pingfen-table td{padding:8px 10px;font-size: 14px;line-height:28px;color: #000;border:1px solid #eee;}
.item-head{background: #f6f6f6;}
.item-head td{font-weight: bold;}
.pingfen-body{overflow: hidden;padding-bottom:0.5rem;}
.pingfen-btn{display: block;line-height: 2.8rem;background: #8e0000;color: #fff;cursor: pointer;border-radius:2rem;text-align: center;font-size: 0.92rem;margin-bottom: 1rem;}


.submit-btn,.sign-btn{display: block;background: #8e0000;color: #fff;width: 250px;text-align: center;font-size: 16px;line-height: 52px;margin:30px auto 0;border-radius:50px;opacity: 0.8;cursor: pointer;}
.submit-btn:hover,.sign-btn:hover{opacity: 1;}

.kaoguan-part{display: block;overflow: hidden;margin-top:20px;}
.comment-title{display: block;font-size: 16px;font-weight: bold;color: #000;line-height: 44px;}
.comment-content{display: block;overflow: hidden;}
.comment-txt{width: 100%;font-size: 14px;box-sizing: border-box;padding: 10px;outline: none;border:1px solid #eee;height:80px;border-radius:6px;}
.sign-info{display: block;overflow: hidden;padding:10px 0;}
.sign-item{display: block;overflow: hidden;}
canvas{box-sizing: border-box;}
.sign-sname,.sign-date{float: left;font-size: 14px;line-height: 40px;color: #000;}
.js-signature{display: block;overflow: hidden;}
.js-signature img{display: block;width:92%;}
.reset-btn{float: left;color: red;line-height: 1.6rem;}

.total-part{display: block;overflow: hidden;padding: 20px 0;}
.total-item{float: left;width: 50%;font-size: 15px;line-height: 28px;font-weight: bold;color: #000;}
.pf-total,.all-total{display: block;text-align: right;}
.pf-total span{display: inline-block;padding-left: 8px;color: #00a0e9;}

.join-btn{display: inline-block;cursor: pointer;background:#e76b6b;padding:0 0.4rem;color: #fff;border-radius:0.2rem;line-height:1.6rem;font-size:14px;}

.qrcode-part{display: block;overflow:hidden;padding: 0.8rem;background: #f9f9f9;}
.qrcode-title{display: block;text-align: center;font-size:1.02rem;line-height: 2rem;color: #000;font-weight: bold;}
.qrcode-main{display: block;overflow:hidden;}
.qrcode-type-item{display: block;overflow: hidden;padding:0.5rem 0;}
.qrcode-type-name{display: block;font-size: 0.9rem;line-height: 1.6rem;color: #000;}
.qrcode-type-code{display: block;text-align: center;padding: 0.6rem 0;}
.qrcode-type-code img{display: block;width: 30%;margin: 0 auto;}
.qrcode-type-link{display: block;line-height:1.4rem;color: #999;font-size: 0.9rem;}
.copy-btn{display: inline-block;cursor: pointer;padding:0 0.5rem;color: #00a0e9;}

.fixed-more{position: fixed;z-index: 111;background: #fff;right: 0.5rem;bottom:4.4rem;box-shadow:0 0 0.3rem #eee;width:3.2rem;height: 3.2rem;border-radius: 50%;overflow: hidden;}
.fixed-more a{display: block;color: #000;cursor: pointer;line-height:1.2rem;word-break: break-all;font-size: 0.9rem;padding: 0 0.4rem;text-align: center;margin-top: 0.5rem;}

.score-info{display: block;background: #f9f9f9;overflow: hidden;padding:0.45rem 0.5rem;}
.score-item{display: block;overflow: hidden;padding:0.3rem 0;}
.score-name{float: left;line-height: 1.6rem;font-size:0.9rem;color: #888;}
.score-value{display: block;font-size: 0.9rem;line-height: 1.6rem;color: #000;}

.index-swiper{display: block;overflow: hidden;height: 100%;}
.que-item{display: block;overflow: hidden;padding:0.8rem 1rem;}
.que-title{display: block;font-size:0.96rem;line-height:1.6rem;color: #000;}
.options-list{display: block;overflow: hidden;padding:0.5rem 0;}
.option-item{display: block;overflow: hidden;padding:0.8rem 0;}
.option-select{float: left;cursor: pointer;font-size:0.92rem;width:2rem;height: 2rem;color: #000;background: #fff;border-radius:50%;box-shadow:0 0 0.3rem #eee;margin-right:1rem;text-align: center;line-height: 2rem;}
.option-select.selected,.exam-btn{background: #8e0000;color: #fff;}
.option-name{display: block;font-size: 0.92rem;line-height: 2rem;color: #000;}
.diagram-info{display: block;overflow: hidden;padding: 0.8rem 0;text-align: center;}
.diagram-info img{display: block;max-width: 100%;max-height:11rem;margin: 0 auto;}

.extend-foot{position: fixed;left: 0;right: 0;bottom: 0;padding:0.8rem;text-align: center;z-index: 1100;}
.ext-btn{display: inline-block;font-size:0.92rem;line-height: 2.2rem;padding:0 0.8rem;box-shadow:0 0 0.3rem #ccc;background: #fff;margin:0 0.25rem;border-radius:2rem;cursor: pointer;}
.ext-btn.disabled{color: #999;box-shadow: none;}

.fixed-scores{position: fixed;display: none;z-index: 11111;left: 0;top:0;right: 0;bottom: 0;overflow: hidden;background:rgba(0,0,0,0.48);justify-content: center;align-items: center;}
.fixed-scores.active{display: flex;}
.scores-main{display: block;width: 72%;background: #fff;overflow: hidden;border-radius:0.3rem;text-align: center;padding:1rem 0;}
.scores-title{display: block;font-size:0.96rem;line-height: 2rem;color: #000;font-weight: bold;}
.scores-subtitle{display: block;font-size:0.9rem;line-height: 2rem;color: #999;}
.scores-num{font-size:2.3rem;font-weight: bold;line-height: 3rem;color: #ffc00b;}
.scores-num span{font-size: 0.96rem;padding-left: 0.3rem;font-weight: normal;color: #000;}
.keep-btn{display: block;text-align: center;line-height: 2.4rem;background:#8e0000;color: #fff;cursor: pointer;font-size:0.96rem;width:80%;margin:1rem auto 0;border-radius:2rem;}