Browse Source

厦门i健康1.4.8版本的代码作为初始版本

raolu 6 years ago
parent
commit
628273bf5b

+ 50 - 0
html/yszd/css/consultation.css

@ -0,0 +1,50 @@
@charset "utf-8";
.vertical-line {
    top: 50px;
    left: 20px;
    border-left: 1px solid #B9B9B9;
    position: absolute;
    height: 100%;
}
.s-bc-12B7F5 { background-color: #12B7F5; }
.s-bc-75BF00 { background-color: #75BF00; }
.s-bc-FF9526 { background-color: #FF9526; }
.f-fr {
    float: right;
}
.ul-consultation li{padding-left: 34px;margin-top: 10px;margin-right: 10px;position: relative;}
.ul-consultation .outer-circle{top: 4px;left: 10px;width: 20px;height: 20px;padding: 2px;background-color: #F0F0F0;position: absolute;}
.ul-consultation .outer-circle .inner-circle{width: 100%;height: 100%;border-radius: 10px;}
.ul-consultation .record-card{height: 110px;margin-left: 6px;}
.ul-consultation .record-card .card-title{height: 20px;padding: 5px 10px;color: #FFF;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size: 14px;line-height: 20px;}
.span-date{font-size: 14px;}
.f-fr{float: right;}
.record-card p{display: -moz-box;display: -webkit-box;background-color: #FFF;height: 68px;font-size: 14px;padding-top: 8px;padding-left: 10px;overflow: hidden; -webkit-line-clamp: 3;    -webkit-box-orient: vertical; color:#323232;word-break: break-all;}
.div-beginning{top: 41px;right: 10px;width: 63px;height: 50px; position: absolute;background: url(../images/jinxingzhong_icon.png) 0 0 no-repeat;background-size: 63px 50px;}
.div-ended{top: 41px;right: 10px;width: 63px;height: 50px; position: absolute;background: url(../images/yijieshu_icon.png) 0 0 no-repeat;background-size: 63px 50px;}
.div-bottom{  position: absolute;  bottom: 0;text-align: center;z-index: 20;left:-webkit-calc((100% - 75px)/2)}
.add-icon{ width: 50px; height: 50px;background: url(../images/xuanfu_btn.png) no-repeat center top; background-size: 50px;}
.f-mr10 {margin-right: 10px;}
.f-ib { display: inline-block;}
.f-vam, .f-vama * {vertical-align: middle;}
#footer { position: absolute; z-index: 4; bottom: 45px;right: 15px;width: 71px;height: 48px;padding: 0;}
.modal-overlay{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: transparent;z-index: 3; visibility: hidden;opacity: 0;-webkit-transition-duration: 400ms;transition-duration: 400ms;}
.modal-overlay.modal-overlay-visible{ visibility: visible;opacity: 1;}
.div-dialog-content{display: none;width: 250px;height: 250px;background: url(../images/tuoyuan.png) no-repeat center top;background-size: 250px;position: absolute;z-index: 4;left: 50%;top: 50%;margin-left: -125px;margin-top: -125px;}  
.mingyi-icon{width: 55px; height: 55px;background: url(../images/mingyizixun_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 67%;margin-top: -80px;right: -2px;}
.sanshi-icon{width: 55px; height: 55px;background: url(../images/manbingguanli_icon.png) no-repeat center top;background-size: 55px;      position: absolute;      z-index: 4;      bottom: 104px;      left: 50%;      top: 50%;      margin-left: -27px;      margin-top: -118px;}
.jiating-icon{width: 55px; height: 55px;background: url(../images/jiating_btn.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 67%;margin-top: -80px;left: 8px;}
.sanshi-icon1{width: 55px; height: 55px;background: url(../images/manbingguanli_icon.png) no-repeat center top; background-size: 55px;position: absolute; margin-left:0;     z-index: 4;top: 67%;margin-top: -80px;left: 8px;}
.mingyi-icon.active{width: 55px; height: 55px;background: url(../images/mingyizixun_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 67%;margin-top: -80px;right: -2px;}
.sanshi-icon.active{width: 55px; height: 55px;background: url(../images/manbingguanli_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;      bottom: 104px;      left: 50%;      top: 50%;      margin-left: -27px;      margin-top: -118px;}
.jiating-icon.active{width: 55px; height: 55px;background: url(../images/jiating_pre.png) no-repeat center top; background-size: 55px;position: absolute;      z-index: 4;top: 67%;margin-top: -80px;left: 8px;}
.sanshi-icon1.active{width: 55px; height: 55px;background: url(../images/manbingguanli_xuanzhong_icon.png) no-repeat center top; background-size: 55px;position: absolute;margin-left:0;       z-index: 4;top: 67%;margin-top: -80px;left: 8px;}
.quxiao{width: 55px;height: 55px;background: url(../images/quxiao_btn.png) no-repeat center top;background-size: 55px;position: absolute;      z-index: 4;left: 50%;      top: 50%;      margin-left: -27px;      margin-top: 60px;}
.quxiao.active{width: 55px;height: 55px;background: url(../images/quxiao_pre.png) no-repeat center top;background-size: 55px;position: absolute;      z-index: 4;left: 50%;      top: 50%;      margin-left: -27px;      margin-top: 60px;}
.f-dn{display: none;}
em{color:#12B7F5}
.div-img{width: 320px; height: 184px;background: url(../../../images/shujuweikong_img.png) no-repeat center top; background-size: 320px 184px;margin: 60px auto 0px;}
.bottom-box{    width: 180px;margin: auto; height: 44px;}
#search_suggest_text { position: absolute; top: 55px; left: 8px; color: #75BF00; font-size: 18px;}
.searchbar-clear{position: absolute;width: 28px;height: 28px;right: 0;top:8px;opacity:0;pointer-events:none;background-position:center;background-repeat:no-repeat;background-image:url(../../../images/delete01_pre.png);-webkit-background-size:20px 20px;background-size:20px 20px;-webkit-transition-duration:300ms;transition-duration:300ms;cursor:pointer;}

+ 62 - 0
html/yszd/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; }

+ 213 - 0
html/yszd/css/guidance.css

@ -0,0 +1,213 @@
@charset "utf-8";
.div-date {
	width: 120px;
	height: 17px;
	background: #DCDCDC;
	line-height: 17px;
	border-radius: 10px;
	font-size: 12px;
	color: #A9A9A9;
	text-align: center;
	vertical-align: middle;
	margin: 10px auto;
}
.n-list {
	border: 1px solid #DCDCDC;
	border-radius: 6px;
	margin: 0 10px;
}
.n-list-li {
	padding-bottom: 0;
	padding-top: 6px;
}
.icon-news {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background-image: url(../images/new_icon.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: cover;
}
.div-title {
	font-size: 16px;
	color: #333333;
	padding-bottom: 8px;
}
.div-name {
	padding-top: 8px;
	font-size: 12px;
}
.div-type {
	font-size: 11px;
	margin-bottom: 12px;
}
.div-list-info {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	display: -moz-box;
	display: -webkit-box;
	font-size: 14px;
	overflow: hidden;
	-webkit-line-clamp: 4;
	height: 80px;
	line-height: 20px;
	padding-top: 15px;
	-webkit-box-orient: vertical;
}
.div-img {
	width: 320px;
	height: 184px;
	background: url(../../../images/shujuweikong_img.png) no-repeat center top;
	background-size: 320px 184px;
	margin: 60px auto 0px;
}
.div-no-content {
	vertical-align: middle;
	margin: 15px auto 30px;
	text-align: center;
}
.list-area {
	position: relative;
	padding-left: 10px;
	border-top: 1px solid #DCDCDC;
}
.list-area p {
	height: 30px;
	line-height: 30px;
}
.form li {
	padding: 10px 0;
	margin-left: 10px;
	border-color: #e1e1e1;
}
.form .c-list-key {
	min-width: 70px;
	line-height: 25px;
	margin-right: 20px;
	font-size: 16px;
	display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.form .c-list-info {
	padding-right: 10px;
}
.form .c-list-info > p {
	font-size: 14px;
}
.form .list-child > li {
	padding-left: 10px;
	margin-left: 0;
}
.form h4 {
	line-height: 25px;
	font-size: 16px;
}
.form .list-txt {
	line-height: 22px;
	padding-right: 10px;
	font-size: 14px;
}
.form .input-group {
	padding-right: 10px;
}
.form .form-textarea {
	padding: 0;
	border: none;
}
.upload-list {
	padding-right: 10px;
}
.upload-list li {
	width: 70px;
	height: 70px;
	padding: 0;
	margin: 0 10px 0 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
}
.upload-list li:last-child {
	border: 1px dashed #DCDCDC;
}
.icon-add{
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto;
	background-image: url(../images/tianjia_jiaren_icon.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#detailBox {
	padding-bottom: 80px;
}
.list-tool {
	background: none;
}
.list-tool li {
	margin-left: 10px;
}
.list-tool .c-list-key {
	margin-top: 2px;
	margin-right: 10px;
}
.list-tool .talk {
	position: relative;
	width: 80%;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: #47a8ef;
	border-radius: 12px;
}
.list-tool .talk:after {
	position: absolute;
	top: 15px;
	left: -8px;
	font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    content: '';
    border-color: transparent;
    border-style: dashed;
    border-right: 5px solid #47a8ef;
}
.list-tool .talk p {
	line-height: 22px;
	font-size: 14px;
	color: #fff;
}
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
	width: 100%;
}
.btn-green {
	height: 40px;
	line-height: 40px !important;
	padding: 0;
	font-size: 16px;
	background-color: #74bf00;
}
#content_text{
    word-break: break-all;
}

+ 388 - 0
html/yszd/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;}

File diff suppressed because it is too large
+ 370 - 0
html/yszd/css/sfp-style.css


File diff suppressed because it is too large
+ 5626 - 0
html/yszd/css/sq-style.css


+ 445 - 0
html/yszd/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;}

+ 3989 - 0
html/yszd/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;
}

File diff suppressed because it is too large
+ 485 - 0
html/yszd/css/suifang.css


+ 3114 - 0
html/yszd/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;
}

+ 151 - 0
html/yszd/html/add-consult.html

@ -0,0 +1,151 @@
<!doctype html>
<html>
	<head>
	    <meta charset="utf-8">
	    <title>新增医生指导咨询</title>
	    <meta name="format-detection" content="telephone=no"/>
	    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"/>
	    <meta name="apple-mobile-web-app-capable" content="yes"/>
	    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	    <link rel="stylesheet" href="../../../css/cross.css" type="text/css"/>
	    <link rel="stylesheet" href="../../../css/cross.ui.css" type="text/css"/>
	    <link rel="stylesheet" type="text/css" href="../../../iconfont/iconfont.css" />
	    <link rel="stylesheet" type="text/css" href="../../../css/ss-style.css">
	    <link rel="stylesheet" type="text/css" href="../css/zx-style.css">
	    <link rel="stylesheet" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css"/>
	    <link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	<style>
		.c-333333{color:#333333}
		.s-bc-DCDCDC{background-color:#dcdcdc;}
		#commit.active{background-color:#74bf00;}
	</style>
	</head>
	<body>
		<div class="main">
			<ul class="n-list c-border-tb mt10 doc-detail">
				<li class="ptb12">
					<div class="n-list-key pr15 c-f16">咨询类型</div>
					<div class="n-list-info c-t-right">
						<input id="txtTypeName" type="text" class="r-input c-f14 c-909090" value="" placeholder="请选择签约类别" readonly/>
						<input id="txtTypeCode" style="display: none;"/>
					</div>
				</li>
			</ul>
			<ul class="n-list c-border-tb mt10 doc-detail">
				<li class="ptb12">
					<div class="n-list-key pr15 c-f16">咨询人员</div>
					<div class="n-list-info c-t-right">
						<label id="lbl_patient" class="c-f14 c-909090"></label>
					</div>
				</li>
			</ul>
			<ul class="n-list c-border-tb mt10 doc-detail">
				<li class="ptb12">
					<div class="n-list-key pr15 c-f16">咨询医生</div>
					<div class="n-list-info c-t-right">
						<label id="lbl_doctor" class="c-f14 c-909090"></label>
					</div>
				</li>
			</ul>
		    <ul class="n-list c-border-tb mt10 doc-detail" id="guidanceWrap">
				<li class="ptb12">
					<div class="n-list-key pr15 c-f16"></i>指导内容</div>
				</li>
				<li class="n-list-cover ptb12">
					<div class="n-list-info" id="guidance" style="font-size: 14px;word-wrap:break-word;"></div>
				</li>
			</ul>
			<ul class="n-list c-border-tb mt10 doc-detail">
				<li class="ptb12">
					<div class="n-list-key pr15 c-f16"></i>咨询问题</div>
				</li>
				<li class="n-list-cover ptb12">
					<div class="n-list-info">
						<textarea id="txtContent" class="r-textarea c-f14" rows="4" placeholder="请尽可能详细描述您的问题,疾病和身体状况,以便医生更好的提供意见(请至少输入10个字)。"></textarea>
					</div>
				</li>
			</ul>
		    <div class="mod mod-record mt15">
		    	<!--新增图片上传-->
				<ul class="n-list">
					<li class="ptb12">
						<div class="n-list-key pr15 c-f16">上传病历、检查报告等资料</div>
						<div class="n-list-info c-t-right">
							<p class="c-ccc c-f12 c-t-right img-count" id="image_tips">0/9</p>
						</div>
					</li>
					<li class="n-list-cover ptb12">
						<div class="upload-img mt10">
							<ul id="img_ul">
								<li id="add_img_li">
									<a href="javascript:;" class="add-btn" onclick="chooseImage()"></a>
								</li>
							</ul>
						</div>
					</li>
				</ul>
		        <div class="bd" style="display: none;">
		            <div class="broadcast mt5">
		                <span class="broadcast-icon">
		                    <i class="iconfont icon-yuyin1" onClick="voicePop();"></i>
		                </span>
		                <span class="bg"></span>
		            </div>
		        </div>
		    </div>
		</div>
	    <div class="readed-explain mt50" style="display: none;">
	        <div class="input-group-checkbox">
	            <label>
	                <div class="input-group-pack checked" data-checked="true">
	                    <input type="checkbox" checked="checked">
	                    <span class="tick"></span>
	                </div>
	            </label>
	        </div>
	        <span>我已阅读<a href="javascript:;">咨询说明</a></span>
	    </div>
	    <div id="info" style="display:none;color: red;text-align: center"></div>
	    <div id="info2" style="display:none;color: green;text-align: center"></div>
	    <div class="mtb20 mlr15">
	        <a id="commit" href="javascript:;" class="c-btn s-bc-DCDCDC active c-btn-full c-btn-radius c-f18">提交咨询</a>
	    </div>
	    <br />
	    <![endif]-->
	    <!--上传图片-->
		<div class="over-lay" style="display:none;"></div>
		<div class="ins-img-btn" style="display:none;">
			<div class="mlr10"> 
				<a href="javascript:void(0);" onclick="galleryImgs();" class="c-btn c-btn-fff c-btn-full c-btn-large">从相册中选择</a>
				<a href="javascript:void(0);" onclick="appendByCamera();" class="c-btn c-btn-fff c-btn-full c-btn-large">立即拍照</a> 
				<a href="javascript:void(0);" class="c-btn c-btn-fff c-btn-full c-btn-large mt10 mb10" data-btn="cancelOver">取消</a> 
			</div>
		</div>  
	    <!-- 录音 -->
		<div class="win-broadcast c-hide">
			<span class="bg"></span>
			<p class="c-666 c-f14 c-t-center title word">倾听中</p>
			<div>
				<i class="broadcast"></i>
			</div>
			<ul class="c-666 c-f14 c-t-center mt5 stop word">
				<li class="width-50 fl c-border-r c-boxs win-finish" id="voice-finish">说完了<span class="c-ff8011">(60秒)</span></li>
				<li class="width-50 fl win-cancle" onClick="voicePopClose();">取消</li>
			</ul>
		</div>
		<div class="win-broadcast-mb"></div>
	    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	    <script src="../../../js/jquery/2.1.3/jquery.js"></script>
	    <script src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	    <script src="../../../js/app.js"></script>
	    <script src="../../../js/common_http.js"></script>
	    <script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	    <script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	    <script type="text/javascript" src="../../../js/commit_validate.js" ></script>
	    <script src="../js/sanshitijiao.js?v=1.3.4" type="text/javascript" charset="utf-8"></script>
		<script>
			var d = dialog({contentType:'load', skin:'bk-popup'});
			var dd = dialog({contentType:'load', skin:'bk-popup', content:'提交中...'});
		</script>
	</body>
</html>

+ 43 - 0
html/yszd/html/doctor-guidance.html

@ -0,0 +1,43 @@
<!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>医生指导</title>
		<link rel="stylesheet" type="text/css" href="../../../css/mui.min.css"/>
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
		<link rel="stylesheet" type="text/css" href="../css/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../css/sfp-style.css" />
		<link rel="stylesheet" type="text/css" href="../css/guidance.css" />	
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
	</head>
	<body>
		<div id="memberContainer"></div>
		<div class="main">
			<div id="wrapper" class="mui-scroll-wrapper">
				<div class="mui-scroll">
		            <ul class="ul-guidance" id="ul_guidance" style="background-color: #f3f3f3;">
		            	
		            </ul>
				</div>
			</div>
		</div>
		<div class="div-no-info c-hide">
			<div class="div-img"></div>
			<div class="div-no-content">暂无医生指导记录</div>
		</div>
		<div id="read_all" style="position: fixed; bottom: 20px; right: 20px; background-color: rgba(0,0,0,0.6); width: 50px; height: 50px; border-radius: 50%; text-align: center; z-index: 200;">
		    <span class="c-fff c-f16" style="display:inline-block; line-height: 20px; margin-top: 5px;">一键<br/>已读</span>
		</div>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script src="../../../js/underscore.js"></script>
	<script src="../../../js/es6-promise.js"></script>
	<script src="../../../js/family-members.js"></script>	
	<script type="text/javascript" src="../js/doctor-guidance.js" ></script>
</html>

+ 29 - 0
html/yszd/html/guidance-detail.html

@ -0,0 +1,29 @@
<!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>医生指导详情</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="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../css/guidance.css" />
	</head>
	<body>
		<div class="main ptb10 plr10" style="margin-bottom: 70px;">
            <p class="c-f14 c-333" id="content_text"></p>
		</div>
		<div id="footer" style="position: fixed;">
			<div class="mlr15 mtb10">
				<a href="javascript:;" class="c-btn c-btn-full c-btn-radius btn-green" id="detail">对指导有疑问?点击发起医生咨询</a>
			</div>
		</div>
	</body>
	<script src="../../../js/jquery/2.1.3/jquery.js"></script>
	<script type="text/javascript" src="../../../js/mui.min.js"></script>
	<script type="text/javascript" src="../../../js/common_http.js" ></script>
	<script src="../../../widget/artDialog/6.0.5/js/dialog-plus.min.js"></script>
	<script type="text/javascript" src="../../../js/weixin_common.js" ></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript" src="../js/guidance-detail.js?v=2" ></script>
</html>

+ 64 - 0
html/yszd/html/guidance-detail_old.html

@ -0,0 +1,64 @@
<!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>医生指导详情</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/sq-style.css" />	
		<link rel="stylesheet" type="text/css" href="../css/sfp-style.css" />
		<link rel="stylesheet" type="text/css" href="../../../css/iscroll.css" />
		<link rel="stylesheet" type="text/css" href="../css/guidance.css" />	
		<link rel="stylesheet" type="text/css" href="../../../widget/artDialog/6.0.5/css/ui-dialog.min.css">
		<link rel="stylesheet" type="text/css" href="../../../widget/mobiscroll/2.15.1/css/mobiscroll.css">
	</head>
	<body>
		<div class="main">
        	<!--<div class="h45">
                <div class="demo-comtop">
                    <a class="mui-action-back"></a>
                    <h1>医生指导详情</h1>
                </div>
            </div>-->
            <div id="wrapper">
				<div class="iScroller">
		            <ul id="detailBox">
		            	<!-- <li>
		            		<div class="div-date">2016-08-01 14:01</div>
		            		<ul class="c-list list-tool">
								<li>
									<div class="c-list-key">
										<img src="../../../images/d-default.png" width="34" height="34">
									</div>
									<div class="c-list-info">
										<div class="talk">
											<p>要多喝水。多运动,少说话,多做事。</p>
										</div>
									</div>
								</li>
							</ul>
		            	</li> -->
		            </ul>
				</div>
			</div>
		</div>
		<div id="footer">
			<div class="mlr15">
				<a href="javascript:;" class="c-btn c-btn-full c-btn-radius btn-green" id="detail">对指导有疑问?点击发起医生咨询</a>
			</div>
		</div>
	</body>
	<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 src="../../../widget/mobiscroll/2.15.1/js/mobiscroll.js"></script>
	<script src="../js/iscroll-probe.js"></script>
	<script src="../js/iscroll-pull-up-down.js"></script>
	<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript" src="../js/guidance-detail.js" ></script>
</html>

BIN
html/yszd/images/new_icon.png


BIN
html/yszd/images/pull-icon@2x.png


+ 183 - 0
html/yszd/js/doctor-guidance.js

@ -0,0 +1,183 @@
var d = dialog({contentType:'load', skin:'bk-popup'});
var id = 0;
var pageSize = 10;
var generatedCount=0;
var pagetype=3;
var userAgent = window.localStorage.getItem(agentName);
var iscrollState='';//判断滑动方向
$(function(){
	// 判断是否登录
	checkUserAgent();
	// 点击咨询详情
	$("body").on("tap", ".n-list", function () {
		var id = $(this).data("id");
		var photo = $(this).data("photo");
		window.location.href = "guidance-detail.html?id=" + id;
	})
	
	//一键已读
    $("#read_all").on("tap", function(){
        d.show();
        sendPost("/patient/health/guidance/modifyStatus",{},'json','post', function(res){
            d.close();
            if (res && res.msg) {
                var d1 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg});     
            } else {
                var d2 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}); 
            }
        },
        function(res){
            if(res.status == 200){
                //隐藏所有的newicon
                $(".icon-news").hide();
            }
            d.close();
        })
    })
    
    mui.init({
		pullRefresh : {
		    container:'#wrapper',
		    down : {
			    height:50,
			    auto: false,
			    contentdown : "下拉可以刷新",
			    contentover : "释放立即刷新",
			    contentrefresh : "正在刷新...",
			    callback: function(){
			    	id = 0;
			    	iscrollState='down'
			    	queryInit()
				}
		    },
		    up : {
			    height:50,
			    contentinit: '',
				contentdown: '',
			    contentrefresh : "正在加载...",
			    contentnomore:'没有更多数据了',
			    callback: function() {
			    	iscrollState='up'
			    	queryInit()
				}
		    }
		}
	})
})
appendFamilyMember($('#memberContainer'),function(){
	$("#ul_guidance").empty();	
	$(".div-no-info").hide();
	$(".main").show();
	$("#read_all").show();
	id=0;
	iscrollState='';
	mui('#wrapper').pullRefresh().refresh(true)
	queryInit();
},function(){
	//判断有授权家人,修改样式
	if($('#memberContainer').is(':hidden')){
		$('#wrapper').css('top','0px');
	}else{
		$('#wrapper').css('top','90px');
		$('.div-no-info').css('padding-top','90px');
	}
})
/**
 * 界面数据初始化
 */
function queryInit(){
	var data = {};
	data.id = id;
	data.pagesize = pageSize;
	sendPost("patient/health/guidance/list", data, "json", "post", queryListFailed, queryAppoListSuccess);
}
function queryListFailed() {
	d.close();
	dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}); 	
}	
function queryAppoListSuccess(res){
	if (res.status == 200) {
		if (res.list.length > 0) {
			var list = res.list;
			var html=''
			for (var i = 0; i < list.length; i++){
				id = list[i].id;
				var content1 = list[i].content;
				var name = list[i].name;
				var createTime = list[i].createTime.substring(0,16);
				var photo = list[i].photo;
				var docType=list[i].level;
				var job = "健管师";
				if(docType==1){
					job = "专科医生";
				}if(docType==2){
					job = "全科医生";
				}
				if(photo == undefined || photo == null || photo == ""){
					photo = "../../../images/d-default.png";
				}
				var newHtml = "";
				if(list[i].readStatus == 0){ //readStatus: 0未读 1已读
				    newHtml = '<div class="icon-news"></div>';
				}
				var content =  '<li><div class="div-date">'+createTime+'</div>'+
			            		'<div class="n-list dr-item c-border" data-id="'+id+'" data-photo="'+photo+'">'+
									'<div class="n-list-li">'+
										'<div class="n-list-key">'+
											'<div class="div-title">健康指导</div><div class="n-avatar-l img-round">'+
												'<img src="'+getImgUrl(photo)+'">'+
											'</div>'+
											'<div class="div-name"><span class="span-name">'+name+'</span></div>'+
										'</div>'+
										'<div class="div-list-info pl10" >'+
											content1+	
										'</div>'+
										newHtml+
									'</div>'+
									'<div class="list-area list-arrow-r">'+
										'<div class="c-list-info">'+
											'<p>点击查看</p>'+
										'</div>'+
									'</div>'+
								'</div></li>';   
				html += content;	
			}
			if(iscrollState == 'down'){
				$('#ul_guidance').empty().append(html);
				setTimeout(function(){
					mui('#wrapper').pullRefresh().endPulldownToRefresh(false);
					mui('#wrapper').pullRefresh().enablePullupToRefresh();//重置
				},1000)
			}else{
				$('#ul_guidance').append(html);
				if(list.length < pageSize){
					mui('#wrapper').pullRefresh().endPullupToRefresh(true);
				}else{
					mui('#wrapper').pullRefresh().endPullupToRefresh(false);
				}
			}
		} else {
			if(id!=0){
				setTimeout(function(){
					mui('#wrapper').pullRefresh().endPullupToRefresh(true);
				},1000)
			}else{
				//显示无数据的图片
				$(".main").hide();
				$("#read_all").hide();
				$(".div-no-info").show();
				mui('#wrapper').pullRefresh().enablePullupToRefresh();
			}
		}
		d.close()
	} else {
		queryListFailed()
	}
}

+ 429 - 0
html/yszd/js/guidance-detail.js

@ -0,0 +1,429 @@
Request = GetRequest();
var d = dialog({contentType:'load', skin:'bk-popup'});
var id = Request["id"];
var photo = Request["photo"];
var toUser = Request["toUser"];
var openid = Request["openid"];
var toName = decodeURIComponent(Request["toName"]);
var represented = Request["represented"];
var pagetype=25;
var type;
var doctorCode;
var userAgent = window.localStorage.getItem(agentName);
var expensesStatus; //标记缴费状态
$(function(){
	if(!userAgent) {
		localStorage.setItem("toUser",toUser);
		localStorage.setItem("id",id);
		window.location.href = server + "wx/html/home/html/zhmm-login.html?openid=" + openid+"&type="+pagetype;
		return false;
	}
	var newUaObj = JSON.parse(window.localStorage.getItem(agentName))
	//判断关系
	function hasFamilyRelation(a,b){
		return new Promise(function(resolve, reject) {
			var data={
				patient:a,
				familyMember:b
			}
			sendPost("patient/family/is_authorize", data, "json", "get", function(res){
				dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请求家庭成员关系失败'}).show(); 
			}, function(res){
				if(res.status == 200) {
					window.localStorage.setItem('nowPatientName',res.data.name);
					resolve(res)
				}else if(res.status == 100) {
					dialog({
						content:'对不起,'+res.data.name+'未授权给您,如需查看,请切换'+res.data.name+'账号登录',
						okValue:'切换账号',
						ok: function() {
							window.localStorage.setItem(pageName, JSON.stringify({pageurl: location.href}))
							window.location.href = "../../grzx/html/change-login.html?type=0&openid="+ Request["openid"];
						},
						cancelValue: '我不看了',
						cancel: function () {
							wx.closeWindow();
			            }
					}).showModal();
				}else{
					relogin();
				}	
			})
		})
	}
	//重新登录操作
	function relogin(){
		dialog({
			content:'对不起,该消息是发给'+toName+',如需查看,请切换'+toName+'账号登录',
			okValue:'切换账号',
			ok: function() {
				window.localStorage.setItem(pageName, JSON.stringify({pageurl: location.href}))
				window.location.href = "../../grzx/html/change-login.html?type=0&openid="+ Request["openid"];
			},
			cancelValue: '我不看了',
			cancel: function () {
				wx.closeWindow();
            }
		}).showModal();
	}
	//保存信息
	function saveUserInfo(a,b){
		Promise.all([hasFamilyRelation(a,b)]).then(function () {
			newUaObj.represented = represented;
			window.localStorage.setItem(agentName,JSON.stringify(newUaObj));
			userAgent = window.localStorage.getItem(agentName);
			queryInit();
			// 点击咨询详情
			$("#detail").on("tap", function () {
				querySignType();
			});
		})
	}
	
	function initFamilyData () {
		//从微信模板消息进入
		if(represented && userAgent && toUser){
			if(toUser == represented){
				saveUserInfo(represented,newUaObj.uid)
			}else if(toUser != represented && represented == newUaObj.uid){
				//本人代理
				saveUserInfo(represented,newUaObj.uid)
			}else if(toUser != represented && toUser == newUaObj.uid){
				//需要判定关系 200有授权 100家人 1无关系	
				saveUserInfo(represented,newUaObj.uid)
			}else{
				//重新登录	
				relogin();
			}
		}else{
			queryInit();
			// 点击咨询详情
			$("#detail").on("tap", function () {
				querySignType();
			});
		}
	}
	initFamilyData();	
});
/**
 * 界面数据初始化
 */
function queryInit() {
	d.show();
	var data = {};
	data.id = id;
	sendPost("patient/health/guidance/id", data, "json", "post", queryListFailed, queryAppoListSuccesss);
    getPatientInfo();
}
function queryListFailed(res) {
	d.close();
	if (res && res.msg) {
		var d1 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg});     
	} else {
		var d2 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}); 
	}		
}
function queryAppoListSuccesss(res) {
	if (res.status == 200) {
		var data = res.data;
		if (data) {
			doctorCode = data.doctor;
			// type = data.del;
			window.localStorage.setItem("guidance",data.content);
			var regN = /\n/g;
            var regRN = /\r\n/g;
            var content = data.content.replace(/ /g, "&nbsp;");
            content = content.replace(regN,"<br/>");
            $("#content_text").html(content);
            var images = data.images?data.images.split(","):[];
            var imgTmp = "";
            for(i=0; i<images.length; i++){
                imgTmp += "<div><img src='"+ getImgUrl(images[i])+"' width='100%'></div>";
            }
            $(".main").append(imgTmp);
		}
		d.close();
	} else {
		//非200则为失败
		queryListFailed(res);
	}
}
function getPatientInfo(){
    //先获取患者缴费信息,然后未缴费的需要判断是否已经达到咨询上线
    sendPost('patient/baseinfo', {}, 'json', 'post', queryFailed, function(res){
        if(res.status == 200){
            expensesStatus = res.data.expensesStatus;
        }else{
            queryFailed(res);
        }
    })
    
}
function querySignType(){
    //判断该居民是否已经缴费 1为已经交费  ""没有签约信息 "0"未扣费 "1"已扣费 "2"已退费
    if(expensesStatus == 1){
        querySignType2();
    }else{
        limitZxTimes();
    }
}
function querySignType2(){
	d.show();
	sendPost('patient/sign_doctors', {}, 'json', 'post', querySignTypeFailed, querySignTypeSuccess);
}
function querySignTypeFailed(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取咨询类型失败'}).show(); 
	}
}
function querySignTypeSuccess(data) {
	if (data.status == 200) {
		var doctors = data.familyDoctors;
		type = 2;
		var docInfo,docQkInfo;
		if(doctors.length == 0){
		    doctors = data.teamDoctors;
		    type = 1;
		}
		$.each(doctors, function(i, v) {
			if(v.teamlevel){
				if(v.teamlevel == 3){
					docInfo = v;
				}
				if(v.teamlevel == 2){
					docQkInfo = v;
				}
			}else{
				if(v.level == 3){
					docInfo = v;
				}
				if(v.level == 2){
					docQkInfo = v;
				}
			}
		});
		if(!docInfo){
			docInfo = docQkInfo;
		}
		sendPost('patient/consult/is_consult_unfinished', {doctor: docInfo ? docInfo.code : docQkInfo.code}, 'json', 'post', 
			function(res){
				d.close();
				if (res && res.msg) {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
				} else {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取是否存在咨询失败'}).show(); 
				}
			}, function(res){
				
				if(res.status == 200){
					if(res.data == ""){
						//不存在
//						window.location.href = "add-consult.html?id=" + id + "&type=0&doctorCode=" + doctorCode;
						checkDocInWork(0, doctorCode, id);
					} else {
						d.close();
						dialog({
							    content: '十分抱歉,您与'+ docInfo.name +'医生还有<br/>未结束咨询,无法发起新的咨询',
							    okValue:'前往查看',
							    ok: function (){	
							    	var userInfo = JSON.parse(userAgent);
//							    	if(type == "2"){ //家庭签约
//							    	    window.location.href = ""
//							    	}else{//三师签约
										var rep = userInfo.represented?userInfo.represented:userInfo.uid;
							    	    window.location.href = "../../yszx/html/consulting-doctor.html?consult=" + res.data +"&toUser="+rep+"&type="+type+"&doctor="+docInfo.code;
//							    	}
							      	
							    },
							    cancelValue: '我知道了',
							    cancel: function () {
									return;
							    }
					   	}).showModal();
					}
				} else {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
				}
			}
		);
	} else {
		querySignTypeFailed(res);
	}
}
function checkDocInWork(type, doctor, id){
	sendPost('patient/consult/is_doctor_working', {doctor:doctor}, 'json', 'get', queryFailed, function(res){
		if(res.status==200){
			d.close();
			if(res.data==2){
				dialog({
				    content: '您好,由于您的签约医生工作繁忙,设置了每日回复咨询的时间段,所以,在该时间段外的时间,您的咨询将不会马上获得医生的回复。',
				    okValue:'查看医生工作时间',
				    ok: function (){				            		
				      	window.location.href = "../../yszx/html/doctor-work-hours.html?doctor=" + doctor;
				    },
				    cancelValue: '继续新增咨询',
				    cancel: function () {
						window.location.href = "add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor;
				    }
		   		 }).showModal();
			}else if(res.data==0){//医生不接受咨询
				dialog({
				    content: '对不起,该医生暂时关闭了咨询功能,<br/>暂时无法咨询该医生',
				    cancelValue: '我知道了',
				    cancel: function () {
						wx.closeWindow();
				    }
				}).showModal();
			}else{
				//三师咨询或家庭签约咨询,跳转到新增咨询页面
				window.location.href = "add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor;
			}
		}else{
			queryFailed(res);
		}			
	})
}
//未缴费时,判断剩余咨询次数
function limitZxTimes(){
    //获取剩余家庭咨询次数
    var url = '/patient/consult/remainConsultTimes';
    var remainTimes;//剩余咨询次数
    var countTimes;//总咨询次数
    var zxTimes;//已咨询次数
    d.show();
    sendPost(url, {}, 'json', 'get', queryFailed, function(res){
        if(res.status == 200){
                d.close();
            remainTimes = res.data.amount;
            countTimes = res.data.count;
            zxTimes = countTimes - remainTimes;
            if(zxTimes == countTimes){
                //未缴费的总咨询次数已达上限 提示去缴费
                dialog({
                    content: '您本年度家庭医生签约暂未缴费,当前10次免费健康咨询已全部使用.如果需要家庭医生继续为您提供服务,请尽快完成缴费操作',
                    okValue:'前往缴费',
                    ok: function (){  
                        window.location.href = "../../qygl/html/signing_management.html";
                    }
                }).showModal();
            }else{
                
                dialog({
                    content: '您本年度家庭医生签约暂未缴费,可使用10次免费健康咨询,当前剩余:'+remainTimes+'次.为避免影响您的服务体验,请尽快完成缴费操作',
                    okValue:'前往缴费',
                    ok: function (){    
                          window.location.href = "../../qygl/html/signing_management.html";
                    },
                    cancelValue: '开始咨询',
                    cancel: function () {
                        querySignType2();
                    }
                }).showModal();
            
            }
        }else{
            queryFailed(res);
        }
    });
}
//查询失败
function queryFailed(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'查询失败'}).show(); 
	}
}
//判断是否缴费
function payCost() {
	var url = "/patient/consult/remainConsultTimes",
		params = {};
	sendPost(url, params, "json", "get", queryFailed, function(res) {
		if(expensesStatus == 1) {
			querySignType(2);
		} else {
			if(expensesStatus == 0) {
				if(res.status == 200) {
					if(res.data > 0) {
						dialog({
							content: "您本年度家庭医生签约暂未缴费,可使用10次免费健康咨询,当前剩余:" + res.data + "次.为避免影响您的服务体验,请尽快完成缴费操作",
							cancelValue: '前往缴费',
							cancel: function() {
								window.location.href = "../../qygl/html/signing_management.html?id"
							},
							okValue: '开始咨询',
							ok: function() {
								querySignType();
//								window.location.href = "../../yszx/html/add-consult.html?type=" + request.type + "&doctorCode=" + request.doctor;
							},
						}).showModal()
					} else {
						dialog({
							content: "您本年度家庭医生签约暂未缴费,当前10次免费健康咨询已全部使用.为避免影响您的服务体验,请尽快完成缴费操作",
							cancelValue: '前往缴费',
							cancel: function() {
								window.location.href = "../../qygl/html/signing_management.html?id"
							},
						}).showModal()
					}
				} else {
					queryFailed(res)
				}
			}
			if(expensesStatus == 2) {
			}
		}
	})
}
//请求失败处理事件
function queryFailed(res, message) {
	d.close();
	if(message) {
		dialog({
			contentType: 'tipsbox',
			bottom: true,
			skin: 'bk-popup',
			content: message
		}).show();
	} else {
		if(res && res.msg) {
			dialog({
				contentType: 'tipsbox',
				bottom: true,
				skin: 'bk-popup',
				content: res.msg
			}).show();
		} else {
			dialog({
				contentType: 'tipsbox',
				bottom: true,
				skin: 'bk-popup',
				content: '加载失败'
			}).show();
		}
	}
}

+ 235 - 0
html/yszd/js/guidance-detail_old.js

@ -0,0 +1,235 @@
Request = GetRequest();
var d = dialog({contentType:'load', skin:'bk-popup'});
var id = Request["id"];
var photo = Request["photo"];
var toUser = Request["toUser"];
var openid = Request["openid"];
var pagetype=25;
var type;
var doctorCode;
var userAgent = window.localStorage.getItem(agentName);
var scroller1 = new IScrollPullUpDown('wrapper',{
	probeType:2,
	bounceTime: 250,
	bounceEasing: 'quadratic',
	mouseWheel:false,
	click:true,
	scrollbars:true,
	fadeScrollbars:true,
	interactiveScrollbars:false
},null,null);
$(function(){
	if(!userAgent) {
		localStorage.setItem("toUser",toUser);
		localStorage.setItem("id",id);
		window.location.href = server + "wx/html/home/html/zhmm-login.html?openid=" + openid+"&type="+pagetype;
		return false;
	}
	if(toUser){
		var userInfo = JSON.parse(userAgent);
		if(userInfo && toUser!=userInfo.uid){
			var toName = decodeURIComponent(Request["toName"]);
			dialog({
				content:'对不起,该消息是发送给'+toName+'的,如需查看,请切换'+toName+'账号登录',
				okValue:'切换账号',
				ok: function() {
					window.localStorage.setItem(pageName, JSON.stringify({pageurl: location.href}))
					window.location.href = "../../grzx/html/change-login.html?type=0&openid="+ Request["openid"];
				},
				cancelValue: '我不看了',
				cancel: function () {
					wx.closeWindow();
	            }
			}).showModal();
			return false;
		}
	}
	
	// 判断是否登录
	checkUserAgent();
	// 点击咨询详情
	$("#detail").on("tap", function () {
		querySignType();
//		window.location.href = "add-consult.html?id=" + id + "&type=0&doctorCode=" + doctorCode;
	});
});
// 禁止拖动
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
/**
 * 界面数据初始化
 */
function queryInit() {
	d.show();
	var data = {};
	data.id = id;
	sendPost("patient/health/guidance/id", data, "json", "post", queryListFailed, queryAppoListSuccesss);
}
function queryListFailed(res) {
	d.close();
	if (res && res.msg) {
		var d1 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg});     
	} else {
		var d2 = dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'加载失败'}); 
	}		
}
function queryAppoListSuccesss(res) {
	if (res.status == 200) {
		var data = res.data;
		if (data) {
			doctorCode = data.doctor;
			// type = data.del;
			window.localStorage.setItem("guidance",data.content);
			var $detail = document.querySelector("#detailBox");
			var $li = document.createElement("li");
			var content =  '<div class="div-date">'+data.czrq+'</div>'+
			            		'<ul class="c-list list-tool">'+
									'<li>'+
										'<div class="c-list-key">'+
											'<img src="'+ getImgUrl(data.photo)+'" width="34" height="34">'+
										'</div>'+
										'<div class="c-list-info">'+
											'<div class="talk" style="word-wrap:break-word;">'+
												'<p>'+data.content+'</p>'+
											'</div>'+
										'</div>'+
									'</li>'+
								'</ul>';   
			$li.innerHTML = content;
			$detail.appendChild($li);	
		}
		d.close();
		scroller1.myScroll.refresh();
	} else {
		//非200则为失败
		queryListFailed(res);
	}
}
function querySignType(){
	d.show();
	sendPost('patient/sign_doctors', {}, 'json', 'post', querySignTypeFailed, querySignTypeSuccess);
}
function querySignTypeFailed(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取咨询类型失败'}).show(); 
	}
}
function querySignTypeSuccess(data) {
	if (data.status == 200) {
		var doctors = data.familyDoctors;	
		var docInfo,docQkInfo;
		$.each(doctors, function(i, v) {
			if(v.teamlevel){
				if(v.teamlevel == 3){
					docInfo = v;
				}
				if(v.teamlevel == 2){
					docQkInfo = v;
				}
			}else{
				if(v.level == 3){
					docInfo = v;
				}
				if(v.level == 2){
					docQkInfo = v;
				}
			}
		});
		if(!docInfo){
			docInfo = docQkInfo;
		}
		sendPost('patient/consult/is_consult_unfinished', {doctor: docInfo ? docInfo.code : docQkInfo.code}, 'json', 'post', 
			function(res){
				d.close();
				if (res && res.msg) {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
				} else {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取是否存在咨询失败'}).show(); 
				}
			}, function(res){
				
				if(res.status == 200){
					if(res.data == ""){
						//不存在
//						window.location.href = "add-consult.html?id=" + id + "&type=0&doctorCode=" + doctorCode;
						checkDocInWork(0, doctorCode, id);
					} else {
						d.close();
						dialog({
							    content: '十分抱歉,您与'+ docInfo.name +'医生还有<br/>未结束咨询,无法发起新的咨询',
							    okValue:'前往查看',
							    ok: function (){	
							    	var userInfo = JSON.parse(userAgent);
							      	window.location.href = "../../yszx/html/consulting-doctor.html?consult=" + res.data +"&toUser="+userInfo.uid;
							    },
							    cancelValue: '我知道了',
							    cancel: function () {
									return;
							    }
					   	}).showModal();
					}
				} else {
					dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();
				}
			}
		);
	} else {
		querySignTypeFailed(res);
	}
}
function checkDocInWork(type, doctor, id){
	sendPost('patient/consult/is_doctor_working', {doctor:doctor}, 'json', 'get', queryFailed, function(res){
		if(res.status==200){
			d.close();
			if(res.data==2){
				dialog({
				    content: '您好,由于您的签约医生工作繁忙,设置了每日回复咨询的时间段,所以,在该时间段外的时间,您的咨询将不会马上获得医生的回复。',
				    okValue:'查看医生工作时间',
				    ok: function (){				            		
				      	window.location.href = "../../yszx/html/doctor-work-hours.html?doctor=" + doctor;
				    },
				    cancelValue: '继续新增咨询',
				    cancel: function () {
						window.location.href = "add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor;
				    }
		   		 }).showModal();
			}else if(res.data==0){//医生不接受咨询
				dialog({
				    content: '对不起,该医生暂时关闭了咨询功能,<br/>暂时无法咨询该医生',
				    cancelValue: '我知道了',
				    cancel: function () {
						wx.closeWindow();
				    }
				}).showModal();
			}else{
				//三师咨询或家庭签约咨询,跳转到新增咨询页面
				window.location.href = "add-consult.html?id=" + id + "&type="+ type +"&doctorCode=" + doctor;
			}
		}else{
			queryFailed(res);
		}			
	})
}
//查询失败
function queryFailed(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'查询失败'}).show(); 
	}
}

+ 2038 - 0
html/yszd/js/iscroll-probe.js

@ -0,0 +1,2038 @@
/*! iScroll v5.1.3 ~ (c) 2008-2014 Matteo Spinelli ~ http://cubiq.org/license */
(function (window, document, Math) {
var rAF = window.requestAnimationFrame	||
	window.webkitRequestAnimationFrame	||
	window.mozRequestAnimationFrame		||
	window.oRequestAnimationFrame		||
	window.msRequestAnimationFrame		||
	function (callback) { window.setTimeout(callback, 1000 / 60); };
var utils = (function () {
	var me = {};
	var _elementStyle = document.createElement('div').style;
	var _vendor = (function () {
		var vendors = ['t', 'webkitT', 'MozT', 'msT', 'OT'],
			transform,
			i = 0,
			l = vendors.length;
		for ( ; i < l; i++ ) {
			transform = vendors[i] + 'ransform';
			if ( transform in _elementStyle ) return vendors[i].substr(0, vendors[i].length-1);
		}
		return false;
	})();
	function _prefixStyle (style) {
		if ( _vendor === false ) return false;
		if ( _vendor === '' ) return style;
		return _vendor + style.charAt(0).toUpperCase() + style.substr(1);
	}
	me.getTime = Date.now || function getTime () { return new Date().getTime(); };
	me.extend = function (target, obj) {
		for ( var i in obj ) {
			target[i] = obj[i];
		}
	};
	me.addEvent = function (el, type, fn, capture) {
		el.addEventListener(type, fn, !!capture);
	};
	me.removeEvent = function (el, type, fn, capture) {
		el.removeEventListener(type, fn, !!capture);
	};
	me.prefixPointerEvent = function (pointerEvent) {
		return window.MSPointerEvent ? 
			'MSPointer' + pointerEvent.charAt(9).toUpperCase() + pointerEvent.substr(10):
			pointerEvent;
	};
	me.momentum = function (current, start, time, lowerMargin, wrapperSize, deceleration) {
		var distance = current - start,
			speed = Math.abs(distance) / time,
			destination,
			duration;
		deceleration = deceleration === undefined ? 0.0006 : deceleration;
		destination = current + ( speed * speed ) / ( 2 * deceleration ) * ( distance < 0 ? -1 : 1 );
		duration = speed / deceleration;
		if ( destination < lowerMargin ) {
			destination = wrapperSize ? lowerMargin - ( wrapperSize / 2.5 * ( speed / 8 ) ) : lowerMargin;
			distance = Math.abs(destination - current);
			duration = distance / speed;
		} else if ( destination > 0 ) {
			destination = wrapperSize ? wrapperSize / 2.5 * ( speed / 8 ) : 0;
			distance = Math.abs(current) + destination;
			duration = distance / speed;
		}
		return {
			destination: Math.round(destination),
			duration: duration
		};
	};
	var _transform = _prefixStyle('transform');
	me.extend(me, {
		hasTransform: _transform !== false,
		hasPerspective: _prefixStyle('perspective') in _elementStyle,
		hasTouch: 'ontouchstart' in window,
		hasPointer: window.PointerEvent || window.MSPointerEvent, // IE10 is prefixed
		hasTransition: _prefixStyle('transition') in _elementStyle
	});
	// This should find all Android browsers lower than build 535.19 (both stock browser and webview)
	me.isBadAndroid = /Android /.test(window.navigator.appVersion) && !(/Chrome\/\d/.test(window.navigator.appVersion));
	me.extend(me.style = {}, {
		transform: _transform,
		transitionTimingFunction: _prefixStyle('transitionTimingFunction'),
		transitionDuration: _prefixStyle('transitionDuration'),
		transitionDelay: _prefixStyle('transitionDelay'),
		transformOrigin: _prefixStyle('transformOrigin')
	});
	me.hasClass = function (e, c) {
		var re = new RegExp("(^|\\s)" + c + "(\\s|$)");
		return re.test(e.className);
	};
	me.addClass = function (e, c) {
		if ( me.hasClass(e, c) ) {
			return;
		}
		var newclass = e.className.split(' ');
		newclass.push(c);
		e.className = newclass.join(' ');
	};
	me.removeClass = function (e, c) {
		if ( !me.hasClass(e, c) ) {
			return;
		}
		var re = new RegExp("(^|\\s)" + c + "(\\s|$)", 'g');
		e.className = e.className.replace(re, ' ');
	};
	me.offset = function (el) {
		var left = -el.offsetLeft,
			top = -el.offsetTop;
		// jshint -W084
		while (el = el.offsetParent) {
			left -= el.offsetLeft;
			top -= el.offsetTop;
		}
		// jshint +W084
		return {
			left: left,
			top: top
		};
	};
	me.preventDefaultException = function (el, exceptions) {
		for ( var i in exceptions ) {
			if ( exceptions[i].test(el[i]) ) {
				return true;
			}
		}
		return false;
	};
	me.extend(me.eventType = {}, {
		touchstart: 1,
		touchmove: 1,
		touchend: 1,
		mousedown: 2,
		mousemove: 2,
		mouseup: 2,
		pointerdown: 3,
		pointermove: 3,
		pointerup: 3,
		MSPointerDown: 3,
		MSPointerMove: 3,
		MSPointerUp: 3
	});
	me.extend(me.ease = {}, {
		quadratic: {
			style: 'cubic-bezier(0.25, 0.46, 0.45, 0.94)',
			fn: function (k) {
				return k * ( 2 - k );
			}
		},
		circular: {
			style: 'cubic-bezier(0.1, 0.57, 0.1, 1)',	// Not properly "circular" but this looks better, it should be (0.075, 0.82, 0.165, 1)
			fn: function (k) {
				return Math.sqrt( 1 - ( --k * k ) );
			}
		},
		back: {
			style: 'cubic-bezier(0.175, 0.885, 0.32, 1.275)',
			fn: function (k) {
				var b = 4;
				return ( k = k - 1 ) * k * ( ( b + 1 ) * k + b ) + 1;
			}
		},
		bounce: {
			style: '',
			fn: function (k) {
				if ( ( k /= 1 ) < ( 1 / 2.75 ) ) {
					return 7.5625 * k * k;
				} else if ( k < ( 2 / 2.75 ) ) {
					return 7.5625 * ( k -= ( 1.5 / 2.75 ) ) * k + 0.75;
				} else if ( k < ( 2.5 / 2.75 ) ) {
					return 7.5625 * ( k -= ( 2.25 / 2.75 ) ) * k + 0.9375;
				} else {
					return 7.5625 * ( k -= ( 2.625 / 2.75 ) ) * k + 0.984375;
				}
			}
		},
		elastic: {
			style: '',
			fn: function (k) {
				var f = 0.22,
					e = 0.4;
				if ( k === 0 ) { return 0; }
				if ( k == 1 ) { return 1; }
				return ( e * Math.pow( 2, - 10 * k ) * Math.sin( ( k - f / 4 ) * ( 2 * Math.PI ) / f ) + 1 );
			}
		}
	});
	me.tap = function (e, eventName) {
		var ev = document.createEvent('Event');
		ev.initEvent(eventName, true, true);
		ev.pageX = e.pageX;
		ev.pageY = e.pageY;
		e.target.dispatchEvent(ev);
	};
	me.click = function (e) {
		var target = e.target,
			ev;
		if ( !(/(SELECT|INPUT|TEXTAREA)/i).test(target.tagName) ) {
			ev = document.createEvent('MouseEvents');
			ev.initMouseEvent('click', true, true, e.view, 1,
				target.screenX, target.screenY, target.clientX, target.clientY,
				e.ctrlKey, e.altKey, e.shiftKey, e.metaKey,
				0, null);
			ev._constructed = true;
			target.dispatchEvent(ev);
		}
	};
	return me;
})();
function IScroll (el, options) {
	this.wrapper = typeof el == 'string' ? document.querySelector(el) : el;
	this.scroller = this.wrapper.children[0];
	this.scrollerStyle = this.scroller.style;		// cache style for better performance
	this.options = {
		resizeScrollbars: true,
		mouseWheelSpeed: 20,
		snapThreshold: 0.334,
// INSERT POINT: OPTIONS 
		startX: 0,
		startY: 0,
		scrollY: true,
		directionLockThreshold: 5,
		momentum: true,
		bounce: true,
		bounceTime: 600,
		bounceEasing: '',
		preventDefault: true,
		preventDefaultException: { tagName: /^(INPUT|TEXTAREA|BUTTON|SELECT)$/ },
		HWCompositing: true,
		useTransition: true,
		useTransform: true
	};
	for ( var i in options ) {
		this.options[i] = options[i];
	}
	// Normalize options
	this.translateZ = this.options.HWCompositing && utils.hasPerspective ? ' translateZ(0)' : '';
	this.options.useTransition = utils.hasTransition && this.options.useTransition;
	this.options.useTransform = utils.hasTransform && this.options.useTransform;
	this.options.eventPassthrough = this.options.eventPassthrough === true ? 'vertical' : this.options.eventPassthrough;
	this.options.preventDefault = !this.options.eventPassthrough && this.options.preventDefault;
	// If you want eventPassthrough I have to lock one of the axes
	this.options.scrollY = this.options.eventPassthrough == 'vertical' ? false : this.options.scrollY;
	this.options.scrollX = this.options.eventPassthrough == 'horizontal' ? false : this.options.scrollX;
	// With eventPassthrough we also need lockDirection mechanism
	this.options.freeScroll = this.options.freeScroll && !this.options.eventPassthrough;
	this.options.directionLockThreshold = this.options.eventPassthrough ? 0 : this.options.directionLockThreshold;
	this.options.bounceEasing = typeof this.options.bounceEasing == 'string' ? utils.ease[this.options.bounceEasing] || utils.ease.circular : this.options.bounceEasing;
	this.options.resizePolling = this.options.resizePolling === undefined ? 60 : this.options.resizePolling;
	if ( this.options.tap === true ) {
		this.options.tap = 'tap';
	}
	if ( this.options.shrinkScrollbars == 'scale' ) {
		this.options.useTransition = false;
	}
	this.options.invertWheelDirection = this.options.invertWheelDirection ? -1 : 1;
	if ( this.options.probeType == 3 ) {
		this.options.useTransition = false;	}
// INSERT POINT: NORMALIZATION
	// Some defaults	
	this.x = 0;
	this.y = 0;
	this.directionX = 0;
	this.directionY = 0;
	this._events = {};
// INSERT POINT: DEFAULTS
	this._init();
	this.refresh();
	this.scrollTo(this.options.startX, this.options.startY);
	this.enable();
}
IScroll.prototype = {
	version: '5.1.3',
	_init: function () {
		this._initEvents();
		if ( this.options.scrollbars || this.options.indicators ) {
			this._initIndicators();
		}
		if ( this.options.mouseWheel ) {
			this._initWheel();
		}
		if ( this.options.snap ) {
			this._initSnap();
		}
		if ( this.options.keyBindings ) {
			this._initKeys();
		}
// INSERT POINT: _init
	},
	destroy: function () {
		this._initEvents(true);
		this._execEvent('destroy');
	},
	_transitionEnd: function (e) {
		if ( e.target != this.scroller || !this.isInTransition ) {
			return;
		}
		this._transitionTime();
		if ( !this.resetPosition(this.options.bounceTime) ) {
			this.isInTransition = false;
			this._execEvent('scrollEnd');
		}
	},
	_start: function (e) {
		// React to left mouse button only
		if ( utils.eventType[e.type] != 1 ) {
			if ( e.button !== 0 ) {
				return;
			}
		}
		if ( !this.enabled || (this.initiated && utils.eventType[e.type] !== this.initiated) ) {
			return;
		}
		if ( this.options.preventDefault && !utils.isBadAndroid && !utils.preventDefaultException(e.target, this.options.preventDefaultException) ) {
			e.preventDefault();
		}
		var point = e.touches ? e.touches[0] : e,
			pos;
		this.initiated	= utils.eventType[e.type];
		this.moved		= false;
		this.distX		= 0;
		this.distY		= 0;
		this.directionX = 0;
		this.directionY = 0;
		this.directionLocked = 0;
		this._transitionTime();
		this.startTime = utils.getTime();
		if ( this.options.useTransition && this.isInTransition ) {
			this.isInTransition = false;
			pos = this.getComputedPosition();
			this._translate(Math.round(pos.x), Math.round(pos.y));
			this._execEvent('scrollEnd');
		} else if ( !this.options.useTransition && this.isAnimating ) {
			this.isAnimating = false;
			this._execEvent('scrollEnd');
		}
		this.startX    = this.x;
		this.startY    = this.y;
		this.absStartX = this.x;
		this.absStartY = this.y;
		this.pointX    = point.pageX;
		this.pointY    = point.pageY;
		this._execEvent('beforeScrollStart');
	},
	_move: function (e) {
		if ( !this.enabled || utils.eventType[e.type] !== this.initiated ) {
			return;
		}
		if ( this.options.preventDefault ) {	// increases performance on Android? TODO: check!
			e.preventDefault();
		}
		var point		= e.touches ? e.touches[0] : e,
			deltaX		= point.pageX - this.pointX,
			deltaY		= point.pageY - this.pointY,
			timestamp	= utils.getTime(),
			newX, newY,
			absDistX, absDistY;
		this.pointX		= point.pageX;
		this.pointY		= point.pageY;
		this.distX		+= deltaX;
		this.distY		+= deltaY;
		absDistX		= Math.abs(this.distX);
		absDistY		= Math.abs(this.distY);
		// We need to move at least 10 pixels for the scrolling to initiate
		if ( timestamp - this.endTime > 300 && (absDistX < 10 && absDistY < 10) ) {
			return;
		}
		// If you are scrolling in one direction lock the other
		if ( !this.directionLocked && !this.options.freeScroll ) {
			if ( absDistX > absDistY + this.options.directionLockThreshold ) {
				this.directionLocked = 'h';		// lock horizontally
			} else if ( absDistY >= absDistX + this.options.directionLockThreshold ) {
				this.directionLocked = 'v';		// lock vertically
			} else {
				this.directionLocked = 'n';		// no lock
			}
		}
		if ( this.directionLocked == 'h' ) {
			if ( this.options.eventPassthrough == 'vertical' ) {
				e.preventDefault();
			} else if ( this.options.eventPassthrough == 'horizontal' ) {
				this.initiated = false;
				return;
			}
			deltaY = 0;
		} else if ( this.directionLocked == 'v' ) {
			if ( this.options.eventPassthrough == 'horizontal' ) {
				e.preventDefault();
			} else if ( this.options.eventPassthrough == 'vertical' ) {
				this.initiated = false;
				return;
			}
			deltaX = 0;
		}
		deltaX = this.hasHorizontalScroll ? deltaX : 0;
		deltaY = this.hasVerticalScroll ? deltaY : 0;
		newX = this.x + deltaX;
		newY = this.y + deltaY;
		// Slow down if outside of the boundaries
		if ( newX > 0 || newX < this.maxScrollX ) {
			newX = this.options.bounce ? this.x + deltaX / 3 : newX > 0 ? 0 : this.maxScrollX;
		}
		if ( newY > 0 || newY < this.maxScrollY ) {
			newY = this.options.bounce ? this.y + deltaY / 3 : newY > 0 ? 0 : this.maxScrollY;
		}
		this.directionX = deltaX > 0 ? -1 : deltaX < 0 ? 1 : 0;
		this.directionY = deltaY > 0 ? -1 : deltaY < 0 ? 1 : 0;
		if ( !this.moved ) {
			this._execEvent('scrollStart');
		}
		this.moved = true;
		this._translate(newX, newY);
/* REPLACE START: _move */
		if ( timestamp - this.startTime > 300 ) {
			this.startTime = timestamp;
			this.startX = this.x;
			this.startY = this.y;
			if ( this.options.probeType == 1 ) {
				this._execEvent('scroll');
			}
		}
		if ( this.options.probeType > 1 ) {
			this._execEvent('scroll');
		}
/* REPLACE END: _move */
	},
	_end: function (e) {
		if ( !this.enabled || utils.eventType[e.type] !== this.initiated ) {
			return;
		}
		if ( this.options.preventDefault && !utils.preventDefaultException(e.target, this.options.preventDefaultException) ) {
			e.preventDefault();
		}
		var point = e.changedTouches ? e.changedTouches[0] : e,
			momentumX,
			momentumY,
			duration = utils.getTime() - this.startTime,
			newX = Math.round(this.x),
			newY = Math.round(this.y),
			distanceX = Math.abs(newX - this.startX),
			distanceY = Math.abs(newY - this.startY),
			time = 0,
			easing = '';
		this.isInTransition = 0;
		this.initiated = 0;
		this.endTime = utils.getTime();
		// reset if we are outside of the boundaries
		if ( this.resetPosition(this.options.bounceTime) ) {
			return;
		}
		this.scrollTo(newX, newY);	// ensures that the last position is rounded
		// we scrolled less than 10 pixels
		if ( !this.moved ) {
			if ( this.options.tap ) {
				utils.tap(e, this.options.tap);
			}
			if ( this.options.click ) {
				utils.click(e);
			}
			this._execEvent('scrollCancel');
			return;
		}
		if ( this._events.flick && duration < 200 && distanceX < 100 && distanceY < 100 ) {
			this._execEvent('flick');
			return;
		}
		// start momentum animation if needed
		if ( this.options.momentum && duration < 300 ) {
			momentumX = this.hasHorizontalScroll ? utils.momentum(this.x, this.startX, duration, this.maxScrollX, this.options.bounce ? this.wrapperWidth : 0, this.options.deceleration) : { destination: newX, duration: 0 };
			momentumY = this.hasVerticalScroll ? utils.momentum(this.y, this.startY, duration, this.maxScrollY, this.options.bounce ? this.wrapperHeight : 0, this.options.deceleration) : { destination: newY, duration: 0 };
			newX = momentumX.destination;
			newY = momentumY.destination;
			time = Math.max(momentumX.duration, momentumY.duration);
			this.isInTransition = 1;
		}
		if ( this.options.snap ) {
			var snap = this._nearestSnap(newX, newY);
			this.currentPage = snap;
			time = this.options.snapSpeed || Math.max(
					Math.max(
						Math.min(Math.abs(newX - snap.x), 1000),
						Math.min(Math.abs(newY - snap.y), 1000)
					), 300);
			newX = snap.x;
			newY = snap.y;
			this.directionX = 0;
			this.directionY = 0;
			easing = this.options.bounceEasing;
		}
// INSERT POINT: _end
		if ( newX != this.x || newY != this.y ) {
			// change easing function when scroller goes out of the boundaries
			if ( newX > 0 || newX < this.maxScrollX || newY > 0 || newY < this.maxScrollY ) {
				easing = utils.ease.quadratic;
			}
			this.scrollTo(newX, newY, time, easing);
			return;
		}
		this._execEvent('scrollEnd');
	},
	_resize: function () {
		var that = this;
		clearTimeout(this.resizeTimeout);
		this.resizeTimeout = setTimeout(function () {
			that.refresh();
		}, this.options.resizePolling);
	},
	resetPosition: function (time) {
		var x = this.x,
			y = this.y;
		time = time || 0;
		if ( !this.hasHorizontalScroll || this.x > 0 ) {
			x = 0;
		} else if ( this.x < this.maxScrollX ) {
			x = this.maxScrollX;
		}
		if ( !this.hasVerticalScroll || this.y > 0 ) {
			y = 0;
		} else if ( this.y < this.maxScrollY ) {
			y = this.maxScrollY;
		}
		if ( x == this.x && y == this.y ) {
			return false;
		}
		this.scrollTo(x, y, time, this.options.bounceEasing);
		return true;
	},
	disable: function () {
		this.enabled = false;
	},
	enable: function () {
		this.enabled = true;
	},
	refresh: function () {
		var rf = this.wrapper.offsetHeight;		// Force reflow
		this.wrapperWidth	= this.wrapper.clientWidth;
		this.wrapperHeight	= this.wrapper.clientHeight;
/* REPLACE START: refresh */
		this.scrollerWidth	= this.scroller.offsetWidth;
		this.scrollerHeight	= this.scroller.offsetHeight;
		this.maxScrollX		= this.wrapperWidth - this.scrollerWidth;
		this.maxScrollY		= this.wrapperHeight - this.scrollerHeight;
/* REPLACE END: refresh */
		this.hasHorizontalScroll	= this.options.scrollX && this.maxScrollX < 0;
		this.hasVerticalScroll		= this.options.scrollY && this.maxScrollY < 0;
		if ( !this.hasHorizontalScroll ) {
			this.maxScrollX = 0;
			this.scrollerWidth = this.wrapperWidth;
		}
		if ( !this.hasVerticalScroll ) {
			this.maxScrollY = 0;
			this.scrollerHeight = this.wrapperHeight;
		}
		this.endTime = 0;
		this.directionX = 0;
		this.directionY = 0;
		this.wrapperOffset = utils.offset(this.wrapper);
		this._execEvent('refresh');
		this.resetPosition();
// INSERT POINT: _refresh
	},
	on: function (type, fn) {
		if ( !this._events[type] ) {
			this._events[type] = [];
		}
		this._events[type].push(fn);
	},
	off: function (type, fn) {
		if ( !this._events[type] ) {
			return;
		}
		var index = this._events[type].indexOf(fn);
		if ( index > -1 ) {
			this._events[type].splice(index, 1);
		}
	},
	_execEvent: function (type) {
		if ( !this._events[type] ) {
			return;
		}
		var i = 0,
			l = this._events[type].length;
		if ( !l ) {
			return;
		}
		for ( ; i < l; i++ ) {
			this._events[type][i].apply(this, [].slice.call(arguments, 1));
		}
	},
	scrollBy: function (x, y, time, easing) {
		x = this.x + x;
		y = this.y + y;
		time = time || 0;
		this.scrollTo(x, y, time, easing);
	},
	scrollTo: function (x, y, time, easing) {
		easing = easing || utils.ease.circular;
		this.isInTransition = this.options.useTransition && time > 0;
		if ( !time || (this.options.useTransition && easing.style) ) {
			this._transitionTimingFunction(easing.style);
			this._transitionTime(time);
			this._translate(x, y);
		} else {
			this._animate(x, y, time, easing.fn);
		}
	},
	scrollToElement: function (el, time, offsetX, offsetY, easing) {
		el = el.nodeType ? el : this.scroller.querySelector(el);
		if ( !el ) {
			return;
		}
		var pos = utils.offset(el);
		pos.left -= this.wrapperOffset.left;
		pos.top  -= this.wrapperOffset.top;
		// if offsetX/Y are true we center the element to the screen
		if ( offsetX === true ) {
			offsetX = Math.round(el.offsetWidth / 2 - this.wrapper.offsetWidth / 2);
		}
		if ( offsetY === true ) {
			offsetY = Math.round(el.offsetHeight / 2 - this.wrapper.offsetHeight / 2);
		}
		pos.left -= offsetX || 0;
		pos.top  -= offsetY || 0;
		pos.left = pos.left > 0 ? 0 : pos.left < this.maxScrollX ? this.maxScrollX : pos.left;
		pos.top  = pos.top  > 0 ? 0 : pos.top  < this.maxScrollY ? this.maxScrollY : pos.top;
		time = time === undefined || time === null || time === 'auto' ? Math.max(Math.abs(this.x-pos.left), Math.abs(this.y-pos.top)) : time;
		this.scrollTo(pos.left, pos.top, time, easing);
	},
	_transitionTime: function (time) {
		time = time || 0;
		this.scrollerStyle[utils.style.transitionDuration] = time + 'ms';
		if ( !time && utils.isBadAndroid ) {
			this.scrollerStyle[utils.style.transitionDuration] = '0.001s';
		}
		if ( this.indicators ) {
			for ( var i = this.indicators.length; i--; ) {
				this.indicators[i].transitionTime(time);
			}
		}
// INSERT POINT: _transitionTime
	},
	_transitionTimingFunction: function (easing) {
		this.scrollerStyle[utils.style.transitionTimingFunction] = easing;
		if ( this.indicators ) {
			for ( var i = this.indicators.length; i--; ) {
				this.indicators[i].transitionTimingFunction(easing);
			}
		}
// INSERT POINT: _transitionTimingFunction
	},
	_translate: function (x, y) {
		if ( this.options.useTransform ) {
/* REPLACE START: _translate */
			this.scrollerStyle[utils.style.transform] = 'translate(' + x + 'px,' + y + 'px)' + this.translateZ;
/* REPLACE END: _translate */
		} else {
			x = Math.round(x);
			y = Math.round(y);
			this.scrollerStyle.left = x + 'px';
			this.scrollerStyle.top = y + 'px';
		}
		this.x = x;
		this.y = y;
	if ( this.indicators ) {
		for ( var i = this.indicators.length; i--; ) {
			this.indicators[i].updatePosition();
		}
	}
// INSERT POINT: _translate
	},
	_initEvents: function (remove) {
		var eventType = remove ? utils.removeEvent : utils.addEvent,
			target = this.options.bindToWrapper ? this.wrapper : window;
		eventType(window, 'orientationchange', this);
		eventType(window, 'resize', this);
		if ( this.options.click ) {
			eventType(this.wrapper, 'click', this, true);
		}
		if ( !this.options.disableMouse ) {
			eventType(this.wrapper, 'mousedown', this);
			eventType(target, 'mousemove', this);
			eventType(target, 'mousecancel', this);
			eventType(target, 'mouseup', this);
		}
		if ( utils.hasPointer && !this.options.disablePointer ) {
			eventType(this.wrapper, utils.prefixPointerEvent('pointerdown'), this);
			eventType(target, utils.prefixPointerEvent('pointermove'), this);
			eventType(target, utils.prefixPointerEvent('pointercancel'), this);
			eventType(target, utils.prefixPointerEvent('pointerup'), this);
		}
		if ( utils.hasTouch && !this.options.disableTouch ) {
			eventType(this.wrapper, 'touchstart', this);
			eventType(target, 'touchmove', this);
			eventType(target, 'touchcancel', this);
			eventType(target, 'touchend', this);
		}
		eventType(this.scroller, 'transitionend', this);
		eventType(this.scroller, 'webkitTransitionEnd', this);
		eventType(this.scroller, 'oTransitionEnd', this);
		eventType(this.scroller, 'MSTransitionEnd', this);
	},
	getComputedPosition: function () {
		var matrix = window.getComputedStyle(this.scroller, null),
			x, y;
		if ( this.options.useTransform ) {
			matrix = matrix[utils.style.transform].split(')')[0].split(', ');
			x = +(matrix[12] || matrix[4]);
			y = +(matrix[13] || matrix[5]);
		} else {
			x = +matrix.left.replace(/[^-\d.]/g, '');
			y = +matrix.top.replace(/[^-\d.]/g, '');
		}
		return { x: x, y: y };
	},
	_initIndicators: function () {
		var interactive = this.options.interactiveScrollbars,
			customStyle = typeof this.options.scrollbars != 'string',
			indicators = [],
			indicator;
		var that = this;
		this.indicators = [];
		if ( this.options.scrollbars ) {
			// Vertical scrollbar
			if ( this.options.scrollY ) {
				indicator = {
					el: createDefaultScrollbar('v', interactive, this.options.scrollbars),
					interactive: interactive,
					defaultScrollbars: true,
					customStyle: customStyle,
					resize: this.options.resizeScrollbars,
					shrink: this.options.shrinkScrollbars,
					fade: this.options.fadeScrollbars,
					listenX: false
				};
				this.wrapper.appendChild(indicator.el);
				indicators.push(indicator);
			}
			// Horizontal scrollbar
			if ( this.options.scrollX ) {
				indicator = {
					el: createDefaultScrollbar('h', interactive, this.options.scrollbars),
					interactive: interactive,
					defaultScrollbars: true,
					customStyle: customStyle,
					resize: this.options.resizeScrollbars,
					shrink: this.options.shrinkScrollbars,
					fade: this.options.fadeScrollbars,
					listenY: false
				};
				this.wrapper.appendChild(indicator.el);
				indicators.push(indicator);
			}
		}
		if ( this.options.indicators ) {
			// TODO: check concat compatibility
			indicators = indicators.concat(this.options.indicators);
		}
		for ( var i = indicators.length; i--; ) {
			this.indicators.push( new Indicator(this, indicators[i]) );
		}
		// TODO: check if we can use array.map (wide compatibility and performance issues)
		function _indicatorsMap (fn) {
			for ( var i = that.indicators.length; i--; ) {
				fn.call(that.indicators[i]);
			}
		}
		if ( this.options.fadeScrollbars ) {
			this.on('scrollEnd', function () {
				_indicatorsMap(function () {
					this.fade();
				});
			});
			this.on('scrollCancel', function () {
				_indicatorsMap(function () {
					this.fade();
				});
			});
			this.on('scrollStart', function () {
				_indicatorsMap(function () {
					this.fade(1);
				});
			});
			this.on('beforeScrollStart', function () {
				_indicatorsMap(function () {
					this.fade(1, true);
				});
			});
		}
		this.on('refresh', function () {
			_indicatorsMap(function () {
				this.refresh();
			});
		});
		this.on('destroy', function () {
			_indicatorsMap(function () {
				this.destroy();
			});
			delete this.indicators;
		});
	},
	_initWheel: function () {
		utils.addEvent(this.wrapper, 'wheel', this);
		utils.addEvent(this.wrapper, 'mousewheel', this);
		utils.addEvent(this.wrapper, 'DOMMouseScroll', this);
		this.on('destroy', function () {
			utils.removeEvent(this.wrapper, 'wheel', this);
			utils.removeEvent(this.wrapper, 'mousewheel', this);
			utils.removeEvent(this.wrapper, 'DOMMouseScroll', this);
		});
	},
	_wheel: function (e) {
		if ( !this.enabled ) {
			return;
		}
		e.preventDefault();
		e.stopPropagation();
		var wheelDeltaX, wheelDeltaY,
			newX, newY,
			that = this;
		if ( this.wheelTimeout === undefined ) {
			that._execEvent('scrollStart');
		}
		// Execute the scrollEnd event after 400ms the wheel stopped scrolling
		clearTimeout(this.wheelTimeout);
		this.wheelTimeout = setTimeout(function () {
			that._execEvent('scrollEnd');
			that.wheelTimeout = undefined;
		}, 400);
		if ( 'deltaX' in e ) {
			if (e.deltaMode === 1) {
				wheelDeltaX = -e.deltaX * this.options.mouseWheelSpeed;
				wheelDeltaY = -e.deltaY * this.options.mouseWheelSpeed;
			} else {
				wheelDeltaX = -e.deltaX;
				wheelDeltaY = -e.deltaY;
			}
		} else if ( 'wheelDeltaX' in e ) {
			wheelDeltaX = e.wheelDeltaX / 120 * this.options.mouseWheelSpeed;
			wheelDeltaY = e.wheelDeltaY / 120 * this.options.mouseWheelSpeed;
		} else if ( 'wheelDelta' in e ) {
			wheelDeltaX = wheelDeltaY = e.wheelDelta / 120 * this.options.mouseWheelSpeed;
		} else if ( 'detail' in e ) {
			wheelDeltaX = wheelDeltaY = -e.detail / 3 * this.options.mouseWheelSpeed;
		} else {
			return;
		}
		wheelDeltaX *= this.options.invertWheelDirection;
		wheelDeltaY *= this.options.invertWheelDirection;
		if ( !this.hasVerticalScroll ) {
			wheelDeltaX = wheelDeltaY;
			wheelDeltaY = 0;
		}
		if ( this.options.snap ) {
			newX = this.currentPage.pageX;
			newY = this.currentPage.pageY;
			if ( wheelDeltaX > 0 ) {
				newX--;
			} else if ( wheelDeltaX < 0 ) {
				newX++;
			}
			if ( wheelDeltaY > 0 ) {
				newY--;
			} else if ( wheelDeltaY < 0 ) {
				newY++;
			}
			this.goToPage(newX, newY);
			return;
		}
		newX = this.x + Math.round(this.hasHorizontalScroll ? wheelDeltaX : 0);
		newY = this.y + Math.round(this.hasVerticalScroll ? wheelDeltaY : 0);
		if ( newX > 0 ) {
			newX = 0;
		} else if ( newX < this.maxScrollX ) {
			newX = this.maxScrollX;
		}
		if ( newY > 0 ) {
			newY = 0;
		} else if ( newY < this.maxScrollY ) {
			newY = this.maxScrollY;
		}
		this.scrollTo(newX, newY, 0);
		if ( this.options.probeType > 1 ) {
			this._execEvent('scroll');
		}
// INSERT POINT: _wheel
	},
	_initSnap: function () {
		this.currentPage = {};
		if ( typeof this.options.snap == 'string' ) {
			this.options.snap = this.scroller.querySelectorAll(this.options.snap);
		}
		this.on('refresh', function () {
			var i = 0, l,
				m = 0, n,
				cx, cy,
				x = 0, y,
				stepX = this.options.snapStepX || this.wrapperWidth,
				stepY = this.options.snapStepY || this.wrapperHeight,
				el;
			this.pages = [];
			if ( !this.wrapperWidth || !this.wrapperHeight || !this.scrollerWidth || !this.scrollerHeight ) {
				return;
			}
			if ( this.options.snap === true ) {
				cx = Math.round( stepX / 2 );
				cy = Math.round( stepY / 2 );
				while ( x > -this.scrollerWidth ) {
					this.pages[i] = [];
					l = 0;
					y = 0;
					while ( y > -this.scrollerHeight ) {
						this.pages[i][l] = {
							x: Math.max(x, this.maxScrollX),
							y: Math.max(y, this.maxScrollY),
							width: stepX,
							height: stepY,
							cx: x - cx,
							cy: y - cy
						};
						y -= stepY;
						l++;
					}
					x -= stepX;
					i++;
				}
			} else {
				el = this.options.snap;
				l = el.length;
				n = -1;
				for ( ; i < l; i++ ) {
					if ( i === 0 || el[i].offsetLeft <= el[i-1].offsetLeft ) {
						m = 0;
						n++;
					}
					if ( !this.pages[m] ) {
						this.pages[m] = [];
					}
					x = Math.max(-el[i].offsetLeft, this.maxScrollX);
					y = Math.max(-el[i].offsetTop, this.maxScrollY);
					cx = x - Math.round(el[i].offsetWidth / 2);
					cy = y - Math.round(el[i].offsetHeight / 2);
					this.pages[m][n] = {
						x: x,
						y: y,
						width: el[i].offsetWidth,
						height: el[i].offsetHeight,
						cx: cx,
						cy: cy
					};
					if ( x > this.maxScrollX ) {
						m++;
					}
				}
			}
			this.goToPage(this.currentPage.pageX || 0, this.currentPage.pageY || 0, 0);
			// Update snap threshold if needed
			if ( this.options.snapThreshold % 1 === 0 ) {
				this.snapThresholdX = this.options.snapThreshold;
				this.snapThresholdY = this.options.snapThreshold;
			} else {
				this.snapThresholdX = Math.round(this.pages[this.currentPage.pageX][this.currentPage.pageY].width * this.options.snapThreshold);
				this.snapThresholdY = Math.round(this.pages[this.currentPage.pageX][this.currentPage.pageY].height * this.options.snapThreshold);
			}
		});
		this.on('flick', function () {
			var time = this.options.snapSpeed || Math.max(
					Math.max(
						Math.min(Math.abs(this.x - this.startX), 1000),
						Math.min(Math.abs(this.y - this.startY), 1000)
					), 300);
			this.goToPage(
				this.currentPage.pageX + this.directionX,
				this.currentPage.pageY + this.directionY,
				time
			);
		});
	},
	_nearestSnap: function (x, y) {
		if ( !this.pages.length ) {
			return { x: 0, y: 0, pageX: 0, pageY: 0 };
		}
		var i = 0,
			l = this.pages.length,
			m = 0;
		// Check if we exceeded the snap threshold
		if ( Math.abs(x - this.absStartX) < this.snapThresholdX &&
			Math.abs(y - this.absStartY) < this.snapThresholdY ) {
			return this.currentPage;
		}
		if ( x > 0 ) {
			x = 0;
		} else if ( x < this.maxScrollX ) {
			x = this.maxScrollX;
		}
		if ( y > 0 ) {
			y = 0;
		} else if ( y < this.maxScrollY ) {
			y = this.maxScrollY;
		}
		for ( ; i < l; i++ ) {
			if ( x >= this.pages[i][0].cx ) {
				x = this.pages[i][0].x;
				break;
			}
		}
		l = this.pages[i].length;
		for ( ; m < l; m++ ) {
			if ( y >= this.pages[0][m].cy ) {
				y = this.pages[0][m].y;
				break;
			}
		}
		if ( i == this.currentPage.pageX ) {
			i += this.directionX;
			if ( i < 0 ) {
				i = 0;
			} else if ( i >= this.pages.length ) {
				i = this.pages.length - 1;
			}
			x = this.pages[i][0].x;
		}
		if ( m == this.currentPage.pageY ) {
			m += this.directionY;
			if ( m < 0 ) {
				m = 0;
			} else if ( m >= this.pages[0].length ) {
				m = this.pages[0].length - 1;
			}
			y = this.pages[0][m].y;
		}
		return {
			x: x,
			y: y,
			pageX: i,
			pageY: m
		};
	},
	goToPage: function (x, y, time, easing) {
		easing = easing || this.options.bounceEasing;
		if ( x >= this.pages.length ) {
			x = this.pages.length - 1;
		} else if ( x < 0 ) {
			x = 0;
		}
		if ( y >= this.pages[x].length ) {
			y = this.pages[x].length - 1;
		} else if ( y < 0 ) {
			y = 0;
		}
		var posX = this.pages[x][y].x,
			posY = this.pages[x][y].y;
		time = time === undefined ? this.options.snapSpeed || Math.max(
			Math.max(
				Math.min(Math.abs(posX - this.x), 1000),
				Math.min(Math.abs(posY - this.y), 1000)
			), 300) : time;
		this.currentPage = {
			x: posX,
			y: posY,
			pageX: x,
			pageY: y
		};
		this.scrollTo(posX, posY, time, easing);
	},
	next: function (time, easing) {
		var x = this.currentPage.pageX,
			y = this.currentPage.pageY;
		x++;
		if ( x >= this.pages.length && this.hasVerticalScroll ) {
			x = 0;
			y++;
		}
		this.goToPage(x, y, time, easing);
	},
	prev: function (time, easing) {
		var x = this.currentPage.pageX,
			y = this.currentPage.pageY;
		x--;
		if ( x < 0 && this.hasVerticalScroll ) {
			x = 0;
			y--;
		}
		this.goToPage(x, y, time, easing);
	},
	_initKeys: function (e) {
		// default key bindings
		var keys = {
			pageUp: 33,
			pageDown: 34,
			end: 35,
			home: 36,
			left: 37,
			up: 38,
			right: 39,
			down: 40
		};
		var i;
		// if you give me characters I give you keycode
		if ( typeof this.options.keyBindings == 'object' ) {
			for ( i in this.options.keyBindings ) {
				if ( typeof this.options.keyBindings[i] == 'string' ) {
					this.options.keyBindings[i] = this.options.keyBindings[i].toUpperCase().charCodeAt(0);
				}
			}
		} else {
			this.options.keyBindings = {};
		}
		for ( i in keys ) {
			this.options.keyBindings[i] = this.options.keyBindings[i] || keys[i];
		}
		utils.addEvent(window, 'keydown', this);
		this.on('destroy', function () {
			utils.removeEvent(window, 'keydown', this);
		});
	},
	_key: function (e) {
		if ( !this.enabled ) {
			return;
		}
		var snap = this.options.snap,	// we are using this alot, better to cache it
			newX = snap ? this.currentPage.pageX : this.x,
			newY = snap ? this.currentPage.pageY : this.y,
			now = utils.getTime(),
			prevTime = this.keyTime || 0,
			acceleration = 0.250,
			pos;
		if ( this.options.useTransition && this.isInTransition ) {
			pos = this.getComputedPosition();
			this._translate(Math.round(pos.x), Math.round(pos.y));
			this.isInTransition = false;
		}
		this.keyAcceleration = now - prevTime < 200 ? Math.min(this.keyAcceleration + acceleration, 50) : 0;
		switch ( e.keyCode ) {
			case this.options.keyBindings.pageUp:
				if ( this.hasHorizontalScroll && !this.hasVerticalScroll ) {
					newX += snap ? 1 : this.wrapperWidth;
				} else {
					newY += snap ? 1 : this.wrapperHeight;
				}
				break;
			case this.options.keyBindings.pageDown:
				if ( this.hasHorizontalScroll && !this.hasVerticalScroll ) {
					newX -= snap ? 1 : this.wrapperWidth;
				} else {
					newY -= snap ? 1 : this.wrapperHeight;
				}
				break;
			case this.options.keyBindings.end:
				newX = snap ? this.pages.length-1 : this.maxScrollX;
				newY = snap ? this.pages[0].length-1 : this.maxScrollY;
				break;
			case this.options.keyBindings.home:
				newX = 0;
				newY = 0;
				break;
			case this.options.keyBindings.left:
				newX += snap ? -1 : 5 + this.keyAcceleration>>0;
				break;
			case this.options.keyBindings.up:
				newY += snap ? 1 : 5 + this.keyAcceleration>>0;
				break;
			case this.options.keyBindings.right:
				newX -= snap ? -1 : 5 + this.keyAcceleration>>0;
				break;
			case this.options.keyBindings.down:
				newY -= snap ? 1 : 5 + this.keyAcceleration>>0;
				break;
			default:
				return;
		}
		if ( snap ) {
			this.goToPage(newX, newY);
			return;
		}
		if ( newX > 0 ) {
			newX = 0;
			this.keyAcceleration = 0;
		} else if ( newX < this.maxScrollX ) {
			newX = this.maxScrollX;
			this.keyAcceleration = 0;
		}
		if ( newY > 0 ) {
			newY = 0;
			this.keyAcceleration = 0;
		} else if ( newY < this.maxScrollY ) {
			newY = this.maxScrollY;
			this.keyAcceleration = 0;
		}
		this.scrollTo(newX, newY, 0);
		this.keyTime = now;
	},
	_animate: function (destX, destY, duration, easingFn) {
		var that = this,
			startX = this.x,
			startY = this.y,
			startTime = utils.getTime(),
			destTime = startTime + duration;
		function step () {
			var now = utils.getTime(),
				newX, newY,
				easing;
			if ( now >= destTime ) {
				that.isAnimating = false;
				that._translate(destX, destY);
				
				if ( !that.resetPosition(that.options.bounceTime) ) {
					that._execEvent('scrollEnd');
				}
				return;
			}
			now = ( now - startTime ) / duration;
			easing = easingFn(now);
			newX = ( destX - startX ) * easing + startX;
			newY = ( destY - startY ) * easing + startY;
			that._translate(newX, newY);
			if ( that.isAnimating ) {
				rAF(step);
			}
			if ( that.options.probeType == 3 ) {
				that._execEvent('scroll');
			}
		}
		this.isAnimating = true;
		step();
	},
	handleEvent: function (e) {
		switch ( e.type ) {
			case 'touchstart':
			case 'pointerdown':
			case 'MSPointerDown':
			case 'mousedown':
				this._start(e);
				break;
			case 'touchmove':
			case 'pointermove':
			case 'MSPointerMove':
			case 'mousemove':
				this._move(e);
				break;
			case 'touchend':
			case 'pointerup':
			case 'MSPointerUp':
			case 'mouseup':
			case 'touchcancel':
			case 'pointercancel':
			case 'MSPointerCancel':
			case 'mousecancel':
				this._end(e);
				break;
			case 'orientationchange':
			case 'resize':
				this._resize();
				break;
			case 'transitionend':
			case 'webkitTransitionEnd':
			case 'oTransitionEnd':
			case 'MSTransitionEnd':
				this._transitionEnd(e);
				break;
			case 'wheel':
			case 'DOMMouseScroll':
			case 'mousewheel':
				this._wheel(e);
				break;
			case 'keydown':
				this._key(e);
				break;
			case 'click':
				if ( !e._constructed ) {
					e.preventDefault();
					e.stopPropagation();
				}
				break;
		}
	}
};
function createDefaultScrollbar (direction, interactive, type) {
	var scrollbar = document.createElement('div'),
		indicator = document.createElement('div');
	if ( type === true ) {
		scrollbar.style.cssText = 'position:absolute;z-index:9999';
		indicator.style.cssText = '-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:absolute;background:rgba(0,0,0,0.5);border:1px solid rgba(255,255,255,0.9);border-radius:3px';
	}
	indicator.className = 'iScrollIndicator';
	if ( direction == 'h' ) {
		if ( type === true ) {
			scrollbar.style.cssText += ';height:7px;left:2px;right:2px;bottom:0';
			indicator.style.height = '100%';
		}
		scrollbar.className = 'iScrollHorizontalScrollbar';
	} else {
		if ( type === true ) {
			scrollbar.style.cssText += ';width:7px;bottom:2px;top:2px;right:1px';
			indicator.style.width = '100%';
		}
		scrollbar.className = 'iScrollVerticalScrollbar';
	}
	scrollbar.style.cssText += ';overflow:hidden';
	if ( !interactive ) {
		scrollbar.style.pointerEvents = 'none';
	}
	scrollbar.appendChild(indicator);
	return scrollbar;
}
function Indicator (scroller, options) {
	this.wrapper = typeof options.el == 'string' ? document.querySelector(options.el) : options.el;
	this.wrapperStyle = this.wrapper.style;
	this.indicator = this.wrapper.children[0];
	this.indicatorStyle = this.indicator.style;
	this.scroller = scroller;
	this.options = {
		listenX: true,
		listenY: true,
		interactive: false,
		resize: true,
		defaultScrollbars: false,
		shrink: false,
		fade: false,
		speedRatioX: 0,
		speedRatioY: 0
	};
	for ( var i in options ) {
		this.options[i] = options[i];
	}
	this.sizeRatioX = 1;
	this.sizeRatioY = 1;
	this.maxPosX = 0;
	this.maxPosY = 0;
	if ( this.options.interactive ) {
		if ( !this.options.disableTouch ) {
			utils.addEvent(this.indicator, 'touchstart', this);
			utils.addEvent(window, 'touchend', this);
		}
		if ( !this.options.disablePointer ) {
			utils.addEvent(this.indicator, utils.prefixPointerEvent('pointerdown'), this);
			utils.addEvent(window, utils.prefixPointerEvent('pointerup'), this);
		}
		if ( !this.options.disableMouse ) {
			utils.addEvent(this.indicator, 'mousedown', this);
			utils.addEvent(window, 'mouseup', this);
		}
	}
	if ( this.options.fade ) {
		this.wrapperStyle[utils.style.transform] = this.scroller.translateZ;
		this.wrapperStyle[utils.style.transitionDuration] = utils.isBadAndroid ? '0.001s' : '0ms';
		this.wrapperStyle.opacity = '0';
	}
}
Indicator.prototype = {
	handleEvent: function (e) {
		switch ( e.type ) {
			case 'touchstart':
			case 'pointerdown':
			case 'MSPointerDown':
			case 'mousedown':
				this._start(e);
				break;
			case 'touchmove':
			case 'pointermove':
			case 'MSPointerMove':
			case 'mousemove':
				this._move(e);
				break;
			case 'touchend':
			case 'pointerup':
			case 'MSPointerUp':
			case 'mouseup':
			case 'touchcancel':
			case 'pointercancel':
			case 'MSPointerCancel':
			case 'mousecancel':
				this._end(e);
				break;
		}
	},
	destroy: function () {
		if ( this.options.interactive ) {
			utils.removeEvent(this.indicator, 'touchstart', this);
			utils.removeEvent(this.indicator, utils.prefixPointerEvent('pointerdown'), this);
			utils.removeEvent(this.indicator, 'mousedown', this);
			utils.removeEvent(window, 'touchmove', this);
			utils.removeEvent(window, utils.prefixPointerEvent('pointermove'), this);
			utils.removeEvent(window, 'mousemove', this);
			utils.removeEvent(window, 'touchend', this);
			utils.removeEvent(window, utils.prefixPointerEvent('pointerup'), this);
			utils.removeEvent(window, 'mouseup', this);
		}
		if ( this.options.defaultScrollbars ) {
			this.wrapper.parentNode.removeChild(this.wrapper);
		}
	},
	_start: function (e) {
		var point = e.touches ? e.touches[0] : e;
		e.preventDefault();
		e.stopPropagation();
		this.transitionTime();
		this.initiated = true;
		this.moved = false;
		this.lastPointX	= point.pageX;
		this.lastPointY	= point.pageY;
		this.startTime	= utils.getTime();
		if ( !this.options.disableTouch ) {
			utils.addEvent(window, 'touchmove', this);
		}
		if ( !this.options.disablePointer ) {
			utils.addEvent(window, utils.prefixPointerEvent('pointermove'), this);
		}
		if ( !this.options.disableMouse ) {
			utils.addEvent(window, 'mousemove', this);
		}
		this.scroller._execEvent('beforeScrollStart');
	},
	_move: function (e) {
		var point = e.touches ? e.touches[0] : e,
			deltaX, deltaY,
			newX, newY,
			timestamp = utils.getTime();
		if ( !this.moved ) {
			this.scroller._execEvent('scrollStart');
		}
		this.moved = true;
		deltaX = point.pageX - this.lastPointX;
		this.lastPointX = point.pageX;
		deltaY = point.pageY - this.lastPointY;
		this.lastPointY = point.pageY;
		newX = this.x + deltaX;
		newY = this.y + deltaY;
		this._pos(newX, newY);
		if ( this.scroller.options.probeType == 1 && timestamp - this.startTime > 300 ) {
			this.startTime = timestamp;
			this.scroller._execEvent('scroll');
		} else if ( this.scroller.options.probeType > 1 ) {
			this.scroller._execEvent('scroll');
		}
// INSERT POINT: indicator._move
		e.preventDefault();
		e.stopPropagation();
	},
	_end: function (e) {
		if ( !this.initiated ) {
			return;
		}
		this.initiated = false;
		e.preventDefault();
		e.stopPropagation();
		utils.removeEvent(window, 'touchmove', this);
		utils.removeEvent(window, utils.prefixPointerEvent('pointermove'), this);
		utils.removeEvent(window, 'mousemove', this);
		if ( this.scroller.options.snap ) {
			var snap = this.scroller._nearestSnap(this.scroller.x, this.scroller.y);
			var time = this.options.snapSpeed || Math.max(
					Math.max(
						Math.min(Math.abs(this.scroller.x - snap.x), 1000),
						Math.min(Math.abs(this.scroller.y - snap.y), 1000)
					), 300);
			if ( this.scroller.x != snap.x || this.scroller.y != snap.y ) {
				this.scroller.directionX = 0;
				this.scroller.directionY = 0;
				this.scroller.currentPage = snap;
				this.scroller.scrollTo(snap.x, snap.y, time, this.scroller.options.bounceEasing);
			}
		}
		if ( this.moved ) {
			this.scroller._execEvent('scrollEnd');
		}
	},
	transitionTime: function (time) {
		time = time || 0;
		this.indicatorStyle[utils.style.transitionDuration] = time + 'ms';
		if ( !time && utils.isBadAndroid ) {
			this.indicatorStyle[utils.style.transitionDuration] = '0.001s';
		}
	},
	transitionTimingFunction: function (easing) {
		this.indicatorStyle[utils.style.transitionTimingFunction] = easing;
	},
	refresh: function () {
		this.transitionTime();
		if ( this.options.listenX && !this.options.listenY ) {
			this.indicatorStyle.display = this.scroller.hasHorizontalScroll ? 'block' : 'none';
		} else if ( this.options.listenY && !this.options.listenX ) {
			this.indicatorStyle.display = this.scroller.hasVerticalScroll ? 'block' : 'none';
		} else {
			this.indicatorStyle.display = this.scroller.hasHorizontalScroll || this.scroller.hasVerticalScroll ? 'block' : 'none';
		}
		if ( this.scroller.hasHorizontalScroll && this.scroller.hasVerticalScroll ) {
			utils.addClass(this.wrapper, 'iScrollBothScrollbars');
			utils.removeClass(this.wrapper, 'iScrollLoneScrollbar');
			if ( this.options.defaultScrollbars && this.options.customStyle ) {
				if ( this.options.listenX ) {
					this.wrapper.style.right = '8px';
				} else {
					this.wrapper.style.bottom = '8px';
				}
			}
		} else {
			utils.removeClass(this.wrapper, 'iScrollBothScrollbars');
			utils.addClass(this.wrapper, 'iScrollLoneScrollbar');
			if ( this.options.defaultScrollbars && this.options.customStyle ) {
				if ( this.options.listenX ) {
					this.wrapper.style.right = '2px';
				} else {
					this.wrapper.style.bottom = '2px';
				}
			}
		}
		var r = this.wrapper.offsetHeight;	// force refresh
		if ( this.options.listenX ) {
			this.wrapperWidth = this.wrapper.clientWidth;
			if ( this.options.resize ) {
				this.indicatorWidth = Math.max(Math.round(this.wrapperWidth * this.wrapperWidth / (this.scroller.scrollerWidth || this.wrapperWidth || 1)), 8);
				this.indicatorStyle.width = this.indicatorWidth + 'px';
			} else {
				this.indicatorWidth = this.indicator.clientWidth;
			}
			this.maxPosX = this.wrapperWidth - this.indicatorWidth;
			if ( this.options.shrink == 'clip' ) {
				this.minBoundaryX = -this.indicatorWidth + 8;
				this.maxBoundaryX = this.wrapperWidth - 8;
			} else {
				this.minBoundaryX = 0;
				this.maxBoundaryX = this.maxPosX;
			}
			this.sizeRatioX = this.options.speedRatioX || (this.scroller.maxScrollX && (this.maxPosX / this.scroller.maxScrollX));	
		}
		if ( this.options.listenY ) {
			this.wrapperHeight = this.wrapper.clientHeight;
			if ( this.options.resize ) {
				this.indicatorHeight = Math.max(Math.round(this.wrapperHeight * this.wrapperHeight / (this.scroller.scrollerHeight || this.wrapperHeight || 1)), 8);
				this.indicatorStyle.height = this.indicatorHeight + 'px';
			} else {
				this.indicatorHeight = this.indicator.clientHeight;
			}
			this.maxPosY = this.wrapperHeight - this.indicatorHeight;
			if ( this.options.shrink == 'clip' ) {
				this.minBoundaryY = -this.indicatorHeight + 8;
				this.maxBoundaryY = this.wrapperHeight - 8;
			} else {
				this.minBoundaryY = 0;
				this.maxBoundaryY = this.maxPosY;
			}
			this.maxPosY = this.wrapperHeight - this.indicatorHeight;
			this.sizeRatioY = this.options.speedRatioY || (this.scroller.maxScrollY && (this.maxPosY / this.scroller.maxScrollY));
		}
		this.updatePosition();
	},
	updatePosition: function () {
		var x = this.options.listenX && Math.round(this.sizeRatioX * this.scroller.x) || 0,
			y = this.options.listenY && Math.round(this.sizeRatioY * this.scroller.y) || 0;
		if ( !this.options.ignoreBoundaries ) {
			if ( x < this.minBoundaryX ) {
				if ( this.options.shrink == 'scale' ) {
					this.width = Math.max(this.indicatorWidth + x, 8);
					this.indicatorStyle.width = this.width + 'px';
				}
				x = this.minBoundaryX;
			} else if ( x > this.maxBoundaryX ) {
				if ( this.options.shrink == 'scale' ) {
					this.width = Math.max(this.indicatorWidth - (x - this.maxPosX), 8);
					this.indicatorStyle.width = this.width + 'px';
					x = this.maxPosX + this.indicatorWidth - this.width;
				} else {
					x = this.maxBoundaryX;
				}
			} else if ( this.options.shrink == 'scale' && this.width != this.indicatorWidth ) {
				this.width = this.indicatorWidth;
				this.indicatorStyle.width = this.width + 'px';
			}
			if ( y < this.minBoundaryY ) {
				if ( this.options.shrink == 'scale' ) {
					this.height = Math.max(this.indicatorHeight + y * 3, 8);
					this.indicatorStyle.height = this.height + 'px';
				}
				y = this.minBoundaryY;
			} else if ( y > this.maxBoundaryY ) {
				if ( this.options.shrink == 'scale' ) {
					this.height = Math.max(this.indicatorHeight - (y - this.maxPosY) * 3, 8);
					this.indicatorStyle.height = this.height + 'px';
					y = this.maxPosY + this.indicatorHeight - this.height;
				} else {
					y = this.maxBoundaryY;
				}
			} else if ( this.options.shrink == 'scale' && this.height != this.indicatorHeight ) {
				this.height = this.indicatorHeight;
				this.indicatorStyle.height = this.height + 'px';
			}
		}
		this.x = x;
		this.y = y;
		if ( this.scroller.options.useTransform ) {
			this.indicatorStyle[utils.style.transform] = 'translate(' + x + 'px,' + y + 'px)' + this.scroller.translateZ;
		} else {
			this.indicatorStyle.left = x + 'px';
			this.indicatorStyle.top = y + 'px';
		}
	},
	_pos: function (x, y) {
		if ( x < 0 ) {
			x = 0;
		} else if ( x > this.maxPosX ) {
			x = this.maxPosX;
		}
		if ( y < 0 ) {
			y = 0;
		} else if ( y > this.maxPosY ) {
			y = this.maxPosY;
		}
		x = this.options.listenX ? Math.round(x / this.sizeRatioX) : this.scroller.x;
		y = this.options.listenY ? Math.round(y / this.sizeRatioY) : this.scroller.y;
		this.scroller.scrollTo(x, y);
	},
	fade: function (val, hold) {
		if ( hold && !this.visible ) {
			return;
		}
		clearTimeout(this.fadeTimeout);
		this.fadeTimeout = null;
		var time = val ? 250 : 500,
			delay = val ? 0 : 300;
		val = val ? '1' : '0';
		this.wrapperStyle[utils.style.transitionDuration] = time + 'ms';
		this.fadeTimeout = setTimeout((function (val) {
			this.wrapperStyle.opacity = val;
			this.visible = +val;
		}).bind(this, val), delay);
	}
};
IScroll.utils = utils;
if ( typeof module != 'undefined' && module.exports ) {
	module.exports = IScroll;
} else {
	window.IScroll = IScroll;
}
})(window, document, Math);

+ 163 - 0
html/yszd/js/iscroll-pull-up-down.js

@ -0,0 +1,163 @@
var IScrollPullUpDown = function (wrapperName,iScrollConfig,pullDownActionHandler,pullUpActionHandler) {
				var iScrollConfig,pullDownActionHandler,pullUpActionHandler,pullDownEl,pullDownOffset,pullUpEl,scrollStartPos;
				var pullThreshold=5;
				var me=this;
			
				function showPullDownElNow(className) {
					// Shows pullDownEl with a given className
					pullDownEl.style.transitionDuration='';
					pullDownEl.style.marginTop='';
					pullDownEl.className = 'pullDown '+className;
				}
				var hidePullDownEl = function (time,refresh) {
					// Hides pullDownEl
					pullDownEl.style.transitionDuration=(time>0?time+'ms':'');
					pullDownEl.style.marginTop='';
					pullDownEl.className = 'pullDown scrolledUp';
			
					// If refresh==true, refresh again after time+10 ms to update iScroll's "scroller.offsetHeight" after the pull-down-bar is really hidden...
					// Don't refresh when the user is still dragging, as this will cause the content to jump (i.e. don't refresh while dragging)
					if (refresh) setTimeout(function(){me.myScroll.refresh();},time+10);
				}
			
				function init() {
					var wrapperObj = document.querySelector('#'+wrapperName);
					var scrollerObj = wrapperObj.children[0];
			
					if (pullDownActionHandler) {
						// If a pullDownActionHandler-function is supplied, add a pull-down bar at the top and enable pull-down-to-refresh.
						// (if pullDownActionHandler==null this iScroll will have no pull-down-functionality)
						pullDownEl=document.createElement('div');
						pullDownEl.className='pullDown scrolledUp';
						pullDownEl.innerHTML='<span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新</span>';
						scrollerObj.insertBefore(pullDownEl, scrollerObj.firstChild);
						pullDownOffset = pullDownEl.offsetHeight;
					}
					if (pullUpActionHandler) {
						// If a pullUpActionHandler-function is supplied, add a pull-up bar in the bottom and enable pull-up-to-load.
						// (if pullUpActionHandler==null this iScroll will have no pull-up-functionality)
						pullUpEl=document.createElement('div');
						pullUpEl.className='pullUp';
						pullUpEl.innerHTML='<span class="pullUpIcon"></span><span class="pullUpLabel" style="margin: 3px 20%">上拉加载更多</span>';
						scrollerObj.appendChild(pullUpEl);
					}
			
					me.myScroll = new IScroll(wrapperObj,iScrollConfig);
			
					me.myScroll.on('refresh',function() {
						if ((pullDownEl)&&(pullDownEl.className.match('loading'))) {
							pullDownEl.querySelector('.pullDownLabel').innerHTML = '下拉刷新';
							if (this.y>=0) {
								// The pull-down-bar is fully visible:
								// Hide it with a simple 250ms animation
								hidePullDownEl(250,true);
			
							} else if (this.y>-pullDownOffset) {
								// The pull-down-bar is PARTLY visible:
								// Set up a shorter animation to hide it
			
								// Firt calculate a new margin-top for pullDownEl that matches the current scroll position
								pullDownEl.style.marginTop=this.y+'px';
			
								// CSS-trick to force webkit to render/update any CSS-changes immediately: Access the offsetHeight property...
								pullDownEl.offsetHeight;
			
								// Calculate the animation time (shorter, dependant on the new distance to animate) from here to completely 'scrolledUp' (hidden)
								// Needs to be done before adjusting the scroll-positon (if we want to read this.y)
								var animTime=(250*(pullDownOffset+this.y)/pullDownOffset);
			
								// Set scroll positon to top
								// (this is the same as adjusting the scroll postition to match the exact movement pullDownEl made due to the change of margin-top above, so the content will not "jump")
								this.scrollTo(0,0,0);
			
								// Hide pullDownEl with the new (shorter) animation (and reset the inline style again).
								setTimeout(function() {	// Do this in a new thread to avoid glitches in iOS webkit (will make sure the immediate margin-top change above is rendered)...
									hidePullDownEl(animTime,true);
								},0);
			
							} else {
								// The pull-down-bar is completely off screen:
								// Hide it immediately
								hidePullDownEl(0,true);
								// And adjust the scroll postition to match the exact movement pullDownEl made due to change of margin-top above, so the content will not "jump"
								this.scrollBy(0,pullDownOffset,0);
							}
						}
						if ((pullUpEl)&&(pullUpEl.className.match('loading'))) {
							pullUpEl.className = 'pullUp';
							pullUpEl.querySelector('.pullUpLabel').innerHTML = '上拉加载更多';
						}
					});
			
					me.myScroll.on('scrollStart',function() {
						scrollStartPos=this.y; // Store the scroll starting point to be able to track movement in 'scroll' below
					});
						
					me.myScroll.on('scroll',function() {
						if (pullDownEl||pullUpEl) {
							if((scrollStartPos==0)&&(this.y==0)) {
								// 'scroll' called, but scroller is not moving!
								// Probably because the content inside wrapper is small and fits the screen, so drag/scroll is disabled by iScroll
								
								// Fix this by a hack: Setting "myScroll.hasVerticalScroll=true" tricks iScroll to believe
								// that there is a vertical scrollbar, and iScroll will enable dragging/scrolling again...
								this.hasVerticalScroll=true;
								
								// Set scrollStartPos to -1000 to be able to detect this state later...
								scrollStartPos=-1000;
							} else if ((scrollStartPos==-1000) && 
								         (((!pullUpEl)&&(!pullDownEl.className.match('flip'))&&(this.y<0)) ||
												  ((!pullDownEl)&&(!pullUpEl.className.match('flip'))&&(this.y>0)))) {
								// Scroller was not moving at first (and the trick above was applied), but now it's moving in the wrong direction.
								// I.e. the user is either scrolling up while having no "pull-up-bar",
								// or scrolling down while having no "pull-down-bar" => Disable the trick again and reset values...
								this.hasVerticalScroll=false;
								scrollStartPos=0;
								this.scrollBy(0,-this.y, 0);	// Adjust scrolling position to undo this "invalid" movement
							}
						}
				
						if (pullDownEl) {
							if (this.y > pullDownOffset+pullThreshold && !pullDownEl.className.match('flip')) {
								showPullDownElNow('flip');
								this.scrollBy(0,-pullDownOffset, 0);	// Adjust scrolling position to match the change in pullDownEl's margin-top
								pullDownEl.querySelector('.pullDownLabel').innerHTML = '界面刷新中...';
							} else if (this.y < 0 && pullDownEl.className.match('flip')) { // User changes his mind...
								hidePullDownEl(0,false);
								this.scrollBy(0,pullDownOffset, 0);	// Adjust scrolling position to match the change in pullDownEl's margin-top
								pullDownEl.querySelector('.pullDownLabel').innerHTML = '下拉刷新';
							}
						}
						if (pullUpEl) {
							if (this.y < (this.maxScrollY - pullThreshold) && !pullUpEl.className.match('flip')) {
								pullUpEl.className = 'pullUp flip';
								pullUpEl.querySelector('.pullUpLabel').innerHTML = '正在加载...';
							} else if (this.y > (this.maxScrollY + pullThreshold) && pullUpEl.className.match('flip')) {
								pullUpEl.className = 'pullUp';
								pullUpEl.querySelector('.pullUpLabel').innerHTML = '上拉加载更多';
							}
						}
					});			
			
					me.myScroll.on('scrollEnd',function() {
						if ((pullDownEl)&&(pullDownEl.className.match('flip'))) {
							showPullDownElNow('loading');
							pullDownEl.querySelector('.pullDownLabel').innerHTML = 'Loading...';
							pullDownActionHandler(this);	// Execute custom function (ajax call?)
						}
						if ((pullUpEl)&&(pullUpEl.className.match('flip'))) {
							pullUpEl.className = 'pullUp loading';
							pullUpEl.querySelector('.pullUpLabel').innerHTML = 'Loading...';
							pullUpActionHandler(this);	// Execute custom function (ajax call?)
						}
						if (scrollStartPos=-1000) {
							// If scrollStartPos=-1000: Recalculate the true value of "hasVerticalScroll" as it may have been
							// altered in 'scroll' to enable pull-to-refresh/load when the content fits the screen...
							this.hasVerticalScroll = this.options.scrollY && this.maxScrollY < 0;
						}
					});
			
				}
				window.addEventListener('load', function() {init()}, false);
				return me.myScroll;
			};	

+ 555 - 0
html/yszd/js/sanshitijiao.js

@ -0,0 +1,555 @@
Request = GetRequest(); 
var chooseType = Request["type"];//界面传送的类型 0不定义类型 1.慢病咨询 2.家庭医生咨询 6.名医咨询
var doctorCode = Request["doctorCode"];
var id = Request["id"];
var guidance = "";
var workTime = "";//医生工作时间
var doctorName = "";//医生名称
var patientName = window.localStorage.getItem('nowPatientName');
var fromPage = Request["fromPage"];
// updateTitle();
   //修改header 的标题
function updateTitle(title){
	//需要jQuery
   var $body = $('body');
   document.title = title;
   // hack在微信等webview中无法修改document.title的情况
   var $iframe = $('<iframe src="/favicon.ico"></iframe>');
   $iframe.on('load',function() {
       setTimeout(function() {
           $iframe.off('load').remove();
       }, 0);
   }).appendTo($body);
}
$(function(){
	if(fromPage && fromPage=="jkzx") {
		updateTitle("新增医生健康咨询")
	} else {
		guidance = window.localStorage.getItem("guidance")
	}
	// 指导内容显示
	if (guidance) {
		$("#guidance").html(guidance);
	} else {
		$("#guidanceWrap").hide();
	}
	// 咨询类别
	if(chooseType==1){
	 	//$(".span-type").html("慢病管理");
		querySignType();//填充下拉框
	}else if(chooseType==2){
	 	//$(".span-type").html("家庭医生");
	 	querySignType();//填充下拉框
	}else if(chooseType==0) {
		querySignType();//填充下拉框
	}
	/* 复选框兼容  */
	$(document).on("click", ".input-group-pack > input[type=checkbox]", function() {
		var $cpChk = $(this).parent();
		if ($(this).attr("checked") == "checked") {
			$cpChk.removeClass("checked");
			$(this).removeAttr("checked");
		} else {
			$cpChk.addClass("checked");
			$(this).attr("checked", true);
		}
	});
    //弹窗
    $('.broadcast-icon').on('click',function(){
        $('.broadcast-shadow-panel').removeClass('c-hide');
    });
    $('.win-cancle').on('click',function(){
        $('.broadcast-shadow-panel').addClass('c-hide');
    });
    //从后台那边获取签名等信息
	var params = {};
	params.pageUrl = window.location.href;
	$.ajax(server + "weixin/getSign", {
		data: params,
		dataType: "json",
		type: "post",
		success: function(res){
			if (res.status == 200) {
				var t = res.data.timestamp;
				var noncestr = res.data.noncestr;
				var signature = res.data.signature;
				wx.config({		
//					debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
				    appId: appId, // 必填,公众号的唯一标识
				    timestamp: t, // 必填,生成签名的时间戳
				    nonceStr: noncestr, // 必填,生成签名的随机串
				    signature: signature,// 必填,签名,见附录1
				    jsApiList: [
				    	'chooseImage',
				        'uploadImage'
				    ] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
				});
			} 
			else{
				dialog({
				  	title:'提示',
				  	skin:"ui-dialog ax-popup pror", 
				  	content:"获取微信签名失败", 
				  	ok: function (){}
				}).showModal();
				window.location.href = "doctor-guidance.html";
			}
		}
	});
	function successFun(res){
		if(res.status==200){
			var dataList = res.data.doctor;
			doctorName = dataList.name;
			$("#lbl_doctor").html(dataList.name+"("+dataList.jobName+")");
			$("#lbl_patient").html(patientName);
		}else{
			getListFail(res);
		}
	}
	
	function getListFail(res){
		if (res && res.msg) {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:res.msg,bottom:true}).show();     
		} else {
			dialog({contentType:'tipsbox', skin:'bk-popup' , content:'加载失败',bottom:true}).show(); 
		}
	}
	//提交咨询
	$("#commit").click(function() {
		if($(this).hasClass("active")){
			var data = {};
			data.type = Number($("#txtTypeCode").val());
			if($("#txtContent").val() == null)
				data.symptoms = "";
			else
				data.symptoms = utf16toEntities($("#txtContent").val().replace(/\s+/g,""));
			data.voice = "";
			if (validate(data)) {
				//验证通过执行
				dd.showModal();
	            var images = getImages();
	            if(images.length == 0){
	            	$("#commit").css("pointer-events","none");
	            	doSubmit(data);
	            }
	            else{
					uploadImage(data);
				}
			}
		}
	});
});
function checkInWork(doctor){
	sendPost('/patient/consult/is_doctor_working', {doctor:doctor}, 'json', 'post', queryFailed, function(res){
		if(res.status==200){
			if(res.data==0){
			  dialog({
						title: '提示',
						content: '您好,由于您的签约医生工作繁忙,所以设置了每日回复咨询的时间段,所以,在该时间段外的时间,您的咨询将不会马上获得医生的回复',
						okValue:'我知道了',
						ok: function (){				            		
						    return;
						},
					    cancelValue: '查看时间',
						cancel: function () {
							alert("查看时间")
						}
				}).showModal();
			}
		}else{
			queryFailed(res);
		}		
	});
}
//查询咨询类型
function querySignType(){
	d.show();
    sendPost('patient/sign_status', {}, 'json', 'post', querySignTypeFailed, querySignTypeSuccess);
}
function querySignTypeFailed(res) {
	d.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'获取咨询类型失败'}).show(); 
	}
}
function querySignTypeSuccess(res) {
	if (res.status == 200) {
		$('#txtTypeCode').val(chooseType);
	    $('#lbl_doctor').html(getSignDoctor(res,chooseType));
	    $("#lbl_patient").html(patientName);
		var arr_key=[];
		var arr_value=[];
		var sign = Number(res.data);
		if(sign == 1){
			arr_key=[1];
			arr_value=['慢病管理'];        	
		}
		else if(sign == 2){
			arr_key=[2];
			arr_value=['家庭医生'];
		}
		else if(sign == 3&&chooseType==0){
			arr_key=[1,2,6];
			arr_value=['慢病管理', '家庭医生'];
		}else if(sign == 3&&chooseType==1){
			arr_key=[1];
			arr_value=['慢病管理'];
		}else if(sign == 3&&chooseType==2){
			arr_key=[2];
			arr_value=['家庭医生'];
		}
		else{
			arr_key=[];
			arr_value=[];
		}
		//签约类型
		var option1 = {
			theme: 'ios',
			lang: 'zh',
			formatValue: function(d) {
				return d.join(',');
			},
			customWheels: true,
			wheels: [
				[{
					keys: arr_key,
					values: arr_value
				}]
			],
			onSelect: function(valueText, inst) {
				var dd = eval("[" + valueText + "]");
				$('#txtTypeCode').val(dd[0].keys);
				$('#txtTypeName').val(dd[0].values);
				$('#lbl_doctor').html(getSignDoctor(res,dd[0].keys));
			}
		};
		$('#txtTypeName').mobiscroll(option1);
		$('#txtTypeName').val(option1.wheels[0][0].values[0]);
		$('#txtTypeCode').val(option1.wheels[0][0].keys[0]);
	    $('#lbl_doctor').html(getSignDoctor(res,option1.wheels[0][0].keys[0]));
	    //选择发病时间
		$('li.ill-time').mobiscroll({
			theme: 'ios',
			lang: 'zh',
			formatValue: function(d) {
				return d.join(',');
			},
			customWheels: true,
			wheels: [
				[{
					keys: ['0', '1', '2', '3', '4', '5'],
					values: ['最近24小时', '最近一周', '最近三个月', '最近一年', '一年以上', '不清楚']
				}]
			],
			onSelect: function(valueText, inst) {
				var dd = eval("[" + valueText + "]");
				$('input[data-time=illTime]').val(dd[0].values);
			}
		});
		d.close();
	} else {
		querySignTypeFailed(res);
	}
}
//获取医生信息
function getSignDoctor(data,type){
	var doctor_name = "";
	var doctor_type = "";
	switch(Number(type))
	{
		case 1:	
		    doctor_type = data.teamDoctors;
			break;
		case 2:
			doctor_type = data.familyDoctors;
			break;
		default:
			break;
	}
	for(var i=0; i < doctor_type.length; i++){
		doctor_name += doctor_type[i] + ",";
	}
	if(doctor_name.length > 0){
		doctor_name = doctor_name.substring(0, doctor_name.length-1);
	}
	return doctor_name;
}
//验证信息
function validate(data) {	
//	if (data.type == '') {
//		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择咨询类型'}).show();
//		return false;
//	}
//	if (data.when == '') {
//		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请选择发病时间'}).show();
//		return false;
//	}
	if (data.symptoms.length < 10) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请至少用10个字描述您的症状'}).show();
		return false;
	}
	if (data.symptoms.length > 500) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请在500字以内完成您的症状描述'}).show();
		return false;
	}
	if(!$(".input-group-pack > input[type=checkbox]").attr("checked")){
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'请勾选"我已阅读咨询说明"'}).show();
		return false;
	}
	return true;
}
var serverId = "";
function chooseImage(){
	wx.chooseImage({
		count: 9-getImages().length,
        success: function (res) {
	        for (var i in res.localIds) {
				appendFile(res.localIds[i]);
			}        
        }
    });
}
function uploadImage(data){
	$("#commit").css("pointer-events","none");
	var images = getImages();
	if (images.length == 0) {
      return;
    }
    var i = 0, length = images.length;
    serverId = "";
    function upload() {
      wx.uploadImage({
        localId: images[i],
        isShowProgressTips: 0,
        success: function (res) {
          i++;
          if(serverId.length == 0){
          	serverId = res.serverId;
          }
          else{
          	serverId =serverId + "," + res.serverId;
          }          
          if (i < length) {
            upload();
          }
          if(i == images.length){
          	doSubmit(data);
          }          
        },
        fail: function (res) {
        	$("#commit").css("pointer-events","");
            alert(JSON.stringify(res));
        }
      });
    }
    upload();
}
// 添加文件
function appendFile(p) {
	var amount = getImages().length;
	if (amount >= 8) {
		$("#add_img_li").hide();
	}
	if(amount < 9){
		var $li = $('<li>' + '   <img src="' + p + '" data-src="' + p + '" onclick="viewImg(this)">' + '  <a href="javascript:;" class="del-img" onclick="delImg(this)"><i class="iconfont icon-laji"></i></a>' + '</li>');
		var $add_img_li = $("#add_img_li");
		$add_img_li.before($li);
		$("#image_tips").text(getImages().length + "/9");
	}
}
//获取需要上传的图片
function getImages() {
	var images = [];
	$("#img_ul").find("img").each(function() {
		var imgSrc = $(this).attr("data-src");
		images.push(imgSrc);
	});
	return images;
}
//查看图片
function viewImg(dom) {
	var $img = $(dom);
	var thissrc = $img.attr("data-src");
	var mWid = $(window).width();
	var mHei = $(window).height();
	var nHtml = '<div class="delimgpop"><div class="del-img-box"><div class="del-img-con"><img class="del-pop-img" src="' + thissrc + '" style="max-width:' + mWid + 'px; max-height:' + mHei + 'px;"></div></div></div>';
	$("body").append(nHtml);
	$(".delimgpop").click(function() {
		$(this).remove()
	});
};
//删除图片
function delImg(dom) {
	var $li = $(dom).parent();
	$li.remove();
	$("#image_tips").text(getImages().length + "/9");
	var amount = getImages().length;
	if(amount <= 8){
		$("#add_img_li").show();
	}
	return;
}
//微信sdk配置出错
wx.error(function (res) {
  alert("wx.error:" + res.errMsg);
});
//提交咨询
function doSubmit(data) {
	data.images = serverId;
	var url = 'patient/consult/add';//新增三师或家庭
	data.guidance = id;
	sendPost(url, data, 'json', 'post', submitFailed, submitSuccess);
}
function time_range(beginTime, endTime, nowTime) {
		  var strb = beginTime.split (":");
		  if (strb.length != 2) {
		    return false;
		  }
		 
		  var stre = endTime.split (":");
		  if (stre.length != 2) {
		    return false;
		  }
		 
		  var strn = nowTime.split (":");
		  if (stre.length != 2) {
		    return false;
		  }
		  var b = new Date ();
		  var e = new Date ();
		  var n = new Date ();
		 
		  b.setHours (strb[0]);
		  b.setMinutes (strb[1]);
		  e.setHours (stre[0]);
		  e.setMinutes (stre[1]);
		  n.setHours (strn[0]);
		  n.setMinutes (strn[1]);
		 
		  if (n.getTime () - b.getTime () > 0 && n.getTime () - e.getTime () < 0) {
		    return "1";//在时间范围内
		  } else {
		    return "0";//不在工作时间内
		  }
	}
	
	function CompareDate(t1,t2)
	{
		var date = new Date();
		var a = t1.split(":");
		var b = t2.split(":");
		return date.setHours(a[0],a[1]) > date.setHours(b[0],b[1]);
	}
	
	//判断医生是否在工作时间内
	function isWordTime(curWorkTime){
		dd.close();
		var week = new Date().getDay();
		var myDate = new Date();
		debugger
		if(curWorkTime){//有上班时间
			var cosultTimeArr = curWorkTime.split("~");
			var curHours = myDate.getHours(); //获取当前小时数(0-23)
			var curMinutes = myDate.getMinutes();//获取当前分钟数(0-59)
			var curTime = curHours+":"+curMinutes;
			var timeRange = time_range(cosultTimeArr[0],cosultTimeArr[1],curTime)
			if(timeRange=="1"){//在工作时间内,查询某个医生名医当前剩余咨询次数
				consultTimesRemain();
			}else{//不在工作时间内,判断早晚
				var isFlag1 = CompareDate(curTime,cosultTimeArr[0]);
				var isFlag2 = CompareDate(curTime,cosultTimeArr[1]);
				if(!isFlag1){//来早了
					 dialog({
					    content: '您来早了哦,'+doctorName+'医生将在'+cosultTimeArr[0]+'准时开始接受咨询~',
					    cancelValue: '我知道了',
					    cancel: function () {
					    	$("#commit").removeClass("active");
					    	dd.close();
							return;
					    }
					}).showModal();
					return false;
				}
				if(isFlag2){//来晚了
					dialog({
						    content: '您来晚了哦~'+doctorName+'医生本日咨询时间已过,请改日再来~',
						    cancelValue: '我知道了',
						    cancel: function () {
						    	$("#commit").removeClass("active");
						    	dd.close();
								return;
						    }
						}).showModal();
					return false;
				}
			}
		}else{
				dialog({
					    content: '医生今天不上班哦,请在医生咨询计划时间段内咨询',
					    cancelValue: '我知道了',
					    cancel: function () {
					    	$("#commit").removeClass("active");
					    	dd.close();
							return;
					    }
					}).showModal();
					
					return false;
		}
		
	}
	
	
function submitFailed(res) {
	$("#commit").css("pointer-events","");
	dd.close();
	if (res && res.msg) {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:res.msg}).show();      
	} else {
		dialog({contentType:'tipsbox',bottom:true, skin:'bk-popup' , content:'提交失败'}).show(); 
	}
}
function submitSuccess(res) {
	if (res.status == 200) {
		$("#commit").css("pointer-events","");
		dd.close();
		window.location.href = "https://open.weixin.qq.com/connect/oauth2/authorize?appid=" + appId + "&redirect_uri=http%3a%2f%2f" + weixinUrl + "%2f" + urlName + "%2fwx%2fhtml%2fyszx%2fhtml%2fdoctor-consultation.html&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect";
		//window.location.href = "vedio-consulting-commit-success.html?type=2";
	} else {
		submitFailed(res);
		
	}
}
//function voicePop(n) {
//	$(".win-broadcast,.win-broadcast-mb").show();
//	$("#voice-finish").click(function() {
//		$("#voice" + n).show();
//		$(".win-broadcast,.win-broadcast-mb").hide();
//	});
//}
//
//function voicePopClose() {
//	$(".win-broadcast,.win-broadcast-mb").hide();
//}