@font-face{font-family:Kadwa;src:url(/static/font/Kadwa-Regular.ttf)}*{font-family:Kadwa,sans-serif;margin:0;padding:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}li{list-style:none}a{color:#333;text-decoration:none}body{background:url(/static/img/bg.png) no-repeat;background-position:50%;background-size:100% 100%;color:#665a51;min-height:100vh}.header-box{height:129px;position:relative;z-index:2}.header-box .header-content{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:10px 0;width:100%}.header-box .header-content .icon-caidan{display:none}.header-box .header-content .menu{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:17px}.header-box .header-content .menu .menu-item{margin-left:15px;position:relative}.header-box .header-content .menu .menu-item .icon-menu{color:#eb7400;font-size:30px}.header-box .header-content .menu .menu-item .menu-text{color:#fff;color:#1e0c0d;font-family:Inter;font-size:13px;font-weight:400;left:0;line-height:32px;position:absolute;text-align:center;top:0;width:100%}.header-box .header-content .menu .menu-item:first-child .icon-menu{color:#f0c044}.header-box .header-content .menu .menu-item:nth-child(2) .icon-menu{color:#d3c34f}.header-bg{background:url(/static/img/header.png);background-size:auto 100%}footer{color:#fcf5db;font-family:Inter;font-size:14px;font-weight:500}footer .footer-box{position:relative}footer .footer-box .footer-img{vertical-align:bottom;width:100%}footer .footer-box .footer-menu{color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-family:PingFang SC;font-size:13px}footer .footer-box .footer-menu .right-item{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;margin-right:72px;padding:20px 0}footer .footer-box .footer-content{bottom:0;left:50%;max-width:1200px;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%);width:100%}footer .copyright-box{background:#016a13;font-size:16px}footer .copyright-box .copyright{margin:0 auto;max-width:1200px;padding:20px 0;width:100%}section.container .grade-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}section.container .grade-box .iconfont{color:#ec7f00;font-size:20px;margin-right:5px}section.container .title-box{text-align:center}section.container .title-box .title-img{height:32px;vertical-align:bottom}section.container .title-box .title-text{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}section.container .title-box .title-text .icon-left{height:10px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}section.container .title-box .title-text .icon-right{height:10px}section.container .title-box .title{-webkit-text-fill-color:transparent;background:-webkit-gradient(linear,left top,left bottom,from(#665a51),to(#eddfd4));background:linear-gradient(180deg,#665a51,#eddfd4);-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:400;line-height:30px;padding:0 8px}section.container .banner-box{margin-top:-129px;position:relative;z-index:1}section.container .banner-box .banner{width:100%}section.container .banner-box .banner-title-box{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}section.container .banner-box .banner-title-box .banner-title{width:100%}section.container .banner-box .banner-title-box .title-content{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;justify-content:center;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50%}section.container .banner-box .banner-title-box .title-content .title{color:#b3301c;font-size:60px;font-weight:700;line-height:70px;text-align:center}section.container .banner-box .banner-title-box .title-content .sub-title{color:#1e0c0d;font-size:30px;font-weight:400;line-height:32px;text-align:center}section.container .tag-list{grid-gap:16px;display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1088px;padding:24px 0 55px;width:100%}section.container .tag-list .tag{position:relative}section.container .tag-list .tag .tag-img{vertical-align:bottom;width:100%}section.container .tag-list .tag p{color:#f7eddb;font-size:16px;left:50%;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}section.container .item-list{grid-gap:30px 23px;display:grid;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;padding:24px 0 55px;width:100%}section.container .item{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff7ea));background:linear-gradient(180deg,#fff,#fff7ea);border:4px solid #c48464;border-radius:16px;-webkit-box-shadow:0 10px 10px 0 rgba(102,90,81,.29);box-shadow:0 10px 10px 0 rgba(102,90,81,.29);padding:8px;position:relative}section.container .item a{display:block}section.container .item .item-img-box{border-radius:8px;height:280px;overflow:hidden;position:relative;text-align:center;width:100%;z-index:2}section.container .item .item-img{border-radius:8px;height:100%;left:50%;overflow:hidden;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);vertical-align:bottom;z-index:1}section.container .item .name{background-color:#665a51;border-radius:8px 0 0 8px;color:#fff;font-size:20px;font-weight:500;height:48px;left:-22px;line-height:32px;margin:11px 0 8px;padding:9px 0 9px 22px;position:relative;width:calc(100% + 30px)}section.container .item .grade-share{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 4px}section.container .item .grade-share,section.container .item .grade-share .grade-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}section.container .item .grade-share .grade-box .iconfont{color:#ec7f00;margin-right:2px}section.container .item .grade-share .icon-share{color:#1e0c0d;font-size:24px}section.container .item .tag-box{background:url(/static/img/tag.png) no-repeat;background-size:100%;font-size:16px;font-weight:500;height:32px;left:0;line-height:32px;position:absolute;text-align:center;top:20px;width:64px;z-index:3}section.container .tags-list{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center;margin-top:22px}section.container .tags-list .tag-item{border:1px solid #c1b4aa;border-radius:20px;color:#6f6259;font-size:12px;height:30px;line-height:30px;margin-left:40px;padding:0 16px}section.container .tags-list .tag-item:first-child{margin-left:0}section.container .detail-box,section.container .top-list{margin:0 auto;max-width:1200px;padding-top:40px;width:100%}section.container .detail-box .top-item,section.container .top-list .top-item{background:-webkit-gradient(linear,left bottom,left top,from(#fff7ea),to(#fff));background:linear-gradient(0deg,#fff7ea,#fff);border:4px solid #f1e2c7;border-radius:12px;color:#665a51;display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:20px;padding:20px}section.container .detail-box .top-item .top-left .chat,section.container .top-list .top-item .top-left .chat{background:url(/static/img/chat.png) no-repeat;background-size:100%;font-family:Inter;font-size:10px;font-weight:700;height:52px;margin-bottom:13px;padding-top:14px;text-align:center;width:52px}section.container .detail-box .top-item .desc,section.container .top-list .top-item .desc{font-family:Inter;font-size:14px;line-height:20px}section.container .detail-box .top-item .top-right,section.container .top-list .top-item .top-right{padding-left:55px}section.container .detail-box .top-item .top-right .chat-img,section.container .top-list .top-item .top-right .chat-img{border-radius:8px;margin-top:20px;vertical-align:bottom}section.container .detail-box .top-item .top-right .name-box,section.container .top-list .top-item .top-right .name-box{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}section.container .detail-box .top-item .top-right .name-left .name,section.container .top-list .top-item .top-right .name-left .name{font-size:20px;font-weight:700;line-height:30px}section.container .detail-box .top-item .top-right .name-left .tag-list-chat,section.container .top-list .top-item .top-right .name-left .tag-list-chat{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;padding:4px 0 10px}section.container .detail-box .top-item .top-right .name-left .tag-chat,section.container .top-list .top-item .top-right .name-left .tag-chat{border:1px solid #c1b4aa;border-radius:11px;font-family:Inter;font-size:12px;font-weight:400;height:22px;line-height:22px;margin-right:10px;padding:0 15px}section.container .detail-box .top-item .top-right .icon-share,section.container .top-list .top-item .top-right .icon-share{font-size:24px}section.container .detail-box .top-item .top-right{padding-left:30px}section.container .detail-box .top-item .top-right .btn-box{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:flex-end;margin-top:58px}section.container .detail-box .top-item .top-right .btn-box .btn{background:#eb7400;border-radius:8px;color:#fff;display:block;font-family:Inter;font-size:13px;font-weight:700;height:40px;line-height:40px;text-align:center;width:120px}section.container .detail-box .top-item .top-left .chat-img{border-radius:8px;max-width:554px;vertical-align:bottom;width:100%}section.container .detail-container{margin:0 auto;max-width:960px;width:100%}section.container .detail-container .detail-info{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}section.container .detail-container .detail-info .name{color:#1d0e10;font-size:30px}section.container .detail-container .grade-box{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}section.container .detail-container .grade-box .icon-share{color:#665a51;font-size:24px;margin-left:17px}section.container .detail-container .detail-img{border-radius:8px;margin-bottom:16px;vertical-align:bottom;width:100%}section.container .detail-container .text{font-size:18px;font-weight:400;line-height:24px;margin-bottom:40px}section.container .swiper-container{background:#f1e2c7;border-radius:12px;margin:50px auto;max-width:1200px;padding:30px;width:100%}section.container .swiper-container .swiper-slide{width:24%}section.container .share-box{position:relative;z-index:10}section.container .share-box:hover{cursor:pointer}section.container .share-box:hover .share{display:-webkit-box;display:-ms-flexbox;display:flex}section.container .share-box .share{background-color:#fff9ed;background:url(/static/img/share-bg.png) no-repeat;background-size:100%;display:none;position:absolute;right:-20px;top:-68px;z-index:20}section.container .share-box .share .share-img{height:49px;vertical-align:bottom}section.container .share-box .share .facebook,section.container .share-box .share .twitter{color:#000;font-family:Inter;font-size:8px;font-weight:500;padding:10px;text-align:center}.about-box{margin:0 auto;max-width:1200px;padding:20px;width:100%}.about-box ul{padding-left:50px}.about-box li{list-style:disc}.about-box li a{color:#c48464;text-decoration:underline}.ad-main{margin:0 auto;max-width:1200px;min-height:280px;width:100%}.ad-main p{color:#999;font-size:12px;padding:4px;text-align:center}@media screen and (max-width:1100px){section.container .grade-box .iconfont{font-size:16px}section.container .banner-box .banner-title-box{width:70%}section.container .banner-box .banner-title-box .title-content .title{font-size:50px}section.container .banner-box .banner-title-box .title-content .sub-title{font-size:22px}}@media screen and (max-width:767px){.header-box{height:80px}.header-box .header-content{height:100%;padding:0 20px;position:relative}.header-box .header-content .icon-caidan,.header-box .header-content .menu{display:none}.header-box .header-content .logo-box{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}section.container .detail-container{padding:0 10px}section.container .detail-container .detail-img{width:100%}section.container .detail-container .detail-info .name{font-size:22px}section.container .banner-box{height:350px;margin-top:-80px;overflow:hidden;text-align:center}section.container .banner-box .banner{height:100%;width:auto}section.container .banner-box .banner-title-box{width:90%}section.container .banner-box .banner-title-box .title-content{width:80%}section.container .banner-box .banner-title-box .title-content .title{font-size:40px;line-height:48px}section.container .banner-box .banner-title-box .title-content .sub-title{font-size:20px;line-height:22px}section.container .grade-box .iconfont{font-size:14px}section.container .swiper-container .swiper-slide{width:55%}section.container .tags-list{-ms-flex-pack:distribute;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-around}section.container .tags-list .tag-item{margin-bottom:10px;margin-left:0;text-align:center}section.container .item-list,section.container .tag-list{grid-gap:10px;grid-template-columns:repeat(2,1fr);padding:24px 8px 55px}section.container .tag-list .tag p{font-size:13px}section.container .title-box .title{font-size:26px}section.container .item .name{font-size:16px}section.container .detail-box .top-item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}section.container .detail-box .top-item .top-left .chat-img{margin-bottom:20px}section.container .detail-box .top-item .top-right{padding-left:0}section.container .top-list .top-item{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}section.container .top-list .top-item .top-right{padding-left:0}section.container .top-list .top-item .top-right .chat-img{margin-bottom:20px;width:100%}footer .footer-box{height:450px;margin-top:50px;position:relative}footer .footer-box .footer-img{bottom:0;position:absolute}footer .footer-box .footer-content{color:#1d0e10;padding:0 10px}footer .footer-box .footer-menu{-ms-flex-pack:distribute;justify-content:space-around}footer .footer-box .footer-menu .right-item{margin-right:0;padding:8px 0}}