@charset "utf-8";
/*递归样式写法*/
html > body > table >  tr [id="total"] > td  > ul > li { color:#ff0000;}

/*弹性图片*/
img {max-width:100%;height:auto;width:auto9; /* ie8 */}
/*弹性内嵌元素(视频)*/
.video embed,.video object,.video iframe {width: 100%;height: auto;}
/*字号自动调整的问题(通过-webkit-text-size-adjust:none禁用iPhone中Safari的字号自动调整)*/
body{
	-webkit-text-size-adjust:none; line-height:2em;
}

html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;} 
body{overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li/*,h1,h2,h3,h4,h5,h6*/,pre,code,form,input,textarea,/*p,*/blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/}

/*美版风格*/
.usa ul, .usa ol{ font-size:11px; }
.hero{ background:#eee; padding:30px 60px;}
.hero h1{ font-size: 54px; }


/*幻灯片*/
.slider{ background:#44BDFD; clear:both; position:relative; height:300px; padding-top:60px;  background:url(../imgs/loading.gif) #eee no-repeat center center;} 
.slider .wrapper{ margin-top:0 !important;}
.slider .prev, .slider .next{ font-size:100px; position:absolute; left:0; top:130px; /*background: #DBEFF9;*/ padding:30px 10px; color:#fff; cursor:pointer; font-family:sans-serif; background: none repeat scroll 0 0 #222222; opacity:0.2;
filter:alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2;  }
.slider .prev:hover, .slider .next:hover{ opacity:0.5; }
.slider .next{ right:0; left:auto; }
.slider .inner{}
.slider .item{ text-align:center; line-height:1; display:none;}
.slider .item.selected{}
.slider h1{ font-size:70px; margin-bottom:40px; font-weight:bold; }
.slider h2{ line-height:1.5; }
.slider .item .button{ padding:15px 20px; }

.rotate:hover{
	transform: rotate(360deg);
	transition: all 1s ease-out 0s;
}


/*选项卡*/
.taber{ }
.taber .head{ border-left: 1px solid #E5E5E5; height:30px; }
.taber .head a{ border: 1px solid #E5E5E5; float:left; display:inline; padding:0px 20px; border-left:none; height:30px; line-height:30px; }
.taber .head a.selected{ border-bottom:none; }
.taber .body{ clear:both; padding:10px; }

.tooltip{ padding:4px; background:#000; position:absolute; z-index:1001; color:#fff; font-size:12px;
filter:alpha(opacity=80); -moz-opacity:0.8;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/ -khtml-opacity: 0.8; opacity: 0.8; 
}
.tooltip .arrow{ width:0; height:0; border-top:0px; border-bottom:5px solid #000; border-right:5px solid transparent; border-left:5px solid transparent; position:absolute; top:-4px; *top:-30px; left:8px; }

.spring{ background:#FFF8E2; color:#463714;  position: relative; z-index: 99; padding:8px 20px; box-shadow: 0 -2px 3px rgba(201, 175, 111, 0.2) inset; font-size:18px; line-height:1.5em; background:#F7CA01; text-shadow:#e7CA01 1px 1px;
}
.spring .wrapper{
	margin-top:0;
}
.spring del{ position: absolute; right: 20px; top: 10px; cursor:pointer; text-decoration:none;
 color: #000000;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    opacity: 0.2;
    text-shadow: 0 1px 0 #FFFFFF;
	 }

/*仿苹果时间样式*/
.label.time{ background:#666; color:#fff; padding:2px 5px; margin:0 2px 0 2px; position:relative;
}
.label.time:before{ position:absolute; width:100%; height:1px; background:#fff; content:""; left:0; top:50%; }

/*弹窗*/
.popup{ width:600px; height:auto; overflow:hidden; position:fixed; _position:absolute; left:50%; margin-left:-300px; top:50%; margin-top:-200px; border:#ccc solid 1px; background:#fff; box-shadow:#333 0px 3px 7px; z-index:999; display:none;}
.popup del{ display:block; position:absolute; right:20px; top:20px; width:20px; height:20px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-size:30px; text-shadow: 0 1px 0 #FFFFFF; cursor:pointer; color:#ccc;  }
.popup .head{ border-bottom:#eee solid 1px; padding:20px; font-size:20px; position:relative; }
.popup .body{ padding:20px; }
.popup .foot{ background:#f5f5f5; padding:10px; border-top: 1px solid #DDDDDD; box-shadow: 0 1px 0 #FFFFFF inset; text-align:right;  }

.popover{ PADDING-RIGHT:20px; PADDING-LEFT:20px;Z-INDEX:100;PADDING-BOTTOM:20px; WIDTH:300px;PADDING-TOP:20px; POSITION:absolute; background:#fff; border:2px solid #333; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
.popover:before { border-bottom: 7px solid #333; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 9px; position: absolute; top: -7px;
	}


.progress{
	background-color: #F7F7F7; background-repeat: repeat-x; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden;
}
.progress .bar{ 
	-moz-box-sizing: border-box; background-color: #0E90D2; background-repeat: repeat-x; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #FFFFFF; float: left; font-size: 12px; height: 100%; text-align: center; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); transition: width 0.6s ease 0s; width: 0;
}
.progress.striped .bar { background-color: #149BDF; background-size: 40px 40px;
}
/*css3滚动效果*/
.progress.active .bar { animation: 2s linear 0s normal none infinite bar_; }
.progress.success .bar{
    background-color: #5EB95E; background-repeat: repeat-x;
}
.progress.warning .bar{
    background-color: #FAA732; background-repeat: repeat-x;
}
.progress.danger .bar{
    background-color: #DD514C; background-repeat: repeat-x;
}

/*分割线*/
.partbar{
	background:#244668; padding:10px 0; color:#fff; text-align:center; position:relative;
}
.partbar .arrow{
	border-top:#244668 solid 10px; border-left:#fff solid 10px; border-right:#fff solid 10px; position:absolute; bottom:-10px; width:0; height:0; left:50%;
}

 
	
/*广告*/
.banner{} .banner .wrapper{ margin-top:0 !important;}
.banner img{ float:left; display:inline; }

/*页面主体*/
.pagebody{ width:100%; height:auto; overflow:hidden; border:#CCC solid 1px; clear:both;}

.leftpage, .mainpage, .rightpage{ float:left; margin-right:10px; background:#fff; }

/*页面左侧*/ .leftpage{} /*页面右侧*/ .mainpage{} /* 页面右侧 */ .rightpage{} /* 列表模型 */ .list{} /*侧栏*/  .column{} /*登录条*/
.loginbar{} /*热点*/ .hot{} /*新闻*/ .news{} /*下载*/ .download{} /*子导航*/ .subnav{} /*菜单*/ .menu{} /*子菜单*/ .submenu{} /*搜索*/ .search{} 

/*友情链接*/ .friendlink{} /*版权*/ .copyright{} /*滚动*/ .scroll{} /*内容*/ .content{} /*标签页*/ .tab{} /*文章列表*/ .list{} /*提示信息*/ .msg{} /*小技巧*/ .tips{} /*栏目标题*/ .title{} /*加入*/ .joinus{} /*指南*/ .guild{} /*服务*/ .service{} /*注册*/ .regsiter{} /*状态*/ .status{} /*投票*/ .vote{} /*合作伙伴*/ .partner{}

 

/*按钮*/
html .button{ display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font-size:16px; line-height:100%; border:none; /* gray */ color: #999; background: #E6E6E6; border-radius:2px;

padding: 0.5em 1.5em;
}
.button:hover { filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
	background-image:-webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
	background-image:-moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .1));
	background-image:-ms-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
	background-image:-o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
	background-image:linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1))}
  .button:active { position: relative; top: 1px; /* white */ color: #999; }

/*圆角*/
.button.bigrounded {}
/*中号*/
.button.medium { font-size: 12px; padding: .4em 1.5em .42em; }
/*小号*/
.button.small { font-size: 11px; padding: .2em 1em .275em; }

.button.xlarge {
	font-size: 200%;
}

/* color styles 
---------------------------------------------- */

/* black */
.button.black { color: #d7d7d7; background: #333; } .button.black:hover { background: #000; } .button.black:active { color: #666; }

/* gray */
.button.gray { color: #e9e9e9; background: #6e6e6e; } .button.gray:hover { background: #616161; } .button.gray:active { color: #afafaf; } 

/* orange */
.button.orange { color: #fef4e9; background: #f78d1d; } .button.orange:hover { background: #f47c20; } .button.orange:active { color: #fcd3a5; }

/* red */
.button.red { color: #faddde; background: #d81b21; } .button.red:hover { background: #b61318; } .button.red:active { color: #de898c; }

/* blue */
.button.blue { color: #d9eef7; background: #00A0E9; } .button.blue:hover { background: #007ead; } .button.blue:active { color: #007ead; }

/* rosy */
.button.rosy { color: #fae7e9; background: #da5867; } .button.rosy:hover { background: #ba4b58; } .button.rosy:active { color: #dca4ab; }

/* green */
.button.green { color: #e8f0de; background: #64991e; } .button.green:hover { background: #538018; } .button.green:active { color: #a9c08c; }

/* pink */
.button.pink { color: #feeef5; background: #f895c2; } .button.pink:hover { background: #d57ea5; } .button.pink:active { color: #f3c3d9; }

/* 黄色 */
.button.yellow { color: #fff; background: #fd9c2c; } .button.yellow:hover { background: #BB6512; } .button.yellow:active { color: #fff; }

.button.unstyled{ background:none;
 border: 1px solid rgba(255, 255, 255, 0.5); }
	a:hover.button.unstyled{ background:border: 1px solid rgba(255, 255, 255, 0.1);}
 


/*渴切卡通形象*/
.cartoon{
	background:url(../imgs/cartoon.png) no-repeat; width:302px; height:172px; position:absolute; top:350px; left:5%;
}

/*百叶窗*/
.shutter{
	 margin: 0 auto;
    max-width: 1600px;
    overflow: hidden;
    position: relative; background:#f2f2f2;
}
.shutter .item{
	background:url(../imgs/shutter.jpg) no-repeat;
}
.shutter .text{
	    background: none repeat scroll 0 0 #E23300;
    color: #FFFFFF;
    font-size: 0.8em;
    padding: 1.4em 25px;
    width: 23.4375em; top:5%;
	
	pointer-events: none;
    position: absolute;
    width: 26em;
}
.shutter .text h3{
	font-size:1.9em;
}
.shutter .media{
	padding-bottom: 30%;
}
.shutter .status{
	text-align:right; font-size:30px;  text-shadow: 0 0 4px rgba(0, 0, 0, 0.15); position:absolute; bottom:30px; left:0; width:100%;
}


/*分享栏*/
.sharebar{
	color:#fff; font-size:16px;
}
.sharebar h2{
	font-size:38px;
}
.sharebar .highlight{
	
}
.sharebar .highlight a{
	padding:1.75em; border: 1px solid transparent; background:#10537B; display:block; color:#fff;
}
.sharebar .highlight a:hover{
	background:#10537B;
}
.sharebar .highlight h3{
	font-size:24px;
}
.sharebar .highlight img{
	float:left; margin-right:24px;
}

/*二维码*/
/*.qrcode{
	position:fixed; bottom:30%; right:5px; width:100px; padding:10px; background:#EBEBEB;
}
.qrcode:hover{ background:#D5DFE8;}
.qrcode img{
	max-width:100%;
}*/

.current{ border: 1px solid #E5E5E5; padding:5px 10px; clear:both; height:auto; overflow:hidden; text-align:right; position:relative;}
.current dt{
	position:absolute; left:10px; top:5px;
}
.current dd{
	display:inline;
}
.current.unstyled{ border:none; padding:0;}

.label{background-color: #999999; color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 22px; padding: 3px 4px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); vertical-align: middle; white-space: nowrap;} .label.success{background-color: #468847;} .label.warning{background-color: #F89406;} .label.error{background-color: #B94A48;}
	
.well{ background-color: #F5F5F5; border: 1px solid rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; margin-bottom: 20px; min-height: 20px; padding: 19px;} .well .wrapper{ margin-top:0 !important;}
	
	
	.page{}
	.page.gray{  background:#EDEDEB;}
	.page.black{background:#454D50;}
	.page.red{ background:#EE3728; color:#8C2018;} .page.red a{ color:#fff;}
	
	/*一般用在BANNER图下的内容条*/
	.purchase{box-shadow: 0 0 4px #EEEEEE inset;
    padding: 30px 0 20px; background:#FEFEFE;}
	.purchase .wrapper{ margin-top:0 !important;}
	
	
	/*时间轴*/
	.timeline {
    font-family: 'Gorditas',Arial,sans-serif;
    list-style-type: none;
    padding: 30px 0 50px;
    position: relative;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAJUlEQVQIW2NkQAP/gYARWQwkAOLDBeECjEAAkkEWAKtEFwAJAgAZEBP+oM1IkwAAAABJRU5ErkJggg==") repeat-y scroll 165px 0 #eee;
}
	.timeline .event {
    margin-bottom: 80px;
    padding-right: 40px;
    position: relative;
}
.timeline .thumb {
    background-repeat: no-repeat;
    border-radius: 50% 50% 50% 50%;
    border: solid 4px #ddd;
	box-shadow:0 1px 1px rgba(200, 200, 200, 0.5);
    height: 100px;
    position: absolute;
    transform: scale(0.8) translateX(24px);
    width: 100px;
	left:0; *left:20px; top:0;
}
.timeline .thumb span {
    bottom: -30px;
    color: #999;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%; 
}
.timeline .inner {
    margin-left: 230px;
    perspective: 600px;
    position: relative;
	border-color: #F26328;
    box-shadow: 10px 0 10px -6px rgba(0, 0, 0, 0.1);
	background:#fff;
	padding:20px;
}
.timeline .inner:before {
    border-bottom: 20px solid transparent;
    border-top: 20px solid transparent;
    border-right: 20px solid #fff;
    content: "";
    display: inline-block;
    top: 37px;
    position: absolute;
    left: -20px;
}
.timeline label{
    display: block;
    height: 24px;
    left: 158px;
    position: absolute;
    top: 36px;
    width: 24px;
	background: none repeat scroll 0 0 #fff;
    border-radius: 50% 50% 50% 50%;
    color: #41838E;
 
    font-family: 'fontawesome-selected';
    font-size: 26px;
   

	
	border:#ddd solid 4px;
}
.timeline .event:hover label{
	border:#ccc solid 4px;
}

/*单行滚动*/
.singlerolling{
	height:22px; overflow:hidden; line-height:22px;
}

/*报头*/
.masthead {
  position: relative;
  margin-bottom: 20px;
  padding: 30px 15px;
  text-align: center;
}
.masthead h1 {
 font-size: 100px;
  line-height: 1;
}

.masthead p {
    font-size: 30px;
    margin-left: 10%;
    margin-right: 10%;
	font-size: 21px;
    font-weight: 200;
    line-height: 1.4;
    margin-bottom: 20px;
}

.masthead .social {
    margin-top: 80px;
	color:#999999;
}




.lead {
    font-size: 21px;
    font-weight: 200;
    line-height: 1.4;
    margin-bottom: 20px;
}

.intro{}

/*圆形*/
.rounder{
	/*transform: scale(0.8) translateX(24px);*/
	border-radius: 50% 50% 50% 50%;
    border: solid 4px #ddd;
	box-shadow:0 1px 1px rgba(200, 200, 200, 0.5);
}

.loading{background:url(../imgs/loading.gif) no-repeat center center;}

/*扩大*/
.expand{}

.postfix.button {
    line-height: 2.125em;
    padding: 0;
    text-align: center;
}
button.expand, .button.expand {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

/*后缀*/
.postfix{}
.prefix, .postfix {
    border-style: solid;
    border-width: 1px;
    display: block;
    font-size: 0.875em;
    height: 2.3125em;
    line-height: 2.3125em;
    overflow: hidden;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 2;
}

/*标注*/
.callout{}

.well.callout {
    background: none repeat scroll 0 0 #2BA6CB;
    border-color: #2284A1;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    margin-bottom: 1.25em;
    padding: 1.25em;
}



 .absbar{ position:fixed; top:200px; right:20px; z-index:99;}
 .absbar li{ position:relative; margin:5px 0 0 0;}
 .absbar li .toggle{ width:50px; height:50px; background:#eee; display:block; cursor:pointer; line-height:50px; text-align:center;}  
 .absbar .droper{ position:absolute; right:60px; top:0; background:#eee; padding:20px;}