@charset "utf-8";
*{margin:0;padding:0;-webkit-box-sizing:border-box; -webkit-touch-callout: none; -webkit-text-size-adjust: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%;}
body{font:14px/1.5 微软雅黑;color:#333; background:#f6f6f6;}
ul{list-style-type:none;}
input,select,textarea{vertical-align:middle; font:14px 微软雅黑; color:#333; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none;color:#333;}
table{border-spacing:0px; border-collapse:collapse;width:100%; border:0px;margin:0;padding:0;}
img{border:0px;}
em{font-style:normal;}
b{ font-weight:normal;}
.clearfix{overflow:hidden;zoom:1;}
.clear{clear:both; height:0px; font-size:0px; line-height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
html,body{width:100%; overflow-x:hidden;}
.addColum:before,.columAdded li:not(.fix) a:before,.columAdd li:not(.fix) a:before,.moveTop{background:url(/vpn/89/https/NWST65JPGW3GKZLEF3SX85B/images/weixin/20460/icons_index.png;vpn_img) no-repeat; background-size:50px auto;}
.wrapMax{ max-width:640px; margin:0 auto;}
.mainW{background-color:#FFF;background-image: -webkit-linear-gradient(bottom,transparent 50%,#d1d1d1 50%),-webkit-linear-gradient(top,transparent 50%,#CCC 50%); background-position:center top,center bottom; background-repeat: no-repeat;  background-size: 100% 1px;padding-top:1px;}
/*图片轮播*/
.library{width:100%; position:relative; overflow:hidden;}
.library .pic{width:100%;height:100%;}
.swiper-container{width:100%;}	
.swiper-play .swiper-slide{ height:95px; position:relative;}
.pagination{ text-align:center; position:absolute; bottom:2px; width:100%; z-index:5; height:20px;}
.swiper-pagination-switch{width:5px;height:5px;margin:0 3px;border-radius:50%;background:#999;font-size:0; display:inline-block; vertical-align:middle;}
.swiper-active-switch{background:#FFF;}
@media only screen and (min-width: 360px){.swiper-play .swiper-slide{height:107px;}}
@media only screen and (min-width: 400px){.swiper-play .swiper-slide{height:119px;}}
@media only screen and (min-width: 640px){.swiper-play .swiper-slide{height:190px;}}
/*推荐*/
.groupM{padding:0 10px; background:#FFF;}
.groupM li{ position: relative;}
.groupM li a{display:-webkit-box; -webkit-box-align:center;width:100%; height:66px;padding:0 0 0 2px;background: -webkit-linear-gradient(top,transparent 50%,#e5e5e5 50%) center bottom no-repeat;background-size: 100% 1px;}
.groupM li a > *{display: block;}
.imgGroup{width:45px; height: 45px; border-radius: 5px; overflow:hidden; margin-right:10px;border: 1px #d7d7d7 solid;}
.imgGroup img{width:100%; min-height:100%;}
.groupM li dl{-webkit-box-flex:1;display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; height: 45px;}
.groupM li dt{font-size:15px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; max-width:100%; display:inline-block; vertical-align:top;}
.groupM li dd{font-size:13px; color:#999; width:90%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.groupM li dd label{ margin-right:15px;}
.addGroup{width:50px; height:30px; position: absolute;right:0; top:50%; margin-top:-15px; background-position:0 0;}
.addGroupC{ background-position:0 -30px;}
.navBox{width: 100%;background: -webkit-linear-gradient(top,transparent 50%,#d1d1d1 50%) center bottom no-repeat #FFF;background-size: 100% 1px; height:44px; position:relative; z-index:5;}
.navBox,.navBox *{-webkit-box-sizing:content-box;}
.addColum{width:60px; height:43px; display:block;background:-webkit-gradient(linear, 0 0, 40% 0, from(rgba(255,255,255,0)), to(#FFF)); position:absolute; right:0; top:0; z-index:9;}
.addColum:before{ content:"";width:15px; height:15px; background-position:0 0; position:absolute; top:50%; right:15px; margin:-8px 0 0 0;}
.swiper-nav {padding-right:60px; padding-left:10px;}
.swiper-nav span {height:44px;line-height:44px;display: block;text-align: center;width:70px;cursor:pointer;position: relative; font-size:15px; color:#333;}
.swiper-nav .active span{color:#0066cc;}
.pullUp{background:#fff;height:40px;line-height:40px;font-size:12px;text-align:center;}
.pullUp .pullUpIcon{display:inline-block;vertical-align:top;width:22px; height:22px;margin:9px 10px 0 0;background:url(/vpn/89/https/NWST65JPGW3GKZLEF3SX85B/images/weixin/20460/refresh.png;vpn_img) no-repeat;background-size:contain;-webkit-transform:rotate(0deg) translateZ(0);-webkit-transition-duration:0ms;-webkit-animation-name:loading;-webkit-animation-duration:2s;-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:linear;}
@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}
/*回到顶部*/
.moveTop{width:40px; height:40px; position:fixed; bottom:30px; right:15px; z-index:999; background-position:0 -33px; display:none; }
/*列表页*/
.recommenBox{padding:0 10px;}
.recommenBox li a{display:block; height:55px; line-height:55px; position:relative; padding-right:30px;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%;background: -webkit-linear-gradient(top,transparent 50%,#dfdfdf 50%) center bottom no-repeat;background-size: 100% 1px; font-size:16px;}
.recommenBox li a::before{width:8px; height:14px; content: "";display: inline-block;position: absolute;right:0;top:50%; margin-top:-7px; background:url(/vpn/89/https/NWST65JPGW3GKZLEF3SX85B/images/weixin/20460/icons_index.png;vpn_img) -42px -33px no-repeat; background-size:50px auto;}
/*底部*/
.foot_pos{ height:50px;}
.foot{ position:fixed; left:0; bottom:0; z-index:9; height:50px; width:100%; display:-webkit-box; -webkit-box-align:center;background: -webkit-linear-gradient(bottom,transparent 50%,#b2b2b2 50%) center top no-repeat #fafafa;background-size: 100% 1px;}
.foot > a{ display:block; -webkit-box-flex:1; color:#999; font-size:12px;text-align:center;padding-top:3px;}
.foot .icon{width:24px; height:24px; display:inline-block; vertical-align:top; background:url(/vpn/89/https/NWST65JPGW3GKZLEF3SX85B/images/weixin/20460/icons_index.png;vpn_img) no-repeat; background-size:50px auto;}
.foot .sy .icon{ background-position:0 -75px;}
.foot .sy.cur .icon{ background-position:-26px -75px;}
.foot .my .icon{ background-position:0 -100px;}
.foot .my.cur .icon{ background-position:-26px -100px;}
.foot .dy .icon{ background-position:0 -125px;}
.foot .dy.cur .icon{ background-position:-26px -75px;}
.foot .hd .icon{ background-position:0 -150px;}
.foot .hd.cur .icon{ background-position:-150px -75px;}
.foot .cur{ color:#2963aa;}
/*头部*/
.head_pos{ height:44px; }
.head{ height:44px; line-height:44px; position:fixed; z-index:9; left:0; top:0; width:100%; padding:0 50px;background:#2963aa;}
.head h2{width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:17px; color:#FFF; text-align:center;}
.head .home{ position:absolute; width:50px; left:0; top:0; height:100%;}
.head .home:before{ content:""; position:absolute; width:16px; height:18px; top:50%; margin-top:-9px; left:21px;background:url(/vpn/89/https/NWST65JPGW3GKZLEF3SX85B/images/weixin/20460/icons_index.png;vpn_img) -34px 0 no-repeat; background-size:50px auto;}


.midIconList2{display:-webkit-box; padding:10px 0px;}
.midIconList2 li{-webkit-box-flex:1;display:-webkit-box; -webkit-box-orient:vertical; -webkit-box-pack:center; text-align:center;}
.midIconList2 li span{ display:block;}
.midIconList2 li img{ display:block; width:40%; margin:0 auto;}







