/*公共*/
.cf, .grid {
  *zoom: 1; }

.cf:before, .grid:before, .cf:after, .grid:after {
  content: "";
  display: table; }

.cf:after, .grid:after {
  clear: both; }

/*滚动条*/
/* Let's get this party started */
::-webkit-scrollbar {
    width: 10px;
    height:10px;
}
 
/* Track */
::-webkit-scrollbar-track {
   	background:none;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #b0c0d0; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #b0c0d0; 
}

html {
  color: #666;
  background: #fff;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; 
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);}

body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, code, form, fieldset, legend, input, textarea, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, group, menu, nav, section {
  margin: 0;
  padding: 0; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

body, button, input, select, textarea {
  font: 12px/1.5 Microsoft YaHei; }

body {
  font-size: 75%; 
  width: 100%;
  height: 100%; }

input, select, textarea {
  vertical-align: middle;
  color: #666; }

button, input {
  *overflow: visible;
  line-height: normal; }

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

:-moz-placeholder {
  color: #666; }

::-moz-placeholder {
  color: #666; }

:-ms-input-placeholder {
  color: #666; }

button {
  cursor: pointer; }

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0; }

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

th {
  text-align: inherit; }

fieldset, img {
  border: 0; }

iframe {
  display: block; }

blockquote {
  margin: 1em 4em 1em 2em;
  padding: .6em 1em;
  background: #f1f1f1; }

blockquote blockquote {
  padding: 0 0 0 1em;
  margin-left: 2em;
  border-left: .4em solid #ddd; }

acronym, abbr {
  border-bottom: 1px dotted;
  font-variant: normal; }

abbr {
  cursor: help; }

del {
  text-decoration: line-through; }

address, caption, cite, code, den, em, th, var {
  font-style: normal;
  font-weight: 500; }

ul, ol {
  list-style: none; }

caption, th {
  text-align: left; }

q:before, q:after {
  content: ''; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

a {
  color: #666; }

a:hover {
  color: #666;
  text-decoration: none; }

ins, a {
  text-decoration: none; }

small {
  font-size: 12px;
  color: #666; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

.fl {
  float: left; }

.fr {
  float: right; }

.c {
  text-align: center; }

.l {
  text-align: left; }

.r {
  text-align: right; }

.red {
  color: #e64552; }

.orange {
  color: #ff8833; }

.yellow {
  color: #ffc40d; }

.green {
  color: #54b154; }

.blue {
  color: #049cdb; }

h1, h2, h3, h4, h5, h6 {
  font-size: 12px;
  margin: 0;
  font-weight: normal; }

.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: bold; }

.h1 {
  font-size: 24px; }

.h2 {
  font-size: 18px; }

.h3 {
  font-size: 14px; }

.h4, .h5, .h6 {
  font-size: 12px; }

.bort {
  border-top: 1px solid #d9d9d9; }

.bord {
  border-bottom: 1px solid #d9d9d9; }

.borr {
  border-right: 1px solid #ccc; }

.borl {
  border-left: 1px solid #ccc; }

.bor0 {
  border: 0 !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

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

.mb15 {
  margin-bottom: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt50 {
  padding-top: 50px !important; }

.pt60 {
  padding-top: 50px !important; }

.pr20 {
  padding-right: 20px; }

.p5 {
  padding: 0 3%; }

.gird, .header-top .header-top-content, .ano-header .ano-header-grid, .nav .nav-bar, .main .selected-topics, .main .brand-block, .main .brand-block-fashion, .main .cool-eye-world, .shopList-main .shop-list, .shopDetail-main .shopDetail-tit .shop-detail-tit, .shopDetail-main .goods-detail-nrBox .goods-detail-content, .bulk-order-main, .shop-car-main .shop-car-logo .car-logo, .shop-car-main .shop-car-noGoods, .shop-car-main .car-hasGoods-main, .shop-jiesuan-logo .jiesuan-logo, .footer .footer-content {
  width: 1200px;
  margin: 0 auto; }

.bg-fff {
  background: #fff; }

.f5 {
  background: #f5f5f5; }

i {
  font-style: normal; }

li {
  list-style: none; }
  /*公共*/
 
.index_box{width: 100%;height: 100%;min-width: 1200px;min-height:600px;}
.index_box .index_box_top{width: 100%;height: 60px;background:linear-gradient(to right,#51c5cf,#3698d6);overflow: hidden;}
.index_box_top .box_top_logo{float: left;height: 23px;margin-top: 16px;padding-left: 14px;}
.index_box_top .box_top_logo img{width: auto;height: 100%;}
.box_top_logo .top_logo_sp{display: inline-block;font-size: 18px;color: #ffffff;padding-left: 20px;position: relative;top:-3px;}
.index_box .index_box_top .box_top_r{float: right;overflow: hidden;}
.index_box .index_box_top .box_top_r li{padding: 0 20px;line-height: 60px;float: left;color: #fff;cursor: pointer;}
.index_box .index_box_top .box_top_r li:hover{background-color:#338ebe;}
.box_top_r li span{display: inline-block;margin-left: 10px;}
.box_top_r li .top_r_ico1{width: 30px;height: 30px;border: 1px solid #fff;border-radius: 50%;background: url(../img/ghs_ico8.png) center center no-repeat;background-size: 50%;position: relative;top: 10px;}
.box_top_r li .top_r_ico2{width: 20px;height: 18px;background: url(../img/ghs_ico9.png) center center no-repeat;background-size: 100%;position: relative;top: 3px;}
.box_top_r li .top_r_ico2_re{width: 20px;height: 20px;background: url(../img/re_old.png) center center no-repeat;background-size: 100%;position: relative;top: 5px;}


.box_top_r li .top_r_ico3{width: 25px;height: 18px;background: url(../img/ghs_ico10.png) center center no-repeat;background-size: 100%;position: relative;top: 2px;}
.box_top_r li .top_r_ico4{width: 18px;height: 19px;background: url(../img/ghs_ico11.png) center center no-repeat;background-size: 100%;position: relative;top: 3px;}
.index_box_cont{width: calc(100% - 40px);height:calc(100% - 80px);background-color: #e9ecf3;padding: 20px 20px 0;}
.index_box_cont .index_box_contl{width: 120px;height: 100%;float: left;margin-right: 20px;background-color: #fff;position: relative;}
.index_box_contl .box_contl_u1{width: 120px;padding: 10px 0;float: left;}
.index_box_contl .box_contl_u1:after{content: "";display: block;width: 0;height: 0;clear: both;}
.index_box_contl .box_contl_u1>li{position: relative;;height: 45px;line-height: 45px;cursor: pointer;margin-top: 10px;z-index: 15;font-size: 15px;}
.index_box_contl .box_contl_u1>li .contl_arr{display: inline-block;width: 6px;height: 12px;background: url(../img/ghs_ico13.png) left center;background-size: 100%;position: absolute;right: -6px;top: 50%;margin: 0;margin-top: -6px;display: none;z-index: 12;}
.index_box_contl .box_contl_u1>li:hover .contl_arr{display: block;}
/*  */
.box_contl_u1 li.on{background-color: #53cced;color: #fff;}
.box_contl_u1>li span{display: inline-block;margin: 0 20px;position: relative;top: 4px;}
.box_contl_u1 .contl_u1_div{width: 100%;height: 45px;line-height: 45px;cursor: pointer;font-size: 15px;}
.box_contl_u1 .contl_u1_div:hover{background-color: #53cced;color: #fff;}
.box_contl_u1 .contl_u1_div .contl_ico1{display: inline-block;width: 20px;height: 18px;background: url(../img/ghs_ico_1.png) center center no-repeat;background-size: 100%;position: relative;top: 3px;margin: 0 20px;font-size: 15px;color: #415161;}

.box_contl_u1 .contl_u1_div.on .contl_ico1{background: url(../img/ghs_ico1.png) center center no-repeat;background-size: 100%;color: #fff;}
.box_contl_u1 .contl_u1_div:hover .contl_ico1{background: url(../img/ghs_ico1.png) center center no-repeat;background-size: 100%;color: #fff;}
.box_contl_u1>li:hover{background-color: #53cced;color: #fff;}
.box_contl_u1>li .contl_ico2{width:20px;height:19px;background: url(../img/ghs_ico_2.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li .contl_ico3{width:20px;height:20px;background: url(../img/ghs_ico_3.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li .contl_ico4{width:18px;height:18px;background: url(../img/ghs_ico_4.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li .contl_ico5{width:20px;height:20px;background: url(../img/ghs_ico_5.png) center center no-repeat;background-size: 100%;;color: #fff;}

.box_contl_u1>li .contl_ico6{width:20px;height:20px;background: url(../img/ghs_ico_6.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li .contl_ico7{width:20px;height:20px;background: url(../img/ghs_ico_7.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li .contl_ico8{width:20px;height:20px;background: url(../img/ghs_ico_8.png) center center no-repeat;background-size: 100%;;color: #fff;}

.box_contl_u1>li:hover .contl_ico2{background: url(../img/ghs_ico2.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li.on .contl_ico2{background: url(../img/ghs_ico2.png) center center no-repeat;background-size: 100%;;color: #fff;}

.box_contl_u1>li:hover .contl_ico3{background: url(../img/ghs_ico3.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li.on .contl_ico3{background: url(../img/ghs_ico3.png) center center no-repeat;background-size: 100%;;color: #fff;}

.box_contl_u1>li:hover .contl_ico4{background: url(../img/ghs_ico4.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li.on .contl_ico4{background: url(../img/ghs_ico4.png) center center no-repeat;background-size: 100%;;color: #fff;}

.box_contl_u1>li:hover .contl_ico5{background: url(../img/ghs_ico5.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li.on .contl_ico5{background: url(../img/ghs_ico5.png) center center no-repeat;background-size: 100%;;color: #fff;}

.box_contl_u1>li:hover .contl_ico6{background: url(../img/ghs_ico6.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li.on .contl_ico6{background: url(../img/ghs_ico6.png) center center no-repeat;background-size: 100%;;color: #fff;}

.box_contl_u1>li:hover .contl_ico7{background: url(../img/ghs_ico7_.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li.on .contl_ico7{background: url(../img/ghs_ico7_.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li:hover .contl_ico8{background: url(../img/ghs_ico_8.png) center center no-repeat;background-size: 100%;;color: #fff;}
.box_contl_u1>li.on .contl_ico8{background: url(../img/ghs_ico_8.png) center center no-repeat;background-size: 100%;;color: #fff;}

.box_contl_u1>li>.hide_u1{width: 180px;color: #808080;font-size: 14px;background-color: #fff;z-index: 10;position: absolute;left: 120px;top: -10px;display: none;padding: 10px 0;    box-shadow: 0 0 10px rgba(0,0,0,.1);}
.box_contl_u1>li>.hide_u1 li{height: 45px;line-height: 45px;padding-left: 20px;font-size: 14px;color: #808080;}
.box_contl_u1>li>.hide_u1 li:hover{color: #53cced;}
.box_contl_u1>li>.hide_u1 li.che{color:#53cced;}
.box_contl_u1>li>.hide_u1 li.che a:hover{color:#53cced;}
.box_contl_u1>li:hover .hide_u1{display: block;}
.index_box_cont .index_box_contr{width: calc(100% - 140px);height: 100%;float: left;}
.index_box_contr .box_contr_t{width: 100%;height:40px;line-height: 40px;background-color: #fff;overflow: hidden;}
.index_box_contr .box_contr_t .contr_t_l{float: left;width:calc(100% - 180px);overflow: hidden;}
.index_box_contr .box_contr_t .contr_t_r{float: right;}
.box_contr_t .contr_t_r .contr_t_rsp{display: inline-block;width: 40px;height: 40px;background: url(../img/ghs_icoRight.png) center center no-repeat;background-size:12px 12px;cursor: pointer;float: left;border-right: 1px solid #cdd9e6;border-left: 1px solid #cdd9e6;}
.box_contr_t .contr_t_r .contr_t_div{display: inline-block;padding: 0 25px;font-size: 14px;color: #999999;cursor: pointer;}
.box_contr_t .contr_t_r .contr_t_div .arr_down{display: inline-block;width: 10px;height: 6px;background: url(../img/ghs_ico12.png) center center no-repeat;background-size: 100%;position: relative;top: -2px;margin-left: 10px;}
.box_contr_t .contr_t_l span{display: inline-block;}
.box_contr_t .contr_t_l .contr_t_lsp{width: 40px;height: 40px;background: url(../img/ghs_icoLeft.png) center center no-repeat;background-size:12px 12px;cursor: pointer;float: left;border-right: 1px solid #cdd9e6;}
.box_contr_t .contr_t_l .contr_t_lu1{display: inline-block;height: 40px;float: left;overflow: hidden;}
.box_contr_t .contr_t_l .contr_t_lu1 li{line-height: 40px;float: left;padding: 0 15px;cursor: pointer;font-size: 14px;color: #999999;border-right: 1px solid #cdd9e6;}
.contr_t_l .contr_t_lu1 li:hover{background-color: #f5f5f5;}
.contr_t_l .contr_t_lu1 li .t_lu1_xh{display: inline-block;width: 15px;height: 15px;margin-left: 10px;background: url(../img/ghst_ico6.png) center center no-repeat;background-size:8px;position:relative;top:2px;}
.contr_t_l .contr_t_lu1 li.chec{background-color: #53cced;color: #fff;}
.contr_t_l .contr_t_lu1 li.chec a{background-color: #53cced;color: #fff;}
.contr_t_l .contr_t_lu1 li.li_hide{display:none;}
.contr_t_l .contr_t_lu1 li.chec .t_lu1_xh{background: url(../img/ghsb_ico6_.png) center center no-repeat;background-size:8px;}        
.index_box_contr .box_contr_c{width: 100%;height: calc(100% - 55px);background-color: #fff;margin-top: 15px;}

.close_list{
 	 width: 135px;
 	 background: #29303f;
 	 height: 150px;
 	 position: absolute;
 	 right: 5px;
 	 top: 55px;
 	 display: none;
 	 border-radius: 5px;
	overflow:hidden;
 }

.close_list li{
	margin-top:1px;
	height: 48px;
	line-height: 48px;
	background: #29303f;
	border-radius: 5px;
	text-align:center;
}
.close_list li a{
	color: white;
}
.close_list li:hover{
	background: #202634;
}





/*隐藏的div*/
.top_u1_hide{width: 179px;height: 100%;float: left;border-left: 1px solid #e9ecf3;display: none;}
.top_u1_hide .top_u1_hideh2{height: 45px;line-height: 45px;margin-top: 10px;font-size: 15px;color: #4c4c4c;padding-left: 20px;font-weight: normal;border-bottom: 1px solid #e9ecf3;}
.top_u1_hide .u1_hide_ul{padding-top: 10px;}
.top_u1_hide .u1_hide_ul li{cursor: pointer;height: 45px;line-height: 45px;padding-left: 20px;font-size: 14px;color: #808080;}
.top_u1_hide .u1_hide_ul li:hover{color: #53cced;}
.top_u1_hide .u1_hide_ul li.onc{color: #53cced;}
.index_box_cont .index_box_contl.addwidth{width: 301px !important;}
.index_box_cont .index_box_contl.addwidth .top_u1_hide{display: block;}
.index_box_cont .index_box_contr.addwidth{width: calc(100% - 321px) !important;}
.index_box_cont .index_box_contr.addwidths{width: calc(100% - 140px) !important;}
.index_box_contl.addwidth .box_contl_u1 .hide_u1{display: none;}
.index_box_contl.addwidth .box_contl_u1>li .contl_arr{display: none;}
.index_box_contl.addwidth .box_contl_u1>li:hover .contl_arr{display: block;}
/*隐藏的div*/

.index_box_contl .bot_logo{height: 23px;position: absolute;bottom: 30px;left: 30px;}
.index_box_contl .bot_logo img{height: 100%;widows: auto;}
.contr_ct .contr_ctl .add_new{width: 100px;height: 35px;border: 1px solid #53cced;border-radius: 3px;background-color: #fff;margin-left: 20px;font-size: 14px;color: #53cced;cursor: pointer;}
.contr_ct .contr_ctl{float: left;}
.contr_ct .contr_ctr{float: right;}
.box_contr_c .contr_ct{height: 65px;line-height: 65px;border-bottom: 1px solid #e6e6e6;overflow: hidden;}
.contr_ct .contr_ctr{display:inline-block;float: right;padding-right: 20px;}
.contr_ct .contr_ctr .contr_ctr_sp1{display: inline-block;font-size: 14px;color: #808080;}
.contr_ct .contr_ctr .contr_ctr_sp1.red{color: #ff3333;}
.contr_ctr .contr_ctr_sp2{display: inline-block;width: 19px;height: 13px;background: url(../img/ghs_ico16.png) center center no-repeat;background-size: 100%;margin: 0 10px;position: relative;top: 1px;}
.contr_ctr .contr_ctr_sp2.def{background: url(../img/ghs_ico15.png) center center no-repeat;background-size: 100%;}
.contr_cc .contr_cct{width: 100%;height: 90px;line-height: 90px;} 
.contr_cct .contr_cctsp{display: inline-block;padding-left: 20px;font-size: 14px;color: #666666;}
.contr_cct .contr_cctsel{width: 380px;height: 33px;border: 1px solid #e7eaec;border-radius: 3px;margin-left: 15px;padding-left: 15px;}
.contr_ccc .contr_ccct{width: 100%;height: 45px;line-height: 45px;overflow: hidden;border: 1px solid #e7eaec;border-right: none;}
.contr_ccc .contr_ccct .contr_ccctsp{display:block;width:calc(20% - 2px);float: left;border-right: 1px solid #e7eaec;text-align: center;background-color: #eef1f9;height: 100%;font-size: 14px;color: #666666;}
.content_list{width:100%;/*height:422px;border:1px solid #e7eaec;*/}
.content_list .list_item{position:relative;width:calc(20% - 1.5px);height:100%;float:left;border-right:1px solid #e7eaec;} 
.content_list .list_item:after{content:"";display:block;width:0;height:0;opacity:0;}
.content_list .list_item.img {/*background:url("../img/gggg.png")no-repeat center 109px;*/}
.content_list .list_item .item{height:100%;}
.content_list .list_item span{position:absolute;color:#aaaaaa;display:block;left:calc(50% - 42px);top:calc(50% - 42px);}
.content_list .list_item .item p{height:44px;line-height:44px;font-size:14px;color:#aaaaaa;padding-left:20px;box-sizing: border-box;background:#fff;}
.content_list .list_item .item ul{width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}
.content_list .list_item .item ul li{background:#fff url("../img/ghs_ico17.png")no-repeat calc(100% - 20px) center;height:44px;line-height:44px;padding-left:20px;box-sizing: border-box;cursor:pointer;}
.content_list .list_item .item ul li{color:#aaaaaa;font-size:13px;}
.content_list .list_item .item ul li:hover{color:#53cced;background:#f7f7fa url("../img/ghs_ico18.png")no-repeat calc(100% - 20px) center;}
.content_list .list_item .item ul li.on{color:#53cced;background:#f7f7fa url("../img/ghs_ico18.png")no-repeat calc(100% - 20px) center;}
.content_list .list_item .item ul .li_active{color:#53cced;background:#f7f7fa url("../img/ghs_ico18.png")no-repeat calc(100% - 20px) center;}
.content_list .list_item .span_hidden{display:none;}



.select_illustration{margin-top:22px;width:100%;height:53px;line-height:53px;padding:0 22px;box-sizing:border-box;background-color:#eef1f9;}
.step_next{width:163px;height:37px;background-color:#53cced;color:#fff;text-align:center;line-height:37px;font-size:13px;font-weight:700;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;}
.hidden{display:none;}
.goodsInfo_wrapper{overflow-x:hidden;}
.JCLRLastGrip{display:none;}

.postscript,.layui-table .postscript,.scroll .postscript{ display: inline-block; background: url(../images/postscript.png) center no-repeat; background-size: 20px; background-repeat: no-repeat; width: 30px; height: 20px; position: relative; top: 5px;}