.search .search-but i{
    margin:0;
}
.img-box {
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.bg-classifyWrapper{padding-bottom:60px;}
.bg-title{
    padding:28px 0 15px;
    font-size:20px;
    color:#333;
    border-bottom:1px solid #c8c8c8;
    margin-bottom:26px;
}
.bg-title span{
    padding-left:60px;
}
/* 背景搜索 */
.search-bg{
    background:none;
    position: absolute;
    top:208px;
    left:39%;
    margin-left:-311px;
}
.bg-search{
    width: 625px !important;
    height: 52px !important;
    border-radius:2px;
    /* ackground:rgba(255,255,255,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff); */
}
.search .input-text{
    width:610px;
    height:52px;
    line-height:52px;
    background:rgba(255,255,255,.8);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff);
}
.search .search-but{
    position: absolute;
    width:78px!important;
    height:48px!important;
    line-height:48px;
    border-radius:4px;
    background:#da0916;
    font-size:18px;
    border-radius:2px;
    border:1px solid #fa0d1b;
    top:1px;
    right:1px;
}
.search-con .bg-keyword{
    width:943px;
    margin:0 auto;
    padding:8px 0;
    overflow:hidden;
    max-height:19px;
}
.search-con .bg-keyword li{margin:0 5px 5px;}
.search-con .bg-keyword li a{
    color:#a6a6a6;
    transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
}
.search-con .bg-keyword li a:hover{color:#fd0000;}
.search .search-sug{
    top:52px;
    width:543px;
    border-top:none;
    left:-1px;
}
.search-sug.background{
    border:1px solid #dd0000;
    -webkit-box-shadow: 0 2px 5px rgba(204,204,204,.6);
    -moz-box-shadow: 0 2px 5px rgba(204,204,204,.6);
    box-shadow: 0 2px 5px rgba(204,204,204,.6);
}
.search .search-sug .sokeyup_1 {
    background:#fff;
}
.search .search-sug.background .sokeyup_1:hover {
    background: #f7e6e6;
}
/* banner */
.bg-banner,.bg-banner .slide .banner-img{
    height: 400px;
    position: relative;
    /* min-width: 1200px; */
    width:100%!important;
}
.bg-banner .slide{
    width: inherit;
    position: relative;
    overflow:hidden;
}
.bg-banner .slide .banner-img .images {
    width: 100%!important;
    float: left;
}
.bg-banner .slide .banner-img a {
    position: relative;
    display: block;
    margin: 0 auto;
    height:460px;
    background:url(../images/banner.jpg);
    background-size: 100%100%;
}
.bg-banner .tabs {
    position: absolute;
    clear: both;
    height: 14px;
    line-height: 14px;
    border-radius: 9px;
    left: 0;
    width:78%;
    top:370px;
    padding: 0 2px;
    text-align: center;
}
.bg-banner .tabs a{
    width: 14px;
    height: 14px;
    display: inline-block;
    font-size: 1px;
    background: #999;
    border-radius: 50%;
    -webkit-transition: all .6s;
    transition: all .6s;
    margin: 2px 4px;
    cursor:pointer;
    opacity:.5;
    filter:alpha(opacity=50);
}
.bg-banner .tabs a.on, .tabs a:hover {
    background:#fff;
    width:50px;
    border-radius:12px;
    opacity:1;
    filter:alpha(opacity=100);
}
.bg-banner .backward {
    left: -60px;
    background-position:-420px 125px;
}
.bg-banner .backward:hover{background-position:-517px 125px;}
.bg-banner .forward {
    right:-60px;
    background-position:-677px 125px;
}
.bg-banner .forward:hover{background-position:-766px 125px;}
.bg-banner .backward,.bg-banner .forward {
    opacity:0;
    filter:alpha(opacity=0);
    position: absolute;
    overflow: hidden;
    top: 0;
    cursor: pointer;
    font-size: 0;
    height: 340px;
    width: 50px;
    background-image:url(../images/indexv3-icon.png);
    background-repeat:no-repeat;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
}
.bg-banner:hover .backward, .bg-banner:hover .forward {opacity:1;filter:alpha(opacity=100);}
.bg-banner .backward:after,.bg-banner .backward:before{
    content:"";
    display:inline-block;
    height:100%;
    padding:0 30px;
}
/* 背景banner位置介绍 */
.bg-banner-introBox{
    margin-top:-400px;
    position: relative;
}
.bg-banner .bg-banner-intro{
    position: absolute;
    width:260px;
    height:400px;
    top:0px;
    right:0px;
    background-color: rgba(0, 0, 0,.3);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
    text-align:center;
    color:#fff;
}
.bg-banner .bg-banner-intro h1{
    font-size:24px;
    color:#fff;
    padding:105px 0 20px;
}
.bg-banner .bg-banner-intro .info{
    font-size:18px;
    color:#fff;
    padding-bottom:12px;
}
.bg-banner .bg-banner-intro .bg-buyVip{
    display:block;
    margin:45px auto 0;
    width:210px;
    height:40px;
    line-height:40px;
    background:#e70303;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    border-radius:4px;
    transition:all .2s;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
    border-radius: 2px;
    background-image: -moz-linear-gradient( 0deg, rgb(225,0,25) 0%, rgb(252,88,110) 99%);
    background-image: -webkit-linear-gradient( 0deg, rgb(225,0,25) 0%, rgb(252,88,110) 99%);
    background-image: -ms-linear-gradient( 0deg, rgb(225,0,25) 0%, rgb(252,88,110) 99%);
}
.bg-banner .bg-banner-intro .bg-buyVip i{
    display:inline-block;
    width:28px;
    height:20px;
    margin-right:3px;
    background:url(../images/bg-publicicon.png) no-repeat 0px -208px;
    vertical-align:-5px;
}
.bg-banner .bg-banner-intro .bg-buyVip:hover{
   -ms-ransform:translateY(5px);
   -webkit-transform:translateY(5px);
   -moz-transform:translateY(5px);
   transform:translateY(5px);
}
/* 背景分类 */
.bg-classifyBox{
    width:577px;
}
.bg-classifyBox .bg-classifyList{
    margin-right:-23px;
    margin-top:26px;
}
.bg-classifyBox .bg-classifyList>a{
    width:277px;
    height:123px;
    margin-right:23px;
    margin-bottom:21px;
    font-size:20px;
    color:#333;
    border-radius:4px;
    position: relative;
    background:#ebebeb;
    -ms-transition:all .2s;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
    transition:all .2s;
}
.bg-classifyBox .bg-classifyList>a:hover{
    box-shadow: 0px 4px 9px 1px rgba(193, 188, 188, 0.45);
    -ms-transform:translateY(3px);
    -moz-transform:translateY(3px);
    -webkit-transform:translateY(3px);
    transform:translateY(3px);
}
.bg-classifyBox .bg-classifyList>a span{
    vertical-align:middle;
    display:inline-block;
    min-width:85px;
    text-align:center;
}
.bg-classifyBox .bg-classifyList>a .classifyIcon{
    display:inline-block;
    width:65px;
    height:65px;
    margin:29px 40px 29px 32px;
    background-repeat:no-repeat;
    background-image:url(../images/bg-publicicon.png);
    vertical-align:middle;
}
/* new图标动画 */
@keyframes new-animate{from{-webkit-transform:translate(0,3px);transform:translate(0,3px)}to{-webkit-transform:translate(0,-3px);transform:translate(0,-3px)}}
.bg-classifyBox .bg-classifyList>a .classifyIcon.across{
    background-position:0px -309px;
}
.bg-classifyBox .bg-classifyList>a .classifyIcon.vertical{
    background-position:0px -380px;
}
.bg-classifyBox .bg-classifyList>a .classifyIcon.square{
    background-position:0px -451px;
}
.bg-classifyBox .bg-classifyList>a .classifyIcon.com{
    background-position:0px -237px;
}
/* 背景首页专题分类 */
.bg-st-wrap{background:#fafafa;padding: 34px 0 52px;margin-top:22px;}
.bg-st-wrap .bg-st-type{margin-right:-40px;}
.bg-st-wrap .bg-st-type li{
    width:275px;
    height:184px;
    border-radius:2px;
    text-align:center;
    overflow:hidden;
    position: relative;
    margin-right:35px;
}
.bg-st-type li>a{display:block;}
.bg-st-type li .title{
    position: absolute;
    bottom:0;
    left:0;
    width:100%;
    height:58px;
    line-height:58px;
    z-index:2;
    background-image: -moz-linear-gradient( 90deg, rgba(207,109,252,0.8) 0%, rgba(206,109,252,0.84) 0%, rgba(58,58,58,0.84) 0%, rgba(50,50,50,0.44) 50%, rgba(50,50,50,0.43137) 50%, rgba(66,66,66,0.2) 77%, rgba(46,46,46,0.11) 87%, rgba(25,25,25,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgba(207,109,252,0.8) 0%, rgba(206,109,252,0.84) 0%, rgba(58,58,58,0.84) 0%, rgba(50,50,50,0.44) 50%, rgba(50,50,50,0.43137) 50%, rgba(66,66,66,0.2) 77%, rgba(46,46,46,0.11) 87%, rgba(25,25,25,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgba(207,109,252,0.8) 0%, rgba(206,109,252,0.84) 0%, rgba(58,58,58,0.84) 0%, rgba(50,50,50,0.44) 50%, rgba(50,50,50,0.43137) 50%, rgba(66,66,66,0.2) 77%, rgba(46,46,46,0.11) 87%, rgba(25,25,25,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F3a3a3a', endColorstr='#7F191919',GradientType=1);
    color:#fafafa;
    font-size:16px;
    -ms-transition:all .2s;
    -moz-transition:all .2s;
    -webkit-transition:all .2s;
    transition:all .2s;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.bg-st-type li:hover .title{
    height:100%;
    font-size:24px;
    line-height:184px;
}
.bg-st-wrap .bg-st-type li img{width:100%;}
.bg-st-more{
    border-radius:4px;
    display:block;
    margin:42px auto 0;
    border:1px solid #e3e3e3;
    width:189px;
    height:42px;
    line-height:42px;
    color:#666;
    font-size:18px;
    text-align:center;
    background:#f2f2f2;
}
.bg-st-more:hover{
    border-color:#e3e3e3;
    background:#666;
    color:#fff;
}
/* 标题通用 */
.bg-bTitle{
    font-size:24px;
    padding:35px 0 20px;
}
.bg-bTitle>a.title{color:#444;}
.bg-bTitle>a.more{
    font-size:18px;
    color:#333;
    margin-top:8px;
}
.bg-bTitle>a.more i{
    display: inline-block;
    width: 20px;
    height: 21px;
    background-image: url(../images/indexv3-icon.png);
    background-repeat: no-repeat;
    background-position: -9px -125px;
    vertical-align: -5px;
    margin-left: 8px;
} 
.bg-bTitle a:hover,.st-model-h2 a:hover,.st-model-h2 a.more:hover{color:#df0000;}
.bg-bTitle a:hover i,.st-model-h2 a.more:hover i{
    background-position:-137px -206px;
}
/* 背景细分类 */
.bg-typeWrap {
    padding-bottom:10px;
    width:552px;
}
.bg-typeWrap .bg-typeBox{
    margin-right:-24px;
    margin-top:31px;
}
.bg-typeWrap .bg-typeBox>a{
    border-radius: 2px;
    background:#fff;
    /* box-shadow: 0px 0px 4px 1px rgba(231, 234, 241, 0.6); */
    border:1px solid #e5e5e5;
    width:166px;
    height: 50px;
    line-height:50px;
    margin-right:24px;
    margin-bottom:18px;
    text-align:center;
    color:#383838;
    transition:all .2s;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
}
.bg-typeWrap .bg-typeBox>a:hover{
    background:#df0000;
    color:#fff;
}
.bg-picShow-wrap{
    margin-top: 60px;
    background:#FFF;
}
/* 首页图片展示 */
.bg-bgLevel-wrapper{margin-right:-36px;}
/* 横图 */
.bg-bgLevel-wrapper .bg-list-level{
    width:582px;
    margin-bottom:33px;
    margin-right:36px;
}
.bg-list-level .img-box{
    background:#fff;
    padding:9px;
    position:relative;
}
.bg-list-level .img-box .bg-proto{
    display:block;
    padding:70px 18px 0px;
    height:219px;
    width:528px;
    background:#f5f5f5;
    position:relative;
    overflow:hidden;
}
.bg-list-level .img-box .bg-proto .img-part img{width:528px;}
/* 横图 */
/* 横图标题 */
.img-box .bg-proto .img-title {
    position: absolute;
    bottom: -55px;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: rgba(96,96,96,.8);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    text-align: left;
}
.img-box .bg-proto .img-title .title {
    padding-left: 25px;
    display: block;
    width: 380px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    color: #fff;
}
.bg-list-vertical .img-box .bg-proto .img-title .title{width: 243px;}
.bg-list-level .img-box .bg-proto .img-title .title{width: 516px;}
.bg-list-level:hover .img-title,.bg-list-vertical:hover .img-title {
    bottom: 0px;
}
/* 横图标题 */
/* 横图夹子样式 */
.bg-list-level .img-box .bg-proto .clamp-img{
    top:52px;
}
.bg-list-level .img-box .bg-proto .clamp-img:after{
    height:52px;
    left:8px;
    top:-52px;
}
.img-box .bg-proto .clamp-img {
    position: absolute;
    width: 21px;
    height: 26px;
    background-image: url(../images/clamp.png);
    background-repeat: no-repeat;
}
.img-box .bg-proto .clamp-img:after{
    content:"";
    position:absolute;
    border-left:1px solid #7b7b7b;
}
.bg-list-level .img-box .bg-proto .clamp-l{
    left:66px;
}
.bg-list-level .img-box .bg-proto .clamp-r{
    right:53px;
}
/* 横图夹子样式 */
/* 竖图 */
.bg-bgVertical-wrapper{margin-right:-30px;}
.bg-bgVertical-wrapper .bg-list-vertical{
    width:380px;
    margin-right:30px;
    margin-bottom:33px;
    height:559px;
}

.bg-list-vertical .img-box{
    background:#fff;
    padding:15px;
    position:relative;
}
.bg-list-vertical .img-box .bg-proto{
    display:block;
    padding: 80px 0 20px;
    text-align:center;
    width:350px;
    height:429px;
    background:#f5f5f5;
    position:relative;
     overflow:hidden;
}
.bg-list-vertical .img-box .bg-proto .img-part img {
    width: 286px;
    height:418px;
}
/* 竖图 */
/* 竖图标题 */

/* 竖图标题 */
/* 竖图架子样式 */
.bg-list-vertical .img-box .bg-proto .clamp-img:after {
    height: 64px;
    left: 8px;
    top: -63px;
}
.bg-list-vertical .img-box .bg-proto .clamp-l{left:66px;}
.bg-list-vertical .img-box .bg-proto .clamp-r{right:63px;}
.bg-list-vertical .img-box .bg-proto .clamp-img{top:63px;}
/* 竖图架子样式 */
/* 方图 */
.bg-square-wrapper{margin-right:-32px;}
.bg-square-box{
    position: relative;
    width:275px;
    height:275px;
    background:#fff;
    margin:0 33px 33px 0;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.bg-square-box .img-box{
    overflow: hidden;
    position: relative;
    height: 257px;
    text-align: center;
    overflow-y: hidden;
    padding:9px;
    font-size: 0;
}
.bg-square-box .img-box .img-box-link{
    height: inherit;
    position: relative;
    overflow:hidden;
    text-align:center;
}
.bg-square-box .shadow-b {
    width: 275px;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background: url(../images/pngshadow.png) no-repeat center;
}
/* 方图 */
/* 方图标题 */
.bg-square-box .img-title {
    position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: rgba(96,96,96,.8);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    text-align: left;
}
.bg-square-box .img-title .title {
    padding-left: 25px;
    display: block;
    width: 232px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    color: #fff;
}
.bg-square-box:hover .img-title {bottom: 0px;}
/* 背景合集 */
.bg-com-wrapper{margin-right:-30px;}
.bg-com-wrapper .bg-com-box{
    width:380px;
    margin-right:30px;
    height:559px;
}
.bg-com-box .img-box{
    overflow: hidden;
    position: relative;
    height: 529px;
    text-align: center;
    overflow-y: hidden;
    padding:15px;
    font-size: 0;
}
.bg-com-box .img-box .img-part img{
    width:350px;
    height:529px;
}
.bg-com-wrapper .shadow-b{
    width: 380px;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background: url(../images/vbgshadow.png) no-repeat center;
}
/* 背景合集 */
/* 阴影 */
.bg-list-level .img-box .shadow-b{
    width:582px;
    height:13px;
    position:absolute;
    bottom:-12px;
    left:0;
    background:url(../images/original-bgshadow.png) no-repeat center;
}
.bg-list-vertical .img-box .shadow-b {
    width: 380px;
    height: 10px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background: url(../images/vbgshadow.png) no-repeat center;
}

/* 收藏下载按钮通用 */
.boutique-box .img-box .hover-content{
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
}
.boutique-box .bg-square-box:hover .img-box .hover-content,.boutique-box .bg-list-vertical:hover .img-box .hover-content,.boutique-box .bg-list-level:hover .img-box .hover-content{top:15px;}
.hover-content a{
    display:inline-block;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color:#fff;
    border-radius: 2px;
}
.hover-content a i{
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: -2px;
    margin-left: 2px;
}
.hover-content a.favV2{
    width:27px;
    height:30px;
    border: 1px solid #c9cbc9;
    background: url(../images/base-icon_1.png) no-repeat -95px -153px #f3f2f2;
    margin-left:11px;
}
.hover-content .favV2:hover,.hover-content .favonV2:hover,.hover-content a.favonV2{
    color: #f25751;
    background-position: -95px -184px;
}
.hover-content a.down-big-img{
    width:64px;
    background:#499df2;
    margin-right:9px;
}
.hover-content a.down-big-img:hover{background:#66b8ff;}
.hover-content .down-big-img i {
    background: url(../images/base-icon_1.png) -101px -227px no-repeat;
}
.hover-content a.down-big-y{
    width:74px;
    background:#4caf50;
    margin-right:12px;
}
.hover-content a.down-big-y:hover{background:#6bc46e;}
.hover-content .down-big-y i {
    background: url(../images/base-icon_1.png) -101px -227px no-repeat;
}
/* 收藏下载按钮通用 */
/* 图片展示蒙层 */
.boutique-box .img-box .mask-tier{
    position:absolute;
    left:0;
    top:0;
    background:#000;
    width:100%;
    height:100%;
    opacity:.4;
    filter:alpha(opacity=40);
    display:none;
}
.bg-square-box:hover  .img-box .mask-tier,.bg-list-level:hover .img-box .mask-tier,.bg-list-vertical:hover .img-box .mask-tier{display:block;}
.bg-square-box:hover,.bg-list-level:hover .img-box,.bg-list-vertical:hover .img-box{
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    -webkit-transform: translate3d(0, -3px, 0);
    -ms-transform: translate3d(0, -3px, 0);
    -o-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
}
/* 图片展示蒙层 */
.blogroll-box{height:0;}
/* 20171020修改背景竖图和合集下载按钮 */
.bg-endways-hoverBtn .endways-btn{
    position: absolute;
    left: 50%;
    margin-left: -82px;
    padding-left: 25px;
    width: 140px!important;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    border-radius: 5px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    display: none;
    z-index: 3;
}
.bg-endways-hoverBtn .down-big-y{
    top: 55%;
    background: url(../images/workppt-icon_new.png) no-repeat 35px 8px #4caf50;
}
.bg-endways-hoverBtn .down-big-y:hover{
    background-color:#6bc46e;
}
.bg-endways-hoverBtn .down-big-img{
    top: 40%;
    background: url(../images/workppt-icon_new.png) no-repeat 35px 8px #499df2;
}
.bg-endways-hoverBtn .down-big-img:hover{
    background-color:#66b8ff;
}
.bg-endways-hoverBtn .favV2{
    left:11px;
    position: absolute;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
    -ms-transition:top .2s;
    -webkit-transition:top .2s;
    -moz-transition:top .2s;
    transition:top .2s;
    margin:0!important;
}
.bg-endways-hoverBtn .favV2:hover,.hover-content a.favonV2 {
    color: #f25751;
    background-position: -94px -184px;
}
.bg-list-vertical:hover .img-box .endways-btn,.bg-com-box:hover .img-box .endways-btn{
    display:block;
}
/* 精品推荐专辑通用样式 */
.st-model-h2{
    text-align: center;
    font-size: 22px;
    color: #383838;
    padding: 30px 0 15px;
    position: relative;
    width:255px;
    margin:auto;
}
.st-model-h2 div:nth-child(1){
    position: absolute;
    width:50px;
    height:2px;
    background: #444;
    top:44px;
    left:0;
}
.st-model-h2 div:nth-child(2){
    position: absolute;
    width:50px;
    height:2px;
    background: #444;
    top:44px;
    right:0;
}
.st-model-h2:before{
    content: '';
    position: absolute;
    width: 6px;
    height:6px;
    background: #444;
    top: 42px;
    left: 50px;
    transform: rotate(45deg);
}

.st-model-h2:after{
    content: '';
    position: absolute;
    width: 6px;
    height:6px;
    background: #444;
    top: 42px;
    right: 50px;
    transform: rotate(45deg);
}
.st-model-h2 a{
    font-size: 24px;
    color: #383838;
}
.st-model-h2 a.more{
    font-size: 18px;
    color: #333;
}
.st-model-h2 a.more i{
    display: inline-block;
    width: 20px;
    height: 21px;
    background-image: url(../images/indexv3-icon.png);
    background-repeat: no-repeat;
    background-position: -9px -125px;
    vertical-align: -5px;
    margin-left: 8px;
}
.Ind-recom-box{margin-right:-20px;}
.Ind-recom-box .recom-list{
    width:386px;
    height:393px;
    background:#fff;
    position:relative;
    overflow:hidden;
    margin-right:20px;
    border-radius:2px;
    margin-top:20px;
}
.Ind-recom-box .recom-list .mask-tier{
    display:block;
    width:100%;
    height:100%;
}
.recom-list .mask-tier .spans{
    position: absolute;
    bottom:0px;
    left:0;
    width:100%;
    height:136px;
    line-height:40px;
    background-color: #F2F2F2;
    font-size:16px;
    color:#111111;
}
.jb-make{
    margin-top:15px;
    padding-left:20px;
    font-size: 15px;
    width: 91%;
    overflow: hidden;
    padding-bottom: 10px;
    line-height: 25px;
}
.jb-name{
    padding-left:20px;
    width:105px;
    overflow: hidden;
    float:left;
    line-height: 25px;
    font-weight: bold;
    font-size: 16px;
}
.jb-post{
    width:225px;
    float:left;
    line-height: 25px;
    padding-left: 13px;
    font-size: 15px;
}
.recom-list .mask-tier img{
    width:100%;
    height:257px;
}
.info {
    width: 960px;
    margin-top: 8px;
    overflow: hidden;
    position: relative;
}   
.foot-notice div {
    float: left;
    width: 15%;
    border-right: 1px dotted #CCC;
    height: 158px;
    padding-top: 10px;
}
.foot-notice li {
    padding: 0px 0px 5px 20%;
}
.foot-notice li {
    text-align: left;
}
.n-tit {
    font-weight: bold;
}
#ft {
    padding: 10px 0 20px;
    line-height: 22px;
    color:#666;
    width: 1200px;
    margin: 0 auto;
}   
.comiis_footertop {
    height: 22px;
    line-height: 16px;
    overflow: hidden;
    color: #CDCDCD;
    text-align: center;
}
.comiis_footertop a {
    margin: 0 10px;
}
.comiis_Copyright {
    color: #666;
    text-align: center;
    font-size:12px;
}
.tip_3, .tip_4 {
    margin-top: -8px;
}
.tip {
    position: absolute;
    padding: 10px;
    width: 260px;
    border: 1px solid #B1B1B1;
    background: #FEFEE9;
}
#scrolltop {
    visibility: hidden;
    position: fixed;
    bottom: 100px;
    display: block;
    margin: -30px 0 0;
    width: 26px;
    height: 50px;
    background: url(../../template/comiis_mfjddz/css/comiis/scrolltop.png) no-repeat 50% 0;
    line-height: 999px;
    overflow: hidden;
    cursor: pointer;
}
.prize{
    width:600px;
    height:100%;
    float:left;
}
.prize img{
    width:100%;
    height:100%;
}
.prize-right{
    width:600px;
    float:left;
}
.prize-size{
    font-size:  18px;
    padding: 15px 0 0 30px;
}
.prize-box{
    width:100%;
    padding-top:20px;
    padding-left:30px;
}
.prize-box h2{
    font-weight: bold;
    width:160px;
    float:left;
    font-size: 16px;
}
.pri-com{
    float:left;
    width:370px;
    font-size: 14px;
}
.recom-lists{
    width:386px;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
}
.recom-lists img{
    width:100%;
    height:257px;
}
.recom-lists .discuss{
    width: 386px;
    position: absolute;
    bottom: 0px;
    font-size: 16px;
    text-align: center;
    background: #000;
    opacity: 0.7;
    color: #FFF;
    height: 45px;
    line-height: 45px;
}
.wy-lists{
    width:590px;
    height:394px;
    margin-right: 20px;
    margin-top: 20px;
    position: relative;
}
.wy-lists img{
    width:100%;
    height:100%;
}
.wy-lists .discuss{
    width: 590px;
    position: absolute;
    bottom: 0px;
    font-size: 16px;
    text-align: center;
    background: #000;
    opacity: 0.7;
    color: #FFF;
    height: 60px;
    font-size: 18px;
    line-height: 60px;
}
.scrollpic {
    width: 1200px;
    margin:20px auto 0 auto;
}
#myscroll {
    display: block;
    width: 100%;
    position: relative;
    height: 190px;
    overflow: hidden;
}

#myscrollbox{height:190px;width:1200px;overflow:hidden;position:relative;}
#myscrollbox ul{height:190px;width:100000px;position:absolute;left:0;}
#myscroll ul li {
    display: block;
    float: left;
    padding: 0;
    width:285px;
    padding-right: 20px;
}
#myscroll ul li a {
    display: block;
    float: left;
    width: 285px;
    padding: 0;
    position: relative;
    height: 190px;
    color: #333;
}
#myscroll a .intro {
    position: absolute;
    left: 0;
    z-index: 10;
    background-color: #000;
    filter: alpha(opacity=70);
    width: 285px;
    color: #fff;
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    text-align: center;
}
#myscroll a .intro h5 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    height: 40px;
    width: 285px;
    line-height: 40px;
    font-weight:100;
}
#myscroll a .intro p {
    font-size: 13px;
    line-height: 20px;
    margin: 65px 70px;
    height: 70px;
    overflow: hidden;
}
#myscroll a .intro {
    bottom: 0;
}
#myscroll a:hover .intro {
    bottom: 0px;
}
#mybtns {
    margin: 10px 0;
    width: 1200px;
    display: block;
    position: relative;
    top: 75px;
    z-index: 99;
}
#mybtns a {
    width: 42px;
    height: 42px;
    display: block;
    float: right;
    margin-right: 1px;
    background-color: #F2F2F2;
    margin-left:10px;
}
#mybtns a:hover {
    /*background-color: #347fdc;*/
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#mybtns #left {
    background-image: url(../images/jt.png);
    position: absolute;
    left:-60px;
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 6px;
    transform: rotate(180deg);
}
#mybtns #right {
    background-image: url(../images/jt.png);
    position: absolute;
    right:-50px;
    background-repeat: no-repeat;
    background-position-x: 10px;
    background-position-y: 6px;
}

#kinMaxShow {
    visibility: hidden;
    width: 100%;
    height: 500px;
    overflow: hidden;
}