.search:after,
.top-links:after,
.style-select:after,
.buttons-list:after,
.viewpoint-list:after,
.footer-link:after,
.main-content:after,
#form_login:after,
.content:after,
.webmap ul:after,
.link-style1:after,
.traffic section ul:after,
.seprate:after,
.search-feature:after,
.hotNews:after,
.hotNews .list:after,
.content.type2>.list:after,
.content.type2>.list.imgtype .intros:after,
.content.type2>.list.imgtype li:after,
.news-feature:after,
.article-feature:after,
.feature-fun-1:after,
.content.type2-1>.list:after,
.content.type2-1>.list.imgtype .intros:after,
.content.type2-1>.list.imgtype li:after,
.tab-pane:after {
    content: '';
    display: block;
    clear: both
}

body,
html {
    height: 100%
}

body {
    background-color: #fafafa;
    font-family: Microsoft JhengHei
}

header {
    margin-bottom: 20px
}

footer {
    padding-top: 20px;
    box-shadow: 0px -13px 22px -5px rgba(0, 0, 0, 0.12);
    background-color: #fff;
    z-index: 2;
    position: relative
}

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: ''
}

.container {
    width: 1100px !important
}

.breadcrumb {
    background-color: transparent;
    margin-bottom: 0;
    padding-left: 0;
    display: none
}

.main-content {
    box-shadow: inset 0px 22px 25px -20px;
    position: relative;
    min-height: 400px;
    background-color: #fafafa
}

.main-content.type2 {
    box-shadow: inset 0px 15px 25px -20px;
    background-color: #d9d9d9
}

.sider-bar {
    width: 265px;
    background-color: #d9d9d9;
    position: relative;
    float: left;
    left: 0;
    top: 0;
    bottom: 0;
    padding-top: 30px;
    box-shadow: inset 0px 22px 25px -20px
}

.sider-bar.type2 {
    padding-top: 0;
    box-shadow: none;
    padding-left: 7px;
    padding-right: 7px
}

.sider-bar ul {
    padding-left: 0
}

.sider-bar ul li {
    display: table;
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #ffffff;
    box-shadow: 0 1px 0px #a0a0a0;
    list-style-type: none
}

.sider-bar ul li:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 44px;
    background: url(../img/icon-web.png) no-repeat;
    position: absolute
}

.sider-bar ul li.active a,
.sider-bar ul li:hover a {
    color: #4BA4D5;
    background-color: #fafafa
}

.sider-bar ul li.active.icon-login:before,
.sider-bar ul li:hover.icon-login:before {
    background-position: 14px 7px
}

.sider-bar ul li.active.icon-terms:before,
.sider-bar ul li:hover.icon-terms:before {
    background-position: 14px -43px
}

.sider-bar ul li.active.icon-regist:before,
.sider-bar ul li:hover.icon-regist:before {
    background-position: 14px -93px
}

.sider-bar ul li.active.icon-forgot:before,
.sider-bar ul li:hover.icon-forgot:before {
    background-position: 14px -143px
}

.sider-bar ul li.active.icon-resend:before,
.sider-bar ul li:hover.icon-resend:before {
    background-position: 14px -193px
}

.sider-bar ul li.active.icon-map:before,
.sider-bar ul li:hover.icon-map:before {
    background-position: -93px 8px
}

.sider-bar ul li.active.icon-private:before,
.sider-bar ul li:hover.icon-private:before {
    background-position: -93px -41px
}

.sider-bar ul li.active.icon-terms2:before,
.sider-bar ul li:hover.icon-terms2:before {
    background-position: -93px -92px
}

.sider-bar ul li.active.icon-apply:before,
.sider-bar ul li:hover.icon-apply:before {
    background-position: -93px -141px
}

.sider-bar ul li.active.icon-contact:before,
.sider-bar ul li:hover.icon-contact:before {
    background-position: -93px -191px
}

.sider-bar ul li.active.icon-about:before,
.sider-bar ul li:hover.icon-about:before {
    background-position: -93px -241px
}

.sider-bar ul li a {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px;
    color: #000;
    text-decoration: none;
    padding-left: 50px
}

.sider-bar .icon-login:before {
    background-position: -30px 7px
}

.sider-bar .icon-terms:before {
    background-position: -30px -43px
}

.sider-bar .icon-regist:before {
    background-position: -30px -93px
}

.sider-bar .icon-forgot:before {
    background-position: -30px -143px
}

.sider-bar .icon-resend:before {
    background-position: -30px -193px
}

.sider-bar .icon-map:before {
    background-position: -145px 8px
}

.sider-bar .icon-private:before {
    background-position: -145px -41px
}

.sider-bar .icon-terms2:before {
    background-position: -145px -92px
}

.sider-bar .icon-apply:before {
    background-position: -145px -141px
}

.sider-bar .icon-contact:before {
    background-position: -145px -191px
}

.sider-bar .icon-about:before {
    background-position: -145px -241px
}

.result-count {
    margin-left: 50px;
    padding: 16px 0 12px 15px;
    background-color: #fff
}

.result-count span {
    margin-right: 20px;
    color: #EA545D
}

.content {
    width: 805px;
    margin-left: 265px;
    padding: 36px 47px
}

.content.single {
    width: 100%;
    margin: 0;
    padding: 36px 0
}

.content.type2,
.content.type2-1 {
    margin-left: 0;
    padding: 0;
    position: relative
}

.content.type2:before,
.content.type2-1:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 10px;
    box-shadow: inset 0px 6px 7px -5px #aaa;
    z-index: 1
}

.content.type2>.style-title,
.content.type2-1>.style-title {
    font-size: 28px;
    color: #fff;
    background: url(../img/btn-bg-1.jpg);
    padding: 10px 0 5px 2.5em;
    font-weight: bold;
    position: relative
}

.content.type2>.style-title:before,
.content.type2-1>.style-title:before {
    content: '';
    display: block;
    height: 7px;
    background-color: #036EB7;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0
}

.content.type2>.style-title:after,
.content.type2-1>.style-title:after {
    content: url(../img/keywords-icon.png);
    display: block;
    position: absolute;
    left: 10px;
    top: 3px
}

.content.type2>.list,
.content.type2-1>.list {
    display: block;
    margin-left: 50px;
    background-color: #fff;
    padding: 0 15px
}

.content.type2>.list ul,
.content.type2-1>.list ul {
    padding: 0
}

.content.type2>.list ul li,
.content.type2-1>.list ul li {
    list-style-type: none;
    border-top: 1px solid #9FA0A0;
    padding: 10px 0 10px 42px;
    position: relative
}

.content.type2>.list ul li .like,
.content.type2-1>.list ul li .like {
    top: 5px;
    right: 5px
}

.content.type2>.list ul li:last-child,
.content.type2-1>.list ul li:last-child {
    border-bottom: 1px solid #9FA0A0
}

.content.type2>.list ul li:hover a,
.content.type2-1>.list ul li:hover a {
    color: #E95456
}

.content.type2>.list ul li:hover>span,
.content.type2-1>.list ul li:hover>span {
    color: #E95456
}

.content.type2>.list ul li:hover .title:before,
.content.type2-1>.list ul li:hover .title:before {
    background-position: 0 -29px
}

.content.type2>.list ul li:hover .like,
.content.type2-1>.list ul li:hover .like {
    display: block
}

.content.type2>.list ul li a,
.content.type2-1>.list ul li a {
    color: #646464;
    text-decoration: none;
    position: relative
}

.content.type2>.list ul li .date,
.content.type2-1>.list ul li .date {
    float: right;
    line-height: 29px
}

.content.type2>.list ul li .title,
.content.type2-1>.list ul li .title {
    position: relative;
    display: inline;
    font-size: 20px
}

.content.type2>.list ul li .title:before,
.content.type2-1>.list ul li .title:before {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    background: url(../img/search-list-icon.png) 0 0 no-repeat;
    position: absolute;
    left: -25px;
    top: 3px
}

.content.type2>.list ul li .intro,
.content.type2>.list ul li .tags,
.content.type2-1>.list ul li .intro,
.content.type2-1>.list ul li .tags {
    display: none
}

.content.type2>.list.imgtype,
.content.type2-1>.list.imgtype {
    padding-left: 0
}

.content.type2>.list.imgtype ul,
.content.type2-1>.list.imgtype ul {
    box-shadow: 4px 0px 8px -3px #aaa
}

.content.type2>.list.imgtype li,
.content.type2-1>.list.imgtype li {
    padding: 16px;
    border: 2px solid transparent;
    border-bottom: 1px solid #BEBEBE;
    border-right: 2px solid #BEBEBE;
    border-top: 1px solid #BEBEBE
}

.content.type2>.list.imgtype li:first-child,
.content.type2-1>.list.imgtype li:first-child {
    border-top-width: 2px
}

.content.type2>.list.imgtype li:last-child,
.content.type2-1>.list.imgtype li:last-child {
    border-bottom-width: 2px
}

.content.type2>.list.imgtype li:hover,
.content.type2-1>.list.imgtype li:hover {
    border: 2px solid #E95456;
    box-shadow: 4px 0px 8px -3px #ff0000
}

.content.type2>.list.imgtype li:hover .intro,
.content.type2>.list.imgtype li:hover .tags a,
.content.type2-1>.list.imgtype li:hover .intro,
.content.type2-1>.list.imgtype li:hover .tags a {
    color: #646464
}

.content.type2>.list.imgtype li:after,
.content.type2-1>.list.imgtype li:after {
    clear: left
}

.content.type2>.list.imgtype li .date,
.content.type2-1>.list.imgtype li .date {
    display: none
}

.content.type2>.list.imgtype .img,
.content.type2-1>.list.imgtype .img {
    float: left;
    width: 220px
}

.content.type2>.list.imgtype .img img,
.content.type2-1>.list.imgtype .img img {
    width: 100%;
    max-height: 147px
}

.content.type2>.list.imgtype .intros,
.content.type2-1>.list.imgtype .intros {
    float: left;
    width: 482px;
    padding-left: 40px;
    position: relative;
    min-height: 11em
}

.content.type2>.list.imgtype .title,
.content.type2-1>.list.imgtype .title {
    display: block;
    border-bottom: 1px solid #9FA0A0;
    padding-bottom: 10px
}

.content.type2>.list.imgtype .intro,
.content.type2-1>.list.imgtype .intro {
    padding-top: 10px;
    margin-bottom: 10px;
    display: block;
    font-size: 16px;
    max-height: 57px;
    overflow: hidden;
    margin-left: -30px;
    padding-left: 30px;

}

.content.type2>.list.imgtype .intro>b,
.content.type2-1>.list.imgtype .intro>b {
    color: #FC8670
}

.content.type2>.list.imgtype .intro:before,
.content.type2-1>.list.imgtype .intro:before {
    content: url(../img/dot-bg.jpg);
    display: block;
    position: absolute;
    left: 8px;
    top: 12px
}

.content.type2>.list.imgtype .tags,
.content.type2-1>.list.imgtype .tags {
    display: block
}

.content.type2>.list.imggrid,
.content.type2-1>.list.imggrid {
    padding-top: 10px;
    background-color: #EFEFEF
}

.content.type2>.list.imggrid .viewpoint-list .list-item .item .hover-style,
.content.type2-1>.list.imggrid .viewpoint-list .list-item .item .hover-style {
    height: 114px
}

.content.type2>.list.imggrid .viewpoint-list .list-item .item .des,
.content.type2-1>.list.imggrid .viewpoint-list .list-item .item .des {
    height: 1.2em;
    font-weight: bold;
    font-size: 16px
}

.content.type2>.list.imggrid .viewpoint-list .list-item .item .date,
.content.type2-1>.list.imggrid .viewpoint-list .list-item .item .date {
    font-size: 13px
}

.content.type2>.list.imggrid .viewpoint-list .list-item .item .count div,
.content.type2-1>.list.imggrid .viewpoint-list .list-item .item .count div {
    text-align: center;
    padding: 0 5px
}

.content.type2>.list.imggrid .viewpoint-list .list-item .item .count div+div,
.content.type2-1>.list.imggrid .viewpoint-list .list-item .item .count div+div {
    border-left: 1px dotted #000;
    height: 45px
}

.content.type2>.list.imggrid .blog-list .list-item .item .hover-style,
.content.type2-1>.list.imggrid .blog-list .list-item .item .hover-style {
    height: 115px
}

.content.type2>.list.imggrid .pager,
.content.type2-1>.list.imggrid .pager {
    background-color: #fff;
    padding: 30px;
    margin: 0 -15px
}

.content.type2-1 .auth-intro img {
    border-radius: 50%;
    max-width: 150px;
    max-height: 150px
}

.content.type2-1 .auth-intro .name {
    font-size: 30px;
    color: #8D54A5;
    margin-bottom: 7px
}

.content.type2-1 .auth-intro .intro {
    font-size: 20px;
    color: #231815;
    margin-bottom: 7px
}

.content.type2-1 .auth-intro .intro2 {
    font-size: 20px;
    color: #646464
}

.content.type2-1 .list.imgtype li:hover {
    border: 2px solid #88B928;
    box-shadow: 4px 0px 8px -3px #88B928
}

.content.type2-1 .list.imgtype li:hover a {
    color: #88B928
}

.content.type2-1 .list.imgtype li:hover .intro2 {
    color: #231815
}

.content.type2-1 .list.imgtype .intro {
    max-height: 35px;
    overflow: hidden
}

.content.type2-1 .list.imgtype .intro:before {
    content: url(../img/dot-bg2.jpg)
}

.content.type2-1 .list.imgtype .intro2 {
    font-weight: bold;
    font-size: 16px;
    color: #231815;
    margin-bottom: 10px;
    display: block
}

.content.type2-1 .list ul li:hover .title:before {
    background: url(../img/search-list-icon2.png) 0 -24px no-repeat
}

.content.type2-1 .list ul li .title:before {
    background: url(../img/search-list-icon2.png) 0 3px no-repeat
}

.content.news,
.content.viewpoint {
    background-color: #FED3CB
}

.content.news>.style-title,
.content.viewpoint>.style-title {
    margin-bottom: 0;
    background-image: url(../img/gary1.jpg)
}

.content.news>.style-title:before,
.content.viewpoint>.style-title:before {
    background-color: #FC8670
}

.content.news>.style-title:after,
.content.viewpoint>.style-title:after {
    content: url(../img/search-icon.png)
}

.content.news-index {
    width: 100%
}

.content.news-index .list {
    margin-left: 0
}

.content.news-index .list li:first-child {
    border-top: 0px
}

.content.news-index .list ul li:last-child {
    border-bottom: 0px
}

.content .news-in,
.content .article-in {
    position: relative;
    margin-left: 50px;
    background-color: #fff;
    padding: 20px 35px
}

.content .news-in .img img {
    max-width: 100%
}

.content .article-in .content-in {
    padding-top: 10px
}

.content .article-in .content-in img {
    max-width: 100%
}

.content .other-article {
    margin-top: 20px
}

.content .other-article img {
    margin-right: 10px;
    max-width: 70px;
    max-height: 70px
}

.content .other-article span {
    width: 126px;
    color: #646464;
    font-size: 16px;
    display: inline-block;
    height: 70px;
    overflow: hidden
}

.content .related-article {
    margin-top: 20px;
    padding: 0 0 0 20px
}

.content .related-article li {
    list-style-type: none
}

.content .related-article>li {
    position: relative
}

.content .related-article>li a:hover {
    color: #8D54A5
}

.content .related-article>li:before {
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #8D54A5;
    position: absolute;
    top: 6px;
    left: -17px
}

.content .related-article>li ul {
    padding: 0
}

.content .related-article>li li {
    font-size: 16px;
    margin-bottom: 5px
}

.content .related-article>li li:before {
    content: "→"
}

.content.viewpoint {
    background-color: #E5EDC8
}

.content.viewpoint>.style-title:before {
    background-color: #8dc21f
}

.content.viewpoint>.style-title:after {
    content: url(../img/search-icon2.png)
}

.content.viewpoint .content-in {
    margin-left: 50px;
    padding: 16px 0 12px 30px;
    background-color: #fff
}

.content.viewpoint .content-in .page-tabs {
    margin-left: -30px
}

.content.viewpoint .viewpoint-intro-box {
    padding: 0 15px
}

.content.viewpoint .viewpoint-intro-box:after {
    clear: left
}

.content.viewpoint .viewpoint-img-slider {
    width: 420px;
    height: 280px;
    padding: 0;
    overflow: hidden
}

.content.viewpoint .viewpoint-img-slider .slider-item {
    height: 280px
}

.content.viewpoint .viewpoint-img-slider .slider-item img {
    width: 100%
}

.content.viewpoint .viewpoint-img-slider .bx-wrapper {
    box-shadow: none;
    border: 0;
    margin-bottom: 0
}

.content.viewpoint .viewpoint-img-slider .bx-pager {
    bottom: 0;
    font-size: 20px;
    color: #fff;
    position: absolute;
    z-index: 10
}

.content.viewpoint .viewpoint-img-slider .bx-pager:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: rgba(18, 43, 18, 0.3);
    left: 50%;
    margin-left: -45px;
    bottom: -45px;
    z-index: -1
}

.content.viewpoint .viewpoint-intro {
    width: 305px;
    float: left;
    font-size: 20px
}

.content.viewpoint .viewpoint-intro .title {
    margin-top: 45px;
    font-weight: bold;
    color: #231815;
    margin-bottom: 7px
}

.content.viewpoint .viewpoint-intro .info {
    color: #646464;
    background-color: #ccc;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    margin-bottom: 7px
}

.content.viewpoint .viewpoint-intro .time {
    margin-bottom: 7px;
    font-size: 16px;
    padding-left: 2em;
    position: relative
}

.content.viewpoint .viewpoint-intro .time:before {
    content: url(../img/vicon-3.png);
    position: absolute;
    left: 0
}

.content.viewpoint .viewpoint-intro .address {
    margin-bottom: 7px;
    font-size: 16px;
    padding-left: 2em;
    position: relative
}

.content.viewpoint .viewpoint-intro .address:before {
    content: url(../img/vicon-4.png);
    position: absolute;
    left: 0
}

.content.viewpoint .viewpoint-intro .phone {
    margin-bottom: 7px;
    font-size: 16px;
    padding-left: 2em;
    position: relative
}

.content.viewpoint .viewpoint-intro .phone:before {
    content: url(../img/vicon-5.png);
    position: absolute;
    left: 0
}

.content.viewpoint.viewpoint-scape .viewpoint-img-slider {
    width: 695px;
    max-height: 463px;
    height: 463px
}

.content.viewpoint.viewpoint-scape .viewpoint-img-slider .slider-item-viewpoint {
    height: 463px;
    overflow: hidden
}

.content.viewpoint.viewpoint-scape .viewpoint-img-slider .slider-item-viewpoint img {
    width: 100%
}

.content.viewpoint.viewpoint-scape .slider-thumb-viewpoint {
    width: 695px;
    top: 8px;
    position: relative
}

.content.viewpoint.viewpoint-scape .slider-thumb-viewpoint #cus-bx-pager {
    height: 87.5px;
    overflow: hidden
}

.content.viewpoint.viewpoint-scape .slider-thumb-viewpoint #cus-bx-pager a {
    margin-right: 10px;
    position: relative
}

.content.viewpoint.viewpoint-scape .slider-thumb-viewpoint #cus-bx-pager a:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(208, 208, 208, 0.41)
}

.content.viewpoint.viewpoint-scape .slider-thumb-viewpoint #cus-bx-pager a.active:before {
    background-color: transparent
}

.content.viewpoint.viewpoint-scape .slider-thumb-viewpoint #cus-bx-pager a img {
    width: 131px
}

.content.viewpoint.viewpoint-scape .slider-thumb-viewpoint .bx-wrapper {
    border: 0px;
    background: transparent;
    box-shadow: none;
    margin-bottom: 0
}

.content.viewpoint.viewpoint-scape .slider-thumb-viewpoint .bx-controls {
    position: relative;
    bottom: 27px
}

.content.viewpoint-search>.style-title:after {
    content: url(../img/search-shop-icon.png)
}

.content.article {
    background-color: #E3D8E9
}

.content.article .style-title {
    margin-bottom: 0
}

.content.article .viewpoint-list .list-item {
    padding: 0 7px
}

.content.article .viewpoint-list .list-item .item {
    height: 345px;
    max-height: 345px
}

.content.article .viewpoint-list .list-item .item:hover {
    background-color: #a97fbb
}

.content.article .viewpoint-list .list-item .item .title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 0 0;
    height: 4em
}

.content.article .viewpoint-list .list-item .item .count>img {
    max-width: 40px;
    max-height: 40px;
    margin-bottom: 10px
}

.content.article .viewpoint-list .list-item .item .count .date {
    float: right;
    line-height: 30px
}

.content.article .viewpoint-list .list-item .item .count .name {
    color: #036EB7;
    margin-left: 6px
}

.content.article .list.imgtype .date {
    display: block !important
}

.content.article .list.imgtype li:hover {
    border: 2px solid #a97fbb;
    box-shadow: 4px 0px 8px -3px #a97fbb
}

.content.article .list.imgtype li:hover a {
    color: #a97fbb
}

.content.article .list.imgtype li:hover .intro2 {
    color: #231815
}

.content.article .list.imgtype .intro {
    max-height: 70px
}

.content.article .list.imgtype .intro:before {
    content: url(../img/dot-bg3.jpg)
}

.content.article .list.imgtype .intro b {
    color: #a97fbb
}

.content.article .list.imgtype .intro2 {
    font-weight: bold;
    font-size: 16px;
    color: #231815;
    margin-bottom: 10px;
    display: block
}

.content.article .list ul li:hover .title:before {
    background: url(../img/search-list-icon3.png) 0 -24px no-repeat
}

.content.article .list ul li .title:before {
    background: url(../img/search-list-icon3.png) 0 3px no-repeat
}

.content.article .list ul li .author>img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 20px
}

.content.article .list ul li .author .name {
    font-size: 18px;
    color: #036EB7
}

.content.article .list ul li .count p {
    display: inline-block
}

.content.article .list ul li .count p:before {
    content: '：'
}

.content.article .list ul li .count>div {
    width: initial;
    padding: 0 10px 0 0;
    height: 20px;
    line-height: 20px
}

.content.article .list ul li .count>div+div {
    border-left: 1px solid #9FA0A0;
    padding-left: 10px
}

.content.article>.style-title {
    background-image: url(../img/gary1.jpg)
}

.content.article>.style-title:before {
    background-color: #A97FBB
}

.content.article>.style-title:after {
    content: url(../img/search-icon3.png)
}

.content.member {
    height: 100%;
    background-color: #dfeef7
}

.content.member .style-title {
    background: url(../img/gary1.jpg);
    margin-bottom: 0;
    height: 61px
}

.content.member .style-title:before {
    background-color: #65B1DB
}

.content.member .style-title:after {
    content: url(../img/search-icon4.png)
}

.content.member .page-tabs {
    padding-top: 0;
    margin-top: -37px;
    position: relative
}

.content.member .page-tabs .nav-tabs {
    margin-left: 34px
}

.content.member .page-tabs .tab-content {
    background-color: #fff;
    top: 37px
}

.content.member .type-collect,
.content.member .type-service {
    margin-top: 0
}

.content.member .content-in {
    margin-left: 50px;
    height: 100%;
    background-color: #fff
}

.content.member .page-tabs .tab-content .myDatas {
    padding: 30px 15px
}

.content.member .myData {
    padding: 0
}

.content.member .myData:first-child .title {
    border-radius: 19.5px 0 0 19.5px
}

.content.member .myData:first-child .subTotal {
    border-left: 0
}

.content.member .myData .title {
    background: url(../img/blue2.jpg);
    font-size: 18px;
    font-weight: bold;
    line-height: 39px;
    border-radius: 0
}

.content.member .myData .title:before {
    content: '';
    display: block;
    float: left;
    width: 41px;
    height: 39px;
    margin-right: 5px;
    background: url(../img/icon-member2.png)
}

.content.member .myData .subTotal {
    padding: 15px;
    border-left: 1px solid #bebebe;
    min-height: 150px
}

.content.member .myData .subTotal>p {
    margin-bottom: 5px;
    position: relative
}

.content.member .myData .subTotal>p span {
    width: 100%;
    display: block;
    text-align: right;
    padding: 0 1.2em;
    color: #E95456;
    position: absolute;
    left: 0px;
    top: 0
}

.content.member .myData .subTotal>p i {
    position: absolute;
    right: 0;
    font-style: inherit
}

.content.member .myData .btn-style1 {
    line-height: 14px;
    padding-top: 1px;
    padding-bottom: 2px
}

.content.member .myData.myData-coupon .title:before {
    background-position: 0px 0px
}

.content.member .myData.myData-scrap .title:before {
    background-position: -64px 0px
}

.content.member .myData.myData-like .title:before {
    background-position: -128px 0px
}

.content.member .myData.myData-bonus .title:before {
    background-position: -192px 0px
}

.content.member .myData.myData-order .title:before {
    background-position: -256px 0px
}

.content.member .myData-group {
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    box-shadow: 0px 7px 12px -7px #999
}

.content.member .myData-news {
    width: 60%;
    padding: 0;
    font-size: 16px
}

.content.member .myData-news .title {
    background: url(../img/pink3.jpg);
    font-size: 18px;
    font-weight: bold;
    line-height: 39px;
    border-radius: 19.5px 0 0 19.5px
}

.content.member .myData-news .title:before {
    content: '';
    display: block;
    float: left;
    width: 41px;
    height: 39px;
    margin-right: 5px;
    background: url(../img/icon-member2.png) -322px 0 no-repeat
}

.content.member .myData-news ul {
    padding: 10px 10px 10px 20px
}

.content.member .myData-news ul li {
    list-style-type: none;
    margin-bottom: 6px
}

.content.member .myData-news ul li a {
    color: #000000
}

.content.member .myData-news ul li span {
    display: block;
    color: #e95456
}

.content.member .myData-helper {
    width: 40%;
    padding: 0;
    font-size: 16px
}

.content.member .myData-helper .title {
    background: url(../img/blue3.jpg);
    font-size: 18px;
    font-weight: bold;
    line-height: 39px;
    border-radius: 19.5px 0 0 19.5px
}

.content.member .myData-helper .title:before {
    content: '';
    display: block;
    float: left;
    width: 41px;
    height: 39px;
    margin-right: 5px;
    background: url(../img/icon-member2.png) -386px 0 no-repeat
}

.content.member .myData-helper .myData-content {
    padding: 10px
}

.content.member .myData-helper .myData-content a {
    color: #036EB7
}

.content.member .myData-collect.tab-pane {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 0
}

.content.member .myData-collect .nav-tabs {
    margin-left: 0
}

.content.member .myData-service.tab-pane {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 0
}

.content.member .myData-service .nav-tabs {
    margin-left: 0
}

.content.member #user_pic {
    background: url(../img/bg-man.png) center center no-repeat;
    width: 150px;
    height: 150px;
    position: relative;
    margin: 0;
    padding: 2px
}

.content.member #user_pic img {
    width: 100%
}

.article {
    background-color: #E3D8E9
}

.article .style-title {
    margin-bottom: 0
}

.article .viewpoint-list .list-item {
    padding: 0 7px
}

.article .viewpoint-list .list-item .item {
    height: 345px;
    max-height: 345px
}

.article .viewpoint-list .list-item .item:hover {
    background-color: #a97fbb
}

.article .viewpoint-list .list-item .item:hover .hover-style {
    height: 115px
}

.article .viewpoint-list .list-item .item:hover .count .date {
    right: 12px
}

.article .viewpoint-list .list-item .item:hover .count .name {
    right: 12px
}

.article .viewpoint-list .list-item .item .title {
    font-size: 20px;
    line-height: 24px;
    margin: 0 0 0 0;
    height: 4em
}

.article .viewpoint-list .list-item .item .count>img {
    max-width: 40px;
    max-height: 40px;
    margin-bottom: 10px
}

.article .viewpoint-list .list-item .item .count .date {
    position: absolute;
    display: block;
    width: 80px;
    right: 0;
    bottom: 0;
    text-align: right;
    line-height: 30px
}

.article .viewpoint-list .list-item .item .count .name {
    position: absolute;
    display: block;
    width: 154px;
    color: #036EB7;
    top: 0px;
    right: 0;
    line-height: 20px
}

.article .list.imgtype .date {
    display: block !important
}

.article .list.imgtype li:hover {
    border: 2px solid #a97fbb;
    box-shadow: 4px 0px 8px -3px #a97fbb
}

.article .list.imgtype li:hover a {
    color: #a97fbb
}

.article .list.imgtype li:hover .intro2 {
    color: #231815
}

.article .list.imgtype .intro {
    max-height: 70px
}

.article .list.imgtype .intro:before {
    content: url(../img/dot-bg3.jpg)
}

.article .list.imgtype .intro b {
    color: #a97fbb
}

.article .list.imgtype .intro2 {
    font-weight: bold;
    font-size: 16px;
    color: #231815;
    margin-bottom: 10px;
    display: block
}

.article .list ul li:hover .title:before {
    background: url(../img/search-list-icon3.png) 0 -24px no-repeat
}

.article .list ul li .title:before {
    background: url(../img/search-list-icon3.png) 0 3px no-repeat
}

.article .list ul li .author>img {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 20px
}

.article .list ul li .author .name {
    font-size: 18px;
    color: #036EB7
}

.article .list ul li .count p {
    display: inline-block
}

.article .list ul li .count p:before {
    content: '：'
}

.article .list ul li .count>div {
    width: initial;
    padding: 0 10px 0 0;
    height: 20px;
    line-height: 20px
}

.article .list ul li .count>div+div {
    border-left: 1px solid #9FA0A0;
    padding-left: 10px
}

.article>.style-title {
    background-image: url(../img/gary1.jpg)
}

.article>.style-title:before {
    background-color: #A97FBB
}

.article>.style-title:after {
    content: url(../img/search-icon3.png)
}

.imggrid {
    padding-top: 10px;
    background-color: #EFEFEF
}

.imggrid.index-blog,
.imggrid.index-viewpoint {
    padding-top: 0;
    background-color: transparent
}

.imggrid .viewpoint-list.blog-list .list-item .item:hover .date {
    right: 0;
    bottom: 0px
}

.imggrid .viewpoint-list.blog-list .list-item .item:hover .name {
    right: 0;
    top: 0px
}

.imggrid .viewpoint-list.blog-list .list-item .hover-style {
    font-size: 14px
}

.imggrid .viewpoint-list .list-item .item .hover-style {
    height: 114px;
    position: relative
}

.imggrid .viewpoint-list .list-item .item .des {
    height: 1.2em;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 8px
}

.imggrid .viewpoint-list .list-item .item .date {
    font-size: 13px
}

.imggrid .viewpoint-list .list-item .item .count {
    position: relative
}

.imggrid .viewpoint-list .list-item .item .count div {
    text-align: center;
    padding: 0 5px
}

.imggrid .viewpoint-list .list-item .item .count div img {
    display: inline-block
}

.imggrid .viewpoint-list .list-item .item .count div+div {
    border-left: 1px dotted #000;
    height: 45px
}

.member-head {
    margin: 0 auto;
    padding: 20px 265px 20px 50px;
    background-color: #fff;
    box-shadow: inset 0px 22px 25px -25px #999;
    font-size: 16px
}

.member-head span {
    color: #036EB7
}

.welcome {
    padding-top: 10px
}

.auth-intro {
    margin-right: 0
}

.about-author>img {
    max-width: 100px;
    max-height: 100px;
    border-radius: 50%;
    float: left
}

.about-author .head {
    background: url(../img/purple2.jpg);
    font-size: 20px;
    padding-left: 45px;
    height: 40px;
    position: relative;
    border-radius: 20px 0 0 20px;
    line-height: 40px;
    font-weight: bold;
    margin-bottom: 10px
}

.about-author .head:before {
    content: url(../img/auth-logo.png);
    display: block;
    position: absolute;
    left: 0
}

.about-author .name {
    font-size: 25px;
    color: #8D54A5;
    float: left;
    width: 584px;
    margin-top: 20px;
    padding-left: 20px
}

.about-author .intro {
    float: left;
    width: 584px;
    padding-left: 20px
}

.news-feature {
    margin-right: 15px
}

.viewpoint-feature {
    margin-right: 15px
}

.article-feature {
    margin-right: -10px
}

.news-feature,
.article-feature,
.viewpoint-feature {
    margin-top: 28px
}

.news-feature .feature-1,
.article-feature .feature-1,
.viewpoint-feature .feature-1 {
    padding-left: 20px;
    line-height: 28px
}

.news-feature .feature-1:before,
.article-feature .feature-1:before,
.viewpoint-feature .feature-1:before {
    content: '';
    background: url(../img/gary1.jpg) 0 0;
    display: block;
    width: 10px;
    height: 60px;
    position: absolute;
    left: 0;
    top: 0
}

.news-feature .feature-1 .hitting,
.article-feature .feature-1 .hitting,
.viewpoint-feature .feature-1 .hitting {
    color: #FC8670;
    font-size: 20px
}

.news-feature .feature-2 a,
.article-feature .feature-2 a,
.viewpoint-feature .feature-2 a {
    display: block;
    padding: 0;
    text-align: center;
    color: #646464;
    font-size: 13px;
    text-decoration: none;
    position: relative;
    outline: 0
}

.news-feature .feature-2 a:before,
.article-feature .feature-2 a:before,
.viewpoint-feature .feature-2 a:before {
    content: '';
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    left: 50%;
    top: 0
}

.news-feature .feature-2 a:hover:before,
.article-feature .feature-2 a:hover:before,
.viewpoint-feature .feature-2 a:hover:before {
    background-color: rgba(119, 119, 119, 0.37)
}

.news-feature .feature-2 a.disabled,
.news-feature .feature-2 a.disabled:hover,
.article-feature .feature-2 a.disabled,
.article-feature .feature-2 a.disabled:hover,
.viewpoint-feature .feature-2 a.disabled,
.viewpoint-feature .feature-2 a.disabled:hover {
    cursor: not-allowed
}

.news-feature .feature-2 a.disabled:before,
.news-feature .feature-2 a.disabled:hover:before,
.article-feature .feature-2 a.disabled:before,
.article-feature .feature-2 a.disabled:hover:before,
.viewpoint-feature .feature-2 a.disabled:before,
.viewpoint-feature .feature-2 a.disabled:hover:before {
    background-color: rgba(255, 255, 255, 0.7)
}

.news-feature .feature-3,
.article-feature .feature-3,
.viewpoint-feature .feature-3 {
    padding: 0
}

.news-feature .pop-button,
.article-feature .pop-button,
.viewpoint-feature .pop-button {
    padding: 0;
    position: relative;
    text-align: center;
    display: inline-block;
    color: #646464;
    font-size: 13px
}

.news-feature .pop-button:before,
.article-feature .pop-button:before,
.viewpoint-feature .pop-button:before {
    content: '';
    width: 53px;
    height: 53px;
    display: block;
    position: relative;
    background-image: url(../img/like-icon2.png);
    background-repeat: no-repeat;
    margin: 0 auto
}

.news-feature .pop-button:hover .pop-box,
.article-feature .pop-button:hover .pop-box,
.viewpoint-feature .pop-button:hover .pop-box {
    display: block;
    z-index: 999
}

.news-feature .pop-button.disabled,
.news-feature .pop-button.disabled:hover,
.article-feature .pop-button.disabled,
.article-feature .pop-button.disabled:hover,
.viewpoint-feature .pop-button.disabled,
.viewpoint-feature .pop-button.disabled:hover {
    cursor: not-allowed
}

.news-feature .pop-box,
.article-feature .pop-box,
.viewpoint-feature .pop-box {
    display: none;
    position: absolute;
    z-index: 2;
    width: 240px;
    height: 155px
}

.news-feature .pop-box .pop-head,
.article-feature .pop-box .pop-head,
.viewpoint-feature .pop-box .pop-head {
    background-image: url(../img/pop-header.png);
    background-repeat: no-repeat;
    height: 69px
}

.news-feature .pop-box .pop-content,
.article-feature .pop-box .pop-content,
.viewpoint-feature .pop-box .pop-content {
    padding: 15px 12px;
    border-radius: 0 0 5px 5px;
    line-height: 1.7em;
    color: #646464;
    background-color: #fff
}

.news-feature .pop-box .pop-content a,
.article-feature .pop-box .pop-content a,
.viewpoint-feature .pop-box .pop-content a {
    color: #646464;
    text-decoration: underline
}

.news-feature .like-pop:before,
.article-feature .like-pop:before,
.viewpoint-feature .like-pop:before {
    background-position: 0 0
}

.news-feature .like-pop:hover:before,
.article-feature .like-pop:hover:before,
.viewpoint-feature .like-pop:hover:before {
    background-position: 0 -64px
}

.news-feature .like-pop.active:before,
.article-feature .like-pop.active:before,
.viewpoint-feature .like-pop.active:before {
    background-position: 0 -128px
}

.news-feature .like-pop.disabled:before,
.news-feature .like-pop.disabled:hover:before,
.article-feature .like-pop.disabled:before,
.article-feature .like-pop.disabled:hover:before,
.viewpoint-feature .like-pop.disabled:before,
.viewpoint-feature .like-pop.disabled:hover:before {
    background-position: 0 -192px
}

.news-feature .like-pop .pop-box,
.article-feature .like-pop .pop-box,
.viewpoint-feature .like-pop .pop-box {
    left: -34px
}

.news-feature .like-pop .pop-head,
.article-feature .like-pop .pop-head,
.viewpoint-feature .like-pop .pop-head {
    background-position: 0 0;
    color: #fff;
    font-size: 20px;
    line-height: 77px;
    text-align: center
}

.news-feature .like-pop .pop-content,
.article-feature .like-pop .pop-content,
.viewpoint-feature .like-pop .pop-content {
    border: 1px solid #EF6671
}

.news-feature .comment-pop:before,
.article-feature .comment-pop:before,
.viewpoint-feature .comment-pop:before {
    background-position: -86px 0
}

.news-feature .comment-pop:hover:before,
.article-feature .comment-pop:hover:before,
.viewpoint-feature .comment-pop:hover:before {
    background-position: -86px -64px
}

.news-feature .comment-pop.active:before,
.article-feature .comment-pop.active:before,
.viewpoint-feature .comment-pop.active:before {
    background-position: -86px -128px
}

.news-feature .comment-pop.disabled:before,
.news-feature .comment-pop.disabled:hover:before,
.article-feature .comment-pop.disabled:before,
.article-feature .comment-pop.disabled:hover:before,
.viewpoint-feature .comment-pop.disabled:before,
.viewpoint-feature .comment-pop.disabled:hover:before {
    background-position: -86px -192px
}

.news-feature .comment-pop .pop-box,
.article-feature .comment-pop .pop-box,
.viewpoint-feature .comment-pop .pop-box {
    left: -91px
}

.news-feature .comment-pop .pop-head,
.article-feature .comment-pop .pop-head,
.viewpoint-feature .comment-pop .pop-head {
    background-position: 0 -84px;
    color: #fff;
    font-size: 20px;
    line-height: 77px;
    text-align: center
}

.news-feature .comment-pop .pop-content,
.article-feature .comment-pop .pop-content,
.viewpoint-feature .comment-pop .pop-content {
    border: 1px solid #68A8D4
}

.news-feature .rating-pop:before,
.article-feature .rating-pop:before,
.viewpoint-feature .rating-pop:before {
    background-position: -172px 0
}

.news-feature .rating-pop:hover:before,
.article-feature .rating-pop:hover:before,
.viewpoint-feature .rating-pop:hover:before {
    background-position: -172px -64px
}

.news-feature .rating-pop.active:before,
.article-feature .rating-pop.active:before,
.viewpoint-feature .rating-pop.active:before {
    background-position: -172px -128px
}

.news-feature .rating-pop.disabled:before,
.news-feature .rating-pop.disabled:hover:before,
.article-feature .rating-pop.disabled:before,
.article-feature .rating-pop.disabled:hover:before,
.viewpoint-feature .rating-pop.disabled:before,
.viewpoint-feature .rating-pop.disabled:hover:before {
    background-position: -172px -192px
}

.news-feature .rating-pop .pop-box,
.article-feature .rating-pop .pop-box,
.viewpoint-feature .rating-pop .pop-box {
    left: -148px
}

.news-feature .rating-pop .pop-head,
.article-feature .rating-pop .pop-head,
.viewpoint-feature .rating-pop .pop-head {
    background-position: 0 -168px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    padding-top: 21px
}

.news-feature .rating-pop .pop-content,
.article-feature .rating-pop .pop-content,
.viewpoint-feature .rating-pop .pop-content {
    border: 1px solid #FFE4A1
}

.article-feature:after {
    clear: left
}

.article-feature .feature-2 {
    text-align: right
}

.article-feature .feature-2 .pop-button {
    margin: 0
}

.viewpoint-feature .feature-1 .hitting {
    color: #8DC21F
}

.viewpoint-feature2 {
    width: 100%;
    max-width: -webkit-calc(100% - 30px);
    max-width: calc(100% - 30px);
    margin-right: 30px;
    margin-top: 10px;
    display: table
}

.viewpoint-feature2 .viewpoint-coupon-news {
    display: table-cell;
    border-top: 3px solid #8DC21F;
    vertical-align: top;
    position: relative
}

.viewpoint-feature2 .viewpoint-coupon-news:after {
    content: '';
    position: absolute;
    display: block;
    width: 3px;
    top: 10px;
    bottom: 0;
    right: 0;
    background-color: #8DC21F
}

.viewpoint-feature2 .viewpoint-coupon-news h3:before {
    content: url(../img/vicon-1.png);
    display: inline-block
}

.viewpoint-feature2 .viewpoint-coupon-news p {
    padding-left: 20px;
    font-size: 16px
}

.viewpoint-feature2 .viewpoint-coupon-news p:before {
    content: url(../img/vicon-1-s.png);
    display: inline-block;
    position: relative;
    top: 3px;
    margin-right: 3px
}

.viewpoint-feature2 .viewpoint-tags {
    display: table-cell;
    border-top: 3px solid #8DC21F;
    padding-top: 0;
    vertical-align: top
}

.viewpoint-feature2 .viewpoint-tags h3:before {
    content: url(../img/vicon-2.png);
    display: inline-block
}

.viewpoint-feature2 .viewpoint-tags p {
    padding-left: 20px
}

.logo {
    width: 320px;
    height: 83px;
    background: url(../img/logo.png) 0 0 no-repeat;
    background-size: contain;
    top: 10px;
    position: relative;
    display: block;
    text-indent: -9999px
}

.today {
    margin-right: 10px;
    top: 10px;
    position: relative
}

.top-links {
    text-align: right;
    width: 100%;
    padding: 0;
    margin-bottom: 5px;
    margin-top: 36px
}

.top-links>li {
    list-style-type: none;
    display: inline-block;
    margin-left: 5px;
    line-height: 26px
}

.top-links>li a {
    color: #323232
}

.top-links>li+li:before {
    content: '|';
    display: inline;
    margin-right: 5px
}

.top-links .myConsole {
    display: inline
}

.top-links .myConsole.open button {
    padding: 3px 10px;
    background-color: #405e94;
    background-image: inherit;
    color: #fafafa;
    text-shadow: 0 0 0 #fff
}

.top-links .myConsole.open>.dropdown-menu {
    top: 29px;
    right: -2px;
    z-index: 9999
}

.top-links .myConsole button {
    padding: 3px 10px;
    background-color: #405e94;
    background-image: inherit;
    color: #fafafa;
    text-shadow: 0 0 0 #fff
}

.top-links2 {
    margin-top: 10px;
    text-align: right
}

.top-links2 li {
    display: inline-block;
    list-style-type: none;
    margin-left: 5px
}

.search {
    float: right;
    background: url(../img/bg-search.jpg);
    width: 262px;
    padding: 3px 4px
}

.search .style-select {
    float: left
}

.search input,
.search select {
    float: left;
    height: 26px
}

.search select {
    width: 78px;
    background: transparent;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none
}

.search input[type="text"] {
    width: 120px;
    margin-left: 7px
}

.search input[type="button"] {
    width: 2.5em;
    margin-left: 7px;
    background: transparent;
    border: 0px;
    color: #fafafa
}

.style-select {
    background: url(../img/style-select.png) #fafafa right 5px center no-repeat
}

.navbar-main {
    background: url(../img/main-menu-bg-2.jpg) left bottom repeat-x;
    box-shadow: 0px 13px 22px -5px rgba(0, 0, 0, 0.12);
    border-bottom-width: 0px;
    z-index: auto
}

.navbar-main.type2 {
    box-shadow: 0px 7px 7px -5px rgba(0, 0, 0, 0.4);
    margin-bottom: 0;
    border-radius: 0
}

.main-links {
    padding: 0;
    margin-left: -2.5px;
    margin-right: -2.5px
}

.main-links.type2 {
    text-align: left;
    height: 39px
}

.main-links.type2 li {
    height: 49px
}

.main-links.type2 li a {
    box-shadow: none
}

.main-links li {
    list-style-type: none;
    display: inline-block;
    width: 131px;
    height: 58px;
    padding: 0 2.5px;
    box-sizing: border-box;
    overflow: hidden
}

.main-links li:hover a span {
    color: #fafafa
}

.main-links li:hover.link1 a {
    background-position: -1px -73px
}

.main-links li:hover.link1 a:before {
    background-color: #026eb6
}

.main-links li:hover.link2 a {
    background-position: -136px -73px
}

.main-links li:hover.link2 a:before {
    background-color: #e85357
}

.main-links li:hover.link3 a {
    background-position: -270px -73px
}

.main-links li:hover.link3 a:before {
    background-color: #8cc31f
}

.main-links li:hover.link4 a {
    background-position: -404px -73px
}

.main-links li:hover.link4 a:before {
    background-color: #6e72d5
}

.main-links li:hover.link5 a {
    background-position: -539px -73px
}

.main-links li:hover.link5 a:before {
    background-color: #f9990f
}

.main-links li:hover.link6 a {
    background-position: -673px -73px
}

.main-links li:hover.link6 a:before {
    background-color: #d82986
}

.main-links li:hover.link7 a {
    background-position: -807px -73px
}

.main-links li:hover.link7 a:before {
    background-color: #8f54a6
}

.main-links li:hover.link8 a {
    background-position: -941px -73px
}

.main-links li:hover.link8 a:before {
    background-color: #3f9ed4
}

.main-links li a {
    position: relative;
    display: block;
    width: 100%;
    height: 40px;
    background-image: url(../img/main-menu-bg.png);
    background-repeat: no-repeat;
    font-size: 18px;
    padding: 10px 0 0 39px;
    box-shadow: 0px 43px 0px rgba(255, 255, 255, 0.17);
    border: 0.5px solid #fafafa;
    border-top-width: 0px
}

.main-links li a:before {
    content: '';
    position: absolute;
    display: none;
    height: 5px;
    width: 100%;
    top: 0;
    left: 0
}

.main-links li a span {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #000
}

.main-links .link1 a {
    background-position: -1px 0;
    border-color: rgba(104, 168, 212, 0.5)
}

.main-links .link1 a:before {
    background-color: #66a8da
}

.main-links .link2 a {
    background-position: -136px 0;
    border-color: rgba(252, 134, 112, 0.5)
}

.main-links .link2 a:before {
    background-color: #fe876f
}

.main-links .link3 a {
    background-position: -270px 0;
    border-color: rgba(163, 201, 71, 0.5)
}

.main-links .link3 a:before {
    background-color: #a4c948
}

.main-links .link4 a {
    background-position: -404px 0;
    border-color: rgba(141, 141, 222, 0.5)
}

.main-links .link4 a:before {
    background-color: #8b8de0
}

.main-links .link5 a {
    background-position: -539px 0;
    border-color: rgba(245, 171, 51, 0.5)
}

.main-links .link5 a:before {
    background-color: #f3ab35
}

.main-links .link6 a {
    background-position: -673px 0;
    border-color: rgba(224, 85, 157, 0.5)
}

.main-links .link6 a:before {
    background-color: #df569e
}

.main-links .link7 a {
    background-position: -807px 0;
    border-color: rgba(174, 135, 191, 0.5)
}

.main-links .link7 a:before {
    background-color: #a87fb9
}

.main-links .link8 a {
    background-position: -941px 0;
    border-color: rgba(101, 177, 219, 0.5)
}

.main-links .link8 a:before {
    background-color: #67b0d9
}

#myCarousel {
    float: left;
    width: 650px;
    margin-bottom: 60px
}

#myCarousel .carousel-indicators {
    background-color: #323232;
    bottom: -50px;
    width: 100%;
    left: 30%;
    height: 40px;
    line-height: 40px;
    text-align: right;
    padding: 0 30px
}

#myCarousel .carousel-inner {
    max-height: 328px;
    height: 328px
}

#myCarousel .carousel-caption {
    left: 0;
    right: inherit;
    text-align: left;
    top: inherit;
    bottom: -40px;
    padding: 0 0 0 10px;
    z-index: 15;
    height: 40px
}

.indexButtons {
    float: right
}

.indexButtons .app-button {
    border: 1px solid #ccc;
    display: block
}

.indexButtons .buttons-list {
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 11px;
    width: 400px
}

.indexButtons .buttons-list li {
    list-style-type: none;
    background-image: url(../img/index-icons.png);
    background-repeat: no-repeat;
    float: left;
    display: block;
    width: 25%;
    height: 110px;
    border-bottom: 1px #ccc dashed;
    border-right: 1px #ccc dashed
}

.indexButtons .buttons-list li:hover {
    background-image: url(../img/index-icons-hover.png)
}

.indexButtons .buttons-list li:hover.icon1 span {
    color: #F3781B
}

.indexButtons .buttons-list li:hover.icon2 span {
    color: #F0A832
}

.indexButtons .buttons-list li:hover.icon3 span {
    color: #E282C1
}

.indexButtons .buttons-list li:hover.icon4 span {
    color: #E95456
}

.indexButtons .buttons-list li:hover.icon5 span {
    color: #BAACFB
}

.indexButtons .buttons-list li:hover.icon6 span {
    color: #84D2FF
}

.indexButtons .buttons-list li:hover.icon7 span {
    color: #A5CE4C
}

.indexButtons .buttons-list li:hover.icon8 span {
    color: #DBA463
}

.indexButtons .buttons-list li:hover.icon1 {
    background-position: 5px 1px
}

.indexButtons .buttons-list li:hover.icon2 {
    background-position: -84px 1px
}

.indexButtons .buttons-list li:hover.icon3 {
    background-position: -174.5px 1px
}

.indexButtons .buttons-list li:hover.icon4 {
    background-position: -263.5px 1px
}

.indexButtons .buttons-list li:hover.icon5 {
    background-position: 5px -111px
}

.indexButtons .buttons-list li:hover.icon6 {
    background-position: -84px -111px
}

.indexButtons .buttons-list li:hover.icon7 {
    background-position: -175px -111px
}

.indexButtons .buttons-list li:hover.icon8 {
    background-position: -264px -111px
}

.indexButtons .buttons-list li:nth-child(4n) {
    border-right: 0px
}

.indexButtons .buttons-list li:nth-child(n+5) {
    border-bottom: 0px
}

.indexButtons .buttons-list li:nth-child(n+5) a span {
    top: 90px
}

.indexButtons .buttons-list li a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    text-align: center;
    text-decoration: none
}

.indexButtons .buttons-list li a span {
    position: relative;
    top: 84px;
    color: #323232
}

.indexButtons .buttons-list .icon1 {
    background-position: 6px 1px
}

.indexButtons .buttons-list .icon2 {
    background-position: -83px 1px
}

.indexButtons .buttons-list .icon3 {
    background-position: -174px 1px
}

.indexButtons .buttons-list .icon4 {
    background-position: -263px 1px
}

.indexButtons .buttons-list .icon5 {
    background-position: 6px -111px
}

.indexButtons .buttons-list .icon6 {
    background-position: -83px -111px
}

.indexButtons .buttons-list .icon7 {
    background-position: -174px -111px
}

.indexButtons .buttons-list .icon8 {
    background-position: -263px -111px
}

.indexTabs .nav-tabs {
    background-image: url(../img/index-tab-bg.jpg);
    padding: 6px 34px 0;
    border-bottom: 1px solid #646464
}

.indexTabs .nav-tabs li.active a {
    background-color: #68A8D4;
    border-color: #fafafa;
    color: #fafafa
}

.indexTabs .nav-tabs li.active:nth-child(2) a {
    background-color: #FC8670
}

.indexTabs .nav-tabs li.active:nth-child(3) a {
    background-color: #EF6671
}

.indexTabs .nav-tabs li.active:nth-child(4) a {
    background-color: #8D8DDE
}

.indexTabs .nav-tabs li.active:nth-child(5) a {
    background-color: #A3C947
}

.indexTabs .nav-tabs li.active:nth-child(6) a {
    background-color: #A97FBB
}

.indexTabs .nav-tabs li a {
    padding: 6px 14px;
    color: #000;
    border: 1px solid #d1d1d1;
    background-color: #fafafa;
    letter-spacing: 0.05em;
    font-size: 110%;
    font-weight: bold
}

.indexTabs .tab-content {
    background-color: #d9d9d9;
    padding: 32px;
    box-shadow: inset 0px 22px 25px -20px
}

.page-tabs {
    padding-top: 20px
}

.page-tabs .tab-content>.tab-pane {
    font-size: 16px;
    padding: 20px 35px
}

.page-tabs .tab-content>.tab-pane.tab-viewpoint-intro {
    padding-right: 0
}

.page-tabs.type1 .nav-tabs {
    border-bottom: 6px solid #FC8670;
    padding: 0 35px;
    box-shadow: 0px 16px 18px -14px #aaa
}

.page-tabs.type1 .nav-tabs>li.active>a,
.page-tabs.type1 .nav-tabs>li.active>a:hover,
.page-tabs.type1 .nav-tabs>li.active>a:focus {
    border-color: #FC8670;
    background-color: #FC8670;
    color: #fff
}

.page-tabs.type1 .nav-tabs>li>a {
    border: 1px solid #9FA0A0
}

.page-tabs.type1 .nav>li>a {
    padding: 3px 15px;
    font-weight: bold;
    color: #000
}

.page-tabs.type2 .nav-tabs {
    border-top: 6px solid #68A8D4;
    border-bottom: 1px solid #ccc;
    background-image: url(../img/gary3.jpg);
    padding-top: 7px;
    padding-left: 92px;
    position: relative
}

.page-tabs.type2 .nav-tabs:before {
    content: url(../img/comment-icon.png);
    display: block;
    position: absolute;
    top: -4px;
    left: 35px
}

.page-tabs.type2 .nav>li>a {
    padding: 7px 15px;
    color: #000;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #9FA0A0
}

.page-tabs.type2 .nav-tabs>li.active>a,
.page-tabs.type2 .nav-tabs>li.active>a:hover,
.page-tabs.type2 .nav-tabs>li.active>a:focus {
    border-color: transparent
}

.page-tabs.type2 .message {
    padding: 15px 0;
    border-top: 1px dashed #ddd;
    margin: 0
}

.page-tabs.type2 .message:first-child {
    border-top: 0px
}

.page-tabs.type2 .message:last-child {
    border-bottom: 1px dashed #ddd
}

.page-tabs.type2 .message .msg-pic {
    float: left;
    width: 40px;
    height: 40px;
    overflow: hidden
}

.page-tabs.type2 .message .msg-pic img {
    max-width: 100%
}

.page-tabs.type2 .message .msg-content {
    float: left;
    margin-left: 15px;
    width: 630px;
    font-size: 13px
}

.page-tabs.type2 .message .msg-content textarea {
    width: 100%;
    height: 88px;
    margin-bottom: 10px
}

.page-tabs.type2 .message .msg-content span {
    color: #036EB7
}

.page-tabs.type2 .message .msg-content span.name {
    font-size: 20px
}

.page-tabs.type-viewpoint .nav-tabs {
    border-bottom: 6px solid #8DC21F;
    padding: 0 35px;
    box-shadow: 0px 16px 18px -14px #aaa
}

.page-tabs.type-viewpoint .nav-tabs>li.active>a,
.page-tabs.type-viewpoint .nav-tabs>li.active>a:hover,
.page-tabs.type-viewpoint .nav-tabs>li.active>a:focus {
    border-color: #8DC21F;
    background-color: #8DC21F;
    color: #fff;
    padding: 7px 10px
}

.page-tabs.type-viewpoint .nav>li>a {
    padding: 7px 10px;
    border: 1px solid #ccc;
    font-weight: bold;
    color: #000
}

.page-tabs.type-viewpoint .nav-tabs>li {
    margin-bottom: 0
}

.page-tabs.type-member .tab-pane>.title {
    font-size: 20px;
    line-height: 40px;
    padding-left: 34px
}

.page-tabs.type-member .nav-tabs li {
    position: relative;
    background-color: #fff
}

.page-tabs.type-member .nav-tabs li.active:before {
    content: '';
    position: absolute;
    display: block;
    left: -2px;
    right: 0;
    height: 5px;
    top: -5px;
    background-color: #65B1DB
}

.page-tabs.type-member .nav-tabs li.active a {
    background-color: #fff
}

.page-tabs.type-member .nav-tabs li:first-child:before {
    left: 0
}

.page-tabs.type-member .nav-tabs li:last-child a {
    margin-right: 0
}

.page-tabs.type-member .nav-tabs li a {
    padding: 6px;
    border-radius: 0;
    border: 0;
    background-color: #dadbdb;
    font-size: 18px;
    color: #646464
}

.page-tabs.type-collect {
    margin-top: 0
}

.page-tabs.type-collect .result-count {
    margin-left: 0;
    padding: 10px 0 0 0
}

.page-tabs.type-collect .nav-tabs {
    margin-left: 0;
    padding-left: 34px
}

.page-tabs.type-collect .nav-tabs li {
    position: inherit;
    background-color: #fff;
    margin-bottom: 0
}

.page-tabs.type-collect .nav-tabs li.active:before {
    display: none
}

.page-tabs.type-collect .nav-tabs li.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 6px;
    background-color: #8DC21F;
    display: block
}

.page-tabs.type-collect .nav-tabs li.active a {
    background-color: #8DC21F;
    color: #fff;
    border-color: #8DC21F
}

.page-tabs.type-collect .nav-tabs li.active.myData-collect-article:after {
    background-color: #A97FBB
}

.page-tabs.type-collect .nav-tabs li.active.myData-collect-article a {
    background-color: #A97FBB;
    border-color: #A97FBB
}

.page-tabs.type-collect .nav-tabs li:first-child:before {
    left: 0
}

.page-tabs.type-collect .nav-tabs li:last-child a {
    margin-right: 0
}

.page-tabs.type-collect .nav-tabs li a {
    padding: 2px 13px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #646464;
    background-color: #fff;
    font-size: 18px;
    color: #646464;
    top: 0px;
    border-bottom: 0px
}

.page-tabs.type-collect .tab-pane {
    padding: 10px 10px 0 10px
}

.page-tabs.type-collect .list {
    margin-left: -10px;
    margin-right: -10px
}

.page-tabs.type-collect .viewpoint-list {
    padding: 0 15px
}

.page-tabs.type-collect .viewpoint-list .list-item {
    padding: 0 7.5px
}

.page-tabs.type-collect .article {
    background-color: #fff
}

.page-tabs.type-service {
    margin-top: 0
}

.page-tabs.type-service .table thead th {
    background: url(../img/gary3.jpg)
}

.page-tabs.type-service .result-count {
    margin-left: 0;
    padding: 10px 0 0 0
}

.page-tabs.type-service .nav-tabs {
    margin-left: 0;
    padding-left: 34px
}

.page-tabs.type-service .nav-tabs li {
    position: inherit;
    background-color: #fff;
    margin-bottom: 0
}

.page-tabs.type-service .nav-tabs li.active:before {
    display: none
}

.page-tabs.type-service .nav-tabs li.active:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 6px;
    background-color: #65B1DB;
    display: block
}

.page-tabs.type-service .nav-tabs li.active a {
    background-color: #65B1DB;
    color: #fff;
    border-color: #65B1DB
}

.page-tabs.type-service .nav-tabs li.active.myData-collect-article:after {
    background-color: #A97FBB
}

.page-tabs.type-service .nav-tabs li.active.myData-collect-article a {
    background-color: #A97FBB;
    border-color: #A97FBB
}

.page-tabs.type-service .nav-tabs li:first-child:before {
    left: 0
}

.page-tabs.type-service .nav-tabs li:last-child a {
    margin-right: 0
}

.page-tabs.type-service .nav-tabs li a {
    padding: 2px 13px;
    border-radius: 3px 3px 0 0;
    border: 1px solid #646464;
    background-color: #fff;
    font-size: 18px;
    color: #646464;
    top: 0px;
    border-bottom: 0px
}

.page-tabs.type-service .tab-pane {
    padding: 10px 10px 0 10px
}

.page-tabs.type-service .list {
    margin-left: -10px;
    margin-right: -10px
}

.page-tabs.type-service .viewpoint-list {
    padding: 0 15px
}

.page-tabs.type-service .viewpoint-list .list-item {
    padding: 0 7.5px
}

.page-tabs.type-service .article {
    background-color: #fff
}

.tab-viewpoint-coupon ul {
    position: relative;
    padding-left: 75px
}

.tab-viewpoint-coupon ul:before {
    content: url(../img/vicon-6.png);
    position: absolute;
    left: 0
}

.tab-viewpoint-coupon ul li {
    line-height: 40px;
    font-size: 20px;
    list-style-type: none;
    position: relative
}

.tab-viewpoint-coupon ul li:before {
    content: '';
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #8DC21F;
    top: 10px;
    left: -24px;
    top: 10px
}

.tab-viewpoint-intro section {
    margin-bottom: 15px
}

.tab-viewpoint-intro section .title {
    line-height: 40px;
    font-weight: bold;
    background: url(../img/green2.jpg);
    font-size: 20px;
    border-radius: 20px 0 0 20px;
    padding-left: 55px;
    position: relative
}

.tab-viewpoint-intro section .title:before {
    content: url(../img/vicon-7.png);
    position: absolute;
    left: 0
}

.tab-viewpoint-intro section .title>a {
    position: absolute;
    right: 35px;
    top: 5px
}

.tab-viewpoint-intro section .sectionContent {
    display: none;
    padding: 15px 35px 0 55px
}

.tab-viewpoint-intro section.active .sectionContent {
    display: block
}

.tab-viewpoint-business section {
    margin-left: 50px;
    position: relative;
    border-bottom: 2px solid #9FA0A0;
    min-height: 42px;
    padding: 12px 0
}

.tab-viewpoint-business section:last-child {
    border-bottom: 0px
}

.tab-viewpoint-business section .title {
    font-size: 20px;
    padding-bottom: 10px
}

.tab-viewpoint-business section .subcontent {
    font-size: 16px;
    color: #646464
}

.tab-viewpoint-business .business-time:before {
    content: url(../img/vicon-8.png);
    position: absolute;
    left: -50px;
    top: 7px
}

.tab-viewpoint-business .business-service:before {
    content: url(../img/vicon-9.png);
    position: absolute;
    left: -50px;
    top: 7px
}

.tab-viewpoint-business .business-service .serviceICON:before {
    content: '';
    background-image: url(../img/business-service-icons.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 46px;
    height: 46px
}

.tab-viewpoint-business .business-service .serviceICON.stype1:before {
    background-position: 0 0
}

.tab-viewpoint-business .business-service .serviceICON.stype2:before {
    background-position: -53.5px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype3:before {
    background-position: -107px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype4:before {
    background-position: -160.5px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype5:before {
    background-position: -214px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype6:before {
    background-position: -267.5px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype7:before {
    background-position: -321px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype8:before {
    background-position: -374.5px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype9:before {
    background-position: -428px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype10:before {
    background-position: -481.5px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype11:before {
    background-position: -535px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype12:before {
    background-position: -588.5px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype13:before {
    background-position: -642px 0
}

.tab-viewpoint-business .business-service .serviceICON.stype51:before {
    background-position: 0 -104px
}

.tab-viewpoint-business .business-service .serviceICON.stype52:before {
    background-position: -53.5px -104px
}

.tab-viewpoint-business .business-service .serviceICON.stype53:before {
    background-position: -107px -104px
}

.tab-viewpoint-business .business-service .serviceICON.stype54:before {
    background-position: -160.5px -104px
}

.tab-viewpoint-business .business-service .serviceICON.stype55:before {
    background-position: -214px -104px
}

.tab-viewpoint-business .business-service .serviceICON.stype56:before {
    background-position: -267.5px -104px
}

.tab-viewpoint-business .business-service .serviceICON.stype57:before {
    background-position: -321px -104px
}

.tab-viewpoint-business .business-service .serviceICON.stype58:before {
    background-position: -374.5px -104px
}

.tab-viewpoint-business .business-service .serviceICON.stype59:before {
    background-position: -428px -104px
}

.tab-viewpoint-business .business-service .serviceICON.stype60:before {
    background-position: -481.5px -104px
}

.tab-viewpoint-business .business-service .serviceICON.stype61:before {
    background-position: -535px -104px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype1:before {
    background-position: 0 -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype2:before {
    background-position: -53.5px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype3:before {
    background-position: -107px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype4:before {
    background-position: -160.5px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype5:before {
    background-position: -214px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype6:before {
    background-position: -267.5px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype7:before {
    background-position: -321px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype8:before {
    background-position: -374.5px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype9:before {
    background-position: -428px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype10:before {
    background-position: -481.5px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype11:before {
    background-position: -535px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype12:before {
    background-position: -588.5px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype13:before {
    background-position: -642px -52px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype51:before {
    background-position: 0 -155px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype52:before {
    background-position: -53.5px -155px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype53:before {
    background-position: -107px -155px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype54:before {
    background-position: -160.5px -155px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype55:before {
    background-position: -214px -155px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype56:before {
    background-position: -267.5px -155px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype57:before {
    background-position: -321px -155px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype58:before {
    background-position: -374.5px -155px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype59:before {
    background-position: -428px -155px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype60:before {
    background-position: -481.5px -155px
}

.tab-viewpoint-business .business-service .serviceICON.active.stype61:before {
    background-position: -535px -155px
}

.tab-viewpoint-business .business-contact:before {
    content: url(../img/vicon-10.png);
    position: absolute;
    left: -50px;
    top: 7px
}

.tab-viewpoint-traffic section {
    margin-left: 50px;
    position: relative;
    border-bottom: 2px solid #9FA0A0;
    min-height: 42px;
    padding: 12px 0
}

.tab-viewpoint-traffic section:last-child {
    border-bottom: 0px
}

.tab-viewpoint-traffic section .title {
    font-size: 20px;
    padding-bottom: 10px
}

.tab-viewpoint-traffic section .subcontent {
    font-size: 16px;
    color: #646464
}

.tab-viewpoint-traffic section .subcontent>ul {
    padding-left: 0
}

.tab-viewpoint-traffic section .subcontent>ul li {
    list-style-type: none;
    padding-left: 0;
    padding-top: 4px;
    padding-bottom: 4px
}

.tab-viewpoint-traffic section .subcontent>ul li:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #8DC21F;
    margin-right: 2px
}

.tab-viewpoint-traffic .traffic-bus:before {
    content: url(../img/vicon-11.png);
    position: absolute;
    left: -50px;
    top: 7px
}

.tab-viewpoint-traffic .traffic-car:before {
    content: url(../img/vicon-12.png);
    position: absolute;
    left: -50px;
    top: 7px
}

.tab-viewpoint-traffic .traffic-parking:before {
    content: url(../img/vicon-13.png);
    position: absolute;
    left: -50px;
    top: 7px
}

.tab-viewpoint-download section {
    margin-left: 50px;
    position: relative;
    border-bottom: 2px solid #9FA0A0;
    min-height: 42px;
    padding: 12px 0
}

.tab-viewpoint-download section:last-child {
    border-bottom: 0px
}

.tab-viewpoint-download section .title {
    font-size: 20px;
    padding-bottom: 10px
}

.tab-viewpoint-download section .subcontent {
    font-size: 16px;
    color: #646464
}

.tab-viewpoint-download section .subcontent>ul {
    padding-left: 0
}

.tab-viewpoint-download section .subcontent>ul li {
    list-style-type: none;
    padding-left: 0;
    padding-top: 4px;
    padding-bottom: 4px
}

.tab-viewpoint-download section .subcontent>ul li:before {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #8DC21F;
    margin-right: 2px
}

.tab-viewpoint-download .viewpoint-download-list:before {
    content: url(../img/vicon-14.png);
    position: absolute;
    left: -50px;
    top: 7px
}

.viewpoint-list {
    margin-left: -7px;
    margin-right: -7px
}

.viewpoint-list .list-item {
    padding: 0 7px
}

.viewpoint-list .list-item .item {
    position: relative;
    display: block;
    padding: 9px 12px;
    background-color: #fafafa;
    color: #323232;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 1px 1px 5px 0px #000;
    margin-bottom: 15px;
    height: 356px;
    max-height: 356px
}

.viewpoint-list .list-item .item:hover {
    background-color: #a4c948;
    color: #fafafa
}

.viewpoint-list .list-item .item:hover h3 {
    color: #ffffff
}

.viewpoint-list .list-item .item:hover .hover-style {
    margin: 0 -12px -12px;
    color: #323232;
    background-color: #fafafa;
    padding: 2px 12px 9px
}

.viewpoint-list .list-item .item:hover .like {
    display: block
}

.viewpoint-list .list-item .item .hover-style {
    padding-top: 2px
}

.viewpoint-list .list-item .item .img {
    height: 141px;
    overflow: hidden
}

.viewpoint-list .list-item .item .img img {
    width: 100%
}

.viewpoint-list .list-item .item h3 {
    margin-top: 10px;
    font-size: 17px;
    height: 4.25em;
    overflow: hidden;
    background-color: transparent;
    color: #000;
    padding: 0
}

.viewpoint-list .list-item .item .des {
    font-size: 12px;
    height: 5.5em;
    overflow: hidden
}

.footer-link {
    padding-left: 0;
    text-align: center
}

.footer-link li {
    list-style-type: none;
    display: inline-block
}

.footer-link li+li:before {
    content: '|';
    display: inline-block;
    padding: 0 10px
}

.footer-link li a {
    color: #323232
}

.footer-table {
    display: table;
    width: 100%
}

.footer-table>div {
    display: table-cell
}

.footer-table .footer-logo {
    width: 25%;
    vertical-align: top;
    text-align: center;
    padding-top: 43px
}

.map-link h2 {
    color: #3e9fd6;
    font-weight: bold;
    font-size: 18px
}

.map-link ul {
    padding-left: 0
}

.map-link ul li {
    list-style-type: none;
    line-height: 1.7em
}

.map-link ul li a {
    color: #323232
}

.map-link>div {
    width: 12%;
    float: left
}

.map-link .image-style {
    width: 40%
}

.map-link .image-style ul {
    display: inline-block;
    vertical-align: top
}

.map-link .image-style ul+ul {
    margin-left: 10px
}

.map-link .image-style ul+ul li {
    line-height: 2.4em
}

.map-link .image-style ul+ul li img {
    margin-right: 7px
}

.dg-container {
    width: 100%;
    height: 360px;
    position: relative;
    padding-top: 32px
}

.dg-wrapper {
    width: 402px;
    height: 256px;
    margin: 0 auto;
    position: relative;
    -webkit-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px
}

.dg-wrapper a {
    width: 402px;
    height: 256px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: transparent url(../images/browser.png) no-repeat top left;
    box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.3)
}

.dg-wrapper a.dg-transition {
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.dg-wrapper a img {
    display: block;
    padding: 0px 0px 0px 0px;
    width: 100%;
    height: 256px
}

.dg-wrapper a div {
    background-color: #000;
    color: #fafafa;
    font-weight: bold;
    line-height: 20px;
    padding: 10px;
    height: 60px;
    font-size: 16px;
    width: 100%;
    bottom: -60px;
    display: block;
    position: absolute
}

.dg-wrapper a.dg-center div {
    display: block
}

.dg-container nav .carousel-control {
    background-image: inherit;
    width: 5%
}

.dg-container nav .carousel-control span {
    float: left;
    cursor: pointer;
    width: 24px;
    height: 25px;
    opacity: 0.8;
    background: transparent url(../images/arrows.png) no-repeat top left;
    font-size: 50px
}

.dg-container nav .carousel-control span:hover {
    opacity: 1
}

.dg-container nav .carousel-control span.dg-next {
    background-position: top right;
    margin-left: 10px
}

.arrow_box:before,
.arrow_box:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.arrow_box:after {
    border-color: rgba(250, 250, 250, 0);
    border-bottom-color: #fafafa;
    border-width: 8px;
    margin-left: -8px
}

.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-bottom-color: rgba(0, 0, 0, 0.15);
    border-width: 9px;
    margin-left: -9px
}

.page-title {
    font-weight: bold;
    margin-top: 15px;
    text-indent: 50px;
    position: relative;
    margin-bottom: 0;
    height: 40px
}

.page-title:before {
    content: '';
    display: inline-block;
    width: 50px;
    height: 40px;
    background: url(../img/icon-web.png) no-repeat;
    position: absolute;
    top: 0;
    left: 0
}

.page-title.page-title-member:before {
    background-position: -145px -293px
}

.page-title.page-title-member2 {
    color: #3E9ED2
}

.page-title.page-title-member2:before {
    background-position: -100px -293px
}

.page-title.page-title-map:before {
    background-position: -145px 5px
}

.page-title.page-title-traffic:before {
    background-position: -145px -346px
}

.page-title.page-title-qa:before {
    background-position: -145px -459px
}

.page-title.page-title-app:before {
    background-position: -145px -402px
}

.page-title.page-title-premium:before {
    background-position: -145px -146px
}

.page-title.page-title-eventns-news {
    color: #E95456
}

.page-title.page-title-eventns-news:before {
    background-position: -99px -504px
}

.page-title.page-title-viewpoint {
    color: #8DC21F
}

.page-title.page-title-viewpoint:before {
    background-position: -99px -556px
}

.page-title.page-title-article {
    color: #A97FBB
}

.page-title.page-title-article:before {
    background-position: -99px -606px;
    top: -4px
}

.login-box {
    background-color: #fff;
    border: 1px solid #f9f9f9;
    border-radius: 5px;
    padding: 27px
}

.login-box>h3 {
    font-size: 28px;
    font-weight: bold
}

.login-box>h3>img {
    position: relative;
    top: 1px;
    margin: 0 6px
}

#form_login {
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 10px
}

#form_login .btn {
    margin-bottom: 20px
}

#form_login .btn:nth-last-child(2) {
    margin-bottom: 5px
}

#form_login h4 {
    font-weight: bold
}

#form_login hr {
    margin-top: 0px
}

.btn-style1 {
    background: url(../img/btn-bg.jpg) !important;
    color: #fff
}

.btn-style1:hover,
.btn-style1:focus {
    color: #fff;
    opacity: 0.6;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.btn-style2 {
    background-color: #fff;
    border: 1px solid #646464;
    color: #646464;
    border-radius: 2px;
    min-width: 100px;
    padding: 2px 12px
}

.btn-style2:hover,
.btn-style2:focus {
    color: #E95456;
    border: 1px solid #E95456;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    outline: 0
}

.btn-style2-1 {
    background-color: #fff;
    border: 1px solid #646464;
    color: #646464;
    border-radius: 2px;
    min-width: 100px;
    padding: 2px 12px
}

.btn-style2-1:hover,
.btn-style2-1:focus {
    color: #649E22;
    border: 1px solid #649E22;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    outline: 0
}

.btn-style3 {
    border: 1px solid #036EB7;
    background-color: #fff;
    box-shadow: inset 0px -4px 10px -6px #000;
    padding: 0px 6px;
    color: #646464;
    margin-bottom: 5px;
    font-size: 14px
}

.btn-style3:hover {
    background-color: #C3DCEE
}

.btn-style3.active {
    background-image: url(../img/blue1.jpg);
    color: #fff
}

.btn-style4 {
    background: url(../img/purple1.jpg) !important;
    color: #fff
}

.btn-style4:hover,
.btn-style4:focus {
    color: #fff;
    opacity: 0.6;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.btn-style5 {
    background: url(../img/brown1.jpg) !important;
    color: #fff
}

.btn-style5:hover,
.btn-style5:focus {
    color: #fff;
    opacity: 0.6;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.btn-style6 {
    background: url(../img/pink2.jpg) !important;
    color: #fff;
    padding: 3px 12px;
    position: relative
}

.btn-style6:hover,
.btn-style6:focus {
    color: #fff;
    opacity: 0.6;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.btn-style7 {
    background: url(../img/green1.jpg) !important;
    color: #fff
}

.btn-style7:hover,
.btn-style7:focus {
    color: #fff;
    opacity: 0.6;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.btn-style7-1 {
    background: url(../img/green4.jpg) !important;
    color: #fff
}

.btn-style7-1:hover,
.btn-style7-1:focus {
    color: #fff;
    opacity: 0.6;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.btn-style8 {
    font-size: 14px;
    background-color: #fff;
    border-radius: 2px;
    padding: 0 8px 0 15px;
    display: inline-block;
    line-height: 27px;
    font-weight: 100;
    color: #333;
    box-shadow: 1px 1px 2px 0px #333;
    text-decoration: none
}

.btn-style8:after {
    content: '';
    position: relative;
    width: 20px;
    height: 20px;
    display: inline-block;
    background: url(../img/circle-plus.png) no-repeat;
    margin-left: 1em;
    top: 4px
}

.btn-style8.mius:after {
    background-position: -37px 0px
}

.btn-style9 {
    font-size: 16px;
    color: #036EB7;
    border: 1px solid #036EB7;
    padding: 3px 5px 3px 28px;
    position: relative;
    box-shadow: inset 0px -4px 19px -12px #036eb7
}

.btn-style9:hover {
    text-decoration: underline;
    color: #036EB7
}

.btn-style9>img {
    position: absolute;
    top: 3.5px;
    left: 3px
}

.btn-style10 {
    font-size: 16px;
    color: #036EB7;
    padding: 3px 5px 3px 28px;
    position: relative
}

.btn-style10:hover {
    text-decoration: underline;
    color: #036EB7
}

.btn-style10>img {
    position: absolute;
    top: 3.5px;
    left: 3px
}

.btn-style11 {
    font-size: 16px;
    color: #036EB7;
    border: 1px solid #036EB7;
    background-color: #fff;
    padding: 10px;
    position: relative;
    text-align: center
}

.btn-style11:hover {
    background-color: #EFEFEF;
    color: #036EB7;
    text-decoration: none
}

.btn:hover .hoverContent {
    display: block;
    opacity: 1
}

.btn .hoverContent {
    display: none;
    position: absolute;
    width: 300px;
    color: #000;
    left: -100px;
    z-index: 1;
    top: 29px;
    white-space: normal
}

.btn .hoverContent:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 10px 7.5px;
    border-color: transparent transparent #FC8670 transparent;
    left: 50%;
    margin-left: -5px;
    position: relative
}

.btn .hoverContent:hover {
    display: block
}

.btn .hoverContent>section {
    border: 2px solid #FC8670;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px;
    text-align: left
}

.btn .hoverContent>section .title {
    font-size: 16px;
    color: #FC8670
}

.btn .hoverContent>section hr {
    border-top: 1px solid #FC8670
}

.terms {
    line-height: 25px;
    font-size: 17px
}

.terms h2 {
    font-weight: bold;
    font-size: 25px
}

.terms section {
    position: relative
}

.terms p {
    position: relative
}

.terms .blue {
    color: #2374b3
}

.terms .bold {
    font-weight: bold
}

.terms ul {
    position: relative
}

.terms ul li {
    position: relative
}

.frameView {
    padding: 15px 28px
}

.frameView h3 {
    font-size: 17px;
    background-color: #000;
    color: #fff;
    padding: 10px 15px
}

.frameView ol li {
    margin-bottom: 10px
}

.frameView ol li ol {
    list-style-type: none;
    padding-left: 1.5em;
    padding-top: 5px
}

.frameView ol li ol>li {
    counter-increment: mycounter
}

.frameView ol li ol>li:before {
    margin-left: -1.5em;
    content: "(" counter(mycounter) ")";
    display: inline-block;
    width: 1.5em
}

.frameView ol li ol>li p {
    margin: 5px 0
}

.frame-tags {
    padding: 10px
}

.frame-tags .alltags {
    margin: 8px 4px 12px
}

.frame-exchange-coupon {
    background: url(../img/pink2.jpg);
    padding: 10px 2px 2px
}

.frame-nearby>.title {
    font-size: 20px;
    color: #fff;
    background-image: url(../img/green3.jpg);
    text-align: center;
    line-height: 45px;
    margin: 10px 6px 20px
}

.frame-nearby>.title:before {
    content: '';
    display: block;
    position: relative;
    width: 100%;
    height: 7px;
    background-color: #A3C947
}

.frame-nearby>.title:after {
    content: url(../img/paperclip.png);
    position: absolute;
    display: block;
    top: 8px;
    left: 70px
}

.frame-nearby .viewpoint-list .list-item {
    padding: 0 6px
}

.frame-nearby .bx-wrapper {
    border: 0px;
    margin-bottom: 0;
    box-shadow: none;
    background: #fafafa
}

.frame-nearby.imggrid {
    background-color: #fafafa
}

.frame-nearby .bx-pager {
    bottom: -45px;
    font-size: 20px;
    color: #fff;
    position: absolute;
    z-index: 10;
    overflow: hidden
}

.frame-nearby .bx-pager:before {
    content: ' ';
    display: block;
    position: absolute;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: rgba(18, 43, 18, 0.3);
    left: 50%;
    margin-left: -45px;
    bottom: -45px;
    z-index: -1
}

.frame-nearby .bx-next {
    right: -15px
}

.frame-nearby .bx-prev {
    left: -15px
}

.webmap a {
    color: #333;
    display: block
}

.webmap li:hover a {
    color: #4b5683
}

.webmap>ul {
    padding: 100px 0 0 85px;
    position: relative;
    margin-bottom: 25px
}

.webmap>ul:before {
    content: '';
    display: block;
    height: 10px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 17px;
    left: 0;
    z-index: 1
}

.webmap>ul .title {
    height: 100px;
    margin-top: 0;
    padding-top: 45px;
    padding-left: 40px;
    font-weight: bold;
    color: #fff;
    position: relative;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px
}

.webmap>ul .title:before {
    content: '';
    display: inline-block;
    width: 85px;
    height: 66px;
    background: url(../img/icon-map.png) no-repeat;
    position: absolute;
    top: 34px;
    left: 0px
}

.webmap>ul.colsub>li {
    width: 100%
}

.webmap>ul>li {
    width: 50%;
    display: block;
    float: left;
    font-size: 20px;
    position: relative;
    line-height: 40px;
    text-indent: 1.5em
}

.webmap>ul>li:before {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background: url(../img/icon-circle.png) no-repeat;
    position: absolute;
    top: 7px
}

.webmap>ul>li:hover:before {
    background-position: 0 -36px
}

.webmap>ul>li>ul {
    padding: 0 0 0 1.5em;
    margin-bottom: 6px
}

.webmap>ul>li>ul>li {
    width: 33.3333%;
    display: block;
    float: left;
    position: relative;
    font-size: 17px;
    line-height: 28px
}

.webmap>ul>li>ul>li:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/icon-circle.png) -45px -2px no-repeat;
    position: absolute;
    left: 0;
    top: 3px
}

.webmap>ul>li>ul>li:hover:before {
    background-position: -45px -38px
}

.webmap>ul a {
    text-decoration: none;
    outline: none
}

.webmap .map-news:before {
    background-color: #e95758
}

.webmap .map-news .title {
    background-color: #fd8672
}

.webmap .map-news .title:before {
    background-position: 16px 2px
}

.webmap .map-view:before {
    background-color: #8bc21e
}

.webmap .map-view .title {
    background-color: #a3c749
}

.webmap .map-view .title:before {
    background-position: -422px 2px
}

.webmap .map-remark:before {
    background-color: #7272d4
}

.webmap .map-remark .title {
    background-color: #8d8ede
}

.webmap .map-remark .title:before {
    background-position: -686px 2px
}

.webmap .map-share:before {
    background-color: #f69810
}

.webmap .map-share .title {
    background-color: #f5ab32
}

.webmap .map-share .title:before {
    background-position: -71px 2px
}

.webmap .map-action:before {
    background-color: #da2886
}

.webmap .map-action .title {
    background-color: #de559b
}

.webmap .map-action .title:before {
    background-position: -511px 2px
}

.webmap .map-blog:before {
    background-color: #9055a7
}

.webmap .map-blog .title {
    background-color: #ab7fbc
}

.webmap .map-blog .title:before {
    background-position: -339px 2px
}

.webmap .map-member:before {
    background-color: #3f9fd2
}

.webmap .map-member .title {
    background-color: #66b1db
}

.webmap .map-member .title:before {
    background-position: -159px 2px
}

.webmap .map-helper:before {
    background-color: #a1be7c
}

.webmap .map-helper .title {
    background-color: #b5d373
}

.webmap .map-helper .title:before {
    background-position: -247px 2px
}

.webmap .map-web:before {
    background-color: #787878
}

.webmap .map-web .title {
    background-color: #979797
}

.webmap .map-web .title:before {
    background-position: -600px 2px
}

.link-style1 li {
    position: relative;
    width: 33.3333%;
    float: left;
    list-style-type: none;
    text-indent: 20px
}

.link-style1 li:before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(../img/square-right.png) no-repeat;
    top: 2.5px
}

.fullW {
    width: 100% !important
}

.halfW {
    width: 50% !important
}

.thirW {
    width: 33.3333% !important
}

.borderR {
    border-right: 1px solid #333
}

.seprate {
    width: 100%;
    border-bottom: 1px solid #333;
    float: left
}

.traffic section {
    margin-bottom: 10px
}

.traffic section.active .sectionContent {
    display: block
}

.traffic section .title {
    height: 50px;
    line-height: 53.5px;
    font-size: 20px;
    color: #fff;
    background: url(../img/btn-bg.jpg);
    padding-left: 2em;
    font-weight: bold;
    position: relative
}

.traffic section .title:before {
    content: '';
    display: block;
    height: 7px;
    background-color: #006eb5;
    position: absolute;
    width: 100%;
    left: 0
}

.traffic section .title a {
    top: 13px;
    right: 38px;
    position: absolute
}

.traffic section .subTitle {
    border: 1px solid #69a8d4;
    background-color: #d9d9d9;
    margin: 10px 0;
    font-size: 20px;
    position: relative;
    line-height: 50px;
    text-indent: 115px;
    font-weight: bold;
    letter-spacing: 0.3em
}

.traffic section ul {
    padding: 0 16px 0 40px
}

.traffic section ul li {
    list-style-type: none
}

.traffic section .sectionContent {
    display: none
}

.traffic section .sectionContent>ul>li {
    width: 50%;
    float: left;
    font-size: 20px;
    padding-left: 1em
}

.traffic section .sectionContent>ul>li:before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background: url(../img/icon-circle.png) 0 -107px no-repeat;
    margin-right: 5px;
    position: relative;
    top: 7px
}

.traffic section .sectionContent>ul>li a {
    position: relative;
    color: #333;
    text-decoration: none
}

.traffic section .sectionContent>ul>li a:before {
    content: '';
    display: block;
    position: absolute;
    background: url(../img/icon-circle.png) #fafafa -44px -146px no-repeat;
    width: 23px;
    height: 23px;
    top: 0.5px;
    left: -28px;
    color: #F5AB33
}

.traffic section .sectionContent>ul>li a:hover {
    color: #036EB7
}

.traffic section .sectionContent>ul>li a:hover:before {
    background-position: -44px -181px
}

.traffic section .sectionContent>ul>li>ul {
    font-size: 16px;
    margin: 10px 0 0 0;
    padding-right: 1.5em
}

.traffic section .sectionContent>ul>li>ul>li {
    float: left
}

.traffic section .sectionContent>ul>li>ul>li:before {
    content: '';
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../img/icon-circle.png) -44px -110px no-repeat;
    position: relative;
    top: 6px;
    margin-right: 5px
}

.traffic section .sectionContent>ul>li>ul>li>span {
    display: block;
    float: right
}

.traffic section .tableStyle1 {
    padding: 10px 38px 10px 100px;
    font-size: 16px
}

.traffic section .tableStyle1 table {
    width: 100%
}

.traffic section .tableStyle1 table tr td {
    height: 1px;
    border: solid #fafafa;
    border-width: 0 0 5px 0;
    color: #fff;
    padding: 0
}

.traffic section .tableStyle1 table tr td.yellow>div {
    background: url(../img/btn-bg-2.jpg)
}

.traffic section .tableStyle1 table tr td.blue>div {
    background: url(../img/btn-bg-3.jpg)
}

.traffic section .tableStyle1 table tr td>div {
    background: url(../img/btn-bg-1.jpg);
    width: 100%;
    height: 100%;
    border-radius: 3px;
    padding: 10px 15px;
    margin-top: 15px;
    margin-bottom: 15px
}

.traffic section .tableStyle1 table tr td.fromL {
    text-align: center;
    width: 20%
}

.traffic section .tableStyle1 table tr td.fromL>div:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.traffic section .tableStyle1 table tr td.throwL {
    text-align: left;
    border-left-width: 75px;
    width: 55%;
    position: relative;
    z-index: 2
}

.traffic section .tableStyle1 table tr td.throwL:before {
    content: '';
    display: block;
    width: 75px;
    background: url(../img/long-narrow.png) center left no-repeat;
    height: 29px;
    margin-top: -14.5px;
    position: absolute;
    z-index: -1;
    left: -75px;
    top: 50%;
    z-index: -1
}

.traffic section .tableStyle1 table tr td.throwL:after {
    content: '';
    display: block;
    width: 60px;
    background: url(../img/long-narrow.png) center right no-repeat;
    height: 29px;
    margin-top: -14.5px;
    position: absolute;
    z-index: -1;
    right: -60px;
    top: 50%;
    z-index: -1
}

.traffic section .tableStyle1 table tr td.toL {
    text-align: center;
    border-left-width: 75px;
    width: 25%
}

.traffic section .tableStyle1 table tr td.toL>div:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.traffic section .tableStyle2 {
    padding: 10px 38px 10px 100px
}

.traffic section .tableStyle2 table {
    border: 1px solid #849fb0;
    width: 100%
}

.traffic section .tableStyle2 table thead th {
    background: url(../img/btn-bg-3.jpg);
    font-size: 16px;
    color: #fff;
    border-left: 1px solid #3d9fde;
    padding: 10px 27px
}

.traffic section .tableStyle2 table tr {
    border: 1px solid #849fb0
}

.traffic section .tableStyle2 table tr td {
    border: 1px solid #68a8d4;
    padding: 10px 27px
}

.traffic section .tableStyle2 table tr td .car {
    display: block;
    width: 100%
}

.traffic section .tableStyle2 table tr td .car:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/icon-car.png) 0 5px no-repeat;
    position: relative;
    top: 5.5px;
    margin-right: 5px
}

.traffic section .tableStyle2 table tr td .bus {
    display: block;
    width: 100%
}

.traffic section .tableStyle2 table tr td .bus:before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../img/icon-car.png) 0 -25px no-repeat;
    position: relative;
    top: 5.5px;
    margin-right: 5px
}

.traffic section .tableStyle3 {
    padding: 10px 38px 10px 100px
}

.traffic section .tableStyle3 table {
    border: 1px solid #849fb0;
    width: 100%
}

.traffic section .tableStyle3 table thead th {
    background: url(../img/btn-bg-3.jpg);
    font-size: 16px;
    color: #fff;
    border-left: 1px solid #3d9fde;
    padding: 10px
}

.traffic section .tableStyle3 table tr {
    border: 1px solid #849fb0
}

.traffic section .tableStyle3 table tr td {
    border: 1px solid #68a8d4;
    padding: 10px
}

.app {
    font-size: 20px
}

.app .main-content {
    background-color: #fff
}

.app .main-content .content {
    box-shadow: inset 0px -17px 25px -20px
}

.app .intro-1>div:nth-child(2) {
    width: 45%
}

.app .intro-1>div:nth-child(3) {
    width: 30%
}

.app .intro-2 {
    padding: 40px 65px;
    background-color: #FAFAFA
}

.app .intro-2>div {
    background-color: #ffffff;
    padding: 0;
    width: 450px;
    text-align: center
}

.app .intro-2>div:first-child {
    margin-right: 70px
}

.app .intro-2>div>p {
    background-image: url(../img/gary1.jpg);
    line-height: 55px;
    color: #fff;
    font-size: 30px
}

.app .intro-3 {
    padding: 0 65px 45px;
    background-color: #D9D9D9
}

.app .intro-3>h2 {
    margin-top: 28px;
    margin-bottom: 22px
}

.app .intro-3>div {
    padding: 0
}

.app .intro-4 {
    padding: 0 65px 70px;
    background-color: #fff
}

.app .intro-4>div>img {
    margin-top: 100px
}

.app .intro-4 h2 {
    margin-top: 40px
}

.app .intro-4 h3 {
    position: relative;
    padding: 12px 0
}

.app .intro-4 h3:before {
    content: '';
    display: block;
    width: 28px;
    height: 28px;
    background: url(../img/icon-circle.png) no-repeat 0 -71px;
    position: absolute;
    left: -28px;
    top: 10px
}

.app .intro-4 ul {
    padding-left: 25px
}

.app .intro-4 ul li {
    position: relative;
    list-style-type: none
}

.app .intro-4 ul li:before {
    content: '';
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(../img/icon-circle.png) -45px -74px no-repeat;
    position: relative;
    left: 0;
    top: 3px
}

.app .intro-4 ul li>span {
    color: #E95456
}

.app .intro-4 ul li>p {
    padding-left: 27px
}

.qa section {
    margin-bottom: 10px
}

.qa section.active .sectionContent {
    position: relative;
    background-color: #fff;
    display: block;
    padding: 20px 50px 50px
}

.qa section.active .sectionContent:before {
    content: 'A:';
    font-size: 30px;
    position: absolute;
    left: 22px;
    top: 12px
}

.qa section .title {
    height: 61px;
    line-height: 65px;
    font-size: 20px;
    color: #fff;
    background: url(../img/blue1.jpg);
    padding-left: 3.5em;
    font-weight: bold;
    position: relative
}

.qa section .title:before {
    content: '';
    display: block;
    height: 7px;
    background-color: #65B1DB;
    position: absolute;
    width: 100%;
    left: 0
}

.qa section .title:after {
    content: url(../img/qa-icon.png);
    display: block;
    position: absolute;
    left: 10px;
    top: 3px
}

.qa section .title a {
    position: absolute;
    right: 38px;
    top: 20px
}

.qa section .subTitle {
    border: 1px solid #69a8d4;
    background-color: #d9d9d9;
    margin: 10px 0;
    font-size: 20px;
    position: relative;
    line-height: 50px;
    text-indent: 115px;
    font-weight: bold;
    letter-spacing: 0.3em
}

.qa section ul {
    padding: 0 16px 0 40px
}

.qa section ul li {
    list-style-type: none
}

.qa section .sectionContent {
    display: none
}

.premium .form-group {
    margin-bottom: 23px
}

.premium .form-group .help-block {
    font-size: 13px;
    color: #a0a0a0;
    margin-top: 7px
}

.forward-title {
    margin: 0 0 7px 0;
    font-size: 17px;
    font-weight: bold
}

.hotNews,
.hotShop,
.newArticle,
.authGroup,
.viewpointArticle,
.hotViewpoint {
    margin-bottom: 10px
}

.hotNews>.title,
.hotShop>.title,
.newArticle>.title,
.authGroup>.title,
.viewpointArticle>.title,
.hotViewpoint>.title {
    height: 61px;
    line-height: 65px;
    font-size: 28px;
    color: #fff;
    background: url(../img/btn-bg-1.jpg);
    padding-left: 2.5em;
    font-weight: bold;
    position: relative
}

.hotNews>.title:before,
.hotShop>.title:before,
.newArticle>.title:before,
.authGroup>.title:before,
.viewpointArticle>.title:before,
.hotViewpoint>.title:before {
    content: '';
    display: block;
    height: 7px;
    background-color: #036EB7;
    position: absolute;
    width: 100%;
    left: 0
}

.hotNews>.title:after,
.hotShop>.title:after,
.newArticle>.title:after,
.authGroup>.title:after,
.viewpointArticle>.title:after,
.hotViewpoint>.title:after {
    content: url(../img/keywords-icon.png);
    display: block;
    position: absolute;
    left: 10px;
    top: 3px
}

.hotNews .list,
.hotShop .list,
.newArticle .list,
.authGroup .list,
.viewpointArticle .list,
.hotViewpoint .list {
    padding: 0 10px;
    background-color: #fff;
    display: block
}

.hotNews .list+.list,
.hotShop .list+.list,
.newArticle .list+.list,
.authGroup .list+.list,
.viewpointArticle .list+.list,
.hotViewpoint .list+.list {
    margin-top: 10px
}

.hotNews .list.article .mytip,
.hotShop .list.article .mytip,
.newArticle .list.article .mytip,
.authGroup .list.article .mytip,
.viewpointArticle .list.article .mytip,
.hotViewpoint .list.article .mytip {
    color: #89338E
}

.hotNews .list.article .article-new,
.hotShop .list.article .article-new,
.newArticle .list.article .article-new,
.authGroup .list.article .article-new,
.viewpointArticle .list.article .article-new,
.hotViewpoint .list.article .article-new {
    position: relative;
    display: block;
    margin-left: -10px;
    margin-right: -10px;
    cursor: pointer
}

.hotNews .list.article .article-new:before,
.hotShop .list.article .article-new:before,
.newArticle .list.article .article-new:before,
.authGroup .list.article .article-new:before,
.viewpointArticle .list.article .article-new:before,
.hotViewpoint .list.article .article-new:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 6px;
    background-color: #89338E;
    z-index: 5
}

.hotNews .list.article .article-new:after,
.hotShop .list.article .article-new:after,
.newArticle .list.article .article-new:after,
.authGroup .list.article .article-new:after,
.viewpointArticle .list.article .article-new:after,
.hotViewpoint .list.article .article-new:after {
    content: url(../img/purple-new.png);
    display: block;
    position: absolute;
    z-index: 5;
    top: 6px;
    left: 10px
}

.hotNews .list.article .article-new:hover .img,
.hotShop .list.article .article-new:hover .img,
.newArticle .list.article .article-new:hover .img,
.authGroup .list.article .article-new:hover .img,
.viewpointArticle .list.article .article-new:hover .img,
.hotViewpoint .list.article .article-new:hover .img {
    position: relative
}

.hotNews .list.article .article-new:hover .img:before,
.hotShop .list.article .article-new:hover .img:before,
.newArticle .list.article .article-new:hover .img:before,
.authGroup .list.article .article-new:hover .img:before,
.viewpointArticle .list.article .article-new:hover .img:before,
.hotViewpoint .list.article .article-new:hover .img:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../img/mask.png)
}

.hotNews .list.article .article-new img,
.hotShop .list.article .article-new img,
.newArticle .list.article .article-new img,
.authGroup .list.article .article-new img,
.viewpointArticle .list.article .article-new img,
.hotViewpoint .list.article .article-new img {
    max-width: 100%
}

.hotNews .list.article .article-new .title,
.hotShop .list.article .article-new .title,
.newArticle .list.article .article-new .title,
.authGroup .list.article .article-new .title,
.viewpointArticle .list.article .article-new .title,
.hotViewpoint .list.article .article-new .title {
    color: #89338E;
    font-size: 20px;
    padding: 0 10px;
    margin-bottom: 0
}

.hotNews .list.article .article-new .intro,
.hotShop .list.article .article-new .intro,
.newArticle .list.article .article-new .intro,
.authGroup .list.article .article-new .intro,
.viewpointArticle .list.article .article-new .intro,
.hotViewpoint .list.article .article-new .intro {
    padding: 0 10px;
    font-size: 13px;
    color: #646464;
    margin-bottom: 0
}

.hotNews .list.article .article-new .more,
.hotShop .list.article .article-new .more,
.newArticle .list.article .article-new .more,
.authGroup .list.article .article-new .more,
.viewpointArticle .list.article .article-new .more,
.hotViewpoint .list.article .article-new .more {
    margin-right: 10px
}

.hotNews .list .more,
.hotShop .list .more,
.newArticle .list .more,
.authGroup .list .more,
.viewpointArticle .list .more,
.hotViewpoint .list .more {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 3px 6px
}

.hotNews .list .more i,
.hotShop .list .more i,
.newArticle .list .more i,
.authGroup .list .more i,
.viewpointArticle .list .more i,
.hotViewpoint .list .more i {
    font-size: 18px;
    position: relative;
    top: 1px;
    margin-left: 5px
}

.hotNews .mytip,
.hotShop .mytip,
.newArticle .mytip,
.authGroup .mytip,
.viewpointArticle .mytip,
.hotViewpoint .mytip {
    color: #036EB7;
    font-size: 20px;
    display: block;
    line-height: 50px
}

.hotNews .mytip:before,
.hotShop .mytip:before,
.newArticle .mytip:before,
.authGroup .mytip:before,
.viewpointArticle .mytip:before,
.hotViewpoint .mytip:before {
    content: url(../img/tips.png);
    display: inline-block;
    margin-right: 5px
}

.hotNews.type2>.title {
    background: url(../img/pink1.jpg)
}

.hotNews.type2>.title:before {
    background-color: #E95456
}

.hotNews.type2>.title:after {
    content: url(../img/keywords-icon2.png)
}

.hotNews.type2 .list.keywords {
    padding-bottom: 10px;
    position: relative;
    background: url(../img/hotShop-bottom.jpg) #fff left bottom no-repeat
}

.hotNews.type2 .mytip {
    color: #E95456
}

.pager-left-bottom {
    position: relative
}

.pager-left-bottom:after {
    content: url(../img/pager-left-bottom.jpg);
    left: 0;
    position: absolute;
    width: 67px;
    height: 43px;
    display: block;
    bottom: 0
}

.authGroup {
    background-color: #fff;
    position: relative;
    margin-bottom: 10px
}

.authGroup:after {
    content: url(../img/pager-left-bottom.jpg);
    bottom: -5px;
    position: relative
}

.authGroup>.title {
    background: #fff;
    padding: 20px 18px 0 0;
    color: #000;
    text-align: center;
    height: 75px
}

.authGroup>.title:before {
    background: url(../img/authGroup.png) right 0px no-repeat;
    height: 82px;
    top: -8px
}

.authGroup>.title:after {
    display: none
}

.authGroup>.list {
    padding: 20px 0 0;
    margin: 0 auto;
    width: 228px;
    border-top: 1px dashed #9FA0A0
}

.authGroup>.list .item {
    display: block;
    margin-bottom: 10px;
    padding: 10px 0;
    width: 50%;
    float: left;
    text-align: center
}

.authGroup>.list .item:hover:before {
    content: '';
    display: inline-block;
    width: 90px;
    height: 90px;
    position: absolute;
    z-index: 1;
    background: rgba(0, 0, 0, 0.075);
    border-radius: 50%
}

.authGroup>.list .item img {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    margin: 0 auto
}

.authGroup>.list .item span {
    display: block;
    float: left;
    width: 100%;
    line-height: 20px
}

.authGroup>.list .item span:last-child {
    color: #646464
}

.authGroup>.list .item span i {
    color: #E95456;
    float: right
}

.hotShop {
    background-color: #fff;
    position: relative;
    margin-bottom: 0
}

.hotShop:after {
    content: url(../img/hotShop-bottom.jpg);
    position: absolute;
    left: 0;
    bottom: 0
}

.hotShop:last-child:after {
    content: url(../img/pager-left-bottom.jpg);
    bottom: -5px
}

.hotShop>.title {
    background: url(../img/hotShop.png) #fff right 0 no-repeat;
    color: #000
}

.hotShop>.title:before {
    background-color: #DBA463
}

.hotShop>.title:after {
    display: none
}

.hotShop>.list {
    padding: 20px 0 0;
    margin: 0 auto;
    width: 221px;
    border-top: 1px dashed #9FA0A0
}

.hotShop>.list .item {
    display: block;
    margin-bottom: 10px;
    padding: 10px 0
}

.hotShop>.list .item img {
    float: left;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -10px
}

.hotShop>.list .item span {
    display: block;
    float: left;
    width: 144px;
    line-height: 20px
}

.hotShop>.list .item span:last-child {
    color: #646464
}

.hotShop>.list .item span i {
    color: #E95456;
    float: right
}

.newArticle {
    background-color: #fff;
    position: relative;
    margin-bottom: 0
}

.newArticle:after {
    content: url(../img/hotShop-bottom.jpg);
    position: absolute;
    left: 0;
    bottom: 0
}

.newArticle:last-child:after {
    content: url(../img/pager-left-bottom.jpg);
    bottom: -5px
}

.newArticle>.title {
    color: #000;
    background: #fff;
    padding: 0 15px 15px
}

.newArticle>.title>img {
    margin-right: 16px;
    position: relative;
    top: -4px
}

.newArticle>.title:before {
    background-color: #936BAC
}

.newArticle>.title:after {
    display: none
}

.newArticle>.list {
    padding: 20px 0 0;
    margin: 0 auto;
    width: 221px;
    border-top: 1px dashed #9FA0A0
}

.newArticle>.list .item {
    display: block;
    margin-bottom: 10px;
    padding: 10px 0
}

.newArticle>.list .item img {
    float: left;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -10px
}

.newArticle>.list .item span {
    display: block;
    float: left;
    width: 144px;
    line-height: 20px;
    color: #89338E
}

.newArticle>.list .item span:last-child {
    color: #646464
}

.newArticle>.list .item span i {
    color: #E95456;
    float: right
}

.viewpointArticle {
    background-color: #fff
}

.viewpointArticle .title {
    background: #fff;
    color: #000
}

.viewpointArticle .title:before {
    background-color: #936BAC
}

.viewpointArticle .title:after {
    content: url(../img/bicon-1.png)
}

.viewpointArticle>.list {
    padding: 20px 0 0;
    margin: 0 auto;
    width: 221px;
    border-top: 1px dashed #9FA0A0
}

.viewpointArticle>.list .item {
    display: block;
    margin-bottom: 10px;
    padding: 10px 0
}

.viewpointArticle>.list .item:hover span {
    text-decoration: underline
}

.viewpointArticle>.list .item img {
    float: left;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -10px
}

.viewpointArticle>.list .item span {
    display: block;
    float: left;
    width: 144px;
    line-height: 20px;
    color: #89338E
}

.viewpointArticle>.list .item span:last-child {
    color: #646464
}

.hotViewpoint {
    background-color: #fff
}

.hotViewpoint .title {
    background: url(../img/gary1.jpg);
    color: #fff
}

.hotViewpoint .title:before {
    background-color: #A3C947
}

.hotViewpoint .title:after {
    content: url(../img/viewpoint-icon.png)
}

.hotViewpoint>.list {
    padding: 20px 0 0;
    margin: 0 auto;
    width: 221px
}

.hotViewpoint>.list .item {
    display: block;
    margin-bottom: 10px;
    padding: 10px 0
}

.hotViewpoint>.list .item img {
    float: left;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: -10px
}

.hotViewpoint>.list .item span {
    display: block;
    float: left;
    width: 144px;
    line-height: 20px;
    color: #89338E
}

.hotViewpoint>.list .item span:last-child {
    color: #646464
}

.nearby {
    background-color: #fff;
    margin-bottom: 10px
}

.nearby section {
    position: relative;
    padding-bottom: 10px;
    background: url(../img/hotShop-bottom.jpg) left bottom no-repeat
}

.nearby .title {
    background: url(../img/green3.jpg);
    height: 61px;
    line-height: 65px;
    font-size: 28px;
    color: #fff;
    padding-left: 2.5em;
    font-weight: bold;
    position: relative
}

.nearby .title:before {
    content: '';
    display: block;
    height: 7px;
    background-color: #A3C947;
    position: absolute;
    width: 100%;
    left: 0
}

.nearby .title:after {
    content: '';
    display: block;
    position: absolute;
    left: 10px;
    top: 3px
}

.nearby .nearby-food .title:after {
    content: url(../img/nearby-food-icon.png)
}

.nearby .nearby-room .title:after {
    content: url(../img/nearby-room-icon.png)
}

.nearby .nearby-entertainment .title:after {
    content: url(../img/nearby-entertainment-icon.png)
}

.nearby .list {
    padding: 20px 0 0 0;
    margin: 0 auto;
    width: 221px
}

.nearby .list .item {
    display: block;
    margin-bottom: 10px;
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #646464
}

.nearby .list .item:before {
    content: url(../img/tips2.png);
    position: absolute;
    left: -4px
}

.nearby .list .item:hover span {
    text-decoration: underline
}

.nearby .list .item span {
    display: block;
    float: left;
    line-height: 20px;
    color: #646464;
    font-size: 20px;
    padding-left: 23px
}

.like {
    width: 42px;
    height: 42px;
    position: absolute;
    right: 20px;
    top: 18px;
    background: url(../img/like-icon.png) -4px -3px no-repeat;
    z-index: 2;
    display: none
}

.like.type2 {
    right: 8px;
    top: 8px
}

.like.active {
    background-position: -70px -3px;
    display: block
}

input.form-control,
textarea.form-control,
select.form-control,
button {
    border-radius: 2px
}

input[type=text].form-control,
input[type=url].form-control,
input[type=tel].form-control,
input[type=number].form-control,
input[type=color].form-control,
input[type=email].form-control,
input[type=password].form-control,
textarea.form-control {
    box-shadow: inset #337ab7 0px 0px 14px -5px;
    border-color: #BCD6F1;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

input[type=text].form-control:hover,
input[type=url].form-control:hover,
input[type=tel].form-control:hover,
input[type=number].form-control:hover,
input[type=color].form-control:hover,
input[type=email].form-control:hover,
input[type=password].form-control:hover,
textarea.form-control:hover {
    border-color: #86B8DC
}

input[type=text].form-control.notEmpty,
input[type=url].form-control.notEmpty,
input[type=tel].form-control.notEmpty,
input[type=number].form-control.notEmpty,
input[type=color].form-control.notEmpty,
input[type=email].form-control.notEmpty,
input[type=password].form-control.notEmpty,
textarea.form-control.notEmpty {
    box-shadow: 2px 2px 6px -3px;
    border-color: #ccc
}

.select-shadow {
    border-radius: 2px;
    box-shadow: inset #337ab7 0px 0px 14px -5px;
    border: 1px solid #BAD6F1;
    background-color: #fff;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease
}

.select-shadow:hover {
    border-color: #86B8DC
}

.select-shadow select {
    border: 0;
    box-shadow: none;
    height: 32px;
    background-color: transparent
}

.select-shadow .caret-1 {
    display: none
}

.style-title {
    padding: 0;
    position: relative;
    margin-bottom: 25px
}

.style-title:before {
    content: '';
    display: block;
    height: 10px;
    width: 100%;
    background-color: #fff;
    position: absolute;
    top: 17px;
    left: 0;
    z-index: 1
}

.style-title>h2 {
    height: 100px;
    margin-top: 0;
    padding-top: 45px;
    font-weight: bold;
    color: #fff;
    position: relative;
    font-size: 28px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center
}

.style-title.style-title-blue:before {
    background-color: #3f9fd2
}

.style-title.style-title-blue>h2 {
    background-color: #66b1db
}

.breadHead {
    padding-bottom: 10px
}

.breadHead.type2 {
    background-color: #fff
}

.search-feature {
    padding: 20px 55px;
    font-size: 16px;
    background-color: #fff;
    box-shadow: inset 0px 9px 19px -10px #aaa
}

.search-feature .outer-border {
    display: inline-block;
    width: auto
}

.search-feature .outer-border:before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 1px solid #aaa;
    border-radius: 2px;
    box-sizing: content-box;
    padding-left: 2em;
    left: -2.5em;
    top: 2px;
    z-index: -1
}

.search-feature .feature-seprate {
    border-top: 1px solid #E95456
}

.search-feature .radio-inline+.radio-inline,
.search-feature .checkbox-inline+.checkbox-inline {
    margin-left: 5px
}

.search-feature .search-area {
    margin-bottom: 10px
}

.search-feature .search-type {
    border: 1px solid #eee;
    border-radius: 5px;
    margin-left: -26px;
    padding: 0 0px 6px 9px;
    width: 622px
}

.search-feature .radio-inline {
    font-weight: bold
}

.search-feature .radio-inline:hover span {
    color: #e95456
}

.search-feature .checkbox-inline {
    margin-left: 0;
    margin-right: 10px;
    padding-top: 3px;
    padding-bottom: 4px
}

.search-feature .checkbox-inline:hover span {
    color: #e95456
}

.search-feature .search-area-input {
    width: 130px
}

.search-feature .search-date-input {
    width: 150px
}

.search-feature .search-key {
    padding-right: 0
}

.search-feature .search-key:before {
    content: url(../img/dotdotdot-v.png);
    position: absolute;
    left: 3px;
    top: 14px
}

.search-feature .search-key-text {
    width: 180px
}

.search-feature .search-key-text .btn {
    position: absolute;
    top: 3px;
    right: 19px;
    width: 40px;
    height: 27px;
    line-height: 27px;
    padding: 0;
    background: transparent;
    border: #ccc 1px solid
}

.search-feature .search-feature-btn {
    position: absolute;
    right: 0;
    top: 3px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    outline: 0
}

.search-feature .search-feature-btn.btn2 {
    top: -2px;
    right: -5px
}

.search-feature .check-list-toggle {
    padding: 0;
    position: absolute;
    top: 9px;
    left: 50%;
    margin-left: -50px
}

.search-feature .check-list-toggle i:before {
    font-size: 1.3em;
    position: relative;
    top: 2px;
    left: 4px
}

.search-feature .check-list {
    display: none
}

.search-feature input[type=radio] {
    display: none
}

.search-feature input[type=radio]:checked+.radio-style {
    color: #e95456
}

.search-feature input[type=radio]:checked+.radio-style:after {
    background-color: #E95456
}

.search-feature input[type=radio]+.radio-style {
    position: relative
}

.search-feature input[type=radio]+.radio-style:before {
    content: '';
    display: block;
    position: absolute;
    left: -18px;
    top: 3px;
    width: 16px;
    height: 16px;
    border: 1px solid #E95456;
    border-radius: 50%
}

.search-feature input[type=radio]+.radio-style:after {
    content: '';
    display: block;
    position: absolute;
    left: -16px;
    top: 5px;
    width: 12px;
    height: 12px;
    border: 1px solid #E95456;
    border-radius: 50%
}

.search-feature input[type=checkbox] {
    display: none
}

.search-feature input[type=checkbox]:checked+.checkbox-style {
    color: #e95456
}

.search-feature input[type=checkbox]:checked+.checkbox-style:after {
    content: "\2713"
}

.search-feature input[type=checkbox]+.checkbox-style {
    position: relative
}

.search-feature input[type=checkbox]+.checkbox-style:before {
    content: '';
    display: block;
    position: absolute;
    left: -18px;
    top: 3px;
    width: 16px;
    height: 16px;
    border: 1px solid #E95456;
    border-radius: 2px
}

.search-feature input[type=checkbox]+.checkbox-style:after {
    content: "";
    display: block;
    position: absolute;
    left: -16px;
    top: 5px;
    width: 12px;
    height: 12px;
    line-height: 12px
}

.search-feature.type2 .radio-inline:hover span {
    color: #649E22
}

.search-feature.type2 .checkbox-inline:hover span {
    color: #649E22
}

.search-feature.type2 input[type=radio] {
    display: none
}

.search-feature.type2 input[type=radio]:checked+.radio-style {
    color: #649E22
}

.search-feature.type2 input[type=radio]:checked+.radio-style:after {
    background-color: #649E22
}

.search-feature.type2 input[type=radio]+.radio-style:before {
    border: 1px solid #649E22
}

.search-feature.type2 input[type=radio]+.radio-style:after {
    border: 1px solid #649E22
}

.search-feature.type2 .feature-fun-1 {
    float: left
}

.search-feature.type2 .feature-fun-1 .search-feature-btn {
    position: relative;
    top: -6px
}

.search-feature.type2 .search-area {
    width: 176px;
    float: left
}

.search-feature.type2 .search-type {
    width: 380px;
    float: left;
    margin: 0;
    border: 0;
    padding: 0
}

.search-feature.type2 .search-type .radio-inline {
    margin-left: 16px
}

.search-feature.type2 .outer-border {
    width: 348px;
    padding: 0
}

.search-feature.type2 .rounded-box {
    padding: 5px 10px 5px 26px;
    width: 640px
}

.search-feature.type2 .recommend-btn {
    position: absolute;
    top: 12px;
    margin-left: -7.5px
}

.search-feature.type2 .feature-seprate {
    border-top: 1px solid #649E22
}

.search-feature.type2 input[type=checkbox]+.checkbox-style:before {
    border: 1px solid #649E22
}

.search-feature.type2 input[type=checkbox]:checked+.checkbox-style {
    color: #649E22
}

.search-feature.type2 .search-feature .checkbox-inline+.checkbox-inline {
    margin-left: 0
}

.search-feature.type3 .search-area {
    margin-bottom: 5px
}

.search-feature.type3 .search-article {
    margin-bottom: 5px
}

.search-feature.type3 .feature-fun-1 {
    width: 490px;
    float: left;
    position: relative
}

.search-feature.type3 .feature-fun-1 .search-feature-btn {
    right: -65px;
    top: -5px
}

.feature-fun-1 .rounded-box {
    padding: 10px 20px 10px 30px
}

.list-type {
    font-size: 18px;
    border: 1px solid #FDB6A9;
    background-color: #fff;
    border-radius: 3px;
    color: #FDB6A9;
    padding: 0px 5px;
    line-height: 34px;
    margin-right: 10px;
    margin-top: 3px;
    float: right
}

.list-type:before {
    content: '';
    display: inline-block;
    position: relative;
    width: 25px;
    height: 25px;
    background: url(../img/list-type-icon.png) 0 0 no-repeat;
    top: 5px;
    margin-right: 5px
}

.list-type:hover,
.list-type.active {
    background-color: #EA545D;
    border-color: #fff;
    color: #fff;
    text-decoration: none
}

.list-type:hover:before,
.list-type.active:before {
    background-position: 0 -35px
}

.list-type.list-type-img:before {
    background-position: -41px 0
}

.list-type.list-type-img:hover:before,
.list-type.list-type-img.active:before {
    background-position: -41px -35px
}

.list-type.type2 {
    border: 1px solid #8dc21f;
    color: #8dc21f
}

.list-type.type2:before {
    background-position: 0 -70px
}

.list-type.type2:hover,
.list-type.type2.active {
    color: #fff;
    background-color: #8dc21f
}

.list-type.type2:hover:before,
.list-type.type2.active:before {
    background-position: 0 -35px
}

.list-type.type2.list-type-img:before {
    background-position: -41px -70px
}

.list-type.type2.list-type-img:hover:before,
.list-type.type2.list-type-img.active:before {
    color: #fff;
    background-position: -41px -35px
}

.list-type.type3 {
    border: 1px solid #a97fbb;
    color: #a97fbb
}

.list-type.type3:before {
    background-position: 0 -105px
}

.list-type.type3:hover,
.list-type.type3.active {
    color: #fff;
    background-color: #a97fbb
}

.list-type.type3:hover:before,
.list-type.type3.active:before {
    background-position: 0 -35px
}

.list-type.type3.list-type-img:before {
    background-position: -41px -105px
}

.list-type.type3.list-type-img:hover:before,
.list-type.type3.list-type-img.active:before {
    color: #fff;
    background-position: -41px -35px
}

.rating {
    unicode-bidi: bidi-override;
    direction: rtl
}

.rating>span {
    display: inline-block;
    position: relative;
    width: 1.1em
}

.rating>span:hover:before,
.rating>span:hover ~ span:before {
    content: "\2605";
    position: absolute
}

.star-rating {
    font-size: 0;
    display: inline-block;
    margin-left: -3px;
    width: 140px;
    height: 21px;
    position: relative;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAVCAYAAAEiBb7KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjBFQjE0NDYxQzA4MTFFNjhDMkVFQjlDRTU1MjUwQTgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjBFQjE0NDcxQzA4MTFFNjhDMkVFQjlDRTU1MjUwQTgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMEVCMTQ0NDFDMDgxMUU2OEMyRUVCOUNFNTUyNTBBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMEVCMTQ0NTFDMDgxMUU2OEMyRUVCOUNFNTUyNTBBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pti5LI8AAAMQSURBVHjaYvj//z8DMmACEf+h4ObNm/8YoSrABCMQAAQQWNmtW7eiwYzfv3/DVEMMAjEePHjwBSCAGJBNBgm+fv36H7IAA7JNIPDjx4//cCdALQHbCKSZHz9+fBUkBhBAKMYCJb6gmAiTvH379l2oB0RhkigeQQOMTFBdP5FFgcarwM0GGuWH7FqYOMy1J0BBAnLtnTt37sJMAAggsAr0IAaBly9f/gWZArRyE7ocsmNBbqoGGlrAysrKLS8vz4ms8MuXLwzPnj37z8zMfOrv37+uampqn+E2Ap3z+j8BAIySv0B/ycHDDmYrUNAZl6Z79+6hBDoLSvJhYkqESTx9+vTHr1+//omIiHDx8fEx8PPzcyOrBQggrAEDi1Z4AkNTjxLNyAAUkiDngUKWaI2g9AFKlzC/gdINNo2M0BDlBQb1bmBQm0lJSTHy8PCgGPbw4cPvwOzwFah2gqqqaity0vn3nwgAzUsoyUrhzZs3/xgIgPv377/BCFWgrcqgLIULAL3zA9mP8Gynrq5+F5isvuKyDajYG6PIQEoA+FzKjVMjLy8vWPLTp08MwCT27cmTJz9gXgEaGoasFiXJvXv37ioQc/z7908N6PR/UL9HAamlQFyErBYgwBiREwCsLMMFgIZoANVclJaWZgPxgen5F1C/PtCSG/j0oSQyWOjiSutIlukCY+Q3cnkKYoPEQHKELERJqbh8CDQIlGSDgeHZD0y9fBISEszYDHzx4sVfYOHyCRikhUDuWqCPv+DyIYqFd+/ePcbOzm4MzO5sQMAAwgRSBAYAWsoALDbAGJgYfv38+fOssrKyFdbIB1rOArSEBVS+kAtADuTg4ABjYIZhAWG8iQYYjDJATacFBATEgIUbEzmWgrL1hw8fXgF9awoM3idEJRpg8TQFGDe//5MIQHqACWkyrkTDhCcu5gATwi9SfQfSAzR4Ls4gx6PXi5ubm51UC6F6vHHJs+CSAMYnL7BA/w/EDN++fWMA1gY/gL5+DsRdQOkzUGUmwPguA2JJUVFRDi4uLgaQHpBeXOYCACyIA+bvHnC0AAAAAElFTkSuQmCC);
    background-size: contain
}

.star-rating.type2 {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAVCAYAAAFDHZyIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk1MjUxNzMxQzE3MTFFNkE0QjBFNkY2OUVBNUFFQTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1MjUxNzQxQzE3MTFFNkE0QjBFNkY2OUVBNUFFQTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTUyNTE3MTFDMTcxMUU2QTRCMEU2RjY5RUE1QUVBNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTUyNTE3MjFDMTcxMUU2QTRCMEU2RjY5RUE1QUVBNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhedcNwAAAMvSURBVHjaYvj//z8DCMMAiM2CxIHJMDIxYAEAAQTXeuvWrS8wPiNU8D+SOoh2oCp/MA8IQDRAADHAbIcZc/v27bsgS2/evCmKLI+iEGjKj/9IAKhYGatCoIQYEEdBTb6DbCJAADGgexxoajS6z7AqBFn5+vXrfzgV/v79+z86ADrjH1YTkRX9+PHjP7KJ2IMcCF68ePEVmY+iEOgRcAADaWagUx4gywEEEErwoHsMBl6+fPkX5BxgkG3CFt/ImBGbAUCN1UAHFLCysnLLy8tzIst9+fKF4dmzZ/+ZmZlP//3710VNTe0zQRcCvfL6PwEAjJK/wFCWw/AdLi8DFTvjMuzevXtfcDmIBVesMDExJcI0PH369PuvX7/+i4iIcPHx8THw8/Nz49IHEEAEIwSWwdCTKM4IJWQgKGZB3gTFNMUGgvIqKD/Awg6UhwkZiJFsgF7jBSaJPcAkYSolJcXIw8ODIv/w4cPvwMT8FahvgqqqaivBMIRmOIIAmlkx9GPLewpv3rz5x0AA3L9//w3RsQwqukC5HhcAFXW4whBr6aCurn4XmL2+4klq3jjTL56Ejc/H3CQbyMvLC9b06dMnBmBW+/bkyZPvsCABWhaGSx/OrPfu3burQMzx798/NWAQ/IOGLajkXwrERbj0AQQYI67shqIIWlnhAkCLNIBqLkpLS7OB+MC8/wtorj7QITfw6SPGbqwxT0x5geQ4XWAq+o1cKYHYIDGQHKV2kxWCQItB2TsYGNf9wJzOJyEhwYyjnvsLrDA+AaO1EMhdCwzRL6SGIFEOvHv37jF2dnZjYFHNBgQMIEwg1WMAoCMZgEU+GAMT9q+fP3+eVVZWtiKkj4UYw4GeYAE6igVUl5ALQB7i4OAAY2ChwwLCxOgjOoqB0SoDtOS0gICAGLDiYyLHkaAi9sOHD6+AoWkKjO4nNMkkwCpqCjBt/f5PIgDpAWacyaTaTXJIAH0/B5jwf5GqD6QHaOFckpMGGTHlxc3NzU6qJqgeb1L1sZCqAZgeeYGNif9AzPDt2zcGYAvlBzBUnwNxF1D6DFSZCTC9lgGxpKioKAcXFxcDSA9IL6n2AQCoISoIdAcVaQAAAABJRU5ErkJggg==);
    width: 200px
}

.star-rating.type2 i {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAVCAYAAAFDHZyIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzkzNTA0MzkxQzE3MTFFNjlFMzdBMkE4MTlDOUJFOEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzkzNTA0M0ExQzE3MTFFNjlFMzdBMkE4MTlDOUJFOEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozOTM1MDQzNzFDMTcxMUU2OUUzN0EyQTgxOUM5QkU4QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozOTM1MDQzODFDMTcxMUU2OUUzN0EyQTgxOUM5QkU4QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvCB1ogAAANlSURBVHjaYvj//z8DCMMAiM0C5xxTgckwMjFgAQABBNf6//+/4yjawVqPqzH8f7MNpIKRAWLRv2MwM0F8gABigNmOMAYIgAqAgBGmCISZ0OwEGq0K4RxX/YfhICSsBMRZcE1I8gABxIDpcYgP0A1Bdx8j1H3/0RUywk17u/0/w6081ICyvM0IY8I9wyjixYimCIWLPcghDjmO1ddoPs2ChgBcHiCA0IMHJQSgmmL+P5rwH4yBbDxBi+ZpVGP2An3nxMAAjJuTBkDqO9RDnAwM5hegPvu/D6jGGV0nDgMZ/jOctWVg+PUCe3CwSTAwGB8G60eXwhqIjEAA1DCPgYkdU5KJDWTYPLAaXGkeWxj+///3OzhxPJ7yHw5AbHCC+fsdl16AAMIbIVBNQBP+/QXRRDmGCAP/IydjQgbiSYhgDb0MT6ZAOEAazCcEsNgiAw+z50sgroNhEB8BZIhNh3+BhQMTQZdY3gYVIMzEJJtQBsN9//EaBpEPxSbFhCUNrmPgkK1mkE7HbhhIHCgPVoctDaN7GZZegUkFXPRievUWUA0TI3K5TVxx8+vlf5LEoYAFp8zXG4wMzFwMDCYngImLkxFYQPxnOGPBCBYnJdkgFd6ngVnsFlCMBaqOBcL/dxpfwgYIUGvVtDQMBNGXGMGWVqqCl4AIoogFCyLiSfHiwYOH4l086sUf4X/Qo/gnpOTmF4gHoWJFpKIIHq1RSyvUZH27oVIlNdmiA5PZzc7MzmYmbzb0ZdTf8yMgudElWQj3WCip5sLSrH8dfEVo4kM2YV37JXi1McKnAa/KSk9JdBP8/DdMeZa23m+NPXJvnQCpO0CRJY9ztsaVWbydA1erjPO9pRR7gIk9ID0lrU6pt8vBNblEX09/HiCEdwCjaw4VB6gWgfo98HoGfLjRtlYG6J0BEsNAKgf0L0p/h/Q3HydAK94xDBuNisDdltG2C7YjeQh5sGanTE8LdGfsuOaxU0y9dQ63US8LXOSNr74fh+TdYJJAl1AtboP+dv6rBgl0/gNqtzaKS/EDzO0DyZFHRjpEX75ODZo62QqcmwUkR/XSrPTNQjM4HTJ1DVjgebycfH8nEb1vARhcCaSct5LUl3adkC5QE/kddV14PhKi4frB3cEr87FJXg6kmgfrUk+R73QC1J/yoVyDmfb9uwAAAABJRU5ErkJggg==)
}

.star-rating.type2 input:checked+i+span,
.star-rating.type2 input:hover+i+span {
    color: #ff0000;
    font-weight: bold
}

.star-rating.type2 span {
    position: absolute;
    width: 20%;
    height: 100%;
    bottom: -22px;
    z-index: 1;
    opacity: 1;
    left: 0;
    font-size: 13px;
    text-align: right;
    padding-right: 6px;
    color: #646464
}

.star-rating.type2 span ~ span {
    width: 40%
}

.star-rating.type2 span ~ span ~ span {
    width: 60%
}

.star-rating.type2 span ~ span ~ span ~ span {
    width: 80%
}

.star-rating.type2 span ~ span ~ span ~ span ~ span {
    width: 100%
}

.star-rating i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    z-index: 1;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAVCAYAAAEiBb7KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjM1NDdENjQxQzA3MTFFNjg0N0ZFNEYzMUUwQTE5OTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjM1NDdENjUxQzA3MTFFNjg0N0ZFNEYzMUUwQTE5OTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMzU0N0Q2MjFDMDcxMUU2ODQ3RkU0RjMxRTBBMTk5OSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMzU0N0Q2MzFDMDcxMUU2ODQ3RkU0RjMxRTBBMTk5OSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt1Hbh0AAAJISURBVHjaYvj//z8DMmABEf+PqcBE/zMhyzJa3WECCCAGqIposACSUgYmoDQjlP0VIIAYkE0GqQLif3CVyBIws2FsdBtBRjID8VUQHyCA0I39AmcDxZGNvQukuIG0KNwksM7jqqj+BQHL24wwnT/RpFSQHRSG5rC7yJIngDga6tq7MEUAAcQIcy0jIyOKuUCH/YVq3gzU5IciB9QD1wh0cDWQLAD5Bog5GTABSOEpIHYFeuQzcuCBNIng0AR2FBCbArEghlOBznMGMvfg0PgV6GQejECHgkQk9g8g/obE50ZWCBBADOhpDzlaYQkMXT02G2GaNkFtWMSAy8PgoEWKCmj6eAkNDBC4B/SbMroLYWmHF8jeDcRmSBqQwXdwymdgmACMilZkjf9waGDAlhiRk5UCEP8jQtsbDD8C/Qbyxx08mn4C/coB8yMTWsr+ikejNzKHiYF4wI1PI7LkN2hoMmDLe+gar0LzHDPQ6dxAzAXKi1C5ImSFAAHGiJzk0PMklhSlAaQuAjEbVOgXEOsDLbiBVx+SHUSHDdAyXSB1GckyBij7MlSOKIDXh0CDQNk2GIj7gZgPWrBiA6DS6RMQFwLxWqCPv+DyIYqFwJR+DEgao/mCEgAK8rPAXGGFK0hZYLUWlQCGeRhBCgxGGSDzNBCLkZj+kQEoW78CFcHA4H2CM0jRiqspQCqdDB//AeIZQItySU2lc6BxQE68zcUlic9CLyBmJ8NCdvRyiVgLeaF1KHKldR+IM6HVoymUfR8qh1zv8uIyFABugeqodSExlQAAAABJRU5ErkJggg==);
    background-size: contain
}

.star-rating input {
    -moz-appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    display: inline-block;
    width: 20%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 2;
    position: relative
}

.star-rating input:checked+i {
    opacity: 1
}

.star-rating.active input:hover+i,
.star-rating.active input:checked+i {
    opacity: 1
}

.star-rating i ~ i {
    width: 40%
}

.star-rating i ~ i ~ i {
    width: 60%
}

.star-rating i ~ i ~ i ~ i {
    width: 80%
}

.star-rating i ~ i ~ i ~ i ~ i {
    width: 100%
}

.popup-box {
    text-align: center;
    font-size: 16px
}

.popup-box .popup-box-title {
    line-height: 30px
}

.popup-box .popup-box-content {
    background-color: #fff;
    line-height: 28px;
    padding: 10px
}

.popup-box button {
    width: 45%;
    margin-right: 5%
}

.popup-box button:last-child {
    margin-right: 0
}

.form-sub-title {
    background-image: url(../img/gary2.jpg);
    color: #fff;
    line-height: 35px;
    font-size: 20px;
    text-indent: 0.8em;
    margin-top: 40px;
    margin-bottom: 20px
}

.linkHover:hover {
    opacity: 0.7;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease
}

.cuslabel {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

.cuslabel i {
    font-style: inherit
}

.cuslabel i:before {
    content: '';
    display: inline-block;
    width: 55px;
    height: 55px;
    position: absolute;
    left: -5px;
    top: -4px;
    background-image: url(../img/top-label.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.cuslabel .hot:before {
    background-position: 0 -56px
}

.cuslabel .good:before {
    background-position: 0 -112px
}

.cuslabel .textlabel {
    color: #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    display: block;
    top: 21px;
    left: -24px;
    position: absolute;
    display: block;
    width: 110px;
    text-align: center
}

.cuslabel .textlabel:before {
    background-position: -58px 0px;
    width: 89px;
    height: 91px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: -23px;
    left: 9px;
    z-index: -1
}

.cuslabel.typePurple .textlabel:before {
    background-position: -58px -91px
}

.cuslabel.typePurple .hot:before {
    background-position: 0 -167px
}

.icon-traffic {
    background: url(../img/icon-traffic.png) no-repeat;
    width: 90px;
    height: 50px;
    display: block;
    background-color: #69a8d4;
    position: absolute
}

.icon-traffic.icon-traffic-airplane {
    background-position: 19px 10px
}

.icon-traffic.icon-traffic-boat {
    background-position: 19px -58px
}

.icon-traffic.icon-traffic-car {
    background-position: 19px -126px
}

.icon-traffic.icon-traffic-bus {
    background-position: 19px -195px
}

.icon-traffic.icon-traffic-view {
    background-position: 19px -265px
}

.icon-traffic.icon-traffic-nearbyView {
    background-position: 19px -334px
}

.icon-traffic.icon-traffic-gas {
    background-position: 19px -403px
}

a.back-to-top {
    display: none;
    width: 72px;
    height: 72px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 20px;
    bottom: 20px;
    background: url("../img/top.png") no-repeat center 43%
}

.pager {
    text-align: right;
    position: relative;
    margin-bottom: 0;
    padding-bottom: 20px;
    bottom: 0
}

.pager.type2 strong {
    background-color: #8DC21F;
    border: 1px solid #8DC21F
}

.pager.type3 strong {
    background-color: #89338E;
    border: 1px solid #89338E
}

.pager.type4 strong {
    background-color: #337ab7;
    border: 1px solid #337ab7
}

.pager a {
    display: inline-block;
    border: 1px solid #ccc;
    padding: 1px 7px;
    border-radius: 2px
}

.pager a:hover {
    background-color: #9FA0A0;
    color: #fff
}

.pager strong {
    display: inline-block;
    border: 1px solid #EF6671;
    color: #fff;
    padding: 1px 7px;
    margin: 0;
    border-radius: 3px;
    background-color: #EF6671
}

.content.type2>.list.imgtype .newsList>li>.img {
    width: 220px;
    height: 147px;
    overflow: hidden
}

.content.type2>.list.imgtype .newsList>li>.img img {
    width: 220px;
    height: 147px
}

.ui-datepicker-close {
    display: none
}

.pink {
    color: #E95456
}

.red {
    color: #FF0000
}

.lightblue {
    color: #3E9ED2;
    line-height: 1.5
}

.col-xs-20p {
    width: 20%
}

.font20 {
    font-size: 20px
}

.no-opacity {
    opacity: 1 !important
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.no-top-margin {
    margin-top: 0 !important
}

.top-shadow {
    box-shadow: inset 0px 22px 25px -20px
}

.bottom-shadow {
    box-shadow: inset 0px -17px 25px -20px
}

label.error {
    color: #f00;
    font-size: 13px
}

.authError {
    background-color: #FCE7E7 !important;
    border-color: #f00 !important;
    box-shadow: none !important
}

.rounded-box {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px 12px
}

.bx-wrapper .bx-controls-direction a {
    width: 45px;
    height: 60px
}

.slider-thumb-viewpoint .bx-wrapper .bx-controls-direction a {
    top: -30px
}

.bx-wrapper .bx-next {
    background-image: url(../img/bx-controls.png);
    background-position: -68px 0;
    background-repeat: no-repeat
}

.bx-wrapper .bx-next:focus {
    background-position: -68px 0
}

.bx-wrapper .bx-next:hover {
    background-position: -68px -66px
}

.bx-wrapper .bx-prev {
    background-image: url(../img/bx-controls.png);
    background-position: 0 0px;
    background-repeat: no-repeat
}

.bx-wrapper .bx-prev:focus {
    background-position: 0 0px
}

.bx-wrapper .bx-prev:hover {
    background-position: 0px -66px
}

#cboxLoadedContent {
    margin-bottom: 0
}

#cboxContent {
    padding: 0
}

.chosen-container {
    height: 32px
}

.chosen-container>a {
    height: 30px
}

.chosen-container .chosen-drop {
    margin-top: 1px
}

.chosen-container-single .chosen-single {
    border: 0px;
    background-color: transparent;
    background: transparent;
    box-shadow: none;
    line-height: 30px;
    height: 34px
}

.chosen-container-single .chosen-single div b {
    content: '';
    display: block;
    border: 1px solid #ccc;
    width: 24px;
    height: 26px;
    margin-right: 0 !important;
    position: absolute;
    top: 3px;
    right: 4px;
    border-radius: 2px;
    background: url(../img/style-select.png) #fff center center no-repeat
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 0px;
    background-color: transparent;
    background: transparent;
    box-shadow: none
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    content: '';
    display: block;
    border: 1px solid #ccc;
    width: 24px;
    height: 26px;
    margin-right: 0 !important;
    position: absolute;
    top: 3px;
    right: 4px;
    border-radius: 2px;
    background: url(../img/style-select.png) #fff center center no-repeat
}

@media print {
    a[href]:after {
        content: ""
    }
}


/*# sourceMappingURL=main.css.map */