﻿@charset "utf-8";

/* CSS Document */
/*会员页面*/



/*----------会员登录----------*/

.login1 {position: relative;width: 542px;margin:0 auto;margin-top: 85px;}

.login1 ul {background: url("../images/common/login_bg1.jpg") no-repeat scroll #CCCCCC;height: 171px;width: 422px; padding:105px 0 0 120px; }

.login1 li {margin-bottom: 13px;padding: 1px;}

.login1 input {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;font-size: 14px;height: 30px;line-height: 30px;width: 210px;}

.login1 input:focus {border: medium none; outline: medium none;}

/*.login_in1 .a1 { background: url("../images/vip/common/login_btn.gif");display: block;height: 84px;width: 84px;}*/

/*.login_in1 .a2{ color:#000;padding-left:10px; margin-top:-5px; position:relative; display:block; font-size:12px; font-weight:100;}

.login_in1 .a2:hover{ color:#F00; }*/

/*.login_in1 .a1:hover {background: url("../images/vip/common/login_btn.gif") norepeat scroll 0 -84px rgba(0, 0, 0, 0);}

.login_in1 .a1:active {background: url("../images/vip/common/login_btn.gif") norepeat scroll 0 84px rgba(0, 0, 0, 0);}*/

/*.login_in1 {height: 84px;position:  relative; top:-155px; left:280px;width: 84px;}*/

.code_img {cursor: pointer;}



.vipbox{ width:1002px; min-height:600px; margin:0 auto; margin-bottom:30px; background:#fff;border:1px solid #d9d9d9;}


.vipbox .ulv1{font-size:14px; font-weight:bold; color:#e46130;text-align:center;}

.vipbox .ulv1 li{ width:96px; height:88px;display: inline-block; margin:10px;text-align:center;}
*+html .vipbox .ulv1{ margin-bottom:10px;}
*+html .vipbox .ulv1 li{ width:96px; height:88px;display:block; margin:10px;text-align:center; float:left;}
.vipbox .ulv1 li a{ padding-top:60px;height:88px;display:block; color:#000; text-decoration:none;}

.aa1{ width:96px; background:url(../images/vip/vbc1.jpg) no-repeat;}

.aa2{ width:96px; background:url(../images/vip/vbc2.jpg) no-repeat;}

.aa3{ width:96px; background:url(../images/vip/vbc3.jpg) no-repeat;}

.aa4{ width:96px; background:url(../images/vip/vbc4.jpg) no-repeat;}

.aa5{ width:96px; background:url(../images/vip/vbc5.jpg) no-repeat;}

.aa6{ width:96px; background:url(../images/vip/vbc6.jpg) no-repeat;}

.vipbox-right-cont{padding-top:1px; background:#fff; position:relative]; font-size:12px; margin:0 auto; margin-bottom:40px; width:1004px;}

.vipbox-right-cont ul{ padding:0px; margin:0px;}
.vipbox-right-cont ul li{ width:100%; clear:both;}
.vipbox-right-cont .con1{height:40px; padding-left:15px;  font-size:14px; font-weight:bold; border-bottom:1px solid #ccc; line-height:40px; background:#ececec;}

.vipbox-right-cont .con2{ width:100%; margin:20px auto;}

.pf{ width:15px; height:16px;background:url(../images/vip/bc9.jpg) no-repeat;}

.vipbox-right .con2 p{ padding-left:30px; height:26px; line-height:26px;}

.vipbox-right-cont ul.ulv2{ padding-left:50px; clear:both; height:auto; margin-bottom:0px;}

.ulv2 li{ width:100%; height:30px; line-height:30px;}

.message1{ padding-left:30px; line-height:30px;}


.ulv3{height:auto; padding:30px 30px 0 30px; background:#fff;}

.li2{ height:40px; background:#f7f7f7; line-height:40px;}

.li3{height:40px; line-height:40px;}
.li2 .input1,.li3 .input1{ width:280px;}
.li2 select,.li3 select{ margin-top:5px;}
.li-l{float:left; text-align:right; padding-left:50px; width:150px;line-height:40px;}

.li-l span{ color:#f00; padding-right:4px; line-height:12px;}
.li-r .input1{ float:left; padding:0px;height:30px; margin-top:5px; margin-bottom:0px; }
.li-r img{ float:left; margin-top:6px;}
.li-r{float:left; }
.inputd1{ text-align:right; float:left;width:190px; margin-top:10px;}

.inputd2{ padding-left:10px; float:left; width:200px;margin-top:10px;}
.li-r textarea{ height:45px; border:1px solid #9d9d9d;width:234px; margin-top:4px;}

.input1{ width:238px; height:30px; border:1px solid #9d9d9d; margin-top:5px; }

.li4{height:60px; line-height:18px; }

.li5{height:60px; line-height:18px;background:#f7f7f7; }

.li-r select{ height:30px;}

.li4 .li-l,.li5 .li-l{ line-height:60px;}

.li4 .li-r,.li5 .li-r{ line-height:18px;}

vipbox-right-cont .input2{ width:138px; height:30px; border:1px solid #9d9d9d; float:left;}

.pf1{ position: relative; z-index:4; top:-76px; left:350px;}

.vipl{height:349px; overflow:hidden; margin:0 auto;}

.vipl-head1{ font-size:16px; font-weight:bold; color:#000; line-height:30px; margin-bottom:20px;}

.vipl-head2{ width:655px;height:60px; padding-top:6px; padding-left:14px; border:1px solid #e2dfcc; background:#fff9e9; font-weight:100; font-size:12px; color:#68655e; line-height:24px; margin:0 auto;margin-bottom:15px; margin-top:20px;}

.vipl-head2 p{ margin:0px;}

.vipl li{ float:none; width:240px; height:40px; line-height:40px;}

.vipl ul{ width:240px;}

.vipl ul input{ margin-top:7px; width:148px; height:24px;}

.li-l1{ width:83px; float:left; text-align:right;}

.li-r1{ width:152px; float:left;}

.li-l2{ width:103px; float:left; text-align:right;}

.li-r2{ width:132px; float:left;}

vipbox-right-cont .code_li1{ position:relative; top:-34px; left:167px;}

vipbox-right-cont .code_li2{ position:relative; top:-24px; left:196px;}



.vipl ul .li7 .input3{ width:40px; height:24px;}

.relative{ position:relative; z-index:5; top:-28px; background:none;}

.vipl .li7{ height:30px; line-height:30px;}

.vipl ul .li7 input{ margin-top:7px; width:180px; height:20px;}

.ul5{ margin-top:10px;}

.ul5 .li10{ text-align:center;}

.ul5 .li10 a{ color:#000;}

.ul5 .li10 .tab1{ text-align:left;}

.ul5 .li10 .tab1 tr{ height:40px;}

.tab_content td,.tab_content th {border: 1px solid #CCCCCC;padding: 6px; height:30px; line-height:30px;}

vipbox-right-cont .td1{ background:#FFF;/* width:100%; */text-align:left; padding-left:15px;}

.con3{margin:10px;background:#dce3ff;}

.tab1{}

.tab1 th,.tab1 td{ padding:3px 8px; border: 1px solid #CCCCCC;}

.code_li3{ float:left; height:24px; width:260px;}
.code_li3 input{ float:left;}
.code_li3 img{float:left;}
.div1{ float:left;height:24px;}

vipbox-right-cont .input1{ width:200px; padding-left:8px;}

vipbox-right-cont .input3{ width:300px; height:80px;padding-left:8px;}

vipbox-right-cont .input4{ width:60px; height:25px; margin-top:0px;padding-left:8px;}

vipbox-right-cont .submit{ height:30px;/* line-height:30px;*/ margin-top:5px;}

vipbox-right-cont .text1{ padding-left:8px;}


/*会员注册*/

.vip_l ul li{ float:none; width:100%; height:40px;}

.vip_l .login_in1{left:0px;position: relative;top:0px;}

.login_in1 input{ border:0px; background:none; line-height:40px; font-size:12px; color:#000;}
.vip_l .li6{ }

vipbox-right-cont .inputd1{ text-align:right; float:left;width:190px; margin-top:10px;}

vipbox-right-cont .inputd2{ padding-left:10px; float:left; width:200px;margin-top:10px;}

.mylsbox {background-color: #eee;overflow: hidden; width:1002px; margin:0 auto; border:1px solid #d9d9d9;}
.myls-info {
    padding: 0 15px 10px;
    position: relative;
}
.myls-info ul {
    margin-left: 40px;
    position: relative;
}
.myls-info li.name {
    color: #494744;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 3px;
}
.myls-info li {
    color: #605e5c;
    font-size: 12px;
}
.myls-info li .f14 {
    font-size: 14px;
}
.myls-infowarp {
    background: #f5f4f4 none repeat scroll 0 0;
    padding-top: 10px;
}
.myls-item {
    border-bottom: 1px solid #c9c9c9; padding:0; margin:0;
    box-shadow: 0 1px 2px #cecece;
}
.myls-item li {
    float: left;
    position: relative;
    text-align: center;
    width: 25%;
}
.myls-item li a {
    color: #969595;
    display: inline-block;
    font-size: 12px;
    height: 23px;
    padding-top: 42px;
    position: relative;
    text-align: center;
    width: 105px;
}
.myls-item li a i {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dbd7d7;
    border-radius: 3px;
    color: #f8710f;
    display: inline-block;
    font-size: 9px;
    font-style: normal;
    height: 14px;
    position: absolute;
    right: 25px;
    top: 6px;
    width: 14px;
}
.myls_u1 {
    background: rgba(0, 0, 0, 0) url("../images/vip/myls_icon_avatar.png") no-repeat scroll 0 0 / 33px auto;
    display: block;
    height: 33px;
    left: 15px;
    position: absolute;
    top: 13px;
    width: 33px;
    z-index: 1;
}
.myls_yen {
    background-position: -64px -18px;
    display: block;
    height: 14px;
    left: 29px;
    position: absolute;
    top: 18px;
    width: 13px;
    z-index: 1;
}
.mynote {
    background: rgba(0, 0, 0, 0) url("../images/vip/myicon_note.png") no-repeat scroll center 10px / 30px auto;
}
.myview {
    background: rgba(0, 0, 0, 0) url("../images/vip/myicon_view.png") no-repeat scroll center 10px / 30px auto;
}
.mycoll {
    background: rgba(0, 0, 0, 0) url("../images/vip/myicon_coll.png") no-repeat scroll center 10px / 30px auto;
}
.mypmoney {
    background: rgba(0, 0, 0, 0) url("../images/vip/pmoney.png") no-repeat scroll center 10px / 30px auto;
}
.my-setbox {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #d9d9d9;
    margin: 15px 10px 0;
    padding: 5px 15px;
    position: relative; width:974px; margin:15px auto;
}



.common-item li, .myls-fav li {
    border-bottom: 1px solid #e5e5e5;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    vertical-align: top;
    width: 100%;
}
.common-item li a, .myls-fav li a {
    text-decoration: none;
}
.common-item .pic, .myls-fav .pic {
    background-color: #fff;
    border: 1px solid #cecece;
    border-radius: 2px;
    float: left;
    height: 73px;
    margin: 10px 8px;
    padding: 2px;
    width: 114px;
}
.common-item .pic img, .myls-fav .pic img {
    height: 73px;
    width: 114px;
}

.item-name {
    padding: 12px 10px 0 135px;
    text-align: left;
}
.item-name h2 {
    color: #0c0c0c;
    font-weight: bold;
    line-height: 120%;
    margin-bottom: 5px;
    overflow: hidden;
}
.item-name h2 .span_left {
    float: left;
}
.item-name h2 .span_right {
    background: rgba(0, 0, 0, 0) url("../img/icon_fujin.jpg") no-repeat scroll 0 0 / 15px auto;
    color: #05aeda;
    float: right;
    padding-left: 15px;
    text-align: right;
}
.item-name h3 {
    color: #595552;
    font-size: 13px;
    font-weight: normal;
    height: 30px;
    line-height: 120%;
    overflow: hidden;
}
.deal-name h1 {
    color: #060606;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 3px;
}
.deal-name h3 {
    color: #6e6d6d;
    font-size: 14px;
}
.item-name .price b {
    color: #f88300;
    font-size: 18px;
}
.item-name .price del {
    color: #858585;
    padding-left: 12px;
}
.deal-name .price b {
    color: #f88300;
    font-size: 30px;
}
.deal-name .price del {
    color: #82807e;
    font-size: 16px;
    padding-left: 12px;
}
.item-edit {
    height: 20px;
}
.item-edit p.price {
    float: left;
}
.item-edit p.num {
    float: right;
}
.item-name .num, .malltxt .num {
    color: #82807e;
    font-size: 15px;
    height: 15px;
    line-height: 15px;
    margin-top: 7px;
    padding-left: 25px;
    position: relative;
}
.numren {
    color: #ff7512;
    float: left;
    font-size: 15px;
    height: 16px;
    line-height: 16px;
    padding-left: 25px;
    position: relative;
}
.mygo-pay .timeren {
    float: right;
    padding: 0;
    width: auto;
}
.item-name .num span, .malltxt .num span, .numren span {
    display: inline-block;
    height: 15px;
    left: 0;
    position: absolute;
    top: -1px;
    width: 19px;
}
.item-name .num em {
    background-position: -20px 0;
    font-size: 12px;
    font-style: normal;
    left: 90px;
    padding-left: 15px;
    position: absolute;
    top: 0;
}
.item-name .num span, .item-name .num em, .deal-name .num span, .numren span {
    background: rgba(0, 0, 0, 0) url("../images/vip/com_new_icon1.png") no-repeat scroll 0 0 / 32px 15px;
}

.section-detailbox {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 1px 2px #d7d7d7;
    margin: 15px 10px 0;
}
.section-detailbox h1 {
    color: #222;
    font-size: 18px;
    font-weight: bold; text-align:center;
}
.section-detailbox h3 {
    color: #464545;
    font-size: 16px;
}
.section-detailbox section {
    padding: 10px;
}
.section-detailbox .title {
    border-bottom: 1px dashed #cbcbcb;
}
.section-detailbox section.deal-other {
    padding: 10px 10px 0;
}
.section-detailbox section.deal-phone {
    padding-right: 65px;
    position: relative;
}
.section-detailbox section.deal-phone p {
    font-size: 12px;
    margin-top: 5px;
}
.section-detailbox section.deal-phone .icon {
    border-left: 2px solid #d4d4d4;
    height: 45px;
    position: absolute;
    right: 0;
    top: 10px;
    width: 60px;
}
.section-detailbox section.deal-phone .icon i {
    background-position: 0 -98px;
    display: inline-block;
    height: 25px;
    margin: 10px 0 0 15px;
    width: 23px;
}
.section-detailbox section.deal-view a {
    color: #ff4c06;
    display: block;
    text-align: center;
}
.section-detailbox h2 {
    color: #464545;
    font-size: 16px;
    font-weight: bold;
}
.section-detailbox .deal-pic {
    margin: 0 auto;
    padding: 12px 20px 15px;
    width: 260px;
}
.section-detailbox .deal-pic img {
    border-radius: 5px;
    vertical-align: top;
}
.section-detailbox .result {
    color: #ff4c06;
    font-size: 18px;
    padding: 20px;
    text-align: center;
}
.section-detailbox .result a {
    color: #ff4c06;
    display: block;
    font-size: 18px;
    padding: 5px 0;
    position: relative;
}
.oh-ul{ text-align:center;}
.oh-ul li {
    color: #444540;
    display: inline-block;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 10px;
    padding-left: 25px;
    position: relative;
    width: 105px;
}
.oh-ul li span, section.deal-phone .icon i {
    background: rgba(0, 0, 0, 0) url("../images/vip/icon_detail_refund.png") no-repeat scroll 0 0 / 23px auto;
    height: 19px;
    left: 0;
    position: absolute;
    top: 1px;
    width: 23px;
}
.oh-ul li.oh-date span, .oh-ul li.oh-pass span, .oh-ul li.oh-in span {
    background-position: 0 -23px;
}
.oh-ul li.oh-date span.ok, .oh-ul li.oh-pass span.ok, .oh-ul li.oh-in span.ok {
    background-position: 0 0;
}
.oh-ul li.oh-num span {
    background-position: 0 -71px;
}
.oh-ul li.oh-time span {
    background-position: 0 -47px;
}
.deal-buybtn {
    background: #fe8d19 none repeat scroll 0 0;
    border-radius: 3px;
    height: 38px;
    line-height: 38px;
    margin: 0;
    text-align: center;
    width: 120px; margin:50px auto;
}
.deal-buybtn a {
    color: #fff;
    font-size: 19px;
}

.order-conent {
    background: #f0f0f0 none repeat scroll 0 0;
    padding: 10px 15px;
}
.common-title {
    margin: 14px 0 6px;
}
.common-title span {
    color: #565757;
    font-size: 12px;
    margin-left: 15px;
}
.common-items {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
}
.common-items .common-item {
    border-bottom: 1px dotted #cecece;
    min-height: 24px;
    overflow: hidden;
    padding: 12px 10px 10px 92px;
    position: relative;
}
.common-items .common-item .item-label {
    color: #817e7e;
    display: inline-block;
    left: 8px;
    position: absolute;
    text-align: left;
    top: 16px;
    width: 130px;
}
.common-items .common-item .item-content {
    line-height: 24px;
    vertical-align: middle;
}
.common-items .common-item .f16 {
    font-size: 16px;
    vertical-align: middle;
}
.common-radio-box .common-item, .pro-radio-box .common-item {
    padding: 0;
}
.common-radio-box label {
    color: #817e7e;
    display: block;
    padding: 12px 10px;
    position: relative;
}
.pro-radio-box label, .pro-radio-box .end {
    color: #444;
    display: block;
    padding: 12px 10px;
}
.common-radio-box .common-item .item-label, .pro-radio-box .common-item .item-label {
    left: 0;
    padding-right: 20px;
    position: relative;
    top: 0;
}
.order-wrap {
    background: #f0f0f0 none repeat scroll 0 0;
    padding: 15px; font-size:14px;
}
.submit-btn a, .buy-btn a, .deter-btn a, .deal-btn a, input.j_submit, .add-input, .input-btn, .codes-btn a {
    background: #f08a01 none repeat scroll 0 0;
    border: 1px solid #c9881e;
    border-radius: 5px;
    box-shadow: 1px 1px 4px #ccc, 0 1px 0 #fecebd inset;
    color: white;
    cursor: pointer;
    display: block;
    font-size: 22px;
    font-weight: bold;
    height: 100%;
    overflow: hidden;
    text-align: center;
    width: 100%;
}
.deal-btn{ height:32px; line-height:32px; margin:8px 0;}
.order-sitebtn{ height:26px; line-height:24px; margin:4px 0;}