body,div, h1, h2, h3, h4, h5, h6, hr, p, span, blockquote,dl, dt, dd, ul, ol, li,pre,fieldset, lengend, button, input, select, textarea, th, td{padding: 0; margin: 0; border: 0;box-sizing: border-box;-webkit-box-sizing: border-box;}
body, button, input, select, textarea {font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);  }
h1, h2, h3, h4, h5, h6{font-weight: normal;}
html{min-height: 100%; border: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body{word-wrap: break-word; word-break: break-all; -webkit-font-smoothing: antialiased;}
/* html, body {-webkit-user-select: none;user-select: none;} */
ul, ol{list-style-type: none;}
button, input, select, textarea{outline: none;}
button, input, select{vertical-align: middle;}
button, input[type="button"], input[type="submit"]{cursor: pointer; -webkit-appearance: none;}
textarea{resize: none; outline: none;}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{padding: 0; border: none;}
table{border-collapse: separate; border-spacing: 0;}
th, td{text-align: left;}
address, cite, dfn, em, var{font-style: normal;}
a,img {-webkit-touch-callout: none;}
img{border: none; vertical-align: middle;width: 100%;}
a{outline: none;}
a:link, a:visited{text-decoration: none; outline: none;}
a:hover, a:active{outline: none;}
iframe{vertical-align: top;}
.clearfix{*zoom: 1}
.clearfix:after{content: '\20'; display: block; clear: both; height: 0; overflow: hidden;}
/*显示隐藏*/
.hide{display: none !important;}
.block{display: block;}
/*文本位置*/
.ta-l{text-align: left;}
.ta-c{text-align: center;}
.ta-r{text-align: right;}
/*浮动*/
.l{float: left; display: inline;}
.r{float: right; display: inline;}
/* 块状元素水平居中 */
.auto{margin-left:auto; margin-right:auto;}
/*滚动条*/
.scroll{width:100%; height:100%;overflow: auto; -webkit-overflow-scrolling: touch;}
.scroll-x{width:100%; height:100%;overflow-x:auto; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
.scroll-y{width:100%; height:100%;overflow-x:hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
/* 单行文字溢出虚点显示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
/*文本两端对齐*/
.just{text-align: justify;text-align-last: justify;}
.just:after{display: inline-block; width: 100%; height: 0; line-height: 0; content: "";}
/*弹性布局*/
.flex {display: -webkit-box;display: -ms-flexbox;display: flex;}
.flex-center{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack:center;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;}
.flex.center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.flex.stretch{-webkit-box-align: stretch;-ms-flex-align: stretch;align-items: stretch;}
.flex.end{-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.flex.row{-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-flow: row;flex-flow: row;}
.flex.row-reverse{-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-flow: row-reverse;flex-flow: row-reverse;}
.flex.column{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-flow: column;flex-flow: column;}
.flex.justify{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.flex.jc{-webkit-box-pack:center;-ms-justify-content:center;-webkit-justify-content:center;justify-content:center;}
.flex.rl{-webkit-box-pack:flex-end;-ms-justify-content:flex-end;-webkit-justify-content:flex-end;justify-content:flex-end;}
.flex.flow{-webkit-flex-flow: wrap;-ms-flex-flow: wrap;flex-flow: wrap;}
.flex-1{flex: 1;}
.flex.hide{display: none;}
/*隐藏显示效果*/
.fade{ opacity: 0; transition: opacity .15s linear;}
.fade.in{opacity: 1;}
/*定位居中*/
html{font-size: calc( 100vw / 11.6);}
.ps-center{position: absolute; top:50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
body{font-size: .24rem; width: 7.5rem;margin: 0 auto;}
html,body,.wrapper{position: relative;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;-webkit-overflow-scrolling: touch;}
.content{position: relative;width: 100%;}

/*首页*/
.page-bg{position: relative;width: 100%;min-height: 100%;background: #C9E2FD;}
.page-wrapper{width: 100%;max-width: 1000px;padding: 30px 40px 15px;margin: 0 auto;background: #C9E2FD url('../img/bg1.png') center top no-repeat;background-size: 100% auto;}
.page-logo{width: 336px;margin: 0 auto;}
.page-title{padding: 20px 20px 30px;font-size: 28px;line-height: 40px;color: #072E93;font-weight: 600;text-align: center;}
.page-title span{display: inline-block;padding: 0 36px;position: relative;text-align: center;}
.page-title span::before{position: absolute;content: '';top: 7px;left: 0;width: 25px;height: 25px;background: url('../img/icon5.png') center no-repeat;background-size: 100% auto;}
.page-title span::after{position: absolute;content: '';top: 7px;right: 0;width: 25px;height: 25px;background: url('../img/icon6.png') center no-repeat;background-size: 100% auto;}
.text-box{padding: 0 40px 20px;font-size: 20px;}
.page-content{width: 100%;padding: 40px;background: #fff;border-radius: 10px;}
.answer-module{padding-bottom: 25px}
.answer-label{padding-bottom: 8px;font-weight: 600;font-size: 20px;color: #232423;line-height: 30px;display: flex;}
.answer-label span{display: inline-block;padding-right: 3px;color: #FF3636;font-size: 20px;line-height: 36px;}
.answer-item input{width: 100%;height: 40px;padding: 0 15px;border-radius: 10px;border: 1px solid #E6E6E6;font-size: 16px;}
.answer-item input.active,.answer-item textarea.active{border: 1px solid #108ee9;}
.item-option{display: flex;padding-left: 25px;font-size: 16px;line-height: 40px;align-items: center;background: url('../img/icon3.png') center left no-repeat;background-size: 20px 20px;}
.item-option.active{background: url('../img/icon4.png') center left no-repeat;background-size: 20px 20px;}
.item-option span{display: inline-block;min-width: 60px;}
.item-option input{width: 100%;font-size: 16px;}
.answer-item textarea{width: 100%;height: 120px;padding: 15px;line-height: 30px;border-radius: 10px;border: 1px solid #E6E6E6;font-size: 16px;}
.page-btn{width: 300px;height: 48px;margin: 0 auto;background: #06309D;color: #fff;font-size: 20px;border-radius: 30px;display: flex;align-items: center;justify-content: center;}
.tips-text{padding-top: 20px;font-weight: 400;font-size: 12px;color: #263760;line-height: 20px;text-align: center;}
.tips-text span{color: #0C3EC1;cursor: pointer;}

.bomb-wrapper{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.6);z-index: 9;display: flex;align-items: center;justify-content: center;}
.bomb-container{position: relative;width: 920px;height: 600px;background: #fff;border-radius: 10px;overflow: hidden;}
.bomb-close{position: absolute;top: 20px;right: 20px;width: 20px;height: 20px;transform: rotate(45deg);cursor: pointer;}
.bomb-close::before{position: absolute;content: '';top: 7px;right: 0;width: 16px;height: 2px;background: #333;}
.bomb-close::after{position: absolute;content: '';top: 0px;right: 7px;width: 2px;height: 16px;background: #333;}
.bomb-content{height: 540px;padding: 0 25px;overflow-y: auto;}
.bomb-title{height: 50px;padding: 20px;font-size: 20px;font-weight: bold;text-align: center;}
.bomb-text{padding-bottom: 10px;font-size: 14px;line-height: 20px;}
.bomb-btn{position: absolute;left: 0;width: 100%;height: 40px;display: none;align-items: center;justify-content: center;font-size: 18px;font-weight: 500;color: #108ee9;}

.bomb-wrapper2{position: fixed;top: 0;left: 0;width: 100%;height: 100vh;background: rgba(0, 0, 0, 0.5);z-index: 99;}
.bomb-wrapper2 .bomb-content{
    position: relative;
    width: 300px;
    height: initial;
    /* min-height: 200px; */
    padding: 0;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 5px 5px 0px #9E9E9E
}
.bomb-wrapper2 .bomb-box,.bomb-wrapper2 .bomb-box2{
    width: 100%;
    min-height: 140px;
    background: linear-gradient(180deg, rgba(187, 229, 255, 0.68) 0%, rgba(255, 242, 214, 0) 100%);
    padding: 0;
}
.bomb-wrapper2 .bomb-box2{padding: 25px;}
.bomb-wrapper2 .bomb-title{padding: 15px;color: #333;font-size: 20px;line-height: 20px;font-weight: bold;border-bottom: 1px solid #fff;}
.bomb-wrapper2 .bomb-text{font-size: 14px;line-height: 20px;}
.bomb-wrapper2 .bomb-box2 .bomb-text{padding-bottom: 25px;text-align: center;}
.text-show{min-height: 95px;padding: 15px;text-align: left;}
.tip-icon{width: 16px;min-width: 16px;height: 16px;margin-top: 3px;margin-right: 6px;border: 1px solid #013790;border-radius: 100%;}
.bomb-wrapper2 .bomb-bottom{padding: 0px 10px 10px;}
.bomb-wrapper2 .bomb-btn{
    position: relative;
    width: 90px;
    height: 28px;
    margin: 0 auto;
    background: #06309D;
    border-radius: 15px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    display: flex;
}
.bomb-wrapper2 .dis-btn{background: #dbdada;color: #06309D;}

@media (max-width: 575px){
.page-wrapper{padding: 20px;background: #C9E2FD url('../img/bg1.png') center top no-repeat;background-size: 100% auto;}
.page-logo{width: 260px;margin: 0 auto;}
.page-title{padding: 10px 10px 15px;font-size: 15px;line-height: 32px;color: #072E93;font-weight: 600;text-align: center;}
.page-title span{display: inline-block;padding: 0 30px;position: relative;text-align: center;letter-spacing: -0.3px;}
.page-title span::before{position: absolute;content: '';top: 5px;left: 0;width: 22px;height: 22px;background: url('../img/icon5.png') center no-repeat;background-size: 100% auto;}
.page-title span::after{position: absolute;content: '';top: 5px;right: 0;width: 22px;height: 22px;background: url('../img/icon6.png') center no-repeat;background-size: 100% auto;}
.text-box{padding: 0 20px 10px;font-size: 16px;}
.page-content{padding: 20px;}
.answer-module{padding-bottom: 15px;}
.answer-label{font-size: 18px;line-height: 24px;}
.answer-label span{line-height: 28px;}
.answer-item input{height: 36px;padding: 0 10px;font-size: 14px;border-radius: 6px;}
.item-option{padding-left: 25px;line-height: 36px;font-size: 14px;background: url('../img/icon3.png') center left no-repeat;background-size: 20px 20px;}
.item-option.active{background: url('../img/icon4.png') center left no-repeat;background-size: 20px 20px;}
.item-option span{min-width: 40px;}
.answer-item textarea{height: 70px;padding: 8px 12px;font-size: 14px;line-height: 18px;}
.page-btn{width: 220px;height: 40px;font-size: 16px;}
.tips-text{font-size: 12px;}

.bomb-container{width: 360px;}
.bomb-title{height: 58px;padding-top: 15px;font-size: 20px;text-align: center;}
.bomb-close{height: 0;width: 0;overflow: hidden;}
.bomb-content{height: 500px;}
.bomb-text{font-size: 14px;line-height: 22px;}
.bomb-btn{border-top: 1px solid #ccc;display: flex;font-size: 16px;}

.bomb-wrapper2 .bomb-title{height: 50px;}
/* .bomb-wrapper2 .bomb-content{min-height: 180px;} */
}