/* Css Reset */
body,ul,ol,p,li,h1,h2,h3,h4,h5,h6 {padding:0;margin:0}
body{text-align:left;font-family:"",Helvetica,STHeiti,Droid Sans Fallback;background:#F5F5F5;font-size:63%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
li{list-style:none}
a,a:visited{text-decoration:none;color:#000}
a{outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.fl{float:left}
.fr{float:right}
.clearfix:after {clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"."}
.hide{display:none}

/* common */
.touchOn { background-color: #e8e8e8; }
/* 提示信息弹出 */
.popTip { position: fixed; z-index: 10000; background: rgba(0, 0, 0, .8); box-shadow: #333 0 0 10px; padding: 10px 15px; border-radius: 5px; white-space: nowrap; }
.popTip .icon { display: inline-block; vertical-align: top; width: 32px; height: 32px; margin-right: 10px; background: url(images/icon_notice.png) no-repeat; background-size: 32px 32px; }
.popTip .text { color: #fff; line-height: 32px; }
.popTip .icon.suc { background-image: url(images/icon_success.png); }
.popTip .icon.err { background-image: url(images/icon_error.png); }
.popTip .icon.load { background-image: url(images/tip_loading.gif); background-size: auto; background-position: center; }

/* iphoneTips */
.iphoneTips { width: 240px; height: 80px; background: #252525; position: fixed; left: 50%; bottom: 0; margin-left: -120px; border-radius:  10px; margin-bottom: 10px; }
.iphoneTips .bd { position: relative; }
.iphoneTips .img { width: 50px; height: 50px; background: url(apple-touch-icon.png) no-repeat; background-size: 50px 50px; float: left; margin: 15px 0 0 15px; }
.iphoneTips .txt { width: 150px; color: #fff; font-size: 14px; line-height: 18px; float: left; margin: 15px 0 0 10px; text-align: left; }
.iphoneTips .txt span  { width: 19px; height: 15px; background: url(images/iphoneTips.png) 0 -31px no-repeat; background-size: 50px auto; display: inline-block; margin: 0 2px; }
.iphoneTips .close { width: 29px; height: 28px; background: url(images/iphoneTips.png) 0 1px no-repeat; background-size: 50px auto; position: absolute; right: -9px; top: -9px; }
.iphoneTips i { width: 20px; height: 10px; background: url(images/iphoneTips.png) -30px 0px no-repeat; background-size: 50px auto; display: block; position: absolute; left: 50%; top: 80px; margin-left: -8px; overflow: hidden; }

/* header */
body>header,
body>footer { 
    overflow: hidden;
    color: #fff;
    text-shadow: #055886 1px 1px 1px;
    background: #0C84C4;
    background: -webkit-gradient(linear,0 0,0 100%,from(#3AA6F7),to(#0C84C4));
    background:    -moz-linear-gradient(top, #3AA6F7, #0C84C4); }
body>header { box-shadow: 0 2px 2px 0 #BABABA; }
.logoBar,
.footerBar { height: 40px; line-height: 40px; float: left; width: 80%; border-right: #0D74AD 1px solid;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
.logoBar .logo { height: 40px; float: left; }
.logoBar .logo img { height: 30px; width: auto; padding: 5px 0 5px 10px; }
.navBtn { height: 40px; line-height: 40px; font-size: 1.6em; float: left; width: 20%; text-align: center; padding-right: 5%; border-left: #64BCFF 1px solid; position: relative; 
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
.navBtn i { position: absolute; right: 15%; top: 45%; border: 5px solid; border-color: #fff transparent transparent; }
.navBtn i.on { top: 36%; border-color: transparent transparent #fff; }
footer .navBtn i { top: 36%; border-color: transparent transparent #fff; }
footer .navBtn i.on { top: 45%; border-color: #fff transparent transparent; }
.backlink { width: 20%; height: 40px; line-height: 40px; display: block; float: left; border-right: #0D74AD 1px solid; text-align: center; color: #fff; font-size: 1.6em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
.homelink { width: 20%; height: 40px; display: block; float: left; border-right: #0D74AD 1px solid;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAArCAYAAAAHdLqEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY1RjQ1MDc1MkY3MDExRTE4NDczRjA4NzBFNDk5MDhFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY1RjQ1MDc2MkY3MDExRTE4NDczRjA4NzBFNDk5MDhFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RjVGNDUwNzMyRjcwMTFFMTg0NzNGMDg3MEU0OTkwOEUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RjVGNDUwNzQyRjcwMTFFMTg0NzNGMDg3MEU0OTkwOEUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz60ScmQAAADs0lEQVR42uyZ3UtTcRjHz9k57kzF5bKBc8P5MnsxixAVIlLoRvGiO29SqIuCxFb9AxESdKO9YbCWhAlTCiS7iuoi0Fi2mVHgCzErN9za1OmW7c29nJ4fnMXEszdd7AzOFx7O2J7z/D7nd57z+z3PDk7TNPY/lIfjuMVmK/F6PJvVKlUg4wMg8EwbiWECi8VyNhwOOwKBgP6DXq+E7/BMjpFx6GtqNeV0OvvoGAG8bdFkakEXxDlwNKOfpqervF6vkWYRzL7farX2gB/BGXAEYzabO0KhkJNOoo2NjSd3+voKsw6OICA1HtBpyOPxfIzmPZjQ5/O9ZfObn5tripdee0oNo8FwEFJjht6FYvK+xOFw6Nl8hoeG2uB3Ms74u1rqiB8WS4dcLn8sEAiKdhNDKBTKKquq3kwZjb1+v59i83G5XCI4CNh+Sxv8bn9/4cr6+j2JRHJpr0sxXDTV0Nh4Gx7crXTPJdPZUIwzM4d71OrnFEUdy+ReQhCE8L+Ao9RYWl7ulMlkGpilAowDIpPNskarFTvd7vtisfgCxiGRiaC/zs4ehzpjFFKjFuOa4m0oNpvtIjw0HjqLgs3qy8vx8Wq2OmfH2jyo1e5zu93PaI4oGAza2eqcbRXdwvx8PaypJppjikQiW5ABV2PrnH+pYbfbr6NCiOawIHWeRuscjKkVDHSOCJUYwEwJlBUV+2HVaMByRCKR6AQwS4hNl6uorKwsVFxcXOqFqd9kBLnuLwRlE3IFBPWKK8q0trq68mJsbHBEpzOishIVSZVgcrB8MByVEec6O48M63S92QQ/39V1c3RkZAE+RtDKDeYDs4L9RBuQF+w72C9mQ0LgZLlSmZ/ttACGJTgYwEIMeIjh9ZNB6Krgg4ex6K4plEqlv7MNzjDYgXFH9SjAclQ8OA+e6Q4okc60tNx4PzlpZZ78RMJPNzfL301M3OIEuEKh+AaHz2DhZF0a+NZzZsblCsUaHMywbIWSdFQk+JbzDycPzoPz4Dw4D56z4PH+ycprb21tgrbzTwpvF1yHVKraVN7tIB/ki85JFheNjRgQC1ssnO09J/p3Fg6yo3V1py53d7dRFCViu2gv6OHAwKtFk2mK6VQiSbZ8dIdLVTU1J6+o1e0FIDa/QCDgf6TRvJ6bndWjlpLp0rZXa3HAcaZxloIdABMyvei2m4XGAEN1yioE96VyhyF2bFwqTtytaFzUIAdZIPEEVRYKSDDQRBwfVFQFmaow1VfU0bh5CYq8MAMfN+5fAQYAyIX711t5rIYAAAAASUVORK5CYII=) no-repeat 50% 50%; background-size: auto 21.5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
.homelink.touchOn,
.backlink.touchOn { background-color: #29A0DE; }
.inPage .logoBar { width: 60%; }
.inPage .logoBar .topText { border-left: #64BCFF 1px solid; text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 1.5em; }
.inPage .logoBar .topText.cateName { font-size: 1.5em; }
    /* login */
    .loginBox { }
    .loginBox>div { border-bottom: 1px solid #0D74AD; padding: 0 5%; line-height: 50px; overflow: hidden; }
    .loginBox a { color: #fff; }
    .loginBox input { vertical-align: middle; }
    .loginBox input[type="text"],
    .loginBox input[type="password"] { display: inline-block; width: 35%; height: 30px; margin-right: 1%; border: #ccc 1px solid; color: #868686; font-size: 1.3em; padding: 0 2px; outline:none; border-radius: 2px; }
    .loginBox input[type="button"] { background: #e7e7e7; width: 20%; height: 32px; vertical-align: middle; font-size: 14px; }
    .loginBox .userInfo { display: none; }
    .loginBox .userInfo span { float: left; }
    .loginBox .userInfo a { float: right; padding: 0 10px; }
    /* nav */
    .navArea { clear: both; }
    .navArea a.touchOn { background-color: #29A0DE; }
    .navArea>nav { border-top: 1px solid #64BCFF; border-bottom: 1px solid #0D74AD; overflow: hidden; }
    .navArea>nav a { float: left; width: 20%; text-align: center; line-height: 40px; color: #fff; font-size: 1.6em; }
    .navArea>nav a.touchOn { background-color: #29A0DE; }
    /* active header */
    .active .backlink,
    .active .homelink,
    .active .logoBar,
    .active .footerBar { box-shadow: 0 0 1px 1px #0D74AD; }
/* footer */
.copyright { text-align: center; font-size: 1.4em; }

/* searchBar */
.searchBar { padding: 10px 8px 0; }
.searchBar form { width: 100%; height: 33px; border: #d5d5d5 1px solid; border-radius: 2px; position: relative; overflow: hidden; }
.searchBar .text,
.searchBar .btn { }
.searchBar input { resize: none; outline: none; -webkit-appearance: none; white-space: pre-wrap; word-wrap: break-word; background-color: #fff; border:none; }
.searchBar .text { margin-right: 15%; background: #fff; }
.searchBar .text>input { display: block; width: 99%; font-size: 1.3em; color: #a1a1a1; height: 33px; line-height: 33px; }
.searchBar .btn { position: absolute; right: 0; top: 0; width: 15%; height: 100%; border-left: solid 1px #d5d5d5; }
.searchBar .btn>input { height: 100%; width: 100%; border: 0; text-indent: -9999px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAApCAYAAAC/QpA/AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAmZJREFUWEe1WN1Nw0AMTpiAEToCI3QAJOCF547ACN2AESKeoEHtqQnvZYN2A0boBgT70qDE57uzL9dKUdXKZ39nf/5LWQg+H6Z5LH/Lh7IolkVZLOiRrutO8P93Wd68PT/dnwQq9SK12a/qbftT79pO/IA8gtdb85yozdfdZtscxQA4sNvWwOd2FqgeSHv2AUGQ8BxAZt1/B0CjV0FfEiAvEKt0v/Ld9N2YBYTzhQupvZgWECpkPQJGpDdDsJtd80q9it5ThQxdPlaSdKMLakt8wiPQV4kuxR1Wu5ZY4nR+mnYZBeTEWhGakHInZJBhQTCIduJSIGsUvVDAcohkJnLTe9xBD/EW2hKJMd7xJwStEyrWC+Ag94jn/aGaZlBzEOhXixAbR68Cks6y9FPCoWVDCmattCMSTwMD1VOkXSmUBgaqsNKOSHyS3qHSQQueSLtCyDbRUWtAL/nrDPSMsXDWwQis2m4+AdP6eUl7SBC5wiODqNNqYuMELdm5vIMDmLjGDOjdQ+052EMEHnIqL4RKdElsAdSd6oFoBJCbGFXhd7o33ATDJ5pBRkDw9jTs+FvtaXbI6kFVsWELQdPiNvBFFB4u9D5AqNhuBlCl+83g/6liu5V45OQAca6etUNhnZkzJ12mtElBnA8ocYcaPHZZYXBhC26Yli9QbXvu8Esg/p91eENj9KGhjvFOUKbyinDL3BDmWYROhelLdQtqDqFTAHGVfZIEsaaZYjR0JvRWIzuhJeAjhL7KdBnEFST0lWbvMCDypmPKn7ybbDRiIUIjf6IKcguECJ3blkifj9Ciw9cQ4gj9BwdSU0oywFc9AAAAAElFTkSuQmCC); background-size: auto 65%; background-position: center; background-repeat: no-repeat; background-color: #f5f5f5; }
.searchBar .btn>input:active { background-color: #efefef; }


/* 信息列表模块 */
.infoBox { padding: 10px 0 0; }
.infoBox nav { overflow: hidden; border-top: #188AC7 2px solid; background: #3CACFF; }
.infoBox nav li { float: left; text-align: center; width: 25%; position: relative; font-size: 1.4em; }
.infoBox nav li span { display: inline-block; padding: 0 8% 2px; font-size: 1.1em; color: #fff; line-height: 38px; text-shadow: #0A76B4 1px 1px 1px; white-space: nowrap; }
.infoBox nav li.on { }
.infoBox nav li.on span { padding-bottom: 0; border-bottom: #fa0 2px solid; font-weight: bold; white-space: nowrap; }
.infoBox nav li.on span::before { content:""; position: absolute; left: 50%; margin-left: -3px; bottom: 1px; border: 5px solid; border-color: transparent transparent #fa0; }
.infoBox nav li.touchOn { background-color: #29A0DE; }
.infoBox .bd { padding: 2% 0; overflow: hidden; }
.infoBox .listWrap { overflow: hidden; }
.infoBox .swipe .listWrap>li { float: left; position: relative; width: 100%; }
.infoBox .infoList { padding: 0 15px; }
.infoBox .infoList>li { height: 35px; line-height: 35px; overflow: hidden; font-size: 1.6em;
    text-overflow: ellipsis; white-space: nowrap; border-bottom: #eceef0 1px solid; box-shadow: 0 1px 1px #fbfbfb;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQxJREFUeNq81bEKwjAQBuAYfIWCr1BB8AHcnHwAQXB3Kjh16iQ4uQqCLyAITi5OBQWfoR1dXZ2EguAdNBBKmqb0Lgc/tLnAR2ia9LIsE1qtIGvIFPIWDhWGoWhTUnuOIEfIEJJCBoKhFBhD9to4G4pgAtkZeiwogmNLnxxFcAG5OKABFfhzRO8UqNo03lD9t1DomROVlXdEl5yoNIyxorJm3BVN8zwPKEAdPVnmjNqisqGP6LNhzgvyoQLxQD9Y+lfIHG6MggKMKgd6Z8wGxi4YpKDYpXHN7dEZM4EJJ1YFEdtyYjq48YFh9Uso8YGpFU58YQqcQR4+MAV+DSgLpr6h0NBbeS6yYFh/AQYAVORSlGiuGqAAAAAASUVORK5CYII=); background-position: right center; background-repeat: no-repeat; background-size: 14px 13px; padding-right: 25px; }
.infoBox .infoList>li:nth-last-child { border-bottom: none; }
.infoBox .infoList>li:active { /* background-color: #e8e8e8; */ }
.infoBox .infoList>li.t { padding: 0 0 8px 0; overflow: hidden; background-image: none; white-space: normal; height: auto; line-height: 2.6em; }
.infoBox .infoList>li.t h5 { height: 36px; line-height: 36px; padding-top: 2px; padding-right: 1em; color: #000; font-size: 1.1em; font-weight: 600; 
    max-width: 100%; text-overflow: ellipsis; white-space: nowrap !important; white-space: normal; overflow: hidden; }
.infoBox .infoList>li.t .pic { width: 75px; height: 55px; float: left; margin: 0 8px 0px 0; display: inline-block; overflow: hidden; border: #eceef0 1px solid; }
.infoBox .infoList>li.t img { width: 75px; float: left; }
.infoBox .infoList>li.t .intro { color: #78797a; font-size: 0.9em; line-height: 19px; }
.infoBox .infoList>li.n { font-size: 1.6em; }
.infoBox .infoList>li.n:first { margin-top: 2px; }
.infoBox .infoList .loading { background: url(images/list_loading.gif) no-repeat center; border-bottom: none; }
.infoBox .infoList.hideMore>li:nth-child(n+9) { display: none; }
.cateBtn { display: block; height: 34px; width: 92%; margin: 10px auto 0; border: 1px solid #B9B9B9; text-align: center; line-height: 34px; font-size: 1.6em; border-radius: 3px; text-shadow: #fff 1px 1px 1px;
    background: -webkit-gradient(linear,0 0,0 100%,from(#F5F5F5),to(#E3E3E3));
    background:    -moz-linear-gradient(top, #F5F5F5, #E3E3E3);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none; }
.cateBtn:active,
.cateBtn.touchOn {
    background: -webkit-gradient(linear,0 0,0 100%,from(#E3E3E3),to(#F5F5F5));
    background:    -moz-linear-gradient(top, #E3E3E3, #F5F5F5); }

/* slidePic */
.slidePic {}
.slidePic .picList { overflow: hidden; }
.slidePic .picList li { float: left; position: relative; text-align: center; }
.slidePic .picList li>a { display: block; width: 50%; height: 100%; float: left; padding: 1% 0;}
.slidePic .picList img { display: block; width: 88%; height: 88%; max-width: 145px; max-height: 145px; margin: 0 auto; }
.slidePic .picList .title { display: inline-block; background: #eaeaea; padding: 5px 0; color: #5C5C5C; text-overflow: ellipsis; border-top: none; width: 88%; max-width: 145px; white-space: nowrap; overflow: hidden; text-shadow: #fff 1px 1px 1px; font-size: 1.3em; }
.ctrls { margin: 2% auto 3%; text-align: center; }
.ctrls ul { display: inline-block; }
.ctrls li { float: left; margin: 0 4px; height: 8px; width: 8px; background: #D0D0D0;
    -webkit-border-radius:4px;
       -moz-border-radius:4px;
            border-radius:4px; }
.ctrls .on { background: #BA2636; }
.ctrls div { display: inline-block; margin: 0 8px; }
.ctrls .prev,
.ctrls .next { border: #898989 1px solid; width: 35px; height: 25px; vertical-align: middle;
    -webkit-border-radius:3px; 
       -moz-border-radius:3px; 
            border-radius:3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVGMjYyN0VDMjIzMzExRTE5NzIzRDRBNDYwMjMwMkM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVGMjYyN0VEMjIzMzExRTE5NzIzRDRBNDYwMjMwMkM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUYyNjI3RUEyMjMzMTFFMTk3MjNENEE0NjAyMzAyQzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUYyNjI3RUIyMjMzMTFFMTk3MjNENEE0NjAyMzAyQzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ya9fLAAAAc0lEQVR42mJMTk6OY2BgWAjEm4DYnwEKmIB4ERDPB2I/IO6GSbBA6SQglgTiEiC+DcSzYBIgEAHER4B4JhA/YkKS+AjEdVB2JbIEPxC3QNmdyBIrgFgLiDOAeBtMYi4QewBxH9QOsHNjoK4C+aMYph0gwAAScxM3V4n58wAAAABJRU5ErkJggg==) no-repeat 50% 50%,
    -webkit-gradient(linear,0 0,0 100%,from(#F5F5F5),to(#E3E3E3));
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAJCAYAAAARml2dAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkVGMjYyN0VDMjIzMzExRTE5NzIzRDRBNDYwMjMwMkM1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkVGMjYyN0VEMjIzMzExRTE5NzIzRDRBNDYwMjMwMkM1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RUYyNjI3RUEyMjMzMTFFMTk3MjNENEE0NjAyMzAyQzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RUYyNjI3RUIyMjMzMTFFMTk3MjNENEE0NjAyMzAyQzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ya9fLAAAAc0lEQVR42mJMTk6OY2BgWAjEm4DYnwEKmIB4ERDPB2I/IO6GSbBA6SQglgTiEiC+DcSzYBIgEAHER4B4JhA/YkKS+AjEdVB2JbIEPxC3QNmdyBIrgFgLiDOAeBtMYi4QewBxH9QOsHNjoK4C+aMYph0gwAAScxM3V4n58wAAAABJRU5ErkJggg==) no-repeat 50% 50%,
    -moz-linear-gradient(top,#F5F5F5,#E3E3E3); }
.ctrls .prev {
    -webkit-transform:scaleX(-1);
       -moz-transform:scaleX(-1);
            transform:scaleX(-1); }


/* 图片列表页 */
.picListWrap { padding: 3% 3% 0; }
.picListWrap .picList { border: #e1e1e1 1px solid; background: #f3f3f3; padding: 4% 2% 0; }
.picListWrap .picList li { text-align: center; width: 50%; height: 100%; float: left; padding-bottom: 2%; }
.picListWrap .picList li>a { display: block; padding: 2%; }
.picListWrap .picList .pic { /* width: 115px; height: 115px; */ width: 80%; height: 80%; max-width: 160px; overflow: hidden; margin: 0 auto; box-shadow: #d8d8d8 3px 3px 0 0; border: #ccc 1px solid; }
.picListWrap .picList img { /* width: auto; height: 115px; */ height: auto; width: 100%; display: block; margin: 0 auto; }
.picListWrap .picList .title { display: inline-block; background: #D1D1D1; padding: 5px 0; color: #5C5C5C; text-overflow: ellipsis; border-top: none; /* width: 115px; */ width: 80%; max-width: 160px; white-space: nowrap; overflow: hidden; text-shadow: #eee 1px 1px 0; margin-top: 10px; font-size: 0.8em; }
.picListWrap .cateBtn { margin: 4% auto 4%; }
.picListWrap .picList .loading { width: 100%; clear: both; padding: 0; height: 35px; background: url(images/list_loading.gif) no-repeat center; }