/* 公共样式 */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0
}

fieldset,
img {
    border: 0
}

:focus {
    outline: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
optgroup {
    font-style: normal;
    font-weight: normal
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

input,
button,
textarea,
select,
optgroup,
option {
    font-family: Microsoft YaHei;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
}

input,
button,
textarea,
select {
    *font-size: 100%
}

body {
    line-height: 1.5
}

ol,
ul {
    list-style: none
}

li {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.clearfix {
    margin-right: auto;
    margin-left: auto;
    *zoom: 1
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

b,
em,
i {
    font-style: normal;
    font-weight: normal;
}

body {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    background-color: #fff;
    position: relative;
    font-family: Microsoft YaHei;
    overflow-x: hidden;
}

html,
body {
    position: relative;
}

button,
input,
select,
textarea,
th {
    background: #fff;
    font-size: 16px;
    font-family: Microsoft YaHei;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover,
a:focus {
    -webkit-transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
    -moz-transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
    -ms-transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
    -o-transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
    transition: color 150ms ease-in 0ms, background-color 150ms ease-in 150ms;
}

a:hover {
    color: #FF4622;
}

.rotate360:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.rotate360 {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/*  */

.disflex {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flexItem {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

img {
    vertical-align: top;
}

input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

input:-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

input::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

option:hover {
    background: #CCCCCC;
    color: #000000;
}

button {
    border: none;
}


/* 首页样式*/


/* 公共头部样式 */

header {
    width: 100%;
    height: 80px;
}

header .navBar {
    width: 1200px;
    height: 80px;
    margin: 0 auto;
}

header .logo {
    width: 200px;
    margin-right: 115px;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 30px;
}

header .logo img {
    width: 100%;
    height: 46px;
    margin-top: 17px;
}

header .navUl li {
    float: left;
    height: 80px;
    line-height: 80px;
    margin-right: 52px;
}

header .navUl li:last-of-type {
    margin-right: 0;
}

header .navUl li a {
    color: #141414;
    font-size: 18px;
}

header .navUl li .navLiActive {
    color: #FF4622;
    font-weight: bold;
}

header .navUl li:hover a {
    color: #FF4622;
    /* font-weight: bold; */
}

header .loginZhuce {
    width: 132px;
    height: 40px;
    line-height: 40px;
    background: #FFFFFF;
    border-radius: 4px;
    margin-top: 20px;
    display: none;
    border: 1px solid #D0D0D0;
}

header .loginZhuce span {
    display: inline-block;
    width: 63px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
}

header .loginZhuce a:last-child {
    position: relative;
}

header .loginZhuce a:last-child::before {
    content: '';
    display: block;
    width: 1px;
    height: 12px;
    background: #D0D0D0;
    position: absolute;
    top: 4px;
    left: 0;
}

header .other {
    width: 265px;
    height: 36px;
    line-height: 36px;
    margin-top: 22px;
    cursor: pointer;
}

header .other .user .user_img {
    width: 36px;
    height: 36px;
    border-radius: 50%;
}

header .user {
    margin-right: 22px;
    cursor: pointer;
    position: relative;
    height: 100%;
}

header .user:hover span {
    color: #FF4622;
}

header .user span,
header .infor span {
    font-size: 12px;
}

header .user span {
    display: inline-block;
    width: 90px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

header .other .infor img {
    width: 16px;
    height: 13px;
    vertical-align: middle;
}

header .other .tuichu {
    cursor: pointer;
    font-size: 12px;
}


/* 个人设置浮层 */

header .other .grHide {
    width: 120px;
    height: 22px;
    background: #fff;
    position: absolute;
    top: 36px;
    left: 0px;
}

header .other .grFloat {
    display: none;
    width: 104px;
    background: #fff;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.05);
    z-index: 101;
    position: absolute;
    top: 58px;
    left: -33px;
}

header .other .grFloat .grFloatUl {
    width: 100%;
    text-align: center;
}

header .other .grFloat .grFloatUl li {
    width: 100%;
    height: 44px;
    font-size: 12px;
    color: #141414;
    line-height: 44px;
    cursor: pointer;
}

header .other .grFloat .grFloatUl li img {
    width: 20px;
    vertical-align: middle;
    margin-right: 4px;
    margin-top: -3px;
}

header .other .grFloat .grFloatUl li:hover {
    background: #F3F3F3;
    color: #FF4622;
}

.banner {
    width: 100%;
    /*max-width: 1920px;*/
    /*min-width: 1200px;*/
    margin: 0 auto;
    height: 600px;
    position: relative;
}

.banner .login_type {
    width: 1200px;
    height: 0px;
    position: absolute;
    left: 50%;
    top: 0%;
    transform: translate(-50%, -50%);
    z-index: 99;
}

.banner .gerenInfor {
    position: absolute;
    right: 0px;
    top: 97px;
    width: 310px;
    height: 407px;
    background: #FFFFFF;
    border-radius: 4px;
    z-index: 99;
    padding: 0 22px;
    box-sizing: border-box;
    /*display: none;*/
}

.homeNotLogin .notLogin {
    z-index: 99;
    /* display: none; */
}

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


/*.banner .swiper-container img {*/


/*    !*width: 100%;*!*/


/*    height: 100%;*/


/*    !*height: 600px;*!*/


/*}*/

.banner .gerenInfor .touxiang {
    width: 100%;
    height: 140px;
    text-align: center;
    margin-top: 39px;
    border-bottom: 1px solid #DDDDDD;
}

.banner .gerenInfor .name {
    font-size: 18px;
    color: #141414;
    margin-top: 22px;
}

.banner .gerenInfor .touxiang img {
    width: 74px;
    height: 74px;
    border-radius: 50%;
}

.banner .lately {
    width: 100%;
    height: 210px;
    overflow-y: hidden;
}

.banner .lately h6 {
    height: 13px;
    line-height: 13px;
    font-size: 12px;
    color: #919090;
    margin: 20px 0;
}

.banner .lately .latelyUl {
    width: 100%;
}

.banner .lately .latelyUl li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    margin-bottom: 13px;
    cursor: pointer;
}

.banner .lately .latelyUl li:hover .tit,
.banner .lately .latelyUl li:hover p {
    color: #3EACFF;
}

.banner .lately .latelyUl li .tjGame {
    display: inline-block;
    width: 65px;
    border-radius: 3px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    border: 1px solid #B0B0B0;
    color: #626262;
    font-size: 12px;
}

.banner .lately .latelyUl li:hover .tjGame {
    border: none;
    background: #3EACFF;
    color: #fff;
}

.banner .lately .latelyUl img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left;
    margin-right: 12px;
}

.banner .lately .lately_c {
    width: 100px;
}

.banner .lately .lately_c .tit {
    height: 13px;
    line-height: 13px;
    font-size: 12px;
    color: #2A2A2A;
    margin: 5px 0;
}

.banner .lately .lately_c p {
    font-size: 12px;
    color: #C6C5C5;
    height: 13px;
    line-height: 13px;
}

.banner .lately .lately_r a {
    font-size: 12px;
    color: #C6C5C5;
    height: 40px;
    cursor: pointer;
}

.banner .lately .lately_r a i {
    margin-left: 5px;
    font-size: 13px;
    font-family: 宋体;
    font-weight: 900;
}

.banner .lately .lately_r span {
    font-size: 17px;
    display: inline-block;
    line-height: 40px;
}

.banner .swiper-pagination-bullet {
    width: 37px;
    height: 7px;
    background: #0d0d0d6b;
    border-radius: 0!important;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #FF4622;
}

section {
    width: 100%;
    height: 100%;
    background: #F7F7F7;
    padding: 48px 0;
    box-sizing: border-box;
}

.main {
    width: 1200px;
    /*margin: 47px auto 0;*/
    height: 100%;
}

article {
    float: left;
    width: 829px;
}

article .recent_news {
    height: 435px;
}

.activity {
    height: 432px;
}

article .recent_news h3,
article .webgame h3,
article .game_infor h3,
aside .activity h3,
aside .shortcut h3 {
    height: 20px;
    line-height: 20px;
    font-size: 22px;
    width: 100%;
    font-weight: bold;
    color: #393939;
    padding-left: 12px;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 29px;
}

article .recent_news h3::before,
article .webgame h3::before,
article .game_infor h3::before,
aside .activity h3::before,
aside .shortcut h3::before {
    content: '';
    display: block;
    width: 3px;
    height: 20px;
    background: #FF4622;
    position: absolute;
    top: 0;
    left: 0;
}

article .recent_news h3 span,
article .game_infor h3 span,
aside .activity h3 span,
aside .shortcut h3 span {
    font-size: 14px;
    color: #393939;
    cursor: pointer;
}

article .recent_news .slideshow {
    width: 452px;
    height: 385px;
}

article .slideshow img {
    width: 100%;
    height: 100%;
}


/* 主体轮播图 */

.slideshow .swiper-container {
    width: 100%;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
}

.slideshow .swiper-slide {
    cursor: pointer;
    background-size: cover;
    background-position: center;
}

.slideshow .gallery-top {
    height: 80%;
    width: 100%;
}

.slideshow .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    /* padding: 10px 0; */
    background-color: #000;
}

.slideshow .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.4;
    cursor: pointer;
}

.slideshow .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

article .newsList {
    width: 377px;
    height: 385px;
    background: #fff;
    padding: 25px 25px 20px 22px;
    box-sizing: border-box;
    overflow: hidden;
}

article .newsList .test {
    width: 100%;
    height: 85px;
    border-bottom: 1px dotted #D9D9D9;
    margin-bottom: 20px;
}

article .newsList .test h4 {
    font-size: 18px;
    font-weight: bold;
    color: #FF4622;
    margin-bottom: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

article .newsList .text {
    width: 100%;
    height: 38px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

article .newsList .test p {
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    height: 20px;
    line-height: 20px;
}

article .newsList .test p:hover {
    color: #FF4622;
}

article .newsList ul {
    width: 100%;
    height: 385px;
}

article .newsList ul li {
    height: 14px;
    line-height: 14px;
    width: 100%;
    margin-bottom: 14px;
}

article .newsList ul li:nth-child(5) {
    margin-bottom: 0;
}

article .newsList .new_l {
    width: 37px;
    font-size: 14px;
    color: #262626;
    border-right: 1px solid #C1C1C1;
    height: 14px;
    line-height: 14px;
}

article .newsList .new_c {
    width: 237px;
    font-size: 14px;
    color: #737373;
    margin-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

article .newsList .new_c:hover {
    color: #FF4622;
}

article .newsList .new_r {
    font-size: 12px;
    color: #B5B5B5;
}

article .webgame h3 {
    margin: 50px 0 30px 0;
}

article .gameUl {
    width: 100%;
    height: 325px;
}

article .gameUl li {
    width: 265px;
    /* height: 325px; */
    float: left;
    position: relative;
    margin-right: 17px;
}

article .gameUl li:nth-child(3) {
    margin-right: 0;
}

article .webgameImg {
    height: 167px;
    width: 100%;
}

article .webgameImg .gameBackground {
    height: 167px;
    width: 100%;
}

article .webgameImg:hover .gameBackground {
    display: none;
}

article .webgameImg:hover .gameEnter {
    display: block;
}

.webgameImg .gameEnter {
    display: none;
    height: 167px;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.webgameImg .gameEnter img {
    transition: all 0.5s;
}

.webgameImg .gameEnter img:hover {
    transform: scale(1.06);
}

.webgameImg .gameEnter p {
    width: 100%;
    height: 22px;
    line-height: 22px;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    bottom: 0;
}

.webgameImg .gameEnter a {
    margin-right: 14px;
    float: right;
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    color: #FF4622;
}

article .webgameImg img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}

article .webCont {
    width: 100%;
    height: 158px;
    padding: 14px;
    box-sizing: border-box;
    background: #FFFFFF;
}

article .webCont .expect {
    width: 100%;
    height: 158px;
    line-height: 158px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #424242;
}

article .webCont .aboutGame {
    width: 100%;
    height: 38px;
}

article .webCont .aboutGame .aboutGameA {
    cursor: pointer;
}

article .webCont .aboutGame .aboutGameA:hover h5,
article .webCont .aboutGame .aboutGameA:hover p {
    color: #ff4622
}

article .webCont .gameTitle {
    width: 60%;
    height: 38px;
}

article .webCont .gameTitle h5 {
    font-size: 16px;
    font-weight: bold;
    color: #393939;
}

article .webCont .gameTitle p {
    font-size: 12px;
    color: #737373;
}

article .webCont .gameBtn {
    padding-top: 9px;
}

article .webCont button {
    width: 86px;
    height: 29px;
    border: 1px solid #ACACAC;
    border-radius: 4px;
    font-size: 15px;
    color: #626262;
    cursor: pointer;
}

article .webCont .aboutGame .aboutGameA:hover button {
    background: #FF4622;
    border-radius: 4px;
    border: 1px solid #FF4622;
    color: #FFFFFF;
}

article .webCont .aboutGameCont {
    margin-top: 22px;
    height: 62px;
    width: 100%;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

article .aboutGameCont p {
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    position: relative;
}

article .aboutGameCont p a {
    color: #ff4622;
    position: absolute;
    right: 0;
    bottom: 0;
    display: inline-block;
    font-size: 12px;
}


/*article .webgame li.liActive::after {*/


/*    content: '';*/


/*    display: block;*/


/*    width: 265px;*/


/*    height: 4px;*/


/*    background: #FF4622;*/


/*    position: absolute;*/


/*    bottom: 0;*/


/*    left: 0;*/


/*}*/

article .game_infor h3 {
    margin: 49px 0 30px 0;
}

article .game_infor .gameInforUl {
    width: 100%;
}

.game_infor .gameInforUl li {
    width: 100%;
    height: 120px;
    background: #FFFFFF;
    padding: 18px 27px 16px 38px;
    box-sizing: border-box;
    margin-bottom: 16px;
}

.game_infor .gameInforUl .game_inforImg {
    width: 130px;
    height: 86px;
}

.game_infor .game_inforImg img {
    width: 100%;
    height: 100%;
}

.game_infor .game_inforCont {
    width: 607px;
    height: 100%;
    margin-left: 27px;
}

.game_infor .game_inforCont .game_inforTitle {
    font-size: 14px;
    font-weight: bold;
    color: #393939;
    margin-top: 10px;
}

.game_infor .game_inforCont .game_inforTitle:hover {
    color: #FF4622;
}

.game_infor .game_infor_cont {
    width: 100%;
    height: 16px;
    line-height: 16px;
    margin: 8px 0;
}

.game_infor .game_infor_cont p {
    width: 510px;
    font-size: 14px;
    float: left;
    color: #737373;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 20px;
}

.game_infor .game_infor_cont p:hover {
    color: #FF4622;
}

.game_infor .game_infor_cont a {
    color: #FF4622;
    float: left;
    font-size: 14px;
    cursor: pointer;
}

.game_infor .game_inforTime {
    height: 15px;
    line-height: 15px;
}

.game_infor .game_inforTime img {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    vertical-align: middle;
    margin: 0 7px;
}

.game_infor .game_inforTime span {
    font-size: 14px;
    color: #737373;
}

aside {
    float: right;
    width: 349px;
    /* height: 385px; */
}

aside .activityImg {
    /* width: 349px;
    height: 156px; */
}

aside .activityImg img {
    width: 349px;
    height: 156px;
}

aside .activityDiv {
    /* height: 229px; */
    width: 100%;
    padding: 19px;
    box-sizing: border-box;
    background: #fff;
}

aside .activityDiv .activityList {
    height: 77px;
    width: 100%;
}

aside .activityDiv .activityList img {
    width: 119px;
    height: 77px;
    float: left;
}

aside .activityDiv .activityList .actCont {
    float: left;
    width: 181px;
    height: 100%;
    margin-left: 9px;
}

aside .activityList .actCont h4 {
    font-size: 14px;
    font-weight: bold;
    color: #393939;
    margin-bottom: 13px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

aside .activityList .actCont h4:hover {
    color: #FF4622;
}

aside .activityList .act_cont {
    width: 100%;
    height: 38px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

aside .activityList .act_cont p {
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    width: 100%;
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
}

aside .activityList .act_cont p:hover {
    color: #FF4622;
}

.activLine {
    width: 100%;
    border-top: 1px dotted #C1C1C1;
    margin: 18px 0;
}

.aboutKaifu {
    width: 100%;
    /* height: 918px; */
    box-sizing: border-box;
    margin-top: 42px;
}

.aboutKaifu .contTab {
    width: 100%;
}

.aboutKaifu .contTab .tab_list {
    width: 100%;
    height: 36px;
    line-height: 36px;
}

.aboutKaifu .contTab .tab_list li {
    width: 50%;
    float: left;
    text-align: center;
    cursor: pointer;
    background: #CDCDCD;
    font-size: 18px;
    color: #FFFFFF;
}

.aboutKaifu .contTab .tab_list li:first-child {
    border-radius: 4px 0px 0px 0px;
}

.aboutKaifu .contTab .tab_list li:last-child {
    border-radius: 0px 4px 0px 0px;
}

.aboutKaifu .contTab .tab_list li.tab_active {
    background: #FF4622;
}

.aboutKaifu .contTab .noKaiFu {
    width: 100%;
    box-sizing: border-box;
    background: #fff;
    height: 77px;
    line-height: 77px;
    text-align: center;
    display: none;
}

.aboutKaifu .contTab .noKaiFu p {
    font-size: 18px;
    color: #737373;
}

.aboutKaifu .contTab .tab_con {
    width: 100%;
    padding: 17px;
    box-sizing: border-box;
    background: #fff;
}

.aboutKaifu .contTab .tab_con .item {
    display: none;
}

.aboutKaifu .contTab .tab_con .item .item_list {
    border-bottom: 1px dotted #DFDFDF;
    padding-bottom: 16px;
    box-sizing: border-box;
    margin-bottom: 14px;
    cursor: pointer;
}

.aboutKaifu .contTab .tab_con .item .item_list:last-of-type {
    border-bottom: none;
}

.aboutKaifu .contTab .tab_con .item .item_list:hover h5,
.aboutKaifu .contTab .tab_con .item .item_list:hover span,
.aboutKaifu .contTab .tab_con .item .item_list:hover b {
    color: #FF4622;
}

.aboutKaifu .contTab .tab_con .item .item_list:hover button {
    background: #FF4622;
    color: #fff;
    border: 1px solid #FF4622;
}

.aboutKaifu .tab_con .itemImg {
    width: 56px;
    height: 56px;
    float: left;
}

.aboutKaifu .tab_con .itemImg img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.aboutKaifu .tab_con .item_c {
    float: left;
    width: 155px;
    margin-left: 11px;
}

.aboutKaifu .tab_con .item_c h5 {
    font-size: 16px;
    font-weight: 500;
    color: #393939;
    margin-bottom: 14px;
}

.aboutKaifu .tab_con .item_c_cont {
    width: 100%;
    height: 14px;
    line-height: 14px;
}

.aboutKaifu .tab_con .item_c_cont span {
    font-size: 12px;
    color: #9D9D9D;
    margin-right: 12px;
}

.aboutKaifu .tab_con .item_c_cont b {
    height: 14px;
    font-size: 14px;
    color: #737373;
}

.aboutKaifu .tab_con .itemBtn {
    height: 100%;
    float: right;
    padding-top: 26px;
    box-sizing: border-box;
}

.aboutKaifu .tab_con button {
    width: 70px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #B0B0B0;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    color: #626262;
    cursor: pointer;
}

.aboutKaifu .tab_con button.itemBtnActive {
    background: #FF4622;
    color: #fff;
    border: 1px solid #FF4622;
}

.shortcut {
    width: 100%;
}

.shortcut h3 {
    margin: 54px 0 29px 0;
}

.shortcut .shortcutCont {
    width: 100%;
    height: 242px;
    background: #FFFFFF;
    padding: 18px;
    box-sizing: border-box;
}

.shortcut .shortcutCont .shortcutUl {
    width: 100%;
}

.shortcut .shortcutUl li {
    width: 100%;
    text-align: center;
    margin: 16.5px 0;
    height: 16px;
    line-height: 16px;
}

.shortcut .shortcutUl .shortcut_l,
.shortcut .shortcutUl .shortcut_r {
    width: 50%;
}

.shortcut .shortcutUl li:nth-child(1) .shortcut_l a:hover img {
    content: url('https://files.yihao.com/sqzb/yihao/www-static/images/kjrk11.png');
}

.shortcut .shortcutUl li:nth-child(1) .shortcut_r a:hover img {
    content: url('https://files.yihao.com/sqzb/yihao/www-static/images/kjrk22.png');
}

.shortcut .shortcutUl li:nth-child(2) .shortcut_l a:hover img {
    content: url('https://files.yihao.com/sqzb/yihao/www-static/images/kjrk33.png');
}

.shortcut .shortcutUl li:nth-child(2) .shortcut_r a:hover img {
    content: url('https://files.yihao.com/sqzb/yihao/www-static/images/kjrk44.png');
}

.shortcut .shortcutUl li:nth-child(3) .shortcut_l a:hover img {
    content: url('https://files.yihao.com/sqzb/yihao/www-static/images/kjrk55.png');
}

.shortcut .shortcutUl li:nth-child(3) .shortcut_r a:hover img {
    content: url('https://files.yihao.com/sqzb/yihao/www-static/images/kjrk66.png');
}

.shortcut .shortcutUl li:nth-child(4) .shortcut_l a:hover img {
    content: url('https://files.yihao.com/sqzb/yihao/www-static/images/kjrk77.png');
}

.shortcut .shortcutUl li:nth-child(4) .shortcut_r a:hover img {
    content: url('https://files.yihao.com/sqzb/yihao/www-static/images/kjrk88.png');
}

.shortcut .shortcutUl img {
    width: 22px;
    margin-right: 5px;
    vertical-align: middle;
}

.shortcut .shortcutUl span {
    font-size: 14px;
    font-weight: 400;
    color: #202020;
}

.shortcut .shortcutUl a:hover span {
    color: #FF4622;
}

.shortcut .shortcutLine {
    width: 100%;
    border: 1px solid #E9E9E9;
    margin: 18px 0;
}

.shortcut .kefu {
    width: 100%;
    height: 21px;
    line-height: 21px;
    text-align: center;
}

.shortcut .kefu img {
    width: 21px;
    height: 21px;
    display: inline-block;
    margin-right: 10px;
}

.shortcut .kefu span {
    font-size: 14px;
    color: #202020;
}

.shortcut .kefu a:hover span {
    color: #FF4622;
}

.shortcut .kefu a:hover img {
    content: url('https://files.yihao.com/sqzb/yihao/www-static/images/kefu11.png');
}


/* 公共底部样式 */

footer {
    width: 100%;
    height: 344px;
    background: #272727;
}

.footer {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.footer .gameNotice {
    width: 100%;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #3C3C3C;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer .gameNotice span {
    display: inline-block;
    font-size: 14px;
    color: #6A6969;
}

.footer .footer_nav>img {
    width: 190px;
    margin: 54px 58px 0 96px;
    float: left;
}

.footer .footer_about {
    /* width: 873px; */
    width: 856px;
    float: right;
}

.footer_about .aboutOus_list {
    justify-content: space-between;
    margin-top: 44px;
    margin-bottom: 35px
}

.footer_about .aboutOus_list p {
    height: 14px;
    line-height: 14px;
}

.footer_about .aboutOus_list p:nth-child(n+2) {
    border-left: 1px solid #A5A5A5;
    padding-left: 40px;
}

.footer_about .aboutOus_list a {
    font-size: 14px;
    color: #8E8E8E;
}

.footer_about .aboutOus_list a:hover {
    color: #fff;
}

.footer_about .about_Company {
    overflow: hidden;
}

.footer_about .about_Company p {
    font-size: 12px;
    color: #6D6D6D;
    height: 24px;
    line-height: 24px;
}

.footer_about .footer_records {
    margin-top: 40px;
    width: 100%;
    justify-content: space-between;
}

.footer_about .footer_records>li {
    float: left;
    width: 21%;
    position: relative;
}

.footer_about .footer_records>li::before {
    content: '';
    display: block;
    width: 1px;
    height: 22px;
    background: #4A4A4A;
    position: absolute;
    top: 9px;
    left: -1px;
}

.footer_about .footer_records>li:first-child::before {
    display: none;
}

.footer_about .footer_records>li:nth-child(n+2) {
    /* border-left: 1px solid #A5A5A5; */
    padding-left: 34px;
    box-sizing: border-box;
}

.footer_about .footer_records>li:last-of-type {
    width: 16%;
}

.footer_about .footer_records img {
    width: 38px;
    float: left;
    margin-right: 14px;
}

.footer_about .footer_records>li div {
    float: left;
}

.footer_about .footer_records>li div p {
    line-height: 20px;
    color: #8E8E8E;
    font-size: 12px;
}


/*  */


/* 实名浮层 */

.autonymFu {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
}

.autonymFloat {
    width: 322px;
    height: 210px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: none;
}

.autonymFloat .fu_title {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #FE4622;
    padding: 0 14px 0 28px;
    box-sizing: border-box;
}

.autonymFloat .fu_title span {
    font-size: 18px;
    color: #FFFFFF;
    float: left;
}

.autonymFloat .fu_title img {
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
    margin-top: 20px;
}

.autonymFloat .fu_cont {
    width: 100%;
    height: 150px;
    text-align: center;
}

.autonymFloat .fu_cont p {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #757575;
    margin: 40px 0 35px 0;
}

.autonymFloat .fu_cont button {
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}


/* 用户中心样式 */

.userCenterMain {
    width: 100%;
}

.userNotLogin {
    width: 100%;
    height: 710px;
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/banner.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
    display: none;
}

.notLogin {
    width: 310px;
    height: 410px;
    padding: 28px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 4px;
    position: absolute;
    right: 0px;
    top: 100px;
}

.notLogin .loginTab {
    width: 100%;
    height: 16px;
    line-height: 16px;
    margin-bottom: 32px;
}

.notLogin .loginTab span {
    font-size: 16px;
    text-align: center;
    color: #141414;
    float: left;
    width: 50%;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.loginTabActive::after {
    display: block;
    content: '';
    position: absolute;
    bottom: -6px;
    left: 31px;
    width: 64px;
    height: 2px;
    background: #FF4622;
}

.notLogin .inputBox .input {
    margin-bottom: 5px;
    width: 100%;
}

.notLogin .inputBox input {
    width: 100%;
    height: 46px;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    text-indent: 12px;
}

.notLogin .inputBox .input p {
    height: 16px;
    width: 100%;
    line-height: 16px;
}

.notLogin .inputBox .input .inputP {
    height: 32px;
}

.notLogin .inputBox .input span {
    font-size: 12px;
    color: #FF4622;
    /* display: inline-block; */
}

.notLogin .inputBox input::placeholder {
    color: #ABABAB;
    font-size: 14px;
}

.notLogin .inputBox .accountLogin {
    display: none;
}

.notLogin .inputBox .phoneLogin {
    /*display: none;*/
    position: relative;
}

.notLogin #getTelCode {
    width: 103px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #FF4622;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #FF4622;
    position: absolute;
    right: 5px;
    top: 8px;
    text-indent: 0;
}

.notLogin .aboutOther {
    width: 100%;
    height: 14px;
    line-height: 14px;
    margin: 2px 0 12px 0;
}

.notLogin .aboutOther input {
    width: 14px;
    height: 14px;
    vertical-align: bottom;
    margin-right: 3px;
}

.notLogin .aboutOther span {
    font-size: 14px;
    color: #141414;
}

.notLogin .aboutOther a {
    float: right;
    font-size: 14px;
    color: #939393;
}

.notLogin .aboutOther a:hover {
    color: #FF4622;
    text-decoration: underline;
}

.notLogin .notLoginBtn {
    width: 100%;
    height: 40px;
}

.notLogin .notLoginBtn button {
    width: 118px;
    height: 40px;
    line-height: 40px;
    background: #FF4622;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
    border: none;
}

.notLogin .notLoginBtn button:hover {
    background: #ff6244;
}

.notLogin .notLoginBtn a button {
    background: #1292F2;
}

.notLogin .notLoginBtn a button:hover {
    background: #44a9f5;
}

.notLogin .otherAccount {
    width: 100%;
}

.notLogin .otherAccount .qita {
    font-size: 13px;
    color: #ABABAB;
    text-align: center;
    margin: 15px 0;
}

.notLogin .otherAccount .qita>div {
    width: 53px;
    height: 13px;
    line-height: 13px;
    display: inline-block;
}

.notLogin .otherAccount .qita>div span {
    width: 100%;
    height: 1px;
    background: #EDEDED;
    display: inline-block;
    vertical-align: middle;
}

.notLogin .otherAccount .qita b {
    margin: 0 6px;
}

.notLogin .otherAccount .otherImg {
    width: 100%;
    text-align: center;
}

.notLogin .otherImg img {
    width: 36px;
    height: 36px;
    cursor: pointer;
}

.notLogin .otherImg img:nth-child(2) {
    margin: 0 25px;
}

.userLogin {
    width: 100%;
    /* height: 757px; */
    background: #F7F7F7;
    padding: 40px 0 50px 0;
}

.userLogin .userLoginCont {
    width: 1200px;
    height: 100%;
    background: #fff;
    margin: 0 auto;
}

.userLogin .userLoginTab {
    width: 100%;
}

.userLogin .userLoginTab .tabList {
    width: 300px;
    height: 870px;
    background: #F9FAFC;
}

.userLogin .userLoginTab .tabList li {
    width: 100%;
    text-align: center;
    height: 97px;
    line-height: 97px;
    font-size: 24px;
    font-weight: 500;
    color: #1D1D1D;
    cursor: pointer;
    position: relative;
}

.userLogin .userLoginTab .tabList a:nth-child(2) li {
    position: relative;
}

.userLogin .userLoginTab .tabList a:nth-child(2) li span {
    width: 22px;
    height: 22px;
    line-height: 22px;
    background: #FF4622;
    border: 1px solid #FF623C;
    box-shadow: 0px 2px 8px 0px rgba(255, 70, 34, 0.3);
    border-radius: 50%;
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFF;
    position: absolute;
    right: 55px;
    top: 28px;
}

.userLogin .userLoginTab .tabList .tabLiAactive {
    background: #fff;
}

.userLogin .userLoginTab .tabList li:hover::after {
    width: 100%;
    height: 4px;
    background: #FF4622;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.userLogin .userLoginTab .tabList .tabLiAactive::after {
    width: 100%;
    height: 4px;
    background: #FF4622;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.userLogin .userLoginTab .tabList li b {
    color: transparent;
}

.userLogin .userLoginTab .tabList img {
    width: 32px;
    height: 32px;
    vertical-align: text-top;
    margin-right: 30px;
}

.userLogin .userLoginTab .tabLiCon {
    width: 900px;
    /* height: 757px; */
    padding: 0 54px;
    background: #fff;
    box-sizing: border-box;
}

.userLogin .userLoginItem {
    /*display: none;*/
}

.userLogin .userLoginItem h3 {
    width: 100%;
    font-size: 34px;
    font-weight: 500;
    color: #1D1D1D;
    height: 94px;
    line-height: 94px;
    border-bottom: 3px solid #E6E6E6;
}

.userLogin .tabLiCon .zhAnquan {
    display: block;
}

.userLogin .tabLiCon .aqzs {
    text-align: center;
    width: 100%;
    height: 18px;
    line-height: 18px;
    margin-top: 45px;
}

.userLogin .tabLiCon .aqzs span {
    font-size: 18px;
    font-weight: 500;
    color: #727272;
    display: inline-block;
}

.userLogin .aqzs .aqzsUl {
    display: inline-block;
}

.userLogin .aqzs .aqzsUl li {
    width: 83px;
    height: 11px;
    background: #E6E6E6;
    float: left;
    margin: 0 10px;
    margin-top: 4px;
}

.userLogin .aqzs .aqzsUl li.aqzsActive {
    background: #64ED95;
}

.userLogin .aqCont {
    width: 100%;
    margin-top: 90px;
}

.userLogin .aqCont .aqContUl {
    width: 100%;
}

.userLogin .aqCont .aqContUl li {
    height: 44px;
    margin-bottom: 55px;
}

.userLogin .aqCont .aqContUl img {
    width: 44px;
    height: 44px;
    float: left;
    margin-right: 58px;
}

.userLogin .aqCont .aqCont_c {
    width: 360px;
    height: 44px;
    float: left;
}

.userLogin .aqCont .aqCont_tit {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 500;
    color: #1D1D1D;
}

.userLogin .aqCont .aqCont_tit span {
    color: #00AA10;
    margin-left: 15px;
}

.userLogin .aqCont .aqCont_tit .nosz {
    color: #FF4622;
}

.userLogin .aqCont .aqCont_c p {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    font-weight: 500;
    color: #727272;
    margin-top: 12px;
}

.userLogin .aqCont button {
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    color: #FF4622;
    cursor: pointer;
    border: 1px solid #FF4622;
}

.userLogin .aqCont button:hover {
    background: #FF4622;
    color: #FFFFFF;
    border: none;
}

.userLogin .changePassword {
    /*display: none;*/
}

.userLogin .bdShoujiSucc .phoneHabit,
.userLogin .bindEmailCon3 .phoneHabit {
    width: 100%;
    border-top: 1px solid #E6E6E6;
    padding-top: 64px;
    margin-top: 80px;
}

.userLogin .bdShoujiSucc .phoneHabit .xgTitle,
.userLogin .bindEmailCon3 .phoneHabit .xgTitle {
    height: 40px;
    font-size: 16px;
    color: #00AA10;
    line-height: 40px;
}

.userLogin .bdShoujiSucc .phoneHabit h5,
.userLogin .bindEmailCon3 .phoneHabit h5 {
    height: 52px;
    font-size: 18px;
    font-weight: 500;
    color: #1D1D1D;
    line-height: 52px;
}

.userLogin .bdShoujiSucc .phoneHabit p,
.userLogin .bindEmailCon3 .phoneHabit p {
    height: 30px;
    font-size: 14px;
    color: #626262;
    line-height: 30px;
}

.userLogin .changePassword h6 {
    width: 100%;
    height: 72px;
    font-size: 14px;
    font-weight: 500;
    color: #727272;
    line-height: 72px;
}

.userLogin .changePassword .changeCont {
    width: 100%;
    padding-left: 76px;
    box-sizing: border-box;
}

.userLogin .changeSuccess,
.userLogin .bdShoujiSucc {
    width: 100%;
    height: 100%;
    display: none;
}

.userLogin .changeSuccess .succTxt,
.userLogin .bdShoujiSucc .bdSjTxt,
.userLogin .bindEmailCon3 .bdSjTxt {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 70px 0 85px 0;
}

.userLogin .changeSuccess .succTxt img,
.userLogin .bdShoujiSucc .bdSjTxt img,
.userLogin .bindEmailCon3 .bdSjTxt img {
    width: 32px;
    height: 32px;
    margin-right: 19px;
}

.userLogin .changeSuccess .succTxt span,
.userLogin .bdShoujiSucc .bdSjTxt span,
.userLogin .bindEmailCon3 .bdSjTxt span {
    font-size: 24px;
    color: #00AA10;
}

.userLogin .bdShoujiSucc .bdSjTxt .phone_span,
.userLogin .bindEmailCon3 .bdSjTxt .phone_span {
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: #727272;
    margin-top: 10px;
}

.userLogin .changeSuccess .succBtn,
.userLogin .bdShoujiSucc .xgBdBtn,
.userLogin .bindEmailCon3 .xgBdBtn {
    width: 100%;
    text-align: center;
}

.userLogin .bdShoujiSucc .xgBdBtn button,
.userLogin .bindEmailCon3 .xgBdBtn button {
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
}

.userLogin .changeSuccess .succBtn a {
    text-align: center;
    display: inline-block;
    width: 148px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #FF4622;
    border-radius: 4px;
    font-size: 18px;
    color: #FF4622;
    cursor: pointer;
}

.userLogin .changeCont p {
    width: 100%;
    font-size: 22px;
    font-weight: 500;
    color: #1D1D1D;
    margin-bottom: 14px;
}

.userLogin .changeCont .jindu {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin-bottom: 40px;
}

.userLogin .changeCont .jindu .jinduDiv {
    width: 155px;
}

.userLogin .changeCont .jinduActive {
    color: #00AA10;
}

.userLogin .changeCont .jinduDiv span {
    width: 20px;
    height: 20px;
    line-height: 20px;
    display: inline-block;
    background: #A3A3A3;
    border-radius: 50%;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}

.userLogin .changeCont .jinduActive span {
    background: #00AA10;
}

.userLogin .changeCont .jindu .jinduLine {
    width: 94px;
    height: 1px;
    margin: 10px 23px 0 0;
    background: #A3A3A3;
}

.userLogin .changeCont .shuRu {
    width: 100%;
    height: 44px;
    line-height: 44px;
    margin-bottom: 32px;
}

.userLogin .changeCont .shuRu_l {
    width: 12%;
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    color: #141414;
    margin-right: 64px;
}

.userLogin .changeCont .shuRu_r input {
    width: 203px;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
}

.userLogin .changeCont .shuRu_r .hqyzmInput {
    width: 156px!important;
    height: 45px!important;
    background: #1292F2;
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    border: 1px solid #1292F2;
    margin-left: 20px;
}

.userLogin .changeCont .shuRu_r_yzm,
.userLogin .changeCont .shuRu_r_sure {
    height: 58px;
    line-height: 0;
}

.userLogin .changeCont .shuRu_r_yzm input {
    width: 380px;
}

.userLogin .changePasswordSure {
    /*display: none;*/
}

.userLogin .changePasswordSure .changeCont {
    margin-top: 46px;
}

.userLogin .changePasswordSure .changeCont input {
    width: 380px!important;
}

.userLogin .changePasswordSure .shuRu2 {
    margin-bottom: 46px;
}

.userLogin .changeCont .shuRu_r_yzm span,
.userLogin .changeCont .shuRu_r_sure span {
    /*display: inline-block;*/
    margin-top: 7px;
    font-size: 12px;
    color: #FF4622;
    height: 13px;
    line-height: 13px;
}

.userLogin .changeCont .shuRu_r_yzm img,
.userLogin .changeCont .shuRu_r_sure img {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 9px;
}

.userLogin .changeCont .changeNext,
.userLogin .changeCont .changeSure {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.userLogin .changeCont button {
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
}

.userLogin .grZiliao .grNo {
    display: none;
}

.userLogin .grZiliao .grSure {
    /* display: none; */
}

.userLogin .grZiliao .grSure .grDiv>div {
    height: 44px;
    line-height: 26px;
}

.userLogin .grZiliao .grSure .grDiv ul {
    width: 309px;
    height: 8px;
    padding: 1px;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #FF4622;
    margin-top: 18px;
    float: left;
}

.userLogin .grZiliao .grSure .grDiv ul li {
    width: 60px;
    height: 4px;
    background: #FF4622;
    float: left;
    margin-right: 1px;
}

.userLogin .grZiliao .grSure .grDiv ul li:first-of-type {
    border-radius: 2px 0 0 2px;
}

.userLogin .grZiliao .grSure .grDiv ul li:last-of-type {
    margin-right: 0;
    border-radius: 0 2px 2px 0;
}

.userLogin .grZiliao .grSure .grDiv>div .span {
    font-size: 12px;
    font-weight: 500;
    color: #FF4622;
    float: left;
    width: 10%;
}

.userLogin .grZiliao .grDiv {
    width: 70%;
    margin: 45px auto 26px;
    height: 44px;
}

.userLogin .grZiliao .grDiv .span {
    width: 19%;
    height: 44px;
    line-height: 44px;
    float: left;
    text-align: right;
    font-size: 16px;
    font-weight: 500;
    color: #141414;
    margin-right: 15px;
}

.userLogin .grZiliao .grDiv_r {
    width: 77%;
}

.userLogin .grZiliao .grDiv .span img {
    width: 18px;
    height: 18px;
    vertical-align: sub;
    margin-right: 5px;
}

.userLogin .grZiliao .p {
    font-size: 12px;
    font-weight: 500;
    color: #A1A1A1;
    margin-left: 4.5%;
}

.userLogin .grZiliao .grDiv_r {
    width: 77%;
}

.userLogin .grZiliao .grDiv input {
    width: 100%;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
}

.userLogin .grZiliao .grDiv input::placeholder {
    font-size: 12px;
    color: #868686;
}

.userLogin .grZiliao .grDiv_r label {
    height: 44px;
    line-height: 44px;
}

.userLogin .grZiliao .grDiv_r label:last-of-type {
    margin-left: 77px;
}

.userLogin .grZiliao .grDiv_r label input {
    width: 16.5px;
    height: 16.5px;
    margin-right: 13px;
    vertical-align: middle;
    cursor: pointer;
}

.userLogin .grZiliao .grDiv_r select {
    width: 50%;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
    color: #868686;
    cursor: pointer;
}

.userLogin .grSave {
    width: 100%;
    text-align: center;
    margin-top: 46px;
}

.userLogin .grSave button {
    width: 148px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #FF4622;
    border: 1px solid #FF4622;
}

.userLogin .grSave button:hover {
    background: #FF4622;
    color: #FFFFFF;
    border: none;
}


/* 有消息 */

.userLogin .myXiaoxi .xiaoxiUl {
    width: 100%;
    margin-top: 18px;
}

.userLogin .myXiaoxi .xiaoxiUl li {
    height: 75px;
    width: 100%;
    padding-bottom: 18px;
    border-bottom: 1px solid #E6E6E6;
    margin-bottom: 18px;
    padding-top: 10px;
}

.userLogin .myXiaoxi .xiaoxiUl li:hover {
    background: #ffe9e6;
}

.userLogin .xiaoxiUl .dan_input {
    width: 55px;
    line-height: 100px;
    text-align: center;
}

.userLogin .xiaoxiUl .dan_input input {
    width: 20px;
    height: 20px;
    background: #969696;
    border-radius: 50%;
    cursor: pointer;
}

.userLogin .xiaoxiUl .select_img {
    position: relative;
}

.userLogin .xiaoxiUl .select_img span {
    width: 12px;
    height: 12px;
    background: #FF4622;
    border: 1px solid #FF623C;
    border-radius: 50%;
    display: block;
    position: absolute;
    right: -5px;
    top: -5px;
}

.userLogin .myXiaoxi .xiaoxiUl li img {
    width: 162px;
    height: 82px;
}

.userLogin .myXiaoxi .danCont {
    width: 548px;
    height: 82px;
    margin-left: 25px;
    position: relative;
}

.userLogin .myXiaoxi .danCont h6 {
    height: 18px;
    font-size: 18px;
    font-weight: 500;
    color: #1D1D1D;
    margin-bottom: 15px;
}

.userLogin .myXiaoxi .danCont h6 b {
    display: inline-block;
    width: 34px;
    height: 18px;
    line-height: 18px;
    border-radius: 4px;
    font-size: 12px;
    color: #FFFFFF;
    background: #DFDFDF;
    text-align: center;
    vertical-align: bottom;
}

.userLogin .myXiaoxi .danCont p {
    height: 38px;
    font-size: 14px;
    color: #626262;
}

.userLogin .myXiaoxi .danCont span {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 12px;
    color: #A7A7A7;
}

.userLogin .myXiaoxi .allSelect {
    width: 100%;
    height: 24px;
    line-height: 24px;
    padding-left: 21px;
    box-sizing: border-box;
    margin-top: 65px;
}

.userLogin .myXiaoxi .allSelect input {
    width: 20px;
    height: 20px;
    background: #969696;
    border-radius: 50%;
    vertical-align: middle;
    margin-right: 11px;
    cursor: pointer;
}

.userLogin .myXiaoxi .allSelect span {
    font-size: 14px;
    color: #626262;
}

.userLogin .myXiaoxi .delXiaoxi,
.userLogin .myXiaoxi .yidu {
    cursor: pointer;
}

.userLogin .myXiaoxi .delXiaoxi {
    margin: 0 48px 0 43px;
}

.userLogin .myXiaoxi .delXiaoxi span {
    color: #FF4622;
    text-decoration: underline;
}

.userLogin .myXiaoxi .delXiaoxi img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.userLogin .myXiaoxi .yidu span {
    color: #1292F2;
    text-decoration: underline;
}

.userLogin .myXiaoxi .xiaoXiPage {
    width: 433px;
}

.userLogin .myXiaoxi .xiaoXiPage .page {
    width: 370px;
    height: 24px;
    background: #F9FAFC;
    border: 1px solid #D5D5D5;
    float: left;
    margin-right: 8px;
}


/* 无消息 */

.userLogin .userLoginItem .noXiaoxi {
    width: 100%;
    text-align: center;
    padding-top: 110px;
    display: none;
}

.userLogin .userLoginItem .noXiaoxi img {
    width: 275px;
    height: 233px;
}

.userLogin .userLoginItem .noXiaoxi p {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 500;
    color: #1D1D1D;
    margin: 15px 0;
}

.userLogin .userLoginItem .noXiaoxi span {
    font-size: 12px;
    color: #868686;
}


/* 修改邮箱 */

.userLogin .amendEmail {
    width: 100%;
    /*display: none;*/
}

.userLogin .amendEmail .xiugaiYx {
    width: 580px;
    margin: 0 auto;
}

.userLogin .amendEmail .xiugaiYx.endYx {
    width: 100%;
}

.userLogin .amendEmail .xiugaiYx p {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #727272;
    margin: 33px 0 25px 0;
}

.userLogin .amendEmail .xiugaiYx h4 {
    height: 22px;
    line-height: 22px;
    font-size: 22px;
    font-weight: 500;
    color: #1D1D1D;
}

.userLogin .amendEmail .xg_jd {
    height: 20px;
    line-height: 20px;
    width: 100%;
    margin: 15px 0 54px 0;
}

.userLogin .amendEmail .xg_jd span {
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
    background: #A3A3A3;
    border-radius: 50%;
    margin-right: 15px;
    font-size: 16px;
    color: #FFFFFF;
}

.userLogin .amendEmail .xg_jd .xg_jdLine {
    width: 94px;
    height: 1px;
    background: #A3A3A3;
    margin: 11px 16px 0;
}

.userLogin .amendEmail .xg_jd .xg_jdActive {
    color: #00AA10;
}

.userLogin .amendEmail .xg_jd .xg_jdActive span {
    background: #00AA10;
}

.userLogin .amendEmail .xg_yx {
    width: 100%;
}

.userLogin .amendEmail .xg_yx li {
    width: 100%;
    height: 80px;
}

.userLogin .amendEmail #get_code,
.userLogin .amendEmail #get_code2 {
    width: 156px;
    height: 46px;
    line-height: 46px;
    background: #1292F2;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    text-indent: 0;
    margin-left: 30px;
    cursor: pointer;
}

.userLogin .amendEmail #get_code2 {
    margin-left: 15px;
}

.userLogin .amendEmail .xg_yx li span {
    float: left;
    width: 18.5%;
    font-size: 16px;
    font-weight: 500;
    color: #141414;
    text-align: right;
    line-height: 44px;
    margin-right: 26px;
}

.userLogin .amendEmail .xg_yx li input {
    width: 380px;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    font-size: 14px;
    text-indent: 15px;
}

.userLogin .amendEmail .xg_yx li input::placeholder,
.userLogin .amendEmail .xg_yxInput::placeholder {
    font-size: 14px;
    color: #868686;
}

.userLogin .amendEmail .xg_yxInput {
    width: 204px!important;
}

.userLogin .amendEmail .xg_yx li .xg_yxErr {
    width: 70%;
    height: 13px;
    line-height: 13px;
    margin-left: 23%;
}

.userLogin .amendEmail .xg_yx li .xg_yxErr img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.userLogin .amendEmail .xg_yx li .xg_yxErr i {
    font-size: 12px;
    color: #FF4622;
}

.userLogin .amendEmail .xg_yxBtn {
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

.userLogin .amendEmail .xg_yxBtn button {
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
}

.userLogin .amendEmail .xgSuccImg {
    width: 100%;
    text-align: center;
    margin-top: 70px;
}

.userLogin .amendEmail .xgSuccImg img {
    width: 32px;
    height: 32px;
    margin-right: 18px;
}

.userLogin .amendEmail .xgSuccImg span {
    font-size: 24px;
    color: #00AA10;
}

.userLogin .amendEmail .endYx .bd_p {
    text-align: center;
    width: 100%;
    line-height: 19px;
    height: 19px;
    font-size: 16px;
    font-weight: 500;
    color: #727272;
    margin: 29px 0 42px 0;
}

.userLogin .amendEmail .endYx .endYxBtn {
    width: 100%;
    text-align: center;
}

.userLogin .amendEmail .endYx .endYxBtn a {
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    display: inline-block;
}

.userLogin .amendEmail .xgSuccCont {
    border-top: 1px solid #E6E6E6;
    margin-top: 80px;
}

.userLogin .amendEmail .xgSuccCont h5 {
    line-height: 18px;
    height: 18px;
    font-size: 16px;
    color: #00AA10;
    margin: 64px 0 27px 0;
}

.userLogin .amendEmail .xgSuccCont h6 {
    height: 18px;
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 500;
    color: #1D1D1D;
    margin-bottom: 15px;
}

.userLogin .amendEmail .xgSuccCont p {
    font-size: 14px;
    color: #626262;
    height: 30px;
    line-height: 30px;
    margin: 0;
}


/* 绑定邮箱 */

.userLogin .bindEmail {
    width: 100%;
    /*display: none;*/
}

.userLogin .bindEmailCon1,
.userLogin .bindEmailCon2,
.userLogin .bindEmailCon3 {
    width: 100%;
    height: 100%;
    padding: 33px 0 0 77px;
    box-sizing: border-box;
}

.userLogin .bindEmailCon1 p,
.userLogin .bindEmailCon2 p {
    height: 16px;
    font-weight: 500;
    color: #727272;
    line-height: 16px;
    margin: 33px 0;
}

.userLogin .bindEmailCon1 h4 {
    line-height: 22px;
    height: 22px;
    font-size: 22px;
    font-weight: 500;
    color: #1D1D1D;
}

.userLogin .bindEmailCon1 .emilJindu,
.userLogin .bindEmailCon2 .emilJindu {
    width: 100%;
    height: 20px;
    line-height: 20px;
    margin: 30px 0;
}

.userLogin .bindEmailCon1 .emilJinduDiv span,
.userLogin .bindEmailCon2 .emilJinduDiv span {
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 16px;
    color: #FFFFFF;
    background: #A3A3A3;
    border-radius: 50%;
}

.userLogin .bindEmailCon1 .emilJinduDivActive,
.userLogin .bindEmailCon2 .emilJinduDivActive {
    color: #00AA10;
}

.userLogin .bindEmailCon1 .emilJinduDivActive span,
.userLogin .bindEmailCon2 .emilJinduDivActive span {
    background: #00AA10;
}

.userLogin .bindEmailCon1 .emilJinduDivLine,
.userLogin .bindEmailCon2 .emilJinduDivLine {
    width: 94px;
    height: 1px;
    background: #A3A3A3;
    margin: 11px 25px 0;
}

.userLogin .bindEmailCon1 .baseEmilDiv,
.userLogin .bindEmailCon2 .baseEmilDiv {
    width: 100%;
    height: 65px;
    line-height: 65px;
}

.userLogin .bindEmailCon1 .baseEmilDiv b,
.userLogin .bindEmailCon2 .baseEmilDiv b {
    float: left;
    width: 20%;
}

.userLogin .bindEmailCon1 .baseEmilDiv input,
.userLogin .bindEmailCon2 .baseEmilDiv input {
    width: 380px;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
}

.userLogin .bindEmailCon2 .baseEmilDiv .emilCode {
    width: 155px;
    float: left;
    margin-left: 17px;
    background: #1292F2;
    border: 1px solid #1292F2;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
}

.userLogin .bindEmailCon1 .EmailErr,
.userLogin .bindEmailCon2 .EmailErr {
    width: 100%;
    height: 13px;
    line-height: 13px;
}

.userLogin .bindEmailCon1 .EmailErr img,
.userLogin .bindEmailCon2 .EmailErr img {
    width: 14px;
    height: 14px;
    float: left;
    vertical-align: middle;
    margin-right: 9px;
}

.userLogin .bindEmailCon1 .EmailErr i,
.userLogin .bindEmailCon2 .EmailErr i {
    float: left;
    font-size: 12px;
    color: #FF4622;
}

.userLogin .bindEmailCon1 .bildBtn,
.userLogin .bindEmailCon2 .bildBtn {
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.userLogin .bindEmailCon1 button,
.userLogin .bindEmailCon2 button {
    width: 148px;
    height: 44px;
    background: #FF4622;
    border-radius: 4px;
    height: 44px;
    font-size: 16px;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
}


/* 密保问题 */

.userLogin .mibaoQuestion {
    width: 100%;
}

.userLogin .mibaoQuestion p {
    margin: 37px 0 33px 55px;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #727272;
}

.userLogin .mibaoQuestion h4 {
    margin-left: 55px;
    height: 22px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 500;
    color: #1D1D1D;
}

.userLogin .mibaoQuestion .mibao1,
.userLogin .mibaoQuestion .mibaoShezhi,
.userLogin .mibaoQuestion .mibao2,
.userLogin .mibaoQuestion .mibao3,
.userLogin .mibaoQuestion .mibao4 {
    width: 100%;
    padding: 0 55px 55px;
    box-sizing: border-box;
}

.userLogin .mibaoQuestion {
    /*display: none;*/
}

.userLogin .mibaoQuestion .mbJindu {
    width: 100%;
    height: 20px;
    font-size: 16px;
    color: #A3A3A3;
    margin-top: 19px;
    margin-bottom: 30px;
}

.userLogin .mibaoQuestion .mbJdDiv span {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    background: #A3A3A3;
    border-radius: 50%;
}

.userLogin .mibaoQuestion .mbJdActive {
    color: #00AA10;
}

.userLogin .mibaoQuestion .mbJdActive span {
    background: #00AA10;
}

.userLogin .mibaoQuestion .mbJdLine {
    width: 55px;
    height: 1px;
    background: #A3A3A3;
    margin: 11px 16px 0;
}

.userLogin .mibaoQuestion .baseMbDiv {
    width: 100%;
    height: 64px;
    line-height: 64px;
    margin-bottom: 15px;
}

.userLogin .mibaoQuestion .baseMbDiv span {
    float: left;
    width: 18%;
}

.userLogin .mibaoQuestion .baseMbDiv input {
    width: 380px;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
}

.userLogin .mibaoQuestion .baseMbDiv select {
    width: 380px;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
}

.userLogin .mibaoQuestion .baseMbDiv .mbErr {
    width: 100%;
    height: 13px;
    line-height: 8px;
}

.userLogin .mibaoQuestion .baseMbDiv .mbErr img {
    width: 13px;
    height: 13px;
}

.userLogin .mibaoQuestion .baseMbDiv .mbErr i {
    height: 14px;
    font-size: 12px;
    font-weight: 400;
    color: #FF4622;
}

.userLogin .mibaoQuestion .mibaoBtn {
    width: 100%;
    margin-top: 30px;
    text-align: center;
}

.userLogin .mibaoQuestion .mibaoBtn button {
    width: 148px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
}

.userLogin .mibaoQuestion .mibaoBtn .mbUp {
    background: #1292F2;
    margin-right: 30px;
}

.userLogin .mibaoQuestion .mbSuccCont {
    width: 255px;
    margin: 0 auto;
}

.userLogin .mibaoQuestion .mbSuccCont .mbSucc {
    width: 100%;
    height: 32px;
    line-height: 32px;
    margin: 70px 0;
}

.userLogin .mibaoQuestion .mbSuccCont .mbSucc img {
    width: 32px;
    height: 32px;
    margin-right: 18px;
}

.userLogin .mibaoQuestion .mbSuccCont .mbSucc span {
    font-size: 20px;
    color: #00AA10;
}

.userLogin .mibaoQuestion .mbSuccCont .wenda {
    width: 100%;
    margin-bottom: 25px;
    padding-left: 18px;
    box-sizing: border-box;
}

.userLogin .mibaoQuestion .wenda li {
    width: 100%;
    margin-bottom: 30px;
    height: 16px;
}

.userLogin .mibaoQuestion .wenda li b {
    float: left;
    width: 35%;
    font-size: 16px;
    font-weight: 500;
    color: #141414;
    height: 16px;
    line-height: 16px;
}

.userLogin .mibaoQuestion .wenda li span {
    font-size: 14px;
    float: left;
    color: #323232;
    height: 16px;
    line-height: 16px;
}

.userLogin .mibaoQuestion .wenda li .colorSpan {
    color: #FF4622;
}

.userLogin .mibaoQuestion .go_home {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.userLogin .mibaoQuestion .go_home button {
    width: 148px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
    border: none;
}


/* 实名认证 */

.userLogin .autonymRz {
    /*display: none;*/
    width: 100%;
}

.userLogin .autonymRz .rzOne {
    width: 100%;
}

.userLogin .autonymRz .smrz {
    width: 512px;
    margin: 0 auto;
}

.userLogin .autonymRz .smJd {
    width: 100%;
    height: 20px;
    margin-top: 90px;
    margin-bottom: 36px;
}

.userLogin .autonymRz .smJd span {
    display: inline-block;
    text-align: center;
    width: 20px;
    height: 20px;
    font-size: 16px;
    color: #FFFFFF;
    background: #A3A3A3;
    border-radius: 50%;
}

.userLogin .autonymRz .smJdLine {
    width: 94px;
    height: 1px;
    background: #A3A3A3;
    margin: 11px 25px 0;
}

.userLogin .autonymRz .smJd .smJdDivActive {
    color: #00AA10;
}

.userLogin .autonymRz .smJd .smJdDivActive span {
    background: #00AA10;
}

.userLogin .autonymRz .smUl li {
    width: 100%;
    margin-bottom: 22px;
    height: 52px;
}

.userLogin .autonymRz .smUl li span {
    width: 15%;
    height: 52px;
    line-height: 52px;
    float: left;
    text-align: right;
    margin-right: 53px;
}

.userLogin .autonymRz .smUl li input {
    width: 380px;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
}

.userLogin .autonymRz .smUl .smErr {
    height: 13px;
    line-height: 13px;
}

.userLogin .autonymRz .smUl .smErr img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
}

.userLogin .autonymRz .smUl .smErr i {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #FF4622;
}

.userLogin .autonymRz .smBtn {
    width: 100%;
    text-align: center;
    margin-top: 15px;
}

.userLogin .autonymRz .smBtn button {
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    border: none;
}

.userLogin .autonymRz .smBtn button:last-of-type {
    margin-left: 28px;
    background: #CDCDCD;
}

.userLogin .autonymRz .sm_foot {
    width: 100%;
    border-top: 1px solid #E6E6E6;
    margin-top: 80px;
    padding: 80px 0;
    box-sizing: border-box;
}

.userLogin .autonymRz .sm_foot h6 {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 15px;
}

.userLogin .autonymRz .sm_foot p {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: #626262;
    line-height: 30px;
}

.userLogin .autonymRz .rz_success {
    width: 100%;
}

.userLogin .rz_success .rz_zhong {
    width: 400px;
    margin: 70px auto 0;
    text-align: center;
}

.userLogin .rz_success .rz_zhong .rzSucc {
    height: 42px;
    line-height: 32px;
}

.userLogin .rz_success .rz_zhong .rzSucc img {
    width: 32px;
    height: 32px;
    margin-right: 18px;
}

.userLogin .rz_success .rz_zhong .rzSucc span {
    font-size: 24px;
    color: #00AA10;
}

.userLogin .rz_success .rz_zhong p {
    font-size: 16px;
    font-weight: 500;
    color: #727272;
    line-height: 30px;
}

.userLogin .rz_success .succ_foot {
    width: 100%;
    border-top: 1px solid #E6E6E6;
    padding-top: 60px;
    margin-top: 80px;
}

.userLogin .rz_success .succ_foot h5 {
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    color: #00AA10;
}

.userLogin .rz_success .succ_foot h6 {
    height: 18px;
    height: 18px;
    font-size: 18px;
    font-weight: 500;
    color: #1D1D1D;
    margin: 27px 0 15px 0;
}

.userLogin .rz_success .succ_foot p {
    font-size: 14px;
    color: #626262;
    line-height: 30px;
}


/* 充值记录  */

.userLogin .chongzhi table {
    margin-top: 20px;
    width: 793px;
    border: 1px solid #D5D5D5;
}

.userLogin .chongzhi table th {
    text-align: center;
    background: #F7F7F7;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #393939;
    border: 1px solid #D5D5D5;
}

.userLogin .chongzhi table td {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #868686;
    background: #fff;
    text-align: center;
    border: 1px solid #D5D5D5;
}

.userLogin .czPage {
    width: 100%;
    height: 30px;
    margin-top: 160px;
}

.userLogin .czPage .page {
    float: right;
    margin-right: 98px;
}

.userLogin .czPage ._jumper span {
    font-size: 12px;
    color: #2E2E2E;
}


/* 一号币 */

.userLogin .userLoginItem .onBiCont {
    width: 100%;
}

.userLogin .userLoginItem .onBiCont .aboutCz {
    width: 100%;
    height: 107px;
    background: #F7F7F7;
    padding: 0 32px 0 38px;
    box-sizing: border-box;
    margin: 30px 0;
}

.userLogin .aboutCz .aboutCz_l {
    width: 70px;
    text-align: center;
    padding-top: 23px;
    box-sizing: border-box;
}

.userLogin .aboutCz .aboutCz_l p {
    width: 100%;
    font-size: 36px;
    font-weight: bold;
    color: #FF4622;
    margin-bottom: 14px;
    height: 30px;
    line-height: 30px;
}

.userLogin .aboutCz .aboutCz_ span {
    font-size: 14px;
    color: #1D1D1D;
}

.userLogin .aboutCz .aboutCz_r {
    padding-top: 32px;
}

.userLogin .aboutCz .aboutCz_r button {
    width: 130px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    color: #FF4622;
    border: 1px solid #FF4622;
}

.userLogin .aboutCz .aboutCz_r button:hover {
    border: none;
    color: #fff;
    background: #FF4622;
}

.userLogin .aboutCz .aboutCz_r a:last-of-type button {
    margin-left: 26px;
    color: #1292F2;
    border: 1px solid #1292F2;
}

.userLogin .aboutCz .aboutCz_r a:last-of-type button:hover {
    border: none;
    color: #fff;
    background: #1292F2;
}

.userLogin .oneBi .onBi_table {
    width: 100%;
}

.userLogin .oneBi .onBi_tab {
    width: 100%;
    height: 26px;
    line-height: 26px;
}

.userLogin .oneBi .onBi_tab .onBiUl {
    /* border: 1px solid #8F8F8F; */
    width: 332px;
    margin: 0 auto;
    height: 28px;
    margin-bottom: 33px;
}

.userLogin .oneBi .onBi_tab .onBiUl li {
    width: 165px;
    text-align: center;
    font-size: 14px;
    color: #393939;
    float: left;
    border: 1px solid #8F8F8F;
    cursor: pointer;
}

.userLogin .oneBi .onBi_tab li:first-of-type {
    border-right: none;
    border-radius: 4px 0px 0px 4px;
}

.userLogin .oneBi .onBi_tab li:last-of-type {
    border-left: none;
    border-radius: 0px 4px 4px 0px;
}

.userLogin .oneBi .onBi_tab li.onBiActive {
    background: #FF4622;
    color: #fff;
    height: 28px;
    border: none;
}

.userLogin .onBi_table .expend_tab {
    display: none;
}

.userLogin .onBi_table table {
    margin-top: 20px;
    width: 100%;
    border: 1px solid #D5D5D5;
    border-radius: 4px 4px 0 0;
    /* 消除单元格之间的空隙 */
    border-collapse: collapse;
    /* 消除掉外边框 */
    border-style: hidden;
    /* hack一下加个阴影 */
    box-shadow: 0 0 0 1px #D5D5D5;
}

.userLogin .onBi_table th,
.userLogin .onBi_table td {
    border: 1px solid #D5D5D5;
}

.userLogin .onBi_table table th {
    text-align: center;
    background: #F7F7F7;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    color: #393939;
    border: 1px solid #D5D5D5;
}

.userLogin .onBi_table td {
    height: 50px;
    line-height: 50px;
    font-size: 12px;
    color: #868686;
    background: #fff;
    text-align: center;
    border: 1px solid #D5D5D5;
}


/* 客服中心样式 */


/* 客服主页 */

.kefuHome {
    width: 1200px;
    height: 610px;
    margin: 0 auto;
}

.kefuHome .zhuYe_l {
    width: 833px;
    height: 610px;
}

.kefuHome .zhuYe_l img {
    width: 833px;
    height: 156px;
}

.kefuHome .zhuYe_l h3,
.kefuHome .zhuYe_r h3 {
    border-left: 3px solid #FF4622;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 22px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: #393939;
    padding-left: 12px;
    margin: 34px 0 30px 0;
}

.kefuHome .zhuYe_l .neiRongUl {
    width: 100%;
}

.kefuHome .zhuYe_l .neiRongUl li {
    float: left;
    width: 193px;
    height: 370px;
    margin-right: 20px;
}

.kefuHome .zhuYe_l .neiRongUl li:last-of-type {
    margin-right: 0;
}

.kefuHome .zhuYe_l .neiRongUl .liTop {
    text-align: center;
    width: 193px;
    height: 242px;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);
    margin-bottom: 20px;
}

.kefuHome .zhuYe_l .liTop img {
    width: 108px;
    height: 121px;
    margin: 28px 0 12px 0;
}

.kefuHome .zhuYe_l .liTop p {
    height: 17px;
    line-height: 17px;
    margin: 10px 0;
}

.kefuHome .zhuYe_l .liTop p a {
    font-size: 16px;
    font-weight: bold;
    color: #393939;
}

.kefuHome .zhuYe_l .liTop p a:hover {
    color: #FF4622;
}

.kefuHome .zhuYe_l .neiRongUl .liBot {
    width: 193px;
    height: 108px;
    background: #FFFFFF;
}

.kefuHome .zhuYe_l li .liBotDiv {
    width: 100%;
    height: 100%;
}

.kefuHome .zhuYe_l li:nth-child(1) .liBotDiv {
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/kfbg1.png') no-repeat;
    background-position-x: right;
}

.kefuHome .zhuYe_l li:nth-child(2) .liBotDiv {
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/kfbg2.png') no-repeat;
    background-position-x: right;
}

.kefuHome .zhuYe_l li:nth-child(3) .liBotDiv {
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/kfbg3.png') no-repeat;
    background-position-x: right;
}

.kefuHome .zhuYe_l li:nth-child(4) .liBotDiv {
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/kfbg4.png') no-repeat;
    background-position-x: right;
}

.kefuHome .zhuYe_l .neiRongUl .liBot img {
    width: 60px;
    height: 60px;
    margin: 24px 8px 0 12px;
    float: left;
}

.kefuHome .zhuYe_l .neiRongUl .liBot .text {
    float: left;
    height: 108px;
    width: 112px;
    padding-top: 23px;
    box-sizing: border-box;
}

.kefuHome .zhuYe_l .neiRongUl .liBot .text p {
    height: 18px;
    font-size: 18px;
    font-weight: 500;
    color: #707070;
    margin-bottom: 5px;
}

.kefuHome .zhuYe_l .neiRongUl .liBot .text span {
    display: inline-block;
    height: 12px;
    line-height: 12px;
    font-size: 12px;
    font-weight: 500;
    color: #898989;
}

.kefuHome .zhuYe_r {
    width: 349px;
}

.kefuHome .zhuYe_r h3 {
    margin: 0;
    box-sizing: border-box;
}

.kefuHome .zhuYe_r h3 span {
    float: right;
    font-size: 14px;
    color: #393939;
    cursor: pointer;
}

.kefuHome .zhuYe_r .wentiList {
    width: 349px;
    height: 560px;
    background: #FFFFFF;
    margin-top: 30px;
    padding: 23px;
    box-sizing: border-box;
}

.kefuHome .zhuYe_r .wentiUl li {
    width: 100%;
    height: 14px;
    line-height: 14px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    color: #393939;
    cursor: pointer;
}

.kefuHome .zhuYe_r .wentiUl li:hover {
    color: #FF4622;
}

.kefuHome .zhuYe_r .wentiUl li span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #DBDBDB;
    border-radius: 50%;
    margin-right: 10px;
}


/* 更多问题 */

.callCenterMain .callCenterCont {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.callCenterMain .callCenterCont .wenti {
    width: 340px;
    padding-left: 9px;
    font-size: 22px;
    font-weight: bold;
    color: #393939;
    margin-bottom: 30px;
    height: 20px;
    line-height: 20px;
    border-left: 3px solid #FF4622;
}

.callCenterMain .callTabList {
    width: 350px;
    height: 100%;
    background: #FFFFFF;
    padding-left: 23px;
    box-sizing: border-box;
}

.callCenterMain .callTabList li {
    font-size: 14px;
    font-weight: 500;
    color: #393939;
    height: 14px;
    line-height: 14px;
    margin: 20px 0;
    cursor: pointer;
}

.callCenterMain .callTabList li:hover {
    color: #FF4622;
}

.callCenterMain .callTabList li span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #DBDBDB;
    border-radius: 50%;
    margin-right: 11px;
    vertical-align: middle;
}

.callCenterMain .callTabList li.callTabLiA {
    color: #FF4622;
}

.callCenterMain .callTabLiCon {
    width: 827px;
    /* height: 100%; */
    height: 410px;
    padding: 42px 28px;
    background: #FFFFFF;
    margin-left: 23px;
    box-sizing: border-box;
    margin-top: -50px;
}

.callCenterMain .callTabLiCon .callConItem {
    display: none;
}

.callCenterMain .callTabLiCon .callConItem h3 {
    font-size: 18px;
    font-family: Microsoft YaHei;
    font-weight: 500;
    color: #393939;
    width: 100%;
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #D0D0D0;
}

.callCenterMain .callTabLiCon .callConItem p {
    font-size: 14px;
    color: #5A5A5A;
    line-height: 24px;
    text-align: justify;
}


/* 关于我们样式 */

.callCenterMain,
.aboutCenterMain {
    width: 100%;
    height: 100%;
    background: #F7F7F7;
    padding: 45px 0;
    box-sizing: border-box;
}

.aboutCenterMain .aboutCenterCont {
    width: 1200px;
    height: 100%;
    background: #fff;
    margin: 0 auto;
}

.aboutCenterMain .aboutTabList {
    width: 300px;
    height: 100%;
    background: #F9FAFC;
}

.aboutCenterMain .aboutTabList li {
    height: 78px;
    line-height: 78px;
    background: #F9FAFC;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #1D1D1D;
}

.aboutCenterMain .aboutTabList li:hover {
    background: #ffe9e6;
    color: #FF4622;
}

.aboutCenterMain .aboutTabList li img {
    width: 9px;
    height: 15px;
    vertical-align: middle;
    margin-right: 15px;
}

.aboutCenterMain .aboutTabList li.aboutTabLiA {
    background: #FFFFFF;
    color: #FF4622;
}

.aboutCenterMain .aboutTabList li.aboutTabLiA:hover {
    background: #ffe9e6;
    color: #FF4622;
}

.aboutCenterMain .aboutTabLiCon {
    width: 900px;
    height: 100%;
    padding: 50px;
    padding-top: 25px;
    box-sizing: border-box;
}

.aboutCenterMain .aboutConItem {
    display: none;
    width: 100%;
    height: 100%;
}

.aboutCenterMain .aboutConItem h3,
.aboutCenterMain .aboutConItem h4 {
    width: 100%;
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 500;
    color: #595959;
    text-align: center;
    margin-bottom: 30px;
}

.aboutCenterMain .aboutConItem h4 {
    text-align: left;
    margin: 20px 0;
    line-height: 22px;
}

.aboutCenterMain .aboutConItem .qianyan {
    margin-top: 0;
}

.aboutCenterMain .aboutConItem p {
    font-size: 14px;
    color: #5A5A5A;
    line-height: 24px;
    text-align: justify;
}

.aboutCenterMain .aboutConItem img {
    margin-top: 10px;
}


/* 账户充值样式 */

.rechargeMain {
    width: 100%;
    height: 720px;
    padding: 41px 0;
    background: #F7F7F7;
}

.rechargeMain .rechargeCont {
    width: 1200px;
    height: 720px;
    margin: 0 auto;
}

.rechargeMain .rechargeCont .rechargeLi {
    width: 290px;
    height: 720px;
    background: #Fff;
}

.rechargeMain .rechargeCont .payType {
    width: 100%;
    height: 76px;
    line-height: 76px;
    background: #FF4622;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}

.rechargeMain .rechargeCont .rechargeLiUl li {
    width: 100%;
    height: 75px;
    line-height: 75px;
    text-align: center;
    font-weight: 500;
    color: #1D1D1D;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    margin-bottom: 4px;
}

.rechargeMain .rechargeCont .rechargeLiUl li.rechargeLiActive {
    background: linear-gradient(90deg, #FAFAFA 0%, #FEFEFE 100%);
}

.rechargeMain .rechargeCont .rechargeLiUl li.rechargeLiActive::after {
    width: 4px;
    height: 75px;
    background: #FF4622;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}
.rechargeMain .rechargeCont .rechargeLiUl li:hover {
    background: linear-gradient(90deg, #FAFAFA 0%, #FEFEFE 100%);
}

.rechargeMain .rechargeCont .rechargeLiUl li:hover::after {
    width: 4px;
    height: 75px;
    background: #FF4622;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.rechargeMain .rechargeCont .rechargeLiUl li img {
    width: 20px;
    margin-right: 10px;
    vertical-align: middle;
}

.rechargeMain .rechargeTabCont {
    width: 900px;
    margin-left: 10px;
    height: 720px;
    background: #fff;
    box-sizing: border-box;
}

.rechargeMain .rechargeTabCont .rechargeTabItem {
    display: none;
}

.rechargeMain .zfb .zfb_title {
    width: 792px;
    height: 80px;
    line-height: 80px;
    font-size: 22px;
    color: #1D1D1D;
    margin: 0 auto 22px;
    border-bottom: 1px solid #E6E6E6;
}

.rechargeMain .zfb .zfb_title img {
    width: 40px;
    /*height: 40px;*/
    margin-right: 20px;
}

.rechargeMain .zfbCont {
    margin-top: 48px;
    width: 665px;
    margin: 0 auto;
}

.rechargeMain .zfbCont .zfbCont_ul {
    margin-bottom: 66px;
}

.rechargeMain .zfbCont .zfbCont_ul .zfbCont_li {
    width: 100%;
    height: 44px;
    line-height: 44px;
    margin-bottom: 22px;
}

.rechargeMain .zfbCont .zfbCont_ul .zfbCont_li .span {
    float: left;
    /* width: 10%; */
    font-size: 16px;
    font-weight: 500;
    color: #727272;
    text-align: right;
}

.rechargeMain .zfbCont .zfbCont_ul .zfbCont_li .zfb_li_r {
    float: left;
    margin-left: 30px;
}

.rechargeMain .zfbCont .zfbCont_ul .zfbCont_li .chongZhiDao {
    cursor: default;
}

.rechargeMain .zfbCont .zfbCont_ul .zfbCont_li .chongZhiDao label {
    position: relative;
    width: 100%;
    height: 14px;
    cursor: default;
}

.rechargeMain .zfbCont .zfbCont_ul .zfbCont_li .chongZhiDao label .danCheck {
    width: 14px;
    height: 14px;
    opacity: 0;
}

.rechargeMain .zfbCont .zfbCont_ul .zfbCont_li .chongZhiDao label i {
    width: 14px;
    height: 14px;
}

.rechargeMain .zfbCont .zfbCont_ul .zfbCont_li .chongZhiDao label span {
    margin-left: 2px;
    font-size: 16px;
    color: #868686;
}

.rechargeMain .zfbCont .zfbCont_ul .zfbCont_li .chongZhiDao .danCheck i {
    display: inline-block;
    background: url(https://files.yihao.com/sqzb/yihao/www-static/images/chongzhiNo.png) no-repeat;
    background-size: 13px;
    position: absolute;
    top: 5px;
    left: 0;
    /*z-index: 5;*/
}

.rechargeMain .zfbCont .zfbCont_ul .zfbCont_li .chongZhiDao .danCheck:checked+i {
    display: inline-block;
    background: url(https://files.yihao.com/sqzb/yihao/www-static/images/chongzhiCheck.png) no-repeat;
    background-size: 13px;
    position: absolute;
    top: 5px;
    left: 0;
    /*z-index: 5;*/
}

.rechargeMain .zfbCont .zfb_li_r input {
    width: 184px;
    height: 44px;
    padding: 0 5px;
    box-sizing: border-box;
    line-height: 44px;
    border-radius: 2px;
    border: 1px solid transparent;
    font-size: 16px;
    color: #868686!important;
}

.rechargeMain .zfbCont .zfb_li_r .zfb_li_rIn {
    position: relative;
    float: left;
}

.rechargeMain .zfbCont .zfb_li_r .zfb_li_rIn .selectGame {
    width: 184px;
    height: 44px;
    background: #F3F3F3;
    border-radius: 2px;
    text-indent: 10px;
}

.rechargeMain .zfbCont .zfb_li_r .zfb_li_rIn::before,
.rechargeMain .zfbCont .zfb_li_r .zfb_li_rIn::after {
    content: '';
    display: block;
    width: 16px;
    height: 9px;
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/inputDown.png') no-repeat;
    position: absolute;
    left: 160px;
    bottom: 16px;
}

.rechargeMain .zfbCont .zfb_li_r .roleName {
    display: none;
    font-size: 16px;
    color: #868686;
    margin-left: 21px;
}

.rechargeMain .zfbCont .zfb_li_r .roleName span {
    margin: 0!important;
}

.rechargeMain .zfbCont .zfb_li_r b {
    font-size: 12px;
    color: #3B99FC;
    margin-left: 20px;
    cursor: pointer;
}

.rechargeMain .zfbCont .zfb_li_r span {
    margin-left: 25px;
}

.rechargeMain .zfbCont .zfb_li_r span img {
    width: 13px;
    height: 13px;
    vertical-align: middle
}

.rechargeMain .zfbCont .zfb_li_r span i {
    font-size: 12px;
    color: #FF4622;
}

.rechargeMain .zfbCont .zfb_li_r button,
.rechargeMain .zfbCont .zfb_li_r select {
    width: 208px;
    height: 44px;
    line-height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: #868686;
    cursor: pointer;
}

.rechargeMain .zfbCont .zfb_li_r select option {
    text-align: center;
    width: 208px;
}

.rechargeMain .zfbCont .selectTwo {
    position: relative;
}


/* 新游戏选择 */

.rechargeMain .zfbCont .newPayGame {
    display: none;
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 9;
    width: 519px;
    /* height: 218px; */
    padding-bottom: 10px;
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);
    border-radius: 5px;
}

.rechargeMain .newPayGame .close {
    width: 100%;
    height: 9px;
    padding: 9px;
    box-sizing: border-box;
    text-align: right;
}

.rechargeMain .newPayGame .close img{
    width: 13px;
    height: 13px;
    margin: 5px 10px 0 0;
    cursor: pointer;
}

.rechargeMain .newPayGame .newPayCont {
    width: 483px;
    margin: 0 auto;
}

.rechargeMain .newPayGame .latelyPay {
    height: 36px;
    width: 100%;
    border-bottom: 1px solid #D5D5D5;
}

.rechargeMain .newPayGame .latelyPay .title {
    width: 67px;
    height: 23px;
    line-height: 23px;
    background: #FF4622;
    border-radius: 12px;
    text-align: center;
    font-size: 12px;
    color: #FFFFFF;
}

.rechargeMain .newPayGame .newGameList {
    width: 100%;
    margin-top: 22px;
}

.rechargeMain .newPayGame .newGameList li {
    margin-right: 12px;
    float: left;
    width: 151px;
    height: 51px;
    background: #FFFFFF;
    border: 1px solid #D6D6D6;
    border-radius: 4px;
    margin-bottom: 12px;
    cursor: pointer;
}

.rechargeMain .newPayGame .newGameList li:nth-child(3n+3) {
    margin-right: 0;
}

.rechargeMain .newPayGame .newGameList li:hover {
    border: 1px solid #FF4622;
}

.rechargeMain .newPayGame .newGameList li:hover .gameName span {
    color: #FF4622;
}

.rechargeMain .newPayGame .newGameList li img {
    width: 57px;
    height: 51px;
    border-radius: 4px 0px 0px 4px;
    float: left;
}

.rechargeMain .newPayGame .newGameList li .gameName {
    width: 94px;
    height: 51px;
    line-height: 51px;
    text-align: center;
    float: left;
}

.rechargeMain .newPayGame .newGameList li .gameName span {
    font-size: 14px;
    color: #141414;
    margin: 0;
}

.rechargeMain .newPayGame .newGameList li.newGameLiActive {
    color: #FF4622;
    border: 1px solid #3B99FC;
    position: relative;
}

.rechargeMain .newPayGame .newGameList li.newGameLiActive::after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/czd.png') no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

.rechargeMain .newCzTxt {
    font-size: 16px;
    color: #868686;
    line-height: 16px;
}

.rechargeMain .newCzTxt span:nth-child(1) {
    color: #3B99FC;
    margin-left: 0!important;
}

.rechargeMain .newCzTxt b {
    font-size: 16px!important;
    color: #FF4622!important;
    margin-left: 0!important;
}

.rechargeMain .zfbCont .zfb_li_r .payGame {
    width: 519px;
    height: 276px;
    background: #FFFFFF;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);
    position: absolute;
    top: 46px;
    left: 0;
    z-index: 9;
    padding: 9px;
    box-sizing: border-box;
    display: none;
}

.rechargeMain .payGame .gameClose {
    width: 100%;
    height: 9px;
}

.rechargeMain .payGame .gameClose img {
    width: 9px;
    height: 9px;
    float: right;
    cursor: pointer;
}

.rechargeMain .payGame .payGameCont {
    width: 100%;
    height: 100%;
    padding: 0 14px 0 10px;
    box-sizing: border-box;
    overflow-y: auto;
}

.rechargeMain .payGame .payContUl {
    width: 100%;
    height: 23px;
    padding-bottom: 12px;
    border-bottom: 1px solid #D5D5D5;
    /* justify-content: space-between; */
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.rechargeMain .payGame .payContUl .zimu {
    float: left;
    width: 65px;
    width: 16.6%;
    font-size: 12px;
    color: #141414;
    height: 23px;
    line-height: 23px;
    text-align: center;
    cursor: pointer;
}

.rechargeMain .payGame .payContUl .zimu.payLiActive {
    color: #fff;
    background: #FF4622;
    border-radius: 14px;
}

.rechargeMain .payGame .gameName .gameDiv {
    width: 100%;
    margin-bottom: 14px;
}

.rechargeMain .payGame .gameName .gameDiv:first-of-type {
    margin-top: 20px;
}

.rechargeMain .payGame .gameDivUl {
    width: 100%;
}

.rechargeMain .payGame .gameDivUl li {
    float: left;
    /* width: 16.6%;*/
    text-align: center;
    height: 13px;
    line-height: 13px;
    margin-bottom: 15px;
    padding: 0 10px;
    text-align: center;
    font-size: 12px;
    color: #141414;
}

.rechargeMain .payGame .gameName .gameDiv span {
    width: 25px;
    display: inline-block;
    text-align: center;
    height: 25px;
    line-height: 25px;
    font-size: 20px;
    font-weight: 900;
    color: #fff;
}

.rechargeMain .payGame .zimuSort {
    display: none;
}

.rechargeMain .payGame .zimuSort .zimuSpan {
    width: 16.6%;
    height: 100%;
    box-sizing: border-box;
}

.rechargeMain .payGame .zimuSort .gameDivUl {
    float: left;
    width: 376px;
}

.rechargeMain .payGame .zimuSort .gameDivUl li {
    /* width: 75px; */
    /* width: 0!important; */
    min-width: 50px;
    padding: 0 10px;
    text-align: center;
    font-size: 12px;
    color: #141414;
}

.rechargeMain .payGame .gameDivUl a {
    font-size: 12px;
    color: #141414;
}

.rechargeMain .payGame .gameName .noWan {
    width: 100%;
    text-align: center;
    display: none;
}

.rechargeMain .payGame .gameName .noWan p {
    width: 100%;
    font-size: 12px;
    color: #868686;
    line-height: 88px;
}

.rechargeMain .zfbCont .zfb_li_r .serveSelect {
    display: none;
    position: absolute;
    right: 0;
    top: 46px;
    width: 208px;
    z-index: 2;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.03);
}

.rechargeMain .zfbCont .zfb_li_r .serveSelect>div {
    text-align: center;
    font-size: 12px;
    color: #141414;
    height: 16px;
    line-height: 16px;
    margin: 10px 0;
    cursor: pointer;
    color: #868686;
}

.rechargeMain .zfbCont .zfb_li_r button.czdActive {
    border: 1px solid #3B99FC;
    position: relative;
}

.rechargeMain .zfbCont .zfb_li_r button.czdActive::after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/czd.png') no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

.rechargeMain .zfbCont .zfb_li_r button:last-of-type,
.rechargeMain .zfbCont .zfb_li_r select:last-of-type {
    margin-left: 20px;
}

.rechargeMain .zfbCont .zfb_li_r .zfb_je {
    width: 571px;
    margin-bottom: 10px;
}

.rechargeMain .zfbCont .zfb_li_r .zfb_je li {
    width: 133px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background: #F3F3F3;
    border: 1px solid#F3F3F3;
    border-radius: 4px;
    text-align: center;
    font-size: 14px;
    color: #868686;
    float: left;
    margin: 0 10px 20px 0;
    cursor: pointer;
}

.rechargeMain .zfbCont .zfb_li_r .zfb_je .zfbLiActive {
    /* color: #FF4622; */
    border: 1px solid #3B99FC;
    position: relative;
}

.rechargeMain .zfbCont .zfb_li_r .zfb_je .zfbLiActive::after {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/czd.png') no-repeat;
    position: absolute;
    right: 0;
    bottom: 0;
}

.rechargeMain .zfbCont .zfb_li_r .zfb_je li:nth-child(4n+4) {
    margin-right: 0;
}

.rechargeMain .zfbCont .zfb_je li:last-of-type {
    width: 135px;
    background: #fff;
    cursor: auto;
    position: relative;
}

.rechargeMain .zfbCont .zfb_je li:last-of-type>div {
    width: 135px;
    height: 100%;
    border: 1px solid transparent;
    background: #F7F7F7;
    border-radius: 4px;
    box-sizing: border-box;
    float: left;
}

.rechargeMain .zfbCont .zfb_je li:last-of-type span {
    font-size: 16px;
    color: #868686;
    float: right;
    width: 32px;
    text-align: center;
}

.rechargeMain .zfbCont .zfb_je li:last-of-type input {
    width: 95px;
    height: 28px;
    background: #fff;
    border-radius: 2px;
    border: none;
    text-indent: 5px;
    margin-left: 3px;
}

.rechargeMain .zfbCont .zfb_je li:last-of-type input::placeholder {
    font-size: 16px;
    color: #CEC9C9;
}

.rechargeMain .zfbCont .zfbContBtn {
    width: 100%;
    margin: 30px 0 0 95px;
}

.rechargeMain .zfbCont .zfbContBtn button {
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #1689FF;
    border-radius: 4px;
    cursor: pointer;
    color: #FFFFFF;
    font-size: 16px;
}

.rechargeMain .zfbCont .zfbContBtn .zifPay {
    background: #1689FF;
}

.rechargeMain .zfbCont .zfbContBtn .wxPay {
    background: #06BB14;
}

.rechargeMain .zfbCont .zfbContBtn .hbPay {
    background: #30B4FF;
}


/*  */


/* 浮层 */

.fuCeng {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #000000;
    opacity: 0.4;
    z-index: 88;
}


/* 充值扫码浮层 */

.sao_ma {
    display: none;
    width: 464px;
    height: 698px;
    background: #FFFFFF;
    /*position: absolute;*/
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 28px;
    box-sizing: border-box;
    z-index: 99;
}

.sao_ma .maTitle {
    width: 100%;
}

.sao_ma .maTitle img {
    width: 18px;
    height: 18px;
    float: right;
    cursor: pointer;
}

.sao_ma .erweima {
    display: none;
}

.sao_ma .erweima p {
    text-align: center;
    height: 48px;
    font-size: 32px;
    font-weight: 500;
    color: #000000;
    line-height: 48px;
    margin: 20px 0 30px 0;
}

.sao_ma .erweima .money {
    text-align: center;
    height: 35px;
    font-size: 40px;
    font-weight: 800;
    color: #FF4622;
    line-height: 35px;
}

.sao_ma .erweima .ddhao {
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}

.sao_ma .erweima .maImg {
   width: 289px;
    text-align: center;
    margin: 20px auto 30px;
}

.sao_ma .erweima .maImg img {
    width: 289px;
    height: 289px;
}

.sao_ma .erweima .maXieyi {
    text-align: center;
    width: 335px;
    height: 59px;
    line-height: 59px;
    background: #1292F2;
    border-radius: 4px;
    color: #fff;
    margin: 0 auto;
}

.sao_ma .erweima .maXieyi img {
    width: 37px;
    height: 32px;
    vertical-align: middle;
    margin-right: 10px;
}

.sao_ma .erweima p:last-of-type {
    text-align: center;
    width: 100%;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #141414;
    margin-top: 45px;
}

.sao_ma .payFail {
    width: 308px;
    margin: 0 auto;
    display: none;
}

.sao_ma .failTitle {
    width: 100%;
    text-align: center;
    height: 24px;
    line-height: 24px;
    font-size: 22px;
    color: #141414;
    margin-top: 60px;
}

.sao_ma .jiaoyi {
    width: 100%;
    margin: 26px 0 52px 0;
}

.sao_ma .jiaoyi>div {
    width: 310px;
    margin: 13px auto;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #141414;
}

.sao_ma .payFail {
    display: none;
}

.sao_ma .payFail .jyErrImg {
    width: 100%;
    text-align: center;
}

.sao_ma .payFail .jyErrImg img {
    width: 96px;
    height: 96px;
}

.sao_ma .payFail .jyErrImg p {
    font-size: 24px;
    color: #141414;
    height: 48px;
    line-height: 48px;
    margin: 28px 0 40px 0;
}

.sao_ma .payFail .jyErrImg button {
    width: 160px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    color: #141414;
}

.sao_ma .payFail .xiazai {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #141414;
    height: 48px;
    line-height: 48px;
    margin-top: 140px;
}

.sao_ma .paySuccess {
    width: 100%;
    text-align: center;
    display: none;
}

.sao_ma .paySuccess img {
    width: 96px;
    height: 96px;
    margin: 99px 0 40px 18px;
}

.sao_ma .paySuccess p {
    line-height: 31px;
    height: 31px;
    font-size: 32px;
    color: #141414;
}

.sao_ma .paySuccess .succJiner {
    width: 100%;
    text-align: center;
    line-height: 19px;
    height: 19px;
    font-size: 18px;
    color: #141414;
    margin: 53px 0 167px 0;
}

.sao_ma .paySuccess button {
    text-align: center;
    width: 160px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    font-size: 18px;
    color: #141414;
    cursor: pointer;
}


/* 一号币余额不足 */

.yuerBuzu {
    display: none;
    width: 322px;
    height: 210px;
    background: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.yuerBuzu .hint {
    padding: 0 28px;
    box-sizing: border-box;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #FE4622;
}

.yuerBuzu .hint span {
    float: left;
    font-size: 18px;
    color: #FFFFFF;
}

.yuerBuzu .hint img {
    margin-top: 21px;
    float: right;
    cursor: pointer;
    width: 18px;
    height: 18px;
}

.yuerBuzu .tishiCont {
    width: 100%;
    height: 150px;
    text-align: center;
}

.yuerBuzu .tishiCont p {
    font-size: 14px;
    color: #757575;
    height: 16px;
    line-height: 16px;
    margin: 33px 0;
}

.yuerBuzu .tishiCont button {
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}


/* 注册 */

.zhuceBar {
    line-height: 80px;
}

.zhuceBar span {
    font-size: 18px;
    color: #141414;
}

.zhuceBar .zcLogo {
    margin-right: 50px;
}

.zhuceMain,
.forgetMain {
    width: 100%;
    height: 100%;
    background: #F7F7F7;
    padding: 45px 0;
    box-sizing: border-box;
}

.zhuCeCont {
    width: 1200px;
    height: 966px;
    margin: 0 auto;
    background: #fff;
    padding: 0 65px 88px;
    box-sizing: border-box;
}

.forgetCont {
    width: 1200px;
    margin: 0 auto;
    background: #fff;
    padding: 0 65px 88px;
    box-sizing: border-box;
}

.zhuceMain .zhuCeTitle,
.forgetMain .forgetTitle {
    width: 100%;
    height: 100px;
    line-height: 100px;
    border-bottom: 3px solid #E6E6E6;
    position: relative;
    padding-left: 30px;
    box-sizing: border-box;
}

.zhuceMain .zhuCeTitle::after,
.forgetMain .forgetTitle::after {
    content: '';
    display: block;
    width: 196px;
    height: 3px;
    background: #FF4622;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.zhuceMain .zhuCeTitle b,
.forgetMain .forgetTitle b {
    font-size: 34px;
    font-family: Microsoft YaHei;
    font-weight: 500;
    color: #1D1D1D;
}

.zhuceMain .zhuCeTitle span {
    font-size: 16px;
    color: #626262;
}

.zhuceMain .zhuCeTitle span a {
    text-decoration: underline;
    color: #FF4622;
}

.zhuceMain .zhuCeInput {
    /* width: 500px; */
    width: 550px;
    height: 550px;
    margin: 65px auto 100px;
}

.zhuceMain .zhuCeInput .zcUl {
    width: 100%;
}

.zhuceMain .zhuCeInput .zcUl li {
    width: 100%;
    height: 50px;
    line-height: 50px;
    margin-bottom: 22px;
}

.zhuceMain .zhuCeInput .zcUl li .succImg {
    float: right;
    width: 20px;
    height: 20px;
    margin-top: 18px;
    display: none;
}

.zhuceMain .zhuCeInput .zcUl li:nth-child(6) input {
    width: 204px;
}

.zhuceMain .zhuCeInput .zcUl li img {
    width: 156px;
    height: 44px;
    border-radius: 4px;
    margin-left: 15px;
    cursor: pointer;
}

.zhuceMain .zhuCeInput .zcUl li:nth-child(7) input:first-of-type {
    width: 204px;
}

.zhuceMain .zhuCeInput .zcUl li:nth-child(7) input:last-of-type {
    width: 156px;
    margin-left: 15px;
    text-align: center;
    background: #1292F2;
    text-indent: 0;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}

.zhuceMain .zhuCeInput .zcUl span {
    float: left;
    width: 80px;
    text-align: right;
    font-size: 16px;
    color: #141414;
    margin-right: 38px;
}

.zhuceMain .zhuCeInput .zcUl li .zcErr {
    width: 70%;
    height: 13px;
    line-height: 13px;
    margin-left: 102px;
}

.zhuceMain .zhuCeInput .zcUl li .zcErr img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.zhuceMain .zhuCeInput .zcUl li .zcErr i {
    font-size: 12px;
    color: #FF4622;
}

.zhuceMain .zhuCeInput .zcUl input {
    width: 380px;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
}

.zhuceMain .zhuCeInput .zcUl input::placeholder {
    font-size: 12px;
    color: #868686;
}

.zhuceMain .zhuCeInput .tongyi {
    width: 100%;
    text-align: center;
    margin: 2px 0 22px 0;
}

.zhuceMain .zhuCeInput .tongyi input {
    height: 14px;
    line-height: 14px;
    vertical-align: middle;
}

.zhuceMain .zhuCeInput .tongyi span {
    font-size: 12px;
    color: #626262;
}

.zhuceMain .zhuCeInput .zcBtn {
    width: 100%;
    text-align: center;
}

.zhuceMain .zhuCeInput .zcBtn button {
    width: 200px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
}

.zhuceMain .obsess {
    width: 800px;
}

.zhuceMain .obsess h6 {
    width: 100%;
    height: 40px;
    font-size: 16px;
    color: #FF4622;
    line-height: 40px;
}

.zhuceMain .obsess p {
    width: 100%;
    height: 30px;
    font-size: 14px;
    color: #626262;
    line-height: 30px;
}


/* 忘记密码 */

.forgetMain .forgetCont {
    min-height: calc(100vh - 363px);
}

.forgetMain .fortget1 {
    width: 100%;
}

.forgetMain .fortgetJd {
    width: 80%;
    height: 20px;
    line-height: 20px;
    margin: 74px auto 0;
}

.forgetMain .fortgetJd span {
    display: inline-block;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #A3A3A3;
    font-size: 16px;
    text-align: center;
    color: #fff;
    margin-right: 14px;
}

.forgetMain .fortgetJd .fortgetJdDivActive {
    color: #00AA10;
}

.forgetMain .fortgetJd .fortgetJdDivActive span {
    background: #00AA10;
}

.forgetMain .fortgetJd .fortgetLine {
    width: 94px;
    height: 1px;
    background: #A3A3A3;
    margin: 11px 25px 0;
}

.forgetMain .fortget1 .affirmZh {
    width: 500px;
    height: 40px;
    line-height: 40px;
    margin: 97px auto 33px;
}

.forgetMain .fortget1 .affirmZh span {
    font-size: 16px;
    color: #141414;
}

.forgetMain .fortget1 .affirmZh input {
    width: 380px;
    height: 40px;
    line-height: 40px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
}

.forgetMain .fortget1 .affirmZh input::placeholder {
    font-size: 12px;
    color: #868686;
}

.forgetMain .fortget1 .fortgetBtn {
    width: 100%;
    text-align: center;
}

.forgetMain .fortget1 .fortgetBtn button {
    width: 208px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #FF4622;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
}

.forgetMain .fortget2 {
    width: 100%;
}

.forgetMain .fortget2 .forgetShensu {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #252525;
    margin: 11px 0 20px 0;
}

.forgetMain .fortget2 .forgetShensu img {
    width: 32px;
    height: 32px;
    margin-right: 14px;
}

.forgetMain .fortget2 .forgetShensu a {
    color: #FF4622;
}

.forgetMain .fortget2 #appealBtn {
    width: 208px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    background: #FF4622;
    border-radius: 4px;
}

.forgetMain .fortget2 p {
    width: 80%;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #727272;
    margin: 55px auto;
}

.forgetMain .fortget2 .danxuan {
    width: 480px;
    margin: 0 auto 50px;
    /*text-align: center;*/
}

.forgetMain .fortget2 .danxuan label {
    margin-right: 100px;
}

.forgetMain .fortget2 .danxuan label:last-of-type {
    margin-right: 0;
}

.forgetMain .fortget2 .danxuan label input {
    margin-right: 14px;
}

.forgetMain .fortget2 .danxuan span {
    font-size: 16px;
    color: #A3A3A3;
}

.forgetMain .fortget2 .danxuan .spanActive {
    color: #00AA10;
}

.forgetMain .fortget2 .wjInput {
    width: 482px;
    margin: 0 auto;
}

.forgetMain .fortget2 .wjEamil p {
    width: 100%;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #141414;
    margin: 15px 0;
    text-align: center;
}

.forgetMain .fortget2 .wjInput>div {
    height: 40px;
    line-height: 40px;
    margin-bottom: 28px;
}

.forgetMain .fortget2 .wjInput span {
    width: 80px;
    text-align: right;
    font-size: 16px;
    color: #141414;
    float: left;
    margin-right: 20px;
}

.forgetMain .fortget2 .wjInput>div:first-of-type input:first-of-type {
    width: 237px;
}

.forgetMain .fortget2 .wjInput>div:first-of-type input:last-of-type {
    width: 127px;
    height: 42px;
    line-height: 42px;
    background: #FF4622;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
    float: right;
    text-indent: 0px;
}

.forgetMain .fortget2 .wjInput>div input {
    width: 380px;
    height: 40px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
}

.forgetMain .fortget2 .wjInput .yzmErr {
    width: 80%;
    height: 20px;
    line-height: 20px;
    margin-left: 20%
}

.forgetMain .fortget2 .wjInput .yzmErr img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.forgetMain .fortget2 .wjInput .yzmErr i {
    font-size: 12px;
    color: #FF4622;
}

.forgetMain .fortget2 .wjWenti select {
    width: 380px;
    height: 40px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
    color: #868686;
}

.forgetMain .fortget2 .wjEamil,
.forgetMain .fortget2 .wjWenti {
    display: none;
}

.forgetMain .fortget2 .wj2Btn,
.forgetMain .fortget3 .wj3Btn {
    width: 80%;
    padding-left: 5%;
    margin: 40px auto;
    text-align: center;
}

.forgetMain .fortget2 .wj2Btn button,
.forgetMain .fortget3 .wj3Btn button {
    text-align: center;
    width: 131px;
    height: 40px;
    line-height: 40px;
    background: #1292F2;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
}

.forgetMain .fortget2 .wj2Btn button:last-of-type,
.forgetMain .fortget3 .wj3Btn button:last-of-type {
    margin-left: 20px;
    background: #FF4622;
}

.forgetMain .fortget3 p {
    width: 90%;
    line-height: 16px;
    height: 16px;
    font-size: 14px;
    font-weight: 500;
    color: #727272;
    margin: 46px 0 46px 10%;
}

.forgetMain .fortget3 .fortget3Cont {
    width: 470px;
    margin: 0 auto;
}

.forgetMain .fortget3Cont .wj3Ul {
    width: 100%;
}

.forgetMain .fortget3Cont .wj3Ul li {
    width: 100%;
    height: 62px;
    line-height: 62px;
    margin-bottom: 20px;
}

.forgetMain .fortget3Cont .wj3Ul li:first-of-type {
    height: 16px;
    line-height: 16px;
}

.forgetMain .fortget3Cont .wj3Ul span,
.forgetMain .fortget3Cont .wj3Ul b {
    float: left;
    width: 80px;
    font-size: 16px;
    color: #141414;
}

.forgetMain .fortget3Cont .wj3Ul input {
    width: 364px;
    height: 44px;
    line-height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
    font-size: 12px;
    color: #868686;
    margin-left: 16px;
}

.forgetMain .fortget3Cont .wj3Ul input::placeholder {
    font-size: 12px;
    color: #868686;
}

.forgetMain .fortget3Cont .wj3Ul .wj3Err {
    height: 13px;
    line-height: 13px;
    width: 80%;
    margin-left: 20%;
}

.forgetMain .fortget3Cont .wj3Ul .wj3Err img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.forgetMain .fortget3Cont .wj3Ul .wj3Err i {
    font-size: 12px;
    color: #FF4622;
}

.forgetMain .fortget3 .wj3Btn {
    margin: 18px auto;
}

.forgetMain .fortget4 .fortgetSucc {
    width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    margin: 80px 0 25px 0;
}

.forgetMain .fortget4 .fortgetSucc img {
    width: 32px;
    height: 32px;
    margin-right: 15px;
}

.forgetMain .fortget4 .fortgetSucc span {
    font-size: 24px;
    color: #00AA10;
}

.forgetMain .fortget4 p {
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    font-weight: 500;
    color: #727272;
    text-align: center;
}

.forgetMain .fortget4 .wj4Btn {
    width: 100%;
    text-align: center;
    margin-top: 80px;
}

.forgetMain .fortget4 .wj4Btn a {
    display: inline-block;
    text-align: center;
    width: 148px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #FF4622;
    border-radius: 4px;
    font-size: 18px;
    color: #FF4622;
}

.forgetMain .fortget2,
.forgetMain .fortget3,
.forgetMain .fortget4 {
    display: none;
}


/* 新闻资讯 */

.newMain {
    width: 100%;
    height: 100%;
    background: #F7F7F7;
    padding: 30px 0 50px 0;
    box-sizing: border-box;
}

.newMain .newContent {
    width: 1200px;
    margin: 0 auto;
}

.newMain .newContent .crumbs {
    width: 100%;
    line-height: 12px;
    height: 12px;
    color: #8F8F8F;
    margin-bottom: 15px;
}

.newMain .newContent a {
    font-size: 12px;
    font-weight: 500;
    color: #8F8F8F;
}

.newMain .newContent a:hover {
    color: #FF4622;
}

.newMain .newContent h3 {
    width: 100%;
    line-height: 22px;
    height: 22px;
    font-size: 22px;
    font-weight: bold;
    color: #393939;
    border-left: 3px solid #FF4622;
    padding-left: 12px;
    box-sizing: border-box;
    margin-bottom: 29px;
}

.newMain .newCont .newCont_l {
    width: 830px;
}

.newMain .newCont .newCont_l img {
    max-width: 720px;
}


/* 资讯正文 */

.newMain .newCont .newContDet .newContDetail {
    width: 100%;
    background: #fff;
    padding: 45px 55px;
    box-sizing: border-box;
}

.newMain .newCont .newContDet .newContDetail p {
    line-height: 28px;
}


/* 资讯列表 */

.newMain .newCont_l .zixunUl {
    width: 100%;
    padding: 25px;
    background: #fff;
    box-sizing: border-box;
}

.newMain .newCont_l .zixunUl li {
    width: 100%;
    height: 142px;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 25px;
    cursor: pointer;
}

.newMain .newCont_l .zixunUl li .zx_title:hover {
    color: #FF4622;
}

.newMain .newCont_l .zixunUl .zx_p:hover p {
    color: #FF4622;
}

.newMain .newCont_l .zixunUl li:last-of-type {
    height: 120px;
    border-bottom: none;
    margin-bottom: 0;
}

.newMain .newCont_l .zixunUl img {
    float: left;
    width: 184px;
    height: 116px;
    margin-right: 15px;
}

.newMain .newCont_l .zixunUl .zx_list {
    float: left;
    width: 580px;
}

.newMain .newCont_l .zixunUl .zx_title {
    font-size: 16px;
    font-weight: bold;
    color: #262626;
    line-height: 28px;
}

.newMain .newCont_l .zixunUl .zx_list .zx_p {
    height: 58px;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 3px 0;
}

.newMain .newCont_l .zixunUl .zx_list p {
    font-size: 14px;
    font-weight: 400;
    color: #737373;
    line-height: 26px;
}

.newMain .newCont_l .zixunUl .zx_time {
    font-size: 12px;
    font-weight: 400;
    color: #B5B5B5;
}

.newMain .newCont .zx_page {
    margin: 59px 0 30px 0;
}

.newMain .newCont .newCont_r {
    width: 350px;
}

.newMain .newCont_r .zxDongtai {
    width: 100%;
    background: #fff;
    padding: 0 25px;
    margin-bottom: 50px;
}

.newMain .newCont_r .zxDongtai .dtList {
    width: 100%;
}

.newMain .newCont_r .zxDongtai .dtList li {
    width: 100%;
    height: 62px;
    line-height: 62px;
    border-bottom: 1px dotted #C1C1C1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newMain .newCont_r .zxDongtai .dtList li:hover a {
    color: #FF4622;
}

.newMain .newCont_r .zxDongtai .dtList li:last-of-type {
    border-bottom: none;
}

.newMain .newCont_r .zxDongtai .dtList li i {
    display: inline-block;
    margin-right: 14px;
    width: 8px;
    height: 8px;
    background: #D0D0D0;
    border-radius: 50%;
}

.newMain .newCont_r .zxDongtai .dtList li a {
    font-size: 14px;
    color: #737373;
}

.newMain .newCont_r .paihang {
    width: 100%;
    background: #fff;
    padding: 0 25px;
    margin-bottom: 50px;
}

.newMain .newCont_r .paihang .phUl {
    width: 100%;
}

.newMain .newCont_r .paihang .phUl li {
    height: 62px;
    line-height: 62px;
    border-bottom: 1px dotted #C1C1C1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.newMain .newCont_r .paihang .phUl li:hover a {
    color: #FF4622;
}

.newMain .newCont_r .paihang .phUl li:last-of-type {
    border-bottom: none;
}

.newMain .newCont_r .paihang .phUl li span {
    display: inline-block;
    font-size: 12px;
    margin-right: 14px;
    width: 17px;
    height: 17px;
    line-height: 17px;
    border: 1px solid #FF4622;
    border-radius: 50%;
    vertical-align: middle;
    text-align: center;
    color: #FF4622;
}

.newMain .newCont_r .paihang .phUl li:nth-child(1) span,
.newMain .newCont_r .paihang .phUl li:nth-child(2) span,
.newMain .newCont_r .paihang .phUl li:nth-child(3) span {
    color: #fff;
    background: #FF4622;
}

.newMain .newCont_r .paihang .phUl li a {
    font-size: 14px;
    color: #737373;
}

.newMain .newCont_r .youLike {
    width: 100%;
    background: #fff;
    padding: 1px 25px 0;
}

.newMain .newCont_r .youLike .like_list {
    border-bottom: 1px dotted #DFDFDF;
    height: 78px;
    margin-top: 20px;
    cursor: pointer;
}

.newMain .newCont_r .youLike .like_list:hover h5,
.newMain .newCont_r .youLike .like_list:hover span,
.newMain .newCont_r .youLike .like_list:hover b {
    color: #FF4622;
}

.newMain .newCont_r .youLike .like_list:hover button {
    background: #FF4622;
    color: #fff;
    border: 1px solid #FF4622;
}

.newMain .newCont_r .youLike .like_list:last-of-type {
    border-bottom: none;
}

.newMain .newCont_r .youLike .likeImg {
    width: 56px;
    height: 56px;
    float: left;
}

.newMain .newCont_r .youLike .likeImg img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.newMain .newCont_r .youLike .like_c {
    float: left;
    width: 150px;
    margin-left: 11px;
}

.newMain .newCont_r .youLike .like_c h5 {
    font-size: 16px;
    font-weight: 500;
    color: #393939;
    margin-bottom: 14px;
}

.newMain .newCont_r .youLike .like_c_cont {
    width: 100%;
    height: 14px;
    line-height: 14px;
}

.newMain .newCont_r .youLike .like_c_cont span {
    font-size: 12px;
    color: #9D9D9D;
    margin-right: 12px;
}

.newMain .newCont_r .youLike .like_c_cont b {
    height: 14px;
    font-size: 14px;
    color: #737373;
}

.newMain .newCont_r .youLike .likeBtn {
    height: 100%;
    float: right;
    padding-top: 26px;
    box-sizing: border-box;
}

.newMain .newCont_r .youLike .likeBtn button {
    width: 70px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #B0B0B0;
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    color: #626262;
    cursor: pointer;
}

.newMain .newCont_r .youLike .likeBtn button:hover {
    background: #FF4622;
    color: #fff;
    border: 1px solid #FF4622;
}


/* 全局提示浮层 */

.allFloat,
.allFloatErr {
    width: 300px;
    height: 54px;
    background: #FF4622;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.allFloatErr {
    background: rgba(0, 0, 0, 0.4);
}

.allFloat .fuTxt,
.allFloatErr .fuTxt {
    width: 100%;
    line-height: 54px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
}

.tip {
    display: none;
}

.forgetMain .fortget1 .affirmZh .affirmZhErr {
    width: 80%;
    height: 20px;
    line-height: 20px;
    margin-left: 17%;
}

.forgetMain .fortget1 .affirmZh .affirmZhErr img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.forgetMain .fortget1 .affirmZh .affirmZhErr i {
    font-size: 12px;
    color: #FF4622;
}

.forgetMain .fortget3Cont .wj3Ul span {
    text-align: right;
}

.forgetMain .fortget3Cont .wj3Ul b {
    margin-left: 14px;
}

.userLogin .grZiliao .grDiv_r .areaSelect {
    width: 100%;
}

.userLogin .grZiliao .grDiv_r .areaSelect select {
    float: left;
    width: 32%;
}

.userLogin .grZiliao .grDiv_r .areaSelect select:nth-child(2) {
    margin: 0 2%;
}

.userLoginItem .userItemZh .danxuan {
    width: 485px;
    margin: 0 auto 50px;
    /*text-align: center;*/
}

.userLoginItem .userItemZh .miMaType2_one p {
    margin: 41px 0 37px 115px;
    height: 16px;
    font-size: 14px;
    color: #727272;
}

.userItemZh .danxuan label {
    margin-right: 100px;
}

.userItemZh .danxuan label:last-of-type {
    margin-right: 0;
}

.userItemZh .danxuan label input {
    margin-right: 14px;
}

.userItemZh .danxuan span {
    font-size: 16px;
    color: #A3A3A3;
}

.userItemZh .danxuan .spanActive {
    color: #00AA10;
}

.userItemZh .wjInput {
    width: 482px;
    margin: 0 auto;
}

.userItemZh .wjEamil p {
    width: 100%;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    color: #141414;
    margin: 15px 0;
    text-align: center;
}

.userItemZh .wjInput>div {
    height: 44px;
    line-height: 44px;
    margin-bottom: 28px;
}

.userItemZh .wjInput span {
    width: 80px;
    text-align: right;
    font-size: 16px;
    color: #141414;
    float: left;
    margin-right: 20px;
}

.userItemZh .wjInput>div:first-of-type input:first-of-type {
    width: 237px;
}

.userItemZh .wjInput>div:first-of-type input:last-of-type {
    width: 127px;
    height: 46px;
    line-height: 46px;
    background: #1292F2;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    border: none;
    font-size: 16px;
    color: #FFFFFF;
    float: right;
    text-indent: 0px;
}

.userItemZh .wjInput>div input {
    width: 380px;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
}

.userItemZh .wjInput .yzmErr {
    width: 80%;
    height: 20px;
    line-height: 20px;
    margin-left: 20%
}

.userItemZh .wjInput .yzmErr img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.userItemZh .wjInput .yzmErr i {
    font-size: 12px;
    color: #FF4622;
}

.userItemZh .wjWenti select {
    width: 380px;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
    color: #868686;
}

.userItemZh .miMaType2_two {
    display: none;
    width: 482px;
    margin: 50px auto 0;
}

.userItemZh .miMaType2_two>div {
    height: 44px;
    line-height: 44px;
    margin-bottom: 28px;
}

.userItemZh .miMaType2_two>div span {
    width: 80px;
    text-align: right;
    font-size: 16px;
    color: #141414;
    float: left;
    margin-right: 20px;
}

.userItemZh .miMaType2_two>div input {
    width: 380px;
    height: 44px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
}

.userItemZh .miMaType2_two>div .yzmErr {
    width: 80%;
    height: 20px;
    line-height: 20px;
    margin-left: 20%;
}

.userItemZh .miMaType2_two>div .yzmErr img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
}

.userItemZh .miMaType2_two>div .yzmErr i {
    font-size: 12px;
    color: #FF4622;
}

.userItemZh .miMaType2_one .nextBtn,
.userItemZh .miMaType2_two .nextBtn {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.userItemZh .miMaType2_one .nextBtn button,
.userItemZh .miMaType2_two .nextBtn button {
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 48px;
    cursor: pointer;
}

.tipsName {
    font-size: 12px;
    font-weight: 400;
    color: #FF4622;
}

.tipsName img {
    margin-top: 8px;
    vertical-align: top;
    margin-right: 15px;
}


/*@media screen and (max-width: 1920px) {*/


/*    .banner .gerenInfor {*/


/*        right: 360px;*/


/*    }*/


/*    .banner .notLogin {*/


/*        right: 360px;*/


/*    }*/


/*}*/


/*@media screen and (max-width: 1500px) {*/


/*    .banner .gerenInfor {*/


/*        right: 50px;*/


/*    }*/


/*    .banner .notLogin {*/


/*        right: 50px;*/


/*    }*/


/*}*/


/*@media screen and(min-width: 1366px) {*/


/*    .banner .gerenInfor {*/


/*        right: 50px;*/


/*    }*/


/*    .banner .notLogin {*/


/*        right: 50px;*/


/*    }*/


/*}*/

.not_found .notFound {
    width: 100%;
    height: 785px;
    position: relative;
}

.not_found .notFound h1 {
    width: 200px;
    z-index: 1;
    position: absolute;
    left: 50px;
    top: 24px;
}

.not_found .notFound h1 img {
    width: 100%;
    height: 46px;
}


/* 报错页面样式 */

.error .errCont {
    width: 100%;
    height: 581px;
    padding-top: 43px;
    position: relative;
    box-sizing: border-box;
}

.error .errCont .errLogo {
    width: 187px;
    height: 32px;
    margin-left: 58px;
}

.error .errCont .errLogo img {
    width: 100%;
    height: 100%;
}

@media screen and(min-width: 1366px) {
    .banner .gerenInfor {
        right: 50px;
    }
    .banner .notLogin {
        right: 50px;
    }
}


/* 申诉头部 */

.appeal header {
    width: 100%;
    height: 80px;
    line-height: 80px;
    background: #fff;
}

.appeal header .navBar {
    width: 1200px;
    height: 80px;
    margin: 0 auto;
}

.appeal header .navBar p {
    font-size: 18px;
    color: #141414;
}

.appeal header .suList li {
    float: left;
    margin-right: 43px;
}

.appeal header .suList li:last-of-type {
    margin-right: 0;
}

.appeal header .suList li a {
    font-size: 18px;
    color: #363636;
}

.appeal header .suList li a:hover {
    color: #FF4622;
}


/* 申诉底部样式 */

footer {
    width: 100%;
    height: 344px;
    background: #272727;
}

.footer {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.footer .gameNotice {
    width: 100%;
    height: 80px;
    line-height: 80px;
    border-bottom: 1px solid #3C3C3C;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer .gameNotice span {
    display: inline-block;
    font-size: 14px;
    color: #6A6969;
}

.footer .footer_nav>img {
    width: 190px;
    margin: 54px 58px 0 96px;
    float: left;
}

.footer .footer_about {
    /* width: 873px; */
    width: 856px;
    float: right;
}

.footer_about .aboutOus_list {
    justify-content: space-between;
    margin-top: 44px;
    margin-bottom: 35px
}

.footer_about .aboutOus_list p {
    height: 14px;
    line-height: 14px;
}

.footer_about .aboutOus_list p:nth-child(n+2) {
    border-left: 1px solid #A5A5A5;
    padding-left: 40px;
}

.footer_about .aboutOus_list a {
    font-size: 14px;
    color: #8E8E8E;
}

.footer_about .about_Company {
    overflow: hidden;
}

.footer_about .about_Company p {
    font-size: 12px;
    color: #6D6D6D;
    height: 24px;
    line-height: 24px;
}

.footer_about .footer_records {
    margin-top: 40px;
    width: 100%;
    justify-content: space-between;
}

.footer_about .footer_records>li {
    float: left;
    width: 21%;
    position: relative;
}

.footer_about .footer_records>li::before {
    content: '';
    display: block;
    width: 1px;
    height: 22px;
    background: #4A4A4A;
    position: absolute;
    top: 9px;
    left: -1px;
}

.footer_about .footer_records>li:first-child::before {
    display: none;
}

.footer_about .footer_records>li:nth-child(n+2) {
    /* border-left: 1px solid #A5A5A5; */
    padding-left: 34px;
    box-sizing: border-box;
}

.footer_about .footer_records>li:last-of-type {
    width: 16%;
}

.footer_about .footer_records img {
    width: 38px;
    float: left;
    margin-right: 14px;
}

.footer_about .footer_records>li div {
    float: left;
}

.footer_about .footer_records>li div p {
    line-height: 20px;
    color: #8E8E8E;
    font-size: 12px;
}


/* main {
    width: 100%;
} */

.shenSuCont {
    min-height: calc(100vh - 363px);
    width: 1200px;
    margin: 42px auto 48px;
    background: #fff;
    padding: 18px 64px;
    box-sizing: border-box;
}

.shenSuCont .title {
    width: 100%;
    height: 100px;
    line-height: 100px;
    border-bottom: 3px solid #E6E6E6;
}

.shenSuCont h2 {
    padding-left: 34px;
    font-size: 34px;
    color: #1D1D1D;
    position: relative;
}

.shenSuCont h2::after {
    display: inline-block;
    content: '';
    width: 196px;
    height: 3px;
    background: #FF4622;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.accountSu {
    /* display: none; */
}

.suJindu {
    width: 100%;
    height: 20px;
    font-size: 16px;
    color: #A3A3A3;
    margin-bottom: 60px;
}

.suJdDiv span {
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    background: #A3A3A3;
    border-radius: 50%;
    margin-right: 10px;
}

.JdActive {
    color: #00AA10;
}

.JdActive span {
    background: #00AA10;
}

.JdLine {
    width: 100px;
    height: 1px;
    background: #A3A3A3;
    margin: 11px 16px 0;
}

.shenSuCont .suCont {
    width: 830px;
    margin: 70px auto;
}

.suCont2,
.suCont3,
.suCont4 {
    display: none;
}

.suCont .shuru {
    margin: 0 auto;
    width: 560px;
}

.suCont .shuru ul {
    width: 100%;
}

.suCont .shuru ul li {
    height: 60px;
    margin-bottom: 5px;
}

.suCont .shuru ul li b {
    font-size: 16px;
    color: #141414;
    display: inline-block;
    width: 120px;
    text-align: right;
    margin-right: 20px;
}

.suCont .shuru ul li span {
    display: inline-block;
    height: 13px;
    font-size: 12px;
    color: #FF4622;
    margin-left: 144px;
}

.suCont .shuru ul li span img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-right: 8px;
}

.suCont .shuru ul li input {
    width: 380px;
    height: 40px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
    color: #868686;
}

.suCont1 .shuru ul li:last-of-type input {
    width: 233px;
}

.suCont1 .shuru li .codeImg {
    width: 126px;
    height: 42px;
    border-radius: 4px;
    margin-left: 16px;
    cursor: pointer;
}

.suCont .shuru .btn {
    margin-top: 20px;
    width: 100%;
    text-align: center;
}

.suCont .shuru .btn button {
    width: 208px;
    height: 40px;
    line-height: 40px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}

.suCont .shuru .btn button:hover {
    background: #FF4644;
}

.suCont .xieyi {
    width: 100%;
    height: 15px;
    text-align: right;
}

.suCont .xieyi a,
.suCont2 .xy a {
    font-size: 14px;
    color: #515151;
    margin-right: -130px;
}

.suCont .xieyi a:hover,
.suCont2 .xy a:hover {
    color: #FF4622;
}

.suCont2 .shuru {
    position: relative;
}

.suCont2 .xy {
    width: 123px;
    position: absolute;
    right: -280px;
    bottom: 34px;
}

.suCont2 .upload {
    width: 570px;
    height: 120px;
    margin: 30px auto 0;
    position: relative;
}

.suCont2 .upload input[type=file] {
    display: none;
    opacity: 0;
    width: 120px;
    height: 36px;
}

.suCont2 .upload label {
    display: inline-block;
    text-align: center;
    color: #fff;
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: #FF4622;
    border-radius: 4px;
    cursor: pointer;
}

.suCont2 .upload label:hover {
    background: #ff6244;
}

.suCont2 .upload p {
    font-size: 16px;
    color: #141414;
    height: 36px;
    line-height: 36px;
    float: left;
}


/* .suCont2 .upload p:first-of-type {
    margin-left: 16px;
}

.suCont2 .upload p:last-of-type {
    margin: 0 13px;
} */

.suCont2 .upload button {
    width: 120px;
    height: 36px;
    line-height: 36px;
    background: #FF4622;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
    float: left;
}

.suCont2 .upload span {
    height: 13px;
    font-size: 12px;
    color: #FF4622;
    position: absolute;
    right: 13px;
    bottom: 3px;
}

.suCont2 .upload span:first-of-type {
    left: 205px;
}

.suCont2 .upload span img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-right: 8px;
}

.suCont2 .upload .uploadL {
    height: 122px;
    line-height: 122px;
}

.suCont2 .upload .uploadL p {
    height: 122px;
    line-height: 122px;
}

.suCont2 .upload .uploadImg {
    width: 210px;
    height: 120px;
    border: 1px dotted red;
    margin-left: 30px;
    border-radius: 5px;
}

.suCont2 .upload .uploadImg img {
    width: 210px;
    height: 120px;
    border-radius: 5px;
}

.suCont2 .loadTxt {
    margin: 57px auto 0;
    width: 380px;
    text-align: center;
}

.suCont2 .loadTxt p {
    font-size: 12px;
    color: #8F8F8F;
    line-height: 20px;
    text-indent: 30px;
}

.suCont2 .loadTxt p span {
    color: #FF4622;
}

.fengeLine {
    width: 1072px;
    height: 3px;
    background: #E6E6E6;
    margin: 62px 0 70px -112px;
}

.suCont2 .suVerify {
    width: 100%;
}

.suCont2 .suVerify h3 {
    width: 100%;
    text-align: center;
    height: 33px;
    line-height: 33px;
    font-size: 34px;
    color: #1D1D1D;
}

.suCont2 .suVerify p {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #727272;
    margin: 39px 0 63px 0;
}

.suCont2 .suVerify .shuru b {
    width: 130px;
    float: left;
    height: 40px;
    line-height: 40px;
}

.suCont2 .suVerify .shuru li input {
    float: left;
}

.suCont2 .suVerify .shuru li:first-of-type input {
    width: 238px;
}

.suCont2 .suVerify .shuru li .yxYzmInput {
    margin-top: -40px;
    margin-right: 28px;
    float: right;
    width: 127px!important;
    height: 40px;
    line-height: 40px;
    background: #FF4622;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    border: none;
}

.suCont2 .suVerify .shuru li button:hover {
    background: #ff6244;
}

.suCont2 .suVerify .shuru span {
    margin-left: 150px;
}

.suCont2 .suVerify .shuru .btn {
    margin-top: 50px;
}

.suCont3 {
    width: 560px;
}

.suCont.suCont3 .shuru li b {
    width: 145px;
}

.suCont.suCont3 .shuru li span {
    margin-left: 178px;
}

.suCont.suCont3 .shuru li select {
    width: 180px;
    height: 40px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
    font-size: 12px;
    color: #868686;
}

.suCont.suCont3 .shuru li select {
    margin-left: 10px;
}

.suCont.suCont3 .shuru li select:nth-child(3) {
    margin-left: 15px;
}

.suCont.suCont3 .shuru li.textareaLi {
    height: 154px;
}

.suCont.suCont3 .shuru li input {
    float: right;
}

.suCont.suCont3 .shuru li textarea {
    width: 380px;
    height: 130px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
    font-size: 12px;
    color: #868686;
    float: right;
}

.suCont.suCont3 .shuru li textarea::placeholder {
    font-size: 12px;
    color: #868686;
}

.suCont.suCont3 .shuru li.textareaLi b {
    margin-top: -130px;
}

.suCont.suCont3 .btn {
    margin-top: 40px;
}

.suCont4 .success {
    width: 100%;
    text-align: center;
}

.suCont4 .success span {
    width: 100%;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
}

.suCont4 .success span img {
    width: 32px;
    height: 32px;
}

.suCont4 .success span i {
    font-size: 24px;
    color: #00AA10;
    margin-left: 19px;
}

.suCont4 .success p {
    height: 17px;
    line-height: 17px;
    font-size: 16px;
    color: #727272;
    margin: 35px 0 65px 0;
}

.suCont4 .success button {
    width: 100%;
    text-align: center;
    width: 178px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
}

.suCont4 .success button:hover {
    background: #ff6244;
}

.suCont4 .success button a {
    display: inline-block;
    width: 100%;
    font-size: 18px;
    color: #FFFFFF;
}

.shenSuSear {
    width: 890px;
    margin: 0 auto;
    padding-bottom: 40px;
}

.ssSear {
    width: 100%;
    margin-top: 44px;
}

.ssSear h3 {
    height: 22px;
    line-height: 22px;
    font-size: 22px;
    color: #1D1D1D;
}

.ssSear p {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #727272;
    margin: 32px 0 40px 0;
}

.ssSear .shuru {
    margin: 0 auto;
    width: 560px;
}

.ssSear .shuru ul {
    width: 100%;
}

.ssSear .shuru ul li {
    height: 60px;
    margin-bottom: 5px;
}

.ssSear .shuru ul li b {
    font-size: 16px;
    color: #141414;
    display: inline-block;
    width: 120px;
    text-align: right;
    margin-right: 20px;
}

.ssSear .shuru ul li span {
    display: inline-block;
    height: 13px;
    font-size: 12px;
    color: #FF4622;
    margin-left: 144px;
}

.ssSear .shuru ul li span img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-right: 8px;
}

.ssSear .shuru ul li input {
    width: 380px;
    height: 40px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
    color: #3A3A3A;
}

.ssSear .shuru ul li input::placeholder {
    color: #868686;
}

.ssSear .btn {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.ssSear .btn button {
    width: 208px;
    height: 40px;
    line-height: 40px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}

.ssSear .btn button:hover {
    background: #ff6244;
}

.ssSearResult {
    margin-top: 44px
}

.ssSearResult .jieguo1 table {
    width: 380px;
    height: 132px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    margin: 38px auto 45px;
}

.ssSearResult .jieguo1 table th {
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    text-align: center;
    font-size: 14px;
    color: #3A3A3A;
}

.ssSearResult .jieguo1 table td {
    border: 1px solid #D5D5D5;
    text-align: center;
    font-size: 14px;
    color: #3A3A3A;
}

.ssSearResult .jieguo1 .wenzi p {
    margin: 5px 0;
    height: 13px;
    line-height: 13px;
    font-size: 12px;
    color: #727272;
}

.ssSearResult .jieguo1 .wenzi p a {
    color: #FF4622;
}

.jieguo2 .div {
    width: 100%;
    text-align: center;
}

.jieguo2 h3 {
    height: 22px;
    line-height: 22px;
    font-size: 22px;
    color: #1D1D1D;
}

.jieguo2 h5 {
    line-height: 25px;
    height: 25px;
    font-size: 24px;
    color: #1D1D1D;
    margin: 65px 0 20px 0;
}

.jieguo2 h6 {
    height: 22px;
    font-size: 12px;
    color: #727272;
    line-height: 22px;
}

.jieguo2 h6 a {
    color: #727272;
}

.jieguo2 h6 span {
    color: #727272;
}

.jieguo2 button {
    width: 141px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
    cursor: pointer;
    margin-top: 70px;
}

.jieguo2 button {
    background: #FF4644;
}

.repair {
    min-height: 570px;
    width: 920px;
    margin: 0 auto;
    padding-bottom: 50px;
}

.repair h3 {
    height: 22px;
    line-height: 22px;
    font-size: 22px;
    margin: 44px 0 32px 0;
    color: #1D1D1D;
}

.repair h4 {
    height: 50px;
    font-size: 14px;
    color: #727272;
    line-height: 24px;
}

.repair .shuru p {
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    color: #727272;
    margin-bottom: 25px;
}

.repair .shuru {
    margin: 0 auto;
    width: 560px;
}

.repair .shuru ul {
    width: 100%;
}

.repair .shuru ul li {
    height: 60px;
    margin-bottom: 5px;
}

.repair .shuru ul li b {
    font-size: 16px;
    color: #141414;
    display: inline-block;
    width: 120px;
    text-align: right;
    margin-right: 20px;
}

.repair .shuru ul li span {
    display: inline-block;
    height: 13px;
    font-size: 12px;
    color: #FF4622;
    margin-left: 144px;
}

.repair .shuru ul li span img {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin-right: 8px;
}

.repair .shuru ul li input {
    width: 380px;
    height: 40px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
    color: #3A3A3A;
}

.repair .shuru ul li input::placeholder {
    color: #868686;
}

.repair .btn {
    width: 100%;
    text-align: center;
    margin-top: 40px;
}

.repair .btn button {
    width: 148px;
    height: 40px;
    line-height: 40px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}

.repair .btn button:hover {
    background: #ff6244;
}

.repair .repair2 .shuru {
    width: 600px;
}

.repair .repair2 .shuru b {
    width: 192px;
}

.repair .repair2 .shuru li span {
    margin-left: 215px;
}

.repair .repair2 .shuru li:nth-child(2) input {
    width: 236px;
}

.repair .repair2 .shuru li .getCodeInput {
    width: 127px!important;
    float: right;
    height: 40px;
    line-height: 40px;
    background: #FF4622;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #FFFFFF;
    text-align: center;
}

.repair .repair2 .shuru li .getCodeInput:hover {
    background: #ff6244;
}

.repair .repair3 .shuru select {
    width: 380px;
    height: 40px;
    background: #F7F7F7;
    border: 1px solid #D5D5D5;
    border-radius: 4px;
    text-indent: 15px;
    color: #868686;
}

.repair .repair3 .shuru input.selectAct {
    border: 1px solid #FF4622;
}

.repair .repair3 .shuru select::placeholder {
    color: #868686;
}

.repair .repair4 .shuru>div {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.repair .repair4 .shuru>div p {
    height: 13px;
    line-height: 13px;
    font-size: 12px;
    color: #727272;
    margin-bottom: 15px;
}

.repair2,
.repair3,
.repair4 {
    display: none;
}

.error .errCont .errImg {
    text-align: center;
    width: 288px;
    height: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.error .errCont .errImg p {
    font-size: 18px;
    color: #1D1D1D;
    line-height: 52px;
}

.rechargeMain .payGame .zimuSort .gameDivUl li {
    cursor: pointer;
}

.zhuceBar {
    position: relative;
}

.zhuceBar span {
    display: inline-block;
    height: 46px;
    line-height: 46px;
    border-left: 1px solid #dfdfdf;
    padding-left: 30px;
    font-size: 20px;
    color: #141414;
    font-weight: 900;
    position: absolute;
    left: 230px;
    top: 17px;
}

.loginMain {
    width: 100%;
    height: 664px;
    background-position: center top;
    background-image: url('https://files.yihao.com/sqzb/yihao/www-static/images/loginbg.jpg');
    /* background-size: 100% 100%; */
}

.loginMain .auto {
    width: 1200px;
    height: 600px;
    margin: 0 auto;
    position: relative;
}
.loginMain .auto .loginImg {
    width: 771px;
    height: 639px;
    position: absolute;
    left: 0;
    top: 33px;
}

.loginMain .auto .loginImg img {
    width: 100%;
    height: 100%;
}

.loginMain .auto .loginDiv {
    width: 310px;
    height: 410px;
    padding: 28px;
    box-sizing: border-box;
    background: #FFFFFF;
    border-radius: 4px;
    position: absolute;
    right: 0px;
    top: 100px;
}

footer {
    width: 100%;
    height: 193px;
    background: #272727;
}

.newFooter {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
}

.newFooter .new_l {
    width: 303px;
    height: 95px;
    margin-top: 46px;
}

.newFooter .new_l .newLogo {
    width: 100%;
    height: 32px;
}

.newFooter .new_l .newLogo img {
    width: 154px;
    height: 32px;
    float: left;
}

.newFooter .new_l .newLogo img:last-of-type {
    float: right;
    width: 129px;
}

.newFooter .new_l .newTip {
    margin-top: 27px;
}

.newFooter .new_l .newTip p span {
    font-size: 12px;
    color: #6D6D6D;
}

.newFooter .new_r {
    width: 770px;
}

.newFooter .new_r .aboutUs_list {
    justify-content: space-between;
    margin-top: 27px;
}

.newFooter .new_r .aboutUs_list p {
    height: 12px;
    line-height: 12px;
}

.newFooter .new_r .aboutUs_list p:nth-child(n+2) {
    border-left: 1px solid #363636;
    padding-left: 45px;
}

.newFooter .new_r .aboutUs_list p a {
    font-size: 12px;
    color: #8E8E8E;
}

.newFooter .new_r .aboutUs_list p a:hover {
    color: #fff;
    text-decoration: underline
}

.newFooter .new_r .about_Company {
    margin: 15px 0;
}

.newFooter .new_r .about_Company p {
    font-size: 12px;
    color: #6D6D6D;
    line-height: 22px;
}

.newFooter .new_r .about_Company p a {
    color: #6D6D6D;
}

.newFooter .new_r .about_Company p a:hover {
    color: #fff;
    text-decoration: underline
}

.newFooter .new_r .footer_records {
    width: 100%;
    justify-content: space-between;
}

.newFooter .new_r .footer_records>li {
    float: left;
    width: 20.5%;
    position: relative;
}

.newFooter .new_r .footer_records>li::before {
    content: '';
    display: block;
    width: 1px;
    height: 22px;
    background: #4A4A4A;
    position: absolute;
    top: 6px;
    left: -1px;
}

.newFooter .new_r .footer_records>li:nth-child(1) {
    border-left: none;
    width: 21.5%;
}

.newFooter .new_r .footer_records>li:nth-child(1)::before {
    width: 0;
}

.newFooter .new_r .footer_records>li:last-of-type {
    width: 17%;
}

.newFooter .new_r .footer_records>li:nth-child(n+2) {
    /* border-left: 1px solid #A5A5A5; */
    padding-left: 34px;
    box-sizing: border-box;
}

.newFooter .new_r .footer_records img {
    width: 33px;
    float: left;
    margin-right: 14px;
    opacity: .4;
}

.newFooter .new_r .footer_records>li div {
    float: left;
}

.newFooter .new_r .footer_records>li div p {
    line-height: 17px;
    color: #6D6D6D;
    font-size: 12px;
}



/* 申诉协议 */

.xieyiCont {
    width: 1200px;
    margin: 42px auto 48px;
    background: #fff;
    padding: 18px 64px;
    box-sizing: border-box;
}

.xieyiCont .title {
    width: 100%;
    height: 100px;
    line-height: 100px;
    border-bottom: 3px solid #E6E6E6;
}

.xieyiCont h2 {
    padding-left: 34px;
    font-size: 34px;
    color: #1D1D1D;
    position: relative;
}

.xieyiCont h2::after {
    display: inline-block;
    content: '';
    width: 196px;
    height: 3px;
    background: #FF4622;
    position: absolute;
    bottom: -3px;
    left: 0;
}

.xieyiCont .xieyiDetail {
    width: 100%;
    height: 100%;
    padding: 44px 88px;
    box-sizing: border-box;
}

.xieyiCont .xieyiDetail h3 {
    width: 100%;
    font-size: 25px;
    color: #5F5F5F;
    font-weight: 900;
    margin-bottom: 20px;
}

.xieyiCont .xieyiDetail p {
    text-indent: 30px;
    font-size: 14px;
    color: #727272;
    line-height: 24px;
    margin-bottom: 10px;
}

.xieyiCont .xieyiDetail h5 {
    color: #65686B;
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: 900;
}

.xieyiCont .xieyiDetail p span {
    color: #65686B;
    font-size: 15px;
    font-weight: 900;
}
/* 改版个人中心样式 */

.gerenMain {
    width: 100%;
    padding: 41px 0;
    background: #F7F7F7;
}

.gerenMain .gerenCont {
    width: 1200px;
    margin: 0 auto;
}

.gerenMain .gerenTabHead {
    width: 290px;
    height: 704px;
    background: #FFFFFF;
}

.gerenMain .gerenTabHead .headPortrait {
    height: 238px;
    position: relative;
}

.gerenMain .gerenTabHead .headPortrait img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gerenMain .gerenTabHead .grUl {
    width: 100%;
}

.gerenMain .gerenTabHead .grUl li {
    height: 65px;
    line-height: 65px;
    width: 100%;
    text-align: center;
    cursor: pointer;
    margin-bottom: 4px;
}

.gerenMain .gerenTabHead .grUl a:nth-child(2) li {
    position: relative;
}

.gerenMain .gerenTabHead .grUl a:nth-child(2) li i {
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: #FF3838;
    border-radius: 50%;
    text-align: center;
    font-size: 10px;
    color: #FFFFFF;
    position: absolute;
    top: 20px;
    right: 90px;
}

.gerenMain .gerenTabHead .grUl li:hover {
    background: linear-gradient(90deg, #FAFAFA 0%, #FEFEFE 100%);
    position: relative;
}

.gerenMain .gerenTabHead .grUl li:hover::before {
    width: 4px;
    height: 65px;
    background: #FF4622;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.gerenMain .gerenTabHead .grUl li.hoverActive {
    background: linear-gradient(90deg, #FAFAFA 0%, #FEFEFE 100%);
    position: relative;
}

.gerenMain .gerenTabHead .grUl li.hoverActive::before {
    width: 4px;
    height: 65px;
    background: #FF4622;
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.gerenMain .gerenTabHead .grUl li span {
    font-size: 16px;
    color: #1D1D1D;
}

.gerenMain .gerenTabHead .grUl li img {
    width: 20px;
    height: 20px;
    margin: 23px 8px 0 0;
}

.gerenMain .gerenTab .gerenBody {
    width: 900px;
    background: #FFFFFF;
    margin-left: 10px;
    min-height: 704px;
}

.gerenMain .gerenTab .gerenBody .gerenBodyItem {
    padding: 0 54px;
    box-sizing: border-box;
}

.gerenMain .gerenBodyItem .title {
    width: 100%;
    height: 80px;
    border-bottom: 1px solid #E6E6E6;
    position: relative;
}

.gerenMain .gerenBodyItem .title h3 {
    line-height: 80px;
    font-size: 22px;
    color: #1D1D1D;
    width: 40%;
}

.gerenMain .gerenBody .personalData {
    width: 100%;
    padding: 0 54px;
    box-sizing: border-box;
}

.gerenMain .personalData .title h3 {
    float: left;
}

.gerenMain .personalData .title h3 {
    width: 30%;
}

.gerenMain .personalData .title .degree {
    width: 65%;
    float: right;
}

.gerenMain .personalData .title .degree span {
    height: 80px;
    line-height: 80px;
    float: left;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    color: #727272;
    margin-right: 16px;
}

.gerenMain .personalData .title .degree span:last-of-type {
    margin-right: 0;
    margin-left: 16px;
}

.gerenMain .personalData .title .degreeUl {
    margin-top: 38px;
}

.gerenMain .personalData .title .degreeUl ul {
    width: 360px;
    height: 5px;
    background: #FFDAD3;
    border-radius: 3px;
}

.gerenMain .personalData .title .degreeUl ul li {
    width: 72px;
    height: 5px;
    background: #FF4622;
    float: left;
}

.gerenMain .personalData .title .degreeUl ul li:first-of-type {
    border-radius: 3px 0 0 3px;
}

.gerenMain .personalData .title .degreeUl ul li:last-of-type {
    border-radius: 0 3px 3px 0;
}

.gerenMain .personalData .content {
    width: 100%;
}

.gerenMain .personalData .content .zhuti {
    width: 481px;
    margin: 0 auto;
}

.gerenMain .personalData .content .upload {
    width: 100%;
    text-align: center;
    margin: 60px 0 53px 0;
}

.gerenMain .personalData .content .upload img {
    width: 140px;
    height: 140px;
}

.gerenMain .personalData .content .upload p {
    height: 15px;
    line-height: 15px;
    font-size: 14px;
    color: #868686;
    margin: 19px 0;
}

.gerenMain .personalData .uploadBtn input[type=file] {
    display: none;
    opacity: 0;
    width: 110px;
    height: 36px;
}

.gerenMain .personalData .uploadBtn label {
    display: inline-block;
    text-align: center;
    font-size: 16px;
    color: #fff;
    width: 110px;
    height: 36px;
    line-height: 36px;
    background: #FF4622;
    border-radius: 4px;
    cursor: pointer;
}

.gerenMain .personalData .zhutiUl {
    width: 100%;
}

.gerenMain .personalData .zhutiUl ul {
    width: 100%;
}

.gerenMain .personalData .zhutiUl li {
    width: 100%;
    height: 66px;
    margin-bottom: 7px;
}

.gerenMain .personalData .zhutiUl .liDiv {
    height: 44px;
    line-height: 44px;
}

.gerenMain .personalData .zhutiUl li b {
    display: inline-block;
    width: 65px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #727272;
    margin-right: 31px;
}

.gerenMain .personalData .zhutiUl li span {
    font-size: 16px;
    font-weight: 400;
    color: #868686;
}

.gerenMain .personalData .zhutiUl li span i {
    margin-right: 30px;
    color: #FF3838;
}

.gerenMain .personalData .zhutiUl .liDiv input {
    width: 380px;
    height: 44px;
    background: #F3F3F3;
    border-radius: 2px;
    border: none;
    text-indent: 10px;
    font-size: 16px;
    color: #868686;
}

.gerenMain .personalData .zhutiUl .liDiv input::placeholder {
    font-size: 16px;
    color: #CEC9C9;
}

.gerenMain .personalData .zhutiUl li .errTip {
    height: 15px;
    line-height: 15px;
    margin: 7px 0 0 102px;
}

.gerenMain .personalData .zhutiUl li .errTip img {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin-right: 2px;
}

.gerenMain .personalData .zhutiUl li .errTip b {
    font-size: 14px;
    font-weight: 500;
    color: #FF3838;
    width: 50%!important;
}

.gerenMain .personalData .zhutiUl .liDiv .ckeckSex {
    width: 50%;
    display: inline-block;
    height: 44px;
    line-height: 44px;
}

.gerenMain .personalData .zhutiUl .liDiv .ckeckSex b {
    font-size: 16px;
    color: #868686;
    margin: 0;
    width: 40px;
}

.gerenMain .personalData .zhutiUl .liDiv .ckeckSex label {
    position: relative;
    cursor: pointer;
}

.gerenMain .personalData .zhutiUl .liDiv .ckeckSex i {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/sex.png') no-repeat;
    background-size: 13px;
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 5;
}

.gerenMain .personalData .zhutiUl .liDiv .ckeckSex label input {
    width: 13px;
    height: 13px;
    vertical-align: bottom;
    margin-right: .1rem;
    opacity: 0;
}

.gerenMain .personalData .zhutiUl .liDiv .ckeckSex input:checked+i {
    background: url("https://files.yihao.com/sqzb/yihao/www-static/images/sexCheck.png") no-repeat;
    /*选中后的样式图片*/
    background-size: 13px;
}

.gerenMain .personalData .zhutiUl .liDiv .riqi {
    position: relative;
}

.gerenMain .personalData .zhutiUl .liDiv .riqi input {
    cursor: pointer;
}

.gerenMain .personalData .zhutiUl .liDiv .riqi img {
    position: absolute;
    width: 11px;
    height: 7px;
    position: absolute;
    right: 9px;
    top: 18.5px;
}

.gerenMain .personalData .zhutiUl .liDiv select {
    display: inline-block;
    text-indent: 6px;
    width: 120px;
    height: 44px;
    background: #F3F3F3;
    border-radius: 2px;
    border: none;
    font-size: 16px;
    color: #868686;
}
.gerenMain .personalData .zhutiUl .liDiv select::placeholder{
    color: #cec9c9;
}
.gerenMain .personalData .zhutiUl .liDiv select.shiqu {
    margin: 0 5px;
}

.gerenMain .personalData .zhutiUl li:last-of-type {
    margin: 44px 0 33px 0;
}

.gerenMain .personalData .zhutiUl .liDiv button {
    width: 148px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #E7E7E7;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #A7A7A7;
    cursor: pointer;
}

.gerenMain .personalData .zhutiUl .liDiv button.save {
    color: #FFFFFF;
    background: #FF4622;
    margin-right: 15px;
}


/* 我的消息 */

.gerenMain .msgData .msgCont {
    width: 100%;
}

.gerenMain .msgData .msgCont .msgUl {
    width: 100%;
    margin: 60px 0;
}

.gerenMain .msgData .msgUl li {
    width: 100%;
    height: 76px;
    margin-bottom: 40px;
}

.gerenMain .msgData .msgUl li:last-of-type {
    margin-bottom: 0;
}

.gerenMain .msgData .msgUl li .dan_input {
    width: 22px;
    height: 76px;
    line-height: 76px;
}

.gerenMain .msgData .msgUl li .dan_input .danCheck {
    width: 14px;
    height: 14px;
}

.gerenMain .msgData .msgUl li .select_img {
    width: 145px;
    height: 76px;
    margin-right: 21px;
    position: relative;
}

.gerenMain .msgData .msgUl li .select_img img {
    width: 100%;
    height: 100%;
}

.gerenMain .msgData .msgUl li .select_img span {
    width: 10px;
    height: 10px;
    background: #FF3838;
    border-radius: 50%;
    position: absolute;
    top: -5px;
    right: -5px;
}

.gerenMain .msgData .msgUl li .danCont {
    width: 603px;
    padding-bottom: 15px;
    border-bottom: 1px solid #E6E6E6;
}

.gerenMain .msgData .msgUl li h6 {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 500;
    color: #1D1D1D;
    margin: 5px 0 21px 0;
}

.gerenMain .msgData .msgUl li h6 i {
    display: inline-block;
    width: 32px;
    height: 18px;
    line-height: 18px;
    background: #CEC9C9;
    border-radius: 4px;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: bottom;
    margin-left: 2px;
}

.gerenMain .msgData .msgUl li .danCont p {
    width: 441px;
    height: 16px;
    font-size: 14px;
    color: #626262;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    float: left;
}

.gerenMain .msgData .msgUl li .danCont span {
    float: right;
    height: 11px;
    font-size: 12px;
    color: #A7A7A7;
}

.gerenMain .msgData .allSelect {
    width: 100%;
    height: 38px;
}

.gerenMain .msgData .allSelect .page_l {
    float: left;
    line-height: 38px;
    height: 38px;
}

.gerenMain .msgData .allSelect .page_l input {
    width: 14px;
    height: 14px;
}

.gerenMain .msgData .allSelect .page_l span {
    font-size: 16px;
    color: #626262;
    margin-left: 3px;
    line-height: 38px;
    height: 38px;
}

.gerenMain .msgData .allSelect .delXiaoxi {
    margin: 0 20px 0 47px;
}

.gerenMain .msgData .allSelect .delXiaoxi span {
    color: #FF3838;
    cursor: pointer;
}

.gerenMain .msgData .allSelect .yidu span {
    color: #0075FF;
    cursor: pointer;
}

.gerenMain .msgData label {
    position: relative;
}

.gerenMain .msgData label i {
    display: inline-block;
    width: 13px;
    height: 13px;
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/danSelect.png') no-repeat;
    background-size: 13px;
    position: absolute;
    top: 4px;
    left: 0;
    z-index: 5;
}

.gerenMain .msgData label input {
    width: 13px;
    height: 13px;
    vertical-align: bottom;
    margin-right: .1rem;
    opacity: 0;
}

.gerenMain .msgData input:checked+i {
    background: url("https://files.yihao.com/sqzb/yihao/www-static/images/allSelect.png") no-repeat;
    /*选中后的样式图片*/
    background-size: 13px;
}

.gerenMain .msgData .noXiaoxi {
    display: none;
    width: 100%;
    text-align: center;
    height: 588px;
    position: relative;
}

.gerenMain .msgData .noXiaoxi .noCont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.gerenMain .msgData .noXiaoxi img {
    width: 275px;
    height: 233px;
}

.gerenMain .msgData .noXiaoxi p.noP1 {
    font-size: 16px;
    color: #1D1D1D;
    margin: 13px 0;
}

.gerenMain .msgData .noXiaoxi p.noP2 {
    font-size: 14px;
    color: #868686;
}


/* 一号币 */

.oneMoney {
    height: 107px;
    padding-left: 36px;
    padding-right: 20px;
    background: #F3F3F3;
    overflow: hidden;
}

.oneMoney .money_l {
    float: left;
}

.oneMoney .money_l h2 {
    font-size: 36px;
    line-height: 30px;
    color: #FF4622;
    margin-top: 25px;
    margin-bottom: 14px;
}

.oneMoney .money_l p {
    color: #999999;
    font-size: 14px;
    line-height: 14px;
}

.oneMoney .money_r {
    float: right;
    margin-top: 35px;
}

.oneMoney .money_r a {
    width: 100px;
    height: 38px;
    line-height: 38px;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    display: block;
    text-align: center;
    float: left;
}

.oneMoney .money_r a:first-child {
    background: #FF4622;
    margin-right: 18px;
}

.oneMoney .money_r a:last-child {
    background: #1292F2;
}

.gerenMain .safety .title h3 {
    float: left;
    width: 25%;
}

.gerenMain .safety .safetyIndex {
    width: 75%;
    float: right;
    height: 80px;
}

.gerenMain .safety .safetyIndex span {
    height: 80px;
    line-height: 80px;
    float: left;
    text-align: right;
    font-size: 14px;
    font-weight: 500;
    color: #727272;
    margin-right: 16px;
}

.gerenMain .safety .safetyIndex span:last-of-type {
    margin-right: 0;
    margin-left: 16px;
}

.gerenMain .safety .title .degreeUl {
    margin-top: 38px;
}

.gerenMain .safety .title .degreeUl ul {
    width: 260px;
    height: 5px;
}

.gerenMain .safety .title .degreeUl ul li {
    width: 80px;
    height: 5px;
    background: #64ED95;
    border-radius: 3px;
    float: left;
}

.gerenMain .safety .title .degreeUl ul li:nth-child(2) {
    margin: 0 10px;
}

.gerenMain .safety .safetyCont {
    width: 100%;
    padding: 20px 0 25px 0;
}

.gerenMain .safety .safetyCont .item {
    width: 100%;
    height: 125px;
    border-top: 1px solid #E6E6E6;
    position: relative;
}

.gerenMain .safety .safetyCont .item:first-of-type {
    border: none;
}

.gerenMain .safety .safetyCont .item .box_c {
    height: 50px;
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.gerenMain .safety .item .img {
    width: 63px;
}

.gerenMain .safety .item .img img {
    width: 50px;
    height: 50px;
}

.gerenMain .safety .item .explain {
    width: 60%;
    height: 50px;
    padding: 5px 0;
    box-sizing: border-box;
}

.gerenMain .safety .item .explain p {
    height: 18px;
    line-height: 18px;
    font-size: 18px;
    font-weight: 500;
    color: #1D1D1D;
    margin-bottom: 9px;
}

.gerenMain .safety .item .explain p span {
    font-size: 16px;
    color: #0FB44A;
    margin: 0 14px;
}

.gerenMain .safety .item .explain p span.not {
    color: #FF3838;
}

.gerenMain .safety .item .explain .declare {
    line-height: 14px;
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #868686;
}

.gerenMain .safety .item .btn {
    height: 38px;
    margin-top: 6px;
}

.gerenMain .safety .item .btn a:hover button {
    background: #FF4622;
    color: #FFFFFF;
}

.gerenMain .safety .item .btn button {
    width: 100px;
    height: 38px;
    line-height: 38px;
    border: 1px solid #FF4622;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #FF4622;
}

.gerenBodyTable {
    margin-top: 50px;
    padding-bottom: 60px;
}

.gerenBodyTable>ul {
    overflow: hidden;
}

.gerenBodyTable>ul li {
    cursor: pointer;
    width: 100px;
    height: 40px;
    background: #ECECEC;
    text-align: center;
    line-height: 40px;
    float: left;
    margin-right: 6px;
    color: #393939;
    font-size: 16px;
}

.gerenBodyTable>ul .active {
    background: #FF4622;
    color: #fff
}

.gerenBodyTable>table {
    width: 100%
}

.gerenBodyTable>table td {
    text-align: center;
    height: 60px;
    color: #868686;
    font-size: 12px;
}

.gerenBodyTable>table th {
    text-align: center;
    height: 60px;
    background: #F3F3F3;
    font-size: 14px;
    color: #463e3e;
}

.gerenBodyTable>table,
.gerenBodyTable>table tr th,
table tr td {
    border: 1px solid #E2E2E2;
}

.gerenBodyTable>table.expendTable {
    display: none;
}

.autoTitle {
    height: 80px;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
}

.autoTitle>h3 {
    color: #1D1D1D;
    font-size: 22px;
    line-height: 80px;
    float: left;
}

.autoTitleRight {
    float: right;
    overflow: hidden;
}

.autoTitleRight>div {
    float: left;
    height: 80px;
    line-height: 80px;
}

.autoTitleRight>div p {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #B7B7B7;
    font-size: 10px;
    text-align: center;
    line-height: 14px;
    color: #fff;
    float: left;
    margin-top: 34px;
    margin-right: 2px;
}

.autoTitleRight>div span {
    color: #B7B7B7;
    font-size: 14px;
}

.autoTitleRight>.active span {
    color: #00AA10;
}

.autoTitleRight>.active p {
    background: #00AA10;
}

.autoTitleRight>div i {
    width: 40px;
    height: 3px;
    background: #B7B7B7;
    border-radius: 4px;
    margin: 39px 8px 0;
    display: block;
}

.autoTitleRight>.active i {
    background: #00AA10;
}

.autoInputFGroup {
    padding-bottom: 60px;
    border-bottom: 1px solid #e6e6e6;
}

.realauthentication>ul {
    padding: 100px 158px 0px;
    box-sizing: border-box;
}

.realauthentication>ul li {
    overflow: hidden;
    height: 80px;
}

.realauthentication>ul li>div {
    height: 44px;
    line-height: 44px;
}

.realauthentication>ul li>div input {
    width: 380px;
    height: 44px;
    border: none;
    background: #F3F3F3;
    font-size: 16px;
    color: #727272
}

.realauthentication>ul li>div p {
    font-size: 16px;
    float: left;
    color: #727272
}

.realauthentication>ul li>p {
    height: 14px;
    line-height: 14px;
    margin-top: 7px;
    padding-left: 100px;
    box-sizing: border-box;
}

.realauthentication>ul li>p img {
    width: 14px;
    height: 14px;
    vertical-align: top;
}

.realauthentication>ul li>p span {
    font-size: 14px;
    color: #FF3838
}

.realauthentication>ul li>div input {
    float: right;
    padding: 0 9px;
    box-sizing: border-box;
}

.autoBtnGroup {
    padding: 0 158px;
    overflow: hidden;
    margin-top: 50px;
}

.autoBtnGroup>a {
    width: 148px;
    height: 44px;
    font-size: 16px;
    text-align: center;
    border: 1px solid #E7E7E7;
    color: #A7A7A7;
    border-radius: 4px;
    display: inline-block;
    line-height: 44px;
}

.autoBtnGroup>a:nth-child(1) {
    margin-left: 95px;
    margin-right: 20px;
}

.autoBtnGroup>.active {
    background: #FF4622;
    color: #fff;
    /*border-radius: #FF4622;*/
}

.autoIntro>h4 {
    color: #00AA10;
    font-size: 16px;
    line-height: 16px;
    margin: 50px 0 29px;
}

.autoIntro>p {
    color: #1D1D1D;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 15px;
}

.autoIntro>div p {
    font-size: 14px;
    color: #626262;
    margin-top: 10px;
}

.autoIntro {
    padding-bottom: 55px;
}

.authenSuccess {
    padding-top: 100px;
}

.authenSuccess>p {
    text-align: center;
    margin-bottom: 19px;
}

.authenSuccess>p:nth-child(1) img {
    width: 18px;
    height: 18px;
    margin-right: 7px;
}

.authenSuccess>p:nth-child(1) span {
    color: #00AA10;
    font-size: 18px;
    line-height: 18px;
}

.authenSuccess>p:nth-child(2) img {
    width: 16px;
    height: 16px;
    margin-right: 7px;
}

.authenSuccess>p:nth-child(n+2) {
    color: #868686;
    font-size: 16px;
    line-height: 16px;
}

.gerenMain .safety .item .btn button.haveSet {
    border-color: #A7A7A7;
    color: #A7A7A7;
}

.gerenMain .safety .item .btn a:hover button.haveSet {
    border-color: #A7A7A7;
    background: #FFf;
    color: #A7A7A7;
}


/* 绑定手机 */

.gerenMain .safety .jindu {
    height: 14px;
    margin-top: 33px;
}

.gerenMain .safety .jindu .jinduDiv {
    height: 14px;
    line-height: 14px;
}

.gerenMain .safety .jindu .jinduDiv span {
    display: inline-block;
    text-align: center;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background: #B7B7B7;
    border-radius: 7px;
    font-size: 9px;
    color: #FFFFFF;
    margin: 0 2px 0 0;
}

.gerenMain .safety .jindu .jinduDiv i {
    line-height: 14px;
    height: 14px;
    font-size: 14px;
    font-weight: 400;
    color: #B7B7B7;
}

.gerenMain .safety .jindu .jinduLine {
    width: 40px;
    height: 3px;
    background: #B7B7B7;
    border-radius: 2px;
    margin: 6px 8px 0;
}

.gerenMain .safety .jindu .baseStep span {
    background: #00AA10;
}

.gerenMain .safety .jindu .baseStep i {
    color: #00AA10;
}

.gerenMain .safety .jindu .baseStep .jinduLine {
    background: #00AA10;
}

.gerenMain .safety .bandCont {
    width: 100%;
    height: 100%;
    /* height: 523px; */
}

.gerenMain .safety .bandCont .bandMain {
    width: 100%;
    margin: 100px auto 0;
}

.gerenMain .safety .bandCont .bandMain .bandMbFirst,
.gerenMain .safety .bandCont .bandMain .bandFirst,
.gerenMain .safety .bandCont .bandMain .bandSecond {
    padding: 0 157px;
    box-sizing: border-box;
    width: 100%;
}

.gerenMain .safety .bandCont .bandMain .bandSecond,
.gerenMain .safety .bandCont .bandMain .bandEnd {
    display: none;
}

.gerenMain .safety .bandMain .tishi {
    height: 18px;
    line-height: 18px;
    width: 100%;
    margin-bottom: 45px;
}

.gerenMain .safety .bandMain .tishi img {
    width: 15px;
    height: 15px;
    margin-top: 3px;
}

.gerenMain .safety .bandMain .tishi span {
    font-size: 16px;
    color: #868686;
}

.gerenMain .safety .bandMain .bandBox {
    width: 100%;
    height: 63px;
    margin-bottom: 11px;
}

.gerenMain .bandMain .bandBox .lable {
    width: 65px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 500;
    color: #727272;
    margin-right: 30px;
}

.gerenMain .bandMain .bandBox .neirong {
    font-size: 16px;
    color: #868686;
    height: 44px;
    line-height: 44px;
    width: 382px;
}

.gerenMain .bandMain .bandBox .neirong input {
    width: 382px;
    height: 44px;
    line-height: 44px;
    background: #F3F3F3;
    border-radius: 2px;
    border: none;
    text-indent: 9px;
    font-size: 16px;
    color: #868686;
    float: left;
}

.gerenMain .bandMain .bandBox .neirong .fullInput {
    width: 382px;
}

.gerenMain .bandMain .bandBox .neirong input::placeholder {
    font-size: 16px;
    color: #CEC9C9;
}

.gerenMain .bandMain .bandBox .neirong .hqCode {
    width: 120px;
    height: 44px;
    line-height: 44px;
    background: #1292F2;
    border-radius: 2px;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
}

.gerenMain .bandMain .bandBtn {
    margin-top: 52px;
}

.gerenMain .bandMain .bandBtn .neirong button {
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
}

.gerenMain .bandMain .bandDiv {
    height: 44px;
    margin-bottom: 3px;
}

.gerenMain .bandMain .err_Tip {
    height: 14px;
    line-height: 14px;
    width: 350px;
    margin-left: 98px;
}

.gerenMain .bandMain .err_Tip img {
    width: 12px;
    height: 12px;
    margin-top: 1px;
}

.gerenMain .bandMain .err_Tip i {
    height: 14px;
    font-size: 14px;
    font-weight: 500;
    color: #FF3838;
}

.gerenMain .bandMain .end_top {
    margin: 0 auto 60px;
    text-align: center;
}

.gerenMain .bandMain .end_top .end_tip {
    width: 100%;
    height: 19px;
    line-height: 19px;
    font-size: 18px;
    color: #00AA10;
}

.gerenMain .bandMain .end_top .end_tip img {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.gerenMain .bandMain .end_top p {
    line-height: 17px;
    height: 17px;
    font-size: 16px;
    font-weight: 500;
    color: #727272;
    margin: 18px 0 44px 0;
}

.gerenMain .bandMain .end_top a {
    display: inline-block;
    text-align: center;
    width: 148px;
    height: 44px;
    background: #FF4622;
    border-radius: 4px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 44px;
}

.gerenMain .bandMain .end_bottom {
    width: 100%;
    height: 200px;
    border-top: 1px solid #E6E6E6;
}

.gerenMain .bandMain .end_bottom h6 {
    width: 100%;
    height: 18px;
    line-height: 18px;
    font-size: 16px;
    color: #00AA10;
    margin: 59px 0 27px 0;
}

.gerenMain .bandMain .end_bottom h5 {
    width: 100%;
    line-height: 18px;
    height: 18px;
    font-size: 18px;
    font-weight: 500;
    color: #1D1D1D;
    margin-bottom: 10px;
}

.gerenMain .bandMain .end_bottom p {
    width: 100%;
    font-size: 14px;
    color: #626262;
    height: 30px;
    line-height: 30px;
}


/* 绑定密保 */

.gerenMain .bandMibao,
.gerenMain .changeMibao {
    min-height: 704px;
}

.gerenMain .bandMb {
    margin: 0 auto!important;
}

.gerenMain .bandMain .bandMbFirst {
    margin-top: 100px;
}

.gerenMain .bandMain .bandMbFirst,
.gerenMain .bandMain .bandMbSecond,
.gerenMain .bandMain .bandMbthree {
    width: 100%;
    margin-top: 60px;
}

.gerenMain .bandMain .bandMbFirst .mbList,
.gerenMain .bandMain .bandMbSecond .mbList,
.gerenMain .bandMain .bandMbthree .mbList {
    width: 475px;
    margin: 0 auto;
}

.gerenMain .bandMain .bandMbFirst .mbSelect,
.gerenMain .bandMain .bandMbSecond .mbSelect,
.gerenMain .bandMain .bandMbthree .mbSelect {
    height: 44px;
    line-height: 44px;
    /* display: flex;
    justify-content: space-between; */
    margin-bottom: 22px;
}

.gerenMain .bandMain .bandMbFirst .mbDaan,
.gerenMain .bandMain .bandMbSecond .mbDaan,
.gerenMain .bandMain .bandMbthree .mbDaan {
    height: 63px;
    margin-bottom: 22px;
}

.gerenMain .bandMain .bandMbFirst .mbDaan .mbBox,
.gerenMain .bandMain .bandMbSecond .mbDaan .mbBox,
.gerenMain .bandMain .bandMbthree .mbDaan .mbBox {
    height: 44px;
    margin-bottom: 3px;
}

.gerenMain .bandMain .bandMbFirst span,
.gerenMain .bandMain .bandMbSecond span,
.gerenMain .bandMain .bandMbthree span {
    font-size: 16px;
    font-weight: 500;
    color: #727272;
    float: left;
    height: 44px;
    line-height: 44px;
}

.gerenMain .bandMain .bandMbFirst select,
.gerenMain .bandMain .bandMbFirst .daan,
.gerenMain .bandMain .bandMbSecond select,
.gerenMain .bandMain .bandMbSecond .daan,
.gerenMain .bandMain .bandMbthree select,
.gerenMain .bandMain .bandMbthree .daan {
    width: 380px;
    height: 44px;
    background: #F3F3F3;
    border-radius: 2px;
    border: none;
    font-size: 16px;
    color: #868686;
    text-indent: 9px;
}

.gerenMain .bandMain .bandMbSecondBtn {
    margin-top: 44px;
}

.gerenMain .bandMain .bandMbSecondBtn button {
    width: 148px;
    text-align: center;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF;
    cursor: pointer;
    margin-left: 253px;
}

.gerenMain .bandMain .bandMbFirst .mbSelect p,
.gerenMain .bandMain .bandMbthree .mbSelect p {
    margin-left: 104px;
    font-size: 16px;
    color: #868686;
}

.gerenMain .bandMain .bandMbThreeBtn {
    width: 100%;
    text-align: center;
    padding-left: 33px;
    box-sizing: border-box;
    margin-top: 30px;
}

.gerenMain .bandMain .bandMbThreeBtn button {
    width: 148px;
    height: 44px;
    border: 1px solid #A7A7A7;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    color: #A7A7A7;
}

.gerenMain .bandMain .bandMbThreeBtn button:last-of-type {
    background: #FF4622;
    border: 1px solid #FF4622;
    color: #FFFFFF;
    margin-left: 15px;
}

.gerenMain .bandMain .bandMbFour {
    width: 100%;
    padding: 0 255px;
    box-sizing: border-box;
}

.gerenMain .bandMain .bandMbFour .fourBox {
    width: 100%;
}

.gerenMain .bandMbFour .fourBox .end_tip {
    text-align: center;
    width: 100%;
    height: 19px;
    line-height: 19px;
    font-size: 18px;
    color: #00AA10;
    margin: 99px 0 48px;
}

.gerenMain .bandMbFour .fourBox .end_tip img {
    width: 18px;
    height: 18px;
}

.gerenMain .bandMain .bandMbFour .fourBox .fourWenDa {
    margin-bottom: 23px;
}

.gerenMain .bandMain .bandMbFour .fourBox .bandBox {
    height: 44px;
    margin-bottom: 5px;
}

.gerenMain .bandMain .bandMbFour .fourBox .neirong {
    width: 183px;
}

.gerenMain .bandMain .bandMbFour .fourBox .nrDaAn {
    color: #FF3838;
}

.gerenMain .bandMain .bandMbFour .goHome {
    width: 100%;
    text-align: center;
    margin-top: 22px;
}

.gerenMain .bandMain .bandMbFour .goHome a {
    display: inline-block;
    width: 148px;
    height: 44px;
    line-height: 44px;
    background: #FF4622;
    border-radius: 4px;
    text-align: center;
    font-size: 18px;
    color: #FFFFFF;
}

.gerenMain .bandMain .bandMbSecond,
.gerenMain .bandMain .bandMbthree,
.gerenMain .bandMain .bandMbFour {
    display: none;
}


/* 实名浮层 */

.SmAutonymFu {
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.4;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
}

.SmAutonymFloat {
    width: 350px;
    height: 253px;
    padding: 0 20px;
    box-sizing: border-box;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    display: none;
}

.SmAutonymFloat .fu_title {
    width: 100%;
    height: 65px;
    line-height: 65px;
    border-bottom: 1px solid #E6E6E6;
}

.SmAutonymFloat .fu_title span {
    font-size: 16px;
    color: #1D1D1D;
    float: left;
}

.SmAutonymFloat .fu_title img {
    width: 15px;
    height: 15px;
    float: right;
    cursor: pointer;
    margin-top: 25px;
}

.SmAutonymFloat .fu_cont {
    width: 100%;
    height: 150px;
    text-align: center;
}

.SmAutonymFloat .fu_cont p {
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    color: #757575;
    margin: 30px 0 74px 0;
    text-align: left;
}

.SmAutonymFloat .fu_cont button {
    width: 100px;
    height: 38px;
    line-height: 38px;
    background: #FF4622;
    border: 1px solid #FF4622;
    border-radius: 4px;
    border: none;
    font-size: 14px;
    color: #FFFFFF;
    text-align: center;
    cursor: pointer;
}


/* passChange */

.passChange {
    padding: 99px 158px 129px;
}

.passChange .inputShowBox {
    height: 76px;
}

.passChange>p i {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(https://files.yihao.com/sqzb/yihao/www-static/images/ico_user_note.png) no-repeat center;
    background-size: cover;
    margin: 0 10px 0 0;
}

.passChange>p {
    margin: 0 0 36px 0;
    font-size: 16px;
    font-weight: 400;
    color: #868686;
}

.setPass {
    display: none;
}


/* .inputShowBox{margin:0 0 22px;} */

.inputShowBox input {
    width: 380px;
    height: 44px;
    background: #F3F3F3;
    border: none;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #868686;
    line-height: 44px;
    float: left;
}

.inputShowBox h4 {
    width: 380px;
    height: 44px;
    border: none;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 400;
    color: #868686;
    line-height: 44px;
    float: right;
}

.inputShowBox span {
    display: block;
    width: 95px;
    height: 44px;
    line-height: 44px;
    font-size: 16px;
    font-weight: 500;
    color: #727272;
    float: left;
}

.netxGoBtn {
    display: block;
    width: 148px;
    height: 44px;
    margin: 30px auto;
    background: #FF4622;
    text-align: center;
    line-height: 44px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px;
}

.inputShowBox p {
    width: 360px;
    height: 20px;
    color: #FF3838;
    background: url(https://files.yihao.com/sqzb/yihao/www-static/images/ico_user_note.png) no-repeat center left;
    background-size: 14px;
    float: right;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 0 20px;
}


/* .inputShowBox p.showhit{opacity: 1;} */

.netxGoBtn:hover {
    color: #fff;
}

.trueShow {
    display: none;
}

.trueShow>p {
    color: #00AA10;
    text-align: center;
}

.trueShow>p i {
    width: 18px;
    height: 18px;
    background: url(https://files.yihao.com/sqzb/yihao/www-static/images/ico_user_ful.png) no-repeat center;
    background-size: 18px;
    vertical-align: bottom;
}

.threeInput input {
    width: 230px;
}
.threeInput .inputCode{
    cursor: pointer;
    display: block;
    width: 120px;
    height: 44px;
    background: #1292F2;
    float: left;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    margin: 0 0 0 30px;
}
.threeInput a {
    display: block;
    width: 120px;
    height: 44px;
    background: #1292F2;
    float: left;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 44px;
    margin: 0 0 0 30px;
}

.verificationUl {
    text-align: center;
    margin: 0 0 30px 0;
    text-align: left;
    padding-left: 84px;
}

.verificationUl li {
    display: inline-block;
    width: 105px;
    font-size: 14px;
    font-weight: 400;
    color: #1D1D1D;
}

.verificationUl li i {
    display: -webkit-inline-flex;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #000;
    vertical-align: -3px;
    margin: 0 5px 0 0;
}

.verificationUl .onshow i {
    width: 16px;
    height: 16px;
    background: url(https://files.yihao.com/sqzb/yihao/www-static/images/ico_user_ful.png) no-repeat center;
    background-size: cover;
    border: none
}

.scheduleLine {
    position: absolute;
    top: 0;
    right: 0;
    height: 80px;
    line-height: 80px;
}

.scheduleLine li {
    float: left;
}

.scheduleLine li i {
    display: inline-block;
    width: 14px;
    height: 14px;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    border-radius: 50%;
    background: #ccc;
    color: #fff;
    vertical-align: middle;
}

.scheduleLine li::before {
    content: '';
    display: inline-block;
    width: 40px;
    height: 3px;
    background: #ccc;
    margin: 0 10px;
    vertical-align: middle;
    border-radius: 3px;
}

.scheduleLine li p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 5px;
}

.scheduleLine li:nth-of-type(1)::before {
    display: none;
}

.scheduleLine li.online p {
    color: #00AA10;
}

.scheduleLine li.online i {
    background: #00AA10;
}

.scheduleLine li.online::before {
    background: #00AA10;
}

.errTip{
    display: none;
}

.ser_banner{
    width: 100%;
    height: 260px;
    background: url('https://files.yihao.com/sqzb/yihao/www-static/images/service_banner.png') repeat-x center center;
    background-size: 1920px 260px;
    background-position: center;
    text-align: center;
    overflow: hidden;
}
.ser_banner h2{
    font-size: 56px;
    color: #fff;
    line-height: 56px;
    margin-top: 79px;
    font-weight: bold;
}
.ser_banner p{
    font-size: 24px;
    color: #fff;
    margin-top: 25px;
}
.serviceMain{
    width: 100%;
    padding: 42px 0;
    background: #f7f7f7;
}
.w1200{
    width: 1200px;
    margin: 0 auto;
}
.serviceMain .serCont{
    overflow: hidden;
}
.serCont .service_l{
    float: left;
    width: 851px;
}
.serCont .service_r{
    float: left;
    width: 331px;
    height: 553px;
    overflow: auto;
    background: #fff;
    margin-left: 18px;
}
.serCont .service_l .service1{
    background-color: #fff;
    padding: 48px 0;
    overflow: hidden;
}
.service_l .service1 li{
    float: left;
    text-align: center;
    margin-right: 110px;
}
.service_l .service1 li:first-child{
    margin-left: 68px;
}
.service_l .service1 li:last-child{
    margin-right: 68px;
}
.service1 li img{
    width: 96px;
    height: 96px;
    margin-bottom: 26px;
}
.service1 li p{
    font-size: 16px;
    color: #393939;
    line-height: 16px;
}
.service1 li p a{
    font-size: 16px;
    color: #393939;
    line-height: 16px;
}
.service1 li p a:hover{
    color: #FF4622;
}
.service1 li p:last-child{
    margin-top: 10px;
}
.serCont .service_l .service2{
    overflow: hidden;
    margin-top: 18px;
}
.serCont .service_l .service2 li {
    background: #fff;
    float: left;
    padding: 61px 67px 35px 67px;
    text-align: center;
    margin-right: 27px;
}
.service_l .service2 li:last-child{
    margin-right: 0;
}
.service_l .service2 li img{
    width: 77px;
    height: 77px;
}
.service_l .service2 li p{
    font-size: 16px;
    line-height: 16px;
    color: #393939;
    margin-top: 29px;
    margin-bottom: 20px;
}
.service_l .service2 li span{
    display: block;
    color: #8F8F8F;
    font-size: 16px;
    line-height: 16px;
    margin-top: 9px;
}
.serCont .service_r h3{
    color: #393939;
    font-size: 22px;
    margin-top: 26px;
    margin-left: 18px;
    font-weight: bold;
}
.serCont .service_r h3 img{
    width: 12px;
    height: 12px;
    margin-right: 3px;
}
.serCont .service_r ul{
    margin-left: 18px;
}
.service_r ul li{
    margin-top: 30px;

}
.service_r h3 img{
    margin-top: 4px;
}
.service_r ul li a{
    display: block;
    margin-top: 30px;
    font-size: 16px;
    color: #353535;
    line-height: 16px;
}
.service_r ul li a:hover{
    color: #FF4622;
}
/* 常见问题 */
.question{
    background: #fff;
    overflow: hidden;
}
.question h3{
    color: #393939;
    font-size: 24px;
    text-align: center;
    margin-top: 44px;
    font-weight: bold;
    margin-bottom: 62px;
}
.question h3 span{
    margin-left: 10px;
    margin-right: 10px;
}
.question h3 img{
    width: 12px;
    height: 12px;
    margin-top: 4px;
}
.question .quesCont{
    padding-left: 30px;
    padding-right: 30px;
}
.quesCont ul li{
    padding-left: 5px;
    padding-top: 29px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EEEEEE;
}
.quesCont ul li h4{
    font-size: 18px;
    color: #353535;
    font-weight: bold;
    margin-bottom: 8px;

}
.quesCont ul li p{
    line-height: 32px;
    font-size: 16px;
    color: #5A5A5A;
}
.quesCont ul li:last-child{
    border-bottom: none;
    padding-bottom: 41px;
}




/* 关于我们 */
about_header{width:100%;background:#fff;height:80px;}
main{background:#F7F7F7;width:100%;}
.headerMain{width:1200px;height:80px;margin:0 auto;}
.headerMain>a{display:block;width:200px;height:46px;background:url(https://files.yihao.com/sqzb/yihao/www-static/images/logo.png) repeat-x center center;float:left;background-size:cover;margin-top:17px;}
.headUl{float:right;}
.headUl>a{display: inline-block;vertical-align: top;line-height:80px;padding:0 25px;font-size: 18px;font-weight: 400;color:#1d1d1d;}
.headUl>a:hover{color:#FF4622;}
.headUl>a.on{color: #FF4622;}
.aboutHeardImg{width:100%;height:754px;background:url(https://files.yihao.com/sqzb/yihao/www-static/images/pic_banner.jpg) repeat-x center center;color:#fff;text-align:center;margin:0 auto;}
.cover{height:212px;}
.aboutHeardImg>h1{margin:0 auto;font-size: 60px;}
.aboutHeardImg>p{margin:27px auto 0;font-size: 24px;}
.introduce{width:1200px;height:520px;margin:-152px auto 0;background:#fff;}
.introduce img{display: block;width:718px;float:left;}
.introduce .txtBox{float:right;padding:83px 40px;width:402px;}
.introduce .txtBox p{font-size:16px;text-indent: 2em;font-weight: 400;color: #141414;line-height: 28px;}
.titleBox{text-align:center;height:45px;font-size: 46px;font-weight: 500;color: #141414;line-height: 52px;padding:90px 0 0 0;}
.titleBox span{display: inline-block;height: 40px;border-bottom:12px solid rgba(255, 70, 34,.8) ;}
.history{height:766px;background:url(https://files.yihao.com/sqzb/yihao/www-static/images/pci_history.png) no-repeat bottom;}
.positionBox{width:1200px;height:379px;margin:135px auto 0;background:url(https://files.yihao.com/sqzb/yihao/www-static/images/bg_history.png) no-repeat center;background-size:830px;}
.positionBox ul {width:100%;height:100%;position: relative;}
.positionBox ul li{position:absolute;text-align:right;}
.positionBox ul li:nth-of-type(1){top:0;left:380px;}
.positionBox ul li:nth-of-type(2){top:97px;right:60px;}
.positionBox ul li:nth-of-type(3){top:95px;left:88px;}
.positionBox ul li:nth-of-type(4){top:198px;right:140px;}
.positionBox ul li:nth-of-type(5){top:213px;left:98px;}
.positionBox ul li:nth-of-type(2n){text-align: left;}
.positionBox ul li i{display: block;width:30px;height:30px;background:url(https://files.yihao.com/sqzb/yihao/www-static/images/ico_history.png) no-repeat center;background-size:29px;position: absolute;}
.positionBox ul li:nth-of-type(1)>i{top:30px;right:-40px;}
.positionBox ul li:nth-of-type(2)>i{top:0;left:-40px;}
.positionBox ul li:nth-of-type(3)>i{top:30px;right:-40px;}
.positionBox ul li:nth-of-type(4)>i{top:0;left:-40px;}
.positionBox ul li:nth-of-type(5)>i{top:30px;right:-40px;}
.positionBox ul li>p:nth-of-type(1){color:#FF4622;height: 30px;font-size: 24px;line-height: 30px;}
.positionBox ul li>p:nth-of-type(2){color: #141414;line-height: 30px;height: 30px;font-size: 18px;}
.gray { -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.appBox{padding:0 0 126px;background:#fff;}
.genreBox{width:1200px;padding:100px 0;margin:0 auto;}
.appBox>div{width:1200px;margin:0 auto;}
.genreBox li{float: left;width:25%;cursor: pointer;}
.genreBox li :hover+p{color:#FF4622;}
.genreBox li img{display: block;width:90px;margin:0 auto;}
.genreBox li p{text-align: center;font-size: 24px;color:#141414;}
.genreBox li.onAlive p{color:#FF4622;}
.oneGenre h3{padding:0 0 0 10px;border-left:2px solid #FF4622;font-size: 24px;color:#141414;margin:0 0 28px 0;}
.oneGenre>p{font-size:18px;color:#141414;line-height:28px;margin:0 0 38px 0;}

.appList li{float: left;width:50%;margin:0 0  20px 0;}
.appList li img{display: block;width:84px;float: left;margin:0 20px 0 0 ;}
.appList li>div{width:452px;float: left;}
.appList li>div h4{height:20px;font-size:16px;color:#2E2E2E;font-weight: bold;}
.appList li>div h5{height:14px;font-size:12px;color:#737373;margin:6px 0 12px;}
.appList li>div p{font-size:12px;color:#737373;}



.agreementTopImg{width:100%;height:350px;background:url(https://files.yihao.com/sqzb/yihao/www-static/images/banner_xieyi.jpg) repeat-x center center;color:#fff;text-align:center;margin:0 auto;}
.jiazhangImg{background:url(https://files.yihao.com/sqzb/yihao/www-static/images/jiazhangImg.jpg) repeat-x center;}
.yinsiImg{width:100%;background:url(https://files.yihao.com/sqzb/yihao/www-static/images/yinsi.jpg)  repeat-x center center;}
.mianzeImg{width:100%;background:url(https://files.yihao.com/sqzb/yihao/www-static/images/mianze.jpg)  repeat-x center center;}
.agreementBox{width:1200px;background:#fff;margin:30px auto 0;}
.textBox{padding:40px;}
.br{height:40px;}
.textBox h3{font-size:20px;font-weight: bold;line-height:30px;color:#141414;padding:10px 0;}
.textBox p{font-family: PingFangSC-Regular;font-size:15px;color:#737373;line-height:30px;letter-spacing: 1px;padding:10px 0;white-space:pre-line}
.textBox p img{display: block;margin:0 auto}
.indet{text-indent: 1em;}

.linkTopImg{width:100%;height:350px;background:url(https://files.yihao.com/sqzb/yihao/www-static/images/banner_us.jpg) repeat-x center center;color:#fff;text-align:center;margin:0 auto;}

.linkBox{width:1200px;background:#fff;margin:40px auto 0;overflow: hidden;}
.linkBox>p{color:#737373;font-size:18px;font-weight: 400;text-align: center;height:20px;line-height:20px;margin:28px 0 0 0;}
.linkBox>p span{display: inline-block;width:161px;height:1px;background:rgba(29, 29, 29, .4);margin:0 25px;vertical-align: middle;}
.linkBox>p em{display: inline-block;height:100%;vertical-align: middle;}
.linkList {padding: 40px;}
.linkList li{float: left;width:25%;}
.linkList li img{display: block;width:176px;margin:0 auto 30px;}
.linkList li p{text-align:center;color:rgba(57, 57, 57, 1);font-size:16px;font-weight:400;line-height:28px;}
.addressImg{display: block;width:953px;margin:0 auto 40px;border-radius: 20px;overflow: hidden;}

.recruitTopImg{width:100%;height:350px;background:url(https://files.yihao.com/sqzb/yihao/www-static/images/banner.jpg) repeat-x center center;color:#fff;text-align:center;margin:0 auto;}
.recruitTopImg h1 {padding: 0 0 0 30px;border-left:10px solid #fff;font-size: 60px;height:70px;line-height:70px;margin:0 auto 0;width:1170px;text-align:left;}
.recruitTopImg p{padding: 0 0 0 30px;font-size: 24px;height:60px;line-height:60px;margin:0 auto 0;width:1170px;text-align:left;font-weight: 400;}
.recruitBox{width:1200px;background:#fff;margin:40px auto 0;overflow: hidden;}
.recruitBox .titleBox{font-size:50px;font-family: OPPOSans-M;line-height:50px;}
.recruitBox>p{color:#737373;font-size:18px;font-weight: 400;text-align: center;height:20px;line-height:20px;margin:28px 0 0 0;}
.recruitBox>p span{display: inline-block;width:161px;height:1px;background:rgba(29, 29, 29, .4);margin:0 25px;vertical-align: middle;}
.recruitBox>p em{display: inline-block;height:100%;vertical-align: middle;}
.recruitBox .recruitBtn {width:630px;margin:90px auto 78px;text-align:center;}
.recruitBox .recruitBtn li{display:inline-block;width:126px;height:45px;border-radius: 23px;font-size:24px;color:#1d1d1d;line-height:45px;margin:0 40px;vertical-align: top;cursor: pointer;}
.recruitBox .recruitBtn li.onclick{background:#FF4622;color:#fff;}
.chooseList{padding:0 50px;}
.chooseList li{margin:0 0 75px;}
.chooseList li h3{font-size:22px;font-weight: bold;color:#1d1d1d;}
.chooseList li .time{padding:0 0 29px 0;border-bottom:1px solid #E9E9E9;}
.chooseList li .time p{float: left;color:rgba(29, 29, 29, .7);font-size:16px;font-weight: 400;}
.chooseList li .time i{float: right;color:rgba(29, 29, 29, .7);font-size:16px;font-weight: 400;}
.chooseList li .content{padding:0 30px;}
.chooseList li .content h4{height:80px;line-height:80px;font-size:16px;font-weight: bold;color:#1d1d1d;}
.chooseList li .content p{font-weight:400;font-size:16px;color:rgba(115, 115, 115, 1);line-height:24px;letter-spacing: 1px;white-space:pre-line;}