@import url("style.css");
@import url("base.css");
.list {
}
.list .bd {
	width:100%;
	overflow:hidden
}
.list .bd ul {
	width:778px
}
.list .item {
	float:left;
	width:210px;
	height:300px;
	overflow:hidden;
	padding:20px 16px 0 0
}
.list .templates-img {
	height:210px;
	overflow:hidden;
	position:relative;
	border-top:1px solid #efefef
}
#apptools .templates-img {
	border-top:0
}
.list .version {
	height:20px;
	width:100%;
	overflow:hidden;
	color:#999
}
.list .templates-img a {
	color:#FFF
}
.list .templates-img a:hover {
	color:#FFF;
	text-decoration:none
}
.list .templates-info {
	padding:0 5px
}
.list .templates-info h6 {
	font:bold 12px/23px Arial,Helvetica,sans-serif;
	padding:5px 0px 3px;
	white-space:nowrap
}
.list .templates-info h6 a {
	color:#256ebe
}
.list .templates-info h6 a:hover {
	color:#f13d00;
	text-decoration:none
}
.list .templates-info .brief {
	line-height:18px;
	height:36px;
	overflow:hidden
}
.list .templates-info .brief b {
	font-weight:normal;
}
.list .templates-pice {
	height:20px;
	padding-top:3px
}
.list .templates-pice a {
	width:12px;
	height:12px;
	background:url('../images/hb.gif') no-repeat -87px 0;
	overflow:hidden;
	text-indent:-999em;
	display:block;
	float:right;
	margin-top:4px
}
.hotlist {
	padding:5px 10px
}
.hotlist li {
	line-height:18px;
	padding:4px 0 4px 0px
}
.hotlist li .num {
	width:13px;
	height:12px;
	line-height:12px;
	font-size:12px;
	text-align:center;
	color:#FFF;
	background:url('../images/hb.gif') no-repeat -63px -19px;
	float:left;
	margin:3px 8px 0 0;
	overflow:hidden
}
.hotlist li .active {
	background-position:-63px -32px
}
.ArtListWrap,.toolslistbox {
	margin-top:10px;
	border:1px solid #ddd;
	min-height:822px;
	_height:822px
}
.ArtListWrap .list {
	padding:20px 15px 15px 30px;
	border-bottom:1px dashed #ddd;
	clear:both;
	min-height:100px;
	_height:112px
}
.ArtListWrap .hlist {
	background-color:#f9f9f9
}
.ArtListWrap .list .span-auto {
	width:70px;
	margin:6px 24px 15px 0;
	float:left;
	text-align:center;
	color:#999
}
.ArtListWrap .list .view {
	width:48px;
	height:50px;
	display:block;
	padding:12px 5px 0;
	color:#fff;
	font-weight:bold;
	margin:0 auto 6px
}
.ArtListWrap .list .view1 {
	background:url('../images/num_blue.gif') no-repeat
}
.ArtListWrap .list .view2 {
	background:url('../images/num_green.gif') no-repeat;
	color:#333
}
.list .info {
	color:#333;
	line-height:22px
}
.list .info h3 a {
	color:#333
}
.list .info h3 a:hover {
	color:#ff8400
}
.list .info .date {
	padding:8px 0 5px
}
.list .info .date span {
	margin-right:12px
}
.list .intro {
	color:#666
}
.toolslistbox .list {
	padding:20px 15px 15px 30px;
	border-bottom:1px dashed #ddd;
	clear:both
}
.toolslistbox .list .toolspic {
	width:124px;
	padding:3px 20px 15px 0;
	float:left;
	text-align:center;
	color:#999
}
.toolslistbox .list .toolspic img {
	display:block;
	width:120px;
	height:120px;
	border:1px solid #e5e5e5;
	padding:1px
}
.toolslistbox .list .toolspic a:hover img {
	border-color:#F60
}
.viewbox {
	background-color:#fff;
	position:relative;
	-moz-box-shadow:2px 2px 0 rgba(0,0,0,0.8);
	-webkit-box-shadow:2px 2px 0 rgba(0,0,0,0.2);
	box-shadow:2px 2px 2px rgba(0,0,0,0.2);
}
.viewbox1 {
	border:1px solid #e5e5e5;
	padding:20px;
	background-color:rgba(249,249,249,0.95);
}
.viewbox2 {
	border:1px solid #ddd;
	padding:20px 30px 15px
}
.viewbox h2.textcenter {
	color:#000;
	font:600 20px/36px Simsun,Arial,Helvetica,sans-serif;
	letter-spacing:1px
}
.viewbox .pubdate {
	line-height:36px;
	border-bottom:1px dotted #ccc;
	color:#808080
}
.viewbox .pubdate span {
	margin:0 5px
}
.viewbox .intro {
	background-color:#f9f9f9;
	border:1px solid #e5e5e5;
	padding:8px;
	margin:20px auto;
	line-height:1.8;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#666;
	width:95%
}
.viewbox .content {
	line-height:1.8;
	font-size:16px;
	color:#333;
	font-family:"Microsoft Yahei"
}
.viewbox .content a {
	color:#333;
	text-decoration:underline
}
.viewbox .content a:hover {
	color:#F13D00
}
.viewbox hr {
	border-width:1px 0 0 0;
	border-color:#ccc;
	border-style:solid;
	margin:15px 0;
}
.viewbox .content1 {
	min-height:400px;
	_height:400px;
	padding:30px 0px 10px
}
.viewbox .content1 img {
	max-width:718px
}
.viewbox .content2 {
	padding:20px 0 10px
}
.viewbox .content3 {
	padding:20px 20px 10px
}
.viewbox .info {
	line-height:18px
}
.viewbox .info p {
	margin:0;
	padding:5px 0
}
.viewbox .info .bshare-custom {
	margin-top:5px
}
.viewbox #bdshare {
	margin-top:5px
}
.nextandpe {
	height:20px;
	line-height:20px;
	padding:10px 30px 0;
	border-top:1px dashed #ddd;
	margin:12px -30px 0
}
.nextandpe a {
	font-size:12px;
	font-weight:normal
}
.nextandpe a:hover {
	text-decoration:underline
}
.nextandpe span {
	width:320px;
	white-space:nowrap;
	height:20px;
	line-height:20px;
	overflow:hidden;
	float:left
}
.nextandpe span.art_prev {
	margin-right:15px
}
.channetype {
	padding:5px 5px 8px 15px
}
.channetype h3 {
	padding-top:8px;
	font:12px/24px Simsun,Arial,Helvetica,sans-serif
}
.channetype h3 a {
	color:#333
}
.channetype li {
	height:22px;
	width:78px;
	float:left;
	line-height:22px;
	overflow:hidden
}
.channetype li a {
	padding-left:8px;
	background:url('../images/dian1.gif') no-repeat 0 center
}
.channetype li .active {
	color:#f77104
}
.pagelist {
	padding:2px 0;
	line-height:21px;
	overflow:hidden;
	text-align:center;
	margin:15px auto;
	font-family:Simsun
}
.pagelist li {
	display:inline;
}
.pagelist li a {
	border:1px solid #C9C9C9;
	height:20px;
	line-height:20px;
	*line-height:21px;
	padding:0 6px;
	text-decoration:none;
	background-color:#FFF;
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin:0 2px
}
.pagelist li a:hover,.pagelist .thisclass a {
	text-decoration:none;
	background-color:#f77104;
	border:1px solid #f77104;
	color:#FFFFFF
}
#goodsView {
	}#goodsView .goodPic {
	text-align:center;
	width:320px;
	height:320px;
	text-align:center;
	border:1px solid #e5e5e5;
	margin-right:30px;
	vertical-align:middle;
	display:table-cell;
	*line-height:320px;
	*font-size:280px;
	*display:block;
	font-family:Arial;
}
#goodsView .goodPic img {
	vertical-align:middel
}
#goodsView h1.goodsname {
	font:700 14px/1.8 Simsun,Arial,Helvetica,sans-serif;
	padding:0 0 5px 5px;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:10px;
	color:#000
}
#goodsView .brief {
	line-height:26px;
	color:#333;
	padding-right:6px;
	margin-bottom:15px;
	height:124px;
	overflow:hidden;
	position:relative
}
#show-More {
	position:absolute;
	right:0;
	top:0
}
.saveprice li {
	line-height:39px;
	height:39px;
	overflow:hidden;
	font-size:13px;
	color:#333
}
.saveprice .price {
	font-size:26px;
	font-family:'Microsoft Yahei',Verdana,Geneva,sans-serif;
	background:url('../images/rmb.gif') no-repeat 0 15px
}
.introbox {
	padding:15px;
	line-height:2;
	font-size:14px;
	color:#333
}
.introbox p {
	margin-bottom:1.2em
}
.btnBar {
	margin:15px 0 20px
}
.actbtn {
	background:none;
	border:none;
	cursor:pointer;
	padding:0;
	width:122px;
	height:36px;
	overflow:hidden;
	text-indent:-999em
}
.btnBar input {
	float:left;
	margin-right:12px
}
.btn-ask,.btn-buy,.star-off,.star-on {
	background:url('../images/product.png') no-repeat
}
.btn-buy {
	background-position:-214px 0
}
.btn-ask {
	background-position:-214px -37px
}
.btnBar ul li {
	float:left;
	height:25px;
	line-height:25px;
	overflow:hidden;
	margin-top:11px
}
.star-off,.star-on {
	width:95px;
	text-align:center;
	margin-right:10px
}
.star-off {
	background-position:-96px -91px
}
.star-on {
	background-position:0px -91px
}
.btn-fav {
	height:25px;
	display:block;
	width:73px;
	padding-left:20px;
	color:#247fbd
}
.star-on .btn-fav {
	color:#999
}
.getdemo,.showdemo {
	width:208px;
	height:56px;
	overflow:hidden;
	background-image:url('../images/product.png');
	background-repeat:no-repeat
}
.getdemo a,.showdemo a {
	display:block;
	width:208px;
	height:56px;
	display:block;
	text-indent:-999em;
	text-decoration:none
}
.showdemo {
	background-position:0 0
}
.getdemo {
	background-position:0 -124px
}
.kfbox {
	padding:10px;
	margin-bottom:10px
}
.kfbox h3 {
	height:64px;
	width:186px;
	display:block;
	text-indent:-999em;
	background:url('../images/kf.gif') no-repeat
}
.kfbox .bd {
	padding:10px 15px 0;
	border-top:1px solid #e5e5e5;
	margin-top:8px;
	line-height:17px
}
.kfbox .bd p {
	height:17px;
	line-height:17px;
	padding:5px 0
}
.mbinfo {
	margin-bottom:10px
}
.mbinfo h3 {
	padding:5px 0 5px 15px;
	background-color:#529be2;
	font-size:14px;
	color:#FFF
}
.mbinfo .bd {
	padding:10px
}
.mbinfo .bd li {
	color:#256EBE;
	padding:5px 0 0;
	line-height:17px;
	word-break:break-all;
	clear:both
}
.mbinfo .bd span {
	color:#333;
	float:left;
	margin-bottom:5px;
	width:62px;
	text-align:right
}
.goods-detail-tab {
	margin-top:20px
}
.goods-detail-tab .switchable-triggerBox {
	border-bottom:2px solid #ff6000;
	height:30px;
	width:100%;
	overflow:hidden
}
.goods-detail-tab .switchable-triggerBox li {
	height:30px;
	width:102px;
	color:#252525;
	font:600 14px/30px Simsun,Arial,Helvetica,sans-serif;
	text-align:center;
	float:left;
	background:url('../images/product.png') no-repeat -192px -91px;
	margin-right:6px
}
.goods-detail-tab .switchable-triggerBox li.active {
	color:#FFF;
	background-position:0 -57px
}
.goods-detail-tab .switchable-triggerBox li,.goods-detail-tab .switchable-triggerBox li span {
	cursor:pointer
}
.goods-detail-tab .switchable-content {
	padding:5px;
	width:748px;
	line-height:2;
	color:#333
}
.goods-detail-tab .switchable-content img {
	max-width:748px;
	_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1210?"748px":"auto");
}
.absolute {
	z-index:1000;
	position:absolute
}
.infolist {
	line-height:30px
}
.infolist small,.infolist span {
	font-size:12px
}
.infolist span {
	color:#333
}
.px10 {
	height:10px;
	clear:both;
	display:block;
	font-size:1px;
	overflow:hidden
}
.stico {
	overflow:hidden;
	display:block!important;
	height:16px!important;
	line-height:16px!important;
	padding-left:20px!important;
	background:url(../images/share.gif) no-repeat left;
	cursor:pointer;
	margin:0 5px
}
.stico:hover {
	text-decoration:underline;
	color:#f60
}
.stico_renren {
	background-position:0px 0px
}
.stico_reddit {
	background-position:0px -16px
}
.stico_sina {
	background-position:0px -32px
}
.stico_shareto {
	background-position:0px -48px
}
.stico_qzone {
	background-position:0px -64px
}
.stico_myspace {
	background-position:0px -80px
}
.stico_live {
	background-position:0px -96px
}
.stico_qq {
	background-position:0px -112px
}
.stico_pdf {
	background-position:0px -128px
}
.stico_t139 {
	background-position:0px -144px
}
.stico_xianguo {
	background-position:0px -160px
}
.stico_vivi {
	background-position:0px -176px
}
.stico_youdao {
	background-position:0px -192px
}
.stico_yahoo {
	background-position:0px -208px
}
.stico_twitter {
	background-position:0px -224px
}
.stico_taojianghu {
	background-position:0px -240px
}
.stico_t163 {
	background-position:0px -256px
}
.stico_tsohu {
	background-position:0px -272px
}
.stico_tsina {
	background-position:0px -288px
}
.stico_leshou {
	background-position:0px -304px
}
.stico_delicious {
	background-position:0px -320px
}
.stico_csdn {
	background-position:0px -336px
}
.stico_douban9 {
	background-position:0px -352px
}
.stico_digg {
	background-position:0px -368px
}
.stico_buzz {
	background-position:0px -384px
}
.stico_115 {
	background-position:0px -400px
}
.stico_51 {
	background-position:0px -416px
}
.stico_baidu {
	background-position:0px -432px
}
.stico_bai {
	background-position:0px -448px
}
.stico_douban {
	background-position:0px -464px
}
.stico_hexun {
	background-position:0px -480px
}
.stico_greader {
	background-position:0px -496px
}
.stico_kaixin001 {
	background-position:0px -512px
}
.stico_hi {
	background-position:0px -528px
}
.stico_facebook {
	background-position:0px -544px
}
.stico_gmail {
	background-position:0px -560px
}
.stico_google {
	background-position:0px -576px
}
.stico_fav {
	background-position:0px -592px;
	height:17px;
	padding-left:19px
}
.stico_itieba {
	background-position:0px -609px;
	height:18px;
	padding-left:20px
}
.stico_copy {
	background-position:0px -631px
}
.button_dike {
	background:url(../images/share.gif) no-repeat 4px -723px;
	padding-left:25px
}
.st_button {
	float:left
}
.web2 {
	height:18px
}
.web_zi {
	float:left;
	font-weight:normal
}
.web_defo {
	display:block;
	height:18px;
	line-height:18px;
	float:left
}
.web_defo .stico_copy:hover {
	text-decoration:underline;
	color:#f60
}
.web_an {
	width:16px;
	height:20px;
	float:right;
	padding:2px 0 0 0
}
.web_more {
	display:block;
	width:400px;
	height:180px;
	background:#fff;
	border:2px solid #c2e1d5;
	position:absolute;
	z-index:3;
	margin:18px 0 0 -400px;
	_margin:18px 0 0 -399px;
	padding:10px
}
.web_more b {
	display:inline;
	float:left;
	width:80px;
	font-weight:normal;
	height:16px;
	line-height:16px;
	margin:5px 0
}
.web_more .st_button {
	float:none
}
.web_on {
	border:2px solid #c2e1d5;
	border-bottom:none;
	z-index:4;
	position:absolute;
	background:url(../images/share.gif) no-repeat 6px -652px #fff;
	width:19px;
	height:22px;
	margin:-4px 0 0 -4px
}
.web_an li {
	display:block;
	width:15px;
	height:15px;
	overflow:hidden;
	border:1px solid #ddd;
	background:url(../images/share.gif) no-repeat 4px -654px #fff
}
.web_an .web_over {
	display:none
}
.over .web_over {
	display:block
}
#goodsView .web2 .st_button {
	width:0px
}
.listpic {
	padding:0 5px 15px;
}
.listpic li {
	padding-top:15px;
}
.listpic a,.listpic a:hover {
	text-decoration:none
}
.listpic a:hover {
	color:#FF6600
}
.listpic img {
	padding:2px;
	border:1px solid #ddd;
}
.listpic p {
	line-height:18px;
	padding-top:6px;
}
/*新文章样式*/
h1.postTitle {
	color:#444;
	font-family:"Microsoft YaHei","SimHei";
	font-size:30px;
	padding:10px 0 20px 0;
	text-align:center;
	text-shadow:1px 1px 0 #FEFEFE,1px 2px 0 #AAAAAA;
}
.viewbox blockquote {
	margin:15px auto;
	font:12px/20px 'courier new';
	border:1px solid #d6d6d6;
	border-left-width:4px;
	background:#fbfbfb url(../images/codecolorer_bg.gif) top;
	padding:10px 15px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.viewbox blockquote:hover {
	box-shadow:1px 2px 3px #ddd;
}
.viewbox blockquote p {
	margin:0;
	padding:0
}
.viewbox .content h2 {
	color:#111;
	border-bottom:#eee 1px solid;
	padding:15px 0 8px;
	font-size:15px
}
.viewbox h3,.viewbox .content h4 {
	padding:15px 0 0;
}
.viewbox h3,.viewbox .content h4 {
	font-size:16px
}
.viewbox .content h3 a,.viewbox .content h4 a {
	color:#000;
	background:none;
	text-decoration:underline;
	text-shadow:0px 1px 1px #fff;
}
.viewbox .content p {
	margin:10px 0;
	line-height:1.8;
	color:#333
}
.viewbox .content strong,.viewbox .content strong a {
	color:#333;
	background:none;
}
.viewbox .content strong a {
	border-bottom:1px dotted #dc2523;
}
.viewbox .content strong a:hover {
	background-color:none;
}
.viewbox .content ul,.viewbox .content ol {
	margin:10px
}
.viewbox .content li {
	margin-left:15px;
	line-height:26px;
	font-size:14px;
	color:#444
}
.viewbox .content ul.list li {
	list-style:disc
}
.viewbox .content ol li {
	list-style:decimal
}
/*
.viewbox .content table {
	width:auto;
	max-width:720px;
	margin:20px 0;
}
.viewbox .content table tr th {
	text-align:center;
}
.viewbox .content table tr th,.viewbox .content table tr td {
	border:1px solid #ddd;
	padding:10px 5px;
	line-height:24px;
	vertical-align:middle;
}
*/
.titletips {
	padding:10px;
	font:600 16px/1.5  "Microsoft Yahei",Simsun,Arial,Helvetica,sans-serif;
	color:#F00;
	background-color:#FC0;
	margin-bottom:10px;
}
/*演示按钮*/
.demoBox {
	text-align:center;
	margin:20px 0 30px;
}
a.m-btn {
	line-height:28px;
	font-size:14px;
	font-weight:bold;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:blue;
	display:inline-block;
	*display:inline;
	*zoom:1;
	color:#FFF !important;
	padding:5px 15px;
	background-color:#7fbf4d;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#7fbf4d),color-stop(100%,#63a62f));
	background-image:-webkit-linear-gradient(top,#7fbf4d,#63a62f);
	background-image:-moz-linear-gradient(top,#7fbf4d,#63a62f);
	background-image:-ms-linear-gradient(top,#7fbf4d,#63a62f);
	background-image:-o-linear-gradient(top,#7fbf4d,#63a62f);
	background-image:linear-gradient(top,#7fbf4d,#63a62f);
	border:1px solid #63a62f;
	border-bottom:1px solid #5b992b;
	-webkit-box-shadow:inset 0 1px 0 0 #96ca6d;
	-moz-box-shadow:inset 0 1px 0 0 #96ca6d;
	box-shadow:inset 0 1px 0 0 #96ca6d;
	box-shadow:0px 1px 0px rgba(0,0,0,0.2);
	text-align:center;
	text-shadow:0 -1px 0 #4c9021;
	text-decoration:none !important
}
a.m-btn:hover {
	text-decoration:none;
	background-color:#76b347;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#76b347),color-stop(100%,#5e9e2e));
	background-image:-webkit-linear-gradient(top,#76b347,#5e9e2e);
	background-image:-moz-linear-gradient(top,#76b347,#5e9e2e);
	background-image:-ms-linear-gradient(top,#76b347,#5e9e2e);
	background-image:-o-linear-gradient(top,#76b347,#5e9e2e);
	background-image:linear-gradient(top,#76b347,#5e9e2e);
	-webkit-box-shadow:inset 0 1px 0 0 #8dbf67;
	-moz-box-shadow:inset 0 1px 0 0 #8dbf67;
	box-shadow:inset 0 1px 0 0 #8dbf67;
	cursor:pointer;
}
a.m-btn:active {
	border:1px solid #5b992b;
	border-bottom:1px solid #538c27;
	-webkit-box-shadow:inset 0 0 8px 4px #548c29,0 1px 0 0 #eeeeee;
	-moz-box-shadow:inset 0 0 8px 4px #548c29,0 1px 0 0 #eeeeee;
	box-shadow:inset 0 0 8px 4px #548c29,0 1px 0 0 #eeeeee;
}
/*支付按钮*/
.buybutton input {
	width:200px;
	height:32px;
	border:none;
	background:url('../images/com_bg.png') no-repeat;
	padding:0;
	cursor:pointer;
	text-align:center;
	line-height:32px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.buybutton input:hover {
	background-position:0 -40px;
}
/*售后服务*/
.shfw {
	padding:15px 10px;
	line-height:1.8
}
.shfw h5 {
	margin-top:10px
}
.shfw .ullist {
	padding-left:0;
}
.shfw .ullist li {
	padding:3px 0 3px 12px !important
}
/*模板筛选*/
.selector {
	margin-bottom:10px;
	border:1px solid #ddd;
	background:#f1f1f1;
}
.selector .s-title .st-ext {
	color:#999
}
.selector .s-title {
	height:34px;
	line-height:34px;
	background:#fff url("../images/bg.jpg") repeat-x 0 -31px;
	border-bottom:1px solid #ddd;
	overflow:hidden
}
.selector .s-title h3 {
	color:#f13d00;
	float:left;
	font-size:14px;
	padding-left:15px;
}
.J_selectorLine {
	padding:3px 5px 12px;
}
.selector .sl-wrap {
	margin-top:12px
}
.selector .sl-key {
	width:80px;
	text-align:right;
	padding:2px 8px 2px 0;
	float:left;
	line-height:18px;
}
.selector .sl-value {
	margin-left:88px;
	overflow:hidden
}
.selector .sl-wrap ul,.selector .sl-wrap li {
	float:left;
}
.selector .sl-wrap a,.selector .sl-wrap span {
	padding:2px 5px;
	float:left;
	_display:inline;
	line-height:18px;
	margin:0 5px 5px 0
}
.selector .sl-wrap a {
	color:#005aa0
}
.selector .sl-wrap a:hover {
	color:#f13d00;
	text-decoration:none
}
.selector .sl-wrap span {
	color:#fff;
	background:#256ebe;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}