/** 头部行情nav **/
.type:not(.detail-banner){
    margin: 0;
}
.index-container #tvIframe {
    height: 535px;
    margin-top: 20px;
    border: 1px solid #e0e3eb;
}
.header-nav{
    border-bottom: 1px solid #dfdfdf;
    position: relative;
    max-width: 1220px;
    margin: 0 auto;
    width: 100%;
}
.header-nav ul li {
    display: inline-block;
    margin-right: 20px;
    padding:0 16px;
    cursor: pointer;
    float: left;
    position: relative;
    height: 60px;
    line-height: 60px;
}
.header-nav>ul>li::after{
    content:'';
    display: none;
    width: 14px;
    height: 8px;
    margin-top:-2px;
    background: url(../img/rates/arrow.png) no-repeat;
    background-position: center;
    background-size: cover;
}
.header-nav ul li:hover{
    background: #F0F3F8;
}
.header-nav ul li:hover::after{
    background: url(../img/rates/arrow-m.png) no-repeat;
    background-position: center;
    background-size: cover;
}
.header-nav ul li p{
    display: inline-block;
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #3F3F3F;
    margin-right: 0;
}
.header-nav ul li span{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #3F3F3F;
    margin-left: 10px;
    margin-right: 10px;
}
.header-nav ul li span.up{
    color: #00C34E;
}
.header-nav ul li span.down{
    color: #EC0000;
}
.header-nav ul li.more-box{
    height: 60px;
    line-height: 60px;
    right: 0;
    top:0;
    margin: 0;
    float: right;
    position: relative;
    max-width: 100px;
    text-align: center;
}
.header-nav ul li a{
    display: inline-block;
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #3F3F3F;
    margin-right: 0;
}
.header-nav ul li .nav-info-box{
    display: none;
    position: absolute;
    top:60px;
    left: 0;
    min-height: 260px;
    width: 600px;
    background: #F0F3F8;
    z-index: 99;
    padding:35px 25px;
    cursor: default;
}
.header-nav ul li:hover > .nav-info-box{
    display: flex;
}
.header-nav .nav-info-box .left-box{
    line-height: 1;
    min-width: 170px;
    margin-right: 20px;
}
.header-nav .nav-info-box .left-box .max-box p,
.header-nav .nav-info-box .left-box .min-box p{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #848484;
    padding-left: 12px;
    margin: 0;
    line-height: 1;
    margin: 14px 0 9px;
}
.header-nav .nav-info-box .left-box .max-box a,
.header-nav .nav-info-box .left-box .min-box a{
	cursor:pointer;
    display: block;
    width: 116px;
    height: 26px;
    line-height: 26px;
    background: #EC0000;
    opacity: 0.65;
    font-size: 15px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    padding:0 10px;
	margin:0;
}
.header-nav .nav-info-box .left-box .max-box a{
    background: #EC0000;
}
.header-nav .nav-info-box .left-box .min-box a{
    background: #00C34E;
}
.header-nav .nav-info-box .nav-info{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #848484;
}
.header-nav .nav-info-box .left-box .nav-info{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #848484;
    margin-top:20px;
}
.header-nav .nav-info-box .left-box a{
    display: block;
    margin-top:20px;
    font-size: 15px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #5281CD;
}
.header-nav .nav-info-box .right-box{
    width: 360px;
}
.tvCharts-box .code-name{
    font-size: 45px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
    line-height: 1;
    margin-top:60px;
}
/* .header-nav ul li.more-btn:hover .more-container{ */
    /* display: block; */
/* } */
.header-nav .more-container{
    width: 300px;
    position: absolute;
    right: 0;
    top: 60px;
    background-color:#F0F3F8 ;
    z-index: 99;
    display: none;
}
.header-nav .more-container .more-list{
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #DFDFDF;
    display: flex;
}
.header-nav .more-container .more-list a{
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    flex:1;
    color: #333;
}
.header-nav .more-container .more-list a.active,
.header-nav .more-container .more-list a:hover{
    color: #5281CC;
}
.header-nav .more-container ul{
    max-height: 250px;
    overflow-y: scroll;
}
.header-nav .more-container ul li{
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.header-nav .more-container ul li{
    display: flex;
    justify-content: space-between;
    padding:0 40px 0 28px;
    border-bottom: 1px solid #EAEDF1;
}


/** 走势因素 **/
.factor-box{
    display: flex;
    margin: 80px 0 70px;
}
.factor-box .factor{
    max-width: 850px;
}
.factor-box .factor-title{
    font-size: 25px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
    margin-bottom: 35px;
}
.factor-box .factor{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
    line-height: 25px;
}
.factor-box .emotion{
    margin-left: 60px;
}
.factor-box .emotion .emotion-title{
    font-size: 20px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
    margin-bottom: 32px;
}
.factor-box .emotion .emotion-box{
    min-width: 310px;
    border: 1px solid #DFDFDF;
    padding:25px 16px;
    display: flex;
}
.factor-box .emotion-info{
    min-height: 120px;
    border-left: 1px solid #dfdfdf;
    margin-left: 16px;
    padding-left: 13px;
    display: flex;
    flex:1; 
    text-align: left;
    flex-direction: column;
}
.factor-box .emotion-info .sentiment-down{
    border-bottom: 1px solid #DFDFDF;
}
.factor-box .sentiment-up::before{
    content:'';
    display: inline-block;
    height: 11px;
    width: 11px;
    background: #1353BB;
    vertical-align: top;
    margin-top:25px;
    border-radius: 50%;
    margin-right: 15px;
	margin-left:5px;
}
.factor-box .sentiment-down::before{
    content:'';
    display: inline-block;
    height: 11px;
    width: 11px;
    background: #FD8452;
    vertical-align: top;
    margin-top:25px;
    border-radius: 50%;
    margin-right: 12px;
	margin-left:5px;
}
.factor-box .sentiment-up p,
.factor-box .sentiment-down p{
    display: inline-block;
    line-height: 60px;
}
.factor-box .sentiment-up p.emotion-name,
.factor-box .sentiment-down p.emotion-name{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #848484;
    margin-right: 18px;
}
.factor-box .sentiment-up p.emotion-num,
.factor-box .sentiment-down p.emotion-num{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #848484;
}
.factor-box .circle-bar { 
	font-size:120px;
	width: 120px;
	height: 120px;
	position: relative;
	background:radial-gradient(rgba(255, 158, 112, 1) 0%, rgba(255, 103, 31, 1) 100%)
}
.factor-box .circle-bar-left,.circle-bar-right { 
	width: 120px;
	height: 120px;
	background:radial-gradient(rgba(92, 137, 211, 1) 0%, rgba(0, 71, 187, 1) 100%) 
}
.factor-box .circle-bar-right { 
	clip:rect(0,auto,auto,60px);
}
.factor-box .circle-bar-left { 
	clip:rect(0,60px,auto,0);
}
.factor-box .mask { 
	width: 80px;
	height: 80px;
	background-color: #fff;
	text-align: center;
	color:rgba(0,0,0,0.5);
}
.factor-box .mask :first-child { 
	font-size: 16px;
	font-weight: bold;
	height: 80px;
	line-height: 80px;
	display: block;
}
.factor-box .circle-bar * {  
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}
.factor-box .circle-bar, .circle-bar > * { 
	border-radius: 50%;
}
 

/** 新闻日历相关 **/
.news-container{
    display: flex;
    margin-bottom: 66px;
}
.news-container .news-box{
    max-width: 850px;
    display: flex;
}
.news-container .news-box .trend-news .news-title,
.news-container .news-box .newest-news .news-title{
    font-size: 25px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
}
.news-container .news-box .trend-news ul,
.news-container .news-box .newest-news ul{
    width: 390px;
    margin-right: 55px;
}
.news-container .news-box .trend-news ul li,
.news-container .news-box .newest-news ul li{
    padding:20px 0;
    border-bottom: 1px solid #DFDFDF;
}
.news-container .news-box .trend-news ul li p,
.news-container .news-box .newest-news ul li p{
    font-size: 15px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #B0B0B0;
    margin-top: 5px;
    margin-bottom: 10px;
}
.news-container .news-box .trend-news ul li h4{
    font-size: 20px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
    min-height: 44px;
    line-height: 22px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.news-container .news-box .newest-news ul li h4{
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
    display: flex;
    align-items: center;
    cursor: pointer;
    min-height: 44px;
    line-height: 22px;
}
.news-container .news-box .trend-news ul li h4:hover,
.news-container .news-box .newest-news ul li h4:hover{
    color: #567AB7;
}
.news-container .calendar .news-title{
    font-size: 20px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
    margin-bottom: 27px;
}
.news-container .calendar{
    margin-left: 60px;
}
.news-container .calendar ul{
    width: 310px;
    border:1px solid #dfdfdf;
    padding: 0 16px 0 17px;
}
.news-container .calendar ul li{
    margin:0px;
    padding:19px 0;
    border-bottom: 1px solid #DFDFDF;
}
.news-container .calendar ul li a{
    display: flex;
}
.news-container .calendar ul li:last-child{
    border: none;
}
.news-container .calendar ul li .part1{
    display: flex;
    margin-bottom: 8px;
}
.news-container .calendar ul li .part1 img{
    height: 17px;
    width: auto;
    vertical-align: top;
}
.news-container .calendar ul li .part1 .level{
    margin-left: 50px;
}
.news-container .calendar ul li .part1 .level img{
    height: 17px;
    width: 17px;
}
.news-container .calendar ul li .part2{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #B0B0B0;
    line-height: 1;
}
.news-container .calendar ul li .part3 p{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
    margin-top: 8px;
}
.news-container .calendar ul li .row-right{
    width: 100px;
    margin-left: 5px;
    margin-right: 8px;
}
.news-container .calendar ul li .row-right span{
    display: block;
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
}


/** 相关品种 **/
.variety-table{
    margin-bottom: 57px;
	text-align:center;
}
.variety-table h2{
    font-size: 25px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
    margin-bottom: 33px;
}
.variety-table .table{
    border-top:1px solid #ddd;
}
.variety-table .table tr {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center;
    transition: background .25s;
    -moz-transition: background .25s;
    -webkit-transition: background .25s;
    -o-transition: background .25s;
}
.variety-table .table .warning {
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}
.variety-table .table tr.warning th {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    line-height: 42px;
    background: #F5F7FA;
    font-size: 16px;
    font-family: source-han-sans-simplified-c, sans-serif;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    border: none;
}
.variety-table .table tr th:nth-of-type(1) {
    text-align: center;
    text-indent: 24px;
    text-indent: 0;
}
.variety-table .table tr th:nth-of-type(2) {
    text-align: center;
    text-indent: 24px;
    text-indent: 0;
}
.variety-table .table tr th:nth-of-type(3) {
    text-indent: 20px;
}
.variety-table .table tr th:nth-of-type(4) {
    text-indent: 20px;
}
.variety-table .table tr td {
    vertical-align: inherit;
    text-align: center;
    line-height: 40px;;
}
.variety-table .table tr td:nth-of-type(1) {
    text-align: center;
    text-indent: 24px;
    font-weight: 400;
    text-indent: 0;
}
.variety-table .table tr td:nth-of-type(2) {
    text-align: center;
    font-weight: 400;
    text-indent: 0;
}
.variety-table .table tr span {
    display: inline-block;
    min-width: 100px;
    text-align: center;
}
.variety-table .table tr .btn {
    font-family: source-han-sans-simplified-c, sans-serif;
    font-weight: 400;
    font-size: 12px;
    padding: 0;
    margin: 0;
    text-align: center;
    width: 48px;
    line-height: 30px;
    vertical-align: top;
    margin-top: 4px;
}
.variety-table .table tr .query-btn {
    margin-left: 0;
    font-size: 12px;
    line-height: 30px;
    width: initial;
    padding: 0 12px;
    vertical-align: top;
    margin-top:4px;
}
.header-nav .more-container .down,
.variety-table .table .down{
    color: #C9263D;
}
.header-nav .more-container .up,
.variety-table .table .up{
    color: #499644;
}
.variety-table .banner-ad{
    margin-bottom: 70px;
}
.variety-table .banner-ad img{
    height: 350px;
    width: 100%;;
}
.variety-table .btn{
	margin: 0 auto;
}


/** FAQ常见问题 **/
.faq-box {
    margin-bottom: 80px;
}
.faq-box .row5-title h4{
    font-size: 25px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
    margin-bottom: 35px;
    margin-top: 70px;
}
.faq-box .panel-group{
    background: #F5F7FA;
}
.faq-box .faq-table{
    background: #F5F7FA;
    padding: 40px 100px;
}
.faq-box .panel-group{
    margin: 0;
    border-radius: 10px;;
    padding: 20px 85px 50px 70px;
    background: #fff;
}
.faq-box .panel-title a{
    height: 70px;
    line-height: 70px;
    padding-top:0;
    padding-bottom: 0;
    padding-left: 40px;
    font-size: 20px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #666666;
}
.faq-box .panel-heading a:before{
    vertical-align: top;
    top: 0;
}
.faq-box  .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{
    border: none;
}
.faq-box .panel-body {
    background: #fff;
    text-align: left;
    padding: 5px 0 20px 0;
    padding-left: 8px;
    font-size: 16px;
    line-height: 24px;
}


/** 走势EDM相关 **/
.more-box{
    display: flex;
    margin-bottom: 68px;
}
.more-box .hot-news .news-title{
    max-width: 800px;
    font-size: 25px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
    margin-bottom: 45px;
}
.more-box .hot-news ul li{
    padding:25px 0;
    border-bottom: 1px solid #DFDFDF;
    position: relative;
}
.more-box .hot-news ul li .view-title{
    position: relative;
}
.more-box .hot-news ul li .view-title p{
    font-size: 20px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
    line-height: 24px;
    padding-right: 130px;
}
.more-box .hot-news .tag-icon{
    font-size: 15px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #B0B0B0;
    line-height: 18px;
    display: flex;
}

.more-box .hot-news .tag-icon>a{
	color:#B0B0B0
}
.more-box .hot-news .tag-icon span::after{
    content:'';
    display: inline-block;
    height: 18px;
    line-height: 18px;
    width: 1px;
    background-color: #B0B0B0;
    vertical-align: top;
    margin: 0 5px;
}
.more-box .hot-news .tag-icon span:last-child::after{
    display: none;
}
.more-box .hot-news ul li .view-title{
    margin-top: 10px;
}
.more-box .hot-news ul li .view-num{
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 0;
    top: 5px;
}
.more-box .hot-news ul li .view-num::before{
    content:'';
    display: inline-block;
    width: 20px;
    height: 11px;
    background: url(../img/rates/eye.png) no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: top;
    margin-top: 5px;
    margin-right: 3px;;
}
.more-box .hot-news ul li .view-num em{
    font-size: 14px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
    font-style: normal;
    vertical-align: top;
    line-height: 24px;
    top: 0;
}
.more-box .hot-news{
    flex:1;
}
.more-box .edm-box{
    width: 310px;
    height: 600px;
    background: url(../img/rates/ad-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    margin-left: 55px;
    position: relative;
    padding:52px 30px 38px;
}
.more-box .edm-box img{
    position: absolute;
    width: 148px;
    height: 110px;
    top:20px;
    right: 6px;
}
.more-box .edm-box .item-box{
	position:relative;
}
.more-box .edm-box h4{
    font-size: 25px;
    font-family: Source Han Sans SC;
    font-weight: 800;
    color: #FFFFFF;
    width: 150px;
    line-height: 28px;;
}
.more-box .edm-box .input-tips{
	font-size: 12px;
    font-weight: 300;
    color: rgba(202, 6, 0, 1);
    line-height: 16px;
    position: absolute;
    right: 12px;
    top: 100%;
    margin-top: 4px;
	display:none;
}
.more-box .edm-box form{
    margin:30px 0 0;
}
.more-box .edm-box form label{
    margin-bottom: 15px;
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #FFFFFF;
    margin-top:25px;
}
.more-box .edm-box form input{
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    border: none;
    background: #fff;
	padding:0 10px;
	outline:none;
}
.more-box .edm-box button{
    height: 56px;
    line-height: 56px;
    width: 100%;
    text-align: center;
    background: #4271FF;
    box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.14);
    border-radius: 5px;
    font-size: 20px;
    font-family: Source Han Sans SC;
    font-weight: 500;
    color: #FFFFFF;
    margin-top:40px;
	outline:none;
}
.more-box .edm-box button[disabled] {
	color: rgba(255,255,255,1);
    background-color: rgba(239, 239, 239, 0.3);
    border-color: rgba(118, 118, 118, 0.3);
    cursor: no-drop;
}


/* 行情趋势列表 */

.rates-container{
    max-width: 1220px;
    margin: 0 auto;
	display:flex;
    margin-bottom: 70px;
}
.rates-container .rates-box{
    max-width: 850px;
    display: block;
    width: 100%;
	margin-bottom:70px;
}
.rates-container .rates-list{
    width: 100%;
	margin-top:60px;
}
.rates-container .rates-list .rates-title{
    font-size: 25px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
    margin: 0 0 35px;
}
.rates-container .rates-list ul{
    display: flex;
    flex-direction: column;
}
.rates-container .rates-list ul li{
    height: 60px;
    line-height: 60px;
    display: flex;
    width: 100%;
    justify-content: space-around;
    position: relative;
    border-bottom: 1px solid #DFDFDF;
    padding-right: 40px;
    text-align: center;
    cursor: pointer;
}
.rates-container .rates-list ul li>div{
    width: 22%;
    font-size: 18px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #374866;
}
.rates-container .rates-list ul li .down{
    color: #EC0000;
}
.rates-container .rates-list ul li .up{
    color: #00C34E;
}
.rates-container .rates-list ul li>div:first-child{
    width: 34%;
    text-align: left;
    padding-left: 15px;
}
.rates-container .rates-list ul li:first-child{
    height: 40px;
    line-height: 40px;
    background: #F5F7FA;
    border: 0;
    font-size: 16px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
    cursor: default;
}
.rates-container .rates-list ul li::after{
    content:'';
    display: inline-block;
    height:10px;
    width: 10px;
    position: absolute;
    right: 20px;
    top:25px;
    border-right: 1px solid #888;
    border-top: 1px solid #888;
    -webkit-transform: rotate(135deg);
    transform: rotate(45deg);
    background: none;
}
.rates-container .rates-list ul li:first-child::after{
    display: none;
}

.rates-container .calendar .news-title{
    font-size: 20px;
    font-family: Source Han Sans SC;
    font-weight: bold;
    color: #374866;
    margin-bottom: 27px;
}
.rates-container .calendar{
    margin-left: 60px;
	margin-top:60px;
}
.rates-container .calendar ul{
    width: 310px;
    border:1px solid #dfdfdf;
    padding: 0 16px 0 17px;
}
.rates-container .calendar ul li{
    margin:0px;
    padding:19px 0;
    border-bottom: 1px solid #DFDFDF;
}
.rates-container .calendar ul li a{
    display: flex;
}
.rates-container .calendar ul li:last-child{
    border: none;
}
.rates-container .calendar ul li .part1{
    display: flex;
    margin-bottom: 8px;
}
.rates-container .calendar ul li .part1 img{
    height: 17px;
    width: auto;
    vertical-align: top;
}
.rates-container .calendar ul li .part1 .level{
    margin-left: 50px;
}
.rates-container .calendar ul li .part1 .level img{
    height: 17px;
    width: 17px;
}
.rates-container .calendar ul li .part2{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #B0B0B0;
    line-height: 1;
}
.rates-container .calendar ul li .part3 p{
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
    margin-top: 8px;
}
.rates-container .calendar ul li .row-right{
    width: 100px;
    margin-left: 20px;
    margin-right: 10px;
}
.rates-container .calendar ul li .row-right span{
    display: block;
    font-size: 12px;
    font-family: Source Han Sans SC;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
}




@media (max-width: 768px) {
	.header-nav{
		display:none;
    }
    
    .tvCharts-box{
        margin: 0 15px;
    }
    .tvCharts-box .code-name{
        font-size: 30px;
        margin-top:37px;
    }
    .index-container #tvIframe{
        margin-top:30px;
        height: 420px;
    }

    .factor-box{
        display: block;
        margin: 0 15px;
    }
    .factor-box .factor{
        margin-bottom: 40px;
    }
    .factor-box .factor-title{
        margin: 40px 0 30px;
        font-size: 23px;
    }
    .factor-box .factor p{
        font-size:14px;
        line-height: 23px;
    }
    .factor-box .emotion{
        margin: 0;
    }
    .factor-box .emotion .emotion-title{
        font-size: 23px;
        margin-bottom: 30px;
    }
    .factor-box .emotion .emotion-box{
        width: 100%;
        padding:12px 20px
    }
    .factor-box .emotion-info{
        min-height: 140px;
    }
    .factor-box .sentiment-up p, .factor-box .sentiment-down p{
        height: 70px;
        line-height: 70px;
    }
    .factor-box .circle-bar { font-size:140px; width: 140px; height: 140px;  }
    .factor-box .circle-bar-left,.circle-bar-right { width: 140px; height: 140px; }
    .factor-box .circle-bar-right { clip:rect(0,auto,auto,70px); }
    .factor-box .circle-bar-left { clip:rect(0,70px,auto,0);}
    .factor-box .mask { width: 100px; height: 100px;}
    .factor-box .mask :first-child { font-size: 18px;height: 100px; line-height: 100px; }

    .news-container{
        margin: 0 0;
        flex-direction: column;
    }
    .news-container .news-box{
        width: 100%;
        flex-direction: column;
        padding: 0 15px;
        margin: 0;
    }
    .news-container .news-box .trend-news .news-title{
        margin: 40px 0 10px;
    }
    .news-container .news-box .trend-news,
    .news-container .news-box .newest-news{
        width: 100%;
    }
    .news-container .news-box .trend-news ul, 
    .news-container .news-box .newest-news ul{
        width: 100%;
    }
    .news-container .news-box .trend-news .news-title{
        font-size:23px;
    }
    .news-container .news-box .trend-news ul li p, 
    .news-container .news-box .newest-news ul li p{
        font-size: 13px;
    }
    .news-container .news-box .trend-news ul li h4{
        font-size: 18px;
        min-height: auto;
    }
    .news-container .news-box .trend-news ul li h4:hover{
        color: #567AB7;
    }
    .news-container .news-box .newest-news .news-title{
        margin-top:40px;
        margin-bottom: 5px;
        font-size: 23px;
    }
    .news-container .news-box .newest-news ul li h4{
        font-size:15px;
        color: #464646;
        min-height: auto;
    }
    .news-container .news-box .newest-news ul li p{
        color:#999;
        margin-top: 10px;
        margin-bottom: 0;
    }
    .news-container .calendar .news-title{
        font-size: 23px;
        font-weight: bold;
        color: #374866;
        line-height: 1;
        margin:40px 15px 10px;
    }
    .news-container .calendar{
        margin: 0;
    }
    .news-container .calendar ul{
        width: 100%;
        border: 0;
        padding: 0 15px;
    }
    .news-container .calendar ul li .part1 img{
        height: 19px;
    }
    .news-container .calendar ul li .part2{
        font-size: 13px;
        color: #b0b0b0;
    }
    .news-container .calendar ul li .part3 p{
        font-size: 13px;
        color: #464646;
    }
    .news-container .calendar ul li .row-right span{
        font-size: 13px;
        color: #464646;
        line-height: 22px;
    }
    .news-container .calendar ul li:last-child{
        border-bottom: 1px solid #DFDFDF;
    }
    .variety-table h2{
        font-size: 23px;
        color: #374866;
        margin: 38px 15px 28px;
    }
    .variety-box ul{
        margin: 0 15px;
    }
    .variety-box li{
        height: 50px;
        line-height: 50px;
        font-size: 15px;
        font-family: Source Han Sans SC;
        font-weight: 400;
        color: #464646;
        display: flex;
        text-align: center;
        border-bottom: 1px solid #F7F7F7;
    }
    .variety-box li:first-child{
        background: #F5F7FA;
        border-bottom: none;
    }
    .variety-box li div:first-child{
        text-align: left;
        padding-left: 20px;
    }
    .variety-box li>div:nth-child(1){
        width: 42%;
    }
    .variety-box li>div:nth-child(2){
        width: 20%;
    }
    .variety-box li>div:nth-child(3){
        width: 20%;
    }
    .variety-box li>div:nth-child(4){
        width: 18%;
    }
    .variety-box li>div>a{
        color:#0b4bac
    }
    .variety-box li>div .down{
        color: #00C34E;
    }
    .variety-box li>div .up{
        color: #EC0000;
    }
    .variety-box .variety-btn{
        margin: 37px 15px 0;
        text-align: center;
        height: 60px;
        line-height: 60px;
        border:1px solid #0b4bac;
        font-size: 20px;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #0B4BAC;
        cursor: pointer;
    }
    .variety-box .variety-btn::after{
        content:'';
        display: inline-block;
        height:14px;
        width: 21px;
        background:url(../img/rates/arrow-new.png) no-repeat;
        background-size: cover;
        background-position: center;
    }
    .faq-box .row5-title h4{
        margin: 40px 17px 20px;
    }
    .faq-box .faq-table{
        padding:25px 15px;
    }
    .faq-box .panel-group{
        padding:18px 28px 11px 22px;
    }
    .faq-box .panel-title a{
        height: 50px;
        line-height: 50px;
        font-size: 15px;
        font-family: Source Han Sans SC;
        font-weight: 500;
        color: #666666;
    }
    #accordion .panel-heading a:before{
        top:0;
    }
    .panel-group .panel{
        border-bottom: 1px solid #f7f7f7;
    }
    .panel-group .panel:last-child{
        border:none;
    }
    .more-box{
        flex-direction: column-reverse;
        margin-bottom: 40px;
    }
    .faq-box{
        margin-bottom: 0;
    }
    .more-box .edm-box{
        width: auto;
        margin: 40px 20px 0;
    }
    .more-box .hot-news .news-title{
        font-size: 23px;
        font-weight: bold;
        color: #374866;
        margin:40px 15px 10px;
    }
    .more-box .hot-news ul li{
        padding:20px 0;
        margin: 0 15px;;
    }
    .more-box .hot-news .tag-icon{
        font-size: 13px;
        font-weight: 400;
        color: #999999;
    }
    .more-box .hot-news ul li .view-title p{
        font-size: 15px;
        font-weight: 400;
        color: #464646;
        padding: 0;
    }
    .more-box .hot-news ul li .view-num{
        top:-28px;
    }
    .more-box .hot-news ul li .view-num em{
        font-size: 13px;
        color: #999999;   
    }
    .more-box .hot-news ul li .view-num::before{
        width: 18px;
        height: 10px;
        margin-top: 6px;
        margin-right:5px;
    }
    .more-box .hot-news ul li{
        border-bottom: 1px solid #f7f7f7;
    }


	
	.rates-container{
		display:block;
		margin:0 15px;
	}
	.rates-container .rates-list{
		margin-top:0;
	}
	.rates-container .rates-list .rates-title{
		margin:40px 0 30px;
	}
	.rates-container .calendar{
		margin:0;
		margin-bottom:40px;
	}
	.rates-container .calendar ul{
		width:100%;
	}
	.rates-container .rates-list .rates-title{
		font-size: 23px;
		font-family: Source Han Sans SC;
		font-weight: bold;
		color: #374866;
	}
	.rates-container .rates-list ul li>div:first-child{
		padding-left:8px;
	}
	.rates-container .rates-list ul li,
	.rates-container .rates-list ul li:first-child{
		padding-right:10px;
	}
	.rates-container .rates-list ul li>div{
		font-size: 15px;
		font-family: Source Han Sans SC;
		font-weight: 500;
		color: #374866;
	}
	.rates-container .rates-list ul li::after{
		width:8px;
		height:8px;
		top:26px;
		right:5px;
		border-color:#0A4AB7
	}
	.rates-container .rates-box{
		margin-bottom:40px;
	}
	.rates-container .calendar .news-title{
		margin-bottom:10px;
	}
	.rates-container .calendar ul{
		border:none;
		padding:0;
	}
	.rates-container .calendar ul li:last-child{
		border-bottom:1px solid #DFDFDF
	}
}