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

/* ===============  重置  =============== */
/*
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
table {border-collapse: collapse; border-spacing: 0;}
fieldset,img {border: 0;vertical-align: middle;}
address,caption,cite,code,dfn,em,strong,th,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
q:before,q:after {content:"";}
abbr,acronym { border: 0;}
*/

/* ===============  测试样式-可删除  =============== */
.container{margin:0 auto;max-width:1000px;width:90%;}
a{font-size:12px;color:#333;text-decoration:none; ;}
/*a:hover{color:#1e8eff;}*/
/* =============== End  测试样式-可删除  =============== */

/* 复选框 */
.checkboxGroup ul{margin:0;padding:0;list-style: none;}
.checkboxGroup .checkbox{display: inline-block;margin: 3px 30px 3px 0;padding-left:25px;height: 20px;line-height: 20px;text-indent:0;text-decoration:none;font-size:12px;color:#7b8994;background:url(../images/icon-checkbox.png) no-repeat;}
.checkboxGroup .checkbox.on{color:#1e8eff;background-position: 0 -20px;}

/* 单选框 */
.radioGroup ul{margin:0;padding:0;list-style: none;}
.radioGroup .radio{display: inline-block;margin: 3px 30px 3px 0;padding-left:25px;height: 20px;line-height: 20px;text-indent:0;text-decoration:none;font-size:12px;color:#7b8994;background:url(../images/icon-radio.png) no-repeat;}
.radioGroup .radio.on{color:#1e8eff;background-position: 0 -20px;}

/*
 *
 * 按钮
 * 
 */
.btn{margin:0 5px;padding:5px 20px;min-width:90px;height:30px;border:0;border-radius: 2px;font-size:12px;text-align: center;line-height: 20px;background-color: transparent;outline:none;cursor: pointer;}
.btn .icon{display: inline-block;width: 20px;height: 20px;background-repeat:no-repeat;vertical-align: middle;}
.btn:hover{opacity: 0.8;}
.btn:active{opacity: 1;box-shadow: inset 0 0 9px rgba(0,0,0,0.2);}
.btn-sure{background-color:#1e8eff;color:#FFF;}
.btn-cancel{background-color:#EEE;color:#333;}
.btn-add .icon{background-image:url(../images/icon-add.png);}


/* 
 *文本按钮
 *
 * 文本按钮的基本样式
 * 
 * 如果要新增文本按钮，只需要创建
 * btn-text-XXX的类，并修改icon的样式即可
 * 比如下面的新建按钮和编辑按钮
 *
 */
.btn-text{position:relative;padding:6px 12px;border:0;background-color: transparent;outline:none;cursor:pointer;font-size:12px;color:#7b8994;}
.btn-text:hover{color:#1e8eff;opacity: .8;}
.btn-text .icon{display:inline-block;margin-top:-1px;width:20px;height:20px;vertical-align:middle;background-repeat: no-repeat;}

/* 新建、添加类按钮 */
.btn-text-add .icon{background-image:url(../images/icon-add.png);}
.btn-text-add:hover .icon{background-position:0 -20px;}

/* 编辑类按钮 */
.btn-text-edit .icon{background-image:url(../images/icon-edit.png);}
.btn-text-edit:hover .icon{background-position:0 -20px;}

/* 查看更多类按钮 */
.btn-text-more .icon{background-image:url(../images/icon-arrow-right.png);}
.btn-text-more:hover .icon{background-position:0 -20px;}

/* 按钮组 */
.btnGroup{position: relative;display:inline-block;border:1px solid #1e8eff;border-radius: 2px;}

/* 下拉类按钮 */
.btn-text-dropdown .icon{background-image:url(../images/icon-arrow-down.png);}
.btn-text-dropdown:hover .icon{background-position:0 -20px;}

/**
 * 上传文档
 *
 * 上传按钮 */
.btnUpload{position:relative;display:block;width: 84px;height: 28px;text-align: center;line-height: 28px;text-decoration:none;color:#1e8eff;border:1px solid #1e8eff;border-radius: 2px;font-size: 12px;text-indent: 15px;overflow: hidden;}
.btnUpload input{position:absolute;right:0;top:0;opacity: 0;font-size: 20px;}
.btnUpload .annex{position: absolute;left:5px;top:5px;width: 20px;height: 20px;background: url(../images/icon-upload.png) no-repeat;}
.btnUpload:hover{background-color:#1e8eff;color:#FFF;}
.btnUpload:hover .annex{background-position: 0 -20px;}
.btnUpload:active{box-shadow: inset 0 0 9px rgba(0,0,0,0.2);}

/* 上传资料列表 */
.uploadContainer .documentList{margin-top: 5px;}
.documentList ul{margin:0;padding:0;list-style: none;}
.documentList li { margin-bottom: 3px; height: 25px; line-height: 20px; font-size: 12px; }
.documentList .name { float: left; text-decoration: none; color:#333;}
.documentList .name:hover { color: #1e8eff; }
.documentList .name img { float: left; margin-right: 3px; }

/**	
 *
 * 自定义下拉框
 * 
 */
.select,.selectBox{position:relative;display:inline-block;}
.selectBox{padding:5px 10px 5px 15px;height:20px;line-height:20px;text-align:left;cursor:pointer;font-size:12px;}
.selectBox.border{border:1px solid #DDD;border-radius: 2px;}
.select.active .border{border-color:#1e8eff;}
.select.active .arrow{background-position: 0 -21px;}
.selectBox .arrow{display: inline-block;width: 20px;height: 20px;vertical-align:middle;background: url(../images/icon-arrow-down.png) no-repeat;}
.selectMenu{position:absolute;min-width:100px;border:1px solid #EEE;border-radius:2px;overflow:hidden;box-shadow:0 0 9px rgba(0,0,0,0.1);visibility:hidden;background-color:#FFF;font-size:12px;}
.selectMenu ul{margin:0;padding:0;list-style:none;}
.selectOption a{display:block;padding:0 15px;height:30px;line-height:30px;color:#000;text-align:left;text-decoration:none;word-wrap:break-word;white-space:nowrap;}
.selectOption a:hover{background-color:#1e8eff;color:#FFF;}

/**	
 *
 * 评论
 * 
 */
.comment-title{font-size: 14px;font-family: \5FAE\8F6F\96C5\9ED1;color:#666;}
.comment-title .icon{display: inline-block;margin-right:8px;width: 20px;height: 20px;vertical-align:middle;background:url(../images/icon-comment.png) no-repeat;}
.comment .editContainer{position:relative;margin-top:8px;}	
.comment .editContainer label{position:absolute;left:13px;top:9px;height:20px;line-height: 20px;color:#7b8994;font-size:12px;}
.comment .editarea{z-index:1;position:relative;min-height:20px;padding:9px 13px;border:1px solid #d9dee1;border-radius:3px;line-height: 20px;outline:none;font-size:12px;}
.comment-edit .editarea{min-height:60px;}
.comment-edit .editarea:focus{border-color:#1e8eff;}
.comment-edit { overflow: hidden; border-radius: 3px; }
.comment-edit-foot{margin:10px 0;overflow: hidden;}
.comment-edit-tools{float:left;margin-left:10px;height:20px;}
.comment-edit-tools .tool{position:relative;display: inline-block;width: 20px;height: 20px;background-repeat: no-repeat;overflow: hidden;}
.comment-edit-tools .tool:hover{background-position: 0 -20px;}
.comment-edit-tools input[type="file"]{position:absolute;right:0;top:0;opacity: 0;}
.comment-edit-tools .tool-smile{background-image: url(../images/icon-smile.png);}
.comment-edit-tools .tool-upload{background-image: url(../images/icon-annex.png);}
.comment-btn-submit {float:right; padding: 4px 12px; border-radius: 3px; color: #1e8eff; border: 1px solid #1e8eff; background-color: transparent; font-family: \5FAE\8F6F\96C5\9ED1; cursor: pointer; font-size: 12px; outline: none; background-color:#1e8eff;color:#FFF;}
.comment-btn-submit:hover{opacity: .8;}
.comment-btn-submit:active{box-shadow: inset 0 0 9px rgba(0,0,0,0.2);}
.commtent-reply-title h3 { margin:0;font-size: 14px; color: #000; font-weight:500;font-family: \5FAE\8F6F\96C5\9ED1; }
.comment-item { position:relative;padding: 20px 0;}
.comment-item .name {font-size: 12px; color: #1e8eff;}
.comment-item .text {margin:10px 0; font-size: 12px; line-height: 20px; color: #333; }
.comment-item .text p{margin:0;}
.comment-reply .time { float:left;font-size: 12px; color: #999; font-family: arial; }
.comment-reply{margin-top:10px;overflow: hidden;}
.btnReplay { float:right;padding-left: 22px; height: 20px; color: #1e8eff;text-decoration:none; background: url(../images/icon-reply2.png) no-repeat 0 50%; font-size: 12px; }
.btnReplay:hover{opacity: .8;}
.comment-reply-edit { position: relative; display: none; clear: both; margin-top:30px;}
.comment-reply-edit s,.comment-reply-edit i { z-index:1;position: absolute; right: 20px;width: 0; height: 0; border-left:6px solid transparent;border-right:6px solid transparent;}
.comment-reply-edit s{top:-8px;border-bottom:8px solid #d9dee1; }
.comment-reply-edit i{top:-7px;border-bottom:8px solid #FFF;}
.comment-reply-edit label { position: absolute; left: 10px; top: 7px; color: #999; font-size: 12px; }
.comment-reply-edit .comment-btn-reply {float:right;margin-top:10px; padding: 4px 12px;border: 0; border-radius: 3px; color: #1e8eff;text-decoration: none; font-family: \5FAE\8F6F\96C5\9ED1; background-color: transparent;cursor: pointer; font-size: 12px; border: 1px solid #1e8eff; }
.comment-reply-edit .comment-btn-reply:hover{background-color:#1e8eff;color:#FFF;}
.comment-reply-edit .comment-btn-reply:active{box-shadow: inset 0 0 9px rgba(0,0,0,0.2);}
.comment-item .reply-text {margin:5px 0; padding: 10px; line-height:20px;border-radius: 3px; background-color: #f8f8f8; color: #999; font-size: 12px; }

/*
 *带头像的评论框(暂时不需要)
 * <div class="name"><img class="headphoto" src="../images/weimi.jpg" alt="魏蜜"><br/>常圆</div>
 * .comment-list{padding-left:60px;}
 * .comment-item .name {position:absolute;left:-60px;top:20px;text-align:center;font-size: 12px; color: #1e8eff;}
 * .comment-item .name .headphoto{margin-bottom:10px;border-radius: 50%;}
 */

/**	
 *
 * 分割线
 * 
 */
hr.hline{margin:0;height: 0;border-width:1px 0 0;border-color:#EEE;}
hr.solid{border-style:solid;}

/***
 * 
 * 下拉样式 阴影  圆润
 * 
 **/
.selectMenu {  box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.1) !important;border-radius: 2px 2px 2px 2px;}