.page{background: #0f1010 url('../img/page.jpg') no-repeat center top; padding-top: 390px;}
.main{width: 820px; margin: 0 auto; background: #ececec url('../img/page_main.jpg') no-repeat center top; min-height: 600px; padding:40px 150px;}
.article_head{text-align: center; border-bottom: 1px solid #bdbdbe; padding-bottom: 20px; font-size: 18px; color: #32996d;}
.article_head h2{font-size: 32px; color: #000; line-height: 60px; margin-bottom: 10px;}
.article{color: #4c4c4c; font-size: 14px; line-height: 25px; padding: 20px 0;}
.article img{display: block; max-width: 100%;}
.gifts{background-image: url('../img/gifts.jpg'); background-repeat: no-repeat; background-size: auto 100%;}
.gifts_main{width: 1270px;}
.gifts_main .title{background-position: 0 -368px;}
.gifts_list{justify-content: space-between;}
.gifts_list .item{width: 420px; height: 320px; border: 1px solid #637a5c; background: rgba(7, 13, 1, .86);}
.gifts_head{height: 67px; line-height: 67px; background: url('../img/gifts_head.png') no-repeat; padding: 0 40px;}
.gifts_head p{font-size: 26px; background: linear-gradient(#6a9953, #d6f9c3); background-clip: text; -webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.gifts_ico{float: left;width: 44px; height: 44px; margin: 11px 17px 0 0;}
.gifts_head .g1{background-position: -392px -349px;}
.gifts_head .g2{background-position: -443px -349px;}
.gifts_head .g3{background-position: -494px -349px;}
.gifts_list .text{font-size: 16px; color: #d7d7d7; line-height: 1.6; margin: 30px 40px; height: 120px; overflow: hidden;}
.pop_gift .pop_main{border: 1px solid #637a5c; width: 600px;  margin: -100px 0 0 -300px; background: #0b0f07;}
.pop_gift .close{top: 10px;right: 10px;}
.pop_gift .pop_body{padding:50px 30px; text-align: center; font-size: 16px; color: #d7d7d7;}
.gift_text{margin-top: 20px;}
.gift_text input{width: 240px; height: 34px; border: 1px solid #839e7a; background: #000; padding: 0 20px; margin-right: 20px; color: #d7d7d7; outline: none; font-size: 16px;}
.gift_text .copy{display: inline-block; padding: 0 20px; line-height: 34px; background: #3c6550; border: 1px solid #839e7a; color: #f3fcdf; cursor: pointer;}
.receive{display: block; margin: 0 auto; height: 55px; width: 362px; background-position: 0 -465px;}
.receive:hover{background-position: 0 -529px;}
.type .item{color: #333; display: inline-block; padding: 10px 30px; margin-right: 30px; font-size: 18px;}
.type .cur{color: #32996d; border-bottom: 2px solid #32996d;}
.list{border-top: 1px solid #ccc; margin-top: 20px;}
.list li{border-bottom: 1px solid #ccc; padding: 5px 0; position: relative;}
.list li a{color: #333; line-height: 40px;}
.list li a:hover{color: #32996d;}
.list li .time{float: right; color: #999;}
.pages{text-align: center; padding:30px; color: #333;}
.pages a{display:inline-block; background: #ccc; color:#333; padding:3px 10px;margin:0 5px;}
.pages a.active,.pages a:hover{background:#32996d; color: #fff; text-decoration:none;}
@media screen and (max-width: 750px){	
    html,body{min-width: 100%;background: #212820;}
    .page{background: #212820 url('https://image.tanwan.com/m/yslz/img/detail.jpg') no-repeat center top / 100% auto;padding: 20px; height: 100%; background-attachment:fixed}
    .nav,.slide{display: none;}
    .main{width: 100%;padding: 0;background: transparent;}
    .article{color: #969676; font-size: 12px;text-align: justify;}
    .article_head{border-color: #434c45;padding-bottom: 10px;}
    .article_head h2{color: #fffede; line-height: 1.2; font-size: 18px; margin-bottom: 5px;}
    .article_head p{color: #84a48a; font-size: 12px; text-align: left;}
    .article_head .time{float: right;}
}