@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------
参考备用
-----------------------------------------------------*/
.zquest { padding: 30px;}
.zquest-title { line-height: 40px; font-size: 16px;}
.zquest-classes { height: 40px; padding-top: 20px;}
.zquest-classes li { float: left; margin-right: 40px;  width: 73px; height: 31px; line-height: 31px; text-align: center;}
.zquest-classes li.zquest-cur { position: relative; background-color: #09f; border-radius: 2px; color: #fff;}
.zquest-classes li.zquest-cur:after { position: absolute; bottom: -5px; left: 50%; margin-left: -7px; display: block; content: ''; border:5px transparent solid; border-top: 6px #09f solid; border-bottom: 0 transparent solid;}
.zquest-content {}
.zquest-item {}
.zquest-name { padding-top: 17px; padding-bottom: 10px; line-height: 35px; font-size: 14px; font-weight: bold; color: #333;}
.zquest-row {padding:16px 45px 0 50px;}
.zquest-as { display: flex;font-size: 14px; color: #333;}
.zquest-as em { float: left; width: 60px; height: 25px; border-radius: 5px; background-color: #ff6464; color: #fff; font-size: 12px; line-height: 25px; text-align: center; vertical-align: middle;margin-right: 10px;}
.zquest-as p { margin-left: 7px; width: 80%;}
/*.zquest-options { padding-top: 20px; padding-left: 20px; padding-bottom: 8px;}*/
.zquest-options { padding-left: 20px; padding-bottom: 8px;}
.zquest-radio { line-height: 34px; font-size: 14px; color: #333;display: block;padding-left: 27px;}
.zquest-radio input {  vertical-align: middle;}
.zquest-radio span { vertical-align: middle; padding-left: 5px; }
/*.zquest-radio i { display: inline-block; vertical-align: middle; width: 16px; height: 17px; background: url(../images/check.png) no-repeat;}*/
/*.zquest-checked i { background-image: url(../images/checked.png);}*/

.zquest-radio input{-webkit-appearance: none;background:  url(../images/check.png) no-repeat center;height: 16px;vertical-align: middle;width: 16px;margin-right: 8px;border-radius: 50%}
.zquest-radio input:checked{background:  url(../images/checked.png) #fff no-repeat center;}
.bgCha{background:#27825d;color: #fff}
/*.zquest-radio input:checked .zquest-radio{background:#27825d}*/
.zquest-textarea { padding-top: 20px;padding-left: 48px;}
.zquest-textarea textarea { display: block; width: 96%; padding-left: 10px; padding-right: 10px; line-height: 26px; font-size: 14px; color: #666;  height: 90px; border: 1px #ccc solid; background: none;}
.zquest-imgs {}
.zquest-imgsText { color: #999; font-size: 12px;padding-left: 48px;}
.zquest-imgsText span { position: relative; display: inline-block; vertical-align: middle; width: 48px; height: 28px; line-height: 28px; overflow: hidden;}
.zquest-imgsText span input { position: absolute; left: 0; top: 0; padding-top: 50px; padding-left: 50px; display: inline-block; content: '';}
.zquest-imgsText span i { display: inline-block; vertical-align: top; width: 18px; height: 28px; background: url(../images/upLoadingImg.png) center no-repeat;}
.zquest-imgsText span em { display: inline-block; vertical-align: top; line-height:26px;}
.zquest-imgsText b { vertical-align: middle;}
.zquest-imgsText strong { vertical-align: middle; padding-left: 10px; line-height:28px; color: #09f;}
.zquest-rel { position: relative;}
.zquest-arrow1 { position: absolute; bottom: -11px; left: 138px; margin-left: -7px; display: block; content: ''; border:5px transparent solid; border-bottom: 6px #ccc solid; border-top: 0 transparent solid;}
.zquest-arrow2 { position: absolute; bottom: -12px; left: 138px; margin-left: -7px; display: block; content: ''; border:5px transparent solid; border-bottom: 6px #fff solid; border-top: 0 transparent solid;}
.zquest-site { position: absolute; left: 108px; top: 0px;margin-top: 10px;z-index:9;}
.zquest-imgsList { display: inline-block; max-width: 230px; border: 1px #ccc solid; border-radius: 4px; padding: 4px; background: #fff; box-shadow: 3px 4px 5px #f5f6f8;}
.zquest-img { display: inline-block; position: relative;}
.zquest-img img { width: 74px; height: 74px; border: 1px #ccc solid;}
.zquest-img span { display: none;}
.zquest-img:hover span { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/deleteOpacity1.png) repeat;}
.zquest-plus { display: inline-block; position: relative; width: 74px; height: 74px; overflow: hidden;}
.zquest-plus span { position: absolute; left: 0; top: 0; width: 74px; height: 74px; background: url(../images/plus.png) center no-repeat; background-color: #efefef; cursor: pointer;}
.zquest-plus input { position: absolute; left: 0; top: 0; display: inline-block; padding-top:76px; padding-left: 76px; background: transparent; content: '';}
.zquest-btn { width: 50%; display: table-cell; text-align: center; padding-top: 54px;}
.zquest-btn a { display: inline-block; width: 105px; height: 41px; border: 1px #09f solid; border-radius: 3px; line-height: 41px; text-align: center; font-size: 14px; }
.zquest-btn a:hover { text-decoration: none;}
.zquest-hollow:hover,
.zquest-hollow { color: #09f;}
.zquest-full { margin-left: 52px; background-color: #09f; color: #fff;}
.zquest-full:hover { color: #fff;}


.w_txt_sor{width: 130px; padding-left:5px; padding-right:5px; height: 40px;line-height: 40px;border-radius: 3px;margin-left: 27px;}
.w_bot_wx{margin-left: 82px;line-height: 40px;font-size: 14px;color: #666;border-top: 1px dotted #d2d2d2}

.w_tab{padding: 24px 0 35px;}
.w_tab table{width: 100%}
.w_tab table th{height: 39px;background: #f3f3f3;font-size: 14px;color: #333;padding: 0 3px}
.w_tab table td{height: 44px;font-size: 14px;color: #7b7b7b;padding: 0 3px}
.w_bor_bot{border-bottom: 1px dotted #eaeaea;}
.wquest-check_green input{-webkit-appearance: none;background:  url(../images/checkbox.png) no-repeat center;height: 16px;vertical-align: middle;width: 16px;}
.wquest-check_green input:checked{background:  url(../images/checkboxgree.png) no-repeat center;}
.wquest-radio_green input{-webkit-appearance: none;background:  url(../images/check.png) no-repeat center;height: 16px;vertical-align: middle;width: 16px;border-radius: 50%}
.wquest-radio_green input:checked{background:  url(../images/checkboxgree.png) no-repeat center;}

.wfill-options{margin-bottom: 10px;}
.w_fill_txt{font-size: 14px;color: #7b7b7b;margin-top: 30px;margin-left: 50px;width: 446px;}
.w_fill_txt span{font-size: 14px;color: #333333}
.wfill-options .w_fill_item{margin-top: 13px;padding-left: 50px;width: 446px;}
.wfill-options .w_fill_inp{border: 1px solid #dbdbdb;width: 100%;line-height: 37px;border-radius: 3px;padding-left: 14px;box-sizing: border-box}

/* 作答须知 */
.answer-tip {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.6);z-index: 10001;display: flex;align-items: center;justify-content: center}
.answer-cont {width: 500px;height: auto;background-color: #fff;border-radius: 4px}
.answer-cont > p {font-size: 16px;color: #333;font-weight: bold;padding: 15px 20px}
.answer-body {padding: 15px 20px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0}
.answer-body p {font-size: 14px}
.answer-cont .answer-btn {display: flex;justify-content:center;align-items: center;padding: 15px}
.answer-cont .answer-btn p {font-size: 14px;color: #3A8BFF ;padding: 8px 15px;border: 1px solid #3A8BFF ;border-radius: 99px}

.answer-cont-btn {position: fixed;right: 0;top: 20%;background-color: #fff;padding: 8px 12px;color: #666;font-size: 14px;border-radius: 8px;border: 1px solid #e0e0e0;cursor: pointer;z-index: 999}
.hover-cont {display: flex;align-items: center;}
.hover-cont img{margin-right: 8px}
.hover-cont:hover + .answer-btn-tip {display: inline-block}
.answer-btn-tip {display: none;position: absolute;top: 45px;right: 6px;background-color: rgba(0,0,0,0.8);color: #fff;font-size: 14px;min-width: 120px;border-radius: 4px;padding: 8px 12px;}