#list_page .banner{ text-align:center; background:#001E61; height:300px; }
#list_page .banner h1{ font-size:32px; padding-top:36px; color:#F9F6F6; text-align:center; font-weight:500; letter-spacing:3px; margin-top:-282px; margin-bottom:50px; }
#list_page .banner .bg{ height:100%; }
#list_page .banner .banner-seek{ margin:0 auto; position:relative; width:800px; }
#list_page .banner .banner-seek .box-text{ height:68px; width:800px; line-height:68px; font-size:14px; text-indent:8px; border:none; background:rgba(255, 255, 255, 1); color:#333333; border-radius:4px; box-sizing:border-box; padding:0 128px 0 96px; }
#list_page .banner .banner-seek .box-text::-webkit-input-placeholder{ /* WebKit browsers */ color:#D4D4D4; }
#list_page .banner .banner-seek .seek-select{ width:96px; box-sizing:border-box; height:68px; line-height:68px; position:absolute; left:0px; font-size:14px; color:#666666; padding-left:23px; }
#list_page .banner .banner-seek .seek-select:after{ content:''; position:absolute; height:20px; width:1px; background:#D4D4D4;; top:24px; right:-1px; }
#list_page .banner .banner-seek .seek-select .seek-Selected{ font-size:16px; color:#666666; text-align:left; padding-left:0px; }
#list_page .banner .banner-seek .seek-select .seek-Selected > .iconfont{ display:inline-block; font-size:14px; vertical-align:1px; margin-left:10px; color:#666666; transition:transform 0.3s; }
#list_page .banner .banner-seek .box-btn{ position:absolute; right:0px; top:0px; height:68px; line-height:68px; width:128px; color:#FFFFFF; border:none; cursor:pointer; background:#FF787E; border-radius:0 4px 4px 0; }
#list_page .banner .banner-seek .box-btn:hover{ opacity:0.8;}
#list_page .banner .banner-seek .box-btn .iconfont{ font-size:30px; }
#list_page .banner .banner-seek .seek-select .seek-select-list{ z-index:9; display:none; left:0; top:68px; position:absolute; width:92px; text-align:center; background:none; border:none; padding-top:2px; }
#list_page .banner .banner-seek .seek-select .seek-select-list > li{ background:#FFFFFF; opacity:1; color:#666666; font-size:16px; height:36px; cursor:pointer; line-height:36px; }
#list_page .banner .banner-seek .seek-select .seek-select-list > li:hover{ background:#FF787E; opacity:1; color:#FFFFFF; font-size:16px; }
#list_page .banner .banner-seek .seek-select .seek-select-list > li.seek-select-color1{ border-radius:4px 4px 0 0; }
#list_page .banner .banner-seek .seek-select .seek-select-list > li.seek-select-color3{ border-radius:0 0 4px 4px; }
#list_page .banner .banner-seek .input-pull-down{ display:none; border:none; position:absolute; top:70px; left:97px; width:575px; box-sizing:border-box; z-index:5; padding:12px 0 11px 0; background:#FFFFFF; border-radius:4px; }
#list_page .banner .banner-seek .input-pull-down .input-recently{ height:36px; line-height:26px; color:#F25B4A; border-bottom:1px solid #FFEAE8; padding:0 40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:495px; }
#list_page .banner .banner-seek .input-pull-down li{ height:36px; line-height:36px; font-size:16px; text-align:left; display:block; }
#list_page .banner .banner-seek .input-pull-down li .down-link{ padding:0 40px; }
#list_page .banner .banner-seek .input-pull-down li:hover .down-link{ background:#FF787E; color:#FFFFFF; font-size:16px; }
#list_page .banner .banner-seek .input-pull-down .input-recently a{ margin-left:16px; }
#list_page #content{ padding-top:30px; }
#list_page #content .navigation{ width:740px; margin:0 auto; }
#list_page #content .navigation .kid2_mav{ width:160px; height:42px; font-size:14px; color:#666666; line-height:42px; text-align:center; background:#FFFFFF; box-shadow:0 2px 4px 0 rgba(152, 152, 152, 0.15); border-radius:4px; display:inline-block; margin:10px; }
#list_page #content .navigation .kid2_mav:hover{ background-color:#FF787E; color:#FFFFFF; box-shadow:0 2px 4px 0 rgba(152, 152, 152, 0.30); }
#list_page #content .tuijianzhuanji{ width:100%; text-align:center; font-size:28px !important; color:#444444; letter-spacing:0.88px; margin:20px 0 26px 0; }
#list_page #album_box{ width:1200px; margin:0 auto; }
#list_page #album_box .album{ width:280px; height:320px; float:left; margin:0 26px 26px 0; position:relative; border-radius:4px; }
#list_page #album_box .album .album_title{ position:absolute;top:0;width:220px;height:100%;font-size:24px;color:#FFFFFF;letter-spacing:2px;font-weight:600;text-shadow:0px 0px 4px rgba(0, 0, 0, 0.7);padding:0px 30px;display:flex;display:-webkit-flex;align-items:center;justify-content:center;z-index:1;}
#list_page #album_box:after{ content:''; clear:both }
#list_page #album_box .album:nth-child(4n){ margin:0 0 26px 0; }
#list_page #album_box .album img{ width:100%; height:100%; border-radius: 4px;}
#list_page #album_box .album .mask{ position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(0, 0, 0, .5); border-radius:4px; }
#list_page #album_box .album .album_namae{ position:absolute; top:0; width:220px; height:100%; font-size:24px; color:#FFFFFF; letter-spacing:2px; font-weight:600; text-shadow:0px 0px 4px rgba(0, 0, 0, 0.7); padding:0px 30px; display:flex; display:-webkit-flex; align-items:center; justify-content:center; }
#list_page #album_box .album .album_count{ position:absolute; bottom:20px; text-align:center; font-size:18px; color:#FFFFFF; letter-spacing:0; width:100%; }
#list_page #album_box .album .album_count .iconfont{ font-size:20px; margin-right:10px; vertical-align:-1px; }
#list_page #album_box .album .shouc-btn{ position:absolute; top:15px; left:15px; width:26px; height:26px; line-height:26px; background:#FFFFFF; border:1px #FFFFFF solid; z-index:1; border-radius:4px; text-align:center; display:none; }
#list_page #album_box .album:hover .shouc-btn{ display:block; }
#list_page #album_box .album .shouc-btn .iconfont{ color:#B3B3B3; font-size:18px; }
#list_page #album_box .album .shouc-btn.check .iconfont{ color:#FF787E; font-size:18px; }
#list_page #album_box .album .shouc-btn.hide{ display:none; }

/*详情页*/
#intro_box{ margin:100px auto 24px auto; width:1200px; height:108px; background:#FFFFFF; box-shadow:0 2px 4px 0 rgba(152, 152, 152, 0.15); padding:25px 40px; box-sizing:border-box; position:relative; }
#intro_box .intro_title{ font-size:24px; color:#444444; letter-spacing:0; margin-bottom:4px; }
#intro_box .intro_count{ font-size:14px; color:#B5BDC2; letter-spacing:0; }
#intro_box .album_fav{ width:120px; height:42px; background:#FF787E; border-radius:4px; font-size:14px; color:#FFFFFF; letter-spacing:0; display:block; line-height:42px; text-align:center; position:absolute; top:31px; right:48px; cursor:pointer }
#intro_box .album_fav:hover{ opacity:0.8; }
#intro_box .album_fav.cancel{ background:#cbcbcb; }
#masonry .box{ width:280px; box-shadow:0 2px 4px 0 rgba(152, 152, 152, 0.50);position:relative; }
#masonry .box .min-img{ min-height:0px; width:100%; }
#masonry .box .shouc-btn, #masonry .box .downloadBtn{ width:28px; height:28px; line-height:28px; margin:15px 0 0 15px; background:#FFFFFF; border-radius:4px; border:1px solid #FFFFFF; box-sizing:border-box; position:relative; z-index:1; }
#masonry .box .downloadBtn{ margin-left:10px; }
#masonry .box .shouc-btn > i, #masonry .box .downloadBtn > i{ font-size:18px; }
#masonry .box .top-btn > .shej-btn{ width:50px; height:28px; line-height:28px; background:#FF787E; border-radius:4px; font-size:12px; color:#FFFFFF; letter-spacing:1px; text-align:center; margin:15px 15px 0 0; position:relative; z-index:1; }
#masonry .box .open-detail{display:block;}
#masonry .box .open-detail strong{font-weight:400; color:#666666;}
#masonry .box a{ cursor:pointer; }
#masonry .box .shouc-btn.checked > i{ color:#FF787E }
#masonry .box p{ width:220px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#666666; letter-spacing:0.4px; }
#masonry .box .mob-list-classify{ font-size:14px; }
#masonry{ min-height:600px; }
#gengxin{ width:100%; text-align:center; color:#B5BDC2; font-size:14px; padding:30px 0px; display:none; }
#masonry .box .top-btn{ height:auto; background-color:rgba(0, 0, 0, 0.5); bottom:40px; left:0;  border-radius: 4px 4px 0 0;}
#masonry .box .top-btn .detail{ position:absolute; top:0; bottom:0; left:0; right:0; }