3eapi/target/3eapi-0.0.1-SNAPSHOT/style/common.css

html{
	font-size: 5px;
}
body{
	margin:0;padding:0;
	font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;
	background-color: #f5f4f3;
}
.allbg{
	background-color:#F7F7F7;
}
p{
	margin:0;padding:0;
}
*{outline:none;border:none;}

/* .headDiv{ */
/* 	height: 90px; width: 100%; background-image: url("../images/comm/headback.png");  position: absolute; background-repeat: round; */
/* } */
/* .headLogoDiv{ */
/* 	height:70px;width:70px;text-align:center;line-height:70px;position: absolute; z-index: 1;  */
/* 	top: 10px; left: 18px;background-color:#FFF;border-radius:50%; */
/* } */
/* .headLogo{ */
/* 	width: 68px; height: 68px; border-radius:50%;margin:1px; */
/* } */
/* .geline{ */
/* 	width: 3px; height: 57px; position: absolute; z-index: 1; top: 17px; left: 106px; */
/* } */
/* .userName{ */
/* 	color: #FFF; position: absolute; font-size: 16px; top: 22px; width: 90px; left: 132px; */
/* } */
/* .classDiv{ */
/* 	position: absolute; left: 124px;height: 22px; width: 192px;  font-size: 13px; color: #333; top: 50px; */
/* 	background-image: url('../images/comm/selectback.png'); background-repeat: round; */
/* } */
#showClass{
	position: absolute; left: 10px; width: 174px; left: 12px;line-height:24px;
}
.classSelect{
	height: 22px; width: 192px; opacity: 0;position: absolute; z-index:2;
}
.headLine{
	background-color:#F7F7F7;height:19px;width: 100%; border-bottom:0.3px solid #D9D9D9;position: absolute;top:90px;
}
.bottomDiv{
	position: absolute;height:15px;width:1px;
}
.subButton{
	position: absolute;left:0px;right:0px;text-align:center;height: 36px;width:100px; margin: 0 auto;color: #FFF; font-size: 16px; line-height: 36px;border-radius: 4px;
}
.subButtonOff{
	background: #00a0e9; 
}
.subButtonOn{
	background: #00b7ee; 
}
.nomalBut{
	font-size:18px;font-weight:bold;
}
.cTitle{
	position: absolute;font-size: 4.5rem; color: #333333;
}
.everyTitle{
	color: #146eb5; text-align: center; font-weight: bold; font-size: 4.5rem;line-height: 3em;background-color:#FFF;
}
.everyTitle_v3{
	color: #FF6B00; text-align: center; font-weight: bold; font-size: 4.5rem;line-height: 3em;background-color:#FFF;
}
#getmore{
	position:relative;font-size:14px;left:0;right:0;margin:0 auto;width:87px;height:32px;top:20px;
	text-align:center;
}
#getmore img{
	width:85px;height:30px;
}
#ui-datepicker-div{display:none;}
#signshadow{
	background: none repeat scroll 0 0 #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%;
  	z-index:998;
}
.classDiv2{
	position: absolute; left: 124px;height: 44px; width: 260px;  font-size: 13px; color: white; top: 50px;
/* 	background-image: url('../images/comm/selectback.png');  */
/* 	background-color: #FFF; */
}
#showClass2{
	position: absolute; left: 10px; width: 240px; left: 12px;line-height:22px;height:44px;
}
.classSelect2{
	height: 44px; width: 300px; opacity: 0;position: absolute; z-index:1;
}
.workdiv{
	line-height: 18px;position:relative;
}
.workDiv_v3{    left: 13px;
    width: 90%;
    min-height: 156px;
    top: 0px;
    position: relative;
    display: inline-block;
}
.chooseType{
    position: relative;
    top: 0;
    height: 28px;
    width: 100%;
}
.chworkbg{
/* 	background-image:url('../images/other/chworkbg.png') ; */
	position:absolute;
	top:0px;
    left: 13px;
/* 	left:32%;top:52px;width:3px;height:95%; */
	transform: translateY(-50%);
}
.interval{
    /*height: 2%;*/
    height: 10px;
}
.chooseW{
    width:30%;
    height: 100%;
    position: absolute;
    left: 35%;
    font-size: 15px;
    text-align: center;
    line-height: 29px;
    border-radius: 5px;
}
.chooseL{
    width: 30%;
    height: 100%;
    position: absolute;
    left:3%;
    font-size: 15px;
    text-align: center;
    line-height: 29px;
    border-radius: 5px;
}
.chooseE{
    width: 30%;
    height: 100%;
    position: absolute;
    right: 3%;
    font-size: 15px;
    line-height: 29px;
    text-align: center;
    border-radius: 5px;
}
.chworkbg_v3{
/* 	background-image:url('../images/other/chworkbg.png') ; */
	position:absolute;
	top:15px;
/* 	left:32%;top:52px;width:3px;height:95%; */
	transform: translateY(-50%);
}
img.splitLine {
    position: absolute;
    width: 0.5px;
}
.worklinebg{
	position:relative;
}
.worklinebg_v3{
    position: relative;
    top: 30px;
    left: 0px;
    background-image: url("../images/other/whiteBG.png");
    background-repeat: round;
    font-size: 13px; float: right; text-align: left; height: 115px; width: 96%;
}
.worklinebg_v3_1{
    position: absolute;
    top: 30px;
    left: 27px;
    background-image: url(../images/other/whiteBG.png);
    background-repeat: round;
    font-size: 13px;
    float: right;
    text-align: left;
    height: 115px;
    width: 90%;
}
.workbgodd{
	background-image: url(../images/other/oddbg.png);
    background-repeat: round;
    height: 4px;
}
.workbgeven{
	background-image: url(../images/other/evenbg.png);
    background-repeat: round;
    height: 4px;
}
a.created {
    position: absolute;
    left: 30px;
    top: 0px;
    transform: translateY(-50%);
}
.pointdiv_v3{
    position: absolute;
    background: url("../images/other/chworkbg.png");
    left: 3px;
    top:24px;
    height: 95%;
    width: 1.5px;
}
.pointdiv_v3_1{
    position: absolute;
    background: url(../images/other/chworkbg.png);
    left: 16px;
    top: 4px;
    height: 105%;
    width: 1.5px;
}
.timeFont {
    font-size:  3.1rem;;
    color: #8c8c8c;
    line-height: 1.5em;
    text-align: center;
}
.timeFont_v3 {
    position:relative;
    left: 11px;
    height: 9px;
    width: 121px;
    top:15px;
    font-weight:normal;line-height: 9px;font-size:12px;color: #a3a3a3;
}
.timeFont_v3_1 {
    position:absolute;
    left: 30px;
    height: 9px;
    width: 121px;
    top:15px;
    font-weight:normal;line-height: 9px;font-size:12px;color: #a3a3a3;
}
.workbottom{
    position: relative;
	background-image: url(../images/other/workbg.png);
    background-repeat: round;
    height:  1.5em;
}
/*.workbottom_v3{*/
    /*position: absolute;*/
    /*bottom: 1px;*/
    /*left: 270px;*/
    /*background-image: url(../images/other/workbg.png);*/
    /*height:25px;*/
    /*width: 40px;*/
/*}*/
.workbottom_v3{
    position: absolute;
    bottom: 5px;
    left: 258px;
    background-image: url(../images/other/deleteBtn.png);
    background-repeat: no-repeat;
    background-size: 100%;
    height: 19px;
    width: 55px;text-align: center;
    color: white;
}
.workbottom_v3_1{
    position: relative;
    line-height: 20px;
    bottom: 1px;
    /* background-image: url(../images/other/workbg.png); */
    height: 25px;
    padding-top: 20px;
    width: 100%;
}
.worktextdiv {
    font-size: 3.8rem;
    /* float: right; */
    text-align: left;
    /* margin: 7px 15px 10px 0px; */
    width: 100%;
    line-height: 1.4em;
    color: #656565;
    border-bottom: 0.3px solid #fcfcfc;
    padding-bottom: 10px;
    background-color: white;
    min-height: 50px;
    display: table;    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.worktexthead{
    font-size: 15px;
    text-indent: 14px;
    line-height: 50px;
    height: 0px;
    width: 100%;
}
.worklinehead{
    position: absolute;
    left: 19px;
    top: 13px;
    /*width:90px;*/
    height: 18px;
    font-size: 15px;
    text-indent: 0px;
    color: rgba(65,65,65,1);
}

.worktextdiv_v3{
    position: absolute;
    top: 29px;
    left: 18px;
    color: #a3a3a3;
    font-size: 15px; float: right;line-height: 20px; text-align: left;
    min-height: 41px;
    width: 274px;
}
.worktextdiv_v3_1{
    position: relative;
    top: 20px;
    left: 18px;
    width: 90%;
    right: 10px;
    color: #333;
    font-size: 15px; line-height: 20px; text-align: left;
    /*height: 41px; width: 274px;*/
}
.trueTile{
    position: relative;
    top: 20px;
    left: 18px;
    width: 90%;
    right: 10px;
    color: #a3a3a3;
    font-size: 15px;line-height: 20px; text-align: left;
}
p.worktext {
    padding-left: 1em;
    padding-bottom: 0px;
    padding-top: 10px;
    padding-right: 7px;
    min-height: 1em;
}
p.worktext_v3 {
    position: relative;
    left: 18px;
    top: 20px;
    width: 286px;
    height: 38px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
img.play {
    display: table-cell;
    margin: 0 auto;
}
.centerTable{
 display: table-cell;
 vertical-align: middle;
}
.common_1{
    background-color: white;
    border-bottom: 0.3px solid #e8e8e8;
    /*     	border-radius: 5px; */
    height: 8%;
    font-size: 4.3rem;
    line-height: 300%;
    letter-spacing: 1px;
    /*text-align: center;*/
    color: #505050;
}
.groupName_1{
    position: absolute;
    left: 0;
    width: 30%;
    text-indent: 1em;
    text-align: left;
    top: 0px;
    display: table-cell;
    vertical-align: middle;
    line-height: 55px;
    color: #6d6d6d;
}
.contentDiv_1{
    position: absolute;
    /* left: 0; */
    left: 30%;
    width: 60%;
    height: 100%;
    color: #b4b4b4;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    line-height: 40px;
    display: table-cell;
    vertical-align: middle;
}
.selectPngDiv_1{
    position: absolute;
    right: 0px;
    width: 10%;
    top: 0px;
    height: 3em;
    display: table-cell;
    vertical-align: middle;
}
.finishbtn{
    position: absolute;
    bottom: 0px;
    width: 50%;
    height: 3px;
}
.unfinishbtn{
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 3px;
}