.w {
    margin: 0 auto;
    width: 300px;    
    color:#000000;  
    padding-left:10px;
    padding-right:10px;
    font-size:13px;
} 

.qgbg{ line-height:30px; height:28px; background:url(/images/html5/tri/qgbg.jpg) left center  no-repeat;}
.qgbg .bg{ font-size:13px; color:#ffffff; text-align:center; display:inline-block; width:60px;}
.dx{ color:#ff9600;  }
.zgdx{ line-height:23px;text-indent:1em; padding-left:5px; text-align: justify;text-justify: inter-ideograph;}
.box { height:141px; background:url(/images/html5/tri/boxbg.jpg) center center no-repeat;
  color:#e90000;    line-height:20px;text-indent:1em; padding-top:28px; padding-right:20px; padding-left:69px; text-align: justify;text-justify: inter-ideograph;
 }
.detail-box{  margin-left: 10px; width:282px; overflow-x:auto; }
.detail-box .detail{   width: 480px;font-size:12px; line-height:20px;} 
.bottom { line-height:30px; text-align:center; margin-top:10px;}
.bottom .save{background:url(/images/html5/tri/save.jpg) center center no-repeat; width:133px; height:43px; display:inline-block;}
.bottom .cancel{background:url(/images/html5/tri/cancel.jpg) center center no-repeat; width:133px; height:43px;display:inline-block;}
.bottom .cancel:hover{ cursor:pointer;}

.turnTable{background:url(/images/html5/tri/ysyg_askfor_bg.jpg) 0 0 no-repeat; width:320px; height:504px;}
#ctl00_ContentPlaceHolder1_panelGua{ width:320px; margin:0 auto;}
.triImg{ padding:80px 10px 0;}
#turnTable h2{ color:#fff; padding:10px 0; text-align:center;}
#cartoon{ display:none; width:320px; height:416px; position:relative; overflow:hidden;}
#coin1,#coin2,#coin3{ position:absolute; width:60px; height:58px;background:url(/images/html5/tri/ysyg_coin.png) 0 0 no-repeat; left:145px; top:-58px}
#hanging{ width:166px; height:84px; background:url(/images/html5/tri/ysyg_jg_btn.png) 0 0 no-repeat; position:absolute;left:69px;top:164px; display:none;}
#music{ position:absolute; left:0; top:350px;}

#iconNav{ display:none}
#textNav{ display:block!important}