#list_page .banner{ text-align:center; height:500px;background:url(//s.tuguaishou.com/search_index/banner1.png) no-repeat; background-color:#FC575E; padding-top:1px;}
#list_page .banner .big_title{ font-size:64px;color:#FFFFFF;text-shadow:0px 2px 2px rgba(66, 0, 0, 0.59);margin-top:78px;}
#list_page .banner h1{ font-size:20px; padding-top:14px; color:#F9F6F6; text-align:center; font-weight:500; letter-spacing:3px; margin-bottom:1px; }
#list_page .banner .bg{ height:100%; }
#list_page .banner .banner-seek{ margin:0 auto; position:relative; width:930px; margin-top:29px; }
#list_page .banner .banner-seek .box-text{ height:68px; width:930px; 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:#FFFFFF; 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;color:#FF787E; }
#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 > span{ background:#FFFFFF; opacity:1; color:#666666; font-size:16px; height:36px; cursor:pointer; line-height:36px;display:block; }
#list_page .banner .banner-seek .seek-select .seek-select-list > span:hover{ background:#FF787E; opacity:1; font-size:16px;color:#FFFFFF; }
#list_page .banner .banner-seek .seek-select .seek-select-list > span.seek-select-color1{ border-radius:4px 4px 0 0; }
#list_page .banner .banner-seek .seek-select .seek-select-list > span.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:0px;width:930px; box-sizing:border-box; z-index:5; padding:12px 0 11px 0; background:#FFFFFF; border-radius:4px; font-size:0;}
#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:850px;}
#list_page .banner .banner-seek .input-pull-down li{ height:36px; width:100px;line-height:36px; font-size:16px; text-align:left; display:inline-block;}
#list_page .banner .banner-seek .input-pull-down li.new-li{background:rgba(255, 226, 228, 1);border-radius:4px; color:#FFFFFF;margin:7px 3px 0px 3px;}
#list_page .banner .banner-seek .input-pull-down li .down-link{ padding:0px; }
#list_page .banner .banner-seek .input-pull-down li .down-link .down-size{ padding:0px;width:100%; text-align:center; }
#list_page .banner .banner-seek .input-pull-down li:hover .down-link{ font-size:16px; padding:0}
#list_page .banner .banner-seek .input-pull-down .input-recently a{ margin-left:16px; }
#list_page #content{ }
#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 .big_title{ text-align:center; font-size:28px !important; color:#444444; letter-spacing:0.88px; margin:50px auto; position:relative;}
#list_page #content .big_title .kind_more{color:#666666;font-size:16px; position:absolute;top:10px;right:10px;}
#list_page #content .big_title .kind_more .iconfont{transform:rotate(-90deg);display:inline-block;}
#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 .album.more_album{background:url(//s.tuguaishou.com/search_index/more_album.png) no-repeat; background-size:100% 100%;}
#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; }
#list_page .input-pull-down li.new-li:hover span.down-size{color:#666666}
#list_page #recommend_kind .recommend_kind_box{width:290px;height:180px;background:rgba(255, 255, 255, 1);box-shadow:0px 2px 4px 0px rgba(192, 192, 192, 0.3);border-radius:4px;display:inline-block; text-align:center;padding:19px 0px;box-sizing:border-box;margin:57px 3px 0 3px;}
#list_page #recommend_kind .recommend_kind_box img{width:11px;height:13px;margin-right:5px;}
#list_page #recommend_kind .recommend_kind_box .title{font-size:18px;color:#444444;
}
#list_page #recommend_kind .recommend_kind_box .link_box{
    margin-top:5px;
}
#list_page #recommend_kind .recommend_kind_box .link_box li{
    width:48%; float:left;
    margin-top:10px; text-align:left;
    white-space: nowrap;
    padding:0 20px;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
#list_page .banner .banner-seek .input-pull-down li.new-li:nth-child(1n){background:#FFE2E4;}
#list_page .banner .banner-seek .input-pull-down li.new-li:nth-child(2n){
    background:#FFD5C6;
}
#list_page .banner .banner-seek .input-pull-down li.new-li:nth-child(3n){
    background:#D8EAFF;
}
#list_page .banner .banner-seek .input-pull-down li.new-li:nth-child(4n){
    background:#DCFFD0;
}
#list_page .banner .banner-seek .input-pull-down li.new-li:nth-child(5n){
    background:#E7D8FF;
}
#list_page .banner .banner-seek .input-pull-down li.new-li:nth-child(6n){
    background:rgba(220, 255, 208, 1);
}
#list_page .banner .banner-seek .input-pull-down li.new-li:nth-child(7n){
    background:#FFD5C6;
}
#list_page .banner .banner-seek .input-pull-down li.new-li:nth-child(8n){
    background:#E7D8FF;
}
.link_box li a:hover, #list_page #content .big_title .kind_more:hover{color:#FF787E;}
/*模板*/
#temple_box .temple{width:280px;height:auto;background:#FFFFFF;box-shadow:0 2px 2px 0 rgba(192, 192, 192, 0.51);border-radius:4px;display:inline-block;overflow:hidden;cursor:pointer; margin-right:21px;}
#temple_box .temple:nth-child(4n){margin-right:0;}
#temple_box .temple.heng{width:390px; margin:0 9px 10px 0;}
#temple_box .temple.heng:nth-child(3n){margin-right:0;}
#temple_box .temple .title{max-width:70%; float:left;height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#666666;letter-spacing:0.4px;line-height:40px;font-size:14px;width:370px;text-align:left;padding:0 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#temple_box .temple .img_box{width:100%;position:relative;}
#temple_box .temple .img_box img{width:100%;display:block;}
#temple_box .temple .title strong{font-weight:400;}
#temple_box .temple .img_box .mask{visibility:hidden;opacity:0;position:absolute;top:0;right:0;transition:all 0.5s;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;height:auto;background-color:rgba(0, 0, 0, 0.5);bottom:0;left:0;}
#temple_box .temple:hover .img_box .mask{opacity:1;visibility:visible; cursor:pointer;}
#temple_box .temple .img_box .mask .online_edit{display:block;width:70%;max-width:195px;height:46px;line-height:46px;color:#FFFFFF;background:linear-gradient(135deg, rgba(255, 84, 84, 1), rgba(255, 111, 131, 1), rgba(255, 125, 156, 1));border-radius:4px;position:absolute;bottom:26px;margin:0 auto;left:0;right:0;text-align:center;}
#temple_box .temple .img_box .mask .online_edit .iconfont{margin-right:5px;}
#temple_box .temple .img_box .mask .temple_fav{
    width:28px;
    height:28px;
    line-height:30px;
    position:absolute;
    top:18px;
    left:18px;
    border-radius:4px;
    background:#FFFFFF;
    box-sizing:border-box;
    text-align:center;
}
#temple_box .temple .img_box .mask .temple_fav.has_fav i{
    color:#FF787E;
}
#temple_box .temple .img_box .mask .temple_fav i{
    font-size:18px;
    color:#CCCCCC;
    cursor:pointer;
}
#temple_box .temple .img_box .mask .temple_detail{
    width:50px;
    height:28px;
    font-size:12px;
    color:#FFFFFF;
    line-height:28px;
    position:absolute;
    top:18px;
    right:18px;
    border-radius:4px;
    background:#FF787E;
    cursor:pointer;
    text-align:center;
}
#temple_box .temple .mob-list-classify{
    float:right;
    max-width:50px;
    height:40px;
    line-height:40px;
    text-align:center;
    color:#666666;
    padding-right:10px;
    font-size:14px;
}
.recommend_kind_box .color_bar{
    width:30px;
    height:4px;
    background:rgba(255, 120, 126, 1);
    border-radius:2px;
    margin:5px auto 0 auto;
    transition:all 0.2s;
}
.recommend_kind_box:nth-child(2) .color_bar{
    background:rgba(166, 182, 255, 1);
}
.recommend_kind_box:nth-child(3) .color_bar{
    background:rgba(255, 152, 115, 1);
}
.recommend_kind_box:nth-child(4) .color_bar{
    background:rgba(135, 230, 114, 1);
}
.recommend_kind_box:hover .color_bar{
    width:80px;
}