html,body,div,p,span,em,i,u,del,strong,a,b,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,iframe,form,label,button,input,textarea,pre,hr,table,tbody,th,td{margin:0;padding:0;word-wrap:break-word;word-break:break-all}
html,body{width:100%;height:100%}
html{font-size:62.5%}
body{background:url(body-bg.png);line-height:1.6;color:#333}
body,button,input,select,textarea{font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif}
h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-size:100%}
h1,h2,h3,h4,h5,h6,th{font-weight:normal}
em,i{font-style:normal}
ul{list-style:none}
img{border:0;vertical-align:middle}
input[type=text]{-webkit-border-radius:0}
a:link,a:visited{text-decoration:none;color:#333}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.fleft{float:left}
.fright{float:right}
.gray,a.gray,.gray a{color:#666}
.gray9,a.gray9,.gray9 a{color:#999}
.red,a.red,.red a{color:#b90000}
.orange,a.orange,.orange a{color:#be9155}
/*.author,a.author,.author a,.update,a.update,.update a,.time{color: #c5c9cd;}*/
.author,.update,.time{ font-size: .75em;}
.blue,a.blue,.blue a{ color: #3361a7;}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.mb10{margin-bottom: 10px}
.mb50{margin-bottom: 50px}

.wrapper{min-width:320px;font-size:1.4rem}
.u-table,.page table,.search,.bookbutton,.supportlinks li img,.reviewform,.reviewform .review-btn,.rechargeform .recharge-btn,.viporder-btn,.userform .user-btn{width:100%}
.btn,a.btn,.bdbtn,a.bdbtn,.s-btn,.pt-icon,.lv-icon{border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px}
.bookimglist li .name,.booktextlist li,.imgtextlist li .title,.booklist li .title,.ranking li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.btn,a.btn{display:inline-block;height:35px;line-height:35px;background:#d2a05f;background-image:-webkit-linear-gradient(top,#d2a05f,#d2a05f);border:none;text-align:center;font-size:1.4rem;color:#FFF}
.bdbtn,a.bdbtn{display:inline-block;height:35px;line-height:35px;background:#FFF;background-image:-webkit-linear-gradient(top,#FFF,#FFF);border:1px solid #dfdfdf;text-align:center;font-size:1.4rem}
.redbtn,a.redbtn{background:#b90000;background-image:-webkit-linear-gradient(top,#b90000,#b90000);border-color:#b90000;color:#FFF}
.textbox{background:#FFF;padding:5px;border:1px solid #CCC}
.textbox input,.textbox textarea{width:100%;line-height:22px;background:none;border:none;outline:none}
.textbox input{height:22px}
.textbox textarea{resize:vertical}

.pagetitle{margin-bottom:10px;line-height:25px;font-size:1.6rem}
.loading a{display:block;height:35px;line-height:35px;background:#EEE;text-align: center;color: #999;}

.v-icon{display:inline-block;width:12px;height:12px;background:url(v-icon.png) no-repeat;vertical-align:middle;overflow:hidden}
.pt-icon,.lv-icon{display:inline-block;text-align:center;font-size:1.2rem;overflow: hidden;margin-left: 5px;}
.pt-icon{width:18px;height:18px;line-height:18px;color: #fff;vertical-align: text-bottom;}
.lv-icon{width:33px;height:16px;line-height:16px;border:1px solid #eb0000;color:#eb0000}
.isTop{background:#dc147d}
.isDigset{background:#cd8c14}
.isAuthor{background:#37a5f0}
.lv_0{background:#5acde6}
.lv_1{background:#96b946}
.lv_2{background:#f05a8c}

.u-table th,.u-table td{padding:10px 5px;line-height:22px;text-align:center}
.u-table th{background:#EEE}
.u-table td{border-bottom:1px solid #e6e6e6}
.u-table tr:last-child td{border-bottom:none}
.u-table .tl{text-align:left}
.u-table .tc{text-align:center}
.u-table .tr{text-align:right}

.pages{padding:5px 8px; background:#eeeeee; font-size:1.4rem;position:relative;}
.pages a.prev,.pages a.next{font-size:1.4rem;color:#424242;position:absolute;left:10px;top:10px;}
.pages a.next{left:auto;right:10px;}
.pages .skip{text-align:center;}
.pages .skip input[type=number]{width:43px; height:26px; line-height:26px; text-align:center; border:1px solid #CCC}
.pages .skip input[type=submit]{width:45px; height:28px; margin-left:5px; background:#f8f8f8; background-image:-webkit-linear-gradient(top, #f8f8f8, #f8f8f8); border:1px solid #CCC}
.pages .skip span{font-size:1.4rem;color:#666;display: inline-block;line-height: 28px;margin-left: 8px;}
.pages .skip span em{font-style:normal;}

.header{position:relative}
.logo{position:absolute;top:2px;left: 10px;background:url(logo.png);background-image:-webkit-image-set(url(logo.png) 1x,url(logo2x.png) 2x);display:inline-block; background-repeat:no-repeat;width:121px; height:60px;}
.nav{height:55px;background: url(header-top-bg.png);border-bottom: 1px solid #E2B4AC;padding:0 10px 0 130px;font-size:1em}
.nav a{float:left;width:20%;line-height:55px;text-align:center;color:#fff}
.nav a.current{color:#FFF9BE}
.logininfo{height:40px;line-height:40px;padding:0 15px 0 90px;border-top: 1px solid #fcfcfc;border-bottom: 1px solid #d6d6d6;background: #f5f5f5;}
.logininfo a{color: #666;}
.logininfo a.bookshelf{color: #B47850;}
.logininfo i{display: inline-block;background:#f00;border-radius:50%;width:7px;height:7px;top:68px;right:82px;position:absolute;}

.footer{background:#333;padding:15px 10px}
.footer .btnav,.footer .customsv{line-height:25px}
.footer .vline{padding:0 8px}
.footer .copyright{padding-top:10px;border-top:1px solid #4d4d4d;line-height:20px;font-size:1.2rem}

.content{margin-top:10px;padding:0 10px;}
.intro{font-size:1.2rem;overflow: hidden;color: #999;}

.search .col-2{width:5px}
.search .col-3{width:80px}
.search .s-btn{width:100%;height:33px;background:#9f9386;background-image:-webkit-linear-gradient(top,#9f9386,#9f9386);border:none;color:#FFF}

.module{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin-bottom:10px;background:#fff;padding: 10px;}
.module-hd{height:25px;line-height:25px;padding-bottom:10px;border-bottom:1px solid #E2B4AC;font-weight: 400;color: #a44b3b;}
.module-hd h2{font-size:1.6rem}

.blues h2 {color: #36abdc;}
.blues .module-hd{border-bottom-color: #A7DAF0;}
.yellow h2{color: #97AF2F;}
.yellow .module-hd{border-bottom-color: #eaf3c2;}
.pink h2 {color: #f079b9;}
.pink .module-hd{border-bottom-color: #FAC4E1;}

.bookimglist{padding:5px 0}
.bookimglist li{float:left;width:25%;padding:10px 0;text-align:center}
.bookimglist li a{display:block;width:90%;min-width:64px;margin:0 auto}
.bookimglist li .pic{width:100%;height:auto}
.bookimglist li .name{height:20px;line-height:20px;font-size:1.2rem;color:#666}
.booktextlist{padding-top:8px}
.booktextlist li{height:30px;line-height:30px}
.imgtextlist li{min-height:90px;padding:15px 0 15px 74px;line-height:20px;border-bottom:1px solid #e6e6e6;position:relative}
.imgtextlist li:last-child{padding-bottom:0;border-bottom:none}
.imgtextlist li .pic{position:absolute;left:0;top:15px}
.imgtextlist li .pic,.imgtextlist li .pic img{width:64px;height:90px}
.imgtextlist li .title{height:20px}
.imgtextlist li .intro{max-height:40px;}
.rcmdtextlist li{padding:5px 0;line-height:24px;/*border-bottom:1px solid #e6e6e6*/}
.rcmdtextlist li:first-child{border-top:1px solid #e6e6e6}
.rcmdtextlist li:last-child{padding-bottom:0;border-bottom:none}
.rcmdtextlist li .intro{max-height:60px;}
.hottextlist{border-top:1px solid #e6e6e6}
.hottextlist li .vline{padding:0 8px}

.screening li{width:100%;padding:6px 0;border-bottom:1px solid #e6e6e6;overflow: hidden;line-height: 25px;}
.screening li:last-child{border-bottom:none}
.screening li .type,.screening li a{float:left}
.screening li a{padding:0 5px;}
.screening li a.current{background:#d2a05f;color:#FFF}

.booklist li{padding:15px 0;line-height:20px;border-bottom:1px solid #e6e6e6}
.booklist li:first-child{padding-top:0}
.booklist li:last-child{border-bottom:none}
.booklist li .title a{ color: #be9155;line-height: 22px;}
.booklist li .v-icon{margin-right:3px}

.searchlist li:last-child{padding-bottom:15px}
.ranking{padding:5px 0 0}
.ranking li{height:20px;line-height:20px;padding:10px 0;border-bottom:1px solid #e6e6e6}
.ranking li:last-child{padding-bottom:0;border-bottom:none}
.ranking li .num-icon{display:inline-block;width:18px;height:18px;background:url(circle-icon.png) no-repeat 0 -19px;line-height:18px;margin-right:5px;vertical-align:text-bottom;text-align:center;color:#FFF;overflow:hidden}
.ranking li .num-icon.top3{background-position:0 0}
.bookcover{min-height:135px;padding-left:105px;position:relative}
.bookcover .pic{width:95px;height:135px;position:absolute;left:0;top:0}
.bookcover .pic img{width:95px;height:135px}
.bookcover .title{line-height:22px;font-size:1.6rem}
.bookcover .gray{font-size:.875em}
.bookcover .status {float: right;padding: 3px 6px;font-size: .75em;color: #fff;border-radius: 10px;}
.bookcover .is-serialize {background: #977fb9;}
.bookcover .is-finish {background: #c8923d;}
.bookcover .is-finish i {display: inline-block;width: 4px;height: 4px;border-radius: 100%;border: 2px solid #fff;margin-left: 3px;}
.bookbutton td.spc{width:10px}
.bookbutton a{display:block}



.info-container {
	position: relative;
	/* padding: 16px; */
	box-sizing: border-box;
	border: 16px solid transparent;
}
.flex {
	display: flex;
	display: -webkit-flex;
	display: -webkit-box
}
a.monthly-tip:visited {
	color: #fff;
}

a.monthly-tip {
	margin-top: 8px;
	background: #dfaa53;
	border-radius: 20px;
	line-height: 22px;
	padding: 0 20px;
	display: block;
	text-align: center;
	color: #fdfdfd;
	text-align: right;
	position: relative;
	background-image: linear-gradient(#fdbc3d, #f1a92e);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

a.monthly-tip:before {
	content: 'V';
	background: #fff;
	height: 22px;
	line-height: 22px;
	position: absolute;
	width: 22px;
	border-radius: 50%;
	left: 0;
	box-sizing: border-box;
	color: #f6b034;
	text-align: center;
	top: 0;
	box-shadow: 1px 2px 16px 0 rgba(223, 170, 82, 0.54);
	background-image: linear-gradient(#fff, #fbfbfb);
}
.info-container .info .detail {
	margin-left: 16px;
	max-width: 66%;
}
.book-cover-blur {
	position: absolute;
	top: 0rem;
	z-index: -1;
	top: calc(50% - 80.5vw);
	width: 100%;
	height: 175vw;
	opacity: .02;
	opacity: calc(.1 + .05);
	-webkit-filter: blur(calc(17px + 1px));
	filter: blur(calc(17px + 1px));
}

.btn-container {
	padding: 8px 16px;
	box-sizing: border-box;
}

.btn-container .btn {
	display: block;
	font-weight: 400;
	color: #212529;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #ffffff;
	border: 1px solid #e5e5e5;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	width: 24%;
	border-radius: 4px;
}

.btn-container .btn:focus {
	outline: 0;
}

.btn-container .btn:hover {
	background-color: #f6f6f6;
}

.btn-container .btn:active {
	background-color: #eee;
}

.btn-container .btn:disabled {
	cursor: not-allowed;
	background: #f5f5f5;
}

.btn-container a[href].btn-primary, .btn-container a[href].btn-primary:link, .btn-container a[href].btn-primary:visited {
	color: #fff;
	background-color: #F25449;
	border-color: #F25449;
	width: 46%;
}

.btn-container a[href].btn-primary:active {

	color: #fff;
	background-color: #E05F51;
	background-color: #E05F51;
}

.btn-container a.btn-primary:disabled {
	background: #6ad3c9;
}
.detail {
	color: #666;
	font-size: 13px;
}

.detail .title {
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.detail .state {
	position: absolute;
	display: block;
	height: 22px;
	line-height: 22px;
	background: rgb(247, 179, 54);
	color: #fff;
	border-radius: 20px;
	text-align: center;
	right: 16px;
	top: 20px;
	font-size: 12px;
	padding:0 4px;
}

.detail .state.state-finish {
	background: #F25449;
}

.detail .state.is-serialize {
	background: #977fb9;
}

.detail p {
	line-height: 1.8;
}

.latestchapter{min-height:50px;line-height:22px;padding-left:60px;position:relative}
.latestchapter .st-icon{width:50px;height:50px;position:absolute;left:0;top:0;background:url(status-icon.png) no-repeat;overflow:hidden}
.latestchapter .serial-icon{background-position:0 0}
.latestchapter .end-icon{background-position:0 -55px}

.interaction{height:50px;padding-top:15px;border-top:1px solid #e6e6e6}
.interaction li{float:left;width:33%;border-right:1px solid #e6e6e6;text-align:center}
.interaction li:last-child{border-right:none}
.interaction li p{height:25px;line-height:25px}
.interaction li p.num{font-family: Arial;font-size: 1.4em;color: #B47850;}

.bookintro .hd{height:35px;line-height:35px;padding:0 10px;background:#ebebeb;font-size:1.6rem}
.bookintro .con{padding:10px 10px 0;line-height:24px;text-indent:2em}

.supportlinks{padding:15px 0}
.supportlinks li{float:left;width:20%;text-align:center}
.supportlinks li a{display:block;width:90%;max-width:100px;min-width:50px;margin:0 auto}
.newsupport{padding:10px;background:#ebebeb}
.newsupport h3{height:25px;line-height:25px;padding-bottom:6px;border-bottom:1px solid #CCC;font-size:16px}
.newsupport ul li{height:35px;line-height:35px;border-bottom:1px dashed #CCC}
.newsupport ul li .gift{color:#333}

.moresupport{text-align: center;margin-top: 10px;}

.cataloglist li{padding:10px 0;border-bottom:1px solid #e6e6e6}
.cataloglist li span{display: block;}

a.writereview{display:inline-block;width:70px;line-height:28px;background:#9f9386;background-image:-webkit-linear-gradient(top,#9f9386,#9f9386);border:none;color:#FFF;text-align:center}

.comment-item{padding:15px 0 15px 40px;line-height:22px;border-bottom:1px solid #e6e6e6;position:relative;}
.comment-item:last-child{padding-bottom:0;border-bottom: none;margin-bottom: 10px;}
.comment-item .avatar{width:32px;height:32px;position:absolute;left:0;top:20px}
.comment-item .avatar img{width: 32px;height: 32px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.comment-item .comment-user{color: #3361a7;}
.comment-item .comment-user i{vertical-align:text-bottom}
.comment-item .reply{ color: #999;float: right;font-size: 1.2rem;}
.comment-item .comment-bd,.comment-item .replylist .reply-ft{height:22px}
.comment-item .comment-con {color: #313233;line-height: 150%;word-break: break-word;}
.comment-item .replylist{padding-top:5px;margin-top:12px;border-top:1px solid #e6e6e6}
.comment-item .replylist li{padding:5px 0}
.comment-item .morereply{ text-align: right;}
.reviewform{ margin-top: 10px;}
.reviewform td.col-1{width:40px;line-height:34px;vertical-align:top}
.reviewform .review-con{height:88px}
.location,.btlocation{line-height:25px;font-size:1.6rem}
.location{ margin-bottom: 15px;}
.btlocation{ margin:10px 0;}
.location .home,.btlocation .home{display:inline-block;width:20px;height:20px;background:url(home.png) no-repeat 3px 3px;vertical-align:text-bottom;overflow:hidden}
.location .gt,.btlocation .gt{padding:0 8px}

.readbg{}
.articletitle{line-height:25px;font-size:1.8rem;color:#be9155}
.articleinfo{height:32px;line-height:32px;padding:0 126px 15px 0;position:relative;border-bottom:1px solid #c6c1b6}
.toolbar{position:absolute;right:0;top:0}
.toolbar a{float:left;width:32px;height:32px;background: url(articleset-icon.png) no-repeat;margin-left: 10px;}
.toolbar a.pattern{background-position:0 -37px}
.toolbar a.aminus{background-position:-37px 0}
.toolbar a.aminus.current{background-position:-37px -37px}
.toolbar a.aadd{background-position:-74px 0}
.toolbar a.aadd.current{background-position:-74px -37px}
.articlecon,.authorsaid{line-height:24px}
.articlecon p,.authorsaid p{padding:5px 0}
.authorsaid{padding:10px 0;border-top:1px solid #bfac7e;border-bottom:1px solid #bfac7e}
.readinteract{height:25px;line-height:25px;text-align:right;font-size:0}
.readinteract a{font-size:1.6rem;color: #666;margin-left: 15px;}
.articlebtn{height:35px;margin:20px 0;text-align:center;font-size:0}
.articlebtn a{width:28%;margin:0 6px}

.font-normal p{font-size:1.4rem;line-height: 24px;}
.font-large p{ font-size: 1.6rem;line-height: 28px;}
.font-xlarge p{ font-size: 1.8rem;line-height: 32px;}
.font-xxlarge p{ font-size: 2rem;line-height: 36px;}
.font-xxxlarge p{ font-size: 2.2rem;line-height: 40px;}

.nightbg{ background: #202020;}
.nightbg,.nightbg a{color:#a0a0a0}
.nightbg .articlebtn a{color:#FFF}
.nightbg .location .home,.nightbg .btlocation .home{background-position:3px -19px}
.nightbg .articleinfo,.nightbg .authorsaid{border-bottom-color:#3c3c3c}
.nightbg .authorsaid{border-top-color:#3c3c3c}
.nightbg .toolbar .pattern{ background-position: 0 0;}
.nightbg .logininfo {background: #333;border-color: #666;border-top:none;}

.recharge-hd em{font-size:1.4rem}
.moneyradio{padding:10px 0}
.moneyradio li{float:left;padding:5px 15px 5px 0;line-height:22px}
.moneyradio li input{margin-right:3px}
.nextstep{height:35px}
.nextstep .next-btn{width:80px}
.nextstep .tel-text{width:175px;height:23px;line-height:23px;padding:5px;margin-right:5px;background:none;border:1px solid #CCC;outline:none}
.rechargeform .textbox{background:#f8f8f8}
.rechargeform .totalmoney{height:30px;line-height:30px;font-size:1.6rem}
.paylink p{height:28px;line-height:28px}
.linkslist li{padding:5px 0;border-bottom:1px solid #e6e6e6}
.linkslist li:last-child{padding-bottom:0;border-bottom:none}
.linkslist li a{display:block;height:30px;line-height:30px}

.remind,.failremind,.okremind{padding: 10px 15px;line-height:22px}
.remind{background:#e9e1d5;border:1px solid #d3c5af}
.failremind{background:#ecc4c4;border:1px solid #e1b4b4;color:#3e2400}
.okremind{background:#d9e9d2;border:1px solid #c3d5bb;color:#3e2400}
.failremind h3,.remind h3{line-height:25px}
.failremind h3{margin-bottom:2px}
.remind h3{margin-bottom:2px;color:#b90000}
.remind p,.failremind p,.okremind p{padding:3px 0}
.viporder-hd .v-icon{margin-left:3px}

.supportform .support-pic{width:32px;height:32px;vertical-align:text-bottom}
.supportform label{display:block;margin-bottom:5px;line-height:22px}
.supportform .support-text{height:88px}

.support-table td{padding:10px 0}
.support-table td.col-2{width:32px}
.support-table td.col-3{width:50px;padding-left:10px}
.support-table .support-pic{width:32px;height:32px}
.support-table .username{color:#666}
.accinfo,.accgrade{line-height:30px}
/*.accgrade p{height:30px}*/
.accgrade .item{float:left}
.accgrade .vline{float:left;padding:0 10px}
.umenu li:first-child{padding-top:0}
.u-hd{height:30px;line-height:30px;padding-bottom:6px;font-size:1.6rem}
.backucenter{height:28px;line-height:28px}
.collect-table td{padding:10px 0}
.collect-table td.col-2{width:70px}
.collect-table p{padding:2px 0}
.userform{padding-top:15px}
.userform .yzmbox{height:34px}
.userform .yzm-img{width:80px;height:34px}
.userform .yzm-change{line-height:34px}
.forgetpwd{height:25px;line-height:25px;text-align:right}

.content2{height: auto;width: 100%;overflow: hidden;margin: 0 auto 10px auto;background-color: #fff;min-height:200px;}
.content2 ul{height: auto;width: 96%;margin: 15px auto 10px auto ;overflow: hidden;}
.content2 ul li{width:22%;margin:15px 0 15px 9%;float:left;}
.content2 ul li img{width: 100%;height: auto;}
.content2 ul li p{font-size: 12px;text-align: center;}
.content2 ul li a{width: 100%;height: auto;}
.content2 ul li .hots{width: 50%;position: absolute;right: 0;}
.content2 ul .hot{position: relative;}

.recharge_shb{width: 100%;height: auto;overflow: hidden;background-color: #fff;margin: 0 auto;}
.recharge_shb ul{width: 100%;height: auto;margin-top: 20px;margin-bottom: 20px;overflow: hidden;}
.recharge_shb ul li{width: 40%;height:auto;border:1px solid #dfdfdf;float: left;border-radius: 5px;margin-left: 6%;margin-bottom: 15px;text-align: center;line-height: 22px;}
.recharge_shb ul li a{display: block;position: relative;}
.recharge_shb ul li a span{line-height: 26px;display: block;}
.recharge_shb span.orange {color: #fe5b00;display: block; font-size: 18px;}
.recharge_shb li i {display: inline-block;background: url(0.png) no-repeat;background-size: 100%;width: 40px;height: 40px;position: absolute;top: 0;right:0;z-index: 99;font-style: normal;}
.recharge_shb li i.i1000 {background: url(1000.png) no-repeat;background-size: 100%;}
.recharge_shb li i.i500 {background: url(500.png) no-repeat;background-size: 100%;}
.recharge_shb li i.i200 {background: url(200.png) no-repeat;background-size: 100%;}
.recharge_shb li i.i100 {background: url(100.png) no-repeat;background-size: 100%;}
.recharge_shb li i.i50 {background: url(50.png) no-repeat;background-size: 100%;}


fieldset {border: 1px solid #e5e5e5;-webkit-border-radius: 4px;border-radius: 4px;padding: 24px 10px;margin: 10px 0;font-size: 12px;background: #fff;}
fieldset legend {font-size: 14px;color: #999;text-align: center;}
.oauth{margin-bottom: 30px;}
.oauth li{float:left;width:25%;text-align: center;}
.oauth li a{background: url(sprite01_bg.png) 0 0 no-repeat;width: 50px;height: 50px;word-wrap: break-word;margin: 0 auto;background-size: 50px 251px;display: block;}
.oauth li a.wb{background-position: 0 -65px;}
.oauth li a.bd{background-position: 0 -132px;}
.oauth li a.wx{background-position: 0 -197px;}
.oauth li span{display: block;}

.VipHint a {    color: #C52633;}

.data{ height: 50px;margin:10px 0 10px 0;}
.data li{float: left;min-width: 80px;width: 33%;text-align: center;}
.data a{display: block;margin: 0 auto;width: 80px;font-size: 1.0em;line-height: 16px;border-radius: 5px;text-align: center;padding: 3px 0;}
.data a em{ font-style: normal;display: block;color: #960;}
.data a.name{color: #799324;border: 1px solid #799324;}
.shared {margin: 10px; min-height: 32px;}

.hot .pic {display: inline-block;width:100%;position: relative;margin:0 0 10px 0;}
.hot .pic img{width:100%;}
.hot .pic .bg{display:inline-block; width:100%;color:#FFF;font-size:1.4em; line-height:1.4em; min-height:24px; background:#000; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity=70); position:absolute; left:0; bottom:0; z-index:19}
.hot a.line {display: block;border-top: 1px solid #DDDDDD;font-size:1.175em;line-height:1.175em; width:100%; color: #333;text-decoration: none;padding:13px 0;}


#nativeShare .label{font-size: 14px;}
#nativeShare .list{width: 90%;margin: 0 auto;}
#nativeShare .list span{width: 25%;display: inline-block;text-align: center;margin: 10px 0;}
#nativeShare .list span i{width: 40px;height: 40px;display: block;margin: 0 auto;margin-bottom: 5px;}
#nativeShare .weibo i{background-image: url('http://res.yokong.com/m/images/shared/weibo.png');background-size: cover;}
#nativeShare .weixin i{background-image: url('http://res.yokong.com/m/images/shared/weixin_friend.png');background-size: cover;}
#nativeShare .weixin_timeline i{background-image: url('http://res.yokong.com/m/images/shared/weixin.png');background-size: cover;}
#nativeShare .qq i{background-image: url('http://res.yokong.com/m/images/shared/qq.png');background-size: cover;}
#nativeShare .qzone i{background-image: url('http://res.yokong.com/m/images/shared/qqzone.png');background-size: cover;}
#nativeShare .more i{background-image: url('http://res.yokong.com/m/images/shared/more.png');background-size: cover;}

#weixin-tip{display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100;} 
#weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%; position: relative;}
#weixin-tip img {max-width: 100%;height: auto;}
#weixin-tip .close{color: #fff;padding: 5px;font: bold 20px/20px simsun;text-shadow: 0 1px 0 #ddd;position: absolute;top: 0; left: 5%;}