.home-wrap { padding: 1rem 0.32rem 1rem; }
.home-wrap .mod { background: #F5F6F7; }
.home-wrap .mod + .mod { margin-top: 0.28rem; }
.home-wrap .mod .title { background: #7E8089; border-radius: 0.12rem 0.12rem 0px 0px; font-size: 0.24rem; height: 1.12rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 0.2rem; color: #FFFFFF; }
.home-wrap .mod .title h2 { color: #FFFFFF; text-shadow: 1px 1px 2px #5D6483; font-size: 0.4rem; position: relative; font-weight: bold; }
.home-wrap .mod .title h2:after { content: ''; display: inline-block; width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); vertical-align: middle; margin-left: 4px; }
.home-wrap .mod .title p { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.home-wrap .mod .title em { font-size: 0.28rem; margin-right: 0.32rem; }
.home-wrap .mod .title span { padding: 0.12rem 0.16rem; border-radius: 0.08rem; background: #E7E7E7; color: #4F5364; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.home-wrap .mod .title span i:nth-child(2) { color: #3C4052; padding-left: 0.24rem; position: relative; font-weight: bold; }
.home-wrap .mod .title span i:nth-child(2):before { content: ''; display: block; position: absolute; left: 0.12rem; top: 0.08rem; width: 1px; height: 0.2rem; background: rgba(147, 147, 147, 0.23); }
.home-wrap .mod .info-box { background: #EBECF1; padding: 0 0.2rem 0 0.1rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.home-wrap .mod .info-box .btn { width: 0.82rem; height: 0.88rem; margin-left: 0.2rem; -webkit-flex: none; -ms-flex: none; flex: none; background: url(../images/icon-btn3.png) no-repeat; background-size: 0.82rem auto; }
.home-wrap .mod .info { display: -webkit-flex; display: -ms-flexbox; display: flex; color: rgba(0, 0, 0, 0.4); font-size: 0.24rem; padding: 0.32rem 0rem; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; -webkit-flex: 1; -ms-flex: 1; flex: 1; }
.home-wrap .mod .info:before { content: ''; display: block; position: absolute; left: 50%; top: 0.48rem; width: 1px; height: 0.6rem; background: #c8c8c8; }
.home-wrap .mod .info .item { width: 24%; }
.home-wrap .mod .info .item:nth-child(2) { margin-right: 4%; }
.home-wrap .mod .info em, .home-wrap .mod .info span { display: block; text-align: center; }
.home-wrap .mod .info em { font-size: 0.36rem; color: #56575E; margin-top: 0.08rem; font-weight: bold; text-align: center; }
.home-wrap .mod .source { background: -webkit-linear-gradient(348deg, #F7F7F7 0%, #EBECF0 100%); background: linear-gradient(102deg, #F7F7F7 0%, #EBECF0 100%); border-radius: 0px 0px 0.12rem 0.12rem; font-size: 0.24rem; padding: 0.16rem 0.24rem; overflow: hidden; position: relative; color: #999; }
.home-wrap .mod .source .author-box { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; font-size: 0.24rem; z-index: 2; }
.home-wrap .mod .source p { text-align: justify; overflow: hidden; position: relative; word-break: break-all; line-height: 0.32rem; }
.home-wrap .mod .source p:before { content: ''; height: -webkit-calc(100% - 1.2em); height: calc(100% - 1.2em); float: right; line-height: 1; }
.home-wrap .mod .source p span { color: #286DF7; float: right; position: relative; clear: both; padding: 0 0.1rem 0 0.24rem; line-height: 1; }
.home-wrap .mod .source p span.up:after { content: ''; display: inline-block; width: 4px; height: 4px; border-top: 1px solid #286DF7; border-right: 1px solid #286DF7; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 3px; }
.home-wrap .mod .source p span:after { content: ''; display: inline-block; width: 4px; height: 4px; border-top: 1px solid #286DF7; border-right: 1px solid #286DF7; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); vertical-align: middle; margin: 0 0 3px 0.12rem; }
.home-wrap .mod .source .unfold { height: 0.64rem; }
.home-wrap .mod .source .unfold span:before { content: '...'; position: absolute; color: #999; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.home-wrap .mod .source h3 { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0.1rem; font-size: 0.28rem; color: #666; font-weight: bold; position: relative; }
.home-wrap .mod .source h3 img { width: 0.4rem; margin-right: 0.1rem; border-radius: 2px; }
.home-wrap .mod .source h3 span { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; line-height: 1; }
.home-wrap .mod .source h3 span:after { width: 0; height: 0; content: ''; display: block; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 4px solid #999; margin-left: 4px; }
.home-wrap .mod .source h3 .btn { position: absolute; top: 0rem; right: 0rem; background: url(../images/icon-btn4.png) no-repeat; width: 2.54rem; height: 0.36rem; background-size: 100% auto; }
.home-wrap .mod .source > img { width: 1.3rem; display: block; position: absolute; right: 0.24rem; bottom: -0.4rem; z-index: 1; opacity: 0.1; border-radius: 2px; }
.home-wrap .mod .time { font-size: 0.24rem; color: #999; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0.16rem 0.16rem 0.08rem; }
.home-wrap .mod .time em { margin-left: 4px; }
.home-wrap .mod .text { font-size: 0.28rem; color: #333333; margin: 0 0.16rem; position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.home-wrap .mod .text p { text-align: justify; overflow: hidden; position: relative; line-height: 0.38rem; }
.home-wrap .mod .text p:before { content: ''; height: -webkit-calc(100% - 1.22em); height: calc(100% - 1.22em); float: right; line-height: 1; }
.home-wrap .mod .text .unfold { height: 1.12rem; }
.home-wrap .mod .text .unfold span:before { content: '...'; position: absolute; color: #333; -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }
.home-wrap .mod .text span { color: #286DF7; float: right; position: relative; clear: both; padding: 0 0.1rem 0 0.26rem; line-height: 1; }
.home-wrap .mod .text span.up:after { content: ''; display: inline-block; width: 4px; height: 4px; border-top: 1px solid #286DF7; border-right: 1px solid #286DF7; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: 3px; }
.home-wrap .mod .text span:after { content: ''; display: inline-block; width: 4px; height: 4px; border-top: 1px solid #286DF7; border-right: 1px solid #286DF7; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); vertical-align: middle; margin: 0 0 3px 0.12rem; }
.home-wrap .mod .tips { font-size: 0.2rem; color: #999; margin: 0.16rem 0.16rem 0.3rem; }
.home-wrap .mod-red { background: #FFF8F8; }
.home-wrap .mod-red .title { background: #F14957; }
.home-wrap .mod-red .title h2 { text-shadow: 1px 1px 2px #EB0014; }
.home-wrap .mod-red .title span { background: #FFE6E6; }
.home-wrap .mod-red .title span i { color: #C12C2C; }
.home-wrap .mod-red .title span i:nth-child(2) { color: #B90707; }
.home-wrap .mod-red .title span i:nth-child(2):before { background: rgba(218, 93, 93, 0.23); }
.home-wrap .mod-red .info-box { background: #FFE7E7; }
.home-wrap .mod-red .info-box .btn { background: url(../images/icon-btn1.png) no-repeat; background-size: 0.82rem auto; }
.home-wrap .mod-red .info:before { background: rgba(219, 93, 93, 0.08); }
.home-wrap .mod-red .info em { color: #D33131; }
.home-wrap .mod-red .text span { background: #FFF8F8; }
.home-wrap .mod-green { background: #F9FCF9; }
.home-wrap .mod-green .title { background: #0BAF80; }
.home-wrap .mod-green .title h2 { text-shadow: 1px 1px 2px #008961; }
.home-wrap .mod-green .title span { background: #DFF7E7; }
.home-wrap .mod-green .title span i { color: #3A8D32; }
.home-wrap .mod-green .title span i:nth-child(2) { color: #0C7332; }
.home-wrap .mod-green .title span i:nth-child(2):before { background: rgba(79, 167, 122, 0.23); }
.home-wrap .mod-green .info-box { background: #E7F7EC; }
.home-wrap .mod-green .info-box .btn { background: url(../images/icon-btn2.png) no-repeat; background-size: 0.82rem auto; }
.home-wrap .mod-green .info:before { background: rgba(219, 93, 93, 0.08); }
.home-wrap .mod-green .info em { color: #248955; }
.home-wrap .mod-green .text span { background: #F9FCF9; }
.home-wrap header { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.28rem; color: #666; margin-bottom: 0.32rem; z-index: 4; position: fixed; left: 0; right: 0; top: 0; padding: 0.2rem 0.32rem; background: #fff; }
.home-wrap header .select-group { display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.home-wrap header .select-group p { font-size: 0.24rem; color: #999; position: relative; height: 0.56rem; width: 1.76rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0.16rem; }
.home-wrap header .select-group p:before { content: ''; display: block; position: absolute; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; border: 1px solid #DCDFE6; border-radius: 0.08rem; width: 200%; height: 200%; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); left: 0; top: 0; }
.home-wrap header .select-group p:after { content: ''; display: inline-block; width: 4px; height: 4px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); position: absolute; right: 0.16rem; }
.home-wrap header .select-group p.cur:after { content: ''; display: inline-block; width: 4px; height: 4px; border-top: 1px solid #286DF7; border-right: 1px solid #286DF7; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.home-wrap header .select-group p em { display: block; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home-wrap header .btn-subs { width: 1.04rem; height: 0.56rem; display: flex; justify-content: center; align-items: center; border-radius: 0.08rem; background: #F1F1F1; color: #AFAFAF; font-size: 0.28rem; line-height: 1; }
.home-wrap header .btn-subs.cur { background: #286DF7; color: #fff; }

.pop-bg { position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 2; }
.pop-bg .pop-con { background: url(../images/bg.png) #fff no-repeat; background-size: 100% auto; border-radius: 0.2rem; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 5.7rem; color: #222222; font-size: 0.28rem; padding: 0.4rem 0.3rem 0.8rem 0.4rem; }
.pop-bg .pop-con h3 { text-align: center; font-weight: bold; }
.pop-bg .pop-con > p { margin: 0.26rem 0 0.56rem; color: #555555; overflow-y: scroll; max-height: 8rem; padding-right: 0.1rem; }
.pop-bg .pop-con .wrong { color: #EF3939; font-size: 0.24rem; margin-left: 0.06rem; }
.pop-bg .pop-con .button-group { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
.pop-bg .pop-con .button-group span { background: #286DF7; width: 3.6rem; height: 0.74rem; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0.4rem; color: #fff; font-weight: bold; }
.pop-bg .pop-con .close { font-size: 0.3rem; color: #fff; background: url(../images/close.png) no-repeat; height: 0.47rem; background-size: 0.47rem auto; display: block; text-align: center; width: 0.47rem; border-radius: 50%; line-height: 1; position: absolute; top: -0.52rem; right: -0.15rem; }
.pop-bg .option-con { width: 100%; background: #fff; padding: 1rem 0.32rem 0.32rem; }
.pop-bg .option-con ul { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.pop-bg .option-con ul li { margin-right: 0.3rem; width: 2.08rem; height: 0.72rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #F4F4F4; font-size: 0.28rem; color: #666; position: relative; border-radius: 4px; overflow: hidden; margin-bottom: 0.28rem; }
.pop-bg .option-con ul li:nth-child(3n) { margin-right: 0; }
.pop-bg .option-con ul li.cur { background: #F0F5FF; color: #286DF7; }
.pop-bg .option-con ul li.cur:before { content: ''; display: block; width: 0.4rem; height: 0.4rem; background: #286DF7; border-radius: 1rem; top: -0.15rem; right: -0.12rem; position: absolute; }
.pop-bg .option-con ul li.cur:after { content: ''; display: block; background: url(../images/icon.png) no-repeat; width: 0.12rem; height: 0.1rem; background-size: 100% auto; position: absolute; top: 3px; right: 3px; }
.pop-bg .option-con .button-group { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.pop-bg .option-con .button-group span { background: #F0F5FF; width: 3.28rem; height: 0.76rem; font-size: 0.32rem; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-radius: 0.1rem; color: #286DF7; }
.pop-bg .option-con .button-group span:nth-child(2) { background: #286DF7; color: #fff; }

.zd1 { z-index: 1; }

/*# sourceMappingURL=main.css.map */