#main{overflow: hidden;width: 100%; margin: 0; padding: 0; color: #333}
.inner{overflow: hidden;width: 1200px; margin: 0 auto;}
img{ overflow:hidden;display:block;border: none;}
.e-header .header{
    background: none;
}
.web-banner{
    position: relative;
    margin-top: -74px;
    width: 100%;
    height: 350px;
    background: url("//dl.cfxz123.com/source/www/product/stock/banner.jpg") no-repeat center;
    padding-top: 200px;
}
.web-banner span{
    overflow: hidden;
    display: block;
    font-size: 24px;
    color: #fff;
}
.web-banner span.size{
    font-size: 36px;
    margin-bottom: 12px;
}
.web-content{
    overflow: hidden;
    width: 100%;
}
.web-content .con-nav{
    overflow: hidden;
    width: 100%;
    border-bottom: solid 1px #ccc;
    margin-top: 30px;
}
.web-content .con-nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.web-content .con-nav ul li{
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    width: 150px;
    float: left;
    list-style: none;
    font-size: 16px;
    padding-bottom: 15px;
    padding-left: 15px;
    border-bottom: solid 3px #fff;
    cursor: pointer;
    color: #666;
}
.web-content .con-nav ul li.on{
    border-bottom: solid 3px #035b83;
}
.web-content .con-nav ul li a{
    overflow: hidden;
    display: block;
    font-size: 16px;
    color: #666;
}
.web-content .con-nav ul li.on a{
    color: #035b83;
}
.web-content .con-nav ul li span{
    overflow: hidden;
    width: 15px;
    height: 15px;
    margin-right: 3px;
}
.web-content .con-nav ul li .ic-all {
    background: url(//dl.cfxz123.com/source/www/product/intro/icon-1.png) center no-repeat;
    background-size: 15px 15px;
}
.web-content .con-nav ul li.on .ic-all {
    background: url(//dl.cfxz123.com/source/www/product/forex/icon-1.png) center no-repeat;
}
.web-content .con-nav ul li .ic-circle {
    background: url(//dl.cfxz123.com/source/www/product/forex/icon-2.png) center no-repeat;
}
.web-content .con-nav ul li.on .ic-circle {
    background: url(//dl.cfxz123.com/source/www/product/intro/icon-2.png) center no-repeat;
}
.web-content .con-nav ul li .ic-book {
    background: url(//dl.cfxz123.com/source/www/product/forex/icon-3.png) center no-repeat;
}
.web-content .con-nav ul li.on .ic-book {
    background: url(//dl.cfxz123.com/source/www/product/contract-detail/note-ic.png) center no-repeat;
}
.web-content .con-nav ul li .ic-guide {
    background: url(//dl.cfxz123.com/source/www/product/virtual/icon-4.png) center no-repeat;
    width: 18px;
    height: 18px;
}
.web-content .con-nav ul li.on .ic-guide {
    background: url(//dl.cfxz123.com/source/www/product/virtual/icon-4-hover.png) center no-repeat;
}
.web-content .con-nav ul li .ic-study {
    background: url(//dl.cfxz123.com/source/www/product/virtual/icon-5.png) center no-repeat;
    width: 17px;
    height: 17px;
}
.web-content .con-nav ul li.on .ic-study {
    background: url(//dl.cfxz123.com/source/www/product/virtual/icon-5-hover.png) center no-repeat;
}
.web-content .con-nav .account-list{
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.web-content .con-nav .account-list .ic-account {
    overflow: hidden;
    margin-right: 3px;
    background: url(//dl.cfxz123.com/source/www/product/virtual/icon-6.png) center no-repeat;
    width: 22px;
    height: 16px;
}
.web-content .con-nav .account-list span{
    overflow: hidden;
    display: block;
    font-size: 16px;
    color: #666;
    width: auto;
    height: auto;
    margin-right: 0;
}
.main-article {
    padding:40px 0 0 0;
    display: none;
}
.main-article .item-wrapper {
    position:relative;
}
.main-article .item-wrapper li.line {
    content:'';
    width:100%;
    height:1px;
    display:block;
    background:#CCCCCC;
    bottom:2px;
    position:absolute;
    z-index:0;
    border:none;
}
.main-article .item-wrapper li.line:hover {
    border:none;
}
.main-article .item-wrapper li {
    position:relative;
    z-index:29;
    float:left;
    border-top:1px solid transparent;
    border-bottom:1px solid #CCCCCC;
}
.main-article .item-wrapper li a {
    font-size:1.6em;
    color:#333333;
    display:inline-block;
    width:153px;
    height:40px;
    line-height:40px;
    text-align:center;
}
.main-article .item-wrapper li:hover {
    border-top:1px solid #CCCCCC;
    border-bottom:1px solid #FFFFFF;
}
.main-article .item-wrapper li.active {
    border-top:3px solid #035B83;
    border-bottom:1px solid #FFFFFF;
    background:#fff;
}
.main-article .item-wrapper li.active a {
    color:#035B83;
}
.main-article .section3 {
    margin-bottom:80px;
}
.main-article .section3 .item {
    background:url(//dl.cfxz123.com/source/www/product/forex/bg-number.jpg) center no-repeat;
    width:212px;
    height:195px;
}
.main-article .section3 p {
    font-size:4.3em;
    font-family:"Myriad";
    color:#035B83;
    text-align:center;
}
.main-article .section3 span {
    font-size:16px;
    font-family:"Microsoft JhengHei","Microsoft YaHei",arial,sans-serif;
    color:#333333;
}
.main-article .section3 a {
    font-size: 1.6em;
    position: relative;
    color: #0099cc;
    text-align: right;
    display: block;
    margin-right: 15px;
}
.main-titlesm {
    font-size:2.4em;
    line-height:1;
    color:#666666;
    margin-bottom:40px;
}
.main-title {
    font-size: 3.6em;
    color: #035B83;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 30px;
}
.sub-title {
    color: #333;
    font-size: 1.6em;
    line-height: 1.8;
}
.sub-title.marginbottom{margin-bottom: 20px}
.sub-title a{color: #035B83;cursor: pointer}
table.product{
    width: 100%;
    text-align: center;
    border: 0 !important;
    font-size: 1.6em;
    border-collapse: collapse;
    border-spacing: 0;
}
table.product thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
table.product thead th {
    text-align: center;
    padding: 15px;
    color: #035B83;
}
table.product tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
table.product tbody td {
    text-align: center;
    color: #333333;
    border-bottom: 0;
    padding: 15px;
    font-size: 1.13em;
    border-top: 1px solid #CCCCCC;
    font-family: Myriad, "Microsoft JhengHei", "Microsoft YaHei", arial, sans-serif;
}
table.product tbody .unit {
    font-size: 0.8em;
}
table.product tbody tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
    background: #FFFFFF;
}
table.product tbody tr:hover td {
    background: #e5f5fa;
    border-top-color: #035B83;
}
table.product tbody tr:hover + tr td {
    border-top-color: #035B83;
}

table.product tbody tr.last-row td {
    border-bottom: 1px solid #CCCCCC;
}
table.product tbody tr.last-row:hover td {
    border-bottom-color: #035B83;
}
table.product .first-child {
    text-align: left;
}
table.product .first-child a {
    color: #666666;
}
.section2 .cfd-detail {
    margin: 30px 0 10px;
    font-size: 1.6em;
    color: #333333;
}
.section2 .cfd-detail a {
    color: #0096DB;
    transition: all .15s ease-in;
}
.section2 .cfd-detail a:hover {
    color: #0096dc;
}
.section2 .cfd-detail a.arrow-ic {
    position: relative;
    margin-right: 12px;
    top: 1px;
    width: 13px;
    height: 14px;
    display: inline-block;
    background: url(//dl.cfxz123.com/source/www/product/contract-detail/arrow-downhv.png) left center no-repeat;
}
.section2 .cfd-detail img {
    margin-right: 12px;
    position: relative;
    top: 1px;
}
.section2 .faq-link{
    margin-bottom: 39px;
    font-size: 1.6em;
    color: #333333;
}
.section2 .faq-link a {
    color: #0096DB;
    transition: all .15s;
}

.section2 .faq-link a:hover {
    color: #0096dc;
}

.section2 .faq-link a.question-ic {
    position: relative;
    margin-right: 10px;
    top: 2px;
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(//dl.cfxz123.com/source/www/product/contract-detail/question-ichv.png) left center no-repeat;
}

.section2 .faq-link img {
    margin-right: 12px;
    position: relative;
    top: 2px;
}
.section2 .view-more {
    font-size: 1.6em;
    display: block;
    text-align: center;
    width: 180px;
    height: 32px;
    line-height: 32px;
    color: #FFFFFF;
    margin: 0 auto;
    background: #0096DB;
    margin-bottom: 59px;
    transition: all .15s ease-in;
}
.section2 .view-more:hover {
    background: #03354C;
}
.section3 h3 {
    font-size: 2.0em;
    color: #035B83;
    margin-bottom: 10px;
}
.section3 ul{
    margin-bottom: 80px;
}

.section3 ul li {
    padding-top: 16px;
    float: left;
    width: 21.25%;
    margin-right: 5%;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    min-height: 212px;
    position: relative;
}

.section3 ul .last-child {
    margin-right: 0;
}

.section3 ul p {
    font-size: 1.6em!important;
    text-align: justify!important;
    color: #333!important;
    margin-bottom: 31px;
    min-height: 89px;
    line-height: 1.8;
}

.section3 ul a {
    display: block;
    float: right;
    font-size: 1.6em;
    margin-bottom: 18px;
    color: #0096DB;
    padding-right: 15px;
    position: absolute!important;
    bottom: 0;
    right: 0;
}

.section3 ul a:after {
    content: '';
    display: block;
    width: 6px;
    height: 10px;
    position: absolute;
    background: url(//dl.cfxz123.com/source/www/product/contract-detail/arrow.png) center no-repeat;
    top: 7px;
    right: 2px;
    transition: all .15s ease-in;
}

.section3 ul a:hover:after {
    right: -3px;
}
.itemdt-wrapp .note {
    font-size: 1.4em;
    line-height: 1.8;
    color: #666666;
    float: right;
    padding-top: 15px;
}
.hot {
    color: #C80000;
}
.main-article .article-question {
    font-size: 2em;
    margin: 0;
    position: relative;
    padding: 15px 80px 15px 0;
    display: block;
    color: #035B83;
    text-decoration: none;
}
.main-article .article-question:after {
    content: "∨";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'FontAwesome';
}
.main-article .article-question.collapsed {
    color: #333333;
    font-weight: normal;
    padding: 15px 0;
    border-bottom: 1px solid #CCCCCC;
}
.main-article .article-question.collapsed:hover {
    color: #035B83;
}
.main-article .article-question.collapsed:after {
    content: ">";
}
.main-article .collapse.in {
    height: auto;
}
.main-article .collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    -moz-transition: height 0.35s ease;
    -o-transition: height 0.35s ease;
    transition: height 0.35s ease;
}
.main-article .article-answer {
    font-size: 1.6em;
    color: #333333;
    margin-bottom: 1%;
}
.main-article .article-answer .border {
    border: 1px solid #CCCCCC;
    padding: 30px 20px;
    margin-top: 30px;
}
.main-article .article-answer strong {
    font-weight: bold;
}
.main-article .article-answer .pleft {
    padding-left: 16px;
}
.main-article .article-answer .padding-title {
    padding-top: 10px;
    display: block;
}
.main-article .article-answer p {
    color: #333333;
    line-height: 1.8;
    margin: 5px 0;
}
.main-article .article-answer a:hover {
    color: #035B83;
}

.main-article .article-answer a {
    color: #0096DB;
}
.vir-con{
    overflow: hidden;
    width: 46%;
    float: left;
}
.vir-con.study{
    width: 100%;
    float: none;
}
.vir-con.flaot{float: right}
.vir-con .vir-list{
    overflow: hidden;
    border-bottom: solid 1px #ccc;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 20px;
    line-height: 28px;
    padding: 15px 0;
    margin-bottom: 12px;
    cursor: pointer;
    color: #333;
}
.vir-con.study a{
    overflow: hidden;
    display: block;
    width: 46%;
}
.vir-con.study a:nth-child(odd){
    float: left;
}
.vir-con.study a:nth-child(even){
    float: right;
}
.vir-con .vir-list img{
    margin: 0 10px 0 15px;
}
.vir-con .vir-list:hover{
    color: #035B83;
}
.vir-con .vir-list span{
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.main-article .section2 a {
    cursor: pointer;
    text-decoration: none;
}
.main-article .section2 a.btn {
    background: #0096DB;
    font-size: 1.6em;
    width: 200px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    margin: 28px auto 40px;
    color: #FFFFFF;
    display: block;
}
.main-article .section2 a.btn:hover{ background: #03354C;}