html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}


body{ font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei";}
input{ outline: none;}
a{ color: #333; text-decoration: none;}
a:hover{ text-decoration: underline;}


/* 清理浮动 */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
/* for IE6 IE7 */
.clearfix { zoom:1;}

.inline-block{ display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;}


/*
 * @Author: Fred
 * @Date: 2015-03-05
 * @Memo: 公共样式
 */

.com-header{ height: 80px; width: 100%; min-width: 1280px; margin: 0; background: url(../../images/shop/header-bg.jpg) 0 0 repeat-x;z-index:999999; position:fixed; top:0px;}
.com-header-bd{ width: 1100px; height: 80px; margin: 0 auto; position: relative;}
.com-header-tools{ height: 15px; width: auto; color: #ccc; font-size: 12px; white-space: nowrap; position: absolute; right: 5px; top: 5px;}
.com-header-tools a{ color: #888;}

.com-logo{ height: 43px; width: 228px; position: absolute; left: 0; top: 18px;}
.com-logo img { width: 228px; height: 43px;}

.com-nav{ height: 76px; width: 800px; position: absolute; left: 285px;line-height:50px;}
.com-nav li{ width: auto; margin: 0 20px 0 0; white-space: nowrap; float: left; }
.com-nav li a{height: 76px; line-height:76px; display:block;padding:0 10px; font-size:18px; color:#333333;}
.com-nav li a:hover{line-height:76px; height:76px;padding:0 10px; text-decoration:none; font-weight:600}
.com-nav a.active{ color: #898989;}

.com-header_hide{ height: 50px; width: 100%; min-width: 1280px; margin: 0; background: url(../../images/shop/header-bg.jpg) 0 0 repeat-x; z-index:999999;  box-shadow: 0 2px 5px #666666; top:0px;}
.com-header_hide .com-header-bd{ width: 1220px; height: 50px; margin: 0 auto; position: relative;}
.com-header_hide .com-logo{ height: 43px; width: 188px; position: absolute; left: 0; top: 3px;}
.com-header_hide .com-logo a img { width: 188px; height: 35px; margin-top:5px;}

.com-header_hide .com-nav{ display:none}
.com-header_hide .com-search{ display:none}
/*r-tools{ display:none}*/

.com-search{ width: 132px; height: 20px; background: url(../../images/shop/seach-bg.png) no-repeat; position: absolute; right: 5px; top: 30px;}
.com-search-input{ display: block; height: 20px; width: 90px; padding: 0 5px; line-height: 20px; border: 0; background: none; float: left;}
.com-search-submit{ display: block; height: 20px; width: 29px; border: 0; background: none; cursor: pointer; float: left;}


.com-classes{ min-width: 1280px; height:0; margin: 0; background: url(../../images/shop/class-bg.png) 0 0 repeat-x; overflow: hidden; position: relative; z-index:99999;}
.com-classes-bd{ width: 1008px; height: 355px; margin: auto; overflow: hidden; position: relative; z-index: 10;}
.com-classes-bottom{ height: 10px; width: 100%; background: url(../../images/shop/class-bg.png) left bottom repeat-x; position: absolute; left: 0; bottom: 0;}
.com-classes-lst{ height: auto; width: 20000px; position: absolute; left: 0; top: 0;}
.com-classes-itm{ height: auto; width: 1120px; float: left;}
.com-classes-group{ width: 1662px; height: auto;}
.com-classes-group-itm{ color: #fff; height: auto; float: left; border-right: 2px solid #A6A6A6; height:150px;}
.com-classes-group-itm *{ color: #fff;}
.com-classes-group-itm:hover *{ color: #b3b3b3; text-decoration:none}
.com-classes-group-other{ height: 20px; width: 100%; clear: both; font-size: 16px; text-align: right; padding-top:150px;}
.com-classes-group-other a{ color: #fff;}
.com-classes-group-other a:hover{ text-decoration:none}
.com-classes-group-head{ height: 115px; width: 100px; float:left}
.com-classes-group-head h4{ padding: 33px 0 15px; font-size: 16px; color: #fff; text-align: center;}
.com-classes-group-head i{ display: block; height: 42px; width: 42px; margin: 0 auto; margin-top:30px;}
.com-classes-group-head i.line{ background: url(../../images/shop/icons.png) 0 -74px;}
.com-classes-group-head i.link{ background: url(../../images/shop/icons.png) -58px -74px;}
.com-classes-group-head i.wifi{ background: url(../../images/shop/icons.png) 0 -126px;}
.com-classes-group-head i.close{ background: url(../../images/shop/icons.png) -58px -126px;}
.com-classes-group-pic{ width: 309px; height: 184px; margin: 0 auto; border: 1px solid #a5a5a5; overflow: hidden;}
.com-classes-links{ height: auto; padding: 20px 0; font-size: 12px; float:left; width:150px;}
.com-classes-links .feny{ width: 50%; float: left;}
.com-classes-links h4{ font-size: 16px; color: #fff; text-align: left; padding-bottom:20px; padding-top:10px;}


.com-classes-btn { width: 1108px; height: 355px; margin: 0 auto; position: relative; top: -355px;}
.com-classes-btn .owl-prev { position: absolute; top: 130px; width: 22px; height: 43px; background:url(../../images/shop/news_20.gif) no-repeat; overflow: hidden; left: 30px; cursor: pointer; display: none;}
.com-classes-btn .owl-next { position: absolute; top: 130px; width: 22px; height: 43px; background:url(../../images/shop/news_23.gif) no-repeat; overflow: hidden; right: 0; cursor: pointer;}

.com-classes-links dt{ height: 30px; border-bottom:#59595b 2px solid; width:100%; line-height:30px; font-size:14px; margin-bottom:5px;}
.com-classes-links li{ height: 20px; white-space: nowrap;}

.com-classes-links a:hover{ color: #fff;}

.ccjt{  position: absolute;
  z-index: 999999;
  text-align: center;
  width: 15px;
  height: 8px;
  /* background: #ff0000; */
  bottom: 8px;
  left: 50%;
  margin-left: -7px;
  background:url(../../images/shop/jt1.png) no-repeat}
.ccjt:hover{  position: absolute;
  z-index: 999999;
  text-align: center;
  width: 15px;
  height: 8px;
  /* background: #ff0000; */
  bottom: 8px;
  left: 50%;
  margin-left: -7px;
  background:url(../../images/shop/jt2.png) no-repeat}

.com-footer{ height: 100px; width: 1220px; margin: 0 auto; position: relative;}
.com-footer-info{ padding: 0 0 0 20px; color: #aaa; font-size: 12px; line-height: 2.0;}
.com-footer-nav{ color: #999; white-space: nowrap; position: absolute; right: 0; top: 15px;}
.com-footer-nav a{ color: #666; margin: 0 10px; font-size: 14px;}



.theme-buy {
	margin-top:10%;
	text-align: center;
}
.theme-gobuy, .theme-signin {
	font-size: 15px;
}
.theme-price {
	position: relative;
	bottom: -6px;
	font-family: microsoft yahei, Arial, Helvetica, sans-serif;
	margin-right: 20px;
	font-weight: bold;
	color: #f60;
	line-height: 32px;
	font-size: 24px;
	display: inline-block;
}
.theme-price dfn {
	font-style: normal;
	font-size: 18px;
	margin-right: 2px;
}
.theme-desc {
	padding: 30px;
}
.theme-version {
	padding: 30px;
}
.theme-popover-mask {
	z-index: 9998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	  box-shadow: 0 0 10px #666666;
	background:#000000;
	opacity:0.6;
	filter:alpha(opacity=60);
		display:none
}
.theme-popover {
	z-index:9999999;
	position:fixed;
	top:50%;
	left:50%;
	width:500px;
	height:500px;
	margin:-250px 0 0 -250px;
	border-radius:5px;
	background-color:#fff;
	display:none;
	box-shadow: 0 0 10px #666;
}
.theme-poptit {
	padding:12px;
	position: relative;
}
.yzm{ width:97px!important; height:29px!important; line-height:29px!important; border:#666464 1px solid!important; text-align:center; float:left}
.theme-popbod {
  padding: 10px 15px;
  color: #444;
  height: 108px;}
.theme-popbom {
	padding:15px;
	background-color:#f6f6f6;
	border-top:1px solid #ddd;
	border-radius:0 0 5px 5px;
	color:#666
}
.theme-popbom a {
	margin-left:8px
}
.theme-poptit .close {
	float:right;
	color:#999;
	padding:5px;
	margin:-2px -5px -5px;
	font:bold 20px/14px simsun;
	text-shadow:0 1px 0 #ddd
}
.theme-poptit .close:hover {
	color:#444;
}
.btn.theme-reg {
	position: absolute;
	top: 8px;
	left: 43%;
	display: none
}
.inp-gray, .feed-mail-inp {
	border:1px solid #ccc;
	background-color:#fdfdfd;
	width:220px;
	height:16px;
	padding:4px;
	color:#444;
	margin-right:6px
}
.dform {
	text-align: center;
}
.dform .ipt_error {
	background-color:#FFFFCC;
	border-color:#FFCC66
}
.dform-tip {
	display:none;
	background-color:#080;
	color:#fff;
	line-height:42px;
	margin-top:10px;
	font-size: 14px;
}
.dform-tip-errer {
	background-color: #CF301A;
}
.dform-tip a {
	display: inline-block;
	padding: 0 20px;
	margin-left:10px;
	background-color: #FFE924;
	color: #CF301A;
}
.dform-login {
	padding:0;
	height: 270px;
	overflow: hidden;
}
.dform-login iframe {
	height: 470px;
	margin-top: -180px;
}
.theme-signin {
	text-align:left;
	font-size: 14px;
	background:url(../../images/shop/y_11.gif) no-repeat;
	  width: 276px;
  height: 85px;
  margin: 0 auto;
}
.theme-signin h4 {
	color:#666464;
	font-weight:100;
	margin-bottom: 20px;
	font-size: 12px;
}
.theme-signin li {
  padding-left: 10px;
  margin-bottom: 9px;
  padding-top: 6px;color:#666464
  }
  .theme-signin li a{
  text-decoration:underline; color:#666464
  }
.theme-signin li input{
  width: 216px;
  height: 24px;
  border: none;
  background: none;
  }
  
  
.theme-signin li strong {
	float: left;
	margin-left: -80px;
	width: 80px;
	text-align: right;
	line-height: 32px;
}
.theme-signin .btn {
	margin-bottom: 10px;
}
.theme-signin p {
	font-size: 12px;
	color: #999;
}
.theme-desc, .theme-version {
	padding-top: 0
}
.theme-popover .login_logo{ background:url(../../images/shop/y_07.gif) no-repeat center; width:145px; height:145px; margin:0 auto; overflow:hidden}

.w1210{ width:1210px; margin:0 auto; overflow:hidden}