/* * name: mobile-style.css * version: v3.0.0 * update: 剥离UI * data: 2015-06-29 */ /* * 依赖: * rem响应方案 * 按需加载 */ html,body{} html{font-size:15.625vw;} body{-webkit-text-size-adjust: none;text-size-adjust: none; overflow-x:hidden;max-width: 480px;margin-left: auto;margin-right: auto; user-select: none;-webkit-user-select: none;position: relative; padding-bottom:.9rem;} .UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;} /* flex栅格 */ .flex-col {overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-box; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; } .flex-row {overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row;} .flex-1 { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1;} .flex-2 { -webkit-box-flex: 2; -webkit-flex: 2; -ms-flex: 2; flex: 2;} .flex-3 { -webkit-box-flex: 3; -webkit-flex: 3; -ms-flex: 3; flex: 3;} .flex-4 { -webkit-box-flex: 4; -webkit-flex: 4; -ms-flex: 4; flex: 4;} .align-stretch { -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-align-items: stretch; -ms-flex-align: stretch; align-items: stretch;} .align-center { -webkit-box-align: center; -webkit-align-items: center; -ms-align-items: center; -ms-flex-align: center; align-items: center;} .justify-center { -webkit-box-pack: center; -ms-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .flex-wrap { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;} .scroll_cont {overflow: auto; box-sizing: border-box; width: 100%; height: 100%;} /* 辅助样式 */ .border-image-1px { border-width: 1px 0px; -webkit-border-image: url("data:image/png;base64,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") 2 0 stretch; } .border-1px-eee { border-width: 1px 0px; -webkit-border-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAMAAADO4v//AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NCNzk5NUQ5QkJGMTFFNEJBNTZFMUMwRUQwQkVBQTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NCNzk5NUU5QkJGMTFFNEJBNTZFMUMwRUQwQkVBQTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0I3OTk1QjlCQkYxMUU0QkE1NkUxQzBFRDBCRUFBNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0I3OTk1QzlCQkYxMUU0QkE1NkUxQzBFRDBCRUFBNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkDTQ9QAAAAGUExURe7u7gAAAChtjIgAAAAOSURBVHjaYmAAAoAAAwAABQAB24mT0gAAAABJRU5ErkJggg==") 2 0 stretch; } /* 设置 */ body{font-size:.2rem;} .wrap{padding-left:2%;padding-right:2%;box-sizing:border-box;} a{color:inherit;} /* 设备区分 */ body:after {display: block;height: 0;line-height: 0;overflow: hidden;visibility: hidden; content: 'Mobile';} .UnmobilePush{display: none;} .MobilePush{display:block;} /* 手机竖屏 start! */ /*雪碧图*/ .oico { display:inline-block; vertical-align:middle; width:0.52rem; height:0.52rem!important; overflow:hidden; background:url(../img/iico.png); background-size:200% 400%; font: 0/0 a!important; letter-spacing: -9px; vertical-align:middle;} .oico01 { background-position:0 0;} .oico02 { background-position:0 -100%;} .oico03 { background-position:-100% 0;} .oico04 { background-position:-200% 0;} .oico05 { background-position:0 -200%;} .oico06 { background-position:-100% -200%;} .oico07 { background-position:0 -300%;} /*top*/ .logo{ line-height: .9rem; background: #f5f5f5; font-size: .3rem; font-weight: bold; } .logo a{ display:block;padding-left: .3rem;} .top-bar{ background:#2d8ff4; padding:.1rem .25rem; position:relative; } .top-saerch .tbs-inp{ width:4.1rem; height:.42rem; line-height:.42rem; float:left; border:none; background:#fff; text-indent:.2rem; border-radius:0;} .top-saerch .tbs-btn{height:.42rem; line-height:.42rem; width:.7rem; background:#fff url(../img/se_btn.png) no-repeat center; border-radius:0; background-size:contain; border:none;} .mobile_key{ font-size:.46rem; color:#fff; position:absolute; top:.1rem; right:.1rem; font-weight:bold; height:.52rem; line-height:.42rem;} /*banner*/ .banner{ height:3.2rem; position:relative; overflow:hidden;} .banner img{ width:6.4rem; height:100%; position:absolute; top:0px; left:50%; margin-left:-3.2rem;} .banner .slide_nav{ display:none; } .banner .arrs{ display:block; width:36px; height:76px; background-image:url(../img/ban_btn.png); background-repeat:no-repeat; position:absolute; top:50%; margin-top:-36px; z-index:10; } .banner .arr_prev{ background-position:left; left:0;} .banner .arr_next{ background-position:right; right:0;} /*首页*/ .imain{ background:#fff; } .imain-icolist{ margin-top:.15rem; margin-bottom:.15rem;} .imico-left{ float:left; width:2.03rem; height:2.1rem; background:#007dbb; color:#fff; } .imico-left .iico-about{ display:block; height:1.05rem; background:url(../img/iico_about.png) no-repeat center; background-size:contain; margin-top:.3rem; margin-bottom:.1rem;} .imico-left ._title{ text-align:center; font-size:.22rem; font-weight:bold;} .imico-right{ float:right; width:4.1rem;} .imico-right .imico-li{ width:1.95rem; height:1rem; line-height:1rem; float:right; margin-bottom:.1rem; margin-left:.1rem; color:#fff; font-size:.22rem; font-weight:bold;} .imico-right .imico-li .oico{ margin-left:.2rem; margin-right:.1rem;} .imico-right .imico-li01{ background:#f46c00; } .imico-right .imico-li02{ background:#ffc800; } .imico-right .imico-li03{ background:#31bd80; } .imico-right .imico-li04{ background:#2db7fc; } .ilant{ font-size:.28rem;} .inews-list li{ overflow:hidden; padding:.25rem 0; border-bottom:1px solid #ddd; } .inews-list li img{ float:left; width:1.8rem; height:1.2rem; margin-right:.1rem;} .inews-list li ._title{ font-size:.24rem; height:.3rem; line-height:.3rem; font-weight:normal; word-break:break-all; overflow:hidden; margin-bottom:.1rem;} .inews-list li ._sum{ line-height:.24rem; height:.48rem; overflow:hidden; margin-bottom:.05rem;} /*foot*/ .foot{ background:#368bde; height:.9rem; width:100%; position:fixed; bottom:0; z-index:20;} .foot li{ text-align:center; color:#fff; height:.9rem;} .foot li:hover{ background:#0162c1; } .foot li .oico{ margin-top:.05rem;} .foot li .ft-title{ font-size:.2rem;} .foot li.bdsharebuttonbox a{ display:block; width:100%; height:100%; padding:0; margin:0; background:none; color:#fff;} .bdshare_popup_bg,.bdshare_popup_box{ display:none !important; } /*新闻*/ .nmain{ background:#fff; padding:.3rem 0;} .nlant{ font-size:.30rem; margin-bottom:.2rem;} .news-list li{ overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:.2rem; margin-bottom:.2rem; } .news-list li img{ float:left; width:1.8rem; height:1.2rem; margin-right:.1rem;} .news-list li ._title{ font-size:.2rem; height:.3rem; line-height:.3rem; font-weight:normal; word-break:break-all; overflow:hidden; margin-bottom:.1rem;} .news-list li ._sum{ line-height:.24rem; height:.48rem; overflow:hidden; margin-bottom:.1rem;} .page-more{ padding:.4rem 0 .2rem;} .page-more a{ display:block; width:40%; margin-left:auto; margin-right:auto; line-height:.5rem; text-align:center; border:1px solid #ddd; font-size:.2rem;} /*新闻详细*/ .ndet-title{ font-size:.3rem; margin-bottom:.1rem;} .ndet-tools{ margin-bottom:.1rem;} .ndet-tools span{ padding-right:.2rem; font-size:.2rem;} .ndet-tools ._author{ color:#2d8ff4; } .ndet-content{ font-size:.24rem; line-height:.4rem;} /*供应列表*/ .gongying-list li{ overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:.15rem; margin-bottom:.15rem;} .gongying-list li ._title{ float:left; width:72%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; font-size:.26rem; font-weight:normal;} .gongying-list li ._date{ float:right; width:25%; text-align:right;font-size:.26rem; font-weight:normal;} .gongying-list li ._title span{color:#2d8ff4; padding-right:.05rem; font-size:.2rem;} /*供应详细*/ .gydet-title{font-size:.3rem; margin-bottom:.1rem;} .gydet-content{font-size:.24rem; line-height:.4rem;} .gydet-tel{ margin-top:.5rem;} .gydet-tel a{ display:inline-block; line-height:.52rem; background:#ffc800; color:#fff; padding:0 .4rem; font-size:.24rem; font-weight:bold; } .channel-content{font-size:.24rem; line-height:.4rem;} /*在线留言列表M2*/ .Form-M2 .Form-M2-li { margin-bottom:.2rem;} .Form-M2 .Form-M2-li label { display:block; width:100%; font-size:.20rem; margin-bottom:.1rem;} .Form-M2 .Form-M2-li input {height: .38rem;line-height: .38em;border: 1px #ddd solid;width: 90%;} .Form-M2 .Form-M2-li textarea {border: 1px #ddd solid;width: 90%; padding:0;} .Form-M2 .Form-M2-li em {color: red;vertical-align: middle;padding-left: 10px;} .Form-M2 .Form-M2-li input._yzm {width: 20%;} .Form-M2 .Form-M2-li ._yzmimg {vertical-align: middle;padding-left: 10px;cursor: pointer; height:.38rem;} .Form-M2 .Form-M2-li b {color: #666;font-size: 12px;padding-left: 4px;} .Form-M2 .Form-M2-li select {border: 1px #ddd solid;width: 70%;padding: 7px 0;} .Form-M2 .Form-M2-Btn { padding-top:.1rem;} .Form-M2 .Form-M2-Btn button {width: 2rem;height: .42rem;line-height: .42rem;text-align: center;color: #fff;border-radius: 4px; cursor: pointer; font-size:.2rem;} .Form-M2 .Form-M2-Btn ._submit {background: #368bde;margin-right: 10px;} .Form-M2 .Form-M2-Btn ._reset {background: #909090;} /*产品列表*/ .pro-list li{ width:100%; overflow:hidden; padding-bottom:.25rem; margin-bottom:.25rem; border-bottom:1px solid #ddd; } .pro-list li img{ width:1.8rem; height:1.8rem; float:left; margin-right:.2rem;} .pro-list li ._title{ font-size:.26rem; font-weight:normal; margin-bottom:.15rem; height:.4rem; line-height:.4rem; word-break:break-all; overflow:hidden; } .pro-list li ._price{ font-size:.28rem; color:#de0d16; margin-bottom:.15rem;} .pro-list li ._company{ font-size:.20rem;} /*产品详细*/ .pdet-img{ text-align:center; overflow:hidden; margin-bottom:.3rem;} .pdet-img img{ width:3rem; height:3rem;} .pdet-sum{ background:#f4f4f4; padding:.3rem .2rem; position:relative; margin-bottom:.3rem; } .pdet-name{ font-size:.24rem; margin-bottom:.1rem;} .pdet-price{ font-size:.4rem; line-height:.4rem; color:#de0d16;position:absolute;top:50%; right:0px; margin-top:-.2rem;} .pdet-con-lant{ border-bottom:1px solid #ddd; font-size:.24rem; color:#2d8ff4; } .pdet-con-lant span{ display:inline-block; border-bottom:1px solid #2d8ff4; position:relative; margin-bottom:-1px; padding:0 .1rem; padding-bottom:.1rem; } .pdet-content{ padding-top:.2rem; font-size:.24rem; } #menu{ font-size:.26rem;} /*登录*/ .login-main{ width:80%; margin-left:auto; margin-right:auto; padding-top:.4rem;} .login-tag{ font-size:.32rem; text-align:center; margin-bottom:.4rem;} .login-form dl{ position:relative;} .login-form ._loginp{ width:100%; padding:0; margin:0; height:.7rem; line-height:.7rem; border:none; border-bottom:1px solid #ddd; font-size:.28rem; -webkit-appearance: none; border-radius:0;} .login-form ._logbtn{ width:100%; height:.6rem; line-height:.6rem; padding:0; margin:0; font-size:.3rem; color:#fff; background:#2d8ff4; border-radius:5px; -webkit-appearance: none; margin-top:.4rem;} .login-form ._logyzmimg{ height:.5rem; position:absolute; right:0; bottom:.1rem;} .login-other{ font-size:.28rem; text-align:center; margin-top:.4rem;} .login-other a{ color:red;} /*搜索*/ .Search-S1-list li { margin-bottom: .2rem; } .Search-S1-list ._head { font-size: .26rem; padding:.1rem 0; margin-bottom: .2rem; border-bottom: 1px solid #cccccc; } .Search-S1-list ._num { float: left; } .Search-S1-list ._type { float: left; color:#0e90d2;padding: 0 1em; border-right: 1px solid #cccccc; margin-right: 1em; font-style: normal; } .Search-S1-list ._t { float: left; width: 70%; font-weight: bold; color:#333; } .Search-S1-list ._p { font-size: .24rem; line-height:.4rem; height:.8rem; overflow:hidden;} .top-state{ position:absolute; top:.25rem;right:.2rem; font-size:.26rem;} .top-state span{ padding-right:2px;} @media screen and (orientation: landscape){ body{max-width:none;} /* 手机横屏 start! */ } /* PadMode */ @media screen and (min-width: 41em){ body{max-width: none;} body:after {content: 'Pad';} .PcPush{display: none;} .UnpcPush{display: block;} /* Pad-横屏 start! */ @media screen and (orientation: portait){ /* Pad-竖屏 start! */ } }