.wrap{background:#090d1a url('../images/p1.jpg') no-repeat center top;}
.inside{background: url('../images/inside.jpg') no-repeat center 1080px; padding-top: 712px; padding-bottom: 20px;}
.side{position: absolute; left: 0; top: -4px; color: #cfcfcf; text-align: center; width: 253px; height: 444px; background: url('../images/side.png') no-repeat; overflow: hidden;}
.side_tit{font-size: 26px; padding-top: 42px;}
.side .qrcode{width: 178px; height: 178px; border: 1px solid #3d475d; margin: 25px auto 20px;}
.side .qrcode img{display: block;}
.side p{font-size:20px; font-weight: normal;}
.service_link{display: inline-block; margin-top: 12px; width: 196px; height: 58px; background: url('../images/kf_btn.jpg') no-repeat ; font-size: 0;}
.service_link:hover{background-position: left bottom;}
.part{margin-left: 275px; background: #0f182b; min-height: 600px; border: 1px solid #101f54;}
.pt{height: 60px; line-height: 60px; overflow: hidden; background: #0e132f; background-image: linear-gradient(top,#070a1f,#161d42);background-image: -webkit-linear-gradient(top,#070a1f,#161d42); padding: 0 20px; color: #b0b0b1;}
.pt .back{display: none;}
.pt h3{float: left; font-size:24px;  color: #dcb577;}
.pt h3 span{color: #b8b8b8; font-size: 16px;position: relative; padding-left: 8px; font-weight: normal; display: inline-block; margin-left: 8px; text-transform:uppercase;}
.pt h3 span::before{content: ''; position: absolute; bottom: 23px; left: 0; width: 1px; height: 12px; background: #7c6a61; transform: rotate(10deg);}
.pt .site{float: right; font-family: "Microsoft YaHei";}
.pt .site a{color: #b0b0b1;}
.content{padding: 26px; font-family: "Microsoft YaHei";}
.type{border-bottom: 1px solid #41444e; margin-bottom: 14px;}
.type a{display: inline-block; font-size: 20px; color: #b8b8b8; line-height:50px; width: 120px; position: relative; text-align: center; margin-right: 10px;}
.type .cur{color: #cfa35c; font-weight: bold;}
.type .cur::before{content: '';bottom: -1px;left: 0;width: 120px;position: absolute;height: 9px;background: url('../images/news_link2.png') no-repeat;}
.list li{height: 50px; line-height: 50px; border-bottom: 2px dashed #161c34; font-size: 15px;}
.list .title{width: 750px; float: left; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; color: #827569;}
.list .title:hover{color: #dcb577;}
.list .time{float: right; color: #827569;}
.page{margin:40px auto;text-align:center;line-height: 32px; color: #545454;}
.page a{display:inline-block; border:1px solid #969696; color:#969696; padding:0 10px;margin:0 5px;}
.page a.active,.page a:hover{border-color:#febb23;text-decoration:none;color: #cca140;}
.ct{margin:0 30px 20px; border-bottom: 1px solid #252a34; text-align: center;}
.ct h2{font-size: 22px; color: #b8b8b8; line-height: 1.2;}
.ct p{color: #b8b8b8;}
.article{color: #b8b8b8; line-height: 30px; padding: 15px 30px;}
.article img{display: block; max-width: 100%;}

.gift li{float: left;margin:0 6px 10px; width: 246px; padding: 15px; background: #091639; border: 1px solid #757575; color: #b8b8b8;}
.gift .gt{font-size: 18px; margin-bottom: 10px;}
.gift .desc{font-size: 14px; line-height: 18px;height: 54px; overflow: hidden; margin-bottom: 10px;}
.gift .status{line-height: 30px; color: #dcb577; margin-top: 5px;}
.gift .status a{float: right; width: 90px; text-align: center;box-shadow: 0px -4px 10px #ca8c41 inset; border-top: 1px solid #c23b07; background: #6b1807; background-image: linear-gradient(top,#702305,#ba773a);background-image: -webkit-linear-gradient(top,#702305,#ba773a); color: #fff;}
.gift .complete{color: #776d6e;}
.gift .complete a{background: #999; border-color: #999; color: #292123; box-shadow: none;}
.pop{position:fixed;top:0;left:0;width:100%;height:100%;z-index:101;background:rgba(0,0,0,.7);display:none}
.pop_main{background: #0a1838; border: 2px solid #757575; width: 640px; position: fixed;left: 50%;top: 30%; margin-left: -320px;}
.pop .close{position:absolute;top:-5px;right:-51px;width:46px;height:46px;cursor:pointer;background:#0c0f1e url('../images/close.png') no-repeat center / 24px;}
.pop_body{padding: 20px; text-align: center; color: #827569;}
.pop_txt{font-size: 24px;}
.code{width: 400px; background: #fff; text-align: left; margin: 15px auto; padding:0 100px 0 15px; height: 36px; line-height: 36px; position: relative; color: #231614;}
.code .copy{position: absolute; right: 0; top: 0; width: 120px; line-height: 35px; border-top: 1px solid #c23b07; box-shadow: 0px -4px 10px #ca8c41 inset; background: #6b1807; background-image: linear-gradient(top,#702305,#ba773a);background-image: -webkit-linear-gradient(top,#702305,#ba773a); color: #fff; display: block; text-align: center;}

@media screen and (max-width: 750px){
    .detail{min-width: 100%;}
    .detail img{display: block; width: 100%;}
    .detail .inside{padding: 0;background: #080c18;}
    .detail .nav,.detail .side,.detail .pt .site,.detail .pt h3 span{display: none;}
    .detail .main{width: 100%;margin:0;padding: 0;}
    .detail .part{padding: 50px 0 20px;margin: 0;}
    .detail .content{padding: 20px; min-height: auto;}
    .detail .article{padding: 0; font-size: 12px; line-height: 2;}
    .detail .logo{width: 50px; height: 50px; border-radius: 10px;margin: 0;}
    .detail .pt{height: 50px; line-height: 50px;position: fixed; left: 0; width: 100%; top: 0; box-sizing: border-box;}
    .detail .pt h3{float: initial; font-size: 20px; text-align: center;}
    .pt .back{display: block;}
    .pt .back{position:absolute;padding:0 15px;top:0;left:10px;color:#ebba4b;font-size:14px; line-height: 50px;}
    .pt .back::before{content:"";display:inline-block;height:6px;width:6px;border-width:1px 1px 0 0;border-color:#ebba4b;border-style:solid;-webkit-transform:matrix(-.71,.71,.71,.71,0,0);transform:matrix(-.71,.71,.71,.71,0,0);position:absolute;top:50%;margin-top:-3px;left:5px}
    .ct{margin: 0 0 15px;padding:10px; font-size: 12px;}
    .ct h2{font-size: 16px; line-height: 1.4; font-weight: bold;}
    .ct p{margin: 0;}    
}