html,body,div,ul,ol,li,p,span,a,b,i,h1,h2,input,select{ margin: 0; padding: 0; list-style: none; border: 0; }
html,body{ width: 100%; }
a{text-decoration: none;color: #000}
@media screen and ( min-width: 1336px) {
	html,body{ width: 640px; margin: 0 auto; position: relative; font-size: 40px; }
}

input::-ms-clear{display: none;}

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:    #DCAB94;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:    #DCAB94;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:    #DCAB94;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:    #DCAB94;
}

.home{ width: 100%; height: 26.75rem; background-image: url(img/home_bg.jpg); background-size: 100% auto; background-repeat: no-repeat;padding-top: 3rem;box-sizing: border-box; }
.top_bar{ width: 100%; height: 3rem; background: #fff; position: fixed; top: 0; left: 0; z-index: 100; }
.top_bar img{ width: 100%; display: block; }
.top_bar .slogan{width:4.35rem;position: absolute;top: 0.5rem;left: 3.25rem;z-index: 2}
.top_bar .logo{ width: 2.15rem; display: block; position: absolute; top: .5rem; left: .75rem; z-index: 2;}
.top_bar .nav_btn{ width: 1.4rem; display: block; position: absolute; top: .85rem; right: .8rem; z-index: 2;}
.top_bar .nav_close{ width: 1.15rem; display: none; position: absolute; top: .85rem; right: .9rem; z-index: 2;}
.top_bar .nav_box{ width: 100%; overflow: auto; position: absolute; top: 3rem; left: 0; z-index: 100; display: none; padding-bottom: 3rem; box-sizing: border-box;}
.top_bar .nav_box .nav_list{ width: 100%;  }
.top_bar .nav_box .nav_list a{ width: 100%; height: 2rem; display: block; line-height: 2rem; border-top: 1px #eee solid; background: #fafafa; font-size: .65rem; color: #333; text-indent: 1.5rem;}
.top_bar .nav_box .community{ width: 100%; padding: 2rem 0 .2rem 0; background-image: url(img/community.jpg); background-size: 100% auto; overflow: hidden;}
.top_bar .nav_box .community ul li{ width: 25%; float: left; text-align: center; padding-bottom: 1rem; }
.top_bar .nav_box .community ul li a{ width: 2.5rem; height: 2.5rem; display: block; margin: 0 auto; }
.top_bar .nav_box .community ul li span{ font-size: .55rem; color: #fff; display: block; padding-top: .2rem; }
.top_bar .nav_box .nav_down{ padding: .75rem 0; background: #e5e5e5; text-align: center; height: 2.5rem;}
.top_bar .nav_box .nav_down a{ width: 7.2rem; display: inline-block; margin: 0 .3rem; }
.top_bar .nav_mask{ width:100%; height: 100%; left: 0; top: 3rem; position: fixed; background: rgba(0,0,0,.8); display: none ;z-index: 99}

.search{width: 12.925rem;height: 1.5rem;margin: 1rem auto 0;position: relative}
.search_input{width: 100%;height: 100%;box-sizing: border-box;border:1px solid #CF8275;text-indent: 0.75rem;line-height: 1.5rem;color: #000;font-size: 0.55rem;}
.search_btn{position: absolute;top: 0;right: 0;width: 2.5rem;height: 1.5rem;background: url("img/search.png") no-repeat top center;background-size: 100% 100%;}

.tab{ width: 100%; position: relative; height: .785rem; border-bottom: 1px #F7BEB8 solid; padding-top: 0.75rem}
.tab i{ width: .25rem; height: .25rem; display: block; border: 1px #F7BEB8 solid; background: #fff; border-radius: 10px; float: left; margin-top: .63rem; margin-left: .5rem; margin-right: .2rem }
.tab i.i2{margin-left: .2rem }
.tab ul { float: left; }
.tab ul li{ width: 2.55rem; height: 1.6rem;  margin: 0 .125rem; position: relative; float: left;}
.tab ul li a{ width: 100%; height: 100%; display: block; text-align: center; font-size:.65rem; color: #000; line-height: 1.6rem; background-image: url(img/tab_bg.png); background-size: 100% 200%; background-position: 0 -1.6rem;}
.tab ul li.cur a{ background-position: 0 0; color: #fff}


.sc_list{ width: 100%; height: 17.5rem;  clear: both; padding-top: 1rem; position: relative; z-index: 1;}
.sc_list ul{ height: 100%; overflow: auto; }
.sc_list ul li{ width: 3.9rem; height: 4.25rem; float: left; margin: .25rem 0; }
.sc_list ul li a{ width: 100%; height: 100%; display: block; position: relative;}
.sc_list ul li a i{ width: 3.025rem; height: 3.05rem; display: block; position: absolute; top: .075rem; left: .43rem; z-index: 2; background-image: url(../style/img/i_bg.png); background-size: 100% 100%;}
.sc_list ul li a img{ margin: 0 auto; display: block; padding-top: .075rem; position: relative; z-index: 1; width: 3rem;}
.sc_list ul li a .name{ display: block; color: #000; text-align: center; padding-top: .25rem; position: relative; z-index: 4; font-size: .5rem;}
.sc_list .more{ position: absolute; bottom: -2.5rem; width: 4rem; left: 50%; margin-left: -2rem; }
.sc_list ul::-webkit-scrollbar{ display: none}

.header { width: 100%; height: 17.25rem; background-image: url(img/header.jpg); background-size: 100% 100%; position: relative; overflow: hidden;}
.header .top_info{ padding-top: 3.25rem; padding-left: .5rem; position: relative; z-index: 2;}
.header .top_info h1{ font-size: 1.4rem; font-weight: normal; }
.header .top_info h1 span{ font-size: 1rem; }
.header .top_info p{ font-size: .55rem; color: #4d3017; padding-top: .3rem}
.header .top_info p span{ display: block; line-height: 1rem;}
.header .top_tab{ width: 4.5rem; padding-top: .5rem; overflow: hidden;position: relative;z-index: 99}
.header .top_tab a{ width: 4.5rem; height: 1.95rem; display: block; background-image: url(../style/img/top_tab.png); background-size: 200% 200%; }
.header .top_tab a.top_tab1{ background-position: 0 -1.95rem }
.header .top_tab a.top_tab2{ background-position: -4.5rem -1.95rem }
.header .top_tab a.top_tab1.cur{ background-position: 0 0 ;}
.header .top_tab a.top_tab2.cur{ background-position: -4.5rem 0 ;}
.header .top_img{ display: block; position: absolute; top: 1rem; left: 50%; margin-left: -10.5rem; width: 26rem;z-index: 1}
.header .top_more{ width: 5rem; height: 1.75rem; position: absolute;cursor: pointer;z-index: 99; top: 0; left:.5rem; font-size: .75rem; color: #fff; line-height: 1.75rem; background: #c29349; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-align: center;}
.header .top_more img{ display: inline-block; width: .75rem; }
.header .top_more span{ display: inline-block; padding-left: .2rem;pointer-events:none}
.header .role-skin{display: none}

.header_list{ width: 100%; background: #f6f6f6; padding: .75rem 0; position: absolute; top: 0; left: 0; z-index: 100; display: none}
.header_list .list_box{ width: 100%; }
.header_list .list_box .list_t{ width: 100%; height: 1.75rem;cursor: pointer; background-image: url(img/list_t.jpg); background-position: top; background-size: 100% 200%; font-size: 1rem; color: #333; text-indent: .75rem; line-height: 1.75rem; font-weight: bold;}
.header_list .list_box .list{ width: 100%; height: 0;cursor: pointer; overflow: hidden; box-sizing: border-box; transition: height 1s}
.header_list .list_box .list ul li{ width: 33.33%; float: left; text-align: center; font-size: .7rem; color: #333; height: 1.5rem; line-height: 1.5rem; white-space: nowrap;overflow: hidden}
.header_list .list_box.cur .list{ height: auto;cursor: pointer; }
.header_list .list_box.cur .list_t{ color: #c36019; background-position: bottom ;cursor: pointer}
.header_list .list_box:first-child .list_t{background-position: 1.5rem 0;background-repeat: no-repeat;background-size: 90% 200%;}
.header_list .list_box.cur:first-child .list_t{ background-position: 1.5rem bottom}


.list_close{ width: 5rem; height: 1.75rem; position: absolute;cursor: pointer; bottom:-1.75rem; left:50%; margin-left: -2.5rem; font-size: .75rem; color: #fff; line-height: 1.75rem; background: #c29349; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; text-align: center;}
.list_close img{ display: inline-block; width: .75rem; }
.list_close span{ display: inline-block; padding-left: .2rem;pointer-events: none;}

.part_1{ width: 100%; padding: 5.5rem 0 2rem 0; background-image: url(img/part_1.jpg); background-size: 100% auto; background-repeat: no-repeat; background-position: top; background-color:#fff;}
.part_1 .info{ width: 14.75rem; margin: 0 auto; font-size: .55rem; color: #666;line-height: 1rem; }
.part_1 .info:first-letter{ font-size: 1rem; color: #333; padding-right:.1rem }
.part_1 .zhiye{width: 14.75rem; margin: 0 auto; padding-top: .5rem}
.part_1 .zhiye .zhiye_t{ padding-bottom: .1rem; overflow: hidden; }
.part_1 .zhiye .zhiye_t .t_1{ font-size: .9rem; color: #333; display: inline-block; vertical-align: middle;float: left}
.part_1 .zhiye .zhiye_t .t_2{ font-size: .55rem; color: #fff; text-align: center; display: inline-block; width: 3.2rem; height: 1rem; line-height: 1rem; text-indent: .5rem; background-image: url(img/sh_bg.png); background-size: 100% 100%;float: left}
.part_1 .zhiye p{ font-size: .55rem; color: #666; line-height: 1rem; padding-top: .2rem }

.xinwu{ height: 6rem; padding: 1rem .5rem; box-sizing: border-box; position: relative;}
.xinwu .xinwu_t{ font-size: .9rem; color: #333; padding-bottom: .5rem; display: block;position: relative; }
.xinwu ul li{ width: 25%; height: 4.25rem; float: left; cursor: pointer;}
.xinwu ul li i{ width: 2.775rem; height: 2.775rem; display: block; background-image: url(../style/img/xw_bg.png); background-size: 100% 100%; margin: 0 auto;}
.xinwu ul li i img{ display: block; width: 2.5rem; margin: 0 auto; }
.xinwu ul li .h1{ display: block; font-size: .5rem; color: #e18d55; line-height: .5rem; text-align: center; word-break: break-word}
.xinwu ul li .h2{display: block; font-size: .4rem; color: #e18d55; text-align: center; }
.xinwu.lv_4 ul li span{ color: #35a4e3 }
.xinwu .xinwu_tips{ width: 100%; position:  absolute; bottom:-2.3rem; left: 0; background: #d2a77d; z-index: 2; opacity: 1; transition: .5s; display: none }
.xinwu .xinwu_tips p{ padding:.5rem .3rem; font-size: .5rem; text-align: center; color: #fff; line-height: .375rem; }

.part_2{ width: 100%; height: 43.5rem; background-image: url(img/part_2.jpg); background-size: 100% 100%; }
.shuxing{ width: 12rem; margin: 0 auto; padding-top: 9rem; overflow: hidden;}
.shuxing ul li{ width: 50%; height: 2.2rem; float: left; font-size: .6rem; line-height: .75rem;}
.shuxing ul li i{ width: .85rem; height: .75rem; display: block; float: left; background-image: url(../style/img/ico_1.png); background-size: 100% 800%; margin-left: .6rem}
.shuxing ul li span{ display: block; float: left; padding-left: .25rem; }
.shuxing ul li span.name{ color: #999; padding: 0 .25rem }
.shuxing ul li span.numb{ color: #333 }
.shuxing ul li.s_1 i{ background-position: 0 0; }
.shuxing ul li.s_2 i{ background-position: 0 -0.75rem; }
.shuxing ul li.s_3 i{ background-position: 0 -1.5rem; }
.shuxing ul li.s_4 i{ background-position: 0 -2.25rem; }
.shuxing ul li.s_5 i{ background-position: 0 -3rem; }
.shuxing ul li.s_6 i{ background-position: 0 -3.75rem; }
.shuxing ul li.s_7 i{ background-position: 0 -4.5rem; }
.shuxing ul li.s_8 i{ background-position: 0 -5.25rem; }
.tianfu{ width: 13.5rem; margin: 0 auto; padding-top: 4rem;}
.tianfu ul li{ height: 1.5rem; font-size: .5rem; line-height: 1.5rem; }
.tianfu ul li span{ display: block; float: left; }
.tianfu ul li span.t_1{ color: #999 }
.tianfu ul li span.t_2{ color: #333 }
.tianfu ul li span.t_3{ color: #c69668 }

.part_3{ width: 100%; height: 42.675rem;overflow-x:hidden; background-image: url(img/part_3.jpg); background-size: 100% 100%; padding-top: 5.5rem; }
.chart{ margin-top: 0;margin-left: -100%; display: block; width: 26rem;position: relative;left: 11rem;padding-left: 0.2rem}

.jineng{ width: 14.5rem; margin: 0 auto; padding-top: 1.5rem }
.jineng .title{text-align: center;font-size: 0.9rem;color: #333333;font-weight: bold;margin-bottom: 0.875rem}
.jineng ul li{ width: 100%; height: 4.5rem; clear: both;}
.jineng ul li i{ width: 3rem; height: 3rem; display: block; padding: .25rem; border: 1px #000 solid; float: left;}
.jineng ul li i img{ width: 100%; display: block; }
.jineng ul li p{ width: 10.3rem; float: left; padding-left: .5rem; }
.jineng ul li p .name{ font-size: .75rem; color: #000; display: block; padding-bottom: .2rem }
.jineng ul li p .intro{ font-size: .5rem; color: #666; line-height: .75rem; display: block;}

.baoshi{ width: 13.25rem; height: 13.575rem; margin: 0 auto; background-image: url(img/gem_bg.png); background-size: 100% 100%; position: relative; margin-top: 3rem}
.baoshi ul li{ position: absolute; width: 2rem; height: 2rem; }
.baoshi ul li span{ font-size: .6rem; display: block; text-align: center; height: 1.2rem; color: #333 ;line-height: 1rem}
.baoshi ul li img{ width: 2rem; display: block; margin: 0 auto; }
.baoshi ul li.b_1{ top:1rem; left: .35rem; }
.baoshi ul li.b_2{ top:1rem; left: 11rem; }
.baoshi ul li.b_3{ top:11.3rem; left: 5.6rem; }
.baoshi_t{ font-size: .9rem; color: #333; display: block; position: absolute; top: -2.3rem; width: 100%; text-align: center;font-weight: bold }

.part_4{ width: 100%; height: 16.5rem; background-image: url(img/part_4.jpg); background-size: 100% 100%; }


.foot_more{ width: 14.5rem; height: 2rem; line-height: 2rem; margin: 1rem auto 0; font-size: .75rem; color: #333; background: #f6f0ec; display: block; text-align: center; border: 2px #dec8b4 solid; }

.foot_tab{ width: 100%; position: relative; height: 4.5rem; padding-top: 6rem;}
.foot_tab .more_prev{ width: 1.075rem; height: 2.15rem; display: block; position: absolute; top: 7rem; left: .3rem; background-image: url(../style/img/arrow.png); background-size: 200% 200%}
.foot_tab .more_next{ width: 1.075rem; height: 2.15rem; display: block; position: absolute; top: 7rem; right: .3rem; background-image: url(../style/img/arrow.png); background-position: 100% 0; background-size: 200% 200%}
.foot_tab .more_prev:hover{ background-position: 0 100% }
.foot_tab .more_next:hover{ background-position: 100% 100%; }
.foot_tab ul{ width: 12.5rem; margin: 0 auto; }
.foot_tab ul li{ width: 3.9rem; height: 4.25rem; float: left; margin: .25rem .1rem; }
.foot_tab ul li a{ width: 100%; height: 100%; display: block; position: relative;}
.foot_tab ul li a i{ width: 3.025rem; height: 3.05rem; display: block; position: absolute; top: .075rem; left: .43rem; z-index: 2; background-image: url(../style/img/i_bg.png); background-size: 100% 100%;}
.foot_tab ul li a img{ margin: 0 auto; display: block; padding-top: .075rem; position: relative; z-index: 1; width: 3rem;}
.foot_tab ul li a .name{ display: block; color: #000; text-align: center; padding-top: .25rem; position: relative; z-index: 4; font-size: .5rem;}
.foot_tab .more{ position: absolute; bottom: -2.5rem; width: 4rem; left: 50%; margin-left: -2rem; }

#contant{min-height: 2000px;position: relative;margin-top: 3rem;}

.lv_1{color: #ff0000!important }
.lv_2{color: #f60!important }
.lv_3{color: #cb00e9!important }
.lv_4{color: #35a4e3!important }

#j-hwy-gamehead,#j-hwy-gamefoot{ display: none }