i{
    display: inline-block;
    
}


#realtimequotes{
    width:100%;
}
#realtimequotes>li{
    width:20%;
    cursor:pointer;
}
.quotescontent{
    width: 100%;
    margin:0px auto;
    margin-top: 10px;
}
.quotescontent .containerTop{
    width:100%;
}
.quotescontent .containerTop select{
    height: 25px;
    margin-top: 10px;
    margin-left: 15px;
    float: left;
    display: none;
}
.quotescontent .chartType{
    text-align:right;
    float:right;
    margin-right: 15px;
}
.quotescontent .chartType .chartbtns{
    width:36px;
    height:36px;
    display: inline-block;
    margin-left: 5px;
}
.quotescontent .chartType .candleStick{
    background-image: url(/images/contentpage/candlestick.png);
}
.quotescontent .chartType .candleStick:hover,.quotescontent .chartType .candleStick.active{
    background-image: url(/images/contentpage/candlestick_over.png);
}
.quotescontent .chartType .lineChart{
    background-image: url(/images/contentpage/linechart.png);
}
.quotescontent .chartType .lineChart:hover,.quotescontent .chartType .lineChart.active{
    background-image: url(/images/contentpage/linechart_over.png);
}
.quotescontent .chartType .listData{
    background-image: url(/images/contentpage/listchart.png);
    display: none;
}
.quotescontent .chartType .listData:hover,.quotescontent .chartType .listData.active{
    background-image: url(/images/contentpage/listchart_over.png);
}

.realtimeContent .realtimeprice{
    position:absolute;
    top:10px;
    left:15px;
}
.realtimeContent .realtimeprice span,.realtimeContent .realtimeprice i,.realtimeContent .realtimeprice small{
    display: inline-block;
}
.realtimeprice .pricetitle{
    font-size:24px;
    color:#3c3c3c;
}
.realtimeprice .pricedata{
    font-size:24px;
    font-weight:bold;
}
.realtimeprice .changedata{
    font-size:16px;
}
.priceup{
    color:#00b050;
}
.pricedown{
    color:red;
}
.realtimeContent{
    height:132px;
    position:relative;
}
.realtimeContent .priceTable{
    width:672px;
    height:88px;
    font-size:14px;
    position:absolute;
    bottom:0px;
    left:15px;

}
.realtimeContent .priceTable td{
    border:1px solid #ccc;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.realtimeContent .priceTable i{
    vertical-align: middle;
}
.realtimeContent .priceTable .thead{
    background-color: #f0f0f0;
    text-align:left;
    width:60px;
    padding-left: 10px;
}
.realtimeContent .priceTable .tcontent{
    text-align:center;
    width:157px;
}
.realtimeContent .priceTable .tgreen{
    color:#00b050;
}

.quotescontent .chartContainer{
    width:672px;
    margin:0px auto;
    margin-top:10px;
    margin-bottom:10px;
}
.quotescontent .chartCon{
    height:500px;
}
.quotescontent .chartTitle{
    font-size:12px;
    margin-left: 60px;
}
.chartRestTime{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 400px;
    font-size: 30px;
    background-color: #f0f0f0;
    display: none;
}
.chartNodata{
    display: none;
    margin:10px;
    text-align: center;
}
#chartContainer{
    display: none;
}

.quotescontent .listChartTable{
    width:100%;
    display: none;
    margin-top: 20px;
}
.quotescontent .listChartTable table{
    width:100%;
    font-size: 13px;
}
.quotescontent .listChartTable table tr{
    border-bottom:1px solid #f0f0f0;
    
}
.quotescontent .listChartTable table tbody tr{
    cursor:pointer;
}
.quotescontent .listChartTable table tbody tr:hover{
    background-color: #e3e2e2;
}
.quotescontent .listChartTable table td{
    text-align:center;
    color: #032B4D;
    width: 80px;
    padding: 8px 0px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
}
.quotescontent .listChartTable table th{
    color:#a19e9e;
    text-align:center;
}

.quotescontent .listChartTable table td i.main-sprite-down{
    margin-left: 6px;
}
.quotescontent .listChartTable table td.codename{
    text-align:left;
    padding-left:20px;
    position: relative;
    width:102px;
    box-sizing: content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
}

.quotescontent .listChartTable table td.codename i{
    position:absolute;
    top:10px;
    right:8px;
}
.updown{
    display: inline-block;
    width:100px;
    height:25px;
    line-height: 25px;
}
.uping{
    background-color:#009847;
}
.downing{
    background-color: #ff0000;
}
.quotescontent .remark{
    margin:10px 0px;
    margin-left:15px;
}
.othersContent{
    width: 100%;
    margin: 0px auto;
    margin-top: 10px;
}

.calender_data{
    width:100%;
    padding:15px;
}
.calender_title{
    font-size:16px;
    color:#b89f07;
    font-weight:bold;
    text-align:left;
}
.flowData{
    height:32px;
    overflow:hidden; 
    text-align:center;
    margin-top:10px;
}
.flowData .calendarListBox ul.calender_content{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.flowData .calendarListBox ul.calender_content li {
    float: left;
    width: 50%;
    text-align: left;
    line-height: 32px;
}
.flowData .calendarListBox ul.calender_content li span{
    vertical-align: middle;
}
.calender_data table {
    width:100%;
    height:32px;
    
}
.calender_data table td{
    width:50%;
    padding:5px;
    text-align: left;
}
.calender_data table td span{
    vertical-align: middle;
}
.calender_data table td a:hover{
    cursor:pointer;
    color:#0070C0;
}
.calender_data table .noprice{
    color:#bbbbbb;
}
.more_calender{
    
    text-align:right;
    padding-right:30px;
}
.more_calender a:link,.more_calender a:visited{
    color:#b1992d;
}
.more_calender a:hover{
    color:#0070C0;
}
.otherSourceList{
    width:100%;
    height:300px;
    padding:15px;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
}
.otherSourceList .itemList{
    width:50%;
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    float:left;
}
.otherSourceList .itemleft{
    border-right:1px dashed #ccc;
}
.otherSourceList .itemright{
    padding-left:50px;
}
.otherSourceList .itemList ul{
    margin:0px;
    padding-left:15px;
    margin-top:10px;
}
.otherSourceList .itemList ul li{
    margin:0px;
   line-height: 30px;
    text-align: left;
    height: 30px;
}
.otherSourceList .itemList ul li a{
    display: inline-block;
    width: 170px;
    height:30px;
    vertical-align: middle;
}
a.extitle:link,a.extitle:visited{
    color:#b89f07;
}
.otherSourceList a:hover{
    color:#0070C0;
}
.otherSourceList .itemList .dataTime{
    margin-left: 20px;
}

.contentMenu .contentmenuNav{

}
/*type*/
.chartContainer .selTimeArea{
    width:100%;
    margin: 10px 0px;
}
.chartContainer .selTimeArea .selBtns{
    float:left;
}
.chartContainer .selTimeArea .selBtns a{
    display: inline-block;
    padding: 0px 8px;
    background-color: #f7f7f7;
    border-radius: 3px;
}
.chartContainer .selTimeArea .selBtns a.active{
    background-color:#b4c6db;
    color:#fff;
}
.chartContainer .selTimeArea .selInput{
    float:right;
}
.chartContainer .selTimeArea .selInput input{
    width:100px;
}

.loadingArea{
    text-align:center;
}

.calendarCon{
     max-width: 80%;
    display: inline-block;
    vertical-align: middle;

}