html,body,#app{ width: 100%; height: 100%; color: #2A3347; }
*{ padding: 0; margin: 0; list-style: none; -webkit-tap-highlight-color:transparent; }
input{ outline: none; }
img{ display: block; outline: none; }
input::-webkit-input-placeholder{ font-size: 14px; color:#bcbcbc }
input::-moz-placeholder{   /* Mozilla Firefox 19+ */
    font-size: 14px; color:#bcbcbc
}
input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
    font-size: 14px; color:#bcbcbc
}
input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
    font-size: 14px; color:#bcbcbc
}


.flex{ display: flex; }
.flex1{ flex: 1; }
.flex-ali-end{ display: flex; align-items: flex-end; }
.flex-jus-end{ display: flex; justify-content: flex-end; }
.flex-col-cen{ display: flex; flex-direction: column; justify-content: center; align-items: center; }
.flex-col-ali-sta{ display: flex; flex-direction: column; align-items: flex-start; }
.flex-col-ali-cen{ display: flex; flex-direction: column; align-items: center; }
.flex-col-jus-cen{ display: flex; flex-direction: column; justify-content: center; }
.flex-wrap{ display: flex; flex-wrap: wrap; }
.flex-wrap-cen{ display: flex; flex-wrap: wrap; align-items: center; }
.flex-cen{ display: flex; align-items: center; justify-content: center; }
.flex-cen-bot{ display: flex; align-items: flex-end; justify-content: center; }
.flex-cen-rig{ display: flex; align-items: center; justify-content: flex-end; }
.flex-bet{ display: flex; align-items: center; justify-content: space-between; }
.flex-top{ display: flex; align-items: flex-start; }
.flex-top-bet{ display: flex; align-items: flex-start; justify-content: space-between; }
.flex-ali-cen{ display: flex; align-items: center; }
.flex-ali-bot{ display: flex; align-items: flex-end }
.fixed-top { position: fixed; left: 0; right:0; top: 0; z-index: 99999; }
.fixed-bot { position: fixed; left: 0; right:0; bottom: 0; z-index: 99999; }
.p10{ padding: 10px }
.mb6{ margin-bottom: 6px; }
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mr10{ margin-right: 10px; }

.img1{ width: 188px; height: 94px; position: relative; right: 10px; top: 10px; }
.fs12{ font-size: 12px; }
.fs14{ font-size: 14px; }
.fs16{ font-size: 16px; }
.fs30{ font-size: 30px; }
.fw{ font-weight: bold; }
.tc{ text-align: center; }
.t-und{text-decoration: underline; }

.col-b{ color: #ffffff; }
.col-2{ color: #2A3347; }
.col-3{ color: #394154; }
.col-5{ color: #5F3C12; }
.col-red{ color: #DE3133; }
.col-blue{ color: #2465dc; }


.boxShow{ box-shadow: 0px 5px 5px #fe8a8a; }
.trans{ transition-duration: 0.1s; }
.modifyBj{ background: rgba(0, 0, 0, 0.7); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1001; display: flex; align-items:flex-start; justify-content: flex-end; }
.modifyBj1{ position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1001; display: flex; align-items:center; justify-content: center; }
.message{ background: rgba(0, 0, 0, 0.7); padding: 10px; color: #ffffff; border-radius: 8px; max-width: 360px; font-size: 14px; }
.minput{ width: 100%; height: 50px; line-height: 50px; padding: 0 15px; background-color: #ffffff; border-radius: 25px; border:none; box-sizing: border-box; font-size: 16px; }
.minput1{ border:none; font-size: 16px; width: 160px; }
.btn1{ width: 100%; height: 50px; background-color: #ffffff; border-radius: 25px; box-sizing: border-box; border:2px solid #DE3133; }
.btn2{ border:2px solid #DE3133; background-color: #DE3133; box-shadow: 0px 5px 10px #C00002; color: #ffffff; }

.mainBox{ padding: 0 30px; background-position: left top; background-size: 100% auto; padding-bottom: 80px; box-sizing: border-box; background-color: #e7ebf1; }
.mainBox1{ background-image: url(../imgs/02.png); }
.mainBox2{ background-image: url(../imgs/03.png); }
.mainBox4{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; box-sizing: border-box; overflow-y: auto; z-index: 1; background-color: #ffffff; }
.info{ width: 100%; }
.lineHei1{ line-height: 1; }
.h1{ height: 110px; }

.tab{ font-size: 14px; }
.tab .item{ color:#394154; }
.tab .active{ color: #DE3133; }
.img3{ width: 100%; }
.btn3{ width: 80%; height: 40px; background-color: #fff8f8; border-radius: 25px; box-sizing: border-box; border:2px solid #f74f52; margin: 0 auto 8px; color: #DE3133; }
.box1{ position: relative; top: -50px; }