@charset "utf-8";
/*******CSS commont*************/
*{margin:0;padding:0;border:0;outline:medium;text-shadow:none;text-decoration:none;}
p,dl,ol,ul{ margin:0;padding: 0;}
ol,ul{list-style:none;}
img {image-rendering:-moz-crisp-edges;image-rendering:-o-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;}
/*******CSS reset*************/
body{ background:#f5f5f5; overflow-x: hidden; color:#000; font-size: 14px; overflow-x: hidden; overflow-y: auto;}
 
a{ color:#000; text-decoration:none; cursor: pointer; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; }
a:hover{ text-decoration: none; color:#00ceaf; }
.imgbox {position:relative;overflow:hidden;width:100%;}
.imgbox:after {content:'';display:block;padding-top:75%;}
.imgbox img { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:.36s width; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
.imgbox:hover img{width:110%;transition:.36s width;}
.imgboxs{position:relative;overflow:hidden;width:100%;}
.imgboxs:after {content:'';display:block;padding-top:100%;}
.imgboxs img { width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:.36s width; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); }
.imgboxs:hover img{ width:110%; transition:.36s width; -webkit-transition:.36s width; -moz-transition:.36s width; -ms-transition:.36s width; -o-transition:.36s width; }
.ln1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ln2{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.ln3{
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.banners{ position: relative; padding-bottom: 26px;}
#banners{ overflow: hidden; position: relative;}
#banners .swiper-pagination{ bottom: 22%; left: 0px; text-align: left; padding-left: 5%;}
#banners .swiper-pagination-bullet{ background: none; border: solid 1px #fff; opacity: 1;}
#banners .swiper-pagination-bullet-active{ background: #fff;}
#banners img{ width: 100%;}
.tzgg{ width: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 3; padding: 0px 10px;}
.tzggc{ position: relative; height: 52px; line-height: 52px; padding: 0px 12px 0px 100px; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.tzgg-tt{ font-size: 20px; font-weight: bold; position: absolute; top: 0px; left: 12px;}
.tzgg-cc{ overflow: hidden; height: 52px;}
.tzgg-cc a{ color: rgba(0, 0, 0, 0.6);}
.tzgg-cc a:hover{ color: #00ceaf;}
.wrapper{ padding: 0px 10px 0px 10px;}
.ymyy{ display: flex; align-items: center; justify-content: space-between; margin: 10px auto 0px;}
.ymyy-cc{ width: 48.8%;}
#ymyy-cc1 a{ width: 100%; float: left; height: 170px; position: relative; background: #00ceaf; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.ymyy-cc-tt{ font-size: 18px; color: #fff; height: 28px; line-height: 28px; margin: 20px 12px 0px 12px; padding: 0px 30px 0px 0px; position: relative;}
.ymyy-cc-tt span{  color: #07C6A9; position: absolute; font-size: 14px; right: 0px; top: 50%; margin-top: -9px; width: 18px; text-align: center; height: 18px; line-height: 18px; background: #fff; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.ymyy-cc-ft{ color: #fff; height:22px; line-height: 22px; margin: 4px 36px 0px 12px;}
.ymyy-cc-img{ max-width: 60%; position: absolute; right: 0px; bottom: 0px;}
#ymyy-cc2 a{ width: 100%; float: left; height: 80px; padding: 8px 0px 0px 0px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
#ymyy-cc2-a1{ background: #62a9ff;}
#ymyy-cc2-a2{ background: #fe918e; margin-top: 10px;}
.ymyy-cc2-tt{ height: 28px; line-height: 28px; color: #fff; font-size: 16px; position: relative; padding-right: 60px; margin-left: 10px;}
.ymyy-cc2-tt span{ text-align: center; position: absolute; right: 10px; top: 50%; margin-top: -9px; width: 54px; height: 18px; line-height: 18px; background-repeat: no-repeat; background-size: cover; color: #fff; font-size: 12px;}
.ymyy-cc2-ft{ color: #fff; height:22px; line-height: 22px; margin: 4px 16px 0px 10px;}
#ymyy-cc2-a1 .ymyy-cc2-tt span{ background-image: url(../images/m_bg1.png);}
#ymyy-cc2-a2 .ymyy-cc2-tt span{ background-image: url(../images/m_bg2.png);}
.rmyy{ padding: 12px 12px 20px 12px; margin: 10px auto 0px; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.rmyy-tt{ height: 32px; line-height: 32px; overflow: hidden; }
.rmyy-tt-a1{ float: left; font-size: 20px; font-weight: bold;}
.rmyy-tt-a2{ float: right; color: rgba(0, 0, 0, 0.6);}
.rmyy-cc{ overflow: hidden; margin-top: 10px;}
.rmyy-cc a{ text-align: center; padding: 10px 8px; width: 100%; float: left; background: #f6f7f9; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.shops-img{ width: 60%; margin: 0px auto 0px;}
.shops-txt{ height: 32px; line-height: 32px; }
.shops-mm span{ font-size: 14px; display: inline-block; transition: all 0.3s ease-out 0s; background: #c5c6c7; color: #fff; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.rmyy-cc a:hover .shops-mm span{ background: #00ceaf;}
.jzjz{ margin: 10px auto 0px; display: flex; align-items: center; justify-content: space-between;}
.jzjz a{ padding: 10px; display: flex; align-items: center; justify-content: space-between; width: 48.8%; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
#jzjz-a1{ background: #f8ebd8;}
#jzjz-a2{ background: #ccefea;}
.jzjz-txt{ width: 62%;}
.jzjz-img{ width: 36%;}
.jzjz-img img{ max-width: 100%;}
.jzjz-txt-tt{ font-size: 15px;}
.jzjz-txt-ft{ font-size: 12px;}
.jzjz-txt-mm{ margin-top: 4px; overflow: hidden;}
.jzjz-txt-mm span{ background-repeat: no-repeat; background-size: cover; transition: all 0.3s ease-out 0s; color: #fff; float: left; width: 60px; height: 20px; line-height: 20px; font-size: 12px; text-align: center;}
#jzjz-a1 .jzjz-txt-tt{ color: #a94e29;}
#jzjz-a1 .jzjz-txt-ft{ color: rgba(169, 78, 41, 0.6);}
#jzjz-a1 span{ background-image: url(../images/m_bg3.png);}
#jzjz-a2 .jzjz-txt-tt{ color: #287166;}
#jzjz-a2 .jzjz-txt-ft{ color: rgba(40, 113, 102, 0.6);}
#jzjz-a2 span{ background-image: url(../images/m_bg4.png);}
.jzjz a:hover .jzjz-txt-mm span{ margin-left: 8px;}
.jkzs{ padding: 12px 12px 20px 12px; margin: 10px auto 0px; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.jkzs-cc{ overflow: hidden; margin-top: 6px;}
.jkzs-cc a{ width: 100%; float: left; height: 32px; line-height: 32px; position: relative; padding-left: 20px;}
.jkzs-cc a::before{ content: ''; width: 6px; height: 6px; transition: all 0.3s ease-out 0s; border-radius: 50%; background: #00ceaf; position: absolute; left: 2px; top: 50%; margin-top: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.jkzs-cc a:hover::before{ background: #ff2425;}
.jkzs-cc a:hover{ color: #ff2425;}
.zsdb{ text-align: center; margin: 0px auto 66px auto; padding: 0px 12px;}
.zsdbc{ position: relative; }
.zsdbc::before{ content: ''; width: 100%; height: 1px; background: #E4E4E4; position: absolute; top: 50%; left: 0px; }
.zsdbc span{ position: relative; z-index: 1; background: #f5f5f5; color: rgba(0, 0, 0, 0.2); display: inline-block; height: 60px; line-height: 60px; padding: 0px 36px;}
.footernav{ padding: 6px 0px 8px 0px; display: flex; text-align: center; align-items: center; justify-content: space-between; width: 100%; background: #fff; border-top: solid 1px #F0EFEF; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); position: fixed; left: 0px; bottom: 0px; z-index: 999;}
.footernav-item{ flex:1;}
.footernav a{ color:#999;}
.footernp1{ font-size: 22px; line-height: 28px;}
.footernav a:hover{ color: #00ceaf;}
.footernav a.on{ color: #00ceaf;}
.footernavs{ padding: 6px 0px 8px 0px; display: flex; text-align: center; align-items: center; justify-content: space-between; width: 100%; background: #fff; border-top: solid 1px #F0EFEF; box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.1); position: fixed; left: 0px; bottom: 0px; z-index: 999;}
.footernavs-left{ width: 60%;}
.footernavs-left a{ width: 33.3%; float: left; color: #999;}
.footernavs-btn{ height: 40px; line-height: 40px; border-radius: 24px; background: #00ceaf; color:#fff; width: 35%; margin-right: 2%; -webkit-border-radius: 24px; -moz-border-radius: 24px; -ms-border-radius: 24px; -o-border-radius: 24px; }
.footernavs-btn:hover{ background: #ff2425; color:#fff; }
.tcfw-cc{ transition: all 0.3s ease-out 0s; width: 130px; overflow: hidden; background:#f9f9f9; border-top-right-radius:8px; border-top-left-radius:8px; position: absolute; right: 0px; bottom: 64px; opacity: 0; transform: translateY(-200%); -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; }
.tcfw-cc a{ width: 100%; float: left; height: 36px; line-height: 36px; background: #fff; padding: 0px 12px; margin-bottom: 2px;}
.tcfw-cc.show{ opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }
.tcfw-cc a:hover{ color: #00ceaf;}
.tcfw-cc a.on{ color: #00ceaf; font-weight: bold;}
.page-banner{ background: url(../images/ban_bg.png) no-repeat; background-size: 100% 100%; position: relative; padding-bottom: 26px;}
.page-bannerc{ padding: 16px 12px 16px 12px; display: flex; align-items: center; justify-content: space-between;}
.page-banner-txt{ width: 60%; color: #fff;}
.page-banner-txt-tt{ font-size: 24px; font-weight: bold;}
.page-banner-txt-ft{ margin-top: 6px;}
.page-banner-txt-mm{ margin-top: 6px;}
.page-banner-img{ width: 39%; text-align: right;}
.mpage-banner{ background: url(../images/ban_bg.png) no-repeat; background-size: 100% 100%; position: relative; padding-bottom: 66px;}
.mpage-banner-txt{ width: 72%; color: #fff;}
.mpage-banner-img{ width: 24%; text-align: right;}
.mpage-bannerc{ padding: 10px 12px 10px 12px; display: flex; align-items: center; justify-content: space-between;}
.mem-info{ width: 100%; position: absolute; left: 0px; bottom: 0px; z-index: 2; padding: 0px 10px;}
.mem-infoc{ display: flex; align-items: center; justify-content: space-between; padding: 12px 12px; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.mem-infoc-img{ width: 50px; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
.mem-infoc-txt{ width: 78%; position: relative; padding-left:54px;}
.mem-infoc-txt-p1{ height: 24px; line-height: 24px;}
.mem-infoc-txt-p2{ height: 24px; line-height: 24px; color: #888;}
.mem-infoc-txt-tc{ color: #666; text-align: center; width: 20%;}
.mem-infoc-txt-tc-p2{ font-size: 12px;}
.mem-infoc-txt-tc-p1{ font-size: 18px;}
.myorder-tt{ overflow: hidden; height: 32px; line-height: 32px;}
.myorder-a1{ float: left; font-size: 18px; font-weight: bold;}
.myorder_a2{ float: right; color: #999;}
.myorder_a2:hover{ color: #00ceaf;}
.myorder_cc{ margin-top: 4px; display: flex; align-items: center; text-align: center; justify-content: space-between;}
.myorder_cc a{ flex: 1; }
.myorder_cc_p1{ font-size: 22px; color: #999;}
.myorder_cc_p2{ color: #666;}
.myorder_cc_p3{ color: #ff2425;}
.member-menus{ overflow: hidden;}
.member-menus a{ width: 100%; height: 48px; line-height: 48px; float: left; border-bottom: solid 1px #f5f5f5; display: flex; align-items: center; justify-content: space-between;}
.member-menus a span{ font-size: 15px;}
.member-menus a i{ color: #999;}
.member-menus a:hover i{ color: #00ceaf;}
.fwdzsj{ width: 100%; position: absolute; bottom: 0px; left: 0px; z-index: 3; padding: 0px 10px;}
.fwdzsjc{ display: flex; align-items: center; justify-content: space-between; position: relative; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.fwdzsjc a{ width: 50%; padding: 12px 60px 12px 12px; position: relative;}
.fwdzsj-tt{ font-weight: bold; font-size: 16px;}
.fwdzsj-dc{ color: #999; line-height: 18px; height: 36px; margin-top: 4px;}
.fwdzsjc a span{  transition: all 0.3s ease-out 0s; color: #fff; font-size: 16px; position: absolute; top: 50%; right: 12px; margin-top: -20px; text-align: center; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#fwdzsj-a1 span{ background: #0ac2a7;}
#fwdzsj-a2 span{ background: #3fa4fe;}
#fwdzsj-a1::after{ content: ''; width: 1px; height: calc(100% - 24px); background: #efefef; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#fwdzsj-a1 .fwdzsj-dc{ font-size: 12px;}
.fwdzsjc a:hover span{ transform: rotate(360deg); -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); }
.wrapper-content{ margin: 10px auto 0px; background: #fff; padding: 12px 12px 16px 12px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.rdpro1-video{ text-align: center; margin: 0px auto 16px; position: relative;}
.rdpro1-video #playVideo{ width: 100%; height: 100%; position: absolute; z-index: 10; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.play-btn{ width: 40px; height: 40px; background: url(../images/media-icon.png) no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: .26s all linear; cursor: pointer;}
.page-title{ text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 6px;}
.page-info{ text-align: center; height:24px; line-height: 24px; color:#999999; font-size: 12px; overflow: hidden; }
.page-info-c{ display: inline-block; }
.page-infoleft{ float: left; margin-left: 16px; }
.page-infoleft i{ margin-right: 4px; float: left; color: #a6a6a6;}
.page-infoleft span{ float: left; }
.page-lines{ margin: 10px auto; background: #f5f5f5; height: 1px; overflow: hidden;}
#infoImage{ margin: 0px auto 16px; }
.page-content{ line-height: 2; margin: 0px auto;}
.page-content img{max-width:100%;}
.page-content table {
    width:100%;
    margin:0 auto;
    border-width:1px;
    border-color: #f5f5f5 !important;
    border-collapse: collapse;
    box-sizing: border-box;
}
.page-content table th {
    border-width:1px;
    padding:6px;
    border-style: solid;
    border-color: #f1f1f1 !important;
    background-color: #dedede;
}
.page-content table td {
    border-width:1px;
    padding:6px;
    border-style: solid;
    border-color: #f1f1f1 !important;
}
.contact-content p{ padding: 8px 4px; margin-bottom: 5px; border-bottom: solid 1px #f5f5f5; }
.contact-content p a{ color: #ff2425; }
.contact-content p strong{ color: #ff2425; }
.page-return{ margin: 16px auto 0px; overflow: hidden;}
.page-return a{ float: right; background: url(../images/prev_next_icon.png) no-repeat left center; margin-right: 4px; padding-left: 22px; color: #ff2425;}
#newslist{ overflow: hidden;}
#newslist a{ width: 100%; height: 40px; line-height: 40px; float: left; border-bottom: solid 1px #f5f5f5; position: relative; padding-left: 14px; padding-right: 72px;}
#newslist a span{ color: #999; font-size: 12px; position: absolute; right: 0px; top: 0px;}
#newslist a::before{ content: ''; width: 6px; height: 6px; transition: all 0.3s ease-out 0s; border-radius: 50%; background: #00ceaf; position: absolute; left: 2px; top: 50%; margin-top: -3px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
#newslist a:hover::before{ background: #ff2425;}
#newslist a:hover{ color: #ff2425;}
#newslists{ overflow: hidden;}
#newslists a{ display: flex; align-items: center; justify-content: space-between; width: 100%; float: left; margin-top: 10px; padding: 10px; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.newslists-img{ width: 28%;}
.newslists-txt{ width: 70%;}
.newslists-txt-tt{ font-size: 16px;}
.newslists-txt-ft{ color: #999; font-size: 12px; margin-top: 6px;}
.newslists-txt-mm{ margin-top: 8px; overflow: hidden;}
.newslists-txt-mm span{ transition: all 0.3s ease-out 0s; float: left; text-align: center; width: 72px; height: 24px; line-height: 24px; background: url(../images/m_bg2.png) no-repeat; background-size: cover; color: #fff; font-size: 12px;}
#newslists a:hover .newslists-txt-mm span{ background: url(../images/m_bg4.png) no-repeat;}
.piclist{ overflow: hidden; }
.piclist a{ background: #fff; width: 100%; float: left; margin-bottom: 10px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.piclist_txt{ transition: all 0.3s ease-out 0s; position: relative; text-align: center; height: 42px; line-height: 42px; padding: 0px 10px;}
.piclist_txt::after{
    position: absolute;
    content: "";
    background: #00ceaf;
    height: 100%;
    width:100%;
    left: 0;
    bottom: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
    z-index: -1;
}
.piclist a:hover .piclist_txt::after { -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
    -o-transform: scaleX(1); transform: scaleX(1);
}
.piclist a:hover .piclist_txt{ color: #fff;}
.bbjzjh-tt{ display: flex; height: 46px; line-height: 46px; text-align: center; align-items: center; justify-content:space-between;}
.bbjzjh-tt-cc{ width: 50%; font-size: 16px; position: relative;}
.bbjzjh-tt-cc i{ width: 1px; height: 20px; background: #f5f5f5; position: absolute; top: 50%; margin-top: -10px; right: 0px;}
.bbjzjh{ position: relative;}
.bbjzjh::before{ content: ''; width: 1px; height: 100%; background: #00ceaf; position: absolute; top: 0px; left: 50%;}
.bbjzjh-item{ position: relative; z-index: 1; margin-bottom:10px;}
.bbjzjh-item-tt{ text-align: center; background: #fff; font-size: 15px;}
.bbjzjh-item-tt span{ display: inline-block; height: 28px; line-height: 28px; margin: 8px 0px; background: rgba(0, 206, 175, 0.1); padding: 0px 20px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; }
.bbjzjh-item-cc{ color: #999; display: flex; align-items: center; justify-content: space-between; margin-top: 6px;}
.bbjzjh-item-cc-left{ width: 48%; text-align: left;}
.bbjzjh-item-cc-right{ width: 48%; text-align: right;}
.bbjzjh-item-cc-cc{ margin-bottom: 10px; padding-bottom: 8px; border-bottom: solid 1px #f5f5f5;}
.popnews{ position:fixed; width:100%; height:100%; z-index:9999; left:0; top:0; overflow:hidden; visibility:hidden; transition:0.54s;}
.popbgs{ width:100%; height:100%; position:absolute; left:0; top:0; background:#000; filter:alpha(opacity=70); background:rgba(0,0,0,0.7); opacity:0; visibility:hidden; transition:0.54s 0.4s;}
.popclose{ width:40px; height:40px; position:fixed; left:30px; top:50%; margin-top:-20px; background:url(../images/close.png) center no-repeat; cursor:pointer; z-index:5; transition:all 0.42s; left:-50px;}
.popclose:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg);}
.poptext{ height:100%; position:absolute; width:calc(100% - 20px); left:100%; top:0; z-index:4; transition:0.58s;}
.popwrs{ background:#fff; height:100%; min-height:100%; overflow-y:auto; -webkit-overflow-scrolling:touch; overflow:scroll\9;}
.popwrs::-webkit-scrollbar,.serscoll::-webkit-scrollbar{ width:5px; height: 5px;}
.popwrs::-webkit-scrollbar-thumb,.serscoll::-webkit-scrollbar-thumb { border-radius:5px; background: #C0C0C0;}
.popwrs::-webkit-scrollbar-track,.serscoll::-webkit-scrollbar-track{border-radius: 5px;}
.popnews.show{visibility:visible;}
.popnews.show .popbgs{ opacity:1; visibility:visible; transition:0.65s;}
.popnews.show .popclose{ left:0px; transition:0.4s 0.3s left,0.4s transform;}
.popnews.show .poptext{ left:10px; right:10px;}
.popcom{ padding: 16px 12px;}
.popcom-tt{ font-size: 18px; text-align: center;}
.popcom-cc{ margin-top: 8px; line-height: 2; color: #444;}
.hsearch{ position: relative; height: 52px; line-height: 52px; padding: 0px 52px 0px 12px; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px;}
.keywords{ width: 100%; outline: none;  background: none; height: 52px;}
.hsearch_btn{ width: 40px; text-align: center;  font-size:18px; color: #555; position: absolute; right: 12px; top: 0px;}
#shopslist{ overflow: hidden;}
#shopslist a{ display: flex; align-items: center; justify-content: space-between; width: 100%; float: left; margin-top: 10px; padding: 10px 90px 10px 10px; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.shopslist-img{ width: 21%;}
.shopslist-txt{ width: 74%;}
.shopslist-txt-tt{ font-size: 16px;}
.shopslist-txt-dc{ color: #999; font-size: 12px; margin-top:2px;}
.shopslist-txt-mm{ transition: all 0.3s ease-out 0s; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); text-align: center; width: 66px; height: 22px; line-height: 22px; background: url(../images/m_bg4.png) no-repeat; background-size: cover; color: #fff; font-size: 12px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
#shopslist a:hover .shopslist-txt-mm{ background: url(../images/m_bg2.png) no-repeat;}
#shopslist a:hover{ color: #ff2425;}
#ms{ margin:22px auto 0px; text-align: center;}
#list-more{ border-radius: 4px; width: 100%; cursor: pointer; transition: all 0.3s ease-out 0s; padding: 12px 12px; display: inline-block; color:#fff; background:#00ceaf; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; }
#list-more:hover{ background:#ff2425; color: #fff; }
#list-more1{ width: 100%; cursor: pointer; display: inline-block; border: solid 1px #dedede; color:#999; padding: 12px 12px;}
.shopsinfo-c1{ color: #ff2425; line-height: 2;}
.shopsinfo-tt{ font-size: 17px; font-weight: bold;}
.shopsinfo-c2{ margin-top: 6px; line-height: 2;}
.shopsinfo-cs li{ position: relative; padding-left: 16px;}
.shopsinfo-cs li::before{ content: ''; width: 6px; height: 6px; background: #00ceaf; position: absolute; left: 0px; top: 50%; margin-top: -3px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.login-cc{ width: 100%;}
.login-cc span{ z-index: 2; background: none; text-align: center; font-size: 24px; width: 48px; line-height: 48px; height: 48px; position: absolute; top: 1px; left: 1px;}
.login-cc .layui-input{ height: 50px; padding-left: 50px;}
.login .layui-btn{ width: 100%; height: 50px; font-size: 16px; letter-spacing: 5px; background: #00ceaf;} 
.login .layui-btn:hover{ background: #ff2425; color: #fff;}
.login_fc{ text-align: right; color: #999;}
.login_fc a{ color: #999;}
.login_fc a:hover{ color:#ff2425;}
.register-cc-tt{ margin-bottom: 2px;} 
.register-cc-ccc{ line-height: 30px;}
.register-cc-ccc .layui-form-radio{ margin-top: 0px; margin-right: 0px;}
.register-cc .layui-btn{ width: 100%; }
.myorders-cls{ text-align: center; margin: 10px auto 0px; padding: 0px 10px; display: flex; align-items: center; justify-content: space-between; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.myorders-cls a{ flex: 1; height: 48px; line-height: 48px; position: relative;}
.myorders-cls a:hover{ color: #ff2425;}
.myorders-cls a::after{ content: ''; width: 0px; height: 2px; background: #ff2425; position: absolute; left: 50%; bottom: 0px; margin-left: -13px; transition: all 0.3s ease-out 0s;}
.myorders-cls a.on::after{ width: 26px;}
.myorders-cls a.on{ color: #ff2425;}
#myorderslist{ overflow: hidden;}
#myorderslist a{ width: 100%; float: left; background: #fff; padding: 10px; margin-top: 10px;}
.myorderslist-tt{ line-height: 34px; height: 34px; position: relative; padding-right: 90px; border-bottom: solid 1px #f5f5f5;}
.myorderslist-tt-zt{ position: absolute; right: 0px; top: 0px; color: #999;}
.myorderslist-tt-zt i{ font-size: 12px;}
.myorderslist-cc{ margin-top: 6px; line-height: 2;}
#myorderslist a:hover{ color: #666;}
.myordersinfo-zt{ text-align: center;}
.myordersinfo-zt-img{ font-size: 32px;}
.myordersinfo-zt-tt{ font-size: 16px;}
.myordersinfo-zt-dc{ color: #666;}
.myordersinfo-zt-dc b{ color: #ff2425;}
.myordersinfo-tt{ font-size: 18px; font-weight: bold;}
.myordersinfo-cc{ margin-top: 8px;}
.myordersinfo-cc-cc{ line-height: 1.6; margin-bottom: 6px; color: #888;}
.orders-shops-tt{ font-size: 15px;}
.orders-shops-cc a{ color: #ff2425;}
#register-cc .register-cc-tt{ margin-bottom: 6px; font-size: 15px;}
#register-cc .register-cc-tt span{ color: #ff2425; margin-right: 6px;}
#register-cc .register-cc-ccc{ float: left; margin-right: 60px;}
#shopslists{ overflow: hidden;}
#shopslists a{ width: 100%; float: left; margin-top: 10px; display: flex; align-items: center; justify-content: space-between; padding: 12px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; }
.shopslists-img{ width: 28%; text-align: center;}
.shopslists-txt{ width: 70%; color: #fff;}
.shopslists-txt-tt{ font-size: 16px;}
.shopslists-txt-dc{ font-size: 12px; margin-top: 6px;}
.shopslists-txt-mm{ margin-top: 8px; overflow: hidden;}
.shopslists-txt-mm span{ transition: all 0.3s ease-out 0s; float: left; text-align: center; width: 72px; height: 24px; line-height: 24px; background-repeat: no-repeat; background-size: cover; color: #fff; font-size: 12px;}
.shopslists-a1{ background: #00ceaf;}
.shopslists-a2{ background: #62a9ff;}
.shopslists-a0{ background: #fe918e;}
.shopslists-a1 .shopslists-txt-mm span{ background-image: url(../images/m_bg3.png);}
.shopslists-a2 .shopslists-txt-mm span{ background-image: url(../images/m_bg1.png);}
.shopslists-a0 .shopslists-txt-mm span{ background-image: url(../images/m_bg2.png);}
.shopslists-a1:hover .shopslists-txt-mm span{ background-image: url(../images/m_bg4.png);}
.shopslists-a2:hover .shopslists-txt-mm span{ background-image: url(../images/m_bg4.png);}
.shopslists-a0:hover .shopslists-txt-mm span{ background-image: url(../images/m_bg4.png);}

/* 无内容 */
.no-goods,.no-network{
  padding:30px 0px;
  overflow: hidden;
  text-align: center;
}
.no-goods img{
  display: block;
  margin:0 auto 20px;
  width:220px;
  max-height: 105px;
}
.no-network img{
  display: block;
  margin:0 auto 20px;
  width:222px;
  height: 160px;
}
.no-goods p,.no-network p{
  color:#666666;
  line-height: 2;
}
/*css digg style pagination*/
.de-page-mian {
  overflow: hidden;
  text-align: center;
  font-size: 0;
  margin: 16px 0 6px;
}
.de-page-mian .page-inner {
  display: inline-block;
  overflow: hidden;
}
.de-page-mian .page-inner a {
  display: block;
  float: left;
  min-width: 26px;
  padding: 0 8px;
  height: 36px;
  border: 1px solid #dddddd;
  background: #fff;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin-right: -1px;
  overflow: hidden;
}
.de-page-mian .page-inner a.active,
.de-page-mian .page-inner a:hover {
  color: #fff;
  border-color: #00ceaf;
  background: #00ceaf;
}
.de-page-mian .page-inner a.prev {
  margin-right: 10px;
  background: #fff url(../images/prev.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev.on {
  background: #fff url(../images/prev-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.prev:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.next {
  margin-left: 10px;
  margin-right: 15px;
  background: #fff url(../images/next.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next.on {
  background: #fff url(../images/next-hover.jpg) no-repeat center;
}
.de-page-mian .page-inner a.next:hover {
  background-color: #fff;
  border-color: #dddddd;
}
.de-page-mian .page-inner a.page-btn {
  font-size: 12px;
  margin-right: 0;
  width: 63px;
  margin-left: 10px;
  display: none;
}
.de-page-mian .page-inner span {
  display: none;
  font-size: 12px;
  color: #333;
  float: left;
  line-height: 38px;
}
.de-page-mian .page-inner input {
  display: none;
  float: left;
  height: 36px;
  width: 36px;
  border: 1px solid #dddddd;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #333;
  margin: 0 5px;
}
@media (max-width:360px) 
{
    .de-page-mian .page-inner a.prev{ display: none;}
    .de-page-mian .page-inner a.next{ display: none;}
}
@media (min-width:768px) 
{
    .de-page-mian .page-inner span { display: block; }
    .de-page-mian .page-inner input { display: block; }
    .de-page-mian .page-inner a.page-btn { display: block; }
}