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;}
}