/* ----------基本元素重置----------- */
html,body { font-family:"fontName","Arial"; font-size:14px; color:#212121; line-height:1.6; background:#fff ;min-width:1500px;}
a:link { text-decoration:none; color:#212121; }
a:visited { text-decoration:none; color:#212121; }
a:hover { text-decoration:none; color:#EB314C; }
a:active { text-decoration:none; color:#212121; }
a img, img { border:none;vertical-align:middle; max-width:100%  } 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form,input,select,textarea,button, fieldset, table, th, td, span,form,p,a,img,object,embed  { padding:0px; margin:0px; list-style:none; }
table{border-collapse:collapse;border-spacing:0;border:0;}
th{text-align:center;}
input, textarea, select, button, file { vertical-align:middle}
h1, h2, h3, h4, h5, h6 { font-weight:normal}
#kefufufei{visibility:visible;width:0px;}
#xiazaifufei{visibility:hidden;}
#fufeifufei{visibility:visible;margin-left:-3px;}


#kefuxiazai{visibility:hidden;width:0px;}
#fufeixiazai{visibility:visible;width:0px;}
#xiazaixiazai{visibility:hidden;}

#fufeikefu{visibility:hidden;width:0px;}
#xiazaikefu{visibility:visible;width:0px;}
#kefukefu{visibility:visible;}


    #ajaxpage{padding: 2% 0;
    clear: both;
    text-align: center;
    height: auto;}

    #ajaxpage ul li {
      display: inline-block;
      overflow: hidden;
      font-size: 12px;
      line-height: 28px;
      height: 28px;
      padding: 0 10px;
      box-sizing: border-box;
      background: #FFEBEE;
      border: 1px solid #FFEBEE;
      border-radius: 3px;
      color: #EB314C;
      margin:0 3px;
      cursor: pointer;
  }
  #ajaxpage ul li.xl-active{
    color: #fff;
    background: #EB314C;
    border: 1px solid #FFEBEE;
  }




.mianfeifufei{}
.xiazaifufei{display:none !important;}

.mianfeikefu{}
.xiazaikefu{display:none !important;}

.mianfeixiazai{display:none !important;}
.xiazaixiazai{}

.bold { font-weight: bold}
.fl { float: left;}
.fr { float: right;}
.si li{margin-right:2px;width:373.5px;overflow:hidden;float:left;}
.si li:nth-child(4){margin-right:0px;}
.er li{width:749px;overflow:hidden;float:left;}
.er li:nth-child(1){margin-right:2px;}
.overflow { overflow:hidden }
.clearfix{ clear:both; *zoom: 1;}
.clearfix:after{content: "";display: block;clear: both;}
.text-center { text-align:center }
.none { display:none }
.block { height:20px; clear:both }
.red { color:#EB314C !important }
.blue { color:#0099FF }
.orange { color:#FF6600 }
.font16 { font-size:16px; }
.font18 { font-size:18px; }
.transition { transition: All 0.8s ease; -webkit-transition: All 0.8s ease; -moz-transition: All 0.8s ease; -o-transition: All 0.8s ease;  }
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
	box-sizing:border-box;
    touch-action: manipulation;
    cursor: pointer;
    border: 1px solid #eee;
    white-space: nowrap;
    padding: 0px 12px;
    font-size: 12px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.btn.red { background:#EB314C!important; border-color:#EB314C; color:#fff!important }
.btn.yellow { background:#EB9500; border-color:#EB9500;color:#fff }
.btn.blue { background:#0099FF; border-color:#0099FF;color:#fff }
.btn.green { background:#00BB95; border-color:#00BB95;color:#fff }
.btn.purple { background:#A846FC; border-color:#A846FC;color:#fff }
.btn.orange { background:#FF6600; border-color:#FF6600; color:#fff }
/* 默认状态 */
input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	width: 18px;
	height: 18px;
	border: 1px solid #EB314C;
	background-color: #fff;
	line-height: 18px;
	border-radius: 2px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	cursor:pointer;
	vertical-align:middle;
}
/* 取消状态 */
input[type="checkbox"]:after {
	width: 18px;
	height: 18px;
	line-height: 18px;
	display: block;
	content: "x";
	color: transparent;
	background-color: transparent;
}

/* 选中状态 */
input[type="checkbox"]:checked:after {
	content: "✔";
	color: #EB314C;
}
.icon { display:inline-block; width:16px; height:16px; vertical-align:middle; background-position:center; background-repeat:no-repeat; background-size:auto }
.wrapper,.container { width:1500px; margin: 0 auto;  min-width:1500px  }
@media screen and (max-width: 960px) {
.wrapper,.container { width: 92%; }
}



.zoom { position: relative; display:block; overflow:hidden; width: 100%; height: 0; padding-bottom: 65%; }
.zoom span{ display: block; position: absolute; width: 100%; height: 100%;  background-position: center; background-repeat: no-repeat; background-size: cover;webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1); transform: scale(1);-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.zoom span:hover {webkit-transform: scale(1.06);-moz-transform: scale(1.06); -o-transform: scale(1.06);transform: scale(1.06); -webkit-transition: all 300ms ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.box-shadow {
-webkit-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
    -moz-box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1);
    box-shadow: 0 1px 5px 2px rgba(200, 200, 200, .1); }
.box-shadow:hover {
-webkit-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    -moz-box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3);
    box-shadow: 0 2px 5px 3px rgba(200, 200, 200, .3); }	



/* 弹出 */
.reveal-bg {position:fixed;height:100%;width:100%;background-color:#000;z-index:100;display:none;top:0;left:0;}
.form-control {visibility: hidden; position:absolute; top:20%; left:50%;margin-left:-225px; width:450px; background:#fff; opacity: 0; z-index:101;padding:40px 30px 30px 30px; -moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4); box-sizing:border-box }
.form-control .close-btn { position:absolute;top:15px;right:15px; width:24px; height:24px; line-height:24px; color:#999; font-size:32px; text-align:center; font-weight:normal; cursor:pointer; } 
.form-control h2 { text-align:center; font-size:22px; margin-bottom:20px; }
.form-control h2 img { height:52px; }
.form-control li { position:relative; margin-top:25px; line-height:48px; font-size:16px;  }
.form-control li p { line-height:1.6 }
.form-control .login-tips { margin:10px auto; clear:both; text-align:right }
.form-control .login-tips a { display:inline-block; font-size:14px; color:#808080; }
.form-control .login-tips a.forget-btn { float:left }
.input {
    display: inline-block;
    width: 100%;
    height: 48px;
	line-height:48px;
    padding: 5px 10px;
	box-sizing:border-box;
    font-size: 15px;
    color: #555;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius:4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}

.form-control input::-webkit-input-placeholder { font-size:15px; color: #999; }
.form-control input::-moz-placeholder { font-size:15px; color: #999; }
.form-control input:-ms-input-placeholder { font-size:15px; color: #999; }
.form-control input:-moz-placeholder { font-size:15px; color: #999; }
.form-control .code-btn { position: absolute; right:0; top:0; border:none; background:#DDDDDD; width:120px; height: 48px; line-height:40px;font-size: 14px;	box-sizing:border-box;}
.form-control .login-btn {
	width: 100%;
    height: 48px;
	line-height:40px;
    padding: 5px 10px;
	box-sizing:border-box;
    font-size: 18px;
	border-radius:50px;
	margin-top:10px;
	overflow:hidden;
 }
.form-control .agreement { text-align:center; color:#999; margin-top:10px  }
#pay-control { border-radius:10px; }
#pay-control .close-btn { position:absolute;top:11px;right:11px;color:#fff; font-size:22px; background:#ddd; border-radius:20px; } 
#pay-control .qrcode { padding:5px; background:#fff; box-sizing:border-box; text-align:center; }
#pay-control .qrcode img { width:100% }
#pay-control .qrcode p { margin-top:10px; }


/*头部*/
.header{ height: auto; padding:0px 0; z-index:99; position:relative; background:#fff;  }
.header .wrapper { }
.header .logo { position:absolute; top:0; height:100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center; }
.header .logo img { height:80px;margin-bottom:10px; }

/* 搜索 */
.header .search { float:left; width:38%;margin-top:30px;margin-bottom:30px; position:relative; overflow:hidden; margin-left:30%  }
.header .search input { width:100%; height:42px; line-height:42px; border: none; color:#444; text-indent:10px; overflow:hidden; border:1px solid #EB314C; box-sizing:border-box; }
.header .search button { height:42px; line-height:42px; padding:0 30px; border: none; background:#EB314C; color:#fff; position:absolute; right:0; top:0; cursor:pointer; font-size:0; background:#EB314C url(../image/search.png) no-repeat center; background-size:22px auto  }
.header .search .search-group { display:none }
.mianfei0{display:none}
.mianfei1{display:block;}
.xiazai1{display:none}
.xiazai0{display:block;}
/*快捷*/
.head-btn { float:right; margin-top:30px;}
.head-btn a { color:#EB314C }
.head-btn .btn { display:inline-block; height:42px; line-height:42px; border-radius:0; color:#EB314C; padding:0 20px; color:#EB314C; border:1px solid #EB314C; font-size:15px;box-sizing:border-box; margin-left:10px; }
.head-btn a.head-login,.head-btn a.head-reg { padding:0 5px; }
.head-btn a.member-btn { padding: 0 35px; }
.head-btn a .icon-cart { background: url(../image/car.png) no-repeat center; background-size:16px auto; }


/*主导航*/
.menu{ width:100%; background:#EB314C; z-index:11; display: flex; justify-content:space-between; flex-wrap: nowrap; }
.menu ul { display: flex; justify-content:space-between; flex-wrap: nowrap; }
.menu li{ position: relative; display: inline-block; text-align:center; }
.menu li>a{ display: inline-block; line-height:40px; color:#fff; padding:0px 15px; font-size:16px; margin:3px 1px; min-width:80px; }
.menu li.active>a,.menu li:hover>a { background:#fff; color:#EB314C }
.menu li .menu-list { position:absolute;display:none;overflow:hidden;top:46px; left:0px; width:160px; background:#EB314C; text-align:left; z-index:21; padding:10px 20px; border-top:1px solid #fff }
.menu li .menu-list p { margin:2px auto }
.menu li .menu-list p a { display:block; line-height:32px; color:#fff; }
.menu li:hover .menu-list { display:block }



/*广告*/
.banner { margin:5px auto; text-align:center }
.banner li{float:left;margin-bottom:2px;}
.banner li img{width:100%;}
.bannerbox { margin:5px auto; text-align:center }
.bannerbox li { width:20%; float:left;  text-align:center;font-size:14px; box-sizing:border-box; font-weight:bold }
.bannerbox li a { border:1px solid #EB314C; color:#EB314C; background:#FFFF99; height:45px; line-height:45px; overflow:hidden; display:block; box-sizing:border-box; margin-top:-1px; }

/*底部*/
.footer { background:#EB314C; width:100%; padding:5px 0; color:#fff; margin-top:2%; text-align:center; }
.footer h2 { margin:3% auto; }
.footer p { margin:15px auto }
.footer .copyright { border-top:1px solid #eee; padding:20px; font-size:18px; text-align:center; margin-top:20px;  }

.bradcame { border:1px solid #ccc; padding:20px 30px; margin:5px auto;font-size:16px; color:#333 }
.bradcame a { color:#333 }

/*公告*/
.announcement { position:relative; margin:0 auto; background:#8F0015;color:#fff; padding:5px 0px;font-size:16px; font-weight:bold; }
.announcement p { position:relative; height:40px; line-height:48px; overflow:hidden; padding-left:35px; font-size:20px;width:100%;}
.announcement p:before {
    content: '';
    z-index: 2;
	display: inline-block;
	vertical-align:middle;
    width: 24px;
    height: 24px;
	position:absolute; left:0; top:12px;
    background: url() no-repeat center; background-size:22px auto;
}

/*筛选*/
.screen-list { margin:5px auto; border:1px solid #ccc; padding:10px 30px; font-size:13px; color:#333;  }
.screen-list2 { border: none; padding:10px 0px;}
.screen-list li { margin:10px auto; position:relative; padding-left:130px; }
.screen-list span{ position:absolute; left:0; display:inline-block; min-width:70px; color:#999; text-align:center; color:#fff; border:1px solid #EB314C;border-radius:5px; background:#EB314C; height:30px; line-height:30px; padding:1px 10px;  }
.screen-list a { display:inline-block; text-align:center; min-width:70px; color:#555; border:1px solid #ccc; border-radius:5px; height:30px; line-height:30px; padding:1px 10px; margin-bottom:10px; margin-right:8px; }
.screen-list a:hover,.screen-list .on { color:#EB314C; border:1px solid #EB314C; background:#FFEBEE }

/*** 分页样式 **/
.pagination{ padding:2% 0; clear:both; text-align: center; height: auto; }
.pagination  li { display: inline-block; overflow:hidden; font-size:12px; }
.pagination  li a { display: inline-block;  line-height:28px;height:28px; padding:0 10px;box-sizing:border-box; background:#FFEBEE; border:1px solid #FFEBEE; border-radius:3px; color:#EB314C; margin:2px; }
.pagination  li span { display: inline-block;  line-height:28px;height:28px; padding:0 10px;box-sizing:border-box; background:#FFEBEE; border:1px solid #EB314C; border-radius:3px; color:#EB314C; margin:2px;  }
.pagination  li.active a { color:#fff; background:#EB314C; border:1px solid #FFEBEE;   }
.fytotal{display:none;}



/*分类页*/
.imgindex-tit { background:#EB314C; color:#fff; padding:11px 25px; font-size:18px; margin-bottom:2%; }
.imgindex ul li { position:relative; width:22%; float:left; background:#fff; margin-right:3%; margin-bottom:2%; }
.imgindex ul li .img { position: relative; float:left; width:30%; margin-right:5px; text-align:center }
.imgindex ul li .img  img { max-width:100%; }
.imgindex ul li:nth-of-type(4n) { margin-right:0 }
.imgindex ul li .txt { font-size:12px; color:#383838;  }
.imgindex ul li .txt h3 { font-size:14px; color:#111; margin-bottom:5px; }
.imgindex ul li .txt h3 a { color:#111;}
.imgindex ul li .txt a:hover h3{color:#EB314C;}

/*列表*/
.imglist { padding:20px 30px;  } 
.imglist ul li { position:relative; width:19%; float:left; background:#f3f3f3; margin-right:1.25%; margin-bottom:2%; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; overflow:hidden }
.imglist ul li:nth-of-type(5n) { margin-right:0 }
.imglist ul li .img { width:100%; height:215px;  position: relative; }
.imglist ul li .img img {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 object-position: center;
	 position: absolute;
}
.imglist ul li .txt { padding:10px 10px; }
.imglist ul li .txt h3 { color:#333; min-height:30px; font-size:16px; font-weight:bold; }
.imglist ul li .txt p { color:#EB314C; width:100%;overflow:hidden;padding-top:10px; }
.imglist ul li .txt p .btn { font-size:12px; float: right; color:#EB314C; border:1px solid #EB314C; background:#FFEBEE; border-radius:3px; padding:3px 9px; vertical-align:middle; margin-top:-2px; }

/*内页*/
.imgbox { margin:5px auto; border:1px solid #ccc; padding:30px 30px; }
.imgbox-img { float:left; width:400px;height:300px; }
.imgbox-img img { width:100%;height:300px;}
.imgbox-txt { float:left; width:950px; margin-left:50px }
.imgbox-txt h2 { font-size:20px; margin-bottom:25px; height:32px;line-height:32px;overflow:hidden;}
.imgbox-txt li { margin-bottom:26px; border:1px solid #ddd; border-radius:5px; height:38px; line-height:38px; float:left; width:40%; margin-right:5%; overflow:hidden; font-size:14px;text-align:center;  }
.imgbox-txt li.w100 { width:85.5% }
.imgbox-txt li span { display:inline-block; float:left; background:#EB314C; padding:0 25px; color:#fff; border-radius:5px; margin-right:0px;width:154px; text-align:center }
.imgbox-txt li font { color:#EB314C }
.buybox { width:40%; float:left; border:1px solid #0099FF; color:#0099FF; border-radius:5px; display: flex; justify-content:space-between; flex-wrap: nowrap;overflow:hidden; }
.buybox a,.buybox button { flex:3; height: 40px; line-height: 40px; padding:0 5px; background:#0099FF; color:#fff; overflow:hidden; text-align:center; border:none; cursor:pointer; font-size:12px; }
.buybox .button { flex:2; height: 40px; line-height: 40px; padding:0 5px; background:#0099FF; margin-left:1px; color:#fff; overflow:hidden; text-align:center; border:none; cursor:pointer; font-size:12px; }
.buybox .price { flex:3; height: 38px; line-height: 38px; padding:0 5px; overflow:hidden;border:none;text-align:center; font-size:12px;border: 0px solid #0099FF;
    border-radius: 0px;background:#fff; }


.imgcon { margin:3% auto; line-height:1.8 }
.imgcon-tit { position:relative; margin-bottom:2%; }
.imgcon-tit span { position:relative; display:inline-block; background:#EB314C; color:#fff; padding:8px 18px; border-radius:3px; }
.imgcon-tit:before {
    content: '';
    z-index: 0;
	display: inline-block;
	width:100%;
	position:absolute; left:0; top:48%;
    border-top:2px dashed #EB314C;
}
.imgcon-txt { background:#FFEBEE; padding:20px; line-height:1.8; border-radius:8px; box-shadow:0px 3px 5px 2px #ddd; margin-bottom:2%; }



/*  列表展示 */
.list-nav { position:relative; border:1px solid #ddd; margin:5px auto; padding:0 30px }
.list-nav ul li { float:left; margin-right:30px; }
.list-nav ul li a { display:inline-block; height:50px; line-height:50px; }
.list-nav ul li.active a { color:#EB314C; border-bottom:2px solid #EB314C; font-size:18px; font-weight:bold }


.shop-list { position:relative; background: #fff;  margin:0 auto }
.shop-list table tr {}
.shop-list table tr th { padding:20px 5px; background:#EB314C; color:#fff; font-size:18px; font-weight:normal;  }
.shop-list table tr td { padding:9px 5px; color:#313131; text-align:center; border-bottom:1px solid #ddd ;font-size:15px; }
.shop-list table tr td .btn{font-size:15px;}
.shop-list table tr:hover td { background:#ededed }
.shop-list table tr:hover { background:#ededed }
.shop-list table tr .del-cart { display: inline-block; vertical-align:middle; height:40px; width:40px; text-align:center; font-size:0; background: url() no-repeat center; background-size:20px auto }
.shop-list table tr td.txt { width:52%; vertical-align: middle; text-align:left }
.shop-list table tr td.txt span{height:18px;word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;line-height:18px;}
.shop-list table tr td.txt img { width:90px; display:inline-block; margin-right:10px; }
.shop-list .star-icon { display: inline-block; vertical-align:middle; width:16px; height:16px; background: url() no-repeat center;  }
.shop-list .star-icon.star-solid { background: url() no-repeat center; }

.shop-con { position:relative; border:1px solid #ddd; }
.shop-con .title { position:relative; padding:30px 30px 20px 30px; text-align:center; margin-bottom:2px; border-bottom:1px dashed #ccc; }
.shop-con .title h3 { font-size:20px; margin-bottom:10px; font-weight:bold }
.shop-con .title .date { font-size:14px;  }
.shop-con .btn.collect { position:absolute; top:40px; right:30px; background:#FFEBEE; border-color:#EB314C; color:#EB314C; font-size:13px;  }
.shop-con .content { padding:30px; font-size:16p; line-height:1.8 }



/*  服务器 */
.server-text { position:relative; margin:5px auto; background:#fff; border:1px solid #EB314C; color:#EB314C; padding:20px 30px; font-size:16px; font-weight:bold; }
.server-tit { position:relative; margin:5px auto 0 auto; background:#EB314C; border:1px solid #EB314C; color:#fff; padding:20px 30px; font-size:14px; }
.server-tit h2 { font-size:22px; margin-bottom:5px; font-weight: bold  }

.server-list { border:1px solid #EB314C; margin:0 auto }
.server-list table tr th { padding:18px 5px; background:#FFDCE1; color:#313131; font-size:14px;}
.server-list table tr td { padding:16px 5px;  }


/*  广告代理 */
.adver-text { position:relative; margin:5px auto; background:#fff; border:1px solid #ccc; color:#EB314C; padding:20px 30px; font-size:16px; font-weight:bold; }
.adver-contact { position:relative; margin:5px auto;  background:#fff; border:1px solid #ccc; padding:20px 30px; font-size:16px; display: flex;flex-direction: row; justify-content: space-between; }
.adver-contact li {  }
.adver-contact li .icon-qq { display: inline-block; vertical-align:middle; width:30px; height:24px; background: url(../image/qqico.png) no-repeat center; }
.adver-tit { position:relative; background:#EB314C; border:1px solid #EB314C; color:#fff; padding:16px 30px; font-size:18px; }
.adver-tit .total { background:#fff; padding:3px 30px; display:inline-block; color:#333; vertical-align:middle }
.adver-tit .btn { border-radius:0; padding:3px 20px; color:#EB314C; font-size:16px; margin-left:20px; } 
.adver-textarea { margin:5px auto; padding:20px 30px; background:#FFDCE1; color:#313131; font-size:14px; display: flex;flex-direction: row; flex: 1; justify-content:space-between; text-align:center }
.adver-textarea li { flex: 1;}
.adver-textarea textarea { height:150px; width:300px; padding:5px 10px; border:1px solid #999; background:#fff  }
.adver-textarea button { vertical-align:bottom; border:1px solid #999; padding:3px 10px; background:#fff; cursor:pointer; margin-left:2px; }

.adver-list { border:1px solid #ccc; margin:0 auto }
.adver-list table tr th { padding:18px 5px; background:#FFDCE1; color:#313131; font-size:14px;}
.adver-list table tr td { padding:16px 5px;  }
.adver-list table tr td label { vertical-align:middle; margin-right:5px; }
.adver-list table tr td input[type="checkbox"] { border:1px solid #ccc }

.adver-content li { border:1px solid #ccc }
.adver-content li h2 { position:relative; background:#EB314C; border:1px solid #EB314C; color:#fff; padding:15px 30px; font-size:18px; }
.adver-content li>div { padding:15px 30px; font-size:14px; line-height:1.8 }

/*传奇工具*/
.gongju-tit { background:#EB314C; color:#fff; padding:12px 28px; font-size:18px; margin-bottom:1%; }

.gongju-menu { width:15%; float:left; border:1px solid #eee; box-shadow:0px -1px 5px 2px #eee; }
.gongju-menu li { position:relative; height:60px; line-height:60px; text-align:center; font-size:16px; margin-bottom:1px }
.gongju-menu li a { display:block; }
.gongju-menu li.active,.gongju-menu li:hover { background:#FFEBEE; color:#EB314C; font-weight:bold }
.gongju-menu li.active a { color:#EB314C; }
.gongju-menu li .icon { width:24px; height:24px; margin-right:5px; background-size:22px auto }
.gongju-menu li .class1 { background-image:url() }
.gongju-menu li .class2 { background-image:url() }
.gongju-menu li.active .class1 { background-image:url() }
.gongju-menu li.active .class2 { background-image:url() }

.gongju-box { width:83%; float:right; box-sizing:border-box; padding:10px; border:1px solid #eee; box-shadow:0px -1px 5px 2px #eee; }
.gongju-box .gongju-title { font-size:16px; font-weight:bold; margin-bottom:20px; }
.gongju-box .gongju-title .icon { width:24px; height:24px; background-size:22px auto }
.gongju-box .gongju-title .class1 { background-image:url() }
.gongju-box .gongju-title .class2 { background-image:url() }
 
.gongju-list { padding:10px 20px; }
.gongju-list ul li {background: #FFEBEE;
    width: 242px;
    height: 65px;
    line-height: 70px;float:left;
    margin: 0 10px 10px 0;
    border: 1px solid #f9f9f9;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 15px 10px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s; }
.gongju-list ul li a{display:block;width:100%;height:100%;}

.cardinfo{background:#fff;width: 242px;height: 65px;line-height: 70px;margin: 0 10px 10px 0;border: 1px solid #f9f9f9;box-sizing: border-box;border-radius: 8px;padding:15px 10px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s;}
.gongju-list ul li:hover{-webkit-transform:translateY(-6px);transform:translateY(-6px)}
.gongju-list ul li .img { position: relative; float:left; width:35px;height:35px; margin-right:5px; text-align:center }
.gongju-list ul li .img  img { max-width:100%; float:left;display: block;
    float: left;
    margin-right: 10px;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 50%;}
.gongju-list ul li:nth-of-type(4n) { margin-right:0 }
.gongju-list ul li .txt { font-size:12px; color:#383838;  }
.gongju-list ul li .txt h3 {font-size: 13px;
    font-weight: 600;
    width: 150px;
    height: 18px;
    line-height: 18px;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.gongju-list ul li .txt p{
   font-size: 12px;
    color: #505b67;
    width: 150px;
    line-height: 16px;
    word-break: break-all;
    height: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}


.gongju-list ul li .txt h3 a { color:#111; }

/*插件代理*/
.chajian-list { padding:30px; border:1px solid #ccc; margin-top:-6px }
.chajian-list ul li { position:relative; width:49%; float:left; padding:3% 10% 3% 3%; background:#fff; box-sizing:border-box; margin-right:2%; margin-bottom:2%; border:1px solid #EB314C; box-shadow:0px -1px 6px 4px #f3f3f3; border-radius:10px; overflow:hidden }
.chajian-list ul li:nth-of-type(2n) { margin-right:0 }
.chajian-list ul li:before {
    content: '';
	display: none;
	width:100px;
	height:100px;
	position:absolute; right:2%; bottom:6%;
    background:url() no-repeat center; 
}
.chajian-list ul li.on,.chajian-list ul li:hover { background:#FFEBEE; }
.chajian-list ul li.on:before,.chajian-list ul li:hover:before {
	display: inline-block;
}
.chajian-list ul li h3 { font-size:20px; font-weight:bold; color:#EB314C; margin-bottom:12px; }
.chajian-list ul li h3 a { color:#EB314C }
.chajian-list ul li .btn { font-size:15px; font-weight:bold; float:right; margin-top:20px; padding:6px 30px }


/*  购物车 */
.car-list { position:relative; background: #fff; border:1px solid #ddd; margin:1% auto }
.car-list table tr { border-bottom:1px solid #ddd }
.car-list table tr th { padding:18px 5px; background:#EB314C; color:#fff; font-size:18px; font-weight:normal  }
.car-list table tr td { padding:18px 5px; color:#313131; text-align:center }
.car-list table tr:hover td { background:#f3f3f3 }
.car-list table tr .del-cart { display: inline-block; vertical-align:middle; height:40px; width:40px; text-align:center; font-size:0; background: url() no-repeat center; background-size:20px auto }
.car-list table tr td.txt { width:52%; vertical-align: middle; text-align:left }
.car-list table tr td.txt img { width:90px; display:inline-block; margin-right:10px; }

.car-list .car-list-order { background:#FFEBEE; }
.car-list .car-list-order td { padding:15px 5px; }
.car-list .car-list-order td label { color:#EB314C; font-size:18px; }
.car-list .car-list-order:hover td { background:#FFEBEE; }
.car-list .car-list-order .btn { padding:0px 20px;border-radius:20px; font-size:15px; }

.buy-btn {  position:relative; width: auto; vertical-align: middle; text-align:center; border:0px solid #E9E9E9;border-radius:2px; background:#fff; overflow:hidden;display: flex;flex-direction: row; display:inline-block }
.buy-btn .buy-num { font-size:14px; height: 24px; width:10px; line-height:24px; padding:0; text-align:center; border:1px solid #ccc;min-width:24px;text-align:center;height:22px; flex: 1; }
.buy-btn .btn { font-size:14px; height: 24px; line-height:22px; }
.buy-btn .btn.buy-down { border-radius:2px 0 0 2px; padding:0 0;margin-left:8px; width:24px;background:#E9E9E9; border:1px solid #E9E9E9; }
.buy-btn .btn.buy-up { border-radius:0 2px 2px 0; padding:0 0; width:24px; background:#E9E9E9; border:1px solid #E9E9E9;  }


.order-box { position:relative; background: #fff; padding:30px 40px; border:1px solid #ddd; margin:10px auto }
.order-box .order-tit { position:relative; margin-bottom:15px; font-size:14px;  }
.order-box .order-tit span { padding-left:8px; border-left:3px solid #EB314C; margin-bottom:20px; margin-left:-10px; }

.order-step ul { position:relative; width:66%; background: #FFEBEE; border:1px solid #EB314C; margin:30px 0 80px 0; border-radius:20px;  }
.order-step ul li { position:relative; width:33.33%; float:left; text-align:center; height:32px; line-height:32px; padding:1px 0; box-sizing:border-box;color:#EB314C }
.order-step ul li b { font-weight:normal; font-size:12px; }
.order-step ul li .date { position:absolute; bottom:-40px; left:0; width:100%; color:#888 }
.order-step ul li:nth-of-type(1) { border-radius:20px 0 0 20px; }
.order-step ul li:nth-of-type(3) { border-radius:0 20px 20px 0; }
.order-step.step1 ul li:nth-of-type(1) { background:#EB314C; color:#fff;  border-radius:20px; }
.order-step.step2 ul li:nth-of-type(1) { background:#EB314C; color:#fff; }
.order-step.step2 ul li:nth-of-type(2) { background:#EB314C; color:#fff; border-radius:0 20px 20px 0; }
.order-step.step3 ul li.step-active { background:#EB314C; color:#fff; }



.order-con { margin:40px auto }
.order-con-list { position:relative; margin:10px 0; font-size:16px; padding-left:85px; }
.order-con-list li { position:relative;  margin-bottom:6px; width:62%; display: flex;flex-direction: row; flex: 1; justify-content:space-between; }
.order-con-list h3 { position:absolute; left:0; font-size:16px }

.order-info { position:relative; margin:40px auto; font-size:16px }
.order-info li { position:relative; margin-bottom:6px }
.order-info li span { display:inline-block; width:85px; font-size:16px; font-weight:normal }

.order-btn { padding:30px 0px; border-top:2px dashed #ccc; font-size:16px } 
.order-btn .order-price { margin-bottom:10px; }
.order-btn .order-price b { font-size:19px;}
.order-btn .btn { padding:5px 30px; font-size:16px; margin-right:15px; color:#999; border-color:#ccc } 
.order-btn .btn.red { font-weight:bold; border-color:#EB314C }
.order-btn .btn:hover { border-color:#EB314C }

.order-notes { margin:20px auto }
.order-notes input { position:relative; margin:5px 0; padding:10px 15px; height:30px; line-height:30px; width:500px; border:1px solid #ccc; border-radius:5px; }
.pay-way {}
.pay-way p { margin-bottom:10px; }
.pay-way .btn { padding:10px 30px; color:#333; }
.pay-way .btn .icon { width:28px; height:28px; background-size: auto; margin-right:5px; }
.pay-way .btn .pay1 { background-image:url() }
.pay-way .btn .pay2 { background-image:url() }
.pay-way .btn .pay3 { background-image:url() }
.pay-way .btn:hover,.pay-way .btn.on { border-color:#EB314C }


/*会员中心*/
.head-member { float:right }
.head-member .head-notice { position:relative; float:left; width:40px; height:40px; display:inline-block; margin:0 40px; }
.head-member .head-notice .icon-notice { width:40px; height:40px; background: url() no-repeat center; }
.head-member .head-notice .notice-num { position:absolute; right:0px; top:0px; background:#EB314C; border-radius:20px; width:8px; height:8px; line-height:16px; font-size:0; text-align:center; color:#fff }
.head-member .head-user  { float:left; margin:-10px 0; height:60px; }
.head-member .head-user img { border-radius:50%; width:60px; height:60px; border:1px solid #EB314C } 



.member-menu { width:16%; float:left; border:1px solid #ddd; box-sizing:border-box; padding:20px 20px; }
.member-menu li { position:relative;border-radius:8px; font-size:18px; margin:5px auto }
.member-menu li:nth-child(3){display:none;}
.member-menu li a { display:block; height:40px; line-height:40px; padding:0px 20px;  }
.member-menu li.active,.member-menu li:hover { background:#FFEBEE; color:#EB314C; font-weight:bold }
.member-menu li.active a { color:#EB314C; }

.member-box {  width: 83%; width: calc(84% - 5px);  float:right; box-sizing:border-box; padding:40px 50px; border:1px solid #ddd; }
.member-tit { margin-bottom:20px; }
.member-tit span { border-left:2px solid #EB314C; padding-left:8px; }

.member-list { position:relative; margin:1% auto }
.member-list table tr { border-bottom:1px solid #ddd }
.member-list table tr th { padding:15px 5px; background:#EB314C; color:#fff; font-size:18px; font-weight:normal  }
.member-list table tr td { padding:15px 5px; color:#313131; text-align:center }
.member-list table tr:hover td { background:#f3f3f3 }
.member-list table tr .del-btn { display: inline-block; vertical-align:middle; height:40px; width:40px; text-align:center; font-size:0; background: url() no-repeat center; background-size:20px auto }
.member-list table tr td.txt { width:52%; vertical-align: middle; text-align:left; background:# }
.member-list table tr td.txt img { width:90px; display:inline-block; margin-right:10px; }

.member-list .list-operate td label { color: #EB314C; font-size: 18px; }
.member-list .list-operate { border:none; background: #FFEBEE; }
.member-list .list-operate td { border:none; background: #FFEBEE; }
.member-list .list-operate:hover td{ background: #FFEBEE;}


 
 
 /*会员信息*/
.user-box { border-radius:8px; padding:4% 1% 3% 1%; border:1px solid #eee }
.user-box .user-head { float:left; width:25%; text-align:center }
.user-box .user-head>a { display: inline-block; position:relative; margin-bottom:10px; }
.user-box .user-head>a img { border-radius:50%; width:100px; height:100px; border:1px solid #eee } 
.user-box .user-head>a .icon  { width:28px; height:28px; position: absolute; right:0; bottom:0; background-color:#fff; background-image: url(http://43.154.193.235/skin/img/album.png);border-radius:30px; box-shadow:0px 1px 2px 1px #eee;}
.user-box .user-head h3 { font-size:20px; }
.user-box .user-head p { font-size:15px; color:#888 }


.user-info { float:left; width:70%; }
.user-info li { position:relative; width:49%; float:left; line-height:50px; padding:12px 15px; background:#fff; box-sizing:border-box; margin-right:2%; margin-bottom:2%; border:1px solid #f1f1f1; box-shadow:0px 0px 6px 3px #f1f1f1; border-radius:7px; overflow:hidden }
.user-info li:nth-of-type(2n) { margin-right:0 }

.user-info li .icon { background-color:#FFEBEE; border-radius:5px; width:50px; height:50px; line-height:50px; margin-right:15px; }
.user-info li .icon-info {  background-image: url(); }
.user-info li .icon-email {  background-image: url(); }
.user-info li .icon-phone {  background-image: url(); }
.user-info li .icon-password {  background-image: url(); }
.user-info li .txt { font-size:18px; }
.user-info li a { float:right; color:#EB314C; margin-right:15px;  }
#change-phone li { padding-left:80px;  }
#change-phone li span { position:absolute; left:0; }


.user-momey { border-radius:8px; padding:4% 1% 3% 1%; border:1px solid #eee; margin:1% auto }
.user-momey li { width:20%; float:left; text-align:center; font-size:18px; min-height:76px; line-height:1.4; box-sizing:border-box }
.user-momey li:first-child { border-right:1px solid #ddd; }
.user-momey li h3 { position:relative; font-size:28px; margin:5px auto }
.user-momey li h3 .tips { display:inline-block; width:8px; height:8px; border-radius:10px; background:#EB314C; vertical-align:top;  }
.user-momey li .icon-momey { width:50px; height:80px; background-image: url(); }
.user-momey li .icon-list { width:50px; height:80px; background-image: url(); }
 
 
 
 
 /*会员数据*/
.user-list li { position:relative; margin:30px 0; clear:both }
.user-list li>span { display: inline-block; width: 100px; margin-right:10px; font-size: 16px; font-weight: normal; vertical-align:middle; }
.user-list li .user-name { font-size: 18px; }
.user-list li .input { display: inline-block; width: 400px; height:40px; line-height:40px; border:1px solid #ddd; padding:0 15px;  }
.user-list li>div { position:relative; display: inline-block; }
.user-list li>div .change-btn { position:absolute; right:20px; top:10px; font-size:14px; color:#EB314C }
.user-list li .btn { padding:9px 40px; font-size:16px; font-weight:bold; margin-top:20px }

 /*我的收藏*/
.collect-box {}
.collect-no { padding-top:280px; background:url() no-repeat center top; text-align:center; color:#666; margin:5% auto }



/* 素材订单 */
.order-nav { position:relative; padding:0 30px; float:left; margin-bottom:10px }
.order-nav ul li { float:left; margin: 0 15px; font-size:14px; }
.order-nav ul li a { display:inline-block; height:40px; line-height:40px; padding:0 15px;  }
.order-nav ul li.active a { color:#EB314C; border-bottom:2px solid #EB314C; font-size:18px; font-weight:bold }

.order-search { float: right; width:300px; position:relative; overflow:hidden; margin-left:2%  }
.order-search input { width:100%; height:40px; line-height:40px; border: none; color:#444; text-indent:10px; overflow:hidden; border:1px solid #EB314C; box-sizing:border-box; }
.order-search button { height:40px; line-height:40px; padding:0 30px; border: none; background:#EB314C; color:#fff; position:absolute; right:0; top:0; cursor:pointer; font-size:0; background:#EB314C url(../image/search.png) no-repeat center; background-size:22px auto  }
.order-search .search-group { display:none }


/* 充值兑换中心 */

.recharge {}
.recharge li { position:relative; margin:20px auto; padding-left:120px;  }
.recharge li>h3 { position:absolute; left:0; font-size:18px; }
.recharge li b { font-size:18px; }

.recharge-price { margin-bottom:20px }
.recharge-price dd { position:relative; width:49%; float:left; line-height:32px; font-size:18px; padding:15px 5%; text-align:center; background:#fff; box-sizing:border-box; margin-right:2%; margin-bottom:2%; border:1px solid #ddd;  border-radius:3px; overflow:hidde; }
.recharge-price dd:nth-of-type(2n) { margin-right:0 }
.recharge-price dd:hover,.recharge-price dd.select { font-weight:bold; border:1px solid #EB314C }
.recharge-price dd.dd-input { padding:0;  }
.recharge-price dd.dd-input input { height:92px; text-align:center; border:none; color:#EB314C; font-size:18px; outline:none;}

.recharge-pay .btn { font-size:16px; margin-right:15px; color:#333; border-color:#ccc } 
.recharge-pay .btn:hover { border-color:#EB314C } 

.recharge .pay-btn { padding:10px 50px; font-size:16px; font-weight:bold; margin-top:40px; }


.exchange { margin-bottom:20px }
.exchange li { position:relative; width:49%; float:left; line-height:32px; font-size:18px; padding:25px 5%; background:#fff; box-sizing:border-box; margin-right:2%; margin-bottom:2%; border:1px solid #EB314C;  border-radius:10px; overflow:hidde; }
.exchange li:nth-of-type(2n) { margin-right:0 }
.exchange li b { color:#EB314C; font-size:28px; vertical-align:middle; margin:0 20px; }
.exchange li .btn { padding:0px 30px; font-size:16px; float:right; font-weight:bold }

#form-exchange { text-align:center }
#form-exchange li { margin-top:15px; }
#form-exchange li input { text-align:center }
#form-exchange li p { margin:5px 0; line-height:28px; }
#form-exchange li p b { font-size:14px; }