.m_auto {
    background: #fff;
    overflow: initial;
}

.content-full { 
    width: 1200px;
    margin: 0 auto;
    background: #DFE4EF;
    color: #1C1D22;
    padding-bottom: 60px;
}

.member-nav {
    text-align: right;
    padding-right: 20px;
    background: #DFE4EF;
}
.cardbox{
    position: relative;
}
.cardbox .edit-btn{
    position: absolute;
    bottom: 20px;
    margin-left: 20px;
    float: initial !important;
}
.member-nav span {
    display: inline-block;
    line-height: 14px;
    padding: 20px 5px;
    color: #1C1D22;
}

.top-msg {
    padding: 0px 20px;
    height: 40px;
    line-height: 40px;
    background: #F4F7FF;
    text-align: right;
    font-size: 12px;
    position: relative;
}

.top-msg .name {
    font-weight: 600;
    color: #0284FF;
    padding: 0px 10px;
}

.top-msg .label {
    width: 156px;
    line-height: 54px;
    background: linear-gradient(45deg, rgba(2, 132, 255, 1) 0%, rgba(74, 167, 255, 1) 100%);
    box-shadow: 10px 10px 10px 0px rgba(2, 132, 255, 0.3);
    border-radius: 0px 100px 100px 0px;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    position: absolute;
    top: -14px;
    left: -10px;
    z-index: 1;
}

.member-menu {
    width: 137px;
    float: left;
    padding: 43px 0 0 22px;
    margin-bottom: 100px;
}

.member-menu ul a {
    display: block;
    padding: 0px 0 30px 26px;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    transition: all 1s;
    color: #1C1D22;
}

.member-menu ul a:hover, .member-menu ul a.active {
    color: #0284FF;
    font-weight: 600;
}

.member-menu ul a:after {
    display: inline-block;
    content: '';
    width: 5px;
    height: 5px;
    background: #EBEBEB;
    border-radius: 50%;
    position: absolute;
    right: -4px;
    top: 5px;
    z-index: 1;
}

.member-menu ul a.active:after {
    background: #0284FF;
}

.join-info, .code-list li {
    text-align: center;
}

.join-info {
    margin-top: 42px;
    text-align: center;
}

.join-info span {
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 10px;
}

.join-info p {
    font-weight: bold;
    line-height: 20px;
}

.code-list li img {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin: 30px 0 5px;
}

.code-list li p {
    font-weight: bold;
    line-height: 20px;
}

.code-list li p span {
    color: #0284FF;
    display: block;
}

.code-list li p span.green {
    color: #00BF65;
}

.content-full .ls_right {
    width: 1062px;
    position: relative;
}

.ls_right:after {
    display: inline-block;
    content: '';
    width: 1px;
    background: #EBEBEB;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 51px;
}

.content-full .member-box {
    padding: 20px 0 0 42px;
}

.member-box .label {
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
    line-height: 20px;
    margin-bottom: 30px;
    padding-right: 40px;
    overflow: inherit;
}

.member-box .label .link-btn {
    float: right;
    text-align: center;
    min-width: 80px;
    font-weight: 600;
    line-height: 30px;
    border: 1px solid #0284FF;
    border-radius: 4px;
    margin-top: -5px;
    font-size: 14px;
}

.member-box .member-tdlist {
    overflow: hidden;
}

.member-box .member-tdlist .tdlist-item {
    padding: 14px 25px;
    float: left;
    width: 312px;
    height: 114px;
    background: #F4F7FF;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    color: #1C1D22;
    line-height: 24px;
    font-size: 14px;
    position: relative;
    margin-bottom: 44px;
    margin-right: 22px;
}

.member-box .member-tdlist a {
    display: block;
    text-align: center;
    width: 90px;
    height: 28px;
    font-weight: 600;
    color: #fff;
    line-height: 28px;
    border-radius: 4px;
    position: absolute;
    left: 25px;
    bottom: -14px;
}

.member-box .member-tdlist .blue-btn {
    background: #0284FF;
    box-shadow: 10px 10px 10px 0px rgba(2, 132, 255, 0.3);
}

.member-box .member-tdlist .yellow-btn {
    background: #FCAA31;
    box-shadow: 10px 10px 10px 0px rgba(252, 170, 49, 0.3);
}

.member-box .member-tdlist .green-btn {
    background: #00BF65;
    box-shadow: 10px 10px 10px 0px rgba(0, 191, 101, 0.3);
}

.msg-table {
    padding-right: 40px;
    margin-bottom: 30px;
}

.msg-table .table {
    width: 100%;
    border: 1px solid #EBEBEB;
}

.msg-table .table tr {
    width: 100%;
    border: 1px solid #EBEBEB;
}

.msg-table .table td:nth-child(odd) {
    width: 170px;
    text-align: right;
    background: #F4F7FF;
    padding: 18px 10px;
    border-right: 1px solid #EBEBEB;
    font-size: 14px;
    line-height: 20px;
}

.msg-table .table td .td-label,
.msg-table .table td .td-text {
    padding:18px 10px;
}

.msg-table .table .td-box:last-child {
    border-bottom: none;
}

.msg-table .table .td-box {
    border-bottom: 1px solid #EBEBEB;
    overflow: hidden;
}

.msg-table .table .td-label {
    width: 170px;
    float: left;
    text-align: right;
    background: #F4F7FF;
}

.msg-table .table .td-text {
    background: #fff;
    margin-left: 180px;
    text-align: left;
    position: relative;
    min-height: 56px;
    border-left: 1px solid #EBEBEB;
}
.msg-table .nobox-border .td-text {
    border-left: none;
}

.msg-table .table td:nth-child(2) {
    /*width: 380px;*/
    border-right: 1px solid #EBEBEB;
}

.msg-table .table td:last-child {
    width: 352px !important;
}

.msg-table .table td {
    border: none;
    font-size: 16px;
    line-height: 16px;
    padding: 20px;
}

.msg-table .table td.no-padding {
    padding: 0;
}

.msg-table .table td.noborder .td-label {
    border: none;
}

.msg-table .table td i {
    color: #FF4747;
    margin-right: 5px;
}

.msg-table .table td .edit-btn {
    color: #0283FF;
    font-weight: 600;
    float: right;
}

.msg-table .table tr td.img {
    padding: 30px 21px;
}

.msg-table .table td.img img {
    width: 70px;
    height: 100px;
}

.msg-table .table tr:nth-child(odd) td:last-child {
    width: 380px;
}

.msg-table .table tr.card img {
    width: 393px;
}

.msg-table .table tr.card td:nth-child(3) {
    background: none;
}

.msg-table .table .label-row2 {
    padding: 18px 10px !important;
}

.msg-table .table .row3 {
    line-height: 30px;
}

.trajectory-box {
    overflow: hidden;
    position: relative;
}

.trajectory-box:after {
    display: inline-block;
    content: '';
    width: 980px;
    height: 6px;
    background: #F4F7FF;
    border-radius: 3px;
    border: 1px solid #EBEBEB;
    position: absolute;
    left: 0;
    bottom: 40px;
    z-index: 1;
}

.trajectory-box .trajectory-item {
    float: left;
    width: 312px;
    height: 100px;
    margin-right: 22px;
    background: #F4F7FF;
    border-radius: 4px;
    border: 1px solid #EBEBEB;
    position: relative;
    margin-bottom: 94px;
    padding: 27px 0 0 30px;
    font-size: 16px;
    font-weight: 500;
    color: rgba(28, 29, 34, 1);
    line-height: 16px;
}

.trajectory-box .trajectory-item p {
    width: 64px;
    text-align: center;
}

.trajectory-box .trajectory-item .trajectory-num {
    font-size: 24px;
    font-weight: 500;
    color: rgba(2, 132, 255, 1);
    line-height: 24px;
    margin-bottom: 6px;
}

.trajectory-box .trajectory-item-meet .trajectory-num {
    color: #FCAA31;
}

.trajectory-box .trajectory-item-prize .trajectory-num {
    color: #00BF65;
}

.trajectory-box .trajectory-item img {
    position: absolute;
    top: 10px;
    right: 20px;
}

.trajectory-box .trajectory-item .trajectory-tab {
    width: 105px;
    height: 47px;
    line-height: 25px;
    background: url("../images/newlogin/tab.png") no-repeat left top/100%;
    position: absolute;
    top: 136px;
    left: 111px;
    z-index: 2;
    padding-left: 15px;
    color: #fff;
    font-weight: 600;
    transition: all .2s;
}

.trajectory-box .trajectory-item-vip .trajectory-tab.active,
.trajectory-box .trajectory-item-vip .trajectory-tab:hover {
    background: url("../images/newlogin/vip.png") no-repeat left top/100%;
}

.trajectory-box .trajectory-item-meet .trajectory-tab.active,
.trajectory-box .trajectory-item-meet .trajectory-tab:hover {
    background: url("../images/newlogin/meet.png") no-repeat left top/100%;
}

.trajectory-box .trajectory-item-prize .trajectory-tab.active,
.trajectory-box .trajectory-item-prize .trajectory-tab:hover {
    background: url("../images/newlogin/prize.png") no-repeat left top/100%;
}

.trajectory-box .trajectory-item .tips {
    display: none;
    min-width: 110px;
    padding: 9px 7px 6px;
    background: url("../images/newlogin/tipsbg.png") no-repeat left top/100% 100%;
    position: absolute;
    bottom: -94px;
    left: 163px;
    z-index: 2;
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    transition: all .2s;
}

.trajectory-box .trajectory-item .trajectory-tab:hover + .tips {
    display: block;
}

.trajectory-list {
    padding-right: 40px;
}

.trajectory-list .item {
    display: none;
    padding-bottom: 40px;
    border-bottom: 1px solid #EBEBEB;
}

.trajectory-list .item:first-child {
    display: block;
}

.trajectory-list .trajectory-title {
    font-size: 16px;
    font-weight: 500;
    color: rgba(28, 29, 34, 1);
    line-height: 16px;
}

.trajectory-list .trajectory-title span {
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    color: rgba(252, 170, 49, 1);
    line-height: 20px;
    margin: 0 10px;
}

.trajectory-list li {
    padding: 19px 0 22px 10px;
    border-top: 1px solid #EBEBEB;
}

.trajectory-list li:first-child {
    border: none;
}

.trajectory-list .tra-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    margin-top: 10px;
}

.trajectory-list .tra-title span {
    font-size: 40px;
    color: rgba(206, 211, 214, 1);
    line-height: 40px;
    margin-right: 24px;
    vertical-align: middle;
}

.trajectory-list .tra-con {
    padding: 12px 0 0 42px;
    font-size: 16px;
    overflow: hidden;
}

.trajectory-list .tra-con .date {
    line-height: 1;
    float: left;
    padding-right: 30px;
    margin-top: 8px;
    border-right: 1px solid #EBEBEB;
}

.trajectory-list .tra-con .blue-text {
    float: right;
    color: #0283FF;
    font-weight: bold;
}

.trajectory-list .tra-con .text {
    margin-left: 186px;
    line-height: 32px;
}

.xj_ls_pager {
    text-align: center;
    padding: 20px 0;
}

.xj_ls_pager a {
    line-height: 40px;
    margin-left: 15px;
    border-radius: 5px;
    color: #1C1D22;
}

.page_norm {
    color: #666;
    border: 1px solid #9dceee;
    padding: 6px 12px;
}

.page_cur {
    background: #a1d2f6;
    color: #fff;
    padding: 6px 12px;
    border: 1px solid #a1d2f6;
}

.turn_page {
    width: 30px;
    border: 1px solid #ccc;
    text-align: center;
    color: #4a4a4a;
    height: 18px;
}

.jiao_box {
    padding: 20px 10px;
    line-height: 24px;
    background: #e6f5ff url(../images/jiao.png) no-repeat;
}

.member_bar {
    height: 45px;
    line-height: 45px;
    padding: 0 15px;
    background: #fafafa;
    border-bottom: 1px solid #f3f3f3;
}

.member_p {
    line-height: 30px;
    text-indent: 2em;
}

.member_tbl th {
    padding: 10px;
    background: #fafafa;
    border: 1px solid #ebebeb;
}

.member_tbl td {
    padding: 10px;
    border: 1px solid #ebebeb;
}

.memebg {
    display: flex;
    justify-content: center;
}

/* tab */

.set-content {
    height: 100%;
    width: 200px;
    /* margin:0 auto; */
}

.set-title {
    background-color: #1E2C52;
    width: 100%;
    height: 42px;
    display: flex;
    z-index: 9999;
}

.set-title ul li {
    background-color: pink;
    float: left;
    display: block;
    text-align: center;
    height: 100%;
    line-height: 42px;
    color: #3E6899;
    position: static;
    background: rgba(255, 255, 255, .1);
    box-sizing: border-box;
    cursor: pointer;
    width: 100px;
    cursor: pointer;
}

.set-title ul .on {
    background: #002F5D;
    color: #FCFC00;
}

.set-middle {
    background-color: #002F5D;
    box-sizing: border-box;
    overflow: hidden;
    height: 100%;
    padding: 15px 17px 0 19px;
}

.set-middle-item {

}

.set-middle-image img {
    display: block;
    float: left;
    cursor: pointer;
}

.set-middle-list ul li {
    display: flex;
    color: #fff;
    font-size: 13px;
    height: 43px;
    line-height: 43px;
    cursor: pointer;
    box-sizing: border-box;
    padding: 0 5px 0 2px;
}

.set-ali {
    flex: 1;
}

.set-middle-list .set-ali span {
    color: #fff;
    border-left: 3px solid #002f5d;
    padding-left: 10px;
}

.set-middle-list .onn span {
    border-left: 3px solid #fff !important;
}

.set-middle-list ul li:hover span {
    border-left: 3px solid #fff;
}

/*
.set-middle-list ul li:hover a{
	border-left: 3px solid #fff;
}
*/
.set-java {
    flex: 1.8;
}

.set-salary {
    flex: 1;
}

.set-more {
    text-align: right;
    flex: 1;
}

.set-more:after {
    content: "";
    display: inline-block;
    height: 8px;
    width: 8px;
    border-right: solid 1px #fff;
    border-bottom: solid 1px #fff;
    transform: rotate(-45deg);
    position: relative;
    top: 0;
    margin-left: 2px;
}

.servernav {
    height: 50px;
}

.serverbox {
    display: flex;
    position: relative;
    overflow: hidden;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.hytitle {
    color: #fff;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    width: 200px;
    height: 50px;
    background-color: #33587D;
}

.wetitle {
    color: #fff;
    font-size: 14px;
    line-height: 50px;
}

.regist {
    width: 100%;
    background-color: #9EB9D4;
    padding-right: 17px;
    padding-bottom: 30px;
}

.hyfw {
    height: 100%;
}

.wel {
    color: #fff;
    text-align: right;
    height: 50px;
    line-height: 50px;
    padding-right: 17px;
    font-size: 14px;
}

.wel a:link, .wel a:visited {
    color: #fff;
    text-decoration: none;
}

.wel a:hover {
    color: #fff;
    text-decoration: underline;
}

.process {
    position: relative;
    width: 100%;
    background-color: #fff;
    padding-right: 17px;
}

.weltit {
    font-size: 30px;
    text-align: center;
    height: 130px;
    line-height: 130px
}

.linelf,
.linert {
    float: left;
    height: 2px;
    width: 150px;

}

.line {
    position: absolute;
    left: 50%;
    transform: translate(-53%);
}

.linelf {
    background-color: orange;
}

.linert {
    background-color: green;
}

.fenlei {
    width: 93%;
    margin: 0 auto;
    /* height: 260px; */
    padding-bottom: 5px;
    background-color: #EEF4F8;
}

.normal {
    width: 124px;
    background-color: #fff;
}

.reg-btn {
    width: 126px;
    background-color: #fff;
}

.reg-btn a.button {
    position: absolute;
    display: block;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 30px;
    line-height: 30px;
    background-color: #65B74A;
    border-radius: 3px;
    color: #fff;
}

.flform {
    display: flex;
    justify-content: space-around;
    padding-top: 5px;
}

.biaoti {
    margin: 0 auto;
    width: 93%;
    line-height: 43px;
    font-size: 16px;
    color: #fff;
    background-color: #ACBDCD;
    border-radius: 8px 8px 0 0;
}

.neirong {
    width: 70%;
    background-color: #fff;
    padding: 20px;
}

.normal,
.reg-btn {
    position: relative;
}

.normal p {
    font-size: 16px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.regist {
    overflow: hidden;
}

.biaoti {
    padding-left: 37px;
    position: relative;
}

.biaoti.center {
    padding-left: 0px !important;
    text-align: center;
}

.block {
    position: absolute;
    top: 14px;
    left: 20px;
    display: block;
    width: 5px;
    height: 17px;
    background-color: #fff;
}

.process .flowline {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 99%;
    height: 145px;
    margin: 0 auto;
    background-color: #fff;
}

.ybt {
    color: #002e5c;
    display: inline-block;
    width: 83px;
    height: 21px;
    border-radius: 21px;
    text-align: center;
    line-height: 21px;
    border: 1px solid #002e5c;
    background-color: #DBDBDB;
    position: relative;
    z-index: 2;
}

.process-module .process-1 {
    text-align: center;
}

.icon-block img {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    z-index: 2;
}

.flow-line {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: red;
}

.flowline {
    padding: 10px 30px;
}

.flowline li {
    color: #002e5c;
    position: relative;
    text-align: center;
    padding-top: 45px;
    width: 100px;
    height: 83px;
}

li.process-0,
li.process-5 {
    padding-top: 50px;
}

.flow-line {
    position: absolute;
    top: 61px;
    left: 53px;
    width: 151px;
    border-bottom: 1px solid #002e5c;
    z-index: 1;
}

.lefline,
.ritline {
    width: 130px;
    height: 1px;
    background-color: #002e5c;
    position: absolute;

}

.lefline {
    top: 61px;
    left: 90px;
}

.ritline {
    width: 91px;
    top: 61px;
    left: -82px;
}

.membertypetips {
    margin-top: 25px;
    text-align: center;
    color: #4895DE;
    line-height: 30px;
    font-size: 16px;

}

.item {
    margin-top: 25px;
}

.item span {
    color: #6c6c6c;
}

/* tab鏍忔牱寮� */
.tab-wrapper {
    width: 100%;
}

.tab-menu li {
    float: left;
    width: 50%;
    text-align: center;
    background-color: #EBEBEB;
    position: relative;
    color: #a1a1a1;
    display: inline-block;
    padding: 12px 40px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 0;
    list-style: none;
}

.tab-menu li:hover {
    color: #464646;
}

.tab-menu li.active {
    background-color: #FAFAFA;
    color: #464646;
    opacity: 1;
}

.tab-menu li.active:hover {
    color: #444444;
}

.tab-content > div {
    background-color: #fff;
    box-sizing: border-box;
    width: 100%;
    padding: 80px 26px;
    min-height: 300px;
}

/*cheinfo寮€濮�*/

.fenlei {
    overflow: hidden;
    padding-bottom: 20px;
}

.fenlei > div {
    width: 85%;
    height: auto;
    overflow: hidden;
    margin: auto;
    margin-top: 15px;
}

.fenlei > div > span:nth-child(1) {
    display: block;
    width: 14%;
    text-align: right;
    font-size: 14px;
    color: #3e3e3e;
    float: left;
}

.fenlei > div > span:last-child {
    -color: #5e5e5e;
}

.fenlei > div > span {
    line-height: 37px;
}

.fenlei > div > input, .fenlei .neirong > input {
    padding: 5px;
    background: #fff;
    border: 1px solid #c0ddf1;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 50%;
}

.fenlei > div > textarea {
    padding: 5px;
    background: #fff;
    border: 1px solid #c0ddf1;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 50%;
}

.fenlei .success {
    padding: 50px 0;
}

.fenlei .success img {
    float: left;
    width: 100px;
    height: auto;
    padding: 20px;
}

.fenlei .success p {
    font-size: 16px;
    display: block;
    padding: 20px 20px;
}

.fenlei .majors ul {
    list-style: none;
    padding: 5px 0
}

.fenlei .majors li {
    padding: 3px 10px 3px 0;
    text-align: left;
    float: left;
    white-space: nowrap;
    word-break: keep-all;
}

.verifycode input {
    width: 33.4% !important;
}

.verifycode button {
    padding-top: 8px;
    padding-bottom: 10px;
    width: 16%;
    border: 1px solid #c0ddf1;
    background: -webkit-linear-gradient(top, #ffffff, #e9e9e9);
}

.fenlei div select {
    padding: 5px;
    background: #fff;
    border: 1px solid #c0ddf1;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 50%;
}

.con_b {
    width: 41%;
    height: auto;
    margin: auto;
    overflow: hidden;
    margin-top: 45px;
    margin-bottom: 45px;
}

.con_b a {
    display: block;
    width: 188px;
    height: 45px;
    border-radius: 3px;
    background: #f5f5f5;
    text-align: center;
    line-height: 45px;
    color: #666666;
    border: 1px solid #e7e7e7;
    float: left;
    font-size: 14px;
}

.con_b a:last-child {
    float: right;
    color: #fff;
    background: #4ba32d;
    border: 1px solid #4ba32d;
}

.pho_sc_r {
    width: 85%;
    height: auto;
    overflow: hidden;
    float: left;
}

.pho_sc_r_l {
    width: 49%;
    height: 200px;
    float: left;
    background: #fff;
    border: 1px solid #c0ddf1;
    position: relative;
}

.pho_sc_r_r {
    width: 49%;
    height: 200px;
    float: right;
    background: #fff;
    border: 1px solid #c0ddf1;
    position: relative;
}

.process {
    -height: 96.8%;
}

.process .content {
    padding: 30px 30px 20px 40px;
}

.bot {
    margin-top: 30px;
}

/*cheinfo缁撴潫*/

.con_b a button {
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    outline: none;
    color: #fff;
}

.pho_sc_r_ll {
    width: 49%;
    height: 170px;
    float: left;
    background: #fff;
    border: 1px solid #c0ddf1;
    position: relative;
}

.pho_sc_r_ll img {
    display: block;
    margin: auto;
    height: 155px;
    margin-top: 7px;
}

.pho_sc_r_rr {
    width: 49%;
    height: 170px;
    float: right;
    background: #fff;
    border: 1px solid #c0ddf1;
    position: relative;
}

.pho_sc_r_rr img {
    display: block;
    margin: auto;
    height: 155px;
    margin-top: 7px;
}

.wtx input {
    color: #8c8c8c !important;
}

.normal {
    border-right: 1px solid #eef4f8;
    margin-left: 10px;
}

.weixin {
    border-bottom: 3px solid #EDF3F7 !important;
}

.flform {
    margin-top: 0px !important;
    padding-top: 1px !important;
}

.jiaof {
    padding-left: 0px;
    text-align: center;
}

.flform {
    width: 100% !important;
}

.price {
    width: 104px;
    height: 25px;
    background: #7f7f7f;
    float: left;
    overflow: hidden;
    margin-left: 20px;
    cursor: pointer;
}

.price:hover {
    background: #ffa800;
}

.price.selected {
    background: #ffa800;
}

.price p {
    width: 39.5%;
    height: 25px;
    line-height: 25px;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
    line-height: 25px;
    border-right: 1px solid #fff;
    float: left;
}

.price span {
    display: block;
    width: 60%;
    height: 25px;
    line-height: 25px !important;
    font-size: 14px;
    color: #ffffff !important;
    text-align: center;
    float: left;
}

.pay_con_b {
    margin-left: 43px;
    margin-right: 43px;
    height: auto;
    overflow: hidden;

}

.pay_con_b_t {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px dashed #acbdcd;
    padding-bottom: 14px;
}

.pay_con_b p {
    color: #444444;
    font-size: 14px;
    margin-top: 14px;
    margin-left: 40px;
    margin-right: 40px;
}

.pay_con_b_b {
    width: 190px;
    height: 45px;
    background: #1e7bb3;
    border-radius: 3px;
    margin: auto;
    margin-top: 40px;
}

.pay_con_b_b button {
    display: block;
    width: 100%;
    height: 100%;
    background: none;
    font-size: 14px;
    color: #ffffff;
}

/*loginsucc寮€濮�*/
.log_one {
    margin-left: 17px;
    height: auto;
    background: #eef4f8;
    overflow: hidden;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.log_one_t {
    margin-left: 23px;
    margin-right: 23px;
    height: auto;
    overflow: hidden;
    height: 52px;
    line-height: 52px;
    font-size: 24px;
    color: #002f5d;
}

.log_one_b {
    margin-left: 5px;
    margin-right: 5px;
    height: auto;
    overflow: hidden;

}

.log_one_b table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.log_one_b table td {
    height: 37px;
    line-height: 37px;
    font-size: 14px;
    color: #010101;
}

.log_one_b table td:nth-child(1) {
    text-align: center;
}

.log_one_b table td:nth-child(2) {
    padding-left: 18px;
}

.log_one_b table td l {
    color: #0168d0;
    margin-left: 22px;
    cursor: pointer;
}

.log_one_b table td l:hover {
    text-decoration: underline;
}

.log_one_b table, th, td {
    border: 1px solid #eef4f8;
}

.log_one_b table td img {
    width: 319px;
    height: auto;
    margin-top: 19px;
}

.log_one_b_b {
    width: 184px;
    height: 40px;
    background: none;
    float: right;
    border: 1px solid #b5b5b5;
    border-radius: 3px;
    margin-top: 18px;
}

.log_one_b_b a {
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 40px;
}

.log_one {
    margin-top: 13px;
}

.log_hy_t {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #254c73;
}

.log_hy_t img {
    display: block;
    width: 100px;
    max-height: 200px;
    border-radius: 50%;
    padding: 5px;
    background: #fff;
    margin: auto;
}

.log_hy_t p {
    font-size: 14px;
    color: #f5f5f5;
    text-align: center;
    margin-top: 10px;
}

.log_hy_t a {
    width: 69px;
    height: 25px;
    display: block;
    border: 1px solid #4281d3;
    color: #4281d3;
    margin: auto;
    text-align: center;
    line-height: 21px;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 17px;
    margin-bottom: 17px;
}

.log_hy_t a:hover {
    color: #7dabe6;
    border: 1px solid #7dabe6;
}

.log_hy_b {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 17px;
    border-bottom: 1px solid #254c73;
}

.log_hy_b p l {
    color: #ff0000;
}

.log_hy_b p w {
    color: #04c902;
}

.log_hy_b p {
    font-size: 14px;
    color: #f5f5f5;
    margin-top: 11px;
}

.log_hy_b p a {
    color: #07a8fc;
    margin-left: 4px;
    margin-right: 4px;
}

.log_hy_b p a:hover {
    text-decoration: underline;
}

.log_sjhy {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px dashed #dcdcdc;
    background: #f1eeee;
}

.log_sjhy img {
    width: 65px;
    height: 65px;
    margin: auto;
    display: block;
    padding: 2px;
    background: #fff;
    border-radius: 50%;
    margin-top: 10px;
}

.log_sjhy p {
    text-align: center;
    font-size: 14px;
    color: #5a5a5a;
    margin-top: 5px;
}

.log_sjhy a {
    padding: 0 !important;
    margin: 0;
    width: 68px;
    height: 25px;
    border: 1px solid #5a5a5a;
    text-align: center;
    color: #5a5a5a !important;
    line-height: 23px !important;
    margin: auto !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;

}

.log_sjhy a:before {
    display: none;
}

.log_sjhy_b {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px dashed #dcdcdc;
    padding-bottom: 15px !important;
    background: #f1eeee;
}

.log_sjhy_b p {
    color: #5a5a5a;
    font-size: 14px;
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.log_sjhy_b p a {
    display: inline-block !important;
    padding: 0 !important;
    margin: 0;
    color: #969494 !important;
    overflow: visible !important;
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.log_sjhy_b p a:before {
    display: none;
}

.line_div {
    height: 38px;
}

/*loginsucc缁撴潫*/

@media (max-width: 767px) {
    .weltit {
        height: 92px;
    }

    .log_one {
        margin-top: 10px;
    }

    .line_div {
        height: 16px;
    }

    .log_one_b_b {
        width: 153px;
        height: 34px;
    }

    .log_one_b_b a {
        line-height: 34px;
        font-size: 13px;
    }

    .log_one {
        margin-left: 0px;
    }

    .log_one {
        margin-bottom: 0px !important;
    }

    .zdy_h {
        height: auto;
    }

    .newj {
        margin-bottom: 20px;
    }

    .regist {
        width: 100% !important;
    }

    .log_one_b table td:nth-child(1) {
        width: 30%;
    }

    .log_one_t {
        font-size: 20px;
    }

    .log_one_b table td img {
        width: 50%;
    }

    .log_one_b table td {
        font-size: 13px;
    }

    .ind_mar {
        margin-bottom: 40px;
    }

    .ind_mar .tab-content div {
        margin-top: 65px;
    }

    .tab-content > div {
        padding: 18px 26px;
    }

    .line {
        left: 53%;
    }

    .ybt {
        width: 70px;
        height: 19px;
        font-size: 12px;
        line-height: 19px !important;
        top: 1px;
    }

    .lefline {
        left: 0px;
    }

    .icon-block img {
        width: 27px;
        height: 27px;
        margin: -18px auto;
    }

    .regist {
        padding-bottom: 9px !important;
    }

    .bgg.fenlei > div > span:last-child {
        display: block !important;
    }

    .price {
        width: 90px;
        height: 22px;
        margin-left: 13px;
        margin-top: 10px;
    }

    .price p {
        line-height: 22px;
        font-size: 13px;
    }

    .price span {
        line-height: 22px !important;
        font-size: 13px;
    }

    .price:last-child {
        margin-bottom: 10px;
    }

    .flow-line {
        width: 100%;
    }

    .flowline {
        padding: 10px 10px;
    }

    .hyfw {
        display: none;
    }

    .regist {
        padding: 0px 5px;
    }

    .line {
        margin-bottom: 15px;
    }

    .memebg {
        -display: none;
        display: block;
        width: 100%;
        height: 8rem;
        overflow: hidden;
    }

    .memebg img {
        width: 100%;
        height: auto;
        overflow: hidden;
        transform: scale(1.8);
        position: relative;
        left: 6%;
        top: 22%;
    }

    .flform {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        padding-top: 5px;
    }

    .neirong {
        width: 100%;
    }

    .normal {
        width: 100%;
        height: 45px;
    }

    .reg-btn {
        width: 100%;
        height: 45px;
    }

    div.zhifu {
        width: 100%;
    }

    .fenlei > div {
        width: 94%;
    }

    .fenlei > div > span:nth-child(1) {
        width: 26%;
        font-size: 13px;
    }

    .fenlei > div > span:last-child {
        display: none;
    }

    .fenlei > div span.error {
        display: block !important;
        margin: 0 0 0 10em;
    }

    .pho_sc span {
        width: auto !important;
    }

    .pho_sc_r {
        width: 100%;
    }

    .fenlei > div > input {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 65%;
        font-size: 13px;
    }

    .fenlei > div > span {
        line-height: 25px;
    }

    .fenlei > div > select {
        padding-top: 5px;
        padding-bottom: 5px;
        width: 65%;
    }

    .danw > div > span:nth-child(1) {
        width: 32%;
    }

    .con_b {
        width: 75%;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .con_b a {
        width: 43%;
        height: 40px;
        line-height: 40px;
    }

    .con_b a button {
        display: block;
        width: 100%;
        height: 100%;
        background: none;
        border: none;
        outline: none;
    }

    .process {
        padding-right: 0px;
    }

    .code button {
        padding-top: 4px;
        padding-bottom: 4px;
        width: 25%;
    }

    .code input {
        width: 39% !important;
    }

    .pho_sc_r_ll img {
        height: 82%;
        margin-top: 15px;
    }

    .pho_sc_r_rr img {
        width: 82%;
        height: auto;
        margin-top: 32px;
    }

    .neirong p {
        text-align: center;
    }

    .bgg .normal {
        margin-left: 0px !important;
        border-bottom: 1px solid #eef4f8;
        border-right: none;
    }

    .bgg {
        border: 1px solid #eef4f8;
    }

    .normal p {
        font-weight: bold;
    }

    .bgg .neirong.zhifu {
        margin-left: 0px;
        min-height: 45px;
        padding: 0px;

    }

    .bgg .neirong > p {
        line-height: 45px;
        font-size: 16px;
        color: #545454;
    }

    /*.bgg .normal{
        width:40%!important;
        float:left;
    }
    .bgg .flform{
            flex-direction: row!important;
    }
    .bgg .neirong.zhifu{
        width:60%!important;
        float:left;
    }*/

}

div.zhifu {
    margin-right: 10px;
}

.ghh {
    color: #0c53d5;
}

.daijn {
    color: #ff0000;
}

/*学生会员注册缴费样式*/
.payment .add-img {
    display: inline-block;
}

.payment .disable {
    background: #ccc;
}

.payment .img-list {
    width: 100%;
    overflow: hidden;
}

.payment .imgs {
    width: 100px;
    height: 100px;
    margin: 20px 20px 20px 0;
    position: relative;
    float: left;
}

.payment .imgs img {
    width: 100px;
    height: 100px;
}

.payment .imgs .btn {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    padding: 40px 5px;
    width: 100%;
    height: 100%;
}

.payment .imgs:hover .btn {
    display: block;
}

.payment .imgs .btn span {
    float: left;
    cursor: pointer;
    width: 40px;
    line-height: 20px;
    text-align: center;
    color: #016DEC;
    border-radius: 5px;
    text-decoration: underline;
}

.payment .imgs .btn span:last-child {
    float: right;
    color: #FF4747;
}

.payment-preview-div {
    max-width: 600px;
}

.payment-preview-div img {
    width: 100%;
}

.payment {
    padding-left: 52px;
    color: #000;

}

.payment .page-label {
    padding-left: 0;
    margin: 20px 0;
}

.payment .orange-tips {
    font-size: 20px;
    font-weight: 400;
    color: #FF8000;
    line-height: 24px;
    margin-bottom: 14px;
}

.payment .submmit-btn {
    margin: 20px auto 10px 140px;
    width:220px;
}

.payment .submmit-tips{
    margin: 0 auto 44px 70px;
}

.h5-visible{
    display: none;
}