* {
    box-sizing: border-box;
}
html {
    font-size: 16px;
}
@font-face {
    font-family: "Montserrat-Regular";
    src: url("../fonts/Montserrat-Regular.ttf");
}
body,
input,
textarea,
button,
select {
    font-family: "Montserrat-Regular", "Microsoft YaHei", helvetica, arial;
    font-weight: lighter;
    font-size: 14px;
    color: #333333;
}
body {
    background: #f7f7f7;
    word-wrap: break-word;
    word-break: normal;
}
a {
    color: inherit;
}
a:hover {
    color: #296ad9;
}
a.underline {
    text-decoration: underline;
}
img {
    max-width: 100%;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
@font-face {
    font-family: NumFont;
    src: url(../fonts/montserrat-black-webfont.woff);
}

.hr-white {
    border-top-color: rgba(255, 255, 255, 0.87);
}
.hr-blue {
    border-top-color: rgba(226, 230, 250, 1);
}
*,
::after,
::before {
    box-sizing: border-box;
}
.clearfix::after {
    display: block;
    clear: both;
    content: "";
}
.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

.float-none {
    float: none !important;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030;
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.shadow {
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.shadow-none {
    box-shadow: none !important;
}
.inline-block {
    display: inline-block;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.row-25 {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -25px;
    margin-left: -25px;
}
.row-25 > div {
    padding-left: 25px;
    padding-right: 25px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}

.row-cols-1 > * {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.row-cols-2 > * {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.row-cols-3 > * {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.row-cols-4 > * {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.row-cols-5 > * {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

.row-cols-6 > * {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.w-20 {
    width: 20% !important;
}
.w-25 {
    width: 25% !important;
}
.w-33 {
    width: 33.33% !important;
}

.w-50 {
    width: 50% !important;
}

.w-75 {
    width: 75% !important;
}

.w-100 {
    width: 100% !important;
}

.w-auto {
    width: auto !important;
}

.h-25 {
    height: 25% !important;
}

.h-50 {
    height: 50% !important;
}

.h-75 {
    height: 75% !important;
}

.h-100 {
    height: 100% !important;
}
.h-auto {
    height: auto !important;
}

.mw-100 {
    max-width: 100% !important;
}

.mh-100 {
    max-height: 100% !important;
}

.min-vw-100 {
    min-width: 100vw !important;
}

.min-vh-100 {
    min-height: 100vh !important;
}

.vw-100 {
    width: 100vw !important;
}

.vh-100 {
    height: 100vh !important;
}

.text-justify {
    text-align: justify !important;
}

.text-wrap {
    white-space: normal !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}
.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}
.font-italic {
    font-style: italic !important;
}
.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}
.visible {
    visibility: visible !important;
}

.invisible {
    visibility: hidden !important;
}
.p-0 {
    padding: 0 !important;
}

.pt-0 {
    padding-top: 0px !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-25 {
    padding-top: 25px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-35 {
    padding-top: 35px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.pt-110 {
    padding-top: 110px !important;
}
.pt-initial {
    padding-top: initial !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-25 {
    padding-bottom: 25px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-35 {
    padding-bottom: 35px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pb-110 {
    padding-bottom: 110px !important;
}
.pb-initial {
    padding-bottom: initial !important;
}

.pl-0 {
    padding-left: 0 !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-25 {
    padding-left: 25px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pl-35 {
    padding-left: 35px !important;
}
.pl-40 {
    padding-left: 40px !important;
}
.pl-50 {
    padding-left: 50px !important;
}
.pl-60 {
    padding-left: 60px !important;
}
.pl-initial {
    padding-left: initial !important;
}

.pr-0 {
    padding-right: 0 !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-25 {
    padding-right: 25px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pr-35 {
    padding-right: 35px !important;
}
.pr-40 {
    padding-right: 40px !important;
}
.pr-50 {
    padding-right: 50px !important;
}
.pr-60 {
    padding-right: 60px !important;
}
.pr-initial {
    padding-right: initial !important;
}

.p-initial {
    padding: initial !important;
}

.m-0 {
    margin: 0 !important;
}

.mt-0 {
    margin-top: 0px !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-35 {
    margin-top: 35px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-110 {
    margin-top: 110px !important;
}
.mt-auto {
    margin-top: initial !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-35 {
    margin-bottom: 35px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-110 {
    margin-bottom: 110px !important;
}
.mb-auto {
    margin-bottom: initial !important;
}

.ml-0 {
    margin-left: 0px !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.ml-25 {
    margin-left: 25px !important;
}
.ml-30 {
    margin-left: 30px !important;
}
.ml-35 {
    margin-left: 35px !important;
}
.ml-40 {
    margin-left: 40px !important;
}
.ml-50 {
    margin-left: 50px !important;
}
.ml-60 {
    margin-left: 60px !important;
}
.ml-auto {
    margin-left: initial !important;
}

.mr-0 {
    margin-right: 0px !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.mr-10 {
    margin-right: 10px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.mr-25 {
    margin-right: 25px !important;
}
.mr-30 {
    margin-right: 30px !important;
}
.mr-35 {
    margin-right: 35px !important;
}
.mr-40 {
    margin-right: 40px !important;
}
.mr-50 {
    margin-right: 50px !important;
}
.mr-60 {
    margin-right: 60px !important;
}
.mr-auto {
    margin-right: initial !important;
}

.m-auto {
    margin: auto !important;
}

/*阴影*/
.m-shadow-none {
    box-shadow: none;
}
.m-shadow-xs {
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
.m-shadow-sm {
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
}
.m-shadow-md {
    box-shadow: 0px 4px 8px -2px rgba(16, 24, 40, 0.1), 0px 2px 4px -2px rgba(16, 24, 40, 0.06);
}
.m-shadow-lg {
    box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.1), 0px 4px 6px -2px rgba(16, 24, 40, 0.05);
}
.m-shadow-xl {
    box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.1), 0px 8px 8px -4px rgba(16, 24, 40, 0.04);
}
.m-shadow-2xl {
    box-shadow: 0px 24px 48px -12px rgba(16, 24, 40, 0.25);
}
.m-shadow-3xl {
    box-shadow: 0px 32px 64px -12px rgba(16, 24, 40, 0.2);
}
/*----------------------*/

.m-badge {
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 4px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.m-badge-primary {
    color: #0e2ed6;
    border: 1px solid #0e2ed6;
}
.m-badge-pink {
    color: #f83cc0;
    border: 1px solid #f83cc0;
}
.m-badge-red {
    color: #ef745f;
    border: 1px solid #ef745f;
}
.m-badge-orange {
    color: #ff9e02;
    border: 1px solid #ff9e02;
}
.m-badge-green {
    color: #00c692;
    border: 1px solid #00c692;
}
.m-badge-purple {
    color: #5925dc;
    border: 1px solid #5925dc;
}
.m-badge-gray {
    color: #575757;
    border: 1px solid #575757;
}
.m-badge-lg {
    font-size: 16px;
    padding: 7px 12px;
    border-radius: 5px;
}
.m-btn {
    display: inline-block;
    font-weight: 400;
    color: #222;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    background-color: transparent;
    padding: 9px 24px;
    font-size: 16px;
    line-height: 1.5;
    border-radius: 100px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    cursor: pointer;
}
.m-btn:hover {
    text-decoration: none;
}
.m-btn .licon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 0;
}
.m-btn .ricon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    font-size: 0;
}
.m-btn .icon1 {
    display: inline-block;
}
.m-btn .icon2 {
    display: none;
}
.m-btn-primary {
    background-color: #0e2ed6;
    color: #fff;
}
.m-btn-primary:hover {
    background: rgba(2, 25, 147, 1);
    color: #fff;
}
.m-btn-primary.disabled,
.m-btn-primary:disabled {
    opacity: 0.4;
    background-color: #0e2ed6;
    cursor: auto;
}
.m-btn-blue {
    color: #021993;
    background-color: rgba(226, 230, 250, 0.5);
}
.m-btn-blue.disabled,
.m-btn-blue:disabled {
    color: #b7c0f3;
    cursor: auto;
}
.m-btn-pink {
    color: #fff;
    background-color: #f83cc0;
}
.m-btn-white {
    color: #0e2ed6;
    background-color: #fff;
}
.m-btn-white:hover {
    opacity: 0.8;
}
.m-btn-outline-primary {
    color: #0e2ed6;
    border-color: #0e2ed6;
    background-color: transparent;
}
.m-btn-outline-primary:hover {
    color: #021993;
    border-color: #021993;
}
.m-btn-outline-primary.active {
    color: #fff;
    background-color: #0e2ed6;
    border-color: #0e2ed6;
}
.m-btn-outline-primary.active .icon1 {
    display: none;
}
.m-btn-outline-primary.active .icon2 {
    display: inline-block;
}
.m-btn-outline-white {
    color: #fff;
    border-color: #fff;
    background-color: transparent;
}
.m-btn-outline-white:hover {
    opacity: 0.8;
    color: #fff;
}
.m-btn-lg {
    padding: 15px 32px;
    line-height: 1.5;
}
.m-btn-md {
    padding: 3px 20px;
    line-height: 1.5;
}
.m-btn-sm {
    padding: 2px 8px;
    line-height: 1.5;
    font-size: 14px;
}
.m-btn-link-primary {
    color: #0e2ed6;
    background-color: transparent;
    border-color: transparent;
}
.m-btn-link-primary:hover {
    color: #021993;
}
.m-btn-link-blue {
    color: #0e2ed6;
    background-color: transparent;
    border-color: transparent;
}
.m-btn-link-blue:hover {
    color: #0e2ed6;
    border-color: transparent;
    background-color: rgba(226, 230, 250, 0.5);
}
.m-btn-link-gray {
    color: rgba(0, 0, 0, 0.6);
}
.m-btn-link-gray:hover {
    background-color: rgba(226, 230, 250, 0.5);
}
.m-btn-link-red {
    color: #ec543a;
}
.m-btn-link-red:hover {
    background-color: rgba(234, 93, 69, 0.1);
}
.m-btn-link-blue.disabled,
.m-btn-link-blue:disabled,
.m-btn-link-gray.disabled,
.m-btn-link-gray:disabled,
.m-btn-link-red.disabled,
.m-btn-link-red:disabled {
    opacity: 0.4;
    cursor: auto;
}

.m-link {
    color: #0e2ed6;
}
.m-link:hover {
    color: #021993;
}

/*-------------------------*/
.fl {
    float: left;
}
.fr {
    float: right;
}
.wrapper {
    width: 1200px;
    margin: 0 auto;
}
/*header*/
.header {
    height: 80px;
    background: #021993;
    position: relative;
    z-index: 999;
    position: relative;
    padding: 13px 0;
}
.header > .wrapper {
    position: relative;
    z-index: 999;
    width: 1264px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header > .wrapper:after {
    display: none;
}
body.bg1 {
    padding-top: 80px;
}
body.bg1 .header {
    background: #0c1162;
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.header .nav-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.header-logo {
    display: inline-block;
}
.header-logo img {
    vertical-align: middle;
}

.header-lang {
    /*display: inline-block;vertical-align: top; margin-top: 35px; margin-left: 15px; width: 80px;*/
    position: relative;
}
/*.header-lang .caret{
	display: inline-block;vertical-align: middle; width: 8px; height: 5px; background: url(../imgs/caret.png) no-repeat; margin-left: 8px;
	transition: all 0.3s;
}

.header-lang>span{
	cursor: pointer; margin-bottom: 8px; display: block;
}
.header-lang>span img{
	display: inline-block;vertical-align: middle; 
}*/
.header-lang ul {
    opacity: 0;
    overflow: hidden;
    height: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.header-lang ul li {
    margin-bottom: 2px;
    text-align: center;
}
.header-lang li img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.header-lang li:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: auto;
}
.header-lang:hover .caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.header-lang:hover ul {
    opacity: 1;
    overflow: visible;
    height: auto;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
/*.header-lang img{
	width: 56px; border-radius: 5px;
}*/
.header-nav {
    margin-left: 15px;
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}

.header-nav .dropdown {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 5px;
    background: url(../imgs/dropdown.png);
    border: 0;
    margin-left: 5px;
}

.header-nav > ul > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    margin-right: 24px;
    position: relative;
    line-height: 28px;
    padding-bottom: 7px;
}
.header-nav > ul > li > a {
    display: block;
}
.header-nav > ul > li > a:hover {
    color: #fff;
}
.header-nav > ul > li > a:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    content: "";
    height: 3px;
    background: linear-gradient(88.93deg, #f83cc0 0%, #7a5af8 33.23%, #7cd4fd 59.2%, #ffffff 98.17%);
    visibility: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.header-nav > ul > li.active > a {
    color: #fff;
}
.header-nav  >ul> li.active> a:after
/*.header-nav  >ul> li:hover> a:after*/ {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.header-nav .subnav {
    position: absolute;
    left: 50%;
    margin-left: -52.5px;
    top: 95px;
    width: 105px;
    text-align: center;
    background: #fff;
    display: none;
}
.header-nav .subnav:after {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -7px;
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.header-nav > ul > li:hover .subnav {
    display: block;
}
.header-nav .subnav li {
    height: 35px;
    line-height: 35px;
    color: #999;
    font-size: 14px;
    position: relative;
}
.header-nav .subnav li:after {
    position: absolute;
    left: 15%;
    height: 1px;
    width: 70%;
    content: "";

    background: linear-gradient(to right, rgba(142, 142, 142, 0.1), rgba(142, 142, 142, 0.4), rgba(142, 142, 142, 0.1));
}
.header-nav .subnav li a {
    color: #2d2d2d;
    color: rgba(45, 45, 45, 0.8);
}
.header-nav .subnav li:hover a {
    color: #0a5ed7;
}
.header-nav.nobg > ul > li.active > a:after,
.header-nav.nobg > ul > li:hover > a:after {
    display: none;
}
.header-nav1 {
    float: right;
}
.header-nav1 > ul > li {
    line-height: 80px;
    font-size: 16px;
    color: #333;
}
.header-info {
    float: right;
}
.header-info .item {
    display: inline-block;
    vertical-align: top;
}
.header-info .item + .item {
    margin-left: 15px;
}
.header-info .nav {
    margin-top: 35px;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    height: 40px;
    border-radius: 50px;
    padding: 0 5px;
    line-height: 38px;
}

.header-info .nav a {
    font-size: 16px;
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    position: relative;
    padding: 0 15px;
    display: inline-block;
    vertical-align: top;
}
.header-info .nav a + a:before {
    width: 1px;
    height: 15px;
    content: "";
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    position: absolute;
    left: -1px;
    top: 50%;
    margin-top: -7.5px;
}

.header-info .nav a:hover {
    color: #fff;
}

.header-info .lang {
    border: 1px solid #5687f1;
    color: #5687f1;
    border-radius: 15px;
    position: relative;
}
.header-info .lang a {
    display: block;
    color: #5687f1;
    font-size: 14px;
}
.header-info .lang img {
    width: 14px;
    height: 10px;
    margin-right: 5px;
}
.header-info .lang-on,
.header-info .lang-list li {
    padding: 0 30px 0 10px;
    line-height: 28px;
}
.header-info .lang-list li:hover {
    background: #3c5cb5;
    background: rgba(60, 92, 181, 0.5);
}

.header-info .lang-icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 28px;
    width: 30px;
    display: block;
    background: url(../imgs/lang-icon.png) no-repeat center;
    cursor: pointer;
}
.header-info .lang-list {
    display: none;
}

.header-info .btn {
    display: inline-block;
    vertical-align: top;
    margin-top: 35px;
}
.header-info .btn a {
    display: block;
    font-size: 16px;
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    line-height: 38px;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    padding: 0 13px;
    border-radius: 30px;
}
.header-info .btn a:hover {
    color: #101360;
    border-color: #fff;
    background: #fff;
}

.header-back {
    float: right;
    margin-top: 30px;
}
.header-back a {
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    padding: 0 25px;
    line-height: 38px;
    border-radius: 50px;
    display: inline-block;
}
.header-back a:hover {
    color: #fff;
    border-color: #fff;
}

.g-btn {
    background: #296ad9;
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    border: 0;
    padding: 0 40px;
    height: 42px;
    line-height: 40px;
    cursor: pointer;
    border: 1px solid #5687f1;
}
.g-btn-form {
    width: 190px;
    height: 44px;
    line-height: 42px;
}
.g-btn:hover {
    background: #3162cc;
    color: #fff;
}
.g-btn-blue {
    color: #296ad9;
    background: #fff;
    border-color: #296ad9;
}
.g-btn-white {
    color: #999;
    border: 1px solid #999;
    background: #fff;
}
.g-btn-white:hover {
    background: #296ad9;
    border-color: #296ad9;
}
.g-btn-s {
    height: 30px;
    line-height: 28px;
    padding: 0 10px;
    width: auto;
}
.g-btn + .g-btn {
    margin-left: 18px;
}
.header-info .notice {
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
}
.header-info .icon-notice {
    background: url(../imgs/icon-notice.png);
    width: 24px;
    height: 24px;
    display: inline-block;
    position: relative;
}
.g-topmsg {
    position: absolute;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #ff494a;
    border-radius: 50%;
    right: 0;
    top: 0;
}
.header-info .list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    width: 140px;
    height: 100px;
    background: linear-gradient(0deg, rgba(18, 25, 156, 1), rgba(15, 18, 85, 1));
}
.header-info .list-on {
    font-size: 18px;
    color: #fff;
    line-height: 100px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    max-width: 140px;
    text-align: center;
}
.header-info .list-on span {
    display: inline-block;
    vertical-align: middle;
    max-width: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.header-info .list-on .icon {
    display: inline-block;
    vertical-align: middle;
    background: url(../imgs/caret.png);
    width: 8px;
    height: 5px;
    margin-left: 5px;
}
.header-info .list-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 80px;
    background: linear-gradient(0deg, rgba(18, 25, 156, 1), rgba(15, 18, 85, 1));
    box-shadow: 0px 2px 4px 0px rgba(4, 0, 0, 0.12);
    text-align: center;
    display: none;
}

.header-info .list:hover .list-dropdown {
    display: block;
}
.header-info .list-dropdown li a {
    margin: 0 20px;
    display: block;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-info .list-dropdown li:last-child a {
    border-bottom: 0;
}
.header-info .list-dropdown li a:hover,
.header-info .list-dropdown li.active a {
    color: #fff;
}
/*头部标语*/
.header-slogan {
    display: inline-block;
    vertical-align: top;
    margin-top: 28px;
    height: 45px;
    border-right: 1px solid #fff;
    padding-right: 28px;
    padding-top: 2px;
}
.header-slogan h3 {
    font-size: 16px;
    color: #fff;
}
.header-slogan p {
    font-size: 16px;
    color: #fff;
}
/*头部 白色*/
.header.white {
    background: #fff;
}
.header.white .header-slogan h3 {
    color: #222222;
}
.header.white .header-slogan p {
    color: #666666;
}
.header.white .header-nav > ul > li {
    color: #666;
    font-size: 18px;
    font-weight: bold;
}
.header.white .header-nav > ul > li.active > a,
.header.white .header-nav > ul > li:hover > a {
    color: #222;
}
.header.white .header-info .list {
    background: #fff;
    color: #718fb0;
}
.header.white .header-info .list-on {
    color: #0f1e78;
}
.header.white .header-info .list-on .icon {
    background-image: url(../imgs/caret-blue.png);
}
.header.white .header-info .list-dropdown {
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.header.white .header-info .list-dropdown li a {
    color: #999;
}
.header.white .header-info .list-dropdown li a:hover {
    color: #333;
}
.header.white .header-info .btn a {
    color: #999;
    border-color: #999;
}
.header.white .header-info .btn a:hover {
    background: #333;
    border-color: #333;
    color: #fff;
}
.header.white .header-info .nav {
    border-color: #999;
}
.header.white .header-info .nav a {
    color: #999;
}
.header.white .header-info .nav a + a:before {
    background: #999;
}
.header.white .header-info .nav a:hover {
    color: #333;
}

/*navbar-nav*/
.navbar-nav {
    /*margin-top: 25px;*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    float: right;
}
.navbar-nav .nav-item {
    /*display: inline-block;vertical-align: top; */
    position: relative;
    margin-left: 20px;
}
.navbar-nav .nav-link {
    display: block;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    text-align: center;
    line-height: 24px;
    border: 2px solid #fff;
    box-sizing: inherit;
}
.header-lang .nav-link {
    font-size: 12px;
    color: #fff;
}
.navbar-nav .nav-link > img {
    vertical-align: middle;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    display: block;
}
.navbar-nav .dropdown-menu {
    display: none;
    position: absolute;
    top: 28px;
    padding: 0 10px;
    width: 90px;
    left: 50%;
    margin-left: -45px;
    text-align: center;
    box-shadow: 0 2px 4px 0 rgb(4 0 0 / 12%);
    background-color: #000075;
}
.navbar-nav .nav-item:hover .dropdown-menu {
    display: block;
}
.navbar-nav .dropdown-menu li a {
    font-size: 12px;
    margin: 0;
    color: #fff;
    display: inline-block;
    border-bottom: 1px solid rgb(151, 151, 151);
    padding-bottom: 15px;
    padding-top: 15px;
}
.navbar-nav .dropdown-menu li:last-child a {
    border-bottom: 0;
}
.navbar-nav .dropdown-menu li a:hover {
    color: #4c84fd;
}
.navbar-nav .headder-btn {
    margin-left: 0;
    display: flex;
}
.headder-btn .m-btn {
    margin-left: 16px;
    border: 2px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: static;
    width: 80px;
    height: 28px;
    border-radius: 100px;
    padding: 0;
}
/*copyright*/
.copyright {
    background: #0d1051;
    color: #afafb2;
    text-align: center;
    padding: 25px 0;
    line-height: 1.6;
}
.copyright span {
    margin: 0 15px;
}
.copyright .tel {
    background: url(../imgs/icon-tel.png) no-repeat left center;
    padding-left: 20px;
}
.copyright .email {
    background: url(../imgs/icon-email.png) no-repeat left center;
    padding-left: 26px;
}
.footer {
    background: #000075;
    color: #fff;
}
.footer .wrapper {
    width: 1164px;
}
.footer .subscribe {
    padding: 48px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer .subscribe input.text {
    width: 353px;
    background: #021993;
    border-radius: 57px;
    outline: none;
    border: none;
    padding: 14px 20px;
    color: #fff;
    margin-right: 16px;
    font-size: 14px;
}
.footer .subscribe input.text::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.footer .subscribe input.text:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.footer .subscribe input.text::placeholder {
    color: rgba(255, 255, 255, 0.7);
}
.footer .subscribe .button-box {
    border-radius: 122px;
    padding: 1px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    float: left;
    cursor: pointer;
}
.gradient {
    display: block;
    content: "";
    width: 400px;
    height: 400px;
    background: linear-gradient(90deg, #f83cc0, #7a5af8 33.23%, #7cd4fd 69.2%, #fff);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transform-origin: center;
    border-radius: 50%;
    -webkit-animation: anim2 1s linear 2;
    animation: anim2 1s linear 2;
}
@keyframes anim2 {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform-origin: center;
    }
    to {
        transform: translateX(-50%) translateY(-50%) rotate(0);
        transform-origin: center;
    }
}
.footer .subscribe .button-box:hover .gradient {
    -webkit-animation: anim 1s linear 2;
    animation: anim 1s linear 2;
}
@keyframes anim {
    0% {
        transform: translateX(-50%) translateY(-50%) rotate(0);
        transform-origin: center;
    }
    to {
        transform: translateX(-50%) translateY(-50%) rotate(1turn);
        transform-origin: center;
    }
}
.footer .subscribe .button {
    padding: 8px 28px;
    color: #fff;
    position: relative;
    background: #021993;
    border-radius: 122px;
    margin: 1px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 0;
    cursor: pointer;
}
.footer-cont {
    width: 100%;
    padding: 48px 0;
    border-bottom: 1px solid hsla(0, 0%, 100%, 0.87);
    /* border-top: 1px solid hsla(0,0%,100%,.87); */
    display: flex;
    justify-content: space-between;
}
.footer-cont-left {
}
.footer-cont-right {
    display: flex;
}
.footer-cont-right .item {
    max-width: 368px;
}
.footer-cont-right .item:nth-child(2n) {
    margin-left: 48px;
}
.footer-logo {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.footer .share i.fa {
    margin-right: 40px;
    cursor: pointer;
}
.footer .share i.fa:hover {
    color: #fff;
}
.footer-r p {
    line-height: 1.8;
    font-size: 21px;
    text-align: right;
}
.footer-r p + p {
    margin-top: 35px;
}
.footer a:hover {
    color: #fff;
}
.footer-logo {
    float: left;
    margin-right: 60px;
    width: 220px;
    text-align: center;
}

.footer-box {
    float: left;
    color: #7c82bd;
    text-align: left;
    width: 260px;
    margin-right: 50px;
}
.footer-box:last-child {
    margin-right: 0;
}
.footer-box .hd {
    font-size: 16px;
    margin-bottom: 40px;
    position: relative;
}
.footer-box .hd:after {
    display: block;
    content: "";
    width: 260px;
    height: 1px;
    background: #7c82bd;
    position: absolute;
    top: 40px;
}
.footer-box li {
    margin-right: 8px;
    position: relative;
    display: inline-block;
}
.footer-box li img {
    height: 20px;
    width: auto;
}
.footer-box .bd p {
    margin-bottom: 10px;
}
.footer-box li a {
    display: block;
    width: 44px;
    height: 44px;
    line-height: 50px;
    border: 1px solid #7c82bd;
    border-radius: 50%;
    text-align: center;
}
.footer-box .weixin {
    background: url(../imgs/weixin.png) no-repeat center top;
}
.footer-box .weibo {
    background: url(../imgs/weibo.png) no-repeat center top;
}
.footer-box .facebook {
    background: url(../imgs/facebook.png) no-repeat center top;
}
.footer-box .twitter {
    background: url(../imgs/twitter.png) no-repeat center top;
}
.footer-box li a:hover {
    background-color: #7c82bd;
    background-position: center bottom;
}
.footer-box .qrpop {
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 55px;
    background: #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    display: none;
}
.footer-box .qrpop:after {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -7px;
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.footer-box li:hover .qrpop {
    display: block;
}
.footer-box .qrpop img {
    width: 72px;
    height: 72px;
    vertical-align: middle;
}
/*中间*/
.m-page {
    padding-top: 40px;
    padding-bottom: 100px;
    background: #f7f7f7;
}
.m-page.pt0 {
    padding-top: 0;
}
.m-page-box {
    margin-left: -2px;
    margin-right: -2px;
    height: auto;
    padding-bottom: 3px;
    padding-top: 3px;
    overflow: hidden;
}
.m-page-left {
    width: 185px;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    float: left;
    margin-left: 2px;
}
.m-page-left .nav {
    text-align: left;
    margin-top: 25px;
}
.m-page-left .nav li {
    line-height: 55px;
    position: relative;
    margin-bottom: 1px;
    color: #666;
}
.m-page-left .nav li > a {
    color: #666;
    font-size: 16px;
    display: block;
    /* padding-left: 40px; */
    text-align: center;
}
.m-page-left .nav i {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    margin-top: -3px;
}
.m-page-left .nav .icon-enroll {
    background-image: url(../imgs/icon-enroll.png);
}
.m-page-left .nav .icon-project {
    background-image: url(../imgs/icon-project.png);
}
.m-page-left .nav .icon-match {
    background-image: url(../imgs/icon-match.png);
}
.m-page-left .nav .icon-user {
    background-image: url(../imgs/icon-user.png);
}

.m-page-left .nav .icon-ticket {
    background-image: url(../imgs/icon-ticket.png);
}
.m-page-left .nav .icon-meet {
    background-image: url(../imgs/icon-meet.png);
}
.m-page-left .nav .icon-schedule {
    background-image: url(../imgs/icon-schedule.png);
}
.m-page-left .nav .icon-bill {
    background-image: url(../imgs/icon-bill.png);
    color: #296ad9;
    color: #666666;
}

.m-page-left .nav li.active i,
.m-page-left .nav li:hover i {
    background-position: center bottom;
}

.m-page-left .nav li.active > a,
.m-page-left .nav li:hover > a {
    background: #e5edfa;
}
.m-page-left .nav li.active > a,
.m-page-left .nav li:hover > a {
    color: #296ad9;
    font-weight: bold;
}
.m-page-left .nav li > a:before {
    position: absolute;
    left: 0;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    width: 3px;
    content: "";
    /* background: #5687f1;  */
    visibility: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}
.m-page-left .nav li.active > a:before,
.m-page-left .nav li:hover > a:before {
    visibility: visible;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.m-page-main {
    width: 995px;
    float: right;
    margin-right: 2px;
}
.m-card {
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    padding: 0 40px;
}
.m-card + .m-card {
    margin-top: 20px;
}
.m-card-hd {
    min-height: 80px;
    border-bottom: 1px solid #b1c1d2;
}
.m-card-hd.h-auto {
    height: auto;
}
.m-card-hd .tit {
    padding-top: 28px;
    font-size: 18px;
    color: #333;
    max-width: 85%;
    line-height: 1.2;
}
.m-card-hd .tit small {
    font-size: 14px;
    color: #999999;
    margin-left: 8px;
}
.m-card-hd .tabhd {
    margin-top: 28px;
}
.m-card-hd .tabhd li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    margin: 0 15px;
}
.m-card-hd .tabhd li a {
    color: #666;
    font-weight: bold;
    padding-bottom: 8px;
    position: relative;
}
.m-card-hd .tabhd li.active a {
    color: #5687f1;
    border-bottom: 2px solid #5687f1;
}
.m-card-hd .tabhd .g-topmsg {
    right: -3px;
    top: 1px;
    width: 4px;
    height: 4px;
}
.m-card-hd .btn-back {
    font-size: 16px;
    color: #999999;
    margin-top: 25px;
    background: url(../imgs/icon-back.png) no-repeat left top;
    padding-left: 25px;
    line-height: 30px;
}

.m-card-hd .btn-back:hover {
    color: #296ad9;
    background-position: left bottom;
}
.m-card-hd .btn-back:hover a {
    color: #296ad9;
}
.m-card-hd .btn-back .g-btn {
    padding: 0 15px;
    background: #fff;
    color: #5687f1;
    border-radius: 55px;
}
.m-card-hd .btn-back .g-btn:hover {
    background: #5687f1;
    color: #fff;
}
.m-card-hd-s {
    height: 55px;
}
.m-card-hd-s .tit {
    font-size: 16px;
    padding-top: 20px;
}
.m-card-hd-s .btn-back {
    margin-top: 12px;
}
.m-card-bd {
    padding-bottom: 40px;
}
.m-notice-list {
    margin-top: 40px;
    margin-bottom: 120px;
}
.m-notice-list li {
    margin-bottom: 26px;
    font-size: 14px;
    padding-left: 15px;
}
.m-notice-list li .tit {
    color: #333;
    position: relative;
}
.m-notice-list li .tit:before {
    position: absolute;
    left: -15px;
    top: 8px;
    width: 6px;
    height: 6px;
    background: #b1c1d2;
    content: "";
    border-radius: 50%;
}
.m-notice-list li .txt {
    color: #666;
    margin-top: 5px;
}
.m-notice-list li:hover .txt {
    /*color: #5687F1;*/
}
.m-notice-list li.on .tit {
    font-weight: bold;
}
.m-notice-list li.on .tip {
    color: #ff494a;
}
.m-notice-list li.on .tit:before {
    background: #ff494a;
}
.m-pagination {
    height: 110px;
    padding-top: 40px;
    text-align: center;
}
.m-pagination-s {
    height: auto;
}
.m-pagination .btn {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    border: 1px solid #999999;
    color: #999999;
    padding: 0 15px;
    line-height: 26px;
    height: 26px;
    border-radius: 30px;
    cursor: pointer;
}
.m-pagination .btn:hover {
    background: #296ad9;
    border-color: #296ad9;
    color: #fff;
}
.m-pagination .num {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
}
.m-pagination .num li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 6px;
}
.m-pagination .num a {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border: 1px solid #999999;
    border-radius: 50px;
    font-size: 14px;
    color: #999999;
    cursor: pointer;
}
.m-pagination .num li.active a,
.m-pagination .num li:hover a {
    color: #fff;
    background: #296ad9;
    border-color: #296ad9;
}
/*账号信息*/
.m-userinfo {
    padding-top: 100px;
    text-align: center;
    padding-bottom: 80px;
}
.m-userinfo-img img {
    border-radius: 50%;
}
.m-userinfo-list {
    margin-top: 30px;
    padding-left: 300px;
    text-align: left;
}
.m-userinfo-list li {
    margin-bottom: 20px;
}
.m-userinfo-list li .label {
    display: inline-block;
    min-width: 60px;
}
.m-userinfo-list li .txt {
    min-width: 200px;
    display: inline-block;
    text-align: left;
    font-size: 14px;
}
.m-userinfo-list li .btn {
    line-height: 23px;
    height: 25px;
    padding: 0 10px;
    border-radius: 30px;
    border: 1px solid #5687f1;
    color: #5687f1;
    display: inline-block;
}
.m-userinfo-list li .icon-modify {
    display: inline-block;
    background: url(../imgs/icon-modify.png);
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    margin-top: -3px;
}
.m-userinfo-list li .btn:hover {
    background: #5687f1;
    color: #fff;
}
.m-userinfo-list li .btn:hover .icon-modify {
    background-image: url(../imgs/icon-modify-on.png);
}
/*修改邮箱*/
.m-page1-pwd {
    padding-top: 100px;
    text-align: center;
}
.m-userform .hd,
.m-page1-pwd .hd {
    font-size: 16px;
    color: #666666;
    text-align: center;
    margin-bottom: 30px;
}
.m-page1-pwd .hd {
    margin-bottom: 60px;
}
.m-userform .hd h3,
.m-page1-pwd .hd h3 {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
}
.m-userform .bd,
.m-page1-pwd .bd {
    display: inline-block;
    margin: 0 auto;
    text-align: left;
}

.m-userform .bd li,
.m-page1-pwd .bd li {
    margin-bottom: 30px;
}
.m-userform .bd .item-l,
.m-page1-pwd .bd .item-l {
    display: inline-block;
    vertical-align: middle;
    color: #333333;
    font-size: 16px;
    margin-right: 20px;
    width: 110px;
    text-align: right;
}
.m-userform .bd .item-l .fc-red,
.m-page1-pwd .bd .item-l .fc-red {
    margin-right: 5px;
}
.m-userform .bd .item-r,
.m-page1-pwd .bd .item-r {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    min-width: 350px;
}
.nc-container #nc_1_wrapper,
.nc-container.tb-login #nc_1_wrapper {
    width: 350px !important;
}
.nc-container #nc_2_wrapper,
.nc-container.tb-login #nc_2_wrapper {
    width: 100%;
}
.nc_wrapper {
    width: 100% !important;
}
.t-table-relative {
    position: relative;
}
.t-table-relative label.error {
    margin-left: 10px;
    bottom: -18px;
}
.m-userform .bd .item-r label.error,
.m-page1-pwd .bd .item-r label.error,
label.error {
    position: absolute;
    left: 0;
    bottom: -18px;
    color: #ff0000;
    font-size: 12px;
    background: url(../imgs/icon-error.png) no-repeat left center;
    padding-left: 16px;
    white-space: nowrap;
}
.m-userform .bd .item-r .text,
.m-page1-pwd .bd .item-r .text {
    width: 390px;
    height: 46px;
    border: 1px solid #cccccc;
    padding: 0 10px;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
}

.m-userform1 .bd .item-l,
.m-page1-pwd .bd .item-l {
    width: auto;
    min-width: 110px;
}
.m-userform1 .bd .item-r,
.m-page1-pwd .bd .item-r {
    width: 288px;
}
.m-userform1 .bd .item-r .text,
.m-page1-pwd .bd .item-r .text {
    width: 288px;
}
.m-userform2 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 30px;
}
.m-userform2.mt-50 {
    margin-top: 50px;
}
.m-userform2 .bd .item-l {
    vertical-align: top;
    padding-top: 10px;
}
.m-userform2 .bd .item-r,
.m-page2-pwd .bd .item-r {
    width: 330px;
    vertical-align: top;
    margin-right: 130px;
}
.m-userform2 .bd .item-r .text,
.m-page2-pwd .bd .item-r .text,
.m-userform2 .bd .item-r select {
    width: 100%;
}
.m-userform2 .bd .item-r select {
    height: 46px;
    border: 1px solid #cccccc;
    padding: 0 10px;
    border-radius: 4px;
    font-size: 16px;
    color: #333;
}
.t-msg {
    font-size: 14px;
    color: #999;
    margin-top: 18px;
    line-height: 1.6;
}
.m-userform .ft,
.m-page1-pwd .ft {
    padding-top: 10px;
    text-align: center;
}
.m-userform .bd .item-r .text-md {
    width: 350px;
}
.m-userform .bd .item-r .codetxt {
    width: 220px;
    float: left;
    margin-right: 17px;
}
.m-userform .currmobile {
    color: #666666;
    font-size: 16px;
}
.m-userform .bd .item-r .codeimg {
    float: left;
    border-radius: 5px;
    border: #b2c7d5 solid 1px;
    box-shadow: #c5d5e0 0 2px 3px;
    line-height: 0;
    overflow: hidden;
    cursor: pointer;
    height: 46px;
}
.m-userform .bd .item-r .codebtn {
    font-size: 16px;
    width: 115px;
    float: left;
    border: 1px solid #5687f1;
    color: #296ad9;
    background: rgba(255, 255, 255, 0.3);
    padding: 0 5px;
    height: 46px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
}
.m-userform .bd .item-r .codebtn:hover {
    background: #296ad9;
    color: #fff;
}
.m-userform .bd .item-r .codebtn:disabled,
.m-userform .bd .item-r .codebtn.unlabed {
    background: #999;
    color: #fff;
    border-color: #999;
}

.m-usereditmobile .bd .item-l {
    text-align: left;
    margin-right: 0;
}

.m-tip {
    text-align: center;
    padding: 90px 0 0 0;
    min-height: 460px;
}
.m-tip-img {
    margin-bottom: 15px;
}
.m-tip-txt {
    margin-bottom: 25px;
    color: #666;
    line-height: 1.5;
}
.m-tip-txt h4 {
    font-weight: bold;
    font-size: 20px;
    color: #333333;
}
.m-tip-txt h3 {
    font-size: 24px;
    color: #333333;
    font-weight: bold;
    padding-bottom: 5px;
}
.m-tip-txt p {
    font-size: 16px;
    color: #999999;
}
/*注册*/
.bg-regist {
    background: #317099 url(../imgs/regist-bg.jpg) no-repeat center;
    background-size: cover;
}
.bg-login {
    background: #317099 url(../imgs/login-bg.jpg) no-repeat center;
    background-size: cover;
}
.regist {
    width: 520px;
    margin: 70px auto 100px;
    background: rgba(255, 255, 255, 0.78);
    text-align: center;
    border-radius: 6px;
    box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.12);
}
.regist.login {
    margin-bottom: 180px;
    margin-top: 150px;
}
.regist-hd {
    height: 82px;
    color: #333333;
    font-size: 20px;
    line-height: 82px;
    font-weight: bold;
    border-bottom: 1px solid #b1c1d2;
    position: relative;
}
.regist-hd ul {
    overflow: hidden;
}
.regist-hd li {
    width: 50%;
    float: left;
    position: relative;
}
.regist-hd li a {
    color: #999999;
}
.regist-hd li.active a {
    color: #5687f1;
}
.regist-hd li.active:after {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 0;
    width: 50px;
    height: 3px;
    background: #5687f1;
    content: "";
}
.regist-bd {
    padding: 40px 0;
    display: inline-block;
}
.regist-bd li {
    margin-bottom: 20px;
}
.regist-bd .item {
}
.regist-bd .item-l {
    text-align: right;
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    display: inline-block;
    width: 90px;
    margin-right: 20px;
}
.login .regist-bd .item-l {
    width: 80px;
}
.regist-bd .item-r {
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    width: 300px;
    position: relative;
}
.regist-bd .item-r label.error {
    position: absolute;
    left: 0;
    bottom: -18px;
    color: #ff0000;
    font-size: 12px;
    background: url(../imgs/icon-error.png) no-repeat left center;
    padding-left: 16px;
}
.regist-bd .item-r .text {
    border: 1px solid #ccc;
    background: rgba(255, 255, 255, 0.3);
    padding: 0 20px;
    height: 46px;
    width: 100%;
    vertical-align: middle;
    display: inline-block;
    border-radius: 5px;
}
.regist-bd .item-r .img-code {
    display: inline-block;
    vertical-align: middle;
    float: right;
    width: 111px;
    height: 45px;
    border-radius: 5px;
    box-shadow: 0 2px 3px #b2c6d5;
}
.regist-bd .item-r .text-code {
    width: 170px;
}
.regist-bd .item-r .attr {
    height: auto;
    overflow: hidden;
}
.regist-bd .item-r .attr-l {
    float: left;
    color: #999;
}
.regist-bd .item-r .attr-l input[type="checkbox"],
.regist-bd .item-r .attr-l span {
    vertical-align: middle;
    display: inline-block;
}

.regist-bd .item-r .attr-l a {
    color: #5687f1;
}
.regist-bd .item-r .attr-r {
    float: right;
}
.regist-bd .item-r .attr-r a {
    color: #999;
}
.regist-bd .item-r .attr-r a:hover {
    color: #5687f1;
}
.regist-bd .tip {
    color: #999999;
    padding: 10px 0;
}
.regist-bd .tip span {
    display: inline-block;
    vertical-align: middle;
}
/*.regist-bd .tip input[type='checkbox']{
	display: inline-block;vertical-align: middle;
}*/
.regist-bd .tip a {
    color: #5687f1;
}
.regist-bd .tip a:hover {
    color: #3162cc;
}
.regist-bd .g-btn {
    font-size: 16px;
    padding: 0 60px;
    margin-top: 10px;
}

.m-page1 {
    background: #fff;
    min-height: 653px;
    margin-top: 50px;
    border-radius: 6px;
    box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.12);
}
.m-page1 .m-tip {
    padding-top: 165px;
}

/*大赛协议*/
.m-treaty,
.min-h740 {
    min-height: 740px;
}
.m-treaty-hd {
    height: 75px;
    border-bottom: 1px solid #333333;
    line-height: 75px;
    font-size: 16px;
    color: #5687f1;
    font-weight: bold;
}
.m-treaty-bd {
    padding: 40px 0 85px;
    font-size: 14px;
    color: #333333;
    line-height: 2;
}
.m-treaty-ft {
    padding: 40px 0 60px;
    border-top: 1px solid #b1c1d2;
}
.m-treaty-ft .tip {
    font-size: 16px;
    color: #999999;
}
.m-treaty-ft .tip span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}
.m-treaty-ft .btn {
    margin-top: 50px;
    text-align: center;
}
.m-treaty-ft .btn button {
    width: 275px;
    height: 75px;
    background: #5687f1;
    border-radius: 6px;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    line-height: 75px;
    color: #fff;
    border: none;
    cursor: pointer;
}
.m-treaty-ft .btn button:hover {
    background: #3162cc;
}
.m-treaty-ft .icon-btn {
    display: inline-block;
    background: url(../imgs/btn-bg.png);
    width: 26px;
    height: 16px;
    vertical-align: middle;
    margin-left: 8px;
    position: relative;
    margin-top: -3px;
}
/*大赛报名*/
.m-subnav {
    height: 75px;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.12);
    border-radius: 6px;
    margin-bottom: 20px;
}
.m-subnav li {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    font-size: 16px;
    color: #666666;
    padding: 0 40px;
    position: relative;
}
.m-subnav li i {
    display: inline-block;
    vertical-align: top;
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 5px;
    margin-top: 2px;
}
.m-subnav li .tit {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    padding-bottom: 10px;
    position: relative;
}
.m-subnav li .tit:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 2px;
    background: #5687f1;
    content: "";
    display: none;
}
.m-subnav li .icon1 {
    background-image: url(../imgs/subnav1.png);
}
.m-subnav li .icon2 {
    background-image: url(../imgs/subnav2.png);
}
.m-subnav li .icon3 {
    background-image: url(../imgs/subnav3.png);
}
.m-subnav li .icon4 {
    background-image: url(../imgs/subnav4.png);
}
.m-subnav li.active .tit {
    color: #5687f1;
    font-weight: bold;
}
.m-subnav li.on .tit:after {
    display: block;
}
.m-subnav li:before {
    position: absolute;
    left: -5px;
    top: 3px;
    background: url(../imgs/subnavattr.png);
    width: 7px;
    height: 11px;
    display: inline-block;
    content: "";
}
.m-subnav li.active:before {
    background-image: url(../imgs/subnavattr-on.png);
}
.m-subnav li:first-child:before {
    display: none;
}
.m-subnav li.active .icon1 {
    background-image: url(../imgs/subnav1-on.png);
}
.m-subnav li.active .icon2 {
    background-image: url(../imgs/subnav2-on.png);
}
.m-subnav li.active .icon3 {
    background-image: url(../imgs/subnav3-on.png);
}
.m-subnav li.active .icon4 {
    background-image: url(../imgs/subnav4-on.png);
}
.m-match-list {
    padding-bottom: 30px;
}
.m-match-list li {
    margin-top: 30px;
    box-shadow: 0px 1px 4px 0px rgba(113, 143, 176, 0.6);
    border-radius: 6px;
    padding: 0 30px;
    cursor: pointer;
}
.m-match-list .hd {
    line-height: 55px;
    border-bottom: 1px solid #b1c1d2;
    position: relative;
}
.m-match-list .hd .tit {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    padding-left: 11px;
    position: relative;
}
.m-match-list .hd .tit:before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    width: 3px;
    height: 16px;
    content: "";
    background: #333;
}
.m-match-list .hd .m-match-checkbox {
    width: 20px;
    position: relative;
    position: absolute;
    right: 0;
    top: 18px;
}
.m-match-list .hd .m-match-checkbox input {
    opacity: 0;
}
.m-match-list .hd .m-match-checkbox input + .select {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #e0e6ed;
    border-radius: 50%;
    display: inline-block;
}
.m-match-list .bd {
    height: auto;
    overflow: hidden;
}
.m-match-list .bd .img {
    width: 100px;
    height: 100px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 35px;
}
.m-match-list .bd .img1 {
    background-image: url(../imgs/match-img1.png);
}
.m-match-list .bd .img2 {
    background-image: url(../imgs/match-img2.png);
}
.m-match-list .bd .txt {
    width: 726px;
    float: right;
    padding: 15px 0;
    font-size: 13px;
    color: #999999;
    line-height: 1.5;
}
.m-match-list .bd .txt p {
    padding-bottom: 5px;
    padding-left: 12px;
    position: relative;
}
.m-match-list .bd .txt p:before {
    width: 6px;
    height: 6px;
    background: #999999;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    display: inline-block;
}

.m-match-list li:hover,
.m-match-list li.active {
    background: #5687f1;
    background: linear-gradient(139deg, rgba(86, 135, 241, 1), rgba(102, 148, 248, 1));
    box-shadow: 0px 1px 4px 0px rgba(113, 143, 176, 0.6);
}
.m-match-list li:hover .hd .tit:before,
.m-match-list li.active .hd .tit:before,
.m-match-list li:hover .bd .txt p:before,
.m-match-list li.active .bd .txt p:before {
    background: #ffb400;
}
.m-match-list li:hover .hd .tit,
.m-match-list li.active .hd .tit,
.m-match-list li:hover .bd .txt,
.m-match-list li.active .bd .txt {
    color: #fff;
}
.m-match-list li .hd input:checked + .select {
    display: inline-block;
    width: 30px;
    height: 26px;
    background: url(../imgs/check.png);
    border: 0;
}
.m-match-list li:hover .bd .img1,
.m-match-list li.active .bd .img1 {
    background: url(../imgs/match-img1-on.png);
}
.m-match-list li:hover .bd .img2,
.m-match-list li.active .bd .img2 {
    background: url(../imgs/match-img2-on.png);
}
.m-area-list {
}
.m-area-list ul {
    height: auto;
    overflow: hidden;
    margin-right: -40px;
    padding: 30px 0 40px;
}
.m-area-list li {
    float: left;
    text-align: center;
    width: 198px;
    height: 186px;
    margin-right: 40px;
    padding-top: 35px;
    cursor: pointer;
    position: relative;
}
.m-area-list .img {
    width: 105px;
    height: 105px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}
.m-area-list .img1 {
    background-image: url(../imgs/area-img1.png);
}
.m-area-list .img2 {
    background-image: url(../imgs/area-img2.png);
}
.m-area-list .img3 {
    background-image: url(../imgs/area-img3.png);
}
.m-area-list .img4 {
    background-image: url(../imgs/area-img4.png);
}
.m-area-list li p {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-top: 8px;
}
.m-area-list li .m-match-checkbox {
    display: inline-block;
    width: 30px;
    height: 26px;
    right: 12px;
    top: 12px;
    position: absolute;
}
.m-area-list li .m-match-checkbox input {
    opacity: 0;
}
.m-area-list li .m-match-checkbox input + .select {
    width: 30px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
}
.m-area-list li .m-match-checkbox input:checked + .select {
    background: url(../imgs/check.png);
}
.m-area-list li.active,
.m-area-list li:hover {
    background: #5687f1;
    background: linear-gradient(139deg, rgba(86, 135, 241, 1), rgba(102, 148, 248, 1));
    box-shadow: 0px 1px 4px 0px rgba(113, 143, 176, 0.6);
    border-radius: 6px;
}
.m-area-list li.active p,
.m-area-list li:hover p {
    color: #fff;
}
.m-area-list li.active .img1,
.m-area-list li:hover .img1 {
    background-image: url(../imgs/area-img1-on.png);
}
.m-area-list li.active .img2,
.m-area-list li:hover .img2 {
    background-image: url(../imgs/area-img2-on.png);
}
.m-area-list li.active .img3,
.m-area-list li:hover .img3 {
    background-image: url(../imgs/area-img3-on.png);
}
.m-area-list li.active .img4,
.m-area-list li:hover .img4 {
    background-image: url(../imgs/area-img4-on.png);
}
.m-area-list li.active .select {
    display: block;
}
.m-card-info {
    margin-top: 40px;
    box-shadow: 0px 0px 6px 0px rgba(51, 51, 51, 0.3);
    border-radius: 2px;
    font-size: 18px;
    color: #333;
    padding: 35px 40px;
}
.m-card-info-list li {
    display: inline-block;
}
.m-card-info-list li a {
    color: #296ad9;
}
.m-card-info-list li a:hover {
    opacity: 0.85;
}
.m-card-info-list li + li {
    margin-left: 40px;
}
.m-card-info-list i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-top: -3px;
    width: 18px;
    height: 18px;
    margin-right: 5px;
}
.icon-order-b {
    background-image: url(../imgs/icon-order-1.png);
}
.icon-bill-b {
    background-image: url(../imgs/icon-bill-1.png);
}
.icon-addrs-b {
    background-image: url(../imgs/icon-addrs-1.png);
}
.m-next {
    height: 96px;
    box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.12);
    border-radius: 6px;
    background: #fff;
    margin-top: 20px;
    overflow: hidden;

    /*吸顶*/
    /*position: fixed; left: 0; right: 0; bottom: 0; border-radius: 0;*/
}
.h77 {
    height: 77px;
    display: none;
}
.m-next-l {
    padding-left: 40px;
    font-size: 18px;
    color: #333;
    line-height: 96px;
    float: left;
    width: 730px;
}

.m-next-txt span + span {
    margin-left: 35px;
}
.m-next-txt font {
    margin: 0 5px;
}
.m-next-l.red {
    color: #ff0000;
    font-weight: bold;
}
.m-next-l .goback {
    color: #999999;
}
.m-next-l .goback:hover {
    color: #5687f1;
}
.m-next-l .see {
    float: right;
    margin-right: 50px;
    font-size: 16px;
    color: #5687f1;
    font-weight: bold;
}
.m-next-l .see:hover {
    color: #3162cc;
}
.m-next .btn {
    float: right;
    background: #296ad9;
    width: 235px;
    text-align: center;
    height: 96px;
    line-height: 96px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    border: 0;
}
.m-next .btn:disabled,
.m-next .btn:disabled:hover {
    background: #999;
    cursor: default;
}
.m-next .btn:hover {
    background: #3162cc;
}
.m-next .icon-btn {
    display: inline-block;
    background: url(../imgs/btn-bg.png);
    width: 26px;
    height: 16px;
    vertical-align: middle;
    margin-left: 8px;
    position: relative;
    margin-top: -3px;
}
.m-form {
    margin-top: 40px; /*height: auto; overflow: hidden;*/
    position: relative;
}
.t-row {
    clear: both; /*height: auto; overflow: hidden;*/
    padding-bottom: 30px;
    position: relative;
}
.m-form:after,
.t-row:after {
    content: "";
    clear: both;
    display: block;
}
.t-col {
    float: left;
}
.t-row2 {
    margin-right: -55px;
}
.t-col2 {
    width: 430px;
    margin-right: 55px;
}
.t-col2 .t-col-r {
    width: 320px;
}
.t-col2 .t-col-r .t-col-r-col {
    width: auto;
    float: left;
    width: 150px;
}
.t-col2 .t-col-r .t-col-r-col + .t-col-r-col {
    margin-left: 20px;
    position: relative;
}
.t-col-tip {
    position: absolute;
    right: 15px;
    top: 0;
    line-height: 45px;
}
.t-col-l {
    font-size: 16px;
    color: #333333;
    line-height: 45px;
    width: 110px;
    float: left;
    font-weight: bold;
}
.t-col-l-tit {
    line-height: 1.6;
    padding-top: 6px;
}
.t-col-l-tit small {
    font-size: 12px;
    display: block;
    color: #999;
}
.m-form .fc-red {
    color: #ff0000;
    margin-left: 5px;
}
.t-col-r {
    width: 805px;
    float: right;
    position: relative;
}
.m-form .text,
.m-form select {
    width: 100%;
    height: 30px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 12px;
}

.m-form textarea {
    width: 100%;
    border: 1px solid #cccccc;
    height: 132px;
    padding: 10px 15px;
    border-radius: 4px;
    color: #999;
}
input {
    color: #999;
}
.m-form .text:focus,
.m-form textarea:focus {
    border-color: #718fb0;
    background: #eff3f6;
    color: #666;
}
.m-form .text:read-only,
.m-form textarea:read-only {
    background: #eee;
}
.m-form .text:read-only:focus,
.m-form textarea:read-only:focus {
    background: #eee;
    border-color: #cccccc;
}
.t-srow {
    height: auto; /* overflow: hidden;*/
    margin: 0 -5px;
}
.t-srow1 {
    margin: 0 -10px;
}
.t-scol {
    padding: 0 5px;
    float: left;
}
.t-srow1 .t-scol {
    padding: 0 10px;
}
.t-scol3 {
    float: left;
    width: 33.33%;
}
.m-form .w425 {
    width: 425px;
}
.m-form .file-box {
    position: relative;
    overflow: hidden;
}
.m-form .file-box input[type="file"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.m-form .file-box button {
    width: 69px;
    height: 34px;
    line-height: 34px;
    background: #5687f1;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border: 0;
    border-radius: 4px;
}
.m-form .file-box:hover button {
    background: #3162cc;
}
.m-form .file-wrap {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
.m-form .file-wrap .file-box {
    position: absolute;
    right: 6px;
    top: 5px;
}

.m-form .imgfile {
    position: relative;
    width: 100px;
    height: 100px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    text-align: center;
    line-height: 90px;
    overflow: hidden;
}
.m-form .imgfile img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.m-form .imgfile input[type="file"] {
    opacity: 0;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.m-form .imgfile input[type="file"] + span {
    font-size: 40px;
    color: #ccc;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    position: relative;
}
.m-form .imgfile:hover {
    border-color: #718fb0;
    background: #eff3f6;
}
.m-form .select-tip {
    font-size: 13px;
    color: #666666;
    background: url(../imgs/icon-tip.png) no-repeat left center;
    padding-left: 20px;
    margin-top: 15px;
}
.file-txt {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.file-txt .txt {
    font-size: 16px;
    color: #333333;
    line-height: 48px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}
.file-txt .btn {
    display: inline-block;
    width: 59px;
    height: 34px;
    border-radius: 4px;
    background: #5687f1;
    text-align: center;
    line-height: 32px;
    color: #fff;
    border: 1px solid #5687f1;
}
.file-txt .btn:hover {
    background: #3162cc;
    border-color: #3162cc;
}
.m-form .file-box1 {
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.m-form .file-box1 input[type="file"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
}
.m-form .file-box1 button {
    min-width: 76px;
    height: 34px;
    line-height: 32px;
    background: #fff;
    font-size: 14px;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 4px;
    color: #999;
}
.m-form .file-box1:hover button {
    background: #5687f1;
    color: #fff;
    border-color: #5687f1;
}
.m-form .radio-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-right: 30px;
    padding-top: 13px;
    font-size: 14px;
    color: #333333;
}

.checkbox-wrap {
    line-height: 45px;
}
.checkbox-wrap span {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.t-row .tit {
    vertical-align: top;
    padding-top: 4px;
    line-height: 1.3;
}
.t-row .tit small {
    font-size: 13px;
    color: #999999;
    line-height: 1;
}

.t-err {
    display: inline-block;
    position: relative;
}
.t-err label.error {
    width: 400px;
}
.t-table {
    margin-left: -10px;
    margin-right: -10px;
}

.t-table table {
    width: 100%;
}
.t-table th,
.t-table td {
    padding: 0 10px;
}
.t-table th {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    height: 30px;
}
.t-table th.tit {
    vertical-align: top;
    padding-top: 4px;
}
.t-table th small {
    font-size: 13px;
    color: #999999;
    line-height: 1;
}
.t-table td {
    padding: 10px;
}
.t-table td .btn-del {
    width: 30px;
    height: 30px;
    border: 1px solid #5687f1;
    border-radius: 50%;
    background: #fff;
    color: #5687f1;
    font-weight: bold;
    cursor: pointer;
}
.t-table td .btn-del span {
    width: 14px;
    height: 2px;
    display: inline-block;
    vertical-align: top;
    margin-top: 8px;
    background: #5687f1;
}
.t-table td .btn-del:hover {
    background: #5687f1;
}
.t-table td .btn-del:hover span {
    background: #fff;
}

.t-table-nob tr:last-child td {
    padding-bottom: 0;
}
.t-table .add {
    width: 83px;
    height: 34px;
    border-radius: 4px;
    background: #5687f1;
    font-size: 14px;
    color: #fff;
    border: 0;
    cursor: pointer;
}
.t-table .add:hover {
    background: #3162cc;
}
.t-row-tittip {
    color: #999999;
    font-size: 16px;
    padding-bottom: 10px;
}
.t-row-tittip small {
    font-size: 15px;
}
.m-card-ft {
    text-align: center;
    border-top: 1px solid #b1c1d2;
}
.m-card-ft button {
    width: 142px;
    height: 50px;
    background: #5687f1;
    border-radius: 25px;
    border: 0;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    margin: 50px 0;
}
.m-card-ft button:hover {
    background: #3162cc;
}
.m-card-ft .tip {
    padding: 40px 0;
    text-align: center;
    font-size: 16px;
    color: #5687f1;
}
.userlist-box {
    margin-top: 40px;
}
.userlist-box .btn {
    line-height: 46px;
    padding: 0 30px;
    background: #5687f1;
    border-radius: 23px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
    margin-right: 20px;
}
.userlist-box .btn span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
}
.userlist-box .btn button,
.userlist-box .btn a {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border: 0;
    cursor: pointer;
}
.userlist-box .btn .modify {
    background: url(../imgs/icon-modify1.png) no-repeat center;
}
.userlist-box .btn .del {
    background: url(../imgs/icon-del.png) no-repeat center;
}
.userlist-box .btn:hover {
    background: #3162cc;
}
.m-tip-enroll {
    padding-top: 138px;
    height: 645px;
}
/*laytip*/
.m-lay {
    text-align: center;
}
.m-lay.layui-layer {
    border-radius: 6px;
    box-shadow: 0px 0px 59px 0px rgba(41, 41, 41, 0.17);
}
.m-lay .layui-layer-title {
    padding: 0;
    height: 75px;
    line-height: 75px;
    font-size: 16px;
    font-weight: bold;
    background: #fff;
    border-bottom: 1px solid #b1c1d2;
    position: relative;
}
.m-lay .layui-layer-title:after {
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 0;
    width: 30px;
    height: 3px;
    background: #5687f1;
    content: "";
}
.m-lay .layui-layer-setwin {
    top: 28px;
    right: 25px;
}
.m-lay .layui-layer-setwin a {
    font-size: 16px;
    color: #b1c1d2;
    opacity: 0.5;
}
.m-lay.layui-layer-page .layui-layer-content .tip {
    padding-top: 60px;
    padding-bottom: 10px;
    font-size: 14px;
    color: #333333;
    line-height: 1.8;
}
.m-lay.layui-layer-page .layui-layer-btn {
    padding-top: 20px;
    padding-bottom: 40px;
}
.m-lay.layui-layer-page .layui-layer-btn .layui-layer-btn0 {
    width: 106px;
    height: 42px;
    line-height: 40px;
    border: 1px solid #5687f1;
    background: #fff;
    color: #5687f1;
    font-size: 14px;
    border-radius: 40px;
}
.m-lay.layui-layer-page .layui-layer-btn .layui-layer-btn0:hover {
    background: #5687f1;
    color: #fff;
}
.m-page-tip {
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(4, 0, 0, 0.12);
    margin-bottom: 25px;
    padding: 25px 40px;
    height: auto;
    overflow: hidden;
}
.m-page-tip .txt {
    float: left;
    line-height: 28px;
    font-size: 14px;
    color: #333333;
}
.m-page-tip .txt img {
    vertical-align: middle;
    margin-right: 5px;
}
.m-page-tip .btn {
    float: right;
    font-size: 14px;
    color: #5687f1;
    display: inline-block;
    line-height: 28px;
    padding: 0 10px;
    border: 1px solid #5687f1;
    border-radius: 20px;
}
.m-page-tip .btn:hover {
    background: #5687f1;
    color: #fff;
}
.m-table-tit {
    margin-top: 20px;
    position: relative;
}
.m-table-tit h2 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 40px;
}
.mdropdown {
    border: 1px solid #cccccc;
    border-radius: 20px;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.1);
    padding: 0 15px;
    font-size: 14px;
    color: #333;
    background: #fff;
    z-index: 2;
    position: absolute;
    right: 0;
    top: 0;
}
.mdropdown a,
.mdropdown a:hover {
    color: inherit;
}
.mdropdown-on {
    padding: 10px 0;
    cursor: pointer;
}
.mdropdown-icon {
    display: inline-block;
    width: 12px;
    height: 12px;
    padding-top: 2px;
    padding-left: 3px;
}
.mdropdown-icon sub {
    width: 6px;
    height: 5px;
    background: url(../imgs/mdropdown02.png);
    display: block;
    margin-top: 1px;
}
.mdropdown-icon sup {
    width: 6px;
    height: 5px;
    background: url(../imgs/mdropdown01.png);
    display: block;
}
.mdropdown ul {
    display: none;
}
.mdropdown ul li {
    border-top: 1px solid #ebebeb;
    color: #999999;
    padding: 8px 0;
    cursor: pointer;
}
.mdropdown ul li:hover {
    color: #296ad9;
}
.btn-eticket {
}
.m-table {
    padding-top: 40px;
}
.m-table1 {
    padding-top: 20px;
}
.m-table table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    text-align: center;
}
.m-table table th {
    background: #e6e8f1;
    height: 55px;
    font-size: 16px;
    color: #0f1e78;
    text-align: center;
    padding: 0 5px;
}
.m-table table td {
    height: 55px;
    text-align: center;
    padding: 0 5px;
    font-size: 16px;
    color: #222;
    background: #fdfdfd;
}
.m-table table .tit {
    padding-left: 50px;
    text-align: left;
}
.m-table table tbody tr:nth-child(even) td {
    background: #f3f3f3;
}
.m-table table .btn {
    display: inline-block;
    vertical-align: middle;
    padding-left: 21px;
    cursor: pointer;
    margin: 0 3px;
    position: relative;
    color: #296ad9;
}
.m-table table .btn:hover {
    opacity: 0.8;
}
.m-table table .btn-see {
    background: url(../imgs/btn-see.png) no-repeat left center;
    color: #666;
}
.m-table table .btn-submit {
    background: url(../imgs/btn-submit.png) no-repeat left center;
    color: #5687f1;
}
.m-table table .btn-eticket {
    background: url(../imgs/btn-eticket.png) no-repeat left center;
    cursor: pointer;
}
.m-table table .btn-incr {
    background: url(../imgs/btn-incr.png) no-repeat left center;
}
.m-table table .btn-info {
    background: url(../imgs/btn-info.png) no-repeat left center;
}
.m-table table .btn-pay {
    background: url(../imgs/btn-pay.png) no-repeat left center;
}
.m-table table .btn-money {
    background: url(../imgs/btn-money.png) no-repeat left center;
}
.m-table table .btn-down {
    background: url(../imgs/btn-down.png) no-repeat left center;
}
.m-table table .btn-del {
    background: url(../imgs/btn-del.png) no-repeat left center;
}
.h-660 {
    min-height: 660px;
}
.fc-red {
    color: #ff0000;
}
.fc-green {
    color: #179839;
}
.eticket-qr {
    position: absolute;
    top: 32px;
    left: 50%;
    margin-left: -70px;
    width: 140px;
    height: 140px;
    background: #fff;
    z-index: 1;
    padding: 8px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 10px 0px rgba(1, 1, 1, 0.16);
    border-radius: 10px;
    display: none;
}
.btn-eticket:hover .eticket-qr {
    /*display: block;*/
}
.eticket-qr img {
    width: 124px;
    height: 124px;
}
.eticket-qr:after {
    position: absolute;
    left: 50%;
    margin-left: -6.5px;
    top: -12px;
    content: "";
    width: 0;
    height: 0;
    border-bottom: 13px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}
/*项目详情*/
.m-card-bd .project-detail {
    padding: 30px 0;
}
.m-card-bd .project-detail .row {
    margin-bottom: 15px;
}
.m-card-bd .project-detail .row:last-child {
    margin-bottom: 0;
}

.m-card-bd .project-detail .item {
    display: inline-block;
    vertical-align: top;
    width: 375px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.project-info-tit {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.m-card-bd .project-info {
    padding-top: 20px;
    padding-bottom: 20px;
}
.m-card-bd .project-info-txt {
    font-size: 14px;
    line-height: 1.7;
}
.m-card-bd .project-info .item {
    height: auto;
    overflow: hidden;
    padding-bottom: 15px;
    font-size: 14px;
    line-height: 1.7;
}
.m-card-bd .project-info .item:last-child {
    padding-bottom: 0;
}
.m-card-bd .project-info .item-l {
    width: 90px;
    float: left;
    font-weight: bold;
    color: #333333;
}
.m-card-bd .project-info .item-r {
    width: 785px;
    float: left;
}
.m-card-bd .project-info .btn-down {
    font-size: 13px;
    color: #5687f1;
    margin-left: 15px;
    background: url(../imgs/btn-down.png) no-repeat left center;
    padding-left: 20px;
    cursor: pointer;
}
.m-card-bd .project-info .btn-down:hover {
    color: #3162cc;
    background-image: url(../imgs/btn-down-on.png);
}

.m-card-bd .project-info .item-l-no,
.m-card-bd .project-info .item-r-no {
    float: none;
    width: auto;
}
.m-card-bd .project-info .table-box {
    margin-left: 80px;
    margin-bottom: 10px;
}
.m-card-bd .project-info > ul + .table-box {
    margin-top: 15px;
}
.m-card-bd .project-info .table-box-no {
    margin-left: 0;
}
.m-card-bd .project-info .table-box-w {
    margin-left: 0;
}
.m-card-bd .project-info .table-box-w table {
    width: 100%;
}
.m-card-bd .project-info .table-box table {
    font-size: 14px;
}
.m-card-bd .project-info .table-box table th {
    font-weight: bold;
    color: #333333;
    height: 30px;
}
.m-card-bd .project-info .table-box table th,
.m-card-bd .project-info .table-box table td {
    padding: 0 10px;
}
.m-card-bd .project-info .table-box table td {
    height: 25px;
}
.m-card-bd .project-info .table-box table a {
    color: #5687f1;
}
.m-card-bd .project-info .table-box table a:hover {
    color: #3162cc;
}
.m-card-bd .project-info .table-box-h table td {
    height: 30px;
}
/*弹窗内容*/
.m-lay .layui-layer-content {
    max-height: 350px;
    overflow-y: auto;
}
.lay-team {
    padding: 0 60px;
    text-align: left;
}
.lay-team-row {
    border-bottom: 1px solid #dfdfdf;
    padding: 20px 0;
    height: auto;
    overflow: hidden;
}
.lay-team-info {
    height: auto;
    overflow: hidden;
}
.lay-team-info-table {
    width: 85%;
    float: left;
}
.lay-team-info-img {
    width: 15%;
    float: right;
}
.lay-team-info-img .img {
    width: 100px;
    height: 140px;
    background: url(../imgs/userimg.png);
    float: right;
}
.lay-team-info-img .img img {
    width: 100px;
    height: 140px;
}
.g-usericon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background: url(../imgs/usericon.png);
    background-size: 20px;
}
.ml5 {
    margin-left: 5px;
}
.lay-team-info .table-w {
    width: 100%;
}
.lay-team-info .table-w td {
    padding: 5px 0;
}
.lay-team-info .item-l {
    display: inline-block;
    vertical-align: top;
    min-width: 80px;
    font-weight: bold;
}
.lay-team-info .item-r {
    display: inline-block;
    vertical-align: top;
}
.lay-team-tit {
    width: 80px;
    float: left;
    font-weight: bold;
}
.lay-team-txt {
    width: 770px;
    float: left;
    line-height: 1.7;
}
.lay-team-txt table {
    line-height: 1.6;
}
.lay-team-txt table th {
    font-weight: bold;
    padding-bottom: 3px;
    line-height: 1.3;
}
.lay-team-txt table th,
.lay-team-txt table td {
    padding-right: 25px;
}
.lay-team-txt table td {
    padding-top: 2px;
    padding-bottom: 2px;
}
.g-none {
    display: none;
}
/*常见问题*/
.m-question {
    padding: 0 110px 60px;
    height: auto;
    overflow: hidden;
}
.m-question-l {
    float: left;
}
.m-question-nav {
    width: 130px;
    padding-top: 30px;
}
.m-question-nav li {
    line-height: 66px;
    border-bottom: 1px solid #b1c1d2;
    font-size: 16px;
    color: #333333;
}
.m-question-nav li a {
    display: block;
}
.m-question-nav li.active,
.m-question-nav li:hover {
    border-color: #5687f1;
}
.m-question-nav li.active a,
.m-question-nav li:hover a {
    color: #5687f1;
}
.m-question-r {
    float: right;
    width: 790px;
    padding-top: 50px;
}
.m-question-banner {
    height: 100px;
    line-height: 100px;
    background-position: center;
    background-repeat: no-repeat;
}
.m-question-banner .tit {
    padding-left: 68px;
    font-size: 18px;
    color: #3273a8;
}
.m-question-list {
}
.m-question-list li {
    padding: 30px 0;
    border-bottom: 1px solid #dddddd;
    line-height: 1.6;
    color: #333333;
}
.m-question-list li .q,
.m-question-list li .a {
    position: relative;
    padding-left: 35px;
}
.m-question-list li .q {
    font-weight: bold;
    font-size: 14px;
}
.m-question-list li .tit {
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    line-height: 22px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #5687f1;
    font-weight: normal;
}
.m-question-list li .q .tit {
    color: #fff;
    background: #5687f1;
}
.m-question-list li .a .tit {
    color: #5687f1;
}

.m-question-list li .a {
    margin-top: 20px;
}
.m-question-list1 li {
    padding: 40px 0;
    border-bottom: 1px solid #dddddd;
    font-size: 14px;
    color: #333333;
}
.m-question-list1 li .btn-down {
    font-size: 13px;
    color: #5687f1;
    margin-left: 15px;
    background: url(../imgs/btn-down.png) no-repeat left center;
    padding-left: 20px;
    cursor: pointer;
}
.m-question-list1 li .btn-down:hover {
    color: #3162cc;
    background-image: url(../imgs/btn-down-on.png);
}
/*美化 单选框 复选框*/
.radio-box {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-right: 5px;
}
.radio-box input[type="radio"] {
    opacity: 0;
}
.radio-box input[type="radio"] + i {
    position: absolute;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #cccccc;
}
.radio-box1 input[type="radio"] + i {
    border-radius: 4px;
}
.radio-box input[type="radio"]:checked + i {
    background: #5687f1 url(../imgs/radio-bg.png) no-repeat center;
    border-color: #5687f1;
}
.checkbox-box {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 5px;
}
.checkbox-box input[type="checkbox"] {
    opacity: 0;
}
.checkbox-box input[type="checkbox"] + i,
.checkbox-box input[type="checkbox"] + label + i {
    position: absolute;
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid rgba(204, 204, 204, 1);
}
.checkbox-box input[type="checkbox"]:checked + i,
.checkbox-box input[type="checkbox"]:checked + label +i {
    background: #5687f1 url(../imgs/radio-bg.png) no-repeat center;
    border-color: #5687f1;
}
.g-input-time {
    position: relative;
}
.g-input-time:after {
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
    background: url(../imgs/icon-time.png);
    width: 18px;
    height: 18px;
    display: block;
    content: "";
}

::-webkit-input-placeholder {
    color: #999;
}

::-moz-placeholder {
    color: #999;
}

:-ms-input-placeholder {
    color: #999;
}
select {
    color: #999;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../imgs/icon-select.png) no-repeat right 20px top 18px;
}
select.select-s {
    background-position: right 10px top 18px;
}
select:focus {
    /*background-image:url(../imgs/icon-select-on.png) ;*/
}
select::-ms-expand {
    display: none;
}
select::-ms-expand {
    display: none;
}
select option {
    height: 33px;
    color: #999;
}
/*.radio-box label.error{
	left: 0; width: 200px; top: 15px;
}*/

.qrlogin {
    text-align: center; /*margin-top: 20px;*/
}
.qrlogin .img {
    padding: 30px;
    display: inline-block;
    border: #cccccc solid 1px;
    line-height: 0;
}
.qrlogin .txt {
    font-size: 16px;
    color: #666666;
    margin-top: 25px;
}

.registinfo .regist-hd li {
    width: 100%;
}
.registinfo .regist-hd li a {
    color: #333333;
}
.regist-txt {
    text-align: center;
    margin-bottom: 20px;
}
.regist-txt h2 {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}
.regist-txt p {
    font-size: 14px;
    color: #666666;
    margin-top: 5px;
}
.registinfo .regist-bd .item-l {
    width: 65px;
}
.regist-bd .item-r {
    /*overflow: hidden;*/
}
.regist-bd .item-r .codetxt {
    width: 165px;
    float: left;
    margin-right: 20px;
}
.regist-bd .item-r .codebtn {
    width: 115px;
    float: left;
    border: 1px solid #5687f1;
    color: #5687f1;
    background: rgba(255, 255, 255, 0.3);
    padding: 0 20px;
    height: 46px;
    vertical-align: middle;
    display: inline-block;
    border-radius: 5px;
    cursor: pointer;
}
.regist-bd .item-r .codebtn:disabled,
.regist-bd .item-r .codebtn.unlabed {
    background: #999999;
    color: #fff;
    border-color: #999999;
}
.regist-bd .item-r .codeimg {
    float: left;
    border-radius: 5px;
    border: #b2c7d5 solid 1px;
    box-shadow: #c5d5e0 0 2px 3px;
    line-height: 0;
    overflow: hidden;
    cursor: pointer;
    height: 46px;
}
/*参赛动态*/
.m-news-list {
    margin-top: 50px;
}
.m-news-list li {
    background: #fff;
    margin-bottom: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    padding: 30px;
    height: auto;
    overflow: hidden;
}
.m-news-list li .img {
    float: left;
}
.m-news-list li .img img {
    width: 280px;
    height: 155px;
    border-radius: 5px;
}
.m-news-list li .inner {
    float: right;
    width: 830px;
    color: #333333;
}
.m-news-list li .tit {
    font-size: 18px;
    font-weight: bold;
    margin-top: 8px;
}
.m-news-list li .tit:hover {
    color: #5687f1;
}
.m-news-list li .txt {
    font-size: 14px;
    margin-top: 8px;
    line-height: 1.6;
}
.m-news-list li .time {
    font-size: 14px;
    color: #999999;
    margin-top: 15px;
}
/*参赛详情*/
.m-news-detail {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-top: 45px;
    padding: 40px 110px 45px;
}
.m-news-detail .tit {
    text-align: center;
    font-size: 20px;
    color: #333333;
    font-weight: bold;
}
.m-news-detail .time {
    text-align: center;
    font-size: 14px;
    color: #999999;
    margin-top: 15px;
}
.m-news-detail .txt {
    margin-top: 25px;
    text-align: justify;
    font-size: 14px;
    color: #333;
    line-height: 1.7;
}
.m-news-detail .txt img {
    margin: 15px 0 10px;
}
.m-pagination1 {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
    padding: 10px 110px;
}
.m-pagination1 li {
    font-size: 14px;
    color: #333333;
    padding: 15px 0;
}
.m-pagination1 li + li {
    border-top: 1px solid #dddddd;
}
.m-pagination1 li a {
    margin-left: 25px;
}

.header-nobg {
    background: transparent;
    box-shadow: none;
    color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}
.header-nobg.active {
    background: #171c5e;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.header-nobg .header-nav li a,
.header-nobg .header-info .nav a {
    color: #fff;
}
.header-nobg .header-nav li.active a,
.header-nobg .header-nav li:hover a {
    color: #ffc26a;
}
.header-nobg .header-info .list-dropdown {
    color: #fff;
    background: #103686;
    background: rgba(16, 54, 134, 0.9);
}
.header-nobg .header-info .list .list-on span {
    color: #fff;
}
.header-nobg .header-info .icon-notice {
    background-image: url(../imgs/icon-notice-on.png);
}
.header-nobg .header-info .list .list-on .icon {
    background-image: url(../imgs/icon-dropdown-on.png);
}
.header-nobg .header-info .list:hover .list-dropdown li a {
    color: #fff;
}
.header-nobg .header-info .list-dropdown li:hover a {
    background: #044dba;
    font-weight: normal;
}
.header-nobg .g-btn {
    background: transparent;
    border-color: #fff;
}
.header-nobg .g-btn:hover {
    background: #fff;
    color: #161b5b;
}

.m-tit {
    color: #fff;
    padding-bottom: 20px;
    position: relative;
    background: url(../imgs/m-tit-bg1.png) no-repeat right bottom;
}
.m-tit-cn {
    font-size: 36px;
    font-weight: bold;
}
.m-tit-en {
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 10px;
}
.m-tit:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    background: url(../imgs/m-tit-bg.png);
    width: 56px;
    height: 3px;
}

/*弹窗 登录*/
.m-lay1 {
    text-align: center;
}
.m-lay1 .m-dialog-hd {
    height: 100px;
    background: #0f066f url(../imgs/dialog-hdbg.png) no-repeat center;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 100px;
}
.m-lay1 .m-dialog-hd h3 {
    font-size: 30px;
    letter-spacing: 3px;
}

.m-dialog {
    border-radius: 6px 6px 0 0;
    overflow: hidden;
}
.m-dialog-tabhd {
    height: 70px;
    border-bottom: 2px solid #e2e6fa;
    position: relative;
    background: #fff;
}
.m-dialog-tabhd1 {
    /*height: 60px; line-height: 60px;*/
}
.m-dialog-tabhd ul {
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
}
.m-dialog-tabhd li {
    float: left;
    width: 100%;
    font-size: 20px;
    color: #999999;
    color: rgba(0, 0, 0, 0.4);
    cursor: pointer;
    position: relative;
    line-height: 36px;
    padding-bottom: 9px;
}
.m-dialog-tabhd li.active {
    color: #000;
    font-weight: bold;
}
.m-dialog-tabhd li:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1px;
    height: 2px;
    background: linear-gradient(90.39deg, #ff00ff 49.66%, #0022d6 84.78%);
    content: "";
    display: none;
}
.m-dialog-tabhd li.active:after {
    display: block;
}
.m-dialog-tabbd {
    padding-top: 20px;
}
.m-dialog-tabbd .qr {
    text-align: center;
}
.m-dialog-tabbd .qr-img {
    /*border: 1px solid #CCCCCC;*/
    display: inline-block; /*padding: 30px;*/
}
.m-dialog-tabbd .qr-img iframe {
    height: 300px;
}
.m-dialog-tabbd .qr-img img {
    width: 230px;
    height: 230px;
    display: block;
}
.m-dialog-tabbd .qr-txt {
    font-size: 16px;
    color: #666666;
    padding-top: 25px;
    display: none;
}
.m-dialog-tabbd .form {
    margin-top: 24px;
    text-align: center;
    padding: 0 30px 24px 30px;
}
.m-dialog-tabbd .form li {
    margin-bottom: 16px;
}
.m-dialog-tabbd .form li.m-btn-box {
    margin-bottom: 12px;
}
.m-dialog-tabbd .form .item-l {
    min-width: 80px;
    text-align: right;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 45px;
}
.m-dialog-tabbd .form1 .item-l {
    width: 130px;
}
.m-dialog-tabbd .form .item-r {
    width: 300px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.m-dialog-tabbd .form .item-r .text {
    width: 100%;
    height: 45px;
    line-height: 43px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 14px;
    color: #333;
    background: #fff;
}
.m-dialog-tabbd .form .item-r .text-code {
    width: 170px;
}
.m-dialog-tabbd .form .item-r .img-code {
    float: right;
    border-radius: 4px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}
.m-dialog-tabbd .form .item-r .btn-code {
    width: 110px;
    height: 45px;
    line-height: 43px;
    border: 1px solid #cccccc;
    float: right;
    background: #fff;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
}
.m-dialog-tabbd .form .item-r .btn-code:hover {
    background: #0e2ed6;
    border-color: #0e2ed6;
    color: #fff;
}
.m-dialog-tabbd .form .item-r .btn-code.unlabed,
.m-dialog-tabbd .form .item-r .btn-code:disabled,
.m-dialog-tabbd .form .item-r .btn-code.disabled {
    background: #999999;
    border-color: #999999;
    color: #fff;
}
.m-dialog-tabbd .form .attr {
    height: auto;
    overflow: hidden;
    font-size: 14px;
    color: #999999;
}
.m-dialog-tabbd .form .attr a {
    color: rgba(0, 0, 0, 0.66);
}
.m-dialog-tabbd .form .attr a:hover {
    color: #0e2ed6;
}
.m-dialog-tabbd .form .attr-l {
    float: left;
}
.m-dialog-tabbd .form .attr-r {
    float: right;
}
.m-dialog-tabbd .g-btn {
    width: 190px;
    font-size: 16px;
    height: 44px;
    line-height: 42px;
    margin-top: 10px;
}
.m-dialog-tabbd .m-btn {
    width: 320px;
    margin-top: 24px;
}
.m-dialog-tabbd .tip {
    color: #999999;
    font-size: 14px;
}
.m-dialog-tabbd .tip a {
    color: #0e2ed6;
}
.m-dialog-tabbd .tip svg{
	vertical-align: middle;
}
.m-lay-loginnew .m-dialog-tabbd .form .attr label.error{
	bottom: -38px !important;
}
.m-lay1.layui-layer {
    border-radius: 25px;
}
.m-lay1.layui-layer .m-dialog {
    border-radius: 25px 25px 0 0;
}

.m-lay1 .layui-layer-setwin .layui-layer-close2 {
    width: 31px;
    height: 30;
    background: url(../imgs/dialog-close.png) no-repeat center;
    right: -70px;
    top: -50px;
}
.m-lay1 .layui-layer-setwin .layui-layer-close2:hover {
    background-position: center;
    opacity: 0.9;
}

/*返回顶部*/
.gotop {
    position: fixed;
    right: 60px;
    bottom: 80px;
    z-index: 999;
    cursor: pointer;
    width: 50px;
    height: 50px;
    background: url(../imgs/gotop-bg.png) no-repeat;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
}
.gotop-txt {
    padding-top: 40px;
    font-size: 12px;
    color: #0e113c;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.gotop:hover {
    opacity: 0.8;
}
.t-row.pb0 {
    padding-bottom: 0;
}
.file-wrap.w425,
.select-box.w425,
input.text.w425 {
    width: 415px;
}
.t-scol.select-box.w425 {
    width: 425px;
}
.t-col-l.nofloat,
.t-col-r.nofloat {
    float: none !important;
    width: auto;
}
.mb5 {
    margin-bottom: 5px;
}

/*评委评分*/
.score-info {
    padding-top: 30px;
    padding-bottom: 30px;
}
.score-info-hd {
    font-size: 16px;
    margin-bottom: 15px;
    font-weight: bold;
}
.score-info.pb10 {
    padding-bottom: 10px;
}
.score-info ul {
    height: auto;
    overflow: hidden;
}
.score-info li {
    width: 100%;
    float: left;
    font-size: 16px;
	line-height:40px;
}

.score-table {
    padding-bottom: 20px;
}

.score-table-tit {
    font-size: 16px;
    color: #333;
    font-weight: bold;
    margin-top: 25px;
}
.score-table .m-table {
    padding-top: 15px;
}
.score-table-no {
    padding-top: 15px;
    text-align: center;
    padding-bottom: 15px;
}
.score-star {
    padding: 20px 0;
}
.score-star-tit {
    font-size: 16px;
    font-weight: bold;
}
.score-star-table {
    margin-top: 10px;
}
.score-star-table .scoreinput {
    position: relative;
    display: block;
    margin-bottom: 10px;
}
.score-star-table .scoreinput label.error {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.score-star-table th,
.score-star-table td {
    text-align: center;
    padding: 5px 0;
}
.score-star-table th {
    font-size: 14px;
    font-weight: bold;
}
.score-star-table .text {
    height: 45px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 14px;
    width: 80px;
}
.score-star-table td.t-left,
.score-star-table th.t-left {
    text-align: left;
}

.m-card-more {
    text-align: center;
    padding-bottom: 30px;
    padding-top: 10px;
    background: #fff;
}
.m-card-more.on {
}
.m-card-more a {
    color: #5687f1;
}
.m-card-more a:hover {
    color: #044dba;
}
.score-result {
    font-size: 18px;
    font-weight: bold;
    padding: 25px 0;
}
.project-info-box {
    max-height: 280px;
    overflow: hidden;
}
.project-info-box.on {
    max-height: inherit;
}
.score-result small {
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
}
/*评分 */
.rating-stars {
    position: relative;
}
.rating-stars-container .rating-star {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    width: 65px;
}
.rating-star .num {
    background: url(../imgs/star-off.png) no-repeat center;
    width: 24px;
    height: 24px;
    display: inline-block;
}
.rating-stars-container {
    margin-top: 10px;
}
.rating-stars-container .rating-star.is--active .num,
.rating-stars-container .rating-star.is--hover .num {
    background-image: url(../imgs/star-on.png);
}
.rating-star .star-tit {
    font-size: 14px;
}
.rating-stars .rating-value {
    opacity: 0;
    height: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}
.rating-stars-container.inline {
    display: inline;
}
.rating-stars-container.inline .rating-star {
    width: auto;
}
.rating-stars-container.inline .rating-star .num {
    vertical-align: middle;
}

.bc-fff {
    background: #fff;
}
/*弹窗*/
.m-lay2.layui-layer {
    border-radius: 10px;
}

.m-lay2 .layui-layer-setwin .layui-layer-close2 {
    width: 31px;
    height: 30;
    background: url(../imgs/close.png) no-repeat center;
    right: -70px;
    top: -50px;
}
.m-lay2 .layui-layer-setwin .layui-layer-close2:hover {
    background-position: center;
    opacity: 0.9;
}
.m-lay2 .layui-layer-title {
    padding: 0;
    background: #fff;
    font-size: 20px;
    color: #333;
    line-height: 76px;
    border-bottom: 1px solid #ebebeb;
    position: relative;
    height: 77px;
    font-weight: bold;
    text-align: center;
    border-radius: 10px 10px 0 0;
}
.m-lay2 .layui-layer-title:after {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: #296ad9;
    content: "";
}
.m-dialog-loginhd {
    background: url(../imgs/bg01.png) no-repeat center #152d62;
    background-size: cover;
    height: 80px;
    border-radius: 10px 10px 0 0;
    text-align: center;
    font-size: 24px;
    color: #fff;
    line-height: 80px;
}
.m-dialog .formn {
    padding: 18px 70px;
    margin: 0 auto;
    width: 500px;
}
.m-dialog .formn li {
    margin-bottom: 15px;
    position: relative;
}
.m-dialog .formn li label.error {
    left: 0;
    bottom: -18px;
    line-height: 1.1;
}
.m-dialog .formn .item {
    border-bottom: 1px solid #b48e65;
    line-height: 56px;
    position: relative;
}
.m-dialog .formn .item-s {
    width: 235px;
    display: inline-block;
}
.m-dialog .formn .item-l {
    display: inline-block;
}
.m-dialog .formn .item-r {
    display: inline-block;
}
.m-dialog .formn .item-l .tit {
    font-size: 16px;
    color: #333;
}
.m-dialog .formn .item-r .text {
    width: 260px;
    border: 0;
    font-size: 14px;
}
.m-dialog .formn .item-r .text-code {
    width: 120px;
}
.m-dialog .formn .img-code {
    float: right;
    width: 111px;
    height: 46px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
}
.m-dialog .formn .btn-code {
    float: right;
    min-width: 110px;
    border: 1px solid #006dff;
    color: #006dff;
    background: #fff;
    line-height: 45px;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
}
.m-dialog .formn .btn-code:hover {
    background: #006dff;
    color: #fff;
}
.m-dialog .formn .btn-code.unlabed {
    background: #999999;
    color: #fff;
    border-color: #999;
}
.m-dialog .formn .attr {
    height: auto;
    overflow: hidden;
    margin-bottom: 30px;
    color: #999;
}
.m-dialog .formn a {
    color: inherit;
}
.m-dialog .formn a:hover {
    color: #006dff;
}
.m-dialog .formn .attr-l {
    float: left;
}
.m-dialog .formn .attr-r {
    float: right;
}

.m-dialog .formn .g-btn {
    padding: 0 70px;
    margin-top: 20px;
}
.m-dialog .formn .tip {
    color: #999;
}
.m-dialog .formn .tip a {
    color: #006dff;
}
.m-dialog-hd {
    height: 100px;
    line-height: 100px;
    text-align: center;
    border-bottom: 1px solid #cccccc;
    font-size: 30px;
    color: #006dff;
    position: relative;
    font-weight: bold;
}

.m-card-tip {
    text-align: center;
    padding: 30px;
}
.m-info {
    text-align: center;
    padding: 43px 0;
}
.m-info li .btn {
    line-height: 23px;
    height: 25px;
    border-radius: 30px;
    color: #999;
    display: inline-block;
}
.m-info li .icon-modify {
    display: inline-block;
    background: url(../imgs/icon-modify-on.png) no-repeat center;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    margin-top: -3px;
}
.m-info li .btn:hover {
    color: #296ad9;
}
.m-info li .btn:hover .icon-modify {
    background-image: url(../imgs/icon-modify.png);
}
.m-info .w150 {
    display: inline-block;
    width: 150px;
    vertical-align: middle;
}
.m-userform-info .item-r .w150 {
    font-size: 16px;
    font-weight: bold;
    width: 200px;
}
.m-userform-info .bd .item-l {
    margin-right: 0;
    font-weight: bold;
    font-size: 16px;
}
.w350 {
    width: 350px;
}
/*预约弹窗*/
body .m-layorder {
    background: url(../imgs/bg02.png) no-repeat center;
    background-color: transparent;
    background-size: cover;
    box-shadow: none;
}
body .m-layorder .layui-layer-setwin .layui-layer-close2 {
    right: 75px;
    top: 60px;
    background: url(../imgs/close01.png) no-repeat;
    width: 17px;
    height: 17px;
}
.m-layorder .orderform-hd {
    padding-top: 80px;
    text-align: center;
    font-size: 24px;
    color: #333;
    font-weight: bold;
    padding-bottom: 12px;
    position: relative;
}
.m-layorder .orderform-hd:after {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    bottom: 0;
    width: 40px;
    height: 3px;
    background: #006dff;
    margin: 0 auto;
}
.m-layorder .orderform {
    margin: 20px auto 0;
    width: 350px;
}
.m-layorder .orderform li {
    position: relative;
    margin-bottom: 20px;
}
.m-layorder .orderform .item {
    position: relative;
    border-bottom: 1px solid #b48e65;
    line-height: 45px;
}
.m-layorder label.error {
    line-height: 1.14;
}
.m-layorder .orderform .item-name,
.m-layorder .orderform .item-phone {
    display: inline-block;
}
.m-layorder .orderform .item-name {
    width: 145px;
}
.m-layorder .orderform .item-phone {
    margin-left: 10px;
    width: 190px;
}
.m-layorder .orderform input.text {
    width: 100%;
    height: 45px;
    border: 0;
    padding: 0 15px;
    font-size: 16px;
}
.m-layorder .orderform .g-btn {
    margin-top: 20px;
}
.m-layorder select {
    padding-left: 15px;
    padding-right: 25px;
    background-position: right 15px center;
    border: 0;
    width: 100%;
    font-size: 16px;
}

/*-----------------------------------------*/
.wrapper:after,
.clearfix:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
}
.bg1 {
    background: #0a0a64 url(../imgs/bg01.jpg) no-repeat top center;
    background-size: cover auto;
}
/*首页*/
.h-banner {
    margin-top: -100px;
    /*margin-top: -20px;*/
    position: relative;
    padding-top: 190px;
    color: #fff;
    height: 630px;
}

.h-banner .txt h3 {
    font-size: 66px;
    font-weight: bold;
    margin-bottom: 10px;
    letter-spacing: 3px;
}
.h-banner .txt h4 {
    margin-bottom: 50px;
}
.gbtn a {
    display: inline-block;
    padding: 0 20px;
    line-height: 70px;
    font-size: 24px;
    font-weight: bold;
    background: #7234b4;
    color: #fff;
    min-width: 257px;
    text-align: center;
    /*background:linear-gradient(-90deg,rgba(41,106,217,0.7),rgba(255,28,204,0.7));*/
    background: linear-gradient(-90deg, #0009f6, #ed13f0);
}
.icon-gbtn {
    display: inline-block;
    background: url(../imgs/gbtn.png) no-repeat;
    width: 25px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
    transition: 0.4s;
}
/*.gbtn a:hover{
	color: #fff; opacity: 0.85;
}*/
.gtit:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
}
.gtit-info {
    text-align: left;
    line-height: 1.1;
}
.gtit-info sup {
    display: block;
    color: #fff;
    font-size: 50px;
    position: relative;
    margin-bottom: -18px;
}
.gtit-info sub {
    font-weight: bold;
    color: #1c2573;
    font-size: 48px;
    text-transform: uppercase; /*font-family:Source Han Sans CN;*/
}
.gtit .more {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-weight: normal;
    padding: 0 22px;
    line-height: 38px;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    border-radius: 50px;
    margin-top: 25px;
    height: 40px;
}
.gtitmore {
    display: inline-block;
    background: url(../imgs/gtitmore.png);
    width: 8px;
    height: 8px;
    vertical-align: middle;
    margin-left: 10px;
}
.gtit .more:hover {
    background: #7234b4;
    background: linear-gradient(to right, rgba(41, 106, 217, 0.7), rgba(255, 28, 204, 0.7));
    border-color: #101360;
}
.h-naver {
    margin-bottom: 100px;
}
.h-naver-video {
    margin-top: 55px;
    position: relative;
}
.h-naver-video video {
    width: 100%;
}
.h-naver-video .icon-play {
    position: absolute;
    left: 50%;
    margin-left: -64.5px;
    top: 50%;
    margin-top: -64.5px;
    display: block;
    background: url(../imgs/icon-play.png) no-repeat;
    width: 129px;
    height: 129px;
    cursor: pointer;
}
.h-naver-video .icon-play:hover {
    opacity: 0.85;
}
.h-naver-list {
    margin-top: 40px;
}
.h-naver-list ul {
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-right: -60px;
    height: auto;
    overflow: hidden;
}
.h-naver-list li {
    color: #fff;
    float: left;
    margin-right: 60px;
}
.h-naver-list .img {
    display: inline-block;
    vertical-align: top;
}
.h-naver-list .txt {
    display: inline-block;
    vertical-align: top;
    max-width: 160px;
    margin-left: 10px;
    padding-top: 10px;
}
.h-naver-list .txt h2 {
    font-size: 20px;
}
.h-naver-list .txt p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}

.h-active {
    margin-bottom: 85px;
}
.h-active .body {
    margin-top: 30px;
}
.h-active .body ul {
    margin: 0 -15px;
    height: auto;
    overflow: hidden;
}
.h-active .body li {
    float: left;
    margin: 15px;
    height: 330px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.h-active .body .img:after {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    bottom: 0;
    height: 90px;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.h-active .body img {
    display: block;
}
.h-active .col3 li {
    width: 380px;
}
.h-active .col2 li {
    width: 585px;
}
.h-active .body h2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 38px 0 30px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    z-index: 1;
    height: 90px;
    line-height: 90px;
    -webkit-transition: bottom 0.6s;
    transition: bottom 0.6s;
}
.h-active .body h2 .icon {
    display: inline-block;
    background: url(../imgs/gbtn.png) no-repeat;
    background-size: 24px;
    width: 25px;
    height: 16px;
    vertical-align: middle;
    margin-left: 8px;
}
.h-active .body .txt {
    position: absolute;
    left: 100%; /* right: 0;*/
    width: 100%;
    bottom: 0;
    background: #0c68d0;
    padding: 20px 30px;
    height: 90px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    margin-left: -8px;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}
.h-active .body .txt-l {
    width: 220px;
    display: inline-block;
    opacity: 0;
}
.h-active .body .txt-r {
    float: right;
    opacity: 0;
}
.h-active .body .txt-r .btn {
    line-height: 30px;
    background: #0c68d0;
    border: 1px solid #fff;
    padding: 0 15px;
    border-radius: 20px;
    margin-top: 9px;
    display: inline-block;
}
.h-active .body .txt-r .btn:hover {
    background: #fff;
    color: #0c68d0;
}
.h-active .body li:hover h2 {
    bottom: 90px;
    background: transparent;
    text-align: left;
}
.h-active .body li:hover h2 .icon {
    display: none;
}
.h-active .body li:hover .txt {
    left: 0;
    width: 100%;
    margin-left: 0;
}
.h-active .body li:hover .txt-l,
.h-active .body li:hover .txt-r {
    opacity: 1;
}
.glist {
    margin: 0 -12.5px;
    height: auto;
    overflow: hidden;
}
.glist li {
    margin: 15px 12.5px;
    width: 220px;
    float: left;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.glist img {
    display: block;
}
.glist .img:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: "";
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}
.glist li:hover {
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.5);
}

.glist .img sup {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 75px;
    height: 75px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    z-index: 1;
}
.glist .img sup small {
    font-weight: normal;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    display: block;
    padding: 0 30px;
    margin-top: 5px;
}
.glist .txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 75px;
    background: #161e71;
    text-align: center;
    padding: 15px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}
.glist .txt sup {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    line-height: 1.2;
}
.glist .txt sup small {
    font-weight: normal;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    display: block;
}
.h-speech {
    margin-bottom: 100px;
}
.h-speech .body {
    margin-top: 30px;
}
.h-speech .foot {
    margin-top: 15px;
    color: #464a75;
    font-size: 24px;
    color: #464a75;
    font-weight: bold;
    background: url(../imgs/time1.png) no-repeat left center;
    padding-left: 32px;
}
.h-part {
    margin-bottom: 120px;
}
.h-part-list {
    margin-top: 80px;
}
.h-part-list:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
}
.h-part-big .img {
    position: relative;
}
.h-part-big .img:after {
    position: absolute;
    left: 25px;
    width: 476px;
    height: 340px;
    top: 25px;
    content: "";
    background: linear-gradient(-90deg, rgba(41, 106, 217, 1), rgba(255, 28, 204, 1));
    opacity: 0.3;
    transition: all 0.3s;
}
.h-part-big img {
    width: 486px;
    height: 350px;
    display: block;
    position: relative;
    z-index: 1;
}
.h-part-big .img:hover:after {
    left: 30px;
    top: 30px;
}
.h-part-info {
    width: 660px;
}
.h-part-info .hd {
    color: #fff;
    line-height: 1.1;
    font-size: 16px;
}
.h-part-info .hd h2 {
    font-size: 30px;
    font-weight: bold;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 8px;
}
.h-part-info .hd h2:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    display: block;
    width: 30px;
    height: 4px;
    background: linear-gradient(-90deg, rgba(41, 106, 217, 1), rgba(255, 28, 204, 1));
}
.h-part-info .hd p {
    text-transform: uppercase;
}
.h-part-info .bd li {
    text-align: center;
    height: 90px;
    line-height: 90px;
}
.h-part-info .bd li img {
    vertical-align: middle;
}
.h-part-info .bd {
    padding-top: 45px;
    position: relative;
    margin-top: -20px;
}
.h-part-info .swiper-button-next,
.h-part-info .swiper-button-prev {
    top: 0;
    margin-top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 4px;
}
.h-part-info .swiper-button-next {
    background: url(../imgs/btn-right.png) no-repeat center;
    right: 0;
}
.h-part-info .swiper-button-prev {
    background: url(../imgs/btn-left.png) no-repeat center;
    left: auto;
    right: 25px;
}
.h-part-info .bd li img:hover {
    opacity: 0.85;
}
/*门票*/
.ticket-banner {
    padding-top: 120px;
    color: #fff;
    margin-bottom: 165px;
}
.ticket-banner .txt h2 {
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 15px;
}
.ticket-banner .txt h4 {
    color: rgba(255, 255, 255, 0.6);
    font-size: 36px;
    text-transform: uppercase; /* font-family:Myriad Pro;*/
    font-style: italic;
    font-weight: bold;
}
.ticket-list {
    margin-bottom: 100px;
}
.ticket-list .body {
    margin-top: 55px;
}
.ticket-list .body ul {
    margin: 0 -15px;
}
.ticket-list .body li {
    float: left;
    width: 276px;
    margin: 0 15px;
    margin-bottom: 40px;
    background: #fff;
    position: relative;
}
.ticket-list .body li:nth-child(4n + 1) {
    clear: both;
}
.ticket-list .body li:before {
    position: absolute;
    left: 0;
    right: 0;
    top: -9px;
    width: 100%;
    height: 9px;
    content: "";
    background: url(../imgs/ticket-t.png) no-repeat center;
}
.ticket-list .body li:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 8px;
    content: "";
    background: url(../imgs/ticket-b.png) no-repeat center;
}
.ticket-list .body .hd {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    color: #222;
    margin: 0 30px;
    padding: 10px 0 17px;
}
.ticket-list .body .hd h2 {
    font-size: 24px;
    font-weight: bold;
}
.ticket-list .body .hd span {
    float: right;
    font-size: 20px;
    color: #296ad9;
    line-height: 1.2;
    padding-top: 5px;
}
.ticket-list .body .bd {
    color: #333;
    font-size: 14px;
    margin: 0 30px;
    padding: 15px 0;
    height: 150px;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
}
.ticket-list .body .bd .more {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    color: #296ad9;
    background: #fff;
    height: 25px;
    cursor: pointer;
}
.ticket-list .body .bd .more:hover {
    color: #004eff;
}
.ticket-list .body .bd.on {
    height: auto;
    overflow: visible;
}
.ticket-list .body .bd > a {
    color: #296ad9;
}
.ticket-list .body .bd-tip {
    padding-bottom: 15px;
}
.ticket-list .body .bd-main {
    line-height: 1.9;
    padding-left: 5px;
}
.ticket-list .body .ft {
    color: #333;
    height: 95px;
    display: table;
    width: 100%;
    background: url(../imgs/ticket-m.png) no-repeat center top;
    padding: 17px 30px 0 30px;
}
.ticket-list .body .ft-l {
    font-size: 16px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    line-height: 1.8;
    width: 160px;
}
.ticket-list .body .num {
    min-width: 30px;
    line-height: 24px;
    border-radius: 4px;
    background: #e5e5e5;
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-right: 5px;
}
.ticket-list .body input.num {
    width: 38px;
    border: 0;
    padding: 0;
    text-align: center;
}
.ticket-list .body big {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-right: 5px;
}
.ticket-list .body .ft-r {
    display: table-cell;
    width: 48px;
}
.ticket-list .body .btn-shop {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: inline-block;
    background: #296ad9 url(../imgs/shop.png) no-repeat center;
    margin-top: 17px;
    cursor: pointer;
}

.ticket-list .body .btn-shop.on {
    background-color: #296ad9;
}
.ticket-list .body .btn-shop:hover {
    opacity: 0.95;
}
.ticket-list .body .btn-shop.disabled {
    background-color: #999999;
}
.ticket-list .body .btn-shop.disabled:hover {
    background-color: #999999;
    opacity: 1;
}
.fc-blue {
    color: #5488e1;
}
.ticket-list .foot {
    margin-top: 30px;
    color: #fff;
}
.ticket-list .foot ul {
    margin: 0 -25px;
    height: auto;
    overflow: hidden;
}
.ticket-list .foot li {
    padding: 0 25px;
    width: 50%;
    float: left;
    margin-top: 55px;
}
.ticket-list .foot .hd {
    font-size: 30px;
    font-weight: bold;
    background: url(../imgs/ticket-icon01.png) no-repeat left 8px;
    padding-left: 45px;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 18px;
}
.ticket-list .foot .hd:after {
    position: absolute;
    left: 45px;
    bottom: 0;
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background: linear-gradient(-90deg, rgba(41, 106, 217, 1), rgba(255, 28, 204, 1));
}
.ticket-list .foot .bd {
    color: rgba(255, 255, 255, 0.6);
    margin-left: 45px;
    font-size: 16px;
}
.ticket-list .foot .bd p {
    position: relative;
    line-height: 1.7;
}
.ticket-list .foot .bd em {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 12px;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    text-align: center;
    line-height: 14px;
    display: inline-block;
}
.ticket-list .foot .bd span {
    padding-left: 25px;
    display: inline-block;
}

/*-----------------------------*/
/*支付*/
.ghead {
    padding-top: 45px;
    margin-bottom: 25px;
    position: relative;
    text-align: center;
}
/* .ghead h2{ */
/* font-size:20px;color: #333333;position: relative;padding-bottom: 25px;font-weight: bold; */
/* } */

.ghead h2 {
    font-size: 20px;
    color: #333333;
    position: relative;
    padding-bottom: 25px;
    font-weight: bold;
}
.ghead h2:after {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 0;
    content: "";
    width: 50px;
    height: 4px;
    background: linear-gradient(-90deg, rgba(41, 106, 217, 1), rgba(255, 28, 204, 1));
}
.pay-info {
    padding: 0 120px 45px 200px;
}
.pay-info ul {
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.pay-info li {
    float: left;
    margin-bottom: 15px;
    width: 50%;
    font-size: 18px;
    color: #333;
}
.pay-info li label {
    color: #666;
}
.pay-typetab {
    text-align: center;
    margin-bottom: 10px;
}
.pay-typetab li {
    display: inline-block;
    vertical-align: middle;
    width: 310px;
    height: 90px;
    border: 1px solid #ccc;
    text-align: center;
    line-height: 88px;
    font-size: 20px;
    color: #666;
    cursor: pointer;
    margin: 0 18px;
}
.pay-typetab li img {
    vertical-align: middle;
    margin-right: 15px;
}
.pay-typetab li.active,
.pay-typetab li:hover {
    color: #333;
    border: 2px solid #0090ff;
    line-height: 86px;
}
.pay-typeqr {
    text-align: center;
    padding-bottom: 80px;
}
.pay-typeqr .img {
    /* margin-bottom: 20px; */
}
.pay-typeqr .img img {
    width: 260px;
    height: 260px;
}
.pay-typeqr .txt {
    font-size: 20px;
    color: #333;
}
.pay-typeqr .txt p + p {
    margin-top: 15px;
}
.pay-typeqr .txt a {
    color: #008aff;
}
.pay-code {
    width: 800px;
    margin: 0 auto;
    border-top: 1px solid #ebebeb;
}
.pay-code .m-userinfo {
    padding-top: 60px;
}
.pay-code .m-userform .bd .item-l,
.pay-code .m-page1-pwd .bd .item-l {
    width: auto;
    margin-right: 10px;
    font-size: 20px;
}
.pay-code .m-userform .bd .item-r {
    width: 350px;
}
.pay-code .m-userform .bd .item-r .text-md {
    width: 300px;
    color: #333;
    font-size: 16px;
}
.pay-code .m-userform .ft,
.pay-code .m-page1-pwd .ft {
    padding-top: 0;
}
.pay-code .g-btn-form {
    height: 50px;
    font-size: 18px;
}
.m-tip-page {
    min-height: 550px;
    padding: 150px 0;
}
.m-tip-page-s {
    min-height: auto;
    padding: 60px 0 100px;
}
.m-tip-page .m-tip-txt {
    font-size: 18px;
    color: #333;
    margin-bottom: 35px;
}
.m-tip-page .m-tip-txt h3 {
    font-size: 30px;
}
.m-tip-page .m-tip-txt h4 {
    font-size: 24px;
    margin-bottom: 10px;
}
.m-tip-page .m-tip-btn .g-btn {
    height: 50px;
    line-height: 48px;
    font-size: 16px;
}
.m-tip-page .m-tip-btn .g-btn:hover {
    color: #fff;
}
.m-tip-page .m-tip-txt .tip {
    color: #999;
    padding-bottom: 20px;
}

.m-gvrp {
    padding: 0 60px 80px;
}
.m-gvrp-hd {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
.m-gvrp-hd h2 {
    color: #333;
    font-size: 24px;
    display: inline-block;
    padding-top: 45px;
    padding-bottom: 25px;
    position: relative;
}
.m-gvrp-hd h2:after {
    position: absolute;
    left: 0;
    bottom: -1px;
    content: "";
    width: 100%;

    height: 3px;
    background: linear-gradient(-90deg, rgba(41, 106, 217, 1), rgba(255, 28, 204, 1));
}
.m-gvrp-bd {
    font-size: 16px;
    color: #333;
    line-height: 1.9;
    text-align: justify;
}
.mb20 {
    margin-bottom: 20px;
}

/*1_议程*/
.m-panel {
    background: #fff;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.18);
}
.m-panel {
    padding-left: 60px;
    padding-right: 60px;
}
.m-panel + .m-panel {
    margin-top: 20px;
}
.agenda-banner {
    color: #fff;
    padding-top: 80px;
    min-height: 275px;
}

.agenda-banner .tit {
    font-size: 60px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    position: relative;
    margin-bottom: 80px;
}
.agenda-banner .tit h2 {
    font-weight: inherit;
}

.agenda-banner .tit small {
    font-size: 36px;
    /*font-family:Myriad Pro;*/
    color: rgba(255, 255, 255, 0.6);
    font-style: italic;
    margin-left: 28px;
    position: relative;
    vertical-align: bottom;
    display: inline-block;
}
.agenda-banner .nav {
    margin-bottom: 30px;
}
.agenda-banner .nav ul {
    overflow: hidden;
    height: auto;
    margin: 0 -10px;
}
.agenda-banner .nav li {
    float: left;
    width: 224px;
    height: 108px;
    text-align: center;
    background: rgba(255, 255, 255, 0.75);
    margin: 0 10px;
    transition: 0.3s;
    position: relative;
    padding-top: 25px;
    color: #333333;
    font-weight: bold;
}

.agenda-banner .nav h2 {
    font-size: 24px;
    font-weight: bold;
}
.agenda-banner .nav p {
    font-size: 16px;
    margin-top: 5px;
}
.agenda-banner .nav a {
    display: block;
}
.agenda-banner .nav li.active,
.agenda-banner .nav li:hover {
    background-color: #fff;
}
.agenda-banner .nav li.active h2,
.agenda-banner .nav li:hover h2,
.agenda-banner .subnav li.active a {
    color: #296ad9;
}

.agenda-banner .subnav {
    margin-bottom: 30px;
}
.agenda-banner .subnav ul {
    overflow: hidden;
    height: auto;
    margin: 0 -5px;
}
.agenda-banner .subnav li {
    float: left;
    font-size: 18px;
    position: relative;
    margin: 0 5px;
}
.agenda-banner .subnav li a {
    height: 40px;
    line-height: 38px;
    display: block;
    color: rgba(255, 255, 255, 0.6);
    padding: 0 21px;
    border: 1px solid rgba(255, 255, 255, 0.6);
    transition: none;
}
.agenda-banner .subnav li:hover a,
.agenda-banner .subnav li.active a {
    color: #296ad9;
    background: #fff;
    font-weight: bold;
}

.agenda-banner .nav li:hover:after,
.agenda-banner .nav li.active:after,
.agenda-banner .subnav li:hover:after,
.agenda-banner .subnav li.active:after {
    position: absolute;
    width: 100%;
    content: "";
    display: block;
    left: 0;
    right: 0;
    bottom: 0px;
    height: 4px;
    background: linear-gradient(-90deg, #296ad9, rgba(255, 28, 204, 1));
}

.agenda-banner .nav.nobg li:hover:after,
.agenda-banner .nav.nobg li.active:after {
    display: none;
}
.agenda-timeline-hd {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.agenda-timeline-hd:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
}
.agenda-timeline-hd .left {
    width: 30%;
    height: 90px;
    line-height: 90px;
    background: linear-gradient(-90deg, #296ad9, rgba(255, 28, 204, 1));
    /*font-size:30px;*/
    font-size: 22px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    float: left;
}
.agenda-timeline-hd .right {
    float: left;
    width: 58.67%;
    margin-left: 65px;
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    line-height: 1.5;
    position: relative;
}
.agenda-timeline-hd .right:before {
    display: block;
    content: "";
    background-image: url(../imgs/fy13.png);
    width: 15px;
    height: 15px;
    position: absolute;
    top: -5px;
    left: -22px;
    background-repeat: no-repeat;
}
.agenda-timeline-hd .right:after {
    display: block;
    content: "";
    background-image: url(../imgs/fy14.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: -5px;
    right: -20px;
}
.agenda-timeline-bd {
    width: 100%;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.18);
    padding-top: 45px;
    padding-bottom: 30px;
    margin-top: 40px;
}
.agenda-timeline-bd.m-panel {
    padding-top: 45px;
}

.agenda-timeline-bd .time {
    width: 145px;
    font-size: 24px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222;
    text-align: right;
    margin-left: 100px;
    float: left;
    padding-top: 8px;
}
.agenda-timeline-bd li {
    overflow: hidden;
    position: relative;
    margin-bottom: 35px;
}
.agenda-timeline-bd .doing {
    float: left;
    margin-left: 70px;
}
.agenda-timeline-bd .doing h2 {
    font-size: 20px;
    font-weight: bold;
    color: #222;
}
.agenda-timeline-bd .doing p {
    font-size: 16px;
    color: #666;
    margin-top: 5px;
}

.agenda-timeline-bd .doing .name {
    color: #2b62ff;
    padding-right: 8px;
}
.agenda-timeline-bd li:after {
    display: block;
    content: "";
    width: 13px;
    height: 13px;
    background: #222;
    border-radius: 50%;
    position: absolute;
    top: 18px;
    left: 271px;
    z-index: 99;
}
.buleday h4 {
    color: #296ad9;
    font-size: 20px;
    font-weight: bold;
}
.buleday {
    margin-bottom: 20px !important;
}
.buleday:after {
    background-color: #296ad9 !important;
}
.agenda-timeline-bd ul {
    position: relative;
}
.agenda-timeline-bd ul:after {
    display: block;
    content: "";
    width: 1px;
    /*height:875px;*/
    height: calc(100% - 50px);
    background: #222;
    left: 277px;
    position: absolute;
    top: 22px;
}
/*1_嘉宾*/
.speaker-banner .tit span {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    margin-left: 20px;
    position: relative;
}
.speaker-banner-list {
    margin-bottom: 80px;
    position: relative;
}
.speaker-banner-list .swiper-button-prev {
    left: -75px;
    background: url(../imgs/btn-prev.png) no-repeat center;
    background-size: 35px 25px;
    width: 35px;
    height: 25px;
}
.speaker-banner-list .swiper-button-next {
    right: -75px;
    background: url(../imgs/btn-next.png) no-repeat center;
    background-size: 35px 25px;
    width: 35px;
    height: 25px;
}
.speaker-banner-list li,
.speaker-banner-list .img {
    position: relative;
}
.speaker-banner-list .img img {
    display: block;
}
.speaker-banner-list .img:after {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6));
}
.speaker-banner-list .txt {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    height: 103px;
    padding-top: 15px;
    color: #fff;
    font-size: 14px;
}
.speaker-banner-list .txt h2 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 3px;
}
.speaker-banner-list .txt p {
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.8);
    padding: 0 20px;
}
.speaker-banner-list .txt p.time {
    color: #fff;
    display: none;
}
.speaker-banner-list li:hover .img:after {
    display: none;
}
.speaker-banner-list li:hover .txt {
    background: linear-gradient(-90deg, rgba(41, 106, 217, 0.8), rgba(255, 28, 204, 0.8));
}
.speaker-banner-list li:hover p.time {
    display: block;
}
.speaker-list ul {
    height: auto;
    overflow: hidden;
    margin: -10px;
}
.speaker-list li {
    width: 590px;
    float: left;
    margin: 10px;
    padding: 30px 50px;
    height: 230px;
    background: #fff;
}
.speaker-list li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.speaker-list .img {
    width: 120px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.speaker-list .img img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin-bottom: 3px;
}
.speaker-list .img h3 {
    font-size: 18px;
    font-weight: bold;
}
.speaker-list .img p {
    font-size: 14px;
    color: #999;
    margin-top: 2px;
    width: 130%;
    margin-left: -15%;
}
.speaker-list .txt {
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin-left: 65px;
    padding-top: 15px;
}
.speaker-list .txt h2 {
    font-size: 24px;
    font-weight: bold;
    color: #296ad9;
    position: relative;
}
.speaker-list .txt h2:after {
    position: absolute;
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    background: #296ad9;
    border-radius: 50%;
    left: -37px;
    top: 50%;
    margin-top: -8.5px;
}
.speaker-list .txt h2:before {
    position: absolute;
    content: "";
    display: block;
    width: 1px;
    height: 45px;
    background: #222;
    left: -29px;
    top: 10px;
}
.speaker-list .txt h4 {
    font-size: 22px;
    color: #222;
    margin-top: 15px;
    position: relative;
}
.speaker-list .txt h4:after {
    position: absolute;
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background: #222;
    border-radius: 50%;
    left: -35px;
    top: 50%;
    margin-top: -8.5px;
}
.speaker-list .txt h3 {
    font-size: 20px;
    font-weight: bold;
    color: #222;
}
.speaker-list .txt p {
    font-size: 16px;
    color: #666;
    margin-top: 5px;
}
.speaker-more {
    margin-top: 55px;
}
.speaker-more .head {
    font-size: 30px;
    color: #222;
    text-align: left;
}
.speaker-more .head h2 {
    font-weight: bold;
}
.speaker-more .head small {
    font-size: 18px;
    font-weight: normal;
    color: #999999;
    margin-left: 15px;
}
.speaker-more .head:after {
    display: none;
}
.speaker-more .subhead ul {
    margin-top: 25px;
}
.speaker-more .subhead ul:after {
    display: block;
    content: "";
    clear: both;
}
.speaker-more .subhead li {
    float: left;
}
.speaker-more .subhead a {
    font-size: 18px;
    margin-right: 60px;
    padding-bottom: 18px;
    color: rgba(51, 51, 51, 0.6);
    position: relative;
    display: block;
}
.speaker-more .subhead a:hover,
.speaker-more .subhead li.active a {
    font-size: 22px;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
}
.speaker-more .subhead a:after {
    display: none;
    content: "";
    width: 100%;
    height: 4px;
    background: linear-gradient(-90deg, #296ad9, rgba(255, 28, 204, 1));
    position: absolute;
    bottom: 0;
}
.speaker-more .subhead a:hover:after,
.speaker-more .subhead li.active a:after {
    display: block;
}
.speaker-more .body {
    margin-top: 40px;
}
.speaker-more .body ul {
    overflow: hidden;
    height: auto;
    margin: -10px;
}
.speaker-more .body li {
    width: 590px;
    float: left;
    margin: 10px;
    padding: 40px 40px 30px 52px;
    height: 180px;
    background: #fff;
}

.speaker-more .body h4 {
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    font-size: 20px;
}
.speaker-more .body p {
    font-size: 14px;
    color: #999999;
    margin-top: 5px;
    position: relative;
}
.speaker-more .body p:after {
    width: 30px;
    height: 3px;
    background: linear-gradient(-90deg, #296ad9, rgba(255, 28, 204, 1));
    display: block;
    content: "";
    position: absolute;
    bottom: -13px;
}
.speaker-more .body .bd {
    font-size: 14px;
    color: #333;
    line-height: 1.42;
    margin-top: 20px;
}
.speaker-more .body li:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
/*1_五分投*/
.common-banner {
    position: relative;
    margin-top: -100px;
    background-color: #0a0a64;
    height: 533px;
    padding-top: 175px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.common-banner-s {
    height: 455px;
}
.common-banner .tit {
    font-size: 60px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    position: relative;
    margin-bottom: 80px;
}
.common-banner .tit h2 {
    font-weight: inherit;
}

.common-banner .tit small {
    font-size: 36px;
    /*font-family:Myriad Pro;*/
    color: rgba(255, 255, 255, 0.6);
    font-style: italic;
    margin-left: 28px;
    position: relative;
    vertical-align: bottom;
    display: inline-block;
}
.common-banner .txt {
    margin-bottom: 40px;
}
.common-banner.pl95 .txt,
.common-banner.pl95 .gbtn {
    padding-left: 95px;
}
.common-banner .txt h2 {
    font-size: 48px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    margin-bottom: 25px;
}
.common-banner .txt p {
    font-size: 22px;
    color: rgba(255, 255, 255, 0.8);

    margin-top: 12px;
}
.common-banner .txt p.en {
    font-weight: bold; /*font-family:Myriad Pro;*/
    font-style: italic;
    font-weight: bold;
    font-size: 24px;
}
.common-banner .nav li {
    display: inline-block;
    width: 200px;
    height: 70px;
    line-height: 70px;
    opacity: 0.6;
    background: #fff;
    text-align: center;
    color: #0c145e;
    font-size: 24px;
    font-weight: bold;
    margin-right: 18px;
}
.common-banner .nav a {
    display: block;
    color: inherit;
}
.common-banner .nav li:hover,
.common-banner .nav li.active {
    background: linear-gradient(-90deg, rgba(41, 106, 217, 0.7), rgba(255, 28, 204, 0.7));
    opacity: 1;
    color: #fff;
}

/*五分投*/
.fivepoint-list {
    position: relative;
    padding-bottom: 60px;
}
.fivepoint-list .btn-f {
    width: 58px;
    height: 24px;
    position: absolute;
    top: 77px;
    right: 60px;
}
.gbtnl {
    display: block;
    width: 25px;
    height: 24px;
    border: 1px solid #666;
    background: url(../imgs/fy53b.png) no-repeat;
    background-position: center;
    border-radius: 4px;
    float: left;
    left: 0;
}

.gbtnr {
    display: block;
    width: 25px;
    height: 24px;
    border: 1px solid #666;
    background: url(../imgs/fy53a.png) no-repeat;
    background-position: center;
    border-radius: 4px;
    float: right;
    right: 0;
}

.fivepoint-list th {
    height: 60px;
    background: rgba(14, 27, 105, 0.1);
    text-align: center;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: bold;
    color: rgba(13, 26, 105, 1);
}

.fivepoint-rule .wrapper {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.18);
    margin-top: 20px;
    padding: 40px 60px 45px;
}
.ghead1 {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    position: relative;
    padding-bottom: 20px;
}

.ghead1 h2 {
    font-weight: bold;
}
.ghead1:after {
    position: absolute;
    display: block;
    content: "";
    width: 50px;
    height: 4px;
    bottom: 0;
    background: linear-gradient(-90deg, #296ad9, rgba(255, 28, 204, 1));
}

.fivepoint-rule {
    padding-top: 35px;
    padding-bottom: 50px;
}
.fivepoint-rule .box + .box {
    margin-top: 25px;
}
.fivepoint-rule .glist1 {
    margin-top: 15px;
}
.glist1 {
    font-size: 16px;
    line-height: 1.8;
    color: #333;
}
/*表单*/
.mfrom {
    padding-bottom: 60px;
}
.mfrom li {
    margin-bottom: 30px;
}
.mfrom li:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
}
.mfrom .item-l {
    width: 260px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    font-size: 20px;
    font-weight: bold;
    margin-left: 30px;
    color: #222;
    margin-right: 20px;
    height: 55px;
    line-height: 55px;
}
.mfrom .item-r {
    width: 533px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.mfrom .item-r input.text {
    width: 100%;
    height: 55px;
    padding: 0 20px;
    font-size: 18px;
    background: #fdfdfd;
    border-radius: 4px;
    border: 1px solid #cccccc;
}
.mfrom .item-r input.text:focus {
    border-color: #296ad9;
}
.mfrom-ft {
    text-align: center;
    padding-top: 10px;
}
.mfrom-ft button {
    width: 256px;
    height: 70px;
    border-radius: 4px;
    background: #296ad9;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    border: 1px solid #296ad9;
    cursor: pointer;
}
.mfrom-ft button:hover {
    opacity: 0.9;
}
.mfrom-row {
    margin: -5px;
}
.mfrom-row:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
}
.mfrom-col {
    padding: 5px;
    float: left;
    position: relative;
}
.mfrom-col.col2 {
    width: 50%;
}
.mfrom-col.col3 {
    width: 33.33%;
}
.mfrom-col.w133 {
    width: 133px;
}
.mfrom-col.w277 {
    width: 277px;
}
.mfrom-col.w188 {
    width: 188px;
}
.mfrom-col.w222 {
    width: 222px;
}
.mfrom-col.w160 {
    width: 160px;
}
.mfrom-col.w260 {
    width: 260px;
}
.mfrom-row + .input-box {
    margin-top: 10px;
}
.mfrom-radio-box {
    display: block;
    width: 100%;
    position: relative;
}
.mfrom-radio-box span {
    height: 56px;
    border: 1px solid #ccc;
    background: #fdfdfd;
    display: block;
    text-align: center;
    line-height: 54px;
    font-size: 18px;
    color: #999;
    cursor: pointer;
}
.mfrom-radio-box input[type="radio"] {
    opacity: 0;
    width: 0;
    position: absolute;
    left: 0;
}

.mfrom-radio-box input[type="radio"]:checked + span {
    background: #296ad9;
    color: #fff;
    border-color: #296ad9;
}
.mfrom-radio-box input[type="radio"]:checked + span i {
    display: inline-block;
    background: url(../imgs/fy55.png) no-repeat;
    width: 22px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.mfrom-row1 {
    margin: 0 -25px;
}
.mfrom-col1 {
    width: 50%;
    padding: 0 25px;
    float: left;
}
.mfrom .mfrom-row1 .item-l {
    width: 80px;
    margin-left: 0;
    margin-right: 15px;
}
.mfrom .mfrom-row1 .item-r {
    width: 410px;
}
/*SEE U*/

.seeu-wrap .body {
    padding-top: 20px;
    padding-bottom: 80px;
}
.seeu-wrap .body:after {
    display: block;
    content: "";
    clear: both;
}
.seeu-wrap .body-l {
    width: 50%;
    float: left;
    text-align: right;
}
.seeu-wrap .body-l img {
}

.seeu-wrap .body-r {
    float: left;
    width: 50%;
    padding-left: 65px;
}
.seeu-wrap .box-hd {
    margin-bottom: 15px;
}
.mt10 {
    margin-top: 10px;
}
.seeu-wrap .box-hd h2 {
    font-size: 30px;
    color: #333;
}
.seeu-wrap .box-hd h2 img {
    vertical-align: middle;
    margin-right: 8px;
    position: relative;
    margin-top: -3px;
}
.seeu-wrap .box-hd p {
    font-size: 16px;
    color: rgba(51, 51, 51, 1);
    font-weight: normal;
    padding-left: 40px;
    margin-top: 10px;
}
.seeu-wrap .box-bd img {
    width: 200px;
}
.seeu-wrap .body-r .icon2 {
    background: url(../imgs/fy24.png) no-repeat;
    padding-left: 40px;
    margin-top: 47px;
}
.seeu-wrap .box-bd {
    margin-left: 40px;
    color: #333;
    font-size: 16px;
}
.seeu-wrap .box-bd .name {
    color: #296ad9;
    margin-right: 5px;
}
.seeu-wrap .box-bd li {
    line-height: 30px;
}
.seeu-wrap .box + .box {
    margin-top: 35px;
}

.msg-success {
    margin-top: 40px;
    margin-bottom: 100px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.18);
    padding-top: 120px;
    padding-bottom: 190px;
}
.msg-success .img {
    width: 100px;
    margin: 0 auto;
}
.msg-success .txt h2 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    margin-top: 20px;
}
.msg-success .txt p {
    font-size: 18px;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    margin-top: 5px;
}
.exhibit-nav {
    margin-bottom: 40px;
}
.exhibit-nav ul {
    margin: -12px;
}
.exhibit-nav li {
    float: left;
    width: 180px;
    text-align: center;
    font-size: 22px;
    margin: 12px;
}
.exhibit-nav li a {
    display: block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    background: #fff;
    box-shadow: 0px 0px 9px 0px rgba(4, 0, 0, 0.08);
}
.exhibit-nav li.active a,
.exhibit-nav li a:hover {
    background: #294eb4;
    font-weight: bold;
    color: #fff;
}
.exhibit-map {
    padding-bottom: 60px;
}
.exhibit-map .head {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #222;
    position: relative;
}
.exhibit-map .head:after {
    display: block;
    content: "";
    width: 54px;
    height: 4px;
    background: linear-gradient(-90deg, #296ad9, rgba(255, 28, 204, 1));
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -27px;
}
.exhibit-map-info {
    margin-bottom: 40px;
}
.exhibit-map-tab ul {
    text-align: center;
}
.exhibit-map-tab li {
    display: inline-block;
    margin: 0 7.5px;
}
.exhibit-map-tab li a {
    display: block;
    width: 120px;
    height: 50px;
    line-height: 48px;
    border-radius: 25px;
    font-size: 24px;
    font-weight: bold;
    color: #eb602b;
    border: 1px solid #eb602b;
    background: rgba(235, 96, 43, 0.1);
}

.exhibit-map-tab li.pink a {
    border: 1px solid #ed6bc4;
    color: #ed6bc4;
    background: rgba(237, 107, 196, 0.1);
}
.exhibit-map-tab li.purple a {
    border: 1px solid #844ccc;
    color: #844ccc;
    background: rgba(134, 74, 209, 0.1);
}
.exhibit-map-tab li a:hover,
.exhibit-map-tab li.active a {
    background: #eb602b;
    color: #fff;
}
.exhibit-map-tab li.pink a:hover,
.exhibit-map-tab li.pink.active a {
    background: #ed6bc4;
    color: #fff;
}
.exhibit-map-tab li.purple a:hover,
.exhibit-map-tab li.purple.active a {
    background: #844ccc;
    color: #fff;
}
.exhibit-map-imgs {
    padding: 0 60px;
    margin-top: 40px;
}
.exhibit-map-imgs ul {
    display: table;
    border: 1px solid #fff;
    border-collapse: collapse;
    position: relative;
}
.exhibit-map-imgs ul:after {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #fff;
    content: "";
    z-index: 1;
}
.exhibit-map-imgs ul:before {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    height: 2px;
    background: #fff;
    content: "";
    z-index: 1;
}
.exhibit-map-imgs li {
    width: 20%;
    float: left;
    height: 90px;
    display: table-cell;
    border-right: 1px solid rgba(235, 235, 235, 0.8);
    border-bottom: 1px solid rgba(235, 235, 235, 0.8);
    border-collapse: collapse;
    text-align: center;
    line-height: 135px;
}
.exhibit-map-imgs li:hover img {
    opacity: 0.85;
}
.exhibit-imgs li {
    height: 500px;
    margin-top: 40px;
    position: relative;
    background-size: 100%;
}
.exhibit-imgs .txt {
    width: 601px;
    height: 284px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 0px 9px 0px rgba(4, 0, 0, 0.08);
    opacity: 0.86;
    padding-top: 30px;
    padding-left: 60px;
    padding-right: 60px;
    position: absolute;
    right: 50px;
    top: 108px;
}
.exhibit-imgs h2 {
    font-size: 24px;
    font-weight: bold;
    color: #000;
}
.exhibit-imgs h4 {
    font-size: 18px;
    font-weight: bold;
    color: #999999;
    margin-top: 5px;
}
.exhibit-imgs p {
    font-size: 18px;
    line-height: 1.7;
    color: #000;
    margin-top: 5px;
    text-align: justify;
    text-transform: uppercase;
}

.exhibit-reg {
    padding-top: 40px;
}
.exhibit-reg .mfrom {
    padding-bottom: 30px;
    margin-top: 35px;
}

.exhibit-view {
    padding-bottom: 80px;
    margin: 0 -30px;
}
.exhibit-view-item {
    float: left;
    padding-right: 30px;
    width: 50%;
    padding: 45px 30px;
}
.exhibit-view-item .bd {
    margin-top: 30px;
}
.exhibit-view-item .bd-txt {
    font-size: 16px;
    color: #666;
    line-height: 1.5;
}
.exhibit-view-item .bd-meta {
    margin-top: 25px;
    line-height: 1.9;
}
.exhibit-view-item .bd-meta p {
    font-size: 18px;
    color: #222;
}
.exhibit-view-item .bd-meta label {
    font-weight: bold;
}

.exhibit-view-item .bd-meta img {
    display: block;
    margin-top: 10px;
}
/*1_合作伙伴*/
.partner-box {
    padding-bottom: 80px;
}
.partner-box ul {
    position: relative;
    height: auto;
    overflow: hidden;
}
.partner-box ul:before {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    width: 2px;
    background: #fff;
    z-index: 1;
}
.partner-box ul:after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    content: "";
    height: 2px;
    background: #fff;
    z-index: 1;
}
.partner-box li {
    float: left;
    width: 20%;
    height: 90px;
    text-align: center;
    line-height: 90px;
    border-right: 1px solid rgba(235, 235, 235, 0.8);
    border-bottom: 1px solid rgba(235, 235, 235, 0.8);
}
.partner-box li img {
    vertical-align: middle;
}
.partner-box li a {
    display: block;
}
.partner-box li img:hover {
    opacity: 0.8;
}
/*1_合作伙伴_成为赞助商*/

.partner-reg ul {
    margin: 0 auto;
}
.partner-reg li {
    width: 645px;
    margin: 0 auto;
    margin-bottom: 30px;
    text-align: center;
}
.partner-reg li:after {
    display: block;
    content: "";
    clear: both;
}
.partner-reg li .label {
    width: 80px;
    font-size: 20px;
    font-weight: bold;
    color: #222;
    text-indent: 0;
    float: left;
    line-height: 55px;
    height: 55px;
    text-align: right;
}
.partner-reg li .input {
    float: left;
    width: 545px;
    text-indent: 0;
    margin-left: 20px;
}

.partner-reg li .btn {
    width: 256px;
    height: 70px;
    background: #296ad9;
    border-radius: 4px;
    font-size: 24px;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    border: none;
    margin-top: 10px;
}
.partner-intro {
    font-size: 16px;
    line-height: 1.9;
    position: relative;
    margin-top: -10px;
    padding-bottom: 80px;
}

.partner-intro p {
    text-indent: 2em;
}

/*1_大会指南*/

.guide-traffic {
    padding-left: 40px;
    padding-right: 20px;
    padding-bottom: 80px;
}
.guide-stay {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 80px;
}
.guide-faq {
    padding-left: 40px;
    padding-right: 30px;
    padding-bottom: 80px;
}
.guide-traffic-l {
    float: left;
    width: 532px;
}
.guide-traffic-r {
    width: 440px;
    float: right;
}
.guide-traffic-r .hd h2 {
    font-size: 24px;
    color: #222;
    margin-bottom: 15px;
}
.guide-traffic-r .hd h2 img {
    vertical-align: middle;
    margin-right: 10px;
}
.guide-traffic-r .bd {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}
.guide-traffic-r .bd li + li {
    margin-top: 25px;
}
.guide-traffic-r .bd h4 {
    font-size: 24px;
    margin-bottom: 3px;
}
.guide-traffic-r .bd .qr {
    width: 130px;
    height: 130px;
    margin-top: 5px;
}
.gtable {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    line-height: 1.5;
}
.gtable thead th {
    height: 55px;
    text-align: center;
    background: #e7e8f1;
    font-size: 16px;
    color: #102173;
}
.gtable td {
    height: 55px;
    font-size: 16px;
    color: #222;
    padding: 8px 0;
}
.gtable tbody tr:nth-child(odd) td {
    background: #f3f3f3;
}
.gtable .qr {
    position: relative;
    display: inline-block;
}
.gtable .qr-img {
    position: absolute;
    left: -113px;
    top: 50%;
    margin-top: -50px;
    width: 100px;
    height: 100px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    display: none;
}
.gtable .qr-img:after {
    position: absolute;
    right: -7px;
    top: 50%;
    margin-top: -5px;
    content: "";
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
}
.gtable .qr:hover .qr-img {
    display: block;
}
.guide-faq {
    margin-right: -20px;
}
.guide-faq .box + .box {
    margin-top: 45px;
}
.guide-faq .box h2 {
    font-size: 24px;
    margin-bottom: 15px;
}
.guide-faq .box li {
    line-height: 1.9;
    font-size: 16px;
}
.mfrom-hd {
}
.mfrom-hd ul {
    height: auto;
    overflow: hidden;
    width: 390px;
    margin: 0 auto 40px;
    background: #f4f4f4;
}
.mfrom-hd li {
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 50%;
    float: left;
    text-align: center;
    font-size: 18px;
    color: #333;
    cursor: pointer;
}
.mfrom-hd li.active {
    background: #296ad9;
    color: #fff;
}
.mfrom-hd li:hover {
    opacity: 0.9;
}
.m-userinfo.m-userinfo-mfrom {
    padding-top: 0;
}

.m-userinfo.m-userinfo-mfrom .bd {
    margin-right: 50px;
}
.m-dialog-tabbd .incrform {
    padding-bottom: 30px;
}
.m-dialog-tabbd .incrform .g-btn {
    margin-top: 20px;
}
.m-dialog-tabbd .incrform .item-r .img-code {
    border: 1px solid #cccccc;
    box-shadow: none;
}
/*完善信息*/
.m-userinfo.block {
    padding-top: 0;
}
.m-userform.block .bd {
    display: block;
    padding-left: 245px;
}
.t-left {
    text-align: left !important;
}
.m-table table .t-left {
    text-align: left;
    padding-left: 15px;
}
/*峰会门票*/
.m-infos {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
    margin-top: 30px;
    padding: 30px 30px 25px 30px;
    font-size: 14px;
}
.m-infos-tit {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 18px;
}
.m-infos-tit:before {
    display: inline-block;
    vertical-align: top;
    height: 18px;
    width: 2px;
    background: #2b64d9;
    content: "";
    margin-right: 5px;
    position: relative;
    margin-top: 1px;
}
.m-infos-list {
    font-size: 16px;
}
.m-infos-list li {
    display: inline-block;
    vertical-align: top;
    width: 49.5%;
    font-size: 16px;
    color: #333;
    padding: 7px 0;
    padding-left: 12px;
}
.m-infos-list .txt {
    line-height: 1.6;
}
.m-infos-list .txt p + p {
    margin-top: 10px;
}
.m-infos-btn {
    display: inline-block;
    vertical-align: middle;
    color: #2b64d9;
    padding: 3px 10px;
    border: 1px solid #2b64d9;
    border-radius: 15px;
    font-size: 14px;
    margin-left: 10px;
}
.m-infos-btn:hover {
    background: #2b64d9;
    color: #fff;
}
.m-infos + .m-infos {
    margin-top: 20px;
}
.m-infos + .m-table {
    padding-top: 20px;
}
.m-tips {
    margin-top: 35px;
}
.m-tips-tit {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-bottom: 10px;
    background: url(../imgs/tips.png) no-repeat left center;
    padding-left: 25px;
}
.m-tips-desc {
    font-size: 14px;
    color: #666666;
    line-height: 1.6;
}
/*暂无信息*/
.m-msg {
    text-align: center;
    padding-top: 100px;
    height: 400px;
}
.m-msg-img {
    margin-bottom: 20px;
}
.m-msg-txt {
}
.m-msg-txt h3 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
/*发票详情*/
.m-billinfo {
    margin-top: 25px;
    font-size: 16px;
    color: #333;
}
.m-billinfo li {
    display: inline-block;
    vertical-align: top;
    width: 49%;
    padding: 7px 10px 7px 0;
}
.m-billinfo li.full {
    display: block;
    width: 100%;
}
.m-billinfo li strong {
    font-weight: bold;
    width: 80px;
    text-align: right;
    display: inline-block;
}
.pt-30 {
    padding-top: 30px;
}

.mfrom-hd1 {
    text-align: center;
    margin-top: 50px;
}
.mfrom-hd1 li {
    min-width: 160px;
    padding: 0 10px;
    height: 45px;
    border: 1px solid #dddddd;
    border-radius: 5px;
    line-height: 43px;
    font-size: 18px;
    color: #333;
    display: inline-block;
    cursor: pointer;
    margin: 0 4px;
}
.mfrom-hd1 li.active {
    background: #296ad9;
    border-color: #296ad9;
    color: #fff;
}
.mfrom-hd1 li.active span {
    background: url(../imgs/icon-check.png) no-repeat left center;
    padding-left: 25px;
}
input.text:read-only,
input.text:disabled,
select:disabled {
    background-color: #f0f0f0;
}
/*索取发票*/
.m-bill-form {
    margin: 30px auto 0 50px;
    font-size: 16px;
    color: #333;
}
.m-bill-form li {
    padding: 7px 0 15px 0;
}
.m-bill-form .item-l {
    width: 180px;
    text-align: right;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
    font-weight: bold;
    position: relative;
}
.pt8 {
    padding-top: 8px;
}
.m-bill-form .item-r {
    display: inline-block;
    vertical-align: top;
    width: 470px;
    position: relative;
}
.m-bill-form .item-r .radio-box-wrap {
    margin-right: 30px;
    min-width: 100px;
    display: inline-block;
    vertical-align: top;
}
.m-bill-form .item-r .radio-box-wrap span {
    vertical-align: middle;
}
input[type="radio"]:disabled + i,
input[type="checkbox"]:disabled + i {
    background: #eee;
}
.m-bill-form textarea {
    width: 100%;
    height: 80px;
    font-size: 14px;
    color: #333;
    background: #f9f9f9;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    padding: 9px 15px;
}
.m-bill-form input.text,
.m-bill-form select {
    width: 100%;
    height: 40px;
    background: #f9f9f9;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    padding: 0 15px;
}
.m-bill-form select {
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-image: url(../imgs/icon-select.png);
}
.m-bill-form textarea:focus,
.m-bill-form input.text:focus,
.m-bill-form select:focus {
    background-color: #fff;
}

.m-bill-form .ft {
    padding-top: 30px;
}
.m-bill-form .ft .g-btn {
    min-width: 158px;
    padding: 0 30px;
}
.t-tip {
    background: url(../imgs/tip.png) no-repeat left top 2px;
    font-size: 14px;
    color: #999;
    padding-left: 20px;
    margin-top: 10px;
}
/**/
.m-lay2 .m-dialog-tabhd1 {
    text-align: center;
    border-bottom-color: #ebebeb;
}
.m-lay2 .m-dialog-tabhd li {
    color: #333333;
}
.m-lay2 .m-dialog-tabhd1 li.active {
    color: #296ad9;
}
.m-lay2 .m-dialog-tabhd1 li:after {
    width: 100%;
    left: 0;
    right: 0;
    margin-left: 0;
    background: #296ad9;
    height: 2px;
}
.m-lay2 .m-dialog-tabbd .g-btn-box .g-btn {
    width: 120px;
}
.m-dialog-qr {
    text-align: center;
    padding: 40px 0;
}
.m-dialog-qr .img img {
    width: 180px;
    height: 180px;
}
.m-dialog-qr p {
    margin-top: 10px;
    font-size: 16px;
    color: #999;
}
.dialog-msg {
    text-align: center;
    padding: 35px 20px 25px;
    font-size: 20px;
    color: #333;
}
.m-lay2 .layui-layer-btn a {
    width: 120px;
    height: 45px;
    line-height: 45px;
    border: 1px solid #999999;
    font-size: 16px;
    color: #666666;
    border-radius: 5px;
}
.m-lay2 .layui-layer-btn .layui-layer-btn0 {
    background: #296ad9;
    color: #fff;
    border-color: #296ad9;
}
.m-lay2.layui-layer-iframe .layui-layer-btn,
.m-lay2.layui-layer-page .layui-layer-btn {
    padding-bottom: 55px;
}

.a-link {
    color: #0f1e78;
}

/*spinner*/
.spinner {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -2px;
    margin-right: 8px;
}
.spinner .decrease,
.spinner .increase {
    width: 20px;
    height: 24px;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding: 0;
    line-height: 18px;
    border-radius: 2px;
    cursor: pointer;
    color: #fff;
}
.spinner .decrease {
    background: #999;
    border-radius: 5px 0 0 5px;
}
.spinner .increase {
    background: #101b86;
    border-radius: 0 5px 5px 0;
}
.spinner .decrease:hover,
.spinner .increase:hover {
    opacity: 0.9;
}
.spinnerExample {
    width: 30px;
    height: 24px;
    border: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #333;
    font-weight: bold;
}
/*登录*/
.m-bluebox {
    background: #0a0a64;
    padding: 130px 0 105px;
}
.m-login {
    background: rgba(255, 255, 255, 0.15);
    padding: 90px 0;
}
.m-login-from {
    width: 535px;
    margin: 0 auto;
    color: #fff;
}
.m-login-from .hd {
    text-align: center;
    margin-bottom: 50px;
}
.m-login-from .hd h2 {
    font-size: 53px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.m-login-from .hd h4 {
    font-size: 27px;
}
.m-login-from .bd {
    padding-bottom: 35px;
}
.m-login-from .bd li {
    margin-bottom: 20px;
    position: relative;
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}
.m-login-from .input-box {
    position: relative;
}
.m-login-from .input-box input.text {
    width: 100%;
    background: transparent;
    border: 0;
    height: 80px;
    font-size: 24px;
    color: ;
}
.m-login-from ::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, 0.6);
}

.m-login-from ::-moz-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, 0.6);
}

.m-login-from :-ms-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, 0.6);
}
.m-login-from .btncode {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 24px;
    color: #fff;
    height: 80px;
    background: transparent;
    border: 0;
    cursor: pointer;
}
.m-login-from .ft button {
    width: 100%;
    height: 80px;
    border-radius: 40px;
    background: #fff;
    border: 0;
    color: #0a0a64;
    font-size: 24px;
    font-weight: bold;
    cursor: pointer;
    margin-bottom: 40px;
}
.m-login-from .ft button:hover {
    opacity: 0.9;
}
.m-login-from .ft .tips {
    text-align: right;
}
.m-login-from .ft .tips .link {
    font-size: 24px;
    padding-bottom: 8px;
    display: inline-block;
    border-bottom: 1px solid #fff;
}
.m-login-from .ft .tips .link:hover {
    color: #fff;
    opacity: 0.85;
}

.m-dialog-qrs {
    text-align: center;
    padding-top: 95px;
}
.m-dialog-qrs .img {
    margin-bottom: 20px;
}
.m-dialog-qrs .img img {
    width: 160px;
    height: 160px;
}
.m-dialog-qrs h3 {
    color: #0a0a64;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6;
}
.m-layqr .layui-layer-setwin a {
    right: 0;
    top: 0;
}
.m-layqr .layui-layer-setwin .layui-layer-close2 {
    background: url(../imgs/close.png) no-repeat center;
    background-size: 20px;
}
.m-layqr .layui-layer-setwin .layui-layer-close2:hover {
    background-position: center;
    opacity: 0.8;
}
@media (max-width: 1670px) {
    .m-lay1 .m-dialog-hd {
        height: 90px;
        line-height: 90px;
    }
    .m-dialog-tabbd .form {
        margin-top: 30px;
        padding-bottom: 10px;
    }
    .m-dialog-tabbd .g-btn {
        margin-top: 5px;
    }
    .m-lay1 .layui-layer-setwin .layui-layer-close2 {
        top: -25px;
        right: -60px;
    }
}
/*票务中心登录*/
.ticket-login {
    width: 520px;
    margin: 145px auto 180px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    min-height: 465px;
}
.ticket-login-hd {
    height: 76px;
    background: url(../imgs/ticket-loginbg.png) no-repeat center;
    background-size: cover;
    text-align: center;
    color: #fff;
    font-size: 24px;
    line-height: 76px;
    border-radius: 5px 5px 0 0;
}
.ticket-login-form {
    padding: 40px 0;
}
.ticket-login-form .bd {
    padding-left: 60px;
}
.ticket-login-form li {
    position: relative;
    margin-bottom: 30px;
}
.ticket-login-form .item-l {
    width: 90px;
    vertical-align: top;
    display: inline-block;
    font-size: 18px;
    line-height: 45px;
}
.ticket-login-form .item-r {
    display: inline-block;
    vector-effect: top;
    width: 300px;
    position: relative;
}
.ticket-login-form input.text {
    width: 100%;
    height: 45px;
    padding: 0 20px;
    font-size: 16px;
    border: 1px solid #cccccc;
    border-radius: 5px;
}
.ticket-login-form input.textcode {
    width: 180px;
    margin-right: 3px;
    vertical-align: middle;
}
.ticket-login-form .imgcode {
    display: inline-block;
    vertical-align: middle;
    width: 111px;
    height: 46px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    border: 1px solid #dfe6ed;
}
.ticket-login-form .btncode {
    width: 111px;
    height: 45px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    color: #333;
    background: transparent;
}
.ticket-login-form .btncode:hover {
    background: #296ad9;
    border-color: #296ad9;
    color: #fff;
}
.ticket-login-form .btncode.unlabed {
    background: #999999;
    color: #fff;
    border-color: #999;
}
.ticket-login-form .ft {
    text-align: center;
}
.ticket-login-form .ft .tip {
    margin-top: 20px;
}
.ticket-login-form a {
    color: #5687f1;
}
/**/
.ticket-login-qr {
    text-align: center;
    padding: 55px 55px 20px 55px;
    position: relative;
}
.ticket-login-qr .img {
    margin-bottom: 20px;
}
.ticket-login-qr .img img {
    width: 210px;
    height: 210px;
}
.ticket-login-qr .tit {
    font-size: 14px;
    color: #5687f1;
    margin-bottom: 10px;
}
.ticket-login-qr .link {
    color: #5687f1;
}

/*电子票 2020.8.6*/
.eqrimg {
    padding: 0;
    text-align: center;
}
.eqrimg .tit {
    position: relative;
    margin-bottom: 30px;
    height: 70px;
    line-height: 70px;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 1px solid #b1c1d2;
}
.eqrimg .tit:after {
    width: 35px;
    height: 3px;
    background: #5285dd;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -12px;
    bottom: 0;
}
.eqrimg .txt {
    line-height: 1.8;
    margin-top: 10px;
}

/*2020.8.6*/
.aboutnav ul {
    overflow: hidden;
    margin: 0 -10px;
}
.aboutnav li {
    width: 386px;
    float: left;
    text-align: center;
    background: #fff;
    height: 545px;
    margin: 0 10px 10px;
    padding: 35px 40px;
}
.aboutnav li .tit {
    padding-top: 30px;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 25px;
    position: relative;
}
.aboutnav .tit:after {
    width: 45px;
    height: 4px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -22.5px;
    bottom: 0;
    background: #ed13f0;
    background: linear-gradient(-90deg, #0009f6, #ed13f0);
}
.aboutnav .txt {
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.7;
}
.m-page-box-white {
    background: #fff;
    padding: 0 80px;
}

.newshd {
    padding-top: 50px;
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 25px;
    position: relative;
    text-align: center;
}
.newshd h2 {
    font-weight: bold;
}
.newshd:after {
    width: 45px;
    height: 4px;
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -22.5px;
    bottom: 0;
    background: #ed13f0;
    background: linear-gradient(-90deg, #0009f6, #ed13f0);
}
.m-pagination.pt0 {
    padding-top: 0;
}
.newslist .body {
    padding-top: 10px;
}
.newslist .body li {
    padding: 30px 0;
    overflow: hidden;
    border-bottom: 1px dashed #f0f0f0;
}
.newslist .body li .img {
    width: 300px;
    float: left;
    text-align: center;
    line-height: 170px;
}
.newslist .body li .img img {
    vertical-align: middle;
}
.newslist .body li .txt {
    width: 710px;
    float: right;
    line-height: 1.8;
    font-size: 14px;
}
.newslist .body li .txt h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}
.newslist .body li .txt p {
    color: #333333;
}
.newslist .body li .txt h4 {
    color: #666666;
    margin-top: 10px;
}
.newslist .foot {
    padding: 40px 0;
}
.newslogos {
    margin-top: 20px;
}
.newslogos .body {
}
.newslogos ul {
    width: 110%;
    padding-top: 30px;
    padding-bottom: 50px;
    height: auto;
    overflow: hidden;
}
.newslogos li {
    margin: 0 20px 20px 0;
    float: left;
    width: 192px;
    height: 80px;
    box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 10px;
}
.newslogos li:hover {
    box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 10px;
}
.newsdetail {
    padding-top: 70px;
    padding-bottom: 50px;
}
.newsdetail .head {
    text-align: center;
    line-height: 1.8;
    border-bottom: 1px dashed #f0f0f0;
    padding-bottom: 35px;
}
.newsdetail .head h1 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
.newsdetail .head h4 {
    font-size: 14px;
    color: #666666;
}
.newsdetail .head h4 span {
    margin: 0 10px;
}
.newsdetail .body {
    line-height: 1.8;
    padding-top: 20px;
}
.newsdetail .body p {
    text-indent: 2em;
}
.newsrelated {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 10px;
    font-size: 16px;
}
.newsrelated li {
    padding: 15px 0;
}
.newsrelated li + li {
    border-top: 1px dashed #f0f0f0;
}

.pt90 {
    padding-top: 90px;
}
.newhome {
    font-family: "PingFang SC", "microsoft yahei", arial, "helvetica neue", "hiragino sans gb", sans-serif;
}
/*newheader*/
/*header*/
.newheader {
    height: 90px;
    background: #1d1c1f;
    position: relative;
    z-index: 999;
    position: relative;
    font-family: "PingFang SC", "microsoft yahei", arial, "helvetica neue", "hiragino sans gb", sans-serif;
    font-weight: 400;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}

.newheader-logo {
    display: inline-block;
    line-height: 90px;
}
.newheader-logo img {
    vertical-align: middle;
}

.newheader-lang {
    display: inline-block;
    vertical-align: top;
    margin-top: 30px;
    margin-left: 30px;
    width: 80px;
    position: relative;
}
.newheader-lang .caret {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 5px;
    background: url(../imgs/caret.png) no-repeat;
    margin-left: 8px;
    transition: all 0.3s;
}

.newheader-lang > span {
    cursor: pointer;
    margin-bottom: 8px;
    display: block;
}
.newheader-lang > span img {
    display: inline-block;
    vertical-align: middle;
}
.newheader-lang ul {
    opacity: 0;
    overflow: hidden;
    height: 0;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.newheader-lang ul li {
    margin-bottom: 2px;
}
.newheader-lang li img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.newheader-lang li:hover img {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
    filter: auto;
}
.newheader-lang:hover .caret {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.newheader-lang:hover ul {
    opacity: 1;
    overflow: visible;
    height: auto;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.newheader-lang img {
    width: 56px;
    border-radius: 5px;
}
.newheader-curr {
    margin-left: 35px;
    display: inline-block;
    vertical-align: top;
    line-height: 88px;
    font-size: 16px;
    color: #fff;
}
.newheader-nav {
    margin-left: 15px;
    display: inline-block;
    vertical-align: top;
    line-height: 88px;
}

.newheader-nav .dropdown {
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 5px;
    background: url(../imgs/dropdown.png);
    border: 0;
    margin-left: 5px;
}

.newheader-nav > ul > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    margin: 0;
    position: relative;
}
.newheader-nav > ul > li > a {
    display: block;
    padding: 0 20px;
}
.newheader-nav > ul > li:hover > a {
    background: #000000;
}
.newheader-nav > ul > li > a:after {
    position: absolute;
    left: 50%;
    margin-left: -25px;
    bottom: 0;
    content: "";
    width: 50px;
    height: 4px;
    background: linear-gradient(-90deg, rgba(10, 94, 215, 1), rgba(255, 0, 199, 1));
    visibility: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.newheader-nav > ul > li.active > a {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}
.newheader-nav > ul > li.active > a:hover {
    background: none;
}
.newheader-nav > ul > li:hover > a {
    color: #fff;
}
.newheader-nav > ul > li.active > a:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.newheader-nav .subnav {
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    background: #000000;
    display: none;
}

.newheader-nav > ul > li:hover .subnav {
    display: block;
}
.newheader-nav .subnav li {
    height: 35px;
    line-height: 35px;
    color: #999;
    font-size: 12px;
    position: relative;
}
.newheader-nav .subnav li:after {
    position: absolute;
    left: 15%;
    height: 1px;
    width: 70%;
    content: "";

    background: #1d1c1f;
}
.newheader-nav .subnav li a {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
}
.newheader-nav .subnav li:hover a {
    color: #fff;
}
.newheader-nav.nobg > ul > li.active > a:after,
.newheader-nav.nobg > ul > li:hover > a:after {
    display: none;
}

.newheader-info {
    float: right;
}
.newheader-info .item {
    display: inline-block;
    vertical-align: top;
}
.newheader-info .item + .item {
    margin-left: 15px;
}
.newheader-info .nav {
    margin-top: 26px;
}

.newheader-info .nav a {
    font-size: 16px;
    position: relative;
    padding: 0 20px;
    display: inline-block;
    vertical-align: top;
    height: 40px;
    line-height: 40px;
    color: #000;
    background: #ffffff;

    border-radius: 6px;
}

.newheader-info .nav a.header-regist {
    background: #6239dd;
    color: #fff;
}
.newheader-info .nav a.header-regist:hover {
    background: #4a24d4;
}
.newheader-info .nav a.header-login {
    margin-left: 15px;
}

.newheader-info .lang {
    border: 1px solid #5687f1;
    color: #5687f1;
    border-radius: 15px;
    position: relative;
}
.newheader-info .lang a {
    display: block;
    color: #5687f1;
    font-size: 14px;
}
.newheader-info .lang img {
    width: 14px;
    height: 10px;
    margin-right: 5px;
}
.newheader-info .lang-on,
.newheader-info .lang-list li {
    padding: 0 30px 0 10px;
    line-height: 28px;
}
.newheader-info .lang-list li:hover {
    background: #3c5cb5;
    background: rgba(60, 92, 181, 0.5);
}

.newheader-info .lang-icon {
    position: absolute;
    right: 0;
    top: 0;
    height: 28px;
    width: 30px;
    display: block;
    background: url(../imgs/lang-icon.png) no-repeat center;
    cursor: pointer;
}
.newheader-info .lang-list {
    display: none;
}

.newheader-info .btn {
    display: inline-block;
    vertical-align: top;
    margin-top: 26px;
}
.newheader-info .btn a {
    display: block;
    font-size: 16px;
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    color: #fff;
    line-height: 38px;
    border: 1px solid #fff;
    border: #6239dd;
    padding: 0 13px;
    border-radius: 6px;

    background: #6239dd;
}
.newheader-info .btn a:hover {
    border-color: #4c1ed8;
    background: #4c1ed8;
}

.newheader-back {
    float: right;
    margin-top: 26px;
    line-height: 1;
}
.newheader-back a {
    border: 1px solid #fff;
    border: 1px solid #6239dd;
    color: #fff;
    color: #fff;
    padding: 0 15px;
    line-height: 40px;
    height: 40px;
    border-radius: 10px;
    display: inline-block;
    background: #6239dd;
    font-size: 16px;
    font-weight: 400;
}
.newheader-back a:hover {
    background-color: #4c1ed8;
    border-color: #4c1ed8;
}

.pt0 {
    padding-top: 0 !important;
}

.newfooter {
    background-color: #1d1c1f;
    overflow: hidden;
    margin-top: 0;
    padding-top: 45px;
    /*padding-bottom: 110px;*/
    padding-bottom: 45px;
    color: #5c5c5c;
    font-family: "PingFang SC", "microsoft yahei", arial, "helvetica neue", "hiragino sans gb", sans-serif;
}
.newfooter-logo {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}
.newfooter .share i.fa {
    margin-right: 40px;
    cursor: pointer;
}
.newfooter .share i.fa:hover {
    color: #fff;
}
.newfooter-r p {
    line-height: 1.8;
    font-size: 21px;
    text-align: right;
}
.newfooter-r p + p {
    margin-top: 35px;
}
.newfooter a:hover {
    color: #fff;
}
.newfooter-logo {
    float: left;
    margin-right: 130px;
    margin-left: 100px;
}
.newfooter-box {
    float: left;
    color: #5c5c5c;
    text-align: left;
    width: 263px;
    margin-right: 45px;
    font-size: 16px;
    font-weight: 500;
}
.newfooter-box:last-child {
    margin-right: 0;
}
.newfooter-box .hd {
    font-size: 16px;
    margin-bottom: 40px;
    position: relative;
}
.newfooter-box .hd:after {
    display: block;
    content: "";
    width: 260px;
    height: 1px;
    background: #5c5c5c;
    position: absolute;
    top: 40px;
}
.newfooter-box li {
    margin-right: 8px;
    position: relative;
    display: inline-block;
}
.newfooter-box li img {
    height: 20px;
    width: auto;
}
.newfooter-box .bd p {
    margin-bottom: 10px;
}
.newfooter-box li a {
    display: block;
    width: 44px;
    height: 44px;
    line-height: 50px;
    border: 1px solid #77757a;
    border-radius: 50%;
    text-align: center;
}
.newfooter-box .weixin {
    background: url(../imgs/weixin_new.png) no-repeat center top;
}
.newfooter-box .weibo {
    background: url(../imgs/weibo_new.png) no-repeat center top;
}
.newfooter-box .in {
    background: url(../imgs/in.png) no-repeat center top;
}
.newfooter-box li a:hover {
    background-color: #fff;
    border-color: #000;
    background-position: center bottom;
}
.newfooter-box .qrpop {
    position: absolute;
    left: 50%;
    margin-left: -40px;
    top: 55px;
    background: #fff;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    display: none;
}
.newfooter-box .qrpop:after {
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: -7px;
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
}
.newfooter-box li:hover .qrpop {
    display: block;
}
.newfooter-box .qrpop img {
    width: 72px;
    height: 72px;
    vertical-align: middle;
}

.newhome {
    background: #131214;
}

.newreg {
    background: url(../imgs/newreg_bg.jpg) no-repeat;
    height: 775px;
    padding-top: 100px;
    font-family: "PingFang SC", "microsoft yahei", arial, "helvetica neue", "hiragino sans gb", sans-serif;
    font-weight: 500;
}
.newreg .left-txt {
    width: 530px;
    float: left;
    padding-top: 60px;
    color: #fff;
    font-size: 16px;
    line-height: 1.8;
}
.newreg .left-txt .hd {
    font-size: 30px;
    line-height: normal;
}
.newreg .left-txt .bd {
    margin-top: 20px;
    text-align: justify;
}
.newreg .left-txt .ft {
    text-align: right;
    margin-top: 20px;
}
.newreg .right-form {
    width: 520px;
    float: right;
    margin-right: 45px;
    background: #fff;
    border-radius: 8px;
}
.newreg .right-form .head {
    height: 70px;
    border-bottom: #d7dee6 solid 2px;
    line-height: 70px;
    font-size: 20px;
}
.newreg .right-form .head li {
    width: 50%;
    float: left;
    text-align: center;
    position: relative;
    color: #999999;
    font-weight: 400;
}

.newreg .right-form .head li:after {
    position: absolute;
    left: 50%;
    margin-left: -37.5px;
    bottom: 0;
    content: "";
    width: 75px;
    height: 3px;
    background: linear-gradient(-90deg, rgba(10, 94, 215, 1), rgba(255, 0, 199, 1));
    visibility: hidden;
    transition: all 0.3s;
    -webkit-transition: all 0.3s ease-in-out;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
}
.newreg .right-form .head li.active,
.newreg .right-form .head li:hover {
    color: #0b0d6a;
    font-weight: bold;
}
.newreg .right-form .head li.active:after,
.newreg .right-form .head li:hover:after {
    visibility: visible;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.newreg .form {
    margin-top: 40px;
    text-align: center;
    padding: 0 30px 20px;
}
.newreg .form li {
    margin-bottom: 30px;
}
.newreg .form .item-l {
    min-width: 50px;
    text-align: right;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    color: #333;
    font-weight: bold;
    line-height: 45px;
    width: 80px;
}
.newreg .form1 .item-l {
    min-width: 80px;
}
.newreg .form .item-r {
    width: 300px;
    text-align: left;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.newreg .form .item-r .text {
    width: 100%;
    height: 45px;
    line-height: 43px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0 20px;
    font-size: 14px;
    color: #333;
}
.newreg .form .item-r .text-code {
    width: 170px;
}
.newreg .form .item-r .img-code {
    float: right;
    border-radius: 4px;
    box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
}
.newreg .form .item-r .btn-code {
    width: 110px;
    height: 45px;
    line-height: 43px;
    border: 1px solid #cccccc;
    float: right;
    background: #fff;
    font-size: 14px;
    color: #333;
    border-radius: 4px;
    cursor: pointer;
}
.newreg .form .item-r .btn-code:hover {
    background: #296ad9;
    border-color: #296ad9;
    color: #fff;
}
.newreg .form .item-r .btn-code.unlabed {
    background: #999999;
    border-color: #999999;
    color: #fff;
}
.newreg .form .attr {
    height: auto;
    overflow: hidden;
    font-size: 14px;
    color: #999999;
}
.newreg .form .attr a {
    color: #999999;
}
.newreg .form .attr a:hover {
    color: #5687f1;
}
.newreg .form .attr-l {
    float: left;
}
.newreg .form .attr-r {
    float: right;
}
.newreg .form .g-btn {
    width: 190px;
    font-size: 16px;
    height: 44px;
    line-height: 42px;
}
.newreg .form .tip {
    color: #999999;
    font-size: 14px;
}
.newreg .form .tip a {
    color: #5687f1;
}

.homeqrimg {
    padding: 30px 30px;
    font-size: 14px;
    text-align: center;
}
.homeqrimg h4 {
    margin-top: 10px;
}

.newh-banner {
    /*margin-top: -20px;*/
    position: relative;
    padding-top: 95px;
    padding-bottom: 95px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    background: #000 url(../imgs/newbanner_bg.jpg) no-repeat center/cover;
    min-height: 450px;
}
.newh-banner .txt h2 {
    margin-bottom: 20px;
}
.newh-banner .txt h3 {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: 3px;
    line-height: 1.1;
}
.newh-banner .txt h3 img {
    position: relative;
    top: -3px;
    margin-right: 5px;
}
.newh-banner .txt h4 {
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: bold;
}
.newh-banner .txt p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
}
.fs30 {
    font-size: 30px !important;
}
.mt20 {
    margin-top: 20px !important;
}
.mb20 {
    margin-bottom: 20px !important;
}
.newh-banner .gbtn a {
    background: #6239dd;
    border-radius: 6px;
    min-width: inherit;
    padding: 0 40px;
    font-weight: 700;
}
.newh-banner .gbtn a:hover .icon-gbtn {
    transform: translateX(15px);
    -webkit-transform: translateX(15px);
}
.newh-naver {
    margin-bottom: 20px;
    background: #1d1c1f;
    padding: 60px 120px 30px;
    margin-top: 40px;
}
.newh-naver-video {
    margin-top: 30px;
    position: relative;
}
.newh-naver-video video {
    width: 100%;
    height: 550px;
}
.newh-naver-video .icon-play {
    position: absolute;
    left: 50%;
    margin-left: -64.5px;
    top: 50%;
    margin-top: -64.5px;
    display: block;
    background: url(../imgs/icon-play.png) no-repeat;
    width: 129px;
    height: 129px;
    cursor: pointer;
}
.newh-naver-video .icon-play:hover {
    opacity: 0.85;
}
.newh-naver-txt {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    margin-top: 20px;
    line-height: 1.8;
    text-align: justify;
}
.newgtit {
}
.newgtit:after {
    content: " ";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 0;
    clear: both;
}
.newgtit-info {
    line-height: 1.1;
    text-align: center;
}
.newgtit-info sup {
    display: block;
    color: #fff;
    font-size: 50px;
    position: relative;
    margin-bottom: -18px;
    font-weight: bold;
    text-transform: uppercase;
}
.newgtit-info sub {
    font-weight: bold;
    color: #296ad9;
    font-size: 30px;
    text-transform: uppercase;

    font-family: Source Han Sans CN;

    background: linear-gradient(-90deg, #296ad9 0.68359375%, #ff1ccc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.newgtit .more {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-weight: normal;
    padding: 0 22px;
    line-height: 38px;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    border-radius: 50px;
    margin-top: 25px;
    height: 40px;
}
.newgtitmore {
    display: inline-block;
    background: url(../imgs/gtitmore.png);
    width: 8px;
    height: 8px;
    vertical-align: middle;
    margin-left: 10px;
}
.newgtit .more:hover {
    background: #7234b4;
    background: linear-gradient(to right, rgba(41, 106, 217, 0.7), rgba(255, 28, 204, 0.7));
    border-color: #101360;
}

.newglist {
    margin: 0 -12.5px;
    height: auto;
    overflow: hidden;
}
.newglist li {
    margin: 15px 50px;
    width: 160px;
    float: left;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 280px;
}
.newglist li > a {
    cursor: default;
    pointer-events: none;
}
.newglist li:nth-child(n + 9) {
    display: none;
}
.newh-speech.on .newglist li:nth-child(n + 9) {
    display: block;
}
.newglist .img {
    height: 160px;
    border-radius: 160px;
    overflow: hidden;
}
.newglist img {
    display: block;
    width: 160px;
}

.newglist .txt {
    height: 75px;
    text-align: center;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    margin-top: 20px;
    line-height: 1.7;
}

.newglist .txt small {
    font-weight: normal;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.6);
    display: block;
    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;
}
.newh-speech {
    margin-bottom: 20px;
    background: #1d1c1f;
    padding: 60px 70px 60px;
}
.newh-speech .body {
    margin-top: 30px;
}
.newh-speech .foot {
    text-align: center;
}
.newh-speech .foot .more {
    color: #fff;
    color: rgba(255, 255, 255, 0.5);
    font-size: 16px;
    font-weight: normal;
    padding: 0 22px;
    line-height: 38px;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: inline-block;
    border-radius: 50px;
    margin-top: 25px;
    height: 40px;
    cursor: pointer;
}

.newh-speech .foot .more:hover {
    background: #7234b4;
    background: linear-gradient(to right, rgba(41, 106, 217, 0.7), rgba(255, 28, 204, 0.7));
    border-color: #101360;
}

.newh-agenda {
    margin-bottom: 20px;
    background: #1d1c1f url(../imgs/new_hy.jpg) no-repeat center/ cover;
    overflow: hidden;
    padding: 60px 120px 60px;
}
.newh-agenda .newgtit h4 {
    font-size: 24px;
    color: #fff;
    margin-top: 20px;
}
.newh-agenda .head {
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-top: 30px;
    font-weight: bold;
}
.newh-agenda .head li {
    display: inline-block;
    margin: 0 60px;
    border-bottom: transparent solid 4px;
    padding-bottom: 10px;
    cursor: pointer;
}
.newh-agenda .head li.active {
    border-color: #fff;
}
.newh-agenda .body {
    margin-top: 35px;
    color: #fff;
}
.newh-agenda .body li {
    color: #222222;
    margin-bottom: 5px;
    background: #fff;
    padding: 15px 100px 15px 50px;
    font-weight: bold;
    overflow: hidden;
}
.newh-agenda .body li > a {
    display: block;
    overflow: hidden;
}
.newh-agenda .body li .txt {
    float: left;
    width: 690px;
}
.newh-agenda .body li .btn {
    float: right;
    margin-top: 5px;
}
.newh-agenda .body li .btn span {
    width: 80px;
    height: 36px;
    background: #1d1c1f;
    border-radius: 6px;
    display: block;
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.newh-agenda .body li .btn span:hover {
    background: #000;
}
.newh-agenda .body li h4 {
    font-size: 16px;
    color: #666;
    font-weight: bold;
}
.newh-agenda .body li h2 {
    font-size: 20px;
    color: #222;
    font-weight: bold;
}

.newh-active {
    margin-bottom: 20px;
    background: #1d1c1f;
    padding: 60px 0;
}
.newh-active .body {
    margin-top: 30px;
}
.newh-active .body ul {
    margin: 0 -15px;
    height: auto;
    overflow: hidden;
}
.newh-active .body li {
    float: left;
    margin: 15px;
    height: 330px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}
.newh-active .body .img:after {
    position: absolute;
    left: 0;
    right: 0;
    content: "";
    bottom: 0;
    height: 90px;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.newh-active .body img {
    display: block;
}
.newh-active .col3 li {
    width: 380px;
}
.newh-active .col2 li {
    width: 585px;
}
.newh-active .body h2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0 38px 0 30px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    z-index: 1;
    height: 90px;
    line-height: 90px;
    -webkit-transition: bottom 0.6s;
    transition: bottom 0.6s;
}
.newh-active .body h2 .icon {
    display: inline-block;
    background: url(../imgs/gbtn.png) no-repeat;
    background-size: 24px;
    width: 25px;
    height: 16px;
    vertical-align: middle;
    margin-left: 8px;
}
.newh-active .body .txt {
    position: absolute;
    left: 100%; /* right: 0;*/
    width: 100%;
    bottom: 0;
    background: #0c68d0;
    padding: 20px 30px;
    height: 90px;
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    margin-left: -8px;
    -webkit-transition: left 0.5s;
    transition: left 0.5s;
}
.newh-active .body .txt-l {
    width: 220px;
    display: inline-block;
    opacity: 0;
}
.newh-active .body .txt-l h4 {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.newh-active .body .col2 .txt-l {
    width: 420px;
}
.newh-active .body .txt-r {
    float: right;
    opacity: 0;
}
.newh-active .body .txt-r .btn {
    line-height: 30px;
    background: transparent;
    border: 1px solid #fff;
    padding: 0 15px;
    border-radius: 20px;
    margin-top: 9px;
    display: inline-block;
    font-weight: bold;
}
.newh-active .body .txt-r .btn:hover {
    background: #fff;
    color: #0c68d0;
}
.newh-active .body li:hover h2 {
    bottom: 90px;
    background: transparent;
    text-align: left;
}
.newh-active .body li:hover h2 .icon {
    display: none;
}
.newh-active .body li:hover .txt {
    left: 0;
    width: 100%;
    margin-left: 0;

    background: linear-gradient(-90deg, #296ad9, #ff1ccc);
}
.newh-active .body li:hover .txt-l,
.newh-active .body li:hover .txt-r {
    opacity: 1;
}

.newh-part {
    margin-bottom: 20px;
    background: #1d1c1f;
    padding: 60px;
}
.newh-part-list {
    margin-top: 40px;
    background: #252527;
    overflow: hidden;
}
.newh-part-list + .newh-part-list {
    margin-top: 20px;
}

.newh-part-big {
    width: 376px;
}
.newh-part-big .img {
    position: relative;
}

.newh-part-big img {
    width: 376px;
    height: 364px;
    display: block;
    position: relative;
    z-index: 1;
}

.newh-part-info {
    width: 630px;
    padding-top: 30px;
    margin-right: 32px;
}
.newh-part-info .hd {
    color: #fff;
    line-height: 1.1;
    font-size: 16px;
}
.newh-part-info .hd h2 {
    font-size: 30px;
    font-weight: bold;
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 8px;
}

.newh-part-info .hd p {
    text-transform: uppercase;
}
.newh-part-info .bd li {
    text-align: center;
    height: 90px;
    line-height: 90px;
}
.newh-part-info .bd li img {
    vertical-align: middle;
}
.newh-part-info .bd {
    padding-top: 45px;
    position: relative;
    margin-top: -45px;
}
.newh-part-info .swiper-button-next,
.newh-part-info .swiper-button-prev {
    top: 0;
    margin-top: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #fff;
    border-radius: 4px;
}
.newh-part-info .swiper-button-next {
    background: url(../imgs/btn-right.png) no-repeat center;
    right: 0;
}
.newh-part-info .swiper-button-prev {
    background: url(../imgs/btn-left.png) no-repeat center;
    left: auto;
    right: 25px;
}
.newh-part-info .bd li img:hover {
    opacity: 0.85;
}

.newh-brand {
    background: #1d1c1f;
    margin-bottom: 70px;
    padding: 60px 110px;
    color: #fff;
}
.newh-brand-item + .newh-brand-item {
    margin-top: 30px;
}
.newh-brand-item .head h2 {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
}
.newh-brand-item .body {
    margin-top: 40px;
}
.newh-brand-item .body ul {
    /*width: 120%; overflow: hidden;*/
    text-align: center;
}
.newh-brand-item .body li {
    /*margin-right: 20px;*/
    margin: 0 8px;
    margin-bottom: 20px;
    width: 176px;
    height: 73px;
    background: #252527;
    text-align: center;
    display: inline-block;
}
.newh-brand-item .body li a {
    display: block;
    display: table-cell;
    line-height: 73px;
    width: 176px;
}
.newh-brand-item .body li img {
    vertical-align: middle;
    max-height: 45px;
    max-width: 140px;
}
.newheader-info .list {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    width: 140px;
    height: 90px;
}
.newheader-info .list-on {
    font-size: 16px;
    color: #fff;
    line-height: 90px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    max-width: 140px;
    text-align: center;
}
.newheader-info .list-on span {
    display: inline-block;
    vertical-align: middle;
    max-width: 90px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newheader-info .list-on .icon {
    display: inline-block;
    vertical-align: middle;
    background: url(../imgs/caret.png);
    width: 8px;
    height: 5px;
    margin-left: 5px;
}
.newheader-info .list-dropdown {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 80px;
    background: linear-gradient(0deg, rgba(18, 25, 156, 1), rgba(15, 18, 85, 1));
    background: #000;
    box-shadow: 0px 2px 4px 0px rgba(4, 0, 0, 0.12);
    text-align: center;
    display: none;
    padding-bottom: 10px;
}

.newheader-info .list:hover .list-dropdown {
    display: block;
}
.newheader-info .list-dropdown li a {
    margin: 0 20px;
    display: block;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    color: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.newheader-info .list-dropdown li:last-child a {
    border-bottom: 0;
}
.newheader-info .list-dropdown li a:hover,
.newheader-info .list-dropdown li.active a {
    color: #fff;
}

/*英文*/
.newhome_en .newh-banner .txt h3 {
    font-size: 42px;
}
.newhome_en .newh-banner .txt h3 img {
    height: 56px;
}
/*最小高度*/
.minheight {
    min-height: calc(100vh - 90px - 267px);
}

/*2020.9.7*/
body,
input,
textarea,
select {
    font-family: "PingFang SC", "microsoft yahei", arial, "helvetica neue", "hiragino sans gb", sans-serif;
    font-weight: 400;
}
.new_bg1 {
    background: #131214 url(../imgs/newticket_bg.jpg) no-repeat center 90px;
}

.newticket-banner {
    padding-top: 100px;
    color: #fff;
    margin-bottom: 65px;
    text-align: center;
    font-family: "PingFang SC", "microsoft yahei", arial, "helvetica neue", "hiragino sans gb", sans-serif;
}
.newticket-banner .txt h2 {
    font-size: 50px;
    font-weight: bold;
    margin-bottom: 15px;
    letter-spacing: 3px;
}
.newticket-banner .txt h2 img {
    position: relative;
    top: -3px;
    margin-right: 5px;
}
.newticket-banner .txt h4 {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
}

.newticket-list {
    margin-bottom: 100px;
    font-family: "PingFang SC", "microsoft yahei", arial, "helvetica neue", "hiragino sans gb", sans-serif;
}
.newticket-list .body {
    margin-top: 55px;
}
.newticket-list .body ul {
    margin: 0 -15px;
}
.newticket-list .body li {
    float: left;
    width: 276px;
    margin: 0 15px;
    margin-bottom: 40px;
    background: #fff;
    position: relative;
}
.newticket-list .body li:nth-child(4n + 1) {
    clear: both;
}
.newticket-list .body li:before {
    position: absolute;
    left: 0;
    right: 0;
    top: -9px;
    width: 100%;
    height: 9px;
    content: "";
    background: url(../imgs/ticket-t.png) no-repeat center;
}
.newticket-list .body li:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -8px;
    width: 100%;
    height: 8px;
    content: "";
    background: url(../imgs/ticket-b.png) no-repeat center;
}
.newticket-list .body .hd {
    border-bottom: 1px solid #ebebeb;
    margin-bottom: 15px;
    color: #222;
    margin: 0 30px;
    padding: 10px 0 17px;
}
.newticket-list .body .hd h2 {
    font-size: 24px;
    font-weight: bold;
}
.newticket-list .body .hd span {
    float: right;
    font-size: 20px;
    color: #296ad9;
    line-height: 1.2;
    padding-top: 5px;
}
.newticket-list .body .bd {
    color: #333;
    font-size: 14px;
    margin: 0 30px;
    padding: 15px 0;
    height: 150px;
    overflow: hidden;
    padding-bottom: 30px;
    position: relative;
    font-weight: 500;
}
.newticket-list .body .bd .more {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    color: #296ad9;
    background: #fff;
    height: 25px;
    cursor: pointer;
}
.newticket-list .body .bd .more:hover {
    color: #004eff;
}
.newticket-list .body .bd.on {
    height: auto;
    overflow: visible;
}
.newticket-list .body .bd > a {
    color: #296ad9;
}
.newticket-list .body .bd-tip {
    padding-bottom: 15px;
}
.newticket-list .body .bd-main {
    line-height: 1.9;
    padding-left: 5px;
}
.newticket-list .body .ft {
    color: #333;
    height: 95px;
    display: table;
    width: 100%;
    background: url(../imgs/ticket-m.png) no-repeat center top;
    padding: 17px 30px 0 30px;
    font-weight: 500;
}
.newticket-list .body .ft-l {
    font-size: 16px;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    line-height: 1.8;
    width: 160px;
}
.newticket-list .body .num {
    min-width: 30px;
    line-height: 24px;
    border-radius: 4px;
    background: #e5e5e5;
    display: inline-block;
    text-align: center;
    padding: 0 5px;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-right: 5px;
}
.newticket-list .body input.num {
    width: 38px;
    border: 0;
    padding: 0;
    text-align: center;
}
.newticket-list .body big {
    font-size: 18px;
    color: #333;
    font-weight: bold;
    margin-right: 5px;
}
.newticket-list .body .ft-r {
    display: table-cell;
    width: 48px;
}
.newticket-list .body .btn-shop {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    display: inline-block;
    background: #296ad9 url(../imgs/shop.png) no-repeat center;
    margin-top: 17px;
    cursor: pointer;
}

.newticket-list .body .btn-shop.on {
    background-color: #296ad9;
}
.newticket-list .body .btn-shop:hover {
    opacity: 0.95;
}
.newticket-list .body .btn-shop.disabled {
    background-color: #999999;
}
.newticket-list .body .btn-shop.disabled:hover {
    background-color: #999999;
    opacity: 1;
}
.fc-blue {
    color: #5488e1;
}
.newticket-list .foot {
    margin-top: 30px;
    color: #fff;
}
.newticket-list .foot ul {
    margin: 0 -25px;
    height: auto;
    overflow: hidden;
}
.newticket-list .foot li {
    padding: 0 25px;
    width: 50%;
    float: left;
    margin-top: 55px;
}
.newticket-list .foot .hd {
    font-size: 30px;
    font-weight: bold;
    background: url(../imgs/ticket-icon01.png) no-repeat left 8px;
    padding-left: 45px;
    padding-bottom: 15px;
    position: relative;
    margin-bottom: 18px;
}
.newticket-list .foot .hd:after {
    position: absolute;
    left: 45px;
    bottom: 0;
    content: "";
    display: block;
    width: 50px;
    height: 4px;
    background: linear-gradient(-90deg, rgba(41, 106, 217, 1), rgba(255, 28, 204, 1));
}
.newticket-list .foot .bd {
    color: rgba(255, 255, 255, 0.6);
    margin-left: 45px;
    font-size: 16px;
}
.newticket-list .foot .bd p {
    position: relative;
    line-height: 1.7;
}
.newticket-list .foot .bd em {
    position: absolute;
    left: 0;
    top: 6px;
    font-size: 12px;
    width: 16px;
    height: 16px;
    border: 1px solid #fff;
    border: 1px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    text-align: center;
    line-height: 14px;
    display: inline-block;
}
.newticket-list .foot .bd span {
    padding-left: 25px;
    display: inline-block;
}
.newticket-list .gtit-info {
    text-align: center;
}
.newticket-list .gtit-info h2 {
    font-weight: bold;
}
.newticket-list .gtit-info sub {
    font-weight: bold;
    color: #296ad9;
    font-size: 48px;
    text-transform: uppercase;
    background: linear-gradient(-90deg, #296ad9 0.68359375%, #ff1ccc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: helvetica;
}
/*新弹窗*/
.m-newlay1 .m-dialog-hd {
    background-image: url(../imgs/newlogin_hdbg.jpg);
}
.m-newlay1 .m-dialog-hd h3 {
    font-size: 24px;
    font-weight: bold;
}
.m-newlay1 .m-dialog-tabbd .g-btn {
    background: linear-gradient(-90deg, #296ad9, #ff1ccc);
    border: none;
}
/*2020.9.11*/
.fhdetail p {
    margin-bottom: 10px;
    text-align: justify;
}
.fhdetail p > img {
    max-width: 830px;
    margin-left: -2em;
}
/*2020.9.22*/
.videolist {
    margin-bottom: 50px;
    margin-top: 40px;
}
.videolist-hd {
    margin-top: 20px;
}
.videolist-bd {
    margin-top: 30px;
}
.videolist-bd ul {
    overflow: hidden;
    width: 105%;
}
.videoitem {
    background: #1d1c1f;
    width: 590px;
    height: 200px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    color: #fff;
    padding: 20px 0 20px 20px;
}
.videoitem .img {
    float: left;
    line-height: 0;
    position: relative;
    cursor: pointer;
}
.videoitem .img:after {
    content: "";
    background: rgba(0, 0, 0, 0.3) url(../imgs/video_play.png) no-repeat center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}
.videoitem .txt {
    float: left;
    font-size: 14px;
    margin-left: 20px;
    width: 250px;
}
.videoitem .txt h2 {
    font-size: 14px;
    font-weight: bold;
    position: relative;
    padding-bottom: 10px;
}
.videoitem .txt h2:after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 30px;
    height: 2px;
    background: linear-gradient(-90deg, rgba(10, 94, 215, 1), rgba(255, 0, 199, 1));
}
.videoitem .txt h4 {
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.videoitem .txt p {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 15px;
    line-height: 1.7;
}
.videolist-hd {
    text-align: center;
}
.videolist-hd li {
    display: inline-block;
    margin: 0 10px;
}
.videolist-hd li a {
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: #a1a0a1 solid 1px;
    color: #fff;
    padding: 0 15px;
}
.videolist-hd li.active a {
    background: linear-gradient(-90deg, rgba(10, 94, 215, 1), rgba(255, 0, 199, 1));
    border-color: #000;
}

/*2020.10.13*/
.newh-banner .desc {
    text-align: left;
    padding: 0 100px;
    line-height: 1.8;
    letter-spacing: 0;
    margin-top: 30px;
}
.newh-banner .desc p {
    text-indent: 2em;
    margin-top: 5px;
}
.newh-banner .meta {
    margin: 0 100px;
    margin-top: 40px;
    padding: 20px 0;
    border-top: #72628b solid 1px;
    border-bottom: #72628b solid 1px;
    /*background: rgba(0,0,0,0.1);*/
}
.newh-banner .meta-en {
    margin-left: 30px;
    margin-right: 30px;
    letter-spacing: normal;
}
.newh-banner .meta ul {
    overflow: hidden;
}
.newh-banner .meta li {
    display: inline-block;
    margin: 0 30px;
    text-align: left;
}
.newh-banner .meta label {
    font-size: 48px;
    float: left;
    font-weight: bold;
    line-height: 1;
    letter-spacing: -2px;
}
.newh-banner .meta-txt {
    float: left;
    margin-left: 10px;
    line-height: 1;
    padding-top: 5px;
}
.newh-banner .meta h3 {
    font-size: 18px;
    font-weight: bold;
}
.newh-banner .meta h4 {
    font-size: 14px;
    opacity: 0.8;
    margin-top: 5px;
    font-weight: normal;
}
/*浮动二维码*/
.floatqrcode {
    background: #fff;
    border-radius: 10px;
    width: 130px;
    padding: 15px;
    position: fixed;
    right: 20px;
    top: 280px;
    font-size: 12px;
    text-align: center;
}
.floatqrcode img {
    border: #ebebeb solid 1px;
}
.floatqrcode h4 {
    margin-top: 5px;
}
.m-page1-userform {
    text-align: center;
    padding-top: 100px;
    padding-bottom: 40px;
}
.m-page1-userform .bd .item-r .text {
    width: 350px;
}
.m-page1-userform .bd .item-r .codetxt {
    width: 220px;
}
.m-page1-userform .ft .tip {
    margin-top: 20px;
    color: #666;
}
.m-page1-userform .ft .tip a {
    color: #5687f1;
}
.m-page1-userform .ft .tip a:hover {
    color: #3162cc;
}
.checkbox-box-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
    line-height: 45px;
}
.radio-box-wrap {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
    line-height: 45px;
}
.mb50 {
    margin-bottom: 50px;
}
/*2021.4.25*/
.hiddeninput {
    width: 1px;
    height: 1px;
    opacity: 0;
}
#regist .nc-container #nc_1_wrapper {
    width: auto !important;
}
/*2022.1.18*/
.m-user .img {
    display: inline-block;
    vertical-align: top;
    width: 96px;
    margin-right: 30px;
}
.m-user .img img {
    width: 96px;
    height: 96px;
    border-radius: 999px;
    display: block;
    border: 2px solid #b7c0f3;
    box-sizing: border-box;
}
.m-user .info {
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
}
.m-user .info .name {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.87);
}
.m-user .info .m-badge {
    vertical-align: top;
}
.m-user .info .txt {
    font-size: 16px;
    color: rgba(0, 0, 0, 0.66);
    line-height: 1.5;
}
.m-user .btns {
    display: inline-block;
    vertical-align: top;
    float: right;
    margin-top: 25px;
}
.m-sidenav-link {
    display: block;
    font-size: 16px;
    padding: 10px 10px 10px 58px;
    line-height: 1.5;
}
.m-sidenav-link.active,
.m-sidenav-link:hover {
    background: rgba(226, 230, 250, 0.5);
    color: #0e2ed6;
    font-weight: bold;
}
.m-sidenav-sub-link {
    display: block;
    font-size: 14px;
    padding: 8px 10px 8px 58px;
    line-height: 1.5;
}
.m-sidenav-sub-link.active,
.m-sidenav-sub-link:hover {
    background: rgba(226, 230, 250, 0.25);
    color: #0e2ed6;
    font-weight: bold;
}
.m-sidenav-sub-link .dot {
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.87);
    margin-right: 10px;
}
.m-sidenav-sub-link.active .dot,
.m-sidenav-sub-link:hover .dot {
    background: rgba(14, 46, 214, 1);
}
/*警告框*/
.m-alert {
    display: inline-block;
    font-size: 14px;
    padding: 4px;
    border-radius: 16px;
    color: #021993;
    background: rgba(226, 230, 250, 0.5);
}
.m-alert-lable {
    background: #fff;
    border-radius: 999px;
    padding: 4px 12px;
    font-size: 14px;
    color: #021993;
    vertical-align: top;
    display: inline-block;
    line-height: 1.5;
}
.m-alert-txt {
    line-height: 1.5;
    display: inline-block;
    vertical-align: top;
    padding: 4px 8px;
}
.m-alert .ricon {
    margin-left: 5px;
    display: inline-block;
    vertical-align: top;
}
.m-alert-sm,
.m-alert-sm .m-alert-lable {
    font-size: 12px;
}
.m-alert-primary .m-alert-lable {
    background: #021993;
    color: #fff;
}
.m-alert-error {
    background: #fdeae7;
    color: #df2918;
}
.m-alert-error .m-alert-lable {
    background: #df2918;
    color: #fff;
}
.m-alert-warning {
    background: #ffc107;
    color: #b54708;
}
.m-alert-warning .m-alert-lable {
    background: #fffaeb;
    color: #fff;
}
.m-alert-success {
    background: #008461;
    color: #027a48;
}
.m-alert-success .m-alert-lable {
    background: #ecfdf3;
    color: #fff;
}
.m-alert-tips {
    background: rgba(0, 0, 0, 0.02);
    color: rgba(0, 0, 0, 0.87);
}
.m-alert-tips .m-alert-lable {
    background: rgba(0, 0, 0, 0.66);
    color: #fff;
}

/*input textarea select*/
input.text {
    width: 100%;
    width: 100%;
    height: 30px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 12px;
}
select {
    width: 100%;
    height: 30px;
    border: 1px solid #cccccc;
    padding: 0 8px;
    border-radius: 4px;
    box-sizing: border-box;
}
input.text:focus,
textarea:focus,
select:focus {
    border-color: #0e2ed6;
    color: #666;
}
input.text.error,
textarea.error,
select.error {
    border-color: #ec543a;
}

/*详情*/
.m-content {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 5px;
}
.m-content.row > * {
    padding-top: 15px;
}
.m-content-hd {
    margin-bottom: 3px;
}
.fs24 {
    font-size: 24px;
}
.m-content-list > div {
    margin-bottom: 8px;
}
.m-content-list > div:last-child {
    margin-bottom: 0;
}
.m-link-box > div {
    margin-bottom: 8px;
}
.m-link-box > div:last-child {
    margin-bottom: 0;
}
.m-step {
    color: rgba(0, 0, 0, 0.3);
}
.m-step .item {
    display: inline-block;
    vertical-align: top;
}
.m-step .item > * {
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
.m-step .num {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
}
.m-step .tit {
    font-weight: bold;
}
.m-step .on {
    width: 20px;
    height: 20px;
    background: #000075;
    border-radius: 20px;
    background: url(../imgs/hi-icon-success.png) no-repeat center #000075;
}
.m-step .sline {
    width: 12px;
    height: 12px;
    background: url(../imgs/hi-sline.png) no-repeat center;
}
.m-step .item:last-child .sline {
    display: none;
}
.m-step .on {
    display: none;
}
.m-step .active .num {
    background-color: #0e2ed6;
}

.m-step .active .tit {
    color: #0e2ed6;
}
.m-step .select .on {
    display: inline-block;
}
.m-step .select .num {
    display: none;
}
.m-step .select .tit {
    color: #000075;
}
.w180 {
    width: 180px !important;
}

.hgtag {
    background-color: rgb(1, 67, 160);
    display: inline-block;
    height: 15px;
    padding: 0px 5px;
    line-height: 15px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}

#dept{
    padding-bottom: 15px;
}


/* 2023.5.11 */
.m-datalist-bd{
	padding: 15px; display: none;
}
.ljcl.on .m-datalist-bd{
	display: block;
}
.m-datalist-info dt{
	margin-bottom: 10px;
}
.m-datalist-info dd{
	margin-bottom: 10px;  margin-left: 10px;
}
.m-datalist-info .hd{
	font-weight: bold; position: relative; padding-left: 35px; margin-bottom: 5px;
}
.m-datalist-info .hd .num{
	position: absolute; left: 0; top: 0;
}
.m-datalist-info .bd{
	padding-left: 35px;
}