* {

    padding: 0;

    margin: 0;

}



.whiteColor {

    background-color: white;

}



.fontMainColor {

    color: #45deb5;

}



.displayNone {

    display: none;

}



.cursorP {

    cursor: pointer;

}

.fontW{

    font-weight: bold;

}





.charge {

    width: 780px;

    height: 830px;

}



.charge .title {

    position: relative;

    border-bottom: 2px solid #f7f7f7;

    height: 42px;

    line-height: 42px;

}



.charge .title .nowMoney {

    font-size: 14px;

    color: #666666;

    float: right;

    margin: 0 40px;

}



.charge .title .nowMoney .money-color {

    font-weight: bold;

}



.charge .title .theme {

    position: relative;



    font-size: 16px;

    font-weight: bold;

    color: #666;

    border-top: 2px solid white;

    border-bottom: 2px solid white;

    margin-left: 40px;

}



.tabRow {

    padding-top: 30px;

    border-bottom: 1px solid #dfdfdf;

    position: relative;

}



.tabRow .tabBtn {

    display: inline-block;

    font-size: 16px;

    height: 40px;

    line-height: 40px;

    width: 120px;

    text-align: center;

    border-top: 1px solid #dfdfdf;

    border-right: 1px solid #dfdfdf;

    color: #666;

    box-sizing: border-box;

    margin-bottom: -2px;

    cursor: pointer;

}



.tabRow .tabBtn:first-child {

    border-left: 1px solid #dfdfdf;

    margin-left: 25px;

}



.tabRow .tabBtn:last-child {

    margin-left: -5px;

}



.tabRow .tabBtn.active {

    font-weight: bold;

    border-top: 2px solid #45deb5;

    border-bottom: 1px solid white;

}



.chargeMain {

    position: relative;

}



.chargeMain_content {

    margin: 60px auto 0;

    width: 500px;

}



.chargeMain_content .row {

    margin-bottom: 20px;

}



.chargeMain_content .row .title {

    text-align: right;

    font-size: 14px;

    font-weight: bold;

    color: #666;

    border: none;

}



.chargeMain_content .row > div, .chargeMain_content .row input, .chargeMain_content .row button {

    display: inline-block;

    height: 40px;

    line-height: 40px;

}



.chargeMain_content .row .active {

    border: 1px solid #45deb5;

}



.chargeMain_content .row img {

    vertical-align: middle;

    height: 26px;

    margin-top: -4px;



}



.chargeMain_content .row > div {

    width: 140px;

    border: 1px solid #dfdfdf;

    text-align: center;

    margin-right: 20px;

}



.chargeMain_content .row input {

    width: 305px;

    border: 1px solid #dfdfdf;

}



.chargeMain_content .row button {

    text-align: center;

    width: 305px;

    background-color: #45deb5;

    border: 1px solid #45deb5;

    outline: none;

    color: white;

    font-size: 18px;

    vertical-align: middle;

    font-weight: bold;

    margin-left: 165px;

}



/*未绑定*/

.chargeMain .tip{

   width: 660px;

    height: 30px;

    line-height: 30px;

    margin: 30px auto 0;

    background-color: #f1f1f1;

    color: #666666;

    padding: 0 20px;

    font-size: 14px;

}

.chargeMain .tip .fontMainColor{

    border-bottom: 1px solid #45deb5;

}

label.ErrClass {

    display: block;

    text-align: center;

    color: red;

    padding-top: 10px;

    margin-left: -88px;

}



/*弹出框2*/

.mask .alert{

    width: 410px;

    height: 190px;

    border: 1px solid #d5d5d5;

    background-color: white;

    position: relative;

    top: 50%;

    margin: -95px auto;

    padding: 40px;

    box-sizing: border-box;

}

.mask .alert .close{

    position: absolute;

    right: 10px;

    top: 10px;

}

.mask .alert .tip1{

    font-size: 16px;

    color: #333;

}

.mask .alert .tip2{

    font-size: 14px;

    color: #666;

    margin-top: 2px;

}



.mask .alert .payResult{

    margin-top:30px;

}

.mask .alert .payResult button{

    width: 80px;

    height: 25px;

}

.mask .alert .payResult button.paySuccess{

    background-color: #45deb5;

    color: #fff;

    border:1px solid  #45deb5;

    margin-right: 10px;

}

.mask .alert .payResult button.payFail{

    background-color: #fff;

    color: #333;

    border:1px solid  #d5d5d5;

}

.mask .alert .tip{

    margin-top: 10px;

}



.mask .close{

    height: 16px;

    margin-left: 50px;

    cursor: pointer;

}