/*reset*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: 'Microsoft Yahei';
    font-size: 100%;
    vertical-align: baseline;
}

html {
    font-size: 100%;
    font-family: 'Microsoft Yahei';
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, body {
    touch-action: none;
    pointer-events: auto;
    font-family: 'Microsoft Yahei';
}

/*ol,*/
/*ul {*/
/*list-style: none;*/
/*}*/

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

table {
    border-collapse: collapse;
    vertical-align: middle;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none;
}

body {
    line-height: 1;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

template {
    display: none;
}

html {
    font-size: 100%;
    font-family: 'Microsoft Yahei', Arial, 'Helvetica Neue', sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

a,
nav {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
}

button,
input,
optgroup,
select,
textarea {
    font-weight: inherit;
    font-style: inherit;
    /*font-family: inherit;*/
    font-size: 100%;
    vertical-align: baseline;
    color: inherit;
    margin: 0;
    font-family: "Microsoft YaHei";
}

button {
    overflow: visible;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*修改input中placeholder的颜色值*/
input::-webkit-input-placeholder {
    color: white;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white;
}

input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: white;
}


.main_body {
    /*z-index: 99;*/
    touch-action: none;
    pointer-events: auto;
    overflow: hidden;
    height: 100vh;
    /*text-align: center;*/
    /*font-family: 'Microsoft Yahei', Arial, 'Helvetica Neue', sans-serif;*/
}

.jiemian_main_menu {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: white;
    margin: 0;
    justify-content: center;
    align-items: center;
    height: 65px;
    line-height: 65px;
}

.jiemian_main_menu ul {
    width: 100%;
}

.jiemian_main_menu ul li {
    float: left;
    list-style: none;
    width: 20%;
    text-align: center;
}

.jiemian_main_menu ul li img {
    transform: scale(0.6);
}

.index_head_bg {
    background-color: #ff7a34;
    height: 120px;
}

.index_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

.index_header img {
    transform: scale(0.6);
}

.index_header .title {
    font-size: 20px;
    color: white;
    margin-left: 10px;
}

.index_header .ta1 {
    height: 50px;
    line-height: 50px;
}

.index_header .ta2 {
    height: 50px;
    line-height: 50px;
}

.index_header .tadou {
    color: white;
    font-size: 18px;
}

.index_header .shuzi {
    color: white;
    font-size: 18px;
    margin-left: 10px;
}

.index_header .mingxi {
    color: white;
    font-size: 18px;
}

.index_content {
    height: calc(100vh - 65px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px;
    padding-bottom: 65px;
}

.search-query {
    padding: 7px 15px;
    color: white;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    line-height: 20px;
    width: 180px;
    border: 1px solid #e1e5f1;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}

.search-font {
    background: url("../plat/sousuo.png") no-repeat;
    background-position: left;
    background-origin: content-box;
    text-indent: 30px;
}

.index_banner {
    margin-top: -60px;
    z-index: 99;
    width: 100%;
    padding: 0 2%;
    height: auto;
}

.index_banner img {
    width: 100%;
    border-radius: 10px;
}

.index_banner_padding {
    z-index: 99;
    width: 100%;
    padding: 0 2%;
    height: auto;
}

.index_banner_padding img {
    width: 100%;
    border-radius: 10px;
}

.swiper-container {
    width: 100%;
    height: 100%;

}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    /*background: #fff;*/

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.index_classify {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: 3% 5% 0 5%;
}

.index_classify img {
    /*width: 54px;*/
    height: 50px;
}

.index_split {
    width: 100%;
    height: 1%;
    background: #f7f6f4;
}

.index_jingping {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin-bottom: 10px;
}

.index_jingping .xinyou {
    width: 90%;
    margin: 5px 5%;
}

.index_jingping .summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_jingping .summary .biaoshi {
    display: flex;
    justify-content: center;
    align-items: center;
}

.index_jingping .summary img {
    transform: scale(0.6);
}

.index_jingping .summary span {
    color: #686868;
    margin-left: 10px;
}

.index_jingping .xiangxi {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    /*border-bottom: 1px solid #e6e6e6;*/
    padding: 10px 0px;
}

.index_jingping .xiangxi img {
    width: 60px;
}

.index_jingping .xiangxi img.icon {
    width: 60px;
}

.main_box_youxi_right {
    flex: 1;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    margin-left: 10px;
}

.main_box_youxi_right .title {
    color: #686868;
    font-weight: bold;
    height: 35px;
    line-height: 30px;
}

.main_box_youxi_right .title span {
    margin-left: 7px;
    border-radius: 20px;
    padding: 3px 9px;
    font-size: 12px;
    color: white;
}

.main_box_youxi_right .title .span1 {
    background: #e43344;
}

.main_box_youxi_right .title .span2 {
    background: #e0a600;
}

.main_box_youxi_right .title .tadou {
    color: #fe4c49;
    font-size: 12px;
}

.main_box_youxi_right .newspan {
    font-size: 14px;
}

.main_box_youxi_right .newspan .span1 {
    color: #ff7400;
    margin-right: 10px;
}

.main_box_youxi_right .newspan .span2 {
    color: #e0a600;
    margin-right: 10px;
}

.main_box_youxi_right .libaoma {
    font-size: 12px;
    color: #ababab;
    margin-top: 10px;
}

.main_box_youxi_right .libaoma .span1 {
    color: #686868;
}

.main_box_youxi_right .libaoma .span2 {
    margin-right: 3px;
}

.main_box_youxi_right .libaoma .span3 {
    color: #ff7400;
    margin-left: 8%;
}

.main_box_youxi_right .desc {
    font-size: 15px;
    color: #ababab;
    margin-top: 10px;
}

.main_box_youxi_right .desc .qufu {
    margin-left: 5px;
}

.main_box_youxi_right .desc .shijian {
    font-size: 16px;
    color: #ff7400;
}

.main_box_youxi_right .desc2 {
    font-size: 14px;
    color: #ababab;
    margin-top: 8px;
}

.main_box_youxi_right .desc2 .qufu {
    margin-left: 5px;
}

.main_box_youxi_right .desc2 .shijian2 {
    font-size: 15px;
}

.index_jingping .special {
    width: 100%;
    padding: 5%;
    background: #f7f6f4;
}

.index_jingping .special .quan {
    background: white;
    border-radius: 10px;
    font-size: 12px;
}

.index_jingping .special .quan .wenzi {
    padding: 15px;
    line-height: 20px;
    font-size: 16px;
    color: #ababab;
}

.index_jingping .special .main_box_libao_left {
    width: 60px;
}

.index_jingping .special img {
    width: 100%;
}

.index_jingping .special .xiangxi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.index_jingping .special .xiangxi .left {
    font-size: 12px;
}

.index_jingping .special .xiangxi .left .icon {
    width: 50px;
}

.index_jingping .special .xiangxi .right {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
}

.right_new {
    margin-left: 1%;
}

.index_jingping .special .xiangxi .right .title {
    color: #686868;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

.index_jingping .special .xiangxi .right .title_new {
    color: #686868;
    font-weight: bold;
    font-size: 15px;
}

.index_jingping .special .xiangxi .right .title span {
    margin-left: 5px;
    border-radius: 20px;
    padding: 2px 7px;
    font-size: 10px;
    color: white;
}

.index_jingping .special .xiangxi .right .title .span1 {
    background: #e43344;
}

.index_jingping .special .xiangxi .right .title .span2 {
    background: #e0a600;
}

.index_jingping .special .xiangxi .right .desc {
    font-size: 13px;
    color: #ababab;
    margin-top: 10px;
}

.index_jingping .special .xiangxi .right .desc .shijian {
    font-size: 13px;
    color: #ff7400;
}

.index_jingping .special .xiangxi .right .desc .qufu {
    /*margin-left: 5px;*/
}

.index_jingping .special .xiangxi .kaishi img {
    width: 60px;
}

.index_header_play {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    line-height: 60px;
}

.index_header_play .playtitle {
    font-size: 22px;
    color: white;
}

.jiemian_main_left_bg {
    background: url("../sdk_img/bg_top.png") repeat-x;
    background-size: 100% auto;
    margin: 0px;
    padding: 0px;
    height: calc(100vh - 65px);
    overflow: auto;
    padding-bottom: 65px;
}

.jiemian_main_center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.jiemian_main_tou_margin {
    height: 3%;
}

.jiemian_main_tou {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 90%;
    margin: 0px 5%;
    height: 100px;
}

.touxiang {
    flex: 1;
    text-align: center;
    font-size: 15px;
    color: #FFFFFF;
}

.touxiang_zhanghao {
    font-size: 15px;
    color: white;
    margin-top: 10px;
}

.touxiang img {
    /*transform: scale(0.5);*/
    width: 90px;
    height: 90px;
    border-radius: 20px;
    margin: 0px;
    padding: 0px;
}

.touxiang_left {
    width: 100px;
    float: left;
    text-align: left;
}

.touxiang_left img {
    transform: scale(0.6);
}

.touxiang_right {
    width: 80px;
    float: right;
    text-align: right;
}

.touxiang_right img {
    transform: scale(0.6);
}

.touxiang_nickname {
    color: white;
}

.touxiang_nickname img {
    width: 20px;
}

.touxiang_modify_nickname {
    height: 25px;
    width: 50%;
}

.touxiang_modify_nickname input {
    height: 25px;
    padding: 0px;
}

.main_box_jiemian_huobi {
    width: 80%;
    margin: 10px 10%;
    min-width: 250px;
    overflow: visible;
    background: white;
    -webkit-box-shadow: 5px 5px 5px -5px #555;
    -moz-box-shadow: 5px 5px 5px -5px #555;
    box-shadow: 5px 5px 5px -5px #555;
    font-size: 18px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.huobi_left {
    width: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 20px 10px;
}

.huobi_right {
    width: 50%;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #e9e9e9;
    padding: 10px;
}

.huobi_left_amount, .huobi_right_amount {
    font-size: 17px;
    color: #141414;
    font-weight: bold;
}

.huobi_left_note, .huobi_right_note {
    font-size: 18px;
    color: #ababab;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.huobi_left_note img, .huobi_right_note img {
    transform: scale(0.8);
    /*width: 55px;*/
}

.huobi_left_note img {
    margin-left: 5px;
}

.self_content {
    width: 90%;
    margin: 2% 5%;
}

.self_content .content {
    border-radius: 10px;
    background: white;
    padding: 20px;
}

.self_content .content .hang {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.self_content .content .hang img {
    transform: scale(0.7);
    border-radius: 0px;
}

.self_content .content .hang1 {
    display: flex;
    justify-content: start;
    align-items: center;
}

.self_content .content .hang1 img {
    transform: scale(0.7);
    border-radius: 0px;
}

.self_all_bakground {
    background: #f7f6f4;
}

.index_head_webgame_bg {
    background-color: #ff7a34;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    margin: 0;
    justify-content: center;
    align-items: center;
}

.index_header_webgame {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_header_webgame img {
    transform: scale(0.8);
}

.index_header_webgame .fanhui {
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index_header_webgame .title {
    font-size: 20px;
    color: white;
    margin-left: -30px;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.index_header_webgame .title2 {
    font-size: 20px;
    color: white;
    width: 50%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.index_header_webgame .msg {
    font-size: 15px;
    color: white;
    margin-right: 10px;
}

.special_game_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin-bottom: 10px;
}

.special_game_content .special {
    width: 100%;
    background: #f7f6f4;
    margin-bottom: 10px;
}

.special_game_content .special .quan {
    background: white;
    font-size: 12px;
}

.special_game_content .special .quan .wenzi {
    padding: 15px;
    line-height: 20px;
    font-size: 16px;
    color: #ababab;
}

.special_game_content .special img {
    width: 94%;
    margin: 0px 3%;
}

.special_game_content .special .xiangxi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.special_game_content .special .xiangxi .left {
    font-size: 12px;
}

.special_game_content .special .xiangxi .left .icon {
    width: 50px;
}

.special_game_content .special .xiangxi .right {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.special_game_content .special .xiangxi .right .title {
    color: #686868;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

.special_game_content .special .xiangxi .right .title_new {
    color: #686868;
    font-weight: bold;
    font-size: 15px;
}

.special_game_content .special .xiangxi .right .title span {
    margin-left: 5px;
    border-radius: 20px;
    padding: 2px 7px;
    font-size: 10px;
    color: white;
}

.special_game_content .special .xiangxi .right .title .span1 {
    background: #e43344;
}

.special_game_content .special .xiangxi .right .title .span2 {
    background: #e0a600;
}

.special_game_content .special .xiangxi .right .desc {
    font-size: 13px;
    color: #ababab;
    margin-top: 10px;
}

.special_game_content .special .xiangxi .right .desc .shijian {
    font-size: 13px;
    color: #ff7400;
}

.special_game_content .special .xiangxi .right .desc .qufu {
    /*margin-left: 5px;*/
}

.special_game_content .special .xiangxi .kaishi img {
    width: 60px;
}

.special_game_content .fengexian {
    width: 80%;
    margin: 0px 10% 5% 10%;
    border-bottom: 1px solid #f2f2f2;;
}

.index_child_content {
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 50px 0px 0px 0px;
    padding: 0px;
    padding-bottom: 65px;
}

.index_child_content_bgcolor {
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 50px 0px 0px 0px;
    padding: 0px;
    background: #f7f6f4;
    padding-bottom: 65px;
}

.index_head_newgame_bg {
    background-color: #ff7a34;
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    margin: 0;
    justify-content: center;
    align-items: center;
}

.index_header_newgame {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.index_header_newgame img {
    transform: scale(0.8);
}

.index_header_newgame .fanhui {
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index_header_newgame .title {
    font-size: 20px;
    color: white;
    margin-left: -30px;
}

.index_header_newgame .title2 {
    font-size: 20px;
    color: white;
}

.index_header_newgame .rebate {
    font-size: 16px;
    color: white;
    margin-right: 30px;
}

.index_header_newgame .tadou {
    font-size: 16px;
    color: white;
    margin-right: 10px;
}

.index_header_newgame .sousuo {
    margin-right: 10px;
    padding: 0px 10px;
    color: white;
    font-size: 18px;
}

.newgame_menu {
    width: 100%;
    text-align: center;
    height: 50px;
}

.newgame_menu ul {
    width: 100%;
    list-style-type: none;
    float: left;
    height: 50px;
}

.newgame_menu ul li {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 50%;
    border-bottom: 3px solid #ababab;
    color: #686868;
    font-size: 18px;
    font-weight: bold;
}

.newgame_menu ul li.select {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 50%;
    border-bottom: 3px solid #fe4c49;
    color: #fe4c49;
    font-size: 18px;
    font-weight: bold;
}

.newgame_menu ul li.no_right {
    padding-right: 0px;
}


.new_game_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin-bottom: 10px;
}

.new_game_content .xinyou {
    width: 90%;
    margin: 5px 5%;
}

.new_game_content .summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.new_game_content .summary .biaoshi {
    display: flex;
    justify-content: center;
    align-items: center;
}

.new_game_content .summary img {
    transform: scale(0.6);
}

.new_game_content .summary span {
    color: #686868;
    margin-left: 10px;
}

.new_game_content .xiangxi {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    /*border-bottom: 1px solid #e6e6e6;*/
    padding: 10px 0px;
}

.new_game_content .xiangxi .shuzi {
    margin: 10px 20px 10px 0px;
    color: #ababab;
}

.new_game_content .xiangxi img {
    width: 60px;
}

.new_game_content .xiangxi img.icon {
    width: 60px;
}

.msg_center_content {
    width: 90%;
    margin: 10px 5%;
    min-width: 250px;
    font-size: 18px;
}

.msg_center_content .xiaoxi {
    /*height: 50px;*/
    /*line-height: 50px;*/
    background: white;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 10px 0px;
}

.msg_center_content .xiaoxi .left {
    padding-left: 10px;
    display: flex;
    justify-content: start;
    align-items: center;
    width: 70%;
}

.msg_center_content .xiaoxi .left img {
    transform: scale(0.8);
}

.msg_center_content .xiaoxi .left .content {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
}

.msg_center_content .xiaoxi .left .content .title {
    font-size: 16px;
}

.msg_center_content .xiaoxi .left .content .msg {
    color: #1fabe8;
    margin-top: 10px;
}

.msg_center_content .xiaoxi .right {
    padding-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.msg_center_content .xiaoxi .right .shijian {
    font-size: 12px;
    color: #a9a9a9;
}

.msg_center_content .xiaoxi .right img {
    margin-left: 5px;
}

.jiemian_table_no_more {
    color: #ababab;
    font-size: 12px;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.msg_content_content {
    width: 100%;
    margin: 10px 0;
    min-width: 250px;
    font-size: 18px;
}

.msg_content_content .title {
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    color: #686868;
    margin: 20px 0px;
}

.msg_content_content .shijian {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ababab;
    margin: 10px 0px;
}

.msg_content_content .fenge img {
    width: 100%;
    margin: 10px 0px;
}

.msg_content_content .content {
    margin-top: 20px;
    font-size: 16px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    line-height: 20px;
    text-indent: 25px;
}

.msg_content_content .content img {
    max-width: 100%;
    min-width: 100%;
}

.type_game_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin-top: 10px;
}

.type_game_content .li {
    background: white;
    width: 90%;
    margin: 5%;
}

.type_game_content .li .title {
    display: flex;
    justify-content: space-between;
    align-items: start;
}

.type_game_content .li .games {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.type_game_content .li .games .one {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.type_game_content .li .games .one img {
    width: 60px;
}

.type_game_content .li .games .one .word {
    font-size: 16px;
    margin-top: 5px;
    color: #686868;
}

.type_game_content .fengexian {
    background: #f7f6f4;
    width: 100%;
    height: 5px;
}

.gift_center_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin-bottom: 10px;
}

.gift_center_content .xinyou {
    width: 90%;
    margin: 5px 5%;
}

.gift_center_content .summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.gift_center_content .summary .biaoshi {
    display: flex;
    justify-content: center;
    align-items: center;
}

.gift_center_content .summary img {
    transform: scale(0.6);
}

.gift_center_content .summary span {
    color: #686868;
    margin-left: 10px;
}

.gift_center_content .xiangxi {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    /*border-bottom: 1px solid #e6e6e6;*/
    padding: 10px 0px;
}

.gift_center_content .xiangxi img {
    transform: scale(0.8);
}

.gift_center_content .xiangxi img.icon {
    width: 70px;
}

.new_game_content .content {
    margin: 2%;
    font-size: 16px;
}

.new_game_content .content .youxiaoqi {
    color: #ff7400;
    margin-top: 10px;
    margin-bottom: 2px;
}

.new_game_content .content .xiangxi {
    line-height: 20px;
    font-size: 14px;
    color: #686868;
}

.new_game_content .kaishi {
    width: 100%;
    text-align: center;
}

.new_game_content .kaishi img {
    width: 80%;
    margin-top: 30px;
}

.new_game_content .kaishi img.xiao {
    width: 60%;
}

.bindphone_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 300px;
    min-height: 375px;
    height: 100%;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.7);
    z-index: 99;
    overflow: auto;
}

.main_box_giftcode {
    width: 80%;
    margin: 0px 10%;
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    border-radius: 10px;
    text-align: center;
    padding: 20px 0px;
}

.main_box_giftcode .title {
    font-size: 22px;
    color: #fe4c49;
    margin: 20px 0px;
}

.main_box_giftcode .libaoma {
    font-size: 16px;
    color: #686868;
    margin: 20px 0px;
}

.main_box_giftcode .fuzhi img {
    width: 80%;
    margin-top: 10px;
}

.main_box_giftcode .quxiao img {
    width: 80%;
    margin-top: 5px;
}

.tishi_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 300px;
    min-height: 375px;
    height: 100%;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    /*background: #F5F5F5;*/
    z-index: 199;
    overflow: auto;
}

/*************** tishi ***************/
.notify .note {
    position: relative;
    padding: 21px 10px;
    background-color: #383737;
    color: #ffffff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    border-radius: 10px;
}

.notify .note.note-success {
    background-color: #01bc42;
}

.notify .note.note-info {
    background-color: #017ae1;
}

.notify .note.note-warning {
    background-color: #ffbf05;
}

.notify .note.note-danger {
    background-color: #fe3e3e;
}

.notify .note.note-gray {
    background-color: #595959;

}

.notify_flex {
    display: flex;
    justify-content: center;
    align-items: center;
}

.notify_flex .div_title {
    margin-left: 10px;
}

.notify .note .image,
.notify .note .remove {
    position: absolute;
    font-size: 24px;
    color: #ffffff;
}

.notify .note .remove {
    top: 0;
    right: 10px;
    font-size: 18px;
    background: rgba(0, 0, 0, 0.2);
    border: 0;
    padding: 0;
    border-radius: 0;
    cursor: pointer;
}

.notify .note .remove:focus {
    outline: none;
    border: none;
}

.notify .note .image {
    text-align: center;
    top: 20px;
}

.notify .note .content {
    /*margin-right: 31px;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

.notify .note .image + .remove + .content {
    margin-left: 40px;
}

.notify .note .title {
    /*margin-right: 5px;*/
    margin-left: 20px;
}

.notify.notify-notes {
    /*position: fixed;*/
    top: 20px;
    right: 20px;
    z-index: 1001;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    width: 25%;
}

.notify.notify-messages {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10000;
}

.notify.notify-notes .note:not(:last-child) {
    margin-bottom: 10px;
}

.notify.notify-notes .image {
    /*top: auto;*/
}

.notify.notify-notes .title {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 16px;
}

@media (min-width: 320px) and (max-width: 767px) {
    .notify.notify-notes {
        width: 50%;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .notify.notify-notes {
        width: 30%;
    }
}

.rank_list_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin-top: 20px;
}

.rank_list_content .bangdan {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    /*position: relative;*/
    width: 80%;
    margin: 0px 10%;
}

.rank_list_content .bangdan .icon1 img {
    width: 60px;
    margin-left: -10px;
}

.rank_list_content .quan {
    /*position: absolute;*/
    width: 100%;
    margin: 0px;
    /*position: absolute;*/
    margin-top: -75px;

}

.rank_list_content .quan .datu {
    z-index: 55;
}

.rank_list_content .quan img {
    width: 100%;
}

.rank_list_content .bangdan .icon2 img {
    width: 50px;
    margin-left: 10px;
}

.rank_list_content .bangdan .icon3 img {
    width: 50px;
}

.rank_list_content .info {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 86%;
    margin: 15px 7%;

}

.rank_list_content .info .xiangxi {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 66;
    font-size: 15px;
    margin-top: -70px;
}

.rank_list_content .info .xiangxi .type {
    font-size: 13px;
    color: #ababab;
    margin-top: 5px;
}

.rank_list_content .info .xiangxi img {
    transform: scale(0.6);
}

.active_center_content {
    width: 90%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 10px 5%;
}

.active_center_content .special {
    width: 100%;
    background: #f7f6f4;
    margin-bottom: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-box-shadow: #ccc 0px 0px 10px;
    -moz-box-shadow: #ccc 0px 0px 10px;
    box-shadow: #ccc 0px 0px 10px;
}

.active_center_content .special .quan {
    background: white;
    font-size: 12px;
}

.active_center_content .special .quan .wenzi {
    padding: 15px;
    line-height: 20px;
    font-size: 16px;
    color: #ababab;
}

.active_center_content .special img {
    width: 100%;
}

.active_center_content .special .xiangxi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.active_center_content .special .xiangxi .left {
    font-size: 12px;
}

.active_center_content .special .xiangxi .left .icon {
    width: 50px;
}

.active_center_content .special .xiangxi .right {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.active_center_content .special .xiangxi .right .title {
    color: #686868;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.active_center_content .special .xiangxi .right .title_new {
    color: #686868;
    font-weight: bold;
    font-size: 15px;
}

.active_center_content .special .xiangxi .right .title span {
    margin-left: 5px;
    border-radius: 20px;
    padding: 2px 7px;
    font-size: 10px;
    color: white;
}

.active_center_content .special .xiangxi .right .title .span1 {
    background: #e43344;
}

.active_center_content .special .xiangxi .right .title .span2 {
    background: #e0a600;
}

.active_center_content .special .xiangxi .right .desc {
    font-size: 13px;
    color: #ababab;
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.active_center_content .special .xiangxi .right .desc .shijian {
    font-size: 13px;
    color: #ff7400;
}

.active_center_content .special .xiangxi .kaishi .renshu {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 5px;
}

.active_center_content .special .xiangxi .kaishi .canyu img {
    width: 60px;
}

.active_center_content .special .xiangxi .kaishi .renshu img {
    width: 16px;
}

.active_center_content .special .xiangxi .kaishi .renshu span {
    margin-left: 5px;
}

.active_center_content .fengexian {
    width: 80%;
    margin: 0px 10% 5% 10%;
    border-bottom: 1px solid #f2f2f2;
}

.game_detail_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 0px;
    padding: 0px;
}

.game_detail_content .xiangxi {
    padding-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.game_detail_content .xiangxi .icon img {
    width: 80px;
}

.game_detail_content .xiangxi .neirong {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    margin-left: 30px;
    font-size: 16px;
    color: #686868;
}

.game_detail_content .xiangxi .neirong .title {
    font-size: 18px;
    font-weight: bold;
}

.game_detail_content .xiangxi .neirong .title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.game_detail_content .xiangxi .neirong .title span {
    margin-left: 7px;
    border-radius: 20px;
    padding: 3px 9px;
    font-size: 12px;
    color: white;
}

.game_detail_content .xiangxi .neirong .title .span1 {
    background: #e43344;
}

.game_detail_content .xiangxi .neirong .title .span2 {
    background: #e0a600;
}

.game_detail_content .xiangxi .neirong .newspan {
    font-size: 14px;
    margin-bottom: 10px;
}

.game_detail_content .xiangxi .neirong .newspan .span1 {
    color: #ff7400;
    margin-right: 10px;
}

.game_detail_content .xiangxi .neirong .desc {
    font-size: 15px;
    color: #686868;
}

.game_detail_content .xiangxi .neirong .desc .qufu {
    margin-left: 5px;
}

.game_detail_content .xiangxi .neirong .desc .shijian2 {
    font-size: 16px;
    color: #ff7400;
}

.game_detail_content .start {
    width: 100%;
    text-align: center;
}

.game_detail_content .start img {
    width: 60%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.game_detail_content .fuli {
    color: #686868;
    font-size: 14px;
    width: 90%;
    margin: 0px 5% 10px 5%;
    /*border-bottom: 1px solid #ababab;*/
    padding-left: 10px;
    padding-bottom: 10px;
}

.game_detail_content .fuli .shuoming {
    font-weight: bold;
}

.game_detail_content .fuli .tag1 {
    color: #25d8dc;
    margin-right: 10px;
}

.game_detail_content .fuli .tag2 {
    color: #ffb430;
    margin-right: 10px;
}

.game_detail_content .fuli .tag3 {
    color: #d21857;
}

.game_detail_content .liquan {
    width: 98%;
    margin: 0px 1% 10px 1%;
    background-color: #ffdfe0;
    height: 45px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.game_detail_content .liquan .wenzi {
    color: red;
    font-size: 15px;
}

.game_detail_content .liquan img {
    height: 40px;
}

.game_detail_content .liquan span {
    font-size: 18px;
    padding-right: 10px;
    font-weight: bold;
}

.game_detail_menu {
    width: 90%;
    margin: 0px 5%;
    text-align: center;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.game_detail_menu ul {
    width: 100%;
    list-style-type: none;
    float: left;
    height: 50px;
}

.game_detail_menu ul li {
    float: left;
    padding: 10px 0px;
    width: 20%;
    /*border-bottom: 3px solid #ababab;*/
    color: #686868;
    font-size: 18px;
    font-weight: bold;
}

.game_detail_menu ul li.no_right {
    padding-right: 0px;
}

.gamedetail_menu {
    width: 45px;
}

.gamedetail_jiaobiao {
    position: relative;
    margin-left: -5px;
    top: -30px;
}

.gamedetail_wenzi {
    position: relative;
    margin-left: -12px;
    font-size: 12px;
    top: -32px;
    color: #ababab;
}

.game_detail_content .content {
    width: 90%;
    margin: 10px 5%;
}

.game_detail_content .content .shuoming {
    font-size: 16px;
    color: #686868;
    line-height: 25px;
    padding: 5px 10px;
}

.game_detail_content .content .wutu {
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.game_detail_content .content .wutu .li {
    margin-left: 10px;
}

.game_detail_content .content .wutu .li img {
    height: 200px;
}

.game_detail_content .every {
    width: 100%;
    margin-top: 20px;
}

.game_detail_content .every .title {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-left: 10px;
    margin-right: 10px;
}

.game_detail_content .every .title .gengduo img {
    width: 80px;
}

.game_detail_content .every .games {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.game_detail_content .every .games .one {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.game_detail_content .every .games .one img {
    width: 60px;
}

.game_detail_content .every .games .one .word {
    font-size: 16px;
    margin-top: 5px;
    color: #686868;
}

.game_detail_content .yiwen {
    text-align: center;
    font-size: 14px;
    color: #686868;
    margin-top: 20px;
    margin-bottom: 30px;
}

.game_detail_content .yiwen .fankui {
    color: #ffb430;
}

.game_detail_content .gongneng {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
}

.game_detail_content .gongneng .shoucang img {
    width: 30px;
}

.game_detail_content .gongneng .kaishi {
    text-align: center;
}

.game_detail_content .gongneng .kaishi img {
    width: 80%;
}

.game_detail_content .bgcolor {
    background-color: #f7f6f4;
    color: #686868;
    width: 100%;
    padding: 5%;
    padding-bottom: 20%;
}

.game_detail_content .bgcolor .wode {
    float: right;
    margin-right: 20px;
    vertical-align: center;
    font-size: 14px;;
}

.game_detail_content .bgcolor .clear {
    clear: both;
}

.game_detail_content .bgcolor .wode img {
    height: 13px;
    margin-left: 5px;
}

.game_detail_content .bgcolor .dan {
    border-radius: 10px;
    background: white;
    padding: 10px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.game_detail_content .bgcolor .dan .left {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    font-size: 14px;
    color: #686868;
}

.game_detail_content .bgcolor .dan .left .mingzi {
    font-size: 18px;
}

.game_detail_content .bgcolor .dan .left .neirong {
    color: #ababab;
    margin-top: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 30vh;
}

.game_detail_content .bgcolor .dan .right img {
    width: 70px;
}

.game_detail_content .content .wenxintishi {
    font-size: 12px;
    color: #ababab;
    text-align: center;
    margin: 20px auto;
}

.game_detail_content .content .fengexian {
    border-bottom: 1px solid #ababab;
}

.game_detail_content .content .xinyou {
    width: 90%;
    margin: 5px 5%;
}

.game_detail_content .content .summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.game_detail_content .content .summary .biaoshi {
    display: flex;
    justify-content: center;
    align-items: center;
}

.game_detail_content .content .summary img {
    transform: scale(0.6);
}

.game_detail_content .content .summary span {
    color: #686868;
    margin-left: 10px;
}

.game_detail_content .content .xiangxi {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    /*border-bottom: 1px solid #e6e6e6;*/
    padding: 10px 0px;
}

.game_detail_content .content .xiangxi .shuzi {
    margin: 10px 20px 10px 0px;
    color: #ababab;
}

.game_detail_content .content .xiangxi img {
    width: 80px;
}

.game_detail_content .content .xiangxi img.icon {
    width: 70px;
}


.game_detail_content .content .special {
    width: 100%;
    margin-bottom: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-box-shadow: #ccc 0px 0px 10px;
    -moz-box-shadow: #ccc 0px 0px 10px;
    box-shadow: #ccc 0px 0px 10px;
}

.game_detail_content .content .special .quan {
    background: white;
    border-radius: 10px;
    font-size: 12px;
}

.game_detail_content .content .special .quan .wenzi {
    padding: 15px;
    line-height: 20px;
    font-size: 16px;
    color: #ababab;
}

.game_detail_content .content .special img {
    width: 100%;
}

.game_detail_content .content .special .xiangxi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.game_detail_content .content .special .xiangxi .left {
    font-size: 12px;
}

.game_detail_content .content .special .xiangxi .left .icon {
    width: 50px;
}

.game_detail_content .content .special .xiangxi .right {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.game_detail_content .content .special .xiangxi .right .title {
    color: #686868;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

.game_detail_content .content .special .xiangxi .right .title_new {
    color: #686868;
    font-weight: bold;
    font-size: 15px;
}

.game_detail_content .content .special .xiangxi .right .title span {
    margin-left: 5px;
    border-radius: 20px;
    padding: 2px 7px;
    font-size: 10px;
    color: white;
}

.game_detail_content .content .special .xiangxi .right .title .span1 {
    background: #e43344;
}

.game_detail_content .content .special .xiangxi .right .title .span2 {
    background: #e0a600;
}

.game_detail_content .content .special .xiangxi .right .desc {
    font-size: 13px;
    color: #ababab;
    margin-top: 10px;
}

.game_detail_content .content .special .xiangxi .right .desc .shijian {
    font-size: 13px;
    color: #ff7400;
}

.game_detail_content .content .special .xiangxi .right .desc .qufu {
    margin-left: 5px;
}

.game_detail_content .content .special .xiangxi .kaishi .renshu {
    margin-top: 5px;
}

.game_detail_content .content .special .xiangxi .kaishi .canyu img {
    width: 60px;
}

.game_detail_content .content .special .xiangxi .kaishi .renshu img {
    width: 16px;
}

.game_detail_content .content .special .xiangxi .kaishi .renshu span {
    margin-left: 10px;
}

.game_detail_content .content .zixun {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.game_detail_content .content .zixun .left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.game_detail_content .content .zixun .left .icon {
    width: 60px;
}

.game_detail_content .content .zixun .left .xiang {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    margin-left: 10px;
    color: #686868;
    font-size: 14px;
}

.game_detail_content .content .zixun .left .xiang .title {
    font-size: 18px;
}

.game_detail_content .content .zixun .left .xiang .desc {
    color: #ababab;
    margin-top: 10px;
    width: 30vh;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.user_login_content {
    width: 90%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 10px 5%;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
}

.user_login_content .content {
    padding: 20px 0px;
}

.user_login_content .content .box_header {
    width: 100%;
    margin: 10px auto 0px auto;
    text-align: center;
    padding: 10px 0px;
}

.user_login_content .content .box_header img {
    transform: scale(0.9);
}

.user_login_content .content .box_header h1 {
    font-size: 20px;
    width: 100%;
    text-align: center;
    line-height: 50px;
    color: #141414;
    font-weight: bold;
}

.user_login_content .content .box_content {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.user_login_content .content .box_content .item {
    width: 90%;
    margin: 10px 5% 0px 5%;
    margin-top: 0px;
    height: 55px;
    overflow: hidden;
}

.user_login_content .content .box_content .item .text {
    min-height: 55px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 60px;
    line-height: 25px;
    font-size: 20px;
    width: 100%;
    outline: medium;
}

.user_login_content .content .box_content .item .img {
    display: block;
    position: relative;
    /*width: 62px;*/
    transform: scale(0.7);
    top: -45px;
    padding-left: 15px;
    text-align: left;
    overflow: hidden;
}

.user_login_content .content .box_content .item .span {
    display: block;
    position: relative;
    top: -35px;
    text-align: left;
    overflow: hidden;
    font-size: 18px;
    color: #686868;
}

.user_login_content .content .box_content .item .left {
    width: 70%;
    height: 55px;
    display: inline-block;
}

.user_login_content .content .box_content .item .left .no_top {
    border-top: none;
}

.input_clear_button {
    display: block;
    width: 25px;
    height: 25px;
    float: right;
    position: relative;
    top: -59px;
    right: 10px;
    background: url(http://p5.qhimg.com/d/inn/9c079abd/clear.png);
}

.user_login_content .content .box_content .item .psd {
    font-size: 16px;
    width: 20%;
    line-height: 48px;
    height: 48px;
    font-weight: bold;
    /*min-width: 94px;*/
    color: #32b6f4;
}

.user_login_content .content .box_content .checkbox {
    height: 30px;
    line-height: 18px;
    font-size: 15px;
    color: rgb(169, 169, 169);
    overflow: visible;
    padding-left: 15px;
    margin-top: 15px;
}

.user_login_content .content .box_content .checkbox input[type=checkbox] {
    width: 15px;
    height: 15px;
}

.user_login_content .content .box_content .checkbox .autologin {
    color: #ababab;
    font-size: 15px;
}

.user_login_content .content .box_content .buttons {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    width: 90%;
    height: 85px;
}

.user_login_content .content .box_content .buttons .btn {
    display: inline-block;
    text-align: center;
    height: 63px;
    line-height: 60px;
    border-radius: 4px;
    font-size: 20px;
    color: #FFF;
    padding: 0px;

}

.user_login_content .content .box_content .buttons .btn img {
    width: 90%;
}

.user_login_content .content .box_content .item .line-main {
    margin: 10px 10px 10px 10px;
    background: #fff;
    text-align: center;
}

.user_login_content .content .box_content .item .line-main .line:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #e6e6e6; /*颜色需与主题大背景色一致*/
    position: relative;
    top: 10px; /*调节线高*/
    left: 0;
}

.user_login_content .content .box_content .item .line-main .line .line-text {
    display: inline-block;
    background: #fff;
    padding: 0 10px 0 10px;
    position: relative;
    font-weight: 500;
    color: #ababab;
    font-size: 16px;
}

.user_login_content .content .box_content .fangshi {
    height: 35px;
}


.user_login_content .content .box_content .xieyi {
    display: table;
    margin: 10px 0px 5px 4%;
    font-size: 13px;
    color: #ababab;
}

.user_login_content .content .box_content .xieyi .inline {
    /*display: inline-block;*/
    align-items: flex-start;
    justify-content: start;
}

.user_login_content .content .box_content .xieyi .lable {
    font-size: 12px;
    color: #ababab;
    margin: 0px 2px;
    padding: 0px;
}

.user_login_content .content .box_content .xieyi .color {
    color: #ff7400;
}

.user_login_content .content .box_content .other {
    margin-top: 0px;
    padding-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    margin: 0px 5%;
}

.user_login_content .content .box_content .other img {
    height: 70px;
    margin-left: 8%;
}

.user_login_content .content .box_content .other .img {
    top: 0px;
}

.user_login_content .content .box_content .other .last {
    margin-left: 8%;
    margin-right: 0px;
}

input::-webkit-input-placeholder { /* WebKit browsers */
    color: #ababab;
    font-size: 16px;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ababab;
    font-size: 16px;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ababab;
    font-size: 16px;
}

input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #ababab;
    font-size: 16px;
}

input.bg_white::-webkit-input-placeholder { /* WebKit browsers */
    color: white;
    font-size: 16px;
}

input.bg_white:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: white;
    font-size: 16px;
}

input.bg_white::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: white;
    font-size: 16px;
}

input.bg_white:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: white;
    font-size: 16px;
}

.user_reg_content {
    width: 90%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 10px 5%;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
}

.user_reg_content .content {
    padding: 10px 0px;
}

.user_reg_content .content .box_header {
    width: 100%;
    margin: 10px auto 0px auto;
    text-align: center;
}

.user_reg_content .content .box_content {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.user_reg_content .content .box_content .item {
    width: 100%;
    /*margin: 10px 5% 0px 5%;*/
    margin-top: 0px;
    height: 55px;
    overflow: hidden;
}

.user_reg_content .content .box_content .item .text {
    min-height: 55px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 50px;
    line-height: 25px;
    font-size: 20px;
    width: 100%;
    outline: medium;
}

.user_reg_content .content .box_content .item .img {
    display: block;
    position: relative;
    /*width: 62px;*/
    transform: scale(0.7);
    top: -45px;
    padding-left: 15px;
    text-align: left;
    overflow: hidden;
}

.user_reg_content .content .box_content .item .nicheng {
    display: block;
    position: relative;
    top: -39px;
    text-align: left;
    overflow: hidden;
    font-size: 20px;
}

.user_reg_content .content .box_content .item .left {
    width: 70%;
    height: 55px;
    display: inline-block;
}

.user_reg_content .content .box_content .item .left .no_top {
    border-top: none;
}

.input_clear_button {
    display: block;
    width: 25px;
    height: 25px;
    float: right;
    position: relative;
    top: -59px;
    right: 10px;
    background: url(http://p5.qhimg.com/d/inn/9c079abd/clear.png);
}

.user_reg_content .content .box_content .item .psd {
    font-size: 16px;
    width: 20%;
    line-height: 48px;
    height: 48px;
    font-weight: bold;
    /*min-width: 94px;*/
    color: #32b6f4;
}

.user_reg_content .content .box_content .checkbox {
    height: 30px;
    line-height: 18px;
    font-size: 15px;
    color: rgb(169, 169, 169);
    overflow: visible;
    padding-left: 15px;
    margin-top: 15px;
}

.user_reg_content .content .box_content .checkbox input[type=checkbox] {
    width: 15px;
    height: 15px;
}

.user_reg_content .content .box_content .checkbox .autologin {
    color: #ababab;
    font-size: 15px;
}

.user_reg_content .content .box_content .buttons {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 65px;
}

.user_reg_content .content .box_content .buttons .btn {
    display: inline-block;
    text-align: center;
    height: 63px;
    line-height: 60px;
    border-radius: 4px;
    font-size: 20px;
    color: #FFF;
    padding: 0px;

}

.user_reg_content .content .box_content .buttons .btn img {
    width: 100%;
}

.user_reg_content .content .box_content .xieyi {
    display: table;
    margin: 10px 0px 5px 4%;
    font-size: 13px;
    color: #ababab;
}

.user_reg_content .content .box_content .xieyi .inline {
    /*display: inline-block;*/
    align-items: flex-start;
    justify-content: start;
    margin-top: 5px;
}

.user_reg_content .content .box_content .xieyi .lable {
    font-size: 12px;
    color: #ababab;
    margin: 0px 2px;
    padding: 0px;
}

.user_reg_content .content .box_content .xieyi .color {
    color: #ff7400;
}

.user_reg_content .content .box_content .item .sms {
    font-size: 16px;
    line-height: 48px;
    height: 48px;
    width: 25%;
    border: none;
    color: #ff7400;
    background: white;
}

.clear_float {
    clear: both;
}

.user_reg_content .content .box_content .item .line-main {
    margin: 10px 10px 10px 10px;
    background: #fff;
    text-align: center;
}

.user_reg_content .content .box_content .item .line-main .line:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background-color: #e6e6e6; /*颜色需与主题大背景色一致*/
    position: relative;
    top: 10px; /*调节线高*/
    left: 0;
}

.user_reg_content .content .box_content .item .line-main .line .line-text {
    display: inline-block;
    background: #fff;
    padding: 0 10px 0 10px;
    position: relative;
    font-weight: 500;
    color: #ababab;
    font-size: 16px;
}

.user_reg_content .content .box_content .fangchenmi {
    height: 30px;
}

.user_reg_content .content .box_content .tishi_item {
    background-color: #fffac0;
    height: 30px;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    margin: 10px 2.5%;
}

.user_reg_content .content .box_content .tishi_item img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.user_reg_content .content .box_content .tishi_item span {
    color: #ababab;
    font-size: 12px;
}

.user_reg_content .content .box_content .buttons .zc_div {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.user_reg_content .content .box_content .buttons .zc_div img {
    width: 100%;
}

.user_reg_content .content .box_content .dl {
    height: 30px;
    text-align: center;
    margin-top: 10px;
    color: #dd5c60;
}

.user_login_content .content .box_content .youke_ready {
    display: block;
    text-align: center;
    margin-top: 20px;
}

.user_login_content .content .box_content .youke_ready img {
    width: 50%;
}

.user_login_content .content .box_content .youke_login {
    width: 100%;
    margin-top: 20px;
}

.user_login_content .content .box_content .youke_login img {
    width: 100%;
}

.user_reg_content .content .box_content .fangshi {
    margin-top: 20px;
}

.service_center_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 10px 0;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
}

.service_center_content .content {
    width: 100%;
    background-color: #f7f6f4;
}

.service_center_content .content .shijian {
    background-color: white;
    height: 30px;
    line-height: 20px;
    color: #ababab;
    font-size: 16px;
    text-align: center;
}

.service_center_content .content .shijian .s {
    margin-left: 10px;
}

.service_center_content .content .hang {
    width: 90%;
    margin: 10px 5%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #686868;
    font-size: 16px;
}

.service_center_content .content .hang .qq {
    background-color: white;
    border-radius: 10px;
    width: 48%;
    display: flex;
    justify-content: start;
    align-items: center;
    padding: 10px;
}

.service_center_content .content .hang .qq .shu {
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
}

.service_center_content .content .hang .img img {
    width: 80%;
}

.service_center_content .content .hang .qq .shu .title {
    font-size: 15px;
    margin-bottom: 10px;
}

.service_center_content .content .hang .qq .shu .shuzi {
    font-size: 13px;
    color: #ababab;
}

.service_center_content .content .wenti {
    height: 40px;
    line-height: 20px;
    font-size: 16px;
    padding: 10px 5%;
    background-color: white;
}

.service_center_content .content .shuoming {
    margin-top: 5px;
    width: 100%;
    padding: 10px 10%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    font-size: 14px;
    color: #686868;
}

.service_center_content .content .shuoming .tu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.service_center_content .content .shuoming .tu img {
    transform: scale(0.7);
    padding-bottom: 5px;
}

.service_center_content .content .shuoming li {
    font-size: 13px;
    color: #ababab;
}

.service_center_content .content .jubao {
    margin-top: 5px;
    width: 100%;
    padding: 10px 10%;
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    background: white;
    font-size: 14px;
    color: #ababab;
}

.service_center_content .content .jubao span {
    padding-top: 10px;
}

.service_center_content .content .jubao .title {
    color: #686868;
    font-size: 15px;
}

.sign_in_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin-bottom: 10px;
}

.sign_in_content .xianshitu {
    width: 100%;
}

.sign_in_content .xianshitu img {
    width: 100%;
    border-radius: 0px;
}

.sign_in_content .cishu {
    font-size: 15px;
    color: #ff7400;
    height: 40px;
    line-height: 30px;
    text-align: center;
}

.sign_in_content .qiandao {
    width: 100%;
    background-color: #f7f6f4;
    padding: 5% 1%;
}

.sign_in_content .qiandao .hang {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.sign_in_content .qiandao .hang img {
    width: 80%;
    border-radius: 0px;
}

.sign_in_content .qiandao .hang .num {
    font-size: 13px;
    color: #686868;
    position: relative;
    margin-left: -50%;
    top: -3px;
    z-index: 22;
}

.sign_in_content .qiandao .hang .jia {
    font-size: 11px;
    color: #fc4b53;
    position: relative;
    margin-left: -20%;
    top: -23px;
    z-index: 22;
}

.sign_in_content .qiandao .hang .one {
    width: 14.3%;
}

.sign_in_content .shuoming {
    width: 90%;
    margin: 10px 5%;
    font-size: 14px;
    color: #ababab;
    line-height: 20px;
}

.sign_in_content .shuoming .title {
    font-size: 16px;
    color: #686868;
    margin-bottom: 10px;
}

.my_system_content {
    width: 100%;
    min-width: 250px;
    font-size: 18px;
    margin-bottom: 10px;
    background-color: #f7f6f4;
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px;
}

.my_system_content .neirong {
    margin-top: 10%;
    background: white;
    width: 100%;
}

.my_system_content .neirong .li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #e6e6e6;
    width: 100%;
    padding: 0px 10%;
}

.my_system_content .neirong .no {
    border: none;
}

.my_system_content .tuichu {
    width: 100%;
    text-align: center;
    margin-top: 5%;
}

.my_system_content .tuichu img {
    width: 90%;
}

.my_system_content .wenzi {
    margin-top: 10%;
    font-size: 16px;
    color: #ababab;
    line-height: 30px;
    text-align: center;
}

.my_system_content .wenzi .banquan {
    margin-top: 5%;
}

.about_us_content {
    width: 100%;
    min-width: 250px;
    font-size: 18px;
    margin-bottom: 10px;
    background-color: white;
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px;
}

.about_us_content .tubiao {
    text-align: center;
    margin: 5% 10%;
}

.about_us_content .tubiao img {

}

.about_us_content .wenzi {
    font-size: 16px;
    color: #ababab;
    line-height: 25px;
    padding: 0px 10%;
    text-indent: 25px;
}

.about_us_content .wenzi .title {
    font-size: 18px;
    color: #686868;
}

.self_rebate_content {
    width: 90%;
    margin: 10px 5%;
    min-width: 250px;
    background: white;
    font-size: 18px;
}

.self_rebate_content .hang {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 10px 5%;
}

.self_rebate_content .hang select {
    margin-left: 10px;
}

.self_rebate_content .hang input {
    margin-left: 25px;
}

.self_rebate_content .btn {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.self_rebate_content .btn img {
    width: 90%;
}

.self_rebate_content .wu {
    transform: scale(0.7);
}

.self_rebate_content .ul {
    border-bottom: 1px solid #ababab;
    color: #ababab;
    font-size: 14px;
    margin-bottom: 20px;
}

.self_rebate_content .ul .li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 10px;
}

.self_rebate_content .ul .li .yuanyin {
    color: #ff4947;
    margin-right: 18px;
}

.self_rebate_content .zz {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    padding-bottom: 10px;
}

.self_rebate_content .zz .right .icon {
    /*width: 30%;*/
}

.self_rebate_content .zz .right .icon img {
    width: 60px;
}

.self_rebate_content .zz .right {
    display: flex;
    justify-content: start;
    align-items: center;
    width: 70%;
}

.self_rebate_content .zz .right .co {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-direction: column;
    margin-left: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.self_rebate_content .zz .right .co .title {
    font-size: 18px;
    color: #686868;
    margin-bottom: 5px;
}

.self_rebate_content .zz .right .co .newspan {
    color: #ff4947;
    margin-bottom: 5px;
}

.self_rebate_content .zz .btn {
    width: 30%;
    margin-top: 0px;
}

.self_rebate_content .zz .btn img {
    width: 80px;
}

.rebate_help_content {
    width: 90%;
    margin: 10px 5%;
    min-width: 250px;
    background: white;
    font-size: 18px;
}

.rebate_help_content .one {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 35px;
    line-height: 30px;
    font-size: 16px;
    margin-bottom: 10px;
}

.rebate_help_content .one .left {
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rebate_help_content .one .left .tuwen {
    display: flex;
    justify-content: start;
    align-items: center;
}

.rebate_help_content .one .left .tuwen img {
    width: 30px;
}

.rebate_help_content .one .left .tuwen .num {
    position: relative;
    margin-left: -22px;
}

.rebate_help_content .one .left .tuwen .zi {
    margin-left: 20px;
}

.rebate_help_content .two {
    padding: 10px 2%;
    font-size: 15px;
    color: #ababab;
    line-height: 20px;
}

.rebate_help_content .tishi {
    font-size: 11px;
    color: blue;
    height: 30px;
    line-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rebate_help_content .tishi img {
    width: 15px;
    margin-right: 5px;
}

.my_account_content {
    width: 100%;
    min-width: 250px;
    font-size: 18px;
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0px;
    padding: 10px 5%;
}

.my_account_content .li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
    padding: 15px 0px;
}

.my_account_content .li .right {
    display: flex;
    justify-content: center;
    align-items: center;
}

.my_account_content .li .right .touxiang {
    width: 40px;
    margin-right: 10px;
}

.my_account_content .li .right .nicheng {
    margin-right: 10px;
    font-size: 16px;
    color: #ababab;
}

.modify_psd_content {
    width: 90%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 10px 5%;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
}

.modify_psd_content .content {
    padding: 10px 0px;
}

.modify_psd_content .content .box_header {
    width: 100%;
    margin: 10px auto 0px auto;
    text-align: center;
}

.modify_psd_content .content .box_content {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.modify_psd_content .content .box_content .li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modify_psd_content .content .box_content .li .kejian img {
    transform: scale(0.8);
}

.modify_psd_content .content .box_content .li .item {
    width: 100%;
    /*margin: 10px 5% 0px 5%;*/
    margin-top: 0px;
    height: 55px;
    overflow: hidden;
}

.modify_psd_content .content .box_content .li .item .text {
    min-height: 55px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    padding-left: 90px;
    line-height: 25px;
    font-size: 20px;
    width: 100%;
    outline: medium;
}

.modify_psd_content .content .box_content .li .item .img {
    display: block;
    position: relative;
    /*width: 62px;*/
    transform: scale(0.7);
    top: -45px;
    padding-left: 15px;
    text-align: left;
    overflow: hidden;
}

.modify_psd_content .content .box_content .li .item .nicheng {
    display: block;
    position: relative;
    top: -39px;
    text-align: left;
    overflow: hidden;
    font-size: 20px;
}

.modify_psd_content .content .buttons {
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    width: 100%;
    height: 65px;
}

.modify_psd_content .content .buttons .btn {
    display: inline-block;
    text-align: center;
    height: 63px;
    line-height: 60px;
    border-radius: 4px;
    font-size: 20px;
    color: #FFF;
    padding: 0px;

}

.modify_psd_content .content .buttons .btn img {
    width: 100%;
}

.modify_psd_content .content .buttons .zc_div {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modify_psd_content .content .buttons .zc_div img {
    width: 100%;
}

.change_game_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 0;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
}

.change_game_content .logo img {
    width: 100%;
}

.change_game_content .content {
    width: 90%;
    margin: 10px 5%;
}

.change_game_content .content .title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.change_game_content .content .title img {
    height: 30px;
}

.change_game_content .content .title span {
    margin-left: 5px;
}

.change_game_content .content .shijian {
    font-size: 14px;
    color: #ababab;
    margin-top: 10px;
    margin-left: 5px;
}

.change_game_content .content .wenzi {
    border: 2px solid #e6e6e6;
    border-radius: 10px;
    padding: 15px 15px 20px 15px;
    line-height: 22px;
    font-size: 17px;
    color: #686868;
    margin-top: 10px;
    margin-bottom: 10px;
}

.change_game_content .content .image {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding-left: 8%;
    padding-right: 8%;
    top: -30px;
    z-index: 77;
}

.change_game_content .content .image img {
    height: 65px;
}

.change_game_content .content .redcolor {
    color: #fe4c49;
    position: relative;
    top: -60px;
}

.change_game_content .content .zixun {
    text-align: center;
    margin-top: -20px;
}

.change_game_content .content .zixun img {
    width: 80%;
}

.change_game_content .content .zhengwen {
    color: #686868;
    margin-left: 5px;
    font-size: 16px;
    margin-top: 10px;
    line-height: 20px;
}

.change_game_content .content .zhengwen img {
    max-width: 100%;
    min-width: 100%;
}

.change_game_content .content .btn {
    text-align: center;
    width: 100%;
    margin-top: 10%;
}

.change_game_content .content .btn img {
    width: 120px;
}

.my_trade_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin-bottom: 10px;
}

.consume_box_header_noborder {
    width: 100%;
    padding: 20px 0px;
    text-align: center;
    /*border-bottom: 1px solid #ababab;*/
    color: #141414;
    background-color: white;
    height: 70px;
    line-height: 70px;
    /*position: absolute;*/
    top: 0px;
}

.consume_box_header_noborder img {
    transform: scale(0.6);
}

.consume_menu {
    width: 100%;
    text-align: center;
    height: 50px;
}

.consume_menu ul {
    width: 100%;
    list-style-type: none;
    float: left;
    height: 50px;
}

.consume_menu ul li {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 50%;
    border-top: 3px solid #ababab;
    color: #686868;
    font-size: 18px;
    font-weight: bold;
}

.consume_menu ul li.select {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 50%;
    border-top: 3px solid #fe4c49;
    color: #fe4c49;
    font-size: 18px;
    font-weight: bold;
}

.consume_menu ul li.no_right {
    padding-right: 0px;
}

.consume_head_title {
    font-size: 20px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #141414;
    font-weight: bold;
    margin-left: -20px;
}

.consume_head_title_tadou {
    font-size: 20px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    color: #141414;
    font-weight: bold;
    margin-left: 50px;
}

.consume_content {
    width: 90%;
    margin: 10px 5%;
    padding-bottom: 10px;
    height: calc(100vh - 50px);
    overflow: auto;
}


.consume_content_no_border {
    width: 90%;
    margin: 5px 5%;
    padding-bottom: 10px;
}

.consume_table {
    width: 100%;
    margin-top: 10px;
    border-top: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 5px;
    color: #ababab;
    font-size: 15px;
}

.consume_table .time {
    width: 30%;
    text-align: center;
    font-size: 14px;
}

.consume_table .title {
    width: 30%;
    text-align: center;
    font-size: 15px;
}

.consume_table_main {
    color: #686868;
    font-size: 16px;
}

.consume_table_no_more {
    color: #ababab;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #e6e6e6;
}

.my_trade_info_content {
    width: 90%;
    margin: 10px 5% 10px 5%;
    min-width: 250px;
    overflow: visible;
    font-size: 15px;
}

.my_trade_info_content .xiangxi {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    margin-top: 10px;
    border-radius: 10px;
    background: white;
}

.my_trade_info_content .xiangxi img {
    transform: scale(0.7);
}

.main_box_consume_right {
    flex: 1;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    color: #686868;
    display: flex;
    justify-content: start;
    align-items: center;
}

.main_box_consume_right .shijian {
    font-size: 18px;
    color: #141414;
    font-weight: bold;
}

.my_trade_info_content .content .li {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    padding: 10px;
}

.font_bold {
    font-weight: bold;
    border-bottom: 1px solid #e6e6e6;
}

.my_trade_info_content .content .li img {
    width: 70px;
    margin-left: 10px;
}

.my_collect_content {
    width: 100%;
    min-width: 250px;
    font-size: 18px;
    margin-bottom: 10px;
    background-color: #f7f6f4;
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px;
}

.my_collect_content .xiangxi {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    /*border-bottom: 1px solid #e6e6e6;*/
    padding: 10px;
}

.my_collect_content .every {
    background: white;
    border-radius: 10px;
    margin: 10px 5%;
}

.my_collect_content .every .xuanze img {
    width: 20px;
    margin-right: 10px;
}

.my_collect_content .xiangxi .shuzi {
    margin: 10px 20px 10px 0px;
    color: #ababab;
}

.my_collect_content .xiangxi img {
    width: 60px;
}

.my_collect_content .xiangxi img.icon {
    width: 70px;
}

.more_menu {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    height: 50px;
}

.more_menu ul {
    width: 100%;
    list-style-type: none;
    float: left;
    height: 50px;
}

.more_menu ul li {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 20%;
    color: #686868;
    font-size: 18px;
}

.more_menu ul li.select {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 20%;
    background-color: #ff7400;
    color: white;
    border-radius: 10px;
    font-size: 18px;
}

.more_menu ul li.no_right {
    padding-right: 0px;
}

.more_content {
    width: 100%;
    background-color: #f7f6f4;
    padding-top: 10px;
}

.more_content .first {
    width: 90%;
    margin: 10px 5%;
}

.more_content .first .renwu {
    background-color: white;
    border-radius: 10px;
}

.more_content .first .renwu .menu {
    width: 100%;
    text-align: center;
    height: 50px;
}

.more_content .first .renwu .menu ul {
    width: 100%;
    list-style-type: none;
    float: left;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.more_content .first .renwu .menu ul li {
    float: left;
    padding: 10px 0px;
    width: 33.4%;
    border-bottom: 2px solid #e6e6e6;
    color: #686868;
    font-size: 18px;
}

.more_content .first .renwu .menu ul li.select {
    float: left;
    padding: 10px 0px;
    width: 33.4%;
    border-bottom: 2px solid #ff7400;
    color: #ff7400;
    font-size: 18px;
}

.more_content .first .renwu .li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0px 5%;
    padding: 5px;
    width: 90%;
    border-bottom: 1px solid #e6e6e6;
}

.more_content .first .renwu .no {
    border: none;
}

.more_content .first .renwu .li .shuoming {
    height: 50px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
    width: 70%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.more_content .first .renwu .li .shuoming .title {
    font-size: 16px;
    color: #686868;
}

.more_content .first .renwu .li .shuoming .xiangxi {
    font-size: 14px;
    color: #ababab;
}

.more_content .first .renwu .li .image img {
    width: 80px;
}

.more_content .first .duihuan {
    margin: 10px 0px;
}

.more_content .first .duihuan img {
    width: 100%;
}

.more_content .first .xuanshang {

}

.more_content .first .xuanshang .summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.more_content .first .xuanshang .summary .biaoshi {
    display: flex;
    justify-content: center;
    align-items: center;
}

.more_content .first .xuanshang .summary img {
    transform: scale(0.6);
}

.more_content .first .xuanshang .summary span {
    color: #686868;
    margin-left: 10px;
}

.more_content .first .special, .more_content .second .special {
    width: 100%;
    padding: 2% 0px;
    background: #f7f6f4;
}

.more_content .first .special2, .more_content .second .special2 {
    width: 100%;
    padding: 2% 5%;
    background: #f7f6f4;
}

.more_content .first .special .quan, .more_content .second .special .quan {
    background: white;
    border-radius: 10px;
    font-size: 12px;
}

.more_content .first .special .quan .wenzi, .more_content .second .special .quan .wenzi {
    padding: 15px;
    line-height: 20px;
    font-size: 16px;
    color: #ababab;
}

.more_content .first .special img, .more_content .second .special img {
    width: 100%;
}

.more_content .first .special .xiangxi, .more_content .second .special .xiangxi {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
}

.more_content .first .special .xiangxi .left, .more_content .second .special .xiangxi .left {
    font-size: 12px;
}

.more_content .first .special .xiangxi .left .icon, .more_content .second .special .xiangxi .left .icon {
    width: 50px;
}

.more_content .first .special .xiangxi .right, .more_content .second .special .xiangxi .right {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 70%;
}

/*.right_new {*/
/*margin-left: -30%;*/
/*}*/

.more_content .first .special .xiangxi .right .title, .more_content .second .special .xiangxi .right .title {
    color: #686868;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
}

.more_content .first .special .xiangxi .right .title_new, .more_content .second .special .xiangxi .right .title_new {
    color: #686868;
    font-weight: bold;
    font-size: 15px;
    margin-left: 5px;
}

.more_content .first .special .xiangxi .right .title span, .more_content .second .special .xiangxi .right .title span {
    margin-left: 5px;
    border-radius: 20px;
    padding: 2px 7px;
    font-size: 10px;
    color: white;
}

.more_content .first .special .xiangxi .right .title .span1, .more_content .second .special .xiangxi .right .title .span1 {
    background: #e43344;
}

.more_content .first .special .xiangxi .right .title .span2, .more_content .second .special .xiangxi .right .title .span2 {
    background: #e0a600;
}

.more_content .first .special .xiangxi .right .desc, .more_content .second .special .xiangxi .right .desc {
    font-size: 13px;
    color: #ababab;
    margin-top: 10px;
}

.more_content .first .special .xiangxi .right .desc .shijian, .more_content .second .special .xiangxi .right .desc .shijian {
    font-size: 13px;
    color: #ff7400;
}

.more_content .first .special .xiangxi .right .desc .qufu, .more_content .second .special .xiangxi .right .desc .qufu {
    margin-left: 5px;
}

.more_content .first .special .xiangxi .kaishi img, .more_content .second .special .xiangxi .kaishi img {
    width: 60px;
}

.more_content .second {
    width: 100%;
    background: white;
}

.more_content .second .summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5%;
    border-bottom: 1px solid #e6e6e6;
}

.more_content .second .summary .biaoshi {
    display: flex;
    justify-content: center;
    align-items: center;
}

.more_content .second .summary img {
    transform: scale(0.6);
}

.more_content .second .summary span {
    color: #686868;
    margin-left: 10px;
}

.more_content .second .xiangxi {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    /*border-bottom: 1px solid #e6e6e6;*/
    padding: 10px 5%;
}

.more_content .second .xiangxi img {
    width: 60px;
}

.more_content .second .xiangxi img.icon {
    width: 60px;
}

.more_content .second .padding {
    padding: 10px 5%;
}

.dou_stand_content {
    width: 100%;
    min-width: 250px;
    font-size: 18px;
    margin-bottom: 10px;
    background-color: white;
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px;
}

.dou_stand_content .banner {
    width: 94%;
    margin: 0px 3%;
    height: auto;
}

.dou_stand_content .banner img {
    width: 100%;
    border-radius: 10px;
}

.dou_stand_content .banner .text {
    padding: 3px 5%;
    color: white;
    background-color: black;
    opacity: 0.5;
    position: relative;
    margin-top: -37px;
    font-size: 14px;
    line-height: 16px;
    height: 35px;
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.consume_box_header {
    width: 100%;
    padding: 20px 0px;
    text-align: center;
    border-bottom: 1px solid #ababab;
    color: #141414;
    background-color: white;
    height: 70px;
    line-height: 70px;
    /*position: absolute;*/
    top: 0px;
}

.consume_box_header img {
    transform: scale(0.6);
}

.consume_box_header_noborder {
    width: 100%;
    padding: 20px 0px;
    text-align: center;
    /*border-bottom: 1px solid #ababab;*/
    color: #141414;
    background-color: white;
    height: 70px;
    line-height: 70px;
    /*position: absolute;*/
    top: 0px;
}

.consume_box_header_noborder img {
    transform: scale(0.6);
}

.dou_rule_content {
    width: 90%;
    min-width: 250px;
    font-size: 18px;
    margin-bottom: 10px;
    background-color: white;
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 10px 5%;
    padding: 0px;
}

.dou_rule_content .content {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    line-height: 20px;
}

.dou_rule_content .content .title {
    font-size: 16px;
    color: #686868;
    margin-bottom: 5px;
}

.dou_rule_content .content .title img {
    height: 20px;
    margin-right: 5px;
}

.dou_share_content {
    width: 100%;
    min-width: 250px;
    font-size: 18px;
    margin-bottom: 10px;
    background-color: white;
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 0px;
    position: relative;
}

.dou_share_content .tu .bj {
    width: 100%;
}

.dou_share_content .erweima {
    position: absolute;
    width: 80px;
    z-index: 99;
}

.dou_share_content .erweima img {
    width: 150px;
}

.dou_share_content .shuoming {
    font-size: 16px;
    line-height: 20px;
    color: #157750;
    padding: 10px 5%;
}

.dou_share_content .zhong {
    display: flex;
    justify-content: center;
    align-items: center;
}

.dou_share_content .zhong .left, .dou_share_content .zhong .right {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 5% 10px;
}

.dou_share_content .zhong .left .title, .dou_share_content .zhong .right .title {
    font-size: 18px;
    color: #157750;
}

.dou_share_content .zhong .left .color, .dou_share_content .zhong .right .color {
    font-size: 17px;
    color: #fe4c49;
    margin-top: 20px;
}

.dou_share_content .zhong .left .color .num, .dou_share_content .zhong .right .color .num {
    font-size: 30px;
}

.dou_share_content .zhong .left .desc, .dou_share_content .zhong .right .desc {
    font-size: 15px;
    color: #157750;
    margin-top: 10px;
}

.dou_share_content .sharebtn {
    text-align: center;
}

.dou_share_content .sharebtn img {
    width: 90%;
}

.index_header_doutry {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    line-height: 50px;
}

.index_header_doutry img {
    transform: scale(0.8);
}

.index_header_doutry .fanhui {
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.index_header_doutry .title {
    font-size: 20px;
    color: white;
    margin-left: -30px;
}

.index_header_doutry .title2 {
    font-size: 20px;
    color: white;
}

.index_header_doutry .rebate {
    font-size: 16px;
    color: white;
    margin-right: 30px;
}

.index_header_doutry .tadou {
    font-size: 16px;
    color: white;
    margin-right: 10px;
}

.infomation_center_content {
    width: 90%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 10px 5%;
}

.infomation_center_content .xiangxi {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    /*border-bottom: 1px solid #e6e6e6;*/
    padding: 10px 0px;
}

.infomation_center_content .xiangxi img {
    transform: scale(0.8);
}

.infomation_center_content .xiangxi img.icon {
    width: 70px;
}

.infomation_center_content .content {
    line-height: 30px;
    padding: 5% 2%;
}

.infomation_center_content .content .title {
    font-size: 20px;
    color: #ff7400;
    margin-bottom: 10px;
}

.infomation_center_content .content .shijian {
    font-size: 16px;
    color: #ff7400;
    margin-bottom: 20px;
}

.infomation_center_content .content .wenzi {
    font-size: 17px;
}

.infomation_center_content .content .wenzi img {
    max-width: 100%;
    min-width: 100%;
}

.infomation_center_content .btn {
    text-align: center;
    width: 100%;
}

.infomation_center_content .btn img {
    width: 80%;
}

.infomation_center_content .btn img.xiao {
    width: 60%;
}

.service_content_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 10px 0;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
}

.service_content_content .content {
    width: 90%;
    padding: 10px 3%;
    line-height: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.service_content_content .xiaoxi {
    font-size: 16px;
    color: #686868;
    margin-bottom: 5px;
}

.service_content_content .xiaoxi img {
    height: 20px;
    margin-right: 5px;
}

.service_content_content .xiaoxi .bangzhu {
    font-size: 18px;
}

.service_content_content .neirong {
    font-size: 15px;
    color: #686868;
    /*font-weight: bold;*/
}

.special_content_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 0;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
}

.special_content_content .logo img {
    width: 100%;
}

.special_content_content .content {
    width: 90%;
    margin: 10px 5%;
}

.special_content_content .content .bt {
    height: 30px;
    line-height: 30px;
    border-bottom: 1px solid #ababab;
    font-size: 16px;
    color: #ababab;
}

.special_content_content .content .xiangxi {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    /*border-bottom: 1px solid #e6e6e6;*/
    padding: 10px 0px;
}

.special_content_content .content .xiangxi img {
    width: 60px;
}

.special_content_content .content .xiangxi img.icon {
    width: 60px;
}

.tadou_pay_content {
    width: 90%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 10px 5%;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: space-between;;
    justify-content: space-between;
    align-items: center;
}

.pay_content_xinxi {
    font-size: 18px;
    color: #686868;
    font-weight: bold;
}

.pay_content_xinxi .min {
    font-size: 15px;
}

.pay_content_xiangxi {
    border-radius: 10px;
    background-color: white;
    padding: 5px 10px;
    margin: 10px 0px;
    width: 100%;
}

.pay_content_li {
    height: 25px;
    line-height: 25px;
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
}

.pay_content_li_ta {
    height: 25px;
    line-height: 25px;
    padding: 20px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
}

.pay_content_li span.left {
    /*float: left;*/
    color: #686868;
    /*font-weight: bold;*/
    font-size: 16px;
}

.pay_content_li span.right {
    /*float: right;*/
    color: #ababab;
    font-weight: bold;
    font-size: 16px;
}

.pay_content_li span.right.special_color {
    color: #fe4c49;
}

.pay_main_li {
    height: 47px;
    line-height: 47px;
    padding: 0px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
}

.pay_main_li div.left {
    /*float: left;*/
    color: #686868;
    /*font-weight: bold;*/
    font-size: 16px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.pay_main_li div.right {
    /*width: 30px;*/
    height: 47px;
    line-height: 47px;
    /*float: right;*/
    color: #ababab;
    /*font-weight: bold;*/
    font-size: 16px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.pay_main_li div.left img {
    transform: scale(0.6);
}

.pay_main_li div.right img {
    transform: scale(0.6);
}

.pay_main_li_tapay {
    height: 47px;
    line-height: 47px;
    padding: 0px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
}

.pay_main_li_tapay div.left {
    /*float: left;*/
    /*color: #141414;*/
    /*font-weight: bold;*/
    font-size: 16px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.pay_main_li_tapay div.right {
    /*width: 30px;*/
    height: 47px;
    line-height: 47px;
    /*float: right;*/
    color: #ababab;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.pay_main_li_tapay div.left img {
    transform: scale(0.6);
}

.pay_main_li_tapay div.right img {
    transform: scale(0.6);
}

.zc_div {
    margin-top: 10px;
}

.zc_div img {
    width: 100%;
}

.pay_content_comment {
    padding: 5px 10px;
    margin: 30px 0px 20px 0px;
    color: #686868;
    display: flex;
    justify-content: left;

    flex-direction: column;
    font-size: 15px;
}

.pay_content_comment div {
    line-height: 1.5;
    margin-bottom: 10px;
}

.pay_content_comment .tousu {
    display: flex;
    justify-content: start;
    align-items: start;
    /* margin-left: 30px; */
    margin-right: 30px;
    flex-direction: column;
}

.item_input_text_number {
    min-height: 40px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    /*padding-right: 45px;*/
    line-height: 40px;
    font-size: 16px;
    width: 100px;
    text-align: right;

    /*定义边框渐变*/
    /*background:no-repeat 0 0 scroll #EEEEEE;*/
    border: none;
    outline: medium;
}

.item_input_text_number_pay {
    min-height: 30px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #e6e6e6;
    /*padding-right: 45px;*/
    line-height: 30px;
    font-size: 15px;
    width: 100px;
    text-align: right;

    /*定义边框渐变*/
    /*background:no-repeat 0 0 scroll #EEEEEE;*/
    border: none;
    outline: medium;
}

.agree_div {
    font-size: 16px;
    color: #686868;
    margin-bottom: 10px;
}

.user_agree_content {
    width: 90%;
    min-width: 250px;
    background: white;
    font-size: 16px;
    margin: 10px 5%;
    line-height: 25px;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.collect_kaishiimg {
    width: 60px;
}

.real_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    min-width: 300px;
    min-height: 375px;
    height: 100%;

    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0.7);
    z-index: 50;
    overflow: auto;
}

.main_box {
    width: 90%;
    min-width: 250px;
    overflow: visible;
    background: white;
    -webkit-box-shadow: 0 0 20px #555;
    -moz-box-shadow: 0 0 20px #555;
    box-shadow: 0 0 20px #555;
    font-size: 20px;
    font-family: "黑体";
    border-radius: 10px;
}

.box_header {
    width: 100%;
    margin: 10px auto 0px auto;
    text-align: center;
    /*height: 50px;*/
    /*border-bottom: 1px solid rgb(200, 200, 200);*/
    /*overflow: hidden;*/
}

.box_header img {
    /*width: 197px;*/
    /*height: 48px;*/
    transform: scale(0.9);
}

.box_header h1 {
    font-size: 20px;
    width: 100%;
    text-align: center;
    line-height: 50px;
    color: #141414;
    font-weight: bold;
}

.box_content {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}

.box_content_item {
    width: 90%;
    margin: 10px 5% 0px 5%;
}

.pay_info_item p {
    margin-top: 5px;
    color: rgb(25, 25, 25);
}

.item_button {
    display: inline-block;
    text-align: center;
    height: 58px;
    line-height: 54px;
    border-radius: 4px;
    font-size: 20px;
    color: #FFF;
    padding: 0px;
}

.half_button {
    width: 45%;
}

.red_button {
    background: rgb(251, 106, 0);
    border: 1px solid rgb(251, 106, 0);
}

.grey_button {
    background: rgb(123, 139, 157);
    border: 1px solid rgb(123, 139, 157);
}

.buttons_item {
    /*	display: box;
        display: -webkit-box;*/
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    width: 90%;
}

.bottom_buttons_item {
    margin-bottom: 30px;
}

.search_content {
    width: 90%;
    min-width: 250px;
    margin-bottom: 10px;
    background-color: white;
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 10px 5%;
    padding: 0px;
    font-size: 15px;
}

.search_content .tuijian {
    color: #686868;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.search_content .neirong {
    margin: 0px;
    padding: 0px;
}

.search_content .neirong .hang {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding-bottom: 10px;
}

.search_content .neirong .hang .zhong {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 50%;
}

.search_content .neirong .hang .beijing {
    background-color: #f5f5f5;
    border-radius: 10px;
    padding: 10px 20px;
}

.search_content .neirong .hang .zhong img {
    width: 40px;
    margin-right: 5px;
}

.search_content .jingping {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin-bottom: 10px;
}

.search_content .jingping .xinyou {
    width: 100%;
    margin: 5px 0;
}

.search_content .jingping .summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search_content .jingping .summary .biaoshi {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search_content .jingping .summary img {
    transform: scale(0.6);
}

.search_content .jingping .summary span {
    color: #686868;
    margin-left: 10px;
}

.search_content .jingping .xiangxi {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    /*border-bottom: 1px solid #e6e6e6;*/
    padding: 10px 0px;
}

.search_content .jingping .xiangxi img {
    width: 60px;
}

.search_content .jingping .xiangxi img.icon {
    width: 60px;
}

.real_mask .tawan_img {
    width: 90%;
    text-align: center;
    margin: 5%;
}

.real_mask .tawan_img img {
    transform: scale(0.9);
}

.real_mask .word {
    margin: 0 7%;
    font-size: 15px;
    line-height: 20px;
}

.real_mask .word .huanying {
    text-align: center;
    font-size: 17px;
    font-weight: bold;
}

.real_mask .word .hang {
    margin-top: 10px;
}

.real_mask .word .chengnuo {
    margin-top: 10px;
    color: #ababab;
}

.real_mask .word .chengnuo span {
    color: blue;
}

.real_mask .btn {
    margin: 5%;
    width: 90%;
    text-align: center;
    font-size: 15px;
}

.real_mask .btn img {
    width: 100%;
}

.real_mask .btn .butongyi {
    margin-top: 10px;
    color: #ababab;
}

.platgift_game_content {
    width: 100%;
    min-width: 250px;
    background: #f7f6f4;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.platgift_game_content .xinyou {
    width: 90%;
    margin: 5px 5%;
}

.platgift_game_content .summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.platgift_game_content .summary .biaoshi {
    display: flex;
    justify-content: center;
    align-items: center;
}

.platgift_game_content .summary img {
    transform: scale(0.6);
}

.platgift_game_content .summary span {
    color: #686868;
    margin-left: 10px;
}

.platgift_game_content .all {
    padding: 10px 10px;
    background-color: white;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.platgift_game_content .all .xiangxi {
    display: flex;
    justify-content: space-between; /* 水平均匀分布 */
    align-items: center; /* 垂直居中 */
    /*border-bottom: 1px solid #e6e6e6;*/
}

.platgift_game_content .all .xiangxi .shuzi {
    margin: 10px 20px 10px 0px;
    color: #ababab;
}

.platgift_game_content .all .xiangxi img {
    width: 70px;
}

.platgift_game_content .all .xiangxi img.icon {
    width: 70px;
}

.platgift_game_content .all .fuli {
    color: #686868;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.platgift_game_content .all .fuli .shuoming {
    font-weight: bold;
}

.platgift_game_content .all .fuli .tag1 {
    color: #25d8dc;
    margin-right: 10px;
}

.platgift_game_content .all .fuli .tag2 {
    color: #ffb430;
    margin-right: 10px;
}

.platgift_game_content .all .fuli .tag3 {
    color: #d21857;
}

.platgift_game_content .all .liquan {
    width: 100%;
    background-color: #ffdfe0;
    height: 40px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
}

.platgift_game_content .all .liquan .wenzi {
    color: red;
    font-size: 15px;
}

.platgift_game_content .all .liquan img {
    height: 35px;
}

.platgift_game_content .all .liquan span {
    font-size: 17px;
    padding-right: 10px;
    font-weight: bold;
}

.platgift_receive_content {
    width: 100%;
    min-width: 250px;
    height: calc(100vh - 50px);
    background: #f7f6f4;
    font-size: 18px;
    padding: 1% 3%;
}

.platgift_receive_content .special {
    background-color: white;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.platgift_receive_content .special .left {
    height: 100px;
}

.platgift_receive_content .special .left .jine {
    font-size: 15px;
    padding: 10px 20px;
}

.platgift_receive_content .special .left .jine .t {
    color: red;
    font-size: 25px;
}

.platgift_receive_content .special .left .jine .s {
    color: #ababab;
    border: 1px dashed #ababab;
    margin-left: 20px;
    padding: 2px 5px;
}

.platgift_receive_content .special .left .youxi {
    font-size: 13px;
    padding: 10px 20px 5px 20px;
    color: #686868;
}

.platgift_receive_content .special .left .youxi .yuandian {
    width: 10px;
    height: 10px;
    background-color: #686868;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.platgift_receive_content .special .left .youxiaoqi {
    font-size: 13px;
    padding: 5px 20px;
    color: #686868;
}

.platgift_receive_content .special .left .youxiaoqi .yuandian {
    width: 10px;
    height: 10px;
    background-color: #686868;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.platgift_receive_content .special .right {
    height: 100px;
}

.platgift_receive_content .special .right img {
    height: 100px;
}


.myplatgift_menu {
    width: 100%;
    text-align: center;
    height: 50px;
}

.myplatgift_menu ul {
    width: 100%;
    list-style-type: none;
    float: left;
    height: 50px;
}

.myplatgift_menu ul li {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 33%;
    border-bottom: 3px solid #ababab;
    color: #686868;
    font-size: 18px;
    font-weight: bold;
}

.myplatgift_menu ul li.select {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 33%;
    border-bottom: 3px solid #fe4c49;
    color: #fe4c49;
    font-size: 18px;
    font-weight: bold;
}

.myplatgift_menu ul li.no_right {
    padding-right: 0px;
}

.lottery_head_newgame_bg {
    height: 50px;
    line-height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    margin: 0;
    justify-content: center;
    align-items: center;
}

.lottery_child_content {
    height: 100%;
    overflow-y: hidden;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px;
    background: url("../plat/in_bg.png") no-repeat;
    background-size: 100% 100%;
}

.lottery_title {
    width: 70%;
    text-align: center;
    margin: 70px 15% 20px 15%;
}

.lottery_title img {
    width: 100%;
}

.lottery_content {
    width: 96%;
    margin: 0px 2%;
}

.lottery_content .biao {
    background: url("../plat/in_zhuanpan.png") no-repeat;
    background-size: 100% 100%;
    width: 100%;
    padding: 3% 2%;
}

.lottery_content table {
    display: inline-block;
}

.lottery_content td, th {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.lottery_content td img, th img {
    width: 90%;
    /*border-radius: 20px;*/
}

.lottery_content table .anniu img {
    width: 70%;
}

.lottery_content th {
    cursor: pointer;
    user-select: none;
}

.lottery_content tr .active {
    background-color: #198e19;
    border-radius: 10px;
}

.lottery_log {
    width: 96%;
    margin: 5% 2%;
    background-color: white;
    border-radius: 20px;
    height: 150px;
    padding: 0px 20px;
}

.lottery_log .biaoshi {
    display: flex;
    justify-content: start;
    align-items: center;
}

.lottery_log .biaoshi img {
    transform: scale(0.6);
}

.lottery_log .biaoshi span {
    color: #686868;
    margin-left: 10px;
    font-weight: bold;
}
.lottery_log .content{
    overflow: scroll;
    height: 100px;
}
.lottery_log .content .hang{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
}
.lottery_log .content .hang .yuandian{
    width: 15px;
    height: 15px;
    background-color: #fe6a2a;
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}
.lottery_log .content .hang .nicheng{
    margin-left: 10px;
}
.lottery_log .content .hang .right span{
    margin-left: 3px;
    margin-right: 3px;
    color: #fe6a2a;
}
.lottery_log .content .wujilu{
    text-align: center;
    vertical-align: middle;
    height: 100px;
    padding-top: 30px;
}
.plat_indiana_menu {
    width: 90%;
    margin: 120px 5% 0px 5%;
    min-width: 250px;
    overflow: visible;
    background: white;
    -webkit-box-shadow: 5px 5px 5px -5px #555;
    -moz-box-shadow: 5px 5px 5px -5px #555;
    box-shadow: 5px 5px 5px -5px #555;
    font-size: 18px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plat_indiana_left {
    width: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 15px 10px;
}

.plat_indiana_right {
    width: 50%;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #e9e9e9;
    padding: 10px;
}

.plat_indiana_left_amount, .plat_indiana_right_amount {
    font-size: 17px;
    color: #141414;
    font-weight: bold;
    float: left;
}
.plat_indiana_left_amount img, .plat_indiana_right_amount img{
    width: 60%;
}

.plat_indiana_left_note, .plat_indiana_right_note {
    font-size: 18px;
    color: #686868;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.plat_indiana_main_left_bg {
    background: url("../plat/lunbotu.png") repeat-x;
    background-size: 100% auto;
    margin: 50px 0px 0px 0px;
    padding: 0px;
    height: calc(100vh - 50px);
    overflow: auto;
}
.plat_indiana_content {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.plat_indiana_tishi{
    font-size: 12px;
    color: #161616;
    margin: 10px 5%;
    vertical-align: middle;
    line-height: 20px;
}
.plat_indiana_tishi img{
   transform: scale(0.8);
    vertical-align: middle;
}
.plat_indiana_tishi span{
    vertical-align: middle;
    font-weight: bold;
}
.plat_indiana_games{
    margin: 10px 3%;
    background-color: white;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.plat_indiana_games .left img{
    transform: scale(0.8);
}
.plat_indiana_games .right img{
    transform: scale(0.6);
}
.plat_indiana_games .middle .jian{
    margin: 13px 0px;
}
.plat_indiana_games .middle .jian .title{
    font-weight: bold;
    font-size: 16px;
    color: #161616;
}
.plat_indiana_games .middle .tadou{
    color: #fe4f4c;
    font-weight: bold;
    font-size: 14px;
}
.plat_indiana_games .middle .jian .dou{
    margin-right: 10px;
}
.plat_indiana_games .middle .Bar ,.plat_indiana_games .middle .Bars { position: relative; width: 100px;  padding: 1px; border-radius: 20px;background:#e6e6e6; }
.baifenbai{ display: block; position: relative; color: white; height: 15px; line-height: 15px; border-radius: 20px}
.baifenbi { display: block; position: relative; color: white; height: 15px; line-height: 15px; border-top-left-radius: 20px; border-bottom-left-radius: 20px}
.plat_indiana_games .middle .Bars div{ background:#ff7a34}
.plat_indiana_games .middle .Bar div span,.plat_indiana_games .middle .Bars div span { position: absolute; width: 100px; text-align: center; font-weight: bold; font-size: 14px}

.plat_indiana_rule_content {
    width: 96%;
    min-width: 250px;
    background: white;
    font-size: 18px;
    margin: 1% 2%;
}
.plat_indiana_rule_content div{
    font-size: 15px;
    width: 100%;
    word-wrap:break-word;
    line-height: 25px;
    margin-bottom: 5px;
}
.plat_indiana_rule_content .title{
    font-weight: bold;
    margin: 10px 0px;
}
.plat_indiana_detail_content {
    width: 100%;
    min-width: 250px;
    background: white;
    font-size: 18px;
}
.plat_indiana_detail_content .detail_title{
    width: 96%;
    margin: 2% 2%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.plat_indiana_detail_content .detail_title .img{
    width: 38%;
    text-align: center;
}
.plat_indiana_detail_content .detail_title .img img{
    width: 100px;
}
.plat_indiana_detail_content .detail_title .txt{
    width: 58%;
    font-size: 14px;
    color: #ababab;
    margin-left: 10px;
}
.plat_indiana_detail_content .detail_title .txt .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.plat_indiana_detail_content .detail_title .txt .title .b{
    color: #161616;
    font-size: 18px;
    font-weight: bold;
}
.plat_indiana_detail_content .detail_title .txt .title .c{
    color: #fe4f4c;
    font-size: 16px;
    margin-right: 20px;
}
.plat_indiana_detail_content .detail_title .txt .jindu{
    display: flex;
    justify-content:start;
    align-items: center;
}
.plat_indiana_detail_content .detail_title .txt .jindu .Bars { position: relative; width: 100px;  padding: 1px; border-radius: 20px;background:#e6e6e6; }
.plat_indiana_detail_content .detail_title .txt .jindu .Bars div{ background:#ff7a34}
.plat_indiana_detail_content .detail_title .txt .jindu .Bars div span { position: absolute; width: 100px; text-align: center; font-weight: bold; font-size: 14px}
.plat_indiana_detail_content .detail_title .txt .title,.plat_indiana_detail_content .detail_title .txt .qihao,.plat_indiana_detail_content .detail_title .txt .jindu{
    margin-bottom: 10px;
}
.plat_indiana_detail_content .detail_content{
    width: 100%;
    margin: 2% 0;
}

.plat_indiana_detail_menu {
    width: 99%;
    margin: 0px 0.5%;
    text-align: center;
    height: 50px;
}

.plat_indiana_detail_menu ul {
    width: 99%;
    margin: 0px 0.5%;
    list-style-type: none;
    float: left;
    height: 50px;
}

.plat_indiana_detail_menu ul li {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 33%;
    border-bottom: 3px solid #ababab;
    color: #686868;
    font-size: 18px;
    font-weight: bold;
}

.plat_indiana_detail_menu ul li.select {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 33%;
    border-bottom: 3px solid #fe4c49;
    color: #fe4c49;
    font-size: 18px;
    font-weight: bold;
}

.plat_indiana_detail_menu ul li.no_right {
    padding-right: 0px;
}
.plat_indiana_detail_content .detail_content .detail_all{
    height: 320px;
    width: 99%;
    margin: 0px 0.5%;
    overflow-y: scroll;
    overflow-x: hidden;
}
.plat_indiana_detail_content .detail_content .detail_all .hang{
    display: flex;
    justify-content:space-between;
    align-items: center;
    padding: 10px 20px;
    border-bottom: 1px solid #ababab;
    font-size: 15px;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .first{
    display: flex;
    justify-content:center;
    align-items: center;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .first .img{
    margin-right: 20px;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .first .img img{
    width: 60px;
    border-radius: 30px;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .first .ge,.plat_indiana_detail_content .detail_content .detail_all .hang .second .miao{
    color: #fe4f4c;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .first .jian div,.plat_indiana_detail_content .detail_content .detail_all .hang .second div{
    line-height: 25px;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .first .jian .nicheng{
    color: #161616;
    font-size: 18px;
}
.plat_indiana_detail_content .detail_content .btn{
    margin-top: 30px;
    text-align: center;
}
.plat_indiana_detail_content .detail_content .btn img{
    width: 90%;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .wangqi1{
    width: 20%;
    margin-right: 10px;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .wangqi1 img{
    width: 70px;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .wangqi2{
    width:80%;
    color: #ababab;
    font-size: 14px;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .wangqi2 .neirong{
    display: flex;
    justify-content:space-between;
    align-items: center;
    font-size: 12px;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .wangqi2 .neirong .left{
    color: #161616;
    font-size: 14px;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .wangqi2 .yonghu{
    font-size: 15px;
}
.plat_indiana_detail_content .detail_content .detail_all .guize img{
    width: 100%;
}
.plat_indiana_detail_content .detail_content .detail_all .hang .wangqi2 div{
    margin-bottom: 5px;
}
.plat_indiana_detail_content .detail_content .detail_all .guize{
    width: 90%;
    margin: 10px 5%;
}
.plat_indiana_result_bg {
     background: url("../plat/db_resultbg.png") repeat-x;
    background-size: 100% auto;
}
.plat_indiana_result_title {
    height: 50px;
    line-height: 50px;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    margin: 0;
    justify-content: center;
    align-items: center;
}
.plat_indiana_result_child_content {
    height: calc(100vh - 50px);
    overflow-y: scroll;
    overflow-x: hidden;
    margin: 0px;
    padding: 0px;
    padding-bottom: 65px;
}
.indiana_result_tishi{
    margin: 20px;
    color: white;
    font-size: 15px;
}
.indiana_result_tishi .big{
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.indiana_result_tishi .xiangxi{
    margin-bottom: 10px;
    line-height: 20px;
}
.indiana_result_tishi .img{
    text-align: center;
}
.indiana_result_tishi .img img{
    border-radius: 20px;
    width: 120px;
    margin-bottom: 20px;
}
.indiana_result_content{
    width: 90%;
    margin: 20px 5%;
}
.indiana_result_content .xinxi{
    font-size: 16px;
    font-weight: bold;
    color: #161616;
    margin-bottom: 10px;
}
.indiana_result_content .neirong{
    font-size: 14px;
    color: #ababab;
    border-bottom: 1px solid #ababab;
}
.indiana_result_content .neirong div{
    margin: 10px 0px;
}
.indiana_result_content .neirong .ming{
    color: #161616;
}
.indiana_result_content .heji{
    font-size: 15px;
    color: #ababab;
    float: right;
    margin-top: 10px;
}


.myindiana_menu {
    width: 100%;
    text-align: center;
    height: 40px;
    background-color: white;
}

.myindiana_menu ul {
    width: 100%;
    list-style-type: none;
    float: left;
    height: 40px;
}

.myindiana_menu ul li {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 25%;
    border-bottom: 3px solid #ababab;
    color: #ababab;
    font-size: 18px;
    /*font-weight: bold;*/
}

.myindiana_menu ul li.select {
    float: left;
    padding: 10px 2% 10px 0px;
    width: 25%;
    border-bottom: 3px solid #fe4c49;
    color: #fe4c49;
    font-size: 18px;
    /*font-weight: bold;*/
}

.myindiana_menu ul li.no_right {
    padding-right: 0px;
}
.myindiana_content {
    width: 90%;
    margin: 10px 5%;
    min-width: 250px;
    font-size: 18px;
}
.myindiana_content .hang{
    display: flex;
    justify-content:space-between;
    align-items: center;
    /*padding: 10px 20px;*/
    border-bottom: 1px solid #ababab;
    font-size: 15px;
    margin-bottom: 10px;
}
.myindiana_content .hang .wangqi1{
    width: 30%;
    margin-right: 10px;
}
.myindiana_content .hang .wangqi1 img{
    width: 90px;
}
.myindiana_content .hang .wangqi2{
    width:70%;
    color: #ababab;
    font-size: 14px;
}
.myindiana_content .hang .wangqi2 .yonghu,.myindiana_content .hang .wangqi2 .shuliang,.myindiana_content .hang .wangqi2 .jindu{
    margin-bottom: 5px;
}
.myindiana_content .hang .wangqi2 .neirong{
    display: flex;
    justify-content:space-between;
    align-items: center;
    font-size: 12px;
}
.myindiana_content .hang .wangqi2 .neirong .left{
    color: #161616;
    font-size: 17px;
}
.myindiana_content .hang .wangqi2 .neirong .img img{
    width: 100px;
}
.myindiana_content .hang .wangqi2 .yonghu{
    font-size: 14px;
}
.myindiana_content .hang .wangqi2 .jindu{
    display: flex;
    justify-content:start;
    align-items: center;
}
.myindiana_content .hang .wangqi2 .jindu .Bars { position: relative; width: 100px;  padding: 1px; border-radius: 20px;background:#e6e6e6; }
.myindiana_content .hang .wangqi2 .jindu .Bars div{ background:#ff7a34}
.myindiana_content .hang .wangqi2 .jindu .Bars div span { position: absolute; width: 100px; text-align: center; font-weight: bold; font-size: 14px}

.index_wenzi{
        margin-top: 10%;
    font-size: 16px;
    color: #ababab;
    line-height: 30px;
    text-align: center;
}















img {
    border-radius: 10px;
}


@media screen and (max-width: 350px) {
    .sign_in_content .qiandao .hang .jia {
        font-size: 11px;
        color: #fc4b53;
        position: relative;
        margin-left: -25%;
        top: -17px;
        z-index: 22;
    }
}

@media screen and (max-width: 400px) {
    .sign_in_content .qiandao .hang .jia {
        font-size: 11px;
        color: #fc4b53;
        position: relative;
        margin-left: -40%;
        top: -20px;
        z-index: 22;
    }
}