body, html {
min-height: 100%
}
body {
font-family: "Microsoft YaHei", "微软雅黑";
color: #333;
overflow-x: hidden
}
a {
color: #333;
outline: 0;
transition: all .3s
}
a:hover {
text-decoration: none;
color: #ea5b31
}
a:active, a:focus, a:visited {
outline: 0;
text-decoration: none
}
:focus {
outline: 0!important
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: middle;
max-width: 100%
}
button, input, optgroup, select, textarea {
color: #333
}
.container.no-gutter {
padding-left: 0;
padding-right: 0
}
@media (min-width:1200px) {
.container {
width: 1230px
}
.container.lg {
max-width: 1200px
}
}
@media (max-width:991px) {
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
background-color: #fff
}
}
@media (max-width:767px) {
a {
transition: none
}
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
.pre {
position: relative
}
.abs {
position: absolute
}
.zx1 {
z-index: 1
}
.zx2 {
z-index: 2
}
.db {
display: block
}
.dib {
display: inline-block
}
.b {
font-weight: 700!important
}
.vm {
vertical-align: middle
}
.vtb {
vertical-align: text-bottom
}
.vb {
vertical-align: bottom
}
.vt {
vertical-align: top
}
.vn {
vertical-align: -2px
}
.f0 {
font-size: 0!important
}
.f10 {
font-size: 10px!important
}
.f12 {
font-size: 12px!important
}
.f13 {
font-size: 13px!important
}
.f14 {
font-size: 14px!important
}
.f15 {
font-size: 15px!important
}
.f16 {
font-size: 16px!important
}
.f18 {
font-size: 18px!important
}
.f20 {
font-size: 20px!important
}
.f24 {
font-size: 24px!important
}
.f30 {
font-size: 30px!important
}
.m0 {
margin: 0!important
}
.ml1 {
margin-left: 1px
}
.ml2 {
margin-left: 2px!important
}
.ml5 {
margin-left: 5px!important
}
.ml10 {
margin-left: 10px!important
}
.ml15 {
margin-left: 15px!important
}
.ml20 {
margin-left: 20px!important
}
.ml30 {
margin-left: 30px!important
}
.mr1 {
margin-right: 1px!important
}
.mr2 {
margin-right: 2px!important
}
.mr5 {
margin-right: 5px!important
}
.mr10 {
margin-right: 10px!important
}
.mr15 {
margin-right: 15px!important
}
.mr20 {
margin-right: 20px!important
}
.mr30 {
margin-right: 30px!important
}
.mr35 {
margin-right: 35px!important
}
.mt0 {
margin-top: 0!important
}
.mt1 {
margin-top: 1px!important
}
.mt2 {
margin-top: 2px!important
}
.mt5 {
margin-top: 5px!important
}
.mt10 {
margin-top: 10px!important
}
.mt15 {
margin-top: 15px!important
}
.mt20 {
margin-top: 20px!important
}
.mt25 {
margin-top: 25px!important
}
.mt30 {
margin-top: 30px!important
}
.mt35 {
margin-top: 35px!important
}
.mt50 {
margin-top: 50px!important
}
.mb0 {
margin-bottom: 0!important
}
.mb1 {
margin-bottom: 1px!important
}
.mb2 {
margin-bottom: 2px!important
}
.mb5 {
margin-bottom: 5px!important
}
.mb10 {
margin-bottom: 10px!important
}
.mb12 {
margin-bottom: 12px!important
}
.mb15 {
margin-bottom: 15px!important
}
.mb20 {
margin-bottom: 20px!important
}
.mb25 {
margin-bottom: 25px!important
}
.mb30 {
margin-bottom: 30px!important
}
.mb40 {
margin-bottom: 40px!important
}
.mb50 {
margin-bottom: 50px!important
}
.ml-1 {
margin-left: -1px!important
}
.mr-1 {
margin-right: -1px!important
}
.mt-1 {
margin-top: -1px!important
}
.mb-1 {
margin-bottom: -1px!important
}
.ml-3 {
margin-left: -3px!important
}
.mr-3 {
margin-right: -3px!important
}
.mt-3 {
margin-top: -3px!important
}
.mb-3 {
margin-bottom: -3px!important
}
.ml-20 {
margin-left: -20px!important
}
.mr-20 {
margin-right: -20px!important
}
.mt-20 {
margin-top: -20px!important
}
.mb-20 {
margin-bottom: -20px!important
}
.p0 {
padding: 0!important
}
.p1 {
padding: 1px!important
}
.pl0 {
padding-left: 0!important
}
.pl1 {
padding-left: 1px!important
}
.pt1 {
padding-top: 1px!important
}
.pr0 {
padding-right: 0!important
}
.pr1 {
padding-right: 1px!important
}
.pb1 {
padding-bottom: 1px!important
}
.p2 {
padding: 2px!important
}
.pl2 {
padding-left: 2px!important
}
.pt2 {
padding-top: 2px!important
}
.pr2 {
padding-right: 2px!important
}
.pb2 {
padding-bottom: 2px!important
}
.pl5 {
padding-left: 5px!important
}
.p5 {
padding: 5px!important
}
.pt0 {
padding-top: 0!important
}
.pt5 {
padding-top: 5px!important
}
.pr5 {
padding-right: 5px!important
}
.pb5 {
padding-bottom: 5px!important
}
.p10 {
padding: 10px!important
}
.pl10 {
padding-left: 10px!important
}
.pt10 {
padding-top: 10px!important
}
.pr10 {
padding-right: 10px!important
}
.pb10 {
padding-bottom: 10px!important
}
.p15 {
padding: 15px!important
}
.pl15 {
padding-left: 15px!important
}
.pt15 {
padding-top: 15px!important
}
.pr15 {
padding-right: 15px!important
}
.pb15 {
padding-bottom: 15px!important
}
.p20 {
padding: 20px!important
}
.pl20 {
padding-left: 20px!important
}
.pt20 {
padding-top: 20px!important
}
.pr20 {
padding-right: 20px!important
}
.pb20 {
padding-bottom: 20px!important
}
.p30 {
padding: 30px!important
}
.pl30 {
padding-left: 30px!important
}
.pt30 {
padding-top: 30px!important
}
.pr30 {
padding-right: 30px!important
}
.pb30 {
padding-bottom: 30px!important
}
.pl40 {
padding-left: 40px!important
}
.bg-white {
background-color: #fff!important
}
.bg-transparent {
background-color: transparent!important
}
.m-icon {
display: inline-block;
vertical-align: middle;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
font-style: normal;
position: relative
}
.m-icon-success {
background-image: url(../images/icon-success.png);
width: 85px;
height: 85px
}
.m-icon-warning {
background-image: url(../images/icon-warning.png);
width: 85px;
height: 85px
}
.b {
font-weight: 700
}
.text-white {
color: #333
}
.text-white:focus, .text-white:hover {
color: #ea5b31
}
.text-white2 {
color: #000;
transition: none
}
.text-white2:focus, .text-white2:hover {
color: #fff;
background: #ea5b31
}
.link-primary {
color: #ea5b31;
position: relative
}
a.link-primary:hover {
color: #d34015
}
.link-primary:after {
content: '';
height: 1px;
background: #ea5b31;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
visibility: hidden;
transition: all .3s;
-webkit-transform: scale(0);
transform: scale(0)
}
.link-primary:hover:after {
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1)
}
.btn {
transition: all .3s
}
.btn-no-link {
cursor: default;
box-shadow: none
}
.btn {
border-radius: 0
}
.btn.p-20 {
padding-left: 20px;
padding-right: 20px
}
.btn-default {
color: #fff;
background-color: #ea5b31;
border-color: #e8491a
}
.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open>.dropdown-toggle.btn-default {
color: #fff;
background-color: #ef805f;
border-color: #ed7551
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
background-image: none
}
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default[disabled].active, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
background-color: #ea5b31;
border-color: #e8491a
}
.btn-default .badge {
color: #ea5b31;
background-color: #fff
}
.btn-primary2 {
color: #fff;
background-color: #fea52e;
border-color: #fe9a15
}
.btn-primary2.active, .btn-primary2.focus, .btn-primary2:active, .btn-primary2:focus, .btn-primary2:hover, .open>.dropdown-toggle.btn-primary2 {
color: #fff;
background-color: #febb61;
border-color: #feb452
}
.btn-primary2.active, .btn-primary2:active, .open>.dropdown-toggle.btn-primary2 {
background-image: none
}
.btn-primary2.disabled, .btn-primary2.disabled.active, .btn-primary2.disabled.focus, .btn-primary2.disabled:active, .btn-primary2.disabled:focus, .btn-primary2.disabled:hover, .btn-primary2[disabled], .btn-primary2[disabled].active, .btn-primary2[disabled].focus, .btn-primary2[disabled]:active, .btn-primary2[disabled]:focus, .btn-primary2[disabled]:hover, fieldset[disabled] .btn-primary2, fieldset[disabled] .btn-primary2.active, fieldset[disabled] .btn-primary2.focus, fieldset[disabled] .btn-primary2:active, fieldset[disabled] .btn-primary2:focus, fieldset[disabled] .btn-primary2:hover {
background-color: #fea52e;
border-color: #fe9a15
}
.btn-primary2 .badge {
color: #fea52e;
background-color: #fff
}
.btn-primary2:active, .btn-primary2:focus, .btn-primary2:hover {
background-color: #feac3d;
border-color: #feac3d
}
.btn-info {
border-color: #ea5b31;
background-color: #ea5b31
}
.btn-info:active, .btn-info:focus, .btn-info:hover {
background-color: #ef805f;
border-color: #ef805f
}
.btn-info-r {
border-color: #ddd;
background-color: #ddd
}
.btn-info-r:active, .btn-info-r:focus, .btn-info-r:hover {
background-color: #ccc;
border-color: #fff
}
.btn-mc-center {
text-align: center;
margin-top: 30px
}
.btn-mc-center .btn {
margin: 0 12px;
font-size: 16px;
padding: 10px 40px
}
.btn-mc-center.v1 {
margin-top: 30px
}
.btn-mc-center.v1 .btn {
font-size: 16px;
padding: 10px 40px
}
.modal {
color: #333
}
.modal.my {
display: block;
background: rgba(0,0,0,.5);
visibility: hidden;
opacity: 0;
transition: all .3s
}
.modal.open {
visibility: visible;
opacity: 1
}
.modal-my-overlay {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0,0,0,0);
z-index: 1200;
visibility: hidden;
opacity: 0;
transition: opacity .3s
}
.modal-my-overlay.bg-see {
background: rgba(0,0,0,.5)
}
.modal-my-overlay.open {
visibility: visible;
opacity: 1
}
.modal-my-overlay.dialog {
z-index: 900
}
.modal-content {
border-radius: 0
}
.modal-content .modal-footer .btn {
min-width: 80px;
padding: 4px 15px
}
.close {
font-size: 24px
}
.wrapper-main {
margin-bottom: 5px
}
.main-mc {
margin-bottom: 20px
}
.main-mc.main-mc-v1 .main-content {
background-color: #ededed
}
.main-content {
margin-bottom: 50px
}
.main-content>.main-inner {
padding: 40px 0 50px;
min-height: 300px
}
.main-content.v1>.main-inner {
padding-top: 0
}
.content-block {
padding-top: 40px;
margin-bottom: 20px
}
.content-block.v1 {
margin: 0 10%;
background: #fff;
color: #333
}
.content-block.v2 {
padding: 50px;
margin: 0 10%;
border: 1px solid #ddd
}
.content-block.v3 {
padding: 0 15% 20px
}
.content-block.v3 .title {
margin-top: 0;
margin-bottom: 30px;
text-align: center;
font-size: 24px;
font-weight: 700
}
.content-block.v4 {
padding-top: 0
}
.notice-content .m-icon {
margin-bottom: 15px
}
.notice-content h2 {
margin-bottom: 15px;
font-weight: 700;
line-height: 1.3
}
.notice-content .strong1 {
font-weight: 700;
margin-top: 40px
}
.content {
font-size: 15px;
line-height: 1.7;
color: #333
}
.content .h1, .content .h2, .content .h3, .content .h4, .content .h5, .content .h6, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
font-weight: 700;
color: #000
}
.content ol, .content p, .content ul {
margin-bottom: 15px
}
.content ol li, .content ul li {
margin-bottom: 5px
}
.pagination {
margin-top: 30px
}
.pagination>li>a {
background-color: transparent;
border-color: #ccc;
color: #777
}
.pagination>li>a:hover {
background-color: #fff;
border-color: #ccc;
color: #ea5b31
}
.pagination>li.active>a {
background-color: #ea5b31;
border-color: #ea5b31
}
.pagination>li.active>a:hover {
background-color: #ea5b31;
border-color: #ea5b31
}
.pagination>li.disabled>a {
background-color: transparent;
border-color: #ccc
}
.pagination>li.disabled>a:hover {
background-color: transparent;
border-color: #ccc
}
.pagination>li:first-child>a {
border-radius: 0
}
.pagination>li:last-child>a {
border-radius: 0
}
.no-data {
font-size: 22px;
text-align: center;
margin-top: 15px;
margin-bottom: 20px
}
.table-mc1 {
text-align: center
}
.table-mc1 th {
text-align: center
}
.table-mc1 table>tbody>tr>td {
vertical-align: middle
}
.table-mc1 table>thead>tr>th {
vertical-align: middle
}
.table-mc1 .text-left {
text-align: left!important
}
.table-mc1 .text-center {
text-align: center!important
}
.table-mc1 .text-right {
text-align: right!important
}
.form-confirm .form-control-static {
padding-top: 0
}
@media (min-width:768px) {
.main-mc.row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch
}
}
@media (max-width:991px) and (min-width:768px) {
.main-mc.row {
margin-left: -15px;
margin-right: -15px
}
}
@media (max-width:991px) {
.wrapper-main {
margin-bottom: 0
}
.wrapper-main .inner-wrapper-main {
padding: 0;
background-color: transparent
}
.main-mc.row {
display: block
}
.content-block.v1, .content-block.v2 {
margin: 0 5%
}
.content img {
width: auto!important;
height: auto!important
}
.content video {
width: 100%!important;
height: auto!important
}
}
@media (max-width:767px) {
.main-content {
background-color: transparent
}
.main-content>.main-inner>.form-mc {
padding-top: 0
}
.main-content.v1>.main-inner {
padding-top: 25px;
padding-left: 0;
padding-right: 0
}
.main-mc {
margin-bottom: 20px
}
.main-mc.main-mc-v1 .main-content {
background-color: transparent
}
.content-block {
padding-top: 0
}
.content-block.v1 {
padding: 0;
margin: 0
}
.content-block.v2 {
padding: 0;
margin: 0;
border: 0
}
.content-block.v3 {
padding: 0;
border: 0
}
.content-block.v3 .title {
font-size: 20px
}
.notice-content h2 {
margin-top: 10px;
font-size: 20px
}
.form-confirm .form-group {
border-bottom: 1px solid #eee;
padding-bottom: 10px
}
.form-confirm .form-group.btn-mc-center {
border-bottom: 0;
padding-bottom: 0
}
}
.checkbox label, .radio label {
padding-left: 0;
padding-right: 20px;
margin-bottom: 5px
}
.checkbox.v1 label, .radio.v1 label {
padding-right: 5px
}
.datetimepicker {
color: #333
}
.form-control {
color: #333;
box-shadow: none
}
.form-control:focus {
border-color: #ea5b31
}
.form-control.inline-block {
display: inline-block;
width: auto
}
.control-label {
font-weight: 400
}
.control-label .require-star {
color: red;
margin-right: 5px;
font-size: 1.1em
}
.control-label.multi {
padding-top: 0
}
.control-label.multi .en {
display: block;
margin-right: 12px;
color: #999;
margin-top: 0;
font-size: 12px;
line-height: 1.3
}
.form-horizontal .control-label {
padding-right: 5px
}
.form-inline.inline .form-control {
display: inline-block;
width: auto
}
.form-mc h3 {
margin-top: 0
}
.form-mc .file-group .form-control {
width: 60%
}
.form-mc .file-group .file-button {
position: relative;
display: inline-block;
vertical-align: middle
}
.form-mc .file-group .file-button input[type=file] {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer
}
.form-mc .file-group .file-button+.btn {
vertical-align: middle
}
.id-code-img {
margin-left: 5px
}
@media (max-width:767px) {
.checkbox label, .radio label {
margin-bottom: 5px
}
.control-label.multi .en {
display: inline-block;
margin-right: 0;
padding-left: 5px
}
.form-mc .file-group .form-control {
width: 100%;
margin-bottom: 10px
}
}
.datetimepicker table tr td.active.active, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover.active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover.active, .datetimepicker table tr td.active:hover:active {
background-color: #ea5b31
}
.datetimepicker table tr td.active, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active:hover {
background-image: linear-gradient(to bottom, #ea5b31 0, #d34015 100%);
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea5b31', endColorstr='#ffd34015', GradientType=0)
}
.datetimepicker table tr td span.active, .datetimepicker table tr td span.active.disabled, .datetimepicker table tr td span.active.disabled:hover, .datetimepicker table tr td span.active:hover {
background-image: linear-gradient(to bottom, #ea5b31 0, #d34015 100%);
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea5b31', endColorstr='#ffd34015', GradientType=0)
}
.btn-back-top {
position: fixed;
right: 20px;
bottom: 50px;
width: 40px;
height: 40px;
background: rgba(0,0,0,.6);
color: #fff;
text-align: center;
font-size: 11px;
border-radius: 4px;
padding-top: 5px;
z-index: 999;
cursor: pointer;
opacity: 0;
-webkit-transform: translate(0, 30px);
transform: translate(0, 30px);
transition: all .3s
}
.btn-back-top i {
display: block;
font-size: 16px;
transition: all .3s
}
.btn-back-top:hover i {
-webkit-transform: translate(0, -2px);
transform: translate(0, -2px)
}
.btn-back-top.active {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0)
}
.header>.container {
position: relative
}
.header .user-mc {
position: absolute;
top: 5px;
right: 50px;
height: 30px;
line-height: 30px;
z-index: 1;
color: #000
}
.header .user-mc a {
color: #000
}
.header .user-mc a:hover {
color: #ea5b31
}
.header .user-mc .c1 {
display: inline-block
}
.header .user-mc .c1 a {
padding: 0 2px
}
.header .brand-mc {
position: relative
}
.header .brand-mc .navbar-header {
float: none
}
.header .brand-mc .navbar-brand {
padding: 0;
height: auto
}
.header .navbar-nav {
margin: 0;
font-size: 15px;
float: none;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.header .navbar-nav>li {
width: 12.5%;
text-align: center;
height: 38px;
-webkit-flex-shrink: 1;
-ms-flex: 0 1 auto;
-ms-flex-negative: 1;
flex-shrink: 1
}
.header .navbar-nav>li>a {
color: #fff;
padding: 0
}
.header .navbar-nav>li>a:hover {
color: #fff;
background-color: #ee7c5a
}
.header .navbar-nav>li>a:focus {
background-color: transparent;
color: #fff
}
.header .navbar-nav>li>a span {
position: relative;
display: block;
height: 38px;
line-height: 38px;
transition: all .3s
}
.header .navbar-nav>li>a i {
display: none
}
.header .navbar-nav>li.active>a span {
background: #d34015!important
}
.header .navbar-nav>li:last-child>a span:before {
display: none
}
.header .navbar-nav>li.open a:active, .header .navbar-nav>li.open a:focus, .header .navbar-nav>li.open a:hover {
background-color: transparent;
color: #fff
}
.header .navbar-nav>li.open:hover>a {
background-position: center 8px
}
.header .navbar-nav>li .dropdown-menu>li.active>a {
background: #333
}
.header .navbar-collapse {
padding-left: 0;
padding-right: 0
}
@media (min-width:768px) {
.header .nav-mc {
position: relative;
background: -webkit-linear-gradient(left, #fe9102, #d11933); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(right, #fe9102, #d11933); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(right, #fe9102, #d11933); /* Firefox 3.6 - 15 */
background: linear-gradient(to right, #fe9102, #d11933); /* 标准的语法 */
}
.header .navbar-nav>li.open .dropdown-menu {
visibility: visible;
opacity: 1
}
.header .navbar-nav>li.open>a {
background-color: transparent;
color: #fff
}
.header .navbar-nav>li.open>a span {
background-color: #ee7c5a
}
.header .navbar-nav .dropdown-menu {
border: 0;
background: rgba(255,255,255,.85);
min-width: 100%;
padding: 0;
border-radius: 0;
display: block;
visibility: hidden;
transition: all .3s;
opacity: 0
}
.header .navbar-nav .dropdown-menu>li {
text-align: center
}
.header .navbar-nav .dropdown-menu>li:last-child {
border-bottom: 0
}
.header .navbar-nav .dropdown-menu>li>a {
color: #333;
padding: 7px 20px
}
.header .navbar-nav .dropdown-menu>li>a:hover {
background: #ea5b31
}
.header .navbar-nav .dropdown-menu>li>a:focus {
background: #ea5b31
}
}
@media (max-width:1199px) {
.header .brand-mc .navbar-brand {
width: 40%
}
}
@media (max-width:767px) {
.header>.container {
padding: 0
}
.header .user-mc {
left: 30px;
top: 5px
}
.header .brand-mc {
padding-top: 43px
}
.header .navbar-brand {
width: 40%!important;
margin-top: 0;
position: absolute;
bottom: 13px
}
.header .navbar-toggle {
position: absolute;
right: 0;
top: 8px;
border: none;
border-radius: 0;
font-size: 2em;
margin-top: -12px;
margin-right: 5px
}
.header .nav-mc {
padding-top: 0
}
.header .nav-mc .nav-inner {
background: 0 0
}
.header .navbar-collapse {
border-top: 0
}
.header .navbar-nav {
background: #ea5b31;
display: block
}
.header .navbar-nav>li {
width: 100%;
text-align: left;
border-bottom: 1px solid #ee7c5a;
height: auto
}
.header .navbar-nav>li>a {
padding: 10px 30px;
margin-top: 0;
background-image: none!important;
background-color: transparent
}
.header .navbar-nav>li>a:hover {
background-color: transparent!important
}
.header .navbar-nav>li>a:hover span {
background: 0 0
}
.header .navbar-nav>li>a span {
position: relative;
height: auto;
line-height: 1.4;
transition: none
}
.header .navbar-nav>li>a span:before {
display: none
}
.header .navbar-nav>li>a i {
display: block;
position: absolute;
right: -5px;
top: 3px;
width: 15px;
height: 15px;
text-align: right
}
.header .navbar-nav>li.active>a {
background: #fea52e!important
}
.header .navbar-nav>li.active>a span {
background: 0 0!important
}
.header .navbar-nav>li.active.open>a {
background: #fea52e!important
}
.header .navbar-nav .dropdown:after {
content: '\f105';
font-family: FontAwesome;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
position: absolute;
right: 20px;
top: 10px;
margin-top: 0;
color: #fff
}
.header .navbar-nav .dropdown.open:after {
content: '\f107'
}
.header .navbar-nav .dropdown.open.active>a:hover {
color: #ea5b31
}
.header .navbar-nav .dropdown.active:after {
color: #ea5b31
}
.header .navbar-nav .dropdown-menu {
background: #ffe7e0
}
.header .navbar-nav .dropdown-menu>li>a {
color: #333;
padding: 7px 15px 7px 40px
}
.header .navbar-nav .dropdown-menu>li>a:focus, .header .navbar-nav .dropdown-menu>li>a:hover {
color: #ea5b31
}
}
.footer {
background: #ea5b31;
background-image: linear-gradient(to bottom, #ea5b31 0, #e23a09 100%);
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffea5b31', endColorstr='#ffe23a09', GradientType=0);
color: #fff
}
.footer a {
color: #fff
}
.footer a:hover {
color: #f8d4d6
}
.footer>.container .inner-mc {
min-height: 260px
}
.footer .mc {
padding-top: 50px;
padding-bottom: 30px
}
.footer p {
margin-bottom: 5px
}
.footer p .tit {
display: block
}
.footer .item3 {
text-align: right
}
.footer .item3>div {
display: inline-block;
text-align: center
}
.footer .item3>div+.qrcode {
margin-left: 15px
}
.footer .item3>div .text {
margin-top: 10px;
font-size: 12px
}
@media (max-width:991px) {
.footer>.container .inner-mc {
padding: 15px
}
.footer .item2 {
margin-bottom: 20px
}
.footer .item3 {
text-align: center
}
}
@media (max-width:767px) {
.footer>.container {
padding: 0
}
.footer .mc {
padding-top: 15px
}
.footer .item3 {
text-align: center
}
.footer .item3>div {
display: inline-block;
text-align: center
}
.footer .item3>div+.qrcode {
margin-left: 15px
}
.footer .item3>div .text {
margin-top: 5px
}
}
.top-slider .swiper-slide img {
width: 100%
}
.top-slider .swiper-button-next, .top-slider .swiper-button-prev {
background: 0 0;
width: 80px;
height: 80px;
margin-top: -40px;
text-align: center;
color: #fff;
background: rgba(0,0,0,.08);
border-radius: 100%
}
.top-slider .swiper-button-next:focus i, .top-slider .swiper-button-next:hover i, .top-slider .swiper-button-prev:focus i, .top-slider .swiper-button-prev:hover i {
opacity: .8
}
.top-slider .swiper-button-next i, .top-slider .swiper-button-prev i {
font-size: 4em;
line-height: 80px;
transition: all .3s
}
.top-slider .swiper-button-prev {
left: 20px
}
.top-slider .swiper-button-next {
right: 20px
}
.news-slider {
position: relative;
margin-top: 10px
}
.news-slider .tit {
padding: 10px 10px 10px;
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.news-slider a {
display: block
}
.news-slider img {
width: 100%
}
.news-thumb-slider {
position: relative;
padding: 0 65px
}
.news-thumb-slider .swiper-slide {
cursor: pointer
}
.news-thumb-slider .swiper-slide.active {
border: 2px solid #ea5b31
}
.news-thumb-slider .swiper-button-next, .news-thumb-slider .swiper-button-prev {
background-image: none;
width: 60px;
height: 100%;
text-align: center;
transition: all .3s;
color: #fff;
background-color: #ea5b31;
top: 0;
margin-top: 0;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.news-thumb-slider .swiper-button-next i, .news-thumb-slider .swiper-button-prev i {
font-size: 2.6em
}
.news-thumb-slider .swiper-button-next:hover, .news-thumb-slider .swiper-button-prev:hover {
background-color: #ef805f
}
.news-thumb-slider .swiper-button-prev {
left: 0
}
.news-thumb-slider .swiper-button-next {
right: 0
}
.home-main-mc {
margin-top: 15px;
margin-bottom: 5px
}
.home-main-mc .mc-top {
margin-top: 10px
}
.home-main-mc .mc-top .title {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
overflow: hidden
}
.home-main-mc .mc-top .title .name {
font-size: 20px;
font-weight: 700
}
.home-main-mc .mc-top .title .btn-more {
color: #ea5b31
}
.home-main-mc .mc-top .title .btn-more:hover {
color: #ef805f
}
.home-main-mc .affiche-mc .list {
margin-top: 10px
}
.home-main-mc .affiche-mc .list .item {
position: relative;
display: block;
margin-bottom: 25px;
background-color: #f2f2f2;
height: 80px;
overflow: hidden
}
.home-main-mc .affiche-mc .list .item:after {
font-family: FontAwesome;
font-weight: 400;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
content: '\f105';
position: absolute;
right: 20px;
top: 50%;
font-size: 2.4em;
color: #ea5b31;
margin-top: -22px;
transition: all .3s
}
.home-main-mc .affiche-mc .list .item:hover:after {
color: #ef805f
}
.home-main-mc .affiche-mc .list .item:nth-child(2n) .date {
background-color: #a219ac
}
.home-main-mc .affiche-mc .list .date {
float: left;
width: 17%;
height: 100%;
background-color: #ea5b31;
text-align: center;
color: #fff;
padding-top: 8px
}
.home-main-mc .affiche-mc .list .date>* {
display: block
}
.home-main-mc .affiche-mc .list .date .day {
font-size: 2em
}
.home-main-mc .affiche-mc .list .con {
float: left;
width: 83%;
height: 100%;
padding: 10px 50px 10px 15px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
line-height: 1.5
}
.home-main-mc .affiche-mc .list .con span {
-webkit-flex-shrink: 1;
-ms-flex: 0 1 auto;
-ms-flex-negative: 1;
flex-shrink: 1;
display: block;
max-height: 42px;
overflow: hidden
}
.home-main-mc .partner-mc {
margin-top: 60px;
margin-bottom: 10px
}
.home-main-mc .partner-mc .title {
font-size: 20px;
font-weight: 700;
margin: 35px 0 10px;
text-align:center;
}
.home-main-mc .partner-mc .con {
text-align: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.home-main-mc .partner-mc .con>* {
display: inline-block;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin: 15px 0
}
.home-main-mc .partner-mc .con>:hover {
opacity: .6
}
.home-main-mc .partner-mc .mc1 {
margin-bottom: 50px;
border-bottom: 1px solid #b3b3b3
}
.home-main-mc .partner-mc .mc1>div {
padding-bottom: 10px
}
.home-main-mc .partner-mc .mc1 .item1 {
border-right: 1px solid #b3b3b3
}
.home-main-mc .partner-mc .mc1 .item1 .con {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.home-main-mc .partner-mc .mc1 .item2 .title {
margin-left: 10%
}
.home-main-mc .partner-mc .mc1 .item2 .con>* {
width: 50%
}
.home-main-mc .partner-mc .mc2 .con>* {
width: 25%; text-align:center; display:block; margin:auto;
}
.nav-fast-mc {
margin-top: 15px
}
.nav-fast-mc .row {
margin-left: -5px;
margin-right: -5px
}
.nav-fast-mc .item {
position: relative;
padding-left: 5px;
padding-right: 5px;
margin-bottom: 10px
}
.nav-fast-mc .item a:hover {
opacity: .6
}
@media (max-width:991px) and (min-width:768px) {
.home-main-mc .mc-top>.row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media (max-width:991px) {
.home-main-mc .inner-mc {
background-color: #fff;
padding: 0
}
.home-main-mc .mc-top {
padding: 0
}
}
@media (max-width:767px) {
.top-slider {
padding: 0
}
.top-slider .swiper-button-next, .top-slider .swiper-button-prev {
width: 40px;
height: 40px;
margin-top: -20px
}
.top-slider .swiper-button-next i, .top-slider .swiper-button-prev i {
font-size: 2.5em;
line-height: 40px;
transition: none
}
.top-slider .swiper-button-prev {
left: 10px
}
.top-slider .swiper-button-prev:hover {
left: 10px
}
.top-slider .swiper-button-next {
right: 10px
}
.top-slider .swiper-button-next:hover {
right: 10px
}
.home-main-mc .affiche-mc {
padding-left: 15px;
padding-right: 15px;
margin-top: 15px
}
.home-main-mc .affiche-mc .list .date {
width: 20%
}
.home-main-mc .affiche-mc .list .con {
width: 80%
}
.home-main-mc .partner-mc .mc1 .item2 .title {
margin-left: 0
}
.home-main-mc .partner-mc .mc2 .con>* {
width: 50%
}
}
.content-nav-path {
background-color: #fff;
padding: 20px 0;
color: #ea5b31
}
.content-nav-path+.content-nav-path {
margin-top: 25px
}
.content-nav-path a {
color: #ea5b31
}
.content-nav-path a:hover {
color: #d34015
}
.content-nav-path .arrow {
margin: 0 3px;
font-family: '宋体'
}
.content-nav-path .submenu {
font-size: 16px
}
.content-nav-path .submenu a {
margin-right: 20px;
border: 1px dashed #CCC;
padding: 3px 10px;
display: inline-block;
margin-bottom: 10px
}
.content-nav-path .submenu a.on {
color: #fea52e
}
.title-main {
position: relative;
padding-left: 70px;
margin: 12px 0 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.title-main:before {
content: '';
position: absolute;
left: 0;
right: 0;
top: 50%;
height: 12px;
margin-top: -6px;
background-color: #ea5b31
}
.title-main .text {
position: relative;
display: inline-block;
color: #ea5b31;
font-size: 18px;
background-color: #fff;
padding-right: 12px;
padding-left: 12px
}
.title-main .text small {
margin-left: 10px
}
.title-m {
text-align: center;
font-weight: 700
}
.title-m.v1 {
margin-bottom: 40px;
margin-top: 0
}
.title-m.v2 {
text-align: left;
margin: 0 10%;
font-weight: 400
}
.title-m.v2 span {
display: inline-block;
background: #ea5b31;
color: #fff;
padding: 15px 30px
}
.title-m.v3 {
text-align: left;
margin: 0;
font-weight: 400
}
.title-m.v3 span {
display: inline-block;
background: #ea5b31;
color: #fff;
padding: 12px 30px
}
.enroll-success-info {
margin-left: -30px
}
.enroll-success-info .row {
margin-bottom: 13px;
margin-left: -10px;
margin-right: -10px
}
.enroll-success-info .row>div {
padding-left: 10px;
padding-right: 10px
}
.pay-button-mc .row {
text-align: center;
margin-left: -5px;
margin-right: -5px
}
.pay-button-mc .row>div {
padding-left: 5px;
padding-right: 5px
}
.pay-button-mc a {
position: relative;
display: inline-block;
padding: 30px 25px;
background: #f5f5f5;
border-radius: 20px;
border: 1px solid #eee
}
.pay-button-mc a:after {
content: '\f058';
position: absolute;
right: 12px;
top: 5px;
font-family: FontAwesome;
font-size: 1.5em;
color: #fea52e;
transition: all .3s;
visibility: hidden;
-webkit-transform: scale(0);
transform: scale(0)
}
.pay-button-mc a.active:after {
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1)
}
.partner-main {
margin-top: 60px
}
.partner-main .item {
margin-bottom: 30px
}
.partner-main .item>.row {
margin-top: 10px;
border: 1px solid #eee;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch
}
.partner-main .item.v2>.row {
display: block
}
.partner-main .item.v2 .name {
display: block
}
.partner-main .item.v3>.row {
padding: 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch
}
.partner-main .item.v3>.row>div {
padding: 0;
overflow: hidden;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch
}
.partner-main .item.v3>.row .name {
float: left;
width: 50%
}
.partner-main .item.v3>.row .con {
float: left;
width: 50%;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.partner-main .name {
text-align: center;
padding: 15px;
font-size: 24px;
background: #eee;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.partner-main .con {
padding: 10px 15px;
text-align: center
}
.partner-main .con a {
display: inline-block
}
.partner-main .con img {
margin: 15px 20px
}
.partner-content .item {
margin-bottom: 30px
}
.partner-content h3 {
background: #ea5b31;
color: #fff;
padding: 10px 20px;
margin: 0
}
.partner-content .row {
margin: 0;
margin-top: 10px;
border: 1px solid #eee;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-align: stretch;
-webkit-align-items: stretch;
align-items: stretch;
background-color: #fff
}
.partner-content .row .pic {
padding: 15px;
text-align: center;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center
}
.partner-content .row .con {
padding: 15px 25px;
background: #eee
}
.partner-content .row h4 {
font-size: 20px;
margin-top: 0;
margin-bottom: 15px
}
.partner-content .row .text {
color: #666
}
.m-detail .title {
text-align: center;
margin-bottom: 15px;
line-height: 1.3;
font-size: 24px;
font-weight: 700;
margin-top: 0
}
.m-detail .date {
text-align: center;
margin-bottom: 30px
}
.m-detail.article .date {
color: #999
}
.m-detail.photo .date {
color: #999
}
.m-detail.video .date {
color: #999
}
.list-head-slider {
position: relative
}
.list-head-slider .swiper-slide img {
width: 100%
}
.list-head-slider .direction-nav a {
position: absolute;
top: 50%;
width: 40px;
height: 40px;
line-height: 40px;
margin-top: -20px;
text-align: center;
font-size: 2.5em;
z-index: 2;
text-shadow: 0 1px 3px rgba(0,0,0,.5);
color: #fff
}
.list-head-slider .direction-nav a:focus, .list-head-slider .direction-nav a:hover {
color: #ef805f
}
.list-head-slider .direction-nav .btn-prev {
left: 10px
}
.list-head-slider .direction-nav .btn-next {
right: 10px
}
.list-head-slider .desc {
z-index: 1;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 34px;
line-height: 34px;
text-align: center;
background: rgba(0,0,0,.6);
overflow: hidden;
color: #fff
}
.list-head-slider .desc .item {
opacity: 0
}
.list-head-slider .desc .item.active {
-webkit-animation: fadeInDown .5s both;
animation: fadeInDown .5s both
}
.list-head-slider .desc .item.out {
-webkit-animation: fadeOutDown .5s both;
animation: fadeOutDown .5s both
}
.djs-time>span {
display: inline-block;
min-width: 20px
}
@media (max-width:1199px) {
.partner-main .item.v3>.row>div {
width: 50%
}
.partner-main .item.v3>.row .name {
width: 40%
}
.partner-main .item.v3>.row .con {
width: 60%
}
}
@media (max-width:991px) {
.title-m.v2 {
margin: 0 5%
}
}
@media (max-width:767px) {
.content-nav-path {
padding-bottom: 10px;
padding-left: 15px;
margin-left: -15px;
margin-right: -15px;
border-bottom: 1px solid #ddd
}
.content-nav-path .submenu {
font-size: 16px
}
.title-main {
margin: 30px 0 0;
padding-left: 20px
}
.title-m.v1 {
font-size: 20px;
margin-bottom: 30px;
padding-top: 0
}
.title-m.v2 {
margin: 0;
margin-bottom: 10px!important;
text-align: center
}
.title-m.v2 span {
background: 0 0;
color: #000
}
.title-m.v3 {
margin-bottom: 10px!important;
text-align: center
}
.title-m.v3 span {
background: 0 0;
color: #000
}
.pay-button-mc .row>div {
padding: 10px 0
}
.partner-content .row {
display: block
}
.partner-content .row .pic {
display: block
}
.partner-content .row .con {
padding: 20px
}
.partner-main .item>.row {
display: block
}
.partner-main .item.v3>.row {
display: block
}
.partner-main .item.v3>.row>div {
width: 100%
}
.partner-main .item.v3>.row .name {
width: 40%
}
.partner-main .item.v3>.row .con {
width: 60%
}
.partner-main .name {
display: block
}
}
.m-news-list .list {
margin-top: 25px;
border: 1px solid #ddd;
padding: 20px;
background-color: #fff
}
.m-news-list .list .row {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
margin-left: 0;
margin-right: 0
}
.m-news-list .list .row:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0
}
.m-news-list .list .row .pic {
padding-left: 0
}
.m-news-list .list .row .con {
padding-right: 0
}
.m-news-list .list .row .date {
margin: 10px 0;
color: #ea5b31
}
.m-announcement-list .list {
margin-top: 25px;
border: 1px solid #ddd;
padding: 20px;
background-color: #fff
}
.m-announcement-list .list .row {
display: block;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #ddd;
margin-left: 0;
margin-right: 0;
color: #333
}
.m-announcement-list .list .row:last-child {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0
}
.m-announcement-list .list .row:hover {
color: #ef805f
}
.m-announcement-list .list .row .date {
text-align: right
}
@media (max-width:767px) {
.m-news-list .list {
border: 0;
padding: 0
}
.m-news-list .list .row .pic {
padding: 0
}
.m-news-list .list .row .pic img {
width: 100%
}
.m-news-list .list .row .con {
padding: 0;
margin-top: 20px
}
.m-announcement-list .list {
padding: 0;
border: 0
}
.m-announcement-list .list .row>div {
padding-left: 0;
padding-right: 0
}
.m-announcement-list .list .row .date {
margin-top: 5px;
text-align: left
}
}
.m-photo-list .list {
margin-left: -10px;
margin-right: -10px
}
.m-photo-list .list .item {
display: block;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 15px
}
.m-photo-list .list .item:hover .pic {
border-color: #fff
}
.m-photo-list .list .item:hover .pic:after {
opacity: 0
}
.m-photo-list .list .pic {
position: relative;
border: 1px solid transparent;
transition: all .8s
}
.m-photo-list .list .pic:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(circle, rgba(0,0,0,0), rgba(0,0,0,.6));
background-repeat: no-repeat;
transition: all .8s
}
.m-photo-list .list .pic img {
width: 100%
}
.m-photo-list .list .text {
position: relative;
z-index: 1;
top: -31px;
height: 30px;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
text-align: center;
color: #fff;
background: rgba(0,0,0,.6);
margin: 0 1px;
padding: 0 10px
}
.m-photo-list .list .date {
text-align: center;
color: #777;
margin-top: -15px
}
.m-photo-list.download .item {
margin-bottom: 30px
}
.m-video-list .list {
margin-bottom: 30px;
margin-left: -10px;
margin-right: -10px
}
.m-video-list .list .item {
position: relative;
display: block;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 15px
}
.m-video-list .list .item:hover .pic:after {
opacity: 0
}
.m-video-list .list .item:hover .pic .m-icon-play {
opacity: .5
}
.m-video-list .list .pic {
position: relative
}
.m-video-list .list .pic:after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: radial-gradient(circle, rgba(0,0,0,0), rgba(0,0,0,.6));
background-repeat: no-repeat;
transition: all .8s
}
.m-video-list .list .pic .m-icon-play {
position: absolute;
width: 34px;
height: 34px;
background: url(../images/icon-video-play.png) no-repeat center;
left: 50%;
top: 50%;
margin-left: -17px;
margin-top: -17px;
transition: all .5s
}
.m-video-list .list .pic img {
width: 100%
}
.m-video-list .list .text {
height: 34px;
line-height: 34px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
background: #303030;
padding: 0 10px
}
.m-video-list .list .date {
position: absolute;
bottom: 42px;
left: 20px;
padding: 2px 5px;
color: #fff;
font-size: .9em;
background: rgba(0,0,0,.6)
}
.video-mc {
position: relative;
height: 410px;
padding-left: 40px;
padding-right: 40px;
margin-top: 30px
}
.video-mc img {
max-width: none
}
.video-mc .projekktor {
width: 100%;
height: 100%
}
@media (max-width:991px) {
.video-mc {
height: 320px
}
}
@media (max-width:767px) {
.m-video-list .list .pic img {
width: 100%
}
.video-mc {
height: 260px;
padding-left: 0;
padding-right: 0
}
.video-mc .ppstart {
-webkit-transform: scale(.6);
transform: scale(.6)
}
}
@media (max-width:480px) {
.video-mc {
height: 180px
}
}
@media (max-width:320px) {
.video-mc {
height: 160px
}
}
.login-mc .reg-login-link {
text-align: right;
margin-bottom: 20px;
margin-top: -20px
}
.login-mc .content-block {
background-color: #fff
}
.member-mc>.main-inner {
background-color: transparent
}
.member-mc .title-m {
margin: 0
}
.member-mc .content-block {
margin: 0
}
.member-mc .table-mc1 thead {
background: #ea5b31;
color: #fff
}
.member-mc .table-mc1 thead tr>th {
border-bottom-width: 1px
}
@media (max-width:767px) {
.login-mc .reg-login-link {
margin-top: 0;
margin-bottom: 10px
}
}
.enroll-team-mc .content-block {
background-color: #fff
}
.enroll-team-mc .form-mc .row {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.enroll-team-mc .form-mc .row>div {
margin-bottom: 40px
}
.enroll-team-mc .form-mc .text-name {
font-weight: 700
}
@media (max-width:767px) {
.enroll-team-mc .form-mc .row {
display: block
}
}
.body-shop {
background-color: #f4f4f4
}
.body-shop .content-nav-path {
margin-top: 15px
}
.body-shop .main-content {
margin-top: 15px
}
.shop-list .row {
margin-bottom: 25px
}
.shop-list .tit {
font-size: 16px;
font-weight: 700;
margin-bottom: 10px
}
.shop-list .desc {
color: #999;
margin-bottom: 15px
}
.shop-list .info>div {
margin-top: 12px
}
.shop-list .info>div>* {
display: inline-block
}
.shop-list .info label {
min-width: 70px
}
.shop-list .info .price>span {
font-size: 2em;
font-weight: 700;
color: #ea5b31
}
.shop-list .btn-mc {
margin-top: 40px
}
.shop-list .btn-mc .btn {
border: 0;
padding: 10px 40px
}
@media (min-width:1200px) {
.shop-list .pic {
width: 31%
}
.shop-list .con {
width: 69%
}
}
@media (max-width:991px) {
.shop-list .row {
padding-bottom: 25px;
border-bottom: 1px solid #eee
}
.shop-list .desc {
margin-bottom: 10px
}
.shop-list .info>div {
margin-top: 5px
}
.shop-list .btn-mc {
margin-top: 20px
}
}
@media (max-width:767px) {
.shop-list .con {
padding-left: 0
}
}
.search-enroll-section {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 30px;
margin-bottom: 30px
}
.search-enroll-section .tit {
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-right: 4%;
font-size: 20px;
font-weight: 700
}
.search-enroll-section .btn {
font-size: 15px
}
.search-enroll-section .form-control {
font-size: 15px;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.search-enroll-section .btn-group {
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-right: 2%;
width: 120px
}
.search-enroll-section .dropdown-menu {
background-color: rgba(255,255,255,.8);
border: 0;
border-radius: 0;
padding: 0;
margin-top: 1px;
min-width: inherit;
width: 100%;
font-size: 15px
}
.search-enroll-section .dropdown-menu a {
text-align: center;
padding-top: 8px;
padding-bottom: 8px
}
.search-enroll-section .dropdown-menu a:hover {
background-color: #ea5b31;
color: #fff
}
.search-enroll-section .btn-submit {
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
width: 150px;
margin-left: 2%
}
@media (max-width:767px) {
.search-enroll-section {
display: block
}
.search-enroll-section .tit {
margin-right: 0;
margin-bottom: 10px
}
.search-enroll-section .btn-group {
margin-right: 0;
margin-bottom: 10px
}
.search-enroll-section .btn-submit {
margin-left: 0;
margin-top: 10px;
width: 100%
}
}
.count-down-mc>.inner {
position: relative;
padding: 30px 0;
background: #ea5b31 url(../images/enroll-reg-bg.png) no-repeat center;
background-size: cover;
overflow: hidden
}
.count-down-mc .tit {
text-align: center;
font-size: 1.2em;
color: #fff;
margin-bottom: 20px
}
.count-down-mc .count-down {
margin: 0 auto;
width: 55%;
background: #fff;
border-radius: 20px
}
.count-down-mc .num-mc {
margin: 0;
padding: 0 5px
}
.count-down-mc .num-mc .item {
position: relative;
padding: 10px 0 0;
text-align: center;
font-size: 4em
}
.count-down-mc .num-mc .item .num {
text-align: center;
margin: 0
}
.count-down-mc .num-mc .item+.item:before {
content: ':';
position: absolute;
left: -4px;
top: 8px
}
.count-down-mc .text-mc {
margin: 0;
padding: 0 5px 16px;
border-radius: 0 0 20px 20px;
font-size: 15px
}
.count-down-mc .text-mc .item {
text-align: center
}
.count-down-mc .text-mc .item .txt {
color: #000
}
.count-down-mc .button-baoming {
text-align: center;
font-size: 15px;
margin-top: 30px
}
.count-down-mc .button-baoming a {
display: inline-block;
color: #ea5b31;
background-color: #fff;
padding: 10px 35px;
border-radius: 20px
}
.count-down-mc .button-baoming a:hover {
color: #ef805f
}
@media (min-width:1200px) {
.count-down-mc .num-mc, .count-down-mc .text-mc {
margin: 0 12%
}
}
@media (max-width:991px) {
.count-down-mc .count-down {
width: 60%
}
}
@media (max-width:767px) {
.count-down-mc .tit span {
display: block
}
.count-down-mc .count-down {
width: 96%
}
.count-down-mc .num-mc .item {
font-size: 3.2em
}
}
@media (max-width:375px) {
.count-down-mc .num-mc .item {
font-size: 3em
}
}
@media (max-width:320px) {
.count-down-mc .num-mc .item {
font-size: 2.8em
}
}
.statement-signature {
margin-bottom: 30px
}
.statement-signature .picture {
text-align: center
}
.modal-sign {
position: fixed;
background: #fff;
left: 50%;
top: 50%;
width: 90%;
height: 260px;
z-index: 901;
visibility: hidden;
opacity: 0;
transition: opacity .3s
}
.modal-sign .btn-close {
position: absolute;
display: block;
right: -15px;
top: -45px;
width: 40px;
height: 40px;
color: #fff;
text-align: center;
line-height: 50px;
font-size: 3em
}
.modal-sign .btn-close i {
font-size: 18px
}
.modal-sign .modal-inner {
position: relative;
height: 210px
}
.modal-sign .modal-inner .desc {
position: absolute;
text-align: center;
left: 0;
width: 100%;
top: 50%;
height: 50px;
margin-top: -25px;
font-size: 36px;
line-height: 1.1;
font-weight: 700;
color: #ccc;
pointer-events: none
}
.modal-sign.open {
visibility: visible;
opacity: 1
}
.modal-sign .modal-button {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.modal-sign .modal-button .btn {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 50%;
height: 40px;
line-height: 40px;
padding: 0;
border-radius: 0;
border: 0
}
.modal-sign .modal-button .btn-reset {
background-color: #c53441
}
.modal-signature-open {
overflow: hidden
}
.enroll-statement-signature-text {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
@media (max-width:767px) {
.enroll-statement-signature-text {
display: block
}
.enroll-statement-signature-text>div+div {
margin-top: 15px
}
}