@charset "utf-8";
	/*! define dist/src/index/index-50fe25e1.css*/
body
{
background-image: url(../images/indexbj.png);
background-position: top;
background-repeat: no-repeat;
 background-size:100% 100%;
margin: 0;
	padding: 0;
	background-attachment: fixed;
}
body,html,form
{
    height:100%
}
#ct {
	width:100%
}
.fc_orange {
	color:#ff9634
}
.fc_orangeRed {
	color:#ff6b58
}
.fc_lightGray {
	color:#919191
}
.index_w {
	max-width:640px;
	min-width:320px;
	margin:0 auto
}
.slide_img {
	max-width:640px;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	
}
.slide_img ul {
	min-width:320px;
	position:relative;
	overflow:hidden
}
.slide_img ul li {
	width:100%;
	height:100%;
	float:left;
	position:relative
}
.slide_img ul li img {
	width:100%;
	height:auto
}
.slide_img .img_indx {
	width:90%;
	height:20px;
	position:absolute;
	left:0;
	bottom:5px;
	text-align:right
}
.slide_img .img_indx span {
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:3px;
	background-color:#fff;
	margin:0 3px
}
.slide_img .img_indx span.curr {
	background-color:#e63b53;
	width:16px
}
@media screen and (max-width:350px) {
	.slide_img {
	min-height:111px;
	height:auto;
	overflow:hidden
}
}@media screen and (min-width:350px) and (max-width:360px) {
	.slide_img {
	min-height:122px;
	height:auto;
	overflow:hidden
}
}@media screen and (min-width:360px) and (max-width:375px) {
	.slide_img {
	min-height:125px;
	height:auto;
	overflow:hidden
}
}@media screen and (min-width:375px) and (max-width:414px) {
	.slide_img {
	min-height:130px;
	height:auto;
	overflow:hidden
}
}@media screen and (min-width:414px) and (max-width:480px) {
	.slide_img {
	min-height:143px;
	height:auto;
	overflow:hidden
}
}@media screen and (min-width:480px) {
	.slide_img {
	min-height:166px;
	height:auto;
	overflow:hidden
}
}.slide_img ul {
	min-width:320px;
	position:relative;
	overflow:hidden
}
.category {
	
	
	padding:10px;
	overflow:hidden;
	
	padding-left:18px;
	text-align:center
}
.category div {

	
	
	 margin:0 auto;

	
}
.category div span {
	
	display:block;
	margin:0 auto
}
.category div span img {
	width:75%;
	margin:0 auto;
	
}
.category div strong {
	font-weight:400;
	display:block;
	text-align:center;
	padding-top:8px;
	font-size:14px;
	color:#0C0201
}
.category li.all_o span {
	background:url(../../img/cate/all_o.png);
	background-size:contain
}
.category li.taocampus_o span {
	background:url(../../img/cate/wireless_taocampus_o.png);
	background-size:contain
}
.category li.wireless1000_o span {
	background:url(../../img/cate/wireless1000.png);
	background-size:contain
}
.category li.wireless1001_o span {
	background:url(../../img/cate/wireless1001.png);
	background-size:contain
}
.category li.wireless1002_o span {
	background:url(../../img/cate/wireless1002.png);
	background-size:contain
}
.category li.wireless1003_o span {
	background:url(../../img/cate/wireless1003.png);
	background-size:contain
}
.category li.wireless1004_o span {
	background:url(../../img/cate/wireless1004.png);
	background-size:contain
}
.category li.wireless1005_o span {
	background:url(../../img/cate/wireless1005.png);
	background-size:contain
}
.category li.wireless1006_o span {
	background:url(../../img/cate/wireless1006.png);
	background-size:contain
}
.category li.wireless1007_o span {
	background:url(../../img/cate/wireless1007.png);
	background-size:contain
}
.category li.wireless1008_o span {
	background:url(../../img/cate/wireless1008.png);
	background-size:contain
}
.category li.wireless1009_o span {
	background:url(../../img/cate/wireless1009.png);
	background-size:contain
}
.category li.wireless1010_o span {
	background:url(../../img/cate/wireless1010.png);
	background-size:contain
}
.category li.wireless1011_o span {
	background:url(../../img/cate/wireless1011.png);
	background-size:contain
}
.category li.wireless1012_o span {
	background:url(../../img/cate/wireless1012.png);
	background-size:contain
}
.category li.wireless1013_o span {
	background:url(../../img/cate/wireless1013.png);
	background-size:contain
}
.category li.wireless1014_o span {
	background:url(../../img/cate/wireless1014.png);
	background-size:contain
}
.category li.wireless1015_o span {
	background:url(../../img/cate/wireless1015.png);
	background-size:contain
}
.category li.taomuying_o span {
	background:url(../../img/cate/taomuying.png);
	background-size:contain
}
.category li.baoyou_o span {
	background:url(../../img/cate/baoyou.png);
	background-size:contain
}
.category li.wireless3296_o span {
	background:url(../../img/cate/wireless3296.png);
	background-size:contain
}
.category li.hover {
	background-color:#f5f5f5
}
.hot_recommend {
	border-bottom:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	background-color:#fff;
	padding:5px;
	margin-top:5px;
	overflow:hidden
}
.hot_recommend dl .tit.t1 {
	width:60px;
	height:15px;
	background:url(../../img/tit1.png);
	background-size:contain;
	background-repeat:no-repeat;
	margin-left:5px
}
.hot_recommend dl .tit.t2 {
	width:56px;
	height:13px;
	background:url(../../img/tit2.png);
	background-size:contain;
	background-repeat:no-repeat
}
.hot_recommend dl .tit.t3 {
	width:56px;
	height:13px;
	background:url(../../img/tit3.png);
	background-size:contain;
	background-repeat:no-repeat
}
.hot_recommend dl .tit.t4 {
	width:56px;
	height:13px;
	background:url(../../img/tit4.png);
	background-size:contain;
	background-repeat:no-repeat;
	margin-top:8px
}
.hot_recommend dl .tit.t5 {
	width:56px;
	height:13px;
	background:url(../../img/tit5.png);
	background-size:contain;
	background-repeat:no-repeat;
	margin-top:8px
}
.hot_recommend dl dt.tit.t2,.hot_recommend dl dt.tit.t3 {
	margin-top:5px
}
.hot_recommend dl.today {
	position:relative;
	width:35%;
	float:left;
	height:161px
}
.hot_recommend dl.today .tit {
	margin-top:5px;
	margin-left:6%;
	overflow:hidden;
	text-indent:-999em
}
.hot_recommend dl.today .txt {
	font-size:14px;
	
	padding-top:5px;
	max-height:36px;
	line-height:18px;
	overflow:hidden;
	padding-left:6%;
	text-align:center
}
.hot_recommend dl.today .img {
	text-align:center;
	padding-top:10px;
	height:110px;
	overflow:hidden
}
.hot_recommend dl.today .img span {
	display:inline-block;
	height:100%;
	width:1px;
	vertical-align:middle
}
.hot_recommend dl.rec_item {
	position:relative;
	width:32%;
	float:left;
	height:90px;
	border-bottom:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1
}
.hot_recommend dl.rec_item .tit {
	margin:5px 0 0 6%;
	overflow:hidden;
	text-align:center;
	height:15px;
	font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体";
	font-size:14px
}
.hot_recommend dl.rec_item .txt {
	font-size:10px;
	color:#848484;
	padding-top:5px;
	padding-left:6%;
	width:50%;
	max-height:34px;
	overflow:hidden;
	line-height:1.25
}
.hot_recommend dl.rec_item .img {
	width:90%;
	
		text-align:center;
		margin-bottom:4px;
	margin-top:8px;
	margin-left:8px;
	overflow:hidden
}
.hot_recommend dl:nth-child(4) {
	border-bottom:0
}
.hot_recommend dl:nth-child(5) {
	border-bottom:0
}
.hot_recommend dl.hover {
	background-color:#f5f5f5
}
.hot_bottom {
	width:100%;
	height:140px;
	border-bottom:1px solid #f1f1f1;
	background-color:#fff;
	padding:3px 0
}
.hot_bottom dl:first-child {
	border-right:1px solid #f1f1f1
}
.hot_bottom dl:last-child {
	border-top:1px solid #f1f1f1;
	border-left:1px solid #f1f1f1
}
.hot_bottom dl:nth-last-child(2) {
	border-top:1px solid #f1f1f1
}
.add_item {
	position:relative;
	float:left;
	width:49.5%;
	height:70px;
	display:-webkit-box
}

.add_item1 {
	position:relative;
	float:left;
	width:49.5%;
	
	display:-webkit-box
}


.add_item .img {
	text-align:right;
	padding-top:10px;
	-webkit-box-flex:1;
	height:60px;
	overflow:hidden;
	width:30%;
	margin-right:5%
}
.add_item dd {
	overflow:hidden;
	height:70px;
	-webkit-box-flex:1
}
.add_item .tit {
	text-align:left;
	width:100%;
	
	margin-top:18px;
	font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif,"宋体"
}
.add_item .tit span:first-child {
	font-weight:700;
	font-size:14px
}
.add_item .tit span.icon_bestBuy {
	border-radius:8px;
	background-color:#ff942d;
	color:#fff;
	font-size:1px;
	padding:1px 3px;
	margin:0 0 10px 3px;
	font-size:.6em;
	vertical-align:middle
}
.add_item .tit span.icon_saleShop {
	border-radius:8px;
	background-color:#ff6b5b;
	color:#fff;
	font-size:1px;
	padding:1px 3px;
	margin:0 0 10px 3px;
	font-size:.6em;
	vertical-align:middle
}
.add_item .txt {
	font-size:12px;
	color:#848484;
	padding-top:5px
}


.main
{
    margin:10px;
 
}

.class_outer {
				display: block;
				width: 100%;
				
				margin: 0px auto;
				position: relative;
				overflow: hidden;
			}
			
			.class_cover {
				width: 100%;
				height: 40px;
				line-height: 40px;
				padding-left: 5px;
				background-color: rgba(0, 0, 0, .50);
				color: #FFFFFF;
				font-size: 16px;
				position: absolute;
				left: 0px;
				bottom: 0px;
			}






.list_W {
	background-color:#fff;
	margin-top:5px
}
.list_summary {
	height:16px;
	padding:10px 0;
	font-size:12px;
	border-bottom:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4
}
.list_summary span {
	height:20px;
	line-height:20px;
	padding-left:10px;
	border-left:4px solid #eb3e42;
	width:100%;
	display:block;
	color:#000;
	font-size:14px
}
.list li {
	border-bottom:1px solid #e5e5e5;
	padding:8px 0 8px 10px;
	overflow:hidden;
	display:block
}
.list li a {
	display:block;
	overflow:hidden
}
.list li .pro_img {
	float:right;
	width:80px;
	height:80px;
	position:relative;
	margin-right:10px
}
.list li .pro_img .ico_tmall {
	display:block;
	width:12px;
	height:12px;
	background:url(../../img/ico_tmall.png);
	background-size:contain;
	position:absolute;
	left:0;
	top:0
}
.list li .pro_img .ico_temai {
	display:block;
	width:37px;
	height:16px;
	background:url(../../img/shop_ico.png);
	background-size:contain;
	position:absolute;
	left:0;
	top:0;
	background-repeat:no-repeat
}
.list li .pro_img .ico_taobao {
	display:block;
	width:12px;
	height:12px;
	background:url(../../img/ico_taobao.png);
	background-size:contain;
	position:absolute;
	left:0;
	top:0
}
.list li .pro_img .ico_new {
	display:block;
	width:43px;
	height:15px;
	background:url(../../img/ico_shoplist_new.png) no-repeat;
	background-size:43px;
	position:absolute;
	left:0;
	top:0
}
.list li .pro_img .ico_type_1 {
	display:block;
	width:43px;
	height:15px;
	background:url(../../img/ico_brand.png) no-repeat;
	background-size:43px;
	position:absolute;
	left:0;
	top:0
}
.list li .pro_img .ico_type_2 {
	display:block;
	width:43px;
	height:15px;
	background:url(../../img/ico_theme.png) no-repeat;
	background-size:43px;
	position:absolute;
	left:0;
	top:0
}
.list li .pro_img .ico_type_3 {
	display:block;
	width:43px;
	height:15px;
	background:url(../../img/ico_best.png) no-repeat;
	background-size:43px;
	position:absolute;
	left:0;
	top:0
}
.list li .pro_info {
	overflow:hidden;
	line-height:18px;
	max-height:80px;
	
	display:inline
}
.list li .tit_area {
	position:relative;
	
}
.list li .tit_area strong {
	font-size:14px;
	font-weight:400;
	color:#333;
	line-height:20px;
	max-height:60px;
	overflow:hidden;
	display:inline-block;
	padding-right:5px
}
.list li .tit_area .pad10 {
	padding-right:10px
}
.list li .tit_area .pad35 {
	padding-right:35px
}
.list li .tit_area .pad42 {
	padding-right:42px
}
.list li .tit_area .ico {
	position:absolute;
	right:5px;
	top:1px;
	display:block;
	font-size:12px;
	height:13px
}
.list li .tit_area .ico.new {
	width:28px;
	background:url(../../img/ico_new.png);
	background-size:contain;
	background-repeat:no-repeat
}
.list li .tit_area .ico.phone {
	width:36px;
	background:url(../../img/ico_sjzx.png);
	background-size:contain;
	background-repeat:no-repeat
}
.list li .tit_area .ico.end {
	width:28px;
	background:url(../../img/ico_end2.png);
	background-size:contain;
	background-repeat:no-repeat
}
.list li .tit_area .ico.qiangwan {
	width:28px;
	background:url(../../img/ico_qiangwan2.png);
	background-size:contain;
	background-repeat:no-repeat
}
.list li .tit_area .ico.nostart {
	width:28px;
	background:url(../../img/ico_nostart2.png);
	background-size:contain;
	background-repeat:no-repeat
}
.list  .pro_info .attr {
	overflow:hidden;
	margin-top:3px;
	position:relative
}
.list  .pro_info .attr span {
	font-size:11px;
	color:#9b9b9b;
	margin-right:25px
}
.list  .pro_info .attr span.line {
	font-size:.736em;
	color:#0099cc;
	margin-right:25px;
	border:1px solid #fff;
	border-radius:2px
}
.list  .pro_info .attr .price {
	font-size:14px;
	color:#A37C43;
	
}
.list  .pro_info .attr del {
	font-size:12px;
	color:#9b9b9b
}
.list li .pro_info .attr span:last-child {
	margin-right:0;
	position:absolute;
	right:5px;
	top:1px;
	display:block
}
.list li .pro_info .attr .fr {
	float:right;
	padding-right:10px
}
.loading_more {
	text-align:center;
	padding:10px;
	height:30px;
	line-height:30px
}
.list li.hover,.loading_more.hover {
	background-color:#f5f5f5
}
.type_grid {
	background-color:#f5f5f5;
	overflow:hidden
}
.type_grid li {
	width:150px;
	float:left;
	margin-bottom:7px;
	padding:0;
	margin-left:7px;
	background-color:#fff;
	border-bottom:0
}
.type_grid li .pro_img {
	
	width:150px;
	height:170px;
	margin-right:0;
	display:inline
}
.type_grid li .pro_info {
	width:auto;
	padding:5px
}
.type_grid li .pro_info .attr {
	overflow:hidden
}
.type_grid li .pro_info .attr .fr {
	float:right
}
.type_grid li .tit_area strong {
	font-size:14px;
	height:18px;
	overflow:hidden;
	
}
.loading {
	text-align:center;
	padding:20px 0;
	width:100%!important
}
.dialog_box i {
	border:10px solid transparent;
	border-top:10px solid #e63b53;
	display:inline-block;
	position:absolute;
	top:30px;
	left:47%;
	font-size:0;
	width:0;
	height:0
}
.dialog_box .role-title {
	display:inline-block;
	width:100%;
	height:32px;
	line-height:32px;
	text-align:center;
	font-size:16px;
	color:#fff;
	background-color:#E43C53
}
.user-role-selec {
	text-align:center;
	padding-top:20px;
	position:relative;
	border:0
}
.user-role-selec span {
	color:#818181;
	font-size:12px
}
.user-role-selec .select-area {
	display:inline-block;
	width:100%;
	padding-top:20px
}
.user-role-selec .select-area .select-item {
	display:inline-block
}
.boy div {
	margin-top:10px;
	width:60px;
	height:75px;
	background-image:url(../../img/../../static/img/role_choose.png);
	background-position:-3px 3px;
	background-repeat:no-repeat;
	background-size:362%
}
.girl div {
	margin-top:10px;
	width:60px;
	height:75px;
	background-image:url(../../img/../../static/img/role_choose.png);
	background-position:-78px 3px;
	background-repeat:no-repeat;
	background-size:362%
}
.mother div {
	margin-top:10px;
	width:60px;
	height:75px;
	background-image:url(../../img/../../static/img/role_choose.png);
	background-position:-154px 3px;
	background-repeat:no-repeat;
	background-size:362%
}
.student {
	margin-top:10px
}
.student div {
	display:none;
	background-image:url(../../img/../../static/img/ico_student.png);
	background-size:100%;
	background-repeat:no-repeat;
	height:20px;
	width:70px;
	text-align:center;
	margin-top:10px
}
.boy .on {
	height:75px;
	background-image:url(../../img/../../static/img/role_choose.png);
	background-position:0 -67px;
	background-repeat:no-repeat;
	background-size:342%
}
.girl .on {
	height:75px;
	background-image:url(../../img/../../static/img/role_choose.png);
	background-position:-72px -67px;
	background-repeat:no-repeat;
	background-size:342%
}
.mother .on {
	height:75px;
	background-image:url(../../img/../../static/img/role_choose.png);
	background-position:-143px -67px;
	background-repeat:no-repeat;
	background-size:342%
}
.student .on {
	background-image:url(../../img/../../static/img/ico_student_choose.png);
	background-repeat:no-repeat;
	background-size:100%
}
.btn-area {
	width:100%;
	display:inline-block;
	margin:15px 0
}
.btn-area .btn-cancel {
	display:inline-block;
	width:100px;
	height:30px;
	background-color:#e8e8e8;
	color:#818181;
	font-size:14px;
	line-height:30px;
	text-align:center;
	border-radius:5px
}
.btn-area .btn-sure {
	display:inline-block;
	width:100px;
	height:30px;
	background-color:#E43C53;
	color:#fff;
	font-size:14px;
	line-height:30px;
	text-align:center;
	border-radius:5px;
	margin-left:20px
}
.btn-area .btn-cancel.hover {
	background-color:rgba(0,0,0,.3);
	color:#000
}
.btn-area .btn-sure.hover {
	background-color:rgba(0,0,0,.3);
	color:#000
}
input:-moz-placeholder {
	color:#f9ebed
}
::-webkit-input-placeholder {
	color:#f9ebed
}
.search_result {
	width:100%;
	height:100%;
	background:-webkit-gradient(linear,0 0,0 100%,from(#ecdcdc),to(#fdfcfc));
	position:absolute;
	top:44px;
	z-index:999;
	opacity:.97
}
.search_result ul {
	width:100%;
	overflow:hidden
}
.search_result ul li {
	width:80%;
	padding:0 10%;
	overflow:hidden;
	font-size:14px;
	line-height:40px;
	border-bottom:1px #d1d1d1 solid;
	color:#444
}
.search_result ul li span {
	display:inline-block;
	width:100%;
	text-indent:5px
}
.search_result ul li.icon {
	color:#999;
	width:100%;
	padding:0
}
.search_result ul li.icon i {
	display:inline-block;
	background-image:url(../../img/icon/icon_clock.png);
	background-repeat:no-repeat;
	background-size:50%;
	height:28px;
	width:28px;
	background-position-y:14px;
	margin-left:10px
}
.search_result ul li#search_clear {
	text-align:center;
	width:60%;
	height:22px;
	line-height:22px;
	border:1px solid #696e75;
	color:#696e75;
	margin:60px auto;
	border-radius:4px
}
#index_topbar #search_close {
	right:0;
	display:inline-block;
	width:28px;
	height:28px;
	position:absolute;
	background-image:url(../../img/icon/icon_magnifier.png);
	background-repeat:no-repeat;
	background-size:50%;
	margin-top:17px;
	float:right
}
.topbar .search input {
	background:#c82c49;
	color:#f9ebed;
	font-size:12px;
	width:100%;
	height:22px;
	line-height:0
}
.topbar {
	height:52px;
	background-color:#f8f8f8;
	position:relative
}
.topbar .btn_aboragte {
	width:10%;
	height:45px;
	position:relative;
	z-index:11;
	float:left;
	top:-2px
}
.topbar .btn_aboragte i {
	display:block;
	width:10px;
	height:10px;
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	position:absolute;
	left:17px;
	top:20px;
	-webkit-transform:rotate(45deg)
}
.brand_sale_list {
	background-color:#fff;
	margin:10px 0;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4
}
.brand_sale_list .list_summary {
	border:0
}
.brand_sale_list .list_summary span {
	width:70%;
	float:left;
	text-align:left
}
.brand_sale_list .list_summary span:nth-last-child(1) {
	width:20%;
	text-align:right;
	border:0;
	color:#9d9d9d;
	font-size:12px
}
.brand_sale {
	overflow:hidden;
	position:relative;
	-webkit-box-flex:1;
	height:120px
}
.brand_sale ul {
	position:relative;
	overflow:hidden
}
.brand_sale ul li {
	height:120px;
	text-align:center;
	margin:10px 5px;
	float:left;
	position:relative
}
.brand_sale ul li .brand_img {
	position:relative
}
.brand_sale ul li .brand_img i.ico_price {
	position:absolute;
	bottom:0;
	right:0;
	width:40px;
	height:15px;
	background-color:#000;
	opacity:.75;
	color:#fff;
	font-size:10px
}