/*-----------------------------------
          Public Styles
------------------------------------*/
*{ margin:0;padding:0;}

/* 修正IE5.x和IE6的斜体溢出bug */
* html body{ overflow:visible;}
* html iframe, * html frame{ overflow:auto;}
* html frameset{ overflow:hidden;}

/* 常用标签，基本标签默认样式取消，HTML标签，取消基本标签默认样式，防止不同浏览器显示效果不同，text-align:center; 解决不同浏览器居中问题 */
body{ color:#a99483; background: url(../img/bg.jpg) repeat-y left top; font-family:Tahoma,Arial,Helvetica,"微软雅黑"; font-size:14px; }
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr{ margin:0; padding:0; }
li{ list-style-type:none; }
input,select{ font-size:14px; vertical-align:middle; }
textarea,input{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; padding:0px; }
pre{ white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }
img{ border:none; }
a { outline:none; cursor:pointer; blr:expression(this.onFocus=this.blur()); }
a:link,a:visited { color:#333333; text-decoration:none; }
a:hover,a:active{ color:#0cb3a2; text-decoration:underline; }
h1{ font-size:24px; }
h2{ font-size:20px; }
h3{ font-size:18px; }
h4{ font-size:16px; }
h5{ font-size:14px; }
h6{ font-size:12px; }

/**********清除浮动**********/
.clear{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden;}

/**********显示隐藏**********/
.dis { display:block; }
.undis { display:none; }

/**********浮动**********/
.fl { float: left; }
.fr { float: right; }

/**********定位**********/
.absolute{ position:absolute; }
.relative{ position:relative; }

/**********字体样式定义**********/
.fb { font-weight:bold; }
.fn { font-weight:normal; }
.fi { font-style:italic; }
.font10 { font-size:10px; }
.font11 { font-size:11px; }
.font12 { font-size:12px; }
.font13 { font-size:13px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }

/**********字母和单词换行设置**********/
.break { word-break:break-all; word-wrap:break-word; }
.nobreak { word-break:keep-all; word-wrap:normal; }

/**********文本对齐方式**********/
.t-l { text-align:left; }
.t-c { text-align:center; }
.t-r { text-align:right; }

/**********文字颜色**********/
.t-color-red { color:#8a1010; }

/*------------------------------------
  main
------------------------------------*/
/*banner*/
.container { max-width: 960px; margin: 0 auto; }
.banner { height: 620px; padding-left: 20px; padding-right: 20px; text-align: center; background: url(../img/banner-bg.jpg) no-repeat center top; background-size: cover; }
.banner-pic { padding-top: 120px; }
.banner-pic img { max-width: 100%; }
.banner-text { font-size: 1.2em; line-height: 32px; padding: 40px 20px 0 20px; }
.tit01 { padding-bottom: 20px; }

/*部落*/
.tribe { padding-top: 455px; background: url(../img/tribe-bg.jpg) no-repeat center top; }
.tribe-list { overflow: hidden; }
.tribe-item { width: 40%; }
.tribe-btn { padding-bottom: 50px; text-align: center; }
.tribe-btn a { display: inline-block; width: 279px; height: 69px; text-indent: -9999px; background: url(../img/btn-join.png) no-repeat; }
.tribe-btn .btn-join01 { background-position: left 0px; }
.tribe-btn .btn-join01:hover { background-position: left -69px; }
.tribe-btn .btn-join02 { background-position: left -138px; }
.tribe-btn .btn-join02:hover { background-position: left -207px; }
.tribe-inner { padding: 50px 30px; text-align: center; }
.bg01 { background-color: rgba(210,148,68,0.2);/* IE9、标准浏览器、IE6和部分IE7内核的浏览器(如QQ浏览器)会读懂 */ }
@media \0screen\,screen\9 {/* 只支持IE6、7、8 */
  .bg01 { background-color:#d29444; filter:Alpha(opacity=20); position:static; /* IE6、7、8只能设置position:static(默认属性) ，否则会导致子元素继承Alpha值 */ *zoom:1; /* 激活IE6、7的haslayout属性，让它读懂Alpha */ }
}
.tribe-inner h3 { font-size: 24px; font-weight: normal; }
.tribe-inner ul { padding-top: 20px; }
.tribe-inner ul li { font-size: 15px; line-height: 36px; }
.tribe-inner p { font-size: 18px; margin-top: 30px; padding: 20px; border: dashed 1px #5D4C33; }

/*活动奖品*/
.prize { padding-top: 80px; overflow: hidden; }
.prize-list > ul > li { float: left; width: 25%; overflow: hidden; }
.prize-item { margin-right: 20px; padding-bottom: 999px; margin-bottom: -999px; }
.prize-item img { max-width: 100%; }
.prize-item .text { padding: 10px 15px; }
.prize-item .text h4 { padding-bottom: 10px; }
.prize-item h3 { padding: 19px 0 0 20px; font-size: 20px; font-weight: normal; }
.prize-item ul { padding: 5px 20px 10px 50px; background: url(../img/list-icon.png) no-repeat 20px 12px; }
.prize-item ul li { padding: 5px 0; font-size: 14px; line-height: 20px; }
.prize-list-m { display: none; }
.prize-list-m .prize-item { margin-right: 20px; padding-bottom: 999px; margin-bottom: -999px; }
.prize-list-m .prize-item img { max-width: 100%; }
.prize-list-m .prize-item .text { padding: 10px 15px; }
.prize-list-m .prize-item .text h4 { padding-bottom: 10px; }

.prize-rank { display: none; }
.prize-rank h3 { font-size: 20px; padding-left: 20px; font-weight: normal; }
.prize-rank ul { padding: 5px 20px 10px 50px; background: url(../img/list-icon.png) no-repeat 20px 12px; }
.prize-rank ul li { padding: 5px 0; font-size: 14px; line-height: 20px; }

/*活动规则*/
.rulse { padding-top: 80px; }
.rulse ul li { line-height: 22px; padding: 6px 0; }

/*footer*/
.footer { padding: 30px 0; }

/*------------------------------------
  media
------------------------------------*/
@media only screen and (max-width: 1024px) {
	.container { max-width: 960px; }
}
@media only screen and (max-width: 768px) {
	.container { padding: 0 20px; }
	.tit01 { padding-bottom: 0px; }
	.banner-text { font-size: 16px; }
	.tribe-item { width: 48%; }
	.prize { padding-top: 50px; }
	.prize-item h3 { padding: 15px 0 0 20px; font-size: 18px; }
	.prize-item ul li { line-height: 27px; }
	.prize-rank { float: none; width: 100%; margin: 20px 0px 0; padding: 20px 0 0; }
	.rulse { padding: 50px 20px 0; }
	.prize-list > ul > li { width: 33.3%; }
	.prize-list > ul > li:last-child .prize-item { margin-right: 0px; }
	.last-item { display: none; }
	.prize-rank { display: block; float: left; }
	.prize-rank h3 { margin-bottom: 5px; }
	.tribe-btn a { display: inline-block; width: 148px; height: 45px; text-indent: -9999px; background: url(../img/btn-join-s.png) no-repeat; }
	.tribe-btn .btn-join01 { background-position: left 0px; }
	.tribe-btn .btn-join01:hover { background-position: left -45px; }
	.tribe-btn .btn-join02 { background-position: left -90px; }
	.tribe-btn .btn-join02:hover { background-position: left -135px; }
}
@media only screen and (max-width: 480px) {
	.tribe-inner h3 { font-size: 20px; }
	.tribe-inner { padding: 30px 20px 24px; }
	.prize-list { display: none; }
	.prize-list-m { display: block; }
	.prize-list-m > ul > li { float: left; width: 100%; overflow: hidden; margin-bottom: 15px; }
	.prize-list-m img { float: left; width: 80px; }
	.prize-list-m .text { margin-left: 80px; }
	.prize-list-m .prize-item { margin-right: 0px; overflow: hidden; }
	.prize-rank { }
}