@charset "utf-8";


/*登录*/
.login{background: #fff; padding: 2rem 1em;}
.login input{ }
.login p{ height: 4rem; line-height: 4rem; padding: .5rem 0; border-bottom: 1px solid #dcdcdc;}
.login p span { display: inline-block; height: 2rem; margin: 1px 0; line-height: 2rem; padding-right: 1rem; border-right: 1px solid #dcdcdc;}
.login p span i{ width: 2rem; text-align: center; display: inline-block;}
.login p span img{ height: 2rem; vertical-align: middle;  position: relative; top: -.1rem;}
.login p input{ padding: 0 1rem; line-height: 2rem; width: 9rem;}
.login p.code{ position: relative;}
.login p.code em,.login p.code > img{ position: absolute; right: 0; top:0.5rem; height: 4rem; padding: 0 1rem; background: #ddeaf2; color: #c1c1c1; text-shadow:0 .1rem .1rem #e6e6e6; line-height: 4rem;}
.login p.code > img{ background: transparent;}
.login .btn { height: 4rem; padding: 0 0.5rem; margin-top: 2rem;}
.login .btn input{ height: 100%; width: 100%; color: #fff; background: #30b4ff; border-radius: .4rem;}

/*会员界面顶部*/
.mem_head{ position: relative; overflow: hidden;}
.mem_head .mem_head_img{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -2;}
.mem_head .mem_head_back{ background: url(../image/mem_head_back.png) repeat; height: 100%; width: 100%; position: absolute; left: 0; top: 0; z-index: -1;}
.mem_head .head_top{ padding-top: 3rem;padding-bottom: 2rem;}
.mem_head .head_top > div{ float: left;}
.mem_head .head_img{ text-align: center; border-right: 1px solid rgba(255,255,255,0.4);  width:50%;}
.mem_head .head_img .my_img{ display: inline-block; height: 9rem; width: 9rem; border-radius: 5rem; background: url(../image/defaul.png) no-repeat; background-size: 100% 100%; overflow: hidden;}
.mem_head .head_img .my_img img{ height: 100%; width: 100%;}
.mem_head .head_img p{ color: #fff; font-size: 2rem; font-family: 'Myriad Pro',Arial; font-weight: bold; line-height: 2rem;}
.mem_head .head_img p em{ display: inline-block; height: 1.3rem; width: 1.7rem; position: relative; margin-left: 1rem; border-radius: 3px; vertical-align: middle; line-height: 2rem; text-align: center;}
.mem_head .head_img p em img{ height: 90%; position: absolute; top: 5%; left: 0; margin-left: .3rem;}
.mem_head .head_img p em.male{background: #00b7ee;}
.mem_head .head_img p em.female{background: #b86c58;}
.mem_head .head_class{ width: 49%;}
.mem_head .head_class span{ width: 90%; display: inline-block; margin: 0 10%; }
.mem_head .head_class span.on{border:1px solid #fff;}
.mem_head .head_class span a{ display: block; color: #fff; line-height: 2rem;}
.mem_head .head_class span em{ display: inline-block; width: 3rem; text-align: center;padding-left: 1rem;}
.mem_head .head_class span img{ height: 2rem;}

.mem_tlecont{ padding: 1rem 0;}
.mem_tlecont li{ width: 50%; float: left;  background: url(../image/mem_tlecont_r.png) no-repeat right  center; background-size: auto 100%; text-align: center;}
.mem_tlecont li:nth-child(2n){ background: none;}
.mem_tlecont li:nth-child(1){  margin-bottom: 1rem;}
.mem_tlecont li:nth-child(2){ margin-bottom: 1rem;}
.mem_tlecont li,.mem_tlecont li p{}
.mem_tlecont li p{ color: #fff;}
.mem_tlecont li p:first-child{ color: red; font-size: 1.4rem;}
.mem_list{ margin:0.5rem 0;}
.mem_list a{ position: relative;}
.mem_list i{ position: absolute; right:20%; top:0; height: 1.5rem;min-width: 1rem;padding: 0 .3rem; background: red; border-radius: 2rem; color: #fff; line-height: 1.5rem; text-align: center;}

.mem_list2{background: #fff;  padding: 0 1rem;}
.mem_list2  li > a{ display: block; height: 100%; width: 100%;}
.mem_list2 li{ line-height: 4rem; position: relative; border-bottom: 1px solid #dcdcdc; font-size: 1.4rem; padding: 0.5rem 0;}
.mem_list2 li em{ width: 4rem; display: inline-block; text-align: left;}
.mem_list2 li i{ position: absolute; right: 0; height: 2rem; line-height: 2rem; font-size: 1.8rem; color: #999; top: 50%; margin-top: -1rem;}
.mem_list2 li img{ margin:0 1rem; height: 2rem; position: relative; top: -0.1rem;}
.mem_list2 li:nth-last-child(3) img{ height: 1.7rem;}
.mem_list2 li:last-child{ border-bottom: none;}
















/*登录*/
.login_box{ padding:  3rem; padding-top: 7rem;}
.login_box .int_box{ background: #fff; box-shadow: 1px 0 10px 1px #999; border-radius: 4px;}
.login_box .int_box p{ height: 2.2rem; padding: 1.1rem 0; padding-left: 5rem; }
.login_box .int_box p.name{ background: url(../image/login_1.png) no-repeat 1rem center;background-size: 1.8rem auto; border-bottom:1px solid #dcdcdc;}
.login_box .int_box p.pass{ background: url(../image/login_2.png) no-repeat 1rem center;background-size: 1.8rem auto;}
.login_box .int_box p input{height: 2.2rem; line-height: 2.2rem;}
.login_box .od_word{ text-align: right; padding: 1rem 0;}
.login_box .login_btn,.login_box .reg_btn{ height: 3.8rem; width: 100%; text-align: center; border-radius: 4px; color: #fff; font-size: 1.5rem;}
.login_box .login_btn{ background:#075eb4; margin: 1rem 0;}
.login_box .reg_btn{ display: inline-block; background:#32a0ed; line-height: 4rem;}

/*注册*/
.reg .get_code{ height:5rem; line-height: 5rem; float: right; margin-left: 1rem;  margin-top: -1.1rem; margin-right: -1.5rem; background: #00c0ff; color: #fff; padding: 0 1rem; display: inline-block;}
.reg .itme_3 .fr{ height: 2rem;}
.reg.phone .get_code{background:#fd9c11; }
.reg_checked{ padding-top: 2rem; text-align: center;}
.reg_checked label > div{ margin-right: 10px;}
.btn1{ height: 3.7rem; margin: 2rem 1.8rem; background: #00c0ff; border-radius: 0.5rem;}
.btn1 input{ background: none; border:none; color: #fff; height: 100%; width: 100%; font-size: 1.6rem;}