/*首页轮播样式 start*/
.device {
	width: 100%;
	position:relative;
}
.swiper-container {
	height: 153px;
	width: 100%;
}
.pagination {
	position: absolute;
	left: 0;
	text-align: center;
	bottom:5px;
	width: 100%;
	z-index: 1;
}
.swiper-pagination-switch {
	display: inline-block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: #999;
	margin: 0 3px;
	cursor: pointer;
}
.swiper-active-switch {
	background: #fff;
}
/*首页轮播样式 end*/
.huoquyanzhengma{
	background:#ddd;
	border:1px solid #ddd;
}
#box{
	-webkit-animation: b1 0.3s;
	-moz-animation:b1 0.3s; /* Firefox */
    -o-animation: b1 0.3s;
    animation: b1 0.3s;
    transform: scale(0);
    -webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: fixed;
	top: 100px;
	z-index: 100000;
	margin:0 auto; 
	left:0; 
	right:0; 
	width: 80%;
	min-height: 130px;
}
#box2{
	-webkit-animation: b1 0.3s;
	-moz-animation:b1 0.3s; /* Firefox */
    -o-animation: b1 0.3s;
    animation: b1 0.3s;
    transform: scale(0);
    -webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    position: fixed;
	top: 80px;
	z-index: 100000;
	margin:0 auto; 
	left:0; 
	right:0; 
	width: 80%;
	min-height: 130px;
}
.tc_bg{
	background: rgba(0,0,0,0.8);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 99999;
}
.tjcg_tcbox{
	width:100%;
	height: 100%;
	background: #fff;
	border-radius: 4px;
	text-align: center;
	color: #484848;
	float:left;
}

.tjcg_btn{
	color: #8bc22c;
	border-top: solid 1px #d9d9d9;
	margin-top: 20px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
}
.tjcg_btn2{
	box-sizing: border-box;
	color: #58c5ff;
	border-top: solid 1px #d9d9d9;
	margin-top: 20px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	width:50%;
	border-right: solid 1px #d9d9d9;
}
.tjcg_btn3{
	box-sizing: border-box;
	color: #8bc22c;
	border-top: solid 1px #d9d9d9;
	margin-top: 20px;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	width:50%;
}
@keyframes b1{
    from{
        transform:scale(0);
		-ms-transform:scale(0); /* IE 9 */
		-moz-transform:scale(0); /* Firefox */
		-webkit-transform:scale(0); /* Safari and Chrome */
		-o-transform:scale(0); /* Opera */
    }
    to{
        transform:scale(1);
		-ms-transform:scale(1); /* IE 9 */
		-moz-transform:scale(1); /* Firefox */
		-webkit-transform:scale(1); /* Safari and Chrome */
		-o-transform:scale(1); /* Opera */
    }
}

@-webkit-keyframes b1 /*Safari and Chrome*/{
	from{
        transform:scale(0);
		-ms-transform:scale(0); /* IE 9 */
		-moz-transform:scale(0); /* Firefox */
		-webkit-transform:scale(0); /* Safari and Chrome */
		-o-transform:scale(0); /* Opera */
    }
    to{
        transform:scale(1);
		-ms-transform:scale(1); /* IE 9 */
		-moz-transform:scale(1); /* Firefox */
		-webkit-transform:scale(1); /* Safari and Chrome */
		-o-transform:scale(1); /* Opera */
    }
}
input{
	border:none;
	outline: none;
}
#reg_login:active,#register:active,.bianji:active,.shanchu:active,#cancel:active,#determine:active,#determine2:active{
	background:#ddd;
}
#medicalDetails{
    background: #f3f3f3;
}

/*预联想样式*/
.association{
	position: absolute;
	/*bottom: -32px;*/
	background: #fff;
	border:1px solid #ddd;
	z-index:99;
	font-size:12px;
	max-height: 291px;
    overflow-x: hidden;
    overflow-y: auto;
}
.association li{
	height: 32px;
	line-height: 32px;
	text-align:left;
	color:#000;
	white-space: nowrap;
}
.association li:active{
	background:#ccc;
}

.chat_my{
	padding: 10px 4% 10px 15%;
}
.chat_my_left{
	float: right;
	background: #98d234;
	font-size:13px;
	max-width:69%;
	padding:10px;
	border-radius: 7px;
	word-wrap: break-word;
}
.chat_my_img_left{
	max-width:50%;
	max-height: 170px;
	float: right;
}
.chat_you_img_left{
	max-width:50%;
	max-height: 170px;
	float: left;
}
.chat_my_img_left img,.chat_you_img_left img{
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border: 1px solid #ccc;
	max-height:120px;
	max-width:90px;
}
.chat_my_img_middle span{
	/*background: url("../img/banner1.png") no-repeat 5px 3px ;*/
}
.chat_my_img_middle,.chat_you_img_middle{
	float: right;
	width:14px;
	height: 14px;
	position: relative;
	right:5px;
	top:3px;
}
.chat_my_middle{
	float: right;
	width:14px;
	position: relative;
	right:5px;
	top:3px;
}
.chat_my_right{
	float: right;
	position: relative;
	top: 3px;
	font-size:12px;
	width:45px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.chat_you{
	padding: 10px 15% 10px 4%;
}
.chat_you_right{
	float: left;
	position: relative;
	top:3px;
	font-size:12px;
	width:45px;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: center;
}
.chat_you_middle{
	float: left;
	width:14px;
	position: relative;
	left: 4px;
	top:3px;
}
.chat_you_left{
	float: left;
	background: #fff;
	font-size:13px;
	max-width:69%;
	padding:10px;
	border-radius: 7px;
}
.over{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*查看大图片*/
.mask_box{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
	display: none;
	z-index:9999999999999;
}
.click_img{
	max-width:100%;
	height:auto; 
 }
 .h5_text{
 	height: 50px;
 	background: #666;
 	font-size: 12px;
 }
 .img_big{
    -webkit-animation: b1 0.5s;
    -o-animation: b1 0.5s;
    -moz-animation: b1 0.5s;
    animation: b1 0.5s;
    transform: scale(0);
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

@-webkit-keyframes  b1 {
    from{
        transform: scale(0);
    }
    to{
        transform: scale(1);
    }
}

@-moz-keyframes  b1 {
    from{
        transform: scale(0);
    }
    to{
        transform: scale(1);
    }
}

@keyframes  b1 {
    from{
        transform: scale(0);
    }
    to{
        transform: scale(1);
    }
}

@-o-keyframes  b1 {
    from{
        transform: scale(0);
    }
    to{
        transform: scale(1);
    }
}