/* Reset - Mobile 750w */

/* iPhone 4/5 */
html { font-size:42.6666667px; }
/* Android */
@media (min-width:360px){
    html { font-size:48px; }
}
/* iPhone6 */
@media (min-width:375px){
    html { font-size:50px; }
}
/* iPhone6 Plus */
@media (min-width:414px){
    html { font-size:55.2px; }
}

* {-webkit-tap-highlight-color:transparent}
html,body { }
body {background:#22254c; text-align:center; }
body,h1,h2,h3,h4,h5,h6,p,ol,ul,dl,dt,dd,li,cite,fieldset,input,button,textarea { margin:0; padding:0; list-style:none; font-size:.24rem; font-family: "Microsoft Jhenghei","Hiragino Sans GB","Microsoft YaHei",sans-serif; }
sup,sub { vertical-align:baseline; }
a {  text-decoration:none; }
.clear {font-size: 0;height: 0;clear:both;line-height: 0;}

section {width: 7.5rem;margin:0 auto;}
.header {background-image: url(../imgs/up.jpg);background-size: 7.5rem 7.88rem;width:7.5rem;height: 7.88rem;}
.info {background-image: url(../imgs/center.png);background-size: 7.5rem 11.13rem;width:7.5rem;height: 11.13rem;margin-top: -0.24rem;}

.content {background-image: url(../imgs/foot.png);background-size: 7.5rem 7.04rem;width:7.5rem;background-position: bottom center;background-repeat: no-repeat;}
.btns {margin:0rem auto;width: 6.8rem;height: .95rem;padding:.7rem 0rem 1.9rem;width: 6.8rem;;}
.btns a {display: block;width: 3.29rem;height: .95rem;background-size: cover;}

.list {background-image: url(../imgs/centent_bg.png);width: 6.9rem;background-position: center;background-repeat: repeat;background-size: 7.5rem auto;-webkit-box-sizing:border-box;padding:0rem 0.3rem 0.2rem;margin: -2.4rem auto 0rem;    border-radius: 0rem 1rem .2rem .2rem;}
footer{background-image: url(../imgs/centent_bg_bottom.png);width: 7.5rem;height: .16rem;background-size: cover; background-position: center;}
.list article{position: relative;margin-top: .4rem;}
.icon {width: 1rem;height: 1rem;background-size: 100% 100%;position: absolute;right: .3rem;top:-0.25rem;z-index: 1;}
.list h2 {position: absolute;top: .36rem;left: -.12rem;font-size: .26rem;color: #fa8d52;width: .3rem;line-height: 1.6;padding-bottom:.16rem;background-size: 0.19rem 0.13rem;background-position: center bottom;background-image: url(../imgs/under.png);background-repeat: no-repeat;word-break:break-all;}

.list ul{width: 5.7rem;margin:0 auto;}
.list li{width: 100%;border-radius: 0.2rem;background-color: #fff;margin-bottom: .2rem;padding:.3rem;text-align: left;font-size: .26rem;-webkit-box-sizing:border-box;position:relative;}
.list li h4{line-height: .4rem;color: #455479;}
.list li p{line-height: .35rem;color: #172957;}
.list li a{position: absolute;width:100%;height: 100%;top: 0;left: 0;}
.goto2018 {background-image: url(../imgs/start.png);float: left;}
.gotomore {background-image: url(../imgs/lian.png);float: right;}
.gotom {background-image: url(../imgs/more.png);width: 100%;background-position: center;background-size: 3.41rem 1.11rem;height: 1.11rem;padding:.5rem 0rem;display: block;background-repeat: no-repeat;}

.dialog {-webkit-transition:all .5s .3s ease-out;width:100%;height: 100%;background-color: rgba(0,0,0,.4);position: fixed;z-index: 99;opacity: 0;}
.dialog .f{-webkit-transition:all .8s ease-out;position: absolute;width:4.62rem;height: 2.45rem;background-size:4.62rem 2.45rem;background-image: url(../imgs/f.png);top: 20%;left: 50%;margin-left:-2.31rem;-webkit-transform:translate3d(-300%,500%,0);}
.dialog .f .close{position: absolute;width: 1rem;height: 1rem;right: 0;top: 0;}

.show {opacity: 1;}
.show .f {-webkit-transform:translate3d(0,0,0);}
.sharebox {width:100%;height: 100%;background-color: rgba(0,0,0,.7);position: fixed;z-index: 99;background-image: url(../imgs/sharemsg.png);background-size: 1.65rem 1.75rem;background-position: right top;background-repeat: no-repeat;display: none;}