*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
html, body{font-family: "Microsoft Yahei", "微软雅黑", 宋体, Tahoma, Arial, Helvetica, STHeiti; color: #333; -webkit-user-select:none;font-size:10px; width:100%; height:100%;}
html {font-size:10px; background:#000;}
ul,li{list-style:none;}
select{outline:none;}
a:link {color:#222222; text-decoration:none; outline:none;}
a:visited {color:#222222; text-decoration:none;}
a:hover { color:#c00; text-decoration:none;}
a:active { color:#c00; text-decoration:none;}
.wrap {width:100%; }

/* 媒体查询 */
html{font-size:11px}
@media screen and (min-width:321px) and (max-width:374px){html{font-size:11px}}
@media screen and (min-width:375px) and (max-width:413px){html{font-size:12px}}
@media screen and (min-width:414px) and (max-width:639px){html{font-size:15px}}
@media screen and (min-width:640px) and (max-width:719px){html{font-size:20px}}
@media screen and (min-width:720px) and (max-width:749px){html{font-size:22.5px}}
@media screen and (min-width:750px){html{font-size:23.5px}}

/* 首屏 */
.page-first {position: relative; width:100%; overflow:hidden;}
.page-first .pagef-back {position:absolute; top:0; left:0; width:100%;}
.page-first .pagef-key {position:absolute; bottom:16%; left:44%; z-index:8; width:12%; animation:fudong 1s ease-in-out infinite;-webkit-animation:fudong 1s ease-in-out infinite;}
.page-first .pagef-btn-box img {float:left; width:50%; }
.pagef-btn-box {position:absolute; bottom:0; left:0; width:100%;}
.pagef-btn-box a {float:left; width:50%;}
.pagef-btn-box a:nth-child(1){background:url(http://i3.sinaimg.cn/gm/hd/hpct/2016/0601/2/ios_btn_off.jpg) center no-repeat;background-size:100% auto;}
.pagef-btn-box a:nth-child(2){background:url(http://i1.sinaimg.cn/gm/hd/hpct/2016/0601/2/andriod_btn_off.jpg) center no-repeat;background-size:100% auto;}
.pagef-btn-box a.cur:nth-child(1){background:url(http://i1.sinaimg.cn/gm/hd/hpct/2016/0601/2/ios_btn_on.jpg) center no-repeat;background-size:100% auto;}
.pagef-btn-box a.cur:nth-child(2){background:url(http://i3.sinaimg.cn/gm/hd/hpct/2016/0601/2/1/andriod_btn_on.jpg) center no-repeat;background-size:100% auto;}

@-webkit-keyframes fudong {
    from {-webkit-transform: translateY(0px);}
    50% {-webkit-transform: translateY(-10px);}
    to {-webkit-transform: translateY(0px;);}
}
@keyframes fudong {
    from {transform: translateY(0px);}
    50% {transform: translateY(-10px);}
    to {transform: translateY(0px;);}
}

/* 新闻 */
.tabs {width: 100%; background-position:0 0; overflow: hidden;}
.tabs a {float:left; width:50%;}
.tabs a img {width:100%;}
.swiper-container {margin:0 auto; position:relative; overflow:hidden; z-index:1; background-image:url(http://i3.sinaimg.cn/gm/hd/hpct/2016/0601/2/list_back.jpg); background-position:center bottom;  background-color:#fbfbf9; background-repeat:no-repeat; }
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-o-transform:translate(0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.swiper-slide {-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d; -ms-transform-style:preserve-3d; transform-style:preserve-3d; -webkit-flex-shrink:0;-ms-flex:0 0 auto; flex-shrink:0; width:100%; height:100%; position:relative}
.news-list {margin-top:1rem; padding:0 1rem 2rem 1rem;}
.news-list li {overflow:hidden; background-image:url(http://i2.sinaimg.cn/gm/hd/hpct/2016/0601/2/list_line.jpg); background-size:100% auto; background-position:left bottom;  background-repeat:no-repeat;  box-shadow:0 1px 1px #fff; height:4rem; line-height:4rem; font-size:1.2rem; color:#a2a2a2;}
.news-list li span {float:right; margin-right:10px; }
.news-list li a {margin-left:5px; }

/* 推荐图 */
.body_banner{clear:both;}
.swipe {width:100%; overflow:hidden; position:relative;}
.swipe ul {-webkit-transition:left 800ms ease-in 0; -moz-transition:left 800ms ease-in 0; -o-transition:left 800ms ease-in 0; -ms-transition:left 800ms ease-in 0; transition:left 800ms ease-in 0;}
.swipe ul img {width:100%; display:block;}
.swipe #pagenavi{position:absolute; left:0; bottom:0; width:100%; padding:0 1rem 1rem;}
.swipe #pagenavi a{width:1rem; height:1rem; line-height:99em; background:#000; border:3px solid #600; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 4px; overflow:hidden; cursor:pointer; display:inline-block; *display:inline; *zoom:1; position:relative;}
.swipe #pagenavi a.active{background:#a20102; position:relative;}
footer {width:100%; background-color:#000; color:#383838; line-height:2rem; font-size:.8rem; }
footer {overflow:hidden; margin:0 auto; padding:1rem; color:#666; line-height:2rem; font-size:.9rem; }