
div.CommonJJNewSY{
    display:none;
}
@charset "utf-8";
#container{width: 800px;margin: auto;}
@media screen and (max-width:800px){
    #container{ width:auto;}
}
@media screen and (min-width:767px){
    .text2{ width:94%}
}
input, textarea, button, div {-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus{ outline:none}
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}

a{ text-decoration:none;}
body{ padding:0; margin:0; font-family:"微软雅黑"; font-size:12px; }
*:focus{ outline:none;}
ul{ padding:0; margin:0;}
ul li{ list-style-type:none;}
button:active{ left:1px; top:1px;}
.continer{ width:856px; margin:auto;}
.left_top{ margin-top:30px;}
.leftdiv{ width:349px;float: left;margin-bottom: 50px;}
.left{ width:319px;padding: 0 14px;float: left;
    border: solid 1px #ddd; border-top:none}

.title span{padding-top: 31px;display: inline-block;}
.left_menu ul li{ float:left; border:solid 1px #e5e5e5; color:#0066cc; width:55px; text-align:center; height:40px; line-height:40px;margin: 0 0 10px 5px;}
.left_menu{text-align: center; float:left; border: solid 1px #dddddd;    width: 99%;    border-bottom: none;}
.left_menu ul{ float:left;}
.left_menu ul .checked{ color:#fff; background:#009dd9;}
.left_menu span{font-size: 14px;line-height: 40px;font-weight: bold;}
.left_main{ min-height:138px; height:auto!important; height:138px; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;float: left;
    width: 317px;}
.arrow{ text-align:center; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}

.right{ font-size:14px;}
.right ul {border-radius: 5px;
    border: 1px solid #d1d1d1;float: left;padding: 12px;width: 391px;}
.right ul a{  color:red;display: inline-block; width:10px; height:10px;vertical-align: -2px;}
.right ul li { margin-bottom:10px; width:100%}
.right ul li span{ width:145px;display: inline-block;}
.right ul li .text{ width:200px; height:25px;}
.right ul li select{width: 204px; height: 30px;}
.right ul li button{ background:#999999; color:#fff; border-radius:2px; border:none; width:80px; height:30px; position:relative
}

.right ul li textarea {
    width: 200px;
    height:65px;
}
.right ul *{ float:left}

.fund{font-size: 15px;color: #6d6d72; padding: 10px;display: block;border-bottom: 1px solid #d4d4d4;}
.fund a{color: #6d6d72;}
.fundname{color: #000;font-size: 17px;padding-bottom: 8px;}
.fund .fund_buy{float: right;
    width: 90%;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background-color: #f40;
    text-decoration: none;
    border-radius: 5px;
    display: block;}
.profit{font-size: 22px;color: #ff0000;}
.borderbottom{border-bottom: 1px solid #d4d4d4;}
.black{ color:#000;}
.minbuy{ text-align:right;}
.smallpecnet{ font-size:15px;}
.pec30{ width:31%}
.pec31{ width:30%}
.red{ color:red}
.rightarrow1 {
    text-align: right;
    vertical-align: 5px;
    float: right;
    color: #686868;
}
.fund .nobuy{ background-color: #fff; color:#ff4401; border:solid 1px #ff4401;}
.fund .whitebtn{ background-color: #fff; color:#000; border:solid 1px #ddd;}
.font30{ font-size:30px;}
.tab{ border-radius: 3px;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;}
.tabred{ background:#fe4400}
.tabblue{ background:#6299da}
.pb5{ padding-bottom:5px;}
.normal_fund2_table2{ padding-top:10px;}
.normal_fund2_table1 td{ width:33%}
.normal_fund2_pb20 td{ padding-bottom:10px}
.dianping{width:70%;font-size: 14px;}
.rightarrow{ text-align:right; vertical-align:5px;}
.xf_fundtype{ font-size:16px; color:#000;}
.newfund1_nobuy{ font-size:14px;}
.newfund1_nobuy .xf_fundtype{ font-size:14px;}
.module_title{ width:100%; height:40px; line-height:40px; background:#f6f5fa; color:#666;border-bottom: solid 1px #ddd;
    font-size: 15px;}
.module_title span{ padding-left:11px;}
.module_title a{    color: #666;
    text-decoration: none;
    float: right;
    padding-right: 9px;font-size: 14px;}
.article_title{ padding:18px; border-bottom:solid 1px #ddd;}
.article_title a{ display:block; text-decoration:none; color:#333; font-size:22px; margin-bottom:18px;}
.article_title span{ color:#888;}
.about {
    background-color: #fff;
    border-bottom: solid #d4d4d4;
    border-width: 1px 0;
    padding: 20px 15px 0px 15px;
    font-size: 16px;
    margin-bottom: 45px;clear: both;
    float: left;
}
.about .title {
    font-size: 17px;
    text-align: center;
    color: #ff4400;
    padding-bottom: 15px;
}
.about .para {
    line-height: 19px;
    font-size: 13px;
    text-align: justify;
    border-bottom: solid 1px #ddd;
    border-style: dotted;
    padding-bottom: 20px;
}
.about .feature {
    *zoom: 1;
    padding: 15px 0;
    float: left;
    width: 100%;
}
.about .feature li {
    float: left;
    width: 33%;
    text-align: center;
    list-style: none;
}
.gd_red{line-height: 22px;
    color: #ff4400;
    font-size: 14px;}
.about .feature li h3 {
    line-height: 22px;
    color: #ff4400;
    font-size: 14px;
}
.about .feature li p {
    font-size: 13px;
}
.gd_red img{ vertical-align:-4px;}
.about .feature .icon-1 {
    background-position: 0 0;
}
.about .feature .icon-2 {
    background-position: 0 -32px;
}
.about .feature .icon-3 {
    background-position: 0 -64px;
}
.about .more {
    background-color: #efeff4;
    padding: 10px 0;
    border-top: 2px solid #d4d4d4;
    text-align: center;
    font-size: 1.2em;
    line-height: 25px;
}
.about .more a {
    color: #333333;
    text-decoration: none;
}
.about .more .circle {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(http://j5.dfcfw.com/image/201501/20150123105703.png) no-repeat 0 50%;
    margin-left: 5px;
    text-indent: -9999px;
    position: relative;
    top: 1px;
}
.img_link{border-bottom: solid 1px #ddd; display:block; padding:12px 15px; color:#000}
.imgtd{ width:30%;padding-right: 10px; }
.imgtd img{ width:100% !important; width:186px;}
.imglink img{ width:100%;}
.imglink_pt{display: block;
    padding: 5px;
    background-color: #ebebeb; text-decoration:none;border-bottom: solid 1px #ddd;}
.imglink_pt img{ width:100%;}
.imglink_pt span{ font-size:14px; color:#999;}
.imglink2{ padding: 12px 5px; display: block;border-bottom: solid 1px #ddd;}
.imglink2 img{ width:100%}
.img_tit{    font-size: 16px;
    padding-bottom: 12px;
    display: block;}
.img_des{    color: #7d7d7d;
    padding-top: 4px;
    display: block;}
.img_tag{color: red;
    border: solid 1px red;
    padding: 0 5px;
    float: right;}
.img_span{color: #7d7d7d;}
.img_link .img_tit{padding-bottom: 5px; line-height: 20px;}
.kb10{ width:100%; height:10px}
.kb20{ width:100%; height:20px}
.kb30{ width:100%; height:30px}
.kb36{ width:100%; height:36px}
.kb46{ width:100%; height:46px}
.line_solid{ width:100%; border-bottom:solid 1px #ddd}
.line_dashed{width:100%; border-bottom:dashed 1px #ddd}
.line_double{width:100%; border-bottom:double 3px #ddd}
.line_dotted{width:100%; border-bottom:dotted 1px #ddd}
.edit{ border:2px dashed red;}
.operate{text-align: right;}
.operate a{ cursor:pointer; background:#676363; color:#fff; padding:2px 15px; opacity:0.9; border:solid 1px #797979;}
.right{ position:absolute}
.position{ position:relative;    left: 331px;}
.f14{ font-size:14px;}
.block{ display:block; padding:5px 0 ;}
.text{ margin:10px; font-size:17px;color: #000; padding:10px; border-width:2px;line-height: 25px;}
.text_border_red{ border-color:#ff4400;}
.text_border_blue{ border-color:#008aff;}
.text_border_orange{ border-color:#ff4401;}
.text_border_gray{border-color:#cccccc;}
.text_border_purple{border-color:#8e00c9;}
.text_border_solid{ border-style:solid}
.text_border_dashed{ border-style:dashed}
.text_border_dotted{ border-style:dotted}
.text2{ border:solid 2px #ccc;}
.text2 h1 {
    margin-left: -16px;
    color:#fff;
    position:relative;margin-top: 8px;
    float:left;
    padding: 0 10px;
    text-align: center;
    margin-right: 10px;
    line-height: 30px;
}
.text2 h1:before{
    content: " ";
    display: block;
    position: absolute;
    bottom: -11px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-top: 5px solid #4b4b4d;
    border-right: 12px  #4b4b4d;
    border-bottom: 6px solid transparent;
}
.text2 .tip_pink{background:#ff7475; }
.text2 .tip_pink:before{
    border-top: 5px solid #bc3435;
    border-right: 12px  #bc3435;
}

.text2 .tip_blue{background:#008aff; }
.text2 .tip_blue:before{
    border-top: 5px solid #0d5b9e;
    border-right: 12px  #0d5b9e;
}

.text2 .tip_orange{background:#ff4400; }
.text2 .tip_orange:before{
    border-top: 5px solid #982c04;
    border-right: 12px  #982c04;
}
.text2 .tip_purple{background:#8e00c9; }
.text2 .tip_purple:before{
    border-top: 5px solid #520871;
    border-right: 12px  #520871;
}
.text2 .tip_red{background:#ff0000; }
.text2 .tip_red:before{
    border-top: 5px solid #820a0a;
    border-right: 12px  #820a0a;
}
.fund_style_lr span{ display:block;border-right: solid 1px #ddd;
    margin-right: 17px;}
.fund_style_lr{width: 130px;}
.chart{width: 100%;height: 200px;}
.chart_top{text-align: center; padding-top: 17px;padding-bottom: 10px; color:#333;}
.chart_top_fixed{text-align: center; padding-top: 17px;padding-bottom: 10px; color:#333;}
.yuandian{ width:10px; height:10px; display:inline-block;    background: #ffa71c;border-radius: 50%;margin-right: 5px;}
.chart_top b{ padding-left:5px;}
.chart_top_fixed b{ padding-left:5px;}
.chart_pec30{display:inline-block; display:inline-block; width:115px;text-align: left;}
.blue{ background:#81c2f4;}
#time{ display:inline-block; width:80px;}
.chart_bottom{padding-left: 3%;padding-bottom: 10px; color:#ABABA9}
.maxdate{ float:right; margin-right:43px;}
.chart div{position: static !important;}
@media only screen and (min-width: 320px) and (max-width: 325px){
    .chart{width: 300px; margin: auto;}
}
@media only screen and (min-width: 360px) and (max-width: 369px){
    .chart{width: 350px; margin: auto;}
}
@media only screen and (min-width: 370px) and (max-width: 376px){
    .chart{width: 370px; margin: auto;}
}
@media only screen and (min-width: 377px) and (max-width: 379px){
    .chart{width: 374px; margin: auto;}
}
@media only screen and (min-width: 380px) and (max-width: 381px){
    .chart{width: 375px; margin: auto;}
}
@media only screen and (min-width: 385px) and (max-width: 410px){
    .chart{width: 382px; margin: auto;}
}
@media only screen and (min-width: 410px) and (max-width: 411px){
    .chart{width: 400px; margin: auto;}
}
@media only screen and (min-width: 412px) and (max-width: 415px){
    .chart{width: 405px; margin: auto;}
}
@media only screen and (min-width: 425px) and (max-width: 435px){
    .chart{width: 425px; margin: auto;}
}
.qtdp{ text-align:center;padding: 10px 0;padding-bottom:5px;}
.qtdp_li1{ font-size:17px; color:#333; padding-bottom:10px;}
.qtdp_li2{font-size:13px; color:#666; padding-bottom:10px;}
.qtdp_li3{font-size:10px; color:#ff4400; padding-bottom:25px;}
.qtdp_li3 span{ display:inline-block; padding:0 5px; border:solid 1px #ff4400; border-radius:4px;margin-left:5px;padding-top:8px;padding-bottom:7px;}
.qtdp_li4{font-size:15px; color:#ff0000; padding-bottom:7px;}
.qtdp_li4 { font-size:44px;height:34px;line-height:34px;color:#ff0000;padding-bottom:10px;}
.qtdp_li5{font-size:12px; color:#999; padding-bottom:20px;}
.qtdp_li6{ display:inline-block; color:#fff; background:#fe4500;  border-radius:5px; font-size:20px;}
body {background: #fff !important;}
.CommonJJ5,.CommonJJ6{width:100%;background:#fff}
.chart_div {width:100%;float: left;background: #fff;}
.qtdp .percent{font-size: 20px;}
.qtdp_li6 span{
    width:100%;
    float:left;
    line-height:20px;
    height:20px;
    padding:10px 0;
}
.text_border_gray div {display:inline-block;text-align:justify;}
.guessYouLike{ font-size:16px;}
.guessYouLike .tag li{ padding:10px}
.guessYouLike .tag .tag_li1{ padding-bottom:0}
.guessYouLike .tag_li2{ color:#666}
.guessYouLike .tag_li2 span{ padding-right:4%;}
.guessYouLike .gray_bar{ height:10px; background:#e7e7e7}
.guessYouLike .white_bg{ background:#fff;}
.guessYouLike .color_black{ color:#000}
.guessYouLike .module_more{ font-size:14px; text-align:center; padding:10px}
.guessYouLike .module_more a{ color:#008aff}
.topicTag .tag li{ padding:10px}
.topicTag .tag .tag_li1{ padding-bottom:0}
.topicTag .tag_li2{ color:#666;padding-bottom:0;}
.topicTag .gray_bar{ height:10px; background:#e7e7e7}
.tag li{ padding:10px; padding-bottom:0}
.tag_li2 span {
    border: solid 1px #999;
    font-size: 14px;
    border-radius: 5px;
    padding: 4px 7px;
    margin-right: 8px;
    display: inline-block;
    margin-bottom: 10px;
    line-height: 17px;
}
.scroll_css img {
    width: 30%;
    padding-right: 10px;
}
.scroll_css a {
    font-size: 16px;
    color: #000;
    padding: 10px;
    display: block;
    padding-bottom: 6px;
    border-bottom: solid 1px #ddd;
    min-height: 85px;
}
.scroll_css span {
    vertical-align: top;
    width: 60%;
    display: inline-block;
}
.pullDownLabel,#pullDown {text-align:center;}
.pullUpLabel,#pullUp {text-align:center;}
#pullDown, #pullUp {
    background:#fff;
    height:40px;
    line-height:40px;
    padding:5px 10px;
    border-bottom:1px solid #ccc;
    font-weight:bold;
    font-size:14px;
    color:#888;
}
#wrapper {-webkit-overflow-scrolling: touch;}
#loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    z-index: 99999;
}
#loading .inner {
    display: table-row;
    width: 100%;
    height: 100%;
    position: relative;
}
#loading .inner .mask {
    height: 92px;
    width: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.85);
    padding: 20px 0 8px 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 5px;
}

.mask span {
    display: block;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    height: 22px;
    line-height: 22px;
}
@-webkit-keyframes loadingA {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    8.3% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    8.3001% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    16.7% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    16.7001% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    25% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    25.001% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    33.3% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    33.3001% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    41.7% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    41.7001% {
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg);
    }
    50% {
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg);
    }
    50.001% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    58.3% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    58.3001% {
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg);
    }
    66.7% {
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg);
    }
    66.7001% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    75% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    75.001% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    83.3% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    83.3001% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg);
    }
    91.7% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg);
    }
    91.7001% {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg);
    }
    100% {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg);
    }
}
@keyframes loadingA {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    8.3% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    8.3001% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    16.7% {
        -webkit-transform: rotate(30deg);
        transform: rotate(30deg);
    }
    16.7001% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    25% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
    }
    25.001% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    33.3% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    33.3001% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    41.7% {
        -webkit-transform: rotate(120deg);
        transform: rotate(120deg);
    }
    41.7001% {
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg);
    }
    50% {
        -webkit-transform: rotate(150deg);
        transform: rotate(150deg);
    }
    50.001% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    58.3% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    58.3001% {
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg);
    }
    66.7% {
        -webkit-transform: rotate(210deg);
        transform: rotate(210deg);
    }
    66.7001% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    75% {
        -webkit-transform: rotate(240deg);
        transform: rotate(240deg);
    }
    75.001% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    83.3% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg);
    }
    83.3001% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg);
    }
    91.7% {
        -webkit-transform: rotate(300deg);
        transform: rotate(300deg);
    }
    91.7001% {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg);
    }
    100% {
        -webkit-transform: rotate(330deg);
        transform: rotate(330deg);
    }
}
.text3{ text-align:center;font-size: 18px;margin: 20px 10px;}
.text3 a{display: inline-block;padding:5px 20px; border-radius:10px}
.text3_bg_blue a{ background:#5dcfff; color:#fff; }
.text3_bg_red a{ background:#ff7f6c; color:#fff; }
.text3_bg_orange a{ background:#ffab58; color:#fff; }
.text3_bg_pink a{ background:#ff90f5; color:#fff; }
.text3_bg_purple a{background:#d282ff; color:#fff;}
.text3_bg_yellow a{background:#ffdb56; color:#fff;}
.text3_bg_none a{background:none; color:#000;}
.module_title3{ margin:15px 0; font-size:15px; color:#666; display:block;margin-left: 10px;}
.subhead{ font-size:12px; color:#999; padding-left:10px}
.subhead4{ display:block; color:#999;padding-top: 5px;}
.module_title4 .subhead4{ padding-left:8px;}
.align_left{ text-align:left}
.align_right{ text-align:right}
.align_center {text-align:center;}
.blue_jiaobiao{ border-left:solid 2px #5DCFFF;padding-left: 5px;}
.orange_jiaobiao{border-left:solid 2px #FF6229;padding-left: 5px;}
.yellow_jiaobiao{border-left:solid 2px #ffdb56;padding-left: 5px;}
.red_jiaobiao{border-left:solid 2px #ff7f6c;padding-left: 5px;}
.purple_jiaobiao{border-left:solid 2px #d282ff;padding-left: 5px;}
.pink_jiaobiao{border-left:solid 2px #ff90f5;padding-left: 5px;}
.news{ display:block; color:#000;  font-size:15px; padding:10px 0;}
.arrow1{vertical-align: top;
    text-align: right;}
.pec40{ width:37%}
.fund{ color:#999;}
.cycle{ width: 72px;
    height: 72px;
    text-align: center;
    color:#666;
    background-image:url(https://topicimg.1234567.com.cn/commo/yuan_red.png);
    background-size:100% auto;
    background-repeat: no-repeat;
    background-position:center;
}
.p_l_30{ padding-left:30px;}
.p_b_0{ padding-bottom:0}
.cycle_negative{background-image:url(https://topicimg.1234567.com.cn/commo/yuan_green.png);background-size:100% auto;background-position:center;}
.cycle_negative .profit{ color:#33CC33}
.newfund5{ vertical-align:top}
.newfund5 .profit{    padding-top: 0;}
.qtdp_li3_solid span{background: #ff4400;
    color: #fff;}
.disclaimer{ font-size:12px; color:#999; text-align:justify; padding:10px; line-height:18px}
.cycle .block{ padding-bottom:0}
.scroll_css img{width: 30%;
    padding-right: 10px;}
.scroll_css a{font-size: 16px; color:#000;padding: 10px; display:block;padding-bottom: 6px;
    border-bottom: solid 1px #ddd;}
.scroll_css span{ vertical-align:top;width: 66%;
    display: inline-block;}
.scroll_css span span{     font-size: 14px;
    width: 100%;
    color: #666;
    padding-top: 5px;}
.scroll_css img{width: 70px;
    padding-right: 6px;}
.scroll_css span{ vertical-align:top;width: 73%;
    display: inline-block;}
.guessYouLike .module_title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #000;
    border-bottom: solid 1px #ddd;
    font-size: 15px;
}
.guessYouLike .module_title span {
    padding-left: 11px;
}
.scroll_css span {
    vertical-align: top;
    width: 71%;
    display: inline-block;
}
.fund_buy_a table{ padding:15px; color:#999; border-bottom:solid 1px #f1f1f1}
.fund_buy_a table .fundname ,.fund_buy_a2 .fundname{
    color: #000;
    font-size: 17px;
    padding-bottom: 8px;
}
.fund_buy_a table .fund_buy{
    float: right;
    width: 66px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #f40;
    text-decoration: none;
    border-radius: 5px;
    display: block;

}
.fund_buy_a table .profit{ font-size:12px;padding-top: 4px;width: 33.3%;}
.fund_buy_a table .profit { font-size:20px;}
.padding_div{ width:100%; height:10px; background:#f5f5f5;}
.fund_buy_a table .sxf{ font-size:12px; color:#333}
.fund_buy_a table .sxf span{ font-size:20px; }
.fund_buy_a table  del{ color:#666;    padding-right: 4px;}
.fund_buy_a2{border-bottom: none; font-size:14px; padding:20px 22px}
.fund_buy_a2 .qtdp_li6{ color:#fff; width:100%; height:38px; line-height:38px; font-size:18px; margin-top:20px}
.p_l_50{ padding-left:15%}
.fund_buy_a2 .cycle{    width: 77px;font-size: 12px;
    height: 77px;
    text-align: center;
    color: #999;    background-repeat: no-repeat;
    background-position: center;}
.fund_buy_a2 .profit{ font-size:20px;}
.c_666{ color:#666}
.fund_buy_a3 .profit {
    font-size: 27px;

}
.fund_buy_a3 .block{ padding:0}
.f_12{ font-size:12px}
.fund_buy_a4 .qtdp_li1{    font-size: 18px;
    color: #000;}
.fund_buy_a4 .qtdp_li2{ font-size:14px;}
.fund_buy_a4 .qtdp_li4{font-size: 25px;}
.fund_buy_a4 .qtdp_li4 span{font-size: 44px;}
.fund_buy_a4 .qtdp_li5{ font-size:12px;}
.fund_buy_a4 .qtdp_li6{ width:200px; height:38px; line-height:38px; font-size:18px;border-radius: 100px;
    background:-webkit-linear-gradient(left, #FF9B28 , #FF5B1F);
}
.fund_buy_a5 .name{padding: 0 5px;}
.line{ display: inline-block;
    width: 35px;
    vertical-align: 4px;
    border-bottom: dashed 1px #999;}
.fund_buy_a5 ul li{    list-style-type: disc;}
.fund_buy_a5 ul{    margin-left: 20%;}
.gray_cyrcle{ background-image:url(https://topicimg.1234567.com.cn/commo/gray_circle.png)}
.CommonJJ_Btn .percent {font-size:12px;}
.CommonJJ7_btn .profit { width: auto;}
.CommonJJ7_btn .numgreen,.CommonJJ7_btn .numred,.CommonJJ7_btn .numblack {font-size:20px;}
.common7span .percent {font-size:14px;}
.CommonJJ8_btn .profit {width:auto;}
.CommonJJ8_btn .common7span {font-size:27px;}
.CommonJJ8_btn .f_12 {font-size:12px;}
.CommonJJ_Btn .del {display:none;}
.fund_buy_comment{color: #333;font-size: 14px;}
.fund_buy_comment p{
    border-top: solid 1px #ddd;
    margin-top: 8px;
    padding-top: 10px;
}
.fund_buy_a5 .cycle .profit span{padding-top: 14px;
    display: inline-block;}
.fund_buy_a table {    border-bottom: 1px solid #d4d4d4;}
.CommonJJ8_btn .common7span {
    width: 35%;
}
.p_l_30 {
    padding-left: 20px;
}
.interested{ padding:15px; padding-right:0; padding-bottom:0;}
.interested li{ display: inline-block;
    font-size: 14px;
    color: #666;
    text-align:center;
    border: solid 1px #ccc;
    border-radius: 6px;
    padding: 4px 12px;
    margin-bottom: 15px;
    margin-right: 15px;
    width: calc(50% - 43px);white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.circle {
    width: 52px;
    height: 52px;
    position: relative;
    border-radius: 50%;
    background: #519CFF;

}
.pie_left,
.pie_right {
    width: 54px;
    height: 54px;
    position: absolute;
    top: -1px;
    left: -1px;
}
.cic_left,
.cic_right {
    width: 54px;
    height: 54px;
    background: #eee;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.pie_right,
.cic_right {
    clip: rect(0, auto, auto, 26px);
}
.pie_left,
.cic_left {
    clip: rect(0, 26px, auto, 0);
}
.mask {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    left: 3px;
    top: 3px;
    background: #fff;
    position: absolute;
    text-align: center;
    line-height: 46px;
    font-size: 12px;
    color: #4F4F4F;
}
.cangwei .mask span {
    text-align: center;
    line-height: 46px;
    font-size: 12px;
    color: #4F4F4F;
    display: inline;
}
.cangwei{ margin-left: 15px;font-size: 14px;
    color: #999999;border-bottom: 1px solid #EEEEEE;padding: 12px 0;
    width: calc(100% - 15px);
}
.cangwei .fundname{font-size: 17px;color: #000000;}
.cangwei_jzrq{font-size: 14px; text-align:center; line-height:38px;color: #999999;border-top: 1px solid #EEEEEE;}
.cangwei_div .cangwei:last-child{ border-bottom:none}
.qtdp {
    padding: 25px 0;
}
.fund_board .qtdp_li1 {
    font-size: 18px;
    color: #000;
    padding-bottom: 15px;
    line-height: 18px;
}
.fund_board .qtdp_li2 {
    font-size: 12px;
    line-height:12px;
    color: #999;
    padding-bottom: 20px;
}
.fund_board  .qtdp_li3 {
    font-size: 10px;
    color: #52A2FF;
    padding-bottom: 15px;
}
.fund_board .qtdp_li3 span {
    display: inline-block;
    padding: 0 5px;
    border: solid 1px #edf5ff;
    border-radius: 5px;
    background: #edf5ff;
    color: #52A2FF;
}
.fund_board .qtdp_li4 {
    font-size: 22px;
    color:#FF4400;
    padding-bottom: 10px;
}
.qtdp_li4 span {
    font-size: 44px;
    line-height: 44px;
}
.fund_board .qtdp_li5 {
    font-size: 12px;
    padding-bottom:0;
}
.fund_board .qtdp_li6 {
    width: 210px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    border-radius: 100px;
    background: -webkit-linear-gradient(left, #FF6700 , #FF9503);
    margin-top: 20px;
}
.fund_board .qtdp_li7 {
    font-size: 16px;
    color:#FF4400;
}
.fixedbottom{width: 100%;
    height: 50px;
    background: #FF4400;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    bottom: 0;}
.interested_fund span{





    color: #008AFF;
    padding-right: 17px;}

.beinterested{

    border-bottom: solid 1px #f4f4f4;
    padding: 15px 0;}
.beinterested .p_l_50{ padding-left:25px}
.interested_fund{ padding-top:5px;}
.beinterested .fundname{ padding-bottom:5px;}
.beinterested .profit{ font-size:18px}
.f12{ font-size:12px}
.beinterested_more{ font-size:15px; text-align:center; height:45px; line-height:45px; width:100%}
.beinterested_more a{ color: #008AFF;}
.beinterested_title{ padding: 0 15px;
    font-size: 17px;
    color: #666;
    display: block;
    border-bottom: solid 1px #f4f4f4;
    height: 40px;
    line-height: 40px;}
.refresh{float: right;
    font-size: 14px;
    color: #83A6CF;}
.refresh img{vertical-align: -2px;
    margin-right: 5px;}
.beinterested_title_text{ display:inline-block; margin-right:5px;}
.beinterested_red_dash{background: url(https://topicimg.1234567.com.cn/commo/beinterested_red_dash.png);background-size: 100% auto;}
.beinterested_green_dash{background: url(https://topicimg.1234567.com.cn/commo/beinterested_green_dash.png);background-size: 100% auto;}
.beinterested_yellow_dash{background: url(https://topicimg.1234567.com.cn/commo/beinterested_yellow_dash.png);background-size: 100% auto;}
.beinterested_blue_dash{background: url(https://topicimg.1234567.com.cn/commo/beinterested_blue_dash.png);background-size: 100% auto;}
.cycle_light_blue{background: url(https://topicimg.1234567.com.cn/commo/cycle_light_blue.png);background-size: 100% auto;}
.cycle_light_blue .cycle_text{ color:#50B2FF}
.cycle_light_green{background: url(https://topicimg.1234567.com.cn/commo/cycle_light_green.png);background-size: 100% auto;}
.cycle_light_red{background: url(https://topicimg.1234567.com.cn/commo/cycle_light_red.png);background-size: 100% auto;}
.cycle_light_yellow{background: url(https://topicimg.1234567.com.cn/commo/cycle_light_yellow.png);background-size: 100% auto;}
.cycle_light_yellow .cycle_text{ color:#FF9800}
.cycle_red{background: url(https://topicimg.1234567.com.cn/commo/cycle_red.png);background-size: 100% auto;}
.cycle_blue{background: url(https://topicimg.1234567.com.cn/commo/cycle_blue.png);background-size: 100% auto;}
.cycle_yellow{background: url(https://topicimg.1234567.com.cn/commo/cycle_yellow.png);background-size: 100% auto;}
.cycle_green{background: url(https://topicimg.1234567.com.cn/commo/cycle_green.png);background-size: 100% auto;}
.cycle_text{font-size: 16px;
    color: #50B2FF;
    width: 46px;
    display: inline-block;}
.beinterested_yellow_dash .cycle_text{ color:#FF9800}
.white_color .cycle_text{ color:#fff}
.cycle_yellow .cycle_text{ color:#fff;}
.fund_buy_a2 .white_color{ color:#fff}
.white_color .profit{ color:#fff;}
.nocycle{ background:none}
.fund_type_ico{ width:38px; height:38px;}
.subject{ font-size:13px; color:#999}
.subject_tit{font-size: 16px;
    color: #333333; padding-top:15px;}
.subject_count{background: #eef6ff;
    color: #51A2FF;
    display: inline-block;
    margin-right: 1px;
    margin-bottom: 15px;
    border-radius: 4px;
    padding: 0 2px;}
.subject_div{ padding:0 15px;}
.subject_border_bottom { border-bottom:solid 1px #eee}
.subject_border_right{ border-right:solid 1px #eee}
.m_l_9{ margin-left:9px;}
.m_l_20{ margin-left:20px;}
.get_bottom{font-size: 14px; background:#f5f5f5; text-align:center;color: #999999; padding:15px 0;}
.hot_ico{ position:absolute;}
.hot_ico img{ width:13px; height:13px; position:relative;left: -11px;}
@charset "utf-8";
input, textarea, button, div {-webkit-tap-highlight-color: rgba(0,0,0,0);}
*:focus{ outline:none}
html, body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li{
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
a img { border:0;}
a{ text-decoration:none;}
body{ padding:0; margin:0; font-family:"微软雅黑"; font-size:12px; }
*:focus{ outline:none;}
ul{ padding:0; margin:0;}
ul li{ list-style-type:none;}
button:active{ left:1px; top:1px;}
.continer{ width:856px; margin:auto;}
.left_top{ margin-top:30px;}
.leftdiv{ width:349px;float: left;margin-bottom: 50px;}
.left{ width:319px;padding: 0 14px;float: left;
    border: solid 1px #ddd; border-top:none}

.title span{padding-top: 31px;display: inline-block;}
.left_menu ul li{ float:left; border:solid 1px #e5e5e5; color:#0066cc; width:55px; text-align:center; height:40px; line-height:40px;margin: 0 0 10px 5px;}
.left_menu{text-align: center; float:left; border: solid 1px #dddddd;    width: 99%;    border-bottom: none;}
.left_menu ul{ float:left;}
.left_menu ul .checked{ color:#fff; background:#009dd9;}
.left_menu span{font-size: 14px;line-height: 40px;font-weight: bold;}
.mainDiv1{ min-height:138px; height:auto!important; height:138px; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;float: left;
    width: 100%;}
.arrow{ text-align:center; border-left: solid 1px #dddddd; border-right: solid 1px #dddddd;}
.arrow img{    position: relative;
    top: 1px;
}
.right{ font-size:14px;}
.right ul {border-radius: 5px;
    border: 1px solid #d1d1d1;float: left;padding: 12px;width: 391px;}
.right ul a{  color:red;display: inline-block; width:10px; height:10px;vertical-align: -2px;}
.right ul li { margin-bottom:10px; width:100%}
.right ul li span{ width:145px;display: inline-block;}
.right ul li .text{ width:200px; height:25px;}
.right ul li select{width: 204px; height: 30px;}
.right ul li button{ background:#999999; color:#fff; border-radius:2px; border:none; width:80px; height:30px; position:relative
}
.right img{    float: left;
    margin-left: 5px;
    position: relative;top: 65px;left: 1px;}

.right ul li textarea {
    width: 200px;
    height:65px;
}
.right ul *{ float:left}

.fund{font-size: 15px;color: #6d6d72; padding: 10px;display: block;border-bottom: 1px solid #d4d4d4;}
.fund a{color: #6d6d72;}
.fundname{color: #000;font-size: 17px;padding-bottom: 8px;}
.fund .fund_buy{float: right;
    width: 90%;
    height: 36px;
    line-height: 36px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    background-color: #f40;
    text-decoration: none;
    border-radius: 5px;
    display: block;}
.profit{font-size: 22px;color: #ff0000;}
.borderbottom{border-bottom: 1px solid #d4d4d4;}
.black{ color:#000;}
.minbuy{ text-align:right;}
.smallpecnet{ font-size:15px;}
.pec31{ width:30%}
.red{ color:red}
.rightarrow1 {
    text-align: right;
    vertical-align: 5px;
    float: right;
    color: #686868;
}
.fund .nobuy{ background-color: #fff; color:#ff4401; border:solid 1px #ff4401;}
.fund .whitebtn{ background-color: #fff; color:#000; border:solid 1px #ddd;}
.font30{ font-size:30px;}
.tab{ border-radius: 3px;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;}
.tabred{ background:#fe4400}
.tabblue{ background:#6299da}
.pb5{ padding-bottom:5px;}
.normal_fund2_table2{ padding-top:10px;}
.normal_fund2_table1 td{ width:33%}
.normal_fund2_pb20 td{ padding-bottom:10px}
.dianping{width:70%;font-size: 14px;}
.rightarrow{ text-align:right; vertical-align:5px;}
.xf_fundtype{ font-size:16px; color:#000;}
.newfund1_nobuy{ font-size:14px;}
.newfund1_nobuy .xf_fundtype{ font-size:14px;}
.module_title{ width:100%; height:40px; line-height:40px; background:#f6f5fa; color:#666;border-bottom: solid 1px #ddd;
    font-size: 15px;}
.module_title span{ padding-left:11px;}
.module_title a{    color: #666;
    text-decoration: none;
    float: left;
    padding-left: 9px;font-size: 14px;}
.article_title{ padding:18px; border-bottom:solid 1px #ddd;}
.article_title a{ display:block; text-decoration:none; color:#333; font-size:22px; margin-bottom:18px;}
.article_title span{ color:#888;}
.about {
    background-color: #fff;
    border-bottom: solid #d4d4d4;
    border-width: 1px 0;
    padding: 20px 15px 0px 15px;
    font-size: 16px;
    margin-bottom: 45px;clear: both;
}
.about .title {
    font-size: 17px;
    text-align: center;
    color: #ff4400;
    padding-bottom: 15px;
}
.about .para {
    line-height: 19px;
    font-size: 13px;
    text-align: justify;
    border-bottom: solid 1px #ddd;
    border-style: dotted;
    padding-bottom: 20px;
}
.about .feature {
    *zoom: 1;
    padding: 15px 0;
}
.about .feature:before, .about .feature:after {
    content: " ";
    display: table;
    line-height: 0;
}
.about .feature:after {
    clear: both;
}
.about .feature li {
    float: left;
    width: 34%;
    text-align: center;
    list-style: none;
}
.about .feature li:first-child, .about .feature li:last-child {
    width: 33%;
}
.about .feature li h3 {
    line-height: 22px;
    color: #ff4400;
    font-size: 14px;
}
.about .feature li p {
    font-size: 13px;
}
.about .feature .icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    text-indent: -9999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-right: 5px;
    background-image: url(https://fundsc.eastmoney.com/static/20150123133337.png);
}
.about .feature .icon-1 {
    background-position: 0 0;
}
.about .feature .icon-2 {
    background-position: 0 -32px;
}
.about .feature .icon-3 {
    background-position: 0 -64px;
}
.about .more {
    background-color: #efeff4;
    padding: 10px 0;
    border-top: 2px solid #d4d4d4;
    text-align: center;
    font-size: 1.2em;
    line-height: 25px;
}
.about .more a {
    color: #333333;
    text-decoration: none;
}
.about .more .circle {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(http://j5.dfcfw.com/image/201501/20150123105703.png) no-repeat 0 50%;
    margin-left: 5px;
    text-indent: -9999px;
    position: relative;
    top: 1px;
}
.img_link{border-bottom: solid 1px #ddd; display:block; padding:12px 15px; color:#000}
.imgtd{ width:30%;padding-right: 10px; }
.imgtd img{ width:100%;}
.imglink img{ width:100%;}
.imglink_pt{display: block;
    padding: 5px;
    background-color: #ebebeb; text-decoration:none;border-bottom: solid 1px #ddd;}
.imglink_pt img{ width:100%;}
.imglink_pt span{ font-size:14px; color:#999;}
.imglink2{ padding: 12px 5px; display: block;border-bottom: solid 1px #ddd;color: #000;}
.imglink2 img{ width:100%}
.img_tit{    font-size: 16px;
    padding-bottom: 12px;
    display: block;}
.img_des{    color: #7d7d7d;
    padding-top: 4px;
    display: block;}
.img_tag{color: red;
    border: solid 1px red;
    padding: 0 5px;
    float: right;}
.img_span{color: #7d7d7d;}
.img_link .img_tit{padding-bottom: 5px; line-height: 20px;}
.kb10{ width:100%; height:10px}
.kb20{ width:100%; height:20px}
.kb30{ width:100%; height:30px}
.kb36{ width:100%; height:36px}
.kb46{ width:100%; height:46px}
.line_solid{ width:100%; border-bottom:solid 1px #ddd}
.line_dashed{width:100%; border-bottom:dashed 1px #ddd}
.line_double{width:100%; border-bottom:double 3px #ddd}
.line_dotted{width:100%; border-bottom:dotted 1px #ddd}
.operate{text-align: right;}
.operate a{ cursor:pointer; background:#676363; color:#fff; padding:2px 15px; opacity:0.9; border:solid 1px #797979;}
.right{ position:absolute}
.position{ position:relative;    left: 331px;}
.topModuleMain {overflow-y:auto;background:rgb(255, 255, 255)}
.right .uploadImg {height:80px;width:auto;position:static;}
.serverUsing_show {margin-left:30px;}
.operate {display:none;}
.right {z-index:10;}
.left_menu {z-index:900;position:relative;}
.leftdiv .module_title{ width:317px;}
.leftdiv .img_link{width: 287px; background:#fff;}
.leftdiv .about{     width: 287px;}
.leftdiv .fund{background:#fff;width:297px;}
.leftdiv .imglink_pt{ width:307px;}
.leftdiv .imglink2{ width:307px; background:#fff;}
.leftdiv .imglink{ display:block;width:317px;}
.article_title{ background:#fff;}
.maodian a{ display:inline-block; width:20%; height:30px; line-height:30px; border-radius:15px; border:solid 1px #007bfd; color:#007bfd;margin: 10px 2%; text-align:center}
.spanInfo {width: 28px;color: red;margin-top: 5px;margin-left: 2px;}
.hideLi {display:none;}
.numgreen {color: #33CC33;}
.numred {color: #ff0000;}
.numblack {color:#333}
.noDataClass {font-size:75%}
.richText  table td{border:1px solid #DDD}
.edui-default {display:block;}
*{ word-break:break-all}
.gd_red {color:red;}
.richText div {padding-left:15px;padding-right:15px}
.article_title {
    padding: 18px;
    border-bottom: none;
    padding-bottom: 0;
}
.article_title a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 22px;
    margin-bottom: 15px;
}
.articleTitle table{width: 100%;}
.article_title span {
    color: #999;
}
.article_title a span {
    color: #000;
}
.pc_left {
    float: left;
    width: 686px;
    margin-right: 5px;
    border: solid 1px #ddd;
    font-family: "微软雅黑";
}
.mzsm{
    padding: 10px 15px;
    font-size: 13px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: rgb(221, 221, 221);
    color: #666;
    position: relative;
    z-index: 900;
    line-height: 19px;
}
.fundname {
    color: #333;
    font-size: 17px;
    padding-bottom: 10px;
}
.fund {
    font-size: 15px;
    color: #999;
    padding: 10px;
    display: block;
    border-bottom: 1px solid #d4d4d4;
}
.black {
    color: #333;
}
.rightarrow i{padding-left:5px;}
.mzsm { background: #f5f5f9;}
.imglink2 {
    display: block;
    color: #000;
    padding: 0 5px;
    border-bottom: none;
}
.maodian a {
    display: inline-block;
    width: 20%;
    height: 30px;
    line-height: 30px;
    border-radius: 15px;
    border: solid 1px #007bfd;
    color: #007bfd;
    text-align: center;
    margin: 0 2%;
}
.article_title {
    padding: 18px;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
}
.img_link {
    display: block;
    padding: 12px 15px;
    color: #000;
    border-bottom: none;
}
.module_title {
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f6f5fa;
    color: #666;
    border-bottom: none;
    font-size: 15px;
}
.imglink_pt {
    display: block;
    padding: 5px;
    background-color: #ebebeb;
    text-decoration: none;
    border-bottom: none;
}
.maodian{clear: both;}
.percent {font-size:12px;margin-left: -5px;}
.profit span[attrdata='Returnrate']{font-size:20px;}
.CommonJJ .sxf{font-size: 20px;}
.CommonJJ .sxf del{padding-right: 8px;}
.CommonJJ2 .black{font-size: 20px;}
.CommonJJ2 del{font-size: 20px; margin-right: 8px;}
.CommonJJ2 .normal_fund2_pb20 .black{font-size: 12px;}
.CommonJJ2 .normal_fund2_pb20 .black span{font-size: 20px; }
.XFJJY1K .xf_fundtype{    font-size: 18px;}
.XFJJY1K .red{ font-size: 18px;font-weight: normal;}
.XFJJY1B .newfund1_nobuy  .xf_fundtype {font-size: 18px;}
.XFJJY2K .normal_fund2_pb20{font-size: 18px;}
.XFJJY2K .normal_fund2_pb20 .black{ font-size:12px;}
.XFJJY2K .normal_fund2_pb20 .black span { font-size:18px;}
.XFJJY2K .normal_fund2_pb20 .red span{font-weight: normal;}
.HBJJ .black{font-size: 20px;}
.GSLC1 .black{font-size: 20px;}
.xf_fundtype .right{font-size: 12px;}
.CommonJJ2 .normal_fund2_pb20 .black{font-size: 20px;}
.XFJJY1B .newfund1_nobuy .xf_fundtype .right{font-size: 12px;}
.XFJJY2W .normal_fund2_pb20{font-size: 18px;}
.XFJJY1K .red span{font-weight: normal;}
.XFJJY1B .newfund1_nobuy .xf_fundtype .right{font-size: 12px;}
.XFJJY1B .newfund1_nobuy .xf_fundtype  td[align='right']
{font-size: 12px;}
.yuan,.unit{font-size: 12px;}
.XFJJY2K .normal_fund2_pb20 .black .yuan{font-size:12px;}
.normal_fund2_table1 td {
    width: inherit;
}
.normal_fund2_table1 tr:nth-child(2) td:nth-child(3){text-align:right}
.normal_fund2_table1 tr:nth-child(3) td:nth-child(3){text-align:right}
.normal_fund2_table1 tr:nth-child(2) td:nth-child(2){text-align:center;width:33%}
.normal_fund2_table1 tr:nth-child(3) td:nth-child(2){text-align:center;width:33%}
body{font-family:Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", "FontAwesome", sans-serif;}
.XFJJY1B .xf_fundtype span:nth-child(1){display:block}
.module_title span {
    padding-left: 0;
}
.article_title a span {
    color: #000;
    padding-top: 15px;
    display: inline-block;
    text-align: justify;
}
.CommonJJ .sxf .f12{
    font-size: 12px;
}
.dianping {
    width: 70%;
    font-size: 14px;
    color: #343434;
}
.article_title {
    padding: 15px;
    border-bottom: none;
    padding-bottom: 0;
    padding-top: 0;
}
.fund {
    font-size: 15px;
    color: #999;
    padding: 15px;
    display: block;
    border-bottom: 1px solid #d4d4d4;
}
.imglink2 {
    display: block;
    color: #000;
    padding: 0 15px;
    border-bottom: none;
}
.imglink_pt {
    display: block;
    padding: 15px;
    background-color: #fff;
    text-decoration: none;
    border-bottom: none;
}
.article_title a {font-size:21px;}
.model7 .imgtd{    padding-left: 10px;
    padding-right: 0;}
.img_span {
    color: #7d7d7d;
    vertical-align: top;
}
.richText{font-size: 17px; color: #000;}
.richText a{color: #007aff;text-decoration: none;}
.normal_fund2_table1 tr:nth-child(3) td:nth-child(2){text-align:center;width:33%;font-size: 20px;}
.ModuleTitle{    clear: both;}
.picNav{float:left;position: static !important;}
.subline {
    float: left;
    width: 100%;
    position: static !important;
}
.picNav{float:left;position: static !important;}
.subline {
    float: left;
    width: 100%;
    position: static !important;
}
.Article_title{position: static !important;    float: left;}
.picNav .img_link{float:left;min-height: 70px;}
.picNav{float:left;position: static !important;}
.picNav .img_link table{float:left}
.mzsm{float:left}
.mzsm div{ float:left}
.f14{ font-size:14px;}
.block{ display:block; padding:5px 0 ;}
.text{ margin:10px; font-size:17px;color: #000; padding:10px; border-width:2px;line-height: 25px;}
.text_border_red{ border-color:#ff4400;}
.text_border_blue{ border-color:#008aff;}
.text_border_orange{ border-color:#ff4401;}
.text_border_gray{border-color:#cccccc;}
.text_border_purple{border-color:#8e00c9;}
.text_border_solid{ border-style:solid}
.text_border_dashed{ border-style:dashed}
.text_border_dotted{ border-style:dotted}
.text2{ border:solid 2px #ccc;}
.text2 h1 {
    margin-left: -16px;
    color:#fff;
    position:relative;margin-top: 8px;
    float:left;
    padding: 0 10px;
    text-align: center;
    margin-right: 10px;
    line-height: 30px;
}
.text2 h1:before{
    content: " ";
    display: block;
    position: absolute;
    bottom: -11px;
    left: 0px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-top: 5px solid #4b4b4d;
    border-right: 12px  #4b4b4d;
    border-bottom: 6px solid transparent;
}
.text2 .tip_pink{background:#ff7475; }
.text2 .tip_pink:before{
    border-top: 5px solid #bc3435;
    border-right: 12px  #bc3435;
}

.text2 .tip_blue{background:#008aff; }
.text2 .tip_blue:before{
    border-top: 5px solid #0d5b9e;
    border-right: 12px  #0d5b9e;
}

.text2 .tip_orange{background:#ff4400; }
.text2 .tip_orange:before{
    border-top: 5px solid #982c04;
    border-right: 12px  #982c04;
}
.text2 .tip_purple{background:#8e00c9; }
.text2 .tip_purple:before{
    border-top: 5px solid #520871;
    border-right: 12px  #520871;
}
.text2 .tip_red{background:#ff0000; }
.text2 .tip_red:before{
    border-top: 5px solid #820a0a;
    border-right: 12px  #820a0a;
}
.fund_style_lr span{ display:block;border-right: solid 1px #ddd;
    margin-right: 17px;}
.fund_style_lr{width: 130px;}
.CommonJJ3 .fund_style_lr span {margin-right: 17px;}
.CommonJJ3 .profit {width:auto;}
.CommonJJ4 .fund_style_lr span {margin-right: 17px;}
.CommonJJ4 .profit {width:auto;}
.GSLC2 .profit {width:auto;}
.numgreen {color: #33CC33;font-weight: bold;}
.numred {color: #ff0000;font-weight: bold;}
.numblack {color:#333}
.commentParentDiv {display:none;}
.picNav{float:left;position: static;}
.subline {
    float: left;
    width: 100%;
    position: static;
}
.Article_title{position: static;}
.picNav .img_link{float:left}
.text2{float:left}
.picNav{width:100%}
#container{width: 1024px;margin: auto;}
@media screen and (max-width:1024px){
    #container{ width:auto;}
}
@media screen and (min-width:767px){
    .text2{ width:94%;}
    .picNav .img_link {width: 96%;}
    .picNav .img_link table {width: 100%;}
}
.gd_red img{ vertical-align:-5px}
.qtdp_li6{width:90%}
.imglink img{float:left}
.richText div {padding-left:15px;padding-right:15px}
body {
    background-color:#EFEFF4;
}
.fix_bar{ background: #4c4c4c;
    color: #fff;
    padding: 7px 0;
    position: fixed;
    width: 100%;
    opacity:0.9;
    z-index:999;
    height: 42px;
}
.fix_bar ul{ display:inline-table}
.fix_bar ul .li1{ font-size:17px}
.fix_bar ul .li2{ font-size:14px;}
.fix_bar_img{width: 40px;
    vertical-align: -23px;
    margin-right: 5px;
    margin-left: 13px;}
.fix_bar a{ float: right;
    margin-top: 7px;
    margin-right: 14px;}
.fix_bar a img{ width:45px}
.fix_barwhite{ background: white; color:#666; border-bottom:solid 1px #d2d2d2}
.fix_barwhite .li2{ color:#999}
.fix_bar a{
    float: right;
    margin-top: 7px;
    margin-right: 14px;
    width: 45px;
    height: 30px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    background: #ff431d;
    border-radius: 5px;
    text-align: center;
    line-height: 30px;}
.divMain {
    position: absolute;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.HBJJ2 .black{color: #000;}
.HBJJ2 .profit{font-size: 22px;}
.HBJJ2 .profit span[attrdata='Returnrate']{font-size:22px;}
.HBJJ2 .percent {font-size:22px;}
.CommonJJ7 .cycle .profit {
    font-size: 22px;
    color: #ff0000;
    width: 72px;
}
.CommonJJ7 .cycle .numred {
    font-size: 22px;
    color: #ff0000;
    width: 72px;
    display:block;
}
.CommonJJ7 .cycle .numgreen {font-size: 22px;width: 72px;}
.CommonJJ7 .cycle .percent {font-size: 14px;}
.CommonJJNew .sxf{font-size: 20px;}
.CommonJJNew .sxf del{padding-right: 8px;}
.CommonJJ2New .black{font-size: 20px;}
.CommonJJ2New del{font-size: 20px; margin-right: 8px;}
.CommonJJ2New .normal_fund2_pb20 .black{font-size: 12px;}
.CommonJJ2New .normal_fund2_pb20 .black span{font-size: 20px; }
.CommonJJ4New .fund_style_lr span {margin-right: 17px;}
.CommonJJ4New .profit {width:auto;}
.CommonJJ8 .numred {
    font-size: 22px;
    color: #ff0000;
    width: 72px;
    display: block;
    padding: 5px 0;
}
.CommonJJ4New .fund{color: #999;font-size: 15px;padding: 10px;
    display: block;
    border-bottom: 1px solid #d4d4d4;
}
.CommonJJ4New .fundname{    color: #000;
    font-size: 17px;
    padding-bottom: 8px;
}
.CommonJJ4New .fund .pec40{width: 37%;}
.CommonJJ4New .fund .block{display: block;padding: 5px 0;}
.CommonJJ4New .fund .profit{color: #ff0000;}
.CommonJJ4New .fund .f14{font-size: 14px;}
.CommonJJ4New .fund .numred{font-size:22px;display: block;padding: 5px 0;}
.CommonJJ5 .profit {width:initial}
.CommonJJNew .profit {width:45%}
.CommonJJ2New .profit {width:45%}
.m_l_10{ margin-left:10px;width: initial;}
.img_tit {font-size:17px;}
.img_tit span {font-size:14px !important;color:#666 !important;}
.CommonJJ4New .numgreen,.CommonJJ8 .numgreen{
    color: #33CC33;
    display: block;
    padding: 5px 0;
    font-size: 22px;
}
.btn_empty {
    border: solid 1px #fc4500;
    background: #fff;
    color: #fc4500;
}
.module_title3{float:left}
.ewfund5 {white-space: nowrap;}
.numred,.numgreen{white-space: nowrap;}
.CommonJJ .profit {width:30%;}
.CommonJJ5 .profit {width: 50%;}
.CommonJJ2 .profit{width:30%;}
.EMTitle {display:none;}
.CommonJJ6_newBtn .qtdp_li4 .percent {font-size:25px;}
.pc_fund_buy {
    width: 100px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #f40;
    text-decoration: none;
    border-radius: 5px;
    display: inline-block;
}
.DZContent .DZContentClass {
    width: 98px;
    height: 37px;
    border: 1px solid #cccccc;
    border-radius: 50px;
    margin: 20px auto;
}
.DZContent .DZImgClass {
    float: left;
    width: 20px;
    height: 20px;
    margin-left: 24%;
    margin-top: 8.3%;
}
.DZContent .DZImgClass img {
    width: 100%;
}
.DZContent .DZTextClass {
    float: left;
    margin-left: 10px;

    font-size: 14px;
    line-height: 37px;
}
.DZ br{
    display: none;
}
.NewCommonStyleBtn {
    margin-top: 5px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    margin: auto;
    border-radius: 100px;
    background: -webkit-linear-gradient(left, #FF9B28 , #FF5B1F);
    display: inline-block;
    color: #fff !important;
}
.NewCommonStyleTable {
    height : 111px;
}
.NewCommonStyleBtnPadding {
    padding-left: 5%;
    padding-top: 14px;
}
.NewCommonStylePadding {
    padding-top: 6px;
    padding-left: 5%;
}
.NewCommonStyleTitle {
    color: #333;
    font-size: 17px;
}
.NewCommonStyleTitle2 {
    font-size: 14px;
}
.NewCommonStyleTitle3 {
    font-size: 10px;
}
.NewCommonStyleNum{
    font-size: 30px;
    width: auto;
    display: block;
    padding: 0 0 12px 0;
    font-family: DINAlternateBold !important;
}
.NewCommonStyleNum2{
    font-size: 20px;
    width: auto;
    padding: 0 7px 0 0;
    font-family: DINAlternateBold !important;
}
.NewCommonStyleTd1{
    padding-top: 10px;
    text-align: center;
    width: 30%;
}
.NewCommonStyleTitle3{
    display: inline-block;
    background-color: #ffefea;
    border-radius: 4px;
    color: #FF6434;
}
.NewCommonStyleTitle4{
    font-size: 12px;
}
.BillStyleCycle{
    width: 77px;
    height: 77px;
    text-align: center;
    border-radius: 38.5px;
    border: 1px dotted rgba(255, 0, 0, 0.7);
    color:#FF0000;
    display: block;
    box-sizing: border-box;
}
.BillStyleTitle{
    color: #333;
    font-size: 17px;
}
.BillStyleTextShowT{
    padding-top: 27px;
}
.BillStyleTextShowF{
    padding-top: 17px;
}
.BillStylePeriodText{
    font-size: 12px;
    color: #999;
}
.BillStyleShowunitMark{
    font-size: 12px;
}
.BillStyleSYL{
    font-size: 20px;
    font-family: DINAlternateBold !important;
}
.BillStyleHideLi{
    display: none;
}
.BillStylePadding{
    padding-left: 5%;
}
.FGXLine{
    height: 2px;
    background: #f96e57;
}
.FGXWrapper{
    text-align: center;
    height: 27px;
}
.FGXTriangle{
    display: inline-block;
    width: 0;
    height: 0;
    border:12px solid transparent;
    border-top: 15px solid #f96e57;
}
.FGXTriangle-top{
    display: inline-block;
    width: 0;
    height: 0;
    border:12px solid transparent;
    border-bottom: 15px solid #f96e57;
}
.show {
    display: table !important;
    width: 100%;
}
.BTYS-result0 p {
    margin: 0;
}
.BTYS-result0 {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column;
    -webkit-flex-direction: column;
}

.text-style p {
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    word-break: break-all;
}
.text-style li {
    list-style-type: disc;
    list-style-position: inside;
    font-size: 15px;
    color: #333;
    line-height: 25px;
}
.text-result,
.text-result1 {
    display: none;
    box-sizing: border-box;
    padding:8px 15px;
}

.text-result .content,
.text-result1 .content {
    box-sizing: border-box;
    display: table-cell;
    min-width: 200px;
}
.text-result .content {
    padding-right: 15px;
}
.text-result1 .content {

}
.text-result .content p,
.text-result1 .content p {
    font-size: 15px;
    line-height: 22px;
    color: #666;
}
.text-result::after {
    content: "";
    display: block;
    clear: both;
}
.text-result1::after {
    content: "";
    display: block;
    clear: both;
}
.text-result2 p {
    font-size: 15px;
    line-height: 22px;
    color: #666666;
}
.text-result3 .content {
    padding: 10px;
}
.text-result5 .main-title::after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border: 7px solid transparent;
    border-left: 7px solid #F77522;
    right: -14px;
    top: 10.5px;
}
.text-result6 a {
    color: #4A90E2;
}
.para-bottom {
    position: relative;
    top: -2px;
    height: 5px;
    border: 1px solid #FF872B;
    transform-origin: 0 0;
    transform: skew(45deg);
}
body,ul,li{
    margin: 0;
    padding: 0;
}
body{
    background-color: #7ED321;
}
li{
    list-style: none;
}
div,button {
    -webkit-tab-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
}
.redpacket-info>div:first-child{
    -webkit-transform: translateY(-50%);
}
.coupon-mask{
    display: none;
    position: fixed;
    width: 100%;
    top:0;
    bottom: 0;
    left: 0;
    bottom:0;
    background-color: rgba(0 , 0, 0, 0.5) !important;
    overflow: hidden;
    z-index:999;
}
.fund-coupon{
    display: none;
    width: 78% !important;
    max-width: 350px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    background:none !important;
    z-index:999;
}
.coupon-header{
    position: relative;
    width: 100%;

    background-color:#ffffff;
    color: #666;
    border-radius: 4px 4px 0 0;
    text-align: center;
}
.coupon-header .author{
    padding-top: 20px;
    font-size: 14px;
}
.coupon-header .amount{
    color: #ff4500;
}
.coupon-header .amount span{
    font-size: 40px;
}
.coupon-header .condition{
    font-size: 14px;
}
.coupon-click{
    cursor: pointer;
}

.get-coupon{
    width: 100%;
    min-height: 200px;
    background-color: #f5f5f5;
    border-radius: 0 0 4px 4px;
    overflow: hidden;
    margin-top: -2px;

}

.profile{
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: bottom;
    margin-right: 8px;
}

.get-coupon ul{

    height: 100%;
    overflow: hidden;
    position: relative;
    left: 0;
    -webkit-transition: all 10s;
    transition: all 10s;
    -webkit-transition: all 1s;

}
.get-coupon ul li{
    float: left;
}
.coupon-info{
    margin: 15px 20px;
    color: #666666;
}
.coupon-info div{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    color: #666;
    font-size: .35rem !important;
}
.coupon-info span{
    color: #060606;
}
.coupon-info .coupon-label{
    color: #666;
    font-size: .35rem;
}
.btn-get-coupon{
    text-align: center;
}
#btn-get-coupon{
    width: 80%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: #ff4500;
    border-radius: 4px;
    color: #fff;
    border: none;
    outline: none;
}
.coupon-notice{
    margin-top:10px;
    margin-bottom: 20px;
    text-align: center;
}
.coupon-notice a{
    color: #90a4b5;
    font-size: 14px;
    text-decoration: none;
}
.question-li{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.question {
    margin: 10px  20px ;
    font-size: 14px;

}
.question .question-title{
    margin-bottom: 20px;

    font-size: 14px !important;



}
.option-wrapper{
    margin: 10px auto;
    text-align: center;
}
.option-wrapper .option{
    position: relative;
    width: 160px;
    height: 30px;
    padding:0 30px;
    line-height: 30px;
    background: transparent;
    border: 1px solid #ff4500;
    border-radius: 2px;
    color: #ff4500;
    font-size: 17px;
}
.option-wrapper .option.correct,
.option-wrapper .option.wrong {
    background-repeat:no-repeat;
    background-size: 20px;
    background-position: right 10px center;
}

.wrong-tip{
    display: none;
    margin-top: 5px;
    text-align: center;
    font-size: 14px;
    color: #ff4400;
}
#btn-use-coupon {
    display: block;
    margin: 0 auto;
    width: 80%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    background-color: transparent;
    border-radius: 4px;
    color: #ff4500;
    border: 1px solid #ff4500;
    outline: none;
    text-align: center;
    text-decoration: none;
}

.rule-wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.rule-label{
    color: #666666 !important;
    -ms-flex-negative: 0;
    flex-shrink: 0;

}
a.notice-link{
    color: #90a4ff;
}
@-webkit-keyframes mark {
    0% {
        width: 177px;
        height: 172px;
    }
    100% {
        width: 77px;
        height: 72px;
    }
}
@keyframes mark {
    0% {
        width: 177px;
        height: 172px;
    }
    100% {
        width: 77px;
        height: 72px;
    }
}
.coupon-style .couponContent {
    margin: 6px 15px;
    height: 86px;
    padding: 15px;
    box-sizing: border-box;
    position: relative;
    background: radial-gradient(circle at 0 43px, transparent 5px, #fdf5ef 0, #feeede) top left/51% 100% no-repeat,
    radial-gradient(circle at right 43px, transparent 5px, #ffe7ce 0, #feeede) top right/50% 100% no-repeat;
    overflow: hidden;
}
.coupon-style .couponNum {
    font-size: 32px;
    line-height: 1;
    color: #EB161D;
}
.coupon-style .couponUnit{
    padding-left: 4px;
    padding-right: 8px;
    font-size: 15px;
    color: #EB161D;
}
.coupon-style .couponText {
    font-size: 16px;
    color: #933208;
    font-weight: 600;
}
.coupon-style .couponDesc {
    margin-top: 6px;
    margin-left: 4px;
    font-size: 13px;
    color: #BB7858;
}
.coupon-style .couponButton {
    position: absolute;
    top: 50%;
    right: 15px;
    color: #fff;
    line-height: 30px;
    width: 80px;
    text-align: center;
    transform: translateY(-50%);
    background: linear-gradient(171deg, #FF9C37 9%, #EE661F 100%);
    border-radius: 30px;
}
.coupon-style .dingtou {
    position: relative;
    right: 0;
    font-size: 8px;
    color: #B35210;
    background: #FFC37A;
    width: 70px;
    text-align: center;
    top: -60px;
    right: calc(32px - 100%);
    transform: rotateZ(45deg);
}
.CommonJJNewSY{
    cursor: pointer;
}
.CommonJJNewSY .CommonJJFund {
    padding: 15px;
    background: rgb(255, 255, 255);
    color: rgb(153, 153, 153);
    font-size: 15px;
}
.CommonJJNewSY .CommonJJ12FundSize {
    font-size: 12px;
}
.CommonJJNewSY .CommonJJ15FundSize {
    font-size: 15px;
}
.CommonJJNewSY .CommonJJ20FundSize {
    font-size: 20px;
}
.CommonJJNewSY .CommonJJ27FundSize {
    font-size: 27px;
}
.CommonJJNewSY .CommonJJ30FundSize {
    font-size: 30px;
}
.CommonJJNewSY .CommonJJ5PaddingLeft {
    padding-left: 5%;
}
.CommonJJNewSY .CommonJJ10PaddingLeft {
    padding-left: 10%;
}
.CommonJJBuy1{
    color: #fff;
    background: #fe4500;
    height: 45px;
    line-height: 45px;
    width: 80%;
    border-radius: 5px;
    font-size: 20px;
}
.CommonJJNewSY .CommonJJBuy1{
    width: 200px;
    text-align: center;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    border-radius: 100px;
    background: -webkit-linear-gradient(left, #f41a1d , #f41a1d);
    color: #fff;
}
.CommonJJNewSY .CommonJJBuy2{
    color: #fff;
    background: #fe4500;
    border-radius: 5px;
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    margin-top: 20px;
    margin-bottom:10px;
    text-align: center;
}
.CommonJJNewSY .CommonJJBuy3{
    float: right;
    width: 66px;
    height: 38px;
    line-height: 38px;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #f40;
    text-decoration: none;
    border-radius: 5px;
}
.CommonJJNewSY .CommonJJBuy4{
    margin-top: 5px;
    width: 80px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    margin: auto;
    border-radius: 100px;
    background: -webkit-linear-gradient(left, #FF9B28 , #FF5B1F);
    display: inline-block;
    color: #fff !important;
}
.CommonJJNewSY .RightImg {
    position: absolute;
    top: 45%;
    right: 0;
}
.CommonJJNewSY .RightImg2 {
    position: absolute;
    top: 40%;
    right: 0;
}
.CommonJJNewSY .Comment {
    margin-top: 15px;
    font-size: 14px;
    color: #343434;
    border-top: 1px solid #ccc;
}
.CommonJJNewSY .CommonCheckFundDetail{
    color: #52A2FF;
    width: 100%;
    text-align: center;
    padding-bottom:10px;
}
.CommonJJNewSY .CommonJJCycle{
    width: 77px;
    height: 77px;
    text-align: center;
    border-radius: 38.5px;
    border: 1px dotted rgba(255, 0, 0, 0.7);
    display: block;
    box-sizing: border-box;
    float: left;
    margin-top: 10px;
}
.CommonJJNewSY .CommonJJCycleGreen{
    border: 1px dotted rgba(51, 204, 51, 0.7);
}
.CommonJJNewSY .SubTitle1 {
    background: #edf5ff;
    color: #52A2FF;
    font-size: 10px;
    border: solid 1px #edf5ff;
    padding: 0 5px;
    border-radius: 5px;
}
.CommonJJNewSY .Title1 {
    font-size: 24px;
    color: #000000;
    font-weight: bold;
}
.CommonJJNewSY .Title1B {
    font-size: 17px;
    color: #000000;
}
.CommonJJNewSY .Title2 {
}
.CommonJJNewSY .NumredStyle {
    font-size: 20px;
    padding-top: 20px;
    display: block;
}
.TaskComponent{
    display: none !important;
}
.ShareTaskComponent .ViewMore{
    text-align:center;
    font-size:14px;
    margin-top:5px;
    padding-bottom:10px;
}
.ShareTaskComponent .ShareContent{
    text-align: center;
    width: 275px;
    height: 97px;
    margin: auto;
    background: #DADADA;
    position: relative;
    top: 13px;
    line-height: 97px;
}
.ShareTaskComponent .ShareText{
    font-size: 14px;
    line-height: 45px;
    color: #666666;
}
.ShareTaskComponent .ShareBtn{
    width: 200px;
    text-align: center;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    border-radius: 100px;
    background: #FF6B25;
    color: #FFFFFF;
    margin:auto;
    cursor:pointer;
}
.ShareTaskComponent .Canvas{
    position: absolute;
    top: 13px;
    left: 20px;
    display:none;
    width: calc( 100% - 40px);
    height: calc( 100% - 20px);
}
.ShareTaskComponent .CFBTitle{
    text-align: center;
    color: #FFFFFF;
    font-size:30px;
    padding-top:35px;
    text-shadow: 2px 2px 2px red;
}
.ShareTaskComponent .CFBSubTitle{
    text-align: center;
    color: #FFFFFF;
    font-size:16px;
    margin-top: 5px;
}
.ShareTaskComponent .Winners{
    color:rgba(255,255,255,0.8);
    font-size: 14px;
    margin: 12px auto 0px;
    white-space: nowrap;
    overflow-x: hidden;
    -webkit-overflow-scrolling:touch;
    width: 270px;
    position: relative;
    height: 20px;
}
.ShareTaskComponent .Rules{
    color:rgba(255,255,255,0.7);
    padding-top:20px;
    padding-bottom:35px;
}
.ShareTaskComponent .Rules{
    color:rgba(255,255,255,0.7);
    padding-top:20px;
    padding-bottom:35px;
}
.ShareTaskComponent .Rules div{
    margin: 10px 13px 0px 13px;
}
.ShareTaskRemind{
    position: fixed;
    bottom: 140px;
    right: 10px;
    width: 73px;
    z-index: 999999999999;
    font-size: 13px;
    cursor:pointer;
}
.ShareTaskReminded{
    position: fixed;
    bottom: 140px;
    right: 0px;
    width: 28.6px;
    z-index: 999999999999;
    font-size: 13px;
}
.ShareTaskComponent .ShareText2{
    font-size: 27px;
    line-height: 40px;
    color: #FF4800;
}
.ShareTaskComponent .ShareText3{
    font-size: 20px;
    color: #FF4800;
}
.ShareTaskComponent .ShareText4{
    font-size: 27px;
    color: #FF4800;
}
.ShareTaskComponent .ShareRefresh{
    cursor:pointer;
}
.SearchHintComponent .Content{
    text-align: center;
    border-radius: 5px;
    background: #e84b15;
    color: #FFFFFF;
    margin: auto;
}
.SearchHintComponent .Title{
    font-size: 15px;
    font-weight: bold;
    padding-top: 20px;
}
.SearchHintComponent .SubTitle{
    font-size: 15px;
    padding-top: 10px;
}

.RecentTopicComponent .RecentTopicInfo {
    padding: 0 15px;
    font-size: 17px;
    color: #000;
    display: block;
    border-bottom: solid 1px #f4f4f4;
    line-height: 40px;
}
body {
    margin: 0;
    padding: 0;
    background: #eee;
}
.fixedbottom {
    width: 100%;
    height: 50px;
    background: #FF4400;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    text-align: center;
    position: fixed;
    bottom: 0;
}
@media screen and (device-width:375px) and (device-height:812px) {
    .fix {
        width: 100%;
        height: 34px;
        background: #fff;
        position: fixed;
        bottom: 0;
    }
    .fixedbottom {
        bottom: 34px;
    }
    .fixmargin {
        height: 50px;
        width: 100%;
        float: left;
    }
}
