@charset "utf-8";
/**初始化*/
* {
    margin:0;
    padding:0;
    /*
    -webkit-user-select: none;
    -moz-user-select: -moz-none;*/
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    -moz-tap-highlight-color:rgba(0, 0, 0, 0);
    -ms-touch-action:none;
    -webkit-touch-callout: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    overflow-x:hidden;
    -webkit-text-size-adjust:none;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-align:stretch;
}
a{text-decoration: none;}
nav,
content,
header,
footer{
    display: block;
}
ul,ol,dl,li{
    padding: 0;
    margin: 0;
    list-style: none;
}
img{
    height: auto;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.cf:before,
.cf:after{
    display: table;
    content: " ";
}
.cf:after{
    clear: both;
}

.hide{
    display: none;
}
.show{
    display: block;
}
/**初始化*/
body{font-size: 14px;color: #333;font-family:"微软雅黑";}
a{color: #333;}
.wrap{ max-width:640px; margin:0 auto;}

/********个股详情页**********/
.card_module{clear: both;overflow: hidden;padding:10px 0;}
.f{margin:0 10px;clear: both;overflow: hidden;display: -webkit-box;display:-ms-flexbox;display: -webkit-flex;display: flex;}
.f_item{padding:0; padding-bottom:10px ;width: 0;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;position: relative;}
.shares_numb1{font-size:22px;text-align:center;line-height:30px;}
.shares_range{font-size:12px;text-align:center; line-height:30px;}
.shares_c{color:#898989;font-size:13px;line-height:30px; text-align:left;}
.f_left2{margin-left:5%;}
.shares_c span{color:#333;}
.time_c{width:100%;height:300px;visibility: hidden;position: absolute;}
.tab{ background:#f8f8f8;width:100%; overflow:hidden; height:40px;}
.tab li{ width:11%; float:left; text-align:center;font-size:14px; line-height:40px;height:40px;overflow:hidden; margin:0 1.5%; border-bottom:2px solid #f8f8f8;}
.tab li.hover{color:#0b4e9e;border-bottom:2px solid #0b4e9e;}
#main, #main1, #main2, #main3, #main4, #main5, #main6{width:100%;height:300px;}
/******文章列表******/
.content .news_list { line-height:22px;}
.content .news_list .news_stitle { background:#f3f3f3; height:30px; line-height:30px; margin:0 0 0 0; color:#168359; font-size:14px; /*font-weight:bold*/}
.content .news_list .news_stitle a { padding:0 20px; margin:0;color:#666;/* font-weight:bold*/ border:none;}
.content .news_list .news_stitle a span { float:right; font-size:12px; font-weight:normal}
.content .news_list a { display:block; padding:15px 20px 15px 20px; border-bottom:solid 1px #eee; margin:0 0 0 0; }
.content .news_list a img {width: 80px;height: 60px;margin: 2px 10px 0 0;float: left;}
.content .news_list .news_title { font-size:16px; color:#000000; /*font-weight:bold;*/ height:44px; overflow:hidden}
.content .news_list .news_date { font-size:12px; color:#666666;overflow: hidden;}
.content .news_list .album { display:block; clear:both}
.content .news_list .album .news_title { height:auto; overflow:auto}
.content .news_list .album ul { height:65px; overflow:hidden}
.content .news_list .album ul li { float:left; width:32%; margin:0 2% 0 0;}
.content .news_list .album ul li.last { margin:0}
.content .news_list .album ul li img { float:none; padding:0 0 0 0;; margin:0 0 0 0; width:100%; height:100%}
.content .news_list a img {width: 80px;height: 60px;margin: 2px 0 0 10px;float: right;}
.content .news_list a.zy{color:#666666;font-size:14px; border:none;}
.content .news_list a.zy span{color:#fff;background:#5991d3;padding:2px 5px;margin-right:5px;}
.icon_data{ float:right;border:1px solid #0f519f;border-radius:5px;font-size:12px;color:#0f519f;line-height:14px;padding:0 5px;margin-top:5px;}

/*****************/
.f_left{margin-left:12%;}

/*********行情版块-建筑*************/
.content_t{ margin:0 auto; width: 100%; max-width: 640px;}
ul.table{list-style: none;}
.content_t ul.table{padding-top:40px;}
.my_b{ background:#f0f0f0;}
.content_t .my_b{position:fixed;top:0;width:100%;max-width:640px;}
.us-relate-name {font-size: 14px;line-height:16px;display: block;overflow: hidden;}
.gray {color:#aaa;font-size:12px;}
.line-list {display: -webkit-box;display: -webkit-flex;display:-ms-flexbox;display: flex;width: 100%;}
.line-list-item {line-height: 30px;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:10px 0;text-align:center;color:#000;}
.line-list-item .trade_name{line-height:15px;display: inline-block;}
.line-list-first{-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;}
.line-list-first .name{text-align: center;line-height:20px;width: 100%;padding: 10px 0;display: block;}
/***.sort-arrow-down{width:8px;height:12px;background: url(https://static.21jingji.com/images/stock/sort-arrow-down.png) no-repeat;background-size:8px 12px;display: block;}
.sort-arrow-up{width:8px;height:12px;background: url(https://static.21jingji.com/images/stock/sort-arrow-up.png) no-repeat;background-size:8px 12px;display: block;}**/
.sort-arrow {background: url(//static.21jingji.com/images/stock/sort-arrow.png) no-repeat 95% center; background-size:8px 12px;margin:0 auto; font-style:normal;  }
.sort-arrow-down{background-image:url(//static.21jingji.com/images/stock/sort-arrow-down.png);}
.sort-arrow-up{ background-image:url(//static.21jingji.com/images/stock/sort-arrow-up.png);}
.us-relate-color{display:block;margin:0 auto;width:70px;height:30px;line-height:30px;text-align:center;font-size:14px;color:#fff;background:#bfbfbf;}
.line{border-bottom:1px solid #eee;}
@media only screen and (max-width: 320px){.tbItemSize, .tbLineSize {font-size: 12px;}.us-relate-color{font-size:12px;width:55px;}}

/*********搜索、热门搜索、搜索历史*********/
.hq-header-content{padding:5px 12px;}
.hq-header{background:#f8f8f8;position:fixed;border-bottom:1px solid #dfdfdf;left:0;top:0;z-index:2;width:100%;height:45px;font-size:14px;;}
.search_c{border:1px solid #d4d4d4;border-radius:30px;;padding:6px; background:#fff; overflow:hidden; margin:0 auto;position: relative;}
.icon-searchlarge{background:url(https://static.21jingji.com/images/stock/search-big.png) no-repeat center;background-size:18px;width:30px;height:30px;display:block;position:absolute;right:10px;top:0;}
.search{border:0;line-height:20px;font-size:14px;outline:none; display:block;padding-right:0px;width:100%;}
.search_title{background:#f8f8f8;padding:5px 12px;color:#7b7b7b;}
.search_cont{width:100%; padding-top:45px;}
.search_content{ padding:10px 12px; padding-top:0;overflow: hidden;}
.fund_name{width:30%;border:1px solid #d4d4d4;background:#f8f8f8;border-radius:6px;text-align:center;line-height:18px;color:#000;font-size:14px;padding:3px;margin-top:10px;float:left;}
.fund_name font{font-size:12px;}
.fund_center{margin:0 5%;margin-top:10px;}
.fund_name font{color:#aaaaaa;}
.fund_history{ background:url(https://static.21jingji.com/images/stock/kind.png) no-repeat left center;background-size:20px;padding:10px 0;padding-left:25px;overflow:hidden;border-bottom:1px solid #e8e8e8;}
.fund_name1{width:65%; border-radius: 6px; text-align: center; line-height: 18px; color: #000;font-size: 14px;padding: 3px;float: left;}
.fund_name2{float:left;padding: 0;}
.delete{width:30px;height:40px;background:url(https://static.21jingji.com/images/stock/delete.png) no-repeat right center;background-size:20px;float:right; display:block;}
.option{float:right;padding:5px;border:1px solid #0f519f;color:#0f519f;text-align:center;font-size:14px;line-height:20px;border-radius:6px;margin-top:5px;}
.no_option{color:#a0a0a0;border:1px solid #a0a0a0;}
.clear_history{ padding:10px; text-align:center;border-bottom:1px solid #ccc;}
.clear_history a{ text-align:center;font-size:13px;}

/***********沪深股市***********/
.market_head{width:100%;overflow:hidden; background:#f8f8f8;}
.market_head a{display:block;text-decoration:none;width:50%; float:left;font-size:18px;color:#333;line-height:30px;text-align:center;padding:6px 0;}
.market_head a.hover{color:#0f519f; background:url(https://static.21jingji.com/images/stock/x.png) no-repeat bottom center; background-size:auto 4px;}
.markets .my_b{ position:static;}
.markets .table{ padding-top:0;}
.add_more{ margin-top:20px;}
.add_cont{width:70%;border:1px solid #d2d2d2;background:#fdfdfd;text-align:center;font-size:14px;color:#d2d2d2;line-height:30px;padding:5px 0;margin:0 auto;}
.add_cont font{font-size:22px;}

/*******自选股票********/
.flexbox{ text-align:center;padding-top:10px;position: relative;font-size:14px;line-height:26px;}
.flexbox a{display:block;}
.flexbox {border:0;border-right:1px solid #eee;}
.flexbox:nth-last-child(1) {border:0;}
.stock {background-color: #fff}
.stock .my_b{ background:#fff; border-bottom:1px solid #eee;color:#898989;}
.list_title{display: block;color: #898989;background:#f0f0f0 url(https://static.21jingji.com/images/stock/1.png) no-repeat center right;background-size:30px;padding: 5px 0;text-indent: 15px;font-size:12px;}
.stock .table{}
.stock .line-list .line-list-item:first-child{ text-align:center;}
/*.stock .line-list .line-list-item:last-child span{ margin-right:0;}*/
.stock .my_b .line-list-first:first-child .name{ text-align:left;}
/*.stock .my_b .line-list-first:last-child .name{ text-align:right;}*/
h3{font-size:15px;}
.stock .shares_c{ line-height:24px; text-align:center;}
.stock .shares_c1{ line-height:20px; text-align:center;font-size:12px;}
.hangye .flexbox{border-bottom:1px solid #eee;}
.hangye .flexbox h3 {white-space: nowrap;text-overflow:ellipsis;overflow: hidden;padding: 0 2px;}
@media only screen and (max-width: 320px){.flexbox{font-size:12px;line-height:21px;}h3{font-size:13px;}.stock .shares_c{ line-height:19px;}}



body .red , body .zxj_z{color:#e8544c!important;}/**红色**/
body .b_red{ background:#ea534c!important;}
body .green , body .zxj_d{color:#3eaf5a!important;}/**绿色**/
body .b_green{background:#3eaf5a!important;}/**绿色**/
body .grey{color: #bfbfbf!important;}
body .b_grey{background:#bfbfbf!important;}

.red .current, .red .open,.red .high, .red .range,.red .rangeAmount{color:#e8544c!important;}/**红色**/
.green .current, .green .open,.green .high, .green .range,.green .rangeAmount{color:#3eaf5a!important;}/**红色**/

/*股票详细页*/
.f{margin: 0; }
.nowP {width: auto; width: 45%;margin-right: 5%;margin-top: 0px;}
.nowP .shares_range{ font-size: 16px;}
.nowP .updatetime {font-size: 10px;color: #898989;text-align: center;margin-top: 1px;}
/*.nowP p{text-align: left}*/
.f1 .shares_range{font-size: 14px;}
.f1 .shares_numb1 {margin-top: 0px;font-weight:bold;font-size: 30px;line-height: 33px;}
.f1 .shares_range {line-height: 22px;}

.f1 {padding: 0 0 0 5%; border-bottom: 1px solid #e8e8e8;margin-bottom: 10px;}
.f1 .f_item{padding: 0;}
.f1 .shares_c{line-height: 17px; margin-bottom: 5px;font-size: 12px;}
.f2 {padding:0 0 0 5%}
.f2 .f_item {padding-bottom: 5px;}
.f2 .shares_c {font-size: 12px;line-height: 17px;color: #333}
.f2 .shares_c:first-child{color: #898989}

.tab li {width: 12%;margin: 0 1%}
.tab li:first-child{margin-left: 2%}

.cont {width: 100%;height: 300px}

/*股票分时线提示框*/
.ftooltip {width:100%;height:32px;line-height: 40px;padding: 0 10px;border-top: 1px #d8d7dc solid;border-bottom: 1px #d8d7dc solid;font-size: 12px; background-color: #f8f7fd;z-index: 100;position: absolute}
.ftooltip span {margin-right: 20px;}

.klineftooltip {width:100%;height:100px;line-height: 26px;padding:10px 0px;border-top: 1px #d8d7dc solid;border-bottom: 1px #d8d7dc solid;font-size: 12px; background-color: #f8f7fd;top:0;z-index: 100;position: absolute}
.klineftooltip tr td > span{display: inline-block;width: 100%}

.time_c .x {position: relative;width: 100%;margin-top: -5px;height: 20px;font-size: 12px;color: #a8a8a8;z-index: 100}
.time_c #main {z-index: 1000}
.time_c .x table {width: 100%}
.time_c .x table li {line-height: 20px;}
.time_c .axisLabel {width: 98%;height: 250px; position: absolute;font-size: 12px;padding: 0 1%;}
.time_c .axisLabel .label_1{position: absolute;}
.time_c .axisLabel .label_2{position: absolute;right: 1px}
.time_c .axisLabel .label_3{position: absolute;right: 1px;margin-top: 205px}
.time_c .axisLabel .label_4{position: absolute;margin-top: 205px}

#Ktooltip {display: none}
.Ktooltip {width: 100%;top:0;height: auto}
.MA {width: 100%;padding: 1px 10px 0 0;text-align: right;height: 27px}
.MA span{font-size: 12px;margin-left: 6px;}
.ma5 {color: #222222}
.ma10 {color: #ff8800}
.ma20 {color: #d3141a}
.ma30 {color: #4ca92a}

.load_more {
    clear: both;
    margin: 0 0 20px;
}
.load_more a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 50px;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin: 20px 15px;
    text-align: center;
}

.time_c table{width: 100%}
.time_c table tr td{padding: 0px;}
#sell_buy {height: 300px;}
#sell_buy li {padding:6px 5px; font-size: 12px;}
#sell_buy li:first-child{padding-top:5px;}
#sell_buy li:nth-child(10){padding-bottom:0px;}
#sell_buy li:nth-child(5){border-bottom: 1px #c3c2c8 solid}
#sell_buy li p span {}
#sell_buy li p span:first-child{color:#898989;margin-left:5px;}
#sell_buy li p span:nth-child(2){float: right; text-align: right}
/*end股票详细页*/

/*加载按钮*/
.column-loading{text-align:center;color:#b1b1b1; line-height:50px;}