.banner{width:100%;height:590px;position:relative;}
.swiper-container{width:100%;height:100%;cursor:pointer;}
.swiper-slide{position:relative;overflow:hidden;}
.swiper-slide img{position:absolute;left:50%;transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-o-transform: translate(-50%, 0);}
/*.swiper-slide img{width:100%;}*/
.swiper-pagination-bullet{width:30px;height:6px;border-radius:0px;background:rgba(255,255,255,.4);}
.swiper-pagination-bullet-active{background:rgba(255,255,255,.7);}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 9px;}

/*公告*/
.sec-notice{width:100%;height:50px;background:#18355a;margin-bottom:2px;}
.sec-notice a{line-height:50px;color:#94C6FB;display: inline-block;}
.sec-notice a:hover{color:#1ABC9C;}
.i-horn{width:25px;height:24px;background:url("../../images/common/horn.png") no-repeat;vertical-align:middle;margin:0 20px;}
.i-close{width:26px;height:50px;background:url("../../images/common/close.png") no-repeat center;vertical-align:middle;margin:0 20px;}
.hot-msg:hover .i-horn{background-position-y:-24px;}
.hot-msg:hover a{color:#1ABC9C;}

/*交易对*/
.sec-type{width:100%;padding-top:20px;padding-bottom:20px;}
.theme-night .sec-type{background:#18355a;}
.home-tb-w{height:520px;overflow:auto;}
.home-tb-w::-webkit-scrollbar{width:6px;}
.home-tb-w::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(0,0,0,.2);}
.sec-tp-tb{width:100%;}
.sec-tp-tb th{height:50px;font-weight:normal;}
.sec-tp-tb td{height:52px;text-align:center;}
.sec-tp-tb td:first-child{width:60px;}
.sec-tp-tb tbody tr{cursor:pointer;}
.buycoin{font-size:12px;color:#3264A4;margin-left:2px;}
.rate-p{font-size:12px;}
/*.sec-tp-tb th:not(:first-child){padding-left:20px;}*/
.coin{width:24px;height:24px;}
.td-type{text-align:left;padding-left:16px;}
.i-star{width:14px;height:14px;background:url("../../images/common/star.png") no-repeat;margin-right:10px;}
.i-star:hover{background-position-y:-14px;}
.i-star.active{background-position-y:-14px;}
.th-switch{display:inline-block;width:40px;height:24px;line-height:22px;font-size:12px;color:#3A587F;}
.th-switch.active{color:#9AB8D7;}
.switch-l{border-top-left-radius:12px;border-bottom-left-radius:12px;}
.switch-r{border-top-right-radius:12px;border-bottom-right-radius:12px;}

.home-tp-menu{height:40px;margin-bottom:30px;margin-top:20px;}
.home-tp-menu a{float:left;width:160px;line-height:38px;color:inherit;font-size:16px;text-align:center;border-radius:2px;margin-right:20px;}
.home-tp-menu a:hover,.home-tp-menu a.active{border:1px solid #1ABC9C!important;color:#1ABC9C!important;}

/*搜索框*/
.search-box{float:right;width:160px;height:36px;position:relative;}
.search-box input{width:100%;height:100%;background:transparent;border:1px solid #3A587F;border-radius:2px;color:inherit;text-indent:10px;}
.search-pic{width:19px;height:18px;background:url("/../images/common/i-search.png") no-repeat;background-position-x:-19px;position:absolute;right:10px;top:9px;}
.i-clear,.ex-clear{background-position-x:0px;}
.i-clear:hover,.ex-clear:hover,.ex-search:hover{background-position-y:-18px;}

/* 交易页 搜索框 */
.ex-search-box{position:absolute;right:0;top:15px;}
.cur-sh-type{float:left;width:85px;height:36px;line-height:36px;font-size:18px;color:#1ABC9C;padding-left:10px;position:relative;display:none;position:relative;}
.cur-sh-type:hover{color:#17A387;}
.i-updown{width:14px;height:8px;background:url("/../images/common/updown.png") no-repeat;vertical-align:middle;position:absolute;top:15px;right:10px;}
.ex-i-search{width:36px;height:36px;position:relative;}
.ex-search-input{width:0;height:36px;background:transparent;border:none;color:inherit;text-indent:5px;transition:width linear .2s;}
.ex-search-m{position:relative;float:right;}
.ex-search-m:before{content:'';display:inline-block;width:1px;height:20px;border-right:1px solid #3A587F;position:absolute;top:8px;left:0;}
.ex-search-m:after{content:'';display:inline-block;width:1px;height:20px;border-right:1px solid #3A587F;position:absolute;top:8px;right:0;}
.search-type{position:absolute;left:0;top:50px;width:100%;z-index:9;display:none;}
.search-type li a{display:block;height:44px;line-height:44px;padding-left:15px;}
.show-search .cur-sh-type{display:inherit;}
.show-search .ex-search-input{width:257px;}

.sec-map-1{width:100%;height:549px;background:url("/../images/common/pic_1.png") no-repeat right center;margin-top:148px;}
.sec-wd{display:inline-block;position:relative;}
.sec-wd h3{font-size:36px;font-weight:500;}
.sec-wd p{font-size:20px;padding-top:10px;line-height:48px;}
html[lang="en"] .sec-wd p{font-size:18px;line-height:30px;font-weight:300;}
.sec-wd-1{padding-top:108px;padding-left:65px;width:345px;}
.theme-night .sky-1,.theme-night .sky-2,.theme-night .sky-3{background:url("/../images/common/sky.png") no-repeat;}
.theme-night .sky-1{display:inline-block;width:525px;height:433px;/*background:url("/../images/common/sky.png") no-repeat;*/position:absolute;top:-58px;left:-20px;z-index:-1;}

.sec-map-2{width:100%;height:456px;background:url("/../images/common/pic_2.png") no-repeat left center;margin-top:48px;}
.sec-wd-2{margin-left:703px;padding-top:158px;width:440px;}
.theme-night .sky-2{display:inline-block;width:525px;height:433px;/*background:url("/../images/common/sky.png") no-repeat;*/position:absolute;top:26px;left:-74px;z-index:-1;}

.sec-map-3{width:100%;height:442px;background:url("/../images/common/pic_3.png") no-repeat right center;margin-top:119px;margin-bottom:150px;}
.sec-wd-3{padding-top:158px;padding-left:65px;width:446px;}
.theme-night .sky-3{display:inline-block;width:525px;height:433px;/*background:url("/../images/common/sky.png") no-repeat;*/position:absolute;top:11px;left:-38px;z-index:-1;}
.foot-r a:hover{color:#1ABC9C;}
/*交易页面*/
.container{position:relative;}
.sidebar{float:left;width:400px;height:1026px;padding:10px;}
.sidebar ~ .container{margin-left:400px;padding-left:12px;}
.ex-sec-a{padding:20px 12px 12px;}
.ex-sec-b{padding:0 12px 20px;}

/*币种类型*/
/*.ex-type{height:376px;}*/
.ex-tp-top{height:65px;position:relative;}
.ex-tp-menu > a{color:inherit;font-size:16px;float:left;padding:0 10px;line-height:64px;}
.ex-tp-menu > a:hover{color:#1ABC9C;}
.ex-tp-menu > a.active{color:#1ABC9C;border-bottom:1px solid #1ABC9C;}
.ex-type-t{display:table;table-layout:fixed;width:100%;padding-bottom:10px;padding-top:17px;border:1px solid transparent;}
.ex-type-t span{display:table-cell;}
.ex-tp-box div{display:table;table-layout:fixed;width:100%;line-height:32px;margin-bottom:10px;cursor:pointer;}
.ex-tp-box span{display:table-cell;}
.ex-tp-box div span:first-child{padding-left:10px;}
.ex-type-t span:last-child,.ex-tp-box div span:last-child{width:78px;}
.ex-tp-box a{color:inherit;}
.ex-tp-box .ex-buycoin{color:#637A92;font-size:12px;}
.tra-tp-now .ex-buycoin{font-size:16px;}

.ex-type-m{height:404px;overflow:auto;margin-bottom:15px;}
.ex-type-m::-webkit-scrollbar{width:6px;}
.ex-type-m::-webkit-scrollbar-thumb{border-radius:3px;background:rgba(0,0,0,.2);}
/*.ex-type-m::-webkit-scrollbar-track{background:rgba(0,0,0,.3);}*/

.scroll{
    scrollbar-arrow-color:#144c89;/*三角箭头的颜色*/
    scrollbar-face-color:transparent;/*滚动条滑块按钮的颜色*/
    scrollbar-3dlight-color: transparent;
    scrollbar-highlight-color: #15406e;/*滚动条整体颜色*/
    scrollbar-track-color: #1a3961;/*滚动条轨道颜色*/
    scrollbar-base-color:#15406e;/*滚动条主要构成部分颜色*/
    scrollbar-darkshadow-color:#15406e;/*滚动条条槽颜色*/
    scrollbar-shadow-color: #15406e; /*滑块边线颜色*/
}

/*平台成交记录*/
/*.ex-od-wrap{height:630px;}*/
.ex-od-m{height:410px;}
.ex-m-h2{height:60px;line-height:59px;}
.ex-m-h2 span,.tab-nav{display:inline-block;padding:0 20px;font-size:16px;font-weight:normal;color:inherit;}
.tab-nav:hover{color:#1ABC9C;}
.tab-nav.active{color:#1ABC9C;border-bottom:1px solid #1ABC9C;}
.ex-m-tb{width:100%;text-align:center;}
.ex-m-tb tr th{padding:12px 0;font-weight:normal;}
.ex-m-tb tr td{height:33px;font-size:12px;}

.cur-tp-info{width:100%;height:80px;padding-top:20px;}
.cur-tp-l{display:inline-block; height:36px;padding-left:30px;padding-right:20px;padding-top:10px;color:#637A92;/*overflow:hidden;*/}
.tra-tp-now{margin-top:-4px;display:inline-block;}
.tra-tp-now a{font-size:22px;color:#1ABC9C;}
.cur-tp-p{display:inline-block;position:relative;}
.cur-tp-last{font-size:18px;color:#1ABC9C;margin-left:15px;}
.cur-tp-switch{position:absolute;top:22px;right:0;}
.cur-tp-unit{font-size:18px;color:#1ABC9C;margin-left:10px;}
.cur-tp-data{display:inline-block;color:#1ABC9C;padding-left:30px;}
.i-file{width:12px;height:14px;background:url("../../images/common/file.png") no-repeat;vertical-align:middle;margin-top:-3px;margin-right:9px;}
.cur-tp-data:hover a{color:#17a387;}
.cur-tp-data:hover .i-file{background-position-y:-14px;}

.day-data{display:inline-block;vertical-align:top;font-size:13px;}
.day-data ul li{float:left;padding-right:30px;}
.day-data li p{padding-bottom:3px;}
.day-data label{display:inline-block;width:60px;padding-right:10px;text-align:right;}
.switch-box{display:inline-block;vertical-align:top;text-align:center;padding-top:10px;float:right;margin-right:20px;}

.ex-chart{width:100%;height:450px;padding:12px 12px 0;}
.chart-toolbar{height:34px;line-height:34px;}
.chart-toolbar ul li{float:left;}
.chart-toolbar a{color:inherit;display:inline-block;padding:0 10px;}
.chart-toolbar ul li:hover a{color:#1ABC9C;}
.chart-toolbar ul li.active a{color:#1ABC9C;}
.chart-area{padding-top:4px;position:relative}
.chart-panel{width:100%;height:400px;}
.bar-tip-box{position:absolute;top:290px;left:0;font-size:12px;color:#728DAB;}
.can-tip,.bar-tip{color:#728DAB;}
.bar-tip{position:absolute;top:290px;left:92px;}

/*交易表单*/
.ex-main{width:100%;height:484px;margin-top:12px;padding:0 10px;}
.ex-main-l{float:left;width:65%;}
.ex-main-r{float:left;width:35%;}
.ex-form-w{min-height:408px;position:relative;}
.ex-form-w .wp50{padding-right:10px;padding-left:10px;}

.tra-form{position:absolute;left:0;top:0;width:100%;}
.ex-form{}
.ex-form .item{padding-top:20px;}
.ex-form .item label{display:inline-block;padding-bottom:2px;font-size:13px;letter-spacing:0.4px;color:#728dab;}
.ex-f-input{position:relative;}
.ex-f-input input[type="text"],.ex-f-input input[type="button"]{width:100%;height:40px;line-height:40px;border-radius:2px;}
.ex-f-input input[type="text"]{background:transparent;color:inherit;text-indent:10px;}
.ex-f-input input[type="button"]{border:none;}
.theme-night .ex-f-input input[readonly]{border:none!important;background:#1F3C61;}
.theme-day .ex-f-input input[readonly]{border:none!important;background:#e9edf5;}
.ex-unit{position:absolute;right:9px;top:10px;}
.ex-gray{color:#728dab;}
.btn-red{background:#BC3B49;color:#fff;}
.btn-red:hover{background: #A33340;}
.btn-green{background:#1ABC9C;color:#fff;}
.btn-green:hover{background: #17A387;}

.cny-box{position:absolute;left:0;top:40px;font-size:12px;padding-left:10px;color:#637A92;}

.i-signal{width:19px;height:19px;background:url('../../images/common/tip.png') no-repeat;vertical-align:middle;margin-right:5px;margin-top:-3px;}
.menu-r{float:right;cursor:pointer;position:relative;padding-right:20px;font-weight:normal;}
.menu-r:hover em[data-hover]{color:#1ABC9C;}
.menu-r:hover .i-signal{background-position-y:-19px;}
.menu-r:hover .tip-txt{visibility:visible;}
.tip-txt{position:absolute;bottom:48px;right:13px;font-style:normal;font-size:12px;width:144px;line-height:26px;box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.08);padding:10px 15px;text-align:left;z-index:999;visibility:hidden;}
.tip-txt:before{content:"";width:0px;height:0px;position:absolute;bottom:-15px;right:37px; border-bottom:8px solid transparent;/*border-top:8px solid #fff;*/border-right:8px solid transparent;border-left:8px solid transparent;z-index:12;}
/*.tip-txt:after{content:"";width:0px;height:0px;position:absolute;bottom:-18px;right:36px; border-bottom:9px solid transparent;border-top:9px solid #eee;border-right:9px solid transparent;border-left:9px solid transparent;z-index:10;}*/

.theme-night .tip-txt{background:#15406E;}
.theme-day .tip-txt{background:#fff;}
.theme-night .tip-txt:before{border-top:8px solid #15406E;}
.theme-day .tip-txt:before{border-top:8px solid #fff;}

/*进度条*/
 .theme-night .progress{background:#365277;}
 .theme-day .progress{background:#C3D4EA;}
 .theme-night .point{background:#365277;border:1px solid #365277;}
 .theme-day .point{background:#C3D4EA;border:1px solid #C3D4EA;}
 .theme-night .cur{border-color:#18355A;}
 .theme-day .cur{border-color:#fff;}

.progress{position:relative;height:3px;}
.bar{position:absolute;left:0;top:0; height:100%;}
.point{position:absolute;top:-3px;display:inline-block;width:9px;height:9px;border-radius:50%;cursor:pointer;}
.point:hover{width:13px;height:13px;border-width:2px;margin-top:-2px;transition: all .1s;}
.drag-bar{width:15px;height:15px;border-radius:50%; position:absolute;top:-6px;cursor:pointer;}
.cur{cursor:pointer;}
.percent{margin-top:-8px;text-align:right;width:42px;}
.progresstxt{position:absolute;right:0;top:30px;font-size:12px;}

.blueBar .bar{background:#0A75BF;}
.blueBar .drag-bar{background:#0A75BF;border:2px solid #32A6F6;}
.blueBar .cur{background:#0A75BF;}

.greenBar .bar{background:#1ABC9C;}
.greenBar .drag-bar{background:#1ABC9C;border:2px solid #22E4BE;}
.greenBar .cur{background:#1ABC9C;}

/*委托*/
.ex-wt-data{padding-left:10px;height:400px;}
.ex-wt-tb{width:100%;}
.ex-wt-tb tr th{font-weight:normal;height:34px;}
.ex-wt-tb tr td{font-size:12px;height:34px;}
.ex-wt-tb tr th:first-child{text-align:left;padding-left:39px;}
.ex-wt-tb tr th:last-child{text-align:right;padding-right:5px;}
.ex-wt-tb tr td:first-child{padding-left:5px;}
.ex-wt-tb tr td:last-child{text-align:right;padding-right:5px;width:135px;}
.ex-wt-tb tbody tr{cursor:pointer;}

/*委托历史*/
.ex-tab{width:100%;padding:10px;}
.tab-nav{/*padding:20px 20px;*/}
.ex-tab-m{}
.ex-od-tb{padding-top:12px;padding-bottom:30px;}
.ex-od-table{width:100%;}
.ex-od-table tr th{height:52px;font-weight:normal;}
.ex-od-table tr td{height:52px;text-align:center;}
.ex-od-table tr th:first-child,.ex-od-table tr td:first-child{padding-left:20px;text-align:left;}
.ex-tb-btn{color:inherit;}
.ex-tb-btn:hover{color:#1ABC9C;}

.page-num{height:75px;text-align:center;padding:20px 0;}

/*验证信息*/
.valid-msg {position: absolute;left: 0px;top: 40px;font-size: 12px;color: red;font-family: "Microsoft YaHei";}
/*.valid-error {border: 1px solid red !important;}*/

/*币种资料*/
.data-title{width:100%;height:60px;line-height:60px;text-align:center;margin-top:20px;} 
.data-main{margin-top:10px;position:relative;margin-bottom:20px;}
.data-l{width:220px;padding:0 10px;position:absolute;left:0;top:0;height:100%;}
.data-l h2{width:100%;height:44px;line-height:44px;border-bottom:1px solid #3A587F;padding:0 20px;font-weight:normal;}
.coin-list li a{display:inline-block;width:100%;height:40px;line-height:40px;padding:0 20px;font-size:12px;}
.coin-list li:hover a{background:#1C3A62;color:#1ABC9C;}
.coin-list li.active a{background:#1C3A62;color:#1ABC9C;position:relative;}
.coin-list li.active a:before{content:'';display:inline-block;width:6px;height:6px;background:#1ABC9C;border-radius:50%;position:absolute;top:17px;left:8px;}
.coin-n{width:65px;display:inline-block;}
.data-r{padding-left:220px;}
.data-content{padding-left:16px;}
.data-info{overflow:hidden;}
.data-content h3,.data-info-r h1{height:44px;line-height:44px;border-bottom:1px solid #3A587F;font-weight:normal;font-size:14px;color:inherit;}
.data-info-l,.data-info-r{width:50%;padding-right:16px;}
.data-detail{padding-right:16px;padding-top:35px;}
.data-info-m > div{font-size:12px;padding: 13px 0;}
.data-info-m label{display:inline-block;width:150px;}
.data-intro{line-height:30px;font-size:12px;padding-top:5px;}
.data-intro *,.data-detail-m *{background-color:transparent!important;color:inherit!important;}
.data-detail-m{font-size:12px;padding-top:15px;padding-bottom:40px;}

.theme-night .data-content{border-left:6px solid #17283f;}
.theme-day .data-content{border-left:6px solid #EFF2F6;}

.theme-night .coin-list li:hover a,.theme-night .coin-list li.active a{background:#1C3A62;}
.theme-day .coin-list li:hover a,.theme-day .coin-list li.active a{background:#E9EDF5;}

/*响应式*/
@media (max-width:1440px){
	.sidebar{width:300px;}
	.sidebar ~ .container{margin-left:300px;}
	.ex-main-l{width:60%;}
	.ex-main-r{width:40%;}
    .show-search .ex-search-input{width:157px;}
    .ex-tp-box div span:first-child{padding-left:5px;width:100px;}
    .ex-type-m{font-size:12px;}
}
@media (max-width:1200px) {
    .sec-wd-3{width:360px;}
    .sec-wd-2{margin-left:640px;width:310px;}
}


.theme-night .sec-tp-tb th,.theme-night .sec-tp-tb tbody tr:nth-child(2n){background:#1c3a62;}
.theme-day .sec-tp-tb th,.theme-day .sec-tp-tb tbody tr:nth-child(2n){background:#e9edf5;}
.theme-night .sec-tp-tb tbody tr:hover{background:#15406e;}
.theme-day .sec-tp-tb tbody tr:hover{background:#e1e5ed;}

.theme-night .sec-wd h3{color:#D5ECFF;}

.theme-night .sec-wd p{color:#BBCDE1;}
.theme-day .sec-wd p{color:#7282A3;}

.theme-night .rate-p,.theme-night .buycoin{color:#3264A4;}
.theme-day .rate-p,.theme-day .buycoin{color:#9AB8D7;}

.theme-night .home-tp-menu a{border:1px solid #3A587F;}
.theme-day .home-tp-menu a{border:1px solid #9AB8D7;color:#9AB8D7;}

.theme-night .switch-l{border:1px solid #3A587F;border-right:none;}
.theme-night .switch-r{border:1px solid #3A587F;border-left:none;}
.theme-day .th-switch{background:#C1D0ED;color:#9AB8D7;line-height:24px;}
.theme-day .th-switch.active{color:#3A587F;}

.theme-night .box-bg{background:#18355A;}
.theme-day .box-bg{background:#fff;}

.theme-night .cur-tp-info{background:#1F3F69;}
.theme-day .cur-tp-info{background:#fff;}

.theme-night .ex-od-table tr th,.theme-night .ex-od-table tbody tr:nth-child(2n){background:#1c3a62;}
.theme-day .ex-od-table tr th,.theme-day .ex-od-table tbody tr:nth-child(2n){background:#EFF3FB;}

.theme-night .ex-od-table tr:hover,.theme-night .ex-wt-tb tbody tr:hover,.theme-night .ex-m-tb tbody tr:hover{background:#15406e;}
.theme-day .ex-od-table tr:hover,.theme-day .ex-wt-tb tbody tr:hover,.theme-day .ex-m-tb tbody tr:hover{background:#E9EDF5;}

.theme-night .ex-tp-top,.theme-night .ex-m-h2{border-bottom:1px solid #3A587F;}
.theme-day .ex-tp-top,.theme-day .ex-m-h2{border-bottom:1px solid #C3D4EA;}

.theme-night .chart-toolbar{border:1px solid #3A587F;}
.theme-day .chart-toolbar{border:1px solid #C3D4EA;}

.theme-night .ex-tp-box div{border:1px solid rgba(58,88,127,0);}
.theme-day .ex-tp-box div{border:1px solid rgba(195,212,234,0);}

.theme-night .ex-tp-box div:hover{border:1px solid rgba(58,88,127,1);}
.theme-day .ex-tp-box div:hover{border:1px solid rgba(195,212,234,1);}

.theme-night .ex-tp-box div.active{border:1px solid rgba(58,88,127,1);background:#15406e;}
.theme-day .ex-tp-box div.active{border:1px solid rgba(195,212,234,1);background:#E9EDF5;}

.theme-night .ex-form-w,.theme-night .cur-tp-l{border-right:1px solid #3A587F;}
.theme-day .ex-form-w,.theme-day .cur-tp-l{border-right:1px solid #C3D4EA;}

.theme-night .ex-f-input input[type="text"]{border:1px solid #324F75;}
.theme-day .ex-f-input input[type="text"]{border:1px solid #C3D4EA;}

.theme-night .search-type{background:#1F3F69;}
.theme-day .search-type{background:#fff;box-shadow:0px 4px 8px 0 rgba(0, 0, 0, 0.08);}

.theme-night .search-type li:hover a{background:#274E82;}
.theme-night .search-type li.active a{background:#274E82;}
.theme-day .search-type li:hover a{background:#E9EDF5;}
.theme-day .search-type li.active a{background:#E9EDF5;}