﻿@charset "utf-8";
/***项目名称：呱呱赚***
***时间：2015.08.29***
***单位：北京阳光惠软数码科技有限公司*** 
***/
html,body{
	min-height:100%;
}
html{
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body{
	background:#eeeeee;
}
.content{
	padding-bottom:20px;
	min-height:100%;
}
/********人工晶状体在线计算系统**********/
.header{
	background:#7ecef4;
	color:#fff;
	text-align:center;
	font-size:17px;
	height:40px;
	line-height:40px;
	position:relative;
}
.header img{
	width:20px;
	margin-right:5px;
}
.header a{
	position:absolute;
	right:10px;
	font-size:13px;
	color:#fff;
}
.tit{
	color:#000000;
	font-size:16px;
	text-align:center;
	height:40px;
	line-height:40px;
	background:#EAEAEA;
	clear:both;
}
.tit2{
	color:#000000;
	font-size:12px;
	text-align:center;
	height:20px;
	line-height:20px;
	background:#EAEAEA;
	clear:both;
}
.header2{
	background:#7ecef4;
	color:#fff;
	text-align:center;
	font-size:17px;
	height:40px;
	line-height:40px;
	position:relative;
}
.header2 img{
	width:28px;
	
}
.header2 a{
	
	font-size:16px;
	color:#fff;
}
/*.content{
	padding-left:10px;
	padding-right:10px;
}*/
.content ul{
	padding-left:10px;
	padding-right:10px;
}
.content ul li{
	width:33.3%;
	float:left;
	margin-bottom:5px;
	margin-top:5px;
	font-size:14px;
}
.content ul li input{
	line-height:36px;
}
.fill{
	width:70px;
	border:1px solid #ccc;
	padding-left:5px;
	padding-right:5px;
	border-radius:4px;
    font-size:14px;
}
.content ul{
	clear:both;
}
.content ul .colum{
	padding-top:5px;
}
.content ul .unit{
	padding-top:10px;
}
.content ul .select{
	padding-top:5px;
}
.content ul .select select{
	width:80px;
	height:30px;
}
.inp{
	text-align:center;
}
.btn{
	clear:both;
	text-align:center;
	padding-top:20px;
}
.btn a,.btn input{
	background:#7ecef4;
	border-radius:4px;
	color:#fff;
	display:inline-block;
	width:120px;
	height:40px;
	line-height:38px;
	font-size:16px;
}
.btn input{
	margin-top:-4px;
	margin-left:20px;
}
.unit input{
	margin-right:5px;
	margin-top:-3px;
}
.count{
	padding-left:10px;
	padding-right:10px;
	padding-bottom:40px;
}
.count dl dt,.count dl dd{
	line-height:36px;
	font-size:14px;
}
.count dl dd{
	border:1px solid #d2d2d2;
	border-radius:4px;
	overflow:hidden;
	height:36px;
	line-height:36px;
	padding-left:10px;
}
.count2{
		overflow:hidden;
	margin:10px;
	border:1px solid #d2d2d2;
	border-bottom:0px;
	border-right:0px;
	border-radius:4px;
	margin-bottom:40px;
}
.count2 dl dt,.count2 dl dd{
	line-height:20px;
	font-size:14px;
}
.count2 dl dd{
	float:left;
	width:50%;
	text-align:center;
	height:20px;
	line-height:20px;
	border-bottom:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	box-sizing:border-box;
}
/*.recommend{
	margin:10px;
	border:1px solid #d2d2d2;
	border-radius:4px;
	margin-bottom:30px;
}
.recommend ul li{
	height:30px;
	line-height:30px;
	border-bottom:1px solid #d2d2d2;
	font-size:14px;
	padding-left:10px;
	padding-right:10px;
}

.recommend.ul.xzli{
	height:30px;
	line-height:30px;
	border-bottom:1px solid #d2d2d2;
	font-size:16px;
        color: #FF0000;
	padding-left:10px;
	padding-right:10px;
}
.recommend ul li:last-child{
	border-bottom:0px;
}*/
.compute{
	padding-bottom:20px;
}
.unit label{
	font-size:14px;
}
.count dl dd,.compute dl dd{
	background:#fff;
}

.compute2{
	padding-bottom:20px;
}
.unit label{
	font-size:14px;
}
.count2 dl dd,.compute dl dd{
	background:#fff;
}

/*************首页************/
.top img{
	width:100%;
}.indexBtn{
	background:#fff;
        width:100%;
}
.indexBtnLeft,.indexBtnRight{
	width:100%;
        
	
	
}
.indexBtnLeft img,.indexBtnRight img{
	width:100%;
       
}
.term{
	padding:10px;
}
.term h3{
	color:#3d81cd;
	font-size:15px;
}
.term p{
	text-indent:2em;
	line-height:25px;
}
.term h4{
	line-height:25px;
	font-size:14px;
	font-weight:bold;
}
.term h5{
	margin-top:10px;
	margin-bottom:15px;
}
.termBtn{
	position:fixed;
	bottom:0px;
	width:100%;
	height:40px;
}
.termBtn ul li{
	float:left;
	width:50%;
	height:40px;
	line-height:40px;
	color:#fff;
	font-size:15px;
	text-align:center;
}
.termBtn ul li a{
	color:#fff;
	display:block;
}
.agree{
	background:#7ecef4;
}
.reject{
	background:#a5a5a5;
}

#abruptSite{
	display:inline-block;
	line-height:36px;
	height:36px;
	background:#efefef;
	text-align:left;
	font-size:13px;
}

.recommend ul li{
	float:left;
	width:25%;
	text-align:center;
	height:30px;
	line-height:30px;
	border-bottom:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	box-sizing:border-box;
}
.recommend{
	overflow:hidden;
	margin:10px;
	border:1px solid #d2d2d2;
	border-bottom:0px;
	border-right:0px;
	border-radius:4px;
	margin-bottom:40px;
}
.recommend2 ul li{
	float:left;
	width:18%;
	text-align:center;
	height:30px;
	line-height:20px;
	border-bottom:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	box-sizing:border-box;
	line-height:12px;
	
}
.recommend2{
	overflow:hidden;
	margin:10px;
	border:1px solid #d2d2d2;
	border-bottom:0px;
	border-right:0px;
	border-radius:4px;
	margin-bottom:5px;
}
.recommend3 ul li{
	float:left;
	width:50%;
	text-align:center;
	height:20px;
	line-height:20px;
	border-bottom:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	box-sizing:border-box;
}
.recommend3{
	overflow:hidden;
	margin:10px;
	border:1px solid #d2d2d2;
	border-bottom:0px;
	border-right:0px;
	border-radius:4px;
	margin-bottom:5px;
}
.recommend4 ul li{
	float:left;
	width:33%;
	text-align:center;
	height:20px;
	line-height:20px;
	border-bottom:1px solid #d2d2d2;
	border-right:1px solid #d2d2d2;
	box-sizing:border-box;
}
.recommend4{
	overflow:hidden;
	margin:10px;
	border:1px solid #d2d2d2;
	border-bottom:0px;
	border-right:0px;
	border-radius:4px;
	margin-bottom:5px;
}
/**********个人基本信息********/
.content ul .doctorName,.content ul .sexTitle{
	width:30%;
	line-height:12px;
	text-align:justify;
    padding-top:5px;
}
.content ul .sexCon span{
	display:block;
	float:left;
	width:50%;
	text-align:center;
}
.content ul .doctorCon,.content ul .sexCon{
	width:66%;
	border:1px solid #efefef;
} 
.content ul .sexCon{
	border:0px;
}
.content ul .doctorCon input{
	width:100%;
}
.sexCon span input{
	margin-right:10px;
	margin-top:-5px;
        font-size:14px;
}

.show{
	text-align:center;
	clear:both;
	overflow:hidden;
	width:100%;
}
#pw_body{
	margin:0 auto;
	margin-bottom:10px;
}
   #Label4  
      {
      	position:relative; top:210px; left:130px;
          color: #FF3300;
          font-size: small;
          font-weight: 700;
      }
    /*  .side-bar a,.chat-tips i {background: url(right_bg.png) no-repeat;} 
.side-bar {width: 20px;position: fixed; bottom: 20px;right: 2px;font-size: 0;line-height: 0;z-index: 100;} 
.side-bar a {width: 20px;height: 20px;display: inline-block;background-color: #ddd;margin-bottom: 2px;} 
.side-bar a:hover {background-color: #669fdd;} 
.side-bar .icon-qq {background-position: 0 -62px;} 
.side-bar .icon-chat {background-position: 0 -130px;} 
.side-bar .icon-blog {background-position: 0 -198px;} 
.side-bar .icon-mail {background-position: 0 -266px;}*/ 

  .side-bar a,.chat-tips i {background: url(images/bg.png) no-repeat;} 
.side-bar {width: 20px;position: fixed; bottom: 40px;right: 2px;font-size: 8;line-height: 0;z-index: 100;} 
.side-bar a {width: 20px;height: 20px;display: inline-block;background-color: #ddd;margin-bottom: 2px;} 
.side-bar a:hover {background-color: #669fdd;} 
.side-bar .icon-qq {background-position: 0 -62px;} 
.side-bar .icon-chat {background-position: 0 -130px;} 
.side-bar .icon-chat:hover .chat-tips {display: block;} 
.chat-tips {padding: 20px;border: 1px solid #d1d2d6;position: absolute;right: 78px;top: -55px;background-color: #fff;display: none;} 
.chat-tips i {width: 9px;height: 16px;display: inline-block;position: absolute;right: -9px;top: 80px;background-position:-88px -350px;} 
.chat-tips img {width: 138px;height: 138px;}


#downpfd
{
	background:#7ecef4;
	color:#fff;
	text-align:center;
	font-size:15px;
	height:30px;
        width:100%;
	line-height:40px;
	position: fixed;
	bottom:50px
       
        
}

.mui-checkbox {   
  -webkit-appearance: none;   
  position: relative;   
 height: 25px;   
  margin-right: 10px;   
 background-color: #FFFFFF;   
 border: solid 1px #d9d9d9;   
 border-top-left-radius: 20px;   
  border-top-rightright-radius: 20px;   
 border-bottom-left-radius: 20px;   
  border-bottom-rightright-radius: 20px;   
  background-clip: padding-box;   
  display: inline-block; }   
 .mui-checkbox:focus {   
   outline: 0 none;   
   outline-offset: -2px; }   
  .mui-checkbox:checked {   
   background-color: #18b4ed;   
    border: solid 1px #FFFFFF; }   
    .mui-checkbox:checked:before {   
     display: inline-block;   
     margin-top: 1px;   
      margin-left: 2px;   
     font-family: iconfont;   
      content: "\e667";   
     color: #FFFFFF;   
     font-size: 18px; }   
  .mui-checkbox:disabled {   
   background-color: #d9d9d9;   
   border: solid 1px #d9d9d9; }   
   .mui-checkbox:disabled:before {   
      display: inline-block;   
     margin-top: 1px;   
     margin-left: 2px;   
     font-family: iconfont;   
     content: "\e667";   
     color: #FFFFFF;   
      font-size: 18px; }   
  .mui-checkbox.checkbox-green:checked {   
    background-color: #5cb85c; }   
  .mui-checkbox.checkbox-orange:checked {   
   background-color: #f0ad4e; }   
 .mui-checkbox.checkbox-s {   
   width: 19px;   
  height: 19px; }   
   .mui-checkbox.checkbox-s:before {   
     display: inline-block;   
     margin-top: 1px;   
     margin-left: 2px;   
     font-family: iconfont;   
     content: "\e667";   
     color: #FFFFFF;   
     font-size: 13px; }   
    
.mui-checkbox-anim {   
  -webkit-transition: background-color ease 0.2s;   
          transition: background-color ease 0.2s; }