@charset "utf-8";
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none}
/*h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}*/
a img {border:0}
body {
    min-width:1000px;
    color: #333;
    text-align: center;
    font: 12px "微软雅黑";
    margin: 0px;
    padding: 0px;
}
.default{
    background-color: #f0fcfa;
}
.cat{
    background-color: #fcf2f3;
}
.dog{
    background-color: #f0fcfa;
}
.dog2{
    background-color: #f7f2df;
}
.pay{
    background-color: #ebfaf7;
}
.faq{
    background-color: #f3f7f7;
}
a{
    color: #4f5052;
    text-decoration: none;
}
a:hover, a:focus{
    color: #629de3;
}
.header{
    width: 100%;
    padding-bottom: 10px;
    padding-top: 10px;
}
#logo{
    float: left;
    margin-left: 10%;
}
#logo img{
    width: 178px;
    height: 51px;
}
#introduce{
    float: left;
    margin-left: 10px;
    margin-top: 30px;
    width: 125px;
    height: 20px;
}
.header-center{
    position: relative;
    float: right;
    margin-right: 20px;
    margin-top: 30px;
    font-size: 20px;
}
.language{
    background-color: #fff;
    margin-left: 20px;
    font-size: 10px;
    padding: 5px;
}
/*内容样式*/
.content{
    position: relative;
    clear: both;
    width: 100%;
    height: 100%;
}
/*底部样式*/
.footer{
    position: relative;
    clear: both;
    margin-top: 60%;
    width: 100%;
    height: 10%;
}
/** 固定底部样式 **/
.absolute_footer{
    position: relative;
    clear: both;
    margin-top: 40%;
    width: 100%;
    height: 10%;
}
/** 自适应底部 **/
.adaptive_footer{
    float: left;
    width: 100%;
    height: 10%;
}
.divide_line{
    float: left;
    background-color: #b8b0b0;
    height: 2px;
    width: 100%;
}
.divide_vertical{
    background-color: #b8b0b0;
    height: 30px;
    width: 2px;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}
.bottom {
    margin-top: 20px;
    margin-left: 20px;
    float: left;
    font-size: 20px;
    padding-bottom: 20px;
}
#bottom-logo img{
    float: left;
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 10px;
    width: 119px;
    height: 34px;
}
#copyright{
    padding: 3px;
    font-size: 10px;
    float: right;
    margin-top: 30px;
    margin-right: 50px;
}
.oval{
    position: relative;
    float: right;
    margin-top: -0.5%;
    z-index: 100;
    width: 100%;
    height: 200px;
}
#left_oval{
    position: relative;
    float: left;
    width: 10%;
    height: 10%;
    overflow: hidden;
    margin-top: 3.5%;
}
#left_oval img{
    position: absolute;
    width: 100%;
    height: 70%;
    margin-left: -50%;
}
#right_oval{
    position: relative;
    float: right;
    width: 10%;
    height: 10%;
    overflow: hidden;
    margin-top: 3.3%;
}
#right_oval img{
    position: absolute;
    width: 100%;
    height: 100%;
    margin-left: -50%;
}

.cards{
    height: 100%;
    margin: 0 180px 0 180px;
}

.cards table{
    margin: 0 auto;
}
.cards table td{
    overflow: hidden;
}
.cards table td img{
    width: 100%;
}


/** 二级页面样式 **/
#content{
    float: right;
    width: 100%;
    margin-top: 5%;
}
#right_content{
    float: right;
    margin: 10% 3% 0 0 ;
    width: 15%;
    border-radius: 1%;
    border: 2px solid #efe6e7;
    background-color: #fff;
}

#right_content ul{
    padding: 2px;
}
#right_content ul li{
    width: 100%;
}
#right_content li img{
    width: 100%;
}

#left_content{
    position: relative;
    width: 70%;
    height: 500px;
    margin: 2% 0 0 5%;
    padding: 2px;
}
#left_top{
    position: absolute;
    width: 100%;
    height: 50%;
}
#video_dog2{
    position: relative;
    float: left;
    width: 55%;
    height: 100%;
}
#video_dog{
    position: relative;
    float: left;
    width: 55%;
    height: 100%;
}
#video_cat{
    position: relative;
    float: left;
    width: 55%;
    height: 100%;
}

#video_embed{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    padding: 3% 4% 4% 4%;
    display: none;
}
#video_mp4{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    padding: 3% 4% 4% 4%;
    display: none;
}
#video_dog2_img{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}
#video_dog_img{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}
.video_cat_img{
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
}
#introduction{
    float: right;
    width: 40%;
    height: 90%;
    background-color: #fff;
    border: 2px solid #efe6e7;
    border-radius: 1%;
    text-align: left;
    font-size: 0.8em;
    padding: 1%;
    overflow-y: scroll;
}
#bbs{
    position: absolute;
    left: 0%;
    top: 55%;
    width: 100%;
    background-color: #fff;
    border: 2px solid #efe6e7;
    border-radius: 0.5%;
    padding-top: 2%;
    padding-bottom: 2%;
}
#bbs div{
    position: relative;
    font-size: 1.5em;
    text-align: left;
}
#bbs div img{
    position: relative;
    margin-left: 5%;
    width: 35px;
    vertical-align: middle;
}
.li_divide_line_dog_two{
    width: 90%;
    height: 1px;
    margin: 1% 5% 1% 5%;
    background-color: #ffdb98;
}
.li_divide_line_dog{
    width: 90%;
    height: 1px;
    margin: 1% 5% 1% 5%;
    background-color: #aaddf0;
}
.li_divide_line_cat{
    width: 90%;
    height: 1px;
    margin: 1% 5% 1% 5%;
    background-color: #aaddf0;
}
/** 二级页面样式结束 **/


/** 充值页面 **/
#top_title{
    position: relative;
    width: 90%;
    height: 20px;
    margin: -1px auto;
    padding-top: 3px;
    background: linear-gradient(to bottom,#106ebf 0%,#4aa5f1 100%);
    border-radius: 2%;
    
}
#top_title span{
    position: absolute;
    border-radius: 2%;
    left: 5%;
    bottom: 0%;
    font-size: 1.2em;
    padding: 2px 20px 1px 20px;
    background-color: #f0fcfa;
}
.general_top_title{
    position: relative;
    width: 90%;
    height: 20px;
    margin: -1px auto;
    padding-top: 3px;
    background: linear-gradient(to bottom,#106ebf 0%,#4aa5f1 100%);
    border-radius: 2%;
}
.general_top_title img{
    position: absolute;
    margin-left: 2%;
    width: 5%;
    left: 2%;
    /*vertical-align: middle;*/
    /*background-color: cornsilk;*/
}
#steps{
    margin-top: 2%;
    font-size: 1.2em;
}
#steps img{
    position: relative;
    width: 1%;
}
.checked{
    font-size: 1.5em;
    font-weight: bold;
    color: #3e90f1;
}
.unchecked{
    font-size: 1.2em;
    color: #c4c2c2;
}
#type_in_info{
    position: absolute;
    width: 40%;
    top: 30%;
    left: 25%;
    padding: 5%;
}
#type_in_info div{
    padding: 10px 0 10px 0;
    clear: both;
    width: 100%;
}
.info_left{
    float: left;
    width: 40%;
    text-align: right;
}
.info_right{
    float: left;
    text-align: left;
    margin-left: 10px;
    width: 50%;
}
.pay_radio{
    display: none;
}
.item_li{
    margin-top: 5px;
}
.select_game{
    width: 30%;
}
#submit{
    width: 20%;
    margin: 10% 0 0 21%;
}

#ensure_info{
    position: absolute;
    top: 30px;
    left: 30%;
    width: 40%;
    background: #f3fdfa;
    border: 1px solid #c8dad5;
    border-radius: 2%;
    padding-bottom: 5%;
    display: none;
}
.dialog_title_img{
    width: 100%;
}
#dialog_close{
    position: absolute;
    width: 3%;
    right: 5%;
    top: 3%;
}
#ensure_info div{
    margin-top: 20px;
    padding: 10px;
    font-size: 1.5em;
}
#ensure_submit{
    width: 25%;
    margin-top: 10%;
}

.pay_result{
    position: relative;
}
#pay_success{
    position: absolute;
    top: 30px;
    left: 30%;
    width: 40%;
    border: 3px solid #1e7bcb;
    border-radius: 4px;
    padding-bottom: 5%;
}
#pay_success img{
    position: absolute;
    left: 15%;
    top: 25%;
    width: 10%;
}
#pay_success_title{
    font-size: 2em;
    color: #f39904;
    font-weight: bold;
    margin-top: 5%;
}
#pay_fail_title{
    font-size: 2em;
    font-weight: bold;
    margin-top: 5%;
}
#pay_fail{
    position: absolute;
    top: 30px;
    left: 30%;
    width: 40%;
    border: 3px solid #1e7bcb;
    border-radius: 4px;
    padding-bottom: 5%;
}
#pay_fail img{
    position: absolute;
    left: 15%;
    top: 25%;
    width: 10%;
}
.other{
    width: 50%;
    horiz-align: center;
    margin: 5% auto;
}

/** 充值结束 **/
/** 商务合作 **/
.cooperation_title{
    font-size: 1.5em;
    font-weight: bold;
    margin: 3% 0 2% 25%;
    text-align: left;
    background-image: url("../img/general_bkg.png");
    background-repeat: no-repeat;
}
.cooperation_content{
    font-size: 1.2em;
    margin: 1% 0 0 30%;
    text-align: left;
}
/** 商务合作结束 **/
/** 加入我们 **/
.pre_words{
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 5%;
    padding-right: 5%;
    margin: 3% 0 2% 15%;
    background-image: url("../img/general_bkg.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.invite_words{
    float: left;
    margin: 4% 0 0 1%;
    text-align: left;
}
.invite_words p{
    padding-bottom: 7%;
}
.connect{
    padding: 5%;
}
/** 加入我们结束 **/
/** 关于我们 **/
.know_us{
    float: left;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 2%;
    padding-right: 2%;
    margin: 3% 0 2% 15%;
    background-image: url("../img/general_bkg.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.last_words {
    float: left;
    margin: 3% 0 0 1%;
    text-align: left;
    font-size: 1.2em;
    width: 60%;
}
/** 关于我们结束 **/