@charset "UTF-8";
.bg-theme { background-color: #00a2e8; }

.color-theme { color: #00a2e8; }

.s14 {font-size: 16px; color:#333;}
.s16 {font-size: 15px; color:#333;}
.s18 {font-size: 18px; color:#fff;}
.s32 {font-size: 32px; color:#333;}


.bg-cover {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.lf {text-align: left;}
.color-f {color: #fff;}
.color-9 {
    color: #999;
}
.c-pic .img { -webkit-transition: all .35s; -o-transition: all .35s; transition: all .35s; }
.c-pic .img img { display: none; }


.c-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #fff; background: #00a2e8; min-width: 2rem; height: .6rem; min-height: 30px; padding: 0 1em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.c-more .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .45rem; }

.c-more .icon:before { content: ''; width: 0.02rem; height: 0.16rem; background-color: #ffffff; opacity: 0.3; margin-right: .24rem; }

.c-more .icon img { width: .16rem; min-width: 12px; }
.c-more a {color: #fff; font-size: 16px;}
.c-more:hover { background: #009743; }

.d-more { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: #555; background: #fff;
    /*min-width: 2rem;*/
    /*height: .6rem; */
    height: .4rem;
    min-height: 30px; 
    padding: 0 1em; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.d-more .icon { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: .45rem; margin-left: 0; }

.d-more .icon:before { content: ''; width: 0.02rem; height: 0.16rem; background-color: #ffffff; opacity: 0.3; margin-right: .24rem; }

.d-more .icon img { width: .16rem; min-width: 12px; }

.d-more:hover { background: #009743; }


/* kdkdkdk */
.wire {padding: 0.7rem 0; position: relative;}
.wire .prtit {position: absolute; font-size: 1.2rem; color: #f3f7fa; font-weight: bold; right: 0; bottom: -.3rem;}
.c-title .cn { line-height: 1.2; font-size: 28px; font-weight: bold; }
.c-title .en { margin-top: .07rem; font-size: 20px;}



@media (max-width: 900px) { .md-compare-4 .section { padding: 6% 4%; }
    .md-compare-4 .close { right: 4%; top: 6%; } }

.md-compare-5 .layout { padding-top: .46rem; border-top: 1px solid #e5e5e5; }

.md-compare-5 .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-compare-5 .btn-open { margin-top: .56rem; }

.md-compare-5 .btn-open img { width: .14rem; min-width: 12px; }

.md-compare-5 .section1 .list { background: #f3f7fa; min-height: 4.15rem; margin-top: .44rem; border-top: 1px solid  #e5e5e5; overflow-x: auto; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-compare-5 .section1 .list .li { width: 3.37rem; min-width: 200px; padding: .38rem .3rem; border-right: 1px solid  #e5e5e5; position: relative; }

.md-compare-5 .section1 .list .close { position: absolute; right: .3rem; top: .39rem; width: 0.24rem; height: 0.24rem; cursor: pointer; opacity: .5; }

.md-compare-5 .section1 .list .close:hover { opacity: 1; }

.md-compare-5 .section1 .list .c-pic { display: block; width: 1.5rem; margin-top: .15rem; position: relative; }

.md-compare-5 .section1 .list .c-pic:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #e5e5e5; border-bottom: none; }

.md-compare-5 .section1 .list .c-pic:after { content: ''; position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 0.04rem; background: #00a2e8; }

.md-compare-5 .section1 .list .img { padding-top: 100%; }

.md-compare-5 .section1 .list .t2 { margin-top: .29rem; }

.md-compare-5 .section1 .list .t3 { margin-top: .09rem; }

.md-compare-5 .section1 .list .t4 { margin-top: .2rem; }

.md-compare-5 .section2 { margin-top: .57rem; }

.md-compare-5 .section2 .table { margin-top: .34rem; }

.md-compare-5 .section2 .table .hd { height: .6rem; min-height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: .1rem .29rem; }

.md-compare-5 .section2 .list { background: #f3f7fa; border: solid 1px #eeeeee; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; }

.md-compare-5 .section2 .list .li { width: 3.37rem; min-width: 200px; padding: .27rem .29rem; border-right: 1px solid #eee; min-height: .98rem; }

.md-compare-5 .section3 { margin-top: .57rem; padding-bottom: .77rem; }

.md-compare-5 .section3 .table { border-top: 1px solid #e5e5e5; margin-top: 0.32rem; padding-top: 0.58rem; }

.md-compare-5 .section3 .table .tr { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .192rem; }

.md-compare-5 .section3 .table .td-1 { width: 3.69rem; padding-right: .2rem; }

.md-compare-5 .section3 .table .td-2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; word-break: break-all; }

.md-prod-1 .layout { padding: .6rem .6rem .54rem; overflow-x: auto; padding: .2rem; }

.md-prod-1 .list { background: #ffffff; padding-bottom: 10px; }

.md-prod-1 .list .swiper-scrollbar { bottom: 0; left: 0; width: 100%; background: #dfdfdf; height: 10px; border-radius: 10px; }

.md-prod-1 .list .swiper-scrollbar-drag { background: #00a2e8; border-radius: 10px; }

.md-prod-1 .list .li { width: 1.8rem; min-width: 150px; }

.md-prod-1 .list .hd { border-right: 1px solid rgba(255, 255, 255, 0.4); height: .6rem; min-height: 30px; padding: 0 .2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; color: #fff;}

.md-prod-1 .list .form { border-right: 1px solid #eee; }

.md-prod-1 .list .search { height: .5rem; min-height: 30px; border-bottom: 1px solid #eee; display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-prod-1 .list .search .ipt { border: none; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 10px; padding: 0 .2rem; }

.md-prod-1 .list .search .ipt::-webkit-input-placeholder { color: #bdbdbd; }

.md-prod-1 .list .search .ipt:-ms-input-placeholder { color: #bdbdbd; }

.md-prod-1 .list .search .ipt::-ms-input-placeholder { color: #bdbdbd; }

.md-prod-1 .list .search .ipt::placeholder { color: #bdbdbd; }

.md-prod-1 .list .search .btn { border: none; background: url(../images/icon-search3.png) no-repeat center/contain; width: .17rem; min-width: 14px; font-size: 0; margin-right: 0.2rem; }

.md-prod-1 .list .group { border-bottom: 1px solid #eee; height: 2.7rem; min-height: 200px; overflow-y: auto; /*滚动条 阴影~圆角*/ /*滑块 阴影~圆角*/ }

.md-prod-1 .list .group::-webkit-scrollbar { width: .06rem; height: .06rem; background-color: #eee; }

.md-prod-1 .list .group::-webkit-scrollbar-track { border-radius: .03rem; background-color: #eee; }

.md-prod-1 .list .group::-webkit-scrollbar-thumb { border-radius: .03rem; background-color: #666; }

.md-prod-1 .list .checkbox-group { padding: .19rem 0 .03rem; display:flex;flex-wrap:wrap;}

.md-prod-1 .list .checkbox-group .label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; color: #333; align-items: center; margin-bottom: .128rem; padding: 0 .2rem; white-space: normal; text-align: left; font-weight: 400; line-height: 1.2;}

.md-prod-1 .list .checkbox-group .label:hover { color: #00a2e8; cursor: pointer; }

.md-prod-1 .list .checkbox-group input:checked + .icon { background-image: url(../images/icon-check2.png); }

.md-prod-1 .list .checkbox-group .icon {width: .16rem;height: .16rem;min-width: 14px;min-height: 14px;background: url(../images/icon-check.png) no-repeat center/contain;margin-right: 0.1rem;}

.md-prod-1 .list .btn-reset { height: .5rem; min-height: 30px; width: 100%; border: none; background: none; }

.md-prod-1 .btn-resetAll { border: none; display: block; margin: .3rem auto 0; margin: 0; }
.md-prod-1 button.btn-resetAll{ margin-top: .1rem; height: .4rem; }
.md-prod-1 .btn-resetAll .d-more{ margin-top: .2rem; margin-top: .1rem; }

@media (max-width: 900px) { .md-prod-1 .layout { padding: 4%; } }

.md-prod-2 { padding-top: .62rem; padding-bottom: 1rem; }

.md-prod-2 .hd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-prod-2 .toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-2 .toggle .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-left: .5rem; }

.md-prod-2 .toggle .item:first-of-type { margin-left: 0; }

.md-prod-2 .toggle .item:hover, .md-prod-2 .toggle .item.on { color: #00a2e8; }

.md-prod-2 .toggle .item:hover .icon .i1, .md-prod-2 .toggle .item.on .icon .i1 { display: none; }

.md-prod-2 .toggle .item:hover .icon .i2, .md-prod-2 .toggle .item.on .icon .i2 { display: block; }

.md-prod-2 .toggle .icon { font-size: 0; margin-right: .08rem; }

.md-prod-2 .toggle .icon img { width: .25rem; min-width: 15px; }

.md-prod-2 .toggle .icon .i2 { display: none; }

.md-prod-2 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .42rem; }

.md-prod-2 .list .li { display: block; background: #f3f7fa; margin-bottom: .6rem; }

@media (any-hover: hover) { .md-prod-2 .list .li:hover { background: #fff; }
    .md-prod-2 .list .li:hover .c-pic:after { display: none; }
    .md-prod-2 .list .li:hover .c-pic:before { opacity: 1; }
    .md-prod-2 .list .li:hover .text:before { display: block; }
    .md-prod-2 .list .li:hover .btn { display: block; } }

.md-prod-2 .list .c-pic { display: block; position: relative; }

.md-prod-2 .list .c-pic:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 169, 74, 0.7); opacity: 0; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-prod-2 .list .c-pic:after { content: ''; position: absolute; z-index: 2; left: 0; bottom: 0; width: 100%; height: 0.04rem; background: #00a2e8; }

.md-prod-2 .list .btns { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

@media (max-width: 1200px) { .md-prod-2 .list .btns { display: block; }
    .md-prod-2 .list .btns .btn { width: 80%; margin-left: auto; margin-right: auto; } }

.md-prod-2 .list .btn { display: block; border: 1px solid; padding: .4em 1em; margin: 1em 0; text-align: center; display: none; color: #fff; }

.md-prod-2 .list .img { padding-top: 100%; }

.md-prod-2 .list .text { padding: .32rem .4rem .29rem; position: relative; }

.md-prod-2 .list .text:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: solid 0.02rem #00a2e8; display: none; }

.md-prod-2 .list .t2 { margin-top: .17rem; }

@media (min-width: 901px) { .md-prod-2 .list .li { width: calc(312 / 1680 * 100%); margin-right: calc(30 / 1680 * 100%); }
    .md-prod-2 .list .li:nth-of-type(5n) { margin-right: 0; } }

@media (max-width: 900px) { .md-prod-2 .list .btn { display: block; background: rgba(0, 168, 74, 0.7); border: none; } }

@media (max-width: 900px) and (min-width: 601px) { .md-prod-2 .list .li { width: calc(540 / 1680 * 100%); margin-right: calc(30 / 1680 * 100%); }
    .md-prod-2 .list .li:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 600px) { .md-prod-2 .list .li { width: 48%; margin-right: 4%; }
    .md-prod-2 .list .li:nth-of-type(2n) { margin-right: 0; } }

.md-prod-2.hide-pic .list .li { margin-bottom: .3rem; }

.md-prod-2.hide-pic .list .c-pic { display: none; }

.md-prod-2.hide-pic .c-pagination { margin-top: .3rem; }

.md-prod-3 { margin-top: .8rem; padding-top: .8rem; padding-bottom: .4rem; background: #f3f7fa; }

.md-prod-3 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-3 .list .li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 32%; margin-right: 2%; background: #fff; padding: .4rem 0; margin-bottom: .4rem; }

.md-prod-3 .list .li:hover .img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.md-prod-3 .list .li > .params { display: none; }

.md-prod-3 .list .c-pic { width: 1.65rem; position: relative; margin-left: .4rem; }

.md-prod-3 .list .c-pic:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0.04rem; background-color: #00a2e8; }

.md-prod-3 .list .img { padding-top: 100%; }

.md-prod-3 .list .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: .3rem; padding-right: .4rem; }

.md-prod-3 .list .mark { margin-top: .05rem; }

.md-prod-3 .list .params { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .05rem; overflow: hidden; }

.md-prod-3 .list .params .item { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: .05rem; padding-right: .1rem; }

.md-prod-3 .list .params .t1 { margin-right: .1rem; }

.md-prod-3 .list .params .t2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-3 .list .links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .05rem; }

.md-prod-3 .list .links .link-item { border: 1px solid #00a2e8; padding: .03rem; margin-right: 0.1rem; margin-top: 0.05rem; }

.md-prod-3 .list .links .link-item:hover { color: #00a2e8; }

.md-prod-3 .list .c-more { min-height: .4rem; height: auto; margin-top: .1rem; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: .1rem; padding-bottom: .1rem; }

.md-prod-3 .list .c-more .icon { margin-left: .24rem; }

@media (max-width: 1600px) { .md-prod-3 .list .text { padding-left: .4rem; }
    .md-prod-3 .list .params .item { width: 100%; } }

@media (min-width: 1301px) { .md-prod-3 .list .li:nth-of-type(3n) { margin-right: 0; } }

@media (max-width: 1300px) { .md-prod-3 .list .li { padding-left: .4rem; width: 48%; margin-right: 4%; }
    .md-prod-3 .list .li:nth-of-type(2n) { margin-right: 0; }
    .md-prod-3 .list .c-pic { width: 2.3rem; margin-left: 0; } }

@media (max-width: 800px) { .md-prod-3 .list .li { width: 100%; margin-right: 0; } }

.md-prod-4 { padding-top: .67rem; padding-bottom: .43rem; }

.md-prod-4 .layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-4 .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; color: #333; font-weight:bold; font-size: 32px;}

.md-prod-4 .title .t1 { margin-right: .44rem; }

.md-prod-4 .title .t2 { cursor: pointer; }

.md-prod-4 .rg { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-prod-4 .form { margin-right: 0.3rem; position: relative; width: 5rem; }

.md-prod-4 .form .ipt { width: 100%; display: block; height: 0.6rem; min-height: 30px; background-color: #f3f7fa; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 10px; padding: 0 .65rem 0 .25rem; border: 1px solid transparent; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; }

.md-prod-4 .form .ipt:focus { background-color: #fff; border-color: #00a2e8; }

.md-prod-4 .form .btn { position: absolute; right: 0.25rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.21rem; height: .21rem; min-width: 16px; min-height: 16px; font-size: 0; border: none; cursor: pointer; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; background: url(../images/icon-search4.png) no-repeat center/contain; }

.md-prod-4 .form .btn:hover { background-image: url(../images/icon-search5.png); }

@media (max-width: 700px) { .md-prod-4 .layout { display: block; }
    .md-prod-4 .rg { margin-top: .5rem; }
    .md-prod-4 .form { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } }

.md-prod-5 { background: #f3f7fa; padding-top: .6rem; padding-bottom: 0rem; }

.md-prod-5 .content { overflow-x: auto; }

.md-prod-5 .c-pagination { margin: .2rem auto 0.3rem; }

.md-prod-5 .table { min-width: 700px; }

.md-prod-5 .table .tr { display: -webkit-box; display: -ms-flexbox; display: flex; }

.md-prod-5 .table .td { padding: 0 .2rem; }

.md-prod-5 .table .td-1 { width: calc(800 / 1680 * 100%); }

.md-prod-5 .table .td-2 { width: calc(880 / 1680 * 100%); }

.md-prod-5 .table .thead .td { height: .6rem; min-height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-5 .table .thead .td-1 { border-right: 1px solid rgba(255, 255, 255, 0.4); }

.md-prod-5 .table .tbody .tr { background: #fff; border: 1px solid transparent; margin-bottom: .3rem; }

.md-prod-5 .table .tbody .tr:last-of-type { margin-bottom: 0; }

.md-prod-5 .table .tbody .tr.selected { border-color: #00a2e8; }

.md-prod-5 .table .tbody .td { padding: .39rem .2rem .38rem; }

.md-prod-5 .table .tbody .td-1 { -webkit-box-shadow: 0.08rem 0rem 0.15rem 0rem rgba(0, 0, 0, 0.06); box-shadow: 0.08rem 0rem 0.15rem 0rem rgba(0, 0, 0, 0.06); }

.md-prod-5 .table .tbody .td-2 { padding-left: .6rem; padding-top: .36rem; }

.md-prod-5 .table .prod-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }

.md-prod-5 .table .prod-1 .c-pic { width: 1.4rem; margin-right: .4rem; position: relative;  overflow: hidden;}

.md-prod-5 .table .prod-1 .c-pic:before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; border: 1px solid #e5e5e5; }

.md-prod-5 .table .prod-1 .c-pic:after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: .04rem; background: #00a2e8; }

.md-prod-5 .table .prod-1 .img { padding-top: 100%; }

.md-prod-5 .table .prod-1 .text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.md-prod-5 .table .prod-1 .text .lf { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; }

.md-prod-5 .table .prod-1 .text .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-width: 0.85rem; height: 0.3rem; min-height: 24px; padding: 0 .1rem; }

.md-prod-5 .table .prod-1 .text .btn:hover { background-color: #009743; }

.md-prod-5 .table .prod-1 .text .tit { margin-top: .05rem; }

.md-prod-5 .table .prod-1 .text .desc { margin-top: .19rem; }

.md-prod-5 .table .prod-1 .text .desc p { margin-bottom: .13rem; }

.md-prod-5 .table .prod-1 .text .desc p:last-of-type { margin-bottom: 0; }

.md-prod-5 .table .prod-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.md-prod-5 .table .prod-2 .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .28rem; }

.md-prod-5 .table .prod-2 .item:after { content: ''; height: .15rem; min-height: 10px; border-right: 1px solid #e5e5e5; margin-left: .3rem; margin-right: .3rem; }

.md-prod-5 .table .prod-2 .item:last-child:after { display: none; }

.md-prod-5 .table .prod-2 .icon { height: .22rem; min-height: 14px; margin-right: .1rem; }

.md-prod-5 .table .prod-2 .icon-check { width: .2rem; height: .2rem; min-width: 14px; min-height: 14px; background: url(../images/icon-check3.png) no-repeat center/contain; margin-right: .1rem; }

.md-prod-5 .table .prod-2 input:checked + .icon-check { background-image: url(../images/icon-check4.png); }

.md-prod-5 .table .prod-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.md-prod-5 .table .prod-3 .item { display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 33.33%; padding-right: .2rem; margin-bottom: .19rem; }

.md-prod-5 .table .prod-3 .t1 { margin-right: .3rem; }

.md-prod-5 .table .prod-3 .t2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-5 .table .prod-4 { line-height: 1.5; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: rgba(0, 168, 74, 0.2); padding: .1rem; }

.md-prod-5 .table .prod-4 p { margin-right: .2rem; }

.md-prod-5 .nodata { text-align: center; }

.md-prod-5 .nodata .text { line-height: 1.5; }

.md-prod-5 .nodata .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: .2rem; }

.md-prod-5 .nodata .btn { margin: .1rem; color: #fff; line-height: 2; padding: 0.5em; min-width: 9em; }

.md-prod-5 .nodata .btn-1 { background: #ff9900; }

.md-prod-5 .nodata .btn-2 { background: #3894e4; }

@media (max-width: 1300px) { .md-prod-5 .table .tbody .td-2 { padding-left: .4rem; }
    .md-prod-5 .table .prod-3 .item { min-width: 50%; } }

@media (max-width: 900px) { .md-prod-5 .table .prod-1 .c-pic { margin-right: .3rem; }
    .md-prod-5 .table .prod-1 .text { display: block; }
    .md-prod-5 .table .prod-1 .text .btn { margin-top: .3rem; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 100px; } }

.page-prod-3 { padding-top: .48rem; }

.md-prod-6 { padding-top: .72rem; padding-bottom: .53rem; }

.md-prod-6 .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: .45rem; }

.md-prod-6 .photos { position: relative; }

.md-prod-6 .thumbnail { position: absolute; left: 0; top: 0; width: 1.66rem; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.md-prod-6 .thumbnail .swiper-scrollbar { left: 0; right: auto; top: 0; height: 100%; width: .06rem; min-width: 3px; background: #eee; }

.md-prod-6 .thumbnail .swiper-scrollbar-drag { background: #666666; }

.md-prod-6 .thumbnail .swiper-container { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; width: 100%; padding-left: 0.31rem; }

.md-prod-6 .thumbnail .swiper-slide { height: auto; margin-bottom: .1rem; position: relative; }

.md-prod-6 .thumbnail .swiper-slide:last-of-type { margin-bottom: 0; }

.md-prod-6 .thumbnail .swiper-slide:after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 1px solid #e5e5e5; }

.md-prod-6 .thumbnail .pic { padding-top: 100%; cursor: pointer; }

.md-prod-6 .thumbnail .on:after { border: 0.03rem solid #00a2e8; }

.md-prod-6 .source { width: 5rem; overflow: hidden; margin-left: 1.96rem; }

.md-prod-6 .source .swiper-container { height: 100%; }

.md-prod-6 .source .swiper-container:before { content: ''; position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; border: 1px solid #e5e5e5; }

.md-prod-6 .source .swiper-container:after { content: ''; position: absolute; left: 0; bottom: 0; z-index: 2; width: 100%; height: .05rem; background: #00a2e8; }

.md-prod-6 .source .swiper-slide { position: relative; }

.md-prod-6 .source .c-pic { position: relative; }

.md-prod-6 .source .img { padding-top: 100%; min-height: 100%; }

.md-prod-6 .info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; padding-left: .8rem; }

.md-prod-6 .info .t2-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: .1rem; }

.md-prod-6 .info .t3 { min-width: 0.8rem; height: 0.35rem; min-height: 30px; padding: 0 1em; background-color: #f3f7fa; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-left: .2rem; }

.md-prod-6 .info .t3 img { width: .17rem; min-width: 14px; margin-right: .09rem; }

.md-prod-6 .info .params { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: .43rem; }

.md-prod-6 .info .params .item { /* width: 33%; */ min-width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: .13rem; padding-right: .2rem; }

.md-prod-6 .info .params .p1 { margin-right: .3rem; }

.md-prod-6 .info .params .p2 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-6 .info .t4 { margin-top: .29rem; }

.md-prod-6 .info .t4 p { margin-bottom: .14rem; }

.md-prod-6 .info .btns { overflow: hidden; margin-top: .31rem; }

.md-prod-6 .info .btns .btn { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 2.2rem; height: .6rem; min-height: 40px; padding: 0 .25rem; -webkit-transition: all .2s; -o-transition: all .2s; transition: all .2s; border: solid 0.02rem #dcdcdc; margin-right: .3rem; margin-top: .3rem; }

.md-prod-6 .info .btns .btn:nth-child(2n+1) { clear: both; }

.md-prod-6 .info .btns .btn .t { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.md-prod-6 .info .btns .btn .line { width: 0.02rem; height: 0.16rem; background-color: #eee; margin-right: .24rem; margin-left: .2rem; }

.md-prod-6 .info .btns .btn .icon { width: .16rem; height: .16rem; background: url(../images/a12.png) no-repeat center/contain; }

.md-prod-6 .info .btns .btn:hover { background: #00a2e8; border-color: #00a2e8; }

.md-prod-6 .info .btns .btn:hover .icon { background-image: url(../images/a1.png); }

.md-prod-6 .info .btns .btn:hover .line { background-color: rgba(255, 255, 255, 0.3); }

.md-prod-6 .info .btns .btn:hover .t { color: #fff; }


/* bijiao */
			.bijiao_body {padding: .6rem 0 .6rem;}
			.bijiao_body .crumbs {margin-bottom: .4rem;}
			.result-title{
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			.result-title span{
				font-size: 24px;
				line-height: 2;
				color: #3e3a39;
			}
			.result-title a{
				font-size: 24px;
				line-height: 2;
				color: #0057a6;
				margin-right: 24px;
			}
			.result-title a>em{
				display: block;
				width: 100%;
				height: 0;
				border-top: 1px solid #0057a6;
				border-bottom: 1px solid #c8d4e5;
			}
			.result-list{
				display: flex;
				justify-content: space-between;
				border: 2px solid #ebebeb;
				border-radius: 2px;
				margin-top: 30px;
			}
			.result-list li{
				border-left: 1px solid #ebebeb;
				border-right: 1px solid #ebebeb;
			}
			.result-list li{
				width: 100%;
			}
			.result-list li:first-child{
				width: 50%;
				border-left: 0;
			}
			.result-list li:last-child{
				width: 100%;
				border-right: 0;
			}
			.result-list li>div{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height:100px;
				padding: 5px;
				border-top: 1px solid #ebebeb;
				font-size: 16px;
				line-height: 1.4;
				word-break: break-all;
				text-align: center;
				color: #3e3a39;
			}
			.result-list li>div:first-child{
				flex-wrap: wrap;
				border-top: 0;
				/* border-bottom: 1px solid #ebebeb; */
				height: 260px;
				position: relative;
			}
			.result-list li>div>ins{
				width: 90%;
				height: 174px;
				margin: 0 auto 30px;
				padding-top: 44px;
				overflow: hidden;
			}
			.result-list li>div>ins img{
				height: 130px;
			}
			.result-list li>div>em{
				width: 100%;
				font-size: 18px;
				line-height: 1.5;
				color: #595757;
				text-align: center;
			}
			.result-list li>div:first-child span{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 20px;
				height: 20px;
				border: 1px solid #b2b0b0;
				border-radius: 100%;
				position: absolute;
				top: 8px;
				right: 10px;
				cursor: pointer;
				transition: all .6s;
			}
			.result-list li>div:first-child span>em{
				font-size: 14px;
				line-height: 16px;
				margin-bottom: 2px;
				transform: scaleX(3);
				color: #3e3a39;
				transition: all .6s;
			}
			.result-list li>div:first-child span:hover{
				border: 1px solid #0057a6;
				transition: all .6s;
			}
			.result-list li>div:first-child span:hover>em{
				color: #0057a6;
				transition: all .6s;
			}
			.result-list li>div:first-child>a{
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				height: 100%;
			}
			.result-list li>div:first-child>a img{
				width: 79px;
				transition: all .6s;
			}
			.result-list li>div:first-child>a:hover img{
				transform: scale(1.2);
				transition: all .6s;
			}
			
			.result-tips{
				margin-top: 20px;
				font-size: 14px;
				color: #333;
			}
			.result-tips>span{
				display: block;
				line-height: 1.5;
				margin: 5px 0;
			}
			

		/*弹出对比代码*/
		.compare-box {
			    width: 88vw;
    max-width: 1560px;
			background: #fff;
			box-shadow: 0 0 18px rgba(210, 210, 210, 1);
			padding: 9px 13px 14px;
			overflow: hidden;
			position: fixed;
			left: 50%;
			bottom: 10px;
			transform: translateX(-50%);
			z-index: 8888;
			transition: all .6s;
		}


		.compare-box-header {
			display: flex;
			justify-content: space-between;
			align-items: center;
			height: 35px;
		}
		
		.compare-box-header>span {
			font-size: 14px;
			color: #00a2e8;
			cursor: pointer;
		}
		
		.compare-box-title{
			display: flex;
			margin: 0;
		}
		.compare-box-title span{
			padding: 0 20px;
			font-size: 14px;
			line-height: 34px;
			color: #000;
			font-weight: normal;
		}
		.compare-box-title span.cur{
			color: #0075ff;
			border: 1px solid #ddd;
			background-color: #fff;
			border-bottom: 1px solid #fff;
		}
		.compare-items-bg{
			display: flex;
			justify-content: space-between;
		}
		.compare-items{
			display: flex;
			border: 1px solid #ddd;
			border-right: 0;
			width: calc(100% - 150px);
			padding-right: 0;
		}
		.compare-items-other{
			border-right: 1px solid #ddd;
		}
		.compare-items-other .compare-items{
			width: 100%;
			padding-right: 150px;
		}
		.compare-items li {
			display: flex;
			align-items: center;
			justify-content: space-between;
			cursor: pointer;
			width: 25%;
			padding: 0 12px;
			margin: 18px 0;
			position: relative;
			color: #595757;
			font-size: 14px;
			border-right: 1px solid #ddd;
		}
		
		.compare-items li>ins{
			width: 100%;
			text-align: center;
		}
		.compare-items .del {
			display: block;
			font-size: 14px;
			color: #00a2e8;
			line-height: 1.5;
			margin-top: 5px;
		}
		.compare-items li em{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 70px;
			height: 70px;
			border: 2px solid #eee;
		}
		.compare-items li a{
			max-width: 90%;
			max-height: 90%;
		}
		.compare-items li .c-pic{
			width: 45%;
			margin-right: 10px;
			height: 100%;
		}
		.compare-items li .bg-cover{
			width: 100%;
			height: 100%;
		}
		.compare-items li .text{
			width: 50%;
			margin: 0 10px;
		}
		.compare-items li .btn{
			font-size: 14px;
		}
		
		.compare-items li a>img{
			max-width: 100%;
			max-height: 100%;
		}
		.compare-items li .tit {
			font-size: 18px;
			line-height: 1.5;
			overflow: hidden;
			text-overflow: ellipsis;
			word-break: break-all;
			white-space: nowrap;
			line-clamp: 2;
			-webkit-line-clamp: 2;
		}
		
		.compare-btns{
			width: 150px;
			border: 1px solid #ddd;
			border-left: 0;
			padding-top: 24px;
		}
		.compare-btn {
			display: flex;
			justify-content: center;
		}
		
		.compare-btn a {
			display: block;
			width: 80px;
			height: 30px;
			-webkit-border-radius: 2px;
			border-radius: 2px;
			background: #00a2e8;
			font-size: 14px;
			color: #fff;
			text-align: center;
			line-height: 30px;
			cursor: pointer;
			outline: 0 none;
		}
		
		.compare-clear {
			margin-top: 10px;
			text-align: center
		}
		
		.compare-clear button {
			display: inline-block;
			width: 100%;
			background: none;
			color: #00a2e8;
			font-size: 14px;
			line-height: 1.5;
			border: none;
		}
		.compare-box.hiden {
			height: 0;
			padding: 0;
			transition: all .6s;
		}
		@media (max-width: 768px) {
			.compare-items{
				display: block; width: 100%;
			}
			.compare-btns {width:100%;}
			.compare-items li{
				width: 100%;
				height: 100px;
			}
.compare-items-bg {display:block;}			
.compare-box{
		display: block;
		width: 100%;
		height: auto;
		padding: 15px 2%;
		left: 0;
		bottom: 0;
		transform: translateX(0);
	}
	.alert-tip.show{
	    bottom: 51px;
	}
	.compare-items-bg{
		flex-wrap: wrap;
	}
	.compare-items{
		width: 100%;
		flex-wrap: wrap;
		border-right: 1px solid #ddd;
	}
	.compare-items li{
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #ddd;
		margin: 0;
		padding: 12px;
	}
	.compare-items li:last-child{
		border: 0;
	}
	.compare-btns{
		width: 100%;
		border: 1px solid #ddd;
		border-top: 0;
		padding: 15px 0;
	}
	.compare-items li>ins{
		line-height: 40px;
	}
	/* 对比结果 */
	.result-bg{
		padding: 10px 2% 20px;
	}
	.result-title span{
		font-size: 18px;
	}
	.result-title a{
		font-size: 16px;
	}
	.result-list{
		margin-top: 20px;
		width: 900px;
	}
	.result{
		overflow-x: auto;
	}
	.result-list li>div{
		font-size: 14px;
		height: 50px;
	}
	.result-list li>div>em{
		font-size: 14px;
	}
	.result-list li>div:first-child{
		height: 180px;
	}
	.result-list li>div>ins{
		padding-top: 30px;
		height: 124px;
		margin-bottom: 10px;
	}
	.result-list li>div>ins img{
		height: 90px;
	}	
	

		}
		/*弹出对比代码*/