choseDoctorByThree.css

html,
body,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
label,
textarea,
p {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none
}

article,
aside,
details,
footer,
header,
nav,
section {
	display: block
}

em,
i {
	font-style: normal
}

img {
	border: 0;
	vertical-align: middle
}

ol,
ul {
	list-style: none
}

input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=search],
input[type=tel],
input[type=radio],
input[type=checkbox] {
	vertical-align: middle;
	outline: 0;
	-webkit-appearance: none;
	-webkit-user-select: text
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #ccc
}

select,
textarea {
	outline: 0;
	-webkit-appearance: none
}

textarea {
	-webkit-user-select: text
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

* {
	-webkit-user-select: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	text-decoration: none
}

.userselect {
	-webkit-user-select: text
}

.clearfix:after {
	display: block;
	content: '';
	clear: both;
	visibility: hidden;
}

body {
	max-width: 750px;
	margin: 0 auto;
	min-height: 100%;
	min-width: 320px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
	-webkit-text-size-adjust: none;
}

body,
html {
	height: 100%;
}

::-webkit-scrollbar {
	display: none;
}

.winPop {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999;
	background-color: rgba(0, 0, 0, .8);
	color: white;
	padding: 0.24rem;
	font-size: 0.32rem;
	line-height: 0.4rem;
	border-radius: 0.2rem;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

.jzzbg {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	display: none;
}

.jzzbg .jzz {
	width: 0.6rem;
	height: 0.6rem;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -0.3rem;
	margin-left: -0.3rem;
}

.doctorBg {
	padding-top: 1.74rem;
}

.doctorList li {
	padding: 0.24rem;
	border-bottom: 1px solid #E0E0E0;
	position: relative;
	overflow: hidden;
}

.doctorList li:after {
	content: '';
	clear: both;
	display: block;
}

.doctorList li img {
	display: block;
	width: 1rem;
	height: 1rem;
	margin-right: 0.32rem;
	margin-top: 0.08rem;
	float: left;
	border-radius: 100%;
}

.doctorList li .contro {
	float: left;
	width: 5.7rem;
}

.doctorList li .contro p {
	font-size: 0.28rem;
	color: #333333;
	line-height: 0.4rem;
}

.doctorList li .contro p:nth-child(3) {
	margin-bottom: 0.08rem;
}

.doctorList li .contro p:nth-child(4) {
	color: #777777;
	max-height: 0.8rem;
	overflow: hidden;
}

.doctorList li .contro p:nth-child(1) span {
	color: #000000;
	font-size: 0.34rem;
	font-weight: bold;
	margin-right: 0.12rem;
	vertical-align: middle;
}

.doctorList li .contro p:nth-child(1):before {
	content: '';
	display: inline-block;
	width: 0.18rem;
	height: 0.28rem;
	margin-right: 0.12rem;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAllBMVEUAAADfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiTfHiR8vQE7AAAAMXRSTlMA+gPL9up9EQbh1Z2DZjovIuTSvriKeW9ZPh4bC8O0pXJPRAjak2o1FfGtmV5JVCkZJW69fAAAAXpJREFUSMfdz8dywjAAhOGVu417xQXc6JCy7/9yMcklMwFbXPMdpIt+zSz+sVPX4xWNTRp4wUAyxgtqQbaQ9ZFZeKdjwjcgo9eZmhUveNfYfmLByVM50feMN5xoV1/BU297VfAP/eI2eCyI+NAKz4Q2H3DxXOg6f773MKu+rn7tiK8elpWHXOdkezuMkKFUJhDlP/eyIRHkJrTztU5G2WJjaBEnye57iqbuQsxaM22KjaYVca5y59Y+HQtzHKaYKFC96QCO5BpzBHUFd5ufdwcyx5yEvP0KFIcsMack9RMm2x6TgkwwzyUT6x683XPBqMaCPZk2wGUKyjOjAIs6QSdA6yuFoBpCgu9QrFJDpeaOkGJ1Z9o2tyFkKTH1HT1I2wsv87fiCEkBC2SVoqqQZGgWjAo31pDj2kBuYqDs6kB8oDORqZCVxafD2J8DyLJSe2VoPeRZLfUBLwgSo2gVSBtXZomhg7T1J46A10CWD1SAdYSsBqgBjPifvgBwcTMes2esswAAAABJRU5ErkJggg==);
}
.doctorList li .contro p:nth-child(1).doctorN:before {
	content: '';
	display: inline-block;
	width: 0.18rem;
	height: 0.28rem;
	margin-right: 0.12rem;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAeFBMVEUAAAClpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaVCj0WvAAAAJ3RSTlMAiPD6LAv16NDHHhi3kXYkAuJ5WFMQB6xGOcF9b2VL2qSbg19pQbwHnqduAAABcklEQVRIx9XTR3KEMBRF0SeJnHOGzn7736ENdnngatOfYZ8JE92SkOrjfSSOZ+EAi2R0JOhJehALkUU0JbIaIovzQMAITetnEKg0zdXiuffJNsSuJuhGjytDw5Vzvln/Rwmfc//7l0zxmXznRZ4Vbood9t9jnYJXNxUEkau5yd0ytCFh3y3Gtx4i2WO8XB6gsqdzPId4JRi4Ghl72ztM2BfmXuKS9PixLlczk/3gzBZNlxQp1XIta1g0+3Ph0N++NdX27fhii5wm2O7pJ4jJeTdQ5AWr7yB1qOv9FziR1W9g++Qd+1KXTrcGxdf6iIxfz39OM21B4JNKMHN1S370jlIOdQWR0iW13gZUyPbXoIKYZahdDpk4GPxAj50pIZTSgi6gImlQ5ViD7iQNFt3AKVB64ktyE7BovBFSpZkZD14DsZshoxpy89VE1/TABr6d36uT/EhDCr/CZREHMdD2CCdxYH01KdDjgMnGMQsOCvE2PgHHoyonDU0iHQAAAABJRU5ErkJggg==);
}
.doctorList li .chosebg{
	position: absolute;
	width:1rem;
	height: 1rem;
	top:0;
	right: 0;
}
.doctorList li .chosebg .chose {
	position: absolute;
	width: 0.44rem;
	height: 0.44rem;
	margin: 0 auto;
	margin-top: 0.28rem;
}

.doctorList li .chosebg .chose:after{
	position: absolute;
	display: block;
	width: 0.80rem;
	height: 0.40rem;
	padding: 0.06rem 0.08rem;
	content: '选择';
	font-size: 0.24rem;
	color: #FFFFFF;
	background: #51c6d0;
	border-radius: 0.08rem;
	border-width: 0;
	text-align: center;
	line-height: 1.4;
}

.doctorBg .more,.doctorBg .nomore{
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	font-size: 0.24rem;
	color: #777777;
	
}

.mask {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	opacity: 0;
	visibility: hidden;
	z-index: 100;
	transition: opacity .5 linear;
	-webkit-transition: opacity .5 linear;
	max-width: 750px;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}

.selectBg {
	position: fixed;
	top: 0;
	width: 7.5rem;
	overflow: hidden;
	z-index: 200;
	background-color: white;
	
	left: 50%;
	margin-left: -3.75rem;
	
	
}

.selectBg .byName {
	padding: 0.24rem 0.2rem;
	background-color: #F1F0F4;
	position: relative;
}

.selectBg .byName .name {
	z-index: 2;
	float: left;
	width: 7.05rem;
	height: 0.64rem;
	border-radius: 0.1rem;
	border: 1px solid #E0E0E0;
	background-color: white;
	position: relative;
	font-size: 0.3rem;
	padding-left: 0.7rem;
	line-height: 0.64rem;
	color: #ccc;
	position: relative;
}
.selectBg .byName .name-extra{
	width: 1.40rem;
	float: right;
	font-size: 0.3rem;
	margin-top: 0.16rem;
	line-height: 0.32rem;
	color: #777;
}

.name-before{
	content: '';
	z-index: 100;
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	top: 50%;
	left: 0.4rem;
	margin-top: -0.2rem;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE5RDk3QTg0MUNEQzExRTY5NzM0RDUwNkVBMUMyMTY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE5RDk3QTg1MUNEQzExRTY5NzM0RDUwNkVBMUMyMTY1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTlEOTdBODIxQ0RDMTFFNjk3MzRENTA2RUExQzIxNjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTlEOTdBODMxQ0RDMTFFNjk3MzRENTA2RUExQzIxNjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6X8HsAAAACnUlEQVR42syXW4iNURTHz2EwpsGLNBK5jCIPKA9Cbo1L0jShPIxbDSIpIYx0NG6NUy4RJUouh1GT4oUHt5rcSk2UKZMXD4NpJjIe3EbHb9X/q68x+/Sdc77PsevXOg/7fPu/115rr7XjqVQqVsjRJ1bgURRw3gBYCItgKgyHMohDB7yBJmiEljAFlMJ22ALDHHNGigqog4ewF57lewRLoVUftcVfwT6Y7dt9fxgNVXAeumAePIFj0C8XAXEteluufq6PTobDcnW75v6Cd3ALNsIoqIduee4ulGQr4DgkIA0HYSY8CnikX6AW5kjkfLgOfYMKsF1sg5+wTEJ+5xDcTyXCArQSdgURUA4n9Xu93JrPsMxYK08mFCsZBRyBgXAVroSU5negAYphdyYBY2A5fMvkrhzHIXmhureA9ASs1O8b8CFkAS3KpEEw1yWgQvZmRDfuPdnpLgETZZsjEvBadrxLwFDZtogEdMgOcQlIR1wdi3us85cAT+GIiASUyX5yCXjpCpKQxgTZVpeA+7IrIhKwQPaxS0CDKpuV1XEhLz5NlbRTlbRXAXb5XFb9PhWygDrZi9qksxZYwfgMS2BnSJFfq+91qUHJWIzeqxxbqiRhc54CtqrAxXTFtwfpBxq1e+uKzsptJTksXiWPeqMGNmTTEW3Sea1TilYH6e9U8y+pppT60s7WOafmNlBTapNn6A4vV4/QpkBdBbN0r49Vy2b93wN4C2vghzxpNeaMr9c8rY4rUFv+AqbIC/anSbBauIZ57RockBgvFr7DDok4oXfG0SDvAutuLwh7kCxWXtvOB2vOR7m6SZ10Z49vpOWNbl9XVO8Fe1EWgdWcZ7neo6NJ+NI++a/fhvvlha+KmYI8TpM6vsr/4nX8R4ABAEP+jREq+9xJAAAAAElFTkSuQmCC);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.selectBg .byName .name:before{
	content: '';
	z-index: 100;
	display: inline-block;
	width: 0.4rem;
	height: 0.4rem;
	position: absolute;
	top: 50%;
	left: 0.2rem;
	margin-top: -0.2rem;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE5RDk3QTg0MUNEQzExRTY5NzM0RDUwNkVBMUMyMTY1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE5RDk3QTg1MUNEQzExRTY5NzM0RDUwNkVBMUMyMTY1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTlEOTdBODIxQ0RDMTFFNjk3MzRENTA2RUExQzIxNjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTlEOTdBODMxQ0RDMTFFNjk3MzRENTA2RUExQzIxNjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6X8HsAAAACnUlEQVR42syXW4iNURTHz2EwpsGLNBK5jCIPKA9Cbo1L0jShPIxbDSIpIYx0NG6NUy4RJUouh1GT4oUHt5rcSk2UKZMXD4NpJjIe3EbHb9X/q68x+/Sdc77PsevXOg/7fPu/115rr7XjqVQqVsjRJ1bgURRw3gBYCItgKgyHMohDB7yBJmiEljAFlMJ22ALDHHNGigqog4ewF57lewRLoVUftcVfwT6Y7dt9fxgNVXAeumAePIFj0C8XAXEteluufq6PTobDcnW75v6Cd3ALNsIoqIduee4ulGQr4DgkIA0HYSY8CnikX6AW5kjkfLgOfYMKsF1sg5+wTEJ+5xDcTyXCArQSdgURUA4n9Xu93JrPsMxYK08mFCsZBRyBgXAVroSU5negAYphdyYBY2A5fMvkrhzHIXmhureA9ASs1O8b8CFkAS3KpEEw1yWgQvZmRDfuPdnpLgETZZsjEvBadrxLwFDZtogEdMgOcQlIR1wdi3us85cAT+GIiASUyX5yCXjpCpKQxgTZVpeA+7IrIhKwQPaxS0CDKpuV1XEhLz5NlbRTlbRXAXb5XFb9PhWygDrZi9qksxZYwfgMS2BnSJFfq+91qUHJWIzeqxxbqiRhc54CtqrAxXTFtwfpBxq1e+uKzsptJTksXiWPeqMGNmTTEW3Sea1TilYH6e9U8y+pppT60s7WOafmNlBTapNn6A4vV4/QpkBdBbN0r49Vy2b93wN4C2vghzxpNeaMr9c8rY4rUFv+AqbIC/anSbBauIZ57RockBgvFr7DDok4oXfG0SDvAutuLwh7kCxWXtvOB2vOR7m6SZ10Z49vpOWNbl9XVO8Fe1EWgdWcZ7neo6NJ+NI++a/fhvvlha+KmYI8TpM6vsr/4nX8R4ABAEP+jREq+9xJAAAAAElFTkSuQmCC);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.serchTitle div {
	float: left;
	width: 1.875rem;
	height: 0.7rem;
	line-height: 0.7rem;
	/*font-size: 0.3rem;*/
	font-size: 0.24rem;
	text-align: center;
	border-right: 1px solid #E0E0E0;
	position: relative;
	color: #454545;
	padding-right: 0.4rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	white-space: nowrap;
}

.serchTitle div:after {
	display: block;
	content: '';
	width: 0.2rem;
	height: 0.12rem;
	position: absolute;
	right: 0.12rem;
	top: 50%;
	margin-top: -0.06rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAYAAABWiWWfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQyREUyNTc4ODNCNTExRTY4RUNEQjcyMDlEQkQwN0JDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQyREUyNTc5ODNCNTExRTY4RUNEQjcyMDlEQkQwN0JDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDJERTI1NzY4M0I1MTFFNjhFQ0RCNzIwOURCRDA3QkMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDJERTI1Nzc4M0I1MTFFNjhFQ0RCNzIwOURCRDA3QkMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz69R4oyAAAA4ElEQVR42pTSsQqCUBQG4NOlwdV2X6A3cGkqKHyBHBxqqV1o6AUkkB6gKbegKacgt2joOZqNlsao/8A/iCTqgc/Lvefcc69oJ03ToYisYApPaR89OMCmi8cCRnCFMTxaNHLgDH14Gd4o4cKNY5Mo1u/B12YfmMGWJ+kN3ZpGLusc7ptrH8PkF0JYgw0XmFQ0mjBvsz7kfjGlwgiWYMEJglI+4LrFuqiYNH9O3un787SEJwvHhOs+66SumcYRPHhDzAYx5x7z0rSZRgb6D+ac55xnVRtMzVe7w6A0VsZPgAEAsiww3Y4IGIYAAAAASUVORK5CYII=);
}

.serchTitle div.on {
	color: #51C6D0;
}

.serchTitle div.on:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAKCAYAAABWiWWfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjNGRDY0NzIxODNCNTExRTY5MzUwOTAyNTc2M0RFQzA0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjNGRDY0NzIyODNCNTExRTY5MzUwOTAyNTc2M0RFQzA0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6M0ZENjQ3MUY4M0I1MTFFNjkzNTA5MDI1NzYzREVDMDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6M0ZENjQ3MjA4M0I1MTFFNjkzNTA5MDI1NzYzREVDMDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4ym5yuAAAA0klEQVR42mJMOnOVgQDQAuJ5QJwExNfwKWQiYJA5EB9Co8kyzAWI9wCxMJQvDOW7kGpYKBBvBWJuIC4BYkYozQ0VDyXWsDQgXg6VSwDiXqg4iI6HGrwcqg6vYZVAPAOIfwJxIBAvQpNfDMRBUPkZUPUYhjFCbW4D4vfQcNmCIwi2QOXfQ9X3QvWDDWMG4vlAXATEj4HYFoiPE4jl41B1j6H6QEmHmQVIrADiEGga8oAqIAaA1FsD8Q5o2HKDDJsJxPxAHAHE7xhIAzCfgBw0EyDAAHMLKtqXhMnFAAAAAElFTkSuQmCC);
}

.serchTitle div:nth-child(4) {
	border-right: none;
}

.serchTitle {
	width: 100%;
	height: 0.7rem;
	background-color: white;
	border-bottom: 1px solid #E0E0E0;
}

.selectBg .godiqu {
	line-height: 0.7rem;
	text-align: center;
	color: #51C6D0;
	font-size: 0.28rem;
	display: none;
}

.selectBg .selectList {
	width: 100%;
	height: 8rem;
	overflow: hidden;
	display: none;
	border-top: 1px solid #E0E0E0;
	background-color: #F1F0F4;
}

.selectBg .selectList:after {
	content: '';
	display: block;
	clear: both;
}

.selectBg.on .selectList,
.selectBg.on .godiqu {
	display: block;
}
#remderList{
	display: none;
}
.selectBg.on #remderList{
	display: block;
}
.selectBg.on+.mask {
	opacity: 0.3;
	visibility: visible;
}

.selectList .one {
	height: 100%;
	overflow: hidden;
	width: 4.3rem;
	float: left;
	background-color: white;
}

.selectList .one ul {
	height: 100%;
	overflow-y: scroll;
}

.selectList .one li.on {
	background-color: #F1F0F4;
	color: #000000;
}

.selectList .two {
	height: 100%;
	overflow: hidden;
	width: 3.2rem;
	float: left;
}

.selectList .two  ul{
	height: 100%;
	overflow-y: scroll;
}

.selectList .one li {
	font-size: 0.28rem;
	line-height: 0.34rem;
	padding: 0.23rem 0;
	text-align: center;
	color: #777777;
}

.selectList .two li {
	line-height: 0.28rem;
	font-size: 0.28rem;
	padding: 0.26rem 0;
	padding-left: 0.3rem;
	color: #777777;
	width: 100%;
	list-style: none;
}
.selectList .two li.on{
	color: #51C6D0;
}
.paixu{
	position: fixed;
	width:100%;
	height: 100%;
	top:0;
	left:50%;
	padding-top: 1.74rem;
	z-index: 100;
	
	border-top: 1px solid #e0e0e0;
	display: none;
	background-color: rgba(0,0,0,.3);
	max-width: 750px;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	
}
.paixu li{
	height: 1rem;
	padding-left:2.5rem;
	line-height: 0.6rem;
	font-size: 0.28rem;
	line-height: 1rem;
	background-color: white;
	
}
.paixu li.on{
	color: #51C6D0;
}
.paixu li:before{
	content: '';
	display: inline-block;
	width:0.32rem;
	height: 0.32rem;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	
	vertical-align: middle;
	margin-right: 0.2rem;
	
}
.paixu li:nth-child(1):before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE3NkVFNENENjlFMDExRTY5MDI3RTIwQkFDQ0I2MTRCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE3NkVFNENFNjlFMDExRTY5MDI3RTIwQkFDQ0I2MTRCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTc2RUU0Q0I2OUUwMTFFNjkwMjdFMjBCQUNDQjYxNEIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTc2RUU0Q0M2OUUwMTFFNjkwMjdFMjBCQUNDQjYxNEIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5bCu6hAAABBElEQVR42mL8//8/w0ACFhARdPwi3S1eZ6kPppkYBhhgc4AqEK8F4o9A/B8Nf4TKqVJLHwsaXx2ITwCxAA4H84FiDIidgNgCiG9SqA8jBNqghuwAYikgZkTDUlA5AahaSvUxMIJyAVIi/Ah1LUjDcxy+kQTiZ0D8BYh5ydWHKxHyQenneNINTI6HCvoGZy4Y2Q74hJRgcAEJKP2FCvowHLAHSs9B0oAMZIB4LpS9iwr6MLKhBhAfx1OgwMAHILYE4hvk6sOVDW9AS6p1QPwZiwGfoXIWSJZTog+jKGaAFpPBZKQnsvSN1oajteFobThaGY3WhqO14WhtyDjQveMBz4YAAQYAVnOnE5oc7BMAAAAASUVORK5CYII=);
}
.paixu li:nth-child(2):before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFDOTMxM0JDNjlFMDExRTY4OTZERkM5RTM5MkQ0OEQ0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFDOTMxM0JENjlFMDExRTY4OTZERkM5RTM5MkQ0OEQ0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUM5MzEzQkE2OUUwMTFFNjg5NkRGQzlFMzkyRDQ4RDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUM5MzEzQkI2OUUwMTFFNjg5NkRGQzlFMzkyRDQ4RDQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5uEgQyAAADn0lEQVR42sSXZ0hWURjHr2k2qKQ+BA0qCtqRZYPCDw0KbO9BNCgtk7JNAymDihZle30ojIiwRYMoIksyIjQt0foQ2YKIaNAwaf8P/C4cLu99va8JPfDj3rP/95znPOfcqLF3ip3/ZWf7dXdqOf/ZIhXQSKSI8+KZqBSfRBl5KdSpcQHRYokoF4dFH/FQHBUnxBPRm7Jy6kYH6TgmQJ2G4pRIEnfFGnFT/PHUixIDxCaxQwwRk8Xnf5mBOJEnBotU0V/khhjcIS+XOqm0yaOPas/AcdFZjBJXPWXxojvvD0SxJeQQPnJBZIvR1ZmBqWIkU24PPkw8FkXiGBSRN8yqd5W2RvyUSAWY/HWiRGRZ+UvFJRwsTfSENPIuUce1LPrI9BvLbwkSRQcxXfwiz6zpdnFOTGMLulZk7YjtpHNpu5WlTMQnAs2A8fjv7G3XTEdPEVUZok0lZU+p69p5+kqKZAnimbovpNsy1btERRi/MWW7RS/aOPRRQp+BBbQQL610N575AeJGvqeNsRf0GdEusPd6bZ7fAgj45mlTrVD83qP4RYiv8rOuPJ97ZjQiAWXsgljSBeKNSA4gIJm6haRj6asiEgE3CKEDSP8WW4jv6WEGT6fOVto49BGHqMACrogPxHTXjHdfZCccFG2ssjbkmbJrPF2bZ4XrwAK+0tEYMYg8E1Qm0Pkcjt3XUE5eFuHbDV6m7Vjez0QSCTuKcRyxJor1Fa8IKIvFXsR0ov4jcZp7gWstaRtFulmoWfATsIuySWKfuCWGc+A4DLQ5jC+YD7gsmov9orXYKa6Ln1UtwXgxlBCawwlXh52wXNQLM7ApW0Zd4xcbxAKxkHRaVTNQn9uMw83G3YI9cLJtYjXiClkWd7oT8JkmbGPjfLcpL2cXreXAeucnYJVoxVleYOW/ZWb64GzmYJkdIniZ7XsSgb895WbJZiBiUSgB7cQK3jf6TPE9SECg8Y2PXDqGc2f0s0qWwog74PpTjMfx6vKezcUzlzP8maezFJ6ZOORgnK23tQVdz0/wEINDJnkFrOSrJnIPnAXuQOt5b8CF5BYijWUQA9Lp3GGb5oQI8Ufs/CifX7MuCHHF2CLmcukcaAmIZmnaU9+ciKWiKYPmQKn318wvDpRCJqzjaWyE5+vdKJmCiD3iB4ObpZz5rz8m7sC2iIEh6t0nQi6youP8mvo1s33A+/W2ZRAbKvCBipr4NfPOxM0wdb4Q+Rqz9lXaXwEGAMil8eMSllhoAAAAAElFTkSuQmCC);
}
.paixu li:nth-child(3):before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIyM0Y4NjFDNjlFMDExRTY4MkVCRUM4MkUxNEJDQjMzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIyM0Y4NjFENjlFMDExRTY4MkVCRUM4MkUxNEJDQjMzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjIzRjg2MUE2OUUwMTFFNjgyRUJFQzgyRTE0QkNCMzMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjIzRjg2MUI2OUUwMTFFNjgyRUJFQzgyRTE0QkNCMzMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5GKG/aAAADu0lEQVR42uyXTUhUURTHR8u+CPoYIqqJisixL3WVGJp9kUH25SIoSwqqTSAaUZZJRhnELNKW2aLvWqSmVFpQWSOZ0UKL0mxh0UC1sBJCStPp/4f/i9fjjfMmDTdd+HHenHfvOffed+65Z6KCwaBrKFu0a4jbkE9geCSdMxuaYyE2gFVgHnDrVQd4Be6CGxXJCW1ObUY5iQE4ToM4BlId2vWDQkzk4YAmAMejIErAbvYFX8AVcAc0g49gJJgG5oB0sAVMADR8BuRiIt8jngCcT4S4CZIBDZwAp2DsW5jdGguRBw4BLqABZGDcZ8cTgJExEPdBEngL1sPAc70bBpEClgKPhgRAHahHv171WwhRDWaCRrAc77qcnoJSOafhVJPz7ZoQnRWBnaJIunb1cWHMC8VMQLZKHe2AAu4B+MFVwlAjdCPwXAay1e01ox206Hcc2Ai8+n0B7MLYboxN0uQYK8usgWl3DI8r4EroXLqzYBvoBHsYiHgXtEy8AGKrVpotG9laAHUHZDs15A6gYwJEk6J9FgZ3QpeF50tyngZds/q6tbVsjdB3mGxwleM4IegvQ8fndp2ORMOGXQxkSlbLOQOuWLocDoQuGuzTt70lAtTxnYznaEwxbdAWnq9afNhOwNieKklG+wzwRrvAdhT4AOPiHnikZ5/eudS3TWNTpKuVXNLfBOIkn0nO1jkuxSr6sJoYpVsewUnQrQQM2gzQB/bz07CvaRFpkk2S3v6C0MjtnySvgUrQpaPVozT7R4O+Bo55clYoLm7rpLBNt9h0O7mMeGS6lTi6HOb/GCOwB3Idd0hOifCWTNe37gZPLFv9XnKyxYftDrTK+QIFUTjHXHUNE4wW4+Nx5Glg+lY3I/EkmpJYyB0wvu/aCHaQK/+pJHNEeiYk1g7veD9It9riw3YCFZLrlDzCtR4VKFOxct7/vUpEp/W+QDra2ixdechPoERTr1Xlg4P9eddxq9Xn4GKy5JwOLzILqmu+smC9OQuGOgWHdRnlwmglBjwN8f3jFSu0MV87EavX13VLst8i2lKBUhj2OtZtVaZiohwGPCE2wKuK5zwTkJwzPe8Am3QTerTltFUGXZ3TopQVTYKSih+GfhckpvYSnFPOCCja/TYFiUcFSV6kJZlbF02SSjLWhifh4GuYozleO5KnldP5GuO2jLQoHc060KYoZeBxRz6YEle8jpq1KN1rV4r9TVnOonSxw/zwWEewblD+F5gmEqcMx9Q71/LHpEXlehUctw7qH5P/f07/ZfslwABP5YfDmS+8nAAAAABJRU5ErkJggg==);
}

.shaixuan{
	position: fixed;
	width:100%;
	height: 100%;
	top:0;
	left: 50%;
	padding-top: 1.74rem;
	z-index: 100;
	max-width: 7.5rem;
	border-top: 1px solid #e0e0e0;
	display: none;
	background-color: rgba(0,0,0,.3);
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
}
.shaixuan li{
	width: 100%;
	padding: 0.16rem 0.26rem;
	font-size: 0.30rem;
	line-height: 0.30rem;
	background-color: white;
}
.shaixuan li:first-child{
	padding-top: 0.32rem;
}
.shaixuan .options{
	text-align: center;
	padding-top: 0;
}
.shaixuan .options span{
	display: inline-block;
	width: 2.08rem;
	line-height: 0.40rem;
	padding: 0.06rem 0.10rem;
	font-size: 0.24rem;
	border: 0.02rem solid #f0f0f0;
	margin: 0.10rem 0.12rem;
	border-radius: 0.10rem;
}
.shaixuan .options span.on{
	background: #51C6D0;
	border-color: #51C6D0;
	color: #fff;
}
.shaixuan .li-options-ok{
	background: #fff;
}
.shaixuan .li-options-ok{
	width: 100%;
	padding: 0.32rem 0.20rem;
	text-align: center;
}
.shaixuan .options-ok{
	width: 7.10rem;
	height: 0.88rem;
	margin: 0 auto;
	display: block;
	background: #51C6D0;
	color: #fff;
	line-height: 0.88rem;
	border-radius: 0.10rem;
	padding: 0.06rem 0.12rem;
}
.badge{
	display: inline-block;
	width: 0.30rem;
	height: 0.30rem;
	border-radius: 0.15rem;
	background: #51C6D0;
	color: #fff;
	font-size: 0.30rem;
	line-height: 0.30rem;
	margin-left: 0.08rem;
}