﻿.selLanguage { position: fixed; width: 60px; height: 60px; bottom: 100px; right: 30px; background: #ccc; text-align: center; line-height: 60px; text-decoration: none; border-radius: 5px; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
    .selLanguage:hover { color: #fff; background-color: #ffc601; }
    .selLanguage A:hover { color: #fff; }
#back-top { position: fixed; width: 60px; height: 60px; bottom: 30px; right: 30px; background: #ccc; text-align: center; line-height: 60px; text-decoration: none; border-radius: 5px; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
    #back-top:hover { color: #fff; background-color: #ffc601; }
body { margin: 0px; margin-left: auto; margin-right: auto; font-size: 14px; background-color: #fbfbfb; font-family: 微软雅黑; }
A:link { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #000000; TEXT-DECORATION: none; }
A:visited { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #000000; TEXT-DECORATION: none; }
A:hover { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #ff6160; TEXT-DECORATION: none; }
A:active { OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: medium; COLOR: #000000; TEXT-DECORATION: none; }
.clear { clear: both; }

.Content0 { margin: 0px auto; max-width: 720px; height: auto; text-align: center; }

.topimg { width: 100%; margin: 0px auto; height: 587px; position: relative; background-color: #fff; background: no-repeat center; background-position-y:56px;  }

.top { margin: 0px auto; width: 100%; height: 58px; background-color: #ffe300; position: absolute; box-shadow: 0px 7px 10px -7px #333; }
.logo { width: 1200px; margin: 0px auto; height: 56px; line-height: 56px; text-align: left; background-color: #ffe300 }
.copyrightlogo { max-height: 40px; vertical-align: middle; }
.logo .search { margin-left: 20px; float: right; height: 58px; line-height: 58px; }
.logo .nav { width: auto; height: auto; float: right; height: 58px; line-height: 58px; }
    .logo .nav .nav-title { height: 57px; line-height: 57px; text-align: left; }
        .logo .nav .nav-title span { padding: 0px 15px; color: #000; font-size: 16px; cursor: pointer; display: inline-block; }
            .logo .nav .nav-title span:hover { background-color: #282828; color: #fff; }
.titlebg { width: 100%; margin: 0px auto; height: 105px; background-color: #efeeea; }
    .titlebg .titletb { width: 1200px; margin: 0px auto; background-color: #efeeea; }
        .titlebg .titletb .lf { float: left; width: 1000px; height:auto; color: #555; margin-top: 12px; line-height: 26px; }
        .titlebg .titletb .rf { float: right; width: 180px;  text-align:right; margin-right: 20px; color: #555; }
        .titlebg .titletb .lf .title { width: auto; height: auto;  font-size: 20px; color:#000; margin:6px 20px 0px 0px; }
        .titlebg .titletb .lf .createime { width: auto; height: 28px; line-height: 28px; font-size: 14px; }


.main { margin: 0px auto; width: 100%; height: auto; width: 1200px; height: auto; margin-top: 20px; }
    .main .lf { width: 860px; border: 1px #ececec solid; border-radius:5px; float: right; height: auto; background-color: #fff; padding-bottom: 20px; }
    .main .rf { width: 322px; float: left; }

.user { width: 280px; height: 105px; overflow: hidden; border-bottom: 1px #ececec solid; }
    .user .photo { width: 110px; height: 100px; text-align: center; float: left; cursor: pointer; }
        .user .photo img { border-radius: 50%; width: 90px; height: 90px; cursor: pointer; }
    .user .info { float: left; width: 170px; overflow: hidden; line-height: 24px; padding-top: 10px; font-size: 16px; color: #333; }
.otheruser { width: 100%; height: 40px; line-height: 40px; margin: 10px 0px 30px 0px; color: #afafaf; }
    .otheruser img { width: 30px; height: 30px; border-radius: 50%; margin-right: 6px; vertical-align: middle; cursor: pointer; }

.items { padding: 0px 18px 0px 25px; height: 30px; line-height: 30px; color: #111; }
.cxinfo { width: 780px; padding: 20px; height: auto; margin: 6px 20px 25px 20px; border-bottom: 1px #ececec solid; }

.floatlayer { border: 1px #ececec solid; padding: 20px; background-color: #fff; border-radius: 5px; }
.rftitle { width: 100%; height: 36px; line-height: 36px; margin-top:30px; font-size: 16px; font-weight: bold; color: #555; border-bottom: 1px #ececec solid; }
.rfimg { width: 100%; height: auto; margin-top: 15px; }
    .rfimg img { max-width: 280px; min-width: 280px; }
.rfbtn { width: 100%; height: 22px; margin-top: 10px; text-align: center; font-size: 16px; font-weight: bold; color: #ff6a3b; }
    .rfbtn img { max-height: 22px; cursor: pointer; }

    .youjicontent { width: 780px; margin: 20px 40px; height: auto; overflow: hidden; font-size: 16px; color: #333; line-height: 30px; }
    .youjicontent p { font-size: 16px; line-height: 30px; }
        .youjicontent p img { max-width: 780px; }
    /*.youjicontent p img { display: block; margin: 0 auto; text-align:center; }*/
    .youjicontent .weixincode { max-width: 260px; display: block; margin: 0 auto; }
 
.replytitle { width: 780px; margin: 20px 40px 0px 40px; height: 40px; line-height: 40px; font-size: 18px; font-weight: bold; color: #555; border-bottom: 1px #ececec solid; }
.reply { width: 780px; margin: 20px 40px; height: auto; position: relative; }
    .reply .tag { position: absolute; right: 0px; top: -30px; transform: rotate(30deg); width: 100px; height: 100px; text-align: center; line-height: 100px; font-size: 16px; color: #e69800; background: url(../images/tag.png); background-size: 100% 100%; }
    .reply .relf{float:left; width:90px;}
        .reply .relf img { width: 60px; height: 60px; border-radius: 50%; cursor: pointer; }
    .reply .rerf { float: left; width: 690px; }
        .reply .rerf .title{width:100%; height:40px; line-height:40px;}
            .reply .rerf .title .t1 { font-weight: bold; cursor: pointer; }
            .reply .rerf .title .t2 { color:#b5b5b5; margin-left:20px; }
        .reply .rerf .content { width: 690px; height: auto; overflow: hidden; font-size: 16px; color: #333; line-height: 30px; }
            .reply .rerf .content p { font-size: 16px; line-height: 30px; }
                .reply .rerf .content p img { max-width: 690px; }
            .reply .rerf .content .weixincode { max-width: 260px; display: block; margin: 0 auto; }

        .reply .rerf .discuss { width: auto; height: 30px; line-height: 30px; margin:10px 0px 8px 20px; font-size:16px; }
            .reply .rerf .discuss .t { color: #333; }
        .reply .rerf .discusstb { background-color: #fafafa; border: solid 1px #ededed; margin-bottom: 50px; }
            .reply .rerf .discusstb .discussitem { border-bottom: solid 1px #ededed; width: 100%; padding: 20px 0px; }
                .reply .rerf .discusstb .discussitem .discussuser { float: left; background-color: #ffd9d1; width: 50px; height: 50px; border-radius: 25px; margin: 0px 20px 0px 30px; }
                    .reply .rerf .discusstb .discussitem .discussuser img { width: 50px; height: 50px; border-radius: 25px; cursor: pointer; }
                .reply .rerf .discusstb .discussitem .discusscont { float: left; font-size: 14px; width: 580px; height: auto; overflow: hidden; }
                    .reply .rerf .discusstb .discussitem .discusscont .name { font-weight: bold; cursor: pointer; }
                    .reply .rerf .discusstb .discussitem .discusscont .text { color: #444; line-height:24px; }
                        .reply .rerf .discusstb .discussitem .discusscont .text p { font-size: 14px; line-height: 24px; }
                        .reply .rerf .discusstb .discussitem .discusscont .text p img { max-width: 580px; }
                        .reply .rerf .discusstb .discussitem .discusscont .text .weixincode { max-width: 260px; display: block; margin: 0 auto; }
                    .reply .rerf .discusstb .discussitem .discusscont .time { color: #888; }

.zan { border-radius: 3px; margin-top: 8px; background: #eaf9f2 url(../images/zan1.jpg) no-repeat center 10px; height: 22px; width: 58px; display: block; text-align: center; line-height: 12px; color: #41c074; padding-top: 34px; cursor: pointer; }
    .zan:hover { background: #41c074 url(../images/zan2.jpg) no-repeat center 10px; color: #fff; }

.foot { margin: 20px auto 0px auto; width: 100%; height: auto; background-color: #34343c; }
    .foot .tb { width: 1200px; height: auto; margin: 0px auto; }
        .foot .tb .lf { width: 100%; text-align: center; background-color: #34343c; line-height: 20px; color: #898989; padding: 25px 0px 10px 0px; }
            .foot .tb .lf img { margin-top: 10px; }

.visitortb { width: 780px; height: auto; padding: 0px 0px 10px 0px; margin: 25px 40px; }
    .visitortb .pucont { height: auto; }
    .visitortb .pubtn { color: #999; font-size: 14px; line-height: 46px; height: 46px; margin-top: 6px; }
        .visitortb .pubtn .plf { float: left; }
        .visitortb .pubtn .prf { float: right; }

.openlay { background: transparent; background: rgba(0,0,0,0.7); border-radius: 8px; position: fixed; margin: auto; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; }
    .openlay .toast { position: relative; width: 300px; height: 360px; padding: 30px; border-radius: 12px; background-color: #fff; overflow: hidden; text-align: center; margin: 150px auto 0px auto; }
        .openlay .toast .wxtel { width: 100%; height: 40px; line-height: 40px; font-size: 16px; font-weight: bold; color: #ff6a3b; }
        .openlay .toast .wximg { width: 100%; height: 280px; }
            .openlay .toast .wximg img { max-width: 300px; max-height: 280px; }
        .openlay .toast .wxcopy { float: left; background-color: #1aaeea; width: 125px; height: 32px; line-height: 32px; color: #fff; cursor: pointer; border-radius: 6px; margin: 10px; }
        .openlay .toast .wxclose { float: left; background-color: #1aaeea; width: 125px; height: 32px; line-height: 32px; color: #fff; cursor: pointer; border-radius: 6px; margin: 10px; }