@charset "UTF-8";
/*
* @ description: e商城栏目下页面样式（包含软件，源码，成品）
* @ author: jonwel
* @ update: (2017.v2.0)
*/


*{padding: 0;margin: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b,u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,button,input{margin: 0px; padding: 0px; border: 0px none; outline: 0px none; font-size: 100%; vertical-align:baseline;background: none repeat scroll 0% 0% transparent;}
ol,ul,li{list-style:none;}


body{font:12px "microsoft yahei", Tahoma, Arial, Helvetica, Sans-serif;color:#666;}

a{text-decoration:none; outline: none; cursor:pointer;color:#8D8D8D; }
a:hover{color: #ff6600;}

.clear{clear: both;/*margin-bottom: 10px;*/}



/*公共搜索区域*/
.banner{width: 100%;height: 350px;background: url(https://img.alicdn.com/imgextra/i4/2783343422/TB2MUMwkMRkpuFjy1zeXXc.6FXa-2783343422.jpg) top center no-repeat;}
.banner .sosou{margin:0px auto;width: 396px;height: 40px;padding-top: 120px;}
.banner .sosou #formsearch{margin-bottom: 10px;}
.banner .text{border:1px solid #ff6600;height: 38px;line-height: 38px;width: 310px;padding-left: 10px;}
.banner .btn{background: url(img/searchbtn.jpg) top center no-repeat;width: 70px;height: 40px}
.banner .sosou a{margin: 10px;}

/*列表页分类筛选区域 */
/*.fenlei{width: 600px;height: 36px;line-height: 36px;margin:20px auto;}
.fenlei a{display: inline-block;padding: 0 20px;border:1px solid #ff6600;border-radius: 10px;width: 60px;margin-right: 30px;text-align: center;}
.fenlei a:first-child{background: #ff6600;color: white;}*/
/*新的标签样式*/
.fenlei{width: 1200px;min-height: 30px;margin:20px auto;}
.fenlei a{display: inline-block;padding: 0 10px;line-height: 36px;}
.fenlei a:first-child{font-weight: bold;padding-left: 20px; }

/*列表页区域样式开始*/
.list{width: 1200px;min-height: 360px;margin:10px auto;}
.list li{float: left;width: 258px;border:1px solid #E5E5E5;margin:20px;position: relative;}
.list li .img{width: 258px;background: #F65563;text-align:center;}
.list li img{height: 258px;transition: all 0.8s;/*opacity: 0.8;*/}
.list li h3{height: 52px;line-height: 26px;padding-left: 10px;margin-top: 5px;}
.list li .jiage{height: 30px;margin-top: 10px;padding-left: 10px;}
.list li .jiage b{color: #ff6600;font-weight: bold;float: left;}
.list li .jiage span{color: #555;float: right;padding-right: 10px;font-weight: bold;}
.list li:hover{box-shadow: 0 0 20px #333;}
/*.none {background: #EBF3FA;}*/
.none .circle{width:68px;height:68px;background: url(img/icon_circle.png) center center no-repeat;position: absolute;top:30%;left: 35%;transition: all 0.8s;transform: translate(-200px,0);opacity:0;}
.none .zoom{width:33px;height:33px;background: url(img/icon_zoom.png) center center no-repeat;position: absolute;top:36%;left: 43%;transition: all 0.8s;transform: translate(200px,0);opacity:0;}
.list li:hover img{opacity: 0.3;}
.list li:hover .none .circle{transform: translate(0,0);opacity:1;}
.list li:hover .none .zoom{transform: translate(0,0);opacity:1;}

/*页码区域样式*/
.dede_pages{width: 1200px;height: 30px;line-height: 30px;margin:20px auto;}


/*以下样式为v1.0版本*/

/*支付弹出框*/
    .wrap{width:80%;margin:30px auto;/*border: 2px solid red;*/}
	.content{width:80%;margin:100px auto;}
	.hide_box{z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;position:fixed;display:none;}
	.shang_box{width:540px;height:540px;padding:10px;background-color:#fff;border-radius:10px;position:fixed;z-index:1000;left:50%;top:50%;margin-left:-280px;margin-top:-280px;border:1px dotted #dedede;display:none;}
	.shang_box img{border:none;border-width:0;}
	.dashang{display:block;width:100px;margin:5px auto;height:25px;line-height:25px;padding:10px;background-color:#E74851;color:#fff;text-align:center;text-decoration:none;border-radius:10px;font-weight:bold;font-size:16px;transition: all 0.3s;}
	.dashang:hover{opacity:0.8;padding:15px;font-size:18px;}
	.shang_close{float:right;display:inline-block;}
	.shang_logo{display:block;text-align:center;margin:20px auto;}
	.shang_tit{width: 100%;height: 75px;text-align: center;line-height: 66px;color: #a3a3a3;font-size: 16px;background: url('img/cy-reward-title-bg.jpg');font-family: 'Microsoft YaHei';margin-top: 7px;margin-right:2px;}
	.shang_tit p{color:#a3a3a3;text-align:center;font-size:16px;}
	.shang_payimg{width:140px;padding:10px;border:6px solid #EA5F00;margin:0 auto;border-radius:3px;height:140px;}
	.shang_payimg img{display:block;text-align:center;width:140px;height:140px; }
	.pay_explain{text-align:center;margin:10px auto;font-size:12px;color:#545454;}
	.radiobox{width: 16px;height: 16px;background: url('img/radio2.jpg');display: block;float: left;margin-top: 5px;margin-right: 14px;}
	.checked .radiobox{background:url('img/radio1.jpg');}
	.shang_payselect{text-align:center;margin:0 auto;margin-top:40px;cursor:pointer;height:60px;width:280px;}
	.shang_payselect .pay_item{display:inline-block;margin-right:10px;float:left;}
	.shang_info{clear:both;}
	.shang_info p,.shang_info a{color:#C3C3C3;text-align:center;font-size:12px;text-decoration:none;line-height:2em;}
	.shuoming{line-height:29px;border：2px solid red;}




/*软件板块内容页样式article_soft*/

/*快捷按钮导航区域*/
.kuaijie{width: 1200px;margin: 10px auto;}
.kuaijie a{display: inline-block;padding: 0 10px;height: 30px;line-height: 30px;border:1px solid #FF6600;margin-right: 30px;border-radius: 10px;}
.kuaijie a:hover{background: #FF6600;color: white;}

/*当前位置区域*/
.weizhi{width: 1200px;height: 20px;line-height: 20px;margin:10px auto;/*background: url(img/home.png) 5px center no-repeat;padding-left: 28px;*/padding-right:3px;}
.weizhi strong{padding-right: 10px;}

/*软件简介区域*/
.main{width: 1200px;margin: 10px auto;border:1px solid #ddd;min-height: 300px;overflow: hidden;position: relative;}
/*主体左侧图片*/
.main .pic{float: left; width: 370px;}
.main .pic img{padding: 10px;height: 370px;text-align: center;}
.main .pic img:hover{opacity: 1;}
/*主体中间区域*/
.main_m{float: left;padding-left: 10px;width: 520px;}
.main_m_title{/*border-bottom: 1px dotted #ddd;*/height: 30px;}
.main_m_title h2{font-size: 15px;height: 30px;line-height: 30px;color: #999999;}

/*主体中间价格区域*/
.main_m_jiage{background: url(img/main_m.png)  left center no-repeat;padding: 10px;margin-top: 10px;}
p.vip_jg em{font-size: 21px;font-weight: bold;color: red;}

/*销量、浏览量区域*/
.main_m_sum{height: 36px;line-height: 36px;border-top:1px dotted #ddd; border-bottom:1px dotted #ddd;margin-top: 10px;}
.main_m_sum span{padding:0 20px;/*border-right: 1px dotted #ddd;*/}
/*会员专享介绍区域*/
.main_m_zhuanxiang{height: 30px;line-height: 30px;margin-top: 20px;font-size: 13px;}
.main_m_zhuanxiang span{display: inline-block;padding:0 16px;height: 30px;line-height: 30px;margin-right: 10px;border:1px solid #ddd;}
.main_m_zhuanxiang span:hover{color: #ff6600;}

/*用户下单购买区域*/
.main_m_buy{margin-top: 30px;}
/* .main_m_buy span{display: inline-block;padding: 0 16px;color: white;height: 37px;line-height: 37px;font-size: 13px;font-weight: bold;}
.main_m_buy span.buy{background: #f49a55;display: inline-block;padding: 0 26px;margin-right: 16px;color: white;}
.main_m_buy span.down{background: #5dade2;display: inline-block;padding: 0 26px;margin-right: 16px;color: white;}
.main_m_buy span.mima{background: #b68b52;display: inline-block;padding: 0 26px;margin-right: 16px;color: white;}
.main_m_buy a:hover{opacity: 0.5;} */

.main_m_buy span{width:120px;height:36px;line-height:36px;display: block;float: left;/*border: 1px solid #FFFFFF;*/margin-right: 16px;text-align: center;font-weight: bold;color: white;}
.main_m_buy span.buy{background:#f49a44;}
.main_m_buy span.car{background:#E53736;}
.main_m_buy span.down{background: #5dade2;}
.main_m_buy span.zixun{background: #27ae60;}
.main_m_buy span a{color: white;display: inline-block;width: 120px;height: 36px;line-height: 36px;}
.main_m_buy span.mima{background: #b68b52;/*margin-left: -10px;*/font-size: 13px;}
span.down button{border: none;background: #5dade2;line-height: 36px;height: 36px;text-align: center;font-weight: bold;color: white;}
.main_m_buy span:hover{	
	opacity:0.6;
filter:alpha(opacity=60); /* 针对 IE8 以及更早的版本 */}

/*温馨提示*/
.main_m_shengming{padding-top: 30px;font-size: 12px;clear:both;}
/*主体右侧区域*/
.main_r{width: 270px;float: right;padding-top: 5px;min-height: 300px;}

/*主体右侧收藏、推荐等区域*/
.main_r_share{width: 270px;float: right;height: 30px;font-size: 13px;margin-top:18px;/*border-left:1px dotted #ddd;*/padding-left: 10px;}
.main_r_share li{float: left;padding:0 16px;height: 30px;line-height: 30px;}
.main_r_share li.cang{background:url(img/share.gif) 0 7px no-repeat; }
.main_r_share li.tiao{background:url(img/share.gif) 0 -29px no-repeat; }
.main_r_share li.tui{background:url(img/share.gif) 0 -65px no-repeat; }
.main_r_share li.yin{background:url(img/share.gif) 0 -101px no-repeat; }

/*主体右侧广告区域*/
.main_r_ad{font-size: 13px;margin-top: 30px;/*border: 1px solid #ddd;*/}
.main_r_ad li{padding: 0 20px;height: 30px;line-height: 30px;}
.main_r_ad li.zhe{background: url(img/ico_zhe.gif) left center no-repeat;}
.main_r_ad li.mian{background: url(img/ico_mian.gif) left center no-repeat;}
.main_r_ad li.jian{background: url(img/ico_jian.gif) left center no-repeat;}
.main_r_ad li.song{background: url(img/ico_song.gif) left center no-repeat;}

/*主体右侧保障区域*/
.main_r_bao{margin-top: 80px;height: 100px;width: 270px;float: right;}
.main_r_bao p{font-size: 13px;padding-bottom: 10px;}
.main_r_bao li{width: 80px;height: 34px;float: left;margin-right: 5px;}
.main_r_bao .wancheng{background: url(img/baozhang.png) 0 -34px no-repeat;}
.main_r_bao .weihu{background: url(img/baozhang.png) 0 -68px no-repeat;}
.main_r_bao .yuanma{background: url(img/baozhang.png) 0 -136px no-repeat;}

/*内容页产品推荐广告区域*/
.article_ad{width: 1200px;margin:10px auto;border:1px solid #ddd;overflow: hidden;}
.article_ad li{float: left;width: 230px;margin-right: 10px;}
.article_ad li img{padding: 10px;height:220px; text-align:center;}

/*老网站样式*/
/*第三层介绍、须知、服务保障选项卡*/
.fl3{
	width: 1200px;
	min-height: 500px;
	margin: 20px auto;
	overflow:hidden;
}

/* 左侧推荐区域 */
.fl3_l{
    width: 270px;
    min-height: 300px;
    float: left;
    border:1px solid #e3e3e3;
}

.fl3_l span{
	display: block;
	height: 39px;
	line-height: 39px;
	font-size: 15px;
	font-weight: bold;
	background: #e6e6e6;
	padding-left: 8px;
	border-bottom:1px solid #e6e6e6;
}
.fl3_l_list li{height: 27px;line-height: 27px;padding-left: 10px;padding-top: 5px;font-size: 13px;}

/* 软件介绍正文区域 */
.fl3_r{
	width: 900px;
	min-height: 500px;
	float: right;
	margin-bottom: 10px;
	border:1px solid #e3e3e3;
}
.fl3_r_title{
	height: 39px;
	line-height: 39px;
	background: #e6e6e6;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 2px solid #ff6600;
}
.fl3_r_title li{
	width: 110px;
	float: left;
	text-align: center;
}
.on,.fl3_r_title li:hover{
	background: #ff6600;
	color: white;
	/*border-right: 1px solid white;*/
	cursor: pointer;
}

/*商品内容介绍区域*/

.yuanma_ad{width:1200px;min-height:100px;background:url(img/soft_ad.jpg) top center no-repeat;margin:0 auto;}
.fl3_r_neirong{padding: 10px;margin-bottom: 10px;}
.fl3_r_neirong img:hover{opacity: 1;}
.xuzhi li{padding: 10px 5px; line-height: 23px;border-bottom: 1px dotted #e3e3e3;}
.xuzhi b{background: url(img/wen.png) 5px center no-repeat;padding-left: 30px;}
.xuzhi p{margin-top: 8px;padding-left: 10px;}
.jieshao1{font-size: 15px;line-height: 26px;text-indent: 2em;}
.neirong img{max-width: 850px;}

.shuoming{width: 860px;background:#fff7ed;border: 1px solid #e3e3e3;overflow: hidden;padding: 10px;margin-bottom: 10px;}
.shuoming li{float: left;width: 260px;line-height: 30px;height: 30px;}

/*第5层上下篇收藏区域*/
.fl5{border-top:1px dotted #e3e3e3;padding: 10px 5px;}
/*上下篇区域*/
.next_pre{float: left;}
.next_pre li{padding: 6px 2px;}
.fl5_r{margin-top: 20px;}
.fl5_r li{float: right;padding-left: 15px;width: 50px;}
li.cang{background: url(img/fl5_r.gif) no-repeat 0 0;}
li.tiao{background: url(img/fl5_r.gif) no-repeat 0 -36px;}
li.tui{background: url(img/fl5_r.gif) no-repeat 0 -72px;}
li.yin{background: url(img/fl5_r.gif)no-repeat 0 -108px;}

/*列表页页码区域*/
.dede_pages{/*width: 880px;background: url(img/pagebg.png) repeat;height: 36px;line-height: 36px;*/margin: 0px auto;}
.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
	list-style: none;
}
.dede_pages ul li a{
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}

