jquery机选彩票随机滚动js代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是 jquery机选彩票随机滚动js代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery机选彩票随机滚动</title>
<style type="text/css"> 
*{ margin:0; padding:0;}
body { font:12px/1.8 Arial; color:#666;}
ul,li{ list-style:none;}
h1.tit-h1 { font-size:38px; text-align:center; margin:30px 0 15px; color:#f60;}
.go-back{ text-align:center; border-top:1px dashed #ccc; padding:10px; margin-top:20px; font-size:40px;}
.wrap{border:1px dashed #ccc; background:#f8f8f8; padding:20px;}

@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,i{font-style:normal;}
fieldset,img{border:0;}
ul,ol{list-style:none;}
a{text-decoration:none;outline:none;}
a:hover{color:#f60;text-decoration:underline;}
.clear{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
button,input,select,textarea{font-size:100%;outline:none}
table{border-collapse:collapse;border-spacing:0;}
.hide{display:none;}
.l{float:left;}
.r{float:right;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{zoom:1;}
.sn_buy_lottery_box{position:relative;}
.sn_buy_box{position:relative;border:1px solid #D1D8E0;margin-top:-1px;}
.sn_buy_lottery_box .buy_tag{position:relative;z-index:10;}
.sn_buy_lottery_box .buy_tag li{float:left;width:74px;height:29px;line-height:29px;margin-right:5px;text-align:center;font-size:14px;cursor:pointer;border:1px solid #D1D8E0;background:#F1F1F1;}
.sn_buy_lottery_box .buy_tag li.cur{background:#fff;border-bottom:1px solid #fff;}
.sn_buy_lottery_box s.line{position:absolute;top:30px;left:0;width:1px;overflow:hidden;background:#c9c9c9;height:10px;z-index:11;}

</style> 
<link href="newLottery.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="inputmail.js"></script>
</head>
<body>

<h1 class="tit-h1">jquery机选彩票随机滚动</h1> 

<div class="wrap">

<!-- 新增开发模块开始 -->
<div class="sn_buy_lottery_box">
  <ul class="buy_tag fix" id="buy_tag">
    <li class="cur">双色球</li>
    <li>大乐透</li>
    <li>11选5</li>
  </ul>
  <div class="sn_buy_box_tabbox fix" id="sn_buy_box">
  <div class="sn_buy_box ssq_buy_box">
    <div class="buy_type_title_index fix">
      <h3>双色球</h3>
      <div class="info">
          <p class="f14">第<span class="bold">201206</span>期</p>
          <p class="gray">离截止时间还有：<span id="ssq_time">1天20小时32分59秒</span></p>
      </div>
    </div>
    <div class="buy_type_choose_red gray">
      [红球]从1-33中选6个不重复的整数
      <span class="arrow"></span>
    </div>
    <div class="buy_type_choose_blue gray">
      [蓝球]从1-16中选一个整数
      <span class="arrow"></span>
    </div>
    <div id="ssq_choose" class="buy_type_index_ball cl fix">
      <input type="text" class="redball" value="00" />
      <input type="text" class="redball" value="00" />
      <input type="text" class="redball" value="00" />
      <input type="text" class="redball" value="00" />
      <input type="text" class="redball" value="00" />
      <input type="text" class="redball" value="00" />
      <input type="text" class="blueball" value="00" />
    </div>
    <div class="cl"></div>
    <div class="buy_type_index_cur_money gray">
      <p>每注<em class="strong">2元</em>，最高奖 <em class="strong">1000万</em></p>
      <p>当前奖池奖金<em class="strong">981,041,268元</em></p>
    </div>
    <div class="buy_type_index_touzhu">
      <a href="#" class="touzhu_now">立即投注</a>
      <p class="touzhu_btn fix"><a href="###" id="ssq_random"><span>机选一注</span></a><a id="ssq_clean" class="last" href="###"><span>清空</span></a></p>
      <p><a href="#">怎么玩</a> | <a href="#">多投几注</a></p>
    </div>
    <div class="buy_type_index_help">
      <p class="zoushi"><s></s>走势图</p>
      <p class="wanfa"><s></s>玩法说明</p>
    </div>

  </div>
  <div class="sn_buy_box dlt_buy_box hide">
    <div class="buy_type_title_index fix">
      <h3>大乐透</h3>
      <p class="three_time">一次彩票兑三次</p>
      <div class="info">
          <p class="f14">第<span class="bold">201206</span>期</p>
          <p class="gray">离截止时间还有：<span id="dlt_time">1天20小时32分59秒</span></p>
      </div>
    </div>
    <div class="buy_type_choose_red gray">
      [红球]从1-33中选6个不重复的整数
      <span class="arrow"></span>
    </div>
    <div class="buy_type_choose_blue gray" style="padding-rgiht:40px;">
      [蓝球]从1-16中选一个整数
      <span class="arrow"></span>
    </div>
    <div id="dlt_choose" class="buy_type_index_ball cl fix">
      <input type="text" class="redball" value="00" />
      <input type="text" class="redball" value="00" />
      <input type="text" class="redball" value="00" />
      <input type="text" class="redball" value="00" />
      <input type="text" class="redball" value="00" />
      <input type="text" class="blueball" value="00"/>
      <input type="text" class="blueball" value="00" />
    </div>
    <div class="cl"></div>
    <div class="buy_type_index_cur_money gray">
      <p>每注<em class="strong">2元</em>，最高奖 <em class="strong">1000万</em></p>
      <p>当前奖池奖金<em class="strong">981,041,268元</em></p>
    </div>
    <div class="buy_type_index_touzhu">
      <a href="#" class="touzhu_now">立即投注</a>
      <p class="touzhu_btn fix"><a href="###" id="dlt_random"><span>机选一注</span></a><a id="dlt_clean" class="last" href="###"><span>清空</span></a></p>
      <p><a href="#">怎么玩</a> | <a href="#">多投几注</a></p>
    </div>
    <div class="buy_type_index_help">
      <p class="zoushi"><s></s>走势图</p>
      <p class="wanfa"><s></s>玩法说明</p>
    </div>

  </div>
  <div class="sn_buy_box ssxw_buy_box hide">
    <div class="buy_type_title_index fix">
      <h3>11选5</h3>
      <div class="info">
          <p class="f14">第<span class="bold">201206</span>期</p>
          <p class="gray">离截止时间还有：<span id="ssxw_time">1天20小时32分59秒</span></p>
      </div>
    </div>
    <div class="buy_type_choose_red gray">
      从01-11中选3个不重复的整数 <a href="#">详细玩法</a>
      <span class="arrow"></span>
    </div>
    <div id="ssxw_choose_ball">
      <div id="ssxw_choose3" class="buy_type_index_ball cl fix">
        <input type="text" class="redball" value="00" />
        <input type="text" class="redball" value="00" />
        <input type="text" class="redball" value="00" />
      </div>
      <div id="ssxw_choose5" class="buy_type_index_ball cl fix hide">
        <input type="text" class="redball" value="00" />
        <input type="text" class="redball" value="00" />
        <input type="text" class="redball" value="00" />
        <input type="text" class="redball" value="00" />
        <input type="text" class="redball" value="00" />
      </div>
      <div id="ssxw_choose03" class="buy_type_index_ball cl fix hide">
        <input type="text" class="redball" value="00" />
        <input type="text" class="redball" value="00" />
        <input type="text" class="redball" value="00" />
      </div>
    </div>
    <div class="cl"></div>
    <div class="buy_type_index_cur_money gray">
      <p>返奖率<em class="strong">59%</em>，每天<em class="strong">78期</em><a id="ssxw_clean" class="buttonA last" href="###"><span>清空</span></a></p>
    </div>
    <div class="buy_type_index_touzhu">
      <a href="#" class="touzhu_now">立即投注</a><a href="#" class="more_touzhu">追号5期</a>
      <div class="cl"></div>
      <p class="touzhu_btn fix"><a href="###" id="ssxw_random"><span>机选一注</span></a><a class="last" href="###"><span>多投几注</span></a></p>
    </div>
    <div class="buy_type_index_help">
      <ul id="sswx_buy_tag" class="ssxw_buy_tag fix">
        <li class="cur">任选三<s class="arrow"></s></li>
        <li>任选五<s class="arrow"></s></li>
        <li>前三直选<s class="arrow"></s></li>
      </ul>
    </div>
  </div>
  </div>
<s class="line"></s>
</div>
<!-- 新增开发模块结束 -->

<script type="text/javascript">
/**
 * Code Width jQuery
 * 
 */

/**
* [sn_Lottery_choose description]
* @param  {[type]} elem   [外层box]
* @param  {[type]} numBox [滚动数字box]
* @param  {[type]} count  [最大数字限制]
* @return {[type]}        [function]
*/
var sn_Lottery_choose = function(elem, numBox, count){
  var Num = $(elem);
  var arrBall = [];
  var interval, index, i = 0;
  for(var i = 1; i < count; i++){
    arrBall.push(i);
  }
  arrBall.sort(function(){return (Math.random()<0.5?1:-1)});
  function setNum(){
    Num.find(numBox).each(function(){
      index = arrBall[Math.floor(Math.random() * (count - 1))];
      $(this).val(index);
    });
    i++;
    if( i > count + 15){
      arrBall.sort(function(){return (Math.random()<0.5?1:-1)});
      for(var j = 0; j < Num.find(numBox).length; j++){
        Num.find(numBox).eq(j).val(arrBall[j]);
      }
      return;
    }
    setTimeout(arguments.callee,10);
  }
  
  setNum();
  Num.find(numBox).each(function(){

    $(this).blur(function(){
      if(parseInt($(this).val()) > (count - 1)){
        alert("请输入小于" + (count - 1) + "的数字！")
        $(this).val("");
      }
    });
  });
}

function re_choose_number(redball, blueball){
  sn_Lottery_choose(redball.id, redball.cls, redball.count);
  if(typeof blueball != "object"){return;}
  sn_Lottery_choose(blueball.id, blueball.cls, blueball.count);
}

function clean_choose_number(id){
  $(id).find("input").val("");
}
/**
 * [sn_Tabs description]
 * @param  {[type]} elem     [触发元素]
 * @param  {[type]} box      [选项卡容器]
 * @param  {[type]} boxclass [选项卡对应容器class]
 * @param  {[type]} type     [触发类型]
 * @param  {[type]} more     [是否有更多选项]
 * @return {[type]}          []
 */
function sn_Tabs(elem, box, boxclass, type, more){
  var para = arguments;
  var timeout;
  $(elem).find("li").bind(type, function(){
    var _this = $(this);
    var i = $(this).index();
    timeout = setTimeout(function(){
      _this.addClass("cur").siblings().removeClass("cur");
      $(box).find(boxclass).eq(i).show().siblings().hide();
      if(para.length > 5){
        //sn_Lottery_choose
        var arr = [
          {
            id : "#ssq_choose",
            cls : ".redball",
            count : 34,
            blueball : {
              id : "#ssq_choose",
              cls : ".blueball",
              count : 17

            }
          },
          {
            id : "#dlt_choose",
            cls : ".redball",
            count : 36,
            blueball : {
              id : "#dlt_choose",
              cls : ".blueball",
              count : 13
            }
          },{
            id : "#ssxw_choose_ball",
            cls : ".redball",
            count : 12
          }
        ];
        re_choose_number(arr[i], arr[i].blueball);
        if(i == $(elem).find("li").length - 1){
          sn_Tabs("#sswx_buy_tag", "#ssxw_choose_ball", ".buy_type_index_ball", "mouseover");
        }
      }
      if(box == "#ssxw_choose_ball"){
        //type = false;
        sn_Lottery_choose("#ssxw_choose_ball", ".redball", 12);
      }
    },300);
  });
  
  $(elem).find("li").bind("mouseout", function(){
    clearTimeout(timeout)
  })

  if(box == "#sn_buy_box"){
    sn_Lottery_choose("#ssq_choose", ".redball", 34);
    sn_Lottery_choose("#ssq_choose", ".blueball", 17);
    sn_Lottery_random_clean();
  }

}
function sn_Lottery_random_clean(){
  $("#ssq_random").click(function(){
    sn_Lottery_choose("#ssq_choose", ".redball", 34);
    sn_Lottery_choose("#ssq_choose", ".blueball", 17);
  });
  $("#ssq_clean").click(function(){
    clean_choose_number("#ssq_choose");
  });
  $("#dlt_random").click(function(){
    sn_Lottery_choose("#dlt_choose", ".redball", 36);
    sn_Lottery_choose("#dlt_choose", ".blueball", 13);
  });
  $("#dlt_clean").click(function(){
    clean_choose_number("#dlt_choose");
  });
  $("#ssxw_random").click(function(){
    sn_Lottery_choose("#ssxw_choose_ball", ".redball", 12);
  });
  $("#ssxw_clean").click(function(){
    clean_choose_number("#ssxw_choose_ball");
  });
}

$(function(){
  
  sn_Tabs("#buy_tag", "#sn_buy_box", ".sn_buy_box", "mouseover", 0, 1);

});
</script>
</div>
</body> 
</html>

JS代码(inputmail.js):

// JavaScript Document(function($){
	$.fn.extend({
	"changeTips":function(value){
	value = $.extend({
	divTip:""}
,value)var $this = $(this);
	var indexLi = 0;
	//点击document隐藏下拉层$(document).click(function(event){
	if($(event.target).attr("class") == value.divTip || $(event.target).is("li")){
	var liVal = $(event.target).text();
	$this.val(liVal);
	blus();
}
else{
	blus();
}
}
)//隐藏下拉层function blus(){
	$(value.divTip).hide();
}
//键盘上下执行的函数function keychang(up){
	if(up == "up"){
	if(indexLi == 1){
	indexLi = $(value.divTip).children().length-1;
}
else{
	indexLi--;
}
}
else{
	if(indexLi == $(value.divTip).children().length-1){
	indexLi = 1;
}
else{
	indexLi++;
}
}
$(value.divTip).children().eq(indexLi).addClass("active").siblings().removeClass();
}
//值发生改变时function valChange(){
	var tex = $this.val();
	//输入框的值var fronts = "";
	//存放含有“@”之前的字符串var af = /@/;
	var regMail = new RegExp(tex.substring(tex.indexOf("@")));
	//有“@”之后的字符串,注意正则字面量方法，是不能用变量的。所以这里用的是new方式。//让提示层显示，并对里面的LI遍历if($this.val()==""){
	blus();
}
else{
	$(value.divTip).show().children().each(function(index){
	var valAttr = $(this).attr("email");
	if(index==1){
	$(this).text(tex).addClass("active").siblings().removeClass();
}
//索引值大于1的LI元素进处处理if(index>1){
	//当输入的值有“@”的时候if(af.test(tex)){
	//如果含有“@”就截取输入框这个符号之前的字符串fronts = tex.substring(tex.indexOf("@"),0);
	$(this).text(fronts+valAttr);
	//判断输入的值“@”之后的值，是否含有和LI的email属性if(regMail.test($(this).attr("email"))){
	$(this).show();
}
else{
	if(index>1){
	$(this).hide();
}
}
}
//当输入的值没有“@”的时候else{
	$(this).text(tex+valAttr);
}
}
}
)}
}
//输入框值发生改变的时候执行函数，这里的事件用判断处理浏览器兼容性;
	if($.browser.msie){
	$(this).bind("propertychange",function(){
	valChange();
}
)}
else{
	$(this).bind("input",function(){
	valChange();
}
)}
//鼠标点击和悬停LI$(value.divTip).children().hover(function(){
	indexLi = $(this).index();
	//获取当前鼠标悬停时的LI索引值;
	if($(this).index()!=0){
	$(this).addClass("active").siblings().removeClass();
}
}
)//按键盘的上下移动LI的背景色$this.keydown(function(event){
	if(event.which == 38){
	//向上keychang("up")}
else if(event.which == 40){
	//向下keychang()}
else if(event.which == 13){
	//回车var liVal = $(value.divTip).children().eq(indexLi).text();
	$this.val(liVal);
	blus();
}
}
)}
}
)}
)(jQuery)

CSS代码(newLottery.css):

@charset "utf-8";/*New Lottery Style*/
.mt10{margin-top:10px;}
.fix:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
.fix{_height:1%;*zoom:1;}
.hide{display:none;}
.bold{font-weight:700;}
.f14{font-size:14px;}
.cl{clear:both;}
/**/
.sn_cl{}
.sn_lottery_sidebar{float:left;width:220px;margin-right:12px;}
h2{color:#025EA9;}
.buy-lottery-tickets{height:220px;margin-right:0;border:1px solid #D1D8E0;}
.buy-lottery-tickets .buy-lottery-list li.last{border:0;}
.buy-lottery-tickets .buy-lottery-list li{margin:5px 0;}
.analysis-tools{padding:0 7px;height:329px;}
.chart-title ul li.nrli{color:#025EA9;}
.notice .noticetitle li{width:126px;_width:120px;}
.chart-nr a{text-decoration:none;}
.chart-nr a:hover{text-decoration:underline;}
.database .database-nr dl{margin:0 9px 7px 0;*margin-bottom:-4px;}
.notice .noticetitle li.noticetitle-shu{_width:129px;color:#025EA9;}
.notice .noticetitle li.last{border-right:0;}
.r-latest-lottery{width:253px;float:none;border:1px solid #D1D8E0;}
.r-latest-lottery .latesttitle{width:auto;}
.r-latest-lottery .latestnr{width:auto;}
.r-latest-lottery .latestcom li .latesttilte{width:auto;background:#F4F7FB;}
.r-latest-lottery .latestcom li .latestlist a{padding-right:10px;}
.bet{width:auto;}
.betnr dl dd p a.btn{display:inline;margin-left:68px;}
.notice .notinr li a{color:#3A3A3A;}
.notice .notinr li a:hover{color:#D20609;}
.notice .notinr{padding-top:10px;}
.notice .notinr li{height:23px;line-height:23px;overflow:hidden;vertical-align:middle;}
.notice{height:162px;}
.winner{height:88px;}
.r-latest-lottery .latestcom li .latesttilte a{color:#025EA9;}
.r-latest-lottery .latesttitle ul li.ftz{color:#025ea9;}
.winner .winnlist{height:58px;}
.r-latest-lottery .latestcom li .latestlist span{margin-top:3px;}
.r-latest-lottery .latestcom li .latesttilte span{color:#025EA9;}
#picBox_top{height:154px;}
#picBox_top ul#show_pic_top li{height:154px;overflow:hidden;vertical-align:middle;}
#icon_num_top{background:none;height:17px;right:7px;bottom:7px;left:auto;width:auto;z-index:11;}
#icon_num_top li{width:17px;height:17px;line-height:17px;text-align:center;margin-right:5px;background:#FFE1A1;color:#BC2534;border:none;}
#icon_num_top li:hover,#icon_num_top li.active{background:#F8AB21;}
#show_pic_text{position:absolute;left:0;bottom:0;height:30px;line-height:30px;width:478px;color:#FFDF4F;font-size:14px;text-indent:10px;font-weight:700;}
#show_pic_text .mask{position:absolute;width:478px;height:30px;left:0;background:#333;opacity:0.7;filter:alpha(opacity=70);}
#show_pic_text p{position:absolute;width:478px;height:30px;z-index:10;}
#show_pic_text p a{color:#FFDF4F;}
#show_pic_text p a:hover{color:#FFDF4F;}
#picBox_top ul#show_pic_top li img{vertical-align:top;}
.sn_buy_lottery_box{position:relative;}
.sn_buy_box{position:relative;border:1px solid #D1D8E0;margin-top:-1px;}
.sn_buy_lottery_box .buy_tag{position:relative;z-index:10;}
.sn_buy_lottery_box .buy_tag li{float:left;width:74px;height:29px;line-height:29px;margin-right:5px;text-align:center;font-size:14px;cursor:pointer;border:1px solid #D1D8E0;background:#F1F1F1;}
.sn_buy_lottery_box .buy_tag li.cur{background:#fff;border-bottom:1px solid #fff;}
.sn_buy_lottery_box s.line{position:absolute;top:30px;left:0;width:1px;overflow:hidden;background:#c9c9c9;height:10px;z-index:11;}
/**/
.sn_buy_lottery_box .sn_buy_box .buy_type_title_index{height:50px;}
.sn_buy_lottery_box .gray{color:#727171;}
.sn_buy_box .strong{color:#BE3443;}
.sn_buy_lottery_box .sn_buy_box{padding:5px 7px 10px 15px;height:185px;}
.sn_buy_lottery_box .sn_buy_box .buy_type_title_index h3{float:left;width:50px;height:50px;margin-right:12px;background:url(sn_caipiao.png) no-repeat;text-indent:-99999em;overflow:hidden;}
.sn_buy_lottery_box .sn_buy_box .buy_type_title_index .info{float:left;margin-top:10px;}
.sn_buy_lottery_box .sn_buy_box .buy_type_index_help{position:absolute;top:7px;left:330px;width:190px;}
.sn_buy_lottery_box .sn_buy_box .buy_type_index_ssxw_tab{left:290px;}
.sn_buy_lottery_box .sn_buy_box .buy_type_index_help p{position:relative;float:left;padding-left:22px;}
.sn_buy_box .buy_type_index_help p s{position:absolute;left:0;top:0;width:17px;height:18px;background:url(sn_caipiao.png) no-repeat -159px 0;}
.sn_buy_box .buy_type_index_help p.wanfa s{background-position:-181px 0;}
.sn_buy_box .buy_type_choose_red{position:relative;float:left;display:inline;margin:5px 0 15px 6px;}
.sn_buy_box .buy_type_choose_blue{position:relative;float:right;margin:5px 0 15px;padding-right:48px;}
.sn_buy_box .buy_type_choose_red .arrow,.sn_buy_box .buy_type_choose_blue .arrow{display:block;position:absolute;height:0px;line-height:0px;left:10px;top:20px;border-style:solid;border-width:5px 5px 0px;border-color:#fff;border-top-color:#727171}
.sn_buy_box .buy_type_index_ball input{float:left;width:21px;height:16px;line-height:16px;text-align:center;border:0;vertical-align:middle;font-weight:700;font-size:16px;padding:13px 10px;margin-right:2px;background:url(sn_caipiao.png) no-repeat 0 -89px;font-family:arial;}
.sn_buy_box .buy_type_index_ball input.blueball{background-position:-43px -89px;}
.sn_buy_box .buy_type_index_touzhu{position:absolute;right:20px;top:97px;width:116px;}
.sn_buy_box .buy_type_index_touzhu a.touzhu_now{display:block;width:116px;height:34px;background:url(sn_caipiao.png) no-repeat 0 -52px;text-indent:-99999em;overflow:hidden;margin-bottom:5px;}
.sn_buy_box .buy_type_index_touzhu .touzhu_btn{margin-bottom:5px;}
.sn_buy_box .buy_type_index_touzhu .touzhu_btn a,a.buttonA{float:left;height:18px;text-align:center;background:url(sn_caipiao.png) no-repeat -117px -52px;padding-left:9px;margin-right:5px;color:#2b2b2b;}
.sn_buy_box .buy_type_index_touzhu .touzhu_btn a.last{margin-right:0;}
.sn_buy_box .buy_type_index_touzhu .touzhu_btn a:hover{color:#2b2b2b;}
.sn_buy_box .buy_type_index_touzhu .touzhu_btn a span,a.buttonA span{float:left;height:18px;background:url(sn_caipiao.png) no-repeat right -52px;padding-right:9px;cursor:pointer;}
.dlt_buy_box .three_time{position:absolute;top:17px;right:218px;background:url(sn_caipiao.png) no-repeat 0 -134px;height:15px;width:91px;text-indent:-99999em;overflow:hidden;}
.sn_buy_lottery_box .dlt_buy_box .buy_type_title_index h3{background-position:-50px 0;}
.ssxw_buy_box .buy_type_index_touzhu{width:210px;}
.ssxw_buy_box .buy_type_index_touzhu a.touzhu_now{float:left;margin:0 5px 7px 0;width:99px;height:31px;background:url(sn_caipiao.png) no-repeat -1px -149px;}
.ssxw_buy_box .buy_type_index_touzhu a.more_touzhu{float:left;margin-right:0 0 7px 0;width:99px;height:31px;background:url(sn_caipiao.png) no-repeat -101px -149px;text-indent:-9999em;overflow:hidden;}
.ssxw_buy_box a.buttonA{float:none;display:inline-block;margin-left:20px;line-height:18px;}
.ssxw_buy_box a.buttonA span{float:none;display:inline-block;}
.sn_buy_box .buy_type_index_ball{margin-bottom:7px;}
.sn_buy_box .buy_type_index_cur_money p{line-height:1.8;}
.sn_buy_box .ssxw_buy_tag li{position:relative;float:left;width:56px;height:22px;line-height:22px;text-align:center;background:#ECECEC;margin-right:4px;cursor:pointer;}
.sn_buy_box .ssxw_buy_tag li.cur{background:#BD0E0E;color:#fff;}
.sn_buy_box .ssxw_buy_tag li.cur .arrow{display:block;position:absolute;display:block;height:0px;line-height:0px;top:22px;right:22px;border-style:solid;border-width:4px 4px 0;border-color:#fff;border-top-color:#ba2636;width:0;}
.analysis-title{background:url(fxgj_title.png) no-repeat 0 5px;}

附件:下载该文件资源,减少时间成本(增值服务)