.header{float:left;width:100%;height:70px;background-color:#ffffff}
.header .header-logo{float:left;width:164px;height:45px;margin-top:12px;background:url(../images/logo.png)}
.header .user{float:right;height:70px}
.header .user .kthy{float:left;margin-right:10px;padding-top:20px;color:#c28748;background:url(../images/vip1.png) center top no-repeat;margin-top:15px}
.header .user .logined{float:left;height:70px;position:relative;}
.header .user .logined .userhov{display:none;position:absolute;right:0px;top:60px;width:300px;overflow:hidden;border-radius:5px;box-shadow:0px 0px 5px #999;background-color:#ffffff}
.header .user .logined .userhov .box{float:left;padding:16px;width:268px;}
.header .user .logined .userhov .box .userinfo{float:left;width:100%;border-bottom:1px solid #e0e0e0;padding-bottom:12px;}
.header .user .logined .userhov .box .userinfo img{width:48px;height:48px;float:left;border-radius:50%;overflow:hidden;}
.header .user .logined .userhov .box .userinfo span{float:left;width:160px;margin-left:10px;overflow:hidden;}
.header .user .logined .userhov .box .userinfo span em{float:left;padding-right:25px;}
.header .user .logined .userhov .box .userinfo span em.vip1{background:url(../images/vip1.png) right center no-repeat;}
.header .user .logined .userhov .box .userinfo span em.vip2{background:url(../images/vip2.png) right center no-repeat;}
.header .user .logined .userhov .box .userinfo span p{float:left;width:100%;}
.header .user .logined .userhov .box .userinfo a{float:right;background:url(../images/ico-logout.png) left center no-repeat;padding-left:14px;color:#333;}
.header .user .logined .userhov .box .userinfo a:hover{color:#333}
.header .user .logined .userhov .box .vipbox{float:left;width:100%;margin-top:10px;}
.header .user .logined .userhov .box .vipbox .viplay{float:left;width:100%;background:url(../images/userinfobg.png) center center no-repeat;height:42px;}
.header .user .logined .userhov .box .vipbox .viplay .vipin{float:left;margin-left:10px;height:42px;line-height:42px;background:url(../images/vlay.png) left center no-repeat;text-indent:30px;color:#000;font-size:16px;}
.header .user .logined .userhov .box .vipbox .viplay .vipin-em{float:right;line-height: 42px;font-size:12px;margin-right:10px;}
.header .user .logined .userhov .box .vipbox .viplay .vipout{float:left;margin-left:10px;height:42px;line-height:42px;background:url(../images/vlay.png) left center no-repeat;text-indent:30px;color:#000;font-size:16px;font-weight:bold;font-style: italic;}
.header .user .logined .userhov .box .vipbox .viplay .vipout-em{float:right;margin-right:10px;width:70px;height:26px;text-align:center;line-height:26px;background-color:#333;color:#e6c69b;font-size:12px;border-radius:13px;margin-top:8px;}
.header .user .logined .userhov .box .vipbox .infoli{float:left;width:300px;margin-left:-16px;margin-right:-16px;margin-top:20px;}
.header .user .logined .userhov .box .vipbox .infoli a{float:left;width:74px}
.header .user .logined .userhov .box .vipbox .infoli a i{float:left;width:46px;height:46px;margin-left:16px;border-radius:50%;}
.header .user .logined .userhov .box .vipbox .infoli a i.infoli1{background:url(../images/infoli1.png) center center no-repeat #eff5ff;}
.header .user .logined .userhov .box .vipbox .infoli a i.infoli2{background:url(../images/infoli2.png) center center no-repeat #eff5ff;}
.header .user .logined .userhov .box .vipbox .infoli a i.infoli3{background:url(../images/infoli3.png) center center no-repeat #eff5ff;}
.header .user .logined .userhov .box .vipbox .infoli a i.infoli4{background:url(../images/infoli4.png) center center no-repeat #eff5ff;}
.header .user .logined .userhov .box .vipbox .infoli a span{float:left;width:100%;text-align:center;font-size:12px;color:#333;}
.header .nologbtn{background-color:#3584ff;height:36px;width:98px;color:#fff;border-radius:5px;float:right;margin-top:17px;text-align:center;line-height:36px;}

.header .user .logined:hover .userhov{display:block;}
.header .user .headimg{float:left;margin-top:10px;background-color:#e8f3ff;border-radius:50%;height:44px;width:44px;position: relative;}
.header .user .headimg img{width:100%;height:100%}
.header .user .headimg .img{overflow:hidden;border:1px solid #f1f1f1;border-radius: 50%;}
.header .user .headimg .qqico{background:url(../images/qqico.png);width:16px;height:16px;position:absolute;right:0px;bottom:0px}
.header .user .headimg .wxico{background:url(../images/wxico.png);width:18px;height:18px;position:absolute;right:-4px;bottom:-4px}
.header .user .headimg .phoneico{background:url(../images/phoneico.png);width:16px;height:16px;position:absolute;right:0px;bottom:0px}
.header .middle{margin-left:65px;float:left;height:70px;line-height:70px;font-size:16px}
.unfixed{float:left;width:100%;height:70px;}
.header{position:fixed;top:0px;left:0px;z-index:100 ;}

.header.index .middle a.index{display:none !important;}
.header.fixed .middle{margin-left:40px}
.header.fixed .middle a{display:none;}
.header.fixed .middle a.index{display:block;}
.header .search{display:none;}
.header.fixed .search{display:block;}
.search{float:left;border:2px solid #3584ff;border-radius:4px;height:44px;margin-top:11px;position: relative;background-color:#ffffff;}
.search .type{float:left;width:105px;height:44px;position: relative;font-size:16px;}
.search .type .i{height:44px;line-height: 44px;text-indent:10px;float:left;width:105px;cursor: pointer;border:0px;margin:0px;outline:none;color:transparent;text-shadow: 0px 0px 0px #333;}
.search .type .i.open{background:url(../images/i-open.png) right center no-repeat}
.search .type .i.close{background:url(../images/i-close.png) right center no-repeat}
.search .type .typesel{position:absolute;display:none;top:47px;left:0px;padding-bottom:3px;background-color:#ffffff;box-shadow:0px 0px 5px #666;width:105px;}
.search .type .typesel span{float:left;width:90%;height:44px;line-height:44px;margin-left:5%;margin-top:5px;margin-bottom:5px;border-radius:5px;text-indent:10px;cursor:pointer;}
.search .type .typesel span:hover{background-color:#3584ff;color:#ffffff}
.search .line{float:left;border-left:1px solid #cccccc;height:24px;margin-top:10px;margin-left:10px;}
.search .searchinput{float:left;height:44px;line-height:44px;}
.search .searchinput input[type="text"]{float:left;height:44px;line-height:44px;text-indent:18px;font-size:16px;}
.search .searchhelp{position: absolute;display:none;left:0px;top:46px;background:#ffffff;width:100%;border-radius:4px;box-shadow:0px 0px 5px #333;}
.search .searchhelp div{height:36px;line-height: 36px;color:#999999;float:left;width:100%;text-indent:20px;}
.search .searchhelp div.suggest{text-indent:0px;cursor: pointer;}
.search .searchhelp div.suggest:hover{background:#f5f5f5}
.search .searchhelp div.suggest i{width:18px;height:18px;float:left;color:#ffffff;line-height:18px;margin-left:20px;margin-top:6px;text-align:center;}
.search .searchhelp div.suggest i.t{background:#3584ff}
.search .searchhelp div.suggest i.f{background:#d1def4}
.search .searchhelp div.suggest span{float:left;margin-left:10px;color:#333;width:auto;overflow:hidden;height:36px;line-height:36px;}
.search .searchbtn{float:left;width:118px;height:44px;line-height: 44px;background-color:#3584ff;color:#fff;font-size:18px;margin-right:-1px;border-bottom-right-radius:4px;border-top-right-radius:4px;}
.search .searchbtn:hover{background-color:#5c9dff;}
.header .detailtopdownload{display:none;}
.header.fixed .detailtopdownload{float:left;color:#fff;font-size:18px;line-height:46px;background-color:#3584ff;height:46px;width:138px;border-radius:5px;margin-top:12px;margin-left:20px}


.footnave1{float:left;width:100%}
.footnave1 .mainbox{border-bottom: 1px solid #e0e0e0;}
.footnave1 .footn{height:116px;float:left;width:20%}
.footnave1 .footn:hover{color:#333}
.footnave1 .footn i,.footnave1 .footn span{float:left;height:116px;line-height: 116px;font-size:16px;}
.footnave1 .footn i{width:40px}
.footnave1 .footn.footn1 i{background:url(../images/footn1.png) center center no-repeat}
.footnave1 .footn.footn2 i{background:url(../images/footn2.png) center center no-repeat;margin-left:15%}
.footnave1 .footn.footn3 i{background:url(../images/footn3.png) center center no-repeat;margin-left:35%}
.footnave1 .footn.footn4 i{background:url(../images/footn4.png) center center no-repeat;margin-left:50%}
.footnave1 .footn.footn5 i{background:url(../images/footn5.png) center center no-repeat;float:right;}
.footnave1 .footn.footn5 span{float:right;}
.header .middle a.index{margin-left:0px}
.header .easymodel_logolefttitle{float:left;height:70px;line-height: 70px;font-size:34px;color:#666;margin-left:20px}
.mainbody{float:left;width:100%;}


.mainbox{width:1200px;margin:0 auto;}

.header .middle a{margin:0px 15px}
.header .middle a.active{color:#5c9dff}
.header .w1200  .middle a{margin:0px 15px !important;}
.w1200 .search .searchinput {width:380px !important}
.w1200 .search .searchinput input[type="text"]{width:380px !important}
.header.fixed .w1200 .search{margin-left:80px !important;}
.w1200 .ul{width:1230px;margin-left:-16px !important;}
.w1200 .ul .li{margin-left:16px !important;margin-bottom:36px !important;width:288px !important;}
.search .searchinput input[type="text"]{width:380px}
.ul{float:left;}
.ul .li{float:left;width:280px;box-shadow:0px 0px 3px #e0e0e0;overflow:hidden;border-radius:5px;background-color:#fff}
@media screen and (max-width:1600px){
    .ul{width:1230px;margin-left:-16px;}
    .ul .li{margin-left:16px;margin-bottom:36px;width:288px;}
    .mainbox{width:1200px;margin:0 auto;}
    .mainbox.easymodel{width:1200px;margin:0 auto;}
    .header .middle a{margin:0px 15px}
    .header.index .middle{margin-left:100px;}
    .search .searchinput input[type="text"]{width:380px}
    .listnav .search .searchinput input[type="text"]{width:380px}
    .header.fixed .search{margin-left:80px;}
    /* .indexbodynav a{padding:18px 0px;width:114px;padding-left:10px;margin-left:10px} */
    .indexbodynav a{padding:18px 0px;width:153px;padding-left:10px;margin-left:10px} 
    /* .indexbodynav a i{margin-right:10px;} */
    .indexli1{width:1216px;}
    .indexli1 .li{width:288px;height:150px;}
    .listselect .setli{width:1125px;}
    
    .list {width: 1200px;}

    .swiper-button-next{margin-left:-600px}
    .swiper-button-prev{margin-left:550px}
}

.detailbox .detailinfo.fixed{margin-left:250px;}
    .detailbox .detailmain{width:774px;}
    .detailbox .detailmain .detail-body{width:100%}
@media screen and (min-width:1601px){
    .ul{width:1560px;margin-left:-20px;}
    .ul .li{margin-left:20px;margin-bottom:36px;width:288px;}
    .mainbox{width:1526px;margin:0px auto}
    .mainbox.easymodel{width:1200px;margin:0 auto;}
    .header .middle a{margin:0px 30px}
    .header.index .middle{margin-left:150px;}
    .search .searchinput{width:380px;}
    .search .searchinput input[type="text"]{width:380px}
    
    .header.fixed .search{margin-left:200px;}
    /* .indexbodynav a{padding:24px 0px;width:136px;padding-left:24px;margin-left:10px} */
    .indexbodynav a{padding:24px 22px;width:136px;padding-left:38px;margin-left:10px}
    /* .indexbodynav a i{margin-right:13px;} */
    .indexli1{width:1542px;}
    .indexli1 .li{width:368px;height:188px;}
    .listselect .setli{width:1450px;}
    /* .detailbox .detailinfo.fixed{margin-left:413px;}
    .detailbox .detailmain{width:1040px;}
    .detailbox .detailmain .detail-body{width:960px;margin:0px auto;}
    .detailbox .detailmain .detailmain-title{width:960px;margin:0px auto}
    .detailbox .detailmain .tips{width:960px;margin:0px auto} */
    .list {width: 1560px;}
    .swiper-button-next{margin-left:-780px}
    .swiper-button-prev{margin-left:713px}
}

#indexnav{float:left;width:100%;height:330px}
.naver{position: relative;width:100%;float:left;}
.naver .naversearch{position: absolute;z-index: 99;left:50%;margin-left:-309px;top:120px;width:618px;}
.naversearch .search{border:0px;height:60px;box-shadow:0px 0px 3px #333;}

.naversearch .search .type{height:60px;}
.naversearch .search .type .i{height:60px;line-height: 60px;text-indent:16px;float:left;width:105px;cursor: pointer;}
.naversearch .search .type .i.open{background:url(../images/i-open.png) right center no-repeat}
.naversearch .search .type .i.close{background:url(../images/i-close.png) right center no-repeat}
.naversearch .search .type .typesel{position:absolute;display:none;top:61px;left:0px;padding-bottom:3px;background-color:#ffffff;box-shadow:0px 0px 5px #666;width:105px;}
.naversearch .search .type .typesel span{float:left;width:90%;height:50px;line-height:50px;margin-top:5px;margin-bottom:5px;margin-left:5%;text-indent:10px;cursor:pointer;border-radius:5px;}
.naversearch .search .type .typesel span:hover{background-color:#3584ff;color:#ffffff}
.naversearch .search .line{float:left;border-left:1px solid #cccccc;height:38px;margin-top:10px;margin-left:10px;}
.naversearch .search .searchinput{float:left;height:60px;line-height:60px;}
.naversearch .search .searchinput input[type="text"]{float:left;height:60px;line-height:60px;text-indent:18px;font-size:16px;}
.naversearch .search .searchhelp{position: absolute;display:none;left:0px;top:60px;background:#ffffff;width:100%;border-radius:4px;box-shadow:0px 0px 5px #333;}
.naversearch .search .searchhelp div{height:36px;line-height: 36px;color:#999999;float:left;width:100%;text-indent:20px;}
.naversearch .search .searchhelp div.suggest{text-indent:0px;cursor: pointer;}
.naversearch .search .searchhelp div.suggest:hover{background:#f5f5f5}
.naversearch .search .searchhelp div.suggest i{width:18px;height:18px;float:left;color:#ffffff;line-height:18px;margin-left:20px;margin-top:8px;text-align:center;}
.naversearch .search .searchhelp div.suggest i.t{background:#3584ff}
.naversearch .search .searchhelp div.suggest i.f{background:#d1def4}
.naversearch .search .searchhelp div.suggest span{float:left;margin-left:10px;color:#333;width:auto;overflow:hidden;height:36px;line-height:36px;}
.naversearch .search .searchbtn{float:left;width:118px;height:60px;line-height: 60px;background:url(../images/icon-search.png) 30px center no-repeat #3584ff;color:#fff;font-size:18px;margin-right:-1px;border-bottom-right-radius:4px;border-top-right-radius:4px;text-indent:24px;}
.naversearch .search .searchbtn:hover{background-color:#5c9dff;}






.naver .naversearch .search .searchinput input[type="text"]{width:380px}
.naver .searchtip{float:left;width:100%;margin-top:10px;}
.naver .searchtip span{width:106px;float:left;text-align:center;color:#fff;font-size:14px;line-height: 32px;}
.naver .searchtip a{float:left;font-size:14px;padding:4px 8px;border-radius:5px;margin-left:10px;background:url(../images/black15.png);color:#ffffff}
.naver .searchtip a:hover{background:#3584ff;}

.swiper-pagination-bullet{background-color:#fff;width:32px;height:10px;border-radius:3px;opacity:0.5;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;opacity:1;}
.swiper-button-next,.swiper-button-prev{position:absolute;width:60px;height:60px;top:50%;margin-top:-25px;left:50%;opacity:0;}
.swiper-button-next{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXCAYAAAA7kX6CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNTBFQkRCMEQ3QkYxMUVCQTdDQkM3MjAwRjg1QzAxMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNTBFQkRCMUQ3QkYxMUVCQTdDQkM3MjAwRjg1QzAxMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA1MEVCREFFRDdCRjExRUJBN0NCQzcyMDBGODVDMDExIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA1MEVCREFGRDdCRjExRUJBN0NCQzcyMDBGODVDMDExIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+B//JwwAAAKlJREFUeNpiYCAS/P//vwGIMxlIAUANpf8h4BsQBxGrqeA/KgBpjiOkKQ6qEB1sJEfTXiCWwKUpiBxNPkD8GoumU/g0eZCjyRqPJnVSNd0ipOkWSZqgGk9h0QQKUQ9CkexDst/QNH8jKTQpinSKkhkxCfvatWv8hDRn/scOiNJcgEPzUmI0l+LQvJCYEqANS+LIJLb4aCNZEwgs2PmIGahhKqikg4kBBBgA1lxO7Xj3TpIAAAAASUVORK5CYII=) center center no-repeat #000;}
.swiper-button-prev{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAXCAYAAAA7kX6CAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LmRhYmFjYmIsIDIwMjEvMDQvMTQtMDA6Mzk6NDQgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCAyMi40IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxNzY4MUVCMEQ3QkYxMUVCQjBCNURDOTQyNjI5RkFDNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxNzY4MUVCMUQ3QkYxMUVCQjBCNURDOTQyNjI5RkFDNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE3NjgxRUFFRDdCRjExRUJCMEI1REM5NDI2MjlGQUM2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE3NjgxRUFGRDdCRjExRUJCMEI1REM5NDI2MjlGQUM2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Ja0nSQAAAKJJREFUeNpiYICC////ZwJxAwMpAKghCIi//YeAUmI1xSFpgoECYjRu/I8JQAbFEdIoAcR7aaE5iBjNp7Bofg3EPpRo9iCkWR2PZmtiNN+ituZbxGj2wJI4QOAUuX71ITV0vxHSRFpiICv5Xbt2jZ/kBI9HEwhk4tO0FIemAnzBvhCHplJCkZyJJZLbiC0+kDW3kVpgNQDx1AU7HzETox4gwABHLk7thgJYnwAAAABJRU5ErkJggg==) center center no-repeat #000;}
.swiper-container:hover .swiper-button-next{opacity:0.4;}
.swiper-container:hover .swiper-button-prev{opacity:0.4;}

.indexbodynav{float:left;width:100%;margin-top:30px;margin-bottom:30px;text-align: center;display:flex;display:-webkit-flex;}
/* .indexbodynav a{float:left;box-shadow: 0px 0px 3px #999;border-radius:5px;height:30px;line-height: 30px;font-size:14px;background-color:#fff} */
.indexbodynav a{float:left;box-shadow: 0px 0px 3px #eee;border-radius:5px;height:30px;line-height: 30px;font-size:16px;background-color:#fff}
.indexbodynav a:hover{color:#333;box-shadow: 0px 0px 3px #3584ff;}
.indexbodynav a i{float:left;width:30px;height:30px;}
.indexbodynav a i.nav1{background:url(../images/icon-nav1.png)}
.indexbodynav a i.nav2{background:url(../images/icon-nav2.png)}
.indexbodynav a i.nav3{background:url(../images/icon-nav3.png)}
.indexbodynav a i.nav4{background:url(../images/icon-nav4.png)}
.indexbodynav a i.nav5{background:url(../images/icon-nav5.png)}
.indexbodynav a i.nav6{background:url(../images/icon-nav6.png)}
.indexbodynav a i.nav7{background:url(../images/icon-nav7.png)}
.indexbodynav a i.nav8{background:url(../images/icon-nav8.png)}

.indextit{float:left;width:100%;height:30px;line-height: 30px;}
.indextit .icon {width:30px;height:30px;float:left;}
.icon-jinxuan{background:url(../images/icon-jinxuan.png) center center no-repeat;}
.icon-ppt{background:url(../images/icon-nav1.png) center center no-repeat;}
.icon-word{background:url(../images/icon-nav2.png) center center no-repeat;}
.icon-excel{background:url(../images/icon-nav3.png) center center no-repeat;}
.icon-pptbg{background:url(../images/icon-nav4.png) center center no-repeat;}
.icon-pptsource{background:url(../images/icon-nav5.png) center center no-repeat;}
.icon-pause{background:url(../images/play.png) center center no-repeat;width:14px;height:14px;}
.icon-music{background:url(../images/music.png) center center no-repeat;width:14px;height:14px;}
.icon-play{background:url(../images/pause.png) center center no-repeat;width:14px;height:14px;}
.indextit .titspan{float:left;line-height:30px;font-size:20px;font-weight:bold;margin-left:10px;}
.indextit .showmore{float:right;background:url(../images/icon-more.png) right center no-repeat;padding-right:20px;margin-right:3px;cursor:pointer;line-height: 30px;font-size:16px;color:#333}
.indextit .showmore:hover{color:#333}
.libox{float:left;width:100%;overflow:hidden;}

.indexli1{float:left;width:1542px;margin-left:-16px;margin-top:15px;margin-bottom:40px;}
.indexli1 .li{float:left;margin-left:16px;overflow:hidden;border-radius:5px;position: relative;text-align:center;}
.indexli1 .li img{width:auto;height:100%;}
.indexli1 .li span{display:none;}
.indexli1 .li:hover span{display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjkwMEQzRDQzOTBDMzExRTlCNUQ0QkM2MTQzOTAwRDEwIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjkwMEQzRDQ0OTBDMzExRTlCNUQ0QkM2MTQzOTAwRDEwIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTAwRDNENDE5MEMzMTFFOUI1RDRCQzYxNDM5MDBEMTAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTAwRDNENDI5MEMzMTFFOUI1RDRCQzYxNDM5MDBEMTAiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5dHJH1AAAAD0lEQVR42mJgYGDYDBBgAAC4ALTWofH1AAAAAElFTkSuQmCC);color:#fff;height:30px;line-height:30px;text-align:center;position: absolute;bottom:0px;left:0px;width:100%;}

.indexli2{margin-top:15px;}
.indexli2 .li{}
.indexli2 .li .imglay{float:left;width:288px;height:407px;overflow:hidden;position: relative;}
.indexli2 .li .imglay img{width:100%;height:100%}
.indexli2 .li.pptbg .imglay{height:290px}
.indexli2 .li.pptsource .imglay{height:144px}
.indexli2 .li .imglay .hovlay{display:none;}
.hovlay{z-index:2}
.hovlay .unfav{z-index:3;}
.hovlay .faved{z-index:3;display:none}
.li .linkhov{position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:1}
.indexli3 .li .imglay img{width:100%;height:100%}
.indexli2 .li:hover .imglay .hovlay{display:block;position:absolute;width:100%;height:100%;top:0px;left:0px;}
.indexli2 .li .imglay .hovlay .unfav{position: absolute;width:74px;height:30px;line-height:30px;text-indent:34px;background:url(../images/noselfav.png) 10px center no-repeat #ffffff;font-size:14px;color:#666;right:10px;top:10px;border-radius:5px;cursor:pointer;}
.indexli2 .li .imglay .hovlay .unfav:hover{background:url(../images/noselfavhov.png) 10px center no-repeat #ffffff;color:#3584ff}
.indexli2 .li .imglay .hovlay .faved{position: absolute;width:74px;height:30px;line-height:30px;text-indent:26px;background:url(../images/selfav.png) 5px center no-repeat #ffffff;font-size:14px;color:#3584ff;right:10px;top:10px;border-radius:5px;cursor:pointer;}

.indexli2 .li .imglay .hovlay .downbtn{color:#fff;position: absolute;left:55px;bottom:24px;border-radius: 5px;width:178px;height:44px;text-align:center;line-height:44px;background:#3584ff;background-image: linear-gradient(to right, #65adff , #3584ff);cursor: pointer;}
.indexli2 .li .imglay .hovlay .downbtn:hover{background-image: linear-gradient(to right, #8cc2ff , #3584ff);}
.indexli2 .li .titlay{float:left;width:258px;margin-left:11px;height:40px;line-height:40px;text-align:left;font-size:14px;color:#424242}
.indexli2 .li .titlay:hover{color:#3584ff}
.indexli3{margin-top:15px;}
.indexli3 .li{}
.indexli3 .li .title{float:left;width:100%;text-align:center;height:60px}
.indexli3 .li.word .title span{display:inline-block;background:url(../images/wordtitle.png) left center no-repeat;height:60px;line-height: 60px;padding-left:40px;max-width:220px;}
.indexli3 .li.excel .title span{display:inline-block;background:url(../images/exceltitle.png) left center no-repeat;height:60px;line-height: 60px;padding-left:40px;max-width:220px;}
.indexli3 .li .imglay{float:left;width:288px;height:300px;overflow:hidden;position: relative;}
.indexli3 .li.excel .imglay{height:168px;width:288px;}
.indexli3 .li.excel .imglay img{width:100%;height:100%}
.indexli3 .li .imglay .hovlay{display:none;}
.indexli3 .li:hover .imglay .hovlay{display:block;position:absolute;width:100%;height:100%;top:0px;left:0px;}
.indexli3 .li .imglay .hovlay .unfav{position: absolute;width:74px;height:30px;line-height:30px;text-indent:34px;background:url(../images/noselfav.png) 10px center no-repeat #ffffff;font-size:14px;color:#666;right:10px;top:10px;border-radius:5px;cursor:pointer;}
.indexli3 .li .imglay .hovlay .unfav:hover{background:url(../images/noselfavhov.png) 10px center no-repeat #ffffff;color:#3584ff}
.indexli3 .li .imglay .hovlay .faved{position: absolute;width:74px;height:30px;line-height:30px;text-indent:26px;background:url(../images/selfav.png) 5px center no-repeat #ffffff;font-size:14px;color:#3584ff;right:10px;top:10px;border-radius:5px;cursor:pointer;}

.indexli3 .li .imglay .hovlay .downbtn{color:#fff;position: absolute;left:55px;bottom:24px;border-radius: 5px;width:178px;height:44px;text-align:center;line-height:44px;background:#3584ff;background-image: linear-gradient(to right, #65adff , #3584ff);cursor: pointer;}
.indexli3 .li .imglay .hovlay .downbtn:hover{background-image: linear-gradient(to right, #8cc2ff , #3584ff);}
.indexli3 .li.excel .imglay .hovlay .downbtn{left:55px}
.indexli3 .li .titlay{float:left;width:258px;margin-left:11px;height:36px;line-height:36px;text-align:center;font-size:14px;}


.listnav{float:left;width:100%;background:url(../images/listnavbg.png) center center no-repeat;height:108px;position: relative;}
.listnav #listnav{position: absolute;z-index: 99;left:50%;margin-left:-309px;top:16px;width:618px;}
.listnav .search{margin-top:9px;}
.listselect{float:left;width:100%;background-color:#fff;padding:15px 0px;border-radius: 5px;margin-top:15px}
.listselect .box{float:left;width:100%;margin:5px 0px}
.listselect .seltit{float:left;width:75px;text-align:center;height:26px;line-height:26px;margin-top:5px}
.listselect .setli{float:left;}
.listselect .setli a{float:left;padding:0px 15px;margin:5px 10px;height:26px;line-height: 26px;;}
.listselect .setli a.active,.listselect .setli a:hover{background-color:#3584ff;border-radius:5px;color:#fff;cursor: pointer;}



.breadnav{float:left;width:100%;height:30px;line-height: 30px;font-size:14px;margin:15px 0px}
.breadnav a,.breadnav i,.breadnav span{float:left;}

.detailbox{float:left;width:100%;position: relative;}
.detailbox .detailmain{float:left;background-color:#ffffff;padding:30px;margin-bottom:30px;}
.detailbox .detailmain .detailmain-title{font-size:24px;color:#666;margin-bottom:25px;}
.detailbox .detailmain .detailmain-title i{display:inline-block;width:20px;height:20px;margin:0px 5px;}
.detailbox .detailmain .detailmain-title .business2{background:url(../images/icon-business.png) center center no-repeat}
.detailbox .detailmain .detailmain-title .cr2{background:url(../images/icon-cp2.png) center center no-repeat}
.detailbox .detailmain .detail-body{position: relative;}
.detailbox .detailmain .detail-body .detail-page{background: url(../images/words_page_icon.png) no-repeat;top: 0px;right: 0px;width: 100px;height: 100px;position: absolute;}

.detailbox .detailmain .detail-body .detail-page .r45{
    margin-top:29px;
    margin-left:45px;
    font-size:17px;
    color:#FFF;
    font-weight:200;
    transform:rotate(45deg);
    -ms-transform:rotate(45deg); /* IE 9 */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
    -o-transform:rotate(45deg); /* Opera */
}
.detailbox .detailmain .detail-body img{width:100%}
.detailbox .detailmain .tips{font-size:14px;line-height:26px;margin-top:10px}
.detailbox .detailinfo{float:right;width:290px;background-color:#fff;padding:30px}
.detailbox .detailinfo.fixed{position:fixed;left:50%;top:70px;}
.detailbox .detailinfo.abso{position: absolute;right:0px;bottom:30px}
.detailbox .detailinfo .dibox{float:left;width:100%;position: relative;}
.detailbox .detailinfo .dibox .downbtn{float:left;width:220px;height:54px;line-height:54px;font-size:20px;color:#fff;border-radius:5px;}
.detailbox .detailinfo .dibox .downbtn i{float:left;height:54px;background:url(../images/icon-download.png) right center no-repeat;width:70px;margin-right:10px;}
.detailbox .detailinfo .dibox .fav{float:right;height:52px;width:52px;border:1px solid #e0e0e0;background:url(../images/noselfav.png) center center no-repeat;border-radius:5px;}
.detailbox .detailinfo .dibox .fav:hover{background:url(../images/noselfavhov.png) center center no-repeat}
.detailbox .detailinfo .dibox .fav.active{background:url(../images/selfav.png) center center no-repeat}
.detailbox .detailinfo .dibox p{float:left;width:100%;color:#999999;font-size:14px;margin:10px 0px;}
.detailbox .detailinfo .dibox .leftinf{float:left;font-size:14px;color:#999999;margin:5px 0px}
.detailbox .detailinfo .dibox .rightinf{float:right;font-size:14px;color:#999999;margin:5px 0px}
.detailbox .detailinfo .dibox .rightinf a{color:#3584ff}
.detailbox .detailinfo .dibox .leftinf .cr{background:url(../images/icon-cr.png) center center no-repeat;width:18px;height:22px;float:left;margin-right:5px;}
.detailbox .detailinfo .dibox .rightinf .bqsm{float:right;background:url(../images/icon-bqsm.png) center center no-repeat;width:18px;height:22px;margin-left:5px;position: relative;}
.detailbox .detailinfo .dibox .rightinf .bqsm .emtipsContent{display:none;position:absolute;cursor:pointer;left:-395px;top:-340px; width:346px;height:auto; color:#af9178;background:#ffffff;border:1px solid #dfdfdf;padding:17px 19px 32px 28px;text-align:left;z-index:100}
.detailbox .detailinfo .dibox .rightinf .bqsm .emtipsContent h4{height:50px;line-height:50px;font-size:18px;text-align:center;}
.detailbox .detailinfo .dibox .rightinf .bqsm .emtipsContent p{text-align:left;text-indent:2em;line-height:20px;font-size:12px;}
.detailbox .detailinfo .dibox .rightinf .bqsm:hover .emtipsContent{display:block;}
.detailbox .detailinfo .dibox .tips{float:left;padding:8px 14px;font-size:12px;background:#f5f5f5;color:#666;margin-right:10px;margin-bottom:10px;border-radius:5px;}
.detailbox .detailinfo .dibox .tips:hover{background:#3584ff;color:#fff}
.detailbox .detailinfo .line{float:left;width:100%;height:0px;border-bottom:1px solid #e0e0e0;margin:15px 0px}



.audioList{ height:160px;position: relative;}
.audioList .linkbox{ width: 100%; height: 100%; display: block; position:absolute;  top: 0  ; left: 0}
.audioList .rotateBox{ position: relative; z-index: 3;width: 80px; height:80px; margin:20px 20px 0 15px;}
.audioList .musicRecord{ width:80px; height:80px; background: url(../images/musicRecordSmall.png) 0 0; background-size: cover;}
.audioList .musicBtn{ width: 80px; height:80px; text-align: center; line-height:80px; color: #fff;position: absolute;  top:0px; left:0px;margin:0px;  cursor: pointer;}
.audioList .musicBtn i{ color: #fff; font-size:13px;width:100%;height:100%;line-height:80px;text-align:center;display:block;}
.audioList .musicBtn i.icon-pause{ text-indent:2px}

.audioList .rightCon{ width:165px; margin-top:18px; margin-bottom:24px; height: 93px}
.audioList .audioName{ color: #333; line-height: 20px; width: 165px; margin: 0 auto;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;margin-top:16px;}
.audioList .belongTo{ color: #999; width: 165px; margin: 0 auto;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height: 16px; margin-top:8px; font-size: 12px}
.audioList .pathway{ width:125px; height:19px;/* background: url(../images/pathwaySmall.png);*/ margin:10px 0; position: relative; z-index: 3}
.audioList .shengbo-box { width: 210px; border-radius:3px;  height:10px; margin:60px auto 20px ; position: relative;}
.audioList .time-bar{ height: 3px; width: 210px;border-radius:3px; background-color:#DFE2E4;  position: relative; margin-top:3px; cursor: pointer;}
.audioList .star-time{ position: absolute;  top: -25px; left: 0;  color: #999; font-size: 12px;}
.audioList .end-time{ position: absolute;  top: -25px; right: 0;  color: #999; font-size: 12px;}
.audioList .time-bar .currentTime{ position: absolute;top: -27px; left:-10px;font-size: 12px; color: #0d81f6;display: none;}
.audioList .time-bar:hover .currentTime{ display: block;}

.audioList .timeTip{ width:8px; height: 8px; background-color: #0d81f6; border-radius: 8px; position: absolute; top:-3px; left: -4pxs; max-width:210px; }
.audioList .time-bar .move-color.running {
    -webkit-animation-play-state: running;
    animation-play-state: running
}
.audioList .time-bar:hover .timeTip{ display: block;}
.audioList .time-bar img{ position:  relative; z-index: 3}
.audioList .move-color{ position:  absolute; left: 0; top: 0;height:3px;background-color:#0d81f6; z-index: 2; max-width:210px;}
.audioList .list-btn {position:absolute; width:146px; right: 14px; top:-30px;  left: auto;padding: 0; height: 25px; background-color:transparent; background-image: none; bottom:62px; top:auto; right: 20px;display:block;/* opacity: 0;*/transition: all 0.2s}
.audioList .list-btn .collect-btn{width:40px; padding-left:25px;height: 28px;line-height:28px;color:#999; border-radius: 2px; margin-left:0px;background:url(../images/noselfav.png) 5px center no-repeat #ffffff;cursor:pointer;border:1px solid #999}
.audioList .list-btn .download{ width:75px; height: 30px; line-height:30px;text-align: center;border-radius: 2px;margin:0 auto 10px; margin-right:0px; cursor: pointer; font-size: 14px;color:#fff;}

.audioList .list-btn .collect-btn:hover{border-color: #3584ff; color: #3584ff;background:url(../images/noselfavhov.png) 5px center no-repeat;}
.audioList .list-btn .collect-btn.active{background:url(../images/selfav.png) 5px center no-repeat #ffffff;display:block;border-color: #3584ff; color: #3584ff;}

.audioList .list-btn .download a{  width:75px; height: 26px; line-height:26px;text-align: center;font-size:14px; color: #fff; display: inline-block;}
.audioList .list-btn .download a:hover{opacity: 0.9}
.audioList:hover .list-btn{opacity: 1;display:block}
.audioList .list-btn .sure-coll {left:-6px;top:-70px; display: block; width: 148px; height:60px;}
.audioList .list-btn .sure-coll span{ width:60px; height: 20px; line-height: 20px;}
.audioList .list-btn .coll-success{left:0px; top:28px; width:114px; height: 36px; line-height: 36px;}
.audioList:hover .pathway{  display:none;}
.changeAnimae{
    -webkit-animation: spinAround 6s linear infinite;
    -moz-animation: spinAround 6s linear infinite;
    animation: spinAround 6s linear infinite;
}
@-webkit-keyframes spinAround {
    from {-webkit-transform: rotate(0deg)}
    to {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spinAround {
    from {-moz-transform: rotate(0deg)}
    to {-moz-transform: rotate(360deg);}
}
@keyframes spinAround {
    from {transform: rotate(0deg)}
    to {transform: rotate(360deg);}
}



/* 第一次打开 */
.firsttimeopen{position:fixed;width:100%;height:100%;z-index: 999999;left:0px;top:0px;display:none;}
.firsttimeopen .middleimg{position: fixed;left:50%;top:50%;margin-left:-250px;margin-top:-200px;width:500px;height:400px;background:url(../images/firstopen.png) center center no-repeat;}
.firsttimeopen .firsttimeclose{background:url(../images/close3.png) center center no-repeat;width:30px;height:30px;position:fixed;left:50%;top:50%;margin-left:250px;margin-top:-250px;z-index: 100000;cursor: pointer;}
/* 弹框 */

/*new version lgoin */
.wqlogin{position:fixed;z-index: 999;width:750px;height:480px;border-radius: 7px;overflow:hidden;left:50%;top:50%;margin-left:-345px;margin-top:-220px;background:url(../images/wqloginleftbg.png) no-repeat;display:none}
.wqlogin .leftpic{float:left;height:480px;width:320px;}
.wqlogin .rightmain{float:right;width:420px;}
.wqlogin .logotitle{background:url(../images/wqlogo.png);width:208px;height:45px;float:left;margin-top:28px;margin-left:90px; background-size:100% 100%;}
.wqlogin .qrcodee{width:256px;height:256px;float:left;margin-left:72px;margin-top:0px;  position:relative;background:url(../images/pay_loading.gif) 43px 25px no-repeat;}
.wqlogin .qrcodee .weprewlogin{position:absolute;right:-13px;top:36px;background:url(../images/prewloginwe2.png);width:50px;height:20px;    z-index: 999; display:none;}
.wqlogin #wx_login_qrcode{position:absolute; left:-17px; top:10px; overflow:hidden; height:255px;}
.wqlogin #wx_login_qrcode iframe{}
.wqlogin .middleline{float:left;height:1px;border-bottom:1px solid #cccccc;width:272px;margin-left:68px;margin-top:26px;position:relative;}
.wqlogin .middleline span{width:118px;height:30px;top:-15px;background-color:#fff;position:absolute;left:77px;line-height:30px;text-align:center;font-size:12px;color:#a7a7a7;}
.wqlogin .other{float:left;display:block;text-align:center;margin-top:25px;width:98%;text-align:center;height:60px}
.wqlogin .other .qqlogin{position:relative;background:url(../images/qqlogin.png) top center no-repeat;width:40px;height:40px; display:inline-block; _zoom:1;_display:inline; *zoom:1;*display:inline;cursor:pointer;margin:0px 40px;}
.wqlogin .other .qqlogin .prewlogin{background:url(../images/prewloginqq2.png);position:absolute;width:50px;height:20px;left:43px;top:0px; display:none;}
.wqlogin .other .qqlogin:hover{background:url(../images/qqloginhov.png) top center no-repeat;}
.wqlogin .other .phlogin{position:relative;background:url(../images/phonelogin.png) top center no-repeat;width:40px;height:40px; display:inline-block; _zoom:1;_display:inline; *zoom:1;*display:inline;cursor:pointer;margin:0px 40px;}
.wqlogin .other .phlogin .prewlogin{background:url(../images/prewloginphone2.png);position:absolute;width:50px;height:20px;left:43px;top:0px; display:none;}
.wqlogin .other .phlogin:hover{background:url(../images/phoneloginhov.png) top center no-repeat;}
.wqlogin .other .tip{position:absolute;width:80px;left:-20px;top:45px;color:#a7a7a7;line-height:20px;height:20px;text-align:center;font-size:12px;}
.wqlogin .power{float:left;width:100%;text-align:center;color:#a7a7a7;margin-top: 14px; font-size:12px;}
.wqlogin .power a{color:#a7a7a7;}
.wqlogin .power a:hover{color:#0982f8;}
.wqlogin .other i{width:30px;height:30px; display:inline-block;font-style: normal;background:url(../images/qqsel.png) left 6px no-repeat; position:absolute;}


.phonelogin{position:fixed;z-index:999;width:430px;height:480px;border-radius:7px;overflow:hidden;background-color:#fff;left:50%;top:50%;margin-left:-215px;margin-top:-220px;display:none}
.phonelogin .logotitle{float:left;background:url(../images/wqlogo.png) center center no-repeat;width:100%;height:50px;float:left;margin-top:50px;}
.phonelogin .phoneno{float:left;height:50px;width:272px;*content:"aaaa";margin-left:77px;line-height:50px;border:1px solid #e0dfdf;font-size:14px;border-radius:7px;text-indent:16px;margin-top:25px;outline:none;}

.phonelogin .capt{float:left;height:52px;width:274px;margin-left:77px;margin-top:15px;padding:0px;}
.phonelogin .capt .captinput{float:left;width:128px;border:1px solid #e0dfdf;height:50px;line-height:50px;font-size:14px;border-radius:7px;text-indent:16px;padding:0px;*margin-left:-77px;}
.phonelogin .capt .getcaptbtn{float:left;border:1px solid #e0dfdf;width:128px;height:50px;text-align:center;cursor:pointer;line-height:50px;color:#000;float:left;border-radius:7px;margin-left:12px;}
.phonelogin .capt .getcaptbtn:hover{color:#0982f8;border-color:#0982f8;}
.phonelogin .capt .getcaptbtn.noclick{border-color:#e0dfdf;color:#000;}
.phonelogin .capt .getcaptbtn.noclick:hover{border-color:#e0dfdf;color:#000;}
.phonelogin .msg{float:left;height:25px;line-height:25px;color:#f00;width:100%;text-align:center;line-height:25px;font-size:14px;}
.phonelogin .sub{float:left;height:50px;width:272px;cursor:pointer;display:block;margin-left:77px;text-align:center;line-height:50px;border:1px solid #0982f8;font-size:18px;border-radius:7px;margin-top:0px;outline:none;background-color:#0982f8;color:#fff;letter-spacing:5px}
.phonelogin .middleline{float:left;height:1px;border-bottom:1px solid #cccccc;width:272px;margin-left:77px;margin-top:26px;position:relative;}
.phonelogin .middleline span{width:118px;height:30px;top:-15px;background-color:#fff;position:absolute;left:77px;line-height:30px;text-align:center;}
.phonelogin .other{float:left;display:block;text-align:center;margin-top:25px;width:100%;text-align:center;}
.phonelogin .other .qqlogin{position:relative;background:url(../images/qqlogin.png) top center no-repeat;width:40px;height:40px; display:inline-block; _zoom:1;_display:inline; *zoom:1;*display:inline;cursor:pointer;margin:0px 40px;}
.phonelogin .other .qqlogin .prewlogin{background:url(../images/prewloginqq2.png);position:absolute;width:50px;height:20px;left:43px;top:0px;}
.phonelogin .other .qqlogin:hover{background:url(../images/qqloginhov.png) top center no-repeat;}
.phonelogin .other .welogin{position:relative;background:url(../images/welogin.png) top center no-repeat;width:40px;height:40px; display:inline-block; _zoom:1;_display:inline; *zoom:1;*display:inline;cursor:pointer;margin:0px 40px;}
.phonelogin .other .welogin .prewlogin{background:url(../images/prewloginwe2.png);position:absolute;width:50px;height:20px;left:43px;top:0px; display:none;}
.phonelogin .other .welogin:hover{background:url(../images/weloginhov.png) top center no-repeat;}
.phonelogin .other .tip{position:absolute;width:80px;left:-20px;top:50px;color:#a7a7a7;line-height:12px;height:20px;text-align:center;font-size:12px}
.phonelogin .power{float:left;width:100%;text-align:center;color:#a7a7a7;margin-top:32px; font-size:12px;}
.phonelogin .power a{color:#0982f8;}

.vip_renew{width:524px;height:430px;margin-left:-262px;margin-top:-215px;background-color:#fff;background-image:url(../images/login_2_header.png);background-repeat:no-repeat;background-position:center top;border-radius:5px;box-shadow:0 1px 3px #ddd;-webkit-box-shadow:0 1px 3px #ddd;-moz-box-shadow:0 1px 3px #ddd;position:fixed;left:50%;top:50%;z-index:999;-webkit-animation:login-win .4s forwards;animation:login-win .4s forwards;-moz-animation:login-win .4s forwards;display:none; 
}
.down_tips{width:524px;height:430px;margin-left:-262px;margin-top:-215px;background-color:#fff;background-image:url(../images/login_2_header.png);background-repeat:no-repeat;background-position:center top;border-radius:5px;box-shadow:0 1px 3px #ddd;-webkit-box-shadow:0 1px 3px #ddd;-moz-box-shadow:0 1px 3px #ddd;position:fixed;left:50%;top:50%;z-index:999;-webkit-animation:login-win .4s forwards;animation:login-win .4s forwards;-moz-animation:login-win .4s forwards;display:none;}
.down_tips_txt{line-height:36px;padding-top:165px;text-align:center;font-size:18px;color:#666666;margin-bottom:48px;}
.down_tips_txt strong{color:#0c81f7;font-weight:normal;}
.dwon_sj_btn{display:block;width:136px;height:46px;line-height:46px;text-align:center;font-size:18px;background-color:#0c81f7;border-radius:23px;color:#fff;margin:0 auto;}
.dwon_sj_btn:hover{background-color:#56a1ec;color:#fff;}

.collect_pops{width:360px;height:320px;position:fixed;left:50%;margin-left:-180px;z-index:301;top:50%;margin-top:-160px;text-align:center;}
.collect_pops_1{background-image:url(../images/collect1.jpg);}
.collect_pops_2{background-image:url(../images/collect2.jpg);}
.collect_pops .collect_pop_close{display:block;width:24px;height:25px;position:absolute;right:-16px;top:-16px;background-image:url(../images/close2.png);cursor:pointer;background-position:0 0;}
.collect_pops h3{font-size:24px;font-weight:normal;color:#333;height:36px;line-height:36px;}
.collect_pops p{height:28px;line-height:28px;font-size:16px;color:#999;}
.collect_pops a{display:block; width:160px;height:40px;line-height:40px;font-size:16px;color:#fff;background-color:#1781f4;border-radius:20px;margin:25px auto 0;}
.collect_pops a:hover{background-color:#56a1ec;}
.collect_pops_1 h3{padding-top:152px;}
.collect_pops_2 p{padding-top:148px;}
.login_2_btn a{text-align:center;}

.bind_sms_box{width:550px;height:422px;position:fixed;left:50%;margin-left:-275px;top:50%;margin-top:-211px;border-radius:10px;z-index:10000;background-color:#ffffff}
.bind_sms_box .title{float:left;background-color:#0c81f7;color:#ffffff;height:70px;line-height:70px;text-align:center;font-size:20px;width:100%;border-top-left-radius:10px;border-top-right-radius:10px;font-weight:bold;font-family:"Microsoft YaHei"}
.bind_sms_box .nameinfo{float:left;width:100%;height:40px;margin-top:40px;}
.bind_sms_box .nameinfo .img{float:left;height:40px;width:40px;margin-left:75px;border-radius:20px;}
.bind_sms_box .nameinfo .img img{width:40px;height:40px;border-radius:20px;}
.bind_sms_box .nameinfo .name{float:left;height:46px;line-height:20px;font-size:14px;margin-left:22px;width:335px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.bind_sms_box .nameinfo .name span{color:#666;width:100%;float:left;}
.bind_sms_box .nameinfo .tip{color:#666;float:left;height:20px;line-height:28px;font-size:14px;}
.bind_sms_box .phone{float:left;margin-left:75px;width:400px;border-bottom:1px solid #cbcbcb;margin-top:20px;height:46px;line-height:46px;}
.bind_sms_box .phone input{float:left;height:46px;border:0px;padding:0px;margin:0px;width:100%;text-indent:50px;background:none;font-size:14px;line-height:46px;font-family:"Microsoft YaHei";outline:none;background:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OUM5RURFOEZGODExMUU4OTE5NkM2NUM1MzNGRkE2QiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OUM5RURFOUZGODExMUU4OTE5NkM2NUM1MzNGRkE2QiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5QzlFREU2RkY4MTExRTg5MTk2QzY1QzUzM0ZGQTZCIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5QzlFREU3RkY4MTExRTg5MTk2QzY1QzUzM0ZGQTZCIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAGwASAwERAAIRAQMRAf/EAG4AAAMBAQAAAAAAAAAAAAAAAAMEBQYIAQEBAAAAAAAAAAAAAAAAAAABABAAAQMCAQcKBwAAAAAAAAAAAgEDBAAFESExUSIyMwZhcRJSYhOzNDU2coJDFHQV1REBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhEDEQA/AOgn2Lrd79corV6mWuPb+4BtuEMRUNXW+8IjWRHkFjlwyKiVIC7WS+Wy1TLi1xVdHnIbDj4NPBblbNWwUkE0GGJdFcMuCovLQFr9q91R8l918+jmpJWze6OIviieBUjPFvta8fhSPCKqik/5NRTxmXOPxdfgilCESSIapMdNslxZUUUUESxHVXLpoRW/32+SOFbqZLbW21iyQITedFzVEgyCQJnw1dNQXO6d6heldDMu1o56SBxZ5lj0bYX1bbz/AE+zRUkwfOx/a+8Dcb3aTd9rq8tQbykv/9k=) 16px center no-repeat #ffffff;
}
.bind_sms_box .capt{float:left;margin-left:75px;width:400px;border-bottom:1px solid #cbcbcb;margin-top:20px;height:46px;line-height:46px;}
.bind_sms_box .capt input{float:left;height:46px;border:0px;padding:0px;margin:0px;width:300px;text-indent:50px;font-size:14px;line-height:46px;font-family:"Microsoft YaHei";outline:none;background:url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAAA8AAD/4QMvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpFQjdFMEEwOEZGODExMUU4QUFDOEM1N0UyNjMwNzkwRCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFQjdFMEEwOUZGODExMUU4QUFDOEM1N0UyNjMwNzkwRCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkVCN0UwQTA2RkY4MTExRThBQUM4QzU3RTI2MzA3OTBEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkVCN0UwQTA3RkY4MTExRThBQUM4QzU3RTI2MzA3OTBEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoKDBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAGwAaAwERAAIRAQMRAf/EAGoAAQEBAQEAAAAAAAAAAAAAAAUABAMIAQEBAAAAAAAAAAAAAAAAAAAAARAAAgEDAgQDBwUAAAAAAAAAAQIDEQQFABIhMRMUQTQGYYHBIjJCI4OzdDU2EQEBAAAAAAAAAAAAAAAAAAAAEf/aAAwDAQACEQMRAD8A9N5HN4zHPHHdzFZpQzRQIjyyuEIDbI41d2puHIaDEc1mZmE1jh5JLBQS7TuttcyAio6EEgHjwImaL36DRa+pMXPcx2rGW2u5WKR291DLAzOqlmCGRVWSgU8UJHt0CegKn/1Nn/Cuf3YdEGZT17jIZJcdjFN/6iEzW0OIo0cnUAr1JNwGyAL8xl+mnKpIGhW7Id1vwHd7O67odfpV6e/tpd2zdx215V0DWii81Z3ZltclYqJL2xLfgJC9aGWgliDHgrHarKT9yivAnQcoMz6Xdpso0ttbXUMYivJbjZDcQqDuEU2+joATUA8PEaCtTcZXJRX7I0ONtAxslkBR5pXUq0xQ0KoqEqgYVNSeVKgzoLQG3/8AZ2Pk+beY8x+h8dAloLQf/9k=) 16px center no-repeat #ffffff;
}
.bind_sms_box .capt span{float:left;height:46px;line-height:46px;font-size:12px;color:#0c81f7;cursor:pointer}
.bind_sms_box .sub{float:left;width:180px;height:44px;margin:0px;margin-top:32px;margin-left:185px;border-radius:22px;line-height:44px;font-size:16px;text-align:center;background-color:#cdcdcd;color:#ffffff;border:0px;}
.bind_sms_box .error{float:left;margin-left:124px;height:20px;width:400px;margin-top:14px;}
.bind_sms_box .error #errmsg{color:#ff0000;line-height:20px;display:none;font-size:14px;}
.bind_sms_box .lightclose{height:30px;width:30px;background:url(../images/alert.png) -285px -279px no-repeat;cursor:pointer;display:block;float:right;margin-top:-62px;margin-right:12px;}


.fs_down{
    -moz-box-shadow:0px 5px 9px #b4deed;-webkit-box-shadow:0px 5px 9px #b4deed;box-shadow:0px 5px 9px #b4deed;width:600px;height:382px;position:fixed;left:50%;top:50%;margin-left:-300px;margin-top:-191px;background-color:#fff;z-index:301;background-image:url(../images/tip_1.jpg);background-repeat:no-repeat;background-position:center bottom;}
.fs_down_tt{width:100%;height:60px;line-height:60px;text-align:center;color:#fff;font-size:30px;background-color:#0d81f6;letter-spacing:18px;position:relative;}
.fs_down_close, .fs_down_tips i, .fs_down_link i{background-image:url(../images/tip_2.png);background-repeat:no-repeat;}
.fs_down_close{display:block;width:28px;height:28px;position:absolute;right:14px;top:50%;margin-top:-14px;background-position:2px 2px;text-indent:-9999em;cursor:pointer;}
.fs_down_tips{padding:25px 80px 0;text-align:center;font-size:18px;color:#333;line-height:32px;}
.fs_down_tips i{display:block;width:96px;height:85px;background-position:0 -38px;margin:0 auto 22px;}
.fs_down_link{text-align:center;height:20px;line-height:20px;font-size:16px;color:#666666;margin-top:42px;}
.fs_down_link i{display:inline-block;width:20px;height:20px;vertical-align:top;background-position:-78px 0;margin-right:6px;}

.enought, .buy_vip, .upgrade_vip{position:fixed;top:50%;left:50%;margin-left:-270px;margin-top:-200px;width:540px;height:400px; background:#ffffff;z-index:300;text-align:center;}
.enought .titletan{height:132px;line-height:230px;font-size:28px;}
.enought .ye{height:80px;line-height:80px;font-size:16px;margin-bottom:60px;}
.enought .ye span{color:#ff6e0c;}

.al-botton{ width:260px;height:60px;line-height:60px;color:#ffffff;margin:0 auto;font-size:20px;letter-spacing:2px;border-radius:2px;
   
}
.jb{
    background:#0d81f6;display:block;
    background:-moz-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
    background:-webkit-gradient(linear, left, right, color-stop(0, #55a1ee), color-stop(100%, #0d81f6));
    background:-webkit-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
    background:-o-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
    background:-ms-linear-gradient(left, #55a1ee 0, #0d81f6 100%);
    background:-webkit-gradient(linear, left top, right top, from(#55a1ee), to(#0d81f6));
    background:-webkit-gradient(linear, left top, right top, color-stop(0, #55a1ee), to(#0d81f6));
    background:-webkit-gradient(linear, left top, right top, color-stop(0, #55a1ee), to(#0d81f6));
    background:linear-gradient(to right, #55a1ee 0, #0d81f6 100%);
    cursor:pointer;
}

.close{position:absolute;top:0;right:0;height:30px;width:30px;background:url(../images/alert.png) -287px -171px no-repeat;cursor:pointer;}

.suc{position:fixed;top:50%;left:50%;margin-left:-270px;margin-top:-210px;width:540px;height:420px;background:#ffffff;z-index:300;text-align:center;}
.suc .bt{height:114px;width:128px;background:url(../images/alert.png) -9px -188px no-repeat;margin:50px auto 20px;}
.suc .succ{width:100%;height:112px;line-height:53px;color:#000000;font-size:28px;font-weight:inherit;}
.suc .succ span{color:#0d81f6;font-size:30px;}

.ggold, .download_wrap{position:fixed;top:50%;left:50%;margin-left:-270px;margin-top:-210px;width:540px;height:400px; background:#ffffff;z-index:300;text-align:center;}
.ggold .close, .download_wrap .close{background:url(../images/alert.png) -287px -172px no-repeat;}
.ggold .close:hover, .download_wrap .close:hover{background:url('../images/alert.png') -287px -225px no-repeat;}
.ggold .wenan, .download_wrap .wenan{height:50px;line-height:50px;color:#424242;font-size:24px;margin-bottom:48px;}
.ggold .biaoqian, .download_wrap .biaoqian{display:inline-block;height:117px;width:132px;background:url(../images/alert.png) -5px -187px no-repeat;margin-top:54px;margin-bottom:19px;}
.ggold .anniu, .download_wrap .anniu{display:block;width:280px;height:60px;line-height:60px;margin:0 auto;cursor:pointer;font-size:20px;color:#ffffff;}





/* 瀑布流1 */
.list_ul{
    margin-right:-20px;width:110%;margin-top:20px;
}

.listItem{
    float:left;
    width:288px;
    position:relative;
    background-color:#fff;
    box-shadow:0px 3px 9px rgba(0, 0, 0, .1);
    margin-right:22px;
    margin-bottom:22px;
    position:relative;
    overflow-x:hidden;
}

.listItem .imgBox{
    display:block;
    width:100%;
    position:relative;
    overflow:hidden;
}
.listItem .imgBox .bottomDown{color:#ffffff}
.listItem .imgBox .bottomDown:hover{color:#ffffff}
.listItem .imgBox img{
    display:block;
    width:100%;
}

.listItem .topbtn{
    position:absolute;
    left:0;
    right:0;
    top:-70px;
    padding:10px;
    overflow-x:hidden;
    z-index:5;
}





.listItem .topbtn{
    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');
    background:rgba(255, 255, 255, 0.5);
}

:root .listItem .topbtn{
    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#00FFFFFF', endColorstr='#00FFFFFF');
}

.peit_word .collect i, .peit_word .bottomDown i{
    background-image:url(../images/pt.png);
}

.peit_word .bottomBg{
    background:none;
    background:#000;
}

.peit_word .listItem:hover .bottomBg{
    display:block;
    opacity:0.3;
    filter:alpha(opacity=30);
}

.peit_word .collect{
    transition:all 0.3s;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    opacity:0;
    filter:alpha(opacity=0);
    cursor:pointer;
}

.peit_word .collect{
    width:40px;
    height:40px;
    display:block;
    background-color:#fff;
    position:absolute;
    top:10px;
    right:90px;
    z-index:4;
}

.peit_word .collect i{
    width:17px;
    height:15px;
    display:block;
    background-position:-20px 0;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-8px;
    margin-top:-7px;
}

.peit_word .listItem:hover .collect{
    opacity:1;
    filter:alpha(opacity=100);
}

.peit_word .bottomDown{
    width:70px;
    height:40px;
    line-height:40px;
    margin:0;
    left:auto;
    right:10px;
    top:10px;
    bottom:auto;
    margin-left:0;
    margin-top:0;
    padding-left:0;
    text-align:center;
    font-size:14px;
    background-color:#0d81f6;
    color:#fff;
    letter-spacing:2px;
    position:absolute;
    z-index:4;
}
.bottomDown i{
    background-image:url(../images/down_num.png);
    background-repeat:no-repeat;
    display:inline-block;
    width:19px;
    height:100%;
    vertical-align:top;
    background-position:-100px center;
    margin-right:14px;
}

.peit_word .bottomDown i{
    margin-right:4px;
    width:17px;
    height:40px;
    background-position:0 center;
}

.peit_word .collect.active i{
    background-position:-40px 0;
}

.peit_word .bottomDown{
    opacity:0;
    filter:alpha(opacity=0);
}

.peit_word .listItem:hover .bottomDown{
    opacity:1;
    filter:alpha(opacity=100);
}

.fixedNav{
    background-color:#fff;
    border:1px solid #efefef;
    color:#757575;
}

.fixedNav li a span{
    color:#757575;
    border-bottom:1px solid #efefef;
}
.listItem .imgtt{
    height:48px;
    line-height:48px;
    overflow-x:hidden;
    font-weight:normal;
    padding:0 30px;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:14px;
}

.listItem .imgBox .topbtn{
    background:none;
    background-image:url(../images/bg_1.png);
    height:70px;
    padding:0;
}

.listItem .imgBox .topbtn .collect{
    width:46px;
    height:46px;
    border:1px solid #999;
    position:absolute;
    right:24px;
    top:15px;
    border-radius:50%;
    background-color:#fff;
}

.listItem .imgBox .topbtn .collect i{
    display:block;
    width:19px;
    height:17px;
    background-image:url(../images/down_num.png);
    background-position:-50px 0;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-9px;
    margin-top:-8px;
}

.listItem .imgBox .topbtn .collect.active i{
    background-position:-150px 0;
}

.listItem .imgBox .topbtn .collect.active{
    border-color:#0d81f6;
}


/* 背景图库 */

.list{margin-top:20px;}

.list .ones {
    min-height: 600px;
    overflow: hidden;
    margin-right: -20px;
}

.list .one {
    margin-bottom: 20px;
    margin-right: 20px;
    float: left;
    position: relative;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
    overflow: hidden;
    display: none;
}

.list .one .img {
    position: relative
}

.list .one .img img {
    width: 100%;
    cursor: pointer;
    transition: all 0.4s;
}

.list .one .img img:hover {
    transform: scale(1.03);
}

.list .one .title {
    display: block;
    height: 50px;
    line-height: 50px;
    width: 100%;
    position: absolute;
    bottom: -52px;
    color: #fff;
    transition: all .2s
}

.list .one:hover .title {
    bottom: 0
}

.list .one .btitle {
    display: block;
    height: 50px;
    width: 100%;
    line-height: 59px; /* max-width:180px;*/
    overflow: hidden;
    float: left;
    color: #fff; /* padding-left:31px;*/
    text-align: center;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 25px;
    box-sizing: border-box;
}

.list .one .down {
    position: absolute;
    top: 10px;
    right: 100px;
    height: 35px;
    line-height: 35px;
    width: 35px;
    z-index: 2;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.list .one:hover .down {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.list .one .down1 {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 35px;
    line-height: 35px;
    width: 78px;
    z-index: 2;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 2px
}

.list .one:hover .down1 {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.list .one .down i {
    display: inline-block;
    vertical-align: -2px;
    width: 20px;
    height: 17px;
    background-image: url(http://www.ppt118.com/style/images/pt.png);
    background-position: -20px 0px
}

.list .one .down.active i {
    background-position: -40px 0px
}

.list .one .down1 i {
    display: inline-block;
    vertical-align: -2px;
    width: 20px;
    height: 17px;
    background-image: url(http://www.ppt118.com/style/images/pt.png);
}

.list .one .title {
    opacity: .5 \9 \0;
    background: #000;
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, transparent 100%);
    background: -webkit-gradient(linear, bottom, top, color-stop(0, rgba(0, 0, 0, .5)), color-stop(100%, transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, transparent 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, transparent 100%);
    background: -ms-linear-gradient(bottom, rgba(0, 0, 0, .5) 0, transparent 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .5)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .5)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .5)), to(transparent));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgba(0, 0, 0, .5)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, .5) 0, transparent 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000000, endColorstr=#ffffff);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#000000,endColorstr=#ffffff)";
}


.bottomDown{
    background-color:#0d81f6;
    color:#fff;
    letter-spacing:2px;
    padding-left:36px;
    width:142px;
    position:absolute;
    left:50%;
    margin-left:-89px;
    font-size:17px;
    text-align:left;
    height:50px;
    line-height:50px;
    bottom:-60px;
    z-index:4;
}

.bottomDown i{
    background-image:url(../images/down_num.png);
    background-repeat:no-repeat;
    display:inline-block;
    width:19px;
    height:100%;
    vertical-align:top;
    background-position:-100px center;
    margin-right:14px;
}


.listItem:hover .bottomDown, .listItem:hover .bottomBg, .listItem:hover .topbtn{
    display:block;
    opacity:1;
    /*filter: alpha(opacity=100);*/
}

.listItem:hover .topbtn{
    top:0;
}

.listItem:hover .bottomDown{
    bottom:30px;
}
.bottomDown, .bottomBg, .topbtn{
    transition:all 0.3s;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    /*opacity: 0;*/
    /*filter: alpha(opacity=0);*/
}

.ybc {
    background: #fff !important;
}

.gbc {
    background: #6589e4 !important;
}