/*
Theme Name: dj2
Theme URI:  http://www.duijiang.me
Description: Theme for wordpress by Ght.
version: 1.0
Author: dj
Author URI: http://www.duijiang.me/
Tags:lite,right-sidebar,two-columns,metro
*/


html,body,div,p,span,a,strong,form,table,th,td,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,fieldset,iframe,object,pre,img,b,i{border: 0 none; margin: 0; outline: 0 none; padding: 0;}
ul,ol,li{ list-style: none;}
table{border-spacing: 0;}
fieldset,img { border: 0 none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
body, table, input, textarea, button, select {font-family: "\5FAE\8F6F\96C5\9ED1"; font-size: 12px; color: #666;}

blockquote {padding:0;}


html{background: #fff; overflow-y: scroll;}
.clr{ clear: both; height: 0; font-size: 0;}
a{ text-decoration: none; color: #666;}
.hot-link{ color: #047ecb; text-decoration: underline;}
.blue{ color: #008eff!important;}
.green{}

/***header style **/
.header{ width: 100%; height: 80px; overflow: hidden; background: url(images/h-bg.png) repeat-x; min-width: 980px;}
.nav{ width: 980px; margin: auto; height: 100%;}

	.logo{ float: left; margin-right: 220px;}
	.menu{ float: right; font-size: 16px; margin-top: 30px;}
	.menu a{ float: left; padding: 0 15px; color: #000; margin: 0 15px; height: 47px; }
	.menu a:hover{color:#047ECB;}
	.menu .current{ border-bottom: 3px solid #047ecb;}
	
.wrapper{ width: 980px; margin: auto; min-height: 540px; _height: 540px;}

/*sysmsg bgein*/
.sysmsg{padding:8px;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,0.5);background-color:#fcf8e3;border:1px solid #fbeed5;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;color:#c09853;margin-top:-15px;font-size:12px;}
.sysmsg a{color:#3A87AD;}
.sysmsg a:hover{color:#c09853;}
.sysmsg-free{background-color:#dff0d8;border-color:#d6e9c6;color:#468847;}
.sysmsg-tips{background-color:#f2dede;border-color:#eed3d7;color:#b94a48;}
.sysmsg-info{background-color:#d9edf7;border-color:#bce8f1;color:#3a87ad;}
/*sysmsg end*/

/*************FOOTER BEGIN****************/

.footer{ background: #252525; border-top: 10px solid #6C6C6C;width: 100%; min-width: 980px; height: 50px; padding-top: 20px; text-align: center; line-height: 22px;color:#A5A5A5;}
.footer a{color:#A5A5A5;}
.footer a:hover{color:#F5F5F5;}



/*************FOOTER END****************/

/***Index Product content BEGIN***/

.product-detail{ float: left; width: 100%;}
.product-ts,.sidebar-dt,.sidebar-contact{ border-bottom: 1px solid #d2d2d2; padding-bottom: 15px; height: 23px; line-height: 23px;}
	.product-ts h2,.sidebar-dt h2,.sidebar-contact h2{ float: left;}
	.product-ts .more,.sidebar-dt .more,.sidebar-contact .more{ float: right;}

.detail-list{ overflow: hidden; zoom: 1; font-size: 14px;}
.detail-list li{ float: left; width: 50%; margin-top: 30px; height: 125px; overflow: hidden;}
.detail-list h3{ font-size: 16px; float: left; margin-bottom: 5px;}
.detail-list .info{ width: 350px; float: left; line-height: 19px;}

.detail-zdlist{ overflow: hidden; zoom: 1; font-size: 14px;margin-left: -25px;}
.detail-zdlist li{ float: left; width: 50%; margin-top: 30px; height: 160px; overflow: hidden;}
.detail-zdlist h3{ font-size: 16px; float: left; margin-bottom: 5px;}
.detail-zdlist .info{ width: 350px; float: left; line-height: 17px;}

/***Index Product content BEGIN***/

.post-single{ float: left; width: 640px;}
.post-single-content{
	word-break: break-all;
	word-wrap: break-word;
	padding-bottom: 5px;
	line-height: 25px;
}
.post-single-title{font-size: 22px;font-weight: lighter;border-bottom: 1px solid #d2d2d2;padding:7px 0;}
.post-single-info{font-size:12px;color:#666;}
.post-content-p{padding-top:10px;text-indent: 2em;font-size: 14px;}
.post-content-p img{max-width: 600px;
width: expression(this.width>600 ? "600px":true);
height: auto;}
.post-single-list{font-size: 15px;font-weight: lighter;}
.post-single-listtitle{font-size: 20px;font-weight: lighter;border-bottom: 1px solid #d2d2d2;padding:6px 0;}
.post-single-list a:hover{color:#008EFF;}


.product-question{ float: right; width: 316px;}

.titles{ background: url(images/tits.png) no-repeat; height: 23px; text-indent: -9000px;}
.tit-detail{ background-position: 0 0; width: 125px;}
.tit-question{ background-position: 0 -23px; width: 150px;}
.tit-select-by-type{ background-position: 0 -69px; width: 205px;}
.tit-about{ background-position: 0 -46px; width: 205px;}
.tit-app-store{ background-position: 0 -115px; width: 255px;}
.tit-yueyu{ background-position: 0 -138px; width: 255px;}
.tit-gnjj{ background-position: 0 -92px; width: 125px;}

.p-icon{ background: url(images/index-icon.png) no-repeat; width: 62px; height: 62px; float: left; margin-right: 30px;}
.icon-1{ background-position: 0 0; margin-top: 10px;}
.icon-2{ background-position: -62px 0; margin-top: 10px;}
.icon-3{ background-position: -124px 0; margin-top: 10px;}
.icon-4{ background-position: -186px 0; margin-top: 10px;}
.icon-5{ background-position: -248px 0; margin-top: 10px;}
.icon-6{ background-position: -310px 0; margin-top: 10px;}

.p-zdicon{ background: url(images/index-zdicon.png) no-repeat; width: 100px; height: 100px; float: left; margin-right: 30px;}
.zdicon-1{ background-position: 20px 0; margin-top: 0px;}
.zdicon-2{ background-position: -60px 0; margin-top: 0px;}
.zdicon-3{ background-position: -145px 0; margin-top: 0px;}
.zdicon-4{ background-position: -236px 0; margin-top: 0px;}
.zdicon-5{ background-position: -327px 0; margin-top: 0px;}
.zdicon-6{ background-position: -420px 0; margin-top: 0px;}

.about-list{ overflow: hidden; zoom: 1; font-size: 14px; color: #333; margin-top: 15px;}
.sdpost-list{ overflow: hidden; zoom: 1; font-size: 14px; color: #047ECB; margin-top: 15px;}
.sdpost-list li{ float: left; width: 100%; height: 20px; line-height: 20px; overflow: hidden; margin-bottom: 8px;}
.sdpost-list a{ color: #047ECB;}
.sdpost-list a:hover{ text-decoration: underline;}


.footer-links{margin-top: 20px 0;height:50px;padding: 20px 0; font-size: 14px;}
.footer-links ul{list-style: none;}
.footer-links li{list-style: none;float: left;margin-right:10px;}
.footer-links a:hover{color:#047ECB;}

/*slide*/
.slide{ width: 100%; min-width: 980px; height: 588px; overflow: hidden; position: relative; border-top: 1px solid #959595;}
.slide-arry{ height: 480px; overflow: hidden; position: absolute;left: 0; top: 0; z-index: 100; width: 100%;}
.slide-arry li{height: 480px; text-align: center; width: 100%; position: absolute; left: 0; top: 0; z-index: 101; background: url(#) center no-repeat; }
.slide-arry li.on{ z-index: 105;}
.slide .slide-phone{ width: 980px; margin: auto; position: relative; z-index: 110;}

.slide-phone-arry{position: absolute; left: 60px; top: 80px; width: 350px; height: 480px;}
.slide-phone-arry li{ position: absolute; left: 0; top: 0; z-index: 112; display: none;}
.slide-phone-arry li.on{ z-index: 113; display: block;}

.slide-btns{ position: absolute; left: 445px; top: 453px;}
.btn-slide{ width: 190px; height: 50px; display: inline-block; margin-right: 10px; background: url(images/btn-slide.png) no-repeat;} 
.btn-tm-reg{ background-position: 0 0;}
.btn-tm-manage{ background-position: 0 -50px;}

.slide-desc{ position: absolute; left: 445px; top: 120px;}
.desc-img{     margin-top: 50px;width: 435px; height: 175px; display: inline-block; margin-right: 10px; background: url(images/idesc.png) no-repeat;} 


.slide-dlbtns{ position: absolute; left: 450px; top: 320px;background: url(images/dl-bg.png) no-repeat;width:310px;height:90px;padding:5px;}
.dlbtns-slide{ width: 160px; height: 50px; display: inline-block; margin-right: 10px; background: url(images/btn-download.png) no-repeat;} 
.dlbtns-slide-down{ background-position: 0 0;}
.dlbtns-manage{ background: url(images/code.png) no-repeat;display: inline-block; margin-top:-150px;margin-left: 10px;width:80px;height:80px;}
.dlbtns-dldesc{color:#F5F5F5;margin-top:-4px;font-family:SimSun;line-height:17px;}

.slide-dl{ position: absolute; left: 440px; top: 350px;}
.dl-img{ width: 190px; height: 60px; display: inline-block; margin-right: 10px; background: url(images/) no-repeat;} 


.pagewrapper{background-color: #fff;position: relative;}
.pageheader{padding: 10px 20px 8px;line-height: 24px;position: relative;border-bottom: 1px solid #eee;margin-bottom: 0;background-color: #f7f7f7;}
.pageheader h1{font-size: 20px;font-weight: normal;padding: 0;margin: 0;line-height: 24px;}
.pageheader h1 a{color: #444;}
.pageheader h1 .avatar{float: left;margin-right: 5px;}
.pageheader h1 em{font-size: 12px;font-style: normal;font-weight: normal;}

.pagecontent .pageheader{background: none;padding: 0 0 8px;margin-bottom: 20px;}
.pagecontent .pageheader h1{font-size: 20px;font-weight: normal;}
.pagecontent .article-content{padding: 0;font-size: 14px;
line-height: 25px;
word-break: break-all;
word-wrap: break-word;
padding-bottom: 5px;
}
.pagecontent .article-content img{padding: 2px;
max-width: 600px;
width: expression(this.width>600 ? "600px":true);
height: auto;

}
.pagecontent #respond,
.pagecontent #postcomments{margin: 0 -20px;}
.pagesidebar{position: absolute;top:0;left:0;width: 200px;background-color: #fbfbfb;bottom: 0}
.pagesider-menu{font-size: 14px;}
.pagesider-menu .sub-menu{display: none;}
.pagesider-menu a{margin-bottom: 1px;padding:10px 15px;color:#888;border-left: solid 4px transparent;cursor: pointer;overflow: hidden;border-bottom: 1px solid #EEEEEE;display: block;}
.pagesider-menu a:hover{background-color:#f7f7f7;color:#666}
.pagesider-menu li.active a, 
.pagesider-menu li.current_page_item a,
.pagesider-menu li.current-menu-item a
{color:#444;background-color:#fff;border-left-color:#428BCA;margin-right: -1px;position: relative;z-index:2;}
.pagesider-menu [class^="icon-"],.pagesider-menu [class*=" icon-"]{opacity: 0.70;filter:alpha(opacity=70);}
.pagesider-menu li.active [class^="icon-"],.pagesider-menu li.active [class*=" icon-"]{opacity: 0.88;filter:alpha(opacity=88);}

.pagecontent{margin-left: 200px;min-height: 600px;border-left: 1px solid #eee;padding: 20px;}


/* weixin code */
*{ padding:0px; margin:0px;}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:36px; height:48px; background:url(images/icon.png) no-repeat; position:fixed; right:150px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-276px -258px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-316px -258px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-276px -310px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:270px; height:355px; background:url(images/icon.png) -4px -3px no-repeat; position:fixed; right:190px; bottom:67px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;z-index:999;}