@charset "UTF-8";
.container_22 {
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,
.grid_10, .grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,
.grid_18,.grid_19,.grid_20,.grid_21,.grid_22 {
    display:inline;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
}
.container_22 .grid_1 {width:30px;}
.container_22 .grid_2 {width:80px;}
.container_22 .grid_3 {width:130px;}
.container_22 .grid_4 {width:180px;}
.container_22 .grid_5 {width:230px;}
.container_22 .grid_6 {width:280px;}
.container_22 .grid_7 { width:330px;}
.container_22 .grid_8 { width:380px;}
.container_22 .grid_9 {width:430px;}
.container_22 .grid_10 {width:480px;}
.container_22 .grid_11 {width:530px;}
.container_22 .grid_12 {width:580px;}
.container_22 .grid_13 {width:630px;}
.container_22 .grid_14 {width:680px;}
.container_22 .grid_15 {width:730px;}
.container_22 .grid_16 {width:780px;}
.container_22 .grid_17 {width:830px;}
.container_22 .grid_18 {width:880px;}
.container_22 .grid_19 {width:930px;}
.container_22 .grid_20 {width:980px;}
.container_22 .grid_21 {width:1030px;}
.container_22 .grid_22 {width:1080px;}

.topLotteryNav dt, .icon-arrow, .k_icon-tel, .k_icon-help {
    background: url(https://r.aicai.com/v2/images/webclient/index/index2015/head-top-nav.png) no-repeat 0 0;
}

.topLotteryNav dl {
    border-bottom: 1px solid #EEE;
    position: relative;
    padding: 12px 0px 12px 57px;
}
.topLotteryNav dt {
    position: absolute;
    top: 50%;
    left: 17px;
    width: 27px;
    height: 45px;
    margin-top: -23px;
    text-indent: -999em;
}
.topLotteryNav dt.fc {
    background-position: 0 0;
}
.topLotteryNav dt.kc {
    background-position: -28px 0;
}
.topLotteryNav dt.tc {
    background-position: -58px 0;
}
.topLotteryNav dt.jjc {
    background-position: -84px 0;
}
.topLotteryNav dd {
    float: left;
    margin-right: 13px;
    display: inline;
    line-height: 24px;
    height: 24px;
    padding: 2px 0px;
    white-space: nowrap;
    color:#333;
}
.topLotteryNav dd a {
    padding: 2px 3px;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
    position: relative;
    color:#333;
    *zoom:1;
}
.topLotteryNav dd a:hover {
    background: #2eb570 none repeat scroll 0 0;
    color: #FFF;
    text-decoration: none;    
}

/*
 * ====== 头部导航
 */
.head_top_nav {
    min-width: 1080px;
    height: 45px;
    background-color: #2eb570;
}

/*
 * ====== 全部彩种
 */
.dib {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}
.k_all_lot {
    position: relative;
    width: 150px;
    font-size: 12px;
    font-family: Microsoft yahei;
    background-color: #20a35f;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    z-index:5;
}
.k_all_lot_tit {
    display: block;
    width: 150px;
    height: 45px;
    line-height: 45px;
}
.k_all_lot_con {
    position: absolute;
    top: 45px;
    left: 0px;
    width: 265px;
    background: #fff;
    box-shadow: 0px 0px 3px #e9e9ea;
    border:1px solid #2eb570;
    border-top: 0;
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out 0s;
}
.k_all_lot.hover .k_all_lot_con {
    opacity: 1;
    visibility: visible;
    top: 45px;
    width: 265px;
}
.icon-arrow {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 20px;
    background-position: -25px -102px;
    transition: all 0.2s ease-in-out 0s;
}
.k_all_lot.hover .icon-arrow {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    transition: all 0.2s ease-in-out 0s;
}
/*
 * ====== 主菜单
 */
.k_main_nav {
    padding-left:10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
}
.k_main_nav li {
    float: left;
}
.k_main_nav li a{
    display: block;
    color: #fff;
    padding: 0 10px;
}
.k_main_nav li a:hover{
    background-color: #20a35f;
    color: #fff;
    text-decoration: none;
}
.k_main_nav .k_selt_menu {
    position: relative;
    padding-right: 10px;
    z-index: 1001;
}
.k_main_nav .k_selt_menu a {
    padding-right: 20px;
}
.k_main_nav .k_selt_menu .bar-triangle {
    top: 22px;
    right: 18px;
    border-color: #fff transparent transparent transparent;
}
/* hover */
.k_selt_menu.hover .bar-triangle {
    border-top-color: #fff;
    -moz-transform: rotate(180deg);
    -moz-transform-origin: 50% 30%;
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin: 50% 30%;
    -o-transform: rotate(180deg);
    -o-transform-origin: 50% 30%;
    transform: rotate(180deg);
    transform-origin: 50% 30%;
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}
.k_selt_menu ul{
    border: 1px solid #2EB570;
    border-top: 0;
    line-height: 30px;
    text-align: center;
    position: absolute;
    top: 45px;
    width: 84px;
    font-weight: normal;

    z-index: 99;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-in-out 0s;
}
.k_selt_menu ul li{
    float: none;
}
.k_main_nav .k_selt_menu ul li a{
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0px;
    background-color: #fff;
    color: #666;
}
.k_selt_menu ul li a:hover{
    background-color: #2eb570;
    color: #fff;
    text-decoration: none;
}
.k_main_nav .k_selt_menu.hover ul {
    opacity: 1;
    visibility: visible;
    top: 45px;
    width: 84px;
}

/*
 * ====== 二级菜单
 */
.k_sec_nav {
    font-size: 12px;
    line-height: 45px;
}
.k_sec_nav a{
    position: relative;
    padding: 0 15px;
    color: #fff;
}

.k_sec_nav a:hover{
    color:#fff;
    text-decoration:underline;
}

.k_sec_nav a:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    height: 12px;
    width: 1px;
    background-color: #20a35f;
}
.k_sec_nav a:last-child:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -6px;
    height: 12px;
    width: 1px;
    background-color: transparent;
}

/*
 * ====== 帮助信息
 */
.k_ser_help {
    line-height: 45px;
    color: #b2f1c1;
}
.k_icon-tel {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    background-position: 0 -100px;
}
.k_icon-help {
    display: inline-block;
    vertical-align: top;
    width: 45px;
    height: 45px;
    background-position: 0 -50px;
}
.k_icon-help:hover {
    background-position: -46px -50px;
}

/*==品牌区域 ==*/
.ft_box {
    padding: 22px 0;
    line-height: 18px;
    font-size: 12px;
    background: #fff;
    min-width: 1080px;
}
.ft_box td {
    border-right: 1px solid #e5e5e5;
}
.ft_box .last {
    border-right: 0;
}

.brand_1, .brand_2, .brand_3, .brand_4, .brand_5, .brand_6 {
    display: inline-block;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    background: url(https://r.aicai.com/v2/images/webclient/index/index2015/sprites.png?v=20151020001) no-repeat -120px -120px;
}
.brand_1 {background-position: -120px -120px;}
.brand_2 {background-position: -160px -120px;}
.brand_3 {background-position: -200px -120px;}
.brand_4 {background-position: -240px -120px;}
.brand_5 {background-position: -280px -120px;}
.brand_6 {background-position: -320px -120px;}