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.04rem; } .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 { width: 0.44rem; height: 0.44rem; margin: 0 auto; margin-top: 0.28rem; /*background-repeat: no-repeat; background-size: 100% 100%; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkFGQzExM0ZEQTRCODExRTZBMjZGOUZBMUJCNUU2M0QyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkFGQzExM0ZFQTRCODExRTZBMjZGOUZBMUJCNUU2M0QyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QUZDMTEzRkJBNEI4MTFFNkEyNkY5RkExQkI1RTYzRDIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QUZDMTEzRkNBNEI4MTFFNkEyNkY5RkExQkI1RTYzRDIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6YGtS1AAADv0lEQVR42sxZTUhUURR+byzRoKZMCtMmM1oUhVCCtKjFRGGBVrMJbZW2SXIRUWYlGWj/0KKgTRO0MN30g0HQQpfBgNX0Q5DZYiYsymzSiQwl7Vz8Hpxu7817M3PnzRz4mPtz7jnfu++9c859o+97GtYyIH78Dqg2PE/LjJzH7xbCrErDngyQrSNUA7WqjXsyYK+L9btU+1BNuJ6wgfVFuyFXCc8nnDMZ78BczhFuIqxBe4zwDW0xdijXCBcSzrD+JcJl1j8NnZwhfIRQivYI4QYwgrFS6OQE4UWEVtbvJEwCnWz8JHSzTvgYYSnaHwhBNhfEmJAi6GaVcDHhKOufJUyz/jTGDBG6y7JJuI2wEO03hB4TnR7MadBtzRbhjYRmKRLMmOjNYM6QZqzNaPGzkrAZqAKK2XyI0Jdg/SPoiPqigPAKcXoQeAZ8TIXwComYaC+3sXPKZn4WOv3S818DGPIFxPmFfJIJ1+DKDZIlDnf9Bwz2O6x7B0B6O3wtNtERG7MbMOQzIx/SqYBvpMYtgp7A2QThOVs4iHCVaq2rI2VXsY3aZBOnha+DYodvI9RckAgGGcEhxYW4sDUM9LIAsJZdQJN0AeLu3DGe4YsEH+Ewy17vCXc190REk3eAVyJ7Exz/CWst0pt+HacHt6UOvg3pA7f/4vAfFOAh9PMQ9KtdJFsNn3ksXNaDm2ni+IVz2DD6CwiP0wn0SSaiJ/CpgUMtOCXMdKOEXfg1ihZBuiyDZMvgw2vBwTY1i6vbQRi3MKhSvNKGCJ872V12XEu8JAQIU+yW3SfkKySbD5vGIzcFn+FUix+RnRpZDPYjbusKyOqw5WexudEuazqp1rqlWuEAdiFdCcAWTwzdqspLEbRfSJkwXeE2wkZiUFkP82IlqoBwVHrxlBbwHimsRRQTLmPJQgnhEvb15ivhtwLCk7BlfDUqUUl4leLHwcyWTyVhX5KPg+4w9EXcIBy1IbqHHXH22hCPWtxFpY9ExMJOAKHvIU4PAg8wFrDw5foOi/X7EUfvESpN1lZiLgxdj9s7HMU68aH6NY44vPz8SbhKuII2Lx978VGlATZc2eGthLdIo+vZeBznwgrCccIJwmqMxZneOqwVNrYlS1h38LeXF0d6KxnHkeYa4buFThG+q7XYZLUlNr4c7bDVsxXT5v4OELvYnoCshrl26HZgrd2dTJmwz8J5uTb3n0YsiUQRw5py2BhzuDkpER5FCSicdaZZsU3AhtjxNnYUUrLDhXiJKkxeoHQljrLSeFEL7Bb8FWAAjzbdV0sEcc8AAAAASUVORK5CYII=);*/ position: relative; } .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; top: 0; left: -0.28rem; } .doctorBg .more, .doctorBg .nomore { height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: 0.24rem; color: #777777; } .selectBg { width: 7.5rem; overflow: hidden; position: fixed; top: 0; left: 50%; height: 1.04rem; background-color: white; z-index: 200; margin-left: -3.75rem; } .selectBg .byName { padding: 0.24rem 0.2rem; background-color: #F1F0F4; } .selectBg .byName:after { content: ''; display: block; clear: both; } .selectBg .byName .name { width: 5.4rem; height: 0.64rem; border-radius: 0.1rem; border: 1px solid #E0E0E0; background-color: white; position: relative; font-size: 0.3rem; padding-left: 0.9rem; color: #ccc; float: left; } .selectBg .byName .name input { display: inline-block; outline: none; border: none; width: 70%; height: 100%; font-size: 0.32rem; } .selectBg .byName .name:before { content: ''; 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; } .selectBg .byName .btn { float: right; height: 0.64rem; border-radius: 0.1rem; text-align: center; line-height: 0.64rem; font-size: 0.32rem; width: 1.5rem; background-color: #51C6D0; color: white; } .load { display: block; position: fixed; top: 50%; left: 50%; z-index: 1000; width:1.5rem; height: 1.5rem; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); visibility: hidden; } .load.on { visibility: visible; }