/***basic***/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    margin: 0;
    padding: 0;
}

html {
    -webkit-text-size-adjust: none;
}

body {
    font: 12px/1.5 \5B8B\4F53, "Arial Narrow", HELVETICA;
    text-align: left;
}

ol,
ul {
    list-style: none;
}

img {
    border: none;
    vertical-align: middle;
}

i,
em {
    font-style: normal;
}

input,
select,
option,
textarea {
    font-size: 12px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

noscript,
.spanclass,
.contentdiv,
.hidden {
    display: none;
}

.show,
.block {
    display: block;
}

.mark,
.fl {
    float: left;
}

.subMark,
.fr {
    float: right;
}

.f14 {
    font-size: 14px;
}

.f16 {
    font-size: 16px;
}

.pt40 {
    padding-top: 40px;
}

.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.clearfix {
    *zoom: 1
}

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

.block-wrap {
    width: 1200px;
    margin: 0 auto;
}

/*! c-reset.css*/
body {
    background-color: #fff;
    font: 14px/2em Microsoft Yahei, tahoma, HELVETICA;
    text-align: left;
    color: #999
}

img {
    border: 0;
    vertical-align: top;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    -ms-transition: none
}

i,
em {
    font-style: normal
}

input,
select,
option,
textarea {
    font-size: 12px;
    font-family: Microsoft Yahei, tahoma, HELVETICA;
    outline: 0
}

a {
    color: #333;
    outline: none;
    text-decoration: none
}

a:hover {
    color: #0077dd;
    outline: none;
    text-decoration: none;
}

a:focus {
    outline: none;
}

a:hover em,
a:hover b,
a:hover i,
a:hover span {
    cursor: pointer
}

a:hover img {
    opacity: .9
}

body .g-footer {
    background-color: #f0f0f0;
    border-top: 1px #e5e5e5 solid
}

body .g-footer,
body .g-footer a {
    color: #333;
}

/*! header.css*/

/** header **/
.header {
    background-color: #fff;
}

.header-wrap {
    width: 1190px;
    text-align: left;
    margin: 0 auto;
    zoom: 1;
    padding: 0 5px;
}

body .navibar-wrap {
    width: 1200px;
}

.header .logo,
.ks-input .ks-submit {
    background: url(//www1.pconline.com.cn/2017/pc/price/images/parity.png) 0 0 no-repeat;
}

/** banner **/
.block-wrap .logo {
    background: url('//www1.pconline.com.cn/logo/2018/images/logo_prodcut.png') no-repeat;
    width: 200px;
    float: left;
}

.header .logo a {
    height: 94px;
    display: block;
    text-indent: -9999px;
}

.block-wrap .logo-sub {
    height: 28px;
    margin: 34px 10px 0 16px;
    position: relative;
    float: left;
}

.block-wrap .logo-sub::before {
    content: "";
    height: 24px;
    width: 1px;
    border-left: 1px solid #e5e5e5;
    position: absolute;
    top: 3px;
    left: -16px;
    overflow: hidden;
}

.header .logo-sub a {
    display: block;
    width: 112px;
    height: 28px;
}

/** ???? **/
.ks {
    width: 440px;
    padding-top: 29px;
    float: right;
    z-index: 9;
    position: relative;
    zoom: 1;
}

.ks .active {
    background-color: #fff;
    border-radius: 5px 0 0 0
}

.ks-input input {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ks-input .ks-label {
    width: 380px;
    zoom: 1;
}

.ks-label {
    float: left;
    position: relative;
    zoom: 1;
}

.ks-label .ks-pop {
    width: 100%;
    position: absolute;
    left: 0;
    top: 34px;
    background-color: #fff;
    display: none;
    z-index: 3;
    overflow: hidden;
}

.ks-label .ks-pop ul {
    border: 1px solid #e5e5e5;
    position: relative;
    zoom: 1;
    z-index: 2
}

.ks-label .ks-pop li {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    overflow: hidden;
    vertical-align: middle;
    font-size: 14px;
    cursor: pointer;
}

.ks-label .ks-pop li.hover {
    background-color: #f2f2f2;
}

.ks-label .ks-pop li span {
    margin-left: 6px;
    float: right;
    color: #999
}

.ks-label .ks-pop iframe {
    width: 100%;
    height: 100%;
    _height: expression(this.parentNode.clientHeight);
    background: #fff;
    position: absolute;
    left: 0px;
    top: 0;
}

.ks-input .ks-q {
    width: 369px;
    height: 23px;
    line-height: 23px;
    padding: 5px 0 5px 10px;
    border: 1px solid #e5e5e5;
    border-right: none;
    color: #999;
    position: relative;
    z-index: 2;
    background: transparent;
}

.ks-input .focus {
    color: #333;
}

.ks-input .input-c {
    border-radius: 5px 0 0 0;
}

.ks-input .ks-submit {
    width: 60px;
    height: 35px;
    background-color: #ffad00;
    background-position: -170px -47px;
    border: none;
    cursor: pointer;
    float: left;
    *margin-top: 1px;
    display: inline-block;
}

.ks-input .ks-submit:hover {
    background-position: -232px -47px;
}

.ks-placeholder {
    color: #999;
    position: absolute;
    top: 6px;
    *top: 8px;
    left: 10px;
    z-index: 1;
}

/* search pop*/
.ajaxsearch {
    width: 339px !important;
    margin: 0 0 0 -1px;
    padding: 0;
    border-top: none;
    background: #fff;
    border: 1px solid #e5e5e5;
    z-index: 8;
    overflow: hidden;
    zoom: 1;
}

.ajaxsearch li {
    width: 95%;
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    overflow: hidden;
    color: #777;
    text-align: right;
    font-size: 12px;
    list-style: none;
}

.ajaxsearch i {
    font-style: normal;
}

.ajaxsearch .hover {
    background: #f2f2f2;
}

.ajaxsearch .resulttitle {
    float: left;
    display: inline;
    font-size: 14px;
}

.ajaxsearch div.close {
    width: 371px;
    margin: 0;
    font-size: 12px;
    text-align: right;
    padding: 0 5px;
    zoom: 1;
    background: #F5F5F5;
    line-height: 22px;
    cursor: pointer;
}

.ajaxsearch ul {
    *zoom: 1
}

.ajaxsearch ul:after {
    content: "\20";
    clear: both;
    height: 0;
    display: block;
    overflow: hidden;
}

.ajaxsearch .close {
    width: 329px;
    padding-right: 10px
}

/*???????*/
.crumb {
    line-height: 24px;
    font-size: 12px;
}

.crumb span {
    color: #999;
}

.fblue {
    color: #0a50a1;
}

.lightBlue {
    color: #07d;
}

a.lightBlue:hover {
    color: #1f89e3;
}

.fyellow {
    color: #f72
}

a:hover .fyellow {
    color: #f00
}

.fgray {
    color: #999;
}

.fred,
.fc-red {
    color: #f33;
}

.fblack {
    color: #333;
}

.fwhite {
    color: #fff;
}

.f16 {
    font-size: 16px;
}

/* ??? */
.ivy {
    overflow: hidden;
    zoom: 1;
    text-align: center;
}

.ivy img,
.ivy iframe,
.ivy object,
.ivy embed {
    display: block;
    margin-bottom: 40px;
}

.ivy-230 img,
.ivy-230 iframe,
.ivy-230 object,
.ivy-230 embed {
    display: block;
    margin-bottom: 5px;
}

.ivy-tl1 .ivy-wrap {
    margin: -5px 0 0 0;
    line-height: 0;
    font-size: 0;
}

.ivy-tl1 img,
.ivy-tl1 embed,
.ivy-tl1 object,
.ivy-tl1 iframe {
    margin: 5px auto 0;
    display: inline-block;
}


.ivy-tonglan p {
    overflow: hidden;
    zoom: 1;
}

.ivy-tonglan p a {
    float: left;
}

table tr,
table td {
    border-collapse: collapse;
}

a:hover {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.ovh {
    overflow: hidden;
}

.pb20 {
    padding-bottom: 20px;
}

.img-area {
    float: left;
    margin-right: 10px;
    position: relative;
    zoom: 1;
    overflow: hidden;
}

.blk-img {
    display: block;
    position: relative;
    zoom: 1;
    overflow: hidden;
}

.b-left {
    width: 850px;
}

.b-right {
    width: 310px;
    display: inline;
    margin-left: 40px;
}

/* block */
.block .b-th {
    height: 41px;
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/border.jpg) 0 bottom repeat-x;
    overflow: hidden;
}

.block .b-th .mark {
    height: 39px;
    line-height: 39px;
    border-bottom: 2px solid #2293f3;
    font-size: 20px;
    color: #07d;
    font-weight: normal;
    white-space: nowrap;
}

.mark-repeat {
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/r_mark.png) repeat;
}

/*icons*/
/*http://www1.pconline.com.cn/pc/2017/productBJ*/
.icons,
.b-more i,
.classify-nav dd i,
.pro-info .pro-tit .pro-rank,
.tragl,
#JrecordMove .pics .btn-compare .tick,
.dot-top,
.dot-bottom,
.links i,
.drop-bd .icon-arrow-top,
.icon-qq,
.area-video .tit .i-vBtn,
.star-box .star,
.star-box .star em,
.big-star-box .big-star,
.big-star-box .big-star em,
.histogram p,
.p-btns i,
.p-comment .star-box,
.guide .compare-switch,
.p-comment .star-box em,
.guide .top,
.params-table .tick {
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/icons.png?t=20180508) 0 0 no-repeat;
}


/* ?????????????????? */
/* download-entrance */
.guide .compare-app-down {
    background-image: url('https://www1.pconline.com.cn/cms/gz2024/flowapp/cms_config/images/picture-logo2.svg');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #44aaff;
}



/* more */
.b-more {
    height: 38px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #eee;
    display: block;
    color: #999;
    margin-top: 10px;
}

.b-more:hover {
    color: #07d;
    background-color: #f6f6f6;
}

.b-more i {
    width: 8px;
    height: 8px;
    line-height: 8px;
    display: inline-block;
    vertical-align: top;
    margin-top: 16px;
    *margin-top: 6px;
    background-position: -120px -66px;
    margin-left: 4px;
}

.b-more:hover i {
    background-position: -120px -82px;
}

.pro-info .pro-tit {
    font-size: 0;
    margin-bottom: 5px;
    height: 24px;
    overflow: hidden;
    padding-top: 38px;
    white-space: nowrap;
}

.pro-info .pro-tit .pro-rank,
.pro-info .pro-tit h1 {
    display: inline-block;
    margin-right: 10px;
    zoom: 1;
    *display: inline;
}

.pro-info a.fblue {
    display: inline-block;
    zoom: 1;
    *display: inline;
    font-size: 12px;
}

.pro-info .pro-tit .pro-rank {
    width: auto;
    text-align: center;
    height: 52px;
    font-size: 0;
    line-height: 0;
    margin-top: -38px;
    margin-right: 0;
}

.pro-info .pro-tit .rank-lab,
.pro-info .pro-tit .rank-des {
    display: inline-block;
    width: 62px;
    padding-right: 8px;
    font-size: 12px;
}

.pro-info .pro-tit .rank-lab {
    font: 22px/26px Arial;
    color: #fff;
    display: block;
    height: 23px;
    margin-top: 4px;
    font-weight: bold;
}

.pro-info .pro-tit .rank-des {
    line-height: 18px;
    color: #fff;
    height: 18px;
    overflow: hidden;
}

.pro-info .pro-tit h1 {
    font-size: 30px;
    line-height: 30px;
    margin-top: -17px;
    color: #333
}

.pro-info .pro-tit h2 {
    font-weight: normal;
    color: #999;
    line-height: 14px;
    font-size: 12px;
    float: none;
    display: inline;
}

.pro-info .pro-des {
    font-size: 16px;
    line-height: 24px;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
}

/*????*/
.nav,
.nav-blue {
    height: 45px;
    line-height: 45px;
    margin-bottom: 10px;
}

.nav-blue {
    background-color: #2293f3;
}

.nav {
    background-color: #fa0;
}

.nav a,
.nav a:hover,
.nav-blue a,
.nav-blue a:hover {
    color: #fff
}

.nav .mark,
.nav-blue .mark {
    font-size: 16px;
    zoom: 1;
}

.nav .mark a {
    padding: 0 20px;
    display: inline-block;
    background-color: #fa0;
    position: relative;
}

.nav-blue .mark a {
    padding: 0 26px;
    display: inline-block;
    background-color: #2293f3;
    position: relative;
}

.nav .n-cmt a {
    position: relative;
    padding-left: 42px;
}

.nav .n-cmt .i-pen {
    position: absolute;
    width: 16px;
    height: 16px;
    background-position: 0 -152px;
    top: 15px;
    left: 20px;
}

.nav .mark a:hover,
.nav .mark .current {
    background-color: #f70;
}

.nav-blue .mark .current a:hover,
.nav-blue .mark .current a {
    background-color: #167aec
}

.nav .mark-sub {
    padding-right: 10px;
}

.nav .mark li {
    float: left;
    border-right: 1px solid #ffbd00;
}

.nav-blue .mark li {
    float: left;
    border-right: 1px solid #3fabf4;
}

.nav .mark .current a {
    background-color: #f70;
}

.nav .mark li.n-last {
    border-right: 0;
}

/* .nav .mark li.n-haswidth{width: 120px;height: 45px;text-align: center;position:relative;overflow: hidden;
}
.nav .mark li.n-haswidth a{padding:0px;width: 100%;} */
.navfixed {
    margin-left: -555px;
    position: fixed;
    _position: absolute;
    left: 50%;
    top: 0;
    _top: expression(documentElement.scrollTop + "px");
    z-index: 19;
}

.nav-blue .mark .n-video,
.nav .mark .n-video {
    position: relative;
}

.nav-blue .mark .n-video::before,
.nav .mark .n-video::before {
    content: '';
    display: block;
    width: 50px;
    height: 22px;
    background: url(https://www1.pconline.com.cn/2022/product/image/ico-videoIntro.png) no-repeat;
    position: absolute;
    top: -10px;
    right: -5px;
    z-index: 100;
    -webkit-animation: 2.5s ease normal both running jello-vertical;
    animation-delay: 2s;
    animation-iteration-count: infinite;
}

@keyframes jello-vertical {

    0%,
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    12% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1);
    }

    16% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1);
    }

    20% {
        -webkit-transform: scale3d(.85, 1.15, 1);
        transform: scale3d(.85, 1.15, 1)
    }

    28% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1)
    }

    34% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1)
    }

    40% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


.area-news {
    margin-bottom: 10px;
    padding: 0;
    background: #f9f9f9;
    overflow: hidden;
    zoom: 1;
}

.area-news .news li {
    margin: 0 10px;
    width: 245px;
    float: left;
    display: inline;
    zoom: 1;
}

.area-news span {
    float: left;
    width: 280px;
    height: 29px;
    line-height: 29px;
    overflow: hidden;
    margin: 0 10px;
    display: inline;
}

.area-news span a {
    padding-left: 5px;
}

/*????????*/
.no-comment {
    width: 138px;
    height: 72px;
    font-size: 30px;
    font-weight: bold;
    border: 1px solid #eee;
}

.no-comment p {
    padding: 0 36px;
    text-align: center;
    line-height: 36px;
    color: #ddd;
}

.small-cmt .no-comment {
    padding: 24px 0 22px;
}

.cmt-box {
    overflow: hidden;
    text-align: center;
}

.cmt-box a {
    width: 100%;
    display: block;
}

.cmt-box a .tip {
    display: block;
    color: #999
}

.cmt-box a:hover .tip {
    color: #07d;
}

.small-cmt .cmt-box img {
    margin: 10px 0
}

.big-cmt .no-comment {
    padding: 33px 0;
}

/*???*/
.b-right .box {
    margin-bottom: 40px;
    clear: both;
    border: 1px solid #eee;
}

.b-right .hd {
    height: 45px;
    background-color: #f6f6f6
}

.b-right .hd .mark {
    height: 45px;
    margin-left: 15px;
    padding-left: 0;
    font-size: 16px;
    line-height: 45px;
    overflow: hidden;
}

.b-right .hd h3 {
    font-weight: normal;
    font-size: 16px;
    _display: inline;
    color: #333;
}

.b-right .bd {
    padding: 0 15px;
    zoom: 1;
}

/** drop **/
.drop {
    z-index: 10
}

.drop,
.drop-hd {
    position: relative;
    zoom: 1;
    cursor: pointer;
}

.drop-hd {
    padding-right: 15px;
    display: inline-block;
}

.drop-hd .tragl {
    right: 0px;
    top: 10px;
}

.drop-hd b {
    font-weight: normal;
}

.drop-bd {
    width: 275px;
    position: absolute;
    left: 0;
    top: 29px;
    z-index: 12;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    display: none;
}

/*.drop-bd .icon-tragl {width:15px;height:9px;background:url(http://www1.pconline.com.cn/2015/product/images/global.png) no-repeat -297px -92px;position:absolute;left:34px;top:-8px;z-index:2;font-size:0;line-height:0;overflow:hidden;}*/
.drop-bd .icon-arrow-top {
    width: 15px;
    height: 9px;
    position: absolute;
    top: 29px;
    left: 39px;
    display: block;
    background-position: -65px -112px;
    z-index: 11;
}

.drop-bd .drop-bd-wrap {
    line-height: 30px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    zoom: 1;
    font-size: 14px;
}

.drop-bd .drop-bd-wrap li {
    padding-left: 31px;
    position: relative;
    zoom: 1;
    color: #999;
}

.drop-bd .drop-bd-wrap li em {
    position: absolute;
    left: 10px;
    top: 0
}

.drop-bd .drop-bd-wrap li .pvn {
    width: 63px;
    _margin-right: -3px;
    float: left;
}

.drop-bd .drop-bd-wrap li p {
    overflow: hidden;
    zoom: 1;
}

.drop-bd .drop-bd-wrap li p a {
    color: #333
}

.drop-bd .drop-bd-wrap li p a:hover {
    color: #f80
}

.drop-bd .drop-bd-wrap li.stay {
    padding-left: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.drop-bd .drop-bd-wrap li.stay .pvn {
    width: 84px;
}

.tragl {
    width: 14px;
    height: 8px;
    line-height: 0;
    overflow: hidden;
    font-size: 0;
    position: absolute;
    background-position: 0 -98px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.dealer {
    margin-top: 12px;
}

.dealer .hd {
    position: relative;
    /* z-index: 2 */
    z-index: 0;
}

.dealer .bd {
    font-size: 14px;
    display: block;
}

.dealer .hd .drop-dealers {
    width: auto;
    overflow: visible;
}

.dealer .hd .mark .tragl {
    margin-left: 3px;
}

.dealer .hd .mark span {
    font-size: 16px;
    line-height: 40px;
}

.dealer .drop-dealers {
    position: relative;
}

.dealer .drop-dealers .drop-hd .tragl {
    top: 20px;
    right: -4px;
    cursor: pointer;
}

.dealer .drop-dealers .active .tragl {
    -webkit-transform: rotate(180deg) translate(0, 2px);
    -moz-transform: rotate(180deg) translate(0, 2px);
    -ms-transform: rotate(180deg) translate(0, 2px);
    -o-transform: rotate(180deg) translate(0, 2px);
    transform: rotate(180deg) translate(0, 2px);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.dealer .drop-dealers .drop-bd {
    top: 40px;
}

.dealer .drop-dealers .icon-arrow-top {
    top: -8px;
}

.drop-dealers .drop-bd-content {
    height: 330px;
    line-height: 30px;
    border: 1px solid #ddd;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    zoom: 1;
    font-size: 14px;
    z-index: 10;
    position: absolute;
    width: 100%;
}

.drop-dealers .drop-bd-content li {
    line-height: 22px;
    padding: 4px 0px;
    color: #999;
    background: #fff;
    clear: both;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
    zoom: 1
}

.drop-dealers .drop-bd-content li .iCity a {
    color: #333;
    padding: 0 3px;
    display: inline-block;
    cursor: pointer;
}

.drop-dealers .drop-bd-content li .iCity a:hover {
    color: #07d;
}

.drop-dealers .drop-bd-content i {
    display: block;
    float: left
}

.drop-dealers .drop-bd-content .iLft {
    padding-left: 10px;
    width: 70px;
}

.drop-dealers .drop-bd-content .iPrv {
    padding-left: 25px;
    width: 50px;
}

.drop-dealers .drop-bd-content .iCity {
    width: 150px;
}

.drop-dealers .drop-bd-content em {
    position: absolute;
    left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold
}

.drop-dealers .drop-bd-content .liRemen {
    border-bottom: 1px solid #e5e5e5
}

.drop-dealers ul {
    overflow: hidden
}

.drop-dealers ul li i {
    display: block;
    line-height: 22px;
    height: auto;
    overflow: visible
}

.dealer .slider {
    overflow: hidden;
    zoom: 1;
}

.dealer .slider .toc {
    height: 28px;
    line-height: 28px;
    float: left;
    color: #999;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    margin-right: 9px;
    font-weight: bold;
}

.dealer .slider {
    height: 34px;
    text-align: left;
    padding: 8px 15px 0;
}

.dealer .slider .selected {
    color: #07d;
}

.dealer .slider #tabfzn {
    width: 20%;
    margin-right: 0;
}

.dealer .bd {
    padding: 0
}

.dealer .bd #sliderMall {
    padding: 0 15px
}

.item-dealer {
    padding: 10px 0;
    border-top: 1px solid #eee;
    font-size: 12px;
    color: #333;
}

.item-dealer-ad {
    text-align: center;
    border-bottom: none;
}

.item-dealer-ivy {
    display: block;
}

.item-dealer-np {
    height: 24px;
    overflow: hidden;
    word-break: break-all;
    position: relative;
}

.item-dealer-name {
    width: 100%;
}

.item-dealer-price {
    min-width: 50px;
}

.item-dealer-name,
.item-dealer-price {
    height: 24px;
    font-size: 14px;
    display: block;
    overflow: hidden;
    word-break: break-all;
}

.item-dealer-name {
    font-weight: bold;
}

.item-dealer-ad .item-dealer-name {
    width: auto;
}

.item-dealer-price {
    color: #f33;
    position: absolute;
    top: 0;
    right: 0;
}

.item-dealer-tel {
    height: 24px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.item-dealer-addr {
    display: none;
}

.hover .item-dealer-addr {
    display: block;
}

.item-dealer-qq {
    position: absolute;
    display: block;
    bottom: 2px;
    right: 5px;
}

.icon-qq {
    width: 15px;
    height: 16px;
    display: block;
    background-position: -285px 0;
    overflow: hidden;
}

/* .item-dealer-qq:hover .icon-qq {background-position:-331px -63px;} */
.dealer .last {
    border-bottom: none;
}

.dealer .loading {
    padding: 10px;
    text-align: center;
    color: #777;
}

.dealer .loading img {
    margin-right: 5px;
    vertical-align: middle;
}

.dealer .tabNone {
    padding: 8px 5px;
    line-height: 20px;
    text-align: center;
    display: block;
    background: #FFFBF0;
}

.otherCity {
    font-size: 12px;
    color: #999;
    margin: 0 -10px 10px 0;
    padding: 0 15px
}

.otherCity a {
    display: inline-block;
    padding-right: 10px;
    color: #999;
}

.otherCity a:hover {
    text-decoration: none;
    color: #07d;
}

.otherCity .otherCityL {
    float: left;
}

.otherCity .otherCityR {
    float: left;
    margin-right: -10px;
}

/* ??????? */

.ranking-list .bd {
    padding: 5px 15px;
}

.ranking-list .bd li {
    padding: 5px 0;
    vertical-align: top;
}

.ranking-list .bd li a {
    display: block;
    position: relative;
    padding-left: 24px;
    font-size: 14px;
    line-height: 34px;
    zoom: 1;
}

.ranking-list .bd li .fc-red {
    color: #f33;
}

.ranking-list .bd li .fc-yel {
    color: #f80;
}

.ranking-list .bd li a i {
    position: absolute;
    left: 0;
    top: 0;
    font: 18px/34px "Arial";
    font-style: italic;
    color: #999;
}

.ranking-list .bd li a i.fred {
    color: #f33;
}

.ranking-list .bd li a i.fyellow {
    color: #f72;
}

.ranking-list .bd li a p {
    width: 254px;
    height: 34px;
    line-height: 34px;
    overflow: hidden;
    white-space: nowrap;
}

.ranking-list .bd li a em {
    width: 61px;
    float: right;
    color: #f33;
    text-align: right;
}

.ranking-list .bd li a p span {
    width: 190px;
    display: block;
    overflow: hidden;
}

.ranking-list .bd li a img {
    margin-top: 5px;
    display: none;
}

.ranking-list .bd li.active img {
    display: block;
}


/*active*/
.pic-txt-list li.active {
    overflow: hidden;
    zoom: 1;
}

.pic-txt-list li.active .img-area {
    width: 90px;
    height: 75px;
    display: block;
    position: relative;
    overflow: hidden;
    margin-right: 5px;
}

.pic-txt-list li.active .img-area img {
    position: absolute;
    left: -5px;
    top: 0;
}

.pic-txt-list li.active .ls-text {
    width: 74px;
    padding-top: 15px;
}

.pic-txt-list li.active .ls-text a {
    height: 20px;
    line-height: 20px;
    margin-bottom: 6px;
    padding-left: 0px;
}

.pic-txt-list li.active .ls-text a.title {
    width: 100%;
    height: 40px;
    margin-right: 0;
}


/* ?????? */
.b-right #JrecordMove .pics .blk-img img {
    display: none;
}

.b-right #JrecordMove .pics .blk-img {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.b-right #JrecordMove .pics {
    overflow: hidden;
}

.b-right #JrecordMove .pics .price {
    color: #f33;
    float: left;
}

.b-right #JrecordMove .pics .compare {
    height: 28px;
}

.b-right #JrecordMove .pics li {
    padding: 12px 0 18px;
    border-top: 1px solid #f0f0f0;
    margin-top: -1px;
}

#JrecordMove .pics .btn-compare {
    width: 54px;
    height: 22px;
    line-height: 22px;
    border: 1px solid #eee;
    float: right;
    font-size: 12px;
    text-align: center;
}

#JrecordMove .pics .btn-compare .tick {
    width: 8px;
    height: 8px;
    background-position: -107px -93px;
    display: inline-block;
    *vertical-align: top;
    margin-top: 8px;
    *margin-top: 5px;
    zoom: 1;
    cursor: pointer;
    margin-right: 4px;
}

#JrecordMove .pics .btn-compare:hover {
    color: #ffb21a;
}

#JrecordMove .pics .checked .tick {
    background-position: -85px -110px;
}

#JrecordMove .pics .checked:hover {
    color: #ccc;
}

#JrecordMove .mark-sub {
    padding-bottom: 20px;
}

#JrecordMove .mark-sub .reset {
    height: 28px;
    line-height: 28px;
    border: 1px solid #eee;
    display: block;
    text-align: center;
}


/* XX??? */
.brands .bd {
    padding: 10px 12px 20px;
}

.list-logos {
    margin: 0 -13px 0 0;
}

.list-logos li {
    width: 124px;
    height: 71px;
    margin: 10px 12px 0;
    float: left;
    display: inline;
    overflow: hidden;
}

.list-logos .logo {
    text-align: center;
    position: relative;
    display: block;
    margin: 3px;
    width: 118px;
    height: 65px;
    background: transparent;
}

.list-logos .hover img {
    opacity: 0;
    filter: alpha(opacity=0);
}

.list-logos .logo .name {
    width: 116px;
    height: 63px;
    border: 1px solid #e5e5e5;
    position: absolute;
    top: 0;
    left: -0;
    word-break: break-all;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    background: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.list-logos .hover .name {
    opacity: 1;
    filter: alpha(opacity=100);
}

.list-logos .logo-no .name {
    opacity: 1;
    filter: alpha(opacity=100);
}

.list-logos .logo img {
    height: 65px;
    max-width: 118px;
    _width: 118px;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.list-logos .logo .name p {
    font-size: 14px;
    line-height: 22px;
    margin: 3px 10px;
    color: #333;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.list-logos .logo-no img {
    display: none;
}

.list-logos .logo-no .name p {
    color: #333;
}

.list-logos .logo-no.hover .name {
    border: 1px solid #e5e5e5;
}

.list-logos .logo:hover .name p {
    color: #07d
}

.hook {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 100%;
    overflow: hidden;
    line-height: 999em;
    font-size: 0;
    vertical-align: middle;
}

/*????????*/
.txt-area {
    overflow: hidden;
    zoom: 1;
}

.look-pic-list .pic-txt {
    padding: 20px 0;
    border-bottom: 1px solid #eee;
}

.look-pic-list .last {
    border-bottom: none;
}

.look-pic-list .pic-txt dt {
    height: 40px;
    margin-bottom: 16px;
    line-height: 20px;
    word-break: break-all;
    overflow: hidden;
}

.look-pic-list .pic-txt dd img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

.look-pic-list .pic-txt dd {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
}

/*???????????*/
.brand .brand-dl {
    padding-bottom: 20px;
}

.brand .brand-dl dt {
    margin: 20px auto;
    text-align: center;
}

.brand .brand-dl dd {
    line-height: 24px;
    margin-bottom: 3px;
}

.brand .brand-dl dd a {
    color: #07d;
}

.b-right .icon-reset {
    display: none;
}

/*????????*/
.guide {
    width: 45px;
    margin-left: 610px;
    position: fixed;
    left: 50%;
    bottom: 35px;
    _position: absolute;
    _top: expression(documentElement.scrollTop+documentElement.clientHeight - this.clientHeight - 35+'px');
}

.guide a {
    height: 38px;
    line-height: 16px;
    margin-top: 5px;
    padding: 7px 0 0;
    display: block;
    text-align: center;
    color: #fff
}

.guide .compare-switch {
    background-position: -236px -79px;
}

.guide a:hover {
    background-color: #44aaff;
    color: #fff;
    text-decoration: none
}

.guide a span {
    padding: 0 8px;
    display: none
}

.guide a:hover span {
    display: block;
    background-color: #44aaff
}

.guide .top {
    background-position: -236px -129px;
}

/* ?????? */
.itemPro {}

.itemProWrap {
    position: relative;
}

.itemPro .lineWrap {
    position: absolute;
    left: 4px;
    top: 18px;
    overflow: hidden;
    height: 100%;
    width: 1px;
}

.itemPro .lineWrap .line {
    position: relative;
    height: 100%;
    width: 1px;
    display: block;
    border-left: 1px dotted #48acff;
    bottom: 31px;
    display: block;
}

.itemPro ul {
    padding-top: 12px;
    /* border-left: 1px dotted #48acff; */
    padding-left: 12px;
    margin-left: 5px;
}

.itemPro li {
    height: 22px;
    line-height: 22px;
    margin-bottom: 18px;
}

.itemPro a {
    display: block;
    position: relative;
}

.itemPro .u-month {
    position: relative;
    float: left;
    width: 42px;
    height: 22px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    margin-right: 10px;
    background: #48acff;
}

.itemPro li p {
    width: 208px;
    float: left;
    height: 22px;
}

.itemPro ins {
    position: absolute;
    width: 18px;
    height: 11px;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/ico_newPro.png') 0 -11px no-repeat;
    left: -18px;
    top: 5px;
}

.itemPro .u-lastY .u-month {
    background: #8dbee6
}

.itemPro .u-lastY ins {
    background-position: 0 -22px;
}

.itemPro em {
    display: block;
    overflow: hidden;
    height: 22px;
}

.itemPro img,
.itemPro span {
    display: none;
}

.itemPro span {
    color: #ff3333;
}

.itemPro .active {
    height: auto;
}

.itemPro .active img {
    display: block;
}

.itemPro .active p {
    width: 260px;
    margin: 5px 0;
}

.itemPro .active span {
    float: right;
    display: block;
    margin-left: 5px;
}

.itemPro .active ins {
    background-position: 0 0;
}

/* ivy-310 */
.ivy-310 {}

.ivy-310 img,
.ivy-310 iframe,
.ivy-310 object,
.ivy-310 embed {
    margin-bottom: 35px;
}

.ivy-310 img:nth-child(2) {
    margin-top: -30px;
    position: relative;
}

/* ??????? */
.videoMask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    top: 0;
    left: 0;
    z-index: 1000;
}

.popu-videoShow {
    width: 800px;
    height: 450px;
    background: #000;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -225px 0 0 -400px;
    z-index: 1001;
}

.popu-videoShow video,
.popu-videoShow embed {
    width: 800px;
    height: 450px;
}

.popu-videoShow .u-close {
    width: 44px;
    height: 44px;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/ico_close_video.png') no-repeat;
    position: absolute;
    right: 0;
    top: -50px;
    cursor: pointer;
}

/*???????????*/
.left-side {
    width: auto;
    padding: 0px 0;
    margin-right: 610px;
    position: fixed;
    right: 50%;
    top: 5px;
    _position: absolute;
    _top: expression(documentElement.scrollTop+this.clientHeight+'px');
    zoom: 1;
    display: none;
}

.left-side .line {
    width: 2px;
    padding-bottom: 1000px;
    margin-bottom: -1000px;
    background: #eee;
    font-size: 0;
    position: absolute;
    right: 0px;
    top: 12px;
    zoom: 1;
    font-size: 0;
}

.left-side .dot-top,
.left-side .dot-bottom {
    width: 12px;
    height: 12px;
    position: absolute;
    right: 0;
    background-position: -48px -200px;
    font-size: 0;
}

.left-side .dot-top {
    top: 0;
}

.left-side .dot-bottom {
    bottom: 0
}

.links i {
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/icons.png) no-repeat -21px -110px;
    position: absolute;
    width: 15px;
    height: 15px;
    right: 1px;
    top: 8px;
    font-size: 0;
}

.left-side .links {
    overflow: hidden;
    zoom: 1;
    margin-bottom: -15px;
}

.left-side .links li {
    height: 30px;
    margin-bottom: 5px;
    vertical-align: middle;
    overflow: hidden;
}

.left-side .links a {
    height: 30px;
    line-height: 30px;
    line-height: 32px\9;
    padding: 0 30px 0 7px;
    text-align: left;
    color: #999;
    position: relative;
    overflow: hidden;
    zoom: 1;
    text-align: right;
    float: right;
    display: inline;
    _margin-right: 1px;
    white-space: nowrap;
}

.left-side .links a:hover i,
.left-side .links .current i {
    background-position: 0 -112px;
}

.left-side .links a:hover,
.left-side .links .current a {
    color: #07d;
}

.left-side .line-wrap {
    position: absolute;
    overflow: hidden;
    width: 2px;
    right: 8px;
    top: 0;
    height: 100%;
    background: #fff;
}

.classify-nav {
    padding: 10px 0 15px;
}

.classify-nav dl {
    height: 28px;
    line-height: 28px;
    background-color: #fafafa;
    border: 1px solid #eee;
    font-size: 12px;
    position: relative;
}

.classify-nav dt,
.classify-nav dd {
    float: left;
}

.classify-nav dt {
    width: 56px;
    text-align: right;
    color: #999;
}

.classify-nav dd {
    line-height: 28px;
    padding: 0 28px 0 15px;
    border-left: 1px solid #fafafa;
    border-right: 1px solid #fafafa;
    cursor: pointer;
    color: #333;
}

.classify-nav dd a:hover {
    color: #07d;
}

.classify-nav dd.fr {
    float: right;
}

.classify-nav dd span {
    position: relative;
    display: block;
}

.classify-nav dd i {
    width: 8px;
    height: 6px;
    position: absolute;
    right: -16px;
    top: 50%;
    margin-top: -3px;
    *margin-top: -8px;
    background-position: -97px -60px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.classify-nav dd.fr i {
    width: 8px;
    height: 8px;
    background-position: -120px -48px;
}

.c-pop {
    width: 1198px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 29px;
    left: -1px;
    border: 1px solid #eee;
    border-top: 0;
    box-shadow: 2px 4px 3px 0px #e5e5e5;
    background-color: #fff;
    display: none;
}

.c-pop a {
    float: left;
    font-size: 12px;
    color: #acacac;
    margin-left: 20px;
}

.c-pop a:hover {
    color: #0a50a1
}

/*hover*/
.classify-nav dd.active {
    height: 29px;
    background-color: #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.classify-nav dd.active .c-pop {
    display: block;
}

.classify-nav dd.active i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;

}

#compareBarOut {
    display: block;
    z-index: 19
}

.icon-reset,
.btm-compare-box .icon-item-del,
.btm-compare-box-close {
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/icons.png) no-repeat 0 0;
}

.icon-reset {
    width: 16px;
    height: 15px;
    margin: 0px 5px -3px 0;
    *margin-bottom: -1px;
    background-position: -20px -92px;
    _zoom: 1;
    position: absolute;
    left: 0;
}

.btm-compare-box {
    width: 1198px;
    border: 1px solid #eee;
    position: fixed;
    _position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -600px;
    background-color: #fff;
    z-index: 18;
    display: none;
}

.btm-compare-box-close {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 5px;
    top: 9px;
    overflow: hidden;
    background-position: -65px -94px;
    cursor: pointer;
}

.btm-compare-box .tab-ctrl {
    height: 32px;
    border-bottom: 1px solid #f6f6f6;
    background-color: #f6f6f6;
    position: relative;
    font-size: 12px;
}

.btm-compare-box .tab-ctrl a {
    height: 32px;
    padding: 0 20px;
    line-height: 33px;
    display: block;
    float: left;
    color: #999;
    text-decoration: none;
}

.btm-compare-box .tab-ctrl .current {
    color: #fff;
    background-color: #2293f2;
}

.btm-compare-box .panel {
    height: 103px;
}

.btm-compare-box .item {
    width: 193px;
    padding: 20px 20px 20px 0;
    border-right: 1px solid #eee;
    float: left;
    text-align: left;
    position: relative;
}

.btm-compare-box .item-pic {
    float: left;
    margin: 0 10px;
}

.btm-compare-box .item-title {
    height: 36px;
    margin-bottom: 3px;
    line-height: 18px;
    display: block;
    word-break: break-all;
    overflow: hidden;
}

.btm-compare-box .price {
    display: block;
    color: #f33;
    font-weight: bold;
}

.btm-compare-box .icon-item-del {
    width: 14px;
    height: 14px;
    background-position: -85px -93px;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    cursor: pointer;
}

.btm-compare-box ul .msg {
    height: 63px;
    line-height: 75px;
    overflow: hidden;
    text-align: center;
}

.btm-compare-box ul li {
    width: 192px;
    padding: 20px 20px 20px 0;
    border-right: 1px solid #eee;
    float: left;
    text-align: left;
    position: relative;
}

.btm-compare-box ul .fSelect {
    padding-bottom: 13px;
}

.btm-compare-box .sn {
    width: 180px;
    height: 25px;
    margin: 0 0 10px 20px;
    border: 1px solid #eee;
}

.btm-comp-fn {
    padding: 20px 0 0 20px;
    float: left;
    text-align: center;
}

.btm-comp-fn a {
    width: 90px;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    background-color: #2293f2;
    color: #fff;
    display: block;
    border-radius: 3px;
}

.btm-comp-fn .reset {
    width: 70px;
    padding-left: 20px;
    cursor: pointer;
    display: block;
    position: relative;
    text-align: left;
}

.btm-comp-fn .reset .icon-reset {
    top: 6px;
}

.btm-comp-fn .reset:hover {
    color: #07d;
    text-decoration: none;
}

.btm-comp-fn .reset:hover .icon-reset {
    background-position: -43px -92px;
}

.btm-comp-fn2 {
    padding: 45px 0 0 40px;
}

.hide {
    display: none !important;
}

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

.clearfix {
    zoom: 1;
}

.itemNewPro {}

.itemNewProWrap {
    position: relative;
}

.itemNewProList {
    padding: 23px 0 0 20px;

}

.itemNewProList li {
    width: 282px;
}

.itemNewProList li a {
    width: 282px;
}

.itemNewProList li .fl {
    width: 75px;
    height: 24px;
    margin-right: 8px;
    float: left;
    padding-left: 5px;
    background-repeat: no-repeat;
    background-size: 80px 61px;
    background-image: url(//www1.pconline.com.cn/product/gz20180725/mobile/img/itemNewProPic.png);
    background-position: 0 0;
}

.itemNewProList li .fl p {
    padding-top: 6px;
    font-size: 12px;
    line-height: 12px;
    color: #4ea9ff;
}

.itemNewProList li .cent {
    width: 130px;
    float: left;
}

.itemNewProList li .cent i {
    display: inline-block;
    width: 13px;
    height: 13px;
    background-repeat: no-repeat;
    background-size: 80px 61px;
    background-image: url(//www1.pconline.com.cn/product/gz20180725/mobile/img/itemNewProPic.png);
    background-position: 0 -48px;
    position: relative;
    top: -7px;
}

.itemNewProList li .cent .pro-name {
    display: inline-block;
    width: 104px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    margin-left: 6px;
}

.itemNewProList li .cent .pro-pic {
    display: block;
    height: 25px;
    margin: -10px 0 0 6px;
    border-left: 1px solid #4ea9ff;
}

.itemNewProList li .cent .pro-pic img {
    display: none;
    max-height: 75px;
    max-width: 100px;
    margin: 0 auto;
    position: relative;
    left: 20px;
    top: 8px;
}

.itemNewProList li .fr {
    width: 64px;
    float: left;
    font-size: 14px;
    color: #ff0000;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.itemNewProList .current .fl {
    background-position: 0 -24px;
}

.itemNewProList .current .fl p {
    color: #fff;
}

.itemNewProList .current .cent i {
    background-position: -13px -48px;
}

.itemNewProList .current .cent .pro-name {
    color: #4ea9ff;
}

.itemNewProList .current .cent .pro-pic {
    height: 90px;
}

.itemNewProList .current .cent .pro-pic img {
    display: block;
}

.itemNewProList .last-child .cent .pro-pic {
    border: none;
}

/* ?????? */
/* ???? */
.setStyle {
    margin: 100px;
}

.chart-box {
    width: 293px;
    border: 1px solid #f0f0f0;
    border-top: 0;
    position: relative;
    float: left;
}

.chart-box p.c-hline {
    height: 16px;
    width: 100%;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 16px;
    border-top: 1px solid #f0f0f0;
}

.chart-tb {
    position: absolute;
    bottom: -24px;
    left: 0;
}

.chart-box ol {
    position: absolute;
    left: -27px;
    top: 4px;
}

.chart-box ol li {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

.chart-tb .table,
.chart-tb {
    width: 100%;
}

.chart-tb .table,
.chart-tb .table tr,
.chart-tb .table td {
    border-collapse: collapse;
    font-size: 12px;
    line-height: 24px;
}

.histogram {
    height: 85px;
    width: 16px;
    margin: 0 auto;
    position: relative;
}

.big-chart-box .histogram {
    height: 100px;
}

.histogram p {
    height: 0;
    width: 16px;
    background-position: -158px 0;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.histogram p em {
    width: 100%;
    height: 16px;
    line-height: 16px;
    font-size: 12px;
    position: absolute;
    top: -16px;
    left: 0;
    text-align: center;
    font-weight: bold;
    color: #333;
}

.chart-tb .table .h-addr {
    width: 90%;
    height: 24px;
    padding: 0 5%;
    line-height: 24px;
    overflow: hidden;
    text-align: center;
    color: #333
}

/*?????*/
.chart-strip {
    position: relative;
    padding-left: 34px;
    float: left;
}

.small-strip {
    width: 217px;
}

.big-strip {
    width: 284px;
    padding-right: 50px;
}

.chart-strip .chart-attr {
    width: 34px;
    font: 12px/14px "Microsoft YaHei";
    position: absolute;
    left: 0;
    top: 0;
}

.chart-strip .chart-attr li {
    height: 14px;
    overflow: hidden;
    vertical-align: top;
    line-height: 14px;
    color: #333;
}

.small-strip .chart-attr li {
    padding-bottom: 12px;
}

.big-strip .chart-attr li {
    padding-bottom: 17px;
}

.chart-strip .strip-list {
    width: 100%;
}

.chart-strip .strip-list li {
    height: 14px;
    line-height: 14px;
    position: relative;
    font-size: 0;
    vertical-align: top;
}

.chart-strip .strip-list p {
    height: 14px;
    background-color: #f6f6f6;
}

.chart-strip .strip-list em {
    height: 14px;
    position: absolute;
    top: 0;
    text-align: right;
    overflow: hidden;
    font-size: 12px;
    color: #333;
}

.small-strip .strip-list em {
    width: 45px;
    right: -45px;
}

.chart-strip .strip-list p span {
    width: 0;
    height: 100%;
    display: block;
    background-position: 0 -180px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.small-strip .strip-list li {
    padding-bottom: 12px;
}

.big-strip .strip-list li {
    padding-bottom: 17px;
}

.small-strip .strip-list-wrap {
    height: 118px;
}

.big-strip .strip-list-wrap {
    height: 138px;
}

.big-strip .strip-list em {
    width: 60px;
    right: -60px;
}

.b-left .ivy-tl2 img,
.b-left .ivy-tl2 iframe,
.b-left .ivy-tl2 object,
.b-left .ivy-tl2 embed {
    margin-bottom: 5px;
}

.ivy-tl3 img,
.ivy-tl3 iframe,
.ivy-tl3 object,
.ivy-tl3 embed {
    margin-bottom: 5px;
    float: left;
}

.left-top .icon-tags {
    width: 104px;
    height: 80px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    pointer-events: none;
}

.left-top .icon-tags .Intel2in1Icon {
    position: static;
    top: 0;
    left: 0;
}

.left-top .icon-tags .prizeIcon {
    position: static;
    top: 0;
    left: 0;
    margin-bottom: 2px;
}

.left-top .icon-tags .iconBox {
    position: static;
    left: 0;
    top: 0;
    margin-bottom: 2px;
}

.left-top .icon-tags .iconA {
    width: 104px;
    height: 80px;
}

.left-top .icon-tags .icon-p-tag-big {
    width: 75px;
    height: 73px;
}

/*??????*/
.big-pic {
    width: 358px;
    height: 268px;
    border: 1px solid #f0f0f0;
    position: relative;
    overflow: hidden;
}

.u-bigpicLink {
    display: block;
    width: 150%;
    margin-left: -25%;
    text-align: center;
}

.u-bigpicLink img {
    width: auto;
}

.big-pic .mark-sub {
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    position: absolute;
    bottom: 0;
    left: 0px;
    background-color: rgba(178, 178, 178, 0.8);
    text-align: center;
    color: #fff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#98999999, endColorstr=#98999999)
}

.u-mask {
    width: 100%;
    height: 238px;
    top: 0;
    left: 0;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000, endColorstr=#78000000)
}

.ico-play {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    background: url('ico_play.png') no-repeat;
}

.ico-play {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    background: -20px -30px url('//www1.pconline.com.cn/pc/2017/productBJ/images/index_icons.png') no-repeat;
}

:root .big-pic .mark-sub {
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#78000000, endColorStr=#78000000)
}

.smallpics {
    width: 360px;
    overflow: hidden;
    padding-top: 20px;
}

.smallpics ul {
    width: 373px;
}

.smallpics li {
    width: 80px;
    height: 88px;
    float: left;
    padding-right: 13px;
    padding-bottom: 11px;
}

.smallpics li img {
    display: block;
    vertical-align: top;
    border: 1px solid #f0f0f0;
}

.smallpics li a {
    display: block;
    position: relative;
    width: 80px;
    height: 60px;
    overflow: hidden;
}

.smallpics li a:hover span {
    color: #07d;
}

.smallpics li span {
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: block;
    font-size: 12px;
    color: #333;
    position: relative;
    overflow: hidden;
}

.smallpics .cur span {
    color: #2293f2;
}

.smallpics li .i-vbtn {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 50%;
    margin: 0 0 0 -15px;
    background-position: -75px 0;
    z-index: 1;
}

.product-detail-main {
    width: 450px;
    float: left;
    padding-left: 40px;
    padding-top: 6px;
}

.product-price-info {
    padding-bottom: 8px;
}

.product-price {
    padding-bottom: 20px;
}

.product-price dt {
    color: #333;
}

.product-price dt,
.product-price dd {
    float: left;
}

.product-price dt,
.product-price-info .level {
    height: 24px;
    line-height: 24px;
    vertical-align: bottom;
    font-size: 14px;
}

.product-price dt {
    width: 82px;
}

.product-price .r-price {
    font-size: 26px;
    font-weight: bold;
    display: inline-block;
    line-height: 32px;
    vertical-align: bottom;
}

.product-price .fgray .r-price,
.product-price .fgray .r-price a {
    color: #999;
}

.product-price .fc-red .r-price a,
.product-price .fc-red .r-price {
    color: #f33;
}

.product-price .fc-red .r-price a span {
    font-size: 16px;
}

.product-price .fc-red .r-price a:hover {
    color: #f00
}

.product-price .fgray .r-price a:hover {
    color: #666
}

.product-price .f16 .r-price {
    font-size: 16px;
    height: 32px;
    line-height: 36px;
    overflow: hidden;
}

.product-price .relative-product-list li {
    width: 130px;
    height: 20px;
    line-height: 20px;
    float: left;
    padding-right: 20px;
    overflow: hidden;
}

.product-price .r-p-price {
    font-size: 12px;
}

.product-price .product-price-other {
    padding-top: 8px;
}

.product-price .product-price-info dt {
    padding-top: 8px;
}

.product-price-info .level {
    display: inline-block;
    position: relative;
    zoom: 1;
    color: #999;
    padding-bottom: 4px;
}

.product-price-info .level em {
    width: 14px;
    height: 12px;
    position: absolute;
    top: 8px;
    left: 16px;
}

.product-price-info .stable,
.product-price-info .down,
.product-price-info .up {
    padding-left: 32px;
}

.product-price-info .stable em {
    background-position: -139px -107px;
    top: 7px;
    left: 14px;
}

.product-price-info .down em {
    background-position: -94px -134px;
}

.product-price-info .up em {
    background-position: -76px -134px;
}

.product-price-other dd {
    *height: 36px;
    padding-right: 20px;
    text-align: center;
    overflow: hidden;
}

.product-price-other dd span {
    display: block;
    line-height: 24px;
    color: #f33;
    font-size: 14px;
}

.product-price-other dd img {
    display: block;
    vertical-align: top;
}

/*???????????*/
.p-comment {
    width: 138px;
    height: 90px;
    padding: 13px 0 15px;
    text-align: center;
    border: 1px solid #eee;
    margin-right: 15px;
}

.p-comment span {
    display: block;
    font-size: 12px;
}

.p-comment span em {
    color: #f98500;
}

.p-comment .p-c-score {
    height: 45px;
    line-height: 45px;
    font-size: 30px;
    color: #f98500;
    font-weight: bold;
}

.p-comment .star-box {
    width: 82px;
    height: 15px;
    background-position: 0 -56px;
    margin: 0 auto 10px;
    text-align: left;
}

.p-comment .star-box em {
    height: 15px;
    display: block;
    background-position: 0 -76px;
}

.p-btns a {
    width: 138px;
    height: 43px;
    line-height: 43px;
    float: left;
    position: relative;
    text-align: center;
    margin-top: 20px;
    margin-right: 15px;
}

.p-btns .bgblue {
    background-color: #2293f2;
    border: 1px solid #2293f2;
    color: #fff;
}

.p-btns .bgyellow {
    background-color: #ffa916;
    border: 1px solid #ffa916;
    color: #fff;
}

.p-btns .btn-compare {
    background-color: #fff;
    border: 1px solid #eee;
    color: #333;
    margin-right: 0;
}

.p-btns .bgblue:hover {
    background-color: #167aed;
}

.p-btns .bgyellow:hover {
    background-color: #f70;
}

.p-btns .btn-compare:hover .i_add {
    background-position: -121px -112px;
}

.p-btns .btn-compare:hover {
    color: #ffa916
}


.p-btns label,
.p-btns span,
.p-btns i {
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    cursor: pointer;
}

.p-btns label,
.p-btns span {
    *margin-left: 4px;
}

.btn-compare .i_add {
    width: 14px;
    height: 14px;
    background-position: -114px -23px;
    overflow: hidden;
    margin-top: 15px;
}

.p-btns .i_pen {
    width: 12px;
    height: 14px;
    background-position: -116px 0;
    margin-top: 15px;
}

.p-btns .i_m {
    width: 12px;
    height: 14px;
    background-position: -97px -76px;
    margin-top: 15px;
}

.p-btns .checked .i_add,
.p-btns .checked:hover .i_add {
    background-position: -98px -106px;
}

/*????*/
.pc-news {
    padding-top: 30px;
}

.pc-news li {
    position: relative;
    vertical-align: top;
}

.pc-news .pc-pic {
    border: 1px solid #e5e5e5;
    float: left;
    position: relative;
}

.pc-news .sub-curmb {
    width: 35px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #4ea9ff;
    overflow: hidden;
}

.pc-news .pc-con {
    padding-top: 11px;
}

.pc-news .pc-tw .pc-con {
    height: 79px;
    width: 288px;
    float: left;
    background-color: #fafafa;
    padding-left: 20px;
    padding-right: 20px;
}

.pc-news .pc-tit {
    height: 44px;
    font-size: 14px;
    line-height: 22px;
}

.pc-news .fgray a {
    color: #999;
    padding-right: 20px;
}

.pc-news .p-n-tit {
    line-height: 22px;
    padding-left: 44px;
    clear: both;
}

.pc-news .pc-con {
    width: 398px;
    float: left;
}

.pc-news .p-n-tit .sub-curmb {
    top: 11px;
}

.pc-news .p-n-tit .pc-tit {
    width: 300px;
    height: 22px;
    overflow: hidden;
    padding-right: 20px;
    float: left;
}

/* ???? */
.hot-news {
    padding-top: 20px;
    overflow: hidden;
}

.hot-news li {
    width: 212px;
    float: left;
    padding-right: 10px;
}

.hot-news li .i-hot {
    height: 14px;
    font-size: 10px;
    line-height: 14px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff513f;
    color: #fff;
    padding: 0 3px;
}

.hot-news li .img-area {
    border: 1px solid #e5e5e5;
}

.hot-news .text-wrap {
    overflow: hidden;
}

.hot-news .text-wrap a {
    height: 19px;
    display: block;
    line-height: 19px;
    font-size: 12px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}

/*????????*/
.keyparams .b-th .tab-ctrl {
    font-size: 20px;
    line-height: 39px;
    margin-right: 20px;
    font-weight: normal;
    float: left;
}

.keyparams .b-th .tab-ctrl a {
    color: #999;
}

.keyparams .b-th .current {
    color: #07d;
    border-bottom: 2px solid #2293f3;
}

.keyparams .b-th .current a {
    color: #07d;
}

.keyparams .keyparams-text {
    line-height: 28px;
    color: #333;
    font-size: 14px;
    padding: 12px 0 22px;
}

.list-param {
    width: 1000px;
    padding-bottom: 10px;
}

.list-param .pic-txt {
    float: left;
    display: inline;
    zoom: 1;
    width: 262px;
    margin: 30px 20px 10px 10px;
    overflow: hidden;
    height: 60px;
}

.list-param dt {
    height: 18px;
    line-height: 14px;
    overflow: hidden;
    vertical-align: baseline;
    margin-bottom: 0
}

.list-param .pic-txt dd {
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.list-param .img-area {
    margin-right: 5px;
}

.list-param .btn-wrap {
    float: right;
    font-size: 0;
    line-height: 0;
    margin: 45px 0 0 10px;
    display: inline;
    zoom: 1;
}

.list-param .btn-wrap .btn,
.list-param .btn-wrap .btn-com {
    margin-right: 10px;
    float: left;
    display: inline;
}

.list-param .txt-param {
    width: 260px;
    float: left;
    padding: 0 10px 0 10px;
}

.list-param .txt-param p {
    overflow: hidden;
    font-size: 14px;
    line-height: 36px;
    position: relative;
}

.list-param .txt-param p .dot {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
}

.txt-area-vc {
    float: left;
    width: 190px;
    height: 60px;
    font-size: 0;
    letter-spacing: 0;
}

.txt-area-vc .vacc {
    color: #333;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    vertical-align: middle;
    *zoom: 1;
    *display: inline;
}

.txt-area-vc .vacc span {
    display: block;
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    word-break: break-all;
}

.txt-area-vc .vacc em {
    height: 48px;
    padding-top: 1px;
    padding-top: 2px/9;
    line-height: 24px;
    overflow: hidden;
    display: block;
}

.list-param-btn {
    padding-bottom: 30px;
}

.leng-list-param {
    padding: 14px 0 4px;
}

.leng-list-param li {
    width: 245px;
    height: 36px;
    line-height: 36px;
    overflow: hidden;
    float: left;
    padding: 0 10px;
    font-size: 14px;
    color: #333;
}

/* ???????table */
.params-table {
    text-align: center;
    margin: 20px 0 30px;
}

.params-table thead th {
    line-height: 36px;
    color: #999;
    font-weight: normal;
    background: #f6f6f6;
    font-size: 14px;
    text-align: left;
}

.params-table thead .th1 {
    width: 184px;
    text-align: left;
    padding-left: 20px;
}

.params-table thead .th2 {
    width: 255px;
}

.params-table thead .th3,
.params-table thead .th4 {
    width: 100px;
}

.params-table thead .th5 {
    width: 90px;
}

.params-table thead .th6 {
    width: 75px;
}

.params-table tbody td {
    height: 56px;
    line-height: 21px;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #eee;
    padding: 5px 0;
}

.params-table tbody .tit {
    text-align: left;
    padding: 0 20px;
}

.params-table tbody .tit a {
    display: block;
    height: 21px;
    overflow: hidden;
    word-break: break-all;
}

.params-table tbody .fred a {
    color: #f33;
}

.params-table tbody .fred a:hover {
    color: #f44
}

.params-table tbody td .btn-compare {
    width: 26px;
    height: 22px;
    line-height: 22px;
    vertical-align: top;
    display: block;
    padding-left: 20px;
    position: relative;
    border: 1px solid #eee;
    padding-right: 4px;
    font-size: 12px;
}

.params-table tbody td .btn-compare:hover {
    color: #ffb11b;
}

.params-table tbody .fc-yel {
    padding: 0 3px;
}

.params-table tfoot td {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    color: #999;
}

.params-table tfoot td a {
    display: block;
    width: 100%;
    height: 38px;
    line-height: 38px;
    margin-top: -1px;
    background: #fff;
    border: 1px solid #eee;
}

.params-table .tick {
    width: 8px;
    height: 8px;
    position: absolute;
    left: 7px;
    top: 7px;
    background-position: -107px -93px;
}

.params-table .checked .tick {
    background-position: -85px -110px;
}

/* ?????? */
.left-top {
    padding-bottom: 15px;
}

.performance-tab {
    padding-bottom: 30px;
}

.performance-tab .control {
    height: 50px;
    padding-top: 20px;
}

.performance-tab .control-sub i {
    height: 28px;
    line-height: 28px;
    padding: 0 12px;
    border: 1px solid #eee;
    float: left;
    position: relative;
    margin-right: 10px;
    cursor: pointer;
    font-size: 14px;
}

.performance-tab .control-sub i.current {
    color: #fff;
    background-color: #4ea9ff;
    border-color: #4ea9ff
}

.performance-tab .control-sub i.current em {
    width: 0;
    height: 0;
    border-top: 5px solid #4ea9ff;
    border-left: transparent solid 5px;
    border-right: transparent solid 5px;
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -5px;
}

.performance-tab .control-su.fr {
    font-size: 12px;
}

#JperformanceTab .panel {
    display: none;
}

.tab-wrap .pic-box {
    width: 423px;
    height: 308px;
    background-color: #fcfcfc;
    border: 1px solid #eee;
    float: left;
    margin-right: 20px;
    display: inline;
}

.tab-wrap .pic-box img {
    display: block;
    margin: 20px auto 15px;
}

.tab-wrap .pic-box p {
    width: 300px;
    height: 48px;
    line-height: 24px;
    margin: 0 auto;
}

.tab-wrap .compare-list {
    width: 405px;
    height: 308px;
    overflow: hidden;
}

.tab-wrap .compare-list li {
    height: 46px;
    line-height: 46px;
    margin-bottom: 20px;
    position: relative;
    background-color: #eff8ff;
    color: #333
}

.tab-wrap .compare-list .mark {
    width: 0;
    height: 46px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.tab-wrap .compare-list .tab-hover .mark,
.tab-wrap .compare-list .active .mark {
    width: 100%;
    background-color: #4ea9ff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.tab-wrap .compare-list li a {
    display: block;
}

.tab-wrap .compare-list .tit {
    display: block;
    padding: 0 14px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    white-space: nowrap;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border-left: 2px solid #4ea9ff;
}

.tab-wrap .compare-list .tit em {
    color: #999;
}

.tab-wrap .compare-list .tab-hover .tit,
.tab-wrap .compare-list .active .tit,
.tab-wrap .compare-list .tab-hover .tit em,
.tab-wrap .compare-list .active .tit em {
    color: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

/*??? ???*/
.art-list .blk-img {
    display: block;
    border-bottom: 1px solid #f2f2f2;
    padding: 20px 10px 20px 0;
    outline: none;
    z-index: 1;
}

.art-list .img-area {
    width: 345px;
    height: 190px;
    margin-right: 15px;
    display: inline;
}

.art-list p,
.art-list .art-label {
    overflow: hidden;
    zoom: 1
}

.art-list .title {
    height: 30px;
    margin: 4px 0 8px;
    font: 18px/30px Microsoft Yahei
}

.art-list .des {
    height: 56px;
    line-height: 28px;
    margin-bottom: 15px;
    color: #999;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.art-list {
    overflow: hidden;
    position: relative;
    zoom: 1;
}

.art-list .blk-img:hover {
    color: #333;
    text-decoration: none;
    background-color: #f9f9f9
}

.art-list .blk-img:hover p {
    cursor: pointer
}

.art-list .blk-img:hover .title {
    color: #07d
}

.art-list .img-area .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}

.art-list .img-area .mask .btn {
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/icons.png) no-repeat -182px -134px;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -20px 0 0 -20px;
}

.art-list .img-area .mask em {
    display: block;
    text-align: center;
    margin-top: 120px;
    color: #fff;
}

.art-list .img-area:hover .mask {
    display: block;
}

.art-list .img-area:hover .v-long {
    display: none;
}

.art-list .last,
.art-list .blk-img:last-child {
    border-bottom: 0;
}

.art-list .art-label {
    height: 24px;
    overflow: hidden;
}

.art-list .art-label span {
    height: 22px;
    line-height: 22px;
    padding: 0 10px;
    border: 1px solid #e5e5e5;
    float: left;
    margin-right: 9px;
    color: #999;
}

.art-info {
    height: 20px;
    line-height: 20px;
    color: #999;
    padding-top: 26px;
}

.art-info .time,
.art-info .cmt {
    float: left;
    padding-left: 18px;
    margin-right: 20px;
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/v-icon.png) 0 0 no-repeat;
}

.art-info .time {
    background-position: 0 4px;
}

.art-info .cmt {
    background-position: 0 -14px;
}

.hAuto .art-list {
    height: auto;
}



/** tab-nav **/
.tab-nav {
    margin-bottom: 30px;
    zoom: 1;
}

.tab-nav .control {
    zoom: 1;
    border-bottom: 1px solid #e5e5e5;
}

.tab-nav .control .item {
    float: left;
    display: inline;
    font: 20px/39px Microsoft Yahei;
    height: 39px;
    margin-bottom: -2px;
    cursor: default;
}

.tab-nav .control .item,
.tab-nav .control .item a {
    color: #999
}

.tab-nav .control .current {
    border-bottom: 2px solid #07d;
    font-size: 20px;
    *position: relative;
}

.tab-nav .control .current,
.control .current a {
    color: #07d
}

.tab-nav .control .item a:hover {
    color: #07d;
    text-decoration: none;
}

.tab-nav .control .item-t {
    padding: 0 10px;
    float: left;
    font-weight: normal;
}

.tab-nav .control-clean .item {
    padding: 0 10px 0;
}

/*star*/

.big-star-box .num {
    line-height: 30px;
    font-size: 24px;
    color: #ff9601;
    font-weight: bold;
    margin-right: 10px;
}

.big-star-box .big-star {
    width: 96px;
    height: 16px;
    display: block;
    background-position: -182px -19px;
    text-align: left;
}

.big-star-box .big-star em {
    height: 16px;
    background-position: -182px 0;
    display: block;
}

.small-star-box .small-star {
    width: 68px;
    height: 12px;
    display: block;
    background-position: 0 -134px;
    text-align: left;
}

.small-star-box .small-star em {
    height: 12px;
    background-position: -207px -62px;
    display: block;
}

/*????*/
.areaLight {
    padding-bottom: 30px;
}

.areaLight .tab {
    position: relative;
    width: 670px;
    height: 503px;
    margin: 20px 0 0;
    overflow: hidden
}

.areaLight .c {
    width: 670px;
    height: 503px;
    overflow: hidden;
    position: relative;
}

.areaLight .c img {
    width: 100%;
    display: block;
}

.areaLight .info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px 20px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.areaLight .big-star {
    margin-top: 9px
}

.areaLight .tit {
    width: 400px;
    height: 30px;
    padding-left: 20px;
    overflow: hidden;
    float: left;
    font-size: 16px;
    line-height: 30px;
}

.areaLight .tit a {
    font-weight: bold;
    color: #fff;
}

.areaLight .txt {
    display: none;
    line-height: 24px;
    color: #fff;
    clear: both;
}

.areaLight .open-info {
    width: 60px;
    height: 24px;
    margin-top: 5px;
    line-height: 24px;
    padding-right: 24px;
    color: #fff;
    position: absolute;
    text-align: right;
    right: 30px;
    top: 4px;
}

.areaLight .open-info i {
    width: 16px;
    height: 10px;
    position: absolute;
    top: 7px;
    right: 0;
    background-position: -182px -41px;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.areaLight .active .open-info {
    top: 20px;
}

.areaLight .active .open-info i {
    top: 5px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    top: 8px \9;
    background-position: -27px -160px\9;
}

.areaLight .active .tit {
    width: 100%;
    padding-left: 0;
    float: none;
    clear: both;
    padding: 10px 0 5px;
    font-size: 24px;
}

.areaLight .active .txt {
    display: block;
    clear: both;
    zoom: 1;
    padding: 5px 0
}

.areaLight .active .from {
    margin-top: -5px;
}

.areaLight .active .from a.fwhite:hover {
    color: #ff9601
}

.areaLight .active {
    padding: 20px 20px 35px;
}

.areaLight .b-tb {
    position: relative;
}

.areaLight .areaLight-btn {
    height: 28px;
    position: absolute;
    bottom: 38px;
    right: 208px;
    display: none;
}

.areaLight .areaLight-btn a {
    width: 26px;
    height: 26px;
    float: left;
    border: 1px solid #fff;
    margin-left: 10px;
}

.areaLight .areaLight-btn a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.areaLight .areaLight-btn .a-b-prev {
    background-position: -142px -128px;
}

.areaLight .areaLight-btn .a-b-next {
    background-position: -113px -128px;
}


.areaLight .areaLight-sideTabs {
    width: 165px;
    height: 503px;
    position: absolute;
    right: 0;
    top: 20px;
    margin-left: 5px;
    overflow: hidden;
}

.areaLight .areaLight-sideTabs li {
    vertical-align: top;
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
}

.areaLight .areaLight-sideTabs .current img {
    border: 2px solid #2293f2;
    width: 161px;
    height: 118px;
    vertical-align: top;
}

.areaLight .control li a {
    width: 165px;
    height: 122px;
    overflow: hidden;
}

.areaLight .control li a:hover,
.areaLight .current a {
    border-color: #4ea9ff;
    color: #fff;
    background-color: #4ea9ff
}

.areaLight .areaLight-sideTabs .btn {
    width: 100%;
    height: 24px;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/bg_lightPoint.png') no-repeat;
    position: absolute;
    left: 0;
    -webkit-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}

.areaLight .areaLight-sideTabs .sideTabsWrap {
    position: relative;
    height: 503px;
    overflow: hidden;
}

.areaLight .areaLight-sideTabs .btn-up {
    top: -24px;
    background-position: 0 0;
}

.areaLight .areaLight-sideTabs .btn-down {
    bottom: -24px;
    background-position: 0 -24px;
}

.hover .areaLight-sideTabs .btn-up {
    top: 0;
}

.hover .areaLight-sideTabs .btn-down {
    bottom: 0;
}

.areaLight .slideContent {
    height: 503px;
    position: relative;
}


/* cmt-item.css */
.cmt-result {
    padding: 20px 0 30px;
}

.cmt-result .cmt-score {
    float: left;
    display: inline;
    margin-right: 49px;
}

.cmt-result .chart-box {
    width: 370px;
}

.cmt-result .chart-box p.c-hline {
    height: 19px;
    margin-bottom: 19px;
}

.cmt-result .chart-box .histogram {
    width: 20px;
}

.cmt-result .chart-box .histogram p {
    width: 20px;
}

.cmt-result .p-btns {
    padding: 25px 0 0 100px;
}

.cmt-result .p-btns a {
    width: 148px;
    font-size: 16px;
}

.cmt-result .p-comment {
    padding: 23px 0 25px
}

.cmt-score .p-c-score {
    font-size: 40px;
    font-weight: bold;
}

.cmt-result .cmt-score .big-star-box .big-star {
    margin: 0 auto;
}

.cmt-result .cmt-box {
    width: 372px;
}

.cmt-result .cmt-box img {
    margin-bottom: 25px;
}

.cmt-item {
    position: relative;
    *zoom: 1;
}

.cmt-msg {
    float: left;
    display: inline;
    width: 140px;
    padding-top: 20px;
    position: relative;
    z-index: 1
}

.cmt-msg .msg-per {
    width: 100px;
    margin: 0 auto;
}

.cmt-msg .msg-per dt {
    width: 100px;
    text-align: center;
    overflow: hidden;
}

.cmt-msg .msg-per .img-area {
    width: 100px;
    border-radius: 100%;
    display: block;
    float: none;
    margin-bottom: 3px;
}

.cmt-msg .msg-per dt p {
    font-size: 12px;
    line-height: 20px;
}

.cmt-msg .msg-per dt p.nickname {
    color: #333
}

.cmt-msg .msg-per dt a:hover p.nickname {
    color: #2293f2;
}

.cmt-msg .msg-per dd {
    background-color: #f9f9f9;
    position: relative;
    margin-top: 16px;
    padding: 6px;
    font-size: 12px;
    line-height: 24px;
    color: #333;
}

.cmt-msg .msg-per dd .i-arrow {
    width: 0;
    height: 0;
    border-bottom: 8px solid #f9f9f9;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
}

.cmt-msg .msg-per dd .tit {
    line-height: 20px;
}

.cmt-msg .msg-pro {
    position: relative;
    width: 90px;
    background: #f9f9f9;
    padding: 10px 0 10px 10px;
    margin-top: 15px;
}

.cmt-msg .msg-pro dt {
    line-height: 24px;
}

.cmt-msg .msg-per dd p {
    height: 24px;
    overflow: hidden;
    word-break: break-all;
    word-wrap: break-word;
}

.cmt-msg .msg-pro dt em {
    top: -16px;
    left: 44px;
}

.cmt-block {
    padding-bottom: 30px;
    overflow: hidden;
    ;
    border-top: solid 1px #f2f2f2;
}

.cmt-content {
    width: 679px;
    overflow: hidden;
    padding: 30px 0 0px 20px;
    float: left;
    border-left: solid 1px #f2f2f2;
    display: inline;
}

.cmt-content dt {
    line-height: 24px;
    margin: 0 0 15px;
    word-break: break-all;
    font-size: 16px;
    padding: 6px 0 0;
    color: #333;
    font-weight: bold;
}

.cmt-content .cmt-score {
    background: #f9f9f9;
    margin: 10px 0 30px 0;
    position: relative;
    zoom: 1;
    border-left: 4px solid #ffb11a;
    padding: 8px 20px;
}

.cmt-content .cmt-score .icon-real {
    width: 100px;
    height: 55px;
    position: absolute;
    top: -20px;
    ;
    right: 0;
    background-position: -7px -209px;
    zoom: 1;
}

.cmt-content .cmt-score .big-star-box {
    line-height: 24px;
}

.cmt-content .cmt-score .big-star {
    margin: 4px 10px 0;
}

.cmt-content .cmt-score .big-star-box .tit {
    font-size: 16px;
    color: #ff9319
}

.cmt-content .big-star-box .num {
    font-size: 16px;
    line-height: 24px;
}

.cmt-content .cmt-goal {
    padding-top: 4px;
    line-height: 24px;
}

.cmt-content .cmt-goal li {
    height: 24px;
    float: left;
    margin-right: 25px;
    font-size: 14px;
    display: inline;
    white-space: nowrap;
}

.cmt-content .cmt-goal li em {
    color: #333;
    font-weight: bold;
}

.cmt-content p.text {
    line-height: 30px;
    max-height: 120px;
    color: #333;
    overflow: hidden;
}

.cmt-content .cmt-list {
    max-height: 120px;
    overflow: hidden;
}

.cmt-content .cmt-list li {
    vertical-align: top;
    color: #333;
    line-height: 30px;
}

.cmt-content .cmt-list li em {
    font-weight: bold;
}

.cmt-content .cmt-all {
    height: 30px;
    line-height: 30px;
}

.cmt-content .cmt-all .lightBlue:hover {
    color: #2293f2
}

.cmt-detail {
    margin: 12px 0 0 0;
}

.cmt-content .cmt-tool {
    height: 18px;
    line-height: 14px;
    text-align: right;
    padding-top: 12px;
    font-size: 12px;
}

.cmt-tool a {
    display: inline-block;
}

.cmt-tool .tools {
    float: right;
}

.cmt-content .cmt-tool .date {
    float: left;
    color: #999;
}

.icon-good,
.icon-cmt,
.icon-reset {
    width: 14px;
    height: 14px;
    top: 0;
    left: 0;
    position: absolute;
    line-height: 0;
    font-size: 0;
}

.icon-good {
    background-position: -222px -41px
}

.icon-cmt {
    background-position: -238px -41px;
    top: 2px;
}

.cmt-tool .review .top-icon {
    position: absolute;
    width: 18px;
    height: 9px;
    background-position: -328px -18px;
    left: 50%;
    top: 22px;
    margin: -0 0 0 -9px;
}

.cmt-content .cmt-tool a:hover,
.cmt-content .cmt-tool .voted {
    color: #0077dd;
}

.cmt-content .cmt-tool .good,
.cmt-content .cmt-tool .cmt {
    height: 18px;
    line-height: 14px;
    padding-left: 19px;
    position: relative;
    color: #999;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    cursor: pointer;
}

.cmt-content .cmt-tool .good {
    margin-right: 40px;
}

.cmt-content .cmt-tool .good em {
    position: absolute;
    bottom: 0;
    left: 40%;
    opacity: 0;
    filter: alpha(opacity=0);
    color: #0077dd;
    font-weight: bold;
    font-size: 12px;
    height: 22px;
    line-height: 22px;
}

.areaCmt .b-more-box {
    padding: 0 0 30px 0;
}

/*????????*/
.lt-list li {
    padding: 15px 0 20px;
    border-top: 1px solid #eee;
    margin-top: -1px;
    color: #333;
}

.lt-list .lt-tit {
    line-height: 28px;
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 9px;
    height: 28px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.lt-list .lt-txt {
    line-height: 24px;
    padding-bottom: 15px;
}

.lt-list .lt-pics {
    width: 876px;
}

.lt-list .lt-pics p {
    width: 120px;
    height: 90px;
    position: relative;
    float: left;
    margin: 0 26px 20px 0;
    display: inline;
    overflow: hidden;
}

.lt-list .lt-pics p img {
    position: absolute;
}

.lt-tool {
    text-align: right;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}

.lt-tool .user-info {
    float: left;
}

.lt-tool .user-info img {
    width: 30px;
    border-radius: 100%;
}

.lt-tool .date,
.lt-tool .view,
.lt-tool .cmt {
    position: relative;
    display: inline-block;
    padding-left: 22px;
    color: #999;
    margin-left: 30px;
}

.lt-tool .view {
    cursor: default;
}

.icon-view {
    width: 19px;
    height: 12px;
    position: absolute;
    top: 9px;
    left: 0;
    background-position: -182px -62px;
}

.icon-time {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 9px;
    left: 0;
    background-position: -263px -41px;
}

.lt-tool .icon-cmt {
    top: 10px;
}

.areaLt {
    padding-bottom: 30px;
}

.areaLt .b-more-box {
    margin-top: -10px;
}

/*2017-10-30--??????????????*/
.lt-list-new {
    width: 900px;
    float: left;
    padding-top: 15px;
    border-top: 1px solid #eee;
}

.lt-list-new li {
    margin-top: -1px;
    color: #333;
    font-size: 14px;
    line-height: 36px;
    position: relative;
    padding: 0;
    border: none;
    margin-right: 50px;
    width: 400px;
    float: left;
}

.lt-list-new .cmt {
    position: absolute;
    color: #999;
    right: 0;
    top: 0;
    padding-left: 25px;
    font-size: 12px;
}

.lt-list-new .icon-cmt {
    top: 13px;
}

.lt-list-new .lt-txt {
    position: relative;
    padding: 0;
    padding-left: 10px;
    display: block;
    line-height: 36px;
    padding-right: 60px;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.lt-list-new .lt-tit,
.lt-list-new .lt-pics,
.lt-list-new .lt-tool {
    display: none;
}

.two-lt-list li {
    width: 400px;
    float: left;
    border-bottom: 1px solid #eee;
    overflow: hidden;
}

.two-lt-list+.lt-list-new {
    border-top: none;
}

.two-lt-list li+li {
    margin-left: 50px;
}

.two-lt-list .date {
    display: none;
}

.two-lt-list .lt-txt a {
    color: #07d;
}

.lt-list-new .lt-txt i {
    position: absolute;
    width: 3px;
    height: 3px;
    background: #dbdbdb;
    top: 17px;
    left: 0;
}

.two-lt-list .lt-pics p {
    margin-right: 20px;
}

.two-lt-list .lt-txt {
    height: 72px;
}


/* ?????? */
.compare-table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-top: 20px;
    border: 1px solid #e5e5e5;
    border-top: none;
    border-right: none;
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/gl_table.png) 0 0 repeat-y;
    width: auto;
    color: #333
}

.compare-table th,
.compare-table td {
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    border-collapse: collapse;
    border-right: 0;
}

.compare-table th {
    width: auto;
    font-weight: normal;
    border-top: 1px solid #e5e5e5;
    position: relative;
}

.compare-table td {
    width: 179px;
    padding: 15px 0;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    z-index: 10;
    position: relative;
    zoom: 1;
    word-break: break-all;
}

.compare-table td div {
    padding: 0 5px;
}

.icon-vs {
    background-position: -42px -188px;
}

.compare-table td .icon-vs {
    width: 50px;
    height: 50px;
    top: 25px;
    position: absolute;
    left: auto;
    right: -25px;
    z-index: 11;
    background-position: -182px -79px;
}

.compare-table .current {
    border-top: 1px solid #e5e5e5;
    border-right: none;
}

.compare-table .tr1 .current {
    border-top: 1px solid #4ea9ff;
}

.compare-table .tr1 .pic-txt {
    padding: 0;
}

.compare-table .lastChild .current {
    border-bottom: 1px solid #4ea9ff;
    z-index: 11;
}

.compare-table .t2 .current {
    border-bottom: 1px solid #4ea9ff;
    z-index: 11;
}

.compare-table .trLast .current {
    border-bottom: 1px solid #ffaa00;
    z-index: 11;
}

.compare-table .tr1 th {
    width: 130px;
    height: 180px;
    padding: 0;
    font-weight: bold;
    position: relative;
}

.compare-table .tr1 td {
    padding: 0;
}

.compare-table .tr1 th .bg {
    width: 130px;
    height: 179px;
    position: absolute;
    top: 0;
    left: 0px;
    background: url(//www1.pconline.com.cn/2015/product/images/gailan.png) -203px -64px no-repeat;
    zoom: 1;
}

.compare-table .tr1 th .txt1 {
    top: 38px;
    right: 16px;
    position: absolute;
}

.compare-table .tr1 th .txt2 {
    top: 113px;
    left: 16px;
    position: absolute;
}

.compare-table .pic-txt i {
    display: block;
    padding: 0 10px;
    word-wrap: break-word;
}

.compare-table .pic-txt i.price {
    color: #f33;
}

.compare-btns {
    text-align: right;
    margin-top: 20px;
}

.compare-btns .btn {
    border: 1px solid #07d;
}

.compare-btns .btn-white {
    background: #fff;
    color: #333;
    border: 1px solid #e5e5e5;
    margin-right: 5px;
}

.compare-btns .btn-white:hover {
    background: #fa0;
    color: #fff;
    border: 1px solid #fa0;
}

.compare-table .pic-txt .sel {
    margin-top: 5px;
    height: 22px;
}

.compare-table .pic-txt .sel select {
    width: 136px;
    height: 22px;
    border: 1px solid #e5e5e5;
    color: #333;
}

.compare-table .pic-txt .sel1 {
    margin-top: 10px;
}

.compare-table .pic-txt .sel2 select {
    color: #999;
}

/** btn ??? **/
.btn {
    display: inline-block;
    background: #2293f2;
    color: #fff;
    font-size: 14px;
    width: 118px;
    text-align: center;
    height: 38px;
    line-height: 38px;
}

.btn:hover {
    color: #fff;
    background-color: #07d
}

.btn-gray {
    background-color: #bbb;
    border: 1px solid #bbb;
}


/* ???????? */
.list-q-a {
    width: 885px;
    max-height: 207px;
    margin: 16px 10px 0 -9px;
    overflow: hidden;
    *position: relative;
}

.list-q-a li {
    width: 430px;
    margin: -15px 0 14px -1px;
    border: 1px solid #f2f2f2;
    float: left;
}

.list-q-a li .blk-img {
    width: 424px;
    padding: 15px 0 0px 10px;
    height: 95px;
}

.list-q-a li:hover {
    background: #f9f9f9;
}

.list-q-a span {
    width: 16px;
    height: 16px;
    float: left;
    font: 12px/16px Arial;
    color: #fff;
    margin-top: 4px;
    background-color: #2f94f2;
    text-align: center;
}

.list-q-a .spc {
    float: left;
    width: 364px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    padding-left: 8px;
}

.list-q-a .question {
    height: 24px;
    overflow: hidden;
    margin-bottom: 8px
}

.list-q-a .question .spc {
    font: 14px/24px Microsoft Yahei;
}

.list-q-a .answer {
    height: 44px;
    color: #999;
    overflow: hidden;
    font: 14px/24px Microsoft Yahei;
}

/*20171103???????????*/
.areaQA {
    position: relative
}

.areaQA .prev,
.areaQA .next {
    position: absolute;
    width: 9px;
    height: 15px;
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/icons.png) no-repeat;
    top: 15px;
    right: 0;
    transition: none;
    -webkit-transition: none;
    cursor: pointer
}

.areaQA .prev {
    background-position: -53px -155px;
    right: 68px
}

.areaQA .prev:hover {
    background-position: -76px -155px
}

.areaQA .next {
    background-position: -64px -155px
}

.areaQA .next:hover {
    background-position: -87px -155px
}

.areaQA .control {
    position: absolute;
    top: 10px;
    right: 46px
}

.areaQA .control li {
    display: none;
    line-height: 28px
}

.areaQA .control .current {
    display: block
}

.areaQA .all-slide {
    position: absolute;
    top: 10px;
    right: 23px
}

.areaQA,
.areaJp,
.areaJpCompare,
.areaPj,
.areaJh {
    padding-bottom: 30px;
}


.areaQA,
.areaJp,
.areaJpCompare,
.areaPj,
.areaJh {
    padding-bottom: 30px;
}



/* IT??????? */
.areaIT .pannel {
    padding: 14px 0 0 0px;
    margin-bottom: -6px;
    line-height: 26px;
    font-size: 14px;
    overflow: hidden;
}

.areaIT .pannel a {
    margin-right: 12px;
    white-space: nowrap;
    display: inline-block;
}

/* ???????? */
.pro-info .pro-sub-des {
    height: 24px;
    overflow: hidden;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s;
    position: relative;
}

.pro-info .pro-sub-des .pro-des-span {
    display: block;
    position: relative;
    zoom: 1;
}

.pro-info .pro-sub-des .openDrop {
    width: 108px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    bottom: 24px;
    right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAaCAMAAABirVVzAAAAe1BMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8AAAD///8gxXN/AAAAKHRSTlP7+fby7ebTx7+1pY3h3tvYzayblYJ8dW5nYFlSS0Q9NS0nIBoTDAYAJ2hVMQAAAIJJREFUSMftkscNhEAQBLk12PP+Du8n/whZeJAAQupH90wApVJ549B3bVNXZZFn6f/3/bxfzyR53OP4FkVhGARX37+cT0drrTFGa62UOrh5y2SnbcOS+dywsATTlrhf0LCwVl1QWALaFrAttsW22BaCLbbFttgWgi22xbbYFgLWPmATDpq8zBaCP1kAAAAASUVORK5CYII=) 0 0 repeat-y;
    text-align: right;
    color: #07d;
    cursor: pointer;
}

.pro-info .close {
    height: 48px;
    -webkit-transition: height .2s;
    -moz-transition: height .2s;
    -ms-transition: height .2s;
    -o-transition: height .2s;
    transition: height .2s;
}

.pro-info .close .openDrop {
    width: 40px;
    line-height: 22px;
    position: static;
    display: inline-block;
    vertical-align: middle;
}

/*20170921 ???*/
/* 20180102 ???????????? */
.p-btns {
    position: relative;
}

.p-btns .zfb_tips {
    width: 96px;
    height: 32px;
    background: url(//www1.pconline.com.cn/cmt/pc/20180102/tipsimages/zfb_tips_top.png) no-repeat;
    position: absolute;
    top: -31px;
    left: 27px;
    overflow: hidden;
    color: #fff;
    font-size: 12px;
    font-family: "Microsoft Yahei";
    line-height: 27px;
    text-align: center;
}

.p-btns .zfb_tips2 {
    width: 137px !important;
    height: 32px;
    background: url(//www1.pconline.com.cn/cmt/pc/20180102/tipsimages/zfb_tips_bottom.png) no-repeat;
    position: absolute;
    top: 77px;
    left: 106px;
    overflow: hidden;
    color: #fff;
    font-size: 12px !important;
    font-family: "Microsoft Yahei";
    line-height: 34px;
    text-align: center;
}

.editor-cmt {
    padding-top: 30px;
    border-top: 0;
}

.editorSlide {
    width: 100%;
    overflow: hidden
}

.editorSlide .c {
    width: 850px;
}

.editorSlide .control,
.editor-btn {
    display: none;
}

.editor-btn {
    width: 54px;
    height: 24px;
    float: right;
    margin-top: 5px;
}

.editor-btn a {
    width: 24px;
    height: 24px;
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/i-editor-btn.png) 0 0 no-repeat;
    float: left;
}

.editor-btn a.prev {
    margin-right: 5px;
}

.editor-btn a.prev:hover {
    background-position: 0 -30px;
}

.editor-btn a.next {
    background-position: -29px 0;
}

.editor-btn a.next:hover {
    background-position: -29px -30px;
}


.editor-cmt .e-synthesize {
    height: 100px;
    background-color: #f9f9f9;
}

.editor-cmt .editor-info-wrap .blk-img {
    width: 100px;
    height: 100px;
    overflow: hidden;
    position: relative;
}

.editor-cmt .editor-info-wrap .blk-img .i-pic-mark {
    width: 100px;
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/i-pic-circle-mark.png) 0 0 no-repeat;
}

.editor-cmt .editor-info {
    width: 106px;
    overflow: hidden;
    padding: 0px 0 0 20px;
    border-right: 1px solid #eee;
    height: 66px;
    margin-top: 20px;
}

.editor-cmt .editor-name {
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    color: #333;
    padding-top: 3px;
}

.editor-cmt .editor-job {
    width: 62px;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
    font-size: 12px;
    color: #2293f2;
    overflow: hidden;
    text-align: center;
    border: 1px solid #2293f2;
}

.editor-cmt .e-sy-score {
    padding: 0 40px;
    overflow: hidden;
    text-align: center;
}

.editor-cmt .e-sy-score table {
    width: 538px;
    height: 100px;
}

.e-sy-score .total-score-wrap {
    width: 70px;
    border: 1px solid #2293f2;
    text-align: center;
    margin: 0 auto;
}

.total-score-wrap .total-score {
    height: 45px;
    line-height: 45px;
    font-size: 30px;
    font-weight: bold;
    color: #2293f2;
    background-color: #fff;
}

.total-score-wrap .total-score-label {
    height: 24px;
    line-height: 24px;
    background-color: #2293f2;
    color: #fff;
}

.e-sy-score .score-attr {
    height: 24px;
    line-height: 24px;
    overflow: hidden;
    color: #999;
}

.e-sy-score .score {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
    margin-bottom: 3px;
}

.e-sy-score .score-level {
    width: 58px;
    height: 22px;
    line-height: 22px;
    border-width: 1px;
    border-style: solid;
    margin: 0 auto;
}

.e-sy-score .perfect {
    border-color: #f33;
    color: #f33;
}

.e-sy-score .great {
    border-color: #ff9601;
    color: #ff9601;
}

.e-sy-score .good {
    border-color: #36d7b1;
    color: #36d7b1;
}

.e-sy-score .low {
    border-color: #bbb;
    color: #bbb;
}

.editor-cmt .editor-cmt-text {
    margin-top: 16px;
    border: 1px solid #e5e5e5;
    padding: 15px 20px 20px;
}

.editor-cmt-text .e-art-tit {
    line-height: 26px;
    font-size: 16px;
    color: #333;
    margin-bottom: 7px;
    font-weight: bold;
}

.editor-cmt-text .cmt-list li {
    line-height: 30px;
}

.editor-cmt-text .cmt-list li em {
    font-weight: bold;
    color: #333;
    vertical-align: top;
}

.editor-cmt-text .cmt-all {
    height: 18px;
    line-height: 18px;
    float: left;
    font-size: 14px;
}

.editor-cmt .cmt-content {
    width: 808px;
}

.editor-cmt .cmt-content .cmt-tool {
    overflow: hidden;
    zoom: 1;
    position: relative;
}

/* ?????????????? 20180321??? ????? */
.product-add_repair {
    padding-bottom: 10px;
}

.u-repairTxt,
.u-oldChangeNew {
    float: left;
    padding-left: 18px;
}

.u-repairTxt {
    background: url('//img0.pconline.com.cn/pconline/product/2016/000109828/1711/16-16.png') left 4px no-repeat;
}

.u-oldChangeNew {
    background: url('//www1.pconline.com.cn/pconline/product/2018/000109828/1711/yjhx_pc.png') left 4px no-repeat;
    margin-left: 20px;
}

.u-repairTxt:hover,
.u-oldChangeNew:hover {
    color: #0077dd;
}

.appreciation {
    padding-top: 0;
    line-height: 24px;
}

.appreciation a {
    color: #f33;
}



/*???????????*/
.area-cmt-tags {
    margin-bottom: 25px;
}

.area-cmt-tags .cmt-tags {
    height: 26px;
    font-size: 14px;
    line-height: 26px;
    overflow: hidden;
    zoom: 1;
    position: relative;
}

.area-cmt-tags .cmt-tags-all {
    height: auto;
}

.area-cmt-tags .cmt-tags .tit {
    width: 84px;
    float: left;
    text-align: right;
    color: #999;
}

.area-cmt-tags .cmt-tags .tags {
    width: 735px;
    float: left;
}

.area-cmt-tags .cmt-tags .tags a {
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    display: inline-block;
    margin: 0 5px 5px 0;
    float: left;
    position: relative;
    white-space: nowrap;
}

.area-cmt-tags .cmt-tags .tags a:hover,
.area-cmt-tags .cmt-tags .tags .on {
    color: #fff;
}

.area-cmt-tags .advantage {
    color: #07d;
}

.area-cmt-tags .advantage .tags a {
    border: 1px solid #2293F2;
    color: #07d;
}

.area-cmt-tags .advantage .tags a:hover,
.area-cmt-tags .advantage .tags .on {
    background-color: #2293F2;
}

.area-cmt-tags .disadvantage {
    padding-top: 15px;
    color: #666;
}

.area-cmt-tags .disadvantage .tags a {
    border: 1px solid #e4e4e4;
    color: #666;
}

.area-cmt-tags .disadvantage .tags a:hover,
.area-cmt-tags .disadvantage .tags .on {
    background-color: #e4e4e4;
    color: #333;
}

.area-cmt-tags .cmt-tags .tags-switcher {
    position: absolute;
    top: 0px;
    right: 0;
    height: 24px;
    width: 24px;
    border: 1px solid #e5e5e5;
    display: none;
    cursor: pointer;
}

.area-cmt-tags .disadvantage .tags-switcher {
    top: 15px;
}

.icon-arrow {
    width: 13px;
    height: 7px;
    background-image: url("//www1.pconline.com.cn/2017/product/images/v3/global.png");
    background-repeat: no-repeat;
    display: block;
    margin: 9px 5px 8px 6px;
}

.area-cmt-tags .cmt-tags .tags-switcher .icon-arrow {
    background-position: -348px -85px;
}

.area-cmt-tags .cmt-tags .tags-switcher-on .icon-arrow {
    background-position: -348px -77px;
}

.area-cmt-tags .cmt-tags .on:hover .icon-del {
    width: 14px;
    height: 14px;
    display: block;
    position: absolute;
    right: -5px;
    top: -4px;
    background-image: url("//www1.pconline.com.cn/2017/product/images/v3/global.png");
    background-repeat: no-repeat;
}

.area-cmt-tags .advantage .on:hover .icon-del {
    background-position: -129px -168px;
}

.area-cmt-tags .disadvantage .on:hover .icon-del {
    background-position: -129px -183px;
}


/* modify by fan  20180324 */
/* ????????? */
.videoBox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.videoBox video,
.videoBox embed {
    background: #000;
    width: 100%;
    height: 100%;
    position: relative;
}

video::-webkit-media-controls-panel {
    display: flex !important;
    opacity: 1 !important;
}

.videoBox .ico-close {
    width: 18px;
    height: 18px;
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/ico_close.png') no-repeat;
    z-index: 1;
}

/* ???????? */
.baseParam {
    padding-top: 8px;
}

.baseParam dt {
    color: #999;
}

.baseParam i {
    width: 50%;
    float: left;
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
}

.baseParam .u-longTxt {
    text-indent: 12px;
}

.baseParam i a {
    color: #0077dd;
}

/* ??? */
/*.ivy-tonglan{ margin-bottom: 35px; }*/
/* .ivy-tonglan img, .ivy-tonglan iframe, .ivy-tonglan object, .ivy-tonglan embed{ margin-bottom: 5px; } */

/* ???????? */
.param-dif em {
    color: #999;
}

.param-dif li {
    color: #333;
    line-height: 21px;
    height: 21px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 255px;
}

/* ??????? */
.m-timeline {
    overflow: hidden;
    overflow-x: auto;
    position: relative;
    margin: 20px 0 40px;
}

.m-timeline .tline {
    height: 2px;
    font-size: 0;
    display: block;
    background: #eee;
    position: absolute;
    left: 0;
    top: 57px;
    overflow: hidden;
    width: 100%;
}

.m-timeline .tlWrap {
    position: relative;
    padding-bottom: 20px;
}

.m-timeline .tlTable {
    position: relative;
}

.m-timeline .tlTable td {
    vertical-align: top;
}

.m-timeline .tlItem {
    float: left;
}

.m-timeline .last {
    margin-right: 0;
}

.m-timeline dl {
    width: 184px;
    margin: 0 auto;
    margin-right: 35px;
    position: relative;
    z-index: 1;
}

.m-timeline dt {
    position: relative;
}

.m-timeline .tl-title {
    width: 80px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    margin: 0 auto;
    border: 1px solid #4ea9ff;
    display: block;
}

.m-timeline .willdo .tl-title {
    border: 1px solid #eee;
}

.m-timeline .willdo .v-line {
    background: #fff;
}

.m-timeline .done .tl-title {
    color: #4ea9ff;
}

.m-timeline .doing .tl-title {
    color: #fff;
    background: #4ea9ff;
}

.m-timeline .v-line {
    width: 2px;
    height: 17px;
    background-color: #4ea9ff;
    display: block;
    margin: 0 auto;
    vertical-align: top;
    line-height: 16px;
    font-size: 0;
}

.m-timeline .ico-dot {
    width: 14px;
    height: 8px;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/ico_timeline_dot.png') 0 0 no-repeat;
    margin: 0 auto;
    display: block;
    position: relative;
}

.m-timeline .willdo .ico-dot {
    background-position: 0 -8px;
}

.m-timeline .u-date {
    display: block;
    height: 32px;
    line-height: 32px;
    margin-bottom: 7px;
    text-align: center;
    color: #999;
    font-size: 14px;
}

.m-timeline p {
    border: 1px solid #f1f1f1;
    background: #fff;
    line-height: 20px;
    padding: 8px 10px;
    position: relative;
    border-radius: 5px;
}

.m-timeline p a {
    display: inline-block;
    margin: 5px 0;
    padding-left: 9px;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/ico_timeline_dot.png') -10px -30px no-repeat;
    word-break: break-all;
}

.m-timeline .hover p {
    border-color: #cee7ff;
    background: #eff8ff;
}

.m-timeline .arrow {
    width: 14px;
    height: 8px;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/ico_timeline_dot.png') 0 -24px no-repeat;
    position: absolute;
    top: -8px;
    left: 50%;
    margin-left: -7px;
}

.m-timeline .hover .arrow {
    background-position: 0 -16px;
}

.m-timeline .doing .u-date {
    color: #4ea9ff;
    font-weight: bold;
}

.m-timeline::-webkit-scrollbar-track-piece {
    background-color: #f6f6f6;
    border-radius: 10px;
}

.m-timeline::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

.m-timeline::-webkit-scrollbar-thumb {
    background-color: #d4d4d4;
    background-clip: padding-box;
    min-height: 10px;
    border-radius: 10px;
}

.m-timeline::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
}

/* ???? */
.m-pingce li {
    border-bottom: 1px solid #eee;
}

.m-pingce .last {
    border-bottom: none;
}

.m-pingce a {
    display: block;
    padding: 20px 0;
}

.m-pingce img {
    float: left;
    width: 180px;
    height: 135px;
    margin-right: 20px;
}

.m-pingce dt {
    color: #333;
    font-size: 20px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 8px;
}

.m-pingce .u-summary {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    height: 72px;
    overflow: hidden;
}

.m-pingce a:hover dt {
    color: #0077dd;
}

.m-pingce .artInfo {
    line-height: 20px;
}

.m-pingce .artInfo span {
    float: left;
    padding-left: 18px;
    margin-right: 38px;
    color: #999;
    position: relative;
}

.m-pingce .artInfo span ins {
    position: absolute;
    left: 0;
    top: 2px;
    width: 20px;
    height: 16px;
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/icons.png) 0 0 no-repeat;
}

.m-pingce .artInfo .time ins {
    background-position: -262px -41px;
}

.m-pingce .artInfo .view {
    padding-left: 22px;
}

.m-pingce .artInfo .view ins {
    background-position: -182px -61px;
}

.m-pingce .artInfo .cmt ins {
    background-position: -237px -40px;
}

#Jpingce {
    margin-bottom: 40px;
}

#Jpingce .b-more {
    margin-top: -1px;
    position: relative;
}

/* ????????? */
.m-relaArts {
    margin-right: -20px;
    position: relative;
}

.m-relaArts li {
    float: left;
    width: 415px;
    border-bottom: 1px solid #eee;
    margin-right: 20px;
}

.m-relaArts a {
    display: block;
    padding: 20px 0;
}

.m-relaArts img {
    float: left;
    width: 180px;
    height: 135px;
    margin-right: 20px;
}

.m-relaArts dt {
    color: #333;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 8px;
}

.m-relaArts .u-summary {
    font-size: 14px;
    color: #999;
    line-height: 24px;
    height: 48px;
    overflow: hidden;
    margin-bottom: 30px;
}

.m-relaArts a:hover dt {
    color: #0077dd;
}

.m-relaArts .artInfo {
    line-height: 20px;
}

.m-relaArts .artInfo span {
    float: left;
    padding-left: 18px;
    margin-right: 24px;
    color: #999;
    position: relative;
}

.m-relaArts .artInfo span ins {
    position: absolute;
    left: 0;
    top: 3px;
    width: 20px;
    height: 16px;
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/icons.png) 0 0 no-repeat;
}

.m-relaArts .artInfo .time ins {
    background-position: -262px -41px;
}

.m-relaArts .artInfo .view {
    padding-left: 22px;
}

.m-relaArts .artInfo .view ins {
    background-position: -182px -61px;
}

.m-relaArts .artInfo .cmt ins {
    background-position: -237px -40px;
}

#area-strategy {
    margin-bottom: 40px;
}

#area-strategy .b-more {
    margin-top: -1px;
    position: relative;
}

/* ???????? */
.m-relaVideos {
    position: relative;
    margin-right: -28px;
    padding-top: 20px;
}

.m-relaVideos li {
    width: 264px;
    float: left;
    margin-right: 28px;
}

.m-relaVideos .imgWrap {
    display: block;
    position: relative;
}

.m-relaVideos .imgWrap img {
    vertical-align: top;
}

.m-relaVideos .imgWrap p {
    background: url('//www1.pconline.com.cn/product/2018/v1/images/bg_jb_tit.png') no-repeat;
    height: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding-top: 18px;
    line-height: 30px;
}

.m-relaVideos .imgWrap span {
    font-size: 12px;
    color: #fff;
    font-weight: bold;
}

.m-relaVideos .imgWrap .view {
    float: left;
    margin-left: 10px;
    padding-left: 14px;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/ico_playnum.png') left no-repeat;
}

.m-relaVideos .imgWrap .time {
    float: right;
    margin-right: 10px;
}

.m-relaVideos em {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
}

.m-relaVideos .imgWrap i {
    display: none;
}

.m-relaVideos .imgWrap .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000, endColorstr=#78000000);
    cursor: pointer;
}

.m-relaVideos .imgWrap .u-play {
    width: 44px;
    height: 44px;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/ico_play.png') no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -22px;
    cursor: pointer;
}

.m-relaVideos a:hover .imgWrap i {
    display: block;
}

.m-relaVideos a:hover p {
    display: none;
}

#JareaVideo {
    margin-bottom: 40px;
}

/* ?????????????? */
.cmt-content-video {
    margin-top: 18px;
}

.u-videoWrap {
    float: left;
    width: 329px;
    height: 160px;
    overflow: hidden;
    position: relative;
    margin-right: 10px;
}

.u-videoWrap .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000, endColorstr=#78000000);
    cursor: pointer;
}

.u-videoWrap .u-play {
    width: 44px;
    height: 44px;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/ico_play.png') no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -22px;
    cursor: pointer;
}

.editor-cmt-textR {
    overflow: hidden;
    border: 1px solid #e5e5e5;
    height: 158px;
    padding: 0 10px 0 20px;
}

.editor-cmt-textR .cmt-list {
    height: 81px;
}

.editor-cmt-textR .cmt-list li {
    height: 30px;
    line-height: 30px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.editor-cmt-textR .cmt-list em {
    font-weight: bold;
}

.editor-cmt-textR .e-art-tit {
    line-height: 26px;
    font-size: 16px;
    color: #333;
    margin-bottom: 7px;
    font-weight: bold;
    padding-top: 10px;
}

/*????????*/
.drop-bd {
    width: 300px;
}

.drop-dealers .drop-bd-content .iCity {
    width: 190px;
}

/*???????????*/
.left-side .links {
    margin-bottom: -22px;
}

.left-side .links li {
    width: 70px;
    display: table;
}

.left-side .links a {
    height: auto;
    line-height: 20px;
    font-size: 12px;
    width: 50px;
    white-space: normal;
    display: table-cell;
    padding: 0 20px 0 7px;
}

.links i {
    width: 12px;
    height: 12px;
    background: url(//www1.pconline.com.cn/2018/product/images/v3/icons1.png) no-repeat -2px -18px;
    top: 50%;
    margin-top: -6px;
    right: 3px;
}

.left-side .links a:hover i,
.left-side .links .current i {
    background: url(//www1.pconline.com.cn/2018/product/images/v3/icons1.png) no-repeat -2px -3px;
}



.cmt-content .cmt-slide-pic-list {
    padding-bottom: 20px;
    position: relative;
    margin-right: -5px;
}

.cmt-content .cmt-pics li {
    height: 100px;
    float: left;
}

.cmt-content .cmt-pics a {
    width: 100px;
    height: 100px;
    margin-right: 14px;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.cmt-content .cmt-pics li img {
    position: absolute;
    vertical-align: middle;
    text-align: center;
}

/* ??????? */
.cmt-content .cmt-pics .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000, endColorstr=#78000000);
    cursor: pointer;
}

.cmt-content .cmt-pics .u-play {
    width: 44px;
    height: 44px;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/ico_play.png') no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -22px;
    cursor: pointer;
}

.cmt-slide-pics {
    margin-bottom: 20px;
    position: relative;
    width: 556px;
    height: 100px;
    overflow: hidden;
    text-align: left;
}

.cmt-slide-pics li {
    height: 100px;
    width: 570px;
}

.cmt-slide-pics li a {
    width: 100px;
    float: left;
    height: 100px;
    margin-right: 14px;
    display: block;
    position: relative;
    overflow: hidden;
    text-align: left;
}

.cmt-slide-pics li img {
    position: absolute;
    vertical-align: middle;
    text-align: center;
}

.cmt-slide-pics li .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#78000000, endColorstr=#78000000);
    cursor: pointer;
}

.cmt-slide-pics li .u-play {
    width: 44px;
    height: 44px;
    background: url('//www1.pconline.com.cn/product/2018/v1/images/ico_play.png') no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -22px 0 0 -22px;
    cursor: pointer;
}

.cmt-slide-pics .cmt-slide-btn {
    width: 28px;
    height: 52px;
    position: absolute;
    top: 50%;
    margin-top: -26px;
    z-index: 10;
    cursor: pointer;
    background: url(//www1.pconline.com.cn/2013/product/gl/images/bg24.png) no-repeat 0 -44px;
    transition: right 0.2s ease 0s, left 0.2s ease 0s;
}

.cmt-slide-pics .prev {
    left: -30px;
}

.cmt-slide-pics .prev:hover {
    background-position: 0 -96px;
}

.cmt-slide-pics .next {
    right: -30px;
    background-position: -31px -44px;
}

.cmt-slide-pics .next:hover {
    background-position: -31px -96px;
}

.hover .prev {
    left: 0;
}

.hover .next {
    right: 0;
}

.cmt-slide-pics .control {
    display: none;
}

.less-slide:hover .cmt-slide-btn {
    display: none;
}

/* add mallLink by fan 20200415 */
.icon-shoppingCar {
    width: 18px;
    height: 18px;
    background: url('https://www1.pconline.com.cn/2020/product/images/icon-gw.png') center no-repeat;
    position: absolute;
    right: 32px;
    top: 6px;
}

/*  add  by fan 20200604 */
#JshowPics {
    margin-bottom: 30px;
}

.proTabs {
    padding: 20px 0;
    height: 30px;
}

.proTabs i {
    float: left;
    height: 28px;
    border-radius: 15px;
    border: 1px solid #e4e4e4;
    padding: 0 15px;
    font-size: 14px;
    color: #999;
    line-height: 28px;
    background: #fff;
    margin-right: 10px;
    cursor: pointer;
}

.proTabs .cur {
    border-color: #2f8cee;
    background: #2f8cee;
    color: #fff;
}

.proPics:after {
    content: "\20";
    clear: both;
    height: 0;
    display: block;
    overflow: hidden;
}

.proPics {
    zoom: 1;
    margin-right: -27px;
}

.proPics li {
    float: left;
    width: 180px;
    margin: 0 17px 20px 0;
    word-break: break-all;
    width: 200px;
    height: 150px;
}

.proPics li .title {
    height: 16px;
    padding-top: 9px;
    display: block;
    font: 14px/16px "Microsoft Yahei";
    overflow: hidden;
    text-align: center;
}

.proPics .blk-img {
    overflow: visible;
    display: block;
    border: 1px solid #e4e4e4;
    height: 148px;
}

.proPics .blk-img img {
    object-fit: cover;
}

#JshowPics .pannel+.pannel {
    display: none;
}


/* tiantitu */
.product-price .tiantitu {
    position: relative;
    padding-left: 31px;
    font-size: 14px;
    line-height: 36px;
    color: #333333;
    float: right;
}

.tiantitu .tIcon {
    position: absolute;
    top: 6px;
    left: 0;
    width: 24px;
    height: 24px;
    background: url(//www1.pconline.com.cn/20210303/product/images/icon.png);
}

.tiantitu .tIcon.CPU {
    background-position: 0 0;
}

.tiantitu .tIcon.XK {
    background-position: -24px 0;
}

/* ??????????????? */
.keyparams .mechanism {
    margin: 20px 0 10px;
    background: #f8f8f8;
    text-align: center;
}

.keyparams .mechanism .tit {
    padding-top: 25px;
}

.mechanism .score-list em,
.mechanism .score-list i {
    display: inline-block;
}

.mechanism .score-item {
    margin: 20px 25px 10px;
    width: 100px;
    color: #0183bf;
}


.mechanism .cnName,
.mechanism .enName,
.mechanism .score {
    font-weight: 600;
    line-height: 16px;
}

.mechanism .cnName {
    position: relative;
    top: -6px;
}

.mechanism .score {
    padding-left: 5px;
    width: 68px;
    height: 66px;
    line-height: 66px;
    font-size: 24px;
    font-family: 'SairaSemiCondensed-SemiBold';
    color: #333333;
    background: url(//www1.pconline.com.cn/20210705/product/addModel/images/sbg.png) no-repeat left top;
    box-sizing: border-box;
}

.mechanism .enName {
    padding-top: 10px;
    width: 100%;
    font-size: 16px;
}

/* 2022.03.18 */
.bestBox .slide-pic-1 {
    width: 850px;
    /* height:125px; */
    /* 2022.08.24 */
    height: 226px;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
}

.bestBox .slide-wrap,
.bestBox .slide-wrap li {
    width: 850px;
    height: 226px;
}

.bestBox .slide-wrap li {
    display: flex;
    justify-content: space-between;
}

.bestBox .slide-wrap a {
    position: relative;
    display: block;
    width: 130px;
    height: 210px;
    border: 1px solid #EEEEEE;
    padding: 14px 14px 0;
}

.bestBox .slide-wrap img {
    display: block;
    width: 130px;
    height: 130px;
    margin: 0 auto 8px;

}

.bestBox .slide-wrap .tit {
    display: block;
    width: 115px;
    height: 45px;
    padding: 8px 5px 2px 5px;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
    line-height: 22px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: absolute;
    bottom: 0;
    left: 0;
}

.bestBox .slide-pic-1 .prev,
.bestBox .slide-pic-1 .next {
    background-image: url(//www1.pconline.com.cn/2015/dl/common/images/bg_24.png);
    background-repeat: no-repeat;
}

.bestBox .slide-pic-1 .prev,
.bestBox .slide-pic-1 .next {
    display: block;
    width: 26px;
    height: 51px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: right .2s, left .2s;
    -moz-transition: right .2s, left .2s;
    -ms-transition: right .2s, left .2s;
    -o-transition: right .2s, left .2s;
    transition: right .2s, left .2s;
}

.bestBox .slide-pic-1 .prev {
    background-position: 0 0;
    left: -26px;
}

.bestBox .slide-pic-1 .next {
    background-position: -27px 0;
    right: -26px;
    _right: -27px;
}

.bestBox .slide-pic-1 .prev:hover {
    background-position: -54px 0;
}

.bestBox .slide-pic-1 .next:hover {
    background-position: -81px 0;
}


.bestBox .slide-pic-hover .prev {
    left: 0;
}

.bestBox .slide-pic-hover .next {
    right: 0;
}

.bestBox .slide-wrap .tit-box {
    display: block;
    height: 36px;
    font-size: 12px;
    line-height: 18px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.bestBox .slide-wrap .price-box {
    display: block;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    margin-top: 4px;
}

.bestBox .slide-wrap .lower-price {
    color: #FF3333;
    margin-right: 5px;
}

.bestBox .slide-wrap .price {
    color: #999;
    text-decoration: line-through;
}

.bestBox .slide-wrap .tag {
    display: block;
    width: 56px;
    height: 21px;
    background: url(//www1.pconline.com.cn/2022/pc/bestxiugai/images/tagBg.png) no-repeat;
    line-height: 21px;
    font-size: 14px;
    color: #fff;
    text-indent: 10px;
    position: absolute;
    top: 0;
    left: 0;
}

/* block */
.block .b-th {
    height: 41px;
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/border.jpg) 0 bottom repeat-x;
    overflow: hidden;
}

.block .b-th .mark {
    height: 39px;
    line-height: 39px;
    border-bottom: 2px solid #2293f3;
    font-size: 20px;
    color: #07d;
    font-weight: normal;
    white-space: nowrap;
}

.mark-repeat {
    background: url(//www1.pconline.com.cn/pc/2017/productBJ/images/r_mark.png) repeat;
}

/*2023.05.16*/
.wacht_qrcode {
    position: absolute;
    width: 16px;
    height: 16px;
    background: url(//www1.pconline.com.cn/product/gz20230516/images/icon-wacht.png) no-repeat;
    right: 30px;
    /* bottom: 0; */
    cursor: pointer;
    /* z-index: 101; */
    display: inline-block;
    /* position: relative; */
    vertical-align: top;
    margin: 6px 0 0 6px;
    /*opacity: 0;*/
}

/*.wacht_qrcode_qq{
    right: 26px;
}*/
.item-dealer-tel {
    overflow: visible;
}

.wacht_qrcode .wacht-qrcone {
    position: absolute;
    right: -183px;
    padding: 10px 10px 10px 10px;
    width: 150px;
    height: 150px;
    top: -7px;
    display: none;
    border: 1px solid #eee;
    background: #fff;
    z-index: 1;
}

.wacht_qrcode .wacht-qrcone img {
    /* width: 106px; */
    width: 150px;
    height: auto;
}

.wacht_qrcode .wacht-qrcone::before {
    content: "";
    background: url(//icon.zol-img.com.cn/products/v6/dealer-icon.png) no-repeat;
    width: 7px;
    height: 9px;
    position: absolute;
    left: -7px;
    top: 10px;
}

.wacht_qrcode:hover .wacht-qrcone {
    display: block;
}



.chat-pop-qq {
    background: #fff;
    border-radius: 3px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
    text-align: center;
    align-items: center;
    justify-items: center;
    font-size: 14px;
    padding: 14px 30px;
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}

.chat-pop-qq__box {
    display: flex;
    justify-content: center;
    position: relative;
    height: 50px;
    align-items: center;
}

.chat-pop-qq__close {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAWxJREFUOE+tVNtxgzAQvDsKCa4kUEnsDzR0YbsLIT5wKrFTCbgQpMwxOkbIAice84ek29vdeyC8+cM348FTwLquc2vtl3PunmXZoLW+bZFYBVRKHQHg5IMH59yAiAUADABwMcacU8APgMxoHMcOEXPn3Llt24sE8h0AMOOOz4io1Fpzgvl7AKyq6sq3bduWa9LEBgDYG2N2q4Be5vyIA2MGcuZBOflC/oKhUsp5GbdUQFVVe0TsiGjHieq6Llh+yHIG9JdXY8x8JoyZBVfZg7FvU6V90l5I8Nkc7LMfY08C0DwMFN+8599SvJjhgj4Hicy1dlFK9WE3hIDcDn0oOfCstNZ+clXjInjfJ08XklN+hEXixyJf+k8ShiTiKvN0TG2TahkphLBhuZttI1NCREPTNIetmV0bgOToWWunaSGiQ7gMEqO3uF94GLIJRiu1HPjp6c/LIQbm/3EcC0T8IKKfl9fXq4v36YL9L/AvCZcLJKa5j/MAAAAASUVORK5CYII=);
    position: absolute;
    width: 20px;
    height: 20px;
    right: 3px;
    top: 3px;
    cursor: pointer;
}

.chat-pop-qq__number {
    color: #198ef6;
    margin-left: 5px;
}

.chat-pop-text {
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    top: -1000em;
    z-index: -1;
}

.copy-btn {
    background: #007ae6;
    color: #fff;
    margin: 0 0 0 10px;
    width: 72px;
    height: 26px;
    line-height: 26px;
    color: #fff;
    background: #198ef6;
    border-radius: 2px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.copy-btn:hover {
    opacity: 0.9;
}

/* ÐÂÔö¶¹°üico -20241114 */
.p-btns .p-btn-doubao{
    width: 126px;
    height: 46px;
    background: url('https://www1.pconline.com.cn/sale/2024/11/images/product_doubao_1.png') no-repeat;
    background-size: contain;
    margin-left: 10px;
}
.b-th .p-btn-doubao{
    width: 100px;
    height: 37px;
    background: url('https://www1.pconline.com.cn/sale/2024/11/images/product_doubao_2.png') no-repeat;
    background-size: contain;
    margin-left: 20px;
    float: left;
    margin-top: 3px;
}