/*mobile*/

.wider {max-width:600px; margin:0 auto}

/*header*/
.toper {border-bottom: 1px #ddd solid; height:40px; padding:20px 0; position:relative; background: url("../images/banner.jpg") no-repeat 0 100%; background-size: 100% auto}
.logo {height:40px; line-height: 40px; float: left; margin-left: 20px;}
.logo a {color:#fff; font-size:18px;}
.logo img {height: 40px; display: inline-block;}
.tlink {float: right; }
.tlink li {float:left; margin:0px 20px; position:relative}
.tlink li a {font-size: 14px; color: #fff; display: block; width: 20px; height: 20px; padding: 10px; border:1px #fff solid; text-align: center;}


/*blank*/
.blank h3 {font-size: 18px; font-weight: normal; color: #333}

/*pannel*/
.pannel {width: 0px; overflow: hidden; background: #fff; position:fixed; z-index: 100; right: 0px; top:0;}
.pannel .author {margin: 0; padding:20px 20px; height: 30px; border-bottom: 0px #ddd solid; overflow: hidden;}
.pannel .author .plus {display: block; float: right; font-size: 14px; color: #333; display: block; width: 20px; height: 20px; padding: 10px; border:1px #ddd solid; text-align: center;}
.pannel .namer {width: 100px; line-height: 15px; font-size: 12px; color: #666}
.pannel .titer {margin: 10px 20px; color: #333; font-size: 18px}
.pannel ul {overflow: auto; margin: 10px 20px;}
.pannel li {border-bottom: 1px #ddd solid}
.pannel li a {display: block; padding: 10px 0px; overflow: hidden; font-size: 16px; color: #666}
.pannel li i {float: left; margin-right: 5px; width: 30px; text-align: center;}
.pannel .auther {margin: 0; overflow: hidden; font-size: 14px; width: 100%; position: absolute; left: 0; bottom: 40px; border-top:1px #ddd solid;}
.pannel .auther a {float: left; width:50%; height: 20px; border-left: 1px #ddd solid; margin-left: -1px; text-align: center; padding: 5px 0; color: #666; background: #f0f0f0;}
.pannel .teler {margin: 0; height: 20px; padding: 10px; background: #ff6600; color: #fff; font-size: 16px; width: 100%; position: absolute; left: 0; bottom: 0}

/*flist*/
.flist {margin: 0 20px;}
.flist li {margin: 10px 0px;}
.flist li .block {padding: 10px 0; border-bottom:1px #ddd solid;}
.flist li .imger {float: right; margin-left: 10px; position: relative; width: 120px; height: 90px; overflow: hidden;}
.flist li .imger img {width: 120px; min-height: 90px;}
.flist li .titer {font-size: 20px; font-weight: normal; color: #333; }
.flist li .intor {color: #333; font-size: 15px; line-height: 24px;}
.flist li .timer {font-size: 12px;  color: #999}

/*fdetail*/
.fdetail {margin: 10px 20px;}
.fdetail .block {padding: 10px 0; border-bottom:1px #ddd solid;}
.fdetail .titer {font-size: 20px; font-weight: normal; color: #333;}
.fdetail .titer h1 {color: #333; font-size: 30px; font-weight: normal;}
.fdetail .timer {font-size: 12px;  color: #999; margin: 10px 0}
.fdetail .intor {color: #333; font-size: 15px; line-height: 24px;}
.fdetail .intor img {width: 100%}

/*recommend*/
.recommend {margin: 40px 20px;}
.recommend ul {border: 1px #ddd solid;}
.recommend li:first-child {border-top: none;}
.recommend li {border-top: 1px #ddd solid;}
.recommend li a {font-size: 16px; color: #333; display:block; padding: 20px; }

/*poper*/
.mask {position:fixed; z-index:90; top:0; right:0; background:#000; display:block; width:100%; height:100%; Alpha(opacity=50); opacity:0.5; cursor:default}