@CHARSET "UTF-8";
body,menu,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,input,textarea,p,blockquote,th,td {margin:0; padding:0;}
body { -webkit-touch-callout:none;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
em { font-style: normal; }
strong { font-weight: bold; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
abbr,acronym { border:0; }
strike { display: inline; }
a{text-decoration:none;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
.left{
float:left;
}
.right{
float:right;
}
body{
font-family:Helvetica,"Microsoft YaHei",Arial,sans-serif;
background:#f0f0f0;
color:#0e0e0e;
height:100%; 
font-size: 16px;
}
html{
height:100%;
} 
/*index*/

.ad{
border-bottom:1px solid #d7d7d7;
-webkit-box-shadow: 0px 2px 5px #d7d7d7;
-moz-box-shadow: 0px 2px 5px #d7d7d7;
-o-box-shadow: 0px 2px 5px #d7d7d7;
box-shadow: 0px 2px 5px #d7d7d7;
padding:1.5% 3%;
text-align:center;
}
.ad img{
display:block;
width:100%;
height:auto;
}
.content, .ad, .down_top, .down_bottom{
max-width: 960px;
margin: 0 auto;
}
.title, .article, .comment{
width:94%;
height:auto;
margin:10px auto;
}
.content .title{
padding:5px 0;
border-bottom:1px solid #d7d7d7;
}
.content .title h1{
font-size:22px;
line-height:26px; 
padding-bottom:0.4em;
} 
.content .title .shoulder_title, .content .title .subtitle{
font-size:16px;
line-height:22px;
color:#939393;
padding-bottom:0.5em;
} 
.content .title .subtitle{
color:#636363;
} 
.content .title p{
width:100%;
}
.content .title p span{
padding-right:10px;
color: #808080;
font-size: 12px;
}
.article img{
width:100%;
}
.article p{
margin:8pt 0;
}
.article{
text-align:left;
font-size:12.5pt;
line-height: 1.6em;
}
.comment{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
-webkit-box-shadow:0 2px 2px #d7d7d7;
-moz-box-shadow:0 2px 2px #d7d7d7;
-o-box-shadow:0 2px 2px #d7d7d7;
box-shadow:0 2px 2px #d7d7d7;
position:relative;
padding:30px 5% 0;
}
.comment h2{
font-size:11pt;
line-height:2em;
padding:0 1em;
color:#fff;
background:-webkit-linear-gradient(top,#f65d4e,#D90514);
background:-moz-linear-gradient(top,#f65d4e,#D90514);
background:-o-linear-gradient(top,#f65d4e,#D90514);
background:linear-gradient(top,#f65d4e,#D90514);
position:absolute;
left:-4px;
top:4px;
}
.comment .angle{
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
position:absolute;
bottom:-5px;
left:50%;
width:10px;
height:10px;
background:#fff;
-webkit-box-shadow:2px 2px 2px #d7d7d7;
-moz-box-shadow:2px 2px 2px #d7d7d7;
-o-box-shadow:2px 2px 2px #d7d7d7;
box-shadow:2px 2px 2px #d7d7d7;
}
.comment ul li{
padding:1em 0;
border-top:1px solid #f0f0f0;
line-height: 26px;
}
.comment ul li.noborder{
border:none;
}
.comment ul li h3{
color:#5a86b9;
font-size:14px;

}

.moreArt{
width:96%;
position: absolute;
bottom: 0;
left:2%;
margin:1em auto;
text-align:center;
background:url(../img/moreArt_bj.png) repeat-x; 
}
.warp{
	min-height:100%;
	height: auto !important;
	height: 100%;
	position: relative;
}
.content{
	padding-bottom: 60px;
}
.article img {
width: 100%;
height: auto;
}
.article audio{
width:100%;
}
.moreArt a{
display:inline-block;
width:100%;
font-size:12pt;
line-height:2.5em;
color:#fff;
}
/*down*/

.down_bj{
background:url(/share/images/imagelist/down_bj.jpg) no-repeat;
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
}
.down_top{
height:15em;
width:100%;
text-align:center;
color:#fff;
padding-top:5em;
}
.down_top img{
width:8em;
height:auto;
}
.down_top h1{
font:24px/50px helvetica, verdana, san-serif;

background:url(../css/img/h1_bj.png) no-repeat center bottom;
}
.down_bottom{
text-align:center;
}
.down_bottom a{
display:inline-block;
width:192px;
height:54px;
padding:10px 0;
}
.down_bottom .android a{
background:url(../css/img/freeDown_android.png) no-repeat;
}
.down_bottom .apple a{
background:url(../css/img/freeDown_apple.png) no-repeat;
}

/*图集*/
ul.bxslider li img {margin: 0 auto; width:100%;}
ul.bxslider li{width:100%;}
ul.bxslider{width:100%;}
.bx-wrapper .bx-pager {text-align: center;color: #fff;padding-top: 20px;position: absolute;top: 0;left: 10px;padding:0 6px;height:36px;line-height:36px;font-size:20px;color:#fff;background:rgba(220, 33, 33,0.5);}
.bx-wrapper .bx-pager .bx-pager-item{display: inline-block;}
.bx-caption{padding-top:10px}
.video video{ width : 100%; height : auto; }