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.
474 lines
19 KiB
474 lines
19 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;
|
|
}
|
|
li {
|
|
list-style: none;
|
|
}
|
|
.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:56%;}
|
|
#header .navbar-default{/*background:url(../img/hbg.png) repeat-x;*/background-color:#212c4a;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;}
|
|
|
|
.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;}
|
|
|
|
|
|
.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;}
|
|
|
|
#logForm label,#askForm label{line-height:2.8em;}
|
|
label.error{color:red;line-height:1.8em !important;margin-bottom:0px !important;}
|
|
|
|
#logForm,#regForm{margin-top:15%;}
|
|
#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;}
|
|
|
|
.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;}
|
|
.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 9px;}
|
|
.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}
|
|
|
|
/*数据超市*/
|
|
.bigcate{margin:0px -15px;}
|
|
.bigcate .breakcrumb{background-color: #252e4b;padding:3rem 0;text-align: center;}
|
|
.bigcate .breakcrumb .title{color: #fff;font-size:2.4rem;margin-bottom:1rem;}
|
|
.bigcate .breakcrumb .current{color: #7c8bba;font-size:1.1rem;margin-bottom:1rem;}
|
|
.bigcate .breakcrumb .current span{display:inline-block;padding: 0px 1rem;height:1.8rem;line-height:1.8rem;text-align: center;background-color: #37405b;border-radius:12px;}
|
|
.bigcate .breakcrumb .current i{font-size:1.8rem;margin:0px 12px;display:inline-block;vertical-align:top;}
|
|
.bigcate .hotlist{margin-bottom:1.4rem;}
|
|
.bigcate .hotlist .left{float:left;width:63%;margin-right:2%;}
|
|
.bigcate .hotlist .right{float:left;width:35%;}
|
|
.bigcate .hotlist .img{position:relative;}
|
|
.bigcate .hotlist p{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding:0.8rem 3px;font-size: 1rem;position: absolute;left: 0;color: #fff;bottom: -2px;width: 100%;text-align: center;background-color: rgba(37, 44, 62, 0.8);}
|
|
.bigcate .container{background:#f9f9f9;padding-top:2rem;padding-bottom:5%;}
|
|
.bigcate .hotlist .right .img:first-child{margin-bottom:8px;}
|
|
.bigcate .hotlist .left .img a{position: relative;display: block;width: 100%;padding-top:84%;}
|
|
.bigcate .hotlist .right .img a{position: relative;display: block;padding-top:72%;width: 100%;}
|
|
.bigcate .hotlist .right img,.bigcate .hotlist .left img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;transition: all 0.3s;}
|
|
.bigcate .selectwraper{margin-bottom:1.4rem;background-color: #f2f2f2;padding:1.4rem 1.8rem 0.4rem;}
|
|
.bigcate .selectwraper .selectitem{display:inline-block;vertical-align:top;margin-right:1rem;min-width:44%;}
|
|
.bigcate .selectwraper .selectrow{margin-bottom:1rem;}
|
|
.bigcate .selectwraper .selectrow span{margin-right:5px;}
|
|
.bigcate .selectwraper .selectrow input{line-height:2.4rem;min-width:50%;padding-right:5px;border: 1px solid #eee;text-indent:5px;background-color: #fff;color: rgba(0,0,0,.85);border-radius: 2px;}
|
|
.bigcate .selectwraper .selectrow select,.bigcate .ranklist select{display:inline-block;vertical-align:top;height:2.4rem;width:100%;line-height:2.4rem;padding-right:5px;border: 1px solid #eee;background-color: #fff;color: rgba(0,0,0,.85);border-radius: 2px;}
|
|
.bigcate .selectwraper .selectrow option{}
|
|
.bigcate .selectwraper button{font-size: 1.1rem;cursor: pointer;border: 0;width: 84px;line-height:2.8rem;text-align: center;background-color: #f01968;border-radius: 10px;color: #fff;}
|
|
.bigcate .prolist,.bigcate .ranklist{margin-bottom:1.4rem;}
|
|
.bigcate .ranklist .select{width:50%;float:left;}
|
|
.bigcate .ranklist select{width:50%;margin-left:5px;}
|
|
.bigcate .ranklist .select span{width:6%;max-width:27px;display:inline-block;vertical-align:top;padding-top:4px;}
|
|
.bigcate .ranklist .tab{display:inline-block;margin-right:1.4rem;vertical-align:top;cursor: pointer; border-radius: 20px;background-color: #f2f2f2;height:2.8rem;line-height:2.8rem;padding: 0 16px;color: #555c6f;}
|
|
.bigcate .ranklist .tabs{margin:1rem 0px;width:50%;float:left;margin-top:0px;text-align:right;}
|
|
.bigcate .ranklist .tabwrapers .active{display:block;}
|
|
.bigcate .ranklist .tabwraper{display:none;color:#666;width:100%;overflow-y:auto;}
|
|
.bigdetail .detailrow table,.bigcate .ranklist .tabwraper table{width:100%;min-width:100%;display:table !important;white-space: nowrap;}
|
|
.bigcate .ranklist .tabwraper table th,.bigcate .ranklist .tabwraper table td{padding:6px 10px;}
|
|
.bigcate .ranklist .tabwraper table th{font-size:1.2rem;}
|
|
.bigcate .ranklist .tabwraper a{color:#666;font-size:1.1rem;}
|
|
.bigcate .ranklist .tabwraper td:first-child img{ width: 37px;height: 37px;border-radius: 50%;margin-right: 5px;}
|
|
.bigcate .ranklist .tabs .active{background:#f5ddad;}
|
|
.bigcate .ranklist .tab img{margin-right:5px;width:17px;height: auto;}
|
|
.prolist .head h2{color:#555c6f;font-size:1.3rem;line-height:2.4rem;}
|
|
.prolist .head h2 span{width:6%;max-width:23px;margin-right:5px;display:inline-block;vertical-align:top;}
|
|
.prolist .products{margin:20px 0px 0px 0px;}
|
|
.prolist .product,.relates .product{
|
|
float:left;
|
|
width:24.2%;
|
|
padding: 10px;
|
|
border: 1px solid #e5e8eb;
|
|
border-radius: 10px;
|
|
margin-bottom: 20px;
|
|
background:#fff;
|
|
margin-left:1%;
|
|
}
|
|
.prolist .product:nth-child(4n+1),.relates .product:nth-child(4n+1){
|
|
margin-left:0px;
|
|
}
|
|
.prolist .product .img,.relates .product .img {
|
|
width: 100%;
|
|
position:relative;
|
|
height:256px;
|
|
overflow:hidden;
|
|
}
|
|
.prolist .product .tag,.relates .product .tag {
|
|
color: #fff;
|
|
width:20%;
|
|
min-width:50px;
|
|
line-height:2rem;
|
|
font-size:0.8rem;
|
|
background-color:#BF3628;
|
|
text-align: center;
|
|
right: 0;
|
|
top:0px;
|
|
position:absolute;
|
|
z-index:99;
|
|
border-radius:6px;
|
|
}
|
|
.prolist .product .link,.relates .product .link {
|
|
color: #fff;
|
|
width:20%;
|
|
min-width:50px;
|
|
line-height:2rem;
|
|
font-size:0.8rem;
|
|
background-color: rgba(108, 104, 118, 0.6);
|
|
text-align: center;
|
|
right: 0;
|
|
bottom:0px;
|
|
display:none;
|
|
position:absolute;
|
|
z-index:99;
|
|
border-radius:6px;
|
|
cursor:pointer;
|
|
}
|
|
.prolist .product a,.relates .product a{display:block;width:100%;height:100%;position:relative;}
|
|
.prolist .product a:hover .link,.relates .product a:hover .link{display:block;}
|
|
.prolist .product .img>img,.relates .product .img>img {
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 5px;
|
|
object-fit: cover;
|
|
position: absolute;
|
|
top: 0;
|
|
}
|
|
.prolist .product .code,.relates .product .code {
|
|
font-size: 12px;
|
|
color: #999;
|
|
margin-top:20px;
|
|
padding:0px 10px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
word-break: break-all;
|
|
}
|
|
.prolist .product .org,.relates .product .org {
|
|
margin-bottom: 5px;
|
|
margin-top:10px;
|
|
color: #737376;
|
|
position: relative;
|
|
}
|
|
|
|
.prolist .product .name,.relates .product .name {
|
|
color: #333;
|
|
font-size:1.2rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
word-break: break-all;
|
|
}
|
|
.bigdetail{padding:30px 0px;}
|
|
.bigdetail .relates{height:100%;width:100%;overflow:hidden;}
|
|
.bigdetail .breakcrumb{margin-bottom:10px;color:#666;font-size:1rem;}
|
|
.bigdetail .breakcrumb img{vertical-align:middle;margin-top:-4px;}
|
|
.bigdetail .breakcrumb span{margin-right:5px;}
|
|
.bigdetail .breakcrumb i{margin:0px 5px;}
|
|
.bigdetail .breakcrumb a{color:#666;}
|
|
.bigdetail .breakcrumb a:hover{color:#999;}
|
|
.bigdetail .left{width:58%;padding:10px;background:#fff;border-radius:10px;float:left;}
|
|
.bigdetail .right{width:38%;margin-left:3%;float:left;}
|
|
.table-bordered {border: 1px solid #ddd;margin-bottom:20px;background-color: transparent;border-collapse: collapse;border-spacing: 0;}
|
|
.bigdetail .infor li {border-bottom: 1px solid #e1e2e6;padding: 15px 0;line-height: 160%;}
|
|
.bigdetail .infor li:first-child {padding-bottom:15px;padding-top: 0;}
|
|
.bigdetail .infor li:first-child button {
|
|
min-width: 52px;
|
|
margin-left: 5px;
|
|
border-radius: 10px;
|
|
border: 0;
|
|
background-color: #f2f2f2;
|
|
text-align: center;
|
|
padding: 0 10px;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
}
|
|
.bigdetail .detailitem{color:#666;width:100%;overflow-y:auto;}
|
|
.bigdetail .infor li h1 {line-height: 150%;color: #000;font-size:1.6rem;margin:15px 0px 0px 0px;}
|
|
.bigdetail .infor li button i {color: #666;margin-left: 3px;}
|
|
.bigdetail .infor li:not(:first-child) {color: #666;}
|
|
.bigdetail .infor li span.tiaokuan {color: #f01968;cursor: pointer;text-decoration: underline;}
|
|
.bigdetail .btns{margin:20px 0px 10px 0px;}
|
|
.bigdetail .btns li {display:inline-block;vertical-align:top;padding: 5px 20px;border: 1px solid #ddd;border-radius: 10px;text-align: center;}
|
|
.bigdetail .btns li h6 {color: #999;margin-bottom: 3px;font-size:1rem;}
|
|
.bigdetail .btns li p {color: #666;}
|
|
.bigdetail .detailrow{width:100%;}
|
|
.bigdetail .detailrow h4 {margin:20px 0px 15px 0px;color: #555c6f;font-size:1.2rem;padding-left: 10px;position: relative;}
|
|
.bigdetail .detailrow h4::after {width:2px;height: 20px;background-color: #f01968;position: absolute;content: "";left: 0;transform: translateY(-50%);top: 55%;line-height: 150%;}
|
|
.bigdetail .detailrow table{background:#fff;color:#666;width:100%;border-collapse: collapse;border-spacing: 0;}
|
|
.detailrow table th,.detailrow table td {text-align: center;border-width: 1px;border-style: solid;border-color: #eee; position: relative;padding: 9px 15px;min-height: 20px;line-height:2rem;font-size:1rem;}
|
|
.detailrow table th,.detailrow table td {background-color: #fff;}
|
|
.prowraper{padding-top:20px;}
|
|
|
|
.modal{
|
|
-webkit-overflow-scrolling: touch;
|
|
top:5%;
|
|
z-index:999;
|
|
position: fixed;
|
|
left:50%;
|
|
margin-left:-45%;
|
|
width:90%;
|
|
border-radius:5px;
|
|
display:none;
|
|
max-height:90%;
|
|
}
|
|
.modaldialog{display:block;overflow:hidden; background-color: #fff;-webkit-background-clip: content;border-radius: 2px;box-shadow: 1px 1px 50px rgba(0,0,0,.3);}
|
|
.modal-header{
|
|
padding: 0 80px 0 20px;
|
|
border-bottom: 1px solid #F0F0F0;
|
|
font-size:1.1rem;
|
|
color: #333;
|
|
overflow: hidden;
|
|
border-radius: 2px 2px 0 0;
|
|
position:relative;
|
|
}
|
|
.modal-header h4{line-height:3.2rem;font-size:1.2rem;}
|
|
.modal-header .close{
|
|
position: absolute;
|
|
right: 15px;
|
|
*right: 0;
|
|
top: 10px;
|
|
width:16px;
|
|
height:16px;
|
|
font-size:1.6rem;
|
|
border:none;
|
|
background:none;
|
|
cursor:pointer;
|
|
}
|
|
.modal-body{
|
|
padding:25px 20px;
|
|
overflow: hidden;
|
|
max-height: 400px;
|
|
line-height:1.8rem;
|
|
overflow-y: scroll;
|
|
width:100%;
|
|
}
|
|
.Subtitle{
|
|
text-indent: 0;
|
|
font-size:1.2rem;
|
|
font-weight: bold;
|
|
}
|
|
.modal-footer{padding:13px 15px;margin-top:10px;text-align:center;border-top:1px solid #F0F0F0;}
|
|
.modal-footer .btn{box-shadow:none;background-color: #1E9FFF;color: #fff;border:none;line-height:1.8rem;padding:0px 18px;border-radius: 2px;text-decoration: none;cursor:pointer;}
|
|
.modal-shape{
|
|
display:none;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
_height: expression(document.body.offsetHeight+"px");
|
|
z-index: 998;
|
|
background-color: rgb(0, 0, 0);
|
|
position:fixed;
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.weui-tabbar{position:fixed;bottom:0px;left:0px;width:100%;}
|
|
.page,body {
|
|
background-color:var(--weui-BG-0)
|
|
}
|
|
.page{
|
|
position:relative;
|
|
/* 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 */
|
|
}
|
|
.page .page__title {
|
|
margin-bottom:15px
|
|
}
|
|
|
|
.page .page__bd .icon {
|
|
margin-right:10px;
|
|
}
|
|
.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.2rem;
|
|
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:16px;
|
|
-webkit-box-align:center;
|
|
-webkit-align-items:center;
|
|
align-items:center;
|
|
-webkit-transition:.3s;
|
|
transition:.3s
|
|
}
|
|
/* 超小屏幕（手机，小于 768px） */
|
|
/* 没有任何媒体查询相关的代码，因为这在 Bootstrap 中是默认的（还记得 Bootstrap 是移动设备优先的吗？） */
|
|
.sticktop{
|
|
padding:5px 10px;
|
|
text-align:center;
|
|
background:rgba(255,255,255);
|
|
display: none;
|
|
position:fixed;
|
|
z-index:999;
|
|
right:10px;
|
|
bottom:50%;
|
|
border-radius:6px;
|
|
}
|
|
.sticktop .jiantou{margin-bottom:5px;}
|
|
.sticktop .jiantou img{width:80%;max-width:29px;}
|
|
@media (min-width:780px){
|
|
body{font-size:14px;}
|
|
.bigcate .ranklist .tabwraper table th, .bigcate .ranklist .tabwraper table td{padding:10px 14px;}
|
|
.bigcate .hotlist .right .img a{padding-top:74.5%;}
|
|
.bigdetail .btns li h6{font-size:1.1rem;}
|
|
.bigdetail .breakcrumb{font-size:1.2rem;}
|
|
.detailrow table th, .detailrow table td{line-height:1.8rem !important;}
|
|
}
|
|
@media (min-width: 420px) and (max-width: 780px) {
|
|
.prolist .product .img, .relates .product .img{height:200px;}
|
|
.prolist .product,.relates .product{width:31.8%;margin-left:2% !important;margin-bottom:15px;}
|
|
.prolist .product:nth-child(3n+1),.relates .product:nth-child(3n+1){margin-left:0px !important;}
|
|
.bigdetail .btns li{padding:5px 10px;}
|
|
.bigcate .hotlist .right .img a{padding-top:74%;}
|
|
}
|
|
/* 小屏幕（平板，大于等于 768px） */
|
|
@media (max-width:420px){
|
|
.prolist .product .org, .relates .product .org{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
|
|
.bigcate .ranklist .select,.bigcate .ranklist .tabs{width:100%;}
|
|
.bigcate .ranklist .tabs{text-align:left;margin-top:1rem;}
|
|
.bigdetail .detailrow table, .bigcate .ranklist .tabwraper table{width:auto;}
|
|
.bigdetail .left{width:100%;}
|
|
.bigdetail .right{width:100%;margin-left:0px;}
|
|
.apply{font-size:10px;}
|
|
.prolist .product,.relates .product{width:48%;margin-left:4% !important;margin-bottom:15px;}
|
|
.prolist .product .img,.relates .product .img{height:144px;}
|
|
.prolist .product .code,.relates .product .code{padding:0px;margin-top:10px;}
|
|
.prolist .product:nth-child(2n+1),.relates .product:nth-child(2n+1){
|
|
margin-left:0px !important;
|
|
}
|
|
ul,ol{padding-left:5px;}
|
|
.col-xs-3{width:30%;}
|
|
.col-xs-9{width:70%;}
|
|
.bigdetail .infor li:first-child{padding-bottom:10px;}
|
|
.bigdetail .infor li h1{margin:10px 0px 0px 0px;}
|
|
.bigdetail .infor li{padding:10px 0px;}
|
|
.bigdetail .btns li{padding:5px 10px;}
|
|
}
|
|
|