body {
    margin: 0;
}
    .indexRecommandArea {
        margin: 0 auto;
        background-color: #f0f0f0;
    }
    .indexRecommand
    {
        /* margin-top: .5rem; */
        display: flex;
        width: 1000px;
        margin: 0 auto;
    }
    .indexRecommand .newBooks
    {
        flex: 0 0 80%;
        display: block;
        height: auto;
        /* padding-right: 1rem; */
    }
    .indexRecommand .newBooks .am-slider-default {
        margin-bottom: 0px;
    }

    .am-slider .am-slides img
    {
        height: 320px;
    }
    /*.indexRecommand .newBooks .newBooksSlider
    {
        width: 100%;
        display: block;
        height: auto;
        margin-right: 15px;
    }*/
    .am-slider-default .am-control-nav
    {
        bottom: 15px;
    }
    .am-slider-default .am-control-nav li
    {
        border-width: 0px;
    }
    .am-slider-default .am-control-nav li a
    {
        width: 1rem;
        height: 1rem;
    }
    .am-slider-default .am-control-nav li a.am-active
    {
        /* background-color: #fff; */
    }

/*    .indexRecommand .headAbout
    {
        display: flex;
        flex: 3;
        padding: 0 1rem;
        font-size: 1.4rem;
    }*/
    .indexRecommand .headNews
    {
        display: flex;
        flex: 1;
        height:15rem;
    }
    .indexRecommand .headNews ul.newsList
    {
        width: 100%;
    }
    .am-list > li
    {
        margin-bottom:0px;
        border-width:0px;
        border-bottom-width: 1px;
        border-bottom-style: dotted;
        border-bottom-color: #8e8e8e;
    }
    .am-list > li a
    {
        font-size: 1.4rem;
    }
    .indexNewsArea {
        background-color: #f0f0f0;
    }
    .indexNews
    {
        width: 1000px;
        display: flex;
        height: auto;
        margin: 0 auto;
        background-color: #f0f0f0;
    }
    .indexNews .midNews
    {
        flex: 3;
        margin-right: 1rem;
        height: auto;
    }
    .indexNews .midNews:last-child
    {
        margin-right: 0rem;
    }
    .downloadCatesBox {
        border-width: 0px;
        background-color: #31b2eb;
        color: #dd127b;
    }

    .indexNews .midNews .newsHead
    {
        display: block;
        width: 100%;
        font-size: 1.6rem;
        font-weight: bold;
        color: #0093dd;
        padding: .7rem .5rem;
        height: 5rem;
        line-height: 6rem;
        border-bottom: 1px dotted #0093dd;
    }
    .headMore {
        font-weight: normal;
        font-size: 1.2rem;
    }
    .headMore a {
        font-size: 1.2rem;
        line-height: 4rem;
    }
    .downloadCates
    {
        color: #e40082;
        border-left-color: #e40082;
        border-top-color: #e40082;
        border-right-color: #e40082;
        background-color: #ffe3f3;
    }

    .downloadCates,
    .downloadCatesDetail,
    .downloadCatesDetail ul, 
    .downloadCatesDetail li,
    .downloadCatesDetail a
    {
        border-width: 0px;
        background-color: #31b2eb;
        color: #dd127b;
        font-size: 1.6rem;
    }
    .downloadCatesDetail ul {
        margin-top: 1.4rem;
        margin-left: 2rem;
    }
    .downloadCates {
        font-weight: bold;
        height: 5rem;
        font-size: 1.6rem;
        line-height: 5rem;
        text-align: center;
        border-bottom: 1px dotted #dd127b;
    }
    .downloadCates a {

        color: #dd127b;
    }
    .downloadCatesDetail li {
        border-bottom-width: 0px;
        color: #dd127b;
    }
    .downloadCatesDetail li a {
        border-bottom-width: 0px;
        color: #dd127b;
        font-size: 1.4rem;
        background: transparent url('/shellext/images/ico-book.png') 0 55% no-repeat;
        background-size: 2rem 2rem;
        padding-left: 3rem;
    }
    .indexNews .midNews .newsBody
    {
        display: block;
        width: 100%;
        border-top-width: 0px;
        padding: 0;
    }
    .indexNews .midNews .am-list
    {
        margin-bottom: 0;
    }
    .indexNews .midNews ul.newsList
    {
        width: 100%;
    }
    .indexNews .midNews ul.newsList *
    {
        font-size: 1.4rem;
    }
    .indexNews .midNews ul.newsList li
    {
        padding-left: .5rem;
        border-bottom-color: transparent;
        background-color: #f0f0f0;
    }
    .indexNews .midNews ul.newsList li a {
        color: #000;
        /* font-size: 1.5rem; */
    }
    .indexNews .midNews ul.newsList li:hover {
        border-bottom-width: 1px;
        border-bottom-color: #000;
    }
    
    .indexDownload,
    .indexDownloadNav
    {
        height: auto;
        background-color: #f0f0f0;
        padding-bottom: .5rem;
    }
    .indexDownload .downloadHead,
    .indexDownloadNav .downloadHead
    {
        display: block;
        width: 1000px;
        margin: 0 auto;
        border-bottom: 1px dotted #0093dd;
    }
    .indexDownload .downloadHead .downloadHeadTitle,
    .indexDownloadNav .downloadHead .downloadHeadTitle
    {
        padding: auto 0;
        font-size: 1.6rem;
        font-weight: bold;
        color: #0093dd;
        padding: .7rem .5rem;
        line-height: 6rem;
        height: 5rem;
        /*border-bottom: 1px solid #e40082;*/
    }
    .indexDownloadNav .downloadHead .downloadHeadTitle
    {
        background-color: #eee;
        color: #333;
        height: 5rem;
    }
    .indexDownload .downloadHead .downloadHeadList
    {
        height: 5rem;
        
    }
    .indexDownload .downloadHead .downloadHeadList a,
    .indexDownload .downloadHead .downloadHeadList a:visited
    {
        font-size: 1.2rem;
        padding-right: 2rem;
        line-height: 8rem;
        align-items: center;
        justify-content: flex-start;
        color: #000;
    }
    .indexDownloadNavArea {
        background-color: #f0f0f0;
    }
    .indexDownloadNav {
        width: 1000px;
        margin: 0 auto;
    }
    .indexDownloadNav .downloadHead .downloadHeadList
    {
        border: 1px solid #333;
        border-left-width: 0px;
        /* background-color: #eee; */
    }
    .indexDownloadNav .downloadHead .downloadHeadList a
    {
        line-height: 2.4;
        font-size: 1.4rem;
        color: #999;
        text-shadow: 1px 1px 0px #fff;
    }
    .indexDownloadNav .downloadHead .downloadHeadList a:hover,
    .indexDownloadNav .downloadHead .downloadHeadList a:focus
    {
        color: #333;
    }
    .indexDownload .downloadHead .downloadHeadList a:hover,
    .indexDownload .downloadHead .downloadHeadList a:focus
    {
        color: #0093dd;
    }
    .indexDownload .downloadBody
    {
        padding: .5rem;
        /* border: 1px solid #e40082; */
        border-top-width: 0px;
        width: 1000px;
        margin: 0 auto;
    }
    .indexDownload .downloadBody .serialEmpty
    {
        font-size: 1.6rem;
        color: #666;
        text-align: center;
    }
    .indexDownload .am-gallery-item
    {
        background-color: #f0f0f0;
    }
    .am-nav-tabs
    {
        border-bottom-width: 0;
        padding-left: .5rem;
    }
    .am-nav-tabs>li>a
    {
        font-size: 1.6rem;
    }
    .am-nav-tabs>li>a, .am-nav-tabs>li>a:focus, .am-nav-tabs>li>a:hover
    {
        border-color: transparent;
        color: #939393;
    }
    /* .am-nav-tabs>li.am-active>a, .am-nav-tabs>li.am-active>a:focus, .am-nav-tabs>li.am-active>a:hover
    {
        border-color: #e40082;
        border-width: 0;
        border-bottom: .3rem solid #e40082;
        color: #e40082;
    } */
    .am-tabs-bd
    {
        border-width: 0px;
    }
    .am-tabs-bd .am-tab-panel
    {
        padding:0;
    }
    .indexDownload .downloadBody .am-gallery
    {
        padding: 0!important;
    }
    .indexDownload .downloadBody .am-gallery-item
    {
        border: .1rem solid #eee;
        box-shadow: 0 0 .5rem rgba(0, 0, 0, 0);
        cursor: pointer;
        -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
                transition: all 0.2s linear;
    }
    .indexDownload .downloadBody .am-gallery-item:hover
    {
        box-shadow: 0 0 1rem rgba(228, 0, 130, .8);
    }

    .indexResource
    {
        height: auto;
        margin-top: .5rem;
        padding-bottom: .5rem;
    }
    .indexResource .resourceHead
    {
        display: block;
    }
    .indexResource .resourceHead .resourceHeadTitle
    {
        padding: auto 0;
        font-size: 1.6rem;
        border-left: .1rem solid #3bf;
        font-weight: bold;
        letter-spacing: .2rem;
        padding: .7rem 1rem;
        background-color: #e0f5ff;
        height: 3.5rem;
        border-top: 1px solid #3bf;
        border-bottom: 1px solid #e0f5ff;
        color: #3bf;
    }
    .indexResource .resourceHead .resourceHeadList
    {
        display: flex;
        height: 3.5rem;
        border: 1px solid #3bf;
        border-bottom-color: #e0f5ff;
        border-left-width: 0px;
        font-size: 1.6rem;
        line-height: 2.6;
        color: #999;
        /*text-shadow: 1px 1px 0px #e0f5ff;*/
    }
    .indexResource .resourceBody
    {
        padding: .5rem;
        border: 1px solid #3bf;
        border-top-width: 0px;
    }
    .indexResource .resourceBody .am-gallery
    {
        padding: 0!important;
    }
    .indexResource .resourceBody .am-gallery-item
    {
        border: .1rem solid #eee;
        box-shadow: 0 0 .5rem rgba(0, 0, 0, 0);
        cursor: pointer;
        -webkit-transition: all 0.2s linear;
           -moz-transition: all 0.2s linear;
                transition: all 0.2s linear;
        /*filter: url(blur.svg#blur);*/  /*FireFox, Chrome, Opera */
        /*filter: blur(100px);*/
        /*-ms-filter: blur(100px);*/
        /*-moz-filter: blur(100px);*/
        /*-webkit-filter: blur(100px);*/ /* Chrome, Opera */
        /*filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);*/
    }
    .indexResource .resourceBody .am-gallery-item:hover
    {
        box-shadow: 0 0 1rem rgba(51, 187, 255, .8);
        /*filter: blur(0px);*/
    }
    .indexLink
    {
        height: auto;
        background-color: #f0f0f0;
    }
    .indexLink .linkHead
    {
        display: block;
        width: 1000px;
        margin: 0 auto;
    }
    .indexLink .linkHead .linkHeadTitle
    {
        padding: auto 0;
        font-size: 1.6rem;
        font-weight: bold;
        letter-spacing: .2rem;
        padding: .7rem .5rem;
        height: 5rem;
        line-height: 4rem;
        color: #0093dd;
        border-bottom: 1px dotted #0093dd;
    }
    .indexLink .linkHead .linkHeadList
    {
        display: flex;
        height: 5rem;
        border-bottom: 1px dotted #0093dd;
    }
    .indexLink .linkHead .linkHeadList a,
    .indexLink .linkHead .linkHeadList a:visited
    {
        font-size: 1.2rem;
        line-height: 6rem;
        color: #000;
    }
    .indexLink .linkHead .linkHeadTitle a:hover,
    .indexLink .linkHead .linkHeadTitle a:focus,
    .indexLink .linkHead .linkHeadList a:hover,
    .indexLink .linkHead .linkHeadList a:focus
    {
        color: #0093dd;
    }
    .indexLink .linkBody
    {
        padding: .5rem;
        border: 1px solid #333;
        border-top-width: 0px;
        text-align: center;
    }
    .indexLink .linkBody li a
    {
        font-size: 1.4rem;
        color: #888;
        line-height: 2.2;
        border-bottom: 1px dotted #fff;
        padding: .5rem 0;

    }
    .indexLink .linkBody li a:hover
    {
        color :#333;
        border-bottom: 1px dotted #666;
    }