@import url("font-awesome.min.css");
@import url("nypage.css");
html{font-size: 20px;}
*{padding: 0;margin: 0;font-style: normal;font-family:"pingfang SC","Microsoft YaHei", Helvetica, Roboto, Arial, sans-serif;  -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none;}
body{font-size: 14px;min-width: 1100px;position: relative;}
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, cite, code, del, em, img, ins, small, strong, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin:0px; padding:0px;font-weight: normal;}
body,ul,li{margin: 0;padding: 0;list-style: none;list-style-type: none;}
strong{font-weight:bold;}
ul {list-style-type: none;}
a:link, a:visited, a:hover, a:active { text-decoration:none;color: inherit;}
/* a:hover,a:active{background-color: #152854;} */
img{border-style:none;border:none;margin:0;}
.hide{display: none;}
.show{display: block;}
.c-hid{overflow: hidden;}
.c-p{position: relative;}
.c-bgc{background-size: cover}

.fr {
    float: right;
}
.fl {
    float: left;
}
.display-ib{display: inline-block;}
/*高度*/
.height66{height: 66px;}
.height30{height: 30px;}
.height48{height: 48px;}
.height40{height: 40px;}
.height170{height:170px !important;}
.height390{height: 390px;}
.height390i{height: 390px !important;}
/*宽度*/
.width76{width: 70px;}
.width180{width: 180px;}
.width145{width: 145px;}
.weight100p{width: 100%;}
/*字体大小*/
.font-s12 {font-size: 12px;}
.font-s14 {font-size: 14px;}
.font-s16 {font-size: 16px;}
.font-s18 {font-size: 18px;}
.font-s20 {font-size: 20px;}
.font-s24 {font-size: 24px;}
.font-s42 {font-size: 42px;}
.font-s20 {font-size: 20px;}
.font-s34 {font-size: 34px;}
/*字体颜色*/
.font-c-fff{color: #fff;}
.font-c-32{color: #323232;}
.font-c-66{color: #666;}
.font-c-383B3D{color: #383B3D;}
/*背景颜色*/
.bgc-409eff{background-color: #409eff;}
.bgc-3BCE76{background-color: #3BCE76;}
.bgc-FFAC40{background-color: #FFAC40;}
.bgc-006cff{background-color: #006cff;}
.bgc-2380ff{background-color: #2380ff;}
.bgc-f5f6f7{background-color: #f5f6f7;}
.bgc-fff{background-color: #fff;}
/*padding*/
.padding-t3{padding-top: 3px;}
.padding-t15{padding-top: 15px;}
.padding-t16{padding-top: 16px;}
.padding-t20{padding-top: 20px;}
.padding-t25{padding-top: 25px;}
.padding-b80{padding-bottom: 80px;}
.padding-t80{padding-top: 80px;}
/*margin*/
.margin-r40{margin-right: 40px;}
.margin-r20{margin-right: 20px;}
.margin-t15{margin-top: 15px;}
.margin-t20{margin-top: 20px;}
.margin-t133{margin-top: 133px;}
.margin-t31{margin-top: 31px;}
.margin-t48{margin-top: 48px;}
.margin-t50{margin-top: 50px !important;}
.margin-t85{margin-top: 85px;}
.margin-t61{margin-top: 61px;}
/*行高*/
.line-height66{line-height: 66px;}
.line-height30{line-height: 30px;}
.line-height48{line-height: 48px;}
.line-height40{line-height: 40px;}
.line-height18{line-height: 18px;}
/*边框*/
.border-fff{border: 1px solid #fff;}
/*圆角*/
.border-radius4{border-radius: 4px;}
.border-radius2{border-radius: 2px;}
/*字体对齐方式*/
.text-align-center{text-align: center;}

/* 遮罩层 */
.mask {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: -9999px;
    background: rgba(0,0,0,0.5);
    z-index: 99999;
}
.padding-t0 {
    padding-top: 0 !important;
}
#body {
    background: #fff;
}
.border-f2f2f2 {
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
}
.show-qrcode {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 999999;
    text-align: center;
    width: calc(100% - 110px);
    height: 300px;
}
.show-qrcode .link-media-box {
    padding-top: 16px;
    margin-top: 16px;
}
.imgBox {
    margin: 0 auto;
    background: #fff;
    width: 100%;
    height: 300px;
    padding: 30px 0 0;
    box-sizing: border-box;
    border-radius: 4px;
}
.imgBox img{ width:120px; border:0px;}
.imgTitle {
    margin-bottom: 20px;
}
.qrContent {
    padding-top: 12px;
    font-size: 12px;
    color: #999;
    box-sizing: border-box;
}
.qrContent+.link-media-box {
    border-top: 1px solid #E6E6E6;
}
.img-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/**/
#__vconsole .vc-switch {
    z-index: 1000000 !important;
}
#__vconsole .vc-panel{
    z-index: 1000000 !important;
}
.margin-0auto{margin: 0 auto;}
.yh{
    font-family: 'Microsoft YaHei';
}
.container{width:1100px; height:100%;margin-left: auto;margin-right: auto;overflow: hidden;position: relative;}
/*首页*/
.sj-header{
    display: none;
    position: relative;
}
.pc-mask,.intromask {
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    right: 0;
    bottom: -9999px;
    top: -70px;
    z-index: 99999;
}
.video-box {
    position: fixed;
    top: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999999;
}
.video-js {
    margin: 0 auto;
}
.under img {
    margin-right: 10px;
}
.header {
    display: block;
    height: 70px;
}
.header .top-header,.top .top-header,.case-header .top-header,.join-header .top-header,.introduce-header .top-header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    height:70px;
    background:rgba(255,255,255,1);
    box-shadow:3px 0px 10px 0px rgba(0,0,0,0.1);
}
.top-header a {
    color: #333;
    height: 100%;
    display: inline-block;
}
.top-header .nav-r>li>a {
    padding: 0 20px;
}
.swiper-container.header-banner {
    height: 490px ;
    /* margin-top: 70px; */
}
.nypage .header-banner,
.fun_price .header-banner,
.cases .header-banner,
.bigShot .header-banner,
.join-us .header-banner,
.introduction .header-banner
 {
    height: 390px ;
    /* margin-top: 70px; */
}
.header-banner {
    height: 490px ;
    /* margin-top: 70px; */
}
.swiper-container.header-banner .swiper-pagination-switch {
    width: 80px;
    height: 4px;
}
.swiper-container.header-banner .swiper-pagination-switch {
    background:rgba(255,255,255,1);
    opacity:0.4;
}
.swiper-container.header-banner .swiper-active-switch {
    background:rgba(255,255,255,1);
    opacity: 1;
}
.swiper-container.header-banner .pagination {
    bottom: 30px;
}
.header .scrolledDown {
    background-color: rgba(8,23,59,.9)
}
.header .nav,
.top .nav,
.case-header.nav,
.join-header .nav,
.introduce-header .nav{
    width: 1100px;
    height: 70px;;
    color: #fff;
    font-size: 14px;
    margin: 0 auto;
    
}
.nav .logo{
    height: auto;
    height: 100%;
    display: table;
    line-height: 0;
}
.nav .logo img {
    height: 45px;
}
.nav .logo .logo-icon{
    margin: 0;    
    display: table-cell;
    vertical-align: middle;
}
.nav .nav-r {
    font-size: 14px;
    line-height: 70px;
    height: 70px;
    margin-right: 20px;
}
.nav .nav-r a:hover {
    color: #0091FF;
}
.nav .nav-r .sec:after,
.nav .nav-r .home:after,
.nav .nav-r .fp:after,
.nav .nav-r .case:after,
.nav .nav-r .join:after,
.nav .nav-r .endorsements:after,
.nav .nav-r .introduce:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 3px;
    background: #0091FF;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;  
}
.nav .nav-r .home a,
.nav .nav-r .fp>a,
.nav .nav-r .case a,
.nav .nav-r .join a,
.nav .nav-r .introduce a,
.nav .nav-r .bigShot a {
    color: #0091FF;    
}
 .nav-r>li {
    height: 70px;
    box-sizing: border-box;
    position: relative;
}
.fn-price-item,.endors-hover-item {
    display: none;
    line-height: 50px;
    text-align: center;
    position: absolute;
    width: 100%;
    background: #fff;
    overflow: hidden;
    box-shadow: 2px 4px 4px 0px rgba(0,0,0,0.1);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.fn-price:hover .fn-price-item ,.endors-hover:hover .endors-hover-item{
    display: block;
}
.fn-price:hover>a ,.endors-hover:hover>a{
    color: #0091FF;
}
.fn-price-item li ,.endors-hover-item li{
    width: 100%;
}
.fn-price-item li a , .endors-hover-item li a{
    display: block;
    color: #333;
}
.fn-price-item li:hover ,.endors-hover-item li:hover{
    background: #EBEFF2;
}
.fn-price-item li:hover a ,.endors-hover-item li:hover a{
    color: #0091FF;
}
.register-login {
    padding-top: 16px;
}
.nav .register-login .register, .nav .register-login .login{
    width: 70px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    border: 1px solid #0091FF;
    font-size: 14px;
    border-radius: 2px;
}
.nav .register-login .register {
    width: 96px;
}
.nav .register-login .register a, .nav .register-login .login a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #0091FF;
}
.nav .register-login .login {
    margin-right: 20px;
    color: #fff;
}
/* .nav .register-login .login a:hover {
    color: #0091FF;
} */
.register-login .register {
    color: #fff;
    background:rgba(0,145,255,1);
    border-radius:2px;
}
.nav .register-login .register a {
    color: #fff;
}
.register-login .register a {
    color: #323232;
}
.banner-content {
    margin-top: 120px;
}
.banner-content.toggle {
    margin-top: 0;
}
.banner-title {
    font-size: 42px;
    font-weight: normal;
}
.toggle {
    text-align: center;
}
.toggle .banner-title {
    font-size: 42px;
}
.banner-feature {
    font-size: 20px;
    margin-top: 28px;
}
.banner-content .free-trial {
    display: inline-block;
    width: 180px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    color: #4392FF;
    border-radius: 4px;
    margin-top: 85px;
    background:rgba(255,255,255,1);
    border-radius:4px;
}
.office-time {
    display: inline;
}
.btn-center {
    display: block !important;
    text-align: center !important;
}
.banner-content .free-trial a {
    color: #4392FF;
}
.color333 {
    color: #333 !important;
}
.banner-content .under {
    display: inline-block;
    width:150px;
    height:48px;
    background:transparent;
    border: 1px solid #fff;
    border-radius:4px;
    margin-left: 16px;
    line-height: 48px;
    text-align: center;
}
.banner-content .under a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
}
.top-header .banner-content .free-trial {
    margin-top: 52px;
}
.banner-content .free-trial a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
/* .banner-content .free-trial a:hover {
    background-color: #1a88fb;
    border-radius: 4px;
} */
.function-container {
    padding-top: 85px;
    padding-bottom: 80px;
    text-align: center;
}
.function-title {
    font-size: 34px;
    color: #323232;
    margin-bottom: 33px;
}
.function-content {
    color: #666;
    font-size: 14px;
    text-align: left;
    text-indent: 2em;
    line-height: 28px;
}
.function-content strong span {
    font-weight: bold;
}
.function-freeTrial {
    width: 145px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    background-color: #2380ff;
    margin: 61px auto 0;
    border-radius: 2px;
}
.function-freeTrial a {
    display: inline-block;
    width: 100%;
    height: 100%;
}
.function-freeTrial a:hover {
    background-color: #1a88fb;
    border-radius: 2px;
}
.resource {
    
    padding: 80px 0;
}
.resource {
    background-color: #fff;
}
.swiper-wrapper-small{
    height:74px;
    overflow: hidden;
}
.knowledge-realize,.used {
    background-color: #f5f6f7;
}
.resource-title {
    font-size: 34px;
    margin-bottom: 81px;
}
.user-business {
    font-size: 16px;
    color: #333;
}
.user-business span:first-of-type {
    font-size: 64px;
    line-height: 72px;
    color: #208dfc;
    vertical-align: top;
}
.user-business .wan {
    vertical-align: top;
    font-size: 54px;
    color: #208dfc;
    position: relative;
}
#teacher-num {
    position: relative;
}
/* .user-business .wan:after,#teacher-num:after { 
    content: '+';
    font-size: 30px;
    color: #208dfc;
    position: absolute;
    right: -26px;
    line-height: 1;
    padding-top: 14px;
} */

.user-business .wan:after { 
    content: '+';
    font-size: 30px;
    color: #208dfc;
    position: absolute;
    right: -26px;
    line-height: 1;
    padding-top: 14px;
}
.user-business .jia {
    color: #208dfc;
    font-size: 30px;
}
.user-business>div {
   /* padding: 0 85px; */
   margin: 0 68px;
}
.user-business .active-user {
    /*width: 260px;*/
}
.user-business .quality-user {
    display: inline-block;
    margin:0 68px 0 90px;
    /*width: 252px;*/
}
.user-business .teacher {
    /*width: 179px;*/
}
.user-business>div>div {
    margin-top: 10px;
}
/* .clearfix:after {
    content: " ";
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
} */
.knowledge-realize {
    padding: 84px 0;
}
.knowledge-realize-title {
    font-size: 34px;
    color: #323232;
    margin-bottom: 51px;
}
.knowledge-realize .knowledge-service {
    border-bottom: 1px solid #edeff0;
}
.knowledge-realize .knowledge-service>div {
    padding: 10px 0 25px;    
    width: 20%;      
    cursor: pointer;
}
.knowledge-realize .knowledge-service>div>.img {
    height: 101px;
}

.knowledge-realize .knowledge-service>div>div{
    font-size: 16px;
    color: #323232;
    margin-top: 20px;
}
.knowledge-realize .knowledge-service>.slideActive>div{
    color: #208DFC;
}
.swiper-container {
    width: 100%;
    height: 152px;
} 
/* 大咖代言 */
.endorsement {
    padding-bottom: 80px;
}
.endorsement-head {
    text-align: center;
    position: relative;
    font-size: 0;
    margin-bottom: 42px;
}
.endorsement-head>.endorsement-item {
    padding: 0 10px;
    display: inline-block;
    width: 120px;
    text-align: center;
}
.endorsement-head>.endorsement-item .endorsement-mini {
    opacity: 0.5;
}
.endorsement-head>.endorsement-item .endorsement-name {
    font-size: 20px;
    color: #333;
    margin: 20px 0 12px;
}
.endorsement-slide .endorsement-slide-content .endorsement-desc {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.endorsement-head>.endorsement-item .endorsement-title {
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    width: 120px;
}
.endorsement-head>.endorsement-item.isActive .endorsement-mini {
    opacity: 1;
}
.endorsement-head>.endorsement-item .endorsement-mini {
    width: 96px;
    height: 96px;
    border-radius: 50%;
    background: #bbb;
    margin: 0 auto;
    overflow: hidden;
}
.endorsement-head>.endorsement-item .endorsement-mini img {
    width: 100%;
}
.endorsement-head>.more-endorsement {
    width: 36px;
    height: 96px;
    position: absolute;
    top: 0;
    margin: auto;
    left: calc((100% - ((96px + 60px) * 5) ) / 2 + (96px + 60px) * 5 + 60px);
    font-size: 14px;
    background:#F5F6F7;
    border-radius:2px;
    color: #333;
}
.endorsement-head>.more-endorsement a {
    display: block;
    height: 100%;
    position: relative;
    color: #333;
}
.endorsement-head>.more-endorsement:hover {
    background:#0091FF;
}
.endorsement-head>.more-endorsement:hover a span{
    color: #fff;
}

.endorsement-head>.more-endorsement a span {
    display: inline-block;
    width: 16px;
    height: 64px;
    line-height: 16px;
    color: #333;
    word-wrap: break-word;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.endorsement-body .swiper-slide {
    width: 48.6%;
    transform: scale(0.8);
    opacity: 0.5;
}
.endorsement-swip.swiper-container {
    height: 260px;
}
.endorsement-body .swiper-slide .endorsement-slide {
    height: 240px;
    box-sizing: border-box;
    margin: 10px 2px;
    padding: 52px 28px 52px 18px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    position: relative;
}
.endorsement-body .cur-slide {
    transform: scale(1);
    opacity: 1;
}
.u-more {
    text-align: center;
}
.u-more a {
    font-size: 12px;
    color: #0091FF;
}

.endorsement-body .swiper-slide .endorsement-slide .play-endorsement {
    position: absolute;
    bottom: 30px;
    right: 28px;
}
.play-endorsement {
    color: #208dfc !important;
    width: 84px;
    cursor: pointer;
    position: relative;
}
/* 播放按钮 */
.play-endorsement:before {
    content: '';
    width: 18px;
    height: 18px;
    left: -26px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background: url(icon/icon_play.png);
    background-size: cover;
}
.endorsement-slide .endorsement-slide-img{
    width: 136px;
    height: 136px;
    border-radius: 50%;
    margin-right: 27px;
    overflow: hidden;
}
.endorsement-slide .endorsement-slide-img img {
    width: 100%;
    height: 100%;
}
.endorsement-slide .endorsement-slide-content {
    width: calc(100% - 136px - 27px);
}
.endorsement-slide .endorsement-slide-content .endorsement-name {
    font-size: 20px;
    margin-bottom: 24px;
    margin-top: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis; 
}
.endorsement-slide-content .endorsement-name span {
    font-size: 14px;
    color: #999;
    margin-left: 20px;
}

.media-box {
    position: relative;
}
.media .media-box {
    padding-top: 40px;   
}
.media-box .media-content {
    padding: 30px 19px 30px 20px;
    width: 540px;
    height: 210px;
    background: #fff;
    float: left;
    margin-left: 10px;
    margin-bottom: 20px;
    box-sizing: border-box;
    position: relative;
    transition: all 0.1s;
}
.media-box .media-content:hover {
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.media-box .media-content:nth-child(2n+1) {
    margin-right: 10px;
    margin-left: 0;
}
.media-box .media-content .media-img  {
    width: 200px;
    height: 150px;
    box-sizing: border-box;
    margin-right: 20px;
}
.media-box .media-content .media-img  img {
    width: 100%;
    height: 100%;
}
.media-content .media-inner {
    width: calc(100% - 200px - 20px);
}
.media-content .media-inner .media-name {
    font-size: 16px;
    margin-bottom: 16px;
    margin-top: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 24px;
}
.media-content .media-inner .media-desc {
    color: #999;
    font-size: 12px;
    line-height: 22px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.media-content .media-inner .media-link {
    color: #333;
    font-size: 12px;
    position: absolute;
    bottom: 29px;
    font-size: 0;
    height: 24px;
}
.media-inner .media-link em {
    margin-left: 19px;
    font-size: 12px;
    line-height: 30px;
}
.media-inner .media-link  img{
     height: 30px;
     vertical-align: bottom;
}
.link-media-box {
    font-size: 0;
    clear: both;
    text-align: center;
    padding-top: 20px;
}
.link-media-box .link-media {
    text-align: center;
    font-size: 14px;
    line-height: 1;
}
.link-media-box .link-media .more-media-icon {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 7px;
    background: url(icon/icon_more.png);
    background-size: cover;
    vertical-align: bottom;
}
.endorsement-inner {
    position: relative;
}
.endorsement-inner .arrow-left,
.endorsement-inner .arrow-right {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 33px;
}
.endorsement-inner .arrow-left {
    left: 0;
}
.endorsement-inner .arrow-right {
    right: 0;
}
.endorsement-swiper {
    height: 240px;
    width: 1020px;
    margin: 0 auto;
    background:rgba(255,255,255,1);
}
.endorsement-swiper .role-img,
.endorsement-swiper .role {
    float: left;
}
.endorsement-swiper .role-img {
    margin: 0 53px 0 40px;
}
.endorsement-swiper .role {
    margin-top: 51px;
}
.endorsement-swiper .role h3 {
    font-weight: normal;
    font-size: 24px;
    color: #333;
    margin-bottom: 18px;
}
.endorsement-swiper .role h3 span {
    font-size: 14px;
    color: #999;
    padding-left: 16px;
}
.endorsement-swiper .role h3+p{
    color: #666;
    width: 630px;
}
.endorsement-swiper .img-box {
    height: 220px;
    display: table-cell;
    vertical-align: middle;
}
.endorsement-swiper .swiper-slide {
    position: relative;
}
.endorsement-swiper .swiper-slide .swiper-inner{
    position: relative;
    box-shadow:0 0px 10px 0px rgba(0,0,0,0.1);
    height: 220px;
    width: 1000px;
    margin: 0 auto;
    margin-top: 10px;
}
.play-video {
    line-height: 36px;
    border: 1px solid #0091FF;
    display: inline-block;
    position: absolute;
    left: 254px;
    bottom: 36px;
}
.play-video a {
    color: #0091FF;
    display: inline-block;
    width: 108px;
    height: 34px;
    text-align: center;
}
.knowledge-realize .knowledge-realize-point {
    
    /* padding: 0 275px; */
}
.knowledge-realize .knowledge-realize-point>div{
    font-size: 14px;
    color: #323232;
    margin-top: 53px;
    display: inline-block;
    margin-left: 30px;
    margin-right: 50px;
}
.knowledge-realize .knowledge-realize-point>div>img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}
.sj-knowledgePay {
    display: none;
}
.module-display {
    padding: 80px 0;
}
.module-display .module {
    /* padding: 0 50px; */
    margin-top: 60px;
}
.module-display-title {
    font-size: 34px;
    color: #323232;
}
/* .module-display .module .img{
    float: left;
}
.module-display .module .content-img{
    float: right;
} */
.module-display .module .img img{
    width: 420px;
    height: 640px;    
}
/* .module-display .module-content {
    margin-top: 101px;
    float: right;
} */
/* .moudle-content-box {
    float: right;
} */
.moudle-content-box .module-content {
    height: 640px;
    display: table-cell;
    vertical-align: middle;
}
.module-content1 .active,
.module-content3 .active, 
.module-content5 .active {
    background: #F5F6F7 !important;
}
.module-content2 .active, 
.module-content4 .active {
    background: #fff !important;
}
/* .module .content-realize {
    float: left;
} */
.module-display .module-content>div {
    padding: 15px 16px;
    cursor:pointer;
    margin-bottom: 20px;
    border-left: 3px solid transparent;
}
#knowledgePay>div,#marketing>div {
    border-left: 3px solid transparent;
}
    /* #knowledgePay {
        margin: 12px 0;
    } */
/* #interaction,#marketing,#module-select,#unique {
    margin: 118px 0 0;
} */
 
#knowledgePay>div.active,#marketing>div.active {
    border-left: 3px solid #00a8ff;
}
/* #interaction>div.active,#unique>div.active,#module-select>div.active {
    background-color: #fff;
    border-left: 3px solid #00a8ff;
} */
.module-content>div.active {
    border-left: 3px solid #00a8ff;
}
/* 奇数模块 */
.module-content1>div.active {
    background-color: #F5F6F7;
}
/* 偶数模块 */
.module-content0>div.active {
    background-color: #fff;
}
.module-content .serial-number {
    font-size: 72px;
    height: 56px;
    margin-right: 34px;
    color: rgba(0,0,0,.05);
    float: left;
    line-height: 56px;
}
.module-content .home-module {
    width: 504px;
    /* height: 82px; */
    float: left;
}
.module-content .home-module .module-title {
    margin-bottom: 5px;
    font-size: 20px;
    color: #333;
}
.module-title .panorama {
    font-size: 14px;
    color: #0091FF;
    margin-left: 30px;
}
.panorama-box,.intromask-box {
    display: block;
    position: fixed;
    top: 20px;
    bottom: 20px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    z-index: 999999;
    transform: scale(0, 0);
    transition: all 0.67s;
}
.panorama-img {
    height: 100%;
    overflow-x: hidden;
    display: inline-block;
    background: #fff;
}
.module-content .home-module .module-item {
    line-height: 25px;
    color: #666;
}
/*功能与价格页面*/

header.top{width: 100%;  background-image: url(banner/banner_2.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 100%;}
header.case-header{width: 100%; background-image: url(banner/banner_3.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 100%;}
header.join-header{width: 100%;background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 100%;}
.introduce-header{width: 100%; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 100%;}
.news-header{width: 100%; height: 280px; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 100%;}
.bigShot-header{width: 100%; height: 490px; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 100%;}
.media-header{width: 100%; height: 280px !important;background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 100%;}
header.top .f-p-content {
    margin-top: 150px;
}
#price-main .goods-list {
    margin-right: -40px;
    white-space: nowrap;
    position: relative;
    z-index: 80;
    transition: all 0.67s;
    font-size: 0;
}
#price-main .edition>div .prev {
    position: absolute;
    top: 240px;
    background: url(icon/prev.png) center ;
    width: 52px;
    height: 52px;
    z-index: 80;
    left: -60px;
    cursor: pointer;
}
#price-main .edition>div .next {
    position: absolute;
    top: 240px;
    background: url(icon/next.png) center ;
    width: 52px;
    height: 52px;
    z-index: 80;
    right: -60px;
    cursor: pointer;
}
#price-main .goods-list .goods-item {
    width:240px;
    background:rgba(255,255,255,1);
    border:1px solid #F2F2F2;
    box-shadow:0px 3px 5px 0px rgba(0, 0, 0, 0.05);
    border-radius:6px;
    /* padding-bottom: 10000px;
    margin-bottom: -10000px; */
    padding-bottom: 84px;
    /* float: left; */
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    margin-right: 40px;
    vertical-align: top;
}
/* #price-main .edition>div {
    width: 1200px;
    overflow: hidden;
} */
#price-main {
    /* background-color: #F7F9FA; */
    background-color: #fff;
}
#price-main .product-detail {
    /* background-color: #fff; */
    background-color: #f5f6f7;
}
#price-main .edition>div {
    width: 1100px;
    margin: 0 auto;
    position: relative;
}
.price-main-content {
    width: 100%;
    overflow: hidden;
}
.brt1{
    border-top: 6px solid #5090FC !important;
}
.brt2{
    border-top: 6px solid #2BBB9D !important;
}
.brt3{
    border-top: 6px solid #F8A255 !important;
}
.brt4{
    border-top: 6px solid #F26D6D !important;
}
.brt5{
    border-top: 6px solid #4D61AD !important;
}

.theme.goods-item .fun-list .title i {
    position: absolute;
    width: 6px;
    height: 6px;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    left: -12px;
    margin: auto;
}


#price-main h2+p {
    text-align: center;
    margin: 20px 0 50px;
}
#price-main h2+p span {
    color: #999;
    font-size: 14px;
}
#price-main .goods-list .goods-item>.title {
    font-size: 24px;
    text-align: center;
    width: 100%;
    text-align: center;
}
#price-main .goods-list .goods-item>.title p {
    margin-top: 70px;
    margin-bottom: 18px;
}
#price-main .goods-list .goods-item>.title span {
    display: block;
    font-size: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
#price-main .goods-list .goods-item>p {
    font-size: 34px;
    text-align: center;
    margin:  32px 0 0 0;
}
#price-main .goods-list .goods-item>p span,
#price-main .goods-list .goods-item>p em
 {
    font-size: 14px;
}
#price-main .goods-list .goods-item>a {
    display: block;
    width: 110px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    margin: 0 auto;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    margin-bottom: 30px;
    margin-top: 20px;
}
#price-main .goods-list .goods-item .fun-list {
    border-top: 1px solid #F2F2F2;
    padding-top: 36px;
    margin-bottom: 18px;
    text-align: center;
}
#price-main .goods-list .goods-item .fun-list+.fun-list {
    border-top: none;
    padding-top: 0;
}
#price-main .goods-list .goods-item .fun-list .title {
    font-size: 14px;
    margin-bottom: 12px;
    display: inline-block;
    position: relative;
}
#price-main .goods-list .goods-item .fun-list ul>li {
    line-height: 32px;
    text-align: center;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
}
.color-15D8D3 {
    color: #15D8D3 !important;
}
.banner-content .trial {
    margin: 52px auto 97px;
}

.fp-container {
    border-bottom: 1px solid #f2f2f2;
    font-size: 16px;
    color: #323232; text-align:center;
}

.function-price .function {display:inline-block;

    padding: 30px 10%;
    
}
.function-price .function .sec{ border-bottom: 3px solid #208dfc;}
.function-price .price {
    width: 50%;
    text-align: left;
    padding: 30px 0;
    
}
.f-span,.p-span {
    border-bottom: 3px solid #208dfc;
}
.function-span {
    padding: 30px 0 29px;
    line-height: 24px;
    cursor:pointer;
}
.price-span {
    margin-left: 96px;
    padding: 30px 0;
    line-height: 24px;
    cursor:pointer;
}
/* .content-realize {
    padding-bottom: 80px;
}  */
.content-realize .title {
    font-size: 34px;
    padding-top: 80px;
    margin-bottom: 10px;
}
.content-realize {
    padding-bottom: 80px;
}
.content-realize .second-title {
    font-size: 14px;
}
.content-realize .item-realize {
    padding: 0 140px;
}
.content-realize .item-realize>div {   
    width: 16.667%;
    font-size: 14px;
    margin-top: 50px;   
}
.img-box1 {
    border-radius: 50%;
    width: 64px;
    height: 64px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.img-box2 {
    width: 64px;
    height: 64px;
    display: table-cell;
    vertical-align: middle;
    font-size: 0;
}
.content-realize .item-realize>div img{
    width: 28px;
}
.own-shop {
    padding: 84px 0 63px;
    color: #fff;
    font-size: 34px;
}
.own-shop .btn {
    margin: 54px auto 0;
}
.own-shop .btn a{
    color: #208dfc;
    font-size: 14px;
}
.function-banner{
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
/*价格模块*/
.edition {
    padding: 61px 0 50px;
}
.sj-edition{
    display: none;
}
.edition .edition-content {
    text-align: center;
    padding: 49px 0 16px 0;
}
.edition .title {
    font-size: 34px;
    color: #323232;
}
.edition .order a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #fff;
}
.edition .order a:hover {
    background-color: #1a88fb;
    border-radius: 24px;
}
.editPrice {
    color: #208dfc;
    font-size: 48px;
    /* margin-right: 113px; */
}
.face{
    margin-right: 137px;
}
.have>div {
    margin-bottom: 15px;
}
.have img {
    width: 14px;
    height: 10px;
}
.editPrice span {
    font-size: 14px;
}
.r-title {
    color: #999;
}
.edition .order{
    /* width: 300px; */
    width: 180px;
    /* margin: 50px auto 0; */
    margin: 0 auto;
    height: 48px;
    border-radius: 24px;
    background-color: #208dfc;
    text-align: center;
    line-height: 48px;
}
.product-detail .title {
    font-size: 24px;
    color: #323232;
    padding: 52px 0 43px;
    border-bottom: 1px solid #e6e6e6;
}
.product-detail .detail {
    margin: 0 70px;
    padding-bottom: 81px;
}
.product-detail .detail>div{
    height: auto;
    padding-left: 60px;
    border-bottom: 1px solid #e6e6e6;
    color: #333;
    position: relative;
}

.product-detail .detail>div>div{
    height: auto;    
    margin-right: 90px;
    font-size: 20px;
    float: left;
    position: absolute;
    top: 50%;
    left: 60px;
    margin-top: -10px;
}
.product-detail .detail>div>p{
    width: 720px;
    padding: 30px 0;
    font-size: 14px;
    float: right;
}
/* .clearfix:after {
    content: " ";
    display: block;
    line-height: 0;
    height: 0;
    visibility: hidden;
    clear: both;
} */


header.header{width: 100%; height: 490px; }

header.header1 {
    background: url(home_banner/home_banner1.jpg) center/1920px 490px ;
}
.header-banner .swiper-slide {
    width: 100%;
}
header.header2 {
    background: url(home_banner/home_banner2.jpg) center/1920px 490px ;
}
header.header3 {
    background: url(home_banner/home_banner3.jpg) center/1920px 490px ;
}
/* 栅格布局 */
.base-grid1-1 {
    width: 100%;
}
.base-grid2-1 {
    width: 50%;
    float: left;
}
.base-grid3-2 {
    width: 66.6667%;
    float: left;
}
.base-grid4-1 {
    width: 25%;
    float: left;
}
.base-grid6-1 {
    width: 16.6667%;
    float: left;
}
.clearfix:after{
    content: '';
    display: table; 
    height: 0; 
    clear: both; 
}
.inner-box {
    width: 1100px;
    margin: 0 auto;
}
.pc-background:nth-child(2n-1) {
    background: #fff;
}
.pc-background:nth-child(2n) {
    background: #f5f6f7;
}
.cooperation {
    height: 280px;
    background: #fff;
}
.pc-cooper {
    background: #f5f6f7;
}
.cooperation.dynamic {
    padding-bottom: 0;
    background: #f5f6f7;
}
.wraper {
    min-width: 1100px;
}
.wraper-title h1{
    font-weight: normal;
    font-size:34px;
    color:rgba(50,50,50,1);
    line-height:48px;
    text-align: center;
    padding-top: 80px;
}
.wraper-title h2 {
    font-weight: normal;
    font-size:34px;
    color:rgba(50,50,50,1);
    line-height:48px;
    text-align: center;
    padding-top: 80px;
}
.wraper-title {
    margin-bottom: 50px;
}
.wraper .en-title {
    font-size:14px;
    color: RGBA(50, 50, 50, 1);
    line-height:18px;
    display: block;
    text-align: center;
    padding-top: 19px; 
    letter-spacing: 2px;
}
.wraper .ch-title {
    font-size: 14px;
    color: RGBA(50, 50, 50, 1);
    line-height:18px;
    display: block;
    text-align: center;
    padding-top: 19px; 
}
.box-shadow {
    box-shadow:0px 0px 10px rgba(0,0,0,0.1) !important;
}
.qr-box {
    opacity: 0;
}
.used {
    padding-bottom: 80px;
}
.used .more {
    margin-top: 20px;
}
.used .used-list {
    width: calc(25% - 20px);
}
.used-list {
    height:320px;
    background:rgba(255,255,255,1);
    border-radius:5px;
    margin:0 10px 20px 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.used-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.6s;
}

/* .used-list:hover .used-item{
    top: -160px;
} */
.used-item .top-img {
    padding: 40px 0 0 0;
    height: 120px;
}
.used-item .top-img img{
    display: inline-block;
    height: 100%;
}
.used-down {
    position: absolute;
    left: 0;
    right: 0;
    top: 161px;
    padding-top: 31px;
    background: #fff;
    transition: all 0.2s;
}
.used-item .img-title {
    height:20px;
    font-size:20px;
    color:rgba(51,51,51,1);
    margin-bottom: 20px;
}

.used-item .img-title+p {
    padding: 0 20px;
    /* margin-bottom: 36px; */
    margin-bottom: 24px;
    height: 38px;
    color: #666;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.used-item .scavenging {
    display: inline-block;
    color:rgba(32,141,252,1);
    margin-bottom: 9px;
    color: #666;
}
.used-item .play-endorsement {
    margin-right: -26px;
}
.used-item .play-endorsement:before {
    width: 16px;
    height: 16px;
    left: -22px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: cover;
}
.support-list img {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 120px;
}
.cooperation-swiper {
    margin-top: -10px;
}
.bottom-bar {
    height: 360px;
    background: url(bottom_bg.jpg) center;
}
.bottom-bar .inner-box {
    position: relative;
    height: 360px;
}
.bottom-bar .inner-box .btn {
    position: relative;
    position: absolute;
    right: 358px;
    bottom: 92px;
    background: transparent;
}
.bottom-bar .inner-box .btn .free {
    background: transparent;
    border: 1px solid #ffffff;
    color: #fff;
}
.bar-msg {
    padding-top: 90px;
    color:rgba(255,255,255,1);
    position: absolute;
    right: 140px;
}
.bar-msg .title {
    height:34px;
    font-size:34px;
    line-height:48px;
    text-align: center;
}
.bar-msg .msg {
    height:21px;
    font-size:32px;
    line-height:48px;
    margin-top: 19px;
    margin-bottom: 59px;
    text-align: center;
}
.bar-msg .title+.msg {
    font-size: 20px;
}
.btn {
    width:160px;
    height:44px;
    background:rgba(255,255,255,1);
    border-radius:4px;
    text-align: center;
}
.center {
    margin: 0 auto;
}
.btn a {
    display: inline-block;
    height: 100%;
    width: 100%;
    font-size:14px;
    margin: 0 auto;
    color:rgba(32, 141, 252, 1);
    line-height:44px;
}
.btn a:hover {
    background-color: #e3f1ff;
    border-radius: 4px;
}
.btn .free {
    background: #fafafa;
    border-radius:4px;
}
.btn .free:hover {
    background: #fff;
}
.more {
    border: 1px solid RGBA(32, 141, 252, 1);
}
.mobile-show {
    display: none !important;
}
.bottom-bar .btn {
    margin: 0 auto;
}
.about {
    background:rgba(47,54,61,1);
    position: relative;
    padding-bottom: 54px;
}
.about>.inner-box {
    padding-top: 60px;
    width: 900px;
}
.about .inner-box {
    color:rgba(255,255,255,1);

}
.about>.friend-link {
    padding: 31px 0 30px;
}
.friend-link a {
    color: #666;
}
.about>.copyright {
    padding: 0;
}
.friend-link p {
    font-size: 12px;
    line-height: 24px;
    color: #666;
}
.dynamic {
    padding-bottom: 70px;
    font-size: 0;
    background: #f5f6f7;
}
.act {
    padding-bottom: 70px;
    font-size: 0;
}
.act .table-box {
    width: calc(50% - 46px);
    float: left;
}
.act .table-box:nth-child(1) {
    margin-right: 46px;
}
.act .table-box:nth-child(2) {
    margin-left: 46px;
}
.act table {
    width: 100%;
    table-layout: fixed;
}
.act table th {
    font-weight: normal;
    text-align: left;
    padding-bottom: 8px;
}
.act table th:nth-child(2) {
    text-align: right;
}
.act table td:nth-child(1) a {
    color: #333;
}
.act table td:nth-child(2) {
    text-align: right;
    color: #999;
}
.act table td:nth-child(2) a{
    color: #999;
}
.act table th.title{
    font-size: 18px;
    color: #333333;
}
.act table th.moreDynamic {
    font-size: 14px;
    color: #999999;
    width: 100px;
}
.act table th.moreDynamic a {
    font-size: 14px;
    color: #999999;
}
.act table td {
    color: #333333;
    font-size: 14px;
    line-height: 28px;
    height: 28px;
    width: calc(100% - 10px);
}
.act table td a {
    height: 28px;
    width: 100%;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.about .inner-box h4 {
    height:16px;
    font-size:12px;
    margin-bottom: 18px;
    opacity: 0.8;
    font-weight: normal;
}
.about-list li:not(:last-child) {
    padding-bottom:10px;
}
.about-list li {
    font-size:12px;
    opacity: 0.6;
}
.about-list a {
    font-size:12px;
    color:rgba(255,255,255,1);
    line-height:16px;
}
.link {
    font-size: 12px;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 53px;
}
.contact {
    position: relative;
}
.usqrcode {
    position: absolute;
    right: -100px;
    top: 1px;
}
.usqrcode img {
    width: 90px;
}
li.area {
    height: 14px;
    overflow: hidden;
}
.link span{
    color: #666;
}
.link-all {
    display: none;
}
.link img {
    vertical-align: bottom;
    margin: 0 5px 0 20px;
}
.img-logo {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    border-radius: 50%;
    overflow: hidden;
}
.qr-code {
    font-size: 0;
}
.qr-code img{
    width: 100px;
    margin-bottom: 18px;
}
/* 轮播 */

.pagination {
    position: absolute;
    z-index: 20;
    bottom: 10px;
    width: 100%;
    text-align: center;
}
.swiper-pagination-switch {
    display: inline-block;
    margin: 0 5px;
    border-radius: 0;
    opacity: .1;
    width: 60px;
    height: 5px;
    background: RGBA(0, 0, 0, 1);
    cursor: pointer;
}
.swiper-active-switch {
    opacity: 1;
    background: rgba(32,141,252,1);
}
.cooperation .swiper-container {
    height: 68px;
}
/* 新闻内容 */
.news {
    background: #f5f6f7 !important;
}
.news-list {
    position: relative;
    margin: 0 40px;
}
.news-item {
    margin: 0 30px 0 20px;
    border-bottom: 1px dashed #E6E6E6;
}
.news-list:hover {
    background: #F7F9FA;
}
.news-item>h2 {
    color: #333;
    font-weight: normal;
    text-align: left;
    padding: 39px 0 13px;
    position: relative;
    font-size: 14px;
    height: 15px;
}
.news-list:hover .news-item>h1 {
    color: #0091FF;
}
.news .news-banner{
    width: 100%;
    height: 280px;
}
.init-icon {
    position: absolute;
    font-size: 10px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #FC6721;
    color: #fff;
    border-radius: 4px;
    top: 40px;
    left: -19px;
}
.news-item-text {
    line-height: 22px;
    font-size: 12px;
    color: #999;
}
.news-msg {
    margin-top: 15px;
    color: #999;
    font-size: 12px;
    margin-bottom: 40px;
    width: 410px;
    font-size: 0;
}
.news-msg i {
    font-size: 12px;
    display: inline-block;
    width: 33.33%;
    white-space: nowrap;
}
.news-module {
    margin-top: 40px;
    margin-bottom: 40px;
}
/* .news .inner-box {
    position: relative;
} */
.news-type {
    width: 180px;
    padding: 24px 0;
    background: #fff;
    float: left;
}

.news-type>div {
    display: block;
    line-height: 62px;
    width: 100%;
    text-align: center;
}
.news-type a {
    font-size: 14px;
    color: #333;
    display: inline-block;
    line-height: 62px;
    position: relative;
}
.news-type .cur {
    color: #0091FF;
}
.news-type .cur:before {
    content: '';
    position: absolute;
    width: 2px;
    height: 14px;
    left: -12px;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #0091FF;
}
.news-container {
    float: left;
    width: calc(100% - 270px);
    background: #fff;
    padding: 0 0 30px;
}
.pages {
    text-align: center;
    margin-top: 40px;
}
.news-container .record {
    margin-right: 11px;
    padding: 18px 0 18px 30px;
    border-bottom: 1px dashed #E6E6E6;
}

.news-container .record a {
    color: #0091FF;
    font-size: 14px;
}
.news-container .record span {
    margin: 0 -4px;
}
.news-container .record .current {
    color: #333;
}
.news-right {
    width: 250px;
    margin-left: 20px;
    float: right;
}
.news-right .news-r-item {
    background: #fff;
    margin-bottom: 20px;
}
.news-right .news-r-item h2 {
    font-size: 14px;
    color: #333;
    border-bottom: 1px dashed #F5F6F7;
    line-height: 50px;
    padding: 0 20px;
    position: relative;
    text-indent: 1em;
    font-weight: normal;
}
.news-right .news-r-item h2:after {
    content: '';
    width: 2px;
    height: 14px;
    position: absolute;
    left: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.bc-FC6721:after {
    background: #FC6721;
}
.bc-0091FF:after {
    background: #0091FF;
}
.news-right .news-r-item>.news-r-link {
    padding-top: 9px;
    padding-bottom: 28px;
}
.news-right .news-r-item>.news-r-link a {
    font-size: 12px;
    padding: 0 20px;
    color: #666;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    line-height: 24px;
}
.news-right .news-r-item>.news-r-link a:hover {
    color: #0091FF;
}
.news-right .news-r-item .news-r-imgs {
    padding: 20px 20px 0px;
    overflow: hidden;
}
.news-right .news-r-item .news-r-imgs img{
    width: 210px;
}
.news-right .news-r-item .news-r-img {
    margin-bottom: 15px;
    display: block;
}
.news-right .news-r-item .news-r-img>img{
    height: 140px;
    float: left;
    margin-bottom: 4px;
}
.news-right .news-r-item .news-r-img>p{
    font-size: 12px;
    float: left;
    line-height: 24px;
    color: #666;
}
/*.news-content>h2 {*/
.news-content>h1 {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin-top: 38px;
    margin-bottom: 20px;
    text-align: center;
}
.news-content {
    border-bottom: 1px solid #F5F6F7;
}
.news-content .abstract {
    padding: 20px 36px 25px 32px;
    margin: 0 55px;
    background: #F5F6F7;
}
.history-new {
    margin-top: 40px;
    margin-left: 59px;
}
.history-new>p:not(:nth-last-child(1)) {
    margin-bottom: 16px;
}
.history-new p a {
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: calc(100% - 55px);
}
.history-new p a:hover{
    color: #0091FF;
    text-decoration: underline;
}
.news-content .abstract p {
    font-size: 12px;
    color: #666;
    line-height: 22px;
}
.news-content .abstract p em {
    font-size: 12px;
    color: #333;
    font-weight: bold;
}
.news-content>p {
    font-size: 0;
    width: 460px;
    margin: 0 auto;
    margin-bottom: 21px;
}
.news-content>p i {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    width: 33.333%;
    color: #999;
}
.news-wraper {
    padding: 30px 10px 30px 30px;
    display: block;
    position: relative;
    transition: all 0.2s;
}
.news-wraper:after {
    content: '';
    position: absolute;
    height: 1px;
    left: 30px;
    right: 10px;
    bottom: 0;
    border-bottom: 1px dashed #E6E6E6;
}
.news-wraper:nth-last-of-type(1):after {
    left: 0;
    right: 0;
}
.news-wraper:hover {
box-shadow: 0px 4px 6px 0px rgba(4,0,0,0.1);
}
.news-wraper:hover:after {
    border: none;
}
.news-wraper:hover .news-title {
    color: #0091FF;
}

.news-contents .news-title {
    font-size: 18px;
    margin:10px 0 16px;
}
.thumbnail {
    padding-right: 18px;
    line-height: 1;
    font-size: 0;
}
.thumbnail img {
    display: inline-block;
    width: 240px;
    height: 160px;
}
.news-contents {
    width: calc(100% - 258px);
}
.news-contents .news-text {
    text-indent: 0;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    text-align: justify;
    padding-right: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 64px;
}
.news-contents .from {
    font-size: 0;
    color: #666;
    margin-top: 12px;
}
.news-contents .from i {
    display: inline-block;
    font-size: 12px;
    margin-right: 50px;
}
.news-text {
    line-height: 28px;
    color: #666;
    /*text-indent: 2em;*/
    padding: 0 66px 40px 59px;
}
.news .menu {
    background: #fff;
}
.news .menu-item {
    float: left;
    margin-right: 50px;
    line-height: 60px;
    height: 60px;
    position: relative;
}
.news .menu-item a {
    display: block;
    height: 100%;
}
.news .menu-item.current:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;    
    background: #0091FF;
    bottom: 1px;
}
.news .menu-item.current a {
    color: #0091FF;
}
/* .news-container .menu {
    text-align: center;
    border-bottom: 1px solid #F5F6F7;
}
.news-container .menu>div {
    font-size: 0;
    display: inline-block;
}
.news-container .menu>div:hover {
    background: #f5f5f5;
}
.news-container .menu>div a {
    display: inline-block;
    margin: 0 25px;
    padding: 32px 0;
    font-size: 14px;
    color: #323232;
    box-sizing: border-box;
    border-bottom: 2px solid transparent;
}
.news-container .menu>div .current {
    border-bottom: 2px solid #0091FF;
} */
.about-news {
    margin-bottom: 80px;
}
.abount-container {
    width: calc(100% - 210px);
    margin-left: 210px;
    background: #fff;
    padding: 49px 0 63px;
}

.abount-container .about-title {
    color: #333;
    margin: 0 42px 40px 40px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #E6E6E6;
}
.abount-container .about-items {
    padding: 0 49px 0 39px;
    margin-right: -30px;
}
.abount-container .about-items>div {
    float: left;
    padding-right: 30px;
    width: 25%;
    box-sizing: border-box;
}
.abount-container .about-items>div img {
    margin-bottom: 20px;
}
/* case页面 */
.cases .select {
    margin-bottom: 20px;
    padding: 0 30px;
    font-size: 0;
    text-align: center;
}
.cases a.select-item {
    display: inline-block;
    width:120px;
    height:36px;
    line-height:36px;
    background:rgba(255,255,255,1);
    border-radius:18px;
    font-size:16px;
    text-align: center;
    color: rgb(50, 50, 50);
    margin: 0 10px 26px;
    color: RGBA(50, 50, 50, 1);
}
.cases a.select-item:hover{
    background-color: #e3f1ff;
}
.cases a.select-active, .cases a.select-active:hover{
    background:rgba(32,141,252,1);
    color:rgba(254,254,254,1);
}
.cases .case-header .banner-content {
    margin-top: 0;
}
.cases  .toggle .banner-title {
    margin-top: 150px;
}
.cases .case-header .banner-content .banner-feature {
    width: 750px;
    margin: 20px auto 0;
    line-height: 32px;
}
.banner-box{
    width: 770px !important;
    margin:28px auto 0;
}
/* 合作加盟页面 */
.introduction .introduce-header .banner-content {
    margin-top: 150px;
}


.introduction .swiper-container {
    /* width: 100%; */
    height: 425px;
} 

.introduction .swiper-list {
    background:rgba(255,255,255,1);
    /* box-shadow:0px 0px 10px rgba(0,0,0,0.1); */
    box-sizing: border-box;
    margin-top: 10px;
    margin: 0 15px;
    /* height: calc(100% - 72px); */
}

.introduction .swiper-content {
    color: RGBA(50, 50, 50, 1);
}

.introduction .swiper-title {
    margin: 53px 29px 15px 0;
    font-size:16px;
}
.introduction .swiper-text {
    line-height: 30px;
    margin: 0 29px 53px 0;
    color: #666;
}
.introduction .swiper-img {
    font-size: 0;
    padding: 20px;
    box-sizing: border-box;
}
.introduction .swiper-box {
    height: 50px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border: 1px solid #E6E6E6;
    padding: 0 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    box-sizing: border-box;
    line-height: 50px;
}
.introduction .pagination {
    bottom: 14px;
}
.pagination .swiper-pagination-switch {
    height: 3px;
    opacity: 1;
    width: 48px;
    background: RGBA(0, 0, 0, 0.05);
}
.pagination .swiper-active-switch {
    background: #208DFC;
}
.vframe .swiper-img {
    background: url(vframe.png);
    background-size: cover;
    width: 227px;
    height: 308px;
}
.vframe .swiper-box {
    width: 227px;
    height: 50px;
}
/* .vframe.swiper-slide {
    width: 227px !important;
}
.hframe.swiper-slide {
    width: 308px !important;
} */
.hframe .swiper-img {
    background: url(hframe.png);
    background-size: cover;
    width: 308px;
    height: 227px;
}

.hframe .swiper-list {
    width: 308px;
    padding-top: 50px;
}
.hframe .swiper-box {
    width: 308px;
    height: 50px;
}

.introduction .swiper-img img{
 
}

.introduction .img-box {
    /* display: table-cell; */
    /* vertical-align: middle; */
    /* margin: 0 19px; */
    width: 100%;
    height: 100%;
}
.introduction .img-box img {
    display: block; max-width:100%; margin-left:auto; margin-right:auto;
    height: 100%;
}
.introduction .history-box {
    position: relative;
}
.introduction .history-content {
    padding: 41px 30px;
    width: calc(50% - 75px);
    background:rgba(251,251,251,1);
    color:rgba(50,50,50,1);
    font-size: 0;
    border: 1px solid RGBA(240, 240, 240, 1);
    box-sizing: border-box;
    margin-bottom: 30px;
}
.introduction .history-box .history-content:nth-child(2){
    margin-top: 50px;
}
.introduction .left-time-line {
    margin-right: 75px;
    float: left;
}
.introduction .right-time-line {
    margin-left: 75px;
    float: right;
}

.introduction .month-title {
    font-size:34px;
}
.introduction .month-title+span {
    font-size:14px;
}
.introduction .month-content {
    font-size: 14px;
    width: calc(100% - 86px);
    display: inline-block;
    padding-left: 28px;
}
.introduction .month-item {
    margin-bottom: 58px;
}
.introduction .time-round,.time-text,.horizontal-line,.vertical-line,.dot {
    position: absolute;
}
.introduction .dot {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
}
.introduction .time-text {
    background: url(history_bg2.png);
    width: 100px;
    height: 46px;
    text-align: center;
    color: RGBA(100, 169, 239, 1);
    font-size: 16px;
    line-height: 46px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 50;
}
.introduction .time-round {
    background: url(history_bg2.png);
    background-position: 100px;
    width: 28px;
    height: 28px;
    background-position: 28px -9px;
}
.introduction .horizontal-line {
    width:22px;
    height:1px;
    background:RGBA(100, 169, 239, 1);
    border-radius:1px;
    position: absolute;
}
.introduction .vertical-line {
    width: 1px;
    background: RGBA(100, 169, 239, 1);
    left: 0;
    right: 0;
    margin: auto;
}
.introduce-banner{
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
}
.banner-header{
    height: 460px;
}
.banner-header .swiper-wrapper{
    height: 100%;
}
.banner-header .swiper-slide{
    height: 100%;
}
/* 地图 */
.introduction #map-content0, 
.introduction #map-content1, 
.introduction #map-content2, 
.introduction #map-content3, 
.introduction #map-content4 {
    width: calc(50% - 20px);
    height: 270px;
    margin-right: 20px;
}
.introduction #map-content4 iframe{	width: 100%;
		 height: 270px; overflow:hidden;}
.introduction .map-choise {
    text-align: center;
    font-size: 0;
}
.introduction .map-item {
    width:120px;
    height:36px;
    line-height:36px;
    background:rgba(255,255,255,1);
    border-radius:18px;
    border: 1px solid RGBA(237, 237, 237, 1);
    font-size: 16px;
    text-align: center;
    display: inline-block;
    margin: 0 15px;
    cursor: pointer;
    margin-bottom: 44px;
    box-sizing: border-box;
}

.map-msg {
    margin-top: 9px;
    width: calc(50% - 20px);
    margin-left: 20px;
}
.map-title {
    font-size: 24px;
    margin-bottom: 30px;
}
.map-msg p {
    line-height: 32px;
    font-size: 14px;
}
.cur {
    color:rgba(254,254,254,1);
    background: RGBA(32, 141, 252, 1);
    border: none;
}

.introduction .cur {
    color: rgba(254,254,254,1);
    background: RGBA(32, 141, 252, 1);
    border: none;
}
.function-container {
    padding-bottom: 20px;
}
/* 加盟 */
/* .join-us .join-header .banner-content {
    line-height: 390px;
} */
.join-us .join-card {
    border: 1px solid RGBA(237, 237, 237, 1);
    box-sizing: border-box;
    height: 220px;
    padding: 29px 30px 37px;
    margin-bottom: 30px;
    width: calc(50% - 10px);
}
.join-us .banner-title {
    text-align: center;
}
.join-us .banner-feature {
    text-align: center;
}
.join-us .join-card:hover {
    box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
.join-us .join-card:nth-child(2n+1) {
    margin-right: 10px;
}
.join-us .join-card:nth-child(2n) {
    margin-left: 10px;
}
.join-us .join-card .right-container {
    width: calc(100% - 156px);
    padding-left: 30px;
    box-sizing: border-box;
}
.join-us .card-item {
    width:calc(25% - 15px);
    height:400px;
    background:rgba(255,255,255,1);
    border: 1px solid RGBA(237, 237, 237, 1);
    box-sizing: border-box;
    margin-bottom: 80px;
    border-top-width: 0px;
    margin-left: 20px;
    position: relative;
}
.join-us .card-item:hover {
    box-shadow:0px 0px 10px rgba(0,0,0,0.1);
}
.join-us .card-item:nth-child(1) {
    margin-left: 0;
}

.join-us .card-item:nth-child(2n):after {
    content: '';
    display: block;
    position: absolute;
    left: -1px;
    right: -1px;
    top: 0;
    height: 5px;
    background: RGBA(255, 151, 15, 1);
}
.join-us .card-item:nth-child(2n+1):after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: -1px;
    right: -1px;
    height: 5px;
    background: RGBA(32, 141, 252, 1);
}
.join-us .card-img {
    margin: 62px 0 52px;
    text-align: center;
}
.join-us .card-title {
    font-size: 24px;
    padding: 0 32px 27px;
    text-align: center;
}
.join-us .card-msg {
    font-size: 14px;
    padding: 0 32px;
    color: RGBA(153, 153, 153, 1);
    line-height: 28px;
    text-align: center;
}
.join-us .card-img img {
    height: 60px;
    width: auto;
}
.join-us .right-container {
    color:rgba(102,102,102,1);
}
.join-us .right-container .qrcode {
    width: 88px;
    height: auto;
}
.join-us .person {
    height: calc(162px - 44px);
}
.join-us .phone p {
    margin-bottom: 2px;
}
.join-us .person-name {
    color:rgba(50,50,50,1);
}
.join-us .person-msg p {
    font-size:28px;
    margin-bottom: 2px;
}
.join-us .person-msg i {
    height:15px;
}
.join-us .right-container .person-phone p {
    font-size:16px;
}
.rate,.collaborate{
    position: absolute;
    width: 100%;
}
.rate{
    top: 40%;
}
.collaborate{
   top: 0;
}
.about-list li.wx-qr {
    opacity: 1;
}
.wx-qr a>span em{
    opacity: 0.6;
}
.wx-qr-box {
    position: absolute;
    /* background: #fff; */
    color: #333;
    text-align: center;
    /* padding: 10px; */
    z-index: 9999;
    top: -70px;
    display: none;
    padding-bottom: 12px;
}
.wx-qr-box:before {
    content: '';   
    width:0;
    height:0;
    border-width:10px 10px 0;
    border-style:solid;
    border-color:#fff transparent transparent;/*灰 透明 透明 */
    position: absolute;
    bottom: 2px;
    left: calc(50% - 10px);
}
.wx-qr-container {
    padding: 10px;
    background: #fff;
}
.wx-qr a:hover .wx-qr-box {
    display: block;
}
.wx-qr a:hover span em {
    color: #fff;
    opacity: 1;
}
.wx-qr-box .wx-qr-img img {
    height: 120px;
}
.wx-qr a:hover .wechat-icon {
    background-position: 78.57% -8px;
}
.wechat-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url(icon/global-icon.png);
    background-repeat: no-repeat;
    background-size: 625% auto;
    vertical-align: bottom;
    margin-right: 4px;
    background-position: 47.61% -8px;
}
/* 831代码 */
footer .link-to:hover {
    opacity: 1;
    color: #fff;
}
footer .link-to:hover a {
    text-decoration: underline;
}
.friend-link p {
    /*display: none;*/
}
.index .friend-link p {
    /*display: block;*/
}
.news-container .pagination {
    display: inline-block;
    padding-left: 0;
    border-radius: 0;
    position: static;
    width: auto;
}
.news .pagination>li {
    display: inline
}

.news .pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #666;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.news .pagination>li:first-child>a,.pagination>li:first-child>span {
    margin-left: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.news .pagination>li:last-child>a,.pagination>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.news .pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {
    z-index: 2;
    background-color: #ecf0f1;
    border-color: #ddd;
    color: #0091FF;
}

.news .pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {
    z-index: 3;
    color: #b4bcc2;
    background-color: #f5f5f5;
    border-color: #ddd;
    cursor: default
}

.news .pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {
    color: #b4bcc2;
    background-color: #fff;
    color: #b4bcc2;
    cursor: not-allowed
}

.news .pagination-lg>li>a,.pagination-lg>li>span {
    padding: 8px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.news .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.news .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.news .pagination-sm>li>a,.pagination-sm>li>span {
    padding: 2px 8px;
    font-size: 12px;
    line-height: 1.5
}

.news .pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.news .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.pager {
    padding-left: 0;
    margin: 20px 0;
    list-style: none;
    text-align: center
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0
}

.pager li>a:hover,.pager li>a:focus {
    text-decoration: none;
    background-color: #ecf0f1
}

.pager .next>a,.pager .next>span {
    float: right
}

.pager .previous>a,.pager .previous>span {
    float: left
}

.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {
    color: #b4bcc2;
    background-color: #fff;
    cursor: not-allowed
}
.news-content .video-js{
    display: block;
    height: 30vh;
    width: 100%!important;
    height: 30%;
}
#body.bigShot {
    background: #f5f6f7;
}
.bigShot .banner-content.toggle {
    top:150px;
}
.bigShot-list {
    padding: 20px 10px 70px;
    box-sizing: border-box;
}
.bigShot-item {
    width: 530px;
    height: 220px;
    box-sizing: border-box;
    padding: 42px 40px 42px 20px;
    background: #fff;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: all 0.2s;
}
.bigShot-item:hover {
    box-shadow: 0px 4px 6px 0px rgba(4,0,0,0.1);
}
.bigShot-item:nth-child(2n+1) {
    margin-right: 10px;
}
.bigShot-item:nth-child(2n) {
    margin-left: 10px;
}
.bigShot-item .bigShot-img {
    width: 136px;
    height: 136px;
    border-radius: 50%;
    margin-right: 20px;
    overflow: hidden;
}
.bigShot-item .bigShot-img img {
    width: 136px;
    height: 136px;
}
.bigShot-content {
    width: calc(100% - 136px - 20px);
}
.bigShot-content .bigShot-name {
    font-size: 14px;
    color: #999;
    margin-top: 16px;
    margin-bottom: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.bigShot-content .bigShot-name span {
    font-size: 20px;
    color: #333;
}
.bigShot-content .bigShot-name em {
    margin-left: 14px;
}
.bigShot-content .bigShot-desc {
    color: #333;
    font-size: 14px;
    line-height: 24px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.bigShot-item .playBigShot {
    position: absolute;
    bottom: 23px;
    right: 32px;
    color: #208dfc;
    cursor: pointer;
}

.playBigShot:before {
    content: '';
    width: 18px;
    height: 18px;
    left: -26px;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    background: url(icon/icon_play.png);
    background-size: cover;
}
.news-text img {
    max-width: 100%;
}
.mescroll {
    width: auto !important;
    height: auto !important;
    overflow: auto !important;
}
/* 多行超出隐藏 */
 .multiLine{
    width: 100%;
    height: 45px;
    overflow: hidden;
}
.multiLine span{
    width: 100%;
}
#lbb2{text-align:center; font-size:12px; width:94%; padding:0px 3%; color:#333; float:left; margin-top:20px; line-height:20px;}
#lbb2 span{margin-left:2px; margin-right:2px;color:#333;}
#lbb2 .current{ padding-left:8px; padding-right:8px; background-color:#0091FF; border:#0091FF solid 1px;color:#fff;padding-top:4px; padding-bottom:4px;}
#lbb2 A{ border:#ddd solid 1px; padding-left:8px; padding-right:8px; color:#333; padding-top:4px; padding-bottom:4px;margin-left:2px; margin-right:2px;}
#lbb2 A:hover{ border:#0091FF solid 1px;color:#0091FF;}
#lbb2 .pagebegin{ float:left;}
#lbb2 .page-num{ float:right;}
#piaofu{width:100%;height:65px;position:fixed;bottom:0px;left:0px; z-index:300;}
#dbg{ width:100%; height:55px; float:left; background:#2F363D;}
#footer{width:100%;float:left;HEIGHT:70px; background-color:#0091FF;filter:alpha(Opacity=90);-moz-opacity:.9;opacity:.9;background:-webkit-linear-gradient(top, #0091FF,#0091FF);}#footer UL{list-style-type:none;}#footer UL LI{width:24.2%;text-align:center;height:70px;text-align:center;float:left}#footer UL LI A{width:100%; padding-top:5px; height:60px; padding-top:5px;overflow:hidden;display:block;cursor:pointer;font-size:14px;text-align:center;color:#fff;}#footer UL LI{background-repeat:no-repeat;background-position:center 8px}#footer UL LI span{ font-size:28px; font-weight:normal; margin-top:5px;};#footer UL LI  p{  font-size:14px; line-height:20px;}#footer UL LI.kg{width:1%;height:70px;background-repeat:repeat-y;background-position:center top}
#footer UL LI A:hover{color:#fff;}
#footer UL li a.sec{color:#fff;}
#baoming{ width:80%; float:left; padding:0px 10%;}

#bma{ width:100%; float:left;}
#bmb{ width:100%; float:left }
#guest{ width:100%; float:left; margin-top:10px; overflow:hidden;}
#guest p{ margin-top:1%; margin-bottom:1%; width:100%; float:left; text-align:center; color:#333;}
#guest p span{ float:left; font-size:15px; font-weight:bold; line-height:36px;}
#guest input,#guest textarea{float:left; display:inline-block; outline:none;border:0px;  font-size:14px; outline:none; padding-left:2%; border:0px; padding-right:2%; width:85%;border-radius:4px;}

#guest .input1{ height:36px; color:#666; background-color:#fff; }
#guest .input1::-webkit-input-placeholder{ color:#666;}
#guest .input2{  line-height:20px; color:#666; background-color:#fff; height:80px;}
#guest .input2::-webkit-input-placeholder{ color:#666;}
#guest .button2{color:#0091FF; width:20%; border:#0091FF solid 1px; color:#0091FF; font-weight:bold; text-align:center; background:none; cursor:pointer;  height:40px; font-size:16px;border-radius:4px;transition:all 0.3s ease-in-out 0s; float:right;}
#guest .button2:hover{ background-color:#0091FF; border:#0091FF solid 1px; color:#fff;}
.inner-box td{ padding:2px 5px;}
@media only screen and (max-width: 840px){.inner-box td{ font-size:13px;}#guest p span{ font-size:12px; line-height:28px;}#guest input,#guest textarea{ height:28px; width:76%; font-size:12px;}#guest .button2{ font-size:14px; height:36px; width:35%;}#guest .input1{ height:28px;}.news-container { padding-bottom:5px;}#ycf{ display:none;}
.news-container{ width:100%; margin-top:-8%;}.news-contents .news-title {
    font-size: 16px;
    margin:5px 0 8px; height:30px; line-height:30px; 	TEXT-OVERFLOW: ellipsis;
	WHITE-SPACE: nowrap;
	OVERFLOW: hidden;
}
.thumbnail {width:25%;
    line-height: 1;
    font-size: 0; height:150px; overflow:hidden;
}
.thumbnail img {
    display: inline-block; width:100%; min-height:150px;
}
.news-contents {
    width:66%;
}
.news-contents .news-text {
    text-indent: 0;
    padding: 0;
    line-height: 20px;
    font-size: 12px;
    color: #999;
    text-align: justify;
    padding-right: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 64px;
}.news-contents .from i{ float:right; margin-right:0px;}}
@media only screen and (max-width: 600px){#lbb2 .pagebegin{display:none;}.thumbnail{height:90px;}.thumbnail img { min-height:90px;}.news-contents .news-title {  margin:2px 0 2px; font-size: 14px;height:25px; line-height:25px; font-weight:bold;}.news-contents .news-text {  -webkit-line-clamp: 2;height: 40px;}.news-wraper {
    padding: 10px;

}.news-wraper:after { left:10px;}.news-contents .from {
    margin-top: 2px;
}}
@media only screen and (max-width: 500px){.thumbnail { display:none;}.news-contents { width:100%;}.news-contents .news-title { font-size:12px;}}