html,body{width: 100%; height: 100%; min-width: 1200px; min-height: 720px;}
input:focus{outline: 0;}
input::-webkit-input-placeholder{color: #999;}
button{border: none; cursor: pointer;}
button:focus{outline: 0;}

/**login.html**/
.login{width:440px;height:380px;padding:50px 80px;background: #fff;position: absolute;top: 50%;left: 50%;margin: -240px 0 0 -300px; box-shadow: 0px 6px 16px 0px rgba(77, 40, 73, 0.14);}
.hospital_name{text-align: center;line-height: 46px;height: 46px;color: #be74b9;font-size:30px;font-weight: bold;}
.login .logo{width: 640px;height: 80px;position: absolute;top: -80px;left: 0px;margin-left:  -100px;text-align: center;}
.login_tab{padding-top:20px;height:26px;font-size: 0;text-align: center;}
.login_tab span{display: inline-block;height:26px;margin-right: 50px;font-size:18px;color: #666;cursor: pointer;}
.login_tab span.cur{color: #be74b9; border-bottom: 4px solid #be74b9;font-weight: bold;}

.login_con{padding-top: 30px;}
.login_con .userName,.login_con .passWord{height: 56px;margin-bottom:20px;background-color: #f2f2f2;padding: 0 30px;background-repeat: no-repeat;background-position: 30px center;}
.login_con>div input{width: 100%;height:56px;border: none;background: none;font-size: 16px;color: #999;line-height:56px;}
.login_code{position: relative;}
.login_con>div.login_code input{width: 336px;}
.login_code button{width: 110px;margin-top:20px;padding-left:20px;height:16px; background: none; border-left: 1px solid #333; font-size:16px; color: #333; line-height:16px; text-align: center; position: absolute; top: 0; right:40px; cursor: pointer;}


.fn_bar{height: 20px;font-size: 0;margin: 0 auto;}
.fn_bar span,.fn_bar a{height: 20px; display: inline-block; font-size: 16px; color: #999; line-height: 20px;}
.fn_bar a.forgetBtn{float: left;}
.fn_bar a.registerBtn{float: right;}
.fn_bar span{color: #333; padding-left: 20px; float: left; cursor: pointer;}
.fn_bar span.cur{color: #be74b9;}
.fn_bar a:hover{color: #be74b9;}

.login_btn{padding-top:10px;}
.login_btn button{width: 100%;height: 56px;margin-bottom: 20px;font-size: 18px;color: #fff;line-height:56px;text-align: center;border: none;background: #be74b9;}


/**register.html**/

.bottom_bar{text-align: center; padding: 30px 0;}

.register{width: 900px; margin: 0 auto;}
.top_bar{height: 44px; padding: 20px 0; font-size: 16px; color: #666; text-align: right;}
.top_bar .top_link{height: 20px; padding-top: 24px; font-size: 16px; color: #cecece; line-height: 20px;}
.top_bar .top_link a{font-size: 16px; color: #666; padding: 0 10px;text-decoration:none;}
.top_bar img{float: left;}
.content{width: 100%;background: #fff; box-shadow: 0px 6px 24px 0px #e3e3e3; overflow: hidden;}
.content .tit{height: 72px; background: #be74b9; font-size: 24px; color: #fff; line-height: 72px; text-align: center;}
.registerTab{width: 302px;margin: 0 auto;font-size: 0;padding-top: 30px;}
.registerTab ul li{background: url(../images/border_bg.png) center bottom no-repeat;display: inline-block;width: 50%;text-align: center;}
.registerTab ul li span{padding:0 10px 10px;display: inline-block;font-size: 16px;color: #666;line-height: 36px;height: 36px;border-bottom:2px solid #f2f2f2;cursor: pointer;}
.registerTab ul li.cur span{border-bottom:2px solid #be74b9;color: #be74b9;}

.content .list{width: 440px; padding-top:35px; margin: 0 auto;}
.content .list .block{width: 332px; min-height: 50px; padding-bottom: 20px; padding-left: 108px; position: relative; font-size: 0;}
.content .list .block .txt{width: 300px; height: 50px; font-size: 14px; color: #333; line-height: 50px; text-align: right; position: absolute; left: -217px;}
.content .list .block input{width: 100%; height: 50px; box-sizing: border-box; padding: 0 30px; border: none; background: #f2f2f2;font-size: 14px; color: #999; line-height: 50px;}
.content .list .block2{min-height: 20px;}
.content .list .block2 .info span{display: inline-block;padding-left: 25px;padding-right: 30px;line-height: 20px;height: 20px;font-size: 16px;color: #666;background: url(../images/re_icon01.png) left center no-repeat;cursor: pointer;}
.content .list .block2 .info span.cur{background: url(../images/re_icon02.png) left center no-repeat;}
.content .list .block3 .info span{display: inline-block;padding-left:30px;padding-right: 30px;line-height:50px;height: 50px;font-size: 14px;color: #666;background: url(../images/re_icon03.png) left center no-repeat;cursor: pointer;}
.content .list .block3 .info span.cur{background: url(../images/re_icon04.png) left center no-repeat;}
.content .list .block4{width: 400px;box-sizing: content-box;}
.content .list .block4 .info span{display: inline-block;width: 120px;line-height:50px;height: 50px;border-radius: 3px;margin-right:10px;font-size: 16px;color: #333;text-align:center;background: #ccc;cursor: pointer;}
.content .list .block4 .info span.cur{background: #be74b9;color: #fff;}
.content .list .block .info2{position: relative;}

.content .list .block .info2>button{width: 120px; height: 50px; background: #be74b9; border: 0px;font-size: 16px; color: #fff; font-weight: bold; cursor: pointer; position: absolute; left: 0px; top: 0px; z-index: 9; pointer-events: none;}
.content .list .block .info2>input{width: 120px; height: 50px; position: absolute; left: 0px; top: 0px; z-index: 8; opacity: 0;}
.content .list .block .info2>span{width: 100%; height: 50px;line-height: 50px; display: block; box-sizing: border-box; font-size: 16px; color: #979fbf; padding-left: 140px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.readme{width: 440px; padding-bottom: 50px; margin: 0 auto; text-align: center;line-height: 24px;box-sizing: content-box;}
.readme span{font-size: 16px; color: #666; padding-left:32px; background: url(../images/re_icon04.png) left center no-repeat; cursor: pointer;line-height: 24px;display: inline-block;}
.readme span.cur{background: url(../images/re_icon03.png) left center no-repeat;}
.readme a{font-size: 16px; color: #be74b9;display: inline-block;line-height: 24px;vertical-align: top;}
.readme a:hover{text-decoration: none;color: #be74b9;}

.btn{width: 330px; height: 50px; padding-bottom:25px; margin: 0 auto;}
.btn button{width: 100%; height: 50px; background:#be74b9; font-size: 16px; color: #fff; line-height: 50px; text-align: center;}

/**fillInformation.html**/
.info_title{padding-top:35px;line-height:56px;text-align: center;font-size: 24px;color: #333;}
.fillInformation{box-shadow: none;}

.content .list .block .i_select{height:50px; font-size: 16px; color: #333; line-height: 50px; text-align: left;  padding: 0 30px; background: #f2f2f2; position: relative;}

.content .list .block .i_select>span{height:50px; display: block; font-size: 16px; color: #333; line-height: 50px; padding-right: 20px; background: url(../images/d_arrow.png) right center no-repeat; cursor: pointer;}
.content .list .block .i_select.cur>span{background: url(../images/t_arrow.png) right center no-repeat;}
.content .list .block .i_select.cur:before{content: ''; font-size: 0; width: 18px; height: 10px; position: absolute; top: 50px; right: 30px; z-index: 8;background: url(../images/select_top.png);}
.content .list .block .i_select .select_list{width:328px; padding: 20px 0; border: 1px solid #be74b9;background: #f2f2f2;border-radius: 5px; position: absolute; z-index: 7; right: 0px; top:57px; overflow: hidden; display: none;}
.content .list .block .i_select.cur .select_list{display: block;}
.content .list .block .i_select .select_list ul{width:328px; max-height:200px; overflow-y: auto; overflow-x: hidden;}

/*滚动条整体部分*/
.content .list .block .i_select .select_list ul::-webkit-scrollbar{width: 2px; height: 0px; background: none;} 
/*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
.content .list .block .i_select .select_list ul::-webkit-scrollbar-thumb{width: 2px; height: 0px; background: rgba(190,116,185,0.9); border-radius: 2px;}
/*滚动条的轨道（里面装有Thumb）*/
.content .list .block .i_select .select_list ul::-webkit-scrollbar-track{width: 2px; height: 0px; background: rgba(190,116,185,0.1); border-radius: 2px;}
/*滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。*/
.content .list .block .i_select .select_list ul::-webkit-scrollbar-button{display: none;}
/*内层轨道，滚动条中间部分（除去）*/
.content .list .block .i_select .select_list ul::-webkit-scrollbar-track-piece{}
/*边角，即两个滚动条的交汇处*/
.content .list .block .i_select .select_list ul::-webkit-scrollbar-corner{}
/*两个滚动条的交汇处上用于通过拖动调整元素大小的小控件*/
.content .list .block .i_select .select_list ul::-webkit-resizer{}

.content .list .block .i_select .select_list ul li{width:328px; height:40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 16px; color: #333; line-height: 40px; text-align: center; cursor: pointer;}
.content .list .block .i_select .select_list ul li:hover{color: #be74b9;}



/*select下拉样式*/
/*.content .list .block .info .selectbox{height:50px;line-height:50px;border-radius: 2px;background:#f2f2f2 url(../images/d_arrow.png) 295px center no-repeat;overflow: hidden;}
.content .list .block .info .selectbox select{padding: 0 40px 0 20px;width:332px;background: none;border:none;height:50px;line-height:50px;font-size: 16px;color: #666;}
.content .list .block .info .selectbox select option{height:50px;line-height:50px;font-size: 16px;color: #666;}
.content .list .block .info .selectbox select option:focus{outline: 0;}*/

.expertbox{overflow: hidden;font-size: 0;height:296px;margin-bottom: 20px;}
.expertbox a{display:inline-block;width:384px;height: 294px;border:1px solid #e4e4e4;margin-right: 21px;vertical-align: top;box-sizing: content-box;}
.expertbox a.cur{border:1px solid #be74b9;}
.expertbox a .expert_info{padding: 20px;height: 248px;box-sizing: content-box;border:3px solid #fff;}
.expertbox a.cur .expert_info{border:3px solid #be74b9;}
.expertbox a .expert_info img{display: block;width:100px;height: 100px;border-radius: 50%;float: left;}
.expertbox a .expert_info .expert{padding-left: 125px;min-height: 100px;padding-bottom: 10px;}
.expertbox a .expert_info .expert h2{padding-top:20px;line-height: 28px;font-size: 18px;color: #be74b9;}
.expertbox a .expert_info .expert span{padding-top: 20px;line-height: 28px;font-size: 16px;color: #333;}
.expertbox a .expert_info p{line-height:22px;font-size:14px;color: #666;word-break: break-all;}

.confirmBtn{padding-top: 40px;padding-bottom: 40px;}
.confirmBtn a{display: block;border-radius:3px;width:86px;height:36px;font-size:14px;line-height:36px;background: #be74b9;color: #fff;text-align: center;margin: 0 auto;cursor: pointer;}

/*滚动条整体部分*/
.content .list_expert::-webkit-scrollbar{width: 0px; height: 5px; background: none;} 
/*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
.content .list_expert::-webkit-scrollbar-thumb{width: 0px; height: 5px; background: rgba(190,116,185,0.9); border-radius: 2px;}
/*滚动条的轨道（里面装有Thumb）*/
.content .list_expert::-webkit-scrollbar-track{width: 0px; height: 5px; background: rgba(190,116,185,0.1); border-radius: 2px;}
/*滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。*/
.content .list_expert::-webkit-scrollbar-button{display: none;}
/*内层轨道，滚动条中间部分（除去）*/
.content .list_expert::-webkit-scrollbar-track-piece{}
/*边角，即两个滚动条的交汇处*/
.content .list_expert::-webkit-scrollbar-corner{}
/*两个滚动条的交汇处上用于通过拖动调整元素大小的小控件*/
.content .list_expert::-webkit-resizer{}




/*pop1*/
.pop1,.pop2,.pop3{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 300;display:none;}
.protoco-bg{position:absolute;width: 100%;height: 100%;background:url(../images/bg11.png);}
.protoco-box{position:absolute;left:50%;top:50%;margin-left:-550px;margin-top:-248px;width:1100px;border:2px solid #c3c3c3;background:#fff;box-sizing:border-box;padding:0 25px;}
.protoco-title{background:#fff;text-align:center;}
.protoco-title h2{font-size:18px;color:#4d4d4d;display:inline-block;text-align:center;line-height:64px;}
.protoco-title img{width:40px;height:38px;position:absolute;top:-2px;right:-2px;cursor:pointer;}
.protoco-contentbox{width:100%;box-sizing:border-box;padding:20px 0;background:#fff;}
.protoco-content{max-height:300px;overflow:auto;box-sizing: border-box;padding:0 40px;}
.protoco-content h2{text-align:center;font-size:18px;line-height:30px;color:#505050;word-break:break-all;}
.protoco-content p{font-size:14px;line-height:26px;color:#666;word-break:break-all;text-indent: 28px;}
.bottom-button{padding:20px 0 30px;text-align:center;font-size: 0;}
.bottom-button span{display: inline-block;background:#cecece;border-radius:3px;width:86px;margin:0 15px;font-size:14px;color:#666;line-height:36px;text-align:center;cursor:pointer;}
.bottom-button span.cur{background: #be74b9;color: #fff;}
.pop2_content{position:absolute;top:50%;left:50%;margin-left:-300px;margin-top:-200px;background:#fff;width:600px;height:400px;}


/*滚动条整体部分*/
.protoco-content::-webkit-scrollbar{width: 3px; height: 0px; background: none;} 
/*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
.protoco-content::-webkit-scrollbar-thumb{width: 3px; height: 0px; background: rgba(190,116,185,0.9); border-radius: 2px;}
/*滚动条的轨道（里面装有Thumb）*/
.protoco-content::-webkit-scrollbar-track{width: 3px; height: 0px; background: rgba(190,116,185,0.1); border-radius: 2px;}
/*滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。*/
.protoco-content::-webkit-scrollbar-button{display: none;}
/*内层轨道，滚动条中间部分（除去）*/
.protoco-content::-webkit-scrollbar-track-piece{}
/*边角，即两个滚动条的交汇处*/
.protoco-content::-webkit-scrollbar-corner{}
/*两个滚动条的交汇处上用于通过拖动调整元素大小的小控件*/
.protoco-content::-webkit-resizer{}



/**retrieve.html**/
.PW_getList{padding: 100px 0 120px 0; font-size: 0; text-align: center;}
.PW_getList span{width: 238px; height: 126px; display: inline-block; border: 1px solid #be74b9; border-radius: 10px; background: rgb(190,116,185,0.1); margin: 0 auto; text-align: center;}
.PW_getList a{height: 126px; display: inline-block; font-size: 24px; color: #be74b9; line-height: 126px; text-align: center; padding-left: 50px; background-position: left center; background-repeat: no-repeat;}
.PW_getList a.email{background-image: url(../images/login_icon4.png);}
.login_tis{font-size: 14px; color: #666; text-align: center;}
.login_tis a{font-size: 14px; color: #be74b9;}


/**telemedicine.html**/
.TD_main{width: 1200px; padding-top: 20px; margin: 0 auto; font-size: 0;}
.TD_main .search_bar{width: 1198px; height: 20px; margin-bottom: 20px; padding: 12px 0; border: 1px solid #e4e4e4; background: #f2f2f2;}
.TD_main .search_bar input{width: 1069px; height: 20px; padding: 0 30px; border-right: 1px solid #cecece; font-size: 14px; line-height: 20px; vertical-align: middle;}
.TD_main .search_bar input::-webkit-input-placeholder{color: #999;}
.TD_main .search_bar button{width: 67px; height: 20px; background: none; border: 0px; vertical-align: middle;}
.TD_main .search_bar button img{margin: 0 auto;}

.TD_main .search_select{padding:30px 45px;margin-bottom: 20px;border: 1px solid #e4e4e4;}
.TD_main .search_select span{width:80px; height: 36px; font-size: 14px; color: #666; line-height: 36px;float: left;display: block;}
.TD_main .search_select .list_XM{padding-left: 80px; font-size: 0;}
.TD_main .search_select .list_XM a{display: inline-block;margin-right: 15px; font-size: 14px; color: #666; line-height: 36px;}
.TD_main .search_select .list_XM a.cur{color: #be74b9;}
.bar_top{font-size: 0;}
.bar_top .list{width: 360px;display:inline-block;padding-bottom: 30px;vertical-align: top;}
.bar_top .list .block{position: relative;font-size: 0;height: 32px;}
.bar_top .list .block .txt{width:80px; height:32px; font-size: 14px; color: #666; line-height:32px; text-align: left;display: inline-block;vertical-align: top;}
.bar_top .list .block .info{display: inline-block;width: 170px;}
.bar_top .list .block .info input{width: 100%; height: 32px; box-sizing: border-box; padding: 0 15px; border: none; background: #f2f2f2;font-size: 14px; color: #666; line-height: 32px;}

.bar_top .list .block .i_select{display: inline-block;width: 140px;height: 32px;font-size: 14px; color: #666; line-height: 32px; text-align: left;  padding: 0 15px; background: #f2f2f2; position: relative;}
.bar_top .list .block .i_select>span{width: 120px;height:32px; display: block; font-size: 14px; color: #666; line-height: 32px; padding-right: 20px; background: url(../images/d_arrow.png) right center no-repeat; cursor: pointer;}
.bar_top .list .block .i_select.cur>span{background: url(../images/t_arrow.png) right center no-repeat;}
.bar_top .list .block .i_select.cur:before{content: ''; font-size: 0; width: 18px; height: 10px; position: absolute; top: 32px; right: 30px; z-index: 8;background: url(../images/select_top.png);}
.bar_top .list .block .i_select .select_list{width:138px; padding: 20px 0; border: 1px solid #be74b9;background: #f2f2f2;border-radius: 5px; position: absolute; z-index: 7; right: 0px; top:39px; overflow: hidden; display: none;}
.bar_top .list .block .i_select.cur .select_list{display: block;}
.bar_top .list .block .i_select .select_list ul{width:168px; max-height:160px; overflow-y: auto; overflow-x: hidden;}

/*滚动条整体部分*/
.bar_top .list .block .i_select .select_list ul::-webkit-scrollbar{width: 2px; height: 0px; background: none;} 
/*滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条）*/
.bar_top .list .block .i_select .select_list ul::-webkit-scrollbar-thumb{width: 2px; height: 0px; background: rgba(190,116,185,0.9); border-radius: 2px;}
/*滚动条的轨道（里面装有Thumb）*/
.bar_top .list .block .i_select .select_list ul::-webkit-scrollbar-track{width: 2px; height: 0px; background: rgba(190,116,185,0.1); border-radius: 2px;}
/*滚动条的轨道的两端按钮，允许通过点击微调小方块的位置。*/
.bar_top .list .block .i_select .select_list ul::-webkit-scrollbar-button{display: none;}
/*内层轨道，滚动条中间部分（除去）*/
.bar_top .list .block .i_select .select_list ul::-webkit-scrollbar-track-piece{}
/*边角，即两个滚动条的交汇处*/
.bar_top .list .block .i_select .select_list ul::-webkit-scrollbar-corner{}
/*两个滚动条的交汇处上用于通过拖动调整元素大小的小控件*/
.bar_top .list .block .i_select .select_list ul::-webkit-resizer{}

.bar_top .list .block .i_select .select_list ul li{width:168px; height:32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; color: #666; line-height: 40px; text-align: center; cursor: pointer;}
.bar_top .list .block .i_select .select_list ul li:hover{color: #be74b9;}





.TD_main_con{width: 1215px;}
.TD_main .fav_list{width: 388px; padding-top: 19px; border: 1px solid #e4e4e4; display: inline-block; margin-right: 15px; margin-bottom: 20px;}
.TD_main .fav_list .FL_pic{height: 100px;}
.TD_main .fav_list .FL_pic img{width: 100px; height: 100px; border-radius: 50px; margin-right: 30px; margin-left: 19px; display: inline-block; vertical-align: middle;}
.TD_main .fav_list .FL_pic span{width: 220px; max-height: 100px; overflow: hidden; display: inline-block; vertical-align: middle; font-size: 16px; color: #333;}
.TD_main .fav_list .FL_pic span b{height: 50px; display: block; font-size: 18px; color: #be74b9; line-height: 50px;}
.TD_main .fav_list .FL_info{padding: 10px 20px; font-size: 14px; color: #666; line-height: 24px;height:125px;}
.TD_main .fav_list .FL_btns{height: 36px; padding: 11px 19px; border-top: 1px solid #e4e4e4;}
.TD_main .fav_list .FL_btns span{height: 36px; display: inline-block; font-size: 14px; color: #333; line-height: 36px; cursor: pointer;}
.TD_main .fav_list .FL_btns span.btn01{padding: 0 20px 0 30px; background: url(../images/FL_icon01.png) left center no-repeat;}
.TD_main .fav_list .FL_btns span.btn02{padding: 0 20px 0 30px; background: url(../images/FL_icon02.png) left center no-repeat;}
.TD_main .fav_list .FL_btns span.btn02.cur{background: url(../images/FL_icon03.png) left center no-repeat; color: #be74b9;}
.TD_main .fav_list .FL_btns span.btn03{width: 60px; padding: 0 40px 0 70px; background: #be74b9 url(../images/FL_icon04.png) 43px center no-repeat; color: #fff; text-align: center; border-radius: 3px; float: right;}