@charset "utf-8";
/* CSS Document */

.pb-head{position:relative;height:39px;z-index:100;line-height:inherit;}
.pd-zd{position:fixed;width:94%;background:#fff;border-bottom:1px solid #ccc;padding:0 3%;}
a#back-btn{font-size:2rem;font-family:"黑体";font-weight:bold;width:10%;display:inline-block;color:#8d8d8d;}
.pb-head h3{display:inline-block;width:76%;text-align:center;font-size:1.6rem;color:#8d8d8d;line-height:39px;}
.navicon{width:10%;display:inline-block;text-align:right;}
.navicon img{ vertical-align:inherit;}
.iconlist{position:absolute;background:#404042;top:39px;left:0;display:none;width:100%;z-index:200;font-size:1rem;}
.iconlist li{display:inline-block;width:32.5%;text-align:center;}
.iconlist li a{display:block;color:#fff;padding-top:28px;height:21px;}
.iconlist li.aicon a{background:url(../images/boticonw.png) center 6px no-repeat;background-size:28px 21px;}
.iconlist li.oicon a{background:url(../images/boticon2w.png) center 5px no-repeat;background-size:35px 21px;}
.iconlist li.micon a{background:url(../images/boticon3w.png) center 5px no-repeat;background-size:18px 21px;}
.iconlist li.aicon a:active{background:#2c2c2c url(../images/boticonw.png) center 6px no-repeat;background-size:28px 21px;}
.iconlist li.oicon a:active{background:#2c2c2c url(../images/boticon2w.png) center 5px no-repeat;background-size:35px 21px;}
.iconlist li.micon a:active{background:#2c2c2c url(../images/boticon3w.png) center 5px no-repeat;background-size:18px 21px;}
.masklayer_div{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 180;background: rgba(0,0,0,0);}
.masklayer_div.on{display: block;}
header span.navicon img{width:18px;height:14px;}
header span.navicon{position:static;}

/*底部菜单栏*/
footer{position:relative;height:44px;}
.bot-menu{background:#f9f9f9;height:44px;position:fixed;width:100%;left:0;bottom:0;border-top:1px solid #cdcdcd;overflow:hidden;}
.bot-menu li{float:left;width:33.3%;text-align:center;}
.bot-menu li a{display:block;padding-top:28px;color:#626262;}
.bot-menu li.aicon a{background:url(../images/boticon.png) center 6px no-repeat;background-size:28px 21px;}
.bot-menu li.oicon a{background:url(../images/boticon2.png) center 5px no-repeat;background-size:35px 21px;position:relative;}
.bot-menu li.micon a{background:url(../images/boticon3.png) center 5px no-repeat;background-size:18px 21px;}
.bot-menu li.tarot a{position:relative;background:url(../images/boticon4.png) center 5px no-repeat;background-size:25px 21px;}
.bot-menu li.aicon a.active,.bot-menu li.aicon a:active{background:url(../images/boticonh.png) center 6px no-repeat;background-size:28px 21px;color:#ff4c4c;}
.bot-menu li.oicon a.active,.bot-menu li.oicon a:active{background:url(../images/boticon2h.png) center 5px no-repeat;background-size:35px 21px;color:#ff4c4c;}
.bot-menu li.micon a.active,.bot-menu li.micon a:active{background:url(../images/boticon3h.png) center 5px no-repeat;background-size:18px 21px;color:#ff4c4c;}
.bot-menu li.tarot a.active,.bot-menu li.tarot a:active{background:url(../images/boticon4h.png) center 5px no-repeat;background-size:25px 21px;color:#ff4c4c;}
.bot-menu li.tarot{position:relative;}
.bot-menu li.tarot a:after{content:'';width:8px;height:8px;background:#ff0000;border-radius:4px;position:absolute;top:4px;right:30px;}
.bot-menu li.tarot em{position:absolute;left:15px;top:-34px;display:block;text-align:center;}
@media screen and (min-width:321px) and (max-width:360px) {
	.bot-menu li.tarot em{left:18px;}
	.bot-menu li.tarot a:after{right:37px;}
}
@media screen and (min-width:361px) and (max-width:375px) {
	.bot-menu li.tarot em{left:20px;}
	.bot-menu li.tarot a:after{right:40px;}
}
@media screen and (min-width:376px){
	.bot-menu li.tarot em{left:25px;}
	.bot-menu li.tarot a:after{right:45px;}
}