@charset "utf-8";.trend-container .mainquery-container .form-group:first-child{display:inline-block;width:auto}.trend-container .trend-search-input{width:198px}.trend-container .pic{float:left;width:66.89%}.trend-container .pic .head .time{float:right;color:#999;line-height:32px}.trend-container .pic .head h3{margin:14px 0 0;font-size:20px}.trend-container .pic .head h3 .gemSign{display:inline-block}.trend-container .pic .head h3 .gemSign .sign{width:16px;height:18px;font-size:12px;margin-left:5px;display:inline-block;text-align:center;line-height:16px;border:1px solid #d6d6d6;border-radius:3px}.trend-container .pic .head h3 .name{display:inline-block;line-height:32px;margin-right:15px}.trend-container .pic .head h3 .sec-code{padding:0 15px 0 0;color:#5573aa;line-height:32px;display:inline-block}.trend-container .pic .head h3 .sec-status{font-size:14px;color:#db3338;padding:0 6px;line-height:22px;vertical-align:bottom;background-color:#ffebef;border:1px solid #f5ccd0;border-radius:3px;display:inline-block;margin-bottom:4px}.trend-container .pic .head.enTradeStatus{height:auto}.trend-container .pic .head.enTradeStatus h3 .sec-status{display:inline-block;text-align:left;font-size:12px;line-height:20px}.trend-container .pic .body{border:1px solid #f3f3f3;background-color:#fcfcfc}.trend-container .pic .body .tab-wrap>li{display:table-cell;width:1%;padding:16px 0 12px;text-align:center}.trend-container .pic .body .tab-wrap>li .tab{display:inline-block;padding-bottom:4px;color:#7f7f7f;cursor:pointer}.trend-container .pic .body .tab-wrap>li .tab:focus,.trend-container .pic .body .tab-wrap>li .tab:hover{text-decoration:none}.trend-container .pic .body .tab-wrap>li.active .tab{border-bottom:1px solid #db3338;color:#db3338}.trend-container .pic .body .tabs-content{position:relative;height:429px}.trend-container .pic .body .tabs-content .tab-panel{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;z-index:1;background-color:#fcfcfc}.trend-container .pic .body .tabs-content .tab-panel.active{opacity:1;z-index:10}.trend-container .pic .annotation{margin-top:5px;padding-left:5px;font-size:12px;color:#999}.trend-container .pic .bondNote{font-size:1.3rem;margin-top:15px}.trend-container .detail{float:right;width:30.85%;padding-top:46px;font-size:12px;position:relative}.trend-container .detail>.cny{position:absolute;top:28px;right:0}.trend-container .detail .sec-item{margin-bottom:0;border:1px solid #eee}.trend-container .detail .sec-item.border-top-none{border-top:none}.trend-container .detail .sec-item>li{display:table;width:100%}.trend-container .detail .sec-item>li .blue{color:#5573aa}.trend-container .detail .sec-item>li>span{display:inline-block;padding-top:3px;padding-bottom:3px}.trend-container .detail .sec-item>li>span.value.text-left{text-align:left}.trend-container .detail .sec-item.detail-chinext>li.col-2,.trend-container .detail .sec-item.detail-isBond>li.col-2{display:block;float:left;width:50%;font-size:0}.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n-1),.trend-container .detail .sec-item.detail-isBond>li.col-2:nth-of-type(2n-1){width:45%}.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n-1) .name,.trend-container .detail .sec-item.detail-isBond>li.col-2:nth-of-type(2n-1) .name{width:40%}.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n-1) .value,.trend-container .detail .sec-item.detail-isBond>li.col-2:nth-of-type(2n-1) .value{width:60%}.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n-1) .value .value-cont,.trend-container .detail .sec-item.detail-isBond>li.col-2:nth-of-type(2n-1) .value .value-cont{width:auto;max-width:100%}.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n),.trend-container .detail .sec-item.detail-isBond>li.col-2:nth-of-type(2n){width:49%;float:right}.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n) span.name,.trend-container .detail .sec-item.detail-isBond>li.col-2:nth-of-type(2n) span.name{width:46%;text-align:left}.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n) span.value,.trend-container .detail .sec-item.detail-isBond>li.col-2:nth-of-type(2n) span.value{width:54%}.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n) span.value .value-cont,.trend-container .detail .sec-item.detail-isBond>li.col-2:nth-of-type(2n) span.value .value-cont{width:auto;max-width:100%}.trend-container .detail .sec-item.detail-chinext>li.col-2>span,.trend-container .detail .sec-item.detail-isBond>li.col-2>span{display:inline-block;font-size:12px}.trend-container .detail .sec-item.detail-chinext>li.col-1 span.name,.trend-container .detail .sec-item.detail-isBond>li.col-1 span.name{width:65%;float:left}.trend-container .detail .sec-item.detail-chinext>li.col-1 span.name.bps,.trend-container .detail .sec-item.detail-isBond>li.col-1 span.name.bps{width:78%}.trend-container .detail .sec-item.detail-chinext>li.col-1 span.value,.trend-container .detail .sec-item.detail-isBond>li.col-1 span.value{width:35%}.trend-container .detail .sec-item.detail-chinext>li.col-1 span.value.bps,.trend-container .detail .sec-item.detail-isBond>li.col-1 span.value.bps{width:22%}.trend-container .detail .sec-item.detail-chinext.detail-info,.trend-container .detail .sec-item.detail-isBond.detail-info{padding:8px 4%;margin-bottom:0;background-color:#fcfcfc}.trend-container .detail .sec-item.detail-chinext.detail-info>li:first-of-type .name,.trend-container .detail .sec-item.detail-chinext.detail-info>li:first-of-type .value,.trend-container .detail .sec-item.detail-chinext.detail-info>li:last-of-type .name,.trend-container .detail .sec-item.detail-chinext.detail-info>li:last-of-type .value,.trend-container .detail .sec-item.detail-isBond.detail-info>li:first-of-type .name,.trend-container .detail .sec-item.detail-isBond.detail-info>li:first-of-type .value,.trend-container .detail .sec-item.detail-isBond.detail-info>li:last-of-type .name,.trend-container .detail .sec-item.detail-isBond.detail-info>li:last-of-type .value{padding-top:3px;padding-bottom:3px}.trend-container .detail .sec-item.detail-chinext.detail-info .name,.trend-container .detail .sec-item.detail-isBond.detail-info .name{width:50%;vertical-align:middle;border-right:none}.trend-container .detail .sec-item.detail-chinext.detail-info .value,.trend-container .detail .sec-item.detail-isBond.detail-info .value{width:50%}.trend-container .detail .sec-item.detail-chinext.detail-secinfo,.trend-container .detail .sec-item.detail-isBond.detail-secinfo{padding:8px 4%}.trend-container .detail .sec-item.detail-chinext.detail-secinfo:nth-of-type(3),.trend-container .detail .sec-item.detail-isBond.detail-secinfo:nth-of-type(3){margin-bottom:20px}.trend-container .detail .sec-item.detail-chinext.detail-secinfo.detail-isCashBond:nth-of-type(3),.trend-container .detail .sec-item.detail-isBond.detail-secinfo.detail-isCashBond:nth-of-type(3){margin-bottom:0}.trend-container .detail .sec-item.detail-hasTitle>li>span:last-of-type{width:44%;float:left}.trend-container .detail .sec-item.detail-hasTitle>li>span:nth-of-type(1){width:20%;float:left}.trend-container .detail .sec-item.detail-hasTitle>li>span:nth-of-type(2){width:36%;float:left}.trend-container .detail .sec-item.detail-hasTitle>li>.blue:last-of-type{padding-right:7px}.trend-container .detail .sec-item.isNonDrCB>li .name{width:67%}.trend-container .detail .sec-item.isNonDrCB>li .value{width:33%}.trend-container .detail .detail-info{padding:0 4%;margin-bottom:20px}.trend-container .detail .detail-info>li:first-of-type .name,.trend-container .detail .detail-info>li:first-of-type .value{padding-top:12px}.trend-container .detail .detail-info>li:last-of-type .name,.trend-container .detail .detail-info>li:last-of-type .value{padding-bottom:12px}.trend-container .detail .detail-info>li .name{width:58%;border-right:1px solid #eee;position:relative;display:inline-block}.trend-container .detail .detail-info>li .name.note{cursor:pointer}.trend-container .detail .detail-info>li .name.note::after{display:none;width:115px;padding:7px;background:#fff;border:1px solid #e1e1e1;border-radius:4px;position:absolute;top:-4px;left:90px;z-index:100;-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);-moz-box-shadow:0 0 10px rgba(0,0,0,.15);box-shadow:0 0 10px rgba(0,0,0,.15)}.trend-container .detail .detail-matchinfo,.trend-container .detail .detail-secinfo{padding:12px 4%}.trend-container .detail .detail-info>li .name.note::before{content:"";display:none;position:absolute;top:7px;left:85px;width:10px;height:10px;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;background-color:#fff;border-radius:0 .25em 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:110}.trend-container .detail .detail-info>li .name.note.cjmr::after{content:'按债券发行面额计算的成交额'}.trend-container .detail .detail-info>li .name.note.cjje::after{content:'按债券实际交易价格计算的成交额'}.trend-container .detail .detail-info>li .name.note.cjmr_en::after{content:'Calculated based on par value';width:160px}.trend-container .detail .detail-info>li .name.note.cjje_en::after{content:'Calculated based on the executed price';width:160px}.trend-container .detail .detail-info>li .name.note:hover::after,.trend-container .detail .detail-info>li .name.note:hover::before{display:block}.trend-container .detail .detail-info>li .value-cont{display:inline-block;width:auto;max-width:65px;position:relative}.trend-container .detail .detail-info>li .value{width:42%;vertical-align:middle;text-align:right;display:inline-block;float:right;overflow:hidden}.trend-container .detail .detail-info>li .value .icon{width:10px;height:6px;-webkit-transform:translate(0,5px);-moz-transform:translate(0,5px);-ms-transform:translate(0,5px);-o-transform:translate(0,5px);transform:translate(0,5px);background:url(../../../../common/icon/icon-updown-arrow.png) 0 -6px no-repeat;position:absolute;left:-13px;top:0}.trend-container .detail .detail-info>li.high-up .change,.trend-container .detail .detail-info>li.low-up .change,.trend-container .detail .detail-info>li.open-up .change,.trend-container .detail .detail-info>li.up .change{color:#db3338}.trend-container .detail .detail-info>li.down .change,.trend-container .detail .detail-info>li.high-down .change,.trend-container .detail .detail-info>li.low-down .change,.trend-container .detail .detail-info>li.open-down .change{color:#22ac38}.trend-container .detail .detail-info>li.down .value .icon,.trend-container .detail .detail-info>li.high-down .value .icon,.trend-container .detail .detail-info>li.low-down .value .icon,.trend-container .detail .detail-info>li.open-down .value .icon{background-position:0 0}.trend-container .detail .detail-secinfo>li>span{width:33.3333%;float:left}.trend-container .detail .detail-secinfo>li>span:last-of-type{text-align:right}.trend-container .detail .detail-secinfo>li>span:nth-of-type(2){text-align:center}.trend-container .detail .sellbuyTitle{margin-top:10px;margin-bottom:-20px;line-height:34px;font-weight:700}.trend-container .detail .detail-matchinfo>li>span{width:50%;vertical-align:top;word-break:break-all;float:left}.trend-container .detail .detail-matchinfo>li>span.value{text-align:right}.trend-container .detail .detail-matchinfo>li>span.en.name{width:72%}.trend-container .detail .detail-matchinfo>li>span.en.value{width:28%}@media (max-width:1200px){.trend-container .pic{width:60.89%}.trend-container .pic .head{position:relative}.trend-container .pic .head .time{position:absolute;right:-135px}.trend-container .detail{width:36.85%}}@media (max-width:1058px){.trend-container .detail .sec-item.detail-chinext>li span.value.text-left,.trend-container .detail .sec-item.detail-isCashBond>li span.value.text-left{text-align:right}.trend-container .detail .sec-item.detail-chinext>li.col-2,.trend-container .detail .sec-item.detail-isCashBond>li.col-2{float:none;display:table;width:100%}.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n),.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n-1),.trend-container .detail .sec-item.detail-isCashBond>li.col-2:nth-of-type(2n),.trend-container .detail .sec-item.detail-isCashBond>li.col-2:nth-of-type(2n-1){width:100%}.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n) span.name,.trend-container .detail .sec-item.detail-isCashBond>li.col-2:nth-of-type(2n) span.name{width:50%;text-align:left}.trend-container .detail .sec-item.detail-chinext>li.col-2:nth-of-type(2n) span.value,.trend-container .detail .sec-item.detail-isCashBond>li.col-2:nth-of-type(2n) span.value{width:50%}}@media (max-width:1024px){.trend-container .detail .detail-info>li .value{padding-right:0}}@media (max-width:1000px){.trend-container .pic{width:57%}.trend-container .pic .head h3{font-size:16px}.trend-container .detail{width:41%}}@media (max-width:955px){.trend-container .pic .head{height:auto}.trend-container .pic .head h3{font-size:16px;line-height:24px}.trend-container .pic .head h3 .sec-status{font-size:12px}}@media (max-width:900px){.trend-container .detail,.trend-container .pic{width:100%}.trend-container .pic .head h3{font-size:18px}.trend-container .pic .head .time{font-size:12px;right:3px;bottom:-25px}.trend-container .pic .body .tab-wrap>li{padding-top:20px}.trend-container .detail .detail-info>li .name,.trend-container .detail .detail-info>li .value{width:50%}}@media (max-width:500px){.trend-container .pic .head{height:auto}.trend-container .pic .head h3{font-size:16px}.trend-container .pic .head h3 .sec-code{display:inline-block}.trend-container .pic .head h3 .sec-status{vertical-align:bottom}.trend-container .pic .head .time{font-size:12px}}