@charset "UTF-8";
body, p, dl, dt, dd, ul, li { margin: 0; padding: 0; }

html, body { font-family: "Microsoft Yahei",Helvetica, sans-serif; text-align: left; color: #666666; font-size: 0px; }

a { text-decoration: none; color: #666666; }

ul { list-style: none; }

button { border: none; }

img { border: none; }

input, button { box-shadow: none; -webkit-box-shadow: none; -webkit-appearance: none; border: 0; border-radius: 0; background: transparent; -webkit-appearance: none; -webkit-box-sizing: border-box; /*消除ＩＯＳ　ｉｎｐｕｔ　　阴影*/ }

input:focus { outline: 0; }

input::-webkit-input-placeholder { color: #AA1700 !important; font-size: .48rem; }

select { background: transparent; border: none; -webkit-appearance: none; }

body:before, .con:before, .banner:before, .L0:before, .L1:before, .L2:before, .L3:before, .L4:before, .L5:before, body:after, .con:after, .banner:after, .L0:after, .L1:after, .L2:after, .L3:after, .L4:after, .L5:after { content: ""; display: table; font: 0/0 a; }
body:after, .con:after, .banner:after, .L0:after, .L1:after, .L2:after, .L3:after, .L4:after, .L5:after { clear: both; }

.list-time, .list-con1 .L1 .arrow, .detail-con1 .L1 .arrow { position: absolute; right: 0; top: 0; }

.c-inline { display: inline-block; }

.list-con1 .L1 a, .detail-con1 .L1 a { border-radius: .2rem; }

.list-time { right: 10px; font-size: 0.44rem; line-height: 0.71rem; text-align: center; }

.C2-1, .C3-1, .C3-2, .C4-1, .C4-2, .C4-3, .CC2-1, .CC3-1, .CC3-2, .CC4-1, .CC4-2, .CC4-3 { float: left; }

.CC3-2, .CC4-2, .CC4-3 { margin-left: 10px; }

.C2-2, .C3-3, .C4-4, .CC2-2, .CC3-3, .CC4-4 { float: right; }

html { height: 100%; width: 100%; }

body { background: #f5f5f5; font-size: 0.46rem; }

.con { margin-top: 0rem; }

/*.wrap{@extend %w10;}*/
.L0, .L1, .L2, .L3, .L4, .L5 { /*margin-top: 10px;*/ }

.icon { background-position: center center; background-repeat: no-repeat; background-size: 100% auto; display: inline-block; vertical-align: middle; }

/*-----------以下为自定义样式----46.875----------*/
/*----以下为自定义样式------*/
/*------------首页样式---------------*/
body { padding-bottom: 0rem; background: #0479C2; }

#list, #detail { background: #EBEBEB; padding-bottom: 2rem; }

/*页脚样式*/
.footer { position: fixed; bottom: -.1rem; z-index: 9999; height: 1.4rem; width: 10.8rem; }
.footer .list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
.footer .list li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.36rem; line-height: 1.4rem; text-align: center; color: #EBEBEB; }
.footer .list li a { color: #EBEBEB; }
.footer .list .li1 { background: #0479C2; }
.footer .list .li2 { background: #04619C; }
.footer .list .li3 { background: #05507F; }
.footer .nav { display: none; position: absolute; left: 0; bottom: 1.4rem; padding-bottom: .3rem; background: url(../images/_nav_bg1.png); background-size: 100% 100%; }
.footer .nav li { display: block; width: 3.5rem; height: 1.2rem; overflow: hidden; font-size: 0.36rem; line-height: 1.2rem; text-align: center; color: #333333; border-bottom: 1px solid #ccc; }
.footer .nav li a { color: #333333; }
.footer .nav li:last-child { border: none; }
.footer .nav2 { left: 3.6rem; }
.footer .nav3 { left: 7.2rem; }

/** -------------首页样式 */
.index-con1 { /*.swiper-wrapper{position: relative;}*/ }
.index-con1, .index-con1 img { width: 10.8rem; height: 6.06rem; overflow: hidden; }
.index-con1 .swiper-container-horizontal > .swiper-pagination { width: 95%; padding-right: 5%; text-align: center; top: 4.2rem; height: .94rem; line-height: .94rem; }
.index-con1 .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet { background: #26272B; opacity: 1; width: 0.17rem; height: 0.17rem; overflow: hidden; vertical-align: middle; }
.index-con1 .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet-active { opacity: 1; width: 0.17rem; height: 0.17rem; overflow: hidden; background: #FD3607; }
.index-con1 .layer, .index-con1 .tit { position: absolute; left: 0; z-index: 100; top: 5.1rem; height: .94rem; width: 100%; background: #000; opacity: .6; }
.index-con1 .tit { opacity: 1; background: none; font-size: 0.4rem; line-height: 0.94rem; text-align: center; color: #fff; padding-left: .5rem; }
.index-con1 .tit a { color: #fff; }

.index-con2 { padding-bottom: 2rem; }
.index-con2 .line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; width: 10.4rem; margin: 0 auto; margin-top: .3rem; }
.index-con2 .line .link { width: 4.9rem; height: 1.4rem; overflow: hidden; background: #fff; border-radius: .2rem; font-size: 0.4rem; line-height: 1.4rem; color: #333333; }
.index-con2 .line .link a { color: #333333; }
.index-con2 .line .link a { display: block; width: 100%; height: 100%; }
.index-con2 .line.single { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-left: .3rem; }
.index-con2 .icon { width: 0.86rem; height: 0.86rem; overflow: hidden; border-radius: 50%; border: 1px solid #D1D1D1; margin-right: 0.45rem; margin-left: .75rem; }
.index-con2 .icon1 { background-image: url(../images/_icon1.png); }
.index-con2 .icon2 { background-image: url(../images/_icon2.png); }
.index-con2 .icon3 { background-image: url(../images/_icon3.png); }
.index-con2 .icon4 { background-image: url(../images/_icon4.png); }
.index-con2 .icon5 { background-image: url(../images/_icon5.png); }
.index-con2 .icon6 { background-image: url(../images/_icon6.png); }
.index-con2 .icon7 { background-image: url(../images/_icon7.png); }
.index-con2 .icon8 { background-image: url(../images/_icon8.png); }
.index-con2 .icon9 { background-image: url(../images/_icon9.png); }
.index-con2 .icon10 { background-image: url(../images/_icon10.png); }
.index-con2 .icon11 { background-image: url(../images/_icon11.png); }
.index-con2 .icon12 { background-image: url(../images/_icon12.png); }
.index-con2 .icon13 { background-image: url(../images/_icon13.png); }
.index-con2 .icon14 { background-image: url(../images/_icon14.png); }
.index-con2 .icon15 { background-image: url(../images/_icon15.png); }
.index-con2 .icon16 { background-image: url(../images/_icon16.png); }
.index-con2 .icon17 { background-image: url(../images/_icon17.png); }
.index-con2 .icon18 { background-image: url(../images/_icon18.png); }
.index-con2 .icon19 { background-image: url(../images/_icon19.png); }
.index-con2 .icon20 { background-image: url(../images/_icon20.png); }
.index-con2 .icon21 { background-image: url(../images/_icon21.png); }
.index-con2 .icon22 { background-image: url(../images/_icon22.png); }
.index-con2 .icon23 { background-image: url(../images/_icon23.png); }

/*----组件样式------*/
/*------------------列表样式-------------------*/
.list-con1, .detail-con1 { width: 9.56rem; margin: 0 auto; border: 1px solid #ddd; margin-top: .4rem; border-radius: .2rem; padding-bottom: .5rem; background: #fff; padding: .2rem; }
.list-con1 .L1, .detail-con1 .L1 { padding: .5rem .4rem; border-bottom: 1px dashed #ccc; position: relative; }
.list-con1 .L1 .arrow, .detail-con1 .L1 .arrow { width: 0.2rem; height: 0.4rem; overflow: hidden; background: url(../images/_arrow.png); background-size: 100% 100%; top: 50%; right: .2rem; margin-top: -.2rem; }
.list-con1 .L1 a, .detail-con1 .L1 a { display: block; line-height: 0.7rem; }
.list-con1 .L1:last-child, .detail-con1 .L1:last-child { border: none; }

/*------------------详细页样式-------------------*/
.detail-con1 { margin-bottom: 4rem; }
.detail-con1 .L1 { padding: .5rem .3rem; border-bottom: 1px dashed #ccc; position: relative; font-size: 0.5rem; line-height: 2; }
.detail-con1 .L1 a { display: block; }
.detail-con1 .L2 { width: 8.8rem; overflow-x: scroll; padding: .3rem .5rem; font-size: 0.36rem; line-height: 1.5; color: #656565; }
.detail-con1 .L2 a { color: #656565; }
.detail-con1 .L2 p { text-indent: 2em; }
.detail-con1 .L2 p img { width: 80%; }

/*------------------分页样式-------------------*/
#page { margin: 0 auto; text-align: center; margin-top: .3rem; margin-bottom: 2rem; }
#page .pagination { padding: .1rem 1rem; display: inline-block; border-radius: .2rem; height: 1rem; background: #fff; }
#page .pagination li { float: left; padding: 0 .2rem; font-size: 0.4rem; line-height: 1rem; text-align: center; }
#page .pagination li.active, #page .pagination li.active a { color: #0998B7; }

body { max-width: 700px; }
