@charset "UTF-8";
/**
 * base.css
 */
* { margin: 0; padding: 0 }
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #2c3e50; background-color: #f5f5f5; font-size: 15px; }
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #2c3e50; }
a:hover { color: #218af1; text-decoration: none; }
h1 { font-size: 28px }
h2 { font-size: 18px }
h3 { font-size: 16px }
i { font-style: normal; display: block }
.p20 {
    padding-top: 20px;
}

.clear, .blank { clear: both; width: 100%; overflow: hidden; }
.blank { height: 20px }
.blank10 { height: 12px }
.blank30 { height: 30px }
.left-box { width: 70%; float: left;}
.left-boxa { width: 70.9%; float: left;}
.right-box { width: 28%; float: right }
.box, article { width: 1200px; margin: auto; overflow: hidden }
.whitebg { background: #fff; overflow: hidden; }
.font16 { font-size: 16px; }
/*header*/
header { width: 100%; padding: 5px 0; background: #1C2327; height: 50px; }
header::before { background: #000 linear-gradient(to left, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55); content: ""; height: 5px; position: absolute; top: 0; width: 100%; }
.logo { float: left; margin-right: 60px; line-height: 52px; color: #FFF; font-size: 22px;font-weight: 700; }
.logo a {color: #FFF }
/*nav*/
.navbox { width: 1170px; margin: auto; }
nav { float: left; height: 50px; line-height: 50px; text-align: center; margin-top: 3px; }
#starlist li { position: relative; display: inline; float: left; width: max-content; }
#starlist li a { display: inline; float: left; padding: 0 16px; color: #fff }
#starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover { color: #00c1de; }
#starlist li:hover a { color: #00c1de }
#starlist ul.sub { overflow: hidden; position: absolute; left: 0; top: 50px; background: #1C2327; display: none; z-index: 9 }
#starlist ul.sub li { height: 30px; line-height: 30px; font-size: 14px; }
#starlist ul.sub li:last-child { padding-bottom: 10px }
#starlist ul.sub li a { color: #FFF }
#starlist ul.sub li a:hover { color: #00c1de }
#starlist li:hover ul.sub { display: block }
#starlist li.menu:before { position: absolute; content: ""; top: 22px; right: 5px; background: url(../images/jt.png) no-repeat; width: 8px; height: 8px; -ms-transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
#starlist li.menu:hover:before { transform: rotate(180deg) }/*鏃嬭浆*/
#mnavh { display: none; float: right; text-align: center; }
.navicon { display: block; position: relative; width: 54px; height: 54px; background: url(../images/us.png) no-repeat center; background-size: 32px; }
.navicon:before, .navicon:after { display: block; width: 30px; height: 3px; position: absolute; background: #fff; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.navicon:before { margin-top: -10px; }
.navicon:after { margin-top: 10px; }
.open .navicon { background: none }
.open .navicon:before { margin-top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.open .navicon:after { margin-top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.open .navicon:before, .open .navicon:after { content: ''; display: block; width: 30px; height: 3px; position: absolute; background: #fff; }
/*menu+*/
.menu span { display: none; width: 50px; height: 50px; background: #12b7de; opacity: 0.5; position: absolute; top: 0; right: 0; border-left: #49ccea 1px solid; }
/*search*/
.sou { width: 100%; background: url(../images/pt-search-bg.png) #fff; background-size: cover; }
.searchico { margin-top: 5px; width: 39px; height: 39px; float: right; display: inline; cursor: pointer; background: url(../images/bg.png) no-repeat center !important; }
.searchbox { width: 80%; margin: auto; overflow: hidden; position: relative; padding: 50px 0; }
.search { background: #f4543c; border-radius: 0 5px 5px 0; position: relative; border: 1px solid #F4543C; }
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; width: 20%; display: block; height: 41px; line-height: 40px; text-indent: 1em; cursor: pointer; background: url(../images/bg.png) no-repeat left 16px center; }
.search input.input_text { border: 0; line-height: 39px; height: 40px; width: 80%; outline: none; text-indent: 1em; }
.search.sblue { background: #00c1de; border: 1px solid #00c1de; }
.user-login { float: right; }
.user-login { font-size: 13px; }
input.inputText { border: 0; height: 26px; text-indent: .5em; margin: 15px 5px 0 0; outline: none; float: left; }
input.inputsub-dl { border: 0; height: 26px; padding: 0 10px; border-radius: 3px; background: #f4543c; color: #fff; float: left; margin: 15px 5px 0 0; }
a.inputsub-dl {height: 26px; line-height: 26px; padding: 0 10px; border-radius: 3px; background: #f4543c; border: 0; color: #fff; display: inline-block; margin: 15px 5px 0 0;  }
a.inputsub-zc { height: 26px; line-height: 26px; padding: 0 10px; border-radius: 3px; background: #0ec1d3; border: 0; color: #fff; display: inline-block; margin: 15px 5px 0 0; }
.logged { line-height: 55px; color: #ccc; }
.logged b { font-weight: normal; }
.logged a { color: #f4543c; margin: 0 5px; display: inline-block; }
.logged a:last-child { color: #00c1de; }
.logged i { display: inline-block; width: 36px; height: 36px; border-radius: 100%; margin: 10px 10px 0 0; float: left; position: relative; }
.logged i img { width: 36px; height: 36px; border-radius: 100%; }
.logged i:after { z-index: 9999; position: absolute; content: ""; width: 22px; height: 27px; right: -8px; bottom: -5px; background: url(../images/vip.png) no-repeat left center; }
/*footer*/
footer { background: #333; width: 100%; padding: 30px 0; color: #777; font-size: 14px; position: relative; overflow: hidden }
footer:before { content: ""; height: 10px; width: 100%; position: absolute; top: 0; left: 0; }
.wxbox { overflow: hidden; float: left; margin-right: 20px }
.wxbox li { float: left; margin: 0 10px; text-align: center }
.wxbox img { height: 100px }
.endnav b { font-size: 16px; color: #34aadc; margin-bottom: 15px; display: block; }
.endnav p { margin-bottom: 5px }
.endnav a { color: #777 }
.endnav a:hover { text-decoration: underline }
.showchange { padding: 15px 20px; font-size: 14px; margin-bottom: 10px; }
.showchange ul, .paixu ul { padding-left: 20px; }
.showchange li { overflow: hidden; margin: 6px 0; float: left; }
.showchange li:nth-child(1) { width: 100%; }
.showchange li:nth-child(2) { margin-right: 40px }
.showchange li:nth-child(4) { width: 100%; }
.showchange li a { display: inline-block; padding: 2px 10px; color: #666; margin-right: 10px; }
a.changefieldandcss, .showchange li a:hover { background: #f4543c; color: #fff !important; border-radius: 5px; }
/*pics-list-price*/
.pics-list-price li { overflow: hidden; position: relative; transition: all .5s; }
.pics-list-price li img { width: 250px; margin: auto; display: block; }
.pics-list-price li i { transition: all .5s; opacity: 0; overflow: hidden; background: #F4543C; margin: 5px; text-align: center; line-height: 28px; color: #fff; width: 56px; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06); position: absolute; z-index: 99999; }
.pics-list-price li i:nth-child(1) { right: 85px; top: 20px }
.pics-list-price li i:nth-child(2) { right: 20px; top: 20px }
.pics-list-price li:hover i { opacity: 1; transform: translate(-10px, 0px); }
.pics-list-price li h2 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 14px; line-height: 38px; text-align: center; font-weight: normal; color: #666; border-bottom: 1px solid #CCCCCC; }
.pics-list-price li p { display: none; }
.pics-list-price li:hover section { transform: translate(0px, -2px); box-shadow: .15s ease-in-out; box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 10px 6px -4px rgba(0,0,0,.13); }
.pics-list-price ul { width: 25%; float: left; overflow: hidden; }
.pics-list-price { overflow: hidden; margin-bottom: 40px; }
.pics-list-price li section { margin: 10px; background: #fff; padding: 10px; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06); }
.pics-list-price li span a { width: 50%; display: block; float: left; text-align: center; color: #666; position: relative; text-indent: 1em; }
.pics-list-price span a:hover { color: #1487f4 }
.pics-list-price li span { display: block; overflow: hidden; margin-top: 10px; font-size: 14px; }
.pics-list-price li span a:nth-child(2):before { position: absolute; left: 0; bottom: 0; width: 1px; height: 100%; content: ""; background: #ccc; }
.pics-list-price li span a:nth-child(1) { background: url(../images/yulan-icon.png) no-repeat left 30px center; background-size: 14px; }
.pics-list-price li span a:nth-child(2) { background: url(../images/down-icon.png) no-repeat left 30px center; background-size: 20px; }
.pics-list-price li span a:nth-child(1):hover { background: url(../images/yulan-iconb.png) no-repeat left 30px center; background-size: 14px; }
.pics-list-price li span a:nth-child(2):hover { background: url(../images/down-iconb.png) no-repeat left 30px center; background-size: 20px; }
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; padding: 20px 0; overflow: hidden; }
.pagelist a { color: #666; padding: 5px 10px; background: #ffffff; display: inline-block; }
.pagelist a:nth-child(1) { display: none }
.pagelist a:hover, .pagelist > b { color: #FFF; background: #f4543c; }
.pagelist > b { padding: 5px 10px; }
a.curPage { color: #ffffff; font-weight: bold; background: #000; }
/*news-title*/
.news-title { border-bottom: #e4e3e3 1px solid; margin: 20px; padding-bottom: 10px; overflow: hidden; }
.news-title h2 { color: #1c2327; font-size: 16px; font-weight: normal; position: relative; float: left;/* width: 84px; */ text-align: center; }
.news-title h2 a { color: #1487f4; }
.news-title h2:after { content: ""; background: #1c2327; width: 100%; height: 2px; position: absolute; bottom: -10px; left: 0; }
.hnav, .weizhi {font-size: 14px; float: right;}
.hnav a { display: block; margin-right: 10px; padding-right: 10px; float: left; position: relative }
.hnav a:after { position: relative; content: "/"; right: -10px; bottom: 0; color: #ccc }
.hnav a:last-child::after { content: "" }
/*wztitle-list*/
.wztitle-list { padding: 0 20px 40px }
.wztitle-list li { padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; position: relative; }
.wztitle-list li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 10px; left: 0; top: 15px; }
.wztitle-list li span { float: right; color: #888; font-size: 12px }
.wztitle-list li:nth-child(10n) { margin-bottom: 20px; border-bottom: #eee 1px solid; padding-bottom: 20px }
/*side-title*/
.side-title { font-size: 16px; border-bottom: 1px solid #eee; color: #484848; font-weight: normal; position: relative; margin-bottom: 10px; padding-bottom: 10px }
.side-title:after { content: ""; position: absolute; width: 64px; height: 2px; content: ""; background: #000; left: 0; bottom: -1px; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.side-title:hover:after { width: 80px; }
/*suiji*/
.suiji { padding: 20px; overflow: hidden }
.suiji ul { overflow: hidden; padding-top: 10px }
.suiji li { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; padding-top: 10px; }
.suiji li:before { position: absolute;/* content: ""; */ width: 3px; height: 3px; background: #000; border-radius: 10px; left: 0px; top: 10px; }
.suiji li i { width: 40px; height: 40px; margin-right: 10px; float: left; }
.suiji li i img { width: 100%; height: 40px;}
/*paihang*/
.paihang { padding: 20px }
.paihang ul { overflow: hidden; }
.paihang ul li { height: 30px; line-height: 30px; margin-bottom: 10px; padding-left: 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.paihang ul li i { display: block; width: 16px; height: 16px; background: #B1B1B1; float: left; margin-top: 8px; margin-right: 10px; position: relative; font-style: normal }
.paihang ul li i::before { position: absolute; left: 0; top: 0; font-size: 9px; color: #fff; line-height: 16px; width: 16px; text-align: center }
.paihang ul li:first-child i, .paihang ul li:nth-child(2) i, .paihang ul li:nth-child(3) i { background: #FF6600; }
.paihang ul li:first-child i::before { content: "1"; }
.paihang ul li:nth-child(2) i::before { content: "2"; }
.paihang ul li:nth-child(3) i::before { content: "3"; }
.paihang ul li:nth-child(4) i::before { content: "4"; }
.paihang ul li:nth-child(5) i::before { content: "5"; }
.paihang ul li:nth-child(6) i::before { content: "6"; }
.paihang ul li:nth-child(7) i::before { content: "7"; }
.paihang ul li:nth-child(8) i::before { content: "8"; }
.paihang ul li:hover { -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
.product { background: #fff; padding: 20px; margin:  0px 10px 10px 10px; box-shadow: 0px 0px 14px 2px rgba(235,235,235,1); overflow: hidden;margin-bottom: 12px;}
span.shop_weizhi { display: block; font-size: 14px; color: #999999; height: 24px; line-height: 24px; margin-left: 10px; margin-bottom: 10px;background: url(../images/mbwz.png) no-repeat; background-size: 20px; padding-left: 30px; }
span.shop_weizhi a { color: #999 }
.titlepic { float: left; width: 250px; height: 340px; overflow: hidden; margin-right: 20px; }
.titlepic img { width: 250px; }
.product h1 { font-size: 18px; margin: 10px 0; }
.product p { }
.product span { display: inline-block; }
.product-jianjie { color: #555; margin: 10px; }
.product-jianjie span { font-size: 16px; display: block; font-weight: 500; color: #2c3e50; margin-bottom: 10px; }
.product-jianjie p { color: #888; line-height: 22px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 3; }
.product-star5 { background: url(../images/star5.png) no-repeat 10px center; height: 30px; background-size: 120px; }
.product-star4 { background: url(../images/star4.png) no-repeat 10px center; height: 30px; background-size: 120px; }
.product-star3 { background: url(../images/star3.png) no-repeat 10px center; height: 30px; background-size: 120px; }
.pstar5 { background: url(../images/star5.png) no-repeat 10px center; background-size: 76px; position: absolute; left: 110px; bottom: 7px; width: 100px; height: 30px; }
.pstar4 { background: url(../images/star4.png) no-repeat 10px center; background-size: 76px; position: absolute; left: 110px; bottom: 7px; width: 100px; height: 30px; }
.pstar3 { background: url(../images/star3.png) no-repeat 10px center; background-size: 76px; position: absolute; left: 110px; bottom: 7px; width: 100px; height: 30px; }
.product-tags a { color: #2c3e50; padding: 5px 32px; border-radius: 5px; display: inline-block; margin-bottom: 10px; }
.product-tags a:nth-child(8n-7) { background: #def6ff }
.product-tags a:nth-child(8n-6) { background: #f2fbf2 }
.product-tags a:nth-child(8n-5) { background: #f8f3fe }
.product-tags a:nth-child(8n-4) { background: #fff7f0 }
.product-tags a:nth-child(8n-3) { background: #fff3f3 }
.product-tags a:nth-child(8n-2) { background: #edf9fe }
.product-tags a:nth-child(8n-1) { background: #f1f3fd }
.product-tags a:nth-child(8n) { background: #def6ff }
.designer { overflow: hidden; margin: 10px 0; background: url(../images/morebtn.png) no-repeat right 20px center; background-size: 20px; }
.designer a { display: block }
.designer i { display: block; width: 50px; height: 50px; background: #d6d4d5; border-radius: 100%; overflow: hidden; float: left; margin-right: 10px; }
.designer i img { width: 50px; margin: 0px auto 0; display: block; }
.designer p { color: #2c3e50; padding: 4px 0 0 0; }
.designer span { color: #888; font-size: 13px; line-height: 26px;}
/*#tab { border-bottom: #e4e3e3 1px solid; margin: 20px }
tab
#tab li { cursor: pointer; display: inline-block; font-size: 16px; margin-right: 20px; padding: 0 10px 10px; position: relative; }
#tab-content section { display: none; }
#tab-content section:nth-child(1) { display: block }
#tab li:after { content: ""; background: #1487f4; background: linear-gradient(to right, #0062ff 0%, #00a0ec 100%); width: 20%; height: 2px; position: absolute; bottom: -1px; left: 40%; opacity: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
#tab li:hover:after, #tab li.tab-current:after { opacity: 1; width: 100%; margin: auto; display: block; left: 0; }
#tab li.tab-current { color: #1487f4; }
#tab-content { margin: 20px; overflow: hidden; }*/
.mbtext-box { background: #fff; box-shadow: 0px 0px 14px 2px rgba(235,235,235,1); overflow: hidden; padding: 20px; margin: 10px; }
.mbtext-box #tab { margin: 0; }
.mbtext-box #tab-content { margin: 0; overflow: initial; }
.mb_info { float: left; width: 500px; }
.mbtext-box .pinglun { margin: 20px 0 0; padding-bottom: 0; }
.sou #tab li { cursor: pointer; display: inline-block }
.sou #tab-content section { display: none; }
.sou #tab-content section:nth-child(1) { display: block }
.sou #tab { width: 50%; margin: auto; clear: both; overflow: hidden; border: 0; }
.sou #tab li { font-size: 15px; width: 54px; height: 28px; text-align: center; line-height: 28px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #666; padding: 0; margin-right: 2px }
.sou #tab li.tab-current { background-color: #F4543C; color: #fff; }
.sou #tab-content { margin: auto; overflow: hidden; width: 50%; }
.sou #tab li:nth-child(2).tab-current { background: #00c1de; }
.sou #tab li:after { display: none !important; }
#downurl ul { background-color: #ff9b18; background-image: linear-gradient(257deg, #ff9b18 50%, #ffcb20 50%); }
#downurl li { display: inline-block; width: 50%; line-height: 40px; }
#downurl li:nth-child(1) { background-color: #ff9b18; background-image: linear-gradient(257deg, #ff9b18 8%, #ffcc20 97%); }
#downurl li:nth-child(2) { background-color: #ff7300; background-image: linear-gradient(269deg, #ff2d00, #ff7300); }
#downurl li:nth-child(3) { background-color: #ff7300; background-image: linear-gradient(269deg, #ff2d00, #ff7300); float: left; }
#downurl li:nth-child(4) { background-color: #ff9b18; background-image: linear-gradient(257deg, #ff9b18 8%, #ffcc20 97%); float: right; }
div#downurl { text-align: center; background: #fff; box-shadow: 0px 0px 14px 2px rgba(235,235,235,1); overflow: hidden; padding: 20px; margin: 10px; line-height: 36px; color: #2c3e50; }
div#downurl ul li a { color: #fff; display: block; padding: 5px 20px; font-size: 15px; }
.downurl-title { background: #f5f5f5; padding-top: 15px; }
#downurl li p { }
#downurl a { color: #1487f4; font-size: 18px; padding: 0 10px; }
.mb-base ul { margin: 20px 0; }
.mb-base li { border-bottom: #f2f2f2 1px solid; color: #2c3e50; line-height: 28px; padding: 10px 0; }
.mb-base li span { float: left; margin: 0 20px 0 0; padding: 0 0 0 30px; position: relative; width: 80px }
.mb-base li span:after { position: absolute; content: ''; background: #ddd; width: 1px; height: 20px; right: 0; top: 5px }
.mb-base li i { display: inline-block }
.mb-base li:nth-child(1) { background: url(../images/mbicon01.png) no-repeat left center; background-size: 20px }
.mb-base li:nth-child(2) { background: url(../images/mbicon02.png) no-repeat left center; background-size: 20px }
.mb-base li:nth-child(3) { background: url(../images/yulan-iconb.png) no-repeat left center; background-size: 20px }
.mb-base li:nth-child(4) { background: url(../images/mbicon07.png) no-repeat left center; background-size: 20px }
.mb-base li:nth-child(5) { background: url(../images/yulan-icon.png) no-repeat left center; background-size: 20px }
.mb-base li:nth-child(6) { background: url(../images/mbicon09.png) no-repeat left center; background-size: 20px }
.mb-base li:nth-child(7) { background: url(../images/mbicon09.png) no-repeat left center; background-size: 20px }
.mb-base li:nth-child(8) { background: url(../images/mbicon09.png) no-repeat left 16px; background-size: 20px; }
.mb-base li:nth-child(9) { background: url(../images/mbicon08.png) no-repeat left 16px; background-size: 20px; }
.mb-base li:nth-child(10) { background: url(../images/mbicon10.png) no-repeat left 16px; background-size: 20px; }
.mb-base li:nth-child(2) i { display: inline-block; width: 28px; height: 20px; background: url(../images/mbicon09.png) no-repeat left 5px; background-size: 20px; }
.mb-base li:nth-child(2) i:nth-child(3) { margin-left: 20px }
.mb-base li:nth-child(2) i:last-child { display: none; margin-left: 5px }
.mb-base li:nth-child(6) img { height: 16px; display: inline-block; vertical-align: middle; }
.mb-base li:nth-child(10) a { margin-right: 20px; color: #2c3e50; padding-left: 30px; display: inline-block; background: url(../images/mbicon11.png) no-repeat 0 3px; background-size: 24px; }
.mb-base li:nth-child(10) a:hover { color: #1487f4 }
.mb-base li:nth-child(10) b { color: #f00; font-size: 18px; margin-right: 5px }
a.btn-yulan { padding: 3px 40px; background: #1487f4; border-radius: 3px; color: #fff; }
a.btn-yulan:hover { background: #0976dc; }
a.btn-wd { padding: 3px 40px; background: #52d2a3; border-radius: 3px; color: #fff; }
a.btn-wd:hover { background: #36bc8b; }
.mb_zxsc li { margin-bottom: 15px; border-bottom: #f2f2f2 1px solid; padding-bottom: 15px; overflow: hidden; position: relative; }
.mb_zxsc li i { width: 100px; height: 60px; display: block; overflow: hidden; float: left; margin-right: 20px; border-radius: 6px; }
.mb_zxsc li span { position: absolute; bottom: 12px; margin: 0; font-size: 12px; color: #828282; line-height: 14px; }
.mb_zxsc li img { width: 100% }
.mb_love { background: #fff; margin: 10px 0 40px; overflow: hidden; }
.mb_love li { margin-bottom: 20px; overflow: hidden; border: #f2f2f2 1px solid; padding: 10px; }
.mb_love li p { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 10px; }
.mb_love li i { width: 250px; display: block; margin: auto; }
.mb_love li i img { width: 100%; margin: auto; }
.mbside { overflow: hidden; }
.mbside h4 { margin: 20px 0 15px; padding: 0 0 0 30px; font-size: 16px; font-weight: normal; background-image: linear-gradient(90deg, transparent 10px, #4c8178 10px); background-size: 4% 72%; background-repeat: no-repeat; background-position: 10px 4px; }
.mbside ul { padding: 0 20px; }
.mb_tj ul { }
.mb_tj li { margin-bottom: 15px; border-bottom: #f2f2f2 1px solid; padding-bottom: 15px; overflow: hidden; position: relative; }
.mb_tj li a { display: block; margin: 5px; }
.mb_tj li i img { width: 100%; min-height: 100%; }
.mb_tj li p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.mb_tj li i { width: 100px; height: 60px; display: block; overflow: hidden; float: left; margin-right: 20px; border-radius: 6px; }
.mb_tj li:hover i { display: block; }
a.btfl { color: #74a08b; font-size: 14px; }
.newstext { padding: 10px 0; color: #2c3e50; line-height: 30px; word-break: break-word; font-size: 16px; }
.newstext p { margin: 20px 0; }
.newstext h2, .newstext h3, .newstext h4, .newstext h5, .newstext h6 { font-size: 18px; position: relative; color: #414141; margin: 30px 0; border-left: #a8d4d7 5px solid; padding-left: 10px; }
.newstext h2:before, .newstext h3:before, .newstext h4:before, .newstext h5:before, .newstext h6:before { position: absolute; content: ""; width: 3px; height: 100%; left: 0; bottom: 0; }
.newstext img { max-width: 100% !important; height: auto !important; margin: 10px auto; }
.newstext ul, .product-content ol { margin: 20px 0 20px 35px; }
.newstext ul li, .product-content ol li { margin-top: 3px; line-height: 30px; list-style-type: disc; }
.newstext hr { margin: 20px 0; }
.newstext-box { padding: 0 20px 20px; }
.news-title-h1 { margin: 30px 0; margin-bottom: 20px; }
.picview-other { overflow: hidden; color: #888; padding-bottom: 15px; border-bottom: #e4e3e3 1px solid; }
.picview-other span { font-size: 14px; color: #999; margin-right: 10px; }
span.po-from { background: url(../images/icon-yonghu.png) no-repeat center left; background-size: 16px; }
.picview-other span a { color: #74a08b; }
.picview-other span a:hover { text-decoration: underline; }
span.po-view { }
.keywords { overflow: hidden; }
.keywords a { display: block; float: left; border: #f4f1f1 1px solid; color: #7c7c7c; padding: 2px 8px; margin: 0 5px 5px 0; border-radius: 3px; font-size: 14px; }
.keywords a:nth-child(1), .keywords a:hover { background: #f4543c; color: #fff; }
.share { padding: 10px 0; overflow: hidden; display: table; width: 100%; margin: 20px auto; line-height: 24px; background: #f5f5f5; }
.share>div { padding-right: 20px; margin-top: 16px; overflow: hidden; }
.share img { width: 100px; float: left; margin: 0 20px; }
.share a { }
.share a:hover { text-decoration: underline }

.pinglun { overflow: hidden; padding-bottom: 20px; margin: 0 20px; }
.icon-top { background: url(../images/istop.png) no-repeat center #fff; background-size: 22px; width: 40px; height: 40px; position: fixed; right: 20px; bottom: 10%; opacity: 0; transition: all 0.3s; z-index: 9999999; border: #ccc 1px solid; border-radius: 100%; }
.icon-top.cd-is-visible { visibility: visible; opacity: 1; }
/*ranking clounm3*/
.ranking { background: #fff; padding: 20px 0 }
.ranking { padding: 20px; border-radius: 5px; overflow: hidden; background: #eae4ee; margin-bottom: 20px }
.ranking h2 { font-size: 22px; margin-bottom: 15px; }
.ranking p { font-size: 16px; color: #999; }
.ranking ul { position: relative; height: 217px; }
.ranking li { display: inline-block; float: right; position: absolute; border-radius: 5px 5px 0 0; overflow: hidden; }
.ranking li:nth-child(1) { right: 38%; top: 25px; z-index: 3; margin-right: -100px; }
.ranking li:nth-child(2) { right: 38px; bottom: -144px; z-index: 2; }
.ranking li:nth-child(3) { right: 68px; bottom: -171px; }
.ranking i { position: absolute; left: -2px; width: 32px; height: 32px; text-align: center; font-style: normal; color: #fff; z-index: 1; }
.ranking li:nth-child(1) i { background: url(../images/tag01.png) no-repeat center; background-size: 32px; }
.ranking li:nth-child(2) i { background: url(../images/tag02.png) no-repeat center; background-size: 32px; }
.ranking li:nth-child(3) i { background: url(../images/tag03.png) no-repeat center; background-size: 32px; }
.ranking a { width: 200px; display: block; position: relative; }
.ranking img { transition: all .4s; width: 100%; }
.ranking img:hover { transform: scale(1.05); }
/*pics*/
.pics { padding-bottom: 40px }
.pic-title { font-size: 28px; color: #333; margin: 30px 0 20px 10px; }
.pic-title span { float: right; font-size: 14px; font-weight: normal; line-height: 50px; margin-right: 20px; }
.pics ul { overflow: hidden; clear: both }
.pics-bj li { width: 20%; float: left; }
.pics-bj li a { display: block; margin: 10px; background: #fff; overflow: hidden; font-size: 14px; text-align: center; color: #666; border: #fff 10px solid; position: relative; border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,.04), 0 4px 8px rgba(0,0,0,.06); }
.pics-bj li i { display: block; background: #f5f5f5; height: 260px; }
.pics-bj li i img { width: 100%; transition: all .4s; }
.pics-bj li i img:hover { transform: scale(1.05); }
.pics-bj li span { position: absolute; padding: 15px 10px 5px; right: 0; left: 0; bottom: 0; font-size: 14px; background: #fff; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.newstext table { max-width: 100%; border-width: 1px; border-color: #666; border-collapse: collapse; font-size: 15px; line-height: 26px; }
.newstext table th { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #dedede; }
.newstext table td { border-width: 1px; padding: 4px 8px; border-style: solid; border-color: #666; background-color: #ffffff; }
.nlist ul { padding: 20px; background: #fff; }
.nlist ul li i { display: block; width: 140px; height: 140px; background: #eae4ee; text-align: center; line-height: 140px; font-size: 28px; border-radius: 5px; float: left; margin-right: 20px; }
.nlist ul li { overflow: hidden; margin-bottom: 30px; padding-bottom: 30px; border-bottom: #eee 1px solid; }
.nlist ul li h3 { font-size: 20px; padding: 8px 0; }
.nlist ul li strong { color: #ff2e2e;}
.nlist ul li p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; margin-bottom: 20px; line-height: 24px; }
.nlist ul li span { float: right; color: #999; font-size: 14px; }
.nlist ul li:nth-child(2n) i { background: #e4e4e4; }
.nlist ul li:nth-child(3n) i { background: #dfe8ed; }
.nlist ul li:nth-child(4n) i { background: #d9e9f0; }
.nlist ul li i img { height: 100%; width: auto; margin: auto; }
.nlist ul li i { overflow: hidden; box-shadow: #edebeb 1px 1px 7px; }
.nlist ul li:hover h3 { color: #74a08b; }
.nlist ul li:hover p { color: #1c2327; }
a.ttname { color: #719496; font-size: 14px; }
.ph_fenlei { background: #fff; padding: 20px; }
.ph_fenlei ul { border-bottom: #ccc 1px solid; margin-top: 20px; }
.ph_fenlei ul li { line-height: 40px; border: #ccc 1px solid; border-bottom: 0; }
.ph_fenlei ul li span { color: #999; margin-left: 10px; }
.ph_fenlei ul li a { display: block; padding: 0 20px; }
.ph_fenlei ul li a:hover { background: #d8e5e8; color: #000; }
.a_bktj { padding: 20px; background: #fff; }
.a_bktj li { overflow: hidden; border-bottom: 1px solid #f5f2f0; padding-bottom: 10px; }
.a_bktj li i { float: left; color: #aaa; font-family: arial; margin-right: 10px; padding-top: 13px; }
.a_bktj li img { max-height: 40px; max-width: 40px; margin-top: 10px; float: left; display: none; margin-right: 5px; }
.a_bktj li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 10px; }
.a_bktj li:hover img { display: block; }
.a_bktj li:hover p { white-space: initial; }
li.tablist-current img { display: block; }
li.tablist-current p { white-space: initial; }
.cloud { padding: 20px; }
.cloud a { margin: 5px 0; padding: 5px 8px; display: block; float: left; font-size: 14px; border-radius: 5px; width: 42%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cloud a span { float: right; color: #999; font-size: 12px; }
.cloud a:nth-child(8n-7) { background: #def6ff }
.cloud a:nth-child(8n-6) { background: #f2fbf2 }
.cloud a:nth-child(8n-5) { background: #f8f3fe }
.cloud a:nth-child(8n-4) { background: #fff7f0 }
.cloud a:nth-child(8n-3) { background: #fff3f3 }
.cloud a:nth-child(8n-2) { background: #edf9fe }
.cloud a:nth-child(8n-1) { background: #f1f3fd }
.cloud a:nth-child(8n) { background: #def6ff }
.cloud ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
p.side-title.p20 { margin: 20px; }
.newnext li { overflow: hidden; line-height: 40px; }
.newnext li a { }
.newnext li span { display: inline-block; float: left; margin-right: 10px; }
.newnext li img { float: left; width: 70px; }
.mb_fenlei ul { }
.mb_fenlei { margin: 0px 0 20px; overflow: hidden; padding: 20px; margin-bottom: 20px; background: #fff; }
.mb_fenlei p { float: left; line-height: 28px; color: #999; }
.mb_fenlei li { text-align: center; float: left; }
.mb_fenlei li span { color: #999; margin-left: 5px; font-size: 14px; }
.mb_fenlei li a { margin: 0 10px; padding: 4px 8px; border-radius: 3px; display: block; overflow: hidden; background: #fff; }
.mb_fenlei li a:hover, a#pagecurrent { background: #f4543c; color: #fff; }
a#pagecurrent span { color: #fff; }
.mb_fenlei li a:hover span { color: #fff; }
.newstext u { text-decoration: none; background: linear-gradient(transparent 80%, #b2ccc8 80%); background-size: 100%; background-repeat: repeat-x; background-position: bottom; }
.newstext u a { color: #39c; font-weight: bold; }
.pics-list-price li section>a { display: block; height: 200px; overflow: hidden; }
.freelist { }
.freelist ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
.freelist ul li { width: 270px; margin-bottom: 30px; background: #fff; border-radius: 4px; box-shadow: 0 0 1px 0 rgb(0 0 0 / 30%); position: relative; overflow: hidden; padding-bottom: 60px; }
.freelist ul li i { height: 180px; display: block; overflow: hidden; }
.freelist ul li a { border-radius: 4px; overflow: hidden; }
.freelist ul li img { width: 100%; min-height: 100%; opacity: .9; transition: .5s; }
.freelist ul li p { margin: 15px; color: #262626; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
p { }
.freelist ul li:hover { color: #000; transform: translateY(-3px); transition: all .2s ease-in 0s; box-shadow: 0 2px 10px 3px rgb(0 0 0 / 15%); }
.otinfo { padding: 15px 15px 15px 30px; color: #999; font-size: 13px; line-height: 20px; background: url(../images/tll.png) no-repeat left 10px center; background-size: 16px; border-top: #ececec 1px solid; bottom: 0; position: absolute; width: -webkit-fill-available; }
.freelist ul li p span { color: #f4543c; margin-right: 5px; }
.otinfo em { float: right; font-style: normal; }
a.ttcname { position: absolute; left: 10px; top: 15px; padding: 4px 8px; font-size: 12px; line-height: 14px; color: #fff; background: rgba(0,0,0,.6); transition: .3s; }
.freelist ul li:hover a.ttcname { background: #f4543c; }
.freelist ul li:hover img { opacity: 1; }
.mb_tj { background: #fff; 
margin-bottom: 20px;
 overflow: hidden; }
.mb_zxsc { background: #fff; margin: 20px 0; overflow: hidden; }
.mb_zxsc li p { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.lbox { width: 70%; float: left; }
.rbox { width: 28%; float: right; }
/*banner*/
.banner { width: 620px; height: 320px; float: left; overflow: hidden; border-radius: 4px; }
.banner img { transition: .5s }
.banner img:hover { transform: scale(1.02) }
.mb_zxsc ul, .mb_tj ul { padding: 0 20px; }
.mb_zxsc h4, .mb_tj h4 { margin: 20px 0 15px; padding: 0 0 0 30px; font-size: 16px; font-weight: normal; background-image: linear-gradient(90deg, transparent 10px, #4c8178 10px); background-size: 4% 72%; background-repeat: no-repeat; background-position: 10px 4px; }
/*headline*/
.headline { width: 226px; height: 320px; float: right; overflow: hidden; }
.headline ul { overflow: hidden;  }
.headline ul li { width: 100%; overflow: hidden; height: 153px; position: relative; border-radius: 4px; }
.headline ul li:first-child { margin-bottom: 14px; }
.headline ul li a { display: block; overflow: hidden; height: 100%; }
.headline ul li img { width: 100%; min-height: 100%; transition: all .6s; }
.headline ul li:hover img { transform: scale(1.05); }
.adimg { margin: 20px 0; padding: 0 !important; }
.adimg img { width: 100%; border-radius: 4px }
/*tab*/
.gd-box { background: #fff;  }
.gd-box #tab { padding: 0 20px; overflow: hidden; border-bottom: #efefef 1px solid; }
.gd-box #tab li { font-size: 16px; margin-right: 30px; position: relative; cursor: pointer; display: inline-block; line-height: 50px; color: #666; float: left; }
.gd-box #tab li:after { content: ""; background: #ff2e2e; width: 20%; height: 2px; position: absolute; bottom: 0; left: 40%; opacity: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.gd-box #tab li:hover:after, #tab li.tab-current:after { opacity: 1; width: 100%; margin: auto; display: block; left: 0; }
.gd-box #tab li.tab-current, #tab li:hover { color: #ff2e2e; }
#tab-content>div { display: none; }
#tab-content>div:nth-child(1) { display: block }
.gd-box #tab-content { overflow: hidden; margin-bottom: 20px }
.blogs_list { background: #fff; }
.blogs_list li { overflow: hidden; padding: 20px; border-bottom: #efefef 1px solid; position: relative; background: #fff; transition: .5s; height: 150px; }
.blogs_list li:hover { background: #fafafa; }
.blogs_list li:last-child { margin-bottom: 0 }
.blogs_list li i { width: 240px; height: 150px; overflow: hidden; border-radius: 4px; display: block; float: left; margin-right: 20px; position: relative }
.blogs_list li em { position: absolute; background: rgba(0,0,0,.6); left: 0; top: 15px; padding: 4px 8px; font-size: 12px; line-height: 14px; font-style: normal; border-radius: 0 3px 3px 0; transition: .5s }
.blogs_list li em:hover { background: #ff2e2e }
.blogs_list li em a { color: #fff }
.blogs_list li i img { width: 100%; min-height: 100%; transition: .5s; }
.blogs_list li i img:hover { transform: scale(1.05) }
.blogs_list li h2 { word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-weight: normal; font-size: 20px; line-height: 1.4; margin-bottom: 10px; }
.blogs_list li h2 a { color: #333; transition: .3s; }
.blogs_list li h2 a:hover { color: #ff2e2e }
.blogs_list li p { word-break: break-all; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; color: #666; font-size: 14px; line-height: 1.58; }
.blogs_list section { display: block; position: relative; overflow: hidden; height: 100%; }
.blogs_info { position: absolute; left: 0; bottom: 5px; color: #999; font-size: 12px; width: 100%; }
.blogs_list li span.timer { float: left; }
.blogs_list li span.view { float: right; background: url(../images/tll.png) no-repeat left center; background-size: 14px; padding-left: 16px; }
.btn_more { background: #fff; text-align: center; overflow: hidden; padding: 20px; }
.btn_more a { color: #ff2e2e; width: 266px; height: 36px; line-height: 36px; margin: auto; display: block; border: #ff2e2e 1px solid; font-size: 14px; border-radius: 4px; transition: .3s; }
.btn_more a:hover { background: #ff2e2e; color: #fff; }
.links { background: #fff; padding: 20px 20px 15px; margin: 20px 0; }
.link_title { color: #333; font-size: 18px; margin-bottom: 20px; }
.links li { display: inline-block; margin: 0 15px 5px 0; color: #999; font-size: 14px; }
.links li a { color: #999; }
.links li:hover a { color: #ff2e2e; }
.hmb { background: #fff; padding: 15px; margin: 20px 0 0; border-radius: 3px; }
.hmb_tit h2 { color: #262626; font-size: 18px; font-weight: normal; float: left; }
.hmb_tit a { float: right; font-size: 14px; font-weight: 400; color: #828282; }
.hmb_tit span { display: inline-block; font-size: 13px; margin-left: 10px; color: #9d9d9d; font-weight: 400; line-height: 26px; vertical-align: top; }
.hmb_tit { margin-bottom: 21px; padding: 0 10px; }
.hmb ul { overflow: hidden; display: flex; justify-content: space-between; }
.hmb ul li { width: 23%; margin: 0 10px; overflow: hidden; }
.hmb ul li i { background: #ccc; display: block; overflow: hidden; height: 120px; }
.hmb ul li img { width: 100%; transition: .5s; }
.hmb ul li p { font-size: 14px; margin: 10px 5px; position: absolute; bottom: -50px; z-index: 9; overflow: hidden; color: #fff; transition: .5s; }
.hmb li a:after { background: linear-gradient(180deg, transparent, rgba(0,0,0,.7)); content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; transition: .5s; }
.hmb ul li a { display: block; position: relative; border-radius: 4px; overflow: hidden; }
.hmb ul li:hover p { bottom: 0; }
.hmb li a:hover::after { opacity: 1; }
.hmb ul li:hover img { transform: scale(1.05); }

.dt_lm {background: #fff;padding: 20px;margin-bottom: 20px;}

h5.dt_tit {font-size: 16px;margin-bottom: 20px;background: linear-gradient(transparent 80%, #b2ccc8 80%);
    background-size: 62px;
    background-repeat: no-repeat;
    background-position: left bottom;}

.dt_lm ul li {display: inline-block;margin: 0 10px 0 0;}

.dt_btfl {background: #fff;
    padding: 20px;
    margin-bottom: 20px;}

.dt_btfl li {display: inline-block;
    margin: 0 10px 0 0;}

.dt_tags {background: #fff;
    padding: 20px;
    margin-bottom: 20px;}

.dt_tags li {display: inline-block;
   margin: 0 10px 12px 0;line-height: 24px;font-size: 14px;}

.dt_tags li span {float: right;color: #999;font-size: 13px;margin-left: 3px;}

.dt_tags li a {border: #ccc 1px solid;padding: 3px 6px;border-radius: 3px;}

.dt_tags ul {}

.dt_xx {background: #fff;
    padding: 20px;
    margin-bottom: 20px;}

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

.dt_xx li span {color: #999;margin-right: 10px;}

.top_one { overflow: hidden; background: #fff; padding: 20px; margin-bottom: 20px; position: relative; }
.top_one h2 { font-size: 18px; margin: 15px 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.top_pic { display: block; overflow: hidden; width: 40%; height: 190px; margin-right: 20px; float: left; border-radius: 8px; border-top: 20px solid #222; border-right: 10px solid #222; border-left: 10px solid #222; border-bottom: 10px solid #444; }
.top_pic img { margin: auto;width: 100%;
    height: 190px;}
.top_info { margin: 10px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; }
.star6 { width: 100px; height: 20px; display: inline-block; background: url(../images/star.png) repeat-x; }
.star3 {
    width: 120px;
    display: inline-block;
    background: url(../images/star3.png) no-repeat 0px center;
    height: 20px;
    background-size: 110px;
}
.star4 {
    width: 120px;
    display: inline-block;
    background: url(../images/star4.png) no-repeat 0px center;
    height: 20px;
    background-size: 110px;
}
.star5 {
    width: 120px;
    display: inline-block;
    background: url(../images/star5.png) no-repeat 0px center;
    height: 20px;
    background-size: 110px;
}
.top_tj { margin: 10px 0 10px 10px; }
.top_time { margin-left: 10px; }
.top_link { display: block; font-size: 14px; position: absolute; left: 45%; bottom: 35px; }
.top_link a { display: inline-block; padding: 8px 15px; margin: 5px 15px 0 0; background: #77afba; color: #fff; border-radius: 5px; }
.top_link .fufei { background: #bc4a53; }
.top_link a:last-child { background: #7ab99e; }
.h_title { font-size: 20px; padding: 15px 20px; border-bottom: #f0eeee 1px solid; font-weight: bold; background: #fff; }
.h_title span { float: right; font-size: 14px; margin-top: 3px; }
.h_title span a { color: #777; font-weight: normal; }
.zuijin { background: #fff;}
.zuijin ul {padding: 20px;}
.zuijin ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 34px; position: relative; padding-left: 15px; }
.zuijin ul li:before { content: ""; width: 4px; height: 4px; border-radius: 4px; position: absolute; left: 0; top: 16px; background: #a8d4d7; }

.whiteb { background: #fff; border-radius: 3px; padding: 20px; margin-bottom: 20px; overflow: hidden; }

/*htitle*/
.htitle { font-size: 16px; line-height: 40px; border-bottom: 1px solid #eee; color: #484848; font-weight: normal; position: relative; margin-bottom: 10px; }
.htitle:after { content: ""; position: absolute; width: 60px; height: 2px; content: ""; background: #000; left: 0; bottom: 0; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; transition: all .5s ease; }
.htitle:hover:after { width: 80px; }
.liucheng ul { overflow: hidden; margin-top: 20px }
.liucheng li { width: 33.3%; float: left; padding-bottom: 20px }
.liucheng li section { display: block; margin: 0 15px; box-shadow: #e9eaed 1px 1px 5px; }
.liucheng li h2 { font-size: 16px; line-height: 36px; background: #1c2327; color: #FFF; font-weight: normal; text-align: center; margin-bottom: 15px; }
.liucheng li p { padding: 0 10px; font-size: 14px; line-height: 30px }
.liucheng li p:last-child { padding-bottom: 15px }
.liucheng li a:hover { color: #30a6de }

.otherlink { margin: 10px 0; overflow: hidden }
.otherlink li { position: relative; line-height: 26px; height: 26px; display: block; width: 50%; float: left; overflow: hidden; }
.otherlink li a { display: block; margin-right: 30px; padding-left: 10px; }
.otherlink li a:hover { text-decoration: underline; color: #000 }
.otherlink li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #000; border-radius: 10px; left: 0px; top: 12px; }

 @media only screen and (max-width: 768px) {
.navbox, .box, article { width: 98%; }
aside, .right-box { width: 100%; margin-top: 20px; }
.left-box { width: 98%; margin: auto; float: none; }
.left-boxa { width: 98%; margin: auto; float: none; }
.nlist ul li i { width: 70px; height: 70px; }
.nlist ul li p { display: none; }
.nlist ul li span { display: none; }
.nlist ul li { margin-bottom: 15px; padding-bottom: 15px; }
.nlist ul li h3 { font-size: 18px; }
.wxbox { float: none; text-align: center; margin: 0 auto 20px; }
.wxbox img { margin-bottom: 5px; }
.wxbox li { float: none; display: inline-block; }
.endnav { padding: 0 20px; }
.sou #tab, .sou #tab-content { width: 96%; }
.searchbox { width: 95%; }
.search input.input_submit { width: 30%; background: url(../images/bg.png) no-repeat left 8px center; }
.search input.input_text { width: 70%; }
#mnavh { display: block; }
#ulogin { display: none }
.logo { padding-left: 0px;  float: none;       text-align: center;
        margin-right: 0px;}
nav { width: 100%; position: fixed; bottom: 0; left: 0; z-index: 999999; background: #74a08b; line-height: 46px; height: 46px; font-size: 14px; }
#starlist li { text-align: center; }
#starlist li a { padding: 0; display: block; float: none; border-left: #fff 1px solid; }
#starlist li:nth-child(1) a { border: none; }
#starlist li a:hover, #starlist #selected, .selected > a, #starlist li:hover { background: #f4543c; color: #fff; }
footer { padding: 20px 0 50px; }
footer p:last-child { display: none; }
.user-login { float: left; margin: 0 0 10px 20px; }
.logged { color: #000; line-height: inherit; padding-top: 20px; }
.logged i { margin: -10px 15px 0 0; }
.newnext li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-title-h1 { font-size: 22px; }
.hnav, .weizhi { display: none }
.share>div { font-size: 14px; }
.share p:last-child { display: none; }
.pics-list-price ul { width: 50%; }
.ranking { overflow-x: auto; }
.ranking .box { width: 1200px; overflow-x: scroll; }
h2.pic-title { font-size: 18px; }
.pic-title span { line-height: inherit; font-size: 12px; }
.pics-bj li { width: 50%; }
.pics-list-price li img { width: 100%; }
.pics-list-price li span a:nth-child(1) { background: none; }
.pics-list-price li span a:nth-child(2) { background: none; }
.pics-list-price li span a { text-indent: inherit; }
#downurl li { width: 100%; }
.titlepic { height: 200px; margin: auto; float: none; }
.titlepic img { margin: auto; display: block; }
.mb_info { width: auto; }
.mb-base li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pics-list-price li span a:nth-child(1):hover, .pics-list-price li span a:nth-child(2):hover { background: none; }
.downurl-beizhu { padding: 10px; line-height: 24px; }
.mb_fenlei li { width: 50%; margin-bottom: 5px; }
.share img { margin: 0 8px; }
.lbox { width: 100%; }
.banner { width: 100%; height: auto; }
.headline { width: 100%; height: auto; }
.headline ul li { width: 48%; height: auto; }
.headline ul li:first-child { margin-bottom: 0; float: left; }
.headline ul li:nth-child(2) { float: right; }
.hmb ul li { width: 44%; margin: 0 0 20px 0; }
.hmb ul { display: flex; flex-wrap: wrap; justify-content: space-around; }
.hmb_tit span { display: none; clear: both; }
.hmb_tit h2 { }
.hmb_tit { overflow: hidden; }
.gd-box { overflow-x: scroll; }
.gd-box #tab { width: max-content; }
.freelist ul li { width: 48%; }
.mb_fenlei p { display: none; }
.mb_fenlei li { width: auto; }
.mb_fenlei li a { margin: 0; margin: 4px 20px 4px 0; }
.mb_fenlei { margin: 0 0 15px; padding: 10px; }
div#downurl { font-size: 13px; }
.freelist ul li i { height: 128px; }
.headline ul { margin: 15px 0 0;}
.hmb { padding: 15px 5px 0 }
#downurl a { padding: 0 5px; }
.nlist ul li h3 { font-size: 16px; font-weight: normal; }
a.ttname { font-size: 12px; }

.top_pic { width: 94%; float: inherit; }
.top_one { }
.top_link { position: inherit; }
.top_one h2 { text-align: center; }
.top_link a { margin: 5px; }
.liucheng li, .jianzhan li:nth-child(1), .jianzhan li:nth-child(3) { width: 100%; }

}


@media only screen and (max-width: 768px) {
    .gd-boxs {
        overflow-x: scroll;
    }
        .gd-boxs #starlist {
        width: max-content;
    }
     .gd-boxs #starlist li{
      
    margin-right: 0px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    line-height: 46px;
    color: #666;
    float: left;
    
     }
     
    .gd-boxs #starlist li a {
        display: inline;
        float: left;
        padding: 0 22px;
        color: #fff;
    }
}