.wp-banner { height: 424px; background: url("../images/banner_b.jpg") no-repeat center 0; position: relative; }
.sousuo{ width: 980px; overflow: hidden; margin: 0 auto; }
.sousuo2 {float: left;
    width: 980px; position: relative;}
#dianhua{
    position: absolute;
   top: 20px;
    left: 20px;
    font-size: 30px;
    color: #ffffff;
}
.wp-banner h2 { font-size: 60px; color: #fff; letter-spacing: 2px; font-weight: normal; width: 100%; text-align: center; margin-top: 108px; }
.wp-banner .classics { font-size: 36px; color: #b3b3b3; width: 100%; text-align: center; letter-spacing: 1px; margin-top: 15px }
.wp-banner .wp-relative { width: 1210px; margin: 0 auto; overflow: hidden }
/*搜索框*/
.wp-banner .slide { height: 380px; overflow: hidden; }
.wp-banner .slide img { width: 100%; height: 380px; }
.wp-banner .tabs { z-index: 10; position: absolute; clear: both; height: 18px; line-height: 18px; border-radius: 9px; left: 50%; top: 95%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.wp-banner .tabs li { border-radius: 50%; background: #fff; width: 3px; height: 3px; float: left; font-size: 0; transition: all .2s; margin: 0px 3px; cursor: pointer; }
.wp-banner .tabs li.first { width: 15px; height: 15px; margin-top: -7px; background: url(../images/workPPT-icon_new.png) no-repeat -69px -288px; }
.wp-banner .tabs li.last { width: 15px; height: 15px; border: 1px solid #fff; background: none; margin-top: -7px; }
.wp-search-wrapper { /*position: absolute;
    left: 186px;
    top: 321px; z-index: 9;*/ }
/* 办公搜索类型 */
.wp-search-wrapper .wp-search-type { position: relative; top: 1px; z-index: 5; }
.wp-search-wrapper .wp-search-type li { border: 1px solid #5d5d5d; width: 70px; height: 32px; line-height: 33px; font-size: 14px; color: #fff; margin-right: 4px; text-align: center; cursor: pointer; }
.wp-search-wrapper .wp-search-type li.on { border-color: #febf2c; background: #febf2c; color: #010101; }
/* 办公搜索类型 */
.wp-search-wrapper .wp-search-box { position: relative; margin: 70px auto 0; width: 837px; height: 49px; display: none;}
.wp-search-box input { width: 692px; height: 46px; line-height: 46px; padding-left: 22px; border: 1px solid #5d5d5d; border-right: none; background: none; color: #fff; outline: none;  border-top-left-radius:100px; border-bottom-left-radius:100px; background-color: rgba(0, 0, 0, .4);}
.wp-search-box .search-btn { width: 117px; height: 48px; display: inline-block; background: url(../images/sousuo.png) no-repeat; overflow: hidden; position: absolute }
.wp-search-box .search-btn:hover { background: url(../images/sousuo.png) no-repeat; background-position: -119px 0 }
.wp-search-box .search-btn i { margin-right: 5px; display: inline-block; vertical-align: -3px; width: 17px; height: 17px; background: url(../images/workPPT-icon_new.png) no-repeat -101px -288px; }
.wp-search-wrapper .wp-search-box2 { position: relative; margin: 0 auto; width: 837px; height: 49px; padding-top: 38px; }
.wp-search-box2 input { width: 692px; height: 46px; line-height: 46px; padding-left: 22px; border: 1px solid #fff; border-right: none; background: #fff; color: #000; outline: none;border-top-left-radius:100px; border-bottom-left-radius:100px; }
.wp-search-box2 .search-btn { width: 117px; height: 48px; display: inline-block; background: url(../images/sousuo2.png) no-repeat; overflow: hidden; position: absolute }
.wp-search-box2 .search-btn:hover { background: url(../images/sousuo2.png) no-repeat; background-position: -119px 0 }
.wp-search-box2 .search-btn i { margin-right: 5px; display: inline-block; vertical-align: -3px; width: 17px; height: 17px; background: url(../images/workPPT-icon_new.png) no-repeat -101px -288px; }
.wp-search-wrapper .wp-search-sug { position: absolute; top: 50px; left: 0; width: 678px; z-index: 5; background: #fff; border: 1px solid #e0e0e0; }
.wp-search-sug li { height: 30px; line-height: 30px; padding: 0 20px; cursor: pointer; }
.wp-search-sug li span { color: #444; }
.wp-search-sug li span.hot { color: #fe0000; }
.wp-search-sug li:hover { background: #fee9d7; }
/*新增加介绍*/
.ppt-introduce-box { float: right; width: 221px; height: 330px; background: url(../images/vip_b.png) no-repeat; margin-top: 46px }
.ppt-introduce-box p { font-size: 18px; color: #ffc000; width: 100%; text-align: center; margin-top: 64px; }
.ppt-introduce-box ul { margin-left: 52px; margin-top: 22px }
.ppt-introduce-box ul li { position: relative; font-size: 14px; color: #fff; margin-bottom: 19px; }
.ppt-introduce-box .wp-dl-btn { width: 124px; height: 32px; margin: 32px auto 0; line-height: 32px; text-align: center; font-size: 16px; color: #000; background: #febf2c; display: block; border-radius: 3px; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
.ppt-introduce-box .wp-dl-btn:hover { background: #fed77d; }
.ppt-advatWrapper { background: #fff; padding: 40px 0 40px; }
.ppt-advatBox { margin-bottom: 40px; background: #fff; margin-right: -20px; }
/*20170531ppt优势改分类*/
.ppt-advatBox .ppt-advat-list { width: 263px; text-align: center; padding: 20px 0 20px 20px; border: 1px solid #eeeeee; border-radius: 4px; margin-right: 20px; }
.ppt-advatBox .ppt-advat-list .crowd { width: 180px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }
.ppt-advatBox .ppt-advat-list .advat-icon { margin: 25px auto 14px; display: block; width: 50px; height: 55px; background-image: url(../images/workPPT-icon_new.png); background-repeat: no-repeat; }
.ppt-advatBox .ppt-advat-list .advat-icon.one { background-position: -76px -366px; }
.ppt-advatBox .ppt-advat-list .advat-icon.two { background-position: -77px -444px; }
.ppt-advatBox .ppt-advat-list .advat-icon.three { background-position: -77px -513px; }
.ppt-advatBox .ppt-advat-list .advat-icon.four { background-position: -12px -694px; width: 38px; }
.ppt-advatBox .ppt-advat-list .crowd { font-size: 18px; color: #000; text-align: left; }
.ppt-advatBox .ppt-advat-list ul { width: 192px; text-align: left; overflow: hidden; }
.ppt-advatBox .ppt-advat-list ul li { display: inline-block; margin: 2px 0; height: 19px; width: 93px; }
.ppt-advatBox .ppt-advat-list ul li i { content: ""; display: inline-block; font-size: 14px; color: #8b8b8b; }
.ppt-advatBox .ppt-advat-list ul li a { display: inline-block; font-size: 12px; color: #000; text-align: left; }
.ppt-advatBox .ppt-advat-list ul li.on a, .ppt-advatBox .ppt-advat-list ul li:hover a { color: #febf2c; }
.ppt-moduleBox .ppt-mainTitle { padding-top: 44px; text-align: center; }
.ppt-moduleBox .ppt-mainTitle .title { color: #000; font-size: 24px; font-weight: bold; vertical-align: middle; }
.ppt-moduleBox .ppt-mainTitle .check-more { color: #000; display: inline-block; border: 1px solid #d6d6d6; width: 75px; height: 26px; line-height: 26px; text-align: center; vertical-align: -3px; background: #fff; margin-left: 13px; border-radius: 3px; }
.ppt-moduleBox .ppt-mainTitle .title:hover { color: #febf2c; }
.ppt-moduleBox .ppt-mainTitle .check-more:hover { background: #febf2c; color: #fff; border-color: #febf2c; }
/*首页新增分类*/
.rec-classify { margin-right: -20px; }
.rec-classify .classify-box { width: 283px; height: 198px; border: 1px solid #e9e9e9; border-radius: 4px; margin-right: 20px; position: relative; overflow: hidden; }
.rec-classify .classify-box .title { position: absolute; bottom: 0px; left: 0; width: 100%; height: 39px; line-height: 39px; background-color: rgba(0, 0, 0, 0.4); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#BF000000', endColorstr='#BF000000');
-webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.rec-classify .classify-box .title a { display: block; color: #fff; padding: 0 15px; }
.rec-classify .classify-box .title a:hover { color: #febf2c; }
/*新增企业用户介绍*/
.own-comUser .ppt-mainTitle { font-size: 24px; color: #1f1f1f; text-align: center; font-weight: bold; }
.own-comUser .ppt-mainTitle a:hover { color: #1f1f1f; }
.own-comUser .ppt-mainTitle b { color: #ffb200; }
.own-comUser .comUser-introduce { margin-right: -30px; margin-top: 35px; }
.own-comUser .comUser-introduce .introduce-box { padding: 25px 25px 15px; width: 330px; height: 258px; -webkit-box-shadow: 0px 0px 3px 3px rgba(217,216,216,.5); -moz-box-shadow: 0px 0px 3px 3px rgba(217,216,216,.5); box-shadow: 0px 0px 3px 3px rgba(217,216,216,.5); background: #fff; margin-right: 30px; overflow: hidden; }
.comUser-introduce .introduce-box .comUser-logo { height: 44px; }
.comUser-introduce .introduce-box .evaluate { width: 330px; text-align: left; text-indent: 29px; color: #7a7a7a; padding: 18px 0 8px; line-height: 23px; min-height: 117px; }
.comUser-introduce .introduce-box .comUser-intro span { margin-top: 26px; margin-right: 20px; color: #1f1f1f; font-weight: bold; }
.comUser-introduce .introduce-box .comUser-intro .user-icon { width: 62px; height: 62px; padding: 4px; border: 1px solid #e5e5e5; border-radius: 50%; }
.comUser-introduce .introduce-box .comUser-intro .user-icon img { border-radius: 50%; width: 63px; height: 63px; }
.own-comUser .com-user-img { margin: 28px 0 25px; }
/**** 搜索框列表下拉框 ***/
.select-list { display: none; width: 136px; background: white; text-align: center; border: 1px #dadada solid; border-radius: 4px; position: absolute; top: 52px; left: -2px; animation: sealist .2s ease-out; z-index: 5000; }
.select-list .triangle { background-position: -100px -2px; width: 18px; height: 10px; position: absolute; top: 3px; left: 45px; }
.select-list ul li { height: 35px; line-height: 35px; margin: 0 3px; border-bottom: 1px #eee solid; margin-bottom: -1px; }
.select-list ul a { color: #2e2e2e; }
.select-list ul a:hover { color: #499ef2; }
.officesearch { z-index: 5 }
.officesearch .search-sug { background: #222; border: 1px #555 solid; border-top: none; width: 689px; z-index: 10; display: none;margin-left: 95px; position: relative }
.officesearch .search-sug .sokeyup_1 { cursor: pointer; height: 35px; line-height: 35px; padding: 0 20px; }
.officesearch .search-sug .sokeyup_1:hover { background: #666; }
.officesearch .search-sug .select { background: #444; }
.officesearch .search-sug .sokeyup_1 .sokeyup_2 { font-size: 14px; color: white; float: left; }
.officesearch .search-sug .sokeyup_1 .sokeyup_3 { color: white; font-size: 14px; float: right; }
.officesearch .search-sug .sokeyup_1.hot .sokeyup_2 { color: white; position: relative; }
.officesearch .search-sug .sokeyup_1.hot .sokeyup_2:after { position: absolute; content: ""; width: 22px; height: 10px; right: -31px; top: 15px; background: url(../images/search-hot.gif) no-repeat }

.officesearch .search-sug2 { background: #fff; border: 1px #ffc800 solid; border-top: none; width: 689px; z-index: 9; display: none; margin-left: 95px;position: absolute }
.officesearch .search-sug2 .sokeyup_1 { cursor: pointer; height: 35px; line-height: 35px; padding: 0 20px; }
.officesearch .search-sug2 .sokeyup_1:hover { background: #e0e0e0; }
.officesearch .search-sug2 .select { background: #d0d0d0; }
.officesearch .search-sug2 .sokeyup_1 .sokeyup_2 { font-size: 14px; color: 333333; float: left; }
.officesearch .search-sug2 .sokeyup_1 .sokeyup_3 { color: 333333; font-size: 14px; float: right; }
.officesearch .search-sug2 .sokeyup_1.hot .sokeyup_2 { color: 333333; position: relative; }
.officesearch .search-sug2 .sokeyup_1.hot .sokeyup_2:after { position: absolute; content: ""; width: 22px; height: 10px; right: -31px; top: 15px; background: url(../images/search-hot.gif) no-repeat }
/* 20171205办公文档首页新增拼团入口 */
.grpWp-indexWp-entry { width: 160px; height: 264px; position: absolute; left: 2%; top: 200px; z-index: 200; -webkit-animation: jump-12 3s ease-in-out infinite; animation: jump-12 3s ease-in-out infinite; }
@keyframes jump-12 {
0% {
-webkit-transform:translate(0, 30px);
transform:translate(0, 30px)
}
50% {
-webkit-transform:translate(0, 0);
transform:translate(0, 0)
}
100% {
-webkit-transform:translate(0, 30px);
transform:translate(0, 30px)
}
}




.fankui{
    width: 500px;
    height: 450px;

    top: 10%;
    left: 50%;

    display: none;
    z-index: 999;
}
.fankui .title_wrap{
    width: 240px;
    height: 70px;
    background: #28a8e0;
    padding: 0 130px;
    border-radius: 8px 8px 0 0;
    position: relative;
}
.fankui .title_wrap .title{
    width: 240px;
    height: 70px;
    font-size: 0;
}
.fankui .title_wrap .title .line{
    width: 20px;
    height: 1px;
    margin-top: 34.5px;
    background: white;
}
.fankui .title_wrap .title .line_left{
    float: left;
}
.fankui .title_wrap .title .line_right{
    float: right;
}
.fankui .title_wrap .title p{
    font: 18px/70px "微软雅黑";
    color: white;
    text-align: center;
}
.fankui .title_wrap img{
    position: absolute;
    top: 15px;
    right: 20px;
}
/*//////////////////////////////////////////////////*/
.fankui form{
    width: 500px;
    height: 260px;
    background: white;
}
.fankui form ul{
    font-size: 0;
    padding-top: 40px;
    background: #fff;
}
.fankui form ul li{
    height: 40px;
    position: relative;
    margin-bottom: 20px;
}
.fankui form ul li span{
    font: 14px/40px "微软雅黑";
    color: #222;
    text-align: right;
    margin: 0 10px 0 30px;
    display: inline-block;
    width: 70px;
    height: 40px;
    vertical-align: middle;
}


.fankui form ul li select::-ms-expand { display: none; }

.fankui form ul li select:nth-child(5){
    margin: 0 6px;
}

.fankui form ul li input{
    outline: none;
    width: 341px;
    height: 38px;
    font: 14px/38px "微软雅黑";
    color: #222;
    border: 1px solid #f4f4f4;
    padding: 0 10px;
    vertical-align: middle;
}
.fankui form ul li .prompt{
    position: absolute;
    top: 0;
    right: 105px;
    margin: 0;
    padding: 0;
    font: 14px/40px "微软雅黑";
    color: #ff0000;
    text-align: left;
    width: 79px;
}
.fankui form ul li .contacts_name{
    width: 138px;
}
.fankui form ul li .circle_out{
    width: 22px;
    height: 22px;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 285px;
}
.fankui form ul li .circle_out1{
    background: #28a8e0;
}
.fankui form ul li .circle_out2{
    left: 373px;
    background: #989898;
}
.fankui form ul li .circle_inner{
    width: 10px;
    height: 10px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 6px;
}
.fankui form ul li .person{
    height: 28px;
    width: 32px;
    font: 16px/16px "微软雅黑";
    color: #999;
    margin: 0 2px 0 54px;
    padding-top: 12px;
    vertical-align: middle;
}
.fankui form ul .auth-name {
    float: left;
    font-size: 14px;
    line-height: 40px;
    font-family: "微软雅黑";
    color: #222;
    margin: 0 10px 0 45px;
}
.fankui form ul #auth-code {
    width: 255px;
    height: 38px;
    font: 14px/38px "微软雅黑";
    color: #222;
    border: 1px solid #f4f4f4;
    vertical-align: middle;
    text-align: left;
    padding-left: 20px;
    box-sizing: border-box;
    outline: none;
    display: block;
    float: left;
}
.fankui form ul .get-code {
    width: 106px;
    height: 38px;
    border: none;
    vertical-align: middle;
    outline: none;
    background: #26a6ff;
    color: #fff;
    font-family: "微软雅黑";
    cursor: pointer;
    display: block;
    float: left;
}
.fankui form ul .btn_wrap{
    width: 500px;
    height: 80px;
    background: white;
    font: 18px/40px "微软雅黑";
    color: white;
    text-align: center;
}
.fankui form ul .btn{
    width: 284px;
    height: 40px;
    margin: 0 auto;
    border-radius: 6px;
    background: #28a8e0;
    border:none;
    color:#fff;
}