/* CSS Document Author tianzs*/
#box{
width:960px;
text-align:center;
}
#topAd{
width:960px;
height:35px;
background:#ff9966;
}
#head{
width:960px;
height:125px;
}
#top{
margin:10px 0 0 0;
width:960px;
height:390px;
}
#topLeft{
float:left;
width:250px;
height:390px;
}
#topRight{
float:left;
margin:0 0 0 10px;
width:700px;
height:390px;
}
#topLeft #notice{
width:248px;
height:23px;
border:1px solid #a0d5fe;
}
#fastShannel{
margin:5px 0 0 0;
padding:5px;
width:238px;
height:219px;
border:1px solid #a0d5fe;
background:#fff;
}
#buyInfo{
margin:10px 0 0 0;
width:250px;
height:120px;
}
#topRight{
float:left;
margin:0 0 0 10px;
width:700px;
height:390px;
}
#tR_top{
width:700px;
height:220px;
}
#focusPic{
float:left;
width:450px;
height:200px;
padding:9px;
background:#dbedff;
border:1px solid #9bd3fe;
}
#serviceInfo{
float:left;
margin:0 0 0 10px;
width:220px;
height:220px;
}
#newInfo{
margin:10px 0 0 0;
width:698px;
height:28px;
border:1px solid #9bd3fe;
background:#dbedff;
}
#tR_bottom{
margin:10px 0 0 0;
width:700px;
height:120px;
}
#tR_bottom #registerFlow{
float:left;
width:470px;
height:120px;
}
#tR_bottom #eMarketing{
float:left;
margin:0 0 0 10px;
width:220px;
height:120px;
}
#main{
margin:10px 0 0 0;
width:960px;
height:780px;
}
#mainLeft{
float:left;
width:250px;
height:780px;
}
#proKind{
width:250px;
height:420px;
}
#proReport{
margin:10px 0 0 0;
width:250px;
height:190px;
}
#mainRight{
float:left;
margin:0 0 0 10px;
width:700px;
height:780px;
}
#startShop{
width:700px;
height:160px;
}
#recommendShop{
margin:10px 0 0 0;
width:700px;
height:150px;
}
#suceesShop{
margin:10px 0 0 0;
width:700px;
height:180px;
}
#freeShop{
margin:10px 0 0 0;
width:700px;
height:160px;
}
#help{
margin:10px 0 0 0;
width:960px;
height:140px;
}
#frLink{
margin:10px 0 0 0;
}
#footer{
margin:10px 0;
width:960px;
}
/*                             layout                               */
#hM_userInfo .hM_uI_btn ul li a{
background:url(../../../Image/Main/Common/IndexBg.png) -280px 0 no-repeat;
}
#hM_userInfo .hM_uI_btn ul li a:hover{
background:url(../../../Image/Main/Common/IndexBg.png) -360px 0 no-repeat;
}
#hM_nav ul li .curr{
position:absolute;
height:35px;
background:url(../../../Image/Main/Common/IndexBg.png) -280px -30px no-repeat;
margin:-2px 0;
}
#hM_nav ul li .curr:hover{
position:absolute;
height:35px;
background:url(../../../Image/Main/Common/IndexBg.png) -280px -30px no-repeat;
margin:-2px 0;
}
#searchBox{
background:url(../../../Image/Main/Common/IndexBg.png) 0 -65px no-repeat;
}
#searchBox span{
background:url(../../../Image/Main/Common/IndexBg.png) right -100px no-repeat;
}

#topLeft #notice{
background:url(../../../Image/Main/Common/IndexBg.png) 0 -136px no-repeat #fff;
}
#notice h4{
float:left;
width:40px;
height:23px;
text-align:left;
padding:0 0 0 30px;
line-height:25px;
background:url(../../../Image/Common/Icon.png) 8px -55px no-repeat;
font-size:14px;
font-weight:bold;
color:#1959a9;
}
#notice ul{
float:left;
width:178px;
}
#notice ul li{
width:170px;
padding:0 4px;
text-align:left;
display:block;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
height:25px;
line-height:25px;
font-size:12px;
}
#fastShannel .fS_head{
width:208px;
height:25px;
padding:0 0 0 30px;
text-align:left;
line-height:30px;
color:#1959a9;
font-size:14px;
font-weight:bold;
}
#fastShannel #fS_head1{
background:url(../../../Image/Common/Icon.png) 6px -110px no-repeat #dbedff;
}
#fastShannel #fS_head2{
background:url(../../../Image/Common/Icon.png) 6px -140px no-repeat #dbedff;
}
#fastShannel #fS_head3{
background:url(../../../Image/Common/Icon.png) 6px -170px no-repeat #dbedff;
}
#fastShannel .fS_conn{
width:238px;
}
#fS_conn1 ul li{
height:25px;
padding:0 0 0 10px;
background:url(../../../Image/Common/Line.png) 4px -26px no-repeat;
text-align:left;
font-size:12px;
line-height:25px;
}
#fS_conn1 ul li span{
float:left;
}
#fS_conn1 ul li .normal{
float:left;
padding:0 0 0 25px;
background:url(../../../Image/Common/Icon.png) 2px -678px no-repeat;
}
#fS_conn1 ul li .senior{
float:left;
padding:0 0 0 25px;
background:url(../../../Image/Common/Icon.png) 2px -698px no-repeat;
}
#fS_conn2 ul li{
float:left;
height:30px;
padding:0 4px 0 10px;
background:url(../../../Image/Common/Line.png) 4px -23px no-repeat;
text-align:left;
font-size:12px;
line-height:30px;
}
#fS_conn3 ul li{
float:left;
width:48px;
height:30px;
padding:0 4px 0 26px;
text-align:left;
font-size:12px;
line-height:30px;
}
#fS_conn3 ul .li1{
background:url(../../../Image/Common/Icon.png) 2px -260px no-repeat;
}
#fS_conn3 ul .li2{
background:url(../../../Image/Common/Icon.png) 2px -290px no-repeat;
}
#fS_conn3 ul .li3{
background:url(../../../Image/Common/Icon.png) 2px -320px no-repeat;
}
#fS_conn3 ul .li4{
background:url(../../../Image/Common/Icon.png) 2px -350px no-repeat;
}
#fS_conn3 ul .li5{
background:url(../../../Image/Common/Icon.png) 2px -380px no-repeat;
}
#fS_conn3 ul .li6{
background:url(../../../Image/Common/Icon.png) 2px -410px no-repeat;
}
#buyInfo .mConn1{
width:248px;
height:80px;
padding:5px 0 3px 0;
}
#buyInfo .mConn1 ul li{
width:228px;
height:20px;
padding:0 10px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
line-height:20px;
text-align:left;
font-size:12px;
}
#focusPic{
text-align:left;
}
#focusPic .fP_image{
width:450px;
height:200px;
}
#focusPic .fP_bar{
position:absolute;
width:120px;
_margin:-30px 0 0 -125px;
*margin:-30px 0 0 -125px;
margin:-30px 0 0 325px;
}
#focusPic .fP_bar a{
float:right;
margin:1px 5px 0 0;
width:16px;
height:16px;
background:#fff;
border:1px solid #478bca;
text-align:center;
line-height:18px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#478bca;
}
#focusPic .fP_bar .curr{
margin:0 5px 0 0;
width:18px;
height:18px;
border:1px solid #fff;
background:#478bca;
text-align:center;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#fff;
}
#serviceInfo .serviceInfo_head{
width:170px;
height:39px;
background:url(../../../Image/Main/Common/IndexBg.png) -450px 0 no-repeat;
text-align:left;
padding:0 0 0 50px;
white-space:nowrap;
text-overflow:ellipsis;
line-height:40px;
font-size:14px;
color:#fff;
font-weight:bold;
}
#serviceInfo .serviceInfo_conn{
width:218px;
height:180px;
border:1px solid #9bd3fe;
border-top:0;
}
#serviceInfo  .sI_cHead{
width:168px;
height:29px;
border-top:1px solid #9bd3fe;
padding:0 10px 0 40px;
}
#serviceInfo #sI_cHead1{
background:url(../../../Image/Common/Icon.png) 10px -440px no-repeat #dbedff;
}
#serviceInfo #sI_cHead2{
background:url(../../../Image/Common/Icon.png) 10px -470px no-repeat #dbedff;
}
#serviceInfo #sI_cHead3{
background:url(../../../Image/Common/Icon.png) 10px -500px no-repeat #dbedff;
}
#serviceInfo .sI_cHead h4{
float:left;
text-align:left;
line-height:30px;
font-size:14px;
font-weight:bold;
color:#1959a9;
cursor:pointer;
width:60px;
}
#serviceInfo .sI_cHead span{
float:right;
width:100px;
text-align:right;
line-height:30px;
font-size:12px;
}
#serviceInfo .sI_cConn{
width:153px;
height:80px;
border-top:1px solid #9bd3fe;
padding:5px 5px 5px 60px;
}
#serviceInfo .sI_cConn p{
font-size:12px;
color:#333;
line-height:20px;
}
#serviceInfo .sI_cConn span{
float:right;
height:17px;
background:url(../../../Image/Main/Common/IndexBg.png) right -40px no-repeat;
}
#serviceInfo .sI_cConn span a{
float:left;
height:17px;
padding:0 5px;
width:90%;
background:url(../../../Image/Main/Common/IndexBg.png) left -245px no-repeat;
font-size:12px;
line-height:18px;
}
#serviceInfo #sI_cConn1{
display:none;
background:url(../../../Image/Main/Common/IndexBg.png) -625px -140px no-repeat #fff;
}
#serviceInfo #sI_cConn2{
display:block;
background:url(../../../Image/Main/Common/IndexBg.png) -625px -240px no-repeat #fff;
}
#serviceInfo #sI_cConn3{
display:none;
background:url(../../../Image/Main/Common/IndexBg.png) -625px -330px no-repeat #fff;
}
#newInfo span{overflow:hidden;}
#newInfo .todayJoin{
float:left;
width:150px;
}
#newInfo .latestJoin{
float:left;
width:160px;
}
#newInfo .otherInfo{
float:right;
width:380px;
}
#newInfo .todayJoin h4{
float:left;
padding:0 0 0 10px;
line-height:30px;
color:#ff6600;
font-size:12px;
}
#newInfo .todayJoin span{
float:left;
width:40px;
line-height:30px;
color:#1959a9;
font-size:12px;
}
#newInfo .latestJoin h4{
float:left;
padding:0 0 0 5px;
line-height:30px;
color:#ff6600;
font-size:12px;
}
#newInfo .latestJoin span{
float:left;
width:90px;
text-align:left;
line-height:30px;
color:#1959a9;
font-size:12px;
}
#newInfo .otherInfo h4{
float:left;
padding:0 0 0 5px;
line-height:30px;
color:#1959a9;
font-size:12px;
}
#newInfo .otherInfo span{
float:left;
width:45px;
line-height:30px;
color:#333;
font-size:12px;
}
#tR_bottom #registerFlow_conn{
width:450px;
height:auto;
}
#tR_bottom #registerFlow_conn .rF_conn{
float:left;
width:150px;
height:80px;
}
#tR_bottom #rF_conn1{
background:url(../../../Image/Main/Common/IndexBg.png) -290px -140px no-repeat #fff;
}
#tR_bottom #rF_conn2{
background:url(../../../Image/Main/Common/IndexBg.png) -290px -230px no-repeat #fff;
}
#tR_bottom #rF_conn3{
background:url(../../../Image/Main/Common/IndexBg.png) -290px -320px no-repeat #fff;
}
#tR_bottom .rF_conn p{
margin:0 0 0 40px;
height:60px;
line-height:20px;
overflow:hidden;
font-size:12px;
}
#tR_bottom .rF_conn span{
display:block;
width:150px;
height:20px;
overflow:hidden;
white-space:nowrap;
line-height:20px;
font-size:13px;
font-weight:bold;
color:#ff6600;
}
#eMarketing_conn{
height:80px;
}
#eMarketing_conn ul{
width:200px;
}
#eMarketing_conn ul li{
width:190px;
height:20px;
padding:0 0 0 10px;
background:url(../../../Image/Common/Line.png) 0 -66px no-repeat;
text-align:left;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:12px;
line-height:20px;
}
#proKind .mConn1{
width:240px;
padding:4px 4px 0 4px;
}
#proKind .mConn1 .pKind_head{
width:208px;
height:25px;
padding:0 0 0 30px;
text-align:left;
line-height:30px;
color:#1959a9;
font-size:14px;
font-weight:bold;
}
#proKind #pKind_head1{
background:url(../../../Image/Common/Icon.png) 6px -532px no-repeat #dbedff;
}
#proKind #pKind_head2{
background:url(../../../Image/Common/Icon.png) 6px -562px no-repeat #dbedff;
}
#proKind #pKind_head3{
background:url(../../../Image/Common/Icon.png) 6px -592px no-repeat #dbedff;
}
#proKind #pKind_head4{
background:url(../../../Image/Common/Icon.png) 6px -622px no-repeat #dbedff;
}
#proKind .pKind_conn{
padding:5px;
text-align:left;
line-height:22px;
font-size:12px;
}
#shopDoor{
width:230px;
height:25px;
padding:0 10px 0 0;
text-align:right;
line-height:25px;
background:#e3ffdb;
font-size:12px;
}
#proReport ul{
padding:9px 9px 4px 9px;
}
#proReport ul li{
text-align:left;
width:220px;
height:20px;
padding:0 0 0 10px;
background:url(../../../Image/Common/Line.png) 0 -66px no-repeat;
line-height:20px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
font-size:12px;
}
#proReport ul .first{
width:230px;
height:64px;
overflow:visible;
white-space:normal;
padding:0 0 2px 0;
background:none;
}
#proReport ul li span{
float:left;
width:135px;
overflow:hidden;
text-align:left;
}
#proReport ul li .pic{
width:80px;
margin:0 10px 0 0;
}
#proReport ul li .pic img{
width:80px;
height:60px;
}
.leftAd{
margin:10px 0 0 0;
width:250px;
height:70px;
background:#ccc;
}
.rightAd{
margin:10px 0 0 0;
width:700px;
height:90px;
background:#ccc;
}
#starShop .mConn2{
padding:9px;
height:110px;
}
#starShop #LeftCtrlBar{
float:left;
width:15px;
height:110px;
}
#starShop #LeftCtrlBar a{
display:block;
width:13px;
height:108px;
border:1px solid #9bd3fe;
background:url(../../../Image/Common/Line.png) -15px -110px no-repeat #dbedff;
}
#starShop .mConn2 #LeftCtrlBar a:hover{
background:url(../../../Image/Common/Line.png) -15px -330px no-repeat #dbedff;
text-decoration:none;
}
#starShop .mConn2 #starShopBox{
float:left;
width:650px;
height:110px;
}
#starShop .starShopMoudle{
float:left;
width:120px;
height:110px;
padding:0 5px;
}
#starShop .starShopMoudle span{
display:block;
width:120px;
height:36px;
line-height:18px;
overflow:hidden;
font-size:12px;
}
#starShop .starShopMoudle .pic{
width:120px;
height:70px;
overflow:hidden;
}
#starShop .mConn2 #RightCtrlBar{
float:left;
width:15px;
height:110px;
}
#starShop .mConn2 #RightCtrlBar a{
display:block;
width:13px;
height:108px;
border:1px solid #9bd3fe;
background:url(../../../Image/Common/Line.png) -15px -220px no-repeat #dbedff;
}
#starShop .mConn2 #RightCtrlBar a:hover{
background:url(../../../Image/Common/Line.png) -15px -440px no-repeat #dbedff;
text-decoration:none;
}
#recommendShop .mConn2{
width:680px;
height:100px;
padding:9px;
}
#recommendShop .mConn2 ul li{
float:left;
width:320px;
height:20px;
padding:0 0 0 5px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:20px;
text-align:left;
font-size:12px;
}
#suceesShop .mConn2{
width:680px;
height:140px;
padding:4px 9px;
}
#succesExample{
float:left;
width:419px;
height:140px;
border-right:1px dotted #ccc;
}
#succesExample #succesExampleInfo{
width:419px;
height:120px;
}
#succesExample #succesExampleInfo span{
float:left;
width:200px;
}
#succesExample #succesExampleInfo span h4{
display:block;
width:200px;
height:20px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
font-size:13px;
color:#333;
}
#succesExample #succesExampleInfo span p{
padding:0 0 0 4px;
line-height:20px;
text-indent:24px;
font-size:12px;
}
#succesExampleInfo span h4 a,#succesExampleInfo span p a{color:#333}
#succesExampleInfo span h4 a:hover,#succesExampleInfo span p a:hover{color:#f60}
#succesExample #succesExampleInfo .line_pic{
width:210px;
}
#succesExample #succesExampleInfo .line_pic h4{
width:210px;
height:20px;
padding:0;
line-height:20px;
font-size:12px;
color:#999;
}
#succesExample #succesExampleData{
width:419px;
height:20px;
}
#succesExample #succesExampleData span{
float:left;
padding:0 0 0 25px;
line-height:20px;
font-size:12px;
color:#333;
}
#succesExample #succesExampleData span font{
font-size:12px;
line-height:20px;
color:#ff6600;
}
#succesExample #succesExampleData1{
background:url(../../../Image/Common/Icon.png) 2px -655px no-repeat;
}
#succesExample #succesExampleData2{
background:url(../../../Image/Common/Icon.png) 2px -295px no-repeat;
}
#succesExample #succesExampleData3{
background:url(../../../Image/Common/Icon.png) 2px -265px no-repeat;
}
#succesShopList{
float:left;
width:260px;
}
#succesShopList ul li{
width:240px;
height:23px;
padding:0 0 0 20px;
background:url(../../../Image/Common/Line.png) 12px -65px no-repeat;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
line-height:23px;
text-align:left;
font-size:12px;
}
#freeShop .mConn2{
width:680px;
height:121px;
}
#freeShop .mConn2 .freeShopList{
float:left;
width:540px;
height:120px;
}
#freeShop .mConn2 ul li{
float:left;
width:260px;
height:24px;
padding:0 0 0 10px;
background:url(../../../Image/Common/Line.png) 2px -65px no-repeat;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:left;
line-height:24px;
font-size:12px;
}
#freeShop .mConn2 span{
float:right;
width:130px;
height:110px;
}
#helpTitle{
float:left;
width:88px;
height:28px;
border:1px solid #9bd3fe;
background:url(../../../Image/Main/Common/IndexBg.png) 0 -265px no-repeat #ecf6ff;
padding:110px 0 0 0;
line-height:30px;
font-size:14px;
font-weight:bold;
}
#helpConn{
float:left;
width:868px;
height:138px;
border:1px solid #9bd3fe;
border-left:0;
background:#ecf6ff;
}
#helpConn table,#helpConn table th,#helpConn table td{
border:0;
border-collapse:collapse;
vertical-align:top;
}
#helpConn table th{
width:124px;
height:30px;
padding:0 0 0 20px;
line-height:30px;
text-align:left;
font-size:14px;
color:#666;
}
#helpConn table td ul li{
width:124px;
height:21px;
padding:0 0 0 20px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
background:url(../../../Image/Common/Line.png) 12px -66px no-repeat;
text-align:left;
line-height:21px;
font-size:12px;
}
#helpConn table td ul li a{
color:#666;
}
#frLink .more{
width:60px;
}
#buyInfo li a,#eMarketing_conn li a,#proReport li a,.starShopMoudle span a,#recommendShop .mConn2 li a,#succesShopList li a,.freeShopList li a{
color:#333;
}
#buyInfo li a:hover,#eMarketing_conn li a:hover,#proReport li a:hover,.starShopMoudle span a:hover,#recommendShop .mConn2 li a:hover,#succesShopList li a:hover,.freeShopList li a:hover{
color:#ff6600;
}
#proReport li.first a{
color:#1959a9;
}