.bg-contain{background-size:contain;-webkit-background-size:contain}.bg-cover{background-size:cover;-webkit-background-size:cover}.flex-h{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}.container{padding-top:15px}.container .nav--title a{color:#666}.container .nav--title a:hover{color:#ff7385}.container .nav--title a:hover h2,.container .nav--title a:hover h3,.container .nav--title a:hover h4{color:#ff7385}.container .nav--title h1,.container .nav--title h2,.container .nav--title h3,.container .nav--title h4{color:#666;display:inline;font-size:13px}.container--center{width:1180px;margin:0 auto}.work--category-box{width:280px;min-height:675px;padding-right:20px}.work--category-box .side--wrap{width:300px}.work--category-box .side--wrap.fixed{position:fixed;top:70px}.work--category-box .side--wrap.ab{position:absolute;top:auto;bottom:930px}.work--category-box .side--wrap .work--category h2{color:#2f2f2f;font-size:16px;font-weight:bold}.work--category-box .side--wrap .work--category .category--list{padding:10px 0 30px;width:160px}.work--category-box .side--wrap .work--category .category--list .category--item{width:76px;display:inline-block}.work--category-box .side--wrap .work--category .category--item{position:relative;line-height:2}.work--category-box .side--wrap .work--category .category--item h3{display:inline-block;color:#2f2f2f;font-size:13px}.work--category-box .side--wrap .work--category .category--item:hover h3{color:#fc5066}.work--category-box .side--wrap .work--category .category--item .xt--icon{position:absolute;top:50%;margin-top:-8px;width:18px;height:18px;line-height:20px}.work--category-box .side--wrap .work--category .category--item.active h3{color:#ff7385}.work--category-box .side--wrap .work--category .category--item.active .iconfont{font-size:18px;color:#ff7385}.work--category-box .side--wrap .work--category .category--item.invalid{color:#ccc}.work--category-box .side--wrap .work--category .category--item.invalid h3{color:#ccc}.work--category-box .side--wrap .work--category .category--item.invalid.true h3{color:#ff7385}.work--category-box .side--wrap .work--category .category--item.invalid.true .iconfont{font-size:18px;color:#ff7385}.main--wrap{width:880px;min-height:800px}.main--wrap .work--tags{line-height:50px;color:#4d4b4b;font-size:16px}.main--wrap .work--tags .work--tag{position:relative;display:inline-block;height:24px;line-height:22px;padding:0 22px 0 10px;border-radius:12px;border:solid 1px #979797;color:#2f2f2f;font-size:13px;margin:0 0 0 6px}.main--wrap .work--tags .work--tag h2{color:#2f2f2f;font-size:13px}.main--wrap .work--tags .work--tag .xt--icon{position:absolute;top:50%;right:5px;width:16px;height:16px;margin-top:-8px;line-height:16px;cursor:pointer}.main--wrap .work--tags .work--tag .xt--icon .iconfont{color:#666}.main--wrap .work--tags .tag--clear{margin-left:15px;font-size:13px;color:#2f2f2f}.main--wrap .work--tags .tag--clear .iconfont{padding-right:5px;font-size:15px;color:inherit}.main--wrap .work--tags .tag--clear:hover{color:#ff7385}.main--wrap .work--tags .list--recommend{float:right;width:160px;height:50px;line-height:50px}.main--wrap .work--tags .recommend--item{color:#999}.main--wrap .work--tags .recommend--item:hover{color:#2f2f2f}.main--wrap .work--tags .recommend--item.cur{color:#2f2f2f}.main--wrap .recommend--no{position:relative;width:100%;height:210px}.main--wrap .recommend--no .recommend--no-img{position:absolute;top:30px;left:50%;margin-left:-250px;width:150px;height:150px}.main--wrap .recommend--no .recommend--no-text{position:absolute;top:30px;left:50%;margin-left:-50px;height:150px;text-align:left}.main--wrap .recommend--no .recommend--no-title{font-size:18px;color:#3d3d3d;letter-spacing:1px}.main--wrap .recommend--no-content{margin-top:45px;font-size:16px;color:#808080;line-height:29px;letter-spacing:1px}.main--wrap .work--list{padding-bottom:10px}.main--wrap .work--list .work--item{position:relative;margin-top:10px;margin-bottom:10px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.main--wrap .work--list .work--item img{width:100%;height:100%}.main--wrap .work--list .work--item .work--item-title{position:absolute;bottom:0;left:0;width:100%;padding:20px;z-index:1;background-color:#333;background:-webkit-linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);background:linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%)}.main--wrap .work--list .work--item .work--item-title h4{color:#fff;font-size:18px;font-weight:bold}.main--wrap .work--list .work--item .work--item-title h3{color:#fff;font-size:14px}.main--wrap .work--list .work--item .work--item-title .work--item-hover{position:absolute;top:-10px;left:-10px;width:100%;height:100%;border:10px solid #fff;box-sizing:content-box;opacity:0}.main--wrap .work--list .work--item .work--item-title .work--item-hover .work--item-like{padding:16px 17px 16px 20px;text-align:right;color:#fff;font-size:14px}.main--wrap .work--list .work--item .work--item-title .work--item-hover .work--item-info{position:absolute;bottom:0;left:0;width:100%;padding:16px 17px 16px 20px}.main--wrap .work--list .work--item .work--item-title .work--item-hover .work--item-info img{width:46px;height:46px;border-radius:100px;vertical-align:middle}.main--wrap .work--list .work--item .work--item-title .work--item-hover .work--item-info .work--item-author{display:inline-block;height:46px;line-height:46px;padding-left:10px;vertical-align:middle;color:#fff}.main--wrap .work--list .work--item .work--item-title .work--item-hover .work--item-info .work--item-tags{color:#fff;font-size:14px;height:46px;line-height:46px}.main--wrap .work--list .work--item:hover .work--item-title{height:100%;background:-webkit-linear-gradient(rgba(0,0,0,0.5) 0,rgba(0,0,0,0.5) 100%);background:linear-gradient(rgba(0,0,0,0.5) 0,rgba(0,0,0,0.5) 100%)}.main--wrap .work--list .work--item:hover .work--item-title h3,.main--wrap .work--list .work--item:hover .work--item-title h4{opacity:0}.main--wrap .work--list .work--item:hover .work--item-title .work--item-hover{opacity:1;box-shadow:0 0 13px 0 rgba(0,0,0,0.22)}.main--wrap .work--list .work--item:hover .recommend{opacity:0}.main--wrap .work--list .work--item:hover .trip--item-link .trip--link-btn{background-color:#fff}.main--wrap .work--list .work--item:hover .trip--item-link.trip--item0 .trip--link-btn{color:#5caecc}.main--wrap .work--list .work--item:hover .trip--item-link.trip--item0 .trip--link-btn .iconfont{color:#5caecc}.main--wrap .work--list .work--item:hover .trip--item-link.trip--item1 .trip--link-btn{color:#e6c57a}.main--wrap .work--list .work--item:hover .trip--item-link.trip--item1 .trip--link-btn .iconfont{color:#e6c57a}.main--wrap .work--list .work--item:hover .trip--item-link.trip--item2 .trip--link-btn{color:#9177a6}.main--wrap .work--list .work--item:hover .trip--item-link.trip--item2 .trip--link-btn .iconfont{color:#9177a6}.main--wrap .work--list .work--item:hover .trip--item-link.trip--item3 .trip--link-btn,.main--wrap .work--list .work--item:hover .trip--item-link.trip--item-hongkong .trip--link-btn{color:#83ccb6}.main--wrap .work--list .work--item:hover .trip--item-link.trip--item3 .trip--link-btn .iconfont,.main--wrap .work--list .work--item:hover .trip--item-link.trip--item-hongkong .trip--link-btn .iconfont{color:#83ccb6}.main--wrap .work--list .work--item:hover .trip--item-link.trip--item4 .trip--link-btn{color:#55c0d2}.main--wrap .work--list .work--item:hover .trip--item-link.trip--item4 .trip--link-btn .iconfont{color:#55c0d2}.main--wrap .work--list .work--item .trip--item-link{display:block;width:100%;height:100%;padding:44px 40px;text-align:center}.main--wrap .work--list .work--item .trip--item-link .trip--link-icon{display:inline-block;width:100%}.main--wrap .work--list .work--item .trip--item-link .trip--link-icon .iconfont{font-size:33px;color:#fff}.main--wrap .work--list .work--item .trip--item-link .trip--link-name{display:inline-block;color:#fff;font-size:24px;font-weight:bold}.main--wrap .work--list .work--item .trip--item-link .trip--link-name strong{font-size:36px;font-weight:bold;display:inline-block;width:100%}.main--wrap .work--list .work--item .trip--item-link .trip--link-btn{display:inline-block;width:142px;height:40px;margin-top:18px;line-height:38px;border-radius:100px;border:solid 1px #fff;color:#fff;-webkit-transition:all .1s linear;-moz-transition:all .1s linear;-ms-transition:all .1s linear;-o-transition:all .1s linear;transition:all .1s linear}.main--wrap .work--list .work--item .trip--item-link .trip--link-btn .iconfont{color:#fff}.main--wrap .work--list .work--item .trip--item-link.trip--item0{background-color:#5caecc}.main--wrap .work--list .work--item .trip--item-link.trip--item1{background-color:#e6c57a}.main--wrap .work--list .work--item .trip--item-link.trip--item2{background-color:#9177a6}.main--wrap .work--list .work--item .trip--item-link.trip--item3{background-color:#83ccb6}.main--wrap .work--list .work--item .trip--item-link.trip--item4{background-color:#55c0d2}.main--wrap .work--list .work--item .recommend{position:absolute;top:0;right:0;width:0;border:45px solid transparent;border-top-color:#000;border-right-color:#000}.main--wrap .work--list .work--item .recommend .xt--icon{position:absolute;top:-32px;left:-8px;width:20px}.main--wrap .work--list .work--item .recommend .xt--icon .iconfont{color:#fecb33;font-size:20px}.main--wrap .work--list .work--item .recommend .recommend--txt{position:absolute;top:-32px;left:15px;display:inline-block;width:30px;line-height:1.17;color:#fff;font-size:12px}.main--wrap .loading--box{width:880px;height:60px;padding:10px 0;opacity:.57;-ms-filter:alpha(opacity=57);filter:alpha(opacity=57);background-color:#e3e3e3;text-align:center}.main--wrap .loading--box span{width:33px;height:23px;display:inline-block;background:url(http://7xj87h.com1.z0.glb.clouddn.com/v4/loading.png) center no-repeat}.main--wrap .page--nav{padding:50px 0;text-align:center;line-height:30px}.main--wrap .page--nav .list--page{display:inline-block;height:30px;color:#c5c5c5;margin:0 2px}.main--wrap .page--nav .list--page.curPage{color:#2f2f2f}.main--wrap .page--nav .list--page.none{display:none}.main--wrap .page--nav .list--page:hover{color:#2f2f2f}.main--wrap .page--nav .dot{display:inline-block;border:0;line-height:30px;width:20px;cursor:default}.main--wrap .page--nav .total--page{font-size:14px;padding-left:20px}.news--wrap{padding:40px 0;background-color:#f2f2f2;font-size:0}.news--wrap .wrap--center{width:1180px;margin:0 auto}.news--wrap .news--splendid-list .news--splendid{display:inline-block;width:580px;height:180px;position:relative;padding:0 20px;background-size:cover;background-repeat:no-repeat;background-position:center;overflow:hidden}.news--wrap .news--splendid-list .news--splendid .news--spd-bg{width:100%;height:100%;position:absolute;top:0;left:0;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}.news--wrap .news--splendid-list .news--splendid .news--spd-bg.news--spd-bg-580{display:block}.news--wrap .news--splendid-list .news--splendid .news--spd-bg.news--spd-bg-470{display:none}.news--wrap .news--splendid-list .news--splendid .news--spd-title{width:50%;position:absolute;bottom:37px;font-size:18px;font-weight:bold;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.news--wrap .news--splendid-list .news--splendid .news--spd-content{position:relative;top:150px;font-size:14px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.news--wrap .news--splendid-list .news--splendid:first-of-type{margin-right:20px}.news--wrap .news--splendid-list .news--splendid:hover .news--spd-bg{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}.news--wrap .news--list{width:100%;margin-top:20px}.news--wrap .news--list .news--item{width:580px;display:inline-block;font-size:18px;color:#2f2f2f;line-height:2.5;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.news--wrap .news--list .news--item:hover{color:#ff7385}.news--wrap .news--list .news--item a{font-size:inherit;color:inherit}.news--wrap .news--list .news--item:before{content:'';display:inline-block;width:20px;height:10px;position:relative;top:-2px;box-sizing:border-box;border-top:solid 5px transparent;border-bottom:solid 5px transparent;border-left:solid 10px #ff7385;border-right:solid 10px transparent}.news--wrap .news--list .news--item.news--item-odd{margin-right:20px}.asks--wrap{margin-bottom:40px;background-color:#fff}.wrap--title{font-size:30px;color:#333;padding-bottom:20px;overflow:hidden}.wrap--title h2{float:left;font-size:30px;color:#333}.wrap--title .title--en{float:left;padding-left:10px;padding-top:6px;font-size:12px;display:inline-block;color:#333}.wrap--title span{color:#999}.wrap--title a.more{float:right;margin-top:18px;font-size:16px;color:#333}.wrap--title a.more .iconfont{font-size:14px;color:#333}.wrap--title a.more:hover{color:#ff7385}.wrap--title a.more:hover .iconfont{color:#ff7385}@media screen and (max-width:1200px){.container--center{width:960px}.work--category-box{width:240px}.work--category-box .side--wrap{width:240px}.main--wrap{width:720px;min-height:720px}.main--wrap .loading--box{width:720px}.news--wrap .news--splendid-list .news--splendid{width:470px}.news--wrap .news--splendid-list .news--splendid .news--spd-bg.news--spd-bg-580{display:none}.news--wrap .news--splendid-list .news--splendid .news--spd-bg.news--spd-bg-470{display:block}.news--wrap .news--list .news--item{width:470px}}