@charset 'UTF-8';

/**!
 * 交易大厅
 * author: wangkai;
 * date: 2019-05-18
 * modfiy:qianyuting
 * modfiy date: 2021-01-25
 */

/* 层高 */

.ewb-floor1 {
    position: relative;
    height: 222px;
}

.ewb-floor2 {
    position: relative;
    min-height: 481px;
}

.ewb-floor3 {
    position: relative;
    height: 326px;
}

/* 竖版pad及以下 */

@media (max-width: 979px) {

    .ewb-floor1,
    .ewb-floor2,
    .ewb-floor3 {
        height: auto;
    }
}

/* 今日统计 */

.ewb-count {
    padding: 22px 17px;
    overflow: hidden;
}

.ewb-count-list {
    margin: -10px -14px 0 0;
}

.ewb-count-node {
    float: left;
    width: 25%;
    vertical-align: top;
}

.ewb-count-item {
    display: block;
    margin: 10px 14px 0 0;
    padding: 38px 0 0 160px;
    height: 144px;
    background-color: #eff7ff;
    background-position: 40px center;
    background-repeat: no-repeat;
}

.ewb-count-item.icon1 {
    background-image: url('../images/subPage/trade_icon1.png');
}

.ewb-count-item.icon2 {
    background-image: url('../images/subPage/trade_icon2.png');
}

.ewb-count-item.icon3 {
    background-image: url('../images/subPage/trade_icon3.png');
}

.ewb-count-item.icon4 {
    background-image: url('../images/subPage/trade_icon4.png');
}

.ewb-count-number {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #666666;
}

.ewb-count-number span {
    margin-right: 4px;
    font-size: 42px;
    font-family: "SourceHanSansCN-Bold";;
    color: #2c7edc;
}

.ewb-count-name {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    color: #666666;
}

/* 1200分辨率以下 */

@media (min-width: 980px) and (max-width: 1199px) {
    .ewb-count-item {
        padding-left: 120px;
        background-position: 14px center;
    }
}

/* 竖版pad及以下 */

@media (max-width: 979px) {
    .ewb-count-node {
        width: 50%;
    }
}

/* 手机端 */

@media (max-width: 767px) {
    .ewb-count {
        padding: 10px 10px;
    }

    .ewb-count-item {
        padding: 20px 20px 20px 84px;
        height: auto;
        background-size: 58px auto;
        background-position: 14px center;
    }

    .ewb-count-number {
        height: 32px;
        line-height: 32px;
    }

    .ewb-count-number span {
        font-size: 24px;
    }
}

@media (max-width: 480px) {
    .ewb-count-node {
        width: 100%;
    }

    .ewb-count-item {
        padding-left: 40%;
        background-position: 15% center;
    }
}

/* 交易公告 */

.ewb-noitce {
    padding: 16px 17px;
    border-top: 1px solid #248be4;
}

.ewb-notice-wrap {
    position: relative;
   /* float: right;
    width: calc(100% - 260px);*/
}

.ewb-notice-hd {
    height: 35px;
    border-bottom: 1px solid #e5e5e5;
}

.ewb-tab-node {
    position: relative;
    float: left;
    margin-left: 6px;
    vertical-align: top;
    min-width: 96px;
    height: 28px;
    background-color: #ecf5ff;
    transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    -ms-transform: skewX(-20deg);
}

.ewb-tab-node:first-child {
    margin-left: 6px;
}

.ewb-tab-name {
    display: block;
    padding: 0 10px;
    height: 28px;
    line-height: 27px;
    text-align: center;
    font-size: 16px;
    color: #2c7edc;
    transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
}

.ewb-tab-node.current {
    background-color: #339aed;
}

.ewb-tab-node.current .ewb-tab-name {
    color: #fff;
}

.ewb-tab-cur {
    display: none;
    position: absolute;
    top: 33px;
    right: -2px;
    left: 1px;
    height: 2px;
    background-color: #339aed;
    transform: skewX(20deg);
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
}

.ewb-tab-cur i {
    position: absolute;
    top: 2px;
    left: 50%;
    margin-left: -6px;
    display: block;
    width: 12px;
    height: 5px;
    background: url('../images/subPage/tab_jt.png') no-repeat;
}

.ewb-tab-node.current .ewb-tab-cur {
    display: block;
}

.ewb-notice-bd {
    margin-top: 11px;
}

.tab-view .ewb-column-more {
    position: absolute;
    top: 4px;
    right: 2px;
    margin: 0;
}

.ewb-sub-tab {
    padding: 4px 0 4px 12px;
    line-height: 24px;
    font-size: 0;
    -webkit-text-size-adjust: none;
}

.ewb-sub-name {
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    font-size: 14px;
    color: #999999;
}

.ewb-sub-name.current {
    color: #297edd;
}

.ewb-list {
    padding: 7px 5px 0 2px;
}

.ewb-list-node {
    height: 36px;
    line-height: 36px;
    padding-left: 0;
    color: #666;
    vertical-align: top;
    background: none;
}

.ewb-list-name {
    float: left;
    max-width: calc(100% - 250px);
    color: #666;
}

.ewb-list-date {
    float: right;
    color: #999;
}

.ewb-list-node:hover .ewb-list-name,
.ewb-list-node:hover .ewb-list-date {
    color: #2d7eda;
}

.ewb-list-node.new .ewb-list-name{
    padding-left: 50px;
    background: url('../images/default/icon_new.png') left center no-repeat;
}

.ewb-list-status {
    display: block;    
    float: right;
    width: 66px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    margin: 8px 40px 0 0;
    border-radius: 11px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ewb-list-status.on {
    color: #fff;
    background-color: #ff8a45;
}

.ewb-list-status.off {
    color: #fff;
    background-color: #b0c2d7;
}

/* 1200分辨率以下 */

@media (max-width: 1199px) {
    .ewb-tab-node {
        margin-left: 14px;
    }

    .ewb-sub-name {
        margin-right: 12px;
    }

    .ewb-notice-list .ewb-list-name {
        max-width: calc(100% - 220px);
    }
}

/* 竖版pad及以下 */

@media (max-width: 979px) {
    .ewb-notice-region {
        width: 100%;
        height: 40px;
    }

    .ewb-notice-region img {
        display: none;
    }

    .ewb-reigon-sel {
        z-index: 200;
        top: 5px;
        left: 0;
    }

    .ewb-region-mask {
        height: 40px;
        background: none;
    }

    .ewb-region-return {
        height: 40px;
    }

    .ewb-region-return span {
        line-height: 18px;
        font-size: 14px;
    }

    .ewb-notice-wrap {
        margin-top: 12px;
        width: 100%;
        padding-bottom: 10px;
    }

    .ewb-tab-name {
        font-size: 14px;
    }
    .ewb-notice-list ul {
        height: 336px;
    }
}

/* 手机端 */

@media (max-width: 767px) {
    .ewb-noitce {
        padding: 10px 10px 0 10px;
    }

    .ewb-notice-wrap {
        margin-top: 5px;
    }

    .ewb-notice-hd {
        height: auto;
        padding: 0 52px 5px 0;
    }

    
    .ewb-tab-cur {
        display: none !important;
    }

    .tab-view .ewb-column-more {
        right: 5px;
        font-size: 12px;
    }

    .ewb-tab-node {
        margin: 5px 6px 0 0;
        padding: 0 6px;
        min-width: auto;
        width: auto;
        transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
    }

    .ewb-tab-node:first-child {
        margin-left: 0;
    }

    .ewb-tab-name {
        padding: 0;
        font-size: 12px;
        transform: skewX(0deg);
        -webkit-transform: skewX(0deg);
        -ms-transform: skewX(0deg);
    }
    .ewb-notice-bd {
        margin-top: 0;
    }
    .ewb-sub-tab {
        margin-top: 10px;
        padding: 0;
        line-height: 20px;
    }
    .ewb-sub-name {
        font-size: 12px;
    }
    .ewb-notice-list ul {
        height: 272px;
    }
    .ewb-notice-list .ewb-list-node {
        padding-top: 0;
        padding-bottom: 0;
        height: 34px;
    }
    .ewb-notice-list .ewb-list-name {
        max-width: 68%;
    }

    .ewb-notice-list .ewb-list-name {
        max-width: calc(100% - 180px);
    }

    .ewb-list-status {
        margin-right: 10px;
    }
}

/* 今日交易 */

.ewb-tab-hd {
    margin: 13px 17px;
}

.ewb-floor3 .ewb-tab-node {
    min-width: 74px;
    margin-left: 10px;
}

.ewb-trade-remind {
    padding: 0 34px;
    height: 28px;
    line-height: 28px;
    color: #999;
}

.ewb-trade-total {
    margin: 0 1px;
    color: #2c7edc;
}

.ewb-trade-slider {
    padding: 0 27px;
    height: 220px;
}

.ewb-trade-slider .item {
    padding: 0 7px;
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.ewb-trade-slider ul {
    margin: -14px -14px 0 0;
}

.ewb-trade-slider ul li {
    float: left;
    width: 25%;
    vertical-align: top;
}

.ewb-trade-item {
    display: block;
    margin: 14px 14px 0 0;
    padding: 0 15px;
    height: 103px;
    border: 1px solid #f5f9ff;
    background-color: #f5f9ff;
    font-size: 0;
    -webkit-text-size-adjust:none;
}

.ewb-trade-conent {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    line-height: 30px;
}

.ewb-trade-item i {
    width: 0; 
    height: 100%; 
    vertical-align: middle; 
    display: inline-block;
}

.ewb-trade-conent h3,
.ewb-trade-conent span {
    height: 30px;
    line-height: 30px;
    max-width: 100%;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ewb-trade-conent .ewb-item-name {
    float: left;
    width: 100%;
    font-size: 14px;
    font-family: "SourceHanSansCN-Bold";;
    color: #666;
}

.ewb-trade-conent span {
    padding-left: 20px;
    font-size: 12px;
    color: #999;
    background-position: left center;
    background-repeat: no-repeat;
}

.ewb-item-room {
    margin-right: 12px;
    background-image: url('../images/subPage/room_ico1.png');
}

.ewb-item-time {
    background-image: url('../images/subPage/time_ico1.png');
}

.ewb-trade-item:hover {
    border: 1px solid #257cf5;
}

.ewb-trade-item:hover .ewb-item-name {
    font-family: "SourceHanSansCN-Bold";;
    color: #2c7edc;
}

.ewb-trade-slider .owl-nav.disabled {
    display: block;
}

.ewb-trade-slider .owl-prev,
.ewb-trade-slider .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -13px;
    width: 12px;
    height: 26px;
    -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1);
}

.ewb-trade-slider .owl-prev span,
.ewb-trade-slider .owl-next span {
    display: none;
}

.ewb-trade-slider .owl-prev {
    left: 14px;
    background: url('../images/subPage/prev.png') no-repeat;
}

.ewb-trade-slider .owl-next {
    right: 15px;
    background: url('../images/subPage/next.png') no-repeat;
}

.ewb-trade-slider .owl-prev:hover {
    background-image: url('../images/subPage/prev_cur.png');
}

.ewb-trade-slider .owl-next:hover {
    background-image: url('../images/subPage/next_cur.png');
}

/* 竖版pad及以下 */

@media (max-width: 979px) {
    .ewb-trade-slider,
    .ewb-trade-slider .item {
        height: auto;
    }
    .ewb-trade-slider ul li {
        width: 50%;
    }
}

/* 手机端 */

@media (max-width: 767px) {
    .ewb-trade-remind {
        padding: 0 25px;
    }
    .ewb-trade-slider {
        padding: 0 18px;
    }
    .ewb-trade-slider .owl-prev {
        left: 5px;
    }
    .ewb-trade-slider .owl-next {
        right: 5px;
    }
    .ewb-trade-slider ul {
        margin-top: -10px;
    }
    .ewb-trade-slider ul li {
        width: 100%;
    }
    .ewb-trade-item {
        margin-top: 10px;
    }
}

/* 交易信息菜单 */

.ewb-pan{
	width: 235px;
}

.ewb-pan-hd {
    height: 76px;
    line-height: 76px;
    overflow: hidden;
    background: url(../images/subPage/pan_bg.jpg) left top no-repeat;
}

.pan-tt {
    padding-left: 105px;
    display: block;
    height: 76px;
    line-height: 76px;
    font-size: 20px;
    font-family: "SourceHanSansCN-Bold";;
    color: #fff;
    background: url(../images/subPage/pan_ico.png) 15px 5px no-repeat;
}

/* tree */
.wb-tree {
	padding-top: 1px;
	background-color: #fff;
}

.wb-tree-items {
    cursor: pointer;
    border-bottom: 1px solid #e2ecfc;
}

.wb-tree-tt {
    color: #fff;
}

.wb-tree-node{
    display: block;
    height: 57px;
    line-height: 57px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-family: "SourceHanSansCN-Bold";;
    background: url(../images/subPage/pan_s03.jpg) left top no-repeat #7ac3fe;
}


.wb-tree-sub {
    display: none;
}

.wb-tree-item>a {
	padding: 7px 0;
    display: block;
	line-height: 24px;
	text-align: center;
	color: #666;
	border-top: 1px solid #e2ecfc;
}


.tree-sublk{
	padding-left: 15px;
	background: url(../images/subPage/pan_list.jpg) left center no-repeat;
}

.wb-tree-item>a:hover {
    color: #339aed;
}

.wb-tree-item>a:hover .tree-sublk{
	background-image: url(../images/subPage/pan_listh.jpg);
}

.wb-tree-node:hover{
	background: url(../images/subPage/pan_s02.jpg) left top no-repeat #418ef9;
}

.current .wb-tree-node,
.current .wb-tree-node:hover {
    background: url(../images/subPage/pan_s01.jpg) left top no-repeat #0259d2;
}

.current .wb-tree-sub {
    display: block;
}

/* 竖版pad及以下 */

@media (max-width: 979px) {
    .ewb-pan{
        width: 100%;
    }

    .ewb-pan-hd{
		background: #0c3795;
	}
}

/* 手机端 */

@media (max-width: 767px) {

    .ewb-pan-hd {
        height: 66px;
        line-height: 65px;
    }

    .pan-tt {
        font-size: 18px;
        height: 66px;
        line-height: 65px;
    }

    .ewb-query{
        width: 100%;
    }
}