@charset "utf-8";

*,*:before,*:after {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
body {text-align: left;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; font:14px/24px "Microsoft YaHei","微软雅黑","STHeiti",Arial,"Hiragino Sans GB","WenQuanYi Micro Hei",SimSun,sans-serif;-webkit-font-smoothing: antialiased; color:#3f484f;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, figure, form, fieldset, legend, input, textarea, p, th, td {	margin: 0;	padding: 0;}
/* 重设 HTML5 标签*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* HTML5 媒体文件跟 img 保持一致*/
audio, canvas, video {display: inline-block;*display: inline;*zoom: 1;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
table, fieldset, img, a img {border: 0;}
ul, ol, li, dl, dd, dt {list-style: none outside none;}
table {	border-collapse: collapse;border-spacing: 0;}
em, strong, th {font-style: normal;font-weight: normal;}
b,strong {font-weight: 600;}
audio,canvas,progress,video {  display: inline-block; /* 1 */  vertical-align: baseline; /* 2 */}
img { width: auto\9;height: auto;max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
input, select, form img, button {vertical-align: middle;}
iframe {overflow: hidden;}
small {  font-size: 80%;}
svg:not(:root) {  overflow: hidden;}
hr {  -moz-box-sizing: content-box;  box-sizing: content-box;  height: 0;}
h1 {  margin: .67em 0;  font-size: 2em;}
mark {  color: #000;  background: #ff0;}
small {  font-size: 80%;}
sub,sup {  position: relative;  font-size: 75%;  line-height: 0;  vertical-align: baseline;}
sup {  top: -.5em;}
sub {  bottom: -.25em;}
img {  border: 0;}svg:not(:root) {  overflow: hidden;}
figure {margin: 1em 40px;}
img {  vertical-align: middle;}
a, a:link, a:visited {text-decoration: none;color: #3f484f;}
a:hover {text-decoration: none;	color: ##6dabde;}
a, a:focus {outline: none;}/*去除链接虚线*/
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.cg_fl{ float:left; display:inline;}
.cg_fr{ float:right; display:inline;}
.mg_l10{margin-left: 10px;}
.txt_c{text-align: center;}
.txt_r{text-align: right;}
.txt_l{text-align: left;}
.disno{display:none;}
.clearfix:after,.titleft:after {visibility: hidden;display: block;font-size:0;content:" ";clear:both;height:0;}
* html .clearfix,* html .titleft{zoom:1;} /* IE6 */
*:first-child+html .clearfix,*:first-child+html .titleft{zoom:1;} /* IE7 */
.fix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.blank,.blank5,.blank1,.blank10,.blank20,.blank30{clear:both;display:block;font-size:1px;visibility:hidden;height:-1px;line-height:0;}
.blank5{ height:5px; }.blank10{ height:10px; }.blank20{ height:20px; }.blank30{ height:30px; }.blank1{ height:1px; }
.pos_rel{position:relative;}
.pos_b{position:absolute;left:0px;bottom:0px;}
.pos_b_r{position:absolute;right:0px;bottom:0px;}
.pos_t{position:absolute;left:0px;top:0px;}
.pos_t_r{position:absolute;right:0px;top:0px;}
.ofl li{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/*公用
   ========================================================================== */
body {position:relative;overflow:hidden;width:100%;height:100%;}
.page,.area{width:100%;margin:0 auto;position:relative;}

.page{padding:10px 0px;margin:10px auto;}

/*特别颜色*/
/*.section{background: url('../imgs/bg.png') center top no-repeat;background-size: cover;overflow: hidden;}*/
.logo{width:70px;height:44px;position: absolute;right:10px;top:10px;}
.maintit{width:95%;margin:45px auto 0px;opacity: 0;}

.sec1copyright,.concopyright,.copyright{position: absolute;bottom:3vh;left:0px;width:100%;}
.sec1copyright img{display:block;width:80%;margin:0 auto;}
.concopyright img,.copyright img{display: block;width:60%;margin:0 auto;}
.keyword{width:100%;}
.oneself{width:80%;}
.keyword{margin:50px auto 0px;}
.keyword h3{font-size: 24px;line-height: 40px;font-weight: 600;color:#f3d158;text-shadow: 2px 2px 6px #000;}
.oneself{margin:10px auto 0px; overflow: hidden;position: relative;padding-bottom: 30px;}
.keywordcon{font-size: 14px;line-height: 24px;font-weight: 400;color:#f3d158;text-shadow: 2px 2px 6px #000;}
.userpic{margin:30px auto 0px;width:65%;position: relative;border-radius: 50%;background:  rgba(255, 255, 255, 0.34);padding: 10px;opacity: 0;}
.userpic img{ padding: 10px; background: rgba(255, 255, 255, 0.34);  border-radius: 50%; display: block; width: 100%; }
.username{position: absolute; bottom:0px;left:30px;font-size: 14px;line-height: 24px;color:#f3d158;text-shadow: 2px 2px 6px #000;opacity: 0;}
.username h4{font-size: 18px;font-weight:600;line-height: 30px}
.active .userpic,.active .username{opacity: 1;}
.endcon{width: 60%;margin: 20vh auto 0px;}
.endlogo{margin-bottom: 30px;}
.endtit{margin-bottom:10px;}
.concopyright,.copyright{opacity: 0}
.show{display: block;opacity: 1;}
.suminfo{width: 90%;margin:120px auto 30px;}
.suminfo .keyword{width:100%;}
.suminfocon{padding:10px;border:1px solid #ebcf6c;font-size: 14px;line-height: 24px;color:;}
.suminfocon{padding:10px;border:1px solid #ebcf6c;font-size: 14px;line-height: 24px;color:#ebcf6c;text-shadow:1px 1px 3px #000;margin-top: 20px;position: relative;}
.ctl,.ctr,.cbl,.cbr{position: absolute;width:20px;height:20px}
.ctl{top:-1px;left:-1px;}
.ctr{top:-1px;right:-1px;}
.cbl{bottom:0;left:-1px;}
.cbr{bottom:0;right:-1px;}
.userlist{width:70%;margin:0px auto 10px;border-bottom:1px dotted #f3d158;padding-bottom: 10px;}
.userpics{width:35%;position: relative;border-radius: 50%;background:  rgba(255, 255, 255, 0.34);padding: 3px;}
.userpics img{ padding:3px; background: rgba(255, 255, 255, 0.34);  border-radius: 50%; display: block; width: 100%; }
.usernames{width:60%;}
.usernames h4,.usernames p,.usersay h4,.usersay p{font-size: 14px;line-height: 20px;color:#f3d158;text-shadow: 2px 2px 6px #000;}
.usernames h4,.usersay h4{font-size: 16px;line-height: 24px; }
.usernames h4{margin-top:8px;}
.usersay h4{margin-top: 10px;font-weight:600;}
.usersay p{font-size: 12px;margin-top:5px}
.userlistwap{margin-top: 10vh;background:rgba(11, 37, 136, 0.31);overflow: hidden;padding-top: 10px;opacity: 0;}
.active .userlistwap{opacity: 1;}
/* .twolist .fp-controlArrow.fp-prev {top:10px;left:10px;}
.twolist .fp-controlArrow.fp-next {top:10px;left:100px;} */
.conmaintit{font-size: 14px;padding:5px 10px;background: rgb(60, 157, 228);position: absolute;left:0px;top:17px;color:#fff;line-height: 22px;}
.conmaintit span{    /* padding: 0px 5px; */
    border-radius: 50%;
    /* padding: 10px; */
    display: inline-block;
    background: #02319f;
    width: 22px;
    height: 22px;
    margin-right: 10px;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    font-size: 16px;}
@media screen and (min-width: 400px) {
    .usersay p{font-size:16px;line-height: 26px;}
}