/* CSS初始化 */ body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select { margin:0; padding:0; } body { font:14px,"Monospaced Number","Chinese Quote",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,sans-serif,"宋体","Arial Narrow",HELVETICA; background:#fff; -webkit-text-size-adjust:100%; } a { color:#172c45; text-decoration:none; } a:hover { color:#cd0200; text-decoration:underline; } em { font-style:normal; } li { list-style:none; } img { border:0; vertical-align:middle; } table { border-collapse:collapse; border-spacing:0; } p { word-wrap:break-word; } :focus { outline:none; } /* index.css */ html,body { height:100%; } body { width:1000px; color:#000; font-size:14px; } .to__header .to__addUser { margin:0 auto; width:90%; font-size:20px; } .to__header .to__flow { margin:0 auto; padding:15px 0; width:90%; display:block; } .to__header .to__flow .to__flow__item { position:relative; width:30%; color:#999; display:inline-block; } .to__header .to__flow .to__flow__item .to__round { margin-right:12px; width:20px; height:20px; line-height:20px; text-align:center; border:1px solid #999; border-radius:50%; display:inline-block; } .to__header .to__flow .to__flow__item .to__active { color:#fff; background-color:#175ad8; border:1px solid #175ad8; } .to__header .to__flow .to__flow__item .to__flow__name { display:inline-block; cursor:pointer; } .to__header .to__flow .to__flow__item::after { margin:auto 0; content:">"; position:absolute; right:33%; top:0; bottom:0; height:20px; line-height:20px; font-size:26px; } .to__header .to__flow .to__flow__item:last-child::after { content:""; } .to__block { padding-left:10px; text-align:center; } .to__block .to__left,.to__block .to__right { width:45%; display:inline-block; vertical-align:text-top; } .to__block .to__left .to__item,.to__block .to__right .to__item { margin-left:-100px; padding-left:140px; height:40px; line-height:40px; border-bottom:1px solid #eee; } .to__block .to__left .to__title,.to__block .to__right .to__title { line-height:30px; text-align:left; } .to__block .to__left .to__title .to__remark,.to__block .to__right .to__title .to__remark { color:#999; display:inline-block; } .to__block .to__left .to__content,.to__block .to__right .to__content { width:100%; height:300px; text-align:left; border:1px solid #ccc; box-sizing:border-box; overflow-y:auto; } .to__block .to__left .to__content .to__search,.to__block .to__right .to__content .to__search { position:relative; height:30px; line-height:30px; border-bottom:1px solid #ccc; } .to__block .to__left .to__content .to__search input,.to__block .to__right .to__content .to__search input { padding-left:20px; padding-right:100px; width:100%; border:none; box-sizing:border-box; } .to__block .to__left .to__content .to__search .to__icon__search,.to__block .to__right .to__content .to__search .to__icon__search { position:absolute; top:0; right:0; width:50px; height:30px; border-left:1px solid #ccc; } .to__block .to__left .to__content .to__search .to__icon__search svg,.to__block .to__right .to__content .to__search .to__icon__search svg { margin:auto; position:absolute; top:0; bottom:0; left:0; right:0; } .to__block .to__left { position:relative; margin-right:30px; } .to__block .to__left > div .to__subItem { padding-left:20px; display:none; } .to__block .to__left > div .to__show { display:block; } .to__block .to__left .to__arrow { margin:auto 0; position:absolute; right:0; top:0; bottom:0; color:#999; height:30px; line-height:30px; font-size:20px; transform:translateX(120%); } .to__block .to__left .to__arrow span:last-child { margin-left:-16px; } .to__block .to__left .to__item { position:relative; } .to__block .to__left .to__item .to__downList { position:relative; } .to__block .to__left .to__item .to__downList i { position:absolute; top:0; bottom:0; right:6px; width:12px; height:12px; display:inline-block; margin:auto 0; cursor:pointer; transform:rotate(-90deg); } .to__block .to__left .to__item .to__downList i svg { position:absolute; z-index:2; } .to__block .to__left .to__item .to__downList .to__roate { transform:rotate(0); } .to__block .to__left .to__item input[type="checkbox"] { position:relative; margin-right:6px; -webkit-appearance:none; vertical-align:middle; margin-top:0; background:#fff; border:#ccc solid 1px; min-height:12px; min-width:12px; } .to__block .to__left .to__item input[type="checkbox"]:checked { background:#3190e8; } .to__block .to__left .to__item input[type=checkbox]:checked::after { content:''; top:2px; left:1px; position:absolute; background:transparent; border:#fff solid 2px; border-top:none; border-right:none; height:2px; width:6px; -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform:rotate(-45deg); } .to__block .to__left .to__item .to__name { display:inline-block; vertical-align:middle; cursor:pointer; } .to__block .to__right { position:relative; } .to__block .to__right .to__item { position:relative; } .to__block .to__right .to__item .to__close { margin:auto 0; position:absolute; right:12px; top:0; bottom:0; cursor:pointer; } .to__block .to__right .to__item .to__close i { font-size:20px; transform:rotate(45deg); font-style:normal; display:inline-block; } .to__footer { margin-top:15px; text-align:center; } .to__footer .to__btn__group { display:inline-block; } .to__footer .to__btn__group .to__btn { margin:0 25px; padding:8px 0; width:80px; border:1px solid #999; display:inline-block; } .to__footer .to__btn__group .to__btn__primary { color:#fff; background-color:#175ad8; }
更新时间:2021-03-29 01:16:37