@charset "utf-8";

/*** common style ***/
html{_background-image:url(about:blank); _background-attachment:fixed;}
.left{ float: left; }
.right{ float: right; }
.act-page{ background: #fff; font-family:"\5FAE\8F6F\96C5\9ED1";}
.em21{ display: inline-block; width: 0.5em; }
.em1{ display: inline-block; width: 1em; }
.em2{ display: inline-block; width: 2em; }
select { appearance: none; -moz-appearance: none; -webkit-appearance: none; }

.banner{ height: 420px; background-position: center; background-repeat: no-repeat;}
.banner h1{ display: none;}

/*** page-content style ***/
.page-content{ width: 1200px;  margin: 0 auto; }
.detail-left{ float: left; width: 800px; min-height: 240px; padding: 30px 60px 50px 0; border-right:1px solid #eee; }
.detail-right{ float: right; width: 280px;}
.fixed-right{ float: right; width: 280px; padding-top: 30px; }
.telBox{ margin-bottom: 50px; padding-left: 60px; background: url(../images/detail/icon.png) no-repeat left center; background-size:40px 46px; }
.telBox h4{ font-size: 18px; color: #555; line-height: 24px; }
.telBox strong{ font-size: 22px; line-height: 32px; color: #3aa9f8; font-family: arial;}
.telBox span{ display: block; font-size: 14px; color: #999; line-height: 20px; }
.fixed-right .alink{ display: block; margin-bottom: 20px; height: 58px; font-size: 18px; line-height: 58px; color: #3aa9f8; border:1px solid #3aa9f8; border-radius:5px; text-align: center; }
.fixed-right .alink i{ position: relative; top: 10px; margin-right: 5px; display: inline-block; width: 40px; height: 40px; }
.fixed-right .yyzx-link{ background: #3aa9f8; color: #fff; box-shadow: 0 5px 10px rgba(52,162,255,0.3); }
.fixed-right i.icon-zxzx{ background: url(../images/detail/icon_zxzx.png) no-repeat center; background-size:40px; }
.fixed-right i.icon-zxtb{ background: url(../images/detail/icon_zxtb.png) no-repeat center; background-size:40px; }
.fixed-right.fixed{ position: fixed; top:100px; z-index: 800;}

/*** nav menu style***/
.menu-replace{ position: relative;width: 100%; height: 0; }
.page-menu{ height:69px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;background: #fff;}
.nav-fixed{	position: fixed;left: 0; top:0; width: 100%; height: 70px;	z-index: 99999;	_position: absolute; _bottom: auto;	_top:expression(eval(document.documentElement.scrollTop)); }
.menu-ul{ width: 1200px; margin: 0 auto;}
.menu-ul li{ float: left; width: 20%; height: 69px; text-align: center; }
.menu-ul li a{ position: relative; display: block; width: 140px; margin: 0 auto; font-size: 18px; line-height: 69px; color: #000;text-decoration: none;}
.menu-ul li a:before{ display: none; content: ""; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #3aa9f8;}
.menu-ul li.active a{ font-weight: bold; color: #3aa9f8;}
.menu-ul li.active a:before{ display: block;}

/*** layer style ***/
body .layui-state .layui-layer-content { position: relative; padding: 30px; padding-bottom: 50px; }
body .layui-state .layui-layer-content p { font-size: 14px; color: #555; }
body .state-bottom { position: absolute; left: 0; bottom: 0; width: 100%; border-top: 1px solid #ddd;} 
.state-bottom a { display: block; float: left; width: 50%; line-height: 50px; text-align: center; font-size: 14px; color: #777; }
.state-bottom .btn-yes { width: 49%; border-left: 1px solid #ddd; color: #3aaaf8; }

/* 取消关注提示弹窗 */
.collect-box .layer-cont{ text-align: center; height: 106px; font-size: 16px; color: #333; line-height: 1.6;display: flex; display:-webkit-flex; justify-content: center; align-items:center; flex-direction:column;}
.collect-box .state-bottom{ border-top:1px solid #ddd;}
.collect-box .state-bottom a{ display: block; float: left; width: 50%; font-size: 18px; color: #333; line-height: 50px; text-align: center;}
.collect-box .state-bottom a.ok-btn{border-left:1px solid #ddd; color: #3aaaf8; box-sizing: border-box;}

/*lib icheck*/
.icheckbox_square-blue,.iradio_square-blue { display: inline-block;vertical-align: middle; margin-right:5px;  padding: 0; width:20px; height:20px; background:url(/public/images/detail/icon_icheck.png) no-repeat; border: none;  cursor: pointer;}
.icheckbox_square-blue { background-position: -80px 0;}
.icheckbox_square-blue.hover { background-position: -80px 0;}
.icheckbox_square-blue.checked { background-position: -100px 0; }
.icheckbox_square-blue.disabled { background-position: -120px 0; cursor: default; }
.icheckbox_square-blue.checked.disabled { background-position: -140px 0; }
.iradio_square-blue {background-position: 0 0; }
.iradio_square-blue.hover { background-position: 0 0; }
.iradio_square-blue.checked {  background-position: -20px 0; }
.iradio_square-blue.disabled {  background-position: -40px 0; cursor: default;}
.iradio_square-blue.checked.disabled { background-position: -60px 0; }

/* form */
.tb_title{ background-color: #1e8ce1; padding: 10px; font-size: 30px; line-height: 50px; color: #fff; text-align: center;}
input:-moz-placeholder {color: #333;}
input::-moz-placeholder {color: #333;}
input:-ms-input-placeholder {color: #333;}
input::-webkit-input-placeholder {color: #333;}
.tb_main{	
	padding: 0 30px 50px;
	font-size: 14px;
	color: #555;
	line-height: 38px;
	border: 1px solid #e6e6e6;
	font-family: "\5FAE\8F6F\96C5\9ED1";
}
.tb_main .info-box{	
	padding-top: 10px;
	padding-bottom: 15px;
	position: relative;	
	border-top: 1px dashed #f0f0f0;	
}
.tb_main .info-box.first{
	border-top:none ;
}
.tb_main .info-box.last{
	padding-bottom: 20px;
}
.tb_main .insured .order{
	position: absolute;
	left: 0;
	top: 30px;	
	color: #777;	
}
.tb_main .insured .delete-btn{
	position: absolute;
	right: 0;
	top: 30px;	
	color: #3aaaf8;	
	cursor: pointer;
	display: none;	
}
.tb_main .form-item{
	margin-top: 20px;
}
.tb_main .form-item label{
	width: 165px;
	float: left; 
	text-align: right;
	color: #333;	
	padding:0 10px;
}
.tb_main .form-item .input-inner { 
	float: left;
}
.tb_main .form-item .selectbox{position: relative;}
.tb_main .form-item input{
	width: 218px;
	padding: 0 10px;
	font-size: 14px;
	color: #333;
	line-height: 36px;	
	height: 36px;	
	border-radius: 4px;
	border: 1px solid #ddd;
}
.tb_main .form-item p{
	font-size: 12px;
	color: #777;
	line-height: 20px;
	margin-top: 10px;
}
.tb_main .form-item p.explain{display: none; color: #fc6451;}
.tb_main .form-remark7{
	margin: 0;
	padding: 22px 0;
	border-bottom: 1px dashed #ebebeb;	
}
.oneself{
	padding-top: 10px;
}
.tb_main .insured .date{
	width: 150px;
	float: left;	
	border-right:none;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background: url(../images/detail/icon-date.png) no-repeat right center;
	background-size: 40px 38px;
}
.tb_main .insured .info-age{
	float: left;
	width: 66px;
	font-size: 14px;
	color: #333;
	line-height: 36px;
	border: 1px solid #ddd;
	border-left:none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #f8f8f8;
	text-align: center;
}
.tb_main .insured .info-text{
	display: inline-block;
	margin-left: 10px;
	font-size: 12px;
	color: #777;
	line-height: 38px;
	text-align: left;
}
.tb_main .insured select{
	width: 238px;
	padding: 0 20px;
	line-height: 38px;
	height: 38px;
	border-radius: 4px;
	border: 1px solid #ddd;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
	width: 40px;
	border-left:none ;
	background: url(../images/detail/icon-down.png) no-repeat right 4px center;
}
.add-box{
	padding-bottom: 25px;
	border-bottom: 1px dashed #ebebeb;
}
.add-box.hide{
	padding-bottom: 10px;
}
.add-box .add-btn{
	display: block;
	width: 105px;
	margin-left: 185px;
	font-size: 14px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	padding-left: 15px;
	border-radius:4px;	
	background:#3aaaf8 url(../images/detail/icon_jia.png) no-repeat left 15px center;
}
.add-box .add-btn:hover{
	text-decoration: none;
}
.radio-ul li{
	float: left;
	width: 88px;
	border: 1px solid #ddd;
	padding: 5px 10px;
	font-size:14px;
	color: #333;
	line-height: 24px;
	margin-right: 20px;
	text-align: center;
	cursor: pointer;
	border-radius: 4px;
}
.radio-ul li.current{		
	border: 1px solid #3aaaf8;
	background: url(../images/detail/icon_cur.png) no-repeat right bottom;
}
.radiobox input[type="radio"] {
	display: none;
}
.radiobox .radio-box {
	float: left;
	margin-right: 20px;
}
.radiobox .radio-bg {
	display: inline-block;
	width: 108px;
	font-size: 14px;
	color: #333;	
	line-height: 36px;
	height: 36px;
	vertical-align: middle;	
	cursor: pointer;	
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 4px;
}
.radiobox .radio-bg2 {	
	border: 1px solid #3aaaf8;
	background: url(../images/detail/icon_cur.png) no-repeat right bottom;
}
.cx_submit{
	margin-left: 185px;
	margin-top: 20px;
}
.cx_submit input{
	width: 240px;	
	border: none;	
	font-size: 18px;
	color: #fff;
	outline: none;
	line-height: 48px;
	text-align: center;
	border-radius: 4px;
	background: #1e8ce1;
	font-family: "\5FAE\8F6F\96C5\9ED1";
}
.state-html{
	margin-top: 20px;	
}
.state-html label{
	font-size: 14px;
	color: #666;
	line-height: 20px;
}


._citys { width: 400px; display: inline-block; border: 1px solid #e6e6e6; padding: 9px; position: relative;background: #fff;font-family: "\5FAE\8F6F\96C5\9ED1";}
._citys span { color: #999; height: 15px; width: 15px; line-height: 15px; text-align: center; border-radius: 3px; position: absolute; right: 10px; top: 10px; border: 1px solid #999; cursor: pointer; }
._citys0 { width: 100%; height: 34px; display: inline-block; border-bottom: 1px solid #e6e6e6; padding: 0; margin: 0; }
._citys0 li { display: inline-block; line-height: 34px; font-size: 14px; color: #999; width: 80px; text-align: center; cursor: pointer;font-family: "\5FAE\8F6F\96C5\9ED1"; }
.citySel { color: #333 !important; }
._citys1 { width: 100%; display: inline-block; padding: 10px 0; }
._citys1 a { width: 80px; height: 30px; display: inline-block; color: #333; line-height: 30px; text-align: center; cursor: pointer; font-size: 14px; overflow: hidden; font-family: "\5FAE\8F6F\96C5\9ED1";}
._citys1 a:hover { color: #52aafc; }
.AreaS { background-color: #56b4f8 !important; color: #fff !important; }



.qa-item{ margin-bottom: 40px; padding-right: 160px;}
.qa-item .item-top{ margin-bottom: 10px; padding-left: 45px; font-size: 14px; color: #555; line-height: 24px; font-weight: bold; background: url(/public/images/detail/icon_Q.png) no-repeat left top; background-size:24px; }
.qa-item .item-info{ padding-left: 45px; font-size: 14px; color: #555; line-height: 24px; background: url(/public/images/detail/icon_A.png) no-repeat left top; background-size:24px;}
.FAQ-more{ background: #f7f7f7;  text-align: center;}
.FAQ-more a{ display: block; font-size: 14px; color: #3aaaf8; line-height: 48px;}

/*** Inner style End ***/