.content{ width: 1200px; margin: 0 auto;}
.top-banner-terms{
    position: relative;
    margin-top: -74px;
    background: #1c4560;
    line-height: 0; }
.top-banner-terms .banner-terms {
    background: url(//dl.cfxz123.com/source/www/acc/terms/banner-terms.jpg) no-repeat center top;
    height: 350px; }
.top-banner-terms .banner-terms .title-banner {
    font-size: 3.6em;
    line-height: 1.0;
    color: #fff;
    text-align: left;
    padding: 200px 0 30px 0; }
.top-banner-terms .banner-terms  .sub-title {
    font-size: 2.4em;
    line-height: 1.0;
    color: #fff;
    padding: 0 0 40px 0; }
.main-content-terms {
    width: 100%;
    background-color: #FFFFFF;
    display: block;
    overflow: hidden; }

.main-content-terms .explain{overflow: hidden; width: 100%; text-align: right;padding: 60px 0 20px 0;}
.main-content-terms .explain img{ padding-top: .2em; padding-right: 6px; float: right;}
.main-content-terms .explain span{ color: #333; font-size: 1.6em; float: right; line-height: 1.6em;}
.main-content-terms .explain span a{ display: inline-block;color: #0096dc; padding: 0 6px;}

.main-content-terms table{ text-align: center; margin: auto;}
.main-content-terms table tr{ color: #fff; width: 100%;}
.main-content-terms table tr td{width: 20%;}
.main-content-terms table tr td span{ font-size: 1.8em; text-align: center; float:left; margin-right: .5%;}
.main-content-terms table tr td span.color1{background: #bbd4fb;  height: 60px; padding-top: 20px; width: 99.5%;}
.main-content-terms table tr td span.color2{background: #8db2f3; height: 60px; padding-top: 20px; width: 99.5%;}
.main-content-terms table tr td span.color3{background: #5389f5; height: 60px; padding-top: 20px; width: 99.5%;}
.main-content-terms table tr td span.color4{background: #2e6fef; height: 60px; padding-top: 20px; width: 99.5%;}
.main-content-terms table tr td span.color5{background: #205acf; height: 60px; padding-top: 20px; width: 99.5%;}

.main-content-terms table tr.table-con{border-bottom: solid 1px #ddd;}
.main-content-terms table tr.table-con td span{ height: 46px; color: #333; font-size: 1.6em; padding: 10px 16px; width: 100%;}
.main-content-terms table tr.table-con td span.color{ background: #f3f7fd; text-align: left; color: #333; width: 99.5%;}
.main-content-terms table tr.table-con td span.color1{color: #7eb800; background: #fff;}
.main-content-terms table tr.table-con td span.color2{line-height: 46px; background: #fff;}
.main-content-terms table tr.table-con td span.color3{line-height: 46px; background: #f3f7fd; text-align: left;}
.main-content-terms table tr.table-con td span.padding{ padding-top: 10px; height: 24px;}
.main-content-terms table tr.table-con td span p{ display: inline; color: #666; font-size: 14px;}
.main-content-terms table tr.table-con.height td span{ height: 64px;}
.main-content-terms table tr.table-con.height td span.padding{ padding-top: 0px; height: 22px;}
.main-content-terms table tr.table-con.height td span.padding1{ padding-top: 0px; height: 22px;}

.main-content-terms table tr.table-con1{ width: 100%;}
.main-content-terms table tr.table-con1 td.special{width: 19%;}
.main-content-terms table tr.table-con1 td.special span{
    width: 99.5%;
    height: 185px;
    margin-right: .5%;
    background: #f3f7fd;
    color: #333;
    font-size: 1.6em;
    text-align:left;
    border-right:none;
    padding-left: 10px;
    padding-top: 68px;
}
.main-content-terms table tr.table-con1 td.special-explain{width: 20%;}

.main-content-terms table tr.table-con1 td.special-explain .con{
    overflow: hidden;
    width: 99.5%;
    height: 185px;
    padding: 30px 10px 10px 10px;
    border-right: solid 1px #fff;
    background:url(//dl.cfxz123.com/source/www/acc/terms/triangle.png) no-repeat;
    background-size: 100% 100%;
}
.main-content-terms table tr.table-con1 td.special-explain .con.bg1{
    background:url(//dl.cfxz123.com/source/www/acc/terms/triangle_1.png) no-repeat;
    background-size: 100% 100%;
}
.main-content-terms table tr.table-con1 td.special-explain .con.bg2{
    background:url(//dl.cfxz123.com/source/www/acc/terms/triangle_2.png) no-repeat;
    background-size: 100% 100%;
}
.main-content-terms table tr.table-con1 td.special-explain .con.bg3{
    background:url(//dl.cfxz123.com/source/www/acc/terms/triangle_3.png) no-repeat;
    background-size: 100% 100%;
}
.main-content-terms table tr.table-con1 td.special-explain .con span{ color: #333; text-align: left; display: block; font-size: 1.6em; border-right:none; padding-bottom: 4px;}
.main-content-terms table tr.table-con1 td.special-explain .con span p{color:#f18900; display: inline; }

/*.main-content-terms table tr.table-con1 td.special-explain .con span p.left{ display: block; float: left; overflow: hidden;  color: #333;}*/
/*.main-content-terms table tr.table-con1 td.special-explain .con span p.right{ display: block; float: left; overflow: hidden;color: #333;}*/
/*.main-content-terms table tr.table-con1 td.special-explain .con span p.right span.inner{display: inline; color: #f18900; width: 10%; float: none; font-size: 1em;}*/

.main-content-terms .more{ padding:3% 0;}
.main-content-terms .more span{ overflow:hidden; display:block; padding:3px 0; font-size:1.6em;}
.main-content-terms .more span a{ display: inline-block;color: #0096dc; padding: 0 6px;}


@media screen and (max-width: 1280px){
    html{font-size: 50.5% !important;}
    .content{width: 1000px;}
    .main-content-terms table tr td span.color1{height: 40px; padding-top: 10px;}
    .main-content-terms table tr td span.color2{height: 40px; padding-top: 10px;}
    .main-content-terms table tr td span.color3{height: 40px; padding-top: 10px;}
    .main-content-terms table tr td span.color4{height: 40px; padding-top: 10px;}
    .main-content-terms table tr td span.color5{height: 40px; padding-top: 10px;}
    .main-content-terms table tr.table-con td span{height: 36px; padding-top: 10px;}
    .main-content-terms table tr.table-con td span.color2{line-height: 36px;}
    .main-content-terms table tr.table-con td span.color3{line-height: 36px;}
    .main-content-terms table tr.table-con td span p{ font-size: 12px;}
    .main-content-terms table tr.table-con.height td span{ height: 54px;}s
    .main-content-terms table tr.table-con1 td.special span{padding-top: 38px;}
    .main-content-terms table tr.table-con1 td.special span{height: 160px;}
    .main-content-terms table tr.table-con1 td.special-explain .con{height: 160px; padding-top: 20px;}
}
@media screen and (max-width: 1200px){
    html{font-size: 50.5% !important;}
    .content{width: 1000px;}
}
@media screen and (max-width: 1024px){
    html{font-size: 40.5% !important;}
    .content{width: 1000px;}
}