html,body{font-family: "SimHei","Microsoft Yahei";font-size: 100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,textarea,p,th,td{margin: 0px;padding: 0px;}
ol,ul{list-style: none;}
fieldset,img {border:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
a{text-decoration: none;outline: none;}
input[type=text],button,textarea{font-family: "SimHei","Microsoft Yahei";outline: none;}

/*swiper*/
#wrap{position: fixed;overflow: hidden;top:0;left: 0;z-index:1;height: 100%;}
#child{-webkit-transition: .3s ease;position: relative;left:0;top:0;height: 100%;}
#child div{float: left;display: -webkit-box;-webkit-box-pack:center;-webkit-box-align:center;height: 100%;background: rgba(0,0,0,0.9);overflow: hidden;}
#child img{display: block;}
/*swiper end*/

#s-wrap{min-width: 320px;max-width: 640px;margin: 0 auto;overflow: hidden;background: white;position: relative;z-index:2;}
/*header*/

/*header end*/
.s-header{padding-top:4%;padding-bottom: 4%;background:#910000;text-align: center;position: relative;top:0;width: 100%;min-width: 320px;max-width: 640px;}
.s-header h1{font-size:1.3em;color: white;}
.s-header div{position: relative;}
.s-header img{width: 97%;}
.s-header a{display: inline-block;width: 6%;position: absolute;max-width: 20px;}
.s-header a:nth-of-type(1){left: 4%;top:0;padding-right: 20%;}
.s-header a:nth-of-type(2){right: 4%;top:2px;padding-left: 20%;}

/*content*/
.s-contentchild{padding-bottom: 10px; background:#efefef; }
.s-content{display: -webkit-box;-webkit-box-orient:vertical;background: #f7f6f3;margin-top: 10px;}
.mt0{margin: 0;}
.s-contentup{display: -webkit-box;-webkit-box-orient:horizontal;-webkit-box-flex:1;}
.s-contentimg{-webkit-box-flex:1;width: 25%;}
.s-contentimg a{display: block;padding: 18%;overflow: hidden;}
.s-contentimg img{width: 100%;border-radius: 100%;}
.s-contenttext{-webkit-box-flex:2;width: 75%;margin-top: 5%;}
.s-contenttext .clr{ clear:both; }
.s-contenttext div:nth-of-type(1){color: #999999;font-size: 1em;}
.s-contenttext div:nth-of-type(1) a{color: #999999;font-size: .9em;float: right;margin-right: 4%;}
.s-contenttext div:nth-of-type(1) span{background: url(../img/icontime.png);background-repeat: no-repeat;background-position: 0px 0px;
	display: inline-block;padding:7px;background-size: 100%;position: relative;top:2px;margin-right: 8px;}
.s-contenttext div:nth-of-type(2) p{font-size: 1em;text-align: left;margin-top: 5%;color: #333333;line-height: 22px;margin-right: 4%;}

.s-contenttext div:nth-of-type(3) {margin-top: 4%;}
.s-contenttext div:nth-of-type(3) {font-size: 0;}
.s-contenttext div:nth-of-type(3) li {vertical-align: top; width:30%;overflow: hidden;display: inline-block;margin-top: 3%;margin-right: 3%;}
.s-contenttext div:nth-of-type(3) img{width: 100%;}
.s-contenttext div:nth-of-type(4) {width: 100%;}
.s-contenttext div:nth-of-type(4) p{font-size: .9em;background: #e9e9e9;display: inline-block;padding: 4px 18px;color: #5057b3;border-radius: 14px;margin-top: 8%;}
.s-contenttext div:nth-of-type(4) span{background: url(../img/iconarea.png);background-repeat: no-repeat;background-position: 0px 0px;
display: inline-block;padding: 7px;background-size: 100%;margin-right: 6px;position: relative;top:2px;}

.s-contentdown{-webkit-box-flex:1;display: -webkit-box;border-top: 1px solid #e3dfd2;border-bottom: 1px solid #e3dfd2;margin-top: 16px;}
.s-contentdown div{-webkit-box-flex:1;text-align: center;padding: 10px 0;font-size: 1em;}
.s-contentdown a{color: black;}

/*content end*/

/*alert*/
.s-alert{background: #f0f0f0;text-align: center;padding:5% 0;}
.s-alert div:nth-of-type(1){font-size:.9em;color: #999;width: 320px;margin: 0 auto;height: 20px;line-height: 20px;}
.s-alert div:nth-of-type(1) span{display: inline-block;}
.s-alert div:nth-of-type(1) span:nth-of-type(1){width: 45px;float: left;}
.s-alert div:nth-of-type(1) span:nth-of-type(2){width: 65px;float: right;}
.s-alert div:nth-of-type(1) a{color: #333;display: block;width: 210px;overflow: hidden;text-overflow: ellipsis;white-space:nowrap;float: left;text-align: left;}
.s-alert div:nth-of-type(2) {text-align: left;width: 80%;min-width: 310px;margin: 0 auto;padding-top: 10px;}
.s-alert div:nth-of-type(2) span{display: inline-block;width: 45px;height: 45px;border-radius: 100%;overflow: hidden;}
.s-alert div:nth-of-type(2) img{width: 100%;}
/*alert end*/




/*share-text*/
.s-contentactive{display: -webkit-box;-webkit-box-orient:vertical;background: #f7f6f3;padding-bottom: 4%;}
.s-contentitle{display: -webkit-box;-webkit-box-orient:horizontal;-webkit-box-flex:1;}
.s-contentitle div:nth-of-type(1){-webkit-box-flex:1;width: 25%;}
.s-contentitle div:nth-of-type(1) a{display: block;padding: 18%;overflow: hidden;}
.s-contentitle div:nth-of-type(1) img{width: 100%;border-radius: 100%;}
.s-contentitle div:nth-of-type(2){-webkit-box-flex:1;width: 75%;position: relative;margin-top: 6%;}
.s-contentitle div:nth-of-type(2) p:nth-of-type(1){color: #999999;font-size: 1em;}
.s-contentitle div:nth-of-type(2) p:nth-of-type(2){margin-top: 3%;color: #d7d7d7;font-size: .9em;}
.s-contentitle div:nth-of-type(2) p:nth-of-type(2) span{background: url(../img/icontime.png);background-repeat: no-repeat;
display: inline-block;padding: 7px;-webkit-background-size: 100%;background-size: 100%;position: relative;top:2px;margin-right: 8px;}
.ofuse{color: #999999;position: absolute;right: 6%;top: 4px;border: 1px solid #cacaca;padding: 3px 4%;font-size: .9em;}
.ofuse i{font-style: normal;color: #cacaca;}

.s-contenttextimg{-webkit-box-flex:1;}
.s-contenttextimg ul{font-size: 0;padding-left: 4%;padding-right: 2%;margin-top: 2%;}
.s-contenttextimg li{vertical-align: top;width: 31%;overflow: hidden;display: inline-block;margin-right: 2%;margin-top: 2%;}
.s-contenttextimg img{width: 100%;}
.s-contenttextimg div:nth-of-type(1){margin-left: 4%;font-size: 1em;margin-right: 4%;line-height: 22px;}
.s-contenttextimg div:nth-of-type(2){width: 100%;}
.s-contenttextimg p{font-size: .9em;background: #e9e9e9;display: inline-block;padding: 4px 18px;color: #5057b3;
border-radius: 14px;margin-top: 6%;margin-left: 4%;}
.s-contenttextimg span{background: url(../img/iconarea.png);background-repeat: no-repeat;background-position: 0px 0px;
display: inline-block;padding: 7px;background-size: 100%;-webkit-background-size: 100%;margin-right: 6px;position: relative;top:2px;}

.s-reply{margin-top: 10px;background: #f7f6f3;}
.s-reply h1{color: #999999;font-size: 1em;margin-left: 4%;padding-top: 4%;padding-bottom: 2%;}

.s-replycontent{display: -webkit-box;-webkit-box-orient:horizontal;padding-bottom: 4%;border-bottom: 1px solid #e3dfd2;}
.s-replycontent div:nth-of-type(1){-webkit-box-flex:1;width: 25%;}
.s-replycontent div:nth-of-type(2){-webkit-box-flex:1;width: 75%;position: relative;margin-top: 5%;}
.s-replycontent div:nth-of-type(1) a{display: block;padding: 18%;overflow: hidden;}
.s-replycontent div:nth-of-type(1) img{width: 100%;border-radius: 100%;}
.reply {position: absolute;right: 6%;top: 4px;border: 1px solid #cacaca;padding: 3px 6%;font-size: .9em;color:#666;}
.s-replycontent div:nth-of-type(2) p:nth-of-type(1){color: #999999;font-size: 1em;}
.s-replycontent div:nth-of-type(2) p:nth-of-type(2){margin-top: 2%;color: #d7d7d7;font-size: .9em;}
.s-replycontent div:nth-of-type(2) p:nth-of-type(3){margin-right: 6%;margin-top: 2%;line-height: 22px;font-size: 1em;}

.s-replytext{position:fixed;bottom: 0;background: #ebebe9;width: 100%;min-width: 320px;max-width: 640px;margin: 0 auto;display: block;}
.s-replytext div{text-align: center;height: 35px;padding: 3% 4%;}
.s-replytext input[type="text"]{height:35px;border: 0px;background: #ffffff;float: left;border: 1px solid #e3dfd2;border-right:0;width: 65%;font-size: 1em;padding-left: 2%;padding-right: 2%;border-radius: 0;}
.s-replytext button{height: 37px;border: 0px;background: #fbfbfb;border:1px solid #e3dfd2;float: left;font-size: 1em;width: 30%;color: #978c67;}
/*share-text end*/


/*comment*/
#c-wrap{min-width: 320px;max-width: 640px; overflow: hidden;margin: 0 auto;z-index: 2;position: relative;top:0;padding-bottom: 30px;}
#c-wraps{position: fixed;height: 100%;background: #323235;width: 100%;top:0;}
.c-back{padding-top: 5%;padding-bottom: 5%;}
.c-back a{display: inline-block;width: 6%;max-width: 20px;margin-left: 5%;;padding-right: 20%;}
.c-back img{width: 100%;}
.c-textwrap{padding-left: 4%;padding-right: 4%;}
.c-text1{padding: 4%;background: white;border-radius: 8px 8px 0 0;}
.c-text1 textarea{resize:none;width: 100%;border-radius: 8px;border: 0;height: 200px;font-size: 1em;word-spacing: 8px;letter-spacing: 1px;line-height: 20px;}
.c-text2{border-top: 1px solid #ebe9e3;border-bottom: 1px solid #ebe9e3;background: white;overflow: hidden;}
.c-text2child{width: 94%;margin: 5% auto;}
.c-text3{display: -webkit-box;background: white;border-radius: 0 0 8px 8px;overflow: hidden;}
.c-text3 div:nth-of-type(1){-webkit-box-flex:2;display: -webkit-box;-webkit-box-pack:start;-webkit-box-align:center;}
.c-text3 div:nth-of-type(2){-webkit-box-flex:1;min-width: 85px;}
.c-text3 button{background: #910000;border: 0;color: white;width: 100%;text-align: center;padding: 14% 0;font-size: 1.5em;height: 100%}
.c-text3 p{font-size: .9em;display: inline-block;color: #cacaca;text-indent: 20px;}
.c-text3 span{background: url(../img/grayf.png);background-repeat: no-repeat;background-position: 0 0;display: inline-block;padding: 7px;
background-size: 100%;margin-right: 6px;position: relative;top:2px;}
.c-share{padding:0 4%;}
.c-share div{margin-top: 5%;text-indent: 10px;}
.c-share span{color: #666666;font-size: .9em;}
.c-share a{display: inline-block;height: 20px;width: 20px;vertical-align: middle;margin-left: 6px;}
.c-share a:nth-of-type(1){background: url(../img/wx.png);background-repeat: no-repeat;background-size: 100%;-webkit-background-size: 100%;}
.c-share a:nth-of-type(2){background: url(../img/wb.png);background-repeat: no-repeat;background-size: 100%;-webkit-background-size: 100%;}
/*comment end*/

/*share*/
#share{position: fixed;bottom: 0;z-index: 2;background: white;width: 100%;padding:5% 0;border-radius: 2px 2px 0 0;}
#share a{display: inline-block;width: 88px;height: 88px;float: left;}
#share a:nth-of-type(1){background: url(../img/weibo.png);background-repeat: no-repeat;background-position: 0 0 ;background-size: 100%;}
#share a:nth-of-type(2){background: url(../img/qqkongjian.png);background-repeat: no-repeat;background-position: 0 0 ;background-size: 100%;}
#share a:nth-of-type(3){background: url(../img/qq.png);background-repeat: no-repeat;background-position: 0 0 ;background-size: 100%;}

#share div:nth-of-type(1){width: 264px;margin: 0 auto;height: 88px;}
#share div:nth-of-type(2){text-align: center;width: 80%;margin: 0 auto;border: 1px solid #999;margin-top: 10px;padding: 2% 0;color:#494e50;border-radius: 8px;min-width: 264px;max-width: 640px;}



/*share end*/


/*active*/
.s-contentdownactive{color: #910000;}
.ofuseb{color: #910000;border: 1px solid #910000;}
.ofuseb i{color: #910000;}

.shareactiveanimate{-webkit-animation:sactive .3s linear;}
.shareactive{-webkit-transform:translate(0px,0px);}

.sharehideanimate{-webkit-animation:sHide .3s linear;}
.sharehide{-webkit-transform:translate(0px,170px);}

@-webkit-keyframes sactive{
	0%{-webkit-transform:translate(0px,170px);}
	50%{-webkit-transform:translate(0px,100px);}
	100%{-webkit-transform:translate(0px,0px);}
}
@-webkit-keyframes sHide{
	0%{-webkit-transform:translate(0px,0px);}
	50%{-webkit-transform:translate(0px,100px);}
	100%{-webkit-transform:translate(0px,163px);}
}