/**
* 组件级样式表
*/

/* 顶部导航栏
.nav>a {
	height: 100%;
	margin-left: -3px;
	margin-right: -3px;
	overflow: hidden;
	padding: 0;
	vertical-align: top; 
}
#header.nav{background: white;position:relative;max-width: 720px;margin: 0 auto;}
#header.nav h1{    
    display: inline;
    font-size: 1.2em;
    line-height: 1.8em;
    overflow: hidden;
    text-align: center;
    width: 60%;}
.nav > .title{ color:#b2afaf;font-size:20px;font-weight:normal;}
.nav> a.span3{
 position:absolute; width:4em;
}
.nav> a.span4{
	width: 33%;
}
.nav> a.span6{
	width: 60%;
} */
.span4{
	width: 33%;
}
.span4{
	width: 33%;
}
.span5{
	width:50%;
}
/**end 顶部导航栏**/

/*顶部子级导航栏*/
.nav-sub {
	height: 40px;
	padding: 3px 5px;
	line-height: 40px;
	margin:20px 0px 10px 0px;
}
.nav-sub>a {
	 font-size:20px;
	width: 19%;
	height: 80%;
	margin-right: -2px;
	margin-left: -2px;
	line-height: 32px;
	background: #ffffff;
	padding:0;
}
.nav-sub>a:first-child {
	border:none;
}
.nav-sub>a:last-child {

}
.nav-sub>a.active {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f6c53a),
		color-stop(0.1, #f6c53a), color-stop(1, #f6c53a) );
		
}
/*end 顶部子级导航栏*/

/*详细列表组件*/
ul.listview li {
	position: relative;
	max-height: 90px;
	padding-left: 70px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #d7d7d7;
}
ul.listview li img {
	width: 60px;
	height: 60px;
}
ul.listview li .data {
	position: relative;
	min-height: 72px;
	margin:0px 5px 0 10px;
	padding: 5px 70px 0 0;
}
ul.listview li .icon {
	display: block;
	position: absolute;
	width: 60px;
	height: 60px;
	top: 10px;
	left:10px;
}
ul.listview li .download {
	position: absolute;
	top: 5px;
	right:5px;
	height: 20px;
	border: 1px solid;
	cursor: pointer;
	text-align: center;
	padding: 2px;
	line-height: 20px;
	color: #fff; font-size:14px;
}
ul.listview .icon i {
	position: absolute;
	top: -1px;
	left: -1px;
	width: 27px;
	height: 27px;
}
ul.listview li a.detail {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	right: 80px;
	bottom: 10px;
	z-index: 99;
}
ul.listview li.more{
	padding: 0 8px;
}
/*end 详细列表组件*/

/*评论列表 media*/
li.media {
	border-bottom: 2px solid #f8f8f8;
	margin-bottom: 8px;
	min-height:70px;
}
li.media a img{
	width: 60px;
}
li.media .media-body .media-heading small{
	margin-left: 10px; font-size:14px; color:#bbb; font-weight:normal; 
}
li.media .media-body{
	padding: 0px 0px 0px 70px; margin-top:10px;
}
li.media .media-body .content{
	margin: 5px 0 0 0px;
	padding: 0;
	text-indent: 10px;
}
.review-user{ font-weight:normal; color:#dea502; font-size:16px; }
.media-body p.content{ color:#636262; font-size:14px; line-height:24px;}
/*end 评论列表 media*/

/*反馈组件样式*/
.tips{font-size:14px;position:absolute;z-index:1000;color:#fff;} 
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #f09609;
  border: 1px solid #e16908;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;

}
.alert,
.alert h4 {
  color: #ffffff;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  display: none;
}
.alert-success {
  color: #ffffff;
  background-color: #01a31c;
  border-color: #018a01;
}
.alert-success h4 {
  color: #ffffff;
}
.alert-danger,
.alert-error {
  color: #ffffff;
  background-color: #bc1c48;
  border-color: #af1a5c;
  margin-top:10px;
}
.alert-danger h4,
.alert-error h4 {
  color: #ffffff;
}
.alert-info {
  color: #ffffff;
  background-color: #2d89f0;
  border-color: #119be9;
}
.alert-info h4 {
  color: #ffffff;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}
/*end 反馈组件样式*/


/*轮播组件的样式控制*/
/*FlexSlider Default Theme*********************************/
.flexslider {margin:0px; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; margin-top: 0em;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/static/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}


.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}
/*end 轮播组件的样式控制*/


/***游戏导航***/
.sub-nav-tab{ width:100%; background:#fff; border-bottom:0.26em solid #d0d0d0;  height:3.0em;line-height:3.0em; }
.sub-nav-tab li{ float:left;height:3.0em;line-height:3.0em;}
.sub-nav-tab a{ display:block; color:#555; margin: 0 0.8em;}
.sub-nav-tab a.active{ border-bottom:0.26em solid #0b85db; color:#0b85db; }
/***end 游戏导航***/

/***个人中心导航***/
.side-nav-c{ text-align:left; }
.side-nav-c a{ display:block; padding: 1.0em 0em;}
.side-nav-c dd{ padding:0em 1.3em;background:#fff; border-bottom:1px solid #e4e4e4;}
.side-nav-c span.text-success{ font-size:0.9em; float:right;border-radius:4px; height:1.5em; line-height:1.5em;color:#fff;margin-top:0.5em; padding: 0.6em ;background:#71A52C; }
.side-nav-c span.text-success a{ color:#fff; padding:0px;}
.side-nav-c span.disabled{font-size:0.9em; float:right;border-radius:4px; height:1.5em; line-height:1.5em;color:#fff;margin-top:0.5em; padding: 0.6em ;background:#d4d4d4; }
.side-nav-c span.disabled a{ color:#fff;}
.side-nav-c dt{  border-bottom:1px solid #e4e4e4; background-color:#ececec; font-weight:bold;  padding:1.0em 1.3em; }

/**btn*/

.btn-primary{
  background-color: #83ce63;font-size:1.3em;
    border-radius: 0.3em;
    color: #ffffff;
    display: block;
    padding: 0.65em 0em;
    text-align: center;
    width: 13em;
}
button.btn-primary{font-size:1.2em; font-family:"微软雅黑";
  background-color: #83ce63;
    border-radius: 0.3em;
    color: #ffffff;
    display: block;
    padding: 0.45em 0em; 
    text-align: center;
    width: 100%;
   margin: 1.3em 0em;
}
.btn-primary:hover{ color:#99c4ff;}
.btn-primary img,.btn img{ width: 1.06em; height: 1.06em; vertical-align: middle;}

.btn-small {
	display: inline-block;
	font-size: 0.7em;line-height: 1em; width: 6em; 
          border-radius: 0;
}
/***end of btn***/

/***充值兑换***/
.game-list-box1 h3{ font-size:16px; font-weight:normal; color:#2D2D2D; }
.game-list-box1 h4{ font-size:12px; font-weight:normal; }
.game-list-box1 li{ width:98px; overflow:hidden; height:120px; }
.game-list-box1 .role_name a{ color:#333333;}
.step-3-box{ padding:0 12px;}
.step-3-box .span-text1{ font-size:18px;color:#2D2D2D; margin-top:10px; display:block; margin-bottom:10px;}
.step-3-box .proxy_pay input[type="text"]{ margin:5px 0px; min-height:35px;}
.cor_red{ color:red;}
.time-span{ color:#bbb; font-size:12px;}

.hero-unit h1{margin-top:10px; line-height: 80px; font-size: 25px; border-bottom:1px solid #efefef;}
.hero-unit .alert { font-size: 18px; border:0; margin-bottom: 15px; background:#fff; line-height: 30px;}

.lead{ font-size:16px;}
.lead button.btn-primary{ font-size:14px; height:25px; line-height:25px; margin:0px; margin-bottom:10px; display:inline;}
.hot-pj{ line-height:30px; font-size:16px; }

input[type="submit"],input[type="button"]{ border:0px; border-style:none;}



.topic_review{ margin-top:10px;}
.or_btn{ margin-top: 30px; position: absolute; bottom: 0px;}
.or_btn a{ float: left ; margin-right: 15px; margin-top:4px; padding: 5px 10px; border: 1px solid #e6e6e6;  }