@charset "utf-8"; body {background-color: #f3f3f3;} .pt40 { padding-top: 40px;} .ui-col-1 { width: 0;} .c-17b3ec {color: #17b3ec;} .c-btn-17b3ec {background-color: #17b3ec;} .c-ser-hold {background: none;} .icons-zero { width: 60px; height: 60px;} .icons-one {width: 45px;} .icons-two {width: 35px;} .arrow-right { display: block;width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);-ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .ren {width: 52px;} .index-list .c-list-img , .index-list .c-list-img img {width: 70px; height: 50px;} .index-tags {display: inline-block; padding: 1px 5px; color: #fff; border-radius: 2px;} .index-tags-org {background-color: #ff8100;} .index-tags-blue {background-color: #75c2f5;} .index-list .c-list > li {margin-left: 0;} .index-list .doc-avatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; margin-right: 20px;} .index-list .c-list > .c-list-function { border-top: 1px solid #f1f1f1;} .index-list .c-list > .c-list-function .c-list-info,.index-list .c-list > .c-list-function:first-child { border: 0;} .c-list .doc-avatar img { width: 100%; height: 100%;} .wordbox {position: relative;} .wordbox-box {position: absolute; text-align: center; word-wrap: break-word; overflow: hidden; border: 1px solid #fff;} .wordbox-box span {color: #fff; text-decoration: none; display: inline-block; width: 100%; height: 100%;} .icons-box {border-radius: 2px; width: 26px; height: 26px; color: #fff; display: inline-block; text-align: center; line-height: 26px;} .icons-box i.iconfont {font-size: 18px;} .icons-box-org {background-color: #ff9600;} .icons-box-blue {background-color: #00aeef;} .icons-box-green {background-color: #4ed964;} /* login */ .login .ui-grid {height: 45px; line-height: 25px;} .login .ui-grid:first-child {border-bottom: 1px #f1f1f1 solid;} .login .ui-col-0 {width: 50px; border-right: 1px solid #f1f1f1;} .login .ui-col-0 span { color: #17b3ec; display: inline-block; height: 100%; } /* footer */ .footer {background-color: #f8f8f9; left: 0; bottom: 0; height: 50px; padding-top: 5px; z-index:600;} .footer li {position: relative;} .footer li em {position: absolute; left: 50%; top: -2px; width: 18px; height: 18px; color: #fff; border-radius: 50%; background-color: #f00; margin-left: 3px;} .footer a {color: #333;} .footer a.curr {color: #17b3ec;} .footer i.iconfont {font-size: 20px;} .footer span {display: block; font-size: 10px;} /*资讯*/ .canbel-head ul{margin:0 auto;border-radius:5px;} .message-list .c-avatar-m{border-radius:40px;overflow:hidden;color:#fff;text-align:center;line-height:40px;} .message-list .c-avatar-m i{font-size:23px;} .message-list span.dot-red{background:#37a6ed;width:22px;height:22px;display:inline-block;color:#fff;font-size:10px;text-align:center;line-height:22px;border-radius:50%;} .message-list.c-list .c-list-info > p{color:#5b5b5b;font-size:12px;} .bgc-4ba8ef{background:#4ba8ef;} .bgc-ffa100{background:#ffa100;} .bgc-00cf8d{background:#00cf8d;} .bgc-ff6000{background:#ff6000;} .index-top{ line-height:40px; padding:0 15px 0 10px; font-size:16px; color:#494949;} .index-top img{ margin-top:10px;} .bor-l-f2{ border-left:1px solid #f2f2f2;} .bor-t-f2{ border-top:1px solid #f2f2f2;} .c-b3b3b3{ color:#b3b3b3;} .dh-nav { width: 100%; height: 30px; line-height:30px; background: #fff; font-size:13px;} .dh-nav li{ display:block; float:left; width:20%; height:22px; padding-top:8px; text-align:center;} .dh-nav li.curr{ background:#25aadf; color:#fff;} .dh-nav li span{ display:block; width:100%; line-height:1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; border-left:1px solid #f2f2f2;} .dh-nav li:first-child span{ border-left:none;} .dh-nav li.curr span{ border-color:#25aadf;} .dh-list { width:100%; background:#fff; z-index:1;} .dh-list-box { width: 100%; } .dh-list li{ overflow:hidden; padding:15px 0 5px 0; font-size:14px; color:#333;} .dh-list li label{ display:block; width:25%; float:left; text-align:center; margin-bottom:10px; line-height:1.3; font-size:14px;} .dh-list li label img{ width:40px; height:40px; border-radius:50%; margin-bottom:3px;} .index-banner{ position:relative;} .index-banner-word{ position:absolute; width:100%; text-align:center; left:0; bottom:20px; font-size:13px; color:#fff;} .index-nav{ position:relative;} .index-nav li{ display:block; float:left; width:31.25%; height:130px; text-align:center; font-size:14px; color:#5b5b5b; line-height:1.4; position:relative; z-index:500;} .index-nav:before{ content:''; display:block; width:31.25%; height:100%; position:absolute; left:31.25%; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2; top:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; z-index:1;} .index-nav li.lthree{ width:37.5%;} .three-div-top{ height:60px; border-bottom:1px solid #f2f2f2; padding-top:5px;} .three-div-bot{ height:70px; padding-top:15px;} .three-img{} .three-span{ display:inline-block; vertical-align:middle; margin-top:3px; margin-left:2px; text-align:left;} .search-tb{ width:45px; height:45px; position:absolute; right:0; top:0;} .search-tb:before{ content:''; display:block; position:absolute; width:12px; height:12px; border:1px solid #49bdee; border-radius:50%; left:13px; top:15px;} .search-tb:after{ content:''; display:block; position:absolute; width:10px; height:1px; background:#49bdee; left:23px; top:30px; transform:rotate(45deg); -webkit-transform:rotate(45deg);} .news-list li { padding-top: 12px; padding-bottom: 12px; } .news-pic { width: 60px; height: 60px; border-radius: 4px; overflow: hidden; } .news-pic img { width: 100%; height: 100%; } .pull-more { display: block; text-align: center; color: #5b5b5b; font-size: 14px; padding: 10px 0; } .pull-more:active { background: rgba(0,0,0,.05); } .art-detil { padding: 15px; } .art-detil h1 { font-size: 18px; line-height: 30px; color: #333; } .art-detil a { color: #137bf2; } .art-detil img { max-width: 100%; display: block; margin: 10px auto; } .art-con p { color: #666; font-size: 14px; line-height: 1.5em; padding: 5px 0; text-indent: 2em; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; } .art-con a { display: block; clear: both; color: #137bf2; } .news-list > .n-list-cover{ padding-left:0 !important;} /*csx*/ .ptb12 { padding-top: 12px; padding-bottom: 12px; } .n-list { background-color: #fff; } .n-list > li, .n-list > .n-list-li { position: relative; display: -webkit-box; display: box; box-pack: center; padding-right: 15px; margin-left: 15px; border-top: 1px solid #f1f1f1; clear: both; } .n-list > li:first-child, .n-list > .n-list-li:first-child { border-top: none; } .n-list > .n-list-link:active { background-color: #f7f7f7; padding-left: 15px; margin-left: 0 } .n-list > .n-list-cover { padding-left: 15px; margin-left: 0; } .n-list > .list-arrow-r, .n-list > .list-arrow-d, .n-list > .list-arrow-u { padding-right: 30px } .n-list > .list-arrow-r:after, .n-list > .list-arrow-d:after, .n-list > .list-arrow-u:after { position: absolute; top: 50%; right: 15px; margin-top: -5px; content: ""; display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .n-list > .list-arrow-d:after { right: 13px; margin-top: -8px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); } .n-list > .list-arrow-u:after { right: 13px; margin-top: -2px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .n-list-title { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: start; -moz-box-pack: start; box-pack: start; } .n-list-key, .n-list-info { display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; -moz-box-pack: center; box-pack: center; } .n-list-info { display: -webkit-box; display: -moz-box; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; } .n-list-flex { display: -webkit-box; display: -moz-box; display: box; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; } .n-list > .n-list-function { border-top: none; padding-right: 0; } .n-list > .n-list-function .n-list-flex { border-top: 1px solid #f1f1f1; } .n-list > .n-list-function:first-child .n-list-flex { border-top: none; } .n-list > li:first-child, .n-list > .n-list-function:first-child, .n-list > .n-list-function:first-child .n-list-info, .n-list > div:first-child { border: 0; } .n-list > .n-list-label { border-top: none; padding-right: 0; } .n-list .n-list-img { width: 100px; height: 68px; overflow: hidden; position: relative } .n-list .n-list-img img { width: 100%; height: auto; } .required { position: relative; } .required:before { content: "*"; position: absolute; color: #f00; font-size: 14px; height: 12px; line-height: 12px; vertical-align: middle; left: -10px; top: 50%; margin-top: -5px; } .n-avatar-s, .n-avatar-m, .n-avatar-l { width: 26px; height: 26px; display: -webkit-box; -webkit-box-pack: center; -webkit-box-align: center; } .n-avatar-m { width: 40px; height: 40px; } .n-avatar-l { width: 54px; height: 54px; } .n-avatar-s img, .n-avatar-m img, .n-avatar-l img { width: 100%; height: 100%; } .c-ccc{ color:#ccc;} .process-opera{ overflow:hidden; border-top:1px solid #f2f2f2;} .process-opera div{ width:50%; float:left; border-left:1px solid #f2f2f2; line-height:40px; color:#007cd9; text-align:center;} .process-opera div:first-child{ border-left:none;} .process-detail{ display:block; background:#fff; padding-left:40px; font-size:14px;} .process-detail li{ line-height:45px; position:relative; border-top:1px solid #f2f2f2; padding-right:30px; color:#909090;} .process-detail li:first-child{ border-top:none;} .process-detail li.nojt{ padding-right:15px;} .process-detail li .arrow-right{ position:absolute; right:15px; top:50%; margin-top:-5px;} .process-state{ position:absolute; width:15px; height:15px; background:#ccc; border-radius:50%; text-align:center; line-height:15px; color:#fff; font-size:12px; left:-25px; top:16px;} .process-state:before{ content:''; display:block; width:1px; height:32px; background:#ccc; position:absolute; left:7px; top:15px;} .process-detail li:last-child .process-state:before{ display:none;} .process-state.curr{ background:#2eba52;} .process-state.curr:before{ background:#2eba52;} .r-textarea { width: 100%; border: 0; padding: 0; resize: none; } .message-nav{} .message-nav li{ padding-left:10px; border-bottom:1px solid #e1e1e1; border-top:1px solid #e1e1e1; background:#fff; margin-top:10px;} .mnav-top{ line-height:35px; border-bottom:1px solid #f2f2f2; padding-right:10px;} .mnav-mess{ padding:8px 0 10px 0; position:relative;} .mnav-mess .ghbq{ position:absolute; width:50px; height:16px; line-height:16px; text-align:center; background:#f9bb4d; color:#fff; font-size:10px; right:15px; top:13px; border-radius:3px;} .mnav-mess .spbq{ position:absolute; width:50px; height:16px; line-height:16px; text-align:center; background:#41b1f2; color:#fff; font-size:10px; right:15px; top:13px; border-radius:3px;} .kf-btn{ display:block; width:30px; height:30px; position:absolute; right:10px; top:50%; margin-top:-15px; background:url(../images/kf.png) no-repeat; background-size:100% 100%; border-radius:50%;}