body {
    color: #141414;
    font-size: 14px;
    font-family:"微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
    font-family:"PingFang Regular","微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;

    margin:0 auto;
	position:relative;
	overflow-x: hidden;
    background: #fffefe;


}
@font-face {
  font-family: "PingFang Regular";
  src: url('../font/PingFang Regular.otf')
}
@font-face {
  font-family: "PingFang SC-Light";
  src: url('../font/PingFang SC-Light.otf')
}
.user-body{ font-family: "微软雅黑"; }
html{ overflow-x: hidden; }
.img-hide{ overflow:hidden; display: block; }

.img-hide img,.div-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .div-img{ transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{max-width:100%;display: inline-block;vertical-align: middle;}
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100); }

.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #141414; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }
.cross{ margin-top: -8px; }
.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}


.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #9a0813; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}




.header{ background: #F5F5F5; padding:0 0.5rem; position: absolute; left: 0; right: 0; top: 0; z-index: 10000; }
.logo{ padding:0.29rem 0; }
.logo img{ width: 2.91rem; }
.nav-list{ margin-top: 0.29rem; }
.nav-list li{ float: left; padding-left: 0.1rem; position: relative; }
.nav-list li a{ display: block; line-height: 0.66rem; padding:0 0.4rem; font-size: 0.24rem; color: #141414; }
.nav-list li.active a,.nav-list li:hover a{ background: #141414; border-radius: 0.2rem; color: #fff; }
.nav-list li a span{ margin-left: 0.1rem; }
.nav-down{ width: 4.9rem; display: none; padding-top: 0.5rem; position: absolute; left: 0; top: 100%; }
.nav-down-st{ width: 5.7rem; }
.nav-down ul{ background: #fff; border-radius: 0.4rem; padding:0.5rem; }
.nav-down ul li{ float: none; margin:0 0 0.1rem 0; }
.nav-down ul li:last-child{ margin:0; }
.nav-down ul li a{ display: block; position: relative; background: none!important; padding-left: 1.45rem; height: 0.84rem; line-height: 0.84rem; font-size: 0.28rem; color: #141414!important; }
.nav-down ul li i{ position: absolute; left: 0.57rem; top: 0; width: 0.56rem; bottom: 0; }
.nav-down ul li i.icon-down01{ background: url(../images/icon-down01.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li i.icon-down02{ background: url(../images/icon-down02.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li i.icon-down03{ background: url(../images/icon-down03.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li i.icon-down04{ background: url(../images/icon-down04.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li i.icon-down05{ background: url(../images/icon-down05.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li i.icon-down06{ background: url(../images/icon-st-a01.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li i.icon-down07{ background: url(../images/icon-st-a02.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li i.icon-down08{ background: url(../images/icon-st-a03.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li a:hover i.icon-down06{ background: url(../images/icon-st-a01-1.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li a:hover i.icon-down07{ background: url(../images/icon-st-a02-1.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li a:hover i.icon-down08{ background: url(../images/icon-st-a03-1.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li a:hover i.icon-down01{ background: url(../images/icon-down01-1.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li a:hover i.icon-down02{ background: url(../images/icon-down02-1.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li a:hover i.icon-down03{ background: url(../images/icon-down03-1.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li a:hover i.icon-down04{ background: url(../images/icon-down04-1.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li a:hover i.icon-down05{ background: url(../images/icon-down05-1.png) center no-repeat; background-size: 100% auto; }
.nav-down ul li a:hover{ background: #f5f2ed!important; color: #141414!important; }
.nav-list li:hover .nav-down{ display: block; }
.header-list{ position: absolute; left: 0; right: 0; top: 0; z-index: 10000; background: none; }
.header-list .nav-list li a{ color: #fff; }
.header-list .nav-list li.active a,.header-list .nav-list li:hover a{ background: #fff; color: #141414; }

.banner{ margin:0; overflow:hidden; }
.box-width{ padding:0 0.5rem; }
.title{ font-size: 0.6rem; color: #141414; margin-top: 0.2rem; font-weight: 300; }
.index-p{ font-size: 0.24rem; color: #141414; margin-top: 0.3rem; }
.index-ul li{ float: left; width: 50%; padding:0 0.1rem; margin-bottom: 0.2rem; }
.index-ul{ margin:0 -0.11rem; margin-top: 0.5rem; }
.index-ul li a{ display: block; border-radius: 0.2rem; height: 3.3rem; padding:1rem 0 0 0.5rem; }
.index-ul-tt{ font-size: 0.6rem; color: #fff; }
.index-ul li:nth-of-type(1) a{ background: url(../images/back01.png) center no-repeat; background-size: cover; }
.index-ul li:nth-of-type(2) a{ background: url(../images/back02.png) center no-repeat; background-size: cover; }
.index-ul li:nth-of-type(3) a{ background: url(../images/back03.png) center no-repeat; background-size: cover; }
.index-ul li:nth-of-type(4) a{ background: url(../images/back04.png) center no-repeat; background-size: cover; }
.index-ul-label{ display: block; margin-top: 0.3rem; padding:0.15rem 0.3rem; float: left; text-align: center; background: #fff; border-radius: 0.1rem; font-size: 0.28rem; }
.index-ul-label font{ padding-right: 0.4rem; background: url(../images/raw.png) right center no-repeat; background-size: 0.18rem auto; }
.why-title{ font-size: 0.6rem; margin-top: 1.8rem; }
.why-p{ font-size: 0.24rem; margin-top: 0.2rem; }
.why-link a{ float: left; position: relative; margin-top: 0.5rem; display: block; padding:0.15rem 0.3rem; color: #141414; font-size: 0.28rem; margin-right: 0.1rem; border-radius: 0.2rem; }
.why-link a:before{ display: block;
    content: "";
    position: absolute;
    left: 0.25rem;
    right: 0.25rem;
    top: 50%;
    margin-top: 0.2rem;
    border-top: solid 2px #141414; }
.why-link a:hover{ color: #fff; background: #141414; }
.why-link a span{ padding-right: 0.4rem;background: url(../images/raw.png) right center no-repeat; background-size: 0.18rem auto; }
.why-link a:hover span{ background: url(../images/raw02.png) right center no-repeat; background-size: 0.18rem auto; }
.why-link a:hover{ text-decoration: none!important; }

.jh-left .why-link a{ text-decoration: none!important; position: relative; }
.jh-left .why-link a:before{ display: block;
    content: "";
    position: absolute;
    left: 0.25rem;
    right: 0.25rem;
    top: 50%;
    margin-top: 0.2rem;
    border-top: solid 2px #141414; }
.quan-width{ margin:0 0.45rem; margin-top: 1rem; margin-bottom: 1.65rem; height: 10rem; overflow:hidden; position: relative; }
.quan-a{ position: absolute; left: 0; right: 0; padding-top: 100%; top: 50%; transform: translate(0,-50%); border-radius: 50%; }
.quan-a-c{ background: #ce8065; border-radius: 50%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transform: scale(0,0); }
.quan-b{ background: none;  }
.quan-c{ left: 1.4rem; right: 1.4rem; padding-top: 85%; }
.quan-center{ position: absolute; left: 50%; top: 50%; width: 7.76rem; height: 7.06rem; transform: translate(-50%,-50%); }
.quan-z{ width: 2.91rem; height: 2.22rem;  transform: translate(-50%,-50%);  position: absolute; left: 50%; top: 50%; }
.quan-z img{ margin:0 auto; display: block; width: 1.06rem; }
.quan01{ position: absolute; text-align: center; font-size: 0.28rem; left: 50%; top: 0; width: 2.91rem;  transform: translate(-50%,0); height: 2.22rem; }
.quan01 img{ display: block; margin:0 auto; height: 0.82rem; }
.quan01 font{ display: block; margin-bottom: 0.2rem; }
.quan02{  left: auto; right: 0; top: 1.25rem; color: #fff; background-size: 100% 100%; transform: translate(0,0); }
.quan02 img{ height: 0.72rem; }
.quan03{ top: 3.64rem; left: auto; right: 0; transform: translate(0,0); }
.quan03 img{ height: 0.72rem; }
.quan04 img{ height: 0.83rem; }
.quan04{ top: auto; bottom: 0; color: #fff; }
.quan05 img{ height: 0.82rem; }
.quan05{ top: 3.64rem; left: 0; transform: translate(0,0); }
.quan06 img{ height: 0.72rem; }
.quan06{ left: 0; top: 1.25rem; color: #fff; background-size: 100% 100%; transform: translate(0,0); }
.animated .quan-a-c{ transition: 1s all; transform: scale(1,1); }
.quan-c-c{ border:solid 0.7rem #b95e3f; transform: scale(0,0); border-radius: 50%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.animated .quan-c-c{ transition: 1s all; transform: scale(1,1); transition-delay: 1s; }
.quan-b-c{ border:solid 1.2rem #b95e3f; transform: scale(0,0); border-radius: 50%; position: absolute; left: 0; top: 0; right: 0; bottom: 0;}
.animated .quan-b-c{ transition: 1s all; transform: scale(1,1); transition-delay: 0.5s; }
.quan01-a{ padding-top: 0.4rem; opacity: 0; transition: 0.5s all; transform: translate(0,-200%); background: url(../images/back-a01.png) center no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.animated .quan01-a{ opacity: 1; transform: translate(0,0); transition-delay: 1.5s; }
.quan02-a{ padding-top: 0.4rem; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.5s all; opacity: 0; background: url(../images/back-a02.png) center no-repeat; background-size: 100% 100%; transform: translate(200%,-200%); }
.animated .quan02-a{ opacity: 1; transform: translate(0,0); transition-delay: 1.5s; }
.quan03-a{ padding-top: 0.4rem; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.5s all; opacity: 0; background: url(../images/back-a01.png) center no-repeat; background-size: 100% 100%; transform: translate(200%,200%); }
.animated .quan03-a{ opacity: 1; transform: translate(0,0); transition-delay: 1.5s; }
.quan04-a{ padding-top: 0.4rem; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.5s all; opacity: 0; background: url(../images/back-a02.png) center no-repeat; background-size: 100% 100%; transform: translate(0%,200%); }
.animated .quan04-a{ opacity: 1; transform: translate(0,0); transition-delay: 1.5s; }
.quan05-a{ padding-top: 0.4rem; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.5s all; opacity: 0; background: url(../images/back-a01.png) center no-repeat; background-size: 100% 100%; transform: translate(-200%,200%); }
.animated .quan05-a{ opacity: 1; transform: translate(0,0); transition-delay: 1.5s; }
.quan06-a{ padding-top: 0.4rem; position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 0.5s all; opacity: 0; background: url(../images/back-a02.png) center no-repeat; background-size: 100% 100%; transform: translate(-200%,-200%); }
.animated .quan06-a{ opacity: 1; transform: translate(0,0); transition-delay: 1.5s; }
.quan-z-a{ padding-top: 0.65rem; opacity: 0; transform: scale(0,0); transition: 0.5s all; background: url(../images/back-a03.png) center no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.animated .quan-z-a{ opacity: 1; transform: scale(1,1); transition-delay: 3.6s; }
.quan01 font{ transform: scale(1.5,1.5); padding-top: 0.3rem; opacity: 1; transition: 0.5s all; transition-delay: 2.4s; }
.animated .quan01 font{transform: scale(1,1); padding-top: 0rem;}
.quan02 font{ transition-delay: 2.6s;}
.quan03 font{ transition-delay: 2.8s;}
.quan04 font{ transition-delay: 3s;}
.quan05 font{ transition-delay: 3.2s;}
.quan06 font{ transition-delay: 3.4s;}
.quan01 span{ opacity: 0; transition: 0.2s all; transition-delay: 2.4s; font-size: 0.24rem; }
.quan02 span{transition-delay: 2.6s;}
.quan03 span{transition-delay: 2.8s;}
.quan04 span{transition-delay: 3s;}
.quan05 span{transition-delay: 3.2s;}
.quan06 span{transition-delay: 3.4s;}
.animated .quan01 span{opacity: 1;}







.tx-row .col-xs-6{ padding:0 0.25rem; }
.tx-row{ margin:0 -0.25rem; margin-top: 0.6rem; }
.tx-row .col-xs-6:nth-of-type(1){ width: 56.7%; }
.tx-row .col-xs-6:nth-of-type(2){ width: 43.3%; }
.tx-back-a{ padding:1rem 0.8rem 0 0.8rem; border-radius: 0.4rem; background: url(../images/tx-back01.png) center no-repeat; background-size: cover; }
.tx-back-a-tt{ font-size: 0.6rem; color: #fff; opacity: 0.5; line-height: 1; }
.tx-back-a-p{ font-size: 0.24rem; color: #fff; margin-right: 1.7rem; margin-top: 0.4rem; font-family: "PingFang SC-Light"; }
.tx-back-link{ padding:0.15rem 0.3rem; display: block; float: left; margin-top: 0.4rem; background: #fff; border-radius: 0.2rem; font-size: 0.28rem; color: #141414; }
.tx-back-link span{ padding-right: 0.4rem;background: url(../images/raw.png) right center no-repeat; background-size: 0.18rem auto; }
.tx-back-a-img img{ width: 100%; }
.tx-back-a-img{ margin-top: 1.1rem; }
.tx-back-b{ padding:1rem 0.8rem 3.66rem 0.8rem; border-radius: 0.4rem; background: url(../images/tx-back02.png) center no-repeat; background-size: cover; }
.why-link-b{ padding-left: 1.6rem; }
.why-link-b a{ margin-top: 0.8rem; position: relative; text-decoration: none!important; }
.why-link-b a:before{ display: block; content: ""; position: absolute; left: 0.3rem; right: 0.3rem; top: 50%; margin-top: 0.2rem; border-top: solid 2px #141414; }
.why-link-c{ padding-left: 0; }
.why-link-c a{ margin-top: 0.4rem; }
.lc-back{ margin:0 0.15rem; margin-top: 0.3rem; border-radius: 0.4rem; padding:1.15rem 0 0.35rem 0; background: #7c5f3c; }
.lc-ul-img{ width:0.8rem; margin-bottom: 0.2rem; height: 0.8rem; margin:0 auto; background: url(../images/lc01.png) center no-repeat; background-size: 100% auto; }
.lc-ul-tt{ font-size: 0.28rem; color: #fff; margin-top: 0.2rem; }
.lc-ul-p{ font-size: 0.2rem; color: #fff; opacity: 0.5; margin-top: 0.15rem; }
.lc-ul li{ float: left; width: 23%;  height: 2.6rem; }
.lc-dh{transition: 0.1s all; opacity: 0;}
.lc-ul li:nth-of-type(5){ margin-left: 14%; }
.lc-ul li:nth-of-type(8){ margin-left: 5%; }
.lc-ul li:hover .lc-ul-img{     background: url(../images/lc02.png) center no-repeat;
    background-size: 100% auto; }
.lc-ul{ position: relative; z-index: 100; }
.lc-back-sm{ position: relative; }
.lind-one{ position: absolute; left: 0; right: 2.6rem; height: 0.04rem;  top: 0.4rem; }

.link-right-box{ position: absolute; right: 1.8rem; top: 0.4rem; width: 1.32rem; height: 2.6rem; overflow:hidden; }
.lind-right{ width: 1.32rem; height: 2.6rem; background: url(../images/lind01.png) center no-repeat; background-size: 100% 100%; }
.lind-one02{ top: 2.96rem; left: 2.6rem; }
.link-left-box{ position: absolute; left: 1.3rem; top: 2.96rem; width: 1.32rem; height: 2.6rem; overflow:hidden;}
.lind-left{ width: 1.32rem; height: 2.6rem; background: url(../images/lind02.png) center no-repeat; background-size: 100% 100%; }
.lind-one03{ left: 2.6rem; top: 5.52rem; }
.jh-left{ padding-top: 1.25rem; width: 6.3rem; }
.jh-p{ font-size: 0.24rem; color: #6F6E6E; margin-top: 1rem; text-align: justify; }
.jh-right{ width: 11rem; padding-top: 2rem; }
.jh-right-ul li a{ display: block; height: 2.2rem; border-radius: 0.2rem; padding-left: 0.3rem; padding-top: 0.8rem; font-size: 0.2rem; color: #fff; }
.jh-right-ul li a span{ font-size: 0.7rem; }
.jh-right-ul li{ float: left; padding:0 0.1rem; margin-bottom: 0.2rem; }
.jh-right-ul{ margin:0 -0.1rem; }
.jh-right-ul li:nth-of-type(1){ width: 82%; }
.jh-right-ul li:nth-of-type(1) a{ background: url(../images/jh-back01.png) center no-repeat; background-size: cover; }
.jh-right-ul li:nth-of-type(2){ width: 18%; }
.jh-right-ul li:nth-of-type(2) a{ background: url(../images/jh-back02.png) center no-repeat; background-size: cover; }
.jh-right-ul li:nth-of-type(3){ width: 50%; }
.jh-right-ul li:nth-of-type(3) a{ background: url(../images/jh-back03.png) center no-repeat; background-size: cover; }
.jh-right-ul li:nth-of-type(4){ width: 26%; }
.jh-right-ul li:nth-of-type(4) a{ background: url(../images/jh-back04.png) center no-repeat; background-size: cover; }
.jh-right-ul li:nth-of-type(5){ width: 24%; }
.jh-right-ul li:nth-of-type(5) a{ background: url(../images/jh-back05.png) center no-repeat; background-size: cover; }
.jh-right-ul li:nth-of-type(6){ width: 100%; }
.jh-right-ul li:nth-of-type(6) a{ background: url(../images/jh-back06.png) center no-repeat; background-size: cover; }
.pj-back{ background: url(../images/pj-back.png) center no-repeat; background-color: cover; padding-top: 1.1rem; padding-bottom: 1.5rem; margin-top: 1.8rem; }
.pj-title{ font-size: 0.6rem; color: #fff; }
.pj-ul li{ float: left; width: 33.333333%; padding:0 0.25rem; }
.pj-ul{ margin:0 -0.25rem; margin-top: 1rem; }
.pj-ul-p{ font-size: 0.2rem; color: #fff; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 10;
-webkit-box-orient: vertical; }
.pj-ul-box{ height: 5.3rem; border-radius: 0.2rem; background: #275a95; position: relative; padding:0.5rem 0.7rem; }
.pj-ul-bottom{ position: absolute; left: 0.4rem; bottom: 0.3rem; right: 0.4rem; padding-left: 1rem; }
.pj-ul-img{ position: absolute; left: 0; bottom: 0; }
.pj-ul-img img{ width: 0.75rem; height: 0.75rem; border-radius: 50%; }
.pj-ul-name{ line-height: 0.75rem; color: #fff; font-size: 0.2rem; }
.bk-ul li{ float: left; width: 33.333333%; margin-bottom: 2rem; padding:0 0.25rem; }
.bk-ul{ margin:0 -0.25rem; margin-top: 1rem; }
.bk-ul li .bk-ul-box{ display: block; position: relative; background: #f6f4f2; border-radius: 0.2rem; height: 3.2rem; padding:0.95rem 0.75rem 0 0.75rem; }
.bk-ul-tt{ font-size: 0.24rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.bk-ul-box .why-link{ position: absolute; right: 0.5rem; bottom: 0.58rem; }
.bk-ul-box .why-link a{ background: #141414; color: #fff; text-decoration: none!important; }
.bk-ul-box .why-link a span{ background: url(../images/raw02.png) right center no-repeat;
    background-size: 0.18rem auto; }
.footer{ background: #141414; padding:1rem; }
.logo-b img{ width: 2.91rem; }
.down-a{ font-size: 0.24rem; color: #A8A8A8; position: relative; display: block; background: #fff; border-radius: 0.2rem; line-height: 0.66rem; padding-left: 0.2rem; min-width: 2.8rem; padding-right: 0.6rem; }
.down-a span{ position: absolute; right: 0.2rem; top: 50%; transform: translate(0,-50%); color: #141414; }
.dropdown{ margin-top: 0.3rem; }
.footer .dropdown{ width: 2.8rem; }
.dropdown-menu li a{ display: block; padding:0.1rem 0.2rem; font-size: 0.24rem; }
.dropdown-menu{ width: 100%; }
.footer-tt{ margin-top: 0.5rem; color: #fff; font-size: 0.24rem; }
.footer-a li{ float: left; margin-right: 0.3rem; margin-top: 0.3rem; }
.footer-a li img{ height: 0.51rem; }
.footer-link-tt a{ font-size: 0.24rem; color: #fff; }
.footer-link-ul li a{ font-size: 0.2rem; color: #fff; opacity: 0.5 }
.footer-link-ul li{ margin-top: 0.3rem; }
.footer-link-ul li a:hover{ opacity: 1; }
.footer-width{ margin-left: 1.6rem; }

	.fadeInRight{ right: 2.6rem; }



	.b{ height: 0; width: 1.32rem; transition: 1s all; overflow:hidden; animation:linear; }
	.animated .ba{height: 2.6rem; transition-delay: 4.4s;}

	.c{ left: 2.6rem; transition: 1s all; }

	.animated .lc-dh{ opacity: 1; }
	.lind-b{ position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #bea688; transition: 1s all; }
	.lind-c{ position: absolute; left: 0; top: 0; bottom: 0; width: 0; background: #bea688; transition: 1s all; }
	.lind-a{ position: absolute; right: 0; top: 0; bottom: 0; width: 0; background: #bea688; transition: 1s all; }
	.animated .lind-a{ width: 100%; transition-delay: 2s; }
	.animated .lind-b{ width: 100%;}
	.animated .bc{transition-delay: 9s; height: 2.6rem;}
	.animated .lind-c{ width: 100%; transition-delay: 4s; }
	.animated .lc-ul li:nth-of-type(1) .lc-dh{ transition-delay: 0.8s; }
    .lc-ul li{ position: relative; }
	.animated .lc-ul li:nth-of-type(2) .lc-dh{ transition-delay: 1.9s; }
	.animated .lc-ul li:nth-of-type(3) .lc-dh{ transition-delay:3s; }
	.animated .lc-ul li:nth-of-type(4) .lc-dh{ transition-delay: 4s; }
	.animated .lc-ul li:nth-of-type(5) .lc-dh{ transition-delay: 8.2s; }
	.animated .lc-ul li:nth-of-type(6) .lc-dh{ transition-delay: 7s; }
	.animated .lc-ul li:nth-of-type(7) .lc-dh{ transition-delay: 5.8s; }
	.animated .lc-ul li:nth-of-type(8) .lc-dh{ transition-delay: 9.8s; }
	.animated .lc-ul li:nth-of-type(9) .lc-dh{ transition-delay: 10.6s; }
	.animated .lc-ul li:nth-of-type(10) .lc-dh{ transition-delay: 11.4s; }
	.animated .lc-ul li:nth-of-type(11) .lc-dh{ transition-delay: 12.2s; }
    .lc-ul li:nth-of-type(1):before{ display: block; content: ""; height: 0.04rem; left: 0rem; width: 0rem; top: 0.4rem; background: #bea688; position: absolute; }
    .animated .lc-ul li:nth-of-type(1):before{ width: 2rem;  transition: all 0.3s ease-out 0.5s; }
    .lc-ul li:nth-of-type(2):before{ display: block; content: ""; height: 0.04rem; left: -2rem; width: 0rem; top: 0.4rem; background: #bea688; position: absolute; }
    .animated .lc-ul li:nth-of-type(2):before{ width: 4.2rem;  transition: all 0.6s ease-out 1.3s; }
    .lc-ul li:nth-of-type(3):before{ display: block; content: ""; height: 0.04rem; left: -2rem; width: 0rem; top: 0.4rem; background: #bea688; position: absolute; }
    .animated .lc-ul li:nth-of-type(3):before{ width: 4.2rem;  transition: all 0.6s ease-out 2.5s; }
    .lc-ul li:nth-of-type(4):before{ display: block; content: ""; height: 0.04rem; left: -2rem; width: 0rem; top: 0.4rem; background: #bea688; position: absolute; }
    .animated .lc-ul li:nth-of-type(4):before{ width: 4.2rem;  transition: all 0.6s ease-out 3.4s; }
    .lc-ul li:nth-of-type(7):after{ display: block; content: ""; height: 0.04rem; right: 0; width: 0rem; top: 0.355rem; background: #bea688; position: absolute; }
    .animated .lc-ul li:nth-of-type(7):after{ width: 1.8rem;  transition: all 0.6s ease-out 5.3s; }
    .lc-ul li:nth-of-type(6):after{ display: block; content: ""; height: 0.04rem; right: -2rem; width: 0rem; top: 0.355rem; background: #bea688; position: absolute; }
    .animated .lc-ul li:nth-of-type(6):after{ width: 4rem;  transition: all 1s ease-out 6.2s; }
    .lc-ul li:nth-of-type(5):after{ display: block; content: ""; height: 0.04rem; right: -2rem; width: 0rem; top: 0.355rem; background: #bea688; position: absolute; }
    .animated .lc-ul li:nth-of-type(5):after{ width: 4rem;  transition: all 1s ease-out 7.4s; }
    .lc-ul li:nth-of-type(5):before{ display: block; content: ""; height: 0.04rem; right: 50%; width: 0rem; top: 0.355rem; background: #bea688; position: absolute; }
    .animated .lc-ul li:nth-of-type(5):before{ width: 2rem;  transition: all 0.6s ease-out 8.4s; }
    .lc-ul li:nth-of-type(8):before{ display: block; content: ""; height: 0.04rem; left: 2rem; width: 0rem; top: 0.32rem; background: #bea688; position: absolute; }
    .animated .lc-ul li:nth-of-type(8):before{ width: 4.2rem;  transition: all 0.6s ease-out 10s; }
    .lc-ul li:nth-of-type(9):before{ display: block; content: ""; height: 0.04rem; left: 2rem; width: 0rem; top: 0.32rem; background: #bea688; position: absolute; }
    .animated .lc-ul li:nth-of-type(9):before{ width: 4.2rem;  transition: all 0.6s ease-out 10.8s; }
    .lc-ul li:nth-of-type(10):before{ display: block; content: ""; height: 0.04rem; left: 2rem; width: 0rem; top: 0.32rem; background: #bea688; position: absolute; }
    .animated .lc-ul li:nth-of-type(10):before{ width: 4.2rem;  transition: all 0.6s ease-out 11.8s; }
    

    .lc-back{ overflow:hidden; }
    .lc-ul-img{ position: relative; z-index: 10; }
    .lind-one{ display: none; }
/***************价值使命******************/
.jz-ul li{ float: left; width: 33.333333%; padding:0 0.25rem; margin-bottom: 0.4rem; }
.jz-ul{ margin:0 -0.25rem; margin-top: 2rem; }
.jz-ul-box{ height: 2.8rem; position: relative; background: #dce6f0; border-radius: 0.2rem; padding:0.4rem 0.5rem 0 2rem; }
.jz-ul-box i{ position: absolute; left: 0.35rem; top: 0.7rem; }
.jz-ul-box i img{ width: 1.38rem; }
.jz-ul-tt{ font-size: 0.32rem; line-height: 1; }
.jz-ul-p{ font-size: 0.24rem; color: #6F6E6E; margin-top: 0.2rem; }
.jz-title{ font-size: 0.6rem; margin-top: 1.8rem; padding-bottom: 0.85rem; }
.cy-box{ margin-top: 1.4rem; padding:0 0.5rem; }
.cy-left{ width: 7.1rem; }
.cy-left-tt{ font-size: 0.4rem; margin-top: 2.5rem; font-weight: 400; text-align: left!important; }
.cy-left-p{ font-size: 0.24rem; color: #6F6E6E; margin-top: 0.6rem; text-align: justify; }
.jz-img{ width: 8.64rem; }
.cy-left .why-link a{ text-decoration: none!important; position: relative; margin-top: 0.7rem; }
.cy-left .why-link a:before{     display: block;
    content: "";
    position: absolute;
    left: 0.25rem;
    right: 0.25rem;
    top: 50%;
    margin-top: 0.2rem;
    border-top: solid 2px #141414; }
.cy-left .why-link a:hover{ background: #141414; color: #fff; text-decoration: none!important; }
.cy-left .why-link a:hover span{ background: url(../images/raw02.png) right center no-repeat;
    background-size: 0.18rem auto; }
.friends-box{ background: #141414; padding:0.8rem 0.35rem; margin-top: 2rem; }
.friends-slick img{ margin:0 auto; }
.friends-slick a{ display: block; padding:0 0.5rem; }
/*****************线路图******************/
.xl-ul-width{ width: 7.7rem; }
.xl-ul-date{ font-size: 0.6rem; line-height: 1; }
.xl-ul-back{ background: #654e31; margin-top: 0.2rem; padding:0.5rem; border-radius: 0.4rem; }
.xl-ul-back p{ font-size: 0.24rem; line-height: 1.6; font-family: "PingFang SC-Light"; color: #fff; position: relative; padding-left: 0.2rem; }
.xl-ul-back p:before{ display: block; content: ""; position: absolute; left: 0; top: 0.16rem; width: 4px; height: 4px; background: #fff; border-radius: 50%; }
.xl-ul{ margin-top: 2.2rem; padding:0 0.5rem; position: relative; margin-bottom: 2rem; }
.xl-ul:before{ display: block; content: ""; position: absolute; left: 50%; top: 0; bottom: 3.1rem; margin-left: -0.02rem; border-right: dashed 0.04rem #141414; }
.xl-ul li{ position: relative; }
.xl-ul li:before{ display: block; content: ""; position: absolute; left: 50%; top: 0; width: 0.3rem; height: 0.3rem; border-radius: 50%; background: #654e31; margin-left: -0.15rem; }
/**************通证经济学**************/
.tx-back-c{ background: url(../images/tx-back03.png) center no-repeat; background-size: cover; }
.tx-back-c .tx-back-link{ color: #fff; background: none; position: relative; }
.tx-back-c .tx-back-link span{ background: url(../images/raw02.png) right center no-repeat;
    background-size: 0.18rem auto; }
.tx-back-c .tx-back-link:before {
    display: block;
    content: "";
    position: absolute;
    left: 0.3rem;
    right: 0.3rem;
    top: 50%;
    margin-top: 0.2rem;
    border-top: solid 2px #fff;
}
.tx-back-c .tx-back-link:hover{ background: #fff; color: #141414; }
.tx-back-c .tx-back-link:hover span{ background: url(../images/raw.png) right center no-repeat;
    background-size: 0.18rem auto; }
.jj-back{ background: #f6f4f2; padding:0.1rem 0 1.5rem 0; margin-top: 1.8rem; }
/****************公链业务**************/
.cy-left-p p{ margin-bottom: 0.2rem; }
.gl-box{ padding-bottom: 2rem; }
/***************白皮书****************/
.banner{ position: relative; }
.banner img{width:100%}
.banner-tt{ position: absolute; left: 1rem; top: 3rem; font-size: 0.6rem; font-weight: 500; }
.banner-tt span{ font-size: 0.72rem; }
.header-no{ background: none; }
.bps-back{ margin-top: -1.8rem; position: relative; z-index: 100; margin-bottom: 2rem; }
.bps-back-sm{ background: url(../images/bps-back.png) center no-repeat; background-size: cover; border-radius: 0.4rem; padding:2.2rem 1rem; }
.bps-back-sm .why-link a:before{ display: none!important; }
.bps-title{ font-size: 0.6rem; color: #fff; }
.bps-p{ font-size: 0.24rem; color: #fff; margin-top: 0.4rem; }
.bps-back-sm .why-link a{ background: #fff; margin-top: 1rem; color: #141414; text-decoration: none!important; }
.bps-back-sm .why-link a span{ background: url(../images/raw.png) right center no-repeat;
    background-size: 0.18rem auto;}
/*****************挖矿****************/
.banner-tt-wk{ color: #fff; top: 3.5rem; }
.banner-tt-wk span{ font-size: 1.2rem; }
.banner-link{ position: absolute; left: 1rem; top:7.9rem; }
.banner-link a{ display: block; float: left; margin-right: 0.5rem; border:solid 0.02rem #fff; border-radius: 0.2rem; padding:0.2rem 0.3rem; font-size: 0.28rem; color: #fff; }
.banner-link a:hover{ background: #fff; color: #141414; }
.banner-link a span{ display: block; transition: 0.3s all; position: relative; }
.banner-link a:hover span{ padding-right: 0.4rem;  }
.banner-link a span:before{ opacity: 0; transition: 0.3s all; display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; width: 0.18rem;background: url(../images/raw.png) right center no-repeat;
    background-size: 0.18rem auto; }
.banner-link a:hover span:before{ opacity: 1; }
.wk-p{ font-size: 0.24rem; font-weight: 300; margin-top: 0.3rem; margin-left: 1.65rem; margin-right: 1.65rem; }
.wk-tt{ font-size: 0.4rem; margin-top: 1rem; }
.wk-ul li{ float: left; width: 33.333333%; padding:0 0.25rem; margin-top: 0.5rem; }
.wk-ul{ margin:0 -0.25rem; }
.wk-ul-box{ height: 3.2rem; border-radius: 0.2rem; background: #e5d7c6; padding:0.5rem; }
.wk-ul-img img{ height: 1.06rem; }
.wk-ul-img{ margin-bottom: 0.5rem; }
.wk-ul-p{ font-size: 0.24rem; }
.wk-row .col-xs-6{ padding:0 0.5rem; }
.wk-row { margin:0; padding-top: 2rem; }
.wk-row-back{ background: #654e31; border-radius: 0.4rem; padding:1rem; height: 7.25rem; }
.wk-row-title{ font-size: 0.4rem; color: #fff; font-family: "PingFang SC-Light"; }
.wk-right-left{  border-radius: 0.1rem; background: #402f19; text-align: center; width: 1.8rem; }
.wk-right-center{ width: 2.2rem; text-align: center; }
.wk-row-ul li{ font-size: 0.28rem; color: #fff; line-height: 0.5rem; margin-bottom: 0.3rem; }
.wk-row-ul{ margin-top: 1rem; }
.wk-row-back-r{ background: url(../images/wk-back02.png) center no-repeat; background-size: cover; padding-top: 1.5rem; }
.wk-number{ width: 4.4rem; margin-top: 0.5rem; height: 0.9rem; background: #fff; border-radius: 0.2rem; line-height: 0.9rem; text-align: center; font-size: 0.4rem; }
/****************去中心化零售*******************/
.banner-tt-ls{ top:4.1rem; color: #fff; }
.banner-tt-ls span{ font-size: 1.2rem; }
.ls-back{ background: #f6f4f2; margin-top: 2rem; padding:0.1rem 0 1.5rem 0; }
.ls-back .jz-title{ font-size: 0.7rem;  }
.zx-row .col-xs-6{ padding:0 0.5rem; }
.zx-row{ margin:0; position: relative; margin-top: 1rem; }
.zx-row-back{ height: 4.7rem; border-radius: 0.4rem; background: #1b3258; padding:1rem 0.5rem 0 0.5rem; }
.zx-right-tt{ font-size: 0.4rem; color: #fff; font-family: "PingFang SC-Light"; }
.zx-right-p{ margin-top: 0.45rem; color: #fff; font-size: 0.24rem; font-family: "PingFang SC-Light"; }
.zx-row i{ position: absolute; left: 50%; top: 50%; margin-top: -0.4rem; width: 0.8rem; height: 0.8rem; background: url(../images/vs.png) center no-repeat; background-size: 0.8rem auto; margin-left: -0.4rem; }
.zx-ul li{ float: left; width: 33.333333%; padding:0 0.5rem; }
.zx-ul{ margin:0; margin-top: 1.45rem; }
.zx-ul-back{ position: relative; padding-top: 100%; border-radius: 50%; background: #343433; }
.zx-ul-box{ position: absolute; left: 0.55rem; right: 0.55rem; top:  0.7rem; }
.zx-ul-img img{ height: 0.65rem; }
.zx-ul-tt{ font-size: 0.32rem; color: #fff; margin-top: 0.3rem; font-family: "PingFang SC-Light"; }
.zx-ul-p{ font-size: 0.24rem; margin-top: 0.3rem; color: #fff; font-family: "PingFang SC-Light"; }
.zx-ul li:nth-of-type(4){ margin-left: 16.666666%; }
.zx-why-ul li{ float: left; width: 33.333333%; padding:0 0.25rem; }
.zx-why-ul{ margin:0 -0.25rem; }
.zx-why-ul-back{ background: #225793; border-radius: 0.2rem; height: 5.7rem; padding:1rem 0.45rem 0 0.45rem; }
.zx-wht-img img{ height: 0.5rem; }
.zx-why-title{ font-size: 0.4rem; font-family: "PingFang SC-Light"; color: #fff; margin-top: 0.5rem; }
.zx-why-p{ font-size: 0.24rem; font-family: "PingFang SC-Light"; margin-top: 0.4rem; color: #fff; text-align: left; }
.why-lind{ margin-top: 0.6rem; margin-bottom: 0.5rem; height: 1.5rem; overflow:hidden; position: relative; }
.why-lind:before{ display: block; content: "" ;position: absolute; left: 16.666666%; border-radius: 0.2rem 0.2rem 0 0; right: 16.666666%; top: 0.5rem; height: 2rem; border:solid 2px #577292; }
.why-lind:after{ display: block; content: ""; position: absolute; left: 50%; top: 0; height: 1.5rem; border-right:solid 2px #577292; }
.zx-wyk-back{ padding-bottom: 1.5rem; }
/*************早期挖矿**************/
.banner-tt-zq span{ font-size: 1.2rem; top: 3.8rem; color: #fff; }
.banner-link a.active{ background: #fff; color: #141414; padding-left:0.35rem; padding-right:0.35rem; }
.gn-list li{ float: left; width: 33.333333%; margin-top: 0.5rem; padding:0 0.25rem; }
.gn-list{ margin:0 -0.25rem; }
.gn-list-back{ height: 7.2rem; border-radius: 0.2rem; background: #f6f4f2; padding:0.4rem; }
.gn-img img{ width: 100%; height: 4rem; }
.gn-title{ font-size: 0.4rem; margin-top: 0.2rem; font-weight: 400; }
.gn-p{ text-align: left; font-size: 0.24rem; color: #6F6E6E; margin-top: 0.3rem; }
.gn-number{ font-size: 0.32rem; margin-top: 0.25rem; font-weight: 400; }
.table-hide{ border:solid 2px #ce8065; margin-left: 0.5rem; margin-right: 0.5rem; margin-bottom: 2rem; border-radius: 0.3rem; margin-top: 1.5rem; overflow:hidden; }
.table-hide .table > thead > tr > th{ padding:0.5rem 0.2rem; font-weight: normal; text-align: center; font-size: 0.4rem; color: #fff; background: #922f10; }
.table-hide .table > tbody > tr > td{font-family: "PingFang SC-Light"; vertical-align: middle; font-size: 0.24rem; color: #fff; background: #7b321a; border-top:solid 2px #ce8065; padding:0.45rem 0.2rem; }
.table-hide .table > tbody > tr > td span{ display: block; text-align: center; font-size: 0.4rem; font-family: "PingFang SC-Light"; }
.table-hide .table{ margin:0; }
/****************学习主页****************/
.stuydent-box{ padding-top: 1.2rem; }
.stuy-p{ font-size: 0.24rem; color: #505050; margin-top: 0.4rem; font-weight: 300; }
.why-link-xx a{ background: #141414;
    margin-top: 0.4rem;
    color: #fff;
    text-decoration: none!important; }
.why-link-xx a span{ background: url(../images/raw02.png) right center no-repeat;
    background-size: 0.18rem auto; }
.xx-list li{ float: left; width: 33.333333%; padding:0 0.25rem; margin-top: 0.5rem; }
.xx-list{ margin:0 -0.25rem; }
.xx-list-box{ display: block; position: relative; height: 2.8rem; background: #f6f4f2; border-radius: 0.2rem; padding:0.55rem 0.35rem 0 1.8rem; }
.xx-list-box-c{ position: absolute; left: 1.8rem; top: 50%; right: 0.35rem; transform: translate(0,-50%); }
.xx-list-box i{ position: absolute; left: 0.3rem; top: 50%; transform: translate(0,-50%); }
.xx-list-box i img{ width: 1.2rem; }
.xx-list-tt{ font-size: 0.32rem; }
.xx-list-p{ font-size: 0.2rem; color: #6F6E6E;  font-weight: 300; margin-top: 0.2rem; }
.xx-list-box-sm{ height: 2rem; padding-top: 0.5rem; }
.xx-list-b{ padding-bottom: 2rem; }
.jz-title-zn{ font-size: 0.5rem; }
/*************学习开始使用************/
.xx-left{ max-height: 21rem; width: 5.8rem; max-height: 70vh; overflow-y: auto; margin-top: 2.6rem; margin-bottom: 0.5rem; }
.xx-left::-webkit-scrollbar {
width:12px;
}
/* 滚动槽 */
.xx-left::-webkit-scrollbar-track {
    background:#F8F8F8;

border-radius:10px;
}
/* 滚动条滑块 */
.xx-left::-webkit-scrollbar-thumb {
border-radius:10px;
background:#9F9F9F;
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.xx-left::-webkit-scrollbar-thumb:window-inactive {
background:#F8F8F8;
}


.left-nav-a{ display: block; border-radius: 0.2rem; font-size: 0.4rem; color: #141414; padding:0.2rem 0.4rem; }
.left-nav-a span{ margin-left: 0.1rem; transform: rotate(-90deg); }
.left-nav-down li a{ display: block; font-size: 0.3rem; color: #141414; padding:0.14rem 0 0.14rem 0.72rem; }
.left-nav-a.active,.left-nav-a:hover{ background: #f6f4f2; color: #141414; }
.left-nav-a.active span{ transform: rotate(0deg); }
.xq-right{ width: 11.25rem; margin-top: 2.6rem; padding-right: 0.5rem; margin-bottom: 0.5rem; }
.xq-right-title{ font-size: 0.6rem; }
.xx-article p{ text-align: justify; font-size: 0.24rem; color: #505050; margin-bottom: 0.3rem; }
.xx-article{ margin-top: 0.4rem; }
.left-nav-down{ display: none; padding-top: 0.04rem; }
.li-a{ margin-bottom: 0.2rem; }
.article-row .col-xs-6{ padding:0 0.1rem; }
.article-row{ margin:0.5rem -0.1rem 0 -0.1rem; }
.article-link{ display: block; height: 2.2rem; border-radius: 0.2rem; background: #f7f4f2; padding:0.5rem 0.3rem 0 0.3rem; position: relative; }
.article-link-tt{ font-size: 0.32rem; color: #141414; }
.article-span{ border-bottom: solid 2px #141414; font-size: 0.28rem; margin-top: 0.3rem; display: block; }
.article-span font{ padding-right: 0.4rem; background: url(../images/raw.png) right center no-repeat; background-size: 0.18rem auto; }
/************价值和使命*************/
.banner-tt-jz{  top: 2.6rem; }
.banner-tt-jz span{ font-size: 1.4rem; color: #fff; }
.jz-back-box{ background: #f6f4f2; padding:2rem 0 1.5rem 0; }
.jz-link-ul li{ float: left; width: 33.333333%; padding:0 0.4rem; margin-bottom: 0.5rem; }
.jz-link-ul{ margin:0 -0.4rem; padding:0 0.45rem; }
.jz-link-ul li a{ display: block; height: 1.4rem; position: relative; }
.jz-link-ul li a i{ position: absolute; left: 0; top: 0; }
.jz-link-ul li a i img{ height: 1.4rem; }
.jz-link-right{ padding:0.2rem 0 0 2rem; }
.jz-link-tt{ font-size: 0.4rem; color: #fff; position: relative; z-index: 10; }
.jz-link-p{ font-size: 0.24rem; color: #fff; position: relative; z-index: 10; text-decoration: underline!important; }
.jz-link-ul li a:before{ display: block; content: ""; position: absolute; left: 1.2rem; top: 0; right: 0; bottom: 0; background: #383838; border-radius: 0 0.2rem 0.2rem 0; }
/*****************了解我们***************/
.banner-tt-lj{ top: 3.6rem; }
.lj-list li{ float: left; width: 33.333333%; padding:0 0.25rem; }
.lj-list{ margin:0 -0.25rem; padding:2rem 0; }
.lj-list-box{ display: block; height: 5.9rem; background: #f6f4f2; border-radius: 0.2rem; padding:0.93rem 0.5rem; }
.lj-date{ font-size: 0.24rem; font-weight: 400; color: #141414; text-decoration: underline!important; }
.lj-title{ font-size: 0.32rem; font-weight: 400; color: #141414; margin-top: 0.4rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.lj-p{ font-size: 0.24rem; color: #6F6E6E; margin-top: 0.3rem; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.lj-list li .why-link a {
    color: #fff;
    text-decoration: none!important;
    background: #141414;
}
.lj-list li .why-link a span {
    background: url(../images/raw02.png) right center no-repeat;
    background-size: 0.18rem auto;
}
/*******************私募****************/
.sm-back{ background:#141414 url(../images/sm-back.png) center top no-repeat; background-size: 100% auto; }
.sm-title{ font-size: 0.8rem; color: #fff; padding-top: 3.6rem; }
.date-hours{ font-size: 0.8rem; width: 1.3rem; height: 1.3rem; border-radius: 0.2rem; background: #fff; line-height: 1.3rem; text-align: center; }
.date-mh{ line-height: 1.3rem; font-size: 0.8rem; text-align: center; color: #fff; width: 0.8rem; }
.date-sm{ font-size: 0.24rem; line-height: 1; margin-top: 0.2rem; height: auto; background: none; color: #fff; }
.date-box{ width: 7.6rem; margin:0 auto; margin-top: 1.2rem; }
.sm-link{ width: 2.1rem; height: 0.7rem; line-height: 0.7rem; display: block; margin:0 auto; text-align: center; margin-top: 1rem; border-radius: 0.2rem; background: #fff; font-size: 0.28rem; color: #141414; }
.sm-title-back{ width: 6.1rem; height: 1.5rem; margin:0 auto; background: url(../images/title-back.png) center no-repeat; background-size: 100% 100%; font-size: 0.4rem; line-height: 1.5rem; margin-top: 2rem; }
.sm-left{ margin-left: 1.7rem; width: 8rem; margin-top: 1.5rem; }
.sm-left .why-link{ margin-left: -0.3rem; margin-top: 0.07rem; }

.sm-left-tt{ font-size: 0.4rem; color: #fff; }
.sm-left-p p{ font-size: 0.24rem; color: #fff; margin-bottom: 0.35rem; }
.sm-left-p{ margin-top: 0.95rem; }
.sm-left .why-link a{ color: #fff; text-decoration: none!important; position: relative; }
.sm-left .why-link a span{     background: url(../images/raw02.png) right center no-repeat;
    background-size: 0.18rem auto; }
.sm-left .why-link a:before{ display: block; content: ""; position: absolute; left: 0.3rem; right: 0.3rem; top: 50%; margin-top: 0.2rem; border-top: solid 0.02rem #fff; }
.sm-left .why-link a:hover{ background: #fff; color: #141414; }
.sm-left .why-link a:hover span{     background: url(../images/raw.png) right center no-repeat;
    background-size: 0.18rem auto; }
.sm-left .why-link a:hover:before{ display: none; }
.sm-right{ width: 5.9rem; margin-right: 1.7rem; margin-top: 1rem; position: relative; }
.sm-number li{ float: left; padding:0 0.06rem; }
.sm-number-one{ height: 3rem; margin-bottom: 0.12rem; border-radius: 0.4rem; color: #fff; background: #4d6049; position: relative; }
.number-center{ position: absolute; left: 0; top: 50%; right: 0; transform: translate(0,-50%); font-size: 0.24rem; }
.number-center span{ font-size: 0.28rem; }
.sm-number li:nth-of-type(1){ width: 70%; }
.sm-number li:nth-of-type(2){ width: 30%; }
.sm-number-one02{ height: 2.1rem; background: #445674; border-radius: 0.2rem; }
.sm-number-one03{ height: 0.78rem; background: #7c5f3c; border-radius: 0.2rem; }
.sm-number-one03 span{ padding-left: 0.2rem; }
.sm-number li:nth-of-type(3){ width: 100%; }
.sm-number li:nth-of-type(4){ width: 60%; }
.sm-number li:nth-of-type(5){ width: 40%; }
.sm-number-one04{ height: 1.4rem; background: #844545; border-radius: 0.2rem; }
.sm-number-one05{ height: 1.2rem; background: #5e4576; border-radius: 0.2rem; }
.sm-number-one06{ height: 1.2rem; background: #82361f; border-radius: 0.2rem; }
.sm-b{ width: 2.64rem; height: 2.47rem; background: url(../images/sm-b.png) center no-repeat; background-size: 100% auto; position: absolute; bottom: -2.7rem; right: -0.9rem; }
.sm-form-box{ margin:1rem 1.7rem 0 1.7rem; font-weight: 400; background: #fff; border-radius: 0.6rem; padding:1rem 1.5rem; }
.sm-form-title{ font-size: 0.28rem; margin-bottom: 0.27rem; }
.sm-form-number{ background: #f6f4f2; margin-bottom: 1rem; font-weight: bold; border-radius: 0.2rem; padding:0.25rem; font-size: 0.4rem; margin-top: 0.3rem; }
.sm-form-left{ width: 5.1rem; position: relative; }
.sm-form-left .form-control{ width: 100%; border-radius: 0; box-shadow:none; border:none; border-bottom: solid #707070 2px; height: 0.9rem; font-size: 0.24rem; padding-left: 0.4rem; }
.sm-form-sm{ padding-left: 0.2rem; }
.sm-form-txt{ width: 1.5rem; padding-left: 0.15rem; font-size: 0.24rem; line-height: 0.9rem; }
.sm-form-number-txt{ width: 4.1rem; height: 0.9rem; border-radius: 0.2rem; background: #dedede; line-height: 0.9rem; font-size: 0.24rem; padding-left: 0.25rem; }
.sm-form-txt-r{ width: auto; }
.sm-form-b{ font-size: 0.24rem; padding-left: 0.2rem; color: #A8A8A8; margin-top: 0.3rem; }
.form-tabs li{ float: left; width: 33%; margin-top: 1rem; }
.form-tabs li a{ display: block; position: relative; line-height: 1rem; border-radius: 0.4rem 0.4rem 0 0; font-size: 0.28rem; color: #141414; }
.form-tabs li a span{ display: inline-block; position: relative; padding-left: 0.6rem; }
.form-tabs li a span i{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.form-tabs li a span i img{ width: 0.32rem; }
.form-tabs li.active a{ background: #f6f4f2; }
.form-bottom{ background: #f6f4f2; border-radius: 0 0 0.4rem 0.4rem; padding:0.5rem; }
.form-bottom-tt{ font-size: 0.26rem; }
.chooise-list li{ float: left; margin-right: 1rem; margin-bottom: 0.45rem; }
.chooise-list{ border-bottom: solid 2px #dedede; margin-top: 0.6rem; }
.chooise-list li label{ font-size: 0.28rem; position: relative; padding-left: 0.36rem; font-weight: normal; }
.chooise-list li label img{ float: left; width: 0.3rem; margin-right: 0.15rem; margin-top: 0.06rem; }
.chooise-list li label input{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }
.chooise-list li label:before{ display: block; content: ""; position: absolute; left: 0; top: 50%; width: 0.24rem; height: 0.24rem; margin-top: -0.12rem; background: url(../images/q01.png) center no-repeat; background-size: cover; }
.chooise-list li label.active:before{ background: url(../images/q02.png) center no-repeat; background-size: cover; }
.sm-money{ font-size: 0.24rem; margin-top: 0.5rem; }
.sm-money span{ font-size: 0.28rem; }
.btn-sm{ font-size: 0.28rem; color: #fff; border:none; background: #141414; border-radius: 0.2rem; padding:0.2rem 1.6rem; margin-top: 0.5rem; }
.btn-sm:hover,.btn-sm:focus{ color: #fff; }
.friends-box-sm{ background: url(../images/sm-lb.png) center no-repeat; background-size: cover; padding:0.5rem 0; }
.friends-slick{ margin:0; }
.sm-mask{ position: fixed; display: none; left: 0; right: 0; top: 0; bottom: 0; z-index: 10000; background: rgba(0,0,0,0.5); }
.sm-mask-box{ position: fixed; left: 50%; top: 1rem; bottom: 1rem; margin-left: -6rem; background: #f6f4f2; border-radius: 0.4rem; padding:1rem 1rem 0.55rem 1rem; width: 12rem; }
.sm-mask-title{ font-size: 0.28rem; margin-bottom: 0.3rem; }
.sm-mask-p{ font-size: 0.24rem; color: #505050; margin-bottom: 0.45rem; }
.sm-mask-a{ display: inline-block; text-align: left; }
.sm-mz{ font-size: 0.4rem; margin-top: 1rem; margin-bottom: 0.3rem; }
.mask-close{ position: absolute; right: 0.5rem; top: 0.5rem; width: 0.4rem; height: 0.4rem; background: url(../images/close.png) center no-repeat; }
.mask-crollt{ position: relative; max-height: 100%; overflow-y: auto; }
.mask-crollt::-webkit-scrollbar {
width:6px;
}
/* 滚动槽 */
.mask-crollt::-webkit-scrollbar-track {
-webkit-box-shadow:inset006pxrgba(0,0,0,0.3);
border-radius:10px;
}
/* 滚动条滑块 */
.mask-crollt::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.mask-crollt::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.4);
}
.zf-ewm img{ width: 2.34rem; }
.zf-right{/* margin-left: 0.9rem;*/ padding-top: 0.3rem;}
.zf-sj{ font-size: 0.24rem; }
.zf-sj span{ font-size: 0.28rem; }
.btn-sm-a{ width: 2.3rem; padding:0.15rem 0; text-align: center; }
.zf-box{ display: inline-block; padding:0.8rem 0; }
/******************个人中心-资产总览*******************/
.user-list{ background: #f8f8f8; padding:0 50px; position: absolute; z-index: 10000; left: 0; right: 0; top: 0; }
.user-logo{ padding:25px 0; }
.user-logo img{ height: 35px; }
.user-money{ line-height: 85px; font-size: 20px; margin-right: 60px; }
.notice-link{ position: relative; margin-top: 0; font-size: 16px; margin-right: 45px; color: #141414; line-height: 85px; }
.notice-link span{ font-size: 20px; border-width: 6px; }
.notice-bottom{ width: 475px;  box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 1000; display: none; position: absolute; top: 100%; right: -240px; background: #f2f0ef; border-radius: 20px; padding:30px; }
.gd-div{ max-height: 300px; overflow-y: auto;padding-right: 1px; }

.gd-div::-webkit-scrollbar {
width:8px;
}
/* 滚动槽 */
.gd-div::-webkit-scrollbar-track {
    background:#F8F8F8;

border-radius:10px;
}
/* 滚动条滑块 */
.gd-div::-webkit-scrollbar-thumb {
border-radius:10px;
background:#9F9F9F;
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.gd-div::-webkit-scrollbar-thumb:window-inactive {
background:#DEDEDE;
}
.over-fh{ max-height: 300px; overflow-y: auto; }
.over-fh::-webkit-scrollbar {
width:8px;
}
/* 滚动槽 */
.over-fh::-webkit-scrollbar-track {
    background:#F8F8F8;

border-radius:10px;
}
/* 滚动条滑块 */
.over-fh::-webkit-scrollbar-thumb {
border-radius:10px;
background:#9F9F9F;
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.over-fh::-webkit-scrollbar-thumb:window-inactive {
background:#DEDEDE;
}


.notice-title{ font-size: 24px; line-height: 1; padding-bottom:5px;}
.notice-p{ font-size: 14px; color: #141414; text-align: justify; line-height: 22px; }
.notice-date{ color: #505050; margin-top: 15px; line-height: 14px; font-size: 14px; }
.notice-ul li a{ display: block; background: #fff; border-radius: 20px; padding:25px 30px; margin-top: 20px; }
.open .notice-bottom{ display: block; }
.user-img img{ width: 60px; height: 60px; border-radius: 50%; position: relative; z-index: 10; }
.user-img{ line-height: 60px; padding-top: 10px; height: 85px; }
.notice-link .caret-b{ display: none; z-index: 100; bottom: 0; position: absolute; left: 50%; border-width: 16px; transform: rotate(180deg); color: #f2f0ef; border-bottom-color: #f2f0ef; z-index: 10000; margin-left: -20px; }
.open .caret-b{ display: block; }
.notice-bottom-sm{ width: 400px; right: -110px; }
.notice-ul-sm li a{ display: block; padding:30px 20px 30px 88px; position: relative; }
.number-back{ position: absolute; left: 20px; top: 50%; line-height: 32px; padding-top: 5px; width: 46px; height: 44px; font-size: 32px; color: #fff; background: url(../images/number-back.png) center no-repeat; margin-top: -22px; }
.zm-title-top{ font-size: 16px; line-height: 16px; }
.zm-p{ font-size: 14px; color: #505050; line-height: 14px; margin-top: 25px; }
.zm-p-b{ color: #B95E3F; }
.zm-a{ float: left; display: block; line-height: 30px; border-bottom: solid 2px #141414; margin-top: 20px; }
.zm-a span{ font-size: 16px; padding-right: 30px; background: url(../images/raw.png) right center no-repeat; }
.notice-link-r{ margin-right: 0; }
.notice-bottom-xs{ width: auto; right: 0; min-width: 270px; }
.user-name img{ width: 45px; height: 45px; float: left; position: absolute; left: 0; top: 0; border-radius: 50%; margin-right: 10px;}
.user-name{ font-size: 16px; position: relative; padding-left: 55px; height: 45px; line-height: 45px; white-space:nowrap;  }
.user-out{ display: block; width: 100%; background: #141414; color: #fff!important; margin-top: 20px; line-height: 14px; padding:15px 15px; border-radius: 6px; font-size: 14px; border:none; }
.user-box{ width: 1230px; padding:0 15px; margin:0 auto; }
.user-box-lg{ overflow:hidden; }
.user-top-tabs li{ float: left; margin-right: 50px; }
.user-top-tabs li a{ display: block; position: relative; font-size: 24px; color: #A8A8A8; line-height: 74px; }
.user-top-tabs{ position: relative; }
.user-top-tabs:before{ display: block; content: ""; position: absolute; left: -1000px; right: -1000px; bottom: 0; border-top: solid 1px #e5e5e5; }
.user-top-tabs li.active a{ color: #141414; }
.user-top-tabs li.active a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: #141414; }
.zc-title{ font-size: 24px; margin:30px 0; }
.zc-back{ background: #f6f4f2; border-radius: 20px; padding:50px; }
.table-a{ border:solid 1px #141414; display: block; float: left; margin-left: 20px; border-radius: 30px; line-height: 26px; width: 84px; text-align: center; }
.table-b{ background: #141414; color: #fff; }
.zc-back .table td{ vertical-align: middle; border:none; padding-top: 10px; padding-bottom: 10px; }
.zc-back .table td img{ margin-right: 5px; }
.zc-back .table{ margin:0; }
.zc-back .table-c td{ border-top: solid 1px #fff; padding-top: 20px; padding-bottom: 20px; text-align: center; background: none; }
.zc-back .table-c th{ font-size: 16px; border:none; padding-bottom: 20px; font-weight: normal; text-align: center; }
.zc-row .col-xs-6{ padding:0 50px; }
.zc-row{ margin:0 -50px; }
.user-body{ padding-top: 85px; padding-bottom: 100px; }
.notice-link-r .caret-b{ bottom: -5px; }
/****************个人中心-提币**************/
.width-ls{ margin-left: -40px; margin-right: -40px; }
.tb-box-sm,.tb-box-sm1{ position:relative; padding-left: 85px; margin-bottom: 20px; }
.tb-box-left,.tb-box-left1{ position: absolute; left: 0; top: 0; line-height: 40px; font-size: 16px; }
.tb-box-sm .form-control,.tb-box-sm1 .form-control{ height: 40px; font-size: 16px; border:none; box-shadow: none; border-radius: 10px; }
.tb-box-txt{ font-size: 14px; color: #A8A8A8; margin-top: 5px; margin-bottom:-5px; }
.tb-box-dw{ position: absolute; right: 10px; top: 0; line-height: 40px; }
.tb-box-dw a{ display: inline-block; font-size: 16px; color: #141414; margin:0 10px; }
.tb-box-dw a.lind{ text-decoration: underline!important; }
.tb-box-dw:before{ display: block; content: ""; position: absolute; left: 50%; top: 5px; bottom: 5px; border-right: solid 2px #141414; margin-left: -1px; }
.tb-box-dw-b:before{ display: none; }
.user-out-tb{ width: 210px; margin-left: auto; margin-bottom: 20px; margin-right: auto; border-radius: 10px; }
.sh{ background: #efb13c; font-size: 12px; border-radius: 30px; padding:1px 8px; color: #fff; }
.zc-back .table-d td{ padding-top: 10px; padding-bottom: 10px; }
.wc{ color: #A8A8A8; }
/***************代币质押***************/
.zy-ul li{ margin-bottom: 20px; font-size: 16px; }
.zy-sh{ background: #5FB762; }
.zy-bottom{ padding-bottom: 15px; }
.zy-mask-box{ width: 680px; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #f6f4f2; border-radius: 40px; padding:60px; }
.zy-mask-tt{ font-size: 24px; margin-bottom: 30px; }
.form-control span{ color: #A8A8A8; }
div.form-control{ line-height: 40px; padding-top: 0; padding-bottom: 0; }
.zy-mask-box .tb-box-left{ width: 153px; text-align: right; }
.zy-mask-box .tb-box-sm{ padding-left: 175px; }
.zy-mask-box .tb-box-left1{ width: 89px; text-align: right; }
.zy-mask-box .tb-box-sm1{ padding-left: 111px; }
.zy-mask-tt-sm{ font-size: 16px; }
.zy-mask-bottom{ padding:25px 25px 5px 25px; }
.zy-ul-tt{ font-size: 16px; margin-top: 10px; }
.zy-ul-p{ color: #A8A8A8; margin-top: 10px; }
.zy-gz-ul li{ float: left; position: relative; width: 33.3333333%; margin-top: 30px; }
.zy-gz-ul{ margin:0 -70px; }
.zy-gz-ul li:before{ display: block; content: ""; position: absolute; left: 70%; top: 20px; border-top: dashed 1px #D9CEBB; width: 60%; }
.zy-gz-ul li:last-child:before{ display: none; }
.zy-close{ position: absolute; cursor: pointer; right: 50px; top: 50px; width: 22px; height: 22px; background: url(../images/close-sm.png) center no-repeat; background-size: 100% auto; }
.table-a:hover{ color: #fff; background: #141414; }
.zy-ul-left img{ margin-right: 6px; }
.zy-mask-box .user-out-tb{ margin-bottom: 0; }
/****************邀请分红****************/
.yq-title-left{ font-size: 16px; line-height: 33px; }
.yq-title .zm-a{ margin-top: 0; }
.copy-left{ font-size: 24px; }
.copy-right{ margin-top: 2px; margin-left: 20px; }
.yq-title{ margin-bottom: 30px; }
.copy-lind{ border-top: solid 2px #fff; margin:30px 0; }
.dj-txt{ font-size: 24px; padding-left: 40px; background: url(../images/icon-dj01.png) left center no-repeat; }
.dj-txt-sm{ color: #505050; margin-top: 20px; padding-bottom: 15px; }
.dj-txt-sm span{ font-size: 24px; }
.dj-txt-tow{ background: url(../images/icon-dj02.png) left center no-repeat; }
.dj-txt-three{ background: url(../images/icon-dj03.png) left center no-repeat; }
.zc-back .table-d th{ vertical-align: middle; }
/************募资历史***********/
.zc-row .col-xs-12{ padding:0 50px; }
.body-index{ padding-top: 1.63rem; }
.banner-tt-index{ font-size: 1.2rem; top: 1.5rem; }
.bps-back-sm .why-link a:hover,a:hover .index-ul-label{ background: #141414; color: #fff; }
.bps-back-sm .why-link a:hover span,a:hover .index-ul-label font,.tx-back-link:hover span {
    background: url(../images/raw02.png) right center no-repeat;
    background-size: 0.18rem auto;
}
.tx-back-link:hover{ background: #244832; color: #fff; }
.bk-ul-box .why-link a:hover{ text-decoration: underline!important; }
.banner-tt-gl{ font-size: 1.2rem; top: 2.7rem; color: #fff; }
.banner-tt-gl span{ font-size: 1.6rem; }
.banner-tt-jz{ color: #fff; }
.banner-tt-jz-b{ font-size: 0.8rem; }
.banner-tt-jz-b span{ font-size: 1.2rem; }


.sm-header-right .sm-a{ font-size: 0.24rem; color: #fff; line-height: 0.66rem; display: block; }
.sm-header-right{ padding-top: 0.5rem; }
.sm-header-right .notice-link{ margin-left: 0.6rem; }
.login-a{ font-size: 0.24rem; margin-left: 0.2rem; color: #fff; line-height: 0.66rem; display: block; padding:0 0.5rem; border-radius: 0.2rem; }
.login-a-active,.login-a:hover{ background: #fff; color: #141414; }
/* 找回密码 */
.reset-box{ position: fixed; left: 50%; top: 50%; width: 5rem; padding:1rem 0.5rem; transform: translate(-50%,-50%); background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius:0.4rem; }
.reset-email img{ width: 1rem; }
.reset-tt{ font-size: 0.4rem; margin-top: 0.25rem; font-weight:bold; font-family: "PingFang SC-Light"}
/****************登录***************/
.login-back{ position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #f6f4f2; }
.login-box{ position: fixed; left: 50%; top: 50%; width: 5rem; padding:0.5rem; transform: translate(-50%,-50%); background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius:0.4rem; }
@media( min-width: 3000px){
.login-box{position:relative; transform: none; display:block;margin:20px 0;}
}
.login-logo img{ width: 2.3rem; }
.login-tt{ font-size: 0.4rem; margin-top: 0.3rem; }
.login-p{ font-size: 0.16rem; margin-top: 0.3rem; margin-bottom: 0.25rem; font-weight: 300; }
.login-input{ position: relative; margin-bottom: 0.3rem; }
.login-input .form-control{ height: 0.64rem; font-weight: 500; border:none; box-shadow: none; font-size: 0.16rem; border-radius: 0.1rem; background: #f6f4f2; }
.eye-a{ position: absolute; right: 0.2rem; top: 0; bottom: 0; width: 0.26rem; background: url(../images/eye.png) center no-repeat; background-size: 100% auto; }
.eye-a.active{ background: url(../images/eye02.png) center no-repeat; background-size: 100% auto; }
.login-box .zm-a-login{ margin-top: -0.07rem; display: block;
    line-height: 0.3rem; float: left;
    border-bottom: solid 0.02rem #141414; color: #141414!important;}
.login-box .zm-a-login span {
    font-size: 0.16rem;
    font-weight: 400;
    padding-right: 0.3rem;
    background: url(../images/raw.png) right center no-repeat;
    background-size: 0.18rem auto;
}
.btn-login{ display: block; background:#141414; color: #fff!important; font-size: 0.2rem; padding:0.15rem; border-radius: 0.2rem; width: 100%; margin-top: 0.3rem; }
.login-b{ font-size: 0.14rem; font-weight: 400; color: #A8A8A8; margin-top: 0.3rem; }
.login-b a{ color: #141414; text-decoration:underline!important; }
.login-input-sm{ padding-right: 0.8rem; }
.btn-yzm{ position: absolute; right: 0; top: 50%; font-size: 0.12rem; color: #fff!important; background: #141414; border-radius: 30px; line-height: 0.34rem; width: 0.7rem; padding:0; border:none; text-align: center; margin-top: -0.17rem; }
.lc-swiper{ display: none; }

.banner-tt-bps{ font-size: 1rem; margin-top: -0.2rem; }
.banner-tt-bps span{ font-size: 1.2rem; }
.jz-title-wk{ padding-bottom: 0; }
.ls-back .jz-title-wk-sm{ font-size: 0.6rem; }
.zc-back-tb{ padding:15px 0 0 0; }
.zc-back-fb{ padding:39px 42px; }
.login-b a.go-back{ font-size: 0.16rem; text-decoration: none!important; }
.cy-left-tt.jz-right-txt{ text-align: right!important; }
@media( max-width: 1279px){
	.xx-list-box{ padding-top: 0.5rem; }
	.user-box{ width: 970px; }
	.zc-row .col-xs-6{ padding:0 15px; }
	.zc-row{ margin:0 -15px; }
}	
@media( max-width: 1023px){
	.login-box{ width: 400px; }
	.login-logo img{ width: 120px; }
	.login-tt{ font-size: 18px; margin:15px 0; }
	.login-p{ font-size: 14px; margin:0 0 15px 0; }
	.login-input .form-control{ height: 40px; font-size: 14px; }
	.login-input{ margin-bottom: 10px; }
	.login-input-sm{padding-right:90px;}
	.eye-a{ width: 16px; background-size: 100% auto; right: 10px; }
	.login-box .zm-a-login{ line-height: 25px; }
	.login-box .zm-a-login span{ font-size: 14px; background-size: 12px auto; padding-right: 20px; }
	.btn-login{ font-size: 14px; padding:10px; margin-top: 15px; }
	.login-b{ font-size: 14px; margin-top: 15px; }
	.btn-yzm{ line-height: 34px; height: 34px; font-size: 14px; margin-top: -17px;width: 80px; }
    .reset-box{ width: 300px; height: 300px;padding:70px 0}
    .reset-tt{font-size: 20px;margin:10px 0;}
    .reset-email img{width: 60px}
}


@media( max-width: 991px){
	.jz-ul li{ width: 50%; }
	.xx-list li{ width: 50%; }
	.xx-list-box{ height: 2.4rem; padding-top: 0.3rem; }
	.user-box{ width: 750px; }
	.zc-row .col-xs-6{ width: 100%; }
}


@media( max-width: 768px){
    .bps-title{ font-size: 16px; }
    .bps-p{ font-size: 14px; }
    .why-link a:before{ margin-top: 10px!important; border-top-width: 1px!important; left: 15px!important; right: 15px!important; }
	body{ padding-top: 50px; }
	.header{ padding:0 15px; height: 50px; position: fixed; left: 0; top: 0; right: 0; z-index: 10000; }
	.logo img{ width: auto; height: 30px; }
	.logo{ padding-top: 10px; }
	.nav-list{ position: fixed; display: none;  border-top: solid 1px #ddd; top: 50px;  background: #F5F5F5; left: 0; right: 0; max-height: 80vh; overflow-y: auto; margin:0; padding:0; }
	.nav-list li{ float: none; padding:0; }
	.nav-list li a{ font-size: 16px; padding:10px 15px; background: none!important; color: #141414!important; }
	.nav-list li.active a, .nav-list li a:hover{ background: none; color: #141414; }
	.nav-list li a span{ display: none; }
	.title,.why-title{ font-size: 18px; margin-top: 15px; }
	.index-p,.why-p{ font-size: 12px; margin-top: 10px; }
	.index-ul li a{ height: auto; padding:15px; }
	.index-ul-label{ font-size: 14px; padding:3px 8px; margin-top: 10px; }
	.index-ul-label font,.why-link a span,.tx-back-link span{ background-size: 10px auto!important; padding-right: 15px; }
	.why-link a,.tx-back-link{ font-size: 14px; margin-top: 15px; padding:6px 15px; }
	.tx-row .col-xs-6{ width: 100%!important; }
    .tx-back-c .tx-back-link:before{ margin-top: 10px; }
	.tx-back-a{ margin-top: 15px; padding:15px; }
	.tx-back-a-tt{ font-size: 18px; }
	.tx-back-a-p{ font-size: 14px; margin-right: 0; }
	.tx-back-b{ margin-top: 15px; }
	.tx-row{ margin-top: 0; padding-bottom: 10px; }
	.why-link-b a:before{ margin-top: 10px; }
	.why-link-b{ padding-left: 0; }
	.jh-left{ width: 100%; padding-top: 10px; }
	.jh-right{ width: 100%; padding-top: 15px; }
	.jh-right-ul li a{ height: 70px; font-size: 12px; padding:15px 0px 0 10px; }
	.jh-right-ul li a span{ font-size: 18px; }
	.jh-right-ul li{ padding:0 5px; margin-bottom: 10px; }
	.jh-right-ul{ margin:0 -5px; }
	.pj-back{ margin-top: 10px; padding:15px 0; }
	.pj-title{ font-size: 18px; }
	.pj-ul li{ width: 100%; margin-top: 10px; }
	.pj-ul-box{ height: auto; padding:15px 15px 80px 15px; }

	.pj-ul-p{ font-size: 14px; }
	.pj-ul-bottom{ left: 15px; right: 15px; bottom: 15px; padding-left: 55px; }
	.pj-ul-img img{ width: 40px; height: 40px; }
	.pj-ul-name{ font-size: 14px; line-height: 40px; }
	.pj-ul{ margin-top: 0; }
	.bk-ul li{ width: 100%; margin-bottom: 10px; }
	.bk-ul li .bk-ul-box{ height: auto; padding:15px 15px 60px 15px; }
	.bk-ul-tt{ font-size: 14px; }
	.box-width{ padding:0 15px; }
	.footer{ padding:20px 15px; }
	.logo-b img{ width: 200px; }
	.logo-b{ text-align: center; margin-bottom: 10px; }
	.footer-left{ width: 100%; }
	.down-a{ font-size: 14px; padding:10px 12px; }
	.down-a span{ right: 12px; }
	.dropdown-menu li a{ padding:6px 12px; }
	.footer-tt{ font-size: 16px; margin-top: 10px; }
	.footer-a li{ margin-top: 10px; margin-right: 10px; }
	.footer-a li img{ height: 25px; }
	.footer-right{ width: 100%; }
	.footer-width{ width: 33.333333%; margin:0; margin-top: 15px; }
	.footer-link-tt a{ font-size: 16px; }
	.footer-link-ul li a{ font-size: 14px; }
	.footer-link-ul li{ margin-top: 10px; }
	.jh-right-ul li:nth-of-type(1){ width: 70%; }
	.jh-right-ul li:nth-of-type(2){ width: 30%; }
	.jh-right-ul li:nth-of-type(3){ width: 40%; }
	.jh-right-ul li:nth-of-type(4){ width: 32%; }
	.jh-right-ul li:nth-of-type(5){ width: 28%; }
	.quan-width{ margin:15px 0 0 0; }
	.quan-center{ transform: scale(1.3,1.3); margin-left: -3.8rem; margin-top: -3.5rem; }
	.quan01 span{ font-size: 12px; transform: scale(0.8,0.8); display: block; }
	.menu-button{ display: block; }
	.nav-list li:hover .nav-down{ display: none; }
	.nav-down{ padding:0; width: 100%; position: static;  }
	.nav-down ul{ padding:0; }
	.nav-down ul li a{ padding-top: 0; padding-bottom: 0; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .header-list{ background: #141414; }
    .header-list .bar{ background: #fff; }
    .jz-ul li{ width: 100%; }
    .jz-ul-box{ height: auto; padding:15px 15px 15px 75px; }
    .jz-ul-box i img{ width: 50px; }
    .jz-ul-box i{ left: 15px; top: 50%; transform: translate(0,-50%); }
    .jz-ul{ margin-top: 20px; }
    .cy-left-tt{ margin-top: 0; font-size: 18px; }
    .jz-title{ font-size: 24px; margin-top: 20px; }
    .friends-box{ padding:15px 0; margin-top: 20px; }
    .xl-ul-width{ width: 100%; }
    .xl-ul li{ padding-top: 35px; margin-bottom: 20px; }
    .xl-ul-date{ font-size: 24px; }
    .xl-ul li:before{ width: 16px; height: 16px; margin-left: -8px; }
    .xl-ul-back p{ font-size: 14px; padding-left: 15px; }
    .xl-ul-back p:before{ width: 4px; height: 4px; top: 10px; }
    .xl-ul{ margin:30px 0; }
    .jz-img,.cy-left{ width: 100%; }
    .cy-left{ margin-bottom: 20px; }
    .jj-back{ padding:10px 0 20px 0; margin-top: 10px; }
    .gl-box{ padding-bottom: 20px; }

    .header-no{ background: #f5f5f5; }
    .nav-down ul li a{ font-size: 14px; line-height: 30px; display: block; height: 30px; }
    .banner-tt{ font-size: 16px; }
    .banner-tt span{ font-size: 24px; }
    .banner-link a span{ padding:0!important; }
    .banner-link a span:before{ display: none; }
    .jz-title-wk{ font-size: 20px; }
    .wk-p{ margin-left: 0; margin-right: 0; }
    .wk-tt{ font-size: 16px; margin-top: 15px; }
    .wk-ul li{ width: 100%; margin-top: 15px; }
    .wk-ul-box{ height: auto; padding:15px; }
    .wk-ul-img img{ height: 50px; }
    .wk-ul-p{ font-size: 14px; }
    .wk-row .col-xs-6{ width: 100%; }
    .wk-row-back{ height: auto; padding:15px; margin-bottom: 15px; }
    .wk-row-title{ font-size: 16px; }
    .wk-right-left{ width: 30%; }
    .wk-row-ul li{ font-size: 14px; line-height: 34px; }
    .wk-right-center{ width: 40%; }
    .wk-number{ font-size: 16px; line-height: 40px; width: 120px; height: 40px; }
    .wk-row{ padding-top: 15px; }
    .ls-back .jz-title{ font-size: 20px; }
    .zx-row .col-xs-6{ width: 100%; }
    .zx-row .col-xs-6:first-child{ margin-bottom: 60px; }
    .zx-right-tt{ font-size: 18px; text-align: left!important; }
    .zx-row-back{ height: auto; padding:15px; }
    .zx-right-p{ font-size: 14px; margin-top: 10px; }
    .zx-row i{ height: 40px; width: 40px; margin-left: -20px; margin-top: -20px; background-size: 40px auto; }
    .zx-ul li{ width: 100%; margin-bottom: 15px; }
    .zx-ul-img img{ height: 40px; }
    .zx-ul-back{ border-radius: 15px; padding:15px; }
    .zx-ul-box{ position: static; }
    .zx-ul-tt{ font-size: 16px; margin-top: 10px; }
    .zx-ul-p{ font-size: 14px; margin-top: 10px; }
    .zx-ul li:nth-of-type(4){ margin-left: 0; }
    .ls-back{ margin-top: 25px; padding:1px 0 15px 0; }
    .why-lind{ display: none; }
    .zx-why-ul li{ width: 100%; margin-top: 15px; }
    .zx-wht-img img{ height: 40px; }
    .zx-why-ul-back{ height: auto; padding:15px; }
    .zx-why-title{ font-size: 16px; }
    .zx-why-p{ font-size: 14px; }
    .gn-list li{ width: 100%; margin-top: 15px; }
    .gn-list-back{ height: auto; padding:15px; }
    .gn-img img{ height: auto; }
    .gn-title{ font-size: 18px; margin-top: 10px; }
    .gn-p{ font-size: 14px; margin-top: 10px; }
    .gn-number{ font-size: 16px; margin-top: 10px; }
    .table-hide{ margin-bottom: 20px; }
    .xx-list li{ width: 100%; }
    .xx-list-box{ height: auto; padding-top: 15px; padding-bottom: 15px; padding-right: 15px; padding-left: 80px; }
    .xx-list-box i{ left: 15px; }
    .xx-list-box i img{ width: 50px; }
    .xx-list-tt{ font-size: 16px; }
    .xx-list-p{ font-size: 13px; }
    .xx-list-b{ padding-bottom: 15px; }
    .xx-left{ width: 100%; margin-top: 20px; max-height: 150px; margin-bottom: 20px; }
    .left-nav-a{ font-size: 16px; padding:6px 15px; }
    .left-nav-down li a{ font-size: 14px; padding:6px 15px; }
    .xq-right{ width: 100%; margin:0 0 20px 0; }
    .xq-right p{ font-size: 14px; margin-bottom: 10px; }
    .xq-right-title{ font-size: 18px; margin-bottom: 10px; }
    .li-a{ margin-bottom: 10px; }
    .article-row .col-xs-6{ width: 100%; margin-top: 15px; }
    .article-link{ height: auto; padding:15px; }
    .article-link-tt{ font-size: 16px; }
    .article-span font{ padding-right: 20px; background-size: 12px auto; }
    .article-span{ font-size: 16px; border-width: 1px; padding-bottom: 5px; }
    .jz-link-ul li{ width: 100%; margin-bottom: 15px; }
    .jz-link-ul li a{ height: 60px; }
    .jz-link-ul li a i img{ height: 60px; }
    .jz-link-right{ padding:10px 0 0 100px; }
    .jz-link-tt{ font-size: 16px; }
    .jz-link-p{ font-size: 14px; }
    .jz-back-box{ padding:30px 0 15px 0; }
    .lj-list li{ width: 100%; margin-bottom: 15px; }
    .lj-list-box{ padding:20px; height: auto; }
    .lj-date,.lj-p{ font-size: 14px; }
    .lj-title{ font-size: 16px; }
    .lj-list{ padding:30px 0 15px 0; }
    .sm-title{ font-size: 18px; padding-top: 80px; }
    .sm-link{ width: 120px; height: 34px; font-size: 16px; line-height: 34px; padding:0; }
    .sm-title-back{ width: 200px; height: 50px; line-height: 50px; font-size: 18px; }
    .sm-left,.sm-right{ width: 100%; margin:20px 0 0 0; }
    .sm-number-one{ height: 100px; margin-bottom: 10px; }
    .sm-number li{ padding:0 5px; }
    .sm-number{ margin:0 -5px; }
    .sm-number-one02,.sm-number-one03{ height: 45px; }
    .number-center{ font-size: 14px; }
    .number-center span{ font-size: 16px; }
    .sm-number-one04,.sm-number-one05,.sm-number-one06{ height: 80px; }
    .sm-left-tt{ font-size: 16px; }
    .sm-left-p{ margin-top: 15px; }
    .sm-left-p p{ margin-bottom: 10px; }
    .sm-form-box{ margin:20px 0 0 0; padding:15px; }
    .sm-form-title{ font-size: 16px; margin-bottom: 15px; }
    .sm-form-number{ font-size: 16px; padding:10px; margin-bottom: 15px; }
    .sm-form-txt{ width: 60px; }
    .sm-form-txt-r{ width: auto; }
    .sm-form-left{ width: 120px; }
    .form-tabs li a{ font-size: 16px; line-height: 40px; }
    .form-tabs li a span i img{ width: 15px; }
    .form-tabs li a span{ padding-left: 20px; }
    .form-bottom-tt{ font-size: 14px; }
    .form-bottom{ padding:15px; }
    .chooise-list li label{ font-size: 14px; padding-left: 20px; }
    .chooise-list li{ margin:0 10px 10px 0; }
    .chooise-list li label img{ width: 14px; margin-top: 3px; }
    .chooise-list li label:before{ width: 14px; height: 14px; margin-top: -7px; }
    .sm-money{ font-size: 14px; margin-top: 10px; }
    .sm-money span{ font-size: 16px; }
    .btn-sm{ font-size: 16px; padding:6px 25px; margin-top: 15px; }
    .sm-mask-box{ width: 90%; left: 5%; margin:0; top: 30px; bottom: 30px; }
    .mask-close{ width: 20px; height: 20px; }
    .sm-mask-title{ font-size: 14px; }
    .sm-mask-p{ font-size: 12px; }
    .sm-mz{ font-size: 16px; }
    .zf-box{ display: block; }
    .zf-ewm{ width: 100%; }
    .zf-ewm img{ width: 120px; }
    .zf-right{ margin:0; width: 100%; margin-top: 20px; padding:0; }
    .zf-sj{ font-size: 16px; }
    .zf-sj span{ font-size: 18px; }
    .btn-sm{ width: 120px; }
    .user-box{ width: 100%; }
    .user-list{ padding:0 15px; }
    .user-logo img{ height: 30px; }
    .user-logo{ padding:10px 0; width: 100%; text-align: center; border-bottom: solid 1px #fff; }
    .user-money,.notice-link{ font-size: 12px; line-height: 50px; margin-right: 15px; }
    .user-img img{ width: 30px; height: 30px; }
    .user-img{ padding:0; line-height: 50px; height: 50px; }
    .user-top-tabs li a{ font-size: 16px; line-height: 50px; text-align: center; }
    .user-body{ padding-top: 101px; padding-bottom: 30px; }
    .user-top-tabs li{ margin:0; width: 25%; }
    .user-top-tabs li.active a:before{ height: 2px; }
    .zc-title{ font-size: 18px; margin:15px 0; }

    .table-a{ font-size: 12px; margin-left: 5px; padding:0px 10px; width:auto; height:auto; }
    .zc-back{ padding:15px; }
    .table-responsive{ margin:0; border:none; }
    .zc-back .table td{ font-size: 12px; }
    .zc-back .table-c th{ font-size: 12px; padding-bottom: 10px; padding-top: 0; }
    .zc-back .table-c td{ padding-top: 10px; padding-bottom: 10px; }
    .notice-bottom{ width: 250px; left: 50%; margin-left: -125px; right: auto; padding:15px; }
    .notice-title{ font-size: 16px; }
    .notice-ul li a{ padding:10px; margin-top: 10px; }
    .notice-p{ font-size: 12px;/*overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; */ }
.notice-link .caret-b{ border-width: 8px; }
.notice-bottom-sm{ margin-left: -200px; }
.number-back{ width: 23px; height: 22px; margin-top: -11px; font-size: 14px; left:10px; background-size: 100% 100%; padding-top: 3px; line-height: 14px; }
.zm-title-top{ font-size: 14px; line-height: 14px; }
.zm-p{ font-size: 12px; margin-top: 10px; }
.notice-ul-sm li a{ padding-left: 40px; }
.zm-a span{ font-size: 14px; padding-right: 20px; background-size: 12px auto; }
.zm-a{ margin-top: 5px; }
.notice-bottom-xs{ left: auto; right: 0; min-width: 200px; }
.user-out{ font-size: 14px; padding:6px 15px; }
.user-name img{ width: 30px; height: 30px; }
.user-name{ line-height: 30px; height: 30px; padding-left: 40px; }
.tb-box-left{ font-size: 14px; }
.tb-box-sm .form-control{ font-size: 14px;  }
.tb-box-sm{ padding-left: 70px; margin-bottom: 10px; }
.tb-box-dw a{ font-size: 14px; }
.tb-box-txt{ font-size: 12px; }
.user-out-tb{ padding:10px; margin-bottom: 15px; }
.notice-link span{ border-width: 4px; }
.zy-mask-box{ width: 90%; height: auto; padding:20px; border-radius: 20px; }
.zy-mask-box .tb-box-left,.zy-mask-box .tb-box-left1{ position: static; text-align: left; }
.zy-mask-box .tb-box-sm,.zy-mask-box .tb-box-sm1{ padding-left: 0; margin-bottom: 0; }
.zy-mask-box .tb-box-dw{ top: 40px; }
.zy-mask-bottom{ padding:15px 0 0 0; }
.zy-gz-ul{ margin:0 -20px; }
.zy-ul-p{ font-size: 12px; margin-top: 5px; }
.zy-ul-tt{ font-size: 14px; margin-top: 5px; }
.zy-mask-tt{ font-size: 18px; margin-bottom: 10px; }
.zy-close{ right: 20px; top: 20px; }
.zy-gz-ul li{ margin-top: 15px; }
.zy-mask-box .user-out-tb{ margin-bottom: 0; }
.zy-ul li{ font-size: 14px; margin-bottom: 10px; }
.zy-bottom{ padding-bottom: 0; }
.yq-title{ margin-bottom: 15px; }
.copy-lind{ margin:15px 0; }
.dj-txt-sm{ margin-top: 10px; padding-bottom: 0; }
.zc-row .col-xs-12{ padding:0 15px; }
.body-index{ padding-top: 50px; }
.banner-tt-index{ font-size: 24px; }
.nav-down ul li i{ width: 16px; left: 15px; }
.nav-down ul li a{ padding-left: 36px!important; }
.banner-tt-gl{ font-size: 24px; }
.banner-tt-gl span{ font-size: 28px; }
.sm-header-right .notice-link{ margin-right: 0; margin-left: 15px; font-size: 14px; }
.sm-back .logo{ width: 100%; border-bottom: solid 1px #fff; text-align: center; }
.sm-back .header-list{ height: auto; }
.sm-header-right{ padding:10px 0; }
.sm-header-right .sm-a{ line-height: 30px; }
.login-a{ line-height: 30px; padding:0 15px; margin-left: 15px; font-size: 14px; }
.sm-back .notice-bottom{ margin-left: -80px; }
.login-box{ width: 90%; max-width: 350px; padding:15px; }
.lc-back-sm{ display: none; }
.lc-back{ margin-left: -15px; text-align: center; margin-right: -15px; border-radius: 0; }
.lc-ul-img{ height: 40px; width: 40px; margin-bottom: 10px; }
.lc-ul-tt{ font-size: 14px; }
.lc-ul-p{ font-size: 12px; }
.lc-swiper{ position: relative; display: block; }
.lc-swiper:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 19px; height: 2px; background: #bea688; }
.footer .dropdown{ width: 100%; max-width: 280px; }
.logo-b{ text-align: left; }
.sm-form-left .form-control,.sm-header-right .sm-a,.sm-form-number-txt,.sm-form-b,.sm-left-p p,.why-link a,.cy-left-p p,.cy-left-p,.sm-form-txt{ font-size: 14px!important; }
.xl-ul:before{ left: 0.5rem; }
.jz-ul-tt{ font-size: 16px; }
.jz-ul-p{ font-size: 14px; }
.jz-ul-box{ min-height: 74px; }
.jz-title{ padding-bottom: 0; }
.table-hide .table > tbody > tr > td,.table-hide .table > tbody > tr > td span,.stuy-p,.wk-p,.jh-p,.banner-link a{ font-size: 14px; }
.table-hide .table > thead > tr > th{ font-size: 16px; }
.banner-link a{ margin-bottom: 10px; margin-right: 10px; }
.wk-banner-phone .banner-tt-wk{ margin-bottom: 15px; }
.wk-banner-phone .banner-link,.wk-banner-phone .banner-tt-wk{ position:static; }
.wk-phone{ position: absolute; left: 15px; top: 50%; right: 15px; transform: translate(0,-50%); }

.xx-list-box-c{ position:static; transform: translate(0,0); }
.date-hours{ width: 34px; height: 34px; line-height: 34px; font-size: 14px; }
.date-mh{ line-height: 34px; font-size: 14px; width: 20px; }
.date-box{ width: 200px; margin-top: 20px; }
.width-ls{ margin:0; }
.lc-swiper .swiper-wrapper{ display: block; }
.lc-swiper .swiper-slide{ float: left; width: 33.333333%; margin-bottom: 15px; }
.lc-swiper:before{ display: none; }
.sm-form-sm{ padding:0; width: 296px; margin-left: auto; margin-right: auto; }
.lc-back{ padding:0; }
.xl-ul-date{ text-align: left; padding-left: 15px; }
.xl-ul li:before{ left: 0; }
.notice-date{ font-size: 12px; }
.sm-form-b{ font-size: 12px!important; }
}

.loading-animation-icon{
    position: fixed;
    left:50%;
    top:50%;
    width: 74px;
    height: 66px;
    transform: translate(-50%,-50%);
    z-index: 1000;
    display: none;
}