/* CSS Document By Millia 2017-08-16*/
@import url("http://www.jiaodong.net/inc/v2017/millia.css");
body{background:#f5f5f5;}
.millia{width:1000px;margin:0 auto;}
.millia1200{width:1200px;margin:0 auto;}

#see{background:url(http://www.jiaodong.net/news/yxjd/images/seebg.jpg) no-repeat top center;padding:20px 0;}
#beauty{background:url(http://www.jiaodong.net/news/yxjd/images/beautybg.jpg) no-repeat top center;padding:20px 0;}
#old{background:url(http://www.jiaodong.net/news/yxjd/images/oldbg.jpg) no-repeat top center;padding:8px 0 40px 0;}
#interest{background:url(http://www.jiaodong.net/news/yxjd/images/interestbg.jpg) no-repeat top center;padding:20px 0;}
#paint{background:url(http://www.jiaodong.net/news/yxjd/images/paintbg.jpg) no-repeat top center;padding:20px 0;}

#nav{color:#fff;position:fixed;right:1%;bottom:5%;}
#nav li{font-size:16px;line-height:30px;margin-bottom:5px;text-align:center;}
#nav a{color:#fff;display:block;padding:0 20px;background:#c8c8c8;}
#nav a:hover{background:#656565;text-decoration:none;}
#markbg{display:none;}

.seelist li{border:1px solid #dcdcdc;background:#fff;padding-bottom:20px;margin-top:30px;}
.seelist li a{display:block;position:relative;width:100%;height:auto;}
.seelist li h6{position:absolute;bottom:10%;left:5%;background:url(http://www.jiaodong.net/news/yxjd/images/seeimg.png) no-repeat bottom left;width:480px;padding:70px 0 0 120px;font-size:46px;font-weight:bold;color:#fff;min-height:60px;line-height:56px;}
.seelist li p{padding:20px 20px 0 20px;}

.seelist li h5{position:absolute;bottom:8%;right:0;background:url(http://www.jiaodong.net/news/yxjd/images/tag.png) rgba(0,0,0,.8) no-repeat left center;padding:10px 20px 10px 140px;font-size:36px;line-height:42px;font-weight:bold;color:#fff;border-radius:20px 0 0 20px;overflow:hidden;}
.seelist li h5 span{display:block;text-align:right;font-size:16px;line-height:20px;margin-top:10px;font-weight:normal;}

.page a{display:inline-block;padding:2px 8px;border:1px solid #ccc;color:#333;margin:0 2px 10px 2px;}
.page span{display:inline-block;}
.page span a{border:1px solid #333;color:#333;}
.page a:hover{text-decoration:none;background:#333;color:#fff;}

.beautylist li{padding:20px;border:1px solid #e6ebf0;background:#fff;margin-top:40px;}
.beautylist li img{width:960px;height:auto;display:block;margin-bottom:15px;}
.beautylist li a:hover{text-decoration:none;}

.oldlist{width:100%;overflow:hidden;}
.oldlist ul{float:left;width:103%;}
.oldlist li{float:left;width:30.1%;margin:3% 3% 0 0;background:#fff;box-shadow:0 0 10px #e6e6e6;padding-bottom:10px;border:1px solid #e6e6e6;}
.oldlist li img{width:100%;height:auto;display:block;margin-bottom:10px;}

.addmore a{background:url(http://www.jiaodong.net/news/yxjd/images/addmore.png) #fff no-repeat 42% center;padding:15px 0;font-size:20px;line-height:28px;display:block;text-align:center;color:#333;border:1px solid #ddd;}
.addmore a:hover{text-decoration:none;}

@media screen and (max-width:800px){
.millia,.millia1200{width:96%;}

#nav{position:fixed;top:1%;right:1%;box-sizing:border-box;z-index:999;display:block;padding-top:50px;}
#nav span{background:url(http://www.jiaodong.net/news/yxjd/images/navbg.png) rgba(187,62,0,0.8) no-repeat center center;width:46px;height:46px;border-radius:50%;display:block;position:absolute;right:0;top:0;}
#nav ul{display:none;position:absolute;right:0;top:50px;width:auto;}
#nav ul li{font:16px/30px "΢ÈíÑźÚ","ºÚÌå";width:100%;text-align:center;}
#nav ul li a{padding:5px 10px;display:block;white-space:nowrap;}
#markbg{width:100%;height:100%;background:rgba(0,0,0,0.6);position:fixed;left:0;top:0;z-index:998;display:none;}

#see img,#beauty img,#old img,#interest img,#paint img,.seelist li img,.beautylist li img,.oldlist li img{width:100%;height:auto;}
.seelist li h6,.seelist li h5{position:relative;color:#333;background:rgba(0,0,0,.3);font-size:1.8rem;line-height:2.2rem;padding:1rem 1.6rem;bottom:auto;left:0;width:100%;box-sizing:border-box;border-radius:0;}

.beautylist li{padding:.5rem;font-size:1.4rem;margin-top:1rem;}
.beautylist li img{margin-bottom:.5rem;}

.oldlist ul{width:100%;}
.oldlist li{width:100%;margin-top:2rem;font-size:1.4rem;box-sizing:border-box !important;}

.addmore a{background:none;}

}