bc_zhang
/
fm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207
							<!DOCTYPE html>
<html lang="zh-cmn-Hans">

<head>
    <meta charset="UTF-8">
    <title>维修保障故障资源平台系统功能管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8">
    <link rel="stylesheet" href="./lib/layui/css/layui.css">
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script src="./lib/jquery.min.js"></script>
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script src="./js/xadmin.js"></script>
    <script src="../other/js/functions.js"></script>
    <script src="./js/aircraft.js"></script>
    <style>
        /* 搜索 */
        
        .searchInput {
            width: 890px;
            height: 38px;
            border: solid 1px black;
            margin-top: 20px;
            margin-left: 100px;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px;
            outline: none;
            border-color: grey;
        }
        
        .searchBtn {
            height: 40px;
            padding: 5px 15px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            border-left: none;
            border-color: #4e6ef2
        }
        
        .button {
            background-color: #4e6ef2;
            color: #fff;
            margin-top: 20px;
            width: 6%;
        }
        
        #pagination {
            position: absolute;
            bottom: 10px;
            left: 300px
        }
        /* 书籍部分 */
        
        .list_tup a {
            display: block;
            width: 261px;
            height: 156px;
            padding: 10px 12px;
            border-radius: 5px;
        }
        
        a {
            text-decoration: none;
            color: #666;
            background-color: transparent;
            cursor: pointer;
            outline: none;
        }
        
        a:hover,
        a:active {
            outline: 0;
            color: #0077cb;
            background-color: #f5f5f5;
            /* box-shadow: 0 0 10px 0; */
        }
        
        .list_tup .mask {
            position: absolute;
            left: 0;
            top: 0;
            z-index: 1;
            display: none;
            width: 271px;
            height: 176px;
            background-color: #f5f5f5;
            border-radius: 15px;
            opacity: .1;
            filter: alpha(opacity=10);
        }
        
        .img-thumb img {
            margin-top: 0;
            height: 136px;
            width: 100px;
        }
        
        img {
            border: none;
        }
        
        .list_tup .detials {
            float: right;
            width: 140px;
            margin-top: -140px;
        }
        
        div {
            display: block;
        }
        
        .list_tup .detials h1 {
            color: #666;
            font-size: 14px;
            height: 42px;
            /* background: url(../../../images/result_tit_bg.png) no-repeat left bottom; */
            line-height: 42px;
            margin-bottom: 6px;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
            clear: both;
        }
        
        .list_tup .detials p {
            color: #666;
            font-size: 12px;
            line-height: 24px;
            width: 140px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            clear: both;
        }
    </style>
</head>

<body class="layui-anim layui-anim-up">
    <div style="display:flex;" class="div">
        <input type="text" id="search" class="searchInput" placeholder="请输入关键字" />
        <button class="button searchBtn">搜索</button>
    </div>
    <div class="layui-row" style="margin:20px 70px">


        <div class="layui-col-xs4 ">
            <div class="list_tup">
                <a target="_blank" href="chapter.html" title="民用飞机设计与研究">
                    <span class="mask "></span>
                    <div class="img-thumb ">
                        <img class="lazy" src="./images/1.jpg " style="display:inline; ">
                    </div>
                    <div class="detials ">
                        <h1>民用飞机设计与研究</h1>
                        <p>
                            作者：***</p>
                        <p>
                            出版时间： 2020年2月3日</p>

                    </div>
                </a>
            </div>
        </div>
        <div class="layui-col-xs4 ">
            <div class="list_tup">
                <a target="_blank " href="chapter.html" title="民用飞机设计与研究 ">
                    <span class="mask "></span>
                    <div class="img-thumb ">
                        <img class="lazy" src="./images/1.jpg " style="display:inline; ">
                    </div>
                    <div class="detials ">
                        <h1>民用飞机设计与研究</h1>
                        <p>
                            作者：***</p>
                        <p>
                            出版时间： 2020年2月3日</p>
                    </div>
                </a>
            </div>
        </div>
        <div class="layui-col-xs4 ">
            <div class="list_tup">
                <a target="_blank " href="chapter.html" title="民用飞机设计与研究 ">
                    <span class="mask "></span>
                    <div class="img-thumb ">
                        <img class="lazy" src="./images/1.jpg " style="display:inline; ">
                    </div>
                    <div class="detials ">
                        <h1>民用飞机设计与研究</h1>
                        <p>
                            作者：***</p>
                        <p>
                            出版时间： 2020年2月3日</p>
                    </div>
                </a>
            </div>
        </div>


    </div>
    </div>
    <div id="pagination "></div>
</body>

</html>