/* service */
.service { background: #fffcf0 url('http://www.deyang.gov.cn/images/2018wap/icon_lph.png') .24rem center no-repeat; background-size: 1.83rem auto; padding: .15rem .24rem .15rem 2.31rem; height: .6rem; }
.service > a { display: block; line-height: .6rem; height: 100%; }

/* banner */
.banner { position: relative; height: 4.5rem; overflow: hidden; }
.banner::before { background: linear-gradient(transparent, #333); position: absolute; right: 0; bottom: 0; left: 0; content: ''; height: .8rem; z-index: 1; }
.banner > .list { position: absolute; display: flex; align-items: flex-start; height: 100%; }
.banner > .list > a { background-position: center; background-size: cover; background-repeat: no-repeat; position: relative; width: 7.5rem; height: 100%; }
.banner > .list > a > span { position: absolute; right: 1.2rem; bottom: .48rem; left: 1.2rem; text-align: center; text-shadow: 0 2px 12px rgba(0, 0, 0, .3); font-weight: bolder; font-size: .4rem; color: #fff; }
.banner > .dots { position: absolute; right: 0; bottom: 0; left: 0; display: flex; height: 0.08rem; z-index: 2; }
.banner > .dots > i { background-color: #10568a; flex: 1; }
.banner > .dots > i.selected { background-color: #40a0e8; }

/* tabs */
.tabs { padding: .24rem; }
.tabs > .title { display: flex; align-items: flex-start; font-weight: bolder; font-size: .36rem; line-height: .9rem; }
.tabs > .title > span, .tabs > .title > a { background-color: #ecf3f9; position: relative; flex: 1; text-align: center; min-width: 0; }
.tabs > .title > .selected { background-color: #10568a; color: #fff; }
.tabs > .title > .selected::after { position: absolute; bottom: 0; left: 50%; content: ''; width: 0; height: 0; border: .1rem solid transparent; border-top-color: #0a63a5; transform: translate(-50%, .2rem); }
.tabs > .content { display: none; margin: 0.24rem 0; height: 4.8rem; overflow: hidden; }
.tabs > .selected { display: block; }
.tabs > .content > a { position: relative; display: flex; align-items: center; padding: 0 0 0 0.18rem; height: 0.94rem; border-bottom: 0.02rem dotted #eee; }
.tabs > .content > a::before { background-color: #10568a; content: ''; width: 0.08rem; height: 0.08rem; }
.tabs > .content > a > h4 { flex: 1; margin: 0 0.24rem; font-weight: 400; min-width: 0; }
.tabs > .content > a > span { font-weight: 300; font-size: .24rem; color: #999; }