body{
    position: relative;
}
::selection{background:rgb(96, 174, 255); color:white;}
::-moz-selection{background:rgb(96, 174, 255); color:white;}
.menu_wrap ul li.first .pull_down {
    visibility: hidden !important;
}

.menu_wrap ul li.first:hover .pull_down {
    visibility: visible !important;
}

.main_wrap {
    background: url('../images/main_wrap_bg.png') #F7F8FC no-repeat center bottom;
    overflow: hidden;
    width:100%;
}
i{
    display: inline-block;
    background: url('../images/financeicon.png');
}
.pull_down i{
    display: inline;
    background: url('');
}
/* 头部列表滑动样式 */
.menu_li li:not(:first-child) a:hover{
    color: #eb0c1c;
}
/*主题开始*/
.banner {
    width: 100%;
    height: 580px;
    position: relative;
}

.banner > img {
    max-width: initial;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -960px;
}

.banner .text {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.banner .text .them {
    position: absolute;
    top: 146px;
    left: 223px;
}

.banner .text .expain {
    position: absolute;
    top: 316px;
    left: 294px;
}

.banner .text .func_btn {
    width: 498px;
    height: 78px;
    position: absolute;
    top: 383px;
    left: 340px;
}

.banner .text .func_btn a {
    float: right;
    margin-right: 12px;
    margin-top: 45px;
    display: inline-block;
    width: 200px;
    height: 55px;
    text-indent: -9999px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
}

.banner .text .func_btn a:first-child {
    float: left;
    margin-left: 6px;
}

.banner .input-box{
    position: absolute;
    bottom: -30px;
    left: 50%;
    margin-left: -390px;
    width: 780px;
    border: solid 1px #1085fd;
    border-radius: 8px;
    background-color: #fff;
    /*display: flex;*/
    /*overflow: hidden;*/
    align-items: center;
    z-index: 99;
}
.banner .input-box>*{
    float: left;
}
.banner .input-box .location{
    padding: 0 10px 0 24px;
    border-right: 1px solid #d1e7ff;
    /*display: flex;
    align-items: center;*/
    cursor: pointer;
    font-size: 18px;
    position: relative;
    margin-top: 20px;
}
.banner .input-box .location>*{
    float: left;
    line-height: 22px;
}
.banner .input-box .location .citys{
    width: 110px;
    position: absolute;
    top: 45px;
    left: 12px;
    min-height: 230px;
    overflow-y: auto;
    border: 1px solid #dcdcdc;
    text-align: center;
    display: none;
    z-index: 2;
    background-color: #fff;
    padding-top: 10px;
}
.banner .input-box .location .citys>*{
    margin-bottom: 10px;
}
.banner .input-box .location .arrow-down{
    width: 22px;
    height: 22px;
    background-position: -118px -2px;
    margin-left: 34px;
}
.banner .input-box input{
    width: 473px;
    font-size: 18px;
    margin-left: 20px;
    margin-top: 18px;
}
.banner .input-box button{
    width: 160px;
    height: 65px;
    background-color: #60aeff;
    box-shadow: 0px 2px 12px 0px
        rgba(16, 133, 253, 0.18);
    border-radius: 0px 6px 6px 0px;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
}

.side1 {
    width: 100%;
    height: 703px;
    background: url("../images/y_tg_risk.png") no-repeat center center;
}

.side .sidebd {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}
.side .sidebd .dynamic{
    width: 1173px;
    margin: auto;
    /*display: flex;*/
    overflow: hidden;
    /*align-items: center;*/
    padding-top: 64px;
}
.side .sidebd .dynamic>*{
    float: left;
}
.side .sidebd .dynamic-text{
    width: 110px;
    height: 45px;
    padding-right: 18px;
    border-right: 1px solid #dbdbdb;
}
.side .sidebd .dynamic-text i{
    width: 110px;
    height: 45px;
    background-position: 0 0;

}
.side .sidebd .transaction{
    width: 1040px;
    height: 45px;
    overflow: hidden;
    font-size: 12px;
    color: #999;
    position: relative;
}
.side .sidebd .transaction>*{
    margin: 5px 0;
    overflow: hidden;
    position: relative;
}
.side .sidebd .transaction>*>*{
    float: left;
}
.side .sidebd .transaction p{
    width: 260px;
    line-height: 16px;
    text-overflow: ellipsis;
    flex-wrap: nowrap;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    margin-left: 40px;
}
.side .sidebd .transaction p:first-child{
    margin-left: 0;
}
.side .sidebd .transaction p>*:first-child{
    margin-left: 15px;
}
.side .sidebd .transaction p>*{
    margin-right: 8px;
}
.side .sidebd .transaction p>*:last-child{
    margin-right: 0;
}
.side .sidebd .transaction .money{
    color: #ff7979
}
.side .sidebd .title {
    height: 107px;
    text-align: center;
}
.side1 .hover-pic img{
    position: absolute;
    display: none;
}
.side1 .hover-pic img:first-child{
    top: 322px;
    left: 132px;
}
.side1 .hover-pic img:nth-child(2){
    top: 294px;
    left: 783px;
}
.side1 .hover-pic img:nth-child(3){
    top: 462px;
    left: 894px;
}
.side1 .hover-pic img:nth-child(4){
    top: 510px;
    left: -36px;
}
.side1 .sidebd .title {
    padding-top: 70px;
}
.side1 .sidebd .text>*{
    position: absolute;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    z-index: 2;
    cursor: default;
}
.side1 .sidebd .text span{
    font-size: 16px;
}
.side1 .sidebd .text>p:first-child{
    padding: 15px 40px;
    top: 335px;
    left: 150px;
    width: 204px;
}
.side1 .sidebd .text>p:nth-child(2){
    padding: 15px 40px;
    top: 305px;
    left: 790px;
    width: 239px;
}
.side1 .sidebd .text>p:nth-child(3){
    padding: 15px 40px;
    top: 470px;
    left: 900px;
    width: 171px;
}
.side1 .sidebd .text>p:nth-child(4){
    padding: 15px 40px;
    top: 525px;
    left: -32px;
    width: 195px;
}
.side2 .sidebd .title {
    padding-top: 50px;
}

.side .sidebd .title .english {
    height: 100%;
    background: url("../images/y_tg_title2.png") no-repeat top center;
}
.side .sidebd .title .tit01 {
    font-weight: bold;
    font-size: 40px;
    color: #4c4c4c;
    padding-top: 0px;
}

.side .sidebd .title .tit02 {
    font-size: 14px;
    color: #999;
}

.side1 .sidebd ul {
    overflow: hidden;
    width: 1300px;
    height: 258px;
    padding-top: 61px;
}

.side1 .sidebd li {
    float: left;
    width: 222px;
    height: 258px;
    margin-right: 103px;
}

.side2 {
    width: 100%;
    background: #fff;
}

.side2 .basic-server {
    width: 870px;
    height: 234px;
    margin-left:80px;
    background-color: #3b4c7d;
    background-image: url('../images/bg-2.png');
    position: relative;
    padding: 45px 115px;
}
.side2 .basic-server img{
    position: absolute;
    right: 25px;
    bottom: -28px;
}
.server-title p{
    font-size: 24px;
    color: #fff;
}
.server-hr{
    width: 52px;
    height: 3px;
    background-color: #377dff;
    margin-top: 8px;
    margin-bottom: 4px;
}
.server-title .server-english{
    font-size: 12px;
    color: rgba(153,153,153,0.24);
    letter-spacing: 3px;
}
.server-detail{
    /*display: flex;*/
    overflow: hidden;
    margin-top: 20px;
}
.server-detail>*{
    width: 400px;
    float: left;
}

.server-detail-right{
    position: relative;
    z-index: 999;
}
.server-detail li{
    font-size: 16px;
    color: #fff;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.server-detail li .small-span{
    font-size: 14px;
}
.server-detail li .changeColorSpan{
    color: #999;
}
.server-detail i{
    background-position: -327px -73px;
    width: 22px;
    height: 22px;
    margin-right: 10px;
}
.server-detail li span{
    line-height: 22px;
}
.side2 .server-free {
    width: 1000px;
    height: 235px;
    background-color: #ffffff;
    box-shadow: 0px 2px 32px 0px
        rgba(16, 133, 253, 0.14);
    margin-right: 80px;
    margin-top: 30px;
    padding: 14px 50px 6px;
    /*display: flex;*/
    overflow: hidden;
}
.side2 .server-free>*{
    float: left;
}
.side2 .server-free .server-title p{
    color: #304173;
}
.side2 .server-free .server-title .server-english{
    color: #dbdbdb;
}
.server-free .server-detail{
    margin-top: 44px;
}
.server-free .server-detail>*{
    width: 350px;
}
.server-free .server-detail i{
    background-position: -150px -3px;
}
.server-free .server-detail li{
    color: #4d4d4d;
}
.server-free .server-detail li{
    margin-bottom: 15px;
}
.account-now {
    width: 100%;
    height: 140px;
    background-color: #dfeeff;
    position: relative;
    top: -128px;
    text-align: center;
    padding-top: 178px;
}
.side2 .sidebd{
    position: relative;
    z-index: 2;
}
.account-now p{
    font-size: 12px;
    color: #999;
}
.account-btn{
    width: 306px;
    height: 50px;
    background-color: #60aeff;
    box-shadow: 0px 2px 20px 0px
        rgba(16, 133, 253, 0.31);
    border-radius: 8px;
    color: #fefefe;
    font-size: 18px;
    margin-top: 20px;
    cursor: pointer;
}

.account-btn a {
    display: inline-block;
    color: #fefefe;
    font-size: 18px;
}
.side3 .account-btn{
    margin-top: 40px;
}
.side3{
    margin-top: -128px;
    background-color: #eee;
}
.side3 .sidebd{
    padding-top: 50px;
    text-align: center;
    padding-bottom: 60px;
}
.side3 .sidebd .doWhat-detail{
    /*display: flex;*/
    overflow: hidden;
    /*justify-content: space-between;*/
}
.side3 .sidebd .doWhat-detail>*{
    float: left;
    margin-left: 24px;
}
.side3 .sidebd .doWhat-detail.advisers>*{
    margin-left: 252px;
}
.side3 .sidebd .doWhat-detail>*:first-child{
    margin-left: 0;
}
.doWhat-detail .doWhat-part{
    width: 220px;
}
.doWhat-detail img{
    width: 220px;
    height: 173px;
    object-fit: cover;
    object-position: top center;
}
.doWhat-text{
    background-image: url('../images/bg-3.png');
    padding: 20px;
    position: relative;
    text-align: left;
    width: 180px;
    height: 108px;
}
.doWhat-text p{
    position: relative;
    z-index: 2;
}
.doWhat-text p:first-of-type{
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}
.doWhat-hr{
    position: relative;
    z-index: 2;
    width: 16px;
    height: 3px;
    background-color: #ffffff;
    margin-bottom: 15px;
}
.doWhat-text p:nth-of-type(2){
    font-size: 16px;
    color: #fff;
    margin: 5px 0 10px;
    font-weight: bold;
}
.doWhat-text p:last-of-type{
    font-size: 12px;
    color: rgba(255,255,255,0.56);
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.doWhat-text .doWhat-part-mask{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(59, 76, 125, 0.76);
}
.side4{
    background: url('../images/bg-4.png');
    text-align: center;
    padding-bottom: 60px;
}
.side4 img{
    position: absolute;
    top: 0;
    left: 0;
}
.side4 .sidebd .title {
    padding-top: 50px;
}
.advantage-vs{
    /*display: flex;*/
    overflow: hidden;
    width: 1166px;
    margin: auto;
    box-shadow: 0px 2px 12px 0px
        rgba(16, 133, 253, 0.18);
}
.advantage-vs>*{
    float: left;
}
.advantage-vs li{
    line-height: 60px;
}
.advantage,.traditional{
    width: 520px;
    border: solid 3px #dfeeff;
}
.advantage li{
    font-size: 16px;
    color: #377dff;
    background-color:rgba(55, 125, 255, 0.26);
    border-bottom: 1px dashed rgba(116, 144, 221, 0.2);
    font-weight: bold;
}
.advantage li:first-of-type{
    background-color: #377dff;
    font-size: 24px;
    color: #fff;
    border-bottom: solid 3px #dfeeff;
    font-weight: bold;
}
.advantage li:last-of-type{
    border-bottom: none;
}
.vs{
    width: 114px;
    border: solid 3px #dfeeff;
    border-left: none;
    border-right: none;
}
.vs li{
    font-size: 20px;
    color: #7490dd;
    background-color: #fff;
    border-bottom: 1px dashed rgba(116, 144, 221, 0.2);
    font-weight: bold;
}
.vs li:first-of-type{
    font-size: 36px;
    border-bottom: solid 3px #dfeeff;
    font-weight: bold;
}
.vs li:last-of-type{
    border-bottom: none;
}
.traditional{
    border: solid 3px #ebebeb;
    border-left: solid 3px #dfeeff;
}
.traditional li{
    font-size: 14px;
    color: #999;
    background-color:#fff;
    border-bottom: 1px dashed rgba(116, 144, 221, 0.2);
}
.traditional li:first-of-type{
    background-color: #f5f5f5;
    font-size: 24px;
    color: #666;
    border-bottom: solid 3px #ebebeb;
    font-weight: bold;
}
.traditional li:last-of-type{
    border-bottom: none;
}
.side5{
    margin-top: 0;
    background-color: #fff;
}
.side5 .sidebd{
    overflow: hidden;
}
.side5 .doWhat-box .scroll{
    /*position: absolute;*/
    height: 100%;
    display: table;
    margin: 0 auto;
}
.side5 .doWhat-part{
    box-shadow: 0px 0px 10px 0px
        rgba(16, 133, 253, 0.1);
    /*margin-right: 10px;*/
    margin-right: 0px;
}
.side5 .doWhat-detail{
    height: 360px;
    /*display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    position: absolute;
    width: 1200px;*/
}
.side5 .doWhat-detail:first-of-type{
    left: 0;
}
.side5 .doWhat-detail:nth-of-type(2){
    left: 1200px;
}
.side5 .doWhat-detail:nth-of-type(3){
    left: 2400px;
}
.side5 .doWhat-detail .doWhat-part{
    width: 232px;
    height: 355px;
}
.side5 .doWhat-detail .doWhat-part img{
    width: 232px;
    height: 232px;
    object-fit: cover;
    object-position: top center;
}
.side5 .doWhat-text{
    background-image: url('');
    text-align: center;
}
.side5 .doWhat-text p{
    color: #999;
    font-size: 14px;
}
.side5 .doWhat-text p:first-child{
    color: #4d4d4d;
    font-size: 18px;
}
.side5 .doWhat-hr{
    width: 16px;
    height: 3px;
    background-color: #60aeff;
    display: inline-block;
    margin: 5px 0 0;
}
.side5 .doWhat-text{
    padding-bottom: 0;
    padding-top: 15px;
    width: 192px;
    position: relative;
}
.advisers .doWhat-part:hover .doWhat-text{
    background-image: url('../images/bg-5.png');
    background-size: cover;
}
.advisers .doWhat-part:hover p{
    color: #fff;
}
.advisers .doWhat-part:hover p:not(:first-child){
    visibility: hidden;
}
.advisers .doWhat-part:hover button{
    visibility: visible;
}
.advisers button{
    width: 120px;
    height: 30px;
    background-color: #ffffff;
    border-radius: 15px;
    font-size: 14px;
    color: #29303e;
    position: absolute;
    bottom: 24px;
    left: 56px;
    visibility: hidden;
    cursor: pointer;
}
.doWhat-box{
    position: relative;
    height: 360px;
    width: 1200px;
}
.controller{
    width: 80px;
    height: 18px;
    background-color: rgba(41, 48, 62, 0.6);
    border-radius: 9px;
    display: inline-block;
    margin: 20px auto 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 5px;
}
.controller span{
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.6);
    border-radius: 50%;
}
.controller .rightNow{
    width: 26px;
    height: 10px;
    background-color: #ffffff;
    border-radius: 5px;
}
.side6{
    background-color: #eee;
}
.side6 .process{
    /*display: flex;*/
    background-color: #fff;
}
.side6 .process>*{
    float: left;
}
.side6 .process .process-part{
    width: 200px;
    height: 310px;
}
.process-text i{
    width: 50px;
    height: 50px;
    margin: 30px 0 25px;

}
.process-text p:first-of-type{
    font-size: 18px;
    color: #4d4d4d;
    font-weight: bold;
}
.process-text p:nth-of-type(2){
    font-size: 14px;
    color: #999;
    display: none;
}
.process-hr{
    width: 16px;
    height: 3px;
    background-color: #60aeff;
    display: inline-block;
    margin: 8px 0;
}
.process .process-part:first-of-type{
    background: url('../images/pic-6-1.png');
}
.process .process-part:nth-of-type(2){
    background: url('../images/pic-6-2.png') center center;
    background-size: cover;
}
.process .process-part:nth-of-type(3){
    background: url('../images/pic-6-3.png');
}
.process .process-part:nth-of-type(4){
    background: url('../images/pic-6-4.png');
}
.process .process-part:nth-of-type(5){
    background: url('../images/pic-6-5.png');
}
.process .process-part:nth-of-type(6){
    background: url('../images/pic-6-6.png');
}
.process .process-part:first-of-type i{
    background-position: 0 -58px;
}
.process .process-part:nth-of-type(2) i{
    background-position: -53px -58px;
}
.process .process-part:nth-of-type(3) i{
    background-position: -105px -58px;
}
.process .process-part:nth-of-type(4) i{
    background-position: -160px -58px;
}
.process .process-part:nth-of-type(5) i{
    background-position: -212px -58px;
}
.process .process-part:nth-of-type(6) i{
    background-position: -268px -58px;
}
.side6 .on{
    transform: scale(1.1, 1.1);
    box-shadow: 0px 2px 12px 0px
        rgba(16, 133, 253, 0.18);    
}
.side6 .on i{
    margin-top: -23px;
}
.side6 .on p:nth-of-type(2){
    display: block;
    margin-top: 13px;
    width: 154px;
    margin: auto;
    text-align: center;
}
.side7{
    background: url('../images/bg-7.png') top center no-repeat;
}
.side7 .sidebd .title .english{
    background: url('');
}
.side7 .sidebd .title .tit01{
    color: #fff;
}
.side7 .sidebd .title .tit02{
    color:rgba(153,153,153,0.7);
}
.papers{
 /*   display: flex;
    justify-content: space-between;*/
    overflow: hidden;
}
.papers>*{
    float: left;
    margin-left: 18px;
}
.papers>*:first-child{
    margin-left: 0;
}
.papers .papers-part{
    width: 388px;
    height: 320px;
    position: relative;
}
.papers .papers-part:nth-of-type(1){
    background: url('../images/pic-7-1.png');
}
.papers .papers-part:nth-of-type(2){
    background: url('../images/pic-7-2.jpg');
}
.papers .papers-part:nth-of-type(3){
    background: url('../images/pic-7-3.png');
}
.papers .papers-part .papers-text{
    width: 288px;
    background-color: rgba(255, 255, 255, 0.72);
    position: absolute;
    bottom: 18px;
    left: 50px;
    padding: 15px 0;
}
.papers .papers-part .papers-text P:first-of-type{
    font-size: 18px;
    color: #4d4d4d;
}
.papers .papers-part .papers-text P:last-of-type{
    font-size: 12px;
    color: #999;
}
.side8 .sidebd{
    position: relative;
    z-index: 2;
}
.files{
/*    display: flex;
    justify-content: space-between;*/
    overflow: hidden;
}
.files>*{
    float: left;
    margin-left: 18px;
}
.files>*:first-child{
    margin-left: 0;
}
.files-part{
    width: 286px;
    position: relative;
    background-color: #fff;
}
.files-mask{
    position: absolute;
    top: 230px;
    left: 0;
    background-color: #1085fd;
    width: 266px;
    line-height: 42px;
    text-align: left;
    font-size: 0;
}
.files-mask span:first-of-type{
    font-size: 18px;
    color: #fffefe;
    padding-left: 18px;
    display: inline-block;
    font-weight: bold;
}
.files-mask span:last-of-type{
    color:#60aeff;
    font-size: 12px;
    margin-left: 5px;
}
.files-text{
    width: 240px;
    margin: auto;
    line-height: 22px;
    font-size: 14px;
    color: #999;
    padding-top: 50px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 44px;
    margin-bottom: 20px;
}
.side8 .account-btn{
    margin-top: 0;
}
.side8 .account-now{
    top: -160px;
    height: 110px;
    padding-top: 142px;
}
.side9{
    margin-top: -160px;
    background: url('../images/bg-9.png') top center no-repeat;
}
.side9 .sidebd{
    width: 1205px;
}
.problems{
/*    display: flex;
    justify-content: space-between;*/
    overflow: hidden;
}
.problems>*{
    float: left;
}
.problems-left{
    width: 628px;
    height: 439px;
    margin-right: 30px;
    background: url('../images/pic-9-1.png') center center no-repeat;
    position: relative;
}
.problems-left-mask{
    position: absolute;
    top: 280px;
    left: 36px;
    background-color: #ffffff;
    box-shadow: 0px 2px 24px 0px
        rgba(16, 133, 253, 0.08);
    width:374px;
    padding: 29px 22px;
    text-align: left;
}
.problems-left-mask P:first-of-type{
    font-size: 16px;
    color: #4d4d4d;
    margin-bottom: 18px;
    font-weight: bold;
}
.problems-left-mask P:last-of-type{
    font-size: 14px;
    color: #999;
    line-height: 22px;
}
.problems-left-mask P:last-of-type a{
    color: #1085fd;
}
.problems-right{
    width: 538px;
}
.problems-right li{
    padding: 18px 28px 22px 18px;
    background-color: #ffffff;
    box-shadow: 0px 2px 24px 0px
        rgba(16, 133, 253, 0.08);
    text-align: left;
    margin-bottom: 10px;
}
.problems-right li:last-of-type{
    margin-bottom: 0;
}
.problems-right li p:first-of-type{
    font-size: 16px;
    color: #4d4d4d;
    padding-bottom: 18px;
    font-weight: bold;
    border-bottom: 1px dashed rgba(96,174,255,0.12);
    margin-bottom: 16px;
}
.problems-right li P:last-of-type{
    font-size: 14px;
    color: #999;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.problems-right li P:last-of-type a{
    color: #1085fd;
}
.side10 .sidebd{
/*    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;*/
    overflow: hidden;
}
.side10 .sidebd>*{
    margin-bottom: 10px;
    float: left;
    margin-left: 8px;
}
.side10 .sidebd .team-part:first-child,.side10 .sidebd .team-title+.team-part+.team-part{
    margin-left: 0;
}
.team-part{
    width: 294px;
    height: 220px;
    position: relative;
}
.team-title{
    width: 596px;
    height: 220px;
    background: url('../images/bg-10.png'),url('../images/finance/y_tg_title10.png') no-repeat center 28px;
}
.tit01{
    font-size: 40px;
    color: #474747;
    padding-top: 35px;
}
.tit02{
    font-size: 16px;
    color: #999;
    margin: 14px 0 30px;
}
.tit03{
    width: 420px;
    margin: auto;
    font-size: 14px;
    color: #999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.team-mask{
    width: 100%;
    font-size: 14px;
    color: #fff;
    background-color: rgba(41, 48, 62, 0.86);
    position: absolute;
    bottom: 0;
    line-height: 36px;
    text-align: left;
    text-indent: 10px;
}
.body-mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    position: absolute;
    top: 0;
    z-index: 99999;
    display: none;
}
.body-mask form{
    width: 588px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -299px;
    margin-top: -200px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 4px;
    padding: 14px;
}
.form-title{
    background-color: #0586eb;
    /*display: flex;*/
    overflow: hidden;
    line-height: 60px;
    padding: 0 25px;
    /*align-items: center;*/
    font-size: 0;
}
.form-title>*{
    float: left;
}
.form-title p{
    color: #fff;
    font-size: 20px;
    display: inline-block;
    margin-right: 335px;
    /*flex-grow: 1;*/
}
.form-detail{
    background-color: #fff;
    text-align: center;
}
.form-detail> p{
    font-size: 14px;
    color: #999;
    padding:50px 0 40px;
}
.form-item{
    width: 400px;
    margin: auto;
    text-align: left;
    /*display: flex;*/
    overflow: hidden;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}
.form-item>*{
    float: left;
}
.form-notice{
    background-color: #7ac143;
    /*display: flex;*/
    overflow: hidden;
    align-items: center;
}
.form-notice>*{
    float: left;
}
.form-notice p{
    line-height: 20px;
    color: #fff;
    font-size: 12px;
}
.form-btn{
    padding-bottom: 50px;
}
.form-detail label{
    width: 80px;
    text-align: right;
    line-height: 36px;
}
.form-detail .form-item:nth-of-type(2) label{
    margin-top: 20px;
}
.form-detail input{
    width: 302px;
    height: 24px;
    padding: 5px;
    border: 1px solid #eee;
}
.form-btn label{
    visibility: hidden;
}
.form-btn button{
    width: 150px;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    background-color: #ff962a;
    cursor: pointer;
}
.form-btn button:nth-of-type(2){
    color: #4d4d4d;
    background-color: #d2d2d2;
}
.form-title i:first-of-type{
    width: 33px;
    height: 26px;
    background-position: -185px -27px;
    margin-right: 8px;
    margin-top:17px;
}
.form-title i:nth-child(3){
    margin-top:19px;

}
.form-title i:nth-of-type(2){
    width: 22px;
    height: 22px;
    background-position: -149px -30px;
    cursor: pointer;
}
.form-notice i{
    width: 14px;
    height: 14px;
    background-position: -121px -32px;
    margin: 3px 4px 0 10px;
}
.location select::-webkit-scrollbar
{
    width: 10px;
}
.location select::-webkit-scrollbar-track-piece
{
    background-color: #CCCCCC;
    -webkit-border-radius: 6px;
}
.location select::-webkit-scrollbar-thumb:vertical
{
    height: 5px;
    background-color: #999999;
    -webkit-border-radius: 6px;
}
.location select::-webkit-scrollbar-thumb:horizontal
{
    width: 5px;
    background-color: #CCCCCC;
    -webkit-border-radius: 6px;
}