body { font: 14px/1.5 microsoft yahei;-webkit-tap-highlight-color: transparent; }
html {
  font-size: 20px;
}
@media only screen and (min-width: 400px) {
html { font-size: 21.33333333px !important; }
}
@media only screen and (min-width: 414px) {
html { font-size: 22.08px !important; }
}
@media only screen and (min-width: 480px) {
html { font-size: 25.6px !important; }
}
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
.content ::-webkit-scrollbar
{
    width:8px;
    height:8px;
    background-color: #F5F5F5;
}
 
/*定义滚动条轨道 内阴影+圆角*/
.content ::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}
 
/*定义滑块 内阴影+圆角*/
.content ::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #bbb;
}
/*index*/
.page-group { width: 100%; overflow: hidden; margin: auto }.block{display:block}
.flex-center{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: center;justify-content:center;-webkit-box-align: center; -webkit-align-items: center; align-items: center}
.spacebetween{box-sizing: border-box; display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;-webkit-box-align: center;-webkit-align-items: center;align-items: center;}
.flex-end { box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: flex-start; align-items:flex-start}
a:hover{ opacity:.8}.left{float:left}.right{float:right}

.content{ width:1150px; margin:auto; overflow:hidden;padding-bottom:100px}

.nav-menu ul{ text-align:center; background-color:#395779}
.nav-menu li{ display:inline-block; padding:20px 0; vertical-align:middle; color:#fff}
.nav-menu li a{ display:block; padding:0 50px; font-size:22px; color:#fff; border-right:solid 1px #fff}
.nav-menu li a.active,.nav-menu li a:hover{ font-weight:bold; color:#fff}

.index{ overflow:hidden}
.index .wq{width:550px; display:inline-block}
.index .tit{ position: relative; padding:21px 20px;background:url(../images/titbgs.png) center no-repeat; background-size:100%; font-size:24px; line-height:1}
.index .titm{ position: relative;padding:23px 20px 19px 20px;background:url(../images/titbgs.png) left center no-repeat; font-size:24px; line-height:1; background-size:100%}
.titl{position: relative;padding:21px 30px;background:url(../images/titbgl.png) no-repeat; background-size:100% 100%; font-size:24px; line-height:1 }
.index .tit .more, .titl .more,.index .titm .more{ position:absolute; right:10px; font-size:12px; color:#333}
.index .bqbox{ width:100%;}
.index .bqbox .pos{ display: inline-block;
    float: left;
    vertical-align: middle;}
.index .bqbox .pos img{ width:600px; border-radius:20px}
.bq { overflow:hidden; margin-top:40px}
.bq p { margin-left:50px; width:500px; display:inline-block; vertical-align:middle; float:left; font-size:18px; line-height:2}
.wqbox{ width:100%; overflow:hidden; margin:20px auto 50px}
.wqlist a{ width:41%; display:inline-block; margin:10px 20px; text-align:center; color:#666; font-size:18px}
.wqlist a img{ width:185px; border-radius:20px}

.daka{width:100%; margin:50px auto 100px; background-color:#eee}
.daka .dklist{width:1150px; margin:auto}
.dklist .userhead{ display:inline-block; margin:0; position:relative}
.dklist .userhead span{ position:absolute; bottom:-30px; left:0; right:0; text-align:center; color:#666}
.dklist .userhead img{ width:200px; border:solid 3px #ffd500; border-radius:10px}

.greatbox{ width:85%; margin:auto; overflow:hidden}
.greatdt .videolist{ display:inline-block; width:43%; margin:3%}
.great .greatlist .enter{ position: absolute; left:50%; display:block; width:120px; height:40px; padding-left:25px; bottom:0; line-height:40px; margin:20px auto 20PX -72.5px; background-color:#fdd000; border-radius:50px;color:#666; font-size:16px}
.great .greatlist .enter span{ width:36px; line-height:36px; position:absolute; top:2px; right:2px; bottom:2px; left:auto; border-radius:100%; background-color:#fff; color:#fdd000; font-weight:bold; text-align:center}
.greatdt .videolist p{ text-align:center; font-size:18px; color:#666}
.great .forumcon a{ color:#666; position:relative; display:block}
.great .forumcon a ~span{ margin:20px 0; font-size:16px}
.great .forumcon a:hover{ text-decoration:underline}
.case,.review,.great,.greatdt,.home{ padding-top:50px}
.casecon{ float:left; width:55%; margin:0; padding:0}
.casecon p{ width:100%;display:block;vertical-align: middle; margin:0}
.review .record,.great .record{width:80%;margin:0 auto;}
.review .greatlist{width:70%;
    float: none;
    margin: 10% auto;
    padding:20px 20px 20px 150px;}
.review .greatlist:nth-child(even){ float:none}
.review .greatlist .userhead{ position: absolute;
    top: 0;
    left: -70px;}
.record span{ display:inline-block; height:20px; line-height:20px; margin:10px 30px 10px 0; padding-left:25px}
.record .zan{ cursor:pointer}
.record span.bf{background:url(../images/play.png) left no-repeat; background-size:auto 100%}
.record span .dz{background:url(../images/wdz.png) left no-repeat; background-size:auto 100%}
.record span .active{background:url(../images/dz.png) left no-repeat; background-size:auto 100%;-webkit-animation: sc .3s linear;animation:sc .3s linear;}
.record span i{ display:inline-block; margin-right:5px; vertical-align:text-top; min-width:20px; height:20px;}
.casecon p img{ border-radius:10px}
.caseright{width:30%; float:right; height:550px; overflow-y:auto; padding-right:50px}
.caseright p{ margin:0 0 4%}
.caseright p a{ position:relative}
.caseright p span{ display:block; margin:4% 0; text-align:center; font-size:18px}
.caseright p a img{ border-radius:10px}
.caseright p a img,.recbox .pos a img,.review .recbox .pos a img, .greatdt .videolist a img{ border-radius:10px}
.case .casecon{ width:100%; margin:4% auto 0}
.case .casecon p{ width:45%; position:relative}
.case .casecon p~p{ margin-left:5%; margin-top:4%}
.case .casecon p~p span:first-child{ font-size:120%}
.case .casecon p~p span:nth-child(2){ font-size:80%; color:#777}
.recbox{ margin-left:-4%}
.recbox .pos span{ display:block; text-align:center; font-size:18px; margin:4% 0}
.review .recbox {
    width: 100%;
    overflow: hidden;
    margin: 2% auto 0;
}
.review .recbox .pos {
  width: 31%;
    display: inline-block;
    margin: 0 1%;
}
.review .recbox .swiper-slide .pos{ width:auto; margin:0}
p.live{ margin-bottom:4%}
.review .recbox .pos a,.greatdt .videolist a{ position:relative}
.caseright .pos a:hover:after,.recbox .pos a:hover:after,.case .casecon p a:hover:after,.review .recbox .pos a:hover:after,.greatdt .videolist a:hover:after,.great .forumcon a:hover:after{ content:''; background:url(../images/play.png) no-repeat center; background-size:30%; position:absolute; top:0; left:0; bottom:0; right:0; background-color:rgba(0,0,0,.5); border-radius:10px;}


.greatlist .userhead img{ width:150px; height:150px; border-radius:100%}
.greatlist .userhead{ display:block;width:150px; height:150px; margin:-75px auto 0; background:url(../images/greathbg.png); padding:20px; background-size:100% 100%}
.greatlist{position: relative; width:36%; float:left; margin:120px 5px 50px 70px; padding:0; border-radius:10px;background:url(../images/greatconbg.png) #f1f1f1 top no-repeat; background-size:100%; font-size:16px; color:#666;box-shadow: 0 0 10px rgba(0,0,0,.4);}
.greatlist:hover{ background-color:#f9f9f9}
.greatlist:nth-child(even){ float:right}
.review .greatlist h2{position: absolute;
    top: -2rem;
    padding-left: 15px;
    margin: 0;text-align: center;
    font-size: 22px;}
.great .greatlist{ height:310px}
.great .greatlist h2{ font-size:22px; text-align:center; margin:5% 0 0}
.great .greatlist h2 ~p{ text-align:center; padding:0}
.greatlist p{ margin:.25rem 0; padding-left:.5rem; position:relative; line-height:1.6}
.greatlist .hos{ margin-bottom:1%; text-align:left; font-size:18px}
.greatlist .hos:before{ background:none}
.greatlist p:before{ content:''; width:8px; height:8px; background-color:#fdd000; border-radius:100%; position:absolute; left:0; top:9px;}
.greatlist p ~ span{ display:block; position:relative; padding-left:3%}
.greatlist p ~ span:before{ content:''; width:5px; height:5px; background-color:#3e3c3d; display:inline-block; vertical-align:middle; margin-right:1%}
.greatlist ul li{ list-style:square; margin-left:38px}
.greatdt .greatlist{ width:75%; float:none;margin: 120px 0 50px 70px; padding: 20px 20px 20px 150px}
.greatdt .greatlist:hover{ border-radius:10px;background:url(../images/greatconbg.png) #f1f1f1 top no-repeat; background-size:100%}
.greatdt .greatlist p{ font-size:16px}
.greatdt .greatlist .userhead {
    position: absolute;
    top: 0;
    left: -70px;
}
.greatdt .greatlist h2 {
    position: absolute;
    top: -2rem;
    padding-left: 15px;
    margin:0;
     font-size:22px
}
.greatdt .greatlist .hos {
    font-size: 120%;
    margin-bottom: 1%;
    text-align:left
}

.forumtit{ background-color:#eee; border-left:solid 10px #fdd000; padding:5px 10px; font-weight:normal; font-size:20px}
.forumcon{ margin:30px auto; border-bottom:dotted 1px #ccc; padding-bottom:20px}
.forumcon p{ display:inline-block; width:45%; height:400px; vertical-align:top}
.forumcon p:nth-child(even){ float:right}
.forumcon .state{ text-align:right}
.forumcon .state .zanum{ display:inline-block; vertical-align:bottom;padding:0 0 2px 0; width:70px;border:solid 1px #fdd000;border-radius:20px; text-align:center}
.forumcon .state .zan{ width:70px; padding:0 0 2px 0; margin-left:20px; display:inline-block; vertical-align:sub; border:solid 1px #fdd000; border-radius:20px; text-align:center; cursor:pointer}
.forumcon .state .zan img{ width:20px; margin:auto}
.forumcon.pptdl a{ display:inline-block; width:29%; margin:0 0 0 3%; text-decoration:none; font-size:16px; text-align:center}
.forumcon.pptdl a img{ width:150px; margin:0 auto 20px}

.review .videowrapper{ margin-left:-2%}
.review .videolist{ width:31%; margin:2% 0 2% 2%;display:inline-block;vertical-align: text-top;}
.review .videolist img{ border-radius:10px}
.review .videolist p{ font-size:18px; text-align:center; color:#666;    word-break: break-word;}
.revmain{ overflow:hidden; margin:2% 0}
.pagenum{ margin-bottom:50px}
.pagenum a{ display:block; background-color:#fdd000; padding:.25rem 1rem; border-radius:20px; margin:0 20px; color:#333}

.class{ padding-bottom:5%}
.class .forumtit{ margin-top:5%}

.recbox{width:100%; overflow:hidden; margin:2% 0}
.zjrc{ margin:2% auto}
.zjrc img{ width:70%; margin:auto}

.discuss{ position:relative; overflow:hidden; padding-bottom:20px; margin:2% auto}
.discuss .textarea {width: 99%;height: 80px;padding: 15px;border:none;background-color:#f2f2f2;margin-bottom: 10px}
.discuss .zishu{position:absolute; right:1%; bottom:70px}

.commented .commentedlist{border-bottom: dotted 1px #ccc; color:#666; padding:1% 0; font-size:16px; text-align:justify; margin:2% 0 5%}
.commented .commentedlist small{ display:block; text-align:right}
.discuss .irsubmit{ float: right; display:inline-block; background-color:#fdd000; color:#333; border-radius:50px; padding:5px 20px; font-size:16px}

.doc .docimg img{ width:60%; margin:5% auto 10%} 

.live video{ width:80%; margin:50px auto 0; display:block}
.live .rc img{ width:80%; margin:30px auto}
.liveid{background-color:#fffae5; padding:30px; margin:30px auto; border-radius:20px; word-break:break-all}

.nav-menu .searchwrapper{padding:0; margin-right:10px; text-align:left; width:250px;}
.nav-menu .searchwrapper .tags small{ margin:0 5px 0 2px}
.word{ height:30px; line-height:30px;border-radius: 50px;background-color: #fff;padding: 0 10px; border:solid 1px #ddd}
.word input{width:77%; display:inline-block; vertical-align: super; border-radius:50px; border:none; height:25px; line-height:25px; margin-right:10px; padding:0 10px}
.word .search{width:20px; display:inline-block}
.word .search:hover{ opacity:.6; cursor:pointer;transform:scale(1.2);transition:all 1s ease-out;}
.nav-menu .lr{ margin-left:50px}
.nav-menu .lr a{ font-size:20px; display:inline-block; border:none; padding:0 10px}
.doc{float:right; width:280px; margin:20px 0;}
.doclink{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack: justify;-webkit-justify-content: flex-start;justify-content:flex-start;-webkit-box-align: center; -webkit-align-items: center; align-items: center; color:#555}
.doclist{float:left; width:100%}
.doclink .icon {
  color: #000;
  position: relative;
  margin:10px 10px 10px 0;
  width: 10px;
  height: 15px;
  border-radius: 1px 1px 0 0;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  border-right: solid 1px currentColor;
}
.doclink .icon:before {
  content: '';
  position: absolute;
  top: 10px;
  left: 1px;
  width: 7px;
  height: 7px;
  border-top: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.cmcon{margin-left: -4%;width: 1220px}
.cmcon .cmlist{float:left; width:28%; margin:5% 0 0 4.5%}
.cmcon .cmlist .cmblock{ overflow:hidden; padding:0; margin-bottom:20px; background-color:#f1f1f1; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.4)}
.cmcon .cmlist .cmblock h2{ width:80%; display:inline-block; font-size:34px; font-weight:normal; margin:0 5% 0 0; line-height:1.5}
.cmcon .cmlist .cmblock p{margin:0}
.cmcon .cmlist .cmblock p img{ width:100%}
.cmcon .cmlist .cmblock a{color:#333}
.cmcon .cmlist .cmblock:hover{ background-color:#f9f9f9; cursor:pointer}
.cmcon .cmlist .introduce span{ display: block; font-size:20px}
.cmcon .cmlist .introduce small{ color:#999; margin-right:20px}

.login {
    width: 300px;
    min-height:600px;
    padding:50px 0;
    margin:auto
}
.login h1 {
    color: #666;
    text-shadow: 0 0 2px rgba(0,0,0,0.3);
    letter-spacing: 1px;
    text-align: center;
}
.login input,.login select {
    width: 96%;
    margin:10px 0;
    border: none;
    outline: none;
    padding:4% 2%;
    font-size: 13px;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 4px;
    box-shadow: inset 0 -5px 45px rgba(100,100,100,0.2), 0 1px 1px rgba(255,255,255,0.2);
    -webkit-transition: box-shadow .5s ease;
    -moz-transition: box-shadow .5s ease;
    -o-transition: box-shadow .5s ease;
    -ms-transition: box-shadow .5s ease;
    transition: box-shadow .5s ease;
}
.login select{width: 100.67%;
    padding: 3% 2%; color:#666}
.btn-block {
    width: 100%;
    display: block;
}
.btn-primary {
    background-color: #f3db24;
    border:none;
    padding: 9px 1px;
    text-align:center;
    font-size: 15px;
    line-height: normal;
    border-radius:4px;
    margin:10px 0 30px 0;
     color:#333
}
.yzm input{ width:80%}
.yzm .getCode{ cursor:pointer}
.btn-primary:hover {
    color: #333; opacity:.8; cursor: pointer; font-weight:bold
}
.footer{width:100%; height:300px; margin:auto; background-image: -webkit-linear-gradient(top, #f3db24, #f1b121)}
@keyframes sc{0%{
                transform: scale(1);
                }
                50%{
                    transform: scale(1.2);
                }
                100%{
                    transform: scale(1);
                }}
@media only screen and (max-width:1600px) {

}
@media only screen and (max-width:768px) {
    .content{ width:100%; padding-top:1rem; padding-bottom:3.5rem}
    .index,.daka{ display:block; margin:auto; float:none; background:none}
    .index .bqbox,.index .wqbox{ width:90%; margin:1rem auto}
    .index .wq{ width:100%; float:none}
    .index .tit{padding:.55rem .5rem .45rem; font-size:.7rem; background-size:100% 100%}
    .index .titm{padding:.55rem .5rem .45rem;font-size:.7rem;background: url(../images/titbgs.png) center no-repeat;background-size:100% 100%}
    .titl{ width:87%;padding:.55rem 0 .45rem 3%;  margin:auto; font-size:.7rem;background: url(../images/titbgs.png) center no-repeat;background-size:100% 100%}
    .index .tit .more, .titl .more, .index .titm .more{ top:25%; font-size:.5rem}
    .cmcon{ margin:0}
    .wqlist a{ width:47%; margin:.5rem 0rem; word-break:break-all; vertical-align:text-top}
    .wqlist a:nth-child(even){ margin-left:.5rem}
    .wqlist a img{ width:100%; border-radius:.25rem}
    .daka .dklist{ width:100%; margin:auto; display:block}
    .dklist .userhead{ width:28%; margin:5% 3% 8% 1%}
    .dklist .userhead img{ width:100%}
    .bq{ margin:0}
    .bq p{ width:100%; font-size:.7rem; margin:.5rem 0 0}
    .index .bqbox .pos img{ width:100%; border-radius:.25rem}
    .nav-menu li{ padding:.25rem 0}
    .nav-menu li:last-child a{ border:none; font-size:.6rem; color:#395779}
    .nav-menu li a{ font-size:.7rem;padding: 0 .3rem 0 .15rem}
    .live .titl ~ h2,.titl ~ h2,.mtitl{ font-size:.7rem; text-align:center}
    .liveid{ width:82%; margin:.5rem auto 0; padding:4%; font-size:.7rem; min-height:2rem; border-radius:.25rem}
    .live .rc img{ width:90%;}
    .greatlist{ width:56%; margin:3rem 0 1rem 3rem; padding:.25rem .5rem 1.5rem 3.5rem; font-size:.6rem}
    .greatlist .userhead {top: -2rem;left: -2rem;width:4rem;height:4rem; padding:.5rem}
    .review .greatlist .userhead{ left:-1rem; top:2rem}
    .greatlist p:before{ width:.25rem; height:.25rem; top:7px; left:-.25rem}
    .great .greatlist h2 {top: -1.75rem;font-size: .8rem;}
    .greatlist .userhead img{ width:100%; height:100%}
    .review .greatlist {
    width: 58%;
    float: none;
    margin: 15% 0 15% 10%;
    padding: 2% 2% 2% 23%;
}
.review .greatlist h2{ font-size:.8rem; top:-1.5rem}
.review .greatlist h2~p{ padding-left:.75rem; font-size:.6rem}
    .greatlist ul li{ word-break:break-all; margin-left:1rem}
    .forumtit{ width:81.5%; margin:auto; padding:.25rem .5rem; font-size:.7rem}
    .fortext{ width:89.5%; padding:.5rem 0; margin:auto}
    .photo{ width:90%; margin:4% auto}
    .revmain .casecon{ width:100%; padding:0; margin:0 auto 1rem; background:none}
    .casecon p{ margin:0}
    .review .casecon p{ margin-top:4%}
    .caseright p span{ font-size:.7rem}
    .case .casecon{ width:90%; margin:1rem auto; float:none}
    .review .videowrapper{ margin:0}
    .review .videolist{ width:43%; margin:4% 0 2% 5%}
    .review .videolist p{ font-size:.7rem}
    .review .videolist:nth-child(even){ margin-left:2%}
    .forumcon {
    width: 89%; overflow:hidden;
    margin: 1rem auto;
    padding: 0 0 1rem 0;
}
.forumcon.pptdl a img {
    width: 100%;
    margin: 0 auto .5rem;
}
    .forumcon .state .zanum{ width:3.5rem; height:1rem; line-height:1rem; font-size:.6rem}
    .forumcon .state .zan{ height:1rem; line-height:1rem}
    .pagenum a{ margin:0 .25rem; font-size:.6rem}
    .greatdt .videolist {width: 40%;margin: 6% 0 0 6%}
    .greatdt .videolist p{ font-size:.7rem}
    .home ~ .daka{ padding-bottom:3.5rem}
    .revmain{ width:90%; margin:1rem auto}
    .caseright{ width: 100%;
    float: none;
    overflow: hidden;
    height: auto;}
    .swiper-container{ padding-bottom:5%}
    .swiper-pagination-bullet{ background:#395779}
    .swiper-button-next, .swiper-button-prev{ width:1rem; height:1rem; top:46%;}
    .swiper-button-next:focus, .swiper-button-prev:focus{ outline:none; opacity:.7}
    .swiper-button-next{ right:0}.swiper-button-prev{left:0}
    .review .recbox{ width:90%; margin:3% auto 3%} 
    .recbox .pos,.review .recbox .pos{ width:100%; margin:1rem 0 0}
    .recbox .pos span{ font-size:.6rem}
    .zjrc img{ width:90%; margin:auto}
    .discuss .irsubmit{ font-size:.7rem; margin-right:1rem}
    .commented{ width:90%; margin:auto}
    .commented .commentedlist{ font-size:.7rem}
    .case .casecon p,.case .casecon p~p{ width:100%; margin:4% 0 0}	
    .nav-menu .searchwrapper {
    padding: 0;
    margin-right: 10px;
    text-align: center;
    width: 90%;
    margin: .5rem auto;
}
.nav-menu .lr{position: absolute;
    right: 0;
    top: 0;
    font-size: .6rem; color:#395779}
    .cmcon .cmlist,.cmcon .cmlist:nth-child(even) {
    width: 88%; float:none;
    margin: 5% auto 0;
}   
.nav-menu li:nth-child(6) a{ border:none} 
.cmcon .cmlist .cmblock h2{ font-size:1rem}
.cmcon .cmlist .introduce span{ font-size:.8rem}
.searchwrapper .word{ border:none}
.great .greatlist{width: 42.5%; height:10.5rem;
    margin: 2rem .5rem .5rem;
    padding: 0;
    font-size: .6rem;
    float: none;
    display: inline-block; vertical-align: top;
    clear: both;
    padding: 1rem 0;}
.great .greatlist .userhead {
    top: 0;
    left:0;
    margin:0 auto;
    width: 4rem;
    height: 4rem;
    padding: .5rem;
}
.greatlist .hos{ font-size:.7rem; padding:0}
.great .greatlist .enter{ position: absolute; left:.4rem; bottom:.4rem; margin:0; width:4.5rem; height:1.5rem; line-height:1.5rem; font-size:.6rem}
.great .greatlist .enter span{ width:1.35rem; line-height:1.35rem}
.greatdt .greatlist .userhead {
    position: absolute;
    left: -1rem;
    top: 2rem;
}
.greatdt .greatlist {
    width: 57%;
    float: none;
    margin: 15% 0 15% 10%;
    padding: 2% 2% 2% 23%;
}
.case .casecon p~p span:first-child{ font-size:.9rem}
.case .casecon p~p span:nth-child(2){ font-size:.6rem; color:#777}
.greatdt .greatlist h2{ top:-1.5rem; font-size:.8rem}
.greatdt .greatlist .hos{ padding-left:.5rem}
.greatdt .greatlist p{ font-size:.6rem}
.doc{ width:88%; float:none; margin:1rem auto}
.doclist{ width:88%; margin:auto; float:none}
.forumcon p{display: block;
    width: 100%;
    height: auto;}
.login{ min-height:auto; padding-top:1rem}
.login h1{ font-size:1rem;}
    .discuss .zishu{ bottom:3rem; right:1.5rem}
    .discuss .textarea{ width:86%; display:block; margin:0 auto .5rem; padding:2%}
    .footer{ height:3rem; position: fixed; bottom:0}
}