sr-iHealthwx/html/grzx/css/home.css

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