@charset "UTF-8";
/*base.css Date:2017-01-20 09:51:00 sunle*/
/* common */
* {
  padding: 0;
  margin: 0;
}

body, button, input, select, textarea {
  -webkit-font-smoothing: antialiased;
  font: 12px/1.5 Microsoft YaHei, tahoma, arial, Hevetica, \\5b8b体, sans-serif;
  color: #555;
}

h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-family: "microsoft yahei";
  font-weight: normal;
}

address, cite, dfn, em, var {
  font-style: normal;
}

ul, ol {
  list-style: none;
}

em, i, u {
  font-style: normal;
}

input, select, textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

fieldset, iframe, img {
  border: 0;
}

button, input, select, textarea {
  font-size: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  vertical-align: middle;
  display: inline-block;
}

a {
  text-decoration: none;
  color: #555;
}

a:hover {
  color: #f42424;
}

a:focus {
  outline: none;
}

.w {
  margin: 0 auto;
}

.w:after, .w:before {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*浮动*/
.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

.fn {
  float: none !important;
}

/*字体*/
.fs12 {
  font-size: 12px;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

/*隐藏显示*/
.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.clear, .clearfix {
  clear: both;
}

.relative {
  position: relative;
}

.clearfix:after, .clearfix:before {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.icon {
  display: inline-block;
  background: url(../images/dsc-icon.png) no-repeat;
}

.ud-right {
  float: left;
  margin-left: 20px;
  width: calc(100% - 70px);
}

/*对齐方式*/
.tl {
  text-align: left !important;
}

.tc {
  text-align: center !important;
}

.tr {
  text-align: right !important;
}

.lh20 {
  line-height: 20px !important;
}

.lh25 {
  line-height: 25px !important;
}

.lh30 {
  line-height: 30px !important;
}

/*价格*/
.shop-price {
  color: #f42424;
  font-size: 18px;
}

.original-price {
  text-decoration: line-through;
  font-size: 12px;
  color: #999;
}

/* 图片加载 */
.img-lazyload {
  -webkit-animation: ks-fadeIn 350ms linear 0ms 1 normal both;
  animation: ks-fadeIn 350ms linear 0ms 1 normal both;
  opacity: 1;
}

.slide_lr_img {
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

.slide_lr_info:hover .slide_lr_img {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/*三角形*/
.arrowImg {
  background: url(../images/arrowImg.png) no-repeat;
  display: block;
  width: 100px;
  height: 6px;
}

.arrowXt, .arrowXt:after {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0;
  border-left: 10px dotted transparent;
  border-right: 10px dotted transparent;
  border-bottom: 10px dashed #000;
}

.arrowSt, .arrowSt:after {
  position: relative;
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 0;
  border-left: 10px dotted transparent;
  border-right: 10px dotted transparent;
  border-bottom: 10px dashed #000;
}

.arrowSt:after {
  position: absolute;
  left: -8px;
  top: 1px;
  content: "";
  width: 0;
  height: 0;
  border-top: 0;
  border-left: 8px dotted transparent;
  border-right: 8px dotted transparent;
  border-bottom: 8px dashed #fff;
}

/*鼠标移动到图片透明*/
.opacity_img .p-img {
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}

.opacity_img:hover .p-img {
  opacity: 0.7;
  selector: alpha(opacity=70);
}

/* checkbox 列表*/
.checkbox_items {
  overflow: hidden;
}

.checkbox_item {
  float: left;
}

/*左右滚动轮播 按钮*/
.prevStop .iconfont, .nextStop .iconfont {
  color: #ccc !important;
}

/*网友讨论圈 小图标*/
.icon-tie {
  width: 21px;
  height: 20px;
  display: inline-block;
  position: absolute;
  top: 5px;
  left: 0;
}

.icon-shai {
  background-position: -66px 0;
}

.icon-tao {
  background-position: -96px 0;
}

.icon-wen {
  background-position: -126px 0;
}

.icon-quan {
  background-position: -158px 0;
}

/* 头像图片 */
.u-ico {
  width: 50px;
  height: 50px;
  float: left;
}

.u-ico img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

/*表单区域样式*/
.text {
  height: 28px;
  padding: 0 10px;
  border: 1px solid #d2d2d2;
  outline: 0;
  width: 300px;
}

.text.error {
  border-color: #f42424;
}

.text-1 {
  width: 178px;
}

.text-2 {
  width: 238px;
}

.text-3 {
  width: 600px;
}

.text-4 {
  width: 80px;
}

.text-5 {
  width: 300px;
}

.textarea {
  padding: 10px;
  outline: 0;
  border: 1px solid #d2d2d2;
  resize: none;
  width: 500px;
  height: 80px;
  float: left;
}

.textarea.error {
  border-color: #f42424;
}

.captcha_input {
  float: left;
  width: 320px;
  height: 38px;
  line-height: 38px;
  border: 1px solid #d2d2d2;
}

.captcha_input .text {
  float: left;
  width: 188px;
  padding: 5px 10px;
  border: 0;
  font-size: 14px;
}

.captcha_input .captcha_img {
  float: left;
}

/*div 仿select 效果*/
.imitate_select {
  float: left;
  position: relative;
  border: 1px solid #d2d2d2;
  height: 28px;
  line-height: 28px;
  font-size: 12px;
}

.imitate_select.error {
  border-color: #f42424;
}

.imitate_select .cite {
  background: #fff;
  padding: 0 10px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
}

.imitate_select .cite span {
  display: block;
  float: left;
  width: calc(100% - 20px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.imitate_select .cite i.iconfont {
  font-size: 12px;
  height: 12px;
  line-height: 12px;
  float: right;
  margin-top: 9px;
}

.imitate_select ul {
  position: absolute;
  top: 28px;
  left: -1px;
  background: #fff;
  width: 100%;
  border: 1px solid #dbdbdb;
  display: none;
  z-index: 199;
  max-height: 280px;
  overflow: hidden;
}

.imitate_select ul li {
  cursor: pointer;
}

.imitate_select ul li a {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  color: #707070;
  padding: 0 10px;
}

.imitate_select ul li a:hover {
  background: #f0f0f0;
}

.imitate_select ul li.li_not {
  text-align: center;
  padding: 20px 10px;
}

.imitate_select .upward {
  top: inherit;
  bottom: 28px;
}

/*.select_w90{ width:90px;}
.select_w120{ width:120px;}
.select_w180{ width:180px;}*/
/*下来列表*/
.type-file-box {
  position: relative;
  float: left;
  width: 322px;
  margin-right: 10px;
}

.type-file-box .type-file-button {
  width: 104px;
  height: 30px;
  background: url(../images/update_file.png) 0 0 no-repeat;
  border: 0;
  cursor: pointer;
  padding: 0;
  float: left;
}

.type-file-box.hover .type-file-button {
  background-position: -111px 0;
}

.type-file-box input[type=file] {
  position: absolute;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 104px;
  height: 30px;
  cursor: pointer;
}

.type-file-box .type-file-text {
  float: left;
  height: 20px;
  padding: 4px 0;
  border: 1px solid #fff;
  width: 144px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 10px;
  background: #fff;
}

.type-file-box .show {
  float: left;
  margin-left: 10px;
  height: 30px;
  line-height: 30px;
}

/*手机短信文本框*/
.sm-input {
  width: 198px;
  height: 38px;
  border: 1px solid #d2d2d2;
  float: left;
}

.sm-input input[type=text] {
  width: 90px;
  border: 0;
  height: 32px;
  line-height: 32px;
  outline: 0;
  padding: 3px 10px;
  float: left;
  background-color: #fff;
}

.sm-input input.captcha_input {
  width: 72px;
}

.sm-input .captcha_img {
  float: left;
  margin: 2.5px 3px;
  cursor: pointer;
}

.sms-btn {
  display: block;
  float: right;
  width: 80px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  background-color: #f0f0f0;
  margin: 3px 3px 3px 0;
  font-size: 12px;
}

.account-bind .error {
  color: #f42424;
  margin-left: 18px;
  line-height: 40px;
  display: block;
  float: left;
}

/*验证提示*/
.form_prompt {
  float: left;
  color: #f42424;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
}

.form_prompt .error {
  margin-left: 15px;
  display: block;
}

/*用于picTip.js配合图片显示*/
.trans_msg {
  background-color: #FFF;
  padding: 4px;
  border: solid 1px #CCC;
  -webkit-box-shadow: 0 0 0 2px rgba(153, 153, 153, 0.1);
  box-shadow: 0 0 0 2px rgba(153, 153, 153, 0.1);
  filter: alpha(opacity=100, enabled=1) revealTrans(duration=0.2, transition=1) blendtrans(duration=0.2);
}

.trans_msg img {
  display: block;
  max-width: 150px;
  max-height: 150px;
}

/* common end*/
/**************width height margin padding******************/
/* width */
.w10 {
  width: 10px;
}

.w20 {
  width: 20px;
}

.w30 {
  width: 30px;
}

.w40 {
  width: 40px;
}

.w50 {
  width: 50px;
}

.w60 {
  width: 60px;
}

.w65 {
  width: 65px;
}

.w70 {
  width: 70px;
}

.w80 {
  width: 80px !important;
}

.w90 {
  width: 90px !important;
}

.w100 {
  width: 100px;
}

.w110 {
  width: 110px;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px;
}

.w140 {
  width: 140px;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px;
}

.w180 {
  width: 180px;
}

.w190 {
  width: 190px;
}

.w200 {
  width: 200px;
}

.w210 {
  width: 210px;
}

.w230 {
  width: 230px;
}

.w240 {
  width: 240px;
}

.w250 {
  width: 250px;
}

.w260 {
  width: 260px;
}

.w270 {
  width: 270px;
}

.w290 {
  width: 289px;
}

.w300 {
  width: 300px;
}

.w319 {
  width: 319px;
}

.w350 {
  width: 350px;
}

.w340 {
  width: 340px;
}

.w400 {
  width: 400px;
}

.w450 {
  width: 450px;
}

.w500 {
  width: 500px !important;
}

.w600 {
  width: 600px;
}

.w700 {
  width: 700px;
}

.w780 {
  width: 780px;
}

.w800 {
  width: 800px;
}

.w900 {
  width: 900px;
}

.w960 {
  width: 960px;
}

.w970 {
  width: 970px;
}

.w990 {
  width: 990px;
}

.w1000 {
  width: 1000px;
}

.w1200 {
  width: 1200px;
}

.w1390 {
  width: 1390px;
}

/* height */
.h10 {
  height: 10px;
}

.h20 {
  height: 20px;
}

.h30 {
  height: 30px;
}

.h40 {
  height: 40px;
}

.h50 {
  height: 50px;
}

.h60 {
  height: 60px;
}

.h65 {
  height: 65px;
}

.h70 {
  height: 70px;
}

.h80 {
  height: 80px;
}

.h90 {
  height: 90px;
}

.h100 {
  height: 100px;
}

.h110 {
  height: 110px;
}

.h120 {
  height: 120px;
}

.h130 {
  height: 130px;
}

.h150 {
  height: 150px;
}

.h160 {
  height: 160px;
}

.h180 {
  height: 180px;
}

.h190 {
  height: 190px;
}

.h200 {
  height: 200px;
}

.h210 {
  height: 210px;
}

.h230 {
  height: 230px;
}

.h240 {
  height: 240px;
}

.h250 {
  height: 250px;
}

.h270 {
  height: 270px;
}

.h300 {
  height: 300px;
}

.h350 {
  height: 350px;
}

.h340 {
  height: 340px;
}

.h400 {
  height: 400px;
}

.h450 {
  height: 450px;
}

.h500 {
  height: 500px;
}

.h600 {
  height: 600px;
}

.h700 {
  height: 700px;
}

.h780 {
  height: 780px;
}

.h800 {
  height: 800px;
}

/* margin */
.m0 {
  margin: 0;
}

.m10 {
  margin: 10px;
}

.m15 {
  margin: 15px;
}

.m30 {
  margin: 30px;
}

.mt0 {
  margin-top: 0px;
}

.mt2 {
  margin-top: 2px;
}

.mt3 {
  margin-top: 3px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt30 {
  margin-top: 30px;
}

.mt50 {
  margin-top: 50px;
}

.mt100 {
  margin-top: 100px;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px;
}

.mr8 {
  margin-right: 8px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr30 {
  margin-right: 30px;
}

.mr50 {
  margin-right: 50px;
}

.mr70 {
  margin-right: 70px;
}

.mr80 {
  margin-right: 80px;
}

.mr100 {
  margin-right: 100px;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb100 {
  margin-bottom: 100px;
}

.ml0 {
  margin-left: 0px;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml30 {
  margin-left: 30px;
}

.ml50 {
  margin-left: 50px;
}

.ml60 {
  margin-left: 60px;
}

.ml70 {
  margin-left: 70px;
}

.ml75 {
  margin-left: 75px;
}

.ml100 {
  margin-left: 100px;
}

.ml200 {
  margin-left: 200px;
}

/* padding */
.p0 {
  padding: 0px;
}

.p5 {
  padding: 5px;
}

.p10 {
  padding: 10px;
}

.p15 {
  padding: 15px;
}

.p30 {
  padding: 30px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt30 {
  padding-top: 30px;
}

.pt50 {
  padding-top: 50px;
}

.pt100 {
  padding-top: 100px;
}

.pr0 {
  padding-right: 5px !important;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr30 {
  padding-right: 30px;
}

.pr50 {
  padding-right: 50px;
}

.pr100 {
  padding-right: 100px;
}

.pb0 {
  padding-bottom: 0px;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb100 {
  padding-bottom: 100px;
}

.pl0 {
  padding-left: 0px !important;
}

.pl3 {
  padding-left: 3px;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl40 {
  padding-left: 40px;
}

.pl50 {
  padding-left: 50px;
}

.pl100 {
  padding-left: 100px;
}

.pl180 {
  padding-left: 180px !important;
}

.pl400 {
  padding-left: 400px !important;
}

.pl450 {
  padding-left: 450px !important;
}

/*上边距*/
.b-t-0 {
  border-top: 0 !important;
}

.b-b-0 {
  border-bottom: 0 !important;
}

.b-t-gary {
  border-top: 1px solid #d2d2d2;
}

/******************************width height margin padding end******************/
/****************************** color ************************/
.white {
  color: #fff;
}

.red {
  color: #f42828;
}

.red2 {
  color: #f74245;
}

.red3 {
  color: #e94973;
}

.link-red {
  color: #b31919;
}

.yellow {
  color: #eeb520;
}

.yellow2 {
  color: #cf7216;
}

.orange {
  color: #f13d20;
}

.orange2 {
  color: #f99439;
}

.light-red {
  color: #d93797;
}

.gary {
  color: #8c8c8c;
}

.ftx-01 {
  color: #f42424 !important;
}

.ftx-02 {
  color: #23bc17 !important;
}

.ftx-03 {
  color: #8c8c8c;
}

.ftx-04 {
  color: #f68a00;
}

.ftx-05 {
  color: #438cde;
}

.ftx-06 {
  color: #333;
}

.ftx-07 {
  color: #555;
}

.ftx-08 {
  color: #F60;
}

.ftx-09 {
  color: #b31919;
}

.ftx-14 {
  color: #0000FF;
}

.ftx-15 {
  color: #4dcdd2;
}

.bg-ligtGary {
  background-color: #f8f8f8;
}

/****************************** color end ************************/
/*page start*/
.pages2 {
  text-align: center;
  margin: 40px 0;
}

.pages2 .pages2_warp {
  overflow: hidden;
  font-size: 0;
}

.pages2 .item {
  display: inline-block;
  margin-right: 4px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #d2d2d2;
  overflow: hidden;
}

.pages2 .item.next {
  margin-right: 0;
}

.pages2 .item a {
  display: block;
  float: left;
  width: 28px;
  height: 28px;
  text-align: center;
  font-size: 12px;
  background: #f8f8f8;
  color: #8c8c8c;
}

.pages2 .item a .iconfont {
  font-size: 12px;
  color: #8c8c8c;
}

.page-white-bg .item a {
  background-color: #fff;
}

.pages2 .item.span, .pages2 .item.span:hover {
  border-color: #fff;
}

.pages2 .item span {
  float: left;
  font-size: 12px;
  width: 28px;
  text-align: center;
  line-height: 22px;
  height: 28px;
}

.pages2 .item.cur {
  border-color: #f42424;
}

.pages2 .item.cur a {
  background-color: #f42424;
  color: #fff;
}

.pages2 .item:hover {
  border-color: #f42424;
}

.pages2 .item:hover a {
  color: #f42424;
}

.pages2 .item.cur:hover a {
  color: #fff;
}

.pages2 .item.prev:hover a .iconfont, .pages2 .item.next:hover a .iconfont {
  color: #f42424;
}

/*page end*/
.sc-blue-btn {
  border-color: #139ff0;
  color: #139ff0;
}

.sc-blue-btn:hover {
  background-color: #dff3ff;
  color: #139ff0;
}

.sc-red-btn {
  border-color: #f42424;
  color: #f42424;
}

.sc-red-btn:hover {
  background-color: #ef1c1c;
  color: #fff;
}

.sc-org-btn:hover {
  border-color: #f28f0e;
  color: #f28f0e;
}

.sc-blueBg-btn {
  background: #139ff0;
  border-color: #139ff0;
  color: #fff;
}

.sc-blueBg-btn:hover {
  background: #0e93e0;
  color: #fff;
}

.sc-redBg-btn {
  background: #f42424;
  border-color: #f42424;
  color: #fff;
}

.sc-redBg-btn:hover {
  background: #ec5051;
  color: #fff;
}

.sc-orgBg-btn {
  background: #f68a00;
  border-color: #f68a00;
  color: #fff;
}

.sc-orgBg-btn:hover {
  background: #f28f0e;
  color: #fff;
}

.sc-cyanBg-btn {
  background: #4dcdd2;
  border-color: #4dcdd2;
  color: #fff;
}

.sc-cyanBg-btn:hover {
  background: #4dcdd2;
  color: #fff;
}

/*list-sort*/
.mod-list-sort {
  height: 30px;
  line-height: 30px;
  color: #8c8c8c;
}

.mod-list-sort .sort-t {
  float: left;
  margin-right: 10px;
}

.mod-list-sort .sort-c {
  float: left;
}

.mod-list-sort .sort-item {
  float: left;
  line-height: 28px;
  height: 28px;
  border: 1px solid #d2d2d2;
  text-align: center;
  width: 78px;
  background: #fff;
  color: #8c8c8c;
  margin-right: 10px;
}

.mod-list-sort .sort-item .iconfont {
  font-size: 12px;
  margin-left: 4px;
  vertical-align: middle;
  margin-right: -7px;
}

.mod-list-sort .sort-item .icon-up1 {
  vertical-align: top;
}

.mod-list-sort .sort-item.curr {
  color: #f43434;
  border-color: #f43434;
}

.mod-list-sort .f-search {
  float: right;
}

.mod-list-sort .f-search .text {
  float: left;
  width: 180px;
}

.mod-list-sort .f-search .btn {
  padding: 0 10px;
  float: left;
  margin: 0 0 0 8px;
  height: 28px;
  border-radius: 3px;
  line-height: 28px;
  min-width: 30px;
  text-align: center;
}

/*common end*/
/*
* made in fanfan
*/
html {
  font-size: 37.5px;
  font-family: "Myriad Set Pro", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

body {
  background-color: #fff;
  color: #333;
  font-size: 12px;
}

img {
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:active {
  color: inherit;
}

/*常用样式*/
.fl {
  float: left;
}

.fr {
  float: right;
}

/*遮罩*/
.shade {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  z-index: 9000;
  display: none;
}
.shade.show {
  display: block;
}

.dialog {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.dialog.show {
  display: block;
}

.content {
  margin: auto;
  -webkit-overflow-scrolling: touch;
}

.scroll {
  -webkit-overflow-scrolling: touch;
}

.row:after {
  content: " ";
  display: block;
  clear: both;
}
.row .col-10 {
  width: 10%;
  float: left;
}
.row .col-16 {
  width: 16.6%;
  float: left;
}
.row .col-20 {
  width: 20%;
  float: left;
}
.row .col-25 {
  width: 25%;
  float: left;
}
.row .col-33 {
  width: 33.33%;
  float: left;
}
.row .col-40 {
  float: left;
  width: 40%;
}
.row .col-50 {
  width: 50%;
  float: left;
}
.row .col-60 {
  width: 60%;
  float: left;
}
.row .col-75 {
  width: 75%;
  float: left;
}

img.block {
  width: 100%;
  display: block;
}

.ui_1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui_2 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.btn {
  display: inline-block;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-select: none;
}
.btn:active {
  opacity: 0.8;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.dandan {
  color: red;
}

.red {
  color: red;
}

.green {
  color: green;
}

@font-face {
  font-family: "iconfont";
  src: url("../font/iconfont.eot?t=1486452679920");
  /* IE9*/
  src: url("../font/iconfont.eot?t=1486452679920#iefix") format("embedded-opentype"), url("../font/iconfont.woff?t=1486452679920") format("woff"), url("../font/iconfont.ttf?t=1486452679920") format("truetype"), url("../font/iconfont.svg?t=1486452679920#iconfont") format("svg");
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-minus-sign:before {
  content: "";
}

.icon-food:before {
  content: "";
}

.icon-heal:before {
  content: "";
}

.icon-shoes:before {
  content: "";
}

.icon-jia:before {
  content: "";
}

.icon-liebiao:before {
  content: "";
}

.icon-baby:before {
  content: "";
}

.icon-read:before {
  content: "";
}

.icon-edit1:before {
  content: "";
}

.icon-spot:before {
  content: "";
}

.icon-home:before {
  content: "";
}

.icon-package:before {
  content: "";
}

.icon-plus:before {
  content: "";
}

.icon-gou:before {
  content: "";
}

.icon-car:before {
  content: "";
}

.icon-xia:before {
  content: "";
}

.icon-image:before {
  content: "";
}

.icon-home-store:before {
  content: "";
}

.icon-info-sign:before {
  content: "";
}

.icon-remove-alt:before {
  content: "";
}

.icon-clothes:before {
  content: "";
}

.icon-password:before {
  content: "";
}

.icon-cate:before {
  content: "";
}

.icon-carts:before {
  content: "";
}

.icon-reduce:before {
  content: "";
}

.icon-share:before {
  content: "";
}

.icon-store:before {
  content: "";
}

.icon-tel-alt:before {
  content: "";
}

.icon-mobile-phone-alt:before {
  content: "";
}

.icon-tel:before {
  content: "";
}

.icon-jiubei:before {
  content: "";
}

.icon-share-alt:before {
  content: "";
}

.icon-mobile-phone:before {
  content: "";
}

.icon-zan-alt:before {
  content: "";
}

.icon-shuiguo:before {
  content: "";
}

.icon-ok:before {
  content: "";
}

.icon-left-alt:before {
  content: "";
}

.icon-zan:before {
  content: "";
}

.icon-switch:before {
  content: "";
}

.icon-makeup:before {
  content: "";
}

.icon-jinkou:before {
  content: "";
}

.icon-comment:before {
  content: "";
}

.icon-rotate:before {
  content: "";
}

.icon-order:before {
  content: "";
}

.icon-remove:before {
  content: "";
}

.icon-email:before {
  content: "";
}

.icon-template:before {
  content: "";
}

.icon-jucha2:before {
  content: "";
}

.icon-grin:before {
  content: "";
}

.icon-columns:before {
  content: "";
}

.icon-bed:before {
  content: "";
}

.icon-eye-open:before {
  content: "";
}

.icon-rotate-left:before {
  content: "";
}

.icon-ele:before {
  content: "";
}

.icon-identity:before {
  content: "";
}

.icon-cart-alt:before {
  content: "";
}

.icon-kefu:before {
  content: "";
}

.icon-security:before {
  content: "";
}

.icon-light:before {
  content: "";
}

.icon-article:before {
  content: "";
}

.icon-zheng:before {
  content: "";
}

.icon-map-marker:before {
  content: "";
}

.icon-edit-alt:before {
  content: "";
}

.icon-truck-alt:before {
  content: "";
}

.icon-computer:before {
  content: "";
}

.icon-coll:before {
  content: "";
}

.icon-weizhi:before {
  content: "";
}

.icon-icon02:before {
  content: "";
}

.icon-liangyoufushi1:before {
  content: "";
}

.icon-see:before {
  content: "";
}

.icon-time:before {
  content: "";
}

.icon-password-alt:before {
  content: "";
}

.icon-book:before {
  content: "";
}

.icon-picture:before {
  content: "";
}

.icon-crown:before {
  content: "";
}

.icon-settled:before {
  content: "";
}

.icon-money:before {
  content: "";
}

.icon-tangdou:before {
  content: "";
}

.icon-close:before {
  content: "";
}

.icon-drug:before {
  content: "";
}

.icon-examine:before {
  content: "";
}

.icon-remaichanpin:before {
  content: "";
}

.icon-shangpin:before {
  content: "";
}

.icon-browse:before {
  content: "";
}

.icon-care:before {
  content: "";
}

.icon-outdoors:before {
  content: "";
}

.icon-cha:before {
  content: "";
}

.icon-cloud-upload:before {
  content: "";
}

.icon-returntop:before {
  content: "";
}

.icon-books:before {
  content: "";
}

.icon-cart:before {
  content: "";
}

.icon-cloud-upload-alt:before {
  content: "";
}

.icon-truck:before {
  content: "";
}

.icon-complete:before {
  content: "";
}

.icon-tubiaozhizuomoban:before {
  content: "";
}

.icon-search:before {
  content: "";
}

.icon-rotate-alt:before {
  content: "";
}

.icon-b2b-cart:before {
  content: "";
}

.icon-edit:before {
  content: "";
}

.icon-confirm:before {
  content: "";
}

.icon-success:before {
  content: "";
}

.icon-digital:before {
  content: "";
}

.icon-name:before {
  content: "";
}

.icon-thumb:before {
  content: "";
}

.icon-email-alt:before {
  content: "";
}

.icon-file:before {
  content: "";
}

.icon-alipay:before {
  content: "";
}

.icon-csu:before {
  content: "";
}

.icon-qi:before {
  content: "";
}

.icon-watch:before {
  content: "";
}

.icon-map-marker-alt:before {
  content: "";
}

.icon-left:before {
  content: "";
}

.icon-down:before {
  content: "";
}

.icon-up:before {
  content: "";
}

.icon-right:before {
  content: "";
}

.icon-trophy:before {
  content: "";
}

.icon-switch-list:before {
  content: "";
}

.icon-switch-grid:before {
  content: "";
}

.icon-store-alt:before {
  content: "";
}

.icon-qq:before {
  content: "";
}

.icon-weibo:before {
  content: "";
}

.icon-weibos:before {
  content: "";
}

.icon-qqs:before {
  content: "";
}

.icon-wechat:before {
  content: "";
}

.icon-Pay:before {
  content: "";
}

.icon-Pays:before {
  content: "";
}

.icon-wechats:before {
  content: "";
}

.icon-friends:before {
  content: "";
}

.icon-qq-space:before {
  content: "";
}

.icon-hint:before {
  content: "";
}

.icon-arrow-down:before {
  content: "";
}

.icon-arrow-up:before {
  content: "";
}

.icon-collection:before {
  content: "";
}

.icon-collection-alt:before {
  content: "";
}

.icon-zan-alts:before {
  content: "";
}

.icon-qr-code:before {
  content: "";
}

.icon-bind:before {
  content: "";
}

.icon-arrow-right-alt:before {
  content: "";
}

.icon-add-quer:before {
  content: "";
}

.icon-up1:before {
  content: "";
}

.icon-down1:before {
  content: "";
}

.icon-up-alt:before {
  content: "";
}

.icon-right-alt:before {
  content: "";
}

.icon-down-alt:before {
  content: "";
}

.icon-arrow-average:before {
  content: "";
}

.icon-modular1:before {
  content: "";
}

.icon-custom:before {
  content: "";
}

.icon-modular3:before {
  content: "";
}

.icon-modular2:before {
  content: "";
}

.icon-slide:before {
  content: "";
}

.icon-floor:before {
  content: "";
}

.icon-visual-con:before {
  content: "";
}

.icon-visual-top:before {
  content: "";
}

.icon-email-alts:before {
  content: "";
}

.icon-rotate-right:before {
  content: "";
}

::-webkit-input-placeholder {
  color: #bfc0c2;
}

.btn.btn-default {
  width: 260px;
  margin: 10px auto;
  background: #e53423;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

body {
  min-width: 1200px;
}

.main {
  width: 1200px;
  margin: auto;
}

.nav_top {
  background: #23272b;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #fff;
}
.nav_top span {
  display: inline-block;
  vertical-align: middle;
}
.nav_top a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
}

.nav_menu {
  height: 126px;
  line-height: 126px;
}
.nav_menu .logo > img {
  display: inline-block;
  vertical-align: middle;
}
.nav_menu .link {
  float: left;
}
.nav_menu .link > li {
  float: left;
  padding: 0 35px;
  font-size: 16px;
  color: #666666;
}
.nav_menu .link > li.on, .nav_menu .link > li:hover {
  color: #e53424;
}
.nav_menu .search {
  float: left;
  width: 286px;
  height: 50px;
  font-size: 0;
}
.nav_menu .search input {
  width: 240px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  border-top: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  font-size: 14px;
  padding-left: 10px;
  border-right: none;
  background-color: transparent;
  outline: none;
}
.nav_menu .search .btn {
  display: inline-block;
  vertical-align: middle;
  width: 46px;
  height: 50px;
  background: #e53424 url(../images/search.png) center no-repeat;
}

.g-banner .banner {
  float: left;
  width: 978px;
  height: 390px;
}
.g-banner .right {
  float: right;
  width: 222px;
  height: 390px;
  background: #f0f0f0;
  padding: 0 20px;
}
.g-banner .right .user {
  padding: 20px 0;
  border-bottom: 1px solid #b4b4b4;
}
.g-banner .right .user .icon {
  display: inline-block;
  vertical-align: middle;
  width: 58px;
  height: 58px;
  background: url(../images/user.png) center no-repeat;
  background-size: contain;
}
.g-banner .right .user .link {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.g-banner .right .user .link > a {
  font-size: 16px;
  color: #666666;
  padding: 0 4px;
}
.g-banner .right .user .link > span {
  font-size: 18px;
  color: #000000;
}
.g-banner .right .money {
  padding: 20px 0;
  border-bottom: 1px solid #b4b4b4;
}
.g-banner .right .money .icon {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/money.png) center no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.g-banner .right .money > span {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #3f3f3f;
}
.g-banner .right .money .number {
  float: right;
  font-size: 20px;
  color: #e53424;
}
.g-banner .right .money .number small {
  font-size: 14px;
}
.g-banner .right .img_link {
  display: block;
  margin: 12px auto;
}

.g-list {
  margin-top: 20px;
}
.g-list .m-title {
  line-height: 44px;
  font-size: 22px;
  color: #1f1f1f;
  border-bottom: 1px solid #dfdfdf;
}
.g-list .m-title b {
  color: #da2312;
}
.g-list .m-title .more {
  float: right;
  font-size: 14px;
  color: #b4b4b4;
}
.g-list .m-list .child {
  width: 20%;
  height: 320px;
  float: left;
  text-align: center;
  margin-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
}
.g-list .m-list .child .img {
  height: 182px;
}
.g-list .m-list .child .title {
  font-size: 16px;
  color: #1b1b1b;
  line-height: 26px;
  min-height: 50px;
}
.g-list .m-list .child .dec {
  font-size: 14px;
  line-height: 26px;
  color: #989898;
}
.g-list .m-list .child .info .money {
  font-size: 14px;
  color: #eb1100;
  float: left;
}
.g-list .m-list .child .info .prize {
  font-size: 14px;
  color: #666666;
  float: right;
}
.g-list .m-list .child .btn {
  display: block;
  border-style: solid;
  border-width: 1px;
  border-color: #e53424;
  width: 117px;
  height: 39px;
  margin: auto;
  line-height: 37px;
  font-size: 16px;
  color: #e53424;
  text-align: center;
  margin-top: 16px;
}

.footer {
  background: #24282b;
  padding: 30px 0;
}
.footer .link {
  margin-bottom: 20px;
}
.footer p {
  font-size: 14px;
  text-align: center;
  color: #ccc;
  line-height: 1.8;
}
.footer p a {
  padding: 0 5px;
}

.nav_bar {
  background: #e53424;
  height: 3px;
  line-height: 3px;
}
.nav_bar .list > li {
  float: left;
  padding: 0 20px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
  font-size: 16px;
  color: #fff;
}
.nav_bar .list > li.on, .nav_bar .list > li:hover {
  background: #a01c10;
}

.pages {
  text-align: center;
  margin: 30px auto;
}
.pages a {
  display: inline-block;
  padding: 0 10px;
  vertical-align: middle;
  margin: 0 5px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  color: #000000;
}
.pages a:hover {
  color: #e53424;
}
.pages a.on {
  background: #e53424;
  color: #fff;
}

.crumbs {
  font-size: 12px;
  color: #606060;
  line-height: 48px;
}

.g-product_info > .main {
  border: 1px solid #eeeeee;
}
.g-product_info .m-img {
  position: relative;
  width: 420px;
  float: left;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.g-product_info .m-img .gallery-top {
  height: 420px;
}
.g-product_info .m-img .gallery-top img {
  width: 420px;
  height: 420px;
}
.g-product_info .m-img .swiper-button-next, .g-product_info .m-img .swiper-button-prev {
  top: auto;
  bottom: 40px;
  z-index: 10;
}
.g-product_info .m-img .gallery-thumbs {
  width: 330px;
  margin: 10px auto;
  height: 78px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.g-product_info .m-img .gallery-thumbs .swiper-slide {
  height: 54px;
}
.g-product_info .m-img .gallery-thumbs .swiper-slide-thumb-active {
  outline: 2px solid #e53424;
}
.g-product_info .m-img .swiper-button-prev {
  width: 15px;
  height: 22px;
  background: url(../images/prev.png) center no-repeat;
  outline: none;
}
.g-product_info .m-img .swiper-button-prev:after {
  display: none;
}
.g-product_info .m-img .swiper-button-next {
  width: 15px;
  height: 22px;
  background: url(../images/next.png) center no-repeat;
  outline: none;
}
.g-product_info .m-img .swiper-button-next:after {
  display: none;
}
.g-product_info .m-info {
  width: 510px;
  float: left;
  padding: 0 20px;
}
.g-product_info .m-info .title {
  font-size: 20px;
  font-weight: bold;
  color: #141414;
  height: 88px;
  padding-top: 15px;
  border-bottom: 1px solid #eeeeee;
}
.g-product_info .m-info .list {
  margin-top: 10px;
  font-size: 14px;
  line-height: 32px;
  color: #141414;
}
.g-product_info .m-info .list .name {
  display: inline-block;
  vertical-align: middle;
}
.g-product_info .m-info .list .n1 {
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  color: #e53424;
}
.g-product_info .m-info .list .n2 {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #141414;
}
.g-product_info .m-info .list .type {
  display: inline-block;
  vertical-align: middle;
  font-size: 0;
}
.g-product_info .m-info .list .type > span {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #dbdbdb;
  padding: 0 15px;
  height: 22px;
  line-height: 20px;
  margin-right: 9px;
  font-size: 14px;
}
.g-product_info .m-info .list .type > span.on {
  border-color: #e53424;
}
.g-product_info .m-info .list .count {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
  margin: 10px auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.g-product_info .m-info .list .count > span, .g-product_info .m-info .list .count input {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  color: #333350;
}
.g-product_info .m-info .list .count input {
  height: 32px;
  width: 32px;
  border: 1px solid #999999;
  background-color: transparent;
  outline: none;
  text-align: center;
}
.g-product_info .m-info .list .count span {
  width: 32px;
  height: 32px;
  line-height: 30px;
  border-top: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}
.g-product_info .m-info .list .count span:last-child {
  border-left: none;
  border-right: 1px solid #dcdcdc;
}
.g-product_info .m-info .btn-group {
  font-size: 0;
  margin: 20px auto;
}
.g-product_info .m-info .btn-group .b1 {
  width: 190px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #e53424;
  font-size: 16px;
  color: #fff;
  margin-right: 20px;
}
.g-product_info .m-info .btn-group .b2 {
  width: 190px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  background: #8ec31e;
  font-size: 16px;
  color: #fff;
}
.g-product_info .m-info p {
  font-size: 14px;
  line-height: 30px;
  color: #141414;
}
.g-product_info .m-info .link {
  display: inline-block;
  padding-left: 24px;
  margin-right: 10px;
  background: url(../images/link.png) left center no-repeat;
}
.g-product_info .m-info .share {
  display: inline-block;
  padding-left: 24px;
  margin-right: 10px;
  background: url(../images/share.png) left center no-repeat;
}
.g-product_info .m-info .collect {
  display: inline-block;
  padding-left: 24px;
  margin-right: 10px;
  background: url(../images/collect.png) left center no-repeat;
}
.g-product_info .m-other {
  float: left;
  width: 268px;
  padding: 0 15px;
}
.g-product_info .m-other .title {
  position: relative;
  text-align: center;
  font-size: 14px;
  color: #141414;
  line-height: 50px;
}
.g-product_info .m-other .title > span {
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  background: #fff;
  padding: 0 10px;
}
.g-product_info .m-other .title:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
  background: #e8e8e8;
}
.g-product_info .m-other .list .child {
  float: left;
  width: 115px;
  height: 140px;
  margin-right: 8px;
}
.g-product_info .m-other .list .child:nth-child(even) {
  margin-right: 0;
}
.g-product_info .m-other .list .child .img {
  width: 115px;
  height: 115px;
  line-height: 115px;
  text-align: center;
  border: 1px solid #e3e3e3;
}
.g-product_info .m-other .list .child .img > img {
  display: inline-block;
  vertical-align: middle;
}
.g-product_info .m-other .list .child p {
  font-size: 14px;
  line-height: 24px;
  color: #141414;
  text-align: center;
}
.g-product_info .m-other .list .child p > b {
  font-size: 14px;
  color: #e53424;
}

.g-product_dec {
  margin-top: 20px;
  margin-bottom: 20px;
}
.g-product_dec .m-other {
  width: 254px;
  float: left;
}
.g-product_dec .m-other .m-card {
  border: 1px solid #f0f0f0;
  margin-bottom: 10px;
}
.g-product_dec .m-other .m-card .title {
  height: 44px;
  line-height: 44px;
  padding-left: 10px;
  background: #f0f0f0;
  font-size: 18px;
  color: #343434;
}
.g-product_dec .m-other .m-card .link {
  font-size: 13px;
  line-height: 30px;
  color: #343434;
  padding: 10px 0 10px 15px;
}
.g-product_dec .m-other .m-card .list {
  padding: 0 10px;
}
.g-product_dec .m-other .m-card .list .child {
  display: block;
  text-align: center;
  font-size: 14px;
  padding-bottom: 30px;
  border-bottom: 1px solid #f0f0f0;
}
.g-product_dec .m-other .m-card .list .child:last-child {
  border-bottom: none;
}
.g-product_dec .m-other .m-card .list .child p {
  line-height: 1.8;
}
.g-product_dec .m-other .m-card .list .child p > b {
  color: #e53424;
}
.g-product_dec .m-dec{
  padding-left: 264px;
}
.g-product_dec .m-dec .m-card {
  border: 1px solid #f0f0f0;
  margin-bottom: 10px;
}
.g-product_dec .m-dec .m-card .title {
  height: 44px;
  line-height: 44px;
  padding-left: 10px;
  background: #f0f0f0;
  font-size: 18px;
  color: #343434;
}
.g-product_dec .m-dec .m-card .inner {
  padding: 30px 10px;
}
.g-product_dec .m-dec .m-card .inner img {
  display: block;
  margin: auto;
}

.g-order {
  margin: 20px auto;
}
.g-order > .border {
  border: 1px solid #eeeeee;
}
.g-order .m-address .title {
  height: 40px;
  line-height: 40px;
  background: #f1f3f2;
  padding-left: 20px;
  font-size: 14px;
  color: #141414;
}
.g-order .m-address .form {
  margin-top: 15px;
}
.g-order .m-address .form label {
  display: block;
}
.g-order .m-address .form label .name, .g-order .m-address .form label input, .g-order .m-address .form label span {
  display: inline-block;
  vertical-align: middle;
}
.g-order .m-address .form label .name {
  width: 230px;
  text-align: right;
  font-size: 12px;
  color: #666666;
  padding-right: 10px;
}
.g-order .m-address .form label .name b {
  color: #e53424;
}
.g-order .m-address .form label input[type=text] {
  width: 270px;
  height: 26px;
  border: 1px solid #e4e4e4;
  padding-left: 1em;
  margin: 15px auto;
}
.g-order .m-address .form label input[type=checkbox] {
  margin-right: 5px;
}
.g-order .m-address .form .btn-group {
  padding-left: 230px;
  margin-top: 30px;
  margin-bottom: 60px;
}
.g-order .m-address .form .btn-group .b1 {
  background-color: #0fab03;
  width: 168px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin-right: 30px;
}
.g-order .m-address .form .btn-group .b2 {
  background-color: #e53424;
  width: 168px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin-right: 30px;
}
.g-order .m-address .m-pay {
  padding: 15px 18px;
  font-size: 0;
}
.g-order .m-address .m-pay .pay {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 218px;
  height: 38px;
  line-height: 38px;
  background: #f9f9f9;
  margin-right: 20px;
  font-size: 14px;
  color: #141414;
  text-align: center;
}
.g-order .m-address .m-pay .pay input {
  width: 0;
  height: 0;
  opacity: 0;
}
.g-order .m-address .m-pay .pay input:checked ~ b {
  opacity: 1;
}
.g-order .m-address .m-pay .pay b {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/pay.png) center no-repeat;
  background-size: contain;
  opacity: 0;
}
.g-order .list_product {
  width: 1140px;
  margin: auto;
}
.g-order .list_product .caption {
  line-height: 40px;
  font-size: 14px;
  color: #141414;
  border-bottom: 1px solid #e2e2e2;
}
.g-order .list_product .caption .t1 {
  width: 700px;
  float: left;
  text-align: left;
}
.g-order .list_product .caption .t2 {
  width: 130px;
  float: left;
  text-align: center;
}
.g-order .list_product .caption .t3 {
  width: 130px;
  float: left;
  text-align: center;
}
.g-order .list_product .caption .t4 {
  width: 180px;
  float: left;
  text-align: center;
}
.g-order .list_product .u_child {
  padding: 20px 0;
  border-bottom: 1px solid #e2e2e2;
}
.g-order .list_product .u_child:last-child {
  border-bottom: none;
}
.g-order .list_product .u_child .img {
  width: 80px;
  height: 80px;
  margin-right: -80px;
}
.g-order .list_product .u_child .txt {
  margin-left: 94px;
}
.g-order .list_product .u_child .u_title {
  font-size: 12px;
  line-height: 2;
  color: #007bb9;
}
.g-order .list_product .u_child .u_type {
  font-size: 12px;
  line-height: 2;
  color: #999999;
}
.g-order .list_product .u_child .t1 {
  width: 700px;
  float: left;
  text-align: left;
}
.g-order .list_product .u_child .t2 {
  width: 130px;
  float: left;
  text-align: center;
}
.g-order .list_product .u_child .t3 {
  width: 130px;
  float: left;
  text-align: center;
}
.g-order .list_product .u_child .t4 {
  width: 180px;
  float: left;
  text-align: center;
}
.g-order .list_price {
  border-top: 1px solid #e2e2e2;
  font-size: 12px;
  line-height: 2;
  color: #666666;
  text-align: right;
  padding: 20px 0;
}
.g-order .list_price b {
  color: #e0004b;
}
.g-order .list_price span {
  display: inline-block;
  vertical-align: middle;
  min-width: 120px;
}
.g-order .list_price span:last-child {
  text-align: center;
}
.g-order .m-money {
  height: 85px;
  line-height: 85px;
  text-align: right;
  background: #ebf8ff;
  margin-top: 20px;
  padding-right: 44px;
}
.g-order .m-money span, .g-order .m-money b {
  display: inline-block;
  vertical-align: middle;
}
.g-order .m-money span {
  font-size: 14px;
  color: #646464;
}
.g-order .m-money b {
  font-size: 24px;
  font-weight: bold;
  color: #da0049;
}
.g-order .btn-submit {
  background-color: #0fab03;
  width: 168px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  font-size: 18px;
  color: #fff;
  margin: 30px auto 40px;
}

.g-user_center {
  margin: 20px auto;
}
.g-user_center .caption {
  border-style: solid;
  border-width: 1px;
  border-color: #eeeeee;
  background-color: #f1f3f2;
  width: 1204px;
  height: 43px;
  line-height: 43px;
  font-size: 14px;
  color: #141414;
  padding-left: 18px;
  overflow: hidden;
}
.g-user_center .caption .money {
  margin-right: 18px;
  color: #7b7b7b;
}
.g-user_center .caption b {
  color: #e53424;
}
.g-user_center .m-tool {
  background: #fafdfe;
  float: left;
  width: 260px;
  min-height: 410px;
  margin-right: -260px;
  border-right: 1px dashed #dcdcdc;
}
.g-user_center .m-tool .u-top {
  padding-top: 40px;
  padding-bottom: 40px;
}
.g-user_center .m-tool .u-top .avatar {
  float: left;
  margin-left: 16px;
  border-radius: 50%;
  overflow: hidden;
  width: 80px;
  height: 80px;
}
.g-user_center .m-tool .u-top .txt {
  float: left;
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  margin-left: 10px;
}
.g-user_center .m-tool .u-top .txt b {
  font-size: 18px;
  font-weight: bold;
  color: #e53424;
}
.g-user_center .m-tool .u-list {
  width: 234px;
  margin: auto;
  font-size: 16px;
}
.g-user_center .m-tool .u-list > li {
  text-align: center;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #f1f3f2;
  margin-bottom: 1px;
}
.g-user_center .m-tool .u-list > li.on {
  background: #e53424;
  color: #fff;
}
.g-user_center .m-center {
  float: left;
  width: 940px;
  margin-left: 260px;
  padding: 20px;
}
.g-user_center .m-center .product {
  width: 600px;
  padding: 10px;
  text-align: left;
}
.g-user_center .m-center .product .img {
  width: 80px;
  height: 80px;
  margin-right: -80px;
}
.g-user_center .m-center .product .txt {
  margin-left: 94px;
}
.g-user_center .m-center .product .u_title {
  font-size: 12px;
  line-height: 2;
  color: #007bb9;
}
.g-user_center .m-center .product .u_type {
  font-size: 12px;
  line-height: 2;
  color: #999999;
}
.g-user_center .m-center .product2 {
  width: 600px;
  padding: 10px;
  text-align: left;
  margin-left: 10px;
}
.g-user_center .m-center .product2 .img {
  width: 164px;
  height: 130px;
  margin-right: -164px;
  border: 1px solid #f2f2f2;
}
.g-user_center .m-center .product2 .txt {
  margin-left: 188px;
  font-size: 16px;
  color: #333333;
}
.g-user_center .m-center .product2 .txt .t1 {
  line-height: 2;
  margin-top: 10px;
}
.g-user_center .m-center .product2 .txt .t1 span {
  color: #999999;
}
.g-user_center .m-center .product2 .txt .t2 {
  line-height: 2;
}
.g-user_center .m-center .product2 .txt .t2 .s1 {
  color: #000;
}
.g-user_center .m-center .product2 .txt .t2 .s2 {
  color: #434343;
  margin-left: 10px;
}
.g-user_center .m-center .product2 .txt .money {
  color: #ff0000;
  font-weight: bold;
}
.g-user_center .m-center .u-table {
  width: 100%;
  margin: auto;
  font-size: 14px;
}
.g-user_center .m-center .u-table td, .g-user_center .m-center .u-table th {
  line-height: 34px;
  text-align: center;
}
.g-user_center .m-center .u-table th {
  background: #f4f4f4;
  border: 1px solid #f4f4f4;
}
.g-user_center .m-center .u-table tbody, .g-user_center .m-center .u-table tr {
  border: 1px solid #f4f4f4;
}
.g-user_center .m-center .u-table td {
  border: 1px solid #f4f4f4;
  vertical-align: middle;
}
.g-user_center .m-center .u-table td.none {
  border: none;
}
.g-user_center .m-center .u-table b {
  font-weight: bold;
  color: #000000;
}
.g-user_center .m-center .u-table .red {
  color: #d92b2b;
  font-weight: bold;
}
.g-user_center .m-center .u-table .green {
  font-weight: bold;
  color: #38bf17;
}
.g-user_center .m-center .u-table .detail {
  display: inline-block;
  vertical-align: middle;
  background-color: #f9aa00;
  width: 106px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  margin: 14px auto;
}
.g-user_center .m-center .u-none {
  width: 220px;
  margin: 30px auto;
}
.g-user_center .m-center .u-none .img {
  width: 70px;
  height: 70px;
  float: left;
  margin-right: -70px;
}
.g-user_center .m-center .u-none .txt {
  margin-left: 80px;
  font-size: 12px;
  color: #dadada;
  line-height: 2;
  padding-top: 10px;
}
.g-user_center .m-center .u-none .txt a {
  color: #0085d0;
}
.g-user_center .m-center .m-form {
  width: 590px;
}
.g-user_center .m-center .m-form label {
  display: block;
}
.g-user_center .m-center .m-form label .name {
  display: inline-block;
  vertical-align: middle;
  width: 160px;
  text-align: right;
  font-size: 12px;
  color: #666666;
}
.g-user_center .m-center .m-form label input, .g-user_center .m-center .m-form label select {
  display: inline-block;
  vertical-align: middle;
  margin: 10px auto;
  width: 260px;
  height: 30px;
  padding-left: 1em;
  border: 1px solid #e4e4e4;
}
.g-user_center .m-center .m-order {
  border: 1px solid #f4f4f4;
}
.g-user_center .m-center .m-order .condition {
  line-height: 36px;
  font-size: 14px;
  color: #565656;
  background: #f4f4f4;
}
.g-user_center .m-center .m-order .condition a {
  display: inline-block;
  padding: 0 15px;
}
.g-user_center .m-center .m-order .condition .on {
  font-weight: bold;
  color: #e53424;
}
.g-user_center .m-center .m-order .u-list .u-child {
  border-bottom: 1px solid #f4f4f4;
  margin-bottom: 10px;
}
.g-user_center .m-center .m-order .u-list .u-child:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.g-user_center .m-center .m-order .u-list .u-child:first-child .u-top {
  border-top: 0;
}
.g-user_center .m-center .m-order .u-list .u-top {
  position: relative;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  padding: 15px 0;
  padding-left: 28px;
}
.g-user_center .m-center .m-order .u-list .u-top p {
  font-size: 16px;
  line-height: 2;
  color: #999999;
}
.g-user_center .m-center .m-order .u-list .u-top p > span {
  margin-right: 10px;
}
.g-user_center .m-center .m-order .u-list .u-top .money {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 18px;
  color: #000;
  line-height: 1;
}
.g-user_center .m-center .m-order .u-list .u-top .c1 {
  color: #03ba5d;
}
.g-user_center .m-center .m-order .u-list .u-top .c2 {
  color: #e53424;
}
.g-user_center .m-center .m-order .u-list .u-product {
  position: relative;
  padding-left: 28px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.g-user_center .m-center .m-order .u-list .u-product .u-img {
  float: left;
  width: 138px;
  height: 88px;
  line-height: 88px;
  margin-right: -138px;
  border-radius: 10px;
  overflow: hidden;
  text-align: center;
}
.g-user_center .m-center .m-order .u-list .u-product .u-img > img {
  display: inline-block;
  vertical-align: middle;
}
.g-user_center .m-center .m-order .u-list .u-product .u-txt {
  margin-left: 160px;
}
.g-user_center .m-center .m-order .u-list .u-product .u-txt .title {
  margin-top: 20px;
  font-size: 16px;
  color: #999999;
  margin-bottom: 10px;
}
.g-user_center .m-center .m-order .u-list .u-product .u-txt .price {
  font-size: 16px;
  color: #e53424;
}
.g-user_center .m-center .m-order .u-list .u-product .u-txt .count {
  font-size: 16px;
  color: #868686;
}
.g-user_center .m-center .m-order .u-list .u-product .tool {
  position: absolute;
  z-index: 2;
  right: 26px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  white-space: pre-wrap;
}
.g-user_center .m-center .m-order .u-list .u-product .tool .btn {
  display: inline-block;
  vertical-align: middle;
  border-style: solid;
  border-width: 1px;
  border-color: #f2f2f2;
  border-radius: 6px;
  background-color: rgba(0, 0, 0, 0);
  width: 97px;
  height: 34px;
  line-height: 32px;
  text-align: center;
  font-size: 14px;
  color: #999999;
  margin: 2px auto;
}
.g-user_center .m-center .m-order .u-list .u-product .tool .btn.b2 {
  background: #e53424;
  color: #fff;
}
.g-user_center .m-center .m-detail .m-top {
  margin-bottom: 16px;
}
.g-user_center .m-center .m-detail .m-top .u-caption {
  background: #f4f4f4;
  line-height: 34px;
  padding: 0 20px;
  font-size: 14px;
  color: #e53424;
}
.g-user_center .m-center .m-detail .m-top .u-box {
  background: #fbfbfb;
  padding: 10px 20px;
}
.g-user_center .m-center .m-detail .m-top .u-box .t1 {
  font-size: 16px;
  color: #dc3020;
  margin-bottom: 10px;
}
.g-user_center .m-center .m-detail .m-top .u-box .plan {
  background-color: #e53424;
  line-height: 38px;
  border-radius: 16px;
  font-size: 16px;
  color: #fff;
  text-align: center;
}
.g-user_center .m-center .m-detail .m-top .u-box .time {
  font-size: 14px;
  color: #999999;
  text-align: center;
  margin: 20px auto;
}
.g-user_center .m-center .m-detail .u-info {
  border: 1px solid #f2f2f2;
  padding: 12px;
}
.g-user_center .m-center .m-detail .u-info .txt {
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
}
.g-user_center .m-center .m-detail .u-info .txt:last-child {
  border-bottom: none;
}
.g-user_center .m-center .m-detail .u-info .txt .t1 {
  font-size: 16px;
  line-height: 2;
}
.g-user_center .m-center .m-detail .u-info .txt p {
  font-size: 16px;
  line-height: 30px;
  color: #999999;
}
.g-user_center .m-center .m-detail .u-info .txt .green {
  color: #12c137;
}

.dialog-cert {
  border-radius: 10px;
  background-color: white;
  width: 680px;
  height: 422px;
  left: 50%;
  top: 50%;
  margin-left: -340px;
  margin-top: -211px;
  overflow: visible;
  padding: 0 100px;
}
.dialog-cert .close {
  width: 64px;
  height: 64px;
  position: absolute;
  right: -32px;
  top: -32px;
  background: url(../images/close.png) center no-repeat;
  background-size: contain;
  z-index: 2;
}
.dialog-cert .title {
  line-height: 110px;
  font-size: 36px;
  color: #333333;
  text-align: center;
}
.dialog-cert .control {
  margin: 10px auto;
}
.dialog-cert .control input {
  width: 100%;
  height: 60px;
  padding-left: 1em;
  border: 1px solid #dddddd;
  border-radius: 10px;
  background-color: transparent;
  outline: none;
  font-size: 18px;
}
.dialog-cert .control.send input {
  display: inline-block;
  width: 280px;
}
.dialog-cert .control.send .btn {
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: #dddddd;
  border-radius: 10px;
  background-color: #f8a117;
  width: 160px;
  height: 57px;
  line-height: 57px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
.dialog-cert .send_info {
  font-size: 16px;
  color: #cccccc;
  margin: 10px auto;
  padding-left: 1em;
}
.dialog-cert .submit {
  display: block;
  border-radius: 10px;
  background-color: #f8a117;
  height: 60px;
  line-height: 60px;
  font-size: 30px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
}

.g-login {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  margin-top: -240px;
  margin-left: 120px;
  width: 480px;
  height: 480px;
  background: #fff;
}
.g-login .caption {
  height: 80px;
  line-height: 80px;
  text-align: center;
  font-size: 30px;
  color: #fff;
  background: #fd423e;
}
.g-login .form {
  margin-top: 56px;
  width: 368px;
  margin-left: auto;
  margin-right: auto;
}
.g-login .form .user {
  height: 48px;
  border: 1px solid #e4e4e4;
  margin-bottom: 20px;
  padding-left: 48px;
  background: url(../images/login_user.png) 8px center no-repeat;
}
.g-login .form .user input {
  height: 100%;
  width: 100%;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: transparent;
}
.g-login .form .pwd {
  height: 48px;
  border: 1px solid #e4e4e4;
  margin-bottom: 20px;
  padding-left: 48px;
  background: url(../images/login_pwd.png) 8px center no-repeat;
}
.g-login .form .pwd input {
  height: 100%;
  width: 100%;
  font-size: 16px;
  border: none;
  outline: none;
  background-color: transparent;
}
.g-login .form .yzm input {
  float: left;
  width: 198px;
  height: 48px;
  border: 1px solid #e4e4e4;
  background-color: transparent;
  font-size: 16px;
  outline: none;
  padding-left: 48px;
  background: url(../images/login_pwd.png) 8px center no-repeat;
}
.g-login .form .yzm img {
  height: 48px;
  width: 154px;
  float: right;
  border: 1px solid #e4e4e4;
}
.g-login .form .forget {
  line-height: 48px;
  font-size: 16px;
  color: #fd433f;
  padding-left: 10px;
}
.g-login .form .submit {
  width: 100%;
  height: 48px;
  line-height: 48px;
  text-align: center;
  background: url(../images/login_submit.png);
  font-size: 26px;
  color: #fff;
}

.g-search_list {
  padding: 10px 0;
  border-bottom: 1px solid #efefef;
}
.g-search_list .list {
  font-size: 16px;
  line-height: 46px;
  color: #1d1d1d;
}
.g-search_list .list dt, .g-search_list .list dd {
  display: inline-block;
  vertical-align: middle;
}
.g-search_list .list dd > a {
  display: inline-block;
  vertical-align: middle;
  height: 26px;
  line-height: 26px;
  padding: 0 15px;
  margin: 0 10px;
}
.g-search_list .list dd > a.on, .g-search_list .list dd > a:hover {
  background: #e53424;
  color: #fff;
}

/*article start*/
.logoText {
  float: left;
  font-size: 20px;
  color: #8c8c8c;
  line-height: 100px;
}

/*rewrite*/
.article-page .header {
  padding-bottom: 0;
}

.article-page .dsc-search {
  float: right;
  width: auto;
}

.article-page .dsc-search .search-text {
  border-width: 1px;
  height: 16px;
}

.article-page .dsc-search .button {
  width: 50px;
}

.article-page .dsc-search .button .iconfont {
  position: static;
  color: #fff;
  line-height: inherit;
  font-size: 21px;
  font-weight: 100;
}

/*content*/
.article-content {
  padding-top: 20px;
  background: #f8f8f8;
}

/*side*/
.article-side {
  float: left;
  width: 230px;
  margin-right: 20px;
}

.article-side .article-menu {
  background: #fff;
  margin-bottom: 10px;
}

.article-side .article-menu .am-t a {
  display: block;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  background: #f43434;
  color: #fff;
  text-align: center;
}

.article-side .article-menu .am-c .menu-item .item-hd {
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eee;
  padding: 0 20px;
  position: relative;
}

.article-side .article-menu .am-c .menu-item .item-hd a {
  font-size: 14px;
  font-weight: 700;
  color: #555;
}

.article-side .article-menu .am-c .menu-item .item-hd .iconfont {
  position: absolute;
  right: 20px;
  top: 12px;
  color: #8c8c8c;
  cursor: pointer;
  width: 16px;
  height: 17px;
  line-height: 17px;
}

.article-side .article-menu .am-c .menu-item .item-bd li {
  display: block;
  line-height: 40px;
  border-bottom: 1px solid #eee;
  padding-left: 40px;
  position: relative;
  font-size: 14px;
}

.article-side .article-menu .am-c .menu-item .item-bd li:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 3px;
  border: 1px solid #666;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 24px;
  top: 18px;
}

.article-side .article-menu .am-c .menu-item .item-bd a {
  color: #555;
}

.article-side .article-menu .am-c .menu-item .item-bd a:hover,
.article-side .article-menu .am-c .menu-item .item-bd a.current {
  color: #f43434;
}

.article-side .side-goods {
  position: relative;
  padding: 20px;
  background: #fff;
  margin-bottom: 10px;
}

.article-side .side-goods .prev,
.article-side .side-goods .next {
  content: "";
  text-align: center;
  height: 70px;
  width: 30px;
  margin-top: -35px;
  line-height: 70px;
  position: absolute;
  top: 50%;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
  z-index: 3;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.article-side .side-goods .prev {
  left: 0;
}

.article-side .side-goods .next {
  right: 0;
}

.article-side .side-goods:hover .prev,
.article-side .side-goods:hover .next {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.article-side .side-goods .prev:hover,
.article-side .side-goods .next:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.article-side .side-goods .p-name {
  margin: 10px 0 5px;
  height: 42px;
  overflow: hidden;
}

.article-side .side-goods .p-name a {
  font-size: 12px;
  color: #8c8c8c;
}

.article-side .side-goods .p-price {
  text-align: center;
  color: #555;
}

/*main*/
.article-main {
  float: left;
  width: 910px;
  background: #fff;
  padding: 26px 20px 0;
}

.article-main .am-hd {
  height: 40px;
  line-height: 40px;
  margin-bottom: 12px;
}

.article-main .am-hd h2 {
  float: left;
  font-size: 21px;
  padding-left: 20px;
}

.article-main .am-hd .extra {
  float: right;
  color: #8c8c8c;
}

.article-main .am-hd .extra a {
  color: #8c8c8c;
}

.article-main .am-hd .extra a:hover {
  color: #f43434;
}

.article-main .am-hd .extra > i {
  margin: 0 5px;
  font-size: 12px;
}

.article-main .artilce-list li {
  border-top: 1px solid #eee;
  padding: 10px 20px;
}

.article-main .artilce-list h3 {
  font-size: 16px;
  margin-bottom: 5px;
  position: relative;
}

.article-main .artilce-list h3:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  font-size: 0;
  border-radius: 50%;
  background: #d4d4d4;
  left: -14px;
  top: 11px;
}

.article-main .artilce-list h3 a {
  color: #555;
}

.article-main .artilce-list h3 a:hover {
  color: #f43434;
}

.article-main .artilce-list p {
  color: #8c8c8c;
  line-height: 1.8;
}

.article-main .article-words {
  border-top: 1px solid #eee;
  padding: 25px 20px;
  font-size: 14px;
  line-height: 25px;
  width: 870px;
  overflow: hidden;
}

/*article end*/
/*artilce-index start*/
.article-index {
  background: #f8f8f8;
  padding: 20px 0;
}

/*banner*/
.article-index .banner-article {
  overflow: hidden;
  margin-right: -10px;
  margin-bottom: 10px;
}

.article-index .banner-article .b,
.article-index .banner-article .s {
  float: left;
  position: relative;
  overflow: hidden;
  margin-right: 10px;
  margin-bottom: 10px;
}

.article-index .banner-article .b p,
.article-index .banner-article .s p {
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;
  padding: 0 20px;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
}

.article-index .banner-article .b:hover p,
.article-index .banner-article .s:hover p {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

/*box*/
.article-box {
  background: #fff;
  margin-bottom: 20px;
  padding: 20px;
}

.article-box .ab-hd {
  height: 27px;
  line-height: 27px;
  margin-bottom: 10px;
}

.article-box .ab-hd h2 {
  font-size: 18px;
  float: left;
  padding-left: 35px;
  position: relative;
}

.article-box .ab-hd h2 .iconfont {
  font-size: 22px;
  color: #f42424;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.article-box .ab-hd .more {
  float: right;
  color: #8c8c8c;
}

.article-box .ab-bd .focus {
  height: 160px;
  overflow: hidden;
  margin-bottom: 10px;
  margin-top: 20px;
}

.article-box .ab-bd .focus .img {
  float: left;
  width: 280px;
}

.article-box .ab-bd .focus .info {
  float: left;
  margin-left: 20px;
  width: 250px;
}

.article-box .ab-bd .focus .info-name {
  font-size: 18px;
  margin-bottom: 20px;
  height: 27px;
  overflow: hidden;
}

.article-box .ab-bd .focus .info-intro {
  color: #8c8c8c;
  margin-bottom: 15px;
  height: 75px;
  overflow: hidden;
}

.article-box .ab-bd .focus .info-time {
  color: #8c8c8c;
}

.article-box .ab-bd .list li {
  height: 35px;
  line-height: 35px;
  white-space: nowrap;
  padding-left: 15px;
  position: relative;
}

.article-box .ab-bd .list li:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #d2d2d2;
  margin-top: 16px;
  left: 0;
}

.article-box .ab-bd .list li a {
  font-size: 14px;
  float: left;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-box .ab-bd .list li .time {
  float: right;
  width: 64px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #8c8c8c;
}

.article-box .ab-bd .quick {
  margin-right: -20px;
  margin-top: 15px;
  padding-bottom: 10px;
}

.article-box .ab-bd .quick li {
  float: left;
  width: 275px;
  margin-right: 20px;
}

.article-box .ab-bd .quick .q-img {
  margin-bottom: 15px;
}

.article-box .ab-bd .quick .q-name {
  font-size: 18px;
  margin-bottom: 10px;
  height: 27px;
  overflow: hidden;
}

.article-box .ab-bd .quick .q-info {
  font-size: 12px;
  color: #8c8c8c;
  height: 36px;
  overflow: hidden;
}

.article-box .ab-bd .g-list {
  margin-right: -20px;
  margin-top: 2px;
}

.article-box .ab-bd .g-list li {
  float: left;
  margin-right: 20px;
  width: 173px;
  position: relative;
  overflow: hidden;
}

.article-box .ab-bd .g-list li img {
  width: 100%;
}

.article-box .ab-bd .g-list li p {
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translate(0, 100%);
  transform: translate(0, 100%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
}

.article-box .ab-bd .g-list li:hover p {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.article-col-1-2,
.article-col-2,
.article-col-3 {
  margin-right: -20px;
}

.article-col-1-2 .article-box,
.article-col-2 .article-box,
.article-col-3 .article-box {
  float: left;
  margin-right: 20px;
}

.article-col-1-2 .article-box:nth-child(1) {
  width: 346px;
}

.article-col-1-2 .article-box:nth-child(1) .ab-bd .list li a {
  max-width: 250px;
}

.article-col-1-2 .article-box:nth-child(2) {
  width: 754px;
}

.article-col-1-2 .article-box:nth-child(2) .ab-bd .list li a {
  max-width: 250px;
}

.article-col-2 .article-box {
  width: 550px;
}

.article-col-2 .article-box .ab-bd .list li a {
  max-width: 460px;
}

.article-col-3 .article-box {
  width: 346px;
}

.article-col-3 .article-box .ab-bd .list li a {
  max-width: 250px;
}

/*artilce-index end*/
/*文章页上一篇，下一篇 样式 strat by yanxin*/
.more_article {
  padding: 0px 20px 20px 20px;
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  width: 870px;
  overflow: hidden;
}

.more_article .art_prev {
  float: left;
}

.more_article .art_next {
  float: right;
}

/*文章页上一篇，下一篇 样式 end by yanxin*/
.icon-order-success{
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  background: url(../images/pprompt-icon.png) no-repeat 0 0;
}
.icon-order-failed{
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  background: url(../images/pprompt-icon.png) no-repeat -86px 0;
}
.icon-order-warning{
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 80px;
  background: url(../images/pprompt-icon.png) no-repeat -169px 0;
}