@charset "utf-8";

@import url("mod_media.css");

/* ===========================
		common
   =========================== */
body {
position: relative;
max-width: 640px;
min-width: 320px;
margin: 0 auto;
padding: 0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-text-size-adjust:none;
-webkit-overflow-scrolling:touch;
}
body.fixed {
padding-top: 4.9rem;
}

/* ===========================
		header#header_box
   =========================== */
#header_box {
position: relative;
top: 0;
width: 100%;
max-width: 640px;
min-width: 320px;
height: 4.9rem;
background-color: #fd8824;
overflow: hidden;
z-index: 9998;
}
body.fixed #header_box {
position: fixed;
}
#header_box .kxb_menu {
position: absolute;
bottom: 0;
left: 0;
width: 4.4rem;
height: 4.9rem;
background: url("../images/common/icon_all.png") no-repeat 0.6rem 1rem;
background-size: 20rem 20rem;
cursor: pointer;
}
#header_box .kxb_back {
position: absolute;
bottom: 0;
left: 0;
width: 4.4rem;
height: 4.9rem;
background: url("../images/pay/icon_pay.png") no-repeat -3.1rem -4.7rem;
background-size: 20rem 8.9rem;
}
#header_box .kxb_title {
max-width: 16rem;
height: 4.9rem;
margin: 0 8rem;
line-height: 5rem;
text-align: center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#header_box h1 {
    max-width: 16rem;
    height: 4.9rem;
    margin: 0 8rem;
    line-height: 5rem;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#header_box h1 img {
width: 14rem;
height: 2.4rem;
margin: 1.3rem 0 0 -10%;
vertical-align: top;
}
#header_box .kxb_title img {
width: 14rem;
height: 2.4rem;
margin: 1.3rem 0 0 -10%;
vertical-align: top;
}
#header_box .kxb_title {
color: #fff;
font-size: 1.7rem;
}
#header_box .icon_sign {
display: inline-block;
width: 1rem;
height: 0.8rem;
margin-left: 0.5rem;
background: url("../images/common/icon_all.png") no-repeat -5.2rem -1.3rem;
background-size: 20rem 20rem;
vertical-align: 0.2rem;
}
#header_box .kxb_filter {
position: absolute;
bottom: 0;
right: 0;
width: 4.4rem;
height: 4.9rem;
background: url("../images/common/icon_all.png") no-repeat -7.6rem 1rem;
background-size: 20rem 20rem;
cursor: pointer;
}
#header_box .btns {
position: absolute;
bottom: 0.4rem;
right: 0;
height: 4rem;
overflow: hidden;
}
#header_box .btns li {
float: left;
height: 4rem;
margin-left: 0.2rem;
}
#header_box .btns li:first-child {
margin-left: 0;
}
#header_box .btns li a {
display: inline-block;
width: 4rem;
height: 4rem;
vertical-align: top;
}
#header_box .btns li .phone {
    background: url("../images/common/icon_phone02.png") no-repeat center center;
    background-size: 3rem 3rem;
}
#header_box .btns li .service {
    background: url("../images/common/icon_service02.png") no-repeat center center;
    background-size: 3rem 3rem;
}
#header_box .btns li .mbr_back {
    background: url("../images/member/icon_member.png") no-repeat 0.6rem 0.6rem;
    background-size: 20rem 20rem;
}
#header_box .btns .login {
    line-height: 4rem;
    font-size: 1.7rem;
}
#header_box .btns .login a {
width: 100%;
height: 100%;
padding: 0 1rem;
color: #fff;
}


/* ===========================
		a#btn_top
   =========================== */
#btn_top {
position: fixed;
right: 1rem;
bottom: 1rem;
z-index: 999;
}
#btn_top a {
display: block;
width: 4.1rem;
height: 4.1rem;
background: url("../images/common/icon_all.png") no-repeat -15.6rem -13rem;
background-size: 20rem 20rem;
}

/* ===========================
		section#login_box
   =========================== */
.reg_area {
background-color: #fff;
overflow: hidden;

}
.reg_area .image {
width: 32rem;
height: 13rem;
}
.reg_area .reg_list {
width: 27.4rem;
margin: 0 auto;
}
.reg_list li {
position: relative;
padding-bottom: 2.4rem;
}
.reg_list li input {
width: 25.4rem;
height: 3.4rem;
padding: 0 1rem;
border: 0.1rem solid #E6E6E6;
font-size: 1.4rem;
color: #888;
-webkit-border-radius: 0.2rem;
border-radius: 0.2rem;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
}
.reg_list  .code {
min-height: 7rem;
padding-bottom: 0;
overflow: hidden;
}
.reg_list  .code input {
float: left;
width: 14.4rem;
}
.reg_list  .code .code_img_wrap {
float: right;
}
.reg_list  .code span img {
float: right;
width: 10.5rem;
}
.reg_list .code .error {
top: 4.1rem;
padding: 0 0 0.2rem;
}
#login_popup .reg_list .code .error {
    top: 0;
    height: auto;
    margin-bottom: -1rem;
    padding: 0 0 0.2rem;
    overflow: hidden;
}
.reg_list .code .error span {
display: inline-block;
width: 25.5rem;
}
.reg_area .reg_btn {
margin-bottom: 2.5rem;
overflow: hidden;
}
.reg_area .reg_btn .register,
.reg_area .reg_btn .login {
display: block;
width: 27.4rem;
height: 4rem;
margin: 0 auto;
background-color: #fd8824;
color: #fff;
font-size: 1.5rem;
line-height: 4rem;
text-align: center;
-webkit-border-radius: 0.2rem;
border-radius: 0.2rem;
}
.reg_area .reg_btn .psw {
padding: 0.8rem 2.3rem 0;
overflow: hidden;
}
.reg_btn .psw label {
float: left;
color: #666;
cursor: pointer;
font-size: 1.1rem;
padding-bottom: 0.5rem;
}
.reg_list .user_icon{ width:2.6rem; height:2.6rem;  display: block; border-right: 0.1rem solid  #E6E6E6;     position: absolute; left:0.1rem; top:0.1rem; background:#F7F7F7;}
.reg_list .user_icon{ background:url(../images/login/login-sprint_03.png) no-repeat 0.5rem 0.4rem #F7F7F7; background-size: 200%;}
.reg_list .password_icon{ background:url(../images/login/login-sprint_03.png) no-repeat 0.4rem -3.7rem #F7F7F7; background-size: 200%;}
.reg_list .yzm_icon{ background:url(../images/login/login-sprint_03.png) no-repeat 0.4rem -7.9rem #F7F7F7; background-size: 200%;}
.reg_list .selectli .user_icon{ background-position: -2.8rem 0.4rem;}
.reg_list .selectli .password_icon{background-position: -2.9rem -3.7rem ;}
.reg_list .selectli .yzm_icon{background-position: -2.9rem -7.9rem;}

#login_popup .login_cont .reg_list li  input.yzm_box{ width:10.5rem; float:left;}
#login_popup .login_cont .yzm_boxr{ width:6.3rem; float:right; border:0.1rem solid #E6E6E6; height:2.8rem; }

.reg_btn .psw .icon_b {
display: inline-block;
width: 1.6rem;
height: 1.6rem;
margin-right: 0.8rem;
background: url("../images/pay/icon_pay.png") no-repeat -6rem -2.9rem;
background-size: 20rem 8.9rem;
vertical-align: -0.4rem;
}
#accept_b:checked + .icon_b {
background-position: -9rem -2.9rem;
}
#accept_b {
display: none;
}
#accept_c:checked + .icon_b {
background-position: -9rem -2.9rem;
}
#accept_c {
display: none;
}
#accept_d:checked + .icon_b {
background-position: -9rem -2.9rem;
}
#accept_d {
display: none;
}
.reg_btn .psw .forget {
float: right;
color: #212121;
line-height: 1.6rem;
}

.reg_area .vali_now {
border: 0.1rem solid #ff3131;
color: #ff3131;
}
.reg_area .error {
position: absolute;
width: 100%;
padding: 0.5rem 0;
}
.reg_area .error .icon_e {
background: rgba(0, 0, 0, 0) url("../images/pay/icon_pay.png") no-repeat scroll -18.5rem -3.1rem / 20rem 8.9rem;
display: inline-block;
height: 1.4rem;
margin-right: 0.5rem;
width: 1.4rem;
vertical-align: text-top;
}
.reg_area .error span {
color: #fb5759;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.4rem;
vertical-align: text-top;
}
.union_login {
padding: 1rem 0 1rem;
}
.union_login .ttl {
height: 1.1rem;
}
.union_login .ttl img {
width: 28rem;
height: 1.1rem;
margin: 0 2rem;
}
.union_login .list {
width: 28rem;
margin: 0 auto;
overflow: hidden;
}
.union_login .list li {
float: left;
margin-left:1.5rem;
text-align: center;
color:#888888;
}
.union_login .list li a {
    display: block;
    margin-bottom: -0.5rem;
}
.union_login .wx img {
width: 6.7rem;
}
.union_login .zfb img {
width: 7.4rem;
}
.union_login .qq img {
width: 7.3rem;
}
.union_login .xl img {
width: 6.6rem;
}


/* ===========================
		section#about_us
   =========================== */
#about_us {
    background-color: #fff;
    border-top: 0.1rem solid #fd8824;
}
#about_us .about_list {
margin: 0 2%;
padding: 0.7rem 0 0.4rem;
overflow: hidden;
}
#about_us .about_list li {
float: left;
width: 25%;
text-align: center;
}
#about_us .about_list li .icon {
display: block;
width: 2.5rem;
height: 2.5rem;
margin: 0 auto;
}
#about_us .about_list li .sign_01 {
background: url("../images/common/icon_all.png") no-repeat -0.3rem -3.6rem;
background-size: 20rem 20rem;
}
#about_us .about_list li .sign_02 {
background: url("../images/common/icon_all.png") no-repeat -6.3rem -3.6rem;
background-size: 20rem 20rem;
}
#about_us .about_list li .sign_03 {
background: url("../images/common/icon_all.png") no-repeat -11.8rem -3.6rem;
background-size: 20rem 20rem;
}
#about_us .about_list li .sign_04 {
background: url("../images/common/icon_all.png") no-repeat -17.2rem -3.6rem;
background-size: 20rem 20rem;
}
#about_us .about_list li .ttl {
padding: 0.9rem 0 0.7rem;
display: block;
font-size: 1.3rem;
color: #333;
}
#about_us .about_list li .txt {
display: block;
font-size: 1.2rem;
color: #888;
line-height: 1.6rem;
}
#about_us .banner {
border-bottom: 0.1rem solid #e2e2e2;
}
#about_us .banner img {
width: 100%;
}

/* ===========================
		footer#footer_box
   =========================== */
#footer_box .link_list {
height: 3.4rem;
overflow: hidden;
}
#footer_box .link_list li {
float: left;
width: 25%;
height: 1.4rem;
padding: 1.1rem 0;
}
#footer_box .link_list li:first-child {
width: 22%;
}
#footer_box .link_list li:nth-child(2) {
width: 27%;
}
#footer_box .link_list.wd_list li {
width: 20%;
}
#footer_box .link_list li a {
    display: block;
    width: 100%;
    height: 1.4rem;
    border-left: 0.1rem solid #c8c8c8;
    line-height: 1.4rem;
    font-size: 1.2rem;
    color: #888;
    text-align: center;
}
#footer_box .link_list li:first-child a {
    border-left: 0;
}
#footer_box p {
    height: 3rem;
    background-color: #f8f8f8;
    text-align: center;
    line-height: 3rem;
    font-size: 1.2rem;
    color: #888;
}
#footer_box p a {
    padding-left: 1rem;
    color: #fd8824;
}

/* ===========================
		section#popup_box
   =========================== */
#popup_box {
display: none;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 80%;
overflow: hidden;
background-color: #f0f0f0;
z-index: 9999;
}
#popup_box .show_area {
float: left;
width: 100%;
height: auto;
background-color: #f0f0f0;
z-index: 9999999;
}
#popup_box .show_area .title {
height: 3.8rem;
padding: 1rem 0 0;
background-color: #fff;
border-bottom: 0.1rem solid #ececec;
text-align: center;
}
#popup_box .show_area .title img {
width: 14.4rem;
height: 1.8rem;
}
#popup_box .show_area .close {
position: absolute;
top: 0;
right: 0;
width: 4rem;
height: 3.8rem;
cursor: pointer;
}
#popup_box .show_area .close .icon_c {
display: block;
width: 1.3rem;
height: 1.3rem;
margin: 1.2rem auto 0;
background: url("../images/common/icon_all.png") no-repeat -0.8rem -15.6rem;
background-size: 20rem 20rem;
}
#popup_box .show_area .login_area {
height: 6.6rem;
background-color: #fff;
border-bottom: 0.1rem solid #ececec;
}
#popup_box .login_out {
padding-top: 1.2rem;
}
#popup_box .login_out ul {
width: 90%;
margin: 0 5%;
overflow: hidden;
}
#popup_box .login_out ul li {
float: left;
width: 50%;
}
#popup_box .login_out ul li a {
display: block;
width: 10rem;
height: 3rem;
margin: 0 auto;
line-height: 3.2rem;
text-align: center;
-webkit-border-radius: 0.2rem;
-moz-border-radius: 0.2rem;
-o-border-radius: 0.2rem;
border-radius: 0.2rem;
color: #fff;
font-size: 1.4rem;
}
#popup_box .login_out li .login {
background-color: #fb8834;
}
#popup_box .login_out li .register {
background-color: #f4b92b;
}
#popup_box .login_in {
padding-top: 0.8rem;
overflow: hidden;
}
#popup_box .login_in .avatar {
float: left;
width: 25%;
padding: 0.4rem 0 0 4%;
}
#popup_box .login_in .avatar img {
width: 4rem;
height: 4rem;
-webkit-border-radius: 2rem;
-moz-border-radius: 2rem;
-o-border-radius: 2rem;
border-radius: 2rem;
}
#popup_box .login_in .user {
float: left;
width: 75%;
padding-right: 4%;
}
#popup_box .login_in .name {
position: relative;
display: inline-block;
max-width: 100%;
height: 1.8rem;
padding-right: 2.3rem;
line-height: 2rem;
color: #333;
font-size: 1.3rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;  
}
#popup_box .login_in .name span {
position: absolute;
top: 0;
right: 0.3rem;
display: inline-block;
width: 1.8rem;
height: 1.8rem;
vertical-align: top;
}
#popup_box .login_in   .list a{ color:#333;}
#popup_box .login_in .name .icon_K0 {
background: url("../images/common/icon_level_all.png") no-repeat -0.2rem -0.2rem;
background-size: 20rem 2.2rem;
}
#popup_box .login_in .name .icon_K1 {
background: url("../images/common/icon_level_all.png") no-repeat -3.2rem -0.2rem;
background-size: 20rem 2.2rem;
}
#popup_box .login_in .name .icon_K2 {
background: url("../images/common/icon_level_all.png") no-repeat -6.2rem -0.2rem;
background-size: 20rem 2.2rem;
}
#popup_box .login_in .name .icon_K3 {
background: url("../images/common/icon_level_all.png") no-repeat -9.2rem -0.2rem;
background-size: 20rem 2.2rem;
}
#popup_box .login_in .name .icon_K1_b {
background: url("../images/common/icon_level_all.png") no-repeat -12.1rem -0.2rem;
background-size: 20rem 2.2rem;
}
#popup_box .login_in .name .icon_K2_b {
background: url("../images/common/icon_level_all.png") no-repeat -15rem -0.2rem;
background-size: 20rem 2.2rem;
}
#popup_box .login_in .name .icon_VIP_b {
background: url("../images/common/icon_level_all.png") no-repeat -18rem -0.2rem;
background-size: 20rem 2.2rem;
}
#popup_box .login_in .list {
padding-top: 0.2rem;
line-height: 1.4rem;
color: #888;
}
#popup_box .login_in .list span {
display: inline-block;
width: 30%;
text-align: center;
font-size: 1.1rem;
}
#popup_box .login_in .list span b {
display: block;
color: #333;
}

#popup_box .menu_list {
margin-top: 0.5rem;
background-color: #fff;
border-bottom: 0.1rem solid #ececec;
}
#popup_box .menu_list li {
position: relative;
}
#popup_box .menu_list li  .icon_li {
position: absolute;
top: 1.3rem;
right: 1.2rem;
display: block;
width: 1rem;
height: 1.5rem;
background: url("../images/common/icon_all.png") no-repeat -4.9rem -15.5rem;
background-size: 20rem 20rem;
}
#popup_box .menu_list li .ttl_icon {
display: block;
width: 96%;
height:4rem;
margin-left: 4%;
padding-left: 2rem;
border-top: 0.1rem solid #ececec;
line-height: 4rem;
font-size: 1.5rem;
color: #333;
}
#popup_box .menu_list li .ttl_icon .icon_a {
position: absolute;
top: 1.3rem;
left: 4%;
display: block;
width: 1.4rem;
height: 1.6rem;
}

#popup_box #sub_menu li .ttl_icon {
border-top: 0;
border-bottom: 0.1rem solid #ececec;
}
#popup_box #sub_menu li:last-child .ttl_icon {
border-bottom: 0;
}
#main_menu li:first-child .ttl_icon,
#sub_menu li:first-child .ttl_icon {
border-top: 0;
}
#main_menu li:first-child .icon_a {
background: url("../images/common/icon_all.png") no-repeat -0.6rem -18.3rem;
background-size: 20rem 20rem;
}
#main_menu li:nth-child(2) .icon_a {
background: url("../images/common/icon_all.png") no-repeat -4.2rem -18.3rem;
background-size: 20rem 20rem;
}
#sub_menu li:first-child  .icon_a {
background: url("../images/common/icon_all.png") no-repeat -7.8rem -18.4rem;
background-size: 20rem 20rem;
}
#sub_menu li:nth-child(2) .icon_a {
background: url("../images/common/icon_all.png") no-repeat -11.3rem -18.4rem;
background-size: 20rem 20rem;
}
#sub_menu li:nth-child(3) .icon_a {
background: url("../images/common/icon_all.png") no-repeat -14.6rem -18.4rem;
background-size: 20rem 20rem;
}
#sub_menu li:nth-child(4) .icon_a {
background: url("../images/common/icon_all.png") no-repeat -18.1rem -18.4rem;
background-size: 20rem 20rem;
}
#sub_menu li:nth-child(5) .icon_a {
    background: url("../images/common/icon_menu_safe.png") no-repeat 0.2rem top;
    background-size: 1.2rem 1.2rem;
}
#main_menu li:nth-child(3) .icon_a {
    background: url("../images/common/icon_menu_srh.png") no-repeat 0.2rem 0.1rem;
    background-size: 1.2rem 1.2rem;
}
#popup_box .menu_list li .list_icon {
background-color: #f7f7f7;
overflow: hidden;
}
#popup_box .menu_list li .list_icon ul {
margin-left: 4%;
padding-right: 3%;
overflow: hidden;
border-bottom: 0.1rem solid #ececec;
}
#popup_box .menu_list li .list_icon ul li {
float: left;
width: 25%;
text-align: center;
background: none;
}
#popup_box .menu_list li .list_icon ul li a {
display: block;
height: 4rem;
line-height: 4rem;
font-size: 1.3rem;
color: #888;
background: none;
}

#popup_box .bnr_area {
padding-top: 1rem;
text-align: center;
}
#popup_box .bnr_area img {
width: 23rem;
height: 2.2rem;
}
#popup_box .btn_area {
padding-top: 0.8rem;
overflow: hidden;
}
#popup_box .btn_area li {
width: 50%;
margin: 0 auto;
}
#popup_box .btn_area li a {
display: block;
width: 11.8rem;
height: 3rem;
margin: 0 auto;
border: 0.1rem solid #ddd;
-webkit-border-radius: 0.1rem;
-moz-border-radius: 0.1rem;
-o-border-radius: 0.1rem;
border-radius: 0.1rem;
}
#popup_box .btn_area li a img {
width: 11.6rem;
height: 2.8rem;
}
#popup_box .out_login {
width: 80%;
margin: 1.3rem 10%;
height: 3.2rem;
background-color: #fff;
border: 0.2rem solid #fb8834;
-webkit-border-radius: 0.1rem;
-moz-border-radius: 0.1rem;
-o-border-radius: 0.1rem;
border-radius: 0.1rem;
text-align: center;
}
#popup_box .out_login a {
display: block;
line-height: 3rem;
font-size: 1.2rem;
color: #eb6d1f;
}
#popup_box.animate {
display:block;
animation:myAni 0.3s;
-moz-animation:myAni 0.3s;
-webkit-animation:myAni 0.3s;
-o-animation:myAni 0.3s;
animation-fill-mode : forwards;
-moz-animation-fill-mode : forwards;
-webkit-animation-fill-mode : forwards;
-o-animation-fill-mode : forwards;
}
@keyframes myAni
{
from  {left: -100%; top: 0}
to {left: 0; top: 0}
}
@-moz-keyframes myAni
{
from  {left: -100%; top: 0}
to {left: 0; top: 0}
}
@-webkit-keyframes myAni
{
from  {left: -100%; top: 0}
to {left: 0; top: 0}
}
@-o-keyframes myAni
{
from  {left: -100%; top: 0}
to {left: 0; top: 0}
}

#scroll_visual .animate {
animation:scrollAni 0.5s;
-moz-animation:scrollAni 0.5s;
-webkit-animation:scrollAni 0.5s;
-o-animation:scrollAni 0.5s;
animation-fill-mode : forwards;
-moz-animation-fill-mode : forwards;
-webkit-animation-fill-mode : forwards;
-o-animation-fill-mode : forwards;
}
@keyframes scrollAni
{
from  {left: -100%; top: 0}
to {left: 0; top: 0}
}
@-moz-keyframes scrollAni
{
from  {left: -100%; top: 0}
to {left: 0; top: 0}
}
@-webkit-keyframes scrollAni
{
from  {left: -100%; top: 0}
to {left: 0; top: 0}
}
@-o-keyframes scrollAni
{
from  {left: -100%; top: 0}
to {left: 0; top: 0}
}


/* ===========================
		section#select_show
   =========================== */
#select_show,
#select_show1,
#select_show2,
#select_show3,
#select_area,
#selects_show {
display: none;
position: absolute;
top: 0;
width: 100%;
height: 100%;
margin: 0 auto;
min-width: 320px;
max-width: 640px;
background-color:rgba(0, 0, 0, 0.5);
z-index: 10001;
visibility: visible;
-webkit-animation:animations1 0.3s ease-out;
-moz-animation:animations1 0.3s ease-out;
-o-animation:animations1 0.3s ease-out;
animation:animations1 0.3s ease-out;
}
@-webkit-keyframes animations1 {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@-moz-keyframes animations1 {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@-o-keyframes animations1 {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@keyframes animations1 {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
#select_show .show_popup,
#select_show1 .show_popup,
#select_show2 .show_popup,
#select_show3 .show_popup,
#select_area .show_popup,
#selects_show .show_popup {
position: fixed;
top: 50%;
left: 50%;
width: 88%;
max-width: 26rem;
background-color:#fff;
text-align: center;
-webkit-border-radius: 0.1rem;
border-radius: 0.1rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-moz-transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
-o-transform:translate(-50%, 0);
transform: translate(-50%, 0);  
}
.show_popup .sel-list {
overflow: hidden;
}
.show_popup .title {
    height: 4rem;
    line-height: 4.2rem;
    background-color: #fd8824;
    font-size: 1.5rem;
    color: #fff;
    -webkit-border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
}
.show_popup .title .close {
position: absolute;
right: 0;
top: 0;
width: 5rem;
height: 4rem;
cursor: pointer;
z-index: 999;
}
.show_popup .title .icon_c {
display: block;
width: 1.5rem;
height: 1.5rem;
margin: 1.3rem 0 0 2.3rem;
background: url("../images/common/icon_white_close.png") no-repeat left top / 1.5rem 1.5rem;
}
.sel-list ul li {
height: 4.4rem;
line-height: 4.4rem;
text-align: left;
}
.sel-list li label {
display: block;
cursor: pointer;
color: #333;
font-size: 1.3rem;
}
.sel-list label span {
position: relative;
display: block;
padding: 0 4%;
border-bottom: 0.1rem solid #ececec;
color: #333;
overflow: hidden;
white-space: nowrap;
overflow-wrap:break-word;
text-overflow: ellipsis; 
}
.sel-list label input {
display: none;
}
.sel-list label .icon_r {
position: absolute;
top: 1.3rem;
right: 1rem;
width: 1.7rem;
height: 1.7rem;
background: url("../images/pay/icon_pay.png") no-repeat -2.7rem -2.8rem;
background-size: 20rem 8.9rem;
}
.sel-list [id^="sel_pop"]:checked + .icon_r,
.sel-list [id^="sels_pop"]:checked + .icon_r {
background-position: 0.1rem -2.8rem;
}

.show_popup .sel-list {
position: relative;
overflow: hidden;
}
.swiper-container {
height: 13.2rem;
}
.swiper-container label span {
border-bottom: 0;
color: #aaa;
}
.sel-list .sel-now  {
display: none;
position: absolute;
top: 4.4rem;
width: 100%;
}
.sel-list .sel-now span {
display: block;
height: 4.4rem;
margin: 0 4%;
border-top: 0.1rem solid #ececec;
border-bottom: 0.1rem solid #ececec;
}
.sel-list .swiper-wrapper {
position: relative;
top: 4.4rem;
}
.show_popup .sel_btn,
.show_popup .sel_btn02 {
display: none;
}
.show_popup .sel_btn a,
.show_popup .sel_btn02 a {
display: block;
width: 100%;
height: 4.4rem;
line-height: 4.4rem;
border-top: 0.1rem solid #ececec;
color: #fd8824;
font-size: 1.5rem;
}
.item_list,
.address_list {
display: none;
overflow: hidden;
}
.level_1,
.level_2,
.level_3,
.level_4 {
display: none;
float: left;
height: 13.2rem;
}
.level_1 label span,
.level_2 label span,
.level_3 label span,
.level_4 label span {
    display: flex;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-justify-content: center;
    height: 4.4rem;
    border-bottom: 0;
    text-align: center;
    text-overflow: inherit;
    white-space: inherit;
    line-height: 1.1rem;
    font-size: 1.1rem;
    color: #888;
    -webkit-flex-shrink: 1;
}
.swiper-container .swiper-slide-active span,
.level_1 .swiper-slide-active span,
.level_2 .swiper-slide-active span,
.level_3 .swiper-slide-active span,
.level_4 .swiper-slide-active span {
color: #333;
}
.address_list .sel-btn {
float: left;
width: 100%;
}


/* ===========================
		.toggle
   =========================== */
.toggle_show {
display: block;
}
.toggle_hide {
display: none;
}

/* ===========================
		section#dark_area
   =========================== */
#dark_area {
display: none;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.5;
z-index: 9998;
}


/* ===========================
		section.page_list
   =========================== */
.page_list {
    padding: 2rem 0 1rem;
    text-align: center;
}
.page_list p,
.page_list a {
    display: inline-block;
    width: 7.2rem;
    height: 3rem;
    margin: 0 1.5rem;
    border-radius: 0.2rem;
    line-height: 3rem;
    font-size: 1.3rem;
    background-color: #fb8834;
    color: #fff;
    vertical-align: top;
}
.page_list .prev,
.page_list .next {
    cursor: pointer;
}
.page_list .num {
    width: 8.6rem;
    margin: 0;
    background-color: rgba(0,0,0,0);
    border: 0;
}
.page_list select {
    width: 8.6rem;
    height: 3rem;
    -webkit-padding-start: 1.5rem;
    -moz-padding-start: 1.5rem;
    -o-padding-start: 1.5rem;
    background: url("../images/intro/bg_page_select.gif") no-repeat left top;
    background-size: 2.2rem 2.3rem;
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #fff;
    border: 0.1rem solid #ddd;
    -webkit-border-radius: 0;
    color: #9fa4ac;
    font-size: 1.3rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}


/* ===========================
		section#loading
   =========================== */
#loading {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
min-width: 320px;
max-width: 640px;
background-color:rgba(0, 0, 0, 0.5);
z-index: 10000;
visibility: visible;
-webkit-animation:animation_datetip 0.2s;
-moz-animation:animation_datetip 0.2s;
-o-animation:animation_datetip 0.2s;
animation:animation_datetip 0.2s;
}
#loading p {
position: fixed;
top: 50%;
left: 50%;
width: 22.5rem;
height: 17rem;
background: url("../images/common/loading.gif") no-repeat left top;
background-size: 100% 100%; 
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform: translate(-50%, -50%);  
}


/* ===========================
		section#tip_popup
   =========================== */
#tip_popup {
display: block;
position: fixed;
top: 0;
width: 100%;
height: 100%;
margin: 0 auto;
min-width: 320px;
max-width: 640px;
background-color:rgba(0, 0, 0, 0.5);
z-index: 10001;
visibility: visible;
-webkit-animation:animation_datetip 0.3s ease-out;
-moz-animation:animation_datetip 0.3s ease-out;
-o-animation:animation_datetip 0.3s ease-out;
animation:animation_datetip 0.3s ease-out;
}
#tip_popup .tip_cont {
position: fixed;
top: 50%;
left: 50%;
width: 88%;
max-width: 24rem;
background-color:#fff;
text-align: center;
-webkit-border-radius: 0.1rem;
border-radius: 0.1rem;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform: translate(-50%, -50%);  
}
.tip_cont .ttl {
    position: relative;
    height: 3rem;
    padding: 0 1.2rem;
    line-height: 3rem;
    background-color: #fd8824;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    text-align: left;
    font-size: 1.2rem;
    color: #fff;
}
.tip_cont .ttl span {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3rem;
    height: 3rem;
    background: url("../images/common/icon_white_close.png") no-repeat 0.9rem 0.9rem / 1.2rem 1.2rem;
    cursor: pointer;
    font-size: 0;
}
.tip_cont .txt {
    color: #333;
    font-size: 1.3rem;
    line-height: 2rem;
    padding: 2rem 1.2rem 1.6rem;
}
.tip_cont .btn {
    width: 100%;
    padding-bottom: 1.6rem;
    overflow: hidden;
}
.tip_cont .btn a {
    display: inline-block;
    min-width: 7.4rem;
    height: 2.6rem;
    margin: 0 1rem;
    padding: 0 1rem;
    line-height: 2.6rem;
    border-radius: 0.1rem;
    background-color: #fd8824;
    border: 0.1rem solid #fd8824;
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
}


/* ===========================
		section#cfm_popup
   =========================== */
#cfm_popup {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
margin: 0 auto;
min-width: 320px;
max-width: 640px;
background-color:rgba(0, 0, 0, 0.5);
z-index: 10001;
visibility: visible;
-webkit-animation:animation_datetip 0.3s ease-out;
-moz-animation:animation_datetip 0.3s ease-out;
-o-animation:animation_datetip 0.3s ease-out;
animation:animation_datetip 0.3s ease-out;
}
#cfm_popup .cfm_cont {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 88%;
    max-width: 24rem;
    background-color:#fff;
    border-radius: 0.1rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform:translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.cfm_cont .ttl {
    position: relative;
    height: 3rem;
    padding: 0 1.2rem;
    line-height: 3rem;
    background-color: #fd8824;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    text-align: left;
    font-size: 1.2rem;
    color: #fff;
}
.cfm_cont .ttl span {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3rem;
    height: 3rem;
    background: url("../images/common/icon_white_close.png") no-repeat 0.9rem 0.9rem / 1.2rem 1.2rem;
    cursor: pointer;
    font-size: 0;
}
.cfm_cont .txt {
    color: #333;
    font-size: 1.3rem;
    line-height: 2rem;
    padding: 2rem 1.2rem 1.6rem;
}
.cfm_cont .btn {
    width: 100%;
    padding-bottom: 1.6rem;
    overflow: hidden;
}
.cfm_cont .btn a {
    display: inline-block;
    min-width: 7.4rem;
    height: 2.6rem;
    margin: 0 1rem;
    padding: 0 1rem;
    line-height: 2.6rem;
    border: 0.1rem solid #ececec;
    border-radius: 0.1rem;
    color: #333;
    font-size: 1.2rem;
    text-align: center;
}
.cfm_cont .btn a.yes {
    background-color: #fd8824;
    border: 0.1rem solid #fd8824;
    color: #fff;
}

@-webkit-keyframes animation_datetip {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@-moz-keyframes animation_datetip {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@-o-keyframes animation_datetip {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@keyframes animation_datetip {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}

/* ===========================
        section#fun_popup
   =========================== */
#fun_popup {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
margin: 0 auto;
min-width: 320px;
max-width: 640px;
background-color:rgba(0, 0, 0, 0.5);
z-index: 10001;
visibility: visible;
-webkit-animation:animation_closeTip 0.3s ease-out;
-moz-animation:animation_closeTip 0.3s ease-out;
-o-animation:animation_closeTip 0.3s ease-out;
animation:animation_closeTip 0.3s ease-out;
}
#fun_popup .cfm_cont {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 88%;
    max-width: 24rem;
    background-color:#fff;
    border-radius: 0.1rem;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform:translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#fun_popup .cfm_cont .ttl {
    position: relative;
    height: 3rem;
    padding: 0 1.2rem;
    line-height: 3rem;
    background-color: #fd8824;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
    text-align: left;
    font-size: 1.2rem;
    color: #fff;
}
#fun_popup .cfm_cont .ttl span {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 3rem;
    height: 3rem;
    background: url("../images/common/icon_white_close.png") no-repeat 0.9rem 0.9rem / 1.2rem 1.2rem;
    cursor: pointer;
    font-size: 0;
}
#fun_popup .cfm_cont .txt {
    color: #333;
    font-size: 1.3rem;
    line-height: 2rem;
    padding: 2rem 1.2rem 1.6rem;
}
#fun_popup .cfm_cont .btn {
    width: 100%;
    padding-bottom: 1.6rem;
    overflow: hidden;
}
#fun_popup .cfm_cont .btn a {
    display: inline-block;
    min-width: 7.4rem;
    height: 2.6rem;
    margin: 0 1rem;
    padding: 0 1rem;
    line-height: 2.6rem;
    border: 0.1rem solid #ececec;
    border-radius: 0.1rem;
    color: #333;
    font-size: 1.2rem;
    text-align: center;
}
#fun_popup .cfm_cont .btn a.yes {
    background-color: #fd8824;
    border: 0.1rem solid #fd8824;
    color: #fff;
}

@-webkit-keyframes animation_closeTip {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@-moz-keyframes animation_closeTip {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@-o-keyframes animation_closeTip {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@keyframes animation_closeTip {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}


/* ===========================
	   section#login_popup
   =========================== */
#login_popup {
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
margin: 0 auto;
min-width: 320px;
max-width: 640px;
background-color:rgba(0, 0, 0, 0.5);
z-index: 9999;
visibility: visible;
-webkit-animation:animation_datetip 0.2s ease-out;
-moz-animation:animation_datetip 0.2s ease-out;
-o-animation:animation_datetip 0.2s ease-out;
animation:animation_datetip 0.2s ease-out;
}
#login_popup .login_cont {
position: absolute;
left: 50%;
width: 25rem;
margin-left: -12.5rem;
padding-bottom: 1.5rem;
background-color:#fff;
text-align: center;
}
.login_cont .title {
position: relative;
height: 3.8rem;
line-height: 3.8rem;
background-color: #fd8824;
font-size: 1.4rem;
color: #fff;
text-align: left;
padding-left: 1rem;
}
.login_cont .title .close {
position: absolute;
top: 0.7rem;
right: 1rem;
display: block;
width: 2.5rem;
height: 2.5rem;
background: url("../images/member/icon_member.png") no-repeat  -0.5rem -4.1rem;
background-size: 20rem 20rem;
cursor: pointer;
}
.login_cont .text {
height: 3.8rem;
margin-bottom: 1rem;
padding: 0.5rem 0 0 1.8rem;
line-height: 1.4rem;
background-color: #fff4e4;
color: #fd8824;
font-size: 0.9rem;
text-align: left;
}
.login_cont .reg_list {
margin: 0 auto;
width: 21.6rem;
}
.login_cont .reg_list li {
margin-bottom: 1.8rem;
}
#login_popup .login_cont .reg_list li {
margin-bottom: 0;
padding-bottom: 1rem;
}
#login_popup .reg_list .code:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cl_div{ overflow:hidden;}
#login_popup .login_cont .reg_list li input {
    width: 19.4rem;
    height: 2.6rem;
    border-radius: 0;
    font-size: 1.1rem;
    outline: none;
    color: #ababab;
}
#login_popup .login_cont .reg_list li input {  padding-left: 3rem; width:17.4rem;}
#login_popup .login_cont .reg_list .code input{  width: 10.5rem;}
#login_popup .reg_list .code span img{ width:6.3rem;}
#login_popup  .reg_list .code .error span{
    width:19.5rem;
    padding-top: 0.3rem;
}
#login_popup  .reg_list .code{ min-height: 0; overflow: visible; }
#login_popup .login_cont .reg_list li .selectli input { border:0.1rem solid #FEC799;}
#login_popup .login_cont .reg_list li .selectli .user_icon{background-color: #FFE6D1; border-right: 0.1rem solid #FEC799;}
.login_cont .title .close{ background:url(../images/login/closd_03.png) no-repeat  0.5rem 0.1rem ; background-size: 80%;}
.login_cont .reg_list li .vali_now {
border: 0.1rem solid #ff3131;
color: #ff3131;
}
.login_cont .error {
position: absolute;
width: 100%;
height: 2.4rem;
line-height: 2.4rem;
text-align: left;
}
.login_tag li.reg_li_tag { float:left; width:50%;  }
.login_tag li.reg_li_tag > label{ display:block; height:3.5rem; cursor:pointer; background:#F7F7F7; line-height: 3.5rem; font-size: 1.4rem; color:#333;}
.login_tag li.reg_li_tag > label.check{ background:#fff; color:#ED6D01;}
.login_tag { margin-bottom:0rem; overflow:hidden;}
.login_cen{ width:200%; padding-top: 1.5rem; display:none; position:relative;}
#login_boxsc2{ left:-100%;}
#login_popup .login_cont .error {
    position: relative;
    height: 2rem;
    margin-bottom: -1rem;
    line-height: 2.2rem;
}
.login_cont .error .icon_e {
    position: relative;
    top: 0.3rem;
    float: left;
    width: 1.4rem;
    height: 1.5rem;
    margin-right: 0.3rem;
    background: rgba(0, 0, 0, 0) url("../images/pay/icon_pay.png") no-repeat scroll -18.5rem -3.1rem / 20rem 8.9rem;
}
.login_cont .error span {
color: #fb5759;
font-size: 1rem;
font-weight: bold;
line-height: 1.4rem;
}
.login_cont .reg_btn .login,
.login_cont .reg_btn .register{
display: block;
width: 21.6rem;
height: 3.2rem;
margin: 0 auto;
background-color: #fd8824;
color: #fff;
font-size: 1.3rem;
line-height: 3.2rem;
text-align: center;
-moz-border-radius: 0rem;
-webkit-border-radius: 0rem;
-o-border-radius: 0rem;
border-radius: 0rem;
}
.login_cont .reg_btn {
margin-bottom: 1rem;
overflow: hidden;
padding-top: 0.5rem;
}
#login_popup .login_cont .reg_btn {
padding-top: 0;
}
.login_cont .reg_btn .psw {
overflow: hidden;
padding: 0.8rem 1.7rem 0;
}
.login_cont .reg_btn .psw_up{ padding: 0 0 0.4rem 5rem; }
.login_cont .reg_btn .psw_up a{ color:#ED6D00;}
.login_cont .union_login .ttl img {
width: 100%;
height: auto;
margin: 0;
}
.login_cont .union_login {
padding: 0 1rem;
}
.login_cont .union_login .wx img {
width: 5.4rem;
}
.login_cont .union_login .zfb img {
width: 6rem;
}
.login_cont .union_login .qq img {
width: 5.9rem;
}
.login_cont .union_login .xl img {
width: 5.3rem;
}
.login_cont .union_login .xl a {
    padding-right: 0.5rem;
}


/* ===========================
		#share_area
   =========================== */
#share_area {
display: none;
position: fixed;
top: 50%;
left: 50%;
width: 25rem;
height: 14rem;
background-color: #fff;
-moz-transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
transform: translate(-50%, -50%); 
z-index: 10001;
}
#share_area .title {
height: 4rem;
background-color: #fd8824;
text-align: center;
color: #fff;
font-size: 1.6rem;
line-height: 4rem;
}
#share_area .bdsharebuttonbox {
padding: 2.5rem 0 0 1rem;
overflow: hidden;
}
#share_area .bdsharebuttonbox a,
#share_area .bdsharebuttonbox span {
float: left;
width: 4.1rem;
height: 4.9rem;
margin: 0 1.7rem 0 1.8rem;
}
#share_area .bdsharebuttonbox #bds_copy {
background: url("../images/member/img_share_04.jpg") no-repeat left top;
background-size: 4.1rem 4.9rem;
font-size: 0;
cursor: pointer;
}
#share_area .bdsharebuttonbox #wx_share {
cursor: pointer;
}
#share_area .bdsharebuttonbox #wx_friend {
cursor: pointer;
}
#share_area .bdsharebuttonbox #bds_copy:hover,
#share_area .bdsharebuttonbox #wx_share:hover {
opacity: 0.8;
}
#share_area .bdsharebuttonbox .bds_tsina {
background: url("../images/member/img_share_02.jpg") no-repeat left top;
background-size: 4.1rem 4.9rem;
}
#share_area .bdsharebuttonbox .bds_qzone {
background: url("../images/member/img_share_03.jpg") no-repeat left top;
background-size: 4.1rem 4.9rem;
}
#share_area .bdsharebuttonbox .bds_weixin,
#share_area .bdsharebuttonbox #wx_share {
background: url("../images/member/img_share_01.jpg") no-repeat left top;
background-size: 4.1rem 4.9rem;
}
#share_area .bdsharebuttonbox #wx_friend {
background: url("../images/member/img_share_05.jpg") no-repeat left top;
background-size: 4.1rem 4.9rem;
}
#wx_list.bdsharebuttonbox {
    display: none;
}
#wx_list.bdsharebuttonbox a,
#wx_list.bdsharebuttonbox span {
    margin: 0 1.7rem 0 1.8rem;
}
#share_area .close {
position: absolute;
top: 0;
right: 0;
width: 4rem;
height: 4rem;
padding: 1.1rem 0 0 1.1rem;
cursor: pointer;
}
#share_area .close .icon {
display: block;
width: 1.8rem;
height: 1.8rem;
background: url("../images/member/icon_member.png") no-repeat -0.5rem -4rem;
background-size: 20rem 20rem;
}
#bdshare_weixin_qrcode_dialog .bd_weixin_popup_head .bd_weixin_popup_close {
font-size: 26px;
}
#bdshare_weixin_qrcode_dialog .bd_weixin_popup_head {
font-size: 14px;
}
#bdshare_weixin_qrcode_dialog .bd_weixin_popup_main {
padding: 10px 0 5px;
}


/* ===========================
		section.nav_b
   =========================== */
.nav_b{
position: fixed;
bottom: 0;
width: 100%;
max-width: 640px;
min-width: 320px;
background-color: #fff;
border-top: 0.1rem solid #f0f0f0;
z-index: 999;
}
.nav_b ul{
height: 4rem;
overflow: hidden;
}
.nav_b li{
float: left;
width: 33.33%;
height: 4rem;
text-align: center;
}
.nav_b li a{
position: relative;
display: block;
width: 100%;
line-height: 4rem;
font-size: 1.5rem;
color: #333;
}
.nav_b li a span{
display: inline-block;
width: 1.6rem;
height: 1.6rem;
margin-right: 0.5rem;
font-size: 1rem;
vertical-align: -0.3rem;
}
.nav_b li a.cur{
background-color: #ffa556;
color: #fff;
}
.nav_b li .icon_1 {
background: url("../images/common/icon_nav_b.png") no-repeat 0.1rem -2.9rem;
background-size: 9.6rem 4.4rem;
}
.nav_b li .icon_2 {
background: url("../images/common/icon_nav_b.png") no-repeat -4rem -2.9rem;
background-size: 9.6rem 4.4rem;
}
.nav_b li .icon_3 {
background: url("../images/common/icon_nav_b.png") no-repeat -8.1rem -2.9rem;
background-size: 9.6rem 4.4rem;
}
.nav_b .cur .icon_1 {
background: url("../images/common/icon_nav_b.png") no-repeat 0.1rem 0.1rem;
background-size: 9.6rem 4.4rem;
}
.nav_b .cur .icon_2 {
background: url("../images/common/icon_nav_b.png") no-repeat -4rem 0.1rem;
background-size: 9.6rem 4.4rem;
}
.nav_b .cur .icon_3 {
background: url("../images/common/icon_nav_b.png") no-repeat -8.1rem 0.1rem;
background-size: 9.6rem 4.4rem;
}



/* ===========================
		Datewheel overlay
   =========================== */
.dw {
position: fixed;
top: 5%;
left: 0;
z-index: 10001;
color: #000;
font-size: 1.2rem;
text-shadow: none;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-ms-touch-action: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-animation:animations2 0.3s ease-out;
-moz-animation:animations2 0.3s ease-out;
-o-animation:animations2 0.3s ease-out;
animation:animations2 0.3s ease-out;
}
@-webkit-keyframes animations2 {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@-moz-keyframes animations2 {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@-o-keyframes animations2 {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
@keyframes animations2 {
0%{opacity: 0;}
25%{opacity: 0.25;}
50%{opacity: 0.5;}
75%{opacity: 0.75;}
100%{opacity: 1;}
}
.dwi {
position: static;
margin: 0.5rem;
display: inline-block;
}
.dwwr {
min-width: 28rem;
max-width: 28rem;
padding: 0 1rem;
text-align: center;
zoom: 1;
}
.dw-persp, .dwo {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 10001;
}
.dwo {
background: #000;
opacity: 0.5;
filter: Alpha(Opacity=50);
}
.dw-bubble .dw {
margin: 2rem 0;
}
.dw-bubble .dw-arrw {
position: absolute;
left: 0;
width: 100%;
}
.dw-bubble-top .dw-arrw {
bottom: -3.6rem;
}
.dw-bubble-bottom .dw-arrw {
top: -3.6rem;
}
.dw-bubble .dw-arrw-i {
margin: 0 3rem;
position: relative;
height: 3.6rem;
}
.dw-bubble .dw-arr {
display: block;
}
.dw-arr {
display: none;
position: absolute;
left: 0;
width: 0;
height: 0;
border-width: 1.8rem 1.8rem;
border-style: solid;
margin-left: -1.8rem;
}
.dw-bubble-bottom .dw-arr {
top: 0;
border-color: transparent transparent #fff transparent;
}
.dw-bubble-top .dw-arr {
bottom: 0;
border-color: #fff transparent transparent transparent;
}
.dwc {
float: none;
margin: 0 0.2rem 0.5rem 0.2rem;
padding-top: 3rem;
display: inline-block;
}
.dwcc {
clear: both;
}
.dwl {
text-align: center;
line-height: 3rem;
height: 3rem;
white-space: nowrap;
position: absolute;
top: -2.5rem;
width: 100%;
color: #fd8824;
}
.dwv {
padding: 1rem 0;
border-bottom: 0.1rem solid #000;
}
.dwrc {
-webkit-border-radius: 0.3rem;
border-radius: 0.3rem;
}
.dwwc {
margin: 0;
padding: 0 0.2rem;
position: relative;
background: #000;
zoom: 1;
}
.dwwl {
margin: 0.4rem 0.2rem;
position: relative;
z-index: 5;
}
.dww {
margin: 0 0.2rem;
overflow: hidden;
position: relative;
}
.dwsc .dwwl {
background: #888;
background: linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.35, #333),color-stop(0.50, #888),color-stop(0.65, #333),to(#000));
background: -moz-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
background: -o-linear-gradient(#000 0%,#333 35%, #888 50%,#333 65%,#000 100%);
}
.dwsc .dww {
color: #fff;
background: #444;
background: linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.45, #444),color-stop(0.55, #444),to(#000));
background: -moz-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
background: -o-linear-gradient(#000 0%,#444 45%, #444 55%, #000 100%);
}
.dw-bf {
-webkit-perspective: 1000;
-webkit-backface-visibility: hidden;
}
.dw-ul {
position: relative;
z-index: 2;
}
.dw-li {
padding: 0 0.5rem;
display: block;
text-align: center;
line-height: 4rem;
font-size: 2.6rem;
white-space: nowrap;
text-shadow: 0 0.1rem 0.1rem #000;
vertical-align: bottom;
opacity: .3;
filter: Alpha(Opacity=30);
}
.dw-li.dw-hl {
background: #fff;
background: rgba(255,255,255,.3);
}
.dw-li.dw-v {
opacity: 1;
filter: Alpha(Opacity=100);
}
.dw-li.dw-h {
visibility: hidden;
}
.dw-i {
position: relative;
height: 100%;
}
.dwwb {
position: absolute;
z-index: 4;
left: 0;
cursor: pointer;
width: 100%;
height: 4rem;
text-align: center;
opacity: 1;
transition: opacity .2s linear;
-webkit-transition: opacity .2s linear;
}
.dwa .dwwb {
opacity: 0;
}
.dwwbp {
top: 0;
-webkit-border-radius: 0.3rem 0.3rem 0 0;
border-radius: 0.3rem 0.3rem 0 0;
font-size: 4rem;
}
.dwwbm {
bottom: 0;
-webkit-border-radius: 0 0 0.3rem 0.3rem;
border-radius: 0 0 0.3rem 0.3rem;
font-size: 3.2rem;
font-weight: bold;
}
.dwpm .dwwc {
background: transparent;
}
.dwpm .dww {
margin: 0;
}
.dwpm .dw-li {
text-shadow: none;
}
.dwpm .dwwol {
display: none;
}
.dwwo {
position: absolute;
z-index: 3;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
background: -webkit-gradient(linear,left bottom,left top,from(#000),color-stop(0.52, rgba(44,44,44,0)),color-stop(0.48, rgba(44,44,44,0)),to(#000));
background: -moz-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
background: -o-linear-gradient(#000 0%,rgba(44,44,44,0) 52%, rgba(44,44,44,0) 48%, #000 100%);
}
.dwwol {
position: absolute;
z-index: 1;
top: 50%;
left: 0;
width: 100%;
height: 0;
margin-top: -0.1rem;
border-top: 0.1rem solid #333;
border-bottom: 0.1rem solid #555;
}
.dwbg .dwb {
cursor: pointer;
overflow: hidden;
display: block;
height: 4rem;
line-height: 4rem;
padding: 0 1.5rem;
margin: 0 0.2rem;
font-size: 1.4rem;
font-weight: bold;
text-decoration: none;
text-shadow: 0 -0.1rem 0.1rem #000;
border-radius: 0.5rem;
box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.5);
color: #fff;
background: #000;
background: linear-gradient(#6e6e6e 50%,#000 50%);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #000),color-stop(0.5, #6e6e6e));
background: -moz-linear-gradient(#6e6e6e 50%,#000 50%);
background: -o-linear-gradient(#6e6e6e 50%,#000 50%);
white-space: nowrap;
text-overflow: ellipsis;
-webkit-box-shadow: 0 0.1rem 0.3rem rgba(0,0,0,0.5);
-webkit-border-radius: 0.5rem;
}
.dwbc {
padding: 0.5rem 0;
text-align: center;
clear: both;
}
.dwbc:after {
content: '';
display: block;
clear: both;
}
.dwbw {
display: inline-block;
float: left;
width: 50%;
position: relative;
z-index: 5;
}
.dwbc-p .dwbw {
width: 33.33%;
}
.dwhl {
padding-top: 1rem;
}
.dwhl .dwl {
display: none;
}
.dwms .dwwms .dw-li {
padding: 0 4rem;
position: relative;
}
.dwms .dw-msel:after {
width: 4rem;
text-align: center;
position: absolute;
top: 0;
left: 0;
content: '?';
}
/* Backgrounds */
.dwbg {
background: #fff;
border-radius: 0.2rem;
-webkit-border-radius: 0.2rem;
}
.dwbg .dwpm .dwwl {
border: 0.1rem solid #aaa;
}
.dwbg .dwpm .dww {
color: #000;
background: #fff;
-webkit-border-radius: 0.3rem;
}
.dwbg .dwwb {
background: #ccc;
color: #888;
text-shadow: 0 -0.1rem 0.1rem #333;
box-shadow: 0 0 0.5rem #333;
-webkit-box-shadow: 0 0 0.5rem #333;
}
.dwbg .dwwbp {
background: linear-gradient(#f7f7f7,#bdbdbd);
background: -webkit-gradient(linear,left bottom,left top,from(#bdbdbd),to(#f7f7f7));
background: -moz-linear-gradient(#f7f7f7,#bdbdbd);
background: -o-linear-gradient(#f7f7f7,#bdbdbd);
}
.dwbg .dwwbm {
background: linear-gradient(#bdbdbd,#f7f7f7);
background: -webkit-gradient(linear,left bottom,left top,from(#f7f7f7),to(#bdbdbd));
background: -moz-linear-gradient(#bdbdbd,#f7f7f7);
background: -o-linear-gradient(#bdbdbd,#f7f7f7);
}
.dwbg .dwb-a {
background: #3c7500;
background: linear-gradient(#94c840 50%,#3c7500 50%);
background: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3c7500),color-stop(0.5, #94c840));
background: -moz-linear-gradient(#94c840 50%,#3c7500 50%);
background: -o-linear-gradient(#94c840 50%,#3c7500 50%);
}
.dwbg .dwwl .dwb-a {
background: #3c7500;
background: linear-gradient(#94c840,#3c7500);
background: -webkit-gradient(linear,left bottom,left top,from(#3c7500),to(#94c840));
background: -moz-linear-gradient(#94c840,#3c7500);
background: -o-linear-gradient(#94c840,#3c7500);
}
.android-ics .dw {
padding: 0;
color: #31b6e7;
background: #292829;
}
.android-ics .dw .dwwc,
.android-ics .dw .dwwl,
.android-ics .dw .dww,
.android-ics .dw .dwb,
.android-ics .dw .dwpm .dww {
background: none;
}
.android-ics .dwwr {
padding: 0;
}
.android-ics .dwc {
margin: 0;
padding: 3rem 1rem 0.1rem 1rem;
}
.android-ics .dwhl {
padding: 0.1rem 1rem;
}
.android-ics .dwv {
    height: 4rem;
    line-height: 4rem;
    padding: 0;
    background-color: #fd8824;
    border-bottom: 0;
    font-size: 1.8rem;
    color: #fff;
    border-top-left-radius: 0.1rem;
    border-top-right-radius: 0.1rem;
}
.android-ics .dwwl {
margin: 0 0.2rem;
}
.android-ics .dww,
.android-ics .dw .dwpm .dwwl,
.android-ics .dw .dwpm .dww {
border: 0;
}
.android-ics .dww .dw-li {
color: #fff;
font-size: 1.8rem;
text-shadow: none;
}
.android-ics .dww .dw-li.dw-hl {
background: #31b6e7;
background: rgba(49,182,231,.5);
}
.android-ics .dwwo {
background: linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
background: -webkit-gradient(linear,left bottom,left top,from(#282828),color-stop(0.52, rgba(40,40,40,0)),color-stop(0.48, rgba(40,40,40,0)),to(#282828));
background: -moz-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
background: -o-linear-gradient(#282828 0%,rgba(40,40,40,0) 52%, rgba(40,40,40,0) 48%, #282828 100%);
}
.android-ics .dw .dwwb {
background: #292829;
box-shadow: none;
-webkit-box-shadow: none;
}
.android-ics .dwwb span {
display: none;
}
.android-ics .dwwb:after {
position: absolute;
top: 50%;
left: 50%;
margin-top: -0.8rem;
margin-left: -0.8rem;
color: #7e7e7e;
width: 0;
height: 0;
border-width: 0.8rem;
border-style: solid;
content: '';
}
.android-ics .dwwbm {
top: 0;
bottom: auto;
}
.android-ics .dwwbp {
bottom: 0;
top: auto;
}
.android-ics .dwwbm:after {
border-color: transparent transparent #7e7e7e transparent;
}
.android-ics .dwwbp:after {
border-color: #7e7e7e transparent transparent transparent;
}
.android-ics .dw .dwwl .dwb-a {
background: #292829;
}
.android-ics .dwwbm.dwb-a:after {
border-color: transparent transparent #319abd transparent;
}
.android-ics .dwwbp.dwb-a:after {
border-color: #319abd transparent transparent transparent;
}
.android-ics .dw .dwwol {
width: 60%;
left: 20%;
height: 4rem;
border-top: 0.2rem solid #fd8824;
border-bottom: 0.2rem solid #fd8824;
margin-top: -2rem;
display: block;
}
.android-ics .dwbc {
border-top: 0.1rem solid #424542;
padding: 0;
}
.android-ics .dw .dwb {
height: 3.6rem;
line-height: 3.6rem;
padding: 0;
margin: 0;
font-weight: normal;
text-shadow: none;
box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
-webkit-box-shadow: none;
}
.android-ics .dw .dwb-a {
background: #fd8824;
}
.android-ics .dwb-s .dwb, .android-ics .dwb-n .dwb {
border-right: 0.1rem solid #424542;
}
.android-ics.dw-bottom .dw, .android-ics.dw-top .dw {
border-radius: 0;
-webkit-border-radius: 0;
}
.android-ics .dwwms .dwwol {
display: none;
}
.android-ics .dwwms .dw-li {
padding-left: 0.5rem;
padding-right: 3.6rem;
}
.android-ics .dwwms .dw-li:after {
content: '';
position: absolute;
top: 50%;
left: auto;
right: 1rem;
width: 1.4rem;
height: 1.4rem;
margin-top: -0.9rem;
color: #31b6e7;
line-height: 1.4rem;
border: 0.1rem solid #424542;
text-shadow: 0 0 0.5rem #29799c;
}
.android-ics .dwwms .dw-msel:after {
content: '?';
}
.android-ics.light .dw {
background: #f5f5f5;
}
.android-ics.light .dww .dw-li {
display: block;
color: #000;
}
.android-ics.light .dwwo {
background: linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
background: -webkit-gradient(linear,left bottom,left top,from(#f5f5f5),color-stop(0.52, rgba(245,245,245,0)),color-stop(0.48, rgba(245,245,245,0)),to(#f5f5f5));
background: -moz-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
background: -o-linear-gradient(#f5f5f5 0%,rgba(245,245,245,0) 52%, rgba(245,245,245,0) 48%, #f5f5f5 100%);
}
.android-ics.light .dw .dwwb {
background: #f5f5f5;
color: #f5f5f5;
}
.android-ics.light .dwbc {
border-top: 0.1rem solid #ddd;
}
.android-ics.light .dwb {
    color: #aaa;
}
.android-ics.light .dwb-s .dwb {
    color: #fd8824;
}
.android-ics.light .dwb-a {
color: #fff;
}
.android-ics.light .dwb-s .dwb, .android-ics.light .dwb-n .dwb {
border-right: 0.1rem solid #ddd;
}
.android-ics .dw-bubble-bottom .dw-arr {
border-color: transparent transparent #292829 transparent;
}
.android-ics .dw-bubble-top .dw-arr {
border-color: #292829 transparent transparent transparent;
}
.android-ics.light .dw-bubble-bottom .dw-arr {
border-color: transparent transparent #f5f5f5 transparent;
}
.android-ics.light .dw-bubble-top .dw-arr {
border-color: #f5f5f5 transparent transparent transparent;
}
.android-ics.light .dwwms .dw-li:after {
text-shadow: 0 0 0.5rem #31b6e7;
}
.timeShow .dwc {
padding-left: 0;
padding-right: 0;
}
.timeShow .dww {
margin: 0;
}
.timeShow .dwwc {
padding: 0;
}
.timeShow .dwwl {
position: relative;
left: 0.1rem;
margin: 0;
}
.timeShow .dwwl0 .dwwol {
width: 80%;
margin-left: -10%;
}
.lh_tit_p{ line-height: 2rem; padding:2rem; font-size: 1.4rem; color:#666;}


.member_opte .insure_list .text input[type="text"].elm_sel {
width: 100%;
height: 4.4rem;
padding: 0;
background-color: rgba(0, 0, 0, 0);
border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 0;
line-height: 4.2rem/9;
vertical-align: top;
font-size: 1.4rem;
color: #888;
outline:0;
-webkit-tap-highlight-color:rgba(0,0,0,0);
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.member_opte .insure_list .text input[type="text"].elm_sel {
position: relative;
top: -0.1rem;
width: 90%;
text-overflow: ellipsis;      
overflow: hidden;
color: #666;
white-space: nowrap;
overflow-wrap:break-word;
}
.set_login .login_tag li.reg_li_tag{ text-align: center;}
.set_login .login_cont .reg_list li input{ padding-left:3rem; width:19.4rem; height:2.6rem; font-size: 1.5rem;}
.set_login .login_cont .reg_list li{ padding-bottom: 0rem;}
.set_login  .login_cont .error{ top:2rem;}
.set_login  .login_cont .reg_btn .login, .set_login  .login_cont .reg_btn .register{ margin:0 auto;}
.set_login   .login_cont .reg_list{ width:23.6rem;}
.reg_area .reg_btn .psw_zy{ padding:1rem 0 1rem 8em;}
.reg_area .reg_btn .psw_zy a{ color:#FD8824;}
.set_login .reg_list .cl_div .yzm_box{ width:16rem; float:left;}
.set_login .reg_list .cl_div  .yzm_boxr{     height: 3.6rem;   float:right;  width: 9rem; border:0.1rem solid #E6E6E6; }
.login_tg_btn{  padding-bottom: 1rem;}
.login_tgs{display: block; width: 21.6rem; height: 3.2rem; margin: 0 auto; background-color: #BBBBBB; color: #fff; font-size: 1.3rem; line-height: 3.2rem; text-align: center; -moz-border-radius: 0rem; -webkit-border-radius: 0rem; -o-border-radius: 0rem; border-radius: 0rem;}
#bindnow_form .code input { float: left; width: 10rem;}
#bindnow_form  .code span img{width: 8.2rem;}
#bindnow_form  .reg_list .code{ min-height: 3rem;}
.up_pad{ padding-bottom: 5rem;}
.vip_no{
    background:url("../images/intro/vip_07.png") no-repeat 0rem 0rem;
    background-size: 1.6rem 9.5rem;
    margin-top: 0.7rem;
    margin-left: 0.5rem;
}
.vip_k1{
    background:url(../images/intro/vip_07.png) no-repeat 0rem -2.8rem;
    background-size: 1.6rem 9.5rem;
    margin-top: 0.7rem;
    margin-left: 0.5rem;
}
.vip_k2{
    background:url(../images/intro/vip_07.png) no-repeat 0rem -5.1rem;
    background-size: 1.6rem 9.5rem;
    margin-top: 0.7rem;
    margin-left: 0.5rem;
}
.vip_kvip{
    background:url(../images/intro/vip_07.png) no-repeat 0rem -7.8rem;
    background-size: 1.6rem 9.5rem;
    margin-top: 0.7rem;
    margin-left: 0.5rem;
}