﻿.collapse{ display: inline-block; margin-left: 0px;}
.nav_login .addLike{float: left; line-height: 68px; position: relative; margin-right: 25px;color: #0075ff; cursor: pointer;}
.nav_login .addLike:hover .ewmhover{display: block;}
.nav_login .addLike .ewmhover{ width: 120px; height: 140px; display: none; background-color: #fff; z-index: 1001; position: absolute; left:-30px; top: 66px; line-height: 16px; text-align: center; color: #999;}
/* 轮播图 */
.xz-banner {width:1200px;height:322px;float:left;overflow:hidden;position:relative;margin-top:13px;}
.xz-banner li {float:left;list-style:none;}
.xz-banner li img{width:1200px;height:322px; display:inline-block}
.xz-banner ol {height:20px;position:absolute;bottom:10px; right:30px;}
.xz-banner ol li {cursor:pointer;position:relative;margin-left:10px;display:inline-block;width:12px;height:12px;border-radius:6px;background-color:#fff;-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.xz-banner ol .action {background-color:#3eaffd; padding:0 10px}
.xz-banner ol li:hover {background-color:#3eaffd;}
.xz-banner ul {position:relative;left:0;}
.next {cursor:pointer;opacity:0;position:absolute;right:0;background:url("../images/index/next.png");top:50%;  margin-top:-20px;width:50px;height:45px;display:block;line-height:80px;}
.prev {cursor:pointer;opacity:0;background:url("../images/index/prev.png");display:block;position:absolute;top:50%; left:10px; margin-top:-20px;width:50px;height:45px;text-align:center;line-height:80px;}
.prev,.next {transition:all 0.5s;}
.next:hover,.prev:hover {-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2);opacity:1!important;transition:all 0.3s;}

.swiper-index{width:1200px;height:322px;}
.swiper-index img{width:1200px;height:322px; display:inline-block}
/*搜索框*/
.search_index {position: relative;width:720px;height:50px;background:rgba(255,255,255,1);border:2px solid #0075ff;border-radius:6px; margin:96px auto 30px}
.search_index input {float:left;width:500px;height:100%;background:none;border:none;position:absolute;top:0px;left:113px;font-size:14px;color:#555;}
.search_index .navlist {width:85px;height:100%; position: relative;}
.search_index .navlist > a {display:block;width:100%;height:100%;overflow:hidden;}
.search_index .navlist p {height:100%;padding-left:10px;color:#333;font-size:14px;position:relative;line-height:48px;}
.search_index .navlist p::after {position:absolute;display:block;content:'';width: 0;height: 0; border-top: 4px solid black;
  border-right: 4px solid transparent; border-left: 4px solid transparent;right:5px;top:22px;}  
.search_index .navlist::after{content:'';width:1px;height:15px; background: #999; position: absolute; right:-10px; top: 17px;}
.search_index .navlist ul {display:none;width:90px;background:#ffffff;border-radius:0 0 5px 5px;border-top:1px solid #e5e5e5;box-shadow: 0 5px 5px rgba(153,153,153,.5);position: relative; z-index: 11;}
.search_index .navlist li a {display:block;width:100%;height:40px;line-height:40px;color:#333;text-indent:20px;}
.search_index .navlist li a:hover {color:#0075ff;}
.search_index .searchbtn {width:85px;height:100%;position:absolute;cursor:pointer;top:0px;right:-2px;display:block;z-index:999;background:#0075ff url(../images/index/search_icon.png) no-repeat center/23px auto;border-radius:0 6px 6px 0;}
.search_index .searchbtn:hover{opacity: 0.8;}
.search_index .hotsearch{font-size: 12px; margin: 10px 0 0 5px}
.search_index .hotsearch span{ float: left;color: #888;}
.search_index .hotsearch li{ display: inline-block; margin-left: 15px;}
.search_index .hotsearch a{ color: #888;} 
.search_index .hotsearch a:hover{ color: #3eaffd;} 

/* 模块导航 */
.moduleNav ul{ display: flex;margin-top: 20px;}
.moduleNav ul{ background: #f5f5f7; padding: 20px 0 20px 40px; border-radius: 10px;}
.moduleNav ul li{ flex: 1; position: relative;}
.moduleNav ul li:nth-child(1)::after {
  position: absolute;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-top: 15px solid #f5f5f7;
  border-right:15px solid transparent;
  border-left: 15px solid transparent;
  bottom:-35px;
  left:80px;
}
.moduleNav ul li:hover{
  transform: translateY(-6px);
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.moduleNav ul li .md_icon{ float: left;}
.moduleNav ul li .md_icon img{ border-radius: 50%}
.moduleNav .md_title{float: left; margin:10px 0 0 20px;}
.moduleNav .md_title .t1{ font-size: 18px; font-weight: bold}
.moduleNav .md_title .t2{ font-size: 14px; color: #888; margin-top: 5px;}


/* 在线制作 */
.on_title{ height:90px; line-height: 90px; position: relative; text-align: center}
.on_title a{ position: absolute; right: 0; top: 0px; color:#0075ff; font-size: 14px; }
.on_title a::after{ content: ''; display: inline-block; width: 6px; height: 6px; border-top:1px solid #0075ff; border-right:1px solid #0075ff; transform: rotate(45deg); vertical-align: 1px; margin-left: 5px;}

.on_title2{ height:90px; line-height: 90px; position: relative;}
.on_title2 a{ position: absolute; right: 0; top: 0px; color:#0075ff; font-size: 14px; }
.on_title2 a::after{ content: ''; display: inline-block; width: 6px; height: 6px; border-top:1px solid #0075ff; border-right:1px solid #0075ff; transform: rotate(45deg); vertical-align: 1px; margin-left: 5px;}

.show-list{clear: both;}
.onlineContent .show-list-sub {width:280px;height: 454px;border:1px solid #e4e4e4;border-radius: 8px;margin-bottom: 25px;margin-right: 26px;display:inline-block;}
.onlineContent .show-list-sub:nth-child(4n){ margin-right: 0}
.onlineContent .show-img-bg {text-align:center;width:100%;height:0;padding-bottom:370px;border-bottom:1px solid #ddd;overflow:hidden;position:relative}
.onlineContent .show-title {color:#333;font-size:14px;padding:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #eee;}
.onlineContent .show-bottom{ padding: 0 15px;}
.onlineContent .hot_like span {font-size:14px;color:#999}
.onlineContent .hot_like{ margin: 10px 0 0; line-height: 24px;}
.onlineContent .show-bottom .jl_like{cursor:pointer; width:24px; height:24px; background:url(../images/index/like.png) no-repeat; background-size:24px auto; float:right;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.onlineContent .show-bottom .jl_like.on{background:url(../images/index/like_on.png) no-repeat; background-size: 24px auto;}
.onlineContent .show-bottom .user-icon {display:inline-block;*display:inline;_zoom:1;width:22px;height:22px;background:url(../images/index/resume_common.png) no-repeat;background-size:22px auto;vertical-align:middle; margin-right:5px; float: left;}
.onlineContent .use-num {color:#999!important;margin-left:2px}
.onlineContent .show-img-bg img {width:100%;border-radius: 8px;}
.show-list {font-size:0;display:flex;flex-wrap:wrap}


/* 模板下载 */
.mbContent ul{ clear: both;}
.mbContent ul li{ float: left; margin-right: 17px; width: 287px; height: 458px; border-radius: 8px; border:1px solid #e4e4e4; transition: transform .5s ease; margin-bottom: 25px;position: relative;}
.mbContent ul li:nth-child(4n){ margin-right: 0}
.mbContent ul .online_thumb{  padding-top: 45px; background-color: #fcfcfc;background-image: linear-gradient(to bottom, #fcfcfc,#b8b6bb); padding-bottom: 20px;position: relative; text-align: center; border-radius:8px 8px 0 0;}
.mbContent ul .online_thumb::before{ content: ''; display: inline-block; width: 22px; height: 51px; background: url(../images/index/wd1.png) no-repeat; position: absolute; left:50px; top: 0;}
.mbContent ul .online_thumb::after{ content: ''; display: inline-block; width: 22px; height: 51px; background: url(../images/index/wd1.png) no-repeat; position: absolute; right:50px; top: 0;}
.mbContent ul li .online_thumb img{ padding:8px; background: #fff;box-shadow: 0 7px 10px rgba(80, 79, 79, 0.5); box-sizing: content-box}
.mbContent .show-title {color:#333;font-size:14px;padding:8px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid #eee;}
.mbContent .show-bottom{ padding: 0 15px;}
.mbContent .hot_like span {font-size:14px;color:#999}
.mbContent .hot_like{ margin: 10px 0 0; line-height: 24px;}
.mbContent .show-bottom .jl_like{cursor:pointer; width:24px; height:24px; background:url(../images/index/like.png) no-repeat; background-size:24px auto; float:right;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.mbContent .show-bottom .jl_like.on{background:url(../images/index/like_on.png) no-repeat; background-size: 24px auto;}
.mbContent .show-bottom .user-icon {display:inline-block;*display:inline;_zoom:1;width:22px;height:22px;background:url(../images/index/resume_common.png) no-repeat;background-size:22px auto;vertical-align:middle; margin-right:5px; float: left;}
.mbContent .use-num {color:#999!important;margin-left:2px}
.mbContent .show-img-bg img {width:100%;border-radius: 8px;}
/* 动画按钮 */
.mbContent .on_btn,.show-img-bg .on_btn {position:absolute;top:0;left:0;right:0;bottom:0;z-index:66;background:rgba(0,0,0,.6);background-image:linear-gradient(to bottom,rgba(231,230,230,0.1),rgba(0,0,0,.1));opacity:0;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;border-radius:8px;}
.show-img-bg .on_btn {border-radius:8px 8px 0 0;}
.mbContent .on_btn span,.show-img-bg .on_btn span {position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:230px;display:block;height:50px;line-height:50px;background:#1491fb;color:#fff;text-align:center;border-radius:27px;-webkit-transition:.3s cubic-bezier(0.68,-.55,.265,1.55);-moz-transition:.3s cubic-bezier(0.68,-.55,.265,1.55);-o-transition:.3s cubic-bezier(0.68,-.55,.265,1.55);transition:.3s cubic-bezier(0.68,-.55,.265,1.55);z-index:999;font-size:16px;}
.mbContent li:hover,.show-list-sub:hover,.interview li:hover {transform:translateY(-6px);-webkit-transform:translateY(-6px);-moz-transform:translateY(-6px);box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-moz-box-shadow:0 26px 40px -24px rgba(0,36,100,.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.mbContent li:hover .on_btn,.show-img-bg:hover .on_btn {opacity:1;}
.mbContent li:hover .on_btn span,.show-img-bg:hover .on_btn span {bottom:30px;}
.mbContent .on_btn span:hover,.show-img-bg .on_btn span:hover {background:#3288f8}


/* 面试技巧 */
.interview{ background: #edf0f7; border-radius: 8px; padding:0  35px 35px; margin-top: 25px;}
.interview ul{font-size: 0}
.interview li{ background: #fff; border-radius: 6px; padding:25px 20px 20px; width: 269px; display: inline-block; margin: 0 18px 0 0 }
.interview li:nth-child(4n){ margin-right: 0}
.interview li .iCont_t{ font-size: 16px;font-weight: bold; line-height:25px; width: 100%; height: 50px; overflow: hidden;letter-spacing:1px;}
.interview li .iCont img{ width: 230px; height: 150px; margin-top: 20px;display: block;}
.interview li .iCont_tag a{ padding: 5px 10px; background: #f9f9f9; display: inline-block; font-size: 14px; color: #999;border-radius: 5px; margin-top: 15px;}
.interview li .iCont_tag a:hover{ color: #666; background: #f1f1f1}

/* 横幅大图 */
.index_big_img{ clear: both;overflow: hidden; text-align: center}
.mt25{ margin-top: 25px}

