html{-webkit-tap-highlight-color:rgba(0,0,0,0); -ms-tap-highlight-color:rgba(0,0,0,0); tap-highlight-color:rgba(0,0,0,0);}
footer{clear:both;}
.footerG{background:#ffa3bf;}
.footerP{background:#7bd4b8;}
.footerG .link a,.footerP .link a{color:#fff;}
.channelHeaderG{background:#ffa3bf; text-shadow:1px 1px #ff779b;}
.channelHeaderP{background:#7bd4b8;}
.tabArea{width:100%; overflow:hidden; margin:0 auto;}
.tab-navarea{background:#68aac2; width:100%;}
.tabArea .tab-nav{height:40px; overflow:hidden;}
.tabArea .tab-nav h2{font-size:16px; background:#68aac2; float:left; width:33.3%; text-align:center; height:40px; line-height:40px; cursor:pointer;}
.tabArea .tab-nav h2 a{color:#d2e4eb; text-shadow:1px 1px #3c84a6;}
.tabArea .tab-nav h2 .tab-nav-cur{color:#fff; border-bottom:2px #fff solid; padding-bottom:5px;}
.tabArea2 .tab-nav h2{width:50%;}
.tabArea4 .tab-nav h2{width:25%;}
.hot_sale{clear:both; overflow:hidden; border-bottom:1px #d6d6d6 solid; }
.hot_sale{position:relative; padding:10px 5px 10px 0; height:100px;}
.hot_sale img{float:left; border:1px #b4dae8 solid; width:60px; height:80px; margin-right:10px;}
.hot_sale .title{color:#375868; font-size:16px; height:20px; overflow:hidden;}
.hot_sale .author{font-size:14px; color:#7f9ba8; line-height:25px;}
.hot_sale .review{font-size:14px; color:#7f9ba8; line-height:21px;}
.hot_sale .longview{float:right; margin:10px 5px; width:20px; height:20px; background:url(../images/longview.png) no-repeat; background-size:100%;}
.hot_sale:last-child{border-bottom-color:#fff;}
.more{height:40px; text-align:center; line-height:40px; color:#ccc; border-top:1px #d6d6d6 solid;}
.more a{display:block;}
.more span{display:none;}
.more img{margin-left:8px; margin-bottom:-3px;}

.sortChannel_nav{height:auto; overflow:hidden; float:left; width:22%; background:#fff; position:relative;}
.sortChannel_nav a{display:block; height:50px; line-height:50px; text-align:center; border:1px #d6d6d6 solid; margin-top:-1px; background:#fff;}
.sortChannel_nav a.on{border-right:none; color:#09B396;}
.sortChannelG_nav a.on{color:#ff77a5;}
.sortChannelP_nav a.on{color:#67c3a6;}
.recommend{float:left; width:78%; padding-left:10px; border-left:1px #d6d6d6 solid; margin-left:-1px;}
.recommende{float:left; width:100%; padding-left:10px; border-left:1px #d6d6d6 solid; margin-left:-1px;}

#slidetop{position:fixed; width:29px; height:29px; background:url(../images/top.png) no-repeat; background-size:100%; bottom:20px; right:-50px; transition:right 1s; -moz-transition:right 1s; -o-transition:right 1s; -webkit-transition:right 1s;}
.page{background:#09B396; padding:0 10px; color:#c5d7df; height:40px; line-height:40px; text-align:center;}
.page a{color:#fff; margin:0 5px;}
.pageinput{float:right;}
.page .page_txt{padding:2px 5px; border:1px #c5d7df solid; background:#fff; color:#4c6978; border-radius:5px; font-size:14px; width:80px; margin-right:5px; color:#333; text-align:center;}

.pageBox {position: relative; width: 100%;}
.pageBox .iconback{background:url(../images/icon-backhome.gif) no-repeat 50% 50%; background-size:23px;}
.pageBox .iconhome{background:url(../images/icon-side.gif) no-repeat 50% 50%; background-size:20px;}

/*top*/
.topname{position:relative;margin:5px;padding:2px;text-align:center;border:1px solid #ddd}
.topname p{padding:5px;background-color:#fff;color:#666;}
.topname select{position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0);width:100%;height:100%}
.topname i{position:absolute;top:15px;right:15px;width:0;height:0;border:6px solid transparent;border-top:6px solid #aaa}

.phb_sortbox{border-top: 1px solid #CCC;border-bottom:1px solid #ccc;padding-top:10px}
.phb_csort{margin:0 10px;line-height:35px;text-align:center;border:1px solid #09b396}
.phb_csort:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.phb_csort a,.phb_msort a:active{float:left;display:inline-block;border-right:1px solid #9bb582;font-size:1em;vertical-align:middle;position:relative;width:24.7%;background:none repeat scroll 0 0 #FFF}
.phb_csort a:hover,.phb_csort a.hover{background:none repeat scroll 0 0 #09b396;color:#FFF}
.phb_csort a:nth-last-child(1),.phb_wsort a:nth-last-child(1){border:0}

/*pager*/

.pager table{width:100%;background-color:#f5f5f5;border:1px solid #ddd;line-height:18px;font-size:13px}
.pager td{padding:0 2px}
.pager a,.pager span{display:inline-block;width:40px;padding:6px 5px;background-color:#fff;border:1px solid #ccc;border-radius:3px;text-align:center;color:#666}
.pager a:active,.pager .active{border-color:#dd5114}
.pager a,.pager b,.pager em{color:#dd5114;font-style:normal}
.prev{text-align:right}
.next{text-align:left}
.select{position:relative;width:115px;height:48px;text-align:center}
.select span{width:80px;padding-right:20px}
.select select{position:absolute;top:8px;left:7px;opacity:0;filter:alpha(opacity=0);width:105px;height:32px}
.select i{position:absolute;top:22px;right:12px;width:0;height:0;border:6px solid transparent;border-top:6px solid #aaa}
.fy{position:relative;text-align:center}
.fy span{display:inline-block;width:100%;padding:4px 5px;background-color:#fff;border:1px solid #1abc9c;border-radius:2px;text-align:center;color:#666}
.fy em{color:#1abc9c;font-style:normal}
.fy select{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
.fy i{position:absolute;top:13px;right:3px;width:0;height:0;border:6px solid transparent;border-top:6px solid #aaa}
.sorttop{margin-top:10px;}
.sorttop ul li{float:left;width:46%;margin:3px 2%;text-align:center;}
.sorttop ul li a{padding:10px 0px; display:block;border:1px solid #ddd;background-color:#fff}
.sorttop a span{color:#999}