@charset "utf-8";
/* CSS Document */
.row:after{content: "";clear: both;display: table;line-height: 0;height: 0;}
html {  font-family: sans-serif;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%;  }
body{color:#666; font-family:"微软雅黑, Microsoft yahei"; background:#FFFFFF; width: 100%; font-size:14px; min-width: 320px;}
a{outline:none;cursor:pointer;color:#666;}
a:link,a:visited{text-decoration:none;}
p,a{ padding:0; margin:0;}
a:hover{ text-decoration:none;}
li{ list-style:none;}
img{max-width:100%; height:auto; display:inline-block;}
ul{margin:0; padding: 0;}
h1, h2, h3, h4, h5, h6{color:#666; padding: 0; margin: 0; font-weight: 500;}
*{ margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; }

.help-block{font-size: 18px; color: #e11; line-height: 26px;}

.indexTop{ display: flex; align-items: center; padding: 25px 20px; background:#840000 url(../img/top.png) no-repeat; background-size: 100% 100%;}
.indexTop .logo{ width: 53px; display: block; margin-right: 35px;}
.indexTop .logo img{ width: 100%;}
.indexTop h1{font-size: 20px; color: #FFFFFF; line-height: 30px; text-align: left;}
.indexWrap{ padding:30px 20px;}
.indexBtn{background: #FFEEBD; box-shadow: 0px 0px 6px 1px rgba(189,189,189,0.16); border-radius: 7px; padding:20px; display: flex; align-items: flex-start; justify-content: space-between;}
.indexBtn .item{ display: block; text-align: center;}
.indexBtn .item img{ width: 69px; height: 42px;}
.indexBtn .item span{font-size: 16px; color: #2A2A2A; line-height:25px; display: block; margin-top:4px;}
.indexText{background: #FFEEBD; box-shadow: 0px 0px 6px 1px rgba(189,189,189,0.16); overflow: hidden; margin-top: 20px; border-radius: 7px;}
.indexTitle{ display: flex; align-items: center; background: #840000; padding: 12px;}
.indexTitle img{ width: 16.8px; height: 20.17px; margin-right: 12px;}
.indexTitle h4{font-size: 18px; color: #FFFFFF; line-height: 26px; }
.indexTxt{ padding: 7px 16px;}
.indexTxt p{ padding: 7px 0px;font-size: 16px; color: #181818; line-height: 24px;}
.mask{background: #000000; opacity: 0.3; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9991;}
.lunshuPop{ position: fixed; top: 50%; left: 50%; z-index: 9992; transform: translate(-50%,-50%); width: 300px;}
.lunshuPopTitle{height: 56px; background: #840000;font-size: 20px; color: #FFFFFF;  display: flex; align-items: center; padding: 0px 25px;}
.lunshuPopText{ padding: 22px 10px; background: #FFFFFF;}
.lunshuPopText img{ width: 66px; height: 64px; margin: 0 auto; display: block;}
.lunshuPopText p{font-size: 14px; color: #1E1E1E; line-height: 20px; text-indent: 2em; margin-top: 15px;}
.close{ margin: 0 auto; display: block; margin-top: 20px; width: 35px; cursor: pointer;}
.close img{ width: 100%; display: block;}
.indexBottom{ padding-bottom: 15px;}
.footer{ position: fixed; bottom:0; left: 0; width: 100%; z-index: 9;}
.footer img{ width: 100%; height: 62px;}
.head{ display: flex; align-items: center; padding: 25px 20px; background:#840000 url(../img/topbg.png) no-repeat; background-size: 100% 100%; position: relative; height:70px;}
.head .back,.headWh .back,.indexTop .back{ position: absolute; left:20px; top: 50%;transform: translateY(-50%); width: 14px;}
.head .back img,.headWh .back img,.indexTop .back img{ width: 100%;}
.head .title{ width:99px; height:20px;position: absolute; left:50%; top: 50%;transform: translate(-50%,-50%);}
.wendaWrap{ background:#840000 url(../img/body.jpg) no-repeat; width: 100%; padding: 20px 20px 60px 20px; min-height: 100vh; background-size: 100% 100%;}
.hujianSelect{background: #FFEEBD; border-radius: 7px; padding: 14px;}
.hujianSelect h4{font-size: 20px; color: #840000; line-height:30px;}
.hujianSelect .select{ position: relative; margin-top:6px;}
.hujianSelect .select .sanj{ position: absolute; right: 0; top:6px; width: 13px; height: 9px;}
.hujianSelect .select dt{font-size: 14px; color: #0A0A0B; line-height: 20px; cursor: pointer;}
.hujianSelect .select dd{ display: none;}
.hujianSelect .select dd ul li a{font-size: 14px; color: #0A0A0B; line-height: 20px; cursor: pointer;;}
.hujianList{background: #FFEEBD; border-radius: 7px; padding: 14px; margin-top: 20px;}
.hujianList h4{font-size: 20px; color: #840000; line-height:30px; text-align: center;}
.hujianList .item{ margin-top: 15px;}
.hujianList .item p{font-size: 14px; color: #0A0A0B; line-height:20px;}

.chooseList li{ padding:4px 4px 4px 36px; position: relative; margin-top:8px; font-size: 14px; color:#0A0A0B; line-height:32px; cursor: pointer;}

.chooseList li::before{width: 23px; height: 23px;background: url(../img/yuan.png) no-repeat; background-size: 100% 100%; content: ''; position: absolute; left:4px; top: 50%; transform: translateY(-50%); border-radius: 50%;}
.chooseList li.selected::before{background: url(../img/yuanon.png) no-repeat; background-size: 100% 100%; width: 23px; height: 23px;}
.chooseList li.selected{ background:rgba(132, 0, 0, .23) ;}

.to_page{ background: url(../img/btn.png) no-repeat;background-size: 100% 100%; width: 227px; height: 58px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 20px; margin: 0 auto; margin-top: 25px; cursor: pointer;}
.headWh{ display: flex; align-items: center; padding: 25px 20px; background:#FFFFFF; position: fixed; left: 0; top: 0; width: 100%; height:60px; z-index: 9;}
.headWh span{font-size: 20px; color: #000000; line-height: 30px; text-align: center; display: block; width: 100%;}
.wrapList{ padding-top: 60px;}
.listBox{  padding-top: 5px; }
.listBox li{background: #FFFFFF; padding: 11px 18px; margin-top: 10px;}
.listBox li h3{font-size: 16px; color: #000000; line-height: 24px; margin-bottom: 8px;}
.listBox li span{font-size: 14px; color: #BFBFBF; line-height: 20px;}
.listBox li .open{width: 97px; height: 35px;background: #840000;  border-radius: 23px; display: flex; align-items: center; justify-content: center; color: #FFFFFF; font-size: 14px;}
.loginImg{ width: 100%; max-height: 240px;}
.loginWrap{background: #FFFFFF; border-radius: 40px 40px 40px 40px; position: relative; overflow: hidden; padding: 35px 30px 30px 30px; min-height: 60vh; margin-top: -100px;}
.loginWrap::after{width: 118px; height: 118px; background: #3862FF; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16); opacity: 0.22; filter: blur(36px); content: ''; position: absolute; left: -80px; bottom:35%;}
.loginWrap::before{width: 118px; height: 118px; background: #840000; box-shadow: 0px 3px 6px 1px rgba(0,0,0,0.16); opacity: 0.22; filter: blur(36px); content: ''; position: absolute; right: -60px; bottom:15%;}
.loginWrap h2{font-weight: bold; font-size: 23px; color: #383838; line-height: 34px; text-align: center; margin-top: 20px;}
.loginWrap .form{ padding:0px 20px;}
.loginWrap .form .item{ position: relative; margin-top: 20px;}
.loginWrap .form .item .text{ width: 100%;height: 48px; background: #EFEFEF; border-radius: 8px; font-size: 14px; padding: 0px 18px; color: #333; border: none;}
.loginWrap .form .item .yanzhengma{ height: 33px; background: #840000; border-radius: 8px; position: absolute; top: 50%; right: 12px;transform: translateY(-50%); color: #FFFFFF; font-size: 14px; border: none; padding: 0px 14px; cursor: pointer;}
.loginWrap .form .item .yanzhengma:disabled{ background:#f7f7f7; color: #999;}
.loginWrap .form .item .sub{ width: 100%;height: 48px; background: #840000; border-radius: 8px; border: none; color: #FFFFFF; font-size: 14px; cursor: pointer;}
.loginWrap .form .item .layui-input-block{ display: flex; align-items: center; color: #979797; font-size: 12px; margin: 0px !important;}
.loginWrap .form .item .layui-input-block a{ color: #1252C7;}
.loginWrap .form .item .layui-input-block p{ padding-left: 5px;}


.loginFooter{ position: fixed; bottom: 0; left: 0; z-index: 9; width: 100%;}
.loginFooter img{ width: 100%; height: 116px;}
.loginWrap .form .item .select{ position: relative;}
.loginWrap .form .item .sanj{ position: absolute; right:11px; top:21px; width: 13px; height: 9px;}
.loginWrap .form .item .select dt{ line-height: 48px; font-size: 14px; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.loginWrap .form .item .select dd{ position: absolute; display: none; top: 48px;  background: #EFEFEF; left: 0; width: 100%; z-index: 9;border-radius: 8px;}
.loginWrap .form .item .select dd ul{ max-height: 150px; overflow: auto;}
.loginWrap .form .item .select dd ul li a{line-height: 34px; font-size: 14px; color: #333; padding: 0px 18px;}
.indexTop { position: relative;}
.indexTop h1{ text-align: center; width: 100%;}
.userWrap{ padding: 0px 15px;}
.userTitle{ border-bottom: 1px solid #DFDFDF; padding: 16px 0px; display: flex; align-items: center;}
.userTitle img{ width: 24px; height: 32px; margin-right: 16px;}
.userTitle span{ display: block;font-weight: bold; font-size: 18px; color: #840000; line-height:26px;}
.userItem{ position: relative; display: flex; align-items: center;background: #FFFFFF; border-radius: 4px; border: 1px solid #BDBDBD; margin-top: 20px; padding: 0px 16px;}
.userItem .t1{font-size: 16px; color: #484848; line-height: 50px;}
.userItem .text{ flex: 1; width: 100%; text-align: right; line-height: 50px; color: #414141; font-size: 16px; border: none; overflow: hidden;}

.userItem .sanj{ position: absolute; right:11px; top:21px; width: 13px; height: 9px;}
.userItem .select dt{ line-height: 48px; font-size: 14px; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding: 0px 13px;}
.userItem .select dd{ position: absolute; display: none; top:55px;  background: #FFF; border: 1px solid #BDBDBD; left: 0; width: 100%; z-index: 9;border-radius: 8px;}
.userItem .select dd ul{ max-height: 150px; overflow: auto; padding: 0px 12px;}
.userItem .select dd ul li a{line-height:44px; font-size: 14px; color: #333; padding: 0px 18px; text-align: center; border-bottom: 1px solid #BDBDBD; display: block;}
.userItem_button{ width: 114px; height: 43px; background: #840000; border-radius: 5px;  margin: 0 auto; margin-top: 20px; border: none; color: #FFFFFF; font-size: 16px; display: block; cursor: pointer;}
.out{width: 90%; height: 56px; background: #A1A1A1; border-radius: 5px; display: block; text-align: center; line-height: 56px; color: #FFFFFF; font-size: 16px; margin: 0 auto; margin-top: 100px;}

.pingJia{ padding: 18px; padding-bottom: 110px;}
.pingJiaTitle{font-size: 18px; color: #000000; line-height: 26px;}
.pingJiaItem{ margin-top: 30px;}
.pingJiaItem h4{ position: relative;font-size: 20px; color: #840000; line-height: 30px; position: relative; padding-left: 8px;}
.pingJiaItem h4::before{width: 4px; height: 21px; background: #840000; border-radius: 6px; position: absolute; left: 0; top: 50%;transform: translateY(-50%); content: '';}
.pingJiaItem .text p{font-size: 16px; color: #1F1F1F; line-height: 24px; margin-top: 13px;}


@media ( max-width:400px) {



}