@charset "utf-8";

/* init */
html,body,dl,dt,dd,ul,li,h3,h4,pre,input,p,blockquote,th,td,form,iframe,ol {margin:0;padding:0;}
html {width:100%;height:100%;}
body {}
ul {list-style:none;}
img {border:0;}
q:before,q:after {content:'';}
iframe {filter:chroma(color=#ffffff);}
table {border-collapse:collapse;border-spacing:0;width:100%;}
.clear {zoom:1;}
.clear:after {clear:both;content:"";display:block}
button,input[type="button"],input[type="reset"],input[type="submit"] {cursor:pointer;-webkit-appearance:button;*overflow:visible;}
input {outline:none;}
input,code {font-family:Microsoft yahei,Arial,Helvetica,sans-serif;}
ul, dl, dl dt, dl dd, form {padding:0;margin:0;list-style:none;}
h1, h2, h3, h4, h5 {padding:0;margin:0;}
input,textarea {margin:0;font-family:microsoft yahei,Arial,Helvetica,sans-serif;font-size:12px;}
a {color:#333;text-decoration:none;border:none;outline:none;}
a:hover {text-decoration:none;}
a:focus {outline:none;}

/* Base */
body {background:#EBEBEB;color:#333;font-size:14px !important;font-family:microsoft yahei,Arial,Helvetica,sans-serif;position:relative;}
.transition {transition:all .3s ease;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;}
.main {width:1100px;margin:0 auto;position:relative;}
.left {float:left;}
.right {float:right;}
.overflow {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.twoline{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.hide{display:none;}

/* Layout */
.index-bg {background:#EBEBEB url(../images/index-bg.jpg) no-repeat center 36px;background-size:contain;}
.top-bar {background:#2E3233;padding:0 10px;}
.top-bar .ico-user-center {background:url(../images/ico-user-center.png) no-repeat left center;background-size:22px;padding-left:30px;width:60%;height:36px;line-height:36px;color:#FFF;}
.top-bar .version {width:30%;height:36px;line-height:36px;text-align:right;color:#B0ABB1;font-size:12px;}
.short-cut {background:#FFF;border-radius:8px;padding:20px 10px;margin:170px 12px 12px 12px;}	
.short-cut .short-cut-main {width:33.3%;text-align:center;}
.short-cut .short-cut-main img {border-radius:100px;width:60%;}
.short-cut .short-cut-main > div {margin-top:8px;}

.index-box {background:#FFF;margin-bottom:12px;}
.index-box .index-box-title {background-repeat:no-repeat;background-position:left center;background-size:32%;margin-top:12px;padding:20px;}
.index-box .sxmk-title {background-image:url(../images/sxmk-title-bg.png);}
.index-box .fzmk-title {background-image:url(../images/fzmk-title-bg.png);}
.index-box .gg-title {background-image:url(../images/gg-title-bg.png);}
.index-box .yfsq-title {background-image:url(../images/yfsq-title-bg.png);}
.index-box .index-box-li-content {margin-top:12px;}
.index-box .index-box-li {width:25%;text-align:center;margin-bottom:20px;}
.index-box .index-box-li img {width:30%;}
.index-box .index-box-li > div {margin-top:2px;}
.index-box .index-box-list {padding:0 12px;}
.index-box .index-box-list-main {border-bottom:#D6D6D6 solid 1px;padding:12px 0;}
.index-box .index-box-list-main:last-child {border-bottom:none;}
.index-box .index-box-list-main .box-list-title {width:70%;}
.index-box .index-box-list-main .box-list-date {width:30%;text-align:right;font-size:12px;color:#777;}
.index-box .index-box-list .index-list-box {border-bottom:#D6D6D6 solid 1px;display:block;padding:20px 0;}
.index-box .index-box-list .index-list-box:last-child {border-bottom:none;}
.index-box .index-box-list .index-list-box .index-list-title {width:75%;}
.index-box .index-box-list .index-list-box .index-list-title-main {font-size:14px;font-weight:normal;line-height:150%;}
.index-box .index-box-list .index-list-box .index-list-title-p {font-size:12px;color:#777;margin:8px 0;}
.index-box .index-box-list .index-list-box img {width:50px;height:50px;display:block;}
.index-box .index-box-list .index-list-box .comments {background:url(../images/ico-comments.png) no-repeat left center;padding-left:24px;font-size:12px;background-size:16px;color:#555;}

.header{position:fixed;top:0;left:0;z-index:3;width:100%;background:#FFF}
.header-title .nav-btn {display:block;width:10%;height:50px;background:url(../images/ico-nav-btn.png) no-repeat center center;background-size:26px;}
.header-title .add-btn {display:block;width:10%;height:50px;background:url(../images/ico-add-btn.png) no-repeat center center;background-size:26px;}
.header-title .back-btn {display:block;width:10%;height:50px;background:url(../images/ico-left.png) no-repeat center center;background-size:26px;}
.header-title .title-h1 {padding:10px 0;width:80%;height:30px;color:#00A9E4;text-align:center;font-weight:400;font-size:20px;line-height:30px;}
.header-title .txt-btn {display:block;width:10%;height:50px;line-height:50px;text-align:center;color:#00A9E4;}

.copyright{text-align: center;padding-bottom:60px;}
/* .index-content {padding:0 0 50px 0;} */
.content {padding:62px 0 50px 0;}
.ready-content {padding:62px 0 116px 0;}
.no-nav-content {padding:62px 0 12px 0;}
.progress-list {background:#FFF;padding:0 12px;}
.progress-list .progress-list-main {border-bottom:#D6D6D6 solid 1px;padding:22px 0;}
.progress-list .progress-list-main:last-child {border-bottom:none;}
.progress-list .progress-list-main .progress-list-title {font-size:16px;width:60%;}
.progress-list .progress-list-main .progress-list-stat {width:40%;text-align:right;}
.progress-list .progress-list-main .progress-list-stat .progress-list-stat-done {background:url(../images/ico-done.png) no-repeat;background-size:contain;padding-left:30px;color:#2DB200;}
.progress-list .progress-list-main .progress-list-stat .progress-list-stat-dont {background:url(../images/ico-dont.png) no-repeat;background-size:contain;padding-left:30px;color:#C00;}

.footer{width:100%}
.footer{position:fixed;bottom:0;left:0;z-index:3}
.nav{height:50px;border-top:1px solid #D6D6D6;background:#fff}
.nav .nav-main {position:relative;box-sizing:border-box;width:25%;}
.nav .nav-main .nav-main-a {display:block;padding-top:30px;height:20px;background-position:center 5px;background-size:20px;background-repeat:no-repeat;text-align:center}
.nav .nav-main .ico-nav-home {background-image:url(../images/ico-nav-home.png)}
.nav .nav-main .ico-nav-zsts {background-image:url(../images/ico-nav-zsts.png)}
.nav .nav-main .ico-nav-jdcx {background-image:url(../images/ico-nav-jdcx.png)}
.nav .nav-main .ico-nav-zscx {background-image:url(../images/ico-nav-zscx.png)}

/* popdialog */
.popwin {width:100%;height:100%;position:fixed;right:0;top:0;z-index:10;}
.popbg {width:100%;height:100%;position:fixed;background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;filter:Alpha(opacity=50);background:#000;}
.popwin .popdialog {background:#FFF;box-shadow:0 0 5px #000;position:absolute;z-index:2;}
.popwin .ico-close {background:url(../images/ico-left.png) no-repeat;width:30px;height:30px;display:block;background-size:contain;z-index:2;}
.popwin .dialog-content {}

.popwin-left-nav {}
.popwin-left-nav .popdialog {width:80%;left:0;top:0;}
.popwin-left-nav .head {border-bottom:1px solid #D6D6D6;padding:12px;}
.popwin-left-nav .dialog-content {height:280px;position:relative;}
.popwin-left-nav .left-nav {}
.popwin-left-nav .left-nav .left-nav-main {border-left:#00AADA solid 6px;border-bottom:1px solid #D6D6D6;padding:22px 12px;font-size:16px;}

.appraisal-bg {background:url(../images/appraisal-bg.jpg) no-repeat center top fixed;background-size:cover;}
.appraisal-home {text-align:center;padding-top:30%;}
.appraisal-home img {width:40%;}
.appraisal-home .appraisal-home-txt {color:#FFF;font-size:18px;line-height:150%;}
.appraisal-home .appraisal-home-txt-1 {margin-top:30px;}
.appraisal-home .appraisal-home-btn {background:url(../images/button-bg.png) no-repeat;background-size:contain;width:170px;height:49px;line-height:46px;margin:30px auto 0 auto;color:#06338E;font-size:18px;}

.questions{padding:50px 20px 20px}
.questions .questions-box{margin-bottom:30px;padding:2px;border-radius:6px;background:#333;}
.questions .questions-main{position:relative;padding-top:10px;border:1px solid #333;border-radius:6px;background:#fff}
.questions .questions-main .questions-count{background:#FFF;position:absolute;top:-19px;left:50%;display:block;box-sizing:border-box;margin-left:-40px;width:80px;height:36px;line-height:31px;text-align:center;border:2px solid #333;border-radius:100px;color:#02A8E6;}
.questions .questions-info{margin:20px;font-size:1pc;line-height:150%}
.questions .answers-box{padding:0 20px}
.questions .answers-box .answers-box-main {margin-bottom:9pt}
/*.questions .answers-box .answers-box-main {display:block;padding:0 12px;background:url(../images/answers-btn.png) no-repeat;background-size:contain;text-align:left;font-size:16px;line-height:150%}*/
.questions .answers-box .answers-box-main .answers-box-top {background:url(../images/answers-btn.png) no-repeat;background-size:cover;height:10px;}
.questions .answers-box .answers-box-main .answers-box-middle {background:#FFF;border-left:#000 solid 2px;border-right:#000 solid 2px;padding:6px 12px;font-size:16px;}
.questions .answers-box .answers-box-main .answers-box-bottom {background:url(../images/answers-btn.png) no-repeat left bottom;background-size:cover;height:16px;}
.answers-btn {padding:12px 20px;}
.answers-btn .answers-btn-main {background:url(../images/button-bg.png) no-repeat;background-size:contain;width:110px; height:32px;line-height:29px;color:#06338E;text-align:center;}

.appraisal-succeed {background:url(../images/gxn-df.png) no-repeat top center;background-size:contain;width:80%;margin:0 auto;padding-top:160px;text-align:center;margin-top:20%;}
.appraisal-succeed .appraisal-succeed-txt {font-size:16px;color:#FFF;line-height:200%;}
.appraisal-succeed .score {background:#4184EC;padding:12px 30px;font-size:36px;font-weight:bold;color:#FFF;text-align:center;display:inline-block;border-radius:20px;margin-top:10px;}
.appraisal-succeed .appraisal-succeed-btn {background:url(../images/button-bg.png) no-repeat;background-size:contain;width:170px;height:49px;line-height:46px;margin:30px auto 0 auto;color:#06338E;font-size:18px;}

.appraisal-defeated {background:url(../images/hyh-df.png) no-repeat top center;background-size:contain;width:80%;margin:0 auto;padding-top:160px;text-align:center;margin-top:20%;}
.appraisal-defeated .appraisal-defeated-txt {font-size:16px;color:#FFF;line-height:200%;}
.appraisal-defeated .score {background:#4184EC;padding:12px 30px;font-size:36px;font-weight:bold;color:#FFF;text-align:center;display:inline-block;border-radius:20px;margin-top:10px;}
.appraisal-defeated .appraisal-defeated-btn {background:url(../images/button-bg.png) no-repeat;background-size:contain;width:170px;height:49px;line-height:46px;margin:30px auto 0 auto;color:#06338E;font-size:18px;}

.team-list {padding:0 12px;}
.team-list .team-list-main {position:relative;background:#FFF;border:#D6D6D6 solid 1px;border-radius:6px;padding:6px 0;margin-bottom:12px;}
.team-list .team-list-left {background:url(../images/ico-right.png) no-repeat right center;background-size:20px;box-sizing:border-box;width:98%;padding:6px 20px;}
/*.team-list .team-list-right {background:url(../images/ico-right.png) no-repeat center center;background-size:20px;width:10%;height:77px;}*/
.team-list .team-list-left .team-list-title {font-size:16px;margin-bottom:8px;width:90%;}
.team-list .team-list-left .team-list-info {color:#999;font-size:12px;line-height:150%;}
.team-list .team-list-left .team-list-info > div {width:50%;}
.team-list .big-add-btn {background:#FFF;border:#00A9E4 dashed 1px;padding:12px 0;border-radius:6px;text-align:center;color:#00A9E4;}
.team-list .big-add-btn img {width:12%;}
/*删除按钮*/
.team-list .team-list-delete{position:absolute;top:-2px;left:-5px;}

.form {background:#FFF;padding:0 12px;margin-bottom:12px;}
.form .form-main {border-bottom:#D6D6D6 solid 1px;padding:12px 0;}
.form .form-main:last-child {border-bottom:none;}
.form .form-title {color:#777;width:30%;height:36px;line-height:36px;}
.form .form-main-txt {width:70%; line-height: 36px; }
.form .form-main-txt .input-txt {/*border:none;*/background:#FFF;height:36px;line-height:36px;width:100%;font-size:14px;}
.form .form-main-txt .input-textarea {/*border:none;*/background:#FFF;height:100px;width:100%;font-size:14px;padding-top:7px;}
.form .form-main-txt .input-big-textarea {height:300px;}
.submit-btn {background:#00A9E0;border-radius:6px;width:85%;height:40px;line-height:40px;margin:0 auto;color:#FFF;text-align:center;display:block;font-size:16px;margin-bottom:12px;}

/*表单模块标题*/
.form-module-title{margin:0px;padding:0px;font-size:15px;height:25px;line-height:25px;background:#FFFFFF;}
.form-module-title .left-nav{padding:0px;width:8px;background:#00BFFF;display:inline-block;}

.photo-upload {background:#FFF;margin:12px 0;padding:12px 12px 0 12px;}
.photo-upload .photo-upload-title {color:#777;width:30%;height:36px;line-height:36px;}
.photo-upload .photo-upload-main {width:70%;}
.photo-upload .photo-upload-main .upload-photo {width:33.3%;margin-bottom:12px;position:relative;margin:0 20px 12px 0;}
.photo-upload .photo-upload-main .upload-photo img {width:100%;height:100%;display:block;}
.photo-upload .photo-upload-main .upload-photo .delete-btn {background:url(../images/delete-btn.png) no-repeat;width:28px;height:28px;position:absolute;right:-10px;top:-8px;}
.photo-upload .photo-upload-main .upload-photo-btn {border:#00A9E4 dashed 1px;width:33.3%;margin:0 20px 12px 0;}
.photo-upload .photo-upload-main .upload-photo-btn img {width:100%;height:100%;display:block;}
.ready {padding:0 12px;}
.ready .ready-btn {margin-bottom:12px;position:relative;}
.ready .ready-btn img {width:100%;display:block;}
.ready .ready-btn .ready-btn-h3 {font-size:30px;font-weight:bold;position:absolute;left:7%;top:21px;color:#FFF;}
.no-more {text-align:center;color:#BBB;font-size:12px;padding:12px 0;}
.more-answer {text-align:center;color:#BBB;font-size:12px;padding:12px 0;}

.item-view {padding:0 12px 12px 12px;}
.item-view .item-view-main {background:#FFF url(../images/item-view-bg.jpg) no-repeat left center;background-size:contain;}
.item-view .item-view-main .item-view-title {border-bottom:#D6D6D6 solid 1px;padding:20px;}
.item-view .item-view-main .item-view-title .view-title {font-size:18px;margin-bottom:8px;}
.item-view .item-view-main .item-view-title .view-title-info {font-size:12px;color:#999;}
.item-view .item-view-main .item-view-txt {padding:12px 20px;font-size:16px;}
.item-view .item-view-main .item-view-txt .item-view-p {text-indent:2em;line-height:150%;margin-bottom:8px;}
.item-view .item-photo {}
.item-view .item-photo .item-photo-main {width:50%;text-align:center;margin-bottom:12px;}
.item-view .item-photo .item-photo-main img {width:90%;}

.banner {height:200px;}
.main_visual {height:200px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image {height:200px;overflow:hidden;position:relative;}
.main_image ul {width:9999px;height:200px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li {float:left;width:100%;height:200px;}
.main_image li span {display:block;width:100%;height:200px}
.main_image li a {display:block;width:100%;height:200px}
.main_image li .img_1,
.main_image li .img_2,
.main_image li .img_3,
.main_image li .img_4,
.main_image li .img_5 {background-position:center top;background-repeat:no-repeat;background-size:cover;}
div.flicking_con {position:absolute;top:170px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con .flicking_con_a {float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/banner/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con .flicking_con_a.on {background-position:0 -21px}

.ready-bg {background:#EBEBEB url(../images/ready-bg.jpg) no-repeat center bottom;background-size:contain;}
.ready-bottom-btn {background:#FFF;border-top:#D6D6D6 solid 1px;padding:12px;}
.ready-bottom-btn .ready-bottom-btn-a {background:#00A9E0;border-radius:6px;width:45%;height:40px;line-height:40px;display:block;text-align:center;color:#FFF;font-size:16px;}
.ready-bottom-btn .back-btn {background-color:#7FD4EF;}

.community-list {}
.community-list .community-list-content {background:#FFF;padding:0 12px;}
.community-list .community-list-main {border-bottom:#D6D6D6 solid 1px;padding:16px 0;}
.community-user {margin-bottom:12px;}
.community-user img {width:30px;height:30px;}
.community-user .user-name {line-height:30px;margin-left:12px;}
.community-list .community-list-title {}
.community-list .community-list-title-main {font-size:16px;font-weight:normal;line-height:150%;}
.community-list .community-list-title-p {color:#777;margin:8px 0;}
.community-list .comments {background:url(../images/ico-comments.png) no-repeat left center;padding-left:24px;background-size:16px;color:#555;}
.community-list .read-detail {background:url(../images/ico-right.png) no-repeat right center;padding-right:24px;background-size:16px;color:#00A6E5;}
.view-title-info .community-user {margin:0;}
.view-title-info .community-date {line-height:30px;}
.community-view-title .view-title-info {}
.item-view .item-view-main .community-view-title .view-title {margin:12px 0;}
.item-view-txt .comments {background:url(../images/ico-comments.png) no-repeat left center;padding-left:24px;background-size:16px;color:#555;font-size:14px;margin-top:12px;}
.item-view .answer-view-main {background:#FFF;margin-bottom:4px;}

.reply-box {background:#FFF;padding:12px 20px;}
.reply-box .reply-box-title {color:#00A9E4;font-size:16px;font-weight:bold;}
.reply-box .reply-textarea {background:#F8F8F8;border:#D6D6D6 solid 1px;width:100%;height:200px;margin:12px 0;outline:none;resize:none;font-size:16px;padding:12px;box-sizing:border-box;}
.reply-box .reply-btn {background:#00A9E4;width:100%;height:40px;line-height:40px;font-size:16px;text-align:center;color:#FFF;border-radius:6px;}

/*轮播图片样式*/
.mui-slider-indicator{bottom: 12px;}
.mui-slider-indicator .mui-indicator {background: #fff;box-shadow: 0 0 1px 1px #43BDEC;-webkit-box-shadow: 0 0 1px 1px #43BDEC;width:10px;height:10px;}
.mui-slider-indicator .mui-active{background: #00A5E5 !important;}

/* 弹窗样式 */
.weui-dialog .weui-dialog__bd{padding: 0 1.6em .8em;text-align:center;font-size:15px;}
.weui-dialog .weui-dialog__title{font-size:18px;font-weight:400;}
.weui-dialog .weui-dialog__hd{text-align:center;}
.weui-dialog .weui-dialog__ft{text-align: center;display:-webkit-box;display:-webkit-flex;display:flex}
.weui-dialog .weui-dialog__ft .weui-dialog__btn{display:block;padding-left:14px;padding-right:14px;box-sizing:border-box;font-size:18px;text-align:center;text-decoration:none;color:#fff;line-height:2;border-radius:5px;-webkit-tap-highlight-color:transparent;overflow:hidden;margin:10px 10px}
.weui-dialog .weui-dialog__ft .weui-dialog__btn_default{color:#000;background-color:#f8f8f8;width:80%;border:1px solid rgba(0,0,0,.2)}
.weui-dialog .weui-dialog__ft .weui-dialog__btn_primary{background:#00A9E0;color:#FFF}
/* 上拉加载更多样式  */
.mui-pull-bottom-tips{background-color:#EBEBEB !important;}

/* 底部按钮样式 */
.ready-bottom-btn{width:100%;background: #FFF;border-top: #D6D6D6 solid 1px;padding: 12px;}
.ready-bottom-btn .bottom-btn-a{background:#00A9E0;border-radius:6px;width:45%;height:40px;line-height:40px;display:block;text-align:center;color:#FFF;font-size:16px}
.ready-bottom-btn .bottom-btn-a.back-btn{background-color: #7FD4EF;}

/*下拉框修饰样式*/
.form-main-txt .weui-select{z-index:0;border:1px solid #CCCCCC !important; height:35px;line-height:35px;padding:0px 15px;appearance:menulist;-moz-appearance:menulist; -webkit-appearance:menulist;}

/* 打开页面渲染避免页面显示标签 */
[v-cloak] {
   display: none !important;
}
