@charset "utf-8";
/* CSS Document */

body {font-size:14px; color: #333333; line-height:20px; margin:0 auto; padding: 0px; font-family:"Noto Sans SC" !important;background-color: #6e3f1a;background-image: url("../img/bg.jpg");background-repeat: no-repeat;background-attachment: fixed;background-size: 100% 100%;}
div,ul,li,h1,h2,h3,h4,h5,h6,img,p,dl,dt,dd,ol,input,select,table,tr,td{margin: 0px;padding: 0px;font-family:"Noto Sans SC" !important;}
ul,li {list-style-type:none;}
a {color:#2a2626; text-decoration:none;}
a:hover { text-decoration:underline;}
th { font-weight:normal;}
img {border: 0;}
em{font-style:normal}
input:focus{outline:none;}
.mt_5{ margin-top:5px;}
.mb_5{ margin-bottom:5px;}
.clear{ clear:both;}
.white a{ color:#FFF; text-decoration:none;}
main .banner{width:1300px;height:195px;}
/*公用样式*/
.line-overflow-2{overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line-overflow-1{overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

.content{background-color: white;}
#wrap{margin:0 auto;background:url(/sfjbzqimages/pcbg.jpg)}
#header{ margin:0 auto; background: url( ../images/v2/top_bg.jpg) no-repeat center; display:block; width:100%; height:164px; line-height:60px; overflow: hidden;}
.logo1{ float:left; width:123px; height: 80px; margin-left:15px; margin-top:20px; margin-right:10px;  }
.logo_text{ float:left; font-size:28px; margin-top:18px;   color: #fff; font-weight:bold; padding-right:24px;  }
.icon{ float:right; width:26px; height:26px; margin-right: 20px; margin-top: 10px;}
#conter{ margin:0 auto; width:95%; background:#FFF; border:1px solid #e8e8e8; display:block; }
.title{width:100%; height:70px; border-bottom:1px solid #eaeaea;display:block;padding-top: 10px;}
.title ul{ margin:0; padding:0; }
.title li{ float: left; width: 130px; text-align: center; font-weight: bold; font-size:20px;height: 60px; line-height: 60px;color: white; margin: 0 50px;border-top-left-radius:5px;border-top-right-radius:5px; }
.color_title{background-color: white;color:#e60012 !important;}

.sub_title{ margin: 0 auto;width:96%; height:50px; border:1px solid #eaeaea;display:block; background: #fbfbfb; margin-top: 10px;  border-radius:4px;}
.sub_title ul{ margin:0; padding:0; }
.sub_title li{ float: left; width: 32%;   background:url( ../images/v2/line.png) no-repeat right;  }
.la{ margin: 0 auto;width:80%;text-align: center; font-weight: bold; font-size:16px;height: 50px; line-height: 50px; background:url( ../images/v2/la.png) no-repeat right; }

.conlist{padding: 18px 30px ; margin: 0 auto; border-bottom:1px solid #eaeaea; height:100px;}
.conlist:hover{background-color: #fffbdb;box-shadow: 0 5px 5px rgb(200,200,200);}
.conlist:hover .packet-btn1{background-color: rgb(255,59,70);color: #fff;}
.conlist:hover .con_btn {background-color: rgb(255,59,70);color: #fff;}

.con_list_pic{float: left;}
.con_list_pic img{width:64px;  height:64px; border-radius: 10px;}
.con_list_text{float: left; width:280px;padding: 0 0 0 20px;}
.con_list_text li{float: left; width: 100%;}
.conlist .list-title{font-size: 16px;color:#000000;}
.conlist .list-content{font-size: 16px;color:#999999;}

.down_btn{}
.down_btn ul{ padding: 0; margin: 0;}
.down_btn li{ padding: 0; margin: 0; float: left;}

.list_cona_text{width: 90% ; margin: 0 auto; margin-top:10px; margin-bottom:10px; }

.conlist_hot{width:100%; border-bottom:1px solid #eaeaea; overflow: hidden; background: #f5f5f5; }
.model-feature-title{font-size:18px; font-weight: bold; color:#6c0303; margin-top: 24px;}
.model-intro-title{font-size:18px;color:#000000; margin-top: 20px;}
.pop_game_pic_title{font-size:18px;color:#000000; margin: 20px 0;}
.list_hot_list {width:90%; list-style: none; margin-left: 20px; margin-bottom: 20px; line-height: 25px; text-decoration: underline;}

.list_name{font-size: 22px;line-height: 35px; color: #333333; max-width:260px;overflow: hidden;
    white-space: nowrap;width: 260px;}
.list_name_loop a {animation: 5s wordsLoop linear infinite alternate;width: auto;display: inline-block;}
@keyframes wordsLoop {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    40% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    100% {
        transform: translateX(calc( 240px - 100%));
        -webkit-transform: translateX(calc(240px - 100%));
    }
}

@-webkit-keyframes wordsLoop {
    0% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    40% {
        transform: translateX(0px);
        -webkit-transform: translateX(0px);
    }
    100% {
        transform: translateX(calc( 240px - 100%));
        -webkit-transform: translateX(calc(240px - 100%));
    }
}
.list_name p {height:30px;}
.con_list_opentime{width:150px;display: flex;justify-content: center;align-items: center;height:64px;padding: 0 10px;}
.con_list_opentime span{color:#ff3b46;}
.list_intro{color:black;font-size: 14px;max-height: 52px;line-height: 30px;}
.list_namea{ width:100%;word-wrap:break-word;word-break:normal; text-align: center;}
.con_list_ip{overflow: hidden;width:160px;padding: 0 10px;display: flex;align-items: center;justify-content: center;height:100%;}
.con_list_ip .list-content{font-size: 14px;color:black;width:100%;word-wrap:break-word;word-break:normal;text-align: center;}
.list_type{width:200px;overflow: hidden;white-space: nowrap;}
.con_list_feature{height:100%;display: flex;justify-content: center;align-items: center;width: 220px;padding: 0 10px;}
.con_list_feature .list-content{font-size: 14px;color:black;width:100%;word-wrap:break-word;word-break:normal;text-align: center;}
.con_list_system{float: left;width:100px;display: flex;justify-content: center;align-items: center;height:100%;}
.con_list_system img{width:24px;height:24px;}
.con_list_btns{float: left;width:120px;display: flex;justify-content: center;align-items: center;height:100%;}
.list_labels{float: left;margin-top: 10px;line-height: 39px;height:39px;}
.list_labels .label{padding:0 10px;border: 1px solid #eae9e9;border-radius: 5px;line-height: 37px;height:39px;float: left;margin-left: 10px;cursor: default;}
.list_labels .label-light{background-color: rgb(254,209,6);}
.packet-btn{text-align: center; line-height: 36px;color: #666666; font-size: 14px; border-radius: 20px;cursor: pointer;text-decoration: none;width:100px;height:36px;border: 1px solid #eae9e9;}
.packet-btn1:hover{background-color: rgb(255,59,70);color: #fff;}

.con_btn{text-align: center; line-height: 36px; width:100px;  height: 36px; color: rgb(255,59,70); font-size: 14px; border-radius: 20px;cursor: pointer;text-decoration: none;border: 1px solid #eae9e9;}
.con_btn:hover{box-shadow: 5px 5px 5px rgb(200,200,200);}
.con_btnb{text-align: center; line-height: 39px; width:160px;  border:1px solid #eaeaea; height: 39px; color: #666666; font-size: 15px;border-radius: 20px;  cursor: pointer;}
.con_btnb:hover{box-shadow: 5px 5px 5px rgb(200,200,200);}

.con_btna{float:right; text-align: center; line-height: 39px; margin-top: 10px; width:60px;  background: #ffb133;  height: 32px; color: #fff; font-size: 14px; margin-right:8px; margin-top: 35px; border-radius: 20px;}

.text_grey{ color: #959595;}

.more_btn{width:60%;  margin: 0 auto; text-align: center; line-height: 50px; margin-top: 10px;  background: url( ../images/v2/head_bg.png) no-repeat center;   height: 50px; color: #fff; font-size: 16px;  margin-top: 35px; margin-bottom: 35px; border-radius: 60px; }




.history_con{width:100%; overflow: hidden;}

.history_pic{float: left; width:180px;  height:120px; margin:10px ;}
.history_text{float: left; width:60%; color:#888888; margin-left: 15px; }
.history_text ul{ margin:0; padding:0; margin-top: 10px;}

.history_titile { width:98%; margin-left: 15px;  font-size: 14px; font-weight:bold ; overflow: hidden; margin-top: 20px;}

.game_list{width:100%; border-bottom:1px solid #eaeaea; overflow: hidden;}
.game_title{ width: 100%; text-align: center; font-weight: bold; font-size:16px;height: 50px; line-height: 50px;  overflow: hidden;}
.game_title_time{ width: 80%; margin: 0 auto; text-align: right;  font-size:13px; color: #999999; height: 50px; line-height: 50px; overflow: hidden; margin-bottom: 20px; }
.game_con{ width: 90%; margin: 0 auto; line-height: 24px;}
.game_con_text{ margin-bottom: 20px;}

.gamelist_hot{width:100%; border-bottom:1px solid #eaeaea; overflow: hidden; background: #f5f5f5; }
.game_hot_title{width:90%;  background: url(../images/v2/dot.png) no-repeat left; text-indent:20px; font-size:16px; font-weight: bold; margin: 15px 0px 15px 15px; }
.game_hot_list {width:90%; list-style: none; margin-left: 20px; margin-bottom: 20px; line-height: 25px; text-decoration: underline;}
.game_hot_list ul{ padding: 0; margin: 0; margin-bottom: 20px; overflow: hidden;}
.game_hot_list li{ float: left; margin-left: 20px; text-align: center; list-style: none;}
.game_other{ width: 100%; background: #f5f5f5; padding-top: 20px; padding-bottom: 20px; text-align: center;}

.mid_area{width:1300px; margin: 0 auto;position: relative;}
.mid_area .game_header{padding: 0 30px;width: 100%;height: 60px;line-height: 60px;border-bottom: 1px solid #eaeaea;}
.mid_area .game_header_title{float: left;font-size: 14px;color:#333333;text-align: center;}
.mid_area .game_header .title1{width:344px;}
.mid_area .game_header .title2{width:150px;}
.mid_area .game_header .title3{width:160px;}
.mid_area .game_header .title4{width:220px;}
.mid_area .game_header .title5{width:100px;}
.mid_area .game_header .title6{width:120px;}
.mid_area .game_header .title7{width:120px;}
.erweima_bg{ width:159px; background: url( ../img/erweiba_bg.png) no-repeat left; background-size: 100% 100%; position: relative; z-index: 2;left:100%;bottom:105px;display: none;margin-left: 50px;}
.model_qrcode{bottom: 80px;height:143px; }
.pop-frame{width:100%;height:100%;position: fixed;background-color: #3333338f; align-items: center; z-index: 3;display: none;}
.pop_area{ width:1090px;height:796px; background:#ffffff; margin: 0 auto;overflow-x: hidden;overflow-y: auto; border:solid 1px #ededed ;}
.left_pop{ float:left; width: 240px;text-align: center; }
.left_gamepic{width: 160px; margin: 0 auto;  text-align: center; margin-top: 70px;}
.left_pop .andbtn{width: 160px; margin: 0 auto;  background-color: rgb(255,59,70); height:39px; font-size:14px;color: #ffffff; text-align: center; line-height: 39px; margin-top: 20px; margin-bottom: 20px;border-radius: 20px;}
.left_pop .iosbtn{width: 160px;  margin: 0 auto; background-color: rgb(255,59,70);height:39px; font-size:14px;color: #ffffff; text-align: center; line-height: 39px; margin-top: 20px;border-radius: 20px;}
.right_pop{ float:right;  width:820px;}
.close_btn{ width: 98%; height:30px; text-align: right;  margin-top: 20px;}
.close_btn img{cursor: pointer;}
.pop_game_pic{width:930px; margin: 0 auto;}
.pop_game_pic ul{ padding: 0; margin: 0; overflow: hidden;}
.pop_game_pic li{ padding: 0; float: left;  height: 250px; mar}
.qrcode_text{text-align: center;line-height: 30px;padding-left: 10px;padding-bottom: 5px;}
.erweima{width:152px;height:139px;}
.iosbtn .qrcode-icon{margin-top: -2px;}
.qrcode-icon{margin-right: 20px;}
.backTop{
    display: none;
    width:50px;
    height:50px;
    background-color: rgba(0,0,0,0);
    cursor: pointer;
    padding: 5px;
    position: fixed;
    bottom: 100px;
    left: 85%;
}

.backTopImg{
    width:40px;
    height:40px;
}

.head{
    width: 1300px;
    margin:0 auto;
    background-color: rgb(151,19,15);
}

.list_hot_title_div{
    background-color: white;
    padding: 15px 0px 15px 15px;
    margin-top: 10px;
}


.showcase{padding:26px;background-color: #fdfdfd;border: 1px solid #f3f3f3;width: 773px;margin-bottom: 30px;}
.showcase .s-content{width:10000px}
.showcase .scrollbar{overflow:hidden}
.showcase .scrollbar .s-box{height:245px;_width:838px;*position:relative;*overflow:hidden}
.showcase .scrollbar li{float:left;position:relative;height:250px;margin-right:26px;overflow:hidden}
.showcase .scrollbar li:last-child{margin-right: 0;}
.showcase .scrollbar li.last{margin-right:0}.showcase .scrollbar li img{max-height:250px;_height:250px}
.showcase .scrollbar li span{position:absolute;top:0;left:0;display:block;width:100%;height:45px}
.showcase .scrollbar li .bg{background:#000;opacity:.50;filter:alpha(opacity=50)}
.showcase .scrollbar li .info{line-height:45px;text-indent:45px;font-size:18px;color:#fff}
.showcase .scrollbar li.picture span{display:none;width:45px}
.showcase .scrollbar li.picture .info{background:url(../skin_img/find.png) no-repeat;_background:url(../skin_img/find.gif) no-repeat; cursor:pointer;}
.showcase .scrollbar li.picture .info:hover{background:url(../skin_img/find_h.png) no-repeat;}
.showcase .scrollbar li.active span{display:block}
.showcase .scrollbar li .video-bg{position:absolute;top:0;left:0;width:100%;height:100%;display:block;background:#000;opacity:.50;filter:alpha(opacity=50)}
.showcase .scrollbar li.active .video-bg{opacity:.70;filter:alpha(opacity=70)}
.showcase .scrollbar li .video-info{position:absolute;top:0;left:0;padding-top:72px;width:100%;height:178px;text-align:center}
.showcase .scrollbar li .video-info span{position:static}
.showcase .scrollbar li .video-info .video-icon{width:50px;height:50px;display:block;margin:0 auto;background:url(../skin_img/video-icon.png) center center no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../skin_img/video-icon.png)}
.showcase .scrollbar li .video-info .video-title{width:auto;height:auto;line-height:30px;font-size:20px;color:#fff;display:block;padding:18px 18px 0 18px;white-space:normal}
.showcase .scrollbar .track{display:none;position:relative;height:6px;background-color:#d4d4d4;font-size:0px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin-top: 10px;}
.showcase .scrollbar .track div{width:110px;height:6px;background-color:#e84c3d;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.showcase .slider{position:relative;display:none}
.showcase .slider .s-box{position:relative;width:605px;height:375px;margin:0 auto 20px;overflow:hidden}
.showcase .slider .s-box li{float:left;position:relative;width:605px;text-align:center}
.showcase .slider .trigger{position:absolute;top:0;right:0px;width:45px;height:45px;border:1px solid #f6f6f6;background:#fff url(../skin_img/bs.png) center no-repeat;text-indent:-333em}
.showcase .slider .prev,.showcase .slider .next{position:absolute;top:30%;display:block;width:44px;height:110px;border:1px solid #f6f6f6;background:#fff url(../skin_img/slider_arrow.png) 12px center no-repeat;text-indent:-333em}
.showcase .slider .prev{left:0px}
.showcase .slider .prev:hover{background-position:-83px center}
.showcase .slider .next{right:0px;background-position:-33px center}
.showcase .slider .next:hover{background-position:-128px center}
.showcase .slider .s-nav{text-align:center;height:30px}
.showcase .slider .s-nav .picture,.showcase .slider .s-nav .video{margin:0 7px}
.showcase .slider .s-nav .picture span,.showcase .slider .s-nav .video span{display:inline-block;width:30px;height:30px;background-image:url(../skin_img/slider_nav.png);background-repeat:no-repeat; cursor:pointer;}
.showcase .slider .s-nav .picture span{background-position:-40px 0}
.showcase .slider .s-nav .picture .active{background-position:-122px 0}
.showcase .slider .s-nav .video span{background-position:0 0}
.showcase .slider .s-nav .video .active{background-position:-82px 0}

.packet-img{margin-top: 10px;}
.packet-get{cursor: pointer;color:rgb(255,59,70);}
.packet-frame .packet-close-btn{width: 100%;height:20px;cursor: pointer;}
.packet-frame .packet-close-btn img{float: right;}
.con_list_packet{float: left;width: 120px;display: flex;justify-content: center;align-items: center;height: 100%;}
/*礼包弹窗*/
.packet-frame{width:100%;height:100%;position: fixed;background-color: rgba(128,128,128,0.5); align-items: center; z-index: 3;display: none;}
.packet-frame .packet-area{ width:300px; background:#ffffff; margin: 0 auto; border:solid 1px rgb(188,45,45) ;padding:10px 10px;border-radius: 10px;text-align: center;padding-bottom: 20px;max-height: 590px;overflow: auto;}
.packet-frame .packet-title{line-height: 25px;font-size: 16px;text-align: center;font-weight: bold;}
.packet-frame .packet-name{font-size: 16px;line-height: 25px;font-weight: bold;color:rgb(215,52,52);}
.packet-frame .packet-area-content{font-size: 13px;color:rgb(150,150,150);}
.packet-frame .packet-normal .packet-input{width:100%; height:30px;line-height: 30px;border: 1px solid rgb(210,210,210);background-color: rgb(255,59,70);border-radius: 5px;color: white;text-align: center;}
.packet-frame .packet-normal .packet-copy{height:28px;background-color: white;width: 100%;border-radius: 5px;border: 1px solid rgb(210,210,210);margin-top: 10px;cursor: pointer;}
.packet-frame .packet-qq .packet-content-qq{}
.packet-frame .packet-qq .packet-copy{height:28px;background-color: white;width: 100%;border-radius: 5px;border: 1px solid rgb(215,55,55);margin-top: 10px;cursor: pointer;}
.packet-frame .packet-back{width:232px;margin-top: 20px;background-color: white;border: 1px solid rgb(210,210,210);border-radius: 5px;}
.packet-frame .packet-area-icon{width: 110px;height:90px;}
.packet-frame .packet-content-qq{color:red;font-size: 15px;font-weight: bold;}
.packet-frame .packet-input-hidden{position: absolute;top:-99999px;}
.packet-frame .packet-content-single{border-bottom: 1px dashed rgb(210,210,210);padding: 0 20px;padding-bottom: 10px;}
.packet-frame .packet-content-single:last-child{border: none;}

.big-swiper{
    position: fixed;top:0;left:0;width:100%;height:100%;z-index: 10;display: none;background-color: rgba(0,0,0,0.7);
}
.big-swiper .swiper-slide{display: flex;justify-content: center;align-items: center;}
.swiper-container-big{width: 100%;height: 100%;}
.big-swiper img{max-width: 1350px;max-height: 750px;}
.close_big_swiper{position: fixed;top:40px;width:100%;height:30px;z-index: 11;display: flex;justify-content: center;align-items: center;}
.close_big_swiper img{height:40px;margin: 0 auto;cursor: pointer;float: right;margin-right: 80px;}
.show-faceimg{cursor: pointer;height:245px;}
#model-icon{width:160px;height:160px;}
#model-name{font-size: 26px; font-weight: bold;color: #323232; margin-top: 35px;height:26px;}
#model-feature{height:35px;width:773px; background-color: #fffff7;border: 1px solid #f3f3f3;line-height: 35px;padding-left: 25px;margin-top: 10px;color: #6c0303;font-weight: bold;font-size: 16px;}
#model-intro{width:773px; background-color: #fdfdfd;border: 1px solid #f3f3f3;line-height: 25px;margin-top: 20px;color: #666666;padding: 25px;font-size: 16px;}
.footer{text-align: center;background-color:rgba(43, 30, 27, 1);height:80px; width:100%;margin: 0 auto;display: flex;align-items: center;justify-content: center;margin-top: 100px;color: white;}
.footer a{color:white;text-decoration: none;}
.packet-none{cursor : default;}
.app-img{position: absolute;top: 15px;right: 120px;width: 40px;height:40px;}
.app-code{position: absolute;top: 69px;right: 20px;z-index: 1;background-image:-webkit-gradient(linear,left top,right top,from(#300000),color-stop(#510000),to(#300000));background-image: linear-gradient(to right,#300000, #510000, #300000); padding: 20px;border-bottom-left-radius: 10px;border-bottom-left-radius: 10px;text-align: center;display: none;}
.app-code img{width: 123px;height:123px;}
.app-code p{margin-top: 10px;color:white;}
.login_box{width:171px;position:relative;margin-left:-171px;right:-171px;text-align:center}#login_btn{position:relative;padding:0;margin-top:16px;width:130px;height:48px;border:0;outline:0;background:url("../img/sprite1.png") no-repeat -16px -73px;cursor:pointer}#login_btn:hover{background-position:-172px -73px}#login_btn>span{display:block;width:55px;height:12px;position:absolute;bottom:-5px;left:15px;background-position:0 -69px}.omoueover_login_code{display:none;padding:20px 0 10px;position:absolute;top:80px;left:50%;margin-left:-100px;width:200px;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background-image:-webkit-gradient(linear,left top,right top,from(#300000),color-stop(#510000),to(#300000));background-image: linear-gradient(to right,#300000, #510000, #300000);text-align:center}.omoueover_login_code.login_code_show{display:block}.omoueover_login_code>p{color:#fff800;font-size:14px}.omoueover_wechatcode{width:200px;height:150px;display:flex;align-items:center;justify-content:center}.omoueover_wechatcode img{width:150px;height:150px}
.dropdown_li>ul>li:last-child>a{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.header_imgBox{height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header_module .header_imgBox img{border-radius:50%;width:51px;height:51px;border-radius:50%;vertical-align:-18px}.header_module .header_imgBox a{display:inline-block;font-size:12px;color:#eba042}.header_module .header_imgBox .header_getGod{margin:0 15px;display:inline-block;text-align:center;width:66px;height:30px;line-height:30px;background-image:linear-gradient(#edc332,#fffa53);color:#5c3f14;border-radius:8px;font-size:12px}.header_module .header_imgBox .header_getGod:hover{background-image:linear-gradient(#ffe077,#ffedae)}