/*
common css
*/

* {
    margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
}
video{width: 100%;height: 100%;object-fit: fill;}

body,
html {
    width: 100%;
    position: relative;
    overflow-x: hidden;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
    border: medium none;
    margin: 0;
    padding: 0;

}

:focus {
    outline: 0;
}

body,
button,
input,
select,
textarea {
    font: 14px/1.5 "SN";
}

button{cursor: pointer;}

input:not(input[type=radio]) {
    -webkit-appearance: none;
}

input[type=button]:hover {
    cursor: pointer;
}

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

em {
    font-style: normal;
}

ul,
ol {
    list-style: none;
}

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

img {
    border: 0px;
    vertical-align: top;
    max-width: 100%;
}

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

input.search-input::-webkit-input-placeholder {
    color: #fff !important;
}

input.search-input:-moz-placeholder {
    color: #fff !important;
}

.dnone {
    display: none
}

@font-face {
    font-family: 'SN';
    src: url('../fonts/SourceHanSansCN-Normal.otf');
}

/*浮动*/

.fl {
    float: left
}

.fr {
    float: right
}

.clear:after {
    content: "";
    width: 0;
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

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

.baImage img {
    width: 100%;
}

.w-1190 {
    max-width: 1194px;
    margin: 0 auto;
}
.w-990 {
    max-width: 990px;
    margin: 0 auto;
}
.w-640 {
    max-width: 640px;
    margin: 0 auto;
}


.pos-center {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.pos-center-total {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.data-title::after {
    content: attr(data-title);
    display: block;
    position: absolute;
}



/*头部*/

#header {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 34px;
    width: 100%;
}


#header.withpulldown {
    margin-bottom: 35px;
}

#header.no-subnav {
    height: 122px;
    margin-bottom: 20px;
    overflow: hidden;
}

.container-hb.courseDetails #header.no-subnav,
.container-hb.index #header.no-subnav,
.container-hb.zhengzaijianshezhong #header.no-subnav {
    margin-bottom: 0px;
}

#header #headerBanner {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.header-container {
    position: relative;
    margin: 0 auto;
    background: url(../images/logo-active.png) no-repeat;
    background-position: left 10px;
    z-index: 1000;
}

.header-wrapper {
    position: relative;
}


/*登陆-注册-搜索*/
.login-and-register li {
    float: right;
    padding: 0 6px;
}

.search-wrapper {
    position: relative;
    height: 24px;
    margin-top: -2px;
    padding-right: 0px;
    border: 1px solid transparent;
    border-radius: 3px;
    background: transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

#header-pc .search-wrapper {
    padding-left: 6px;
}

.login-and-register li a {
    font-size: 14px;
    color: #fff;
}

.search-wrapper.active {
    border: 1px solid #fff;
}

#header-pc .search-wrapper.active {
    border: 1px solid #000;
}

.search-wrapper .search-input-holder {
    position: relative;
    width: 20px;
    height: 20px;
    background: transparent;
    border-radius: 6px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-wrapper.active .search-input-holder {
    width: 160px;
    -webkit-transition: all 0.5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all 0.5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -ms-transition: all 0.5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all 0.5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
}

.search-wrapper .search-input-holder .search-input {
    position: absolute;
    left: 0px;
    top: 20px;
    width: 100%;
    height: 18px;
    padding: 0px 30px 0px 0px;
    opacity: 0;
    background: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    -webkit-transition: all 0.3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all 0.3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -ms-transition: all 0.3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all 0.3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -ms-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

#header-pc .search-wrapper .search-input-holder .search-input {
    color: #000;
}

.search-wrapper.active .search-input-holder .search-input {
    opacity: 1;
    top: 2px;
}

.search-wrapper .search-input-holder .search-icon {
    position: relative;
    width: 20px;
    height: 20px;
    outline: none;
    border: none;
    border-radius: 6px;
    background: transparent;
    float: right;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.search-wrapper .search-input-holder .search-icon span {
    position: relative;
    width: 18px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(-45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg);
    -webkit-transition: all 0.4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all 0.4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -ms-transition: all 0.4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all 0.4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}

.search-wrapper.active .search-input-holder .search-icon span {
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    -moz-transform: translate3d(0, 0, 0) rotate(45deg);
    -ms-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
}

.search-wrapper .search-input-holder .search-icon span::before {
    content: "";
    position: absolute;
    left: 8px;
    bottom: 0;
    width: 2px;
    height: 6px;
    background-color: #fff;
    border-radius: 2px;
    box-sizing: content-box;
}

.search-wrapper .search-input-holder .search-icon span::after {
    content: "";
    position: absolute;
    left: 2px;
    top: 0;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #fff;
}

#header-pc .search-wrapper {
    display: inline-block;
    vertical-align: middle;
}

#header-pc .search-wrapper .search-input-holder .search-icon span::before {
    background-color: #000;
}

#header-pc .search-wrapper .search-input-holder .search-icon span::after {
    border: 2px solid #000;
}

.search-wrapper .search-close {
    position: absolute;
    opacity: 0;
    z-index: 1;
    top: 4px;
    right: 20px;
    width: 14px;
    height: 14px;
    cursor: pointer;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 0.3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -moz-transition: all 0.3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -ms-transition: all 0.3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition: all 0.3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.search-wrapper.active .search-close {
    right: -30px;
    opacity: 1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -moz-transition: all 0.6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -ms-transition: all 0.6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition: all 0.6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    -ms-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.search-wrapper .search-close::before,
.search-wrapper .search-close::after {
    content: "";
    position: absolute;
    background-color: #fff;
    border-radius: 2px;
}

#header-pc .search-wrapper .search-close::before,
#header-pc .search-wrapper .search-close::after {
    background-color: #000;
}

.search-wrapper .search-close::before {
    width: 2px;
    height: 14px;
    left: 6px;
    top: 0px;
}

.search-wrapper .search-close::after {
    width: 14px;
    height: 2px;
    left: 0px;
    top: 6px;
}


/*导航栏*/
.header-nav {
    margin-bottom: 10px;
}

.header-nav li {
    float: left;
    padding-right: 32px;
}

.header-nav li:last-child {
    padding-right: 0px;
}

.header-nav li a {
    font-size: 16px;
    color: #fff;
    display: block;
    line-height: 48px;
}

.header-nav li:hover a {
    color: #d7000f !important;
}

.header-nav li.active a {
    border-bottom: 2px solid #fff;
}

/*带下拉的导航栏*/
#header.withpulldown .header-nav a {
    float: left;
    margin-right: 32px;
    font-size: 16px;
    color: #fff;
    display: block;
    height: 48px;
    line-height: 48px;
    border-bottom: 2px solid transparent;
}

#header.withpulldown .header-nav a:last-child {
    margin-right: 0px;
}

#header.withpulldown .header-nav a.active {
    border-color: #fff;
}

#header.withpulldown .header-nav a.hover {
    border-color: #f73d3e;

    color: #f73d3e;
}

/*副导航*/
.header-sub-nav {
    position: absolute;
    width: 100%;
    height: 48px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

    top: 90px;
    opacity: 1;
}

.header-sub-nav li {
    display: inline-block;
    vertical-align: top;
    position: absolute;
    top: 0;
    z-index: 100;

    visibility: hidden;
}

.header-sub-nav li.open {
    visibility: visible;
}

.header-sub-nav li a {
    display: block;
    font-size: 16px;
    color: #908f8f;
    line-height: 48px;
    white-space: nowrap;

    float: left;
    padding: 0 25px;
    position: relative;
}

.header-sub-nav li a:not(:last-child)::after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 15px;
    width: 1px;
    height: 18px;
    background-color: #908f8f;
}

.header-sub-nav li a:first-child {
    padding-left: 0;
}

.header-sub-nav li a:last-child {
    padding-right: 0;
}

.header-sub-nav li a:hover {
    color: #d7000f !important;
}


/*累计访问量*/

.header-view {
    position: absolute;
    left: 0;
    top: 215px;
    z-index: 99;
}

.header-view canvas {
    position: relative;
    z-index: 99px;
}


/*白色垫子*/

.header-cushion {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    width: 100%;
    height: 0px;
    background-color: #fff;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    -webkit-transition: all 0.5s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -moz-transition: all 0.5s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    -ms-transition: all 0.5s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    transition: all 0.5s cubic-bezier(0.650, -0.600, 0.240, 1.650);
}

.header-cushion::after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 68px;
    width: 100%;
    height: 1px;
    background-color: #f0efef;
}

#headerCover {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.4);
    display: none;
    z-index: 4;
}

#headerCover.show {
    display: block;
}

/*鼠标移到导航时*/

/*白色底垫出现*/
#header.active .header-cushion {
    height: 182px;
}

/*logo*/
#header.active .header-container {
    background: url(../images/logo.png) no-repeat;
    background-position: left 10px;
}


/*注册登录*/
#header.active .login-and-register li a,
#header.active .header-nav li a,
#header.active .header-nav a {
    color: #454545;
}

#header.active .login-and-register li.search-wrapper.active {
    border: 1px solid #454545;
}

#header.active .login-and-register li.search-wrapper .search-input-holder .search-input {
    color: #454545;
}

#header.active .login-and-register li.search-wrapper .search-input-holder .search-icon span::before {
    background-color: #454545;
}

#header.active .login-and-register li.search-wrapper .search-input-holder .search-icon span::after {
    border: 2px solid #454545;
}

#header.active .login-and-register li.search-wrapper .search-close::before,
#header.active .login-and-register li.search-wrapper .search-close::after {
    background-color: #454545;
}

/*导航*/
#header.active .header-nav li.active a {
    border-bottom: 2px solid #f73d3e;
}

/*带下拉*/
#header.active .header-nav a.active {
    border-color: #f73d3e;
}

#header.active .header-sub-nav {
    top: 90px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 1;
}

.p-h-menu{ float: right; }
.p-h-line{    
    position: fixed;right: 20px;top:24px;z-index: 99999;
}
.p-h-line span{
    transition: all 300ms ease-in-out;
    width: 25px;
    height: 2px;
    display: block;
    margin-bottom:7px;
    background:#1268b9;

}
.p-h-line.curr .head-l-x {
    top: 10px;
    transform: translate(0, 9px) rotate(45deg);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.p-h-line.curr .head-l-y{  opacity: 0; }
.p-h-line.curr .head-l-z {
     transform: translate(0, -9px) rotate(-45deg);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.xs-visible{display: none!important;}
.xs-hidden{}
.p-h-m-list.on{left: 0;}
.p-h-m-list{ position: fixed;z-index: 9999; overflow-y: scroll;top:0;padding-top: 75px;bottom: 0; left: 100%; width: 100%; background-color:#f8f8f8;  transition:all .3s;}
.p-h-main{ display: block; padding: .5rem 5%; font-size: 14px;; color: #1268b9; border-bottom: 1px solid rgba(255,255,255,.1); }
.p-h-main.p-h-arrow{ background-image: url(../images/arrow-b1.png); background-repeat: no-repeat; background-position: 95% center; background-size: 20px; }
.p-h-main.p-h-arrow:hover{color:#1268b9;}
.p-h-main.curr{ background: #efefef url(../images/arrow-b1.png) no-repeat 95% center; background-size: 20px; }
.p-h-submenu{ padding: .5rem 7%; border-bottom: 1px solid rgba(255,255,255,.1); display: none; transition: none;}
.p-h-submenu a{ display: block; color: #1268b9; font-size: 14px; line-height: 1.8; }


.line{width: 100%;height: 1px;background: #e5e5e5;display: block;}


.bgImage img{max-width: 100%;}

/* 登录框 */
.login-container,
.register-container {max-width: 850px;width: 100%;background: #fff;border-radius: 10px;width: 100%;}

/* 首页 */
.index{width: 100vw;height: 100vh;background: url(../images/banner.png);}

.index-nav{position: relative;width: 100%;height: 100vh;}
.index-nav a {display: inline-block;}
.index-nav a img{transition: all .3s;}
.index-nav a .boxshadow2{display: none;}
.index-nav .in1{position: absolute;left: -10%;top: 33%;}
.index-nav .in2{position: absolute;left: 20%;top: 23%;}
.index-nav .in3{position: absolute;left: 61%;top: 21%;}
.index-nav .in4{position: absolute;left: 9%;top: 52%;}
.index-nav .in5{position: absolute;left: 40%;top: 36%;}
.index-nav .in6{position: absolute;left: 58%;top: 52%;}
.index-nav .in7{position: absolute;left: 74%;top: 30%;}

.index .foot{position: absolute;left: 50%;bottom: 20px;transform: translateX(-50%);display: flex;justify-content: space-between;width: 100%;align-items: center;}
.index .foot p{color: #002261;}
.index .foot .btn a{margin: 0 5px;display: inline-block;}

.login-container .box,
.register-container .box{text-align: center;padding: 50px 0;}

.lrbg{width: 100vw;height: 100vh;}


.login-container .box form{max-width: 300px;margin: 0 auto;}
.login-container .box h2 {font-size: 20px;color: #3c4042;font-weight: bold;}
.login-container .box p{margin-top: 28px;text-align: left;}
.login-container .box p label{display: block;}
.login-container .box p input{padding: 14px 10px;background: #f3f3f3;width: 100%;}
.login-container .box button{width: 100%;line-height: 50px;background: #d5091d;color: #fff;margin-top: 44px;}
.login-container .box span{display: block;}
.login-container .box p:last-child{margin-top: 15px;text-align: center;}
.login-container .box p:last-child a{color: #d5091d;}
.login-container .tree{position: absolute;left: -18px;bottom: 0;}

.register-container .box form{max-width: 654px;margin: 0 auto;}
.register-container .box form a{color: #d5091d;}
.register-container .box h2 {font-size: 20px;color: #3c4042;font-weight: bold;}
.register-container .box ul{display: flex;flex-wrap: wrap;}
.register-container .box ul li{width: 46%;margin-right: 8%;margin-top: 28px;text-align: left;}
.register-container .box ul li:nth-child(2n){margin-right: 0;}
.register-container .box ul li label{display: block;}
.register-container .box ul li input{padding: 14px 10px;background: #f3f3f3;width: 100%;}
.register-container .box ul li.yzm{position: relative;}
.register-container .box ul li.yzm input{padding-right: 40%;}
.register-container .box ul li.yzm a{display: block;width: 40%;line-height: 49px;position: absolute;right: 0;bottom: 0;background: #d5091d;text-align: center;color: #fff;}
.register-container .box p{text-align: left;margin-top: 34px;font-size: 13px;}
.register-container .box p input[type=checkbox]{margin-right: 8px;vertical-align:middle;}
.register-container .box button{max-width: 300px;width: 100%;margin: 0 auto;line-height: 50px;background: #d5091d;color: #fff;margin-top: 34px;}
.register-container .box p:last-child{text-align: center;margin-top: 15px;}


.user-container{width: 100%;background: #eff1f3;}
.user-container .box{width: 100%;display: flex;margin-top: -18%;margin-bottom: 10%;}
.user-container .box .left{width: 28%;border-radius: 10px 0 0 10px;background-image: linear-gradient(#1a1e23, #38231e, #1a1e23);text-align: center;}
.user-container .box .left .userInfo{margin-top: 90px;}
.user-container .box .left .userInfo h2{color: #ffffff;font-size: 18px;margin-top: 20px;}
.user-container .box .left .day-btn {margin-top: 15px;margin-bottom: 25px;}
.user-container .box .left .day-btn a{display: block;width: 142px;height: 36px;margin: 0 auto;margin-bottom: 10px;background-color: #d7000f;border: 1px solid #d7000f;border-radius: 18px;font-size: 14px;line-height: 36px;color: #fff;text-align: center;}
.user-container .box .left ul{text-align: left;}
.user-container .box .left ul li{padding: 0 40px;line-height: 50px;}
.user-container .box .left ul li.active{background: #21100b;}
.user-container .box .left ul li.active a{color: #fff;}
.user-container .box .left ul li a{display: block;color: #999999;}
.user-container .box .left ul li:hover{background: #21100b;}
.user-container .box .left ul li:hover a{color: #fff;}
.user-container .box .right{width: 72%;background: #fff;border-radius: 0 10px 10px 0;padding: 66px;}
.user-container .box .right .message{background: #eeeeee;padding: 20px 24px;border-radius: 6px;}
.user-container .box .right .message h2{font-weight: bold;font-size: 16px;}
.user-container .box .right .message textarea{width: 100%;min-height: 50px;padding-top: 10px;resize: none;background-color: transparent;border-bottom: 1px solid #fff;margin-bottom: 15px;position: relative;z-index: 99;}
.user-container .box .right .message p{position: relative;max-width: 300px;}
.user-container .box .right .message input{max-width: 300px;width: 100%;line-height: 40px;padding: 4px 40% 4px 14px;border: 1px solid #cecece;background: #eeeeee;}
.user-container .box .right .message p .yzm{width: 110px;height: 40px;position: absolute;right: 4px;top: 5px;}
.user-container .box .right .message p .yzm img{width: 100%;height: 100%;}
.user-container .box .right .message button{    height: 30px;width: 107px;border-radius: 5px;background-color: #d7000f;color: #fff;font-size: 14px;line-height: 30px;margin-top: 12px;}
.user-container .box .right .msg{margin-top: 70px;}
.user-container .box .right .msg h2{font-weight: bold;font-size: 16px;padding: 16px 22px;}
.user-container .box .right .msg ul{padding: 8px 28px;}
.user-container .box .right .msg ul li{color: #999999;margin: 10px 0;position: relative;}
.user-container .box .right .msg ul li .txt{padding: 10px 0 15px;}
.user-container .box .right .msg ul li::after{content: '';display: block;width: 10px;height: 10px;background: #d5091d;border-radius: 100%;position: absolute;left: -20px;top: 5px;}

.user-container .box .right .update-info .update-basic h2{font-weight: bold;font-size: 16px;padding: 16px 22px;}
.user-container .box .right .update-info .update-basic ul{display: flex;flex-wrap: wrap;padding: 25px;color:#999;}
.user-container .box .right .update-info .update-basic ul li{width: 46%;margin-right: 8%;margin-bottom: 14px;}
.user-container .box .right .update-info .update-basic ul li:nth-child(2n){margin-right: 0%;}
.user-container .box .right .update-info .update-basic ul li span {display: flex;align-items: center;height: 30px;line-height: 30px;margin-right: 20px;}
.user-container .box .right .update-info .update-basic ul li label{width: 64px;text-align: right;line-height: 30px;margin-right: 30px;color: #999;font-weight: bold;}
.user-container .box .right .update-info .update-basic ul li input[type=text]{background-color: #f3f4f8;width: 210px;height: 30px;color: #1a1a1a;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;padding-left: 20px;}
.user-container .box .right .update-info .update-basic button{width: 100px;height: 35px;color: #fff;font-size: 16px;background-color: #d7000f;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;display: block;margin-left: 119px;cursor: pointer;}

.update-pass h2{font-weight: bold;font-size: 16px;padding: 16px 22px;}
.update-pass form{margin-top: 25px;}
.update-pass input[type=password] {background-color: #f3f4f8;width: 210px;height: 30px;color: #1a1a1a;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;padding-left: 20px;}
.update-pass div {margin-bottom: 20px;}
.update-pass p {width: 64px;text-align: right;line-height: 30px;margin-right: 30px;color: #727171;font-size: 13px;}
.update-pass button{width: 100px;height: 35px;color: #fff;font-size: 16px;background-color: #d7000f;-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;display: block;margin-left: 94px;margin-top: 20px;cursor: pointer;}


.app .box{width: 100%;background-color: #fff;padding: 24px 0;border-radius: 8px;margin-top: -5%;z-index: 999;position: relative;box-shadow: 0 0 10px rgb(224, 224, 224);margin-bottom: 5%;}
.app .box .app-nav ul{display: flex;justify-content: center;border-bottom: 1px solid #e2e2e2;}
.app .box .app-nav ul li{padding: 16px 20px;position: relative;}
.app .box .app-nav ul li::after{content: '';display: block;width: 1px;height: 15px;background: #e2e2e2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.app .box .app-nav ul li:last-child::after{display: none;}
.app .box .app-nav ul li::before{content: '';display: none;width: 100%;height: 2px;background: #bf1022;position: absolute;left: 0;bottom: -1px;}
.app .box .app-nav ul li a{color: #282828;}
.app .box .app-nav ul li.active::before {display: block;}
.app .box .app-nav ul li.active a{color: #bf1022;font-weight: bold;}
.app .box .list{margin-top: 65px;}
.app .box .list ul{display: flex;flex-wrap: wrap;}
.app .box .list ul li{width: 31%;margin-right: 3%;box-shadow: 0 0 10px rgb(224, 224, 224);overflow: hidden;color: #bababa;margin-bottom: 3%;}
.app .box .list ul li:nth-child(3n){margin-right: 0;}
.app .box .list ul li article{padding: 15px 20px;}
.app .box .list ul li article h2{font-size: 15px;color: #767676;}
.app .box .list ul li article .infos{margin-top: 40px;display: flex;justify-content: space-between;}

.appInfo{margin-top: 40px;min-height: 700px;}
.appInfo hgroup h3{font-size: 24px;color: #1b1b1b;text-align: center;margin-bottom: 20px;}



/* 分页 */
.page{text-align: center;margin: 70px 0;}
.page a{width: 30px;height: 30px;text-align: center;line-height: 30px;box-shadow: 0 0 10px rgb(224, 224, 224);display: inline-block;margin: 0 5px;}
.page a.on{background: #d5091d;color: #fff;}

/* 分篇 */
.more {margin: 20px 0;}
.more p{margin: 5px 0;}
.more a{color: #282828;font-size: 13px;}

.app .box .law{margin-top: 56px;}
.app .box .law ul li{box-shadow: 0 0 10px rgb(224, 224, 224);margin-bottom: 14px;padding: 10px 38px;position: relative;display: flex;justify-content: space-between;align-items: center;border-radius: 6px;}
.app .box .law ul li::before{content: '';display: block;width: 8px;height: 8px;background: #bf1022;position: absolute;left: 16px;top:50%;transform: translateY(-50%);border-radius: 100%;}
.app .box .law ul li a{display: block;width: 100%;}
.app .box .law ul li span{display: inline-flex;}

.app .box .law-info{margin-top: 56px;display: flex;justify-content: space-between;}
.app .box .law-info .info>h2,
.app .box .law-info .relevant>h2{font-size: 15px;font-weight: bold;color: #282828;margin-bottom: 25px;}
.app .box .law-info .info{width: 70%;}
.app .box .law-info .info .txt{width: 100%;height: 698px;overflow-y: auto;padding-right: 40px;}
.app .box .law-info .relevant{width: 25%;}
/*滚动条样式*/
.app .box .law-info .info .txt::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.app .box .law-info .info .txt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    background: #bf1022;
}
.app .box .law-info .info .txt::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

.app .box .relevant ul li{box-shadow: 0 0 10px rgb(224, 224, 224);margin-bottom: 14px;padding: 10px 38px;position: relative;display: flex;justify-content: space-between;align-items: center;border-radius: 6px;}
.app .box .relevant ul li::before{content: '';display: block;width: 8px;height: 8px;background: #bf1022;position: absolute;left: 16px;top:50%;transform: translateY(-50%);border-radius: 100%;}
.app .box .relevant ul li a{display: block;width: 100%;}
.app .box .relevant ul li span{display: inline-flex;}

.app .box .event{margin-top: 56px;}
.app .box .event .event-nav>ul{display: flex;}
.app .box .event .event-nav>ul>li{width: 21%;margin-right: 10px;text-align: center;border-radius: 6px;line-height: 40px;}
.app .box .event .event-nav>ul>li:not(:first-child){background: #eeeeee;}
.app .box .event .event-nav>ul>li:first-child{box-shadow: 0 0 10px rgb(224, 224, 224);}
.app .box .event .event-nav>ul>li a{display: block;color: #282828;}
.app .box .event .event-nav>ul>li.active{background: #bc0316;}
.app .box .event .event-nav>ul>li.active a{color: #fff;}

.event-info-year{margin-top: 40px;}
.event-info-year h1{color: #bf1022;font-size: 28px;font-weight: bold;margin-bottom: 20px;}
.event-info-year ul li{margin-bottom: 30px;position: relative;padding-left: 2vw;}
.event-info-year ul li p{font-size: 18px;}
.event-info-year ul li h2{font-weight: bold;font-size: 18px;}
.event-info-year ul li::after{content: '';display: block;width: 16px;height: 16px;border-radius: 100%;background: #bf1022;position: absolute;left: 0;top: 6px;}
.event-info-zl {margin-top: 40px;}
.event-info-zl .title{text-align: center;font-size: 18px;}
.event-info-zl .title h3{font-weight: bold;}
.event-info-zl .title h3 span{font-size: 26px;color: #bc0316;}
.event-info-zl .title p{font-weight: bold;}
.event-info-zl>h1{text-align: center;margin: 30px 0;font-size: 18px;font-weight: bold;}
.event-info-zl ul li{margin-bottom: 30px;}
.event-info-zl ul li h2{font-size: 22px;font-weight: bold;}
.event-info-zl ul li .txt{line-height: 1.7;}






/* 导航 */
.Interaction .box{width: 100%;background-color: #fff;padding: 24px 0;border-radius: 8px;margin-top: -5%;z-index: 999;position: relative;box-shadow: 0 0 10px rgb(224, 224, 224);margin-bottom: 5%;}
.Interaction .box .Interaction-nav ul{display: flex;justify-content: center;border-bottom: 1px solid #e2e2e2;}
.Interaction .box .Interaction-nav ul li{padding: 16px 20px;position: relative;}
.Interaction .box .Interaction-nav ul li::after{content: '';display: block;width: 1px;height: 15px;background: #e2e2e2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.Interaction .box .Interaction-nav ul li:last-child::after{display: none;}
.Interaction .box .Interaction-nav ul li::before{content: '';display: none;width: 100%;height: 2px;background: #bf1022;position: absolute;left: 0;bottom: -1px;}
.Interaction .box .Interaction-nav ul li a{color: #282828;}
.Interaction .box .Interaction-nav ul li.active::before {display: block;}
.Interaction .box .Interaction-nav ul li.active a{color: #bf1022;font-weight: bold;}

.window .box{width: 100%;background-color: #fff;padding: 24px 0;border-radius: 8px;margin-top: -5%;z-index: 999;position: relative;box-shadow: 0 0 10px rgb(224, 224, 224);margin-bottom: 5%;}
.window .box .window-nav ul{display: flex;justify-content: center;border-bottom: 1px solid #e2e2e2;}
.window .box .window-nav ul li{padding: 16px 20px;position: relative;}
.window .box .window-nav ul li::after{content: '';display: block;width: 1px;height: 15px;background: #e2e2e2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.window .box .window-nav ul li:last-child::after{display: none;}
.window .box .window-nav ul li::before{content: '';display: none;width: 100%;height: 2px;background: #bf1022;position: absolute;left: 0;bottom: -1px;}
.window .box .window-nav ul li a{color: #282828;}
.window .box .window-nav ul li.active::before {display: block;}
.window .box .window-nav ul li.active a{color: #bf1022;font-weight: bold;}

.dynamic .box{width: 100%;background-color: #fff;padding: 24px 0;border-radius: 8px;margin-top: -5%;z-index: 999;position: relative;box-shadow: 0 0 10px rgb(224, 224, 224);margin-bottom: 5%;}
.dynamic .box .dynamic-nav ul{display: flex;justify-content: center;border-bottom: 1px solid #e2e2e2;}
.dynamic .box .dynamic-nav ul li{padding: 16px 20px;position: relative;}
.dynamic .box .dynamic-nav ul li::after{content: '';display: block;width: 1px;height: 15px;background: #e2e2e2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.dynamic .box .dynamic-nav ul li:last-child::after{display: none;}
.dynamic .box .dynamic-nav ul li::before{content: '';display: none;width: 100%;height: 2px;background: #bf1022;position: absolute;left: 0;bottom: -1px;}
.dynamic .box .dynamic-nav ul li a{color: #282828;}
.dynamic .box .dynamic-nav ul li.active::before {display: block;}
.dynamic .box .dynamic-nav ul li.active a{color: #bf1022;font-weight: bold;}

.park .box{width: 100%;background-color: #fff;padding: 24px 0;border-radius: 8px;margin-top: -5%;z-index: 999;position: relative;box-shadow: 0 0 10px rgb(224, 224, 224);margin-bottom: 5%;}
.park .box .park-nav ul{display: flex;justify-content: center;border-bottom: 1px solid #e2e2e2;}
.park .box .park-nav ul li{padding: 16px 20px;position: relative;}
.park .box .park-nav ul li::after{content: '';display: block;width: 1px;height: 15px;background: #e2e2e2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.park .box .park-nav ul li:last-child::after{display: none;}
.park .box .park-nav ul li::before{content: '';display: none;width: 100%;height: 2px;background: #bf1022;position: absolute;left: 0;bottom: -1px;}
.park .box .park-nav ul li a{color: #282828;}
.park .box .park-nav ul li.active::before {display: block;}
.park .box .park-nav ul li.active a{color: #bf1022;font-weight: bold;}

.classroom .box{width: 100%;background-color: #fff;padding: 24px 0;border-radius: 8px;margin-top: -5%;z-index: 999;position: relative;box-shadow: 0 0 10px rgb(224, 224, 224);margin-bottom: 5%;}
.classroom .box .classroom-nav ul{display: flex;justify-content: center;border-bottom: 1px solid #e2e2e2;}
.classroom .box .classroom-nav ul li{padding: 16px 20px;position: relative;}
.classroom .box .classroom-nav ul li::after{content: '';display: block;width: 1px;height: 15px;background: #e2e2e2;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.classroom .box .classroom-nav ul li:last-child::after{display: none;}
.classroom .box .classroom-nav ul li::before{content: '';display: none;width: 100%;height: 2px;background: #bf1022;position: absolute;left: 0;bottom: -1px;}
.classroom .box .classroom-nav ul li a{color: #282828;}
.classroom .box .classroom-nav ul li.active::before {display: block;}
.classroom .box .classroom-nav ul li.active a{color: #bf1022;font-weight: bold;}









/* 留言板 */
.message-board{margin-top: 70px;}
.message-board .msg-container{display: flex;justify-content: space-between;}
.message-board .msg-container .left{width: 38%;height: 540px;overflow-y: auto;padding-right: 25px;}
.message-board .msg-container .left::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.message-board .msg-container .left::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    background: #bf1022;
}
.message-board .msg-container .left::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(226,226,226,0.8);
    border-radius: 0;
    background: #e2e2e2;
}
.message-board .msg-container .left .col {margin-bottom: 50px;}
.message-board .msg-container .left .col h1{font-size: 16px;margin-bottom: 10px;}
.message-board .msg-container .left .col h1 span{letter-spacing: 1px;}
.message-board .msg-container .left .col p{font-size: 13px;margin-bottom: 20px;}
.message-board .msg-container .left .col .txt{color: #717171;font-size: 13px;line-height: 1.8;}

.message-board .msg-container .right{width: 58%;}
.message-board .msg-container .right h3{font-size: 16px;margin-bottom: 20px;}
.message-board .msg-container .right p{color: #7c7c7c;margin-bottom: 20px;}
.message-board .msg-container .right form textarea{width: 100%;height: 310px;resize: none;background: #fafafa;padding: 15px;}
.message-board .msg-container .right form .yzm{position: relative;width: 50%;}
.message-board .msg-container .right form input{background: #fafafa;padding: 15px 32% 15px 10px;width: 100%;}
.message-board .msg-container .right form .yzm span{width: 70px;height: 40px;position: absolute;right: 5px;top: 50%;transform: translateY(-50%);}
.message-board .msg-container .right form button{width: 90px;height: 30px;line-height: 30px;text-align: center;background: #bf1022;color: #fff;border-radius: 6px;margin-top: 20px;}

/* 投教基地联盟 */
.union ul{margin-top: 8vh;}
.union ul li{width: 100%;box-shadow: 0 0 10px rgb(224, 224, 224);border-radius: 10px;margin-bottom: 30px;padding: 28px 48px;display: flex;align-items: center;justify-content: space-between;}
.union ul li article{width: 35%;font-size: 16px;}
.union ul li article a{color: #282828;}


/* 投教橱窗二级导航 */
.window-subnav {margin-top: 50px;}
.window-subnav ul{display: flex;flex-wrap: wrap;}
.window-subnav ul li{margin-right: 10px;background: #eeeeee;border-radius: 5px;width: 150px;line-height: 32px;text-align: center;transition: all .3s;margin-bottom: 10px;}
.window-subnav ul li a{color: #282828;display: block;}
.window-subnav ul li.active{box-shadow: 0 0 10px rgb(224, 224, 224);background: #fff;}
.window-subnav ul li:hover{box-shadow: 0 0 10px rgb(224, 224, 224);background: #fff;}
.window-subnav ul li:last-child{margin-right: 0;}


/* 法制诚信 */
.sincerity .sincerity-container {margin-top: 40px;}
.sincerity .sincerity-container ul li{padding: 8px 40px;width: 100%;box-shadow: 0 0 10px rgb(224, 224, 224);border-radius: 6px;position: relative;margin-bottom: 15px;}
.sincerity .sincerity-container ul li a{color: #282828;display: block;display: flex;align-items: center;justify-content: space-between;}
.sincerity .sincerity-container ul li a span{display: inline-flex;}
.sincerity .sincerity-container ul li::before{content: '';display: block;width: 8px;height: 8px;border-radius: 100%;background: #bf1022;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}

/* 视频 */
.back .back-video{margin-top: 40px;}
.back .back-video .video-container video{width: 100%;border-radius: 10px;}
.back .back-video .video-container .info{margin-top: 18px;text-align: center;}
.back .back-video .video-container .info h2{font-size: 18px;}
.back .back-video .video-container .info p{color: #a2a2a2;}
.back .back-video .video-list {margin-top: 40px;position: relative;}
.back .back-video .video-list .swiper-slide{margin-right: 15px;}
.back .back-video .video-list .swiper-slide article{margin-top: 18px;}
.back .back-video .video-list .swiper-slide article h2{font-size: 16px;}
.back .back-video .video-list .swiper-slide article p{color: #a2a2a2;}
.back .back-list {margin-top: 40px;}
.back .back-list ul li{padding: 8px 40px;width: 100%;box-shadow: 0 0 10px rgb(224, 224, 224);border-radius: 6px;position: relative;margin-bottom: 15px;}
.back .back-list ul li a{color: #282828;display: block;display: flex;align-items: center;justify-content: space-between;}
.back .back-list ul li a span{display: inline-flex;}
.back .back-list ul li::before{content: '';display: block;width: 8px;height: 8px;border-radius: 100%;background: #bf1022;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.back .back-video .video-list .swiper-button-prev,
.back .back-video .video-list .swiper-button-next{width: 14px;height: 24px;background-size: 14px 24px;}
.back .back-video .video-list .swiper-button-prev{background-image: url(../images/pre.png);left: -30px;}
.back .back-video .video-list .swiper-button-next{background-image: url(../images/next.png);right: -30px;}


/* 期货知识汇 */
.knowledge .knowledge-container {margin-top: 40px;}
.knowledge .knowledge-container ul li{padding: 8px 40px;width: 100%;box-shadow: 0 0 10px rgb(224, 224, 224);border-radius: 6px;position: relative;margin-bottom: 15px;}
.knowledge .knowledge-container ul li a{color: #282828;display: block;display: flex;align-items: center;justify-content: space-between;}
.knowledge .knowledge-container ul li a span{display: inline-flex;}
.knowledge .knowledge-container ul li::before{content: '';display: block;width: 8px;height: 8px;border-radius: 100%;background: #bf1022;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}


/* 投资者适当性 */
.investor .investor-container {margin-top: 40px;}
.investor .investor-container ul li{padding: 8px 40px;width: 100%;box-shadow: 0 0 10px rgb(224, 224, 224);border-radius: 6px;position: relative;margin-bottom: 15px;}
.investor .investor-container ul li a{color: #282828;display: block;display: flex;align-items: center;justify-content: space-between;}
.investor .investor-container ul li a span{display: inline-flex;}
.investor .investor-container ul li::before{content: '';display: block;width: 8px;height: 8px;border-radius: 100%;background: #bf1022;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}


/* 投教动态 */
.notice ul{margin-top: 40px;}
.notice ul li{display: flex;align-items: center;padding: 36px 96px;border-bottom: 1px dashed #d8d9df;}
.notice ul li .notice-l{padding: 0 20px;position: relative;color: #bf1022;font-weight: bold;}
.notice ul li .notice-l::before{content: '';display: block;width: 1px;height: 100%;background: #e2e2e2;position: absolute;right: 0;top: 0;}
.notice ul li .notice-l .year{font-size: 22px;}
.notice ul li .notice-l .day{font-size: 15px;}
.notice ul li .notice-r{margin-left:20px;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.notice ul li .notice-r h2{font-size: 16px;margin-bottom: 10px;}
.notice ul li .notice-r a{width: 90px;line-height: 26px;text-align: center;background: #bf1022;color: #fff;border-radius: 5px;font-size: 13px;}
.notice ul li:nth-child(2n-1){background: #fafafa;}

.notice ul li.first{padding: 0;}
.notice ul li.first article{padding: 0 80px;}
.notice ul li.first article h1{font-size: 20px;margin-bottom: 14px;}
.notice ul li.first article .time{font-size: 13px;}
.notice ul li.first article div{margin: 30px 0;}
.notice ul li.first article a{width: 90px;line-height: 26px;text-align: center;background: #bf1022;color: #fff;border-radius: 5px;font-size: 13px;display: inline-block;}

/* 投教动态详情 */
.dynamic-info{margin-top: 40px;}
.dynamic-info .dynamic-author{text-align: center;}
.dynamic-info .dynamic-author h1{font-size: 25px;margin-bottom: 20px;}
.dynamic-info .dynamic-author div span{display: inline-block;margin: 0 5px;font-size: 13px;}
.dynamic-info .dynamic-info-content{margin-top: 40px;border-bottom: 1px solid #eee;padding-bottom: 20px;}



/* 风险案例 */
.case ul{margin-top: 40px;}
.case ul li{display: flex;align-items: center;padding: 36px 96px;border-bottom: 1px solid #d8d9df;}
.case ul li .case-l{padding: 0 20px;color: #bf1022;text-align: center;}
.case ul li .case-l .time{margin-top: 10px;}
.case ul li .case-r{margin-left:20px;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.case ul li .case-r h2{font-size: 16px;margin-bottom: 10px;}
.case ul li .case-r a{width: 90px;line-height: 26px;text-align: center;background: #bf1022;color: #fff;border-radius: 5px;font-size: 13px;}
.case ul li:last-child{border-bottom: none;}


/* 新手指南 */
.guide-subnav {margin-top: 50px;}
.guide-subnav ul{display: flex;flex-wrap: wrap;}
.guide-subnav ul li{margin-right: 10px;background: #eeeeee;border-radius: 5px;width: 150px;line-height: 32px;text-align: center;transition: all .3s;margin-bottom: 10px;}
.guide-subnav ul li a{color: #282828;display: block;}
.guide-subnav ul li.active{box-shadow: 0 0 10px rgb(224, 224, 224);background: #fff;}
.guide-subnav ul li:hover{box-shadow: 0 0 10px rgb(224, 224, 224);background: #fff;}
.guide-subnav ul li:last-child{margin-right: 0;}
.guide .guide-list {margin-top: 40px;}
.guide .guide-list ul li{padding: 8px 40px;width: 100%;box-shadow: 0 0 10px rgb(224, 224, 224);border-radius: 6px;position: relative;margin-bottom: 15px;}
.guide .guide-list ul li a{color: #282828;display: block;display: flex;align-items: center;justify-content: space-between;}
.guide .guide-list ul li a span{display: inline-flex;}
.guide .guide-list ul li::before{content: '';display: block;width: 8px;height: 8px;border-radius: 100%;background: #bf1022;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}


/* 在线调查 */
.investigation{margin-top: 100px;}
.investigation .intro h1{text-align: center;font-size: 25px;margin-bottom: 50px;}

.investigation .intro{margin-bottom: 30px;}
.investigation .form section{padding: 20px 0;border-bottom: 1px solid #e2e2e2;}
.investigation .form section label{margin-bottom: 20px;display: inline-block;}
.investigation .form section p {margin: 5px 0;}
.investigation .form section p input[type=radio],
.investigation .form section p input[type=checkbox]{margin: 0px 10px;}
.investigation .form section p textarea{background: #eeeeee;width: 100%;resize: none;min-height: 168px;padding: 10px;}
.investigation .form button{width: 140px;line-height: 42px;text-align: center;color: #fff;background: #bf1022;}



/* 百问百答 */
.questions-subnav {margin-top: 50px;}
.questions-subnav ul{display: flex;flex-wrap: wrap;}
.questions-subnav ul li{margin-right: 10px;background: #eeeeee;border-radius: 5px;width: 150px;line-height: 32px;text-align: center;transition: all .3s;margin-bottom: 10px;}
.questions-subnav ul li a{color: #282828;display: block;}
.questions-subnav ul li.active{box-shadow: 0 0 10px rgb(224, 224, 224);background: #fff;}
.questions-subnav ul li:hover{box-shadow: 0 0 10px rgb(224, 224, 224);background: #fff;}
.questions-subnav ul li:last-child{margin-right: 0;}
.faq ul li{border-bottom: 1px solid #e2e2e2;padding: 30px 0;}
.faq ul li .ques {display: flex;align-items: center;margin-bottom: 15px;position: relative;}
.faq ul li .ques span{width: 26px;height: 26px;text-align: center;line-height: 26px;background: #bf1022;color: #fff;display: inline-block;position: absolute;left: 0;top: 0;}
.faq ul li .ques h2{font-size: 16px;font-weight: bold;padding-left: 36px;}
.faq ul li .answers{display: flex;position: relative;}
.faq ul li .answers span{width: 26px;height: 26px;text-align: center;line-height: 26px;background: #dcdcdc;color: #fff;display: inline-block;position: absolute;left: 0;top: 0;}
.faq ul li .answers div{padding-left: 36px;color: #717171;line-height: 1.8;}


/* 期货大数据 */
.data-subnav {margin-top: 50px;}
.data-subnav ul{display: flex;flex-wrap: wrap;}
.data-subnav ul li{margin-right: 10px;background: #eeeeee;border-radius: 5px;width: 150px;line-height: 32px;text-align: center;transition: all .3s;margin-bottom: 10px;}
.data-subnav ul li a{color: #282828;display: block;}
.data-subnav ul li.active{box-shadow: 0 0 10px rgb(224, 224, 224);background: #fff;}
.data-subnav ul li:hover{box-shadow: 0 0 10px rgb(224, 224, 224);background: #fff;}
.data-subnav ul li:last-child{margin-right: 0;}
.data .data-list {margin-top: 40px;}
.data .data-list ul li{padding: 8px 40px;width: 100%;box-shadow: 0 0 10px rgb(224, 224, 224);border-radius: 6px;position: relative;margin-bottom: 15px;}
.data .data-list ul li a{color: #282828;display: block;display: flex;align-items: center;justify-content: space-between;}
.data .data-list ul li a span{display: inline-flex;}
.data .data-list ul li::before{content: '';display: block;width: 8px;height: 8px;border-radius: 100%;background: #bf1022;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}


/* 专家在线 */
.expert{margin-top: 40px;}
.expert-list{width: 250px;height: 40px;line-height: 40px;box-shadow: 0 0 10px rgb(224, 224, 224);-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;background-image: url(../images/drop.png);background-repeat: no-repeat;background-position: 220px center;margin: 0 auto;cursor: pointer;position: relative;text-align: center;}
.expert-list span{display: block;}
.expert-list ul {width: 250px;z-index: 99;position: relative;height: 100px;overflow-y: auto;background: #fff;margin-top: 10px;display: none;}
.expert-list ul::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.expert-list ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #bf1022;
}
.expert-list ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(226,226,226,0.8);
    -moz-box-shadow: inset 0 0 5px rgba(226,226,226,0.8);
    -ms-box-shadow: inset 0 0 5px rgba(226,226,226,0.8);
    box-shadow: inset 0 0 5px rgba(226,226,226,0.8);
    border-radius: 0;
    background: #e2e2e2;
}
.expert-list ul li:hover{background: #fafafa;}
.expert-list ul li a{display: block;}



.expert-list2{background: initial;width: 250px;height: 40px;line-height: 40px;box-shadow: 0 0 10px rgb(224, 224, 224);-webkit-border-radius: 5px;-moz-border-radius: 5px;-ms-border-radius: 5px;border-radius: 5px;background-image: url(../images/drop.png);background-repeat: no-repeat;background-position: 180px center;cursor: pointer;position: relative;text-align: center;}
.expert-list2 span{display: block;}
.expert-list2 ul {z-index: 99;position: relative;height: 100px;overflow-y: auto;background: #fff;margin-top: 10px;display: none;}
.expert-list2 ul::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.expert-list2 ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    background: #bf1022;
}
.expert-list2 ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(226,226,226,0.8);
    -moz-box-shadow: inset 0 0 5px rgba(226,226,226,0.8);
    -ms-box-shadow: inset 0 0 5px rgba(226,226,226,0.8);
    box-shadow: inset 0 0 5px rgba(226,226,226,0.8);
    border-radius: 0;
    background: #e2e2e2;
}
.expert-list2 ul li:hover{background: #fafafa;}
.expert-list2 ul li a{display: block;}
.expert-video-list{margin-top: 3%;}
.expert-video-list ul{display: flex;flex-wrap: wrap;}
.expert-video-list ul li{width: 31%;margin-right: 3%;margin-bottom: 3%;}
.expert-video-list ul li:nth-child(3n){margin-right: 0;}
.expert-video-list ul li video{width: 100%;border-radius: 5px;}
.expert-video-list ul li article {padding: 5px 0;}
.expert-video-list ul li article h2{font-size: 16px;}
.expert-video-list ul li article p{display: flex;color: #a2a2a2;margin-top: 5px;}


/* 模拟交易 */
.transaction{padding: 40px 0;}
.transaction figure{text-align: center;}
.transaction article{margin-top: 40px;}
.transaction article .SimNow div{color: #6d6d6d;line-height: 1.8;text-indent: 2em;}
.transaction article .btn{margin: 30px 0;display: flex;justify-content: space-around;}
.transaction article .btn .res,
.transaction article .btn .down{width: 280px;line-height: 76px;text-align: center;color: #fff;font-size: 24px;font-weight: bold;display: inline-block;border-radius: 8px;}
.transaction article .btn .res{background: #0b3c76;}
.transaction article .btn .down{background: #bf1022;}

.school .school-list ul{margin-top: 40px;}
.school .school-list ul li{display: flex;align-items: center;padding: 36px 96px;border-bottom: 1px dashed #d8d9df;}
.school .school-list ul li .school-l{padding: 0 20px;position: relative;color: #bf1022;font-weight: bold;}
.school .school-list ul li .school-l::before{content: '';display: block;width: 1px;height: 100%;background: #e2e2e2;position: absolute;right: 0;top: 0;}
.school .school-list ul li .school-l .year{font-size: 22px;}
.school .school-list ul li .school-l .day{font-size: 15px;}
.school .school-list ul li .school-r{margin-left:20px;display: flex;align-items: center;justify-content: space-between;width: 100%;}
.school .school-list ul li .school-r h2{font-size: 16px;margin-bottom: 10px;}
.school .school-list ul li .school-r a{width: 90px;line-height: 26px;text-align: center;background: #bf1022;color: #fff;border-radius: 5px;font-size: 13px;}
.school .school-list ul li:nth-child(2n-1){background: #fafafa;}
.school .school-list ul li.first{padding: 0;align-items: center;}
.school .school-list ul li.first article{padding: 0 80px;}
.school .school-list ul li.first article h1{font-size: 20px;margin-bottom: 14px;}
.school .school-list ul li.first article .time{font-size: 13px;}
.school .school-list ul li.first article div{margin: 30px 0;}
.school .school-list ul li.first article a{width: 90px;line-height: 26px;text-align: center;background: #bf1022;color: #fff;border-radius: 5px;font-size: 13px;display: inline-block;}

.school-subnav {margin-top: 50px;}
.school-subnav ul{display: flex;flex-wrap: wrap;}
.school-subnav ul li{margin-right: 10px;background: #eeeeee;border-radius: 5px;width: 150px;line-height: 32px;text-align: center;transition: all .3s;margin-bottom: 10px;}
.school-subnav ul li a{color: #282828;display: block;}
.school-subnav ul li.active{box-shadow: 0 0 10px rgb(224, 224, 224);background: #fff;}
.school-subnav ul li:hover{box-shadow: 0 0 10px rgb(224, 224, 224);background: #fff;}
.school-subnav ul li:last-child{margin-right: 0;}



footer{background: #333333;padding: 46px 2%;text-align: center;color: #fff;}
footer p{color: #fff;font-size: 13px;}
footer div{margin-top: 30px;}
footer div a{margin: 0 10px;}

.rightnav{position: fixed;top: 50%;right: 50px;transform: translateY(-50%);z-index: 1000;}
.rightnav ul li {margin: 50px 0;}









.researchBom {
    width: 300px;
    height: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 9999;
    color: #2e2e2e;
    font-size: 14px;
    /*-webkit-box-shadow: -10px 0 30px 0px #d6d6d7;
    -moz-box-shadow: -10px 0 30px 0px #d6d6d7;
    -ms-box-shadow: -10px 0 30px 0px #d6d6d7;
    box-shadow: -10px 0 30px 0px #d6d6d7;*/
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    /*overflow: hidden;*/
}


.researchBom .researchInfo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 20px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#researchClose {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
    z-index: 3;
}

.researchBom.leftin {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.researchBom .boder {
    width: 100%;
}

.researchBom .title {
    font-size: 18px;
    text-align: center;
    margin: 30px 0 20px;
}

.question {
    margin-bottom: 15px;
}

.question p {
    line-height: 30px;
}

.question ul {
    color: #6f6f6f;
    font-size: 14px;
    line-height: 30px;
}

.question ul li {
    padding-left: 40px;
    position: relative;
    cursor: pointer;
}

.question ul li label {
    cursor: pointer;
}

.question ul li span:before {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    border: solid 1px #6f6f6f;
    position: absolute;
    left: 0px;
    top: 9px;
}

.question ul li span:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    background-color: #d7000f;
    position: absolute;
    left: 0px;
    top: 9px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.question input[type=radio]:checked + span:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.suggest {
    margin-bottom: 10px;
}

.suggest > p {
    margin-bottom: 5px;
}

.suggest .suggestText {
    width: 100%;
    height: 150px;
    background-color: #f3f4f8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    padding: 10px;
}

.suggest .suggestText textarea {
    width: 100%;
    height: 110px;
    resize: none;
    font-size: 14px;
    background-color: #f3f4f8;
}

.suggest .suggestText p {
    font-size: 12px;
    color: #a7a7a7;
}

.suggest .suggestText p span {
    color: #d7000f;
    margin: 0 5px;
}

.suggestName {
    margin-bottom: 10px;
}

.suggestName p {
    margin-bottom: 5px;
}

.suggestPhone {
    margin-bottom: 20px;
}

.suggestPhone p {
    margin-bottom: 5px;
}

.researchBom input[type=text] {
    width: 100%;
    height: 40px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    background-color: #f3f4f8;
    padding-left: 10px;
}

.researchBom button {
    width: 160px;
    height: 40px;
    background-color: #d7000f;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}

.map{margin-top: 40px;display: flex;justify-content: space-between;}
.map .map-list{width: 35%;padding: 38px 30px;background: #ededed;}
.map .map-list .map-list-container{height: 500px;overflow-y: auto;padding-right: 20px;}
/*滚动条样式*/
.map .map-list .map-list-container::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.map .map-list .map-list-container::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    background: #bf1022;
}
.map .map-list .map-list-container::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    /* background: rgba(0,0,0,0.1); */
}


.map .map-list .map_location_box{position: relative;padding-bottom: 25px;margin-bottom: 25px;}
.map .map-list .map_location_box.first{padding-bottom: 0;margin-bottom: 0;}
.map .map-list .map_location_box .title{height: 40px;line-height: 40px;background: #bf1022;color: #fff;}
.map .map-list .map_location_box .title span{font-size: 16px;font-weight: bold;margin-left: 10px;}
.map .map-list .map_location_box .info{padding: 20px 10px;}
.map .map-list .map_location_box .info p span{vertical-align: text-top;display: inline-block;margin-right: 5px;}
.map .map-list .map_location_box ul{padding: 20px 10px;}
.map .map-list .map_location_box ul li a{color: #282828;}
.map .map-list .map_location_box li.active a{color: #bf1022;}
.map .map-list .map_location_box .drop-l{padding-bottom: 0;}
.map .map-list .map_location_box .drop-list{padding-top: 0;padding-bottom: 0;display: none;}
.map .map-list .map_location_box #dropList{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);cursor: pointer;}
.map .map-list .map_location_box #dropList img{vertical-align: bottom;}




.map .map-view{width: 62%;}
.map .map-info{width: 60%;}
.map .map-info .intro,
.map .map-info .contact{box-shadow: 0 0 10px rgb(224, 224, 224);padding: 38px 28px;margin-right: 12px;}
.map .map-info .intro{margin-bottom: 20px;}
.map .map-info .intro>h2{display: flex;align-items: center;font-size: 20px;font-weight: bold;color: #bf1022;}
.map .map-info .intro>h2 span{margin-right: 10px;}
.map .map-info .intro>h3{color: #bf1022;font-weight: bold;font-size: 18px;margin: 30px 0 20px;}
.map .map-info .intro .txt{width: 100%;height: 155px;overflow-y: auto;padding-right: 40px;}
/*滚动条样式*/
.map .map-info .intro .txt::-webkit-scrollbar {/*滚动条整体样式*/
    width: 3px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 3px;
}
.map .map-info .intro .txt::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    background: #bf1022;
}
.map .map-info .intro .txt::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

.map .map-info .contact>h2{display: flex;align-items: center;font-size: 20px;font-weight: bold;color: #bf1022;}
.map .map-info .contact>h2 span{margin-right: 10px;}
.map .map-info .contact .txt{margin-left: 28px;margin-top: 30px;}
.map .map-info .contact .txt p{font-weight: bold;margin: 5px 0;}


.wechat{padding-top: 10px;}
.wechat,.weibo{position: relative;padding-top: 10px;}
.wechat-tc{position: absolute;bottom: 100%;left: 50%;width: 150px;background: #f8f8f8;border-radius: 5px;padding: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);transform: translate(-50%, -10px);visibility: hidden;opacity: 0;transition: all .3s;}
.wechat-tc p{color: #000;text-align: center;}
.wechat-tc img{width: 100%;}
.wechat:hover .wechat-tc{visibility: visible;opacity: 1;transform: translate(-50%, 0);}

.weibo-tc{position: absolute;bottom: 100%;left: 50%;width: 150px;background: #f8f8f8;border-radius: 5px;padding: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);transform: translate(-50%, -10px);visibility: hidden;opacity: 0;transition: all .3s;}
.weibo-tc p{color: #000;text-align: center;}
.weibo-tc img{width: 100%;}
.weibo:hover .weibo-tc{visibility: visible;opacity: 1;transform: translate(-50%, 0);}


@media screen and (max-width:1420px){
    .index-nav a{max-width: 250px;}

    .index-nav img {width: 100%;}
    .index-nav .in1 {left: 7%;top: 34%;}
    .index-nav .in2 {left: 28%;top: 22%;}
    .index-nav .in3 {left: 58%;top: 22%;}
    .index-nav .in4 {left: 18%;top: 57%;}
    .index-nav .in5 {left: 40%;top: 40%;}
    .index-nav .in6 {left: 51%;top: 60%;}
    .index-nav .in7 {left: 67%;top: 39%;}

    .rightnav{right: 25px;}

    .researchBom .title{margin: 20px 0;}
    .suggest .suggestText{height: 80px;}
    .suggest .suggestText textarea{height: 60px;}
    #researchClose{top: 20px;}

}

@media screen and (max-width: 996px){
    .xs-hidden{display:none!important;}
    .xs-visible{display:block!important;} 
    .app .box{margin-top: 3%;width: 96%;padding: 0 0 2%;}
    .app .box .app-nav ul{justify-content: initial;white-space: nowrap;overflow-x: auto;}
    .app .box .event{margin-top: 25px;}
    .app .box .event .event-nav ul{flex-wrap: wrap;padding: 0 2%;}
    .app .box .event .event-nav ul li{width: auto;padding: 5px 10px;margin-bottom: 10px;}
    .event-info-zl{margin-top: 20px;}
    .event-info-zl>h1{margin: 20px 0;}
    .event-info-zl ul {padding: 0 3%;}
    .event-info-zl ul li h2{font-size: 18px;}
    .event-info-year{margin-top: 20px;}
    .event-info-year ul {padding: 0 3%;}
    .event-info-year h1{font-size: 20px;margin-left: 15px;}
    .event-info-year ul li{padding-left: 7vw;}
    .event-info-year ul li::after{width: 10px;height: 10px;}
    .event-info-year ul li h2{font-size: 6px;}
    .app .box .law{margin-top: 20px;}
    .app .box .law ul {padding:0 2%;}
    .app .box .list{margin-top: 20px;}
    .app .box .list ul{padding: 0 2%;}
    .app .box .list ul li{width: 100%;margin-right: 0;}
    .app .box .list ul li figure img{width: 100%;}
    .classroom .box{margin-top: 3%;width: 96%;padding: 0 0 2%;}
    .classroom .box .classroom-nav ul{justify-content: initial;white-space: nowrap;overflow-x: auto;}
    .expert{margin-top: 20px;}
    .expert-video-list ul li{width: 100%;margin-right: 0;padding: 0 2%;}
    .questions-subnav{margin-top: 20px;}
    .questions {padding: 0 2%;}
    .faq ul li .ques h2{font-size: 14px;}
    .faq ul li .answers div{font-size: 13px;}
    .data-subnav{margin-top: 20px;}
    .data .data-list{margin-top: 20px;padding: 0 2%;}
    .dynamic .box{margin-top: 3%;width: 96%;padding: 0 0 2%;}
    .dynamic .box .dynamic-nav ul{justify-content: initial;white-space: nowrap;overflow-x: auto;}
    .dynamic-info{margin-top: 20px;padding: 0 2%;}
    .dynamic-info .dynamic-author h1{font-size: 18px;margin-bottom: 10px;}
    .dynamic-info .dynamic-info-content{margin-top: 20px;}
    .notice {padding: 0 2%;}
    .notice ul{margin-top: 20px;}
    .notice ul li{padding: 10px;}
    .notice ul li .notice-r{flex-direction: column;align-items: initial;}
    .notice ul li .notice-r a{margin-top: 10px;}
    .notice ul li.first{flex-direction: column;}
    .notice ul li.first article{padding: 10px 20px;}
    .notice ul li.first article h1{font-size: 16px;}
    .notice ul li.first {align-items: initial;}
    .notice ul li.first figure img {width: 100%;}
    .app .box .law-info{flex-direction: column;margin-top: 20px;padding: 0 2%;}
    .app .box .law-info .info{width: 100%;}
    .app .box .law-info .relevant{width: 100%;}
    .Interaction .box{margin-top: 3%;width: 96%;padding: 0 0 2%;}
    .union{padding: 0 2%;}
    .union ul{margin-top: 20px;}
    .union ul li{flex-direction: column;padding: 15px;align-items: initial;}
    .union ul li figure {text-align: center;}
    .union ul li figure img{width: 80%;}
    .union ul li article{width: 100%;margin-top: 20px;}
    .message-board{margin-top: 20px;padding: 0 2%;}
    .message-board .msg-container{flex-direction: column-reverse;}
    .message-board .msg-container .left{width: 100%;margin-top: 20px;}
    .message-board .msg-container .left .col p{margin-bottom: 10px;}
    .message-board .msg-container .left .col{padding: 20px 0;margin-bottom: 0;border-bottom: 1px dashed #a8a8a8;}

    .message-board .msg-container .right{width: 100%;}
    .message-board .msg-container .right form textarea{height: 100px;}
    .message-board .msg-container .right form .yzm{width: 70%;}
    .message-board .msg-container .right h3,
    .message-board .msg-container .right p{margin-bottom: 10px;}

    .school{padding: 0 2%;}
    .school-subnav{margin-top: 20px;}
    .school .school-list ul li{padding: 10px;}
    .school .school-list ul li .school-r{flex-direction: column;align-items: initial;}
    .school .school-list ul li .school-r a{margin-top: 10px;}

    .school .school-list ul{margin-top: 20px;}
    .school .school-list ul li.first{align-items: initial;flex-direction: column;}
    .school .school-list ul li.first figure img{width: 100%;}
    .school .school-list ul li.first article{padding: 10px 20px;}
    .school .school-list ul li.first article h1{font-size: 16px;}

    .transaction{padding: 40px 2%;}
    .transaction figure img{width: 100%;}
    .transaction article .btn .res, .transaction article .btn .down{font-size: 16px;width: 40%;line-height: 50px;}

    .login-container .box{padding: 20px 0;}
    .login-container, .register-container{width: 90%;}
    .login-container .box p input{padding: 12px 10px;}
    .login-container .box p{margin-top: 20px;}
    .login-container .box button{margin-top: 30px;width: 70%;}

    .register-container .box ul li{width: 100%;margin-right: 0;margin-top: 10px;}
    .register-container .box ul li label{color: #a8a8a8;}
    .register-container .box{padding: 20px 2%;}
    
    .register-container .box ul li input{padding: 10px;}
    .register-container .box ul li.yzm a{line-height: 41px;}
    .register-container .box p{margin-top: 20px;}
    .register-container .box button{margin-top: 20px;}


    .park .box{margin-top: 3%;width: 96%;padding: 0 0 2%;}
    .park .box .park-nav ul{justify-content: initial;white-space: nowrap;overflow-x: auto;}
    .investigation{margin-top: 30px;padding: 0 2%;}
    .investigation .intro h1{font-size: 18px;margin-bottom: 20px;}
    .investigation .form section{padding: 10px 0;}
    .guide {padding: 0 2%;}
    .guide-subnav{margin-top: 20px;}
    .case ul{margin-top: 20px;}
    .case ul li{padding: 10px 20px;}
    .case ul li .case-r{flex-direction: column;align-items: initial;}
    .case ul li .case-l{padding: 0;}
    .case ul li .case-r a{margin-top: 10px;}

    .user-container .box{margin-top: 5%;width: 96%;flex-direction: column;}
    .user-container .box .right,.user-container .box .left{width: 100%;}
    .user-container .box .left{border-radius: 10px 10px 0 0;padding: 20px 0;}
    .user-container .box .left .userInfo{margin-top: 0;}

    .user-container .box .right{padding: 10px;}
    .user-container .box .right .update-info .update-basic h2{padding: 16px 0;}
    .user-container .box .right .update-info .update-basic ul{padding: 16px 0;}
    .user-container .box .right .update-info .update-basic ul li{width: 100%;margin-right: 0;}
    .update-pass h2{padding: 16px 0;}
    .user-container .box .right .message{padding: 10px;}
    .user-container .box .right .msg{margin-top: 20px;}
    .user-container .box .right .msg h2{padding: 16px 0;}

    .window .box{margin-top: 3%;width: 96%;padding: 0 0 2%;}
    .window .box .window-nav ul{justify-content: initial;white-space: nowrap;overflow-x: auto;}
    .window-subnav{margin-top: 20px;}
    .back {padding: 0 2%;}
    .back .back-video{margin-top: 20px;}
    .back .back-video .video-container .info{margin-top: 0;}
    .back .back-video .video-list .swiper-slide{margin-right: 0;text-align: center;}
    .back .back-video .video-list .swiper-button-prev{left: 0;}
    .back .back-video .video-list .swiper-button-next{right: 0;}
    .back .back-list{margin-top: 20px;}
    .sincerity {padding: 0 2%;}
    .knowledge {padding: 0 2%;}
    .investor{padding: 0 2%;}

    .index-nav a{max-width: 150px;}

    .index-nav .in1{left: 10%;top: 19%;}
    .index-nav .in2{left: 29%;top: 9%}
    .index-nav .in3{left: 60%;top: 7%;}
    .index-nav .in4{left: 19%;top: 37%;}
    .index-nav .in5{left: 39%;top: 21%;}
    .index-nav .in6{left: 50%;top: 35%;}
    .index-nav .in7{left: 73%;top: 20%;}
    .index .foot{bottom: 0;font-size: 12px;opacity: 0.5;padding: 0 2%;}

    .header-nav{display: none;}
    .header-wrapper{display: none;}

    .header-container{background-size: 50%;height: 65px;background-image: url(../images/logo.png);background-size: 50%;background-position: left center;}
    #header{padding-top: 0;padding: 2% 2% 2% 5%;}
    .appInfo{margin-top: 20px;}
    .appInfo hgroup h3{font-size: 18px;}
    .rightnav{display: none;}
    .index .foot .btn{display: none;}
    .map{flex-direction: column;}
    .map .map-list{width: 100%;}
    .map .map-view{display: none;}
    .map .map-info{width: 100%;margin-top: 20px;}
    .map .map-info .intro, .map .map-info .contact{margin-left: 12px;}
}