/*公用<style>
*/
body {
    background: #FFFFFF no-repeat center top;
    font-size: 12px;
    background-attachment: fixed;
    min-height: 100vh;
}

* {
    font-size: 12px;
    margin: 0;
    font-family: "宋体", Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

body {
    padding: 0;
}

img {
    border: 0;
}

a:link,
a:active,
a:visited {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #f60;
    text-decoration: underline;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.clearer {
    margin: 0;
    padding: 0;
    line-height: 1px;
    font-size: 1px;
    height: 0;
    clear: both;
    display: block;
}

/*头部*/
.fontcolor {
    color: #CCCCCC;
}

/*整体*/
#qiku {
    margin: 0 auto;
    HEIGHT: 34px;
    width: 1003px;
    clear: both;
    background: url(/images/bg_x.gif) 0 -152px;
    border-left: 1px solid #D8CD98;
    border-right: 1px solid #D8CD98;
}

#qiku ul li {
    float: left;
    padding: 5px;
    TEXT-ALIGN: center;
    line-height: 24px;
}

#qiku A.url {
    font-size: 14px;
    font-weight: bold;
    color: #603;
    padding: 5px 25px;
}

.inp_L1,
.inp_L2 {
    background: url(images/bg_x.gif) no-repeat;
    cursor: pointer
}

.inp_L2 {
    width: 67px;
    height: 23px;
    border: 0;
    color: #464646;
    line-height: 23px;
    background-position: -71px -2px;
    background-image: url(/images/bg_x.gif);
}

.inp_L1 {
    width: 67px;
    height: 23px;
    border: 0;
    color: #464646;
    line-height: 23px;
    background-position: -2px -2px;
}

td {
    font-size: 12px;
    line-height: 16px;
}

.link {
    border: #FF0000 1px solid;
}

.sousuo {
    border: 1px solid #E4E4E4;
}

img {
    border: none;
}

A {
    COLOR: #000000;
    TEXT-DECORATION: none;
}

a:link {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

a:visited {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

a:hover {
    font-size: 12px;
    color: #FF0000;
    text-decoration: none;
}

A.Top {
    COLOR: #FF0000;
    TEXT-DECORATION: none;
    font-size: 12px;
}

A.Top:hover {
    COLOR: #990000;
    TEXT-DECORATION: underline;
    font-size: 12px;
}

A.Nav {
    COLOR: #FCE3AF;
    TEXT-DECORATION: none;
    font-size: 12px;
}

A.Nav:hover {
    COLOR: #ededed;
    TEXT-DECORATION: underline;
    font-size: 12px;
}

A.Nav1 {
    COLOR: #Ffffff;
    TEXT-DECORATION: none;
    font-size: 12px;
}

A.Nav1:hover {
    COLOR: #ededed;
    TEXT-DECORATION: underline;
    font-size: 12px;
}

A.NavT:link {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #e60012;
    FONT-FAMILY: "宋体";
    TEXT-DECORATION: none
}

A.NavT:visited {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #e60012;
    FONT-FAMILY: "宋体";
    TEXT-DECORATION: none
}

A.NavT:active {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #e60012;
    FONT-FAMILY: "宋体";
    TEXT-DECORATION: none
}

A.NavT:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #e60012;
    FONT-FAMILY: "宋体";
    TEXT-DECORATION: none
}

A.Navc:link {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: "宋体";
    TEXT-DECORATION: none
}

A.Navc:visited {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: "宋体";
    TEXT-DECORATION: none
}

A.Navc:active {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffffff;
    FONT-FAMILY: "宋体";
    TEXT-DECORATION: none
}

A.Navc:hover {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #ffff00;
    FONT-FAMILY: "宋体";
    TEXT-DECORATION: none
}

UL.nl {
    PADDING-RIGHT: 0px;
    LIST-STYLE: none none outside;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}

.font_Glow_nav_1 {
    FONT-WEIGHT: bold;
    FILTER: Glow(Color=#0568b2, Strength=2, FONT-SIZE: 12pt; );
    COLOR: #ffffff
}

.TopName {
    FILTER: dropshadow(color=#000000, offx=1, offy=1, positive=1);
    HEIGHT: 1px
}

.TopTab {
    FILTER: Glow(Color=#9D080D, Strength=2);
}

.text_top {
    font-size: 13px;
    FILTER: Glow(Color=#006699, Strength=2);
}

.TopType {
    border-bottom: 1px dashed #d1d1d1;
}

.prspan {
    width: 65px;
    height: 7px;
    _height: 11px;
    padding: 2px;
    float: left;
    background: url(/images/bg.gif) no-repeat left;
}

.tableBorder1 {
    BORDER-RIGHT: #1E608E 1px solid;
    BORDER-TOP: #1E608E 0px solid;
    FONT-WEIGHT: normal;
    FONT-SIZE: 12px;
    BORDER-LEFT: #1E608E 1px solid;
    LINE-HEIGHT: normal;
    BORDER-BOTTOM: #1E608E 0px solid;
    FONT-STYLE: normal;
    BACKGROUND-COLOR: #1E608E;
    FONT-VARIANT: normal
}

th {
    background: url(/images/dh_bg.jpeg);
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    height: 30;
}

tr.TableRow {
    background: url(/images/top.gif);
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    height: 30;
}

td.TableRow {
    background-color: #009100;
}

.announce {
    padding-LEFT: 305px;
    padding-top: 5px;
}

td.TableTitle1 {
    background-color: #FF6600;
    Color: #FFFFFF;
}

td.TableTitle2 {
    background-color: #E4E8EF;
}

td.TableBody1 {
    background-color: #FFFFFF;
    line-height: normal;
}

td.TableBody2 {
    background-color: #E4E8EF;
    line-height: normal;
}

.tableBorder3 {
    border: 1px #547FD1 solid;
    background-color: #D6E0EF;
}

.normalTextSmall {
    font-size: 11px;
    color: #FF6600;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.PageInput {
    border: solid 1px #D6E0EF;
    BACKGROUND-COLOR: #FAFAFA;
    height: 18px;
    FONT-FAMILY: Arial;
    FONT-SIZE: 11.5px;
}

.text_foot {
    COLOR: #ffffff;
    LINE-HEIGHT: 16px;
    FONT-FAMILY: "宋体"
}

#indexwz h2 {
    width: 333px;
    height: 30px;
    font: bold 12px/30px "宋体";
    background: url(/images/dh_bg.jpeg);
    ;
    text-indent: 0.5em;
    color: #FFFFFF;
    text-align: center;
}

#indexwz {
    width: 1002px;
    margin: 0 auto;
    background-color: #fff;
    border-left: solid 1px #A84200;
    color: #000000;
}

#indexwz td {
    border-right: solid 1px #A84200;
    border-BOTTOM: solid 1px #A84200;
}

#indexwz li {
    height: 25px;
    font: normal 12px/25px "宋体";
    text-indent: 0.5em;
    border-bottom: #ccc 1px dashed
}

/*======屄封颜色代码段======www=CA=i=SF=C0M======5366=0=54==2==========*/
#sertitle {
    width: 1002px;
    height: 29px;
    margin: 0 auto;
    overflow: hidden;
    border-left: 1px solid #1E608E;
    border-top: 1px solid #1E608E;
    border-bottom: 1px solid #1E608E;
    background-color: rgb(119, 0, 0);
}

#sertitle dt {
    text-align: center;
    color: #FFF;
    height: 29px;
    font: bold 12px/29px "宋体";
    border-right: 1px solid #1E608E;
    float: left;
    overflow: hidden;
}

/*======游戏导航分割======www=CA=i=SF=C0M======5366=0=54==2==========*/
#sertitle dd {
    text-align: center;
    color: #FFF;
    height: 29px;
    font: bold 12px/29px "宋体";
    border-right: 1px solid #1E608E;
    float: left;
    overflow: hidden;
}

.nowopen {
    width: 1002px;
    border-left: 1px solid #1E608E;
    margin: 0 auto;
    overflow: hidden;
    color: #000;
}

.nowopen a {
    color: #000;
}

.nowopen dd {
    text-indent: 0.5em;
    float: left;
    height: 24px;
    font: normal 12px/24px "宋体";
    border-bottom: 1px solid #1E608E;
    border-right: 1px solid #1E608E;
    overflow: hidden;
}

.nowopen dt {
    float: left;
    height: 24px;
    font: normal 12px/24px "宋体";
    border-bottom: 1px solid #1E608E;
    border-right: 1px solid #1E608E;
    overflow: hidden;
}

.nowopen .sja {
    background: url(zan.png) center left 15px no-repeat;
}

.mc {
    width: 140px;
    indent: 0.5em;
}

.mc img {
    margin-right: 2px;
}

.ip {
    width: 120px;
    text-align: center;
    indent: 0.5em;
}

.sj {
    width: 160px;
    text-align: center;
    color: #FF0000;
    text-indent: 0.5em;
}

.sja {
    width: 160px;
    text-align: center;
    color: #FF0000;
    text-indent: 0.5em;
}

.sj img {}

.xl {
    width: 102px;
    text-align: center;
    color: Black;
}

.js {
    width: 300px;
    text-align: center;
    color: Black;
    indent: 0.5em;
}

.qq {
    width: 95px;
    text-align: center;
    color: Black;
}

.xx {
    width: 78px;
    text-align: center;
}

.jz1 {
    width: 135px;
}

.jz2 {
    width: 80px;
}

.jz3 {
    width: 354px;
}

.jz4 {
    width: 105px;
}

.jz5 {
    width: 100px;
}

.jz6 {
    width: 80px;
}

.jz7 {
    width: 80px;
}

.jz8 {
    width: 60px;
    text-align: center;
}

#tomsertitle {
    width: 1003px;
    margin: 0 auto;
    color: #FFF;
    height: 29px;
    font: bold 12px/29px "宋体";
    border-left: 1px solid #1E608E;
    border-right: 0px solid #1E608E;
    border-bottom: 1px solid #1E608E;
    text-align: center;
    background: url(/images/dh_bg.jpeg) repeat-x;
}

/*控件样式*/
.STextBox {
    font: 12px/18px 宋体;
    color: #636363;
    width: 200px;
    height: 18px;
    display: inline;
    padding: 2px 0 0 5px;
    margin: 2px 0 0 0;
}

.BtnA,
.BtnB,
.BtnC,
.BtnD {
    text-align: center;
    line-height: 23px;
    color: #666666;
    height: 25px;
    margin: 5px 0 0 5px;
    float: left;
    background: url('RightColumn_Btn.gif') no-repeat;
    border: 0;
    *padding-top: 2px;
    cursor: pointer;
}

.BtnA {
    width: 60px;
    float: none;
    margin-top: 2px;
    text-align: center;
}

.BtnB {
    width: 95px;
    margin-top: 5px;
    background-position: left -30px;
    text-align: center;
}

.Btnc {
    width: 110px;
    height: 25px;
    margin: 5px 5px 0 5px;
    background-position: left -95px;
    text-align: center;
}

.BtnD {
    width: 110px;
    height: 25px;
    margin: 5px 5px 0 5px;
    background-position: left -95px;
    text-align: center;
}

.Select

/*下拉列表*/
    {
    line-height: 22px;
    color: #565D65;
    float: left;
    margin-top: 5px;
}

.Select option {
    font: 12px/22px 宋体;
    color: #565D65;
}

.TheFile

/*上传文件*/
    {
    height: 22px;
    float: left;
    display: inline-block;
    margin-top: 5px;
}

.TextBox,
.TextBox01,
.TextArea1,
.TextArea101 {
    color: #565D65;
    width: 200px;
    height: 16px;
    margin-top: 5px;
    padding: 2px 0 0 5px;
    float: left;
    display: inline-block;
}

.TextBox01 {
    width: 270px;
}

.TextArea101 {
    width: 400px;
    height: 120px;
}

.TextArea1 {
    width: 300px;
    height: 120px;
}

.top {
    width: 1003px;
    height: 32px;
    line-height: 32px;
    border-bottom: solid 1px #9E0000;
    margin: 0 auto;
    background: url(/images/top_bg.jpeg) repeat-x;
    font-size: 12px;
}

.top a {
    color: #9C9C9C;
    text-decoration: none;
}

.top a:hover {
    text-decoration: underline;
}

.a1 {
    width: 1003px;
    height: 150px;
    overflow: hidden;
    background-image: url(/images/header.jpg);
}

.b7 {
    width: 176px;
    height: 143px;
    float: right;
    text-align: center;
    padding-top: 7px;
}

.b7 a {
    text-align: center;
    color: #FFFF00;
    font-size: 14px;
}


.b7 a:hover {
    text-decoration: underline;
}

.b8 {
    width: 980px;
    overflow: hidden;
    margin-top: 89px;
    font-weight: 800;
    text-align: right;
    font-size: 12px;
    color: #ffffff;
}

.ads {
    overflow: hidden;
}

/*游戏搜索样式 caisf.com*/
#content {
    width: 1003px;
    margin: 0 auto;
    background: #FFF;
}

.nav {
    height: 40px;
    background: url(/images/nav.png) no-repeat;
    padding: 0 10px;
    color: #FFF;
}

.nav li {
    height: 30px;
    float: left;
    margin: 0 5px;
    padding-top: 3px;
}

.nav li a {
    color: #FFF;
    font-weight: bold;
    margin-right: 10px;
}

.nav li a:hover {
    color: #FFFF00;
}

.nav li .sr {
    border: 1px solid #b85800;
    background: #fbcd89;
    height: 20px;
    line-height: 20px;
    padding: 2px;
}

.nav li .sub {
    background: url(/images/buttom.png) no-repeat;
    width: 63px;
    height: 22px;
    border: none;
    text-indent: -9999px;
}

.nav li.i1 {
    margin-right: 20px;
}

.nav li.i2 {
    line-height: 30px;
}

.clearfix:after {
    content: ".";
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

.vm {
    vertical-align: middle;
}

.mr {
    margin-right: 10px;
}

@charset "UTF-8";

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-repeat: no-repeat
}

.header_module a {
    text-decoration: none !important
}

.header_module {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: 0 auto;
    /* max-width: 1960px; */
    background-size: cover;
    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-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
}

.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;
    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
}

.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;
    color: #fff800
}

.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)
}

.footer_module {
    padding-top: 39px;
    height: 330px;
    background: rgba(43, 30, 27, 1);
    box-sizing: border-box
}

.footer_module_main {
    margin: 0 auto;
    width: 948px
}

.footer_module_main p {
    margin: 0
}

.footer_nav {
    border-top: 1px dashed rgba(220, 191, 124, 0.5);
    border-bottom: 1px dashed rgba(220, 191, 124, 0.5);
    padding: 11px 0;
    margin-bottom: 8px
}

.footer_nav>li {
    float: left;
    color: #dcbf7c
}

.footer_line {
    margin: 0 9px;
    width: 1px;
    height: 23px;
    background-color: #dcbf7c
}

.footer_nav>li>a {
    color: #dcbf7c;
    font-size: 22px;
    line-height: 1;
    text-decoration: none
}

.footer_nav>li>a:hover {
    color: #fff
}

.footer_principal p:first-child {
    color: rgba(43, 30, 27, 1);
}

.footer_principal p {
    color: #d8d8d8;
    font-size: 16px;
    line-height: 30px;
    text-align: center
}

.footer_major {
    width: 423PX;
    height: 63PX;
    margin: 0 auto
}

.footer_major p {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: #6f6968
}

.footer_major p a {
    color: #6f6968;
    text-decoration: none
}

.footer_principal p a {
    color: #fff
}

.footer_major p a:hover,
.footer_principal p a:hover {
    color: #dcbf7c
}

body {
    background-color: #6e3f1a;
    background-image: url("/images/bg.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    /* padding-bottom: 30px; */
}

main {
    margin-bottom: 5px;
    width: 100%;
}

.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;
    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;
}

.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
}

.tool_advertising_left {
    position: fixed;
    top: 312px;
    left: 0;
    width: 110px;
    height: 340px;
    background-size: 100% 100%
}

.tool_advertising_left>a {
    position: absolute;
    bottom: 42px;
    display: block;
    width: 84px;
    height: 34px
}

.tool_advertising_left2 {
    position: fixed;
    top: 750px;
    left: 0;
    width: 110px;
    height: 180px;
    background-size: 100% 100%
}

.tool_right {
    width: 132px;
    /* height: 370px; */
    position: fixed;
    top: 312px;
    right: 0px;
}

.tool_right li {
    margin-bottom: 8px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    border-radius: 100px;
    background-color: #4062ac;
    -webkit-box-shadow: 0 1px 5px #bdd7ee;
    -moz-box-shadow: 0 1px 5px #bdd7ee;
    box-shadow: 0 1px 5px #bdd7ee;
    border: 1px solid #154d64;
    padding: 3px 13px;
    cursor: pointer;
}
.tool_right li>i {
    padding-right: 10px;
}

.tool_right li>a {
    display: block;
    width: 100%;
    color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.tool_right li:hover {
    /* background-color: rgba(255, 0, 0, 0.8) */
}

.sprite_base {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: -6px;
    margin-right: 10px;
}

.sprite_a {
    background-position: -88px -8px
}

.sprite_b {
    background-position: -128px -8px
}

.sprite_c {
    background-position: -168px -8px
}

.sprite_d {
    background-position: -208px -8px
}

.sprite_e {
    background-position: -248px -8px
}

.sprite_f {
    margin: 0 auto 7px;
    display: block;
    background-position: -278px -8px;
    width: 44px;
    height: 24px
}

.sprite_g {
    background-position: -328px -8px
}

.letter {
    letter-spacing: 4px
}

.tool_right .tool_top {
    padding-top: 15px;
    height: 73px;
    line-height: 1;
    cursor: pointer
}

.tool_right .tool_top {
    line-height: 1
}

.banxin {
    width: 1200px;
    margin: 0 auto
}

.banner {
    margin-top: 6px;
    margin-bottom: 6px;
    display: flex;
    background-size: 100% 100%
}

.banner>a {
    flex: 1
}

#sertitle {
    border-left: 1px solid black;
    background-color: #a61f0d
}

#sertitle dd {
    text-align: center;
    color: #ffe68e;
    height: 29px;
    font: bold 12px/29px "宋体";
    border-right: 1px solid black;
    float: left;
    overflow: hidden
}

.nowopen {
    border-left: 1px solid black;
    overflow: hidden;
    color: #000;
    width: 1199px
}

.nowopen:hover {
    background-color: #f0f8ff
}

.nowopen a {
    color: #000
}

.nowopen dd {
    text-indent: .5em;
    float: left;
    height: 27px;
    line-height: 27px;
    font: normal 12px/24px "宋体";
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    overflow: hidden
}

.nowopen dt {
    float: left;
    height: 27px;
    line-height: 27px;
    font: normal 12px/24px "宋体";
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    overflow: hidden
}

.nowopen .sja {
    background: url(zan.png) center left 15px no-repeat
}

.mc {
    width: 15%;
    indent: .5em
}

.ip {
    width: 14.6%;
    text-align: center;
    indent: .5em
}

.sj {
    width: 15.2%;
    text-align: center;
    color: #f00;
    text-indent: .5em
}

.xl {
    width: 10.2%;
    text-align: center;
    color: Black
}

.js {
    width: 29%;
    text-align: center;
    color: Black;
    indent: .5em
}

.qq {
    width: 9.5%;
    text-align: center;
    color: Black
}

.xx {
    width: 6.5%;
    text-align: center
}

@media screen and (max-width:1366px) {
    .tool_right {
        display: none
    }

    .tool_advertising_left {
        display: none
    }

    .tool_advertising_left2 {
        display: none
    }
}

#wechatLogin {
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    z-index: 3;
    background-size: 100% 100%;
    width: 270px;
    height: 350px;
    text-align: center
}

.wechatTop {
    width: 100%;
    height: 69px
}

.wechatTopImg {
    float: left;
    margin-left: 45px;
    margin-top: 25px
}

.wechatClose {
    float: right
}

.wechatCode {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    height: 216px
}

a.wechat_close {
    margin-top: 5px;
    display: block;
    color: #ffedbf;
    font-size: 12px
}

.wechat_close:hover {
    color: red
}

.wechatWarning {
    justify-content: center;
    align-items: center;
    color: #ddc4a7;
    display: inline-block;
    padding: 5px 12px;
    border-radius: 25px;
    background-color: #6a1d13;
    font-size: 12px
}

#codeImg {
    width: 200px;
    height: 200px
}

.wechatClose {
    display: none
}

.ad_link {
    text-decoration: none;
    color: #ca977c
}

.index-course {
    width: 400px;
    border: 1px solid #e1e1e2;
    background-color: #fff8dc;
    float: left;
    height: 300px
}

.index-course-title {
    width: 100%;
    height: 33px;
    border-bottom: 1px solid #e1e1e2
}

.index-course-title strong {
    float: left;
    height: 33px;
    line-height: 33px;
    padding-left: 20px;
    margin-left: 5px;
    font-size: 14px
}

.index-course-title a {
    margin-right: 5px;
    line-height: 33px;
    margin-right: 10px;
    float: right
}

.index-course ul {
    width: 400px;
    margin-left: 5px;
    padding-top: 10px;
    padding-bottom: 8px
}

.index-course ul li {
    line-height: 23px;
    width: 360px;
    text-align: left
}

.index-course ul li a {
    font-size: 14px;
    color: #000
}

.index-course ul li a:hover {
    color: #F00
}

.index-course ul li em {
    color: #7d7d7d;
    float: right
}

.player {
    width: 1199px;
    height: 200px;
    margin: 10px auto auto auto
}

.player .playerTitle {
    width: 496px;
    height: 37px;
    border-bottom: 1px solid #e1e1e2
}

.player .playerTitle p {
    font-size: 16px;
    line-height: 45px;
    width: 120px;
    float: left;
    color: #dfc65e;
    color: black;
    font-weight: bold
}

.player .playerTitle a {
    font-size: 16px;
    line-height: 20px;
    margin: 12px 15px auto auto;
    width: 60px;
    float: right;
    color: #b0b0b0
}

.player .playerTitleb {
    width: 1197px;
    height: 37px
}

.player .playersingle {
    width: 25%;
    float: left;
    text-align: center;
    padding-bottom: 0
}

.player .playersingle a {
    color: #000
}

.player .playersingle img {
    transition: all .6s;
    width: 232px;
    height: 130px;
    border: 0;
    border-radius: 10px
}

.player .playersingle img:hover {
    transform: scale(1.05)
}

.more {
    font-weight: bold
}

.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; */
}

.el_title_index {
    width: 455px;
    height: 200px;
    background: #fff;
    position: fixed;
    text-align: center;
    margin: 0 auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 10px;
    display: none;
}

.smrz_hd_index {
    margin-left: 39px;
    width: 394px;
    display: flex;
    justify-content: space-between;
    font-family: Microsoft YaHei UI;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 23px;
    color: #333333;
    padding-top: 22px;
}

.smrz_hd_index .smrz_hleft_index img {
    vertical-align: text-bottom;
}

.smrz_hd_index span {
    font-size: 12px;
    color: #4CA740;
}

.smrz_hd_index>span {
    cursor: pointer;
}

.smrz_line_index {
    width: 100%;
    border-bottom: 1px dashed #E8E8E8;
    margin-top: 14px
}

.el_title_index>p {
    font-family: Microsoft YaHei UI;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #E60012;
    margin-left: 36px;
    margin-top: 16px;
    margin-bottom: 24px;
    text-align: left;
}

.el_title_index>a {
    width: 150px;
    height: 40px;
    background: #E60012;
    text-align: center;
    display: block;
    line-height: 40px;
    margin: 0 auto;
    font-family: Microsoft YaHei UI;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    color: #FFFFFF;
    cursor: pointer;
}

.area_modal {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0;
    z-index: 2;
    position: fixed;
    top: 0;
    right: 0;
    display: none;
}

.game-pic-model {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 3;
    display: none;
}

.game-pic-content {
    margin: 0 auto;
    text-align: center;
    height: 730px;
    width: 1050px;
    position: relative;
    padding: 25px 20px;
    margin-top: 120px;
    background-image: url(/static/images/gamepicbg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.game-pic-content .close-game-swiper {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 40px;
    height: 40px;
    z-index: 11;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.game-pic-content .close-game-swiper img {
    width: 40px;
    height: 40px;
}

#game-swiper {
    overflow: hidden;
    height: 680px;
    width: 1010px;
}

#game-swiper .swiper-slide {
    height: 680px;
    width: 1010px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

#game-swiper .swiper-slide img {
    height: 680px;
    width: 1010px
}

#game-swiper {
    --swiper-navigation-color: black;
    /* 单独设置按钮颜色 */
    --swiper-navigation-size: 50px;
    /* 设置按钮大小 */
}

/*先去掉默认样式*/
#game-swiper .swiper-button-prev:after {
    display: none;
}

#game-swiper .swiper-button-next:after {
    display: none;
}

/*再自定义样式*/
#game-swiper .swiper-button-prev {
    width: 43px;
    height: 43px;
    background: url('/static/images/arrow-left.png') no-repeat;
    bottom: 15px;
}

#game-swiper .swiper-button-next {
    width: 43px;
    height: 43px;
    background: url('/static/images/arrow-right.png') no-repeat;
    bottom: 15px;
}

#game-swiper .swiper-button-prev.swiper-button-disabled {
    background: url('/static/images/arrow-left-a.png') no-repeat;
    opacity: 1;
}

#game-swiper .swiper-button-next.swiper-button-disabled {
    background: url('/static/images/arrow-right-a.png') no-repeat;
    opacity: 1;
}

* {
    margin: 0;
    padding: 0
}

html {
    background-attachment: fixed;
    background-color: #fff;
    height: 100%
}

#navmenu {
    width: 130px;
    height: 37px;
    padding-top: 1px
}

#menu {
    float: left
}

#menu a {
    text-decoration: none
}

#menu ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#menu>ul>li {
    float: left;
    position: relative;
    height: 37px
}

#menu ul li a {
    border-color: #d1d1d1;
    border-style: solid;
    border-width: 0;
    color: #333;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 5px 0 5px;
    text-align: center
}

#menu>ul>li.active>a {
    font-size: 18px;
    color: #f6ff00;
    font-weight: bold;
    line-height: 37px;
    margin: -1px 0 -1px -1px
}

#menu ul ul {
    height: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 33px;
    left: 0;
    visibility: hidden;
    width: 250px;
    z-index: 1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

#menu ul li:hover ul {
    height: 195px;
    opacity: 1;
    visibility: visible
}

#menu ul ul a {
    border: 1px solid #d4972c;
    border-bottom: 0;
    color: #a61f0d;
    height: 24px;
    line-height: 24px;
    background-color: #f7e291;
    font-weight: bold;
    width: 128px
}

#menu ul ul a:hover {
    color: #f7e291;
    background-color: #d64113;
    font-weight: bold
}

#menu ul ul li:first-child a {
    border-top-width: 0
}

#sertitle {
    border-color: #222 !important
}

.mc {
    border-color: #222 !important
}

.mc a {
    font: normal 14px/30px "宋体"
}

.ip {
    border-color: #222 !important
}

.ip a {
    font: normal 14px/30px "宋体"
}

.sj {
    border-color: #222 !important
}

.sj b {
    font: normal 14px/30px "宋体";
    font-weight: bold
}

.xl {
    border-color: #222 !important
}

.js {
    border-color: #222 !important
}

.js div {
    font: normal 14px/30px "宋体";
    color: #222
}

.qq {
    border-color: #222 !important
}

.xx {
    border-color: #222 !important
}

.xx a {
    font: normal 14px/30px "宋体";
    margin-left: 5px;
}

.sjblack {
    color: #222 !important
}

.cl img {
    width: 16px;
    height: 15px;
    margin-top: 6px
}

.mc {
    width: 175px;
    indent: .5em
}

.mc img {
    margin-right: 2px
}

.ip {
    width: 175px;
    text-align: center;
    indent: .5em
}

.sj {
    width: 170px;
    text-align: center;
    text-indent: .5em
}

.sja {
    width: 170px;
    text-align: center;
    color: #f00;
    text-indent: .5em
}

.xl {
    width: 140px;
    text-align: center;
    color: Black
}

.js {
    width: 322px;
    text-align: center;
    color: Black;
    indent: .5em
}

.qq {
    width: 130px;
    text-align: center;
    color: Black
}

.xx {
    width: 80px;
    text-align: left
}

.cl {
    width: 35px;
    text-align: center;
    border-color: black !important
}

.index-course {
    /* width: 332px; */
    border: 1px solid #e1e1e2;
    background-color: #fff8dc;
    float: left;
    height: 300px
}

.index-course-title {
    width: 100%;
    height: 33px;
    border-bottom: 1px solid #e1e1e2
}

.index-course-title strong {
    float: left;
    height: 33px;
    line-height: 33px;
    padding-left: 20px;
    margin-left: 5px;
    font-size: 14px
}

.index-course-title a {
    margin-right: 5px;
    line-height: 33px;
    margin-right: 10px;
    float: right
}

.index-course ul {
    width: 332px;
    margin-left: 5px;
    padding-top: 10px;
    padding-bottom: 8px
}

.index-course ul li {
    line-height: 23px;
    width: 300px;
    text-align: left
}

.index-course ul li a {
    font-size: 14px;
    color: #000
}

.index-course ul li a:hover {
    color: #F00
}

.index-course ul li em {
    color: #7d7d7d;
    float: right
}

.player {
    /* width: 1002px; */
    height: 200px;
    margin: 10px auto auto auto
}

.player .playerTitle {
    width: 496px;
    height: 37px;
    border-bottom: 1px solid #e1e1e2
}

.player .playerTitle p {
    font-size: 16px;
    line-height: 45px;
    width: 120px;
    float: left;
    color: #dfc65e;
    color: black;
    font-weight: bold
}

.player .playerTitle a {
    font-size: 16px;
    line-height: 20px;
    margin: 12px 15px auto auto;
    width: 60px;
    float: right;
    color: #b0b0b0
}

.player .playerTitleb {
    width: 1000px;
    height: 37px
}

.player .playersingle {
    width: 25%;
    float: left;
    text-align: center;
    padding-bottom: 0
}

.player .playersingle a {
    color: #000
}

.player .playersingle img {
    transition: all .6s;
    width: 232px;
    height: 130px;
    border: 0;
    border-radius: 10px
}

.player .playersingle img:hover {
    transform: scale(1.05)
}

.more {
    font-weight: bold
}

.nowopen {
    width: 1199px
}

.nowopen1 {
    background: #ff0
}

.nowopen2 {
    background: white
}

.nowopen3 {
    background: #fff8dc
}

.nowopen a {
    color: #222
}

.nowopen dd {
    text-indent: .2em;
    float: left;
    height: 30px;
    font: normal 14px/30px "宋体";
    border-bottom: 1px solid #1e608e;
    border-right: 1px solid #1e608e;
    overflow: hidden
}

.nowopen dt {
    float: left;
    height: 30px;
    font: normal 14px/30px "宋体";
    border-bottom: 1px solid #1e608e;
    border-right: 1px solid #1e608e;
    overflow: hidden
}

#container {
    width: 1003px;
    height: 202px;
    overflow: hidden
}

div,
ul,
li {
    margin: 0;
    padding: 0
}

.notice {
    width: 1003px;
    height: 30px;
    position: relative;
    bottom: 30px;
    z-index: 1;
    justify-content: center;
    line-height: 30px;
    overflow: hidden
}

.notice ul a {
    list-style: none;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: white;
    text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0
}

.notice ul a:hover {
    text-decoration: underline
}

.notice ul li {
    list-style: none;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: white;
    text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0
}

#sertitle {
    background-color: #a61f0d;
    width: 1199px;
    height: 30px
}

#sertitle dd {
    color: #ffe68e;
    font: bold 14px/30px "宋体"
}

#sertitle dt {
    color: #ffe68e;
    font: bold 14px/30px "宋体"
}

#menu1:hover {
    color: #f7e291;
}

#menu1 {

}

.detail-pic-open {
    width: 15px;
    height: 15px;
    margin-bottom: -2px;
    cursor: pointer;
}


.advertising_left {
    color: #ca977c;
}

.dijiao_input {
    border: 1px solid #e8e8e8;
    background: #f9f9f9;
    height: 38px;
    width: 460px;
    color: #888888;
    padding-left: 10px;
}

.contentTable {
    /* border: 1px solid; */
    max-width: 1200px;
    width: 100%;
    text-align: center;
    border-radius: 15px;
    overflow: hidden;
    border: 2px solid #4062ac;
    font-size: 14px;
}

.contentTable thead tr {
    /* border:1px solid black; */
    margin: 0;
    padding: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2879d7+0,3693f7+100 */
    background: #2879d7; /* Old browsers */
    background: -moz-linear-gradient(top,  #2879d7 0%, #3693f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2879d7 0%,#3693f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2879d7 0%,#3693f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2879d7', endColorstr='#3693f7',GradientType=0 ); /* IE6-9 */
}

.contentTable thead tr th {
    color: white !important;
    padding: 13px;
}

.contentTable thead tr {
    border-bottom: 1px solid white;
}

.contentTable thead tr th:not(:last-child) {
    border-right: 1px solid white;
}

.contentTable tbody td {
    border-top: 1px solid white;
    word-break: break-all;
}

.contentTable tbody tr td:not(:last-child) {
    border-right: 1px solid white;
}


.contentTable tbody {
    /* border:1px solid black; */
    margin: 0;
    padding: 0;
    /* background-color: #ff0; */
}

.contentTable tbody td {
    padding: 10px;
}

.tableBg1 {
    background-color: #ecda5d;
}

.tableBg2 {
    background-color: #53da9f;
}

.tableBg3 {
    background-color: #68aeb9;
}

table {
    border-spacing: inherit;
}

.tableTitle {
    background-image: url('/images/title_bg.jpeg');
    background-repeat:no-repeat;
    line-height: 45px;
    border-radius: 15px;
    border: 1px solid #4062ac;
    width: 770px;
    background-position: center center;
    -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    box-shadow: 0 1px 5px rgba(0,0,0,0.75);
    margin-bottom: 15px;
    margin-top: 50px;
    color: #eeee00;
}



.search {
    height: 80px;
    display: flex;
    align-items: center;
    padding-left: 80px;
}
.search .privateBtn {
    background: -moz-linear-gradient(top,  #f05100 0%, #f2ba00 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #f05100 0%,#f2ba00 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #f05100 0%,#f2ba00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f05100', endColorstr='#f2ba00',GradientType=0 ); /* IE6-9 */
}
.search input{
    margin-right: 10px;
    border-radius: 100px;
    height: 35px;
    background-color: #fff;
    border: 1px solid #4090d6;
    -webkit-box-shadow: 0 1px 5px #69b1f1;
    -moz-box-shadow: 0 1px 5px #69b1f1;
    box-shadow: 0 1px 5px #69b1f1;
}
.search button,.search a{
    border-radius: 100px;
    vertical-align: middle;
    width: 80px;
    height: 35px;
    line-height: unset;
    color:white;
}

.login_input {
    font-weight: bold;
    border-radius: 17px;
    background-color: #4062ac;
    -webkit-box-shadow: 0 1px 5px #bdd7ee;
    -moz-box-shadow: 0 1px 5px #bdd7ee;
    box-shadow: 0 1px 5px #bdd7ee;
    border: 1px solid #154d64;
    cursor: pointer;
}

.infoTableWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 550px;
    margin: 0 auto;
}

.infoTableWrap .top{
    width: 550px;
    background: -moz-linear-gradient(top,  #2879d7 0%, #3693f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2879d7 0%,#3693f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2879d7 0%,#3693f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2879d7', endColorstr='#3693f7',GradientType=0 ); /* IE6-9 */
    height: 45px;
    border-radius:  15px 15px 0 0;

    border: 2px solid #4062ac;
    border-bottom: 0px;
}
.infoTableWrap .bottom  {
    width: 550px;
    border: 2px solid #4062ac;
    border-top: 0px;
}
.infoTableWrap .bottom ul {
    width: 100%;
}
.infoTableWrap .bottom ul li {
    display: flex;
    width: 100%;
}

.infoTableWrap .bottom ul li span:first-child{
    width: 40%;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    background-color: #e6e6e6;
}

.infoTableWrap .bottom ul li span:first-child{
    width: 40%;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    background-color: #e6e6e6;
    border-top: 1px solid white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.infoTableWrap .bottom ul li span:last-child{
    width: 60%;
    display: inline-block;
    text-align: left;
    padding-left: 10px;
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    padding-top: 5px;
    padding-bottom: 5px;
}


.infoTableWrap .bottom ul li span:last-child a{
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
}

.infoTableWrap .bottom ul li:first-child span{
    padding-top: 20px;
}

.infoTableWrap .bottom ul li:last-child span{
    padding-bottom: 20px;
}
/* .infoTableWrap */
.shareWrap {
    margin-top: 15px;
}
.shareWrap .login_input{
    border-radius: 100px;
    width: 150px;
    height: auto;
    line-height: 32px;
    margin-right: 5px;
    margin-left: 5px;
}

.postTableWrap {
    width: 850px;
    margin: 0 auto;
}
.postTableWrap .topInfo {
    display: flex;
    justify-content: center;
    background-color: #fff;
    padding: 0 20px;
}
.postTableWrap .topInfo .dangerInfo{
    font-weight: bold;
    padding: 10px 0 15px 0px;
}
.postTableWrap .topInfo li{
    color: #757575;
}
.postTableWrap .top{
    width: 850px;
    background: -moz-linear-gradient(top,  #2879d7 0%, #3693f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #2879d7 0%,#3693f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #2879d7 0%,#3693f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2879d7', endColorstr='#3693f7',GradientType=0 ); /* IE6-9 */
    height: 45px;
    border-radius:  15px 15px 0 0;
    border: 2px solid #4062ac;
    border-bottom: 0px;
}


.postTableWrap .topInfo  {
    width: 100%;
    border: 2px solid #4062ac;
    border-bottom: 0px;
}
.postTableWrap .bottom  {
    width: 100%;
    border: 2px solid #4062ac;
    border-top: 0px;
}
.postTableWrap .bottom ul {
    width: 100%;
}
.postTableWrap .bottom ul li {
    display: flex;
    width: 100%;
    /* align-items: center;
    justify-content: flex-end; */
}

.postTableWrap .bottom ul li span:first-child{
    width: 40%;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    background-color: #e6e6e6;
}

.postTableWrap .bottom ul li span:first-child{
    width: 40%;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
    background-color: #e6e6e6;
    border-top: 1px solid white;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
}

.postTableWrap .bottom ul li span:last-child{
    width: 60%;
    display: inline-block;
    text-align: left;
    padding-left: 10px;
    background-color: #fff;
    border-top: 1px solid #e6e6e6;
    padding-top: 5px;
    padding-bottom: 5px;
}


.postTableWrap .bottom ul li span:last-child a{
    cursor: pointer;
    text-decoration: underline;
    font-weight: bold;
}

.postTableWrap .bottom ul li:first-child span{
    padding-top: 20px;
}

.postTableWrap .bottom ul li:last-child span{
    padding-bottom: 20px;
}

.postTableWrap img{
    height: 40px;
}

.submitWrap {
    display: flex;
    justify-content: center;
}
.submitWrap button {
    border-radius: 100px;
    width: 100px;
    height: 35px;
    line-height: 35px;
}

#gb-widget-539 > * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    box-sizing: border-box !important;
}

.dIJqYJ {
    transform: translateY(0px);
    animation-duration: 0.2s;
    animation-timing-function: ease;
    animation-delay: 0.05s;
    animation-fill-mode: backwards;
    animation-name: iTFjmt;
    display: inline-flex;
    flex-flow: column-reverse wrap-reverse;
    margin-left: auto;
    height: 430px;
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.bCvHmK {
    display: flex;
    margin: 7px;
    position: relative;
    -webkit-box-pack: end;
    justify-content: flex-end;
    max-height: 72px;
}
.ddlvQR {
    position: absolute;
    display: none;
    right: 89px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    padding: 7px 10px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15.5px;
    line-height: 1.1;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    color: rgb(51, 51, 51);
    background: white;
    box-shadow: rgb(0 0 0 / 12%) 2px 2px 5px;
    white-space: nowrap;
    pointer-events: none;
    transform-origin: right center;
}

.eaWlA {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    order: 2;
    padding: 0px;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 40%) 2px 2px 6px;
    transition: all 0.5s ease 0s;
    position: relative;
    z-index: 200;
    display: block;
    border: 0px;
    background-color: transparent !important;
}

.ddlvQR {
    position: absolute;
    display: none;
    right: 89px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    padding: 7px 10px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15.5px;
    line-height: 1.1;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    color: rgb(51, 51, 51);
    background: white;
    box-shadow: rgb(0 0 0 / 12%) 2px 2px 5px;
    white-space: nowrap;
    pointer-events: none;
    transform-origin: right center;
}

.gLiLhZ {
    flex-shrink: 0;
    order: 2;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 40%) 2px 2px 6px;
    transition: all 0.5s ease 0s;
    position: relative;
    z-index: 200;
    display: block;
    border: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: rgb(0, 175, 240) !important; */
}
.ddlvQR {
    position: absolute;
    display: none;
    right: 89px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
    padding: 7px 10px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 15.5px;
    line-height: 1.1;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    color: rgb(51, 51, 51);
    background: white;
    box-shadow: rgb(0 0 0 / 12%) 2px 2px 5px;
    white-space: nowrap;
    pointer-events: none;
    transform-origin: right center;
}

.cISgGo {
    flex-shrink: 0;
    width: 72px;
    height: 72px;
    order: 2;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 40%) 2px 2px 6px;
    transition: all 0.5s ease 0s;
    position: relative;
    z-index: 200;
    display: block;
    border: 0px;
    /* background-color: rgb(0, 195, 0) !important; */
}
.pointer {
    cursor: pointer;
}


body {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding-top: 50px;
}

@media (max-width:1201px) {
    body {
        align-items: flex-start;
    }
}

.onlineMember {
    position: absolute;
    right: 10px;
    top: 32px;
    font-size: 14px;
    font-weight: bold;
}

.aaswrapWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1200px;
    margin: 0 auto;
}


.aaswrapWrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1200px;
}
.aaswrapWrap img{
    width: 100%;
    height: 70px;
}

.aaswrapWrap .tree {
    display: flex;
    width: 100%;
    margin-top: 5px;
}
.aaswrapWrap .tree a{
    width: calc(100% / 3);
}
.aaswrapWrap .one {
    width: calc(50% - 2.5px);
    margin-top: 5px;
}

h1 {
    background-repeat: no-repeat;
    width: 0px;
    height: 0px;
    text-decoration: none;
    color: #888;
    display: block;

    /*  將文字推出 <h1>  */
    text-indent: 101%;
    overflow: hidden;
    white-space: nowrap;
}

.header_module {
    display: flex;
}
.header_nav {
    display: flex;
    align-items: center;
    /* justify-content: space-evenly; */
}
.aaswrapWrap .mb {
    display: none;
}
@media(max-width:576px) {
    body {
        padding-top: 160px;
    }
    table {
        margin-right: auto;
        margin-left: auto;
    }
    .header_module {
        /* height: auto; */
    }
    .header_nav {
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding-bottom: 60px;
    }
    table,.tableTitle {
        /* display: none !important; */
        max-width: 98vw;
    }
    .search {
        padding-left: 0;
        height: auto;
    }
    .search input{
        width: 150px;
        margin-right: 5px;
    }
    .search form{
        display: flex;
    }
    .onlineMember {
        top: unset;
        bottom: 35px;
        right: 50%;
        transform: translateX(50%);
    }
    .header_module .logo img {
        height: 50px;
    }
    .logo {
        height: 70px !important;
    }
    .disabledTable {
        display: none !important;
    }
    table tr th,table tr td{
        font-size: 12px !important;
    }
    a.linkStyle {
        color: #2c50c7 !important;
        text-decoration: underline !important;
    }
    .tableTitle {
        font-size: 16px;
    }
    .gLiLhZ {
    }
    .aaswrapWrap img {
        height: 60px;
        width: 400px;
    }
    .header_module {
        /* background: url("../images/menu_bg_m.png") center no-repeat; */
    }
    .searchTable {
        /* padding-top: 50px; */
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .infoTableWrap ,.infoTableWrap .top ,.infoTableWrap .bottom{
        max-width: 98%;
    }
    .aaswrapWrap .pc {
        display: none;
    }
    .aaswrapWrap .mb {
        display: block;
    }
    .aaswrapWrap .one {
        width: 100%;
    }
}

@media(max-width:375px) {
    .aaswrapWrap img {
        width: 370px;
        height: 55.5px;
    }
}
@media(max-width:320px) {
    .aaswrapWrap img {
        width: 310px;
        height: 46.5px;
    }
}

.footer {
    height: 80px;
    text-align: center;
    color: white;
    padding-top: 30px;
    margin-top: 50px;
}

.categoryList{
    margin-top:35px
}
.categoryList .category{
    font-size: 16px;
    color:#6687ce;
    position: relative;
    padding-right: 10px;
}
.categoryList .category:hover {
    color:black;
    text-decoration: underline;
}

.categoryList ul li {
    position: relative;
}
.categoryList ul li:not(:last-child)::before {
    content:"";
    position: absolute;
    height: 80%;
    width: 1.5px;
    background-color: #6687ce;
    right:0px;
    top: 50%;
    transform: translateY(-50%);
}

@media(max-width:576px) {
    .categoryList{
        margin-top:15px
    }
}


.pc {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pc:hover img {
    opacity: 0.3;
}
.one img:hover {
    border-radius: 18px;
    box-shadow: 0 0 18px #000;
    opacity: 1 !important;
}

.topBanner {
    width: 100%;
}