@charset "GBK";
/*服务券首页样式*/
/*
 * @Author: WangYang 
 * @Date: 2018-01-17 14:44:56 
 * @Last Modified by: WangYang
 * @Last Modified time: 2018-01-19 16:38:12
 */

/*TODO: headerBanner */
.jxad-box{position:relative;width:100%;overflow:hidden;}
.jxad-center-box{width:1200px;margin:auto;}
#fwq-header-banner{width:2560px;margin-left:-680px;}

/*TODO bannerSlider*/
.shop-silder{width: 2560px;height: 330px;overflow: hidden;position: relative;margin: 0 auto;}
.shop-silder .hd{height: 20px;overflow: hidden;position: absolute;left: 50%;bottom: 10px;transform: translate(-50%, -50%);z-index: 1;}
.shop-silder .hd ul{overflow: hidden;zoom: 1;float: left;}
.shop-silder .hd ul li{float: left;width: 20px;height: 20px;text-align: center;margin: 0 5px;background-color: #000;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;opacity: .35;filter: alpha(opacity=35);cursor: pointer;}
.shop-silder .hd ul li b{display: inline-block;width: 16px;height: 16px;margin-top: 2px;background: rgba(0, 0, 0, .35);border-radius: 50%;}
.shop-silder .hd ul li.on b{background: rgba(255, 255, 255, .6);}
.shop-silder .bd{position: relative;height: 100%;z-index: 0;}
.shop-silder .bd li{zoom: 1;vertical-align: middle;}
.shop-silder .bd li a{display: block;width: 100%;height: 330px;position: relative;}
.shop-silder .bd img{height: 330px;display: inline-block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

/*TODO 流程图*/
.shop-process {width:100%; height:100px; background:#eee;}
.shop-process .fwq-container {height:100px; background:url(../../images/fuwuquan201707/shop_process_bg.png) no-repeat; position:relative;}
.shop-process dl {width:150px; position:absolute; top:30px;}
.shop-process dl dt { color:#333;font-size: 14px;}
.shop-process dl dd {color:#999; font-size:12px;}
.shop-process dl.shop-proce-1 {left:80px;}
.shop-process dl.shop-proce-2 {left:400px;}
.shop-process dl.shop-proce-3 {left:720px;}
.shop-process dl.shop-proce-4 {left:1040px;}

/*TODO 政府服务补贴券*/

.service-recommend-tit.service-one {padding-top: 30px;}
.service-recommend-tit{height: 40px;padding-top: 40px;}
.service-recommend-tit h1{color: #333;font-size: 18px;}
.service-recommend-tit h1 i{display: inline-block;width: 6px;height: 20px;background-color: #f15453;vertical-align: sub;margin-right: 10px;}
.service-recommend-tit ul li{float: left;width: 28px;height: 18px;line-height: 18px;text-align: center;font-size: 12px;background-color: #fff;border: 1px solid #ccc;margin-right: -1px;cursor: pointer;}
.service-recommend-tit ul li:last-child{margin-right: 0;}
.service-recommend-tit ul li.on{background-color: #E8E8E8;}
.service-recommend-tit>a{padding-top: 8px;margin-right: 15px;font-size: 12px;color: #999;}
.service-recommend-tit>a:hover{color: #DD2828;text-decoration: none;}
.service-recommend-tit>a>b{font-family: "宋体";}
.service-recommend-tit>a.fwq-org {margin-right: 315px;}
.service-ticket{float: left;width: 285px;height: 360px;margin-right: 20px;background-color: #f5f5f5;}
.service-ticket:hover{box-shadow: 2px 2px 6px #E0E0E0;text-decoration: none;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.service-ticket:hover h2{color: #DD2828;}
.service-ticket-img img{display: block;}
.service-ticket-detail{padding: 0 10px;}
.service-ticket-detail h2{height: 36px;line-height: 36px;color: #333;font-size: 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.service-ticket-box .service-ticket-detail h2 {font-size: 16px;}
.service-ticket-detail p{font-size: 12px;color: #999;}
.service-ticket-detail p.service-ticket-introduce{height: 35px;overflow-y: hidden;line-height: 1.5;color: #666;}
.service-ticket-price{height: 40px;line-height: 40px;color: #DD2828;}
.service-ticket-price span b{font-size: 16px;margin-left: 3px;}
.service-ticket-box .service-ticket-price span b{font-size: 18px;}
.service-ticket-price i{position: absolute;right: 0;top: 10px;display: block;width: 70px;height: 22px;background: url(../../images/fuwuquan201707/scds_icon.png) 0 -30px no-repeat;}
.service-ticket-price em{font-size: 12px;color: #999;margin-left: 10px;}
.service-ticket-price em s{margin-left: 3px;}
.service-ticket-price i.service-icon-small {top: 10px;width: 53px;height: 19px;background: url(../../images/fuwuquan201707/service_small.png) no-repeat;}
.service-ticket-ent{position: absolute;right: 0;top: 70px;padding: 19px;width: 245px;height: 320px;border: 1px solid #e3e3e3;}
.service-ticket-ent-t{position: relative;height: 240px;}
.service-ticket-ent-t>a{position: absolute;display: block;width: 110px;height: 110px;text-align: center;color: #333;font-size: 14px;background-color: #e8e8e8;}
.service-ticket-ent-t>a:hover{background-color: #ddd;text-decoration: none;}
.service-ticket-ent-t>a.control{right: 0;}
.service-ticket-ent-t>a.use{bottom: 0;}
.service-ticket-ent-t>a.subsidy{right: 0;bottom: 0;}
.service-ticket-ent-t>a i{display: block;width: 40px;height: 40px;background: url(../../images/fuwuquan201707/scds_icon.png) no-repeat;margin: 25px auto 13px;}
.service-ticket-ent-t>a.apply i{background-position: 0 -60px;}
.service-ticket-ent-t>a.control i{background-position: -50px -60px;}
.service-ticket-ent-t>a.use i{background-position: -100px -60px;}
.service-ticket-ent-t>a.subsidy i{background-position: -150px -60px;}
.service-ticket-ent-b{padding-top: 44px;}
.service-ticket-ent-b span {font-size: 14px;}
.service-ticket-ent-b i{display: inline-block;width: 17px;height: 22px;margin-right: 5px;background: url(../../images/fuwuquan201707/scds_icon.png) -18px 0 no-repeat;vertical-align: middle;}
.service-ticket-ent-b a{margin-left: 13px;color: #DD2828;font-size: 14px;}
.service-ticket-ent-b a:hover{color: #b20000;}
.service-ticket-ent-b a b{font-family: "宋体";}

/*TODO 推荐服务*/
.service-recommend-list>a{float: left;width: 283px;height: 345px;background-color: #fff;border: 1px solid #fff;margin-right: 20px;}
.service-recommend-list>a:last-child{margin-right: 0;}
.service-recommend-list>a:hover{border-color: #DD2828;text-decoration: none;}
.service-recommend-list>a:hover h2{color: #DD2828;}
.service-recommend-list>a em{font-size: 12px;color: #999;margin-left: 10px;}
.service-recommend-list>a em s{margin-left: 3px;}
.service-recommend-list>a h2{height: 22px;line-height: 1;}
.service-recommend-list>a p.service-ticket-introduce{color: #999;}
.service-ticket-price u{position: absolute;right: 0;top: 11px;display: block;padding: 0 4px;height: 22px;line-height: 22px;background-color: #DD2828;color: #fff;text-decoration: none;}
.service-new{box-sizing: border-box;width: 100%;height: 670px;background-color: #f5f5f5;}
.service-new .service-ticket-price span b{font-size: 14px;font-weight: 600;}
.service-recommend-list a.w220{width: 220px;height: 290px;padding: 1px;background-color: #F5F5F5;}
.service-new .service-ticket-detail h2{font-size: 14px;}
.service-recommend-list a.w220 .service-ticket-detail{width: 200px;}
.service-recommend-tit>a{padding-top: 8px;margin-right: 15px;font-size: 12px;color: #999;}
.service-recommend-tit>a:hover{color: #DD2828;}
.service-recommend-tit>a>b{font-family: "宋体";}

/*TODO 中部长banner*/
.fwq-index-banner {padding-top: 30px;}
.fwq-index-banner img {display: block;width: 1200px;}

/*TODO 各个系统*/
div.w220 {margin-right: 20px;margin-top: 2px;padding-top: 180px;width: 220px;height: 110px;;text-align: center;background-repeat: no-repeat;}
div.w220 h3 {height: 63px;line-height: 77px;color: #fff;font-size: 18px;font-weight: 600;}
div.w220 p {color: #fff;font-size: 14px;}
.fwq-index-basis {background-image: url(../../images/fuwuquan201707/fwq_index_basis.png);}
.fwq-index-manage{background-image: url(../../images/fuwuquan201707/fwq_index_manage.png);}
.fwq-index-market{background-image: url(../../images/fuwuquan201707/fwq_index_market.png);}
.fwq-index-manpower{background-image: url(../../images/fuwuquan201707/fwq_index_manpower.png);}

/*TODO 数据更新位置*/
.fwq-index-resource {margin-top: 40px;width: 100%;background: url(../../images/fuwuquan201707/fwq_index_resource.jpg) center center no-repeat;}
.fwq-container-resource {margin: 0 auto;width: 1128px;}
.fwq-container-resource li {float: left;width: 282px;height: 165px;text-align: center;}
.fwq-container-resource h4 {padding-top: 26px;font-size: 24px;color: #fff;}
.fwq-container-resource p {padding-top: 4px;color: #fff;}
.fwq-container-resource i {display: block;margin: 0 auto;padding-top: 23px;width: 30px;height: 30px;background-position: bottom center;background-repeat: no-repeat;}
.fwq-index-resource-icon1 {background-image: url(../../images/fuwuquan201707/fwq_index_resouce_icon1.png);}
.fwq-index-resource-icon2 {background-image: url(../../images/fuwuquan201707/fwq_index_resouce_icon2.png);}
.fwq-index-resource-icon3 {background-image: url(../../images/fuwuquan201707/fwq_index_resouce_icon3.png);}
.fwq-index-resource-icon4 {background-image: url(../../images/fuwuquan201707/fwq_index_resouce_icon4.png);}

/*TODO 服务券申领快捷方式*/
.fwqsl{position: fixed;left: 50%;bottom: 189px;margin-left: 615px;margin-bottom: 3px;}
.fwqsl a{display: block;width: 40px;height: 150px;background: url(../../images/fuwuquan201707/fwqsl.png) 0 0 no-repeat;}
.fwqsl a:hover{background-position-x: -40px;}

.yfwqsl{position: fixed;left: 50%;bottom: 189px;margin-left: 615px;margin-bottom: 3px;}
.yfwqsl a{display: block;width: 40px;height: 150px;background: url(../../images/fuwuquan201707/yfwqsl.png) 0 0 no-repeat;}
.yfwqsl a:hover{background-position-x: -40px;}

/***** 以下为20180117改版代码 *****/

/* 首屏banner */
.shop-banner {height: 250px;background: url(../../images/fuwuquan201707/banner_1.png) center 0 no-repeat;}
.shop-banner .total {padding: 80px 0 0 760px;color: #fff;}
.shop-banner .total .text {margin-bottom: 25px;display: block;line-height: 1;font-size: 14px;}
.shop-banner .total .text em {margin: 0 8px 0 15px;display: inline-block;font-size: 36px;font-weight: 600;letter-spacing: 1px;font-style: normal;}

/* 服务券在线数据公示 */
.fwq-data {padding: 20px 0 35px;background: #fff;}
.fwq-data .fwq-container {position: relative;}
.fwq-data .title {padding-left: 15px;-webkit-box-sizing: border-box;box-sizing: border-box;height: 60px;line-height: 60px;font-size: 16px;font-weight: 600;color: #333;border: 1px solid #e3e3e3;}
.fwq-data .title .icon {margin-right: 10px;display: inline-block;width: 6px;height: 20px;background: #f15453;vertical-align: sub;}
.fwq-data .title .remark {margin-left: 15px;font-size: 12px;font-weight: 500;color: #999;}
.fwq-data .pulldown {position: absolute;right: 0;top: 12px;font-size: 0;}
.fwq-data .pulldown .select {margin-right: 10px;width: 157px;height: 36px;font-family: 'microsoft yahei';font-size: 14px;color: #333;border: 1px solid #ccc;outline: none;}
.fwq-data .list {-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%;border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;}
.fwq-data .list .item {float: left;width: 25%;height: 100px;border-bottom: 1px solid #eee;}
.fwq-data .list .item .link {display: block;height: 100%;position: relative;cursor: pointer;}
.fwq-data .list .item:nth-child(1) .link,
.fwq-data .list .item:nth-child(3) .link,
.fwq-data .list .item:nth-child(6) .link,
.fwq-data .list .item:nth-child(8) .link {background: #fff;}
.fwq-data .list .item:nth-child(2) .link,
.fwq-data .list .item:nth-child(4) .link,
.fwq-data .list .item:nth-child(5) .link,
.fwq-data .list .item:nth-child(7) .link {background: #f4f5f8;}
.fwq-data .list .item:nth-child(1):hover .link,
.fwq-data .list .item:nth-child(3):hover .link,
.fwq-data .list .item:nth-child(6):hover .link,
.fwq-data .list .item:nth-child(8):hover .link {background: #f3e7e7;}
.fwq-data .list .item:nth-child(2):hover .link,
.fwq-data .list .item:nth-child(4):hover .link,
.fwq-data .list .item:nth-child(5):hover .link,
.fwq-data .list .item:nth-child(7):hover .link {background: #e2e5f0;}
.fwq-data .list .item .link .name,
.fwq-data .list .item .link .text {margin-left: 30px;display: block;line-height: 1;color: #333;}
.fwq-data .list .item .link .name {padding-top: 25px;font-size: 14px;}
.fwq-data .list .item .link .text {padding-top: 17px;font-size: 12px;}
.fwq-data .list .item .link .text .price {margin-right: 5px;font-size: 22px;color: #ff8800;}
.fwq-data .list .item .link .icon {position: absolute;right: 20px;top: 20px;width: 60px;height: 60px;background: url(../../images/fuwuquan201707/icon_1.png) 0 0 no-repeat;}
.fwq-data .list .item:nth-child(2) .link .icon {background-position: -60px 0;}
.fwq-data .list .item:nth-child(3) .link .icon {background-position: -120px 0;}
.fwq-data .list .item:nth-child(4) .link .icon {background-position: -180px 0;}
.fwq-data .list .item:nth-child(5) .link .icon {background-position: 0 -60px;}
.fwq-data .list .item:nth-child(6) .link .icon {background-position: -60px -60px;}
.fwq-data .list .item:nth-child(7) .link .icon {background-position: -120px -60px;}
.fwq-data .list .item:nth-child(8) .link .icon {background-position: -180px -60px;}

/* 左侧地市 and 当前有效服务券 */
.fwq-gay {padding: 35px 0;width: 100%;background: #f5f5f5;}
.fwq-gay .aside {width: 380px;background: #fff;}
.fwq-gay .aside .top {padding-top: 22px;text-align: center;font-size: 0;}
.fwq-gay .aside .top .link {display: inline-block;width: 120px;} 
.fwq-gay .aside .top .link .icon {margin: 0 auto;display: block;width: 40px;height: 40px;background: url(../../images/fuwuquan201707/icon_2.png) 0 0 no-repeat;}
.fwq-gay .aside .top .link .icon-2 {background-position: -40px 0;}
.fwq-gay .aside .top .link .icon-3 {background-position: -80px 0;}
.fwq-gay .aside .top .link .text {margin-top: 12px;display: block;font-size: 14px;color: #333;}
.fwq-gay .aside .top .link:hover .text {color: #0088ee;}
.fwq-gay .aside .bottom {padding: 20px 30px;}
.fwq-gay .aside .bottom .title {height: 59px;line-height: 59px;font-size: 18px;font-weight: 500;color: #333;border-bottom: 1px solid #ddd;}
.fwq-gay .aside .bottom .list {padding-top: 20px;width: 340px;font-size: 0;}
.fwq-gay .aside .bottom .list .link {margin:0 13px 13px 0;display: inline-block;-webkit-box-sizing: border-box;box-sizing: border-box;width: 70px;height: 30px;line-height: 28px;text-align: center;font-size: 14px;color: #666;border: 1px solid #ddd;position: relative;}
.fwq-gay .aside .bottom .list .link:hover {color: #08e;}
.fwq-gay .aside .bottom .list .link.have {background: #d2ecff;border-color: #b4dfff;}
.fwq-gay .aside .bottom .list .link.have::before {content: '';position: absolute;right: -5px;top: -7px;width: 16px;height: 16px;background: url(../../images/fuwuquan201707/bz.png) 0 0 no-repeat;}
.fwq-gay .aside .bottom .list.county {margin-top: -13px;}
.fwq-gay .aside.fix {position: fixed;left: 50%;top: 0px;margin-left: -600px;;}


.fwq-gay .valid {width: 800px;background: #fff;}
.fwq-gay .valid .title {height: 59px;line-height: 59px;text-indent: 20px;font-size: 16px;font-weight: 600;color: #333;border-bottom: 1px solid #ddd;}
.fwq-gay .valid .list {padding:0 30px;}
.fwq-gay .valid .item {-webkit-box-sizing: border-box;box-sizing: border-box;height: 300px;border-top: 1px dashed #ddd;}
.fwq-gay .valid .item:first-child {border: none;}
.fwq-gay .valid .item .item-title {padding: 40px 0 0 20px;line-height: 1;font-size: 16px;font-weight: 600;color: #333;position: relative;}
.fwq-gay .valid .item .item-title::before {position: absolute;left: 0;top: 40px;content: '';display: inline-block;width: 4px;height: 16px;background: #f15453;}
.fwq-gay .valid .item .item-title .item-remark {margin-left: 15px;font-size: 14px;font-weight: 500;}
.fwq-gay .valid .item .item-title .item-money {position: absolute;right: 0;top: 39px;font-size: 14px;font-weight: 500;color: #333;}
.fwq-gay .valid .item .item-title .item-money .money {margin: 0 10px;}
.fwq-gay .valid .item .item-title .item-money em {font-size: 18px;font-family: Arial;}
.fwq-gay .valid .item .item-title .item-money b {margin: 0 3px 0 6px;font-weight: normal;font-size: 14px;}
.fwq-gay .valid .item .item-title .item-money .surplus em {color: #ff8800;}
.fwq-gay .valid .item .item-support {margin-top: 34px;}
.fwq-gay .valid .item .item-support .label {width: 60px;text-align: right;font-size: 14px;color: #333;}
.fwq-gay .valid .item .item-support .support-box {width: 680px;font-size: 0;}
.fwq-gay .valid .item .item-support .link {padding: 0 10px;margin-bottom: 5px;;display: inline-block;text-align: center;font-size: 14px;color: #0088ee;}
.fwq-gay .valid .item .item-support .link:hover {color: #0c5ea4;}
.fwq-gay .valid .item .item-time {padding: 13px 0 0 62px;}
.fwq-gay .valid .item .item-time .date {margin-left: 10px;display: inline-block;width: 50px;height: 50px;text-align: center;color: #666;background: #f5f5f5;border-radius: 50%;}
.fwq-gay .valid .item .item-time .num {display: block;padding-top: 10px;line-height: 1;font-family: Arial;font-size: 16px;font-weight: 600;color: #333;}
.fwq-gay .valid .item .item-enter {margin: 30px 0 0 72px;display: block;width: 130px;height: 34px;line-height: 34px;text-align: center;font-family: 'microsoft yahei';font-size: 14px;color: #fff;background: #ff8800;border-radius: 3px;}
.fwq-gay .valid .item .item-enter:hover {background: #ff6600;}