@charset "utf-8";
@font-face {
  font-family: 'icomoon';
  src:url('fonts/icomoon.eot');
  src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('fonts/icomoon.woff') format('woff'),
    url('fonts/icomoon.ttf') format('truetype'),
    url('fonts/icomoon.svg#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}
[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align:middle
}
ul, ol, li{
  line-height:normal;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0
}
dl {
  margin:0
}
dd {
  margin-left:0
}
body{
  font-size:12px;
}
html, form, fieldset, a, ul, ol, li, div, legend, label,
br, input, button, textarea, h1, h2, h3, h4, h5,em{
  padding: 0;
  margin: 0;
  font-weight: normal;
  font-style: normal;
  font-family:"微软雅黑","Tahoma";
  vertical-align: baseline;
  text-align:justify;
  word-wrap:break-word;
  text-justify:inter-ideograph
}
body{text-align:center}
a {
  outline:none;
} 

a {
  color: #0088cc;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #005580;
  text-decoration:none;
}
.taC,td.taC,th.taC{text-align: center;}
.taR,td.taR,th.taR{text-align:right;}
.fL{float:left}
.fR{float:right}
.width960{
  width:960px;
  margin:0 auto;
}
.colRed {color:#f70000}
.colOrange {color:#ed8b00}
.colYel {color:#d9a601}
.colGreen{color:#17ab0c}
.colGray{color:#999}
.colBlue{color:#3172d9}
.wrapHeader{
  height:4rem;
  background:url(headerBg.jpg) repeat-x 0 0;
}
.headerTop{
  height:0.4rem;
  background:#CFD37A;
}
.wrapForm{
  margin:0 auto;
}
.wrapForm .headerTitle{
  padding:4rem 0 2rem 0;
  font-size: 3.2rem;
  text-align: center;
}
.formCon{
  margin:0 1rem;
}
.formCon label{
  margin:0.5rem 0;
  font-size: 1.6rem;
}
.formCon input{
  width:100%;
  padding:0;
  height:4rem;
  line-height: 4rem;
  text-indent: 0.5rem;
}
.formCon button{
  margin:1rem 0 1rem 0;
  width:100%;
  height:4rem;
  line-height: 3.2rem;
}
.wrapTop{
  height:5rem;
  background:url(headerBg.jpg) repeat-x 0 0;
}
.wrapTop .mainLogo{
  width:20rem;
  height:4rem;
  line-height: 4rem;
  background:url(logo.png) no-repeat 0 0;
}
.wrapTop .userInfo{
  font-size: 1.8rem;
  color:#fff;
}
.wrapTop #dropdownMenu{
  position:absolute;
  left:-11rem;
}
.wrapTop #dropdownMenu a{
  color:#333;
}
.wrapTop .userInfo{
  padding:1rem 2rem 0 1rem;
}
.wrapTop .userInfo a{
  color:#fff;
}
.wrapTop .userInfo .topImg{
  padding:0 0 0 2rem;
}
.mainNav{
  margin:0 1.5rem;
}
.mainNav ul li{
  position:relative;
  padding:1.5rem 0;
  border-bottom:1px solid #ddd; 
}
.mainNav .projectImg{
  margin:0 1.5rem 0 0;
  width:5rem;
  height:5rem;
  background:#f0f0f0;
  border-radius: 5px;
  text-align: center;
}
.navIcon{
  font-size: 3.2rem;
  color:#333;
}
.projectRight{
  margin:0 0 0 6.5rem;
}
.projectRight h4{
  margin-bottom: 0.5rem;
  color:#333;
}
.projectRight p{
  color:#333;
}
.badge{
  position:absolute;
  left:3.2rem;
  top:1.3rem;
}
.headerLeft{
  padding:1rem 0 0 1rem;
  font-size: 2rem;
}
.headerLeft, .headerLeft a{
  color:#fff;
}
.wrapContent .projectFrom{
  padding:1.5rem;
}
.wrapContent .project h3{
  padding:1.5rem;
}
.project ul li{
  background:#f7f7f7;
  padding:0 1.5rem;
  margin-bottom: 2rem;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.project ul li a{
  color:#333;
}
.project ul li p{
  font-size: 1.4rem;
}
.project ul li .title{
  padding:1rem 0 1rem 0;
  font-size: 2rem;
  color:#0088cc;
}
.wrapNav ul li{
  width:50%;
}
.wrapNav ul li a{
  width:100%;
  font-size: 1.6rem;
  text-align: center;
  padding:10px 0;
}
.wrapNavR ul li{
  width:33.3333% !important;
}
.wrapContent .proSection{
  padding:1.5rem;
}
.wrapGraphic ul li{
  float:left;
  font-size: 1.2rem;
  margin:1.5rem 0 1.5rem 1.5rem;
}
.graphic{
  width:1rem;
  height:1rem;
  border-radius: 0.2rem;
  display:inline-block;
}
.graphicGreen{
  background:#31c514;
}
.graphicBlue{
  background:#1480c5;
}
.graphicGray{
  background:#adadad;
}
.graphicRed{
  background:#ff0042;
}
.projectSeList ul li{
  margin-bottom: 2rem;
}
.projectSection{
  background:#f7f7f7;
  font-size: 1.4rem;
  padding:1rem 1.5rem;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
}
.projectSection .title{
  padding:1rem 0 1rem 0;
  font-size: 2rem;
}
.projectList .openPro{
  width:100%;
  background:#e4e4e4;
  color:#333;
  padding:0.5rem 0;
  text-align: center;
  font-size: 1.4rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}
.projectList .projectDetail{
  position:relative;
  margin:1.5rem;
  font-size: 1.4rem;
  color:#333;
  border-bottom: 1px solid #ddd;
}
.projectDetail .title{
  padding:0 0 1rem 0;
  font-size: 1.6rem;
  color:#0088cc;
}
.projectDetail p{
  color:#333;
}
.projectDetail .trialTip{
  position:absolute;
  right:2rem;
  top:2rem;
}
.projectDetailNot{
  display:none;
}
.openProNot{
  display:none;
}
.mT2{
  margin:2rem 0 0 0;
}
.progress-gary, .progress .progress-gary {
    background-color: #bbb;
    background-image: -moz-linear-gradient(top, #ccc, #bbb);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ccc), to(#bbb));
    background-image: -webkit-linear-gradient(top, #ccc, #bbb);
    background-image: -o-linear-gradient(top, #ccc, #bbb);
    background-image: linear-gradient(to bottom, #ccc, #bbb);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc', endColorstr='#bbb', GradientType=0);
}
.projectTable{
  font-size: 1.4rem;
  margin-bottom: 2.5rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.projectTable dt{
  padding:1rem;
  background:#f0f0f0;
}
.projectTable dd b{
  font-size: 1.6rem;
}
.projectTable .table{
  margin:0;
}
.project .filesList ul li{
  margin:2rem 0 0 0;
  padding:1rem 1.5rem;
}
.filesList .filesListTitle{
  font-size: 1.8rem;
  padding:0 0 1rem 0;
  color:#0088cc;
}
.filesDetail{
  margin:0 1rem;
  font-size: 1.4rem;
}
.filesDetail dt{
  padding:1.5rem 0;
  border-bottom: 1px solid #ddd;
}
.filesDetail dd{
  padding:1.5rem 0;
  border-bottom: 1px solid #ddd;
}
.btnOrange{
  background:#ed8b00;
  color:#fff;
  border:1px solid #ed8b00;
}
.btnOrange:hover,.btnOrange:focus,.btnOrange:active{
  background:#ed8b00;
  color:#fff;
  border:1px solid #ed8b00;
}
.approvalList{
  margin-bottom: 4.5rem;
}
.approvalList ul li{
  font-size: 1.4rem;
  padding:1rem;
  border-bottom: 1px solid #ddd;
}
.approvalList .approvalView{
  padding:1rem 0 0 0;
}
.approvalList .approvalImg img{
  margin:0 1rem 0 0;
  border:2px solid #ddd;
  border-radius: 3px;
}
.pass{border-color: #009d0e !important;}
.wait{border-color: #ff9900 !important;}
.pa2ss{border-color: #999 !important;}
.unpass{border-color: #f00 !important;}
.approvalImg .fR{
  margin-top: 1rem;
}
.bottomToolsbar{
  position:fixed;
  bottom:0;
  width:100%;
  height:5.5rem;
}
.bottomToolsbar ul li{
  float:left;
  width:50%;
  height:5.5rem;
  line-height: 5.5rem;
  text-align: center;
}
.bottomToolsbar ul li button{
  width:100%;
  text-align:center;
  border:none;
}
.bottomView{
  width:100%;
  background:#fff;
  display:none;
}
.bottomView form{
  margin:1rem; 
}
.bottomView form label{
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
.wrapContent .userInfoList{
  margin:0 1rem;
}
.userInfoList ul li{
  padding:1.5rem 1rem;
  font-size: 1.4rem;
  border-bottom: 1px solid #ddd;
}
.userInfoList ul li a{
  color:#333;
}
.userLeft.userTouImg{
  padding:1.5rem 0 0 0;
}
.userRight{
  text-align: right;
}
.userRight span{
  font-size: 1.6rem;
  color:#555;
}
.p-1{
  padding:0.5rem 1rem;
}
.modalWrap{
  top:20%;
}
.shareList{
}
.shareList ul li{
  font-size: 1.6rem;
  margin:2rem 0;
}
.shareList .shareTitle{
  background:#f1f1f1;
  padding:1rem;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
.shareList .shareLink{
  display:none;
  padding:1rem;
  border-bottom: 1px solid #ddd;
}
.labelSwitch{
  display: inline-block;
  vertical-align: middle;
  width: 3.8rem;
  border-radius: 1rem;
  border:1px solid #ddd;
  background:#fcfcfc;
  box-sizing: border-box;
  height: 2rem;
  position: relative;
  cursor: pointer;
  -webkit-align-self: center;
  align-self: center;
}
.labelSwitch input[type="checkbox"]{
  display:none;
}
.labelSwitch .checkbox{
  position:absolute;
  width: 2rem;
  border-radius: 1rem;
  box-sizing: border-box;
  height: 2rem;
  background: #fff;
  border:1px solid #ddd;
  z-index: 0;
  margin:0;
  padding:0;
  top:-1px;
  cursor: pointer;
}
.shareBtn{
  display:none;
}
.modalCont li{
  padding:1rem 0;
  border-bottom: 1px solid #ddd;
}
.modalCont li:last-child{
  border-bottom: none;
};