You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
493 lines
25 KiB
493 lines
25 KiB
body,html{font-size:12px;}
|
|
p{margin-bottom:2px;}
|
|
.form-group{margin-bottom:5px;}
|
|
.form-control{height:34px;}
|
|
a:focus,a:hover{text-decoration:none;}
|
|
.input-group-btn button{font-size:13px;padding:5px 12px;}
|
|
.form-inline .form-group {
|
|
display: inline-block;
|
|
margin-bottom:5px;
|
|
vertical-align: middle;
|
|
}
|
|
.main{min-height:460px;}
|
|
.checkbox input[type=checkbox]{margin-top:0px;margin-right:0px;}
|
|
.control-label{line-height:2.6em;margin-bottom:0px;}
|
|
|
|
#header .navbar-brand{height:66px;padding-right:0px;width:46.8%;}
|
|
#header .navbar-default{background-color:#9f2925;border:none;margin-bottom:0px;}
|
|
#header .navbar-form{border-color:#212c4a;}
|
|
#header .navbar-nav a{color:#fff;}
|
|
#header .navbar-nav .active a{background:none;}
|
|
#header .navbar-nav .active a,#header .navbar-nav a:hover{color:#ff5256;}
|
|
#header .navbar-toggle{border-color:#ff5256;padding:6px 7px;margin-top:20px;}
|
|
#header .collapsed{border-color:#fff;}
|
|
#header .navbar-toggle .icon-bar{background-color:#ff5256;}
|
|
#header .collapsed .icon-bar{background-color:#fff;}
|
|
#header .navbar-toggle:focus,#header .navbar-toggle:hover{background:none;border-color:none;}
|
|
#header .navbar-collapse{border-color:#fff;}
|
|
|
|
.search{background-color:#9f2925;padding:0px 3.4% 10px 3.4%;}
|
|
.search .ring{display:inline-block;vertical-align:top;width:5%;margin-top:5px;}
|
|
.search .searchbox{display:inline-block;vertical-align:top;width:100%;padding:3px 7px;margin-right:2%;background:rgba(255,255,255,0.4);border-radius:6px;}
|
|
.search .searchbox .icon{width:7%;display:inline-block;vertical-align:top;}
|
|
.search .searchbox .input{width:90%;margin-left:1%;display:inline-block;vertical-align:top;color:#fff;}
|
|
.search .searchbox input{background:none;border:none;line-height:1.8rem;color:#fff;width:100%;outline:none;}
|
|
.search .searchbox input::-webkit-input-placeholder {color: #fff;}
|
|
.questionlist .search{background:#d6d6d6;padding:10px 3.4%;}
|
|
.questionlist .searchbox{background:#fff;width:100%;margin-right:0px;}
|
|
.questionlist .searchbox input::-webkit-input-placeholder {color:#d6d6d6;}
|
|
.questionlist .searchbox input{color:#d6d6d6;}
|
|
|
|
.slick-prev{left:5%;z-index:999;}
|
|
.slick-next{right:5%;z-index:999;}
|
|
.slick-prev:before, .slick-next:before{opacity:1;}
|
|
.slick-dotted.slick-slider{margin-bottom:10px;}
|
|
.slick-dots li button:before{color:#fff;opacity: .75;font-size:4px;}
|
|
.slick-dots li.slick-active button:before{color:#212c4a;opacity:1;font-size:4px;}
|
|
.slick-dots li{margin:0px;}
|
|
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{padding:4px;}
|
|
.breadcrumb{background:none;padding:4px 5px;margin-bottom:5px;}
|
|
.breadcrumb a{color:#000;}
|
|
|
|
.nav-tabs>li>a.active,.nav-tabs>li>a:hover,.breadcrumb .active{color:#ff5256;}
|
|
.breadcrumb>li+li:before{padding:0px 3px;}
|
|
.pagination>li>a, .pagination>li>span{color:#999;}
|
|
.pagination>li>a:hover,.pagination>li.active>a{color:#ff5256;background:none;border:1px solid #ddd;}
|
|
.tab-content{padding:15px 4px;}
|
|
.nav-tabs{background:#f4f4f4;}
|
|
.nav-tabs>li>a,.glyphicon{color:#999;}
|
|
.btn-danger .glyphicon{color:#fff;}
|
|
.nav-tabs>li>a.active{background:#fff;color:#000;border-top:2px solid rgb(191,54,40);border-radius:0px;}
|
|
.nav>li>a{padding:8px 10px;}
|
|
|
|
#banners .slick-dots{bottom:5%;}
|
|
.detailsdes-list{display:none;}
|
|
.categorylist{margin-top:15px;min-height:100px;}
|
|
.categorylist .page-header{margin:0px;padding-bottom:5px;margin-bottom:5px;}
|
|
.categorylist .page-header h2{font-size:1.4em;margin:0px;display:inline-block;}
|
|
.categorylist .more{display:inline-block;vertical-align:top;float:right;color:#999;}
|
|
|
|
.gplist{background:#fff;}
|
|
.gplist .head{margin:0px 16px;border-bottom:3px solid var(--weui-FG-3);position:relative;line-height:2.8rem;padding-top:5px;}
|
|
.gplist .head .title{font-size:1.3rem;font-weight:bold;}
|
|
.gplist .head .more{position:absolute;z-index:99;right:0px;bottom:-4px;}
|
|
.gplist .more a{color:#7f7f7f;}
|
|
.gplist .more a .fa{font-size:1.3rem;}
|
|
.gplist .items{padding:0px 16px;}
|
|
.gplist .item{padding:8px 0px;border-bottom:1px solid #dcdcdc;width:100%;}
|
|
.gplist .item .name,.gplist .item .code{display:inline-block;vertical-align:top;text-align:center;}
|
|
.gplist .item .name{width:66%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
|
|
.gplist .item .code{width:32%;}
|
|
.gplist .thead .item{color:#7f7f7f;}
|
|
.gplist .tbody .item{color:#000;font-size:1.1rem;}
|
|
.gplist .thead,.gplist .tbody{width:100%;display:inline-block;vertical-align:top;}
|
|
|
|
.navs{padding:10px 8px;background:#fff;}
|
|
.navs .nav{display:inline-block;vertical-align:top;width:24.16%;}
|
|
|
|
.childs{width:65%;margin-left:6%;}
|
|
.childs .slick-prev{left:-8%;}
|
|
.childs .slick-next{right:-8%;}
|
|
.childs .slick-prev:before, .childs .slick-next:before{color:#999;font-size:15px;}
|
|
.childs,.child{display:inline-block;vertical-align:top;}
|
|
.child{margin:0px 5px;}
|
|
.childs a{color:#999;}
|
|
|
|
.product{cursor:pointer;padding-top:5px;}
|
|
.product .media-heading{font-size:1.3em;}
|
|
.media-content{color:#999;}
|
|
|
|
.footer p{text-align:center;color:#999;padding:15px 0px;border-top:1px solid #eee;margin-top:20px;}
|
|
|
|
.sortwraper{margin:0px 3px;}
|
|
.pricewraper .input-sm{padding:5px;}
|
|
.pricewraper label{font-size:1.1em;}
|
|
.keywraper,.pricewraper,.changewraper,.sortwraper,.tabstitle{display:inline-block;vertical-align:top;}
|
|
.pricewraper .tabstitle,.changewraper .tabstitle,.sortwraper .tabstitle{margin:0px 3px;}
|
|
.tabstitle{padding:6px 1px;line-height:1.4em;}
|
|
.tabstitle a{color:#000;font-size:1.1em;}
|
|
.keywraper .input-group-btn button{padding:5px;}
|
|
|
|
.pricewraper .form-control,.keywraper .form-control{height:28px;}
|
|
|
|
#login{position:relative;}
|
|
#login .wraper{position:absolute;z-index:99;left:0px;top:30%;width:100%;padding:5% 10%;}
|
|
#logForm{}
|
|
#regForm .btn,#logForm .btn{background:url(../img/btnbg.jpg) repeat-x;outline:none;line-height:1.8rem;border-radius:6px;outline:none;}
|
|
#logForm .form-group{background:#f7f7fb;padding:6px 6px;}
|
|
#logForm label{color:#69707f;line-height:1.4em;margin-bottom:0px;padding:0px 6px;}
|
|
#logForm .form-control{border:none;box-shadow:none;background:#f7f7fb;padding:3px 6px;}
|
|
#askForm label{line-height:2.8em;}
|
|
label.error{color:red;line-height:1.8em !important;margin-bottom:0px !important;}
|
|
|
|
#regForm{}
|
|
#regForm .form-control,#regForm .form-control{height:34px;}
|
|
#regForm .form-group,#logForm .form-group{margin-bottom:10px;}
|
|
#regForm .control-label,#logForm .control-label{text-align:right;font-size:1.1em;}
|
|
#regForm .col-xs-8,#logForm .col-xs-8{padding-left:0px;}
|
|
.question{padding-bottom:55px;}
|
|
#contactus .poster,.question .poster{position:fixed;z-index:99;left:0px;bottom:61px;}
|
|
|
|
.dropdown-menu{min-width:80px;padding:0px;border:none;}
|
|
.dropdown-menu>li>a{padding:3px;color:#fff;border-radius:0px;}
|
|
.msgs{margin-top:10px}
|
|
.msg{border-bottom:1px solid #eee;padding-bottom:10px;}
|
|
.msg .media-heading{line-height:1.4em;}
|
|
.msg .media-heading span{display:inline-block;vertical-align:top;color:#999;font-size:0.8em;}
|
|
.msg .media-content{display:none;}
|
|
.msg .media-content p,.msg .media-content div,.msg .media-content span{max-width:90%;font-size:1.1em !important;}
|
|
.msg .media-content .btn{font-size:1em;padding: 3px 6px;line-height: 1.2em;outline:none;}
|
|
.dropdown-item{width:50%;color:#999;display:inline-block;vertical-align:top;font-size:1em;padding:0px 4px;}
|
|
|
|
.detailview{display:none;}
|
|
.file_name{z-index: 1;position: absolute;width: 100%;height: 100%;left: 0;top: 0;opacity:0;}
|
|
.file_name div,.file_name label{width: 100%;height: 100%;}
|
|
|
|
.col-xs-3,.col-xs-9{padding-left:10px;padding-right:10px;}
|
|
|
|
#navs{padding:20px 10px 0px 10px;}
|
|
#navs li{display:inline-block;padding:0px 3px;}
|
|
#navs ul{padding:0px;margin-bottom:0px;}
|
|
#navs li a{color:#fff;font-size:1em;line-height:2.4em;}
|
|
|
|
|
|
|
|
.apply{font-size:13px;}
|
|
|
|
.right_fixd{position: fixed;bottom:10%;right:2%;width:96%;z-index: 999;}
|
|
.right_fixd .item{display: inline-block;margin:0px 1%;padding:10px 0px;background-color:#BF3628;border-radius:6px;color:#fff;text-align:center;cursor:pointer;width:48%;text-align: center;cursor: pointer;float: left;}
|
|
.right_fixd .item .glyphicon{font-size: 14px;color:#fff;margin-right:2px;}
|
|
.right_fixd .item .desc{line-height:20px;vertical-align: bottom;font-size:14px;}
|
|
|
|
|
|
.pagination>li>a, .pagination>li>span{padding:6px 8px;}
|
|
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {background-color: #eee}
|
|
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {z-index: 2;color: #fff;cursor: default;background-color: #d43f3a;border-color: #d43f3a}
|
|
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span {color: #999;cursor: not-allowed;background-color: #fff;border-color: #ddd}
|
|
.weui-tabbar .weui-tabbar__icon img{height:auto;}
|
|
.weui-tabbar .weui-tabbar__icon .icon{display:none;}
|
|
.weui-tabbar .weui-tabbar__icon .icon1{display:block;}
|
|
.weui-tabbar .weui-tabbar__icon:hover .icon2,.weui-tabbar .weui-bar__item_on .icon2{display:block;}
|
|
.weui-tabbar .weui-tabbar__icon:hover .icon1,.weui-tabbar .weui-bar__item_on .icon1{display:none;}
|
|
.weui-tabbar .weui-tabbar__icon{height:auto;width:40%;}
|
|
.weui-tabbar{position:fixed;bottom:0px;left:0px;width:100%;background:#f7f7fa;}
|
|
.page,body {
|
|
background-color:var(--weui-BG-0);
|
|
}
|
|
.page{
|
|
/* position:absolute;
|
|
top:0;
|
|
right:0;
|
|
bottom:0;
|
|
left:0;
|
|
overflow-y:auto;
|
|
-webkit-overflow-scrolling:touch;
|
|
box-sizing:border-box;
|
|
opacity:0;
|
|
z-index:1 */
|
|
position:relative;
|
|
height:100%;
|
|
padding-bottom:60px;
|
|
overflow:hidden;
|
|
}
|
|
.page .page__title {
|
|
margin-bottom:15px
|
|
}
|
|
|
|
.page .page__bd .icon {
|
|
margin-right:5px;
|
|
}
|
|
.page .page__bd .icon i{
|
|
font-size: 24px;
|
|
color: rgba(0,0,0,.5);
|
|
color: var(--weui-FG-1);
|
|
}
|
|
.page .page__bd li {
|
|
margin:8px 0;
|
|
font-size:1.3rem;
|
|
background-color:var(--weui-BG-2);
|
|
overflow:hidden;
|
|
border-radius:2px;
|
|
cursor:pointer
|
|
}
|
|
.page .page__bd li.js_show .weui-flex {
|
|
opacity:.5
|
|
}
|
|
.page .page__bd li.js_show .page__category {
|
|
height:auto
|
|
}
|
|
.page .page__bd li.js_show .page__category-content {
|
|
opacity:1;
|
|
-webkit-transform:translateY(0);
|
|
transform:translateY(0)
|
|
}
|
|
.page .page__bd li:first-child {
|
|
margin-top:0
|
|
}
|
|
.page .weui-flex {
|
|
padding:13px 16px;
|
|
color:#939393;
|
|
-webkit-box-align:center;
|
|
-webkit-align-items:center;
|
|
align-items:center;
|
|
-webkit-transition:.3s;
|
|
transition:.3s
|
|
}
|
|
.noticeshow{background:#fff;padding:10px 0px;margin:5px 0px;}
|
|
.noticeshow .voice{display:inline-block;vertical-align:top;width:5.2%;max-width:35px;margin:0px 3% 0px 4%;}
|
|
.noticeshow .list{display:inline-block;vertical-align:top;width:70%;line-height:1.6rem;}
|
|
.noticeshow .tag{display:inline-block;vertical-align:top;width:13%;max-width:60px;margin-right:1%;padding-left:3%;border-left:1px solid #c3c3c3;}
|
|
.noticeshow .list a{color:#b1b1b1;width:100%;display:block;outline:none;}
|
|
.noticeshow .list .item{overflow: hidden;text-overflow:ellipsis;width:100%;display:inline-block;white-space: nowrap;}
|
|
.page .tabs{height:100%;float:left;width:100%;}
|
|
.vnav{color:#292929;text-align:center;width:30%;float:left;height:100%;}
|
|
.vnav ul{margin-bottom:0px;}
|
|
.vnav li{border-bottom:1px solid #c4c4c4;padding:21px 15px;background:#d6d6d6}
|
|
.vnav li a{color:#292929;;}
|
|
.vnav li.active{background:#fff;}
|
|
.vcontent{float:left;width:70%;}
|
|
.vcontent .weui-cells{width:100%;margin-top:0px;float:left;}
|
|
.vcontent .weui-media-box{display:none;}
|
|
|
|
.brands{display: table;width: 100%;table-layout: fixed;}
|
|
.brands .item{margin-bottom:10px;padding:0px 2%;}
|
|
.brands .brand{ display: table-cell;border-radius:10px;margin:0px 10px;width:45%;background:#fff;border:1px solid #e4e4e4;padding:3% 5px;vertical-align:top;}
|
|
.brand .media-left{width:25%;padding-right:0px;}
|
|
.brand .media-heading{font-size:1.2rem;}
|
|
.brand .media-body{text-align:center;}
|
|
.brand p{color:#b1b1b1;}
|
|
|
|
#contactus{position:relative;}
|
|
#contactus .wraper{position:absolute;z-index:99;left:0px;top:0px;padding:5% 10%;color:#fff;}
|
|
#contactus .wraper .txt img{max-width:141px;width:50%;min-width:100px;}
|
|
#contactus .wraper .txt{font-size:1.2rem;line-height:2.6rem;}
|
|
#contactus .title{border-left:3px solid #fff;padding-left:8px;font-size:1.8rem;margin:6% 0px;letter-spacing:2px;}
|
|
#contactus .btn{background:url(../img/btnbg.jpg) repeat-x;outline:none;margin-left:10px;border-radius:6px;padding:3px 4px 3px 10px;letter-spacing:4px;}
|
|
|
|
#feedback .wraper{background:#fff;border-radius:5px;margin:5% 3%;padding:4% 4% 1% 4%;}
|
|
#feedback .title{border-left:3px solid #9f2925;padding-left:8px;margin-bottom:15px;}
|
|
#feedback form{border-top:1px solid #d6d6d6;padding:15px 5px 15px 5px;}
|
|
#feedback form span{color:#a3a3a3;}
|
|
#feedback .btn{background:url(../img/btnbg.jpg) repeat-x;outline:none;}
|
|
|
|
#user{padding:16% 4% 1% 4%;background:url(../img/userbg.jpg) no-repeat top right;background-size:100% 30%}
|
|
#user .menu li{border-radius:6px;}
|
|
#user .menu img{max-width:50px;min-width:35px;width:8%;}
|
|
.mybbs .head,#user .head{border-radius:6px; background:#fff;margin-bottom:8%;padding:8% 16px;}
|
|
.mybbs{padding:16% 4% 1% 4%;}
|
|
.mybbs .showwraper{background:#fff;}
|
|
|
|
#activity{padding:0px 2% 10% 2%;background:#fff;}
|
|
#activity .title{width:57%;margin:0px auto;}
|
|
#activity .activity{margin-top:2%;}
|
|
|
|
#actwraper{margin:5% 2% 0px 2%;background:#fff;padding:4% 2%;border-radius:6px;}
|
|
#actwraper .title{color:#252e4b;font-size:1.3rem;margin-bottom:5px;font-weight:bold;}
|
|
#actwraper .infor{color:#727272;font-size:1.1rem;padding:0px 0px 4% 0px;margin:10px 2%; border-bottom:1px solid #d6d6d6;}
|
|
#actwraper .remark{color:#828282;background:#f8f8f8;padding: 4% 2%;margin:0px 2%;}
|
|
#actwraper .remark .topic{color:#828282;font-weight:bold;}
|
|
#actwraper .remark .txt{line-height:1.8rem;}
|
|
#actwraper .form{background:#f0f0f0;padding:4% 0px 2% 0px;margin:0px 2%;color:#3e3e3e;}
|
|
#actwraper .form .btn{background:url(../img/btnbg.jpg) repeat-x;outline:none;}
|
|
|
|
.shadow{background:rgba(0,0,0,.7);display:none;position:fixed;z-index:998;width:100%;height:100%;left:0px;top:0px;}
|
|
#msg{position:fixed;display:none;z-index:999;left:5%;top:40%;width:90%;border-radius:6px;background:#fff;}
|
|
#msg .wraper{position:absolute;z-index:99;left:0px;top:0px;width:100%;text-align:center;}
|
|
#msg .txt{display:none;color:#3f3f3f;font-size:1.4rem;line-height:2.4rem;margin:2.4rem 0px 0.5rem 0px;}
|
|
#msg .btn{width:100%;outline:none;}
|
|
#msg .btn a{background:url(../img/btnbg.jpg) repeat-x;color:#fff;font-size:1.2rem;line-height:2.8rem;display:inline-block;width:30%;border-radius:50px;}
|
|
|
|
.chatinput{position:fixed;z-index:999;bottom:60px;left:0px;width:100%;background:#fff;padding:8px 15px;}
|
|
.chatinput .input{display:inline-block;vertical-align:top;width:68%;}
|
|
.chatinput input{background:#f4f5f8;border-radius:10px;border:none;height:2.8rem;width:100%;outline:none;text-indent:10px;}
|
|
.chatinput .button{display:inline-block;vertical-align:top;width:30%;text-align:center;}
|
|
.chatinput button{height:2.4rem;margin-top:0.2rem;width:80%;margin-left:10%;background:url(../img/btnbg.jpg) repeat-x;outline:none;border:none;color:#fff;border-radius:6px;outline:none;}
|
|
|
|
.chatbox {
|
|
overflow-y: auto;
|
|
overflow-y: scroll;
|
|
scrollbar-width: none;
|
|
-ms-overflow-style: none;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
-webkit-box-flex: 2;
|
|
-ms-flex: 2;
|
|
flex: 2;
|
|
padding-bottom:60px;
|
|
}
|
|
.chatbox .chatitem .chatbody {
|
|
flex: 1;
|
|
}
|
|
.chatitem .avatar {
|
|
margin-right: .3rem!important;
|
|
}
|
|
.chatitem {
|
|
display: flex!important;
|
|
margin-top:10px;
|
|
}
|
|
|
|
.chatbox .chatitem .msgrow{ margin-top:8px;align-items: center!important;display: flex!important;}
|
|
.chatbox .right .msgrow{justify-content: flex-end!important;}
|
|
.chatbox .chatitem .chatcontent {
|
|
background-color:#fff;
|
|
max-width: 90%;
|
|
min-width: 10%;
|
|
border-radius: 0 15px 15px 15px;
|
|
font-size:15px;
|
|
padding:0.8rem!important;
|
|
}
|
|
.chatbox .chatitem.right {
|
|
text-align: right;
|
|
}
|
|
.chatbox .red{color:#9f2925;}
|
|
.chatbox .chatitem.right .chatcontent {
|
|
background-color:#9f2925;
|
|
color:#fff;
|
|
text-align: left;
|
|
border-radius: 15px 0 15px 15px;
|
|
}
|
|
.avatar img{
|
|
height:32px;
|
|
width: 32px;
|
|
font-size: 12px;
|
|
border-radius:50%;
|
|
}
|
|
.border {
|
|
border: 1px solid #fff !important;
|
|
}
|
|
|
|
|
|
/*bbs*/
|
|
.bbs{position:relative;}
|
|
.bbs img{max-width:100% !important;}
|
|
.bbs .head{background:#fff;padding:10px 12px 5px 12px;}
|
|
.bbs .head .poster,.bbs .head .searchbox,.bbs .head .msgbox{display:inline-block;vertical-align:top;}
|
|
.bbs .head .poster{width:16%;}
|
|
.bbs .head .searchbox{width:66%;color:#a6a6a6;line-height:2.4rem;margin:13px 4% 0px 4%;padding:2px 12px;background:#f1f1f1;border-radius:20px;}
|
|
.bbs .head .searchbox input{border:none;background:#f1f1f1;margin-left:6px;outline:none;width:90%;}
|
|
.bbs .head .searchbox input,.bbs .head .searchbox i{display:inline-block;vertical-align:top;}
|
|
.bbs .head .searchbox i{vertical-align:middle;}
|
|
.bbs .head .msgbox{width:8%;margin-top:20px;float:right;}
|
|
.bbs .showwraper{background:#fff;padding-bottom:60px;border-top:10px solid #eeeeee;}
|
|
.bbs a{color:#333333;font-size:1.1rem;line-height:1.4rem;}
|
|
.bbs .postbtn,.bbs .sendbtn{background:url(../img/btnbg.jpg) repeat-x;color:#fff;position:fixed;z-index:99;right:10px;bottom:80px;border-radius:18px;padding:6px 12px;font-size:1.2rem;}
|
|
.postbtn span{margin-left:4px;}
|
|
.mybbs .navs,.bbs .navs{padding:0px 8px;}
|
|
.mybbs .navs a,.bbs .navs a,.subjects .subject a,.subjects .all{font-size:1.2rem;padding:10px 6px;display:inline-block;vertical-align:top;}
|
|
.mybbs .navs a:hover,.mybbs .navs .active,.bbs .navs a:hover,.bbs .navs .active,.subjects .active a{color:#9f2925;border-bottom:3px solid #9f2925;}
|
|
.topwraper{border-top:2px solid #dcdcdc;margin-top:-2px;background:#eeeeee;}
|
|
.toplist{display:none;padding-top:10px;}
|
|
.topwraper .active{display:block;}
|
|
.toplist .item{border-top:1px solid #c2cfcc;padding:10px 15px;background:#fff;}
|
|
.toplist .item a{display:inline-block;vertical-align:top;width:100%;}
|
|
.toplist .item span{display:inline-block;vertical-align:top;line-height:1.8rem;}
|
|
.toplist .item span.txt{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width:90%;}
|
|
.toplist .item:first-child{border-top:none;}
|
|
.toplist .icon{background:url(../img/btnbg.jpg) repeat-x;color:#fff;border-radius:5px;padding:0px 6px;margin-right:5px;}
|
|
.subjects .subject,.subjects .all{width:19%;text-align:center;display:inline-block;vertical-align:top;}
|
|
.subjects .all{padding:7px 6px;}
|
|
.bbs .childswraper{border-top:2px solid #dcdcdc;margin-top:-2px;}
|
|
.subjects .all i{margin-left:4px;font-size:1.4rem;font-weight:bold;}
|
|
.subjects .asc i{margin-top:6px;}
|
|
.subjects .all span{display:inline-block;vertical-align:top;line-height:1.4rem;height:1.4rem;overflow:hidden;}
|
|
.subjects .all .icon{margin-top:-4px;}
|
|
.subjects .all a{color:#9f2925;border:1px solid #9f2925;border-radius:18px;padding:2px 8px;display:inline-block;vertical-align:top;}
|
|
.mybbs .showlist,.mybbs .showlist .title,.bbs .showlist .title,.bbs .content .title{display:block;width:100%;font-size:1.4rem;line-height:2rem;}
|
|
.mybbs .user,.bbs .user{margin-bottom:12px;}
|
|
.mybbs .user .img img{max-width:100% !important;}
|
|
.mybbs .commentswraper .poster{width:11%;}
|
|
.mybbs .commentswraper .poster img{max-width:100% !important;}
|
|
.mybbs .user .img,.mybbs .user .detail,.bbs .user .img,.bbs .user .detail{display:inline-block;vertical-align:top;}
|
|
.mybbs .user .img,.comwraper .poster,.bbs .user .img{margin-right:6px;max-width:40px;width:11%;}
|
|
.mybbs .user .img img{max-width:100% !important;}
|
|
.bbs .user .date{color:#808080;font-size:0.8rem;}
|
|
|
|
.mybbs .commentswraper .poster{width:11%;}
|
|
.mybbs .commentswraper .poster img{max-width:100% !important;}
|
|
.bbs .user .name{color:#363636;font-size:1.1rem; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width:100%}
|
|
.bbs .user .detail{width:85%;}
|
|
.showlists .showlist{display:none;}
|
|
.showlists .active{display:block;}
|
|
.mybbs .showlist .item,.bbs .showlist .item{border-bottom:2px solid #dcdcdc;padding:15px;cursor:pointer;}
|
|
.mybbs .showlist .info,.bbs .showlist .info{color:#666;font-size:1.1rem;margin:10px 0px 16px 0px;}
|
|
.mybbs .showlist .time,.bbs .showlist .comment,.bbs .showlist .time{display:inline-block;vertical-align:top;color:#8d8d8d;}
|
|
.bbs .showlist .time{float:right;}
|
|
.mybbs .showlist,.bbs .showlist{line-height:1.6rem;}
|
|
.mybbs .showlist .tool{margin-top:5px;font-size:1rem;}
|
|
.mybbs .showlist .tool .time{margin-right:5px;}
|
|
.mybbs .navs{background:none;text-align:center;}
|
|
.mybbs .navs a{width:24%;padding:0px 10px;margin:0px 10%;color:#939393;font-size:1.3rem;line-height:2.8rem;}
|
|
|
|
.bbs .chat a{color:#9f2925;border:1px solid #9f2925;border-radius:12px;padding:1px 6px;font-size:0.6rem;}
|
|
.bbs .childsrow{display:none;width:100%;padding:10px 6px;}
|
|
.bbs .childswraper .show{display:block;}
|
|
.bbs .childsrow a{background:#eeeeee;font-size:1rem;border:1px solid #eeeeee;padding:4px 14px;margin-right:6px;margin-bottom:6px;border-radius:18px;display:inline-block;vertical-align:top;}
|
|
.bbs .childsrow a.active{color:#9f2925;border:1px solid #9f2925;background:#fff;}
|
|
|
|
.bbs .content{padding:15px;border-top:2px solid #dcdcdc;margin-top:-2px;line-height:1.6rem;}
|
|
.bbs .contentwraper{background:#fff;padding-bottom:40px;}
|
|
.bbs .comwraper{border-top:10px solid #eee;padding:10px 12px;}
|
|
.bbs .content .user{margin:12px 0px;}
|
|
.comwraper .title{font-size:1.4rem;color:#333;padding-bottom:8px;border-bottom:1px solid #c2cfcc;}
|
|
.mybbs .commentswraper .comment,.comwraper .comment{padding:10px 0px 5px 0px;margin:0px 10px;border-bottom:1px solid #c2cfcc;}
|
|
.mybbs .tool .comment,.inputwraper .replay span,.particle .category .icon,.particle .category .direct,.particle .category .select,.inputwraper .btns div,.inputwraper .input,.inputwraper .btns,.bbs .comment .date,.bbs .comment .btns,.bbs .comment .btns div,.bbs .comment .poster,.bbs .comment .showcom,.mybbs .comment .date,.mybbs .comment .btns,.mybbs .comment .btns div,.mybbs .comment .poster,.mybbs .comment .showcom{display:inline-block;vertical-align:top;}
|
|
.mybbs .showcom,.bbs .comment .showcom{width:86%;padding-top:5px;}
|
|
.mybbs .commentswraper .poster{width:11%;}
|
|
.mybbs .commentswraper .poster img{max-width:100% !important;}
|
|
.mybbs .uname,.bbs .comment .uname{font-size:1.1rem;width:100%;}
|
|
.mybbs .uname i,.bbs .comment .uname i{float:right;color:#9b9b9b;font-size:0.8rem;}
|
|
.mybbs .txt,.bbs .comment .txt{margin-top:6px;}
|
|
.mybbs .txt textarea,.mybbs .txt button{display:inline-block;vertical-align:top;}
|
|
.mybbs .txt textarea{width:100%;border:1px solid #f0f0f0;line-height:1.8rem;}
|
|
.mybbs .txt button{margin-top:10px;margin-left:30%;line-height:1.9rem;font-size:0.8rem;width:36%;background:url(../img/btnbg.jpg) repeat-x;cursor:pointer;color:#fff;border-radius:4px;padding:0px 8px;border:none;}
|
|
.mybbs .replay,.bbs .comment .replay{margin-top:10px;background:#f0f0f0;border-radius:6px;padding:4px 8px;color:#565656;}
|
|
.mybbs .comment .tool{width:100%;display:inline-block;vertical-align:top;}
|
|
.mybbs .replay .red,.bbs .comment .replay .red{color:#81110d;}
|
|
.mybbs .comment .tool,.bbs .comment .tool{color:#808080;font-size:1.3rem;margin-top:10px;}
|
|
.inputwraper .btns,.bbs .comment .btns{float:right;}
|
|
.bbs .comment .btns .disabled{color:red;}
|
|
.mybbs .comt,.bbs .comment .comt{margin-right:6px;}
|
|
.bbs .inputwraper{position:fixed;z-index:999;width:100%;bottom:60px;left:0px;padding:5px 10px;background:#fff;}
|
|
.inputwraper .input{width:84%;font-size:1.2rem;color:#a6a6a6;padding:2px 12px;background:#f1f1f1;border-radius:20px;}
|
|
.inputwraper input,.inputwraper textarea{border:none;width:90%;line-height:1.8rem;margin-top:4px;background:#f1f1f1;margin-left:6px;outline:none;}
|
|
.inputwraper i{vertical-align:top;margin-top:8px;}
|
|
.inputwraper .replay{line-height:1.6rem;padding:8px 5px;display:none;}
|
|
.inputwraper .btns{line-height:2.5rem;font-size:1.2rem;color:#898989;}
|
|
.inputwraper .comt{background:url(../img/btnbg.jpg) repeat-x;cursor:pointer;color:#fff;border-radius:4px;padding:0px 8px;}
|
|
.inputwraper .replay .icon{float:right;}
|
|
|
|
.bbs .edui-default .edui-editor-toolbarbox{/* position:fixed !important;bottom:60px;left:0px;z-index:999; */width:100%;}
|
|
.bbs .particle{padding-top:15px;background:#fff;}
|
|
.particle .topic{width:100%;padding:0px 15px;margin-bottom:10px;}
|
|
.particle .topic input{width:100%;border:none;text-indent:4px;border-bottom:1px solid #c2cfcc;line-height:3.2rem;font-size:1.2rem;color:#848484;}
|
|
.particle .infor{padding:0px 10px 20px 10px;}
|
|
.bbs .edui-default .edui-editor{border:none;}
|
|
.particle .category{padding:0px 15px 10px 15px;}
|
|
.particle .category .icon{color:#fff;background:url(../img/btnbg.jpg) repeat-x;padding:2px 4px 0px 4px;}
|
|
.particle .category .direct{}
|
|
.particle .category .select{width:90%;}
|
|
.particle .category select{width:100%;border:none;font-size:1.1rem;height:1.7rem;}
|
|
.bbs .sendbtn{bottom:87px;z-index:9999;position:fixed;padding:8px 20px;font-size:1.1rem;}
|
|
|
|
.avatarwraper{height:100%;}
|
|
.avatarwraper .filebtn{position:absolute;z-index:999;bottom:20px;left:0px;width:100%;}
|
|
/* 超小屏幕（手机，小于 768px） */
|
|
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
|
|
|
|
/* 小屏幕（平板，大于等于 768px） */
|
|
@media (max-width:420px){
|
|
.apply{font-size:10px;}
|
|
.col-xs-3{width:30%;}
|
|
.col-xs-9{width:70%;}
|
|
}
|
|
@media (max-width:360px){
|
|
.subjects .all i{margin-left:0px;}
|
|
.mybbs .navs a, .bbs .navs a, .subjects .subject a, .subjects .all{padding:10px 2px;font-size:1.1rem;}
|
|
.inputwraper input{width:88%;}
|
|
.mybbs .showcom, .bbs .comment .showcom{width:82%;}
|
|
.toplist .item span.txt{width:86%;}
|
|
.subjects .all a{padding:0px 8px;}
|
|
.mybbs .showlist, .mybbs .showlist .title, .bbs .showlist .title, .bbs .content .title{font-size:1.3rem;}
|
|
.navs .nav{width:24%;}
|
|
.gplist .item .name{width:64%;}
|
|
}
|
|
|