*{margin:0;padding:0}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}html{min-height:100%;min-height:100vh}
body{-webkit-font-smoothing:antialiased;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica,Arial,sans-serif;font-size:14px;line-height:20px;min-height:100%;min-height:100vh;color:#1a1a1a}
a{text-decoration:none;cursor:pointer;color:inherit;-webkit-text-size-adjust:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}
li,ul{list-style:none}iframe{display:none}
.fl{float:left}
.fr{float:right}
.line-2,.line-3{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-all;overflow:hidden;white-space:normal}
.line-2{-webkit-line-clamp:2}
.line-3{-webkit-line-clamp:3}
.clearfix::after{content:' ';display:block;clear:both;font-size:0}
.grid::after{content:' ';display:block;clear:both}
.grid-item{float:left}
.line-1{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #1F2129}
a{-ms-transition: color 0.1s ease-in-out;-webki-transition: color 0.1s ease-in-out;transition: color 0.1s ease-in-out;}
a:hover{color: #e62021}
.absolute {
    position: absolute;
}
.new-main{width: 100%;background: #f7f8fc;}
.header{
    color: rgb(31, 33, 41);
    position: relative;
    box-sizing: content-box;
    transition: padding-top 1s ease-in-out 0s;
    height: 66px;
    background: #fff;
    width: 100%;
}
.header-fix {
    backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 9999;
    margin: 0 auto;
    width: 1200px;
    transition: top 1s ease-in-out 0s;
}
.enter {
    animation: 300ms ease 0s 1 normal forwards running enter-jsx-3598776610;
}
.items-center {
    align-items: center;
}

.flex {
    display: flex;
}
.logo {
    height: 46px;
    padding: 12px 0 24px;
}
.logo img{width: 141px;}
.m-nav-new {
    margin-left: 88px;
    height: 50px;
    line-height: 50px;
    padding: 17px 0 19px;
}
.new-nav-items {
    font-size: 0;
}
.new-nav-item {
    display: inline-block;
    position: relative;
    margin-right: 30px;
}
.new-nav-item-title {
    font-size: 18px;
    color: #333;
}
.new-nav-item-title span {
    display: block;
}
.new-nav-item-txt {
    line-height: 20px;
}
.new-nav-item-line {
    width: 100%;
    height: 3px;
    border-radius: 2px;
    background-color: transparent;
    margin-top: 9px;
}
.new-nav-item-title.cur{color:#46ccaa;}
.new-nav-item-title.cur .new-nav-item-line{background-color:#46ccaa;}
.header-search{width: 354px;margin-left: 588px;height: 50px;padding-top: 15px;}
.search-form {
    outline: none;
    border: 2px solid #ffcc32;
    padding: 0 16px;
    float: left;
    width: 290px;
    line-height: 36px;
    height: 36px;
    color: #1f2129;
    box-sizing: border-box;
    -webkit-appearance: none;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #fff;
}
.search-submit{width: 64px;background-color:#ffcc32;border: 0;height: 36px;}
.header .account{display:flex;flex:0 0 36px;justify-content:flex-end;position:relative;height:60px;width:60px;margin-left:auto;}
.header .account:hover .account-info{display:block;}
.header .account>a>span,.search-account>a>span{background:url(../images/avatar.png) no-repeat;background-size:100%;width:36px;height:36px;display:block;margin:12px 0;border-radius:50%;}
.login{height: 66px;top:2px;width: 200px;position: relative;float: right;}
.login_name {
    right: 0px;
    height: 36px;
    margin-top: 15px;
    line-height: 36px;
    margin-left: 5px;
}
.btn-login {
    right: 0px;
    height: 36px;
    line-height: 36px;
    width: 60px;
    top: 50%;
    margin-top: -20px;
}
.bzz-btn {
    background: #ffcc32;
    font-size: 14px;
    display: inline-block;
    color: #000;
    border-radius: 5px;
    text-align: center;
}
.pa {
    position: absolute;
}
.pr {
    position: relative;
}

.main-content {
    width: 1200px;
    min-width: 1200px;
    margin: 0 auto;
}
.car_title {
    height: 77px;
    padding-top: 26px;
}
.car_title h3 {
    float: left;
    padding-top: 5px;
    font-size: 20px;
    color: #333;
    font-weight: 700;
    width: 170px;
}
.car_title .car_more {
    float: right;
    position: relative;
    margin-top: 9px;
    font-size: 14px;
    color: #666;
    width: 40px;
}
.car_title .cart_list {
    float: right;
    padding-top: 8px;
}
.car_title .cart_list li {
    float: left;
    font-size: 16px;
    margin-right: 18px;
}
.car_title .cart_list li a {
    color: #666;
}
.car_list {
    width: 1200px;
}
.car_list li {
    width: 280px;
    float: left;
    margin-right: 26px;
    margin-bottom: 20px;
}
.car_list .car_pic {
    width: 279px;
    height: 184px;
    overflow: hidden;
    background: #fff;
    position: relative;
}
.car_list .car_pic span.bg01,.choose-car .search-result-wrapper .search-result-list .search-result-list-item span.bg01 {
    background: #ffcc32;
}
.car_list .car_pic span,.choose-car .search-result-wrapper .search-result-list .search-result-list-item span {
    display: block;
    height: 28px;
    line-height: 28px;
    padding: 0 10px;
    border-radius: 3px;
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 100;
}
.car_list .car_pic .auto_pic {
    vertical-align: top;
    width: 250px;
    height: 164px;
    background: #fff;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -ms-transition: all .25s linear;
    -o-transition: all .25s linear;
}
.car_list .car_pic .common-pic{
    width: 250px;
    height: 180px;
    overflow: hidden;
    margin: 0 15px;
    border-top: 15px solid #fff;
}
.car_list .car_pic img{
    cursor: pointer;
	transition: all 0.6s;
}
.car_list .car_pic img:hover{
    transform: scale(1.4);
}
.car_info {
    padding: 14px 14px 0 14px;
    border-top: 0;
    height: 60px;
    overflow: hidden;
    background: #fff;
}
.car_info h5 {
    width: 100%;
    padding: 0 5px;
    font-weight: 500;
    margin-bottom: 10px;
}
footer {
    margin-top: 17px;
    font-size: 12px;
    line-height: 24px;
    color: #cccccc;
    clear: both;
}
footer .friendLink {
    background: #808080;
    padding: 14px 0;
}
.container {
    width: 1200px;
    margin: 0 auto;
    clear: both;
    position: relative;
}
footer .friendLink a {
    color: #e5e5e5;
    margin-right: 30px;
}
footer .corpRight {
    background: #666666;
    padding: 20px 0;
    text-align: left;
    line-height: 32px;
}
footer .corpRight a {
    margin-right: 24px;
    color: #cccccc;
}
footer .corpRight a.logo1 {
    position: absolute;
    top: 7px;
    right: 0;
}
footer .corpRight a {
    margin-right: 24px;
    color: #cccccc;
}
/*栏目*/
.choose-car {
    min-height: 700px;
    position: relative;
    border-top: 20px solid #f7f8fc;
    border-bottom: 20px solid #f7f8fc;
}
.choose-car .brand-list-wrapper {
    width: 300px;
    position: absolute;
    top: 0;
    bottom: 0;
    height: auto;
    font-size: 0;
    z-index: 1;
}
.choose-car .brand-list-wrapper .brand-index {
    display: inline-block;
    background: #ffcc32;
    width: 30px;
    height: 100%;
}
.choose-car .brand-list-wrapper .brand-index .brand-index-item {
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    cursor: pointer;
}
.choose-car .brand-list-wrapper .brand-index .brand-index-item:hover{background:#ff4f53}
.choose-car .brand-list-wrapper .brand-list-content {
    width: 270px;
    display: inline-block;
    vertical-align: top;
    height: 100%;
    overflow: auto;
    background: #fff;
    border: 1px solid #e1e1e1;
    border-left: none;
}
.choose-car .brand-list-wrapper .brand-list-content .brand-list {
    position: relative;
}
.choose-car .brand-list-wrapper .brand-list-content .brand-list .brand-list-item .item-letter {
    line-height: 40px;
    background: #f7f7f7;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 700;
    color: #333;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}
.choose-car .brand-list-wrapper .brand-list-content .brand-list .brand-list-item .item-brand {
    border-bottom: 1px solid #e9e9e9;
    height: 50px;
    font-size: 14px;
    padding: 0 15px;
    cursor: pointer;
}
.choose-car .brand-list-wrapper .brand-list-content .brand-list .brand-list-item .item-brand .brand-icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
}
.choose-car .brand-list-wrapper .brand-list-content .brand-list .brand-list-item .item-brand .brand-name {
    line-height: 50px;
    display: inline-block;
    vertical-align: middle;
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.choose-car .choose-car-content {
    width: 860px;
    margin-left: 340px;
}
.choose-car .choose-car-content .crumbs-nav {
    font-size: 14px;
    line-height: 20px;
}

.choose-car .search-result-wrapper {
    width: 860px;
}
.choose-car .search-result-wrapper .search-resul-header {
    height: 46px;
    border-bottom: 2px solid #e1e1e1;
}
.choose-car .search-result-wrapper .search-resul-header .search-resul-header-title {
    font-size: 24px;
    color: #333;
    line-height: 32px;
    font-weight: 700;
}
.choose-car .search-result-wrapper .search-resul-header .search-resul-count {
    margin-left: 20px;
    font-size: 12px;
    color: #999;
}
.choose-car .search-result-wrapper .search-result-list {
    font-size: 0;
    margin-right: -15px;
}
.choose-car .search-result-wrapper .search-result-list .search-result-list-item {
    width: 203px;
    height: 220px;
    background: #fff;
    display: inline-block;
    margin-right: 15px;
    margin-top: 20px;
    position: relative;
}
.choose-car .search-result-wrapper .search-result-list .search-result-list-item .common-image {
    width: 180px;
    height: 120px;
    overflow: hidden;
    margin: 11px;
}
.choose-car .search-result-wrapper .search-result-list .search-result-list-item .img {
    width: 180px;
    height: 120px;
}
.choose-car .search-result-wrapper .search-result-list .search-result-list-item img {
    cursor: pointer;
    transition: all 0.6s;
}
.choose-car .search-result-wrapper .search-result-list .search-result-list-item img:hover{
    transform: scale(1.4);
  }
.choose-car .search-result-wrapper .search-result-list .search-result-list-item .cx-name {
    font-size: 12px;
    color: #333;
    line-height: 20px;
    height: 40px;
    margin-bottom: 5px;
    padding: 0 10px;
}
.choose-car .search-result-wrapper .pagination-list-wrapper {
    margin-top: 20px;
    text-align: center;
}
/******page num box*******/
.pagination-list-wrapper{margin:0 auto 20px;text-align:center;}
.pagination-list-wrapper span,.pagination-list-wrapper a{display:inline-block;color:#888;border:1px solid #e8e8e8;font-size:14px;width:48px;height:40px;line-height:40px;margin:0 5px 0 5px;border-radius:4px;background:#fff;}
.pagination-list-wrapper .a1{width: 100px;border-radius: 4px;}
.pagination-list-wrapper span{color:#000;background:#ffcc32;}
.pagination-list-wrapper a:hover{border:1px solid #ffcc32;}

.choose-car .search-result-wrapper .search-result-list .search-result-list-item .cx-price {
    font-size: 12px;
    color: #ccc;
    line-height: 20px;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.breadcrumb {
    position: relative;
    z-index: 1;
    height: 35px;
    border-top: 10px solid #f7f8fc;
    background: #f7f8fc;
}
.mainpart {
    margin: auto;
    width: 1200px;
}
.breadcrumb .subnav {
    float: left;
    font-family: "微软雅黑","宋体";
    line-height: 35px;
    color: #999;
}
.breadcrumb .subnav a {
    text-decoration: none;
    color: #999;
}

.view-warp{width:1200px;margin:0 auto;border-top: 10px solid #f7f8fc;border-bottom: 10px solid #f7f8fc;}
.view-warp .view_title h1{font-size:18px;color: #555;line-height:30px;margin-bottom: 10px;}
.view_title{background:#fff;overflow:hidden;margin-bottom: 10px;padding: 15px;}.view_title .view_title_info li{margin-right:40px;font-size:12px;color:#666;float:left}.view_title .view_title_info li a{display:block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view_title .view_title_menu li{float:right;margin-right:20px;}.view_title .view_title_menu a{display:inline-block;margin-left:20px;color:#666}.view_title .view_title_menu .fa-heart{margin-right:7px;color:#888;cursor:pointer}.view_title .view_title_menu .fa-heart.active{color:red}.view_title .view_title_menu .report i{padding:1px 0px;background:url(../img/home.png) no-repeat 0 -357px}.view_title .view_title_menu .report:hover i,.view_title .view_title_menu .report.active i{background:url(../img/home.png) no-repeat -30px -357px}
.view-warp .player{overflow:hidden;height:850px}
.view-warp .player .menu{width:250px;float:left;box-sizing:border-box;overflow:scroll;height:100%;background:#fff;border: 1px solid #eee;}
/*.view-warp .player .menu span.free{color:#ff5722;font-weight:700}
.view-warp .player .menu a{color:#333;font-size:12px;display:inline-block;height:18px;line-height:18px}
.view-warp .player .menu a.type-folder{font-weight:700}
.view-warp .player .menu ul{padding-left:20px}
.view-warp .player .menu ul li em{display:inline-block;width:18px;height:18px;vertical-align:middle}
.view-warp .player .menu ul li{white-space:nowrap;text-overflow:ellipsis;background:url(/statics/images/icon/tree.png) repeat-y -295px -7px}
.view-warp .player .menu ul li.cur>a{font-weight:700;color:#009688}
.view-warp .player .menu .folder-close ul{display:none}
.view-warp .player .menu .folder-open ul{display:unset}*/

.view-warp .player .menu span.free{color:#ff5722;font-weight:700;}
.view-warp .player .menu a{color:#333;font-size:12px;display:inline-block;height:20px;line-height:20px;padding-left: 17px;margin-left: 4px;}
.view-warp .player .menu a.type-folder{font-weight:700}
.view-warp .player .menu li {list-style-type: none;margin: 0;padding-left: 10px;position: relative;}
.view-warp .player .menu .cur a{color:#F00;font-weight:bold}
.view-warp .player .menu li:before,.player .menu li:after {content: '';left: 6px;position: absolute;right: auto;}
.view-warp .player .menu li:before {border-left: 1px dashed #999;bottom: 50px;height: 100%;top: 0;width: 1px;}
.view-warp .player .menu li:after {border-top: 1px dashed #999;height: 20px;top: 10px;width: 8px;}
/*.view-warp .player .menu>ul>li:before,.player .menu>ul>li:after {border: 0;}*/
.view-warp .player .menu li .folder-open{background:url(/static/images/folder-open.png) no-repeat -3px 0px;}
.view-warp .player .menu li .folder-close{background:url(/static/images/folder-close.png) no-repeat -3px 0px}
.view-warp .player .menu li .type-file{background:url(/static/images/ipdf.png) no-repeat 0px 2px;}
.full .J_iframe li img{
    max-width: unset;
}
.full .J_iframe{
    overflow: auto;
}
.full .toolbar{
    position: fixed;
}
.menu input{
       width: 95%;
       font-size: 12px;
       padding: 6px;
       margin: 10px;
       border:1px solid #ffcc32;
   }
.view-warp .stage{overflow:hidden;width:948px;margin-left:260px;height:850px;background: #fff;}
.J_iframe{position:relative;background:#fff;overflow:hidden;height:850px;text-align:center;border: 1px solid #eee;}
.J_iframe .J_files{overflow-y:scroll;height:850px}
.J_iframe li img{max-width:100%;border-bottom: 10px solid #f7f8fc}
.full_screen{position:absolute;right:15px;background:#ffcc32;border-radius:5px;padding:0 15px;color:#000;height:30px;line-height:30px;top:7px;font-size:14px;font-weight:700;text-decoration:none;z-index:999}
.full_screen:hover{background:#00796b;text-decoration:none}
.favorite{position:absolute;right:110px;background:#ffcc32;border-radius:5px;padding:0 15px;color:#000;height:30px;line-height:30px;top:7px;font-size:14px;font-weight:700;text-decoration:none;z-index:999}
.favorite:hover{background:#00796b;text-decoration:none}
.J_tips{display:none;margin:100px auto;padding:50px;text-align:center;color:red;font-size:14px;border:1px solid #e0e0e0;width:50%;background:#f5f5f5;border-top-width:10px}
.J_tips a{display: inline-block; margin-top: 10px;height: 35px;line-height: 35px;padding: 0 28px;background-color: #ffcc32;color: #000; white-space: nowrap;text-align: center;font-size: 14px;border: none;border-radius: 2px;cursor: pointer;}
.J_guide{color:#999;text-align:center;font-size:14px;font-weight:700;width:400px;border:1px solid #ffcc32;margin:300px auto 0;padding:10px 0}
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{border-radius:0;background:0 0}
::-webkit-scrollbar-thumb{border-radius:0;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2);background-color:rgba(158,158,158,.2)}
::-webkit-scrollbar-thumb:hover{border-radius:0;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2);background-color:rgba(85,85,85,.4)}
.full .J_files{height:100%}
.toolbar{display:flex;top:0;width:938px;line-height:40px;padding:5px 0;text-align:center;box-sizing:border-box;background:#eee;z-index:999}
.toolbar .page-box{width:800px;line-height:25px;text-align:left;padding-left:10px}
.toolbar .page-box input{width:30px;text-align:center;height:18px;vertical-align:middle}
.toolbar .page-box a{background:#ffcc32;border-radius: 5px;margin-top:3px;color:#000;display:inline-block;height:30px;line-height:30px;padding:0 10px;text-decoration:none;vertical-align:middle}
.toolbar .page-box a:hover{border-color:#000}
.toolbar .glass{float:right;width:200px;line-height:32px;text-align:right;padding-right:10px;padding-top:3px}
.toolbar .glass a{width:20px;height:20px;border:1px solid #bdbdbd;line-height:20px;text-align:center;font-size:19px;display:inline-block;text-decoration:none;background:#eee;color:#616161;border-radius:2px;margin-left:8px}
.toolbar .glass a:hover{border-color:#000}
.toolbar .glass a.disable{border-color:#ccc;color:#ccc}
.toolbar .imgrotate{float:right;width:200px;line-height:32px;text-align:right;padding-right:10px;}
.toolbar .imgrotate button{width: 50px;background: #ffcc32;height: 30px;border: 0;border-radius: 5px;}
.index-banner{width:100%;background:#fff}#banner{position:relative;height:320px;border-top: 20px solid #f7f8fc;}#banner .jiaobiao{position:absolute;right:-7px;bottom:0;z-index:3;width:237px;height:91px;background:url(//static.tukuppt.com/index/image/jiaobiao.png) no-repeat center}#banner .hd{position:absolute;right:0;bottom:10px;left:0;z-index:10;text-align:center}#banner .hd ul li{display:inline-block;margin:3px;width:38px;height:9px;border-radius:2px;background:#fff;color:hsla(0,0%,100%,.5);text-align:center;font-size:16px;line-height:30px;opacity:.4;cursor:pointer}#banner .hd ul li.current,.hd ul li:hover{background:#fff;box-shadow:0 0 2px;color:#fff;opacity:1;behavior:url(ie-css3.htc)}#banner .bd ul li{position:absolute;top:0;right:0;left:0;overflow:hidden;width:100%;height:100%;border-radius:4px}#banner .bd ul li a{display:block}#banner .bd ul li a,#banner .bd ul li img{width:100%;height:100%}#banner .b-btn{position:absolute;top:50%;left:50%;z-index:2;display:block;margin-top:-30px;width:60px;height:60px;text-indent:-50px;opacity:0}#banner .b-btn:hover{opacity:.9}#banner .prevBtn{margin-left:-600px;background:url(../images/index.png) -155px -546px #000 no-repeat}#banner .nextBtn{margin-left:540px;background:url(../images/index.png) -150px -593px #000 no-repeat}#banner:hover .b-btn{opacity:.5}#banner .b-btn:hover{opacity:.8}
.home-div{border-top:60px solid #f7f8fc}.home-div .wrap{width:900px;min-width:900px;position:relative;margin:0 auto}.home-div .home-obd{padding:0 50px;height:516px}.home-div .obd_title{position:relative;line-height:30px;font-size:20px;text-align:center;color:#333;height:60px;font-size:0;padding:30px 0 16px 0}.home-div .obd_title h1{vertical-align:middle;position:relative;font-size:20px;color:#333;display:inline-block}.home-div .obd_title p{margin-top:4px;font-size:14px;color:#999}.home-div .obd_title a{font-size:12px;color:#eb6100;float:right;position:relative;line-height:16px;bottom:24px}.home-div .obd_search{background-color:#f5f6f8;height:132px;border-radius:4px}.home-div .module-before{width:800px;height:132px;display:none;background:rgba(229,255,249,.8);position:absolute;box-shadow:0 0 10px rgb(0 0 0 / 10%);border-radius:3px;border:1px dashed #00c198;z-index:100}.home-div .obd_content{padding:28px 46px;height:76px}.home-div .obd_content .obd_file{float:left;width:590px;height:38px;position:relative}.home-div .obd_content .type-file-text{position:absolute;left:0;top:0;width:598px;height:38px;float:left;padding:0 10px;line-height:38px;color:#666;font-size:14px;outline:0;display:block;border:1px solid #d9d9d8;z-index:9}.home-div .obd_content .bt-obd{float:right;width:110px;height:38px;line-height:38px;background:#00c198;font-size:14px;color:#fff;outline:0;border:0 none}.home-div .obd_content .obd_Tips{line-height:24px;color:#999;padding-top:58px;font-size:14px;text-align:center}.home-div .obd_hot{line-height:24px;color:#666;padding-top:9px}.home-div .obd_hot a{position:relative;margin-right:6px}.home-div .obd_hot p{line-height:30px}.obd_hot table{border-bottom: 1px solid #ededed;
    color: #757575;
    font-size: 12px;
    font-size: 0.857142857rem;
    line-height: 2;
    margin: 0 50px 24px;
   
    width: 80%;}
.obd_hot table td {
    padding: 6px 10px 6px 10px;
}