@charset "utf-8";
/*
 * Filename:     style.css
 * Description:  mobile web DZH F10
 * Version:      1.2.4(2010-08-18 ^ 2011-08-22)
 * Website:      http://mo.gw.com.cn/
 * Author:       Zhangsong
*/

/* GLOBAL & RESET
---------------------------------------------------------------------- */

*{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-text-size-adjust:none;/*outline:none;*/}
body,div,table,td,p,h1,h2,h3,h4,em,span,a,fieldsetform,input,select,textarea,ul,li{margin:0;padding:0;border:none;}
body{color:#FFF;background:#181818;width:100%;font:normal 62.5%/1.3 'Microsoft YaHei', '微软雅黑', '雅黑', 'MicrosoftYaHeiRegular', '黑体', '宋体', Verdana, Arial, Helvetica, sans-serif;}
a{color:#FFF;text-decoration:none;}
a img{border:none;}
ul, li, ol, dl, dd, dt{list-style:none;}
h2,h3,h4,em,strong{font-weight:700;}
select{color:#000;padding:3px;font-size:15px;border-width:1px;border-style:solid;border-color:#949494;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.aRight{text-align:right;}
.aLeft{text-align:left;}
.aCenter{text-align:center;}
.fLeft{float:left;display:inline;}
.fRight{float:right;display:inline;}
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary{display:block;margin:0;padding:0;}
.clear{clear:both;height:0;line-height:0;font-size:0;visibility:hidden;}
.cRight{clear:right;}
.cLeft{clear:left;}

/* WRAPPER
---------------------------------------------------------------------- */

.wrapper{width:100%;overflow:hidden;border-top:1px solid #000000;text-align:center;}
.nav, .inner, .quickmenu, .content{width:100%;overflow:hidden;clear:both;}

/* INNER
---------------------------------------------------------------------- */

.inner{margin-bottom:10px;}

/* NAV
---------------------------------------------------------------------- */

.nav{height:32px;border-top:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b;background:#135f87 url(../images/nav_bg.png) repeat-x 0 0;}
.nav ul{display:inline;margin:0 auto;}
.nav li{float:left;width:23.9%;display:inline;overflow:hidden;}
.nav li a{display:block;height:32px;line-height:32px;cursor:pointer;width:100%;background:none;}
.nav li a span{cursor:pointer;display:block;font-size:1.4em;height:30px;line-height:30px;font-weight:600;border-left:2px solid #5386a0;}
.nav li a:hover, .nav li a:focus, .nav li a.active{background:#c5c5c5 url(../images/nav_bg.png) repeat-x 0 -34px;color:#000;}

/* QUICKMENU
---------------------------------------------------------------------- */

.quickmenu{text-align:left;font-size:1.6em;letter-spacing:0.1em;}
.quickmenu li a, .quickmenu li a:hover, .quickmenu li a:active, .quickmenu li a.active, .quickmenu li a.hover
{display:block;height:44px;line-height:44px;background:url(../images/libg.png) no-repeat 0 -45px;font-weight:600;padding-left:60px;}
.quickmenu li a:hover, .quickmenu li a.hover, .quickmenu li a:focus{background-position:0 -1px;}
.quickmenu li a:active, .quickmenu li a.active{height:44px;line-height:44px;background-position:0 -88px;}

/* CONTENT
---------------------------------------------------------------------- */

.content{font-size:1.5em;margin:0 4px;width:auto;position:relative;}
.content h2{background:url(../images/h2bg.png) no-repeat;height:32px;line-height:32px;font-size:1.0em;margin:0;text-align:left;padding-left:50px;letter-spacing:0.1em;}
.content h2 a{display:block;width:100%;font-size:1.0em;}
.content .title{background:url(../images/h3bg.png) repeat-x;height:26px;line-height:26px;font-size:1.0em;text-align:left;padding:0 5px;color:#000;font-weight:700;position:relative;}
.content .title .time{font-weight:500;float:right;font-size:1.0em;position:absolute;top:0;right:15px;color:#222;}
.content .meta{text-align:right;margin:2px 5px;width:auto;font-size:1.0em;}
.content .meta span{padding:0 3px;display:inline}
.content table{font-size:1.0em;border-width:1px;border-spacing:1px;border-style:solid;border-color:#3e3e3e;border-collapse:separate;background-color:#3e3e3e;width:100%;text-align:center;font-weight:500;clear:both;margin:2px 0;}
.content table td, .content table th{line-height:1.6em;border-width:2px;padding:2px;border-style:solid;border-color:#181818;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.content table th{color:#fff;text-align:center;background:#004c73;}
.content table td{background:#181818;}
.content table .thtitle{color:#fff;background:#004c73;text-align:center;}
.content table .tdtitle{color:#fff;background:#004c73;padding:0 5px;text-align:left;}
.content table .tdname{color:#fff;background:#004c73;padding:0 5px;text-align:left;font-size:1.2em;}
.content table .tdlfet{text-align:left;padding-left:3px;}
.content table .tdright{text-align:right;padding-right:3px;}
.content .inforTrade .sptd{width:70px;vertical-align:middle;color:#ffc300;text-align:right;padding-right:5px}
.content .inforTrade .sp_span{display:inline-block;color:#ffc300;padding:0 8px;}
.content table.survPosition span{display:block;}
.content .leftBtnDiv{background:#004c73;width:7px;cursor:pointer;height:100%;float:left;display:inline;}
.content .rightBtnDiv{background:#004c73;width:7px;cursor:pointer;height:100%;float:right;display:inline;}
.content .leftBtnDiv a{display:block;width:40px;height:32px;background:url(../images/leftBtn.gif) no-repeat center center;position: absolute;z-index:1002;margin:-4px 0 0 -15px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.content .rightBtnDiv a{display:block;width:40px;height:32px;background:url(../images/rightBtn.gif) no-repeat center center;position: absolute;z-index:1002;margin:-4px 0 0 -17px;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;}
.content .centerDiv{height:100%;margin:0 auto;display:inline;}
.content .highlight{color:#ffb400;}
/*.content span.yellow{color:#ffba00;padding:0 2px;}*/
.content span.blue{color:#00a9ff;padding:0 2px;}
.content a.blue{color:#00a9ff;padding:0 2px;text-decoration:underline;}
.content .blueCutLine{height:3px;border-bottom:1px dotted #0083c6;width:100%;}
.content .digit{font-family:Verdana, Arial, Helvetica, sans-serif;}
.content .normal{color:#fff;margin:2px 0;color:#EEEEEE;font-size:1.0em;text-align:left;line-height:1.7em;letter-spacing:0.1em;}
.content .spanPLR{padding:0 3px;}
.content select{border:1px solid #8d8d8d;margin-top:6px;width:auto;}
.content .histogram{color:#fff;font-size:1.0em;clear:both;margin:4px 0;}
.content .histogram .blue{color:#00a9ff;}
.content > div{margin:2px 0;}
.content .jigsaw{font-size:1.0em;}
.content .jigsawUL{text-align:left;float:right;clear:right;margin-top:40px;}
.content .jigsawUL li{height:19px;line-height:19px;}
.content .jigsawUL .lif{background:#009aea;width:9px;height:9px;display:inline;float:left;margin:5px 5px 0 0;}
.content .jigsawUL .lis{background:#fff;width:9px;height:9px;display:inline;float:left;margin:5px 5px 0 0;}
.content .survResume span{padding:0 4px;}
/*.content .deal-stitle{background-color:#444;height:22px;line-height:22px;color:#fff;text-align:center;}*/

/* NEWS
---------------------------------------------------------------------- */

.news{color:#dfdfdf;font-size:1.0em;text-align:left;line-height:1.6em;}
.news a{font-size:1.0em;text-decoration:none;color:#ffd200;border-bottom:1px dotted #ffd200;}
.news a:link{color:#ffd200;border-bottom:1px dotted #ffd200;}
.news a:visited{color:#d0bf6d;border-bottom:none;}
.news a:hover,.news a:focus{color:#fbe57c;border-bottom:1px solid #fbe57c}
.news a:active{color:#fff;border-bottom:1px dotted #fff;}
.news .newsbot{margin:3px 0 1px;text-align:right;background:url(../images/libg.png) no-repeat 0 -140px;height:30px;}

/* INFOR
---------------------------------------------------------------------- */

.infor{color:#fff;font-size:1.0em;text-align:left;line-height:1.7em;}
.infor .inforTitle {font-size:1.1em;color:#fff;}
.infor .inforTitle a{text-decoration:none;color:#ffb400;padding:0 4px;}
.infor .inforTitle a:link{color:#ffb400;}
.infor .inforTitle a:visited{color:#d9b359;}
.infor .inforTitle a:hover,.news .inforTitle a:focus{color:#ffb400;text-decoration:underline;}
.infor .inforTitle a:active{color:#ffb400;text-decoration:underline;}
.infor .inforSum{text-indent:2em;width:100%;color:#FFF;}
.infor .inforSum a{text-decoration:underline;color:#FFF;}
.infor .inforSum a:hover,.infor .inforSum a:focus{text-decoration:underline;color:#CCC;}
.infor .inforBot{margin:3px 0 1px;text-align:right;background:url(../images/libg.png) no-repeat 0 -140px;height:30px;color:#009aea;}
.infor .inforDTitle{margin:5px 2px 3px;text-align:left;color:#ffb400;font-size:1.1em;}
.infor .inforDetail{line-height:1.6em;font-size:1.1em;margin:0 2px;}
.infor .inforDetail a{color:#39F;padding:0 2px;text-decoration:underline;}
.infor .inforDetail a:hover,
.infor .inforDetail a:focus{color:#ffb400;text-decoration:line-through;}
.infor .inforDetail p{padding-left:1em;}
.infor .inforDetail p span{margin-left:-1em;width:1em;float:left;display:inline;}

/* FOOTER
---------------------------------------------------------------------- */

.footer{font-size:1.5em;text-align:center;margin-bottom:20px;}
.footer a{padding:5px 8px 5px 8px;line-height:1.8em;margin:0 10px;font-size:1.0em !important;*font-size:15px;}
.footer a.goto-top{ background:none;}
.footer a.go-back{ background:none;}

/* MEDIA QUERIES
---------------------------------------------------------------------- */

@media all and (min-width:320px){
.nav{height:36px;border-top:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b;background:url(../images/nav_bg.png) 0 -68px repeat-x;}
.nav li{float:left;width:25%;*width:24.9%;}
.nav li a{display:block;height:36px;line-height:36px;cursor:pointer;}
.nav li a span{font-size:1.5em;height:36px;line-height:36px;border:none;}
.nav li a:hover, .nav li a:active, .nav li a.active, .nav li a.hover, .nav li a:focus{background:url(../images/nav_hbg.png) no-repeat center top;}
.quickmenu{font-size:1.7em;}
.content h2{font-size:1.1em;}
.footer a{padding:5px 8px 5px 18px;line-height:1.8em;margin:0 10px;}
.footer a.goto-top{ background:url(../images/top.png) no-repeat left center;}
.footer a.go-back{ background:url(../images/back.png) no-repeat left center;}
}

/* END */