<!--@import url(/skin/font/font.css);-->
html{height:100%;margin:0}
body{font-size:100%;font-family:"microsoft yahei","Trebuchet MS",Arial,Helvetica,sans-serif;line-height:1;background-color:#f6f6f6;max-width:720px}
body,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5{margin:0 auto;padding:0;list-style-type:none}
a{color:#090909;text-decoration:none}
a:hover{color:#f70303}
i,em{font-style:normal}
img{border:none;vertical-align:middle}
table{border-spacing:0;border-collapse:unset;border-top:#000 1px solid;border-right:#000 1px solid}

.clear{height:0;clear:both}

.slidebox{position:relative;overflow:hidden;width:100%}
.slidebox .bd{position:relative;z-index:0;width:100%}
.slidebox .bd li{width:100%}
.slidebox .bd li img{width:100%}

.slidebox .hd{position:absolute;top:15px;width:100%;text-align:center;font-size:0}
.slidebox .hd li{display:inline-block;width:10px;height:10px;background:rgba(0,0,0,0.3);margin:3px;overflow:hidden;cursor:pointer;border-radius:5px}
.slidebox .hd li.on{background-color:rgba(255,0,0,0.8)}

.arrowbox a{position:absolute;bottom:50%;margin-bottom:-25px;width:50px;height:50px;line-height:50px;cursor:pointer;text-align:center;font-size:18px;background:rgba(255,255,255,0.1);color:rgba(0,0,0,.1);border-radius:25px}
.arrowbox a:hover{background:rgba(255,255,255,0.5);color:rgba(0,0,0,0.8)}
.arrowbox .prev{left:5px}
.arrowbox .next{right:5px}

.title{width:94%;padding:3%}
.title em{color:#cc0000}
.title em span{font-size:200%;font-weight:bold}
.title h1{font-weight:bold;font-size:140%;line-height:1.2;color:#333333;padding:10px 0}

.contact{width:92%;padding:0 4%; margin-bottom:15px;background:#ffffff;color:#999;display:inline-block}
.contact .list{padding:15px 0;font-size:110%;border-bottom:1px solid #f6f6f6}
.contact .list span{display:inline-block;color:#333;padding-left:20px}
.contact .list span a{display:block}

.infotit{padding:20px 0;color:#999; background:#f6f6f6; width:100px; margin:0 auto; font-size:120%}
.infoline{height:2px; width:160px; background:#ccc;margin:0 auto}

.info{padding:15px 0; line-height:2em}
.info img{max-width:100%}
.info p{width:95%; margin:0 auto}

.sellbig{width:92%;padding:4%;background:#ffffff;display:inline-block}
.sellbig .user{background:#f6f6f6;padding:5% 2%;border-radius:10px}
.sellbig .pic{display:inline-block;float:left;width:18%;height:auto;border-radius:50%;overflow:hidden}
.sellbig .pic img{width:100%}
.sellbig .name{display:inline-block;float:right;width:78%;overflow:hidden;line-height:1.2}
.sellbig .name .a{font-size:120%}
.sellbig .name .b{color:#666;text-align:right;font-size:80%}
.sellbig .name .c{color:#093;font-size:80%}
.sellbig .name .c span{border:1px solid #093;display:inline-block;padding:0 2px;border-radius:3px}
.selltit{padding:15px 0}
.selltit .left{display:inline-block;float:left;width:40%;font-weight:bold}
.selltit .right{display:inline-block;float:right;text-align:right;width:40%;color:#666}
.sell .box{display:inline-block;float:left;width:32%;margin-right:2%;padding-bottom:10px}
.sell .box:nth-child(3n){margin-right:0}
.sell .box img{border-radius:8px;overflow:hidden;width:100%}
.sell .box span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;height:36px;padding:5px 0;font-size:90%;line-height:1.5}
.sell .box p{color:#cc0000;display:block;padding:10px 0}
.sell .box p b{font-size:120%}

.link{padding:10px 5px;font-size:60%; line-height:1.5em;margin:0 auto}

.footer{text-align:center;font-size:12px;line-height:1.5em;background-color:#efefef;width:96%;padding:2%;display:inline-block}

.share{right:0px;bottom:33px;width:33px;position:fixed;z-index:999}
.share a{text-align:center;width:33px;line-height:33px;font-size:21px;display:block;color:#fff;cursor:pointer;margin-top:1px}
.share a span{display:none}
.share .home,.share .rsms,.share .rtel{display:none}
.share .qrcode{background:#f70}
.share .weixin{background:#093}
.share .code{height:0;width:0;overflow:hidden;font-size:0;position:absolute;right:33px;bottom:0;color:#000;display:block;background:#fff;padding:0}
.share .code img,.share .code em{width:185px;height:185px;display:block}
.share a:hover .code{padding:15px;border:1px solid #eee;font-size:12px;height:205px;width:185px;line-height:2em;text-align:center}
.backtotop{text-align:center;width:33px;line-height:33px;font-size:21px;color:#fff;cursor:pointer;display:none;background:rgba(0,0,0,0.9);position:fixed;z-index:999;right:0px;bottom:0px}
.backtotop i{color:#fff}
@media (max-width:960px){
.share{bottom:0px;width:97%;padding:1.5%;background:rgba(239,239,239,0.9)}
.share a{width:42%;float:left;margin-right:0.5%;height:40px;line-height:40px;font-size:18px}
.share .rsms{display:block;background:#f70;border-top-left-radius:20px;border-bottom-left-radius:20px}
.share .rtel{display:block;background:#093;border-top-right-radius:20px;border-bottom-right-radius:20px}
.share .qrcode,.share .weixin{display:none}
.share a i,.share a span{display:inline-block;margin:0 3px}
.share .home{width:14%;font-size:24px;line-height:1em;display:block;color:#000}
.share .home span{display:block;font-size:12px;line-height:1em}
.backtotop{bottom:55px}
}