@charset "utf-8";
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,ol,p,pre,td,textarea,th,ul {
    padding:0;
    margin:0
}
.apply_dialog .isnotNeed,.clear:after {
    visibility:hidden
}
.productWrapper .swiperContainer.show li,.productWrapper ul.productul.show>li {
    animation-name:fadeInUp
}
@font-face {
    font-family:din;
    src:url(//www.orvibo.com/guanwang_second/front/fonts/DINCond-Bold.eot?#iefix) format('embedded-opentype'),url(//www.orvibo.com/guanwang_second/front/fonts/DINCond-Bold.eot),url(//www.orvibo.com/guanwang_second/front/fonts/DINCond-Bold.woff) format('woff'),url(//www.orvibo.com/guanwang_second/front/fonts/DINCond-Bold.ttf) format('truetype'),url(//www.orvibo.com/guanwang_second/front/fonts/DINCond-Bold.svg#ekcososregular) format('svg');
    font-weight:400;
    font-style:normal
}

.digit {
    font-family:din,'Microsoft YaHei'
}
a,body,button,html,input,select,textarea {
    font-family:'PingFang SC',Helvetica,'Microsoft YaHei'
}
body,html {
    font-size:14px;
    line-height:1.6;
    font-weight:500
}
body,button,input,select,textarea {
    color:#666;
    font-weight:500
}
address,cite,dfn,em,var {
    font-style:normal
}
dl,ol,ul {
    list-style:none
}
a {
    text-decoration:none;
    outline:0;
    cursor:pointer
}
img {
    border:0
}
button,input,select,textarea {
    outline:0;
    margin:0;
    font:inherit;
    color:inherit;
    font-family:'PingFang SC',Helvetica,'Microsoft YaHei'
}
.ffandie,html {
    font-family:'PingFang SC',Helvetica,'Microsoft YaHei'
}
label {
    display:inline-block;
    max-width:100%;
    margin-bottom:5px
}
.foot .content,header .menu {
    max-width:1760px;
    min-width:1280px;
    box-sizing:border-box
}
table {
    border-collapse:collapse;
    border-spacing:0
}
.clear:after {
    display:block;
    clear:both;
    content:'\0020';
    height:0
}
br {
    display:block;
    opacity:0
}
@media screen and (min-width:1760px) {
    html {
        font-size:100px
    }
}@media (min-width:1360px) and (max-width:1760px) {
    html {
        font-size:calc((100vw - 160px)/ 16)
    }
}@media screen and (max-width:1360px) {
    html {
        font-size:75px
    }
    header .menu {
        max-width:1280px!important;
        padding:0 144px;
        box-sizing:border-box
    }
}@media screen and (min-width:1920px) {
    html {
        font-size:calc(83.34vw / 16)
    }
}html {
     box-sizing:border-box;
     font-weight:500;
     line-height:1.6
 }
header.header {
    position:relative;
    z-index:50;
    background:#000;
    width:100%;
    min-width:1280px;
}
header .menu {
    margin:0 auto;
    margin-top: -26px;
    height: 60px;
}
.header .logo {
    height:62px;
    line-height:62px;
    max-width: 1760px;
    box-sizing: border-box;
    padding: 16px 40px;
    margin: 0 auto;
}
@media screen and (max-width:1440px) {
    .header .logo {
        padding: 16px 0;
        max-width:1280px!important
    }
}

.header .menu>ul {
    display:flex;
    justify-content:center;
    align-items:center
}
.header .menu>ul>li {
    height:60px;
    font-size:18px;
    line-height:60px;

    margin:0 25px;
    white-space:nowrap
}
.header .menu>ul>li:first-child {
    padding-left:0;
    margin-left:0
}
.header .menu>ul>li:last-child {
    margin-right:0;
    padding-right:0
}
.header .menu>ul>li>a {
    color:#a7a7a7
}
.header .menu>ul>li a.active {
    color:#fff
}
.header .menu>ul>li a:hover{
    color: #ffffff;
}
.header .menu>ul>li .current{
    color: #ffffff;
}

#oc-mask {
    position:fixed;
    top:96px;
    left:0;
    right:0;
    bottom:0;
    overflow:hidden;
    background-color:rgba(0,0,0,.2);
    z-index:1;
    height:0;
    opacity:0
}
header.mask-open #oc-mask {
    opacity:1;
    height:100vh
}
@keyframes fadeInUp {
    0% {
        transform:translate3d(0,7%,0);
        display:none;
        opacity:0
    }
    100% {
        transform:none;
        display:flex;
        opacity:1
    }
}.animated {
     animation-duration:.6s;
     animation-fill-mode:both;
     animation-timing-function:ease-in-out
 }
.pc-nav-submenus-popup,.pc-nav-submenus-popups {
    z-index:999;
    max-height:0;
    overflow:hidden;
    position:absolute;
    /*width:100%;*/
    margin-left:-50vw;
    top:96px;
    left:50%;
    right:0;
    background-color:#fff;
    height:385px
}
.pc-nav-submenus-popup {
    transition:max-height .6s
}
#header .has-submenu.opened .pc-nav-submenus-popup,#header .has-submenu.opened .pc-nav-submenus-popups {
    display:block;
    max-height:100vh
}
.productWrapper ul.productul.show {
    display:flex
}
.productWrapper ul.productul>li {
    position:relative;
    opacity:0;
    transform:translate3d(0,7%,0)
}
.productWrapper .swiperWrapper>ul>li.new::before,.productWrapper ul.productul>li.new::before {
    content:'新品';
    transform:translateX(-50%);
    font-size:13px;
    font-weight:800;
    border:1px solid #db0000;
    padding:1px 0;
    text-align:center
}
.productWrapper ul.productul>li.new::before {
    position:absolute;
    left:50%;
    bottom:41px;
    width:51px;
    line-height:18px;
    color:#db0000;
    border-radius:11px;
    background-color:#fff5f5
}
.productWrapper .swiperContainer.show {
    display:block
}
.productWrapper ul.productul {
    display:none;
    position:absolute;
    top:93px;
    left:0;
    right:0;
    background-color:#fff;
    z-index:999;
    height:292px;
    justify-content:center
}
.productWrapper ul.productul>li {
    margin:0 7px;
    width:210px;
    text-align:center
}
.productWrapper ul.productul>li:hover img {
    transform:scale(1.05);
    transform-origin:center center
}
.productWrapper ul.productul a {
    display:block
}
.productWrapper ul.productul .img {
    background-color:#eee;
    width:210px;
    height:180px;
    margin-bottom:19px;
    display:flex;
    align-items:center;
    justify-content:center
}
.productWrapper ul.productul .proTitle {
    font-size:14px;
    line-height:20px;
    font-weight:500;
    color:#111
}
.productWrapper .swiperContainer {
    display:none;
    position:absolute;
    top:93px;
    left:0;
    right:0;
    background-color:#fff;
    z-index:999;
    height:272px;
    overflow:hidden
}
.productWrapper .next,.productWrapper .prev {
    position:absolute;
    top:74px;
    text-align:center;
    cursor:pointer
}
.productWrapper .next span,.productWrapper .prev span {
    display:inline-block;
    width:40px;
    height:33px;
    background:url(//static.orvibo.com/guanwang_second/front/images/2020/nav/arrow-0dcfec1ffd.png) center center no-repeat
}
.productWrapper .prev.show,.productWrapper .swiperWrapper>ul a {
    display:block
}
.productWrapper .prev {
    display:none;
    left:10px
}
.productWrapper .prev span {
    background-position:0 0
}
.productWrapper .prev:hover>span {
    background:url(//static.orvibo.com/guanwang_second/front/images/2020/nav/arrow_active-7def17bfeb.png) no-repeat
}
.productWrapper .next {
    right:10px
}
.productWrapper .next span {
    background-position:-40px 0
}
.productWrapper .next:hover>span {
    background:url(//static.orvibo.com/guanwang_second/front/images/2020/nav/arrow_active-7def17bfeb.png) -40px 0 no-repeat
}
.productWrapper .swiperWrapper {
    width:1200px;
    margin:0 auto;
    height:100%;
    position:relative;
    overflow:hidden
}
.productWrapper .swiperWrapper .swiperAnimated {
    position:absolute;
    display:flex;
    transition:all .5s ease;
    left:0
}
.productWrapper .swiperWrapper>ul>li.new::before {
    position:absolute;
    left:50%;
    bottom:-33px;
    width:51px;
    line-height:18px;
    color:#db0000;
    border-radius:11px;
    background-color:#fff5f5
}
.productWrapper .swiperWrapper>ul>li {
    margin:0 7px;
    width:210px;
    text-align:center;
    position:relative
}
.productWrapper .swiperWrapper>ul>li:hover img {
    transform:scale(1.05);
    transform-origin:center center
}
.productWrapper .swiperWrapper>ul .img {
    background-color:#eee;
    width:210px;
    height:180px;
    margin-bottom:19px;
    display:flex;
    align-items:center;
    justify-content:center
}
.detail_header .th_content,.foot .copyright,.foot .foot_top {
    justify-content:space-between
}
.productWrapper .swiperWrapper>ul .proTitle {
    font-size:14px;
    line-height:20px;
    font-weight:500;
    color:#111
}
ul.submenu {
    width:1200px;
    margin:0 auto;
    position:relative;
    text-align:center
}
ul.submenu>li {
    display:inline-block;
    height:93px;
    padding:0 23px;
    line-height:93px
}
ul.submenu>li span {
    cursor:pointer
}
ul.submenu>li:first-child {
    padding-left:0
}
ul.submenu>li:nth-child(8) {
    padding-right:0
}
ul.submenu>li>a {
    padding-bottom:5px
}
ul.submenu a,ul.submenu>li {
    color:#111;
    font-size:18px;
    font-weight:500
}
.erweima,.miniapp {
    display:none
}
.erweima .modal-con,.miniapp .modal-con {
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:1001;
    -webkit-overflow-scrolling:touch;
    outline:0
}
.erweima .modal-mask,.miniapp .modal-mask {
    position:fixed;
    top:0;
    left:0;
    z-index:1000;
    background-color:#000;
    right:0;
    bottom:0;
    margin:0;
    overflow:auto;
    opacity:.8;
    filter:'alpha(opacity=80)'
}
.erweima .modal-container,.miniapp .modal-container {
    top:100px;
    width:352px;
    left:50%;
    margin-left:-176px;
    background-color:#fff;
    border-radius:8px;
    z-index:9999;
    position:relative;
    text-align:center
}
.erweima .modal-container .qr_close,.miniapp .modal-container .miniapp_close {
    position:absolute;
    width:30px;
    height:30px;
    top:-10px;
    right:-10px;
    background:url(//static.orvibo.com/guanwang_second/front/images/new/dialog_close-2f70a032e0.png) center no-repeat
}
.erweima .modal-container h2,.miniapp .modal-container h2 {
    font-size:24px;
    color:#2f2f2f;
    font-weight:400;
    padding-top:22px
}
.erweima .modal-container p,.miniapp .modal-container p {
    font-size:14px;
    color:grey;
    line-height:24px;
    margin-top:16px
}
.erweima .modal-container img,.miniapp .modal-container img {
    margin-top:30px;
    margin-bottom:30px
}
.foot {
    min-width:1280px;
    width:100%;
    background-color:#000;
    padding:49px 0 0;
    font-family:OPPOSans-Medium,'PingFang SC','Microsoft YaHei','Helvetica Neue',Helvetica,Arial
}
.foot .content {
    padding:0 288.5px;
    margin:0 auto
}
@media screen and (max-width:1440px) {
    .foot .content {
        padding:40px;
        max-width:1280px!important
    }
}.foot .foot_top {
     display:flex;
     flex-wrap:nowrap;
     margin-bottom:71px
 }
.foot .link_list>ul>li {
    margin-bottom:10px;
    line-height:20px;
    font-size:14px;
    color:rgba(255,255,255,.6)
}
.foot .link_list>ul>li:hover {
    color:#fff
}
.foot .link_list>ul>li>a {
    font-size:14px;
    color:rgba(255,255,255,.6);
    font-weight:500
}
.foot .link_list>ul>li>a:hover {
    color:#fff
}
.foot .link_list .first_li {
    font-size:16px;
    line-height:22px;
    font-weight:600;
    color:#fff;
    margin-bottom:20px
}
.foot .office_mall {
    position:relative
}
.foot .office_mall:hover>.mall_erweima {
    display:block
}
.foot .office_mall .mall_erweima {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:126px;
    height:126px;
    padding:2px;
    background-color:#fff;
    transform:translate(-34px,-140px);
    border-radius:4px
}
.foot .office_mall .mall_erweima img {
    width:100%;
    height:100%
}
.foot .foot_middle .contact .wechat .wechat_erweima::after,.foot .office_mall .mall_erweima::after {
    height:0;
    border-right:8px solid transparent;
    border-left:8px solid transparent;
    border-top:8px solid #fff;
    content:''
}
.foot .office_mall .mall_erweima::after {
    display:block;
    position:absolute;
    bottom:-8px;
    left:50%;
    transform:translateX(-50%);
    width:0
}
.foot .foot_middle {
    position:relative;
    padding-bottom:25px;
    border-bottom:1px solid rgba(255,255,255,.16)
}
.foot .foot_middle .contactus {
    font-size:16px;
    line-height:22px;
    color:#fff;
    font-weight:600;
    margin-bottom:3px
}
.foot .foot_middle .telphone {
    font-size:24px;
    line-height:33px;
    color:#fff;
    font-weight:600
}
.foot .foot_middle .telphone .time {
    font-size:14px;
    line-height:20px;
    margin-left:9px;
    vertical-align:3px
}
.foot .foot_middle .contact {
    position:absolute;
    right:0;
    bottom:21px;
    display:flex;
    align-items:center
}
.foot .foot_middle .contact .sina,.foot .foot_middle .contact .wechat {
    display:block;
    width:24px;
    height:24px
}
.foot .foot_middle .contact .service {
    line-height:40px;
    text-align:center;
    display:block;
    font-size:14px;
    width:123px;
    height:40px;
    margin-left:21px;
    background:0 0;
    border:1px solid rgba(255,255,255,.6);
    border-radius:2px;
    position:relative
}
.foot .copyright,.foot .copyright a,.foot .lan a {
    font-size:14px;
    line-height:20px
}
.foot .foot_middle .contact .service:hover .img {
    background:url(//static.orvibo.com/guanwang_second/front/images/2020/nav/online_service_active-4780add6bf.png) center no-repeat
}
.foot .foot_middle .contact .service:hover span {
    color:#111
}
.foot .foot_middle .contact .service:hover:before {
    transition:all .3s;
    width:100%
}
.foot .foot_middle .contact .service .img {
    position:relative;
    z-index:1;
    vertical-align:middle;
    display:inline-block;
    margin-right:5px;
    width:19px;
    height:16px;
    background:url(//static.orvibo.com/guanwang_second/front/images/2020/nav/online_service-c8e92ccade.png) center no-repeat;
    background-size:cover
}
.foot .foot_middle .contact .service span {
    position:relative;
    z-index:1;
    color:rgba(255,255,255,.6);
    transition:all .3s
}
.foot .foot_middle .contact .service:before {
    content:'';
    height:100%;
    position:absolute;
    top:0;
    left:0;
    border-radius:2px;
    background:#fff;
    transition:all .3s;
    width:0
}
.foot .foot_middle .contact .wechat {
    position:relative;
    background:url(//static.orvibo.com/guanwang_second/front/images/2020/nav/wechat-23cfd86318.png) center no-repeat;
    background-size:cover
}
.foot .foot_middle .contact .wechat:hover {
    background-image:url(//static.orvibo.com/guanwang_second/front/images/2020/nav/wechat_active-3c9babf010.png)
}
.foot .foot_middle .contact .wechat:hover .wechat_erweima {
    display:block
}
.foot .foot_middle .contact .wechat .wechat_erweima {
    display:none;
    position:absolute;
    top:0;
    left:0;
    width:126px;
    height:126px;
    padding:2px;
    background-color:#fff;
    transform:translate(-52px,-140px);
    border-radius:4px
}
.foot .foot_middle .contact .wechat .wechat_erweima img {
    width:100%;
    height:100%
}
.foot .foot_middle .contact .wechat .wechat_erweima::after {
    display:block;
    position:absolute;
    bottom:-8px;
    left:50%;
    transform:translateX(-50%);
    width:0
}
.foot .foot_middle .contact .sina {
    margin-left:21px;
    background:url(//static.orvibo.com/guanwang_second/front/images/2020/nav/sina-e423a62d18.png) center no-repeat;
    background-size:cover
}
.foot .foot_middle .contact .sina:hover {
    background-image:url(//static.orvibo.com/guanwang_second/front/images/2020/nav/sina_active-1f709de2d6.png)
}
.foot .copyright {
    padding:20px 0 60px;
    color:rgba(255,255,255,.5);
    display:flex
}
.foot .copyright a {
    color:rgba(255,255,255,.5)
}
.foot .copyright a.one {
    padding-right:.1rem;
    border-right:.01rem solid #707070
}
.foot .copyright a.two {
    padding-left:.08rem
}
.foot .copyright .copyContent {
    flex:1
}
.foot .copyright .coop__remind {
    margin-left:.7rem
}
.foot .lan {
    display:flex;
    flex-shrink:0
}
.foot .lan a {
    display:block;
    color:#fff
}
.foot .lan a:nth-child(1) {
    color:rgba(255,255,255,.6);
    padding:0 17px
}
.foot .lan a:nth-child(1):hover {
    color:#fff
}
.foot .lan a:nth-child(2) {
    color:rgba(255,255,255,.6);
    padding-left:16px
}
.foot .lan a:nth-child(2):hover {
    color:#fff
}
.foot .online_service {
    background:#2f7cd3;
    border-radius:4px;
    width:136px;
    height:40px;
    text-align:center;
    color:#fff;
    line-height:40px;
    margin-top:20px;
    display:block;
    float:inherit
}
.flag,.foot .online_service i {
    display:inline-block;
    margin-right:10px
}
.foot .online_service i {
    width:16px;
    height:16px;
    vertical-align:middle;
    background:url(//static.orvibo.com/guanwang_second/front/images/new/zixun-8acf43c5a9.png) center no-repeat
}
.flag,.icon_arrow_down {
    background-image:url(//static.orvibo.com/guanwang_second/front/images/new/icon5-eb788d7d0e.png);
    background-repeat:no-repeat
}
.foot .online_service:hover {
    background-color:#2995ff;
    color:#fff
}
.icon_arrow_down {
    height:6px;
    width:10px;
    background-position:-180px 0
}
.flag {
    margin-top:5px
}
.getTop {
    display:none;
    cursor:pointer;
    background:url(//static.orvibo.com/guanwang_second/front/images/2020/footer/getTop-39af3f63e1.png) center/contain no-repeat;
    width:68px;
    height:68px;
    opacity:.6;
    text-align:center
}
.getTop img {
    z-index:9999;
    width:17px;
    height:20px;
    display:inline-block;
    margin-top:21px
}
.getTop:hover {
    opacity:1
}
.fixed {
    position:fixed;
    right:10px;
    bottom:50px;
    z-index:900
}
.footer-cooperation,.online-service {
    display:none;
    position:fixed;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    width:68px;
    height:68px;
    text-align:center;
    z-index:1000
}
.footer-cooperation.active .cooperationActive {
    width:325px
}
.footer-cooperation {
    margin-top:62px
}
.footer-cooperation .cooperationActive {
    position:absolute;
    right:0;
    width:46px;
    height:46px;
    background-color:#2995ff;
    border-radius:50px;
    display:flex;
    align-items:center;
    transform:translateX(-12px);
    transition:all .4s;
    overflow:hidden
}
.footer-cooperation .cooperationActive span {
    cursor:pointer;
    font-size:16px;
    line-height:22px;
    font-weight:500;
    color:rgba(255,255,255,.7)
}
.footer-cooperation .cooperationActive span:hover {
    color:#fff
}
.footer-cooperation .cooperationActive span:nth-child(1) {
    padding:0 20px 0 27px;
    overflow:hidden;
    white-space:nowrap;
    border-right:1px solid rgba(255,255,255,.7)
}
.footer-cooperation .cooperationActive span:nth-child(2) {
    overflow:hidden;
    white-space:nowrap;
    padding-left:19px
}
.footer-cooperation .con {
    background:#0d7fef;
    position:relative;
    box-shadow:0 3px 5px 0 rgba(0,0,0,.2);
    width:46px;
    height:46px;
    border-radius:50%;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0 auto;
    cursor:pointer
}
.footer-cooperation .con img {
    display:inline-block;
    z-index:9999;
    width:25px;
    height:22px
}
.footer-cooperation>.con::before,.online::before {
    position:absolute;
    left:0;
    width:100%;
    height:100%;
    border-radius:50%;
    background:#2995ff;
    content:'';
    transform:translateX(-100%);
    transition:all .3s
}
.online {
    display:inline-block;
    background:#0d7fef;
    position:relative;
    box-shadow:0 3px 5px 0 rgba(0,0,0,.2);
    width:46px;
    height:46px;
    border-radius:50%;
    overflow:hidden
}
.online img {
    display:block;
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    z-index:9999;
    width:22px;
    height:22px
}
.con:hover::before,.online:hover::before {
    transform:translateX(0)
}
.apply_dialog {
    display:none;
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    overflow-y:scroll;
    background:rgba(0,0,0,.3);
    z-index:1000
}
.ad_content {
    width:578px;
    padding-bottom:80px;
    margin-bottom:30px;
    background:#fff;
    border-radius:6px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    z-index:1000
}
.apply_dialog h1,.success_dialog h1 {
    padding-bottom:30px;
    font-size:32px;
    font-weight:400;
    text-align:center
}
.ad_close,.sd_close {
    width:30px;
    height:30px;
    right:30px;
    background:url(//static.orvibo.com/guanwang_second/front/images/new/channel/close-7b8dfc7a04.png) center no-repeat;
    cursor:pointer
}
.ad_close {
    position:absolute;
    display:block;
    top:30px
}
.apply_dialog h1 {
    padding-top:100px;
    color:#2f2f2f
}
.apply_dialog form {
    margin:0 auto;
    width:480px
}
.apply_dialog form label {
    width:20px;
    color:red
}
.apply_dialog form input {
    margin-bottom:18px;
    padding-left:18px;
    width:420px;
    height:50px;
    border-radius:6px;
    border:1px solid #ccc
}
.apply_dialog form select {
    width:30%;
    height:50px;
    margin-bottom:18px;
    padding-left:18px;
    border-radius:6px;
    border:1px solid #ccc;
    background:#f9f9f9
}
.apply_dialog form select.ad_source {
    width:480px
}
.apply_dialog form input.ad_submit {
    width:100%;
    background-color:#267ad0;
    font-size:18px;
    color:#fff;
    cursor:pointer
}
.apply_dialog form textarea {
    width:404px;
    height:135px;
    padding-top:15px;
    padding-left:16px;
    padding-right:16px;
    margin-bottom:20px;
    border-radius:6px;
    border:1px solid #ccc;
    vertical-align:text-top
}
.apply_dialog .ad_tips {
    margin-left:48px
}
.apply_dialog .ad_tips span {
    margin-right:10px;
    color:red
}
.apply_dialog .phone_err {
    display:block;
    padding-left:48px;
    margin-top:-16px;
    color:red;
    opacity:0
}
.success_dialog,.success_dialog1 {
    width:585px;
    height:247px;
    background:#fff;
    border-radius:6px;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    display:none;
    z-index:1000
}
.newyear_icon {
    width:111px;
    height:110px;
    background:url(//static.orvibo.com/guanwang_second/front/images/2021/newYear/succuss.png) center no-repeat;
    background-size:cover;
    margin:0 auto 60px
}
.sd_close {
    position:absolute;
    display:block;
    top:30px
}
.success_dialog h1 {
    padding-top:50px;
    color:#2f2f2f
}
.success_dialog p {
    text-align:center;
    color:grey;
    font-size:14px
}
.success_dialog .sd_seconds {
    color:#6689e5;
    font-weight:700
}
.success_dialog .icon_tip1 {
    color:#FF4242;
    font-size:32px;
    text-align:center
}
.success_dialog .icon_tip2 {
    color:#737373;
    font-size:25px;
    text-align:center
}
.v_modal {
    display:none;
    position:fixed;
    width:297px;
    height:146px;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    background:#fff;
    box-shadow:0 12px 24px rgba(0,10,23,.38);
    z-index:99997;
    padding-top:39px
}
.vClose {
    display:block;
    position:absolute;
    right:20px;
    top:20px;
    width:15px;
    height:15px;
    cursor:pointer;
    background:url(//static.orvibo.com/guanwang_second/front/images/new/close-b9a6b619d7.svg) center no-repeat;
    background-size:cover
}
.v_mask,.video_mask,.video_modal {
    display:none;
    position:fixed
}
.vTitle {
    text-align:center;
    font-size:24px;
    line-height:33px;
    margin-bottom:11px;
    font-weight:800
}
.vDesc {
    font-size:18px;
    color:#111;
    line-height:25px;
    text-align:center
}
.v_mask {
    background-color:rgba(0,0,0,.78);
    overflow:hidden;
    top:0;
    left:0;
    z-index:99996;
    -webkit-overflow-scrolling:touch
}
.video_modal {
    width:1190px;
    height:600px;
    left:50%;
    top:50%;
    margin-left:-595px;
    margin-top:-300px;
    z-index:99999
}
.video_mask {
    background-color:#101010;
    overflow:hidden;
    top:0;
    left:0;
    z-index:99998;
    -webkit-overflow-scrolling:touch
}
.video_mask::after {
    content:'';
    display:block;
    position:absolute;
    right:24px;
    top:24px;
    width:36px;
    height:36px;
    cursor:pointer;
    background:url(//static.orvibo.com/guanwang_second/front/images/new/vedio_t1_close-e909f77947.png) center no-repeat;
    background-size:cover;
    opacity:.5;
    filter:alpha(opacity=50)
}
.qr-code {
    margin-top:84px;
    width:280px;
    height:155px
}
.qr-code .zhijia365 {
    margin-right:40px
}
.qr-code .gongzhonghao,.qr-code .zhijia365 {
    float:left
}
.qr-code .gongzhonghao .desc,.qr-code .zhijia365 .desc {
    line-height:34px;
    text-align:center
}
.new_btn {
    cursor:pointer;
    display:inline-block;
    overflow:hidden;
    position:relative;
    padding:0 24px;
    height:40px;
    border-radius:4px;
    font-size:16px;
    color:#fff
}
.new_btn span {
    position:relative;
    z-index:1;
    line-height:40px
}
.new_btn:before {
    content:'';
    width:0%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    transition:ease-in-out .3s;
    border-radius:4px;
    background:#359ffc
}
.new_btn.resizable,.new_btn.resizable::before {
    border-radius:.04rem
}
.new_btn.resizable {
    padding:0 .24rem;
    height:.4rem;
    font-size:.16rem
}
.new_btn.resizable span {
    line-height:.4rem
}
.new_btn--primary {
    background:#0d7fef
}
.new_btn--primary:before {
    transition:all .3s;
    width:0
}
.new_btn--primary:hover {
    background:#0d7fef!important
}
.new_btn--primary:hover:before {
    width:100%
}
.new_btn--primary:active:before {
    background:#005ec9;
    width:100%
}
.new_btn--disabled {
    background:#d9d9d9;
    cursor:not-allowed;
    color:rgba(17,17,17,.4)
}
.new_btn--disabled:hover:before {
    display:none
}
.data_source_tips {
    position:absolute;
    font-size:16px;
    color:rgba(17,17,17,.6)
}
.data_source_tips_white {
    position:absolute;
    font-size:16px;
    color:rgba(255,255,255,.6)
}
.detail_header {
    width:100%;
    height:50px;
    box-shadow:0 1px 4px rgba(0,0,0,.1)
}
.detail_white {
    background:#fffefe
}
.t1_fixed {
    /* position:fixed; */
    top:0;
    z-index:9999
}
.detail_header .th_content {
    width:1200px;
    margin:0 auto;
    display:flex
}
.detail_header .th_content .t1 {
    font-size:18px;
    color:#777;
    line-height:50px;
    vertical-align:middle
}
.detail_white .th_content .t1 {
    color:#b0b0b0
}
.detail_header .th_content ul {
    display:flex;
    justify-content:flex-end
}
.detail_header .th_content ul li {
    margin-right:54px;
    height:50px;
    line-height:50px;
    float:left
}
.detail_header .th_content ul li a {
    font-size:16px;
    color:#777
}
.detail_header .th_content ul .text a:hover,.detail_header .th_content ul .text.active a,.detail_white .th_content ul li a {
    color:#2f2f2f
}
.detail_white .th_content ul .text a:hover,.detail_white .th_content ul .text.active a {
    color:#2f2f2f
}
.detail_header .th_content ul li.buyBtn {
    margin-right:19px
}
.detail_header .th_content ul li.buyBtn a {
    display:block;
    width:80px;
    height:30px;
    text-align:center;
    background:#0d7fef;
    font-size:16px;
    color:#fff;
    margin-top:10px;
    border-radius:4px;
    line-height:30px
}


.banner,body {
    min-width: 1280px
}

.new_btn--disabled:hover:before,legend {
    display: none
}

button,fieldset,img,input {
    border: 0
}

.new_btn,button {
    cursor: pointer
}

*,.new_btn,::after,::before,html {
    box-sizing: border-box
}

.iconfont,b,em,h1,h2,h3,h4,h5,h6,i,strong {
    font-style: normal
}

.banner,.ellipsis,.ellipsis2,.install .block,.new_btn {
    overflow: hidden
}

*,::after,::before {
    margin: 0;
    padding: 0
}

@media screen and (min-width:1760px) {
    html {
        font-size: 100px
    }
}

@media (min-width:1360px) and (max-width:1760px) {
    html {
        font-size: calc((100vw - 160px)/ 16)
    }
}

@media screen and (max-width:1360px) {
    html {
        font-size: 75px
    }
}

@media screen and (min-width:1920px) {
    html {
        font-size: calc(83.34vw / 16)
    }
}

html {
    font-family: 'PingFang SC',Helvetica,'Microsoft YaHei';
    font-weight: 500;
    line-height: 1.6
}

.w {
    width: 16rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

body {
    font-size: .16rem
}

a {
    text-decoration: none;
    color: #0d7fef
}

a:hover {
    color: #359ffc
}

a:active {
    color: #005ec9
}

.new_btn,.new_btn span {
    position: relative;
    color: #fff
}

dd,dl,dt,li,ol,ul {
    list-style: none
}

img {
    vertical-align: middle
}

input {
    -webkit-appearance: none
}

button,input {
    outline: 0
}

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

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

.ellipsis2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.new_btn {
    display: inline-block;
    padding: 0 24px;
    height: 40px;
    border-radius: 4px;
    font-size: 16px
}

.new_btn span {
    z-index: 1;
    line-height: 40px
}

.new_btn:before {
    content: '';
    width: 0%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: ease-in-out .3s;
    border-radius: 4px;
    background: #359ffc
}

.banner,.install {
    margin: 0 auto;
    position: relative
}

.new_btn.resizable,.new_btn.resizable::before {
    border-radius: .04rem
}

.new_btn.resizable {
    padding: 0 .24rem;
    height: .4rem;
    font-size: .16rem
}

.new_btn.resizable span {
    line-height: .4rem
}

.new_btn.resizable.wide {
    padding: 0 .56rem
}

.new_btn.black {
    background: 0 0;
    border: 1px solid #000;
    border-radius: 2px
}

.new_btn.black span {
    color: #000;
    transition: all .3s
}

.new_btn.black:before {
    border-radius: 2px;
    background: #000;
    transition: all .3s;
    width: 0
}

.new_btn.black:hover span {
    color: #fff
}

.new_btn.black:hover:before {
    transition: all .3s;
    width: 100%
}

.new_btn.white {
    background: 0 0;
    border: 1px solid #fff;
    border-radius: 2px
}

.new_btn.white span {
    color: #fff;
    transition: all .3s
}

.new_btn.white:before {
    border-radius: 2px;
    background: #fff;
    transition: all .3s;
    width: 0
}

.new_btn.white:hover span {
    color: #000
}

.new_btn.white:hover:before {
    transition: all .3s;
    width: 100%
}

.new_btn.black.resizable {
    border-radius: .02rem
}

.new_btn.black.resizable::before {
    border-radius: 0
}

.new_btn.white.resizable {
    border-radius: .02rem
}

.new_btn.white.resizable::before {
    border-radius: 0
}

.new_btn--primary {
    background: #0d7fef
}

.new_btn--primary:before {
    transition: all .3s;
    width: 0
}

.new_btn--primary:hover {
    background: #0d7fef!important
}

.new_btn--primary:hover:before {
    width: 100%
}

.new_btn--primary:active:before {
    background: #005ec9;
    width: 100%
}

.new_btn--disabled {
    background: #d9d9d9;
    cursor: not-allowed;
    color: rgba(17,17,17,.4)
}

@font-face {
    font-family:iconfont;src:url(//static.orvibo.comiconfont.eot?t=1566792225185);src:url(//static.orvibo.comiconfont.eot?t=1566792225185#iefix) format('embedded-opentype'),url(data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAJ8AAsAAAAABigAAAIxAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAowUAE2AiQDCAsGAAQgBYRtBzQbegXILrBt2NMWqWvSDUbPhhOXhwBACNEaltmbIipEWQmoAVV1VYUBslUoZJWo0ZUPrF/f4M0d0y+yiZ/buRZnnFgW4Pcu5yxsrOdfqKFjUKxz7Sfl0HfQAF9wzDLuwduAa+r/AmggeUBz66So5EjAgU0HFNU0sg1k6BvGLnAJxwm0GkHAnf314TQka1wgLmLBnEbOLSWLNQuNNUtTPGvQXB7LHE/h9+OfYTQoGipWwf75LnSWP8NOqB7qB2c+wUNAqxtQYQmQxHFteJcvGANrXV8xAUgp+Bl1jU1ir3rB/jorux0MQW/w010hQAEZtzejd9RVlMzrt36op3213zrSo4/TrEo6O1rhLDmoHyr9BzP+5L3zZVv539xO8Pm4jIfO+iHpZ6V5XUvwD4Q961IXW8aSqrBWU0aNLWjVihq297rGagZOGA/NBk5rbTKcotJsikz6Ehq0WUajZutotUivbtNn5ItswYIVIHTbUHT6QKXbQSb9RINBPxp1h49Wp9G3ZZuZiFvbBhlhCOYPOZAFd8zUinJvKMqMmaw4ZL7Q2NgHstsvxg5YoJljxvQRw5k4BCNzUOA0zDIJvZEJBtRNRGrMe7zuTV0rc6dlm4EYgkLA+ANZQCpwvzVplT5/g4RShjEtRTXeF2RYcedAYkQP8qAoehXdyyuTD2FoRjgQGFIOKDAIZTIS6OsHJVCAdKURQWWM281CX0V3fVX+AfmsDEtbwu5Wab2UZRKzggK94wAA) format('woff2'),url(//static.orvibo.comiconfont.woff?t=1566792225185) format('woff'),url(//static.orvibo.comiconfont.ttf?t=1566792225185) format('truetype'),url(//static.orvibo.comiconfont.svg?t=1566792225185#iconfont) format('svg')
}

.iconfont {
    font-family: iconfont!important;
    font-size: .16rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-youjiantou:before {
    content: '\e601';
    transform: scale(.8)
}

.banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.install {
    width: 1200px;
    padding-top: 30px;
    padding-bottom: 160px;
}

.install:before {
    position: absolute;
    left: 300px;
    line-height: 40px;
    height: 40px;
    font-size: 14px;
    color: rgba(17,17,17,.6);
    bottom: 120px
}

.install:not(:last-child) {
    border-bottom: 1px solid rgba(17,17,17,.2)
}

.install .block {
    display: flex;
    padding: 90px 0 60px 0;
    border-bottom: 1px solid rgba(17,17,17,.2);
}

.install .block:not(:last-child) {
    border-bottom: 1px solid rgba(17,17,17,.2)
}

.install .block .title {
    flex: 0 0 auto;
    width: 300px;
    font-size: 28px;
    font-weight: 300;
    color: #111;
    line-height: 1.6em;
    text-align: left
}

.install .block img {
    width: 225px;
    height: 225px
}

.install .block ul {
    flex: 1;
    margin-top: -10px;
    margin-bottom: -10px
}

.install .block li {
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    color: #111;
    font-weight: 400;
}
.big-dont{
    font-size: 50px;
    font-weight:bold;
}
.margin-10{
    margin: 10px;
}
.font-sm{
    font-weight:bold;
    color: #0d7fef;
}
.margin-3{
    margin: 3px;
}
.margin-5{
    margin: 5px;
}
.font-sml{
    font-size: 10px;
    font-weight:150;
}
.fsz{
    font-size: 18px;
    font-weight: bold;
}
.product-f-f{
    color: white;
    font-size: 16px;
}