body{font-family:"Helvetica Neue",Helvetica,"Hiragino Sans GB",Arial,sans-serif;font-size:medium;line-height:1.6em;color:#333;}
*{padding:0;margin:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{font-size:medium;}
ol,ul {list-style:none;}
address,cite,code,em,th,i{font-weight:normal; font-style:normal;}
img{border:0;vertical-align:top;max-width:100%;height:auto;}
a{color:#333;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
input,textarea,select{outline:none;}
ul:after,li:after,div:after{clear:both;height:0;overflow:hidden;display:block;visibility:hidden;content:"";}
.font-songti{font-family:"\5B8B\4F53";}
.clear{clear:both}
.clear0{clear:both;height:0;overflow:hidden;}
.clear1{clear:both;height:1em;overflow:hidden;}
.clear5{clear:both;height:5em;overflow:hidden;}
.hide{display:none !important;}
.hidden{overflow:hidden;}
.c{text-align:center}
.b{font-weight:bold}
.red{color:#f00;}
.black{color:#000;}
.fl{float:left}
.fr{float:right}
.ellipsis a, .self-ellipsis{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

#wrapper{position:fixed;top:0;bottom:0;left:0;width:100%;max-width:640px;background-color:#fff; transition:transform ease .3s;-webkit-transition:transform ease .3s;}
@media(min-width:641px){
	#wrapper{left:50%;margin-left:-320px;}
}

#wrapper.on{-webkit-transform:translateX(60%);-moz-transform:translateX(60%);transform:translateX(60%);}
.wrap{position:absolute;top:44px;right:0;bottom:0/*3.5em*/;left:0;overflow-x:hidden;overflow-y:auto;}
.wrapmask{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.3);z-index:99999;}

.wrap>.content{margin:1em .75em;line-height:1.6em;min-height:10em;}
.wrap>.content p{margin:0 0 1em;}
.wrap>.content a{color:#06c;}
.wrap>.content h1{margin-bottom:15px;font-size:large;line-height:1.2;}
.wrap>.content h2{margin-bottom:10px;font-size:medium;line-height:1.2;}
.wrap>.content h3,.wrap>.content h4,.wrap>.content h5,.wrap>.content h6{font-size:medium;line-height:1.6;}
.wrap>.content>.fragment-title{margin:1em 0;padding:10px 0;color:#fff;text-indent:1em;background-color:#333;}

#nav{position:absolute;z-index:9;top:0;bottom:0;left:0;width:60%;overflow:hidden;background-color:#333;font-size:medium;line-height:44px; transition:ease .3s;-webkit-transition:ease .3s; -moz-transform:translateX(-100%);-webkit-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);}
#nav.on{-moz-transform:translateX(0);-webkit-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
#nav, #nav a{color:#eee;}
#nav-box{position:absolute;top:0;bottom:0;left:0;width:200%; transition:ease .3s;-webkit-transition:ease .3s;}
#nav-box.on{-moz-transform:translateX(-50%);-webkit-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
#nav-box>div{position:absolute;top:0;bottom:0;width:50%;overflow-x:hidden;overflow-y:auto;}
#nav-box .nav-level1{left:0;}
#nav-box .nav-level2{left:50%;}
#nav li{border-top:1px solid #444;border-bottom:1px solid #222;}
#nav li:first-child{border-top:0;}
#nav li em{position:relative;display:block;float:right;border-left:1px solid #222;width:20%;height:44px;}
#nav .nav-level1 li a i{width:40px;text-align:center;}
#nav .nav-level1 li a{width:80%;}
#nav .nav-level1 li em:before{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-left:1px solid #444;content:"";}
#nav .nav-level1 li em:after{display:block;position:absolute;left:50%;bottom:50%;width:8px;height:8px;margin-bottom:-4px;margin-left:-4px;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-top:2px solid #ccc;border-right:2px solid #ccc;content:"";}
#nav .nav-level2 ul{display:none;}
#nav .nav-level2 li a{padding-left:40px;width:100%;text-indent:0;}
#nav .nav-level2 li:first-child{background:#222;}
#nav .nav-level2 li:first-child a{padding-left:0;}
#nav .nav-level2 li:first-child em{float:left;border:0;}
#nav .nav-level2 li:first-child em:after{display:block;position:absolute;left:50%;bottom:50%;width:8px;height:8px;margin-bottom:-4px;margin-left:-4px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg);border-top:2px solid #ccc;border-right:2px solid #ccc;content:"";}

.form .tip{padding:1em 4%;color:#666;}
.form input[type="text"], a.btnsubmit, .form textarea{display:block;margin:0 auto 0.5em;padding:0 0.5em;width:90%;height:36px;line-height:36px;border:1px solid #666;border-radius:5px;background:none;}
.form textarea{height:72px;line-height:24px;}
.form input:focus, .form textarea:focus{box-shadow:0 0 10px #00a0e9;}
a.btnsubmit{border-color:#00a0e9;background:#00a0e9;color:#fff;}
.form div.label{padding:0 4% 0.5em;}



/*图片列表-不同宽高比由模板中生成的缩略图尺寸决定*/
.default-imagelist{margin:5px 1%;}
.default-imagelist li{float:left;margin:5px 1%;border:1px solid #ddd;width:48%;background:#f3f3f3;}
.default-imagelist img{display:block;width:100%;}
.default-imagelist span{padding:2px .5em 0;line-height:2;}

/*视频列表-基于图片列表*/
.default-videolist li{position:relative;}
.default-videolist em{display:block;position:absolute;top:0;right:0;bottom:2em;left:0;background:url(../../images/default/video_play.png) center center no-repeat;opacity:.8;}

/*新闻列表*/
.default-newslist li{float:left;border-top:1px dashed #ddd;width:100%;}
.default-newslist li:first-child{border-top:0;}
.default-newslist a{display:block;position:relative;padding:8px 0;}
.default-newslist img, .default-newslist div, .default-newslist span{display:block;position:absolute;}
.default-newslist .text{height:46px;line-height:30px;}
.default-newslist .text div{left:10px;right:3.5em;}
.default-newslist .text span{right:10px;font-size:small;color:#888;}
.default-newslist .img{height:76px;}
.default-newslist .img img{left:10px;width:90px;height:60px;}
.default-newslist .img div{left:110px;right:10px;height:40px;line-height:20px;overflow:hidden;white-space:normal;}
.default-newslist .img span{left:110px;bottom:10px;font-size:small;line-height:1;color:#888;}


.pagebar{padding:2em 0;text-align:center;}
.pagebar a{display:inline-block;margin:0 3px;border:1px solid #ccc;padding:0 1em;height:2em;line-height:2em;font-weight:bold;background:#fff;}
.pagebar .on, .pagebar a:hover{background-color:#f00;border-color:#c00;color:#fff}

.titlecontainer{margin-bottom:1em;border-bottom:1px solid #fff;}
.titlecontainer div{border-bottom:1px solid #ccc;line-height:1.4;}
.titlecontainer h1{padding:0.6em 2%;font-size:large;}
.titlecontainer h2{padding:0 2% .6em;font-weight:normal;color:#666;}
.titlecontainer span{display:block;margin:0 2%;padding-bottom:.6em;font-size:small;color:#999;}

/*下载详情页*/
.download-view{margin-top:2em;border:1px solid #999;}
.download-view dt, .download-view dd{padding:10px 12px;border-top:1px solid #999;line-height:1.2;}
.download-view dt{border:1px solid #fff;background-color:#eee;font-weight:bold;}
.download-view a{color:#0058b0;}
.download-view a:hover{color:#e00;}

.prevnext{margin-top:1em;background:#eee;}
.prevnext a{padding:0 .5em;line-height:3em;color:#225892;}
.prevnext a:nth-child(2){border-top:1px solid #ddd;}
.prevnext span{color:#333;}

/*内页默认式样*/
.topbar{position:absolute;z-index:999;top:0;left:0;width:100%;height:44px;background-color:#2e649f;}
.topbar-btn{position:absolute;display:block;top:0.3em;bottom:0.3em;width:36px;border:1px solid #1c5089;border-radius:0.3em;line-height:32px;color:#fff;background-color:#225892;}
.topbar .return{left:0.4em;}
.topbar .home{right:0.4em;}
.topbar .t{display:inline-block;max-width:65%;height:44px;line-height:44px;font-size:large;color:#fff;}
#subnav{position:absolute;display:none;top:44px;padding-bottom:44px;max-height:100%;overflow:auto;width:100%;}
#subnav>ul{background-color:#333;}
#subnav li{float:left;border-bottom:1px solid #555;width:100%;}
#subnav li ul{margin:0 2em 1em;background-color:#444;}
#subnav li li ul{background-color:#555;}
#subnav a{padding:0 2em;width:100%;height:3em;color:#fff;line-height:3em;}
#subnav a.on{color:#e00;}

/*swipe滑动模块*/
.swipe{position:relative;overflow:hidden;visibility:hidden;}
.swipe ul{position:relative;overflow:hidden;}
.swipe ul li{float:left;position:relative;width:100%;}
.swipe ul div{position:absolute;bottom:0;left:0;width:100%;background-color:rgba(0,0,0,.5);}
.swipe ul p{padding:0 .5em;font-size:14px;line-height:2em;color:#fff;}
.swipe ol{position:absolute;right:0;bottom:10px;}
.swipe ol li{float:left;margin-right:5px;width:8px;height:8px;background:#999;border-radius:50%;}
.swipe ol li.on{background:#fff;}

/*ckplayer视频播放*/
.ckplayer-container{margin:0 auto 20px;width:100%;max-width:800px;}