/*
 * creat by liran 2015-03-07
 */
@charset "utf-8";
/* ???????? */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix{
    display:inline-table;
    display:block;
    zoom:1;
}

.header .nav .bgMediumblue .bgAlpha {
    background-color: #3492e9;
    filter: alpha(opacity=100);
}

.main {
    background: #f0f3f9;
}

.textRoyalblue {
    color: #3492e9;
}

.c666 {
    color: #666;
}

.c999 {
    color: #999;
}

.searchInfo p {
    color: #666;
    font-size: 14px;
    line-height: 30px;
}

.searchInfo p:first-child {
    padding-top: 15px;
}

.serviceNav {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;
    line-height: 45px;
    font-size: 14px;
}

.serviceNav ul {
    overflow: hidden;
    margin-bottom: -1px;
}

.serviceNav ul li {
    float: left;
}

.serviceNav li a {
    display: block;
    padding: 0 24px;
    color: #666;
    border-bottom: 1px solid transparent;
}

.serviceNav li.cur a,
.serviceNav li:hover a {
    color: #3492e9;
    border-bottom: 1px solid #3492e9;
}

/* ????????*/
.serviceFilter {
    height: 40px;
    background: #efeeee;
}

.serviceFilter .select {
    display: inline-block;
    position: relative;
    border: 2px solid transparent;
    line-height: 36px;
    font-size: 12px;
    color: #666;
    background: url(../images/caret.png) right -42px no-repeat;
    cursor: pointer;
}

.serviceFilter .select .info {
    display: block;
    padding-left: 10px;
    padding-right: 28px;
}

.serviceFilter .area {
    margin-right: 10px;
}

.serviceFilter .select .options,
.serviceFilter .select .areaWrap {
    display: none;
    position: absolute;
    border: 1px solid #ccc;
    border-top: none;
    top: 38px;
    left: -2px;
    background: #fff;
    z-index: 4;
}

.serviceFilter .select .option {
    padding: 0 10px;
}

.serviceFilter .select.on {
    border: 2px solid #3492e9;
    background-color: #fff;
    background-position: right -2px;
}

.serviceFilter .select:hover {
    border: 2px solid #3492e9;
    background-color: #fff;
}

.serviceFilter .select.on .options,
.serviceFilter .select.on .areaWrap {
    display: block;
}

.serviceFilter .select .option:hover,
.serviceFilter .select .option.cur {
    background-color: #3492e9;
    color: #fff;
}

.serviceFilter .select.sort .options {
    width: 88px;
}

.serviceFilter .select.type .options {
    width: 168px;
}

.serviceFilter .select.items .options {
    width: 360px;
    padding: 0 5px;
}

.serviceFilter .items .item {
    border-top: 1px solid #ccc;
}

.serviceFilter .items .item:first-child {
    border-top: none;
}

.serviceFilter .items .item .title {
    height: 20px;
    padding-top: 5px;
    color: #999;
    line-height: 20px;
}

.serviceFilter .items .item ul {
    padding: 5px 0;
}

.serviceFilter .items .item li {
    width: 25%;
    height: 30px;
    float: left;
    font-size: 0;

}

.serviceFilter .items .item li span {
    display: inline-block;
    height: 30px;
    padding: 0 7px;
    font-size: 12px;
    line-height: 30px;
}

.serviceFilter .items .item li .cur,
.serviceFilter .items .item li span:hover {
    color: #fff;
    background: #3492e9;
}

/* ????��??? */
.serviceFilter .select.on #city-select {
    display: block;
}

#city-select {
    left: -2px;
    top: 38px;
    z-index: 4;
}

#city-select-tab a {
    line-height: 18px;
}

/********/
#city-picker3 {
    height: 36px;
    line-height: 36px;
    background: transparent;
}

.areaBox {
    width: 360px;
    border: 1px solid #ccc;
    color: #666;
    cursor: default;
}

.areaBox .areaTop {
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
}

.areaBox .areaTop i {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    background: url(../images/logo_close.png) 0 0 no-repeat;
    cursor: pointer;
}

.areaBox .areaH {
    height: 34px;
    border-bottom: 1px solid #ccc;
}

.areaBox .areaH li {
    float: left;
    width: 25%;
    text-align: center;
}

.areaBox .areaH li a {
    display: block;
    border: 2px solid transparent;
    color: #666;
    line-height: 30px;

}

.areaBox .areaH .done {
    color: #3492e9;
}

.areaBox .areaH .cur {
    border: 2px solid #3492e9;
}

.areaBox .areaB {
    padding: 5px;
    line-height: 30px;
}

.areaBox .areaB ul {
    display: none;
}

.areaBox .areaB ul.cur {
    display: block;
}

.areaBox .areaB li {
    float: left;
    width: 25%;
}

.areaBox .areaB li span {
    margin-left: 5px;
    padding: 5px;
    cursor: pointer;
}

.areaBox .areaB li .all {
    background-color: #f0f3f9;
}

.areaBox .areaB li .on {
    background-color: #3492e9;
    color: #fff;
}

.serviceFilter label {
    font-size: 12px;
    color: #666;
    position: relative;
}

.serviceFilter .date {
    padding: 5px 10px;
    margin: 0 5px;
}

.serviceFilter label i {
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 2px;
    right: 15px;
    background: url(../images/logo_calendar.png) 0 0 no-repeat;

}

.serviceFilter .del {
    font-size: 12px;
    color: #cb2616;
}

.serviceFilter .leftBox {
    float: left;
    width: 500px;
    height: 100%;
}

.serviceFilter .leftBox li {
    float: left;
}

.serviceFilter .leftBox li a {
    display: block;
    height: 100%;
    padding: 0 25px;
    line-height: 40px;
    color: #666;
    text-align: center;
}

.serviceFilter .leftBox li a:hover {
    color: #3492e9;
}

.serviceFilter .leftBox .selected {
    background: #fff;
}

.serviceFilter .leftBox .selected a {
    color: #3492e9;
}

.serviceFilter .rightBox {
    float: right;
    margin: 10px;
    line-height: 20px;

}

.serviceFilter .rightBox span {
    font-size: 12px;
    vertical-align: top;
}

.serviceFilter .rightBox .count {
    margin-right: 36px;
}

.serviceFilter .rightBox .cur {
    color: #3492e9;
}

.serviceFilter .rightBox .btn {
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #3492e9;
    text-align: center;
}

.serviceFilter .rightBox .btnL {
    margin-left: 10px;
}

.serviceFilter .rightBox .btnR {
    border-left: none;
}

.serviceFilter .rightBox i {
    display: inline-block;
    width: 4px;
    height: 8px;
    background: url(../images/logo_caret.png) 0 0 no-repeat;
}

.serviceFilter .btnL i {
    background-position: 0 0;
}

.serviceFilter .btnR i {
    background-position: -3px 0;
}

/* ???��???��?? */
.contentNone {
    padding: 135px 0;
    text-align: center;
    color: #666666;
    font-size: 14px;
}

.serviceContent .title {
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 10px;
    line-height: 30px;
    border-bottom: 1px solid #ccc;
}

.serviceContent .title h3 {
    float: left;
    padding: 0 12px;
    font-size: 24px;
    border-left: 6px solid #3492e9;
}

.serviceContent .title .pullLeft {
    font-size: 20px;
    color: #999;
}

.serviceContent .title .pullRight {
    float: right;
    font-size: 16px;
    color: #666;
}

.serviceContent .title .pullRight:hover {
    color: #3492e9;
}

/* ???��?��?? */
.prizeInfo {
    height: 30px;
    padding: 5px 10px;
    margin-top: 10px;
    margin-bottom: 20px;
    background: #fff;
    font-size: 0px;
}

.prizeInfo span {
    display: inline-block;
    font-size: 12px;
    color: #666;
}

.prizeInfo span:first-child {
    margin-right: 10px;
}

.prizeInfo .tab {
    height: 28px;
    padding: 0 10px;
    border: 1px solid #ccc;
    margin: 0 5px;
    line-height: 28px;
    cursor: pointer;
}

.prizeInfo .tab:hover {
    border: 1px solid #f6bf26;
    color: #f6bf26;
}

.prizeInfo .tab.cur {
    border: 1px solid #f6bf26;
    color: #fff;
    background: #f6bf26;
}

/* ??????���� */
.serviceContent {
    overflow: hidden;
    margin-top: 20px;
}

.serviceContent.more {
    padding-bottom: 80px;
}

.serviceContent ul {
    margin-right: -8px;
}

.serviceContent ul li {
    width: 274px;
    height: 390px;
    float: left;
    margin: 0 8px 10px 0;
    padding: 10px;
    background: #fff;
}

.serviceContent ul li p {
    padding: 0px 10px;
    line-height: 30px;
    overflow: hidden;
}

.serviceContent ul li .name {
    font-size: 16px;
    color: #333;
    height: 30px;
}

.serviceContent ul li .auther {
    margin-bottom: 10px;
    font-size: 14px;
    color: #666;
    line-height: 24px;
    height: 24px;
}

.serviceContent ul li .price {
    margin-top: 20px;
    font-size: 16px;
    color: #333;
    height: 30px;
}

.serviceContent ul li .red {
    font-size: 20px;
    color: #cb2616;
}

.serviceContent ul li .num {
    font-size: 12px;
    color: #666;
    float: right;
}

/* ��??? */
.pagination {
    position: relative;
    height: 40px;
    padding: 40px 0 90px 0;
    font-size: 14px;
    line-height: 40px;
    color: #666;
    text-align: center;
}

.pagination .record {
    position: absolute;
    left: 0;
}

.pagination .record .num {
    color: #3492e9;
}

.pagination span,
.pagination a,
.pagination input.index {
    display: inline-block;
    border: 1px solid #ccc;
    background: #fff;
    text-align: center;
    cursor: pointer;
    color: #666;
    margin: 0 4px;
}

.pagination span {
    padding: 0 9px;
}
.pagination span.rows {
    background: transparent;
    border: none;
    cursor: default;
}
.pagination a {
    width: 38px;
}

.pagination a.cur {
    color: #fff;
    background: #3492e9;
    cursor: default;
    border: 1px solid #3492e9;
}

.pagination span.disable,
.pagination a.disable {
    cursor: default;
}

.pagination span.disable {
    color: #999;
}

.pagination input.index {
    width: 38px;
    height: 38px;
    font-size: 14px;
}

/* business detail */

.mainLeft {
    float: left;
    width: 234px;
    padding: 20px 0;
    border: 1px solid #eee;
    background: #fff;
}

.mainLeft i {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border: 1px solid #eee;
}

.mainLeft img {
    max-width: 100%;
}

.mainLeft h2 {
    width: 204px;
    height: 26px;
    margin: 12px auto 0;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    text-align: center;
}

.mainLeft p {
    width: 180px;
    margin: 12px auto 0;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.mainLeft .bDAddress {
    padding-left: 18px;
    text-align: center;
}

.mainLeft .bDAddress i {
    position: relative;
    top: 4px;
    right: 2px;
    display: inline-block;
    width: 14px;
    height: 17px;
    background: url(../images/icon_address.png) no-repeat 0 0px;
    border: none;
}


.mainLeft a {
    display: block;
    width: 138px;
    height: 28px;
    margin: 20px auto 0;
    font-size: 14px;
    line-height: 28px;
    color: #666;
    text-indent: 55px;
    border: 1px solid #666;
}

.mainLeft .bDContact {
    background: #fff url(../images/goods_icon_message.png) no-repeat 30px center;
}

.mainLeft .bDCollect {
    background: #fff url(../images/collect_icon_1.png) no-repeat 30px center;
    background-size: 14px;
}

.mainLeft .bDCollect.on {
    background: #fff url(../images/icon_collect.png) no-repeat 30px center;
    color: #3492e9;
    border: 1px solid #3492e9;
}

.mainRight {
    float: right;
    width: 900px;
    padding: 20px 15px;
}
.mainRight .nodata { width: 100%; height: 200px; text-align: center;  }
.mainRight .nodata i { display: inline-block; width: 42px; height: 42px; margin-top: 58px; background: url(../images/noorderdata_1.png) center no-repeat; }
.mainRight .nodata p { margin-top: 6px; font-size: 14px; color: #666; text-align: center !important;}

.mainRight .mRBox {
    margin-bottom: 20px;
}

.mainRight .mRBTitle {
    height: 27px;
    padding-left: 12px;
    margin-bottom: 15px;
    font-size: 18px;
    line-height: 27px;
    color: #333;
    background: url(../images/icon_titleleft.png) no-repeat 0 center;
}

.mainRight .mRBContent {
    padding-left: 12px;
    font-size: 14px;
    color: #666;
}

.mainRight .mRBCTable {
    width: 880px;
    margin-top: 20px;
    background: #fff;
    border: 1px solid #eee;
}

.mainRight .mRBCTable th {
    height: 38px;
    font-size: 14px;
    color: #333;
    background: #eee;
}

.mainRight .mRBCTable tr {
    border-top: 1px solid #eee;
}

.mainRight .mRBCTable td {
    padding: 10px;
    text-align: center;
}

.mainRight .mRBCTable td p {
    text-align: left;
}

.mainRight .mRBCTable td ul {
    margin-top: 10px;
}

.mainRight .mRBCTable td li {
    position: relative;
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 15px;
    overflow: hidden;
}

.mainRight .mRBCTable td li img {
    width: auto;
    min-width: 100%;
    height: 100%;
    _width: 100%;
    _height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: perspective(1px) translate(-50%, -50%);
    -webkit-transform: perspective(1px) translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: perspective(1px) translate(-50%, -50%);
}

.mainRight .mRBCTable .txtLeft {
    padding-left: 10px;
    text-align: left;
}

.chrgi-maximize,
.chrg-fullscreen {
    display: none !important;
}

.zoomed > .gallery {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

#container {
    width: 900px;
    margin: 0 auto;
}

.item {
    float: left;
    width: 280px;
    margin: 0 10px 20px 10px;
}

.item img {
    display: block;
    max-width: 100%;
}

.clear {
    clear: both;
}

/* 1.1 */
.formService {
    overflow: hidden;
}

.filter {
    position: relative;
    padding: 20px 0 10px 0;
    margin: 20px 0 10px;
    background: #fff;
}

.filter .filterListLeft {
    float: left;
    width: 1080px;
}

.filter .filterListRight {
    position: absolute;
    right: 0;
    bottom: 25px;
    width: 100px;
    text-align: center;
}

.filter .filterListRight .clearFilter {
    color: #ccc;
    background: none;
    border: none;
    cursor: not-allowed;
}

.filter .filterListRight .on {
    color: #3492e9;
    cursor: pointer;
}

.filter .filterListRight .off {
    color: #ccc;
    cursor: not-allowed;
}

.filter .filterList span {
    display: block;
    float: left;
    width: 100px;
    line-height: 26px;
    color: #666;
    text-align: center;
}

.filter .filterList ul {
    display: block;
    float: right;
    width: 980px;
}

.filter .filterList li {
    float: left;
    margin: 0 20px 10px 0;
}

.filter .filterList li {
    display: block;
    padding: 4px 8px;
    color: #666;
}

.filter .filterList li a {
    color: #666;
}

.filter .filterList li a:hover { color: #3492e9;}

.filter .filterList .cur {
    color: #fff;
    background: #3492e9;
}

.filter .filterList .cur a {
    color: #fff;
}

.filter .filterList .cur a:hover {
    color: #fff;
}

.filter .filterList .dc { position: relative;}

.filter .filterList .dateRangeTxt {
    width: 220px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-indent: 36px;
    background: #fff url("../images/icon_calen.png") 10px center no-repeat;
}

.filter .filterList .dateRangeTxt.cur {
    width: 220px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    text-indent: 36px;
    border: 1px solid #3492e9;
    color: #3492e9;
    background: #fff url("../images/icon_calen_cur.png") 10px center no-repeat;
}

.filter .filterList .dateRangeTxtClear { position: absolute; top: 0; right: 0; display: none; width: 28px; height: 28px; background: url("../images/guanbi1.png") center no-repeat; }
.filter .filterList .dateRangeTxtClear:hover {background: url("../images/guanbi.png") center no-repeat; cursor: pointer;}


.filter .filterList .dateRangeTxt.cur::-webkit-input-placeholder {
    color: #3492e9;
}
.filter .filterList .dateRangeTxt.cur:-moz-placeholder {
    color: #3492e9;
}
.filter .filterList .dateRangeTxt.cur::-moz-placeholder{
    color: #3492e9;
}
.filter .filterList .dateRangeTxt.cur:-ms-input-placeholder {
    color: #3492e9;
}



.ta_calendar {
    margin-top: -7px;
}
.filter .filterList .p0 {
    padding: 0;
}

.listNullMsg {
    width: 300px;
    height: 100px;
    margin: 150px auto 0;
    text-align: center;
}

.listNullMsg i {
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 auto;
    background: url(../images/search_icon_1.png) no-repeat;
}

.listNullMsg span {
    display: block;
    padding-top: 20px;
    font-size: 14px;
    color: #666;
}