@charset "utf-8";
body {
    font-family: "思源黑体", Arial;
    margin: 0;
    background: #F4F5FA;
    padding: 0;
    color: #1F253A;
}

p, dl, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

a:focus, a:hover {
    text-decoration: none;
}

img {
    border: none;
    outline: none;
}

input {
    border: none;
    outline: none;
    background: none;
}

input::-moz-placeholder {
    color: rgba(105, 108, 108, 0.5);
}

input:-ms-input-placeholder {
    color: rgba(105, 108, 108, 0.5);
}

input::-webkit-input-placeholder {
    color: rgba(105, 108, 108, 0.5);
}

input::placeholder {
    color: rgba(105, 108, 108, 0.5);
}

textarea::-moz-placeholder {
    color: rgba(105, 108, 108, 0.5);
}

textarea:-ms-input-placeholder {
    color: rgba(105, 108, 108, 0.5);
}

textarea::-webkit-input-placeholder {
    color: rgba(105, 108, 108, 0.5);
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

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

.clearfix {
    *zoom: 1;
}

/*注册*/
.main_register {
    position: fixed; left: 0; top: 0;  height:100%; width:100%; background:url(/web/20220314081139im_/http://realwearapp.com/web/images/bg_login2.jpg) no-repeat center center; background-size:cover;
}
.main_register .main_logo{ margin-bottom: 44px;}
.main_register hr{ margin-top: 12px; margin-bottom: 23px;}
.register_left {
    width: 410px;
    height: 494px;
    position: fixed;
    left: 50%;
    margin-left: -205px;
    border-radius: 8px;
    top: 50%;
    margin-top: -247px;
    background: #fff;
    overflow: hidden;
    padding-left: 55px;
    padding-right: 55px;
    padding-top: 46px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.register_left .main_logo img {
    max-width: 100%;
}

@media (max-width: 768px) {
    .register_left {
        width: 340px;
        margin-left: -170px;
        padding-left: 30px;
        padding-right: 29px;
    }
}

.login_nav {
    border-bottom: 1px solid #EAEDF3;
    padding-bottom: 7px;
}

.login_nav a {
    font-size: 22px;
    color: #3E3F42;
    margin-right: 20px;
}

.login_nav a.active {
    font-size: 30px;
    color: #007BFF;
}

.register_form {
    padding-top: 23px;
}

.register_form label {
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: #9EA0A5;
    margin-bottom: 8px;
}

.register_form input {
    display: inline-block;
    cursor: pointer;
    height: 38px;
    line-height: 38px;
    margin-bottom: 18px;
    border: 1px solid #E2E5ED;
    border-radius: 4px;
    width: 100%;
    padding-left: 16px;
    padding-right: 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.register_form input#password {
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/icon_password_see.png) no-repeat 96% center;
}

.register_form input#password1 {
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/icon_password_see.png) no-repeat 96% center;
}

.register_form dl {
    margin-top: 4px;
    overflow: hidden;
    padding-bottom: 30px;
    border-top: 1px solid #EAEDF3;
    padding-top: 25px;
}

.register_form dt {
    font-size: 16px;
    font-weight: normal;
    color: #3E3F42;
    margin-bottom: 17px;
}

.register_form dd {
    font-size: 14px;
    cursor: pointer;
    position: relative;
    color: #9EA0A5;
    float: left;
    width: 133px;
    height: 108px;
    padding-top: 69px;
    text-align: center;
    border: 1px solid #E2E5ED;
    border-radius: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.register_form dd.index0 {
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/icon_person_grey.png) center 25px no-repeat;
    margin-right: 15px;
}

.register_form dd.index1 {
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/icon_company_grey.png) center 25px no-repeat;
}

.register_form dd.selected {
    border: 2px solid #007BFF;
    color: #1665D8;
}

.register_form dd.selected::after {
    content: "";
    display: inline-block;
    position: absolute;
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    width: 22px;
    height: 22px;
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/icon_login_selected.png) no-repeat;
}

.register_form dd.index0.selected {
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/icon_person_blue.png) center 25px no-repeat rgba(22, 101, 216, 0.04);
}

.register_form dd.index1.selected {
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/icon_company_blue.png) center 25px no-repeat rgba(22, 101, 216, 0.04);
}

.register_form input.register_btn {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: #007BFF;
    border: none;
}

.img_right {
    float: right;
    width: 365px;
    position: relative;
}

.img_right img {
    width: 100%;
    height: auto;
}

.img_right .per_info {
    position: absolute;
    width: 74%;
    bottom: 40px;
    left: 50%;
    margin-left: -37%;
}

.per_info p {
    font-size: 16px;
    line-height: 24px;
    color: #fff;
}

.per_info h2 {
    margin-top: 17px;
    font-size: 14px;
    line-height: 28px;
    color: #fff;
    padding-left: 40px;
    background-size: 28px auto;
    background-position: left center;
    background-repeat: no-repeat;
}

.footer_word {
    position: fixed;
    width: 100%;
    bottom: 10px;
    z-index: 1;
    text-align: center;
    font-size: 14px;
    color: #fff;
    left: 0;
}

.register_cover{ padding-top: 15px; height: 650px; top: 50%; overflow: auto; margin-top: -325px; }
.register_cover .main_logo{ margin-bottom: 10px;}
/*首页*/
.position {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.headerbox {
    background: #2A364E;
    padding-top: 33px;
}

.headerbox .header-top {
}

.header-top a.logo {
    float: left;
    width: 22.5%;
    margin-top: 3px;
}

.header-top a.logo img {
    max-width: 100%;
    height: auto;
}

.header-top .formbox {
    float: right;
    width: 37.5%;
    overflow: hidden;
}

.formbox .searchbox {
    float: right;
    width: 57.3%;
    height: 48px;
    position: relative;
    line-height: 48px;
    background: #1D283D;
}

.searchbox input {
    display: inline-block;
    width: 100%;
    padding-left: 16px;
    padding-right: 34px;
    line-height: 48px;
    font-size: 13px;
    color: #A8AFC8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.formbox .button {
    position: absolute;
    right: 16px;
    padding-left: 0;
    padding-right: 0;
    top: 16px;
    display: block;
    width: 18px;
    height: 18px;
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/icon_nav_search.png) no-repeat;
}

.formbox .loginbox {
    margin-left: 20px;
    float: right;
    width: 23.3%;
    text-align: center;
    font-size: 13px;
    color: #A8AFC8;
    background: #1D283D;
    line-height: 48px;
    height: 48px;
}

.loginbox a {
    font-size: 13px;
    color: #A8AFC8;
}

.loginbox a:hover {
    color: #007BFF;
}

.headerbox .header-bottom {
    padding-top: 20px;
}

.header-bottom ul.navbox {
    float: left;
}

.navbox li {
    float: left;
    margin-right: 5px;
    position: relative;
}
.navbox li > a {
    display: block;
    border-bottom: 4px solid #2A364E;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    line-height: 48px;
    height: 48px;
}

.navbox li:hover > a {
    border-bottom: 4px solid #007BFF;
}

.navbox li.current > a {
    border-bottom: 4px solid #007BFF;
}
.navbox li .subnav{ display:none;position: absolute; width: 100%; padding: 15px 0; left: 0; top: 48px; z-index: 100; background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.navbox li .subnav a{ display: block; text-align: center; font-size: 13px; color: #2A364E; line-height: 32px;}
.header-bottom p.phone {
    float: right;
    margin-top: 16px;
    padding-left: 22px;
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/icon_nav_phone.png) no-repeat left center;
    font-size: 13px;
    color: #A8AFC8;
}

/*手机版导航*/
.mobileNav {
    display: none;
    position: absolute;
    top: 80px;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
}

.mobileNav .close {
    float: right;
    opacity: 1;
    margin-right: 15px;
    width: 25px;
    height: 25px;
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/close.png) no-repeat;
    background-size: 20px auto;
}

.mobileNav ul {
}

.mobileNav ul li {
    line-height: 40px;
    border-bottom: 1px solid #ddd;
}

.mobileNav ul li a {
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 52px;
}

/*.mobileNav ul li span.addBtn{ display: inline-block;cursor: pointer; width:60px; height:50px; line-height: 50px; position: absolute;text-align:center;right: 0px; top: 0px; z-index: 100;}*/
/*.mobileNav ul li span.addBtn img{width: 20px; height: auto;}*/
/*.mobileNav ul li>a{ display:block; border-bottom:1px solid #fff; width:100%; line-height:50px; padding-left:22px; margin:auto; font-size:16px; color:#fff; }*/
/*.mobileNav ul li dl{ display:none; background:#fff;}*/
/*.mobileNav ul li dl dd{ margin:auto;  }*/
/*.mobileNav ul li dl dd a{ line-height:40px; color:#015aa5; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;}*/
.video-js .vjs-tech {
    z-index: 100 !important;
}

.swiper-container {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.swiper-slide {
    text-align: center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
}

.bannerbox .swiper-container{
    height: 675px;
}

.bannerbox .swiper-slide {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.banner_index .swiper-slide {
    position: relative;
}
.banner_index .swiper-slide.ban_video img{
    width: 100%;
    height: auto;
}
.banner_index .swiper-slide video {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    object-fit: contain;
}

.bannerbox .swiper-pagination {
    
    bottom: 35px;
}

.bannerbox .swiper-pagination-bullet {
    width: 40px;
    height: 4px;
    background: #007BFF;
    border-radius: 0;
    opacity: .2;
}

.bannerbox .swiper-pagination-bullet-active {
    
    opacity: 1;
}

.bannerbox .banner1 {
    padding-top: 150px;
    position: relative;
}

.banner1 h1 {
    font-size: 50px;
    color: #333;
    font-weight: 600;
    margin-bottom: 80px;
}

.banner1 span {
    display: block;
    font-size: 24px;
    color: #999;
    line-height: 33px;
    font-weight: 600;
}

.banner1 a,.banner2 a{
    display: inline-block;
    width: 150px;
    margin-top: 120px;
    text-align: center;
    height: 60px;
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    line-height: 60px;
    background: #007BFF;
}

.banner1 a:hover,.banner2 a:hover {
    opacity: .8;

}
.banner1 .banner-left{text-align: left;;}
.banner1 .banner-right{ position: absolute;right: 0; top: 56px; width: 46.8%;}
.banner-right img{ max-width: 100%; height: auto;}

.banner2{position: relative; padding-top: 140px; text-align: left;}

.banner2 .banner-right{ position: absolute;right: 0; top: 100px; width:44%;}
.banner-right li{ float: left; width: 47%; margin-right:6%; margin-bottom: 106px;}
.banner2 h2{ font-size: 50px; color: #fff; font-weight: 500; margin-bottom: 20px;}
.banner2 h3{ font-size: 32px; color: #fff; font-weight: 500;}
.banner2 p{ font-size: 24px; font-weight: 600; color: #fff; margin-top:49px;}

/* .bannerbox .swiper-slide video{
    width: 100%;
    height: 100%;
    object-fit:contain;
} */
.section1 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.sec_title {
    text-align: center;
}

.sec_title h1 {
    font-size: 40px;
    color: #1F253A;
    margin-bottom: 20px;
}

.sec_title span {
    font-family: arial;
    letter-spacing: 8px;
    color: #999;
    font-size: 14px;
}

.section1 ul.application {
    overflow: hidden;
    background: #fff;
    margin-top: 40px;
}

.application li {
    float: left;
    text-align: center;
    width: 33.333333333333333%;
    border-right: 1px solid #EDEEF4;
    border-bottom: 1px solid #EDEEF4;
}

.application li a {
    display: block;
    padding-top: 60px;
    padding-bottom: 44px;
}

.application li img {
    max-width: 100%;
    height: auto;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
}

.application li p {
    font-size: 15px;
    color: #1F253A;
    margin-top: 15px;
    margin-bottom: 16px;
}

.application li span {
    color: #007BFF;
    font-size: 13px;
    line-height: 24px;
    width: 48px;
    display: inline-block;
    height: 24px;
    border: 1px solid #007BFF;
    border-radius: 50px;
}

.application li:hover p {
    color: #007BFF;
}

.application li:hover span {
    background: #007BFF;
    color: #fff;
}

.section1 a.app_more, .section2 .pcw_more, .section4 a.guide_more, .tk_style a {
    display: block;
    width: 120px;
    text-align: center;
    margin: auto;
    margin-top: 40px;
    height: 40px;
    background: #007BFF;
    color: #fff;
    line-height: 40px;
}

.section2 {
    background: #fff;
    padding-top: 80px;
    padding-bottom: 80px;
}

.section2 .container {
    position: relative;
}

#swiper-container1 {
    padding-top: 40px;
}

.section2 .swiper-slide a {
    display: block;
}

.section2 .swiper-slide .imgbox {
    width: 41%;
    float: left;
    overflow: hidden;
}

.section2 .swiper-slide .imgbox img {
    width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

.section2 .swiper-slide .pcw-right {
    float: right;
    width: 56%;
    text-align: left;
}

.pcw-right h2 {
    font-size: 20px;
    margin-bottom: 15px;
    color: #1F253A;
}

.pcw-right p {
    font-size: 15px;
    margin-bottom: 20px;
    height: 42px;
    overflow: hidden;
    color: #5C6583;
    line-height: 20px;
}

.pcw-right span {
    font-size: 15px;
    color: #A8AFC8;
}

.section2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -100px;
}

.section2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -100px;
}

.section2 .swiper-slide:hover .imgbox img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.section2 .swiper-slide:hover h2 {
    color: #007BFF;
}

.section2 .swiper-slide:hover p {
    color: #007BFF;
}

.section2 .swiper-slide:hover span {
    color: #007BFF;
}

.section3 {
    padding-top: 60px;
    padding-bottom: 80px;
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/bg_home_shop.jpg) no-repeat center top;
}

.section3 .container {
    position: relative;
}

.section3 .sec_title h1 {
    color: #fff;
}

.section3 .sec_title span {
    color: rgba(255, 255, 255, .4);
}

#swiper-container2 {
    margin-top: 60px;
}

.section3 .swiper-slide {
    padding: 0 15px 20px;
}

.section3 .swiper-slide .imgbox {
    overflow: hidden;
}

.section3 .swiper-slide .imgbox img {
    max-width: 100%;
    height: auto;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

.section3 .swiper-slide a {
    display: block;
    width: 100%;
    background: #fff;
    padding-top: 20px;
    padding-bottom: 23px;
    box-shadow: 0px 10px 14px 0px rgba(69, 73, 91, 0.08);
    -webkit-box-shadow: 0px 10px 14px 0px rgba(69, 73, 91, 0.08);
    -o-box-shadow: 0px 10px 14px 0px rgba(69, 73, 91, 0.08);
    -moz-box-shadow: 0px 10px 14px 0px rgba(69, 73, 91, 0.08);
}

.section3 .swiper-slide h2 {
    font-size: 24px;
    color: #1F253A;
    margin-bottom: 20px;
}

.section3 .swiper-slide span {
    font-size: 14px;
    color: #007BFF;
}

.section3 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    left: -100px;
}

.section3 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    right: -100px;
}

.section3 .swiper-button-next, .section3 .swiper-button-prev {
    margin-top: 0;
}

.section3 .swiper-slide:hover .imgbox img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.section3 .swiper-slide:hover h2 {
    color: #007BFF;
}

.section3 .swiper-slide:hover span {
    color: #007BFF;
}

.section4 .guide_box {
    margin-top: 40px;
    background: #fff;
    padding: 40px;
}

.guide_box .videobox {
    float: left;
    width: 50.9%;
}

.videobox img {
    width: 100%;
    height: auto;
}

.videobox .video-cover {
    position: relative;
}

.video-cover .playbtn {
    position: absolute;
    left: 50%;
    margin-left: -30px;
    top: 50%;
    margin-top: -40px;
    width: 60px;
    height: 80px;
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/icon_home_play.png) no-repeat;
}

.video-cover p {
    font-size: 15px;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    line-height: 40px;
    background: rgba(0, 0, 0, 0.5);
    height: 40px;
}

.videobox video {
    width: 100%;
    height: 100%;
}

.guide_box ul.guide_list {
    float: right;
    width: 45.7%;
}

.guide_list li {
    border-bottom: 1px solid #EDEEF4;
}

.guide_list li a {
    display: block;
    padding-top: 20px;
    overflow: hidden;
    padding-bottom: 20px;
}

.guide_list li .guide_tit {
    float: left;
}

.guide_tit img {
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

.guide_tit span {
    font-size: 15px;
    color: #1F253A;
    margin-left: 10px;
}

.guide_list li p {
    float: right;
    width: 48px;
    text-align: center;
    margin-top: 8px;
    height: 24px;
    line-height: 24px;
    border: 1px solid #007BFF;
    border-radius: 50px;
    font-size: 13px;
    color: #007BFF;
}

.guide_list li:hover span {
    color: #007BFF;
}

.guide_list li:hover p {
    color: #fff;
    background: #007BFF;
}

.section5 {
    background: #fff;
    margin-top: 80px;
    padding-top: 60px;
}

.section5 .line-b {
    width: 80px;
    height: 4px;
    background: #007BFF;
    margin: auto;
    margin-top: 25px;
}

.section5 .text-box {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    margin-top: 28px;
    color: #6B6F82;
}

.section5 .about_btn {
    width: 300px;
    position: relative;
    z-index: 1;
    display: block;
    margin: auto;
    margin-top: 60px;
    border-radius: 50px;
    height: 43px;
    line-height: 43px;
    background: #F4F5FA;
}

.about_btn a {
    font-size: 16px;
    display: inline-block;
    color: #464855;
    width: 150px;
    text-align: center;
}

.about_btn a.active {
    border-radius: 50px;
    color: #fff;
    background: #007BFF;
}

.home_map {
    margin-top: -100px;
    z-index: 0;
    position: relative;
}

.about_text img {
    max-width: 100%;
    height: auto;
}

.about_text .about-newstext {
    display: none;
}

.footerbox {
    background: #353745;
    overflow: hidden;
    padding-top: 55px;
    padding-bottom: 50px;
}

.footerbox .foot-up {
    padding-bottom: 80px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.foot-up img {
    float: left;
    width: 14.5%;
}

.foot-up .foot-nav {
    float: right;
    width: 80%;
}

.foot-nav dl {
    float: left;
    width: 20%;
    text-align: center;
}

.foot-nav dl dt {
    margin-bottom: 20px;
}

.foot-nav dl dt a {
    font-size: 14px;
    color: #A5A8BB;
}

.foot-nav dl dd a {
    font-size: 14px;
    line-height: 34px;
    color: #7F829A;
}

.copyright {
    float: left;
    color: #898EA2;
    font-size: 14px;
}

.foot-nav dl dt a:hover, .foot-nav dl dd a:hover {
    color: #007BFF;
}

.footerbox ul {
    float: right;
    overflow: hidden;
}

.footerbox ul li {
    width: 18px;
    float: left;
    margin-left: 30px;
    height: 18px;
    background-position: center center;
    background-repeat: no-repeat;
}

.footerbox ul li.index0 {
    background-image: url(/web/20220314081139im_/http://realwearapp.com/web/images/footimg1.png);
}

.footerbox ul li.index1 {
    background-image: url(/web/20220314081139im_/http://realwearapp.com/web/images/footimg2.png);
}

.footerbox ul li.index2 {
    background-image: url(/web/20220314081139im_/http://realwearapp.com/web/images/footimg3.png);
}

.footerbox ul li.index3 {
    background-image: url(/web/20220314081139im_/http://realwearapp.com/web/images/footimg4.png);
}

.footerbox ul li.index0:hover {
    background-image: url(/web/20220314081139im_/http://realwearapp.com/web/images/footimg1-r.png);
}

.footerbox ul li.index1:hover {
    background-image: url(/web/20220314081139im_/http://realwearapp.com/web/images/footimg2-r.png);
}

.footerbox ul li.index2:hover {
    background-image: url(/web/20220314081139im_/http://realwearapp.com/web/images/footimg3-r.png);
}

.footerbox ul li.index3:hover {
    background-image: url(/web/20220314081139im_/http://realwearapp.com/web/images/footimg4-r.png);
}

.footerbox .footer_left{ width:70%; float: left;}
.footer_left h2{ font-size: 16px; font-weight: 700; color: #A5A8BB; margin-bottom: 15px;}
.footer_left p{ font-size: 14px; color: #898EA2; line-height: 28px;}
.footer_left p a{font-size: 14px; color: #898EA2;}
.footer_left p a:hover{color: #007BFF;}
.footerbox .footer_right{ width: 30%; text-align: right; float: right;}
.footer_right img{ width: 120px; max-width: 100%; height: auto;}

/*商品中心*/
.banner img {
    vertical-align: bottom;
    width: 100%;
    height: auto;
}

.solution {
    padding-top: 80px;
    padding-bottom: 80px;
}

.solution .title_box {
    text-align: center;
}

.title_box h1 {
    font-size: 40px;
    color: #1F253A;
    margin-bottom: 24px;
}

.title_box p {
    color: #A8AFC8;
    font-size: 20px;
}

.solution ul.solution_list {
    padding-top: 40px;
}

.solution_list li {
    float: left;
    margin-bottom: 24px;
    background: #fff;
    width: 32.2%;
    margin-right: 1.7%;
    border: 1px solid #A8AFC8;
}

.solution_list li a {
    display: block;
    padding: 40px;
}

.solution_list li img {
    max-width: 100%;
    height: auto;
}

.solution_list li h2 {
    font-size: 24px;
    font-weight: bold;
    color: #1F253A;
    margin-top: 20px;
    margin-bottom: 26px;
}

.solution_list li p {
    font-size: 18px;
    height: 153px;
    color: #1F253A;
    line-height: 24px;
}

.solution_list li span {
    font-size: 15px;
    color: #007BFF;
}

.solution_list li:hover h2, .solution_list li:hover p {
    color: #007BFF;
}

.HMT img {
    width: 100%;
    height: auto;
}

.listbox {
    overflow: hidden;
    padding-top: 112px;
    padding-bottom: 25px;
}

.listbox li {
    float: left;
    padding: 0 30px;
    margin-bottom: 74px;
    width: 33.3%;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.listbox li h2 {
    margin-top: 32px;
    margin-bottom: 10px;
    font-size: 24px;
    color: #1F253A;
}

.listbox li p {
    font-size: 15px;
    line-height: 22px;
    color: #1F253A;
}

.tk_style {
    background: #3d3f4e;
    padding-top: 80px;
    padding-bottom: 76px;
}

.tk_style h1 {
    text-align: center;
    font-size: 40px;
    color: #fff;
    margin-bottom: 24px;
}

.tk_style p {
    font-size: 20px;
    text-align: center;
    color: #A8AFC8;
}

.tk_style ul {
    overflow: hidden;
    padding-top: 68px;
}

.tk_style ul li {
    float: left;
    width: 16.2%;
    border: 1px solid #a4a4a4;
    margin-right: .56%;
}

.tk_style ul li img {
    width: 100%;
    height: auto;
}

.pj_shop {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 120px;
}

.pj_shop h1 {
    font-size: 40px;
    color: #1F253A;
    margin-bottom: 24px;
}

.pj_shop p {
    font-size: 20px;
    color: #A8AFC8;
    margin-bottom: 35px;
}

.pj_shop .pj_left {
    width: 48.75%;
    background: #fff;
    float: left;
    padding: 27px;
}

.pj_shop .pj_left img {
    max-width: 100%;
    height: auto;
}

.pj_shop .pj_left h2 {
    font-size: 18px;
    font-weight: bold;
    color: #1F253A;
    margin-top: 36px;
    margin-bottom: 20px;
}

.pj_shop .pj_left a {
    display: inline-block;
    width: 96px;
    height: 32px;
    line-height: 32px;
    font-size: 15px;
    color: #fff;
    background: #007BFF;
}

.pj_shop ul.pj_right {
    width: 48.3%;
    float: right;
}

.pj_shop ul.pj_right li {
    background: #fff;
    margin-bottom: 20px;
    float: left;
    width: 48.2%;
    margin-right: 3.6%;
    padding: 27px;
}

.pj_shop ul.pj_right li img {
    width: 78%;
    max-width: 100%;
    height: auto;
}

.pj_shop ul.pj_right li h2 {
    font-size: 18px;
    margin-top: 13px;
    margin-bottom: 20px;
    font-weight: bold;
    color: #1F253A;
}

.pj_shop ul.pj_right li a {
    display: inline-block;
    width: 96px;
    height: 32px;
    line-height: 32px;
    font-size: 15px;
    color: #fff;
    background: #007BFF;
}

/*App应用*/
.appbox {
    padding-top: 40px;
}

.appbox h1 {
    font-size: 15px;
    margin-bottom: 20px;
    color: #007BFF;
}

.appbox .app_search {
    padding: 5px 40px 18px;
    background: #fff;
}

.app_search .app_search_filter {
    border-bottom: 1px solid #EAEAEA;
    padding-top: 20px;
}

.app_search .app_search_filter label {
    font-size: 14px;
    width: 76px;
    color: #1F253A;
    display: inline-block;
    float: left;
}

.app_search .app_search_filter ul {
    float: left;
    width: 1040px;
}

.app_search .app_search_filter ul li {
    float: left;
    display: inline-block;
    cursor: pointer;
    height: 26px;
    margin-right: 20px;
    line-height: 22px;
    border-radius: 50px;
    background: #F4F5FA;
    border: 1px solid #F4F5FA;
    font-size: 14px;
    color: #5C6583;
    padding: 0 10px;
    text-align: center;
    margin-bottom: 20px;
}

.app_search .app_search_filter ul li.active,.app_search .app_search_filter ul li:hover {
    border: 1px solid #007BFF;
    background: #ECF5FF;
    color: #007BFF;
}

.app_search .app_search_filter form.search {
    display: inline-block;
    position: relative;
    width: 300px;
    height: 32px;
    background: #F4F5FA;
    border: 1px solid #E0E4F4;
    border-radius: 50px;
    font-size: 14px;
    color: #1F253A;
    margin-bottom: 20px;
}

.app_search .app_search_filter input.textbox1 {
    display: inline-block;
    width: 100%;
    padding: 0 20px 0 30px;
    height: 32px;
    font-size: 14px;
    color: #A8AFC8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.app_search .app_search_filter input.app_btn {
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 1;
    width: 14px;
    display: inline-block;
    height: 32px;
    background: url(/web/20220314081139im_/http://realwearapp.com/web/images/icon_search_small.png) no-repeat left center;
}

.appbox .main_box {
    padding-top: 24px;
    padding-bottom: 20px;
}

.main_box .main_left, .app_container .main_left {
    float: left;
    width: 73.3%;
}

.main_left .box, .lists .box {
    background: #fff;
    margin-bottom: 20px;
    padding: 18px 40px 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.main_box h1 {
    font-size: 18px;
    color: #1F253A;
    font-weight: bold;
}

.main_left ul.result_list {
    padding-left: 20px;
}

.result_list li {
    padding-top: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #EAEAEA;
    overflow: hidden;
}

.result_list li .leftbox, .guide_use li .use_left {
    float: left;
    width: 80.5%;
    overflow: hidden;
}

.leftbox .imgbox {
    float: left;
    width: 80px;
    overflow: hidden;
    border: 1px solid #eaeaea;
    border-radius: 10px;
}

.leftbox .imgbox img {
    width: 100%;
    height: auto;
}

.leftbox .app_brief {
    float: right;
    width: 84.75%;
}

.app_brief h2 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #1F253A;
}

.app_brief dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.app_brief dl dd {
    font-size: 16px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #A8AFC8;
    color: #A8AFC8;
    line-height: 21px;
    padding-left: 22px;
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
}

.app_brief dl dd:last-child {
    border-right: none;
}

.app_brief dl dd span.star {
    margin-left: 5px;
}

.app_brief dl dd span i {
    font-style: normal;
    margin-right: 1px;
}

.app_brief dl dd span i::after {
    content: "★";
    display: inline-block;
    color: #FFBF00;
}

.app_brief p {
    font-size: 14px;
    color: #A8AFC8;
}

.result_list li a, .guide_use li span {
    float: right;
    width: 104px;
    height: 40px;
    background: #007BFF;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 40px;
    border-radius: 50px;
}
.btn-group-lg>.btn,.result_list li .btn-lg{ padding: 0 5px; font-size: 14px; display: block; height: 21px; line-height: 21px; border-radius: 3px;}
.result_list li .btn-primary{ background-color: #FFBF00; border-color:#FFBF00;}

#star{position:relative;width:600px;margin:20px auto;height:24px;}
#star ul,#star span{float:left;display:inline;height:19px;line-height:19px;}
#star ul{margin:0 10px;}
#star li{float:left;width:24px;cursor:pointer;text-indent:-9999px;background:url(/web/20220314081139im_/http://realwearapp.com/web/images/star.png) no-repeat;}
#star strong{color:#f60;padding-left:10px;}
#star li.on{background-position:0 -28px;}
#star p{position:absolute;top:20px;width:159px; z-index:100;height:60px;display:none;background:url(/web/20220314081139im_/http://realwearapp.com/web/images/icon.gif) no-repeat;padding:7px 10px 0;}
#star p em{color:#f60;display:block;font-style:normal;}

.block{ width:100%; margin:0 0 20px 0; padding-top:5px;line-height:21px;}
.block .star_score{ float:left;}
.star_list{height:21px;margin:50px; line-height:21px;}
.block p{ padding-left:20px; line-height:21px; display:inline-block;}
.block p span{ color:#ff0000; font-size:16px;}
.star_score { width:160px; height:21px;  position:relative; }
.star_score a{ height:21px; display:block; text-indent:-999em; position:absolute;left:0;}

#starttwo .star_score { background:url(/web/20220314081139im_/http://realwearapp.com/web/images/starky.png);}
#starttwo .star_score a:hover{ background:url(/web/20220314081139im_/http://realwearapp.com/web/images/starsy.png);left:0;}
#starttwo .star_score a.clibg{ background:url(/web/20220314081139im_/http://realwearapp.com/web/images/starsy.png);left:0;}

/*.result_list li .btn-primary:hover{ background-color: #FFBF00; border-color:#FFBF00;}*/
.main_box .main_right, .app_container .main_right {
    float: right;
    background: #fff;
    width: 25%;
    padding: 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.main_right dl {
}

.main_right dl dd {
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEAEA;
}

.main_right dl dd a {
    display: block;
}

.main_right dl dd .imgbox {
    float: left;
    width: 80px;
    overflow: hidden;
}

.main_right dl dd .imgbox img {
    width: 100%;
    height: auto;
}

.main_right dl dd .right_tj {
    float: right;
    width: 62%;
}

.right_tj h2 {
    font-size: 15px;
    margin-bottom: 5px;
    color: #1F253A;
    font-weight: bold;
}

.right_tj p {
    font-size: 13px;
    color: #5C6583;
    margin-bottom: 10px;
}

.right_tj span {
    font-size: 13px;
    color: #007BFF;
    text-align: center;
    display: inline-block;
    width: 70px;
    border-radius: 50px;
    height: 22px;
    line-height: 20px;
    border: 1px solid #007BFF;
}

.main_right dl dd:hover h2 {
    color: #007BFF;
}

.main_right dl dd:hover p {
    color: #007BFF;
}

.main_right dl dd:hover span {
    background: #007BFF;
    color: #fff;
}

/*App应用——应用详情*/
.app_container {
    padding-top: 40px;
}

.app_container .column_name {
    margin-bottom: 20px;
}

.column_name a {
    font-size: 15px;
    color: #5C6583;
}

.column_name a.active {
    color: #007BFF;
}

.main_left .app_info {
    background: #fff;
    padding: 40px;
    overflow: hidden;
}

.app_info .info_left {
    width: 82.5%;
    float: left;
    overflow: hidden;
}

.info_left .imgbox {
    width: 80px;
    float: left;
    overflow: hidden;
}

.info_left .imgbox img {
    width: 100%;
    height: auto;
    border: 1px solid #dfdfdf;
    border-radius: 10px;
}

.info_left .app_title {
    float: right;
    width: 84.7%;
}

.app_title h2 {
    font-size: 24px;
    color: #1F253A;
    font-weight: bold;
    margin-bottom: 15px;
}

.app_title h2 span {
    font-size: 18px;
    color: #A8AFC8;
    font-weight: normal;
}

.app_title dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.app_title dl dd {
    font-size: 16px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #A8AFC8;
    color: #A8AFC8;
    line-height: 21px;
    padding-left: 22px;
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
}

.app_title dl dd:last-child {
    border-right: none;
}

.app_title dl dd span.star {
    margin-left: 5px;
}

.app_title dl dd span i {
    font-style: normal;
    margin-right: 1px;
}

.app_title dl dd span i::after {
    content: "★";
    display: inline-block;
    color: #FFBF00;
}

.app_title .share {
    margin-top: 14px;
}

.share a {
    display: inline-block;
    width: 104px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #007BFF;
    border-radius: 50px;
}

.share a:hover {
    background: #007BFF;
    color: #fff;
}

.app_info .info_right {
    float: right;
    width: 13.3%;
    text-align: center;
}

.info_right img {
    max-width: 100%;
    height: auto;
}

.info_right p {
    font-size: 13px;
    color: #5C6583;
    margin-top: 7px;
}

.products_nav{margin-top: 20px; padding-top: 20px;padding-left: 40px; background: #fff;}
.products_nav a{display: inline-block; cursor: pointer; margin-right: 50px;
    padding: 0 15px; padding-bottom: 8px;
    font-size: 18px;
    font-weight: bold;
    color: #1F253A;
}
.products_nav a.active{ color: #007BFF; border-bottom: 2px solid #007BFF;}
.products_nav a span{ font-size: 16px; color: #007BFF;}
.products_content{ padding: 20px 40px; background: #fff; margin-bottom:40px;}
.products_content .contents_app{ display:none;}
.app_container .app_content {
    font-size: 13px;
    line-height: 26px;
    color: #5C6583;
}

.app_content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.app_content h2 {
    font-size: 18px;
    font-weight: bold;
    color: #1F253A;
    margin-bottom: 20px;
}
.app_content p {
    font-size: 13px;
    line-height: 26px;
    color: #5C6583;
}
.app_content ul li{
    list-style: disc;
}
.app_container .userComments{

}
.userComments h2{
    font-size: 18px;
    font-weight: bold;
    color: #1F253A;
    margin-bottom: 20px;
}
.userComments h2 span{ font-size: 16px; color: #007BFF;}
.userComments .totalScore{ overflow: hidden; width: 70%; margin: auto;}
.totalScore .leftScore{ width: 30%; float: left; text-align: center; padding-top: 20px;}
.leftScore h5{ font-size: 60px; color: #222; font-weight: 700;}
.leftScore p{ font-size: 16px; color: #444;}
.totalScore .rightScore{ width: 70%; float: right; margin-bottom: 20px;}
.rightScore p{ font-size: 16px; color: #999;}
.rightScore p a{ color: #007BFF; margin-left: 25px; cursor: pointer;}
.rightScore p a:hover{ color: #FFBF00;}

.userComments .comments_lists{margin-top:20px;padding-top: 20px; display: none; border-top: 1px solid #eaeaea;}
.comments_lists h2{ font-size: 16px;}
.userComments ul{}
.userComments ul li{ border-bottom: 1px solid #eaeaea; padding-bottom: 15px; margin-bottom: 18px;}
.userComments ul li h3{ font-size: 15px; color: #1F253A; font-weight: normal; margin-bottom: 5px;}
.userComments ul li span.score{
    margin-left: 5px;
}
.userComments ul li span.score i {
    font-style: normal;
    margin-right: 1px;
}
.userComments ul li span.score i::after {
    content: "★";
    display: inline-block;
    color: #FFBF00;
}
.userComments .userWords{
    font-size: 13px;
    line-height: 26px;
    color: #5C6583;
}

.app_container .recommend {

}

.review {
    border: 1px solid transparent;
    border-radius: 5px;
    color: #777;
    display: flex;
    font-size: 15px;
    align-items: center;
}
.review i{ color: #000;opacity: .3; font-style: normal; }
.review:hover {
    /*border: 1px solid #ddd;*/
    /*box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 0.7);*/
}

.progress {
    background-color: rgba(100, 100, 100, 0.2);
    border-radius: 5px;
    position: relative;
    margin: 0 10px;
    height: 10px;
    width: 200px;
}

.progress-done {
    background: linear-gradient(to left, rgb(254, 206, 63), rgb(255, 191, 0));
    box-shadow: 0 3px 3px -5px rgb(242, 112, 156), 0 2px 5px rgb(242, 112, 156);
    border-radius: 5px;
    height: 10px;
    width: 0;
    transition: width 1s ease 0.3s;
}
.mine_conments{clear: both; cursor: pointer; width: 120px; height: 40px; line-height: 40px; color: #fff; font-size: 16px; text-align: center; margin: auto; background: #FFBF00; border-radius: 8px;}

.recommend h2 {
    font-size: 18px;
    color: #1F253A;
    font-weight: bold;
}

.recommend ul {
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 20px;
}

.recommend ul li {
    float: left;
    width: 25%;
    text-align: center;
    padding: 8px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.recommend ul li img {
    max-width: 100%;
}

.recommend ul li p {
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
    color: #1F253A;
}

.recommend ul li span {
    font-size: 13px;
    color: #007BFF;
    display: inline-block;
    width: 46px;
    height: 24px;
    border: 1px solid #007BFF;
    line-height: 24px;
    border-radius: 50px;
}

.recommend ul li:hover p {
    color: #007BFF;
}

.recommend ul li:hover span {
    color: #fff;
    background: #007BFF;
}


.app_container .main_right h1 {
    font-size: 18px;
    color: #1F253A;
    font-weight: bold;
}

.main_list, .guide_use {
    background: #fff;
    padding: 18px 40px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.guide_use{ margin-bottom: 40px;}
.main_list li a, .guide_use li a {
    display: block;
}

.main_list li, .guide_use li {
    padding-top: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #EAEAEA;
    overflow: hidden;
}

.main_list li .list_left {
    width: 79.2%;
    float: left;
}

.main_list li h2, .guide_use li h2 {
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #1F253A;
}

.main_list li dl {
    overflow: hidden;
    margin-bottom: 10px;
}

.main_list li dl dd {
    font-size: 16px;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #A8AFC8;
    color: #A8AFC8;
    line-height: 21px;
    padding-left: 22px;
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
}

.main_list li dl dd:last-child {
    border-right: none;
}

.main_list li dl dd span.star {
    margin-left: 5px;
}

.main_list li dl dd span i {
    font-style: normal;
    margin-right: 1px;
}

.main_list li dl dd span i::after {
    content: "★";
    display: inline-block;
    color: #FFBF00;
}

.main_list li p, .guide_use li p {
    font-size: 14px;
    color: #A8AFC8;
}

.main_list li .list_right {
    width: 17.5%;
    float: right;
    overflow: hidden;
}

.list_right img {
    width: 100%;
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
}

.main_list li:hover h2 {
    color: #007bff;
}

.main_list li:hover img {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
}

.guide_use li h2 {
    vertical-align: middle;
}

.guide_use li img {
    margin-right: 10px;
}

.guide_use li span {
    margin-top: 20px;
    border: 1px solid #007bff;
    background: #ECF5FF;
    color: #007bff;
}

.guide_use li:hover h2, .guide_use li:hover p {
    color: #007bff;
}

.guide_use li:hover span {
    color: #fff;
    background: #007bff;
}


.pages {
    overflow: hidden;
    text-align: center;
    /*background: #fff;*/
    /*padding-top: 20px;*/
    /*margin-bottom: 40px;*/
    padding-bottom: 40px;
}

.pages a {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    color: #5C6583;
    margin: 0 5px;
    background: #efefef;
}

.pages b {
    display: inline-block;
    padding: 5px 15px;
    font-weight: normal;
    margin: 0 5px;
    font-size: 14px;
    color: #fff;
    background: #007BFF;
}

/*关于我们*/
.aboutbox {
    background: #fff;
    overflow: hidden;
    margin-bottom: 60px;
    padding: 30px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.aboutbox .about_left {
    float: left;
    width: 45%;
}

.about_left img {
    width: 100%;
    height: auto;
}

.aboutbox .about_right {
    float: right;
    width: 53%;
    font-size: 14px;
    line-height: 26px;
    color: #5C6583;
}

.aboutbox h2 {
    font-size: 20px;
    font-weight: 700;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 15px;
}
.aboutbox p{font-size: 14px;  line-height: 26px; color: #5C6583;}
.aboutbox ul.abotimgli{ overflow: hidden; text-align: center; width: 78%; margin: 0 auto; margin-top: 15px; margin-bottom: 15px;}
.aboutbox ul.abotimgli li{ width: 48%; margin: 0 1%; display: inline-block;}
.aboutbox ul.abotimgli li img{ max-width: 100%; height: auto;}
.aboutbox p img{ max-width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px;}

/*.navbar-toggle{ background: #231B40;}*/
.navbar-toggle {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.navbar-toggle .icon-bar {
    background: #231B40;
    width: 32px;
}

.navbar-toggle .icon-bar + .icon-bar {
    margin-top: 8px;
}

/*新闻中心列表*/
.submenu{ margin-bottom: 20px;}
.submenu a{ display: inline-block; margin: 0 5px; font-size: 15px; color: #5C6583; padding: 8px 12px; border: 1px solid #9a9a9a;}
.submenu a:hover{ background: #007BFF; color: #fff;  border: 1px solid #007BFF;}
.submenu a.current{ background: #007BFF; color: #fff;  border: 1px solid #007BFF;}
.newslists li{ background: #fff; overflow: hidden; margin-bottom: 30px;}
.newslists li a{ display: block;}
.newslists li .news_left{ float: left; width: 46.7%; padding-top: 24px; padding-left: 24px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.news_left p{ font-size: 15px; color: #007BFF; font-weight: 600; margin-bottom: 3px;}
.news_left span{ font-size: 13px; color: #B1B1B1; font-family: "Arial";}
.news_left h2{ font-size: 20px; margin-top: 80px; color: #020202; padding-right: 24px;}
.newslists li .news_right{ float: right; width: 53.3%; overflow: hidden;}
.newslists li img{ width: 100%; height: auto; opacity: 1;
    transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
}
.newslists li:hover h2{ color: #007BFF;}
.newslists li:hover img{ opacity: .6;}

/*新闻中心内容*/
.newsContent{ background: #fff; padding: 40px 30px; margin-bottom: 40px; }
.newsContent .titlebox{ text-align: center;}
.titlebox h1{ font-size: 24px; color: #2A364E; margin-bottom: 15px;}
.titlebox span{ font-size: 14px; color: #9a9a9a;}
.newsContent .newstext{ margin-top: 15px;}
.newstext p{ font-size: 15px; line-height: 30px; color: #2A364E;}
.newstext p img{ max-width: 100%; height: auto; margin-top: 10px; margin-bottom: 10px;}
.newsContent .return{ text-align: right; padding-top: 10px;}
.return a{ display: inline-block; background: url(/web/20220314081139im_/http://realwearapp.com/web/images/newsDetail_share.png) no-repeat left center; line-height: 34px; padding-left: 30px; background-size: 25px auto; font-size: 15px; color: #2A364E;}

/*精彩视频列表*/
.videolists{ background: #fff; padding: 35px 30px 25px; margin-bottom: 40px;}
.videolists li{ overflow: hidden; margin-bottom: 40px;}
.videolists li .video_left{ width: 57%; float: left;}
.video_left .videoTitle{ border-bottom: 1px solid #ddd; overflow: hidden; padding-bottom: 18px;}
.videoTitle h2{ font-size: 20px; float: left; color: #020202;}
.videoTitle .logoImg{ width: 23%; float: right; text-align: right;}
.logoImg img{max-width: 100%; height: auto; }
.video_left .videotext{ padding-top: 20px; font-size: 15px; color: #2A364E; line-height: 30px;}
.videolists li .video_right{ width: 40%; float: right; position: relative;}
.video_right img{ width: 100%; height: auto;}
.video_right .videoPlayBtn{ display: none; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background: url(/web/20220314081139im_/http://realwearapp.com/web/images/video_play.png) no-repeat center center rgba(0,0,0,0.3); background-size: 50px auto;}
.showVideo{ display: none; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,0.8); left: 0; top: 0; z-index: 100;}
.showVideo .videobox{ width: 50%; height: 70%; position: absolute; left: 50%; margin-left: -25%; top: 15%; background: #fff;}
.videobox .closebox{ color: #000; font-weight: 700; font-size: 32px; height: 8%;  text-align: right; padding-right: 20px;}
#myVideo{ width:100%; height: 92%;}


.accessories-slider-wrap .swiper-pagination{ opacity: 0;}

.ready-to-go-slider .swiper-pagination{ width: 50% !important; left: auto !important; right: 0;}

@media (min-width:1240px) and (max-width:1440px){
    .section2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -30px;}
    .section2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: -30px;}
}
@media (max-width: 1280px) and (min-width: 1240px){
    .section2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0px;}
    .section2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: 0px;}
}
@media (min-width:992px) and (max-width:1240px){
    .bannerbox .swiper-container{
        height: 545px;
    }
    .bannerbox .banner1{
        padding-top: 90px;
    }
    .banner1 h1{
        font-size: 40px;
        margin-bottom: 40px;
    }
    .banner1 span{
        font-size: 20px;
    }
    .banner1 .banner-right{
        top: 40px;
    }
    .banner2{
        padding-top: 100px;
    }
    .banner2 h2{
        font-size: 40px;
    }
    .banner2 h3{
        font-size: 26px;
    }
    .banner2 p{
        font-size: 20px;
    }
    .banner1 a, .banner2 a{
        font-size: 20px;
        margin-top: 100px;
        width: 120px;
        height: 50px;
        line-height: 50px;
    }
    .banner2 .banner-right{
        top: 90px;
    }
    .banner-right li{
        margin-bottom: 56px;
    }
    .pcw-right h2{
        margin-bottom: 5px;
    }
    .pcw-right p{
        font-size: 14px;
        margin-bottom: 5px;
    }
    .section2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -30px;}
    .section2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: -30px;}
}
.mobileNav{ display:none;position:absolute; top:70px; z-index:10000; width:100%; height:auto;overflow: scroll; background:#2A364E;;left:0;}
.mobileNav ul li{ position: relative;}
.mobileNav ul li span.addBtn{ display: inline-block;cursor: pointer; width:60px; height:50px; line-height: 50px; position: absolute;text-align:center;right: 0px; top: 0px; z-index: 100;}
.mobileNav ul li span.addBtn img{width: 20px; height: auto;}
.mobileNav ul li>a{ display:block; border-bottom:1px solid #fff; width:100%; line-height:50px; padding-left:22px; margin:auto; font-size:16px; color:#fff; }
.mobileNav ul li dl{ display:none; background:#fff;}
.mobileNav ul li dl dd{ margin:auto;  }
.mobileNav ul li dl dd a{ line-height:40px; color:#2a2c80; border-bottom: 1px solid #ddd; display:block; font-size:15px; padding-left:34px;}
.navbar-toggle{ background: #fff;}



@media (max-width: 992px) {
    .navbar-toggle {
        display: block;

    }

    header .cn-flag, header nav {
        display: none;
    }
}

@media (max-width: 767px) {
    .headerbox{ padding: 15px; height: 70px;}
    .headerbox .header-bottom{
        display: none;
    }
    .headerbox .header-top{ width: 82%; float: left;}
    .header-top img{ max-width: 60%; height: auto; margin-top: 5px;}
    .header-top .formbox{ width: 40%; float: right; margin-top: 3px;}
    .formbox .searchbox{ display: none;}
    .formbox .loginbox{ width:70%; margin-left: 0; margin-right:3px; height: 36px; line-height: 36px;}
    .bannerbox .swiper-container{ height: 232px;} 
    .bannerbox .banner1{
        width: 90%;
        padding-top: 40px;
    }
    .banner1 h1{
        font-size: 24px;
        margin-bottom: 20px;
    }
    .banner1 span{ font-size: 16px; line-height: 24px;}
    .banner1 .banner-right{
        top: 48px;
        width:40%;
    }
    .bannerbox .swiper-pagination{bottom: 10px;}
    .banner2{
        padding-top: 40px;
        width: 90%;
    }
    .banner2 h2{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .banner2 h3{
        font-size: 16px;
    }
    .banner2 p{
        font-size: 14px;
        margin-top: 10px;
    }
    .banner1 a, .banner2 a{
        width: 80px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        margin-top: 20px;
    }
    .banner2 .banner-right{
        width: 48%;
        top: 40px;
    }
    .banner-right li{
        margin-bottom: 35px;
    }
    .section1{
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .sec_title h1{
        font-size: 24px;
        margin-bottom: 5px;
    }
    .sec_title span{
        font-size: 12px;
        letter-spacing: 2px;
    }
    .section1 ul.application{
        margin-top: 25px;
    }
    .application li a{
        padding: 20px 10px;
    }
    .application li img{
        max-width: 55%;
    }
    .application li p{
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .application li span{
        font-size: 12px;
        width: 54px;
        line-height: 22px;
    }
    .section1 a.app_more, .section2 .pcw_more, .section4 a.guide_more, .tk_style a{
        width: 100px;
        height: 32px;
        line-height: 32px;
        margin-top: 30px;
    }
    .section2 .pcw_more{
        margin-top: 10px;
    }
    .section2{
        padding: 30px 15px;
    }
    #swiper-container1{
        padding-top: 25px;
    }
    .swiper-button-next, .swiper-button-prev{
        width: 26px;
        height: 26px;
        margin-top: -13px;
        background-size: 26px 26px;
    }
    .section2 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{
        left: -18px;
    }
    .section2 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
        right: -18px;
    }
    .section2 .swiper-slide .imgbox{
        width: 100%;
        float: none;
    }
    .section2 .swiper-slide .pcw-right{
        width: 100%;
        float: none;
    }
    .pcw-right h2{
        font-size: 15px;
        margin-top: 10px;
        margin-bottom: 5px;
        line-height: 20px;
    }
    .pcw-right p{
        display: none;
    }
    .pcw-right span{
        font-size: 13px;
    }
    .footerbox{
        padding: 25px 15px;
    }
    .footerbox .footer_left{
        width: 100%;
        float: none;
    }
    .footerbox .footer_right{
        width: 100%;
        float:none;
        text-align: left;
        margin-top: 10px;
    }
    .footer_left h2{
        font-size: 15px;
        margin-bottom: 5px;
    }
    .footer_left p{
        font-size: 12px;
        line-height: 22px;
    }
    .footer_right img{
        width: 100px;
    }

    /* app应用 */
    .appbox{
        padding: 30px 10px;
    }
    .appbox .app_search{
        padding: 18px 10px 5px;
        border-bottom: 1px solid #EAEAEA;
    }
    .app_search .app_search_filter{
        border-bottom: none;
        padding-top: 0;
    }
    .app_search .app_search_filter ul{
        float: none;
        width: 100%;
    }
    .app_search .app_search_filter label{
        float: none;
        width: 100%;
        margin-bottom: 5px;
    
    }
    .app_search .app_search_filter ul li{
        float: none;
        font-size: 12px;
        margin-bottom: 5px;
        margin-right: 2px;
    }
    .app_search .app_search_filter ul{
        padding-bottom: 15px;
    }
    .app_search .app_search_filter input.textbox1{
        height: 28px;
        font-size: 12px;
    }
    .appbox .main_box{
        padding: 0;
    }
    .main_left .box, .lists .box{
        padding: 0 10px;
    }
    .result_list li{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .result_list li .leftbox{
        width: 82%;
    }
    .result_list li a{
        font-size: 12px;
        width: 48px;
        height: 24px;
        line-height: 24px;
    }
    .leftbox .imgbox{
        width: 65px;
        margin-right: 10px;
    }
    .leftbox .app_brief{
        width: auto;
        float: none;
    }
    .app_brief h2{
        font-size: 15px;
        margin-bottom: 0;
    }
    .app_brief dl{
        margin-bottom: 0;
    }
    .app_brief dl dd,.app_title dl dd{
        line-height: 18px;
        margin-top: 5px;
        padding-right: 8px;
        margin-right: 8px;
        padding-left:18px;
        background-size: auto 15px;
    }
    .btn-group-lg>.btn, .result_list li .btn-lg{
        font-size: 12px;
        height: 18px;
        line-height: 18px;
    }
    .pages{ padding-bottom: 0;}
    .main_left ul.result_list{
        padding-left: 0;
    }
    .main_box h1{
        padding-top: 20px;
    }
    .appbox h1{ 
        margin-bottom: 15px;
    }

    /* app应用详情 */
    .app_container{
        padding: 30px 10px;
    }
    .app_container .main_left{
        float: none;
        width: 100%;
    }
    .main_left .app_info{
        padding: 20px 10px;
    }
    .app_info .info_left{
        width: 100%;
        float: none;
        margin-top: 10px;
    }
    .info_left .imgbox{
        width: 65px;
    }
    .info_left .imgbox img{
        border: none;
    }
    .info_left .app_title{
        width: 79%;
    }
    .app_title h2{
        font-size: 20px;
        margin-bottom: 0;
    }
    .app_info .info_right{
        width: 20%;
    }
    .app_title dl{
        margin-bottom: 0;
    }
    .app_title .share{
        margin-top: 5px;
    }
    .app_title dl dd{
        padding-right: 3px;
        border-right: none;
    }
    .share a{
        width: 60px;
        font-size: 12px;
        height: 24px;
        line-height: 24px;
    }
    .info_right p{
        font-size: 12px;
    }
    .products_nav{ 
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 10px;
        text-align: center;
    }
    .products_nav a{
        font-size: 14px;
        margin-right: 0;
        padding: 0 0 10px;
        width: 20%;
    }
   
    .products_nav a span{
        font-size: 14px;
        display: none;
    }
    
    .products_content{
        padding: 20px 10px;
        margin-bottom: 10px;
    }
    .app_info .info_right{
        width: 100%;
        float: none;
        margin-top: 10px;
    }
    .info_right img{
        margin: auto;
    }
    .app_content ul{
        padding-left: 20px;
    }
    .userComments .totalScore{
        width: 100%;
    }
    .leftScore h5{
        font-size: 40px;
    }
    .leftScore p{
        font-size: 15px;
    }
    .totalScore .rightScore{
        margin-bottom: 10px;
    }
    .rightScore p{
        font-size: 15px;
    }

    .mine_conments{
        width: 100px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }
    .recommend ul{
        padding-top: 0;
        padding-bottom: 0;
    }
    .recommend ul li{
        padding: 0 5px;
    }
    .recommend ul li img{
        max-width: 80%;
    }
    .recommend ul li p{
        font-size: 14px;
        margin-top: 8px;
        margin-bottom: 8px;
    }
    .recommend ul li span{
        font-size: 12px;
        line-height: 24px;
        height: 24px;
        width: 42px;
    }
    .main_box .main_right, .app_container .main_right{
        padding: 20px 10px;
        width: 100%;
    }

    /* 案例视频 */
    .videolists{
        padding:15px 10px 0;
        margin-bottom: 0;
    }
    .videolists li{
        padding-bottom: 25px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ddd;
    }
    .videolists li .video_left{
        width: 100%;
        float: none;
    }
    .video_left .videoTitle{
        padding-bottom: 0;
        border-bottom: none;
    }
    .videoTitle h2{
        font-size: 16px;
        line-height: 20px;
        width: 68%;
    }
    .videoTitle .logoImg{
        width: 32%;
    }
    .video_left .videotext{
        padding-top: 10px;
        font-size: 14px;
        line-height: 24px;
    }
    .videolists li .video_right{
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .showVideo .videobox{
        width: 98%;
        height: auto;
        top: 50%;
        left: 1%;
        margin-top: -35%;
        margin-left: 0;
    }
    .videobox .closebox{
        font-size: 24px;
        height: 40px;
        line-height: 40px;
        padding-right: 10px;
    }
    #myVideo{
        width: 100%;
        height: 100%;
    }

    /* 新闻中心——大事记 */
    .newslists li{
        padding: 20px 10px 10px;
        margin-bottom: 15px;
    }
    .newslists li .news_left{
        width: 100%;
        float: none;
        padding: 0;
    }
    .news_left h2{
        font-size: 16px;
        margin-top: 5px;
        padding-right: 0;
        line-height: 22px;
    }
    .newslists li .news_right{
        width: 100%;
        margin-top: 10px;
        float: none;
    }
    /* 新闻内容页 */
    .newsContent{
        padding: 20px 10px;
        margin-bottom: 0;
    }
    .titlebox h1{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .newstext p{
        font-size: 14px;
        line-height: 24px;
    }

    /* 使用指南 */
    .guide_use{
        padding: 25px 10px;
        margin-bottom: 20px;
    }
    .guide_use li{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .guide_use li .use_left{
        width: 77%;
    }
    .guide_use li h2{
        margin-bottom: 0;
    }
    .guide_use li span{
        margin-top: 0;
        width: 80px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
    }

}
@media (max-width:380px){
    .formbox .loginbox{
        width: 80%;
    }
    /* 应用详情 */
    .app_info .info_left{
        width: 100%;
        margin-top: 0;
    }
    .info_left .imgbox{
        width: 70px;
    }
    .app_info .info_right{
        width: 100%;
        margin-top: 10px;
    }
    .info_right img{
        margin: auto;
    }
    .totalScore .leftScore{
        width: 35%;
    }
    .totalScore .rightScore{
        width: 65%;
    }
    .progress{
        width: 165px;
    }
    /* 使用指南 */
    .guide_use li .use_left{
        width: 74%;
    }    
}
@media (max-width:330px){
    .navbar-toggle{
        padding: 9px 8px;
    }
    .formbox .loginbox{
        width: 90%;
    }
    .info_left .imgbox{
        width: 65px;
    }
    .progress{
        width: 130px;
    }
}



/*
     FILE ARCHIVED ON 08:11:39 Mar 14, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:54:52 Aug 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.404
  exclusion.robots: 0.05
  exclusion.robots.policy: 0.039
  esindex: 0.006
  cdx.remote: 7.263
  LoadShardBlock: 92.688 (3)
  PetaboxLoader3.datanode: 93.039 (4)
  load_resource: 93.379
  PetaboxLoader3.resolve: 40.215
*/