@charset "UTF-8";

/**
 * CMHK移动分销管理客户平台
 * by q&xl
 * 2016.11.25 
 */

body {
  display: block !important;
  visibility: visible !important;
}
input,
select {
  font-size: 15px;
  color: #555555;
}
a:link {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:visited {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:hover {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
input[type='checkbox'] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  cursor: pointer;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 18px;
}
p {
  margin-bottom: 3%;
}
.form_txt12 {
  width: 30%;
}
.form_txt20 {
  width: 50%;
}
.form_txt30 {
  width: 47%;
}
.form_txt50 {
  width: 68%;
}
.form_txt70 {
  width: 65%;
}
.form_select {
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  overflow: hidden;
  padding-left: 10px;
  border: 1px solid #8fc320;
}
.form_select select {
  background: transparent;
  border: none;
  margin-left: -11px;
  width: 100%;
  height: 100%;
  padding: 0 0 0 10px;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  outline: none;
}
.clear-mobile {
  clear: both;
  display: block;
}
.mobile-pad-displaynone {
  display: none;
}
.fixfixed {
  position: absolute !important;
}
.fixfixed #header {
  position: relative !important;
}
.fixfixed #main-menu-pad {
  position: absolute !important;
}
.fixfixed #container {
  margin-top: 0 !important;
}
.shop-addr .cmhkDropDown .selected,
.cmhkDropDown li {
  display: block;
  font-size: 1em;
  line-height: 1.3em;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 10px ;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.apps-download {
  height: 60px;
  padding: 10px 20px;
  background: #fcc862 url("../images/front/online-payment-banner.jpg") no-repeat top center;
  background-size: auto 100%;
}
.apps-download a.view-banner {
  float: left;
  width: 90%;
  display: block;
  text-indent: -9999px;
  height: 60px;
}
.apps-download .close {
  float: left;
  display: block;
  margin: 22px 0 0;
  width: 10%;
  height: 21px;
  background: url("../images/front/app-promotion-close-black.png") no-repeat top left;
  cursor: pointer;
}
.anewdream {
  display: none;
}

.loginpage-children-logo{
  width: 90%;
  margin: auto;
}
.loginpage-children-logo img{
  width: 100%;
 }
.loginpage-container .loginpage-banner{
  display: none;
}
.loginpage-container{
  min-height: 550px;
}
.loginpage-container-center{

}
.loginpage-container .login_form {
  padding-top: 20px;
}
.loginpage-container-center .info-content{
  display: none !important;
}

/* 登录框tab   开始 */
.loginpage-container .login_form .tab {
  display: none;
  padding-top:20px;
}
.tab-wrap{
  width:90%;
  margin: 0 auto;
}
.loginpage-container .login_form .tab.active {
  display: block;
}
.loginpage-container .login_form .tab-btn{
  float:left;
  width:100%; /*width:50%; //暂时屏蔽一次性密码登录*/
  text-align: center;
  line-height:50px;
  height:50px;
  background-color: #999999;
  color:#fff;
  font-size:1.2em;
  cursor: pointer;
}
.loginpage-container .login_form .tab-btn.active {
  background-color: #8fc320;
  position: relative;
}
.loginpage-container .login_form .tab-btn.active:after{
  position: absolute;
  content:"";
  border-top:8px solid #8fc320;
  border-right:8px solid #fff;
  border-bottom:8px solid #fff;
  border-left:8px solid #fff;
  bottom:-16px;
  left:50%;
  margin-left:-5px;
}
.loginpage-container .login_form .one-time-password-btn{
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background:#999; /* 一些不支持背景渐变的浏览器 */
  background:-moz-linear-gradient(top, #b7b7b7, #696969);
  background:-webkit-gradient(linear, 0 0, 0 bottom, from(#b7b7b7), to(#696969));
  background:-o-linear-gradient(top, #b7b7b7, #696969);
}
.loginpage-container .login_form .margin-top{
  margin-top:30px;
}
/* 登录框tab   结束 */

.loginpage-container .login_form h2 {
  display: none;
}
.loginpage-container .login_form h2 span {
  color: #a3a3a3;
  font-size: 24px;
}
.loginpage-container .login_form h2 strong {
  color: #8fc31f;
  font-size: 20px;
  font-weight: normal;
}
.loginpage-container .login_form .login_input {
  width: 90%;
  height: 48px;
  border: 1px solid #90c31f;
  margin: 0 auto 10px auto;
}
.loginpage-container .login_form .login_input img {
  display: inline-block;
  vertical-align: middle;
  height: 50%;
  margin: 12px 0 0 18px;
}
.loginpage-container .login_form .login_input input {
  display: inline-block;
  vertical-align: middle;
  border: none;
  width: 65%;
  height: 50%;
  margin: 12px 0 0 12px;
  outline: none;
  font-size: 16px;
}
.loginpage-container .login_form .login_check {
  width: 90%;
  height: 48px;
  margin: 0 auto 10px auto;
}
.loginpage-container .login_form .login_check img {
  display: inline-block;
  vertical-align: middle;
  height: 48px;
  margin: 0;
  width: 35%;
}
.loginpage-container .login_form .login_check input {
  display: inline-block;
  vertical-align: middle;
  width: 55%;
  height: 46px;
  border: 1px solid #90c31f;
  padding-left: 10px;
  outline: none;
  font-size: 18px;
}
.loginpage-container .login_form .login_control {
  width: 90%;
  margin: 0 auto 20px auto;
  color: #878181;
}
.loginpage-container .login_form .login_control label {
  display: block;
  width: 50%;
  cursor: pointer;
}
.loginpage-container .login_form .login_control label img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
.loginpage-container .login_form .login_control label span {
  display: inline-block;
  vertical-align: middle;
}
.loginpage-container .login_form .login_control input {
  visibility: hidden;
}
.loginpage-container .login_form button {
  display: block;
  width: 90%;
  height: 45px;
  margin: 0 auto 10px auto;
  background-color: #8fc320;
  border: none;
  color: #ffffff;
  font-size: 18px;
  font-family: "Microsoft YaHei";
  border-radius: 5px;
  cursor: pointer;
}
.loginpage-container .login_form .login_other {
  width: 90%;
  margin: 0 auto 10px auto;
}
.loginpage-container .login_form .login_other a {
  color: #a3a3a3;
  font-family: "Microsoft YaHei";
}
.loginpage-container .login_form .login_other a .forgetpassword-icon{
	width:12px;
	height:16px;
	background-image:url('../images/forget-password-icon.png');
	margin-right:5px;
	display:inline-block;
	vertical-align:middle;
}
.loginpage-container .login_form .login_other a .guide-icon{
	width:12px;
	height:16px;
	background-image:url('../images/prepaid-registration-icon.png');
	margin-right:5px;
	display:inline-block;
	vertical-align:middle;
}
.loginpage-container .login_form .login_other a:hover .forgetpassword-icon,
.loginpage-container .login_form .login_other a:hover .guide-icon{
	background-position:0 16px;
}
/*#login {
  background: url("../images/front/login/app_bg.png") 50% 0 no-repeat;
}
#login .header {
  width: 100%;
  margin: 5% 0;
}
#login .header .logo {
  width: 80%;
  margin: 0 auto;
}
#login .header .logo img {
  width: 100%;
}
#login .main {
  position: relative;
  width: 100%;
}
#login .main > img {
  display: none;
}
#login .main .login_bg {
  width: 100%;
  margin: 0 auto;
}
#login .main .login_bg .login_bgpic {
  display: block;
  width: 50%;
  margin: 0 auto;
}
#login .main .login_bg .login_form {
  width: 90%;
  margin: 23px auto 0 auto;
}
#login .main .login_bg .login_form h2 {
  display: none;
}
#login .main .login_bg .login_form .login_input {
  width: 100%;
  height: 41px;
  border: 1px solid #90c31f;
  background: #ffffff;
  margin: 0 auto 15px auto;
}
#login .main .login_bg .login_form .login_input img {
  display: inline-block;
  vertical-align: middle;
  height: 50%;
  margin: 9px 0 0 18px;
}
#login .main .login_bg .login_form .login_input input {
  display: inline-block;
  vertical-align: middle;
  border: none;
  width: 77%;
  height: 50%;
  line-height: 24px;
  margin: 9px 0 0 12px;
  outline: none;
  font-size: 18px;
}
#login .main .login_bg .login_form .login_check {
  width: 100%;
  height: 41px;
  margin: 0 auto 15px auto;
}
#login .main .login_bg .login_form .login_check img {
  display: inline-block;
  vertical-align: middle;
  width: 38%;
  height: 41px;
  margin: 0;
}
#login .main .login_bg .login_form .login_check input {
  display: inline-block;
  vertical-align: middle;
  width: 48%;
  height: 41px;
  border: 1px solid #90c31f;
  padding-left: 24px;
  outline: none;
  font-size: 18px;
}
#login .main .login_bg .login_form .login_control {
  width: 100%;
  margin: 0 auto 15px auto;
  color: #878181;
}
#login .main .login_bg .login_form .login_control label {
  display: block;
  width: 50%;
  cursor: pointer;
}
#login .main .login_bg .login_form .login_control label img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
#login .main .login_bg .login_form .login_control label span {
  display: inline-block;
  vertical-align: middle;
}
#login .main .login_bg .login_form .login_control input {
  visibility: hidden;
}
#login .main .login_bg .login_form button {
  display: block;
  width: 100%;
  height: 41px;
  margin: 0 auto 15px auto;
  background: #51acd9;
  border: none;
  color: #ffffff;
  font-size: 18px;
  font-family: "Microsoft YaHei";
  border-radius: 5px;
  cursor: pointer;
}
#login .main .login_bg .login_form .login_other {
  position: absolute;
  z-index: 2;
  bottom: 58px;
  right: 20px;
}
#login .main .login_bg .login_form .login_other a {
  color: #a3a3a3;
  font-family: "Microsoft YaHei";
}
#login .footer {
  display: none;
}*/
#header {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  background: #e40077 url("../images/front/header-bg.png") no-repeat center top;
  height: 45px;
}
#header .desktop-menu {
  display: none;
  text-indent: -9999px;
}
#header .header-container {
  width: 100%;
  position: relative;
  height: 53px;
  background-color: #8fc31f;
  /*font-size:1.154em;*/
  z-index: 12;
  min-width: 320px;
}
#header .header-container .company-logo {
  float: left;
  width: 133px;
  height: 30px;
  margin: 10px;
  text-indent: -9999px;
  background: url("../images/front/cmhk-logo2.png") no-repeat;
  background-size: 133px 30px;
}
#header .header-container ul.tool-kits {
  position: absolute;
  top: 0px;
  right: 5px;
}
#header .header-container ul.tool-kits li {
  float: left;
  cursor: pointer;
  width: 40px;
  text-indent: -9999px;
}
#header .header-container ul.tool-kits li.first-level-menu {
  padding: 0 25px;
}
#header .header-container ul.tool-kits li.first-level-menu:hover {
  background: #b70663;
}
#header .header-container ul.tool-kits li.first-level-menu.active {
  background: #9e0663 url("../images/front/top-menu-arrow.png") no-repeat center bottom;
}
#header .header-container ul.tool-kits li.login-shortcut {
  margin-top: 5px;
  height: 48px;
  background: url("../images/front/login-icon.png") no-repeat center 3px;
}
#header .header-container ul.tool-kits li.login-shortcut.active {
  background-position: 50% -39px;
  background-color: #fff;
}
#header .header-container ul.tool-kits li.search-function {
  margin-top: 7px;
  height: 46px;
  background: url("../images/front/search-icon.png") no-repeat center 1px;
}
#header .header-container ul.tool-kits li.search-function:hover {
  background-position: 10px -39px;
  background-color: #fff;
  color: #8daf00;
}
#header .header-container ul.tool-kits li.search-function.active {
  background-position: 50% -41px;
  background-color: #fff;
}
#header .header-container ul.tool-kits li.language {
  margin-top: 7px;
  height: 46px;
  background: url("../images/front/lang-icon.png") no-repeat center top;
}
#header .header-container ul.tool-kits li.language:hover {
  background-position: 12px -39px;
  background-color: #fff;
  color: #8daf00;
}
#header .header-container ul.tool-kits li.language.active {
  background-position: 50% -42px;
  background-color: #fff;
}
#header .header-container ul.tool-kits li.btn {
  height: 43px;
  margin-top: 10px;
  background: url("../images/front/main-menu-btn.png") no-repeat center -2px;
}
#header .header-container ul.tool-kits li.btn.active {
  background-position: 50% -44px;
  background-color: #fff;
}
#header .header-container .login-container {
  display: none;
  width: 94%;
  position: fixed;
  top: 133px;
  left: 0;
  z-index: 999;
  background: #f9f9f9;
  border-bottom: 1px solid #ddd;
  overflow-y: scroll;
  height: 100%;
  padding: 0 3%;
}
#header .header-container .login-container .shortcut-area {
  margin: 3% 0 100px;
}
#header .header-container .login-container .shortcut-area .title {
  color: #e40077;
  font-size: 1.3em;
  padding: 3% 0 3% 3%;
  margin-bottom: 3%;
  border-bottom: 1px solid #DEDEDE;
  line-height: 1em;
}
#header .header-container .login-container .shortcut-area > ul > li {
  width: 94%;
  padding: 5% 0 5% 3%;
}
#header .header-container .login-container .shortcut-area > ul > li > a {
  color: #8daf00;
}
#header .header-container .login-container .shortcut-area > ul > li > a:hover {
  color: #8daf00;
}
#header .header-container .login-container .shortcut-area ul li ul {
  margin-top: 20px;
}
#header .header-container .login-container .shortcut-area ul li ul li {
  background: url("http://img/pad/menu-bullet.png") no-repeat left 5px;
  padding: 0 0 3% 20px;
}
#header .header-container .login-container .shortcut-area ul li ul li a {
  color: #555555;
  line-height: 1.3em;
}
#header .header-container .login-container .shortcut-area .account {
  float: left;
  width: 55%;
  border-right: 1px solid #dddddd;
}
#header .header-container .login-container .shortcut-area .account > ul > li {
  width: 94%;
  padding: 5% 0 5% 3%;
}
#header .header-container .login-container .shortcut-area .account > ul > li a {
  color: #8daf00;
}
#header .header-container .login-container .shortcut-area.login .time {
  padding-left: 3%;
  line-height: 1.3em;
}
#header .header-container .login-container .shortcut-area.login .btn-logout {
  margin-top: 5%;
  padding-left: 3%;
}
#header .header-container .login-container .shortcut-area.login .btn-logout .button_style {
  background-color: #e40077;
  font-size: 1.15em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #ffffff;
  padding: 8px 25px 10px;
  border: none;
  cursor: pointer;
}
#header .header-container .login-container .shortcut-area.logout {
  float: left;
  padding-left: 5%;
}
#header .header-container .login-container .shortcut-area.logout .title {
  border-bottom: none;
}
#header .header-container .login-container .shortcut-area.logout p {
  color: #555555;
  padding-left: 3%;
}
#header .header-container .login-container .loading {
  background: url("http://img/loading2.gif") no-repeat center;
  width: 100%;
  height: 50%;
}
#header .header-container .search-container {
  display: none;
  width: 94%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  padding: 3%;
  background-color: #fff;
  border-bottom: 1px solid #ddd;
}
#header .header-container .search-container .searchbox {
  float: left;
  /*margin-left:2%;*/
  width: 66%;
}
#header .header-container .search-container .box_style {
  font-size: 1em;
  width: 96%;
  height: 33px;
  line-height: 33px;
  border: 2px solid #8CC63E;
  color: #555555;
  border-radius: 3px;
  padding: 0 2%;
}
#header .header-container .search-container .searchbutton {
  float: left;
  margin-left: 3%;
  width: 30%;
}
#header .header-container .search-container .searchbutton .button_style {
  background-color: #e40077;
  font-size: 1.15em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #ffffff;
  padding: 0 18px;
  height: 37px;
  border: none;
}
#header .header-container .language-container {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 999;
  background-color: #fff;
  text-align: center;
  padding: 2%;
  border: 1px solid #ddd;
  border-top: none;
}
#header .header-container .language-container a {
  height: 60px;
  width: 60px;
  line-height: 64px;
  background-color: #aaa;
  font-size: 1.667em;
  color: #fff;
  display: block;
  text-align: center;
  margin: 0 5px;
  float: left;
}


#header .header-container .partner-container {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 999;
  background-color: #fff;
  text-align: center;
  padding: 1.5% 1%;
  border: 1px solid #ddd;
  border-top: none;
  width:146px;
  height: 100px;
}
#header .header-container .partner-container a {
  height: 50px;
  width: 140px;
  line-height: 50px;
  background-color: #aaa;
  font-size: 1.2em;
  color: #fff;
  display: block;
  text-align: center;
  margin: 0 5px;
  float: left;
}
#header .header-container .language-container a:first-child {
  border-top: none;
}
#header .header-container .language-container a.active {
  background-color: #e40077;
}
.overlay-scroll {
  position: fixed;
  top: 53px;
  right: 0px;
  background-color: #f9f9f9;
  height: 100%;
  width: 20px;
  z-index: 1000;
}
.transparent_bg_pad {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9997;
  background-color: #000000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}
#main-menu-pad {
  display: none;
  width: 100%;
  height: 97%;
  position: fixed;
  z-index: 9998;
  top: 53px;
  right: -600px;
  /*margin-right: -10%;*/
}
#main-menu-pad .pad-menu {
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  overflow-y: scroll;
}
#main-menu-pad .pad-menu ul {
  width: 100%;
  list-style: none;
  margin: 0 0 55px 0;
}
#main-menu-pad .pad-menu ul li {
  position: relative;
}
#main-menu-pad .pad-menu ul li.active > a {
  color: #79C628;
  border-bottom: none;
}
#main-menu-pad .pad-menu ul li.has-sub > ul {
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #f3f3f3;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul {
  display: none;
  width: 100%;
  padding: 2% 0 8% 0;
  margin: 0;
  border-bottom: 1px solid #ddd;
  background-color: #ececec;
}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul > li > ul {
  display: none;
  width: 80%;
  padding: 2% 0 5% 0;
  margin: 5% 0 0 5%;
  border-bottom: 1px solid #ddd;
}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul > li > ul a {
  border: none;
  padding: 4% 0 0 14%;
  font-size: 1em;
}
#main-menu-pad .pad-menu ul li.has-sub > ul > li > ul a {
  border: none;
  padding: 5% 19% 0 12%;
  font-size: 1em;
}
#main-menu-pad .pad-menu ul li.has-sub > ul a {
  border-bottom: 1px solid #ddd;
  padding: 3% 12% 3% 9%;
  font-size: 1em;
}
#main-menu-pad .pad-menu ul li a {
  padding: 4% 12% 4% 6%;
  display: block;
  border-bottom: 1px solid #C1C1C1;
  text-align: left;
  color: #606060;
  font-size: 1.15em;
  line-height: 1.5em;
}
#main-menu-pad .pad-menu .loading {
  display: none;
  background: url(../images/front/loading.gif) no-repeat;
  width: 100px;
  height: 28px;
  margin: 20px auto 0;
}
#main-menu-desktop {
}
#main-menu-desktop .menu-container {
  /* position: relative; */
  width: 100%;
  margin: 0 auto;
  font-size: 1.10em;
  text-align:right;
  /*padding-top:10px;*/
}
#main-menu-desktop .menu-container .company-logo,
#main-menu-desktop .menu-container .children-logo{
	display:none;
}
#main-menu-desktop .cart-btn{
  right: 10px;
  bottom:20px;
  background:url("../images/circle-cart-icon.png") no-repeat 10px 14px #e40077;
  display:inline-block;
  color:#fff;
  font-size:0.8em;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
  width:50px;
  height:50px;
  text-align:center;
  box-sizing: border-box;
  box-shadow:0 3px 3px #a9a9a9;
  z-index:2;
  margin-bottom:10px;
  margin-right:10px;
  margin-top:55px;
}

.cart-mini-info{
	background-color:#fff;
	border:1px solid #ddd;
	width:85%;
	margin:0 auto 10px;
	padding:20px;
	z-index: 800;
	display:none;
}
.cart-mini-info.sticky-cart-mini-info{
	top: 80px;right: 0;z-index: 10000!important;
}
.cart-mini-info.sticky-cart-mini-info .cart-mini-info-arrow{right:5px}
.cart-mini-info .cart-mini-info-arrow {overflow: hidden;position: absolute; top: -10px;right: 105px;width: 32px; height: 10px;}
.cart-mini-info .cart-mini-info-arrow:after{right: 10%;background-color: #fff; border: 1px solid #ddd; content: ""; display: block; position: absolute; top: 0; width: 12px;height: 12px; -webkit-transform: rotate(45deg);    transform: rotate(45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; z-index: 1;}


.cart-mini-info ul{max-height:400px;overflow-y:scroll;padding-right: 10px;}
.cart-mini-info li{float:none;margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px solid #ddd}
.cart-mini-info li:last-child{border:0;margin-bottom: 0;padding-bottom: 0;}
.cart-mini-info li .cart-mini-info-photo{float:left;padding-right: 20px;width:50px}
.cart-mini-info li .cart-mini-info-photo img{width:50px}
.cart-mini-info li .cart-mini-info-text{
	float:left;
	width:70%;
	word-wrap: break-word;
	text-align:left;
	}
.cart-mini-info .btn-area{padding-top:20px}
.cart-mini-info .btn-area .green-btn{width:100%;box-sizing:border-box}

.cart-mini-info .cart-mini-info-close{display:none}
#main-menu-desktop .blue-btn{text-align:center; border:none; background-color:#519BC0; background-image:-webkit-linear-gradient(top,#51B1E1,#519BC0); background-image:-moz-linear-gradient(top,#51B1E1,#519BC0); background-image:-ms-linear-gradient(top,#51B1E1,#519BC0); background-image:-o-linear-gradient(top,#51B1E1,#519BC0); background-image:linear-gradient(to bottom,#51B1E1,#519BC0); -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#ffffff !important; padding:0 25px; text-decoration:none; display: inline-block; height: 35px; line-height: 35px; cursor: pointer;}
#main-menu-desktop .green-btn{border:none; background:#8fc31f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff !important; padding: 0 25px; text-decoration:none; text-align:center; height: 35px; line-height: 35px; cursor: pointer; display: inline-block;}
#main-menu-desktop .green-btn:hover{background-color:#e40077;color:#fff;}


#mobile-menu-shortcut {
  position: relative;
}
#mobile-menu-shortcut ul {
  font-size: 1em;
}
#mobile-menu-shortcut ul li.active > a {
  color: #8daf00;
}
#mobile-menu-shortcut ul li.active span {
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 7px;
  background: url("../images/front/short-cut-arrow.png") no-repeat center top;
  z-index: 889;
}
#mobile-menu-shortcut ul li a {
  display: block;
  color: #555555;
  padding: 17% 6% 7%;
  border-left: 1px solid #ddd;
  height: 1.8em;
  position: relative;
  line-height: 1.2em;
  border-bottom: 1px solid #f3f3f3;
}
#mobile-menu-shortcut ul li ul {
  position: absolute;
  top: 100%;
  left: 0%;
  z-index: 888;
  background: #f9f9f9;
  border-top: 1px solid #ddd;
  width: 100%;
  display: none;
}
#mobile-menu-shortcut ul li ul li {
  border-bottom: 1px solid #ddd;
}
#mobile-menu-shortcut ul li ul li a {
  padding: 5% 0 4%;
  border-left: none;
  height: auto;
  font-size: 1.15em;
}
#mobile-menu-shortcut > ul > li {
  float: left;
  width: 50%;
  text-align: center;
}
#main {
  display: block;
  margin: 0 auto;
}
#main .cart_area {
  width: 94%;
  margin: 0 auto;
}
#main .cart_area .cart_title {
  height: 22px;
  border-bottom: 1px solid #bbb;
}
#main .cart_area .cart_title h2 {
  height: 20px;
  font-size: 14px;
  color: #333;
  border-bottom: 2px solid #8fc320;
 /*  text-align: center; */
  font-weight: normal;
}
#main .cart_area #cart_buy .cart_content .cart_list {
  margin: 20px 0 0 0;
  width: 100%;
}
#main .cart_area #cart_buy .cart_content .cart_list thead {
  display: none;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr {
  border: 1px solid #999;
  position: relative;
  display: block;
  width: 100%;
  height: 147px;
  margin: 0 0 13px 0;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 21px;
  background: #f4f4f4;
  font-size: 13px;
  color: #161616;
  border-bottom: 1px solid #999;
  padding: 8px 0 8px 0;
  text-indent: 1em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(2),
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(3) {
  position: absolute;
  top: 38px;
  color: #8e8e8e;
  font-size: 14px;
  margin: 17px 0 0 15px;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(2).product_price,
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(3).product_price {
  color: #e40077;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(2)::before {
  margin: 0 6px 0 0;
  content: attr(data-th);
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(3) {
  left: 30%;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(3)::before {
  margin: 0 6px 0 0;
  color: #8e8e8e;
  content: attr(data-th);
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(4) {
  position: absolute;
  top: 100px;
  left: 15px;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(4) input[type="text"] {
  display: inline-block;
  vertical-align: middle;
  width: 46px;
  height: 14px;
  border: 1px solid #a0b1c1;
  padding: 6px 0 6px 0;
  text-align: center;
  outline: none;
  margin: 0 15px 0 15px;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(4) input[type="text"]:focus {
  border: 1px solid #8fc320;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(4) .plus,
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(4) .minus {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border: none;
  background: none;
  outline: none;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(4) .plus {
  background-image: url("../images/plus_mobile.png");
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:nth-child(4) .minus {
  background-image: url("../images/minus_mobile.png");
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:last-child {
  position: absolute;
  top: 100px;
  right: 0;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:last-child a {
  text-decoration: none;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:last-child a.add_cart {
  /* display: inline-block; */
  vertical-align: middle;
  text-decoration: none;
  color: #333;
  font-size: 14px;
  border: 1px solid #979797;
  border-radius: 3px;
  background-image: linear-gradient(#fefefe, #e3e3e3);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fefefe, endcolorstr=#e3e3e3, gradientType=0);
  padding: 0 8px;
  cursor: pointer;
  width: 94px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 6px;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:last-child a.add_cart img {
  display: inline-block;
  vertical-align: middle;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:last-child a.add_cart span {
  display: inline-block;
  vertical-align: middle;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:last-child a.add_cart:hover {
  background-image: linear-gradient(#f8fcff, #dce5f6);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#f8fcff, endcolorstr=#dce5f6, gradientType=0);
  border: 1px solid #95bae7;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:last-child a.add_cart[disabled="disabled"] {
  color: #ccc;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:last-child a.add_cart[disabled="disabled"]:hover {
  border: 1px solid #979797;
  background-image: linear-gradient(#fefefe, #e3e3e3);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fefefe, endcolorstr=#e3e3e3, gradientType=0);
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:last-child a.add_cart span,
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:last-child a.add_cart img {
  display: inline-block;
  vertical-align: middle;
}
#main .cart_area #cart_buy .cart_content .cart_list tbody tr td:last-child a.add_cart span {
  margin: 4px 0 0 5px;
}
#main .cart_area #cart_basket .cart_content .cart_list {
  margin: 20px 0 0 0;
  width: 100%;
}
#main .cart_area #cart_basket .cart_content .cart_list thead {
  display: none;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr {
  position: relative;
  display: block;
  width: 100%;
  height: 112px;
  margin: 0 0 13px 0;
  border: 1px solid #999;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  height: 21px;
  background: #f4f4f4;
  font-size: 13px;
  color: #161616;
  border-bottom: 1px solid #999;
  padding: 8px 0 8px 0;
  text-indent: 1em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(2),
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(3) {
  position: absolute;
  top: 60px;
  color: #8e8e8e;
  font-size: 12px;
  margin: 5px 0 0 15px;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(2).product_price,
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(3).product_price {
  color: #e40077;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(2) {
  right: 40%;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(2)::before {
  margin: 0 6px 0 0;
  content: attr(data-th);
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(3) {
  right: 16px;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(3)::before {
  margin: 0 6px 0 0;
  color: #8e8e8e;
  content: attr(data-th);
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(4) {
  position: absolute;
  top: 60px;
  left: 15px;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(4) input[type="text"] {
  display: inline-block;
  vertical-align: middle;
  width: 46px;
  height: 14px;
  border: 1px solid #a0b1c1;
  padding: 6px 0 6px 0;
  text-align: center;
  outline: none;
  margin: 0 10px 0 10px;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(4) input[type="text"]:focus {
  border: 1px solid #8fc320;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(4) .plus,
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(4) .minus {
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border: none;
  background: none;
  outline: none;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(4) .plus {
  background-image: url("../images/plus_mobile.png");
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:nth-child(4) .minus {
  background-image: url("../images/minus_mobile.png");
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:last-child {
  position: absolute;
  top: 0;
  right: 0;
  width: 10%;
  height: 21px;
  padding: 8px 0 8px 0;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  text-align: center;
}
#main .cart_area #cart_basket .cart_content .cart_list tbody tr td:last-child a {
  text-decoration: none;
}
#main .cart_area .cart_content .cart_control {
  padding: 15px 0 10px 0;
}
#main .cart_area .cart_content .cart_control .form_item_third {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  text-align: left;
  margin: 0 0 10px 0;
}
#main .cart_area .cart_content .cart_control .form_item_third input {
  height: 28px;
  outline: none;
  padding-left: 10px;
  border: 1px solid #9d9d9d;
}
#main .cart_area .cart_content .cart_control .form_item_third span {
  display: inline-block;
  vertical-align: middle;
}
#main .cart_area .cart_content .cart_control .form_item_third > strong {
  color: #e40077;
  font-weight: normal;
}
#main .cart_area .cart_content .cart_send {
  margin: 14px 0 0 0;
}
#main .cart_area .cart_content .cart_send .pay_type {
  position: relative;
  padding: 0 0 10px;
  border-bottom: 1px dashed #d4d4d4;
}
#main .cart_area .cart_content .cart_send .pay_type > span {
  display: block;
  color: #e40077;
}
#main .cart_area .cart_content .cart_send .pay_type > a {
  display: block;
  vertical-align: top;
  position: relative;
  margin: 0 10px 0 0;
}
#main .cart_area .cart_content .cart_send .pay_type > a > span {
  display: block;
  background: #fcfcfc;
  color: #5d5d5d;
  padding: 10px 0 10px 0;
}
#main .cart_area .cart_content .cart_send .pay_type > a.selected > span {
	color: #e40077;
}
#main .cart_area .cart_content .cart_send .pay_type > a > span::before{
	content:"";
	display:inline-block;
	vertical-align: middle;
	border:1px solid #5c5c5c;
	border-radius: 50%;
	width:10px;
	height:10px;
	margin: 0 5px 0 0;
}
#main .cart_area .cart_content .cart_send .pay_type > a.selected > span::before{
	background: #e40077;
	border: 1px solid #e40077;
}
#main .cart_area .cart_content .cart_send .pay_type .pay_select {
  background: #ffffff;
  margin: -2px 0 0 0;
  color: #e40077;
}
#main .cart_area .cart_content .cart_send .pay_type .pay_select label,
#main .cart_area .cart_content .cart_send .pay_type .pay_select input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
}
#main .cart_area .cart_content .cart_send .pay_type .pay_select label {
  width: 110px;
  /*background: #ffffff;*/
  /*color: #5d5d5d;*/
  /*border-bottom: 1px solid #cbcbcb;*/
  /*padding: 15px 0 15px 0;*/
  /*margin: 0 0 0 0;*/
  /*cursor: pointer;*/
  text-align: center;
  background: #fcfcfc;
  color: #5d5d5d;
  border: 1px solid #cbcbcb;
  padding: 10px 13px 10px 13px;
  margin: 12px 49px 12px 17px;
  cursor: pointer;
}
#main .cart_area .cart_content .cart_send .pay_type .pay_select label span,
#main .cart_area .cart_content .cart_send .pay_type .pay_select label img {
  display: inline-block;
  vertical-align: middle;
}
#main .cart_area .cart_content .cart_send .pay_type .pay_select label img {
  width: 23px;
}
#main .cart_area .cart_content .cart_send .pay_type .pay_select label:last-child {
  /*border-bottom: none;*/
}
#main .cart_area .cart_content .cart_send .send_type {
  margin: 20px 0 0 0;
}
#main .cart_area .cart_content .cart_send .send_type span {
  display: block;
  margin: 0 0 0 0;
}
#main .cart_area .cart_content .cart_send .send_type a {
  text-decoration: none;
  height: 36px;
  line-height: 36px;
  color: #5c5c5c;
  background: #fcfcfc;
  margin: 0 18px 0 0;
}
#main .cart_area .cart_content .cart_send .send_type a::before{
	content:"";
	display:inline-block;
	vertical-align: middle;
	border:1px solid #5c5c5c;
	border-radius: 50%;
	width:10px;
	height:10px;
	margin: 0 5px 0 0;
}
#main .cart_area .cart_content .cart_send .send_type a.select_send {
  color: #e40077;
}
#main .cart_area .cart_content .cart_send .send_type a.select_send::before{
	background: #e40077;
	border: 1px solid #e40077;
}
#main .cart_area .cart_content .cart_send .send_form {
  width: 100%;
  background: #fcfff6;
  border: 1px dashed #a3ce49;
  margin: 8px 0 0 0;
  padding: 8px 0 8px 0;
  font-size: 12px;
}
#main .cart_area .cart_content .cart_send .send_form input {
  height: 28px;
  outline: none;
  padding-left: 10px;
  border: 1px solid #9d9d9d;
  border: 1px solid #8fc31f;
}
#main .cart_area .cart_content .cart_send .send_form .form_item_half {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  margin: 8px 0;
}
#main .cart_area .cart_content .cart_send .send_form .form_item_half span {
  display: inline-block;
  vertical-align: middle;
  width: 25%;
  text-align: right;
  color: #555555;
}
#main .cart_area .cart_content .cart_send .send_form .form_item_half span strong {
  color: #fa3f37;
  margin-right: 3px;
}
#main .cart_area .cart_content .cart_send .send_form .form_item_half span:last-child {
  text-align: left;
  color: #8a8a8a;
}
#main .cart_area .cart_content .cart_send .send_form .form_item_full {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 8px 0;
}
#main .cart_area .cart_content .cart_send .send_form .form_item_full span {
  display: inline-block;
  vertical-align: middle;
  text-align: right;
  color: #555555;
}
#main .cart_area .cart_content .cart_send .send_form .form_item_full span strong {
  color: #fa3f37;
  margin-right: 3px;
}
#main .cart_area .cart_content .cart_send .send_form .form_item_full span:last-child {
  text-align: left;
  color: #8a8a8a;
}
#main .cart_area .cart_content .cart_send .send_form .form_item_full .form_select {
  border: 1px solid #8fc31f;
}
#main .cart_area .cart_content .cart_send .send_tips {
  width: 100%;
  padding: 0 0 0 0;
  margin: 14px 0 25px 0;
  color: #b0b0b0;
}
#main .cart_area .cart_content .cart_send .send_tips span,
#main .cart_area .cart_content .cart_send .send_tips img {
  display: inline-block;
  vertical-align: top;
}
#main .cart_area .cart_content .cart_send .send_tips img {
  width: 16px;
  margin-right: 1px;
}
#main .cart_area .cart_content .cart_send .send_tips span {
  /* width: 92%; */
}
#main .cart_area .cart_content .cart_send .customer_info {
  display: none;
}
#main .cart_area .cart_content .cart_pay {
  background: #ffffff;
  margin: 0 0 20px 0;
  padding: 23px 0 0 0;
}
#main .cart_area .cart_content .cart_pay .pay_tips {
  width: 357px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #fddbcf;
  background: #fff7f0;
  color: #e50075;
  font-size: 12px;
  margin: 0 0 28px 0;
  padding: 0 0 0 8px;
}
#main .cart_area .cart_content .cart_pay .pay_select {
  margin: 0 0 21px 0;
}
#main .cart_area .cart_content .cart_pay .pay_select span,
#main .cart_area .cart_content .cart_pay .pay_select label,
#main .cart_area .cart_content .cart_pay .pay_select div,
#main .cart_area .cart_content .cart_pay .pay_select input[type="radio"],
#main .cart_area .cart_content .cart_pay .sub_box label {
  display: inline-block;
  vertical-align: middle;
}
#main .cart_area .cart_content .cart_pay .pay_select span {
  margin: 0 0 15px 0;
  width: 100%;
}
#main .cart_area .cart_content .cart_pay .pay_select label {
  width: 69px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  margin: 0 5px 0 0;
  cursor: pointer;
}
#main .cart_area .cart_content .cart_pay .pay_select input[type="radio"],#main .cart_area .cart_content .cart_pay .sub_box input[type="radio"] {
  width: 0;
  height: 0;
  visibility: hidden;
}
#main .cart_area .cart_content .cart_pay .pay_select.pink span {
  color: #e50075;
}
#main .cart_area .cart_content .cart_pay .pay_select.pink .select_pay {
  background: url("../images/red_mobile.png") no-repeat;
}
#main .cart_area .cart_content .cart_pay .pay_select.green .select_pay {
  background: url("../images/green_mobile.png") no-repeat;
}
#main .cart_area .cart_content .cart_pay .pay_select.blue .select_pay {
  background: url("../images/blue_mobile.png") no-repeat;
}
#main .cart_area .cart_content .cart_pay .pay_select #show_more {
  float: right;
  width: 78px;
  height: 36px;
  margin: -23px 0 0 0;
}
#main .cart_area .cart_content .cart_pay .sub_box{
  font-size:12px;
  border:1px solid #999;
  background:#fff;
  width:96%;
  height:100px;
  overflow-x:hidden;
  overflow-y:scroll;
  padding:5px;
  margin:0 0 15px 0;
}
#main .cart_area .cart_content .cart_pay .sub_box label{
  color:#666;
  margin: 0 15px 10px 0;
  cursor:pointer;
}
#main .cart_area .cart_content .order_info table {
  width: 100%;
  font-size: 14px;
}
#main .cart_area .cart_content .order_info table thead {
  display: none;
}
#main .cart_area .cart_content .order_info table tbody tr {
  border: 1px solid #999;
  position: relative;
  display: block;
  width: 100%;
  height: 155px;
  margin: 0 0 13px 0;
}
#main .cart_area .cart_content .order_info table tbody tr td:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 21px;
  background-color: #90C31F;
  font-size: 15px;
  color: #fff;
  border-bottom: 1px solid #999;
  padding: 8px 0 8px 0;
  text-indent: 1em;
  word-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#main .cart_area .cart_content .order_info table tbody tr td:nth-child(2) {
  position: absolute;
  top: 90px;
  left: 0;
  color: #161616;
  font-weight: bold;
}
#main .cart_area .cart_content .order_info table tbody tr td:nth-child(2)::before {
  font-weight: normal;
  content: attr(data-th);
  color: #8e8e8e;
  width: 45px;
  margin: 0 5px 0 5px;
}
#main .cart_area .cart_content .order_info table tbody tr td:nth-child(3) {
  position: absolute;
  top: 53px;
  left: 0;
  color: #161616;
  font-weight: bold;
}
#main .cart_area .cart_content .order_info table tbody tr td:nth-child(3)::before {
  font-weight: normal;
  content: attr(data-th);
  color: #8e8e8e;
  width: 45px;
  margin: 0 5px 0 5px;
}
#main .cart_area .cart_content .order_info table tbody tr td:nth-child(4) {
  position: absolute;
  top: 53px;
  left: 50%;
  color: #8fc31f;
  font-weight: bold;
}
#main .cart_area .cart_content .order_info table tbody tr td:nth-child(4)::before {
  font-weight: normal;
  content: attr(data-th);
  color: #8e8e8e;
  width: 55px;
  margin: 0 5px 0 5px;
}
#main .cart_area .cart_content .order_info table tbody tr td:nth-child(5) {
  position: absolute;
  top: 90px;
  left: 50%;
  color: #161616;
  font-weight: bold;
}
#main .cart_area .cart_content .order_info table tbody tr td:nth-child(5)::before {
  font-weight: normal;
  content: attr(data-th);
  color: #8e8e8e;
  width: 45px;
  margin: 0 5px 0 5px;
}
#main .cart_area .cart_content .order_info table tbody tr td:nth-child(6) {
  position: absolute;
  top: 123px;
  left: 0;
  color: #161616;
  font-weight: bold;
}
#main .cart_area .cart_content .order_info table tbody tr td:nth-child(6)::before {
  font-weight: normal;
  content: attr(data-th);
  color: #8e8e8e;
  width: 45px;
  margin: 0 5px 0 5px;
}
#main .cart_area .cart_content .order_info table tbody tr td:last-child {
  position: absolute;
  top: 123px;
  left: 50%;
  color: #e40077;
  font-weight: bold;
}
#main .cart_area .cart_content .order_info table tbody tr td:last-child::before {
  font-weight: normal;
  content: attr(data-th);
  color: #8e8e8e;
  width: 70px;
  margin: 0 5px 0 5px;
}
#main .cart_area .cart_bottom {
  width: 100%;
  margin: 0 0 0 0;
  padding: 11px 0 10px 0;
  border-top: 1px solid #bbb;
  color: #555555;
  font-size: 14px;
  background: #fff;
}
#main .cart_area .cart_bottom div {
  float: right;
  margin: 0 0 0 0;
}
#main .cart_area .cart_bottom div strong {
  color: #0083d4;
}
#main .cart_area .cart_bottom button,
#main .cart_area .cart_bottom a {
  display: block;
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin: 8px auto;
  padding:0;
  border-radius: 5px;
  border: none;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
#main .cart_area .cart_bottom span {
  padding: 0 0 0 10px;
}
#main .cart_area .cart_bottom button.second_btn,
#main .cart_area .cart_bottom a.second_btn {
  background: #aeaeae;
  background-image: linear-gradient(#c8c8c8, #9e9e9e);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8c8c8, endcolorstr=#9e9e9e, gradientType=0);
}
#main .cart_area .cart_bottom button.main_btn,
#main .cart_area .cart_bottom a.main_btn {
  background-image: linear-gradient(#50b0e0, #519bc0);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#50b0e0, endcolorstr=#519bc0, gradientType=0);
}
#main .cart_area .cart_bottom a {
  text-decoration: none;
}
#main .cart_area .cart_bottom .total_price {
	display: inline-block;
  	/*margin: 25px 0 0 10px;*/
  	color: #e40077;
}
#main .cart_area .cart_bottom .total_price .for_desktop{ display: none; }
#main .cart_area .cart_bottom .total_price .for_mobile{ display: inline-block; }
#main .cart_area .cart_bottom .total_price small {
  font-size: 14px;
  font-weight:bold;
}
#main .cart_area .cart_bottom .total_price b {
  font-size: 18px;
}
#main .cart_area .my_info_block {
  width: 100%;
  margin: 0 auto;
}
#main .cart_area .my_info_block a {
  text-decoration: none;
  float: right;
  display: block;
  margin: 15px 0 0 15px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  border: none;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
  padding: 0 10px 0 10px;
}
#main .cart_area .my_info_block a.main_btn {
  background-image: linear-gradient(#50b0e0, #519bc0);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#50b0e0, endcolorstr=#519bc0, gradientType=0);
}
#main .cart_area .my_info_block .info_title {
  clear: both;
  color: #8fc21d;
  font-size: 16px;
  margin-bottom: 16px;
}
#main .cart_area .my_info_block .info_list {
  margin-bottom: 20px;
}
#main .cart_area .my_info_block .info_list table {
  border: 1px solid #ddd;
  font-size: 14px;
}
#main .cart_area .my_info_block .info_list table tbody tr th {
  width: 105px;
  height: 40px;
  padding-right: 15px;
  text-align: right;
  background-color: #8fc320;
  border-bottom: 1px solid #b7d386;
  font-weight: normal;
  vertical-align: middle;
  color: #fff;
}
#main .cart_area .my_info_block .info_list table tbody tr td {
  height: 40px;
  background: #ffffff;
  border-bottom: 1px solid #ddd;
  padding-left: 15px;
  vertical-align: middle;
}
#main .cart_area .my_info_block .info_list table tbody tr:last-child th,
#main .cart_area .my_info_block .info_list table tbody tr:last-child td {
  border-bottom: none;
}
#main .my_order {
  /* width: 94%;
  margin: 16px auto 0 auto; */
}
#main .my_order .order_title {
	padding:10px;
	background-color:#EFEFEF;
	color:#F33385;
	margin-top:-16px;
	margin-left:-3%;
	margin-right:-3%;
}
#main .my_order .order_title h2 {
  width: 79px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}
#main .my_order .search_bar {
	padding-top:20px;
	padding-bottom:20px;
	background-color:#EFEFEF;
	display:none;
}
#main .my_order .search_bar.active{
	display:block;
}
#main .my_order .search_bar .search_bar-right{
	text-align:center;
}
#main .my_order .search_bar .form_item_quar {
  width: 100%;
  text-align: left;
  margin: 0 0 10px 0;
}
#main .my_order .search_bar .for_desktop { display: none; }
#main .my_order .search_bar .form_item_quar > span {
  display: inline-block;
  vertical-align: middle;
  width: 24%;
  text-align: right;
  margin: 0 6px 0 0;
}
#main .my_order .search_bar .form_item_quar input {
  height: 28px;
  outline: none;
  padding-left: 10px;
  border: 1px solid #BDD477;
}
#main .my_order .search_bar .form_item_quar input:focus {
  border: 1px solid #8fc320;
}
#main .my_order .search_bar button,
#main .my_order .search_bar input[type="button"],
#main .my_order .search_bar a {
  display: inline-block;
  text-decoration: none;
  margin: 14px auto 0 auto;
  padding: 3px 0 3px 0;
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
  border: none;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
#main .my_order .search_bar button.main_btn,
#main .my_order .search_bar input[type="button"].main_btn,
#main .my_order .search_bar a.main_btn {
  color: #ffffff;
  background-color:#90C31E;
  margin-right:10px;
  /* background-image: linear-gradient(#50b0e0, #519bc0);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#50b0e0, endcolorstr=#519bc0, gradientType=0); */
}
#main .my_order .order_list {
  margin: 20px 0 0 0;
}
#main .my_order .order_list table {
  width: 100%;
  font-size: 14px;
}
#main .my_order .order_list table thead {
  display: none;
}
#main .my_order .order_list table tbody tr {
  border: 1px solid #999;
  position: relative;
  display: block;
  width: 100%;
  height: 160px;
  margin: 0 0 13px 0;
}
/*#main .my_order .order_list table tbody tr::after {
  position: absolute;
  left: 3%;
  bottom: 36px;
  width: 94%;
  margin: 0 auto;
  content: "";
  border-top: 1px dashed #dcdcdc;
}*/
#main .my_order .order_list table tbody tr td:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 21px;
  background-color: #90C320;
  font-size: 15px;
  color: #fff;
  border-bottom: 1px solid #999;
  padding: 8px 0 8px 0;
}
#main .my_order .order_list table tbody tr td:first-child::before {
  content: attr(data-th);
  color: #fff;
  width: 63px;
  margin: 0 11px 0 10px;
}
#main .my_order .order_list table tbody tr td:first-child a{
	color:#fff !important;
	text-decoration:none !important;
}
#main .my_order .order_list table tbody tr td:first-child > .blue {
  color: #8e8e8e;
}
#main .my_order .order_list table tbody tr td:nth-child(4),
#main .my_order .order_list table tbody tr td:nth-child(5),
#main .my_order .order_list table tbody tr td:nth-child(8) {
  display: none;
}
#main .my_order .order_list table tbody tr td:nth-child(2) {
  position: absolute;
  top: 38px;
  left: 0;
  color: #8e8e8e;
  width:100%;
  display:block;
  text-align:right;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #F2F2F2;
  padding-right:10px;
  box-sizing:border-box;
}
#main .my_order .order_list table tbody tr td:nth-child(2)::before {
  content: attr(data-th);
  color: #161616;
  width: 150px;
  margin: 0 11px 0 10px;
  text-align:left;
  float:left;
}
#main .my_order .order_list table tbody tr td:nth-child(3) {
  position: absolute;
  top: 78px;
  left: 0;
  color: #8e8e8e;
  width:100%;
  display:block;
  text-align:right;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #F2F2F2;
  padding-right:10px;
  box-sizing:border-box;
}
#main .my_order .order_list table tbody tr td:nth-child(3)::before {
  content: attr(data-th);
  color: #161616;
  width: 150px;
  margin: 0 11px 0 10px;
  float:left;
  text-align:left;
}
#main .my_order .order_list table tbody tr td:nth-child(6) {
  position: absolute;
  top: 118px;
  left: 0;
  color: #8e8e8e;
  width:100%;
  display:block;
  text-align:right;
  padding-top:10px;
  padding-bottom:10px;
  padding-right:10px;
  box-sizing:border-box;
}
#main .my_order .order_list table tbody tr td:nth-child(6)::before {
  content: attr(data-th);
  color: #161616;
  width: 150px;
  margin: 0 11px 0 10px;
  float:left;
  text-align:left;
}
#main .my_order .order_list table tbody tr td:nth-child(7) {
  position: absolute;
  top: 84px;
  color: #8e8e8e;
}
#main .my_order .order_list table tbody tr td:nth-child(7)::before {
  content: attr(data-th);
  color: #161616;
  width: 63px;
  margin: 0 11px 0 10px;
}
#main .my_order .order_list table tbody tr td:nth-child(9) {
  position: absolute;
  top: 120px;
  left: 0;
  color: #8e8e8e;
}
#main .my_order .order_list table tbody tr td:nth-child(9)::before {
  content: attr(data-th);
  color: #161616;
  width: 63px;
  margin: 0 11px 0 10px;
}
#main .my_order .order_list table tbody tr td:last-child {
  position: absolute;
  top: 0;
  right: 0;
  height: 21px;
  padding: 8px 10px 8px 0;
  border-bottom: 1px solid #999;
  text-align: right;
  color:#fff;
}
#main .my_order .order_list table tbody tr td.dataTables_empty{
	background-color:inherit;
	border-bottom:none;
	left:0;
	color:#999;
	text-align:center;
	top:60px;
}
#main .my_order .order_list table .blue {
  color: #0083d4;
}
#main .my_order .order_list table .pink {
  color: #e40077;
}
#main .my_order .order_list .list_page {
  width: 100%;
}
#main .my_order .order_list .list_page span {
  color: #909090;
}
#main .my_order .order_list .list_page .page_info {
  font-size: 12px;
}
#main .my_order .order_list .list_page .page_info span {
  margin-right: 10px;
}
#main .my_order .order_list .list_page .page_info strong {
  color: #e52e2e;
  margin: 0 3px 0 3px;
}

#main .cashlist {
  /* width: 94%;
  margin: 16px auto 0 auto; */
}
#main .cashlist b{
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
}
#main .cashlist .pink{ color: #e50075; }
#main .cashlist .order_title {
	padding:10px;
	background-color:#EFEFEF;
	color:#F33385;
	margin-top:-16px;
	margin-left:-3%;
	margin-right:-3%;
}
#main .cashlist .order_title h2 {
  width: 79px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  font-weight: normal;
}
#main .cashlist .search_bar {
  padding-top:20px;
  padding-bottom:20px;
  background-color:#EFEFEF;
  display:none;
}
#main .cashlist .search_bar .search_bar-right{
	text-align:center;
}
#main .cashlist .search_bar.active{
	display:block;
}
#main .cashlist .search_bar .form_item_quar {
  width: 100%;
  text-align: left;
  margin: 0 0 10px 0;
}
#main .cashlist .search_bar .form_item_quar.pink {
	padding-left:20px;
}
#main .cashlist .search_bar .form_item_quar.for_desktop { display: none; }
#main .cashlist .search_bar .form_item_quar > span {
  display: inline-block;
  vertical-align: middle;
  width: 24%;
  text-align: right;
  margin: 0 6px 0 0;
}
#main .cashlist .search_bar .form_item_quar input,
#main .cashlist .search_bar .form_item_quar select{
  width:60% !important;
  height: 28px;
  outline: none;
  padding-left: 10px;
  border: 1px solid #8fc320;
}
#main .cashlist .search_bar .form_item_quar input:focus {
  border: 1px solid #8fc320;
}

#main .cashlist .search_bar button,
#main .cashlist .search_bar input[type="button"],
#main .cashlist .search_bar a {
  display: inline-block;
  text-decoration: none;
  margin: 14px auto 0 auto;
  padding: 3px 0 3px 0;
  width: 120px;
  height: 36px;
  line-height: 36px;
  border-radius: 5px;
  border: none;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
#main .cashlist .search_bar button.main_btn,
#main .cashlist .search_bar input[type="button"].main_btn,
#main .cashlist .search_bar a.main_btn {
  color: #ffffff;
  background-color:#90C31E;
  margin-right:10px;
  /* color: #ffffff;
  background-image: linear-gradient(#50b0e0, #519bc0);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#50b0e0, endcolorstr=#519bc0, gradientType=0); */
}
#main .cashlist .order_list {
  margin: 20px 0 0 0;
}
#main .cashlist .order_list table {
  width: 100%;
  font-size: 14px;
}
#main .cashlist .order_list table thead {
  display: none;
}
#main .cashlist .order_list table tbody tr {
  border: 1px solid #999;
  position: relative;
  display: block;
  width: 100%;
  height: 160px;
  margin: 0 0 13px 0;
}
/*#main .cashlist .order_list table tbody tr::after {
  position: absolute;
  left: 3%;
  bottom: 36px;
  width: 94%;
  margin: 0 auto;
  content: "";
  border-top: 1px dashed #dcdcdc;
}*/
#main .cashlist .order_list table tbody tr td:first-child {
  position: absolute;
  top: 7px;
  right: 10px;
  color: #fff;
  z-index:1;
}
/*#main .cashlist .order_list table tbody tr td:first-child::before {
  content: attr(data-th);
  color: #161616;
  width: 63px;
  margin: 0 11px 0 10px;
}*/
#main .cashlist .order_list table tbody tr td:first-child > .blue {
  color: #8e8e8e;
}
#main .cashlist .order_list table tbody tr td:nth-child(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 21px;
  background-color: #90c320;
  font-size: 15px;
  color: #fff;
  border-bottom: 1px solid #999;
  padding: 8px 0 8px 0;
  text-align:left;
}
#main .cashlist .order_list table tbody tr td:nth-child(2)::before {
  content: attr(data-th);
  color: #fff;
  width: 130px;
  margin: 0 11px 0 10px;
}
#main .cashlist .order_list table tbody tr td:nth-child(3) {
  position: absolute;
  top: 40px;
  left: 0;
  color: #6a6a6a;
  width:100%;
  text-align:left;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #eeeeee;
  text-align:right;
  padding-right:10px;
  box-sizing:border-box;
}
#main .cashlist .order_list table tbody tr td:nth-child(3)::before {
  content: attr(data-th);
  color: #161616;
  width: 130px;
  margin: 0 11px 0 10px;
  float:left;
  text-align:left;
}
#main .cashlist .order_list table tbody tr td:nth-child(4) {
  position: absolute;
  top: 80px;
  left: 0;
  color: #8e8e8e;  
  width:100%;
  text-align:left;
  padding-top:10px;
  padding-bottom:10px;
  border-bottom:1px solid #eeeeee;
  text-align:right;
  padding-right:10px;
  box-sizing:border-box;
}
#main .cashlist .order_list table tbody tr td:nth-child(4)::before {
  content: attr(data-th);
  color: #161616;
  width: 130px;
  margin: 0 11px 0 10px;
  float:left;
  text-align:left;
}
#main .cashlist .order_list table tbody tr td:last-child {
  position: absolute;
  top: 120px;
  left: 0;
  color: #8e8e8e;
  width:100%;
  text-align:left;
  padding-top:10px;
  padding-bottom:10px;
  text-align:right;
  padding-right:10px;
  box-sizing:border-box;
}
#main .cashlist .order_list table tbody tr td:last-child::before {
  content: attr(data-th);
  color: #161616;
  width: 130px;
  margin: 0 11px 0 10px;
  float:left;
  text-align:left;
}
#main .cashlist .order_list table tbody tr td.dataTables_empty {
  position: absolute;
  top: 60px;
  text-align:center;
}
#main .cashlist .order_list table .blue {
  color: #0083d4;
}
#main .cashlist .order_list table .pink {
  color: #e40077;
}
#main .cashlist .order_list .list_page {
  width: 100%;
}
#main .cashlist .order_list .list_page span {
  color: #909090;
}
#main .cashlist .order_list .list_page .page_info {
  font-size: 12px;
}
#main .cashlist .order_list .list_page .page_info span {
  margin-right: 10px;
}
#main .cashlist .order_list .list_page .page_info strong {
  color: #e52e2e;
  margin: 0 3px 0 3px;
}

/* change_page */
.bottom{
  width: 100%;
	text-align:center;
	line-height:30px;
}
.bottom .dataTables_info{
	margin-right:20px;
}
.bottom .dataTables_length,.bottom .dataTables_info{
  font-size: 12px;
  color: #909090;
  display:inline-block;
}
.bottom .dataTables_length select{
  font-size: 12px;
  border: 1px solid #8fc320;
}
.bottom .page_change {
  font-size: 12px;
}
.bottom .page_change span {
  vertical-align: middle;
  margin: 0 3px 0 3px;
}
.bottom .page_change a {
  text-decoration: none;
  height: 19px;
  line-height: 19px;
}
.bottom .page_change .prev_next {
  display: inline-block;
  vertical-align: middle;
  color: #909090;
  margin-right:10px;
}
.bottom .page_change .prev_next:hover {
  color: #161616;
}
.bottom .page_change input{
  vertical-align: middle;
  width:30px;
  height: 14px;
  line-height: 14px;
  font-size: 12px;
}

#main .modify_info {
  width: 94%;
  margin: 20px auto 0 auto;
  padding-bottom: 11px;
  text-align: center;
  border-bottom: 1px solid #bbb;
}
#main .modify_info .modify_title {
  height: 22px;
  border-bottom: 1px solid #bbb;
}
#main .modify_info .modify_title h2 {
  width: 79px;
  height: 20px;
  font-size: 14px;
  color: #333;
  border-bottom: 2px solid #8fc320;
  text-align: center;
  font-weight: normal;
}
#main .modify_info .form_item_full {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 8px 0;
}
#main .modify_info .form_item_full > span {
  display: inline-block;
  vertical-align: middle;
  width: 91px;
  margin: 0 19px 0 0;
  text-align: right;
  color: #161616;
}
#main .modify_info .form_item_full > span strong {
  color: #fa3f37;
  margin-right: 3px;
}
#main .modify_info .form_item_full > span:last-child {
  /* display: none; */
}
#main .modify_info .form_item_full input[type="text"] {
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  outline: none;
  padding-left: 10px;
  border: 1px solid #9d9d9d;
  border: 1px solid #8fc320;
}
#main .modify_info .form_item_full input[readonly] {
  background: #f8f8f8;
}
#main .modify_info .form_item_full textarea {
  width: 32%;
  vertical-align:middle;
  border: 1px solid #8fc320;
}
#main .modify_info .form_item_full div {
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  padding-left: 10px;
  text-align: left;
}
#main .modify_info .form_item_full div label {
  margin: 3px 0 0 0;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
#main .modify_info .form_item_full div label img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}
#main .modify_info .form_item_full div label span {
  display: inline-block;
  vertical-align: middle;
}
#main .modify_info .form_item_full div input[type="radio"] {
  visibility: hidden;
}
#main .modify_info .form_item_full .form_select {
  border: 1px solid #8fc31f;
}
#main .modify_info .split_line {
  width: 100%;
  border-top: 1px dashed #d4d4d4;
  margin: 11px auto;
}
#main .modify_submit {
  text-align: center;
  margin: 15px 0 35px 0;
}
#main .modify_submit a {
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 15px;
  width: 126px;
  height: 38px;
  line-height: 38px;
  border-radius: 5px;
  border: none;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}
#main .modify_submit a.second_btn {
  background: #aeaeae;
  background-image: linear-gradient(#c8c8c8, #9e9e9e);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8c8c8, endcolorstr=#9e9e9e, gradientType=0);
}
#main .modify_submit a.main_btn {
  background-image: linear-gradient(#50b0e0, #519bc0);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#50b0e0, endcolorstr=#519bc0, gradientType=0);
}
#main .modify_password {
  /*width: 94%;
  margin: 0 auto;*/
  min-height:570px;
  margin-top:-31px;
  margin-left:-3%;
  margin-right:-3%;
}
#main .modify_password #resetpwd{
	width:90%;
	margin: 0 auto;
}
#main .modify_password .modify_title {
  color: #e33187;
  font-size: 16px;
  padding:10px;
  background-color:#efefef;
  margin: 15px 0 18px 0;
}
#main .modify_password .modify_subtitle {
  color: #a7a7a7;
  margin: 0 0 20px 0;
}
#main .modify_password .modify_form .form_item_full {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  margin: 8px 0;
  position:relative;
}
#main .modify_password .modify_form .form_item_full .verifyCode-text{
	position:absolute;
	left:90px;
	top:35px;
	cursor:pointer;
}
#main .modify_password .modify_form .form_item_full > span {
  display: inline-block;
  vertical-align: middle;
  width: 75px;
  margin: 0 5px 0 0;
  text-align: right;
  color: #161616;
}
#main .modify_password .modify_form .form_item_full > span strong {
  color: #fa3f37;
  margin-right: 3px;
}
#main .modify_password .modify_form .form_item_full > span:last-child {
 /*  width: 16%;
  text-align: left;
  color: #8a8a8a; */
  display: block;
  width: 100%;
  text-align: left;
  padding-left:85px;
}
#main .modify_password .modify_form .form_item_full input[type="text"] {
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  outline: none;
  padding-left: 10px;
  border: 1px solid #9d9d9d;
  border: 1px solid #8fc320;
  width:23%;
}
#main .modify_password .modify_form .form_item_full input[type="password"] {
  display: inline-block;
  vertical-align: middle;
  height: 28px;
  outline: none;
  padding-left: 10px;
  border: 1px solid #8fc320;
  width:60%;
}
#main .modify_password .modify_form .form_item_full img {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
}
#main .modify_password .modify_bottom {
  /*margin: 15px 0 11px 0;*/
  padding: 30px 0 0 0;
  text-align: center;
}
#main .modify_password .modify_bottom a {
  text-decoration: none;
  display: block;
  vertical-align: middle;
  width: 100%;
  height: 38px;
  line-height: 38px;
  border: none;
  color: #ffffff;
  cursor: pointer;
}
#main .modify_password .modify_bottom a.main_btn {
  /*background-image: linear-gradient(#50b0e0, #519bc0);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#50b0e0, endcolorstr=#519bc0, gradientType=0);*/
  background-color: #90c320;
}
#main .pay_result {
  width: 100%;
  text-align: center;
  padding: 20px 0;
}
#main .pay_result img {
  width: 30%;
  margin-bottom: 10px;
}
#main .pay_result h2 {
  font-size: 18px;
  margin-bottom: 17px;
}
#main .pay_result h2.success {
  color: #8fc31f;
}
#main .pay_result h2.fail {
  color: #ed0781;
}
#main .pay_result p {
  width: 80%;
  margin: 0 auto;
  color: #605f5f;
  line-height: 30px;
  margin-bottom: 17px;
}
#main .pay_result a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  width: 105px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #605f5f;
  background: #fff;
  border: 1px solid #b6b6b6;
  border-radius: 3px;
}
#main .pay_result a:nth-child(4) {
  margin-right: 24px;
}
#main .pay_result a.repay {
  color: #ed0781;
  border-color: #ed0781;
}
#footer {
  padding:15px 0 15px 0;
  background: #8fc320;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 30px;
}
#footer.fixed{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
}
#footer a {
  color: #ffffff;
}
#footer img {
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
}
#footer .slogan-n-share {
  margin: 0 auto;
  padding: 4% 0 5%;
  width: 100%;
  background-color: #8bbe39;
}
#footer .slogan {
  margin: 0 auto;
  width: 228px;
  height: 47px;
  background: url("../images/front/slogan.png") no-repeat center top;
  background-size: 228px 47px;
  text-indent: -9999em;
  border-bottom: 1px solid #fff;
  padding-bottom: 13px;
  margin-bottom: 15px;
}
#footer .index-share {
  margin: 0 auto 0;
  width: 225px;
}
#footer .index-share a {
  float: left;
  height: 25px;
  width: 26px;
  margin-left: 25px;
}
#footer .index-share a.printer {
  display: none;
}
#footer .index-share a.facebook {
  width: 13px;
  background: url("../images/front/facebook-share.png") no-repeat;
}
#footer .index-share a.wechat {
  background: url("../images/front/wechat-share-icon.png") no-repeat;
}
#footer .index-share a.email {
  background: url("../images/front/forward-top-friend-icon.png") no-repeat;
}
#footer .index-share .share_text {
  float: left;
  line-height: 25px;
  color: #ffffff;
}
#footer .copyright {
  margin: 6% auto 0;
  width: 94%;
  line-height: 1.5em;
}
#footer .copyright .footer-sitemap-link {
  display: none;
}
#footer #wechat-qrcode-container {
  position: fixed;
  display: none;
  top: 50%;
  left: 50%;
  margin-left: -106px;
  margin-top: -138px;
  z-index: 9999;
}
#footer .wechat-qrcode-area {
  border: 1px solid #dddddd;
  background-color: #ffffff;
  padding: 20px;
  width: 170px;
  height: auto;
  text-align: center;
}
#footer .wechat-qrcode-area table {
  margin: 0 auto;
}
#footer .wechat-qrcode-text {
  display: none;
}
#footer .wechat-qrcode-text-mobile {
  display: block;
  color: #555555;
}
#footer #wechat-qrcode-output {
  margin: 10px auto;
}
.lock_bg {
  position: fixed;
  z-index: 10000;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.lock_bg #dialog_box {
  width: 315px;
  /*height: 200px;*/
  margin: 15% auto;
  background: rgba(100, 100, 100, 0.5);
  padding: 5px 0 0 5px;
}
.lock_bg #dialog_box .dialog_content {
  width: 310px;
  /*height: 195px;*/
}
.lock_bg #dialog_box .dialog_content .dialog_title {
  width: 100%;
  height: 24px;
  background: #fafafa;
}
.lock_bg #dialog_box .dialog_content .dialog_title > a {
  float: right;
  margin: 5px 10px 0 0;
}
.lock_bg #dialog_box .dialog_content .dialog_title > a img {
  width: 20%;
}
.lock_bg #dialog_box .dialog_content .dialog_body {
  width: 100%;
  /*height: 160px;*/
  background: #fff;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.lock_bg #dialog_box .dialog_content .dialog_body h3 {
  color: #4182dc;
  font-size: 18px;
  margin-bottom: 10px;
}
.lock_bg #dialog_box .dialog_content .dialog_body h3 img,
.lock_bg #dialog_box .dialog_content .dialog_body h3 span {
  display: inline-block;
  vertical-align: middle;
}
.lock_bg #dialog_box .dialog_content .dialog_body p {
  width: 80%;
  margin: 0 auto;
  color: #605f5f;
  line-height: 18px;
}
.lock_bg #dialog_box .dialog_content .dialog_body hr {
  color: #eaeaea;
  margin-bottom: 20px;
}
.lock_bg #dialog_box .dialog_content .dialog_body a {
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
  /*width: 105px;*/
  padding-left:10px;
  padding-right:10px;
  height: 34px;
  line-height: 34px;
  font-size: 14px;
  color: #fff;
  background: #fff;
  border-radius: 3px;
}
.lock_bg #dialog_box .dialog_content .dialog_body a:last-child {
  margin-left: 12px;
}
.lock_bg #dialog_box .dialog_content .dialog_body a.second_btn {
  background: #aeaeae;
  background-image: linear-gradient(#c8c8c8, #9e9e9e);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c8c8c8, endcolorstr=#9e9e9e, gradientType=0);
}
.lock_bg #dialog_box .dialog_content .dialog_body a.main_btn {
  background-image: linear-gradient(#50b0e0, #519bc0);
  filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#50b0e0, endcolorstr=#519bc0, gradientType=0);
}
#index-sitemap {
  margin: 6% auto 5%;
  width: 94%;
}
#index-sitemap .table_list {
  border-bottom: 1px solid #fff;
  padding-bottom: 3%;
  margin-bottom: 6%;
}
#index-sitemap .table_list ul {
  float: left;
  width: 48%;
  padding-right: 2%;
}
#index-sitemap .table_list ul li {
  padding: 0 0 5% 0;
}
#index-sitemap .table_list ul li.title {
  font-weight: bold;
}
#index-sitemap .qrcode {
  display: none;
}
#index-sitemap .socialweb_icon {
  float: left;
  width: 50%;
  margin-bottom: 3%;
}
#index-sitemap .socialweb_icon a {
  float: left;
  display: block;
  margin-left: 3%;
  padding-top: 4%;
  width: 74%;
  line-height: 1.3em;
}
#index-sitemap .socialweb_icon a:first-child {
  width: 20%;
  padding: 0;
}
#index-sitemap .socialweb_icon a img {
  display: block;
  max-width: 100%;
  height: auto;
}
#index-sitemap .download {
  width: 100%;
  height: auto;
  float: left;
  padding: 3% 0;
  margin: 3% 0 0 0;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
}
#index-sitemap .download_title {
  margin-top: 3%;
  font-size: 1.3em;
}
#index-sitemap .download_icon {
  float: left;
  margin: 5% 0 0 0;
  width: 50%;
}
#index-sitemap .download_icon p {
  margin-bottom: 8%;
  line-height: 1.3em;
}
#index-sitemap .download_icon img {
  width: auto;
  max-height: 2.8em;
  margin: 0 0 4% 0;
}
.back_to_top a {
  color: #333333;
  text-decoration: none;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #333333 url(../images/front/cd-top-arrow.jpg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  z-index: 9999;
}
.cd-top.cd-is-visible {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
  visibility: visible !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.cd-top.cd-fade-out {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: .5;
  -khtml-opacity: .5;
  opacity: .5;
}
.no-touch.cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
  background-color: #e86256;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.pwdMessage{
	text-align: center;
}
.spantitle{
	width: 17%;
}
.form_item_full b{
	color:black;
}
.selected_colour {
    color: #e40077;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 15px;
    bottom: 15px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 15px;
    bottom: 15px;
  }
}


.displayBlock{display:block}
.displayNone{display:none}
.cart-area-left, #mobile-menu-shortcut{
  display: none;
}
.cart-area-right{
  margin-bottom: 30px;
}
.cart-list{}
.cart-box{
	position: relative;
}
.cart-list .red{color:#e40077;}
.cart-title{font-size:1.8em;color:#8fc31f ;margin-bottom:5%;}
.cart-title .cart-title-right{
  position: absolute;
  right: 10px;
  top:0;
  font-size: 0.6em;
  color: #676767;
}
.cart-title .cart-title-right >  span{
  margin-left: 20px;
}
.item-box{border-top:1px solid #ddd;line-height:1.5em;margin-bottom:10%;}
.item-box table{border: 2px solid #ddd;border-top:1px solid #ddd; border-bottom:1px solid #ddd; display: block;}
.item-box table tr{border-bottom:1px solid #ddd; display: block;}
.item-box table tbody,
.item-box table td{display:block;}
.item-box .td-box{/*margin:0 10%;*/padding:5% 3%;}
.item-box .green,
.total-box .green{color:#83BA28;}
.item-box .item-summary .td-box{border-bottom:1px solid #ddd;}
.item-box .item-summary .item-image{float:left;width:35%;margin:0 5% 0 3%;}
.item-box .item-summary .item-image img{
	float:left;
	max-width:95%;
	height:100px;
	max-height:180px;
}
.item-box .item-summary .item-info{float:left;width:55%;}
.item-box .item-summary .item-info .name{margin-bottom:5%;}
.item-box .item-summary .item-info .remark{font-size:0.8em;line-height:1.5em;}
.item-box .item-summary .item-info .remark p{margin-bottom:0.5em;}
.item-box .item-summary .prepaid-card-package-reminder{display:none;padding:5% 3%}
.item-box .item-summary .prepaid-card-package-reminder a{color:#e40077}
.item-box .item-price-quantity{text-align:center;}
.item-box .item-price-quantity .td-box{border-bottom:1px solid #ddd;}
.item-box .item-price-quantity .quantity{margin-bottom:20px;}
.item-box .item-price-quantity input{width:30%;text-align:center;margin:0 3%;padding:3%;}
.item-box .item-price-quantity a{display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}
.item-box .item-price-quantity .btn-minus{background:url("../images/cart-mins-btn.png") no-repeat;}
.item-box .item-price-quantity .btn-add{background:url("../images/cart-plus-btn.png") no-repeat;}
.item-box .item-price-quantity .btn-add.disable,
.item-box .item-price-quantity .btn-minus.disable{background-position:0 -21px;}
.item-box .item-subtotal{text-align:center;background-color:#F3F3F3;margin:0;}
.item-box .item-subtotal span{display:block;}
.item-box .item-action{text-align:center;line-height:25px;}
.item-box .item-action .td-box{border-top:1px solid #ddd;}
.item-box .item-action .btn-remove{width:62px;height:23px;background:url("../images/cart-remove-btn.png") no-repeat;padding:2px 0 0 30px;display:block;margin:0 auto;}
.total-box{border-top:1px solid #ddd;margin-bottom:8%;font-size:1em;font-weight:bold;}
.total-box table{border:1px solid #ddd;border-top:none;width:100%;}
.total-box td{display:block;float:left;width:100%;text-align:center;}
.total-box .td-box{margin:0 8%;padding:8% 0;}
.total-box .total-list{
  border-bottom: 1px solid #ddd;
}
.total-box .total-list:before,
.total-box .total-list:after{
  content: ' ';
  display: block;
  clear: both;
}
.total-box .total-list .total-list-item{
  width: 33.333333333333333%;
  float: left;
  padding-top: 5px;
  padding-bottom: 5px;
}
.total-box .item1{}
.total-box .item1 .td-box{border-bottom:1px solid #ddd;}
.total-box .item2{
	width:50%;
	text-align:right;
}
.total-box .item3{
	width:25%;
	padding-right:25%;
	text-align:right;
}
.total-box .item3 .td-box{
	padding:16% 0;
}
.total-box .item4{}
.cart-list .product-blue-btn{display:block;}
.cart-list .cart-no-good-msg{margin:20px 0; padding:30px;border:2px solid #ddd; text-align:center;}

.cart-list .promote-code{padding: 0 5% 3%;}
.cart-list .promote-code .checkPromcode{}
.cart-list .promote-code .checkPromcode-check{background-color:#bbb}
.cart-list .promote-code .promote-code-msg{}
.cart-list .promote-code .promote-code-msg.red{color:#e40077}
.cart-list .promote-code .promote-code-msg .promote-code-question-icon{display: inline-block;cursor: pointer;width: 25px;height: 25px;line-height: 25px;text-align:center;color: #fff;margin-left: 2%;background-color: #8fc31f;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;}
.cart-list .promote-code .promote-code-msg .promote-code-question-content{display:none;border: 1px solid #ccc;color: #ccc;padding: 3% 3% 0 3%;margin-top: 3%;}
.cart-list .promote-code-price{margin-top:3%;color:#e40077}

.btn-back{line-height:1em;background:url("../images/product-back-arrow.png") no-repeat center left;padding-left:20px;color:#555;font-size:1em;margin-bottom:20px;display:block;}
.blue-btn{font-size:1.15em;text-align:center; padding:3.5% 2%;border:none; background-color:#519BC0; background-image:-webkit-linear-gradient(top,#51B1E1,#519BC0); background-image:-moz-linear-gradient(top,#51B1E1,#519BC0); background-image:-ms-linear-gradient(top,#51B1E1,#519BC0); background-image:-o-linear-gradient(top,#51B1E1,#519BC0); background-image:linear-gradient(to bottom,#51B1E1,#519BC0); -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; color:#ffffff !important; text-decoration:none; display: inline-block; cursor: pointer; width: 96%;}
.green-btn{font-size:1em;border:none; padding:3.5% 2%; background:#8fc31f; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#ffffff !important; text-decoration:none; text-align:center; cursor: pointer; display: inline-block; width: 96%;}

.product-main{margin:0 0 5%;}
.product-main .product-title{color:#e40077;font-size:1.33em;line-height:1.3em;border-bottom:1px solid #ddd;padding-bottom:4%;margin:4% 0; font-weight:bold;}
.product-main .product-title span{color:#555;/*margin-left:10px;*/display:block;}
.product-main .product-title span i{font-style:normal;text-decoration:line-through;}
.product-main .section{border-bottom:1px solid #ddd;margin-bottom:8%;}
.product-main .section .photo{text-align:center;margin-bottom:5%;}
.product-main .section .photo img{max-width:100%;height:auto;margin:5% 0 0;max-height:17em;}
.product-main .section .photo span{color:#e40077;}
.product-main .section .detail{}
.product-main .section .detail table.table-style th,
.product-main .section .detail table.table-style td{text-align:center;}
.product-main .section .detail table.table-style tr.selected td{background-color:#e40077 !important;color:#fff;}
.product-main .section .detail table.table-style tr.plan-na td{background-color:#f3f3f3 !important;color:#ccc;}
.product-main .section .detail .item1{color:#555;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
.product-main .section .detail .item2{color:#008ED4;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
.product-main .section .detail .item3{color:#e40077;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ddd;}
.product-main .section .detail .promotion-preferential-box{border-bottom:1px solid #ddd;padding-bottom:8%;margin:8% 0;position:relative;width:100%;}

.product-main .step-title{color:#83BA28;font-size:1.333em;margin:7% 0 5%;}
.product-main .step-title span{font-size:1.5em;float:left;width:7%;display:block;margin-top:-1%;}
.product-main .step-title p{float:left;margin-bottom:0px;width:90%;}
.product-main .section .detail .step-content{margin-bottom:5%;padding:0 0 5% 7%;border-bottom:1px solid #ddd;}
.product-main .section .detail .step-content.last{border:none;padding-bottom:0;}
.product-main .section .detail .step-content .li-box li{min-width:39.5%;}

.product-main .section .detail .step-content .choose-price{margin-bottom:-30px;}
@-moz-document url-prefix(){#container .innerpage-content .product-content .product-main .section .detail .step-content .choose-price{margin-top:60px;}}
.product-main .section .detail .step-content .choose-price li{margin-bottom:30px;}
.product-main .section .detail .step-content .choose-price li span{color:#e40077;}
.product-main .section .detail .step-content .choose-price li .left{float:left;width:50%;margin-right:10%;}
.product-main .section .detail .step-content .choose-price li .right{float:left;width:40%;}
.product-main .section .detail .step-content .choose-price li .right input{width:30%;height:21px;text-align:center;line-height:21px;margin:0 3px;}
.product-main .section .detail .step-content .choose-price li .right a{display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}
.product-main .section .detail .step-content .choose-price li .right .btn-minus{background:url("../images/cart-mins-btn.png") no-repeat;}
.product-main .section .detail .step-content .choose-price li .right .btn-add{background:url("../images/cart-plus-btn.png") no-repeat;}
.product-main .section .detail .step-content .method-list li{margin-bottom:1.5em;}
.product-main .section .detail .step-content .method-list li input{/*margin-top:-2px;*/}


.product-main .info-list-card{text-align:left; }
.product-main .prepaidcard-user-guide{text-align:left; margin-left: 25px; font-weight: bold; text-decoration: underline;}
.flexi-plan-form .product-main .prepaidcard-user-guide{margin-left: 0;}
.product-main .price-box{margin-bottom:3%;padding:2% 1%; text-align: center;}
.product-main .price1{float:left;width:30%; font-weight:bold;}
.product-main .price2{float:left;width:32%;padding-left:4%;border-left:1px solid #ddd; font-weight:bold;}
.product-main .price3{float:left;width:29%;color:#e40077;padding-left:4%;border-left:1px solid #ddd;}
.product-main .price-none{font-size:1.8em;}
.product-main .price1 span,
.product-main .price2 span,
.product-main .price3 span{margin:0 1%;font-size:1.5em;display:block; line-height:1.3em}
.product-main .price2 span{color:#e40077;}
.product-main span.line{text-decoration:line-through;}
.product-main .box1 .price1{width:50%;}
.product-main .box1 .price2{width:45%;}
.product-main .modify-quantity input{width:65%;/*height:21px;*/text-align:center;line-height:1.5;margin:0 3%;padding:2%;}
.product-main .modify-quantity .btn-minus{background:url("../images/cart-mins-btn.png") no-repeat;display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}
.product-main .modify-quantity .btn-add{background:url("../images/cart-plus-btn.png") no-repeat;display:inline-block;text-indent:-9999px;vertical-align:middle;width:21px;height:21px;}

.product-main .modify-quantity .prepaid-card-package-reminder{display:none;margin-top:20px}
.product-main .modify-quantity .prepaid-card-package-reminder a{color:#e40077}

.rel-product{border-top:1px solid #ddd;padding:8% 1% 5%;margin:0;}
.rel-product .rel-title{font-size:1.5em;color:#e40077;margin-bottom:30px;}
.rel-product li{width:100%;clear:both;margin:20px 0;float:left;}
.rel-product li a{display:block;width:40%;float:left;}
.rel-product li a.related-product-name{margin:0 0 0 20px;float:left;}
.rel-product li img{display:block;max-width:100%;height:auto;}


.product-main .buy-now-area{
	margin-bottom:10%;
	position:relative;
}
.product-main .buy-now-area .btn-area{
	position:absolute;
	right:0;
	top:0;
	padding-top:0;
	width:30%;
}
.btn-back{line-height:1em;background:url("../images/product-back-arrow.png") no-repeat center left;padding-left:20px;color:#555;font-size:1em;margin-bottom:20px;display:block;}


.btn-area2{padding-top:5%;}
.btn-two{zoom:1;}
.btn-two:after{content:"";display:block;height:0;clear:both;}
.btn-two .blue-btn,
.btn-two .green-btn,
.btn-two .grey-btn{float: right; width: 45%;}
.btn-two .blue-btn:first-child,
.btn-two .green-btn:first-child,
.btn-two .grey-btn:first-child{float: left;}

.listing-style ul{list-style-type:disc;margin-left:20px}
.listing-style ul > li{list-style-image: url("../images/bullet-point.png");padding-left:5px;margin:10px auto}
.listing-style ol{list-style-type:decimal;margin-left:20px}
.listing-style ol > li {margin:10px auto;}


/* 在线下单--通知公告栏  -- 开始*/
.cart-area-right .notification{
  background-color: #efefef;
  position: absolute;
  top:0;
  width:100%;
  overflow: hidden;
  padding: 7px 0 0;
  margin-bottom: 10px;
  
}
.cart-area-right .notification .title{
  color:#e40077;
  line-height:30px;
  width:80px;
  text-align:right;
  
}
.cart-area-right .notification .text {
  width: calc(100% - 80px);
  width: -webkit-calc(100% - 80px);
  width: -moz-calc(100% - 80px);
  width: -o-calc(100% - 80px);
  float:left;
  overflow: hidden;
}
.cart-area-right .notification .text a {
  overflow:hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space:nowrap;
  display: inline-block;
  line-height:30px;
  margin-right:40px;
}
.cart-area-right .notification .text a:last-child {
	margin-right:0
}

.artical-container{border:none !important}





.handset-sorting-area{position:relative;/*margin-bottom:6%;*/width:100%;}
.handset-sorting-area .green-btn{margin:0 auto 3%;text-align:center;}
.handset-sorting-area .sorting-function{display: none;}
.handset-sorting-area .sorting-arrow{position:absolute;width:100%;height:16px;background:url("../../img/desktop/top-sorting-arrow.png") no-repeat center top;top:56px;text-indent:-9999px;display:none;}
.handset-sorting-area .sorting-area{ margin: 0 3%; overflow:auto;}
.handset-sorting-area .sorting-area .sorting-title{ font-size:1.15em;background: #fff url("../images/toggle-arrow.png") no-repeat 98% 50%; border-bottom: 1px solid #ddd; padding:5% 10% 5% 2%; margin:0 2%;cursor: pointer;}
.handset-sorting-area .sorting-area .sorting-btn-area{background-color: #f3f3f3; margin:0 2%; padding: 5% 5% 3%; border-bottom:1px solid #dddddd; display: none;}
.handset-sorting-area .sorting-area .sorting-btn-area a{width: 90%;display:block;border:0.15em solid #cccccc;box-sizing:border-box;color:#555555;padding:3% 0;margin:0 auto 10px;text-align:center;background-color:#ffffff;min-width:130px;}
.handset-sorting-area .sorting-area .sorting-btn-area a.active{border:0.15em solid #8fc31f;padding:3% 0;}

.handset-sorting-area .dim-search{}
.handset-sorting-area .dim-search .filtering-area a,
.handset-sorting-area .dim-search .sorting-section a{color: #ccc; cursor: default;}
.handset-sorting-area .dim-search .filtering-area a:hover,
.handset-sorting-area .dim-search .sorting-section a:hover{border: 0.15em solid #cccccc; padding: 3% 0; width: 90%;}


.search-condition .search-condition-item,
.search-condition .search-condition-order .search-condition-order-right{
  display: none;
}

.search-condition .search-condition-order .search-condition-order-left{
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  display:table;
  table-layout:fixed;
}
.search-condition .search-condition-order .search-condition-order-left a{
  display:table-cell;
  width: 1%;
  height:45px;
  line-height: 45px;
  text-align: center;
}
.search-condition .search-condition-order .search-condition-order-left a.active{
  color: #fb64a7;
}
.search-condition .search-condition-order .search-condition-order-left a.search-condition-order-select{
	position:relative;
}
/* .search-condition .search-condition-order .search-condition-order-left a.search-condition-order-select:hover, */
.search-condition .search-condition-order .search-condition-order-left a.search-condition-order-select.select{
	background-color:#fff;
}
.search-condition .search-condition-order .search-condition-order-left a.search-condition-order-select .search-condition-order-select-icon{
	width:12px;
	height:11px;
	display:inline-block;
	background-image:url('../images/select-condition-icon.png');
}
/* .search-condition .search-condition-order .search-condition-order-left a.search-condition-order-select:hover .search-condition-order-select-icon, */
.search-condition .search-condition-order .search-condition-order-left a.search-condition-order-select.select .search-condition-order-select-icon{
	transform:rotate(180deg);
}
.search-condition .search-condition-order .search-condition-order-left a.search-condition-order-select .search-condition-order-select-children{
	display:none;
	position:absolute;
	top:100%;
	left:-200%;
	width:300%;
	height:1000px;
  	text-align:center;
  	z-index:1;
  	background-color:rgba(0,0,0,0.8);
}
.search-condition .search-condition-order .search-condition-order-left a.search-condition-order-select .search-condition-order-select-children .search-condition-order-select-item{
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e9e9e9;
	background-color:#fff;
}
.search-condition .search-condition-order .search-condition-order-left a.search-condition-order-select .search-condition-order-select-children .search-condition-order-select-item:last-child{
	border-bottom: none;
}
/* .search-condition .search-condition-order .search-condition-order-left a.search-condition-order-select:hover .search-condition-order-select-children, */
.search-condition .search-condition-order .search-condition-order-left a.search-condition-order-select.select .search-condition-order-select-children{
	display:block;
}

.search-condition, .goods-list{
  margin-left: -3%;
  margin-right: -3%;
}

.goods-list{
  margin-top: 20px;
}
.goods-list .goods-list-item{
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ebebeb;
  display: table;
  width: 100%;
  position: relative;
}
/*.goods-list .goods-list-item:before,
.goods-list .goods-list-item:after{
  content: ' ';
  display: block;
  clear: both;
}*/
.goods-list .goods-list-item > a > img,
.goods-list .goods-list-item > .goods-list-item-content{
  display: table-cell;
  vertical-align: top;
}
.goods-list .goods-list-item > a > img{
  width: 130px;
  margin: auto;
}
.goods-list .goods-list-item .disable-tip{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height:100%;
  background-color: rgba(0, 0 , 0, 0.3);
  text-align: center;
  color: #fff;

}
.goods-list .goods-list-item .goods-list-item-content{
  padding: 5px;

}

.goods-list .goods-list-item .goods-list-item-content > *{
  margin-bottom: 10px;
}
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-title{
  word-wrap:normal;
  text-overflow:ellipsis;
  white-space: nowrap;
  overflow:hidden;
  width:150px;
}
.goods-list .goods-list-item .goods-list-item-content > *:last-child{
  margin-bottom: 0;
}
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-money-value{
  color: #afafaf;
  position: relative;
}
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-money{
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  color: #df0679;
}
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-numbox{
  border: 1px solid #ededed;
  height: 34px;
  box-sizing: border-box;
  display: table;
  width: 100%;
}
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-numbox .goods-list-item-numbox-minus,
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-numbox .goods-list-item-numbox-input,
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-numbox .goods-list-item-numbox-plus{
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ededed;
}
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-numbox .goods-list-item-numbox-minus,
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-numbox .goods-list-item-numbox-plus{
  width: 34px;
  line-height: 34px;
  cursor: pointer;
}
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-numbox .goods-list-item-numbox-minus{

}
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-numbox .goods-list-item-numbox-input{
  border: none;
  border-right: 1px solid #ededed;
  width: 100%;
}
.goods-list .goods-list-item .goods-list-item-content .goods-list-item-numbox .goods-list-item-numbox-plus{
  border-right: none;
}
.goods-list-item-cart-btn{
  width: 100%;
  height: 34px;
  line-height:34px;
  display: block;
  background-color: #8fc320;
  border: none;
  color: #fff;
  text-align: center;
  cursor: pointer;
}
.goods-list-item-cart-btn.disable{
  background-color: #dfdfdf;
  pointer-events:none !important;
  cursor:not-allowed !important;
}


.fancybox-msg-title{color:#555; font-size:18px; font-weight:bold; border-bottom:1px solid #dddddd; padding:0 0 15px 0; width:450px}
.fancybox-msg-area{color:#000000; font-size:15px; margin-top:20px}
.fancybox-close-btn-area{margin:50px 0 30px 0; text-align:center}

.fancybox-btn-style{
  display: inline-block;
  min-width:150px;
  border:none;
  background: #8fc31f;
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  color: #ffffff;
  font-size: 15px;
  font-family:Arial, Helvetica, sans-serif;
  padding: 8px;
  text-decoration: none;
  margin-right:auto;
  margin-left:auto
}

.search-toggle-btn{
	width:100%;
	height:40px;
	line-height:40px;
	background-color:#90C320;
	text-align:center;
	color:#fff;
	font-size:16px;
	border-radius:3px;
	margin-top:20px;
	cursor:pointer;
}


.register-guide-container{
	margin:auto;
	border-top:1px solid #dfe3e7;
	margin-top:20px;
	margin-bottom:20px;
}
.register-guide-container .register-guide-title{
	font-size:16px;
	color:#8fc31f;
	font-weight:bold;
	padding:10px 10px 10px 20px;
}
.register-guide-container .register-guide-step-container{
	width:90%;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
}

.register-guide-container .register-guide-step-container .register-guide-step-item{
	background-image:linear-gradient(#96c533, #85ae2c);
	background-color:#96c533;
	border:1px solid #78a120;
	color:#fff;
	padding:10px;
}
.register-guide-container .register-guide-step-container .register-guide-step-item .register-guide-step-title{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	display:block;
}
.register-guide-container .register-guide-step-container .register-guide-step-item p{
	text-indent:2em;
}
.register-guide-container .register-guide-step-container .register-guide-step-icon{
	background-image:url('../images/register-guide-step-icon.png');
	width:16px;
	height:22px;
	display:block;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}



/* 账户申请
  /apply/apply.html
  開始
*/
.apply-account-page .apply-main{
  border:none;
}
.process-query .search-wrap > input[type=submit] {
  width:10%;
  min-width: 60px;
}
.search-result{
  padding:10px;
}

.form-title{
  font-size: 15px;
  color: #81b916;
  line-height:32px;
  margin:0 10px;
  border-bottom:1px solid #dddddd;
}
.apply-account-page .apply-main .form-group .item-title {
  text-align: left;
  font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;
}

/*btn-tab  切换*/
.btn-tab{
  border:1px solid #e10374;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  line-height:34px;
  margin:10px 10px ;
}
.btn-tab .tab-link{
  color: #e10374;
  text-align: center;
  width:50%;
  float:left;
  font-size:15px;
}
.btn-tab .tab-link.active {
  background-color: #e10374;
  color:#fff;
}
.apply-account-page .apply-main input, .apply-account-page .apply-main textarea{
  width: calc(100% - 10.5em);
  width: -webkit-calc(100% - 10.5em);
  width: -ms-calc(100% - 10.5em);

}
.apply-account-page .apply-main .search-result .step-list dl:last-child:before{
  top:-45px;
}
/* 查询条件 */
.process-query .search-title{
  margin: 0 10px;
  line-height:32px;
  height:32px;
  text-align: center;
  border:none;
  color:#fff;
  background-color: #90c320;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.process-query .search-wrap{
  background-color: #efefef;
  margin:0 10px;
  padding:20px 10px 10px;
}
.process-query .search-wrap input[type='submit']{
  display: block;
  width:100%;
  margin-top:20px;
  background-color: #90c320;
  border:none;
  border-bottom:2px solid #84b11b;
  color:#fff;
  line-height:28px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.process-query .search-wrap input[type='button']{
  display: block;
  width:100%;
  margin-top:20px;
  background-color: #90c320;
  border:none;
  border-bottom:2px solid #84b11b;
  color:#fff;
  line-height:28px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.apply-account-page .apply-main .process-query .search-wrap input[type='text'] {
  width: calc(100% - 6em);
  width: -webkit-calc(100% - 6em);
  margin-left:.5rem;
  line-height:24px;
  border-color: #90c320;
}
/*.yz {*/
  /*padding-left: 10px;*/
/*}*/
.login_control .check2 {
  margin-left: 10px;
}
#verifyCode1 {
  width: calc(82% - 6em);
  width: -webkit-calc(82% - 6em);
}
#verifyCode2 {
  width: calc(77% - 6em);
  width: -webkit-calc(77% - 6em);
}
#img_code {
  height: 38px;
}
#img_code2 {
  margin-right: 18px;
  margin-left: 10px;
}
.apply-account-page .apply-main .process-query .search-result-title{
  margin-top: 25px;
}
.search-result .intro{
  height:auto !important;
  line-height: 1.8 !important;
  padding:10px 0;
}
.apply-account-page .apply-main .process-query .search-result .intro .intro-item{
  padding:0 !important;
  position: relative !important;
  width:33.3%;
  float:left;
}
.search-result .intro .intro-item:nth-child(3){
  right:0 !important;
}
.search-result .intro .intro-item:nth-child(2){
  left:0 !important;
}
.apply-account-page .apply-main .process-query .search-result .intro .intro-item .circle{
  border:none;
  width:.7em;
}
.apply-account-page .apply-main .process-query .search-result .intro .intro-item .circle:after {
  content:".";
}
.apply-account-page .apply-main .search-result .step-list dl dd.justify-info{
  margin-top:10px;
  text-align: left;
}


.apply-account-page .apply-main .notice{
  display: none;
  position: fixed;
  z-index: 100;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background-color: #fff;
}
.apply-account-page .apply-main .notice .notice-close-btn{
  background: #90c320;
  margin:0 auto;
  color:#fff;
  padding:5px 10px;
  line-height:30px;
  height:30px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  text-align: center;
  font-size:15px;
  margin-top:30px;
}
.apply-account-page .apply-main .notice-btn-block {
  clear:both;
  background-color: #efefef;
  padding:10px;
  margin: 0 10px;
}
.apply-account-page .apply-main .notice-btn-block .notice-btn{
  padding:10px;
  border:1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background:#fff url("../images/icon-arrow-right-gray.png") no-repeat right center;
}
.apply-account-page .apply-main .notice-btn-block .notice-btn:first-child {
  margin-bottom:10px;
}

.apply-account-page  .apply-main  .submit-btn{
  width:90%;
  background-color: #519bc0;
  border:none;
}

.col-xs-100{
  width:100%;
}
/* 账户申请
  /apply/apply.html
  结束
*/



/*
*合作伙伴partner
 index.html
 开始
*/

/*banner*/
.partner-banner {
  background: url("../images/partner/mobile-banner.jpg") no-repeat;
  height: 156px;
  position: relative;
  margin-top: 52px;
}
.partner-banner .banner-wrap {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.partner-banner .partner-banner-text h1 {
  font-size: 18px;
}
.partner-banner .partner-banner-text p {
  margin-top: 10px;
  font-size: 12px;
  line-height: 12px;
}
.partner-banner .partner-banner-text p span{
  display: block;
}
.partner-banner .partner-banner-button {
  margin-top: 15px;
}
.partner-banner .partner-banner-button .button-wrap {
  width: 251px;
  margin: 0 auto;
}
.partner-banner .partner-banner-button button {
  width: 98px;
  height: 26px;
  font-size: 12px;
}
.partner-banner .banner-wrap .partner-banner-button .but {
  margin-right: 51px;
}

/*process*/
.partner-content {
  width: 100%;
  background-color: #fff;
  margin-top: 20px;
}
.partner-content .partner-content-header {
  width: 100%;
  height: 40px;
  position: relative;
}
.partner-content .partner-content-header h2 {
  font-size: 16px;
  color: #8fc31f;
  text-align: center;
  vertical-align: middle;
}
.partner-content .partner-content-header .partner-content-line {
  width: 20px;
  height: 3px;
  background-color: #e5e5e5;
  margin: 5px auto 0 auto;
}
.partner-content .partner-content-header .header-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.partner-content .partner-content-info {
  width: 100%;
  margin: 21px auto 0 auto;
  height: 360px;
  position: relative;
}
.partner-content .partner-content-info .info-num {
  margin-left: 24px;
  display: inline-block;
}
.partner-content .info-num .info-num-photo {
  width: 16px;
  height: 16px;
  background: url("../images/partner/logo.png") no-repeat;
  background-size: cover;
  position: relative;
}
.partner-content .info-num-photo span {
  font-size: 6px;
  color: #fff;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.partner-content .info-num .info-num-line {
  width: 1px;
  height: 74px;
  margin-left: 8px;
  border: 1px dashed #f9f9f9;
  border-bottom: 0;
  border-right: 0;
  border-top: 0;
}
.partner-content .partner-content-info .info-wrap {
  display: inline-block;
  position: absolute;
  top: 0;
  margin-left: 15px;
}
.partner-content .process-title .title-frame {
  display: none;
}
.partner-content .process-title h3{
  font-size: 14px;
  font-weight: normal;
}
.partner-content .process-info p {
  font-size: 12px;
  height: 32px;
  line-height: 14px;
  margin: 12px 35px 0 0;
}
.height {
  margin-top: 26px;
}
/*
*合作伙伴partner
 index.html
 结束
*/