/*sidition action*/
.fl{float:left;}
.fr{float:right;}
.clear {clear: both;}
.clearfix::after {clear: both; content: ""; display:block; height:0;}
.clearfix { zoom: 1;}
.w1200{ width: 1210px; margin:0 auto;}

body{ background-color: #f1f2f3; color: #000; min-width: 1200px}

/******* All classify  *********/
.all-classify{ position: relative;margin-right: 50px; padding-bottom:45px;}
.all-classify .classify{ font-size:15px;  width:75px; padding-top:40px; cursor: pointer;}
.all-classify .classify a{ color: #000 }
.all-classify .classify i{ display: inline-block;width:10px; height: 6px; background: url(../images/more-zhuan.png ) 0 0px no-repeat; margin-left: 5px;transition: all .2s;-webkit- transition: all .2s;-moz- transition: all .2s +vertical-align:4px; vertical-align:4px\9;}
.all-classify .classify-box{ position: absolute; z-index:5;top:103px; left:-43px; background-color: #fff; padding:24px 20px 10px 33px; width:448px;border-radius: 2px; display: none; box-shadow: 0 0 10px rgba(0,0,0,0.1)}
.all-classify .classify-box p{ width:112px; margin-bottom:5px}
.all-classify .classify-box a{ color: #000; font-size: 15px; display:inline-block; padding: 0 15px; height: 30px;  line-height: 30px; border-radius: 2px; transition: all .2s;-webkit- transition: all .2s;-moz- transition: all .2s; }
.all-classify .classify-box a:hover,.all-classify .classify-box .on{ background-color: #1e89f2; color: #fff;  }
.all-classify:hover .classify-box{ display:block; }
.all-classify:hover .classify i{ transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg); background: url(../images/more-zhuan-color-1.png) no-repeat;}
.all-classify:hover .classify a{ color: #1e89f2 }

/********* search  ********/
.search-box{ padding-top: 30px; border-radius: 2px; margin-right:60px; position: relative; }
.InputText .search-input{width: 425px; border: #1e89f2 2px solid; height: 42px; padding: 0 10px; outline:none; border-top-left-radius:2px;border-bottom-left-radius:2px; font-family:'Microsoft YaHei' }
.InputText .search-btn{background-color:#1e89f2; height: 46px;display: block; color:#fff;  line-height: 46px; text-align:center; width: 92px; font-size: 16px;border-top-right-radius:2px;border-bottom-right-radius:2px; transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s; }
.InputText .search-btn:hover{ background-color: #40a0ff }
/*Repair placeholder color*/
.InputText :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #c8c8c8;  }
.InputText  ::-moz-placeholder { /* Mozilla Firefox 19+ */color: #c8c8c8;  }
.InputText  input:-ms-input-placeholder {color: #c8c8c8;}
.InputText  input::-webkit-input-placeholder{color:#c8c8c8;}

.search-box .hot_list{font-size: 14px;position: absolute;top:75px;left:0px; background: #fff;width:445px;color: #b2b2b2;border: 1px solid #ccc;z-index:10;border: 1px #1e89f2 solid; overflow: hidden; display: none; }
.search-box .hot_list .sokeyup_1{margin:0; padding: 0; height:40px; line-height:40px; padding:0 15px; color: #000; cursor:pointer;width: 94%; }
.search-box .hot_list .sokeyup_1 .sokeyup_2{color: #333;float: left;}
.search-box .hot_list .sokeyup_1 .sokeyup_3{float: right;color: #b2b2b2;}
.search-box .hot_list .sokeyup_1:hover{background: #d1e6f9;}
.search-box .hot_list .sokeyup_1 span{ display: inline-block; width:18px; height:18px; background-color: #DFDFDF; margin-right: 8px; color: #fff; border-radius: 2px; line-height:18px!important; text-align: center; }
.search-box .hot_list .sokeyup_1 .result_1{ background-color: #1E89F3 }
.search-box .hot_list .sokeyup_1 .result_2{ background-color: #62B1FF }
.search-box .hot_list .sokeyup_1 .result_3{ background-color: #A5D3FF }




/*******no login or vip  *********/
.no-login,.hq-vip{ margin-top:42px; height: 20px; line-height: 20px; cursor: pointer;}
.hq-vip a{ color: #000; }
.no-login .user-span{ display: inline-block; width:14px; height:18px; background: url(../images/public-ppt.png) 0 -43px; vertical-align: -3px;  vertical-align: 3px\9;margin-right: 8px; }
.no-login:hover,.hq-vip:hover a{ color: #1e89f2 }
.hq-vip{ margin-right: 25px; }
.hq-vip .vip-span{display: inline-block; width: 22px;height: 18px;background: url(../images/public-ppt.png) -16px -42px;vertical-align: -3px; vertical-align: 3px\9;margin-right: 8px; }


/*login*/
.yes-login { position: relative;padding-bottom: 30px;width: 64px; margin-left: 10px;   }
.yes-login .user-img{ display:block; width: 46px; height: 46px;border-radius: 46px; margin-top: 30px; }
.yes-login .user-img:hover{ opacity: 0.9 }
.drop-box{ background-color: #fff; position: absolute; top:103px; z-index:5; width: 152px; left:-52px ; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding-top: 20px; border-radius: 2px; padding-bottom: 10px; display: none;}
.user-infor{ font-size: 14px; color: #000;  text-align: center; margin-bottom: 10px; }
.user-infor .user-name{ max-width:95px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin: 0 auto; text-align: center; }
.user-infor .user-name a{ color: #000; }
.user-infor .user-name a:hover{ color: #1e89f2 }
.user-infor p{ line-height:24px; }
.user-infor .user-id{ font-size: 12px; }
.drop-box ul li{ height: 46px; line-height: 46px; font-size: 15px}
.drop-box ul li a{ height: 46px; color: #000; padding-left: 45px;  display: block;height: 46px; line-height: 46px;  }
.drop-box ul li a:hover,.drop-box ul li .active{ background-color: #1e89f2; color: #fff !important; }
.yes-login:hover .drop-box{ display: block; }


/******  已是vip *******/
.SureLogin .InputText .search-input{width:520px; }
.SureLogin .search-box .hot_list{width:541px;color: #b2b2b2; display: none; }
.SureLogin .yes-login{ margin-left:16px }


/******* fix top float *******/
.fix-top{ width:100%; position:fixed;  z-index:20; top:-100px; left: 0; background-color: #fff;height:70px; box-shadow: 0 0 10px rgba(0,0,0,0.3); display: none;}
.fix-top .InputText .search-input{width:520px; }
.fix-top .search-box .hot_list{width:541px;color: #b2b2b2; top:58px;border: 1px solid #ccc;z-index:10;border: 1px #1e89f2 solid; overflow: hidden; display: none; }
.fix-top .logo{ margin-right: 190px; padding-top: 23px }
.fix-top .search-box{ padding-top: 13px; }



/****** list ******/
.list-ppt{ width: 1220px;  }
.list-ppt .list{width: 270px; padding:10px;background-color: #fff; border-radius: 2px; overflow: hidden; position: relative;margin-right: 14px; margin-bottom: 25px; transition: all 0.2s;}
.list-ppt .list .work-infor{ padding: 10px 0 5px; }
.list-ppt .list .work-infor .work-name{ color: #545454; font-size: 13px; line-height: 26px; margin-bottom:10px; width: 100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.list-ppt .list .work-infor .work-name:hover{ color:#1e89f2 }
.list-ppt .list .num-box{ color: #999; font-size: 13px; }
.list-ppt .list .num-box i{ display: inline-block; margin-right: 10px;}
.list-ppt .list .num-box .down-num{ margin-right: 28px }
.list-ppt .list .num-box .down-num i{ width: 13px; height: 13px; background: url(../images/public-ppt.png) -42px -48px no-repeat;  }
.list-ppt .list .num-box .coll-num i{ width: 12px; height: 12px; background: url(../images/public-ppt.png) -59px -49px no-repeat;}
.list-ppt .list .img{position: relative; height: 340px; overflow: hidden;}
.list-ppt .list .img .alink{display: block;}
.list-ppt .list .img .alink img{ display: block; width: 270px; }
.list-ppt .list:hover .img .alink{background: #000}
.list-ppt .list:hover  .img.alink img{opacity: .5;filter:alpha(opacity=40);}
.list-ppt .list .collect-btn{ width: 34px;  height:34px; background-color: #f4f4f4; border-radius: 2px; position: absolute;top: -45px;right: 15px; text-align: center; cursor: pointer; transition: all .2s;-webkit- transition: all .2s;-moz- transition: all .2s;}
.list-ppt .list .collect-btn .no-coll{ display: inline-block; width:13px; height: 12px;  background: url(../images/public-ppt.png) -101px -49px no-repeat; margin-top: 11px}
.list-ppt .list .collect-btn:hover .no-coll{ background-position:-131px -49px}
.list-ppt .list .collect-btn .on-click{ background: url(../images/public-ppt.png) -116px -49px;display: inline-block; width:13px; height: 12px;margin-top: 11px }
.list-ppt .list .collect-btn .on-click:hover{ opacity: 0.9 }
.list-ppt .list:hover .collect-btn {top:15px;}
.list-ppt .list .download-btn{ width: 156px; height: 58px; background-color: #1e89f2; color:#fff;position: absolute; top:150px; left: 65px; line-height: 58px; text-align: center; font-size:18px; border-radius: 2px; cursor: pointer;display: none; transition: all .2s;-webkit- transition: all .2s;-moz- transition: all .2s;}
.list-ppt .list .download-btn a{ color: #fff; display:  block; width: 156px; height: 58px;}
.list-ppt .list .download-btn i{  display: inline-block; width: 18px; height: 18px;  background: url(../images/public-ppt.png) -79px -43px no-repeat; margin-right: 10px; vertical-align: -2px;vertical-align:4px\9;}
.list-ppt .list .download-btn:hover{ background-color: #40a0ff; }
.list-ppt .list:hover .download-btn { margin-top: 0; display:block; }
.look-more{ width: 318px; height: 65px; background-color: #1782e3; color: #fff;  display: block; margin: 50px auto 140px; text-align: center; line-height: 65px; font-size: 16px; border-radius: 2px;transition: all .2s;-webkit- transition: all .2s;-moz- transition: all .2s;}

/********  copyright  *********/
#copyright{height:82px;background:#141414;min-width:1200px;}
#copyright .pz p{ float:left;display:inline;font-size:16px;color:#797979;height:82px;line-height:82px;padding-right:54px;}
#copyright .pz p i{ float:left;display:inline;width:28px;height:34px;margin:25px 18px 0 0;background:url(../images/public-ppt.png) -2px -74px no-repeat;}
#copyright .pz p .bz{ background-position:-33px -74px}
#copyright .pz p .tx{ background-position:-63px -74px}
#copyright .pz p .pp{ background-position:-97px -74px }
#copyright .copy{color:#a9a9a9;line-height:24px;padding-top:16px; font-family: 'ËÎÌå';}
#copyright .m{ width:1200px;margin:0 auto}

/** pagelist ***/
#pagelist{text-align: center;height:47px;padding:40px 0 60px;width:100%;margin:0 auto;}
#pagelist a{display: inline-block; padding:0 20px; height:47px;margin:0 5px;border-radius: 2px; background: #fff; line-height: 47px; font-size:16px;color:#616161;transition:all .2s;}
#pagelist a:hover,#pagelist a.current{background: #1e89f2;color:#fff;}
#pagelist span{color:#616161; font-size:16px;padding:0 5px;}
#pagelist .width-95{ width: 95px; }

/********  mask *********/
.login-mask{position: fixed;left: 0;top: 0; width: 100%; height:100%; z-index:25;}
.login-mask .mask{background:#000;filter:alpha(opacity=40);opacity: .4;height: 100% ;}
.login-mask .login-con{ width: 524px; height:395px; background: url(../images/mask-bg.jpg) no-repeat top #fff; position:fixed ; z-index:8; left: 50%; top: 50%; margin-left: -262px; margin-top: -200px;  border-radius:2px;-webkit-animation: login-win .4s forwards; animation: login-win .4s forwards;-moz-animation: login-win .4s forwards}
.login-mask .login-con .logo{ height: 26px; width: 195px;  background: url(../images/public-ppt.png) no-repeat 0 0; margin: 64px auto 26px;}
.login-mask .icon-close{ display: inline-block; width: 20px; height: 20px; background: url(../images/public-ppt.png) 0 -139px; position: absolute; top:18px; right: 18px;  cursor: pointer;  }
.login-mask .icon-close:hover{  background-position: -23px -139px; }
.login-mask .mask-m{color: #484848;font-size: 16px;position:relative; text-align: center; width: 366px; margin: 0 auto;}
.login-mask .mask-m:before{content: '';height: 1px;width:80px;  background: #dcdcdc;  position: absolute;  top:50%;  }
.login-mask .mask-m:after{content: '';height: 1px; width:80px;  background: #dcdcdc;  position: absolute;  top:50%;  }
.login-mask .mask-m:before{left: 0;}
.login-mask .mask-m:after{right: 0;}
.login-mask .sel-way { width: 370px; margin:62px auto  0 }
.login-mask .sel-way a{ display: block; width: 135px; height: 134px;  margin: 0 25px;background: url(../images/login-way.png) 0 0 no-repeat;}
.login-mask .sel-way  .wx-way{ background-position: 0 -136px; }
.login-mask .sel-way .qq-way:hover{ background-position: -138px 0 ; }
.login-mask .sel-way .wx-way:hover{ background-position: -138px -136px ; }

/*********** right float  **********/
.vip-link-a{ width: 96px; height:94px; background: url(http://js.wotucdn.com/2017/ppt/common/images/PNGVIPv1.png) 0 0  no-repeat; }
.vip-link-a a{ display: block;width: 96px; height:94px; }
.fix-right{position: fixed;right:0; bottom:120px;height:336px; z-index:10 }
.fix-right .w61{ width: 61px; height: 61px; }
.fix-right .link-right{ margin-left: 17px; margin-top: 20px }
.fix-right .qq-link{ background: url(http://js.wotucdn.com/2017/ppt/common/images/right-float.png) -69px 0 no-repeat;margin-bottom: 12px; }
.fix-right .qq-link a{ display: block; height:61px; width: 61px; }
.fix-right .qq-link:hover{ background-position: 0 0  }
.fix-right .back-top{ background:url(http://js.wotucdn.com/2017/ppt/common/images/right-float.png) -69px -75px no-repeat; cursor: pointer; display:none;  }
.fix-right .back-top:hover{  background-position: 0 -75px; }
.fix-right .like-web{ margin-bottom: 12px;position: relative; }
.fix-right .like-web .like-xin{ width: 61px; height: 61px; background: url(http://js.wotucdn.com/2017/ppt/common/images/right-float.png) -69px -139px no-repeat; cursor: pointer; }
.fix-right .wrod-notice{ position: absolute; z-index:100; width:162px;top:-141px;left:-190px;  display: none; border: #97c4f2 1px solid; border-radius: 2px; background-color: #fff; padding-bottom:8px }
.fix-right .wrod-notice img{ display: block; border-bottom: #eee 1px solid; margin:12px; width:140px; height:140px; padding-bottom: 10px }
.fix-right .wrod-notice p{ color: #2e2e2e; line-height: 22px; text-indent:50px; margin-top: -5px;}
.fix-right .like-web:hover .like-xin{ background-position: 0 -139px }
.fix-right .like-web:hover .wrod-notice{ display: block; }




/********  go-vip-mask *********/
.go-vip-mask{position: fixed;left: 0;top: 0; width: 100%; height:100%; z-index:10;}
.go-vip-mask .mask{background:#000;filter:alpha(opacity=40);opacity: .4;height: 100% ;}
.go-vip-mask .login-m{ width: 524px; height:395px; background: url(../images/mask-bg.jpg) no-repeat top #fff; position:fixed ; z-index:8; left: 50%; top: 50%; margin-left: -262px; margin-top: -200px;  border-radius:2px;-webkit-animation: login-win .4s forwards; animation: login-win .4s forwards;-moz-animation: login-win .4s forwards}
.go-vip-mask .icon-close{ display: inline-block; width: 20px; height: 20px; background: url(../images/public-ppt.png) 0 -139px; position: absolute; top:18px; right: 18px;  cursor: pointer;  }
.go-vip-mask .icon-close:hover{  background-position: -23px -139px; }
.go-vip-mask .word-login{ position: absolute; top:20px; color: #8d8d8d; font-size: 16px; left: 35px}
.go-vip-mask .word-login a{ color: #8d8d8d }
.login-m h2{ color:#1e89f2 ; font-size: 35px; text-align: center; padding-top:120px; padding-bottom: 10px;}
.login-m p{ text-align: center; color: #1e89f2; font-size: 24px; font-weight:bolder; }

.link-btn { margin: 0 auto;  text-align: center; padding-top: 60px; }
.link-btn a{ display: inline-block; width: 166px; height: 58px; line-height: 58px; margin: 0  15px ; border-radius: 2px; font-size: 20px;}
.link-btn .look-more-time{ color: #8d8d8d; background-color: #eee; }
.link-btn .look-more-time:hover{ opacity: 0.9 }
.link-btn  .go-on{ background-color: #1e89f2; color: #fff; }
.link-btn  .go-on:hover{ background-color: #40a0ff; }

/**************  限制弹窗  ***************/
.mask-limit{position: fixed;left: 0;top: 0; width: 100%; height:100%; z-index:25;}
.mask-limit .mask{background:#000;filter:alpha(opacity=40);opacity: .4;height: 100% ;}
.mask-limit .mask-limit-m{ width:420px; height:280px; background:url(http://js.wotucdn.com/2017/ppt/pt/images/mask-bg-small.png) no-repeat top #fff;position:fixed ; z-index:8; left: 50%; top: 50%; margin-left: -210px;
	margin-top: -140px;  border-radius:2px;-webkit-animation: login-win .4s forwards; animation: login-win .4s forwards;-moz-animation: login-win .4s forwards}
.mask-limit .mask-limit-m .icon-close{ display: inline-block; width: 20px; height: 20px; background: url(http://js.wotucdn.com/2017/ppt/common/images/public-ppt.png) 0 -139px; position: absolute; top:18px; right: 18px;  cursor: pointer;  }
.mask-limit .mask-limit-m .icon-close:hover{  background-position: -23px -139px; }
.mask-limit .mask-limit-m p{ color:#333; font-size:16px; text-align:center; line-height:36px}
.mask-limit .mask-limit-m a { display:block; height:46px; line-height:46px;  width:160px; color:#fff; text-align:center;background-color:#1e89f2; border-radius:2px; margin:30px auto;font-size:16px}
.mask-limit .mask-limit-m a:hover{ opacity:0.9; }

/*** webkit ***/
@-webkit-keyframes login-win{
	0% {transform: scale(0.7);-webkit-transform: scale(0.7);}
	45% {transform: scale(1.05);-webkit-transform: scale(1.05);}
	80% {-webkit-transform: scale(0.95);transform: scale(0.95);-webkit-tranform: scale(0.95); }
	100% {transform: scale(1);-webkit-transform: scale(1); } 
}
@keyframes login-win{
	0% {transform: scale(0.7);-webkit-transform: scale(0.7);}
	45% {transform: scale(1.05);-webkit-transform: scale(1.05);}
	80% {-webkit-transform: scale(0.95);transform: scale(0.95);-webkit-tranform: scale(0.95); }
	100% {transform: scale(1);-webkit-transform: scale(1); } 
}
@-moz-keyframes login-win{
	0% {transform: scale(0.7);-webkit-transform: scale(0.7);}
	45% {transform: scale(1.05);-webkit-transform: scale(1.05);}
	80% {-webkit-transform: scale(0.95);transform: scale(0.95);-webkit-tranform: scale(0.95); }
	100% {transform: scale(1);-webkit-transform: scale(1); } 
}