@charset "utf-8";
html, body{font-family:Arial,'微软雅黑'; font-size:28px; background:#f6f6f6; color:#333;}
body,li,ul,dl,dd,dt,p,h1,h2,h3{ padding:0; margin:0; border:0;}
*{ box-sizing:border-box; max-height:999999px;}
i,em{ font-style:normal;}
li{ list-style:none;}
a{ text-decoration:none;color: #be0f1b;}
a:hover{ color:#fe741c;}
img{ vertical-align:middle;}
img.lazy{ opacity:0;}
.clear{ clear:both;}
q{ color:#FF4A4A; quotes:'' '' '' '';}
select{background: url(/mobile/public/img/jiantou.png) right 10px center no-repeat #fff;}
input[type=text],input[type=search],select{appearance:none; -moz-appearance:none;-webkit-appearance:none;outline:none;} 
/*mydialog弹框样式*/
#dialogbg{ position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.3); z-index:1000; cursor: pointer;}
#dialog{ position:fixed; left:50%; top:50%; z-index:1000; max-height:85%; width:600px; height:0; overflow:hidden; transform:translate(-50%,-50%); background:#fff;  opacity:0; transition:all linear 200ms; box-shadow:0 0 10px #666; border-radius:10px;padding:60px 0;}
#dialog .close{ position:absolute; right:0; top:0; width:50px; line-height:60px; font-size:22px; text-align:center; font-family: Arial, Helvetica, sans-serif; cursor:pointer; z-index:1;}
#dialog .close:hover{ background:#ddd;}
#dialog .title{ position:absolute; left:0; top:0; width:100%; background:#eee; padding:0 20px; font-size:24px; font-weight:bold; line-height:60px;}
#dialog .cont{ line-height:1.8em; font-size:24px; overflow:auto; padding:0 20px;}
#dialog .cont::-webkit-scrollbar{width:5px; height:5px;}
#dialog .cont::-webkit-scrollbar-thumb{background:#ccc;}
#dialog .cont img{ max-width:100%;}
#dialog .btnbox{ height:60px; background:#fff; text-align:center; border-top:1px solid #eee; display:flex; position:absolute; left:0; bottom:0; width:100%;}
#dialog .btnbox .btn{ display:block; width:100%; cursor:pointer; font-size:24px; line-height:60px; color:#333;}
#dialog .btnbox.col2 .btn{ width:50%;}
#dialog .btnbox.col2 .btn.primary{ border-left:1px solid #ddd; color:#085c95; font-weight:bold;}
#dialog .btnbox .btn:hover{ background:#f6f6f6; color:#f60 !important;}
#dialog.show{ width:660px; height:300px; opacity:1;}

/*toast样式*/
.toast{ position:fixed; left:50%; bottom:-100px; z-index:1001; width:500px; margin-left:-250px; padding:10px 20px; line-height:1.5em; background:rgba(0,0,0,0.7); color:#fff; font-size:28px; text-align:center; border-radius:10px;}
.toast.show{ bottom:200px; transition:all ease-in-out 500ms;}
.toast.hide{ bottom:250px; opacity:0;}

.dhidden{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; display:block; }
.dhidden2{overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-break:break-all;}
.dn{ display:none;}
.iconfont{ width:1em; height:1em; font-size:1.4em; line-height:1em; vertical-align:middle; position:relative; font-weight:normal;}
.tablecell{ display:table-cell; vertical-align:middle;}
.song{ font-family:'SimSun';}

.btt{ display:inline-block; border-radius:8px; padding:0 20px; border:0; color:#fff; line-height:2em; text-align:center; background:#C1C1C1}
.btt.hov{ background:#E67D37}
.btt.primary{ background:#67648f}
.purplebtn{ background:#312d5f; color:#fff !important;}
.purplebtn:hover{ background:#F96C28; color:#fff;}
.huibtn{ background:#999; color:#fff !important;}
.huibtn:hover{ background:#312d5f; color:#fff;}

/*解决table-cell兼容问题*/
.md_table{ display:table; *position:relative;}
.md_table .md_cell{ display:table-cell; width:100%; *position:absolute; *top:50%; *left:0; vertical-align:middle;}
.md_table .md_cell .md_mid{*position:relative; *top:-50%; *left:0;}

/*line-height*/
.line15em{line-height:1.5em;}
.line16em{line-height:1.6em;}
.line18em{line-height:1.8em;}
.line2em{line-height:2em;}
.line3em{line-height:3em;}

/*padding|margin*/
.pd10{padding:10px;}
.pd20{padding:20px;}
.pd30{padding:30px;}
.mgt10{ margin-top:10px;}
.mgt20{ margin-top:20px;}
.mgt30{ margin-top:30px;}
.mgt40{ margin-top:40px;}
.mgt80{ margin-top:80px;}
.mgt100{ margin-top:100px;}

/*font*/
.font10{ font-size:20px;}
.font11{ font-size:22px;}
.font12{ font-size:24px;}
.font13{ font-size:26px;}
.font14{ font-size:28px;}
.font15{ font-size:30px;}
.font16{ font-size:32px;}
.font18{ font-size:36px;}
.font20{ font-size:40px;}
.font22{ font-size:44px;}
.font24{ font-size:48px;}
.font26{ font-size:52px;}
.font27{ font-size:54px;}
.font28{ font-size:56px;}
.font30{ font-size:60px;}
.font40{ font-size:80px;}
.font50{ font-size:100px;}
.font60{ font-size:120px;}
.b,.bold{ font-weight:bold;}
.u{text-decoration: underline;}
.center{ text-align:center;}


header{ width:750px; margin:0 auto; position:relative;background:#bf0f1a; position:fixed; left:50%; top:0; z-index:1000; margin-left:-375px;}
body.fixedhead{ padding-top:154px;}
body.fixedhead.nonav{padding-top:88px;}
body.fixedhead.headbg .hbg{ position:absolute; left:50%; top:0; width:750px; height:280px; margin-left:-375px; overflow:hidden;}
body.fixedhead.headbg .hbg::before{content:""; position:absolute; left:0; top:0; width:180%; margin-left:-40%; margin-top:-330px; height:600px; border-radius:50%; background:#bf0f1a;}
body.fixedhead.headbg #container{ position:relative; z-index:1;}

header, header a{color:#fbdad1;}
header a.logo{display:block; padding:21px 30px 21px 80px; color:#d7b072;}
header a.logo *{display:inline-block; vertical-align:middle; font-size:14px;}
header .head{position:relative; width:100%; height:88px; line-height:88px; padding:0 30px; display:table;}
header .head .mtitle{height:88px; line-height:88px; position:relative; padding:0 0 0 120px; display:table-cell; vertical-align:middle;}
header .head .mtitle .q{ display:block; width:100%; height:60px; line-height:60px; outline:none; border:0; font-size:28px; padding:0 20px; border-radius:30px;}
header .head .mtitle .icon-soushuo{position:absolute; right:20px; top:18px; color:#666;}
header .back{ width:88px; height:88px; line-height:88px; position:absolute; left:0; top:0; text-align:center; z-index:1;}
header .iconlogo{ width:60px; height:60px; line-height:60px; position:absolute; left:75px; top:15px; text-align:center; z-index:1;}
header .iconlogo .iconfont{font-size:60px; position:absolute; top:50%; margin-top:-30px; left:0;}
header .iconlogo .iconfont.icon-shidapinpai{animation:iconlogo1 5s infinite linear;}
header .iconlogo .iconfont.icon-people{ animation:iconlogo1 5s infinite linear; animation-delay:2.5s;}
@keyframes iconlogo1{
    0% {opacity:0;}
    49% {opacity:0;}
    50% {opacity:1;}
    100% {opacity:1;}
}

header .op{display:table-cell; vertical-align:middle; text-align:right;}
header .op .iconfont{padding-left:10px;}
header .aside{ display:inline-block;}
header .jm .mtitle{ padding:0 0 0 116px; width:750px;}
header .jm .hovbg{ background:#fbdad1; border-radius: 2em;padding: 0 20px;line-height: 1.6em; position:absolute; right:0; top:20px; font-size:30px; color:#be0f1b;}
header .head.jm .mtitle .icon-soushuo{ position: static; color:#fbdad1;}
.rightlayxgbrand .itembox{padding:30px;}
.rightlayxgbrand .itembox a{display:block; width:50%; float:left; line-height:100px; text-align:center; padding:5px 0; box-shadow:0 0 0 1px #eee; overflow:hidden; position:relative;}
.rightlayxgbrand .itembox a img{ width:207px; height:90px; }
.footdesc .alink{margin: 0px 20px;text-align: center;}
.footdesc .alink a{ display:inline-block; margin:0 5px;}

input::-webkit-input-placeholder{color:#cccccc;} 
input:-moz-placeholder{color:#cccccc;} 
input::-moz-placeholder{color:#cccccc;} 
input:-ms-input-placeholder{color:#cccccc;} 

/* 右侧弹出框 */
#slicepage{ position:fixed; transition:all ease-in-out 300ms; right:-200%; top:0; width:750px; height:600px; z-index:100;}
#slicepage.show{ right:50%; margin-right:-375px;}
#slicepage .bg{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(0, 0, 0, .5);}
#slicepage .slice{ width:680px; height:100%; float:right; position:relative; z-index:1; background:#fff; overflow:auto;}
#slicepage .slice::-webkit-scrollbar{width:0; height:0;}
#slicepage .slice .slicettl{ line-height:88px; padding:0 0 0 20px;background:#be0f1b; color:#fff;}
#slicepage .slice .slicettl .close{ float:right; width:88px; height:88px; text-align:center; line-height:88px;}
#slicepage .slice .position{ padding:10px 20px; line-height:2em;}
#slicepage .slice .ttl{ border-bottom:1px solid #eee; padding:0 20px; line-height:2em;}
#slicepage .slice .navlist2.style5 .item a{ font-size:24px;}
#searchbox{ width:750px; margin:0 auto; padding:0 30px 20px;}
#searchbox .search{ display:block; height:60px; line-height:60px; padding:0 20px; background:#fff; color:#999; border-radius:30px;}
#searchbox .search .iconfont{color:#666666; padding-right:6px;}
#searchbox .search .iconfont, 
#searchbox .search span{height:60px; line-height:60px; display:table-cell;}
footer{ width:750px; margin:0 auto; padding:10px; background:#fff; box-shadow:0 0 30px #eee;}
footer a{ display:table-cell; width:5%; text-align:center; vertical-align:middle; line-height:30px;}
footer a .iconfont{ width:60px; margin:0 auto; display:block; font-size:1.6em;}
footer a .iconimg{margin: 0 auto; display: block; width:45px; padding-bottom:6px;}
footer a.c666.active{ color:#cc4f57;}


#container{ width:750px; margin:0 auto; padding-bottom:30px; background:#fff;}
.nothing{ width:100%; text-align:center; padding:250px 0;}
#gotop{ position:fixed; z-index:99; right:-100px; bottom:200px; width:80px; height:80px; border-radius:10px; background:rgba(0,0,0,.5); color:#fff; text-align:center; line-height:70px; transition:all ease-in-out 300ms;}
#gotop.show{ right:10px;}


.numa{width:70px; height:62px; line-height:66px;text-align:center; color:#fff; background:url(/mobile/public/img/num/num4.png) no-repeat center center; background-size:contain;}
.numa.num1{background:url(/mobile/public/img/num/num1.png) no-repeat center center;background-size:contain;}
.numa.num2{background:url(/mobile/public/img/num/num2.png) no-repeat center center;background-size:contain;}
.numa.num3{background:url(/mobile/public/img/num/num3.png) no-repeat center center;background-size:contain;}
/*正方形*/
.numb{display:inline-block;min-width:36px;height:36px;padding:0 5px;line-height:36px;border-radius:5px;background:#ccc;text-align:center;margin-right:10px;margin-top:-2px;color:#fff;vertical-align:middle;}
.numb::after{counter-increment:li;content:counter(li);}
.numb.num1{background:#fe741c;}
.numb.num2{background:#FDB80C;}
.numb.num3{background:#ffdc00;}

#pagenav .pagenav{overflow:auto; line-height:2em; white-space:nowrap; margin:0 auto; width:750px; padding-bottom:12px; margin-bottom:-12px;}
#pagenav .pagenav::-webkit-scrollbar{width:0; height:0;}
#pagenav ul{padding:0 2%;}
#pagenav li{display: table-cell; box-sizing: border-box;padding:0 10px 10px;text-align: center; width:5%; min-width:110px; }
#pagenav li.more{padding-left:16px; padding-right:16px;}
#pagenav li.hovbg{animation:myfirst linear 4s infinite alternate; color:#fbdad1; position:relative;}
@keyframes myfirst{0%{color:#fbdad1;}50%{color:#fb6b3f;}100%{color:#fbdad1;}}
#pagenav li.hovbg a{animation:mysecond linear 4s infinite alternate; color:#fbdad1; position:relative;}
@keyframes mysecond{0%{color:#fbdad1;}50%{color:#fb6b3f;}100%{color:#fbdad1;}}

#pagenav li.active{position:relative; color:#ffdc00;}
#pagenav li.active a{color:#ffdc00;}
#pagenav li.active:after{content:""; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #be0f1b; position:absolute; bottom:-11px; left:50%; margin-left:-12px; z-index:10;}
#pagenav.fixed li.active:after{width:40px; height:6px; background:#ffdc00; bottom:0; margin-left:-20px; border:none;}

/*brandud*/
.brandud{ width:38px; height:38px; position:relative; cursor:pointer; display:inline-block; vertical-align:middle;}
.brandud i{position: absolute;width:18px;height:18px; font-size:14px; padding:2px 0; text-align:center; border:1px solid rgba(191, 15, 26, 0.2);}
.brandud i.orange{color:#bf0f1a;}
.brandud i:nth-child(1){ left:0px; top:0px;}
.brandud i:nth-child(2){ right:0px; top:0px;}
.brandud i:nth-child(3){ left:0px; bottom:0px;}
.brandud i:nth-child(4){ right:0px; bottom:0px;}
.brandud.hot i{ border-color:#fb8d00;}

/*tab*/
.tab .tabmenu{padding:0 20px 30px; overflow:auto;}
.tab .tabmenu::-webkit-scrollbar{width:0; height:0;}
.tab .tabmenu .itembox{overflow:auto;}
/*

 line-height:1em; padding:20px; border-radius:2em; 
*/

.tab .tabmenu .item{display:table-cell; padding:0 10px; width:5%;}
.tab .tabmenu .item span{display:block;text-align:center; white-space:nowrap; }

.tab .tab2menubox{ text-align:center;}

.tab.style1 .tabmenu .item span{background:rgba(190, 15, 27, 0.1);line-height: 1em;padding:15px 20px;border-radius: 2em;}
.tab.style1 .tabmenu .item.active span{ background:#be0f1b; color:#fff;font-weight:bold;}

.tab.style2 .tabmenu .item span{padding:12px 10px;}
.tab.style2 .tabmenu .item.active span{position:relative; border-radius:6px; background:#be0f1b; color:#fff;}
.tab.style2 .tabmenu .item.active span:after{content:""; display:block; width:0; height:0; border-width:8px 8px 0; border-style:solid; border-color:#be0f1b transparent transparent; position:absolute; left:50%; margin-left:-8px; bottom:-7px;}

.tab.style3{padding-top:30px;}
.tab.style3 .tabmenu .item .img{width:80px;margin:0 auto;}
.tab.style3 .tabmenu .item.active .img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.tab.style3 .tabmenu .item{position:relative;padding: 0 20px;}
.tab.style3 .tabmenu .item.active:after{content:"";display:block;width:0;height:0;border:8px solid;border-bottom:0;border-color:transparent;border-top-color:#c0c0c0;position:absolute;bottom:-10px;left:50%;margin-left:-8px;}
.tab.style3 .tabmenu .item .img img{max-width:100%;}
.tab.style3 .tabmenu .item span{color:#333; font-size:28px;}
.tab.style3 .tabmenu .item.active span{ color:#999;}

.tab.style4 .tabmenu .item span{border: solid 1px #efdad1;border-radius: 2em; padding:12px 30px;}
.tab.style4 .tabmenu .item.active span{ border:none;background: #be0f1b; color:#fff;}

.tab.style5>.tabmenubox>.tabmenu{ margin-top:-10px; overflow: scroll; white-space: nowrap;}
.tab.style5 .tabmenu .item{ position:relative; display: inline-block;width: auto;padding: 0;margin: 0 10px;}
.tab.style5 .tabmenu .item .img{display: inline-block; position: absolute;right: -4px; top: -10px;}
.tab.style5 .tabmenu .item .img img{ width: 35px;}
.tab.style5 .tabmenu .item span{border-radius:6px;background:rgba(190, 15, 27, 0.1); margin-top:10px; padding:10px 20px;}
.tab.style5 .tabmenu .item.active span{background:#be0f1b; color:#fff;}

.tab.style6 .tabmenubox,.tab.style6 .tabmenu{padding-bottom: 0;}
.tab.style6 .tabmenu .item{position: relative;text-align: center;height: 50px;}
.tab.style6 .tabmenu .item span{color: #cecece;}
.tab.style6 .tabmenu .item.active span{font-weight: bold;background: linear-gradient(90deg, #c99a6c, #ffd2aa,#c99a6c);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.tab.style6 .tabmenu .item.active::after{content: "";display: inline-block;height: 8px;width: 37px;background: #ffd2aa;text-align: center;position: absolute;left: 41%;bottom: 0;}

/* 标题 */
.blocktitle.style1{padding:50px 0 30px;}
.blocktitle.style1{text-align:center; overflow:hidden; line-height:1em;}
.blocktitle.style1 span{display:inline-block; max-width:100%; color:#c0c0c0;}
.blocktitle.style1 span{position:relative;}
.blocktitle.style1 span i.l,
.blocktitle.style1 span i.r{width:50px; height:6px; border-radius:10px; background:#c0c0c0; position:absolute; top:50%; margin-top:3px;}
.blocktitle.style1 span i.l{left:-66px;}
.blocktitle.style1 span i.r{right:-66px;}
.blocktitle.style1 span i.l:before, 
.blocktitle.style1 span i.r:before{content:""; display:block; width:6px; height:6px; border-radius:50%; background:#c0c0c0; position:absolute;}
.blocktitle.style1 span i.l:before{left:-10px;}
.blocktitle.style1 span i.r:before{right:-10px;}
.blocktitle.style1 span i.l:after, 
.blocktitle.style1 span i.r:after{content:""; display:block; width:34px; height:6px; border-radius:10px; background:#c0c0c0; position:absolute; top:-12px;}
.blocktitle.style1 span i.l:after{right:0;}
.blocktitle.style1 span i.r:after{left:0;}
.blocktitle.style1.c999 span{ color:#999;}
.blocktitle.style1.c999 span i.l,
.blocktitle.style1.c999 span i.r,
.blocktitle.style1.c999 span i.l:after,
.blocktitle.style1.c999 span i.r:after,
.blocktitle.style1.c999 span i.l:before,
.blocktitle.style1.c999 span i.r:before{background:#999;}

.blocktitle.style2{padding-top:50px; margin-bottom:20px; border-bottom:2px solid #333; line-height:1em;}
.blocktitle.style2 span{padding-bottom:20px; position:relative; color:#666; line-height:1em; display:inline-block;}
.blocktitle.style2 span:after{content:""; display:block; width:100%; height:2px; background:#fbe01b; position:absolute; bottom:-2px;}

.blocktitle.style3{padding:20px 30px; font-size:32px; color:#999;}
.blocktitle.style3 span{line-height:1.6em;}

.blocktitle.style6{line-height: 2.5em;padding: 0 30px;font-weight: bold;border-radius: 30px 0 30px 0;background: #be0f1b;font-size: 28px;}
.blocktitle.style6 span,.blocktitle.style6 a{color: #fff;}

/*swipe*/
.swipe{ position:relative;}
.swipe .swipecont{ width:100%; overflow:hidden;}
.swipe li{ display:none;}
.swipe li a{ display:block;}
.swipe li img{ width:100%;}
.swipe li.active{ display:block;}
.swipe .perview{ position:absolute; left:0; bottom:10px; width:100%; text-align:center;}
.swipe .perview i{ display:inline-block; width:12px; height:12px; background:#e5e6e6; border-radius:6px; margin:0 6px; cursor:pointer; transition:all linear 300ms;}
.swipe .perview i.active{ background:#fdb80c; width:30px;}


/* 更多按钮 */
.morebtn{text-align:center; padding:20px 0; line-height:0;position:relative;overflow:hidden; cursor:pointer;}
.morebtn a{display:inline-block; padding:12px 40px; margin:0 20px; background:#ffdc00; color:#333; border-radius:5em; line-height:1.4em; font-size:28px;}
.morebtn a i,.morebtn a span{ float:left;}
.morebtn a span{margin:0 5px;}
.morebtn a:hover{border-color:#fe741c; color:#fe741c;}
.morebtn:after{content:""; display:block; clear:both;}
.morebtn a.nomore{ display:inline-block;}
.morebtn a.nomore span{ display:none;}
.morebtn a.nomore .iconfont{ display:none;}
.morebtn a.nomore::before{content:"已经到底了"; float:left;}
.morebtn .iconfont,
.morebtn.loading::before{content:"加载中..."; float:left;}
.morebtn.loading span{ display:none;}
.morebtn .addmore.style2{background: none;color: #be0f1b;}
.morebtn .addmore.style3{background: none;border: 1px solid #9b876e;}
.morebtn .addmore.style4{background: none;display:inline-block;vertical-align:middle; color:#be0f1b; font-size:32px;line-height: 1.4em;}
.morebtn .addmore.style4:hover{color:#fe741c;}
.morebtn .addmore.style4:before,
.morebtn .addmore.style4:after{content:"";display:block;width:50%;height:1px;background:#e7dfd5;position:absolute;top:50%;}
.morebtn .addmore.style4:before{left:-110px;}
.morebtn .addmore.style4:after{right:-110px;}
.morebtn .addmore.style4 .iconfont{display:inline-block;vertical-align:middle;transform:rotate(90deg);}


.moreall2{ padding-left:30px; padding-right:30px;}
.moreall2 .blockinfo{ padding-left:0; padding-right:0;}

.bline{ height:30px;}

/*推荐指数*/
.u-tjzs{ display:inline-block;width:180px; height:36px;overflow: hidden;text-align: left;vertical-align:text-bottom;}
.u-tjzs .u-tjzs-out{width: 180px;background: url(/plugin/img/icon/tjzhishu/xin-b.png) 0 0 repeat-x; height:36px;background-size:36px auto;}
.u-tjzs .u-tjzs-in{background: url(/plugin/img/icon/tjzhishu/xin-t.png) 0 0 repeat-x;height:36px;background-size:36px auto;}

/*星级推荐*/
.zsstarbox{ display:inline-block; vertical-align:middle; width:180px; height:36px; background:url(/mobile/public/img/zhaoshang/star_bg.png) repeat-x; background-size:auto 36px;}
.zsstarbox .star{ height:36px;background:url(/mobile/public/img/zhaoshang/star.png) repeat-x; background-size:auto 36px;}
.zsstarbox.size1{ width:150px; height:30px; background-size:auto 30px;}
.zsstarbox.size1 .star{height:30px; background-size:auto 30px;} 

/*广告位*/
.bottomads{ position:relative; width:750px; margin:0 auto; margin-top:-50px; margin-bottom:30px;}
.bottomads a.item{ display:block; padding:30px;}
.bottomads a.item img{ width:100%; box-shadow:0 0 0 1px #ddd;}
.bottomads a.ad{ position:absolute; right:30px; bottom:30px; background:rgba(0,0,0,0.3); color:#eee; font-size:20px; padding:0 10px;}
.adscol3{ position:relative; padding:15px 20px; margin:0 -1% 15px -1%;}
.adscol3 a.item{ float:left; width:31.333%; margin:0 1%; border:1px solid #ccc; background:#fff;}
.adscol3 a.item .img{ width:100%; height:139px; overflow:hidden;}
.adscol3 a.item img{ width:100%; min-height:139px;}
.adscol3 a.item .name{ display:block; line-height:2em; padding:0 10px; text-align:center;}
.adscol3 a.ad{ position:absolute; right:0.5%; bottom:0; background:rgba(0,0,0,0.3); color:#eee; font-size:12px; padding:0 5px;}

/*招商背景图样式定义*/
.zsbgimg{position: relative;}
.zsbgimg img{ width:100%;position: absolute;left: 0;top: 0;z-index: 1;}
.zsbgimg .bname{display: table-cell;vertical-align: middle;z-index: 2;position: relative;text-align: center;padding:0 20px; box-sizing:border-box;}
.zsbgimg.zsbg1 .bname{ text-shadow:0 2px 1px rgba(247, 157, 156, 0.4);}
.zsbgimg.zsbg2 .bname{ text-shadow:0 2px 1px rgba(57, 181, 180, 0.4);}
.zsbgimg.zsbg3 .bname{ text-shadow:0 2px 1px rgba(142, 186, 220, 0.4);}
.zsbgimg.zsbg4 .bname{ text-shadow:0 2px 1px rgba(221, 195, 203, 0.4);}
.zsbgimg.zsbg5 .bname{ text-shadow:0 2px 1px rgba(239, 158, 132, 0.4);}
.zsbgimg.zsbg6 .bname{ text-shadow:0 2px 1px rgba(246, 154, 156, 0.4);}

/*底部黑色互动滚动条*/
.hudonglist{height:60px;}
.hudonglist .box{padding:0 30px;color: #FFF;width: 750px; margin:0 auto; background:rgba(0,0,0,.6);height:60px;overflow: hidden;}
.hudonglist li{font-size:24px;line-height: 60px;height: 60px;}
.hudonglist li>*{display:inline-block; vertical-align:middle;}
.hudonglist li .userpic{width:30px;height:30px; border-radius:50%; margin-right:5px;}
.hudonglist li .desc{width:540px; margin-right:15px;}
.hudonglist li .num{font-style: italic;}
.hudonglist li .logo{ height:40px; margin-right:10px;}
.hudonglist li.brand .desc{max-width:280px; }
.hudonglist li.zhaoshang .desc{max-width:280px; } 
.hudonglist.fixed .box{position: fixed;left: 50%;bottom:0px;z-index: 100;margin-left: -375px;}
/*尾部悬浮*/
.footfixed footer{ position:fixed; left:50%; bottom:0; margin-left:-375px; z-index:1;}
.footfixed .hudonglist .box{position: fixed;left: 50%;bottom: 95px;z-index: 100;margin-left: -375px;}