@charset "UTF-8";
.trade .trade_nav{width:900px;left:-20px;}
.trade .pancel span{width:auto}
.trade .pancel p{color:#a6b2c8;line-height:1}
.trade .lf_container{width:860px;padding:0 20px}
.white .trade .lf_container{background-color:#fbfbfb;}
.trade .trade_nav strong{padding-left:3px;vertical-align:-1px}
.black .trade .lf_container{background-color:#2f323d;}
.grabbing .{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing;}
.container{width:1200px;margin:0 auto}
.trade{line-height:1;text-align:center;}
.trade .trade_data_info{margin-top:20px;overflow:hidden;min-height:66px;}
.trade .trade_data_info li{float:left;padding:15px 0;width:140px;}
.black .coin_list dl{text-align:left;}
.black .sdc_figure .option_wrap ul li{text-align:left;}
.black .trade .trade_data_info li{border-right:1px solid #262831}
.trade .trade_data_info li.first{width:284px;}
.trade .trade_data_info li.first strong{font-size:36px;font-weight:bold;}
.trade .trade_data_info li.first span{font-size:16px;margin-bottom:0}
.trade .trade_data_info li.first strong,.trade .trade_data_info li.first span{display:inline-block;}
.trade .trade_data_info li:last-child{border-right:none;}
.trade .trade_data_info span{display:block;margin-bottom:8px;}
.black .trade .trade_data_info span{color:#a6b2c8;}
.trade .trade_data_info li p{font-size:16px;}
.black .trade .trade_data_info li p{color:#f3f3f4}
.trade .line_nav{width:100%;margin-top:10px;padding:7px 0;line-height:18px;background-color:#262831;}
.trade .line_nav a{display:inline-block;font-size:12px;}
.trade .line_nav .lf a{width:40px;}
.trade .line_nav div.lf{margin-left:4px;}
.black .trade .line_nav .lf a{color:#a6b2c8;}
.black .trade .line_nav .lf a.active{border:1px solid #a6b2c8;color:#a6b2c8;}
.trade .line_nav div.rt{margin-right:8px;}
.trade .line_nav .full_screen{background-repeat:no-repeat;margin-left:20px;}
.trade .line_nav a.full_screen{width:18px;height:18px;background-position:left -18px;}
.black .trade .line_nav div.rt>a{background-image:url(/statics/img/trade_ico.png);}
.trade .link_group{position:absolute;width:70px;top:26px;left:0;z-index:9999;background-color:#262831;display:none;}
.trade .link_group a{display:block;margin-left:0;color:#658c9f;line-height:26px;width:68px;border:1px solid #2f323d;border-top:none;text-align:left;text-indent:12px;}
.trade .link_group a.active{background-color:#43accc;color:#f3f3f4;width:69px;padding-left:1px;margin-left:-1px;}
.trade .senior_line{margin-right:0;position:relative;background-color:#262831;top:-3px;right:64px;}
.trade .myclinch_load{display:block;width:100%;text-align:center;line-height:38px;color:#a6b2c8;font-size:14px;}
.grab,.grab .trade .range .range_wrap{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;}
.trade .senior_line span{display:block;position:absolute;width:70px;line-height:26px;text-indent:12px;color:#4ca7c2;text-align:left;z-index:99;cursor:pointer;}
.trade .senior_line i{position:absolute;z-index:99}
.trade .senior_line span.active{background-color:#4ca7c2;color:#f3f3f4;z-index:100}
.trade .k_line{margin-top:10px;width:860px;-height:280px;}
.trade .trade_handicap{margin-top:48px;}
.trade .hadnicap_nav{margin-top:-28px;}
.trade .handicap_list .hadnicap_nav{margin-top:-26px;}
.trade .hadnicap_nav a{display:inline-block;width:50%;text-align:center;font-size:16px;padding-bottom:10px;font-weight:bold;float:left;border-bottom:2px solid transparent;}
.trade .pancel_wrapper .my_balance{text-align:left;font-size:14px;margin:25px 0;}
.trade .pancel_wrapper .my_balance a{color:#43accc}
.trade .pancel_wrapper .my_balance span,.trade .pancel_wrapper .my_balance i{padding-right:3px;}
.black .trade .pancel_wrapper .my_balance strong{padding-right:2px;font-size:16px;color:#f3f3f4;}
.black .trade .pancel_wrapper .my_balance i{color:#f3f3f4}
.black .trade .pancel_wrapper .my_balance span{color:#a6b2c8;line-height:1}
.trade .pancel,.trade .pancel_wrapper{width:355px;margin:0 auto}
.trade .ipt_inside{position:relative;}
.trade .ipt_inside i{display:block;position:absolute;line-height:45px;font-size:14px;left:20px;top:0;}
.black .trade .ipt_inside i{color:#a6b2c8}
.trade .sell_pancel .ipt_inside input{color:#ed373a}
.trade .buy_pancel .ipt_inside input{color:#35b597}
.trade .price_ipt{margin-bottom:20px;}
.trade .pancel input[type="text"]{width:243px;height:43px;padding:0 20px 0 90px;line-height:43px;border:1px solid #4a596b;border-radius:0;background:none;font-size:14px;text-align:right;font-weight:bold;background-color:#262831}
.black .trade .hadnicap_nav a.sell{color:#db3c41;border-color:#db3c41;}
.black .trade .hadnicap_nav a.buy{color:#35b597;border-color:#35b597;}
.black .trade .hadnicap_nav a{color:#f3f3f4}
.black .trade .trade_handicap{border-top:1px solid #262831}
.trade .trade_handicap .handicap{width:493px;height:419px;position:relative;border-left:1px solid transparent;}
.trade .trade_handicap .handicap .shape_wrap{width:100%;height:100%;position:absolute;left:0;top:0;}
.trade .trade_handicap .handicap .shape_container{position:relative;width:100%;height:100%;}
.trade .trade_handicap .handicap .shape_container a{display:block;width:210px;line-height:45px;border-radius:4px;background-color:#43accc;color:#f3f3f4;font-size:16px;position:absolute;left:50%;top:50%;margin:-22px 0 0 -105px;z-index:100}
.trade .trade_handicap .handicap .shape{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#262932;opacity:.95;filter:alpha(opacity=95);z-index:99}
.black .trade .trade_handicap .handicap_list{border-left:1px solid #262831;}
.white .trade .trade_handicap .handicap_list{border-left:1px solid #e4e4e4}
.trade .range{width:100%;height:15px;margin-top:18px;position:relative;}
.trade .range .range_wrap{height:15px;position:absolute;left:0;top:0;width:304px;cursor:pointer;}
.trade .range .range_wrap .range_point.hover{-moz-transform:scale(1.5,1.5);-webkit-transform:scale(1.5,1.5);-o-transform:scale(1.5,1.5);}
.trade .range .slide_percent{display:block;position:absolute;line-height:15px;top:0;right:0;font-size:12px;font-weight:normal;text-align:right;}
.black .slide_percent{color:#a6b2c8;}
.trade .rang_path,.trade .range_point_group,.trade .range_track_wrap{position:relative;}
.trade .rang_path_line,.trade .pancel .range_track{position:absolute;top:7px;left:0;height:2px;}
.trade .rang_path_line{width:100%;}
.black .trade .rang_path_line,.black .trade .range_point{background-color:#a6b2c8;}
.trade .range_point_group{position:relative;}
.trade .pancel .range_point{display:block;position:absolute;top:3px;width:9px;height:9px;border-radius:50%;z-index:97;cursor:pointer;}
.trade .pancel .range_point.active{background-color:#43accc}
.trade .pancel .range_track{width:0;z-index:96;}
.black .trade .pancel .range_track{background-color:#43accc}
.trade .pancel .range_handle{position:absolute;left:-2px;top:1px;width:12px;height:12px;border:1px solid #43accc;background-color:#f3f3f4;border-radius:50%;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab;z-index:99}
.black .trade .pancel .range_handle{border:1px solid #43accc;background-color:#f3f3f4;}
.trade .trade_total{margin-top:17px;text-align:left;font-size:14px;color:#a6b2c8;}
.trade .trade_total strong{padding-left:5px;}
.trade p.trade_total span{padding-right:2px;}
.trade .sell_pancel p.trade_total span{color:#ec3639}
.trade .buy_pancel p.trade_total span{color:#35b597}
.trade .trade_btn{display:block;margin:12px 0;width:353px;height:45px;line-height:45px;color:#f3f3f4;border-radius:3px;border:1px solid transparent;}
.trade .trade_btn span{display:inline-block;position:relative;margin:0 auto;line-height:45px;height:45px;font-size:16px;text-indent:20px;}
.trade .trade_btn span:before{display:block;position:absolute;left:0;top:21px;content:"";width:15px;height:3px;background-color:#f3f3f4;}
.trade .buy_pancel .trade_btn span:after{display:block;position:absolute;left:6px;top:15px;content:"";width:3px;height:15px;background-color:#f3f3f4;}
.trade .trade_btn span i{font-size:18px;font-weight:bold;vertical-align:-1px;}
.trade .sell_pancel .trade_btn.confirm{border-color:#ed373a;color:#ed373a;background:none;}
.trade .trade_btn.confirm{font-size:16px;}
.trade .trade_btn.confirm span:before,.trade .trade_btn.confirm span:after{display:none;}
.trade .buy_pancel .trade_btn.confirm{border-color:#35b597;color:#35b597;background:none;}
.trade .sell_pancel .trade_btn{background-color:#ed373a}
.trade .buy_pancel .trade_btn{background-color:#35b597}
.trade .t_fee span{font-weight:normal;padding-left:3px;}
.trade .handicap_list{width:365px;}
.trade .handicap_list .hadnicap_nav{font-size:14px;color:#a6b2c8;line-height:16px;}
.trade .handicap_list .hadnicap_nav .lf{margin-left:36px;}
.trade .handicap_list .hadnicap_nav .lf span{font-weight:bold;}
.trade .handicap_list .merge_sel{padding:4px 15px 4px 0;position:relative;width:60px;height:19px;top:-5px;text-indent:14px;}
.trade .handicap_list .merge_sel.active{background-color:#43accc}
.trade .handicap_list .merge_sel.active span{color:#f3f3f4}
.trade .handicap_list .merge_sel.active i:after{border-color:#43accc}
.trade .handicap_list .merge_sel span{color:#409fbc;}
.trade .handicap_list .merge_sel span strong{padding-left:3px;}
.trade .handicap_list .merge_sel i,.trade .senior_line i{display:block;width:0;height:0;border-width:6px 6px 0 6px;border-style:solid;border-color:#4ca7c2 transparent transparent transparent;position:absolute;}
.trade .handicap_list .merge_sel i{right:2px;top:8px;}
.trade .senior_line i{right:-54px;top:11px;}
.trade .merge_wrap{position:relative;cursor:pointer;}
.trade .merge_list{position:absolute;top:20px;left:0;width:75px;}
.black .trade .merge_list{background-color:#22232b;display:none;}
.trade .merge_list li{line-height:26px;height:26px;cursor:pointer;}
.black .trade .merge_list li{border-top:1px solid #2f323d;color:#22232b;}
.black .trade .merge_list li strong{color:#a6b2c8;padding-left:3px;}
.black .trade .merge_list li.active{background-color:#4ca7c2;color:#f3f3f4;}
.black .trade .merge_list li.active strong{color:#f3f3f4}
.trade .handicap_list .merge_sel i:after,.trade .senior_line i:after{display:block;content:"";width:0;height:0;border-width:7px 7px 0 7px;border-style:solid;position:absolute;}
.trade .handicap_list .merge_sel i:after{border-color:#2f323d transparent transparent transparent;right:-7px;top:-8px;}
.trade .senior_line i:after{border-color:#262831 transparent transparent transparent;right:-7px;top:-8px;}
.trade .sell_handicap li, .trade .buy_handicap li{position:relative;}
.trade .buy_handicap i.progress{background-color:#35b597}
.trade .data_list{font-size:14px;cursor:pointer;}
.trade .data_list li{padding:9px 0 8px 36px;text-align:left;overflow:hidden;}
.black .data_title{color:#a6b2c8;border-bottom:1px solid #262831;}
.trade .data_list li:hover{background-color:#303440}
.trade .data_list li .col_1{width:50px;}
.trade .data_list li .col_2{width:80px;}
.trade .data_list li .col_3{width:110px;margin-right:10px;word-break:break-all;}
.trade .data_list li .col_4{width:80px;}
.trade .data_list li i{display:block;height:14px;max-width:80px;background-color:#f9424b}
.trade .data_list span{float:left;height:14px;overflow:hidden;cursor:pointer;}
.trade .trade_info_nav{width:100%;height:40px;line-height:38px;font-size:16px;}
.trade .trade_info_nav a{width:100px;margin-right:20px;border-bottom:2px solid transparent}
.black .trade .trade_info_nav{background-color:#262831}
.black .trade .trade_info_nav a{font-weight:bold;color:#f3f3f4}
.black .trade .trade_info_nav a.active{color:#4ca7c2;border-color:#4ca7c2;}
.trade .my_trade_info{padding-bottom:15px;}
.trade .my_trade_info table{border-collapse:collapse;width:100%;color:#a6b2c8;font-size:14px;}
.trade .my_trade_info th{height:38px;border-bottom:1px solid #272a33;color:#a6b2c8}
.trade .my_trade_info th:first-child,.trade .my_trade_info td:first-child{text-indent:18px;text-align:left;}
.trade .my_trade_info tbody tr.first td{padding-top:20px;}
.trade .my_trade_info td{padding-bottom:15px;cursor:pointer;}
.trade .trade_list{padding-bottom:30px;}
.trade .trade_list h2{line-height:40px;width:100%;background-color:#262831;color:#f3f3f4;font-size:16px;text-align:left;text-indent:18px;}
.trade .history_trade{width:100%;color:#a6b2c8;font-size:14px;}
.trade .history_trade dt{height:38px;line-height:38px;font-weight:bold;border-bottom:1px solid #262831;color:#a6b2c8}
.trade .history_trade span{float:left;}
.trade .history_trade dd{height:32px;position:relative;overflow:hidden;margin-bottom:1px}
.trade .history_trade dd div{position:absolute;height:38px;left:0;top:0;}
.trade .history_trade dd .progress{width:0;max-width:860px;}
.trade .history_trade dd .items_wrap{width:860px;}
.black .trade .buy_bg{background-color:#fa666d;opacity:0.2;filter:alpha(opacity=20);}
.trade .sell_bg{background-color:#35b597;opacity:0.2;filter:alpha(opacity=20);}
.trade .history_trade dd span{line-height:32px;height:32px;overflow:hidden;}
.trade .history_trade .col_1{width:130px;}
.trade .history_trade .col_2{width:238px;}
.trade .history_trade .col_3{width:130px;}
.trade .history_trade .col_4{width:218px;}
.trade .history_trade .col_1{text-indent:18px;text-align:left;}
.trade .history_trade .col_5{width:144px;}
.font_color_light{color:#f3f3f4}
.black .trade .trade_nav{background-color:#22232b}
.black .trade .trade_nav a{color:#f3f3f4;font-weight:bold;font-size:18px;}
.black .trade .trade_nav a.active{color:#fff;background-color:#2f323d;border-color:#43accc}
.black .price_list{background-color:#2f323d;box-shadow:none;}
.black .trade .trade_data_info{border:1px solid #262831;}
.black .trade .font_green, .black .trade .trade_data_info span.font_green{color:#3ac7a6}
.black .trade .font_red, .black .trade .trade_data_info span.font_red{color:#f9424b}
.black .bind_card_lay{background-color:#2f323d;}
.black .bind_card_lay p{color:#f3f3f4}
.black .bind_card_lay .btn_group .lf,.black #trade_pwd .btn .lf{color:#43accc}
.black .bind_card_lay .btn_group a,.black #trade_pwd .btn a{border-color:#43accc}
.black .bind_card_lay .btn_group .rt,.black #trade_pwd .btn .rt{background-color:#43accc}
.black .layer_wrap{background-color:#2f323d}
.black #trade_pwd p{color:#f3f3f4}
.black #trade_pwd input{background-color:#2f323d;color:#f3f3f4}
.black #trade_pwd .ipt_group{border-color:#43accc}
.white .trade .trade_nav{background-color:#f5f5f5;}
.white .trade .trade_nav a{color:#55666b;font-weight:bold;font-size:18px;}
.white .trade .trade_data_info{border:1px solid #d8edf3;}
.white .trade .trade_data_info li{border-left:1px solid #d8edf3;}
.white .trade .trade_data_info li.first{border-left:none;}
.white .trade .trade_nav a.active{border-color:#43accc;color:#43accc;}
.white .trade .trade_nav strong{color:#db3c41;}
.white .trade .trade_data_info li p{color:#55666b;}
.white .font_green{color:#35b597;}
.white .trade .pancel_wrapper .my_balance span{color:#999;}
.white .trade .pancel_wrapper .my_balance strong, .white .trade .pancel_wrapper .my_balance i{color:#404040;font-weight:bold;}
.white .trade .line_nav{background-color:#283238;}
.white .trade .line_nav .lf a{color:#a6b2c8;}
.white .trade .line_nav .lf a.active{border:1px solid #a6b2c8;}
.white .trade .k_line{margin-top:0;}
.white .trade .link_group a.active, .white .trade .merge_list li.active{background-color:#43accc;color:#fff;}
.white .trade .hadnicap_nav a{color:#55666b;}
.white .trade .hadnicap_nav a.buy{color:#35b597;border-color:#35b597;}
.white .trade .hadnicap_nav a.sell{color:#db3c41;border-color:#db3c41;}
.white .trade .trade_handicap{border-top:1px solid #e4e4e4;}
.white .trade .data_list li{color:#de211d;position:relative;}
.white .trade .data_list li:hover{background-color:#eee;}
.white .trade .trade_handicap .handicap{background-color:#f5f8fa;border-color:#e4e4e4;}
.white .trade .trade_handicap .handicap .shape{background-color:#000;opacity:.2;}
.white .trade .trade_handicap .handicap .shape_container a{background-color:#48b9db;color:#ffffff;}
.white .trade .trade_info_nav{background-color:#f0f0f0;border-top:1px solid #e6e6e6;}
.white .trade .trade_info_nav a{color:#55666b;font-weight:bold;}
.white .trade .buy_handicap li{color:#009632;}
.white .trade .trade_info_nav a.active{color:#4ca7c2;border-color:#4ca7c2;}
.white .trade .my_trade_info th{border-bottom:1px solid #e4e4e4;color:#55666b;}
.white .trade .trade_list h2{background-color:#f0f0f0;border-top:1px solid #e6e6e6;color:#55666b;}
.white .trade .history_trade dt{color:#55666b;border-bottom:1px solid #e4e4e4;}
.white .trade .history_trade{color:#999;}
.white .font_color_light{color:#55666b;}
.white .trade .history_trade dd{margin-bottom:0;}
.white .trade .history_trade dd .col_4{color:#586161;}
.white .trade .font_green{color:#32aa8f;}
.white .trade .font_red{color:#eb3639 !important}
.white .trade .sell_bg{background-color:#3dc18e;opacity:0.2;filter:alpha(opacity=20);}
.white .trade .buy_bg{background-color:#f9dede;}
.trade .trade_ipt{margin:19px 0 17px 0;}
.white .trade .ipt_inside i{color:#666;}
.white .trade .pancel input[type="text"]{color:#404040;background-color:#fbfbf9;border:1px solid #e6e6e6;}
.white .trade .pancel .range_point.active{background-color:#39c3a3;}
.white .trade .rang_path_line, .white .trade .range_point{background-color:#cccccc;}
.white .trade .pancel .range_track{background-color:#39c3a3;}
.white .trade .buy_pancel .trade_btn{background:#39c3a3;color:#ebfaf6;}
.white .trade .buy_pancel .trade_btn.confirm{border:1px solid #39c3a3;color:#39c3a3;font-weight:bold;background:none;}
.trade .range{margin-bottom:22px;}
.black .trade .range{margin-bottom:37px;}
.white .trade .range .slide_percent, .white .trade .pancel p{color:#666;}
.trade .handicap_list .merge_sel i, .trade .senior_line i{background:url("/statics/img/trade_abot.png") 0 0 no-repeat;border:none;width:9px;height:5px;}
.trade .senior_line i::after{border:none;}
.white .trade .handicap_list .merge_sel i:after{border:none;}
.data_title{padding:11px 0 0 26px;width: 339px;overflow: hidden;height:31px;line-height:31px;font-size:14px;color:#55666b;border-bottom:1px solid #e4e4e4;text-align:left;}
.data_title li:nth-child(1){width:50px;}
.data_title li:nth-child(2){width:80px;}
.data_title li:nth-child(3){width:110px;margin-right:10px;}
.trade .sell_wrap{height:176px;margin-top:16px;overflow:hidden;}
.trade .buy_wrap{height:176px;margin-bottom:25px;overflow:hidden;}
.trade .data_list .box_bg{max-width:260px;height:22px;position:absolute;right:0;top:0;width:10px;z-index:9;}
.trade .data_list .items_wrap{padding-left:26px;position:absolute;left:0;top:0;z-index:10;}
.trade .data_list span{height:22px;}
.trade .data_list li{width:359px;padding:0;height:22px;line-height:22px;}
.handicap_data{border-top:none;margin-top:9px;}
.handicap_data{margin-top:-43px;}
.trade .handicap_list .hadnicap_nav{text-align:center;}
.trade .handicap_list .hadnicap_nav .lf span{margin-left:115px;}
.trade .news_price{line-height:1;padding:6px 0;text-align:center;font-size:14px;font-weight:bold;cursor:pointer;}
.trade .handicap_list .hadnicap_nav{margin-top:-8px;}
.black .trade .handicap_list .hadnicap_nav{margin-top:-15px;}
.trade .data_list{font-size:13px;}
.black .jspHorizontalBar, .black .jspVerticalBar, .black .jspTrack{background-color:#262831}
.white .trade_nav .theme_onoff{color:#55666b;}