@charset "utf-8";
*{margin:0;padding:0;list-style:none;border:0;}
/* body */
body {margin:0; padding:0;font-family:'Poppins','Microsoft Yahei', '微软雅黑'; font-size:14px;min-width: 1480px;}
{width:100%; margin:0 auto; overflow:hidden}
a{color:#000; text-decoration:none}
a:hover{ color:#170e1e; text-decoration:underline}
.clear{clear:both;}
.fl{ float:left}
.fr{ float:right}
a img{ border:none}
input{font-family:'Poppins','Microsoft Yahei', '微软雅黑'; outline:none}
button{ cursor:pointer; outline:none;font-family:'Poppins','Microsoft Yahei', '微软雅黑';}
/* 清除浮动 */
.clearfix:after{visibility: hidden;display: block;font-size: 0;content:" ";clear: both;height: 0;}
.clearfix{*zoom:1;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;width:100%;}
.gray{ color:#969397}

.header{width:100%;min-width:1200px; background-color:#fff}
.header_top { width:1200px; margin:0 auto; height:88px;}
.header_top .logo{ display:inline-block;float:left; background:url(../image/logo_03.png) no-repeat center left; width:245px; height:88px; padding-right:30px;}
.header_top .logo1 {width:264px; height:88px;background:url(../image/logo_031.png) no-repeat center left;}
.header_top .nav-main{ float:left; color:#fff; font-size:16px; margin-left:10px;}
.header_top .nav-main li{ float:left; margin-left:0px; position:relative}
.header_top .nav-main a{  display:block; padding:0px 10px;height:88px; line-height:88px; }
.header_top .nav-main a.on,.header_top .nav-main a:hover{ border-bottom:solid 4px #E6018C; text-decoration:none;height:84px; line-height:84px;}
.vivo-nav{ padding-top:25px;position: relative;z-index: 999;}
.vivo-nav .user{display:block; margin-right:4px}
.vivo-nav .user_in {}
.vivo-nav .user i,
.vivo-nav .user_in i { width:44px; height:44px; display:block;overflow:hidden;}
.vivo-nav .user i { background:url(../image/105.png) no-repeat center;}
.vivo-nav .user_in i {background:url(../image/1055.png) no-repeat center;}
.vivo-nav .user img,
.vivo-nav .user_in img { width:40px; height:40px;border-radius:50%;margin-top:2px;margin-right:4px;}

.select_lan button{ width:150px; height:45px; vertical-align:middle; background-color:#E6018C; color:#fff; border-radius:30px; margin-left:10px; font-size:18px; font-weight:bold; cursor:pointer}
.searchable-select-hide {
  display: none;
}

.searchable-select {
  display: inline-block;
  width: 158px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  vertical-align: middle;
  position: relative;
  outline: none;
}

.searchable-select-holder{ color:#bbbbbb;
  padding: 0px 25px;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 45px; line-height:45px;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
   border-radius:30px;
}

.searchable-select-caret {
  position: absolute;
  width: 0;
  height: 0;
  box-sizing: border-box;
  border-color: #bbbbbb transparent transparent transparent;
  top: 0;
  bottom: 0;
  border-style: solid;
  border-width: 5px;
  margin: auto;
  right: 10px;
}

.searchable-select-dropdown {
  position: absolute; z-index:999;
  
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 4px;
    border-radius:10px;
  top: 45px;
  left: 0;
  right: 0;
}
.searchable-select-dropdown{background:url(../image/27_3.png) no-repeat 80px 0px;}
.gray_head .searchable-select-dropdown{background:url(../image/27.png) no-repeat 80px 0px;}


.searchable-select-input {
  margin-top: 5px;
  border: 1px solid #ccc;
  outline: none;
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
  width: 100%; display:none
}

.searchable-scroll {
  margin-top: 5px;
  position: relative;background-color: #fff;
  border: 1px solid #ccc; 
}

.searchable-scroll.has-privious {
  padding-top: 16px;
}

.searchable-scroll.has-next {
  padding-bottom: 16px;
}

.searchable-has-privious {
  top: 0;
}

.searchable-has-next {
  bottom: 0;
}

.searchable-has-privious, .searchable-has-next {
  height: 16px;
  left: 0;
  right: 0;
  position: absolute;
  text-align: center;
  z-index: 10;
  background-color: white;
  line-height: 8px;
  cursor: pointer;
}

.searchable-select-items {
  max-height: 400px;
  overflow-y: scroll;
  position: relative;
}

.searchable-select-items::-webkit-scrollbar {
  display: none;
}

.searchable-select-item {
  padding: 5px 25px;
  cursor: pointer;
  min-height: 30px;
  box-sizing: border-box;
    transition: all 1s ease 0s;
}

.searchable-select-item.hover {

  background: #555;
  color: white;
}

.searchable-select-item.selected {
  background: #28a4c9;
  color: white;
}


.gray_head{ background-color:#292929; min-width:1200px;}
.gray_head .header_top{ width:1200px;}
.gray_head .nav-main a{ color:#fff}
.gray_head .searchable-select-holder{ background-color:#292929}
.nav-silder{ position:relative}
.bx-wrapper {
	position: relative;
	margin: 0 auto ;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper .s_img {
	width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../image/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Poppins;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background:#938f97;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 50%;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#FFF;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../image/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../image/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../image/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../image/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Poppins;
	display: block;
	font-size: .85em;
	padding: 10px;
}


.tab1-silder .silder-ctrl-con>span{ background-color:#000}
.tab1-silder .silder-ctrl-con.active_dd>span{ background-color:#E6018C}
.down{ background:url(../image/1_10.png) no-repeat top center; display:block; width:30px; height:60px; position:absolute; bottom:10px; left:50%; cursor:pointer; }
.down{
	animation: mupdown .8s linear infinite;
	-webkit-animation: mupdown .8s linear infinite;
	-moz-animation: mupdown .8s linear infinite;
	-o-animation: mupdown .8s linear infinite;
	-ms-animation: mupdown .8s linear infinite
}

.roaming{ background:url(../image/1_13.jpg) no-repeat center; background-size:cover; height:470px; min-width:1200px;}
.roam_con{ width:1200px; margin:0 auto; color:#fff; position:relative;height:470px;}
.roam_con .p1{ text-align:center; font-size:16px; width:600px; padding-top:100px;}
.roam_con .p1 h1{ font-size:36px; margin-bottom:20px;}
.roam_con .tel_img{ position:absolute; right:0px; bottom:0px;}
.roam_con .ul_bb { margin-top:70px;}
.roam_con .ul_bb li{ font-size:18px; float:left; background-image:url(../image/n_08.png); background-repeat:no-repeat; width:190px; text-align:center; padding-top:70px; margin-right:10px;}
.roam_con .ul_bb li.l_a{ background-position:80px 0px;}
.roam_con .ul_bb li.l_b{ background-position:-105px 0px;}
.roam_con .ul_bb li.l_c{ background-position:-300px 0px;}
.roam_con .ul_bb li.l_d{ background-position:-470px 0px;}

.dd_map{ background:url(../image/m_03.jpg) no-repeat center bottom; width:1200px; margin:0 auto; height:700px; margin-bottom:40px}
.dd_map_p{ font-size:33px; height:135px; text-align:center; padding-top:40px; margin-bottom:100px}
.dd_m_search{ width:623px; height:242px; margin:0 auto}
.dd_m_search h1{ font-weight:normal; font-size:36px; color:#fff; text-align:center; padding:30px 0px}
.dd_m_search .s_input{ margin:0 auto; border:solid 2px #fff; border-radius:40px;height:56px; width:460px; position:relative;}
.dd_m_search .s_input input{ width:240px; height:56px; line-height:56px; background:none; margin-left:20px; padding-left:40px; color:#CCC; background:url(../image/s_16.png) no-repeat left center; font-size:16px; outline:none }
.dd_m_search .s_input button{width:139px; height:60px; vertical-align:middle; background-color:#E6018C; color:#fff; border-radius:30px; position:absolute; right:-10px; top:-2px; outline:none; font-size:36px;}
.dd_m_search {
filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#CC000000", endColorstr="#CC000000");
background-color:rgba(0,0,0,0.8);
}
/* IE9 HACK 避免在IE9下背景色叠加 */
:root .dd_m_search { filter:none; }
.dd_m_search .s_input:hover {border-color:#E6018C;}

.pp-silder{}
.silder-main-img{ min-width:1200px;}
.silder-main-img .p_m{ width:50%; position:relative; }

.silder-main-img .img-responsive{  display: block;    width: 100%;    height: auto;}
.silder-main-img .p_con{width:100%;position:absolute; top:0%; padding:3% 15% 0px; color:#fff; text-align:center;  height:100%; text-align:center;box-sizing: border-box;}
.silder-main-img .p_con:hover,
.silder-main-img .p_con_true{background-color:#E6018C;}
.silder-main-img .p_con .pic{ border-radius:50%; width:80px;}
.silder-main-img .p_con p{ text-align:left; line-height:1.8em; padding-top:20px; font-size:17px;}
.silder-main-img .p_con h1{ font-size:24px; font-weight:normal; line-height:2em}
.silder-main-img .p_con .date{ display:block; font-size:20px; margin-top:20px;}

.rating-stars{ background-image:url(../image/1-1_03.png); background-repeat:no-repeat; width:200px; height:33px; margin:0px auto}
.stars_5{ background-position:0px -5px;}
.stars_4{ background-position:0px -44px;}
.stars_3{ background-position:0px -84px;}
.stars_2{ background-position:0px -124px;}
.stars_1{ background-position:0px -165px;}




/* tabbox */
.tabbox{width:100%; min-width:1200px;margin:50px auto;position:relative;}
.tabbox .tabbtn{ width:400px; margin:0px auto 50px}
.tabbox .tabbtn li{float:left;position:relative; font-size:36px;}
.tabbox .tabbtn li a,.tabbox .tabbtn li span{display:block;float:left;height:76px;line-height:76px;overflow:hidden;width:150px;text-align:center;cursor:pointer; color:#666}
.tabbox .tabbtn li.current{}
.tabbox .tabbtn li.current a,.tabbox .tabbtn li.current span{border-bottom:solid 3px #E6018C;height:76px;line-height:76px;background:#fff;color:#E6018C;}

.tabbox .tabcon{ width:100%; height:400px; clear:both; overflow:hidden; z-index:1}
.tab_n_ul{ background-color:#000}
.tab1-silder {}

.tabcon .bx-wrapper .bx-pager.bx-default-pager{  bottom:-100px}
.tabcon .bx-wrapper .bx-pager.bx-default-pager a{ background:#c5c5c5; width:10px; height:10px; margin:10px}
.tabcon .bx-wrapper .bx-pager.bx-default-pager a:hover,.tabcon .bx-wrapper .bx-pager.bx-default-pager a.active{ background:#E6018C}
.tabcon .date_a{ width:50%}
.tabcon .date_title{ width:100%; border-bottom:solid 1px #CCC; font-size:32px; text-align:center; color:#37474f}
.tabcon .date_title .dt_m{ width:1200px; margin:0 auto;}
.tabcon .date_title .dt_m span{ display:inline-block; width:49%;  position:relative; height:70px; line-height:70px;}
.tabcon .date_title .dt_m span i{ display:block; position:absolute; bottom:-8px; left:50%; margin-left:-8px; background:url(../image/w_24.jpg) no-repeat; width:17px; height:17px;}
.news_tab{ padding-bottom:100px;}
.news_ul_tab{ width:1200px; margin:0 auto}
.news_ul_tab div{ width:45%; text-align:center; padding-right:5%}
.news_ul_tab h1{ font-size:22px; font-weight:normal; height:90px; line-height:90px; overflow:hidden}
.news_ul_tab hr{ height:1px; border-bottom:solid 1px #E6018C; width:40px; margin:0 auto}
.news_ul_tab p{ font-size:16px; line-height:1.6em; padding-top:20px	}


.grab_bot{ background-color:#E6018C}
.grab_b_con{ width:1200px; margin:0 auto; height:70px; line-height:70px;}
.grab_b_con .text{ font-size:23px; color:#FFF}
.gb_eamil{ border-radius:40px;height:40px; width:460px; position:relative; background-color:#fff;}
.gb_eamil input{ width:240px; height:40px; line-height:40px; background:none; margin-left:20px; padding-left:20px; color:#CCC;  font-size:16px; outline:none }
.gb_eamil button{width:175px; height:40px; line-height:40px; vertical-align:middle; background-color:#261a2c; color:#fff; border-radius:30px; position:absolute; right:-10px; top:0px; outline:none; font-size:16px; text-transform:uppercase}



.footer{ background:#261a2c; width:100%;min-width:1200px;}
.foot_ul{  color:#fff; width:1200px; margin:0 auto}
.foot_ul .con{ padding-top:20px; height:317px;position:relative}
.foot_ul .con ul{ float:left; color:#fff; font-size:14px; text-align:left; }
.foot_ul .con ul a{ color:#fff;}
.foot_ul .con ul li { line-height:2.2em}
.foot_ul .con ul li.name{ font-size:18px; font-weight:bold; height:80px; line-height:80px; color:#E6018C}
.foot_ul .con ul li.name img{vertical-align: middle}
.foot_ul .con .img{ clear:both; position:absolute; bottom:35px; left:0px;}

.bot_menu{ background-color:#1e1523; height:73px; line-height:73px; color:#fff}
.bm_con{width:1200px; margin:0 auto; text-transform:uppercase}

.bm_con ul li{ float:left; margin-left:20px; margin-top:15px;}


i.wechat { 
    width:40px;
    height:40px;
    background: url(../image/n-1_03.png)no-repeat 2px -2px;
    float: left;
    vertical-align: middle;
		 transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
i.wechat:hover {
    background: url(../image/n-1_03.png)no-repeat 2px -48px;
}
i.sina {
    width:40px;
    height:40px;
    background: url(../image/n-1_03.png)no-repeat -55px -2px;
    float: left;
    vertical-align: middle;
		 transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
i.sina:hover {
    background: url(../image/n-1_03.png)no-repeat -55px -48px;
}

i.twiter {
    width:40px;
    height:40px;
    background: url(../image/n-1_03.png)no-repeat -112px -2px;
    float: left;
    vertical-align: middle;
		 transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
i.twiter:hover {
    background: url(../image/n-1_03.png)no-repeat -112px -48px;
}

i.facebok {
    width:40px;
    height:40px;
    background: url(../image/n-1_03.png)no-repeat -169px  -2px;
    float: left;
    vertical-align: middle;
		 transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
i.facebok:hover {
    background: url(../image/n-1_03.png)no-repeat -169px -48px;
}

i.code {
    width:40px;
    height:40px;
    background: url(../image/n-1_03.png)no-repeat -227px  -2px;
    float: left;
    vertical-align: middle;
		 transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
}
i.code:hover {
    background: url(../image/n-1_03.png)no-repeat -227px -48px;
}


/*预订页*/
.wapper{ width:1012px; margin:71px auto; }

.yd_con .yd_c_l{ width:100%;position:relative; z-index:99;}
.yd_cl_a{ position:relative;margin-top:30px;}
.yd_cl_a_line {width:100%;height:30px;margin-bottom:30px;margin-top:10px;border-top:1px solid #000;}

.yd_cl_a .yd_title{position:absolute; top:-60px; left:-29px;font-size:28px; color:#271a2c; font-weight:bold}
.yd_cl_a .yd_body_div {padding-bottom:32px;}

.yd_cl_a .yd_title font{ display:inline-block; background-color:#E6018C; font-weight:normal;  color:#fff; width:58px; height:58px; border-radius:50%; text-align:center; line-height:58px; margin-right:20px}
.f_box{ background:url(../image/y_11.jpg) #f61185 no-repeat 110px bottom; width:207px; padding-left:20px; padding-top:20px; height:162px; font-size:14px; color:#fff}
.f_box span{ display:block}
.f_box .name_t{ font-size:16px; margin-bottom:5px}
.f_box .price_t{ font-size:34px;margin-top:5px;}
.yd_cl_a .acc_fr{ width:451px;}
.yd_cl_a .acc_fr select {margin-top:10px;}

.yd_con .searchable-select-holder{ border-radius:5px; border:solid 2px #000; width:450px; color:#000; margin:15px 0px 5px; font-size:16px;}
.yd_con .searchable-select{ width:450px;}
.yd_con .searchable-select-dropdown{ top:60px;border-radius:5px}
.yd_con .date_sel {margin:10px 0px 10px 0px;}
.yd_con .date_sel .searchable-select-holder{ width:215px; }
.yd_con .date_sel .searchable-select{ width:215px;}
 .yd_c_r{     position:relative;height: 368px;box-sizing:border-box;width:344px; font-size:14px; color:#333; background-color:#fff;border-radius:5px;  }
 .yd_c_r .yr_title{height:60px;font-size:18px;font-weight:bold;line-height: 60px;background: #F1F1F1;color: #333;text-align: justify;}
 .yd_c_r .js_ul{ position:relative; padding:21px 0px 13px; }
 .yd_c_r .js_ul span{ position:absolute; top:10px; right:0px}
 .yd_c_r .js_ul li{ margin:12px 0px;font-size: 14px}
 .yd_c_r .js_price{ text-align:right; font-size:15px;border-top:solid 1px #999; border-bottom:solid 1px #999; padding:30px 0px; margin-bottom:30px;}
 .yd_c_r .js_price span{ display:block; color:#E6018C ; font-size:20px;}
 .yd_c_r p{width: 100%;  font-size: 12px;  padding: 26px 0px 35px;  color: #666;  padding-left: 24px;  position: absolute;  bottom: 0;}
.check_but{ width:100%; background-color:#f61185; border-radius:5px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px;border:2px solid #f61185;box-sizing: border-box;}
.check_but:hover {background:#FFF;color:#f61185;}



.sign_but{ border:solid 2px #000; font-size:14px; text-align:center; width:250px; height:44px; line-height:44px; background-color:#fff; border-radius:5px; margin:0px auto; display:block;margin-top:15px;}

.or_line{ width:440px; border-bottom:solid 2px #000; text-align:center;  height:6px; margin:40px auto}
.or_line span{ display:inline-block; width:60px; background-color:#fff; font-size:14px; }
.yd_cl_a .h_t{ font-size:14px;color:#585858;height:50px;}
.de_c_ul_t2 {display:block;font-weight:normal;font-size:14px;margin-top:25px;}
.de_c_ul_t3 {display:block;font-weight:normal;font-size:14px;margin-top:5px;}
.order_address_list {margin-top:20px;}
.order_address_add {display:block;width:100%;}
.order_address_add a {display:block;float:left;width:50%;height:46px;line-height:44px;border:2px solid #000;box-sizing: border-box;text-align:center; text-decoration:none;margin:0px; vertical-align:top;}
.order_address_add a.sl {border-top-left-radius:5px;border-bottom-left-radius:5px;}
.order_address_add a.sr {border-top-right-radius:5px;border-bottom-right-radius:5px;border-left:0px;}
.order_address_add a:hover {border-color:#E6018C;}

#delivery_address_submit {}
#delivery_address_submit a {display:inline-block;padding:5px 12px;border:2px solid #E6018C;background:#E6018C;color:#FFF;font-size:14px;text-decoration:none;border-radius:5px;}
#delivery_address_submit a:hover {border-color:#E6018C;background:#FFF;color:#E6018C;}


.sign_but:hover{ text-decoration:none;background-color:#E6018C; color:#fff}

/* tabbox */
.yd_tabbox{width:100%;margin:0px auto;position:relative;}
.yd_tabbox .yd_tabbtn{ width:100%; margin:0px auto 10px;box-sizing: border-box;}
.yd_tabbox .yd_tabbtn li{float:left;position:relative; font-size:22px; width:50%;}
.yd_tabbox .yd_tabbtn li a,.yd_tabbox .yd_tabbtn li span{display:block;float:left; background-color:#fff;height:44px;line-height:44px;overflow:hidden;width:100%;text-align:center;cursor:pointer;}
/*.yd_tabbox .yd_tabbtn li.current a,.yd_tabbox .yd_tabbtn li.current span{background:#E6018C;color:#fff;}*/
.yd_tabbox .yd_tabbtn li b{ position:absolute; bottom:-15px; left:50%; background:url(../image/x_06.png) no-repeat center; width:24px; height:13px; display:none}
/*.yd_tabbox .yd_tabbtn li i{ position:absolute; left:80px; top:0px;  width:46px; height:42px;}*/
/*.yd_tabbox .yd_tabbtn li i.i1{background-position:0px 8px;}*/
/*.yd_tabbox .yd_tabbtn li i.i2{background-position:0px -109px;}*/
/*.yd_tabbox .yd_tabbtn li.current i.i1,.yd_tabbox .yd_tabbtn li:hover i.i1{background-position:0px -30px;}*/
/*.yd_tabbox .yd_tabbtn li.current i.i2,.yd_tabbox .yd_tabbtn li:hover i.i2{background-position:0px -70px;}*/
/*.yd_tabbox .yd_tabbtn li.current  b{ display:block}*/
/*.yd_tabbox .yd_tabbtn li i{ background-image:url(../image/y_03.png); background-repeat:no-repeat;}*/
/*.yd_tabbox .yd_tabbtn li:hover span {background-color:#E6018C;color:#FFF;}*/


.yd_tabbox .tabcon{ width:100%; padding-bottom:50px}

.address_input{ border:solid 2px #000; border-radius:5px; display:block; clear:both; width:100%; height:46px; line-height:46px; outline:none; margin-top:20px; text-indent:1em; font-size:14px;}


.de_c_ul{ width:100%; margin:14px 0px}
.de_c_ul_1 { width:100%; margin:10px 0px}



.de_c_ul li{ float:left; font-size:14px}
.de_c_ul li.dc_1{ width:20%; }
.de_c_ul li.dc_2{ width:40%; text-align:right;}
.de_c_ul li.dc_3{ width:14%; float:right}
.de_c_ul li.dc_11 {}
.de_c_ul li.dc_21 {padding-top:18px;font-size:14px;}
.de_c_ul li.dc_31 {padding-top:18px;font-size:14px;text-align:right;padding-left:2px;box-sizing: border-box;}
.de_c_ul li.dc_12 {width:20%;line-height:36px;}
.de_c_ul li.dc_22 {width:62%;float:left;}


.de_c_ul li p{ color:#666; font-size:14px; padding-right:50px;margin-top: 10px;}
.de_c_ul li .price{ background-color:#f1f1f1; display:block; width:70px; text-align:center;  height:40px; line-height:40px; border-radius:5px;}



.de_c_ul li .select_button{ display:inline-block; text-align:center; width:100px; font-size:14px; height:38px; line-height:36px; border:solid 2px #E6018C; border-radius: 5px; background-color:#E6018C;box-sizing: border-box;color:#FFF;}
/*.de_c_ul li .select_button_on,.de_c_ul li .select_button:hover{ background-color:#FFF; color:#E6018C; text-decoration:none;border:solid 2px #E6018C;}*/




.de_c_ul li h2{ color:#4b434e; font-size:24px;}

.yd_cl_a .s_txt{ font-size:14px; color:#585858}
.yd_cl_a .add_ul{ margin-top:20px}
.yd_cl_a .add_ul li{ width:98%; text-align:left;position:relative; margin-bottom:15px;}
.yd_cl_a .add_ul li .au_0,.yd_cl_a .add_ul li .au_1{ cursor:pointer; width:50%; float:left; display:block; height:44px; line-height:44px; border:solid 2px #000; background-color:#fff; border-radius: 5px; position:relative;text-align:left; font-size:14px;box-sizing: border-box;padding-left:10px;}
.yd_cl_a .add_ul li .au_0 i,.yd_cl_a .add_ul li .au_1 i{ display:block;  width:60px; height:70px; vertical-align:middle; position:absolute; top:22px; left:50px; background-image:url(../image/y_15.png); background-repeat:no-repeat}
.yd_cl_a .add_ul li .au_0 font,.yd_cl_a .add_ul li .au_1 font{display:block;position:absolute;right:10px;top:0px;}
.yd_cl_a .add_ul li .au_0 i{ background-position:0px 0px}
.yd_cl_a .add_ul li .au_1 i{ background-position:-60px 0px}
.yd_cl_a .add_ul li.f_0{ }
.yd_cl_a .add_ul li.f_1{ }
.yd_cl_a .add_ul .qty_add{ float:right; height:44px; line-height:44px;}
.yd_cl_a .add_ul li a:hover{ text-decoration:none;border-color:#E6018C;}
.yd_cl_a .add_ul li.f_0 .on,
.yd_cl_a .add_ul li.f_1 .on 
{ 
background-color:#E6018C; color:#fff
}
.yd_cl_a .add_ul li.f_0 .on i{ background-position:0px -70px;}
.yd_cl_a .add_ul li.f_1 .on i{ background-position:-60px -70px;}





.button_s1{ width:100%; display:block; height:123px; line-height:1; padding:0px; border:solid 2px #000; background-color:#fff; border-radius: 5px; position:relative;text-align:left; text-indent:140px;font-size:20px; margin-bottom:50px;}
.button_s1 i{ display:block;  width:60px; height:70px; vertical-align:middle; position:absolute; top:0px; left:0px; border:solid 1px #330000; background-image:url(../image/y_15.png); background-repeat:no-repeat}

.yd_cl_a .pay_but{ margin-top:20px}

/*.pay_but a{display:block;width:50%;line-height:1.8em; height:auto; padding:10px 0px; text-align:center; border:solid 2px #000; background-color:#fff; border-radius: 5px; position:relative; float:left;box-sizing: border-box;}*/
.pay_but a {font-size:14px;}
.pay_but a.r {width:49%;margin-left:1%;}
/*.pay_but a img{ vertical-align:middle;margin-right:15px;height:40px;}*/
/*.pay_but a:hover{ text-decoration:none;border-color:#E6018C;}*/
/*.pay_but a.on{ background-color:#E6018C;color:#FFF;border-color:#E6018C;}*/

.check_text{ font-size:18px; font-weight:bold; margin: 10px 0px 40px; width:100%}
.check_text label{ display:block; width:100%; line-height:1.5em}
.check_text input{ margin-right:10px; vertical-align:middle}
.check_text_bb{ text-align:center; color:#999; font-weight:normal; font-size:14px;}
.check_text_bb a{ margin-left:10px; color:#0099FF}
.ep_but li{ width:47%; }
.ep_but li button{ width:100%; border:solid 2px #000; background-color:#fff; height:50px; color:#999; font-size:20px; border-radius: 5px; }

.check_ww{ text-align:center; color:#666; margin:30px 0px; font-size:16px;}


.com_but{ width:505px; height:58px; text-align:center; line-height:58px; background:url(../image/y_22.png) #E6018C no-repeat 125px 17px; color:#fff; margin:0 auto; display:block;border-radius: 5px; font-size:20px; position:relative;border:2px solid #E6018C;}
.com_but i{ position:absolute; left:120px; top:16px; display:block; width:25px; height:25px; }
.com_but:hover{ background:#FFF;border-color:#E6018C;color:#E6018C; text-decoration:none}



/*产品也*/
.banner{ width:100%; min-width:1200px; background-repeat:no-repeat; background-size:cover; height:334px; line-height:334px; color:#fff; font-weight:bold; font-size:32px; text-align:center}
.cp_map{ height:720px}
.cp_map .cp_m_search{ width:800px; height:380px; color:#fff}
.gj_s_ul{ margin-bottom:50px; margin-top:10px;}
.gj_s_ul li{ float:left; margin-left:60px; text-align:center; font-size:26px;}
.gj_s_ul li a{ color:#fff}
.gj_s_ul li img{ display:block; margin-bottom:12px;}
.gj_s_ul li a:hover{ text-decoration:none; color:#E6018C}

.cp_map .s_input input{ background:none; padding-left:20px;}
.cp_map .s_input button{ background:url(../image/ss_03.png) no-repeat center; width:40px; height:40px; top:8px; right:19px;}

.cp_fl_a{ text-align:center; margin-bottom:50px;}
.cp_fl_a a{ display:inline-block; font-size:22px; padding:10px 20px}
.cp_fl_a a.on,.cp_fl_a a:hover{ border-bottom:solid 5px #E6018C; text-decoration:none}


.cp_fl_ul{ margin-left:-20px; width:100%}
.cp_fl_ul li{ float:left; text-align:center; margin-left:20px; font-size:18px; margin-bottom:40px; height:191px;width: 280px;    overflow: hidden;}
.cp_fl_ul li a { color:#8d8d8d}
.cp_fl_ul li a:hover{ color:#E6018C; text-decoration:none}
.cp_fl_ul li a img{ display:block; margin-bottom:12px;}

.user_wapper .p_c{ text-align:center}

.tabbox .loading{height:40px;width:432px;text-align:center;position:absolute;left:0;top:120px;}

div.pay_div_3 div.t2 select,
.yd_cl_a select,
.date_select{ border:solid 2px #000; width:100%; padding:13px 0px; border-radius:5px; outline:none; font-size:14px;text-indent:4px; margin:0px 0px;box-sizing: border-box;}
.date_select{  width:48.5%; margin-top:0px; margin-right:0px;}
#pickup_select {display:block;margin-top:14px;}
#pickup_select select {width:50%;box-sizing: border-box;}
#pickup_select select._selectwo_1 {width:48%;margin-left:2%;}
#dp_show_delivery select {box-sizing: border-box;}





.add-list-div{border:solid 1px #333; padding:0px 10px;  margin-bottom:20px; cursor:pointer;border-radius:5px;}
.add-list{ padding:10px 0px; line-height:1.5em; font-size:16px; position:relative}



.add-list li{ margin-bottom:5px;font-size:14px;}
.add-list b{ padding-bottom:10px;}
.add-list li.last{ padding-top:20px; position:absolute; top:0px; right:0px}
.add-list li.last a { color:#0066c0; margin-right:0px; border:solid 2px #000; display:inline-block; text-align:center; border-radius:5px; color:#000}
.add-list li.last a {padding:3px 9px;}
.add-list li.last a.select {width:60px;}


.add-list  font.tel{background:url(../image/s_03.jpg) no-repeat 0px -21px; padding:5px 10px 5px 25px; margin-right:0px}
.add-list  font.mail{background:url(../image/s_03.jpg) no-repeat 0px 6px; padding:5px 10px 5px 30px;}

.add-list-div:hover {border-color:#E6018C;}
.add-list li.last a:hover{border-color:#E6018C;background-color:#E6018C; color:#fff; text-decoration:none}
.add-list-div-true {border-color:#E6018C;background-color:#E6018C;color:#FFF;}
.add-list-div-true li.last a {border-color:#FFF;background-color:#E6018C;color:#FFF;}
.add-list-div-true li.last a:hover {background-color:#FFF;color:#E6018C;}



.account_div{}
.account_div .login_ul li .form_text {width:100%;padding:10px 10px;box-sizing: border-box;border-color:#000;font-size:14px;box-sizing: border-box;}
.account_div .login_ul li label {font-size:14px;margin-bottom:6px;}
.account_div .login_ul li span {display:block;float:left;width:32.5%;margin-right:1%;}
.account_div .login_ul li span.r  {width:33%;margin-right:0px;}
.account_div .login_ul li span a.send_class {display:block;width:100%;height:41px;line-height:38px;border:2px solid #000;box-sizing: border-box;text-align:center;font-size:14px;}
.account_div .login_ul li span a.send_class {margin-top:23px;border-radius:5px; text-decoration:none;}
.account_div .login_ul li span a.send_class:hover {border-color:#E6018C;}


#expense_list_total{color:#E6018C; font-size:36px;text-align:right;margin-bottom: 60px}
#expense_list_total {}

.expense_list{ background: #fff;border-radius: 12px;overflow: hidden;}
.expense_list .list{  margin:0 auto}
.fixed {  
    position: fixed;  
    top: 90px;  
    width: 100%;  
    margin: 0 auto;  
    left: 0;  
      
    z-index: 9;  
}  


.coupon{ height:38px; line-height:38px; border:solid 2px #000; width:100%; padding:0px 10px;box-sizing: border-box;}




.bor_title {
    width: 1200px;
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 20px;
    line-height: 74px;
    margin: auto;
    font-size: 16px;
}

.bor_title a.on ,.bor_title a:hover{
    border-bottom: solid 4px #E6018C; text-decoration:none; color:#000
}
.bor_title a {
    display: inline-block;
    height: 70px;
    padding: 0px 10px;
    margin: 0px 20px;
    color:#959595;
    font-size:18px;
}





.gray_top{ background-color:#f0f0f0; width:100%; min-width:1200px; text-align:center; height:110px; line-height:110px; font-size:36px; color:#E6018C}

.news_title{ border-left:solid 4px #E6018C; padding-left:20px; color:#959595; font-size:16px}
.news_title h1{ font-size:32px; color:#343434; padding-bottom:7px;}
.news_title span font{ display:inline-block; background:url(../image/kk_03.jpg) no-repeat left center; padding-left:30px; margin-left:20px;}

.news_text{color:#959595; font-size:16px; line-height:2em; margin:40px 0px}

.news_left{ width:870px;}

.n_right_ul{ border:solid 1px #cdcdcd; border-radius:10px; padding:10px 0px; font-size:16px;color:#585858; margin-bottom:30px;}
.n_right_ul li:last-child a{ border:none}
.n_right_ul a{ display:block; width:246px;border-bottom:solid 1px #cdcdcd; margin:0px 20px; color:#585858; line-height:1.5em; padding:12px 0px}
.n_right_ul a:hover{ text-decoration:none; color:#000}
.n_right_ul .frist{ font-size:22px; padding:10px 20px}

.faq_ul{ margin-bottom:40px; color:#585858}
.faq_ul a{ font-size:28px; font-weight:bold; color:#585858; margin-bottom:12px; display:block}
.faq_ul div{ font-size:16px; color:#8d8d8d; line-height:1.7em}


.re_title{ color:#585858; font-weight:bold; font-size:36px; border-bottom:solid 1px #585858; padding-bottom:20px}

.star_all{ position:relative; height:55px;border-bottom:solid 1px #585858; line-height:55px; padding:30px 0px; font-size:28px;color:#727272}
.star_all .add{ position:absolute; right:0px; top:30px; display:block; border:solid 2px #585858; height:47px; width:234px; border-radius:5px; text-align:center; line-height:47px; font-size:22px; color:#727272}
.star_all .add:hover{ text-decoration:none; border:solid 2px #E6018C; color:#E6018C}
.review_ul li{border-bottom:solid 1px #585858; padding:40px 0px; position:relative; padding-left:120px}
.review_ul li .pic{ position:absolute; left:0px; top:40px; border-radius:50%}
.review_ul li .pl_con{ font-size:18px;}
.review_ul li .pl_con .name{color:#E6018C;margin-bottom:15px}
.review_ul li .pl_con .con{ font-size:16px; color:#585858; margin-top:20px; line-height:1.7em}
.review_ul li .pl_con .date{color:#585858; margin-top:50px;}

.review_ul .sj_hf{ border-top:solid 1px #e0e0e0; color:#999; margin-top:20px;}
.review_ul .sj_hf p{ font-size:18px; margin-bottom:20px; color:#585858; }

.rat-stars{ background-image:url(../image/xx-1_03.png); background-repeat:no-repeat; width:200px; height:26px;}
.stars_t_5{ background-position:0px 0px;}
.stars_t_4{ background-position:0px -30px;}
.stars_t_3{ background-position:0px -60px;}
.stars_t_2{ background-position:0px -90px;}
.stars_t_1{ background-position:0px -120px;}

ul.delivery_address_form {margin-top:20px;font-size:14px;}
ul.delivery_address_form li  {display:block;padding:0px 0px;}
ul.delivery_address_form li span.add {display:block;float:right;width:32.2%;box-sizing: border-box;font-size:14px;}
ul.delivery_address_form li span.add_l {float:left;margin-right:1.65%;}
ul.delivery_address_form li span.add_c {float:left;width:66.15%;}
ul.delivery_address_form li label {font-size:14px;margin-bottom:6px;}
ul.delivery_address_form li .form_text {display:block;width:100%;border-color:#000;padding: 10px 10px;box-sizing: border-box;font-size:14px;}
ul.delivery_address_form li span.select {display:block;}
ul.delivery_address_form li select.select_city {display:block;float:right;width:32.2%;box-sizing: border-box;font-size:14px;margin:0px;}
ul.delivery_address_form li select.select_city1,
ul.delivery_address_form li select.select_city2 {float:left;margin-right:1.65%;}
ul.delivery_address_form li select.select_city4 {float:left;width:100%;}
ul.delivery_address_form li select.select_city1,
ul.delivery_address_form li select.select_city2,
ul.delivery_address_form li select.select_city3,
ul.delivery_address_form li select.select_city4 {padding:8px 0px 9px 0px;}

ul.de_c_ul font.dis_show {height:56px;line-height:56px;width:230px;float:left;background-color:#FFF;border:2px dashed #E6018C;color:#E6018C;box-sizing: border-box;}

#user_div {margin-top:40px;}
#user_div h1 {font-size:14px;}
#user_div .check_text {font-size:14px;font-weight:normal;margin:0px;margin-top:10px;}


div.product_null {width:800px;height:200px;line-height:200px;border:1px solid #EEE;margin:0px auto;text-align:center;font-size:14px;color:#000;}
div.product_null i {display:inline-block;line-height:30px;width:30px;height:30px;background:#EEE;border-radius:50%;font-style:normal;font-size:20px;color:#E6018C;margin-right:10px;}

/*.top_pro_con{ height:55px; line-height:55px; background:url(../image/jj_03.jpg) repeat-x;}*/
/*因没有该图片，暂不加background 注释时间2019-9-12*/
.top_pro_con{ height:90px; line-height:110px;}
.top_pro_con .title{ width:1200px; margin:0 auto; font-size:16px; color:#b4b4b4}
.top_pro_con .title a{ color:#b4b4b4}

.wifi_con_top{ width:1200px; margin:0 auto; padding:50px 0px}
.wifi_c_tr,.wifi-silder{ width:600px;}
.wifi-silder li { width:600px; height:340px; overflow:hidden}
.wifi-silder img{ display:block;}
a.button_yd{ width:215px; height:50px; text-align:center; line-height:50px; display:block; color:#fff; font-weight:bold; font-size:18px; background-color:#FF40B4}
a.button_yd:hover{ text-decoration:none; background: #f59d38}

.wifi_c_tl{ width:570px;}
.wifi_c_tl h1{ color:#000; font-weight:normal; font-size:32px; line-height:3rem}
.wifi_c_tl .price span{ font-size:54px; font-weight:bold;color:#E6018C}
.wifi_c_tl .text{ padding:20px 0px; line-height:1.7rem}

.wifi_con{ background-color:#f0f0f0; padding:30px 0px 50px}
.wifi_con .content{ background-color:#fff; width:1200px; margin:0 auto}


#wifi_tab{position:relative;width:100%; font-size:16px;}
#wifi_tab ul{	border-bottom:1px solid #eeeeee; height:63px;}
#wifi_tab ul li{
	float:left; margin:0px 30px; height:58px; line-height:58px; padding:0px 8px;
	text-align:center;	
	position:relative;
	cursor:pointer;
}
#wifi_tab .tabCon{ padding:30px }

#wifi_tab li.cur{ border-bottom:solid 5px #E6018C}

/*
.success_div{ text-align:center; width:1200px; margin:0 auto}
.success_div .think{ background:url(../image/ss-3_03.jpg) no-repeat center top; padding-top:100px; font-size:36px;}
.success_div p{ color:#333; font-weight:bold; padding:20px 0px}
.success_div .tz_but{ display:block; width:180px; margin:40px auto;background-color: #f61185;
    border-radius: 5px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border: 2px solid #f61185;
    box-sizing: border-box;}
.success_div .tz_but:hover{ background-color:#fff; text-decoration:none; color:#f61185}
*/
@keyframes mupdown {
	0% {
		bottom: 20px
	}

	25% {
		bottom: 25px
	}

	75% {
		bottom: 30px
	}

	100% {
		bottom: 20px
	}
}

@-webkit-keyframes mupdown {
	0% {
		bottom: 20px
	}

	25% {
		bottom: 25px
	}

	75% {
		bottom: 30px
	}

	100% {
		bottom: 20px
	}
}
/*coupon query*/
.coupon-query{padding: 20px 0;    margin-bottom: 40px;    border: 1px solid #eee;    background-color: #f7f7f7;    color: #333;    font-size: 18px;}
.coupon-query .box {    margin: 0 auto;  width: 680px;}
.coupon-query .coupon-query-row{width:260px;display: inline-block;}
.coupon-query .coupon-query-btn{width:125px;display: inline-block;}
.coupon-query .couponkey {
    margin: 5px 0 0 0;
    padding: 5px 10px;
    width: 90%;
    height: 28px;
    border: 1px solid #eee;
}


.coupon_coop_query  .coupon-use .box{
    width:750px;
}
.coupon_coop_query .query_result{
    border-collapse: collapse;
    width: 85%;
    margin: auto;
}
.coupon_coop_query .query_result caption{
    font-size: 25px;
    padding-bottom:1em;
}
.coupon_coop_query .query_result caption a{
    font-style: italic;
    font-size: 1rem;
    text-decoration: underline;
}
.coupon_coop_query .query_result td,.query_result th{
    border: 1px solid #eee;
    width: 25%;
    padding: 10px;
}
.coupon_coop_query .query_result tr:nth-child(odd){
    background: #f7f7f7;
}
.coupon_coop_query .query_result th{
    text-align: right;
}
.coupon_coop_query .query_result li{
    list-style: decimal;
    margin:0 0 0 1em;
}
.coupon_coop_query .query_result_detail td,.coupon_coop_query .query_result_detail th{
    width: auto;
}
.coupon_coop_query .query_result_detail th{
    font-weight: bold;
    text-align:left;
}


.new_header_container {
    width: 100%;
    min-width: 1200px;
    /* padding-bottom: 300px; */
    /* background: url(../image/pic_banner.jpg) no-repeat center top; */
    z-index: 999;
    /* border-bottom: 1px solid rgb(222, 103, 158); */
    position: relative;
}
.header_logo{
    display: inline-block;
    width: 200px;
    height: 32px;
    background: url(../image/LOGO01.png) no-repeat;
    position: relative;
    top: 0px;
}

.header_container {
    min-width: 1080px;
    /* max-width: 1200px; */
    width: auto;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 60px;
    background-color: #fff;

}
.header_nav{
    /* min-width: 700px; */
    height: 100%;
    line-height: 68px;
    /*overflow: hidden;*/
}
.header_nav li {
    float: left;
    padding: 0 12px;
}
/*子菜单*/
.header_nav>li{
    position: relative;
}
.header_nav>li img{
    margin-right:10px;
}
.header_nav .subnav {
    transition: all .3s ease-out 0s;
    border-top: none;
}
.header_nav .subnav {
    position: absolute;
    background-color: #FFF;
    /*box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);*/
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10);
    height: auto;
    z-index: 199;
    top: 100%;
    left: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all .36s ease;
    min-width: 150px;
}
.header_nav .subnav li{
    width:100%;
    padding:0;
}
.header_nav li .subnav li a,.white_head .header_nav li .subnav li a {
    font-weight: 500;
    color: #666;
    padding: 12px;
    line-height: 22px;
    display: block;
    transition: all .2s ease-in-out;
    text-decoration: none;
    font-size: 14px;
}
.header_nav>li:hover .subnav {
    background-color: #fff;
    border-color: #fff;
}

.header_nav>li:hover .subnav {
    opacity: 1;
    visibility: visible;
    box-shadow: 2px 2px 10px rgba(0,0,0,.3);
    border-radius: 5px;
}
.header_nav .subnav li a.active, .header_nav .subnav li a:hover {
    background-color: #FFCEE1;
    /*border-bottom: 1px solid rgba(255,255,255,.1);*/
}

.header_container > div {
    display: flex;
    align-items: center;
}
.header_container > div > div.lang-option{height: 100%;line-height: normal}
.header_container > div > div,.header_old_user{
    cursor: pointer;
    position: relative;
    height: 60px;
    line-height: 60px;
}
.header_container div a.user_account,.header_old_user a.user_account{
    display: inline-block;
    max-width: 70px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    color: #fff;
    vertical-align: middle;
    white-space: nowrap;
}

.header_container div.user-info-wrapper ul,.header_old_user ul{
    position: absolute;
    top: 65px;
    /*left: -15px;*/
    z-index: 999;
    width: 140px;
    line-height: 40px;
    font-size: 14px;
    background: #fff;
    color: #333;
    box-sizing: border-box;
    border-radius: 5px;
    /*box-shadow:2px 2px 10px #909090;*/
    box-shadow:2px 2px 10px rgba(0,0,0,.3);
    overflow: hidden;
    transition: all 0.2s;
    display: none;
}
.header_container div.user-info-wrapper ul li,.header_old_user ul li {
    position: relative;
}
.header_container div.user-info-wrapper ul li a,.header_old_user ul li a{
    font-size: 12px;
    display: block;
    padding: 0 15px;
}
.header_container div.user-info-wrapper ul li a:hover,.header_old_user ul li a:hover{
    background: #f5f5f5;
}
.header_container div.user-info-wrapper>div:hover ul,.header_old_user:hover ul{
    /*display: block;*/
}
/*my,sg,ru,id*/
.header_container .user-info-wrapper{
    margin-left:0;
}
.header_old_user ul{
    top:50px;
    box-shadow:2px 2px 10px rgba(0,0,0,.3);
}
/*announcement 20181102 lxc*/

.announcement{
    height: 30px;
    line-height: 30px;
    background: #F5F5F5;
    color:#333333;
}
.announcement-wrap a{
    color:#FF40B4 !important;
    text-decoration: underline;
    vertical-align: middle;
}
.announcement-wrap{
    width:100%;
    max-width:1190px;
    margin:auto;
}
.announcement-text{
    display: inline-block;
    width: 1000px;
    vertical-align: middle;
    white-space: nowrap;
    overflow:hidden;text-overflow:ellipsis;
}
#announcement .model-wrap{
    -webkit-perspective: 1300px;
    -moz-perspective: 1300px;
    perspective: 1300px;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 50%;
    max-width: 630px;
    min-width: 320px;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}
#announcement:target .model-wrap{
    visibility: visible;

}
#announcement .model-content{
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: rotateX(-60deg);
    -moz-transform: rotateX(-60deg);
    -ms-transform: rotateX(-60deg);
    transform: rotateX(-60deg);
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    transform-origin: 50% 0;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;

    position: relative;
    margin: 0 auto;

    background: #fff;
    width: 420px;
    border-radius: 5px;
    padding: 30px;
    padding-bottom: 40px;
    box-shadow: 0 2px 5px 5px rgba(0,0,0,.05);
}
#announcement:target .model-content{
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    opacity: 1;

}
#announcement:target .model{
    display: block;
    position: fixed;
    bottom:0;
    top:0;
    left:0;
    right:0;
    background: rgba(0,0,0,0.6);
    z-index: 9999;
}
#announcement .model .close{
    margin:-1rem;
}
#announcement .model .close:before,#announcement .model .close:after{
    height:1px;
    background:#909090;
    width:60%;
}
#announcement .model-content{
    line-height: 1.5em;
}
#announcement .plane-wrap{
    position: relative;
    width:2.5rem;
    height:2.5rem;
    display: inline-block;
    margin:0 0.5rem 0 0;
}
#announcement .plane{
    display: inline-block;
    vertical-align: middle;
    width:100%;
    height:100%;
    background: url("../image/plane.svg") center center no-repeat;
    background-size: 100%;
    transform: translate(-40%,40%);
    opacity: 0;
    z-index: 2;
    position: relative;
}
#announcement:target .plane{
    transform: translate(0,0);
    opacity: 1;
    transition: 1s;
}
#announcement .plane-bottom{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    background: #E7E7E7;
    width: 80%;
    height: 80%;
}

#announcement .content{
    margin:0 0 0 3rem;
    color:#666666;
    max-height:440px;
    overflow-x:auto;
}

#announcement .content::-webkit-scrollbar {
    width: 12px;
}
#announcement .content::-webkit-scrollbar-track {
    background-color: #eee;
}
#announcement .content::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
#announcement .content::-webkit-scrollbar-thumb:hover {
    background-color: #ddd;
}
#announcement .content::-webkit-scrollbar-thumb:active{
    background-color:#aaa;
}
#announcement .btn-wrap{
    text-align: right;
}#announcement .i-see{
    display: inline-block;
     margin: 10px 20px 0;
     border-radius: 4px;
     font-size: 16px;
     color: #FFFFFF;
     height: 40px;
     line-height: 40px;
     text-align: left;
     background: #E6018C;
     padding:0 30px;
 }

/*my,sg,ru,id end*/
.user-info-wrapper > div{
    display: none;
}
.user-info-wrapper .go_login_btn {
    display: inline-block;
    font-size: 14px;
    margin-left:5px;
    width: 88px;
}
.user-info-wrapper.has_user > div{
    display: inline-block;
    height: 100%;
}
.user-info-wrapper.has_user .go_login_btn {
    display: none;
}
.header_container button {
    background: #fff;
    width: 88px;
    height: 40px;
    border-radius: 20px;
    color: rgb(213, 63, 134);
    transition: all 0.5s;
    margin: 10px;
}

.header_container img{
    border-radius: 50%;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}


.white_head {
    background: #fff !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.10);
    border: none;
    height: 96px;
}
.white_head .header_logo{
    background: url(../image/LOGO02.png) no-repeat;
    background-size: cover;
}
/*自定义logo*/
.white_head .header_logo_custom {
    background: url(../image/schaeffler_logo.jpg) no-repeat;
    background-size: auto 90%;
    height: 27px;
    width: 190px;;
}
/* .white_head .header_nav li{
    background: #fff;
} */
.white_head .header_nav li a {
font-size: 18px;
color: #333333;
letter-spacing: 0;
text-align: left;
line-height: 28px;
font-weight: 500;
    display: block;

    font-size: 18px;
    border-bottom: 2px solid transparent;
    position: relative;
    transition: all 0.36s;
}
/* .white_head .header_nav li a::after{
    content: '';
    position: absolute;
    bottom: -2px;
    left: 50%;
    height: 2px;
    background: #E6018C;
    transition: all 0.36s;
} */
.white_head .header_nav li:hover a{
    /* border-color: #FF40B4; */
    /* color: #FF40B4; */
}
.white_head .header_nav li.on a {
    /* border-color: #FF40B4; */
    color: #FF40B4;
} 
.white_head .header_container div a.user_account{
    color: #332F3D;
}
.white_head .header_container button {
    /* background: #E6018C; */
    border: 1px solid #FF40B4;
    color: #FF40B4;
    
}
.white_head .header_container button:hover{
    background: #f741b0;
    color: #fff;
}
.has_login i.touxiang { 
    width:44px; height:44px; 
    display:block;
    overflow:hidden;
    background:url(../image/1055.png) no-repeat center;
}
/*
.home_page{
    height: 630px;
    background: url(../image/1home.png) no-repeat center -70px;
    background-size: 100%;
}
 */
.product_page{
    height: 330px;
    /* background: url(../image/2coverage.png) no-repeat center -70px;
    background-size: 100%; */
}
.news_page {
    height: 330px;
    /* background: url(../image/3news.png) no-repeat center -70px;
    background-size: 100%; */
}
.cooperate_page {
    height: 330px;
    /* background: url(../image/4cooperation.png) no-repeat center -70px;
    background-size: 100%; */
}
.about_page {
    height: 330px;
    /* background: url(../image/5about_roamingman.png) no-repeat center -70px;
    background-size: 100%; */
}
.reviews_page {
    height: 330px;
    /* background: url(../image/7reviews.png) no-repeat center -70px;
    background-size: 100%; */
}
.faq_page {
    height: 330px;
    /* background: url(../image/6FAQ.png) no-repeat center -70px;
    background-size: 100%; */
}
.keyword_page {
    height: 330px;
    /* background-size: 100%; */
}
.get_wifi_page{
    background: url(../image/pic_banner.png) no-repeat center -70px;
    background-size: 100%;
}
/**覆盖现有公共样式***/
.grab_bot {background-color: #3b3745;}
.grab_b_con{height: 100px;line-height: 100px;}
.grab_b_con .text{font-size: 16px;padding: 10px 0 10px 32px;background:url("../image/04.png") no-repeat left center;}
.gb_eamil{width:480px;margin-top:30px;background: none;}
.gb_eamil input{ line-height:0;vertical-align: middle;border-radius: 40px;margin-left: 0;color:#999;width:100%;box-sizing: border-box;background-color: #fff;}
.gb_eamil.active input{box-shadow: 0 3px 8px 0px rgba(34,93,230,.65) inset;}
.gb_eamil button{text-transform:uppercase;display: block;visibility:hidden;margin-left: 15px;width: 100px;border-radius: 40px;font-weight:bold;background-color: #FF40B4;background-image: linear-gradient(-90deg, #f39fd2 0%, #FF40B4 63%);}
/*.gb_eamil.active button{visibility: visible;}*/
.footer{background:#332f3d;}
.footer .contact_info{color:rgba(255,255,255,.6);line-height: 25px;font-size: 13px;}
.footer .copyright_info{line-height:73px;}
.bot_menu{background:#332f3d;}
.bm_con{text-align: center;color:rgba(255,255,255,.35);font-size: 13px;}
.bot_share{height: 36px;line-height: 36px;width:100%;margin: 6px auto 0;}
.bot_share>ul.bot_share_wrap{height: inherit;width:auto;}
.bot_share ul li{height:inherit;display: block;width:36px;float: left;margin-right: 10px;}
.bot_share ul li:last-child{margin-right: 0;}
ul.bot_share_wrap a{display: block;width: 36px;height: 36px;background-position: 0 -36px;transition: all .2s;}
ul.bot_share_wrap a:hover{background-position: 0 0;}
.bot_share ul li a>i{width: 36px; height:36px;border-radius: 100%;}
.bot_share ul li img{width: 36px; height:36px;border-radius: 100%;}
.foot_ul .con{padding-top: 40px;height: auto;box-sizing: border-box;color:rgba(255,255,255,.6)}
.foot_ul .con ul li.name{font-size: 14px;color: #fff;font-weight: bold;height: auto;line-height: normal;padding-bottom: 22px;}
.foot_ul .con ul a{color:rgba(255,255,255,.6);font-size: 13px;}
.foot_ul .con ul a:hover{color:#fff;text-decoration: none;}
.foot_ul .con ul li{line-height: normal;padding-bottom: 10px;}
.foot_ul .con ul li:last-child{margin-bottom: 0;}
.foot_ul .con ul li.contact_info{line-height: 1.7;}
/****/
.gb_eamil input::-webkit-input-placeholder{  color:#999;  }
.gb_eamil input::-moz-placeholder{ color:#999;}
.gb_eamil input:-moz-placeholder{color:#999;}
.gb_eamil input:-ms-input-placeholder{color:#999;}

input{-webkit-appearance: none;}


/*订阅框*/
.subscribe-model:after{
    content:'';
    display: block;
    position: fixed;
    bottom:0;
    top:0;
    left:0;
    right:0;
    background: rgba(0,0,0,0.6);
    z-index: 10000;
}
.subscribe-model .model{
    position: fixed;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    box-shadow: 0 2px 8px 0 rgba(0,0,0,.2);
    border-radius:5px;
    background: #fff;
    width:416px;
    height:161px;
    z-index: 10001;
}
.subscribe-model .model-wrap{
    position: relative;
    background: #fff;
    z-index: 1;
    text-align: center;
    border-radius: 5px;
}
.subscribe-model .model:before,.subscribe-model .model-wrap:before,.subscribe-model .model-wrap:after{
    position: absolute;
    content: '';
    display: block;
}
.subscribe-model .model:before{
    width: 168px;
    height: 90px;
    top:-90px;
    left:134px;
    background:url('../image/subscribe_head.png');
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation:subscribe-logo-up 1s ease-in-out 0s 1;
    -moz-animation:subscribe-logo-up 1s ease-in-out 0s 1;
    animation:subscribe-logo-up 1s ease-in-out 0s 1;
}

.subscribe-model .model-wrap:before{
    width: 25px;
    height:24px;
    top:-12px;
    left:134px;
    background:url('../image/subscribe_hand_left.svg');
    -webkit-animation:subscribe-swinging 5s ease-in-out 0s infinite;
    -moz-animation:subscribe-swinging 5s ease-in-out 0s infinite;
    animation:subscribe-swinging 5s ease-in-out 0s infinite;
    -webkit-transform-origin: 0% 0%;
    -moz-transform-origin: 0% 0%;
    transform-origin: 0% 0%;
}
.subscribe-model .model-wrap:after{
    width: 27px;
    height: 29px;
    top:-12px;
    left:225px;
    background:url('../image/subscribe_hand_right.svg');
    -webkit-animation:subscribe-swinging 5s ease-in-out 0s infinite;
    -moz-animation:subscribe-swinging 5s ease-in-out 0s infinite;
    animation:subscribe-swinging 5s ease-in-out 0s infinite;
    -webkit-transform-origin: 100% 0%;
    -moz-transform-origin: 100% 0%;
    transform-origin: 100% 0%;
}

@-webkit-keyframes subscribe-swinging{
    0% { -webkit-transform: rotate(10deg); }
    50% { -webkit-transform: rotate(-10deg); }
    100% { -webkit-transform: rotate(10deg); }
}
.subscribe-model .title{
    padding:43px 0 20px;
    font-weight: bold;
}
.subscribe-model button,.subscribe-model input{
    height: 32px;
    line-height: 32px;
    border-radius: 4px;
    vertical-align: middle;
}
.subscribe-model input{
    width: 254px;
    padding:0 5px;
    border:1px solid rgba(221,221,221,1);
}
.subscribe-model input:focus{
    border:1px solid rgba(241,39,115,1);
}
.subscribe-model button{
    width: 69px;
    margin-left:6px;
    background: rgba(241,39,115,1);
    color:#fff;
    border:1px solid rgba(241,39,115,1);
}
.subscribe-model button:hover{
    background: #f741b0;
}
@-webkit-keyframes subscribe-logo-up{
    0% { -webkit-transform: translateY(50px); }
    100% { -webkit-transform: translateY(0); }
}
.subscribe-model .close{
    margin:0.1rem 0.1rem 0.1rem 0;
    width:0.3rem;
    height:0.3rem;
}
.subscribe-model .close:before,.subscribe-model .close:after{
    height: 2px;
    background: #ddd;
}
.subscribe-model .close:hover:before,.subscribe-model .close:hover:after{
    background: #666;
}

.notification_header_icon {
    position: absolute;
    width: 7px;
    height: 7px;
    background: #f82a76;
    border-radius: 50%;
    top: 20px;
    left: 21px;
}

.notification_header_num {
    position: absolute;
    height: 16px;
    background: #f82a76;
    width: 16px;
    color: #fff;
    line-height: 16px;
    text-align: center;
    top: 12px;
    right: 14px;
    border-radius: 50%;
    font-size: 13px;
}

/*访问来源定向跳转*/
.site_new_dialog {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000;
}

.site_new_dialog .site_dialog_container {
    width: 540px;
    height: 331px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: rgba(255,255,255,1);
    border-radius: 8px;
    text-align: left;
}
.site_new_dialog .site-header{
    height: 55px;
    border-bottom: 1px solid #EFEFEF;
}
.site_first_dialog {
    /*padding: 30px;*/
}

.site_dialog_container p.site-content {
    font-size: 25px;
    color: #332F3D;
    text-align: center;
    margin-top: 51px;
    font-family:PingFangSC-Regular;
    color:rgba(51,47,61,1);
    line-height: 26px;
    font-weight: 400;
}
.site_dialog_container p.site-other{
    margin-top: 40px;
    text-align: center;
    font-size: 17px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    color: rgba(153,153,153,1);
    line-height: 26px;
}

.site_dialog_container i {
    position: absolute;
    width: 19px;
    height: 19px;
    cursor: pointer;
    top: -29px;
    right: 0;
    background: url(../image/close.png) no-repeat;
}

.site_dialog_container span.site-close{
    position: absolute;
    width: 23px;
    height: 23px;
    cursor: pointer;
    top: 15px;
    right: 15px;
    text-align: center;
    line-height: 23px;
    color: #D0D0D0;
    font-size: 20px;
}
.site_dialog_container span.site-close:hover{
    color:#E6018C;
}
.site_dialog_container .site-btn{
    margin-top: 20px;
    text-align: center;
}
.site_dialog_container .site-btn button{
    font-size: 15px;
    color: #332F3D;
    cursor: pointer;
    font-family: PingFangSC-Regular;
    font-weight: 400;
}
.site_dialog_container .site-btn button:hover{
    color: #E6018C;
}
.site_dialog_container .site-btn button:visited{
    background: #F23D81;
}
.site_dialog_container .site-btn button:not(:first-child){
    margin-left: 10px;
}
.site_dialog_container .site-close-btn{
    text-align: center;
    margin-top: 40px;
}
.site_dialog_container .site-close-btn button{
    width: 390px;
    height: 56px;
    background: rgba(241,39,115,1);
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
}
.site_dialog_container .site-close-btn button:hover{
    background: #E6018C;
}
.site_dialog_container .site-close-btn button:visited{
    background: #F23D81;
}

.select_lan{padding: 10px 15px}
.home_page .select_lan{opacity: 0.5;  background: none;  color: #ffffff;}
.select_lan option{color: #000;padding: 10px; }
.box_lan_true a{color: #ffffff;opacity: 0.5;background: none;}
.box_lan_true a:visited{color: #ffffff;}
.true_lan{color: #E6018C !important;}
.box_lan_true_other{display: flex;font-size: 16px}
.box_lan_true_other a{background: none;}
.box_lan_true_other a:visited{}




.news_ul{}
.news_ul li{ border-bottom:solid 1px #e3e3e3; position:relative; padding-left:350px; height:200px; padding-top:20px; font-size:16px; color:#959595; margin-bottom:38px;}
.news_ul li a.img{ position:absolute; left:0px; top:0px; border-radius: 10px;} 
.news_ul li a{ font-size:22px}

.news_ul li span font{ display:inline-block; background:url(../image/kk_03.jpg) no-repeat left center; padding-left:30px; margin-left:20px;}