厦门i健康患者端代码拷贝

html/download/css/add.css

@@ -0,0 +1,101 @@
@charset "utf-8";
#wrapper {
	bottom: 60px;
}
#footer {
	position: absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
}
.btn-blue, .btn-green {
	height: 40px;
	font-size: 16px;
}
.btn-blue {
	background-color: #47a8ef;
}
.btn-green {
	background-color: #74bf00;
}
.btn-red {
	background-color: #ff6a56;
}
.form .form-select-arrow {
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.form .form-control {
	height: 39px !important;
	text-align: right;
	border: none;
}
.form .input-group-addon {
	min-width: 100px;
	padding: 10px !important;
	border: none;
	text-align: left;
}
.form .required {
	left: 0;
}
.c-list > li {
	margin-left: 10px;
	border-color: #e1e1e1;
}
.step-tips {
	line-height: 30px;
	color: #909090;
	font-size: 12px;
}
.step-tit {
	color: #323232;
	font-size: 16px;
	font-weight: bold;
}
.step-tit span {
	color: #909090;
	font-size: 14px;
	font-weight: normal;
}
.n-avatar-l {
	margin: 5px 0;
}
.code-box {
    display: -webkit-box;
    display: box;
    -webkit-box-pack: center;
    -moz-box-pack: center;
}
.code-input, .code-btns {
	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;
}
.code-input {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    margin-right: 10px;
}
.code-input .form-control {
	height: 38px;
	padding: 6px;
}
.code-btns a {
	height: 36px;
	line-height: 36px !important;
	padding: 0 6px;
	color: #74bf00;
	border: 1px solid #74bf00;
}

html/download/css/csx.css

@@ -0,0 +1,62 @@
/* �������� */
.addp-list .input-group-addon { min-width: 100%; width: 90px; text-align: right; }
.mem-top{ background-color: #fafafa; position:relative;}
.men-list li{ position:relative;}
.men-list .mltb1{ background:#34aadc;}
.men-list .mltb2{ background:#4fdb67;}
.men-list .mltb3{ background:#ff9501;}
.men-list .mltb4{ background:#017aff;}
.men-list .mltb5{ background:#49cc6d;}
.men-list .mltb6{ background:#ff6600;}
.men-list .mltb7{ background:#4579f0;}
.men-list .mltb8{ background:#ff9501;}
.men-list .mltb9{ background:#2caddf;}
.men-list .mltb10{ background:#f39800;}
.men-list li .c-avatar-s{ position:relative; overflow:inherit; vertical-align:middle; }
.men-list li .c-list-action{ top:0px;}
.mlnum{ position:absolute; top:-4px; right:-4px; width:12px; height:12px; background:#ec4300; text-align:center; line-height:12px; font-size:8px; color:#fff;}
.men-list li .iconfont{ font-size:18px; color:#fff;}
.men-list li .qytimes{ display:block; position:absolute; right:15px; top:50%; margin-top:-10px; font-size:12px; color:#fff;}
/*�������*/
.main{ height:100%;}
.health-course{position: relative;min-height:100%;padding:0 15px;z-index: 100;}
.health-course:after{ position: absolute;content:"";width:2px;height:100%;background: #4dcd70;top:0;left:36px;z-index: 101;}
.course-year{ position:relative; z-index:200; width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; margin-top: 15px;}
.course-year i{ display: inline-block; width:46px; height:46px; line-height: 46px; font-size: 14px; text-align: center; color:#fff; border-radius: 50%; background:#4dcd70;}
.course-date-list{ padding-bottom: 10px;}
.course-date-list li{ position: relative; padding-left:40px; z-index: 200; margin-bottom:15px;}
.course-date-list li:after{ position: absolute;content:""; width:12px; height:12px; border-radius:50%; background: #4dcd70; top:30px; left:16px; z-index: 201; }
.coruse-date { height:20px; font-size:13px; color:#909090; padding-left:1em; }
.coruse-con{ position:relative; background:#fff; border:1px solid #e1e1e1; border-radius: 4px; padding:7px 10px; }
.coruse-con:after{ position: absolute; top:10px; left:-6px; content:""; width:10px; height:10px; border:1px solid #e1e1e1; border-width: 0 0 1px 1px; background: #fff;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); }
.coruse-con p{font-size:13px; color:#5b5b5b; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; padding: 3px 0;}
.coruse-con p span{ color:#333; padding-right:5px;}
/*��������*/
.outp-details-top{ position: fixed; width:100%; top:0;left:0; background: #fff; height:72px; border-bottom: 1px solid #e1e1e1; color:#333; font-size: 14px; padding:8px 15px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; }
.outp-details-top li{ width:50%; height:28px; line-height: 28px; float:left; padding-right:5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.outp-details-top li span{ margin-right: 5px;}
.outp-details-top:before{ position: absolute; top:72px; left:0; content:""; width:100%; height:15px; background: #f3f3f3; border-bottom:1px solid #e1e1e1;}
.outp-details-top:after{ position: absolute; top:88px; left:0; content:""; width:100%; height:10px; background: #fff;}
.outp-details-box{ padding:0 15px 30px 15px; background: #fff; margin-top: 97px;}
.outp-details-con{ width:100%; }
.outp-details-con dl{ padding-bottom: 10px;}
.outp-details-con dl dt{ position: relative; color:#333; font-size:15px; padding-left: 15px;}
.outp-details-con dl dt:before{ position:absolute; content: ""; width:8px; height:8px; border-radius: 50%; background: #4dcd70; top:50%; left:0; margin-top: -4px;}
.outp-details-con dl dd{ color:#666; font-size:13px; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
.outp-doctor-info{ color:#5b5b5b; font-size:14px; padding-top: 15px; margin-top:5px; border-top:1px dotted #e1e1e1;}
.outp-doctor-info span{ color:#333; margin-right: 10px;}
.outp-doctor-info .iconfont{ color:#007cd9; margin-right: 5px;}
/*�ҵ�Ȧ��*/
.quanzi-top{ position: fixed; width:100%; top:0;left:0; background: #fff; height:75px; border-bottom: 1px solid #e1e1e1; color:#333; font-size: 14px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; }
.quanzi-top li{ width:50%; height:75px; padding-top: 12px; text-align: center; font-size:15px; color:#5b5b5b; float:left; border-right:1px solid #e1e1e1; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
.quanzi-top li:last-child{border-right:none;}
.quanzi-top li .iconfont{ font-size:30px; line-height: 30px; color:#4dcd70;}
.quanzi-top li:last-child .iconfont{color:#37a6ec;}
.quanzi-top:before{ position: absolute; top:75px; left:0; content:""; width:100%; height:15px; background: #f3f3f3; border-bottom:1px solid #e1e1e1;}
.quanzi-box{background: #fff; margin-top: 90px;}
.quanzi-list .n-list-key{ padding:12px 20px 12px 0;}
.quanzi-list .n-avatar-m{border-radius: 50%; overflow: hidden;}
.quanzi-list .n-list-flex{ padding:12px 0;}
.quanzi-list .n-list-info{ padding-right:15px; }

html/download/css/download.css

@@ -0,0 +1,63 @@
@charset "utf-8";
img {
	display: block;
	width: 100%;
}
.main {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 640px;
	height: 100%;
	background-image: url(../images/BG.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
.pic {
	position: absolute;
	top: 1.93%;
	right: 0.46875%;
	width: 87.96875%;
}
.red {
	position: absolute;
	top: 12.98%;
	left: 20.9375%;
	width: 15.15625%;
}
.green {
	position: absolute;
	top: 32.8488%;
	left: 17.96875%;
	width: 19.6875%;
}
.yellow {
	position: absolute;
	top: 20.05%;
	right: 4.21875%;
	width: 22.34375%;
}
.btn {
	position: absolute;
	bottom: 2.71%;
	left: 19.6875%;
	width: 59.375%;
	z-index: 999;
}
.dialog {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 640px;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.8);
}
.dialog-share {
	position: absolute;
	top: 2%;
	right: 5.625%;
	width: 67.5%;
}

html/download/css/family.css

@@ -0,0 +1,46 @@
@charset "utf-8";
.n-list {
	border: 1px solid #DCDCDC;
	margin: 0 10px;
}
.family-list .n-list-key {
	margin: 5px 0;
}
.family-list h2 {
	font-weight: bold;
	color: #323232;
	font-size: 16px;
}
.family-list .n-list-info p {
	margin-top: 10px;
	font-size: 12px;
}
.icon-add {
	display: inline-block;
	width: 30px;
	height: 30px;
	background-image: url(../images/tianjia_jiaren_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.family-list .red {
	color: #ff6a56;
}
.family-list .list-last {
	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;
	height: 80px;
	border-style: dashed;
}
.family-list .list-last p {
	color: #dedede;
	font-size: 12px;
}

html/download/css/jy-style.css

@@ -0,0 +1,388 @@
@charset "utf-8";
body { font-size: 16px; color: #333; max-width: 640px; margin: 0 auto; background-color: #f3f3f3; }
input, textarea { -webkit-appearance: none; }
.w55 {width:55px;}
.w45 {width:45px;}
.ptb65 {padding-top:65px; padding-bottom:65px;}
.c-corner {width:18px; height:18px; line-height:18px; border-radius:50%; background-color:#ff3824; color:#fff; border:1px solid #fff; margin-left:-8px;}
.c-corner-min {width:14px; height:14px; line-height:14px; font-size:12px; margin-top:8px;}
.c-1cb4ec { color: #1cb4ec; }
.c-f11 { font-size: 11px; }
.header-contain { width: 68px; height: 59px; margin: 0 auto; }
.header-contain .pic { width: 53px; height: 53px; border-radius: 50%; overflow: hidden; margin: 0 auto; }
.header-contain img { width: 53px; height: 53px; }
.p-clcardna { width: 68px; height: 22px; background: url(../images/demo-linehead.png) no-repeat left top; position: absolute; left: 0; bottom: 0; background-size: cover; line-height: 30px; font-size: 11px; }
.c-blocks-2.c-loper li { box-sizing: border-box; }
.c-loper span.color-iconfont { width: 26px; display: inline-block; }
.c-loper .color-iconfont img { width: 100%; }
.lh30 { line-height: 30px; }
.cl-poewm{position:absolute;right:15px;top:10px;width:25px;height:25px;}
.cl-poewm i.icon-erweima{font-size:25px;color:#909090;}
.cl-poewm i.icon-qiehuan{color:#4dcd70;}
.bg-7ecef4 {background-color: #7ecef4;}
.lh22{line-height:22px;}
.bgc-cyanblue{ background: #5ec5b4;}
.bgc-orangered{ background: #ff8549;}
.bgc-dblue { background: #0171ee; }
.bgc-orange { background-color: #ff9600; }
.bgc-blue { background-color: #37a6ed; }
.bgc-green { background-color: #2ccd5d; }
.doc-avatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.doc-avatar img { width: 100%; height: 100%; }
/* 健康咨询 */
.pro-list-group .time {right:30px; top:12px; color:#909090; font-size:12px;}
/*选择社区*/
.shcom-list .c-avatar-m { border-radius: 5px; overflow: hidden; width: 50px; height: 50px; }
.sh-list .c-list-action { right: 15px; }
.sh-list .c-avatar-m { border-radius: 50%; overflow: hidden; width: 40px; height: 40px; }
.c-btn-48c3f0 { background: #48c3f0; }
/*二维码*/
.scan-code-img { position: relative; z-index: 10; width: 160px; height: 160px; padding: 10px; border: 2px solid #f1f1f1; margin: 20px auto 10px auto; }
.scan-code-img img { display: block; position: absolute; z-index: 12; width: 160px; height: 160px; top: 10px; left: 10px; }
.scan-code-img:before { position: absolute; top: -10px; left: 25px; z-index: 11; content: ""; width: 130px; height: 200px; background: #fff; }
.scan-code-img:after { position: absolute; top: 25px; left: -10px; z-index: 11; content: ""; width: 200px; height: 130px; background: #fff; }
.cl-ewmer{border-radius:5px;border:1px solid #e1e1e1;}
/** 基本信息 **/
.ring-blue, .ring-a,.ring-b,.ring-c{ display: inline-block; width:36px; height:36px; line-height: 36px; text-align: center; border-radius: 50%; border: 1px solid #17b3ec; font-size: 10px; color:#17b3ec;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ring-a{ color: #333; border: 0;  background: url(../images/ring-a.png) no-repeat 0 0; background-size:100% 100%;}
.ring-b{ color: #333; border: 0;  background: url(../images/ring-b.png) no-repeat 0 0; background-size:100% 100%;}
.ring-c{ color: #333; border: 0;  background: url(../images/ring-c.png) no-repeat 0 0; background-size:100% 100%;}
/** 我的患者 **/
.header-link a.link .iconfont {font-size: 20px;}
.pb60{ padding-bottom: 60px;}
.ring-big-a,.ring-big-b,.ring-big-c{ position:relative; display: inline-block; width:88px; height:88px; text-align: center; border-radius: 50%; font-size: 10px; color:#17b3ec;-webkit-box-sizing: border-box;box-sizing: border-box; background:url(../images/ring-a.png) no-repeat 0 0; background-size:100% 100%; color: #4fcd6f;}
.ring-big-b{ background-image: url(../images/ring-b.png); color: #fbac01;}
.ring-big-c{ background-image: url(../images/ring-c.png); color: #f57364;}
.ring-txt{ position: absolute; width:60%; text-align: center; left: 20%; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 10px;}
.ring-txt b{ font-size: 17px;}
.ring-big-a .ring-txt p:first-child{ border-bottom: 1px solid #4fcd6f;}
.ring-big-b .ring-txt p:first-child{ border-bottom: 1px solid #fbac01;}
.ring-big-c .ring-txt p:first-child{ border-bottom: 1px solid #f57364;}
.ring-txt p:last-child{ margin-top: 5px;}
.select-group div.ui-col-1 {width:0;}
/* 患者沟通 */
.talk-left, .talk-right { position: relative; min-height: 40px; padding: 10px 68px; }
.talk-left .leftpart, .talk-right .leftpart { position: absolute; width: 40px; height: 40px; left: 15px; top: 26px; text-align: center; border-radius: 50%; overflow: hidden; }
.talk-left .leftpart img, .talk-right .leftpart img { width: auto; height: 100%; }
.talk-left .rightpart, .talk-right .rightpart { background-color: #fff; border: 1px solid #e1e1e1; border-radius: 4px; padding: 10px; line-height: 20px; position: relative; word-break: break-all; min-width: 30px; float: left; }
.talk-right .leftpart { left: auto; right: 15px; }
.talk-right .rightpart { background-color: #bce0ff; border: 1px solid #95c8f9; float: right; }
.talk-time { width: 190px; line-height: 26px; margin-left: auto; margin-right: auto; font-size: 12px; color: #ccc; text-align: center; position: relative; }
.talk-time:before { content: ''; display: block; width: 50px; height: 13px; border-bottom: 1px solid #e6e4e1; position: absolute; left: 0; top: 0; }
.talk-time:after { content: ''; display: block; width: 50px; height: 13px; border-bottom: 1px solid #e6e4e1; position: absolute; right: 0; top: 0; }
.talk-refresh, .talk-home { position: absolute; right: 10px; bottom: 65px; z-index: 700; background: rgba(0,0,0,.4); border-radius: 50%; width: 26px; height: 26px; padding: 5px; line-height: 26px; }
.talk-refresh i, .talk-home i { font-size: 26px; color: #fff; }
.talk-refresh.light{ background: #a9cc84;}
.talk-home { bottom:110px; }
.talk-right .rightpart:after, .talk-left .rightpart:after { position: absolute; content: ""; width: 8px; height: 8px; background: #f00; top: 8px; right: -5px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); background: #bce0ff; border: 1px solid #95c8f9; border-width: 1px 1px 0 0; }
.talk-left .rightpart:after { right: auto; left: -5px; background: #fff; border: 1px solid #e1e1e1; border-width: 0 0 1px 1px; }
.rightpart.highlight, .rightpart.highlight:after{ background: #fff; border-color: #3a9bef;}
.talk-tips { padding: 10px 10px 0 10px; }
.talk-tips p { font-size: 12px; color: #909090; background: #fffff3; padding: 5px 10px; border: 1px dashed #e7e7cd; }
.talk-view { text-align: right; border-top: 1px dotted #eaeaea; margin-top: 10px; color: #0066ff; font-size: 13px; }
.talk-right .talk-view { border-top: 1px dotted #0066ff; }
.talk-viewb{ text-align: right; font-size: 13px;}
.talk-view a, .talk-view a:link, .talk-viewb a, .talk-viewb a:link{ color: #0066ff; display: block; padding-top: 5px; }
.talk-view .iconfont { font-size: 14px;}
.talk-ms { font-size: 12px; color: #909090; line-height: 12px; padding-bottom: 5px; clear: both; }
.talk-right .talk-ms { text-align: right; }
.talk-img img{ max-width: 100px; height: auto;}
.talk-zt{ position: absolute; top:-1px; left:-1px; width:80px; height:100%; overflow: hidden; border-radius: 4px 0 0 0;}
.talk-zt i{ display: block;	width: 80px; font-size: 10px;height: 14px;line-height: 14px; padding-top: 30px;	vertical-align: middle;	text-align: center;	color: #fff;	position: absolute;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	transform: rotate(-45deg);top: -16px;left: -34px;overflow: hidden;background: #ff8100;}
.talk-left .talk-zt{ left: auto; right:-1px; border-radius:0 4px 0 0;}
.talk-left .talk-zt i{ display: block;	width: 80px; font-size: 10px;height: 14px;line-height: 14px; padding-top: 30px;	vertical-align: middle;	text-align: center;	color: #fff;	position: absolute;	-webkit-transform: rotate(45deg);	-moz-transform: rotate(45deg);	transform: rotate(45deg);top: -16px;left: auto; right:-34px;overflow: hidden;background: #ff8100;}
.talk-wq dt{ padding-bottom: 10px; border-bottom: 1px solid rgba(0,0,0,.1)}
.talk-wq dd{ padding-top: 10px; position: relative;}
.talk-wq dd a{ display: block;}
.talk-wq dd i{ position: absolute; top:10px; left:0; width:36px; height:36px; background: url(../images/ico-wq.png) no-repeat; background-size:100% 100%; border-radius: 50%;}
.talk-wq dd p{ padding-left: 46px; color: #666; min-height: 36px;}
.talk-right .talk-wq dd p{ color: #333;}
/* 病情交流输入框 */
.chat-bar { width: 100%; height: 104px; background: #fafafa; padding: 10px 10px 0 10px; position: relative; z-index: 1000; }
.omask{ position: fixed; background: transparent; top:0; left:0; width:100%; height:100%; z-index: 600;}
.chat-bar .chat-input { position: static; top: 0; border: 1px solid #e1e1e1; color: #bfbfbf; font-size: 15px; height: 34px; line-height: 34px;border-radius: 4px; background: #fff; padding: 0 10px; -webkit-box-sizing: border-box;box-sizing: border-box; }
.chat-more-opt{ position: absolute; display: block; width:52px; text-align: center; top:0; right:0; padding: 11px 0 0 0;}
.chat-more-opt .iconfont{font-size:32px; line-height: 1em; color: #bbb;}
.talk-send { box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; width: 60px; text-align: right; }
.talk-send a { display: inline-block; width: 50px; height: 30px; text-align: center; line-height: 30px; background-color: #5fa413; font-size: 15px; color: #fff; border-radius: 4px; }
.chat-input.disabled{ background: #e1e1e1;pointer-events: none;}
.chat-wrap{position:fixed;width:100%;height:100%; top:45px;left:0; background: #f3f3f3; z-index: 2000; -webkit-transform: translateY(100%);transform: translateY(100%); -webkit-transition: all ease .3s;transition: all ease .3s;}
.chat-show{ -webkit-transform: translateY(0);transform: translateY(0); }
.chat-textarea{ background: #fff;}
.chat-textarea textarea{ width:100%; height: 200px; font-size: 15px; resize: none; -webkit-box-sizing:border-box; box-sizing:border-box; padding: 10px; border: 0;  -webkit-user-modify: read-write-plaintext-only;}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.chat-textarea textarea{ height: 100px;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) {
.chat-textarea textarea{ height: 120px;}
}
@media screen and (min-width:360px){
.chat-textarea textarea{ height: 200px;}
}
@media screen and (min-width:400px){
.chat-textarea textarea{ height: 240px;}
}
.chat-btn-group{display: -webkit-box; display: box; box-pack: center; border-top:1px solid #e1e1e1; background: #fff; border-width: 1px 0 1px 0; border-style: solid; border-color: #f1f1f1;}
.chat-btn-group>li{display: -webkit-box; display: box; -webkit-box-orient: vertical;  box-orient: vertical; -webkit-box-pack: center; box-pack: center;-webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; padding: 10px 0; text-align: center; border-right:1px solid #f1f1f1; }
.chat-btn-group>li:last-child{ border-right: none;}
.chat-btn-group>li.chat-btn-send{ color: #17b3ec; }
.chat-btn-group>li.disabled{color:#ccc; pointer-events: none;}
.hd-opt-list{display: -webkit-box; display: box; box-pack: center; height:60px; overflow: hidden;}
.hd-opt-list li{ 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; -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1; }
.hd-opt-list li a{display: block; text-align: center;}
.hd-opt-list li a .iconfont{ display:inline-block; width:36px; height:36px; line-height: 34px; color: #fff; font-size: 22px; border-radius: 50%;}
.hd-opt-list li a p{ color: #666; font-size: 12px; padding-top: 5px;}
.hd-opt-list li a.disabled{pointer-events: none;}
.hd-opt-list li a.disabled .iconfont{background: #e1e1e1;}
.chat-bar-open .hd-opt-list{ overflow: auto; height: auto;}
.chart-over{ height: 30px; text-align: center;}
.chart-over a{ display: block; height:30px; line-height: 30px; color: #17b3ec; }
.hd-dr-item{ position: relative;}
.updown-arrow{ height: 28px; padding: 0 15px;}
.updown-arrow a{ display: block; height: 28px; position: relative; border-top:1px dotted #f1f1f1;}
.updown-arrow a.down:after{display:block; content: ""; position: absolute; top:50%; left: 50%; margin: -8px 0 0 -6px; width:8px; height:8px; border:2px solid #ccc; border-width: 2px 2px 0 0; -webkit-transform: rotate(135deg);transform: rotate(135deg);}
.hd-welcome{ text-align: center;}
.hd-welcome p{ display: inline-block; background: #cecece; color: #fff; border-radius: 4px;  padding: 2px 5px; font-size: 12px;}
/* 医生主页 */
.c-cacaca{ color:#cacaca;}
.sdoc-top .sdstate a.c-btn{padding:4px 12px !important;}
.pop-txt { width: 100%; border: 1px solid #ddd; border-radius: 6px; resize: none; box-sizing: border-box; -webkit-box-sizing: border-box; }
.ui-dialog-content { display: block; }
.sdoc-top{ height:180px; background:url(../images/banner1.jpg) no-repeat; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; padding:20px 15px 0 15px; font-size:12px; color:#fff; text-shadow:0px 0px 2px rgba(0,0,0,0.6); line-height:23px; position:relative;}
.sdoc-top .sdimg{ display:block; margin:0 auto 10px auto; width:60px; height:60px; padding:1px; background-color:rgba(250,250,250,.75); border-radius:50%;}
.sdoc-top .sdtime{ position:absolute; background:rgba(0,0,0,.3); width:100%; height:45px; line-height:45px; left:0; bottom:0; text-align:left; padding:0 15px;}
.sdoc-top .sdstate{ position:absolute; background:rgba(255,255,255,1); width:100%; height:38px; line-height:38px; left:0; bottom:0; text-align:left; padding:0 15px; text-shadow:none; color:#888;}
.sdoc-top .sdstate.c-t-center { text-align: center;}
.sdoc-top.smil{padding:38px 15px 36px;height:100px;background:url(../images/p-bg-top.png) no-repeat;background-size: 100% 100%;}
.sdoc-top.smil.short{height:60px;}
.sdoc-top.smil .sdimg{margin:0;width:56px;height:56px;border-radius:56px;overflow:hidden;padding:0;background:rgb(250,250,250);}
.sdoc-top.smil .sdimg img{width:56px;height:56px;}
.sdoc-top.smil .sdslink{border:none;}
.img-circle .c-avatar-m{border-radius:50%;}
.folding-item-1 .c-list-info > p{font-size:12px;color:#666;}
.folding-item-1 > .c-list > .c-list-cover{margin-left:38px !important;padding-left:0 !important;}
.list-item-1 .c-list-cover{margin-left:10px !important;padding-left:5px !important;}
.bgc-3fcba9{background-color:#3fcba9;}
.bgc-52a5f1{background-color:#52a5f1;}
.bgc-f98d44{background-color:#f98d44;}
.bgc-67bfed{background-color:#67bfed;}
.bgc-91c66a{background-color:#91c66a;}
.bgc-f792b1{background-color:#f792b1;}
.bgc-fec157{background-color:#fec157;}
.bgc-78c8ed{background-color:#78c8ed;}
.bgc-fb8d7c{background-color:#fb8d7c;}
.logo-icon{display:inline-block;width:17px;height:17px;border-radius:50%;vertical-align:middle;text-align:center;line-height:17px;font-size:10px;color:#fff;margin:0 5px;}
.sever-list .c-avatar-m .iconfont{color:#fff;font-size:20px;vertical-align:middle;}
header.doc-info.smil { background: url(../images/bg01.jpg) no-repeat; background-size: 100% 100%;height: 125px; padding: 36px 10px 0; box-sizing: border-box;}
.tag-yellow { background: #ffbc2c; border-radius: 5px; padding: 5px 11px; font-size: 10px;}
.doc-info .person-info { display: -webkit-box; display: -ms-box; display: box;}
.doc-info.person-info .sdimg { -webkit-box-flex: 0; -ms-box-flex: 0; box-flex: 0;}
.doc-info .person-info .self-info { -webkit-box-flex: 1; -ms-box-felx: 1; box-felx: 1; -webkit-box-align: center; display: -webkit-box;}
.doc-info .tag-yellow { position: absolute; right: 10px;}
.link-time { font-size: 14px; width: 100%;height: 35px; line-height: 35px;}
.link-date { font-size: 14px; width: 100%; display: -webkit-box; display: box; display: -ms-box; height: 35px; line-height: 35px;-webkit-box-align: center;-webkit-box-pack: center; -webkit-box-align: center; -ms-box-align: center; box-align: center; -webkit-box-pack: justify; -ms-box-pack: justify; background:#fff;}
.mt12{margin-top:12px;}
.mt8{margin-top:8px;}
.dialog-look { text-align: left; }
.list-icon-des { background: #fff; display: -webkit-box; display: -ms-box; display: box; -webkit-box-align: center; -ms-box-align: center; box-align: center; -webkit-box-pack: center; -ms-box-align: center; box-align: center; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
.list-icon-des li {  -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; text-align: center;padding: 20px 0; width: 0;}
.list-icon-des li:last-child { border: none;}
.list-icon-des .bt-circle-40,.list-icon-des .bt-circle-60 { margin: 0 auto;}
.list-icon-des .des { margin-top: 8px;}
.bt-circle-60 { width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; color: #fff;}
.bt-circle-40 { width: 40px; height: 40px; border-radius: 50%; text-align: center; line-height: 40px; color: #fff;}
.bt-circle-60 .iconfont { font-size: 35px;}
.bt-circle-40 .iconfont { font-size: 25px;}
.bgc-green { background: #3fcaa9;}
.bgc-orange { background: #f68e45;}
.bgc-lightgreen { background: #91c66a;}
.bgc-yellow { background: #ffc446;}
.bgc-blue{ background: #32a7f9;}
h2.title { padding: 10px  15px; color: #5b5b5b;}
.mod-title-content { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; background: #fff;}
.mod-title-content > div { margin-left: 15px; padding: 12px 15px 12px 0; border-bottom: 1px solid #f1f1f1;}
.mod-title-content > div:last-child { border-bottom: none;}
.mod-title-content .hd { display: -webkit-box; display: -ms-box; display: box; -webkit-box-align: center; -ms-box-align: center; box-pack: center;}
.mod-title-content .hd a, .dialog-call .warn a ,.dialog-cancel .warn a { color: #007cd9;}
.mod-title-content .hd .title { -webkit-box-flex: 0; -ms-box-flex: 0; box-flex: 0;}
.mod-title-content .hd .operate { -webkit-box-flex: 1; -ms-box-flex: 1; box-flex: 1; text-align: right;}
.mod-title-content .bd p { margin-bottom: 3px;}
.mod-title-content .bd .key { width: 65px; display: inline-block; margin-right: 25px;}
.btn-xl { border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; height: 45px; -webkit-box-align: center; -ms-box-align: center; box-align: center; -webkit-box-pack: center; -ms-box-pack: center; box-pack: center; display: -ms-box; display: -webkit-box; display: box; color: #007cd9;background: #fff;}
.dialog-call h2,.dialog-cancel h2 { font-size: 14px; color: #333;}
.dialog-call .warn ,.dialog-cancel .warn { color: #999; font-size: 12px;}
.signed { text-indent: 2em; color: #999;}
.mb70{margin-bottom:70px;}
.c-17b3ec{color:#17b3ec;}
.bottom-btn-box { position: fixed; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 8px 15px; background: #fff; z-index: 3000; }
.more-info{ padding-left:20px;}
/* 手工代签约 */
.edit-list li.n-list-cover { padding-top: 7px; padding-bottom: 7px; padding-left: 20px; }
.edit-list li.n-list-cover .n-list-key{ width:80px;}
.edit-list-file li.n-list-cover { padding-left: 20px; }
.edit-list .n-list-info .c-radio, .edit-list .n-list-info .c-check, .edit-list .n-list-info .c-select>select, .edit-list .n-list-info input { color: #5b5b5b; }
.upload-img{ overflow: hidden;}
.upload-img ul{ float: left;}
.upload-img ul li { position: relative; float: left; width: 70px; height: 70px; padding: 0 10px 10px 0; font-size: 0; }
.upload-img ul li img { width: 100%; height: 100%; font-size: 0; }
.upload-img .del-img { position: absolute; top: 0; right: 10px; text-align: center; width: 26px; height: 26px; line-height: 20px; z-index: 10; background: rgba(0, 0, 0, .5); border-radius: 0 0 0 90%; overflow: hidden; }
.upload-img .del-img .iconfont { color: #fff; font-size: 14px; line-height: 14px; margin-left: 4px; }
.add-btn { position: relative; display: block; width: 68px; height: 68px; font-size: 0; color: #b8b8b8; border: 1px solid #ccc; background: #fff; }
.add-btn:before { content: ""; display: block; position: absolute; top: 33px; left: 19px; width: 30px; height: 2px; background: #ccc; }
.add-btn:after { content: ""; display: block; position: absolute; top: 19px; left: 33px; width: 2px; height: 30px; background: #ccc; }
.add-btn input { display: block; width: 76px; height: 76px; background: #fff; border: none; position: absolute; z-index: 100; top: 0; left: 0; opacity: 0; }
.patient-face { width: 40px; height: 40px; margin: 12px 15px; position: relative; }
.patient-face img { width: 100%; height: 100%; border-radius: 50%; }
.patient-face em { position: absolute; display: inline-block; left: 32px; top: -4px; color: #fff; text-align: center; font-size: 12px; height: 16px; line-height: 14px; min-width: 16px; background: #f00; border-radius: 16px; border: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 3px; }
.patient-type span em { position: absolute; display: inline-block; color: #fff; text-align: center; height: 7px; width: 7px; background: #f00; border-radius: 50%; right: -4px; top: -5px; }
.patient-type { width: 100%; padding: 15px; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: box; display: -webkit-box; border-bottom: 1px solid #f1f1f1; }
.patient-type h3 { display: -webkit-box; display: box; -webkit-box-flex: 1; box-flex: 1; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.patient-type span, .patient-type .arrow { display: -webkit-box; display: box; -webkit-box-orient: vertical; -webkit-box-pack: center; }
.patient-type .arrow { margin-right: 6px; transition: all 0.3s; -webkit-transition: all 0.3s; }
.patient-type .arrow .ui-arrow-r { border-left-color: #cdcdcd; }
.patient-type span { position: relative; font-size: 12px; color: #909090; }
.patient-list.current .patient-type .arrow { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg); margin-top: 5px; transition: all 0.3s; -webkit-transition: all 0.3s; }
.patient-list .c-list { display: none; border-bottom: 1px solid #f1f1f1; }
.patient-list.current .c-list { display: block; }
.my-patients { color: #5b5b5b; font-size: 12px; height: 40px; line-height: 40px; vertical-align: middle; }
.my-patients span { color: #909090; padding-left: 5px; }
.my-work.c-ser-hold{  background:#fff;}
.my-work .c-ser-input,.my-work .c-ser-main{ background:#f2f2f2;}
.my-work .c-ser-input{ font-size:16px;}
.my-work-secflo .patient-type {position:relative; padding-left: 15px; }
.my-work-secflo ul.c-list li { padding-left: 15px !important; background: #f9f9f9; }
.my-work-secflo .patient-type .arrow{ position:absolute;right:5px; top:20px;}
.my-work-secflo .patient-face {margin: 12px 10px 12px 0px; position: relative; }
.my-work .c-ser-main i {top: 3px; }
.my-work .c-ser-btn a{ font-size: 12px;}
.my-work-secflo .patient-list.current .patient-type .arrow {top:10px;-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); margin-top: 5px; transition: all 0.3s; -webkit-transition: all 0.3s; }
/*患者信息*/
.lih45 { line-height: 45px;}
.c-17b3ec { color: #17b3ec;}
.mod-patient-wrap {width: 100%; height: 92px;}
.mod-patient-info {display: -webkit-box; display: box; width:100%; height:100%; -webkit-box-align: center; box-align: center; background: #fff; position: relative;}
.mod-patient-info div {border-right: 1px solid #e1e1e1; width:33.33%; text-align: center;}
.mod-patient-info .swiper-wrapper div:last-child { border-right: 0;}
.mod-patient-info .value { font-size: 15px; color: #17b3ec; font-weight: bold;}
.mod-patient-info .key { color: #909090; margin-top: 8px;}
.mod-patient-info .swiper-button-next { content:"";display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right:  10px; top: 50%; margin-top: -4px; background:none;}
.week-select{display: -webkit-box; display: box; background: #fff;}
.week-select>a, .week-select>div{ position: relative; display: -webkit-box; display: box; -webkit-box-orient: vertical; box-orient: vertical; -webkit-box-pack: center; box-pack: center; }
.week-select>div{-webkit-box-flex: 1; box-flex: 1; text-align: center; border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2;}
.week-select>a.prev{padding: 10px 10px 10px 25px;}
.week-select>a.next{padding: 10px 25px 10px 10px;}
.week-select>a.prev:after, .week-select>a.next:after{position: absolute; top: 50%; left: 10px; margin-top: -6px; content: ""; display: block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 0 0 2px 2px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.week-select>a.next:after{left:auto; right:10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg);}
.case-top{ position:relative; padding:12px 0;}
.case-top .cimg{ position:absolute; left:10px; top:50%; margin-top:-20px;}
.case-top .cimg img{ width:40px; height:40px;}
.case-top .cmess{ padding-left:60px; padding-right:45px; min-height:40px; display:box; display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; line-height:1.4;}
.case-top .zdgz{ right:-76px; top:-1px; height:20px; line-height:20px; background-color:#ccc; border-radius:3px; font-size:12px; color:#fff; padding:0 3px;}
.case-top .zdgz .icon-yonghu{ font-size:14px; margin-right:3px;}
.case-top .cmess .checked{ background-color:#ff8100;}
.case-top .arrow { position:absolute; right:10px; top:50%; margin-top:-5px; font-size:34px; color:#17b3ec;}
.case-list{ display:block;}
.case-list li{ padding:8px 10px 10px 30px; line-height:20px; position:relative;}
.case-list-img img{ width:79px; height:79px; margin:10px 10px 0 0;}
.case-bar{ position:absolute; left:17px; top:0; width:2px; height:100%; background:#d7e0df;}
.case-bar:before{ content:''; display:block; width:13px; height:13px; background:#fff; border:2px solid #d7e0df; position:absolute; left: -8px; top: 9px; border-radius: 50%;}
.case-bar:after{ content:''; display: block; width: 7px; height: 7px; background: #d7e0df; position: absolute; left: -3px; top: 14px; border-radius: 50%;}
.case-bar.no-line { height: 66%;}
.case-top .intact-info { position: absolute; top: 50%; margin-top: -11px; right: 25px; color: #909090; font-size: 12px;}
.fix-add { width: 50px; height: 50px; background: #17b3ec; border-radius: 50%; position: fixed; z-index:1111; right: 10px; bottom: 30px;}
.fix-add:after,.fix-add:before { content: ""; width: 50%; height: 2px; position: absolute; top: 50%; left: 50%; background: #fff;margin-left: -25%;}
.fix-add:before { -webkit-transform: rotate( 90deg);transform: rotate( 90deg);}
.zxjl-list{ width:100%; }
.zxjl-list p:first-child{position: relative; width:100%;}
.zxjl-list p .arrow{ position: absolute; top:5px; right:0;}
.zxjl-list p .arrow.arrow-down{ top:0;}
.ring-blue, .ring-a,.ring-b,.ring-c{ display: inline-block; width:36px; height:36px; line-height: 36px; text-align: center; border-radius: 50%; border: 1px solid #17b3ec; font-size: 10px; color:#17b3ec;-webkit-box-sizing: border-box;box-sizing: border-box;}
.ring-a{ color: #333; border: 0;  background: url(../images/ring-a.png) no-repeat 0 0; background-size:100% 100%;}
.ring-b{ color: #333; border: 0;  background: url(../images/ring-b.png) no-repeat 0 0; background-size:100% 100%;}
.ring-c{ color: #333; border: 0;  background: url(../images/ring-c.png) no-repeat 0 0; background-size:100% 100%;}
.height-echarts {height:320px; width:100%; overflow:hidden;}
.fix-add-dialog li {margin:0 0 25px !important;}
.fix-add-dialog li a {display:block; width:100%; height:60px; color:#333;}
.fix-add-dialog li a span {display:block;}
.fix-add-dialog li a i.iconfont {font-size:28px; color:#17b3ec}
.info-tabs-hd div {line-height:28px;}
.info-tabs-hd div.curr {background-color:#17b3ec; color:#fff;}
/*解约处理*/
.updown-arrow a.up:after{display:block; content: ""; position: absolute; top:50%; left: 50%; margin: -4px 0 0 -6px; width:8px; height:8px; border:2px solid #ccc; border-width: 2px 2px 0 0; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.qyjy-more{ position: relative; background: #fff;}
.qyjy-more ul{ padding:15px 0; margin: 0 15px; border-top:1px dotted #f1f1f1;}
.qyjy-more ul li{ width:50%; float: left; -webkit-box-sizing: border-box;box-sizing: border-box; padding-right: 5px;}
.qyjy-more p{ padding:10px 0; margin: 0 15px; border-top:1px dotted #f1f1f1;}
.textarea-noborder { padding: 0; margin: 0; border:0 none; resize:none;}
/* 签约 */
.c-17b3ec{ color:#17b3ec;}
.qystate-box{ background:#fff; padding:15px; text-align:center;}
.qystate-box .icon-shibai{ font-size:40px; color:#dd3b39;}
.qystate-box .icon-ok{ font-size:40px; color:#4dcd70;}
/* 体征预警 */
.setwarn-box{}
.setwarn-box .c-list{ background:none;}
.setwarn-box .c-list > li{ background:#fff; border-bottom:1px solid #e1e1e1; padding-top:5px; padding-bottom:5px;}
.setwarn-box .c-list > li:first-child{ border-bottom:1px solid #e1e1e1;}
.setwarn-box .c-list > li .sb-right{ display:box; display:-webkit-box; font-size:12px; padding:8px 0;}
.setwarn-box .sbr-title{ box-flex:0; -webkit-box-flex:0; width:90px;}
.setwarn-box .sbr-input{ box-flex:1; -webkit-box-flex:1; position:relative;}
.setwarn-box .sbr-input input{ display:block; width:100%; height:30px; border:1px solid #f2f2f2; box-sizing:border-box; -webkit-box-sizing:border-box; padding:2px 5px; border-radius:2px;}
.sbr-input .arrow-right{ position:absolute; right:10px; top:8px; transform: rotate(135deg); -webkit-transform: rotate(135deg);}
.setwarn-box .sbr-comp{ box-flex:0; -webkit-box-flex:0; width:60px; text-align:right;}
.setwarn-box .c-list > li .c-list-info{ border-top:none;}
.c-pack{ display: box; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-pack: center;}
.health-border-1 { border-color: #ff9806 }
.health-border-2 { border-color: #ff0606 }
.health-border-3 { border-color: #4dcd70 }
.health-border-9 { border-color: #00acee }
.health-border-4 { border-color: #ea68a2 }
.health-border-5 { border-color: #1dbdbf }
.health-border-6 { border-color: #37a6ed }
.health-border-7 { border-color: #ae5da1 }
/*签约消息*/
.cl-canbals{background:none;}
.cl-canbals li{border-radius:10px;overflow:hidden;background:#fff;margin-left:0 !important;padding-left:15px;}
.cl-canbals li.c-border{border:1px solid #e1e1e1 !important;}
.cl-canbals .c-avatar-m{border-radius:50%;overflow:hidden;}
/*邀请医生*/
.cl-poer-sinm.c-list .c-list-action{left:0;right:auto;}
.cl-poer-sinm.c-list .c-avatar-s{padding-left:34px;overflow:hidden;width:40px;height:40px;}
.cl-poer-sinm.c-list .c-avatar-s img{width:40px;height:40px;border-radius:50%;}
/* 体征指标 */
.sympt-list{ padding:0 10px 30px 10px;}
.sympt-list li{ background:#fff; border:1px solid #f2f2f2; border-radius:5px; overflow:hidden; padding:8px 8px 15px 8px; margin-top:10px; position:relative;}
.sympt-list li p{ padding:0 3px; line-height:1.7;}
.sympt-diag{ display:block; color:#4bbe4d; padding:8px 0; border-top:1px solid #f2f2f2; margin-top:8px;}
.sympt-list .ui-arrow-r{ border-width:23px; position:absolute; right:-23px; top:-23px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); z-index:50;}
.sympt-state{ position:absolute; right:0; top:0;}
.sympt-state span{ display:block; position:relative; z-index:100; color:#fff; font-size:13px; padding-right:2px;}
.sympt-state.r-high .ui-arrow-r{ border-color:#ff4c4c;}
.sympt-state.r-middle .ui-arrow-r{ border-color:#fea54b;}
.sympt-state.r-low .ui-arrow-r{ border-color:#4bbe4d;}
.sympt-list li.sympt-time{ background:none; border:none; text-align:center; padding:0; margin-top:12px;}
.sympt-list li.sympt-time label{ display:inline-block; height:20px; line-height:20px; color:#fefefe; background:#d9d9da; border-radius:4px; padding:0 10px; font-size:12px;}

html/download/css/ss-style.css

@@ -0,0 +1,445 @@
/*---------cross.ui-------------------------*/
/* buttons color
-----------------------------------------------------------------------------*/
.c-btn-087eff { background-color: #087eff; }
.c-btn-087eff:hover { background-color: #0771e5; }
.c-btn-588cd5 { background-color: #588cd5; }
.c-btn-588cd5:hover { background-color: #4680d0; }
.c-btn-37a6ec { background-color: #37a6ec; }
.c-btn-37a6ec:hover { background-color: #3195d4; }
.c-btn-4dcd70 { background-color: #4dcd70; }
.c-btn-4dcd70:hover { background-color: #45b865; }
.c-btn-4db944 { background-color: #4db944; }
.c-btn-4db944:hover { background-color: #45a63d; }
.c-btn-309765 { background-color: #309765; }
.c-btn-309765:hover { background-color: #2b885b; }
.c-btn-ff9600 { background-color: #ff9600; }
.c-btn-ff9600:hover { background-color: #e58700; }
.c-btn-ff8100 { background-color: #ff8100; }
.c-btn-ff8100:hover { background-color: #e57400; }
.c-btn-fc6155 { background-color: #fc6155; }
.c-btn-fc6155:hover { background-color: #e2574c; }
.c-btn-ff3b2f { background-color: #ff3b2f; }
.c-btn-ff3b2f:hover { background-color: #e5352a; }
.c-btn-f9f9f9 { background-color: #f9f9f9; color: #087eff; border: #c0c0bc 1px solid; }
.c-btn-f9f9f9:hover { background-color: #e0e0e0; }
.c-btn-ffffff { background-color: #ffffff; color: #4dcd70; border: #e1e1e1 1px solid; }
.c-btn-ffffff:hover { background-color: #e5e5e5; }
.c-btn-fff { background-color: #ffffff; color: #999999; border: #e1e1e1 1px solid; }
.c-btn-fff:hover { background-color: #e5e5e5; }
.c-btn-ff3 { background-color: #ffffff; color: #ff3b2d; border: #e1e1e1 1px solid; }
.c-btn-ff3:hover { background-color: #e5e5e5; }
/**************************************************/
.c-border, .c-border-t, .c-border-b, .c-border-l, .c-border-r, .c-border-tb { border-color: #e1e1e1; border-style: solid; }
.ui-grid { display: -webkit-box; display: box; }
.ui-col-0 { -webkit-box-flex: 0; box-flex: 0; }
.ui-col-1 { -webkit-box-flex: 1; box-flex: 1; }
.ui-arrow, .ui-arrow s { position: relative; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 5px; }
.ui-arrow-r, .ui-arrow-r s { border-left-color: #aaa; border-left-style: solid; }
.ui-arrow-r s { border-left-color: #fff; position: absolute; left: -7px; top: -5px; }
.c-btn-4dcd70 { background-color: #4dcd70; }
.c-btn-4dcd70:hover { background-color: #45b865; }
.c-btn-fff { background-color: #ffffff; color: #999999; border: #e1e1e1 1px solid; }
.c-btn-fff:hover { background-color: #e5e5e5; }
body, html { width: 100%; height: 100%; background: #f3f3f3; }
/* 健康管理师 */
.sdoc-top { height: 180px; background: url(../images/banner1.jpg) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; text-align: center; padding: 20px 15px 0 15px; font-size: 12px; color: #fff; text-shadow: 0px 0px 2px rgba(0,0,0,0.6); line-height: 23px; position: relative; }
.sdoc-top .sdimg { display: block; margin: 0 auto 10px auto; width: 60px; height: 60px; padding: 1px; background-color: rgba(250,250,250,.75); border-radius: 50%; }
.sdoc-top.smil { padding: 38px 15px 36px; height: 100px; background: url(../images/p-bg-top.png) no-repeat; background-size: 100% 100%; }
.sdoc-top.smil.short { height: 60px; }
.sdoc-top.smil .sdimg { margin: 0; width: 56px; height: 56px; border-radius: 56px; overflow: hidden; padding: 0; background: rgb(250,250,250) }
.sdoc-top.smil .sdimg img { width: 56px; height: 56px; }
.ff6600 { color: #ff6600; }
.pb60 { padding-bottom: 60px; }
.slider-detail h2 { color: #333333; }
.slider-detail p { color: #888888; }
.slider-detail li { padding: 10px 0 12px 0; position: relative; border-bottom: 1px solid #e1e1e1; }
.slider-detail li:last-child { border: none; }
.slider-detail li span { position: absolute; bottom: 0px; right: 15px; }
.slider-detail p.show { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.arrow-down, .arrow-up { display: inline-block; width: 8px; height: 8px; border: solid #cdcdcd; border-width: 2px 2px 0 0; cursor: pointer; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); }
.arrow-up { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }
.line-click { width: 100%; height: 15px; position: relative; }
.menu-boxer span { width: 60px; height: 60px; text-align: center; color: #fff; line-height: 60px; display: block; border-radius: 60px; margin: 15px auto 0; }
.menu-boxer span i { font-size: 40px; }
.menu-boxer p { color: #666666; font-size: 14px; text-align: center; padding-top: 5px; }
.menu-boxer span.green-bg { background: #38e4a5; }
.menu-boxer span.red-bg { background: #f2417f; }
.menu-boxer span.org-bg { background: #ffb30f; }
.menu-boxer span.blue-bg { background: #32a7f9; }
/*提交成功*/
.data-noticebox { padding-top: 15%; text-align: center; }
.data-noticebox i { color: #4dcd70; font-size: 80px; line-height: 80px; }
.data-noticebox p { padding-left: 48px; padding-right: 48px; }
.data-noticebox p span { color: #333333; }
.data-noticebox .bottom-box { padding: 30px 15px 0; }
.bottom-box a.c-btn { width: 45%; padding: 12px 30px; }
.bottom-box { box-sizing: border-box; }
.bottom-box a { box-sizing: border-box; }
.ts-boxer { max-width: 320px; width: 40%; margin: 0 auto; }
.ts-noti { background: url(../images/pingjia.png) no-repeat center center; height: 0; background-size: 100% auto; width: 100%; padding-bottom: 100%; display: block; }
/*评价*/
.evaluation-boxer { }
.evaluation-boxer .scoresr { padding: 6px 15px; color: #666666; line-height: 36px; }
.evaluation-boxer .scoresr i { font-size: 24px; color: #c5c3c3; }
.evaluation-boxer .scoresr li.checked i { color: #ff7200; }
.scoresr li { float: left; width: 31.4px; height: 24px; }
.words-box textarea { border: none; box-sizing: border-box; padding: 10px 15px; font-size: 14px; }
.com-bottom { padding: 0 15px; }
.ti-star { margin-top: 7px; background: url(../images/tip-star.png) no-repeat; text-align: left; width: 157px; height: 22px; background-size: cover; overflow: hidden; background-position: 0 -22px; }
.ti-star ul { background: url(../images/tip-star.png) no-repeat; width: 157px; height: 22px; background-size: cover; overflow: hidden; background-position: 0 -22px; }
.ti-star ul.one { background-position: -134px 0; }
.ti-star ul.two { background-position: -101px 0; }
.ti-star ul.three { background-position: -67px 0; }
.ti-star ul.four { background-position: -34px 0; }
.ti-star ul.five { background-position: 0 0; }
/*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: 43px; height: 43px; }
.n-avatar-l { width: 54px; height: 54px; }
.n-avatar-s img, .n-avatar-m img, .n-avatar-l img { width: 100%; height: 100%; }
/* 填写信息 */
.edit-info>li .n-list-key:first-child { width: 4em; color: #333; }
.edit-info>li .n-list-info { color: #5b5b5b; }
.add-member { color: #5b5b5b; line-height: 24px; vertical-align: middle; }
.add-member .iconfont { font-size: 24px; line-height: 24px; margin-left: 5px; }
.sel-sex li { display: inline-block; line-height: 24px; vertical-align: middle; margin-right: 30px; }
.sel-sex li i { font-family: "iconfont" !important; font-size: 24px; line-height: 24px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; color: #dfdfdf; margin-right: 5px; }
.sel-sex li i.sex-male:before { content: "\d607"; }
.sel-sex li i.sex-female:before { content: "\d608"; }
.sel-sex li.selected i.sex-male:before { color: #4dcd70; content: "\d60a"; }
.sel-sex li.selected i.sex-female:before { color: #ee90ff; content: "\d60b"; }
.doc-avatar { width: 50px; height: 50px; border-radius: 50%; overflow: hidden; }
.doc-avatar img { width: 100%; height: 100%; }
/*投诉*/
.ts-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0; border: none; }
.upload-img { overflow: hidden; display: inline-block; }
.upload-img ul li { position: relative; display: inline; float: left; width: 76px; height: 76px; padding: 0 10px 10px 0; }
.upload-img ul li img { width: 100%; height: 100%; }
.add-btn { position: relative; display: block; width: 74px; height: 74px; font-size: 0; color: #b8b8b8; border: 1px dashed #a0a0a0; background: #fff; }
.add-btn:before { content: ""; display: block; position: absolute; top: 34px; left: 22px; width: 30px; height: 2px; background: #a0a0a0; }
.add-btn:after { content: ""; display: block; position: absolute; top: 20px; left: 36px; width: 2px; height: 30px; background: #a0a0a0; }
.doc-tab li { width: 50%; }
.doc-tab li.hit { border-bottom: 3px solid #4dcd70; }
.doc-tab li.hit a { color: #4dcd70; }
.doc-list-sm { padding: 10px 15px; }
.doc-list-sm span { color: #666; }
.doc-list-sm b { color: #333; font-weight: normal; }
.delimgpop { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; text-align: center; z-index: 2200; }
.del-img-box { width: 100%; height: 100%; display: table; }
.del-img-con { display: table-cell; vertical-align: middle; }
.del-img-con img { width: auto; height: auto; }
.del-img-con p { position: relative; display: inline-block; min-width: 100px; text-align: center; }
.del-img-box p:after { position: absolute; top: 0; left: 0; content: ""; background: rgba(255,255,255,.6); width: 100%; height: 40px; z-index: 10; }
.del-img-btn { display: inline-block; height: 40px; line-height: 40px; position: absolute; top: 0; right: 0; z-index: 20; padding: 0 15px; text-align: right; color: #000; }
.del-img-btn .iconfont { font-size: 20px; margin-right: 4px; }
/*2015.10.9*/
.w4em { width: 4em; }
.c-ff5bd3 { color: #ff5bd3; }
.c-images-cycle { border-radius: 50%; overflow: hidden; }
.word-bread { white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
/*健康指导*/
.histroy-title { padding: 8px 15px; color: #5b5b5b; font-size: 13px; }
.histroy-title .iconfont { color: #c5c5c5; }
.doctor-talk { padding: 6px 15px; font-size: 13px; }
.doctor-talk .iconfont { color: #37a6ed; font-size: 20px; }
/*已建档*/
.common-title { font-size: 13px; padding: 8px 15px; color: #5b5b5b; }
.tz-record-list .n-list-key { padding: 12px 20px 12px 0; }
.tz-record-list .n-avatar-m { font-size: 16px; border-radius: 50%; overflow: hidden; text-align: center; }
.tz-record-list .n-list-flex { padding: 12px 0; }
.tz-record-list .n-list-info { padding-right: 25px; }
.tz-record-list .n-list-info p { font-size: 13px; color: #909090; white-space: pre-wrap; word-wrap: break-word; }
.doctor-zd-list .n-list-key { padding: 12px 20px 12px 0; }
.doctor-zd-list .n-avatar-m { border-radius: 50%; overflow: hidden; }
.doctor-zd-list .n-list-flex { padding: 12px 0; }
.doctor-zd-list .n-list-info p { font-size: 13px; color: #909090; white-space: pre-wrap; word-wrap: break-word; }
.health-border-1 { border: 1px solid #ff9806; }
.health-border-2 { border: 1px solid #ff0606; }
.health-border-3 { border: 1px solid #4dcd70; }
.health-border-4 { border: 1px solid #ea68a2; }
.health-border-5 { border: 1px solid #1dbdbf; }
.health-border-6 { border: 1px solid #37a6ed; }
.health-border-7 { border: 1px solid #ae5da1; }
.dis-more-box { background: #fff; border-top: 1px solid #f1f1f1; }
.dis-more { display: block; padding: 10px 15px; }
.dis-more span { position: relative; color: #007cd9; font-size: 13px; display: inline-block; padding-right: 20px; }
.dis-more span:after { display: inline-block; position: absolute; right: 0; top: 2px; content: ""; width: 8px; height: 8px; border: solid #007cd9; border-width: 2px 2px 0 0; cursor: pointer; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg); transition: all 0.5s; -webkit-transition: all 0.5s; }
.dis-more span.rotate:after { top: 8px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); transition: all 0.5s; -webkit-transition: all 0.5s; }
.no-data { width: 100%; font-size: 13px; color: #909090; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.no-data-img { width: 40%; max-width: 320px; margin: 0 auto; }
.no-zhidao-icon { width: 100%; height: 0; padding-bottom: 100%; background: url(../images/no-zhidao.png) no-repeat 0 0; background-size: 100% auto; }
.no-data p { padding-top: 10px; }
/*曲线*/
.curve-tab { padding: 10px 7px; background: #f3f3f3; overflow: hidden; }
.curve-tab li { float: left; width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 8px; }
.curve-tab li a { display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 28px; line-height: 28px; font-size: 14px; border-radius: 3px; text-align: center; color: #333; border: 1px solid #e1e1e1; background: #fff; }
.curve-tab li.current a { background: #4dcd70; border: 1px solid #4dcd70; color: #fff; }
.curve-box { padding: 10px 0 0 5px; }
.curve-charts { width: 100%; height: 300px; }
.curve-box .swiper-container { padding-bottom: 30px; }
.chart-zt { text-align: right; padding: 10px 15px; }
.chart-zt li { display: inline-block; margin-left: 15px; }
.chart-zt li i { display: inline-block; width: 10px; height: 10px; border-radius: 50%; }
.chart-title { text-align: center; padding: 10px 15px; }
.chart-title li { display: inline-block; margin-right: 15px; }
.chart-title li i { display: inline-block; width: 16px; height: 4px; margin-bottom: 3px; }
.bgc-0ad800 { background: #0ad800; }
.bgc-f00 { background: #f00; }
.bgc-0ad800 { background: #0ad800; }
.bgc-f00 { background: #f00; }
.bgc-b6a2de { background: #b6a2de; }
.bgc-5dd1d2 { background: #5dd1d2; }
/*健康头条*/
.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; }
/* 个人中心 */
.addp-list .input-group-addon { min-width: 100%; width: 90px; text-align: right; }
.mem-top { background-color: #fafafa; position: relative; }
.men-list li { position: relative; }
.men-list .mltb1 { background: #34aadc; }
.men-list .mltb2 { background: #4fdb67; }
.men-list .mltb3 { background: #ff9501; }
.men-list .mltb4 { background: #017aff; }
.men-list .mltb5 { background: #49cc6d; }
.men-list .mltb6 { background: #ff6600; }
.men-list .mltb7 { background: #4579f0; }
.men-list .mltb8 { background: #ff9501; }
.men-list .mltb9 { background: #2caddf; }
.men-list .mltb10 { background: #f39800; }
.men-list .mltb11 { background: #ed2100; }
.men-list li .c-avatar-s { position: relative; overflow: inherit; vertical-align: middle; }
.men-list li .c-list-action { top: 0px; }
.mlnum { position: absolute; top: -4px; right: -4px; width: 12px; height: 12px; background: #ec4300; text-align: center; line-height: 12px; font-size: 8px; color: #fff; }
.men-list li .iconfont { font-size: 18px; color: #fff; }
.men-list li .qytimes { display: block; position: absolute; right: 15px; top: 50%; margin-top: -10px; font-size: 12px; color: #fff; }
/*健康历程*/
.main {  }
.health-course { position: relative; min-height: 100%; padding: 0 15px; z-index: 100; }
.health-course:after { position: absolute; content: ""; width: 2px; height: 100%; background: #4dcd70; top: 0; left: 36px; z-index: 101; }
.course-year { position: relative; z-index: 200; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top: 15px; }
.course-year i { display: inline-block; width: 46px; height: 46px; line-height: 46px; font-size: 14px; text-align: center; color: #fff; border-radius: 50%; background: #4dcd70; }
.course-date-list { padding-bottom: 5px; }
.course-date-list li { position: relative; padding-left: 40px; z-index: 200; margin-bottom: 15px; }
.course-date-list li:after { position: absolute; content: ""; width: 12px; height: 12px; border-radius: 50%; background: #4dcd70; top: 30px; left: 16px; z-index: 201; }
.coruse-date { height: 20px; font-size: 13px; color: #909090; padding-left: 1em; }
.coruse-con { position: relative; background: #fff; border: 1px solid #e1e1e1; border-radius: 4px; padding: 7px 10px; }
.coruse-con:after { position: absolute; top: 10px; left: -6px; content: ""; width: 10px; height: 10px; border: 1px solid #e1e1e1; border-width: 0 0 1px 1px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.coruse-con p { font-size: 13px; color: #5b5b5b; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; padding: 3px 0; }
.coruse-con p span { color: #333; padding-right: 5px; }
/*门诊详情*/
.outp-details-top { position: fixed; width: 100%; top: 0; left: 0; background: #fff; height: 72px; border-bottom: 1px solid #e1e1e1; color: #333; font-size: 14px; padding: 8px 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; }
.outp-details-top li { width: 50%; height: 28px; line-height: 28px; float: left; padding-right: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.outp-details-top li span { margin-right: 5px; }
.outp-details-top:before { position: absolute; top: 72px; left: 0; content: ""; width: 100%; height: 15px; background: #f3f3f3; border-bottom: 1px solid #e1e1e1; }
.outp-details-top:after { position: absolute; top: 88px; left: 0; content: ""; width: 100%; height: 10px; background: #fff; }
.outp-details-box { padding: 0 15px 30px 15px; background: #fff; margin-top: 97px; }
.outp-details-con { width: 100%; }
.outp-details-con dl { padding-bottom: 10px; }
.outp-details-con dl dt { position: relative; color: #333; font-size: 15px; padding-left: 15px; }
.outp-details-con dl dt:before { position: absolute; content: ""; width: 8px; height: 8px; border-radius: 50%; background: #4dcd70; top: 50%; left: 0; margin-top: -4px; }
.outp-details-con dl dd { color: #666; font-size: 13px; white-space: pre-wrap; word-wrap: break-word; word-wrap: break-all; }
.outp-doctor-info { color: #5b5b5b; font-size: 14px; padding-top: 15px; margin-top: 5px; border-top: 1px dotted #e1e1e1; }
.outp-doctor-info span { color: #333; margin-right: 10px; }
.outp-doctor-info .iconfont { color: #007cd9; margin-right: 5px; }
/*我的圈子*/
.quanzi-top { position: fixed; width: 100%; top: 0; left: 0; background: #fff; height: 75px; border-bottom: 1px solid #e1e1e1; color: #333; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 100; }
.quanzi-top li { width: 50%; height: 75px; padding-top: 12px; text-align: center; font-size: 15px; color: #5b5b5b; float: left; border-right: 1px solid #e1e1e1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.quanzi-top li:last-child { border-right: none; }
.quanzi-top li .iconfont { font-size: 30px; line-height: 30px; color: #4dcd70; }
.quanzi-top li:last-child .iconfont { color: #37a6ec; }
.quanzi-top:before { position: absolute; top: 75px; left: 0; content: ""; width: 100%; height: 15px; background: #f3f3f3; border-bottom: 1px solid #e1e1e1; }
.quanzi-box { background: #fff; margin-top: 90px; }
.quanzi-list .n-list-key { padding: 12px 20px 12px 0; }
.quanzi-list .n-avatar-m { border-radius: 50%; overflow: hidden; }
.quanzi-list .n-list-flex { padding: 12px 0; }
.quanzi-list .n-list-info { padding-right: 15px; }
/*体重*/
ul.fosx-li .input-group .form-select-arrow { top: 17px; right: 0; }
ul.fosx-li .form-control { text-align: left; padding-right: 30px; }
.ptb8 { padding-top: 8px; padding-bottom: 8px; }
.input-group.bor-radius-tic .form-control { border-radius: 0; }
.no-border { border: none !important; }
.patient-list .form-control { font-size: 17px !important; }
.dwfl { min-width: 53.33px !important; }
.patient-list input { color: #5b5b5b !important; }
.wis-fix .c-list .c-list-value { min-width: 65px; }
.c5b { color: #5b5b5b; }
.c-table.pos td, .c-table.pos th { border-bottom: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; text-align: center; padding: 10px 5px; font-weight: normal; }
/*体重历史*/
.health-table-blue { background: #32aa6d; color: #fff; overflow: hidden; }
.bg-fff { background-color: #fff; }
.bg-32aa6d { background: #32aa6d; }
.c-333 { color: #333 !important; }
.ptb8 { padding-top: 8px; padding-bottom: 8px; }
/*选择医生*/
.c-ser-into { border: none; }
.hd85 { height: 85px; }
.sarea-box { width: 100%; height: 40px; line-height: 40px; background: #fff; position: fixed; left: 0; top: 0; padding: 0 15px; z-index: 800; }
.sarea-box i.icon-ditudingwei { font-size: 22px; vertical-align: middle; margin: 0 0 4px 0; color: #888; }
.sarea-box i.icon-dingwei { font-size: 22px; vertical-align: middle; margin: 0 0 4px 0; color: #007cd9; }
.sarea-box .list-icon { display: inline-block; vertical-align: middle; margin: 0 0 7px 5px; position: relative; left: 0; top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.sarea-box .arrow-right { border-color: #cbcbcb; }
.sseach-box { width: 100%; height: 45px; background: #fff; position: fixed; left: 0; top: 40px; padding: 0px 15px 0 15px; z-index: 800; }
.shcom-list ul li .c-list-img { width: 50px; height: 50px; border-radius: 50px; overflow: hidden; }
.shcom-list ul li .c-list-img img { width: 50px; height: 50px; }
.shcom-list ul li .c-list-info { padding-right: 30px; }
.r-15 { right: 15px; }
.c-ccc { color: #ccc; }
.pl25 { padding-left: 25px; }
.c888 { color: #888; }
.c-000 { color: #000; }
.list-icon { height: 8px; width: 8px; position: absolute; display: inline-block; margin-top: -4px; top: 50%; }
.serch-hold { width: 100%; height: 66px; background: #fff; position: fixed; left: 0; top: 0; z-index: 600; padding: 15px 15px 0 15px; display: box; display: -webkit-box; }
.ser-box { border: 1px solid #e1e1e1; border-radius: 4px; height: 36px; font-size: 13px; box-flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; padding: 0 10px; position: relative; }
.ser-box a.s-initial { display: block; line-height: 34px; /*color:#dfdfdf;*/ position: relative; }
.ser-box .ser-icon { position: absolute; /*right:15px;*/ top: 50%; margin-top: -8px; }
.ser-box .ser-icon:before { content: ""; position: absolute; background: transparent; font-size: 1px; left: 1px; top: 0px; width: 10px; height: 10px; border: 2px solid #ccc; border-radius: 50%; }
.ser-box .ser-icon:after { content: ""; position: absolute; background: transparent; font-size: 1px; left: 11px; top: 12px; width: 6px; height: 2px; background: #ccc; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); }
.ser-box .input-clear { position: absolute; right: 6px; top: 9px; background: #7e7e7e; border-radius: 50%; width: 16px; height: 16px; text-align: center; }
.ser-box .input-clear .close { position: relative; display: inline-block; width: 10px; height: 10px; overflow: hidden; top: -2px; }
.ser-box .input-clear .close:before, .ser-box .input-clear .close:after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0px; margin-top: -1px; background: #fff; border-radius: 6px; }
.ser-box .input-clear .close:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.ser-box .input-clear .close:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.ser-text { width: 100%; height: 34px; line-height: normal; }
.s-cancle { display: inline-block; box-flex: 0; -webkit-box-flex: 0; -moz-box-flex: 0; width: 40px; line-height: 40px; text-align: right; color: #007cd9; font-size: 14px; }
.disa-space { width: 100%; background: #eff1f3; height: 10px; position: fixed; left: 0; top: 66px; z-index: 500; }
.disea-div { width: 100%; height: 100%; position: fixed; left: 0; top: 0; padding-top: 76px; z-index: 10; }
.disea-first { width: 32%; height: 100%; background: #f5f5f5; border-top: 1px solid #e1e1e1; float: left; }
.disea-first li a { display: block; height: 50px; line-height: 50px; padding-left: 15px; color: #333; position: relative; font-size: 14px; }
.disea-first li a.hit { background: #fff; color: #4dcd70; }
.disea-first li a .arrow { position: absolute; display: block; font-size: 0; line-height: 0; width: 0; height: 0; border-color: transparent; border-style: dashed; border-width: 6px; right: 0; top: 50%; margin-top: -6px; border-right-color: #ebebeb; border-right-style: solid; }
.disea-first li a.hit .arrow { border-right-color: #fff; }
.disea-sec { width: 68%; height: 100%; background: #fff; border-top: 1px solid #e1e1e1; float: left; padding: 0 0 0 20px; }
.disea-sec li a { display: block; height: 43px; line-height: 43px; color: #666; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; border-bottom: 1px solid #f2f2f2; position: relative; font-size: 14px; }
.result-list { }
.result-list li { line-height: 40px; border-top: 1px solid #f2f2f2; background: #fff; padding: 0 15px; }
.result-list li:first-child { border-top: none; }
.result-list li a { display: block; color: #666; font-size: 14px; }
.no-serch { text-align: center; line-height: 23px; padding: 0 15px; }
.icon-noserch { display: inline-block; width: 110px; height: 110px; background: url(../images/noser.png) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; margin: 40px 0 5px 0; }
.doc-choo .c-avatar-m { margin: 10px 10px 10px 0; }
/*2015.10.10*/
/*个人中心-选择联系人*/
.ql-boxer { position: fixed; top: 0; width: 100%; left: 0; }
.ql-boxer .c-serdet { padding: 7px 15px 0 15px; }
.choose-chat li i { display: block; width: 20px; height: 20px; }
.choose-chat li i.circ { border: 1px solid #d3d3d3; }
.choose-chat { padding-top: 43px; }
.choose-chat li { position: relative; }
.choose-chat li input { display: none; }
.choose-chat li .c-avatar-m { overflow: hidden; padding-left: 32px; }
.choose-chat li .c-avatar-m img { border-radius: 50%; overflow: hidden; }
.choose-chat li i { position: absolute; width: 20px; height: 20px; top: 18px; left: 15px; border-radius: 20px; }
.choose-chat li i.icon-dagou { text-align: center; color: #fff; background: #4dcd70; line-height: 22px; width: 22px; height: 22px; }
.ts-noda { background: url(../images/no-search.png) no-repeat center center; height: 0; background-size: 100% auto; width: 100%; padding-bottom: 100%; display: block; }
.c-dcdcdc { color: #dcdcdc; }
.choose-chat .search-li li .c-avatar-m { padding-left: 0 }
.c-888 { color: #888888; }
a.a-more { color: #007cd9; display: block; width: 100%; text-align: center; padding: 10px 0; color: #007cd9; font-size: 12px;/* border-top: 1px solid #f1f1f1; */ }
/* 对话 */
.my-team-top { width: 100%; height: 79px; background: #fff; border-bottom: 1px solid #e1e1e1; overflow-x: auto; overflow-y: hidden; }
.my-team-top ul { height: 79px; width: 100%; }
.my-team-top li { float: left; width: 33.33%; height: 70px; padding-top: 9px; text-align: center; color: #666; font-size: 13px; }
.my-team-top li img { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; }
.advis-dialog-box { overflow-y: auto; }
.advis-dialog .ditime { text-align: center; font-size: 12px; color: #aeaeae; line-height: 18px; padding-bottom: 8px; }
.advis-dialog .ditime:before, .advis-dialog .ditime:after { content: ""; display: inline-block; width: 50px; height: 4px; background: transparent; margin: 0 10px; border-top: 1px solid #e6e4e1; }
.dial-left .dialog { padding: 0 0 0 55px; position: relative; overflow: hidden; }
.dial-left .dihead { width: 40px; height: 40px; position: absolute; left: 0; top: 5px; border-radius: 50%; overflow: hidden; }
.dial-left .dihead img { width: 100%; height: 100%; }
.dial-left .diname { display:block; font-size:12px; color:#909090; width:100%; height:20px;}
.dial-left .dicon { font-size: 13px; background: #fff; border: 1px solid #e1e1e1; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #333; float: left; word-break: break-all; }
.dial-left .dicon:before { position: absolute; content: ""; top: 30px; left: 50px; width: 10px; height: 10px; border: 1px solid #e1e1e1; border-width: 0 0 1px 1px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.dial-right .dialog { padding: 0 55px 0 0; position: relative; overflow: hidden; }
.dial-right .dihead { width: 40px; height: 40px; position: absolute; right: 0; top: 5px; }
.dial-right .dihead img { width:100%; height:100%; }
.dial-right .diname { display:block; text-align:right; font-size:12px; color:#909090; width:100%; height:20px;}
.dial-right .dicon { font-size: 13px; background: #bce0ff; border: 1px solid #81bdf7; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; color: #5b5b5b; float: right; word-break: break-all; }
.dial-right .dicon:before { position: absolute; content: ""; top: 30px; right: 50px; width: 10px; height: 10px; border: 1px solid #81bdf7; border-width: 1px 1px 0 0; background: #bce0ff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.dicon img{ max-height:120px; max-width:120px;}
.advis-end { background: #e6eef9; line-height: 20px; text-align: center; }
.advis-end i { font-size: 18px; color: #ff8100; vertical-align: middle; margin: 0 5px 0 0; }
.advis-end a { font-size: 14px; color: #157efb; }
.advis-bot { width: 100%; height: 63px; background: #fff; position: fixed; left: 0; bottom: 0; padding: 14px 93px 0 15px; }
.advis-bot a { display: block; position: absolute; right: 15px; top: 14px; color: #333; font-size: 14px; padding: 0 18px; height: 33px; line-height: 33px !important; background: #f5f5f5; border: 1px solid #bebebe; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.advis-bot .askbtn { width: 100%; height: 35px; line-height: normal; border: 1px solid #bebebe; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 5px 10px; appearance: none; -webkit-appearance: none; -moz-appearance: none; background: #fff; }
.chat-form { height: 45px; padding-left: 10px; padding-right: 10px; }
.nopos { position: relative; bottom: auto; left: auto; }
.chat-form .ui-col-0 { width: 44px; text-align: center; }
.chat-form .ui-col-0 a { display: inline-block; height: 30px; width: 30px; line-height: 30px; position: relative; top: 8px; color: #808080; }
.chat-form .ui-col-0 a .iconfont { font-size: 30px; line-height: 30px; }
.chat-input { height: 22px; font-size: 13px; line-height: 22px; border: 0; border-bottom: #4dcd70 1px solid; position: relative; top: 14px; }
.chat-pictures-wrap { height: 100%; z-index: 2323; top: 0; left: 0; display: none; }
.chat-pictures-bg { height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.chat-pictures-btn { bottom: 10px; left: 0 }
.chat-pictures-a { overflow: hidden }
.chat-pictures-a a { height: 45px; line-height: 45px; display: block; font-size: 15px; color: #00a1d8; text-align: center; width: 100%; background-color: #fff; border-bottom: #e1e1e1 1px solid }
.chat-pictures-a a:last-child { border-bottom: 0 }
.chat-pictures-a a em { display: inline-block; border: #00a1d8 1px solid; border-radius: 50%; line-height: 12px; position: relative; top: -2px }
.chat-pictures-a a i.iconfont { font-size: 18px; margin-right: 5px; }
.chat-form .ui-col-0 a.chat-send { display: inline-block; width: 44px; height: 31px; line-height: 31px; background: #4dcd70; text-align: center; font-size: 13px; color: #fff; border: none; border-radius: 3px; float: left; }
.view-more { display: inline-block; width: 100%; text-align: center; color: #5b5b5b; padding: 15px 0 10px 0; }
.c-ser-main.onlytext { background-color: transparent; border: 1px solid transparent; color: #5b5b5b; padding-left: 0; }
.curve-box .swiper-container { width:100% !important;}
.curve-box .swiper-pagination{ clear:both;}
/* 暂无信息 */
.nomess{ text-align:center; line-height:30px; padding:120px 0 60px 0; color:#5b5b5b;}
.nomess i{ display:block; width:90px; height:90px; background-position:-1px -30px; margin:0 auto;}
.icon{ background:url(../images/icon.png) no-repeat; background-size:250px 250px; -webkit-background-size:250px 250px; -moz-background-size:250px 250px; -ms-background-size:250px 250px;}
/*2015.11.24*/
.edit-info.registered>li .n-list-key:first-child{width:5em;}
.fi-btnbox{bottom:0;left:0;width:100%;padding:5px 15px;box-sizing:border-box;background:#e1e1e1;}
.bottom-box.fi-btnbox a.c-btn{padding:12px 16px;}
.pb47{padding-bottom:47px;}
.getmore{ width:100%;}
.getmore a{ display:block; width:100%; line-height:40px; color:#5b5b5b; text-align:center; font-size:14px; background:#f3f3f3;}
/*2015.12.25*/
.sigl-up .n-list-key{width:6.5em !important;}
.sigl-up .n-list-key i.iconfont{color:#4dcd70;}
.c-btn-fff.c-333{color:#333;}
.doc-tab-les{ margin-left:10px; margin-right:10px; margin-top:10px; border:1px solid #4dcd70; border-radius:5px; background:#fff;}
.doc-tab-les li a{ color:#4dcd70;}
.doc-tab-les li.hit{ background:#4dcd70;}
.doc-tab-les li.hit a{ color:#fff;}
.doc-tab-les li{ border-left:1px solid #4dcd70;}

html/download/css/style.css

@@ -0,0 +1,3989 @@
/*---------cross.ui-------------------------*/
.c-border,
.c-border-t,
.c-border-b,
.c-border-l,
.c-border-r,
.c-border-tb {
	border-color: #e1e1e1;
	border-style: solid;
}
.ui-grid {
	display: -webkit-box;
	display: box;
}
.ui-col-0 {
	-webkit-box-flex: 0;
	box-flex: 0;
}
.ui-col-1 {
	-webkit-box-flex: 1;
	box-flex: 1;
}
.ui-arrow,
.ui-arrow s {
	position: relative;
	display: block;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: dashed;
	border-width: 5px;
}
.ui-arrow-r,
.ui-arrow-r s {
	border-left-color: #aaa;
	border-left-style: solid;
}
.ui-arrow-r s {
	border-left-color: #fff;
	position: absolute;
	left: -7px;
	top: -5px;
}
.c-btn-4dcd70 {
	background-color: #4dcd70;
}
.c-btn-4dcd70:hover {
	background-color: #45b865;
}
.c-btn-fff {
	background-color: #ffffff;
	color: #999999;
	border: #e1e1e1 1px solid;
}
.c-btn-fff:hover {
	background-color: #e5e5e5;
}
/* ui-form
-----------------------------------------------------------------------------*/
.input-group,
.input-group *,
.input-group-checkbox,
.input-group-radio,
.input-group-checkbox *,
.input-group-radio * {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.input-group {
	border-collapse: separate;
	display: table;
	position: relative;
}
.input-group label {
	display: block;
}
.input-group-addon {
	background-color: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	padding: 10px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	white-space: nowrap;
	width: 1%;
}
.input-group-addon:first-child {
	border-right: 0;
}
.input-group-addon .iconfont {
	color: #b4b4b4;
	font-size: 18px;
}
.input-group-addon.focus .iconfont {
	color: #37a6ed;
}
.input-group-btn {
	position: absolute;
	right: 5px;
	top: 7px;
}
.input-group-btn .c-btn {
	padding: 5px;
	border: #ddd 1px solid;
}
.input-group .form-control,
.input-group .form-select,
.input-group .form-textarea {
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: none;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	color: #333;
	display: block;
	font-size: 14px;
	height: 45px;
	line-height: 1.42857;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	outline: 0;
}
.input-group .form-select-arrow {
	display: block;
	width: 10px;
	height: 10px;
	border: solid #ccc;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 15px;
	right: 15px;
}
.input-group .form-control {
	padding-right: 30px;
}
.input-group.input-border .form-control,
.input-group.input-border .form-select,
.input-group.input-border .form-textarea {
	border-radius: 0px;
	border-right: 0;
	font-size: 15px;
	height: 45px;
	line-height: 1.52857;
}
.input-group .form-control:focus,
.input-group .form-select:focus,
.input-group .form-textarea:focus {
	color: #333;
}
.input-group .form-control::-webkit-input-placeholder,
.input-group .form-textarea::-webkit-input-placeholder {
	color: #bfbfbf;
}
.input-group .form-control:-moz-placeholder,
.input-group .form-textarea:-moz-placeholder {
	color: #bfbfbf;
}
.input-group .form-control::-moz-placeholder,
.input-group .form-textarea::-moz-placeholder {
	color: #bfbfbf;
}
.input-group .form-control:-ms-input-placeholder,
.input-group .form-textarea:-ms-input-placeholder {
	color: #bfbfbf;
}
.input-group .form-textarea {
	height: auto;
	resize: none;
	margin: 0;
}
.input-group .form-control:nth-child(2),
.input-group .form-textarea:nth-child(2) {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-left: 0;
	padding-left: 0;
}
.input-group .form-control,
.input-group label .form-control,
.input-group label .form-select,
.input-group label .form-textarea {
	border-radius: 4px;
	padding-left: 12px;
	border-left: 1px #e1e1e1 solid;
}
.input-group .input-group-addon + .form-control,
.input-group .input-group-addon + .form-select {
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	padding-left: 0px;
	border-left: 0px;
}
.input-group-text {
	font-size: 14px;
	color: #555;
}
.input-merge .input-group .input-group-addon,
.input-group.input-border .input-group-addon {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}
.input-group.input-border .input-group-addon {
	border-left: 0;
	font-size: 15px;
	color: #333;
	padding: 10px 20px;
}
.input-merge .input-group .form-control,
.input-merge .input-group .form-select,
.input-merge .input-group .form-textarea {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
.input-merge .input-group:first-child .input-group-addon {
	border-top-left-radius: 4px;
}
.input-merge .input-group:first-child .form-control,
.input-merge .input-group:first-child .form-select,
.input-merge .input-group:first-child .form-textarea {
	border-top-right-radius: 4px;
}
.input-merge .input-group:last-child .form-control,
.input-merge .input-group:last-child .form-select,
.input-merge .input-group:last-child .form-textarea {
	border-bottom-right-radius: 4px;
}
.input-merge .input-group:last-child .input-group-addon {
	border-bottom-left-radius: 4px;
}
.input-merge .input-group.input-border .input-group-addon,
.input-merge .input-group.input-border .form-control,
.input-merge .input-group.input-border .form-select,
.input-merge .input-group.input-border .form-textarea,
.input-merge .input-group.input-border .form-control,
.input-merge .input-group.input-border .form-select,
.input-merge .input-group.input-border .form-textarea,
.input-merge .input-group.input-border .input-group-addon {
	border-radius: 0px;
}
.input-merge .input-group.input-border {
	padding-left: 20px;
}
.input-merge .input-group.input-border .input-group-addon {
	padding-left: 0
}
.input-merge .input-group .input-group-addon,
.input-merge .input-group .form-control,
.input-merge .input-group .form-select,
.input-merge .input-group .form-textarea {
	border-bottom: 0;
}
.input-merge .input-group:last-child .input-group-addon,
.input-merge .input-group:last-child .form-control,
.input-merge .input-group:last-child .form-select,
.input-merge .input-group:last-child .form-textarea {
	border-bottom: 1px solid #e1e1e1;
}
.input-merge.input-merge-border .input-group:first-child .input-group-addon,
.input-merge.input-merge-border .input-group:first-child .form-control,
.input-merge.input-merge-border .input-group:first-child .form-select,
.input-merge.input-merge-border .input-group:first-child .form-textarea {
	border-top: 0;
}
.input-merge.input-merge-border .input-group:last-child .input-group-addon,
.input-merge.input-merge-border .input-group:last-child .form-control,
.input-merge.input-merge-border .input-group:last-child .form-select,
.input-merge.input-merge-border .input-group:last-child .form-textarea {
	border-bottom: 0;
}
.input-merge.input-merge-border {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
}
.input-group-addon-disabled,
.form-control[disabled],
.form-control:disabled,
.form-textarea[disabled],
.form-textarea:disabled,
.form-textarea[disabled],
.form-textarea:disabled,
.form-select[disabled],
.form-select:disabled {
	background-color: #f9f9f9;
}
.input-group .form-input {
	height: 45px;
	border-top: 1px solid #e1e1e1;
	position: relative;
	padding: 7px 0;
}
.input-group .form-input-text {
	color: #909090;
	font-size: 15px;
}
.input-group .form-select-box {
	display: inline-block;
	position: relative;
	margin-right: 10px;
}
.input-group .form-select-box .form-select {
	width: 100%;
}
.input-group .form-select-box .form-select-arrow {
	top: 7px;
	right: 12px
}
.input-group.input-border .form-input .form-control,
.input-group.input-border .form-input .form-select {
	height: 31px;
	border: #e1e1e1 1px solid !important;
	border-radius: 2px;
	display: inline-block;
	vertical-align: baseline;
	line-height: 1.2;
}
.input-group .input-clear {
	position: absolute;
	right: 8px;
	top: 8px;
	background: #ccc;
	border-radius: 50%;
	width: 26px;
	height: 26px;
	text-align: center;
}
.input-group .input-clear .close {
	position: relative;
	display: inline-block;
	width: 15px;
	height: 15px;
	overflow: hidden;
	top: 6px;
}
.input-group .input-clear .close::before,
.input-group .input-clear .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0px;
	margin-top: -1px;
	background: #fff;
	border-radius: 6px;
}
.input-group .input-clear .close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.input-group .input-clear .close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.input-group-checkbox,
.input-group-radio {
	display: inline-block;
	position: relative;
	font-size: 14px;
	color: #909090;
}
.input-group-checkbox label {
	display: block;
	cursor: pointer;
}
.input-group-checkbox label input[type="checkbox"],
.input-group-radio label input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}
.input-group-checkbox .input-group-pack,
.input-group-radio .input-group-pack {
	width: 20px;
	height: 20px;
	background-color: #ffffff;
	border: 1px #d3d3d3 solid;
	padding: 0;
	margin: 0 5px 0 0;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border-radius: 5px;
	overflow: hidden;
	top: -2px;
}
.input-group-radio .input-group-pack {
	border-radius: 50%;
}
.input-group-checkbox .input-group-pack.input-group-pack-disabled,
.input-group-radio .input-group-pack.input-group-pack-disabled {
	background-color: #f0f0f0;
}
.input-group-checkbox .input-group-pack .tick {
	display: block;
	width: 12px;
	height: 2px;
	background: #4dcd70;
	margin: 8px 0 0 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: relative;
	top: 50px;
}
.input-group-checkbox .input-group-pack .tick:after {
	content: '';
	width: 8px;
	height: 2px;
	background: #4dcd70;
	position: absolute;
	top: -3px;
	left: -5px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.input-group-radio .input-group-pack .disc {
	display: block;
	content: "" !important;
	width: 0px;
	height: 0px;
	border-radius: 50%;
	background-color: #4dcd70;
	margin: 4px;
}
.input-group-checkbox input[type="checkbox"]:checked ~ .tick,
.input-group-checkbox .input-group-pack.checked .tick {
	top: 0px;
}
.input-group-radio input[type="radio"]:checked ~ .disc,
.input-group-radio .input-group-pack.checked .disc {
	width: 10px;
	height: 10px;
}
.input-group-switch {
	position: relative;
	font-size: 16px;
	width: 52px;
	height: 32px;
	line-height: 1em;
}
.input-group-switch input {
	width: 52px;
	height: 32px;
	position: absolute;
	z-index: 10;
	border: none;
	background: none;
	-webkit-appearance: none;
	outline: none;
}
.input-group-switch input:before {
	content: '';
	width: 50px;
	height: 30px;
	border: 1px solid #e5e5e5;
	background-color: #fff;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-user-select: none;
	user-select: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-color: #dfdfdf;
	-webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s;
	transition: border 0.4s, box-shadow 0.4s;
	-webkit-background-clip: content-box;
	background-clip: content-box;
}
.input-group-switch input:checked:before {
	border-color: #4cd964;
	-webkit-box-shadow: #4cd964 0px 0px 0px 16px inset;
	box-shadow: #4cd964 0px 0px 0px 16px inset;
	background-color: #4cd964;
	transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s;
	background-color: #4cd964;
}
.input-group-switch input:checked:after {
	left: 21px;
}
.input-group-switch input:after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
	top: 1px;
	left: 0;
	border-radius: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-transition: left 0.2s;
	transition: left 0.2s;
}
.input-group-switch input.thread:before {
	content: '';
	width: 50px;
	height: 3px;
	border: 1px solid #e5e5e5;
	background-color: #e5e7ea;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	-webkit-user-select: none;
	user-select: none;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	border-color: #dfdfdf;
	-webkit-box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	box-shadow: #dfdfdf 0px 0px 0px 0px inset;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s;
	transition: border 0.4s, box-shadow 0.4s;
	-webkit-background-clip: content-box;
	background-clip: content-box;
}
.input-group-switch input.thread:checked:before {
	border-color: #4cd964;
	-webkit-box-shadow: #4cd964 0px 0px 0px 16px inset;
	box-shadow: #4cd964 0px 0px 0px 16px inset;
	background-color: #4cd964;
	transition: border 0.4s, box-shadow 0.4s, background-color 1.2s;
	-webkit-transition: border 0.4s, -webkit-box-shadow 0.4s, background-color 1.2s;
	background-color: #4cd964;
}
.input-group-switch input.thread:checked:after {
	left: 33px;
}
.input-group-switch input.thread:after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
	top: 3px;
	left: 0;
	border-radius: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	-webkit-transition: left 0.2s;
	transition: left 0.2s;
}
/* css c-list
-----------------------------------------------------------------------------*/
.list-icon {
	height: 8px;
	width: 8px;
	position: absolute;
	display: inline-block;
	margin-top: -4px;
	top: 50%;
}
.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);
}
.c-list-group {}
.c-list-group h3 {
	padding: 6px 15px;
	background-color: #f9f9f9;
	font-size: 13px;
	color: #5b5b5b;
	margin: 0;
	vertical-align: middle;
}
.c-list {
	background-color: #fff;
}
.c-list > li,
.c-list > .c-list-div {
	font-size: 15px;
	color: #333;
	position: relative;
	display: -webkit-box;
	display: box;
	margin-left: 15px;
	border-top: 1px solid #f1f1f1;
}
.c-list > .c-list-text {
	line-height: 20px;
	padding-right: 15px;
	padding-left: 0;
}
.c-list > .c-list-text > h4,
.c-list > .c-list-text .c-list-key,
.c-list >.c-list-text .c-list-info,
.c-list > .c-list-text > .c-list-value {
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.c-list > .c-list-text .c-list-title {
	padding-top: 10px;
}
.c-list > .c-list-function {
	border-top: none;
}
.c-list > .c-list-function .c-list-info {
	border-top: 1px solid #f1f1f1;
}
.c-list > li:first-child,
.c-list > .c-border-t:first-child,
.c-list >li:first-child .c-border-t,
.c-list > .c-list-function:first-child,
.c-list > .c-list-function:first-child .c-list-info,
.c-list > div:first-child .c-border-t,
.c-list > div:first-child {
	border: 0;
	background-image: none
}
.c-list > .c-list-cover {
	padding-left: 15px !important;
	margin-left: 0 !important;
}
.c-list .c-list-info {
	-webkit-box-flex: 1;
	box-flex: 1;
	padding-right: 15px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}
.c-list h4 {
	color: #333 !important;
}
.c-list .c-list-info > h4 {
	font-size: 15px;
	line-height: 20px
}
.c-list .c-list-info > p {
	font-size: 13px;
	line-height: 20px;
	color: #909090;
}
.c-list .c-list-label {
	font-size: 13px !important;
	color: #909090 !important;
	padding: 10px 15px 10px 0!important;
	border-top: 1px dashed #e1e1e1 !important;
}
.c-list .c-list-key {
	margin-right: 15px;
}
.c-list .c-list-img {
	width: 100px;
	height: 68px;
	margin: 10px 10px 10px 0;
	position: relative
}
.c-list .c-list-img img {
	width: auto;
	height: 68px;
}
.c-list > .c-list-link:active {
	background-color: #e5e6e7;
	padding-left: 15px;
	margin-left: 0
}
.c-list-link:active,
.c-list-link.c-border-t:active,
.c-list-link:active + .c-border-t,
.c-list-link:active + .c-border-t {
	background-image: none;
	border-top-color: #e5e6e7
}
.c-list .c-list-value {
	color: #909090;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
}
.c-list .c-list-link .c-list-value,
.c-list .c-list-link .c-list-title {
	padding-right: 20px;
}
.c-list .c-list-badge,
.c-list .c-list-action {
	font-size: 13px;
	color: #909090;
	position: absolute;
	height: 100%;
	right: 15px;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	top: 0;
}
.c-list-link .c-list-badge,
.c-list-link .c-list-action {
	right: 35px
}
.c-list-link .list-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}
.c-list .c-avatar-s,
.c-list .c-avatar-m,
.c-list .c-avatar-l {
	margin: 10px 15px 10px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
.c-list-indent-s {
	padding-right: 70px !important;
}
.c-list-indent-m {
	padding-right: 110px !important;
}
.c-list-action .input-group-checkbox .input-group-pack,
.c-list-action .input-group-radio .input-group-pack {
	margin: 0 0 0 5px;
}
.c-avatar-s {
	width: 26px;
	height: 26px;
}
.c-avatar-m {
	width: 40px;
	height: 40px;
}
.c-avatar-l {
	width: 54px;
	height: 54px;
}
.c-avatar-s img,
.c-avatar-m img,
.c-avatar-l img {
	width: 100%;
	height: 100%;
}
.c-list-text .c-t-right {
	color: #909090 !important;
}
.c-list-text .c-t-right {
	padding-right: 0px;
	color: #909090;
}
.c-list-link .c-t-right {
	padding-right: 20px !important;
}
/* css search
-----------------------------------------------------------------------------*/
.c-ser-hold {
	width: 100%;
	height: 43px;
	background-color: #e8e8e8;
	padding: 6px 10px 0 10px;
}
.c-ser-into {
	background: #fff;
	height: 28px;
	line-height: 28px;
	/* border:1px solid #e1e1e1;*/
	border-radius: 5px;
	font-size: 15px;
	color: #8e8e93;
	text-align: center;
}
.c-serdet {
	display: -webkit-box;
	display: box;
	padding: 7px 10px 0 10px;
}
.ser-icon {
	position: relative;
	display: inline-block;
	width: 13px;
	height: 13px;
	font-size: 1px;
	background: none;
}
.ser-icon:before,
.ser-icon:after {
	content: "";
	position: absolute;
	left: 0;
	background: transparent;
	font-size: 1px;
}
.ser-icon-search:before {
	left: 10%;
	top: 25%;
	width: 55%;
	height: 55%;
	border: 1px solid #8e8e93;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
}
.ser-icon-search:after {
	left: 65%;
	top: 95%;
	width: 50%;
	height: 8%;
	background: #8e8e93;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.c-ser-back {
	width: 20px;
	-webkit-box-flex: 0;
	box-flex: 0;
	overflow: hidden;
}
.c-ser-back .si-right {
	display: block;
	width: 12px;
	height: 12px;
	border: solid #a3a3a7;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 7px 0 0 2px;
	float: left;
}
.c-ser-main {
	-webkit-box-flex: 1;
	box-flex: 1;
	background: #fff;
	height: 28px;
	line-height: 28px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	font-size: 15px;
	color: #8e8e93;
	position: relative;
	padding-left: 25px;
	overflow: hidden;
}
.c-ser-main i {
	position: absolute;
	left: 7px;
	top: 7px;
}
.c-ser-input {
	width: 100%;
	background: #fff;
	height: 22px;
	line-height: normal;
	border: none;
	font-size: 15px;
	color: #8e8e93;
	border-radius: 5px;
	padding: 3px 0;
}
.c-ser-btn {
	margin-left: 10px;
	-webkit-box-flex: 0;
	box-flex: 0;
}
.c-ser-btn a {
	display: block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	background: #3aa7ed;
	color: #fff;
	font-size: 14px;
	border-radius: 4px;
}
.c-ser-main .input-clear {
	position: absolute;
	right: 6px;
	top: 6px;
	background: #7e7e7e;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	text-align: center;
}
.c-ser-main .input-clear .close {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	top: -7px;
}
.c-ser-main .input-clear .close::before,
.c-ser-main .input-clear .close::after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0px;
	margin-top: -1px;
	background: #fff;
	border-radius: 6px;
}
.c-ser-main .input-clear .close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.c-ser-main .input-clear .close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* assist
-----------------------------------------------------------------------------*/
.ui-nowrap-multi {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2
}
.ui-nowrap-multh {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3
}
i {
	font-style: normal;
}
.c888 {
	color: #888;
}
.cccc {
	color: #ccc;
}
.cf60 {
	color: #f60;
}
.c333 {
	color: #333;
}
.c5b5b5b {
	color: #5b5b5b;
}
.c4dcd70 {
	color: #4dcd70;
}
.ced5050 {
	color: #ed5050;
}
.ced4d4d {
	color: #ed4d4d;
}
.cc2c2c2 {
	color: #c2c2c2;
}
.ced5050 {
	color: #ed5050;
}
.c-f13 {
	font-size: 13px;
}
.lijt {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -5px;
}
.pr10 {
	padding-right: 10px;
}
.pr20 {
	padding-right: 20px;
}
.h63 {
	height: 63px;
}
body {
	background-color: #f3f3f3;
	color: #333;
	font-size: 14px;
}
.icon {
	background: url(../images/icon.png) no-repeat;
	background-size: 250px 250px;
	-webkit-background-size: 250px 250px;
	-moz-background-size: 250px 250px;
	-ms-background-size: 250px 250px;
}
.getmore {
	width: 100%;
}
.getmore a {
	display: block;
	width: 100%;
	line-height: 40px;
	color: #5b5b5b;
	text-align: center;
	font-size: 14px;
	background: #f3f3f3;
}
/* member */
.addp-list .input-group-addon {
	min-width: 100%;
	width: 90px;
	text-align: right;
}
.mem-top {
	background-color: #fafafa;
	position: relative;
}
.men-list li {
	position: relative;
}
.men-list .mltb1 {
	background: #34aadc;
}
.men-list .mltb2 {
	background: #4fdb67;
}
.men-list .mltb3 {
	background: #ff9501;
}
.men-list .mltb4 {
	background: #017aff;
}
.men-list .mltb5 {
	background: #49cc6d;
}
.men-list .mltb6 {
	background: #ff6600;
}
.men-list .mltb7 {
	background: #4dcd70;
}
.men-list .mltb8 {
	background: #ff6600;
}
.men-list .mltb9 {
	background: #2caddf;
}
.men-list .mltb10 {
	background: #f39800;
}
.men-list li .c-avatar-s {
	position: relative;
	overflow: inherit;
}
.men-list li .c-list-action {
	top: 0px;
}
.mlnum {
	width: 12px;
	height: 12px;
	background: #f60;
	text-align: center;
	line-height: 12px;
	font-size: 8px;
	color: #fff;
	position: absolute;
	top: -4px;
	right: -4px;
}
.mltb1 i,
.mltb2 i,
.mltb3 i,
.mltb4 i,
.mltb5 i,
.mltb6 i,
.mltb7 i,
.mltb8 i,
.mltb9 i,
.mltb10 i {
	color: #fff;
}
.mltb1 i {
	font-size: 19px;
}
.mltb2 i {
	font-size: 18px;
}
.mltb3 i {
	font-size: 18px;
}
.mltb4 i {
	font-size: 18px;
}
.mltb5 i {
	font-size: 15px;
}
.mltb6 i {
	font-size: 16px;
}
.mltb7 i {
	font-size: 15px;
}
.mltb8 i {
	font-size: 15px;
}
.mltb9 i {
	font-size: 19px;
}
.mltb10 i {
	font-size: 19px;
}
.men-list li .qytimes {
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -10px;
	font-size: 12px;
	color: #bbb;
}
.sexchoo {
	line-height: 33px !important;
}
.sexchoo label {
	display: inline-block;
	margin-right: 30px;
}
.sexchoo label i {
	display: inline-block;
	width: 26px;
	height: 25px;
	background-position: -1px -1px;
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
.sexchoo label.swom i {
	background-position: -30px -1px;
}
.sexchoo label i.checked {
	background-position: -59px -1px;
}
.sexchoo label.swom i.checked {
	background-position: -88px -1px;
}
/* 健康头条 */
.jnews-top {
	width: 100%;
	text-align: center;
	position: relative;
}
.jnews-top img {
	width: 100%;
	max-width: 640px;
	max-height: 200px;
}
.jnews-top .news-tit {
	display: block;
	width: 100%;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	text-align: left;
	padding: 5px 15px;
	line-height: 20px;
}
.jnews-list .c-list-img {
	width: 60px;
	height: 60px;
	margin: 10px 10px 10px 0;
	position: relative
}
.jnews-list .c-list-img img {
	width: 60px;
	height: 60px;
}
.jnews-tip {
	line-height: 20px;
	padding: 10px 15px;
	background: #fafafa;
}
/* 社区简介 */
.jnews-con {
	line-height: 25px;
	color: #5b5b5b;
}
.jnews-con h1 {
	font-size: 18px;
	color: #333;
	line-height: 25px;
	padding: 15px 0 7px 0;
}
.jnews-con h6 {
	font-size: 12px;
	color: #888;
	line-height: 15px;
	margin-bottom: 15px;
}
.jnews-con img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.jnews-con p {
	margin-bottom: 10px;
	text-indent: 2em
}
.chd-btn {
	margin: 15px 0 20px 0;
}
.chd-btn .list-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0px 5px;
	position: inherit;
	left: 0;
	top: 0;
}
.chd-btn .arrow-right {
	border-color: #fff;
}
.jnews-con p.jnews-lc {
	color: #f60;
	text-indent: 0em;
}
.jnews-con p.jnews-lc i {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin: 0 5px 5px 0;
	font-size: 20px;
}
.jnmaxw {
	max-width: 320px;
}
.prejn {
	overflow: hidden;
	display: box;
	display: -webkit-box;
}
.prejn .jnimg {
	display: block;
	-webkit-box-flex: 0;
	box-flex: 0;
	width: 126px;
}
.prejn .jnimg img {
	margin: 0;
}
.prejn .jnword {
	display: block;
	-webkit-box-flex: 1;
	box-flex: 1;
	font-size: 12px;
	padding-top: 8px;
	color: #5b5b5b;
}
.prejn .jnword p {
	text-indent: 0em;
	margin-bottom: 8px;
	line-height: 20px;
}
.prebot {}
.prebot p {
	text-indent: 0em;
}
/* 账单明细 */
.h46 {
	height: 46px;
}
.bill-time {
	background: #fff;
	padding: 8px 15px;
	overflow: hidden;
	line-height: 30px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 600;
}
.bill-time .mhsel {
	display: block;
	float: left;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 45%;
	height: 30px;
	padding: 0 10px 0 5px;
	border: 1px solid #e1e1e1;
	background: url(../images/seljt.png) no-repeat 94% center;
	background-size: 11px 6px;
	-webkit-background-size: 11px 6px;
}
.bill-time .mhto {
	display: block;
	float: left;
	width: 10%;
	text-align: center;
}
.bill-top {
	background: #fff;
	padding: 10px 15px;
}
.bill-top .iconhold {
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	background: #4cd964;
	color: #fff;
	vertical-align: middle;
	margin: 0 15px 1px 0;
}
.bill-top .iconhold i {
	font-size: 20px;
}
.bill-list li .c-list-badge {
	color: #333;
	font-size: 15px;
	font-weight: 700;
	font-family: Arial, Helvetica, sans-serif;
}
/* 咨询详细 */
.advis-list {
	padding-left: 15px;
	background: #fff;
}
.advis-list li {
	border-top: 1px solid #f1f1f1;
	display: -webkit-box;
	display: box;
	padding: 10px 15px 10px 0;
	line-height: 23px;
}
.advis-list li:first-child {
	border-top: none;
}
.advis-list li .altit {
	-webkit-box-flex: 0;
	box-flex: 0;
	width: 80px;
}
.advis-list li .alcon {
	-webkit-box-flex: 1;
	box-flex: 1;
}
.advis-list li .alw100 {
	width: 100%;
}
.advis-list li .alhelp {
	line-height: 20px;
	padding: 5px 0;
}
.advis-list li.adli-last {
	display: block;
}
.report-list {
	overflow: hidden;
	width: 100%;
}
.report-list li {
	display: block;
	width: 33%;
	float: left;
	text-align: center;
	color: #5b5b5b;
	font-size: 12px;
	padding: 0;
	margin: 5px 0 5px 0;
	border: none;
}
.report-list li .reptb {
	display: block;
	width: 56px;
	height: 56px;
	background: #fff;
	border: 1px solid #e1e1e1;
	margin: 0 auto 5px auto;
	font-size: 12px;
	color: #ff8100;
	line-height: 22px;
}
.report-list li .reptb i {
	display: block;
	width: 22px;
	height: 22px;
	margin: 10px auto 0 auto;
}
/* 对话 */
.advis-dialog {
	padding-bottom: 40px;
}
.advis-dialog .ditime {
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	padding-bottom: 8px;
}
.dial-left .dialog {
	padding: 0 0 0 55px;
	position: relative;
	overflow: hidden;
}
.dial-left .dihead {
	width: 40px;
	height: 40px;
	position: absolute;
	left: 0;
	top: 0;
}
.dial-left .dihead img {
	width: 40px;
	height: 40px;
}
.dial-left .dicon {
	background: #a9e07d;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #333;
	float: left;
	word-break: break-all;
}
.dial-left .msg-box-arr {
	position: absolute;
	left: 43px;
	top: 15px;
	display: block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed solid dashed dashed;
	border-color: transparent #a9e07d transparent transparent;
}
.dial-left .msg-box-arr i {
	position: absolute;
	left: -6px;
	top: 0;
	margin-top: -7px;
	display: block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed solid dashed dashed;
	border-color: transparent #a9e07d transparent transparent;
}
.dial-right .dialog {
	padding: 0 55px 0 0;
	position: relative;
	overflow: hidden;
}
.dial-right .dihead {
	width: 40px;
	height: 40px;
	position: absolute;
	right: 0;
	top: 0;
}
.dial-right .dihead img {
	width: 40px;
	height: 40px;
}
.dial-right .dicon {
	background: #fff;
	padding: 10px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #5b5b5b;
	float: right;
	word-break: break-all;
}
.dial-right .msg-box-arr {
	position: absolute;
	right: 43px;
	top: 15px;
	display: block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed solid dashed dashed;
	border-color: transparent transparent transparent #f1f1f1;
}
.dial-right .msg-box-arr i {
	position: absolute;
	right: -6px;
	top: 0;
	margin-top: -7px;
	display: block;
	width: 0;
	height: 0;
	border-width: 6px;
	border-style: dashed solid dashed dashed;
	border-color: transparent transparent transparent #fff;
}
.advis-end {
	background: #e6eef9;
	line-height: 20px;
	text-align: center;
}
.advis-end i {
	font-size: 18px;
	color: #ff8100;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.advis-end a {
	font-size: 14px;
	color: #157efb;
}
.advis-bot {
	width: 100%;
	height: 63px;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	padding: 14px 93px 0 15px;
}
.advis-bot a {
	display: block;
	position: absolute;
	right: 15px;
	top: 14px;
	color: #333;
	font-size: 14px;
	padding: 0 18px;
	height: 33px;
	line-height: 33px !important;
	background: #f5f5f5;
	border: 1px solid #bebebe;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.advis-bot .askbtn {
	width: 100%;
	height: 35px;
	line-height: normal;
	border: 1px solid #bebebe;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 5px 10px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: #fff;
}
/* 查看详细 */
.sdoc-top {
	height: 180px;
	background: url(../images/banner1.jpg) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	text-align: center;
	padding: 20px 15px 0 15px;
	font-size: 12px;
	color: #fff;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	line-height: 23px;
	position: relative;
}
.sdoc-top .sdimg {
	display: block;
	margin: 0 auto 10px auto;
	width: 60px;
	height: 60px;
	padding: 1px;
	background-color: rgba(250, 250, 250, .75);
	border-radius: 50%;
}
.sdoc-top .sdtime {
	position: absolute;
	background: rgba(0, 0, 0, .3);
	width: 100%;
	height: 45px;
	line-height: 45px;
	left: 0;
	bottom: 0;
	text-align: left;
	padding: 0 15px;
}
.sdoc-top .sdstate {
	position: absolute;
	background: rgba(255, 255, 255, 1);
	width: 100%;
	height: 45px;
	line-height: 45px;
	left: 0;
	bottom: 0;
	text-align: left;
	padding: 0 15px;
	text-shadow: none;
	color: #888;
}
.sdslink {
	margin-left: 15px;
	padding-left: 20px;
	border-left: 1px solid #e1e1e1;
}
.sdoc-top .sdslink a {
	display: inline-block;
	height: 25px;
	line-height: 25px;
	padding: 0 10px;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	font-size: 12px;
	color: #333;
}
.sdoc-top .sdtime .list-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}
.sdoc-tit {
	line-height: 32px;
	background: #fafafa;
	padding-top: 3px;
}
.sdoc-tit i {
	display: inline-block;
	color: #aaaaaa;
	font-size: 20px;
	vertical-align: middle;
	margin: 0 5px 3px 0;
}
.sdoc-tit i.icon-jianjie {
	font-size: 24px;
}
.sdoc-con {
	background: #fff;
	padding: 10px 15px;
	line-height: 22px;
	color: #5b5b5b;
	overflow: hidden;
}
.sdoc-txt {
	overflow-y: auto;
	display: block;
	height: 66px;
}
/* 签约流程 */
.suppl-step {
	background: #fff;
	padding: 5px 15px 15px 15px;
	overflow: hidden;
}
.suppl-step li {
	display: block;
	width: 32%;
	float: left;
	border-bottom: 3px solid #e1e1e1;
	color: #888;
	font-size: 12px;
	margin-left: 1%;
	text-align: center;
	line-height: 30px;
}
.suppl-step li.sfin {
	border-bottom: 3px solid #4dcd70;
	color: #4dcd70;
}
.suppl-top {
	background: #fff;
	line-height: 25px;
}
.stp-tit {
	display: block;
	margin: 0 15px;
	border-bottom: 1px solid #f2f2f2;
	padding: 10px 0;
}
.stp-list {
	display: block;
	padding: 8px 0;
}
.stp-list li {
	position: relative;
	padding: 0 15px 0 90px;
	line-height: 22px;
}
.stp-list li h4 {
	position: absolute;
	left: 15px;
	top: 0;
}
.suppl-tit {
	background: #fafafa;
	line-height: 30px;
	padding: 10px 15px 0 15px;
}
.sw100 {
	width: 85px;
	text-align: left;
}
.areainput {
	height: 20px;
	line-height: normal;
	margin: 0;
	padding: 0;
	border: none;
	width: 100%;
}
.supp-area {
	display: box;
	display: -webkit-box;
	width: 230px;
	text-align: left;
	margin: 10px auto;
	line-height: 33px;
}
.supp-area .satit {
	-webkit-box-flex: 0;
	box-flex: 0;
	width: 70px;
}
.supp-area .sacon {
	-webkit-box-flex: 1;
	box-flex: 1;
	position: relative;
}
.supp-area .sacon .form-select-arrow {
	display: block;
	width: 10px;
	height: 10px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute;
	top: 8px;
	right: 8px;
}
.supp-area .sacon select {
	width: 100%;
	height: 33px;
	line-height: 30px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 1px solid #e1e1e1;
	padding: 0 5px;
	border-radius: 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.suppl-tip {
	height: 45px;
	line-height: 45px;
	background: #eee;
}
.suppl-tip a {
	color: #333;
}
.add-memb-list {
	padding-left: 15px;
	background: #fff;
}
.add-memb-list .input-merge-border {
	border-bottom: none;
	border-top: 1px solid #f2f2f2;
}
.add-memb-list .input-merge .input-group.input-border {
	padding-left: 0;
}
.add-memb-list .input-merge-border:first-child {
	border-top: none;
}
.add-memb-list .input-group-addon {
	width: 70px;
	text-align: left;
}
.add-memb-list .arrow-right {
	width: 10px;
	height: 10px;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}
.add-memb-tip {
	text-align: center;
	font-size: 12px;
	color: #888;
	padding-bottom: 10px;
}
.add-memb-tip i {
	font-size: 18px;
	margin-right: 3px;
}
.add-memb-list input {
	color: #888 !important;
}
.lih45 {
	line-height: 45px;
	font-size: 15px;
}
.add-memb-top {
	line-height: 30px;
	color: #878787;
	padding: 0 15px;
}
.suppl-list {
	padding-left: 15px;
	background: #fff;
}
.suppl-list li {
	line-height: 20px;
	color: #666;
	position: relative;
	padding: 5px 30px 5px 0;
	border-bottom: 1px solid #f2f2f2;
}
.suppl-list li p {
	margin: 3px 0;
}
.suppl-list li .arrow-right {
	position: absolute;
	top: 50%;
	margin-top: -6px;
	right: 15px;
}
.suppl-list li .slt-tel {
	display: block;
	position: absolute;
	left: 50%;
	top: 8px;
}
.slt-add {
	display: block;
	line-height: 43px;
	text-align: center;
	color: #007cd9;
	padding-right: 15px;
}
.slt-add i {
	display: inline-block;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin: 0 5px 4px 0;
}
.suppl-agree {
	line-height: 25px;
	padding: 0 20px;
}
.suppl-agree .input-group-checkbox {
	color: #888;
}
.suppl-agree .input-group-checkbox a {
	color: #007cd9;
}
/* 协议内容 */
.agree-box {
	line-height: 26px;
	padding: 10px 15px 30px 15px;
}
.agree-box h1 {
	font-size: 18px;
	text-align: center;
	padding-bottom: 10px;
}
.agree-box p {
	text-indent: 2em;
}
.agfin-top {
	text-align: center;
	background: #fff;
	padding: 15px 15px 20px 15px;
	font-size: 15px;
	line-height: 22px;
}
.agfin-top i {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 50px;
	margin-bottom: 10px;
}
.agfin-num {
	line-height: 40px;
	text-align: center;
	font-size: 12px;
	color: #888;
	background: #fafafa;
}
.agfin-num li {
	border-left: 1px solid #e1e1e1;
}
.agfin-num li:first-child {
	border-left: none;
}
.agfin-img {
	text-align: center;
	background: #fafafa;
	padding: 20px 0;
}
.agfin-btn {
	overflow: hidden;
}
.agfin-btn a {
	display: block;
	width: 46%;
	margin-left: 8%;
	float: left;
}
.agfin-btn a:first-child {
	margin-left: 0;
}
.agfiled-tip {
	font-size: 12px;
	color: #888;
	text-align: center;
	padding: 10px 0;
	line-height: 20px;
}
/* 选择社区 */
.hd85 {
	height: 85px;
}
.sarea-box {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	padding: 0 15px;
	z-index: 800;
}
.sarea-box i.icon-ditudingwei {
	font-size: 22px;
	vertical-align: middle;
	margin: 0 0 4px 0;
	color: #888;
}
.sarea-box i.icon-dingwei {
	font-size: 22px;
	vertical-align: middle;
	margin: 0 0 4px 0;
	color: #007cd9;
}
.sarea-box .list-icon {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 7px 5px;
	position: relative;
	left: 0;
	top: 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.sarea-box .arrow-right {
	border-color: #cbcbcb;
}
.sseach-box {
	width: 100%;
	height: 45px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 40px;
	padding: 0px 15px 0 15px;
	z-index: 800;
}
.shcom-list ul li .c-list-img {
	width: 50px;
	height: 50px;
}
.shcom-list ul li .c-list-img img {
	width: 50px;
	height: 50px;
}
.shcom-list ul li .c-list-info {
	padding-right: 30px;
}
.serch-hold {
	width: 100%;
	height: 66px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 600;
	padding: 15px 15px 0 15px;
	display: box;
	display: -webkit-box;
}
.ser-box {
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	height: 36px;
	font-size: 13px;
	box-flex: 1;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	padding: 0 10px;
	position: relative;
}
.ser-box a.s-initial {
	display: block;
	line-height: 34px;
	/*color:#dfdfdf;*/
	position: relative;
}
.ser-box .ser-icon {
	position: absolute;
	/*right:15px;*/
	top: 50%;
	margin-top: -8px;
}
.ser-box .ser-icon:before {
	content: "";
	position: absolute;
	background: transparent;
	font-size: 1px;
	left: 1px;
	top: 0px;
	width: 10px;
	height: 10px;
	border: 2px solid #ccc;
	border-radius: 50%;
}
.ser-box .ser-icon:after {
	content: "";
	position: absolute;
	background: transparent;
	font-size: 1px;
	left: 11px;
	top: 12px;
	width: 6px;
	height: 2px;
	background: #ccc;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.ser-box .input-clear {
	position: absolute;
	right: 6px;
	top: 9px;
	background: #7e7e7e;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	text-align: center;
}
.ser-box .input-clear .close {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	top: -2px;
}
.ser-box .input-clear .close:before,
.ser-box .input-clear .close:after {
	content: '';
	position: absolute;
	height: 2px;
	width: 100%;
	top: 50%;
	left: 0px;
	margin-top: -1px;
	background: #fff;
	border-radius: 6px;
}
.ser-box .input-clear .close:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ser-box .input-clear .close:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.ser-text {
	width: 100%;
	height: 34px;
	line-height: normal;
}
.s-cancle {
	display: inline-block;
	box-flex: 0;
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	width: 40px;
	line-height: 40px;
	text-align: right;
	color: #007cd9;
	font-size: 14px;
}
.disa-space {
	width: 100%;
	background: #eff1f3;
	height: 10px;
	position: fixed;
	left: 0;
	top: 66px;
	z-index: 500;
}
.disea-div {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	padding-top: 76px;
	z-index: 10;
}
.disea-first {
	width: 32%;
	height: 100%;
	background: #f5f5f5;
	border-top: 1px solid #e1e1e1;
	float: left;
}
.disea-first li a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 15px;
	color: #333;
	position: relative;
	font-size: 14px;
}
.disea-first li a.hit {
	background: #fff;
	color: #4dcd70;
}
.disea-first li a .arrow {
	position: absolute;
	display: block;
	font-size: 0;
	line-height: 0;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: dashed;
	border-width: 6px;
	right: 0;
	top: 50%;
	margin-top: -6px;
	border-right-color: #ebebeb;
	border-right-style: solid;
}
.disea-first li a.hit .arrow {
	border-right-color: #fff;
}
.disea-sec {
	width: 68%;
	height: 100%;
	background: #fff;
	border-top: 1px solid #e1e1e1;
	float: left;
	padding: 0 0 0 20px;
}
.disea-sec li a {
	display: block;
	height: 43px;
	line-height: 43px;
	color: #666;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
	font-size: 14px;
}
.result-list {}
.result-list li {
	line-height: 40px;
	border-top: 1px solid #f2f2f2;
	background: #fff;
	padding: 0 15px;
}
.result-list li:first-child {
	border-top: none;
}
.result-list li a {
	display: block;
	color: #666;
	font-size: 14px;
}
.no-serch {
	text-align: center;
	line-height: 23px;
	padding: 0 15px;
}
.icon-noserch {
	display: inline-block;
	width: 110px;
	height: 110px;
	background: url(../images/noser.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	margin: 40px 0 5px 0;
}
.doc-choo .c-avatar-m {
	margin: 10px 10px 10px 0;
}
/* 暂无信息 */
.nomess {
	text-align: center;
	line-height: 30px;
	padding: 120px 0 60px 0;
	color: #5b5b5b;
}
.nomess i {
	display: block;
	width: 90px;
	height: 90px;
	background-position: -1px -30px;
	margin: 0 auto;
}
/* 随访 */
.list-tips {
	display: inline-block;
	width: auto;
	margin-top: 0;
	margin-left: 10px;
}
.list-tips .hd .ui-arrow {
	top: 12px;
	left: -10px;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
.list-tips .bd {
	padding: 0 3px;
	background: #ff6600;
	border: #ff6600 1px solid;
	color: #fff
}
.list-tips .ui-arrow-t,
.list-tips .ui-arrow-t s {
	border-bottom-color: #ff6600;
}
.follow-up .c-list-indent-m {
	padding-right: 50px !important
}
.follow-up .c-list-img,
.follow-up .c-list-img img {
	width: 70px;
	height: 70px;
}
.follow-ask {}
.follow-ask li {
	display: block;
	margin: 10px 5px;
	background: #fff;
	border-radius: 4px;
	padding: 0 10px;
}
.fpart1 {
	line-height: 40px;
	position: relative;
	color: #333;
}
.follow-ask li .list-icon {
	right: 0;
}
.iconhold {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 18px;
	text-align: center;
	color: #fff;
}
.fatb1 {
	background: #f39800;
	font-size: 16px;
}
.fatb2 {
	background: #3cca3f;
}
.fatb3 {
	background: #2caddf;
}
.fatb1 i {
	font-size: 17px;
}
.fatb2 i {
	font-size: 13px;
}
.fatb3 i {
	font-size: 18px;
}
.fpart2 {
	line-height: 20px;
	position: relative;
	color: #333;
	padding: 10px 0;
	border-top: 1px solid #f2f2f2;
	font-size: 12px;
}
.faname {
	display: inline-block;
	float: right;
	border-left: 1px solid #f2f2f2;
	padding-left: 10px;
}
.fpart3 {
	line-height: 20px;
	position: relative;
	color: #333;
	padding: 10px 0;
	border-top: 1px solid #f2f2f2;
	font-size: 12px;
}
/*随访*/
.q-form {
	background-color: #fff;
}
.q-form li:after {
	content: "";
	display: block;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
	clear: both;
}
.q-form li {
	padding: 10px 10px 10px 0;
	margin-left: 15px;
	border-bottom: 1px solid #e1e1e1;
}
.q-form li:last-child {
	border-bottom: none;
}
.q-form .q-form-label {
	font-size: 15px;
}
.q-form .q-form-val {
	margin-left: 82px;
	line-height: 22.5px;
}
.q-form .q-form-val.mr65 {
	margin-right: 65px;
}
.q-form .q-form-inp {
	display: block;
	width: 100%;
	border: none;
	color: #5b5b5b;
}
.q-form .q-form-inp[disabled] {
	background-color: #fff;
}
.qa-form {
	background-color: #fff;
}
.qa-form li:after {
	content: "";
	display: block;
	line-height: 0;
	font-size: 0;
	visibility: hidden;
	clear: both;
}
.qa-form li {
	padding: 10px 10px 10px 0;
	margin-left: 15px;
	border-bottom: 1px solid #e1e1e1;
	position: relative
}
.qa-form li:last-child {
	border-bottom: none;
}
.qa-form .qa-form-label {
	font-size: 15px;
	color: #ff8100;
}
.qa-form .qa-form-val {
	margin-left: 37px;
	line-height: 22.5px;
}
.qa-form .qa-form-val.mr65 {
	margin-right: 65px;
}
.qa-form .qa-form-inp {
	width: 100%;
	border: none;
	color: #5b5b5b;
}
.qa-form .input-group {
	width: 100%;
	padding-right: 5px;
}
/* 我的签约服务 */
.my-servers-top {
	background: url(../images/banner1.jpg) 0 -50px no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	color: #fff;
	line-height: 21px;
	text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
	position: relative;
}
.my-servers-top .sdimg {
	display: block;
	margin: 0 auto 10px auto;
	width: 60px;
	height: 60px;
	padding: 1px;
	background-color: rgba(250, 250, 250, .75);
	border-radius: 50%;
}
.my-servers-time {
	line-height: 40px;
	background: #fafafa;
	color: #555;
	padding: 0 15px;
	text-align: center;
}
.my-servers-time i {
	color: #bbb;
	font-size: 18px;
	margin-right: 5px;
}
/* 家庭成员 */
.sw60 {
	width: 60px;
	text-align: left;
}
.add-memb-btn {
	width: 100%;
	height: 46px;
	line-height: 46px;
	background: #fff;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}
.add-memb-btn a {
	color: #333;
	font-size: 14px;
}
/* 签约记录 */
.record-list {}
.record-list li .c-avatar-m {
	width: 45px;
	height: 45px;
}
.record-list li .arrow-right {
	display: inline-block;
	width: 6px;
	height: 6px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	vertical-align: middle;
	margin: 0 0 5px 5px;
	-webkit-transition: all .3s ease;
}
.record-list li .arshow {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	margin: 2px 0 0 5px;
}
.record-list li {
	position: relative;
	background: #fff;
	border-top: 1px solid #f2f2f2;
}
.record-list li:first-child {
	border-top: none;
}
.relimg {
	width: 45px;
	height: 45px;
	position: absolute;
	left: 15px;
	top: 10px;
	overflow: hidden;
}
.relimg img {
	width: 45px;
	height: 45px;
}
.relmess {
	padding: 13px 100px 8px 75px;
	min-height: 45px;
	font-size: 12px;
	color: #888;
	line-height: 18px;
}
.reltime {
	position: absolute;
	right: 15px;
	top: 13px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
}
.rel-filed {
	background: #eaedeb;
	padding: 10px 15px;
	color: #555;
	font-size: 12px;
	line-height: 20px;
	display: none;
}
.rel-filed .ref-top {
	display: block;
	color: #ed5050;
	padding-bottom: 8px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d2d4d1;
}
/* 电话随访 */
.mstop-time {
	width: 100%;
	line-height: 25px;
	background: rgba(0, 0, 0, .3);
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden;
	padding: 7px 0;
}
.mstop-time .mtpart {
	display: block;
	width: 50%;
	float: left;
	text-align: center;
	font-size: 12px;
	color: #fff;
}
.mstop-time .mtpart:first-child {
	border-right: 1px solid #656578;
}
.mstop-time .mtpart i {
	font-size: 18px;
	margin: 0 3px;
}
.tel-ask-advice {
	margin: 10px 5px;
	padding: 8px;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 4px;
	line-height: 30px;
	color: #5b5b5b;
}
.ask-text {
	border: none !important;
	padding: 0 !important;
}
/* 图文随访 */
.chat-form {
	bottom: 0;
	left: 0;
	height: 45px;
}
.nopos {
	position: relative;
	bottom: auto;
	left: auto;
}
.chat-form .ui-col-0 {
	width: 50px;
	text-align: center;
}
.chat-form .ui-col-0 a {
	display: inline-block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	position: relative;
	top: 8px;
	border: 1px solid #808080;
	border-radius: 50%;
	color: #808080;
}
.chat-input {
	border: 0;
	border-bottom: #808080 1px solid;
	position: relative;
	top: 14px;
}
.chat-pictures-wrap {
	height: 100%;
	z-index: 2323;
	top: 0;
	left: 0;
	display: none;
}
.chat-pictures-bg {
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
}
.chat-pictures-btn {
	bottom: 0;
	left: 0
}
.chat-pictures-a {
	overflow: hidden
}
.chat-pictures-a a {
	height: 45px;
	line-height: 45px;
	display: block;
	font-size: 15px;
	color: #00a1d8;
	text-align: center;
	width: 100%;
	background-color: #fff;
	border-bottom: #e1e1e1 1px solid
}
.chat-pictures-a a:last-child {
	border-bottom: 0
}
.chat-pictures-a a em {
	display: inline-block;
	width: 16px;
	height: 16px;
	border: #00a1d8 1px solid;
	border-radius: 50%;
	line-height: 12px;
	position: relative;
	top: -2px
}
.chat-pictures-a a em i.iconfont {
	font-size: 12px
}
.chat-form .ui-col-0 a.chat-send {
	display: inline-block;
	width: 40px;
	height: 31px;
	line-height: 31px;
	background: #4dcd70;
	text-align: center;
	font-size: 13px;
	color: #fff;
	border: none;
	border-radius: 3px;
	float: left;
}
/* 2015082703 CSX 新增 */
.bottom-btn-box {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 15px;
	background: #fff;
	z-index: 3000;
}
.bp-temp-page {
	padding-bottom: 60px;
}
.bp-temp {
	padding: 5px 0 5px 15px;
}
.bp-temp h3 {
	font-size: 15px;
	color: #333;
	padding: 10px 0;
}
.bp-temp h3 em {
	color: #f58100;
	margin-right: 5px;
}
.bp-temp-con {
	font-size: 12px;
	color: #5b5b5b;
	padding: 10px 15px;
}
.zz-list {
	overflow: hidden;
}
.zz-list li {
	width: 33.3333%;
	float: left;
}
@media screen and (min-width:320px) and (max-width:360px) {
	.zz-list li:last-child {
		width: 50%;
		float: left;
	}
}
.zz-tab {
	width: 100%;
}
.zz-tab td,
.zz-tab th {
	vertical-align: middle;
	padding: 5px 0;
}
.zz-tab th {
	width: 9em;
}
.zz-tab2 th {
	width: 6em;
}
.zz-tab th em {
	color: #f58100;
}
.i-unit {
	display: inline-block;
	height: 36px;
	line-height: 36px;
	text-align: center;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 4px;
}
.width-16 {
	width: 16%;
}
/*单选框和复选框*/
.c-radio,
.c-check {
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	position: relative;
	margin: 7px 0;
}
.c-radio .disc,
.c-check .tick {
	display: block;
	position: relative;
	width: 26px;
	height: 26px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border: 1px solid #e1e1e1;
	border-radius: 50%;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 2;
}
.c-check .tick {
	border-radius: 6px;
}
.c-radio > input,
.c-check > input {
	display: inline-block;
	vertical-align: baseline;
	position: absolute;
	z-index: 3;
	width: 26px;
	height: 26px;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 0;
	outline: 0;
}
.c-radio > input:checked + .disc:after,
label.checked .disc:after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #4dcd70;
	left: 6px;
	top: 6px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.c-check > input:checked + .tick:after,
label.checked .tick:after {
	position: absolute;
	content: "";
	width: 13px;
	height: 8px;
	border: solid #4dcd70;
	border-width: 0 0 2px 2px;
	left: 5px;
	top: 5px;
	-webkit-transform: rotate(-45deg);
}
.c-radio > input:disabled + .disc,
.c-check > input:disabled + .tick {
	background: #f0f0f0;
}
.c-radio > input:disabled,
.c-check > input:disabled {
	cursor: auto;
}
.c-radio .txt,
.c-check .txt {
	display: inline-block;
	position: absolute;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	top: 0;
	left: 32px;
}
/*下拉选框*/
.c-select {
	display: block;
	position: relative;
	height: 36px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
}
.c-select:after {
	position: absolute;
	content: '';
	width: 8px;
	height: 8px;
	border: solid #e1e1e1;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	right: 15px;
	top: 50%;
	margin-top: -7px;
}
.c-select > select {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 36px;
	color: #909090;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	border: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 0 25px 0 10px;
}
.c-select > select:focus {
	color: #4d5a5e;
	outline: 0;
}
.c-input {
	position: relative;
	display: inline-block;
	min-width: 40px;
	height: 36px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
}
.c-input > input {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	z-index: 2;
	width: 100%;
	height: 36px;
	color: #80989f;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	border: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 6px 12px;
}
.c-input > input:focus {
	color: #4d5a5e;
	outline: 0;
}
.c-textarea {
	position: relative;
	display: block;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 4px;
}
.c-textarea > textarea {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	z-index: 2;
	width: 100%;
	color: #80989f;
	background: transparent;
	background: rgba(0, 0, 0, 0);
	border: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	margin: 0;
	padding: 6px 12px;
}
.c-textarea > textarea:focus {
	color: #4d5a5e;
	outline: 0;
}
/* 9.3 */
a.a-more {
	color: #007cd9;
	display: block;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	color: #007cd9;
	font-size: 12px;
	/* border-top: 1px solid #f1f1f1; */
}
.bgc-7ecef4 {
	background-color: #7ecef4;
}
.c-list-text .c-t-left {
	color: #909090 !important;
}
.device-list .c-list-value {
	width: 100px;
}
.c-37a6ed {
	color: #37a6ed !important;
}
.c-333 {
	color: #333 !important;
}
i.icon-nan {
	color: #0073dd;
}
i.icon-nv {
	color: #ff6ca0;
}
/* css c-table two
-----------------------------------------------------------------------------*/
.c-table {
	width: 100%;
	border-collapse: collapse
}
.c-table th {
	font-weight: 700;
}
.c-table td,
.c-table th {
	border-bottom: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	text-align: center;
	padding: 10px 5px;
}
.c-table tr td:last-child,
.c-table tr th:last-child {
	border-right: 0
}
.c-table tr:last-child td {
	border-bottom: 0
}
.c-table th,
.c-table td {
	vertical-align: middle
}
.health-table-blue {
	background: #7ecef4;
	color: #fff;
	overflow: hidden
}
.health-table-blue span {
	display: block
}
.health-table-blue td {
	vertical-align: middle
}
.icon-zhidaobiaozhun.c-f24 {
	font-size: 24px;
	position: relative;
	top: 3px
}
.health-border-1 {
	border-color: #ff9806
}
.health-border-2 {
	border-color: #ff0606
}
.health-border-3 {
	border-color: #4dcd70
}
.health-border-4 {
	border-color: #ea68a2
}
.health-border-5 {
	border-color: #1dbdbf
}
.health-border-6 {
	border-color: #37a6ed
}
.health-border-7 {
	border-color: #ae5da1
}
.required {
	top: 50%;
	margin-top: -8px;
	left: 10px;
	color: #ff8100;
}
.add-equipment {
	background: #fff;
	padding: 10px 15px;
	line-height: 47px;
}
.add-btn {
	position: relative;
	display: block;
	width: 45px;
	height: 45px;
	color: #b8b8b8;
	border: 1px dotted #b8b8b8;
	background: #fff;
}
.add-btn:before {
	content: "";
	display: block;
	position: absolute;
	top: 22px;
	left: 8px;
	width: 30px;
	height: 2px;
	background: #b8b8b8;
}
.add-btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 8px;
	left: 22px;
	width: 2px;
	height: 30px;
	background: #b8b8b8;
}
.input-group.input-border span.form-control {
	line-height: 33px;
	color: #8f8f8f;
}
.input-group .c-avatar-s,
.input-group .c-avatar-m,
.input-group .c-avatar-l {
	margin: 5px 15px 5px 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-pack: center;
	-webkit-box-align: center;
}
.health-input-merge .input-group-addon {
	min-width: 100%;
	width: 100px;
	text-align: left;
}
.unit-right {
	position: absolute;
	right: 15px;
	top: 13px;
}
.details-tips i.iconfont {
	color: #ffa119;
	font-size: 12px;
}
.historical-interfere i.iconfont {
	position: relative;
	top: -1px;
	font-size: 15px
}
.cod-list > li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 30px;
}
.cod-list > li .cod-line {
	position: absolute;
	top: 10px;
	left: 6px;
	width: 2px;
	z-index: 5;
	background: #06bf04;
	height: 100%;
	height: -moz-calc(100% +30px);
	height: -webkit-calc(100% +30px);
	height: calc(100% + 30px);
}
.cod-list > li:last-child .cod-line {
	display: none;
}
.cod-list > li:first-child .cod-line {
	background: #ff8100;
}
.cod-list > li > i {
	position: absolute;
	top: 10px;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	background: #06bf04;
	border-radius: 50%;
	z-index: 10;
}
.cod-list > li.current:after,
.cod-list > li.current > i {
	background: #ff8100;
}
.cod-con {
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 8px;
	position: relative;
	padding: 10px;
}
.cod-con em.arrow {
	position: absolute;
	top: 12px;
	left: -6px;
	display: block;
	width: 8px;
	height: 8px;
	background: #fff;
	border-color: #e1e1e1;
	border-style: solid;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.cod-con dd .upload-img ul li {
	margin-right: 5px;
}
.cod-con dd .upload-img ul li:last-child {
	margin-right: 0;
}
.add-manner {
	text-align: left;
}
.ui-popup .add-manner td {
	padding: 0 0 10px 0 !important;
}
.no-guide {
	width: 30%;
	height: 0;
	padding-bottom: 30%;
	background: url(../images/no_data.png) no-repeat;
	background-size: 100% 100%;
	margin: 0 auto;
}
.no-guide-tips {
	width: 70%;
	margin: 0 auto;
}
/*9.28-YY start*/
.sdoc-top.smil {
	padding: 38px 15px 36px;
	height: 100px;
	background: url(../images/p-bg-top.png) no-repeat;
}
.sdoc-top.smil.short {
	height: 60px;
}
.sdoc-top.smil .sdimg {
	margin: 0;
	width: 56px;
	height: 56px;
	border-radius: 56px;
	overflow: hidden;
	padding: 0;
	background: rgb(250, 250, 250)
}
.sdoc-top.smil .sdimg img {
	width: 56px;
	height: 56px;
}
.sdoc-top.smil .sdslink {
	border: none;
}
.ff6600 {
	color: #ff6600;
}
.pos-sist {
	padding: 23px 15px 18px;
	box-sizing: border-box;
	background: #fff;
}
.pos-sist img {
	width: 100%;
	height: auto;
}
.sdoc-top.smil .sdslink a {
	color: #007cd9;
	background: #f8f8f8;
	line-height: 27px;
}
.pb60 {
	padding-bottom: 60px;
}
.slider-detail h2 {
	color: #333333;
}
.slider-detail p {
	color: #888888;
}
.slider-detail li {
	padding: 10px 0 12px 0;
	position: relative;
}
.slider-detail li span {
	position: absolute;
	bottom: 0px;
	right: 15px;
}
.slider-detail p.show {
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.arrow-down,
.arrow-up {
	display: inline-block;
	width: 8px;
	height: 8px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	cursor: pointer;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.arrow-up {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.line-click {
	width: 100%;
	height: 15px;
	position: relative;
}
/*9.28-YY end*/
/*=======================*/
.c-000 {
	color: #000
}
.c-ccc {
	color: #ccc
}
.r-15 {
	right: 15px;
}
.l-10 {
	left: 10px;
}
.pl25 {
	padding-left: 25px;
}
/* 9.28 */
/* -------签约成功提示 */
.nsucc-top {
	text-align: center;
	padding: 80px 0 20px 0;
}
.nsucc-top i {
	font-size: 50px;
}
.choo-qy div {
	padding: 6px 17px;
}
.goodstexa {
	display: block;
	width: 100%;
	height: 150px;
	border: 1px solid #e1e1e1;
	border-radius: 5px;
	background: #fff;
	appearance: none;
	-webkit-appearance: none;
	padding: 5px 10px;
	word-break: break-all;
}

html/download/css/zx-style.css

@@ -0,0 +1,3114 @@
body {
	background: #f9f9f9;
	font-size: 14px;
}
.c-btn-maincolor {
	background-color: #37a6ed;
	color: #fff;
}
/*蓝色按钮样式*/
.c-btn-maincolor:hover {
	background-color: #3099dd;
}
.c-37a6ec {
	color: #37a6ec;
}
.c-bfbfbf {
	color: #bfbfbf;
}
.c-fa383d {
	color: #fa383d;
}
.c-007dda {
	color: #007dda;
}
.c-ff8011 {
	color: #ff8011;
}
.c-087eff {
	color: #087eff;
}
.c-ff8100 {
	color: #ff8100;
}
.c-fff {
	color: #fff;
}
.c-ccc {
	color: #ccc;
}
.c-333 {
	color: #333;
}
.bgc-00c1a5 {
	background-color: #00c1a5;
}
.bgc-ebebeb {
	background-color: #ebebeb;
}
.bgc-087eff {
	background-color: #087eff;
}
.bgc-97caff {
	background-color: #97caff;
}
.c-tag {
	color: #fff;
	font-size: 16px;
	padding: 2px 10px;
	border-radius: 4px;
}
.c-tag-blue {
	background: #3da3ee;
}
.line-22 {
	line-height: 22px;
}
.line-40 {
	line-height: 40px;
}
.mr40 {
	margin-right: 40px;
}
.r-15 {
	right: 15px;
}
.pt1 {
	padding-top: 1px;
}
.add-model .title-word-limit {
	position: absolute;
	right: 15px;
	top: 12px;
}
.arrow-left {
	display: block;
	width: 8px;
	height: 8px;
	border: solid #fff;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* css3-Grid
-----------------------------------------------------------------------------*/
.ui-grid {
	display: -webkit-box;
	display: box;
}
.ui-grid-middle {
	-webkit-box-pack: center;
	-webkit-box-align: center;
	box-pack: center;
	box-align: center;
}
.ui-grid-vertical {
	-webkit-box-orient: vertical;
	box-orient: vertical;
}
.ui-grid-label {
	-webkit-box-flex: 0;
	box-flex: 0;
	width: 100px;
	font-weight: 600;
}
.ui-col-0 {
	-webkit-box-flex: 0;
	box-flex: 0;
}
.ui-col-1 {
	-webkit-box-flex: 1;
	box-flex: 1;
}
/*n-list*/
.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: 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 {
	display: block;
	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%;
}
.word-bread {
	word-wrap: break-word;
}
/* 电话咨询 */
.doc-avatar {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	text-align: center;
	overflow: hidden;
}
.doc-avatar img {
	width: auto;
	height: 100%;
}
.view-more {
	display: inline-block;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}
.doc-detail .list-arrow-d:after {
	top: 15px;
	margin-top: 0;
}
.doc-detail .list-arrow-u:after {
	top: 20px;
	margin-top: 0;
}
.level,
.honor {
	display: inline-block;
	width: 20px;
	height: 20px;
}
.level img,
.honor img {
	width: 100%;
	height: 100%;
}
/* 指定咨询 */
.upload-img {
	overflow: hidden;
	display: inline-block;
}
.upload-img ul li {
	position: relative;
	display: inline;
	float: left;
	width: 76px;
	height: 76px;
	padding: 0 10px 10px 0;
}
.upload-img ul li img {
	width: 100%;
	height: 100%;
}
.upload-img .del-img {
	position: absolute;
	top: 0;
	right: 10px;
	text-align: center;
	width: 26px;
	height: 26px;
	line-height: 20px;
	z-index: 10;
	background: rgba(0, 0, 0, .5);
	border-radius: 0 0 0 90%;
	overflow: hidden;
}
.upload-img .del-img .iconfont {
	color: #fff;
	font-size: 14px;
	line-height: 14px;
	margin-left: 4px;
}
.add-btn {
	position: relative;
	display: block;
	width: 74px;
	height: 74px;
	font-size: 0;
	color: #b8b8b8;
	border: 1px dashed #a0a0a0;
	background: #fff;
}
.add-btn:before {
	content: "";
	display: block;
	position: absolute;
	top: 34px;
	left: 22px;
	width: 30px;
	height: 2px;
	background: #a0a0a0;
}
.add-btn:after {
	content: "";
	display: block;
	position: absolute;
	top: 20px;
	left: 36px;
	width: 2px;
	height: 30px;
	background: #a0a0a0;
}
.doc-tab li {
	width: 50%;
}
.doc-tab li.hit {
	border-bottom: 3px solid #4dcd70;
}
.doc-tab li.hit a {
	color: #4dcd70;
}
.doc-list-sm {
	padding: 10px 15px;
}
.doc-list-sm span {
	color: #666;
}
.doc-list-sm b {
	color: #333;
	font-weight: normal;
}
.delimgpop {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: rgba(0, 0, 0, .8);
	text-align: center;
	z-index: 2200;
}
.del-img-box {
	width: 100%;
	height: 100%;
	display: table;
}
.del-img-con {
	display: table-cell;
	vertical-align: middle;
}
.del-img-con img {
	width: auto;
	height: auto;
	border: 2px solid #000;
}
.del-img-con p {
	position: relative;
	display: inline-block !important;
	-webkit-animation: myfirst .3s ease;
}
.del-img-box p:after {
	font-family: "iconfont" !important;
	content: "\d605";
	position: absolute;
	display: block;
	top: 5px;
	right: 10px;
	width: 32px;
	height: 32px;
	z-index: 5000;
	color: #fff;
	font-size: 32px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-shadow: 0 0 1px #f00;
	text-shadow: 0 0 1px #000;
}
.del-img-btn {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 20;
	padding: 0 15px;
	text-align: right;
	color: #000;
}
.del-img-btn .iconfont {
	font-size: 20px;
	margin-right: 4px;
}
.r-input {
	width: 100%;
	text-align: right;
}
.r-textarea {
	width: 100%;
	border: 0;
	padding: 0;
	resize: none;
}
.over-lay,
.over-lay[id] {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3000;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
}
.ins-img-btn {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 3100;
}
.ins-img-btn .c-btn {
	border-radius: 4px;
	border: none;
	color: #157efb;
	font-size: 20px;
}
.ins-img-btn .c-btn:first-child {
	border-radius: 4px 4px 0 0;
}
.ins-img-btn .c-btn:nth-child(2) {
	border-top: 1px solid #e1e1e1;
	border-radius: 0 0 4px 4px;
}
.zx-notes {
	text-align: left;
	color: #5b5b5b;
	font-size: 12px;
}
.ui-popup .zx-notes li {
	padding: 0 !important;
	margin: 0 !important;
}
/* 咨询信息 */
.talk-box {
	position: relative;
	width: 100%;
	padding: 10px;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #e6bc5d;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.talk-box:after {
	position: absolute;
	content: "";
	top: -6px;
	left: 30px;
	font-size: 13px;
	color: #5b5b5b;
	width: 10px;
	height: 10px;
	border: 1px solid #e6bc5d;
	border-width: 1px 1px 0 0;
	background: #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.icon-round {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	border-radius: 50%;
	overflow: hidden;
}
.upload-img ul li.upload-btn-box {
	width: 240px;
	height: 76px;
}
.upload-img ul li.upload-btn-box p {
	width: 150px;
	font-size: 13px;
	color: #5b5b5b;
	display: block;
	padding: 18px 0 0 10px;
}
.pingjia {
	font-size: 13px;
	color: #ff8100;
}
.pingjia .iconfont {
	font-size: 20px;
	line-height: 20px;
	color: #ff8100;
}
.bottom-iconbtn {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 44px;
	border-top: 1px solid #e1e1e1;
	background: #fff;
	z-index: 1000;
}
.bottom-iconbtn a {
	display: inline-block;
	width: 49%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right: 1px solid #e1e1e1;
	overflow: hidden;
}
.bottom-iconbtn a:last-child {
	border: none;
}
.bottom-iconbtn a .iconfont {
	font-size: 18px;
	line-height: 18px;
	vertical-align: middle;
}
.sel-phiz {
	overflow: hidden;
	padding-right: 15px;
}
.sel-phiz li {
	width: 25%;
	float: left;
	text-align: center;
	color: #333;
	font-size: 15px;
}
.sel-phiz li:nth-child(2) {
	margin: 0 12.4%;
}
.sel-phiz li .iconfont {
	font-size: 40px;
	line-height: 40px;
	color: #ccc;
}
.sel-phiz li p {
	padding-top: 5px;
}
.sel-phiz li.selected .iconfont {
	color: #ff8100;
}
.padding-fixed {
	width: 100%;
	height: 70px;
}
.tel-zx-list>li .n-list-key {
	min-width: 6em;
}
/*爱心咨询*/
.common-title {
	font-size: 12px;
	padding: 10px 15px;
	color: #5b5b5b;
}
.ax-consultation li {
	position: relative;
}
.ax-consultation select,
.ax-consultation input {
	color: #909090 !important;
}
.ax-consultation li input.short {
	border: 1px solid #000;
	width: 50%;
	box-sizing: border-box;
}
.ax-consultation li .input-group .form-select {
	height: 30px;
	box-sizing: border-box;
	padding: 2px 13px 2px 5px;
}
.ax-consultation li .form-select-arrow {
	top: 9px;
	right: 7px;
}
.ax-consultation li .c-list-value h4 {
	min-width: 4em;
}
.ax-consultation li .input-group {
	position: relative;
}
.arrow-down {
	display: block;
	width: 8px;
	height: 8px;
	border: solid #cdcdcd;
	border-width: 2px 2px 0 0;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.ax-consultation li .list-icon {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}
.ax-consultation li .input-group .list-icon {
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -4px;
}
.pl40 {
	padding-left: 40px;
}
.ml40 {
	margin-left: 40px;
}
.ax-consultation li .input-group-addon {
	padding: 0 10px;
}
.pm_age {
	display: inline-block;
	width: 138px;
	height: 30px;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	vertical-align: middle;
	overflow: hidden;
	position: relative;
}
.ageinput {
	width: 65px;
	height: 30px;
	line-height: 30px;
	background: #fff;
	border: none;
	float: left;
	font-size: 15px;
	color: #333;
	border-right: 1px solid #ddd;
	padding-left: 10px;
	border-radius: 5px 0 0 5px;
}
.pm_age .agesel {
	width: 60px;
	height: 30px;
	line-height: 30px;
	float: left;
	font-size: 15px;
	color: #808080;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-family: "\5FAE\8F6F\96C5\9ED1", Helvetica;
	background: url(/images/point_d.png) 94% center no-repeat #fff;
	background-size: 13px 8px;
	-webkit-background-size: 13px 8px;
	padding: 0 0 0 10px;
}
.pt2 {
	padding-top: 2px;
}
/*问医生*/
.bg-9dcd82 {
	background: #9dcd82;
}
.bg-ff7aac {
	background: #ff7aac;
}
.bg-8ebcf8 {
	background: #8ebcf8;
}
.bg-ffbc16 {
	background: #ffbc16;
}
.ask-doctors-boxer .c-avatar-m i {
	width: 40px;
	height: 40px;
	border-radius: 40px;
	text-align: center;
	line-height: 40px;
	display: block;
	color: #fff;
	font-size: 24px;
}
.ask-doctors-boxer .tiper-words {
	width: 100%;
	box-sizing: border-box;
}
.ask-doctors-boxer .tiper-words img {
	width: 100%;
}
/*专家列表*/
.professor-listhead {
	height: 45px;
	background: #fff;
	width: 100%;
	z-index: 99;
	position: fixed;
	bottom: 0;
	left: 0;
}
.professor-listhead li {
	float: left;
	line-height: 45px;
	box-sizing: border-box;
	border-right: 1px solid #f2f2f2;
	text-align: center;
	color: #5b5b5b;
	font-size: 14px;
	height: 45px;
}
.professor-listhead li span {
	text-overflow: ellipsis;
	overflow: hidden;
	height: 45px;
	line-height: 45px;
	white-space: nowrap;
	max-width: 80%;
	display: inline-block;
	position: relative;
	padding: 0 15px 0 0;
	box-sizing: border-box;
}
.professor-listhead li:last-child {
	border: none;
}
.professor-listhead li em.cur {
	color: #37a6eb;
}
.professor-listhead li i {
	display: block;
	position: absolute;
	top: 20px;
	right: 0;
}
.professor-listhead li.cur i.s-arrow-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #b4b4b4;
	border-top: 0;
}
.s-arrow-down {
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #b4b4b4;
	border-top: 0;
}
.professor-main .c-avatar-m {
	padding: 6px 0 6px;
}
.professor-main .c-avatar-m img {
	border-radius: 40px;
	overflow: hidden;
	width: 40px;
	height: 40px;
}
.professor-main .c-list-indent-s {
	padding-right: 15px !important;
}
.pt35 {
	padding-top: 35px;
}
.c-ff8100 {
	color: #ff8100;
}
.professor-main .c-5b5b5b {
	color: #5b5b5b !important;
}
.list-addmore {
	color: #007cd9;
	font-size: 13px;
	width: 100%;
	text-align: center;
	line-height: 34px;
}
.professor-main .c-list-info {
	padding: 6px 0 6px;
}
.professor-main li {
	padding-left: 15px !important;
	margin-left: 0 !important;
}
/*专家列表iscroll*/
.shadow-panel {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 45px;
	width: 100%;
	z-index: 90;
	background-color: rgba(0, 0, 0, .35);
}
.scroll-fixed {
	position: fixed;
	bottom: 45px;
	left: 0;
	z-index: 98;
}
.scroll-citybox,
.scroll-hospbox {
	width: 100%;
	height: 352px;
	overflow: hidden;
}
.scroll-specbox {
	width: 100%;
	height: 352px;
	overflow: hidden;
}
.scroll-citybox li,
.scroll-hospbox li {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.city-box-leftwrapper {
	width: 40%;
	background: #f5f5f5;
}
.city-box-rightwrapper {
	width: 60%;
	background: #ffffff;
}
.hosp-box-leftwrapper {
	width: 50%;
	background: #f5f5f5;
}
.hosp-box-rightwrapper {
	width: 50%;
	background: #ffffff;
}
.spec-box-leftwrapper {
	width: 100%;
	background: #ffffff;
	font-size: 14px;
}
.cc-lef li {
	padding: 11px 20px;
	color: #5b5b5b;
	font-size: 14px;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	width: 100%;
	box-sizing: border-box;
}
.cc-lef li:last-child {
	border-bottom: none;
}
.cc-lef li span {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	white-space: normal;
	overflow: hidden;
}
.cc-rig li {
	margin-left: 15px;
	border-bottom: 1px solid #e1e1e1;
	height: 43px;
	line-height: 43px;
	color: #5b5b5b;
	font-size: 14px;
}
.cc-rig li:last-child {
	border-bottom: none;
}
.cc-lef li.cur {
	background: #fff;
	border-right: 1px solid #fff;
}
.cc-rig li.cur {
	color: #37a6eb;
}
.city-box-leftwrapper,
.city-box-rightwrapper,
.hosp-box-leftwrapper,
.hosp-box-rightwrapper,
.spec-box-leftwrapper {
	float: left;
	position: relative;
	height: 352px;
	overflow: hidden;
	/* Prevent native touch events on Windows */
	-ms-touch-action: none;
	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.city-leftscroller,
.city-rightscroller,
.hosp-leftscroller,
.hosp-rightscroller,
.spec-leftscroller {
	position: absolute;
	width: 100%;
	/* Prevent elements to be highlighted on tap */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* Put the scroller into the HW Compositing layer right from the start */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.shadow-panel {
	display: none;
}
.spec-leftscroller div.c-33 {
	color: #5b5b5b;
	float: left;
	box-sizing: border-box;
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
}
.spec-leftscroller div.c-33.cur {
	color: #37a6eb;
}
.main-scrollboxer {
	-webkit-overflow-scrolling: touch;
}
/*医生列表搜索无数据*/
.search-nodata {
	width: 100%;
	font-size: 16px;
	color: #5b5b5b;
	text-align: center;
	padding: 100px 0 40px 0;
}
.search-nodata-img {
	width: 40%;
	max-width: 320px;
	margin: 0 auto;
}
.search-nodata-icon {
	background: url(../images/no-data.png) no-repeat 100% 0;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	background-size: 100% auto;
}
/*网络咨询详情页*/
.c-avatar-m {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	overflow: hidden;
}
.doctor_detail_intro {
	font-size: 15px;
	background: #fff;
	margin-top: 20px;
}
.doctor_detail_intro .tit {
	color: #909090;
	display: inline-block;
	float: left;
	width: 75px;
}
.doctor_detail_intro .tit2 {
	color: #909090;
	display: inline-block;
	float: left;
	width: auto;
}
.doctor_detail_intro .words {
	-webkit-box-flex: 1;
	box-flex: 1;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	padding-right: 15px;
	box-sizing: border-box;
	color: #333;
	overflow: hidden;
}
.doctor_detail_intro .main_good_at,
.doctor_detail_intro .main_intro {
	margin-left: 15px;
	padding: 15px 0
}
.report-img,
.report-img img {
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 10px;
}
.time-title {
	width: 22px;
	height: 22px;
	border-radius: 50%;
	line-height: 20px;
	text-align: center;
	display: inline-block;
	background-color: #4dcd70
}
.time-title i,
iconfont {
	font-size: 13px;
}
.review {
	width: 100%;
	margin-top: 10px;
}
.review .hd {
	height: 5px;
	position: relative;
}
.review .hd .ui-arrow {
	position: absolute;
	top: -5px;
	left: 10px;
	border-bottom-color: #ff8100;
}
.review .hd .ui-arrow s {
	top: -4px;
}
.review .bd {
	border: 1px solid #ff8100;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*电话咨询记录*/
.doctor_detail_intro .record-tit {
	color: #909090;
	display: inline-block;
	float: left;
	width: 85px;
}
.no-record {
	text-align: center;
	line-height: 23px;
	padding: 0 15px;
}
.icon-record {
	display: inline-block;
	width: 125px;
	height: 125px;
	background: url(../images/no-data.png) no-repeat;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	margin: 60px 0 5px 0;
}
/*电话咨询-登记成功*/
.win-register {
	text-align: center;
}
.win-register i,
iconfont {
	font-size: 60px;
}
.b-height {
	height: 80px;
}
.s-height {
	height: 40px;
	line-height: 40px;
	text-align: center
}
.c-49 {
	width: 49%
}
/*确认就诊人信息*/
.demo-input-merge .input-group-addon {
	min-width: 90px;
	width: 90px;
	text-align: left;
}
.l-span {
	top: 17px;
	left: 0px;
	position: absolute;
	color: #f00
}
.words-box {
	padding-top: 8px;
	border-top: 1px solid #e1e1e1;
}
.words-box .form-textarea2 {
	height: 100px;
	border: 0px;
	resize: none
}
.input-merge .input-group.input-border .input-group-addon,
.input-merge .input-group.input-border .form-control,
.input-merge .input-group.input-border .form-select,
.input-merge .input-group.input-border .form-textarea,
.input-merge .input-group.input-border .form-control,
.input-merge .input-group.input-border .form-select,
.input-merge .input-group.input-border .form-textarea,
.input-merge .input-group.input-border .input-group-addon {
	border-radius: 0px;
}
.input-merge .input-group.input-border {
	padding-left: 15px;
}
.input-merge .input-group.input-border .input-group-addon {
	padding-left: 0
}
.t-14 {
	top: 14px;
}
.t-12 {
	top: 12px;
	position: absolute;
	color: #ff8100;
}
.words-box .form-textarea2::-webkit-input-placeholder,
.words-box .r-textarea::-webkit-input-placeholder {
	color: #bfbfbf;
}
.words-box .form-textarea2:-moz-placeholder,
.words-box .r-textarea:-moz-input-placeholder {
	color: #bfbfbf;
}
.words-box .form-textarea2:-ms-input-placeholder,
.words-box .r-textarea:-ms-input-placeholder {
	color: #bfbfbf;
}
.number-r-b {
	right: 15px;
	bottom: -15px;
	position: absolute;
}
/*网络咨询*/
.hz-header {
	height: 45px;
	background: #fff;
}
.hz-header li {
	font-size: 13px;
	color: #5b5b5b;
}
.hz-header li.cur {
	border-bottom: 2px solid #37a6ed;
}
.hz-header li.cur span {
	color: #007cd9;
}
.hz-header li span {
	margin: 12px 0;
	border-right: 1px solid #e1e1e1;
	text-align: center;
	display: block;
	box-sizing: border-box;
}
.visit-list {}
.visit-list li {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	background: #fff;
	padding-left: 15px;
	margin-top: 15px;
}
.visit-list li .vlname {
	line-height: 45px;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
	padding-right: 15px;
}
.visit-list li .vlname .arrow-right {
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}
.visit-list li .vlcard {
	line-height: 40px;
	color: #bfbfbf;
	padding-right: 15px;
}
.c-btn-r,
.c-btn-full-r {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	border: 0;
	background: none;
	text-align: center;
	text-decoration: none;
	padding: 5px 10px;
	color: #fff;
	position: relative;
	font: 14px/1 \5FAE\8F6F\96C5\9ED1, tahoma, arial, \5b8b\4f53;
	line-height: normal !important;
	background-color: #37a6ec;
	border-radius: 4px;
}
.r-w100 {
	width: 100px;
	text-align: right;
}
.bgc-fffae8 {
	background: #fffae8;
}
.pb3 {
	padding-bottom: 3px;
}
.pb2 {
	padding-bottom: 2px;
}
.c-ser-btn a {
	height: 28px;
	line-height: 28px;
	border: 1px solid #e8e8e8;
}
.c-avatar-s img,
.c-avatar-m img,
.c-avatar-l img {
	width: 100%;
	height: auto;
}
.test-boxer .c-avatar-m {
	text-align: center;
	padding: 0;
}
.test-boxer .c-avatar-m img {
	width: auto;
	height: 100%;
	border-radius: 0;
}
/*2015.11.9*/
.scroll-include {
	height: 260px;
	overflow: hidden;
}
@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2) {
	/* 兼容iphone4/4s */
	.scroll-include {
		height: 200px;
	}
}
/*2015.11.18*/
.c-nowrap.c-f16 {
	font-size: 16px !important;
}
/*2.12专家列表*/
.c-ser-main i.left-42 {
	left: 42%;
}
.professor-listhead.professor-list-listhead {}
.professor-list-btn {
	height: 28px;
	line-height: 28px;
	border-radius: 4px;
	padding: 5px 10px;
	margin-left: 10px;
}
/*2.12编辑模板*/
.list-arrow-r.ml0 {
	margin-left: 0;
}
/*2.12回复模块*/
.icon-look {
	background: url(../images/icon-look.png) no-repeat 0 0;
	background-size: 100%;
	width: 22px;
	height: 23px;
	display: block;
	margin: 10px auto 0;
}
.talk-box.reply-talk-box {
	padding: 0;
	border-color: #e1e1e1;
}
.talk-box.reply-talk-box:after {
	border-color: #e1e1e1;
	left: 15px;
}
.talk-box.reply-talk-box.right:after {
	right: 15px;
	left: auto;
}
.reply-talk-box.n-list>li {
	padding-left: 15px;
	margin-left: 0;
	border-top: 0;
}
.reply-talk-box .look-report li {
	float: left;
	width: 57px;
	text-align: center;
}
.reply-talk-box .look-report li div {
	height: 56px;
	border: 1px solid #e3e3e3;
}
.icon-homan {
	display: block;
	background: #e1e1e1 url(../images/icon-homan.png) no-repeat 50% 50%;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-size: 50%;
}
.btn-voice {
	background: url(../images/btn-voice.jpg) no-repeat 0 0;
	background-size: 100%;
	width: 85px;
	height: 34px;
	display: block;
}
.icon-reply {
	width: 15px;
	height: 15px;
	display: block;
	background: url(../images/icon-reply.jpg) no-repeat 0 0;
	background-size: 100%;
}
.icon-broadcast {
	background: url(../images/icon-broadcast.png) no-repeat 0 0;
	background-size: 100%;
	width: 12px;
	height: 16px;
}
.icon-border {
	width: 1px;
	height: 14px;
	margin: 5px 12px 0;
	background-color: #ddd;
}
.reply-title {
	position: relative;
	background: #97caff;
	color: #fff;
	font-size: 14px;
	padding: 10px 0;
	padding-left: 25px;
}
.reply-title:after {
	position: absolute;
	top: 50%;
	left: 15px;
	margin-top: -5px;
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border: 1px solid #fff;
	border-width: 0 0 2px 2px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.c-tag-blue.c-f13 {
	font-size: 13px;
}
/*2.12关注*/
.heed {
	background: url(../images/heed.png) no-repeat 0 0;
	background-size: 100%;
	width: 26px;
	height: 26px;
	display: block;
	margin: 0 auto 5px;
}
.heed-orange {
	background: url(../images/heed-orange.png) no-repeat 0 0;
	background-size: 100%;
	width: 26px;
	height: 26px;
	display: block;
	margin: 0 auto 5px;
}
#heed,
#heed-orange {
	width: 40px;
	text-align: center;
	padding-top: 12px;
}
.pm_age .agesel.w-70 {
	width: 70px;
}
/*2.12回复录音*/
.win-broadcast {
	position: fixed;
	outline: 0px;
	top: 50%;
	left: 50%;
	margin: -113px 0 0 -135px;
	width: 269px;
	height: 226px;
	border-radius: 5px;
	z-index: 100;
}
.win-broadcast .bg {
	background-color: #fff;
	width: 269px;
	height: 226px;
	border-radius: 5px;
	display: block;
}
.win-broadcast .broadcast {
	background: url(../images/broadcast.png) no-repeat 0 -2px;
	width: 85px;
	height: 85px;
	display: block;
	background-size: 100%;
	position: absolute;
	top: 67px;
	left: 34%;
	border-radius: 50%;
	z-index: 99;
}
.win-broadcast .word {
	position: absolute;
	bottom: 0;
	border-radius: 5px;
	border-top: 1px solid #e1e1e1;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	color: #666;
	background-color: #fff;
	height: 35px;
	width: 100%;
	line-height: 35px;
}
.win-broadcast .word.title {
	top: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.delete {
	display: block;
	position: absolute;
	height: 12px;
	width: 12px;
	border-radius: 50%;
	background-color: #fff;
	right: 6px;
	top: 6px;
	z-index: 10;
	text-align: center;
	line-height: 9px;
	color: #919191;
	font-size: 12px;
}
.broadcast-shadow-panel {
	width: 100%;
	position: absolute;
	overflow: hidden;
	z-index: 10;
	top: 0;
	background-color: rgba(0, 0, 0, .35);
}
/*动画*/
.win-broadcast .broadcast {
	animation: broadcast 2s infinite;
	-webkit-animation: broadcast 2s infinite;
	/* Safari 和 Chrome */
}
/* Safari 和 Chrome */
@-webkit-keyframes broadcast
{
	0% {
		background-color: #ccf5ff;
		box-shadow: 0 0 0 0px #ccf5ff, 0 0 0 0 #c3e9f2, 0 0 0 0px #e9fffe, 0 0 0 0 #ddf5f4;
	}
	25% {
		background-color: #ccf5ff;
		box-shadow: 0 0 0 5px #ccf5ff, 0 0 0 1px #c3e9f2, 0 0 0 20px #e9fffe, 0 0 0 1px #ddf5f4;
	}
	50% {
		background-color: #ccf5ff;
		box-shadow: 0 0 0 10px #ccf5ff, 0 0 0 1px #c3e9f2, 0 0 0 25px #e9fffe, 0 0 0 1px #ddf5f4;
	}
	100% {
		background-color: #ccf5ff;
		box-shadow: 0 0 0 15px #ccf5ff, 0 0 0 1px #c3e9f2, 0 0 0 30px #e9fffe, 0 0 0 1px #ddf5f4;
	}
}
/* 12-18 */
.nxz-voice {
	line-height: 21px;
	text-align: right;
}
.nzx-tb {
	display: inline-block;
	width: 15px;
	height: 21px;
	background: url(../images/icon-broadcast.png) no-repeat;
	background-size: 100% auto;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-ms-background-size: 100% auto;
	vertical-align: middle;
}
.win-broadcast-mb {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10;
	background: rgba(0, 0, 0, .35);
	display: none;
}
.myorder li .vlname {
	line-height: 20px;
	border-bottom: 1px solid #f2f2f2;
	position: relative;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
/* 1-12 */
.myaks-top {}
.myaks-top li {
	background: #fff;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	margin-top: 10px;
}
.myaks-top li:first-child {
	margin-top: 0;
}
.mt-mess {
	margin-left: 10px;
	padding: 10px 0;
}
.mt-con {
	margin-left: 10px;
	padding: 10px 10px 10px 0;
	border-top: 1px solid #f2f2f2;
}
.mtime {
	line-height: 25px;
}
.mtime em {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/sex.png) no-repeat;
	background-size: 29px 14px;
	vertical-align: middle;
	margin: 0 5px 5px 0;
}
.mtime em.sex-male {
	background-position: 0 0;
}
.mtime em.sex-female {
	background-position: -15px 0;
}
.msympt {
	position: relative;
	padding-left: 40px;
	min-height: 20px;
}
.msympt h4 {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	color: #909090;
}
.mt-state {
	line-height: 40px;
	text-align: center;
	border-top: 1px solid #f2f2f2;
	color: #17b3ec;
}
.mreport-list .c-list-link .c-list-value {
	padding-right: 0;
}
.h35 {
	height: 35px;
}
.myask-lab {
	width: 100%;
	height: 35px;
	background: #fff;
}
.myask-lab li {
	display: block;
	width: 33.33%;
	float: left;
	font-size: 13px;
	color: #5b5b5b;
	line-height: 34px;
	text-align: center;
	position: relative;
	z-index: 600;
}
.labfixed {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 600;
}
.myask-lab li.curr {
	border-bottom: 2px solid #17b3ec;
	color: #17b3ec;
}
.myask-lab:before {
	content: '';
	display: block;
	width: 33.33%;
	height: 22px;
	position: absolute;
	left: 33.33%;
	top: 6px;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	z-index: 500;
}
.myask-visit li {
	margin-top: 10px;
}
.myask-visit li:first-child {
	margin-top: 0;
}
/* 再次咨询弹窗 */
.botpop {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 700;
	-webkit-animation: choopop .2s ease;
	animation: choopop .2s ease;
	display: none;
}
@-webkit-keyframes choopop {
	0% {
		bottom: -200px;
	}
	100% {
		bottom: 0px;
	}
}
@keyframes choopop {
	0% {
		bottom: -200px;
	}
	100% {
		bottom: 0px;
	}
}
.botpop li {
	line-height: 50px;
	background: #fff;
	border-top: 1px solid #f2f2f2;
	padding: 0 15px;
}
.botpop li.curr {
	color: #17b3ec;
}
.botpopmb {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .4);
	position: fixed;
	left: 0;
	top: 0;
	z-index: 650;
	display: none;
}
/* index */
.bgc-f3f3f3 {
	background-color: #f3f3f3;
}
.bor-f2-r {
	border-right: 1px solid #f2f2f2;
}
.bor-f2-b {
	border-bottom: 1px solid #f2f2f2;
}
.bor-f2-tb {
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
}
.lih43 {
	line-height: 43px;
}
.icon-mindex {
	display: inline-block;
	background: url(../images/icon-mindex.png) no-repeat;
	background-size: 250px 250px;
	vertical-align: text-top;
}
.icon-mpart1 {
	width: 91px;
	height: 100px;
	background-position: 0 0;
	margin-bottom: 5px;
}
.icon-mpart2 {
	width: 49px;
	height: 40px;
	background-position: -95px 0;
	margin-top: -21px;
}
.icon-mpart3 {
	width: 40px;
	height: 39px;
	background-position: -150px 0;
	margin-bottom: 2px;
}
.icon-mpart4 {
	width: 41px;
	height: 39px;
	background-position: -195px 0;
	margin-bottom: 2px;
}
.icon-msearch {
	width: 15px;
	height: 15px;
	background-position: 0 -155px;
	margin: 1px 5px 0 0;
}
.mindex-search {
	width: 100%;
	padding: 8px 7px;
	background-color: #fff;
}
.mindex-search div {
	height: 27px;
	line-height: 27px;
	background-color: #f2f2f2;
	border-radius: 3px;
}
.mindex-search div {
	position: relative;
	padding: 0 10px 0 30px;
}
.mindex-search .icon-msearch {
	position: absolute;
	left: 8px;
	top: 5px;
}
.mindex-search .search-text {
	display: block;
	width: 100%;
	height: 100%;
	background-color: #f2f2f2;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 3px;
}
.mindex-top {
	background: #fff;
	line-height: 20px;
	height: 187px;
}
.mt-center {
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	text-align: center;
}
.mt-part1-1 {
	width: 47%;
	height: 100%;
	float: left;
}
.mt-part1-2 {
	width: 53%;
	height: 100%;
	float: left;
}
.mt-part2 {
	width: 100%;
	height: 50%;
}
.mt-part3 {
	width: 50%;
	height: 100%;
	float: left;
}
.mt-freeask {
	display: inline-block;
}
.mindex-img {
	position: relative;
}
.mindex-img .bd li {
	display: block;
	width: 100%;
	height: 61px;
}
.mindex-img .bd li img {
	width: 100%;
	height: 100%;
}
.mindex-img .hd {
	position: absolute;
	height: 7px;
	line-height: 7px;
	bottom: 5px;
	left: 50%;
	font-size: 1px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
.mindex-img .hd li {
	display: inline-block;
	width: 7px;
	height: 7px;
	line-height: 7px;
	background: #cacaca;
	border-radius: 50%;
	margin: 0 5px;
	font-size: 0px;
	overflow: hidden;
	color: #cacaca;
}
.mindex-img .hd li.on {
	background: #17b3ec;
	color: #17b3ec;
}
.mindex-list {
	background-color: #fff;
}
.mindex-list li {
	display: block;
	width: 25%;
	height: 80px;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	display: box;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-box-pack: center;
	text-align: center;
	border-right: 1px solid #f2f2f2;
	border-top: 1px solid #f2f2f2;
	color: #909090;
}
.mindex-list li:nth-child(4n) {
	border-right: 0;
}
.mindex-list li i {
	width: 25px;
	height: 25px;
}
.icon-mlist3 {
	background-position: 0 -105px;
}
.icon-mlist4 {
	background-position: -25px -105px;
}
.icon-mlist5 {
	background-position: -50px -105px;
}
.icon-mlist80 {
	background-position: -75px -105px;
}
.icon-mlist10 {
	background-position: -100px -105px;
}
.icon-mlist11 {
	background-position: -125px -105px;
}
.icon-mlist12 {
	background-position: -150px -105px;
}
.icon-mlist19 {
	background-position: -175px -105px;
}
.icon-mlist13 {
	background-position: -200px -105px;
}
.icon-mlist50 {
	background-position: -225px -105px;
}
.icon-mlist16 {
	background-position: 0 -130px;
}
.icon-mlist54 {
	background-position: -25px -130px;
}
.icon-mlist27 {
	background-position: -50px -130px;
}
.icon-mlist14 {
	background-position: -75px -130px;
}
.icon-mlist21 {
	background-position: -100px -130px;
}
.icon-mlist52 {
	background-position: -125px -130px;
}
.icon-mlist15 {
	background-position: -150px -130px;
}
.icon-mlist81 {
	background-position: -175px -130px;
}
.icon-mlist78 {
	background-position: -200px -130px;
}
.mindex-recom {
	background-color: #fff;
	padding: 10px;
}
.mindex-recom .mrtit {
	line-height: 23px;
}
.mindex-recom ul {
	display: block;
}
.mindex-recom li {
	display: block;
	width: 25%;
	float: left;
	text-align: center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 0 2px;
	margin-top: 10px;
	line-height: 1.4;
}
.mindex-recom li img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-bottom: 2px;
}
/*2.15专家列表*/
.cc-lef li.cur span {
	padding-left: 15px;
	background: url(../images/cs-jtright.png) no-repeat left center;
}
.spec-box-leftwrapper .c-100 {
	text-align: center;
	padding: 15px 15px;
	color: #5b5b5b;
	font-size: 14px;
	border-bottom: 1px solid #e1e1e1;
	box-sizing: border-box;
}
.spec-box-leftwrapper .c-100.cur {
	color: #37a6eb;
}
.scroll-itemchoscbox {
	width: 100%;
	height: 302px;
	overflow: hidden;
	background: #fff;
	font-size: 14px;
}
.itemchos-box-leftwrapper {
	position: relative;
	height: 302px;
	overflow: hidden;
	/* Prevent native touch events on Windows */
	-ms-touch-action: none;
	/* Prevent the callout on tap-hold and text selection */
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	/* Prevent text resize on orientation change, useful for web-apps */
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.itemchos-leftscroller {
	position: absolute;
	width: 100%;
	/* Prevent elements to be highlighted on tap */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	/* Put the scroller into the HW Compositing layer right from the start */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.itemch-tit h2 {
	line-height: 28px;
}
.itemchos-leftscroller .disp-tit-box {
	color: #5b5b5b;
}
.itemchos-leftscroller .disp-tit-box em {
	color: #37a6ec;
}
.itemchos-leftscroller .disp-mainbox {
	padding: 15px 0 10px;
}
.itemchos-leftscroller .disp-sloer .c-33 {
	border-radius: 3px;
	text-align: center;
	background: #f2f2f2;
	color: #333333;
	padding: 3px 0;
	margin-bottom: 15px;
}
.itemchos-leftscroller .disp-sloer .c-33.cur {
	background: #37a6ec;
	color: #fff;
}
.disp-sloer .c-row .c-33:last-child {
	margin-left: 0;
}
.disp-sloer .c-row .c-33.tipsl {
	margin-right: 3%;
}
.c-ffa800 {
	color: #ffa800;
}
.itemch-tit .c-btn-tiny {
	width: 65px;
}
.c-lab-mor li.doctor a {
	border-left: 1px solid #f2f2f2;
}
.test-boxer.second .c-avatar-m img {
	border-radius: 100%;
}
.second .cc-lef li.cur span {
	background: none;
}
/* 绿色风格皮肤样式  */
/*green*/
.wdz-green .c-btn-maincolor {
	background: #4dcd70;
}
/*微导诊按钮绿色*/
.wdz-green .c-btn-maincolor:hover {
	background-color: #4dc86f;
}
.wdz-green .c-btn-wordcolor {
	color: #4dcd70;
}
/*微导诊文字绿色*/
.wdz-green .professor-listhead li em.cur {
	color: #4dcd70;
}
.wdz-green .cc-rig li.cur {
	color: #4dcd70;
}
/*专家列表按城市文字绿色*/
.wdz-green .spec-leftscroller div.c-33.cur {
	color: #4dcd70;
}
/*专家列表按专科文字绿色*/
.wdz-green .c-37a6ed,
.wdz-green c-007cd9 {
	color: #4dcd70;
}
.wdz-green .c-lab-les {
	border: 1px solid #4dc86f;
}
.wdz-green .c-lab-les li {
	border-left: 1px solid #4dc86f;
}
.wdz-green .c-lab-les li a {
	color: #4dc86f;
}
.wdz-green .c-lab-les li.hit {
	background-color: #4dc86f;
}
.wdz-green .c-lab-les li.hit a {
	color: #fff;
}
.wdz-green .c-lab-mor li.hit {
	border-bottom: 3px solid #4dc86f;
}
.wdz-green .c-lab-mor li.hit a {
	color: #4dc86f;
}
.wdz-green .hz-header li.cur {
	border-bottom: 2px solid #4dc86f;
}
.wdz-green .hz-header li.cur span {
	color: #4dc86f;
}
.wdz-green .c-ser-btn a {
	background: #4dc86f;
}
.wdz-green .view-more a {
	color: #4dc86f;
}
.wdz-green .c-4dc86f {
	color: #4dc86f;
}
.wdz-green .spec-box-leftwrapper .c-100.cur {
	color: #4dc86f;
}
.wdz-green .scroll-itemchoscbox .c-btn-37a6ec {
	background: #4dcd70;
}
.wdz-green .itemchos-leftscroller .disp-sloer .c-33.cur {
	background: #4dcd70;
}
.wdz-green .itemchos-leftscroller .disp-tit-box em {
	color: #4dc86f;
}
.swiper-container {
	width: 100%;
	margin: 10px auto 0 auto !important;
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide div {
	text-align: center;
}
.swiper-container .swiper-slide div img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
/* 医患沟通开始 */
.c-chat-box {
	border: none;
	padding-left: 15px;
	padding-right: 15px;
}
.time-tips {
	margin: 10px 0 0 0;
	text-align: center;
	clear: both;
}
.time-tips span {
	position: relative;
	display: inline-block;
	padding: 0 60px;
	color: #aeaeae;
	font-size: 13px;
}
.time-tips span:before,
.time-tips span:after {
	position: absolute;
	content: "";
	display: block;
	width: 50px;
	height: 1px;
	background: #e6e4e1;
	top: 50%;
}
.time-tips span:before {
	left: 0;
}
.time-tips span:after {
	right: 0;
}
.chat-left,
.chat-right {
	clear: both;
	overflow: hidden;
	padding: 10px 0;
}
.chat-left > dt,
.chat-right > dt {
	width: 40px;
	height: 40px;
}
.chat-left > dt {
	float: left;
	margin-right: 15px;
}
.chat-right > dt {
	float: right;
	margin-left: 15px;
}
.chat-left > dt img,
.chat-right > dt img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}
.chat-left > dd,
.chat-right > dd {
	position: relative;
	min-height: 18px;
	font-size: 15px;
	display: inline-block;
	max-width: 60%;
	background: #fff;
	border: 1px solid #e1e1e1;
	border-radius: 6px;
	padding: 8px 15px;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
.chat-left > dd {
	float: left;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.chat-right > dd {
	float: right;
	background: #bce0ff;
	border: 1px solid #81bdf7;
	white-space: pre-wrap;
	word-wrap: break-word;
}
.chat-left > dd:after {
	content: "";
	position: absolute;
	top: 14px;
	left: -6px;
	display: block;
	width: 8px;
	height: 8px;
	background: #fff;
	border-color: #e1e1e1;
	border-style: solid;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.chat-right > dd:after {
	content: "";
	position: absolute;
	top: 14px;
	right: -6px;
	display: block;
	width: 8px;
	height: 8px;
	background: #bce0ff;
	border-color: #81bdf7;
	border-style: solid;
	border-width: 1px 0 0 1px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.chat-left > dd p img,
.chat-right > dd p img {
	max-width: 150px;
	max-height: 150px;
	margin: 5px 0;
}
.pull-more {
	text-align: center;
	color: #5b5b5b;
	font-size: 14px;
	padding: 14px 0;
}
.chat-btm-box {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 2100;
	width: 100%;
	background: #fafafa;
	border-top: 1px solid #e1e1e1;
}
.nopos {
	position: relative;
	bottom: auto;
	left: auto;
}
.chat-text {
	position: relative;
	padding: 5px 15px 10px 15px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.insert-more {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	top: 6px;
	right: 25px;
}
.insert-more i {
	font-size: 30px;
	line-height: 30px;
	color: #a9a9a9;
}
.send-text {
	position: absolute;
	width: 50px;
	padding: 8px 0;
	display: block;
	bottom: 10px;
	right: 15px;
	background: #37a6ec;
	border-radius: 4px;
}
.word-count {
	font-size: 12px;
	text-align: right;
	padding: 0 5px;
	color: #bfbfbf;
}
.insert-img {
	position: absolute;
	display: block;
	width: 30px;
	height: 30px;
	top: 6px;
	right: 15px;
	border: 1px solid #737373;
	border-radius: 50%;
}
.insert-img:before {
	position: absolute;
	content: "";
	width: 16px;
	height: 2px;
	background: #737373;
	top: 14px;
	left: 7px;
}
.insert-img:after {
	position: absolute;
	content: "";
	width: 2px;
	height: 16px;
	background: #737373;
	top: 7px;
	left: 14px;
}
.insert-img span {
	display: none;
}
.chat-text-inp {
	padding: 0 65px 0 0;
}
.chat-text-box {
	border: 1px solid #e1e1e1;
	background: #fff;
	border-radius: 4px;
}
.chat-txt-con {
	width: 100%;
	height: 70px;
	outline: 0;
	font-size: 15px !important;
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	padding: 2px 5px 0 5px;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-wrap: break-all;
}
.ins-img-btn {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 3100;
}
.ins-img-btn .c-btn {
	border-radius: 4px;
	border: none;
	color: #157efb;
	font-size: 20px;
}
.ins-img-btn .c-btn:first-child {
	border-radius: 4px 4px 0 0;
}
.ins-img-btn .c-btn:nth-child(2) {
	border-top: 1px solid #e1e1e1;
	border-radius: 0 0 4px 4px;
}
.pull-more {
	text-align: center;
	color: #5b5b5b;
	font-size: 14px;
	padding: 14px 0;
}
.bgc-f7f5f2 {
	background: #f7f5f2;
}
.more-opt {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fafafa;
	z-index: 2200;
}
.m-close {
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
	width: 20px;
	height: 20px;
}
.m-close i.ico-close {
	position: static;
	width: 20px;
	height: 20px;
	background-color: #afafaf;
}
i.ico-close:before {
	width: 12px;
	height: 2px;
	left: 4px;
	top: 9px;
}
i.ico-close:after {
	width: 2px;
	height: 12px;
	left: 9px;
	top: 4px;
}
.more-opt-list {
	clear: both;
	padding: 58px 30px 0 30px;
	text-align: center;
	overflow: hidden;
}
.more-opt-list.normal {
	clear: both;
	padding: 7px 30px 0 30px;
	text-align: center;
	overflow: hidden;
}
.bor-t-f2 {
	border-top: 1px solid #f2f2f2;
}

html/download/html/download.html

@@ -0,0 +1,50 @@
<!doctype html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
		<meta charset="utf-8">
		<title>厦门i健康医生端下载页</title>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="../css/download.css" />
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	</head>
	<body>
		<div class="main">
        	<!--<div class="h45">
                <div class="demo-comtop">
                    <a class="mui-action-back"></a>
                    <h1>厦门i健康医生端下载页</h1>
                </div>
            </div>-->
            <div class="pic">
            	<img src="../images/tu_icon.png" alt="">
            </div>
            <div class="red">
            	<img src="../images/red.png" alt="">
            </div>
            <div class="green">
            	<img src="../images/green.png" alt="">
            </div>
            <div class="yellow">
            	<img src="../images/yellow.png" alt="">
            </div>
            <div class="btn">
            	<img src="../images/btn.png" alt="">
            </div>
		</div>
		<div class="dialog c-hide">
			<div class="dialog-share">
				<img src="../images/jiantou_icon.png" alt="">
			</div>
		</div>
		<script src="../../../js/jquery/2.1.3/jquery.js"></script>
		<script src="../../../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="../../../js/mui.min.js"></script>
		<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
		<script src="../../../widget/marques/marquee.js"></script> 
		<script type="text/javascript" src="../../../js/common_http.js" ></script>
		<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
		<script type="text/javascript" src="../js/download.js" ></script>
	</body>
</html>

html/download/js/download.js

@@ -0,0 +1,54 @@
$(function(){
	// 禁止拖动
	document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
	// 浏览器型号
	var browser = {
	    versions: function () {
	        var u = navigator.userAgent, app = navigator.appVersion;
	        return {
	            mobile: !!u.match(/AppleWebKit.*Mobile.*/), //是否为移动终端
	            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
	            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1 //android终端或uc浏览器
	        }
	    }()
	}
	// 屏幕大小
	var w_w = $(window).width();
	if (w_w > 640) {
		var left = (w_w - 640) / 2;
		$(".main").css("left", left + "px");
		$(".dialog").css("left", left + "px");
	}
	// 点击下载
	$(".btn").on("click", function () {
		// 浏览器型号判断
		if (browser.versions.mobile) {
			//判断是否是移动设备打开。browser代码在下面
	        var ua = navigator.userAgent.toLowerCase();
	        //获取判断用的对象
	        if (ua.match(/MicroMessenger/i) == "micromessenger") {
	            //在微信中打开
	            $(".dialog").removeClass("c-hide");
	        }
	        if (browser.versions.ios) {
	            //是否在IOS浏览器打开
	            window.location.href = "https://itunes.apple.com/us/app/sha-meni-jian-kang.-yi-sheng/id1128693141?mt=8";
	        }
	        if(browser.versions.android){
	            //是否在安卓浏览器打开
	            window.location.href = "http://www.xmtyw.cn/wlyy/app/ssgg_doctor.apk";
	        }
	        // if (ua.match(/MicroMessenger/i) != "micromessenger" && !browser.versions.ios && !browser.versions.android) {
	        // 	window.location.href = "http://www.xmtyw.cn/wlyy/app/ssgg_doctor.apk";
	        // }
		} else {
			// pc默认下载安卓
            window.location.href = "http://www.xmtyw.cn/wlyy/app/ssgg_doctor.apk";
		}
	});
	// 关闭弹层
	$(".dialog").on("click", function () {
		$(".dialog").addClass("c-hide");
	});
});