@charset "utf-8";

body {
    background: #ffffff
}

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

a:hover {
    color: #d20000
}

hr {
    border: 0;
    border-top: 1px solid #e6e6e6;
    margin: 5px 0
}

.ztar {
    font-size: 30px;
    font-family: Arial,Helvetica,sans-serif;
    color: #e60000
}

.ft12 {
    font-size: 12px
}

.ft14 {
    font-size: 14px
}

.ffly {
    font-family: Microsoft YaHei
}

.fl-left {
    float: left
}

.fl-right {
    float: right
}

.order-btn a,.mian-line li a,#links .dot2 a,.co_zz,.mq_zz,.xy_zz,.linker_rr,.gyxx ul li a,.gyxx .moreless-m a,.mian-line .moreless-m a,.mian-line .moreless-m a:hover,.qjt,.zxly,.xqrr,.rr1,.rr2,.rr3,.rr4,.cpdt li a,.qgnr span,.sh1 span,.xyda,.xyda_0,.fdzs,.fdxs,.t-left,.t-right,.gofh span,.co_xy,.co_mq,.co_pt {
    background: url(http://www.ypshop.net/images/hc1.png?t=202104092) no-repeat 0 0;
    display: block
}

.topBar {
    height: 35px;
    font-family: Microsoft YaHei
}

.zg_top {
    height: 35px;
    line-height: 35px;
    width: 100%;
    background: #f6f6f6;
    border-bottom: 1px #e6e6e6 solid;
    font-family: Microsoft YaHei
}

.zg_top_lf,.zg_top_lf li,.inc_item dl dd,.inc_items dl dd,.logo img,.search-warp input,.titlealink2 a,.login_0 ul li {
    float: left
}

.zg_top_lf li.s_tits_ls,.zg_top_lf li.chage_stit,.login_0 span,.search-warp .serch-items li.now {
    background: url("http://www.ypshop.net/images/channal_zg.png") no-repeat right bottom
}

.zg_top_0 .zg_top_lf {
    width: 70%
}

.zg_top_lf li a {
    color: #696969;
    margin-right: 15px;
    cursor: pointer
}

.zg_top_0 li .zg_top_lf li.chage_stit a:hover {
    text-decoration: none;
    color: #c70000
}

.zg_top_0 li a:hover {
    color: #333
}

.zg_top_lf li.s_tits_ls {
    background-position: 56px -172px;
    border-left-width: 1px;
    padding: 0 0 0 1px;
    position: relative;
    width: 68px;
    overflow: hidden
}

#oLi {
    margin-right: 15px
}

.zg_top_lf li.chage_stit {
    background-position: 0 -129px;
    position: relative;
    z-index: 1081;
    width: 69px
}

.chg_all,.chg_alls {
    float: left;
    position: relative;
    z-index: 1080
}

.zg_top_lf .inc_item,.zg_top_lf .inc_items {
    background: #fff;
    border: 1px solid #cfcfcf;
    padding: 10px 15px 5px 15px;
    position: absolute;
    width: 180px;
    z-index: 1088
}

.zg_top_lf .s_tits li a,.s_tits .s_tit span,.zg_top_lf .s_titss li a,.s_titss .s_tit span {
    color: #696969;
    cursor: pointer;
    margin: 0 7px
}

.s_tits,.s_titss {
    padding-left: 5px
}

.inc_item dl,.inc_items dl {
    line-height: 22px;
    background-position: 0 34px;
    height: 45px;
    padding-bottom: 3px;
    margin-bottom: 5px
}

.inc_item dl.bdno,.inc_items dl.bdno {
    background: 0
}

.zg_top_lf li .inc_item dd.bdmfno a,.zg_top_lf li .inc_items dd.bdmfno a {
    margin-right: 0
}

.zg_top_lf li .s_tits li .inc_item a,.zg_top_lf li .s_titss li .inc_item a,.zg_top_lf li .s_tits li .inc_items a,.zg_top_lf li .s_titss li .inc_items a {
    float: left;
    margin: 0 7px 0 0;
    white-space: nowrap
}

.con_line {
    background: url(http://www.ypshop.net/images/comtp.png) no-repeat 0 -140px;
    height: 55px;
    margin: 5px 15px 0;
    width: 5px;
    float: left
}

.logo_bj {
    background: #fff
}

.logo {
    padding: 15px 0;
    width: 1190px;
    margin: 0 auto
}

.logo .h1_box {
    float: left;
    color: #333;
    font-size: 18px;
    height: 45px;
    margin: 22px 0 0 20px;
    display: table;
    font-family: Microsoft YaHei;
    line-height: 18px
}

.logo h1 .h1,.logo .h1_box .h1 {
    display: block;
    vertical-align: middle
}

.logo h1 .h1 a,.logo .h1_box .h1 a {
    font-size: 22px
}

.logo h1 .i,.logo .h1_box .i {
    display: block;
    height: 17px;
    width: 75px;
    margin-top: 8px
}

.xmt_an {
    background: url(http://www.ypshop.net/images/xmt_an.png) no-repeat 0 center
}

.xyhy_an {
    background: url(http://www.ypshop.net/images/xyhy_an.png) no-repeat 0 center
}

.mqhy_an {
    background: url(http://www.ypshop.net/images/mqhy_an.png) no-repeat 0 center
}

.pro-qrcode {
    margin: 0
}

.rt-qrcode div {
    padding: 0 !important
}

.rt-qrcode {
    left: 9px !important
}

.e_code .txt {
    position: absolute;
    width: 107px;
    left: 0;
    top: 18px;
    border: 1px solid #e6e6e6;
    background: #fff;
    padding: 15px 20px;
    z-index: 9999;
    color: #333;
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    display: none
}

.e_code .txt img {
    width: 107px;
    height: 107px;
    margin-bottom: 10px
}

.logo .h1_box .sale_main {
    display: inline-block;
    margin-top: 10px;
    height: 20px;
    float: left;
    font-size: 14px;
    color: #696969;
    font-weight: normal;
    overflow: hidden
}

.logo .h1_box .h1 .medal_i {
    top: 3px;
    left: 3px
}

.search-warp {
    width: auto;
    max-width: 380px;
    padding-top: 20px;
	height:auto;
}

.search-warp .tab-cont-1 {
    width: 100%;
    height: 40px
}

.search-warp .sub-btn {
    width: 81px;
    height: 40px;
    background: #e60000;
    font-family: "Microsoft YaHei"
}

.search-warp .sub-btn:hover {
    background: #d20000
}

.search-warp .searchkuang {
    background: #fff;
    border: 1px solid #e6e6e6 !important;
    height: 33px;
    line-height: 33px;
    width: 335px;
    padding: 0 10px;
    font-size: 14px;
    font-family: "Microsoft YaHei";
    border-radius: 3px 0 0 3px;
    outline: 0
}

.nav_dh {
    background: #000;
    width: 100%;
	height:42px;
}

.nav_ul {
    height: 42px;
    line-height: 42px;
    width: 1190px;
    margin: 0 auto;
    font-family: Microsoft YaHei;
	float:none;
}

.nav_ul li {
    float: left;
    height: 40px;
    position: relative;
	padding:0px;
}

.nav_ul li .a {
    display: block;
    padding: 0 24px;
    float: left;
    font-size: 16px;
    color: #fff;
    height: 42px;
    line-height: 42px
}

.nav_ul .second_0 .a,.nav_ul li .a:hover,.nav_ul li.hover .a {
    background: #ed6f2d
}

.nav_ul li:hover a .txt a,.nav_ul .second_0 a .txt a,.nav_ul li.hover a .txt a {
    background: 0
}

.nav_ul li .a span {
    position: relative;
    padding-right: 6px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

.nav_ul li.second .a span i {
    border: 6px solid #000;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top-color: #fff;
    top: 9px;
    right: -8px;
    position: absolute;
    font-size: 0;
    line-height: 0
}

.nav_ul li .txt {
    display: none;
    position: absolute;
    width: 150px;
    left: 0;
    top: 42px;
    border: 1px solid #cfcfcf;
    background: #fff;
    padding: 5px 0 0 0;
    z-index: 999;
    line-height: 28px;
    font-size: 14px
}

.nav_ul li .txt p {
    padding-left: 20px
}

.nav_ul li .txt a {
    color: #333
}

.nav_ul li .txt a:hover {
    color: #d20000
}

.nav_ul li .a:hover span i,.nav_ul li.hover a span i {
    border: 6px solid #e60000;
    border-top-color: #fff
}

.nav_ul li .txt .aa {
    background: #f6f6f6;
    margin-top: 5px
}

.nav_ul li .txt .aa a {
    display: block;
    height: 35px;
    line-height: 35px;
    padding-left: 20px
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    background: #000;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-slide {
    text-align: center;
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
    bottom: 30px;
    right: 50%
}

.swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 100%;
    background: #323232;
    margin-right: 10px
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #696969
}

.kzan {
    position: absolute;
    width: 1190px;
    height: auto;
    left: 50%;
    height: auto;
    margin-left: -595px;
    top: 50%
}

.kzan .swiper-button-prev,.kzan .swiper-button-next {
    position: absolute;
    width: 44px;
    height: 90px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-position: center
}

.swiper-button-prev {
    background: url(http://www.ypshop.net/images/bnlf.png) no-repeat;
    left: 10px;
    right: auto
}

.swiper-button-next {
    background: url(http://www.ypshop.net/images/bnrt.png) no-repeat;
    right: 10px;
    left: auto
}

.swiper-button-prev:hover,.swiper-button-next:hover {
    background-color: #b4b4b4
}

.online-ct {
    background: #ededee;
    padding-bottom: 25px;
    border-bottom: 2px #000 solid
}

.pin-bar {
    font-size: 16px;
    color: #fff;
    background: #000;
    width: 24px;
    height: 104px;
    padding: 9px 10px 0;
    letter-spacing: 1px;
    text-align: center;
    line-height: 18px
}

.fdzs {
    background-position: 0 -330px;
    width: 12px;
    height: 14px;
    margin: 6px 0 0 5px
}

.pin-bar:hover {
    color: #fff
}

.pin-bar:hover .fdzs,.online-ct .tit a:hover .fdzs {
    background-position: 0 -375px
}

.online-ct .tit {
    height: auto;
    background: #000;
    padding-bottom: 35px
}

.fdzx {
    padding-top: 25px;
    text-align: center
}

.fdzx dt {
    font-size: 18px;
    color: #fff
}

.fdzx dd {
    color: #ccc;
    padding: 0 6px
}

.fdzx dd .fdyy {
    height: 20px;
    overflow: hidden;
    display: block;
    color: #fff
}

.online-ct .tit .fdzx dd .fdxs {
    background-position: -47px -477px;
    width: 22px;
    height: 15px;
    margin: 0 auto;
    bottom: 35px;
    right: 85px;
    top: auto
}

.online-ct .tit .fdzx dd .fdxs:hover {
    background-position: -47px -477px
}

.online-ct .tit .fdzx dd .fdxs.fdyy_show {
    background-position: -96px -477px
}

.online-ct .on-bd {
    margin: -30px 17px 0;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 15px 10px
}

.online-ct .on-bd .contact-mod {
    line-height: 32px;
    color: #333
}

.online-ct .on-bd .contact-mod span {
    display: block
}

.online-ct .on-bd .contact-mod span font {
    margin-right: 5px
}

.online-ct .on-bd .dhsj {
    margin: 16px 0
}

.online-ct .on-bd .dhsj span {
    display: block;
    text-align: center;
    line-height: 20px
}

.online-ct .on-bd .send-btn {
    padding: 0
}

.online-ct .on-bd .send-btn a {
    width: 82px;
    height: 30px;
    line-height: 30px;
    background: #000;
    border-radius: 0;
    color: #fff;
    text-align: center
}

.place {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    padding: 20px 0;
    border: 0;
    margin-top: 0;
    overflow: visible;
    font-family: Microsoft YaHei
}

.here {
    font-family: Microsoft YaHei;
    max-width: 960px;
    height: 25px;
    overflow: hidden
}

.here span,.here a {
    margin: 0 5px;
    color: #333
}

.here a:hover {
    color: #d20000;
    text-decoration: none
}

.place .here span.f-bold {
    max-width: 290px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.place .online-cont {
    padding-top: 0
}

.place .online-cont a {
    height: 27px;
    line-height: 27px;
    border: 1px solid #000;
    background: #000;
    color: #fff;
    width: 100px;
    text-align: center;
    display: inline-block;
    margin-left: 10px;
    margin-right: 0;
    font-size: 14px
}

.place .online-cont a:hover {
    background: #d20000;
    border: 1px solid #d20000
}

.place .online-cont a span {
    position: relative;
    padding-left: 23px
}

.place .online-cont a span:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    margin-top: -9px
}

.place .online-cont a.wechat span:after {
    background: url(http://www.ypshop.net/images/wechat.png) no-repeat center center
}

.place .online-cont a.qq-cont span:after {
    background: url(http://www.ypshop.net/images/qq.png) no-repeat center center
}

.place .online-cont a.contact-ways span:after {
    background: url(http://www.ypshop.net/images/phone.png) no-repeat center center
}

.place .online-cont a.leave-words {
    background: #fff;
    color: #000
}

.place .online-cont a.leave-words span:after {
    background: url(http://www.ypshop.net/images/messageC.png) no-repeat center center
}

.place .online-cont a.leave-words:hover {
    color: #fff;
    background: #d20000
}

.place .online-cont a.leave-words:hover span:after {
    background: url(http://www.ypshop.net/images/message.png) no-repeat center center
}

.det-info .online-cont {
    margin-bottom: 20px;
    border-top: 0;
    padding-top: 0;
    text-align: center
}

.det-info .online-cont a {
    height: 40px;
    width: 200px;
    margin: 0 auto;
    text-align: center;
    line-height: 40px;
    font-size: 16px;
    border: 1px solid #e60000;
    border-radius: 5px;
    color: #fff;
    background: #e60000
}

.det-info .online-cont a:hover {
    background: #d20000
}

.det-info .online-cont a span {
    position: relative;
    padding-left: 23px
}

.det-info .online-cont a span:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    margin-top: -9px
}

.det-info .online-cont img {
    margin-top: 8px
}

.det-info .online-cont .qq-cont span:after {
    background: url(http://www.ypshop.net/images/qq.png) no-repeat center center
}

.det-info .online-cont a.contact-ways {
    margin: 8px auto 0
}

.det-info .online-cont a.contact-ways span:after {
    background: url(http://www.ypshop.net/images/phone.png) no-repeat center center
}

.det-info .online-cont a.leave-words {
    margin: 8px auto 0;
    background: #fff;
    color: #e60000
}

.det-info .online-cont a.leave-words span:after {
    background: url(http://www.ypshop.net/images/messageB.png) no-repeat center center
}

.det-info .online-cont a.leave-words:hover {
    background: #d20000;
    color: #fff
}

.det-info .online-cont a.leave-words:hover span:after {
    background: url(http://www.ypshop.net/images/message.png) no-repeat center center
}

.order-btn a {
    width: 180px;
    height: 45px;
    display: inline-block;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    border: 1px solid #e60000;
    border-radius: 5px;
    color: #fff;
    background: #e60000
}

.order-btn a:hover {
    background: #d20000
}

.order-btn a span {
    position: relative;
    padding-left: 23px
}

.order-btn a span:after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 0;
    top: 50%;
    margin-top: -9px
}

.order-btn a.qq-cont span:after {
    background: url(http://www.ypshop.net/images/qq.png) no-repeat center center
}

.order-btn a.contact-ways span:after {
    background: url(http://www.ypshop.net/images/phone.png) no-repeat center center
}

.order-btn a.leave-words {
    background: #fff;
    color: #e60000
}

.order-btn a.leave-words span:after {
    background: url(http://www.ypshop.net/images/messageB.png) no-repeat center center
}

.order-btn a.leave-words:hover {
    background: #d20000;
    color: #fff
}

.order-btn a.leave-words:hover span:after {
    background: url(http://www.ypshop.net/images/message.png) no-repeat center center
}

.prtj_0 {
    background: url(http://www.ypshop.net/images/cptj_an.jpg) no-repeat center top;
    width: 100%
}

.prtj {
    padding-bottom: 30px
}

.prtj_tit {
    font-size: 24px;
    padding-bottom: 15px;
    text-align: center;
    background: url(http://www.ypshop.net/images/ht.png) no-repeat center bottom;
    display: block;
    font-family: Microsoft YaHei
}

.prtj ul {
    background: #fff;
    padding: 30px 0 0;
    border: 1px #e6e6e6 solid;
    border-top: 1px #000 solid
}

.prtj ul li {
    float: left;
    padding: 0 30px;
    margin-bottom: 28px;
    border-right: 1px #e6e6e6 solid;
    width: 175px;
    height: 248px
}

.prtj ul li:last-child {
    border-right: 0
}

.prtj ul li.bdno {
    border: 0
}

.prtj ul li dt a {
    height: 175px;
    width: 175px;
    margin-bottom: 15px
}

.prtj ul li dd,.pro-sup li dd {
    text-align: left;
    height: auto;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden
}

.prtj ul li dd a,.pro-sup li dd a {
    font-size: 14px
}

.prtj ul li dd.price,.pro-sup li .price {
    color: #e60000;
    font-size: 20px;
    font-family: Arial,"Microsoft YaHei";
    margin: 8px 0 2px
}

.content {
    background: #fafafa;
    display: block;
    width: 100%;
    font-family: Microsoft YaHei
}

.con,.con_0 {
    width: 1190px;
    margin: 0 auto
}

.con_0 {
    padding-top: 30px
}

.con_lf,.con-lef {
    width: 240px;
    float: left;
    font-family: Microsoft YaHei;
    margin-bottom: 20px
}

.con_rt,.con-rig {
    margin-left: 20px;
    width: 928px;
    float: right;
    font-family: Microsoft YaHei
}

.company-intro,.new-supply {
    border: 1px #e6e6e6 solid;
    border-top-color: #000;
    padding: 15px 20px 10px;
    margin-bottom: 20px
}

.new-supply {
    padding-right: 0;
    padding-bottom: 0
}

.con-rig .new-supply .h2-bg {
    padding-right: 20px
}

.rig-bd {
    border: 0
}

.company-intro .h2-bg {
    margin-bottom: 12px;
    background: 0
}

.con-rig .h2-bg {
    background: #fff
}

.con-rig .h2-bg h1,.con-rig .h2-bg span.sh1,.con-rig .h2-bg span.sh1,.con-rig .h2-bg .gorth2 {
    font-size: 16px;
    color: #333;
    padding-left: 0;
    height: 25px;
    line-height: 25px
}

.con-rig .h2-bg span.sh1 {
    font-weight: bold
}

.more,.gt {
    color: #333;
    height: 25px;
    line-height: 25px
}

.h2-bg .gt:hover,.h2-bg .more:hover {
    color: #d20000
}

.company-intro .company-pic {
    float: left;
    margin: 5px 20px 0 0;
    border-color: #e6e6e6
}

.company-info {
    word-break: break-all;
    word-wrap: break-word;
    font-size: 14px;
    font-family: Microsoft YaHei
}

.con_rt .company-info {
    max-height: 202px;
    overflow: hidden
}

.company-info p {
    line-height: 2em;
    text-indent: 2em;
    max-height: 202px;
    overflow: hidden
}

.company-info pre {
    line-height: 2em;
    text-indent: 0;
    white-space: pre-wrap !important;
    word-wrap: break-word !important;
    *white-space: normal !important;
    font-family: Microsoft YaHei
}

.company-intro .rig-bd {
    border: 0;
    padding: 0 0 10px
}

.ggjj {
    padding-bottom: 0;
    background: #fff
}

.company-intro {
    background: #fff
}

.ggjj .rig-bd {
    padding-bottom: 5px
}

.ggjj .mian-line {
    margin: 0;
    padding: 0;
    background: 0
}

.ggjj .mian-line ul {
    padding-left: 0;
    padding-top: 5px
}

.ggjj .mian-line ul li {
    width: 168px;
    margin-bottom: 4px
}

.mian-line ul li a,#links .dot2 a,.cpdt li a {
    background-position: -794px -82px;
    border: 0;
    color: #333;
    font-size: 14px;
    font-weight: normal
}

.mian-line li a:hover,#links .dot2 a:hover,.cpdt li a:hover {
    background-position: -795px -114px;
    color: #d20000
}

.qyzz {
    background: #fff;
    border: 1px #e6e6e6 solid;
    margin-bottom: 20px
}

.qyzz .h2-bg {
    margin: 20px 20px 0
}

.qyzz .cates-pic-0 {
    padding-top: 20px;
    padding-left: 20px;
    width: 900px
}

.qyzz .cates-pic-0 ul li {
    margin-bottom: 20px
}

.qyzz .cates-pic-0 ul.wd600 {
    width: 600px;
    margin: 0 auto
}

.qyzz .cates-pic-0 ul.wd300 {
    width: 300px;
    margin: 0 auto
}

.big-pic,.bigpic-cont {
    width: 890px
}

.big-pic .vertical-img {
    border: 0
}

.imgBar a {
    width: 48px
}

.imgBar a:hover {
    background: #e6e6e6
}

.pic-group .pic-box .pic-cont {
    width: 834px;
    margin: 0 1px 0 5px
}

.big-pic {
    margin-bottom: 20px
}

.imgBar .c_right {
    float: right
}

.pic-group .pic-box .pic-cont ul {
    width: 100%;
    height: 66px;
    overflow: hidden
}

.pic-group {
    border: 0
}

.pic-group .pic-box .turn,.pic-group .pic-box .diser {
    background-color: #fff;
    background-image: url(http://www.ypshop.net/images/xcsf.png)
}

.pic-group .pic-box .t-left {
    background-position: 0 20px
}

.pic-group .pic-box .t-right {
    background-position: -66px 20px
}

.pro-sup {
    padding-left: 0
}

.pro-sup li {
    width: 162px;
    padding-right: 19px
}

.pro-sup li dt a {
    width: 160px;
    height: 160px;
    border: 1px #f6f6f6 solid;
    display: block;
    transition: box-shadow .2s linear,transform .2s linear
}

.pro-sup li dt a:hover {
    box-shadow: 0 0 0 1px rgb(0 0 0 / 4%),0 3px 6px 0 rgb(0 0 0 / 6%)
}

.new-supply .rig-bd,.supply-inf .rig-bd {
    padding: 18px 0 0
}

.pagination {
    margin: 25px 20px 25px 0;
    font-family: Microsoft YaHei
}

.pagination .pagearea,.pagination {
    color: #696969;
    font-size: 14px
}

.pagination a,.pagination .rollPage {
    padding: 5px 15px;
    font-size: 14px;
    color: #696969;
    border-color: #e6e6e6
}

.pagination .current,.pagination a:hover,.pagination .rollPage:hover {
    background: #d20000;
    border-color: #e6e6e6;
    padding: 5px 15px
}

.pagination .pageNum {
    color: #696969;
    padding-right: 18px
}

.pagination .resultNum {
    padding-left: 0
}

.pagination a.bndd {
    cursor: default;
    color: #e6e6e6
}

.pagination a.bndd:hover {
    background: #fff
}

.mian-line .moreless-m {
    background-color: #fafafa;
    height: 30px;
    line-height: 30px;
    width: 894px
}

.mian-line .moreless-m a {
    background-position: -711px -288px;
    top: 4px;
    color: #333;
    left: 376px
}

.mian-line .moreless-m a:hover {
    background-position: -711px -335px;
    top: 4px;
    color: #d20000;
    left: 376px
}

.mian-line .moreless-m a.plus {
    background-position: -697px -382px
}

.mian-line .moreless-m a.plus:hover {
    background-position: -697px -429px
}

.column_xx i {
    display: block;
    height: 37px;
    background: url(http://www.ypshop.net/images/membersignsA-large.png?t=0318) no-repeat;
    width: 146px;
    margin: 0 auto 0
}

.det-info .icon-slsj-left {
    margin: -8px 0 0 0 !important;
    overflow: hidden;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
    position: relative;
    z-index: 2
}

.det-info .icon-slsj-left i {
    display: block;
    width: 223px;
    height: 32px;
    margin: 15px auto;
    background: url(http://www.ypshop.net/images/slsj-id.png) no-repeat 0 -36px
}

.det-info li.member-info {
    padding: 25px 0 0;
    margin-top: -8px
}

.xmt_big {
    border-top: 1px solid #ffb30f
}

.pthy_big {
    border-top: 1px solid #6796ac
}

.xyhy_big {
    border-top: 1px solid #0078ee
}

.mqhy_big {
    border-top: 1px solid #b56900
}

.tgt_big {
    border-top: 1px solid #ff3c00
}

.yqds_big {
    border-top: 1px solid #916734
}

.xmt_big .column_xx i {
    background-position: center 0;
    margin-bottom: 3px
}

.pthy_big .column_xx i {
    background-position: center -41px
}

.xyhy_big .column_xx i {
    background-position: center -79px
}

.mqhy_big .column_xx i {
    background-position: center -117px
}

.tgt_big .column_xx i {
    background-position: center -157px;
    margin-bottom: 3px
}

.yqds_big .column_xx i {
    background-position: center -198px;
    margin-bottom: 3px
}

.lef-bd a {
    color: #333
}

.lef-bd .comp a {
    font-size: 16px;
    text-align: center;
    display: block
}

.det-info li.cut-dot {
    border-color: #ffe4ab;
    margin: 10px 18px
}

.det-info li.cut-xy {
    border-bottom: 1px solid #a6d0f9
}

.det-info li.cut-mq {
    border-bottom: 1px solid #e5cba6
}

.det-info li.cut-pt {
    border-bottom: 1px solid #cadae2
}

.def-info li.cut-yqds {
    border-bottom: 1px solid #916734
}

.con_lf .h2-bg {
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    margin: 0 15px;
    border-bottom: 1px #e6e6e6 solid
}

.con_lf .lef-bd {
    border: 0
}

.con_lf .det-info .lef-bd {
    border-top-color: #ffb30f;
    background: #fff
}

.con_lf .item {
    border: 1px #e6e6e6 solid
}

#links .dot2 a {
    padding-left: 10px
}

.mian-line {
    margin-left: 0;
    padding-bottom: 0
}

.mian-line ul {
    padding-left: 0
}

.lef-bd li .co_zz,.mfdd li.gstt .co_zz,.co_xy,.co_mq,.co_pt,.mfdd li.gstt .mq_zz,.mfdd li.gstt .xy_zz {
    background-position: -590px -120px;
    width: 102px;
    height: 17px;
    margin: 0 auto
}

.lef-bd li .co_zz {
    margin-top: 4px
}

.co_xy,.mfdd li.gstt .xy_zz {
    background-position: -590px -92px;
    margin-top: 4px
}

.co_mq,.mfdd li.gstt .mq_zz {
    background-position: -480px -92px;
    margin-top: 4px
}

.co_pt {
    background-position: -480px -120px;
    margin-top: 4px
}

.mfdd li.gstt .mq_zz,.mfdd li.gstt .xy_zz {
    display: inline-block;
    margin-left: 10px;
    height: 24px;
    vertical-align: middle
}

.det-info li {
    margin: 0 18px 8px
}

.link-btn .linker {
    font-size: 16px
}

.linker_rr {
    background-position: -435px -91px;
    height: 27px;
    padding-left: 30px;
    display: inline-block
}

.phdh {
    font-size: 22px;
    font-family: Arial;
    padding-left: 27px;
    display: block;
    margin-bottom: 3px
}

.det-info dl {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px
}

.det-info dt {
    width: 74px;
    float: left;
    text-align: right
}

.det-info dd {
    width: 128px;
    float: left
}

.gyxx ul li a {
    padding-left: 18px;
    background-position: -786px -82px;
    color: #333;
    font-size: 14px;
    max-height: 40px;
    line-height: 20px;
    overflow: hidden
}

.gyxx .lef-bd .hidenstate ul li,.gyxx .lef-bd .assists li {
    line-height: 20px;
    margin-bottom: 10px
}

.gyxx ul li a.current,.gyxx ul li a:hover {
    background-position: -787px -114px;
    color: #333
}

.gyxx .moreless-m a {
    margin: 0 20px;
    background-position: -675px -140px;
    font-size: 14px;
    padding-top: 8px
}

.gyxx .moreless-m a:hover {
    background-position: -675px -174px
}

.gyxx .moreless-m a.plus {
    background-position: -664px -202px
}

.gyxx .moreless-m a.plus:hover {
    background-position: -664px -236px
}

.lxfs ul li {
    font-size: 14px
}

.dot2 {
    padding: 0 15px
}

.dot2 li dt {
    width: 56px;
    float: left;
    color: #666
}

.dot2 li dd {
    color: #424141;
    float: left;
    word-break: break-all;
    word-wrap: break-word;
    width: 152px;
    padding-left: 0;
    line-height: 25px
}

.map_dt {
    margin: 10px 18px 20px
}

.warn_wrap {
    width: 1190px;
    margin: 0 auto 20px;
    background: #fff
}

.warn {
    padding: 15px 0 15px 125px;
    position: relative
}

.warn-pic {
    width: 69px;
    height: 69px;
    background: url(http://www.ypshop.net/images/sm_an.png) no-repeat;
    position: absolute;
    left: 80px;
    top: 50%;
    margin-top: -34px
}

.warn .fl-right dd {
    width: 88%;
    color: #333
}

.warn .fl-right dl {
    font-size: 14px;
    line-height: 22px;
    font-size: 14px
}

.warn .fl-right dl dt {
    color: #e60000
}

.ft {
    background: #000
}

.ft_0 {
    width: 1190px;
    margin: 0 auto;
    padding: 30px 0
}

.ft_lf {
    width: 200px;
    float: left;
    line-height: 50px;
    color: #b2b2b2;
    padding-top: 20px
}

.ft_lf a {
    color: #b2b2b2
}

.ft_lf a.logo {
    display: block;
    width: 200px;
    height: 44px;
    padding: 0;
    margin: 0 0 10px 0
}

.ft_lf p {
    line-height: 24px
}

.ft_lf img {
    opacity: .8;
    filter: alpha(opacity=80)
}

.ft_rt {
    float: right;
    text-align: left;
    color: #b2b2b2;
    max-width: 940px
}

.ft_rt dl {
    float: left;
    width: 203px;
    padding-left: 32px
}

.ft_rt dt {
    font-size: 14px;
    margin-bottom: 8px
}

.ft_rt dd a {
    color: #b2b2b2;
    line-height: 24px;
    margin-right: 5px
}

.ft_dz {
    border-top: 1px #191919 solid;
    padding-top: 10px;
    margin-top: 10px;
    margin-left: 32px
}

.ft_dz span {
    margin-right: 15px
}

.qjt {
    background-position: -785px -475px;
    height: 22px;
    padding-left: 20px
}

.zxly {
    background-position: -785px -513px;
    height: 22px;
    padding-left: 20px
}

.b_suject_letter {
    padding-top: 10px
}

.ft_dz a img {
    width: 30px !important;
    height: 41px !important;
    margin-top: 10px
}

.mod-detail-bd {
    padding-top: 0;
    padding-bottom: 20px
}

.mod-detail-bd .l-gallery {
    width: 400px
}

.mod-detail-bd .l-gallery #bigImg {
    width: 400px;
    height: 400px;
    border: 0;
    padding: 0
}

.picTab li {
    height: 72px
}

.picTab li .vertical-img {
    border-color: #f6f6f6
}

.picTab li.current .vertical-img {
    border-color: #333
}

.mod-detail-bd .tags span.e6 {
    color: #e6e6e6
}

.mod-detail-bd .tags,.mod-detail-bd .tags a {
    font-size: 14px;
    color: #696969;
    text-align: left
}

.mod-detail-bd .tags a {
    margin: 0 3px
}

.r-property {
    width: 770px
}

.detailBox-title {
    border: 0
}

.detailBox-title .detailBox-hd .gorth1 {
    font-size: 20px
}

.detailBox-title .detailBox-hd {
    width: 100%;
    margin-bottom: 16px
}

.detailBox-title .related a {
    background: 0;
    width: auto;
    margin-left: 10px;
    color: #696969;
    font-size: 14px
}

.detailBox-title .related a:hover {
    text-decoration: underline
}

.detailBox-title .detailBox-hd span {
    display: block
}

.dthd_js {
    font-size: 14px;
    color: #696969
}

.detail-price {
    background: #f6f6f6;
    padding: 10px 0
}

.detail-price .price-box {
    border: 0
}

.detail-price .price-box th {
    background: 0;
    border: 0;
    font-size: 14px;
    padding-left: 20px;
    text-align: left;
    font-weight: normal
}

.detail-price .price-box td {
    border: 0;
    padding: 0
}

.mro-main-attr li {
    float: left;
    padding-right: 30px
}

.mro-main-attr {
    border: 0
}

.mro-main-attr .mor-hd,.mro-main-attr .mor-bd {
    color: #b2b2b2;
    font-size: 14px;
    width: auto
}

.detail-price dt,.detail-price dd {
    float: left
}

.detail-price dt {
    padding-left: 20px;
    width: 65px;
    font-size: 14px
}

.detail-price dd {
    float: right;
    width: 684px
}

.mod-detail-bd .detail-price dl p {
    height: 28px;
    line-height: 28px;
    text-align: left
}

.detail-price dl ul {
    overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    text-align: center
}

.detail-price dl ul li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.mod-detail-bd .detail-price dl dd ul li p {
    text-align: center
}

.prxa_tit {
    font-size: 16px;
    padding: 20px 0 0 20px
}

.prtj_xa {
    border: 1px #e6e6e6 solid;
    border-top: 1px #000 solid;
    background: #fff;
    padding-bottom: 0;
    margin-bottom: 20px
}

.prtj_xa ul {
    padding-left: 5px;
    border: 0;
    padding-top: 20px
}

.prtj_xa ul li {
    padding: 0 11px;
    border: 0
}

.prtj_xa ul li dt a {
    width: 173px;
    height: 173px;
    border: 1px #e6e6e6 solid;
    display: block
}

.shop-detail {
    border: 0;
    padding: 0;
    background: 0
}

.sp-hd {
    background: #f6f6f6;
    height: 48px;
    border: 1px #e6e6e6 solid;
    border-bottom: 1px #333 solid;
    margin: 0
}

.sp-hd .divh2 {
    padding: 0 20px;
    font-weight: bold;
    display: inline-block;
    background: #fff;
    font-size: 16px;
    width: 64px;
    color: #e60000;
    text-align: center;
    height: 48px;
    line-height: 48px;
    border-radius: 0;
    border-right: 1px #e6e6e6 solid;
    border-top: 1px #e60000 solid;
    border-bottom: 1px #fff solid
}

.pdtp20 {
    padding-top: 20px
}

.text-detail {
    margin: 0 20px
}

.pdsx {
    border: 1px #e6e6e6 solid;
    border-top: 0;
    margin-bottom: 20px;
    background: #fff
}

.xqbg6 td {
    height: 30px;
    line-height: 30px;
    width: 33%
}

.pdsx .attr-list {
    padding: 20px 20px 40px
}

.detail-lxr {
    background: #fff;
    border-top: 1px #333 solid;
    padding: 15px 20px 22px
}

.detail-lxr dl {
    line-height: 24px
}

.detail-lxr dt,.detail-lxr dd {
    float: left;
    padding-right: 5px
}

.detail-lxr dd {
    padding-top: 2px;
    width: 675px
}

.xqrm {
    font-size: 16px;
    margin-right: 8px;
    padding-top: 0
}

.xqrm font {
    font-size: 12px;
    color: #b2b2b2
}

.detail-lxr dd.xqdh {
    font-size: 22px;
    color: #333;
    font-family: Arial,Helvetica,sans-serif
}

.xqdh span {
    margin-right: 25px
}

.xqrr {
    background-position: -706px -484px;
    width: 45px;
    height: 52px;
    display: inline-block
}

.rr0,.rr1,.rr2,.rr3,.rr4 {
    background-position: -706px -560px;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 3px;
    vertical-align: middle
}

.rr0 {
    width: 59px;
    background: url(http://www.ypshop.net/images/membersignsB-mini.png) no-repeat 0 -95px
}

.rr2 {
    background-position: -732px -560px;
    margin: 0
}

.rr3 {
    background-position: -756px -560px;
    width: 14px;
    margin: 0
}

.rr4 {
    background-position: -775px -560px;
    width: 22px
}

.mro-main-attr ul li {
    line-height: 24px;
    height: 24px;
    padding-left: 20px
}

.order-btn {
    padding-left: 195px
}

.xwgs .pagination {
    margin-top: 35px
}

.xwgs dl {
    color: #b2b2b2;
    padding-right: 20px;
    margin-bottom: 20px
}

.xwgs dt {
    margin-bottom: 10px
}

.xwgs dl dd {
    word-break: break-all
}

.xwgs dt span.tm {
    float: right
}

.xwgs dt a .fg {
    background: #fff;
    border: 1px #333 solid;
    width: 8px;
    height: 8px;
    display: inline-block;
    margin-right: 8px
}

.xwgs dt a:hover {
    color: #d20000
}

.xwgs dt a:hover .fg {
    background: #d20000;
    border-color: #d20000
}

.xwgs dd:hover {
    color: #696969
}

.pdtp0 {
    padding-top: 0
}

.xwxq {
    padding: 75px 100px 100px 100px
}

.kind-detail-head {
    margin-bottom: 40px
}

.kind-detail-head .divh2 {
    font-size: 24px
}

.kind-detail-head p {
    font-size: 14px;
    color: #696969;
    margin-top: 30px
}

.news-cont {
    width: 100%;
    padding: 0;
    font-size: 14px
}

.news-cont td {
    border: 1px solid #DDD
}

.xwxq .pagination {
    padding-top: 30px
}

.cptj .pro-sup {
    padding-top: 20px
}

.cptj .pro-sup li {
    width: 174px;
    padding: 0 30px;
    margin-bottom: 20px
}

.cptj .pro-sup li dt a {
    width: 172px;
    height: 172px
}

.bdgg {
    margin-top: 20px
}

.cpdt li {
    float: left;
    width: 47%;
    padding-right: 10px;
    height: 24px;
    line-height: 24px;
    margin-bottom: 10px
}

.cpdt li a {
    padding-left: 12px;
    height: 24px;
    overflow: hidden
}

.ggjj .mian-line ul.llgy li {
    width: 182px
}

.llfs_dt {
    margin-bottom: 20px;
    padding: 35px 55px
}

.llfs_dt dt,.llfs_dt dd {
    float: right
}

.llfs_dt dt {
    width: 712px;
    height: 403px
}

.llfs_dt dd {
    line-height: 24px;
    display: block;
    width: 360px;
    font-size: 14px;
    margin-right: 6px
}

.llfs_dt dd.rrgsm {
    margin: 10px 0 5px
}

.llfs_dt dd span {
    color: #e6e6e6;
    margin: 0 6px;
    vertical-align: bottom
}

.llfs_dt dd span.xqrr {
    margin-right: 0
}

.llfs_dt dd.rr {
    font-size: 16px;
    color: #b2b2b2;
    margin-top: 60px
}

.llfs_dt dd.rr .xqrm {
    color: #333
}

.llfs_dt dd.rr div {
    display: inline-block
}

.llfs_dt dd.rr div .rrdh {
    font-size: 22px;
    font-family: Arial,Helvetica,sans-serif;
    color: #333
}

.sh1 {
    font-size: 16px
}

.qgxx {
    margin: 0 20px 0 0;
    border-top: 1px #f6f6f6 solid
}

.qgxx li {
    height: 64px;
    line-height: 64px;
    padding-right: 15px;
    overflow: hidden;
    border-bottom: 1px #f6f6f6 solid
}

.qgxx li a.qgnr {
    font-size: 16px;
    width: 700px;
    overflow: hidden;
    display: inline-block
}

.qgxx li:hover {
    background: #fafafa
}

.qgxx li a:hover {
    color: #e60000
}

a.qgnr span {
    background-position: -459px 0;
    width: 5px;
    height: 15px;
    margin: 0 10px 0 15px;
    display: inline-block
}

a.qgnr:hover span {
    background-position: -438px 0
}

.qgxx li a.ckgd {
    color: #696969;
    font-size: 14px
}

.ckgd {
    border: 1px #e6e6e6 solid;
    color: #696969;
    height: 28px;
    line-height: 28px;
    width: 94px;
    display: inline-block;
    text-align: center;
    float: right;
    margin-top: 18px
}

.qgxx li a.ckgd:hover {
    background: #e60000;
    color: #fff
}

.qgxx .pagination {
    margin: 50px 0 60px
}

.gswh,.gsjj {
    border: 1px #e6e6e6 solid;
    background: #fff;
    padding: 30px 55px;
    margin-bottom: 20px
}

.gswh .company-pic {
    float: left;
    height: 200px;
    margin-right: 15px
}

.gsjj {
    padding: 40px 55px 20px
}

.tab-item th {
    background: #fafafa;
    font-size: 14px;
    color: #696969;
    text-align: left
}

.tab-item,.tab-item th,.tab-item td {
    border-color: #e6e6e6
}

.tab-item th,.tab-item td {
    padding: 11px 10px
}

.tab-item td {
    color: #333;
    font-size: 14px
}

.gsjj .tab-item {
    margin-top: 20px
}

.sh1 span {
    background-position: -439px -50px;
    width: 12px;
    height: 16px;
    display: inline-block
}

.gsjs_dt {
    padding: 0 0 0 55px;
    margin-bottom: 20px
}

.mfdt,.mfdd {
    float: right
}

.mfdd {
    padding: 58px 0;
    width: 722px
}

.mfdd ul {
    padding: 0
}

.mfdd li.gsjs_dzcp {
    font-size: 14px;
    color: #696969
}

.mfdd li.gsjs_dzcp a {
    color: #696969
}

.mfdd li.gsjs_dzcp a:hover {
    color: #e60000
}

.mfdd .linker {
    font-size: 16px;
    color: #333
}

.mfdd .rrdh {
    font-size: 22px;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px
}

.mfdd li.mgsx {
    margin: 15px 0 3px
}

.mfdd li.gstt {
    font-size: 18px;
    height: 27px;
    line-height: 27px
}

.mfdd li.gstt span {
    float: left
}

.mfdd li.gstt .co_zz {
    float: left;
    margin: 5px 0 0 10px
}

.xmt_small {
    background: url(http://www.ypshop.net/images/membersignsC-mini.png) no-repeat 0 0;
    width: 59px;
    height: 16px;
    display: block;
    margin: 0 0 0 10px;
    position: relative;
    top: 5px
}

.xy_small {
    background: url(http://www.ypshop.net/images/membersignsC-mini.png) no-repeat 0 -21px;
    width: 59px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 5px
}

.mq_small {
    background: url(http://www.ypshop.net/images/membersignsC-mini.png) no-repeat 0 -42px;
    width: 59px;
    height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 5px
}

.tgt_small {
    background: url(http://www.ypshop.net/images/membersignsC-mini.png?) no-repeat 0 -84px;
    width: 59px;
    height: 16px;
    display: block;
    margin: 0 0 0 10px;
    position: relative;
    top: 5px
}

.slsj_small {
    background: url(http://www.ypshop.net/images/membersignsB-mini.png) no-repeat 0 -95px;
    width: 59px;
    height: 16px;
    display: block;
    margin: 0 0 0 10px;
    position: relative;
    top: 5px
}

.yqds_small {
    background: url(http://www.ypshop.net/images/membersignsC-mini.png) no-repeat 0 -105px;
    width: 59px;
    height: 16px;
    display: block;
    margin: 0 0 0 10px;
    position: relative;
    top: 5px
}

.gsjj {
    position: relative
}

.xyda,.xyda_0,.qywz {
    background-position: -185px -468px;
    width: 51px;
    height: 131px;
    position: absolute;
    top: 0;
    z-index: 2
}

.xyda_0 {
    background-position: -250px -468px
}

.qywz {
    background: url(http://www.ypshop.net/images/qywz1.png) no-repeat 0 0
}

.gsjj .memberType-pic,.gsjj .promote-cert {
    margin: 20px auto
}

.cates-hd {
    background: 0;
    padding: 0
}

.cates-hd h3 {
    font-weight: normal;
    font-size: 16px
}

.gsjj .sp-bd .tab-item {
    margin-top: 12px
}

.red-mark {
    font-size: 16px;
    font-weight: bold;
    color: #ffb30f
}

.mg25 {
    margin-top: 25px
}

.mg55 {
    margin-bottom: 40px
}

.cates-pic-0 {
    width: 916px;
    margin: 0 auto;
    padding: 30px 0 25px
}

.cates-pic-0 ul li a img {
    border: 1px #e6e6e6 solid;
    height: 260px;
    width: 260px;
    padding: 10px;
    margin: 0 auto 19px
}

.pd30 {
    padding: 30px 55px
}

.album-list li {
    width: 177px;
    height: 208px;
    margin-right: 19px;
    background: #fafafa;
    padding: 15px;
    margin-bottom: 20px
}

.album-list li dt {
    position: relative;
    width: 177px
}

.album-list li dd {
    font-size: 14px;
    color: #333;
    height: 22px;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.album-list li .xczs {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 177px;
    height: 90px;
    background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);
    text-align: right
}

.album-list li .xczs i {
    font-size: 20px;
    color: #fff;
    font-weight: 100;
    display: block;
    margin: 56px 10px 0 0;
    font-style: normal
}

.xcxq {
    padding: 60px 0 0;
    margin-bottom: 20px
}

.xcxq .big-pic,.xcxq .bigpic-cont {
    width: 1190px
}

.xcxq .big-pic {
    margin-bottom: 30px
}

.xcxq .big-pic .vertical-img img {
    max-height: 570px;
    max-width: 864px;
    overflow: hidden;
    margin: 0 auto
}

.xcxq .imgBar a {
    width: 70px
}

.xcxq .pic-group .pic-box .pic-cont,.zzxq-bb .pic-box .pic-cont {
    width: 1142px;
    margin: 0
}

.xcxq .pic-group .pic-box .pic-cont ul {
    width: 1142px
}

.zztit {
    font-size: 16px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    overflow: hidden
}

.zztit span.wznum {
    width: 1100px;
    overflow: hidden;
    display: inline-block
}

.gofh {
    border: 1px #e6e6e6 solid;
    color: #696969;
    font-size: 12px;
    background: #fff;
    width: 64px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-top: 25px;
    display: block;
    float: right
}

.gofh span {
    background-position: -787px -584px;
    width: 17px;
    height: 14px;
    display: inline-block
}

.gofh:hover {
    background: #000;
    color: #fff
}

.zzwz {
    color: #696969;
    text-align: center;
    margin: 25px 0 45px
}

.zzwz span {
    margin-right: 40px
}

.zzxq-bb {
    width: 1190px;
    margin: 0 auto
}

.zzxq-bb .pic-box .turn,.zzxq-bb .pic-box .diser {
    background-color: #fafafa
}

.qgnr_js {
    padding: 40px 60px 15px
}

.qgnr_js .jstit {
    font-size: 24px;
    color: #333;
    padding-bottom: 35px;
    border-bottom: 1px #f6f6f6 solid;
    margin-bottom: 30px
}

.qgnr_js dl {
    height: 45px;
    line-height: 45px;
    color: #333;
    font-size: 14px
}

.qgnr_js dl dt,.qgnr_js dl dd {
    float: left
}

.qgnr_js dl dt {
    color: #696969;
    text-align: right;
    width: 56px;
    display: inline-block;
    margin-right: 20px
}

.ft30 {
    font-size: 30px
}

.qgnr_js dl font {
    color: #e60000;
    font-family: Arial,Helvetica,sans-serif
}

.qgnr_js dd {
    width: 685px;
    text-align: left
}

.qqnr_js dd.ddht {
    line-height: 24px
}

.mg20 {
    margin-bottom: 20px
}

.tj_gys {
    margin-bottom: 25px
}

.tj_gys li {
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    border-bottom: 1px #d8d8d8 dotted;
    font-family: Microsoft YaHei;
    font-size: 14px
}

.tj_gys li.tj_tit {
    background: #fafafa;
    text-align: left;
    font-weight: bold;
    color: #333;
    border-bottom: 0
}

.tj_gys li dt,.tj_gys li.tj_tit dl dt {
    width: 280px;
    padding: 0 5px 0 15px;
    float: left;
    overflow: hidden
}

.tj_gys dl dd {
    float: left;
    width: 586px;
    padding-right: 0;
    height: 46px;
    overflow: hidden
}

.tj_gys dl dd span {
    margin-right: 10px;
    color: #b2b2b2;
    width: 87px;
    height: 14px;
    display: inline-table;
    overflow: hidden
}

.tj_gys li dt a {
    color: #333
}

.tj_gys li dt a:hover {
    color: #d20000;
    text-decoration: underline
}

.cross {
    text-align: center;
    overflow: hidden
}

.cross span {
    display: block;
    position: relative;
    float: left;
    left: 50%
}

.cross img {
    position: relative;
    left: -50%;
    max-height: 470px
}

.carousel {
    max-height: 470px;
    max-width: 1920px
}

.carousel-inner {
    background: #000;
	height:470px;
}

.carousel-indicators li {
    width: 15px;
    height: 15px;
    margin-left: 10px;
    background: #323232;
    opacity: 1;
    filter: alpha(opacity=100)
}

.carousel-indicators {
    left: 47%;
    bottom: 30px
}

.rt-a,.lt-a {
    background: #b4b4b4;
    top: 40%
}

.lxfs .dot2 li dt {
    width: 56px
}

a.qqjt,.wwjt {
    background: url(http://www.ypshop.net/images/aqq1.png) no-repeat 0 0;
    display: block;
    width: 80px;
    height: 22px;
    margin: 5px 0 10px
}

.wwjt {
    background-position: 0 -60px
}

a.qqjt:hover {
    background-position: -100px 0
}

.a_kf a.wwjt:hover {
    background-position: -100px -60px
}

.cates-pic-0 ul li a:hover img {
    border: 1px #333 solid
}

.hhwz .con_rt,.hhwz .con-rig {
    float: left;
    margin: 0 20px 0 0
}

.mian-line .hidenstate {
    height: 136px
}

.vertical-img {
    width: 690px;
    max-height: 690px;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}

.qgzy_tb {
    position: absolute;
    width: 886px
}

.qgzy_tb a {
    padding: 10px 0 12px
}

.qgzy_tb a.prev {
    background: #f0f0f0 url(http://www.ypshop.net/images/xczb.png) no-repeat center center;
    display: inline-block;
    height: 69px;
    width: 49px;
    margin: 145px 0 0 -20px
}

.qgzy_tb a.next {
    background: #f0f0f0 url(http://www.ypshop.net/images/xcyb.png) no-repeat center center;
    display: inline-block;
    height: 69px;
    width: 49px;
    margin: 145px -20px 0 0;
    float: right
}

.qgzy_tb a.prev:hover {
    background: #b4b4b4 url(http://www.ypshop.net/images/xczb.png) no-repeat center center
}

.qgzy_tb a.next:hover {
    background: #b4b4b4 url(http://www.ypshop.net/images/xcyb.png) no-repeat center center
}

.detail-lxr div {
    position: relative
}

.detail-lxr div span {
    display: none;
    height: 15px;
    line-height: 15px;
    background: #ffb30f;
    color: #fff;
    position: absolute;
    top: -22px;
    text-align: center;
    left: 50%;
    z-index: 999;
    display: none;
    font-size: 12px
}

.detail-lxr div span i {
    border: 4px solid rgba(255,255,255,0);
    width: 0;
    height: 0;
    overflow: hidden;
    border-top-color: #ffb30f;
    bottom: -8px;
    right: 50%;
    margin-left: -2px;
    position: absolute;
    font-size: 0;
    line-height: 0
}

.detail-lxr .rr1 span {
    width: 95px;
    margin-left: -45px
}

.detail-lxr .rr2 span {
    width: 70px;
    margin-left: -32px
}

.detail-lxr .rr3 span {
    width: 70px;
    margin-left: -33px
}

.detail-lxr .rr4 span {
    width: 70px;
    margin-left: -33px
}

.cates-pic-0 ul {
    overflow: hidden;
    text-align: left;
    margin-top: 20px
}

.cates-pic-0 ul li {
    width: 282px;
    display: inline-block;
    margin: 0 20px 20px 0;
    text-align: center
}

.pic-group .pic-box .pic-cont ul li a {
    padding: 0
}

.pic-group .pic-box .pic-cont ul li a:hover,.pic-group .pic-box .pic-cont ul .cur-pic a {
    border: 1px #333 solid;
    padding: 0
}

.big-pic {
    width: 100%
}

.mian-line .current a:hover {
    color: #fff
}

.qgnr_js dl.dlht_auto,.qgnr_js dl.dlht_auto dd {
    height: 100%
}

.qgnr_js dl.dlht_auto dd {
    word-break: break-all;
    width: 685px;
    overflow: hidden;
    line-height: 26px;
    padding-top: 10px
}

.qgnr_js dl.dlht_auto dd img {
    max-width: 685px
}

.ztar font {
    font-family: Microsoft YaHei
}

.fdzx dd .fdyy_show {
    height: auto;
    margin-bottom: 10px;
    color: #fff
}

.pro-sup li dd {
    height: 40px;
    overflow: hidden
}

.prtj ul li dd.price .ft12,.prtj ul li dd.price .fts {
    font-family: Microsoft YaHei
}

.online-ct .on-bd .contact-mod {
    line-height: 33px;
    border-bottom: 0
}

.online-ct .on-bd .contact-mod span span {
    margin-right: 2px;
    display: inline-block;
    width: 50px;
    line-height: 16px;
    max-height: 32px;
    text-align: center;
    overflow: hidden;
    vertical-align: middle
}

.online-ct .on-bd .contact-mod span a {
    display: inline-block;
    vertical-align: middle;
    margin: 0
}

.online-ct .fdzs {
    background-position: -50px -330px
}

.online-ct .tit a:hover .fdzs {
    background-position: -50px -376px
}

.nav_ul .second .a {
    padding: 0 30px
}

.nav_ul li.second .a span i {
    border: 6px solid #000;
    width: 0;
    height: 0;
    overflow: hidden;
    border-top-color: #fff;
    top: 9px;
    right: -16px;
    position: absolute;
    font-size: 0;
    line-height: 0
}

.nav_ul li.second_0 .a span i,.nav_ul li.hover .a span i {
    border: 6px solid #e60000;
    border-top-color: #fff
}

.nav_ul li .txt {
    background: #f6f6f6;
    width: 150px
}

.nav_ul li .txt p {
    padding-right: 10px
}

.second_div {
    height: 28px;
    line-height: 28px;
    position: relative;
    background: #f6f6f6
}

.second_txt {
    display: none;
    position: absolute;
    right: -150px;
    top: -1px;
    background: #fff;
    border: 1px solid #e6e6e6;
    width: 150px;
    padding: 5px 0
}

.nav_ul li .txt .second_div a,.nav_ul li .txt .second_div p {
    display: block;
    height: 28px;
    line-height: 28px;
    overflow: hidden
}

.second_div.on .t a {
    background: url(http://www.ypshop.net/images/product_an/second_div.png) no-repeat right center
}

.second_div.hover {
    color: #e60000
}

.second_div.hover .t {
    background: #fff;
    position: relative;
    z-index: 11
}

.second_div.hover .t a,.nav_ul li .txt a:hover {
    color: #e60000
}

.second_div.on.hover .second_txt {
    display: block
}

.second_div.on.hover {
    width: 152px
}

.nav_ul li .txt .aa a font {
    color: #696969
}

.gyxx ul.supply_ul {
    padding: 0 8px
}

.gyxx ul.supply_ul li {
    margin-bottom: 0
}

.gyxx ul.supply_ul li a {
    background: 0;
    padding-left: 6px;
    height: 30px;
    line-height: 30px;
    font-weight: normal
}

.supply_ul * {
    overflow: hidden
}

.supply_ul li {
    height: 30px;
    line-height: 30px
}

.supply_ul li span {
    display: block;
    width: 4px;
    height: 4px;
    float: left;
    margin: 13px 5px 13px 0;
    background: #b2b2b2
}

.supply_ul li {
    height: auto;
    line-height: 30px
}

.supply_ul li .t {
    height: 30px
}

.supply_ul li .txt {
    padding-left: 17px
}

.supply_ul li .txt a {
    color: #696969
}

.supply_ul li .txt a:hover {
    color: #e60000
}

.supply_ul li .t span {
    width: 9px;
    height: 9px;
    margin: 10px 5px 10px 0;
    background: #fff url(http://www.ypshop.net/images/product_an/supply.png) no-repeat center 0;
    cursor: pointer
}

.supply_ul li .t:hover span {
    background-position: center 0
}

.supply_ul li .t.hover span {
    background-position: center -10px
}

.supply_ul li .t.hover:hover a,.supply_ul li .t:hover a {
    color: #e60000
}

.gyxx .supply_ul li .t span {
    margin: 9px 0 0 8px
}

.supply_more {
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    color: #333
}

.supply_more a {
    position: relative;
    padding-right: 6px
}

.supply_more a font {
    color: #696969
}

.supply_more a i {
    border: 5px solid #fff;
    width: 0;
    height: 0;
    overflow: hidden;
    border-left-color: #333;
    top: 6px;
    right: 0;
    position: absolute;
    font-size: 0;
    line-height: 0
}

.supply_more a:hover i {
    border-left-color: #e60000
}

.qgnr_js dl.mgb5 {
    margin-bottom: 5px
}

.qyzz .cates-pic-0 ul li {
    float: left;
    margin-right: 18px
}

.pro-sup li dd.price {
    height: 23px
}

.gyxx .hidenstate {
    height: 242px
}

.qgnr_js dl.dlht_auto dd p:first-child img {
    padding-top: 16px
}

.prtj .scroll_0 {
    background: #fff;
    padding: 30px 0 0;
    border: 1px #e6e6e6 solid;
    border-top: 1px #000 solid
}

.prtj .scroll {
    max-height: 552px;
    padding-left: 5px;
    overflow: hidden
}

.prtj .scroll ul {
    border: 0;
    padding: 0
}

#boxs {
    max-height: 552px;
    overflow: hidden
}

.vertical-img img {
    max-height: 570px;
    max-width: 700px
}

.cates-pic-0 ul li a.zzwz_xz {
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    overflow: hidden;
    display: block
}

.qgxq_xz .vertical-img {
    margin-left: 136px;
    width: 688px;
    max-height: 688px
}

.qgxq_xz .vertical-img img {
    max-height: 688px !important;
    max-width: 688px !important
}

.mod-detail .vertical-img img {
    max-height: 400px;
    max-width: 400px
}

.mod-detail .picTab .vertical-img img {
    height: 65px;
    width: 65px
}

.text-detail,.text-detail * {
    max-width: 886px !important
}

.text-detail img {
    max-width: 886px !important
}

.text-detail h2 {
    font-size: 22px;
    font-weight: normal
}

.xcxq .big-pic .vertical-img {
    max-width: 864px;
    max-height: 570px;
    overflow: hidden;
    border: 0
}

.fl-locate .vertical-img {
    height: 570px
}

.l-gallery h2,.llfs_dt dd span.inbk,.logo .h1_box .h1 h1 {
    display: inline-block;
    color: #333
}

.logo .h1_box .h1 .e_code {
    display: inline-block
}

.ft a {
    color: #b2b2b2
}

.pdsx {
    padding-bottom: 20px
}

.show_window {
    background: 0
}

.show_window .place {
    height: 27px;
    padding: 20px 0 0;
    margin-bottom: -12px
}

.pro_rec {
    padding: 0
}

.pro_rec li {
    width: 175px;
    padding: 0 19px 0 0
}

.pro_rec li img {
    width: 173px !important;
    height: 173px !important
}

.pro_rec li dt a {
    width: 173px;
    height: 173px
}

.sup_empty {
    margin-bottom: 10px;
    color: #333;
    font-weight: bold
}

.guide_pro p {
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0 15px
}

.guide_pro p a {
    color: #e60000
}

.guide_pro p a:hover {
    text-decoration: underline
}

.guide_pro p.lan {
    font-weight: normal;
    padding: 15px 0 20px
}

.guide_pro p.lan a {
    color: #0f69dc
}

.guide_pro p.lan a:hover {
    color: #0f69dc;
    text-decoration: underline
}

.guide_pro dl {
    background: #f9f9f9;
    padding: 20px;
    line-height: 22px;
    margin-right: 20px
}

.guide_pro dl dt {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px
}

.guide_pro dl dd {
    float: left;
    width: 360px
}

.guide_pro dl dd.first {
    width: 486px !important
}

.guide_pro dl dd span.num,.guide_pro dl dd div {
    display: inline-block;
    vertical-align: top;
    color: #999;
    font-size: 12px
}

.guide_pro dl dd span.num {
    background: #0f69dc;
    color: #fff;
    border-radius: 10px;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-right: 6px;
    line-height: 20px
}

.guide_pro dl dd div span {
    font-size: 14px;
    color: #333
}

.pic-group .pic-box .pic-cont .qualification-list .current a {
    border: 1px solid #333
}

.xunpan {
    border: 1px #e6e6e6 solid;
    border-top-color: #000;
    background: #fff
}

.login_no {
    background: #f6f6f6;
    padding: 30px 50px;
    height: px
}

.tsw {
    background: url(http://www.ypshop.net/images/wrong.png) no-repeat;
    width: 68px;
    height: 68px;
    display: inline-block;
    margin-right: 10px;
    float: left
}

.login_no dl {
    float: left
}

.login_no dt {
    font-size: 18px;
    color: #e60000;
    font-weight: bold;
    margin-bottom: 5px
}

.login_no dd {
    font-size: 14px;
    color: #000;
    line-height: 22px
}

.login_no dd a {
    width: 90px;
    height: 36px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    margin-right: 10px;
    background: #e60000;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    margin-top: 15px
}

.login_no dd a.glzcl {
    border: 1px #e60000 solid;
    background: #f6f6f6;
    color: #e60000;
    width: 88px;
    height: 34px;
    line-height: 34px
}

.login_no dd a:hover {
    background: #d20000;
    color: #fff
}

.xp_con {
    padding: 50px 0 0 56px
}

.xp_tit {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 22px
}

.xunpan .controls-mod {
    padding-bottom: 13px;
    line-height: 1.8;
    font-family: Microsoft YaHei
}

.xunpan .controls-mod .c1,.xunpan .controls-mod .c2,.xunpan .controls-mod .c3 {
    float: left
}

.xunpan .controls-mod .c1,.xunpan .controls-mod .c2 {
    margin-right: 12px
}

.xunpan .c1 {
    width: 145px;
    color: #000;
    font-size: 14px;
    text-align: right;
    height: 36px;
    line-height: 36px
}

.xunpan .c2 {
    padding-right: 0;
    line-height: 36px;
    font-size: 14px
}

.xunpan .c2 span {
    height: 36px;
    line-height: 36px
}

.xunpan .requried {
    font-size: 14px;
    color: #e60000 !important
}

.check-box {
    line-height: 36px;
    position: relative;
    padding-right: 10px;
    padding-left: 0;
    cursor: pointer
}

.xunpan input,.xunpan input[type="checkbox"] {
    vertical-align: sub;
    *vertical-align: middle;
    font-family: Microsoft YaHei;
    margin: 0 4px 0 0;
    width: auto;
    opacity: 1;
    position: initial;
    left: 0;
    top: 1px;
    outline: 0
}

.xunpan input[type="checkbox"] {
    opacity: 0
}

.xunpan .c2 label.check-box i {
    display: inline-block;
    border: 1px solid #dadada;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px
}

.xunpan .controls-mod .c3 {
    padding-right: 10px
}

.xunpan .controls-mod .c3 .icon {
    display: none;
    color: #e60000
}

.xunpan .controls-mod .c3 .icon-danger-mini {
    background-position: -342px -245px;
    padding: 0 0 0 20px;
    line-height: 36px
}

.xunpan .controls-mod .c3 .icon-success-mini {
    margin-top: 7px;
    height: 5px
}

.icon.icon-success-mini {
    padding: 7px;
    line-height: 14px;
    background-position: -27px -252px
}

.xunpan .c2 label.checked i {
    background: url(http://www.ypshop.net/images/chk_on.png) no-repeat center center
}

.xp_cp {
    color: #0059d6;
    line-height: 36px
}

.xp_cp a {
    color: #0059d6
}

.xp_cp a:hover {
    color: #d20000
}

.xunpan .cn-input,.xunpan .cn-input-0,.xunpan .cn-input-1,.xunpan .cn-input-2,.xunpan .cn-input-3,.xunpan textarea {
    width: 478px;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    border: 1px #e6e6e6 solid;
    border-radius: 3px;
    font-family: Microsoft YaHei
}

.xunpan .controls-mod .c2 .mouse_sr {
    border: 1px #0f69bc solid
}

.xunpan .controls-mod .c2 .error {
    border: 1px #e60000 solid
}

.xunpan .cn-input-0 {
    width: 120px;
    margin: 0 10px 0 0;
    float: left
}

.xunpan .cn-input-1 {
    width: 80px;
    float: left
}

.xunpan textarea {
    min-height: 170px;
    margin-bottom: 30px;
    outline: 0;
    margin-right: 5px
}

.xp_sub a {
    width: 260px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    display: block;
    background: #e60000;
    margin: 50px 0 55px 160px
}

.xunpan .cn-input-2 {
    width: 180px
}

.xunpan .cn-input-3 {
    width: 280px
}

.xunpan .yzm {
    margin: 0 0 0 7px;
    cursor: pointer
}

.xp_sub a:hover {
    background: #d20000;
    color: #fff
}

#enquiry_modal .modal-dialog {
    margin-left: -300px;
    margin-top: -334px
}

.modal-header {
    border: 0
}

#enquiry_modal {
    left: 0;
    bottom: 0
}

.modal.fade.in {
    top: 0
}

#enquiry_modal .modal-content {
    border-radius: 0
}

#buyamount {
    margin: 0
}

.cai_ion {
    display: inline-block;
    margin-left: 10px;
    width: 15px
}

.ion_tu {
    background: url(http://www.ypshop.net/images/cai_0.png) no-repeat 0 0;
    width: 15px;
    height: 15px;
    vertical-align: -webkit-baseline-middle;
    cursor: pointer;
    display: inline-block
}

.ion_wz {
    font-size: 12px;
    color: #333;
    background: url(http://www.ypshop.net/images/cai_1.png) no-repeat;
    width: 155px;
    padding: 3px 0 0 15px;
    height: 35px;
    margin: -27px 0 0 20px;
    line-height: 14px;
    position: absolute;
    z-index: 2;
    display: none
}

.cai_ion:hover .ion_tu {
    background-position: -30px 0
}

.cai_ion:hover .ion_wz {
    display: block
}

.video-list li {
    width: 205px;
    float: left;
    margin: 0 21px 10px 0
}

.video-list li dt {
    width: 205px;
    height: 128px;
    position: relative;
    margin-bottom: 11px
}

.video-list li dt i {
    width: 46px;
    height: 46px;
    background: url(http://www.ypshop.net/images/video-hover.png) left top no-repeat;
    position: absolute;
    left: 81px;
    top: 41px;
    display: none
}

.video-list li dt:hover i {
    display: block
}

.video-list li dt a {
    width: 205px;
    height: 128px;
    display: block
}

.video-list li dt img {
    width: 205px;
    height: 128px;
    object-fit: cover
}

.video-list li dt span {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
    width: 198px;
    height: 26px;
    line-height: 26px;
    display: block;
    background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.5)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);
    background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);
    background: -ms-linear-gradient(top rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);
    background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0.5) 100%);
    text-align: right;
    font-size: 12px;
    color: #fff;
    padding-right: 7px
}

.video-list li dd.video-name {
    font-size: 14px;
    line-height: 20px;
    height: 40px;
    display: block;
    overflow: hidden
}

.video-list li dd.video-name a {
    color: #333
}

.video-list li dd.video-name a:hover {
    text-decoration: underline
}

.video-list li dd.video-condition {
    margin-top: 6px
}

.video-list li dd.video-condition span {
    margin-right: 15px;
    font-size: 14px;
    color: #999
}

.video-list li dd.video-condition span i {
    display: inline-block;
    margin-right: 5px
}

.video-list li dd.video-condition span i.number {
    width: 12px;
    height: 12px;
    background: url(http://www.ypshop.net/images/video-icon.png) left top no-repeat;
    vertical-align: -1px
}

.video-list li dd.video-condition span i.favorite {
    width: 14px;
    height: 12px;
    background: url(http://www.ypshop.net/images/video-favorite.png) left top no-repeat;
    vertical-align: -1px
}

.ltp_position .remove_aa {
    top: 22px
}

.llfs_dt .wechat-content {
    overflow: hidden
}

.llfs_dt .wechat-content em {
    float: left;
    font-style: normal
}

.llfs_dt .wechat-content span {
    float: left
}

.llfs_dt .wechat-content .wx-qrcode {
    float: left;
    margin-top: 5px;
    text-align: center
}

.llfs_dt .wechat-content .wx-tips {
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    margin-top: 6px
}

.online-cont .wechat-content {
    float: left;
    height: 27px;
    position: relative;
    margin-right: 3px;
    z-index: 1
}

.online-cont .qrcode-box {
    position: absolute;
    top: 27px;
    left: -12px;
    padding: 10px 16px;
    background-color: #fff;
    border: 1px solid #ececec;
    display: none;
    z-index: 1
}

.online-cont .qrcode-box span {
    display: block;
    text-align: center;
    line-height: 18px;
    margin-top: 4px
}

.hot_show {
    border-top: 1px solid #000;
    margin-bottom: 20px
}

.aad_box ul {
    margin-left: -30px
}

.aad_box ul li {
    width: 160px;
    padding-left: 30px
}

.mb_10 {
    margin-bottom: 10px
}

.mb_20 {
    margin-bottom: 20px
}

.place-top {
    padding: 12px 0 0 0
}

.ltp_position {
    position: relative;
    margin-top: -32px
}

.ltp_position img {
    width: 100%;
    float: left
}

.ltp_box {
    overflow: hidden
}

.ltp_box img {
    width: 100%;
    float: left
}

.screen1_li {
    position: relative;
    border: 1px solid #e6e6e6;
    background: #fff;
    overflow: hidden;
    padding: 5px 10px 5px 118px;
    min-height: 30px;
    line-height: 30px;
    width: 1062px;
    margin: 20px auto
}

.screen1_li .screen_title {
    height: 40px;
    position: absolute;
    left: 0;
    top: 0;
    width: 90px;
    text-align: right;
    line-height: 40px;
    color: #b2b2b2
}

.screen1_li .screen_ul {
    overflow: hidden;
    height: auto
}

.screen1_li .screen_ul li {
    float: left;
    height: 30px;
    width: 130px
}

.screen1_li .screen_ul li span {
    display: block;
    float: left;
    padding: 0 8px;
    height: 20px;
    line-height: 20px;
    background: #e60000;
    text-align: center;
    color: #fff;
    margin-top: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.screen1_li .screen_ul li a {
    padding-left: 8px
}

.pm_30 {
    padding-bottom: 30px
}

.link_show {
    padding: 15px 30px;
    border: 1px solid #e6e6e6;
    border-top: 2px solid #000;
    background: #fff;
    font-family: Microsoft YaHei
}

.link_show .title {
    font-size: 14px;
    font-weight: bold;
    height: 22px;
    line-height: 22px
}

.link_show .title span {
    float: left
}

.link_show .title .qq {
    display: inline-block;
    width: 91px;
    height: 22px;
    background: url(http://www.ypshop.net/images/qq.png) no-repeat;
    margin-left: 8px
}

.link_show .list {
    overflow: hidden;
    padding-top: 10px
}

.link_show .list * {
    overflow: hidden
}

.link_show .list li {
    width: 16.6%;
    float: left;
    height: 28px;
    line-height: 28px;
    font-size: 14px
}

.link_show .list li a {
    display: block;
    width: 140px;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 28px
}

.tianzhu_h {
    border-top: 1px solid #046ba6
}

.tianzhu_h .column_xx i {
    background: url(http://www.ypshop.net/images/tz_c.png) no-repeat center center
}

.custom-hotspot {
    overflow: hidden
}

.custom-hotspot .title,.cross .title,.banner-pic .title {
    width: 100%;
    height: 89px;
    margin: 0 auto;
    text-align: center;
    line-height: 89px;
    font-size: 24px;
    font-weight: bold;
    font-family: 'Microsoft Yahei';
    background-color: rgba(0,0,0,0.2)
}

.custom-hotspot .img-wrapper {
    position: relative;
    float: left;
    left: 50%
}

.custom-hotspot .img-wrapper img {
    position: relative;
    left: -50%
}

.logo .h1_box {
    position: relative
}

.logo .h1_box .h1 .titlecompany {
    position: relative;
    padding-right: 18px;
    padding-bottom: 10px
}

.logo .h1_box .h1 .titlecompany:after {
    content: "";
    border-top: 6px #666 solid;
    border-left: 6px transparent solid;
    border-right: 6px transparent solid;
    width: 0;
    height: 0;
    overflow: hidden;
    top: 13px;
    right: 0;
    position: absolute;
    font-size: 0;
    line-height: 0;
    -webkit-transition: -webkit-transform .2s ease-in;
    -webkit-backface-visibility: hidden;
    -moz-transition: -moz-transform .2s ease-in;
    -o-transition: -o-transform .2s ease-in;
    transition: transform .2s ease-in;
    left: inherit
}

.logo .h1_box .h1 .titlecompany:hover:after {
    border-top: 6px #e60000 solid
}

.xmtYears {
    font-size: 14px;
    color: #303030;
    padding-left: 5px
}

.xmtYears em {
    color: #ffb30f;
    font-size: 18px;
    font-weight: bold;
    padding: 0 8px
}

.logo .h1_box .merchant-dropdown .i {
    display: inline-block;
    height: 24px;
    width: 84px;
    position: relative;
    top: 4px;
    background: url(http://www.ypshop.net/images/membersignsB-middle.png) no-repeat;
    margin: 0
}

.logo .h1_box .merchant-dropdown .xmt_an {
    background-position: -1px -1px
}

.logo .h1_box .merchant-dropdown .tgt_an {
    background-position: -1px -115px
}

.logo .h1_box .merchant-dropdown .yqds_an {
    background-position: -1px -150px
}

.nameplate_box {
    position: absolute;
    left: 0;
    width: 464px;
    background: #fff;
    border: 1px solid #e8e8e8;
    padding: 20px;
    z-index: 9;
    display: none
}

.nameplate_box .title {
    line-height: 20px;
    font-size: 16px
}

.nameplate_box .title a {
    font-size: 16px !important
}

.Member_Id {
    display: inline-block;
    height: 16px;
    width: 59px;
    position: relative;
    top: 2px;
    background: url(http://www.ypshop.net/images/membersignsB-mini.png) no-repeat 0 0
}

.Member_Id.xmt {
    background-position: 0 0
}

.Member_Id.tgt {
    background-position: 0 -76px
}

.Member_Id.yqds {
    background-position: 0 -114px
}

.Member_Id.pt {
    background-position: 0 -57px
}

.nameplate_text {
    padding-top: 15px
}

.nameplate_l {
    width: 265px;
    float: left
}

.nameplate_text .business_xx li {
    padding: 0 0 3px 72px;
    font-size: 14px;
    line-height: 25px;
    min-height: 25px;
    position: relative
}

.nameplate_text .business_xx li em {
    font-weight: bold;
    color: #ffb30f;
    padding-right: 5px
}

.nameplate_text .business_xx li:last-child {
    padding: 0 0 16px 72px
}

.nameplate_text .business_xx li .t {
    position: absolute;
    left: 0;
    top: 0;
    color: #696969;
    margin-right: 0
}

.nameplate_text .business_xx li span {
    margin-right: 5px;
    display: inline-block;
    font-size: 14px
}

.nameplate_text .business_xx li .t span {
    padding: 0 5px;
    color: #e6e6e6;
    font-family: "宋体";
    display: none;
    margin-right: 0
}

.nameplate_text .business_xx li a {
    margin-right: 5px;
    display: inline-block;
    font-size: 14px !important
}

.nameplate_text .ioc_an div {
    display: block;
    margin: 5px 0;
    float: left;
    margin-right: 7px;
    height: 15px;
    position: relative;
    cursor: pointer
}

.ioc_an div span {
    display: block;
    height: 15px;
    line-height: 15px;
    background: #ffb30f;
    color: #fff;
    position: absolute;
    top: -22px;
    text-align: center;
    left: 50%;
    z-index: 999;
    display: none;
    font-size: 12px;
    width: 70px;
    margin-left: -34px
}

.ioc_an div span i {
    border: 4px solid rgba(255,255,255,0);
    width: 0;
    height: 0;
    overflow: hidden;
    border-top-color: #ffb30f;
    bottom: -8px;
    right: 50%;
    margin-left: -2px;
    position: absolute;
    font-size: 0;
    line-height: 0
}

.ioc_an .zs span {
    width: 114px;
    margin-left: -57px
}

.ioc_an .iy span {
    width: 90px;
    margin-left: -45px
}

.nameplate_l .Not_opened {
    display: inline-block;
    height: 26px;
    line-height: 26px;
    padding: 0 15px 0 90px;
    background: url(http://www.ypshop.net/images/membersignsB-middle-no.png) no-repeat 0 -29px;
    font-size: 14px;
    color: #696969
}

.nameplate_text .ioc_an div {
    width: 18px;
    height: 18px;
    background: url(http://www.ypshop.net/images/icon.png) no-repeat;
    margin-right: 3px
}

.nameplate_text .ioc_an div span {
    background: #2778e0;
    padding: 3px;
    top: -27px;
    display: none
}

.nameplate_text .ioc_an .id span {
    width: 90px;
    margin-left: -45px
}

.nameplate_text .ioc_an div span i {
    border-top-color: #2778e0
}

.nameplate_text .ioc_an .zs {
    background-position: 0 -313px
}

.nameplate_text .ioc_an .xx {
    background-position: -52px -313px
}

.nameplate_text .ioc_an .sj {
    background-position: -26px -313px
}

.nameplate_text .ioc_an .wx {
    background-position: -142px -313px
}

.nameplate_text .ioc_an .id {
    background-position: -232px -313px
}

.nameplate_l .bottom {
    padding-top: 10px;
    border-top: 1px solid #f0f0f0;
    margin-top: 5px;
    position: relative
}

.nameplate_l .bnt {
    display: inline-block;
    border-radius: 3px;
    background: #e60000;
    min-width: 90px;
    height: 26px;
    line-height: 26px;
    font-size: 14px !important;
    color: #fff;
    text-align: center;
    margin-right: 15px
}

.nameplate_l .bnt:hover {
    background: #d20000
}

.nameplate_r {
    width: 160px;
    float: right;
    padding-left: 10px
}

.nameplate_r.license a {
    display: block;
    margin: 0 auto;
    width: 138px;
    border: 1px solid #ebebeb;
    position: relative;
    overflow: hidden
}

.nameplate_r.license a img {
    margin: 0;
    width: 100%
}

.nameplate_r.license a span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    background: rgba(0,0,0,0.6)
}

.grade_ico {
    padding-left: 23px;
    position: relative;
    font-size: 14px;
    line-height: 28px;
    font-weight: bold;
    display: inline-block
}

.grade_ico i {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -11px;
    width: 22px;
    height: 22px;
    background: url(http://www.ypshop.net/images/level-icon.png) 0 0 no-repeat
}

.grade_ico.zc {
    color: #2e7de2
}

.grade_ico.zc i {
    background-position: 0 -91px
}

.grade_ico.ym {
    color: #6a462a
}

.grade_ico.ym i {
    background-position: -25px -91px
}

.grade_ico.ht {
    color: #1d1313
}

.grade_ico.ht i {
    background-position: -50px -91px
}

.grade_ico.qt {
    color: #1f3c1d
}

.grade_ico.qt i {
    background-position: -75px -91px
}

.grade_ico.by {
    color: #40577e
}

.grade_ico.by i {
    background-position: -100px -91px
}

.grade_ico.hj {
    color: #b77903
}

.grade_ico.hj i {
    background-position: -125px -91px
}

.grade_ico.hz {
    color: #a80a0a
}

.grade_ico.hz i {
    background-position: -150px -91px
}

.nameplate_text .business_xx {
    min-height: 145px
}

.Water_drop {
    display: block;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #939393
}

.Water_drop img {
    float: left;
    margin-top: 0;
    margin-right: 5px
}

.Water_drop a,.Water_drop a:hover {
    color: #939393;
    font-size: 12px !important
}

.nameplate_l .bottom .Water_drop {
    position: absolute;
    top: 8px;
    right: 15px;
    right: -205px
}

.nameplate_l .bottom .Water_drop img {
    float: left !important;
    margin-top: 0 !important
}

.hidden_qualification {
    position: relative
}

.hidden_qualification .q_himg {
    background: url(http://www.ypshop.net/images/license.jpg) no-repeat;
    width: 280px;
    height: 280px;
    display: inline-block;
    margin: 0 auto 16px;
    border: 1px #e6e6e6 solid
}

.hidden_qualification .q_layer {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 260px;
    height: 260px;
    background: rgba(132,132,132,0.5);
    border-radius: 8px
}

.hidden_qualification i {
    background: url(http://www.ypshop.net/images/qualification_hidden.png);
    display: block;
    width: 41px;
    height: 33px;
    margin: 80px auto 10px
}

.hidden_qualification p.q_title {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 2px #696969
}

.hidden_qualification p.q_text {
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 1px 2px #696969
}

.hidden_qualification .zzwz_xz {
    font-size: 14px;
    display: block;
    line-height: 20px;
    height: 20px
}

.Supplier_entry {
    width: 1190px;
    margin: 10px auto;
    height: 100px;
    line-height: 100px;
    overflow: hidden;
    font-size: 44px;
    color: #eec28f;
    background: url(http://www.ypshop.net/images/Supplier_entry.jpg) no-repeat
}

.Supplier_entry a {
    display: block;
    height: 100px
}

.Supplier_entry .txt {
    text-align: center;
    padding: 0 330px 0 110px;
    font-weight: bold;
    text-shadow: 5px 3px 3px #1d1c1d;
    font-style: italic;
    color: #eec28f;
    font-family: "Microsoft YaHei"
}

.Supplier_entry .txt span {
    padding-left: 20px
}

.shop-detail.message {
    padding-bottom: 20px
}

.slsj-bj {
    background: url(http://www.ypshop.net/images/slsj-bj.jpg) no-repeat center 0
}

.slsj-bj .mfdt {
    opacity: 0;
    width: 356px;
    height: 240px
}

.slsj-bj .mfdt img {
    display: none
}

.elec-license {
    padding-top: 8px
}

.elec-license img {
    width: 32px;
    height: auto
}

.mian-line .classify .current a {
    background: #ed6f2d
}

.mian-line .classify ul li {
    height: 25px;
    position: relative
}

.mian-line .classify ul li a {
    background-image: none !important;
    position: relative
}

.mian-line .classify .current a {
    background: 0;
    color: #333
}

.mian-line .classify .current>a {
    background: #ed6f2d;
    color: #fff
}

.mian-line .classify ul li a .txt {
    display: block;
    max-width: 62%;
    height: 25px;
    overflow: hidden;
    float: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mian-line .classify ul li>a:hover,.mian-line .classify ul li:hover>a {
    background: #ed6f2d !important;
    color: #fff
}

.mian-line .classify ul li.arrow>a:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3.5px;
    right: 5px;
    width: 13px;
    height: 7px;
    background: url(http://www.ypshop.net/images/arrow.png?t=20201013) no-repeat 0 -7px
}

.mian-line .classify .current.arrow>a:after {
    background-position: 0 -14px
}

.mian-line .classify ul li.arrow:hover>a:after {
    background-position: 0 0
}

.mian-line .classify ul li .down {
    position: absolute;
    max-width: 100%;
    left: 0;
    right: 0;
    top: 25px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-top-color: #ed6f2d;
    z-index: 5;
    padding: 5px 0;
    display: none
}

.mian-line .classify ul li .down p {
    padding: 5px 0
}

.mian-line .classify ul li:hover .down {
    display: block
}

.mian-line .classify ul li .down p .current,.mian-line .classify ul li .down p a:hover {
    color: #ed6f2d
}

.mian-line .classify.hidenstate {
    height: auto;
    overflow: visible
}

.header-wrapper {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0
}

.header-wrapper .header {
    width: 1190px;
    height: 68px
}

.header-wrapper .china-logo {
    float: left;
    padding: 17px 0 16px 0
}

.header-wrapper .company-wrapper {
    position: relative;
    float: left;
    margin-left: 23px;
    padding: 14px 0 0px 20px
}

.header-wrapper .company-wrapper:before {
    content: '';
    position: absolute;
    left: 0;
    width: 1px;
    top: 19px;
    height: 36px;
    background-color: #ececec
}

.header-wrapper .company-wrapper .icon-slsj-name {
    margin-top: 5px
}

.header-wrapper .company-wrapper .company-wrap {
    height: 21px
}

.header-wrapper .company-wrapper .mt-10 {
    margin-top: 10px
}

.header-wrapper .company-wrap .company-name {
    position: relative;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    padding-right: 20px
}

.header-wrapper .company-wrap .company-name:after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    width: 0;
    height: 0;
    border-top: 6px solid #666;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
	display:none;
}

.header-wrapper .company-wrap .pro-qrcode {
    float: left !important;
    margin-left: 7px;
    margin-top: 3px
}

.header-wrapper .company-wrap .pro-qrcode>img {
    display: block
}

.header-wrapper .company-wrapper .member-wrap {
    height: 24px;
    margin-top: 3px
}

.header-wrapper .member-wrap .Member_Id {
    vertical-align: 6px
}

.header-wrapper .member-wrap .joined-years {
    color: #333;
    font-size: 14px;
    line-height: 1;
    margin: 0 5px;
    vertical-align: 6px
}

.header-wrapper .member-wrap .joined-years strong {
    font-size: 18px
}

.header-wrapper .search-warp {
    padding-top: 17px;
    max-width: inherit
}

.header-wrapper .search-warp .tab-cont-1 {
    height: 35px
}

.header-wrapper .search-warp .sub-btn {
    height: 35px;
    width: 89px;
    outline: 0;
    font-weight: normal
}

.logo_bj .contact-wrapper {
    float: right;
    margin-top: 12px
}

.header-wrapper[theme="dark"] {
    background-color: #ed6f2d;
    border-bottom-color: #ed6f2d
}

.header-wrapper[theme="dark"] .company-wrapper:before {
    background-color: #f17070
}

.header-wrapper[theme="dark"] .company-wrap .company-name {
    color: #fff
}

.header-wrapper[theme="dark"] .company-wrap .company-name:after {
    border-top-color: #fff
}

.header-wrapper[theme="dark"] .company-wrap .collection_btn {
    color: #e60000;
    background-color: #fff
}

.header-wrapper[theme="dark"] .company-wrap .collection_btn i {
    background-image: url('http://www.ypshop.net/images/sc_red.png')
}

.header-wrapper[theme="dark"] .search-warp .sub-btn {
    color: #fff;
    background-color: #333
}

.header-wrapper[theme="dark"] .member-wrap .joined-years {
    color: #fff
}

.logo_bj .custom-signboard {
    width: 100%;
    height: 120px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: height .3s linear
}

.album-listV2 {
    margin-left: -15px;
    padding-right: 20px
}

.album-listV2 li {
    float: left;
    width: 25%;
    padding-bottom: 20px
}

.album-listV2 li .pa {
    position: relative;
    margin-left: 15px;
    padding-bottom: 6px
}

.album-listV2 li .pa:before,.album-listV2 li .pa:after {
    content: "";
    position: absolute;
    background: #fafafa;
    height: 2px;
    border: 1px solid #e6e6e6
}

.album-listV2 li .pa:before {
    width: 94%;
    bottom: 3px;
    left: 3%
}

.album-listV2 li .pa:after {
    width: 90%;
    bottom: 0;
    left: 5%
}

.album-listV2 li .box {
    border: 1px solid #e6e6e6;
    background: #fafafa;
    position: relative;
    z-index: 2;
    padding: 15px 15px 7px 15px;
    text-align: center
}

.album-listV2 li .box img {
    width: 100%;
    height: 177px;
    object-fit: contain
}

.album-listV2 li .box .title {
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 10px
}

.album-listV2 li .box .txt {
    font-size: 12px;
    color: #999;
    line-height: 20px
}

.aiqicha-data {
    line-height: 25px;
    padding-top: 10px
}

.aiqicha-data .aiqicha {
    font-size: 14px;
    color: #696969;
    line-height: 25px;
    display: inline-block;
    padding-right: 70px;
    background: url(http://www.ypshop.net/images/aqc.png) no-repeat right center
}

.enterprise-more {
    color: #696969;
    padding: 10px 0;
    display: inline-block
}

.mod-detail-bd .l-gallery .video-box {
    position: relative;
    width: 400px;
    height: 400px;
    z-index: 2
}

.mod-detail-bd .l-gallery .video-box .close-btn {
    position: absolute;
    width: 51px;
    height: 51px;
    top: 0;
    right: 0;
    background: url(http://www.ypshop.net/images/product_an/close2.png) no-repeat center;
    background-size: 80%;
    cursor: pointer;
    z-index: 1
}

.mod-detail-bd .l-gallery .video-box+.vertical-img {
    display: none
}

.mod-detail-bd .l-gallery .vertical-img .watchVideo {
    position: absolute;
    left: 25px;
    bottom: 25px;
    width: 50px;
    height: 50px;
    border: 3px solid #fff;
    border-radius: 50px;
    background: rgba(0,0,0,0.7) url(https:http://www.ypshop.net/images/video/playN.png) center center no-repeat;
    background-size: 40%;
    cursor: pointer;
    z-index: 9
}

.video-box .prism-player .prism-big-play-btn {
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50% !important;
    bottom: auto !important;
    margin-left: -50px;
    margin-top: -50px;
    border-radius: 50px;
    background: rgba(0,0,0,0.7) url(http://www.ypshop.net/images/video/playN.png) center center no-repeat
}

.video-box .prism-player .prism-big-play-btn .outter {
    top: -4px;
    left: -4px;
    width: 105px;
    height: 105px;
    border: 4px solid rgba(255,255,255,5)
}

.video-box .prism-player .prism-cover {
    background-color: rgba(0,0,0,0.9);
    background-size: contain
}

.text-detail .video-box {
    width: 600px;
    height: 400px;
    margin: 10px auto;
    white-space: normal !important
}

.text-detail .video-tips {
    font-size: 14px;
    font-weight: bold;
    height: 40px;
    background: #ffebeb;
    border-radius: 5px;
    line-height: 40px;
    padding-left: 20px;
    margin-bottom: 20px
}

.text-detail .video-tips p {
    line-height: 40px
}

.text-detail .video-tips p span {
    display: inline-block;
    width: 25px;
    height: 15px;
    margin-right: 10px;
    vertical-align: -2px;
    background: url(http://www.ypshop.net/images/video/tips.png) left top no-repeat
}

.text-detail .video-tips p a {
    color: #000
}