www.gusucode.com > (带手机版数据同步)开锁换锁网站源码 设备服务行业网站织梦模板(demo264)源码程序 > (带手机版数据同步)开锁换锁网站源码 设备服务行业网站织梦模板(demo264)源码程序/www2/m/skin/css/master.css
/* AB模版网 做最好的织梦整站模板下载网站 */ /* 网址:Www.AdminBuy.Cn */ /* 图标大全:Sc.AdminBuy.Cn 专业建站素材网站 */ /* QQ:9490489 */ /* 基础 */ * { -webkit-tap-highlight-color: rgba(255,255,255,0); -webkit-touch-callout: none; margin: 0 } ::-webkit-scrollbar { width:4px; height:4px } ::-webkit-scrollbar-track { -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); border-radius:0; background:rgba(0,0,0,0.1) } ::-webkit-scrollbar-thumb { border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.2) } ::-webkit-scrollbar-thumb:hover { border-radius:5px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:rgba(0,0,0,0.4) } input, textarea { -webkit-user-select: text } /* index banner */ .banner { position: relative; width: 100%; } .swiper-pagination { display: inline-block; left: 50% !important; bottom: 0.1rem !important; width: auto !important; padding: 0.02rem 0.1rem; text-align: center !important; font-size: 0; -webkit-transform: translate(-50%, 0) !important; transform: translate(-50%, 0) !important; border-radius:.1rem; } .swiper-pagination-bullet { width: 0.3rem !important; height: 0.06rem !important; opacity: 1 !important; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0 !important; background: #3e57b5 !important; } .swiper-pagination-bullet-active { background: #fff !important; box-sizing: border-box; -webkit-box-sizing: border-box; } .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet { margin: 0 0.04rem !important; } /* -------------------------自定义部分开始 --------------------------*/ @font-face { font-family: "iconfont_s"; src: url('../font/iconfont_s.woff') format('woff'), url('../font/iconfont_s.ttf') format('truetype'); } .iconfont_s { font-family: "iconfont_s" !important; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .clear-fix:after { display: block; clear: both; visibility: hidden; height: 0; font-size: 0; content: "."; } input { outline: none; } body { background: #FFF !important; } .allpage { background: #fff !important; } /*content*/ .content { padding-bottom: 0.7rem !important; } /*iwrap*/ .iwrap { position: relative; width: 93.75%; margin: 0 auto; } /*beian*/ .beian { width: 100%; height: 0.65rem; font-size: 0.21rem; line-height: 0.65rem; color: #2e3842; text-align: center; } .beian a { color: #2e3842; } /*common_title*/ .common_title { margin: 0 3.125% 2% 3.125%; border-bottom: 1px solid #9eabda; } .common_title h2 { font-size: 0.23rem; line-height: 0.4rem; width: 26%; text-align: left; color: #30366b; } .common_title a { float: right; line-height: 0.4rem; color: #454545; } /*nav_new*/ .nav_new { width: 100%; background-color: #3E57B5; } .nav_new ul li { width: 25%; height: 0.5rem; float: left; text-align: center; border-right: 1px solid #7f9aff; border-left: 1px solid #0e1b4d; border-bottom: 1px solid #7f9aff; border-top: 1px solid #0e1b4d; box-sizing: border-box; } .nav_new ul li:nth-child(4) { border-right: none } .nav_new ul li:last-child { border-right: none } .nav_new ul li a { display: inline-block; width: 100%; height: 0.5rem; line-height: 0.5rem; color: #fff; font-size: 0.22rem; font-family: "microsoft yahei"; } .nav_new ul li:nth-child(4) a { border: none!important; } .nav_new ul li:last-child a { border: none; } /*hnav2*/ .hnav2 { margin: 0 auto 2% auto; background-color: #c9dcfa; } .hnav2 .son2 { width: 20%; display: block; float: left; font-weight: bold; text-align: center; color: #30366b; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.22rem; line-height: 0.5rem; box-sizing: border-box; -webkit-box-sizing: border-box; border-right: 1px solid #8a9bd9; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff; border-top: 1px solid #8a9bd9; } .hnav2 .son2:nth-of-type(5n) { border-right: 0; } .hnav2 .son2:nth-of-type(-n+5) { border-top: 0; } /*index_product*/ .index_product { width: 93.75%; padding: 1% 3.125% 0 3.125%; } .index_product li { width: 48.5%; margin: 0 3% 0 0; float: left; position: relative; text-align: center; } .index_product li span { display: block; font-size: 0.23rem; line-height: 0.5rem; height: 0.5rem; color: #323448; white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .index_product li img { width: 100%; height: 1.8rem; } .index_product li .hot_icon { width: 15%; border: 0; padding: 0; position: absolute; top: 0; left: 0; } .index_product li:nth-of-type(2n) { margin-right: 0; } /*index_sale*/ .index_sale { margin-bottom: 2.2%; } .index_sale dl { margin: 0 3.125%; border-bottom: 1px dotted #898daa; padding: 2.2% 0; } .index_sale dt { float: left; width: 30%; } .index_sale dt img { width: 100%; } .index_sale dd { float: right; width: 67%; } .index_sale dd h3 { font-weight: normal; font-size: 0.23rem; color: #30366b; line-height: 0.45rem; white-space: nowrap; overflow: hidden; margin-bottom: 0.02rem; text-overflow: ellipsis; width: 97%; font-weight: bold; } .index_sale dd p { font-weight: normal; font-size: 0.21rem; color: #606383; line-height: 0.3rem; max-height: 0.6rem; overflow: hidden; } .index_sale dd a { display: inline-block; color: #fff; text-align: center; padding: 0 3%; margin-right: 1%; font-size: 0.21rem; line-height: 0.3rem; } /*index_about*/ .index_about { width: 88%; margin: 0 6% 1.5% 6%; font-size: 0.21rem; line-height: 0.35rem; background-color: #fff; color: #323448; vertical-align: top; position: relative; } .index_about img { width: 100%; margin-bottom: 0.1rem; } /*new_i*/ .new_i { width: 93.75%; margin: 2% auto 3% auto; } .new_i li a { display: block; width: 95%; margin: 0 auto; color: #3b4274; line-height: 0.5rem; overflow: hidden; height: 0.5rem; white-space: nowrap; text-overflow: ellipsis; } .new_i li:nth-of-type(2n+1) { background-color: #c9dcfa } .new_i li i:nth-of-type(1) { display: block; width: 1.5%; float: left; font-size: 0.12rem; font-style: normal; margin-right: 2.5%; color: #3b4274; } .new_i li i:nth-of-type(2) { width: 24%; font-style: normal; text-align: right; color: #626790; font-size: 0.21rem; float: right; } .new_i li span { display: block; font-style: normal; overflow: hidden; width: 90%; float: left; font-size: 0.21rem; text-overflow: ellipsis; } /*hotline*/ .hotline { width: 91%; height: 0.6rem; margin: 3% 3% 0 3%; background-color: #5e78c1; display: block; padding: 3% 2%; border-radius: 0.05rem; } .hotline h3 { background-color: #314c96; font-size: 0.21rem; line-height: 0.5rem; color: #fff; display: block; width: 38%; white-space: nowrap; font-weight: normal; border-radius: 0.1rem; float: right; text-align: center; margin-top: 0.05rem; } .hotline span { display: block; width: 62%; float: left; white-space: nowrap; color: #fff; font-size: 0.21rem; line-height: 0.3rem; overflow: hidden; }