body{min-height: 800px;width: 100%;text-align: center;font-family: "Microsoft YaHei";background: url("../img/index/bg.jpg") no-repeat center top #081325}
.index_top{width: 100%;text-align: center;overflow: hidden;height: 230px;
    padding-top: 93px;position: relative}

.pic-ioc{width: 1200px;min-height: 680px;margin-left: auto;margin-right: auto;position: relative}
.pic-ioc .paizu{float: left;width: 33.33%;margin-top: 117px;}
.pic-ioc .paizu .q_img{height: 306px;}
.pic-ioc .paizu .num_01{color: #BFCBDB;margin: 13px 0 10px 0;}
.pic-ioc .paizu .num_01 span{color: #05A672}

.num_02{color: #FFFFff;margin: 13px auto;background-color: #2D343C;border-radius: 10px;width: 266px;
height: 66px;line-height: 66px;font-size:22px;font-weight: bold;position: relative;}
.num_02 a{position: absolute;width: 100%;display: inline-block;left: 0;top: 0;z-index: 999}
.num_02 a:hover{cursor: pointer}
.num_02 a i{font-style: inherit}
.num_02 .dh_jl_img{position: absolute;bottom: -46px;left: 20px;}

.num_02_yes{color: #FFFFff;margin: 13px auto;background-color: inherit;border-radius: 10px;width: 266px;
    height: 44px;line-height: 44px;font-size: 18px;font-weight: bold;border: 2px solid #05A672;z-index: 999}
.num_02_yes span{position: absolute;left: 0;width: 25%;background-color: #05A672;display: inline-block;height: 100%;border-radius: 7px;
z-index: 99}

.num_02_faguan{
    border-style: solid;
    border-width: 2px;
    border-color: rgb(69, 190, 152);
    border-radius: 10px;
    background-color: rgb(7, 166, 116);
    box-shadow: 0px 0px 15.54px 5.46px rgba(7, 166, 116, 0.65);
}

.pic_bottom{width: 100%;height: 98px;}

.chou-btn{width: 800px;height: 150px;padding-top: 20px;position: absolute;top: 0px;
    left: 50%;margin-left: -400px;display: flex;flex-direction: row}
.chou-btn a{width: 235px;height: 85px;line-height: 85px;color: #FFFFff;text-decoration: none;font-size: 25px;margin: 29px 15px 0 15px;
    display: inline-block;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.chou-btn a:hover{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}
.chou-btn p{color: #FFFFff;margin: auto}
.chou-btn p span{width: 330px;height: 25px;line-height: 25px;color: #BFCBDB;text-decoration: none;font-size: 16px;
    display: inline-block;}
.chou-btn p span img{height: 18px;}
.chou-btn p span em{color: #23AA4C;font-style: inherit;}
.chou-btn .teshu{background-color: #030408;width: 300px;height: 120px;border-radius: 8px;display: flex;flex-direction: row}
.chou-btn .teshu img{margin-left: 35px;margin-top: 10px}

.chou-main{width: 1200px;min-height: 600px;padding-bottom: 60px;margin-left: auto;margin-right: auto;text-align: center}
.chou-main h5{color: #BFCBDB;font-size: 16px;margin: 16px 0 56px 0;font-weight: normal;position: relative}

.chou-main .chou-left{width: 476px;height: 540px;border: 6px solid #5778A3;border-radius: 6px;float: left;position: relative}
.chou-main .chou-left .csb_2{position: absolute;top: -90px;left: 100px;}
.chou-main .chou-right{width: 650px;height: 540px;border: 6px solid #5778A3;border-radius: 6px;float: left;margin-left: 28px;position: relative}
.chou-main .chou-right .csb_1{position: absolute;top: -38px;left: 168px;}
.chou-main .chou-right table{height: 410px;width: 600px;margin-left: 25px;margin-top: 30px;}
.chou-main .chou-right table th{color: #08A675;font-size: 21px;padding: 12px 0;}
.chou-main .chou-right table td{color: #f4f5f9;font-weight: normal;padding: 6px 0;}
.chou-main .chou-right table .cn_0 td{background-color: #041A3F}

.chou-list{width: 1200px;height: 162px;margin-left: auto;margin-right: auto;margin-top: 20px;}
.chou-list .list-ioc{width: 965px;height: 139px;line-height: 139px;background: url("../img/index/list_ioc_bg.png") no-repeat center top;float: left;
padding-left: 32px;padding-top: 23px;}
.chou-list .list-ioc .ioc-img{width: 120px;height: 110px;vertical-align: middle;margin-right: 10px;float: left;position: relative}
.chou-list .list-ioc .ioc-img img{width: 100%;}
.chou-list .list-ioc .ioc-img em{font-style: inherit;position: absolute;right: -10px;top: -10px;display: inline-block;width: 35px;text-align: center;
height: 35px;line-height: 35px;background-color: #272727;color: #FFFFff;z-index: 99;border-radius: 100%;}
.chou-list .list-text{width: 246px;height: 126px;line-height: 106px;font-size: 40px;font-weight: bold;float: right;text-align: left;
    color: #2B292B;}
.chou-list .list-text em{font-size: 16px;display: inline-block;position: absolute;right: 10px;top: 10px;font-style: inherit;
    height: 20px;line-height: 20px;font-weight: normal}
.chou-list .list-text span{font-size: 16px;display: inline-block;line-height: 18px;margin-left: 16px;font-weight: normal;color: #FFFFff}

.chou-list .list-btn{width: 200px;height: 162px;float: left;}
.chou-list .list-btn p{font-size: 30px;color: #05A672;margin: 16px 0 12px 0;font-weight: bold}
.chou-list .list-btn p span{font-size: 22px;}

.chou-list .list-btn a{display: inline-block;width: 150px;height: 65px;line-height: 65px;vertical-align: middle;font-size: 22px;
color: #FFFFff;text-decoration: none;margin: auto;border-radius: 16px;background-color: #05A672;}
.chou-list .list-btn a:hover{filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;cursor: pointer}
.chou-list .list-btn .duihuan_not{background-color: #6F6F6F;filter:alpha(Opacity=100);-moz-opacity:1.0;opacity: 1.0;}

.tc-nn{background-color: #081325;width: 870px;height:460px;border: 3px solid #5B8FDC;position: fixed;left: 50%;
top: 20%;margin-left: -505px;z-index: 999999;border-radius: 16px;}
.tc-nn .tc-zt{width: 100%;height: 100%;position: relative}
.tc-nn .tc-zt p{margin: 6px 0;text-align: left;padding-left: 60px;padding-right: 60px;color: #95959D;font-weight: bold}
.tc-nn .tc-zt .close{width: 25px;height: 25px;line-height: 25px;border-radius: 100%;background-color: #8C9292;display: inline-block;
position: absolute;right: 10px;top:2px;}
.tc-nn .tc-zt .close:hover{cursor: pointer}

/*牌库*/
.pic-paiku-bg{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1000;display: none;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity: 0.5;background-color: #000000}
.pic-paiku{width: 100%;min-height: 230px;margin-left: auto;margin-right: auto;position: fixed;top: 30%;background: url("/App/Home/View/Activity1002/img/materials/main_bg.png") repeat ;
text-align: center;z-index: 1001;display: none}
.pic-paiku .pic-paiku-center{width: 1200px;min-height: 230px;margin: 0 auto;position: relative}
.pic-paiku .pic-paiku-center .pic-paiku-move{left: 0;top: 70px;min-height: 158px;min-width: 158px;}
.pic-paiku .pic-paiku-center dl{float: left;margin-top: auto}
.pic-paiku .pic-paiku-center dl dt{color: #BFCBDB;padding: 2px 0;font-size: 21px;}
.pic-paiku .pic-paiku-center dl dd{margin: auto 20px auto auto; }
.pic-paiku .pic-paiku-center dl dd img{height: 119px;}

.pic-paiku .pic-paiku-center h5{margin: 16px 0;font-size: 30px;color: #6EE9B0;text-align: left;}
.pic-paiku .pic-paiku-center h5 span{display: inline-block;font-size: 20px;border: 2px solid #BFCBDB;font-weight: bold;color: #BFCBDB;
border-radius: 10px;padding: 1px 12px;margin: 0 6px;}
.pic-paiku .pic-paiku-center h5 span:hover{cursor: pointer}
.pic-paiku .pic-paiku-center h5 span.active{border: 2px solid #6EE9B0;color: #6EE9B0;}
.pic-paiku .pic-paiku-center h5 a{display: inline-block;width: 42px;height: 42px;line-height: 42px;font-size: 32px;text-align: center;
color:#BFCBDB;border: 2px solid #BFCBDB;text-decoration: none;border-radius: 100%;font-weight: normal;float: right}

.pic-paiku .pic-paiku-center .paiku-card-zg{display: none}
.pic-paiku .pic-paiku-center .paiku-card-ms{display: none}
.pic-paiku .pic-paiku-center .paiku-card-wj{display: none}

.zuo {left: 0;}
.you {right: 0;}
.gun-trigger{position:absolute;height:90px;width:60px;top:55%;background-color:rgba(73,72,62,.6);margin-top:-45px;text-align:center;transition:all .5s;
    z-index:2}
.zuo:hover{background-color:rgba(73,72,62,.9)}
.you:hover{background-color:rgba(73,72,62,.9)}
.gun-trigger img{margin-top:22px}
.gun-trigger img{margin-top:25px}

/*兑换故事奖励*/
.dh_main{position: fixed;top: 23%;width: 540px;height: 490px;background: #FEFAEF;background-size: 100%;border-radius: 20px;z-index: 2000;
left: 50%;margin-left: -270px;display: none}
.dh_main .dh_main_title{width: 100%;height: 120px;position: relative;text-align: center}
.dh_main .dh_main_title .title_img1{position: absolute;top: -183px;left: -118px}
.dh_main .dh_main_title .title_img2{position: absolute;top: 0;z-index: 2001;margin: 0 auto;width: 240px;height: 73px;left: 145px;}
.dh_main .dh_main_title a{display: inline-block;width: 42px;height: 42px;line-height: 42px;font-size: 32px;text-align: center;
    color:#BFCBDB;border: 2px solid #BFCBDB;text-decoration: none;border-radius: 100%;font-weight: normal;position: absolute;right: -20px;top: -90px;
z-index: 2001;}

.dh_main .dh_main_card{width: 80%;height: 280px;padding: 0 10%}
.dh_main .dh_main_card img{height: 112px;float: left;margin: 10px;}
.dh_main .dh_main_card p{float: left;text-align: center;width: 100%}

#dh_jl_text{font-size: 28px;margin: auto;color: #181818;background-color: #FEFAEF;width: 300px;border-radius: 6px;}
#dh_jl_text span{font-size: 36px;color: #FD4949}

/*兑换身份奖励*/
.hr_main{position: fixed;top: 16%;width: 400px;height: 614px;background:url('../img/index/hr_bg_zg.png') no-repeat center;background-size:auto 100%;
    border-radius: 20px;z-index: 2000;left: 50%;margin-left: -200px;display: none}
.hr_main .hr_main_title{width: 100%;height: 120px;position: relative;text-align: center}
.hr_main .hr_main_title a{display: inline-block;width: 42px;height: 42px;line-height: 42px;font-size: 32px;text-align: center;
    color:#fff;border: 2px solid #fff;text-decoration: none;border-radius: 100%;font-weight: normal;position: absolute;right: -20px;top: -10px;
    z-index: 2001;}
.hr_main .hr_main_card{width: 100%;height: 77px;margin-top: 277px;text-align: center;position: relative}
.hr_main .hr_main_card .hr_p1{color: #383B41;margin: 16px auto auto auto;}
.hr_main .hr_main_card .hr_p2{color: #FD0101;font-size: 18px;font-weight: bold;margin: auto}
.hr_main .hr_main_card .hr_p2 span{font-size: 30px;}
.hr_main .hr_main_card a{display:inline-block;background: url("../img/index/hr_que.png") no-repeat center;width: 182px;height: 57px;
    position: absolute;bottom: -220px;left: 50%;margin-left: -91px;}

/*底部信息展示*/
.boom_nav{position: absolute;width: 900px;height: 68px;top: 0;background-color: #0E2545;left: 50%;z-index: 9999;margin-left: -450px;
border-bottom-left-radius: 26px;border-bottom-right-radius: 26px;overflow: hidden;border: 8px solid #000000}
.boom_nav span{margin: 0 16px;}
.boom_nav #bottom_tili{width: 150px;height: 30px;background-color: #fff;display: inline-block;color: #3E3E3E;border-radius: 17px;position: relative;
text-align: center;float: right}
.boom_nav #bottom_tili img{position: absolute;top: 0;}
.boom_nav #bottom_tili img:hover{cursor: pointer}
#duih_ts:hover{cursor: pointer}
.vip_user{padding: 0.6em 3%;height: 4.2em;text-align: center;}
.vip_user .portrait{width: 2.6em;height: 2.6em;overflow: hidden;float: left;border-radius: 100%}
.vip_user .portrait img{width: 100%;height: 100%;}
.vip_user p{margin-top: auto;margin-bottom: auto;font-size: 1.2em;color: #FFFFff;text-align: left;text-indent: 0.8em;
    padding-top: 0.5em}
.vip_user p em{font-style: inherit;color: #FF4F42}
.vip_user p img{height: 30px;vertical-align: middle;margin-left: 0.4em}

.miaodian{position: fixed;left: 50%;margin-left: -820px;bottom:16%;width: 147px;height: 299px;background: url("http://7s1s8r.com1.z0.glb.clouddn.com/2019-04-03_5ca48680cae9a.png") no-repeat center top;}
.miaodian  .miaodian_btn{width: 84px;height: 68px;margin-left: 49px;margin-top: 6px;}
.miaodian  .miaodian_btn:hover{cursor: pointer}

.sm-main{background-color:#050E0D;width: 100%;height: 95%;padding-top: 2%}
.sm-main p{text-align: left;padding: 0 30px;margin: 6px 0;text-indent: 16px;font-size: 16px;color: #BFCBDB}

.tlhq_btn{position: fixed;top: 10%;left: 50%;margin-left: 600px;z-index: 99999}
.tlhq_btn:hover{cursor: pointer}

.wq_sm{display: flex;flex-direction: row;background-color: #1E222B;margin-top: 80px;}
.wq_sm img{margin: 16px }
.wq_sm p{text-align: left;margin:auto}