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; }