@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";}
.pc-crumb{ margin: 0 auto; padding: 25px 0; width: 1200px; font-size: 14px; color: #333; line-height: 30px;}
.pc-crumb a.mobile-buy { color: #333; }
.pc-crumb span{ color: #777; }
.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; }

/*** detail-top style ***/
.detail-top{ width: 1200px; margin: 0 auto 50px; }
.detail-top-left{ position: relative; float: left; width: 400px; }
.activity{ height: 80px; position: relative; top: -25px; z-index: 2;}
.detail-tool { margin-top: 15px; font-size: 14px; color: #444; line-height: 22px; }
.detail-tool i{display: inline-block; width: 22px; height: 22px;}
.detail-tool .alink-sc{ display: block; float: left; margin-right: 15px; padding-left: 27px; background-image: url(../images/detail/icon_sc.png); background-repeat: no-repeat; background-position:0 0; background-size: 22px 44px ;}
.detail-tool .alink-sc:hover,.detail-tool .alink-sc.active{ color: #3AAAF8;}
.detail-tool .bsync-custom{ float: left; position: relative;}
.detail-tool .bsync-custom .qcrod-box{ display: none; position: absolute; top: 30px; right: 0; width: 110px; height: 110px; padding: 5px; background: #fff; border-radius:4px; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 5;}
.detail-tool .bsync-custom .qcrod-box img{ width: 100%;}
.detail-tool .bsync-custom:hover .qcrod-box{ display: block;}
.bsync-custom.icon-fx .bshare-bsync{ padding-left: 28px !important;  background: url(../images/detail/icon_fx.png) no-repeat left center !important; background-size: 22px;}
.detail-tool .alink-sc.active {background-position:0 -22px; }
.mobile-buy{ position: relative; }
.buy-btn .icon-qcrod{ margin-left: 10px; background: url(../images/detail/icon_wx.png) no-repeat center; background-size: 22px;}
.mobile-buy .qcrod-box{ display: none; position: absolute; top: 30px; right: 0; width: 110px; height: 110px; padding: 5px; background: #fff; border-radius:4px; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 5;}
.mobile-buy .qcrod-box img{ width: 100%; }
.mobile-buy:hover .qcrod-box{ display: block; }
.detail-top-right{ float: right; width: 660px; } 
.detail-title{ margin-bottom: 30px; padding-bottom: 15px; border-bottom: 1px solid #eee;}
.detail-title h1,.detail-title h2{ margin-bottom: 10px; font-size: 28px; color: #000; line-height: 30px; }
.ys-ul li{ float: left; margin-right: 25px; margin-bottom: 10px; padding-left: 26px; font-size: 14px; color: #333; line-height: 20px; background: url(../images/detail/icon_dui.png) no-repeat left top; background-size:20px; }
.form-item{ margin-bottom: 12px; overflow: hidden; font-size: 14px;}
.form-label{ float: left; width: 130px; color: #555; line-height: 36px; }
.form-inner{ float: right; width: 530px;  color: #333;}
.form-inner .text{ line-height: 38px; }
.form-select{ position: relative;}
.form-select select{ bottom: 0; }
.form-text input{ width: 220px; height: 36px; padding: 0 10px; border: 1px solid #ddd; border-radius:4px; font-family:"\5FAE\8F6F\96C5\9ED1"; }
.form-radio input[type="radio"]{ display: none; }
.form-date  .birthday{float: left; background: url(../images/detail/icon_date.png) no-repeat center right 5px; background-size:30px; border-top-right-radius: 0;  border-bottom-right-radius: 0; }
.form-date  .tips{display: inline-block; font-size: 14px; color: #999; line-height: 34px; margin-left: 10px;}
.form-radio .radio-box{ float: left; margin-right: 10px; }
.radio-box .radio-bg{ display: block; width: 78px; height: 34px; border: 1px solid #ddd; text-align: center; line-height: 34px; color: #000; border-radius:4px; cursor: pointer;}
.radio-ul li{ float: left; margin-right: 10px; width: 78px; height: 34px; border: 1px solid #ddd; text-align: center; line-height: 34px; color: #000; border-radius:4px; cursor: pointer;}
.radio-box .radio-bg2,.radio-ul li.current{background: #f5fbff; border-color:#3aa9f8 ;}
.li-select select{width: 78px; height: 34px; padding: 0 10px; border: none; background: url(../images/detail/icon_sj.png) no-repeat right 5px center; background-size: 26px; }
.form-baofei .red{ color: #fc6451; font-size: 20px; font-weight: bold;}
.form-btn { margin-bottom: 20px; }
.form-btn .btn-form{ display: block; width: 240px; height: 48px; font-size: 18px; color: #fff; line-height: 48px; border-radius:4px; background: #3aaaf8; text-align: center; font-family:"\5FAE\8F6F\96C5\9ED1"; }
.state-html{ position: relative; font-size: 14px; color: #777; line-height: 30px;}
.form-select select{ width: 240px; height: 36px; padding: 0 10px; }
.form-item .info-age{float: left;width: 66px;font-size: 14px;color: #333;line-height: 36px;	/* border: 1px solid #ddd; */	border-left:none;	text-align: center;}
.form-item .info-text{	display: inline-block;	margin-left: 10px;	font-size: 12px; color: #777;line-height: 38px;	text-align: left;}
.flex-control-nav, .flex-direction-nav, #controllers-wrapper { display: none; }
#featured{overflow: hidden; height: 350px;}
#switcher{ overflow: hidden; margin: 10px -5px 0;}
#switcher .item{ float: left; width: 25%;}
#switcher .item .pic{ margin: 5px; border: 1px solid #ddd;}
#switcher .item img{ width: 100%;}
#switcher .item.active .pic{ border: 2px solid #fd492e;}

/*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; }

/*** page-content style ***/
.page-content{ width: 1200px; margin: 0 auto; }
.detail-left{ float: left; width: 800px; padding: 30px 60px 30px 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: 70px; background: url(../images/detail/icon_tel.png) no-repeat left center; background-size:52px 52px; }
.telBox h4{ font-size: 18px; color: #555; line-height: 26px; }
.telBox strong{ font-size: 28px; line-height: 36px; color: #3aa9f8; font-family: arial;}
.telBox span{ display: block; font-size: 14px; color: #999; line-height: 20px; }
.consult{ margin-bottom: 50px; padding-left: 70px; background: url(../images/detail/icon_tel.png) no-repeat left center; background-size:52px 52px; }
.consult .tit{ font-size: 18px; color: #555; line-height: 26px; }
.consult .tel{ font-size: 28px; line-height: 36px; color: #3aa9f8; font-family: arial; font-weight: bold;}
.consult .fwsj{ 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-yyzx{ background: url(../images/detail/icon_yyzx.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;}

/*** inner style ***/
.section{ background: #fff; padding: 25px 0; }
.section.cpts{ padding: 0; margin-bottom: 25px;}
.section .title{ font-size: 28px; color: #555; font-weight: bold; text-align: left; margin-bottom: 30px;}
.insure-table{ margin-bottom: 20px; font-size: 14px; color: #555; line-height: 20px; width: 100%; border: 1px solid #e3e3e3; }
.insure-table th{width: 15%;  padding: 14px; background: #f2f2f2; border: 1px solid #e3e3e3; font-weight: 500;}
.insure-table td{ width: 35%; padding: 14px 20px; border: 1px solid #e3e3e3;}
.insure-table td[colspan="3"]{ width: 85%;}
.insure-table a{ color: #3aaaf8; text-decoration: underline; }
.tbxz .tips1{ font-size: 15px; color: #555; line-height: 30px;}
.tbxz .tips2{ font-size: 14px; color: #999; line-height: 26px; }

.process-tabnav{overflow: hidden; width: 430px; height: 46px; margin: 30px auto; border-radius:23px; border: 1px solid #3aaaf8; }
.process-tabnav a{display: block; float: left; width: 50%; font-size: 20px; color: #3aaafa; line-height: 46px; text-align: center;}
.process-tabnav a.wd1{ width: 100%;}
.process-tabnav a.wd2{ width: 50%;}
.process-tabnav a.active{ background: #3aaafa; color: #fff;}
.process-inner ol{position: relative; overflow: hidden;}
.process-inner ol:before{display: block; content: ""; position: absolute; left: 13px; top: 0; width: 1px; height: 100%; border-left: 1px dashed #ddd; z-index: 1;}
.process-inner li{ position: relative; padding-top: 4px; padding-left: 40px; margin-bottom: 20px; }
.process-inner li h4{ font-size: 18px; color: #555; line-height: 25px; font-weight: bold; margin-bottom: 5px;}
.process-inner li p{ font-size: 14px; color: #777; line-height: 24px;}
.process-inner li a{color: #3aaafa; text-decoration: underline;}
.process-inner li:before{ display: block; content: ""; width: 26px; height: 35px; position: absolute; left: 0; top: 0; background: url(/public/images/detail/lc_nub.jpg) no-repeat; background-size:26px  341px; z-index: 2; }
.process-inner li:nth-child(2):before{background-position:0 -34px ;}
.process-inner li:nth-child(3):before{background-position:0 -69px ;}
.process-inner li:nth-child(4):before{background-position:0 -104px ;}
.process-inner li:nth-child(5):before{background-position:0 -139px ;}
.process-inner li:nth-child(6):before{background-position:0 -174px ;}
.process-inner li:nth-child(7):before{background-position:0 -209px ;}
.process-inner li:nth-child(8):before{background-position:0 -244px ;}
.process-inner li:nth-child(9):before{background-position:0 -279px ;}
.process-inner li:nth-child(10):before{background-position:0 -214px ;}
.process-inner li:last-child:after{ display: block; content: ""; position: absolute; left: 10px; top: 35px; width: 10px; height: 100%; background: #fff; z-index: 3; }

.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;}

.brand{height: 180px; background: url(/public/images/detail/brandbg.jpg) no-repeat center;}
.brand .content{ display: block; width: 1200px; margin: 0 auto;}
.brand .content img{width: 100%;}

/*** 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;}

body .layui-state,body .layui-confirm{ border-radius: 5px; }
#confirm-layer .layer-cont{ padding: 60px;  display: flex; display:-webkit-flex; justify-content: center; align-items:center; flex-direction:column;}
#confirm-layer .layer-cont .cont{ position: relative; min-height: 100px; padding-left: 110px; padding-top: 5px; font-size: 18px; color: #333; line-height: 40px; text-align: left;}
#confirm-layer .layer-cont .cont img{ position: absolute; left: 0; top: 0; width: 100px;}
#confirm-layer .layer-cont .agree-btn{ display: block; margin-top: 30px; width: 240px; height: 50px; font-size: 18px; color: #fff; background-color: #5ba9f2; line-height: 50px; text-align: center; border-radius: 5px; }
.state-bottom .wd1{ width: 100%; border: none; font-size: 16px;}
.warn{ margin-top: 10px; display: block; font-size: 12px; float: left; width: 100%; color: #FF0033;}