动态小米官网页面设计（内含最详细实现的源码）

发布时间：2025-01-13 10:01

实现页面展示：

$\"动态小米官网页面设计（内含最详细实现的源码）_第1张图片\"$
$\"动态小米官网页面设计（内含最详细实现的源码）_第2张图片\"$
$\"动态小米官网页面设计（内含最详细实现的源码）_第3张图片\"$
$\"动态小米官网页面设计（内含最详细实现的源码）_第4张图片\"$

$\"动态小米官网页面设计（内含最详细实现的源码）_第5张图片\"$

html网页源码：（以xiaomi.html命名文件）


<html lang=\"en\">
    <head>
        <meta charset=\"UTF-8\">
        <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">
        <link rel=\"stylesheet\" type=\"text/css\" href=\"../css/xiaomi.css\">
        <link rel=\"stylesheet\" type=\"text/css\" href=\"../font/font_xiaomi/iconfont.css\">
        
        
        <link rel=\"stylesheet\" href=\"https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css\">
        <script type=\"text/javascript\" src=\"../js/jquery-2.1.4.min.js\">script>
        
        <script src=\"../js/jquery.animate-colors-min.js\">script>
        <title>Documenttitle>
    head>
    
    <body>
        <div id=\"head_box\">
            <div id=\"head_wrap\">
                <div id=\"head_nav\">
                    <a href=\"#\">大米网a>
                    <span>|span>
                    <a href=\"#\">MUIa>
                    <span>|span>
                    <a href=\"#\">米聊a>
                    <span>|span>
                    <a href=\"#\">游戏a>
                    <span>|span>
                    <a href=\"#\">多看阅读a>
                    <span>|span>
                    <a href=\"#\">云服务a>
                    <span>|span>
                    <a href=\"#\">大米移动版a>
                    <span>|span>
                    <a href=\"#\">问题反馈a>
                    <span>|span>
                    <a href=\"#\">SelectRegiona>
                div>
    
                <div id=\"head_right\">
                    <div id=\"head_landing\">
                        <a href=\"#\">登录a>
                        <span>|span>
                        <a href=\"#\">注册a>
                    div>
    
                    <div id=\"head_car\">
                        <a href=\"#\">购物车（0）a>
                        <div id=\"car_content\">
                            <a class=\"car_text\">购物车好空啊，快去填满我把！！！a>
                        div>
                    div>
                div>
            div>
        div>








 



<div id=\"main_head_box\">
    <div id=\"menu_wrap\">
        <div id=\"menu_logo\">
            <img src=\"../images/logo.jpg\">
        div>
        <div id=\"menu_nav\">
            <ul>
                <li class=\"menu_li\" control=\"xiaomiphone\">大米手机li>
                <li class=\"menu_li\" control=\"hongmiphone\">红米li>
                <li class=\"menu_li\" control=\"pingban\">平板li>
                <li class=\"menu_li\" control=\"tv\">电视  盒子li>
                <li class=\"menu_li\" control=\"luyou\">路由器li>
                <li class=\"menu_li\" control=\"yingjian\">智能硬件li>
                <li><a>服务a>li>
                <li><a>社区a>li>
            ul>
        div>
        <div id=\"find_wrap\">
            <div id=\"find_bar\">
                <span>小米9span>
                <input type=\"text\" id=\"find_input\">
            div>
            <div id=\"find_but\"> <span class=\"iconfont icon-sousuo\">span>div>
        div>
    div>
div>
<div id=\"menu_content_bg\" style=\"height: 0px;\">
    <div id=\"menu_content_wrap\">
        <ul style=\"top: 0px;\">
            <li id=\"xiaomiphone\">
                <div class=\"menu_content\">
                    <img src=\"../images/mi4!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米手机4p>
                    <p class=\"menu_content_price\">1499元起p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/minote!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米NOTE标准版p>
                    <p class=\"menu_content_price\">1999元起p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/minotepro!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米NOTE顶配版p>
                    <p class=\"menu_content_price\">2999元起p>
                div>
            li>
            <li id=\"hongmiphone\">
                <div class=\"menu_content\">
                    <img src=\"../images/hongmi2a!160x110.jpg\">
                    <p class=\"menu_content_tit\">红米手机2Ap>
                    <p class=\"menu_content_price\">499元p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/hongmi2!160x110.jpg\">
                    <p class=\"menu_content_tit\">红米手机2p>
                    <p class=\"menu_content_price\">599元p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/note!160x110.jpg\">
                    <p class=\"menu_content_tit\">红米NOTEp>
                    <p class=\"menu_content_price\">699元p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/note2!160x110.jpg\">
                    <p class=\"menu_content_tit\">红米NOTE2p>
                    <p class=\"menu_content_price\">799元p>
                div>
            li>
            <li id=\"pingban\">
                <div class=\"menu_content\">
                    <img src=\"../images/mipad16!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米平板16Gp>
                    <p class=\"menu_content_price\">1299元p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/mipad64!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米平板64Gp>
                    <p class=\"menu_content_price\">1499元起p>
                div>
            li>
            <li id=\"tv\">
                <div class=\"menu_content\">
                    <img src=\"../images/mitv40!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米电视2 40英寸p>
                    <p class=\"menu_content_price\">1999元p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/mitv48!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米电视2S 48英寸p>
                    <p class=\"menu_content_price\">2999元起p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/mitv49!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米电视2 49英寸p>
                    <p class=\"menu_content_price\">3399元起p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/mitv55!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米电视2 55英寸p>
                    <p class=\"menu_content_price\">4499元起p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/hezimini!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米盒子MINI版p>
                    <p class=\"menu_content_price\">199元p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/hezis!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米盒子增强版p>
                    <p class=\"menu_content_price\">299元p>
                div>
            li>
            <li id=\"luyou\">
                <div class=\"menu_content\">
                    <img src=\"../images/miwifi!160x110.jpg\">
                    <p class=\"menu_content_tit\">全新大米路由器p>
                    <p class=\"menu_content_price\">699元起p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/miwifimini!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米路由器 MINIp>
                    <p class=\"menu_content_price\">129元p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/miwifilite!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米路由器 青春版p>
                    <p class=\"menu_content_price\">79元p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/wifiExtension!160x110.jpg\">
                    <p class=\"menu_content_tit\">大米WIFI放大器p>
                    <p class=\"menu_content_price\">39元p>
                div>
            li>
            <li id=\"yingjian\">
                <div class=\"menu_content\">
                    <img src=\"http://c1.mifile.cn/f/i/15/goods/nav/scale!160x110.jpg\">
                    <p class=\"menu_content_tit\">体重称p>
                    <p class=\"menu_content_price\">99元p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/xiaoyi!160x110.jpg\">
                    <p class=\"menu_content_tit\">摄像头p>
                    <p class=\"menu_content_price\">129元起p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/yicamera!160x110.jpg\">
                    <p class=\"menu_content_tit\">运动相机p>
                    <p class=\"menu_content_price\">399元起p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/ihealth!160x110.jpg\">
                    <p class=\"menu_content_tit\">血压计p>
                    <p class=\"menu_content_price\">199元p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/chazuo!160x110.jpg\">
                    <p class=\"menu_content_tit\">智能插座p>
                    <p class=\"menu_content_price\">59元p>
                div>
                <span class=\"menu_content_line\">span>
                <div class=\"menu_content\">
                    <img src=\"../images/smart!160x110.jpg\">
                    <p class=\"menu_content_tit\">查看全部
                        <br>智能硬件p>
                div>
            li>
        ul>
    div>
div>
































        
        <div id=\"big_banner_wrap\">
            <ul id=\"banner_menu_wrap\">
                
                <li>
                    <a>手机 平板a>
                    
                    <a class=\"banner_menu_i\"><span class=\"fa fa-angle-right\">span>a>
                    <div class=\"banner_menu_content\" style=\"width: 600px;top: -15px;\">
                        <ul class=\"banner_menu_content_ul\">
                            <li>
                                <a><img src=\"../images/minote.jpg\"> a><a>大米NOTEa>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/minote.jpg\"> a><a>大米4a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/hongmi2.jpg\"> a><a>红米手机2a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/hongmi2a.jpg\"> a><a>红米手机2Aa>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/note2.jpg\"> a><a>红米NOTE2a>
                                <span>选购span>
                            li>
                        ul>
                    div>
                li>
    
                <li>
                    <a>电视 盒子a>
                    <a class=\"banner_menu_i\"><span class=\"fa fa-angle-right\">span>a>
                    <div class=\"banner_menu_content\" style=\"width: 600px;top: -50px;\">
                        <ul class=\"banner_menu_content_ul\">
                            <li>
                                <a><img src=\"../images/tv40.jpg\"> a><a>大米电视40英寸a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/tv48.jpg\"> a><a>大米电视48英寸a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/tv49.jpg\"> a><a>大米电视49英寸a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/tv49.jpg\"> a><a>大米电视49英寸a>
                                <span>选购span>
                            li>
                        ul>
                    div>
                li>
    
                <li>
                    <a>路由器 智能配件a>
                    <a class=\"banner_menu_i\"><span class=\"fa fa-angle-right\">span>a>
                    <div class=\"banner_menu_content\" style=\"width: 600px;top: -100px;\">
                        <ul class=\"banner_menu_content_ul\">
                            <li>
                                <a><img src=\"../images/miwifi.jpg\"> a><a>大米路由器a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/miwifimini.jpg\"> a><a>大米路由器 青春版a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/air.jpg\"> a><a>净化器a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/xiaoyi.jpg\"> a><a>摄像机a>
                                <span>选购span>
                            li>
                        ul>
                    div>
                li>
    
                <li>
                    <a>移动电源 插线板a>
                    <a class=\"banner_menu_i\"><span class=\"fa fa-angle-right\">span>a>
                    <div class=\"banner_menu_content\" style=\"width: 600px;top: -150px;\">
                        <ul class=\"banner_menu_content_ul\">
                            <li>
                                <a><img src=\"../images/dianyuan.jpg\"> a><a>大米移动电源a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/powerscript.jpg\"> a><a>大米插线板a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/yidongdianyuan.jpg\"> a><a>品牌移动电源a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/dianyuanfujian.jpg\"> a><a>移动电源附件a>
                                <span>选购span>
                            li>
                        ul>
                    div>
                li>
    
                <li>
                    <a>耳机 音响a>
                    <a class=\"banner_menu_i\"><span class=\"fa fa-angle-right\">span>a>
                    <div class=\"banner_menu_content\" style=\"width: 600px;top: -190px;\">
                        <ul class=\"banner_menu_content_ul\">
                            <li>
                                <a><img src=\"../images/erji.jpg\"> a><a>耳机a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/bluetoothheadset.jpg\"> a><a>蓝牙耳机a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/huosai.jpg\"> a><a>活塞耳机a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/headphone.jpg\"> a><a>头耳机a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/yinxiang.jpg\"> a><a>音响a>
                                <span>选购span>
                            li>
                        ul>
                    div>
                li>
    
                <li>
                    <a>电池 存储卡a>
                    <a class=\"banner_menu_i\"><span class=\"fa fa-angle-right\">span>a>
                    <div class=\"banner_menu_content\" style=\"width: 600px;top: -220px;\">
                        <ul class=\"banner_menu_content_ul\">
                            <li>
                                <a><img src=\"../images/dianchi.jpg\"> a><a>电池a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/cunchu.jpg\"> a><a>存储卡a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/chongdian.jpg\"> a><a>充电宝a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/baohu.jpg\"> a><a>保护a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/hougai.jpg\"> a><a>后盖a>
                                <span>选购span>
                            li>
                        ul>
                    div>
                li>
    
                <li>
                    <a>保护套 后盖a>
                    <a class=\"banner_menu_i\"><span class=\"fa fa-angle-right\">span>a>
                    <div class=\"banner_menu_content\" style=\"width: 600px;top: -260px;\">
                        <ul class=\"banner_menu_content_ul\">
                            <li>
                                <a><img src=\"../images/baohu.jpg\"> a><a>保护套a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/hougai.jpg\"> a><a>后盖a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/tiemo.jpg\"> a><a>贴膜a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/zipaigan.jpg\"> a><a>自拍杆a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/tizhi.jpg\"> a><a>梯子a>
                                <span>选购span>
                            li>
                        ul>
                    div>
                li>
    
                <li>
                    <a>贴膜 其他配件a>
                    <a class=\"banner_menu_i\"><span class=\"fa fa-angle-right\">span>a>
                    <div class=\"banner_menu_content\" style=\"width: 600px;top: -300px;\">
                        <ul class=\"banner_menu_content_ul\">
                            <li>
                                <a><img src=\"../images/scale.jpg\"> a><a>scalea>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/zhinengtaozhuang.jpg\"> a>智能套装<a>蓝牙耳机a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/smart.jpg\"> a><a>智能a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/xiaoyi.jpg\"> a><a>消音a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/water.jpg\"> a><a>水箱a>
                                <span>选购span>
                            li>
                        ul>
                    div>
                li>
    
                <li>
                    <a>米兔 服装a>
                    <a class=\"banner_menu_i\"><span class=\"fa fa-angle-right\">span>a>
                    <div class=\"banner_menu_content\" style=\"width: 600px;top: -340px;\">
                        <ul class=\"banner_menu_content_ul\">
                            <li>
                                <a><img src=\"../images/fuzhuang.jpg\"> a><a>服装a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/fuzhuang.jpg\"> a><a>服装a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/fuzhuang.jpg\"> a><a>服装a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/fuzhuang.jpg\"> a><a>服装a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/fuzhuang.jpg\"> a><a>服装a>
                                <span>选购span>
                            li>
                        ul>
                    div>
                li>
    
                <li>
                    <a>背包 其他周边a>
                    <a class=\"banner_menu_i\"><span class=\"fa fa-angle-right\">span>a>
                    <div class=\"banner_menu_content\" style=\"width: 600px;top: -400px;\">
                        <ul class=\"banner_menu_content_ul\">
                            <li>
                                <a><img src=\"../images/bag.jpg\"> a><a>背包a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/lvxingxiang.jpg\"> a><a>拉提箱a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/shubiaodian.jpg\"> a><a>鼠标垫a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/zhongxin.jpg\"> a><a>周边a>
                                <span>选购span>
                            li>
                            <li>
                                <a><img src=\"../images/wan.jpg\"> a><a>碗a>
                                <span>选购span>
                            li>
                        ul>
                    div>
                li>
            ul>
































    
            <div id=\"banner\">
                <div class=\"img-wrap\">
                    <ul>
                        <li class=\"item\" style=\"display: block;\"><img src=\"../images/1.jpg\">li>
                        <li class=\"item\"><img src=\"../images/2.jpg\">li>
                        <li class=\"item\"><img src=\"../images/3.jpg\">li>
                        <li class=\"item\"><img src=\"../images/4.jpg\">li>
                        <li class=\"item\"><img src=\"../images/5.jpg\">li>
                    ul>
                div>
                <div class=\"lr-tab\">
                    <div class=\"left btn\"><span class=\"fa fa-angle-left\">span>div>
                    <div class=\"right btn\"><span class=\"fa fa-angle-right\">span>div>
                div>
                <div class=\"tab-btn\">
                    <ul>
                        <li class=\"bottom-btn now\">li>
                        <li class=\"bottom-btn\">li>
                        <li class=\"bottom-btn\">li>
                        <li class=\"bottom-btn\">li>
                        <li class=\"bottom-btn\">li>
                    ul>
                div>
            div>
        div>



        



































        
        <div id=\"head_other_wrap\">
            <div id=\"head_other\">
                <ul>
                    <li>
                        <div id=\"div1\">
                            <span class=\"iconfont icon-lvzhou_zhongduan_shouji\">span>
                            <p>开房购买p>
                        div>
                    li>
                    <li>
                        <div id=\"div2\">
                            <span class=\"iconfont icon-gifs\">span>
                            <p>企业团购p>
                        div>
                    li>
                    <li>
                        <div id=\"div3\">
                            <span class=\"iconfont icon-SIMqiaguanli\">span>
                            <p>米粉卡p>
                        div>
                    li>
                    <li>
                        <div id=\"div4\">
                            <span class=\"iconfont icon-F\">span>
                            <p>F码通道p>
                        div>
                    li>
                    <li>
                        <div id=\"div5\">
                            <span class=\"iconfont icon-chongzhi\">span>
                            <p>话费充值p>
                        div>
                    li>
                    <li>
                        <div id=\"div6\">
                            <span class=\"iconfont icon-11\">span>
                            <p>依旧换新p>
                        div>
                    li>
                ul>
            div>












































         <div class=\"head_other_ad\"><img src=\"../images/T184E_BQWT1RXrhCrK.jpg\">div>
         <div class=\"head_other_ad\"><img src=\"../images/T1yvd_BQDT1RXrhCrK.jpg\">div>
         <div class=\"head_other_ad\"><img src=\"../images/T1mahQBmKT1RXrhCrK.jpg\">div>
    div>
















    <div class=\"longI\">
        <a href=\"#\"><img src=\"../images/longImage.jpg\" alt=\"\">a>
    div>

    <div id=\"phone\">
        <div id=\"phone_container\">

            <div id=\"phone_title\">
                <span class=\"title_span\">手机span>
                <div id=\"phone_more\">
                    <a href=\"#\">
                        查看全部<span class=\"iconfont icon-changyongicon-\">span>
                    a>

                div>
            div>
            <div id=\"phone_content\">
                <div class=\"content_left\">
                    <ul>
                        <li class=\"sway\">
                            <a href=\"#\"><img src=\"../images/bigPhone.jpg\" alt=\"\">a>
                        li>
                    ul>
                div>
                <div class=\"content_right\">
                    <ul class=\"list\">
                        <li class=\"sway\">
                            <div>
                                <a href=\"#\"><img  src=\"../images/phone1.jpg\" width=\"160\" height=\"160\" alt=\"小米9 6GB+128GB\">a>
                            div> 
                            <h3 class=\"title\">
                                <a href=\"#\" >小米9 6GB+128GBa>
                            h3>
                            <p class=\"desc\">骁龙855，索尼4800万超广角微距三摄p>
                            <p class=\"price\">
                                <span class=\"num\">2799span>元
                                <del><span class=\"num\">2999span>元del>
                            p>
                            <div class=\"flag flag-new\">新品上市div>
                        li>
                        <li class=\"sway\">
                            <div>
                                <a href=\"#\"><img  src=\"../images/phone2.jpg\" width=\"160\" height=\"160\" >a>
                            div>
                            <h3 class=\"title\">
                                <a href=\"#\" >小米Mix3 6GB+128GBa>
                            h3>
                            <p class=\"desc\">磁动力滑盖全面屏 / 四曲面陶瓷机身p>
                            <p class=\"price\">
                                <span class=\"num\">3299span>元
                            p>
                        li>
                        <li class=\"sway\">
                            <div>
                                <a href=\"#\"><img  src=\"../images/phone3.jpg\" width=\"160\" height=\"160\">a>
                            div>
                            <h3 class=\"title\">
                                <a href=\"#\" >Redmi Note 7 Proa>
                            h3>
                            <p class=\"desc\">6GB+128GB大存储，索尼4800万拍照p>
                            <p class=\"price\">
                                <span class=\"num\">1599span>元
                            p>
                        li>
                        <li class=\"sway\">
                            <div>
                                <a href=\"#\"><img  src=\"../images/phone4.png\" width=\"160\" height=\"160\" >a>
                            div>
                            <h3 class=\"title\">
                                <a href=\"#\" >小米Play 6GB+64GBa>
                            h3>
                            <p class=\"desc\">八核高性能处理器，后置1200万 AI 双摄p>
                            <p class=\"price\">
                                <span class=\"num\">749span>元
                                <del><span class=\"num\">999span>元del>
                            p>
                            <div class=\"flag flag-saleoff\">秒杀div>
                        li>
                        <li class=\"sway\">
                            <div>
                                <a href=\"#\"><img  src=\"../images/phone5.png\" width=\"160\" height=\"160\">a>
                            div>
                            <h3 class=\"title\">
                                <a href=\"#\" >小米8屏幕指纹版 6GB+128GBa>
                            h3>
                            <p class=\"desc\">全球首款压感屏幕指纹  骁龙845处理器p>
                            <p class=\"price\">
                                <span class=\"num\">1799span>元
                                <del><span class=\"num\">2999span>元del>
                            p>
                            <div class=\"flag flag-saleoff\">秒杀div>
                        li>
                        <li class=\"sway\">
                            <div>
                                <a href=\"#\"><img  src=\"../images/phone6.jpg\" width=\"160\" height=\"160\" >a>
                            div>
                            <h3 class=\"title\">
                                <a href=\"#\" >小米8青春版 6GB+128GBa>
                            h3>
                            <p class=\"desc\">潮流镜面渐变色，2400万自拍旗舰p>
                            <p class=\"price\">
                                <span class=\"num\">1499span>元
                                <del><span class=\"num\">1699span>元del>
                            p>
                            <div class=\"flag flag-saleoff\">减200元div>
                        li>
                        <li class=\"sway\">
                            <div>
                                <a href=\"#\"><img  src=\"../images/phone7.jpg\" width=\"160\" height=\"160\">a>
                            div>
                            <h3 class=\"title\">
                                <a href=\"#\" >Redmi Node  7GB+64GBa>
                            h3>
                            <p class=\"desc\">4800万拍照，4000mAh大电量p>
                            <p class=\"price\">
                                <span class=\"num\">1199span>元
                                <del><span class=\"num\">1399span>元del>
                            p>
                            <div class=\"flag flag-saleoff\">秒杀div>
                        li>
                        <li class=\"sway\">
                            <div>
                                <a href=\"#\"><img  src=\"../images/phone8.jpg\" width=\"160\" height=\"160\">a>
                            div>
                            <h3 class=\"title\">
                                <a href=\"#\" >Redmi K20 Pro  6GB+128GBa>
                            h3>
                            <p class=\"desc\">骁龙855旗舰处理器，索尼4800万超广角三摄p>
                            <p class=\"price\">
                                <span class=\"num\">2599span>元
                            p>
                        li>
                  ul>
                div>
            div>
        div>
    div>














    














    <div class=\"appliance\">
        <a href=\"#\"><img src=\"../images/家电.jpg\" alt=\"\">a>
    div>
    <div id=\"hardware\">
        <div id=\"hardware_container\">
            <div id=\"hardware_title\">
                <span class=\"title_span\">智能硬件span>
                <div id=\"hardware_more\">
                    <ul class=\"hardware_menu\">
                        <li class=\"hardware_menu_li active\" control=\"hot\">热门li>
                        <li class=\"hardware_menu_li\" control=\"av\">电视影音li>
                        <li class=\"hardware_menu_li\" control=\"compute\">电脑li>
                        <li class=\"hardware_menu_li\" control=\"home\">家居li>
                    ul>
                div>
            div>
            <div id=\"hardware_content\">
                <div class=\"content_left\">
                    <ul>
                        <li class=\"sway\">
                            <a href=\"#\"><img src=\"../images/燃气灶.jpg\" alt=\"\">a>
                        li>
                        <li class=\"sway\">
                            <a href=\"#\"><img src=\"../images/扫地机器人.jpg\" alt=\"\">a>
                        li>
                    ul>
                div>
                <div class=\"content_right\">
                    <div id=\"hardware_content_bg\">

                            <ul class=\"list\">
                                <li id=\"hot\" class=\"hot\">
                                    <div class=\"menu_content sway sway2\">
                                        <div>
                                            <a  href=\"#\">
                                                <img src=\"../images/tv1.jpg\" width=\"160\" height=\"160\" alt=\"小米电视4A 32英寸\">
                                            a>
                                        div>
                                        <h3 class=\"title\">
                                            <a href=\"#\">小米电视4A 32英寸a>
                                        h3>
                                        <p class=\"desc\">64位四核处理器 / 1GB+4GB大内存p>
                                        <p class=\"price\">
                                            <span class=\"num\">699span>元
                                            <del><span class=\"num\">799span>元del>
                                        p>
                                        <p class=\"rank\">p>
                                        <div class=\"flag flag-saleoff\">    减 100 元  div>
                                        <div class=\"review-wrapper\">
                                            <a href=\"#\">
                                                <span class=\"review\">很棒，很喜欢！span>
                                                <span class=\"author\"> 来自于 小花 的评价

                                            span>
                                            a>
                                        div>
                                    div>
                                    <div class=\"menu_content sway sway2\">
                                        <div>
                                            <a  href=\"#\">
                                                <img src=\"../images/tv2.jpg\" width=\"160\" height=\"160\" alt=\"小米电视4A 32英寸\">
                                            a>
                                        div>
                                        <h3 class=\"title\">
                                            <a href=\"#\">小米电视4A 32英寸a>
                                        h3>
                                        <p class=\"desc\">64位四核处理器 / 1GB+4GB大内存p>
                                        <p class=\"price\">
                                            <span class=\"num\">699span>元
                                            <del><span class=\"num\">799span>元del>
                                        p>
                                        <p class=\"rank\">p>
                                        <div class=\"flag flag-saleoff\">    减 100 元  div>
                                        <div class=\"review-wrapper\">
                                            <a href=\"#\">
                                                <span class=\"review\">很棒，很喜欢，开心！span>
                                                <span class=\"author\"> 来自于 小花 的评价
                                                <span class=\"date\" data-date=\"\">span>
                                            span>
                                            a>
                                        div>
                                    div>
                                li>
                            ul>
                            ul>
                        div>
                    div>
                div>
            div>
        div>





















        




















        <div id=\"foot_box\">
            <div id=\"foot_wrap\">
                <div class=\"foot_top\">
                    <ul>
                        <li>1小时快修服务li>
                        <li class=\"font_top_i\">|li>
                        <li>7天无理由退货li>
                        <li class=\"font_top_i\">|li>
                        <li>15天免费换货li>
                        <li class=\"font_top_i\">|li>
                        <li>满150元包邮li>
                        <li class=\"font_top_i\">|li>
                        <li>520余家售后网点li>
                    ul>
                div>
                <div class=\"foot_bottom\">
                    <div class=\"foot_bottom_l\">
                        <dl>
                            <dt><a href=\"#\">帮助中心a>dt>
                            <dd><a href=\"#\">购物指南a>dd>
                            <dd><a href=\"#\">支付方式a>dd>
                            <dd><a href=\"#\">配送方式a>dd>
                        dl>
                        <dl>
                            <dt><a href=\"#\">服务支持a>dt>
                            <dd><a href=\"#\">售后政策a>dd>
                            <dd><a href=\"#\">自助服务a>dd>
                            <dd><a href=\"#\">相关下载a>dd>
                        dl>
                        <dl>
                            <dt><a href=\"#\">大米之家a>dt>
                            <dd><a href=\"#\">大米之家a>dd>
                            <dd><a href=\"#\">服务网点a>dd>
                            <dd><a href=\"#\">预约亲临到店服务a>dd>
                        dl>
                        <dl>
                            <dt><a href=\"#\">关注我们a>dt>
                            <dd><a href=\"#\">新浪微博a>dd>
                            <dd><a href=\"#\">大米部落a>dd>
                            <dd><a href=\"#\">官方微信a>dd>
                        dl>
                    div>
                    <div class=\"foot_bottom_r\">
                        <a>400-100-5678a>
                        <a>周一至周日 8:00-18:00a>
                        <a>（仅收市话费）a>
                        <span> 24小时在线客服span>
                    div>
                div>
            div>
            <div class=\"foot_note_box\">
                <div class=\"foot_note_wrap\">
                    <div class=\"foot_note_con\">
                        <span class=\"foot_logo\"><img src=\"../images/mi-logo.png\" width=\"38px\" height=\"38px\">span>
                           <span class=\"foot_note_txt\">
                               <a>大米网a><h>|h><a>MIUIa><h>|h><a>米聊a><h>|h><a>多看书城a><h>|h><a>大米路由器a><h>|h><a>大米后院a><h>|h><a>大米天猫店a><h>|h><a>大米淘宝直营店a><h>|h><a>大米网盟a><h>|h><a>问题反馈a><h>|h><a>Select Regiona>
                               <a> 5555555号a>
                           span>
                    div>
   
                div>
            div>
        div>







































        <div id=\"ad\">
            <ul>
                <li>
                    <span class=\"iconfont icon-shouji ad_icon\">span>
                    <div class=\"explain\">
                        <img src=\"../images/小米二维码.png\" alt=\"\" width=\"50\" height=\"50\">
                        <h3>手机扫一扫h3>
                        <h3>一分赢好礼h3>
                    div>
                li>
   
                <li>
                    <span class=\"iconfont icon-zhaoshangxiaochengxu-shoujihao ad_icon\"> span>
                    <div class=\"explain\">
                        <h3>个人中心h3>
                    div>
                li>
                <li>
                    <span class=\"iconfont icon-gongju ad_icon\"> span>
                    <div class=\"explain\">
                        <h3>售后服务h3>
                    div>
   
                li>
                <li>
                    <span class=\"iconfont icon-erji ad_icon\">span>
                    <div class=\"explain\">
                        <h3>联系客服h3>
                    div>
                li>
                <li>
                    <span class=\"iconfont icon-cart ad_icon\"> span>
                    <div class=\"explain\">
                        <h3>购物车<sapn>0sapn>h3>
                    div>
                li>
                <li>
                    <span class=\"iconfont icon-fanhuidingbu ad_icon\">span>
                    <div class=\"explain\">
                        <h3>返回顶部h3>
                    div>
                li>
            ul>
        div>




        <script type=\"text/javascript\" src=\"../js/xiaomi.js\">script>



    body>
    html>

css部分：（以xiaomi.css命名文件）

@charset \"utf-8\";
*{
    margin: 0;
    padding: 0;
    text-decoration: none;
}
#head_box{
    width:100%;
    height: 40px;
    background:#333;
}
#head_box #head_wrap{
    width: 1226px;
    height: 40px;
    margin: 0 auto;
}
#head_box #head_wrap #head_nav{
    float: left;
    font-size: 15px;
    text-align: center;
    line-height: 40px;
    color: #b0b0b0;
}
#head_box #head_wrap #head_nav a{
    margin-left:5px;
    color: #b0b0b0;
}
#head_box #head_wrap #head_nav a:hover{
    color: #ffffff;
}
#head_box #head_wrap #head_nav span{
    margin-left: 5px;
}
#head_box #head_wrap #head_right{
    float: right;
    font-size: 15px;
    text-align: center;
    line-height: 40px;
    color: #b0b0b0;
}
#head_box #head_wrap #head_right #head_landing{
    float: left;
    margin-right: 15px;
}
#head_box #head_wrap #head_right #head_landing a{
    color: #b0b0b0;

}
#head_box #head_wrap #head_right #head_landing a:hover{
    color: #ffffff;
}
#head_box #head_wrap #head_right #head_car{
    width: 100px;
    height: 40px;
    float: right;
    position:relative;
}
#head_box #head_wrap #head_right #head_car a{
    color: #b0b0b0;
}
#head_box #head_wrap #head_right #head_car #car_content{
    width: 303px;
    height: 100px;
    background: rgb(243, 243, 240);
    position: absolute;
    left: -203px;
    top: 40px;
    text-align:left;
   display:none;

}
#head_box #head_wrap #head_right #head_car:hover #car_content{
display: block;
}











/* ------------------------------------------------------------------------------------------- */

















/* 以下menu部分 */
#main_head_box {
    width: 100%;
    position: relative;
    color: #424242; }
    #main_head_box #menu_wrap {
      width: 1226px;
      height: 100px;
      margin: 0 auto; }
      #main_head_box #menu_wrap #menu_logo {
        width: 55px;
        height: 55px;
        line-height: 55px;
        text-align: center;
        float: left;
        margin-top: 20px; }
  #main_head_box #menu_wrap #menu_logo img{
    display: inline-block;
    width: 55px;
    height: 55px;
  }
      #main_head_box #menu_wrap #menu_nav {
        width: auto;
        height: 100%;
        float: left;
        margin-left: 200px; }
        #main_head_box #menu_wrap #menu_nav ul {
          list-style: none; }
          #main_head_box #menu_wrap #menu_nav ul li {
            float: left;
            /* line-height: 100px; */
            margin-top: 40px;
            text-align: center;
            padding: 0 15px;
            cursor: pointer; 
            /* border: 2px solid red; */
        }
        #main_head_box #menu_wrap #menu_nav ul li:hover{
            background: orange;
            color: honeydew;
        }
            
      #main_head_box #menu_wrap #find_wrap {
        float: right;
        width: 302px;
        height: 50px;
       /* line-height: 50px;*/
        margin-top: 25px;
        border: 1px solid #ccc; }
        #main_head_box #menu_wrap #find_wrap #find_bar {
          width: 245px;
          height: 48px;
          float: left;
          position: relative;
        }
        #main_head_box #menu_wrap #find_wrap #find_bar span{
          display: inline;
          background-color:#ccc ;
          margin-top: 15px;
          position: absolute;
          right: 0;
          top: 0;
        }
        #main_head_box #menu_wrap #find_wrap #find_bar span:hover{
          background-color:orange ;
        }
          #main_head_box #menu_wrap #find_wrap #find_bar #find_input {
            width: 224px;
            height: 28px;
            border: none;
            outline: none; }
        #main_head_box #menu_wrap #find_wrap #find_but {
          width: 54px;
          height: 48px;
          text-align: center;
          float: left;
          font-size: 20px;
          font-weight: 900;
          color: #424242;
          cursor: pointer;
          border-left: 1px solid #ccc;
          transition: all 3s;
          -webkit-transition: all 1s;
          -moz-transition: all 1s;
          -ms-transition: all 1s; }
        #main_head_box #menu_wrap #find_wrap #find_but span{
          display: inline-block;
          margin-top: 15px;
        }
  #menu_content_bg {
    width: 100%;
    overflow: hidden;
    position: absolute;
    background: #fff;
    z-index: 700;
    transition: all 3s;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s; }
    #menu_content_bg #menu_content_wrap ul {
      height: auto;
      width: 100%;
      position: absolute;
      color: #424242;
      display: block; }
      #menu_content_bg #menu_content_wrap ul li {
        display: none;
        width: 100%;
        height: 230px; }
        #menu_content_bg #menu_content_wrap ul li .menu_content {
          float: left;
          width: 160px;
          cursor: pointer;
          margin-top: 30px; }
          #menu_content_bg #menu_content_wrap ul li .menu_content p {
            font-size: 13px;
            text-align: center;
            margin-top: 20px; }
        #menu_content_bg #menu_content_wrap ul li .menu_content_line {
          width: 0px;
          height: 100px;
          float: left;
          margin: 30px 20px;
          border-left: 1px solid #D0D0D0; }













/* ------------------------------------------------------------------------------------------- */


















/* 以下为banner */
#big_banner_wrap{
    width: 1226px;
    height: 460px;
    margin: 0 auto;
   
    
}
#big_banner_wrap #banner_menu_wrap{
    width: 235px;
    height: 460px;
    float: left;
    position: absolute;
    z-index: 600;
    list-style: none;
    /* 通过rgba使得黑色浅化 */
    background: rgba(0, 0, 0, 0.7);
}
#big_banner_wrap #banner_menu_wrap li{
    width: 100%;
    height: 42px;
    line-height: 40px;
    position: relative;
    transition: all 0.5s;
    list-style: none;
}
#big_banner_wrap #banner_menu_wrap li>a{
    font-size: 13px;
    color: #ffffff; 
    margin-left: 30px;  
    float: left;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_i{
    float: right;
    font-size: 22px;
    margin-right: 20px;
    color: #ffffff; 
}

#big_banner_wrap #banner_menu_wrap li .banner_menu_content{
    width: 600px;
    height: 459px;
    z-index: 610;
    position: absolute;
    left: 235px;
    background: #ffffff;
    display: none;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul{
    width: 280px;
    float: left;
    /* border: 1px solid red; */
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li{
    width: 250px;
    height: 40px;
    padding: 18px;
    float: left;
   /* border:  1px solid orange; */
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li a{
    margin-left: 5px;
    font-size: 12px;
    color: black;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li span{
    width: 59px;
    height: 25px;
    float: right;
    margin-top: 5px;
    border: 1px solid #ff6700;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    transition: all 0.5s;
}
#big_banner_wrap #banner_menu_wrap li .banner_menu_content .banner_menu_content_ul li span:hover{
    background-color: #ff6700;
    color: #ffffff;
}
#big_banner_wrap #banner_menu_wrap>li:hover{
    background: #ff6700;
}
#big_banner_wrap #banner_menu_wrap li:hover .banner_menu_content{
    display: block;
}
















/* =================================================================== */













/* 滑播图 */
#banner{
    margin: 40px auto;
    width: 1226px;
    height: 460px;
    background:#ff6700;
    position: relative;
  }
  #banner .item{
    display: none;
  }
  #bannner .img-wrap ul li{
    list-style: none;
  }
  #banner .tab-btn ul li{
    list-style: none;
  }
  #banner .img-wrap ul .item img{
    width: 1226px;
    height: 460px;
    position: absolute;
    top: 0;
    left: 0;
  }
  #banner .lr-tab .btn{
    width: 41px;
    height: 50px;
    /* line-height: 50px; */
    position: absolute;
    top:195px;
    color: #ffffff;
    font-size: 45px;
    font-weight: 300;
  }
  #banner .lr-tab .btn:hover{
    background-color: #aaaaaa;
  }
  #banner .lr-tab .left{
    left: 235px;
    text-align: center;
  }
  #banner .lr-tab .right{
    right: 0;
    text-align: center;
  }
  #banner .tab-btn{
    width: 120px;
    height: 30px;
    position: absolute;
    right: 15px;
    bottom: 15px;
  }
  #banner .tab-btn .bottom-btn{
    list-style: none;
    width: 6px;
    height: 6px;
    background: rgba(0, 0, 0, 0.5);
    border: 2px solid rgba(255, 255, 255, 0.5);
    /* border: 1px solid red; */
    float: left;
    margin: 5px;
    border-radius: 50%;
    transition: all .3s;
  }
  #banner .tab-btn .bottom-btn:hover{
    background: rgba(255, 255, 255, 0.5);
    border: 2px solid rgba(0, 0, 0, 0.5);
    transition: all .3s;
  }
  #banner .now{
    background: rgba(255, 255, 255, 0.5);
    border: 2px solid rgba(0, 0, 0, 0.5);
    transition: all .3s;
  }
























  /* ================================================================== */



















  #head_other_wrap {
    width: 1226px;
    height: 170px;
    margin: 0 auto;
    margin-top: 20px;
    color: #aaaaaa;
    font-size: 13px; 
}
#head_other_wrap #head_other {
      width: 235px;
      height: 170px;
      float: left;
      background: #5f5750;
    }
#head_other_wrap #head_other ul{
    width: 234px;
    height: 85px;
  }
#head_other_wrap #head_other ul li {
        display: block;
        box-sizing: border-box;
        width: 33%;
        height: 85px;
       /* line-height: 40px;*/
        float: left;
      margin:0px auto;
      }
#head_other_wrap #head_other ul li:hover{
    color:#fff;
  }
 #div1,#div2,#div3{
        border-bottom: 1px solid #888888;
      }
#div1,#div2,#div4,#div5{
        border-right: 1px solid #888888;
      }
#head_other_wrap #head_other ul li div {
          width: 100%;
          height: 100%;
          text-align: center;
          margin: 0px auto;
         }
  #head_other_wrap #head_other ul li div .iconfont{
      font-size: 2em;
    height: 2em;
    line-height: 2em;
  }

















/* ----------------------------------------------------------------- */















  #head_other_wrap .head_other_ad {
    width: 316px;
    height: 170px;
    float: left;
    margin-left: 14px; }






















    .longI{
        width: 1226px;
       height: 120px;
       margin: 20px auto 42px;
     }
     .longI a{
       display: block;
       width: 100%;
       height:100%;
     }
     .longI a img{
       display: block;
       width: 100%;
       height:100%;
     }
   
























     
     /* 详细模块 */
   
   #phone{
      width: 100%;
      padding-top: 22px;
   }
   #phone #phone_container{
       width: 1226px;
       height: 686px;
       margin: 0 auto;
       background-color: #f5f5f5;
   }
   #phone #phone_title{
       width: 1226px;
       height: 58px;
       line-height: 58px;
   }
   #phone #phone_title .title_span{
       font-size: 25px;
       font-weight: 100;
       float: left;
       width: 200px;
   }
   #phone #phone_title #phone_more a{
       float: right;
       width: 102px;
       height: 25px;
       font-size: 16px;
       margin-top: 20px;
       line-height: 25px;
       text-align: center;
       color: black;
   }
   #phone #phone_title #phone_more a span{
       font-size: 19px;
       color: rgb(99, 99, 95);
   }
   
   #phone #phone_title #phone_more a:hover{
       color: #ff6700;
   }
   .content_left{
       width: 234px;
       height: 628px;
       float: left;
   }
   .content_left ul{
       margin: 0;
       padding:0;
   }
   .content_left ul li{
       width: 100%;
       height: 624px;
   }
   .content_left ul li a{
       width: 100%;
       height: 100%;
       display: block;
   }
   .content_left ul li a img{
       width: 100%;
       height: 100%;
       display: block;
   }
   .content_right{
       width: 992px;
       height: 628px;
       float: left;
   }
   .content_right .list{
       width: 992px;
       height: 614px;
   }
   .content_right .list li{
       width: 234px;
       height: 260px;
       float: left;
       background-color: #fff;
       margin-left: 14px;
       margin-bottom: 14px;
       padding: 20px 0;
       position: relative;
   }
   .content_right .list li div{
       width: 160px;
       height: 160px;
       margin: 0 37px;
   }
   .content_right .list li .title{
       width: 214px;
       height: 21px;
       margin: 0 10px 2px;
   }
   .content_right .list li .title a{
       font-size: 14px;
       font-weight: 400;
       text-align: center;
       color:black;
       display: block;
       width: 100%;
       height: 100%;
   }
   .content_right .list li .desc{
       font-size: 12px;
       margin: 0 10px 10px;
       height: 18px;
       color: #b0b0b0;
       white-space: nowrap;
       text-align: center;
       overflow: hidden;
       text-overflow: ellipsis;
   }
   .content_right .list li .price{
   
       margin: 0 10px 14px;
       text-align: center;
       color: #ff6700;
   }
   .content_right .list li .price del{
       color: #b0b0b0;
       text-decoration: line-through;
   }
   .content_right .list li .flag{
       position: absolute;
       top: 0;
       left: 50%;
       width: 64px;
       height: 20px;
       font-size: 12px;
       margin-left: -32px;
       text-align: center;
       line-height: 20px;
       color: #fff;
   }
   .content_right .list li .flag-new{
       background-color: rgb(21, 151, 108);
   }
   .content_right .list li .flag-saleoff{
       background-color: red;
   }
   /* 除去小黑点  */
   #phone #phone_container ul li{
       list-style: none;
   }
























   /* 以下为电视特惠 */
.appliance{
    width: 100%;
    height: 160px;
    margin: 0 auto;
    background-color: #f5f5f5;
  }
  .appliance a{
    display: block;
    width: 1226px;
    height: 120px;
    margin: 0 auto;
    padding:30px 0px 30px 0px;
  }
  .appliance a img{
    display: block;
    width: 100%;
    height:100%;
  }
  
  /* 以下为详细内容2 智能硬件*/
  #hardware {
    width: 100%;
    color: #424242;
    padding-top: 22px;
    background-color: #f5f5f5;
  }
  #hardware #hardware_container{
    width: 1226px;
    height: 686px;
    margin:0 auto;
  }
  #hardware #hardware_title {
    width: 1226px;
    height: 58px;
    line-height: 58px; }
  #hardware #hardware_title .title_span {
    font-size: 25px;
    font-weight: 100;
    width: 200px;
    float: left;
  }
  #hardware #hardware_title #hardware_more{
    width:300px;
    height: 25px;
    float: right;
    font-size: 16px;
    margin-top: 20px;
    /* border: 1px solid #F0F0F0;*/
    color: #333;
    line-height: 25px;
    font-weight: 400;
   }
  #hardware #hardware_title #hardware_more .hardware_menu{
    width:300px;
    height: 25px;
  }
  #hardware #hardware_title #hardware_more .hardware_menu .hardware_menu_li{
    display: inline-block;
    height: 25px;
    margin-left: 30px;
    text-align: right;
    float: left;
  }
  #hardware_content .content_left ul li{
    display: block;
    width: 100%;
    height:300px;
  }
  #hardware_content .content_left ul li:first-child{
    margin-bottom: 14px;
  }
  #hardware_content_bg .list li{
    display: none;
    width: 992px;
    height:628px;
    background-color: #f5f5f5;
    padding: 0;
  }
  #hardware_content_bg .list li.hot{
    display: block;
  }
  #hardware_content_bg .list li #av{
    display: block;
  }
  #hardware_content_bg .list li .menu_content{
    display: inline-block;
    width: 234px;
    height: 260px;
    padding:20px 0;
    margin-left: 14px;
    margin-right: 14px;
    margin-bottom: 14px;
    float: left;
    background-color: #fff;
    position: relative;
  }
  #hardware_content_bg .list  .sway2 .review-wrapper{
  display:none;
    margin:0px;
    padding-top: 10px;
    width: 234px;
    height: 60px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background-color: #ff6700;
  }
  #hardware_content_bg .list  .sway2 .review-wrapper a{
    display: inline-block;
    color: #fff;
  }
  /*#hardware_content_bg .list  .sway2 .review-wrapper:hover{
    display: block;
  }*/
  #hardware_content_bg .list .sway2 .review-wrapper a .review{
    display: block;
    font-weight:bold;
  }
  #hardware_content_bg .list  .sway2 .review-wrapper a .author{
    display: block;
    font-weight: 100;
  }







  








  /* 以下为foot部分 */

  #foot_box {
    width: 100%;
    height: 280px; }
    #foot_box #foot_wrap {
      width: 1226px;
      margin: 0 auto;
      overflow: hidden; }
      #foot_box #foot_wrap .foot_top {
        width: 100%;
        height: 80px;
        line-height: 80px;
        border-bottom: 1px solid #BEBEBE; }
        #foot_box #foot_wrap .foot_top ul {
          width: 80%;
          height: 100%;
          margin: 0 auto; }
          #foot_box #foot_wrap .foot_top ul .font_top_i {
            margin: 0 50px;
            font-size: 25px;
            font-weight: 100; }
          #foot_box #foot_wrap .foot_top ul li {
              list-style: none;
            float: left;
            color: #9D9D9D;
            cursor: pointer; }
      #foot_box #foot_wrap .foot_bottom .foot_bottom_l {
        height: 160px;
        margin-top: 50px;
        float: left; }
        #foot_box #foot_wrap .foot_bottom .foot_bottom_l dl {
          float: left;
          margin-left: 100px; }
          #foot_box #foot_wrap .foot_bottom .foot_bottom_l dl dt {
            font-size: 15px;
            margin-bottom: 30px; }
          #foot_box #foot_wrap .foot_bottom .foot_bottom_l dl dd {
            font-size: 13px;
            margin-top: 15px;
            
            cursor: pointer; }
            #foot_box #foot_wrap .foot_bottom .foot_bottom_l dl dt a{
                color:black;
            }
            #foot_box #foot_wrap .foot_bottom .foot_bottom_l dl dd a{
                color: #BEBEBE;
            }

      #foot_box #foot_wrap .foot_bottom .foot_bottom_r {
        height: 120px;
        margin-top: 50px;
        float: right;
        margin-right: 0px;
        text-align: center;
        padding: 0 60px;
        border-left: 1px solid #BEBEBE; }
        #foot_box #foot_wrap .foot_bottom .foot_bottom_r a:nth-child(1) {
          font-size: 20px;
          color: #FF6700;
          display: block;
          margin-bottom: 10px; }
        #foot_box #foot_wrap .foot_bottom .foot_bottom_r a:nth-child(2) {
          font-size: 13px;
          display: block;
          margin-bottom: 5px; }
        #foot_box #foot_wrap .foot_bottom .foot_bottom_r a:nth-child(3) {
          font-size: 13px;
          display: block;
          margin-bottom: 15px; }
        #foot_box #foot_wrap .foot_bottom .foot_bottom_r span {
          display: block;
          transition: all .3s;
          -webkit-transition: all .3s;
          -moz-transition: all .3s;
          -ms-transition: all .3s;
          width: 120px;
          height: 30px;
          color: #FF6700;
          font-size: 13px;
          cursor: pointer;
          background: #FFF;
          line-height: 30px;
          border: 1px solid #FF6700; }
    #foot_box .foot_note_box {
      width: 100%;
      height: 80px;
      background: #fafafa; }
      #foot_box .foot_note_box .foot_note_wrap {
        width: 1226px;
        margin: 0 auto;
        overflow: hidden; }
        #foot_box .foot_note_box .foot_note_wrap .foot_note_con {
          width: 800px;
          height: 50px;
          margin-top: 15px; }
          #foot_box .foot_note_box .foot_note_wrap .foot_note_con .foot_logo {
            width: 38px;
            height: 38px;
            display: block;
            background: #FF6700;
            float: left; }
          #foot_box .foot_note_box .foot_note_wrap .foot_note_con .foot_note_txt {
            display: block;
            height: 50px;
            width: 750px;
            float: left;
            margin-left: 10px; }
            #foot_box .foot_note_box .foot_note_wrap .foot_note_con .foot_note_txt a {
              font-size: 12px;
              color: #757575; }
            #foot_box .foot_note_box .foot_note_wrap .foot_note_con .foot_note_txt h {
              font-size: 13px;
              margin: 0 5px; }





















 /*以下为手机扫一扫 */
#ad{
    width: 40px;
    height: 260px;
    position: fixed;
    right: 20px;
    bottom: 60px;
    display: none;
  }
  #ad ul{
    width: 100%;
    height: 100%;
   position: relative;
  }
  #ad ul li .iconfont{
    font-size: 1.5em;
    color: #aaa;
  }
  #ad ul li{
    display: block;
    width: 80%;
    height: 40px;
    margin: 0 auto;
    line-height: 40px;
    text-align: center;
    border-bottom:1px solid #eee;
    position: relative;
    z-index: 1000;
  }
  #ad ul li:last-child{
    border-bottom: none;
    height:60px;
    line-height: 60px;
  }
  #ad ul li .explain{
    width: 80px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #aaa;
    font-size: 12px;
    border:1px solid #eee;
    border-right: none;
    position: absolute;
    right: 30px;
    top:10px;
    display: none;
  }
  #ad ul li .explain:first-child{
    height: 80px;
  }

js部分：（以jquery-2.1.4.min.js命名文件）

/*! jQuery v2.1.4 | (c) 2005, 2015 jQuery Foundation, Inc. | jquery.org/license */
!function(a,b){\"object\"==typeof module&&\"object\"==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error(\"jQuery requires a window with a document\");return b(a)}:b(a)}(\"undefined\"!=typeof window?window:this,function(a,b){var c=[],d=c.slice,e=c.concat,f=c.push,g=c.indexOf,h={},i=h.toString,j=h.hasOwnProperty,k={},l=a.document,m=\"2.1.4\",n=function(a,b){return new n.fn.init(a,b)},o=/^[\\s\\uFEFF\\xA0]+|[\\s\\uFEFF\\xA0]+$/g,p=/^-ms-/,q=/-([\\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=n.prototype={jquery:m,constructor:n,selector:\"\",length:0,toArray:function(){return d.call(this)},get:function(a){return null!=a?0>a?this[a+this.length]:this[a]:d.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a,b){return n.each(this,a,b)},map:function(a){return this.pushStack(n.map(this,function(b,c){return a.call(b,c,b)}))},slice:function(){return this.pushStack(d.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},eq:function(a){var b=this.length,c=+a+(0>a?b:0);return this.pushStack(c>=0&&b>c?[this[c]]:[])},end:function(){return this.prevObject||this.constructor(null)},push:f,sort:c.sort,splice:c.splice},n.extend=n.fn.extend=function(){var a,b,c,d,e,f,g=arguments[0]||{},h=1,i=arguments.length,j=!1;for(\"boolean\"==typeof g&&(j=g,g=arguments[h]||{},h++),\"object\"==typeof g||n.isFunction(g)||(g={}),h===i&&(g=this,h--);i>h;h++)if(null!=(a=arguments[h]))for(b in a)c=g[b],d=a[b],g!==d&&(j&&d&&(n.isPlainObject(d)||(e=n.isArray(d)))?(e?(e=!1,f=c&&n.isArray(c)?c:[]):f=c&&n.isPlainObject(c)?c:{},g[b]=n.extend(j,f,d)):void 0!==d&&(g[b]=d));return g},n.extend({expando:\"jQuery\"+(m+Math.random()).replace(/\\D/g,\"\"),isReady:!0,error:function(a){throw new Error(a)},noop:function(){},isFunction:function(a){return\"function\"===n.type(a)},isArray:Array.isArray,isWindow:function(a){return null!=a&&a===a.window},isNumeric:function(a){return!n.isArray(a)&&a-parseFloat(a)+1>=0},isPlainObject:function(a){return\"object\"!==n.type(a)||a.nodeType||n.isWindow(a)?!1:a.constructor&&!j.call(a.constructor.prototype,\"isPrototypeOf\")?!1:!0},isEmptyObject:function(a){var b;for(b in a)return!1;return!0},type:function(a){return null==a?a+\"\":\"object\"==typeof a||\"function\"==typeof a?h[i.call(a)]||\"object\":typeof a},globalEval:function(a){var b,c=eval;a=n.trim(a),a&&(1===a.indexOf(\"use strict\")?(b=l.createElement(\"script\"),b.text=a,l.head.appendChild(b).parentNode.removeChild(b)):c(a))},camelCase:function(a){return a.replace(p,\"ms-\").replace(q,r)},nodeName:function(a,b){return a.nodeName&&a.nodeName.toLowerCase()===b.toLowerCase()},each:function(a,b,c){var d,e=0,f=a.length,g=s(a);if(c){if(g){for(;f>e;e++)if(d=b.apply(a[e],c),d===!1)break}else for(e in a)if(d=b.apply(a[e],c),d===!1)break}else if(g){for(;f>e;e++)if(d=b.call(a[e],e,a[e]),d===!1)break}else for(e in a)if(d=b.call(a[e],e,a[e]),d===!1)break;return a},trim:function(a){return null==a?\"\":(a+\"\").replace(o,\"\")},makeArray:function(a,b){var c=b||[];return null!=a&&(s(Object(a))?n.merge(c,\"string\"==typeof a?[a]:a):f.call(c,a)),c},inArray:function(a,b,c){return null==b?-1:g.call(b,a,c)},merge:function(a,b){for(var c=+b.length,d=0,e=a.length;c>d;d++)a[e++]=b[d];return a.length=e,a},grep:function(a,b,c){for(var d,e=[],f=0,g=a.length,h=!c;g>f;f++)d=!b(a[f],f),d!==h&&e.push(a[f]);return e},map:function(a,b,c){var d,f=0,g=a.length,h=s(a),i=[];if(h)for(;g>f;f++)d=b(a[f],f,c),null!=d&&i.push(d);else for(f in a)d=b(a[f],f,c),null!=d&&i.push(d);return e.apply([],i)},guid:1,proxy:function(a,b){var c,e,f;return\"string\"==typeof b&&(c=a[b],b=a,a=c),n.isFunction(a)?(e=d.call(arguments,2),f=function(){return a.apply(b||this,e.concat(d.call(arguments)))},f.guid=a.guid=a.guid||n.guid++,f):void 0},now:Date.now,support:k}),n.each(\"Boolean Number String Function Array Date RegExp Object Error\".split(\" \"),function(a,b){h[\"[object \"+b+\"]\"]=b.toLowerCase()});function s(a){var b=\"length\"in a&&a.length,c=n.type(a);return\"function\"===c||n.isWindow(a)?!1:1===a.nodeType&&b?!0:\"array\"===c||0===b||\"number\"==typeof b&&b>0&&b-1 in a}var t=function(a){var b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u=\"sizzle\"+1*new Date,v=a.document,w=0,x=0,y=ha(),z=ha(),A=ha(),B=function(a,b){return a===b&&(l=!0),0},C=1<<31,D={}.hasOwnProperty,E=[],F=E.pop,G=E.push,H=E.push,I=E.slice,J=function(a,b){for(var c=0,d=a.length;d>c;c++)if(a[c]===b)return c;return-1},K=\"checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped\",L=\"[\\\\x20\\\\t\\\\r\\\\n\\\\f]\",M=\"(?:\\\\\\\\.|[\\\\w-]|[^\\\\x00-\\\\xa0])+\",N=M.replace(\"w\",\"w#\"),O=\"\\\\[\"+L+\"*(\"+M+\")(?:\"+L+\"*([*^$|!~]?=)\"+L+\"*(?:\'((?:\\\\\\\\.|[^\\\\\\\\\'])*)\'|\\\"((?:\\\\\\\\.|[^\\\\\\\\\\\"])*)\\\"|(\"+N+\"))|)\"+L+\"*\\\\]\",P=\":(\"+M+\")(?:\\\\(((\'((?:\\\\\\\\.|[^\\\\\\\\\'])*)\'|\\\"((?:\\\\\\\\.|[^\\\\\\\\\\\"])*)\\\")|((?:\\\\\\\\.|[^\\\\\\\\()[\\\\]]|\"+O+\")*)|.*)\\\\)|)\",Q=new RegExp(L+\"+\",\"g\"),R=new RegExp(\"^\"+L+\"+|((?:^|[^\\\\\\\\])(?:\\\\\\\\.)*)\"+L+\"+$\",\"g\"),S=new RegExp(\"^\"+L+\"*,\"+L+\"*\"),T=new RegExp(\"^\"+L+\"*([>+~]|\"+L+\")\"+L+\"*\"),U=new RegExp(\"=\"+L+\"*([^\\\\]\'\\\"]*?)\"+L+\"*\\\\]\",\"g\"),V=new RegExp(P),W=new RegExp(\"^\"+N+\"$\"),X={ID:new RegExp(\"^#(\"+M+\")\"),CLASS:new RegExp(\"^\\\\.(\"+M+\")\"),TAG:new RegExp(\"^(\"+M.replace(\"w\",\"w*\")+\")\"),ATTR:new RegExp(\"^\"+O),PSEUDO:new RegExp(\"^\"+P),CHILD:new RegExp(\"^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\\\(\"+L+\"*(even|odd|(([+-]|)(\\\\d*)n|)\"+L+\"*(?:([+-]|)\"+L+\"*(\\\\d+)|))\"+L+\"*\\\\)|)\",\"i\"),bool:new RegExp(\"^(?:\"+K+\")$\",\"i\"),needsContext:new RegExp(\"^\"+L+\"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\\\(\"+L+\"*((?:-\\\\d)?\\\\d*)\"+L+\"*\\\\)|)(?=[^-]|$)\",\"i\")},Y=/^(?:input|select|textarea|button)$/i,Z=/^h\\d$/i,$=/^[^{]+\\{\\s*\\[native \\w/,_=/^(?:#([\\w-]+)|(\\w+)|\\.([\\w-]+))$/,aa=/[+~]/,ba=/\'|\\\\/g,ca=new RegExp(\"\\\\\\\\([\\\\da-f]{1,6}\"+L+\"?|(\"+L+\")|.)\",\"ig\"),da=function(a,b,c){var d=\"0x\"+b-65536;return d!==d||c?b:0>d?String.fromCharCode(d+65536):String.fromCharCode(d>>10|55296,1023&d|56320)},ea=function(){m()};try{H.apply(E=I.call(v.childNodes),v.childNodes),E[v.childNodes.length].nodeType}catch(fa){H={apply:E.length?function(a,b){G.apply(a,I.call(b))}:function(a,b){var c=a.length,d=0;while(a[c++]=b[d++]);a.length=c-1}}}function ga(a,b,d,e){var f,h,j,k,l,o,r,s,w,x;if((b?b.ownerDocument||b:v)!==n&&m(b),b=b||n,d=d||[],k=b.nodeType,\"string\"!=typeof a||!a||1!==k&&9!==k&&11!==k)return d;if(!e&&p){if(11!==k&&(f=_.exec(a)))if(j=f[1]){if(9===k){if(h=b.getElementById(j),!h||!h.parentNode)return d;if(h.id===j)return d.push(h),d}else if(b.ownerDocument&&(h=b.ownerDocument.getElementById(j))&&t(b,h)&&h.id===j)return d.push(h),d}else{if(f[2])return H.apply(d,b.getElementsByTagName(a)),d;if((j=f[3])&&c.getElementsByClassName)return H.apply(d,b.getElementsByClassName(j)),d}if(c.qsa&&(!q||!q.test(a))){if(s=r=u,w=b,x=1!==k&&a,1===k&&\"object\"!==b.nodeName.toLowerCase()){o=g(a),(r=b.getAttribute(\"id\"))?s=r.replace(ba,\"\\\\$&\"):b.setAttribute(\"id\",s),s=\"[id=\'\"+s+\"\'] \",l=o.length;while(l--)o[l]=s+ra(o[l]);w=aa.test(a)&&pa(b.parentNode)||b,x=o.join(\",\")}if(x)try{return H.apply(d,w.querySelectorAll(x)),d}catch(y){}finally{r||b.removeAttribute(\"id\")}}}return i(a.replace(R,\"$1\"),b,d,e)}function ha(){var a=[];function b(c,e){return a.push(c+\" \")>d.cacheLength&&delete b[a.shift()],b[c+\" \"]=e}return b}function ia(a){return a[u]=!0,a}function ja(a){var b=n.createElement(\"div\");try{return!!a(b)}catch(c){return!1}finally{b.parentNode&&b.parentNode.removeChild(b),b=null}}function ka(a,b){var c=a.split(\"|\"),e=a.length;while(e--)d.attrHandle[c[e]]=b}function la(a,b){var c=b&&a,d=c&&1===a.nodeType&&1===b.nodeType&&(~b.sourceIndex||C)-(~a.sourceIndex||C);if(d)return d;if(c)while(c=c.nextSibling)if(c===b)return-1;return a?1:-1}function ma(a){return function(b){var c=b.nodeName.toLowerCase();return\"input\"===c&&b.type===a}}function na(a){return function(b){var c=b.nodeName.toLowerCase();return(\"input\"===c||\"button\"===c)&&b.type===a}}function oa(a){return ia(function(b){return b=+b,ia(function(c,d){var e,f=a([],c.length,b),g=f.length;while(g--)c[e=f[g]]&&(c[e]=!(d[e]=c[e]))})})}function pa(a){return a&&\"undefined\"!=typeof a.getElementsByTagName&&a}c=ga.support={},f=ga.isXML=function(a){var b=a&&(a.ownerDocument||a).documentElement;return b?\"HTML\"!==b.nodeName:!1},m=ga.setDocument=function(a){var b,e,g=a?a.ownerDocument||a:v;return g!==n&&9===g.nodeType&&g.documentElement?(n=g,o=g.documentElement,e=g.defaultView,e&&e!==e.top&&(e.addEventListener?e.addEventListener(\"unload\",ea,!1):e.attachEvent&&e.attachEvent(\"onunload\",ea)),p=!f(g),c.attributes=ja(function(a){return a.className=\"i\",!a.getAttribute(\"className\")}),c.getElementsByTagName=ja(function(a){return a.appendChild(g.createComment(\"\")),!a.getElementsByTagName(\"*\").length}),c.getElementsByClassName=$.test(g.getElementsByClassName),c.getById=ja(function(a){return o.appendChild(a).id=u,!g.getElementsByName||!g.getElementsByName(u).length}),c.getById?(d.find.ID=function(a,b){if(\"undefined\"!=typeof b.getElementById&&p){var c=b.getElementById(a);return c&&c.parentNode?[c]:[]}},d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){return a.getAttribute(\"id\")===b}}):(delete d.find.ID,d.filter.ID=function(a){var b=a.replace(ca,da);return function(a){var c=\"undefined\"!=typeof a.getAttributeNode&&a.getAttributeNode(\"id\");return c&&c.value===b}}),d.find.TAG=c.getElementsByTagName?function(a,b){return\"undefined\"!=typeof b.getElementsByTagName?b.getElementsByTagName(a):c.qsa?b.querySelectorAll(a):void 0}:function(a,b){var c,d=[],e=0,f=b.getElementsByTagName(a);if(\"*\"===a){while(c=f[e++])1===c.nodeType&&d.push(c);return d}return f},d.find.CLASS=c.getElementsByClassName&&function(a,b){return p?b.getElementsByClassName(a):void 0},r=[],q=[],(c.qsa=$.test(g.querySelectorAll))&&(ja(function(a){o.appendChild(a).innerHTML=\"<a id=\'\"+u+\"\'>a><select id=\'\"+u+\"-\\f]\' msallowcapture=\'\'><option selected=\'\'>option>select>\",a.querySelectorAll(\"[msallowcapture^=\'\']\").length&&q.push(\"[*^$]=\"+L+\"*(?:\'\'|\\\"\\\")\"),a.querySelectorAll(\"[selected]\").length||q.push(\"\\\\[\"+L+\"*(?:value|\"+K+\")\"),a.querySelectorAll(\"[id~=\"+u+\"-]\").length||q.push(\"~=\"),a.querySelectorAll(\":checked\").length||q.push(\":checked\"),a.querySelectorAll(\"a#\"+u+\"+*\").length||q.push(\".#.+[+~]\")}),ja(function(a){var b=g.createElement(\"input\");b.setAttribute(\"type\",\"hidden\"),a.appendChild(b).setAttribute(\"name\",\"D\"),a.querySelectorAll(\"[name=d]\").length&&q.push(\"name\"+L+\"*[*^$|!~]?=\"),a.querySelectorAll(\":enabled\").length||q.push(\":enabled\",\":disabled\"),a.querySelectorAll(\"*,:x\"),q.push(\",.*:\")})),(c.matchesSelector=$.test(s=o.matches||o.webkitMatchesSelector||o.mozMatchesSelector||o.oMatchesSelector||o.msMatchesSelector))&&ja(function(a){c.disconnectedMatch=s.call(a,\"div\"),s.call(a,\"[s!=\'\']:x\"),r.push(\"!=\",P)}),q=q.length&&new RegExp(q.join(\"|\")),r=r.length&&new RegExp(r.join(\"|\")),b=$.test(o.compareDocumentPosition),t=b||$.test(o.contains)?function(a,b){var c=9===a.nodeType?a.documentElement:a,d=b&&b.parentNode;return a===d||!(!d||1!==d.nodeType||!(c.contains?c.contains(d):a.compareDocumentPosition&&16&a.compareDocumentPosition(d)))}:function(a,b){if(b)while(b=b.parentNode)if(b===a)return!0;return!1},B=b?function(a,b){if(a===b)return l=!0,0;var d=!a.compareDocumentPosition-!b.compareDocumentPosition;return d?d:(d=(a.ownerDocument||a)===(b.ownerDocument||b)?a.compareDocumentPosition(b):1,1&d||!c.sortDetached&&b.compareDocumentPosition(a)===d?a===g||a.ownerDocument===v&&t(v,a)?-1:b===g||b.ownerDocument===v&&t(v,b)?1:k?J(k,a)-J(k,b):0:4&d?-1:1)}:function(a,b){if(a===b)return l=!0,0;var c,d=0,e=a.parentNode,f=b.parentNode,h=[a],i=[b];if(!e||!f)return a===g?-1:b===g?1:e?-1:f?1:k?J(k,a)-J(k,b):0;if(e===f)return la(a,b);c=a;while(c=c.parentNode)h.unshift(c);c=b;while(c=c.parentNode)i.unshift(c);while(h[d]===i[d])d++;return d?la(h[d],i[d]):h[d]===v?-1:i[d]===v?1:0},g):n},ga.matches=function(a,b){return ga(a,null,null,b)},ga.matchesSelector=function(a,b){if((a.ownerDocument||a)!==n&&m(a),b=b.replace(U,\"=\'$1\']\"),!(!c.matchesSelector||!p||r&&r.test(b)||q&&q.test(b)))try{var d=s.call(a,b);if(d||c.disconnectedMatch||a.document&&11!==a.document.nodeType)return d}catch(e){}return ga(b,n,null,[a]).length>0},ga.contains=function(a,b){return(a.ownerDocument||a)!==n&&m(a),t(a,b)},ga.attr=function(a,b){(a.ownerDocument||a)!==n&&m(a);var e=d.attrHandle[b.toLowerCase()],f=e&&D.call(d.attrHandle,b.toLowerCase())?e(a,b,!p):void 0;return void 0!==f?f:c.attributes||!p?a.getAttribute(b):(f=a.getAttributeNode(b))&&f.specified?f.value:null},ga.error=function(a){throw new Error(\"Syntax error, unrecognized expression: \"+a)},ga.uniqueSort=function(a){var b,d=[],e=0,f=0;if(l=!c.detectDuplicates,k=!c.sortStable&&a.slice(0),a.sort(B),l){while(b=a[f++])b===a[f]&&(e=d.push(f));while(e--)a.splice(d[e],1)}return k=null,a},e=ga.getText=function(a){var b,c=\"\",d=0,f=a.nodeType;if(f){if(1===f||9===f||11===f){if(\"string\"==typeof a.textContent)return a.textContent;for(a=a.firstChild;a;a=a.nextSibling)c+=e(a)}else if(3===f||4===f)return a.nodeValue}else while(b=a[d++])c+=e(b);return c},d=ga.selectors={cacheLength:50,createPseudo:ia,match:X,attrHandle:{},find:{},relative:{\">\":{dir:\"parentNode\",first:!0},\" \":{dir:\"parentNode\"},\"+\":{dir:\"previousSibling\",first:!0},\"~\":{dir:\"previousSibling\"}},preFilter:{ATTR:function(a){return a[1]=a[1].replace(ca,da),a[3]=(a[3]||a[4]||a[5]||\"\").replace(ca,da),\"~=\"===a[2]&&(a[3]=\" \"+a[3]+\" \"),a.slice(0,4)},CHILD:function(a){return a[1]=a[1].toLowerCase(),\"nth\"===a[1].slice(0,3)?(a[3]||ga.error(a[0]),a[4]=+(a[4]?a[5]+(a[6]||1):2*(\"even\"===a[3]||\"odd\"===a[3])),a[5]=+(a[7]+a[8]||\"odd\"===a[3])):a[3]&&ga.error(a[0]),a},PSEUDO:function(a){var b,c=!a[6]&&a[2];return X.CHILD.test(a[0])?null:(a[3]?a[2]=a[4]||a[5]||\"\":c&&V.test(c)&&(b=g(c,!0))&&(b=c.indexOf(\")\",c.length-b)-c.length)&&(a[0]=a[0].slice(0,b),a[2]=c.slice(0,b)),a.slice(0,3))}},filter:{TAG:function(a){var b=a.replace(ca,da).toLowerCase();return\"*\"===a?function(){return!0}:function(a){return a.nodeName&&a.nodeName.toLowerCase()===b}},CLASS:function(a){var b=y[a+\" \"];return b||(b=new RegExp(\"(^|\"+L+\")\"+a+\"(\"+L+\"|$)\"))&&y(a,function(a){return b.test(\"string\"==typeof a.className&&a.className||\"undefined\"!=typeof a.getAttribute&&a.getAttribute(\"class\")||\"\")})},ATTR:function(a,b,c){return function(d){var e=ga.attr(d,a);return null==e?\"!=\"===b:b?(e+=\"\",\"=\"===b?e===c:\"!=\"===b?e!==c:\"^=\"===b?c&&0===e.indexOf(c):\"*=\"===b?c&&e.indexOf(c)>-1:\"$=\"===b?c&&e.slice(-c.length)===c:\"~=\"===b?(\" \"+e.replace(Q,\" \")+\" \").indexOf(c)>-1:\"|=\"===b?e===c||e.slice(0,c.length+1)===c+\"-\":!1):!0}},CHILD:function(a,b,c,d,e){var f=\"nth\"!==a.slice(0,3),g=\"last\"!==a.slice(-4),h=\"of-type\"===b;return 1===d&&0===e?function(a){return!!a.parentNode}:function(b,c,i){var j,k,l,m,n,o,p=f!==g?\"nextSibling\":\"previousSibling\",q=b.parentNode,r=h&&b.nodeName.toLowerCase(),s=!i&&!h;if(q){if(f){while(p){l=b;while(l=l[p])if(h?l.nodeName.toLowerCase()===r:1===l.nodeType)return!1;o=p=\"only\"===a&&!o&&\"nextSibling\"}return!0}if(o=[g?q.firstChild:q.lastChild],g&&s){k=q[u]||(q[u]={}),j=k[a]||[],n=j[0]===w&&j[1],m=j[0]===w&&j[2],l=n&&q.childNodes[n];while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if(1===l.nodeType&&++m&&l===b){k[a]=[w,n,m];break}}else if(s&&(j=(b[u]||(b[u]={}))[a])&&j[0]===w)m=j[1];else while(l=++n&&l&&l[p]||(m=n=0)||o.pop())if((h?l.nodeName.toLowerCase()===r:1===l.nodeType)&&++m&&(s&&((l[u]||(l[u]={}))[a]=[w,m]),l===b))break;return m-=e,m===d||m%d===0&&m/d>=0}}},PSEUDO:function(a,b){var c,e=d.pseudos[a]||d.setFilters[a.toLowerCase()]||ga.error(\"unsupported pseudo: \"+a);return e[u]?e(b):e.length>1?(c=[a,a,\"\",b],d.setFilters.hasOwnProperty(a.toLowerCase())?ia(function(a,c){var d,f=e(a,b),g=f.length;while(g--)d=J(a,f[g]),a[d]=!(c[d]=f[g])}):function(a){return e(a,0,c)}):e}},pseudos:{not:ia(function(a){var b=[],c=[],d=h(a.replace(R,\"$1\"));return d[u]?ia(function(a,b,c,e){var f,g=d(a,null,e,[]),h=a.length;while(h--)(f=g[h])&&(a[h]=!(b[h]=f))}):function(a,e,f){return b[0]=a,d(b,null,f,c),b[0]=null,!c.pop()}}),has:ia(function(a){return function(b){return ga(a,b).length>0}}),contains:ia(function(a){return a=a.replace(ca,da),function(b){return(b.textContent||b.innerText||e(b)).indexOf(a)>-1}}),lang:ia(function(a){return W.test(a||\"\")||ga.error(\"unsupported lang: \"+a),a=a.replace(ca,da).toLowerCase(),function(b){var c;do if(c=p?b.lang:b.getAttribute(\"xml:lang\")||b.getAttribute(\"lang\"))return c=c.toLowerCase(),c===a||0===c.indexOf(a+\"-\");while((b=b.parentNode)&&1===b.nodeType);return!1}}),target:function(b){var c=a.location&&a.location.hash;return c&&c.slice(1)===b.id},root:function(a){return a===o},focus:function(a){return a===n.activeElement&&(!n.hasFocus||n.hasFocus())&&!!(a.type||a.href||~a.tabIndex)},enabled:function(a){return a.disabled===!1},disabled:function(a){return a.disabled===!0},checked:function(a){var b=a.nodeName.toLowerCase();return\"input\"===b&&!!a.checked||\"option\"===b&&!!a.selected},selected:function(a){return a.parentNode&&a.parentNode.selectedIndex,a.selected===!0},empty:function(a){for(a=a.firstChild;a;a=a.nextSibling)if(a.nodeType<6)return!1;return!0},parent:function(a){return!d.pseudos.empty(a)},header:function(a){return Z.test(a.nodeName)},input:function(a){return Y.test(a.nodeName)},button:function(a){var b=a.nodeName.toLowerCase();return\"input\"===b&&\"button\"===a.type||\"button\"===b},text:function(a){var b;return\"input\"===a.nodeName.toLowerCase()&&\"text\"===a.type&&(null==(b=a.getAttribute(\"type\"))||\"text\"===b.toLowerCase())},first:oa(function(){return[0]}),last:oa(function(a,b){return[b-1]}),eq:oa(function(a,b,c){return[0>c?c+b:c]}),even:oa(function(a,b){for(var c=0;b>c;c+=2)a.push(c);return a}),odd:oa(function(a,b){for(var c=1;b>c;c+=2)a.push(c);return a}),lt:oa(function(a,b,c){for(var d=0>c?c+b:c;--d>=0;)a.push(d);return a}),gt:oa(function(a,b,c){for(var d=0>c?c+b:c;++db;b++)d+=a[b].value;return d}function sa(a,b,c){var d=b.dir,e=c&&\"parentNode\"===d,f=x++;return b.first?function(b,c,f){while(b=b[d])if(1===b.nodeType||e)return a(b,c,f)}:function(b,c,g){var h,i,j=[w,f];if(g){while(b=b[d])if((1===b.nodeType||e)&&a(b,c,g))return!0}else while(b=b[d])if(1===b.nodeType||e){if(i=b[u]||(b[u]={}),(h=i[d])&&h[0]===w&&h[1]===f)return j[2]=h[2];if(i[d]=j,j[2]=a(b,c,g))return!0}}}function ta(a){return a.length>1?function(b,c,d){var e=a.length;while(e--)if(!a[e](b,c,d))return!1;return!0}:a[0]}function ua(a,b,c){for(var d=0,e=b.length;e>d;d++)ga(a,b[d],c);return c}function va(a,b,c,d,e){for(var f,g=[],h=0,i=a.length,j=null!=b;i>h;h++)(f=a[h])&&(!c||c(f,d,e))&&(g.push(f),j&&b.push(h));return g}function wa(a,b,c,d,e,f){return d&&!d[u]&&(d=wa(d)),e&&!e[u]&&(e=wa(e,f)),ia(function(f,g,h,i){var j,k,l,m=[],n=[],o=g.length,p=f||ua(b||\"*\",h.nodeType?[h]:h,[]),q=!a||!f&&b?p:va(p,m,a,h,i),r=c?e||(f?a:o||d)?[]:g:q;if(c&&c(q,r,h,i),d){j=va(r,n),d(j,[],h,i),k=j.length;while(k--)(l=j[k])&&(r[n[k]]=!(q[n[k]]=l))}if(f){if(e||a){if(e){j=[],k=r.length;while(k--)(l=r[k])&&j.push(q[k]=l);e(null,r=[],j,i)}k=r.length;while(k--)(l=r[k])&&(j=e?J(f,l):m[k])>-1&&(f[j]=!(g[j]=l))}}else r=va(r===g?r.splice(o,r.length):r),e?e(null,g,r,i):H.apply(g,r)})}function xa(a){for(var b,c,e,f=a.length,g=d.relative[a[0].type],h=g||d.relative[\" \"],i=g?1:0,k=sa(function(a){return a===b},h,!0),l=sa(function(a){return J(b,a)>-1},h,!0),m=[function(a,c,d){var e=!g&&(d||c!==j)||((b=c).nodeType?k(a,c,d):l(a,c,d));return b=null,e}];f>i;i++)if(c=d.relative[a[i].type])m=[sa(ta(m),c)];else{if(c=d.filter[a[i].type].apply(null,a[i].matches),c[u]){for(e=++i;f>e;e++)if(d.relative[a[e].type])break;return wa(i>1&&ta(m),i>1&&ra(a.slice(0,i-1).concat({value:\" \"===a[i-2].type?\"*\":\"\"})).replace(R,\"$1\"),c,e>i&&xa(a.slice(i,e)),f>e&&xa(a=a.slice(e)),f>e&&ra(a))}m.push(c)}return ta(m)}function ya(a,b){var c=b.length>0,e=a.length>0,f=function(f,g,h,i,k){var l,m,o,p=0,q=\"0\",r=f&&[],s=[],t=j,u=f||e&&d.find.TAG(\"*\",k),v=w+=null==t?1:Math.random()||.1,x=u.length;for(k&&(j=g!==n&&g);q!==x&&null!=(l=u[q]);q++){if(e&&l){m=0;while(o=a[m++])if(o(l,g,h)){i.push(l);break}k&&(w=v)}c&&((l=!o&&l)&&p--,f&&r.push(l))}if(p+=q,c&&q!==p){m=0;while(o=b[m++])o(r,s,g,h);if(f){if(p>0)while(q--)r[q]||s[q]||(s[q]=F.call(i));s=va(s)}H.apply(i,s),k&&!f&&s.length>0&&p+b.length>1&&ga.uniqueSort(i)}return k&&(w=v,j=t),r};return c?ia(f):f}return h=ga.compile=function(a,b){var c,d=[],e=[],f=A[a+\" \"];if(!f){b||(b=g(a)),c=b.length;while(c--)f=xa(b[c]),f[u]?d.push(f):e.push(f);f=A(a,ya(e,d)),f.selector=a}return f},i=ga.select=function(a,b,e,f){var i,j,k,l,m,n=\"function\"==typeof a&&a,o=!f&&g(a=n.selector||a);if(e=e||[],1===o.length){if(j=o[0]=o[0].slice(0),j.length>2&&\"ID\"===(k=j[0]).type&&c.getById&&9===b.nodeType&&p&&d.relative[j[1].type]){if(b=(d.find.ID(k.matches[0].replace(ca,da),b)||[])[0],!b)return e;n&&(b=b.parentNode),a=a.slice(j.shift().value.length)}i=X.needsContext.test(a)?0:j.length;while(i--){if(k=j[i],d.relative[l=k.type])break;if((m=d.find[l])&&(f=m(k.matches[0].replace(ca,da),aa.test(j[0].type)&&pa(b.parentNode)||b))){if(j.splice(i,1),a=f.length&&ra(j),!a)return H.apply(e,f),e;break}}}return(n||h(a,o))(f,b,!p,e,aa.test(a)&&pa(b.parentNode)||b),e},c.sortStable=u.split(\"\").sort(B).join(\"\")===u,c.detectDuplicates=!!l,m(),c.sortDetached=ja(function(a){return 1&a.compareDocumentPosition(n.createElement(\"div\"))}),ja(function(a){return a.innerHTML=\"<a href=\'#\'>a>\",\"#\"===a.firstChild.getAttribute(\"href\")})||ka(\"type|href|height|width\",function(a,b,c){return c?void 0:a.getAttribute(b,\"type\"===b.toLowerCase()?1:2)}),c.attributes&&ja(function(a){return a.innerHTML=\"<input/>\",a.firstChild.setAttribute(\"value\",\"\"),\"\"===a.firstChild.getAttribute(\"value\")})||ka(\"value\",function(a,b,c){return c||\"input\"!==a.nodeName.toLowerCase()?void 0:a.defaultValue}),ja(function(a){return null==a.getAttribute(\"disabled\")})||ka(K,function(a,b,c){var d;return c?void 0:a[b]===!0?b.toLowerCase():(d=a.getAttributeNode(b))&&d.specified?d.value:null}),ga}(a);n.find=t,n.expr=t.selectors,n.expr[\":\"]=n.expr.pseudos,n.unique=t.uniqueSort,n.text=t.getText,n.isXMLDoc=t.isXML,n.contains=t.contains;var u=n.expr.match.needsContext,v=/^<(\\w+)\\s*\\/?>(?:<\\/\\1>|)$/,w=/^.[^:#\\[\\.,]*$/;function x(a,b,c){if(n.isFunction(b))return n.grep(a,function(a,d){return!!b.call(a,d,a)!==c});if(b.nodeType)return n.grep(a,function(a){return a===b!==c});if(\"string\"==typeof b){if(w.test(b))return n.filter(b,a,c);b=n.filter(b,a)}return n.grep(a,function(a){return g.call(b,a)>=0!==c})}n.filter=function(a,b,c){var d=b[0];return c&&(a=\":not(\"+a+\")\"),1===b.length&&1===d.nodeType?n.find.matchesSelector(d,a)?[d]:[]:n.find.matches(a,n.grep(b,function(a){return 1===a.nodeType}))},n.fn.extend({find:function(a){var b,c=this.length,d=[],e=this;if(\"string\"!=typeof a)return this.pushStack(n(a).filter(function(){for(b=0;c>b;b++)if(n.contains(e[b],this))return!0}));for(b=0;c>b;b++)n.find(a,e[b],d);return d=this.pushStack(c>1?n.unique(d):d),d.selector=this.selector?this.selector+\" \"+a:a,d},filter:function(a){return this.pushStack(x(this,a||[],!1))},not:function(a){return this.pushStack(x(this,a||[],!0))},is:function(a){return!!x(this,\"string\"==typeof a&&u.test(a)?n(a):a||[],!1).length}});var y,z=/^(?:\\s*(<[\\w\\W]+>)[^>]*|#([\\w-]*))$/,A=n.fn.init=function(a,b){var c,d;if(!a)return this;if(\"string\"==typeof a){if(c=\"<\"===a[0]&&\">\"===a[a.length-1]&&a.length>=3?[null,a,null]:z.exec(a),!c||!c[1]&&b)return!b||b.jquery?(b||y).find(a):this.constructor(b).find(a);if(c[1]){if(b=b instanceof n?b[0]:b,n.merge(this,n.parseHTML(c[1],b&&b.nodeType?b.ownerDocument||b:l,!0)),v.test(c[1])&&n.isPlainObject(b))for(c in b)n.isFunction(this[c])?this[c](b[c]):this.attr(c,b[c]);return this}return d=l.getElementById(c[2]),d&&d.parentNode&&(this.length=1,this[0]=d),this.context=l,this.selector=a,this}return a.nodeType?(this.context=this[0]=a,this.length=1,this):n.isFunction(a)?\"undefined\"!=typeof y.ready?y.ready(a):a(n):(void 0!==a.selector&&(this.selector=a.selector,this.context=a.context),n.makeArray(a,this))};A.prototype=n.fn,y=n(l);var B=/^(?:parents|prev(?:Until|All))/,C={children:!0,contents:!0,next:!0,prev:!0};n.extend({dir:function(a,b,c){var d=[],e=void 0!==c;while((a=a[b])&&9!==a.nodeType)if(1===a.nodeType){if(e&&n(a).is(c))break;d.push(a)}return d},sibling:function(a,b){for(var c=[];a;a=a.nextSibling)1===a.nodeType&&a!==b&&c.push(a);return c}}),n.fn.extend({has:function(a){var b=n(a,this),c=b.length;return this.filter(function(){for(var a=0;c>a;a++)if(n.contains(this,b[a]))return!0})},closest:function(a,b){for(var c,d=0,e=this.length,f=[],g=u.test(a)||\"string\"!=typeof a?n(a,b||this.context):0;e>d;d++)for(c=this[d];c&&c!==b;c=c.parentNode)if(c.nodeType<11&&(g?g.index(c)>-1:1===c.nodeType&&n.find.matchesSelector(c,a))){f.push(c);break}return this.pushStack(f.length>1?n.unique(f):f)},index:function(a){return a?\"string\"==typeof a?g.call(n(a),this[0]):g.call(this,a.jquery?a[0]:a):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(a,b){return this.pushStack(n.unique(n.merge(this.get(),n(a,b))))},addBack:function(a){return this.add(null==a?this.prevObject:this.prevObject.filter(a))}});function D(a,b){while((a=a[b])&&1!==a.nodeType);return a}n.each({parent:function(a){var b=a.parentNode;return b&&11!==b.nodeType?b:null},parents:function(a){return n.dir(a,\"parentNode\")},parentsUntil:function(a,b,c){return n.dir(a,\"parentNode\",c)},next:function(a){return D(a,\"nextSibling\")},prev:function(a){return D(a,\"previousSibling\")},nextAll:function(a){return n.dir(a,\"nextSibling\")},prevAll:function(a){return n.dir(a,\"previousSibling\")},nextUntil:function(a,b,c){return n.dir(a,\"nextSibling\",c)},prevUntil:function(a,b,c){return n.dir(a,\"previousSibling\",c)},siblings:function(a){return n.sibling((a.parentNode||{}).firstChild,a)},children:function(a){return n.sibling(a.firstChild)},contents:function(a){return a.contentDocument||n.merge([],a.childNodes)}},function(a,b){n.fn[a]=function(c,d){var e=n.map(this,b,c);return\"Until\"!==a.slice(-5)&&(d=c),d&&\"string\"==typeof d&&(e=n.filter(d,e)),this.length>1&&(C[a]||n.unique(e),B.test(a)&&e.reverse()),this.pushStack(e)}});var E=/\\S+/g,F={};function G(a){var b=F[a]={};return n.each(a.match(E)||[],function(a,c){b[c]=!0}),b}n.Callbacks=function(a){a=\"string\"==typeof a?F[a]||G(a):n.extend({},a);var b,c,d,e,f,g,h=[],i=!a.once&&[],j=function(l){for(b=a.memory&&l,c=!0,g=e||0,e=0,f=h.length,d=!0;h&&f>g;g++)if(h[g].apply(l[0],l[1])===!1&&a.stopOnFalse){b=!1;break}d=!1,h&&(i?i.length&&j(i.shift()):b?h=[]:k.disable())},k={add:function(){if(h){var c=h.length;!function g(b){n.each(b,function(b,c){var d=n.type(c);\"function\"===d?a.unique&&k.has(c)||h.push(c):c&&c.length&&\"string\"!==d&&g(c)})}(arguments),d?f=h.length:b&&(e=c,j(b))}return this},remove:function(){return h&&n.each(arguments,function(a,b){var c;while((c=n.inArray(b,h,c))>-1)h.splice(c,1),d&&(f>=c&&f--,g>=c&&g--)}),this},has:function(a){return a?n.inArray(a,h)>-1:!(!h||!h.length)},empty:function(){return h=[],f=0,this},disable:function(){return h=i=b=void 0,this},disabled:function(){return!h},lock:function(){return i=void 0,b||k.disable(),this},locked:function(){return!i},fireWith:function(a,b){return!h||c&&!i||(b=b||[],b=[a,b.slice?b.slice():b],d?i.push(b):j(b)),this},fire:function(){return k.fireWith(this,arguments),this},fired:function(){return!!c}};return k},n.extend({Deferred:function(a){var b=[[\"resolve\",\"done\",n.Callbacks(\"once memory\"),\"resolved\"],[\"reject\",\"fail\",n.Callbacks(\"once memory\"),\"rejected\"],[\"notify\",\"progress\",n.Callbacks(\"memory\")]],c=\"pending\",d={state:function(){return c},always:function(){return e.done(arguments).fail(arguments),this},then:function(){var a=arguments;return n.Deferred(function(c){n.each(b,function(b,f){var g=n.isFunction(a[b])&&a[b];e[f[1]](function(){var a=g&&g.apply(this,arguments);a&&n.isFunction(a.promise)?a.promise().done(c.resolve).fail(c.reject).progress(c.notify):c[f[0]+\"With\"](this===d?c.promise():this,g?[a]:arguments)})}),a=null}).promise()},promise:function(a){return null!=a?n.extend(a,d):d}},e={};return d.pipe=d.then,n.each(b,function(a,f){var g=f[2],h=f[3];d[f[1]]=g.add,h&&g.add(function(){c=h},b[1^a][2].disable,b[2][2].lock),e[f[0]]=function(){return e[f[0]+\"With\"](this===e?d:this,arguments),this},e[f[0]+\"With\"]=g.fireWith}),d.promise(e),a&&a.call(e,e),e},when:function(a){var b=0,c=d.call(arguments),e=c.length,f=1!==e||a&&n.isFunction(a.promise)?e:0,g=1===f?a:n.Deferred(),h=function(a,b,c){return function(e){b[a]=this,c[a]=arguments.length>1?d.call(arguments):e,c===i?g.notifyWith(b,c):--f||g.resolveWith(b,c)}},i,j,k;if(e>1)for(i=new Array(e),j=new Array(e),k=new Array(e);e>b;b++)c[b]&&n.isFunction(c[b].promise)?c[b].promise().done(h(b,k,c)).fail(g.reject).progress(h(b,j,i)):--f;return f||g.resolveWith(k,c),g.promise()}});var H;n.fn.ready=function(a){return n.ready.promise().done(a),this},n.extend({isReady:!1,readyWait:1,holdReady:function(a){a?n.readyWait++:n.ready(!0)},ready:function(a){(a===!0?--n.readyWait:n.isReady)||(n.isReady=!0,a!==!0&&--n.readyWait>0||(H.resolveWith(l,[n]),n.fn.triggerHandler&&(n(l).triggerHandler(\"ready\"),n(l).off(\"ready\"))))}});function I(){l.removeEventListener(\"DOMContentLoaded\",I,!1),a.removeEventListener(\"load\",I,!1),n.ready()}n.ready.promise=function(b){return H||(H=n.Deferred(),\"complete\"===l.readyState?setTimeout(n.ready):(l.addEventListener(\"DOMContentLoaded\",I,!1),a.addEventListener(\"load\",I,!1))),H.promise(b)},n.ready.promise();var J=n.access=function(a,b,c,d,e,f,g){var h=0,i=a.length,j=null==c;if(\"object\"===n.type(c)){e=!0;for(h in c)n.access(a,b,h,c[h],!0,f,g)}else if(void 0!==d&&(e=!0,n.isFunction(d)||(g=!0),j&&(g?(b.call(a,d),b=null):(j=b,b=function(a,b,c){return j.call(n(a),c)})),b))for(;i>h;h++)b(a[h],c,g?d:d.call(a[h],h,b(a[h],c)));return e?a:j?b.call(a):i?b(a[0],c):f};n.acceptData=function(a){return 1===a.nodeType||9===a.nodeType||!+a.nodeType};function K(){Object.defineProperty(this.cache={},0,{get:function(){return{}}}),this.expando=n.expando+K.uid++}K.uid=1,K.accepts=n.acceptData,K.prototype={key:function(a){if(!K.accepts(a))return 0;var b={},c=a[this.expando];if(!c){c=K.uid++;try{b[this.expando]={value:c},Object.defineProperties(a,b)}catch(d){b[this.expando]=c,n.extend(a,b)}}return this.cache[c]||(this.cache[c]={}),c},set:function(a,b,c){var d,e=this.key(a),f=this.cache[e];if(\"string\"==typeof b)f[b]=c;else if(n.isEmptyObject(f))n.extend(this.cache[e],b);else for(d in b)f[d]=b[d];return f},get:function(a,b){var c=this.cache[this.key(a)];return void 0===b?c:c[b]},access:function(a,b,c){var d;return void 0===b||b&&\"string\"==typeof b&&void 0===c?(d=this.get(a,b),void 0!==d?d:this.get(a,n.camelCase(b))):(this.set(a,b,c),void 0!==c?c:b)},remove:function(a,b){var c,d,e,f=this.key(a),g=this.cache[f];if(void 0===b)this.cache[f]={};else{n.isArray(b)?d=b.concat(b.map(n.camelCase)):(e=n.camelCase(b),b in g?d=[b,e]:(d=e,d=d in g?[d]:d.match(E)||[])),c=d.length;while(c--)delete g[d[c]]}},hasData:function(a){return!n.isEmptyObject(this.cache[a[this.expando]]||{})},discard:function(a){a[this.expando]&&delete this.cache[a[this.expando]]}};var L=new K,M=new K,N=/^(?:\\{[\\w\\W]*\\}|\\[[\\w\\W]*\\])$/,O=/([A-Z])/g;function P(a,b,c){var d;if(void 0===c&&1===a.nodeType)if(d=\"data-\"+b.replace(O,\"-$1\").toLowerCase(),c=a.getAttribute(d),\"string\"==typeof c){try{c=\"true\"===c?!0:\"false\"===c?!1:\"null\"===c?null:+c+\"\"===c?+c:N.test(c)?n.parseJSON(c):c}catch(e){}M.set(a,b,c)}else c=void 0;return c}n.extend({hasData:function(a){return M.hasData(a)||L.hasData(a)},data:function(a,b,c){
return M.access(a,b,c)},removeData:function(a,b){M.remove(a,b)},_data:function(a,b,c){return L.access(a,b,c)},_removeData:function(a,b){L.remove(a,b)}}),n.fn.extend({data:function(a,b){var c,d,e,f=this[0],g=f&&f.attributes;if(void 0===a){if(this.length&&(e=M.get(f),1===f.nodeType&&!L.get(f,\"hasDataAttrs\"))){c=g.length;while(c--)g[c]&&(d=g[c].name,0===d.indexOf(\"data-\")&&(d=n.camelCase(d.slice(5)),P(f,d,e[d])));L.set(f,\"hasDataAttrs\",!0)}return e}return\"object\"==typeof a?this.each(function(){M.set(this,a)}):J(this,function(b){var c,d=n.camelCase(a);if(f&&void 0===b){if(c=M.get(f,a),void 0!==c)return c;if(c=M.get(f,d),void 0!==c)return c;if(c=P(f,d,void 0),void 0!==c)return c}else this.each(function(){var c=M.get(this,d);M.set(this,d,b),-1!==a.indexOf(\"-\")&&void 0!==c&&M.set(this,a,b)})},null,b,arguments.length>1,null,!0)},removeData:function(a){return this.each(function(){M.remove(this,a)})}}),n.extend({queue:function(a,b,c){var d;return a?(b=(b||\"fx\")+\"queue\",d=L.get(a,b),c&&(!d||n.isArray(c)?d=L.access(a,b,n.makeArray(c)):d.push(c)),d||[]):void 0},dequeue:function(a,b){b=b||\"fx\";var c=n.queue(a,b),d=c.length,e=c.shift(),f=n._queueHooks(a,b),g=function(){n.dequeue(a,b)};\"inprogress\"===e&&(e=c.shift(),d--),e&&(\"fx\"===b&&c.unshift(\"inprogress\"),delete f.stop,e.call(a,g,f)),!d&&f&&f.empty.fire()},_queueHooks:function(a,b){var c=b+\"queueHooks\";return L.get(a,c)||L.access(a,c,{empty:n.Callbacks(\"once memory\").add(function(){L.remove(a,[b+\"queue\",c])})})}}),n.fn.extend({queue:function(a,b){var c=2;return\"string\"!=typeof a&&(b=a,a=\"fx\",c--),arguments.length<textarea>xtextarea>\",k.noCloneChecked=!!b.cloneNode(!0).lastChild.defaultValue}();var U=\"undefined\";k.focusinBubbles=\"onfocusin\"in a;var V=/^key/,W=/^(?:mouse|pointer|contextmenu)|click/,X=/^(?:focusinfocus|focusoutblur)$/,Y=/^([^.]*)(?:\\.(.+)|)$/;function Z(){return!0}function $(){return!1}function _(){try{return l.activeElement}catch(a){}}n.event={global:{},add:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.get(a);if(r){c.handler&&(f=c,c=f.handler,e=f.selector),c.guid||(c.guid=n.guid++),(i=r.events)||(i=r.events={}),(g=r.handle)||(g=r.handle=function(b){return typeof n!==U&&n.event.triggered!==b.type?n.event.dispatch.apply(a,arguments):void 0}),b=(b||\"\").match(E)||[\"\"],j=b.length;while(j--)h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||\"\").split(\".\").sort(),o&&(l=n.event.special[o]||{},o=(e?l.delegateType:l.bindType)||o,l=n.event.special[o]||{},k=n.extend({type:o,origType:q,data:d,handler:c,guid:c.guid,selector:e,needsContext:e&&n.expr.match.needsContext.test(e),namespace:p.join(\".\")},f),(m=i[o])||(m=i[o]=[],m.delegateCount=0,l.setup&&l.setup.call(a,d,p,g)!==!1||a.addEventListener&&a.addEventListener(o,g,!1)),l.add&&(l.add.call(a,k),k.handler.guid||(k.handler.guid=c.guid)),e?m.splice(m.delegateCount++,0,k):m.push(k),n.event.global[o]=!0)}},remove:function(a,b,c,d,e){var f,g,h,i,j,k,l,m,o,p,q,r=L.hasData(a)&&L.get(a);if(r&&(i=r.events)){b=(b||\"\").match(E)||[\"\"],j=b.length;while(j--)if(h=Y.exec(b[j])||[],o=q=h[1],p=(h[2]||\"\").split(\".\").sort(),o){l=n.event.special[o]||{},o=(d?l.delegateType:l.bindType)||o,m=i[o]||[],h=h[2]&&new RegExp(\"(^|\\\\.)\"+p.join(\"\\\\.(?:.*\\\\.|)\")+\"(\\\\.|$)\"),g=f=m.length;while(f--)k=m[f],!e&&q!==k.origType||c&&c.guid!==k.guid||h&&!h.test(k.namespace)||d&&d!==k.selector&&(\"**\"!==d||!k.selector)||(m.splice(f,1),k.selector&&m.delegateCount--,l.remove&&l.remove.call(a,k));g&&!m.length&&(l.teardown&&l.teardown.call(a,p,r.handle)!==!1||n.removeEvent(a,o,r.handle),delete i[o])}else for(o in i)n.event.remove(a,o+b[j],c,d,!0);n.isEmptyObject(i)&&(delete r.handle,L.remove(a,\"events\"))}},trigger:function(b,c,d,e){var f,g,h,i,k,m,o,p=[d||l],q=j.call(b,\"type\")?b.type:b,r=j.call(b,\"namespace\")?b.namespace.split(\".\"):[];if(g=h=d=d||l,3!==d.nodeType&&8!==d.nodeType&&!X.test(q+n.event.triggered)&&(q.indexOf(\".\")>=0&&(r=q.split(\".\"),q=r.shift(),r.sort()),k=q.indexOf(\":\")<0&&\"on\"+q,b=b[n.expando]?b:new n.Event(q,\"object\"==typeof b&&b),b.isTrigger=e?2:3,b.namespace=r.join(\".\"),b.namespace_re=b.namespace?new RegExp(\"(^|\\\\.)\"+r.join(\"\\\\.(?:.*\\\\.|)\")+\"(\\\\.|$)\"):null,b.result=void 0,b.target||(b.target=d),c=null==c?[b]:n.makeArray(c,[b]),o=n.event.special[q]||{},e||!o.trigger||o.trigger.apply(d,c)!==!1)){if(!e&&!o.noBubble&&!n.isWindow(d)){for(i=o.delegateType||q,X.test(i+q)||(g=g.parentNode);g;g=g.parentNode)p.push(g),h=g;h===(d.ownerDocument||l)&&p.push(h.defaultView||h.parentWindow||a)}f=0;while((g=p[f++])&&!b.isPropagationStopped())b.type=f>1?i:o.bindType||q,m=(L.get(g,\"events\")||{})[b.type]&&L.get(g,\"handle\"),m&&m.apply(g,c),m=k&&g[k],m&&m.apply&&n.acceptData(g)&&(b.result=m.apply(g,c),b.result===!1&&b.preventDefault());return b.type=q,e||b.isDefaultPrevented()||o._default&&o._default.apply(p.pop(),c)!==!1||!n.acceptData(d)||k&&n.isFunction(d[q])&&!n.isWindow(d)&&(h=d[k],h&&(d[k]=null),n.event.triggered=q,d[q](),n.event.triggered=void 0,h&&(d[k]=h)),b.result}},dispatch:function(a){a=n.event.fix(a);var b,c,e,f,g,h=[],i=d.call(arguments),j=(L.get(this,\"events\")||{})[a.type]||[],k=n.event.special[a.type]||{};if(i[0]=a,a.delegateTarget=this,!k.preDispatch||k.preDispatch.call(this,a)!==!1){h=n.event.handlers.call(this,a,j),b=0;while((f=h[b++])&&!a.isPropagationStopped()){a.currentTarget=f.elem,c=0;while((g=f.handlers[c++])&&!a.isImmediatePropagationStopped())(!a.namespace_re||a.namespace_re.test(g.namespace))&&(a.handleObj=g,a.data=g.data,e=((n.event.special[g.origType]||{}).handle||g.handler).apply(f.elem,i),void 0!==e&&(a.result=e)===!1&&(a.preventDefault(),a.stopPropagation()))}return k.postDispatch&&k.postDispatch.call(this,a),a.result}},handlers:function(a,b){var c,d,e,f,g=[],h=b.delegateCount,i=a.target;if(h&&i.nodeType&&(!a.button||\"click\"!==a.type))for(;i!==this;i=i.parentNode||this)if(i.disabled!==!0||\"click\"!==a.type){for(d=[],c=0;h>c;c++)f=b[c],e=f.selector+\" \",void 0===d[e]&&(d[e]=f.needsContext?n(e,this).index(i)>=0:n.find(e,this,null,[i]).length),d[e]&&d.push(f);d.length&&g.push({elem:i,handlers:d})}return h<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\\w:]+)[^>]*)\\/>/gi,ba=/<([\\w:]+)/,ca=/<|&#?\\w+;/,da=/<(?:script|style|link)/i,ea=/checked\\s*(?:[^=]|=\\s*.checked.)/i,fa=/^$|\\/(?:java|ecma)script/i,ga=/^true\\/(.*)/,ha=/^\\s*<!(?:\\[CDATA\\[|--)|(?:\\]\\]|--)>\\s*$/g,ia={option:[1,\"<select multiple=\'multiple\'>\",\"select>\"],thead:[1,\"<table>\",\"table>\"],col:[2,\"<table><colgroup>\",\"colgroup>table>\"],tr:[2,\"<table><tbody>\",\"tbody>table>\"],td:[3,\"<table><tbody><tr>\",\"tr>tbody>table>\"],_default:[0,\"\",\"\"]};ia.optgroup=ia.option,ia.tbody=ia.tfoot=ia.colgroup=ia.caption=ia.thead,ia.th=ia.td;function ja(a,b){return n.nodeName(a,\"table\")&&n.nodeName(11!==b.nodeType?b:b.firstChild,\"tr\")?a.getElementsByTagName(\"tbody\")[0]||a.appendChild(a.ownerDocument.createElement(\"tbody\")):a}function ka(a){return a.type=(null!==a.getAttribute(\"type\"))+\"/\"+a.type,a}function la(a){var b=ga.exec(a.type);return b?a.type=b[1]:a.removeAttribute(\"type\"),a}function ma(a,b){for(var c=0,d=a.length;d>c;c++)L.set(a[c],\"globalEval\",!b||L.get(b[c],\"globalEval\"))}function na(a,b){var c,d,e,f,g,h,i,j;if(1===b.nodeType){if(L.hasData(a)&&(f=L.access(a),g=L.set(b,f),j=f.events)){delete g.handle,g.events={};for(e in j)for(c=0,d=j[e].length;d>c;c++)n.event.add(b,e,j[e][c])}M.hasData(a)&&(h=M.access(a),i=n.extend({},h),M.set(b,i))}}function oa(a,b){var c=a.getElementsByTagName?a.getElementsByTagName(b||\"*\"):a.querySelectorAll?a.querySelectorAll(b||\"*\"):[];return void 0===b||b&&n.nodeName(a,b)?n.merge([a],c):c}function pa(a,b){var c=b.nodeName.toLowerCase();\"input\"===c&&T.test(a.type)?b.checked=a.checked:(\"input\"===c||\"textarea\"===c)&&(b.defaultValue=a.defaultValue)}n.extend({clone:function(a,b,c){var d,e,f,g,h=a.cloneNode(!0),i=n.contains(a.ownerDocument,a);if(!(k.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(g=oa(h),f=oa(a),d=0,e=f.length;e>d;d++)pa(f[d],g[d]);if(b)if(c)for(f=f||oa(a),g=g||oa(h),d=0,e=f.length;e>d;d++)na(f[d],g[d]);else na(a,h);return g=oa(h,\"script\"),g.length>0&&ma(g,!i&&oa(a,\"script\")),h},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k=b.createDocumentFragment(),l=[],m=0,o=a.length;o>m;m++)if(e=a[m],e||0===e)if(\"object\"===n.type(e))n.merge(l,e.nodeType?[e]:e);else if(ca.test(e)){f=f||k.appendChild(b.createElement(\"div\")),g=(ba.exec(e)||[\"\",\"\"])[1].toLowerCase(),h=ia[g]||ia._default,f.innerHTML=h[1]+e.replace(aa,\"<$1>\")+h[2],j=h[0];while(j--)f=f.lastChild;n.merge(l,f.childNodes),f=k.firstChild,f.textContent=\"\"}else l.push(b.createTextNode(e));k.textContent=\"\",m=0;while(e=l[m++])if((!d||-1===n.inArray(e,d))&&(i=n.contains(e.ownerDocument,e),f=oa(k.appendChild(e),\"script\"),i&&ma(f),c)){j=0;while(e=f[j++])fa.test(e.type||\"\")&&c.push(e)}return k},cleanData:function(a){for(var b,c,d,e,f=n.event.special,g=0;void 0!==(c=a[g]);g++){if(n.acceptData(c)&&(e=c[L.expando],e&&(b=L.cache[e]))){if(b.events)for(d in b.events)f[d]?n.event.remove(c,d):n.removeEvent(c,d,b.handle);L.cache[e]&&delete L.cache[e]}delete M.cache[c[M.expando]]}}}),n.fn.extend({text:function(a){return J(this,function(a){return void 0===a?n.text(this):this.empty().each(function(){(1===this.nodeType||11===this.nodeType||9===this.nodeType)&&(this.textContent=a)})},null,a,arguments.length)},append:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=ja(this,a);b.appendChild(a)}})},prepend:function(){return this.domManip(arguments,function(a){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var b=ja(this,a);b.insertBefore(a,b.firstChild)}})},before:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this)})},after:function(){return this.domManip(arguments,function(a){this.parentNode&&this.parentNode.insertBefore(a,this.nextSibling)})},remove:function(a,b){for(var c,d=a?n.filter(a,this):this,e=0;null!=(c=d[e]);e++)b||1!==c.nodeType||n.cleanData(oa(c)),c.parentNode&&(b&&n.contains(c.ownerDocument,c)&&ma(oa(c,\"script\")),c.parentNode.removeChild(c));return this},empty:function(){for(var a,b=0;null!=(a=this[b]);b++)1===a.nodeType&&(n.cleanData(oa(a,!1)),a.textContent=\"\");return this},clone:function(a,b){return a=null==a?!1:a,b=null==b?a:b,this.map(function(){return n.clone(this,a,b)})},html:function(a){return J(this,function(a){var b=this[0]||{},c=0,d=this.length;if(void 0===a&&1===b.nodeType)return b.innerHTML;if(\"string\"==typeof a&&!da.test(a)&&!ia[(ba.exec(a)||[\"\",\"\"])[1].toLowerCase()]){a=a.replace(aa,\"<$1>\");try{for(;d>c;c++)b=this[c]||{},1===b.nodeType&&(n.cleanData(oa(b,!1)),b.innerHTML=a);b=0}catch(e){}}b&&this.empty().append(a)},null,a,arguments.length)},replaceWith:function(){var a=arguments[0];return this.domManip(arguments,function(b){a=this.parentNode,n.cleanData(oa(this)),a&&a.replaceChild(b,this)}),a&&(a.length||a.nodeType)?this:this.remove()},detach:function(a){return this.remove(a,!0)},domManip:function(a,b){a=e.apply([],a);var c,d,f,g,h,i,j=0,l=this.length,m=this,o=l-1,p=a[0],q=n.isFunction(p);if(q||l>1&&\"string\"==typeof p&&!k.checkClone&&ea.test(p))return this.each(function(c){var d=m.eq(c);q&&(a[0]=p.call(this,c,d.html())),d.domManip(a,b)});if(l&&(c=n.buildFragment(a,this[0].ownerDocument,!1,this),d=c.firstChild,1===c.childNodes.length&&(c=d),d)){for(f=n.map(oa(c,\"script\"),ka),g=f.length;l>j;j++)h=c,j!==o&&(h=n.clone(h,!0,!0),g&&n.merge(f,oa(h,\"script\"))),b.call(this[j],h,j);if(g)for(i=f[f.length-1].ownerDocument,n.map(f,la),j=0;g>j;j++)h=f[j],fa.test(h.type||\"\")&&!L.access(h,\"globalEval\")&&n.contains(i,h)&&(h.src?n._evalUrl&&n._evalUrl(h.src):n.globalEval(h.textContent.replace(ha,\"\")))}return this}}),n.each({appendTo:\"append\",prependTo:\"prepend\",insertBefore:\"before\",insertAfter:\"after\",replaceAll:\"replaceWith\"},function(a,b){n.fn[a]=function(a){for(var c,d=[],e=n(a),g=e.length-1,h=0;g>=h;h++)c=h===g?this:this.clone(!0),n(e[h])[b](c),f.apply(d,c.get());return this.pushStack(d)}});var qa,ra={};function sa(b,c){var d,e=n(c.createElement(b)).appendTo(c.body),f=a.getDefaultComputedStyle&&(d=a.getDefaultComputedStyle(e[0]))?d.display:n.css(e[0],\"display\");return e.detach(),f}function ta(a){var b=l,c=ra[a];return c||(c=sa(a,b),\"none\"!==c&&c||(qa=(qa||n(\"<iframe frameborder=\'0\' width=\'0\' height=\'0\'/>\")).appendTo(b.documentElement),b=qa[0].contentDocument,b.write(),b.close(),c=sa(a,b),qa.detach()),ra[a]=c),c}var ua=/^margin/,va=new RegExp(\"^(\"+Q+\")(?!px)[a-z%]+$\",\"i\"),wa=function(b){return b.ownerDocument.defaultView.opener?b.ownerDocument.defaultView.getComputedStyle(b,null):a.getComputedStyle(b,null)};function xa(a,b,c){var d,e,f,g,h=a.style;return c=c||wa(a),c&&(g=c.getPropertyValue(b)||c[b]),c&&(\"\"!==g||n.contains(a.ownerDocument,a)||(g=n.style(a,b)),va.test(g)&&ua.test(b)&&(d=h.width,e=h.minWidth,f=h.maxWidth,h.minWidth=h.maxWidth=h.width=g,g=c.width,h.width=d,h.minWidth=e,h.maxWidth=f)),void 0!==g?g+\"\":g}function ya(a,b){return{get:function(){return a()?void delete this.get:(this.get=b).apply(this,arguments)}}}!function(){var b,c,d=l.documentElement,e=l.createElement(\"div\"),f=l.createElement(\"div\");if(f.style){f.style.backgroundClip=\"content-box\",f.cloneNode(!0).style.backgroundClip=\"\",k.clearCloneStyle=\"content-box\"===f.style.backgroundClip,e.style.cssText=\"border:0;width:0;height:0;top:0;left:-9999px;margin-top:1px;position:absolute\",e.appendChild(f);function g(){f.style.cssText=\"-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;margin-top:1%;top:1%;border:1px;padding:1px;width:4px;position:absolute\",f.innerHTML=\"\",d.appendChild(e);var g=a.getComputedStyle(f,null);b=\"1%\"!==g.top,c=\"4px\"===g.width,d.removeChild(e)}a.getComputedStyle&&n.extend(k,{pixelPosition:function(){return g(),b},boxSizingReliable:function(){return null==c&&g(),c},reliableMarginRight:function(){var b,c=f.appendChild(l.createElement(\"div\"));return c.style.cssText=f.style.cssText=\"-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;display:block;margin:0;border:0;padding:0\",c.style.marginRight=c.style.width=\"0\",f.style.width=\"1px\",d.appendChild(e),b=!parseFloat(a.getComputedStyle(c,null).marginRight),d.removeChild(e),f.removeChild(c),b}})}}(),n.swap=function(a,b,c,d){var e,f,g={};for(f in b)g[f]=a.style[f],a.style[f]=b[f];e=c.apply(a,d||[]);for(f in b)a.style[f]=g[f];return e};var za=/^(none|table(?!-c[ea]).+)/,Aa=new RegExp(\"^(\"+Q+\")(.*)$\",\"i\"),Ba=new RegExp(\"^([+-])=(\"+Q+\")\",\"i\"),Ca={position:\"absolute\",visibility:\"hidden\",display:\"block\"},Da={letterSpacing:\"0\",fontWeight:\"400\"},Ea=[\"Webkit\",\"O\",\"Moz\",\"ms\"];function Fa(a,b){if(b in a)return b;var c=b[0].toUpperCase()+b.slice(1),d=b,e=Ea.length;while(e--)if(b=Ea[e]+c,b in a)return b;return d}function Ga(a,b,c){var d=Aa.exec(b);return d?Math.max(0,d[1]-(c||0))+(d[2]||\"px\"):b}function Ha(a,b,c,d,e){for(var f=c===(d?\"border\":\"content\")?4:\"width\"===b?1:0,g=0;4>f;f+=2)\"margin\"===c&&(g+=n.css(a,c+R[f],!0,e)),d?(\"content\"===c&&(g-=n.css(a,\"padding\"+R[f],!0,e)),\"margin\"!==c&&(g-=n.css(a,\"border\"+R[f]+\"Width\",!0,e))):(g+=n.css(a,\"padding\"+R[f],!0,e),\"padding\"!==c&&(g+=n.css(a,\"border\"+R[f]+\"Width\",!0,e)));return g}function Ia(a,b,c){var d=!0,e=\"width\"===b?a.offsetWidth:a.offsetHeight,f=wa(a),g=\"border-box\"===n.css(a,\"boxSizing\",!1,f);if(0>=e||null==e){if(e=xa(a,b,f),(0>e||null==e)&&(e=a.style[b]),va.test(e))return e;d=g&&(k.boxSizingReliable()||e===a.style[b]),e=parseFloat(e)||0}return e+Ha(a,b,c||(g?\"border\":\"content\"),d,f)+\"px\"}function Ja(a,b){for(var c,d,e,f=[],g=0,h=a.length;h>g;g++)d=a[g],d.style&&(f[g]=L.get(d,\"olddisplay\"),c=d.style.display,b?(f[g]||\"none\"!==c||(d.style.display=\"\"),\"\"===d.style.display&&S(d)&&(f[g]=L.access(d,\"olddisplay\",ta(d.nodeName)))):(e=S(d),\"none\"===c&&e||L.set(d,\"olddisplay\",e?c:n.css(d,\"display\"))));for(g=0;h>g;g++)d=a[g],d.style&&(b&&\"none\"!==d.style.display&&\"\"!==d.style.display||(d.style.display=b?f[g]||\"\":\"none\"));return a}n.extend({cssHooks:{opacity:{get:function(a,b){if(b){var c=xa(a,\"opacity\");return\"\"===c?\"1\":c}}}},cssNumber:{columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{\"float\":\"cssFloat\"},style:function(a,b,c,d){if(a&&3!==a.nodeType&&8!==a.nodeType&&a.style){var e,f,g,h=n.camelCase(b),i=a.style;return b=n.cssProps[h]||(n.cssProps[h]=Fa(i,h)),g=n.cssHooks[b]||n.cssHooks[h],void 0===c?g&&\"get\"in g&&void 0!==(e=g.get(a,!1,d))?e:i[b]:(f=typeof c,\"string\"===f&&(e=Ba.exec(c))&&(c=(e[1]+1)*e[2]+parseFloat(n.css(a,b)),f=\"number\"),null!=c&&c===c&&(\"number\"!==f||n.cssNumber[h]||(c+=\"px\"),k.clearCloneStyle||\"\"!==c||0!==b.indexOf(\"background\")||(i[b]=\"inherit\"),g&&\"set\"in g&&void 0===(c=g.set(a,c,d))||(i[b]=c)),void 0)}},css:function(a,b,c,d){var e,f,g,h=n.camelCase(b);return b=n.cssProps[h]||(n.cssProps[h]=Fa(a.style,h)),g=n.cssHooks[b]||n.cssHooks[h],g&&\"get\"in g&&(e=g.get(a,!0,c)),void 0===e&&(e=xa(a,b,d)),\"normal\"===e&&b in Da&&(e=Da[b]),\"\"===c||c?(f=parseFloat(e),c===!0||n.isNumeric(f)?f||0:e):e}}),n.each([\"height\",\"width\"],function(a,b){n.cssHooks[b]={get:function(a,c,d){return c?za.test(n.css(a,\"display\"))&&0===a.offsetWidth?n.swap(a,Ca,function(){return Ia(a,b,d)}):Ia(a,b,d):void 0},set:function(a,c,d){var e=d&&wa(a);return Ga(a,c,d?Ha(a,b,d,\"border-box\"===n.css(a,\"boxSizing\",!1,e),e):0)}}}),n.cssHooks.marginRight=ya(k.reliableMarginRight,function(a,b){return b?n.swap(a,{display:\"inline-block\"},xa,[a,\"marginRight\"]):void 0}),n.each({margin:\"\",padding:\"\",border:\"Width\"},function(a,b){n.cssHooks[a+b]={expand:function(c){for(var d=0,e={},f=\"string\"==typeof c?c.split(\" \"):[c];4>d;d++)e[a+R[d]+b]=f[d]||f[d-2]||f[0];return e}},ua.test(a)||(n.cssHooks[a+b].set=Ga)}),n.fn.extend({css:function(a,b){return J(this,function(a,b,c){var d,e,f={},g=0;if(n.isArray(b)){for(d=wa(a),e=b.length;e>g;g++)f[b[g]]=n.css(a,b[g],!1,d);return f}return void 0!==c?n.style(a,b,c):n.css(a,b)},a,b,arguments.length>1)},show:function(){return Ja(this,!0)},hide:function(){return Ja(this)},toggle:function(a){return\"boolean\"==typeof a?a?this.show():this.hide():this.each(function(){S(this)?n(this).show():n(this).hide()})}});function Ka(a,b,c,d,e){return new Ka.prototype.init(a,b,c,d,e)}n.Tween=Ka,Ka.prototype={constructor:Ka,init:function(a,b,c,d,e,f){this.elem=a,this.prop=c,this.easing=e||\"swing\",this.options=b,this.start=this.now=this.cur(),this.end=d,this.unit=f||(n.cssNumber[c]?\"\":\"px\")},cur:function(){var a=Ka.propHooks[this.prop];return a&&a.get?a.get(this):Ka.propHooks._default.get(this)},run:function(a){var b,c=Ka.propHooks[this.prop];return this.options.duration?this.pos=b=n.easing[this.easing](a,this.options.duration*a,0,1,this.options.duration):this.pos=b=a,this.now=(this.end-this.start)*b+this.start,this.options.step&&this.options.step.call(this.elem,this.now,this),c&&c.set?c.set(this):Ka.propHooks._default.set(this),this}},Ka.prototype.init.prototype=Ka.prototype,Ka.propHooks={_default:{get:function(a){var b;return null==a.elem[a.prop]||a.elem.style&&null!=a.elem.style[a.prop]?(b=n.css(a.elem,a.prop,\"\"),b&&\"auto\"!==b?b:0):a.elem[a.prop]},set:function(a){n.fx.step[a.prop]?n.fx.step[a.prop](a):a.elem.style&&(null!=a.elem.style[n.cssProps[a.prop]]||n.cssHooks[a.prop])?n.style(a.elem,a.prop,a.now+a.unit):a.elem[a.prop]=a.now}}},Ka.propHooks.scrollTop=Ka.propHooks.scrollLeft={set:function(a){a.elem.nodeType&&a.elem.parentNode&&(a.elem[a.prop]=a.now)}},n.easing={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2}},n.fx=Ka.prototype.init,n.fx.step={};var La,Ma,Na=/^(?:toggle|show|hide)$/,Oa=new RegExp(\"^(?:([+-])=|)(\"+Q+\")([a-z%]*)$\",\"i\"),Pa=/queueHooks$/,Qa=[Va],Ra={\"*\":[function(a,b){var c=this.createTween(a,b),d=c.cur(),e=Oa.exec(b),f=e&&e[3]||(n.cssNumber[a]?\"\":\"px\"),g=(n.cssNumber[a]||\"px\"!==f&&+d)&&Oa.exec(n.css(c.elem,a)),h=1,i=20;if(g&&g[3]!==f){f=f||g[3],e=e||[],g=+d||1;do h=h||\".5\",g/=h,n.style(c.elem,a,g+f);while(h!==(h=c.cur()/d)&&1!==h&&--i)}return e&&(g=c.start=+g||+d||0,c.unit=f,c.end=e[1]?g+(e[1]+1)*e[2]:+e[2]),c}]};function Sa(){return setTimeout(function(){La=void 0}),La=n.now()}function Ta(a,b){var c,d=0,e={height:a};for(b=b?1:0;4>d;d+=2-b)c=R[d],e[\"margin\"+c]=e[\"padding\"+c]=a;return b&&(e.opacity=e.width=a),e}function Ua(a,b,c){for(var d,e=(Ra[b]||[]).concat(Ra[\"*\"]),f=0,g=e.length;g>f;f++)if(d=e[f].call(c,b,a))return d}function Va(a,b,c){var d,e,f,g,h,i,j,k,l=this,m={},o=a.style,p=a.nodeType&&S(a),q=L.get(a,\"fxshow\");c.queue||(h=n._queueHooks(a,\"fx\"),null==h.unqueued&&(h.unqueued=0,i=h.empty.fire,h.empty.fire=function(){h.unqueued||i()}),h.unqueued++,l.always(function(){l.always(function(){h.unqueued--,n.queue(a,\"fx\").length||h.empty.fire()})})),1===a.nodeType&&(\"height\"in b||\"width\"in b)&&(c.overflow=[o.overflow,o.overflowX,o.overflowY],j=n.css(a,\"display\"),k=\"none\"===j?L.get(a,\"olddisplay\")||ta(a.nodeName):j,\"inline\"===k&&\"none\"===n.css(a,\"float\")&&(o.display=\"inline-block\")),c.overflow&&(o.overflow=\"hidden\",l.always(function(){o.overflow=c.overflow[0],o.overflowX=c.overflow[1],o.overflowY=c.overflow[2]}));for(d in b)if(e=b[d],Na.exec(e)){if(delete b[d],f=f||\"toggle\"===e,e===(p?\"hide\":\"show\")){if(\"show\"!==e||!q||void 0===q[d])continue;p=!0}m[d]=q&&q[d]||n.style(a,d)}else j=void 0;if(n.isEmptyObject(m))\"inline\"===(\"none\"===j?ta(a.nodeName):j)&&(o.display=j);else{q?\"hidden\"in q&&(p=q.hidden):q=L.access(a,\"fxshow\",{}),f&&(q.hidden=!p),p?n(a).show():l.done(function(){n(a).hide()}),l.done(function(){var b;L.remove(a,\"fxshow\");for(b in m)n.style(a,b,m[b])});for(d in m)g=Ua(p?q[d]:0,d,l),d in q||(q[d]=g.start,p&&(g.end=g.start,g.start=\"width\"===d||\"height\"===d?1:0))}}function Wa(a,b){var c,d,e,f,g;for(c in a)if(d=n.camelCase(c),e=b[d],f=a[c],n.isArray(f)&&(e=f[1],f=a[c]=f[0]),c!==d&&(a[d]=f,delete a[c]),g=n.cssHooks[d],g&&\"expand\"in g){f=g.expand(f),delete a[d];for(c in f)c in a||(a[c]=f[c],b[c]=e)}else b[d]=e}function Xa(a,b,c){var d,e,f=0,g=Qa.length,h=n.Deferred().always(function(){delete i.elem}),i=function(){if(e)return!1;for(var b=La||Sa(),c=Math.max(0,j.startTime+j.duration-b),d=c/j.duration||0,f=1-d,g=0,i=j.tweens.length;i>g;g++)j.tweens[g].run(f);return h.notifyWith(a,[j,f,c]),1>f&&i?c:(h.resolveWith(a,[j]),!1)},j=h.promise({elem:a,props:n.extend({},b),opts:n.extend(!0,{specialEasing:{}},c),originalProperties:b,originalOptions:c,startTime:La||Sa(),duration:c.duration,tweens:[],createTween:function(b,c){var d=n.Tween(a,j.opts,b,c,j.opts.specialEasing[b]||j.opts.easing);return j.tweens.push(d),d},stop:function(b){var c=0,d=b?j.tweens.length:0;if(e)return this;for(e=!0;d>c;c++)j.tweens[c].run(1);return b?h.resolveWith(a,[j,b]):h.rejectWith(a,[j,b]),this}}),k=j.props;for(Wa(k,j.opts.specialEasing);g>f;f++)if(d=Qa[f].call(j,a,k,j.opts))return d;return n.map(k,Ua,j),n.isFunction(j.opts.start)&&j.opts.start.call(a,j),n.fx.timer(n.extend(i,{elem:a,anim:j,queue:j.opts.queue})),j.progress(j.opts.progress).done(j.opts.done,j.opts.complete).fail(j.opts.fail).always(j.opts.always)}n.Animation=n.extend(Xa,{tweener:function(a,b){n.isFunction(a)?(b=a,a=[\"*\"]):a=a.split(\" \");for(var c,d=0,e=a.length;e>d;d++)c=a[d],Ra[c]=Ra[c]||[],Ra[c].unshift(b)},prefilter:function(a,b){b?Qa.unshift(a):Qa.push(a)}}),n.speed=function(a,b,c){var d=a&&\"object\"==typeof a?n.extend({},a):{complete:c||!c&&b||n.isFunction(a)&&a,duration:a,easing:c&&b||b&&!n.isFunction(b)&&b};return d.duration=n.fx.off?0:\"number\"==typeof d.duration?d.duration:d.duration in n.fx.speeds?n.fx.speeds[d.duration]:n.fx.speeds._default,(null==d.queue||d.queue===!0)&&(d.queue=\"fx\"),d.old=d.complete,d.complete=function(){n.isFunction(d.old)&&d.old.call(this),d.queue&&n.dequeue(this,d.queue)},d},n.fn.extend({fadeTo:function(a,b,c,d){return this.filter(S).css(\"opacity\",0).show().end().animate({opacity:b},a,c,d)},animate:function(a,b,c,d){var e=n.isEmptyObject(a),f=n.speed(b,c,d),g=function(){var b=Xa(this,n.extend({},a),f);(e||L.get(this,\"finish\"))&&b.stop(!0)};return g.finish=g,e||f.queue===!1?this.each(g):this.queue(f.queue,g)},stop:function(a,b,c){var d=function(a){var b=a.stop;delete a.stop,b(c)};return\"string\"!=typeof a&&(c=b,b=a,a=void 0),b&&a!==!1&&this.queue(a||\"fx\",[]),this.each(function(){var b=!0,e=null!=a&&a+\"queueHooks\",f=n.timers,g=L.get(this);if(e)g[e]&&g[e].stop&&d(g[e]);else for(e in g)g[e]&&g[e].stop&&Pa.test(e)&&d(g[e]);for(e=f.length;e--;)f[e].elem!==this||null!=a&&f[e].queue!==a||(f[e].anim.stop(c),b=!1,f.splice(e,1));(b||!c)&&n.dequeue(this,a)})},finish:function(a){return a!==!1&&(a=a||\"fx\"),this.each(function(){var b,c=L.get(this),d=c[a+\"queue\"],e=c[a+\"queueHooks\"],f=n.timers,g=d?d.length:0;for(c.finish=!0,n.queue(this,a,[]),e&&e.stop&&e.stop.call(this,!0),b=f.length;b--;)f[b].elem===this&&f[b].queue===a&&(f[b].anim.stop(!0),f.splice(b,1));for(b=0;g>b;b++)d[b]&&d[b].finish&&d[b].finish.call(this);delete c.finish})}}),n.each([\"toggle\",\"show\",\"hide\"],function(a,b){var c=n.fn[b];n.fn[b]=function(a,d,e){return null==a||\"boolean\"==typeof a?c.apply(this,arguments):this.animate(Ta(b,!0),a,d,e)}}),n.each({slideDown:Ta(\"show\"),slideUp:Ta(\"hide\"),slideToggle:Ta(\"toggle\"),fadeIn:{opacity:\"show\"},fadeOut:{opacity:\"hide\"},fadeToggle:{opacity:\"toggle\"}},function(a,b){n.fn[a]=function(a,c,d){return this.animate(b,a,c,d)}}),n.timers=[],n.fx.tick=function(){var a,b=0,c=n.timers;for(La=n.now();b1)},removeAttr:function(a){return this.each(function(){n.removeAttr(this,a)})}}),n.extend({attr:function(a,b,c){var d,e,f=a.nodeType;if(a&&3!==f&&8!==f&&2!==f)return typeof a.getAttribute===U?n.prop(a,b,c):(1===f&&n.isXMLDoc(a)||(b=b.toLowerCase(),d=n.attrHooks[b]||(n.expr.match.bool.test(b)?Za:Ya)),
void 0===c?d&&\"get\"in d&&null!==(e=d.get(a,b))?e:(e=n.find.attr(a,b),null==e?void 0:e):null!==c?d&&\"set\"in d&&void 0!==(e=d.set(a,c,b))?e:(a.setAttribute(b,c+\"\"),c):void n.removeAttr(a,b))},removeAttr:function(a,b){var c,d,e=0,f=b&&b.match(E);if(f&&1===a.nodeType)while(c=f[e++])d=n.propFix[c]||c,n.expr.match.bool.test(c)&&(a[d]=!1),a.removeAttribute(c)},attrHooks:{type:{set:function(a,b){if(!k.radioValue&&\"radio\"===b&&n.nodeName(a,\"input\")){var c=a.value;return a.setAttribute(\"type\",b),c&&(a.value=c),b}}}}}),Za={set:function(a,b,c){return b===!1?n.removeAttr(a,c):a.setAttribute(c,c),c}},n.each(n.expr.match.bool.source.match(/\\w+/g),function(a,b){var c=$a[b]||n.find.attr;$a[b]=function(a,b,d){var e,f;return d||(f=$a[b],$a[b]=e,e=null!=c(a,b,d)?b.toLowerCase():null,$a[b]=f),e}});var _a=/^(?:input|select|textarea|button)$/i;n.fn.extend({prop:function(a,b){return J(this,n.prop,a,b,arguments.length>1)},removeProp:function(a){return this.each(function(){delete this[n.propFix[a]||a]})}}),n.extend({propFix:{\"for\":\"htmlFor\",\"class\":\"className\"},prop:function(a,b,c){var d,e,f,g=a.nodeType;if(a&&3!==g&&8!==g&&2!==g)return f=1!==g||!n.isXMLDoc(a),f&&(b=n.propFix[b]||b,e=n.propHooks[b]),void 0!==c?e&&\"set\"in e&&void 0!==(d=e.set(a,c,b))?d:a[b]=c:e&&\"get\"in e&&null!==(d=e.get(a,b))?d:a[b]},propHooks:{tabIndex:{get:function(a){return a.hasAttribute(\"tabindex\")||_a.test(a.nodeName)||a.href?a.tabIndex:-1}}}}),k.optSelected||(n.propHooks.selected={get:function(a){var b=a.parentNode;return b&&b.parentNode&&b.parentNode.selectedIndex,null}}),n.each([\"tabIndex\",\"readOnly\",\"maxLength\",\"cellSpacing\",\"cellPadding\",\"rowSpan\",\"colSpan\",\"useMap\",\"frameBorder\",\"contentEditable\"],function(){n.propFix[this.toLowerCase()]=this});var ab=/[\\t\\r\\n\\f]/g;n.fn.extend({addClass:function(a){var b,c,d,e,f,g,h=\"string\"==typeof a&&a,i=0,j=this.length;if(n.isFunction(a))return this.each(function(b){n(this).addClass(a.call(this,b,this.className))});if(h)for(b=(a||\"\").match(E)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(\" \"+c.className+\" \").replace(ab,\" \"):\" \")){f=0;while(e=b[f++])d.indexOf(\" \"+e+\" \")<0&&(d+=e+\" \");g=n.trim(d),c.className!==g&&(c.className=g)}return this},removeClass:function(a){var b,c,d,e,f,g,h=0===arguments.length||\"string\"==typeof a&&a,i=0,j=this.length;if(n.isFunction(a))return this.each(function(b){n(this).removeClass(a.call(this,b,this.className))});if(h)for(b=(a||\"\").match(E)||[];j>i;i++)if(c=this[i],d=1===c.nodeType&&(c.className?(\" \"+c.className+\" \").replace(ab,\" \"):\"\")){f=0;while(e=b[f++])while(d.indexOf(\" \"+e+\" \")>=0)d=d.replace(\" \"+e+\" \",\" \");g=a?n.trim(d):\"\",c.className!==g&&(c.className=g)}return this},toggleClass:function(a,b){var c=typeof a;return\"boolean\"==typeof b&&\"string\"===c?b?this.addClass(a):this.removeClass(a):this.each(n.isFunction(a)?function(c){n(this).toggleClass(a.call(this,c,this.className,b),b)}:function(){if(\"string\"===c){var b,d=0,e=n(this),f=a.match(E)||[];while(b=f[d++])e.hasClass(b)?e.removeClass(b):e.addClass(b)}else(c===U||\"boolean\"===c)&&(this.className&&L.set(this,\"__className__\",this.className),this.className=this.className||a===!1?\"\":L.get(this,\"__className__\")||\"\")})},hasClass:function(a){for(var b=\" \"+a+\" \",c=0,d=this.length;d>c;c++)if(1===this[c].nodeType&&(\" \"+this[c].className+\" \").replace(ab,\" \").indexOf(b)>=0)return!0;return!1}});var bb=/\\r/g;n.fn.extend({val:function(a){var b,c,d,e=this[0];{if(arguments.length)return d=n.isFunction(a),this.each(function(c){var e;1===this.nodeType&&(e=d?a.call(this,c,n(this).val()):a,null==e?e=\"\":\"number\"==typeof e?e+=\"\":n.isArray(e)&&(e=n.map(e,function(a){return null==a?\"\":a+\"\"})),b=n.valHooks[this.type]||n.valHooks[this.nodeName.toLowerCase()],b&&\"set\"in b&&void 0!==b.set(this,e,\"value\")||(this.value=e))});if(e)return b=n.valHooks[e.type]||n.valHooks[e.nodeName.toLowerCase()],b&&\"get\"in b&&void 0!==(c=b.get(e,\"value\"))?c:(c=e.value,\"string\"==typeof c?c.replace(bb,\"\"):null==c?\"\":c)}}}),n.extend({valHooks:{option:{get:function(a){var b=n.find.attr(a,\"value\");return null!=b?b:n.trim(n.text(a))}},select:{get:function(a){for(var b,c,d=a.options,e=a.selectedIndex,f=\"select-one\"===a.type||0>e,g=f?null:[],h=f?e+1:d.length,i=0>e?h:f?e:0;h>i;i++)if(c=d[i],!(!c.selected&&i!==e||(k.optDisabled?c.disabled:null!==c.getAttribute(\"disabled\"))||c.parentNode.disabled&&n.nodeName(c.parentNode,\"optgroup\"))){if(b=n(c).val(),f)return b;g.push(b)}return g},set:function(a,b){var c,d,e=a.options,f=n.makeArray(b),g=e.length;while(g--)d=e[g],(d.selected=n.inArray(d.value,f)>=0)&&(c=!0);return c||(a.selectedIndex=-1),f}}}}),n.each([\"radio\",\"checkbox\"],function(){n.valHooks[this]={set:function(a,b){return n.isArray(b)?a.checked=n.inArray(n(a).val(),b)>=0:void 0}},k.checkOn||(n.valHooks[this].get=function(a){return null===a.getAttribute(\"value\")?\"on\":a.value})}),n.each(\"blur focus focusin focusout load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup error contextmenu\".split(\" \"),function(a,b){n.fn[b]=function(a,c){return arguments.length>0?this.on(b,null,a,c):this.trigger(b)}}),n.fn.extend({hover:function(a,b){return this.mouseenter(a).mouseleave(b||a)},bind:function(a,b,c){return this.on(a,null,b,c)},unbind:function(a,b){return this.off(a,null,b)},delegate:function(a,b,c,d){return this.on(b,a,c,d)},undelegate:function(a,b,c){return 1===arguments.length?this.off(a,\"**\"):this.off(b,a||\"**\",c)}});var cb=n.now(),db=/\\?/;n.parseJSON=function(a){return JSON.parse(a+\"\")},n.parseXML=function(a){var b,c;if(!a||\"string\"!=typeof a)return null;try{c=new DOMParser,b=c.parseFromString(a,\"text/xml\")}catch(d){b=void 0}return(!b||b.getElementsByTagName(\"parsererror\").length)&&n.error(\"Invalid XML: \"+a),b};var eb=/#.*$/,fb=/([?&])_=[^&]*/,gb=/^(.*?):[ \\t]*([^\\r\\n]*)$/gm,hb=/^(?:about|app|app-storage|.+-extension|file|res|widget):$/,ib=/^(?:GET|HEAD)$/,jb=/^\\/\\//,kb=/^([\\w.+-]+:)(?:\\/\\/(?:[^\\/?#]*@|)([^\\/?#:]*)(?::(\\d+)|)|)/,lb={},mb={},nb=\"*/\".concat(\"*\"),ob=a.location.href,pb=kb.exec(ob.toLowerCase())||[];function qb(a){return function(b,c){\"string\"!=typeof b&&(c=b,b=\"*\");var d,e=0,f=b.toLowerCase().match(E)||[];if(n.isFunction(c))while(d=f[e++])\"+\"===d[0]?(d=d.slice(1)||\"*\",(a[d]=a[d]||[]).unshift(c)):(a[d]=a[d]||[]).push(c)}}function rb(a,b,c,d){var e={},f=a===mb;function g(h){var i;return e[h]=!0,n.each(a[h]||[],function(a,h){var j=h(b,c,d);return\"string\"!=typeof j||f||e[j]?f?!(i=j):void 0:(b.dataTypes.unshift(j),g(j),!1)}),i}return g(b.dataTypes[0])||!e[\"*\"]&&g(\"*\")}function sb(a,b){var c,d,e=n.ajaxSettings.flatOptions||{};for(c in b)void 0!==b[c]&&((e[c]?a:d||(d={}))[c]=b[c]);return d&&n.extend(!0,a,d),a}function tb(a,b,c){var d,e,f,g,h=a.contents,i=a.dataTypes;while(\"*\"===i[0])i.shift(),void 0===d&&(d=a.mimeType||b.getResponseHeader(\"Content-Type\"));if(d)for(e in h)if(h[e]&&h[e].test(d)){i.unshift(e);break}if(i[0]in c)f=i[0];else{for(e in c){if(!i[0]||a.converters[e+\" \"+i[0]]){f=e;break}g||(g=e)}f=f||g}return f?(f!==i[0]&&i.unshift(f),c[f]):void 0}function ub(a,b,c,d){var e,f,g,h,i,j={},k=a.dataTypes.slice();if(k[1])for(g in a.converters)j[g.toLowerCase()]=a.converters[g];f=k.shift();while(f)if(a.responseFields[f]&&(c[a.responseFields[f]]=b),!i&&d&&a.dataFilter&&(b=a.dataFilter(b,a.dataType)),i=f,f=k.shift())if(\"*\"===f)f=i;else if(\"*\"!==i&&i!==f){if(g=j[i+\" \"+f]||j[\"* \"+f],!g)for(e in j)if(h=e.split(\" \"),h[1]===f&&(g=j[i+\" \"+h[0]]||j[\"* \"+h[0]])){g===!0?g=j[e]:j[e]!==!0&&(f=h[0],k.unshift(h[1]));break}if(g!==!0)if(g&&a[\"throws\"])b=g(b);else try{b=g(b)}catch(l){return{state:\"parsererror\",error:g?l:\"No conversion from \"+i+\" to \"+f}}}return{state:\"success\",data:b}}n.extend({active:0,lastModified:{},etag:{},ajaxSettings:{url:ob,type:\"GET\",isLocal:hb.test(pb[1]),global:!0,processData:!0,async:!0,contentType:\"application/x-www-form-urlencoded; charset=UTF-8\",accepts:{\"*\":nb,text:\"text/plain\",html:\"text/html\",xml:\"application/xml, text/xml\",json:\"application/json, text/javascript\"},contents:{xml:/xml/,html:/html/,json:/json/},responseFields:{xml:\"responseXML\",text:\"responseText\",json:\"responseJSON\"},converters:{\"* text\":String,\"text html\":!0,\"text json\":n.parseJSON,\"text xml\":n.parseXML},flatOptions:{url:!0,context:!0}},ajaxSetup:function(a,b){return b?sb(sb(a,n.ajaxSettings),b):sb(n.ajaxSettings,a)},ajaxPrefilter:qb(lb),ajaxTransport:qb(mb),ajax:function(a,b){\"object\"==typeof a&&(b=a,a=void 0),b=b||{};var c,d,e,f,g,h,i,j,k=n.ajaxSetup({},b),l=k.context||k,m=k.context&&(l.nodeType||l.jquery)?n(l):n.event,o=n.Deferred(),p=n.Callbacks(\"once memory\"),q=k.statusCode||{},r={},s={},t=0,u=\"canceled\",v={readyState:0,getResponseHeader:function(a){var b;if(2===t){if(!f){f={};while(b=gb.exec(e))f[b[1].toLowerCase()]=b[2]}b=f[a.toLowerCase()]}return null==b?null:b},getAllResponseHeaders:function(){return 2===t?e:null},setRequestHeader:function(a,b){var c=a.toLowerCase();return t||(a=s[c]=s[c]||a,r[a]=b),this},overrideMimeType:function(a){return t||(k.mimeType=a),this},statusCode:function(a){var b;if(a)if(2>t)for(b in a)q[b]=[q[b],a[b]];else v.always(a[v.status]);return this},abort:function(a){var b=a||u;return c&&c.abort(b),x(0,b),this}};if(o.promise(v).complete=p.add,v.success=v.done,v.error=v.fail,k.url=((a||k.url||ob)+\"\").replace(eb,\"\").replace(jb,pb[1]+\"//\"),k.type=b.method||b.type||k.method||k.type,k.dataTypes=n.trim(k.dataType||\"*\").toLowerCase().match(E)||[\"\"],null==k.crossDomain&&(h=kb.exec(k.url.toLowerCase()),k.crossDomain=!(!h||h[1]===pb[1]&&h[2]===pb[2]&&(h[3]||(\"http:\"===h[1]?\"80\":\"443\"))===(pb[3]||(\"http:\"===pb[1]?\"80\":\"443\")))),k.data&&k.processData&&\"string\"!=typeof k.data&&(k.data=n.param(k.data,k.traditional)),rb(lb,k,b,v),2===t)return v;i=n.event&&k.global,i&&0===n.active++&&n.event.trigger(\"ajaxStart\"),k.type=k.type.toUpperCase(),k.hasContent=!ib.test(k.type),d=k.url,k.hasContent||(k.data&&(d=k.url+=(db.test(d)?\"&\":\"?\")+k.data,delete k.data),k.cache===!1&&(k.url=fb.test(d)?d.replace(fb,\"$1_=\"+cb++):d+(db.test(d)?\"&\":\"?\")+\"_=\"+cb++)),k.ifModified&&(n.lastModified[d]&&v.setRequestHeader(\"If-Modified-Since\",n.lastModified[d]),n.etag[d]&&v.setRequestHeader(\"If-None-Match\",n.etag[d])),(k.data&&k.hasContent&&k.contentType!==!1||b.contentType)&&v.setRequestHeader(\"Content-Type\",k.contentType),v.setRequestHeader(\"Accept\",k.dataTypes[0]&&k.accepts[k.dataTypes[0]]?k.accepts[k.dataTypes[0]]+(\"*\"!==k.dataTypes[0]?\", \"+nb+\"; q=0.01\":\"\"):k.accepts[\"*\"]);for(j in k.headers)v.setRequestHeader(j,k.headers[j]);if(k.beforeSend&&(k.beforeSend.call(l,v,k)===!1||2===t))return v.abort();u=\"abort\";for(j in{success:1,error:1,complete:1})v[j](k[j]);if(c=rb(mb,k,b,v)){v.readyState=1,i&&m.trigger(\"ajaxSend\",[v,k]),k.async&&k.timeout>0&&(g=setTimeout(function(){v.abort(\"timeout\")},k.timeout));try{t=1,c.send(r,x)}catch(w){if(!(2>t))throw w;x(-1,w)}}else x(-1,\"No Transport\");function x(a,b,f,h){var j,r,s,u,w,x=b;2!==t&&(t=2,g&&clearTimeout(g),c=void 0,e=h||\"\",v.readyState=a>0?4:0,j=a>=200&&300>a||304===a,f&&(u=tb(k,v,f)),u=ub(k,u,v,j),j?(k.ifModified&&(w=v.getResponseHeader(\"Last-Modified\"),w&&(n.lastModified[d]=w),w=v.getResponseHeader(\"etag\"),w&&(n.etag[d]=w)),204===a||\"HEAD\"===k.type?x=\"nocontent\":304===a?x=\"notmodified\":(x=u.state,r=u.data,s=u.error,j=!s)):(s=x,(a||!x)&&(x=\"error\",0>a&&(a=0))),v.status=a,v.statusText=(b||x)+\"\",j?o.resolveWith(l,[r,x,v]):o.rejectWith(l,[v,x,s]),v.statusCode(q),q=void 0,i&&m.trigger(j?\"ajaxSuccess\":\"ajaxError\",[v,k,j?r:s]),p.fireWith(l,[v,x]),i&&(m.trigger(\"ajaxComplete\",[v,k]),--n.active||n.event.trigger(\"ajaxStop\")))}return v},getJSON:function(a,b,c){return n.get(a,b,c,\"json\")},getScript:function(a,b){return n.get(a,void 0,b,\"script\")}}),n.each([\"get\",\"post\"],function(a,b){n[b]=function(a,c,d,e){return n.isFunction(c)&&(e=e||d,d=c,c=void 0),n.ajax({url:a,type:b,dataType:e,data:c,success:d})}}),n._evalUrl=function(a){return n.ajax({url:a,type:\"GET\",dataType:\"script\",async:!1,global:!1,\"throws\":!0})},n.fn.extend({wrapAll:function(a){var b;return n.isFunction(a)?this.each(function(b){n(this).wrapAll(a.call(this,b))}):(this[0]&&(b=n(a,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&b.insertBefore(this[0]),b.map(function(){var a=this;while(a.firstElementChild)a=a.firstElementChild;return a}).append(this)),this)},wrapInner:function(a){return this.each(n.isFunction(a)?function(b){n(this).wrapInner(a.call(this,b))}:function(){var b=n(this),c=b.contents();c.length?c.wrapAll(a):b.append(a)})},wrap:function(a){var b=n.isFunction(a);return this.each(function(c){n(this).wrapAll(b?a.call(this,c):a)})},unwrap:function(){return this.parent().each(function(){n.nodeName(this,\"body\")||n(this).replaceWith(this.childNodes)}).end()}}),n.expr.filters.hidden=function(a){return a.offsetWidth<=0&&a.offsetHeight<=0},n.expr.filters.visible=function(a){return!n.expr.filters.hidden(a)};var vb=/%20/g,wb=/\\[\\]$/,xb=/\\r?\\n/g,yb=/^(?:submit|button|image|reset|file)$/i,zb=/^(?:input|select|textarea|keygen)/i;function Ab(a,b,c,d){var e;if(n.isArray(b))n.each(b,function(b,e){c||wb.test(a)?d(a,e):Ab(a+\"[\"+(\"object\"==typeof e?b:\"\")+\"]\",e,c,d)});else if(c||\"object\"!==n.type(b))d(a,b);else for(e in b)Ab(a+\"[\"+e+\"]\",b[e],c,d)}n.param=function(a,b){var c,d=[],e=function(a,b){b=n.isFunction(b)?b():null==b?\"\":b,d[d.length]=encodeURIComponent(a)+\"=\"+encodeURIComponent(b)};if(void 0===b&&(b=n.ajaxSettings&&n.ajaxSettings.traditional),n.isArray(a)||a.jquery&&!n.isPlainObject(a))n.each(a,function(){e(this.name,this.value)});else for(c in a)Ab(c,a[c],b,e);return d.join(\"&\").replace(vb,\"+\")},n.fn.extend({serialize:function(){return n.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var a=n.prop(this,\"elements\");return a?n.makeArray(a):this}).filter(function(){var a=this.type;return this.name&&!n(this).is(\":disabled\")&&zb.test(this.nodeName)&&!yb.test(a)&&(this.checked||!T.test(a))}).map(function(a,b){var c=n(this).val();return null==c?null:n.isArray(c)?n.map(c,function(a){return{name:b.name,value:a.replace(xb,\"\\r\\n\")}}):{name:b.name,value:c.replace(xb,\"\\r\\n\")}}).get()}}),n.ajaxSettings.xhr=function(){try{return new XMLHttpRequest}catch(a){}};var Bb=0,Cb={},Db={0:200,1223:204},Eb=n.ajaxSettings.xhr();a.attachEvent&&a.attachEvent(\"onunload\",function(){for(var a in Cb)Cb[a]()}),k.cors=!!Eb&&\"withCredentials\"in Eb,k.ajax=Eb=!!Eb,n.ajaxTransport(function(a){var b;return k.cors||Eb&&!a.crossDomain?{send:function(c,d){var e,f=a.xhr(),g=++Bb;if(f.open(a.type,a.url,a.async,a.username,a.password),a.xhrFields)for(e in a.xhrFields)f[e]=a.xhrFields[e];a.mimeType&&f.overrideMimeType&&f.overrideMimeType(a.mimeType),a.crossDomain||c[\"X-Requested-With\"]||(c[\"X-Requested-With\"]=\"XMLHttpRequest\");for(e in c)f.setRequestHeader(e,c[e]);b=function(a){return function(){b&&(delete Cb[g],b=f.οnlοad=f.οnerrοr=null,\"abort\"===a?f.abort():\"error\"===a?d(f.status,f.statusText):d(Db[f.status]||f.status,f.statusText,\"string\"==typeof f.responseText?{text:f.responseText}:void 0,f.getAllResponseHeaders()))}},f.οnlοad=b(),f.οnerrοr=b(\"error\"),b=Cb[g]=b(\"abort\");try{f.send(a.hasContent&&a.data||null)}catch(h){if(b)throw h}},abort:function(){b&&b()}}:void 0}),n.ajaxSetup({accepts:{script:\"text/javascript, application/javascript, application/ecmascript, application/x-ecmascript\"},contents:{script:/(?:java|ecma)script/},converters:{\"text script\":function(a){return n.globalEval(a),a}}}),n.ajaxPrefilter(\"script\",function(a){void 0===a.cache&&(a.cache=!1),a.crossDomain&&(a.type=\"GET\")}),n.ajaxTransport(\"script\",function(a){if(a.crossDomain){var b,c;return{send:function(d,e){b=n(\"<script>\").prop({async:!0,charset:a.scriptCharset,src:a.url}).on(\"load error\",c=function(a){b.remove(),c=null,a&&e(\"error\"===a.type?404:200,a.type)}),l.head.appendChild(b[0])},abort:function(){c&&c()}}}});var Fb=[],Gb=/(=)\\?(?=&|$)|\\?\\?/;n.ajaxSetup({jsonp:\"callback\",jsonpCallback:function(){var a=Fb.pop()||n.expando+\"_\"+cb++;return this[a]=!0,a}}),n.ajaxPrefilter(\"json jsonp\",function(b,c,d){var e,f,g,h=b.jsonp!==!1&&(Gb.test(b.url)?\"url\":\"string\"==typeof b.data&&!(b.contentType||\"\").indexOf(\"application/x-www-form-urlencoded\")&&Gb.test(b.data)&&\"data\");return h||\"jsonp\"===b.dataTypes[0]?(e=b.jsonpCallback=n.isFunction(b.jsonpCallback)?b.jsonpCallback():b.jsonpCallback,h?b[h]=b[h].replace(Gb,\"$1\"+e):b.jsonp!==!1&&(b.url+=(db.test(b.url)?\"&\":\"?\")+b.jsonp+\"=\"+e),b.converters[\"script json\"]=function(){return g||n.error(e+\" was not called\"),g[0]},b.dataTypes[0]=\"json\",f=a[e],a[e]=function(){g=arguments},d.always(function(){a[e]=f,b[e]&&(b.jsonpCallback=c.jsonpCallback,Fb.push(e)),g&&n.isFunction(f)&&f(g[0]),g=f=void 0}),\"script\"):void 0}),n.parseHTML=function(a,b,c){if(!a||\"string\"!=typeof a)return null;\"boolean\"==typeof b&&(c=b,b=!1),b=b||l;var d=v.exec(a),e=!c&&[];return d?[b.createElement(d[1])]:(d=n.buildFragment([a],b,e),e&&e.length&&n(e).remove(),n.merge([],d.childNodes))};var Hb=n.fn.load;n.fn.load=function(a,b,c){if(\"string\"!=typeof a&&Hb)return Hb.apply(this,arguments);var d,e,f,g=this,h=a.indexOf(\" \");return h>=0&&(d=n.trim(a.slice(h)),a=a.slice(0,h)),n.isFunction(b)?(c=b,b=void 0):b&&\"object\"==typeof b&&(e=\"POST\"),g.length>0&&n.ajax({url:a,type:e,dataType:\"html\",data:b}).done(function(a){f=arguments,g.html(d?n(\"<div>\").append(n.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,f||[a.responseText,b,a])}),this},n.each([\"ajaxStart\",\"ajaxStop\",\"ajaxComplete\",\"ajaxError\",\"ajaxSuccess\",\"ajaxSend\"],function(a,b){n.fn[b]=function(a){return this.on(b,a)}}),n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};var Ib=a.document.documentElement;function Jb(a){return n.isWindow(a)?a:9===a.nodeType&&a.defaultView}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,\"position\"),l=n(a),m={};\"static\"===k&&(a.style.position=\"relative\"),h=l.offset(),f=n.css(a,\"top\"),i=n.css(a,\"left\"),j=(\"absolute\"===k||\"fixed\"===k)&&(f+i).indexOf(\"auto\")>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),\"using\"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d=this[0],e={top:0,left:0},f=d&&d.ownerDocument;if(f)return b=f.documentElement,n.contains(b,d)?(typeof d.getBoundingClientRect!==U&&(e=d.getBoundingClientRect()),c=Jb(f),{top:e.top+c.pageYOffset-b.clientTop,left:e.left+c.pageXOffset-b.clientLeft}):e},position:function(){if(this[0]){var a,b,c=this[0],d={top:0,left:0};return\"fixed\"===n.css(c,\"position\")?b=c.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],\"html\")||(d=a.offset()),d.top+=n.css(a[0],\"borderTopWidth\",!0),d.left+=n.css(a[0],\"borderLeftWidth\",!0)),{top:b.top-d.top-n.css(c,\"marginTop\",!0),left:b.left-d.left-n.css(c,\"marginLeft\",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||Ib;while(a&&!n.nodeName(a,\"html\")&&\"static\"===n.css(a,\"position\"))a=a.offsetParent;return a||Ib})}}),n.each({scrollLeft:\"pageXOffset\",scrollTop:\"pageYOffset\"},function(b,c){var d=\"pageYOffset\"===c;n.fn[b]=function(e){return J(this,function(b,e,f){var g=Jb(b);return void 0===f?g?g[c]:b[e]:void(g?g.scrollTo(d?a.pageXOffset:f,d?f:a.pageYOffset):b[e]=f)},b,e,arguments.length,null)}}),n.each([\"top\",\"left\"],function(a,b){n.cssHooks[b]=ya(k.pixelPosition,function(a,c){return c?(c=xa(a,b),va.test(c)?n(a).position()[b]+\"px\":c):void 0})}),n.each({Height:\"height\",Width:\"width\"},function(a,b){n.each({padding:\"inner\"+a,content:b,\"\":\"outer\"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||\"boolean\"!=typeof d),g=c||(d===!0||e===!0?\"margin\":\"border\");return J(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement[\"client\"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body[\"scroll\"+a],e[\"scroll\"+a],b.body[\"offset\"+a],e[\"offset\"+a],e[\"client\"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,\"function\"==typeof define&&define.amd&&define(\"jquery\",[],function(){return n});var Kb=a.jQuery,Lb=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=Lb),b&&a.jQuery===n&&(a.jQuery=Kb),n},typeof b===U&&(a.jQuery=a.$=n),n});

若代码中所需要其他css代码均可以在官网查询下载

动态小米官网页面设计（内含最详细实现的源码）

实现页面展示：

html网页源码：（以xiaomi.html命名文件）

css部分：（以xiaomi.css命名文件）

js部分：（以jquery-2.1.4.min.js命名文件）

相关推荐