@charset "UTF-8";
@media(min-width:1200px){
::-webkit-scrollbar{width:8px; height:8px; background:rgb(255,255,255);}
::-webkit-scrollbar-thumb{background:#e3e7f5; border-radius:8px; border:1px solid #fff;}
::-webkit-scrollbar-thumb:hover{background:#a3a7b5;}
::-webkit-scrollbar-track-piece{width:8px; height:8px;}
}

*,
*:before,
*:after{box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
*{outline:none; font-family:Arial, Helvetica, Microsoft YaHei;}
*[hide]{display:none;}
*::-webkit-input-placeholder{color:rgb(64,66,79); opacity:.68;}
*::-moz-input-placeholder{color:rgb(64,66,79); opacity:.68;}
*::-ms-input-placeholder{color:rgb(64,66,79); opacity:.68;}

html,body{margin:0; width:100%; word-wrap:break-word; word-break:break-all; 
font-weight:400; line-height:1.75; color:rgb(64,66,79); height:100%; background:#fff; font-size:16px;}

dir,ul,ol,li{margin:0; padding:0; list-style:none;}
form{margin:0; padding:0;}
p,dl,dt,dd{margin:0; padding:0;}

img{border:none;}
p>img{max-width:100%;}
ins{text-decoration:none;}
a{text-decoration:none; color:rgb(64,66,79); transition:.3s;}
a:hover{color:rgb(65,93,138);}
a[button="button"]{display:inline-block; padding:4px 18px; border-radius:4px; background:rgb(65,93,138); color:#fff;}
a[button="button"] *{cursor:pointer;}
a[button="button"]:hover{opacity:.8; box-shadow:0 0 5px rgba(0,0,0,0.1);}
@media(max-width:767px){
a[button="button"]{padding:2px 12px; border-radius:2px;}
}

h1,h2,h3,h4,h5,h6{margin:0; padding:0; font-weight:400;}
h1{font-size:28px;}
h2{font-size:21px;}
h3{font-size:16px;}
h4{font-size:15px;}
h5{font-size:13px;}
h6{font-size:12px;}

table,tbody{width:100%; border-collapse:collapse;}
tr{background:#fff; transition:.3s;}
tr:hover{background:#f8f8f8;}
th{background:#fcfcfc;}
th,td{border:1px solid #f0f0f0; padding:8px; text-align:left;}

section{display:block;}

article{display:block; max-width:100%; margin:0 auto;}
article:after{display:block; content:''; clear:both;}
article iframe,
article video,
article img{max-width:100%;}
@media(min-width:1200px){
article{padding:0 28px; width:1388px;}
}
@media(max-width:1199px){
article{padding:0 18px;}
}
@media(max-width:767px){
article{padding:0 8px;}
}

aside iframe,
aside video,
aside img{max-width:100%;}
aside:after{display:block; content:''; clear:both;}

dir{display:block;}
dir>ol{margin:0 -4px; text-align:center; font-size:0;}
dir>ol>li{display:inline-block; margin:4px;}
dir>ol>li>a{display:block; padding:2px 8px; border-radius:3px; border:1px solid #f0f0f0; font-size:14px;}
dir>ol>li>a.on,
dir>ol>li>a:hover{background:rgb(65,93,138); border-color:rgb(65,93,138); color:#fff;}
dir>ol>li>a.on,
dir>ol>li>a.no{cursor:no-drop;}
@media(max-width:767px){
dir>ol{margin:-3px;}
dir>ol>li{display:inline-block; margin:3px;}
dir>ol>li>a{display:block; padding:0 8px; border-radius:2px;}
}


select,
textarea,
input[type=file],
input[type=text],
input[type=password],
input[type=number],
input[type=tel],
input[type=email]{display:block; width:100%; margin:0; transition:.3s;  padding:8px 12px; border-radius:3px; 
background:#fff; border:1px solid #f0f0f0; line-height:1.75; height:42.5px; font-size:14px;}
select[multiple],
textarea{height:116px;}
select:hover,
textarea:hover,
input[type]:hover,
input[type]:hover,
select:focus,
textarea:focus,
input[type]:focus,
input[type]:focus{box-shadow:0 0 8px rgba(0,0,0,.08);}

h6.alert{position:fixed; top:0; left:0; right:0; z-index:8888888; opacity:0; text-align:center; user-select:none; pointer-events:none;}
h6.alert>b{display:inline-block; color:#fff; max-width:320px; background:rgb(255,98,76); text-align:left; box-shadow:0 0 18px rgba(0,0,0,.08); border-radius:3px; padding:8px 22px; font-size:16px; font-weight:normal;}
h6.alert.red>b{background:rgb(255,98,76);}
h6.alert.green>b{background:rgb(29,213,111);}
h6.alert.brown>b{background:#a5692d;}
h6.alert.yellow>b{background:#ffd700;} 
h6.alert.blue>b{background:rgb(56,129,245);}
h6.alert.gold>b{background:linear-gradient(to right bottom,#ffd700,#edc86c);}



.blue{color:rgb(65,93,138);}
.green{color:rgb(66,206,175);}
.red{color:rgb(63,167,110);}
.brown{color:#a5692d;}
.yellow{color:#cacd22;}
a.blue:hover{color:rgb(0,161,255);}
a.green:hover{color:rgb(17,245,194);}
a.red:hover{color:rgb(255,143,43);}

.fa-rmb:before{margin-right:2px;}
.fa-rmb:after{margin-left:1px; content:'元'; font-weight:inherit;}




div.captcha{position:relative; padding-right:108px;} 
div.captcha img{width:98px; height:34px; object-fit:scale-down; background:rgb(246,248,250); cursor:pointer; position:absolute; right:0; top:0; border:1px solid #c8c8c8; border-radius:3px;}

div.sms{position:relative; font-size:14px;}
div.sms span{display:block; position:absolute; line-height:34px; top:0; right:0; padding:0 18px; cursor:pointer; user-select:none; color:rgb(65,93,138); transition:.3s;}
div.sms span:not(.readonly):hover{color:rgb(63,167,110);}


div.select{position:relative; font-size:14px;}
div.select:after{position:absolute; content:''; right:16px; top:16px; z-index:1; width:8px; height:8px; transform:rotate(45deg); border-style:solid; border-width:0 1px 1px 0; border-color:#d8d8d8;}
div.select.active{z-index:88888;}
div.select>input{cursor:pointer; border:1px solid #d8d8d8;}
div.select>ul{position:absolute; top:100%; left:0; right:0; max-height:480px; overflow:auto; background:#fff; overflow:hidden; 
border-radius:2px; border:1px solid #d8d8d8; box-shadow:0 0 8px rgba(0,0,0,.08); display:none;}
div.select>ul:after{display:block; content:''; clear:both;}
div.select.active>ul{display:block;}
div.select>ul>li{float:left; width:100%; padding:4px 12px; margin:4px 0; position:relative; color:#686868; cursor:pointer; transition:.2s;}
div.select>ul>li:after{position:absolute; content:''; border-bottom:1px solid #e8e8e8; left:6px; right:6px; bottom:-5px;}
div.select>ul>li:hover{background:rgb(245,247,254); color:rgb(65,93,138);}
div.select>ul>li.on{background:#f8f8f8;}

a.preferential{font-weight:normal; cursor:pointer; margin-left:4px;}

b.balance{padding:0 8px; font-weight:inherit; border-radius:3px; background:rgb(245,247,254); box-shadow:inset 0 0 8px rgba(42,97,255,.18); line-height:32px; color:rgb(65,93,138); display:inline-block;}


section.copyrights{padding:8px; float:left; width:100%;}
section.copyrights>article{padding:18px; background:#fff; color:#787878; width:100%; border:1px solid #d8d8d8; border-radius:2px;}




section.heave{position:fixed; width:100%; height:100%; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.08); z-index:1000; 
visibility:hidden; opacity:0; transition:.3s;}
section.heave .back{width:100%; height:100%;}
section.heave .win{position:fixed; top:0; left:0; background:#fff; max-width:100%; max-height:100%; overflow:hidden; border-radius:2px; z-index:8; transition:.3s; transform:translateY(18px); transition:transform .5s;}
section.heave .whead{position:absolute; top:0; left:0; right:0; z-index:9999; cursor:move; background:rgb(243,244,248);}
section.heave .whead b{display:block; line-height:48px; padding-left:18px; font-size:16px; font-weight:normal;}
section.heave .whead i{position:absolute; right:0; top:0; z-index:8; line-height:48px; padding:0 18px; font-size:18px; cursor:pointer; transition:.3s;}
section.heave .whead i:hover{color:rgb(56,129,245);}
section.heave .wbody{height:100%; padding:18px; border-top:48px solid transparent; overflow:auto;}
section.heave .wbody>iframe{display:block; width:100%; height:100%; border:none; overflow:hidden; overflow:visible; padding:48px 0 0 0; margin:0;}
section.heave.active{visibility:visible; opacity:1;}
section.heave.active .win{transform:translateY(0);}
@media(max-width:1200px){
section.heave{display:flex; align-items:center; padding:8px;}
section.heave .back{position:absolute; top:0; right:0; bottom:0; left:0;}
section.heave .win{height:auto !important; position:static; margin:auto;}
}
@media(max-width:767px){
section.heave .whead b{line-height:38px; padding-left:12px; font-size:15px;}
section.heave .whead i{line-height:38px; padding:0 12px; font-size:17px;}
section.heave .wbody{padding:8px; border-top-width:38px;}
section.heave .wbody>iframe{padding:38px 0 0 0;}
}



.head{background:#fff; box-shadow:0 4px 12px rgba(0,0,0,.18); line-height:78px; position:relative; z-index:699;}
.head .logo{float:left; font-size:0;}
.head .logo a{}
.head .logo a img{display:inline-block; height:44px; vertical-align:middle;}

.head .nav{float:left;}
.head .nav ul{float:left; margin-left:28px;}
.head .nav ul li{float:left; position:relative; margin-left:8px;} 
.head .nav ul li.on:before{position:absolute; bottom:-2px; height:3px; left:0; right:0; content:''; background:rgb(65,93,138);}
.head .nav ul li a{padding:0 18px;}

.head .text{float:right;}
.head .text span{float:left; width:1px; background:#c8c8c8; margin:30px 18px; height:18px;}
.head .text a{float:left;}


.head .home{float:left;}
.head .home a{border:1px solid #d8d8d8; line-height:28px; border-radius:2px; display:inline-block; padding:0 12px; margin:14px 0 0 18px;}
.head .home a i{margin-right:4px;}
.head .home a:hover{background:rgb(65,93,138); color:#fff; border-color:rgb(65,93,138);}

.head .info{float:right; padding:15px;}
.head .info a{float:left; padding:0 18px; position:relative;}
.head .info a:before{position:absolute; right:0; top:8px; bottom:8px; width:1px; background:#e8e8e8; content:'';}
.head .info a i{float:left; font-size:16px; line-height:28px; margin-right:8px;}
.head .info a b{float:left; font-weight:normal; line-height:28px;}

.head .user{float:right; padding:21px 0 20px 10px; position:relative; cursor:pointer;}
.head .user>img{float:left; width:38px; height:38px; object-fit:cover; border-radius:50%; box-shadow:0 0 8px #eeeff8;}
.head .user>b{float:left; line-height:38px; font-weight:normal; padding:0 8px;}
.head .user>i{float:left; line-height:38px; font-size:15px; color:#535860;}
.head .user>ul{position:absolute; text-align:center; visibility:hidden; opacity:0; border:1px solid #e8e8e8; border-radius:2px; top:100%; background:#fff; right:0; transition:.3s;}
.head .user:hover>ul{visibility:visible; opacity:1;}
.head .user>ul>li{line-height:1.75;}
.head .user>ul>li>a{margin:0 8px; font-size:15px; padding:6px 18px; display:block; border-bottom:1px solid #e8e8e8;}
.head .user>ul>li:last-child>a{border:none;}

.head .search{float:right; padding:18px 28px 0 0;}
.head .search form{position:relative; display:block;}
.head .search form:before{position:absolute; line-height:34px; left:10px; top:0; color:#888; font-size:12px;}
.head .search form:after{display:block; content:''; clear:both;}
.head .search form>input{float:left; line-height:40px; height:42px; width:280px; border-color:#d8d8d8; border-radius:50px; padding:0 48px 0 18px;}
.head .search form>button{position:absolute; top:0; right:0; line-height:42px; color:#989898; margin:0; padding:0; border:none; background:none;
border-radius:2px; width:48px; cursor:pointer; transition:.3s;}
.head .search form>button:hover{color:rgb(65,93,138);}
.head .search form>input::-webkit-input-placeholder{color:#989898; opacity:1;}
.head .search form>input::-moz-input-placeholder{color:#989898; opacity:1;}
.head .search form>input::-ms-input-placeholder{color:#989898; opacity:1;}

.head .btn{display:none;}

@media(max-width:1200px){
.head .nav{float:none; position:absolute; top:100%; left:0; right:0; display:none; background:#f6f8fb; box-shadow:0 2px 4px rgba(0,0,0,.18);}
.head .nav ul{float:none; margin:0; padding:8px 0;}
.head .nav ul li{float:none; position:relative; margin:0; line-height:48px;}
.head .nav ul li:first-child{display:block;}

.head .nav ul li.on:before{bottom:0; height:auto; top:0; right:auto; width:3px;}
.head .nav ul li a{padding:0 18px;}

.head .text{display:none;}
.head .user{display:none;}

.head .btn{display:block; float:right;}
.head .btn button.fa-search{display:none;}
.head .btn button.fa-list{font-size:22px; width:28px; text-align:center; float:left; border:none; background:none; line-height:inherit; padding:0;}
.head .btn button.fa-list.on:before{content:"\f00d"; color:rgb(65,93,138);}
.head .nav.on{display:block;}
}
@media(max-width:767px){
.head{line-height:58px;}
.head .logo a img{max-width:188px; height:auto;}
.head .search{float:none; display:none; padding:8px; position:absolute; top:100%; left:0; right:0; background:#f6f8fb; box-shadow:0 2px 4px rgba(0,0,0,.18);}
.head .search.on{display:block;}
.head .search form>input{width:100%; border:none;}
.head .btn button.fa-search{display:block; font-size:18px; margin-right:18px; width:28px; text-align:center; float:left; border:none; background:none; line-height:inherit; padding:0;}
.head .btn button.fa-search.on{color:rgb(65,93,138);}
}


.name{text-align:center; margin:108px 0 8px 0;}
.name>h1{font-weight:bold;}
@media(max-width:767px){
.name{margin:38px 0 8px 0;}
}

.form{max-width:488px; padding:18px; margin:0 auto;}
.form>dl{}
.form>dl>dt{}
.form>dl>dt>input{}
.form>dl>dd{color:red; font-size:12px; padding-top:2px; height:28px;}
.form>.submit:after{display:block; content:''; clear:both;}
.form>.submit>button{display:block; width:100%; padding:0; line-height:48px; border-radius:3px; font-size:16px; float:right; background:rgb(0,165,235); border:none; transition:.3s; color:#fff; cursor:pointer;}
.form>.submit>button:hover{background:rgb(0,188,288);}
.form>.submit>a{width:45.5%; border:1px solid #c8c8c8; background:#fff; cursor:pointer; line-height:46px; text-align:center; border-radius:3px; font-size:16px; float:left; color:#888;}
.form>.submit>a:hover{border-color:#383838; color:#383838; box-shadow:0 0 8px rgba(0,0,0,.08);}
.form>.submit>a+button{width:50%;}

dt input[type=submit]{display:block; cursor:pointer; width:100%; line-height:46px; border:1px solid #c8c8c8; padding:0 18px; border-radius:3px; color:#585858; font-size:15px; 
background:#f8f8f8; background-image:linear-gradient(#fff,#f0f0f0); text-align:center; transition:.3s;}
dt input[type=submit]:hover{background:#fafafa; background-image:linear-gradient(#eee,#fff);} 
dt.must input[type=submit]{border-color:#f00; box-shadow:inset 0 0 8px rgba(255,0,0,.08);}
dt input[type=submit].success{border:1px solid #c8c8c8; box-shadow:none; background:rgb(234 251 240); color:rgb(66,206,175); border-color:rgb(66,206,175);}

.sms{position:relative;}
.sms span{display:block; position:absolute; line-height:48px; top:0; right:0; padding:0 18px; cursor:pointer; user-select:none; color:rgb(0,165,235); transition:.3s;}
.sms span:hover{color:rgb(0,188,288);}

.form input::-webkit-input-placeholder{color:rgb(188,188,188); opacity:1;}
.form input::-moz-input-placeholder{color:rgb(188,188,188); opacity:1;}
.form input::-ms-input-placeholder{color:rgb(188,188,188); opacity:1;}

.foot{text-align:center; background:#fff; border-top:1px solid #d8d8d8; padding:8px; font-size:14px;}
.foot>article>p>span{padding-right:18px; display:inline-block;}
.foot>article>p>span img{display:inline-block; height:14px; vertical-align:middle; margin-right:4px;}
.foot>article>p>a{margin-left:18px; color:rgb(0,165,235);}
.foot>article>p>a:hover{color:rgb(0,188,288);}



section.bbs{padding:58px 0;}
@media(max-width:767px){
section.bbs{padding:18px 0;}
}


.bbs dir{margin-top:18px; position:relative; top:4px;}
.bbs dir:after{display:block; content:''; clear:both;}
.bbs dir ol{float:right;}
.bbs dir li{float:left; text-align:center; vertical-align:middle;}
.bbs dir li a{float:left; border-radius:2px; min-width:28px; line-height:28px; padding:0 8px; background:rgb(243,244,248); border:none;}
.bbs dir li a.on{background:rgb(42,97,255);}
.bbs dir li a:hover{background:rgb(42,97,255);}
.bbs dir li u{float:left; border-top-left-radius:2px; border-bottom-left-radius:2px; background:rgb(243,244,248); display:inline-block; height:28px; padding:2px; text-decoration:none; font-size:0;}
.bbs dir li u input{border:1px solid #e8e8e8; height:24px; padding:0; margin:0; width:30px; text-align:center; font-size:14px; line-height:22px;}
.bbs dir li u ins{font-size:14px; line-height:24px;}
.bbs dir li u ins:before{content:'/'; padding:0 2px 0 4px; display:inline-block;}
.bbs dir li u span{line-height:24px; display:inline-block; font-size:14px; padding-left:8px;}
.bbs dir li button{float:left; transition:.3s; border-top-right-radius:2px; border-bottom-right-radius:2px; line-height:28px; 
height:28px; font-size:14px; cursor:pointer; padding:0 8px; border:none; background:rgb(243,244,248);}
.bbs dir li:hover button{background:rgb(218,219,222);}
.bbs dir li button:hover{background:rgb(42,97,255); color:#fff;}
@media(max-width:767px){
.bbs dir{top:0;}
.bbs dir ol{text-align:left;}
}



.bbsnav{margin-bottom:48px;}
.bbsnav:after{display:block; content:''; clear:both;}
.bbsnav a,
.bbsnav u{float:left; line-height:18px; text-decoration:none;}
.bbsnav a i{font-size:16px; margin-right:2px; line-height:18px; color:#686868; float:left;}
.bbsnav a:hover i{color:rgb(65,93,138);}
.bbsnav span{float:left; color:#b8b8b8; padding:0 12px;}
@media(max-width:767px){
.bbsnav{margin-bottom:18px; font-size:15px;}
.bbsnav span{padding:0 8px;}
}




h6.alert{position:fixed; top:0; left:0; right:0; z-index:8888888; opacity:0; text-align:center; user-select:none; pointer-events:none;}
h6.alert>b{display:inline-block; color:#fff; max-width:320px; background:rgb(63,167,110); text-align:left; box-shadow:0 0 18px rgba(0,0,0,.08); border-radius:3px; padding:8px 22px; font-size:16px; font-weight:normal;}
h6.alert.red>b{background:rgb(63,167,110);}
h6.alert.green>b{background:rgb(66,206,175);}
h6.alert.brown>b{background:#a5692d;}
h6.alert.yellow>b{background:#ffd700;} 
h6.alert.blue>b{background:rgb(65,93,138);}
h6.alert.gold>b{background:linear-gradient(to right bottom,#ffd700,#edc86c);}
.bbslist{background:#fff;  border-radius:2px; float:left; width:75%; position:relative;}
@media(max-width:992px){
.bbslist{float:none; width:100%;}
}

.bbslist .bbssubnav{position:absolute; left:0; top:0; padding-right:18px; width:158px;}
.bbslist .bbssubnav>ul{line-height:38px;}
.bbslist .bbssubnav>ul>li{position:relative; padding-left:18px; margin:0 0 14px 0;}
.bbslist .bbssubnav>ul>li>a{display:inline-block; font-size:16px; color:#686868;} 
.bbslist .bbssubnav>ul>li>i{margin-right:8px; color:#fff;}
.bbslist .bbssubnav li.on{color:rgb(65,93,138);}
.bbslist .bbssubnav li.on>a{color:rgb(65,93,138);}
.bbslist .bbssubnav li.on>i{color:rgb(65,93,138);}
@media(max-width:1200px){
.bbslist .bbssubnav{display:none;}
}

p.bi{display:block; float:left; height:21px; line-height:21px; margin:3px 0 0 14px;}
p.bi a{float:left; color:#fff; padding:0 6px; font-size:12px; transition:.3s; border-radius:2px; box-shadow:0 0 6px #eeeff8;
background:rgb(65,93,138); margin-left:6px;}
p.bi a:first-child{margin-left:0;}
p.bi a.free{background-image:linear-gradient(to right bottom, #d8d8d8, #888);}
p.bi a.vip{background-image:linear-gradient(to right bottom, #ff9a52, #871908);}
p.bi a.svip{background-image:linear-gradient(to right bottom, #ff8880, #bc2bd5);}
p.bi a.specialty{background-image:linear-gradient(to right bottom, #57f1d5, #419de3)}
p.bi a.enterprise{background-image:linear-gradient(to right bottom, #e0adf5, #3323e7);}
p.bi a.earnest{background-image:linear-gradient(to right bottom, #99e5a9, #4fbb4d);}
p.bi a.agent1{background-image:linear-gradient(to right bottom, #c1c5ff, #008dab);}
p.bi a.agent2{background-image:linear-gradient(to right bottom, #ffd700, #daa520);}
p.bi a.agent3{background-image:linear-gradient(to right bottom, #d8d8d8, #005074);}
p.bi a.agent4{background-image:linear-gradient(to right bottom, #749efd, #265ddb);}
@media(max-width:767px){
p.bi{height:18px; line-height:18px; margin:0 0 0 8px;}
p.bi a{padding:0 3px; box-shadow:0 0 4px #eeeff8; margin-left:2px; transform:scale(.88);}
}



.bbsgroup{margin-left:158px; padding:0;}


.bbsgroup>div{padding:14px 18px; border-bottom:1px solid #d8d8d8;}
.bbsgroup>div:after{display:block; content:''; clear:both;}
.bbsgroup>div>h2{float:left; font-size:18px; line-height:34px;}


.bbsgroup>ul{border:1px solid #d8d8d8; border-radius:5px; padding:12px 8px;}
.bbsgroup>ul:after{display:block; content:''; clear:both;}
.bbsgroup>ul>li{float:left; padding:2px 4px;}
.bbsgroup>ul>li a{display:inline-block; padding:2px 12px;}
.bbsgroup>ul>li.on a{color:rgb(65,93,138);}
@media(max-width:767px){
.bbsgroup>ul{border-radius:3px; padding:6px;}
.bbsgroup>ul>li{padding:0;}
.bbsgroup>ul>li a{padding:2px 6px; font-size:14px;}
}

.bbsgroup>ol{margin:0 0 10px 0;}
.bbsgroup>ul+ol{margin-top:28px;}
.bbsgroup>ol:after{display:block; content:''; clear:both;}
.bbsgroup>ol>li{margin-left:28px; float:left; padding-bottom:6px;}
.bbsgroup>ol>li:first-child{margin-left:0;}
.bbsgroup>ol>li a{font-size:16px; color:#686868;}
.bbsgroup>ol>li.on{border-bottom:2px solid rgb(65,93,138);}
.bbsgroup>ol>li.on a{color:rgb(64,66,79);}
@media(max-width:767px){
.bbsgroup>ol{margin:0 0 4px 0;}
.bbsgroup>ol>li{margin-left:18px; padding-bottom:2px;}
.bbsgroup>ol>li a{font-size:15px;}
}

.bbsgroup>dl{border-bottom:1px solid #e8e8e8; padding:18px 0;}
.bbsgroup>dl>dt{}
.bbsgroup>dl>dt>a{font-size:16px;}
.bbsgroup>dl>dt>a:visited{opacity:.68;}
.bbsgroup>dl>dt>a:hover{color:rgb(65,93,138);}
.bbsgroup>dl>dt>b,
.bbsgroup>dl>dt>p,
.bbsgroup>dl>dt>i{height:22px; line-height:22px; width:22px; text-align:center; border-radius:4px; font-size:14px; margin-left:8px; vertical-align:top; position:relative; top:2px;
font-weight:normal; display:inline-block; color:#fff;}
.bbsgroup>dl>dt>b{background-image:linear-gradient(to right bottom, #004eff, #6aed0e);}
.bbsgroup>dl>dt>p{background-image:linear-gradient(to right bottom, #a318bd, #f1ee12);}
.bbsgroup>dl>dt>i{background-image:linear-gradient(to right bottom, #b773e7, #19ebeb);}
.bbsgroup>dl>dt>u{margin-right:4px; display:inline-block; text-decoration:none; }
.bbsgroup>dl>dt>u>a{font-size:15px; color:#989898;}
.bbsgroup>dl>dt>u>a:hover{color:rgb(65,93,138);}
.bbsgroup>dl>dd{line-height:28px; margin-top:12px; font-size:14px; color:#989898;}
.bbsgroup>dl>dd:after{display:block; content:''; clear:both;}
.bbsgroup>dl>dd>a>img{width:28px; height:28px; float:left; object-fit:cover; border-radius:50%; overflow:hidden;}
.bbsgroup>dl>dd>a>b{float:left; color:#686868; font-weight:normal; margin-left:8px;} 
.bbsgroup>dl>dd>a>b:hover{color:rgb(65,93,138);}
.bbsgroup>dl>dd>em{float:right; font-size:14px; font-family:inherit; font-style:normal; color:#989898; margin-left:16px; line-height:28px; cursor:default;}
.bbsgroup>dl>dd>em:last-child{margin-left:0;}
.bbsgroup>dl>dd>em:before{font-size:16px; font-family:FontAwesome; margin-right:4px;}
.bbsgroup>dl>dd>span{float:left; color:#989898; margin-left:14px;}
.bbsgroup>dl>dd>span>a{color:#989898;}
.bbsgroup>dl>dd>span>a:hover{color:rgb(65,93,138);}
.bbsgroup>dl>dd>span+span{margin-left:28px;}
@media(max-width:767px){
.bbsgroup>dl{padding:14px 0;}
.bbsgroup>dl>dt>b,
.bbsgroup>dl>dt>p,
.bbsgroup>dl>dt>i{height:20px; line-height:20px; width:20px; border-radius:2px; font-size:12px; margin-left:2px; top:4px;}
.bbsgroup>dl>dt a{font-size:15px;}
.bbsgroup>dl>dt u{margin-right:2px;}
.bbsgroup>dl>dt u a{font-size:14px;}
.bbsgroup>dl>dd{line-height:18px; font-size:12px;}
.bbsgroup>dl>dd>a>img{width:18px; height:18px;}
.bbsgroup>dl>dd>em{font-size:12px; margin-left:8px; height:18px; line-height:18px;}
.bbsgroup>dl>dd>em:before{font-size:12px; margin-right:2px;}
.bbsgroup>dl>dd>span{margin-left:12px;}
.bbsgroup>dl>dd>span+span{display:none;}
}


.bbsgrown{margin-top:18px;}
.bbsgrown h2{font-size:16px; padding:8px 0;}
.bbsgrown ul{}
.bbsgrown ul li{border-bottom:1px solid #e8e8e8; padding:14px 0;}
.bbsgrown ul li:before{width:14px; height:14px; font-size:12px; line-height:14px; border-radius:2px; text-align:center; display:inline-block; margin:8px 12px 0 0; background:rgb(65,93,138); color:#fff; float:left;}
.bbsgrown ul li:nth-child(1):before{content:'1'; background:rgb(172, 182, 192);}
.bbsgrown ul li:nth-child(2):before{content:'2'; background:rgb(176, 186, 196);}
.bbsgrown ul li:nth-child(3):before{content:'3'; background:rgb(180, 190, 200);}
.bbsgrown ul li:nth-child(4):before{content:'4'; background:rgb(184, 194, 204);}
.bbsgrown ul li:nth-child(5):before{content:'5'; background:rgb(188, 198, 208);}
.bbsgrown ul li:nth-child(6):before{content:'6'; background:rgb(192, 202, 212);}
.bbsgrown ul li:nth-child(7):before{content:'7'; background:rgb(196, 206, 216);}
.bbsgrown ul li:nth-child(8):before{content:'8'; background:rgb(200, 210, 220);}
.bbsgrown ul li:nth-child(9):before{content:'9'; background:rgb(204, 214, 224);}
.bbsgrown ul li:nth-child(10):before{content:'10'; background:rgb(208, 218, 228);}
.bbsgrown ul li:after{display:block; content:''; clear:both;}
.bbsgrown ul li a{}
.bbsgrown ul li a img{width:28px; height:28px; border-radius:50%; float:left; object-fit:cover; margin-right:8px;}
.bbsgrown ul li a b{display:block; float:left; font-size:14px; font-weight:normal; line-height:28px;}
.bbsgrown ul li p{float:left; font-size:14px; margin:3px 0 0 8px; line-height:21px;}
@media(max-width:1200px){
.bbsgroup{margin:0;}
}






.bbsside{float:right; width:25%; padding-left:38px;}
@media(max-width:1200px){
.bbsside{padding-left:18px;}
}
@media(max-width:992px){
.bbsside{float:none; width:100%; padding-left:0; padding-bottom:38px;}
}
@media(max-width:767px){
.bbsside{padding-bottom:22px;}
.bbsside:after{display:block; content:''; clear:both;}
}





.bbspencil{background:#fff; line-height:48px; text-align:center; padding:0 8px;}
.bbspencil a{display:block; font-size:16px; display:block; border-radius:48px; border:1px solid rgb(63,167,110); color:rgb(63,167,110);}
.bbspencil a i{margin-right:4px; transition:.1s; padding-right:4px; border-bottom:1px solid rgb(63,167,110);}
.bbspencil a b{font-weight:normal;}
.bbspencil a:hover{background:rgb(63,167,110); color:#fff;}
.bbspencil a:hover i{padding-right:8px; border-color:#fff;}
@media(max-width:767px){
.bbspencil{line-height:30px; padding:0; float:left;}
.bbspencil a{font-size:14px; border:none; box-shadow:0 2px 4px rgba(0,0,0,.18); background:rgb(63,167,110); color:#fff; padding:0 28px;}
.bbspencil a i{border-color:#fff;}
}




@media(min-width:768px){
.bbssign{display:block; text-align:center; margin-top:28px; border-radius:8px; background:#f6f8fb;}
.bbssign dl{position:relative; padding:22px 0;}
.bbssign dl:after{display:block; content:''; clear:both;}
.bbssign dl dt{padding:0 18px;}
.bbssign dl dt h3{font-size:18px;}
.bbssign dl dt h3 a{font-size:16px; margin-left:6px; color:rgb(63,167,110);}
.bbssign dl dt h3 a:hover{color:#daa520;}
.bbssign dl dt p{margin-top:8px; color:#686868;}
.bbssign dl dt p u{color:rgb(63,167,110); font-weight:bold; font-size:20px; padding:0 4px; text-decoration:none;}
.bbssign dl dt p a{font-size:14px; color:rgb(65,93,138);}
.bbssign dl dt p a:hover{text-decoration:underline;}
.bbssign dl dd{padding:0 18px;}
.bbssign dl dd i{font-style:inherit; font-size:26px; color:#daa520; display:block; margin:12px 0 0 0;}
.bbssign dl dd a{padding:0 32px; line-height:38px; margin-top:8px; letter-spacing:2px; border-radius:3px; color:#fff; display:inline-block;
box-shadow:0 2px 4px rgba(0,0,0,.18); text-shadow:0 -1px 2px rgba(0,0,0,.18); background:rgb(66,206,175);}
.bbssign dl dd a:hover{background-image: linear-gradient(to right bottom, #4fbb4d, #99e5a9);}
.bbssign dl dd u{display:none;}
}
@media(max-width:767px){
.bbssign{}
.bbssign dl dt,
.bbssign dl dd i{display:none;}
.bbssign dl dd a{float:left; line-height:30px; box-shadow:0 2px 4px rgba(0,0,0,.18); font-size:14px; border-radius:48px; margin-left:8px; padding:0 28px; color:#fff; background:rgb(66,206,175);}
.bbssign dl dd u{float:left; line-height:28px; border:1px solid #e8e8e8; padding:0 18px; font-size:14px; margin-left:18px; border-radius:3px; background:#f8f8f8; text-decoration:none;}
}




.bbsabs{margin-top:18px;}
.bbsabs img{width:100%; display:block; border-radius:2px;}