.clearfix::before,
.clearfix::after{
    content: "";
    display: table;
    clear: both;
}
.back3{
    background-image: linear-gradient(to right ,rgb(231, 221, 244) 23%,white 100px );
    border-radius: 10px 10px 0 0;
}
.back4{
    background-image: linear-gradient(to right ,rgb(231, 221, 244) 23%,white 100px );
    border-radius: 0 0 10px 10px;
}
.photo{
    width: 45%;
}
.content{
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(to right ,rgb(231, 221, 244) 23%,white 100px );
    background-repeat: no-repeat;
}
.content form{
    position: absolute;
    top: 14%;
    left: 45%;
    /*font-size: 15px;*/
}
.amount{
    padding-top: 28px;
}
input{
    width: 92%;;
    border: none;
    outline: none;
    border-bottom:1px solid black ;
}
.modal-title {
    text-align: center;

}
.modal-header {
    padding: 15px;
    /*border-bottom: 1px solid #e5e5e5;*/
    text-align: center;
    font-size: 17px;

}
.modal-footer{
    /*background-image: linear-gradient(to right ,rgb(231, 221, 244) 23%,white 100px );*/
}
/*body{*/
/*    width: 100%;*/
/*    height: 500px;*/
/*    background-image: url("../images/back1.png");*/
/*    background-repeat: no-repeat ;*/
/*    background-size:contain;*/
/*}*/

.window{
    position:relative;
}
.window form {
    padding-left: 20px;
    position: relative;
}
.window form input {
    border: none;
    border-bottom: 1px black solid;
    outline: none;
    width: 50%;
    line-height: 2;
}
.window-wrapper .btn-code {
    background-color: rgb(109, 36, 197);
    color: #fff;
    line-height: 1;
    outline: none;
    border: none;
    border-radius: 5px;
}
.window-wrapper span a,
.window-wrapper .number{
    color: rgb(109, 36, 197);
}
.photo-right {
    position: absolute;
    right: 9px;
    width: 47%;
    /*height: 72%;*/
    z-index: 99;
    top: -15px;
}
.recharge1{
    text-align: center;
}
#qrCodeImg{
    border: 1px solid black;
}
.btn-primary{
    background-color: rgb(109, 36, 197);
}
.close{
    color: rgb(109, 36, 197);
}
.navPhoto{
    width: 56%;
}
.modal-footer .reg_btn{
background-color: rgb(109, 36, 197);
}
.btn-primary{
    width:20%;
    font-size:14px;
    margin-right: 1%;
}
.window-wrapper .btn-code{
    padding: 8px 20px;
    font-size: 14px;
}
.bootstrap-select>.dropdown-toggle{
    border:none;
}
.closeR{
    color: rgb(109, 36, 197);

}
.textR{
    padding-left: 0px;
    padding-bottom: 10px;
}
.Pay{
    font-size: 15px;
    padding: 29px 0;
    font-weight: 600;
}
.payLogoW{
position: relative;
    float: right;
}
.payLogo{
    position: absolute;
    left: 50%;
    top: 50%;
    transform:translate(-50%,-50%);
}
.checkNickNameErr,.checkUserErr,.checkPwdErr,.checkPhoneErr,
.checkNickNameOk,.checkUserOk,.checkPhoneOk,.checkPwdOk
{
    margin-bottom: 10px;
}
.companyProfile{
    background-color: rgb(255, 255, 255);
    width: 70%;
    margin: 0 auto;
    clear: both;
    border-radius: 10px;
    box-shadow: 1px 2px 5px 0px #808a87;
    /*box-shadow:2px 4px 12px 2px rgb(243 243 243 );*/
    padding:3%;
    letter-spacing:2px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10%;
}
.profileHead{
    padding-top: 10px;
}
.profileT1{
    text-indent:41px;
}
.profileTitle{
    padding: 1% 0;
    font-size: 27px;
    font-weight: 400;
}
.photo-company{
    float: left;
    width: 36%;
}
.company-end{
    clear: both;
}
.br{
    height: 16px;
}
.photo-back3{
    position: absolute;
    right: -7%;
    z-index: -1;
    width: 33px;
    bottom: 1px;
}
.photo-back4{
    position: absolute;
    right: -7%;
    z-index: -1;
    width: 33px;
    bottom: 128px;
}
.photo-back5{
    position: absolute;
    right: -7%;
    z-index: -1;
    width: 33px;
    bottom: 18px;
}
.photo-back6{
    position: absolute;
    right: -7%;
    z-index: -1;
    width: 33px;
    bottom: -113px;
}
.agent{
    background-color: rgb(255, 255, 255);
    width: 70%;
    margin: 0 auto;
    clear: both;
    border-radius: 10px;
    box-shadow: 1px 2px 5px 0px #808a87;
    padding:3%;
    letter-spacing:2px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10%;
}
.photo-agent{
    float: right;
    width: 37%;
}
.agencyT1{
    text-indent:41px;
}
.agencyT2{
    text-indent:2px;
}
.agencyT2{
    text-indent:2px;
}

.agency{
    padding: 1% 0;
    font-size: 33px;
    font-weight: 300;
    margin-bottom: 10px;
}
.br1{
    height: 27px;
}
.br2{
    height: 93px;
}
.br3{
    height: 38px;
}
.photo-back7{
    float:left;
    width: 20%;
}
.agencyT9{
    padding: 6% 2%;
    font-size: 19px;
    text-align: center;
}
@media (min-width: 768px){
    .collapse .nav.navbar-nav.navbar-right > li > a{
        color: white;
    }
}
@media (max-width: 768px){
    .collapse .nav.navbar-nav.navbar-right > li > a{
        background-color: white;
        border-top: 1px solid black;
    }
}
.help-1{
    background-color: rgb(255, 255, 255);
    width: 45%;
    /*margin: 0 auto;*/
    /*clear: both;*/
    border-radius: 11px;
    box-shadow: 1px 2px 5px 0px #808a87;
    padding:12px 12px;
    letter-spacing: 2px;
    font-size: 105%;
    float: left;
    margin-left: 3%;
    margin-top:2%;
}
.photo-help{
    float: right;
    width: 48px;
    padding: 5px 12px 0 0;
}
.usinghelpT1{
  color: black;
}
.usinghelpC2{
    float: right;
    font-size: 16px;
}
.usinghelpC1{
    float: right;
    font-size: 16px;
}
.usinghelpC3{
    font-weight:600;
}
.select{
    background-color: rgb(237, 237, 237);
    width: 20%;
    /*margin: 0 auto;*/
    /*clear: both;*/
    border-radius: 10px;
    box-shadow: 1px 2px 5px 0px #808a87;
    padding:1% 1%;
    letter-spacing:2px;
    font-size: 21px;
    font-weight: 500;
    margin: 10% 1% 6% 16%;
    float: left;
}
.select1{
    background-color: rgb(237, 237, 237);
    width: 39%;
    /*margin: 0 auto;*/
    /*clear: both;*/
    border-radius: 10px;
    box-shadow: 1px 2px 5px 0px #808a87;
    padding:1% 4%;
    letter-spacing:2px;
    font-size: 21px;
    font-weight: 500;
    margin: 10% 12% 9% 0;
    float: right;
}
.select3 span{
    font-weight: 500;
    color: black;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner{
    color: blueviolet;
}
.backP{
    background-image: linear-gradient(to right ,rgb(231, 221, 244) 23%,white 100px );
}