.content-wrapper{
    background: #f5f5f5;
}
#search-ppt-main {
    width: 1280px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 88px;
}
#search-ppt-main .search-category{
    width: 18%;
    height: 100%;
}
#search-ppt-main .search-ppt-list{
    display: inline-block;
    width: 80%;
}
#search-ppt-main .search-ppt-list .search-content ul li a{
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    z-index: 500;
    position: relative;
}
#search-ppt-main .search-ppt-list .search-content ul li{
    float: left;
    width: 29%;
    padding-right: 6%;
    padding-top: 20px;
    padding-bottom: 40px;
    min-height: 460px;
}
#search-ppt-main .search-ppt-list .search-content ul li:first-child+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list .search-content ul li:first-child+li+li+li+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list .search-content ul li:first-child+li+li+li+li+li+li+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}





#search-ppt-main .search-ppt-list .search-content ul li:first-child+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list .search-content ul li:first-child+li+li+li+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list .search-content ul li:first-child+li+li+li+li+li+li+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}

#search-ppt-main .search-ppt-list .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}

#search-ppt-main .search-ppt-list .search-content ul li:nth-child(12){
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list .search-content ul li:nth-child(15){
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list .search-content ul li:nth-child(18){
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list .search-content ul li:nth-child(21){
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list .search-content ul li .lt{
    width: 100%;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    position: relative;
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    z-index: 0;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-ppt-main .search-ppt-list .search-content ul li .lt:hover{
    box-shadow: 0 1px 22px rgba(0,0,0,1);
    position: relative;
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    z-index: 0;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-ppt-main .search-ppt-list .search-content ul li .lt img{
    width: 100%;
    height: 423px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
#search-ppt-main .search-ppt-list .search-content ul li .lt .content{
    height: 50px;
}
#search-ppt-main .search-ppt-list .search-content ul li .lt .content .left-block{
    width: 78%;
    padding: 6px;
}
#search-ppt-main .search-ppt-list .search-content ul li .lt .content .right-block{
    width: 8%;
    padding: 8px;
    text-align: right;
    color: #F40002 ;
}
#search-ppt-main .search-page{
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    width: 100%;
}
#search-ppt-main .search-page .left-block{
    width: 18%;
    display: inline-block;
    height: 30px;
    padding-top: 30px;
}
#search-ppt-main .search-page .right-block{
    /*padding-right: 32%;*/
    padding-top: 30px;
    width: 78%;
    text-align: center;
}
#search-ppt-main .search-category{
    margin-top: 20px;
    border-top: 1px solid #d2d2d2;
}
#search-ppt-main .search-category ul li span{
    display: inline-block;
    padding: 10px;
}
#search-ppt-main .search-bar {
    height: 50px;
    color:#989898;
    font-size: 12px;
    line-height: 50px;
}
#search-ppt-main .search-bar a{
    color:#989898;
}
#search-ppt-main .search-bar-top {
    /*height: 160px;*/
    font-size: 14px;
    background: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    /*display: inline-block;*/
}
#search-ppt-main .search-bar-top .search-top .category {
    padding: 20px 10px 10px 20px;
    display: inline-block;
    width: 100%;
}

#search-ppt-main .search-bar-top .search-top .category .left-block{
    width: 4%;
    height: 42px;
    color: #989898;
}
#search-ppt-main .search-bar-top .search-top .category .left-block span{
    padding: 3px 0;
    display: inline-block;
}
#search-ppt-main .search-bar-top .search-top .category .right-block{
    width: 96%;
    height: 42px;
}



#search-ppt-main .search-bar-top .search-top .category ul li{
    float: left;
    width: 120px;
    height: 32px;
    text-align: center;
    color:#989898;
}
#search-ppt-main .search-bar-top .search-top .category ul li a {
    padding: 2px 6px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
}
#search-ppt-main .search-bar-top .search-top .category ul li a:hover{
    padding: 2px 6px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
    background: #F40002 ;
    color: #fff;
}
#search-ppt-main .search-bar-top .search-top .category ul li .active{
    background: #F40002 ;
    color: #fff;
    padding: 2px 6px
}



#search-ppt-main .search-bar-top .search-top .sort {
    padding: 10px 20px 10px 20px;
    height: 32px;

}
#search-ppt-main .search-bar-top .search-top .sort .left-block {
    width: 5%;
    height: 32px;
    color: #989898;
}

#search-ppt-main .search-bar-top .search-top .sort .left-inblock ul li{
    float: left;
}

#search-ppt-main .search-bar-top .search-top .sort ul li {
    float: left;
    width: 100px;
    height: 40px;
    text-align: center;
    color: #989898;
}

#search-ppt-main .search-bar-top .search-top .sort ul li a {
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
}
#search-ppt-main .search-bar-top .search-top .sort ul li a:hover{
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
    background: #F40002 ;
    color: #fff;
}
#search-ppt-main .search-bar-top .search-top .sort ul li .active{
    background: #F40002 ;
    color: #fff;
    padding: 4px 10px
}


#search-ppt-main .search-bar-top .search-top .top{
    padding: 0px 20px;
    height: 80px;
    border-bottom: 2px solid #ddd;
}
#search-ppt-main .search-bar-top .search-top .top .block ul li{
    float: left;
    width: 100px;
    line-height: 80px;
    font-size: 16px;
}
#search-ppt-main .search-bar-top .search-top .top .block ul li a{
    display: inline-block;
}
#search-ppt-main .search-bar-top .search-top .top .block ul li .active{
    border-bottom: 2px solid #F40002 ;
    color: #F40002 ;
}
#search-ppt-main .search-bar-top .search-top .top .block ul li a:hover{
    color: #F40002 ;
}
/*#search-ppt-main .search-bar-top .right-block{*/
    /*!*padding-right: 17px;*!*/
/*}*/
/*#search-ppt-main .search-bar-top .right-block ul li{*/
    /*float: left;*/
    /*!* width: 90px; *!*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*padding-left: 14px;*/
/*}*/

/*#search-ppt-main .search-bar-top .right-block ul li a{*/
    /*display: inline-block;*/
    /*border: 1px solid #d2d2d2;*/
    /*width: 80px;*/
    /*text-align: center;*/
    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*behavior: url(/front/css/PIE.htc);*/


/*}*/
/*#search-ppt-main .search-bar-top .right-block ul .active a{*/
    /*background: #F40002 ;*/
    /*color: #fff;*/
    /*border: 0px;*/
    /*height: 32px;*/
    /*line-height: 32px;*/
    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*behavior: url(/front/css/PIE.htc);*/
/*}*/

#search-ppt-main .search-bar-top  .show-cate-click{
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background: #303030;
    height: 32px;
    width: 80px;
    line-height: 32px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    padding: 0 10px;
    position: relative;
    z-index: 0;
}


#search-ppt-main .search-ppt-list-show .search-content{
    display: inline-block;
    width: 100%;
    min-height: 1500px;
}
#search-ppt-main .search-ppt-list-show .search-content ul li{
    float: left;
    width: 23%;
    padding-right: 2.66%;
    padding-top: 20px;
    /*margin-bottom: 40px;*/
    min-height: 460px;
}
#search-ppt-main .search-ppt-list-show .search-content ul li a{
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    z-index: 500;
    box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    -webkit-box-shadow: 0 0 8px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
    position: relative;
}
#search-ppt-main .search-ppt-list-show .search-content ul li:first-child+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list-show .search-content ul li:first-child+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}

#search-ppt-main .search-ppt-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-ppt-main .search-ppt-list-show .search-content ul li .lt{
    width: 100%;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);

    position: relative;
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    z-index: 0;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;

    transform: translateY(0);
    background: #fff;
}

#search-ppt-main .search-ppt-list-show .search-content ul li .lt img{
    width: 100%;
    height: 423px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    z-index: 500;
    position: relative;
}
#search-ppt-main .search-ppt-list-show .search-content ul li .lt .content{
    height: 45px;
}
#search-ppt-main .search-ppt-list-show .search-content ul li .lt .content .block{
    /*width: 78%;*/
    padding: 8px;
    text-align: center;
    overflow: hidden;
    white-space:nowrap;
}
#search-ppt-main .search-ppt-list-show .search-content ul li .lt .content .right-block{
    width: 8%;
    padding: 8px;
    text-align: right;
    color: #F40002 ;
}

#search-ppt-main  .search-content ul li .hover_shadow{
    display: none;
    width: 100%;
    height: 425px;
    /*background-color: #000;*/
    position: relative;
    top: -470px;
    background-color: rgba(0, 0, 0, 0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    /*border-radius: 8px;*/
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    /*-webkit-border-radius: 8px;*/
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    z-index: 500;
}
#search-ppt-main  .search-content ul li .hover_shadow .button{
    width: 120px;
    height: 40px;
    /* border: 1px solid #d2d2d2; */
    /* display: inline-block; */
    line-height: 20px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    line-height: 40px;
    background: #F40002 ;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    top: 50%;
    position: relative;
    left: 32%;
}
#search-ppt-main .search-content ul li:hover .hover_shadow{
    display: block;
    /*box-shadow: 0 1px 22px rgba(0,0,0,1);*/
    /*-webkit-box-shadow: 0 1px 22px rgba(0,0,0,1);*/
    /*-moz-box-shadow: 0 1px 22px rgba(0,0,0,1);*/
    position: relative;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*!*height: 100%;*!*/

    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/
    /*behavior: url(/front/css/PIE.htc);*/
    /*text-align: left;*/
    /*transition: translate .18s,box-shadow .18s;*/
    /*transform: translateY(0);*/
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    /*-webkit-border-radius: 8px;*/
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    behavior: url(/front/css/PIE.htc);
    z-index: 500;
}


/********************************************元素部分********************************************/

#search-element-main {
    width: 1280px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 88px;
}
#search-element-main .search-category{
    width: 18%;
    height: 100%;
}
#search-element-main .search-element-list{
    display: inline-block;
    width: 80%;
}
#search-element-main .search-element-list .search-content ul li{
    float: left;
    width: 32%;
    padding-right: 2%;
    padding-top: 20px;
    padding-bottom: 40px;
}
#search-element-main .search-element-list .search-content ul li:first-child+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-element-main .search-element-list .search-content ul li:first-child+li+li+li+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-element-main .search-element-list .search-content ul li:first-child+li+li+li+li+li+li+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-element-main .search-element-list .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-element-main .search-element-list .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}

#search-element-main .search-element-list .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}

#search-element-main .search-element-list .search-content ul li:nth-child(12){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-element-main .search-element-list .search-content ul li:nth-child(15){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-element-main .search-element-list .search-content ul li:nth-child(18){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-element-main .search-element-list .search-content ul li:nth-child(21){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-element-main .search-element-list .search-content ul li:nth-child(24){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-element-main .search-element-list .search-content ul li .lt{
    width: 100%;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;

    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-element-main .search-element-list .search-content ul li .lt:hover{
    box-shadow: 0 1px 22px rgba(0,0,0,1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
}
#search-element-main .search-element-list .search-content ul li .lt img{
    width: 100%;
    height: 180px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
#search-element-main .search-element-list .search-content ul li .lt .content{
    height: 50px;
}
#search-element-main .search-element-list .search-content ul li .lt .content .left-block{
    width: 78%;
    padding: 6px;
}
#search-element-main .search-element-list .search-content ul li .lt .content .right-block{
    width: 8%;
    padding: 8px;
    text-align: right;
    color: #F40002 ;
}
#search-element-main .search-page{
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    width: 100%;
}
#search-element-main .search-page .right-block{
    padding-right: 32%;
    padding-top: 30px;
}
#search-element-main .search-category{
    margin-top: 20px;
    border-top: 1px solid #d2d2d2;
}
#search-element-main .search-category ul li span{
    display: inline-block;
    padding: 10px;
}
#search-element-main .search-bar {
    height: 50px;
    line-height: 50px;
    color:#989898;
    font-size: 12px;
}
#search-element-main .search-bar-top {
    /*height: 160px;*/
    font-size: 14px;
    background: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
}


#search-element-main .search-bar-top .search-top .category {
    padding: 30px 20px 10px 20px;
    display: inline-block;
    width: 100%;
}

#search-element-main .search-bar-top .search-top .category .left-block{
    width: 5%;
    height: 80px;
    color: #989898;
}
#search-element-main .search-bar-top .search-top .category .left-block span{
    padding: 3px 0;
    display: inline-block;
}
#search-element-main .search-bar-top .search-top .category .right-block{
    width: 95%;
    height: 80px;
}



#search-element-main .search-bar-top .search-top .category ul li{
    float: left;
    width: 100px;
    height: 40px;
    text-align: center;
    color:#989898;
}
#search-element-main .search-bar-top .search-top .category ul li a {
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
}
#search-element-main .search-bar-top .search-top .category ul li a:hover{
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
    background: #F40002 ;
    color: #fff;
}
#search-element-main .search-bar-top .search-top .category ul li .active{
    background: #F40002 ;
    color: #fff;
    padding: 4px 10px
}



#search-element-main .search-bar-top .search-top .sort {
    padding: 10px 20px;
    height: 32px;
}
#search-element-main .search-bar-top .search-top .sort .left-block {
    width: 5%;
    height: 32px;
    color: #989898;
}

#search-element-main .search-bar-top .search-top .sort .left-inblock ul li{
    float: left;
}

#search-element-main .search-bar-top .search-top .sort ul li {
    float: left;
    width: 100px;
    height: 40px;
    text-align: center;
    color: #989898;
}

#search-element-main .search-bar-top .search-top .sort ul li a {
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
}
#search-element-main .search-bar-top .search-top .sort ul li a:hover{
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
    background: #F40002 ;
    color: #fff;
}
#search-element-main .search-bar-top .search-top .sort ul li .active{
    background: #F40002 ;
    color: #fff;
    padding: 4px 10px
}


#search-element-main .search-bar-top .search-top .top{
    padding: 0px 20px;
    height: 80px;
    border-bottom: 2px solid #ddd;
}
#search-element-main .search-bar-top .search-top .top .block ul li{
    float: left;
    width: 100px;
    line-height: 80px;
    font-size: 16px;
}
#search-element-main .search-bar-top .search-top .top .block ul li a{
    display: inline-block;
}
#search-element-main .search-bar-top .search-top .top .block ul li .active{
    border-bottom: 2px solid #F40002 ;
    color: #F40002 ;
}
#search-element-main .search-bar-top .search-top .top .block ul li a:hover{
    color: #F40002 ;
}


/*#search-element-main .search-bar-top .right-block{*/
    /*!*padding-right: 17px;*!*/
/*}*/
/*#search-element-main .search-bar-top .right-block ul li{*/
    /*float: left;*/
    /*!* width: 90px; *!*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*padding-left: 14px;*/
    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*behavior: url(/front/css/PIE.htc);*/
/*}*/

/*#search-element-main .search-bar-top .right-block ul li a{*/
    /*display: inline-block;*/
    /*border: 1px solid #d2d2d2;*/
    /*width: 80px;*/
    /*text-align: center;*/
    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*behavior: url(/front/css/PIE.htc);*/

/*}*/
/*#search-element-main .search-bar-top .right-block ul .active a{*/
    /*background: #F40002 ;*/
    /*color: #fff;*/
    /*border: 0px;*/
    /*line-height: 32px;*/
    /*height: 32px;*/
    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/

/*}*/

#search-element-main .search-bar-top  .show-cate-click{
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background: #303030;
    height: 32px;
    width: 80px;
    line-height: 32px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    padding: 0 10px;
    position: relative;
    z-index: 0;
}


#search-element-main .search-element-list-show .search-content{

}
#search-element-main .search-element-list-show .search-content ul li{
    float: left;
    width: 23%;
    padding-right: 2.66%;
    padding-top: 20px;
    padding-bottom: 40px;
}
#search-element-main .search-element-list-show .search-content ul li:first-child+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-element-main .search-element-list-show .search-content ul li:first-child+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-element-main .search-element-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-element-main .search-element-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-element-main .search-element-list-show .search-content ul li .lt{
    width: 100%;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-element-main .search-element-list-show .search-content ul li .lt:hover{
    /*box-shadow: 0 1px 22px rgba(0,0,0,1);*/
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-element-main .search-element-list-show .search-content ul li .lt img{
    width: 100%;
    height: 423px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
#search-element-main .search-element-list-show .search-content ul li .lt .content{
    height: 50px;
    border-top: 1px solid #ddd;
}
#search-element-main .search-element-list-show .search-content ul li .lt .content .left-block{
    width:78%;
    padding: 6px;
}
#search-element-main .search-element-list-show .search-content ul li .lt .content .right-block{
    width: 8%;
    padding: 8px;
    text-align: right;
    color: #F40002 ;
}

/*******************************************字体部分***********************************************/

#search-font-main {
    width: 1280px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 88px;
}
#search-font-main .search-category{
    width: 18%;
    height: 100%;
}
#search-font-main .search-font-list{
    display: inline-block;
    width: 80%;
}
#search-font-main .search-font-list .search-content ul li{
    float: left;
    width: 32%;
    padding-right: 2%;
    padding-top: 20px;
    padding-top: 20px;
    padding-bottom: 40px;
}
#search-font-main .search-font-list .search-content ul li:first-child+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-font-main .search-font-list .search-content ul li:first-child+li+li+li+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-font-main .search-font-list .search-content ul li:first-child+li+li+li+li+li+li+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-font-main .search-font-list .search-content ul li:nth-child(12){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-font-main .search-font-list .search-content ul li:nth-child(15){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-font-main .search-font-list .search-content ul li:nth-child(18){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-font-main .search-font-list .search-content ul li:nth-child(21){
    float: left;
    width: 32%;
    padding-right: 0px;

}
#search-font-main .search-font-list .search-content ul li .lt{
    width: 100%;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-font-main .search-font-list .search-content ul li .lt:hover{
    box-shadow: 0 1px 22px rgba(0,0,0,1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-font-main .search-font-list .search-content ul li .lt img{
    width: 100%;
    height: 180px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
#search-font-main .search-font-list .search-content ul li .lt .content{
    height: 50px;
}
#search-font-main .search-font-list .search-content ul li .lt .content .left-block{
    width: 78%;
    padding: 6px;
}
#search-font-main .search-font-list .search-content ul li .lt .content .right-block{
    width: 8%;
    padding: 8px;
    text-align: right;
    color: #F40002 ;
}
#search-font-main .search-page{
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    width: 100%;
}
#search-font-main .search-page .right-block{
    padding-right: 32%;
    padding-top: 30px;
}
#search-font-main .search-category{
    margin-top: 20px;
    border-top: 1px solid #d2d2d2;
}
#search-font-main .search-category ul li span{
    display: inline-block;
    padding: 10px;
}
#search-font-main .search-bar {
    height: 50px;
    line-height: 50px;
    color:#989898;
    font-size: 12px;
}
#search-font-main .search-bar-top {
    color:#989898;
    font-size: 14px;
    background: #fff;
}
#search-font-main .search-bar-top .search-top{
    background-color: #fff;
}
#search-font-main .search-bar-top .search-top .category {
    padding: 30px 20px 10px 20px;
    display: inline-block;
    width: 100%;
}

#search-font-main .search-bar-top .search-top .category .left-block{
    width: 5%;
    height: 32px;
    color: #989898;
}
#search-font-main .search-bar-top .search-top .category .left-block span{
    padding: 3px 0;
    display: inline-block;
}
#search-font-main .search-bar-top .search-top .category .right-block{
    width: 95%;
    height: 32px;
}



#search-font-main .search-bar-top .search-top .category ul li{
    float: left;
    width: 100px;
    height: 40px;
    text-align: center;
    color:#989898;
}
#search-font-main .search-bar-top .search-top .category ul li a {
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
}
#search-font-main .search-bar-top .search-top .category ul li a:hover{
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
    background: #F40002 ;
    color: #fff;
}
#search-font-main .search-bar-top .search-top .category ul li .active{
    background: #F40002 ;
    color: #fff;
    padding: 4px 10px
}



#search-font-main .search-bar-top .search-top .sort {
    padding: 10px 20px;
    height: 32px;
}
#search-font-main .search-bar-top .search-top .sort .left-block {
    width: 5%;
    height: 32px;
    color: #989898;
}

#search-font-main .search-bar-top .search-top .sort .left-inblock ul li{
    float: left;
}

#search-font-main .search-bar-top .search-top .sort ul li {
    float: left;
    width: 100px;
    height: 40px;
    text-align: center;
    color: #989898;
}

#search-font-main .search-bar-top .search-top .sort ul li a {
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
}
#search-font-main .search-bar-top .search-top .sort ul li a:hover{
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
    background: #F40002 ;
    color: #fff;
}
#search-font-main .search-bar-top .search-top .sort ul li .active{
    background: #F40002 ;
    color: #fff;
    padding: 4px 10px
}

#search-font-main .search-bar-top .search-top .top{
    padding: 0px 20px;
    height: 80px;
    border-bottom: 2px solid #ddd;
}
#search-font-main .search-bar-top .search-top .top .block ul li{
    float: left;
    width: 100px;
    line-height: 80px;
    font-size: 16px;
}
#search-font-main .search-bar-top .search-top .top .block ul li a{
    display: inline-block;
}
#search-font-main .search-bar-top .search-top .top .block ul li .active{
    border-bottom: 2px solid #F40002 ;
    color: #F40002 ;
}
#search-font-main .search-bar-top .search-top .top .block ul li a:hover{
    color: #F40002 ;
}




/*#search-font-main .search-bar-top .right-block{*/
    /*!*padding-right: 17px;*!*/
/*}*/
/*#search-font-main .search-bar-top .right-block ul li{*/
    /*float: left;*/
    /*!* width: 90px; *!*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*padding-left: 14px;*/
    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*behavior: url(/front/css/PIE.htc);*/
/*}*/

/*#search-font-main .search-bar-top .right-block ul li a{*/
    /*display: inline-block;*/
    /*border: 1px solid #d2d2d2;*/
    /*width: 80px;*/
    /*text-align: center;*/
    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*behavior: url(/front/css/PIE.htc);*/


/*}*/
/*#search-font-main .search-bar-top .right-block ul .active a{*/
    /*background: #F40002 ;*/
    /*color: #fff;*/
    /*border: 0px;*/
    /*line-height: 32px;*/
    /*height: 32px;*/
    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*behavior: url(/front/css/PIE.htc);*/
/*}*/

#search-font-main .search-bar-top  .show-cate-click{
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background: #303030;
    height: 32px;
    width: 80px;
    line-height: 32px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    padding: 0 10px;
    position: relative;
    z-index: 0;
}


#search-font-main .search-font-list-show .search-content{
    margin-top: 60px;
}
#search-font-main .search-font-list-show .search-content ul li{
    float: left;
    width: 23%;
    padding-right: 2.66%;
    padding-top: 20px;
    margin-bottom: 40px;
}
#search-font-main .search-font-list-show .search-content ul li:first-child+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-font-main .search-font-list-show .search-content ul li:first-child+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-font-main .search-font-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-font-main .search-font-list-show .search-content ul li .lt{
    width: 100%;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-font-main .search-font-list-show .search-content ul li .lt:hover{
    box-shadow: 0 1px 22px rgba(0,0,0,1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
}
#search-font-main .search-font-list-show .search-content ul li .lt .show-font{
    width: 100%;
    height: 200px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
    background: #000;
    color: #fff;
    text-align: center;
}
#search-font-main .search-font-list-show .search-content ul li .lt .content{
    height: 50px;
}
#search-font-main .search-font-list-show .search-content ul li .lt .content .left-block{
    width: 78%;
    padding: 6px;
}
#search-font-main .search-font-list-show .search-content ul li .lt .content .right-block{
    width: 8%;
    padding: 8px;
    text-align: right;
    color: #F40002 ;
}






/********************************************视频部分*************************************************/

#search-video-main {
    width: 1280px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 88px;
}
#search-video-main .search-category{
    width: 18%;
    height: 100%;
}
#search-video-main .search-video-list{
    display: inline-block;
    width: 80%;
}
#search-video-main .search-video-list .search-content ul li{
    float: left;
    width: 32%;
    padding-right: 2%;
    padding-top: 20px;
    padding-bottom: 40px;
}
#search-video-main .search-video-list .search-content ul li:first-child+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-video-main .search-video-list .search-content ul li:first-child+li+li+li+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-video-main .search-video-list .search-content ul li:first-child+li+li+li+li+li+li+li+li{
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-video-main .search-video-list .search-content ul li:nth-child(12){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-video-main .search-video-list .search-content ul li:nth-child(15){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-video-main .search-video-list .search-content ul li:nth-child(18){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-video-main .search-video-list .search-content ul li:nth-child(21){
    float: left;
    width: 32%;
    padding-right: 0px;
}
#search-video-main .search-video-list .search-content ul li .lt{
    width: 100%;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;

    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-video-main .search-video-list .search-content ul li .lt:hover{
    box-shadow: 0 1px 22px rgba(0,0,0,1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
}
#search-video-main .search-video-list .search-content ul li .lt img{
    width: 100%;
    height: 180px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
#search-video-main .search-video-list .search-content ul li .lt .content{
    height: 50px;
}
#search-video-main .search-video-list .search-content ul li .lt .content .left-block{
    width: 78%;
    padding: 6px;
}
#search-video-main .search-video-list .search-content ul li .lt .content .right-block{
    width: 8%;
    padding: 8px;
    text-align: right;
    color: #F40002 ;
}
#search-video-main .search-page{
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    width: 100%;
}
#search-video-main .search-page .right-block{
    padding-right: 32%;
    padding-top: 30px;
}
#search-video-main .search-category{
    margin-top: 20px;
    border-top: 1px solid #d2d2d2;
}
#search-video-main .search-category ul li span{
    display: inline-block;
    padding: 10px;
}
#search-video-main .search-bar {
    height: 50px;
    line-height: 50px;
    color:#989898;
    font-size: 12px;
}
#search-video-main .search-bar-top {
    /*height: 50px;*/
    color:#989898;
    font-size: 14px;
}
#search-video-main .search-bar-top .search-top{
    background-color: #fff;
}
#search-video-main .search-bar-top .search-top .category {
    padding: 30px 20px 10px 20px;
    display: inline-block;
    width: 100%;
}

#search-video-main .search-bar-top .search-top .category .left-block{
    width: 5%;
    height: 64px;
    color: #989898;
}
#search-video-main .search-bar-top .search-top .category .left-block span{
    padding: 3px 0;
    display: inline-block;
}
#search-video-main .search-bar-top .search-top .category .right-block{
    width: 95%;
    height: 64px;
}



#search-video-main .search-bar-top .search-top .category ul li{
    float: left;
    width: 100px;
    height: 40px;
    text-align: center;
    color:#989898;
}
#search-video-main .search-bar-top .search-top .category ul li a {
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
}
#search-video-main .search-bar-top .search-top .category ul li a:hover{
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
    background: #F40002 ;
    color: #fff;
}
#search-video-main .search-bar-top .search-top .category ul li .active{
    background: #F40002 ;
    color: #fff;
    padding: 4px 10px
}



#search-video-main .search-bar-top .search-top .sort {
    padding: 10px 20px;
    height: 32px;
}
#search-video-main .search-bar-top .search-top .sort .left-block {
    width: 5%;
    height: 80px;
    color: #989898;
}

#search-video-main .search-bar-top .search-top .sort .left-inblock ul li{
    float: left;
}

#search-video-main .search-bar-top .search-top .sort ul li {
    float: left;
    width: 100px;
    height: 40px;
    text-align: center;
    color: #989898;
}

#search-video-main .search-bar-top .search-top .sort ul li a {
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
}
#search-video-main .search-bar-top .search-top .sort ul li a:hover{
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
    background: #F40002 ;
    color: #fff;
}
#search-video-main .search-bar-top .search-top .sort ul li .active{
    background: #F40002 ;
    color: #fff;
    padding: 4px 10px
}

#search-video-main .search-bar-top .search-top .top{
    padding: 0px 20px;
    height: 80px;
    border-bottom: 2px solid #ddd;
}
#search-video-main .search-bar-top .search-top .top .block ul li{
    float: left;
    width: 100px;
    line-height: 80px;
    font-size: 16px;
}
#search-video-main .search-bar-top .search-top .top .block ul li a{
    display: inline-block;
}
#search-video-main .search-bar-top .search-top .top .block ul li .active{
    border-bottom: 2px solid #F40002 ;
    color: #F40002 ;
}
#search-video-main .search-bar-top .search-top .top .block ul li a:hover{
    color: #F40002 ;
}

/*#search-video-main .search-bar-top .right-block{*/
    /*!*padding-right: 17px;*!*/
/*}*/
/*#search-video-main .search-bar-top .right-block ul li{*/
    /*float: left;*/
    /*!* width: 90px; *!*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    /*padding-left: 14px;*/
    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*behavior: url(/front/css/PIE.htc);*/
/*}*/

/*#search-video-main .search-bar-top .right-block ul li a{*/
    /*display: inline-block;*/
    /*border: 1px solid #d2d2d2;*/
    /*width: 80px;*/
    /*text-align: center;*/
    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/
    /*position: relative;*/
    /*z-index: 0;*/
    /*behavior: url(/front/css/PIE.htc);*/

/*}*/
/*#search-video-main .search-bar-top .right-block ul .active a{*/
    /*background: #F40002 ;*/
    /*color: #fff;*/
    /*border: 0px;*/
    /*line-height: 32px;*/
    /*height: 32px;*/
    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/

/*}*/

#search-video-main .search-bar-top  .show-cate-click{
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background: #303030;
    height: 32px;
    width: 80px;
    line-height: 32px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    padding: 0 10px;
    position: relative;
    z-index: 0;
}


#search-video-main .search-video-list-show .search-content{
    margin-top: 40px;
}
#search-video-main .search-video-list-show .search-content ul li{
    float: left;
    width: 23%;
    padding-right: 2.66%;
    padding-top: 20px;
    padding-bottom: 40px;
}
#search-video-main .search-video-list-show .search-content ul li:first-child+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-video-main .search-video-list-show .search-content ul li:first-child+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-video-main .search-video-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-video-main .search-video-list-show .search-content ul li .lt{
    width: 100%;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-video-main .search-video-list-show .search-content ul li .lt:hover{
    box-shadow: 0 1px 22px rgba(0,0,0,1);
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-video-main .search-video-list-show .search-content ul li .lt img{
    width: 100%;
    height: 168px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
#search-video-main .search-video-list-show .search-content ul li .lt .content{
    height: 50px;
}
#search-video-main .search-video-list-show .search-content ul li .lt .content .left-block{
    width:78%;
    padding: 6px;
}
#search-video-main .search-video-list-show .search-content ul li .lt .content .right-block{
    width: 8%;
    padding: 8px;
    text-align: right;
    color: #F40002 ;
}


#recommend-tag{
    min-height: 32px;
    color: #989898;
    font-size: 14px;
    /*background: #fff;*/
    /*display: inline-block;*/
    /*width: 100%;*/
    padding: 10px 20px;
    border-top: 1px solid #ddd;
    line-height: 32px;

}
#recommend-tag .left-inblock{
    overflow: hidden;
    height: 32px;
}
#recommend-tag .left-block{
    padding: 3px;
}
#recommend-tag .left-inblock ul li{
    float: left;
    height: 26px;
    line-height: 26px;
    margin-top: 5px;
}
#recommend-tag .left-inblock ul .tag-list{
    margin-left: 16px;
    height: 26px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    /*padding: 0 5px;*/
    background: #f4f4f4;
    color: #999;
    text-align: left;
    font-size: 13px;
    line-height: 26px;
    position: relative;
    z-index: 0;
    behavior: url(/front/css/PIE.htc);
}

#recommend-tag .left-inblock ul .tag-list a{
    color: #989898;
    display: inline-block;
    padding: 0 8px;
}
#recommend-tag .left-inblock ul .tag-list a:hover{
    background: #F40002 ;
    color: #fff;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    text-align: left;
    font-size: 13px;
    line-height: 26px;
    position: relative;
    z-index: 0;
    behavior: url(/front/css/PIE.htc);
}


/**************************word**********************************************/
#search-word-main {
    width: 1280px;
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 88px;
}
#search-word-main .search-category{
    width: 18%;
    height: 100%;
}
#search-word-main .search-word-list{
    display: inline-block;
    width: 80%;
}
#search-word-main .search-word-list .search-content ul li{
    float: left;
    width: 29%;
    padding-right: 6%;
    padding-top: 20px;
    padding-bottom: 40px;
    min-height: 460px;
}
#search-word-main .search-word-list .search-content ul li:first-child+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-word-main .search-word-list .search-content ul li:first-child+li+li+li+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-word-main .search-word-list .search-content ul li:first-child+li+li+li+li+li+li+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}





#search-word-main .search-word-list .search-content ul li:first-child+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-word-main .search-word-list .search-content ul li:first-child+li+li+li+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-word-main .search-word-list .search-content ul li:first-child+li+li+li+li+li+li+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}

#search-word-main .search-word-list .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 29%;
    padding-right: 0px;
}

#search-word-main .search-word-list .search-content ul li:nth-child(12){
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-word-main .search-word-list .search-content ul li:nth-child(15){
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-word-main .search-word-list .search-content ul li:nth-child(18){
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-word-main .search-word-list .search-content ul li:nth-child(21){
    float: left;
    width: 29%;
    padding-right: 0px;
}
#search-word-main .search-word-list .search-content ul li .lt{
    width: 100%;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    position: relative;
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-word-main .search-word-list .search-content ul li .lt:hover{
    box-shadow: 0 1px 22px rgba(0,0,0,1);
    position: relative;
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}
#search-word-main .search-word-list .search-content ul li .lt img{
    width: 100%;
    height: 423px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
#search-word-main .search-word-list .search-content ul li .lt .content{
    height: 50px;
}
#search-word-main .search-word-list .search-content ul li .lt .content .left-block{
    width: 78%;
    padding: 6px;
}
#search-word-main .search-word-list .search-content ul li .lt .content .right-block{
    width: 8%;
    padding: 8px;
    text-align: right;
    color: #F40002 ;
}
#search-word-main .search-page{
    margin: 0 auto;
    text-align: center;
    display: inline-block;
    width: 100%;
}
#search-word-main .search-page .left-block{
    width: 18%;
    display: inline-block;
    height: 30px;
    padding-top: 30px;
}
#search-word-main .search-page .right-block{
    /*padding-right: 32%;*/
    padding-top: 30px;
    width: 78%;
    text-align: center;
}
#search-word-main .search-category{
    margin-top: 20px;
    border-top: 1px solid #d2d2d2;
}
#search-word-main .search-category ul li span{
    display: inline-block;
    padding: 10px;
}
#search-word-main .search-bar {
    height: 50px;
    color:#989898;
    font-size: 12px;
    line-height: 50px;
}
#search-word-main .search-bar a{
    color:#989898;
}
#search-word-main .search-bar-top {
    /*height: 160px;*/
    font-size: 14px;
    background: #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    /*display: inline-block;*/
}
#search-word-main .search-bar-top .search-top .category {
    padding: 30px 20px 10px 20px;
    display: inline-block;
    width: 100%;
}

#search-word-main .search-bar-top .search-top .category .left-block{
    width: 5%;
    height: 64px;
    color: #989898;
}
#search-word-main .search-bar-top .search-top .category .left-block span{
    padding: 3px 0;
    display: inline-block;
}
#search-word-main .search-bar-top .search-top .category .right-block{
    width: 95%;
    height: 64px;
}



#search-word-main .search-bar-top .search-top .category ul li{
    float: left;
    width: 100px;
    height: 40px;
    text-align: center;
    color:#989898;
}
#search-word-main .search-bar-top .search-top .category ul li a {
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
}
#search-word-main .search-bar-top .search-top .category ul li a:hover{
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
    background: #F40002 ;
    color: #fff;
}
#search-word-main .search-bar-top .search-top .category ul li .active{
    background: #F40002 ;
    color: #fff;
    padding: 4px 10px
}



#search-word-main .search-bar-top .search-top .sort {
    padding: 10px 20px 10px 20px;
    height: 32px;

}
#search-word-main .search-bar-top .search-top .sort .left-block {
    width: 5%;
    height: 32px;
    color: #989898;
    line-height: 32px;
}

#search-word-main .search-bar-top .search-top .sort .left-inblock ul li{
    float: left;
}

#search-word-main .search-bar-top .search-top .sort ul li {
    float: left;
    width: 100px;
    height: 40px;
    text-align: center;
    color: #989898;
}

#search-word-main .search-bar-top .search-top .sort ul li a {
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
}
#search-word-main .search-bar-top .search-top .sort ul li a:hover{
    padding: 4px 10px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 0;
    display: inline-block;
    background: #F40002 ;
    color: #fff;
}
#search-word-main .search-bar-top .search-top .sort ul li .active{
    background: #F40002 ;
    color: #fff;
    padding: 4px 10px
}


#search-word-main .search-bar-top .search-top .top{
    padding: 0px 20px;
    height: 80px;
    border-bottom: 2px solid #ddd;
}
#search-word-main .search-bar-top .search-top .top .block ul li{
    float: left;
    width: 100px;
    line-height: 80px;
    font-size: 16px;
}
#search-word-main .search-bar-top .search-top .top .block ul li a{
    display: inline-block;
}
#search-word-main .search-bar-top .search-top .top .block ul li .active{
    border-bottom: 2px solid #F40002 ;
    color: #F40002 ;
}
#search-word-main .search-bar-top .search-top .top .block ul li a:hover{
    color: #F40002 ;
}
/*#search-word-main .search-bar-top .right-block{*/
/*!*padding-right: 17px;*!*/
/*}*/
/*#search-word-main .search-bar-top .right-block ul li{*/
/*float: left;*/
/*!* width: 90px; *!*/
/*height: 30px;*/
/*line-height: 30px;*/
/*padding-left: 14px;*/
/*}*/

/*#search-word-main .search-bar-top .right-block ul li a{*/
/*display: inline-block;*/
/*border: 1px solid #d2d2d2;*/
/*width: 80px;*/
/*text-align: center;*/
/*border-radius: 8px;*/
/*-moz-border-radius: 8px;*/
/*-webkit-border-radius: 8px;*/
/*position: relative;*/
/*z-index: 0;*/
/*behavior: url(/front/css/PIE.htc);*/


/*}*/
/*#search-word-main .search-bar-top .right-block ul .active a{*/
/*background: #F40002 ;*/
/*color: #fff;*/
/*border: 0px;*/
/*height: 32px;*/
/*line-height: 32px;*/
/*border-radius: 8px;*/
/*-moz-border-radius: 8px;*/
/*-webkit-border-radius: 8px;*/
/*position: relative;*/
/*z-index: 0;*/
/*behavior: url(/front/css/PIE.htc);*/
/*}*/

#search-word-main .search-bar-top  .show-cate-click{
    display: inline-block;
    cursor: pointer;
    color: #fff;
    background: #303030;
    height: 32px;
    width: 80px;
    line-height: 32px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    padding: 0 10px;
    position: relative;
    z-index: 0;
}


#search-word-main .search-word-list-show .search-content{
    display: inline-block;
    width: 100%;
    min-height: 1500px;
}
#search-word-main .search-word-list-show .search-content ul li{
    float: left;
    width: 23%;
    padding-right: 2.66%;
    padding-top: 20px;
    /*margin-bottom: 40px;*/
    min-height: 460px;
}
#search-word-main .search-word-list-show .search-content ul li a{
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);
}
#search-word-main .search-word-list-show .search-content ul li:first-child+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-word-main .search-word-list-show .search-content ul li:first-child+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-word-main .search-word-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-word-main .search-word-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}

#search-word-main .search-word-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-word-main .search-word-list-show .search-content ul li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li{
    float: left;
    width: 23%;
    padding-right: 0px;
}
#search-word-main .search-word-list-show .search-content ul li .lt{
    width: 100%;
    box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 8px rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,.1);

    position: relative;
    display: flex;
    flex-direction: column;
    /*height: 100%;*/
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    text-align: left;
    transition: translate .18s,box-shadow .18s;
    transform: translateY(0);
    background: #fff;
}

#search-word-main .search-word-list-show .search-content ul li .lt img{
    width: 100%;
    height: 423px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
#search-word-main .search-word-list-show .search-content ul li .lt .content{
    height: 40px;
}
#search-word-main .search-word-list-show .search-content ul li .lt .content .block{
    /*width: 78%;*/
    padding: 8px;
    text-align: center;
    overflow: hidden;
    white-space:nowrap;
}
#search-word-main .search-word-list-show .search-content ul li .lt .content .right-block{
    width: 8%;
    padding: 8px;
    text-align: right;
    color: #F40002 ;
}

#search-word-main  .search-content ul li .hover_shadow{
    display: none;
    width: 100%;
    height: 425px;
    /*background-color: #000;*/
    position: relative;
    top: -466px;
    background-color: rgba(0, 0, 0, 0.4);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
    /*border-radius: 8px;*/
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    /*-webkit-border-radius: 8px;*/
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    z-index: 500;
}
#search-word-main  .search-content ul li .hover_shadow .button{
    width: 120px;
    height: 40px;
    /* border: 1px solid #d2d2d2; */
    /* display: inline-block; */
    line-height: 20px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    behavior: url(/front/css/PIE.htc);
    line-height: 40px;
    background: #F40002 ;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    top: 50%;
    position: relative;
    left: 32%;
}
#search-word-main .search-content ul li:hover .hover_shadow{
    display: block;
    /*box-shadow: 0 1px 22px rgba(0,0,0,1);*/
    /*-webkit-box-shadow: 0 1px 22px rgba(0,0,0,1);*/
    /*-moz-box-shadow: 0 1px 22px rgba(0,0,0,1);*/
    position: relative;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*!*height: 100%;*!*/

    /*border-radius: 8px;*/
    /*-moz-border-radius: 8px;*/
    /*-webkit-border-radius: 8px;*/
    /*behavior: url(/front/css/PIE.htc);*/
    /*text-align: left;*/
    /*transition: translate .18s,box-shadow .18s;*/
    /*transform: translateY(0);*/
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    /*-webkit-border-radius: 8px;*/
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
}



.search-bar-top .search-top .type {
    height: 56px;
    border-bottom: 2px solid #f3f4f9;
    display: none;
}
.search-bar-top .search-top .type .block {
    display: inline-block;
    height: 56px;
    line-height: 56px;
}

.search-bar-top .search-top .type .block ul li{
    float: left;
}

.search-bar-top .search-top .type ul li {
    float: left;
    width: 120px;
    height: 56px;
    text-align: center;
    color: #989898;
}

.search-bar-top .search-top .type ul li a {

    display: inline-block;
}
.search-bar-top .search-top .type ul li a:hover{

    border-bottom:2px solid #F40002 ;
}
.search-bar-top .search-top .type ul li .active-chosen{
    border-bottom:2px solid #F40002 ;
}
.summary-tip{
    display: inline-block;
    font-size: 8px;
    border: 1px solid #F40002 ;
    padding: 1px 2px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    behavior: url(/front/css/PIE.htc);
    position: relative;
    z-index: 1;
}

.search-recommend .search-content ul li .lt .content .block{
    padding: 4px 8px;
}
.content-flag{
    font-size:12px;
    line-height:24px;
    background:#F40;
    position:absolute;
    color: #fff;
    right:0;
    top:0;
    z-Index:2;
    padding:0 2em;
    -webkit-transform-origin:left bottom;
    -moz-transform-origin:left bottom;
    transform-origin:left bottom;
    -webkit-transform:translate(29.29%,-100%) rotate(45deg);
    -moz-transform:translate(29.29%,-100%) rotate(45deg);
    transform:translate(29.29%,-100%) rotate(45deg);text-indent:0;
}
@media only screen and (min-width: 1280px) and (max-width: 1480px) {
    #search-ppt-main {
        width: 1280px;
    }
    .search-summary-main {
        width: 1280px;
    }
    .search-word-main{
        width: 1280px;
    }
    #search-ppt-main .search-ppt-list-show .search-content ul li a{
        min-width: 287px;
    }
    #search-ppt-main .search-ppt-list-show .search-content ul li{
        padding-right: 33px;
    }
    #app .scroll-in-header{
        width: 1280px;
    }
}
@media only screen and (min-width: 1480px) and (max-width: 2480px) {
    #search-ppt-main {
        width: 1360px;
    }
    .search-summary-main {
        width: 1360px;
    }
    #search-word-main{
        width: 1360px;
    }
    #app .scroll-in-header{
        width: 1360px;
    }
}
@media only screen and (min-width: 860px) and (max-width: 1300px) {
    #search-ppt-main {
        width: 1150px;
    }
    .search-summary-main {
        width: 1150px;
    }
    #search-word-main{
        width: 1150px;
    }
    #search-ppt-main .search-ppt-list-show .search-content ul li {
        padding-right: 25px;
    }
    #search-ppt-main .search-ppt-list-show .search-content ul li a{
        min-width: 280px;
    }
    #app .scroll-in-header{
        width: 1150px;
    }
}

.relate-search .list ul .tag-list{
    margin-top:5px;
    float:left;
    height:26px;
    color:#999;
    text-align:left;
    font-size:13px;
    line-height:26px;
    position:relative;
    z-index:0;
    margin-top:5px
}
.relate-search .list ul .tag-list a{
    color:#989898;
    display:inline-block;
    margin-right:8px;
    padding:0 8px;
    border:1px solid #ddd;
    border-radius:6px;-moz-border-radius:16px;-webkit-border-radius:16px
}
.relate-search .list ul .tag-list a:hover {
    border:1px solid #F40002;
    position:relative;
    z-index:0;
    behavior:url(/front/css/PIE.htc)
}