JS正则之---HTML版
话不多说 上代码
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>正则表达式速查表_脚本之家</title> <style type="text/css"> html, body { margin:2px; font-family:Verdana, Geneva, sans-serif; font-size: 12px;; } table.wikitable { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #96B2D3; border-collapse: collapse; color: black; } .wikitable th, .wikitable td { border: 1px solid #96B2D3; } .wikitable tr:hover{ background:#EAF0F7;} .wikitable td{ line-height:20px;padding: 5px 8px;} .wikitable th { padding: 4px; font-weight:normal; background: none repeat scroll 0 0 #DBE5F1; text-align: center; } p { line-height: 1.5em; margin: 0.4em 0 0.5em; } .h2{ margin:0 auto; font-weight:normal; text-align:center; background:#4F81BD; color:#FFF; font-family:"黑体";padding:8px 0; font-size:37px; width:1200px;} .regex {font-family:"Courier New";} </style> <link rel="stylesheet" type="text/css" href="wer.css"> </head> <body><div id="BAIDU_DUP_fp_wrapper" style="position: absolute; left: -1px; bottom: -1px; z-index: 0; width: 0px; height: 0px; overflow: hidden; visibility: hidden; display: none;"><iframe id="BAIDU_DUP_fp_iframe" src="https://pos.baidu.com/wh/o.htm?ltr=" style="width: 0px; height: 0px; visibility: hidden; display: none;"></iframe></div> <table width="1200" class="wikitable" align="center"> <tbody> <tr> <th width="8%" style="font-size:14px">字符</th> <th width="92%" style="font-size:14px">描述</th> </tr> <tr> <th>\</th> <td>将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“<code>n</code>"匹配字符"<code>n</code>"。"<code>\n</code>"匹配一个换行符。串行"<code>\\</code>"匹配"<code>\</code>"而"<code>\(</code>"则匹配"<code>(</code>"。</td> </tr> <tr> <th>^</th> <td>匹配输入字符串的开始位置。如果设置了RegExp对象的Multiline属性，^也匹配“<code>\n</code>"或"<code>\r</code>"之后的位置。</td> </tr> <tr> <th>$</th> <td>匹配输入字符串的结束位置。如果设置了RegExp对象的Multiline属性，$也匹配“<code>\n</code>"或"<code>\r</code>"之前的位置。</td> </tr> <tr> <th>*</th> <td>匹配前面的子表达式零次或多次。例如，zo*能匹配“<code>z</code>"以及"<code>zoo</code>"。*等价于{0,}。</td> </tr> <tr> <th>+</th> <td>匹配前面的子表达式一次或多次。例如，“<code>zo+</code>"能匹配"<code>zo</code>"以及"<code>zoo</code>"，但不能匹配"<code>z</code>"。+等价于{1,}。</td> </tr> <tr> <th>?</th> <td>匹配前面的子表达式零次或一次。例如，“<code>do(es)?</code>"可以匹配"<code>does</code>"或"<code>does</code>"中的"<code>do</code>"。?等价于{0,1}。</td> </tr> <tr> <th>{<span style="font-family:Times New Roman; font-style:italic;">n</span>}</th> <td><span style="font-family:Times New Roman; font-style:italic;">n</span>是一个非负整数。匹配确定的<span style="font-family:Times New Roman; font-style:italic;">n</span>次。例如，“<code>o{2}</code>"不能匹配"<code>Bob</code>"中的"<code>o</code>"，但是能匹配"<code>food</code>"中的两个o。</td> </tr> <tr> <th>{<span style="font-family:Times New Roman; font-style:italic;">n</span>,}</th> <td><span style="font-family:Times New Roman; font-style:italic;">n</span>是一个非负整数。至少匹配<span style="font-family:Times New Roman; font-style:italic;">n</span>次。例如，“<code>o{2,}</code>"不能匹配"<code>Bob</code>"中的"<code>o</code>"，但能匹配"<code>foooood</code>"中的所有o。"<code>o{1,}</code>"等价于"<code>o+</code>"。"<code>o{0,}</code>"则等价于"<code>o*</code>"。</td> </tr> <tr> <th>{<span style="font-family:Times New Roman; font-style:italic;">n</span>,<span style="font-family:Times New Roman; font-style:italic;">m</span>}</th> <td><span style="font-family:Times New Roman; font-style:italic;">m</span>和<span style="font-family:Times New Roman; font-style:italic;">n</span>均为非负整数，其中<span style="font-family:Times New Roman; font-style:italic;">n</span><=<span style="font-family:Times New Roman; font-style:italic;">m</span>。最少匹配<span style="font-family:Times New Roman; font-style:italic;">n</span>次且最多匹配<span style="font-family:Times New Roman; font-style:italic;">m</span>次。例如，“<code>o{1,3}</code>"将匹配"<code>fooooood</code>"中的前三个o。"<code>o{0,1}</code>"等价于"<code>o?</code>"。请注意在逗号和两个数之间不能有空格。</td> </tr> <tr> <th>?</th> <td>当该字符紧跟在任何一个其他限制符（*,+,?，{<span style="font-family:Times New Roman; font-style:italic;">n</span>}，{<span style="font-family:Times New Roman; font-style:italic;">n</span>,}，{<span style="font-family:Times New Roman; font-style:italic;">n</span>,<span style="font-family:Times New Roman; font-style:italic;">m</span>}）后面时，匹配模式是非贪婪的。非贪婪模式尽可能少的匹配所搜索的字符串，而默认的贪婪模式则尽可能多的匹配所搜索的字符串。例如，对于字符串“<code>oooo</code>"，"<code>o+?</code>"将匹配单个"<code>o</code>"，而"<code>o+</code>"将匹配所有"<code>o</code>"。</td> </tr> <tr> <th>.</th> <td>匹配除“<code>\</code><span style="font-family:Times New Roman; font-style:italic;"><code>n</code></span>"之外的任何单个字符。要匹配包括"<code>\</code><span style="font-family:Times New Roman; font-style:italic;"><code>n</code></span>"在内的任何字符，请使用像"<code>(.|\n)</code>"的模式。</td> </tr> <tr> <th>(pattern)</th> <td>匹配pattern并获取这一匹配。所获取的匹配可以从产生的Matches集合得到，在VBScript中使用SubMatches集合，在JScript中则使用$0…$9属性。要匹配圆括号字符，请使用“<code>\(</code>"或"<code>\)</code>"。</td> </tr> <tr> <th>(?:pattern)</th> <td>匹配pattern但不获取匹配结果，也就是说这是一个非获取匹配，不进行存储供以后使用。这在使用或字符“<code>(|)</code>"来组合一个模式的各个部分是很有用。例如"<code>industr(?:y|ies)</code>"就是一个比"<code>industry|industries</code>"更简略的表达式。</td> </tr> <tr> <th>(?=pattern)</th> <td>正向肯定预查，在任何匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如，“<code>Windows(?=95|98|NT|2000)</code>"能匹配"<code>Windows2000</code>"中的"<code>Windows</code>"，但不能匹配"<code>Windows3.1</code>"中的"<code>Windows</code>"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始。</td> </tr> <tr> <th>(?!pattern)</th> <td>正向否定预查，在任何不匹配pattern的字符串开始处匹配查找字符串。这是一个非获取匹配，也就是说，该匹配不需要获取供以后使用。例如“<code>Windows(?!95|98|NT|2000)</code>"能匹配"<code>Windows3.1</code>"中的"<code>Windows</code>"，但不能匹配"<code>Windows2000</code>"中的"<code>Windows</code>"。预查不消耗字符，也就是说，在一个匹配发生后，在最后一次匹配之后立即开始下一次匹配的搜索，而不是从包含预查的字符之后开始</td> </tr> <tr> <th>(?<=pattern)</th> <td>反向肯定预查，与正向肯定预查类拟，只是方向相反。例如，“<code>(?<=95|98|NT|2000)Windows</code>"能匹配"<code>2000Windows</code>"中的"<code>Windows</code>"，但不能匹配"<code>3.1Windows</code>"中的"<code>Windows</code>"。</td> </tr> <tr> <th>(?<!pattern)</th> <td>反向否定预查，与正向否定预查类拟，只是方向相反。例如“<code>(?<!95|98|NT|2000)Windows</code>"能匹配"<code>3.1Windows</code>"中的"<code>Windows</code>"，但不能匹配"<code>2000Windows</code>"中的"<code>Windows</code>"。</td> </tr> <tr> <th>x|y</th> <td>匹配x或y。例如，“<code>z|food</code>"能匹配"<code>z</code>"或"<code>food</code>"。"<code>(z|f)ood</code>"则匹配"<code>zood</code>"或"<code>food</code>"。</td> </tr> <tr> <th>[xyz]</th> <td>字符集合。匹配所包含的任意一个字符。例如，“<code>[abc]</code>"可以匹配"<code>plain</code>"中的"<code>a</code>"。</td> </tr> <tr> <th>[^xyz]</th> <td>负值字符集合。匹配未包含的任意字符。例如，“<code>[^abc]</code>"可以匹配"<code>plain</code>"中的"<code>p</code>"。</td> </tr> <tr> <th>[a-z]</th> <td>字符范围。匹配指定范围内的任意字符。例如，“<code>[a-z]</code>"可以匹配"<code>a</code>"到"<code>z</code>"范围内的任意小写字母字符。</td> </tr> <tr> <th>[^a-z]</th> <td>负值字符范围。匹配任何不在指定范围内的任意字符。例如，“<code>[^a-z]</code>"可以匹配任何不在"<code>a</code>"到"<code>z</code>"范围内的任意字符。</td> </tr> <tr> <th>\b</th> <td>匹配一个单词边界，也就是指单词和空格间的位置。例如，“<code>er\b</code>"可以匹配"<code>never</code>"中的"<code>er</code>"，但不能匹配"<code>verb</code>"中的"<code>er</code>"。</td> </tr> <tr> <th>\B</th> <td>匹配非单词边界。“<code>er\B</code>"能匹配"<code>verb</code>"中的"<code>er</code>"，但不能匹配"<code>never</code>"中的"<code>er</code>"。</td> </tr> <tr> <th>\cx</th> <td>匹配由x指明的控制字符。例如，\cM匹配一个Control-M或回车符。x的值必须为A-Z或a-z之一。否则，将c视为一个原义的“<code>c</code>"字符。</td> </tr> <tr> <th>\d</th> <td>匹配一个数字字符。等价于[0-9]。</td> </tr> <tr> <th>\D</th> <td>匹配一个非数字字符。等价于[^0-9]。</td> </tr> <tr> <th>\f</th> <td>匹配一个换页符。等价于\x0c和\cL。</td> </tr> <tr> <th>\n</th> <td>匹配一个换行符。等价于\x0a和\cJ。</td> </tr> <tr> <th>\r</th> <td>匹配一个回车符。等价于\x0d和\cM。</td> </tr> <tr> <th>\s</th> <td>匹配任何空白字符，包括空格、制表符、换页符等等。等价于[ \f\n\r\t\v]。</td> </tr> <tr> <th>\S</th> <td>匹配任何非空白字符。等价于[^ \f\n\r\t\v]。</td> </tr> <tr> <th>\t</th> <td>匹配一个制表符。等价于\x09和\cI。</td> </tr> <tr> <th>\v</th> <td>匹配一个垂直制表符。等价于\x0b和\cK。</td> </tr> <tr> <th>\w</th> <td>匹配包括下划线的任何单词字符。等价于“<code>[A-Za-z0-9_]</code>"。</td> </tr> <tr> <th>\W</th> <td>匹配任何非单词字符。等价于“<code>[^A-Za-z0-9_]</code>"。</td> </tr> <tr> <th>\x<span style="font-family:Times New Roman; font-style:italic;">n</span></th> <td>匹配<span style="font-family:Times New Roman; font-style:italic;">n</span>，其中<span style="font-family:Times New Roman; font-style:italic;">n</span>为十六进制转义值。十六进制转义值必须为确定的两个数字长。例如，“<code>\x41</code>"匹配"<code>A</code>"。"<code>\x041</code>"则等价于"<code>\x04&1</code>"。正则表达式中可以使用ASCII编码。.</td> </tr> <tr> <th>\<span style="font-family:Times New Roman; font-style:italic;">num</span></th> <td>匹配<span style="font-family:Times New Roman; font-style:italic;">num</span>，其中<span style="font-family:Times New Roman; font-style:italic;">num</span>是一个正整数。对所获取的匹配的引用。例如，“<code>(.)\1</code>"匹配两个连续的相同字符。</td> </tr> <tr> <th>\<span style="font-family:Times New Roman; font-style:italic;">n</span></th> <td>标识一个八进制转义值或一个向后引用。如果\<span style="font-family:Times New Roman; font-style:italic;">n</span>之前至少<span style="font-family:Times New Roman; font-style:italic;">n</span>个获取的子表达式，则<span style="font-family:Times New Roman; font-style:italic;">n</span>为向后引用。否则，如果<span style="font-family:Times New Roman; font-style:italic;">n</span>为八进制数字（0-7），则<span style="font-family:Times New Roman; font-style:italic;">n</span>为一个八进制转义值。</td> </tr> <tr> <th>\<span style="font-family:Times New Roman; font-style:italic;">nm</span></th> <td>标识一个八进制转义值或一个向后引用。如果\<span style="font-family:Times New Roman; font-style:italic;">nm</span>之前至少有<span style="font-family:Times New Roman; font-style:italic;">nm</span>个获得子表达式，则<span style="font-family:Times New Roman; font-style:italic;">nm</span>为向后引用。如果\<span style="font-family:Times New Roman; font-style:italic;">nm</span>之前至少有<span style="font-family:Times New Roman; font-style:italic;">n</span>个获取，则<span style="font-family:Times New Roman; font-style:italic;">n</span>为一个后跟文字<span style="font-family:Times New Roman; font-style:italic;">m</span>的向后引用。如果前面的条件都不满足，若<span style="font-family:Times New Roman; font-style:italic;">n</span>和<span style="font-family:Times New Roman; font-style:italic;">m</span>均为八进制数字（0-7），则\<span style="font-family:Times New Roman; font-style:italic;">nm</span>将匹配八进制转义值<span style="font-family:Times New Roman; font-style:italic;">nm</span>。</td> </tr> <tr> <th>\<span style="font-family:Times New Roman; font-style:italic;">nml</span></th> <td>如果<span style="font-family:Times New Roman; font-style:italic;">n</span>为八进制数字（0-3），且<span style="font-family:Times New Roman; font-style:italic;">m和l</span>均为八进制数字（0-7），则匹配八进制转义值<span style="font-family:Times New Roman; font-style:italic;">nm</span>l。</td> </tr> <tr> <th>\u<span style="font-family:Times New Roman; font-style:italic;">n</span></th> <td>匹配<span style="font-family:Times New Roman; font-style:italic;">n</span>，其中<span style="font-family:Times New Roman; font-style:italic;">n</span>是一个用四个十六进制数字表示的Unicode字符。例如，\u00A9匹配版权符号（©）。</td> </tr> </tbody> </table> <br> <div class="h2">常用正则表达式</div> <table class="wikitable" width="1200" align="center"> <tbody><tr> <th width="8%">用户名</th> <td width="92%">/^[a-z0-9_-]{3,16}$/</td> </tr> <tr> <th scope="row">密码</th> <td>/^[a-z0-9_-]{6,18}$/</td> </tr> <tr> <th scope="row">密码2</th> <td><span class="regex">(?=^.{8,}$)(?=.*\d)(?=.*\W+)(?=.*[A-Z])(?=.*[a-z])(?!.*\n).*$</span> (由数字/大写字母/小写字母/标点符号组成，四种都必有，8位以上) </td> </tr> <tr> <th scope="row">十六进制值</th> <td>/^#?([a-f0-9]{6}|[a-f0-9]{3})$/</td> </tr> <tr> <th scope="row">电子邮箱</th> <td>/^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/<br> /^[a-z\d]+(\.[a-z\d]+)*@([\da-z](-[\da-z])?)+(\.{1,2}[a-z]+)+$/或<span class="regex">\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*</span></td> </tr> <tr> <th scope="row">URL</th> <td>/^(https?:\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/ 或 <span class="regex">[a-zA-z]+://[^\s]*</span></td> </tr> <tr> <th scope="row">IP 地址</th> <td>/((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)/<br> /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/ 或 <span class="regex">((2[0-4]\d|25[0-5]|[01]?\d\d?)\.){3}(2[0-4]\d|25[0-5]|[01]?\d\d?)</span></td> </tr> <tr> <th scope="row">HTML 标签</th> <td>/^<([a-z]+)([^<]+)*(?:>(.*)<\/\1>|\s+\/>)$/或<span class="regex"><(.*)(.*)>.*<\/\1>|<(.*) \/></span></td> </tr> <tr> <th scope="row">删除代码\\注释</th> <td>(?<!http:|\S)//.*$</td> </tr> <!-- <tr> <th scope="row"> </th> <td> </td> </tr>--> <tr> <th scope="row">匹配双字节字符(包括汉字在内)</th> <td>[^\x00-\xff]</td> </tr> <tr> <th scope="row">汉字(字符)</th> <td>[\u4e00-\u9fa5]</td> </tr> <tr> <th scope="row">Unicode编码中的汉字范围</th> <td>/^[\u2E80-\u9FFF]+$/</td> </tr> <tr> <th scope="row">中文及全角标点符号(字符)</th> <td>[\u3000-\u301e\ufe10-\ufe19\ufe30-\ufe44\ufe50-\ufe6b\uff01-\uffee]</td> </tr> <tr> <th scope="row">日期(年-月-日)</th> <td>(\d{4}|\d{2})-((0?([1-9]))|(1[1|2]))-((0?[1-9])|([12]([1-9]))|(3[0|1]))</td> </tr> <tr> <th scope="row">日期(月/日/年)</th> <td>((0?[1-9]{1})|(1[1|2]))/(0?[1-9]|([12][1-9])|(3[0|1]))/(\d{4}|\d{2})</td> </tr> <tr> <th scope="row">时间(小时:分钟, 24小时制)</th> <td>((1|0?)[0-9]|2[0-3]):([0-5][0-9])</td> </tr> <tr> <th scope="row">中国大陆固定电话号码</th> <td>(\d{4}-|\d{3}-)?(\d{8}|\d{7})</td> </tr> <tr> <th scope="row">中国大陆手机号码 </th><td>1\d{10}</td> </tr> <tr> <th scope="row">中国大陆邮政编码 </th><td>[1-9]\d{5}</td> </tr> <tr> <th scope="row">中国大陆身份证号(15位或18位) </th><td>\d{15}(\d\d[0-9xX])?</td> </tr> <tr> <th scope="row">非负整数(正整数或零) </th><td>\d+</td> </tr> <tr> <th scope="row">正整数 </th><td>[0-9]*[1-9][0-9]*</td> </tr> <tr> <th scope="row">负整数 </th><td>-[0-9]*[1-9][0-9]*</td> </tr> <tr> <th scope="row">整数 </th><td>-?\d+</td> </tr> <tr> <th scope="row">小数 </th><td>(-?\d+)(\.\d+)?</td> </tr> <tr> <th scope="row">空白行</th> <td>\n\s*\r 或者 \n\n(editplus) 或者 ^[\s\S ]*\n <br></td> </tr> <tr> <th scope="row"><span class="regex">QQ号码</span></th> <td><span class="regex">[1-9]\d{4,}</span></td> </tr> <tr> <th scope="row">不包含abc的单词</th> <td><span class="regex">\b((?!abc)\w)+\b</span></td> </tr> <tr> <th scope="row">匹配首尾空白字符</th> <td>^\s*|\s*$</td> </tr> <tr> <th scope="row">编辑常用</th> <td><div>以下是针对特殊中文的一些替换(editplus)</div> <div><br> </div> <div>^[0-9].*\n </div> <div><br> </div> <div>^[^第].*\n </div> <div><br> </div> <div>^[习题].*\n</div> <div><br> </div> <div>^[\s\S ]*\n </div> <div>^[0-9]*\. </div> <div>^[\s\S ]*\n </div> <div><p[^<>*]></div> <div>href="javascript:if\(confirm\('(.*?)'\)\)window\.location='(.*?)'"</div> <div><span style=".[^"]*rgb\(255,255,255\)">.[^<>]*</span><br> <br> <DIV class=xs0>[\s\S]*?</DIV></div></td> </tr> </tbody></table> </body></html>
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,ul,li{margin:0;padding:0; font-size:12px} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,iframe{display:block;} html{font-size: 13px;_font-size: 12px;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} html, button, input, select, textarea{font-family:'Microsoft Yahei','simsun', "arial", "sans-serif"; _font-family:"arial",'simsun','Microsoft Yahei', "sans-serif";} button, input, select, textarea{font-size: 100%;} body{color: #333;line-height: 1.5; text-align:center;} h1{ font-size:18px; text-align:center; line-height:32px;} a{color: #338de6;text-decoration: none;} a:focus{outline: thin dotted;outline:none;} a:active, a:hover{outline: 0;} a:hover{text-decoration: underline;} ul, ol, li{list-style: none;} img{border: 0;-ms-interpolation-mode: bicubic;} .fl{float: left; display:inline-block;} .fr{float: right !important;display:inline-block;} .auto{ margin-left:auto; margin-right:auto;} .YaHei{font-family: 'Microsoft YaHei';} .autohide{ display:none !important;} .pr{ position:relative;} .pa{ position:absolute;} .clear{ clear:both;} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{*+height:1%;} .main{ width:1200px; margin-left:auto;margin-right:auto; background:#fff; height:auto; text-align:left;} .tdbone,.tdbone:hover{ text-decoration:none;} .fwnone{ font-weight:normal;} .fb{ font-weight:bold;} .fz12{ font-size:13px !important; _font-size:12px !important;} .fz14{ font-size:14px;} .fz16{ font-size:16px;} .fz18{ font-size:18px;} .fz22{ font-size:22px;} .fz24{ font-size:24px !important;} .wid100{ width:100%;} .w820{ width:820px;} .pad0{ padding:0px !important;} .pa5{ padding:5px;} .pa5-10{ padding:5px 10px;} .plr20{ padding-left:20px; padding-right:20px;} .plr10{ padding-left:10px; padding-right:10px;} .plr5{ padding-left:5px; padding-right:5px;} .ptb2{padding-top:2px; padding-bottom:2px;} .ptb5{padding-top:5px; padding-bottom:5px;} .ptb10{ padding-top:10px !important; padding-bottom:10px !important;} .ptb15{ padding-top:15px; padding-bottom:15px;} .ptb20{ padding-top:30px; padding-bottom:30px;} .pt2{ padding-top:2px;} .pt5{ padding-top:5px;} .pt10{ padding-top:10px;} .pt15{ padding-top:15px;} .pt20{ padding-top:20px;} .pt30{ padding-top:30px;} .pr5{ padding-right:5px;} .pr10{ padding-right:10px;} .pr15{ padding-right:15px;} .pr20{ padding-right:20px;} .pr40{ padding-right:40px;} .pb5{ padding-bottom:5px;} .pb10{ padding-bottom:10px !important;} .pb20{ padding-bottom:20px;} .pb50{ padding-bottom:50px;} .pl0{ padding-left:0px !important;} .pl5{ padding-left:5px;} .pl10{ padding-left:10px !important;} .pl15{ padding-left:15px;} .pl20{ padding-left:20px !important;} .pl25{ padding-left:25px !important;} .pl110{ padding-left:110px;} .pl130{ padding-left:130px;} .ma0{ margin:0px !important; *margin:0;} .mt3{ margin-top:3px;} .mtb10{ margin-top:10px;margin-bottom:10px;} .mt5{ margin-top:5px !important;} .mt10{ margin-top:10px !important;} .mt12{ margin-top:12px !important;} .mt20{ margin-top:20px;} .mr10{ margin-right:10px;} .mr15{ margin-right:15px;} .mr20{ margin-right:20px;} .mb5{ margin-bottom:5px;} .mb10{ margin-bottom:10px;} .mb20{ margin-bottom:20px;} .ml5{ margin-left:5px;} .ml10{ margin-left:10px;} .ml15{ margin-left:15px;} .ml20{ margin-left:20px;} .ml25{ margin-left:25px;} .borb1s06{ border-bottom:1px solid #f4f4f4;} .borr1s{ border-right:1px solid #eeeeee;} .menu{position: relative;z-index: 104;z-index: 50;overflow: hidden;min-width: 1000px; width:100%;min-width:1000px; height: 40px;font-family: 'Microsoft YaHei';} .menuul{width:1200px; margin-left:auto;margin-right:auto;height:auto;} .menu .menu-bg,.menu .menu-bg-top .menu-content-box ul li.dt,.menu .menu-bg-top .menu-content-box ul li.dd{-webkit-transition: .3s;transition: .3s;} .menu-hover{overflow: visible;} .menu .menu-bg{position:relative;width: 100%; min-width:1000px;height: 230px; background: rgba(30, 91, 151, .75); background:url(navbarbg.png) repeat;} .menu .menu-bg-top{height: 40px;border-top: 1px solid #5895d5;border-bottom: 1px solid #1d5997;background: #0081c2;} .menu .menu-bg-top .menu-content-box{position: absolute;top: 0;left: 0;width: 100%;} .menu .menu-bg-top .menu-content-box ul{position: relative;float: left;} .menu .menu-bg-top .menu-content-box ul li{ width:198px;} .menu .menu-bg-top .menu-content-box ul li.dt{height: 40px;line-height: 40px;font-size: 14px;text-align: center;cursor: pointer; border-left:1px solid #2f87c1; border-right:1px solid #2f87c1;} .menu .menu-bg-top .menu-content-box ul:hover .dt,.active{border-color: #3381d1;background: #55a7e3;} .menu .menu-bg-top .menu-content-box ul:hover .dd{background: #184f8b;border-color: #184f8b;} .menu a,.menu a:link,.menu a:visited,.menu a:hover,.menu a:active{text-decoration: none;cursor: pointer;color: #f5f5f5;} .tools_intro{ width:1160px; *width:1200px; margin-left:auto;margin-right:auto; background:#fff; height:auto;padding:10px 20px 30px 20px; min-height:70px;border: 1px solid #e3e3e3;/*box-shadow: inset 0 1px 1px rgba(0,0,0,.05);*/} .tools_intro h4{ height:30px; line-height:30px; padding-bottom:10px;font-size: 16px;font-family: "Microsoft YaHei";display: inline-block;font-weight: normal;color: #0474c8 !important;float: left;} .tools_intro .toolsCont{color:#747d87 !important;} .tools_intro .toolsCont p.tacHead{ font-size:14px; color:#773E3E;font-family: 'Microsoft YaHei'; padding:10px 0px;} .tools_intro .toolsCont p{ line-height:28px; color:#777777; /*text-indent:28px;*/} .tools_intro .toolsCont p strong{ color:#5b5b5b; padding:0px 3px;font-family: 'Microsoft YaHei'; font-size:14px;} .sitelist{ margin:0;} .sitelist li{ width:359px; padding:10px 20px; height:166px; display:inline} .sitelist li p.flist{ width:358px; height:145px; overflow:hidden;} .sitelist li p.flist a{ display:inline-block; width:50%; float:left; height:30px; line-height:30px; color:#999999; text-align:left; font-size:13px;} .footlist{ height:180px; overflow:hidden;} .footerBox{ width:1200px; /*height:166px; */position:relative;} .footerline{ width:1px; height:166px; background-color:#fff; position:absolute; right:0px; bottom:0;} .footerFull{ width:1200px; overflow:hidden;} .footlist h5{padding-bottom: 5px;font-size: 14px;font-weight: normal;color: #0474c8 !important;} .footer{width:24%; height:43px;} .footer a{ display:block; float:left; height:43px; line-height:40px; padding:0px 10px; position:relative; color:#56688a; border-top:3px solid #fff; border-right:1px solid #f4f4f4; text-align:center; font-size:13px;} .footer a:hover,.footer .ToCurt{ text-decoration:none; background-color:#ffffff; border-top:3px solid #0474c8; color:#0474c8;} .footer a i.Fline{ width:100%; height:1px; position:absolute; bottom:0px; left:0; display:block;} .f_bottom{ width:100%; min-width:1000px;margin-top: 20px !important;} .foot_bottom{ min-height:40px; padding:20px 0px;} .foot_bottom p{ text-align:center; font-size:12px; line-height:12px;} .foot_bottom p.linkbtn{ padding-bottom:10px; color:#999999; padding-top:5px;} .foot_bottom p.linkbtn a{ color:#999999; display:inline-block; padding:0px 10px;} .foot_bottom p.linkbtn a:hover{color:#0474c8;} .foot_bottom p.info{ color:#c0c1c4;} .foot_bottom p.info span{ display:inline-block; padding-right:10px; color:#c0c1c4;} .new_fea{line-height:43px;padding-right:10px;} .new_fea a{padding:0 5px; color: #0474c8;} .tabs-wrap{ margin:0px auto; background:#fff; height:36px;_height:37px; padding-top:10px;background:url(../images/nBarbg.png) #fff left bottom repeat-x;width:1200px;} .tabs-wrap a{ display:inline-block; float:left; padding:0px 20px; _padding:0px 15px; line-height:33px; height:33px; cursor:pointer; color:#0474c8;border-width:2px 1px 0px 1px;border-color:#fff;border-style:solid;} .tabs-wrap a{border-color:#fff;} .tabs-wrap a:hover{ text-decoration:none; color:#56688a;} .tabs-wrap a.CHeadcur{ padding:0px 20px;_padding:0px 15px; line-height:33px; height:33px; color:#56688a; text-decoration:none;border-top:2px solid #56688a;border-left:1px solid #c6cede;border-right:1px solid #c6cede;border-bottom:1px solid #fff;_border-bottom:2px solid #fff;} .tabs-wrap a:hover{ color:#56688a;} #tab{position:relative;} #tab .tabList ul li{ float:left; background:#fefefe; background:-moz-linear-gradient(top, #fefefe, #ededed); background:-o-linear-gradient(left top,left bottom, from(#fefefe), to(#ededed)); background:-webkit-gradient(linear,left top,left bottom, from(#fefefe), to(#ededed)); border:1px solid #ccc; padding:5px 0; width:235px; text-align:center; margin-left:-1px; position:relative; cursor:pointer; } #tab .tabCon{ position:absolute; left:-1px; top:32px; border:1px solid #ccc; border-top:none; width:707px; height:1740px; } #tab .tabCon div{ padding:10px; position:absolute; opacity:0; filter:alpha(opacity=0); } #tab .tabList li.cur{ border-bottom:none; background:#fff; } #tab .tabCon div.cur{ opacity:1; filter:alpha(opacity=100); } .tongji{ display:none;} .toolsbut{ background:#0474c8; border:none; color:#FFFFFF; padding:2px 3px;border-radius: 3px; cursor:pointer; font-size:12px; vertical-align:middle;width:auto;overflow:visible;} .form-control { /*padding:2px;*/ font-size: 13px; line-height: 1.628571429; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #F5F5F5; border-radius: 10px; } .form-control::-webkit-scrollbar { width: 10px; background-color: #F5F5F5; } .form-control::-webkit-scrollbar-thumb { background-color: #c9c8c8; border-radius: 10px; background-image: -webkit-linear-gradient(90deg, transparent 75%, transparent) }
