/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	direction:ltr;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	-webkit-transition-property:left, top, -webkit-transform;
	
	transition-property:left, top, -webkit-transform;
	
	transition-property:transform, left, top;
	
	transition-property:transform, left, top, -webkit-transform;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
.swiper-container {
	/* Specify Swiper's Size: */

	/*width:200px;
	height: 100px;*/
}
.swiper-slide {
	/* Specify Slides's Size: */
	
	/*width: 100%;
	height: 100%;*/
}
.swiper-slide-active {
	/* Specific active slide styling: */
	
}
.swiper-slide-visible {
	/* Specific visible slide styling: */	

}
/* ===============================================================
Pagination Styles
================================================================*/
.swiper-pagination-switch {
	/* Stylize pagination button: */	

}
.swiper-active-switch {
	/* Specific active button style: */	
	
}
.swiper-visible-switch {
	/* Specific visible button style: */	
	
}
.rhemoji-emo {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}

.rhemoji-list-wrap {
    border: none;
    background-color: #ebeff3;
    z-index: 1000;
    overflow: visible;
    padding: 12px 9px 12px 12px;
}

.rhemoji-list {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

.rhemoji-list::-webkit-scrollbar {
    width: 6px;
    background-color: #ebeff3;
}

.rhemoji-list::-webkit-scrollbar-thumb {
    height: 120px;
    background-color: #ccd7df;
    border-radius: 4px;
}

.rhemoji-list-wrap .rhemoji-list .emoji {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 10px;
    margin-bottom: 6px;
}

.rhemoji-list-wrap .triangle-icon {
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent #ebeff3;
}

/* mobile */
.rhemoji-list-mobile {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #eceef1;
}

.rhemoji-emo-mobile {
    width: 26px;
    height: 26px;
    margin-top: -3px;
    display: inline-block;
    vertical-align: middle;
}

.rhemoji-list-mobile .rhemoji-triangle-icon-mobile {
    width: 0;
    height: 0;
    border: 8px solid;
    border-color: transparent transparent #ebeff3;
}

.rhemoji-list-mobile .rhemoji-list-content {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

.rhemoji-list-mobile .rhemoji-list-ul {
    padding: 16px 0 16px 12px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 104px;
}

.rhemoji-list-mobile .rhemoji-list-ul .emoji {
    width: 40px;
    height: 40px;
    margin-right: 11px;
    margin-bottom: 8px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}

.rhemoji-list-mobile .rhemoji-delete-wrap {
    width: 100px;
    height: 88px;
    position: absolute;
    bottom: 16px;
    right: 11px;
    z-index: 9999;
}

.rhemoji-delete-icon {
    width: 56px;
    height: 44px;
    position: absolute;
    right: 16px;
    bottom: 38px;
    z-index: 99999;
}

.rhemoji-input-box:empty:before {
    content: attr(placeholder);
    color: #999999;
}

.rhemoji-input-box img {
    width: 24px;
    height: 24px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
}
body{background:#f8f9fb}.stockBar-wrap{padding-top:26px}.stockBar-wrap .stockBar-main{float:left;width:660px;margin-right:20px}.stockBar-wrap .stockBar-sider{float:left;width:320px}.stockBar-wrap .hot-bar .head,.stockBar-wrap .quote .head{margin-bottom:10px}.stockBar-wrap .hot-bar .head>span,.stockBar-wrap .quote .head>span{font-size:20px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:28px}.stockBar-wrap .hot-bar .search,.stockBar-wrap .quote .search{width:436px;position:relative;border:1px solid #e94041;border-radius:15px}.stockBar-wrap .hot-bar .search input,.stockBar-wrap .quote .search input{border:none;outline:none;font-size:14px;padding:0 60px 0 16px;width:100%;height:100%;color:#333;border-radius:15px}.stockBar-wrap .hot-bar .search input::-webkit-input-placeholder, .stockBar-wrap .quote .search input::-webkit-input-placeholder{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:30px}.stockBar-wrap .hot-bar .search input::-moz-placeholder, .stockBar-wrap .quote .search input::-moz-placeholder{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:30px}.stockBar-wrap .hot-bar .search input:-ms-input-placeholder, .stockBar-wrap .quote .search input:-ms-input-placeholder{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:30px}.stockBar-wrap .hot-bar .search input::-ms-input-placeholder, .stockBar-wrap .quote .search input::-ms-input-placeholder{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:30px}.stockBar-wrap .hot-bar .search input::placeholder,.stockBar-wrap .quote .search input::placeholder{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#999;line-height:30px}.stockBar-wrap .hot-bar .search .stockBar-search,.stockBar-wrap .quote .search .stockBar-search{position:relative;width:100%;height:30px;border-radius:15px;background:#fff}.stockBar-wrap .hot-bar .search .stockBar-search .icon-search,.stockBar-wrap .quote .search .stockBar-search .icon-search{position:absolute;top:3px;right:3px;width:48px;height:24px}.stockBar-wrap .hot-bar .search .search-result-box,.stockBar-wrap .quote .search .search-result-box{display:none;z-index:10;left:-1px;top:33px}.stockBar-wrap .hot-bar .search .search-result-noData,.stockBar-wrap .quote .search .search-result-noData{position:absolute;left:50%;top:50%;width:100px;margin-left:-50px;margin-top:-13px;text-align:center;color:#999}.stockBar-wrap .quote .search{width:266px;position:relative}.stockBar-wrap .hot-bar-swiper{width:660px;height:144px;position:relative}.stockBar-wrap .hot-bar-swiper:hover .left-btn,.stockBar-wrap .hot-bar-swiper:hover .right-btn{display:unset}.stockBar-wrap .hot-bar-swiper .left-btn,.stockBar-wrap .hot-bar-swiper .right-btn{cursor:pointer;z-index:10;position:absolute;top:51px;width:20px;height:34px;display:none}.stockBar-wrap .hot-bar-swiper .left-btn img,.stockBar-wrap .hot-bar-swiper .right-btn img{width:100%;height:100%}.stockBar-wrap .hot-bar-swiper .left-btn{left:0}.stockBar-wrap .hot-bar-swiper .right-btn{right:0}.stockBar-wrap .hot-bar-swiper .hot-item{float:left;width:212px;height:40px;background:#fff;cursor:pointer;margin-bottom:8px;line-height:40px;text-align:center;padding:0 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#333;font-size:16px;font-weight:500}.stockBar-wrap .hot-bar-swiper .hot-item:hover{background:#ebeff3}.stockBar-wrap .hot-bar-swiper .hot-icon{display:inline-block;vertical-align:-4px;margin-right:2px;width:18px;height:18px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAMAAADW3miqAAABvFBMVEX////sTEz2rq7pUFDsY2P2jo7tS0v/h4ftSkr1ZWj0YmXyYGHrSUn5aWnqQEH1cXLyYGLqQEHvU1TqQELrREXrQkTuS0vzYWH5d3frREXrR0nrRUXqQEHzZGXwWVvyY2XyaGrvWFjpQEHyXmD1cnTrQkTqREbyYmL1bW7xXl/zaGnrQkPuS0vqQ0P2dHf1aGntSkrzZWf0aWzuQkPxX2DtTk70bW3tS0v2cHHxW1vyX2L3bnHzXl71cXT2YmLuT1D0amz1b3DvV1jvWVvtUFHpQ0TxX2HyZGXwXl/uUFHuUFHwWVntUVLpP0HtTE32b3D0aWrrS0z0bG/wV1j1cXPtTU70aWr0Z2fwWVzsS0zyZWb2cXLqQUPzZWXxYWPqQULsTk/0b3DqQ0P3dHfyYmPuT0/qQUPrRkbzaGjwXmD3dnb1bG7qR0nyZWXrS0zzaGjuT1HsSUnxXl7sREb3dnnxYWHsUFD1bHD0cXHyW1vsRkbsSEj1Z2fsVVXqQEH2cHLwXV/yZGXxYGHsSUrqRUbxYmPvVlftUVL0a2zzZ2jwW1zuU1TsTE3rQ0T2dHX0bW7zaWryYmTvWVvsS00hpMleAAAAfnRSTlMDGwUWDQclCy8YEtZXCfPs6tvPtpV/KiEV+/bw7+ji393FvLe1saWXg313d3RwZ2JiX1lXUkxCPTo1MCwoJhz++vn59vb18/Ly7Ovo5uXk397e1tbV1dPLy8nIxcPCurmxqqqloqGdnJqal5WTiYJ9d3dqaWFcUElIOzc1NBudvrCNAAAB1ElEQVQ4y7WQVVfrQBRGT9KmqVGhiru7c5Hr7u5uuLtNtN6if5gJITAJpX1iP2Rl5tvryMAVsexuzy/92d2dpPNJtRzH1bJ5pLdcu5v7ktuib3Hs6Iu9XzmlwfhrgGH3XmMuqTE+hb/9N+PrOaTK/TXANO+/v3zF7sTLk5CpTHQBhLuzmeEyoUP960h8ABgX5i467GfhG6gUlAmDUCE8CBsdpuagwqYdZiIN/ZFIpNko/RU9o6AxLHoc4nfRYXC6xPvbxNHB8w7Www/pHPtDfgXPYjeZ7GYGnxv48hBM8E06aTFZA4yJUrEDhJrwfL3JKp308bDXTFHWU8tEq+WTd8inoqO3sdODApqlXj+J2gjperQc92pB/6lTzKDwJjpCSNdShTgJIL8mqRWqUhukFFOkNuSjNBjAFKaGyHaxpziwIpdFkwoA8zhmIwe/G1M2+4rqyKFGbjwCkp/pVpxsliKf9bzSfPqfTuo8eqdEPaXomdqRBmCfp/t0EvNKalUya7XXoj3UrPQJ9Dil4j6KIpdblaQBMOCXS5wUMbazWF4AI3SdXOQPas7OmCxPQxYCmUxJfeeAJRR01t/LFC1BVrZ86IzfFriMYEu11+Xy/mjDypVwDB0aVvAGrD5jAAAAAElFTkSuQmCC") no-repeat 100%/100%}.stockBar-wrap .hot-bar-swiper .swiper-side-item>a:not(:nth-of-type(3n+0)) .hot-item{margin-right:12px}.comment-list{margin-top:12px;background:#fff}.comment-list .header{padding:9px 12px}.comment-list .header .tab{float:left}.comment-list .header .tab .tab-item{font-size:18px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;line-height:28px;display:inline-block;padding-bottom:4px;cursor:pointer}.comment-list .header .tab .tab-item+.tab-item{margin-left:40px}.comment-list .header .tab .tab-item.active{font-size:18px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:28px;border-bottom:3px solid #b60014}.comment-list .header .send-btn{float:right;width:113px;height:34px;background:#b60014;border-radius:17px;text-align:center;cursor:pointer;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;line-height:34px}.comment-list .header .send-btn img{width:13px;height:13px;display:inline-block;margin-right:4px}.comment-table{padding:0 5px}.comment-table .table-header{height:40px;background:#f8f9fb;line-height:40px}.comment-table .table-row-gray{background:#f8f9fb}.comment-table .table-body{min-height:700px}.comment-table .table-header,.comment-table .table-row{height:40px;line-height:40px}.comment-table .table-header>span,.comment-table .table-row>span{float:left;font-size:14px;padding-left:8px}.comment-table .table-header .comment-count,.comment-table .table-header .hit-count,.comment-table .table-row .comment-count,.comment-table .table-row .hit-count{width:50px;font-family:DIN-Regular,DIN!important}.comment-table .table-header .title,.comment-table .table-row .title{width:339px}.comment-table .table-header .title a:hover,.comment-table .table-row .title a:hover{color:#b60014!important}.comment-table .table-header .author,.comment-table .table-row .author{width:110px}.comment-table .table-header .update-time,.comment-table .table-row .update-time{width:101px;text-align:right;padding-left:0;padding-right:8px;font-family:DIN-Regular,DIN!important}.comment-table .table-header .stockBar-name,.comment-table .table-row .stockBar-name{margin-right:4px}.comment-table .table-header .top-icon,.comment-table .table-row .top-icon{display:inline-block;height:20px;margin:8px 4px 0}.comment-table .table-row a,.comment-table .table-row span{font-size:14px!important;font-family:PingFangSC-Regular,PingFang SC!important;font-weight:400!important;color:#333!important;line-height:40px!important}.comment-table .table-header span{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;line-height:40px}.line-ellipsis{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stockBar-pagination{text-align:center;padding:16px}.publish-modal-mengc{display:none;width:100%;height:100%;background:rgba(0,0,0,.8);position:fixed;top:0;z-index:10000}.publish-modal-mengc .textarea-container{margin:0 24px;height:265px;background:#fff;border-radius:4px;border:1px solid #ccd7df;padding:0 12px 12px;position:relative}.publish-modal-mengc .publish-modal-content{position:absolute;left:50%;top:50%;margin-left:-400px;margin-top:-245px;width:800px;height:490px;background:#fff;-webkit-box-shadow:0 0 4px 2px rgba(0,0,0,.1);box-shadow:0 0 4px 2px rgba(0,0,0,.1);font-size:14px}.publish-modal-mengc .publish-modal-content .title{color:#333;width:100%;height:32px;padding:0 8px 0 12px;line-height:32px;font-weight:500;background:#ebeff3;font-size:14px}.publish-modal-mengc .publish-modal-content .title .icon-close-publish{cursor:pointer;display:inline-block;float:right;height:15px;margin-top:9px}.publish-modal-mengc .publish-modal-content .icon-close{cursor:pointer}.publish-modal-mengc .publish-modal-content .userinfo{height:68px;line-height:35px;font-size:16px;padding:16px 24px 0;color:#333}.publish-modal-mengc .publish-modal-content .userinfo img{width:36px;height:36px;border-radius:50%}.publish-modal-mengc .publish-modal-content .userinfo span{margin-left:10px}.publish-modal-mengc .publish-modal-content .input-box{height:36px;line-height:36px;border-bottom:1px solid #ebeff3}.publish-modal-mengc .publish-modal-content .input-box input{width:700px;height:100%}.publish-modal-mengc .publish-modal-content .input-box input::-webkit-input-placeholder{color:#999}.publish-modal-mengc .publish-modal-content .textarea-box{padding-top:8px}.publish-modal-mengc .publish-modal-content .textarea-box textarea{width:100%;height:150px}.publish-modal-mengc .publish-modal-content .textarea-box input{width:270px;height:30px;padding-left:8px;border:1px solid #d7d7d7}.publish-modal-mengc .publish-modal-content .publish-search{margin:0 24px;position:relative;height:56px}.publish-modal-mengc .publish-modal-content .publish-search .expression{width:22px;height:22px;margin-top:17px}.publish-modal-mengc .publish-modal-content .publish-search .expression .expression-entrance{width:22px!important;height:22px}.publish-modal-mengc .publish-modal-content .publish-search .send-box{margin-top:13px}.publish-modal-mengc .publish-modal-content .publish-search .send-box .publish-input{padding-left:8px;width:270px;height:30px;border:1px solid #99aebf;margin-right:8px}.publish-modal-mengc .publish-modal-content .publish-search .send-box .publish-input::-webkit-input-placeholder{color:#999}.publish-modal-mengc .publish-modal-content .publish-search .publish-btn{position:relative;width:90px;height:30px;line-height:20px;padding:5px 0;color:#fff;background:#335d80;text-align:center;cursor:pointer}.publish-modal-mengc .publish-modal-content .publish-search .publish-btn.publish-btn-gary{background-color:#dcdcdc}.publish-modal-mengc .publish-modal-content .publish-search .publish-btn span{margin-right:17px;color:#fff}.publish-modal-mengc .publish-modal-content .publish-search .publish-btn img{position:absolute;display:inline-block;top:50%;left:50%;margin-top:-7px;margin-left:10px;width:13px;height:14px}.upload-container{color:#999}.upload-square{width:92px;height:92px;display:inline-block;background:#f8f9fb;border-radius:2px;text-align:center}.chose-pic-plus{height:30px;width:30px;display:inline-block;margin:20px 31px 8px}.upload-warning{width:14px;height:14px;border-radius:14px;background:#b4b4b4;color:#fff;text-align:center;line-height:14px;display:inline-block;margin-right:3px}.upload-tips{display:inline-block;margin-left:9px}.upload-panel{display:none}.upload-failed-container,.upload-success-container{color:#999}.upload-failed,.upload-success{width:170px;height:120px;text-align:center;background:#f8f9fb;position:relative}.pic-broken,.preview-pic{display:inline-block;margin:34px 0 16px;height:45px;border-radius:2px}.close-preview-pic img,.reupload img{height:28px}.close-preview-pic{position:absolute;top:0;right:0;cursor:pointer}.reload{width:100%;height:100%}.upload-failed-label,.upload-success-label{display:inline-block;position:absolute;height:28px;width:28px;right:0;top:0;cursor:pointer}.upload-success-label{right:30px}.markup{position:absolute;bottom:12px;left:12px}.send-content{position:relative}.loading{display:none;position:absolute;top:38%;right:45%;text-align:center;font-size:16px;color:#666}.loading img{width:40px;height:40px;display:inline-block;margin-bottom:6px}.close-tip{width:252px;height:120px;border:1px solid #ebeff3;background:#fff;position:absolute;top:-142px;right:-17px;padding:16px 20px;color:#333;display:none}.close-tip:before{content:"";width:0;height:0;position:absolute;bottom:-31px;right:22px;border-color:#ebeff3 transparent transparent;border-style:solid;border-width:15px 10px}.buttons{margin-top:12px}.button{width:100px;height:31px;line-height:31px;border-radius:2px;text-align:center;cursor:pointer}.cancel{background:#ebeff3;color:#666}.confirm{background:#b60014;color:#fff}.close-tip:after{content:"";width:0;height:0;position:absolute;bottom:-30px;right:22px;border-color:#fff transparent transparent;border-style:solid;border-width:15px 10px}.global-toast{display:none;position:fixed;z-index:99999;left:50%;top:50%;margin-left:-153px;margin-top:-75px;width:306px;height:130px;padding:20px;border-radius:10px;text-align:center;color:#fff}.global-toast img{width:40px;height:40px;margin:0 auto 24px}.common-result-box{position:absolute;left:-1px;top:33px;width:436px;height:220px;max-height:220px;overflow-y:auto;font-size:12px;background:#fff;border:1px solid #dcdcdc;z-index:1}.common-result-noData{position:absolute;left:50%;top:50%;width:100px;margin-left:-50px;margin-top:-13px;text-align:center;color:#999}.common-result-item{line-height:18px;padding:2px 10px 2px 0;color:#666}.common-result-item:hover{cursor:pointer;background:#dcdcdc}.common-result-item .market{padding:0 2px;margin-right:10px;background:#ff5258;color:#fff}.publish-result-box{display:none;width:270px;left:auto;top:auto;right:98px;bottom:44px}.footer-box{padding:9px 12px;line-height:31px}.footer-box span{color:#999;font-size:12px}.user-info-box{width:320px;height:146px;background:#fff;margin-top:20px;text-align:center;padding-top:24px;cursor:pointer}.user-info-box .avatar{width:64px;height:64px;margin:auto auto 12px;border-radius:50%}.user-info-box .login-register-btn{width:100px;height:30px;background:#b60014;border-radius:2px;font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#fff;text-align:center;line-height:30px;cursor:pointer;margin:auto}.user-info-box .nick-name{font-size:16px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;line-height:22px}.recommend-read{width:320px;background:#fff;border-top:2px solid #b60014;margin-top:20px;padding:9px 12px}.recommend-read .header{height:28px;line-height:28px;font-size:20px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;margin-bottom:16px}.recommend-read .recent-read{padding-bottom:8px}.recommend-read .recent-read a{float:left;width:94px;height:30px;padding:0 10px;background:#f2f5f8;border-radius:15px;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:30px;cursor:pointer;text-align:center;margin-bottom:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recommend-read .recent-read>a:not(:nth-of-type(3n+0)){margin-right:7px}.recommend-read .recent-read>a:not(:nth-of-type(3n+0)):hover{color:#b60014}.recommend-read .bar-list a{margin-bottom:8px;max-height:44px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;line-height:22px}.recommend-read .bar-list a:hover{color:#b60014}.optional-list-wrap{width:320px;min-height:300px;background:#fff;border-top:2px solid #b60014;margin-top:20px;padding:9px 8px}.optional-list-wrap .header{height:28px;line-height:28px;font-size:20px;padding-left:4px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;color:#333;margin-bottom:8px}.optional-list-wrap .tip{font-size:16px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;line-height:22px;text-align:center;display:none;margin-bottom:8px}.optional-list-wrap .table-body .table-row .name,.optional-list-wrap .table-header .name{width:79px;text-align:left;padding-left:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.optional-list-wrap .table-body .table-row .last-price,.optional-list-wrap .table-body .table-row .range,.optional-list-wrap .table-header .last-price,.optional-list-wrap .table-header .range{width:80px;text-align:right;padding-right:12px}.optional-list-wrap .table-body .table-row .bar,.optional-list-wrap .table-header .bar{width:59px;text-align:center}.optional-list-wrap .table-header{height:28px;background:#f2f5f8}.optional-list-wrap .table-header span{font-size:14px;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#666;line-height:28px;float:left}.optional-list-wrap .table-body{height:360px;overflo-x:hidden;overflow-y:auto}.optional-list-wrap .table-body::-webkit-scrollbar{width:6px;height:5px}.optional-list-wrap .table-body::-webkit-scrollbar-thumb{border-radius:4px;background-color:#ebeff3;background-clip:padding-box}.optional-list-wrap .table-body::-webkit-scrollbar-track{background-color:#fff}.optional-list-wrap .table-body .table-row{height:36px}.optional-list-wrap .table-body .table-row:hover{background:#f8f9fb}.optional-list-wrap .table-body .table-row span{font-size:14px;font-family:PingFangSC-Medium,PingFang SC;font-weight:500;line-height:36px;color:#333;float:left}.optional-list-wrap .table-body .table-row .name,.optional-list-wrap .table-body .table-row .name a{font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#333;cursor:pointer}.optional-list-wrap .table-body .table-row .name:hover,.optional-list-wrap .table-body .table-row .name a:hover{color:#b60014}.optional-list-wrap .table-body .table-row .bar,.optional-list-wrap .table-body .table-row .bar a{color:#5395df;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;cursor:pointer}.ad-position{margin-top:20px}.global-search-list,.global-search-recommend{top:32px}.component-quote .quote-text{margin:0;padding:0;font-weight:700;color:#333;font-size:20px;line-height:28px}.component-quote .search-box{position:relative;width:266px;height:30px;background:#fff}.component-quote .search-icon{position:absolute;top:6px;right:12px;width:18px;height:19px}.component-quote #quote-search{font-size:14px;padding:0 38px 0 8px;width:100%;height:100%;color:#333}.component-quote #quote-search::-webkit-input-placeholder{color:#999}.component-quote .component-quote-bottom{margin-top:7px;padding:8px;background:#fff}.component-quote .quote-index{font-size:0}.component-quote .quote-index a:first-child .quote-index-item{margin-left:0}.component-quote .quote-index-item{display:inline-block;margin-left:8px;padding-top:12px;width:96px;height:97px;font-size:14px;background:hsla(0,0%,40%,.08)}.component-quote .quote-index-text{color:#333;font-size:14px;line-height:20px;text-align:center}.component-quote .quote-index-price{font-size:20px;line-height:24px}.component-quote .quote-index-price,.component-quote .quote-index-rate{font-family:DIN-Medium,DIN!important;margin-top:4px;color:#aaa;font-weight:700;text-align:center}.component-quote .quote-index-rate{font-size:16px;line-height:19px}.component-quote .decline-bg{background:rgba(5,166,135,.08)}.component-quote .decline-bg .quote-index-price,.component-quote .decline-bg .quote-index-rate{color:#05a687}.component-quote .rise-bg{background:rgba(233,64,65,.08)}.component-quote .rise-bg .quote-index-price,.component-quote .rise-bg .quote-index-rate{color:#e94041}