@charset "utf-8";
/* CSS Document */
  body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input{margin:0;padding:0;border:0}
body{font-size:.32rem;max-width: 780px;margin:0 auto;background:#f6f6f6;font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0);}
a,a:active,a:hover,a:focus,a:visited{text-decoration:none;font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;}
a,img{-webkit-touch-callout:none}
ol,ul,li{list-style:none}
textarea,input[type="password"],input[type="text"]{resize:none;outline:0;-webkit-appearance:none;white-space:pre-wrap;word-wrap:break-word;background:#fff}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0}
html{background: #ccc;font-size: 50px;}
body{/*width:7.5rem;*/}

.topbar {
	/* height: 1.1rem; */
	background: #fff;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.bar-logo {
	max-width: 3rem;
	float: left;
	margin: 0.23rem 0.25rem;
}
.bar-logo.center{margin: 0.3rem auto 0.23rem !important;float:none;}
.bar-ss input[type='text'] {
	width: 2.0rem;
	height: 0.5rem;
	font-size: 0.2rem;
	border: none;
	border-radius: 25px 0 0px 25px;
	height: 0.46rem;
	padding-left: 8px;
	display: block;
	border-right: 1px #ccc dotted;
	padding-right: 8px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.bar-ss input[type='submit'] {
	border-bottom: none;
	border-right: none;
	border-top: none;
	border-left: 1px #ccc dotted !important;
}
/**/.bar-ss {
	float: left;
	position: relative;
	border: 1px #ddd solid;
	border-radius: 25px;
	box-sizing: border-box;
	margin: 0.25rem 0.17rem 0rem 0;
	width: 2.8rem;
	height: 0.5rem;
	overflow: hidden;
}

.bar-ss #mip-form-cross {
	background-size: 90% 90%;
	left: initial !important;
	right: 0.75rem;
}
.bar-ss .search {
	margin: 0 0.5rem 0 0.2rem;
	width: 1.8rem;
	border-right: 1px #ccc dotted;
	overflow: hidden;
	line-height: 18px;
}
.bar-ss .search input {
	color: #999;
	width: 95%;
}
.bar-ss .btn-search {
	position: absolute;
	right: 0;
	top: 0;
}
.bar-ss .btn-search input, .bar-ss input[type='submit'] {
	background: url(//mip.ceramicschina.com/images/m_ss.jpg) center no-repeat;
	width: 0.8rem;
	background-size: 0.28rem;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	height: 0.5rem;
	border: none !important;
}
.bar-vip {
	float: right;
	position: absolute;
	right: 0;
}
.bar-vip a {
	width: 0.9rem;
	height: 0.9rem;
	display: block;
	background: url(//mip.ceramicschina.com/images/m_vip.jpg) center no-repeat;
	margin: 0.045rem 0.1rem;
	background-size: 0.6rem;
}


.mip-element{position: relative;}
.bar-ss #mip-form-cross{background-size: 90% 90%;left:initial !important;right:0.75rem;}
.bar-ss .search{margin: 0 0.5rem 0 0.2rem;width: 1.8rem;border-right: 1px #ccc dotted;overflow: hidden;line-height: 18px;}
.bar-ss .search input{color: #999;width: 95%;}
.bar-ss .btn-search{position: absolute;right: 0;top:0;}
.bar-ss .btn-search input,.bar-ss .mip-element input[type='submit']{background: url(//mip.ceramicschina.com/images/m_ss.jpg) center no-repeat;width: 0.8rem;background-size: 0.28rem;cursor: pointer;position:absolute;top: 0;right: 0;height: 0.5rem;border: none !important;}
.bar-vip{float: right;position: absolute;right: 0;}
.bar-vip a{width: 0.9rem;height: 0.9rem;display: block;background: url(//mip.ceramicschina.com/images/m_vip.jpg) center no-repeat;margin: 0.045rem 0.1rem;background-size:0.6rem;}

.nav{position: relative;overflow:hidden;margin: 0rem 0.42rem 0.2rem;}
.nav .navbar-top{overflow: hidden;position: absolute;left: 0;width: 85%;z-index: 999;}
.nav .navbar-top li:first-child a{font-weight: bold;}
.nav li {float: left;width: 32%;padding: 0;margin: 0 2% 0.2rem 0;overflow:hidden;background: #fff;border-radius: 0.05rem;border: 1px #e5e5e5 solid;box-sizing: border-box;border-radius: 0.1rem;box-shadow: 0px 0px 0.2rem #dcdcdc;}
.nav li:nth-child(3n){margin-right:0;}

.nav li.on {background:#b32020;}
.nav li.on a{color:#fff;}
.nav a{text-align: center;display: block;color: #4c4c4c;line-height: 2.3;font-size: 0.32rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.mip-nav-wrapper{position: absolute;right: 0;width: 100%;}
.navbar-header{}
.mip-nav-wrapper #bs-navbar{overflow-y:hidden;background: none;width: 100%;}
.mip-nav-wrapper #bs-navbar .navbar-nav{height: 2rem;background: rgba(0,0,0,0.8);display:inline-block;min-height: 1rem;}
.mip-nav-wrapper #bs-navbar .navbar-nav li{float: left;width: 33.3%;padding: 0;margin:10px 0 0;}
.mip-nav-wrapper #bs-navbar .navbar-nav li:nth-child(4),.mip-nav-wrapper #bs-navbar .navbar-nav li:nth-child(5),.mip-nav-wrapper #bs-navbar .navbar-nav li:nth-child(6){margin-top: 0;}
.mip-nav-wrapper #bs-navbar .navbar-nav li.navbar-wise-close{float: none;width: inherit;}
.mip-nav-wrapper #bs-navbar .navbar-nav a{width: 100%;color: #fff;font-size: 0.3rem;}
.mip-nav-wrapper #bs-navbar .navbar-nav a:hover{background: #fff;}
.mip-nav-wrapper span{display:none !important;}
.mip-nav-wrapper .navbar-toggle{margin:0.1rem 0.2rem;background: url(//mip.ceramicschina.com/images/m_nav.jpg) no-repeat center;background-size: 0.3rem;cursor: pointer;padding: 15px;}

.carousel{position: relative;}
.carousel .mip-carousel-indicator-wrapper{position: absolute;bottom: 0.2rem;right: 0.2rem;}

.shadow{-moz-box-shadow:0px 0px 10px #cccccc;-webkit-box-shadow:0px 0px 10px #cccccc;box-shadow: 0px 0px 0.2rem #cccccc;margin-bottom: .3rem;}
.white{background: #ffffff;margin: 0 0.42rem 0.48rem;/* padding: 0.2rem; */border-radius: 5px;overflow: hidden;text-align: justify;}
.darkgrey{background:#eee;}

.icon-bar{overflow: hidden;}
.icon-bar ul li{float: left;width: 20%;text-align: center;background-size:0.5rem !important;background-position-y:0.2rem !important; }
.icon-bar a{display: block;width: 100%;line-height:0.7rem;padding-top: 0.5rem;font-size: 0.3rem;}

.list-box{}
.list-box .darkgrey{padding:0 0.2rem;margin-top: 0.2rem;border-radius: 5px;}
.list-box .darkgrey li:last-child{border:none;}

.n-list{}
.n-list .title{background: url(//mip.ceramicschina.com/images/m_list.jpg) left no-repeat;overflow: hidden;background-size: 12px;line-height:0.9rem;}
.n-list .title .t{margin:0 0.25rem;border-bottom:1px dotted #666;overflow: hidden;}
.n-list .title h3{float: left;margin-left: 0.15rem;font-size: 0.35rem;}
.n-list .title .title-r{float: right;font-size: 0.3rem;}
.n-list .title .title-r span{margin-top: 0.35rem; line-height: 0.3rem;padding: 0 0.15rem;text-align: center;height: 0.3rem;display: block;float: left;}
.n-list .title .title-r span:first-child{border-right:2px solid #333;}
.n-list .title .title-r span:last-child{padding-right: 0;border:none;}
.n-list ul{margin:0 0.25rem;overflow: hidden;}
.n-list ul li{overflow: hidden;border-bottom: 1px #ddd solid;padding:0.2rem 0.1rem;}
.n-list ul li:last-child{border:none;}
.n-list ul li .left,.n-list ul li .right,.n-list ul li .middle{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.n-list ul li .left{float: left;width: 37%;margin-right: 4%;font-weight: bold;}
.n-list ul li .right{float: left;width: 59%;}
.n-list ul li h5{/*font-weight: normal;*/white-space: normal;font-size: 0.25rem;overflow: hidden;margin-bottom: 0.05rem;line-height: 0.4rem;height: 0.8rem;}
.n-list ul li .n-bottom{font-size: 0.2rem;color: #999;overflow: hidden;height: 16px;}
.n-list ul li .n-bottom .time{float: left;}
.n-list ul li .n-bottom .read{float: right;background: url(//mip.ceramicschina.com/images/m_read.jpg) left center no-repeat;background-size: 0.28rem;padding-left: 0.35rem;}
.n-list .btn-more{/*margin-top: 0.2rem;*/margin:0.1rem 0.25rem 0 ;font-size: 0.3rem;color: #666; display: block;text-align: center;line-height: 1rem;border-top:1px #ddd solid;}


.footer{text-align: center;font-size: 0.32rem;margin-top: 0.3rem;overflow: hidden;width: 100%;color: #666;}
.footer p{line-height: 1.6;margin:0.32rem;}
.footer .ft{display: inline-block;overflow: hidden;}
.footer a{/*font-size: 0.25rem;border-right: 1px #666 solid;padding: 0 0.1rem;line-height: 0.25rem;height: 0.25rem;display: block;float: left;font-weight: bold;*/color: #fff;}
.footer a:last-child{border: none;}
.foot{margin-top: 0.1rem;background: #9b0101;color: #fff;font-family: "宋体";line-height: 3;}

.banner{margin: 0rem auto 0.32rem;}
.content{margin-top: 0px;}

.bar-logo img{width:100%;}

.navbar{width: 100%;background: url(//mip.ceramicschina.com/images/nav-b.png) center no-repeat}
.navbar ul{width: 100%; overflow: hidden;/*padding: 0 0.25rem;*/background: #9b0101;}
.navbar ul li{font-size: 0.3rem;float: left;text-align: center;width:20%;box-sizing: border-box;}
/*.navbar ul li:first-child{}*/
.navbar ul li:first-child{margin-right: 0;font-weight: bold;}
.navbar ul li a{width: 100%;height: 100%;display: block;color: #fff;line-height: 2.5;font-size: 0.43rem;}
/*.navbar ul li:nth-child(2n){border-left:1px #fff dotted;}*/

.ppdet p,.ppdet .tit,.ppdet .tpgz{padding: 0 0.32rem !important;}
.ppdet .intro{font-size: 0.32rem;color: #666;/*font-family: "宋体";*/line-height: 1.68;padding: 0;}
.ppdet .intro p{/* border-bottom: 1px #999 dotted; */padding: 0.25rem 0.32rem !important;text-indent: 2em;font-family: "宋体";color: #777;}
.ppdet .intro .tit{line-height: 1.3rem;font-family:'STHeiti','Microsoft YaHei',Helvetica,Arial,sans-serif;color: #333;background: url(//mip.ceramicschina.com/images/list.jpg) no-repeat left 16px;background-size: 0.15rem;margin: 0rem 0.32rem 0.32rem;padding-left: 0.25rem !important;height: 1.3rem;border-bottom: 1px #ddd solid;}
.ppdet .tpgz{overflow: hidden;padding-bottom: 0.32rem !important;}
.ppdet .tpgz ul li{text-indent:0em;padding: 0 0.25rem;background-size:0.06rem;font-family: "宋体";color: #777;margin-bottom: 0.2rem;}

.resultlay{counter-reset:a;float:left;/* border: 1px solid #ddd; */font-weight:bold;border-radius:5px;width: 100%;}
.resultlay dt{background:#c2252c;line-height: 2.8;font-size: 0.45rem;display:block;padding: 0 0.43rem;color:#fff;position:relative;border-radius: 0.05rem 0.05rem 0 0;margin: 0 0 0.2rem;width: 100%;overflow: hidden;box-sizing: border-box;border: none;}
.resultlay dt a.more{ color:#fff;position:absolute; right:5px; top:0px;}
.resultlay dt a:hover.more{ color:#c00;}
.resultlay a.hxpp-btn{width:90%;text-align:center;display:block;height:40px;line-height:40px;background:#ddd;margin:15px auto;color:#333;}

.webshopbox{padding: 0px 0.32rem;}
.webshopbox .m-box{overflow: hidden;padding: 0.32rem 0px;width: 100%;}
.resultlay .webshopbox:nth-child(2n){ background-color:#FFF;}
.resultlay .webshopbox:nth-child(2n+1){background-color: #F0f0f0;}
.webshopbox .m-box .imgbox {padding: 0;background: #fff;float: left;display: inline-block;width: 40%;height: 1.9rem;overflow: hidden;border: 1px #ddd dotted !important;box-sizing: border-box;position: relative;}
.webshopbox .m-box .imgbox img{/* width:100%; */box-sizing: border-box;position: absolute;right: 0;left: 0;top: 0;bottom: 0;margin: auto;padding: 0.15rem;max-height: 100%;max-width: 100%;}
.webshopbox .m-box .infobox {float: right;width: 56%;color: #888;/* font-size:0.6em; */overflow: hidden;/* line-height:1.68em; */}
.webshopbox .m-box .infobox a{color:#888;}
.webshopbox .m-box .infobox .bname{color:#000;font-size: 0.42rem;width:100%;line-height: 2;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;}
/*.webshopbox .m-box .infobox .bname::before{ content:"•";color:#c00; text-align:center; padding:0 0px; margin-right:5px; font-size:12px;}*/

.webshopbox .m-box .infobox i{font-weight:bold; color:#408129}
.webshopbox .m-box .infobox .sell{margin-bottom: 0.2rem;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-family: "宋体";font-weight: normal;line-height: 1;}
.webshopbox .m-box .infobox .sell img{ margin-bottom:-3px;}
.webshopbox .m-box .infobox .attion{ padding-left:8px;}
.webshopbox .m-box .infobox .tlogo{overflow:hidden;}
.webshopbox .m-box .infobox .click-btn-s{background:rgb(216, 19, 21);padding: 0 0.2rem;line-height: 0.48rem;color:#fff;border-radius: 0.08rem;float: right;display: block;height: 0.48rem;font-size: 0.2rem;font-weight: normal;}

.footbtn{margin: 0 0.2rem 0.2rem;overflow: hidden;}
.footbtn .pxtit{ line-height:40px;height:40px; text-align:center; color:#333; font-size:1.1em; font-weight:700;}
.footbtn a{background: #fff; width:48%;float:left;line-height: 24px; margin:4px 0; font-size:0.75em; box-shadow:none;border: 1px #ddd solid;text-align: center;font-size: 0.25rem;border-radius: 5px;line-height: 0.6rem;font-weight: bold;/*-moz-box-shadow:0px 0px 8px #cccccc; -webkit-box-shadow:0px 0px 8px #cccccc; box-shadow:0px 0px 8px #cccccc;*/}
.footbtn .ui-btn:hover{background: #c00; color: #fff; text-shadow: none;}
.footbtn a:nth-last-child(2n){  float:right;}
.footbtn .ui-btn.ui-btn-active{ background:#c00; color:#fff;border-color: #ddd;text-shadow: none;}


@media screen and (min-width:800px){
    .col_12 .col_right{width: 5.1rem;}
}

@media screen and (max-width:480px){
	html{font-size:37.5px;}
}

@media screen and (min-width:480px){
	html{font-size:45px;}
}

@media screen and (min-width:768px){
	html{font-size:76.8px;}
}


/***** 底部广告 *****/
.ad-bottom{display:block;width: 100%;text-align:center;margin: 0;cursor:pointer;height: 50px;line-height: 50px;position: fixed;bottom: 0;background: rgba(0, 55, 111, 0.88);z-index: 1000;color: #fff;max-width: 1080px;}
.ad-bottom img,.am-share-footer img{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);width:25px;position:absolute;right:30px;top:15px;
}
@-webkit-keyframes ball {
  0% {
    -webkit-transform: translateY( 0 );
    transform: translateY( 0 );
  }
  100% {
    -webkit-transform: translateY( -8px );
    transform: translateY( -8px );
  }
}

@keyframes ball {
  0% {
    -webkit-transform: translateY( 0 );
    transform: translateY( 0 );
  }
  100% {
    -webkit-transform: translateY( -8px );
    transform: translateY( -8px );
  }
}
.ad-bottom img{
-webkit-animation: ball 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
animation: ball 400ms cubic-bezier(0.165, 0.840, 0.440, 1.000) infinite alternate;
}

.am-share {font-size: 14px;border-radius: 0;bottom: 0px;/* left: 0; */position: fixed;text-align: center;-webkit-transform: translateY(100%);-ms-transform: translateY(100%);transform: translateY(100%);-webkit-transition: -webkit-transform 300ms;transition: transform 300ms;width: 100%;z-index: 1110;background: rgba(0, 55, 111, 0.88);max-width: 1080px;}
.am-modal-active { transform: translateY(0px);  -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.am-modal-out { z-index: 1109; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%) }

.am-share-bottom {background-color: #f8f8f8;border-top: 1px solid #dfdfdf;color: #555;font-weight: 400;margin: 10px 10px 0;padding: 5px 0 0;text-align: right;}
.am-share-bottom::after {border-top: 1px solid #dfdfdf;/* content: ""; */display: block;height: 0;margin-top: 10px;width: 100%;}

.am-share-footer {/* margin: 10px; */position: absolute;top: 0px;width: 100%;/* background: #033a61; */}
.am-share-footer .share_btn {color: #fff;display: block;width: 100%;background-color: transparent;border: none;cursor: pointer;font-size: 16px;font-weight: 400;line-height: 50px;text-align: center;transition: background-color 300ms ease-out 0s, border-color 300ms ease-out 0s;vertical-align: middle;white-space: nowrap;font-family:"微软雅黑";}

.am-share-sns {background-color: #f8f8f8;border-radius: 8px 8px 0 0;margin: 52px 10px 0;padding: 10px 15px 5px;height:auto;zoom:1;overflow:auto;font-size: 12px;font-family: "宋体";line-height: 22px;text-align: left;text-indent: 2em;}
.am-share-sns p{margin-bottom:5px;color: #555;}

.am-share-sns li i { background-position: center 50%; background-repeat: no-repeat; background-size: 36px 36px; background-color: #ccc; color: #fff; display: inline-block; font-size: 18px; height: 36px; line-height: 36px; margin-bottom: 5px; width: 36px; }
.am-share-sns .share-icon-weibo { background-image: url(); }

.sharebg { background-color: rgba(0, 0, 0, 0.6); bottom: 0; height: 100%; left: 0; opacity: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 1100; display:none; }
.sharebg-active {opacity: 1;/* display:block; */}
.am-share-bottom p{margin-bottom:0;}