﻿/* CyhShop ***************************************************************************************/
body              {}
.editBody         { margin:10px;}
.hackBox          {	border-top:1px solid transparent !important; margin-top:-1px !important;
                    border-top:0;margin-top:0; clear:both;visibility:hidden;} 
.red              { color:#f00;}
.username         { font-weight:700;}
.modalBackground  { background-color:Gray; opacity:0.7;}
table { font-size:12px;}

#mainMenu         { width:100%; height:90px; position:relative;}
#mainMenu .wrap   { float:left;width:100%; height:100%;}
#mainMenu .content{ margin-left:30px;height:100%;}
#mainMenu .logo   { float:left;width:30px;margin-left:-100%; background:url(back/backgreen.png) no-repeat;height:100%;}
#mainMenu .line1  { width:100%;height:60px;background:url(back/logo.gif) 5px 0px no-repeat;}
#mainMenu .line2  { width:100%;height:30px; background:#f90;}
#mainMenu .line1 .tip    { height:30px; width:100%; text-align:right; line-height:21px;}
#mainMenu .line1 .menu   { height:30px; margin-left:280px;}

#mainMenu ul li,#mainMenu ul li span  {background:url(back/backgreen.png);}
#mainMenu ul      { padding:0px; margin:0px; line-height:30px;}
#mainMenu ul li   { padding:0px; margin:0px; list-style-type:none; float:left; height:100%;
                    position:relative; font-size:10pt; margin-left:1px;}
#mainMenu ul li span  { position:absolute; top:0px; background-repeat:no-repeat; display:block; height:100%;width:4px;}

#mainMenu ul.tabBar li.Selected   { position:relative; font-size:10pt; }
#mainMenu ul.tabBar li a          { text-decoration:none; padding:0 10px; color:#000;}
#mainMenu ul.tabBar li a:hover    { color:#f00;}
#mainMenu ul.tabBar li.Selected a       {}


.pdcTipDiv span,.srcBar .barLft1 .pre, div.clip, a.lnkHome, a.buy,
a.lnkInsert span,a.lnkSearch ,a.lnkExit, a.lnkPass, a.lnkEdit, a.lnkHelp, a.lnkLogn,a.choose ,
a.lnkDownDetail,a.lnkDownReturn,a.lnkEditor,a.lnkReturn,a.lnkSave,span.car
{ background-image:url(back/icon.png) ; background-repeat:no-repeat;}

a.lnkDownDetail         { background-position:0px -617px; width:18px; height:18px; display:inline-block; margin:0 auto;}
a.lnkDownDetail:hover   { background-position:-33px -617px;}
a.lnkDownReturn         { background-position:0px -635px; width:18px; height:18px; display:inline-block; margin:0 auto;}
a.lnkDownReturn:hover   { background-position:-33px -635px;}
a.lnkEditor             { background-position:0px -365px; width:18px; height:18px; display:inline-block; margin:0 auto;}
a.lnkEditor:hover       { background-position:-33px -365px;}
a.lnkReturn             { background-position:0px -546px; width:18px; height:18px; display:inline-block; margin:0 auto;}
a.lnkReturn:hover       { background-position:-33px -546px;}
a.lnkSave               { background-position:0px -653px; width:18px; height:18px; display:inline-block; margin:0 auto;}
a.lnkSave:hover         { background-position:-33px -653px;}
table.carinfo td a      { color:#00f; text-decoration:none;}
table.carinfo td a:hover{ color:#f00; text-decoration:underline;}
a.lnkOk                 { color:#fff;}
a.lnkPay                { color:#f00;}
a.lnkRecv               { color:#cc0;}
td.menuBox div          { height:18px; text-align:center;}
span.tipFFF             { margin-top:2px;color:#fff; display:block; float:left;}
span.tipF00             { margin-top:2px;color:#f00; display:block; float:left;}
span.CarCode            { color:#390;}

#mainMenu ul li   { background-position:0px -123px;}
#mainMenu ul.tabBar li.Selected   { background-position:0px -186px;}    
#mainMenu ul.tabBar li span.l     { background-position:0px -91px;left:0px;}
#mainMenu ul.tabBar li span.r     { background-position:100% -91px;right:0px;}
#mainMenu ul.tabBar li.Selected span.l  { background-position:0px -154px;left:0px;}
#mainMenu ul.tabBar li.Selected span.r  { background-position:100% -154px;right:0px;}

#mainMenu ul.tipBar    { margin-right:0px; float:right; height:21px; line-height:21px;}
#mainMenu ul.tipBar li { background-position:0px -268px;margin-right:3px; }
#mainMenu ul.tipBar li span.l { background-position:0px -247px; width:3px; left:0px;}
#mainMenu ul.tipBar li span.r { background-position:100% -247px; width:3px; right:0px;}
#mainMenu ul.tipBar li a      { display:block; height:15px; line-height:15px; 
                                padding:0 5px; float:left;font-size:12px; text-indent:0px; color:#000; width:65px;
                                margin-top:3px; text-decoration:none; }
#mainMenu ul.tipBar li a.lnkExit { background-position:-2px -188px; } 
#mainMenu ul.tipBar li a.lnkPass { background-position:-2px -218px; } 
#mainMenu ul.tipBar li a.lnkEdit { background-position:-2px -232px; } 
#mainMenu ul.tipBar li a.lnkHelp { background-position:-2px -203px; } 
#mainMenu ul.tipBar li a.lnkLogn { background-position:-2px -247px; } 
#mainMenu ul.tipBar li.msg       { background:none;}

#mainMenu .line1  { background:url(back/yanghulogo.gif) 5px 0px no-repeat;}
#mainMenu .line2  { background:#639AFF; line-height:30px;}

div.title     {background:#639AFF url(back/backgreen.png) 0px -550px; border-top:solid 1px #5588ee; 
               font-size:14px; color:#333; font-weight:600; vertical-align:baseline;
               width:100%; height:30px;  text-indent:20px;}
div.title .text { margin-top:10px;}               
div.splitbar  {background-color:#639AFF; font-size:5px; height:5px;}

a.lnkInsert       { display:inline-block;
                    height:18px; line-height:18px; position :relative ;}
a.lnkInsert span  { display:inline-block;background-position:0px -347px; height:18px; width:18px; 
                    float:left; margin-right:4px;-moz-border-radius:0px;  -moz-box-shadow:none; background-color:Transparent;}
                    
table             { width:100%; }
table.pdcSrcTbl   { font-size:9pt;color:#333;}
table.pdcItem     { color:#333;}
table.tblItemSel  { color:#bbb; background-color:#ececec;}
table.tblItemSel td {white-space:nowrap;}
table.tblItemSel .msg { color:#333}
table td.center   { text-align:center;}
table tr.tbline0  { background-color:#9cf; color:#000; line-height:18px; text-align:center;}
table tr.tbline1  { background-color:#CEE8FF; color:#000; line-height:18px; text-align:center;}
table tr.tbline3  { background:transparent; line-height:18px; text-align:center;}
table tr.tbline5  { background-color:#06c; color:#fff; line-height:18px; text-align:center;}
tr.tbline5 td a   { color:#fff;}
tr.tbline5 td a:hover   { color:#ff0;}
tr.tblHeader      { color:#fff; font-weight:600; text-align:center; height:24px; line-height:24px;
                    background:#39f url(back/background.png) 0px -37px repeat-x; }
tr.tblHead18      { color:#fff; font-weight:600; text-align:center; height:18px; line-height:18px;
                    background:#39f url(back/background.png) 0px -37px repeat-x; }              
tr.tblHeader a,tr.subHduser a ,tr.suHdBank a    { color:#fff; text-decoration:none;}
tr.tblHeader a:hover,tr.subHduser a:hover,tr.suHdBank a:hover
                  { color:#f00; text-decoration:underline;}
                  
tr.tblHeader a.buyCar{ color:#00c; text-decoration:none; display:block; margin:0 auto;
                       width:65px; height:16px; line-height:16px;}
tr.tblHeader a.buyCar span.car {display:block; height:16px; width:16px; background-position:-34px -584px; float:left; }
tr.tblHeader a:hover { color:#f00; text-decoration:underline;}

table tr.subuse0  { background:transparent; line-height:18px; text-align:center;}
table tr.subuse1  { background-color:#e0fefe; color:#000; line-height:18px; text-align:center;}
table tr.subuse2  { background-color:#ffecce; color:#000; line-height:18px; text-align:center;}
table tr.subuse5  { background-color:#86d8ff; color:#fff; line-height:18px; text-align:center;}
table td a.sel    { color:#ffc;text-decoration:none;}
table td a.sel:hover { color:#ff0; text-decoration:underline;}
tr.subHduser      { color:#06c; font-size:10pt; text-align:center; height:18px; line-height:18px;
                    background:#39f url(back/background.png) 0px -336px repeat-x; }

table tr.subank0  { background:transparent; line-height:18px; text-align:center;}
table tr.subank1  { background-color:#ffc; color:#000; line-height:18px; text-align:center;}
table tr.subank2  { background-color:#ceefff; color:#000; line-height:18px; text-align:center;}
table tr.subank5  { background-color:#86d8ff; color:#fff; line-height:18px; text-align:center;}
tr.suHdBank       { color:#06c; font-size:10pt; text-align:center; height:20px; line-height:20px;
                    background:#39f url(back/background.png) 0px -356px repeat-x; }

tr.Head99         { background-color:#99D260; font-weight:600;text-align:center; line-height:18px; color:#080; }
tr.HeadKK         { background-color:#FFCB97; font-weight:600;text-align:center; line-height:18px; color:#804000; }
tr.tbl99          { background:#CAE8AC;color:#080; height:18px; line-height:18px; text-align:center;}
tr.tblKK          { background:#FFE3C8;color:#804000;height:18px; line-height:18px; text-align:center;}

table td.Wr40     { width:40px; text-align:right;}

.srcBar           { height:36px; width:100%;}
.srcBar .mid      { background:transparent url(back/background.png) 0px -36px;}
.srcBar .barWrap  { float:left;width:100%; height:100%;}
.srcBar .barMain  { height:100%;}
.srcBar .barLeft  { float:left;margin-left:-100%; height:100%;}
.srcBar .barLft0  { float:left;background:transparent url(back/background.png) no-repeat;
                    margin-left:0;width:10px; height:100%;}
.srcBar .barLft1  { float:left; width:70px; height:100%;}
.srcBar .barLft1 .pre { font-weight:600;
                        width:100%; line-height:36px; height:100%; text-indent:30px; color:#fff;}
.srcBar .barLft2  { float:left; height:100%;}
.srcBar .barLft3  { float:left; height:100%;}

.srcBar .barBtn   { float:left;margin-left:-80px;width:70px; height:100%;}
.srcBar .barBtn a { display:block; width:51px; height:19px; margin-top:8px; margin-left:3px; 
                    text-decoration:none; line-height:19px; text-align:center;color:#fff;
                    background-position:100% -74px; font-size:12px; } 
.srcBar .barBtn a:hover { background-position: 100% -93px; } 

.srcBar .barRight { background:transparent url(back/background.png) 100% -72px;
                    float:left;margin-left:-10px;width:10px; height:100%;}
                 
/************************************************/
.srcPar,.srcPar .barLeft, .srcPar span { background:transparent url(back/background.png);}
.srcPar           { height:48px; width:100%; position:relative; background-position:0px -120px;}
.srcPar input     { color:#0055AA;}
.srcPar table     { height:19px; width:100%; font-size:12px; border-collapse:collapse;}
.srcPar span      { display:block; width:5px; height:100%; position:absolute;top:0px;background-repeat:no-repeat;}
.srcPar span.l    { background-position:0px -240px;  left:0px; }
.srcPar span.r    { background-position:100% -72px;  right:0px; }
.srcPar .barWrap  { float:left;width:100%; height:100%;}
.srcPar .barMain  { height:100%;}
.srcPar .barLeft  { float:left;margin-left:-100%; height:100%; background-position:0px -288px;}
.srcPar .barMain .line1,.srcPar .barMain .line2 { width:100%; height:24px; clear:both;}

.srcPar a.lnkSearch { display:block; width:51px; height:19px; margin-top:0px; margin-left:8px; 
                    text-decoration:none; line-height:19px; text-align:center;color:#fff;
                    background-position:100% -74px; font-size:12px; } 
.srcPar a:hover   { background-position:100% -93px; } 

.srcPar .barRight { background:transparent url(back/background.png) 100% -72px;
                    float:left;margin-left:-10px;width:10px; height:100%;}
                    

.picFrame         { width:115px; height:88px; background:#ddd; clear:both;}

input.pdcTxtSrc   { border:1px solid #A6A6A6;height:18px; padding:0 2px;width:100%; background:#eff;}
input.water       { color:#bbb; background:#eff; font-style:italic;}
input[readonly]   { background-color:#fcc;}

table td        { vertical-align:middle;}
table td.h80    {width:80px; text-align:right;line-height:100%; height:100%;}
table.tblItem           { color:#000;}
table a.choose  { display:block; height:16px; width:16px; background-position:-1px -601px; margin-right:2px; margin-top:2px;}
table a.choose:hover  { background-position:-34px -601px;}
table a.buy     { display:block; height:16px; width:16px; background-position:-1px -584px; margin:0 auto; margin-top:2px;}
table a.buy:hover     { background-position:-34px -584px;}

input.tian        { background:#fff url(icon/tian.gif);}


.PageSpliter                       { margin-top:20px;}
.PageSpliter .PgSpliter            { text-align:center; height:16px; line-height:16px; }
.PageSpliter .PgSpliter a          { background:url(back/backgreen.png) no-repeat;display:inline-block; font-size:14px;
                                     height:16px; text-decoration:none; line-height:16px; margin:0px 3px 0px 3px; }
.PageSpliter .PgSpliter span.cur   { height:16px; font-weight:600; font-size:16px; text-align:center;
                                      margin-left:5px; margin-right:5px; display:inline-block;}
.PageSpliter .PgSpliter a.btnFirst       { background-position:0px -581px;width:16px; }
.PageSpliter .PgSpliter a.btnFirst:hover { background-position:0px -613px;}
.PageSpliter .PgSpliter a.btnLast        { background-position:-15px -581px;width:16px; }
.PageSpliter .PgSpliter a.btnLast:hover  { background-position:-15px -613px;}
.PageSpliter .PgSpliter a.btnPrev        { background-position:0px -597px;width:16px; }
.PageSpliter .PgSpliter a.btnPrev:hover  { background-position:0px -629px;}
.PageSpliter .PgSpliter a.btnNext        { background-position:-15px -597px;width:16px; }
.PageSpliter .PgSpliter a.btnNext:hover  { background-position:-15px -629px;}
.PageSpliter .PgSpliter a.btnIndex,.PageSpliter .PgSpliter a.more        { background:none;}



.chart .content,.chart .tab .tablft,.chart .tab .tabrht ,.chart span.l, .chart span.r
{ background:transparent url(back/background.png);position:relative;}
.chart          { height:70px; position:relative; }
.chart .tab     { height:18px; line-height:18px; width:100%;}
.chart .content { height:100%; width:100%; background-position:0px -464px; }
.chart .tab .tablft { width:40%; float:left; background-position:0px -446px; height:100%;}
.chart .tab .tabrht { width:60%; float:right; background-position:0px -464px;height:100%;}
.chart span.l,.chart span.r  { position:absolute; top:0px; width:5px; background-repeat:no-repeat; display:block; height:100%;}
.chart .content span.l       { background-position:0px -376px; left:0px;}
.chart .content span.r       { background-position:100% -376px; right:0px;}
.chart .tab .tabrht span.l   { background-position:-20px -376px; width:12px; left:0px;}
.chart .content .text {color:#cc0; margin:10px 5px 0px 5px; }
.chart .tabtxt     { line-height:18px; text-indent:5px; text-align:left; color:#fff; font-weight:600;}
.chart .tablnk     { line-height:18px; text-align:right; margin-right:10px; }

.arw_right         { background:url(back/arrowright.png) 50% 50% no-repeat;}
/** pdcTipDiv **********************************************************/
.pdcTipDiv           { overflow: hidden;width:100%; font-size:13px;
                       background-color:#00aaff; position:relative;  border:solid 1px #003A75;
                       -moz-border-radius:15px 5px 15px 5px; 
                       background-image:-moz-linear-gradient(top, #7DB1FF,#B9D7FF, #05a); 
                       -moz-border-bottom-colors: #300 #600 #700 #800 #900 #A00;}
.pdcTipDiv a.lnkHome { display:block; height:16px; width:16px; float:left; margin-left:10px; margin-top:6px;
                       background-position:-1px -547px;}
.pdcTipDiv a.lnkHome:hover { background-position:-33px -547px;}
.pdcTipDiv .tipWrap  { float:left;width:100%; margin-top:5px; margin-bottom:0px;}
.pdcTipDiv .tipMsg,.pdcTipDiv .tipSub  { float:left; height:22px; line-height:22px; margin-top:3px;
                       -moz-border-radius:3px;-moz-box-shadow:-1px -1px 3px rgba(255, 255, 255, 0.5);
                       -moz-box-shadow: 1px 1px 3px #000, -1px -1px 3px #666; 
                       background-color:#3366aa; color:#fff;
                       background-image:-moz-linear-gradient(top,#639AFF,#6699FF, #639AFF) ;
                       text-shadow:0 -1px 1px rgba(0, 0, 0, 0.9); text-align:center;}
.pdcTipDiv .tipMsg   { margin-left:10px; width:200px; }
.pdcTipDiv .tipSub   { margin-left:20px; width:220px; }
.pdcTipDiv .tipTxt   { margin:5px 200px 5px 250px;}
.pdcTipDiv .link     { float:left;width:200px;margin-left:-200px; margin-top:8px;}
.pdcTipDiv	a.lnkInsert {background:#003A75 ;
                       -moz-border-radius:3px;-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.5);
                       background-image:-moz-linear-gradient(top,#005CE8,#6B9CEC, #003A75) ;
                       border:1px solid rgba(0, 63, 76, 1);color:#FFFFFF;cursor:pointer;
                       display:inline-block;position:relative;text-decoration:none;
                       text-shadow:0 -1px 1px rgba(0, 0, 0, 0.9); margin-left:30px;
                       font-size:13px;height:21px; line-height:21px; padding:0px 10px 0px 10px;}
.pdcTipDiv a.lnkInsert:hover {background:#002346 ;background-image:-moz-linear-gradient(top, #6B9CEC,#003A75, #002346);}
.pdcTipDiv span      { display:block; line-height:19px; text-indent:26px; 
                       -moz-border-radius:5px;height:19px; color:#05a;
                       -moz-box-shadow: 1px 1px 6px #000, -1px -1px 6px #000; 
                       background-color:#cee; }
.pdcTipDiv span.info { background-position:3px -491px; }
.pdcTipDiv span.error{ background-position:0px -509px; color:#f00;}
.pdcTipDiv span.okey { background-position:0px -527px;}
.pdcTipDiv .quickTip { clear:both; margin:5px 10px 5px 10px; border:solid 1px #003A75; background:#eff; padding:3px;
                       -moz-border-radius:5px; white-space:normal;}
.pdcTipDiv .calc     { clear:both;}
.pdcTipDiv .calc table { color:#fff;}
.calc table td a       { color:#fff; text-decoration:none;}
.calc table td a:hover { color:#ff0;}
                       
.tipfooter           { width:100%; height:22px; line-height:22px; font-size:12px; color:#fff; background:#003A75; text-indent:10px;}


.modalPopup          { border:solid 1px #333; background:#fff;
                       -moz-box-shadow:-1px -1px 3px rgba(255, 255, 255, 0.5);
                       background-image:-moz-linear-gradient(top,#FFF,#9cF, #39F) ;}
.modalPopup .caption   { cursor: move;background-color:#006;color:#fff; height:20px; line-height:20px; margin:0px;}
.modalPopup .caption p { display:block; float:left; text-indent:10px;}
.modalPopup .caption div {float:right; background-color:#666; border:solid 1px #eee; font-size:12px; font-family:Arial Black;
                          cursor:pointer; height:14px; margin-top:2px; margin-right:2px; padding-left:2px; padding-right:2px; line-height:14px; } 
.modalPopup .popBody p { margin:36px; font-size:12px; color:#000;}
.modalPopup .buttonDiv { text-align:center; height:36px; margin-top:5px;}

.HoverMenu             { border:solid 1px #039; background:#fff; width:110px;
                         background-image:-moz-linear-gradient(top,#FFF,#9cf, #6cf) ;}
.HoverMenu .title      { background:#33c;color:#fff;text-align:center; line-height:20px; height:20px; font-size:13px; text-indent:0px;}                      
.HoverMenu  a          { display:block; width:100%; background:transparent; height:18px; color:#006;
                         line-height:18px; text-align:left; text-indent:10px; text-decoration:none;}
.HoverMenu  a:hover    { background:#33f; color:#fff;}

.infoBack            { border:solid 1px #A6A6A6; background-color:#eff;}

.wxLogin             { width:800px; background:#319AFF url(back/wxLogin.jpg) 50% 100% no-repeat; font-size:12px;}
#wrapperTest { width: 120px; } /* FireFox */ 
*html #wrapperTest { width: 80px;} /* ie6 fixed */ 
*+html #wrapperTest { width: 60px;} /* ie7 fixed, 注意顺序 */ 
                       

