html,body{max-width: 640px; margin: 0 auto; height: 100%;}
.fix-head{position: fixed; top: 0; width: 100%; z-index: 99; height: 85px;}
header{background: url("../w-images/topbg.jpg"); height: 45px; background-size: 100%;}
header img{height: 25px; margin-top: 6px;}
header .td-model{vertical-align: middle; height: 45px; padding: 0 10px;}
header .td-model:first-child{width: 125px;}
header .td-model input{display: block; height: 30px; padding: 0 8px 0 30px; font-size: 14px; border: none; border-radius: 40px;}
header a.ser-btn{position: absolute; top: 10px; left: 14px;}
.dark-block{background: #f7f7f7; height: 10px;}

.botnav{background:url(../w-images/botnavicons.png) no-repeat; height:25px;width:25px; display: block; background-size: 50px; margin: 2px auto 0;}
.botnav1{background-position:0 0;}
.botnav2{background-position:0 -25px;}
.botnav3{background-position:0 -50px;}
.botnav4{background-position:0 -75px;}
.mui-bar-tab .mui-tab-item.mui-active .botnav{background-position-x: -25px;}

nav.head-menu{position: relative; padding-right: 42px; background: #f9f9f9;}
nav.head-menu .scroll{width: 100%; overflow: auto; white-space: nowrap;}
nav.head-menu .mask-white{width: 45px; height: 40px; position: absolute; right: 35px; top: 0; background-image:linear-gradient(90deg,rgba(249,249,249,0),#f9f9f9); background-image:-webkit-linear-gradient(0deg,rgba(249,249,249,0),#f9f9f9);}
nav.head-menu li{display: inline-block; line-height: 40px; font-size: 16px;}
nav.head-menu li a{display: inline-block; line-height: 38px; padding: 0 10px;}
nav.head-menu li a.active{color: #4fcc72; border-bottom: 1px solid #4fcc72;}
nav.head-menu a.addmenu{display: block; position: absolute; right: 0; top: 8px; border-left: 1px solid #ddd; padding: 0 5px;}

.list-box a.tag{color: #9a9a9a;}
.item-p1,.item-p3,.video-list{padding: 10px; border-bottom: 1px solid #eee;}
.item-p1 h4,.item-p3 h4,.video-list h4{font-size: 16px; line-height: 20px; margin-bottom: 10px; color: #333;}
.item-p1 h4{margin-bottom: 4px;}
.item-p1 .pic img{width: 100px; height: 65px;}
.item-p1 .td-model{vertical-align: top;}
.item-p1 .td-model:first-child{padding-right: 10px;}
.item-p1 .td-model:last-child{width:100px;}
.item-p3 .pic img{width: 32%; margin-left: 2%; display: block;}
.item-p3 .pic img:first-child{margin-left: 0;}

.video-list .pic img{display: block;}
.video-list .pic .time{position: absolute; bottom: 10px; right: 10px; background: rgba(0,0,0,.5); color: #fff; padding: 2px 10px; border-radius: 15px;}
.video-list .pic .play{position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; margin-top: -30px; margin-left: -30px;}
.pic-list{padding-top: 0; border-bottom: 10px solid #eee;}
.pic-list .pic{margin: 0 -10px;}


h1.detail-tit{color: #333; padding: 15px 10px; font-size: 20px; line-height: 26px; border-bottom: 1px solid #f7f7f7;}
.detail-control{padding: 10px 0; border-bottom: 1px solid #f7f7f7;}
.detail-control img{width: 45px; height: 45px; border-radius: 50%;}
.detail-control p{line-height: 20px; font-size: 18px; color: #333; margin-top: 5px; margin-left: 10px;}
.detail-control p span{color: #999;}
.detail-control .td-model{vertical-align: middle; padding-left: 10px;}
.detail-control .td-model:last-child{padding-right: 10px;}
.detail-control .td-model:last-child a{margin-left: 10px; color: #fff; background: #56d279; font-size: 16px; padding: 6px 10px; border-radius: 3px;}
.detail-control .td-model:last-child a.on{color: #fff;}
.content{padding: 10px;}
.content p{color: #333; line-height: 28px; font-size: 16px; margin-top: 10px;}
.content img{width: 100%!important; margin: 15px 0;}
.wzinfo{padding: 20px 10px 10px; border-bottom: 1px solid #f7f7f7;}
.wzinfo .detail-control{border: 1px solid #f7f7f7; margin: 15px 0 5px 0;}
.wzinfo .tag{margin-top: 10px;}
.wzinfo .tag a{background: green; display: inline-block; padding: 0px 10px 0px 10px; border-radius: 3px 3px 3px 3px; margin:0px 5px 5px 0px; color: white;}
.zan-cai a{display: inline-block; width: 30%; border: 1px solid #eee; color: #999; text-align: center; padding: 10px; margin: 15px 10px; font-size: 16px; border-radius: 50px;}
.detail-mt1{padding: 15px 10px; border-bottom: 1px solid #eee;}
.detail-mt1 p{color: #333; font-size: 16px;}
.pl-item{padding: 10px; font-size: 16px;}
.pl-item .td-model:first-child{width: 50px;}
.pl-item img{width: 50px; height: 50px; border-radius: 50%;}
.pl-item .td-model:last-child{padding-left: 10px; border-bottom: 1px solid #f7f7f7; padding-bottom: 15px;}
.pl-item .td-model:last-child .tit a{color: #333;}
.pl-item .td-model:last-child .tit a.zan{color: #ccc;}
.pl-item .td-model:last-child p{color: #333; padding-top: 5px;}
.pl-item .td-model:last-child .huifu,.pl-item .td-model:last-child .huifu a{color: #ccc; font-size: 14px; margin-top: 5px;}
.replaybox{font-size: 14px; color: #999; margin-top: 6px;}
.replaybox span{background: #aaa; color: #fff; padding: 0 4px; font-size: 12px; margin-right: 5px;}
.det-bot-pl .td-model{height: 50px; vertical-align: middle; width: 50px; position: relative;}
.det-bot-pl .td-model:first-child{width: auto; padding: 0 10px;}
.det-bot-pl .td-model:first-child input{height: 34px; border-radius: 30px; border-color: #ddd;}
.det-bot-pl .td-model .mui-badge{position: absolute; top: 5px; right: 5px; padding: 2px 5px;}
.det-bot-ico{background:url(../w-images/det-bot-ico.png) no-repeat ; display: block; width: 26px; height: 26px; margin: 0 auto; background-size: 200%;}
.det-bot-ico3{background-position:0 0;}
.det-bot-ico2{background-position:0 -26px;}
.det-bot-ico1{background-position:0 -52px;}

.sharebox{background: #f4f4f4; border-top: 1px solid #e2e2e2; padding: 20px 10px;}
.sharebox li{width: 25%; float: left; text-align: center;}
.sharebox li .ico{display: block; margin: 0 auto; width: 40px; height: 40px; background: url("../w-images/share-icos.png"); background-size: 40px;}
.sharebox li .ico2{background-position-y: -40px;}
.sharebox li .ico3{background-position-y: -80px;}
.sharebox li .ico4{background-position-y: -120px;}
a.close-share{display: block; background: #fff; line-height: 45px; text-align: center; font-size: 16px; border-top: 1px solid #eee;}
a.sharebtn{display: block; line-height: 44px; padding-left: 10px;}
a.sharebtn img{width: 20px; height: 4px; margin: 0; position: relative; top: -4px;}
#unlike{background: #fff; text-align: center;}
#unlike h4{line-height: 40px; border-bottom: 1px solid #eee; background: #f7f7f7;}
#unlike li{padding: 0 20px;}
#unlike li a{display: block; line-height: 40px; border-bottom: 1px solid #eee; text-align: left;}
#unlike a.ok{line-height: 44px; display: block;}

.slideBox{ position:relative; overflow:hidden; margin:0 auto; }
.slideBox .hd{ position:absolute; height:28px; line-height:28px; bottom:0; right:0; z-index:1; }
.slideBox .hd li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff; text-indent:-9999px; overflow:hidden; margin:0 6px;   }
.slideBox .hd li.on{ background:#56d279;  }
.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{vertical-align:top; width:680px;height:440px}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* È¥µôÁ´½Ó´¥Ãþ¸ßÁÁ */
.slideBox .bd li .tit{ display:block; width:100%;  position:absolute; bottom:0; text-indent:10px; height:28px; line-height:28px; background:rgba(0,0,0,.4); color:#fff;  text-align:left;  }
.slideBox .bd .pic img{vertical-align:top; width:100%;height:240px}

.tag_a{border-style:solid; border-width:1px; border-color:green;color:green;padding:0px 3px 0px 3px;border-radius:3px 3px 3px 3px;}
.tag_a:link{color:green}

.bigtit{margin: 5px 10px;font-size: 14px;line-height: 16px;}
.bigpic img{width:100%;padding: 0 10px;max-height: 280px;}
.bigfoo{margin: 0 10px;border-bottom:1px solid #ddd;padding-bottom: 10px;margin-bottom: 10px;}
.bigfoo h5{font-size:12px;}
.bigfoo h5:nth-child(1){display:inline-block}
.bigfoo h5:nth-child(2){position: relative;right: 0;float: right;top: 4px;}

.list-box .td-model .pic .mui-pull-left{object-fit: cover;}