@charset "utf-8";
/* CSS Document */
em,i{font-style:normal; color: black; font-size: 1.2rem;}
b,strong,h1{ font-weight:normal;}
p{margin: 0; padding: 0}
li{list-style:none;}
ul{margin: 0;padding: 0}
a{text-decoration:none;color:#333333;outline: none;}
a:hover{text-decoration:none;}
img{border:none; display:block;}
*{-webkit-tap-highlight-color:transparent;}
.mt5{margin-top:5px;}
.mt{margin-top:10px;}
.mt15{margin-top:15px;}
.mt11{margin-top: 1.1rem;}
.mt20{margin-top:20px;}

.jrj-clear,.jrj-wrap{zoom:1;}
.jrj-clear:after,.jrj-wrap:after,.col:after,ul:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.jrj-clear,.jrj-wrap,.col,ul{*zoom:1;}
.red{color: #c02921;}
.green{color: #2fab32;}
html{font-size:62.5%}
body { margin: 0;font-family:'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft Yahei',sans-serif;color:#333333;background-color: #fefefe;height: auto;}
.h100{height: 100%;}
header{	position: fixed;width: 100%;top: 0px;left: 0px;	z-index: 100;}
.headerBox h1{margin: 0px 40px;text-align: center;line-height: 40px;color: #FFF;font-size: 1.8rem;font-weight:normal;}
.headerBox h1 span{font-size: 1.4rem;font-weight:normal;}
.headerBox{background-color: #303030;position: absolute;z-index: 9;width:100%;left: 0;top: 0;	height: 40px;}
.backBtn{width:40px;height: 40px;padding: 0;float: left;background: url(http://i0.jrjimg.cn/wap2015/images/goback.png) 10px 10px no-repeat;	background-size: 50% 50%;outline: none;border: none;}
.favBtn{width:40px;height: 40px;padding: 0;float: right;background: url(../images/favirate.png) 10px 10px no-repeat;background-size: 50% 50%;outline: none;border: none;}
input.collectionBtn {background: url("http://i0.jrjimg.cn/summary/wap/favirate.png") no-repeat scroll 10px 10px / 50% 50%;width:40px;height: 40px;padding: 0;outline: none;border: none; }
.btntop {
    float: right;
    width: 84px;
    height: 40px;
}
input.searchBtn {
    width:40px;
    height:40px;
    background: transparent url("http://i0.jrjimg.cn/mjrj_v2015/searchBtn.png") no-repeat scroll 0px 0px / 100% 100%;
    outline: none;border: none;
}
#stockBox { padding: 2rem 1.7rem 2rem 1.7rem;}
.chartArea{ background-color: white;}
.leftside{width: 47%; float: left; margin-left: 2%}
.rightSide{width: 47%; float: left;}
.stocIndexBox{box-sizing: border-box;  padding: 0 5px 3px 5px; border-radius: 5px; color: #fdfcfc; margin: 0 5px 6px 0}
.stocIndex{ font-size: 3rem;display: block;}
.arrup{background-size: 15px 25px; padding-right: 20px}
.arrdown{background:url(http://i0.jrjimg.cn/wap2016/arrdown.png) no-repeat right center; background-size: 15px 25px; padding-right: 20px}
.redBack{background-color:#cc281f;}
.greyBack{background-color: #838383;text-align: center}
.greenBack{background-color: #21ab32}
.stockCash{font-size: 1.2rem; margin-right: 1.2rem;}
.stockPercent{font-size: 1.2rem}
.stop{font-size: 1.4rem; text-align: center; color: #cccccc}
.notlist{ font-weight: bold; padding: 10px}
.fl{float: left}
.infor{ line-height: 2.6rem; font-size: 1.2rem; color: white;min-width:55px;margin-right: 1.5rem; display: inline-block}
.infor:last-of-type{margin-right: 0}
.mb10{margin-bottom: 10px;}
.infor_1{ line-height: 2.3rem; font-size: 1.1rem; color:#999999;}
.infor_1 span{float: left;display:inline-block;width:45px;}

.swipe {
    width: 96%;
    overflow: hidden;
    position: relative;
    margin:0 auto ;
}
.swipe-wrap {
    overflow: hidden;
    position: relative;
}
.swipe-wrap > * {
    float: left;
    width: 100%;
    position: relative;
}
#toTop {
    bottom: 9%;
    height: 35px;
    opacity: 0.8;
    position: fixed;
    right: 4%;
    width: 35px;
    z-index: 999;
    display: none;
    background: transparent url(http://i0.jrjimg.cn/wap2014/images/icon_v2.png) no-repeat scroll -84px 0px / 119px 35px;
}
.tabList{padding:0 2%;line-height: 40px; line-height: 40px; background-color: #f6f6f6;}
.tabList li{width: 25%;float:left; font-size: 15px;text-align: center; line-height: 40px;}
.cur{border-bottom:2px solid #129aee; font-weight: bold}
.hd{width: 96%; padding: 0 2% 5px 2%; border-bottom: 1px solid #dddddd;}
span.mt_title{border-bottom:2px solid #21abee;font-size: 1.8rem; padding: 0 10px 5px 10px}
.focus li{ font-size: 1.6rem; line-height: 2rem; border-bottom: 1px solid #dddddd; width: 96%;padding: 8px 2%}
.focus li i{ float: right; color: #999999}
.tabList_1{width: 96%;padding:0 2%;line-height: 40px; line-height: 40px; background-color: #f7f7f7;border-bottom: 1px solid #dddddd;border-top: 1px solid #dddddd}
.tabList_1 li{width: 16.666666%;float:left; font-size: 1.6rem;text-align: center; line-height: 40px;}
.tabList_ts1 li{width:33%;}
.hide{display: none}
.hd_1 {
    display: block;
    text-align: center;
    height: 35px;
    line-height: 35px;
    margin-top: 20px;
    position: relative;
}
.mh-title {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    border: solid 1px #f1f1f1;
    padding: 0 10px;
    font-size: 1.6rem;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #f7f7f7;
}
.hdmore{
    display: block;
    position: absolute;
    width: 35px;
    height: 35px;
    background: url(http://i0.jrjimg.cn/wap2016/more.gif) no-repeat;
    background-size: 100% 100%;
    top: 0px;
    right: 30px;
}
.across .col2-1{
    width: 75%;
    float: left;

}
.across .col2-2{
    float: left;
    position: relative;
    z-index: 99;
}
.unitTitle{
    font-size: 1.4rem;
    font-weight: bold;
    margin: 20px 0;
}
.unitP{
    font-size: 1.4rem;
    line-height: 26px;
}
.unitP:first-of-type{
    margin-top: 40px;
}
.unitP span{
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 2px;
    margin-right: 5px;
}
.c029{background-color: #c02921;}
.ea2d{background-color: #ea2d2d;}
.f253{background-color: #f25353;}
.e871{background-color: #0e8719;}
.ab32{background-color: #21ab32;}
.c064{background-color: #22c064;}
.tabUl li{
    line-height:36px;
    font-size: 1.6rem;
    border-bottom: 1px solid #f1f1f1;
}
.tabUl li:after{content:".";display:block;height:0;visibility:hidden;clear:both;}
.tabUl li span{
    display: inline-block;
    width: 33.333333%;
    text-align: center;
    float: left;
}
.tabUl li:first-of-type{
    border-bottom: none;
    background-color: #21abee;
}
.tabUl li:first-of-type span{
    color: #fff;
}
.ttbox{height:321px;position:relative;background:url(http://i0.jrjimg.cn/summary/zzlx_v2015/ip/linecenter.jpg) repeat-x 0 150px;}
.ttbox dl dt{height:125px;}
.ttbox dl dt{left:50%;width:60px;max-height:125px;background:none;position:absolute;}
.ttbox dl dt .box{position:absolute;width:50px;}
.ttbox dl dt.redbox{bottom:170px;}
.ttbox dl dt.redbox .box{left:5px;bottom:0;background:#ea2d2d;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.ttbox dl dt span,.ttbox dl dt b{display:inline-block;height:25px;line-height:25px;position:absolute;width:60px;text-align:center;left:0;font-size:1.4rem;}
.ttbox dl dt span{width:50px;}
.ttbox dl dt.redbox span{top:-25px;}
.ttbox dl dt.grebox b{top:-55px;}
.ttbox dl dt.grebox{top:151px;}
.ttbox dl dt.grebox span,.ttbox dl dt.redbox b{bottom:-25px;}
.ttbox dl dt.grebox .box{left:5px;top:0;background:#21ab32;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.moone01{background:url(http://i0.jrjimg.cn/summary/zzlx_v2015/ip/bghh.jpg) repeat;}
.ttbox dl dt.dt01,.ttbox dl dt.dt02{-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.ttbox dl dt.dt03,.ttbox dl dt.dt04{-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.ttbox dl dt.dt01{margin-left:-135px;}
.ttbox dl dt.dt02{margin-left:-30px;}
.ttbox dl dt.dt03{margin-left:75px;}
.ttbox dl dt.dt04{margin-left:85px;}

.ttbox dl dt.dt01{margin-left:-135px;}
.ttbox dl dt.dt02{margin-left:-60px;}
.ttbox dl dt.dt03{margin-left:10px;}
.ttbox dl dt.dt04{margin-left:85px;}
.sjbox{padding:10px;background:#f3f3f3;}
.sideFix{
    position: fixed;
    display: block;
    width: 70px;
    height: 145px;
    z-index: 100;
    top: 30%;
    right: 4%;
}
.sideBtn{
    display: block;
    width: 70px;
    height:70px;

}
.buy{
    background: url(http://i0.jrjimg.cn/wap2016/buy.png) no-repeat #ffffff;
    background-size: 70px 70px;
}
.add{
    background: url(http://i0.jrjimg.cn/wap2016/add.png) no-repeat #ffffff;
    background-size: 70px 70px;
    margin-bottom: 5px;
}
.del{
    background: url(http://i0.jrjimg.cn/wap2016/del.png) no-repeat #ffffff;
    background-size: 70px 70px;
    margin-bottom: 5px;
}
.stage{width: 90%;line-height: 35px; line-height: 35px; background-color: #cccccc;border-radius: 3px; margin: 15px auto}
.stage li{width: 33.333333%;float:left; font-size: 1.6rem;text-align: center; line-height: 35px;}
.licur{color:#21abee; background-color: #eeeeee;}
.ptitle{height: 40px; line-height: 40px; background: url(http://i0.jrjimg.cn/wap2016/bg.gif) repeat-x; background-size: 1px 40px; padding-left: 2%; font-size: 1.6rem; color: #fff}
.stage_1{width: 90%;line-height: 35px; line-height: 35px; background-color: #cccccc;border-radius: 3px; margin: 15px auto}
.stage_1 li{width: 50%;float:left; font-size: 1.6rem;text-align: center; line-height: 35px;}
.across1{ margin: 0 auto}
.across1 .col3-1{
    width: 30%;
    float: left;
}
.across1 .col3-2{
    width: 30%;
    float: left;
    margin: 0 3%;
}
.across1 .col3-3{
    width: 30%;
    float: left;
}
.across2{
    width: 96%;
    margin: 0 auto;
}
.across2 .col2-1{
    width: 50%;
    float: left;
}
.infor_2{ line-height: 2.6rem; font-size: 1.6rem; }
.ptype{height: 40px; line-height: 40px; border: 1px solid #21abee; font-size: 1.6rem; text-align: center;width: 80%; margin: 8px auto; border-radius: 5px; overflow: hidden }
.tab{width: 96%; margin: 0 auto}
.tab td{font-size: 1.6rem; padding: 8px 5px;}
.tab td:nth-of-type(2){white-space: nowrap}
.tab td:nth-of-type(3){white-space: nowrap}
.tr td{ font-weight: bold;}
.ts{ text-align: right }
.tab a{color:#21abee}
.tab .grey td{color: #c3c3c3  }
.tab .bg{background-color: #cccccc}
.infor_3{ font-size: 1.6rem; padding: 5px 2% }
.bolder{font-weight: bold}
.line{border-bottom: 1px dashed #dddddd}
.mtb8{ margin: 8px 0}
.tab1{width: 96%; margin: 0 auto}
.tab1 td{font-size: 1.6rem; padding: 8px 5px;}
.tab1 td:nth-of-type(1){width: 33%}
.divhd{width: 96%; margin:0 2%; border-bottom: 1px solid #f1f1f1; line-height:30px;}
.divhd .span_title{font-size: 1.6rem;font-weight: bold}
.divhd i{font-size: 1.6rem;color:#ccc;float: right}
.tab2{width: 96%; margin: 0 auto}
.tab2 td{font-size: 1.4rem; padding: 3px 5px;color:#666;}
.tab2 td:nth-of-type(1){width: 33%}
.tab3{width: 96%; margin: 0 auto}
.tab3 td{font-size: 1.6rem; padding: 3px 5px;}
.tab3 .grey td{color: #c3c3c3  }
#canvas-holder{width:200px; margin: 0 auto; height: 260px;}
/*正文页*/
.redbackground{background-color: #BE0000;border-bottom: 3px solid #7C0000; }
.main{width: 94%; margin: 40px auto 10px auto}
.arcText {
    font-size: 1.8rem;
    text-indent: 2em;
    padding-top: 5px;
    line-height: 30px;
}
.arcTitle{
    padding: 10px 15px;
}
.arcTitle h1 {
    font-size: 2rem;
    text-align: left;
    line-height: 24px;
    font-weight: bold;
    margin: 5px 0;
}
.arcInfo{ font-size: 1.2rem; color: #666666}
.fr{float: right;}
.arcA{background: url(http://i0.jrjimg.cn/wap2016/logo.gif) no-repeat left; background-size: 11px 15px; padding-left: 15px; color: #21ABEE }
.aBtn{
    display: block;
    width: 30%;
    line-height: 40px;
    height: 40px;
    border:1px solid #cccccc;
    text-align: center;
    font-size: 1.6rem;
    color: #838383;
    margin: 20px auto 15px auto;
    border-radius: 5px;
}
.mt15{
    margin-top: 15px;
}

.across1ts .col-01.across1ts .col-02{width:46%;padding:0 2%;}

.center{margin-right:2%}


.hdmore{width:20px;height:20px;top:6px;}
.across1tsone .col-01,.across1tsone .col-02{float:left;width:48%;padding:0 1%;}
.infor_1 span{float:none;}
.across1{padding: 1rem 0 1rem 2rem;}

.sideFix{width:35px;height:90px;top:40%}
.sideBtn{width:35px;height:35px;}
.add,.buy,.del{background-size:100% 100%;}
.focus li i{display:block;text-align:right;float:none;}
.across1tsone .col-01,.across1tsone .col-02{width:44%;padding:0 3%;}
.ptype{height:auto;}
.focus li.nonetit-s1,.nonetit-s1{font-size:1.6rem;text-align:center;height:40px;line-height:40px;border:none;}

.namebox{height:40px;line-height:40px;padding:0 10px; text-align: center; background-color: #343434; color: white;}
.namebox .mh-tit{font-size:1.8rem;color:white;}
.namebox a{height:22px;line-height:22px;padding:0 5px;background:#f1f1f1;color:#333;margin-left:5px;display:inline-block;font-sizE:1.2rem;cursor:pointer;}
.namebox a,.namebox span{display:inline-block;vertical-align:middle;}

.ttbox dl dt.grebox b{top:-25px;}
.infor_2,.tab td,.tab3 td,.focus li{font-size:1.4rem;}
.across1tsone .col-02 .infor_1 span{width:75px;}
.across1tsone .col-01,.across1tsone .col-02{padding:0 2%;width:45%}
.across1tsone .col-02{width:46%}
.focus li a{font-sizE:1.6rem;}
.focus li i{font-size:1.4rem;}

/*20160601饼图style*/
.tbstyle{width:100%;max-width:414px;margin:0 auto;min-height:320px;max-height:414px;}
.tbstyle .red,.tbstyle .green{color:#fff!important;}
.legendstyle{padding:0 0 0 10px;}
.legendstyle dl dt{width:50%;float:left;height:40px;line-height:30px;padding-bottom:8px;padding-right:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.legendstyle dl dt b,.legendstyle dl dt span{display:inline-block;vertical-align:middle;font-size:1.4rem;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.legendstyle dl dt span{text-align:center;width:55%;font-weight:bold;background:#f1f1f1;-moz-border-radius:0 3px 3px 0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;}
.legendstyle dl dt b{color:#fff;-moz-border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;width:45%;text-align:center}
.legendstyle dl dt b.c01{background:#21c064}
.legendstyle dl dt b.c02{background:#fc8e1d}
.legendstyle dl dt b.c03{background:#0d8718}
.legendstyle dl dt b.c04{background:#f25453}
.legendstyle dl dt b.c05{background:#21ab32}
.legendstyle dl dt b.c06{background:#c02922}
.legendstyle dl dt b.c07{background:#4566b5}
.legendstyle dl dt b.c08{background:#ea2e2d}
@media screen and (max-width:370px){
	.legendstyle dl dt b,.legendstyle dl dt span{font-size:1.2rem;}
}
.cont_box .hide{min-height:350px;}

@media screen and (max-width: 414px) {
	/*.swipe{width: 100%;}*/
	/*.across1{ width: 98%; padding: 1rem 0 1rem 2rem;}*/
}

/*@media screen and (max-width: 375px) {
	.across1 { width: 98%; padding: 1rem 0 1rem 1.5rem;}
} 

@media screen and (max-width: 320px) {
	#stockBox { padding: 2rem 1rem 2rem 1rem}
	.infor{ margin-right: 5px;}
	.infor_1 span { width: 40px;}
	.across1 { width: 98%; padding: 1rem 0 1rem 1rem;}
} */

/*新闻、公告、研报、F10*/
.g { width: 100%; height: 0.75rem; background-color: #f2f2f2; }
.stockList { width: 100%; height: 40px; border-bottom: 1px #e6e6e6 solid; }
.stockList li { width: 25%; line-height: 40px; float: left; }
.stockList li div { width: 40px; margin: 0 auto; text-align: center; font-size: 15px; }
.stockList .show div { color: #FF4040; border-bottom: 2px #FF4040 solid; }
.stockDetail { width: 100%; min-height: 13.0rem; }
.stockDetail_con { width: 100%; display: none; }
.stockDetail_con.show { display: block; }
.stockDetail_con .list li { width: 90%; line-height: 2.0rem; border-bottom: 1px #e6e6e6 solid; margin: 0 5%; }
.stockDetail_con .list li:active { background-color: #f8f9fa; }
.stockDetail_con .list li a { width: 100%; padding-top: 0.75rem; display: block; font-size: 0.7rem; color: #333; font-size: 1.6rem; }
.stockDetail_con .list li span { width: 100%; display: block; padding-bottom: 0.75rem; font-size: 1.2rem; color: #AAA; }
.stockDetail_con .f10 ul { width: 90%; margin: 15px auto; background-color: #fafafa; border-radius: 3px; border: 1px #fd5759 solid; color: #222; }
.stockDetail_con .f10 ul li { width: 50%;float:left; font-size: 1.6rem;text-align: center; line-height: 35px; }
.stockDetail_con .f10 ul li.show { color:#fff; background-color: #fd5759; }
.stockDetail_con button { display: none; width: 30%; line-height: 40px; border:1px solid #cccccc; text-align: center; font-size: 1.4rem; color: #838383; margin: 20px auto 15px auto; border-radius: 5px; background-color: #fff; }
.stockDetail_con .noList { width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 1.4rem; color: #999; display: none; }
.stockDetail_con .loading { width: 100%; text-align: center; padding: 2rem 0; }
.stockDetail_con .loading img { width: 2.5rem; height: 2.5rem; display: inline; }

.f10_detail { display: none; }
.f10_detail.show { display: block; }
.f10_detail div { width: 96%; margin:0 2%; border-bottom: 1px solid #f1f1f1; line-height:30px; }
.f10_detail div span { font-size: 1.6rem;font-weight: bold; }
.f10_detail div i{font-size: 1.6rem;color:#ccc;float: right}
.f10_detail table {width: 96%; margin: 0 auto}
.f10_detail table td{font-size: 1.4rem; padding: 3px 5px;color:#666;}
.f10_detail table td:nth-of-type(1){width: 33%}

.tab{width: 96%; margin: 0 auto}
.tab td{font-size: 1.6rem; padding: 8px 5px;}
.tab td:nth-of-type(2){white-space: nowrap}
.tab td:nth-of-type(3){white-space: nowrap}

.grey td { color: #c3c3c3 }
#toTop {bottom: 9%;height: 35px;opacity: 0.8;position: fixed;right: 4%;width: 35px;z-index: 999;display: none;background: transparent url(http://i0.jrjimg.cn/wap2014/images/icon_v2.png) no-repeat scroll -84px 0px / 119px 35px;}