*{padding: 0;margin: 0; font-style: normal; list-style: none; font-size:1em; box-sizing: border-box; outline: none;}
body{font-size: 16px; color: #333; line-height: 2; max-width: 750px; font-family: 'Open Sans', 'Arial', sans-serif; margin: auto; min-height: 100vh; position: relative;}
img{max-width: 100%;}
a{ text-decoration: none; color: #0F57A2; }
a:hover, a.cur{color: red;}
table{width: 100%; border-collapse: collapse;}
input, select{background-color:transparent; -webkit-appearance: none; appearance: none; border-radius: 0; position: relative;}
select { background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 1280 1024" xmlns="http://www.w3.org/2000/svg"><path d="M904.533333 311.466667c-17.066667-17.066667-42.666667-17.066667-59.733333 0L512 644.266667 179.2 311.466667c-17.066667-17.066667-42.666667-17.066667-59.733333 0-17.066667 17.066667-17.066667 42.666667 0 59.733333l362.666666 362.666667c8.533333 8.533333 19.2 12.8 29.866667 12.8s21.333333-4.266667 29.866667-12.8l362.666666-362.666667c17.066667-17.066667 17.066667-42.666667 0-59.733333z" fill="gray"></path></svg>');
background-repeat: no-repeat; background-position: right; background-size: 1em; padding-right: 1.2em !important; direction: rtl;}
.fl{float: left;}
.fr{float: right}
.fc{float: none; clear: both;}
.fc:after{content: ""; display: block; clear: both;}
.dn{display: none;}
.ds{display: block;}
.tc{text-align: center;}
.tr{text-align: right;}
.tj{text-align: justify;}
.pr{position: relative;}
.ell {display: block; white-space: nowrap; text-overflow: ellipsis;	overflow: hidden;}
.red{color: #dc1d22;}
.k{border: 1px solid #ddd; border-radius: 3px;}
.submit{width: 5em; background-image: linear-gradient(to bottom, #F55359 ,#dc1d22) ; color: #fff; border: none; border-radius: 5px; line-height: 2;}
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.ttf?v=202604') format('truetype');
}
[class^="icon-"]:before{font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-add:before{content: "\e664"; }
.icon-edit:before{content: "\e66e"; }
.icon-del:before{content: "\e665";}
.icon-sch:before{content: "\e67d"; }
.icon-ext:before{content: "\e66c"; }
.icon-imp:before{content: "\e682";}
.icon-left:before{content: "\e685"; }
.icon-down:before{content: "\e686";}
.icon-right:before{content: "\e687";}
.bg-red{background-color: crimson;}
.bg-blue{background-color: lightseagreen;}
.bg-gre{background-color: #3c3;}
.bg-pur{background-color: purple;}

.title{text-align: center; padding: 1em; background-image: linear-gradient(to bottom, #f99, transparent 40%);}
.title:before{content:""; position: absolute; background: url(bg.png) no-repeat bottom; background-size: contain; left: 0; right: 0; top: 26%; padding: 30% 0; opacity: 0.3; z-index: -1;}
.title img{display: block; width:72%; margin: 8vh auto 3vh;}
.title h3{font-size: 1.5em; font-weight: 500; letter-spacing: 3px;}

.nav {margin-top: 36%; padding: 0 2.5%;}
.nav a{float: left; margin: 5%; width: 40%; border-radius: .5em; color: #777; box-shadow: 0 0 0.5em #ccc; padding: 1em; font-size: 1.5em; font-weight: bold; letter-spacing: 5px; background-color: #fff;}
.nav a:hover{color: #fff; background-image: linear-gradient(to bottom, #fff, #fdd, #F55359);}
.nav a i{display: block; width: 0; padding: 1.5em; margin: auto; background: url(icon.png) no-repeat; background-size: 200%;}
.nav i#query{background-position: top right;}
.nav i#auth{background-position: left 33%;}
.nav i#quot{background-position: right 33%;}
.nav i#team{background-position: left 66%;}
.nav i#worker{background-position: right 66%;}
.nav i#staff{background-position: left bottom;}
.nav i#edu{background-position: right bottom;}
.footer{ text-align: center; color: #777; font-size: 13px; margin: 3em 0 1em;}

.search{float: right; display: flex; font-size: 13px; margin: 2px; border-radius: 1em; overflow: hidden;}
.search > *{border:none; padding:5px 0.5em; max-width: 8em; height: 2em; line-height: 1;}
.search > button{ background-color: crimson; color: #fff; border: 0;}
.search > a{color: #fff; padding: 0.5em;}

.form h3{font-size: 1.25em; padding: 1.25em 0.75em 0.25em;}
.form > ul{border-bottom: 1px solid #def; margin-bottom: 1em; padding: 0 15px;}
.form li{white-space: nowrap; line-height: 3; border-top: 1px solid #def; display: block; clear: both;}
.form li b{float: left; clear: left; margin-right: 1em; font-weight: normal;}
.form .required b:before{content: "*"; color: red; margin-left: -8px; position: absolute;}
.form li p{overflow: hidden; min-height: 2.5em;}
.form li p .input{width: 100%; padding: 5px; text-align: right; border: 0;}
.form li .input.ithalf{width: 36%; text-align: center;}
.form li .input:focus{border: 1px solid #29C153; border-radius: 5px;}
.form li span{display: block; cursor: default; overflow: hidden; text-align: right; color: #666;}
.form li span:after{content: ""; display: inline-block; width: 10px; height: 10px;
         border-style: solid; border-width: 1px 1px 0 0; border-color: #999; transform: rotate(45deg); margin: 0 5px;}
.form li span + i{display: none;}
.form li textarea.input{text-align: justify; min-height: 5.5em; vertical-align: top; resize: vertical; border: 1px solid #ddd; border-radius: 5px; font-size: 14px; line-height: 1.5; margin: 5px 0;}
.form li li li{border-top: none;}
.form .btn{display: block; margin: 1em 10%; width:80%; border: none; line-height: 2.5; background-color: #69f; color: #fff; border-radius: 1.5em;}
.form .btn:hover {cursor: pointer; opacity: 0.8;}
.form .btn[disabled]{opacity: 0.5; cursor: no-drop;}
.form .subbtn{float: right; font-size: 14px; background-color: #29C153; color: #fff; padding: 0.25em 1em; margin-top: 1em; border: none; border-radius: 1em;} /*右侧新增按钮*/
.form .delbtn{ background-color: #c66;} /*报价方案删除按钮*/
.form .btn.btnhalf{display: inline-block; width: 40%; margin: 1em;}

.form .radio{text-align: right;}
.form .radio i{display:inline-block; padding: 0 .5em; margin-left: 0.5em; border: 2px solid #e1e1e1; border-radius: 5px; line-height: 2;}
.form .radio input{display: none;}
.form .radio input:checked + i{border-color: #29C153; color: #29C153; background: no-repeat top right url("data:image/gif;base64,R0lGODlhFAAUAJEDAJfhq////ynBUwAAACH5BAEAAAMALAAAAAAUABQAAAI+lI+Zo30AxGBOhThpNSGYrDmA94HIGAnoAU7ntbJtOF7LTKcI7m587/gBFcLhrhiSIYlIYzNzfGqkUAnVVQAAOw=="); background-size: auto 50%;}
label.checkbox input{display: none;}
label.checkbox input + i{float: right; margin-top: 5px; padding: 0.5em; border: 1px solid #e1e1e1; border-radius: 50%; background-color: #fff;}
label.checkbox b{font-weight: normal;}
label.checkbox input:checked + i{ border-color: #198DFF; background-size: cover; background-image: url("data:image/gif;base64,R0lGODlhFAAUAJEAALTa/1yu/////xmN/yH5BAAAAAAALAAAAAAUABQAAAIwnI+py+0PIwoCSEOFuEPXC2iWFH6kFyjUeGRCqpSsC6vlSz+3xzp7/8gAOcSi8VIAADs=");}
label.checkbox input:checked + i + b{font-weight: bold; font-size: 1.2em; color: #dc1d22;}
label.input input, .form .gray input{width: 5em; border: 1px solid #29C153; border-radius: 3px; padding: 3px; text-align: center;}

.form .fold + li{display: none;}
.form li.folder span:after{ transform: rotate(315deg);}
.form li.folder.fold span:after{ transform: rotate(135deg);}
.form .gray{background-color: #eee; border-radius: .5em; white-space: normal; line-height: 1.67; text-align: justify; word-break: break-all; margin-bottom: 5px;}
.form .gray > div {margin: 10px;}
.form .gray th{padding: 5px; font-size: 1.15em; white-space: nowrap;}
.form .gray td{padding: 5px;}
.gray > p{padding: 10px; font-size: .75em; color: #777;}
.form .gray p:not(:last-child){ border-bottom: 1px dotted #999;}
.empty{text-align: center; color: #777;}
.empty:before{content: ""; display: block; margin: 1em auto; width: 0; padding: 5em; background: url("empty.gif") center no-repeat; background-size: contain;}

/*二维码展示区域*/
#qr_area{text-align:center; width:362px; margin:auto;}
#qr_area i{color:#fff;}
#qr_area center{position: absolute; top: 80px; left:0;right: 0; z-index: 1;}
#qr_area .qr_text{position: absolute; left: 0; right: 0; padding: 1.5em; line-height: 1.35;}
#qr_area #orgCom{margin-left: 40%; text-align: justify;}
#qr_area h3{white-space: nowrap;}
#qr_area #salebar{font-size: 0.875em;}

#qr_background{ background-color: #fff; position: relative; width: 362px; height: 542px; overflow:hidden}
#qr_Slider{display: none; background-color: #fff;padding: 5px; position: absolute; line-height:1; bottom: 25%; left: 5%; width: 90%;}
#qr_Slider p{font-size:.75em;text-align: left; color:#999; display:block}
#qr_Slider input{ width: 100%; cursor: w-resize;background-color: inherit; -webkit-appearance: auto; appearance: auto;}
#qr_img{position: absolute; width: 100%; left:0}
.btn_group i{cursor: pointer; padding:0.5em; border-radius:5px}
#qr_code{position: absolute; cursor: move; padding: .5em;}
#qr_code canvas, #qr_background:hover #qr_Slider{display: block;}

/*二维码列表*/
.qr_list{display: grid; grid-template-columns: repeat(3, 1fr); gap: 1em; justify-content: center; margin: 1em 0;}
.qr_list li{position: relative; border: 1px solid #ddd; border-radius: .5em; overflow: hidden; box-shadow: 0 0 0.5em #ccc;}
.qr_list li img{width: 100%; object-fit: cover; display: block;}
.qr_list li a{display: block; text-align: center;}
.qr_list li i{position: absolute; top: 0.5em; right: 0.5em; font-size: 0.8em; color: #dc1d22; font-style: normal;
   background-color: #fffc; padding: 0 0.5em; border-radius: .5em; box-shadow: 0 0 0.5em #0003;}
.qr_list li b{display: block;}
.qr_list li p{display: block; font-size: 0.8em; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

#nav{display: flex; border-bottom: 1px solid #dc1d22; cursor: pointer;}
#nav a, #nav span{flex:1}
#nav a.cur{border-bottom: 2px solid #dc1d22;}
/*弹窗*/
#pop{position: fixed; left: 0; right: 0; bottom: 0; z-index: 101;}
#pop:before{content:""; position: fixed; inset:0; background-color: #0009; z-index: -1;}
#pop > div{background-color: #fff; padding: .5em; border-radius: 1em 1em 0 0;}
#popdiv { max-height: 75vh; overflow: auto;}
#pop label{display: block; padding: 1em 0.5em 1em 3.5em; text-indent: -3em; border-bottom: 1px solid #def;}
#pop label input{float: right;}
.pophead a{cursor: default; padding: 0 1em; font-size: 1.5em;  color: #333;float: left;}
.pophead a:first-child{float: right;}
.pophead i{display: block; overflow: hidden; padding: 0.5em;}
.pophead input{text-align: center; padding: 0.5em; width: 100%; border: 1px solid #ddd; border-radius: 5px;}
#maskdiv{position: fixed; background-color: #0009; transition: all 0.5s; backdrop-filter:blur(3px); inset: 0px; z-index: 9999;}
.alert{position: fixed; background-color: rgb(255, 255, 255); bottom: -75vh; left: 33%; z-index: 10000; transition: bottom 0.5s;
    width: 34%; max-height: 75vh; padding: 2em; border-radius: 1em; box-sizing: border-box; height: 100%; }
.alert h2{text-align: center; font-size: 2em;}
.alert p{margin-bottom: 1em;}
/*后台管理*/
.admintit{font-size: 1.25em; white-space: nowrap;}
.site{text-align: center; position: fixed;top: 0;bottom: 0;left: 0; white-space: nowrap; background-color: #F55353}
.site a{display: block; padding: 0 .75em; color: #fff; line-height: 2.4;}
.site a:not(:last-child){ border-bottom: 1px dotted #fff9;}
.site a.cur{background-color: #fffc; color: #dc1d22;}

.table-scroll{max-width: 100%; overflow: auto; white-space: nowrap;}
.table th, .table td{border-bottom: 1px solid #d8e2e7; padding: 3px 5px;}
.table th{border-bottom-width: 2px; background-color: #f6f8fa;}
.table tr:nth-child(even){background-color: #fbfcfd;}

.pager {text-align: right;padding: 5px 15px;background-color: #f6f8fa;}
.pager .pageinfo{float: left;}
.pager b{color: red; margin: 0 0.5em;}
.pager a{cursor: pointer;}
.pager a.disable{opacity: 0.25; cursor: no-drop;}
.pager select{background-color: #fff; margin: 0 0.25em; line-height: 1;  padding: 0.2em 1em 0.2em .5em;}

/*图集上传*/
.pics p {display: inline-block;position: relative;margin: 5px;border: 1px solid #ddd;  border-radius: 6px; overflow: hidden;}
.pics a{position: absolute; background-color: rgba(0,0,0,0.5); top: 0; left: 0; white-space: nowrap; display: none; line-height: 1; padding: 5px; color: #fff; cursor: pointer;}
.pics a:nth-child(2n+1){right: 0; left: auto;}
.pics a:nth-child(4),.pics a:nth-child(5){bottom: 0; top: auto;}
.pics a:hover{color:#fff}
.pics p:hover a{display: block;} 
.upfile {display: inline-block; vertical-align: middle; width: 5em; height: 5em; background: url("upfile.gif") no-repeat center; border: 1px dashed #ccc; opacity: 0.5; margin-right: 5px;}
.upfile:hover{opacity: 1;} 
.upfile input{display: block; height: 100%; width: 100%; opacity: 0;}

#input-file span{display: inline-block; vertical-align: middle; width: 5em; height: 5em; position: relative; border: 1px dashed #ccc; margin-right: 5px;}
#input-file span > img{width: 40px; height: 40px; display: block; margin: 1em;}
#input-file span a{position: absolute; text-align: center; bottom: 0; background-color: rgba(0,0,0,0.5); width: 50%; opacity: 0; cursor: pointer;}
#input-file span a:last-child{right: 0;}
#input-file span:hover a{opacity: 1;} 

img.vimg{height: 5em; max-width: 280px; vertical-align: middle;}
label img{height:5em; vertical-align: middle;}
label input[type="file"] { display: none;/*
	opacity: 0;
	position: absolute;
	margin-top: -4em;
	height: 4em;
	width: 4em;*/
}

@media (max-width: 479px) {
    body{font-size:14px}
    .fl, .fr{float: none; display: block;}
    .adm .site {margin: 0;	position: fixed; left: 0; right: 0; top: 0;	background-color: #fff;	box-shadow: 0 0 0.5em; z-index: 2;}
    .adm .site ul, .adm .site h2, .header .top span{display: none;}
    .adm .site.act ul, .adm .site.act h2{display: block; clear: both;}
    .adm .home{margin-top: 4em;}
    span.fr{text-align: right;}
    .nav li{min-width: 3em;}
    .nav a{padding: 0.5em;}
    .search.quote, .search.scheme{float: none;}
    .search > *{max-width: 5em; font-size: 12px; padding: 5px; white-space: nowrap;}
    .alert{left:10%; width:80%; padding: 1.5em;}
    .qr_list{grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 820px) {.site a:after{content:"管理"}}

/* 学平险方案详情页 */
.page-container{background-color:#f7f8fa;padding-bottom:2.5em;background: url("detail-top.jpg") top/contain no-repeat;}
.detail{color:#333;line-height:1.5;}
.detail-hero{position:relative;padding:15vw 5vw 5vw;color:#fff;overflow:hidden;}
.detail-hero__title,.detail-hero__subtitle{position:relative;z-index:1;margin:0;}
.detail-hero__title{font-size:1.5em;font-weight:700;line-height:1.35;letter-spacing:.02em;}
.detail-hero__subtitle{margin-top:.5em;line-height:1.6;opacity:.95;font-weight:400;}

.detail-card{background:#fff;border-radius:12px;margin:10px;padding:1em 1em .85em;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.detail-card--notice{padding-bottom:1em;}
.card-header{display:flex;align-items:baseline;margin-bottom:.75em;}
.card-index{margin-right:.5em;font-size:1.125em;font-weight:700;color:#ff4d4f;line-height:1;}
.card-title{margin:0;font-weight:700;color:#333;}
.card-title--solo{margin-bottom:.5em;}

.plan-tabs{display:flex;flex-wrap:wrap;gap:.5em;margin-bottom:.75em;}
.plan-item{display:inline-flex;align-items:center;padding:.45em .85em;border:1px solid #e5e5e5;border-radius:8px;background:#fff;color:#333;cursor:pointer;transition:border-color .2s,background .2s;}
.plan-item input{position:absolute;opacity:0;pointer-events:none;width:0;height:0;}
.plan-item__check{display:inline-block;width:1em;height:1em;margin-right:.35em;border:1px solid #ccc;border-radius:50%;background:#fff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='25px' height='21px' viewBox='0 0 38.8223 32.4384'><polygon fill='%23ddd' points='38.8223,5.28785 16.1001,32.4384 -0,18.9637 5.28785,12.6439 15.0698,20.8307 32.5025,0 '/></svg>") center/70% no-repeat;flex-shrink:0;}
.plan-item.active,.plan-item:has(input:checked){border-color:#ff4d4f;background:#fff1f0;color:#ff4d4f;}
.plan-item.active .plan-item__check,.plan-item:has(input:checked) .plan-item__check{border-color:#ff4d4f;background-color:#ff4d4f;background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' width='25px' height='21px' viewBox='0 0 38.8223 32.4384'><polygon fill='%23fff' points='38.8223,5.28785 16.1001,32.4384 -0,18.9637 5.28785,12.6439 15.0698,20.8307 32.5025,0 '/></svg>");}

.coverage-list{margin:0 0 .5em;padding:0;list-style:none;}
.coverage-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.4em 0;line-height:1.5;border-bottom:1px solid #f5f5f5;}
.coverage-item:last-child{border-bottom:none;}
.coverage-item__label{flex:1;padding-right:.75em;color:#666;}
.coverage-item__value{font-style:normal;font-weight:700;color:#333;white-space:nowrap;text-align: right;}

.detail .link-red{color:#ff4d4f;}

.provider-tag{display:flex;align-items:center;margin-top:.85em;padding-top:.75em;border-top:1px solid #f0f0f0;color:#666;}
.provider-tag__dot{display:inline-block;width:.75em;height:.75em;margin-right:.4em;border:2px solid #ff4d4f;border-radius:50%;position:relative;flex-shrink:0;}
.provider-tag__dot:after{content:"";position:absolute;top:50%;left:50%;width:.35em;height:.35em;margin:-.175em 0 0 -.175em;background:#ff4d4f;border-radius:50%;}
.provider-tag__name{color:#333;}

.notice-subtitle{margin:0 0 .5em;color:#666;font-weight:400;}
.notice-period{margin-bottom:.75em;}
.notice-period__label{display:block;color:#999;margin-bottom:.15em;}
.notice-period__value{font-style:normal;color:#333;line-height:1.5;}
.notice-links__head{display:flex;justify-content:space-between;align-items:center;color:#666;cursor:pointer;user-select:none;}
.notice-links__chevron{color:#999;transition:transform .2s;}
.notice-links__body{display:none;margin-top:.5em;line-height:2;}
.notice-links__body .link-red{display:inline;margin-right:.25em;}
.notice-links.is-open .notice-links__body{display:block;}
.notice-links.is-open .notice-links__chevron{transform:rotate(180deg);}

.detail-hotline{margin:10px;color:#666;text-align:center;}
.detail-hotline .link-red{margin-left:.25em;}

.footer-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:8;display:flex;align-items:center;justify-content:space-between;max-width:750px;margin:0 auto;padding:.65em 1em;padding-bottom:calc(.65em + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -2px 12px rgba(0,0,0,.08);}
.price-info{flex:1;min-width:0;}
.price-info__amount{margin:0;font-size:1.375em;font-weight:700;color:#ff4d4f;line-height:1.2;}
.price-info__detail{margin-top:.15em;}
.btn-submit-gradient{display:block;flex-shrink:0;min-width:7.5em;padding:.65em 1.5em;border:none;border-radius:999px;background:linear-gradient(90deg,#ff5f6d,#ffc371);color:#fff;font-size:1em;font-weight:700;line-height:1.2;text-align:center;cursor:pointer;}
.btn-submit-gradient:hover{opacity:.92;}
.btn-submit-gradient:active{opacity:.85;}