.main{
    width:100%;}
.mt100{ margin-top: 100px;}
.mt50{ margin-top: 50px;}
.banner{
    width:100%;
    height:700px; margin: auto;
    position: relative;}
.banner ul.slier{}
.banner ul.slier li{
    width:100%;
    height:700px;display: block; position: absolute; top:0px; left:0px;}
.banner_itme{
    width:100%;
    height:700px;
    position: relative;}
.banner_href{width:100%; height:700px; position: absolute; top:0; left:0; background: #fff; opacity: 0; z-index:3;}
.banner_img{width:100%; height:700px; position: absolute; top:0; left:0;  z-index:-1;}
.b1_con{ width:244px;  height:410px; padding: 236px 50px 54px 906px; margin:auto; position: relative;}
.b2_con{ width:1200px;
    height:700px;
    margin:auto;
    position: relative;}
.b2_dl{width:594px; height:64px; position: absolute; left:315px; bottom:122px; z-index: 4}
.b2_dl a{
    width:256px;
    height:54px; display: block; line-height: 54px; text-align: center; border: 2px solid #fff; font-size: 28px; color:#fff;}
.b2_dl a:hover{ background: #fff; color:#c30d23;}
.b1_twocode{width:164px;height:164px; margin:auto; margin-bottom: 40px;}
.b1_twocode img{
    width:164px;
    height:164px;}
.b1_download{width:242px; height:204px; position: absolute; bottom:50px; right:50px; z-index: 4}
.b1_download a{width:238px;
    height:54px; line-height: 54px; text-align: center; background: #dd2f17; color: #fff;
    border: 2px solid #df3d26; display: block; margin-bottom: 10px;font-size: 24px; border-radius: 6px;
}
.b1_download a:hover{
    width:238px;height:54px;
    background: #fff;
    color:#dd2f17;
}
.banner_bg1{
    width:799px;
    height:729px;
    position: absolute;
    bottom:0px;
    right:0px;}
.hm_dl{
    width:400px;
    height:440px;
    position: absolute; top:78px; left:0;}
.hm_dl dt{
    width:400px;
    height:116px;
    line-height:116px; font-size: 60px; color:#000;}
.hm_dl dd{
    width:400px;
    height:48px;
    line-height:48px; font-size: 28px;}
.dl_btn{
    width:326px;
    height:78px;
    line-height:78px;
    display: block; background: #c30d23; font-size: 40px;
    color:#fff; text-align: center; border-radius: 8px; margin-top: 26px;}
.banner_point{
    height:18px;
    position: absolute; bottom:32px;
    z-index:9;}
.banner_point ul li{
    width:18px;
    height:18px;
    background-color: #fff;
    display: block;
    float: left;
    border-radius:10px; margin: 0 7px}
.banner_point ul li.cur{ background: #c30d23 }
.dl_list{
    width:100%;
    height:255px;
    background:#fff;box-shadow: 0 2px 3px #ccc}

.dl_list_box{
    width:1195px;
    height:102px;
    display: block; margin: auto; padding-top: 10px;}
.dl_list_box li {
    height:102px;
    display: block;
    float: left;
    position: relative;
}
.hmwmnq{ color: #9d0000;}
.dl_list_box li:hover{-webkit-transition:all .2s linear}
.dl_list_box li h3{ font-size: 24px;height:36px;line-height:36px; padding-top: 14px;}
.dl_list_box li span{ font-size: 18px;}
.dl_list_box li a{ display: inline-block}
.dl_a{ font-size: 24px;position: absolute;width:88px; height:40px; display: block; right:5px; bottom:0px; text-align: center; line-height:40px;}
.dl1{width:212px; padding-left: 86px; background: url("../images/cp_dl.png") no-repeat -10px -22px}
.dl1 h3{ color:#fff;}
.dl1 span{color:#fff;}
.dl1 .dl_a{color:#f59c00;}
.dl1:hover{ background: url("../images/cp_dl.png") no-repeat -10px -124px}
.dl1:hover h3{color:#f59c00;}
.dl1:hover span{color:#f59c00;}
.dl1:hover .dl_a{ color:#fff;}
.dl2{width:213px; padding-left: 86px; background: url("../images/cp_dl.png") no-repeat -308px -22px}
.dl2 h3{ color:#fff}
.dl2 span{ color:#fff;}
.dl2 .dl_a{ color:#d65400;}
.dl2:hover h3{ color:#d65400}
.dl2:hover span{ color:#d65400;}
.dl2:hover .dl_a{ color:#fff;}
.dl2:hover{ background: url("../images/cp_dl.png") no-repeat -308px -124px}
.dl3{width:208px; padding-left: 90px; background: url("../images/cp_dl.png") no-repeat -607px -22px}
.dl3 h3{ color:#fff}
.dl3 span{ color:#fff;}
.dl3 .dl_a{ color:#c43926;}
.dl3:hover h3{ color:#c43926}
.dl3:hover span{ color:#c43926;}
.dl3:hover .dl_a{ color:#fff;}
.dl3:hover{ background: url("../images/cp_dl.png") no-repeat -607px -124px}
.dl4{
    width:300px;
    height:102px; display: block; margin:0; pading:0;}
.mnq_dl{width:212px; padding-left: 88px; background: url("../images/cp_dl.png") no-repeat -905px -22px; height: 102px;}
.mnq_dl h3{ color:#fff}
.mnq_dl span{ color:#fff;}
.mnq_dl a{ color:#217fbc;}
.mnq_dl_show{width:234px; height:41px; padding:29px 32px 30px 32px; border:1px solid #9d0000; display: none;}
.mnq_dl_show a.dl{ width:96px; height:31px; line-height:31px; color:#9d0000; font-size: 16px; text-align: center; border: 3px solid #9d0000; display: block; position: static}
.mnq_dl_show a.dl:hover{ width:102px; height:37px; border:none; line-height:37px; background: #9d0000; color:#fff;-webkit-transition:all 0s linear}

.hot_game{width:1200px; margin:auto; margin-bottom: 42px; margin-top: 13px;}

.h_game_title{ width:1200px; height:67px; line-height:67px;}
.h_game_title h3{height:37px; color:#c30d23; font-size: 30px; font-weight: normal; line-height:37px; margin-top: 13px; margin-bottom: 13px; padding-left: 53px; background: url("../images/rm_title.png") no-repeat left center}
.h_game_title a{ float: right; height:56px; line-height:56px; margin-top: 11px; font-size: 18px; color:#333; padding-right:46px; background:url("../images/more_a_bg.png") no-repeat right center;}
.h_game_title a:hover{ background: url("../images/more_hover.gif") no-repeat 39px center; color:#f59c00;}
.h_game_con{ width:1200px; background: #fff;box-shadow: 0 2px 3px #ccc}
.h_game_box1{width:1200px; height:146px;}
.h_game_box1 ul{  width:1192px; margin:auto; padding-top: 11px;}
.h_game_box1 li{width:283px; height:118px; display: block; margin-right: 12px; float: left; padding: 3px; position: relative;}
.h_game_box1 li.hover span{
    width:0px;
    height:0px;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    border-top: 10px solid #f53334;
    z-index: 99; position: absolute; bottom:-13px; left:136px;}
.h_game_box1 li img{
    width:283px;
    height:118px;}
.h_game_box1 li:hover span{ opacity: 0.7}

.h_game_box1 li:last-child{ margin-right:0px}
.h_game_box1 li.hover{ border: 3px solid #f53334; border-radius: 4px; padding: 0px;}

.h_game_box1 li:hover{ opacity: 0.7}
.h_game_box1 li.hover:hover{}
.h_game_box_area{width:1200px; height:713px; position: relative;}
.h_game_box_area article{width:1200px; height:713px; overflow: hidden; display: block; position: absolute; top:0; left:0;}

.h_game_box_area article.hideing{
    transform:scale(0,0);
    -ms-transform:scale(0,0);
    -webkit-transform:scale(0,0);
    -o-transform:scale(0,0);
    -moz-transform:scale(0,0);
    transition:all .5s linear;
    -ms-transition:all .5s linear;
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    -moz-transition:all .5s linear;
    opacity: 0;}
.h_game_box_area article.showing{
    transform:scale(1,1);
    -ms-transform:scale(1,1);
    -webkit-transform:scale(1,1);
    -o-transform:scale(1,1);
    -moz-transform:scale(1,1);
    transition:all .5s linear;
    -ms-transition:all .5s linear;
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    -moz-transition:all .5s linear;
    opacity: 1;
}
.h_game_box2{width:1200px; height:349px;}
.h_g_b2_d{width:1177px; height:349px; margin:auto;
    position: relative;}
.h_g_b2_d img{
    width:1177px;
    height:349px;}
.right_bg{
    width:297px;
    height:349px;
    position: absolute; top:0px; right:0px;
    z-index:9; background:#e10000; opacity: 0.75}
.right_box{ width:297px;
    height:329px; padding-top: 20px;
    position: absolute; top:0px; right:0px;
    z-index:10}
.right_box p{
    width:272px;
    height:36px;
    line-height:36px; font-size: 18px; color:#fff; text-align: center; margin:auto}
.enter_vip{
    width:272px; height:73px; line-height:73px; text-align:center;
    display: block; margin:auto; background:#fff; font-size:30px; color:#dd0006}
.enter_vip:hover{ color:#f59c00;}
.bottom_bg{
    width:880px;
    height:118px;
    position: absolute;
    z-index:9; left:0; bottom:0; background: #000; opacity: 0.6}
.bottom_box{width:860px;
    height:98px;
    padding:10px;
    position: absolute;
    z-index:10;left:0; bottom:0; }
.bottom_box h5{
    width:860px;
    height:32px;
    line-height:32px; text-align: left; font-size: 24px; font-weight: bold; color:#fff;}
.bottom_box p{
    width:860px;
    height:24px;
    line-height:24px; color:#fff;}
.bottom_box .dl_btn1{
    width:860px;
    height:36px;
    line-height:36px; text-align: center; margin:auto; margin-top: 5px;}
.bottom_box a{ min-width: 120px;
    height:36px; display:inline-block; line-height:36px;text-align: center; font-size: 17px;  color:#fff; margin: 0 12px; background: #d41e19;}
.bottom_box a:hover{ background: #f59c00;}

.h_game_box3{width:1138px; height:356px; margin:auto; margin-top: 8px;}

.xghd{
    width:407px;
    height:356px;
    float: left;}
.xghd_img{
    width:407px;
    height:201px; overflow: hidden;
}
.xghd img{
    width:100%;
    height:100%;}
.xghd p{padding:12px; width:383px; line-height:24px; font-size: 16px; color:#000;}
.xghd p a{color:#000}
.xghd p a:hover{color:#dd0009}
.libao{
    width:375px;
    height:356px;
    float: left; margin-left: 53px;}
.libao ul{
    width:375px;}
.libao ul li{
    width:375px;
    height:90px; margin-bottom: 10px;
    position: relative;
    display: block;
}
.libao ul li:hover .lb_left{
    display: none;}
.lb_left{
    width:311px;
    height:90px; background: #eaeaea; border-radius: 8px 0 0 8px;
    display: block;}
.lb_left dl{
    width:199px;
    height:90px;
    padding:0 11px;}
.lb_left dl dt{
    width:199px;
    height:40px; overflow: hidden; text-overflow: ellipsis;
    display: block; white-space: nowrap;
    line-height:40px; font-size: 18px; color:#000;}
.lb_left dl dd{
    height:48px;}
.lb_left dl dd p{
    line-height:24px; font-size: 14px; color:#999;}
.lb_left img{
    width:90px;
    height:90px;
    float:left; border-radius: 8px;}
.lb_lq{
    width:60px;
    height:86px;
    line-height:86px;
    display: block; text-align: center; font-size: 18px; color:#fff; padding: 2px; background: #f53334;}
.libao ul li:hover .lb_lq{
    width:60px;
    height:86px;
    line-height:86px;
    display: block; text-align: center; font-size: 18px; color:#f53334; background: #fff; padding:0; border: 2px solid #f53334;
    -webkit-transition:all 0s linear;
}
.left_tip{
    width:41px;
    height:41px;
    position: absolute;
    z-index:9; top:0;left:0;}
.ios_tip{ background: url("../images/ios.png") no-repeat;}
.android_tip{ background:url("../images/android.png") no-repeat;}
.libao ul li:last-child{ margin-bottom: 0}
.xgsp{
    width:249px;
    height:356px;
    float: right;}
.xgsp ul{
    width:249px;}
.xgsp ul li{
    width:249px;
    height:141px;
    display: block;
    position: relative; overflow: hidden}
.xgsp ul li img{
    width:249px;
    height:141px;}
.xgsp ul li .title_bg{
    width:249px;
    height:30px; background: #000;
    opacity:0.7;
    position: absolute; bottom:0; left:0;
    z-index:9;}
.xgsp ul li .title_info{width:239px; padding: 0 5px;
    height:30px;
    line-height:30px;
    color:#fff;
    position: absolute; bottom:0; left:0;
    z-index:10;}
.s_title{
    width:100%;
    height:48px;
    line-height:48px; color:#c30d23; font-size: 20px;}
.mb9{ margin-bottom: 9px;}
.libao ul li .lb_info{
    padding:14px 16px 10px 10px; width:285px;
    height:66px; font-size: 14px; background: #f53334; overflow:hidden; text-overflow: ellipsis; white-space:nowrap;
    display: none;}

.libao ul li:hover .lb_info{
    display: block;}
.xgsp ul li .play_icon{
    width:249px;
    height:141px; background: url("../images/mask_play.png") no-repeat; position: absolute; top:0px; left:0px; z-index: 2; opacity: 0}
.xgsp ul li:hover .play_icon{ opacity:1;}
.lb_info p{
    line-height:22px; color:#fff;}
.lb_info p span{ color:#ffa800;}
.h_game_box3 a.more{
    height:48px;
    line-height:48px;
    float: right; padding-right: 33px; background:url("../images/a_more.png") no-repeat right center; font-size: 14px; color:#333; }
.h_game_box3 a.more:hover{ background: url("../images/more_s_hover.gif") no-repeat 29px 19px; color:#f59c00}
.vip_warp{
    width:1200px;background: #fff;box-shadow: 0 2px 3px #ccc; margin:auto; margin-bottom: 59px; padding-bottom: 64px;}
.vip_title{
    width:116px;
    height:88px;
    margin:auto; background: url("../images/vip_title.jpg") no-repeat;}
.vip_info{
    width:1100px;
    height:236px; margin: auto; padding-bottom: 20px;}
.vip_info dl{
    width:826px;
    height:206px; padding: 15px; display: block}
.vip_info dl dt{
    width:826px;
    height:60px; display:block; padding: 15px 0; font-size: 36px; color:#d73532; font-weight: bold;}
.vip_info dl dd{
    width:800px;
    height:146px;
    display: block; font-size: 20px; color:#000;}
.vip_enter{
    width:238px;
    height:81px; padding: 80px 0 76px 0; background: url("../images/vip_enter.jpg") no-repeat}
.vip_enter a{width:238px;  height:81px;line-height:81px; display: block; text-align: center; font-size: 27px; color:#fff;}
.vip_enter a:Hover{background: #ffc501;}
.vip_dengji_title{
    width:1176px;
    height:40px; margin: auto; padding: 10px 0 20px 0;}
.vip_dengji_title_box{width:1176px;height:40px; background:#eaeaea;}
.vip_dengji_title ul{width:792px; height:40px; line-height: 40px; display: block; margin:auto; position:relative;}
.vip_level_bg{
    width:66px;
    height:60px; line-height: 60px; text-align: center; position: absolute; left:0; top:-9px; z-index: 2; background: url("../images/vip_level_bg.jpg") no-repeat}
.vip_dengji_title ul li{
    width:66px; height:40px; line-height:40px;
    display: block; text-align: center; float: left; cursor: pointer; color:#acacac; z-index: 3;
    position:relative;}
.vip_dengji_title ul li:hover{ color:#c30d23; font-size: 24px;}
.vip_dengji_title ul li.cur{ color:#fff; font-size: 24px;}
.vip_dengji_con{
    width:1076px; height: 436px; margin: auto}
.v_box{
    width:1076px;}
.v_box dt{width:1076px;height:72px; line-height: 72px; color:#000; font-size: 20px; text-align: center; padding-bottom: 20px;}
.v_box dt span{ color:#c30d23; font-size: 24px;}
.v_box dd{
    height:398px;}
.v_img{width:498px;
    height:275px; padding-bottom: 63px; background: url("../images/vip_mask.jpg") no-repeat bottom; }
.v_img img{width:498px; height:275px;}
.vip_zx_lb{
    width:1200px;  }
.vip_zx_lb .title{width:1200px;
    height:102px; line-height: 102px; text-align: center; font-size: 30px; color:#c30d23; margin: auto}
.vip_zx_lb .con{
    width:1064px; margin: auto;}
.vip_zx_lb .con ul{
    width:1064px; margin: auto}
.vip_zx_lb .con ul li{ width:200px; height:314px; background: #f1f1f1;
    display: block; margin: 0 33px; float: left; position: relative;
    transition:all .5s linear;
    -ms-transition:all .5s linear;
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    -moz-transition:all .5s linear;
}
.vip_zx_lb .con ul li:hover{ background: #dc2f2f;
    transition:all .5s linear;
    -ms-transition:all .5s linear;
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    -moz-transition:all .5s linear;
}
.vip_lb_tip{width: 0px;height: 0px;
    border-left: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-top: 30px solid #f53334;
    border-right: 30px solid #f53334; position: absolute; top:0; right:0; z-index: 5}
.vip_l{width:60px;  height:60px; z-index:6;
    display: block; color:#ffbf01;
    transform: rotate(42deg);
    -ms-transform: rotate(42deg);
    -webkit-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    -moz-transform: rotate(42deg);
    text-align: center; position: absolute; right:2px; top:6px; }
.vip_zx_lb .con ul li:Hover .vip_lb_tip{
    border-top: 30px solid #fda70d;
    border-right: 30px solid #fda70d;}
.vip_zx_lb .con ul li:Hover .vip_l{ color:#fff;}
.vip_zx_lb .con ul li:Hover .lblq_btn{ background: #fff; color:#f53334}
.vip_zx_lb .con ul li .lb_s{
    width:166px; height:255px;
    padding:0 17px;}
.vip_zx_lb .con ul li .lb_s .lb_img{width:98px; height:98px; margin: auto; padding-top: 45px;}
.vip_zx_lb .con ul li .lb_s .lb_img img{ width:98px; height:98px;}
.vip_zx_lb .con ul li .lb_s .lb_name{
    width:160px;
    height:50px;
    line-height:25px; margin: auto; padding-top: 10px; overflow: hidden }
.vip_zx_lb .con ul li .lb_word{ display: none;}
.vip_zx_lb .con ul li:hover .lb_s{display: none}
.vip_zx_lb .con ul li:hover .lb_word{
    width:166px;
    height:215px; padding: 40px 17px 0 17px; display: block}
.vip_zx_lb .con ul li .lb_word p{ color:#ffa800; font-size: 18px}
.vip_zx_lb .con ul li .lb_word p span{ color:#fff;;}


.sy_bang{width:1200px;background: #fff;box-shadow: 0 2px 3px #ccc; padding: 18px 0; margin:auto;}
.bang_title{
    width:558px;
    height:33px; margin-left: 13px;
    line-height:33px; background:url("../images/bang_title_icon.jpg") no-repeat left center; padding-left: 18px; color:#f53334; font-size: 18px;}
.ios_bang{
    width:589px;
    height:497px;
    float: left; border-right:1px solid #e9e9e9; padding-left: 10px;}
.android_bang{
    width:589px;
    height:497px;
    float: left; border-right:1px solid #fff; padding-left: 10px;}
.sy_bang ul{width:246px;
    float: left;}
.mr40{ margin-right: 40px;}
.mr54{ margin-right:54px;}
.sy_bang ul li{
    width:244px; margin:0 11px;
    height:61px; padding: 11px 0 10px 0;
    display: block; border: 1px dashed #fff; border-bottom: 1px dashed #dbdbdb;}
.sy_bang ul li.five_bor{ border-bottom: 1px dashed #fff}
.sy_bang ul li.one_bor{ border-top: 1px dashed #fff}

.sy_bang ul li.cur{
    width:244px; border:1px solid #dc2f2f;}
.sy_bang ul li.border_none{ border:1px dashed #fff}

.sy_bang ul li em{ margin:21px 15px 22px 12px;
    float: left;
    width:18px;
    height:18px; font-size: 14px;
    display: block; background: #f53334; text-align: center; color:#fff;}
.sy_bang ul li img{
    width:61px;
    height:61px;
    float: left; border-radius: 10px; margin-right: 10px;}
.sy_bang ul li dl{
    width:128px;
    height:61px;
    display: block;
    float: left;}
.sy_bang ul li dl dt{
    width:118px;  max-height:40px; line-height:20px; font-size: 14px; color:#4e4e4e; display: block; overflow: hidden}
.sy_bang ul li.cur dl dt{ color:#dc2f2f}
.sy_bang ul li dl dd{width:128px;
    height:16px;
    line-height:16px; font-size: 14px; color:#9f9f9f; margin-top: 4px}

.hdzq{
    width:1200px;
    margin:auto;}
.sub_banner{
    width:1200px;
    height:390px;
    position: relative;}

.sub_banner ul.slier li{
    width:1200px;
    height:390px;
    display: block; position: absolute; top:0; left:0;}
.sy_v_banner ul.slier3 li{
    width:1200px;
    height:443px;
    display: block; position: absolute; top:0; left:0;
}
.sub_banner_box,.sub_banner_box1{width:1200px;height:390px;}
.s_b_img{
    width:790px;
    height:390px;
    float: left;}
.s_b_img img{
    width:790px;
    height:390px;}
.sub_info{
    width:370px;
    height:350px; padding: 20px;
    float: left; background: #dc2f2f; color:#fff;
    position: relative;}
.sub_info h3{
    height:44px; color:#fff;
    line-height:44px; font-size: 28px; margin-bottom: 40px;}
.sub_info p{
    line-height:29px; font-size: 18px; color:#fff;}
.sub_info a{}
.sub_box{width:1200px; background: #fff;box-shadow:0 2px 3px #ccc}
.sub_box .title{ width:1176px; height:62px; margin:auto;
    line-height:62px; color: #dc2f2f; font-size: 24px;}
.sub_box .con{
    width:1176px;
    height:334px; margin:auto}
.sub_box .con dl{
    width:383px;
    height:334px;
    display: block;
    float: left; margin-right: 13px;}
.sub_box .con dl:nth-child(3n){margin-right:0}
.sub_box_img{
    width:383px;
    height:190px;
    overflow: hidden;
}
.sub_box .con dl img{
}
.sub_box .con dl dt{
    width:383px;
    height:40px;
    line-height:40px;
    display:block; white-space: nowrap;
    overflow: hidden; text-overflow: ellipsis; font-size: 20px; color:#333;}
.sub_box .con dl:hover dt{ color:#dc2f2f;}
.sub_box .con dl dd{
    width:383px; font-size: 16px; color:#9c9c9c;
    height:72px;
    display: block;
    line-height:24px;}
.libao_center{
    width:1200px; margin:auto}
.libao_warp{
    width:1200px;
    height:770px; background:#fff;box-shadow:0 2px 3px #ccc}
.libao_t{
    width:320px;
    height:33px; margin:auto; padding-top: 22px; padding-bottom: 20px;}
.libao_t a{
    width:160px;
    height:30px;
    line-height:30px;
    display: block;
    float: left; text-align: center; font-size: 18px;
    color: #878787;}
.libao_t a.cur{ color:#c30d23; border-bottom: 3px solid #c30d23}
.h628{
    width:1200px;
    height:628px;
}
.libao_c{width:1200px;
    height:628px;}
.libao_c.hideing{
    transform:scale(0);
    -ms-transform:scale(0);
    -webkit-transform:scale(0);
    -o-transform:scale(0);
    -moz-transform:scale(0);
    transition:all .5s linear;
    -ms-transition:all .5s linear;
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    -moz-transition:all .5s linear;
    opacity: 0;}
.libao_c.showing{
    transform:scale(1);
    -ms-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
    -moz-transform:scale(1);
    transition:all .5s linear;
    -ms-transition:all .5s linear;
    -webkit-transition:all .5s linear;
    -o-transition:all .5s linear;
    -moz-transition:all .5s linear;
    opacity: 1;}
.libao_c li{
    width:180px;
    height:290px; position: relative;
    display: block;
    float: left; margin:0 10px 24px 10px;opacity:1;
    transition:all .6s linear;
    -ms-transition:all .6s linear;
    -webkit-transition:all .6s linear;
    -o-transition:all .6s linear;
    -moz-transition:all .6s linear;
}
.libao_c li:Hover{
    background-color: #dc2f2f;
    opacity:1;
    transition:all .6s linear;
    -ms-transition:all .6s linear;
    -webkit-transition:all .6s linear;
    -o-transition:all .6s linear;
    -moz-transition:all .6s linear;
}
.libao_c li:Hover .vip_lb_tip{
    border-top: 30px solid #fda70d;
    border-right: 30px solid #fda70d;}
.libao_c li:Hover .vip_l{ color:#fff;}
.lb_img{
    width:126px;
    height:126px; padding-top: 14px; padding-bottom: 10px;
    margin:auto;}
.lb_name{
    width:160px;
    height:32px;
    line-height:32px;
    overflow: hidden; text-align: center; color:#666;
    margin:auto;}
.lb_type{
    width:160px;
    height:36px;
    line-height:36px; text-align: center; color:#bf1d2c;
    margin:auto;}
.libao_c li .lb_s{ width:180px; height:230px; display: block}
.libao_c li:hover .lb_s{ width:180px; height:230px; display: none}
.lb_s img{ width:126px; height:126px; border-radius: 10px}
.libao_c li .lb_word{ width:160px; height:170px; display: none; padding:20px 10px; margin-bottom: 20px; overflow: hidden;}
.libao_c li:hover .lb_word{ display: block}
.libao_c li:hover .lb_word p{
    line-height:24px; font-size: 18px; color:#ffa800;}
.libao_c li:hover .lb_word p span{ color: #fff;}
.mb_24{ margin-bottom: 24px;}
.lblq_btn{
    width:107px;
    height:39px;
    line-height:39px;
    display: block;
    margin:auto; background: #f53334; font-size: 18px; text-align: center; color:#fff;}
.libao_c li:Hover .lblq_btn{ background: #fff; color:#f53334}
.replace_once{
    width:108px;
    height:26px;
    margin:auto; padding-left: 39px; cursor: pointer; background:url("../images/break.png") no-repeat 0 0px}
.replace_once:hover{background:url("../images/break.png") no-repeat 0 -26px; color:#fb9b05;}
.sy_vidoe{
    width:1200px;
    margin:auto;}
.sy_v_banner{height:443px;}
.sy_v_img{
    width:790px;
    height:443px;
    float: left;}
.sy_v_img img{
    width:790px;
    height:443px;}
.sy_v_info{ width:370px; height:353px; padding:45px 20px; float: left; background: #dc2f2f;
    position: relative;}
.sy_v_info p{line-height:48px; font-size: 30px; color:#fff; margin-bottom: 20px;}
.sy_v_info span{
    width:200px;height:36px; padding-left: 36px; line-height:36px;display: block; color:#fff; font-size: 16px;}
.sy_v_info span.v1{ background:url("../images/v1.png") no-repeat left center}
.sy_v_info span.v2{ background:url("../images/v2.png") no-repeat left center}
.sy_v_info span.v3{ background:url("../images/v3.png") no-repeat left center}
.sy_v_info a{}
.view_detail{
    position: absolute; right:20px; bottom:34px; color:#fff; font-size:28px;}
.sy_v_box{width:1200px; background: #fff; box-shadow: 0 2px 3px #ccc}
.sy_v_box .title{
    width:1170px;
    height:60px;
    line-height:60px;
    margin:auto; color:#dc2f2f; font-size: 24px;}
.sy_v_box .con{ width:1170px; margin: auto}
.sy_v_box .con dl{
    width:383px;
    height:316px;
    display: block;
    float: left; margin-right: 10px;}
.sy_v_box .con dl:nth-child(3n){
    margin-right: 0px;
}
.sy_v_box_img{width:383px;
    height:216px; overflow: hidden; position: relative}
.sy_v_box .con dl img{}
.sy_v_box .con dl dt{
    width:355px;
    height:72px; padding: 14px;
    line-height:36px; font-size: 20px; color:#000;
    overflow: hidden;
    display: block;}
.sy_v_box .con dl:hover dt{ color:#dc2f2f;}
.sy_v_box_img .big_mask{ width:383px; height:216px; background: url("../images/big_mask.png") no-repeat; display: none; position: absolute; z-index:2; top:0; left:0;}
.sy_v_box_img:hover .big_mask{ display: block}
.links{
    width:1200px;
    margin:auto; padding-bottom: 35px;}
.link_list{
    width:1200px;}
.link_list a{
    width:175px;
    height:54px;
    padding:0 5px;
    line-height:54px;
    display: block; margin: 0 18px 11px 0; text-align: center; color: #333; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    float: left; background: #fff;}
.link_list a:hover{ background: #c30d23; color: #fff;}
.link_list a:nth-child(6n){ margin-right: 0px;}

/*20161026新加CSS*/

.dllist_new{ width:1195px; height: 255px; margin: auto;}
.dllist_item{ width:397px; height: 158px; margin-top: 48px; margin-bottom: 49px; border-right: 1px solid #e4e4e4; float: left; display: block}
.dllist_item:last-child{ border: none}
.dllist_item dt{ width:278px; height: 41px; line-height: 41px; display: block; margin: auto; padding-bottom: 18px;}
.dllist_item dt span{ height:41px; line-height: 41px; float: left; font-size: 18px;}
.dllist_item dt img{ float: left; margin-right: 20px;}
.dllist_item dd{ width:278px; height: 117px; display: block; margin: auto;}
.dllist_item dd a{width:88px; padding-left: 32px; height: 40px; line-height: 40px; display: block; float:left;
    margin-right: 19px; margin-bottom: 17px; text-align: center; color: #fff; border-radius: 4px;}

a.dios{ background:#f53334 url("../images/b_ios.png") no-repeat 15px center;}
a.dpc{background:#f53334 url("../images/b_win.png") no-repeat 15px center;}
a.dandroid{background:#f53334 url("../images/b_android.png") no-repeat 15px center;}
a.dios:Hover{ background:#990012 url("../images/b_ios.png") no-repeat 15px center;}
a.dpc:hover{background:#990012 url("../images/b_win.png") no-repeat 15px center;}
a.dandroid:Hover{background:#990012 url("../images/b_android.png") no-repeat 15px center;}