@charset "utf-8";
/*CSS Document*/
html,body{font-size:14px; font-family:"Microsoft YaHei",Verdana,Geneva,sans-serif,\5b8b\4f53;}
/*css-reset*/
html,body,div,ul,ol,li,dl,dt,dd,p,span,em,strong,b,i,h1,h2,h3,h4,form,input,button,textarea,select,option,img,a{ margin:0; padding:0}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%;}
html{_filter:expression(document.execCommand("BackgroundImageCache",false,true));}
ul,li,div,dl,dt,dd{list-style:none;}
/*
body table{border-collapse:separate; border-spacing:2px;}
*/
input{outline: none;font-size:14px; font-family:"Microsoft YaHei"}
input::-ms-clear{display:none;}
h1.wm-public{height:0px; line-height:0px; font-size:0px;}
a{text-decoration:none; cursor: pointer;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a:hover{text-decoration:none;}
img{border:0; object-fit: cover; }
font,em{font-style:normal; font-family:\5b8b\4f53;}
label{vertical-align:middle; font-family:tahoma;}
textarea,input{resize:none; outline:none;}
textarea{overflow:auto;}
ins{float:right; text-decoration:none; font-weight:normal;}
.pub_wsp{word-wrap:break-word; word-break:break-all;}
.pub_abso{vertical-align:middle;}
.pub_clr{clear:both;font-size:0;height:0;line-height:0;overflow:hidden;}
.pub_yh{font-family:"Microsoft YaHei";}
.none{display:none;}
/*公用浮动*/
.fl{ float: left}
.fr{ float: right}
/*浮动清理*/
.cf:before,.cf:after{content:".";display:block;height:0;visibility:hidden}
.cf:after{clear:both}
.cf{zoom:1}
.auto{left: 50%; -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -ms-transform:translate(-50%,0); -o-transform:translate(-50%,0); transform:translate(-50%,0);}

/* 去除点击选项卡时出现的蓝色边框 */
/*.swiper-pagination .swiper-pagination-bullet:focus{ outline: none; }*/
/* 去除点击选项卡时出现的蓝色背景 */
/*.swiper-pagination-clickable .swiper-pagination-bullet{ cursor: auto; }*/
.swiper-pagination-bullet:focus,
.swiper-button-prev:focus,
.swiper-button-next:focus{ outline: none; }

html, body{ max-width: 2000px; height: 100%; margin: 0 auto; }
body{ -webkit-text-size-adjust: 100%; }

/*index*/
.index{ position: relative; height: 1042px; background: url(../images/index.jpg) no-repeat center top; overflow: hidden; }
#excessive{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2000px; height: 1042px; z-index: 1; }
#bgVideo{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2000px; height: 1042px; }
.logo{ position: absolute; top: 30px; left: 40px; }
.login{ position: absolute; top: 18px; right: 20px; font-size: 24px; color: #FFF; display: flex; align-items: center; }
.music_switch{ width: 52px; height: 53px; margin-right: 20px; background: url(../images/music.png) no-repeat 0 0; }
.music_switch.off{ background-position: -52px 0; }
.before, .after{ display: none; }
.before a{ display: block; width: 169px; height: 46px; background: url(../images/login.png) no-repeat 0 0; }
.before a:hover{ background-position: 0 -46px; }
.login_user{ display: inline-block; width: 43px; height: 41px; vertical-align: middle; margin-right: 15px; background: url(../images/login_user.png) no-repeat 0 0; }
.logout{ margin-left: 15px; }
.yy_btn{ margin-left: 13px; width: 169px; height: 46px; background: url(../images/yy_btn.png) no-repeat 0 0; }
.yy_btn:hover{ background-position: 0 -46px; }
.three_link{ position: absolute; left: 47px; bottom: 45px; width: 211px; height: 53px; background: url(../images/three_link.png) no-repeat 0 0; display: flex; justify-content: center; align-items: center; }
.three_link a{ position: relative; width: 50px; height: 50px; }
.three_qq{ background: url(../images/three_qq.png) no-repeat 0 0; }
.three_wechat{ background: url(../images/three_wechat.png) no-repeat 0 0; }
.three_weibo{ background: url(../images/three_weibo.png) no-repeat 0 0; }
.three_service{ background: url(../images/three_service.png) no-repeat 0 0; }
.three_code{ position: absolute; top: -144px; left: 50%; transform: translate(-50%, 0); width: 131px; height: 144px; background: url(../images/pop_code.png) no-repeat 0 0; display: none; }
.three_code img{ width: 111px; height: 111px; position: absolute; top: 10px; left: 50%; transform: translate(-50%, 0); }
.three_link a:hover{ background-position: 0 -50px; }
.three_link a:hover .three_code{ display: block; }
.count_down{ position: absolute; top: 244px; left: 50%; margin-left: -510px; }
.count_down font{ display: inline-block; width: 46px; height: 70px; background: url(../images/num.png) no-repeat; }
.count_down .n0{ background-position: 0 0; }
.count_down .n1{ background-position: -46px 0; }
.count_down .n2{ background-position: -92px 0; }
.count_down .n3{ background-position: -138px 0; }
.count_down .n4{ background-position: -184px 0; }
.count_down .n5{ background-position: -230px 0; }
.count_down .n6{ background-position: -276px 0; }
.count_down .n7{ background-position: -322px 0; }
.count_down .n8{ background-position: -368px 0; }
.count_down .n9{ background-position: -414px 0; }
.count_down .line{ width: 15px; background: url(../images/line.png) no-repeat center center; }
.index_btn{ position: absolute; top: 710px; left: 50%; transform: translate(-50%, 0); width: 310px; height: 255px; background: url(../images/index_btn.png) no-repeat 0 0; }

/*barrage*/
.barrage{ position: relative; min-width: 1500px; height: 1042px; background: url(../images/barrage.jpg) no-repeat center top; }
.back{ margin-left: 13px; width: 180px; height: 55px; background: url(../images/back.png) no-repeat 0 0; }
.back:hover{ background-position: 0 -55px; }
.barrage_swiper{ position: absolute; top: 190px; left: 50%; margin-left: -380px; width: 710px; height: 60px; }
.barrage_swiper .swiper-slide{ height: 60px; line-height: 60px; font-weight: bold; font-size: 18px; color: #FFF; }
.barrage_swiper .col1{ color: #f0ff00; }
.barrage_swiper .col2{ color: #00eaff; }
.barrage_swiper .col3{ color: #F00; }
.rule_btn{ position: absolute; top: 260px; left: 50%; margin-left: 340px; width: 182px; height: 57px; background: url(../images/rule_btn.png) no-repeat 0 0; }
.rule_btn:hover{ background-position: 0 -57px; }
.danmu_box{ position: absolute; top: 380px; left: 50%; margin-left: -750px; width: 1500px; height: 400px; }
.danmu{ position: relative; width: 100%; height: 100%; overflow: hidden; }
.danmu div{ position: absolute; display: flex; align-items: center; }
.danmu .head{ width: 95px; height: 95px; }
.style1 .head{ background: url(../images/head1.png) no-repeat 0 0; background-size: 100% auto; }
.style2 .head{ background: url(../images/head2.png) no-repeat 0 0; background-size: 100% auto; }
.style3 .head{ background: url(../images/head3.png) no-repeat 0 0; background-size: 100% auto; }
.style4 .head{ background: url(../images/head4.png) no-repeat 0 0; background-size: 100% auto; }
.style5 .head{ background: url(../images/head5.png) no-repeat 0 0; background-size: 100% auto; }
.danmu .text{ margin-left: -8px; width: 508px; height: 50px; line-height: 50px; text-indent: 20px; font-size: 26px; color: #FFF; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.style1 .text{ background: url(../images/text1.png) no-repeat 0 0; }
.style2 .text{ background: url(../images/text2.png) no-repeat 0 0; }
.style3 .text{ background: url(../images/text3.png) no-repeat 0 0; }
.style4 .text{ background: url(../images/text4.png) no-repeat 0 0; }
.style5 .text{ background: url(../images/text5.png) no-repeat 0 0; }
.barrage_btn{ position: absolute; top: 830px; left: 50%; transform: translate(-50%, 0); width: 750px; display: flex; justify-content: space-between; }
.barrage_btn a{ width: 345px; height: 154px; }
.barrage_btn a.n1{ background: url(../images/barrage_btn1.png) no-repeat 0 0; }
.barrage_btn a.n2{ background: url(../images/barrage_btn2.png) no-repeat 0 0; }
.barrage_btn a:hover{ background-position: 0 -154px; }

/*news*/
.news{ position: relative; height: 1042px; padding-top: 189px; box-sizing: border-box; background: url(../images/news.jpg) no-repeat center top; }
.news_nav{ width: 678px; margin: 0 auto; display: flex; justify-content: space-between; }
.news_nav a{ width: 215px; height: 63px; background: url(../images/news_nav.png) no-repeat; }
.news_nav a.n1{ background-position-x: 0; }
.news_nav a.n2{ background-position-x: -231px; }
.news_nav a.n3{ background-position-x: -463px; }
.news_nav a:hover, .news_nav a.on{ background-position-y: -63px; }
.news_cont{ position: relative; margin: 40px auto 0 auto; width: 1460px; }
.news_list{ display: flex; flex-wrap: wrap; width: 1242px; margin: 0 auto; }
.news_item{ position: relative; width: 464px; height: 352px; margin: -30px -25px; background: url(../images/news_item.png) no-repeat 0 0; }
.news_item .hot{ position: absolute; top: 55px; left: 345px; width: 89px; height: 40px; line-height: 40px; font-size: 23px; color: #fbd7db; }
.news_item .tit{ position: absolute; top: 95px; left: 51px; width: 370px; height: 38px; line-height: 38px; text-align: center; font-weight: bold; font-size: 32px; color: #242323; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_item .des{ position: absolute; top: 152px; left: 51px; width: 370px; line-height: 26px; font-size: 18px; color: #000; text-indent: 2em; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.news_item .more{ position: absolute; top: 260px; left: 350px; font-weight: bold; font-size: 22px; color: #970007; }
.news_item .num{ position: absolute; top: 290px; left: 51px; font-weight: bold; font-size: 24px; color: #000; }
.news_prev, .news_next{ position: absolute; top: 50%; transform: translate(0, -50%); width: 63px; height: 73px; }
.news_prev{ left: 0; background: url(../images/news_prev.png) no-repeat 0 0; }
.news_next{ right: 0; background: url(../images/news_next.png) no-repeat 0 0; }
.news_page{ display: flex; justify-content: center; margin-top: 55px; font-size: 18px; color: #FFF; }
.news_page a{ margin: 0 3px; padding: 3px 10px; border: 1px solid #878080; border-radius: 5px; color: #FFF; }

/*弹窗框：预约游戏*/
.pop_fixed{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 10; display: none; }
.pop_cont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.pop_cont1{ width: 760px; height: 708px; background: url(../images/pop_cont1.png) no-repeat 0 0; }
.close{ position: absolute; top: 53px; right: 74px; width: 59px; height: 58px; background: url(../images/close.png) no-repeat 0 0; }
.yy_tit{ display: block; margin: 86px auto 0 auto; }
.sub_form_box{ width: 432px; margin: 18px auto 0 auto; }
.yuyue_iscount{height: 52px;}
.yuyue_iscount span{ height: 23px; cursor: pointer;}
.yuyue_iscount strong{display: block; overflow: hidden; text-indent: -999px; width: 100%; height: 100%; background: url(../images/r.png) no-repeat 0 -50px;}
.yuyue_iscount span.n1{background: url(../images/yy_tab3.png) no-repeat 0 center; float: left; width: 125px;}
.yuyue_iscount span.n2{background: url(../images/yy_tab4.png) no-repeat 0 center; float: right; width: 193px;}
.yuyue_iscount span.on strong{background-position: 0 center; }
.yuyue_phone{height: 48px; margin-bottom: 10px; background: #FFF;}
.sub_right{height:48px; margin: 0 auto;}
.sub_right input{width:100%; height:100%; text-align: center; font:normal 20px/36px "Microsoft YaHei"; color:#474039; background:none; border:0; outline:0;}
.sub_right input.phone_inter{ width: 170px; border-left: 1px solid #5e574f; font-size: 20px; }
.area_code_select{ width: 170px; height: 100%; padding-left: 5px; border: 0; background: none; font:normal 20px/36px "Microsoft YaHei"; color:#474039; outline:0;}
.get_yzm_tel{display:block; width: 150px; height: 48px; float: left; font:normal 20px/48px "Microsoft YaHei"; color:#474039; text-align:center; cursor: pointer; margin-left: 10px;}
.yzm_right{width:170px; height: 48px; float: right; margin-right: 10px;}
.yzm_right input{ width: 100%; height: 100%; text-align: center; font: normal 20px/48px "Microsoft YaHei"; color: #1b1919; background: none; border: 0; outline: 0; margin-top: 2px; }
.yuyue_pick{height: 48px; margin-bottom: 10px;}
.yuyue_system{height: 48px; margin-bottom: 10px;}
.yuyue_system span{display: block; width: 209px; height: 48px; overflow: hidden; text-indent: -999px;}
.yuyue_system span.btnIOS{background: url(../images/sys1.png) no-repeat 0 0; float: left;}
.yuyue_system span.btnAnd{background: url(../images/sys2.png) no-repeat 0 0; float: right;}
.yuyue_system span.on{background-position: 0 -48px;}
.notice_yy{ margin: 15px 0; text-align: center; line-height: 28px; font-size: 18px; color: #54482c; }
.yuyue_btn{padding-top:10px;}
.yuyue_btn span{display: block; cursor: pointer; width: 282px; height: 86px; margin:0 auto; background: url(../images/sub.png) no-repeat 0 0;}
.yuyue_btn span.on{background-position: 0 -86px;}
.btnInvite{width: 574px; height: 513px; margin:0 auto; padding-top: 150px;}
.inviteTitle{height: 187px; padding-top: 110px;}
.inviteTitle img{display: block; margin:0 auto;}
.quesClose{width: 282px; height: 86px; background: url(../images/quesClose.png) no-repeat 0 0; display: block; overflow: hidden; text-indent: -999px; margin:0 auto; cursor: pointer;}
.yuyue_ps{text-align: center; color: #000; font-weight: bold; font-size: 14px;}
#wanmeiCaptcha_0{ max-width: 432px!important; width: 432px!important; height: 48px!important; background:#b44435 !important; border-radius:0 !important; border:0 none !important;}
#wanmeiCaptcha_0:hover{ border-color: rgba(0,0,0,0)!important;}
#wanmeiCaptcha_0 p{ color: #FFF!important; font-size: 16px!important; line-height: 49px!important;}
#wanmeiCaptcha_0 .tester-ringouter{ border-color: #FFF!important; }

/*弹窗框：弹幕详情*/
#pop_barrage{ z-index: 11; }
.pop_barrage_main{ width: 582px; margin: 72px auto 0 auto; }
.pop_barrage_head{ display: flex; justify-content: space-between; align-items: center; }
.pop_barrage_user{ display: flex; align-items: center; }
.pop_barrage_user .head{ width: 78px; height: 78px; margin: 0 auto; }
.pop_barrage_user .head1{ background: url(../images/head1.png) no-repeat 0 0; background-size: 100% auto; }
.pop_barrage_user .head2{ background: url(../images/head2.png) no-repeat 0 0; background-size: 100% auto; }
.pop_barrage_user .head3{ background: url(../images/head3.png) no-repeat 0 0; background-size: 100% auto; }
.pop_barrage_user .head4{ background: url(../images/head4.png) no-repeat 0 0; background-size: 100% auto; }
.pop_barrage_user .head5{ background: url(../images/head5.png) no-repeat 0 0; background-size: 100% auto; }
.pop_barrage_user .name{ margin-left: 10px; font-weight: bold; font-size: 22px; color: #53514e; }
.pop_barrage_num{ margin-right: 50px; width: 203px; height: 38px; line-height: 38px; background: url(../images/pop_barrage_num2.png) no-repeat 0 0; text-indent: 20px; font-size: 20px; color: #82221a; }
.pop_barrage_tit{ position: relative; margin: 7px auto 0 auto; padding: 0 15px; box-sizing: border-box; width: 582px; background: url(../images/pop_barrage_tit.png) no-repeat 0 0; }
.pop_barrage_tit h1{ width: 450px; height: 68px; line-height: 68px; font-weight: bold; font-size: 36px; color: #44423f; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pop_barrage_tit span{ position: absolute; bottom: 5px; right: 15px; font-size: 18px; color: #8d3930; }
.pop_barrage_des{ margin: 30px auto 0 auto; width: 555px; height: 300px; text-indent: 2em; overflow-x: hidden; overflow-y: auto; line-height: 28px; font-weight: bold; font-size: 16px; color: #524f4b; white-space: pre-line; }
.pop_barrage_des::-webkit-scrollbar{ width: 5px; border-radius: 3px; background: #9a8b78; }
.pop_barrage_des::-webkit-scrollbar-thumb{ border-radius: 3px; background: #54514c; }
.pop_barrage_btns{ display: flex; justify-content: center; padding-top: 10px; background: url(../images/pop_barrage_user.png) no-repeat left top; }
.like_btn{ width: 262px; height: 79px; background: url(../images/like_btn.png) no-repeat 0 0; }
.like_btn.on{ background-position: 0 -79px; cursor: default; }

/*弹窗框：发布奇闻*/
.pop_send_main{ width: 582px; margin: 130px auto 0 auto; }
.pop_send_main .pop_barrage_num{ margin-bottom: 22px; }
.send_row{ margin-bottom: 20px; display: flex; }
.sub_tit{ width: 90px; text-align: right; padding-right: 10px; box-sizing: border-box; font-weight: bold; font-size: 30px; color: #44423f; }
.send_name, .send_tit, .send_text{ box-sizing: border-box; border: 1px solid #6e6a64; border-radius: 5px; font-size: 14px; color: #4c4945; }
.send_name, .send_tit{ padding: 0 15px; height: 46px; line-height: 46px; }
.send_name{ width: 350px; }
.send_tit{ width: 469px; }
.send_text{ width: 469px; padding: 10px 15px; height: 160px; line-height: 24px; }
.yzm_row{ position: relative; margin-top: 32px; }
.send_yzm span{ display: inline-block; width: 90px; text-align: right; font-size: 24px; color: #54482c; }
.send_yzm input{ margin-left: 10px; width: 228px; height: 46px; line-height: 46px; text-align: center; font-size: 20px; color: #4c4945; }
#pop_send .pop_send_btns{ margin-top: 50px; }
.pop_send_btns{ display: flex; justify-content: center; }
#pop_send .pop_send_btns a{ width: 262px; height: 79px; margin: 0 8px; }
#pop_confirm .pop_send_btns a{ width: 285px; height: 96px; }
.send_submit{ background: url(../images/send_submit.png) no-repeat 0 0; }
.send_submit2{ background: url(../images/send_submit2.png) no-repeat 0 0; }
.send_cancel{ background: url(../images/send_cancel.png) no-repeat 0 0; }
.send_cancel2{ background: url(../images/send_cancel2.png) no-repeat 0 0; }

/*弹窗框：发布二次确认*/
#pop_confirm{ z-index: 11; }
.pop_cont2{ width: 584px; height: 360px; background: url(../images/pop_cont2.png) no-repeat 0 0; }
.pop_cont2 .close{ top: 30px; right: 20px; }
.pop_confirm_text{ padding: 115px 0 30px 0; text-align: center; line-height: 40px; font-weight: bold; font-size: 24px; color: #8d3930; }

/*弹窗框：我的头像*/
#pop_selHead{ z-index: 11; }
.pop_cont3{ width: 743px; height: 687px; background: url(../images/pop_cont3.png) no-repeat 0 0; }
.selHead_nav{ position: absolute; top: 220px; left: 50%; transform: translate(-50%, 0); width: 430px; display: flex; flex-wrap: wrap; }
.selHead_nav a{ width: 143px; height: 143px; display: flex; justify-content: center; align-items: center; }
.selHead_nav a.n1.on{ background: url(../images/curr_head1.png) no-repeat 0 0; }
.selHead_nav a.n2.on{ background: url(../images/curr_head2.png) no-repeat 0 0; }
.selHead_nav a.n3.on{ background: url(../images/curr_head3.png) no-repeat 0 0; }
.selHead_nav a.n4.on{ background: url(../images/curr_head4.png) no-repeat 0 0; }
.selHead_nav a.n5.on{ background: url(../images/curr_head5.png) no-repeat 0 0; }
.selHead_nav a span{ display: block; width: 107px; height: 107px; border-radius: 107px; }
.selHead_nav a.n1 span{ background: url(../images/head1.png) no-repeat 0 0; }
.selHead_nav a.n2 span{ background: url(../images/head2.png) no-repeat 0 0; }
.selHead_nav a.n3 span{ background: url(../images/head3.png) no-repeat 0 0; }
.selHead_nav a.n4 span{ background: url(../images/head4.png) no-repeat 0 0; }
.selHead_nav a.n5 span{ background: url(../images/head5.png) no-repeat 0 0; }
.selHead_submit{ position: absolute; top: 520px; left: 50%; transform: translate(-50%, 0); width: 282px; height: 86px; background: url(../images/submit.png) no-repeat 0 0; }

/*弹窗框：我的奇闻*/
.myNews_head{ position: relative; margin: 122px auto 0 auto; width: 570px; height: 69px; background: url(../images/myNews_head.png) no-repeat 0 0; }
.myNews_head .head{ position: absolute; top: 50%; left: -28px; transform: translate(0, -50%); width: 107px; height: 107px; }
.myNews_head .head1{ background: url(../images/head1.png) no-repeat 0 0; }
.myNews_head .head2{ background: url(../images/head2.png) no-repeat 0 0; }
.myNews_head .head3{ background: url(../images/head3.png) no-repeat 0 0; }
.myNews_head .head4{ background: url(../images/head4.png) no-repeat 0 0; }
.myNews_head .head5{ background: url(../images/head5.png) no-repeat 0 0; }
.change_head{ position: absolute; bottom: -20px; right: -20px; width: 60px; height: 64px; background: url(../images/change_head.png) no-repeat 0 0; }
.myName{ margin-left: 100px; height: 69px; line-height: 69px; font-weight: bold; font-size: 26px; color: #3b3b36; }
.myNews_list{ margin: 60px auto 0 auto; width: 570px; height: 304px; overflow-x: hidden; overflow-y: auto; }
.myNews_list::-webkit-scrollbar{ width: 5px; border-radius: 3px; background: #9a8b78; }
.myNews_list::-webkit-scrollbar-thumb{ border-radius: 3px; background: #54514c; }
.myNews_row{ padding-bottom: 20px; margin-bottom: 20px; display: flex; justify-content: space-between; font-size: 24px; background: url(../images/pop_barrage_user.png) no-repeat left 45px; }
.myNews_row.on{ color: #830900; }
.myNews_row.ing{ color: #955429; }
.myNews_row.off{ color: #3b3b36; }
.myNews_row a{ margin-left: 15px; height: 44px; line-height: 44px; font-weight: bold; }
.myNews_row span{ height: 44px; line-height: 44px; padding-right: 50px; }
.myNews_row.on span{ background: url(../images/myNews_state1.png) no-repeat right center; }
.myNews_row.ing span{ background: url(../images/myNews_state2.png) no-repeat right center; }
.myNews_row.off span{ background: url(../images/myNews_state3.png) no-repeat right center; }

/*弹窗框：提示*/
#pop_msg{ z-index: 20; }
.pop_msg_cont{ position: absolute; top: 100px; left: 50%; transform: translate(-50%, 0); width: 80%; text-align: center; font-weight: bold; font-size: 38px; color: #8d392f; }
.msg_submit{ position: absolute; top: 220px; left: 50%; transform: translate(-50%, 0); width: 282px; height: 86px; background: url(../images/submit.png) no-repeat 0 0; }

/*弹窗框：活动规则*/
.rule_tit{ margin: 106px auto 0 auto; width: 570px; height: 69px; background: url(../images/rule_title.png) no-repeat 0 0; }
.rule_cont{ margin: 30px auto 0 auto; width: 570px; height: 375px; overflow-x: hidden; overflow-y: auto; line-height: 32px; font-size: 18px; color: #3b3b36; }
.rule_cont::-webkit-scrollbar{ width: 5px; background: #9a8b78; border-radius: 4px; }
.rule_cont::-webkit-scrollbar-thumb{ background: #54514c; border-radius: 4px; }