html, body {
background:#ffffff;
}
.uheader{
width:94%;
height:auto;
/*position:fixed;top: 0px;background:#fff;
left: 0;z-index: 2;*/
overflow: hidden;padding-top: 30px;border-bottom:solid 8px #efeff4;
border: 0px solid #696;
-webkit-box-shadow:#EEEEEE 0px 0px 10px 0px;
-moz-box-shadow: #EEEEEE 0px 0px 10px 0px;
box-shadow:#EEEEEE 0px 0px 10px 0px;
margin: 0px auto;padding-bottom: 10px;
}
.pinglundiv222 {
position:fixed;
width: 100%;
height: auto;
min-height: 50px;
left: 0px;
bottom: 0px;
overflow: hidden;
padding: 10px;
background-color: #fafafa;
z-index: 999999999;
border-top: 0.5px #bfbfbf solid;z-index: 99999;display: none;
}
.pinglundiv{
position: fixed;
bottom: 0;
z-index: 99999;
width: 100%;
border-top: 0.5px #bfbfbf solid;padding: 10px;
background-color: #fff;
-webkit-box-shadow: 0 0 14px #999;
box-shadow: 0 0 14px #999;display: none;
}
.pinglundiv.show,.overdiv.show{display: block;}
.uheader .tphoto{
margin: 0px auto;min-width: 200px;
}
.CompanyName{text-align: center;}
.uheader .uphoto{
height:60px;width:70px;float: left;text-align: center;margin-left:80px;
}
.uheader .uphotoright{
height: 60px;margin-left:150px;position: relative;overflow: hidden;
}
.uheader .uphotoright .nickName,.uheader .uphotoright .address,.uheader .uphotoright .CompanyName{
height: 20px;line-height: 20px;font-size: 12px;color: #999;
}
.uheader .uphotoright .nickName{
color:#4b659a;font-size: 16px;overflow: hidden;width: 100%;
}
.gszl{
position: absolute;right: 5px;top: 5px;z-index: 11;color: #ffffff;
font-size: 14px;
}
.uheader .uphoto img{
height:50px;width: 50px;border-radius: 50%;
}
.utitle{
width: 100%;height:87px;background-color: #ffffff;
display: -webkit-box;display: box;border: none;margin: 0px;padding: 0px;
margin-top:9px;position: relative;border-bottom: 10px solid #ececec;
}
.utitle .iconfont{font-size: 24px;color: #d31f1f;}
.utitle div{
-webkit-box-flex: 1; -moz-box-flex: 1;
flex: 1;
-webkit-flex: 1;padding: 0px;
border-right:height:50px;margin:5px 0px;
width: 33%;position: relative;color: #000;position: relative;
}
.utitle div:before {
content: '';
display: block;
position: absolute;
top: 10px;
right: 0px;
width: 1px;
height:50px;
background-color: #ececec;
float: left;
-webkit-transform: scale(0.5,1);
transform: scale(0.5,1);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.utitle div:last-child{
-webkit-box-flex: 1; -moz-box-flex: 1;
flex: 1;
-webkit-flex: 1;padding: 0px;
border-right: dashed 0px #ececec;height:40px;margin:5px 0px;
width: 33%;position: relative;
}
.utitle div span{
display:block;width: 100%;margin: 0px auto;text-align: center;font-size: 12px;height: 16px;
}
.utitle div span.num{
font-size: 10px;font-weight:normal;color: #999;height: 18px;
}
.utitle div span.icof{
font-size: 10px;font-weight:normal;color: #999;height: 22px;
}
.detail-footer{
position: fixed;
bottom: 0;
z-index: 999;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 0 14px #999;
box-shadow: 0 0 14px #999;
}
.detail-footer li{
float: left;
text-align: center;
font-size:14px;
width: 40%;
height:50px; line-height: 50px;
}
.detail-footer .detail-footer-shoucang{
width: 20%;
}
.detail-footer .detail-footer-shoucang span{
display:block;margin: 0px auto;height: 16px;line-height:16px;font-size: 12px;color: #9d9d9d;
}
.detail-footer .detail-footer-shoucang span.ispan{
height:24px;line-height:24px;margin-top:6px;
}
.detail-footer .detail-footer-shoucang span i{
font-size:28px;color: #9d9d9d;
}
.detail-footer .detail-footer-shoucang.ygz span i,.detail-footer .detail-footer-shoucang.ygz span{
color: #ee3943;
}
.detail-footer .detail-footer-yuyue {
background-color: #e5e5e8;
color: #ee3943;
}
.detail-footer .detail-footer-tel{
background-color: #ee3943;
color: #fff;
}
/*详细信息*/
.dailiList{
padding-top:0px;
}
.dailiList ul {
margin: 0;
}
.list {
display: block;
border-bottom: 0px solid #f0f0f0;
margin:0px 10px 10px 10px;
background-color: #fff;
height: auto;overflow: hidden;
padding-top: 12px;position: relative;border-radius: 3px;
}
.lxt{position: absolute;right: 0px;top: 12px;
display:block;width: auto;
font-size: 10px;
border: 1px solid #565c67;
padding: 0px 10px;
margin-right: 15px;
border-radius: 4px;
color: #565c67;height:20px;line-height: 20px;text-align: center;
}
.time{position: absolute;right: 0px;top: 12px;
display:block;width: auto;
font-size: 10px;
border:0px solid #565c67;
padding: 0px 10px;
margin-right: 15px;
border-radius: 4px;
color: #565c67;height:20px;line-height: 20px;text-align: center;
}
.img {
float: left;
margin-right: 0px;
width: 68px;
height:50px;text-align: center;
}
.img img {
width:48px;
height:48px;border-radius:24px;
}
.list .txt {
margin-right: 0px;
height:auto;text-align:left;margin-left: 60px;
}
.stag {
font-size: 12px;
color: #565c67;
height:auto;
margin: 10px;
margin-top: 4px;
border-top: solid 0px #f5f5f5;
padding-top:0px;line-height: 22px;
}
.stag span {
display: block;
padding:10px;
padding-left: 5px;
}
.imagelist{
display: block;
border-bottom: 0px solid #f0f0f0;
margin:0px 10px 10px 10px;
background-color: #fff;
height: auto;overflow: hidden;
padding-top:0px;position: relative;border-radius: 3px;text-align: center;
}
.imagelist .viewimg{
width:90%;margin:8px auto;
}
li, ul {
list-style: none;
margin: 0px;
padding: 0px;font-size: 12px;
}
.zhan.zhan0.zitem{
float: left;margin-left:25px;font-size: 14px;
}
.zhan-item{
height: auto;padding-bottom:0px;
}
.zitem{
margin-left:25px;height: auto;
width: auto;font-size: 14px;
}
.zitem img{
float: left;width:38px;height: 38px;margin-left: 12px;border-radius: 50%;
margin-bottom: 12px;
}
.detail-footer .detail-footer-shoucang.details,.detail-footer .detail-footer-pinglun.details{
width:33%;background:#fff;color: #9d9d9d;position: relative;
}
.detail-footer .detail-footer-zan.details{
width:34%;background:#fff;color: #9d9d9d;
}
.details .iconfont {
font-size: 18px;color: #9d9d9d;
}
.details.yzan .iconfont {
font-size: 18px;color: #ee3943;
}
.detail-footer .detail-footer-zan.details.yzan{
color: #ee3943;
}
.detail-footer .detail-footer-shoucang.details:before,.detail-footer .detail-footer-pinglun.details:before {
content: '';
display: block;
position: absolute;
top: 10px;
right: 0px;
width: 1px;
height:30px;
background-color: #ececec;
float: left;
-webkit-transform: scale(0.5,1);
transform: scale(0.5,1);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.uname{
color: #4b659a;
font-size: 12px;
}
.stag{font-size: 14px;}
.txt span,.txt label,.txt p{font-size: 14px;}
.txt p{line-height: 16px;}
.txt p i{font-size: 16px;}
a {
font-size: 12px;
color: #333;outline-style:none;text-decoration:none;text-decoration-line:none;
}
a, abbr, body, button, cite, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, iframe, input, li, object, ol, option, p, pre, select, span, ul {
margin: 0;
padding: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.fx{
display:none;
width: 100%;
height: 100%;
background: rgba(34, 32, 32, 0.89);
position: fixed;
top: 0;
z-index: 999999;}
.fx img{ width:100%; height:auto;display:block;margin:0px;padding:0px}
.showcontent {
max-width:640px;margin:0px auto;height:auto;overflow:hidden;
}
.top_menu {
height: auto;
width: 100%;
position: fixed;
top: 0;
z-index: 999;
}
.bottom_menu {
height: auto;
width: 100%;
position: fixed;
bottom: -2px;
z-index: 999;
overflow:hidden;margin:0px;padding:0px;
}
.wapappdownloadbox {
width: 100%;
height: 60px;
background: #3F3F3F;
}
.wapapp_download_box {
padding: 10px 4px 10px 16px;
width: 82%;
float: left;
}
.wapapp_download_box img {
width: 40px;
float: left;
margin-right: 8px;border-radius:5px;
}
.wapapp_download_text {
float: left;
width: 50%;
}
.wapapp_download_text h4 {
font-size: 16px;
color: #FFFFFF;
line-height: 20px;
}
.wapapp_download_text b {
font-size: 12px;
color: #999999;
line-height: 20px;
font-weight: 400;
}
.wapappdownloadbox .download_button {
float: right;
background: #F33B45;
border-radius: 4px;
font-size: 12px;
color: #FFFFFF;
line-height: 16px;
padding: 6px 12px;
margin-top: 6px;
}
.wapappdownloadbox_close_button {
width: 17%;
height: 60px;
float: right;
padding: 18px 19px;
text-align: center;
}
.wapappdownloadbox_close_button svg {
width: 15px;
fill: #999;
}
.mui-preview-image.mui-fullscreen {
position: fixed;
z-index: 20;
background-color: #000;
}
.mui-preview-header,
.mui-preview-footer {
position: absolute;
width: 100%;
left: 0;
z-index: 10;
}
.mui-preview-header {
height: 44px;
top: 0;
}
.mui-preview-footer {
height: 50px;
bottom: 0px;
}
.mui-preview-header .mui-preview-indicator {
display: block;
line-height: 25px;
color: #fff;
text-align: center;
margin: 15px auto 4;
width: 70px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 12px;
font-size: 16px;
}
.mui-preview-image {
display: none;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.mui-preview-image.mui-preview-in {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.mui-preview-image.mui-preview-out {
background: none;
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.mui-preview-image.mui-preview-out .mui-preview-header,
.mui-preview-image.mui-preview-out .mui-preview-footer {
display: none;
}
.mui-zoom-scroller {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
-webkit-backface-visibility: hidden;
}
.mui-zoom {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.mui-slider .mui-slider-group .mui-slider-item img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.mui-android-4-1 .mui-slider .mui-slider-group .mui-slider-item img {
width: 100%;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-slider-group .mui-slider-item {
display: inline-table;
}
.mui-android-4-1 .mui-slider.mui-preview-image .mui-zoom-scroller img {
display: table-cell;
vertical-align: middle;
}
.mui-preview-loading {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
}
.mui-preview-loading.mui-active {
display: block;
}
.mui-preview-loading .mui-spinner-white {
position: absolute;
top: 50%;
left: 50%;
margin-left: -25px;
margin-top: -25px;
height: 50px;
width: 50px;
}
.mui-preview-image img.mui-transitioning {
-webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease;
transition: transform 0.5s ease, opacity 0.5s ease;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
p img {
max-width: 100%;
height: auto;
}
.mui-slider-img-content {position: absolute;bottom: 0;left: 0;right: 0;color: #fff;line-height: 22px;padding: 10px;background-color: rgba(0, 0, 0, .6);
}
.mui-preview-footer{color: #F0F0F0;}
.mui-slider-img-content {position: absolute;bottom: 0;left: 0;right: 0;color:#fff;line-height: 22px; padding: 10px; background-color: rgba(0,0,0,.6);}
.BoxDetailsImgItem {
width:100%;height:100%;display:block;overflow:hidden;
}
.mui-preview-image.mui-fullscreen {
z-index:99999999;
}
.mui-preview-header .mui-preview-indicator {
display: block;
line-height: 25px;
color: #fff;
text-align: center;
margin: 15px auto 4px;
width: 70px;
background-color: rgba(0, 0, 0, 0.4);
border-radius: 12px;
font-size: 16px;
}
.telbtn {
background: #F33B45;
border-radius: 4px;
font-size: 12px;
color: #FFFFFF;
line-height: 16px;
padding:3px 5px;
position:absolute;right:10px;top:23px;width:auto;height:auto
}