@charset "utf-8";
*{margin:0;padding:0;list-style:none;border:0;}
/* body */
body {margin:0; padding:0;font-family:'Microsoft Yahei', '微软雅黑'; font-size:14px; color:#7d7d7d}
{width:100%; margin:0 auto; overflow:hidden}
a{color:#000; text-decoration:none}
.hide{display: none}
.clear{clear:both;}
.fl{ float:left}
.fr{ float:right;}
a img{ border:none}
button{ cursor:pointer; outline:none;font-family:'Microsoft Yahei', '微软雅黑';}
input{ outline:none;font-family:'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%;}


.header{  min-width:1200px;position: fixed; color:#fff; width:100%;background: linear-gradient(360deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);z-index: 99;}
.header_top { width:1200px; margin:0 auto;}
.header_top .logo{ display:inline-block;float:left; background:url(../image/logo.png) no-repeat center left;width: 134px;height: 88px;  background-size: contain;}
.header_top .nav-main{ float:left; color:#fff; font-size:16px; margin-left:20px;}
.header_top .nav-main li{ float:left; margin-left:20px; position:relative}
.header_top .nav-main a{
    display: block;
    padding: 0px 10px;
    height: 88px;
    line-height: 88px;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
    opacity: 0.7;
    font-size: 16px;
    font-weight: 600;
}
.header_top .nav-main a.on,.header_top .nav-main a:hover{
    display: block;
    height: 88px;
    line-height: 88px;
    font-size:16px;
    font-weight:600;
    color:rgba(255,255,255,1);
    text-shadow:0px 1px 0px rgba(0,0,0,0.2);
    opacity: 1;
}
.vivo-nav {
   height: 88px;
   line-height: 88px;
   color: #fff;
    margin-right: 15px;
    font-size: 16px;
}
.vivo-nav a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
}
.vivo-nav .user{ display:block; margin:0px 20px}
.vivo-nav .search_img{ background:url(../image/sd_06.png) no-repeat center; height:45px; width:30px; display:block;}

.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;}



#vivo-head .vivo-search{height:80px;width:100%;background:#1e1523;position:relative;z-index:9999;display:none;}

.vivo-search .search-box{width:700px;height:40px;position:absolute;top:20px;left:50%;margin-left:-350px;background:#666;-webkit-box-shadow:0 1px 2px rgb(0,0,0);-moz-box-shadow:0 1px 2px rgb(0,0,0);-ms-box-shadow:0 1px 2px rgb(0,0,0);box-shadow:0 1px 2px rgb(0,0,0);position:relative;z-index:9999;}
.vivo-search .search-box input{width:550px;height:20px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;}
.vivo-search .search-box button{width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#e40075;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}
.vivo-search .search-box button:hover{}
.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}
.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../image/vivo-head-ico.png) -86px 0 no-repeat;_background-image:url(../images/vivo-head-ico.gif);}
.vivo-search .search-box a.close:hover{background-position:-86px -25px;}



.select_lan button{ width:182px; height:45px; vertical-align:middle; background-color:#e40075; color:#fff; border-radius:30px; margin-left:30px; font-size:22px; 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;}
.white_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;
}

.white_head{z-index:999;top:0;background:rgba(255,255,255,1);  box-shadow:0px 6px 10px 0px rgba(51,47,61,0.1);width:100%;}
.white_head .header_top{ width:1200px;}
.white_head .nav-main a{color:rgba(51,47,61,0.65);font-weight:600;text-shadow: none}
.white_head .vivo-nav a{color:rgba(51,47,61,0.85);}
.white_head .header_top .nav-main a.on,.white_head .header_top .nav-main a:hover{font-weight:600;color:rgba(51,47,61,0.85);text-shadow: none}
.white_head .header_top .logo{background: url(/view/user/mobile/image/common/logo.png) no-repeat  center left;background-size: contain}
.nav-silder{ position:relative;height: 660px}
.bx-wrapper {
	position: relative;
	margin: 0 auto ;
	padding: 0;
	*zoom: 1;
}

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

.bx-wrapper .a_bg {
	width: 100%;height:660px; background-size:cover;min-width:1200px;
	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: Arial;
	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: 20px;
	height: 20px;
	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/icon-arrow-left.png) no-repeat center;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../image/icon-arrow-right.png) no-repeat center;
}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover {
    background-color: rgba(255,255,255,.6);
}

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

.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: Arial;
	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:#e40075}
.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
}





.slider_top{position:relative; width:1200px; margin:0 auto; height:0px; color:#666}
ul.s_up{position:absolute; left:0px; top:-400px; width:300px; height:400px; z-index:9;}
ul.s_up li{ height:80px; width:300px; background:url(../image/bb_03.png) no-repeat; border-bottom:solid 1px #dfdfe1; text-indent:5em; position:relative; text-align:left; cursor:pointer}
ul.s_up li.su1{ background-position:15px 22px;}
ul.s_up li.su2{ background-position:15px -60px;}
ul.s_up li.su3{ background-position:15px -138px;}
ul.s_up li.su4{ background-position:15px -217px;}
ul.s_up li.su5{ background-position:15px -297px;}
ul.s_up li a{ font-size:14px; color:#666}	
ul.s_up li h1{ font-weight:normal; text-align:left; display:block; padding-top:15px; font-size:22px;}
ul.s_up li.su5 font,ul.s_up li.su4 font{ background:url(../image/03.jpg) no-repeat center; width:15px; height:26px; display:block; bottom:25px; }

ul.s_up,ul.s_up li .other_con,.search_con .search_div {
filter:progid:DXImageTransform.Microsoft.gradient(enabled="true", startColorstr="#99FFFFFF", endColorstr="#99FFFFFF");
background-color:rgba(255,255,255,0.9);
}
/* IE9 HACK 避免在IE9下背景色叠加 */
:root ul.s_up { filter:none; }
:root ul.s_up li .other_con { filter:none; }

ul.s_up li .other_con{ display:none; position:absolute; left:300px; top:0px; width:650px;  text-indent:0px;}
ul.s_up li .other_con a{ display:inline-block; text-indent:0px; line-height:1.8rem; padding-right:10px;}
ul.s_up li .other_con img{ margin:10px}


.step_con{ height:176px; width:100%; min-width:1200px; background-color:#f5f5f5 }
.step_con p{ width:1200px; margin:0 auto; background:url(../image/m_05.jpg) #f5f5f5 no-repeat center;height:176px;}

.search_con{background:url(../image/wifiss.jpg) no-repeat center; height:490px; width:100%; min-width:1200px; position:relative; color:#000}
.search_con .search_div{ width:800px; height:320px; position:absolute; left:50%; top:70px; margin-left:-400px}
.search_con .search_div h1{ text-align:center; font-size:40px; margin-top:50px;}
.search_con .search_div h1 span{ font-size:16px;color: #332F3D;font-weight: normal;line-height: 40px;}
.search_con .search_div .date_sel .date{font-size:16px; float:left; border-bottom:solid 1px #000; margin-left:50px; width:307px; background:url(../image/wifiss_03.png) no-repeat center right; height:65px; line-height:65px;}
.search_con .date_sel{ margin-top:40px}
.search_con .dq_sel select{ border:none; background:none; border-bottom:solid 1px #000; border-radius:0px; outline:none; margin-left:50px; width:307px; height:65px; line-height:65px;}
.search_con .dq_sel input{ font-size:16px;border-bottom:solid 1px #000;margin-left:50px; width:550px; height:65px; line-height:65px; background:none}
.search_con .search_div button{font-size:16px; margin:20px 35px 0px; display:block; float:right;width:125px; height:44px; line-height:44px; background-color:#e40075; color:#fff; text-align:center; border-radius:5px;}

#map_div{  width:675px; height:364px; border:none; background-image:url(../image/bbb_03.jpg);background-repeat:no-repeat;}
.map_div{  background-position:0px 0px;}
.hot_visa .map_div_yazhou{ background-position:0px -404px;}
.map_div_dayangzhou{ background-position:0px -782px;}
.map_div_feizhou{ background-position:0px -1172px;}
.map_div_ouzhou{ background-position:0px -1552px;}
.map_div_meizhou{ background-position:0px -1931px;}
.map_div_nanmeizhou{ background-position:0px -2311px;}

.hot_visa{  height:355px; width:1200px; margin:40px auto;}
.hot_visa_tt{ margin-top:0px; position:relative; width:460px}
.hot_visa_tt h1{ font-weight:normal; font-size:22px; color:#7d7d7d; margin-bottom:20px; margin-top:20px; }
.visa_tc_left{ float:left}
.visa_tc_left a{ display:block; overflow:hidden; position:relative}
.visa_tc_right a{ display:block; float:left; margin-left:12px; margin-bottom:10px; overflow:hidden; position:relative}
.visa_tc_right a font,.visa_tc_left a font{ position:absolute; top:10px; left:10px; color:#fff}
.hot_visa a.hot_more{ color:#aaaaaa; font-family:"新宋体"; position:absolute; right:0px; top:0px; padding:6px 9px; background-color:#f1f1f1}


.list_tabbox{width:100%; border-bottom:solid 1px #e5e5e5; height:50px}
/* tabbox */
.tabbox{width:100%;position:relative;overflow:hidden; margin-bottom:40px}
.tabbox .tabbtn{height:50px; width:1200px; margin:0 auto;position:relative;}
.tabbox .tabbtn li{float:left;position:relative; margin-right:40px;}
.tabbox .tabbtn li a,.tabbox .tabbtn li span{display:block;float:left;height:50px;line-height:50px;overflow:hidden;text-align:center;font-size:22px;cursor:pointer;}
.tabbox .tabbtn li.current font{ display:block; background:url(../image/50.jpg) no-repeat center; width:28px; height:9px; position:absolute; bottom:-9px; left:50%; margin-left:-14px;}


.tabbox .tabbtn li.current a,.tabbox .tabbtn li.current span{color:#e40075;}
.tabbox .loading{height:40px;width:432px;text-align:center;position:absolute;left:0;top:120px;}
.tabbox .tabcon{width:1200px; margin:0 auto;}
.tabbox .tabbtn .left_right{ position:absolute; right:0px; bottom:10px}
.tabbox .tabbtn .left_right a{ display:inline-block; background:url(../image/45.jpg) no-repeat; height:26px; width:15px;}
.tabbox .tabbtn .left_right a.lr_ll{ background-position:-2px 0px; margin-right:25px;}
.tabbox .tabbtn .left_right a.lr_rr{ background-position:-45px 0px}




.scroll-outer{height:210px; color:#666666}
.scroll_index {width:1200px;margin:0 auto;padding-top:30px;font-family:"Microsoft Yahei";}
.scroll_index  .owl-wrapper-outer{margin:0 auto;}
.scroll_index  .item{position:relative;width:100%;height:339px;background-color:#fff;overflow:hidden;}
.scroll_index  .item .item_l{  width:345px; border-right:solid 1px #CCC; height:160px; position:relative; padding-left:300px; padding-right:20px;}
.scroll_index  .item .item_l .i_img{ position:absolute; left:0px; top:0px;}
.scroll_index  .item .item_l .name{ display:block; font-size:16px; width:345px;color:#666666}
.scroll_index  .item .item_l p{ padding:10px 0px; line-height:1.6em; font-size:14px; width:100%; height:100px;}
.scroll_index  .item .item_l .date{ font-size:14px;}

.scroll_index .item .shd_list{ width:510px;}
.scroll_index .item .shd_list a{ display:block; font-size:14px;height:32px;width:100%; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#666;position:relative;}
.scroll_index .item .shd_list a span{display:block;position:absolute;right:0px;top:0px;}
.scroll_index .item .shd_list a:hover,.visa_con a:hover{color:#000}

.owl-theme .owl-controls .owl-buttons div{position:absolute;top:-45px; height:26px; width:15px;margin:0;padding:0;overflow:hidden;background:url(../image/45.jpg) no-repeat; }
.owl-theme .owl-controls .owl-buttons .owl-prev{right:40px;background-position:-2px 0px; }
.owl-theme .owl-controls .owl-buttons .owl-next{right:0px;background-position:-45px 0px}

.visa_con{ margin-top:20px; margin-right:-10px; width:1200px;}
.visa_con a{ display:block; width:190px; margin-right:10px; float:left; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; margin-bottom:7px;}
.visa_con a.hot{ color:#f34f00}






.grab_bot{ background-color:#e40075}
.grab_b_con{ width:1200px; margin:0 auto; height:70px; line-height:70px;}
.grab_b_con .text{ font-size:16px; color:#FFF}

.gb_eamil{ border-radius:40px;height:40px; width:460px; position:relative; background-color:#fff; margin-top:15px;}
.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:#EFEFEF; width:100%;min-width:1200px;color:#332F3D;}
.foot_ul{ width:1200px; margin:0 auto; border-bottom: 1px solid #D8D8D8}
.foot_ul .con{ padding-top:20px; height:317px;position:relative}
.foot_ul .con ul{ float:left; font-size:16px; text-align:left}
.foot_ul .con ul li { line-height:2.2em}
.foot_ul .con ul li.name{ font-size:16px; font-weight:600; height:60px; line-height:80px;}
.foot_ul .con .img{ clear:both; position:absolute; bottom:35px; left:0px;}

.bot_menu{ height:73px; line-height:73px;}
.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:1125px; margin:120px auto 50px auto}

.yd_con .yd_c_l{ width:780px;}
.yd_cl_a{ position:relative; border-left:solid 3px #f61185; color:#271a2c; width: 740px; position: relative;    z-index: 99; }

.yd_cl_a .yd_title{ position:absolute; top:-50px; left:-25px;font-size:18px; color:#271a2c; height:45px;line-height:45px; font-weight:bold;}
.yd_cl_a .yd_title font{ display:inline-block; background-color:#f61185; font-size:28px;  color:#fff; width:45px; height:45px; border-radius:50%; font-weight:normal; text-align:center; line-height:45px; margin-right:20px}
.warnning{ clear:both; background:url(../image/y_03.jpg) no-repeat left center; padding-left:25px;  vertical-align:middle; line-height:2em; color:#68626a}
.yd_cl_a .acc_fr{ width:480px; text-align:right}

.yd_con .date_sel { margin-bottom:0px;}
.yd_con .searchable-select-holder{ border-radius:5px; border:solid 1px #000; color:#000; margin:0px 0px 5px; font-size:16px;}
.yd_con .searchable-select{ width:450px; text-align:left}
.yd_con .searchable-select-dropdown{ top:45px;border-radius:5px}
.yd_con .date_sel .searchable-select-holder{ width:215px; }
.yd_con .date_sel .searchable-select{ width:215px;}
.yd_c_r{ width:276px; border:solid 1px #000; padding:10px; font-size:15px; color:#68626a;  border-radius:5px; background-color:#fff}

.yd_c_r .js_ul{ position:relative; padding:20px 0px; border-bottom:solid 1px #9b9b9b }
.yd_c_r .js_ul span{ position:absolute; top:25px; right:0px}
.yd_c_r .js_ul li{ margin:5px 0px}
.yd_c_r .js_price{ text-align:left; font-size:15px; height:55px; line-height:55px;}
.yd_c_r .js_price span{ float:right; color:#f61185; font-size:28px; font-weight:bold;}
.yd_c_r p{ font-size:12px; padding:10px 0px; color:#CCC}
.check_but{ width:100%; background-color:#f61185; border-radius:5px; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px;}
.yd_c_r .js_ul li.user_coupon{ margin-top:15px; margin-bottom:10px}
.user_coupon { border:solid 1px #d9d9d9; border-radius:5px; height:40px; line-height:40px; position:relative;overflow:hidden;}
.user_coupon input{ font-size:14px; padding-left:10px; width:170px}
.user_coupon button{ width:80px; height:40px; position:absolute; right:0px; top:0px; background:none; border-left:solid 1px #d9d9d9}
.user_coupon button:hover {border-color:#e40075;background:#e40075;color:#FFF;}

.yd_tabbox .yd_tabbtn li i,.yd_cl_a .fkfs_ul li button i{ background-image:url(../image/y_03.png); background-repeat:no-repeat;}
/* tabbox */
.yd_tabbox{width:100%;margin:10px auto;position:relative;}
.yd_tabbox .yd_tabbtn{ width:100%; margin:0px auto 10px;border:solid 1px #e40075; border-radius:5px;overflow:hidden;}
.yd_tabbox {padding-top:10px;}
.yd_tabbox .yd_tabbtn li{float:left;position:relative; font-size:16px; width:50%}
.yd_tabbox .yd_tabbtn li b{ position:absolute; bottom:-14px; left:50%; background:url(../image/x_06.png) no-repeat center; width:24px; height:13px; display:none}
.yd_tabbox .yd_tabbtn li a,.yd_tabbox .yd_tabbtn li span{display:block;float:left; position:relative; background-color:#fff;height:46px;line-height:46px;overflow:hidden;width:100%;text-align:center;cursor:pointer; color:#000}
.yd_tabbox .yd_tabbtn li i{ position:absolute; left:100px; top:0px;  width:46px; height:46px;}
.yd_tabbox .yd_tabbtn li.current i.i1{background-position:0px -30px;}
.yd_tabbox .yd_tabbtn li.current i.i2{background-position:0px -70px;}
.yd_tabbox .yd_tabbtn li.current  b{ display:block}
.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 a,.yd_tabbox .yd_tabbtn li.current span{background:#e40075;color:#fff;}

.yd_tabbox .tabcon{ width:100%;}


.sign_but{ border:solid 1px #000; font-size:18px; text-align:center; width:250px; height:47px; line-height:47px; background-color:#fff; border-radius:5px; margin:0px auto; display:block;}
.or_line{ width:440px; border-bottom:solid 2px #000; text-align:center;  height:6px; margin:60px auto}
.or_line span{ display:inline-block; width:60px; background-color:#fff; font-size:16px; }


.de_c_ul{ width:100%; margin:20px 0px}
.de_c_ul li{ float:left; font-size:14px}
.de_c_ul li.dc_1{ width:20%;line-height:64px; }
.de_c_ul li.dc_2{ width:40%; text-align:right; line-height:64px;}
.de_c_ul li.dc_3{ width:14%; float:right; line-height:64px;}
.de_c_ul li p{ color:#585858; font-size:15px; padding-right:50px}
.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:18px; height:38px; line-height:38px; border:solid 1px #000; border-radius: 5px; background-color:#fff}
.de_c_ul li .select_button_on,.de_c_ul li .select_button:hover{ background-color:#e40075; color:#fff; text-decoration:none}
.de_c_ul li h2{ color:#4b434e; font-size:24px;}


.dis_show{ height: 38px;line-height: 38px;width: 180px; text-align:center; display:none; color:#e50075; font-size:12px;}
.dis_show i{ font-size:14px; color:#999; font-style:normal}

.ps_dt_sel { margin-left:-31px; margin-top:30px;}
.ps_dt_sel .searchable-select{ width:335px; margin-left:31px;}
.address_input{ border:solid 1px #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;}

.yd_cl_a .s_txt{ font-size:12px; color:#CCC}
.yd_cl_a .fkfs_ul{ padding:20px 0px;}
.yd_cl_a .fkfs_ul  a{ width:49%; display:inline-block; height:47px; line-height:47px; border:solid 1px #000; background-color:#fff; border-radius: 5px; position:relative;text-align:left; text-indent:180px;font-size:14px; margin-bottom:12px; text-decoration:none;}
.yd_cl_a .fkfs_ul  a:hover {border-color:#e50075;}
.yd_cl_a .fkfs_ul  a img{ display:block;  position:absolute; height:40px; width:auto; left:90px; top:4px;  }

.yd_cl_a .fkfs_ul li button.au_1 i{ background-position:0px -212px}
.yd_cl_a .fkfs_ul li button.au_2 i{ background-position:0px -155px}
.yd_cl_a .fkfs_ul li button.au_1:hover,.yd_cl_a .fkfs_ul li button.au_2:hover,.yd_cl_a .add_ul li button.au_1_on,.yd_cl_a .add_ul li button.au_2_on { background-color:#e40075; color:#fff}

ul.cj_user{ width:100%;}
ul.cj_user li{ width:48%}
.send_code{ width:100%; position:relative; border:solid 1px #000; border-radius:5px;height:47px; line-height:47px;}

.send_code .tel_input{ width:270px;font-size:14px;background:none;  padding:15px 10px;}
.send_code .button{ position:absolute; right:0px; top:0px; height:47px; text-align:center; width:160px; border-left:solid 1px #000; border-radius:5px; font-size:14px; background:#ececec}
.send_code .button {text-decoration:none;}
.paw_input{ font-size:14px;background:none; padding:0px 5%; border:solid 1px #000; border-radius:5px; width:90%; height:47px;}


.check_text{ font-size:14px; font-weight:bold; margin: 10px 0px 40px; width:100%; color:#271a2c}
.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:14px;}

.add-list-div{  border:solid 1px #000; padding:0px 20px; width:100%; height:80px; margin-bottom:20px; cursor:pointer;border-radius:5px;box-sizing: border-box;}
.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{ font-size:14px; padding-bottom:10px; }
.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 li.last{ padding-top:20px; position:absolute; top:0px; right:0px}
.add-list li.last a { color:#0066c0; margin-right:0px; border:solid 1px #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-div:hover {border-color:#e40075;}
.add-list li.last a:hover{border-color:#e40075;background-color:#e40075; color:#fff; text-decoration:none}
.add-list-div-true {border-color:#e40075;background-color:#e40075;color:#FFF;}
.add-list-div-true li.last a {border-color:#FFF;background-color:#e40075;color:#FFF;}
.add-list-div-true li.last a:hover {background-color:#FFF;color:#e40075;}



.add-list li.last a:hover{ background-color:#e40075; color:#fff; text-decoration:none}

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


.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:1px 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:#e40075;}


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


/*产品也*/
.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:42px; 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:#e40075}

.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:left; padding:50px 0 35px;}
.cp_fl_a a.class_tab{
    padding: 0px 20px;
    height: 50px;
    background: rgba(255,255,255,1);
    border-radius: 5px;
    border: 1px solid rgba(231,231,231,1);
    display: inline-block;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: rgba(51,47,61,0.85);
    margin-right: 15px;
}
.cp_fl_a a.class_tab.on,.cp_fl_a a.class_tab.on:hover{
    background:rgba(241,39,115,1);
    box-shadow:0px 3px 6px 0px rgba(241,39,115,0.3);
    color:rgba(255,255,255,1);
}
.cp_fl_a a.class_tab:hover{
    background:rgba(255,255,255,1);
    box-shadow:0px 3px 6px 0px rgba(51,47,61,0.1);
    text-decoration:none;
    color: rgba(51,47,61,0.85);
}
.son_class{margin-top: 18px;font-size: 16px;}
.son_class>a {
    font-weight: 400;
    color: rgba(153,153,153,1);
    line-height: 22px;
    width: auto;
    height: 22px;
    border: 0;
    padding: 5px 10px;
    margin: 0;
}
.son_class>a.on{
    color:rgba(241,39,115,1);
}


.cp_fl_ul{width:100%}
.cp_fl_ul li{ float:left; text-align:center;font-size:16px; margin:0 21px 40px 0;width: 280px;  height:250px;}
.cp_fl_ul li a {text-align: left;color:#332F3D;display: inline-block;height: 100%;overflow: hidden;border-radius:5px; border:2px solid rgba(250,250,250,1);}
.cp_fl_ul li a:hover{box-shadow:0px 6px 10px 0px rgba(51,47,61,0.1);text-decoration:none}
.cp_fl_ul li a img{ display:block; margin-bottom:12px;}
.cp_fl_ul li:nth-child(4n) {margin-right: 0;}
.cp_fl_ul li a b{margin: 10px 15px}
.dd_map{ background:url(../image/m_03.jpg) no-repeat center bottom; width:1200px; margin:100px auto; height:740px;}
.dd_map_p{ font-size:36px; height:135px; text-align:center; padding-top:80px; margin-bottom:140px}
.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:20px; color:#CCC;  font-size:16px; outline:none }
.dd_m_search .s_input button{width:139px; height:60px; vertical-align:middle; background-color:#e40075; 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:#e40075;}
.cp_map .s_input button {
    background: url(../image/ss_03.png) no-repeat center;
    width: 40px;
    height: 40px;
    top: 8px;
    right: 19px;
}



.expense_list_total{color:#f61185; font-size:26px; font-weight:bold; text-align:right;padding:10px 0px;}

.expense_list{ width:100%; position:fixed; top:140px;}
.expense_list .list{ width:1200px; margin:0 auto}
.fixed {  
    position: fixed;  
    top: 90px;  
    width: 100%;  
    margin: 0 auto;  
    left: 0;  
      
    z-index: 9;  
}  

.yd_cl_a select, .date_select {
    border: solid 1px #000;
    width: 100%;
    padding: 12px 8px;
    border-radius: 5px;
    outline: none;
    font-size: 14px;
    text-indent: 0px;
    margin: 10px 0px;
	box-sizing: border-box;
}
.date_select{  width:48.5%; margin-top:0px; margin-right:0px;}
#pickup_select {display:block;margin-top:0px; margin-left:-1%}
#pickup_select select {width:49%;box-sizing: border-box; margin-left:1%;}
#dp_show_delivery select {box-sizing: border-box;}
input.pickup_name {width:49.5%;height:44px;line-height:44px;border:1px solid #000;border-radius:5px;font-size:14px;padding:0px 12px;box-sizing: border-box;margin-top:10px;}
b.pickup_name_b {display:block;padding-top:15px;}
.bor_title {
    width: 100%;
    min-width: 1200px;
    border-bottom: solid 1px #e5e5e5;
    margin-bottom: 20px;
    height: 74px;
    line-height: 74px;
    text-align: center;
    font-size: 16px;
}

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

.yd_cl_a .fkfs_ul a.on {
    background-color: #e40075;
    color: #FFF;
    border-color: #e40075;
}

.news_ul{}
.news_ul li{ border-bottom:solid 1px #e3e3e3; position:relative; padding-left:350px; height:200px; padding-top:10px; font-size:16px; color:#959595; margin-bottom:38px;}
.news_ul li a.img{ position:absolute; left:0px; top:0px;}
.news_ul li a{ font-size:22px;}
.news_ul li p{ height:70px; padding:15px 0px; line-height:1.7em; overflow:hidden}
.news_ul li span font{ display:inline-block; background:url(../image/kk_03.jpg) no-repeat left center; padding-left:30px; margin-left:20px;}


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

.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:48%; text-align:left;position:relative;}
.yd_cl_a .add_ul li .au_0,.yd_cl_a .add_ul li .au_1{ cursor:pointer; width:100%; display:block; height:44px; line-height:44px; border:solid 1px #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{ float:left}
.yd_cl_a .add_ul li.f_1{ float:right}
.yd_cl_a .add_ul li a:hover{ text-decoration:none;border-color:#e40075;}
.yd_cl_a .add_ul li.f_0 .on,
.yd_cl_a .add_ul li.f_1 .on 
{ 
background-color:#e40075; 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;}


.gray_top{ background-color:#f0f0f0; width:100%; min-width:1200px; text-align:center; height:110px; line-height:110px; font-size:36px; color:#e40075}
.news_title{ border-left:solid 4px #e40075; 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:18px; font-weight:bold; color:#585858; margin-bottom:12px; display:block}
.faq_ul div{ font-size:16px; color:#8d8d8d; line-height:1.7em}
.faq_ul .faq_aa{ border:solid 1px #e50075; border-radius:5px;}
.faq_ul .faq_aa:hover{ text-decoration:none}
.faq_ul .faq_aa i{ font-weight:normal; display:inline-block; width:50px; border-radius: 5px 0px 0px 5px;background: #e50075; padding: 15px; text-align: center; color:#fff; margin-right:25px}

.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 #e40075; color:#e40075}
.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:30px; border-radius:50%}
.review_ul li .pl_con{ font-size:18px;}
.review_ul li .pl_con .name{color:#e40075;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; }

.askanswer_ul li {border-bottom:solid 1px #ccc; padding:40px 0px;}
.askanswer_ul li .pic{ border-radius:50%}
.askanswer_ul li .ans_but{ border:solid 1px #e40075; color:#e40075; padding:5px; font-size:12px;}
.askanswer_ul li .name{margin-bottom:5px}
.askanswer_ul li .ask_con{ width:82%; margin-left:20px}
.askanswer_ul li .ask_con .top{ font-size:16px}
.askanswer_ul li .ask_con .top font{ margin-left:20px;}
.askanswer_ul li .ask_con .con{ font-size:16px; color:#585858; margin-top:20px; line-height:1.7em;border-bottom:solid 1px #e4e4e4; padding-bottom:20px;}

.answer-list{ margin-top:20px}
.answer-list .answer_con{ width:600px; margin-top:20px}
.ask_con a.more{ font-size:14px; color:#e40075}




.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 {display:block;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%;; position:relative; padding-bottom:10px;}
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;height: 40px;}
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.delivery_address_form li span.add_l .tips{
	position: absolute;
    margin-top: 0px;
    font-size: 14px;
    color: #e40075;
}
@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
	}
}


.yd_cl_a_line {width:100%;height:30px;margin-bottom:30px;margin-top:10px;border-top:1px solid #DEDEDE;}
.yd_cl_a{margin-top:52px; padding:0px 0px 0px 40px;}
.yd_cl_a .yd_title{position:absolute;font-size:22px; color:#271a2c; font-weight:bold}
.yd_cl_a .yd_body_div {padding-top:0px;padding-bottom:10px;}
.yd_cl_a .yd_title font {font-size:22px;}
.yd_cl_a .acc_fr {padding-top:4px;}
.yd_cl_a .acc_fr input {margin-bottom:10px;padding: 14px 0px;}

#order_advance_ad {padding:2px 0px 15px 0px;}
#user_div h3 {font-size:12px;}
#user_div .check_text {font-size:12px;font-weight:normal;margin-top:12px;}
.yd_cl_a .acc_fr input.date_select {padding: 12px 10px;}

div.product_null {width:800px;height:280px;margin:30px auto;text-align:center;font-size:18px;	background: url(/view/user/mobile/image/common/product_null.png) no-repeat top center;background-size: 20rem; color:rgba(51,47,61,0.65);}
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:#e40075;margin-right:10px;}
div.product_null p{line-height:380px;}
input.order_number_i {width:73px;margin-left:10px;margin-right:10px;text-align:center;}
input.order_number_s {background:#FFF;width:46px;font-size:21px;font-weight:bold;box-sizing: border-box;}
input.order_number_s:hover {border-color:#e40075;color:#e40075; cursor:pointer;}
.yd_cl_a .acc_fr input.order_number_s {padding:7px 10px;}
div.order_number_div {padding-top:20px;}
div.order_number_t {padding-top:12px;margin-right:5px;}


.top_pro_con{ margin-top:88px;height:55px; line-height:55px; background:url(../image/jj_03.jpg) repeat-x;}
.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:#e40075;float: left; margin-top: 20px; border-radius: 4px;}
a.button_yd:hover{ text-decoration:none; opacity:.8}

.wifi_c_tl{ width:570px;}
.wifi_c_tl h1{ color:#333; font-weight:500; font-size:24px; line-height:2em}
.wifi_c_tl .price span{ font-size:24px; font-weight:bold;color:#e40075}
.wifi_c_tl .text{ margin:20px 0px; line-height:1.7em}

.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.clearfix{	border-bottom:1px solid #eeeeee; height:63px;}
#wifi_tab ul.clearfix 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 #e40075}


/***head**/
.wsd_head,.wsd_button,.wad_Main{ width:1200px; margin:0 auto}
.wsd_head{ height:88px;}
.wsd_head a{ display:block; height:88px;}
.wsd_head a.bank_logo,.header_top .ccb_logo{ background: url(../image/jianLogo.jpg) no-repeat center; width:386px;}
.wsd_head a.man_logo{ background: url(../image/logo.png) no-repeat center left; width: 200px;}
.wsd_banner{ min-width:1200px; height:640px}
.wsd_banner a{ display:block; width:100%; height:640px}
.wad_Main{ padding:20px 0px; font-size:16px; line-height:1.9em}


.wsd_button{ padding:100px 0px; text-align:center}
.wsd_button a{ display:inline-block; width:220px; height:45px; line-height:45px; text-align:center; background-color:#e40075; color:#fff; margin:0px 50px; border-radius:5px;}
.wsd_button a:hover{ text-decoration:none; opacity:.8}


.wsd_head a.bankcomm_logo,.header_top .bankcomm_logo {background: url(../image/jiaoLogo.jpg) no-repeat center left;}
.wsd_head a.master_logo,.header_top .master_logo {background: url(../image/wsd_03.jpg) no-repeat center left;}
.wifi_text_con .text img{ display:block; max-width:100%}
.wsd_button{}

/**
 华夏 开始
**/
.huaBook{
	width:6.4rem;
	height: 3.75rem;
	display: block;
}
.huaBook img{
	width: 100%;
}
.activityMain{
	height: auto;
	overflow: hidden;
	margin:0.2rem 0.2rem 1.3rem;
}
.activityMain span{
	height: 0.24rem;
	line-height: 0.24rem;
	color:#e40075;
	padding-left: 0.12rem;
	display: inline-block;
	font-size: 0.24rem;
	margin-bottom: 0.1rem;
	border-left:0.07rem solid #e40075;
}
.activityMain p{
	font-size: 0.22rem;
	color:#7a7a7a;
	margin-bottom: 0.25rem;
	line-height: 0.34rem;
}
.operationBtn{
	width: 6.4rem;
	height: 0.92rem;
	overflow: hidden;
	border-top:0.01rem solid #cacaca;
	position: fixed;
	left:0;
	bottom:0;
	background: #fff;
}
.operationBtn a{
	width: 49%;
	height: 0.92rem;
	line-height: 0.92rem;
	font-size:0.3rem;
	color:#000;
	display: inline-block;
	text-align: center;
	border-right: 0.01rem solid #cacaca;
}
.operationBtn a:last-child{
	border:none;
}
.operationBtn a i.queryIcon{
	width: 0.4rem;
	height: 0.39rem;
	float: left;
	display: inline-block;
	margin:0.27rem 0.1rem 0 0.45rem;
	background: url(../images/common/queryIcon.png) no-repeat;
    background-size: 98%;
}
.operationBtn a i.bookIcon{
	width: 0.5rem;
	height: 0.38rem;
	float: left;
	display: inline-block;
	margin:0.27rem 0.1rem 0 0.45rem;
	background: url(../images/common/bookIcon.png) no-repeat;
    background-size: 98%;
}
.operationBtn a span{
	float: left;
	display: inline-block;
}
/**
 华夏 结束
**/

/**
 华夏验证 开始
**/
.verfication{
	height: auto;
	overflow: hidden;
	margin:0.4rem 0rem;
}
.verfication p{
	font-size:0.22rem;
	color:#333333;
	margin-bottom: 0.2rem;
}
.verfication input{
	width: 5.54rem;
	height: 0.74rem;
	line-height: 0.74rem;
	padding:0 0.1rem;
	margin-bottom:0.24rem;
	border:0.01rem solid #d3d3d3;
	background: #f4f4f4;
}
.verfication a.determineBtn{
	width: 5.77rem;
	height: 0.77rem;
	line-height: 0.77rem;
	text-align: center;
	display: inline-block;
	font-size: 0.3rem;
	color:#fff;
	margin-top: 0.2rem;
	background: #e40075;
}
.huakaPic{
	width: 5.8rem;
	height: 4.3rem;
	overflow: hidden;
	margin:0.1rem auto 1rem;
}
.huakaPic img{
	width: 100%;
}
/**
 华夏验证 结束
**/


/*
客服
*/
.toolbar-item,.toolbar-layer{background:url(../image/toolbar.png) no-repeat;}
.toolbar{position:fixed;right:0px;bottom:50px;}
.toolbar-item{display:block;width:60px;height:60px;position:relative;border-radius: 50%;margin: 45px 20px 0 0; color: #332F3D; text-align: center; line-height: 145px;}
.toolbar-item-feedback{background:url(/view/home/default/image/feedback.png) no-repeat;  background-size: contain;}
.toolbar-item-top{background:url(/view/home/default/image/top.png) no-repeat;  background-size: contain;}
.toolbar-layer{position:absolute;right:46px;bottom:-10px;width:172px;opacity:0;filter:alpha(opacity=0);
transform-origin: 95% 95%;-moz-transform-origin: 95% 95%;-ms-transform-origin: 95% 95%;-o-transform-origin: 95% 95%;-webkit-transform-origin: 95% 95%;transform:scale(0.01);
-moz-transform:scale(0.01);-ms-transform:scale(0.01);-o-transform:scale(0.01);-webkit-transform:scale(0.01);transition:all 0.5s;-moz-transition:all 0.5s;-ms-transition:all 0.5s;-o-transition:all 0.5s;-webkit-transition:all 0.5s;}





.ask-but{ background-color:#e40075; border:solid 2px #e40075;  display:block; margin:0 auto; width:100px; height:35px; border-radius:5px; text-align:center; line-height:35px; color:#FFF}
.ask-but:hover{ background-color:#fff; color:#e40075;text-decoration:none;}

.ask-answer{ width:700px; margin:0 auto; padding-bottom:50px}
.ask-answer .title{ font-size:18px; text-align:center; padding:20px 0px}
.ask-answer .textarea{ display:block; width:85%; margin:0 auto; height:180px; border:solid 1px #ddd; resize:none; padding:10px}
.ask-answer .textarea-tips{width:88%; margin:0 auto; padding:10px 0px}





/* online */
.online_icon{overflow:hidden;}
.online_icon a{display:block;width:50px; background:url(../image/gg_03.png) #e40075 no-repeat center 10px ; color: #fff;font-size:16px;text-align:center; padding-top:50px; height:118px;}
.online_icon a:hover{ text-decoration:none}
.online_windows{width:200px; background-color:#CCC; height:168px;}

.online_windows ul{ line-height:1.78rem; text-indent:1rem;}
.online_windows ul a{ display:block; color:#e40075}

#online_qq_layer{position:fixed;right:-200px;top:100px;z-index:99999;}
*html #online_qq_layer{position:absolute;top:expression(eval(document.documentElement.scrollTop + 200));}

#online_qq_tab{float:left;margin-top:0px;}
#onlineService{float:left;margin-left:0px;}

.notice_ul li{ height:50px; line-height:50px; font-size:16px;    border-bottom: solid 1px #e4e4e4;}

.notice_ul li span{ float:right}



.apply_div{}
.apply_div .code_ul{ line-height:2rem; margin-bottom:50px; border:solid 1px #000000;}
.apply_div .code_ul span{ color:#999; display:inline-block; width:90px; text-align:right; margin-right:15px;}

.apply_order label{ display:block; font-size:16px; cursor:pointer; margin:10px 0px; position:relative; padding-left:30px}
.apply_order label input{ position:absolute; left:0px; top:27px}
.apply_order label font{ font-size:18px; position:absolute; right:0px; top:0px; color:#e40075}

/*选择续租框*/
.dd_m_renttype {
    background: #FFFFFF;
    box-shadow: 0 10px 30px 0 rgba(0,0,0,0.19);
    border-radius: 15px;
    width: 800px;
    filter: none;
    height: 520px;
    margin: 0 auto;
}
.dd_m_renttype h1{
    padding-top: 50px;
    font-family: PingFangSC-Medium;
    font-size: 32px;
    color: #505059;
    letter-spacing: 2px;
    text-align: center;
}
.rent_option {
    margin: 24px 0px;
    width: 319px;
    height: 331px;
    float: left;
    cursor:pointer;
}
.rent_option.abroad {
    margin-left: 80px;
    background: url(../image/pc_abroad.png)  no-repeat center;
}
.rent_option.domestic {
    background: url(../image/pc_domestic.png)  no-repeat center;
}

/*关联产品*/
.relate_product li a.relate_product_selected,.relate_product li a:hover{
    border:1px solid rgba(241,39,115,1);
    color: rgba(241,39,115,1);
    text-decoration: none;
    background: url(/view/user/mobile/image/pic_xuanzhong.png) no-repeat left top;
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.05);
}
.relate_product li{float: left;margin-right: 5px;}
.relate_product li a {
    height: 35px;
    background: rgba(255,255,255,1);
    border-radius: 4px;
    border: 1px solid rgba(211,211,211,1);
    font-size: 14px;
    font-weight: 400;
    color: rgba(34,34,34,1);
    line-height: 35px;
    padding: 0 10px;
    margin-top: 5px;
    display: table;
  }


/*新版ui*/
.search {
    width: 992px;
    margin: auto;
    height: 30px;
    position: relative;
}
.search input {
    width: 992px;
    height: 80px;
    box-shadow: 0px 6px 10px 0px rgba(51,47,61,0.1);
    border-radius: 5px;
    margin: -115px auto;
    position: absolute;
    text-indent: 60px;
    background: #ffffff url(../image/location.png) no-repeat center left 30px;
    background-size: 20px;
    font-size: 16px;
    z-index: 2;
}
.search>.input_clear {
    display: inline-block;
    position: absolute;
    margin-top: -85px;
    width: 30px;
    right: 145px;
    height: 30px;
    background: url(/view/user/mobile/image/common/clear.png) no-repeat;
    background-size: 30px;
    z-index: 2;
}
.search a#search_btn {
    width: 121px;
    height: 50px;
    background: rgba(241,39,115,1);
    border-radius: 5px;
    position: absolute;
    margin-top: -100px;
    right: 15px;
    display: inline-block;
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    z-index: 2;
}
.p_search{padding-top: 125px;width:1200px}
.p_search input{
    margin: auto;
    background: #F7F7F7 url(/view/home/default/image/location.png) no-repeat center left 30px/20px;
    width: 100%
}
.p_search>.input_clear{
    margin-top: 25px;
}
.p_search a#search_btn {
    margin-top: 15px;
}
.p_search .country_list{
    margin: 75px auto;
    width: 100%;
}
.country_list {
    width: 992px;
    height: 390px;
    background: rgba(255,255,255,1);
    box-shadow: 0px 6px 10px 0px rgba(51,47,61,0.1);
    border-radius: 0px 0px 5px 5px;
    position: absolute;
    z-index: 1;
    margin: -40px auto;
}
.country_list dl {
    margin:20px;
    color: rgba(51,47,61,0.85);
    font-size: 16px;
}
.country_list dl dt {
    font-weight: 600;
    margin: 50px 10px 20px;
}
.country_list dl dd {
    display: inline-block;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
    margin: 10px 20px;
    width: 90px;
    height: 50px;
    border-radius: 4px;
    cursor: pointer;
    background: rgba(245,245,245,1);
}

.country_list dl dd:hover,.country_list dl dd:active{background:rgba(235,235,235,1);}
.country_list dl dt.hot{
    background: url(/view/user/mobile/image/common/hot.png) no-repeat center left 40px;
    background-size: contain;
}
.activty_main {
    width: 1200px;
    margin: 30px auto;
}
.activty_main h1{
    width: 100%;
    height: 33px;
    font-size: 24px;
    font-weight: 600;
    color: rgba(51,47,61,0.85);
    line-height: 33px;
}
.activty_main a.index_more {
    float: right;
    padding-right: 25px;
    background: url(/view/user/mobile/image/common/more.png) no-repeat center right;
    background-size: 20px;
    color: rgba(51,47,61,0.85);
    font-size: 20px;
    font-weight: 400;
}

.act_list li {
    width: 280px;
    height: 256px;
    display: inline-block;
    margin-top: 20px;
    border-radius: 4px;
    overflow: hidden;
    margin-right: 20px;
}
.act_list li:nth-child(4n) {
    margin-right: 0;
}
.i_img img {
    width: 100%;
    height: 100%;
}
.radial-wrap,.comment {
    overflow: hidden;
    height: 500px;
    background: rgba(245,245,245,1);
    position: relative;
    width: 1200px;
    margin: 60px auto;
}
.device {
    width: 400px;
    height: 390px;
    position: relative;
    margin: 60px 45px;
    background: url(../image/device.png) no-repeat center;
    background-size: contain;
    z-index: 1;
    display: inline-block;
}
.advantage {
    width: 710px;
    height: 100%;
    float: right;
    position: relative;
    z-index: 1;
}
.radial-wrap h1 {
    margin-top: 45px;
    text-align: center;
    width: 600px;
    height: 33px;
    font-size: 24px;
    font-weight: 600;
    color: rgba(51,47,61,0.85);
    line-height: 33px;
}
.radial-wrap p {
    text-align: center;
    width: 600px;
    height: 22px;
    font-size: 16px;
    font-family: PingFangSC;
    font-weight: 400;
    color: rgba(51,47,61,0.85);
    line-height: 22px;
    letter-spacing: 2px;
    margin-top: 10px;
}
.radial-gradient {
    display: none;
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #F3E7EC;
    border: 1px solid rgba(228, 0, 117, 0.06);
    margin: -418px 360px;
}
.radial-gradient-an{display:block;animation:wave-animate 5s ease-out infinite;}
.radial-gradient-an_1{display:block;animation:wave-animate 5s ease-out 1s infinite;}
.radial-gradient-an_2{display:block;animation:wave-animate 5s ease-out 2s infinite;}
@keyframes wave-animate{
    0% {opacity:0;}
    10% {opacity:.8;}
    90% {transform:scale(5); opacity:0;}
    100% {opacity:0;}
}
.radial-wrap dl {
    display: inline-block;
    width: 160px;
    height: 120px;
    margin: 20px 20px 30px 20px;
    position: relative;
    z-index: 1;
}
.radial-wrap dt>a {
    display: block;
    width: 80px;
    height: 80px;
    margin: auto;
    border-radius: 50%;
    box-shadow: -1px 13px 13px 0px rgba(150,89,112,0.09);
}
.radial-wrap dd {
    display: inline-table;
    width: 160px;
    height: 22px;
    text-align: center;
    font-size:16px;
    font-weight:500;
    color:rgba(51,47,61,0.85);
    margin: 10px auto;
    line-height:22px;
}
.radial-wrap #cover>a{background:#ffffff url(/view/user/mobile/image/common/cover.png) no-repeat center;background-size: 50px}
.radial-wrap #hight>a{background:#ffffff url(/view/user/mobile/image/common/hight.png) no-repeat center;background-size: 50px}
.radial-wrap #long>a{background:#ffffff url(/view/user/mobile/image/common/long.png) no-repeat center;background-size: 50px}
.radial-wrap #network>a{background:#ffffff url(/view/user/mobile/image/common/network.png) no-repeat center;background-size: 50px}
.radial-wrap #share>a{background:#ffffff url(/view/user/mobile/image/common/share.png) no-repeat center;background-size: 50px}
.radial-wrap #service>a{background:#ffffff url(/view/user/mobile/image/common/service.png) no-repeat center;background-size: 50px}
.radial-wrap #cover a:hover {background:#ffffff url(/view/user/mobile/image/common/cover.gif) no-repeat center;background-size: 72px}
.radial-wrap #hight a:hover {background:#ffffff url(/view/user/mobile/image/common/hight.gif) no-repeat center;background-size: 72px}
.radial-wrap #long a:hover {background:#ffffff url(/view/user/mobile/image/common/long.gif) no-repeat center;background-size: 72px}
.radial-wrap #network a:hover {background:#ffffff url(/view/user/mobile/image/common/network.gif) no-repeat center;background-size: 72px}
.radial-wrap #share a:hover {background:#ffffff url(/view/user/mobile/image/common/share.gif) no-repeat center;background-size: 72px}
.radial-wrap #service a:hover {background:#ffffff url(/view/user/mobile/image/common/service.gif) no-repeat center;background-size: 72px}
.comment_list {
    height: 100%;
    width: 835px;
    display: inline-block;
    border: 0;
    background: url(/view/user/mobile/image/common/top_dou.png) no-repeat top 40px left 30px,url(/view/user/mobile/image/common/down_dou.png) no-repeat bottom 30px right 50px;
    background-size: 50px;
    overflow: hidden;
}
.photo-silder,.photo-silder li {
    width: 360px;
    height: 100%;
    border: 0;
    display: inline-block;
}
.photo-silder li img {
    width: 100%;
}

.comment_list h1 {
    width: 100%;
    height: 33px;
    font-size: 24px;
    font-weight: 600;
    color: rgba(51,47,61,0.85);
    line-height: 33px;
    letter-spacing: 1px;
    text-align: center;
    margin: 40px 0 10px 0;
}
.comment_list>.title{
    width: 100%;
    height:22px;
    font-size:16px;
    font-weight:400;
    color:rgba(51,47,61,0.85);
    line-height:22px;
    text-align: center;
}
.comment_list>.struction {
    margin: 20px 175px;
}
.comment_list li {
    width: 635px;
    margin-left: 200px;
    height: 60px;
    margin: 30px 100px;
}
.comment_list li img {
    width: 60px;
}
.comment_list span {
    width: 535px;
    height: 60px;
    float: right;
    line-height: 20px;
    padding: 10px 15px;
}
a.order_btn {
    width: 272px;
    height: 50px;
    background: rgba(241,39,115,1);
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF;
    margin: auto;
    font-weight:600;
    font-size: 16px;
}
.index_product {
    width: 1200px;
    height: 150px;
    margin: auto;
}
.index_product ul{   display:-webkit-box;  display:-webkit-flex;  display:-ms-flexbox;  display:flex;  -webkit-box-pack:justify;  -webkit-justify-content:space-between;  -ms-flex-pack:justify;  justify-content:space-between;}
.index_product li{display: inline-block;  width: 48%;border-radius: 4px;overflow: hidden;}
.index_product li a {  display: inline-block;  width: 100%; height: 150px;  }
.coupon_list {
    margin: 20px 0;
    display: flex;
}
.coupon_list ul{display: inline-block;}
.coupon_list li{
    float: left;
    background: rgba(253,245,230,1);
    border-bottom: 1px solid rgba(245, 166, 35, 0.48);
    border-top: 1px solid rgba(245, 166, 35, 0.48);
    height: 24px;
    font-size: 12px;
    line-height: 24px;
    padding: 0 10px;
    color:rgba(245,166,35,1);
    margin: 0 8px;
}

.coupon_list li::before, .coupon_list li::after {
    content: '';
    width: 4px;
    height: 24px;
    position: absolute;
}
.coupon_list li::before{ background: url("/view/home/default/image/b_left.png") no-repeat;margin-left: -12px;background-size: contain;}
.coupon_list li::after{ background: url("/view/home/default/image/b_right.png") no-repeat;margin-left: 9px;  background-size: contain;}
a#get_coupon {
    font-size: 13px;
    font-weight: 500;
    color: rgba(245,166,35,1);
    text-decoration: underline;
    margin-left: 15px;
    line-height: 24px;
}
.new_window{width: 450px}
.new_window .title {
    position: fixed;
    width: 450px;
    text-align: center;
    height: 60px;
    line-height: 60px;
    margin-top: -65px;
    border-bottom: 1px solid #F5F5F7;
    background: #ffffff;
}
.new_window #codelogin_user{margin-top: 50px;text-align: center}
.new_window input {
    width: 333px;
    padding: 10px;
    border-bottom: 1px solid rgba(51,47,61,0.35);
    font-size: 13px;
    margin: 20px 0;
}
.new_window input:focus{
    border-bottom: 1px solid rgba(51,47,61,1);
}
.new_window a#get_code {
    position: absolute;
    display: inline-block;
    width: 150px;
    right: 46px;
    margin-top: 30px;
    color: #5AA5FC;
    text-align: right;
}
#codelogin_user_button{width: 250px}
.disable-button{ opacity:0.5;pointer-events:none;}
.error-tips{
    line-height: initial;
    padding-left: 104px;
    color:rgba(241,39,115,1);
}
/*产品页领券列表*/
.coupon_li {
    width: 450px;
    max-height: 310px;
    margin-top: 50px;
    overflow-y: scroll;
}
.coupon_li li {
    position: relative;
    width: 410px;
    height: 126px;
    border-radius: 4px;
    margin: 10px auto;
    color: #ffffff;
}
li.c_statue_1{    background: url(/view/home/default/image/pc_coupon.png) no-repeat center center / 103% 125%;
    box-shadow: 0px 4px 7px 0px rgba(212,88,110,0.25);}
li.c_statue_0{   background: url(/view/home/default/image/pc_coupon_gray.png) no-repeat center center / 100% 99%;}
.coupon_li li span {
    display: inline-block;
}
span.c_ti{margin: 18px;font-size: 16px;    width: 106px;  text-align: center;}
span.c_ti b{font-size: 42px}
p.c_cn {
    /*padding: 5px 0;*/
    font-size: 14px;
    font-weight: 600;
    width: 165px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 20px;
}
p.c_date {
    font-size: 12px;
    text-indent: 20px;
    background: url("/view/mobile/default/image/common/ic_time.png") no-repeat center left / contain;
}
a.c_receive {
    display: inline-block;
    width: 64px;
    height: 28px;
    font-size: 13px;
    background: rgba(248,94,128,1);
    border-radius: 4px;
    opacity: 0.69;
    border: 1px solid rgba(255,255,255,1);
    text-align: center;
    line-height: 28px;
    margin: 36px 30px 0 0;
    float: right;
    color: #ffffff;
}
.coupon_li li p.des {
    margin: 2px 0 0 35px;
}
.coupon_li .sup-right-top {
    position: absolute;
    top: 6px;
    right: 10px;
    font-style: normal;
    font-size: 12px;
    font-weight: normal;
    color: #ffd6da;
}
.coupon_li .sup-right-top em{
    font-style: normal;
}
.hide {
    display: none !important;
}
ul.cp_fl_ul b.p_name{
    height: 40px;font-weight:400;color:rgba(51,47,61,0.85);overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;
}
ul.cp_fl_ul b.p_price{display:inherit;font-weight:500;color:rgba(241,39,115,1);}
ul.cp_fl_ul b.original_price {
    display: inline-block;
    font-weight: 500;
    color: #ccc;
    border-bottom: 1px solid;
    height: 10px;
    margin: 0;
    padding: 0 2px;
}
.product_d .activity {
    width: 482px;
    height: 72px;
    background: linear-gradient(270deg,rgba(255,140,140,1) 0%,rgba(241,39,115,1) 100%);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.05);
    border-radius: 4px;
    color:rgba(255,255,255,1);
}
.product_d .activity span {
    margin: 10px;
    display: inline-block;
}
.product_d .activity p#ac_t {
    height: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 16px;
    width: 265px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.product_d i{font-style: normal}
.product_d .activity span#ac_cp{margin-left: auto;}
.product_d .activity span#ac_cp font {
    height: 22px;
    font-size: 28px;
    font-weight: 500;
    color: rgba(255,255,255,1);
    line-height: 22px;
    margin-left: auto;
}
.product_d .activity span#ac_op{margin-left: auto;border-bottom: 1px solid #ffffff;height:9px}
.product_d .activity span.activity_countdown {
    float: right;
    font-size: 12px;
    margin: 20px 10px 0 10px;
}
.product_d .activity span.activity_countdown i {
    display: inline-block;
    height: 14px;
    background: rgba(255,255,255,1);
    border-radius: 2px;
    width: 18px;
    color: #333;
    text-align: center;
    line-height: 14px;
    margin: 10px 2px;
}
.product_d .relate_product b{font-weight: normal}
.activity_pre {
    display: inline-block;
    width:auto;
    height:24px;
    background:rgba(255,236,242,1);
    box-shadow:0px 10px 20px 0px rgba(0,0,0,0.05);
    border-radius:3px;
    font-size:12px;
    font-weight:400;
    color:rgba(241,39,115,1);
    line-height:24px;
    padding:5px 10px
}