body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,dd,dt,dl,div{margin:0;padding:0;border:0;font-family:"Microsoft YaHei"!important;-webkit-box-sizing:border-box;box-sizing:border-box}ul,ol{list-style-type:none}select,input,img,select{vertical-align:middle}a{text-decoration:none}.fl{float:left}.fr{float:right}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.header_module_sprite{background-image:url("https://www.haosf.com/static/images/sprite.png");background-repeat:no-repeat}.header_module a{text-decoration:none!important}.header_module{position:fixed;top:0;left:0;right:0;width:100%;height:80px;margin:0 auto;max-width:1960px;background:url("https://www.haosf.com/static/images/menu_bg.jpg") center no-repeat;background-size:100% 80px;z-index:2}.header_module_text1{display:block;width:67px;height:17px;background-position:-436px -34px}.header_module_text2{display:block;width:67px;height:17px;background-position:-518px -34px}.header_module_text3{display:block;width:67px;height:17px;background-position:-598px -34px}.header_module_text4{display:block;width:67px;height:17px;background-position:-679px -34px}.header_module_text5{display:block;width:67px;height:17px;background-position:-761px -34px}.header_module_text6{display:block;width:67px;height:17px;background-position:-841px -34px}.header_module_text7{display:block;width:67px;height:17px;background-position:-920px -34px}.header_module_text8{display:block;width:67px;height:17px;background-position:-999px -34px}.header_active{background-position-y:-11px!important}.header_nav>ul .header_module_san{opacity:0}.header_nav>ul:hover .header_module_san{opacity:1}.header_module_san{position:absolute;bottom:2px;left:0;width:16px;height:10px;background-position:-226px -23px;-webkit-transition:left .4s ease-out,opacity .3s ease-out;transition:left .4s ease-out,opacity .3s ease-out;z-index:-1}.header_module .header_nav{padding:0 171px 0 130px}.header_module .logo{margin-left:-100%;position:relative;left:-130px;padding-top:10px;height:80px}.header_module .logo img{height:55px}.header_module>.header_nav>ul>li{position:relative;flex:1;height:80px}.header_module .header_hot{position:absolute;top:15px;right:14px;width:30px;height:19px;background-image: url(https://www.haosf.com/static/images/sprite.png);background-repeat: no-repeat;background-position: -168px -26px;}.header_nav>ul{width:100%;display:flex}.header_nav>ul>li>a{display:block;width:100%;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_nav>ul>li>a:hover>.header_module_sprite{background-position-y:-11px}.header_nav>ul>.header_active>a>.header_module_sprite{background-position-y:-11px}.header_hot.right12{right:12px}.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)}.banxin{width:1300px;margin:0 auto}.banner{margin-top:6px;margin-bottom:6px;display:flex;height:180px;background-size:100% 100%}.banner>a{flex:1}.dropdown_li>ul{display:none}.dropdown_li:hover>ul{position:absolute;top:80px;left:50%;margin-left:-76px;display:block;width:152px;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}.dropdown_li>ul>li{width:100%;height:38px;line-height:38px}.dropdown_li>ul>li>a{display:block;height:38px;line-height:38px;font-size:14px;color:#d4887e}.dropdown_li>ul>li>a:hover{width:152px;height:38px;background:url("https://www.haosf.com/static/images/sprite.png") no-repeat -267px -11px;color:#fff800}.dropdown_li>ul>li:last-child>a{border-bottom-left-radius:8px;border-bottom-right-radius:8px}main{padding-top:60px;margin-bottom:5px}.banner img{width: 300px;height:180px;}.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("https://www.haosf.com/static/images/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}.banner img{width: 300px;height:180px;}

.advertising_box {
    padding-right: 13px;
    height: 40px;
    line-height: 40px;
    background-color: #2f2f2f;
    font-size: 14px
}

.advertising_left {
    width: 48%;
    height: 100%;
    color: #ca977c;
    padding-left: 12px
}

.trumpet {
    margin-right: 5px;
    margin-top: 8px;
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url("https://www.haosf.com/static/images/icon.png") no-repeat -48px -8px;
    vertical-align: -6px
}

.advertising_center {
    margin-top: 5px;
    width: 39.8%;
    height: 30px;
    line-height: 30px;
    color: #ababab;
    font-size: 12px;
    background-color: #202020;
    border-radius: 3px
}

.advertising_center .swiper-slide {
    background-color: #202020;
    display: flex
}

.advertising_center .swiper-slide>p {
    flex: 1;
    height: 30px;
    line-height: 30px;
    text-align: center
}

.advertising_right {
    position: relative;
    margin-top: 4px;
    width: 9%;
    height: 32px;
    background-color: #e60012;
    border-radius: 3px
}

.advertising_right>button {
    margin: 0 auto;
    position: relative;
    padding: 0;
    display: block;
    width: 85px;
    height: 100%;
    border: 0;
    outline: 0;
    background-color: transparent;
    color: #ffe66d;
    text-align: left;
    font-size: 14px;
    text-indent: 4px
}

.advertising_right>button::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 5px;
    right: 0;
    background: url("https://www.haosf.com/static/images/icon.png") no-repeat -8px -8px
}

.advertising_right>.versions_box {
    display: none;
    width: 100%;
    height: 10px;
    overflow: hidden;
    background-color: #2f2f2f;
    transition: height 2s;
    -moz-transition: height 2s;
    -webkit-transition: height 2s;
    -o-transition: height 2s
}

.advertising_right:hover>.versions_box {
    position: absolute;
    display: block;
    height: 552px;
    top: 32px;
    left: 0;
    right: 0;
    border-radius: 3px
}

.advertising_right>.versions_box>li {
    width: 100%;
    height: 32px;
    line-height: 32px
}

.advertising_right:hover>.versions_box>li>a {
    display: block;
    width: 100%;
    height: 100%;
    border-top: 1px solid #3f3f3f;
    text-align: center;
    color: #ffe66d
}

.advertising_right:hover>.versions_box>li>a:hover {
    background-color: #e60012
}
.ad_link {
    text-decoration: none;
    color: #ca977c
}

body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    background-color: #f5f5f5;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    min-height: 100vh;
}
body {
    background-color: #6e3f1a;
    background-image: url(https://www.haosf.com/static/images/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
}
.container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.price_webs{
    background-color: white;
    border-radius: 5px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 20px;
    max-width: 1300px;
    width: 100%;
    margin-top: 10px;
}

h1 {
    color: #333;
    margin-bottom: 20px;
    border-left: 5px solid rgba(230, 0, 18, 1);
    font-weight: 500;
    font-size: 20px;
    text-align: left;
    height: 20px;
    line-height: 20px;
}

h1 a{
    color: #333;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
}

th, td {
    border: 1px solid rgba(226, 226, 226, 1);
    padding: 12px;
    text-align: center;
    font-weight: 400;
}

th {
    background-color: rgb(242, 242, 242);
    color: rgba(136, 136, 136, 1);
}

td {
    color: rgba(85, 85, 85, 1);
}