@charset 'utf-8';
/* CSS Document */

.body {float: left;
    overflow: hidden;
    width: 1002px;}

.body .left { width:230px; float:left; overflow:hidden;}
.body .right { display: inline;
    float: left;
    margin-left: 11px;
    width: 740px;
    padding:10px;
    padding-top:0;
    display:inline;  
}  

.panel { float:left; width:100%;}
.panel .title { float:left; height:26px; line-height:26px; width:230px; }
.panel .content { background:#F6F4E8; float:left; height:210px; width:228px; border:1px solid #F7D991; border-top:none;  }
.panel .content .selected,
.panel .content .selected a,
.panel .content .selected a:visited { color:#CD7B7D; }
.left .panel .title { cursor:pointer; }

.left .graypanel { width:325px; overflow:hidden; float:left; }
.right .graypanel { width:305px; float:left; }

.path { height:20px; line-height:20px; float:left; }

#tips { width:230px; }
#tips .title { display:block; background:url(//image2-cdn.compass.cn/hmj/skin/orange/images/tips.jpg) no-repeat; width:228px; height:24px; border:1px solid #FA4E28; border-bottom:none; }
#tips .content p { color:#A10707; line-height:200%; font-size:14px; text-indent:0; margin:5px 4px; }

#banks1 { margin-top:10px; }
#banks2 { margin-top:10px; }
#banks1 .title { cursor:auto;background:url(//image2-cdn.compass.cn/hmj/skin/orange/images/banks1.jpg) no-repeat; }
#banks2 .title { cursor:auto;background:url(//image2-cdn.compass.cn/hmj/skin/orange/images/banks2.jpg) no-repeat;}

.banks { width:230px; }
.banks .title { display:block; background:url(//image2-cdn.compass.cn/hmj/skin/orange/images/f-1.jpg) no-repeat; width:228px; height:24px; border:1px solid #F6DA91; border-bottom:none; }
.banks .content { height:auto; border-bottom:none; }
.banks .bank {  float:left;}
.banks .bank .title {
	font-size:12px!important; 
	background:none!important;
	cursor:pointer!important; 
	border:none!important;
	border-bottom:1px solid #F6DA91!important;
	border-top:none;
	position:relative; } 
	
.banks .bank .title span{
	display:block;
	height:24px;
	margin-top:2px;
	text-indent:25px;
	line-height:18px;
}

.banks .bank .content {
	color:#808080;
	border:none;
	border-bottom:1px solid #F6DA91;
	
	padding:4px;
	line-height:150%;
	display:none;
	width:220px;
}
.banks .bank .show { display:block; } 

.bank .ccb span {background:url("//image2-cdn.compass.cn/hmj/media/bank/ccb.gif") no-repeat scroll 4px 1px transparent}
.bank .aboc span {background:url("//image2-cdn.compass.cn/hmj/media/bank/aboc.gif") no-repeat scroll 4px 1px transparent}
.bank .icbc span {background:url("//image2-cdn.compass.cn/hmj/media/bank/icbc.gif") no-repeat scroll 4px 1px transparent}
.bank .cmb span {background:url("//image2-cdn.compass.cn/hmj/media/bank/cmb.gif") no-repeat scroll 4px 1px transparent}
.bank .boc span {background:url("//image2-cdn.compass.cn/hmj/media/bank/boc.gif") no-repeat scroll 4px 1px transparent}
.bank .spdb span {background:url("//image2-cdn.compass.cn/hmj/media/bank/spdb.gif") no-repeat scroll 4px 1px transparent}
.bank .hx span {background:url("//image2-cdn.compass.cn/hmj/media/bank/hx.gif") no-repeat scroll 4px 1px transparent}
.bank .gdb span {background:url("//image2-cdn.compass.cn/hmj/media/bank/gdb.gif") no-repeat scroll 4px 1px transparent}
.bank .citic span {background:url("//image2-cdn.compass.cn/hmj/media/bank/citic.gif") no-repeat scroll 4px 1px transparent}
.bank .bocm span {background:url("//image2-cdn.compass.cn/hmj/media/bank/bocm.gif") no-repeat scroll 4px 1px transparent}
.bank .psbc span {background:url("//image2-cdn.compass.cn/hmj/media/bank/psbc.gif") no-repeat scroll 4px 1px transparent}
.bank .fib span {background:url("//image2-cdn.compass.cn/hmj/media/bank/fib.gif") no-repeat scroll 4px 1px transparent}
.bank .ceb span {background:url("//image2-cdn.compass.cn/hmj/media/bank/ceb.gif") no-repeat scroll 4px 1px transparent}
.bank .pingan span {background:url("//image2-cdn.compass.cn/hmj/media/bank/pingan.gif") no-repeat scroll 4px 1px transparent}
.bank .bobj span {background:url("//image2-cdn.compass.cn/hmj/media/bank/bobj.gif") no-repeat scroll 4px 1px transparent}
.bank .cmbc span {background:url("//image2-cdn.compass.cn/hmj/media/bank/cmbc.gif") no-repeat scroll 4px 1px transparent}
.bank .alipay span {background:url("//image2-cdn.compass.cn/hmj/media/bank/alipay.gif") no-repeat scroll 4px 1px transparent}

#products { width: 717px; padding-bottom:20px; float:left; overflow:hidden; border:1px solid #F9BA59; background-color:#F4F2E6;  padding:15px; }
#sproduct .title { font-size:16px; font-weight:bold; text-align:center; height:42px; line-height:42px; }
#sproduct .content { width:687px; font-size:14px; line-height:28px; }

.product {margin:15px; position:relative; margin-bottom:0; width:657px; float:left; display:inline; }
.product .picture {  float:left; width:198px; height:207px; padding-bottom:10px; padding-right:10px;}
.product .picture img { width:176px; height:207px; margin-left:10px; display:inline;}
.product .intro {  float: right; font-size: 14px; line-height: 24px; display: inline;  width: 340px; }
.product .price { font-size:26px; font-weight:bold; color:red; font-family:'verdana'}
.product .price2 { font-size:14px; font-weight:bold; color:red; font-family:'verdana'}
.product .operate { display: inline; float: right; height: 35px; line-height: 35px; margin-top:5px; width: 340px; }
.product .detail {  float:left; width:637px; padding:10px; }
.product .detail h1 { font-size:14px; color:#ff9900; padding:5px 0 10px 0;  }
.product .detail p { text-indent:0; font-size:14px; line-height:150%; }
    
#products .bt_buy,
#products .bt_buy a { width:79px; height:33px; background:url(//image2-cdn.compass.cn/hmj/skin/orange/images/buttons.jpg) no-repeat; border:none; cursor:pointer;}
#products .bt_buy:hover { background:url(//image2-cdn.compass.cn/hmj/skin/orange/images/buttons.jpg) 0 -35px no-repeat; }

#products .bt_download,
#products .bt_download a { background: url("//image2-cdn.compass.cn/hmj/skin/orange/images/buttons.jpg") no-repeat scroll -79px 0 transparent; border: medium none; cursor: pointer; display: block; height: 35px; width: 97px;}
#products .bt_download:hover {background:url(//image2-cdn.compass.cn/hmj/skin/orange/images/buttons.jpg) -79px -35px no-repeat;}

#products .bt_downtry,
#products .bt_downtry a { background: url("//image2-cdn.compass.cn/hmj/skin/orange/images/buttons.jpg") no-repeat scroll -176px 0 transparent; border: medium none; cursor: pointer; display: block; height: 35px; width: 97px;}
#products .bt_downtry:hover {background:url(//image2-cdn.compass.cn/hmj/skin/orange/images/buttons.jpg) -176px -35px no-repeat;}