.us-finance-cont {
    background-color: #f5f7fb;
}

.arrow-right {
    border: solid #4a90e2;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    vertical-align: middle;
}

.hq-panel {
    padding: 0 15px;
    background-color: #fff;
}

.hq-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    background-color: #fff;
    border-bottom: 1px solid #e5e6f2;
}

.hq-bar span {
    font-size: 0.28rem;
    color: #676d87;
    vertical-align: middle;
}

span.hq-bar-title {
    color: #333;
    font-size: 0.32rem;
    font-weight: 700;
}

.hq-bar-value {
    color: #333;
    font-size: 0.3rem;
}

.hq-card {
    margin-bottom: 0.2rem;
    background-color: #fff;
}

.hq-card .wrap {
    padding: 0 15px;
}

.hq-card .hq-tui-1 {
    color: #999;
}

.hq-card .hq-tui-1 span {
    font-size: 0.24rem;
    vertical-align: middle;
}

.hq-card .hq-bar {
    border-bottom: none;
}

.hq-basicinfo dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    padding-bottom: 0.2rem;
}

.hq-basicinfo dt {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #676d87;
    font-size: 0.28rem;
}

.hq-basicinfo dd {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    color: #333;
    font-size: 0.28rem;
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
    -webkit-box-orient: vertical;
}


/* pill start */

.hq-pill {
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.hq-pill .apptui {
    color: #676d87;
    position: relative;
}

.hq-pill .apptui i {
    position: absolute;
    top: 0.02rem;
    right: 4px;
    width: 0.4rem;
    height: 0.15rem;
    background: url("//n.sinaimg.cn/finance/2017us/app.png") center/contain no-repeat;
}

.hq-pill sup {
    color: #676d87;
    font-size: 12px;
}

.hq-pill>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hq-pill>div span {
    font-size: 0.26rem;
}

.hq-pill p {
    color: #666;
    margin: 0.5rem 0;
    font-size: 0.26rem;
    text-align: center;
}

.hq-pill div span {
    padding: 0.12rem 0.48rem;
    border: 1px solid #DCE2EE;
    background-color: #fff;
}

.hq-pill div span.active {
    color: #2d81fe;
    border-right: none;
    background-color: #F5F6FA;
}

.hq-table table {
    width: 100%;
    table-layout: fixed;
}

.hq-table th {
    color: #676d87;
    font-size: 0.28rem;
    font-weight: normal;
    padding-bottom: 0.2rem;
}

.hq-table tr {
    height: 0.8rem;
    color: #333;
    font-weight: bold;
    font-size: 0.26rem;
    vertical-align: baseline;
    text-align: right;
}

.hq-table tr th:first-child,
.hq-table tr td:first-child {
    text-align: left;
}

.hq-table tr td:first-child {
    display: -webkit-box;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    overflow: hidden;
    -webkit-box-orient: vertical;
}


/* pill end */


/* analysis */

.hq-analysis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0.4rem;
    border-bottom: 1px solid #e5e6f2;
}

.hq-analysis .hq-chart {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    padding-right: 0.16rem;
}

.chart-bg {
    height: 2.8rem;
    background: url("//n.sinaimg.cn/finance/2017us/chartbg.png") center/contain no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chart-bg span b {
    color: #fd4331;
    font-size: 0.34rem;
    vertical-align: bottom;
}

.chart-bg b {
    color: #333;
    font-size: 0.24rem;
}

.chart-bg sub {
    color: #fd4331;
    font-size: 0.24rem;
}

.hq-analysis .hq-desc {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
}

.hq-analysis .hq-desc i {
    font-size: 12px;
    color: #9b9b9b;
    font-style: normal;
}

.hq-analysis .hq-desc p:first-child {
    padding-bottom: 0.16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #676d87;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.hq-analysis .hq-desc p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4px 0;
}

.hq-analysis p {
    font-size: 0.26rem;
}

.hq-analysis span {
    font-size: 0.28rem;
}

.hq-analysis b {
    font-size: 0.24rem;
    font-weight: normal;
}

.hq-total {
    margin-top: 0.3rem;
}

.hq-total dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 0.2rem;
}

.hq-total dl dt {
    color: #676d87;
    font-size: 0.28rem;
}

.hq-total dl dd {
    color: #333;
    font-size: 0.28rem;
}


/* hq-list-table 0 */

.hq-tab {
    padding: 15px;
}

.hq-tab .tab-ctrl {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.hq-tab .tab-ctrl a {
    font-size: 0.26rem;
    padding: 0.12rem 0.48rem;
    color: #676d87;
    border: 1px solid #DCE2EE;
    background-color: #fff;
}

.hq-tab .tab-ctrl a.active {
    color: #2d81fe;
    background-color: #F5F6FA;
}

.hq-tab .tab-ctrl a:first-child {
    border-right: none;
}

.hq-tab .tab-desc {
    margin: 0.28rem 0 0;
    color: #666;
    font-size: 0.26rem;
    text-align: center;
}

.incometui,
.balancetui,
.cashflowtui {
    /* height: 5.04rem; */
    position: relative;
}

.incometui {
    background-color: rgba(255, 255, 255, .8)
    /* background: url("//n.sinaimg.cn/finance/2017us/p1.png") center/contain no-repeat; */
}

.balancetui {
    background: url("//n.sinaimg.cn/finance/2017us/p2.png") center/contain no-repeat;
}

.cashflowtui {
    background: url("//n.sinaimg.cn/finance/2017us/p3.png") center/contain no-repeat;
}

.hq-list-table {
    color: #333;
    font-size: 0.3rem;
}

.hq-list-table {
    width: 100%;
    display: block;
}

.tuichart {
    width: 100%;
    height: 3.2rem;
    display: block;
    /* display: none; */
}

.tuichart.active,
.hq-list-table.active {
    display: block;
}

.hq-list-table h1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.3rem;
}

.hq-list-table dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0.28rem;
}

.hq-list-table dl:last-child {
    margin-bottom: 0;
}

.hq-list-table dl dt {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    text-align: left;
}

.hq-list-table dl dd {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    text-align: right;
}

.hq-list-table .sheetdesc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.2rem 0;
    font-size: 0.24rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #999;
}

.red {
    color: #fd4331;
}

.green {
    color: #05aa3b;
}

.rlink {
    color: #676d87;
    vertical-align: middle;
}

.rlink+i {
    border-color: #676d87;
}

span[data-role="appcaller"] {
    color: #4a90e2;
}

.btntui {
    position: absolute;
    top: 1.6rem;
    left: 50%;
    margin-left: -0.9rem;
    width: 1.8rem;
    height: 0.76rem;
    line-height: 0.6rem;
    background: url("//n.sinaimg.cn/finance/2017us/btnbg.png") center/contain no-repeat;
    color: #fff;
    font-style: normal;
    text-align: center;
    font-size: 0.24rem;
}

.icon-new {
    top: 0;
    right: 6px;
    width: 0.38rem;
    height: 0.3rem;
    position: absolute;
    background: url(//n.sinaimg.cn/finance/2017us/new.png) center/contain no-repeat;
}

.us-finance-cont .hq-bar {
    border-bottom: 1px solid #e5e6f2;
}

.reportTime {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 1rem;
    line-height: 1rem;
    margin-bottom: 10px;
    padding: 0 15px;
    background-color: #fff;
}

.reportTime b {
    color: #333;
    font-size: 0.32rem;
    font-weight: normal;
}

.reportTime span {
    color: #676D87;
    font-size: 0.26rem;
}

.nodata {
    width: 100%;
    height: 3rem;
    line-height: 2.4rem;
    text-align: center;
}

.nodata .i-404 {
    width: 2.1rem;
    height: 1.52rem;
    display: inline-block;
    vertical-align: middle;
    background: url("//n.sinaimg.cn/finance/2017us/nil.png") center/contain no-repeat;
}


/* hq-list-table 1 */

.us-rating {
    padding: 0 20px
}

.rating {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-spacing: 0 25px;
    border-collapse: separate;
    background-color: #fff;
    border-bottom: 1px solid #f7eaea
}

.rating-panel {
    display: table-row
}

.rating-panel>div {
    width: 25%;
    display: table-cell;
    padding-left: 15px
}

.rating-panel>div .panel-txt {
    color: #5d718c;
    font-size: 12px;
    text-align: left;
    margin-bottom: 2px
}

.rating-panel>div .panel-data {
    color: #000;
    font-size: 13px;
    text-align: left;
    font-weight: 700
}

.colorbar,
.financeforecast,
.recommend,
.targetprice {
    padding-top: 15px;
    padding-bottom: 35px;
    border-bottom: 1px solid #f7eaea
}

.colorbar h3,
.financeforecast h3,
.recommend h3,
.targetprice h3 {
    font-size: .32rem;
    font-weight: 700;
    margin-bottom: 20px
}

.colorbar h3 span,
.financeforecast h3 span,
.recommend h3 span,
.targetprice h3 span {
    color: #333;
    vertical-align: middle
}

.recommend {
    border-bottom: none
}

.financeforecast .touch-ctrl {
    display: none;
    top: 60px;
    left: 30px;
    position: absolute
}

.financeforecast .v-line {
    position: absolute;
    width: 1px;
    height: 0;
    border: .5px dashed #508cee
}

.financeforecast .aesp,
.financeforecast .esp {
    top: 0;
    left: 0;
    position: absolute;
    font-size: 12px
}

.financeforecast h3 {
    position: relative
}

.financeforecast h3 .notice {
    position: absolute;
    top: 4px;
    right: 0;
    font-size: 12px;
    font-weight: 100
}

.financeforecast h3 .notice-expect i {
    width: 10px;
    height: 10px;
    border: 1px solid #4990e2;
    display: inline-block;
    margin-right: 2px;
    border-radius: 50%
}

.financeforecast h3 .notice-actual i {
    width: 10px;
    height: 10px;
    background-color: #f6a623;
    display: inline-block;
    margin-right: 2px;
    border-radius: 50%
}

.recommend .notice {
    margin-top: 20px;
    width: 100%;
    display: inline-block;
    font-size: 0;
    text-align: center
}

.recommend .notice-1,
.recommend .notice-2,
.recommend .notice-3,
.recommend .notice-4,
.recommend .notice-5 {
    font-size: 12px;
    margin-right: 4%
}

.recommend .notice-1 i,
.recommend .notice-2 i,
.recommend .notice-3 i,
.recommend .notice-4 i,
.recommend .notice-5 i {
    vertical-align: middle;
    display: inline-block;
    margin-right: 2px;
    width: 12px;
    height: 12px
}

.hq-bar,
.hq-basicinfo dl {
    display: flex;
    display: -webkit-flex;
}

.recommend .notice-1 b,
.recommend .notice-2 b,
.recommend .notice-3 b,
.recommend .notice-4 b,
.recommend .notice-5 b {
    font-weight: 400;
    vertical-align: middle
}

.recommend .notice-1 i {
    background-color: #db000d
}

.recommend .notice-2 i {
    background-color: #f94141
}

.recommend .notice-3 i {
    background-color: #ffab21
}

.recommend .notice-4 i {
    background-color: #6ed44a
}

.recommend .notice-5 i {
    background-color: #01ab6a
}