all.css
@charset "utf-8"
*{-webkit-tap-highlight-color:rgba(0,0,0,0); padding:0; margin:0;}
body{ font-size:100px; background-color:#f5f5f5; overflow-x:hidden; font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif;}/*font-family:'microsoft yahei',Verdana,Arial,Helvetica,sans-serif; color:#797979;*/
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,select,table,td,textarea,th {margin:0; padding:0;}
img,input,button,select,textarea{ margin:0px; padding:0px; resize:none; font-weight: normal; border:none; outline:none; color:#999;}
input,select,textarea,button{border-radius: 4px !important;}
input,select,th{outline:none;}
input:focus,button:focus,input[type="button"]{outline:none;}
input, select, textarea:focus{color:#797979;}
fieldset,img {border:0;}
ul,li {list-style:none; padding:0; margin:0;}
h1,h2,h3,h4,h5,h6,p,em{ font-size:100%; word-wrap:break-word; font-weight: normal; font-style: normal; }
address {font-style:normal;}
i{ margin:0 3%; font-style: normal; }
a {color:#428bca;text-decoration:none; outline:none}
button::-moz-focus-inner,input::-moz-focus-inner{ padding:0; border:0; }
table { border-collapse:collapse}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */
.hide{display:none;}
.cen_mar{ margin:0 auto; }
/*0内边距外边距*/
.eropad{ padding: 0; }
.eromar{ margin: 0; }
/*文字大小*/
h3{ font-size:0.8em; border-bottom: 1px #dcdcdc solid; padding-bottom: 1em; color: #333;}
/*字体颜色定义*/
.colwrite{color: #fff;}
.colg6{ color:#666; }
.colg9{ color: #999; }
.colblu{ color: #02aceb; }
.colora_num{ color: #fc6705;}
.colred{ color: #fe0908; }
/*浮动*/
.f_rig{ float:right;}
.f_lef{ float:left;}
.c_cle{ clear:both; }
/*文字位置*/
.t_lef{ text-align:left;}
.t_cen{ text-align:center;}
.t_rig{ text-align:right;}
/*背景色*/
.i_boxbg{ background:#fff;}
.tabbg{ background: #f0faff; }
.orgbgbtn{ background: #fc6705; }
/*按钮*/
.i_subbtn{ width: 70px; height: 40px; border-radius: 6px; background: #02aceb; text-align: center; line-height: 30px;}
.i_btn{ height: 60px; border-radius: 8px;}
.bigok_b{ background:#02acea;}
.bigdis_b{ background:#e6e6e6; }
.middis_b{ background: #bebebe; }
.orgbtnbg{ background: #fc6705;}
.button[type="submit"]:hover,.button[type="submit"]:active,.button[type="submit"]:focus{ background:#0399d0; color:#fff;}
.btnbgred:hover,.btnbgred:active,.btnbgred:focus{ background:#d2223d; border:1px #ac2925 solid; color:#fff;}
/*flexbox*/
.flexbox{display: -webkit-box; display: -moz-box; display: box; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; box-orient: horizontal; -webkit-box-pack: end; -moz-box-pack: end; box-pack: end; }
.flexbox-1{ -webkit-box-flex: 1; -moz-box-flex: 1; box-flex: 1;}
/*控件定义*/
input,select{ width:405px; height: 38px; padding-left: 1%; border:1px #dcdcdc solid; background: #fff; color: #999; font-size: 0.14em; line-height: 40px; }
.location_cls{width:36px;height:36px;border:1px solid #dcdcdc;display: table-cell;background: url(../img/location.png) no-repeat center;line-height: 30px;float:left;cursor:pointer;}
input[type="radio"]{ width: 16px; height: 16px; line-height: 40px; margin-left: 5px; margin-right: 1%; margin-top: 12px; }
input[type="date"]{ width: 180px; height: 38px; border:1px #dcdcdc solid; }
/*表单提交按钮 310px*/
/*button[type="submit"]{ width: 310px; height: 45px; background: #02aceb; border-radius: 4px; font-size:16px; color: #fff; }*/
/*button[type="submit"]:hover{width: 310px; height: 45px; background: #0399d0; border-radius: 4px; font-size:16px; color: #fff; }*/
.n_msubbtn{width: 310px; height: 45px; background: #02aceb; border-radius: 4px; font-size:16px; color: #fff; font-weight: 400;}
.n_msubbtn:hover, .n_msubbtn:focus, .n_msubbtn:active{ background:#0399d0; }
/*不可用*/
.dn_msubbtn{width: 310px; height: 45px; background: #02aceb; border-radius: 4px; font-size:16px; color: #b2eafe;font-weight: 400;}
/*返回及上一步按钮*/
.n_mbakbtn{width: 310px; height: 45px; background: #bebebe; border-radius: 4px; font-size:16px; color: #fff;font-weight: 400;}
.n_mbakbtn:hover, .n_mbakbtn:focus, .n_mbakbtn:active{ background: #d2d2d2; }
/*不可用*/
.dn_mbakbtn{width: 310px; height: 45px; background: #e6e6e6; border-radius: 4px; font-size:16px; color: #999;}
input[type="checkbox"]{ width: 18px; height: 18px; }
.n_inpfile{ width: 70px; height: 30px; }
/*wrap*/
/*.wrap{ min-width:320px; max-width:640px; margin:0px auto; overflow:hidden;}*/
/*header部分*/
.n_iheabg{ width: 100%; font-size:0.12em; margin-bottom: 1.6667em; border-bottom: 1px #dcdcdc solid;}
.n_iheabox{ width: 1200px; font-size: 16px; height: 4.25em; margin:0 auto; position: relative;}
.n_iheabox .n_ilogo{ width: 14%; height: 4.25em; line-height: 4.25em; display: table;}
.n_iheabox .n_ilogo a{ display: table-cell; vertical-align: middle; background: url(../img/nlogo.png) no-repeat 10px center;}
.n_iheabox ul li{ float: left; padding:0 1.8%; height: 4.25em; line-height: 4.25em;}
.n_iheabox ul li a{ display: inline-block; height: 4.25em; line-height: 4.25em; color: #333; text-decoration: none;}
.n_iheabox .n_ihnav ul li a:hover{color:#02aceb; border-bottom: 2px #02aceb solid;}
.n_iheabox .mar_l{ margin-left: 40%; }
.n_iheaid{ width: 200px; height: 4em; position: absolute; top: 0; right: 0; }
.n_iheaid>ul>li{ font-size: 0.75em; color: #666; line-height: 5em; height: 5em;}
.n_iheaic{ display: inline-block; width: 30px; height: 11px; background: url(../img/slidic.png) no-repeat center;}
.n_iheaid>ul>li:first-child{ width:20px; height: 5em; background: url("../img/heanotice.png") no-repeat center; }
.n_imsgdot{ display: none; width: 10px; height: 10px; background: #dc5f0d; border-radius: 5px; }
.n_iheaid dl dt{position: absolute; width: 50%; height:2em; left:25%; top:5.7em; background: #fff; line-height: 2em; text-align: center; font-size: 0.7em; color: #666; border:1px #dcdcdc solid; }
.n_iheaid dl dt a{color: #666;}
.n_ihnav ul,ol{margin: 0px;}
#ad_div {display:block;}
#mobile_ad_div {display:none;}
/*footer部分*/
.n_ifoot{ width: 100%; background: #e6e6e6;}
.n_ifbox{ width: 1200px; margin:0 auto; padding-top:20px;}
.n_ifbox ul li{ float: left; font-size:14px; text-align: left;}
.n_ifbox ul li:first-child{ width: 40%;}
.n_ifbox ul li:nth-child(2){ width: 20%; }
.n_ifbox ul li:nth-child(3){ width: 40%; }
.n_ifbox ul li:nth-child(3) h3 {text-align: right;}
.n_ifbox ul li:nth-child(3) div {text-align: right;}
.n_ifbox ul li:nth-child(3) div img{vertical-align: middle;}
.n_ifbox .n_icpic{ display: inline-block; width: 20%; height: 2.8em; background: #ccc; float: left; background: url(../img/phoneic.png) no-repeat center;}
.n_ifot{font-size:22px; text-decoration: none; color: #666; font-weight: normal; margin:0; border:none;}
.n_ibq{font-size: 14px; padding:1em 0; border-top: 1px #fff solid;}
/*适配部分*/
@media screen and (max-width:1200px){
.n_iheabox{ width: 100%; }
.n_ifbox{ width: 100%; }
.n_ihnav{ position: absolute; z-index: 99; left:10px; top:4.25em; width: 30%; border:1px #dcdcdc solid; }
.n_iheabox .n_ilogo a{ background:url(); }
.n_imeanic{ position: absolute; left: 10px; top:0.8em; background:#fcfcfc url(../img/navic.png) no-repeat center; display: block; width: 50px; height: 2.6em; border:1px #dcdcdc solid; border-radius: 4px;}
.n_ihnav ul li{ float: none; width: 100%; height: 3em; line-height: 3em; padding: 0; margin: 0; text-align: center; background: #f5f5f5; border-bottom: 1px #dcdcdc solid; }
.n_ihnav ul li a{ height:3em; line-height:3em; }
input,select{ width:405px; height: 38px; line-height: 40px; border:1px #dcdcdc solid; background: #fff; font-size: 0.14em; color: #999;}
input[type="radio"]{ width: 18px; height: 18px; line-height: 40px; margin-left: 5px; margin-right: 1%; margin-top: 12px; }
}
@media screen and (max-width:992px){
.n_iheabox{ width: 100%; }
.n_ifbox{ width: 100%; }
.n_ifbox ul li{ width:100%;}
.n_ihnav{ position: absolute; left:10px; top:4.25em; width: 30%; border:1px #dcdcdc solid; display: none;}
.n_iheabox .n_ilogo a{ background:url(); }
.n_imeanic{ position: absolute; left: 10px; top:0.8em; background:#fcfcfc url(../img/navic.png) no-repeat center; display: block; width: 50px; height: 2.6em; border:1px #dcdcdc solid; border-radius: 4px;}
.n_ihnav ul li{ float: none; width: 100%; height: 3em; line-height: 3em; padding: 0; margin: 0; text-align: center; background: #f5f5f5; border-bottom: 1px #dcdcdc solid; }
.n_ihnav ul li a{ height:3em; line-height:3em; }
.n_ifbox h3{ text-align: center; }
.n_ifbox ul li{ float:none; width: 100%; }
.n_ifbox ul li:first-child{ width: 100%; text-align: center;}
.n_ifbox ul li:nth-child(2){ width: 100%; }
.n_ifbox ul li:nth-child(3){ width: 100%;}
.n_ifbox ul li:nth-child(3) h3{text-align: center}
.n_ifbox ul li:nth-child(3) div{text-align: center}
.n_ifbox .n_icpic{ background-size: 30%; }
input,select{ width:100%; height: 38px; line-height: 40px; border:1px #dcdcdc solid; background: #fff; font-size: 0.14em; color: #999;}
input[type="radio"]{ width: 18px; height: 18px; line-height: 40px; margin-left: 5px; margin-right: 1%; margin-top: 12px; }
.n_mbakbtn{width: 100%;}
.n_msubbtn{ width: 100%; }
.location_cls{float: none;}
}
@media screen and (max-width:768px){
.n_iheabox{ width: 100%; }
.n_ifbox{ width: 100%; }
.n_ifbox ul li{ width:100%;}
.n_ifbox ul li{ float:none; width: 100%; }
.n_ihnav{ position: absolute; left:10px; top:4.25em; width: 30%; border:1px #dcdcdc solid; display: none; }
.n_iheabox .n_ilogo a{ background:url(); }
.n_imeanic{ position: absolute; left: 10px; top:0.8em; background:#fcfcfc url(../img/navic.png) no-repeat center; display: block; width: 50px; height: 2.6em; border:1px #dcdcdc solid; border-radius: 4px;}
.n_ihnav ul li{ float: none; width: 100%; height: 3em; line-height: 3em; padding: 0; margin: 0; text-align: center; background: #f5f5f5; border-bottom: 1px #dcdcdc solid; }
.n_ihnav ul li a{ height:3em; line-height:3em; }
.n_ifbox h3{ text-align: center; }
.n_ifbox ul li{ float:none; width: 100%; }
.n_ifbox ul li{ float:none; width: 100%; }
.n_ifbox ul li:first-child{ width: 100%; text-align: center; }
.n_ifbox ul li:nth-child(2){ width: 100%; }
.n_ifbox ul li:nth-child(3){ width: 100%;}
.n_ifbox ul li:nth-child(3) img {width:35px;}
.n_ifbox .n_icpic{ background-size: 30%; }
input,select{ width:100%; height: 38px; line-height: 40px; border:1px #dcdcdc solid; background: #fff; font-size: 0.14em; color: #999;}
input[type="radio"]{ width: 18px; height: 18px; line-height: 40px; margin-left: 5px; margin-right: 1%; margin-top: 12px; }
.n_mbakbtn{width: 100%;}
.n_msubbtn{ width: 100%; }
#ad_div {display:none;}
#mobile_ad_div {display:block;}
}
@media screen and (max-width:640px){
/*body,button,input,select,table,textarea{font-size:0.14em;}*/
.n_iheaid{ width: 190px; }
.n_ifbox h3{ text-align: center; }
.n_ifbox ul li{ float:none; width: 100%; }
.n_ifbox .n_icpic{ background-size: 30%; }
.n_mbakbtn{width: 100%; margin-bottom:1em;}
.n_msubbtn{ width: 100%; }
}
all.css的更多相关文章
- Matplotlib数据可视化(3):文本与轴
在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像 ...
- CSS的未来
仅供参考 前言 完成<CSS核心技术与实战>这本书,已有一个多月了,而这篇文章原本是打算写在那本书里面的,但本章讲解的内容,毕竟属于CSS未来的范畴,而这一切都还不能够确定下来,所以这一章 ...
- 前端极易被误导的css选择器权重计算及css内联样式的妙用技巧
记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前 ...
- 前端css兼容性与易混淆的点
一.常用的骨灰级清除浮动 .clearfix:after { content: "."; display: block; height:; clear: both; visibil ...
- 理解CSS外边距margin
前面的话 margin是盒模型几个属性中一个非常特殊的属性.简单举几个例子:只有margin不显示当前元素背景,只有margin可以设置为负值,margin和宽高支持auto,以及margin具有 ...
- 理解CSS视觉格式化
前面的话 CSS视觉格式化这个词可能比较陌生,但说起盒模型可能就恍然大悟了.实际上,盒模型只是CSS视觉格式化的一部分.视觉格式化分为块级和行内两种处理方式.理解视觉格式化,可以确定得到的效果是应 ...
- 谈谈一些有趣的CSS题目(十二)-- 你该知道的字体 font-family
开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...
- ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第二章:利用模型类创建视图、控制器和数据库
在这一章中,我们将直接进入项目,并且为产品和分类添加一些基本的模型类.我们将在Entity Framework的代码优先模式下,利用这些模型类创建一个数据库.我们还将学习如何在代码中创建数据库上下文类 ...
- 谈谈一些有趣的CSS题目(十一)-- reset.css 知多少?
开本系列,谈谈一些有趣的 CSS 题目,题目类型天马行空,想到什么说什么,不仅为了拓宽一下解决问题的思路,更涉及一些容易忽视的 CSS 细节. 解题不考虑兼容性,题目天马行空,想到什么说什么,如果解题 ...
- 梅须逊雪三分白,雪却输梅一段香——CSS动画与JavaScript动画
CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别 先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...
随机推荐
- 【bootstrap】bootstrap中的tooltip的使用
先看看效果图:[当光标放在下面这个时间搜索框上时,显示一段文字:搜索时间段中的流水信息] 这样的效果,怎么实现呢? 很简单 1.引入jQuery.js和bootstrap的js和css 2.给想要有t ...
- python为不同的对象如何分配内存的小知识
id方法的返回值就是对象的内存地址. python中会为每个出现的对象分配内存,哪怕他们的值完全相等(注意是相等不是相同).如执行a=2.0,b=2.0这两个语句时会先后为2.0这个Float类型对象 ...
- cocos2d-x 事件分发机制 ——触摸事件监听
cocos2d-x 3.0 出来已经好久了,也已经用3.0写了几个小游戏,感觉3.0的事件触发机制太赞了,随这里总结一下.也算是对知识的一种回顾和加深理解. 3.0的事件分发机制中.须要也只须要通过创 ...
- Direct2D教程(十二)图层
什么是Layers? Layer,中文译成图层,在Direct2D中可以用来完成一些特殊效果,使用Layer的时候,先将Layer Push到render target,然后进行绘制,此时是直接绘制在 ...
- linux系统中mysql自动备份脚本
mysql数据库中存储着网站最核心最宝贵的数据,如果因为不可预测的原因导致数据损坏或丢失,对一个网站的打击是毁灭性的,一次又一次的教训提醒着我们一定要做好备份,但是手工备份确实比较麻烦,每天都要手工操 ...
- 很多shell命令后面的单横杠和双横杠,原来这个意思
原文: https://blog.csdn.net/deyili/article/details/5471023 ------------------------------------------- ...
- NYOJ 353 3D dungeon 【bfs】
题意:给你一个高L长R宽C的图形.每个坐标都能够视为一个方格.你一次能够向上.下.左,右,前,后任一方向移动一个方格, 可是不能向有#标记的方格移动. 问:从S出发能不能到达E,假设能请输出最少的移动 ...
- Django进阶之Form
Django的Form主要具有一下几大功能: 生成HTML标签 验证用户数据(显示错误信息) HTML Form提交保留上次提交数据 初始化页面显示内容 一.创建Form类 #!/usr/bin/en ...
- SGPIO
http://en.wikipedia.org/wiki/SGPIO SGPIO From Wikipedia, the free encyclopedia Serial General Purp ...
- mysql字符太长警告
用navicateclient,打开相应的数据库. 打开函数.找相应的val()函数,进行编辑,就能够!编辑范围为4000