/* author:fuhc date:20161026 */ /*一行 (左边加右边)-对齐*/ input:focus { border: 1px solid orange!important; outline: none!important; } .main_style { float: left; margin-top: 35px; margin-left: 40px; } .sole_line { width: 100px; height: 36px; display: inline-block; line-height: 36px; text-align: center; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; top: 1px; position: relative; background: white; } .com_line { width: 100px; height: 36px; display: inline-block; line-height: 36px; text-align: center; cursor: pointer; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; } .right_list_top { line-height: 35px!important; height: 35px!important; top: 2px; position: relative; } .right_sole_line { width: 100px; height: 36px; display: inline-block; line-height: 36px; text-align: center; cursor: pointer; border-left: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; background: white; } .right_com_line { width: 100px; height: 36px; display: inline-block; line-height: 36px; text-align: center; cursor: pointer; border-right: 1px solid #CCCCCC; } .right_center { margin-top: 10px; border-bottom: 1px solid #dddddd; padding-bottom: 10px; } .top { border-bottom: 1px solid lightgray; width: 1200px; } .middle { border: 2px solid lightgray; width: 1200px; height: 140px; margin-top: 20px; } .first { margin-top: 20px; padding-left: 20px; } .second { margin-top: 30px; padding-left: 20px; } select { height: 26px; padding: 3px 4px; } .day { width: 50px; height: 28px; text-align: center; margin-left: 5px; border: 1px solid rgb(204, 204, 204); display: inline-block; line-height: 28px; background-color: lightgray; cursor: pointer; } .futureweek { width: 100px; } .status_a { width: 60px; height: 28px; text-align: center; margin-left: 0px; display: inline-block; line-height: 28px; cursor: pointer; border-radius: 4px; } .status_s { width: 60px; height: 28px; text-align: center; margin-left: -10px; display: inline-block; line-height: 28px; cursor: pointer; border-radius: 4px; } .status_unselect { color: rgb(25, 170, 232); border: 1px solid rgb(25, 170, 232); } .status_select { background-color: rgb(25, 170, 232) !important; color: #fff!important; } .search_btn { width: 80px; height: 28px; text-align: center; margin-left: 40px; border: 1px solid rgb(204, 204, 204); display: inline-block; line-height: 28px; background-color: lightgray; cursor: pointer; } .row { margin-right: 0px; margin-left: 0px; } .inline_b { display: inline-block; } .circle { border: 1px solid gray; position: relative; width: 23px; height: 15px; color: #3D434F; border-radius: 8px; display: inline-block; left: -20px; top: -13px; text-align: center; background-color: #fff; line-height: 16px; font-size: 10px; } /*left*/ .left { width: 820px; display: inline-block; vertical-align: top; } /*right*/ .right { width: 350px; display: inline-block; position: relative; top: -2px; margin-left: 10px; } td>.tdcar { display: inline-block; background-color: rgba(51, 204, 0, 1); padding: 5px 10px; text-align: center; color: #FFFFFF; border: 0; } td>.tddriver { display: inline-block; background-color: rgba(255, 0, 0, 1); padding: 5px 10px; text-align: center; color: #FFFFFF; border: 0; } td>.tdguide { display: inline-block; background-color: rgba(255, 153, 0, 1); padding: 5px 10px; text-align: center; color: #FFFFFF; border: 0; } /*右边可用状态*/ .right_status_OK { display: inline-block; width: 50px; height: 22px; background-color: rgba(51, 204, 0, 1); color: #FFFFFF; margin-left: 35px; margin-top: 9px; border-radius: 10px; text-align: center; line-height: 22px; } .right_status_NO { display: inline-block; width: 50px; height: 22px; background-color:rgba(190, 199, 187,1); color: #FFFFFF; margin-left: 35px; margin-top: 9px; border-radius: 10px; text-align: center; line-height: 22px; } .statusNO{ background-color:gainsboro; } .left-table{ min-height: 428px; position: relative; } .pageDiv{ position: absolute; bottom: 0; right: 0 } .right_content ul{ overflow-y: auto; min-height: 320px; max-height: 900px }