@charset "utf-8";
*{margin:0 auto; padding:0}
a{color: #395231; text-decoration:none;}
a:hover{ text-decoration:underline}
body{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; background:#000;}
img{border:0;}
li{list-style:none;}
.blank10{ height:10px; line-height:normal; font-size:0px; overflow:hidden}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden}


.top{background:url(/manual/dstwo/images/top_banner.jpg) no-repeat; width:1003px; height:72px;}
.top ul{ text-align:right; height:62px; padding-top:10px; padding-right:40px;}
.top ul li{float:right;color:#FFF;}
.top ul li span{ padding:0 10px;}
.top ul li a{ color:#FFF;}

.menu{ text-align:center ; background:url(/manual/dstwo/images/menu.jpg) no-repeat; width:940px; padding-left:63px; height:28px; padding-top:5px; overflow:hidden;}
.menu li { width:110px; float:left; height:33px;}
.menu a{ display:inline-block;height:33px; line-height:25px; background:url(/manual/dstwo/images/menu_off.jpg) no-repeat; width:98px; color:#000;}
.menu a:hover{ background:url(/manual/dstwo/images/menu_on.jpg) no-repeat; color:#fff; text-decoration:none;}

.flash{ width:1003px; background:url(/manual/dstwo/images/flash_bg.jpg) no-repeat; height:249px; clear:both;}


.banner { background:#fff;POSITION: relative; WIDTH: 910px; HEIGHT: 249px; OVERFLOW: hidden}
.banner-img {	Z-INDEX: 1; POSITION: absolute; WIDTH: 910px; HEIGHT: 249px; OVERFLOW: hidden; TOP: 0px; LEFT: 0px}
.banner-img .banner-explain {	FLOAT: left}
.banner-explain {	POSITION: relative; WIDTH: 910px; HEIGHT: 199px; PADDING-TOP: 50px}
.banner-explain LI {	FLOAT: left}
.banner-explain LI.intro {	LINE-HEIGHT: 1.2; MARGIN-TOP: 15px}
.banner-btn {	WIDTH: 112px; DISPLAY: block; HEIGHT: 32px; MARGIN-RIGHT: 8px}
.slj .banner-btn {	WIDTH: 130px}
.aask .banner-btn {	WIDTH: 130px}
.banner-btn a{	WIDTH: 100%; DISPLAY: block; HEIGHT: 100%}
.banner-btn SPAN {	DISPLAY: none}
.banner-explain a{	TEXT-DECORATION: underline}
.banner-explain .aask a{	color: #eefe8f}
.banner-explain .sdmjf a{	color: #e1dcff}
.banner-explain .txf a{	color: #dff1ff}
.banner-explain .sfk a{	color: #dff1ff}
.banner-explain .slj a{	color: #ba4c45}
.banner-explain .wsgw a{	color: #e63423}
.banner-explain .xykhk a{	color: #fdffdf}
.banner-explain .jfz a{	color: #fdffdf}
.banner-explain .swf a{	color: #dff1ff}
.banner-icon {	Z-INDEX: 3; POSITION: absolute; PADDING-BOTTOM: 4px; PADDING-LEFT: 20px; WIDTH: 360px; BOTTOM: 0px; PADDING-RIGHT: 20px; HEIGHT: 38px; PADDING-TOP: 3px}
.banner-overlay-bg {	Z-INDEX: 2; BORDER-BOTTOM: #fff 1px solid; POSITION: absolute; FILTER: alpha(opacity=50); BORDER-LEFT: #fff 1px solid; BACKGROUND-color: #000; WIDTH: 362px; DISPLAY: none; HEIGHT: 41px; BORDER-TOP: #fff 1px solid; TOP: 1px; BORDER-RIGHT: #fff 1px solid; LEFT: 2px; -moz-opacity: .50; opacity: .50}
.hover .banner-overlay-bg {	DISPLAY: block}
.banner-icon UL {	Z-INDEX: 2; POSITION: absolute}
.banner-icon LI {	POSITION: relative; PADDING-BOTTOM: 3px; MARGIN: 0px 3px 0px 0px; PADDING-LEFT: 3px; WIDTH: 32px; PADDING-RIGHT: 3px; FLOAT: left; HEIGHT: 32px; CURSOR: pointer; PADDING-TOP: 3px}
.banner-icon LI.current {	BORDER-BOTTOM: #333 3px solid; BORDER-LEFT: #333 3px solid; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: #333 3px solid; BORDER-RIGHT: #333 3px solid; PADDING-TOP: 0px}
.banner-icon li div { background: url(/manual/dstwo/images/ico-banner-normal.gif) no-repeat; height: 100%}
.banner-icon li .pointer { background: url(/manual/dstwo/images/ico-banner-normal.gif) no-repeat; height: 100%}
.banner-icon li.current div { background-image: url(/manual/dstwo/images/ico-banner-hover.png)}

.banner-icon li .aask {	background-position: -222px 0px}
.banner-icon li .aask .pointer { background-position: -222px -38px}
.banner-icon li .sdmjf { background-position: -74px 0px}
.banner-icon li .sdmjf .pointer { background-position: -74px -38px}
.banner-icon li .txf { background-position: -37px 0px}
.banner-icon li .txf .pointer {	background-position: -37px -38px}
.banner-icon li .sfk { background-position: -259px 0px}
.banner-icon li .sfk .pointer {	background-position: -259px -38px}
.banner-icon li .slj { background-position: -148px 0px}
.banner-icon li .slj .pointer {	background-position: -148px -38px}
.banner-icon li .wsgw {	background-position: 0px 0px}
.banner-icon li .wsgw .pointer { background-position: 0px -38px}
.banner-icon li .xykhk { background-position: -111px 0px}
.banner-icon li .xykhk .pointer { background-position: -111px -38px}
.banner-icon li .jfz { background-position: -185px 0px}
.banner-icon li .jfz .pointer {	background-position: -185px -38px}

.banner-icon li .pointer { position: absolute; width: 32px; background-attachment: scroll; display: none; background-repeat: no-repeat; background-position: -222px -38px; height: 6px; top: -7px}
.banner-icon li.current .pointer { display: block}


.content{ background: url(/manual/dstwo/images/con_1.jpg) no-repeat; width:1003px; padding-top:140px; }
.con_box{ text-align:center ;background: url(/manual/dstwo/images/con_bg.jpg) repeat-y; padding-bottom:20px;}
.con_box ul{ width:840px;}
.con_box li{ text-align:left; width:400px; height:150px; }
.con_box .li_l{ float:left}
.con_box .li_r{ float:right; padding-right:12px;}
.con_box li h5{ border-bottom:1px solid #fce2ed; font-size:14px; height:22px; line-height:22px;}
.con_box .li_img{ height:140px; float:left; width:80px;}
.con_box li p{ color:#999; line-height:22px;}
.con_box li a{ color:#af1753; display:inline-block; width:52px; height:22px; background:url(/manual/dstwo/images/cursor.jpg) no-repeat; padding-left:20px; text-decoration:none}
.con_box li a:hover{ text-decoration:underline; color:#333333}
.footer{  text-align:center ;clear:both; background:url(/manual/dstwo/images/footer.jpg) no-repeat; width:1003px; padding-top:70px; height:55px; color:#ccc}


.featureTips{position:absolute; padding-top:2px; display:none; filter:alpha(opacity=0); opacity:0;}
.featureTips .bg{background:#e7eff2; padding:0 2px;}
.featureTips .case{	border:1px #bce7fd solid; padding:1px; background:white; position:relative; left:-1px;top:-2px;}
.featureTips .case .caseBg{	padding:10px; background:#EEF6FC;}



/*文章*/
.content_article{ background: url(/manual/dstwo/images/article_title.jpg) no-repeat; width:1003px; padding-top:40px; }
.content_article h1{ text-align:center; font-size:18px; height:80px; color:#E23F81}
.article_box{ padding:0 80px; background: url(/manual/dstwo/images/con_bg.jpg) repeat-y; padding-bottom:20px; line-height:22px; color:#666;}
.article_box .q{ color:#C73972}
.article_box .a{ text-indent:2em; color:#666; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #F5F5F5}

.article_box .use_tdd{ width:100%; border:1px solid #B56F8D; border-collapse:collapse; margin-top:10px;}
.article_box .use_tdd td{border:1px solid #B56F8D; padding:2px 10px}
.article_box .grayb{ background:#D99CB7; color:#FFF; font-size:14px; font-weight:700}
.article_box .em2{ text-indent:2em;}


/*FAQ*/
.faq_box{ background: url(/manual/dstwo/images/con_bg.jpg) repeat-y; padding-bottom:20px;}
.faq_top{ width:840px; height:7px; background:url(/manual/dstwo/images/faq_bg_top.jpg) no-repeat;overflow:hidden;}
.faq_bot{ width:840px; clear:both; height:7px; background:url(/manual/dstwo/images/faq_bg_bot.jpg) no-repeat;overflow:hidden;}
.faq_con{ background:#EFEFEF; width:840px; padding:15px 0}
.faq_con_l{ float:left; width:210px; text-align:center;}
.faq_con_r{ float:right; width:630px; text-align:center;}

.faq_right_l{ float:left; width:573px;}
.faq_right_r{ padding-top:30px; margin-left:-3px; float:left; width:32px;}
.faq_tab_top{ width:573px; height:10px; background:url(/manual/dstwo/images/faq_r_top.jpg) no-repeat; overflow:hidden;}
.faq_tab_bot{ width:573px; height:10px; background:url(/manual/dstwo/images/faq_r_bot.jpg) no-repeat; overflow:hidden;}
.faq_tab_con{ width:573px; background:url(/manual/dstwo/images/faq_r_bg.jpg) repeat-y; height:1300px}

.faq_tab_con .faq_a{ padding-left:30px; width:504px; height:30px; background:url(/manual/dstwo/images/faq_q.jpg) no-repeat; line-height:30px; color:#88174D}
.faq_tab_con .faq_q{ margin-bottom:30px; border:1px solid #EFEFEF; border-top:none; width:470px; padding:10px 20px; color:#666;}

/*FAQ切换*/
#pro_channel{text-align:center}
#pro_channel li{ font-weight:700; margin-bottom:8px; vertical-align:middle; float:left; width:14px; padding-left:9px; padding-right:9px; padding-top:20px; height:51px; text-align:center;background:url(/manual/dstwo/images/faq_tab_off.jpg) no-repeat; font-size:14px; color:#E14090;}
#pro_content{padding:10px; text-align:left; overflow:hidden;line-height:150%; color:#444; font-size:12px;}
#pro_content a{ text-decoration:underline}
#pro_content a:hover{ color:#F00}
#pro_channel li.sec2{ background:url(/manual/dstwo/images/faq_tab_on.jpg) no-repeat; color:#fff; cursor:pointer;}
.block{display:block;}
.unblock{ display:none;}
#pro_channel #a2,#pro_channel #a3{ padding-top:12px; height:59px;}

/*下载文章*/

.down_top{ background:url(/manual/dstwo/images/down_top.jpg) no-repeat; text-align:left; width:830px; height:210px;}
.down_top .down_top_l{ float:left; width:400px;}
.down_top ul{ width:205px; padding-left:195px; padding-top:25px}
.down_top .down_top_l p{ padding-left:130px;}
.down_top .down_a{ float:right; width:350px; padding-top:112px;}
.down_top .down_a_a{ padding-bottom:5px}
.down_top .down_a_1{ z-index:-9999px;width:125px; height:25px; margin-top:5px; display:inline-block;}
.down_top .down_a_2{ z-index:-9999px;width:125px; margin-left:45px;margin-top:5px; height:25px; display:inline-block;}
.down_top .down_a_3{ width:120px; height:20px; display:inline-block; margin-left:200px; margin-top:12px;}
.down_top li{ list-style:none; height:25px; line-height:25px;}


/*SDK down*/
.sdk_down{ background:url(/manual/dstwo/images/sdk_down.jpg) no-repeat;}
.sdk_down .down_a{ float:right; width:350px; padding-top:105px;} 

.sdktop{ clear:both; margin-top:10px; width:800px;}
.sdktop .sdktop_l{ float:left; width:393px; border:1px solid #E0CCD7}
.sdktop .sdktop_r{ float:right; width:393px; border:1px solid #E0CCD7}
.sdktop h4{ color:#551D36;background:#F3EBEF; padding-left:15px; height:30px; line-height:30px; font-size:14px; border-bottom:1px solid #E0CCD7}
.sdktop .sdkym_con{ padding:15px; height:140px}
.sdktop .sdkym_con a{ text-decoration:underline}
.sdktop .sdkym_con a:hover{ color:#F00;}

.down_list{ clear:both; margin-top:10px; width:800px; border:1px solid #E0CCD7}
.down_list h4{ color:#551D36;background:#F3EBEF url(/manual/dstwo/images/down_star.jpg) 15px 10px no-repeat; padding-left:30px; height:30px; line-height:30px; font-size:14px; border-bottom:1px solid #E0CCD7}
.down_con{ padding:15px;}
.down_con a{ color:#03F;}
.down_con a:hover{ color:#F00; text-decoration:underline}
.down_con strong{ color:#551D36}

/*DSTWO 插件*/
.plugin_list{ width:580px;}
.plugin_list a:hover{ color:#F00}
.plugin_list .p_img{ width:60px; height:70px;}
.plugin_list table{ width:100%;}
.plugin_list .line{ height:15px; border-bottom:1px solid #ddd; margin-bottom:15px; width:580px;}
.plugin_list .p_title{ font-size:14px; font-weight:700; text-decoration:underline; color:#266392}
.plugin_list small{ font-size:12px; color:#999;} 
.plugin_list .p_down_a a{ margin:0 5px; font-size:12px; text-decoration:underline; color:#266392}
.plugin_list .p_d_a{ background:url(/manual/dstwo/plugin/images/plugin_ico.jpg) no-repeat 2px -316px; padding-left:15px;}


/*DSTWO 插件内容页*/

.plugin_top{ background:url(/manual/dstwo/plugin/images/plugin_top.jpg) no-repeat; text-align:left; width:830px; height:210px;}
.plugin_top .p_top_l{ float:left; width:340px;padding-left:40px; padding-top:15px}
.plugin_top .p_top_l td{ padding:5px 0}
.plugin_top .p_top_l .p_img{ width:70px}
.plugin_top .p_top_r{ float:right; width:430px; padding-top:45px;}
.plugin_top .p_top_r h2{ font-family:"黑体";width:430px; text-align:center; height:30px; line-height:30px; font-size:28px; color:#FFF;}
.plugin_top .p_top_r p{padding-top:42px; text-align:right; padding-right:50px;}
.plugin_top .p_top_r .down_a{ display:inline-block; width:160px; height:40px;}


.plugin_con{ clear:both; margin-top:10px; width:800px; border:1px solid #E0CCD7}
.plugin_con h4{ color:#551D36;background:#F3EBEF url(/manual/dstwo/images/down_star.jpg) 15px 10px no-repeat; padding-left:30px; height:30px; line-height:30px; font-size:14px; border-bottom:1px solid #E0CCD7}
.plugin_con a{ color:#648F55}
.plugin_con .p_con{ padding:15px;}
.plugin_con .p_con strong{ color:#551D36}

.plugin_con_td{ border-collapse:collapse; border:1px solid #DEDEDE;}
.plugin_con_td td{ padding:3px 10px; border-collapse:collapse; border:1px solid #DEDEDE;}