body,ul,h1,h2,h3,h4,h5,h6,form,input,p{margin: 0;padding: 0;font-weight: normal;}
body{width:100%;font-family: "\5FAE\8F6F\96C5\9ED1";margin: 0 auto;background:#29100e}
*{-webkit-tap-highlight-color: transparent;}
li{list-style: none;}
img{vertical-align: middle;}

.clear:after{
	content: "";
	display: block;
	clear: both;
}
.clear{zoom: 1;}
.top{position:relative}
.top img{width:100%}
.header{position:fixed;width:100%;top:0;left:0;z-index:30;background:#23120e;overflow:hidden}
.header>div{width:92.361%;margin:0 auto;padding:1.5% 0;}
.header>div span{display:inline-block;text-align:center}
.header>div span img{width:100%}
.header>div span:nth-child(1){width:10.225%}
.header>div span:nth-child(2){width:29.323%;margin-left:3.759%}
.header>div span:nth-child(3){width:25.714%;float:right}
.heade img{width:100%}
.sbg{position:relative;}
.down,.kt_youkia{position:absolute;width:100%;top:0;left:0;z-index: 99;}
.down span{display:block;width:42.3611%;margin:0 auto}
.kt_youkia>div{width:68%;margin:0 auto;overflow:hidden; padding-top: 1%;}
.kt_youkia>div span:nth-child(1){display:block;float:left;width:27.855%}
.kt_youkia>div span:nth-child(2){display:block;float:right;width:62.192%}
.kt_youkia>div span img{width:100%}
.sline{height:10px;background:#8c7c50;width:100%;position:absolute;top:0px;left:0}

.gift{background:url(http://images.tciplay.com/sgz2017/v1/m/images/bg_07.jpg) no-repeat center top;background-size:cover;padding-bottom:6%;position:relative}
.gift article{width:84.444%;margin:0 auto;overflow:hidden;padding-top:15%}
.gift article a{text-decoration: none;}
.gift article section{position:relative;float:left;width:46.052%;margin:0 1.973% 1.973% 1.973%;background:rgba(194,172,129,0.7);}
.gift article section>div{border:1px #7b6c47 solid;margin:3px;padding:6.523% 0}
.gift article section span{display:block;width:70.5%;margin:0 auto;text-align:center}
.gift article section span img{width:100%;max-width:100%}

.gift article section em{display:block;font-style:normal;color:#8d1e00;font-size:14px;text-align:center;font-weight:bold}
.gift article section i{display:block;font-style:normal;color:#564414;font-size:12px;text-align:center}

.tit{padding-top:10px}
.tit img{width:100%}
html,body{height: 100%}
.new{background:url(http://images.tciplay.com/sgz2017/v1/m/images/bg_08.jpg) no-repeat center top;background-size:cover;position:relative;min-height: 92%}
.dev-wrap{position: relative;margin:0px 10px;color: #fff;padding: 0px 12px 20px;padding-top:10%;}
.dev-wrap .dev-list li{display: -webkit-box;padding:15px 0px;border-top: 1px solid #8c7a4b;}
.dev-wrap .dev-list li:first-child{border-top:0;}	
.dev-wrap .dev-list li img{height:100px}
.dev-wrap .dev-list li .dev-info{-webkit-box-flex: 1;padding-left: 12px;padding-top: 14px;font-size:14px}
.dev-wrap .dev-list li .dev-info a{display: block;line-height: 18px;color: #aa9763;text-decoration:none;}	
.dev-wrap .dev-list li .dev-info p{line-height: 24px;}
.dev-wrap .dev-list li .dev-info p:nth-of-type(1){margin-top: 8px;}
.dev-wrap .dev-list li .dev-info p:nth-last-of-type(1){color: #aa9763;}	
.dev-wrap .dev-list li .dev-info p span{color: #aa9763;}
.news-more{padding: 0 4%;text-align: right;}
.news-more a{background-color: #000; color: #fff;font-size: 12px; padding: 7px 15px;;display: inline-block; text-decoration: none;}

.fot{background:url(http://images.tciplay.com/sgz2017/v1/m/images/bg_09.jpg) no-repeat center top;background-size:cover;overflow:hidden;padding:10% 0 3% 0}
.fot>div{width:80%;margin:0 auto}
.fot .ewm{width:23.103%;float:left}
.fot .ewm img{width:100%}
.fot .text{width:68.905%;float:right;}
.fot .text span{display:block;float:left}
.fot .text span img{width:100%}
.fot .text span:nth-child(1){width:48.75%}
.fot .text span:nth-child(2){width:17.75%;margin:0 3.97%}
.fot .text span:nth-child(3){width:23.75%}
.fot .text p{font-size:14px;color:#fff;text-align:center;line-height:20px}

.wap-footer{background-color: #000; padding: 10px 0;text-align: center; font-size: 10px;color: #eee;}




     .sharp:before{
         content:"";　
         width:0px;
         border-bottom:22px solid transparent;
         border-top:22px solid transparent;
         border-right:11px solid #ffe499;
         position:absolute;
         left:-11px;
         top:0px;
     }
     .sharp{
         min-width:28px;
         height:44px;
         background:#ffe499;
         display: inline-block;
         position: absolute;
         line-height: 44px;
         color:#000;
		 text-align:center;
		 font-size:14px;
         top:-15px;
		 left:48%;
     }
     .sharp:after{
         content:"";　
         width:0px;
         border-bottom:22px solid transparent;
         border-top:22px solid transparent;
         border-left-width:11px;
         border-left-style: solid;
         border-left-color:#ffe499;
         position:absolute;
         right:-11px;
         top:0px;
     }
	 
	 
     .gray:before{
         content:"";　
         width:0px;
         border-bottom:18px solid transparent;
         border-top:18px solid transparent;
         border-right:9px solid #534c3a;
         position:absolute;
         left:-9px;
         top:0px;
     }
     .gray{
          min-width:24px;
         height:38px;
         background:#534c3a;
         display: inline-block;
         position: absolute;
         line-height: 38px;
         color:#000;
		 text-align:center;
		 font-size:14px;
         top:3px;
		 left:2px;
		 z-index:10
     }
     .gray:after{
         content:"";　
         width:0px;
         border-bottom:18px solid transparent;
         border-top:18px solid transparent;
         border-left-width:10px;
         border-left-style: solid;
         border-left-color:#534c3a;
         position:absolute;
         right:-9px;
         top:0px;
     }



     .light_yllow:before{
         content:"";　
         width:0px;
         border-bottom:14px solid transparent;
         border-top:14px solid transparent;
         border-right:7px solid #ffe499;
         position:absolute;
         left:-7px;
         top:0px;
     }
     .light_yllow{
         min-width:13px;
         height:30px;
         background:#ffe499;
         display: inline-block;
         position: absolute;
         line-height: 30px;
         color:#000;
		 text-align:center;
		 font-size:12px;
         top:4px;
		 left:0px;
		 z-index:10
     }
     .light_yllow:after{
         content:"";　
         width:0px;
         border-bottom:14px solid transparent;
         border-top:14px solid transparent;
         border-left-width:7px;
         border-left-style: solid;
         border-left-color:#ffe499;
         position:absolute;
         right:-7px;
         top:0px;
     }


.new_text{width:86.111%;margin:0 auto;padding-top:17%; padding-bottom: 9%; }
.new_text .n_img{text-align:center;margin:2% 0}
.new_text img{width:100%}
.new_text h2{font-size:16px;text-align:center;color:#bfa86e;margin-bottom:5%;border-bottom: solid 1px #bfa86e; padding-bottom: 3%;}
.new_text p{color:#bfa86e;font-size:12px;line-height:20px;text-indent:2em}
.new_text ul li{color:#bfa86e;font-size:12px;border-bottom:1px #bfa86e dashed;overflow:hidden;padding:4% 0}
.new_text ul li span{display:block;float:right; margin-left: 10px;}
.new_text ul li a{color:#bfa86e;text-decoration:none}



.black_overlay{display:none;position:absolute;top:0%;left:0%;width:100%;height:100%;background-color:black;z-index:1001;-moz-opacity:0.7;opacity:.70;
filter: alpha(opacity=70);}
.layer{display:none;position:fixed;width:100%;height:100%;top:0;left:0;z-index:1002;}
.layer .content{width:100%;max-width:720px;margin:0 auto;margin-top:30%;position:relative;background:url(http://images.tciplay.com/sgz2017/v1/m/images/layer_bg.png) no-repeat center top;background-size:cover;overflow:hidden;padding:10% 0 15% 0;position:relative}
.layer .content .close{width:7.77%;position:absolute;right:15px;top:0;}
.layer .content .close img,.layer .content .ewm img,.layer .content .andriod img,.layer .content .ios img{width:100%;max-width:100%}
.layer .content .ewm{width:27.214%;float:left;margin:0 0 0 17.5%}

.layer .content .andriod,.layer .content .ios{width:32.5714%;float:left;margin:2.33% 0 0 3.33%}


#weixin-tip{display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 1003;} 
#weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%; position: relative;}
#weixin-tip img{ max-width: 100%}
#weixin-tip .close{
    color: #fff;
    padding: 5px; font-size: 30px;
    text-shadow: 0 1px 0 #ddd;
    position: absolute;
    top: 0; left: 5%;
}