@charset 'utf-8';
html{color:#333;background:#fff;font-family:'Microsoft Yahei','宋体',Arial;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,td,strong{padding:0;margin:0;font-family:'Microsoft Yahei','宋体',Arial;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
a{text-decoration:none;color:#343434;outline:none;}
var,em,strong{font-style:normal;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input{border:none;outline:none;}
abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video{display:block;}
.clearfix:after{content:"\200B";display:block;height:0;clear:both;}
.clearfix{*zoom:1;}
.none{display:none !important;}
.fluid_img{display:block;width:100%;}
.hide{display:none !important;}
.crise{color:#ff0200 !important;}
.cfall{color:#2CA268 !important;}
.cflat{color:#999 !important;}

/*@layout-flex*/
.flex{
    display:-webkit-box;
    display:-webkit-flex;
    display:flex;
}
.inflex{
    display:-webkit-inline-flex;
    display:inline-flex;
}
.flex_v{
    -webkit-box-orient:vertical;
    -webkit-flex-direction:column;
    flex-direction:column;
}
.flex_wrap{
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flex_main_center{        /*项目在主轴居中*/
    -webkit-box-pack:center;
    -webkit-justify-content: center;
    justify-content: center;
}
.flex_main_start{        /*项目在主轴居首*/
    -webkit-box-pack:start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.flex_main_end{        /*项目在主轴居尾*/
    -webkit-box-pack:end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.flex_main_between{     /*项目在主轴两端对齐*/
    -webkit-box-pack:justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.flex_main_around{      /*项目在主轴环绕对齐---旧语法不支持*/
    -webkit-justify-content: space-around;
    justify-content: space-around;
}
.flex_cross_center{      /*项目在交叉轴居中*/
    -webkit-box-align:center;
    -webkit-align-items:center;
    align-items:center;
}
.flex_cross_start{      /*项目在交叉轴居首*/
    -webkit-box-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start;
}
.flex_cross_end{      /*项目在交叉轴居尾*/
    -webkit-box-align:end;
    -webkit-align-items:flex-end;
    align-items:flex-end;
}
.flex_avg>.flex_item{        /*子项目在主轴等分空间*/
    -webkit-box-flex:1.0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-basis:0;
    flex-basis:0;
}
.flex_item_stretch{     /*子项目在交叉轴上下对齐（铺满）---旧语法不支持*/
    -webkit-align-self: stretch;
    align-self: stretch;
}
.flex_item_all{      /*子项目在主轴占据所剩的所有空间*/
    -webkit-box-flex:1.0;
    -webkit-flex-grow: 1;
    flex-grow: 1;
}
.flex_item_fixed{       /*子项目在主轴不缩放*/
    -webkit-box-flex:0.0;
    -webkit-flex-shrink:0;
    flex-shrink:0;
}

body{
    background:#fff;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}



.header{position:relative;padding:13px 4% 0;overflow:hidden;margin-bottom:40px;}
.header a{display:block;height:30px;color:#999;font-size:14px;text-indent:30px;line-height:30px;background:rgba(245,245,245,1) url("https://cdn.upchinaproduct.com/njapppredict/images/pics/icon_search.png") no-repeat 10px center / 15px 15px;border-radius:4px;}
/*.header a:hover{background-color:rgba(255,255,255,0.5);}*/
.header p{font-size:15px;color:#999;line-height:1.5;margin-top:20px;}

.forecast_main{background:#fff;text-align:center;padding:0 4%;}
.forecast_main .btip{color:#999;font-size:12px;text-align: center;line-height:1.4;margin:50px 0 15px;}


.test_result{background:#f0f0f0;}
.test_result .tdate_wrap{background:#fff;padding:20px 4% 20px;}
.test_result .tdate{display:table;color:#666;font-size:13px;padding:0 25px;margin:auto;background:url(https://cdn.upchinaproduct.com/njapppredict/images/pics/bg_tdate.png) no-repeat left center / 100% auto;}
.test_result .result_search{padding-top:13px;background: #fff;}
.test_result .result_search a{display:block;height:30px; color:#999; font-size:14px;text-indent:30px; line-height:30px;  background:rgba(245,245,245,1) url("https://cdn.upchinaproduct.com/njapppredict/images/pics/icon_search.png")   no-repeat 10px center / 15px 15px; border-radius:4px;margin:0 4%;}
.test_result .result_search a>span{font-size:12px;}
/*.test_result .result_search a:hover{background-color:rgba(255,255,255,0.5);}*/
.test_result .stcard_wrap{line-height:1.15;background:#fff;padding-bottom:5px;}
.test_result .stcard{padding:15px;background:#fff;border-radius: 3px;margin:0 4%;
    box-shadow: 0 0 6px rgba(0,0,0,0.15);
}
.test_result .stcard_tit{color:#5590ef;font-size:18px;font-weight:bold;}
.test_result .stcard_code{color:#5590ef;font-size:12px;margin-left:5px;}
.test_result .stcard_num{font-size:17px;font-weight:bold;}
.test_result .stcard_rate{padding-right:10px;margin-left:10px;}
.test_result .stcard_rate.crise{background:url(https://cdn.upchinaproduct.com/njapppredict/images/pics/icon_rise.png) no-repeat 100% 70%/ 7px 9px;}
.test_result .stcard_rate.cfall{background:url(https://cdn.upchinaproduct.com/njapppredict/images/pics/icon_fall.png) no-repeat 100% 70%/ 7px 9px;}
.test_result .stcard_rate.cflat{position:relative;}
.test_result .stcard_rate.cflat:after{content:"";position:absolute;right:0;top:50%;width:6px;height:2px;background:#999;margin-top:-1px;}
.test_result .stop{height:30px;line-height:20px;font-size:13px;color:#999;text-align:center;}
.test_result .rise{background:#fff;height:402px;margin-bottom:5px;}
.test_result .rise .title{padding-top:15px;margin-bottom:15px;position:relative;}
.test_result .rise .title h3{font-size:17px;color:#333;font-weight:bold;margin:0 4%;}
.test_result .rise .title img{position:absolute;top:20px;right:4%;width:16px;height:16px;}
.test_result .rise .rise_chart{width:180px;height:180px;margin:0 auto;}
.test_result .rise .section{text-align:center;margin-top:37px;}
.test_result .rise .section h3{font-size:18px;color:#999;margin-bottom:17px;}
.test_result .rise .section .pro_box{width:78%;margin:0 auto;position:relative;}
.test_result .rise .section .pro_box .progress{width:100%;height:10px;background:url(https://cdn.upchinaproduct.com/njapppredict/images/pic_progress.png) no-repeat;background-size:100% 100%;}
.test_result .rise .section .pro_box .low{position:absolute;top:15px;left:0;text-align:left;background:url(https://cdn.upchinaproduct.com/njapppredict/images/icon_low.png) no-repeat;background-size:9px 8px;font-size:13px;}
.test_result .rise .section .pro_box .low span{display:block;padding-top:13px;color:#14bb17;}
.test_result .rise .section .pro_box .low p{color:#999;}
.test_result .rise .section .pro_box .pointer{-webkit-transform: translateX(-50%);transform: translateX(-50%); position:absolute;top:-3px;width:16px;height:16px;text-align:right;background:url(https://cdn.upchinaproduct.com/njapppredict/images/iconpointer.png) no-repeat top center;background-size:16px 16px;}
.test_result .rise .section .pro_box .price{-webkit-transform: translateX(-50%);transform: translateX(-50%);font-size:13px;text-align:center;position:absolute;top:28px;left:20%;}
.test_result .rise .section .pro_box .price p{color:#999;}
.test_result .rise .section .pro_box .height{position:absolute;top:15px;right:0;text-align:right;background:url(https://cdn.upchinaproduct.com/njapppredict/images/icon_height.png) no-repeat top right;background-size:9px 8px;font-size:13px;z-index:10;}
.test_result .rise .section .pro_box .height span{display:block;padding-top:13px;color:#ff0200;}
.test_result .rise .section .pro_box .height p{color:#999;}
.test_result .future_rise{background:#fff;padding:0 4% 20px;margin-bottom:5px;}
.test_result .future_rise h3{font-size:17px;color:#333;font-weight:bold;padding:15px 0;}
.test_result .future_rise .rise_progress{overflow:hidden;}
.test_result .future_rise .rise_progress+.rise_progress{margin-top:34px;}
.test_result .future_rise .rise_progress .day{float:left;font-size:17px;color:#999;margin-top:-3px;}
.test_result .future_rise .rise_progress .rise_box{width:87%;height:19px;background:#efefef;float:right;border-bottom-right-radius:10px;border-top-right-radius:10px;overflow:hidden;}
.test_result .future_rise .rise_progress .progress{width:0%;height:19px;border-bottom-right-radius:10px;border-top-right-radius:10px;background: #ffb400;}
.test_result .future_rise .rise_progress .medi{background: #F85658;}
.test_result .future_rise .rise_progress .high{background: #ff4800}
.test_result .future_rise .rise_progress .progress .scale{line-height:19px;float:right;margin-right:5px;color:#fff;font-size:12px;}
.test_result .future_rise .rise_progress .progress .scale_right{margin-right:-48px;color: #333;}
.test_result .wave{background:#fff;text-align:center;padding-bottom:10px;}
.test_result .wave h3{font-size:17px;color:#333;font-weight:bold;text-align:left;padding:15px 0;margin:0  4%;}
.test_result .wave .wave_data{overflow:hidden;margin:0 auto;}
.test_result .wave .wave_data .datalist{width:33%;float:left;}
.test_result .wave .wave_data .datalist span{font-size:17px;color:#333;}
.test_result .wave .wave_data .datalist p{font-size:14px;color:#999;}
.test_result .wave .wave_data .datalist p span{	width: 8px;height: 8px;display: inline-block;vertical-align: 1px;margin-right: 4px;}
.test_result .wave .wave_data .datalist .legend1{background: #ff0090;}
.test_result .wave .wave_data .datalist .legend2{background: #6782f4;}
.test_result .wave .wave_data .datalist .up{color:#de4c39;}
.test_result .wave .wave_chart{width:90%;margin:0 auto;}
.test_result .wave .wave_chart p{margin-top: -7px;font-size: 13px;color: #666;text-align: center;line-height:1.5;position: relative;z-index: 2;background:rgba(248,86,88,0.05);padding:5px 0;}
.cvldot{position:relative;}
.cvldot:before{content:"";position:absolute;top:50%;left:5px;width:10px;height:10px;border-radius: 100%;margin-top:-5px;}
.cvldot_high:before{background:#E051B6;}
.cvldot_low:before{background:#5590EF;}
.test_result .footer{font-size:12px;color:#999;background:#fff;padding:15px 4%;text-align: justify;}
.test_result .footer p:first-child{text-align: center;}
.test_result .footer p{line-height:1.8;margin-right: 30px;margin-left: 30px;}
.test_result .about_mask{position:fixed;top:0;left:0;bottom:0;right:0;background:rgba(0,0,0,0.8);z-index:999;display:none;overflow: auto;padding:0 4% 30px 4%;}
.test_result .about_mask img{width:21px;height:21px;float:right;margin-top:30px;}
.test_result .about_mask h3{color:#fff;font-size:26px;line-height:1.8;}
.test_result .about_mask p{color:#fff;font-size:16px;line-height:1.6;}
.test_result .about_mask .about1{margin-top:65px;}
.test_result .about_mask .about1 h3{margin-bottom:4px;}
.test_result .about_mask .about2{margin-top:32px;}
.test_result .about_mask .about2 h3{margin-bottom:5px;}
.no_data{width:100%;background:#fff;text-align:center;}
.no_data img{width:100px;height:104px;margin-top:100px;}
.no_data p{font-size:16px;color:#999;margin-top:26px;}
.no_data a{display:block;width:70.6%;height:45px;line-height:45px;color:#fff;font-size:16px;background:#ff4900;border-radius:10px;margin:78px auto 0 auto;}
.yc_search{padding:0 4%;}
.yc_search .history{position:relative;}
.yc_search .history p{position:relative;font-size:12px;color:#333;line-height:16px;padding:0 4% 10px;margin:0 -4% 10px;
    /*border-bottom:1px solid #eee;*/
}
.yc_search .history p:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#eee;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform:scaleY(0.5);
    transform:scaleY(0.5);
}
.yc_search .history .history_clear{position:absolute;top:0;right:0;color:#333;font-size:10px;line-height:16px;padding-left:13px;background:url(https://cdn.upchinaproduct.com/njapppredict/images/pics/icon_del.png) no-repeat left 1px / 10px 11px;}
.yc_search .history .history_clear:hover{opacity:0.8;}
.yc_search .history a{position:relative;display:inline-block;min-width:25px;height:26px;line-height:26px;font-size:15px;color:#333;float:left;padding-left:12px;padding-right:12px;border-radius:3px;margin-right:10px;margin-bottom:10px;
    /*border:1px solid rgba(191,191,191,1);*/
}
.yc_search .history a:hover{background:#f5f5f5;}
.yc_search .history a:after{content:"";position:absolute;left:0;top:0;width:200%;height:200%;
    border:1px solid rgba(191,191,191,1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
}
.yc_search .all_search{overflow: hidden;}
.yc_search .all_search p{font-size:15px;color:#999;line-height:1;margin-top:15px;margin-bottom:15px;}
.yc_search .all_search a{display:inline-block;min-width:25px;height:24px;line-height:24px;font-size:13px;color:#333;border:1px solid #dcdcdc;float:left;margin-right:10px;padding-left:12px;padding-right:12px;border-radius:4px;margin-bottom:9px;}
.yc_search .all_search a:hover{background:#f5f5f5;}
.yc_search .search{position:relative;display: none;overflow: hidden;}
.yc_search .search li{height:50px;border-bottom:1px solid #dedfe1;}
.yc_search .search li:hover{background:#f5f5f5;}
.yc_search .search .active{background:#f5f5f5;}
.yc_search .search .g_none{line-height: 50px;}
.yc_search .search .g_name{font-size:16px;color:#333;padding-top: 7px;}
.yc_search .search .g_code{font-size:11px;color:#999;line-height:1;}
.yc_search .search a{display:block;width:100%;height:50px;position:absolute;top:0;right:0;}
.search_box{padding:13px 4% 15px;
    /*border-bottom: 10px solid #f0f0f0;*/
}
.search_box input{width:calc(100% - 50px);height: 30px;color: #333;font-size:14px;text-indent:30px;background:rgba(245,245,245,1) url("https://cdn.upchinaproduct.com/njapppredict/images/pics/icon_search.png") no-repeat 10px center / 15px 15px;padding:0;border-radius:4px;border:none;box-sizing: border-box;}
.search_box input::-webkit-input-placeholder{color:#999;}
.search_box input:hover{background-color: #eee;}
.search_box a{display:block;float: right;height:30px;color:#333;font-size: 17px;line-height:30px;;}
.search_box .jump{display: none;}

.share_footer{position: fixed;left: 0;right: 0;bottom: 0;height: 44px;background: #ef7f21;color: #fff;font-size: 17px;display: -webkit-box;-webkit-box-align:center;-webkit-box-pack: center;z-index: 100;}
@media screen and (max-width:330px) {
    .share_footer{font-size:15px;}
}
.share_footer:active{background: #f7913c}
.padd_bottom{padding-bottom:60px!important;}
.advertisement{display:-webkit-box;height: 30px;background:#FEF5DD;line-height: 30px;padding:0 15px;font-size: 14px;color:#DE6F13;}
.advertisement p{display:block;-webkit-box-pack:justify;}
.advertisement p:first-child{-webkit-box-flex: 1;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.advertisement:active{opacity: 0.7;}

@media screen and (max-width:320px){.no_data p{font-size:14px;}.search_box a{margin-right: 1.5%;}}
@media screen and (width:321px){.search_box a{margin-right: 1.5%;}}
@media screen and (min-width:321px) and (max-width:360px){.no_data p{font-size:15px;}}
@media screen and (min-width:361px) and (max-width:639px){}
@media screen and (min-width:640px) and (max-width:719px){}
@media screen and (min-width:720px) and (max-width:1079px){}
@media screen and (min-width:1080px) and (max-width:1279px){}
@media screen and (min-width:1280px) and (max-width:1920px){}