body { word-wrap: break-word; word-break: break-all; padding-top: 70px; } a:focus,a:visited{ color:inherit } .qoth-button-ico { text-align: center; font-size: 16px; text-align: center; border: none; padding: 0; background: none; padding-right: 3px; } .qoth-button-ico:hover{ opacity:0.85; } .qoth-button-ico+.qoth-button-ico{ margin-left: 15px; } .qoth-back-i { background: url(../images/back-i.png) center top no-repeat; display: inline-block; margin-right: 8px; width: 30px; height: 20px; vertical-align: middle; } .qoth-close-i { background: url(../images/close-i.png) center 2px no-repeat; display: inline-block; margin-right: 8px; width: 30px; height: 20px; vertical-align: middle; } .qoth-pldown-i { background: url(../images/imr_07.png) center top no-repeat; display: inline-block; margin-right: 8px; width: 30px; height: 30px; vertical-align: middle; } .qoth-addgl-i { background: url(../images/nad-add.png) center top no-repeat; display: inline-block; margin-right: 8px; width: 14px; height: 19px; vertical-align: middle; } .qoth-dyjh-i { background: url(../images/dy-ico.png) center top no-repeat; display: inline-block; margin-right: 8px; width: 26px; height: 24px; vertical-align: middle; } .qoth-dcfxz-i { background: url(../images/dc-ico.png) center top no-repeat; display: inline-block; margin-right: 8px; width: 26px; height: 24px; vertical-align: middle; } .qoth-sltpyuser-i { background: url(../images/py-user.png) center 3px no-repeat; display: inline-block; margin-right: 8px; width: 30px; height: 30px; vertical-align: middle; } .qoth-qz-i { background: url(../images/qz.png) center 5px no-repeat; display: inline-block; margin-right: 8px; width: 30px; height: 30px; vertical-align: middle; } .qoth-plj-i { background: url(../images/plj.png) center 2px no-repeat; display: inline-block; margin-right: 8px; width: 30px; height: 30px; vertical-align: middle; } .qoth-delall-i { background: url(../images/del-t.png) center 3px no-repeat; display: inline-block; margin-right: 8px; width: 24px; height: 30px; vertical-align: middle; } .qoth-tj-i { background: url(../images/dj.png) center 3px no-repeat; display: inline-block; margin-right: 8px; width: 30px; height: 30px; vertical-align: middle; } .qoth-nbg { background: none !important; white-space: nowrap; } .qoth-tab-list { background-image: linear-gradient(#f4f6f9, #f1e4e3); background-image: -moz-linear-gradient(#eee, #fbfbfb); background-image: -ms-linear-gradient(#eee, #fbfbfb); background-image: -webkit-linear-gradient(#eee, #fbfbfb); background-image: -o-linear-gradient(#eee, #fbfbfb); height: 87px; line-height: 87px; } .qoth-tab-ul { padding: 0px 25px; margin-left: 40px; font-size: 0; } .qoth-tab-ul>li { cursor: pointer; display: inline-block; font-size: 15px; padding: 4px 15px; color: #fff; } .qoth-tab-ul>li+li { margin-left: 11px; } .qoth-tab-ul>li>i { background-image: url(../images/im_03.png); background-repeat: no-repeat; display: inline-block; width: 40px; height: 36px; vertical-align: middle; } .qo-i1 { background-position: 0 center; } .qo-i2 { background-position: -188px center; } .qo-i3 { background-position: -409px center; } .qo-i4 { background-position: -606px center; } .qoth-tab-ul>li:hover, .qoth-tab-ul>li.active { background: rgba(255, 255, 255, .2); border-radius: 35px; } /* 表格 */ .qua-page-s.text-right { text-align: right; } .qoth-table-c { margin-top: 20px; } .qoth-table-task { width: 100%; } .qoth-table-task>thead>tr>th { border-bottom: 1px solid #99c6fb; padding: 10px; font-size: 16px; color: #348ef8; font-weight: normal; white-space: nowrap; } .qoth-table-task>tbody>tr>td { border-bottom: 1px solid #e4e8ee; padding: 10px 10px; font-size: 14px; white-space: nowrap; height: 55px; } .qoth-table-task>tbody>tr:nth-child(2n+1)>td { background: #f8f8f8; } .qoth-table-task>tbody>tr:hover { background: #f5f9ff; } .qoth-td-xh { font-size: 15px; color: #1ea0ff; } .qoth-td-name { font-size: 15px; padding-left: 15px; white-space: pre-wrap; word-wrap: break-word; word-break: break-all; } .qoth-td-name-3 { white-space: pre-wrap; } .qoth-table-task>tbody>tr:hover .qoth-td-xh { color: #fff; } .qoth-table-task>tbody>tr:hover>td:first-child { background: #348ef8; } .qo-wid-70 { width: 70px; } .qo-wid-200 { width: 200px; } .qo-wid-300 { width: 300px } .qo-wid-1000 { width: 1000px; } .qo-wid-150 { width: 150px; } .qo-ing-i { background: url(../images/im_07.png) left center no-repeat; padding-left: 30px; display: inline-block; color: #888 } .qo-over-i { background: url(../images/im_13.png) left center no-repeat; padding-left: 30px; display: inline-block; color: #888 } .qo-sp-i { background: url(../images/im_09.png) left center no-repeat; padding-left: 30px; display: inline-block; } .qo-zhuanb{ background: url(../images/zhuanb.png) left center no-repeat; padding-left: 30px; display: inline-block; } .qoth-ft-em { font-size: 16px; margin-left: 25px; } .qoth-ico-pad { padding: 10px 20px 10px; } .qoth-leftbf { padding-left: 15px; font-size: 18px; display: inline-block; position: relative; } .qoth-leftbf>em { font-size: 15px; color: #999; margin-left: 5px; } .qoth-leftbf .qcor-default{ color: #333 !important; font-weight: bold; } .qoth-leftbf:before { border-left: 5px solid #348ef8; content: " "; position: absolute; top: 50%; height: 16px; margin-top: -8px; left: 0px; } .qoth-sp { margin-left: 15px; margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 540px; display: inline-block; margin-bottom: -7px; } .qoth-sr { font-size: 15px; margin-left: 15px; margin-right: 15px; } .qo-finish-ss>i { font-style: normal; padding-left: 26px; margin-left: 10px; font-size: 14px; display: inline-block; } .qo-finish-1 { background: url(../images/imr_03.png) left 2px no-repeat; } .qo-finish-2 { background: url(../images/imr_03.png) left -31px no-repeat; } .qo-finish-3 { background: url(../images/imr_03.png) left -65px no-repeat; } .qo-finish-4 { background: url(../images/imr_03.png) left -99px no-repeat; } .qo-finish-5 { background: url(../images/imr_03.png) left -135px no-repeat; } .qoth-rw-table>table { width: 100%; border-collapse: collapse } .qoth-rw-table>table>tbody>tr>td { padding: 10px 25px; height: 50px; font-size: 15px; border: 1px solid #dfe2e6 } .qoth-bg-td { background-color: #f4f8fd; } .qo-left { color: #333 !important; display: table-cell; padding-right:5px; vertical-align: middle; font-weight: bold; width: 90px; } .qo-star-x { position: relative; } .qo-star-x:before { content: "*"; color: #f05a18; font-size: 20px; position: absolute; left: -15px; top: -1px; } .qo-wid-30 { width: 30% } .qo-wid-33 { width: 33% } .qo-text { display: table-cell; vertical-align: middle; padding-left: 4px; } .qo-input-br { border: 1px solid #dfe2e6; border-radius: 5px; height: 36px; line-height: 34px; padding-left: 10px; width: 100%; } .qoth-right-show { position: absolute; left: 100%; top: 10px; width: 130px; } .qoth-right-show .qo-finish-ss>i { display: block; margin: 15px 0px 15px 20px; cursor: pointer; } .qoth-down-i { display: inline-block; width: 35px; height: 35px; background: url(../images/imt_11.png) center center no-repeat; } .qoth-edi-i { display: inline-block; width: 35px; height: 35px; background: url(../images/imq.png) center center no-repeat; } .qoth-chakan-i { display: inline-block; width: 35px; height: 35px; background: url(../images/ima_07-1.png) center center no-repeat; } .qoth-deli-i { display: inline-block; width: 35px; height: 35px; background: url(../images/del-t.png) center center no-repeat; } .qoth-tbcki-i { display: inline-block; width: 35px; height: 35px; background: url(../images/tb-ck.png) center center no-repeat; } .qoth-tab-2>table { width: 100%; font-size: 15px; border: 1px solid #e5e5e5; } .qoth-tab-2>table>thead>tr>td { height: 53px; color: #348ef8; background: #f4f8fd; border-top: 1px solid #e5e5e5; padding: 10px; font-size: 15px; } .qoth-tab-2>table>tbody>tr>td { padding: 10px; height: 75px; border-bottom: 1px solid #e5e5e5; word-wrap: break-word; word-break: break-all; } .qtd-padleft-38.qoth-tab-2>table>thead>tr>td:first-child, .qtd-padleft-38.qoth-tab-2>table>tbody>tr>td:first-child { padding-left: 38px; } .qoth-tab-2>table>tbody>tr:nth-child(2n)>td { background: #f8f8f8; } .qoth-w-5 { width: 65px; } .qo-xh-2 { color: #348ef8; text-align: center; } .qo-name-2 { font-size: 16px; } .qo-dmore { background-color: #f5fbff; border-radius: 25px; border: 1px solid #98caef; color: #348ef8; display: inline-block; font-size: 13px; width: 90px; height: 26px; line-height: 24px; margin: 15px 0 } .qo-dmore:hover { background-color: #e4f3fd; color: #348ef8; } .qoth-nav { font-size: 16px; height: 50px; line-height: 50px; border-top: 1px solid #dfe2e6; border-bottom: 1px solid #dfe2e6; } .qoth-icon-l { background: url(../images/imt_15.png) center center no-repeat #46c349; position: relative; width: 56px; display: inline-block; height: 48px; float: left; } .qoth-icon-2 { margin-left: 25px; color: #348ef8; display: block; float: left; } .qoth-icon-date { background: url(../images/date-i.png) left center no-repeat; padding-left: 27px; } .qoth-icon-3 { margin-left: 25px; display: block; float: left; } .qoth-icon-l:before { content: ""; display: inline-block; position: absolute; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #46c349; left: 100%; top: 50%; margin-top: -6px; } .qoth-wfo { width: 360px; font-size: 0; } .qoth-djck-i { float: right; display: inline-block; width: 175px; height: 48px; background: #348ef8; text-align: center; font-size: 15px; } .qoth-djck-i>a { background: url(../images/imr_18.png) left center no-repeat; display: inline-block; color: #fff; padding-left: 30px; } .qoth-bg-btn { height: 48px; float: right; background: #f5f9ff; display: inline-block; width: 175px; font-size: 15px; text-align: center } .qoth-box-line { border: 1px solid #dfe2e6; margin-bottom: 40px; } .qoth-line-0 { border-bottom: 1px solid #dfe2e6; font-size: 16px; padding: 20px 0 10px 10px; margin-left: 23px; margin-right: 23px; } .qoth-line-0>span { margin-left: 0; } .qoth-line-0>span+span { margin-left: 25px; } .qoth-line-1 { font-size: 15px; padding: 20px 140px 0 60px; } .qoth-list-line { font-size: 15px; } .qoth-list-s { display: inline-block; background: #f4f6fa; border-radius: 25px; line-height: 18px; width: 220px; height: 30px; padding-right: 5px; margin: 15px 25px 15px 0; cursor: pointer; height: 42px; font-size: 14px; } .qoth-list-s:hover { opacity: 0.85; } .qoth-list-s>span>i { line-height: 42px; font-style: normal; background: #98a9cc; border-radius: 25px 0 0 25px; width: 36px; color: #fff; display: inline-block; text-align: center; margin-right: 15px; vertical-align: middle; height: 100%; } .qoth-list-s>span{ display: table-cell; vertical-align: middle; height: 42px;} .qoth-list-s>span:last-child{ padding-right: 15px; } .qoth-list-s.green { color: #46c349; background-color: #ecf9ec; } .qoth-list-s.green>span>i { background: #46c349; } .qoth-list-s.blue { color: #348ef8; background-color: #eaf3fe; } .qoth-list-s.blue>span>i { background: #348ef8; } .qoth-list-s.orange { color: #ec6941; background-color: #fdf0ec; } .qoth-list-s.orange>span>i { background: #ec6941; } .qoth-line-2 { background: #f9f9f9; padding: 20px 33px 20px 33px;} .qoth-zj-ico { padding-left: 30px; background: url(../images/qdrw.png) left center no-repeat; color: #348ef8; font-size: 16px; height: 40px; line-height: 40px; } .qoth-text-line { font-size: 15px; padding: 20px 30px; } .qoth-cb-ico { width: 103px; height: 28px; line-height: 28px; font-size: 16px; color: #ff574a; text-align: center; position: absolute; right: 50px; top: 17px; cursor: pointer; background: #ffefea; border-radius: 5px; } .qoth-cb-ico>span { background: url(../images/imt_23-h.png) left center no-repeat; display: inline-block; padding-left: 25px; } .qoth-button-ico-2 { background-color: #348ef8 !important; border-radius: 5px; text-align: center; font-size: 14px; text-align: center; border: none; padding: 0; padding-right: 3px; min-width: 112px; height: 30px; line-height: 30px; color: #fff; margin-left: 5px; padding: 0px 12px; } .qoth-button-ico-2:hover { opacity: 0.9; } .qoth-button-ico-2>i { width: 22px; height: 22px; display: inline-block; padding-left: 25px; vertical-align: middle; margin-top: -3px; } .qoth-bg-green { background-color: #46c349; } .qoth-bg-tbred { background-color: #fe4b4f; font-size: 16px; min-width: 60px; } .qoth-ico-add { background: url(../images/ima_03.png) left center no-repeat; } .qoth-ico-dr { background: url(../images/ima_03.png) -120px center no-repeat; } .qoth-ico-dc { background: url(../images/ima_03.png) -236px center no-repeat; } .qoth-ico-yjsp { background: url(../images/sh-i.png) center center no-repeat; } .qoth-ico-downi { background: url(../images/download-i.png) center center no-repeat; } .qoth-ico-editi { background: url(../images/info-i.png) center center no-repeat; }.qoth-bohui-i { width: 22px; height: 22px; display: inline-block; vertical-align: middle; cursor: pointer; background: url(../images/ait.png) center center no-repeat; } .qoth-npass-i { width: 22px; height: 22px; display: inline-block; vertical-align: middle; cursor: pointer; background: url(../images/npass.png) center center no-repeat; } /* 表格 end */ /* 表格2 */ .qoth-table-task-2 { width: 100%; } .qoth-table-task-2>thead>tr>th { border-bottom: 1px solid #99c6fb; padding: 10px; font-size: 16px; color: #348ef8; font-weight: normal; white-space: nowrap; } .qoth-table-task-2>tbody>tr:first-child>td { padding-top: 15px; } .qoth-table-task-2>tbody>tr>td { padding-left: 10px; padding-right: 10px; font-size: 14px; white-space: nowrap; height: 55px; } .qoth-br-btm { border-bottom: 1px solid #f5f5f5; } .qoth-br-btm>td { padding-bottom: 15px; } .qoth-br-btm+tr>td { padding-top: 15px; } .qo-w-50 { width: 50px; } .qoth-td-xh-2 { color: #348ef8; font-size: 15px; } .qoth-td-name-2 { font-size: 15px; white-space: pre-wrap; } .qoth-td-rw { white-space: pre-wrap; width: 200px; } .qoth-a-cz>a { margin: 5px 7px 5px 0; display: inline-block; width: 28px; height: 22px; } .qo-cz-1 { background: url(../images/ima_07-1.png) center center no-repeat; } .qo-cz-2 { background: url(../images/ima_07-2.png) center center no-repeat; } .qo-cz-3 { background: url(../images/ima_07-3.png) center center no-repeat; } .qo-cz-4 { background: url(../images/ima_07-4.png) center center no-repeat; } .qo-cz-5 { background: url(../images/ima_07-5.png) center center no-repeat; } .qo-cz-6 { background: url(../images/ima_07-6.png) center center no-repeat; } .qo-cz-7 { background: url(../images/ima_07-7.png) center center no-repeat; } .qo-cz-8 { background: url(../images/ima_07-8.png) center center no-repeat; } .qo-cz-9 { background: url(../images/ima_07-9.png) center center no-repeat; } .qo-cz-10 { background: url(../images/ima_07-10.png) center center no-repeat; } .qo-02bg.qoth-tab-ul>li>i { background-image: url(../images/imx_03.png); } .qo-02bg.qoth-tab-ul>li { position: relative; } .qo-tips { display: inline-block; min-width: 20px; height: 20px; line-height: 20px; color: #fff; background: #fe4b4f; border-radius: 35px; font-size: 12px; text-align: center; margin-left: 5px; margin-right: -7px; transform: scale(0.85); -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); -o-transform: scale(0.85); padding: 0px 5px; margin-top: -3px; vertical-align: middle; } .qo-tips.top { top: -5px; left: 50px; right: auto; white-space: nowrap; padding: 0 2px; position: absolute; content: ""; display: block; min-width: 20px; height: 20px; line-height: 20px; color: #fff; background: #f0582b; border-radius: 50%; font-size: 12px; text-align: center; } .qo-02bg .qo-i2 { background-position: -99px top; } .qo-02bg .qo-i3 { background-position: -254px top; } .qo-02bg .qo-i4 { background-position: -405px center; } .qo-02bg .qo-i5 { background-position: -568px center; } .qo-02bg .qo-i6 { background-position: -666px center; } .qoth-tab-ul.qo-02bg>li>i.qo-izdd1 { background: url(../images/wfz-zdd.png) center 5px no-repeat; } .qoth-tab-ul.qo-02bg>li>i.qo-izdd2 { background: url(../images/bm-zdd.png) center 5px no-repeat; } .qoth-abt-r { position: absolute; right: 40px; top: 0; } .qoth-abt-r .qoth-button-ico-2 { height: 35px; line-height: 35px; padding: 0px 15px; } /* 表格2 end */ .qoth-less-1 { border-bottom: 3px solid #f5f8fd; padding-bottom: 10px; padding-left: 30px; margin-top: 30px; } .qoth-ls-1 { background: url(../images/imp_07.png) left center no-repeat; color: #348ef8; padding-left: 30px; font-size: 20px; } .qoth-ls-2 { background: url(../images/imp_11.png) left center no-repeat; color: #348ef8; padding-left: 33px; font-size: 20px; } .qoth-less-line { font-size: 15px; padding: 15px 30px; } .qoth-white.qua-top-menu { background: #348ef8; position: fixed; top: 0; left: 0; right: 0; z-index: 2000; box-shadow: 0px 1px 8px rgba(0, 0, 0, .3); min-width:inherit; } .qoth-white.qua-top-menu+div { /* margin-top: 70px; */ } .qoth-white .qua-logo>span { background: url(../images/ico-logo-b-whi.png) left center no-repeat; color: #fff; } .qoth-white .qua-list-ul>li>a { color: #fff; } .qoth-white .qua-list-ul>li>a>.qua-btm-line { border-bottom: 2px solid #fff; } .qoth-white .qua-exit-ico { color: #fff; background: url(../images/exit-ico-whi.png) left center no-repeat; } .qoth-white .qua-user-ico { color: #fff; background: url(../images/user-ico-whi.png) left center no-repeat; } .qoth-white a { color: #fff;} .qoth-dh-pad { padding: 45px 20px 10px; border-bottom: 1px solid #e6e9f1; } .qoth-dh-pad .qoth-leftbf { font-size: 22px; } .qoth-leftbf.green:before { border-left-color: #46c349; } .qoth-leftbf.org:before { border-left-color: #f39800; } .qoth-leftbf.red:before { border-left-color: #f29c9f; } .qoth-dh-list {} .qoth-dh-s { text-align: center; margin: 25px 60px 25px 30px; display: inline-block; vertical-align: top; cursor: pointer; } .qoth-dhs-a { display: inline-block; margin-top: 20px; } .qoth-dhs-a>span { display: inline-block; width: 60px; height: 53px; background-image: url(../images/imt_03.png); background-repeat: no-repeat; } .qoth-ic1 { background-position: 6px 6px; } .qoth-ic2 { background-position: -194px 2px; } .qoth-ic3 { background-position: -394px 2px; } .qoth-ic4 { background-position: -600px 2px; } .qoth-ic5 { background-position: -800px 2px; } .qoth-ic6 { background-position: -1000px 2px; } .qoth-ic7 { background-position: 6px -285px; } .qoth-ic8 { background-position: -194px -285px; } .qoth-ic9 { background-position: -394px -285px; } .qoth-ic10 { background-position: -600px -285px; } .qoth-ic11 { background-position: -806px -285px; } .qoth-ic12 { background-position: -1003px -285px; } .qoth-ic13 { background-position: -4px -591px; } .qoth-ic14 { background-position: -194px -594px; } .qoth-ic15 { background-position: -394px -594px; } .qoth-ic16 { background-position: -600px -594px; } .qoth-ic17 { background-position: -800px -594px; } .qoth-ic18 { background-position: -1000px -594px; } .qoth-ic19 { background-position: -1172px -285px; } .qoth-ic20 { background-position: -1355px -285px; } .qoth-ic21 { background-position: -1164px -594px; } .qoth-dhs-b { font-size: 18px; color: #348ef8; margin-top: 8px; } .qoth-dhs-c { font-size: 13px; margin-top: 5px; } .qoth-dhs-d { background: #348ef8; border-radius: 25px; padding: 0px 10px; height: 30px; line-height: 30px; color: #fff; font-size: 15px; min-width: 140px; margin-top: 10px; } .qoth-dhs-e { font-size: 16px; margin-top: 10px; } .qoth-dhs-a.b-img>span { background-image: url(../images/imt_07.png); width: 210px; height: 180px; } .qoth-ica { background-position: 10px center; } .qoth-icb { background-position: -270px center; } .qoth-icc { background-position: -550px center; } .qoth-icd { background-position: -820px center; } .qoth-button-g { text-align: center; margin: 50px 20px; } .qoth-btn-d { min-width: 232px; height: 47px; line-height: 47px; background: #348ef8; font-size: 20px; border: none; color: #fff; text-align: center; margin: 0px 10px; border: 1px solid #348ef8; }.qoth-btn-d:hover { opacity: 0.9; } .qoth-btn-d.grey { background: #fff; color: #888; border: 1px solid #e8e8e8; } .qoth-btn-d.grey:hover { background: #f5f5f5 } .qoth-btn-d.blue { background: #edf6ff; border: 1px solid #4299ed; color: #4299ed; } .qoth-btn-d.blue:hover { background: #ddecfb; } .qoth-file-g { background: #f4f8fd; padding: 40px 60px 10px; } .qoth-file-g { font-size: 15px; margin-bottom: 50px; } .qoth-ipt-br { border: 1px solid #dfe2e6; height: 47px; line-height: 47px; background: #fff; font-size: 15px; width: 100%; padding: 0px 10px; } .qoth-file-left { color: #348ef8; min-width: 75px; display: inline-block; } .qoth-fj-updown { border: none; background: url(../images/updown.png) 15px center no-repeat #5da5f9; border-radius: 5px; padding: 0px 13px 0px 35px; color: #fff; font-size: 13px; height: 26px; line-height: 26px; margin-bottom: 10px; } .qoth-top-30 { margin-top: 30px; margin-bottom: 30px; } .top-middle { margin-top: 2px; } .qo-hr { border: none; border-top: 1px solid #99c6fb; margin: 50px 0 10px; } .qoth-wid-p2 { width: 300px; margin-left: 40px; } .qbg-timei { background: url(../images/dat.png) right 20px center no-repeat #fff; } .qoth-hidden { overflow: inherit !important; } /* 无数据 */ .qoth-none { margin: 100px 0; } .qoth-n-img { background: url(../images/none.png) center center no-repeat; height: 133px; } .qoth-n-text { margin-top: 40px; font-size: 16px; color: #888; text-align: center; } /* 无数据 end */ /* windows */ .qoth-wm-line-0 { padding: 30px 40px 10px; } .qoth-wm-line-1 { padding: 30px 40px 30px; } .qoth-wnmedia { margin: 0; } .qoth-wnmedia+.qoth-wnmedia { margin-top: 20px; } .qoth-wnleft { min-width: 70px; display: inline-block; color: #348ef8; font-size: 15px; } .qoth-wnright {} .qoth-square .q-comn-check-idx+label:before { border-radius: 2px; } .qoth-wn-ul { margin: 15px 0; } .qoth-wn-line { font-size: 15px; color: #348ef8; margin: 15px 0; } .qoth-wn-li {} .qoth-wn-li>li { background-color: #f4f6fa; margin-right: 25px; margin-bottom: 25px; padding: 0 30px 0 25px; border-radius: 25px; display: inline-block; height: 28px; line-height: 28px; cursor: pointer; } .qoth-wn-li>li:hover { background-color: #e8f5ff; } .qoth-wn-li>li.active { background: url(../images/check.png) right 10px center no-repeat #e8f5ff; } .qua-tip-wid-in.qoth-800 { width: 800px; margin-left: -400px; } .qoth-ht-hd { overflow: auto; max-height: 340px; } .qua-tip-wid-in>h2>i { margin-left: 5px; font-size: 15px; } /* 个人信息 */ .qoth-ws-line-0 { background: #f6f6f6; padding: 15px 35px; position: relative; } .qoth-ws-user { position: relative; border-radius: 50%; width: 68px; height: 68px; background: url(../images/user-pt.png) center center no-repeat #e5e5e5; background-size: cover; overflow: hidden; cursor: pointer; } .qoth-ws-user>span { background-color: rgba(0, 0, 0, .4); bottom: 0; height: 25px; width: 100%; position: absolute; display: inline-block; font-size: 12px; color: #fff; text-align: center; line-height: 25px; font-family: "宋体"; } .qoth-ws-name { font-size: 18px; margin-left: 8px; } .qoth-ws-dep { font-size: 15px; margin-left: 8px; margin-top: 3px; } .qoth-modify { position: absolute; right: 40px; bottom: 20px; } .qoth-md-col1 { background: url(../images/psw-i.png) center center no-repeat; width: 15px; height: 20px; display: inline-block; margin-right: 22px; } .qoth-md-col2 { background: url(../images/ed-i.png) center center no-repeat; width: 24px; height: 20px; display: inline-block; } .qoth-md-col1:hover { background: url(../images/psw-i-h.png) center center no-repeat; } .qoth-md-col2:hover { background: url(../images/ed-i-h.png) center center no-repeat; } .qoth-ws-line-1 { padding: 13px 0 20px; margin: 0px 15px; border-bottom: 1px solid #dedede; } .qoth-ws-td { width: 245px; display: inline-block; margin-top: 10px; } .qoth-td-col1 { display: table-cell; width: 80px; text-align: right; white-space: nowrap; } .qoth-td-col1>em { white-space: nowrap; } .qoth-td-col2 { display: table-cell; } .qoth-ws-line-3 { padding: 20px 35px; margin-bottom: -40px; } .qoth-ws-cic { border-radius: 50%; border: 1px solid #46c349; color: #46c349; font-size: 25px; text-align: center; line-height: 60px; height: 68px; width: 68px; position: relative; display: inline-block; margin-right: 14px; } .qoth-ws-cic>em { font-family: 'PingFangSC-Thin'; } .qoth-ws-cic>span { border-radius: 25px; background-color: #46c349; font-size: 12px; color: #fff; display: inline-block; position: absolute; bottom: -2px; height: 18px; line-height: 18px; text-align: center; left: 0; right: 0; } .qoth-login-right { width: 250px; display: inline-block; vertical-align: bottom; } /* 个人信息 end */ /* windows end */ .qoth-rw-table .el-slider__runway { margin: 15px 0 !important; } .qoth-rw-table .el-slider+span { height: 34px !important; vertical-align: top!important; line-height: 34px!important; } .qoth-password-m { padding: 60px 0 40px; background: #f5f8fd; text-align: center; } .qoth-password-line { display: inline-block; padding-right: 50px; } .qoth-ps-line-1 { margin-bottom: 20px; position: relative; } .qoth-ps-col1 { font-size: 15px; display: inline-block; width: 70px; margin-right: 20px; text-align: right; } .qoth-ps-ipt { width: 289px; height: 47px; border: 1px solid #eee; background: #fff; padding-left: 20px; } .qoth-none-error { text-align: center; line-height: 28px; height: 28px; margin-top: 28px; } .qoth-error-t { background: #ee8b70; width: 289px; font-size: 15px; color: #fff; margin-left: 93px; } .qoth-180 { width: 180px; min-width: 180px; margin-left: 20px; } .qoth-ing-i { background: url(../images/im_07.png) left center no-repeat; display: inline-block; color: #888; width: 20px; top: 50%; margin-top: -10px; height: 20px; position: absolute; right: -40px; } .qoth-over-i { background: url(../images/im_13.png) left center no-repeat; width: 20px; height: 20px; display: inline-block; top: 50%; margin-top: -10px; color: #888; position: absolute; right: -40px; } .qoth-psw-slt { position: relative; } .qoth-psw-slt>.qua-user-ico { position: relative; z-index: 9; } .qoth-psw-dropmenu { background: transparent; padding-top: 22px; position: absolute; top: 14px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 8;} .qoth-psw-dropmenu>ul { box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.15); background: #fff; padding: 10px 0; -webkit-transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .4s; -moz-transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .4s; -ms-transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .4s; -o-transition:all cubic-bezier(0.85, 0.56, 0, 1.3) .4s; transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .4s; height:0; opacity:0; overflow:hidden; visibility:hidden; }.qoth-psw-menushow.active .qoth-psw-dropmenu>ul { height:auto; opacity:1; visibility:visible; } .qoth-psw-dropmenu>ul>li { height: 36px; line-height: 36px; font-size: 15px; color: #555; padding: 0px 25px; text-align: left; } .qoth-psw-dropmenu>ul>li:hover { color: #348ef8; background: #eaf3fe; cursor: pointer; } .qoth-psw-dropmenu>ul>li.active{ color: #348ef8;} .qoth-psw-dropmenu>ul>li.qua-exit-ico-in { background: url(../images/exit-ico.png) left 27px center no-repeat; padding-left: 51px; color: #ff0000; letter-spacing: 3px; } .qoth-psw-dropmenu>ul>li.qua-exit-ico-in:hover{ background: url(../images/exit-ico.png) left 27px center no-repeat #eaf3fe; } a.qoth-year-slt{ color:#fff; position: relative; z-index: 9; } .qoth-message-ico { background: url(../images/dh-i_06.png) left center no-repeat; padding-left: 22px; } .qoth-psw-slt>.qoth-message-ico { position: relative; z-index: 9; } .qoth-message-tip { background: #FE4B4F; position: absolute; right: -2px; top: -2px; display: inline-block; width: 8px; height: 8px; border-radius: 50%; } .qoth-haveamessage { transition: all 1s linear 0s; animation: ham 1s linear infinite 0.5s alternate-reverse; -webkit-animation: ham 1s linear infinite 0.5s alternate-reverse; -moz-animation: ham 1s linear infinite 0.5s alternate-reverse; -ms-animation: ham 1s linear infinite 0.5s alternate-reverse; -o-animation: ham 1s linear infinite 0.5s alternate-reverse; } @-webkit-keyframes ham { 0% { -webkit-transform: scale(0.5); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes ham { 0% { -moz-transform: scale(0.5); } 100% { -moz-transform: scale(1); } } @-o-keyframes ham { 0% { -o-transform: scale(0.5); } 100% { -o-transform: scale(1); } } @keyframes ham { 0% { transform: scale(0.5); } 100% { transform: scale(1); } } .qoth-message-img1 { background: url(../images/dh-i_21.png) left 4px no-repeat; padding-left: 30px; } .qoth-message-img2 { background: url(../images/dh-i_21.png) left -40px no-repeat; padding-left: 30px; } .qoth-message-img3 { background: url(../images/dh-i_21.png) left -87px no-repeat; padding-left: 30px; } .qoth-message-num { background: #fe4b4f; border-radius: 25px; min-width: 20px; height: 20px; line-height: 19px; color: #fff; font-size: 12px; margin-left: 30px; padding: 0px 5px; white-space: nowrap; } .qoth-white .qoth-psw-menushow .qua-user-ico { background: url(../images/user-ico.png) left center no-repeat; color: #666; } pre { display: block; padding: 0; margin: 0; font-size: inherit; line-height: inherit; color: inherit; word-break: break-all; word-wrap: break-word; background-color: transparent; border: none; border-radius: 0; font-family: 'PingFangSC-Light', 'Hiragino Sans GB', 'Microsoft YaHei Light', 'Microsoft YaHei', 'Arial', 'sans-serif'; padding-left: 10px; } .qoth-floating { position: fixed; top: 130px; margin-left: 1235px; z-index: 2100; } .qoth-side-ul { border: 1px solid #dfe2e6; background: #fff; width: 65px; } .qoth-side-ul>li>a { display: block; text-align: center; padding: 7px 5px; position: relative; cursor: pointer; color: #888; font-size: 12px; } .qoth-side-ul>li+li>a:before { position: absolute; content: ""; display: block; width: 53px; height: 1px; background: #dfe2e6; top: 0; left:50%; margin-left:-27px; } .qoth-side-ul>li.active>a { background: #e9f7ff; }.qoth-side-ul>li.active>a:before{ display: none; } .qoth-side-ul>li.active+li>a:before{ display: none; } .qoth-side-ul>li:hover>a { background: #e9f7ff; } .qoth-side-img { width: 35px; height: 36px; display: inline-block; background: url(../images/hv_03.png) center 0 no-repeat; background-size: 100%; } .qoth-simg01 { background-position: center 0; } .qoth-simg02 { background-position: center -77px; } .qoth-simg03 { background-position: center -154px; } .qoth-simg04 { background-position: center -228px; } .qoth-simg05 { background-position: center -304px; } .qoth-simg06 { background-position: center -387px; } .qoth-side-text { margin-top: 5px; } .qoth-to-top { background: url(../images/totop.png) center 17px no-repeat #348ef8; height: 60px; } .qoth-to-top>a { display: block; cursor: pointer; color: #fff; text-align: center; padding-top: 27px; font-size: 16px; } .qua-right-search { margin-right: 35px; margin-top: 0; } /* 问题库 */ .qoth-line-table { margin: 20px 0 40px; } .qoth-line-table>.media { margin: 0; padding: 17px 0; border-bottom: 1px solid #d3dae9; } .qoth-lt-left { background: url(../images/jg-i.png) center center no-repeat; width: 100px; height: 19px; display: inline-block; vertical-align: middle; } .qoth-lt-left.qico-yellow { background: url(../images/imi_10.png) center center no-repeat; } .qoth-lt-left.qico-red { background: url(../images/imi_12.png) center center no-repeat; } .qoth-lt-left.qico-blue { background: url(../images/imi_07.png) center center no-repeat; } .qoth-lt-body { line-height: 30px; padding-right: 35px; } .qoth-lt-right { line-height: 30px; width: 500px; text-align: right; } .qoth-lt-right>div { display: inline-block; max-width: 160px; margin: 0px 4px; text-align: center; min-width: 140px; } .qoth-media-888 { color: #bababa; } .qoth-new-t { background-color: #ff6155; border-radius: 3px; color: #fff; font-size: 12px; min-width: 30px; text-align: center; padding: 0px 2px; height: 12px; text-transform: uppercase; margin-left: 15px; } .qoth-new-t.green { background-color: #6bcf6d; } .qoth-new-t>i { text-transform: uppercase; transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); display: inline-block; } .qoth-srf-i { background: url(../images/srf-i.png) right center no-repeat; padding-right: 30px; height: 24px; } .qoth-srf-i-t { background: url(../images/srf.png) right center no-repeat; padding-right: 30px; height: 21px; display: inline-block; vertical-align: middle; } .qoth-right-hover { display: none; padding-right: 20px; width: 500px; text-align: right; } .qoth-right-hover>a { display: inline-block; padding: 0px 12px; border: 1px solid #c9c9c9; background-color: #fff; min-width: 80px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; } .qoth-right-hover>a:hover { background-color: #f5f5f5; color: #333; } .qoth-right-hover>a>i { display: inline-block; width: 16px; height: 20px; vertical-align: text-bottom; margin-right: 4px; } .qoth-right-hover>a+a { margin-left: 8px; } .qoth-gongshi-i>i { background: url(../images/gongshi.png) center center no-repeat; } .qoth-gbwt-i>i { background: url(../images/close-wt.png) center center no-repeat; } .qoth-shanchu-i>i { background: url(../images/del-it.png) center center no-repeat; } .qoth-line-table>.media:hover { background: #f2f6ff; } .qoth-line-table>.media:hover .qoth-right-hover { display: block } .qoth-line-table>.media:hover .qoth-lt-right { display: none; } .qoth-line-table.qoth-nohidden>.media:hover .qoth-lt-right { display: block; } .qoth-line-table>.media.qcor-default { font-size: 16px; } .qoth-line-table>.media.qcor-default:hover .qoth-lt-right { display: block; } .qoth-line-table>.media.qcor-default:hover { background: none; } .qoth-gzwt-top { font-size: 18px; margin: 15px 0 20px; text-align: center; } .qoth-qst-cont { padding: 0px 40px 30px 40px; } .qoth-qst-cont>.media { padding: 0px 13px; } .qoth-qst-cont>.media+.media { margin-top: 30px; } .qoth-qst-cont .qua-txtarea-h1 { margin-top: 10px } .qoth-qst-cont .q-label-lr { width: 60px; margin-left: 20px; } .qoth-square .el-checkbox__label{ max-width: 90%; overflow: hidden; text-overflow: ellipsis; vertical-align: text-bottom; } .qoth-wt-tit { font-size: 21px; text-align: center; } .qoth-wtk-box { font-size: 16px; margin: 20px 0; text-align: center; } .qoth-wtk-box>span { display: inline-block; min-width: 120px; } .qoth-wtk-box>span+span { margin-left: 30px; } .qoth-wtk-col3 { background: url(../images/imi_03.png) left center no-repeat; padding-left: 30px; display: inline-block } .qoth-wtk-col2 { background: url(../images/imi_12.png) left center no-repeat; padding-left: 25px; display: inline-block; position: relative; z-index: 10; } .qoth-wtk-col2.qi2 { background: url(../images/imi_10.png) left center no-repeat; } .qoth-wtk-col2.qi3 { background: url(../images/imi_07.png) left center no-repeat; } .qoth-wtk-degree { padding-top: 40px; top: -10px; width: 120px; position: absolute; border: 1px solid #dedede; text-align: left; z-index: 9; background: #fff; visibility: hidden; } .qoth-wtk-top-br { border-top: 1px solid #eee; padding-left: 14px; padding-top: 5px; padding-bottom: 5px; font-size: 15px; } .qoth-wtk-degree span { cursor: pointer; display: block; margin: 5px 0; } .qoth-wtk-degree span:hover { color: #348ef8; } .qoth-hover-degree { cursor: pointer; } .qoth-hover-degree:hover .qoth-wtk-degree { visibility: visible; } .qoth-wtk-tit { padding-left: 15px; } .qoth-wt-area>textarea { margin: 10px 0; border: 1px solid #d3dae9; background-color: #fff; padding: 15px 25px; width: 100%; height: 120px; text-align: left; resize: none; } .qoth-commnent { margin: 45px 0 100px; border: 1px solid #d3dae9 } .qoth-wt-tipi { border: 1px solid #348ef8; border-radius: 15px; color: #348ef8; font-size: 12px; text-align: center; padding: 0px 8px; display: inline-block; line-height: 16px; margin-left: 12px; } a.qoth-del-zuji { background: url(../images/del-zj.png) left center no-repeat; padding-left: 25px; color: #ec6941; margin-left: 50px; display: inline-block; } a.qoth-del-wt { background: url(../images/del-it.png) left center no-repeat; padding-left: 25px; color: #ec6941; visibility: hidden; margin-bottom: 10px; display: inline-block; } .qoth-mar-b0 { margin-bottom: 0 !important; } .qoth-hover-delete { padding: 20px 20px 10px; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .qoth-hover-delete { margin-top: 15px; } .qoth-hover-delete+.qoth-hover-delete { margin: 0; } .qoth-hover-delete:hover { background: #fbfbfb; cursor: pointer; box-shadow: 0 0 0 1px #f5f5f5; border-top-color: transparent; } .qoth-hover-delete:hover .qoth-del-wt { visibility: visible; } .qoth-hover-delete:hover+.qoth-hover-delete { border-top-color: #fff; } .qoth-commnent .qwin-dis-talk { margin-top: 5px } .qoth-commnent .qwin-radio-tab+label+div { border-top: 1px solid #d3dae9; padding-top: 45px; padding-bottom: 15px; } .qoth-load-much { margin-top: 30px; text-align: center; } .qoth-load-much>a { font-size: 16px; color: #348ef8; } .qoth-field-table { border: 1px solid #d3dae9; margin-top: 30px; } .qoth-field-table>.media { padding: 20px; margin: 0; } .qoth-field-table>.media+.media { border-top: 1px solid #d3dae9; } .qoth-wtslt-sub { display: inline-block; } .qoth-wtslt-sub>span { cursor: pointer; display: inline-block; } .qoth-wtslt-sub>span+span { margin-left: 35px; } /* 问题库 end */ @media screen and (max-width:1500px) { .qua-resolving { padding-right: 130px; } .qoth-ico-menu-top>.qua-wid-auto{ padding-right: 130px; } .qoth-fxzlbox .qua-resolving{ padding-right: 0px; } .qoth-floating { margin-left: 1094px } .qoth-fxzlbox .qoth-floating{ margin-left: 1235px; } .dpi-zbiao-hd>span{ margin-right: 5px; } .dpi-zbiao-hd>span>em{ padding: 0px 4px; font-size: 13px; min-width:56px; margin-right: 5px; } .dpi-zbiao-hd>span>b{ font-size:14px; } .dpi-zbiao-hd>span>i{ font-size:12px; } } @media screen and (max-width:1400px) { .qoth-fxzlbox .qua-resolving{ padding-right: 80px; } .qoth-fxzlbox .qoth-floating{ margin-left: 1150px; }} @media screen and (max-width:1280px){ .qoth-floating { margin-left: 1094px } .qoth-fxzlbox .qoth-floating{ margin-left: 1235px; } } @media screen and (max-height:836px) { .qoth-floating { top: 125px; } .qoth-side-text { margin-top: 0; line-height: 1; } .qoth-side-ul>li>a{ padding: 6px 0; } } /* 诊断点 */ .qoth-intd-put { background: none; border: none; width: 60px; height: 29px; line-height: 28px; text-align: center; } .qoth-intd-put:hover { background: #fff; box-shadow: 0 0 0 1px #bfbfbf; } a.qoth-btnc { color: #666; display: inline-block; padding: 0px 4px; border: 1px solid #c9c9c9; background-color: #fff; min-width: 65px; height: 30px; line-height: 30px; text-align: center; border-radius: 4px; vertical-align: middle; } a.qoth-ck-c.qoth-btnc { background: #fff; border-radius: 25px; border: none; font-family: "宋体"; font-size: 12px; } a.qoth-btnc:hover { background-color: #f7f7f7; color: #fff; } a.qoth-btnc>i { display: inline-block; width: 16px; height: 20px; vertical-align: text-bottom; margin-right: 4px; } a.qoth-ck-c>i { background: url(../images/ckc.png) center center no-repeat; vertical-align: middle; margin-top: -3px; } a.qoth-ck-c.qoth-btnc:hover { background: #1fcb6f } a.qoth-ck-c.qoth-btnc:hover>i { background: url(../images/ckc-whi.png) center center no-repeat; } a.qoth-btnc-link { background: url(../images/bit.png) center center no-repeat #fff; width: 26px; height: 26px; border: none; margin-left: 10px; border-radius: 50%; min-width: 26px; } a.qoth-btnc-link:hover { background: url(../images/bit-whi.png) center center no-repeat #4299ed; } .qoth-wei-db { color: #fa7048; } .qoth-wei-db i { background: #fa7048; font-size: 11px; padding: 0px 3px 1px; color: #fff; margin-left: 5px;} .qoth-yi-db { color: #1fcb6f; } .qoth-yi-db i { background: #1fcb6f; font-size: 11px; padding: 0px 3px 1px; color: #fff; margin-left: 5px; } .qoth-table-new { border-collapse: collapse; table-layout: fixed; } .qoth-table-new>thead>tr>th { font-size: 15px; color: #348ef8; font-weight: normal; white-space: nowrap; } .qoth-table-new>thead>tr>th, .qoth-table-new>tbody>tr>td { height: 60px; border-bottom: 1px solid #d3dae9; padding: 0px 10px 0px 0px; vertical-align: middle; } .qoth-table-new>tbody>tr>td:first-of-type, .qoth-table-new>thead>tr>th:first-of-type { width: 95px; padding-left: 57px; } .qoth-table-new>tbody>tr:nth-child(2n+1) { background-color: #f8f8f8; } .qoth-table-new>tbody>tr:hover { background-color: #f5f9ff; } .qoth-hidden-wid { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .qoth-btn-width { width: 130px; display: inline-block; } .qoth-w-4 { width: 3.5%; } .qoth-w-6 { width: 5.8%; } .qoth-w-7 { width: 7%; } .qoth-w-8 { width: 8.5%; } .qoth-w-10 { width: 11%; } .qoth-w-auto { width: auto !important; } .qoth-zd-addjj { border: none; background: #348ef8; border-radius: 5px; padding: 0px 13px 0px 13px; color: #fff; font-size: 15px; height: 29px; line-height: 29px; } .qoth-zd-addjj:hover { box-shadow: 1px 2px 3px rgba(0, 0, 0, .15) inset; } .qoth-zd-arrowin{ background: linear-gradient(to right,#21c270,#1fcd50); background: -webkit-linear-gradient(left,#21c270,#1fcd50); background: -moz-linear-gradient(left,,#21c270,#1fcd50); background: -o-linear-gradient(left,#21c270,#1fcd50); padding:0 15px 0 20px; white-space: nowrap; height:35px; line-height:35px; text-align:center; border: none; color:#fff; font-weight: bold; font-size:15px; border-radius: 35px; } .qoth-zd-arrowin>i{ margin-left:5px; font-weight: normal; } .qoth-zd-arrowin:hover{ box-shadow: 1px 2px 3px rgba(0, 0, 0, .15) inset; opacity: 0.9; } .qo-input-br-60 { border-radius: 5px; height: 36px; line-height: 34px; text-align: center; border: none; background: none; width: 60px; } .qo-input-br-60:hover { box-shadow: 0 0 0 1px #dfe2e6; } .qoth-zb-set-slt { border: 1px solid #ccc; border-radius: 5px; height: 32px; line-height: 32px; min-width: 100px; padding: 0px 10px; text-align: center; display: inline-block; cursor: pointer; color: #888; appearance: none; -moz-appearance: none; outline: none; -webkit-appearance: none; background: url(../images/down.png) right 10px center no-repeat; } .qoth-yellow-yj { color: #f39700; } .qoth-red-yj { color: #fa7048; } input.qoth-yellow-yj, input.qoth-red-yj { border: none; background: none; border-radius: 5px; height: 36px; line-height: 34px; width: 100%; } input.qoth-yellow-yj:hover, input.qoth-red-yj:hover { box-shadow: 0 0 0 1px #dfe2e6; } .qoth-ico-pad.media, .qoth-ico-pad .media-body, .qoth-ico-pad .media-right { overflow: inherit } .qua-add-link-blue { width: 150px; } .qua-add-link.qua-add-link-blue .btn { background: #348ef8; border-color: #348ef8; color: #fff; height: 29px; padding: 4px 12px; font-size: 15px; } .qua-add-link.qua-add-link-blue .btn-group>.btn+.dropdown-toggle { background: #1e72d5; border-color: #1e72d5; } .qoth-row-line .media { border: 1px solid #dfe2e6; height: 58px; line-height: 58px; font-size: 18px; } .qoth-row-line .media-left { padding: 0px 25px; } .qoth-row-line .media-right { padding: 0px 25px; font-size: 15px; } .qoth-bg-yellow { background: #fef7ed; } .qoth-bg-red { background: #fff1f1; } .qoth-yellow-yjico { background: url(../images/yellow-yj.png) left center no-repeat; display: inline-block; width: 22px; height: 17px; vertical-align: text-top; margin-left: 10px; } .qoth-red-yjico { background: url(../images/red-yj.png) left center no-repeat; display: inline-block; width: 22px; height: 17px; vertical-align: text-top; margin-left: 10px; } .qoth-improvement .media-left { background: #1fcb6f; color: #fff; padding: 20px; } .qoth-im-value { display: block; width: 235px; font-size: 47px; } .qoth-imtips { background: #03a950; border-radius: 25px; width: 75%; height: 36px; font-size: 18px; line-height: 36px; margin: 2px auto 0; } .qoth-improvement .media-body { border: 1px solid #dfe2e6; border-left: none; padding: 20px 20px 20px 45px; } .qoth-im-h4 { font-size: 20px; color: #03a950; } .qoth-im-text { font-size: 16px; line-height: 26px; } .qoth-ft-22 { font-size: 22px; } .qoth-ft-18 { font-size: 18px; } .qoth-ft-16 { font-size: 16px; } .qoth-basicinfor .media { background: #e9f5ff; } .qoth-basicinfor .media-left { color: #fff; padding: 30px 40px; background: #4098FD; } .qoth-basicinfor .media-left.qoth-brow-first { padding: 30px 10px 30px 40px; } .qoth-basicinfor .media-left.qoth-brow-first>span{ display: block; white-space: pre-wrap; width: 280px; } .qoth-basicinfor .media-body { padding: 15px 0px; } .qoth-basicinfor .media-left.qoth-brow { background: url(../images/blue-right.png)left center no-repeat; background-size: 22px 100%; } .qoth-bcol { display: inline-block; min-width: 230px; margin: 8px 20px 8px 0; } .qoth-bcol.qoth-bcol-xs { min-width: 160px; } .qoth-bcol>span { display: inline-block; text-align: right; margin-right: 6px; color: #2393f2; } .qo-table-all { display: table; width: 100%; } .qoth-basicontent { border: 1px solid #dfe2e6; padding: 40px 47px; border-top: none; } .qoth-basic-media { border-bottom: 1px solid #dfe2e6; padding-bottom: 30px; } .qoth-basic-media .media-left { color: #348ef8; font-size: 17px; padding-right: 20px; } .qoth-basic-media .media-body { font-size: 16px; line-height: 26px; } .qoth-gray-basic { background: #f8f8f9; padding: 20px 40px; margin-top: 20px; } .qoth-gray-basic .qoth-basic-media { border: none; padding: 0; } .qoth-gray-basic .qoth-basic-media .media-left { font-size: 16px; } .qoth-basic-s1 { font-size: 15px; color: #348ef8; margin-right: 10px; } .qoth-basic-s2 { font-size: 30px; margin-right: 20px; } .qoth-basic-s2>em { font-size: 18px; } .qoth-basic-s2+span { font-size: 18px; } .qoth-basic-ul>ul>li { float: left; margin: 30px 0; width: 33%; text-align: center; border-right: 1px solid #dfe2e6; } .qoth-basic-ul>ul>li:last-child { border: none; } /* 诊断点 end */ .qoth-wtk-tit+.qoth-basicinfor { margin-top: 10px; } .qoth-wt-area>pre { margin: 10px 0; padding: 15px 25px; } /* 通报 */ .qoth-tb-linebox { padding: 30px 20px; background-color: #f0f2f7; } .qoth-tb-linebox .media, .qoth-tb-linebox .media-body { overflow: inherit; } .qoth-tb-media { background: #fff; border-radius: 5px; padding: 10px; } .qoth-tb-media-trs { padding: 10px; } .qoth-tb-row1 { background: url(../images/tb-bg.png) center center no-repeat; width: 376px; height: 193px; color: #fff; padding: 18px 35px; } .qoth-tb-row1>span { font-size: 23px; font-weight: bold; margin: 10px 0px 0px 5px; display: inline-block; } .qoth-tb-row1>span>em { padding-bottom: 5px; border-bottom: 2px solid #fff; } .qoth-tb-gimg { width: 150px; height: 150px; float: right; } .qoth-tb-row2 { margin-top: 40px; padding-right: 20px; } .qoth-tb-row2>span { font-size: 60px; font-weight: normal; color: #53647c; text-align: right; display: block; } .qoth-tb-row2>span>em { font-size: 23px; color: #555; margin-left: 10px; } .qoth-tb-row2>span>i { color: #aaa; font-size: 20px; } .qoth-tb-table { border: 1px solid #dcdcdc; position: relative; height: 356px; border-radius: 5px; } .qoth-tb-table-2 { border: 1px solid #fff; background: #fff; position: relative; height: 367px; border-radius: 5px; } .qoth-tb-table:before { content: ""; display: block; position: absolute; left: -11px; bottom: 50px; width: 11px; height: 22px; background: url(../images/left-arw.png) center center no-repeat; } .qoth-tb-title { background: #8b9fbd; font-size: 21px; color: #fff; border-radius: 5px 5px 0 0; padding: 17px 30px 17px 30px; margin-left: -1px; margin-right: -1px; margin-top: -1px; font-weight: bold; } .qoth-tb-title>span { font-size: 16px; color: #fff; float: right; margin-top: 5px; font-weight: bold; } .qoth-tb-tp-2 { background: url(../images/tb-tp-2.png) left 27px center no-repeat #8b9fbd !important; padding-left:50px !important; } .qoth-number-t { background: #768da7; padding: 2px 4px; color: #fff; font-size: 16px; border-radius: 15px; display: inline-block; min-width: 34px; text-align: center; margin-left: 5px; line-height: 1; vertical-align: middle; margin-top: -3px; position: relative; font-weight: normal } .qoth-number-t>i{ position: absolute; left:80%; bottom:70%; width: 19px; height: 16px; display: block; background: url(../images/msg-i.png) center center no-repeat; } .qoth-number-t.qoth-number-t-org { font-size: 12px; background: #f88c51; min-width: 26px; } .qoth-tb-i { font-size: 11px; padding: 0px 6px 1px; color: #fff; margin-left: 5px; border-radius: 3px; display: inline-block; margin-left: 15px; } .qoth-tb-i.red-i { background: #fe6f72; } .qoth-tb-i.yellow-i { background: #f8b551; } .qoth-tb-i.green-i { background: #4fd38c; } .qoth-tb-tab { position: relative; overflow: hidden; width: 802px; padding: 0px 27px; border-bottom: 1px solid #dcdcdc; } .qoth-tb-tab>a { width: 27px; height: 56px; position: absolute; top: 0; } .qoth-left-i { background: url(../images/arw-l.png) center center no-repeat #f6f6f6; left: -1px } .qoth-right-i { background: url(../images/arw-r.png) center center no-repeat #f6f6f6; right: -1px; } .qoth-tb-tab>ul { width: 1000px; overflow: auto; } .qoth-tb-tab>ul>li { display: inline-block; } .qoth-tb-tab>ul>li>a { color: #555; font-size: 16px; text-decoration: none; display: block; padding: 0 20px; height: 56px; line-height: 56px; } .qoth-tb-tab>ul>li>a:hover { color: #687fa2; } .qoth-tb-tab>ul>li.active>a { background: #f0f6ff; color: #687fa2; font-weight: bold; } .qoth-tb-litable { font-size: 15px; padding: 15px 20px; overflow: auto; height: 235px; } .qoth-tb-litable>table { width: 100%; table-layout: fixed } .qoth-tb-litable>table>tbody>tr>td { height: 41px; padding: 0 5px 0 30px; } .qoth-tb-litable>table>tbody>tr>td>span{ display: inline-block; overflow: hidden; max-width: 440px; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; } .qoth-tb-litable>table>tbody>tr:nth-child(2n)>td { background: #f6f6f6; } .qoth-tb-litable>table>tbody>tr>td.wid-100 { width: 200px; white-space: nowrap; overflow: hidden; padding-left:10px; text-overflow: ellipsis; } .qoth-tb-litable>table>tbody>tr:hover>td { background: #fcfcfc; cursor: pointer; } .qoth-tb-litable>table>tbody>tr:nth-child(2n):hover>td { background: #f4f4f4; cursor: pointer; } .qoth-cui-i { background: url(../images/cui.png) center center no-repeat; width: 23px; height: 25px; display: inline-block; font-size: 12px; color: #fff; text-align: center; line-height: 25px; margin-left: 30px; cursor: pointer; } .qoth-see-all{ padding-top: 14px; text-align: center; } .qoth-see-all>a{ background: #f2f2f2; font-size:13px; color: #666; width: 109px; height: 27px; display: inline-block; line-height: 25px; text-align: center; border-radius: 15px; border:1px solid #d2d2d2; } .qoth-see-all>a:hover{ color: #444; border:1px solid #d1d1d1; } .qoth-line-fff { padding: 40px 0; } .qoth-table-reserve { margin-top: 20px; } .qoth-em-t { font-size: 16px; color: #8b9fbd; margin-left: 25px; } i.qoth-em-t { font-size: 12px; margin-left: 5px; color: #888; text-transform: uppercase; } .qoth-tb-row3 { width: 384px; height: 171px; background: #ffffff; border-radius: 5px; padding: 22px 5px 5px; } .qoth-tb-row3>span { font-size: 40px; color: #348ef8; } .qoth-tb-row3>span>em { font-size: 18px; color: #aaa; margin-left: 5px; } .qoth-tb-glist { text-align: right; float: right; font-size: 16px; } .qoth-tb-glist>div { padding: 5px 0; } .qoth-tb-glist>div>span { display: inline-block; width: 50px; margin-left: 20px; text-align: left; } .qoth-tb-gline { width: 373px; height: 60px; background: #348ef8; font-size: 18px; font-weight: bold; text-align: center; border-radius: 5px; line-height: 60px; color: #fff; margin-top: 13px; } .qoth-tb-row3+.qoth-tb-row3 { margin-top: 25px; } .qoth-tb-row3.lgreen>span { color: #1fcb6f; } .qoth-tb-row3.lgreen .qoth-tb-gline { background: #1fcb6f; } .qoth-tb-month { height: 304px; padding: 75px 22px 0; font-size: 0; } .qoth-tb-monli { display: inline-block; text-align: center; width: 62px; } .qoth-mon-all { width: 12px; height: 162px; display: inline-block; position: relative; } .qoth-monprogress { background: #1fcb6f; width: 12px; position: absolute; bottom: 0; border-radius: 5px; } .qoth-monprogress>em { position: absolute; top: -40px; left: 50%; width: 36px; margin-left: -18px; font-size: 16px; color: #555; white-space: nowrap; } .qoth-mon-name { text-align: center; margin-top: 10px; } .qoth-mon-name>i { background: #ffa146; color: #fff; font-size: 12px; border-radius: 15px; width: 37px; display: inline-block; height: 19px; text-align: center; line-height: 19px; } .qoth-tb-dynamic { width: 440px; margin-left: 30px; } .qoth-tb-news { border-top: 1px solid #ddd; margin: 15px 0; border-bottom: 1px solid #ddd; } .qoth-tb-news .qoth-tb-news-li:nth-child(2n) { background: #f7faff; } .qoth-tb-news-li { padding: 15px 30px; cursor: pointer; } .qoth-tb-news-li:hover { background: #fdfdfd; } .qoth-tb-sline1 { width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; } .qoth-tb-sline2 { margin-top: 10px; } .qoth-tb-sline2>i { background: #348ef8; font-size: 12px; color: #fff; height: 18px; padding: 0px 8px 1px 8px; margin-right: 20px; } .qoth-tb-sline2>em { font-size: 12px; color: #999; background: url(../images/urs.png) left center no-repeat; padding-left: 18px; margin-right: 20px; } .qoth-tb-sline2>span { font-size: 13px; color: #999; background: url(../images/time-tb.png) left center no-repeat; padding-left: 18px; margin-right: 20px; } .qoth-tb-sline2>b { background: url(../images/news-tb.png) left center no-repeat; padding-left: 30px; } .qoth-selectp-menu { width: 200px; background: #4f5b6e; } .qoth-selectp-menu>ul { background: #4f5b6e; border-right: none; } .qoth-selectp-menu>ul>li { display: block; color: #fff; cursor: pointer; font-size: 16px; } .qoth-selectp-menu>ul>li>div { padding: 0px 15px 7px 15px; position: relative; height: 40px; line-height: 40px; } .qoth-selectp-arw { position: absolute; right: 20px; top: 50%; margin-top: -5px; background: url(../images/arw-fff.png) center center no-repeat; display: block; width: 9px; height: 9px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .qoth-selectp-menu>ul>li.is-opened>div .qoth-selectp-arw { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .qoth-selectp-delete { position: absolute; right: 17px; top: 50%; margin-top: -8px; background: url(../images/delete-fff.png) center center no-repeat; display: block; width: 15px; height: 15px; } .qoth-selectp-menu>ul>li>div>span { display: inline-block; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 16px; } .qoth-selectp-menu>ul>li>div:hover { background: #434e61; } .qoth-selectp-menu>ul>li.active>div { background: #3a4659; } .qoth-selectp-user { background: #4f5b6e; } .qoth-selectp-menu>ul>li.active .qoth-selectp-user { display: block; } .qoth-selectp-user>ul>li { display: block; color: #fff; cursor: pointer; font-size: 14px; padding: 0px 10px 0px 30px !important; position: relative; height: 40px !important; line-height: 40px !important; } .qoth-selectp-user>ul>li:hover { background: #485468; } .qoth-selectp-user>ul>li>span { display: inline-block; max-width: 145px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; height: 40px; line-height: 40px; } .qoth-selectp-num { background: #fe4b4f; border-radius: 25px; min-width: 16px; height: 16px; line-height: 15px; color: #fff; font-size: 12px; margin-left: -3px; vertical-align: text-bottom; padding: 0px 5px; display: inline-block; white-space: nowrap; text-align: center; } .el-submenu__icon-arrow { display: none !important; } .qoth-selectp-user .el-menu-item-group__title { display: none !important; } /* 通报 end */ .by-table-style { width: 100%; } .by-table-style>thead>tr>td { color: #6a7c96; font-weight: bold; font-size: 15px; height: 65px; padding: 0px 15px; border: 1px solid #e5e5e5; background: #f0f6ff; } .by-table-style>tbody>tr>td { color: #555; font-size: 15px; height: 65px; padding: 0px 15px; border: 1px solid #e5e5e5; } .qoth-tb-link.qoth-bg-tbred { background-color: #fe4b4f; } .qoth-tb-link.qoth-bg-tbred:hover { color: #fff; background-color: #fe4b4f; opacity: 1; } .qoth-tb-link { font-size: 16px; color: #fff; margin-right: 10px; background-color: transparent; } .qoth-tb-link:hover { background-color: #f5f5f5; color: #333; opacity: 1; } .qoth-dropmenu-x { position: absolute; top: 40px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); white-space: nowrap; z-index: 10; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; visibility: hidden; opacity: 0; padding-top: 12px; } .qoth-dropmenu-x>ul { background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .26); padding: 10px 0; } .qoth-dropmenu-x>ul>li>a { color: #666; font-size: 16px; padding: 5px 30px; margin: 8px 0; display: block; } .qoth-dropmenu-x>ul>li>a:hover { background: #f1f1f1; } .qoth-dropmenu-x>ul>li.x-active>a { background: #348ef8; color: #fff; } .qoth-zlico { background: url(../images/zl-ico.png) left center no-repeat; padding-left: 20px; } /* .qua-list-ul>li.active .qoth-dropmenu-x{ visibility: visible; opacity: 1; } */ .qua-list-ul>li:hover .qoth-dropmenu-x { visibility: visible; opacity: 1; } /* 导航新版 */ .qoth-cbox { padding-top: 20px; padding-bottom: 20px; } .qoth-cbox>.media { border-spacing: 12px 0; margin-left: -12px; margin-right: -12px; padding-bottom: 20px; } .qoth-cbox>.media>.media-body { background: #fff; border-radius: 5px; padding: 20px; color: #555; } .qoth-cbox>.media>.media-right { background: #fff; border-radius: 5px; color: #555; width: 20%; padding: 0; } .qoth-dh-tit { padding: 0px 20px 10px; border-bottom: 1px solid #e6e9f1; } .qoth-dh-tit .qoth-sr { text-transform: uppercase; color: #aaa; font-size: 15px; } .qoth-dh-tit .qcor-default { color: #555 !important; font-size: 22px; } .qoth-c-dhlist { padding-bottom: 30px; } .qoth-c-dhlist>li { display: inline-block; width: 150px; text-align: center; margin: 30px 0px 0; cursor: pointer; vertical-align: top; } .qoth-c-right { min-width: 320px; } .qoth-c-right .qoth-c-dhlist { padding: 5px 16px; } .qoth-c-right .qoth-c-dhlist>li { width: 125px; } .qoth-c-dhlist>li>span { display: inline-block; position: relative; width: 53px; height: 53px; background: url(../images/dh-i_1.png) center center no-repeat; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; } .qoth-c-dhlist>li:hover>span { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } .qoth-c-dhlist>li>span>i { position: absolute; left: 39px; top: -13px; background: #f0582b; color: #fff; font-size: 14px; white-space: nowrap; line-height: 26px; text-align: center; border-radius: 15px; min-width: 27px; height: 27px; display: block; } .qoth-c-dhlist>li>span.qoth-c-img2 { background: url(../images/dh-i_2.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img3 { background: url(../images/dh-i_3.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img4 { background: url(../images/dh-i_4.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img5 { background: url(../images/dh-i_5.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img6 { background: url(../images/dh-i_6.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img7 { background: url(../images/dh-i_7.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img8 { background: url(../images/dh-i_8.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img9 { background: url(../images/dh-i_9.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img10 { background: url(../images/dh-i_10.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img11 { background: url(../images/dh-i_11.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img12 { background: url(../images/dh-i_12.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img13 { background: url(../images/dh-i_13.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img14 { background: url(../images/dh-i_14.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img15 { background: url(../images/dh-i_15.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img16 { background: url(../images/dh-i_16.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img17 { background: url(../images/dh-i_17.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img18 { background: url(../images/dh-i_18.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img19 { background: url(../images/dh-i_19.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img20 { background: url(../images/dh-i_20.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img21 { background: url(../images/dh-i_31.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img22 { background: url(../images/dh-i_32.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img23 { background: url(../images/dh-i_33.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img24 { background: url(../images/dh-i_49.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img25 { background: url(../images/dh-i_50.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img26 { background: url(../images/dh-i_51.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img27 { background: url(../images/dh-i_52.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img28 { background: url(../images/dh-i_53.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img29 { background: url(../images/dh-i_54.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img30 { background: url(../images/dh-i_55.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img31 { background: url(../images/dh-i_56.png) center center no-repeat; }.qoth-c-dhlist>li>span.qoth-c-img32 { background: url(../images/dh-i_57.png) center center no-repeat; }.qoth-c-dhlist>li>span.qoth-c-img33 { background: url(../images/dh-i_58.png) center center no-repeat; }.qoth-c-dhlist>li>span.qoth-c-img34{ background: url(../images/dh-i_59.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img35{ background: url(../images/dh-i_60.png) center center no-repeat; } .qoth-c-dhlist>li>span.qoth-c-img36{ background: url(../images/dh-i_50-1.png) center center no-repeat; } .qoth-c-dhlist>li>div { font-size: 16px; color: #555; margin-top: 13px; } .qoth-cright-tit { line-height: 0; height: 0; border-bottom: 2px solid #1ea0ff; margin: 45px 20px 0; } .qoth-cright-tit>span { font-size: 22px; color: #555; background: #fff; padding: 0px 10px; } .qoth-c-dhlink>ul { padding-top: 25px; padding-bottom: 25px; } .qoth-c-dhlink>ul>li { padding: 10px 25px; } .qoth-c-dhlink>ul>li>a { display: block; background: url(../images/dh-i_63.png) center center no-repeat; width: 370px; height: 90px; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; border-radius: 5px; } .qoth-c-dhlink>ul>li>a.qoth-c-dhimg02 { background: url(../images/dh-i_71.png) center center no-repeat; } .qoth-c-dhlink>ul>li>a.qoth-c-dhimg03 { background: url(../images/dh-i_86.png) center center no-repeat; } .qoth-c-dhlink>ul>li>a.qoth-c-dhimg04 { background: url(../images/dh-i_95.png) center center no-repeat; } .qoth-c-dhlink>ul>li>a.qoth-c-dhimg05 { background: url(../images/dh-i_100.png) center center no-repeat; } .qoth-c-dhlink>ul>li:hover>a { -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); transform: scale(1.03); } /* 导航新版 end */ /* 我的消息 */ .qoth-message-box { margin-bottom: -65px; } .qoth-message-box>.media { padding: 20px 20px 20px; } .qoth-message-box>.media>.media-left { background: #4f5b6e; padding-right: 0; border-radius: 5px; padding: 10px 0 } .qoth-message-menu>ul>li { padding: 10px 30px 10px 25px; display: block; color: #fff; cursor: pointer; font-size: 18px; margin: 10px 0 } .qoth-message-menu>ul>li:hover { background: #485468; } .qoth-message-menu>ul>li.active { background: #3a4659; } .qoth-message-img1-1 { background: url(../images/msg-i_03-1.png) left center no-repeat; padding: 10px 0 10px 45px; } .qoth-message-img2-2 { background: url(../images/msg-i_03-2.png) left center no-repeat; padding: 10px 0 10px 45px; } .qoth-message-img3-3 { background: url(../images/msg-i_03-3.png) left center no-repeat; padding: 10px 0 10px 45px; } .qoth-message-menu .qoth-message-num { margin-left: 15px; } .qoth-msg-tit { padding: 0px 30px; margin-bottom: 10px; } .qoth-msg-tit>a { display: inline-block; font-size: 18px; color: #888; text-decoration: none; padding-bottom: 3px; border-bottom: 3px solid #fff; } .qoth-msg-tit>a+a { margin-left: 45px; } .qoth-msg-tit>a:hover { color: #348ef8; } .qoth-msg-tit>a.active { color: #348ef8; border-color: #348ef8; } .qoth-message-body { max-height: 470px; overflow: auto; padding: 0 5px 0 22px; } .qoth-msg-media { border: 1px solid #eee; padding: 15px 15px; } .qoth-msg-media+.qoth-msg-media { margin-top: 10px; } .qoth-msg-media>.media>.media-left>span { display: inline-block; background: url(../images/msg-i_04.png) center center no-repeat; width: 32px; height: 32px; } .qoth-msg-media>.media>.media-left { font-size: 15px; color: #333; text-align: center; padding-right: 20px; } .qoth-msg-line0 { border-bottom: 1px solid #dadada; font-size: 16px; position: relative; padding: 0px 20px 10px } .qoth-msg-line0>i { color: #f88c51; } .qoth-msg-line0>em { color: #fff; background: #1fcb6f; padding: 1px 6px; margin-left: 15px; font-size: 13px; border-radius: 3px; } .qoth-msg-line0>span { color: #348ef8; display: inline-block; width: 340px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; margin-left: 15px; } .qoth-msg-operation { display: inline-block; position: absolute; right: 20px; top: 0; } .qoth-msg-operation>button { display: inline-block; width: 17px; height: 17px; border: none; } .qoth-msg-operation>button+button { margin-left: 15px; } .qoth-opera-unread { background: url(../images/msg-i_06.png) center center no-repeat; } .qoth-opera-read { background: url(../images/msg-i_07.png) center center no-repeat; } .qoth-opera-delete { background: url(../images/msg-i_05.png) center center no-repeat; } .qoth-msg-line1 { font-size: 15px; color: #555; padding: 10px 20px 10px; } .qoth-msg-datetime { text-align: right; color: #888; padding-right: 20px; line-height: 1; } .qoth-msg-datetime>span { text-align: right; background: url(../images/msg-i_8.png) left center no-repeat; padding-left: 28px; } /* 我的消息 end */ @media screen and (max-height:600px) { .qoth-message-body { max-height: 275px; } } @media screen and (max-height:700px) { .qoth-message-body { max-height: 300px; } } /* 文档库 */ .qoth-wdk-box { position: absolute; left: 0; right: 0; top: 0px; bottom: 0; min-width:1200px; margin-top: 70px; } .qoth-wdk-box>.media { height: 100%; display: table; padding-left: 250px; } .qoth-wdk-box>.media>.media-left { background: #4f5b6e; padding-right: 0; position: absolute; left: 0; height: 100%; overflow-x: hidden; width: 250px; } .qoth-wdk-box > .media > .media-left::-webkit-scrollbar-track-piece { background: rgba(204, 204, 204, 0.2); height: 12px; } .qoth-wdk-box > .media > .media-left::-webkit-scrollbar { width: 10px; height: 12px; } .qoth-wdk-box > .media > .media-left::-webkit-scrollbar-thumb { background: rgba(51, 51, 51, 0.4); border-radius: 5px; height: 12px; } .qoth-wdk-box > .media > .media-left::-webkit-scrollbar-thumb:hover { background: #b6b6b6; } .qoth-wdk-left { padding-top: 15px; } .qoth-wdk-left>ul>li{ position: relative; } .qoth-wdk-left>ul>li>i{ position: absolute; left: 20px; top: 50%; margin-top: -17px; color: #fff; font-size: 22px; } .qoth-wdk-left>ul>li>a { display: block; padding: 15px 0 15px 55px; color: #fff; font-size: 16px; margin: 10px 0; } .qoth-wdk-left>ul>li:hover>a { background-color: #485468 } .qoth-wdk-left>ul>li.active>a { background-color: #3a4659 } .qoth-wdk-fileall { background-image: url(../images/wdk-i_13.png); background-position: 25px center; background-repeat: no-repeat; } .qoth-wdk-recovery { background-image: url(../images/wdk-i_74.png); background-position: 25px center; background-repeat: no-repeat; } .qoth-wdk-tools-line0 { height: 45px; padding: 10px 40px 15px; background: #f8f8f8; border-bottom: 1px solid #e5e5e5; } .qoth-wdk-tools-line0 button { display: inline-block; padding-left: 27px; border: none; font-size: 15px; color: #666; } .qoth-wdk-tools-line0 button:hover { color: #348ef8; } .qoth-wdk-tools-line0>button { margin-left: 42px; } .qoth-wdk-upload { background: url(../images/wdk-i_03.png) left center no-repeat; } .qoth-wdk-download { background: url(../images/wdk-i_05.png) left center no-repeat; } .qoth-wdk-tools-del { background: url(../images/wdk-i_07.png) left center no-repeat; } .qoth-wdk-newlybuild { background: url(../images/wdk-i_10.png) left center no-repeat; padding-left: 38px !important; } .qoth-wdk-rename{ background: url(../images/wdk-rename.png) left center no-repeat;} .qoth-wdk-move{ background: url(../images/zl-i-14.png) left center no-repeat ; } button.qoth-wdk-back{ background: url(../images/wt-i14.png) left 10px center no-repeat #fff; box-shadow: 0 3px 6px #ccc; padding: 3px 15px 3px 35px; border-radius: 5px;} .qoth-wdk-tools-line1 { border-bottom: 1px solid #e5e5e5; padding: 8px 20px 8px 40px; } .qoth-wdk-tools-line1>a { display: inline-block; color: #666; font-size: 16px; position: relative; max-width: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: text-bottom; padding-left: 15px; } .qoth-wdk-tools-line1>a:first-of-type{ padding-left: 0; } .qoth-wdk-tools-line1>a+a { margin-left: 8px; } .qoth-wdk-tools-line1>a+a:before { content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -5px; width: 7px; height: 9px; background: url(../images/wdk-arw.png) center center no-repeat; } .qoth-wdk-tools-line1>a:hover { color: #348ef8; } .qoth-wdk-tools-line1>a:last-of-type { pointer-events: none; color: #348ef8; font-size: 15px; font-weight: bold; } .qoth-right-button { float: right; } .qoth-right-button>button { border: none;} .qoth-right-button>button+button { margin-left: 7px; } .qoth-right-button>button:hover { opacity: 0.8; } .qoth-wdk-table-ico { background: url(../images/wdk-i_27.png) center center no-repeat; padding: 10px; vertical-align: middle; } .qoth-wdk-table-ico.active { background: url(../images/wdk-i_27-b.png) center center no-repeat; } .qoth-wdk-list-ico { background: url(../images/wdk-i_24-g.png) center center no-repeat; padding: 10px; vertical-align: text-bottom; } .qoth-wdk-list-ico.active { background: url(../images/wdk-i_24.png) center center no-repeat; } .qoth-wdk-search-ico { background: url(../images/wdk-i_21.png) center center no-repeat; padding: 14px; vertical-align: middle; } .qoth-wdk-ipt-btm { border: none; padding-left: 20px; font-size: 16px; border-left: 1px solid #d2d2d2; margin-left: 15px; width: 280px; } .qoth-wdk-tools-line2 { padding: 6px 40px; border-bottom: 1px solid #e5e5e5; } .qoth-wdk-sltall { background: url(../images/wdk-i_33-k.png) left center no-repeat; padding-left: 30px; color: #666; font-size: 16px; vertical-align: middle; } .qoth-wdk-sltall.active { background: url(../images/wdk-i_33.png) left center no-repeat; } .qoth-wdk-filelist { font-size: 0; padding: 20px 12px; } .qoth-wdk-filelist>li { width: 145px; height: 145px; display: inline-block; font-size: 14px; color: #555; text-align: center; padding-top: 27px; cursor: pointer; border-radius: 5px; margin: 5px 12px 5px 0; position: relative; padding-left: 5px; padding-right: 5px; } .qoth-wdk-filelist>li:hover { background: #f1f9ff; box-shadow: 0 0 0 1px #d7e6f0; } .qoth-wdk-filelist>li:hover .qoth-wdk-operate { display: block; } .qoth-wdk-filelist>li.wdk-slted { background: #f1f9ff; box-shadow: 0 0 0 1px #d7e6f0; } .qoth-wdk-filelist>li>a { background: url(../images/wdk-i_40.png) center center no-repeat; width: 25px; height: 25px; position: absolute; left: -1px; top: -1px; display: none; border-radius: 10px 0 0 0; } .qoth-wdk-filelist>li.wdk-slted>a { background: url(../images/wdk-i_37.png) center center no-repeat; display: block; } .qoth-wdk-filelist>li:hover>a { display: block; } .qoth-wdk-filelist>li>span { display: inline-block; width: 64px; height: 64px; background-position: center center; background-repeat: no-repeat; } .qoth-wdk-img-default { background-image: url(../images/wdk-i_78.png); } .qoth-wdk-img-word { background-image: url(../images/wdk-i_55.png); } .qoth-wdk-img-pdf { background-image: url(../images/wdk-i_58.png); } .qoth-wdk-img-excel { background-image: url(../images/wdk-i_60.png); } .qoth-wdk-img-ppt { background-image: url(../images/wdk-i_53.png); } .qoth-wdk-img-mp3 { background-image: url(../images/wdk-i_51.png); } .qoth-wdk-img-txt { background-image: url(../images/wdk-i_49.png); } .qoth-wdk-img-jpg { background-image: url(../images/wdk-i_47.png); } .qoth-wdk-img-mp4 { background-image: url(../images/wdk-i_45.png); } .qoth-wdk-img-file { background-image: url(../images/wdk-i_63.png); } .qoth-wdk-img-rar { background-image: url(../images/wdk-i_84.png); } .qoth-wdk-img-add { background-image: url(../images/wdk-i_81.png); } .qoth-wdk-filelist>li>div { margin-top: 8px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .qoth-wdk-sortarw { background: url(../images/wdk-up-ico.png) center center no-repeat; display: inline-block; width: 8px; height: 12px; margin-left: 10px; } .qoth-wdk-sortarw.down-ico { background: url(../images/wdk-down-ico.png) center center no-repeat; } .qoth-wdk-autoheight { position: absolute; top: 149px; bottom: 44px; overflow: auto; } .qoth-wdk-table>table { table-layout: fixed; width: 100%; } .qoth-wdk-table>table>thead>tr>td { height: 35px; line-height: 35px; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; text-align: center; font-size: 16px; } .qoth-wdk-table>table>tbody>tr>td { height: 44px; line-height: 44px; border-bottom: 1px solid #e5e5e5; text-align: center; position: relative; padding: 0 10px; } .qoth-wdk-table>table>thead>tr>td:first-child { text-align: left; padding-left: 85px; position: relative; } .qoth-wdk-table>table>thead>tr>td:hover { background: #f3f9ff; cursor: pointer; } .qoth-wdk-table>table>thead>tr>td:last-child { border-right: none; } .qoth-wdk-table>table>tbody>tr>td:first-child { text-align: left; padding-left: 85px; position: relative; } .qoth-wdk-table>table>tbody>tr.tr-active>td { background-color: #f3f9ff; } .qoth-wdk-table>table>tbody>tr.tr-active>td:after { content: ""; border-top: 1px solid #dfefff; position: absolute; top: -1px; display: block; width: 100%; z-index: 1; visibility: visible; } .qoth-wdk-table>table>tbody>tr.tr-active>td:after { content: ""; border-bottom: 1px solid #dfefff; position: absolute; bottom: -1px; display: block; width: 100%; z-index: 2; visibility: visible; } .qoth-wdk-table>table>tbody>tr:hover { background-color: #f3f9ff; } .qoth-wdk-operate { position: absolute; right: 15px; top: 0; display: none; } .qoth-wdk-table>table>tbody>tr:hover>td .qoth-wdk-operate { display: block; } .qoth-wdk-operate>a { display: inline-block; width: 18px; height: 40px; } .qoth-wdk-operate>a:hover { opacity: 0.8; } .qoth-wdk-operate>a+a { margin-left: 15px; } .qoth-wdk-tddownload { background: url(../images/wdk-download.png) center center no-repeat; } .qoth-wdk-tddelete { background: url(../images/wdk-delete.png) center center no-repeat; } .qoth-wdk-filename { display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; vertical-align: bottom; cursor: pointer; padding:0 50px; position: relative ; } .qoth-wdk-filename.pad0{ padding: 0; } .qoth-wdk-filename>i { background-position: left center; background-repeat: no-repeat; background-size: 57%; padding: 10px 20px; } .qoth-wdk-filename>i.qoth-wdk-img-file { background-size: 60%; } .qoth-wdk-table .width-70 { width: 70%; } .qoth-wdk-table .width-60 { width: 60%; } .qoth-wdk-table .width-20 { width: 20%; }.qoth-wdk-table .width-30 { width: 30%; } .qoth-wdk-table .width-15 { width: 15%; } .qoth-wdk-table .width-10 { width: 10%; } .qoth-wdk-table .qoth-wdk-sltall { position: absolute; left: 43px; top: 50%; margin-top: -10px; display: inline-block; width: 21px; height: 21px; } .qoth-wdk-warning { text-align: center; padding: 40px 22px 60px 22px; font-size: 16px; color: #666; line-height: 40px; } .qoth-wdk-filenum { position: absolute; bottom: 0; border-top: 1px solid #d2d2d2; right: 0; left: 250px; padding: 11px 43px 12px; font-size: 14px; color: #555; background: #fff; } /* 文档库 end */ /* 评议 */ .qoth-py-tips { background: #fef0ec; color: #f88c51; font-size: 15px; padding: 7px 35px; margin-bottom: 10px; } .qoth-py-tips>i { background: url(../images/py-tips.png) left center no-repeat; padding-left: 25px; } .qoth-py-table>table { width: 100%; table-layout: fixed; border: 1px solid #dbdfe3; } .qoth-py-table>table>tbody>tr>td { padding: 2px 25px; font-size: 15px; color: #555; vertical-align: middle; } .qoth-py-table>table>tbody>tr>td>span { margin: 10px 0; display: block; } .qoth-py-table>table>tbody>tr:nth-child(2n)>td { background: #f4f8fd; } .qoth-py-table>table>tbody>tr>td:first-child { background: #6b7f9c; font-size: 16px; color: #fff; } .qoth-py-table>table>tbody>tr>td:last-child { vertical-align: top; } .qoth-py-table>table>tbody>tr:nth-child(2n)>td:first-child { background: #667c9b; } .qoth-pywid-10 { width: 10%; } .qoth-pywid-17 { width: 17%; } .qoth-pywid-73 { width: 73%; } .qoth-pywid-80 { width: 80%; } .qoth-pywid-90 { width: 90%; } .qoth-pywid-85 { width: 85%; } .qoth-pywid-15 { width: 15%; } .qoth-py-more { width: 69px; height: 29px; line-height: 29px; padding-right: 16px; border-radius: 25px; color: #348ef8; font-size: 14px; margin: 10px 0; border: none; background: url(../images/py-down.png) right 12px center no-repeat #e9f3ff; } .qoth-py-more:hover { opacity: 0.8; } .qoth-py-more.qoth-py-shouqi { background: url(../images/py-up.png) right 12px center no-repeat #e9f3ff; } .qoth-py-sort-ul>li { display: inline-block; margin: 7px 25px 7px 0; } .qoth-py-row { margin-left: -5px; margin-right: -5px; } .qoth-py-row>.col-xs-4 { padding-left: 5px; padding-right: 5px; } .qoth-py-row>.col-xs-4>div { height: 139px; color: #fff; padding: 25px 30px; } .qoth-py-row>.col-xs-4>div>span { font-size: 20px; font-weight: bold; padding-left: 5px; float: left; margin-top: 59px; } .qoth-py-row>.col-xs-4>div>b { font-size: 70px; font-weight: normal; float: right; margin-top: -30px; } .qoth-py-row>.col-xs-4>div>b>em { font-size: 30px; font-weight: normal; } .qoth-py-rowbg-1 { background: url(../images/py-bg1.png) center center no-repeat; background-size: cover; } .qoth-py-rowbg-2 { background: url(../images/py-bg2.png) center center no-repeat; background-size: cover; } .qoth-py-rowbg-3 { background: url(../images/py-bg3.png) center center no-repeat; background-size: cover; } .qoth-py-summarytab { background: #f9fafc; margin: 10px 0; border: 1px solid #dfe2e6; width: 100%; } .qoth-py-summarytab>tbody>tr>td { border-bottom: 1px solid #dfe2e6; height: 70px; padding: 10px 15px; font-size: 16px } .qoth-py-wdefault { background: #13b5b1; width: 100%; height: 35px; line-height: 35px; border-radius: 5px; color: #fff; min-width: 190px; display: block; text-align: center; } .qoth-py-wred { background: #fa7048 } .qoth-py-textarea { width: 100%; height: 125px; border: 1px solid #DFE2E6; padding: 10px; } .qoth-bgtab-fff { background: #fff; } .qo-ipt-important { color: #fa7048; background: #ffebe3; border: 1px solid #f8ac9b; text-align: center; } .qoth-selectuser{ position: absolute; left:100%; white-space: nowrap; top:0; margin-left: 20px; font-size: 15px; } .qoth-selectuser>span{ padding: 0px 5px 0px 35px; border-radius: 3px 0 0 3px; font-size: 14px; height: 27px; line-height: 27px; color: #4299ed; display: inline-block; position: relative; background: url(../images/selecteduser.png) 10px center no-repeat #ecf5fd; margin-right: 20px; } .qoth-selectuser>span:after{ position: absolute; content:""; display: block; border-left:10px solid #ecf5fd; border-top: 14px solid transparent; border-bottom: 14px solid transparent; right:-10px; top:0; } .qoth-selectuser>em>i{ color: #fa7048 } /* 评议end */ /* 驾驶舱 */ .qoth-jsc-planet { padding: 50px 20px; background: url(../images/jsc-l.jpg) center center no-repeat; background-size: cover; margin-bottom: 10px; } .qoth-jsc-media { background: url(../images/bg-trans.jpg) left bottom no-repeat #348ef8; overflow: inherit; padding: 7px; border-radius: 5px; } .qoth-jsc-media>.media-left { color: #fff; width: 30%; text-align: center; padding-right: 8px; } .qoth-jsc-media>.media-body { background: #fff; border-radius: 5px; } .qoth-jsc-row1 { font-size: 23px; margin-top: -20px; } .qoth-jsc-row1>span { background: url(../images/logo-sch.png) center center no-repeat #fff; border: 3px solid #fff; box-shadow: 0 3px 6px 1px #1953b9; border-radius: 50%; width: 92px; height: 92px; display: inline-block; box-sizing: content-box; background-size: cover; } .qoth-jsc-row1>div{ margin-top: 55px; } .qoth-jsc-row1>span+div{ margin: 0; } .qoth-jsc-row2 { border-bottom: 1px solid #fff; display: inline-block; min-width:75%; } .qoth-jsc-row2>li { display: inline-block; margin: 20px 0; } .qoth-jsc-row2>li+li { margin-left: 60px; } .qoth-jsc-row2>li>span { font-size: 60px; line-height: 1; display: block; margin-bottom: 5px; } .qoth-jsc-row2>li>div { font-size: 18px; } .qoth-jsc-row3 { padding-top: 10px; } .qoth-jsc-row3>p { margin: 10px 0; } .qoth-jsc-row3>p>em { background: #fff; border-radius: 25px; font-size: 14px; color: #1f7bce; padding: 0 5px; margin: 0px 4px; } .qoth-jsc-body { padding: 10px 20px 8px; display: flex; display: -webkit-flex; align-items: flex-start; flex-direction: column; justify-content: center; height: 335px; } .qoth-jsc-body>.media { border-bottom: 1px solid #dcdcdc; margin-top: 0; flex: auto; display: flex; display: -webkit-flex; align-items: center; width: 100%; } .qoth-jsc-body>.media>.media-body{ width:initial; flex: auto } .qoth-jsc-body>.media:last-child { border-bottom: none; } .qoth-row-col1 { font-size: 18px; display: inline-block; width: 60px; font-weight: bold; } .qoth-row-col2 { font-size: 16px; width: 140px; display: inline-block; } .qoth-row-col2>b { font-size: 20px; font-weight: normal; margin: 0 10px; } .qoth-row-col3 { font-size: 16px; width: 140px; display: inline-block; } .qoth-row-col3>em { font-size: 20px; margin: 0 10px; } .qoth-jsc-icon { background: url(../images/js-i_03.png) left 0 no-repeat; width: 55px; height: 55px; display: block; margin-right:8px; margin-left: 8px; } .qoth-jsc-icon.isc-p { background-position: left 0; } .qoth-jsc-icon.isc-d { background-position: left -88px; } .qoth-jsc-icon.isc-c { background-position: left -178px; } .qoth-jsc-icon.isc-a { background-position: left -262px; } .qoth-cor-yellow { color: #f8b551 !important; } .qoth-cor-green { color: #3dbf5b !important; } .qoth-cor-blue { color: #00b7ee !important; } .qoth-cor-red { color: #ff6766 !important; } .qoth-row-animation { background: #fff; border: 2px solid #e8ecf2; border-radius: 9px; position: relative; line-height: 60px; height: 60px; padding: 0 10px; font-size: 16px; display: inline-block; -webkit-animation: flipping 1s ease 0s; -moz-animation: flipping 1s ease 0s; -ms-animation: flipping 1s ease 0s; -o-animation: flipping 1s ease 0s; animation: flipping 1s ease 0s; } .qoth-row-animation>em { border-radius: 25px; min-width: 34px; height: 34px; color: #fff; text-align: center; line-height: 34px; display: inline-block; padding: 0px 4px; } .qoth-gray-c { background: #8b9fbd; margin: 0px 10px 0px 5px; } .qoth-red-c { background: #fe4b4f; margin: 0px 5px; } .qoth-row-animation:before { content: ""; position: absolute; left: -10px; top: 50%; margin-top: -7px; width: 11px; height: 15px; display: block; background: url(../images/js-i_06.png) center center no-repeat; } @-moz-keyframes flipping { 0% { -moz-transform: translate(30px, 0); } 100% { -moz-transform: translate(0, 0); } } @-webkit-keyframes flipping { 0% { -webkit-transform: translate(30px, 0); } 100% { -webkit-transform: translate(0, 0); } } @-o-keyframes flipping { 0% { -o-transform: translate(30px, 0); } 100% { -o-transform: translate(0, 0); } } @-ms-keyframes flipping { 0% { -ms-transform: translate(30px, 0); } 100% { -ms-transform: translate(0, 0); } } @keyframes flipping { 0% { transform: translate(30px, 0); } 100% { transform: translate(0, 0); } } .qoth-jsc-data { padding: 140px 0 140px 120px; } .qoth-jsc-data>.media, .qoth-jsc-data>.media>.media-body { overflow: inherit; } .qoth-jsc-circle-side { border: 2px dotted #76bbdf; width: 354px; height: 354px; border-radius: 50%; padding: 17px; position: relative; } .qoth-jsc-circle-in { border: 2px dashed #97c4ed; width: 316px; height: 316px; border-radius: 50%; text-align: center } .qoth-jsc-circle-in>h3 { font-size: 29px; color: #fff; margin-top: 110px; margin-bottom: 20px; } .qoth-jsc-circle-in>a { border-radius: 5px; background: url(../images/js-i_11.png) right 30px center no-repeat rgba(255, 255, 255, .1); border: 1px solid #fff; display: inline-block; width: 177px; height: 41px; text-align: center; line-height: 38px; font-size: 22px; color: #fff; padding-right: 25px; } .qoth-jsc-circle-in>a:hover { background: url(../images/js-i_11.png) right 15px center no-repeat rgba(255, 255, 255, .3); } .qoth-jsc-btn { width: 411px; height: 116px; line-height: 116px; color: #fff; font-size: 26px; margin: 30px; border-radius: 5px; text-align: center; } .qoth-jsc-btn:hover { opacity: 0.9; cursor: pointer; } .qoth-jsc-btn.bg-blue { background: rgba(52, 142, 248, .8) } .qoth-jsc-btn.bg-green { background: rgba(31, 203, 111, .8) } .qoth-ft20 { font-size: 20px; color: #333; line-height: 1; } .qoth-jsc-text { font-size: 16px; padding: 10px 20px; } .qoth-jsc-text>p { margin: 20px 0; } .qoth-jsc-text>p>i { font-size: 30px; color: #348ef8; padding: 0px 10px; } .qoth-jsc-text>p>span { display: inline-block; border-radius: 15px 15px 15px 0; padding: 2px 25px; color: #fff; margin-left: 20px; } .qoth-jsc-em { color: #aaa; font-size: 13px; text-transform: uppercase; padding-left: 10px; } .qoth-blue-bg-t { background: #0dc388; } .qoth-red-bg-t { background: #f74d4c; } .qoth-dblue-bg-t { background: #15acd4; } .qoth-org-bg-t { background: #fa7048; } /* 统计球位置 */ .qoth-jsc-tjq { position: absolute; width: 140px; height: 140px; border-radius: 50%; } .qoth-tjq-text { position: absolute; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; text-align: center; padding-top: 40px; } .qoth-tjq-text>span { font-size: 16px; } .qoth-tjq-text>span>i { font-size: 30px; line-height: 1; padding-right: 4px; } .qoth-tjq-text>div { font-size: 14px; color: #888; } .qoth-jsc-tjq.qoth-tjq-top { top: -85px; left: 50%; margin-left: -70px; } .qoth-jsc-tjq.qoth-tjq-bottom { bottom: -85px; left: 50%; margin-left: -70px; } .qoth-jsc-tjq.qoth-tjq-right { top: 50%; right: -85px; margin-top: -70px; } .qoth-jsc-tjq.qoth-tjq-left { top: 50%; left: -85px; margin-top: -70px; } .qoth-jsc-arw { position: absolute; display: block; width: 69px; height: 74px; background: url(../images/arrow-ye.png) center center no-repeat; } .qoth-jsc-arw.qoth-tleft { left: 0; top: 0; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .qoth-jsc-arw.qoth-tright { right: 0; top: 0; } .qoth-jsc-arw.qoth-bright { right: 0; bottom: 0; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .qoth-jsc-arw.qoth-bleft { left: 0; bottom: 0; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .qoth-line-tips { position: absolute; left: 50%; margin-left: 60px; height: 54px; top: -110px; background: url(../images/line-g.png) left bottom no-repeat; white-space: nowrap; padding: 10px 0px 10px 115px; -webkit-animation: fadeinT 1s ease 0s; -moz-animation: fadeinT 1s ease 0s; -ms-animation: fadeinT 1s ease 0s; -o-animation: fadeinT 1s ease 0s; animation: fadeinT 1s ease 0s; } .qoth-line-tips.tips-gt { background: url(../images/line-g-t.png) left top no-repeat; bottom: -110px; top: auto; -webkit-animation: fadeinB 1s ease 0s; -moz-animation: fadeinB 1s ease 0s; -ms-animation: fadeinB 1s ease 0s; -o-animation: fadeinB 1s ease 0s; animation: fadeinB 1s ease 0s; } .qoth-line-tips span { background: #f74d4c; display: inline-block; height: 31px; line-height: 31px; font-size: 16px; color: #fff; border-radius: 25px; padding-right: 20px; overflow: hidden; } .qoth-line-tips span>em { font-size: 13px; padding-left: 20px; margin-right: 20px; background: #ff6766; display: inline-block; border-radius: 25px 0 0 25px; position: relative; } .qoth-line-tips span>em:before { position: absolute; content: ""; display: block; right: -20px; border-top: 31px solid #ff6766; border-right: 20px solid transparent; } .qoth-line-tips span.qoth-line-red-t { background: #34ae50 } .qoth-line-tips span.qoth-line-red-t>em { background: #3dbf5b } .qoth-line-tips span.qoth-line-red-t>em:before { border-top-color: #3dbf5b; } /* 淡入-从上 */ @-webkit-keyframes fadeinT { 0% { opacity: 0; -webkit-transform: translateY(-40px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeinT { 0% { opacity: 0; -moz-transform: translateY(-40px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeinT { 0% { opacity: 0; -ms-transform: translateY(-40px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeinT { 0% { opacity: 0; transform: translateY(-40px); } 100% { opacity: 1; transform: translateY(0); } } /* 淡入-从下 */ @-webkit-keyframes fadeinB { 0% { opacity: 0; -webkit-transform: translateY(40px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeinB { 0% { opacity: 0; -moz-transform: translateY(40px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeinB { 0% { opacity: 0; -ms-transform: translateY(40px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeinB { 0% { opacity: 0; transform: translateY(40px); } 100% { opacity: 1; transform: translateY(0); } } /* 淡入 */ @-webkit-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadein { 0% { opacity: 0; } 100% { opacity: 1; } } /* width */ @-webkit-keyframes widin { 0% { width: 0; } 100% { width: 100% } } @-moz-keyframes widin { 0% { width: 0; } 100% { width: 100% } } @-ms-keyframes widin { 0% { width: 0; } 100% { width: 100% } } @keyframes widin { 0% { width: 0; } 100% { width: 100% } } /* 统计球位置 end*/ /* 驾驶舱 end */ /* 问题库输出 */ .qoth-wtk-linebox { padding: 30px 20px; background: url(../images/wtk-l.jpg) left bottom no-repeat; } .qcor-fff-i { color: #fff !important; } .qoth-line-tj { padding: 50px 0px 40px; text-align: center; } .qoth-tj-center { width: 223px; height: 223px; margin: 0 auto; /* background: url(../images/tjt-line.png) center center no-repeat; */ position: relative; } .qoth-line-qusnum { font-size: 50px; color: #555; position: absolute; left: 0; right: 0; top: 0; right: 0; text-align: center; height: 223px; line-height: 223px; white-space: nowrap; } .qoth-line-text { text-align: center; margin-top: 15px; position: relative; display: inline-block } .qoth-line-text>span { color: #4299ed; font-size: 22px; font-weight: bold; } .qoth-line-left1 { background: url(../images/left-line1.png) right bottom no-repeat; padding-bottom: 30px; font-size: 18px; color: #333; position: absolute; right: 87%; top: -35px; white-space: nowrap; padding-right: 30px; } .qoth-line-left1>em { color: #4299ed; font-size: 30px; padding-left: 5px; } .qoth-line-left1.red { background: url(../images/right-line1.png) left bottom no-repeat; right: auto; left: 81%; padding-left: 30px; padding-right: 0; top: -50px; } .qoth-line-left1.red>em { color: #ff6468; } .qoth-h2-tips { left: 100%; margin-left: 0; top: auto; bottom: 15px; margin-left: 10px; padding-left: 255px; background: url(../images/right-line.png) left bottom no-repeat; width: 530px; height: 170px; text-align: left; } .qoth-h2-tips.left { right: 100%; left: auto; background: url(../images/left-line.png) right bottom no-repeat; padding-right: 255px; padding-left: 0; text-align: right; margin-right: 10px; } .qoth-h2-tips span { margin-bottom: 15px; height: 47px; line-height: 47px; font-size: 20px; width: 230px; } .qoth-h2-tips span>em { font-size: 16px; vertical-align: top; width: 135px; } .qoth-h2-tips span>i { display: inline-block; width: 60px; text-align: center; } .qoth-h2-tips span>em:before { border-top-width: 47px; } .qoth-h2-tips .qoth-line-org-t { background: #fa7048; } .qoth-h2-tips .qoth-line-org-t>em { background: #fc8867; } .qoth-h2-tips .qoth-line-org-t>em:before { border-top-color: #fc8867; } .qoth-h2-tips .qoth-line-blue-t { background: #00b7ee; } .qoth-h2-tips .qoth-line-blue-t>em { background: #4299ed; width: 110px } .qoth-h2-tips .qoth-line-blue-t>i { width: 80px; } .qoth-h2-tips .qoth-line-blue-t>i>b { font-weight: normal; font-size: 20px; } .qoth-h2-tips .qoth-line-blue-t>em:before { border-top: none; border-bottom: 47px solid #4299ed; } .qoth-jindu-table { border-top: 1px solid #ddd; margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #ddd; } .qoth-jindu-table>table { table-layout: fixed; width: 100%; } .qoth-jindu-table>table>thead>tr>td, .qoth-jindu-table>table>tbody>tr>td { padding: 10px; font-size: 16px; } .qoth-jindu-table>table>tbody>tr>td { padding-top: 20px; } .qoth-jindu-table>table>tbody>tr>td:first-child { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .qoth-jindu-table>table>tbody>tr>td:first-child { padding-left: 30px; } .qoth-jindu-table>table>thead>tr>td { border-bottom: 1px solid #dcdcdc; padding: 11px; } .qoth-jindu-table>table>thead>tr>td:nth-child(2) { text-align: center; width: 300px; } .qoth-jindu-table>table>thead>tr>td:nth-child(1) { width: 150px; padding-left: 30px; } .qoth-jindu-table>table>thead>tr>td:nth-child(3) { width: 70px; } .qoth-w-168 { width: 168px; } .qoth-tb-gres { display: table; width: 100%; text-align: center; position: relative; background: #e5e5e5; } .qoth-tb-widin { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: #1fcb6f; -webkit-animation: widin 1.2s ease 0s; -moz-animation: widin 1.2s ease 0s; -ms-animation: widin 1.2s ease 0s; -o-animation: widin 1.2s ease 0s; animation: widin 1.2s ease 0s; } .qoth-tb-widin.red { background: #ff6468; } .qoth-tb-widin.yellow { background: #f8b551; } .qoth-tb-gres-in { background: transparent; display: table-cell; color: #fff; position: relative; } .qoth-tb-gres-yu { background: #e5e5e5; display: table-cell; position: relative; } .qoth-tb-half>.media-body { width: 50%; padding-right: 30px; } .qoth-tb-half>.media-right { width: 50%; padding-left: 30px; } .qoth-tb-100 .qoth-tb-sline1 { width: 500px; } .qoth-tb-ue { color: #f88c51; background: #fef6ea; padding: 2px 7px; border-radius: 5px; margin-left: -7px; } .qoth-tb-slet { background: url(../images/slt.png) right center no-repeat; padding-right: 20px; border: none; -webkit-appearance: none; appearance: none; -moz-appearance: none; -ms-appearance: none; cursor: pointer; } /* 问题库输出end */ /* 表格样式重置 */ tr.my-table-header>th, tr.my-table-header>th.is-leaf { border: none; border-bottom: 2px solid #348ef8; background: transparent; font-size: 15px; color: #555; font-weight: bold; height: 40px; padding: 0; } /* .qoth-table-c .el-table--border { border: none; } .qoth-table-c .el-table--border td { border: none; border-right: 1px solid #fff; } .qoth-table-c .el-table--striped .el-table__body tr.el-table__row--striped td { background-color: #f6f6f6; border-right: 1px solid #fff; } .qoth-table-c .el-table--striped .el-table__body tr:nth-child(2n)>td { background-color: #f6f6f6; } .qoth-table-c .el-table--striped .el-table__body tr>td:nth-child(2n+1) { background-color: #fafafa; } .qoth-table-c .el-table--striped .el-table__body tr:nth-child(2n)>td:nth-child(2n+1) { background-color: #f1f1f1; } .qoth-table-c .el-table--striped .el-table__body tr>td:first-child { text-align: center !important; } .qoth-table-c .el-table--striped .el-table__body tr:hover>td:first-child { background: #5ea3f8; color: #fff; text-align: center !important; }.qoth-table-c .el-table .cell{ line-height:24px; } */ .el-table--striped .el-table__body tr.el-table__row--striped.current-row td, .el-table__body tr.current-row>td, .el-table__body tr.hover-row.current-row>td, .el-table__body tr.hover-row.el-table__row--striped.current-row>td, .el-table__body tr.hover-row.el-table__row--striped>td, .el-table__body tr.hover-row>td { background-color: #e9f1fb !important; } .el-table--striped .el-table__body tr.el-table__row--striped.current-row td:first-child, .el-table__body tr.current-row>td:first-child, .el-table__body tr.hover-row.current-row>td:first-child, .el-table__body tr.hover-row.el-table__row--striped.current-row>td:first-child, .el-table__body tr.hover-row.el-table__row--striped>td:first-child, .el-table__body tr.hover-row>td:first-child { background: #5ea3f8 !important; color: #fff; /* text-align: center !important; */ } .qoth-td-rghs-no { background: url(../images/no-t.png) right bottom no-repeat #feebef !important; color: #fa7048 !important; }/* 未通过*/ .qoth-td-rghs-no .qoth-resetup { background: url(../images/reset-tdup.png) center center no-repeat; display: inline-block; width: 12px; height: 12px; transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; } .qoth-resetup.down { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } /* 通报分析 */ .qoth-fxzlbox{ padding: 30px 20px; } .qoth-fxzmedia{ overflow: inherit; margin-left:-20px; margin-right: -20px; border-spacing: 20px 0; } .qoth-fxzmedia>.media-body,.qoth-fxzmedia>.media-right{ overflow: inherit; border-radius:5px; } .qoth-fxzmedia+.qoth-fxzmedia{ margin-top: 25px; } .qoth-fxzmedia>.media-right{ width:50%; padding-left: 0; } .qoth-fxzlbox fieldset{ padding: 0px; border:2px solid #348ef8; margin:inherit; border-radius: 5px;} .qoth-fxzlbox legend{ text-align: center; width: inherit; border:none; margin:0; padding:0px 15px; font-size: 22px; color: #333; font-weight: bold;} .qoth-fxz-blue{ background: #eaf3fe; } .qoth-fxz-org{ background: #fdf5e9; } .qoth-fxz-red{ background: #fef5f5; } .qoth-fxz-green{ background: #eefaf9; } .qoth-fxz-tit{ font-size: 18px; font-weight: bold; position: relative; padding-left: 45px; height: 44px; min-width: 232px; line-height: 44px; display: inline-block; border-top-left-radius: 5px; border-bottom-right-radius: 40px;} .qoth-fxz-tit:before{ position: absolute; left:25px; top:50%; margin-top: -8px; width:4px; height: 18px; content:""; display: block; border-radius: 3px; } .qoth-fxz-blue>.qoth-fxz-tit{ background: #d7e9fd; color:#4299ed;} .qoth-fxz-org>.qoth-fxz-tit{ background:#fceada; color: #f88c51; } .qoth-fxz-red>.qoth-fxz-tit{ background:#fdebeb; color: #eb6877; } .qoth-fxz-green>.qoth-fxz-tit{ background:#def5f3; color: #13b5b1; }.qoth-fxz-blue>.qoth-fxz-tit:before{ background:#4299ed; } .qoth-fxz-org>.qoth-fxz-tit:before{ background:#f88c51; } .qoth-fxz-red>.qoth-fxz-tit:before{ background:#eb6877; } .qoth-fxz-green>.qoth-fxz-tit:before{ background:#13b5b1; } .qoth-fxz-r1l1{ padding: 20px; } .qoth-fxz-r1l1>ul{ font-size: 0; padding:0px 20px; } .qoth-fxz-r1l1>ul>li{ width: 50%; display: inline-block; font-size: 16px; text-align: center; padding:25px 30px; vertical-align: top;} .qoth-fxz-r1l1>ul>li h4{ font-size: 36px; color: #348ef8; margin:15px 0;} .qoth-fxz-r1l1>ul>li div{ color: #888; background: #fff; padding: 15px 0; } .qoth-fxz-r1l1>ul>li div>em{ font-size: 13px; color: #4299ed; margin-left: 5px; } .qoth-down-f{ background: url(../images/down-f.png) left center no-repeat; padding-left: 12px; color: #fa7048 !important; font-size: 16px !important; } .qoth-up-f{ background: url(../images/up.png) left center no-repeat; padding-left: 12px; color: #1fcb6f !important; font-size: 16px !important; } .qoth-fxz-r2l1{ text-align:center; padding:30px 20px; } .qoth-fxz-r2l1>div{ display: inline-block; } .qoth-fxz-green fieldset{ border:2px solid #43c3c0; background:#fff; } .qoth-fxz-green legend{ font-size:20px; } .qoth-fxz-green .qoth-fxz-r1l1>ul>li h4{ color: #13b5b1; } .qoth-fxz-green fieldset h5{ color:#13b5b1; font-size:16px; } .qoth-fxz-green fieldset h6{ border-top:1px solid #89dad8; padding:13px 9px; margin:0px 13px; display: flex; display: -webkit-flex; justify-content: space-between; margin-top: 15px; } .qoth-fxz-green fieldset h6>a{ color:#555; font-size:15px; text-decoration: none;} .qoth-fxz-green .qoth-fxz-r1l1>ul{ padding:1px 0; } .qoth-fxz-green .qoth-fxz-r1l1>ul>li{ padding:25px 10px; } .qoth-wid-100{ width:100% !important; }.qoth-wid-100 fieldset .clearfix{ padding: 0; } .qoth-ul-li{ width:50%; float:left; position: relative; padding:0 10px !important;} .qoth-ul-li+.qoth-ul-li:before{ content: ""; display: block; position: absolute; left:0; top:50%; margin-top: -55px; width:1px; height: 110px; background: #89dad8; } .qoth-fxz-tjq{ padding: 70px 0 80px; } .qoth-fxz-tjq .qoth-jsc-circle-side{ margin: 0 auto; width: 230px; height: 230px; box-shadow: 0 0 0 16px #ffebcf inset; border: 40px solid #ffebcf; box-sizing: content-box; } .qoth-fxz-tjq .qoth-jsc-arw{ background: url(../images/arrow-red.png) center center no-repeat; } .qoth-fxz-tjq .qoth-jsc-tjq{ width:125px; height: 125px; border-radius: 50%; background:#fff; } .qoth-fxz-tjq .qoth-line-tips{ background: url(../images/bt-gray-t.png) left center no-repeat; padding: 3px 0px 10px 35px; margin-left:53px; top:-89px; } .qoth-fxz-tjq .qoth-line-tips.tips-gt{ background: url(../images/bt-gray.png) left center no-repeat; bottom: -89px; top:auto; padding: 19px 0px 10px 35px; } .qoth-border-red{ border:1px solid #fa744d; } .qoth-border-blue{ border:1px solid #00b7ee; } .qoth-border-org{ border:1px solid #f8b551; } .qoth-border-green{ border:1px solid #3dbf5b; } .qoth-fxz-tjq .qoth-jsc-tjq.qoth-tjq-top ,.qoth-fxz-tjq .qoth-jsc-tjq.qoth-tjq-bottom{ margin-left:-63px; } .qoth-fxz-tjq .qoth-jsc-tjq.qoth-tjq-right,.qoth-fxz-tjq .qoth-jsc-tjq.qoth-tjq-left{ margin-top: -63px; } .qoth-size-wt.qoth-side-ul>li>a{ font-size:13px; color:#555; padding: 10px; height: 60px; } .qoth-size-wt.qoth-side-ul>li:first-child>a{ padding-top: 20px; } .qoth-size-wt.qoth-side-ul>li.active>a{ color:#fff; background:#348ef8; }.qoth-size-wt.qoth-side-ul{ width:55px; } .qoth-size-wt.qoth-side-ul>li+li>a:before{ width: 45px; margin-left:-23px; }.qoth-fxz-topic{ padding: 25px 0 10px; border-bottom: 1px solid #d2d2d2; } .qoth-fxz-topic .media-left>span{ color:#333; font-size:23px; font-weight:bold; } .qoth-media-tjx{ border-spacing: 15px 0; margin-left:-15px; margin-right: -15px; margin-top: 0; margin-bottom:20px; overflow: auto; } .qoth-media-tjx>.media-body{ border: 1px solid #dcdcdc; position: relative; overflow:auto; } .qoth-media-tjx>.media-right{ width: 50%; border: 1px solid #dcdcdc; position: relative; } .qoth-tjx-img{ text-align: center; padding: 20px; } .qoth-tjx-img>div{ display: inline-block; } .qoth-tjx-img>h3{ font-size: 20px; color: #348ef8; font-weight: bold; } .qoth-table-page{ margin-bottom:25px; } .qoth-table-pagein{ padding: 10px 0; } .qoth-fxzbanner{ background: url(../images/gn-2.jpg) center center no-repeat; background-size: cover; margin-top: -1px; } .qoth-fxzbanner>.qua-wid-auto>.media{ min-height: 326px; display: table; } .qoth-fxzbanner>.qua-wid-auto>.media>.media-left{ background: url(../images/gn-3.jpg) center center no-repeat; background-size: cover; color: #fff; padding-right: 0; }.qoth-fxzbanner>.qua-wid-auto>.media>.media-body{ padding: 20px 70px 70px; position: relative; } .qoth-bar-row{ width: 240px; text-align: center; } .qoth-bar-r1{ font-size: 20px; height: 100px; font-weight: bold; white-space: pre-wrap; padding: 20px 10px 0; } .qoth-bar-r2{ border-bottom: 1px solid #fff;margin:0px 20px; } .qoth-bar-r2>ul{ font-size:0; padding-bottom: 10px; } .qoth-bar-r2>span{ font-size: 18px; display: block; min-height: 50px; padding: 10px 0; white-space: pre-wrap; } .qoth-bar-r2>ul>li{ display: inline-block; width:50%;} .qoth-bar-r2>ul>li>span{ font-size:45px; line-height: 1.2; } .qoth-bar-r2>ul>li>div{ font-size:15px; } .qoth-bar-r3{ padding:10px 0px 0px 50px; } .qoth-bar-r3>p{ margin-top:10px; text-align:left; font-size:15px; white-space: pre-wrap; } .qoth-bar-r3 span{ font-weight:bold; margin-right: 7px; } .qoth-bar2-r1{ border-bottom: 3px solid #f8b551; display: inline-block; color: #333; font-size: 21px; font-weight: bold; padding-bottom:5px; padding-right: 40px; margin-bottom: 15px; } .qoth-bar2-r1>em{ font-size: 16px; font-weight: normal; color: #aaa; margin-left: 10px; text-transform:uppercase; } .qoth-bar2-r2{ font-size: 15px; color: #333; line-height: 25px; } .qoth-bar2-r3{ margin-top:35px; position: absolute; bottom: 25px; } .qoth-bar2-r3>span{ display:inline-block; height: 30px; line-height: 30px; font-size:15px; border-radius:25px; padding:0px 22px; background:#fff; } .qoth-bar2-r3>span+span{ margin-left:15px; } .qoth-fxz-item .media{ margin-bottom: 10px; margin-top:10px; height: 152px; overflow: inherit; } .qoth-fxz-item .media>.media-left{ border-radius:5px 0 0 5px; padding-right:0; } .qoth-fxz-item .media>.media-left>div{ width:70px; color:#fff; font-size:16px; font-weight:bold; display:inline-block; /* padding-left: 20px; padding-right: 20px; */ text-align: center; line-height:1.2; padding-top: 35px; } .qoth-fxz-item .media>.media-body{ border:1px solid #dcdcdc; border-left:none; border-radius: 0 5px 5px 0; padding:10px 20px;}.qoth-fzx-ico1{ background:url(../images/fxz-i_1.png) center top no-repeat; }.qoth-fzx-ico2{ background:url(../images/fxz-i_2.png) center top no-repeat; }.qoth-fzx-ico3{ background:url(../images/fxz-i_3.png) center top no-repeat; }.qoth-fzx-ico4{ background:url(../images/fxz-i_4.png) center top no-repeat; }.qoth-fzx-ico5{ background:url(../images/fxz-i_5.png) center top no-repeat; }.qoth-fzx-ico6{ background:url(../images/fxz-i_6.png) center top no-repeat; }.qoth-fzx-ico7{ background:url(../images/fxz-i_7.png) center top no-repeat; }.qoth-fxzitem-table{ height: 128px; font-size:15px; width:100%; }.qoth-fxzitem-table>tbody>tr>td:first-child{ color:#555; } .qoth-fxzitem-table>tbody>tr>td:last-child{ color:#888; text-align:right; } .itembg-1{ background-color:#36d07e; border:1px solid #36d07e } .itembg-2{ background-color:#fa7048; border:1px solid #fa7048 } .itembg-3{ background-color:#61acf5; border:1px solid #61acf5 }.itembg-4{ background-color:#2fbab6; border:1px solid #2fbab6 } .itembg-5{ background-color:#8c97cb; border:1px solid #8c97cb } .itembg-6{ background-color:#f8b551; border:1px solid #f8b551 } .itembg-7{ background-color:#ea68a2; border:1px solid #ea68a2 } .qoth-rel-btn{ background:#fff2eb; color:#f88c51; border-radius: 25px; padding:2px 30px; border:none; outline:none; } .qoth-rel-btn:hover{ background:#fdede4; } .qoth-fxz-yj{ margin: 5px -8px; } .qoth-fxz-yj .col-xs-6{ padding-left:8px; padding-right: 8px; } .qoth-fxz-yj .media{ margin-bottom: 5px; margin-top:5px; border:1px solid #dcdcdc; } .qoth-fxz-yj .media>.media-left{ padding-right:0; background: #f3f5f8; position: relative; } .qoth-fxz-yj .media>.media-left::before{ content:""; display:block; position: absolute; left:100%; top:50%; margin-top: -7px; border-left:7px solid #f3f5f8; border-top: 7px solid transparent; border-bottom: 7px solid transparent; } .qoth-fxz-yj .media>.media-left>div{ width:130px; font-size:18px; color:#677ea1; font-weight:bold; display:inline-block; padding-left: 20px; padding-right: 20px; text-align: center; line-height:1.2;} .qoth-fxz-yj .media>.media-body{ padding:12px 20px;}.qoth-fxzyj-table{ height: 57px; font-size:15px; width:100%; }.qoth-fxzyj-table>tbody>tr>td{ color:#555; text-align:center; } .qoth-fxzyj-table>tbody>tr>td>span{ font-size:30px; color:#fa7048; line-height: 1.1 }.qoth-fxzyj-table>tbody>tr>td+td{ border-left:1px solid #e5e5e5; } .qoth-tjx-tit{ padding: 10px 5px 10px 20px; font-size: 16px; }.qoth-tjx-tit>em{ font-size:15px; color:#888; }.qoth-media-tjx-h{ border-spacing: 15px 0; margin-left:-15px; margin-right: -15px; overflow: auto; } .qoth-media-tjx-h>.media-body{ overflow:auto; } .qoth-media-tjx-h>.media-right{ width: 50%; padding-left: 0;} .qoth-tjx-img-h{ text-align: center; padding: 20px; height: 220px; border: 1px solid #dcdcdc; } .qoth-tjx-img-h>div{ overflow: initial !important; } .qoth-show-it{ color: #5d7393; background: #eef1f5; font-size: 14px; border-radius: 25px; padding: 2px 12px; border:none; margin-left:10px;} .qoth-show-it>i{ background: url(../images/fxz-i_03.png) center center no-repeat ; margin-left: 5px; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display: inline-block; width:11px; height: 11px; } .qoth-show-it.hidden-vis>i{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .qoth-br-tit{ border-bottom: 1px solid #dcdcdc; padding-bottom: 10px; } .qoth-right-tools{ float: right; display: inline-block; } .qoth-right-tools>select{ border-radius: 5px; border:1px solid #dcdcdc; font-size: 14px; min-width: 100px; } .qoth-fxzlbox .qoth-floating{ top:153px; } .qoth-fxz-cg{ margin:10px 0; } .qoth-fxz-tab{ background: #f6f6f6; height: 44px; line-height: 44px; margin:12px 0; } .qoth-fxz-tabli{ background: #f6f6f6; height: 44px; line-height: 44px; font-size: 0; } .qoth-fxz-tabli>a{ padding: 0 25px; background:#f6f6f6; font-size: 16px; color: #333; display: inline-block;} .qoth-fxz-tabli>a:hover{ color:#F16E42; } .qoth-fxz-tabli>a.active{ background: #fa7048; color: #fff; } .qoth-glmedia{ margin:25px 0; } .qoth-glmedia>.media-left{ background:url(../images/rt1.png) right -18px bottom -18px no-repeat #6683af; color: #fff; text-align: center; height: 300px; } .qoth-glmedia>.media-body{ background:url(../images/rt2.jpg) center center no-repeat #f2f8fb; text-align: center; height: 300px; padding-left: 0; background-size:cover; } .qoth-glmedia-r1{ width: 280px;} .qoth-glmedia-r1>span{ font-size:60px; line-height: 1; display:inline-block; cursor:pointer; } .qoth-glmedia-r1>span>em{ font-size:20px; float: right; margin-top: 8px; margin-left: 5px; } .qoth-glmedia-r2{ margin-top: 20px; } .qoth-glmedia-r2>span{ font-size:20px; } .qoth-glmedia-c1{ position: relative; background: url(../images/rt3.png) center top no-repeat; width:167px; height: 156px; display: inline-block; } .qoth-glmedia-c1>h3{ font-size:40px; color:#333; position:absolute; top:50px; width:167px; left:0; text-align:center; margin:0; } .qoth-glmedia-c1>h3>em{ font-size:20px; } .qoth-glmedia-c1>span{ font-size: 18px; color:#fff; background-color:#fa7048; border-radius: 25px; height:31px; line-height: 31px; width:165px; display:inline-block; position: absolute; bottom:0; left:50%; margin-left:-83px; font-weight:bold } .qoth-glmedia-c1>span.glmedia-org{ background: #f3b700; } .qoth-glmedia-c1tit{ font-size: 15px; color:#000033; margin-top:5px; } .qoth-glmedia-c1tit>em{ font-size:23px; margin-left:10px; } .qoth-glmedia-cltit>i{ font-size:15px; } .qoth-down-ic{ background: url(../images/down-f.png) left 12px no-repeat; padding-left: 12px; } .qoth-up-ic{ background: url(../images/up.png) left 12px no-repeat; padding-left: 12px; } .qoth-glmedia-c2{ font-size:18px; text-align: left; min-width:300px; margin:10px 0; } .qoth-glmedia-c2>span{ min-width:120px; display: inline-block; } .qoth-glmedia-c2>em{ font-size:30px; font-weight:bold; cursor: pointer; } .qoth-glmedia-c2>em>i{ font-size:16px; font-weight:normal; } .qoth-glmedia-c2.glcor1{ color:#1fcb6f; } .qoth-glmedia-c2.glcor2{ color:#333; } .qoth-glmedia-c2.glcor3{ color:#fa7048; } .qoth-glmedia-pad>.media-body{ padding: 0px 50px; } .qoth-fxz-cg{ text-align: center; padding:25px 0 } .qoth-part-r1>span{ font-size:50px; display:inline-block; cursor: pointer; }.qoth-part-r1>span>em{ font-size:20px; color:#c3c3c3; float:right; margin-top:15px; margin-left:5px; } .qoth-part-r2{ margin-top:5px; } .qoth-part-r2>span{ font-size:16px; color:#000; background:#f7f7f7; display: inline-block; padding: 4px 15px; border-radius: 25px; width:190px; text-align:center; } .org-r1{ color:#f88c51 !important; } .green-r1{ color:#1fcb6f !important; } .red-r1{ color:#ff5e62 !important; } .blue-r1{ color:#348ef8 !important; } .qoth-tjx-row{ border: 1px solid #dcdcdc; padding:15px; margin:20px 0; position:relative; } .qoth-tjx-row>.row>div{ display: table-cell; } .qoth-tjx-row>.row>div+div{ border-left:1px solid #dcdcdc; } a.qoth-more-index{ position: absolute; top:-5px; right:-1px; background:url(../images/label.png) center center no-repeat; font-size: 15px; color:#fff; padding:13px 6px 0 10px; display: inline-block; width:35px; height: 98px; line-height: 1.1; text-align:center; cursor: pointer; z-index: 1; } a.qoth-more-index:hover{ opacity:0.85; } .qoth-tjx-compare{ border:1px solid #dcdcdc; background:#f1f3f8; } .qoth-com-tab{ font-size:0; background: #fff; box-shadow: 0 1px 18px rgba(0, 0, 0, .1); padding-bottom: 18px; } .qoth-com-line{ width:50%; display: inline-block; text-align: center;} .qoth-com-line>h3{ font-size:16px; color:#fff; margin:0; font-weight: bold; background: url(../images/tit.png) center center no-repeat; min-width: 160px; height:32px; line-height: 32px; margin-bottom: 25px; } .qoth-com-line>h3.bgorg{ background: url(../images/tit-org.png) center center no-repeat;} .qoth-com-line>span{ font-size: 18px;} .qoth-com-line>span+span{ margin-left:40px; } .qoth-com-line>span>em{ margin:0px 5px; cursor: pointer; } .qoth-com-list{ margin:20px 0; padding:0px 12px; } .qoth-com-list>div{ padding:7px 10px; } .qoth-com-tit{ position: relative; background: #8b9fbd; font-size:16px; font-weight:bold; color:#fff; height: 38px; line-height: 38px; padding:0 50px 0 20px; border-radius:5px 5px 0 0; } .qoth-com-tit>em{ font-size:13px; } .qoth-other-more{ display: inline-block; width: 26px; height: 13px; background: url(../images/more.png) center center no-repeat; position: absolute; right:20px; top:50%; margin-top:-6px; } .qoth-com-media{ background:#fff; text-align:center; margin:0; padding:20px; border-radius:0 0 5px 5px; white-space: nowrap; } .qoth-com-media>.media-left{ width:29%; } .qoth-com-media>.media-right{ width:25% } .qoth-com-col1>span{ color:#348ef8; font-size:35px; display: block; margin-bottom:5px; line-height: 1; } .qoth-com-col1>div{ font-size:15px; } .qoth-com-col1>div>em{ background:#1fcb6f; display:inline-block; border-radius:25px; padding:0px 5px; margin-left:5px; font-size:13px; height:18px; line-height: 18px; color:#fff; text-align:center; min-width:28px; } .qoth-com-col1>div>em.cred{ background:#ff5e62; } .qoth-com-col2>span{ font-size:40px; color:#ff5e62; } .qoth-com-col2>span>em{ font-size:18px; color:#555; } .qoth-twohalf{ font-size:0; padding:0px 10px; } .qoth-twohalf>li{ display: inline-block; font-size:15px; width:50%; } .qoth-twohalf>li>span{ font-size:25px; display: block; height:30px; margin-bottom:5px; line-height: 30px; } .qoth-twohalf>li>div{ font-size:15px; } .qoth-com-media>div+div{ border-left:1px solid #dcdcdc; } .tw-default{ color:#aaa !important; font-size:20px !important } .qoth-loadmore>a{ width:103px; height:29px; line-height: 29px; color:#888; background:#fff; border-radius:25px; text-align:center; margin:20px auto 25px; display:block; } .qoth-loadmore>a:hover{ color:#8b9fbd } .qoth-media-rank>.media>.media-left{ background:url(../images/rt4.jpg) center center no-repeat; background-size: cover; color:#fff; text-align:center; height:320px; } .qoth-rank-left{ width:260px;} .qoth-rank-left>h3{ font-size:80px; border:3px solid #fff; border-radius:50%; width:146px; height: 146px; text-align:center; line-height: 146px; margin:0 auto; } .qoth-rank-left>p{ font-size:20px; margin-top:15px; } .qoth-rank-right{ font-size:0; } .qoth-rank-right>li{ display:inline-block; font-size:16px; text-align:center; width:25%; padding:12px 0; color:#333; cursor: pointer; } .qoth-rank-all.qoth-rank-right{ padding:10px 0; } .qoth-rank-all.qoth-rank-right>li{ width:20%; } .qoth-rank-right>li>span{ background:url(../images/num-1.png) center center no-repeat; width:89px; height:100px; display: block; text-align:center; color:#fff; font-size:35px; font-weight:bold; padding-top: 10px; margin-bottom:3px; margin-left:auto; margin-right:auto; } .qoth-rank-right>li>span.qoth-rank-num2{ background:url(../images/num-2.png) center center no-repeat; } .qoth-rank-right>li>span.qoth-rank-num3{ background:url(../images/num-3.png) center center no-repeat; color:#444; } .qoth-relation-box{ padding:20px 0 } .qoth-relation-tit{ padding:20px 0; } .qoth-relation-tit>button{ width:121px; height: 41px; line-height: 41px; background:#348ef8; font-size: 18px; color:#fff; border:none; } .qoth-relation-chart{ padding: 20px; background:#f3f3f3; } /* 通报分析 end */ .qoth-assem-div{ display: inline-block; margin-left:10px; vertical-align: middle; } .qoth-assem-div select{ border-radius:5px; border:1px solid #dcdcdc; min-width:120px; height:31px; line-height:31px; } .qoth-assem-div>.qua-input-free{ height:31px; } .qoth-assem-div>.qua-input-free>input{ height:31px; } .qoth-assem-div>.qua-input-free>.qua-group-btn>button{ height:31px; } .qua-per-abt{ position: absolute; right: 0; top: 50%; margin-top: -9px; } .qoth-per-hidden{ position: relative; display: inline-block; padding-right: 70px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; } /* 目标标准 */ .qoth-mbl-tab{ margin:0; margin-bottom: -12px; } .qoth-mbl-tab>li{ display: inline-block; } .qoth-mbl-tab>li>a{ display: block; border:1px solid #fff; border-bottom: 1px solid #44494E; background: #f5f6f6; font-size: 14px; color:#888; height: 44px; line-height: 44px; padding: 0px 50px 0px 15px; position: relative; } .qoth-mbl-tab>li>a:hover{ opacity: 0.98; } .qoth-mbl-tab>li.active>a{ border:1px solid #d2d2d2; border-bottom: 1px solid #fff; background: #fff; color: #333; } .qoth-mbl-tab>li>a>em{ position: absolute; right: 0; top:0; bottom: 0; width: 36px; background:url(../images/close-g.png) center center no-repeat #edeeee;}.qoth-mbl-tab>li>a>em:hover{ background:url(../images/close-t.png) center center no-repeat #edeeee; } .qoth-class-group{ padding: 20px; } .qoth-mbl-classa{ width: 335px; margin: 10px auto; position: relative; border-radius:5px; } .qoth-bml-tip1{ position: absolute; left:110%; top:0; } .qoth-bml-tip1>a{ font-size: 13px; background: #fa7048; height: 24px; line-height: 24px; color:#fff; border-radius: 25px; padding: 0px 40px 0px 25px; white-space: nowrap; display: block; } .qoth-bml-tip1>a>i{ background: url(../images/ques.png) center center no-repeat #fff; border-radius: 50%; display: inline-block; width: 18px; height: 18px; position: absolute; right: 2px; top: 50%; margin-top: -9px;} .qoth-mbl-row1{ background: url(../images/bg1-t.png) right bottom no-repeat #348ef8; font-size: 25px; color: #fff; padding: 16px; border-radius: 5px 5px 0 0; position: relative; } .qmbl-bggreen{ background: url(../images/bg2-t.png) center bottom no-repeat #13b5b1; } .qoth-mbl-row1>span{ background: url(../images/school-t.png) left center no-repeat; padding-left: 45px; display: block; margin-bottom: 20px; line-height: 1.4;} .qoth-mbl-row1>h3{ text-align: center; margin:0; margin-bottom: 20px; line-height: 1.4; } .qoth-mbl-row1>h4{ font-size: 16px; margin-bottom: 0; color: #fff; text-align: center; } .qoth-mbl-row1>p{ font-size: 15px; margin-bottom: 0; color: #fff; text-align: right; } .qoth-mbl-row1>div{ font-size: 13px; text-align: center; margin-top:5px; } .qoth-mbl-row2{ border: 1px solid #dcdcdc; border-top: none; background: #fff; border-radius: 0 0 5px 5px; } .qoth-mbl-row2>ul{ font-size:0; text-align: center; padding: 20px 0 } .qoth-mbl-row2>ul>li{ display: inline-block; width: 33.3%; color: #555; } .qoth-mbl-row2>ul>li>span{ font-size: 25px; } .qoth-mbl-row2>ul>li>div{ font-size: 14px; } .qoth-mbl-arowdown{ background:url(../images/next-down.png) center center no-repeat; width:17px; height: 44px; margin:0px auto; } .qoth-mbl-arowdown-lg{ width:47px; height: 37px; margin:0px auto; } .qoth-mbl-arowdown-lg-i{ background:url(../images/down-ly.png) center center no-repeat; position:absolute; left:50%; margin-left:-21px; width:47px; height:37px; display:block; top:100%; margin-top:51px; } .qoth-mbl-showi{ width: 25px; height: 25px; display: inline-block; border-radius: 50%; background:url(../images/hidden-t.png) center center no-repeat rgba(255, 255, 255, .3); position: absolute; right: 16px; top: 20px; z-index:11; } .qoth-mbl-showi:hover{ opacity: 0.8; } .qoth-hidden-other .qoth-mbl-showi{ background:url(../images/show-t.png) center center no-repeat rgba(255, 255, 255, .3); }.qoth-hidden-other.qoth-mbl-classa{ height: 65px; overflow: hidden; } .qoth-hidden-other.qoth-mbl-classa .qoth-mbl-row1{ background-position: right 15px; } .qoth-hidden-other.qoth-mbl-classa .qoth-mbl-row1>span{ background: none; padding:0; text-align: center; } .qoth-mbl-classb{ margin:10px 0; background: #fff; border: 1px solid #bfbfbf; border-radius: 5px; } .qoth-mbl-classb .qoth-mbl-brow1{ background: #ebeff5; border-radius: 5px 5px 0 0; padding: 20px 40px; } .qoth-mbl-brow1>.media>.media-right{ padding-left:0; } .qoth-mbl-coltop{ border:1px solid #fff; border-radius:5px; background:#fff; } .qoth-mbl-coltop>.media-left{ background:#f2f7fd; font-size:20px; color:#4299ed; font-weight:bold; padding-right:0; } .qoth-mbl-yset>.media-left>a{ display: block; width:35px; text-align:center; background:url(../images/left-ab.png) center center no-repeat #f8f8f8; height:103px; } .qoth-mbl-yset>.media-left>a.qoth-rgt-awt{ background:url(../images/right-ab.png) center center no-repeat #f8f8f8;} .qoth-mbl-yset>.media-left>a:hover{ background:url(../images/left-a.png) center center no-repeat #f5f9fd;} .qoth-mbl-yset>.media-left>a.qoth-rgt-awt:hover{ background:url(../images/right-a.png) center center no-repeat #f5f9fd;} .qoth-mbl-coltop>.media-left>span{ display: block; width:100px; text-align:center; background:url(../images/arw-slt-t.png) center bottom no-repeat; padding-bottom:15px; cursor: pointer; } .qoth-middle-zb{ min-width: 180px; border-top: 1px solid #d7dade; line-height: 1px; text-align: center; padding: 0 20px; border-bottom: 2px solid #d7dade; height: 0;} .qoth-middle-zb>span{ padding:10px 20px; border-radius:5px; cursor: pointer; text-align:center; color:#fff; background:url(../images/arw-slt-t-bai.png) right 15px center no-repeat #fa7048; font-weight:bold; font-size:20px; padding-right:35px; white-space: nowrap; } .qoth-mbl-coltop>.media-body{ height:103px; } .qoth-mbl-coltopul{ font-size:0;} .qoth-mbl-coltopul>li{ display:inline-block; width: 25%; text-align:center; vertical-align: top; }.qoth-mbl-coltopul>li>span{ font-size:23px; color:#fa7048; } .qoth-mbl-coltopul>li>div{ font-size:16px; color:#666; } .qoth-mbl-yset .qoth-mbl-coltopul>li>div{ font-size:14px;} .qoth-mbl-yset{ border:1px solid #fff; border-radius:5px; background:#fff; height:103px; } .qoth-mbl-brow2{ position: relative; background: #fff; border-radius:0 0 5px 5px; padding:30px 49px 40px; } .qoth-mbl-col{ width: 254px; height: 173px; display: inline-block; box-shadow: 0 5px 15px #dee8f3; border-radius: 5px; vertical-align: middle; margin: 0 5px; position: relative; } .qoth-mbl-col>h3{ background: #6c83a5; height: 75px; display: table; margin:0; width: 100%; border-radius: 5px 5px 0 0; position: relative; padding:0px 50px; } .qoth-mbl-col>h3>span{ display: table-cell; vertical-align: middle; color: #fff; font-size: 18px; text-align: center; line-height: 1.2; } .qoth-mbl-col>h3>i{ position: absolute; display: inline-block; width: 50px; height:20px; line-height: 20px; color:#fff; font-size: 13px; font-weight: bold; background:linear-gradient(to right,#f68833,#f6ab4c); background:-webkit-linear-gradient(left,#f68833,#f6ab4c); background:-moz-linear-gradient(left,#f68833,#f6ab4c); background:-ms-linear-gradient(left,#f68833,#f6ab4c); border-radius:0 25px 25px 0; left:0; top:10px; z-index: 2; text-align:center; } .qoth-mbl-col>ul{ border-radius: 0 0 5px 5px; font-size:0; padding-top:15px; } .qoth-mbl-col>ul>li{ display: inline-block; width: 33.3%; color: #555; text-align: center; } .qoth-mbl-col>ul>li>span{ font-size: 25px; } .qoth-mbl-col>ul>li>div{ font-size: 14px; } .qoth-mbl-col-next{ height:200px; } .qoth-mbl-col-next>h3{ background:#4299ed; } .qoth-mbl-col-next>ul{ padding-top:30px; } .qoth-mbl-col-next a.qoht-mbl-i{ background-color:#f88c51 } .qoth-mbl-bleft{ background: url(../images/left-ab.png) center center no-repeat; display: inline-block; width: 15px; height: 31px; position: absolute; left:20px; top:50%; margin-top: -15px; } .qoth-mbl-bleft:not(.disabled):hover{ background: url(../images/left-a.png) center center no-repeat; } .qoth-mbl-bright{ background: url(../images/right-ab.png) center center no-repeat; display: inline-block; width: 15px; height: 31px; position: absolute; right:20px; top:50%; margin-top: -15px; }.qoth-mbl-bright:not(.disabled):hover{ background: url(../images/right-a.png) center center no-repeat; } .qoth-mbl-bleft.disabled,.qoth-mbl-bright.disabled{ pointer-events: none; } a.qoht-mbl-i{ width:50px; height:20px; display: inline-block; border-radius: 0 0 5px 5px; position: absolute; bottom:-20px; left:50%; margin-left:-25px; text-align:center; padding-left: 15px; color:#fff; font-size:12px; line-height: 20px; } a.qoth-mbl-zk-i{ background:url(../images/show-t-xs.png) 7px center no-repeat #c0cbda;} a.qoth-mbl-zd-i{ background:url(../images/hidden-t-xs.png) 7px center no-repeat #c0cbda;}a.qoht-mbl-i:hover{ background-color:#f88c51; }.qoth-layer-top{ position: absolute; top:0; right:0; left:0; bottom: 0; background: rgba(52, 142, 248, .9); z-index:10; border-radius: 5px; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .qoth-mbl-classa.qoth-hidden-other:hover .qoth-layer-top{ -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); } .qoth-mbl-classa:hover .qoth-layer-top{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .qoth-mbl-col:hover .qoth-layer-top{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .qoth-layer-in{ display:table; height: 100%; width:100%; } .qoth-layer-in-cell{ display:table-cell; text-align:center; vertical-align: middle;} .qoth-layer-in-cell>a{ font-size:15px; color:#fff; width:106px; height:34px; line-height:34px; background:#1670d9; display: inline-block; border-radius:25px; margin:10px 5px; } .qoth-layer-in-cell>a:hover{ background:#fa7048; } .qoth-pop-it{ position: relative; } .qoth-pop-it:before{ position:absolute; left:100%; top:50%; margin-top:-12px; content:""; margin-left:10px; display:none; border-top:12px solid transparent; border-bottom:12px solid transparent; border-right:12px solid #fff; } .qoth-pop-it:hover:before{ display:block; } .qoth-pop-it:hover>ul{ display:block; } .qoth-pop-it>ul{ position: absolute; margin-left:22px; box-shadow:4px 2px 8px #ccc; left:100%; top:50%; margin-top:-80px; white-space: nowrap; background:#fff; padding:10px 20px 15px; border-radius: 5px; display:none; }.qoth-pop-it>ul>div{ font-size:18px; color:#fa7048; font-weight:bold; padding-bottom: 5px; border-bottom:1px solid #fa7048; margin-bottom:10px } .qoth-pop-it>ul>li{ font-size:14px; line-height:24px; text-align:left; color:#666; } .qoth-pop-it>ul>li.qoth-li-line{ height:5px; } .qoth-lang-t{ margin:20px 0 !important; } .qoth-lang-t>.media-left{ background:#348ef8; color:#fff; height:100px; padding:0px 30px; } .qoth-slt-lang{ font-size:18px; font-weight:bold; background:url(../images/arw-xy.png) right center no-repeat; padding-right: 22px; }.qoth-lang-t>.media-left>div{ font-size:16px; margin-top: 5px; } .qoth-lang-t>.media-body{ border:1px solid #dcdcdc; background:#fff; padding:0px 30px; } .qoth-lang-t>.media-body>h3{ font-size:18px; color:#fa7048; font-weight:bold; margin:0; } .qoth-lang-t>.media-body>div{ margin-top:10px; font-size:16px; color:#666;} .qoth-slt-default{ border:1px solid #dcdcdc; color:#666; font-weight:normal; float: right; appearance: none; height:23px; line-height: 23px; -moz-appearance: none; -webkit-appearance: none; padding:0px 25px 0 15px; font-size:13px; background: url(../images/py-down.png) right 8px center no-repeat #fff; } .qoth-slt-zdd{ color:#348ef8; font-weight:bold; font-size:18px; } .qoth-lang-table>table{ width:100%; table-layout: fixed } .qoth-lang-table>table>thead>tr>th{ background: #fafafa; font-size:16px; color:#348ef8; font-weight:bold; text-align:center; height:65px; border:1px solid #eee; padding:0 25px; border-top:3px solid #348ef8; } .qoth-lang-table>table>thead>tr>th:first-child{ text-align:left; width:321px; } .qoth-lang-table>table>tbody>tr>td:first-child{ text-align:left; background:#f5f9fe; } .qoth-lang-table>table>tbody>tr>td{ background: #fff; font-size:14px; color:#555; text-align:center; height:49px; border:1px solid #eee; padding:0 25px; }.qoth-lang-table.qoth-lang-jin>table>thead>tr>th{ width:222px; } .qoth-lang-table.qoth-lang-jin>table>thead>tr>th:first-child{ width:321px; } .qoth-lang-jin{ overflow-x: auto; }.qoth-lang-table>table>tbody>tr:hover>td{ background:#fcfcfc; } .qoth-lang-table>table>tbody>tr:hover>td:first-child{ background:#f1f6fb;} .qoth-lang-table>table>tbody>tr.first-child>td{ background:#fef9f1; } .qoth-lang-table>table>tbody>tr.first-child>td:first-child{ background:#ebf3fd; font-size:15px; font-weight:bold;}/* .qoth-lang-jin.qoth-lang-table>table>tbody>tr:hover>td{ background:inherit; } .qoth-lang-jin.qoth-lang-table>table>tbody>tr:hover>td:first-child{ background:#f5f9fe; font-weight:normal;} */ .qoth-langzz-left{ margin-left:50px; } .qoth-langzz-left>.up{ background:url(../images/up.png) left center no-repeat; padding-left:13px; margin-left:5px; } .qoth-langzz-left>.down{ background:url(../images/down-f.png) left center no-repeat; padding-left:13px; margin-left:5px; } .qoth-lang-class{ position: relative; } .qoth-lang-class>i{ position:absolute; left:100%; top:50%; margin-top:-6px; display: inline-block; width:8px; height: 12px; margin-left:10px; } .qoth-lang-class>i.lang-up{ background:url(../images/wdk-up-ico.png) center center no-repeat; } .qoth-lang-class>i.lang-down{ background:url(../images/wdk-down-ico.png) center center no-repeat; } .qoth-lang2-t{ padding:15px 20px; } .qoth-lang2-t>.media-left{ font-size:18px; color:#555;} .qoth-lang2-t>.media-body>a{ font-size:16px; color:#555; background:url(../images/ok-nt.png) left center no-repeat; padding-left:25px; margin-left:20px; } .qoth-lang2-t>.media-body>a.active{ background:url(../images/ok-t.png) left center no-repeat;} .qoth-lang-pk{ background:url(../images/pk.png) left 10px center no-repeat #fff; border-radius:3px; padding-left:28px; border:1px solid #dcdcdc; font-weight:normal; width:105px; height:28px; line-height: 24px; font-size:15px; color:#555; } .qoth-lang-pk:hover{ border-color:#ccc; background-color:#fcfcfc; text-align:center; } .qoth-delete-lang{ display: inline-block; width:16px; height:16px; position: absolute; background:url(../images/delete-lang.png) left center no-repeat; right:-15px; top:0;}.qoth-lang-class>ul>li{ display:inline-block; min-width:50px; font-size:14px; color:#555; font-weight: normal; }/* 目标标准end */ /* 诊断查询相关 */ .qoth-hz-menu{ padding-left: 0px; } .qoth-hz-menu>ul{ font-size: 0; } .qoth-hz-menu>ul>li{ display: inline-block; text-align: center; position: relative; padding:7px 12px; } .qoth-hz-menu>ul>li>a{ display: block; padding: 4px 10px; background: transparent; font-size: 16px; font-size: #555; width: 96px; overflow: hidden; white-space: nowrap; border-radius: 15px; text-overflow: ellipsis; } .qoth-hz-menu>ul>li>a>em{ font-size: 13px; color: #bfc0c0; font-weight:normal; } .qoth-hz-menu>ul>li+li:before{ position: absolute; content:""; display: block; height: 16px; width:1px; background: #ccc; top:50%; left: 0; margin-top: -8px; } .qoth-hz-menu>ul>li.active>a{ color: #348ef8; font-weight: bold; background: #eaf3fe; } .qoth-hz-menu>ul>li>a:hover{ color: #348ef8; } .qoth-hz-menu>ul>li>a:hover>em{ color: #348ef8; } .qoth-hz-menu>ul>li.active>a>em{ color: #348ef8; } .qoth-hz-lately{ border-top:1px solid #e2e6f0; background: #fbfbfb; box-shadow:0 3px 3px #f5f5f5 inset; border-bottom: 1px solid #e2e6f0; height:45px;} .qoth-yyz-lately{ border-top:1px solid #e2e6f0; background: #fbfbfb; box-shadow:0 3px 6px #eee; height: 56px; padding-left: 65px; padding-top: 12px; } .qoth-yyz-comn{ border-top:1px solid #e2e6f0; background: #fbfbfb; box-shadow:0 3px 6px #eee; height: 56px; padding-top: 12px; } .qoth-hz-lately .media-left,.qoth-hz-lately .media-body{ height: 45px; } .qoth-hz-late-span{ font-size:14px; color:#348ef8; border-right: 1px solid #a7cefc; padding-right: 10px; margin-left: 20px;} .qoth-hz-late-ul{ font-size:0; } .qoth-hz-late-ul>li{ font-size: 14px; display: inline-block; margin-left:10px; } .qoth-hz-late-ul>li>a{ display: block; border-radius: 5px; padding: 4px 10px; } .qoth-hz-late-ul>li>a:hover{ color: #2f90f0; } .qoth-hz-late-ul>li.active>a{ color: #2f90f0; background: #e6f1fa; } .qoth-select-default{ border-radius: 5px; border: 1px solid #dcdcdc; min-width: 120px; height: 32px; line-height: 32px; padding-left:10px; padding-right: 10px; } .qoth-hz-adds{ background:url(../images/adds.png) left 15px center no-repeat #fa7048; border:none; color:#fff; font-size: 15px; border-radius: 5px; padding:5px 15px 5px 35px; float:left; } .qoth-hz-adds:hover{ opacity: 0.85; } .qoth-hz-addfl{ background-color: #46c349; } .qoth-hz-grid{ padding: 25px 0; }.qoth-hz-cell{ width: 285px; height: 115px; position: relative; display: inline-block; vertical-align: top; margin:10px 14px 40px 0; } .qoth-hz-cell>.media{ margin-top: 0; } .qoth-hz-cell>.media>.media-left{ background: #4299ed; height: 115px; } .qoth-hz-cell>.media>.media-body{ padding-left:15px; padding-right: 15px; border:1px solid #dcdcdc; border-left:none; } .qoth-hz-bm{ position: absolute; display: inline-block; width: 50px; height: 20px; line-height: 20px; color: #fff; font-size: 13px; font-weight: bold; background: linear-gradient(to right,#f68833,#f6ab4c); background: -webkit-linear-gradient(left,#f68833,#f6ab4c); background: -moz-linear-gradient(left,#f68833,#f6ab4c); background: -ms-linear-gradient(left,#f68833,#f6ab4c); border-radius: 0 25px 25px 0; left: 0; top: 10px; z-index: 0; text-align: center; } .qoth-hz-clspan{ font-size:16px; color:#fff; display: inline-block; width: 100px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: text-bottom; }.qoth-hz-cltable{ width: 100%; } .qoth-hz-cltable>tbody>tr>td{ height: 34px; color: #333; font-size:15px; }.qoth-hz-cltable>tbody>tr>td:last-child{ color: #888; text-align: right; }.qoth-hz-lower-table{ width: 100%; } .qoth-hz-lower{ position: absolute; left:0; right: 0; top:0; padding-top: 115px; z-index: -1; background: #fff; }.qoth-hz-lower>.media{ height:0; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .qoth-hz-lower>.media>.media-left{ background: #4299ed; } .qoth-hz-lower>.media>.media-body{ padding:10px 15px; background: #f0f8ff; border-right: 1px solid #81bcf5; } .qoth-hz-lower-table>tbody>tr>td{ height: 34px; color: #333; font-size:13px; }.qoth-hz-lower-table>tbody>tr>td:last-child{ color: #888; text-align: right; } .qoth-hz-lower-more{ height: 30px; line-height: 30px; border:1px solid #dcdcdc; border-top:none; text-align:center; } .qoth-hz-lower-more>a{ font-size:13px; color: #aaa; padding:0px 10px; } .qoth-hz-lower-more>a>i{ display: inline-block; background: url(../images/lower-kai.png) center center no-repeat; width: 10px; height: 5px; vertical-align: middle; margin-left: 6px; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .qoth-hz-lower-more>a:hover{ color: #4299ed; } .qoth-hz-showall .qoth-hz-lower{ box-shadow:1px 0 10px rgba(66, 153, 237, .25); } .qoth-hz-showall .qoth-hz-lower-more{ border:1px solid #81bcf5; border-top:none; } .qoth-hz-showall .qoth-hz-lower-more>a>i{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .qoth-hz-showall .qoth-hz-lower>.media{ height:156px; } .qoth-hz-cell.qoth-hz-showall>.media>.media-body{ border-right:1px solid #81bcf5; border-top:1px solid #81bcf5; } .qoth-hz-cell:hover .qoth-layer-top{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); border-radius:0; } .qoth-hz-cell.qoth-hz-showall{ z-index: 1; } .qoth-tm-box{ margin:50px 0;} .qoth-tm-row{ position: relative; padding-left: 80px; padding-bottom: 15px; border-left:1px dashed #dcdcdc; } .qoth-tm-row:last-child{ padding-bottom:0 } .qoth-tm-row>.media{ margin:0; position: relative; overflow: inherit; } .qoth-tm-row>.media>.media-body{ overflow: inherit; } .qoth-tm-row>.media:before{ position: absolute; content: ""; display: block; left: -10px; top:34px; width: 11px; height: 18px; background: url(../images/arw-left-g.png) center center no-repeat;} .qoth-tm-row>.media.qoth-grayk-media:before{ background: url(../images/arw-left.png) center center no-repeat;} .qoth-tm-row>.media.qoth-grayb-media:before{ background: url(../images/arw-left-b.png) center center no-repeat;} .qoth-tm-row>.media.qoth-grayb-media>.media-left{ background:url(../images/zl-i-11.png) left -15px bottom -20px no-repeat #2887f8;} .qoth-tm-row>.media>.media-left{ background:url(../images/zl-i-11.png) left -15px bottom -20px no-repeat #6f83a6; border-radius:5px 0 0 5px; } .qoth-tm-row>.media.qoth-grayk-media{ border: 1px solid #dcdcdc; border-radius: 5px; width: 80px; height: 90px; background: #fafafa; } .qoth-tm-row>.media.qoth-grayk-media>.media-left,.qoth-tm-row>.media.qoth-grayk-media>.media-body,.qoth-tm-row>.media.qoth-grayk-media>.media-right{ display: none; } .qoth-tm-row>.media>.media-right,.qoth-tm-row>.media>.media-body{ background: #f5faff; } .qoth-tm-row>.media>.media-right{ border-top: 1px solid #b4d1ff; border-bottom: 1px solid #b4d1ff; } .qoth-tm-row>.media>.media-body{ border: 1px solid #b4d1ff; border-left: none; border-radius: 0 5px 5px 0; } .qoth-tm-table{ width: 220px; } .qoth-tm-table>tbody>tr>td{ height: 60px; color: #fff; width: 50%; padding: 0px 12px; } .qoth-tm-table>tbody>tr>td:first-child{ font-size: 15px; text-align: right;} .qoth-tm-table>tbody>tr>td:last-child{ font-size: 24px; text-align: left;} .qoth-tm-ul{ font-size:0; width: 300px; text-align: center; border-right: 1px solid #dcdcdc; padding:10px 20px; margin-right: 20px; } .qoth-tm-ul>li{ display: inline-block; width: 50%; margin: 10px 0; color:#555;} .qoth-tm-ul>li>span{ font-size: 24px; } .qoth-tm-ul>li>div{ font-size: 15px; } .qoth-tm-nowrap>li{ display: block; width:100%; } .qoth-tm-nowrap>li>span{ display: inline-block; margin-left:10px; width: 110px; text-align: left; } .qoth-tm-nowrap>li>div{ display: inline-block; width: 125px; text-align: left; } .qoth-cor-tm{ color:#ffdb5e; } .qoth-tm-box .quaq-hidden-q{ width: 105px; } .qoth-left-circle{ position: absolute; width: 90px; height: 90px; border-radius: 50%; border:1px dashed #aeceff; text-align: center; font-size: 16px; font-weight: bold; color: #348ef8; left:-45px; background-color:#fff; top:0; } .qoth-left-circle.corgray{ color: #596d8f; border-color: #cfd5de; } .qoth-left-circle>i{ display: inline-block; width: 42px; height: 33px; margin-top: 13px } .qoth-cle-icon{ background: url(../images/zl-i.png) center 5px no-repeat #fff; } .qoth-cle-icon1{ background: url(../images/zl-i-1.png) center 5px no-repeat #fff; } .qoth-cle-icon2{ background: url(../images/zl-i-2.png) center 5px no-repeat #fff; } .qoth-cle-icon3{ background: url(../images/zl-i-3.png) center 5px no-repeat #fff; } .qoth-cle-icon4{ background: url(../images/zl-i-4.png) center 5px no-repeat #fff; }.qoth-cle-icon5{ background: url(../images/zl-i-5.png) center 5px no-repeat #fff; }.qoth-cle-icon6{ background: url(../images/zl-i-6.png) center 5px no-repeat #fff; }.qoth-cle-icon7{ background: url(../images/zl-i-7.png) center 5px no-repeat #fff; } .qoth-cle-icon8{ background: url(../images/zl-i-8.png) center 5px no-repeat #fff; } .qoth-cle-enlarge{ background: url(../images/zl-i-9.png) center center no-repeat; display: inline-block; width:21px; height: 21px; position: absolute; right:20px; bottom: 35px; cursor: pointer; } .qoth-cle-narrow{ background: url(../images/zl-i-10.png) center center no-repeat; display: inline-block; width:21px; height: 21px; position: absolute; right:20px; bottom: 20px; cursor: pointer; z-index: 10; }/* 诊断查询相关 end */ /* 一页纸 */.qfree-xs *{ -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; } .qfree-xs.qua-input-free,.qfree-xs.qua-input-free input, .qfree-xs.qua-input-free button{ height: 32px; }.qfree-xs.qua-input-free{ margin-left: 10px; } .qfree-xs.qua-input-free input{ width:20px; padding-left: 3px; } .qfree-wid-100.qfree-xs input{ width: 180px; padding-left: 15px; }.qfree-wid-200.qfree-xs input{ width: 200px; padding-left: 15px; }.qfree-wid-340.qfree-xs input{ width: 340px; padding-left: 15px; }.qoth-yyz-table>table{ width: 100%; table-layout: fixed; } .qoth-yyz-table>table>thead>tr>td{ height: 55px; border-bottom: 1px solid #dcdcdc; text-align: center; font-size: 16px; color: #555; font-weight: bold; }.qoth-yyz-table>table>thead>tr>td:first-child{ padding-left: 20px; text-align: left; } .qoth-yyz-table>table>tbody>tr>td{ height: 55px; border-bottom: 1px solid #f3f3f3; text-align: center; font-size: 15px; } .qoth-yyz-table>table>tbody>tr>td:first-child{ color: #348ef8; font-size: 16px; padding-left: 20px; text-align: left; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .qoth-yyz-table>table>tbody>tr>td.qyyz-discor{ color:#989898; } .qoth-yyz-table>table>tbody>tr:hover>td{ background: #f5f9ff; } .qoth-yyz-table>table>tbody>tr:hover>td:first-child{ cursor: pointer; } .qoth-yyz-table>table>tbody>tr.qoth-yyz-x2>td:first-child{ padding-left: 56px; } .qoth-yyz-table>table>tbody>tr.qoth-yyz-classa>td:first-child{ font-weight: bold; padding-left:40px; } .qoth-yyz-table>table>tbody>tr.qoth-yyz-classb>td:first-child{ color:#666; font-size:15px; padding-left:80px; } .qoth-yyz-table>table>tbody>tr.qoth-yyz-classa-level>td:first-child{ font-size:15px; padding-left:45px; color:#666; } .qyyz-corgreen{ color:#46c349; } .qoth-download-i{ background: url(../images/zl-i-12.png) center center no-repeat #fff; width:44px; height:32px; border-radius: 5px; border:1px solid #ccc; float: left; } .qoth-search-i{ background: url(../images/zl-i-13.png) center center no-repeat #fff; width:44px; height:32px; border-radius: 5px; border:1px solid #ccc; float:left; }.qoth-daoru-i{ background: url(../images/zl-i-14.png) left 10px center no-repeat #fff; height:32px; border-radius: 5px; padding-right: 10px; border:1px solid #ccc; padding-left: 40px; } .qoth-qidong-i{ background: url(../images/zl-i-19.png) left 10px center no-repeat #fff; height:32px; border-radius: 5px; padding-right: 10px; border:1px solid #ccc; padding-left: 40px; } .qoth-pause-i{ background: url(../images/pause-i.png) left 10px center no-repeat #fff; height:32px; border-radius: 5px; padding-right: 10px; border:1px solid #ccc; padding-left: 40px; } .qoth-gengxin-i{ background: url(../images/zl-i-21.png) left 12px center no-repeat #fff; height:32px; border-radius: 5px; padding-right: 10px; border:1px solid #ccc; padding-left: 40px; } .qoth-load-i{ background: url(../images/load.png) left 13px center no-repeat #fff; height:32px; border-radius: 5px; padding-right: 10px; border:1px solid #ccc; padding-left: 40px; } .qoth-qidong-i.disabled-qd{ -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;cursor: default; border:1px solid #ccc; background: url(../images/zl-i-19-g.png) left 10px center no-repeat #fff;} .qoth-download-i:hover,.qoth-search-i:hover{ opacity: 0.8; border:1px solid #ccc; } .qoth-x1-icon{ background: url(../images/list-menu-i.png) center center no-repeat; display: inline-block; width: 21px; height: 22px; vertical-align: text-bottom; margin-right: 15px; } .qoth-x2-icon{ background: url(../images/list-menu-i-2.png) center center no-repeat; display: inline-block; width: 21px; height: 22px; vertical-align: text-bottom; margin-right: 15px; }.qoth-class-icon{ background: url(../images/down.png) center center no-repeat; display: inline-block; width: 21px; height: 22px; vertical-align: text-bottom; margin-right: 8px; transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; }.qoth-class-icon.rotate-show{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); } .qoth-xlink-h>a{ display: inline-block; width: 22px; height: 22px; vertical-align: text-bottom; margin-right: 15px; } .qoth-xlink-h>a:hover{ opacity: 0.8; } .qoth-zl-icon1{ background: url(../images/zl-i-14.png) center center no-repeat;} .qoth-zl-icon2{ background: url(../images/zl-i-15.png) center center no-repeat;} .qoth-zl-icon3{ background: url(../images/zl-i-16.png) center center no-repeat;} .qoth-zl-icon4{ background: url(../images/zl-i-17.png) center center no-repeat;} .qoth-zl-icon5{ background: url(../images/zl-i-18.png) center center no-repeat;} .qoth-zl-icon6{ background: url(../images/zl-i-20.png) center center no-repeat;} .qoth-zl-icon7{ background: url(../images/zl-i-22.png) center center no-repeat;}.qoth-zl-icon8{ background: url(../images/zl-i-23.png) center center no-repeat;} .qoth-xlink-h{ visibility: hidden; width: 260px; white-space: nowrap; text-align: center; } .qoth-xlink-wid{ width: 260px; text-align:right !important; } .qoth-yyz-table>table>tbody>tr:hover .qoth-xlink-h{ visibility: visible; }/* 项目管理 */ .qoth-yyz-project{ padding: 0px 10px; overflow:hidden; min-width:1210px; } .qoth-yyz-ttop{ position: relative; } .qoth-yyz-ttop>table{ width: 100%; table-layout: fixed; } .qoth-yyz-ttop>table>tbody>tr>td{ height: 38px; background: #dfe6f0; color: #4e627e; padding: 5px 35px 5px 25px; border-right: 1px solid #fff; border-bottom: 1px solid #fff;}.qoth-yyz-ttop.qy-hidden>table>tbody>tr>td{ overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}.qoth-hs-switch{ position: absolute; top: 49px; cursor: pointer; margin-left: -25px; background: rgba(165, 179, 199, .7); height: 16px; text-align: center; width: 26px; right: 9px; border-radius: 4px; } /* .qoth-hs-switch:before{ content:""; display: block; border-right:10px solid rgba(165, 179, 199, .7); border-bottom: 16px solid transparent; position: absolute; right: 100%; top:0; } .qoth-hs-switch:after{ content:""; display: block; border-left:10px solid rgba(165, 179, 199, .7); border-bottom: 16px solid transparent; position: absolute; left: 100%; top:0; } */ .qy-hidden .qoth-hs-switch>i{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); } .qoth-hs-switch>i{ -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; display: inline-block; width:14px; margin-bottom: 4px; height:8px; background: url(../images/switch.png) center center no-repeat; } .qoth-yyz-ttop>table>tbody>tr>td>span{ font-weight: bold;}.qoth-yyz-ttop>table>tbody>tr>td>span>em{ font-weight: normal}.qoth-opi{ display: inline-block; background: #22d36e; border-radius: 15px; height: 18px; line-height: 18px; color: #fff; font-size: 12px; padding: 0px 5px; min-width:40px; text-align:center; margin-left:5px; } .qoth-opi.green{ background: #22d36e;} .qoth-opi.orange{ background: #fca83a;} .qoth-opi.darkorg{ background: #fa7533;} .qoth-wd-30{ width: 30%; } .qoth-wd-40{ width: 40%; } .qoth-wd-50{ width: 50%; } .qoth-wd-200{ width: 250px; white-space: nowrap; } .qoth-wd-300{ width: 300px; } .qyyz-ft-15{ font-size: 15px; } .qyyz-ft-13{ font-size: 13px; } .qyyz-ft-16{ font-size: 16px; }.qoth-yyz-tmiddle>table{ width: 100%; table-layout: fixed; } .qoth-yyz-tmiddle>table>thead>tr>td{ height: 38px; color: #fff; font-weight: bold; text-align:center; font-size:16px; background: #40b7e3; padding: 0px 25px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; white-space: nowrap;}.qoth-yyz-tmiddle>table>tbody>tr>td{ font-size:15px; height: 38px; color: #4e627e; text-align:center; padding: 0px 2px; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7;}.qoth-yyz-tmiddle>table>tbody>tr>td:last-child{ border-right:1px solid #fff; } .qoth-yyz-tmiddle>table>tbody>tr>td.qyyz-bg-cunt{ background: #eef2f8;}.qoth-yyz-tmiddle>table>tbody>tr>td.qyyz-textleft{ text-align:left; } .qoth-yyz-hidden{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .qyyz-wid-40{ /* width:2.5%; */ }.qyyz-ict{ display: inline-block; width: 30px; height: 23px; } .qyyz-ic1{ background: url(../images/yyz-ic1.png) center center no-repeat; display: inline-block; width: 30px; height: 23px; } .qyyz-ic2{ background: url(../images/yyz-ic2.png) center center no-repeat; display: inline-block; width: 25px; height: 23px; } .qyyz-ic3{ background: url(../images/yyz-ic3.png) center center no-repeat; display: inline-block; width: 25px; height: 23px; } .qyyz-ic4{ background: url(../images/yyz-ic4.png) center center no-repeat; display: inline-block; width: 25px; height: 23px; } .qoth-yyz-ultab{ font-size:0; border-bottom: 1px solid #ededed; margin-bottom: -1px; } .qoth-yyz-ultab>li{ margin-top: 15px; display: inline-block; background: #eef2f8; min-width:150px; height:40px; line-height: 40px;} .qoth-yyz-ultab>li>a{ text-align: center; display: block; font-size: 16px; color: #4e627e; } .qoth-yyz-ultab>li:hover>a{ color:#fa7048;} .qoth-yyz-ultab>li.active>a{ display: block; font-size: 16px; color: #fff; font-weight: bold; background: #fa7048;} .qoth-yyz-intab>tbody>tr>td{ width:35px; height: 38px; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; text-align:center; } .qoth-yyz-year{ padding:15px 0 0;} .qoth-yyz-year>li{ display: inline-block; float:left; margin-left:10px; } .qoth-yyz-year>li>a{ display: inline-block; text-align:center; color:#4e627e; border-radius: 15px; background: #eef2f8; height: 28px; line-height:28px; min-width:70px; } .qoth-yyz-year>li.active>a{ background:#40b7e3; color:#fff; } .qyyz-exp-01{ background:url(../images/yyz-ic1-xs.png) left center no-repeat; padding-left:26px; margin-left:20px; } .qyyz-exp-02{ background:url(../images/yyz-ic2-xs.png) left center no-repeat; padding-left:26px; margin-left:20px; } .qyyz-exp-03{ background:url(../images/yyz-ic3-xs.png) left center no-repeat; padding-left:26px; margin-left:20px; } .qyyz-exp-04{ background:url(../images/yyz-ic4-xs.png) left center no-repeat; padding-left:26px; margin-left:20px; }.qyyz-cols1{ background:#eef2f8; font-size:16px; color:#4e627e; font-weight:bold; display:inline-block; border-radius: 10px; height:60px; line-height:60px; text-align:center; position:relative; vertical-align: middle; padding:0px 15px; margin:10px 25px; } .qyyz-cols2{ display: inline-block; text-align:center; vertical-align: middle; margin:10px 20px; }.qyyz-cols2.brleft{ border-left: 1px solid #e7e7e7; padding-left: 35px; } .qyyz-cols2>dt{ font-size:22px; font-weight:normal; } .qyyz-cols2>dd{ font-size:16px; color:#666; } .qyyz-cols1:before{ content:""; display: block; position:absolute; right:-8px; top:50%; margin-top:-8px; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #eef2f8; } .qyyz-cor-red{ color:#fa7533; } .qyyz-cor-green{ color:#22d36e; } .qyyz-cor-blue{ color:#348ef8; } .qyyz-area-per .quaq-sort-progress{ background: #f3f3f3; border-radius: 0 5px 5px 0; }.qyyz-area-per .quaq-sort-progress-bar>span{ display: inline-block; vertical-align: top; } .qyyz-area-per .quaq-sort-progress-bar>span>em { color: #fff; text-align:center; }.qyyz-area-per .quaq-sort-progress-bar>span>em.qgreen { color: #fff;}.qyyz-area-per .quaq-sort-progress-bar>span>em.qorange { color: #fff;}.qyyz-area-per .quaq-sort-area table{ margin:0 } .qyyz-area-per .quaq-sort-area table td{ height:24px; } .qyyz-area-per .quaq-sort-area table td:last-child{ text-align:right; }.qyyz-area-per .quaq-sort-progress-bar>span{ text-align:right; } .qyyz-bg-excel-1{ background: url(../images/yyz-line-t.png) center center no-repeat; background-size: cover; height: 58px !important; position: relative; } .qyyz-bg-excel-2{ background: url(../images/yyz-line-b.png) center center no-repeat; background-size: cover; height: 74px !important; position: relative; } .qyyz-exl-left{ position: absolute; left: 30px; bottom: 15px; font-size: 16px; font-weight: bold; } .qyyz-exl-middle{ position: absolute; left: 50%; margin-left:-16px; bottom: 30px; font-size: 16px; font-weight: bold; } .qyyz-exl-right{ position: absolute; right: 30px; bottom: 15px; font-size: 16px; font-weight: bold; } .qyyz-bg-excel-2 .qyyz-exl-left{ bottom:35px; } .qyyz-bg-excel-2 .qyyz-exl-right{ bottom:35px; right: 46px; } .qyyz-bg-excel-2 .qyyz-exl-middle{ margin-left:-32px; bottom:20px } /* 项目管理end */ /* 左弹窗css */ .qyyz-left-wind{ position: fixed; left:0; top:125px; background: #fff; border-right: 18px solid #a5b3c7; width:405px; bottom:0; -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -ms-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; -webkit-transform: translateX(-398px); -moz-transform: translateX(-398px); -ms-transform: translateX(-398px); -o-transform: translateX(-398px); transform: translateX(-398px); box-shadow:0 0 15px #a5b3c7 } .qyyz-handle{ position: absolute; right: -43px; top:0; width:25px; height:42px; display:block; background:#a5b3c7; border-radius: 0 5px 5px 0; line-height:45px; } .qyyz-handle>i{ display: inline-block; width:14px; height: 15px; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; background:url(../images/left-tootip-i.png) center center no-repeat #a5b3c7;} .qyyz-wind-easein .qyyz-handle>i{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); } .qyyz-wind-easein{ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } .qyyz-rl-open{ position:absolute; right:27px; background:transparent !important; } .qyyz-rl-open input{ background:#fff !important; } .qyyz-top-thead{ position:absolute; background:#fff; } .qyyz-left-wind .qoth-yyz-table{ height:100%; overflow-y:auto; } /* 左弹窗css end */ .qyyz-trhidden>td{ height:0px !important; border:none !important; } .qyyz-table-auto{ max-height:229px; overflow-y:auto; overflow-x:hidden; } .qyyz-brgt-br{ border-right:1px solid #c9c9c9 !important; } .qyyz-bbtm-br{ border-bottom:1px solid #c9c9c9 !important; } .qyyz-bbtm-td>table>tbody>tr>td{ border-top:1px solid #e7e7e7; border-bottom:none; } .qyyz-bbtm-td>table>tbody>tr:first-child>td{ border-top:none; } .qyyz-bbtm-td{ border-bottom:1px solid #c9c9c9; } /* 一页纸end */ /* 诊断点 2 */ .qoth-zdt-top{ border-top: 1px solid #e2e6f0; background: #fbfbfb; box-shadow: 0 3px 3px #f5f5f5 inset; border-bottom: 1px solid #e2e6f0; padding: 10px 0; } .qoth-drop-slt{ display: inline-block; margin-left: 25px; } .qoth-drop-slt>em{ margin-right: 10px; } .qoth-drop-slt>div{ display: inline-block; } .qoth-zdt-top-2{ border-bottom: 1px solid #e2e6f0; background: #f9fdfe; box-shadow: 0 3px 3px #f5f5f5 inset; border-bottom: 1px solid #e2e6f0; padding: 10px 0; } .qoth-zdt-ttit{ padding: 10px 0; } .qoth-zdt-ttit>h4{ font-weight:bold; font-size:18px; color:#348ef8; margin:10px 0 0; } .qoth-zdt-ttit>h4>em{ font-size:16px; margin-left:20px; color:#555; } .qoth-zdt-tcont{ padding: 10px 0; } .qoth-zdt-tcont>p{ font-size:15px; color:#555; line-height: 23px; } /* default btn */ .qoth-zdt-btn{ padding: 10px 0 ; text-align:right; } .qoth-dflt-btn{ margin-left:5px; font-size:15px; height: 32px; line-height: 28px; background: #348ef8; border-radius: 5px; min-width: 60px; color:#fff; padding:0px 10px; white-space: nowrap; border:1px solid #348ef8; } .qoth-dflt-btn.gray{ background:#fff; border-color:#dcdcdc; color:#666; } .qoth-dflt-btn.green{ background: #13b5b1; border-color:#13b5b1; } .qoth-dflt-btn:hover{ opacity:0.85; } .qoth-dflt-btn.gray:hover{ background:#fafafa; opacity:1; } /* default btn end*/ .qoth-bz-quota{ border-top: 1px solid #e2e6f0; border-bottom: 1px solid #e2e6f0; } .qoth-zdt-tem{ background: url(../images/gray-act.png) left center no-repeat; font-size: 15px; color:#555; padding-left: 25px; margin-right:25px; } .qoth-zdt-tem.active{ background: url(../images/blue-act.png) left center no-repeat;} .qoth-itext{ background: url(../images/itext.png) left 25px center no-repeat #e0ecff; border-radius: 25px; display:inline-block; padding: 5px 10px 5px 50px; font-size: 14px; color: #666; font-weight: normal; white-space: nowrap; } .qoth-itext>i{ color: #f88c51; } .qoth-i-tip{ color: #fa7048; font-size:12px; background:#fef0ec; border-radius: 3px; padding: 2px 6px; margin-left:10px; } .qoth-i-tip-b{ color: #348ef8; font-size:12px; background:#eaf3fe; border-radius: 3px; padding: 2px 6px; margin-left:10px; } .qoth-hz-late-tab{ font-size:0; margin-bottom:1px; } .qoth-hz-late-tab>li{ font-size: 16px; display: inline-block; margin-left:5px; } .qoth-hz-late-tab>li>a{ display: block; line-height:33px; padding:0px 15px; } .qoth-hz-late-tab>li>a>i{ font-size:12px; color:#fff; padding:0px 6px; background:#afafaf; border-radius:30px; } .qoth-hz-late-tab>li>a:hover{ color: #348ef8; } .qoth-hz-late-tab>li:hover>a>i{ background:#348ef8; font-weight:normal; } .qoth-hz-late-tab>li.active>a{ color: #348ef8; font-weight: bold; border: 1px solid #dcdcdc; border-bottom: none; background: #fff; } .qoth-hz-late-tab>li.active>a>i{ background:#348ef8; font-weight:normal; } .qoth-qlook-i{ display: inline-block; background: url(../images/zl-i-24.png) center center no-repeat; width:18px; height:18px; margin-bottom: -3px; margin-right: 5px; } .qoth-qset-i{ display: inline-block; background: url(../images/zl-i-25.png) center center no-repeat; width:16px; height:16px; margin-bottom: -2px; margin-right: 5px; } .qoth-crumbs{ display: inline-block; } .qoth-crumbs+.qoth-crumbs{ margin-left:50px; } .qoth-crumbs>i{ display: inline-block; width:32px; height:32px; float:left; margin-right:7px; } .qoth-qnext-1{ background: url(../images/zl-i-26.png) center center no-repeat;} .qoth-qnext-2{ background: url(../images/zl-i-27.png) center center no-repeat;} .qoth-qnext-3{ background: url(../images/zl-i-28.png) center center no-repeat;} .qoth-zline-h{ line-height:28px; } /* 诊断点2 end */ /* 组织架构 */ .zy-zzbox{ display: table; margin:50px; } .zy-info{ background: url(../images/zy-info.png) center center no-repeat; width: 17px; height: 17px; display: inline-block; cursor: pointer; margin-bottom: -3px; margin-left: 8px; margin-right: -4px; position: relative; } .zy-col1{ display: table-cell; vertical-align: middle; } .zy-branch{ position: relative; padding-right: 20px; } .zy-branch:before{ content:""; position: absolute; right:0; top:50%; margin-top: -1.5px; width: 20px; height: 3px; display: block; background: #d2d2d2; } .zy-col1>span{ font-size: 18px; background: #4299ed; font-weight: bold; text-align: center; display: inline-block; padding:25px 17px; line-height: 24px; color: #fff; width: 145px; border: 3px solid #b7d6f3; border-radius: 5px; position: relative; } .zy-col1>span>em{ display: table-cell; vertical-align: middle; } .zy-col1>span>a{ position: absolute; right: 13px; bottom: 10px; } .zy-col2{ border-left: 3px solid #d2d2d2; display: table-cell; position: relative; }.zy-col2-line{ padding-top: 5px; padding-bottom:5px; padding-left: 20px; position: relative; } .zy-col2-line span{ border-radius: 25px; height: 36px; line-height: 36px; position: relative; color: #fff; padding:0px 15px; font-size: 16px; background: #ec6941; white-space: nowrap; text-align:center; display: inline-block; margin-right:1px; cursor: pointer;} .zy-col2-line b{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100px; display: inline-block; vertical-align: bottom; font-weight:normal; } .zy-col2-line:before{ content:""; position: absolute; left: -1px; top:50%; margin-top: -1.5px; width: 20px; height: 3px; display: block; background: #d2d2d2; } .zy-cell{ display: table-cell; vertical-align: middle; } .zy-green{ background: #1fcb6f !important; } .zy-gray{ background: #8b96a7 !important; } .zy-col2-line span.active,.zy-col2-line span:hover{ background: #f9450f; } .zy-gray.active,.zy-gray:hover{ background: #636d7b !important; }.zy-green.active,.zy-green:hover{ background: #02a24d !important; }.zy-info-drop{ position: absolute; top: 25px; left: 50%; margin-left: -140px; width: 280px; padding: 20px; box-shadow: 0 -1px 13px #999; background: #fff; border-radius: 5px; z-index: 100; white-space: pre-wrap; line-height: 22px; font-size: 14px; color: #666; text-align: left; visibility: hidden; font-weight:normal; -moz-transition: all 0.5s linear 0s; -ms-transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; } .zy-info.zy-infoshow .zy-info-drop, .zy-info:hover .zy-info-drop{ visibility: visible; top:29px; } .zy-info-drop>h3{ font-size: 16px; text-indent: 0; text-align:center; color: #000; margin:0; border-bottom: 1px solid #dcdcdc; padding-bottom:10px; margin-bottom: 10px; } .zy-info-drop:before{ content:""; display: block; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #fff; position: absolute; top:-10px; left: 50%; margin-left: -10px;} .zy-user-b{ background: url(../images/zy-info-user.png) center center no-repeat; display: inline-block; width: 27px; height: 27px; margin-bottom: -8px; margin-left: -8px; margin-right: 12px; } .zy-user-g{ background: url(../images/zy-info-user-g.png) center center no-repeat; display: inline-block; width: 27px; height: 27px; margin-bottom: -8px; margin-left: -8px; margin-right: 12px; } .zy-col3-line{ display: inline-block; } .zy-first:after{ content: ""; display: block; background: #ffffff; width: 4px; height: 50%; position: absolute; left: -3px; top: -1.5px; z-index:90; } .zy-last:after{ content: ""; display: block; background: #ffffff; width: 4px; height: 50%; position: absolute; left: -3px; bottom:-1.5px; z-index: 90; } /* 组织架构 end */ .qoth-sign-label{ position: absolute; right: 0; left:0; text-align:right; top:0; display: block; } .qoth-sign-shi{ background: url(../images/shi.jpg) center center no-repeat; display: inline-block; width: 68px; height: 15px; vertical-align: top; } .qoth-sign-you{ background: url(../images/you.jpg) center center no-repeat; display: inline-block; width:70px; height: 15px; vertical-align: top; } .qoth-sign-zhong{ background: url(../images/zhong.jpg) center center no-repeat; display: inline-block; width: 56px; height: 15px; vertical-align: top; } .zy-info-box{ padding: 40px 0; } .zy-topinfo{ box-shadow:0px 9px 20px rgba(66,72,78, .1); } .zy-info-title{ font-size: 21px; color:#333; font-weight:bold; margin:12px 0; text-align:center; } .zy-info-content{ font-size: 16px; color: #7f8b9d; padding: 20px 100px 20px 20px; line-height: 24px; border-top: 1px solid #d9dde8; display: flex; display: -webkit-flex; justify-content: flex-start; position: relative; overflow:hidden; } .zy-info-content-org{ display: flex; display: -webkit-flex; padding:20px; justify-content: center;} .zy-info-content-before{ position:absolute; content:""; display:block; bottom:0; left:0; right:0; width:100%; height:30px; background: linear-gradient(to bottom,rgba(255,255,255,0.5),rgba(255,255,255, 1)); background: -moz-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255, 1)); background: -ms-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255, 1)); background: -webkit-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255, 1)); background:-o-linear-gradient(rgba(255,255,255,0.5), rgba(255,255,255, 1)); } .zy-info-content>span{ color:#556680; width: 80px; text-align: right; flex-grow: 0; flex-shrink: 0; font-weight: bold; display: inline-block; margin-right:5px; } .zy-info-noinfo{ margin:50px 0; text-align:center; background: url(../images/bmzz-i.png) center top no-repeat; padding-top: 60px; color:#a5a5a5; font-size:15px; } .zy-btn-none{ background: none; border:none; } .zy-btn-none.zyred-color{ color: #ff0000; } .qoth-temp{ background: url(../images/bg-temp.jpg) center bottom no-repeat; background-size:cover; min-height: 277px; padding: 20px 0; } .qoth-temp h3{ font-size:24px; color:#333; margin:13px 7px; } .qoth-tm-l>.media-left{ background: #638cfb; } .qoth-tm-r>.media-left{ background: #e77c75; } .qoth-temp .media{ box-shadow:0px 3px 10px #ccc; background: #fff; border-radius: 5px; font-size: 16px; } .qoth-temp .media-left{ padding:15px 10px; line-height: 20px; height: 110px; } .qoth-temp .media-body{ padding-left: 20px; padding-right: 20px; } .qoth-temp .media-left>span{ color:#fff; width: 30px; display: inline-block; } .qoth-temp table>tbody>tr>td{ padding:8px 10px; white-space: nowrap; } .qoth-temp table>tbody>tr>td>span{ color: #878787;}.qoth-tm-l table>tbody>tr>td{ color: #638cfb; } .qoth-tm-r table>tbody>tr>td{ color: #e77c75; } .qoth-hid-part{ display: inline-block; overflow: hidden; vertical-align:bottom; white-space: nowrap; width: 250px; text-overflow: ellipsis; } .qoth-ic-tp{ padding-top:15px } .qoth-ic-tp>span{ padding-left: 30px; color:#777; font-size: 16px; display:inline-block; } .qoth-ic-tp>span+span{ margin-left:35px; } .qoth-addr-i{ background: url(../images/map-ic.png) left center no-repeat;} .qoth-youb-i{ background: url(../images/you-ic.png) left center no-repeat;} .qoth-text-btm-br{ padding-bottom: 10px; border-bottom: 1px solid #dcdcdc; } .qoth-text-content{ color:#777; padding:20px 15px; font-size:15px; text-indent:24px; line-height:24px; } .qoth-text-content>p+p{ margin:0; margin-top:12px} .dpi-zbiao-hd{ text-align:right; padding-top: 10px; position: relative; padding-right: 40px; margin: 10px 10px 0; border-top: 1px solid #dcdcdc; } .dpi-zbiao-hd>span{ display: inline-block; padding-top: 5px; padding-bottom: 5px; margin-right: 15px; }.dpi-zbiao-hd>span>em{ border-radius: 3px; padding: 0px 10px; color: #fff; font-size: 13px; min-width: 75px; text-align: center; font-weight: bold; display: inline-block; height: 25px; line-height: 25px; position: relative; margin-right: 10px; } .dpi-zbiao-hd>span>em:before{ position: absolute; content:""; display: block; right:-3px; top:50%; margin-top: -3px; border-top:3px solid transparent; border-bottom: 3px solid transparent; } .dpi-zbiao-hd>span>b{ font-weight: bold; font-size: 16px; color: #666; vertical-align: middle; } .dpi-zbiao-hd>span>i{ font-size: 13px; color: #888;} .dpi-zbiao-blue{ background: #4299ed; } .dpi-zbiao-blue:before{ border-left:3px solid #4299ed; } .dpi-zbiao-green{ background: #13b5b1; } .dpi-zbiao-green:before{ border-left:3px solid #13b5b1; } .dpi-zbiao-red{ background: #fe4b4f; } .dpi-zbiao-red:before{ border-left:3px solid #fe4b4f; } .dpi-zbiao-more{ background: #e5e5e5; color: #666; font-size: 12px; width: 40px; text-align: center; height: 20px; line-height: 20px; display: block; position: absolute; right: 0px; border-radius: 25px; top: 50%; margin-top: -5px; } .dpi-zbiao-more:hover{ opacity: 0.85; } .lay-top-fixed{ position: fixed; top:123px; left:0; right:0; bottom:0; } .lay-left-side{ position: absolute; bottom:0; top:0; left:0; width:320px; overflow-y:auto; box-shadow:1px 0 12px rgba(0, 0, 0, .1) } .lay-right-main{ position: absolute; bottom:0; top:0; left:330px; right:0; overflow-y:auto; } .qoth-ico-menu-top{ background: #fbfbfb; padding: 6px; border-bottom: 1px solid #dcdcdc; text-align: right; }.qoth-ico-menu-top.imenu-btm{ padding: 15px; text-align: center; background:#fff; margin-bottom:70px; border:none; } .qoth-ico-jh{ display: inline-block; padding-left: 23px; font-size: 13px; color:#323d4d;}.qoth-ico-jh:hover{ color:#3399ff; } .qoth-idel-i.qoth-ico-jh:hover{ color:#ff0000 } .qoth-ico-jh+.qoth-ico-jh{ margin-left: 15px; } /* 重新办理*/ .qoth-icxbl-i{ background: url(../images/icxbl-i.png) left center no-repeat; } /* 上传方案 */ .qoth-iscfa-i{ background: url(../images/iscfa-i.png) left center no-repeat; } /* 催办 */ .qoth-icuib-i{ background: url(../images/icuib-i.png) left center no-repeat; } /* 申请修改 */ .qoth-isqxg-i{ background: url(../images/isqxg-i.png) left center no-repeat; } /* 删除 */ .qoth-idel-i{ background: url(../images/idel-i.png) left center no-repeat; } /* 终审 */ .qoth-izs-i{ background: url(../images/izs-i.png) left center no-repeat; } /* 办结任务 */ .qoth-ibjrw-i{ background: url(../images/ibjrw-i.png) left center no-repeat; } /* 提交审批 */ .qoth-itjsp-i{ background: url(../images/itjsp-i.png) left center no-repeat; } /* 创建协同 */ .qoth-icjxt-i{ background: url(../images/icjxt-i.png) left center no-repeat; } /* 办理任务 */ .qoth-iblrw-i{ background: url(../images/iblrw-i.png) left center no-repeat; } /* 标签 */ .qoth-ibq-i{ background: url(../images/ibq-i.png) left center no-repeat; } /* 参与人 */ .qoth-icyr-i{ background: url(../images/icyr-i.png) left center no-repeat; } /* 分配 */ .qoth-ifp-i{ background: url(../images/ifp-i.png) left center no-repeat; } /* 转办 */ .qoth-izb-i{ background: url(../images/izb-i.png) left center no-repeat; } /* 编辑 */ .qoth-ibj-i{ background: url(../images/ibj-i.png) left center no-repeat; } /* 反馈 */ .qoth-ifk-i{ background: url(../images/ifk-i.png) left center no-repeat; } .qoth-xz-pire{ padding: 20px 25px; background: #f9f9f9; } .qoth-xz-left{ display: block; border-radius:50%; background: #13b5b1; width:100px; color: #fff; line-height: 100px; text-align:center; font-size:24px; height:100px; } .qoth-xz-right{ font-size:0; } .qoth-xz-right>li{ display: inline-block; width: 20%; text-align:center;} .qoth-xz-right>li:not(:last-child){ border-right: 1px solid #dcdcdc; } .qoth-xz-right>li>span{ font-size:24px; font-weight:bold; } .qoth-xz-right>li>div{ font-size:18px; } .qoth-xz-info{ margin: 25px 0; padding: 20px 25px; background: #f9f9f9;} .qoth-xz-info>ul>li{ display: inline-block; padding:10px 35px 10px 15px; font-size:16px; } .qoth-xz-info>ul>li>em{ font-size:18px; font-weight:bold; } .qoth-xz-tit{ font-size:18px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #dcdcdc; padding-left: 15px; } .qoth-lock-gray-s{ background: url(../images/lock-gray-s.png) center center no-repeat; display: inline-block; width: 12px; height:12px; margin-left:15px; } .qoth-lock-blue-s{ background: url(../images/lock-blue-s.png) center center no-repeat; display: inline-block; width: 12px; height:12px; margin-left:15px; } .qoth-lock-gray{ background: url(../images/lock-gray.png) center center no-repeat; display: inline-block; width: 25px; height:25px; margin-left:15px; } .qoth-lock-blue{ background: url(../images/lock-blue.png) center center no-repeat; display: inline-block; width: 25px; height:25px; margin-left:15px; } @media screen and (max-width:1500px) { .dpi-zbiao-hd>span{ margin-right: 5px; } .dpi-zbiao-hd>span>em{ padding: 0px 4px; font-size: 13px; min-width:56px; margin-right: 5px; } .dpi-zbiao-hd>span>b{ font-size:14px; } .dpi-zbiao-hd>span>i{ font-size:12px; } } .qoth-sum-line1{ border: 1px solid #dcdcdc;} .qoth-sum-row1>ul{ padding: 25px 0; display: flex; display: -webkit-flex; justify-content: space-around; } .qoth-sum-row1>ul>li{ display: flex; display: -webkit-flex; justify-content:space-around; flex-grow: 1; flex-shrink: 1; } .qoth-sum-row1>ul>li+li{ border-left: 1px solid #dcdcdc; } .qsum-left{ display: flex; display: -webkit-flex; align-items:flex-start; flex-direction: column; justify-content: center; } .qsum-left>span{ color: #333; font-size: 18px; font-weight: bold; } .qsum-left>div{ font-size:13px; color: #aaa; margin-top: 10px; } .qsum-right>span{ font-size:35px; color:#555; } .qsum-right>span>em{ font-size:20px; margin-left:5px; } .qoth-sum-row2{ background: #f4f8fd; padding:20px; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap; } .qoth-secline{ display: flex; display: -webkit-flex; justify-content: flex-start; align-items: flex-start; width:100%; } .qoth-row2-cont{ flex-grow:1; flex-shrink: 1; margin:10px; width:50%; } .qoth-row2-cont>h3{ font-size:18px; color:#333; font-weight:bold; margin:0 20px 10px; } .qoth-hiditems{ padding:0; position: relative; height:43px; } .qoth-hiditems>ul{ height:43px; overflow:hidden; display:flex; justify-content: flex-start; align-items: flex-start; flex-wrap:wrap; padding:10px 50px 10px 20px; position: absolute; z-index: 10; } .qoth-hiditems>ul>li{ font-size:15px; color:#555; margin-right: 15px; padding:2px 0; } .qoth-hiditems>ul>li>i{ background:#00a0e9; width:7px; height:7px; display: inline-block; margin-right:7px; vertical-align: middle; } .qoth-bg-w{ display:flex; justify-content: flex-start; align-items: flex-start; color:#fff; width:100%; } .qoth-bg-w>div{ margin:0px 5px; flex-shrink: 1; padding:0px 25px; display: flex; display: -webkit-flex; justify-content: space-between; align-items:center; flex-grow: 1; height:63px; } .qoth-bg-w>div>span{ font-size:20px; font-weight:bold; } .qoth-bg-w>div>em{ font-size:30px; font-weight:bold; }.qoth-bg-w>div>em>i{ font-size:20px; font-weight:normal; margin-left:5px; } .qoth-bg-01{ background:#f19d5e; } .qoth-bg-02{ background:#40c3c0; } .qoth-bg-03{ background:#53c188; } .qoth-bg-04{ background:#ec86b5; } .qoth-show-ico{ background: url(../images/show-list.png) center center no-repeat #eee; border-radius:5px; width:28px; height:14px; position:absolute; right:10px; top:16px; z-index:11; } .qoth-hiditems:hover ul{ height:auto; background-color:rgba(255, 255, 255, .95); cursor:pointer; } .qoth-hiditems>.qoth-show-ico.active+ul{ height:auto; background-color:rgba(255, 255, 255, .95); } .qoth-sum-line2{ background:#fff; border:1px solid #dcdcdc; margin-top:15px; display:flex; justify-content: space-between; } .qoth-r3th{ border-right:1px solid #dcdcdc; width:245px; text-align:center; padding-bottom:40px; padding-top:5px; } .qoth-r3th>span{ font-size:16px; color:#555; margin:15px 0; display:block; }.qoth-r3star{ padding:30px 0 10px; } .qoth-r3star>a{ display:inline-block; width:26px; height:25px; } .qoth-r3star>a.qquan{ background: url(../images/star.png) center center no-repeat; } .qoth-r3star>a.qban{ background: url(../images/star-b.png) center center no-repeat; } .qoth-r3star>a.qgray{ background: url(../images/star-g.png) center center no-repeat; } .qoth-result-i{ color:#fe4b4f; font-size:17px; font-weight:bold; } .qoth-r3td{ flex-grow:1; padding:20px 30px; } .qoth-r3td>span{ font-size:16px; color:#555; display:block; margin-bottom:10px; } .qoth-r3td>div>textarea{ border:1px solid #dcdcdc; width:100%; } .qoth-hover-slink{ position: relative; } .qoth-hover-slink>a{ position: absolute; width:100%; top:0; height: 100%; left:0; display: flex; display: -webkit-flex; justify-content: center; align-items: center; background: #e8e6e6; color: #348df7; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; opacity:0; visibility: hidden; }.qoth-hover-slink:hover>a{ visibility: visible; opacity: 1;} .zy-dutyinfo{ padding:0px 20px; text-align:center; } .zy-dutyinfo>ul{ display: flex; display: -webkit-flex; align-items: center; flex-wrap:wrap; justify-content: space-between; } .zy-dutyinfo>ul>li{ flex: auto; padding: 5px; min-width:30%; margin-top: 10px; } .zy-dutyinfo>ul>li>section{ background:#f3f5f9; position:relative; padding-left:100px; height:40px; display: flex; display: -webkit-flex; align-items: center; justify-content: space-around; } .zy-dutyinfo>ul>li dl{ width:100%; }.zy-dutyinfo>ul>li dl>dd{ display: flex; display: -webkit-flex; float:left; align-items: center; justify-content: center;}.zy-dutyinfo>ul>li dl>dd>span{ font-size:16px; color:#666; margin:0px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .zy-dutyinfo>ul>li dl>dd:nth-child(2)>span{ width:150px; } .zy-dutyinfo>ul>li dl>dd>em{ font-weight:bold; margin:0px 5px; font-size:18px; } .zy-dutyinfo>ul>li dl>dd>a{ display:block; width:30px; height:30px; margin:0px 5px; background:url(../images/i.png) center center no-repeat; cursor:pointer; min-width:35px; } .zy-label-s{ position:absolute; font-size:16px; font-weight:bold; color:#556680; padding-right:10px; width:96px; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; height:40px; line-height:40px; text-align: center; bottom:0; top:0; left:0; background:url(../images/label-s.png) center center no-repeat; } .zy-label-mdtit{ cursor:pointer; padding-left:200px !important; } .zy-label-mdtit .zy-label-s{ width:200px; background-size:100%; color:#3b80ea; } .zyred{ color:#ec6941; } .zygreen{ color:#18b05f; } .zygray{ color:#808080; } .zy-info-arow{ top:12px; background: #f3f5f9; width:48px; height:39px; border-radius:5px; position:absolute; right:36px; text-align:center; padding-top:7px; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s;} .zy-info-arow>i{ display:inline-block; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; width:13px; height:11px; background:url(../images/show-d.png) center center no-repeat; } .zy-info-arow:hover{ background: #eceff6; } .zy-info-arow.show>i{ transform:rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .zy-info-content .zyptext{ margin: 0; white-space: nowrap; overflow: hidden; height:50px; text-overflow: ellipsis; } .zy-info-arow.show+.zyptext{ white-space:pre-wrap; height:auto; overflow: initial;} .zy-dutyinfo>ul>li dl>dd>a{ position:relative; } .zy-alt-titbox{ z-index:100; position:absolute; transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -ms-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; top:-10px; left:50%; background:transparent; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); opacity: 0; visibility: hidden; padding-top:40px; max-width:185px; display: block; } .zy-alt-title{ position:relative; font-size:15px; color:#7f8b9d; line-height:22px; width:100%; border-radius:5px; text-align:left; max-height:600px; overflow-y:auto; overflow-x:initial; padding: 15px; white-space: nowrap; background:#fff; display: block; box-shadow:0 0 10px rgba(0, 0, 0, .15); } .zy-alt-title>em{ display:block; overflow-x:hidden; white-space: nowrap; text-overflow:ellipsis; } .zy-dutyinfo>ul>li dl>dd>a:hover .zy-alt-titbox{ opacity:1; visibility: visible; top:0px; } .zy-alt-titbox:before{ content:""; z-index: 10; display: block; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid #fff; position:absolute; left:50%; margin-left:-10px; top:30px; }.qoth-qs-row{ border: 1px solid #d3dae9;}.qoth-qs-line1{ padding: 20px 30px; background: #f0f5fb; } .qoth-qs-line2{ padding: 10px 30px;}.qoth-qs-star{ display: flex; display: -webkit-flex; align-items: center; padding: 20px 0; } .qoth-qs-star .qoth-r3star{ padding:0; } .qoth-qs-star>span{ font-size:18px; font-weight:bold; color: #000; margin-left: 20px; } .qoth-qs-content{ display: flex; display: -webkit-flex; align-items: center; padding: 20px 0; border-top: 1px solid #dcdcdc; } .qoth-qs-content>span{ color:#333; font-size:18px; font-weight: bold; } .qoth-qs-content>em{ font-size:16px; color:#aaa; margin-left:20px; } .qoth-qs-textarea{ border: 1px solid #dcdcdc; width: 100%; padding:10px; font-size:15px; } .qoth-qs-user{ display: flex; display: -webkit-flex; align-items: center; justify-content: space-between; border-bottom: 2px solid #5299ff; padding-bottom: 10px; } .qoth-qs-ulft{ display: flex; display: -webkit-flex; align-items: center; } .qoth-qs-ulft>i{ background: url(../images/user-1.png) center center no-repeat; display: inline-block; width: 33px; height:33px; margin-right:10px; } .qoth-qs-ulft>span{ font-size: 20px; color:#000; } .qoth-qs-ulft>em{ font-size: 15px; color:#888; margin-left:10px; } .qoth-qs-urgt{ display: flex; display: -webkit-flex; align-items: center; margin-right:20px; } .qoth-qs-urgt>i{ background: url(../images/time-i.png) center center no-repeat; display: inline-block; width: 16px; height:16px; margin-right:5px; } .qoth-qs-urgt.qs-gray{ color:#aaa; } .qoth-qs-urgt.qs-gray>i{ background: url(../images/time-i-g.png) center center no-repeat;} .qoth-qs-method{ padding:10px 5px; } .qoth-qs-time{ padding:5px 5px 0; } .qoth-qs-method>h3{ font-size:17px; font-weight: bold; color: #000; margin: 10px 0px 10px; } .qoth-qs-method>h3>span{ color:#5299ff;} .qoth-qs-method>div{ color:#888; font-size: 15px; }.qoth-qs-border .qoth-qs-line1{ background:#fff; } .qoth-qs-check{ margin-right:70px; } .qoth-qs-check>a{ display:inline-block; background: url(../images/check-q-g.png) left center no-repeat; height:22px; font-size:16px; color:#333; padding-left:30px; font-weight:bold; margin-right:25px; } .qoth-qs-check>a.active{ background: url(../images/check-q.png) left center no-repeat;} .qoth-wdk-tools-line1>a{ font-size:14px; } .qoth-first-al>span{ color:#ccc; margin:0px 0 0px 6px; } a.qoth-first-al:before{ display: none; } .qoth-show-ellipsis{ position: relative; padding-right:5px; margin-left:5px; } .qoth-show-ellipsis:hover{ color: #00a0e9; cursor: pointer; } .qoth-show-ellipsis:before{ content: ""; display: block; position: absolute; right:-12px; top: 50%; margin-top: -5px; width: 7px; height: 9px; background: url(../images/wdk-arw.png) center center no-repeat; } .qoth-tippop{ background: url(../images/i.png) center top no-repeat; width:30px; height:24px; cursor:pointer; }.self-icon-preview{ background: url(../images/file-1_05.png) center center no-repeat; width: 30px; height: 24px; background-size: 18px; cursor: pointer; display: inline-block; margin-left: 6px; vertical-align: middle; margin-top: -3px; }.self-icon-download{ background: url(../images/file-1_03.png) center center no-repeat; width:30px; height:24px; cursor:pointer; display: -webkit-inline-flex; margin-left: 10px; } /* 文档库复合材料 */ .qoth-wdk-box>.media>.media-left.qoth-fhcl{ background:url(../images/fhcl-bg.png) center bottom no-repeat #4f5b6e; background-size: 100%; } .qoth-wdk-box>.media>.media-left.qoth-fhcl>.qoth-wdk-left>h4{ color:#fff; font-size:22px; font-weight:bold; text-align:center; margin: 15px 0 5px; letter-spacing: 4px; } .qoth-wdk-box>.media>.media-left.qoth-fhcl>.qoth-wdk-left>ol{ margin:0; padding:10px 15px; } .qoth-wdk-box>.media>.media-left.qoth-fhcl>.qoth-wdk-left>ol>li>a { display: block; padding:11px 5px; background: #323d4d; border-radius:5px; color: #fff; font-size: 15px; font-weight:bold; text-align:center; margin:8px 0; }.qoth-wdk-box>.media>.media-left.qoth-fhcl>.qoth-wdk-left>ol>li>a.active{ background:#4299ed; position:relative; } .qoth-wdk-box>.media>.media-left.qoth-fhcl>.qoth-wdk-left>ol>li>a.active:before{ position:absolute; content:""; left:100%; top:50%; margin-top:-5px; border-left:5px solid #4299ed; border-top:5px solid transparent; border-bottom:5px solid transparent; }.qoth-wdk-box>.media>.media-left.qoth-fhcl>.qoth-wdk-left>ol>li:hover>a { background-color: #6d7a8c; } /* 文档库复合材料 end*/ /* 一页纸add */ .qtab-yyz-ultab{ font-size:0; border-bottom: 1px solid #ededed; margin-bottom: -1px; } .qtab-yyz-ultab>li{ margin-top: 15px; display: inline-block; min-width:114px; height:37px; line-height: 37px; margin-right:5px; vertical-align: bottom; } .qtab-yyz-ultab>li>a{ text-align: center; display: inline-block; font-size: 16px; color: #4e627e; padding: 0 15px; width:100%; height:30px; line-height: 30px; background: #f4f4f4; vertical-align: bottom; border-radius: 5px 5px 0 0; -webkit-transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .4s; -moz-transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .4s; -ms-transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .4s; -o-transition:all cubic-bezier(0.85, 0.56, 0, 1.3) .4s; transition: all cubic-bezier(0.85, 0.56, 0, 1.3) .4s;} .qtab-yyz-ultab>li>a:hover{ color:#1b2c45;}.qtab-yyz-ultab>li.active>a{ display: block; font-size: 16px; color: #fff; height: 37px; line-height: 37px; font-weight: bold; background: #4e627e;} /* 一页纸add end */ .sno-less-tit{ background: #1e83fe; font-size: 17px; color: #fff; height:50px; line-height:50px; } .sno-less-tit b{ font-size: 19px; font-weight: bold; } .qnew-arwcur{ background: #fff; border-radius: 15px; border: 1px solid #ccc; min-width: 66px; padding: 0px 10px; margin-left: 25px; height: 26px; } .qnew-arwcur>i{ transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; background: url(../images/slt.png) center center no-repeat; display: inline-block; width: 12px; height: 8px; margin-left: 5px; }.qnew-arwshow:hover{ background: #eee; } .qnew-arwcur.qnew-arwhidden>i{ transition: all 0.2s ease 0s; -webkit-transition: all 0.2s ease 0s; -moz-transition: all 0.2s ease 0s; -ms-transition: all 0.2s ease 0s; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); } .qnew-tipsl{ font-size: 14px; color: #f97e58; background: #fcf3de; border-radius: 3px; position: relative; display: inline-block; padding: 2px 10px; } .qnew-tipsl:before{ content:""; position: absolute; right: 100%; top: 50%; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 6px solid #fcf3de; } /* 表单分析 */ .quw-top-wc { margin: 0 auto; width: 1200px; height: 225px; } .quw-top1-wc { float: left; padding-right: 54px; padding-top: 39px; } .quw-top1-1-wc { padding-left: 194px; } .quw-spannum { font-size: 30px; padding-left: 64px; padding-right: 10px; font-weight: bold; font-family: arial; } .quw-spannum-ying { color: #333; } .quw-spannum-yi { color: #1db865; } .quw-spannum-wei { color: #fe4b4f; } .quw-spannum-wu { color: #333; } .quw-spannum2 { font-size: 18px; padding: 0 10px; font-weight: bold; font-family: Arial; vertical-align: middle; } .quw-spannum-tg { color: #1db865; } .quw-spannum-bh { color: #fe4b4f; } .quw-spannum-z { color: #ff7f21; } .quw-spantxt1 { font-size: 14px; color: #ababab; } .quw-spantxt2 { width: 160px; height: 32px; background: #f4f6fa; border-radius: 20px; display: inline-block; text-align: center; line-height: 32px; color: #000; font-size: 16px; } .quw-top2-wc { display: inline-block; margin-left: 194px; margin-top: 40px; width: 798px; height: 32px; background: #f4f6fa; line-height: 32px; border-radius: 20px; } .quw-top21 { width: 98px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background: #5d7393; text-align: center; color: #fff; font-size: 16px; font-weight: bold; float: left; } .quw-top22 { text-align: center; display: inline-block; width: 230px; height: 16px; line-height: 16px; font-size: 16px; color: #000; font-weight: 400; } .quw-top22-1 { border-right: 1px solid #8a9ab3; } .quw-table-wc { margin: 0 auto; } .quw-table-wc thead tr th { text-align: center; border-bottom: none; vertical-align: middle; font-weight: 400; font-size: 15px; color: #666; } .quw-table-wc tbody tr td { text-align: center; vertical-align: middle; font-size: 16px; font-weight: 400; color: #555; } .quw-table-wc tbody tr { height: 77px; } .quw-table-wc .quw-tr-wc { height: 50px; } .quw-tit1-wc { height: 50px; background: #f4f6fa; margin: 0 auto; line-height: 50px; } .quw-tit1-span { float: left; color: #333; font-weight: bold; font-size: 16px; padding-left: 33px; } .quw-tit1-wc .quw-zd { height: 27px; width: 80px; font-weight: bold; float: right; margin-right: 12px; font-size: 15px; color: #555; line-height: 27px; margin-top: 12px; } .quw-tit1-wc .quw-zd:hover { background: white; border-radius: 20px; color: #fa7048; } .quw-i-zd-wc { background-image: url(../images/nad-minus.png); margin-bottom: -20px; margin-right: 0; } .quw-tit2-wc { height: 50px; background: #f2f8ff; border-bottom: 1px solid #99c6fb; margin: 0 auto; line-height: 1; margin-bottom: 50px; } .quw-tit1-btn-close { background: #f88c51; border-radius: 15px; border: none; min-width: 66px; padding: 0px 10px; margin-left: 12px; height: 20px; line-height: 20px; color: white; font-size: 12px; font-weight: bold; } .quw-table-wc tbody .quw-td-wc { color: #348ef8; } .quw-tit2-wc-2 { margin-top: 28px; } .quw-tit2-wc .quw-hd-txt { line-height: 50px; margin-left: 27px; font-weight: bold; font-size: 18px; color: #333; } .quw-tit2-wc-txt { font-weight: 400; font-size: 15px; color: #7b8493; padding-left: 30px; } .quw-last-wc-btn { height: 26px; width: 70px; font-weight: 400; float: right; margin-right: 12px; font-size: 14px; margin-top: 11px; background: white; border-radius: 20px; color: #5d7393; border: none; } .quw-tit2-wc .quw-icon-last-wc { background: url(../images/zd-ico-13.png) center center no-repeat; } .quw-table-wc .quw-kaozuo-wc { text-align: left; padding-left: 18px; } /* 表单分析end */ /* 其他 */ .quw-left-top { height: 44px; width: 1200px; font-weight: bold; color: #333; margin: 0 auto; } .quw-left-top .quw-qoth-leftbf { margin-top: 9px; margin-left: 27px; float: left; } .quw-right-top { float: right; margin-top: 9px; line-height: 1; color: #555; margin-right: 13px; } .quw-sq2 .quw-qoth-button-ico { font-size: 15px; text-align: center; border: none; padding: 0; background: none; padding-right: 3px; } .quw-left-top .quw-qoth-button-ico { font-size: 15px; } .quw-table-wc .quw-qoth-button-ico { font-size: 14px; } .quw-right-top .quw-qnew-arwcur { font-size: 14px; font-weight: 400; } .quw-xiantiao { border-bottom: 1px solid #99c6fb; margin: 0 auto; } .quw-del-wc { background: url(../images/del-t.png) center 2px no-repeat; } .quw-tit1 { margin: 0 auto; height: 49px; width: 1200px; background-color: #e9f3ff; } .quw-tit1-btn-open { background: #1fcb6f; border-radius: 15px; border: none; min-width: 66px; padding: 0px 10px; margin-left: 25px; height: 20px; line-height: 20px; color: white; font-size: 12px; font-weight: bold; } .quw-tit1-btn-close { background: #f88c51; border-radius: 15px; border: none; min-width: 66px; padding: 0px 10px; margin-left: 25px; height: 20px; line-height: 20px; color: white; font-size: 12px; font-weight: bold; } .quw-left-tit1 span { color: #333; font-size: 16px; line-height: 49px; font-weight: bold; } .quw-left-tit1 { padding-left: 33px; float: left; } .quw-left-tit1 button { margin-left: 13px; } .quw-right-tit1 { float: right; line-height: 49px; } .quw-qoth-plj-i { margin-right: 0; width: 26px; height: 26px; } .quw-main-wc span { word-break: normal; width: 1170px; white-space: pre-wrap; word-wrap: break-word; overflow: hidden; text-indent: 2em; text-overflow: ellipsis; display: inline-block; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 25px; margin: 32px auto; font-size: 13px; color: #858d9c; } .quw-table-wc { margin: 0 auto; } .quw-table-wc thead { color: #348ef8; font-size: 13px; background-color: #f4f8fd; } .quw-table-wc thead tr th { text-align: center; border-bottom: none; vertical-align: middle; font-weight: 400; } .quw-table-wc tbody tr td { text-align: center; vertical-align: middle; font-size: 15px; } .quw-table-wc tbody tr { height: 77px; } .quw-tr-wc { height: 50px; } .quw-zd:hover { height: 27px; width: 80px; background: white; line-height: 27px; border-radius: 20px; color: #fa7048; } .quw-zdbtn { height: 27px; width: 80px; margin-right: 6px; font-weight: bold; } .quw-tit1 .quw-right-tit1 .quw-zd { margin-left: 4px; } .quw-i-zd-wc { background-image: url(../images/nad-minus.png); margin-bottom: -16px; } .quw-td-wc1:nth-child(1) { color: #348ef8; padding-left: 18px; } .quw-td-tbz { color: #46c349; } .quw-td-yjs { color: #fa7048; } .quw-td-wks { color: #888; } .quw-sq2 { width: 1200px; margin: 0 auto; } .quw-xietong { background-image: url(../images/icjxt-i2.png); } .quw-tbxq { background-image: url(../images/tb-ck.png); } .quw-yichu { background-image: url(../images/del-t.png); } .quw-tianbao { background-image: url(../images/ed-i-h.png); } .quw-modal-dialog { position: absolute !important; top: 40% !important; left: 50% !important; transform: translate(-50%, -50%) !important; -webkit-transform: translate(-50%, -50%) !important; -moz-transform: translate(-50%, -50%) !important; -ms-transform: translate(-50%, -50%) !important; -o-transform: translate(-50%, -50%) !important; width: 520px; } .quw-kaiqibd { background-image: url(../images/zl-i-19.png); margin-right: 6px; margin-top: -4px; } .quw-zhankai { background-image: url(../images/nad-add.png); margin-bottom: -6px; } .quw-dibuxian { border-bottom: 1px solid #e5e5e5; margin: 0 auto; } .quw-mh-wc { height: 48px; } .modal-header .quw-cs-wc { margin-top: -14px; font-size: 40px; } .quw-hd-txt { margin: 0 auto; font-size: 17px; color: #555; font-weight: 400; } .quw-xuanxk { color: red; margin-top: 4px; } .quw-ctxxk { width: 372px; display: inline-block; } .quw-modeltxt { width: 372px; height: 97px; background: #f4f6fa; margin: 1px 101px; margin-bottom: 30px; } .quw-modeltxt p { line-height: 1; padding-top: 21px; padding-left: 21px; font-size: 16px; color: #666; } .quw-modeltxt p span { margin-left: 22px; font-size: 16px; color: #999; } .quw-modelbtn-qd { width: 150px; height: #333; height: 38px; background: #42a0ff; color: #fff; margin-left: 102px; margin-bottom: 30px; font-size: 15px; font-weight: bold; } .quw-modelbtn-qx { width: 150px; border: none; margin-bottom: 30px; height: #333; height: 38px; background: #93969c; color: #fff; margin-left: 24px; font-size: 15px; font-weight: bold; } .quw-table-wc tbody tr .quw-line-t-dide { border-top: none; } .quw-tbxq-1 { margin-left: 28px; } .quw-table-wc .quw-kaozuo-wc { text-align: left; padding-left: 18px; }