/**!
 * 青海省网上政务大厅-首页
 * author: xiaolong;
 * date: 20180522
 */

.trans {
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}


/*头部*/

.top {
    position: relative;
    z-index: 3;
    height: 144px;
}

.logo {
    float: left;
    height: 46px;
    margin-top: 49px;
}

.position {
    margin: 62px 0 0 26px;
}

.position-drop-inner:before {
	left: 428px;
}

.position-drop {
	top: 74px;
	left: 40px;
}

.position-drop-row .title > i {
	padding: 0 8px;
}

.top-search {
    padding-top: 49px;
}

.search-block {
    float: left;
    position: relative;
    margin-right: 10px;
}

.search-input {
    width: 316px;
    height: 44px;
    padding-right: 42px;
    line-height: 44px;
    text-indent: 15px;
    border: 1px solid #fed9b3;
    outline: 0;
	background: #fff !important;
}

.search-btn {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 40px;
    height: 44px;
    background: url("../images/index/icon-search.png") left center no-repeat;
    outline: 0;
    border: 0;
    padding: 0;
    cursor: pointer;
}

.personal-space {
    float: left;
    box-sizing: border-box;
    width: 126px;
    height: 46px;
    padding-left: 47px;
    line-height: 46px;
    margin-left: 10px;
    background-image: url('../images/default/icon-user.png');
    background-position: 13px center;
    background-repeat: no-repeat;
    background-color: #ff8b17;
    /*background-color: rgba(255, 139, 23, .85);*/
    color: #fff;
    font-size: 16px;
}



/*热门事项、便民服务等tab*/

.section01 {
    position: relative;
    z-index: 2;
}

.tab {
    float: left;
    width: 590px;
    background-color: #fff;
}

.tab-head {
    float: left;
    width: 130px;
}

.tab-item {
    /* height: 68px; */
	height: 85px;
    position: relative;
    text-align: center;
    line-height: 85px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    background-color: #2f9dfc;
}

.tab-item.active {
    background-color: #fff;
    color: #2f9dfc;
    font-weight: 600;
}

.tab-item.active:before {
    position: absolute;
    content: "";
    width: 4px;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #ff8b17;
}

.tab-body {
    float: left;
    width: 460px;
    height: 340px;
    overflow: hidden;
}

.tab-body-item {
    height: 340px;
}

.col-head {
    box-sizing: border-box;
    height: 34px;
    margin: 8px 15px 0;
    border-bottom: 1px solid #dcdcdc;
}

.col-head .title {
    float: left;
    padding: 0 12px;
    line-height: 32px;
    font-size: 16px;
    font-weight: bold;
    color: #333;
    border-bottom: 2px solid #1492ff;
}

.btn-refresh {
    line-height: 32px;
    font-size: 14px;
    color: #999;
}

.icon-refresh {
    display: inline-block;
    width: 18px;
    height: 15px;
    margin-left: 8px;
    vertical-align: -3px;
    background: url("../images/index/icon-refresh.png") no-repeat;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.btn-refresh:hover .icon-refresh {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}



/*热门事项tab内容*/

.matter-list {
    padding-left: 5px;
}

.matter-list .item {
    float: left;
    width: 136px;
    height: 132px;
    margin: 10px 0 0 10px;
}

.matter-list .item>div,
.matter-list .item>a {
    display: block;
    height: 132px;
    overflow: hidden;
    background-color: #f2f5fa;
    border: 1px solid #f2f5fa;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
}

.matter-list .item>div:hover {
    border-color: #a4d5ff;
    background-color: #fff;
}

.matter-list .item img {
    display: block;
    margin: 13px auto 0;
}

.matter-list .matter-name {
    display: block;
    font-size: 14px;
    padding: 6px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}

.matter-list .matter-action {
    display: block;
    font-size: 0
}

.matter-list .matter-action>a {
    color: #999;
    font-size: 14px;
    margin: 0 5px;
}

.matter-list .matter-action>a:hover {
    color: #2f9dfc;
}


/*便民服务tab内容*/

.col-head .btn-more {
    float: right;
    line-height: 32px;
    font-size: 14px;
    color: #999;
    margin-right: 10px;
}

.col-head .icon-more {
    width: 14px;
    height: 14px;
    margin-left: 10px;
    vertical-align: -2px;
    display: inline-block;
    background: url("../images/index/icon-more.png") no-repeat;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.col-head .btn-more:hover .icon-more {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
}

.service-list {
    padding: 0 22px;
}

.service-list .item {
    float: left;
    width: 50%;
    margin-top: 15px;
}

.service-list .item>a {
    display: block;
    width: 150px;
    margin: 0 auto;
    color: #333;
}

.service-list .item .icon {
    width: 90px;
    height: 90px;
    display: block;
    margin: 0 auto;
    background: url("../images/index/icon-service01.png") no-repeat;
}

.service-list .item .icon02 {
    background: url("../images/index/icon-service02.png") no-repeat;
}

.service-list .item .icon03 {
    background: url("../images/index/icon-service03.png") no-repeat;
}

.service-list .item .icon04 {
    background: url("../images/index/icon-service04.png") no-repeat;
}

.service-list .item>a:hover {
    color: #1492ff;
}

.service-list .item>a:hover .icon01 {
    background-position: 0 -90px;
}

.service-list .item>a:hover .icon02 {
    background-position: 0 -90px;
}

.service-list .item>a:hover .icon03 {
    background-position: 0 -90px;
}

.service-list .item>a:hover .icon04 {
    background-position: 0 -90px;
}

.service-list .item .name {
    display: block;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
}


/*办件公示内容*/

.work {
    padding: 13px 15px 0;
}

.work-list {
    width: 100%;
}

.work-list th {
    height: 40px;
    color: #666;
    text-align: center;
    background-color: #f2f5fa;
}

.work-list td {
    height: 44px;
    border-bottom: 1px dotted #e5e5e5;
    text-align: center;
}

.work-list .blstatus {
    text-align: left;
    text-indent: 20px;
}


/*互动交流tab内容*/

.interact {
    padding: 15px 15px 0;
}

.common-ques {
    position: relative;
}

.question-more {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 26px;
    height: 87px;
    padding-top: 22px;
    border-radius: 13px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 14px;
    color: #999;
    text-align: center;
}

.question-more:hover {
    color: #2f9dfc;
    border-color: #aad7ff;
}

.common-ques .title {
    float: left;
    width: 60px;
    height: 102px;
    padding: 9px 15px 0;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    line-height: 21px;
    text-align: center;
    box-sizing: border-box;
    background: url("../images/index/ques-bg.png") no-repeat;
}

.question-list {
    overflow: hidden;
    margin-left: 60px;
    height: 102px;
    box-sizing: border-box;
    padding-left: 16px;
    padding-top: 7px;
    background-color: #f2f5fa;
}

.question-list .item {
    padding: 3px 5px 3px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.question-list .item>a {
    display: inline-block;
    vertical-align: top;
    line-height: 24px;
    text-indent: 15px;
    background: url("../images/index/dot.png") 0 center no-repeat;
}

.question-list .item>a:hover {
    color: #2f9dfc;
    background-image: url("../images/index/dot-hov.png");
}

.like-list {
    margin-right: -10px;
}

.like-list .item {
    float: left;
    margin-right: 10px;
    margin-top: 15px;
}

.like-list .item>a {
    display: block;
    width: 100px;
    height: 110px;
    padding-top: 75px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    background-color: #e7f7fa;
    color: #5ec8df;
    background-position: center 13px;
    background-repeat: no-repeat;
}

.like-list .item .consult {
    background-image: url("../images/index/icon-hd01.png");
}

.like-list .item .suggest {
    background-color: #eef7e9;
    color: #8acb6b;
    background-image: url("../images/index/icon-hd02.png");
}

.like-list .item .complaint {
    background-color: #fef4e5;
    color: #f7b64f;
    background-image: url("../images/index/icon-hd03.png");
}

.like-list .item .evaluate {
    background-color: #feeeeb;
    color: #f59079;
    background-image: url("../images/index/icon-hd04.png");
}

.like-list .item .consult:hover {
    background-color: #5ec8df;
    color: #fff;
    background-image: url("../images/index/icon-hd01-hov.png");
}

.like-list .item .suggest:hover {
    background-color: #8acb6b;
    color: #fff;
    background-image: url("../images/index/icon-hd02-hov.png");
}

.like-list .item .complaint:hover {
    background-color: #f7b64f;
    color: #fff;
    background-image: url("../images/index/icon-hd03-hov.png");
}

.like-list .item .evaluate:hover {
    background-color: #f59079;
    color: #fff;
    background-image: url("../images/index/icon-hd04-hov.png");
}

.reply-search {
    margin-top: 15px;
    height: 68px;
    background-color: #f2f5fa;
}

.reply-search .title {
    float: left;
    width: 67px;
    height: 68px;
    box-sizing: border-box;
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    padding: 12px 20px 0 10px;
    letter-spacing: 2px;
    background: url("../images/index/reply-bg.png") no-repeat;
}

.reply-input {
    float: left;
    width: 250px;
    height: 32px;
    margin: 18px 0 0 18px;
    box-sizing: border-box;
    line-height: 30px;
    border: 1px solid #e5e5e5;
    text-indent: 13px;
    background-color: #fff;
    outline: 0;
    border-radius: 16px;
}

.reply-btn {
    float: left;
    width: 68px;
    height: 32px;
    margin: 18px 0 0 10px;
    background-color: #ff8b17;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    border-radius: 16px;
}

.reply-btn:hover {
	color:#fff;
}


/*办件进度查询*/

.query-form {
    padding: 35px 40px 5px;
}

.query-row {
    padding-bottom: 10px;
}

.query-input {
    width: 100%;
    height: 40px;
    box-sizing: border-box;
    border: 1px solid #d4e0ea;
    line-height: 38px;
    border-radius: 20px;
    background-color: #f2f5fa;
    font-size: 16px;
    outline: 0;
    text-indent: 16px;
}

.query-btn-row {
    padding-bottom: 0;
}

.btn-query {
    display: block;
    width: 100%;
    height: 40px;
    border: 0;
    border-radius: 20px;
    background-color: #72b7f4;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    outline: 0;
    cursor: pointer;
}


/*轮播图*/

.banner {
    float: right;
    width: 570px;
    height: 320px;
    padding: 10px;
    background-color: #fff;
}

.banner-container {
    height: 320px;
}

.swiper-slide .title img {
    vertical-align: top;
}

.pagination {
    position: absolute;
    z-index: 20;
    left: 0;
    width: 100%;
    bottom: 10px;
    text-align: center;
}

.swiper-pagination-switch {
    display: inline-block;
    width: 35px;
    height: 6px;
    background: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
    margin-right: 5px;
    margin-left: 10px;
    cursor: pointer;
}

.swiper-visible-switch {
    background: #aaa;
}

.swiper-active-switch {
    background: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
}


/*顶部背景轮播*/

.ewb-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 520px;
    overflow: hidden;
    background: none;
    border-bottom: 8px solid #cae2f7;
}

.slidebox-items>li {
    width: 100%;
    float: left;
}

.slidebox-items>li.bg1 {
    height: 520px;
    background: url('../images/index/top-bg01.jpg') center top no-repeat;
}

.slidebox-items>li.bg2 {
    height: 520px;
    background: url('../images/default/bg02.jpg') center top no-repeat;
}

.slidebox-items>li.bg3 {
    height: 520px;
    background: url('../images/default/bg03.jpg') center top no-repeat;
}

.slidebox-items>li.bg4 {
    height: 520px;
    background: url('../images/default/bg04.jpg') center top no-repeat;
}

.slidebox-items>li.bg5 {
    height: 520px;
    background: url('../images/default/bg05.jpg') center top no-repeat;
}


/*菜单导航轮播*/

.menu-bar {
    position: relative;
    margin-top: 76px;
}

.menu-container {
    height: 150px;
    margin-right: -20px;
}

.menu-container .swiper-slide {
    box-sizing: border-box;
}

.swiper-item {
    display: block;
    width: 224px;
    height: 150px;
    position: relative;
    cursor: pointer;
}

.swiper-item>img {
    display: block;
    margin: 20px auto 0;
}

.swiper-item .text {
    display: block;
    padding-top: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
}

.swiper-item {
    overflow: hidden;
    background-repeat: no-repeat;
    background-image: url("../images/index/slide-bg.png");
    background-position: bottom center;
}

.swiper-item.item01 {
    background-color: #5ec8df;
}

.swiper-item.item01:hover {
    background-color: #45bed8;
}

.swiper-item.item02 {
    background-color: #8acb6b;
}

.swiper-item.item02:hover {
    background-color: #7cc957;
}

.swiper-item.item03 {
    background-color: #f7b64f;
}

.swiper-item.item03:hover {
    background-color: #f5ad3a;
}

.swiper-item.item04 {
    background-color: #f59079;
}

.swiper-item.item04:hover {
    background-color: #f2836a;
}

.swiper-item.item05 {
    background-color: #43b8f5;
}

.swiper-item.item05:hover {
    background-color: #33b0f1;
}

.swiper-item.item06 {
    background-color: #8acb6b;
}

.swiper-item.item06:hover {
    background-color: #7cc957;
}

.swiper-item.item07 {
    background-color: #5ec8df;
}

.swiper-item.item07:hover {
    background-color: #45bed8;
}

.swiper-button-prev,
.swiper-button-next {
    position: absolute;
    width: 50px;
    height: 76px;
    cursor: pointer;
    top: 41px;
}

.swiper-button-next {
    right: -75px;
    background: url("../images/index/icon-right.png") no-repeat;
}

.swiper-button-prev {
    left: -75px;
    background: url("../images/index/icon-left.png") no-repeat;
}


/*行政许可、公共服务*/

.section03 {
    min-height: 300px;
    margin-top: 30px;
    min-width: 1200px;
    background: url("../images/index/section-bg.jpg");
}

.permit-head {
    height: 88px;
    position: relative;
    text-align: center;
    /* background: url("../images/index/tab-bg.png") 0 41px no-repeat; */
}

.permit-body-item {
    min-height: 524px;
}

.permit-item {
    display: inline-block;
    position: relative;
    vertical-align: top;
    width: 176px;
    height: 68px;
    margin-top: 10px;
    line-height: 68px;
    font-size: 26px;
    color: #666;
    cursor: pointer;
}

.permit-item.active {
    color: #1492ff;
}

.permit-item:before {
    position: absolute;
    content: "";
    width: 2px;
    height: 24px;
    right: 0;
    top: 23px;
    background-color: #bfbfbf;
}

.permit-item:last-child:before {
    display: none;
}

.affair-head {
    height: 68px;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    border-radius: 34px;
}

.affair-head-inner {
    margin: 0 -1px;
    height: 66px;
}

.affair-item {
    float: left;
    height: 68px;
    margin-top: -1px;
    width: 33.333333%;
    box-sizing: border-box;
    cursor: pointer;
    text-align: left;
    font-size: 20px;
    line-height: 68px;
    color: #666;
    border-radius: 34px;
    -webkit-transition: color, background-color .4s cubic-bezier(.175, .885, .32, 1);
    transition: color, background-color .4s cubic-bezier(.175, .885, .32, 1);
}

.affair-item.dept {
    padding-left: 195px;
    background: url("../images/index/tab-icon01.png") 119px -53px no-repeat;
}

.affair-item.personal {
    padding-left: 186px;
    background: url("../images/index/tab-icon02.png") 133px 12px no-repeat;
}

.affair-item.legal {
    padding-left: 186px;
    background: url("../images/index/tab-icon03.png") 138px 15px no-repeat;
}

.affair-item.dept.active {
    background-color: #59affa;
    color: #fff;
    background-position: 119px 15px;
}

.affair-item.personal.active {
    background-color: #59affa;
    color: #fff;
    background-position: 133px -57px;
}

.affair-item.legal.active {
    background-color: #59affa;
    color: #fff;
    background-position: 138px -53px;
}

.affair-body {
    padding: 30px 0;
}

.dept-list {
    margin-right: -20px;
}

.dept-list .item {
    float: left;
    width: 183px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.dept-list .item>a {
    display: block;
    height: 46px;
    box-sizing: border-box;
    border: 1px solid #85c6ff;
    line-height: 44px;
    text-align: center;
    background-color: #f6fbff;
    font-size: 16px;
    color: #333;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-transition: all .4s cubic-bezier(.175, .885, .32, 1);
    transition: all .4s cubic-bezier(.175, .885, .32, 1);
}

.dept-list .item>a:hover {
    background-color: #ff9425;
    color: #fff;
    border-color: #ff9425;
}

.affair-list {
    margin-right: -64px;
}

.affair-list .item {
    float: left;
    width: 96px;
    margin-right: 62px;
    margin-bottom: 25px;
}

.affair-list .item>a {
    display: block;
    text-align: center;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.affair-list .item>a:hover {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
}

.affair-list .item img {
    display: block;
    margin: 0 auto;
}

.affair-list .item .name {
    display: block;
    line-height: 40px;
    font-size: 16px;
    margin: 0 -10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}