*{ margin:0; padding:0; font-family:微软雅黑; font-size:12px;}
li{ list-style:none;}
.panel1 .join,.panel1 .join.on,.panel3 .buy,.panel3 .buy:hover,.panel3 input,.panel3 input.on,.panel5 .open,.panel5 .open.on{background:url('../images/btn.gif');}

body{background:url('../images/bg.jpg') repeat-x;}
.content{ width:960px; margin:0 auto;}

.panel1{ background:url('../images/bg_01.gif'); width:100%; height:179px;}
.panel1 .msg{ float: left;font-size: 16px;font-weight: bold;margin: 25px 0 0 230px;text-align: center;width: 215px; display:inline;}
.panel1 .msg span{font-size: 16px;font-weight: bold;}
.panel1 .right{background:url('../images/right.png'); width:241px; height:164px; float:right;*background:none;FILTER:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/template/20121121/images/right.png'); cursor:pointer;}
.panel1 .join{background-position: -11px -10px; width:71px; height:20px;margin: 95px 0 0 170px; border:none; cursor:pointer; z-index:10;}
.panel1 .join.on{background-position: -92px -10px;}

.panel2{ background:url('../images/bg_02.gif'); width:100%; height:125px;}
.panel3{ background:url('../images/bg_03.jpg'); width:100%; height:106px;overflow: hidden;}
.panel3 .left{ float: left;height: 100%;margin-left: 160px;padding: 82px 0 0 25px;width: 120px; display:inline;}
.panel3 .left .buy{ display:block; width:65px;height:23px; background-position:-217px -11px;}
.panel3 .left .buy:hover{background-position:-217px -37px;}
.panel3 .middle{float: left;height: 100%;}
.panel3 .nologin{padding: 36px 0 0 20px;}
.panel3 .nologin span{ font-size:20px; color:White; float:left;}
.panel3 .nologin .tx{ background-position:-11px -79px; width:115px; height:26px; line-height:26px; border:none; float:left; margin:0 10px;padding: 0 5px;}
.panel3 .nologin .bt{background-position:-11px -111px; width:83px; height:26px; cursor:pointer; }
.panel3 .nologin .bt.on{ background-position:-102px -111px;}
.panel3 .login{padding: 10px 0 0 5px;}
.panel3 .login p,.panel3 .login p span{font-size:20px; color:White; text-align:center;}
.panel3 .login p b,.panel3 .login p b span{ font-size:26px; color:#ffe400;}
.panel3 .login input{background-position:-11px -47px; width:83px; height:26px; cursor:pointer; border:none; margin-left: 15px; }
.panel3 .login input.on{ background-position:-104px -47px;}


.panel4{ background:url('../images/bg_04.jpg'); width:100%; height:168px;}
.panel5{ background:url('../images/bg_05.jpg'); width:100%; height:158px;}
.panel5 .open{background-position: -10px -147px;cursor: pointer;float: left;height: 46px;margin: 5px -20px 0 235px;width: 150px; display:inline;}
.panel5 .open.on{background-position: -10px -197px;}

.panel6{ background:url('../images/bg_06.jpg'); width:100%; height:252px;}
.panel6 .list{height: 190px;overflow: hidden;padding: 10px 0 0 625px;}
.panel6 .list ul li{ font-size:14px; line-height:24px; color:#fffb00;}

.panel7{ background:url('../images/bg_07.jpg') no-repeat; width:100%; height:157px;overflow: hidden;padding: 55px 0 0 115px;}
.panel7 p{ color:#ffd8ac; font-weight:bold; line-height:20px;width: 780px;}
.panel7 p b{ color:#fffb00;}


./*弹出框*/
.weedialog {width: 500px; color: #000;border: 1px solid #2d8bd3}
.weedialog a:link {color: #005eac; text-decoration: none}
.weedialog a:visited {color: #005eac; text-decoration: none}
.weedialog a:hover {color: #ff6600; text-decoration: underline}
.weedialog .dialog-header {position: relative; height:35px; cursor: move; }
.weedialog .dialog-tc {width: 378px; height:35px;  font-weight: bold; }
.dialog-mask{background-color:#000;filter:alpha(opacity=30);height:100%;_height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');left: 0px;-moz-opacity: 0.3;opacity: 0.3;position: fixed;_position: absolute;top: 0px;width:100%;z-index:100}.waitbox{background-color:#FFFFFF;border:1px #2F2F2F solid;color:#000;font-size:12px;height:60px;margin:0 auto;margin-top:20%;width:200px;z-index:110}.waitbox em,.waitbox span{float:left;line-height:36px;margin-left:10px;margin-top:15px;position:relative;z-index:112}
.weedialog .dialog-tc2 {text-align:left; line-height: 35px;height:35px; padding-left:47px; width: 331px; background: url( "../images/tc_bg_top.gif" ); clear: both; font-size: 14px}
.weedialog .dialog-title{ color:White; font-size:16px;}
.weedialog .dialog-content {text-align: left;line-height: 20px; overflow-x: hidden; overflow-y: auto; background-color:White; clear: both;margin-top:-1px; }
.weedialog .dialog-button {clear:both;height:43px;line-height:32px;background:url(../images/tc_bg_bottom.gif);padding-right: 6px;  _padding-right: 2px;}

.weedialog .onlyok{ padding-left:130px;}
.weedialog .dialog-button input{ width:90px; height:26px; margin:8px 20px 10px 0;border:medium none;cursor:pointer;display:inline; background:url(../images/weebox_btn.gif) 0px 0px no-repeat;}


.tip_note{ text-align:center; padding-top:20px; font-size:16px; color:#ff4800;}

 .floatdiv{ height: 28px;left: 50%; margin-left:-14px; position: absolute;top:80%;width:28px;z-index: 200;}  
.overlayBG {background-color:#000;filter:alpha(opacity=50);height:100%;_height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight:document.body.offsetHeight + 'px');left:0px;-moz-opacity:0.5;opacity:0.5;position:fixed;_position:absolute;top:0px;width:100%;z-index:100}

.JQ-slide-content{ height:200px; overflow:hidden;}