@charset "UTF-8";
.navbar-nav>li>a,body,html {
font-family: Helvetica,Arial,sans-serif
}
.font-weight,.mainactive {
font-weight: 700
}
.fund-info,.refund-info,.section-body5-footer-ul,.shortcut-ul,ul {
list-style: none
}
.to-top,.viewer-invisible {
visibility: hidden
}
.code-style,.common-input-group>p {
word-wrap: break-word
}
.ng-cloak,.ng-hide,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak] {
display: none!important
}
ng\:form {
display: block
}
.display-none,.wx-code {
display: none
}
.ng-animate-start {
clip: rect(0,auto,auto,0);
-ms-zoom: 1.0001
}
.ng-animate-active {
clip: rect(-1px,auto,auto,0);
-ms-zoom: 1
}
* {
margin: 0;
padding: 0
}
i {
font-style: normal
}
textarea {
resize: none
}
button,input,select,textarea:focus {
outline: 0
}
.redFont {
color: #D1111D
}
.text-right {
text-align: right!important
}
.text-indent {
text-indent: 30px
}
.text-blue {
color: #00a5dd
}
.text-grey {
color: silver!important
}
.text-out {
color: #FF5A5A!important
}
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px #fff inset!important
}
.clear-both {
clear: both!important
}
.loading {
position: fixed;
top: 0;
left: 0;
z-index: 1011150;
background: rgba(30,33,48,.5);
width: 100%;
height: 100%
}
.loading-img,.wx-code {
width: 150px;
height: 150px;
position: absolute
}
.loading-img {
margin: -75px auto auto;
left: 0;
right: 0;
top: 50%
}
.wx-code {
right: -55px;
bottom: 55px;
z-index: 10
}
.table-break {
table-layout: fixed;
width: 100%;
overflow: hidden;
WORD-BREAK: break-all
}
.td-break {
width: 10%;
overflow: hidden;
word-break: keep-all;
white-space: nowrap;
text-overflow: ellipsis
}
.common-scroll::-webkit-scrollbar {
width: 10px;
height: 10px
}
.img-width,body,html {
width: 100%
}
.common-scroll::-webkit-scrollbar-track {
-webkit-box-shadow: none;
border-radius: 7px
}
.common-scroll::-webkit-scrollbar-thumb {
background: rgba(221,221,221,.8);
-webkit-box-shadow: none;
border-radius: 7px
}
.form-group {
margin-top: 30px;
margin-bottom: 0
}
.display-block {
display: block
}
.display-inline-block {
display: inline-block
}
.btn.active,.btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none
}
.animate-show-hide {
padding: 10px
}
.animate-show-hide.ng-hide-add,.animate-show-hide.ng-hide-remove {
-webkit-transition: all linear .3s;
-moz-transition: all linear .3s;
-o-transition: all linear .3s;
transition: all linear .3s;
display: block!important
}
.animate-show-hide.ng-hide-add.ng-hide-add-active,.animate-show-hide.ng-hide-remove {
opacity: 0
}
.animate-show-hide.ng-hide-add,.animate-show-hide.ng-hide-remove.ng-hide-remove-active {
opacity: 1
}
.top-none {
top: 0!important
}
.padding-none {
padding: 0!important
}
.padding-top-none {
padding-top: 0!important
}
.margin-none {
margin: 0!important
}
.margin-bottom-none {
margin-bottom: 0!important
}
.padding-left-30 {
padding-left: 30px!important
}
body,html {
margin: 0;
padding: 0;
font-size: 14px;
height: 100%;
overflow-x: hidden;
}
.main-nav,.top-nav {
font-size: 18px;
right: 0
}
body::-webkit-scrollbar {
width: 7px;
height: 7px
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: none;
border-radius: 7px;
background: #E6E6E6
}
body::-webkit-scrollbar-thumb {
background: #858585;
-webkit-box-shadow: none;
border-radius: 7px
}
.outer-content {
height: 100%
}
.common-content {
min-height: calc(100% - 130px);
float: left;
width: 100%;
position: relative
}
.main-nav,.right-nav,.top-nav {
position: absolute;
color: #fff
}
.main-menu {
width: 100%;
height: 110px;
background-color: #2A2D3E
}
.top-menu {
height: 160px
}
.main-nav {
margin-top: 25px;
width: 1100px;
left: 16%
}
.top-nav {
width: 558px;
float: none;
left: 0;
margin: auto;
top: 30px
}
.navbar-nav>li {
padding-left: 2.5%;
padding-right: 2.5%
}
.right-nav {
font-size: 15px;
right: 70px;
top: 25px;
width: auto
}
.right-nav>li {
position: relative;
display: inline-block;
padding: 15px
}
.top-nav>li {
padding-left: 10.5%;
padding-right: 10.5%
}
.navbar-nav>li>a {
color: #fff;
padding-left: 0;
padding-right: 0
}
.nav>li:last-child {
border-bottom: none!important
}
.nav>li>a:focus,.nav>li>a:hover {
text-decoration: none;
background-color: transparent
}
#backtotop {
height: 50px;
position: fixed;
bottom: 55px;
right: -60px;
z-index: 9999;
-moz-transition: all 1s ease;
-webkit-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease
}
#backtotop.showme {
right: 12px;
-moz-transform: scale(1) rotate(-360deg) translate(0);
-webkit-transform: scale(1) rotate(-360deg) translate(0);
-o-transform: scale(1) rotate(-360deg) translate(0);
transform: scale(1) rotate(-360deg) translate(0)
}
#backtotop .bttbg:hover {
background-position: left bottom
}
#backtotop .bttbg {
width: 50px;
height: 50px;
background: url(../image/top_button.png) no-repeat
}
@media(max-width:1645px) and (min-width:1366px) {
.main-nav {
width: 851px;
font-size: 16px
}
.navbar-nav>li {
padding-left: 2.5%;
padding-right: 2.5%
}
}
@media(max-width:1366px) {
.main-nav {
font-size: 16px;
width: 680px
}
.navbar-nav>li {
padding-left: 1.7%;
padding-right: 1.7%
}
}
@media(max-width:1024px) {
.main-nav {
font-size: 12px;
width: 580px
}
.navbar-nav>li {
padding: 0 5px
}
}
.mainactive {
position: relative
}
.mainactive::after,.mainactive::before {
position: absolute;
right: 0;
margin: auto;
content: "";
cursor: default;
left: 0
}
.mainactive::before {
top: 49px;
width: 8px;
height: 8px;
background: #fff;
border: none;
border-radius: 50%;
z-index: 999
}
.mainactive::after {
top: 47px;
width: 12px;
height: 12px;
border: 2px solid rgba(211,211,211,.7);
border-radius: 50%;
z-index: 998
}
.person-account-li::after,.person-account-li::before {
position: absolute;
height: 25px;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
top: 14px;
width: 25px;
content: ''
}
.person-account-li {
padding-left: 30px;
padding-right: 30px;
cursor: pointer
}
.person-account-li::after {
background-position: -18px -273px;
right: 10px
}
.person-account-li::before {
background-position: -122px -949px;
left: 10px
}
.person-account-menu {
background: #FFF;
box-shadow: 0 2px 4px 0 rgba(177,177,177,.5);
border-radius: 2px;
border: none;
min-width: 158px;
right: 50px!important
}
.person-account-menu>li>a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 35px;
color: #858585;
font-size: 12px;
white-space: nowrap;
border-left: 3px solid transparent
}
.person-account-menu>li>a:focus,.person-account-menu>li>a:hover {
color: #595959;
text-decoration: none;
background-color: #F5F7FA;
border-left: 3px solid #0FAEEA
}
.logout-btn {
width: 100px;
height: 40px;
border-radius: 4px;
font-size: 14px;
background-color: rgba(15,174,234,.8);
border: none;
line-height: 40px!important;
position: relative;
top: -8px;
padding: 0!important;
font-weight: 100;
text-align: center
}
.logout-btn:focus,.logout-btn:hover {
background: #00c9ff!important;
border: none;
outline: 0
}
.common-sub-title,.side-menu>ul>li>span,.sideaactive,.top-side-menu>ul>li>a>div {
background-repeat: no-repeat
}
.common-main-content,.side-menu,.top-side-menu {
box-shadow: 2px 1px 12px rgba(151,151,151,.5);
background-color: #fff
}
@media (max-width:1350px) {
.right-nav {
right: 45px;
width: 305px
}
}
.top-side-menu {
min-height: 100%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
position: absolute;
top: 0
}
.top-side-menu>ul>li {
padding-bottom: 0;
border-bottom: 1px dashed #ccc;
margin-top: 4px;
padding-left: 25%;
padding-right: 25px
}
.top-side-menu>ul>li>a {
font-size: 15px;
color: grey;
padding-top: 23px;
padding-bottom: 23px;
display: inline-block;
width: 100%
}
.top-side-menu>ul>li>a.sideaactive {
color: #595959!important
}
.top-side-menu>ul>li>a>span {
height: 30px;
line-height: 30px
}
.top-side-menu>ul>li>a>div {
width: 30px;
height: 30px;
float: left;
position: relative;
top: 0;
background-image: url(../image/icons.png);
margin-right: 25px
}
.icons-help-first {
background-position: -393px -13px
}
.helpfirstactive {
background-position: -443px -13px
}
.icons-help-second {
background-position: -393px -51px
}
.helpsecondactive {
background-position: -443px -51px
}
.icons-help-three {
background-position: -393px -91px
}
.helpthreeactive {
background-position: -443px -91px
}
.icons-help-four {
background-position: -393px -127px
}
.helpfouractive {
background-position: -443px -127px
}
.icons-help-five {
background-position: -393px -165px
}
.helpfiveactive {
background-position: -443px -165px
}
.icons-help-six {
background-position: -393px -201px
}
.helpsixactive {
background-position: -443px -201px
}
.icons-help-seven {
background-position: -393px -237px
}
.helpsevenactive {
background-position: -443px -237px
}
.side-menu {
min-height: 100%;
padding-top: 10px;
position: absolute;
top: 0
}
.side-menu>ul>li {
padding-bottom: 16px;
border-bottom: 1px dashed #ccc;
margin-top: 31px;
padding-left: 20%
}
.border-bottom-none {
border-bottom: none!important
}
.border-right-none {
border-right: none!important
}
.side-menu>ul>li>ul>li>a {
font-size: 15px;
color: grey;
display: inline-block;
padding: 10px 0;
width: 95%
}
.side-menu>ul>li>ul>li>a>span {
height: 29px;
line-height: 29px;
display: inline-block
}
.sideaactive {
background-image: url(../image/flag.png);
background-position: right center;
color: #2e3a4b!important
}
.side-menu>ul>li>span {
font-size: 17px;
font-weight: 500;
background-image: url(../image/grey-point.png);
background-position: left center;
padding-left: 30px;
color: #595959
}
.sidespanactive {
background-image: url(../image/black-point.png)!important
}
.side-menu>ul>li>ul {
margin-left: 29px;
margin-top: 10px
}
.side-menu>ul>li>ul>li>a>div {
width: 29px;
height: 29px;
float: left;
position: relative;
top: 0;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
margin-right: 10px
}
@media (max-width:1835px)and (min-width:1741px) {
.top-side-menu>ul>li {
padding-left: 20%
}
.side-menu>ul>li {
padding-left: 14%
}
.side-menu>ul>li>ul>li>a>div {
margin-right: 20px
}
}
@media (max-width:1740px)and (min-width:1580px) {
.top-side-menu>ul>li {
padding-left: 14%
}
.side-menu>ul>li {
padding-left: 10%
}
.side-menu>ul>li>ul>li>a>div {
margin-right: 12px
}
.side-menu>ul>li>span {
padding-left: 25px
}
.side-menu>ul>li>ul {
margin-left: 24px
}
}
@media (max-width:1579px)and (min-width:1501px) {
.top-side-menu>ul>li {
padding-left: 14%
}
.side-menu>ul>li {
padding-left: 8%
}
.side-menu>ul>li>ul>li>a>div {
margin-right: 15px
}
.side-menu>ul>li>span {
font-size: 15px;
padding-left: 25px
}
.side-menu>ul>li>ul {
margin-left: 24px
}
.side-menu>ul>li>ul>li>a {
font-size: 14px
}
}
@media (max-width:1500px)and (min-width:1365px) {
.top-side-menu>ul>li {
padding-left: 12%
}
.side-menu>ul>li {
padding-left: 4%;
margin-top: 23px
}
.side-menu>ul>li>ul>li>a>div {
margin-right: 6px
}
.side-menu>ul>li>span {
font-size: 15px;
padding-left: 25px
}
.side-menu>ul>li>ul {
margin-left: 20px
}
.side-menu>ul>li>ul>li>a {
font-size: 14px;
padding-top: 12px;
padding-bottom: 12px
}
}
@media (max-width:1365px) {
.top-side-menu>ul>li {
padding-left: 5%
}
.side-menu>ul>li {
padding-left: 2%;
margin-top: 23px
}
.side-menu>ul>li>span {
font-size: 15px;
padding-left: 25px
}
.side-menu>ul>li>ul {
margin-left: 6px
}
.side-menu>ul>li>ul>li>a {
font-size: 14px;
padding-top: 12px;
padding-bottom: 12px;
padding-left: 2px
}
.side-menu>ul>li>ul>li>a>div {
margin-right: 6px
}
}
.icons-trans-first {
background-position: -51px -13px
}
.transfirstactive {
background-position: -91px -13px
}
.icons-trans-second {
background-position: -51px -51px
}
.transsecondactive {
background-position: -91px -51px
}
.icons-trans-three {
background-position: -51px -88px
}
.transthreeactive {
background-position: -91px -88px
}
.icons-trans-four {
background-position: -353px -267px
}
.transfouractive {
background-position: -353px -311px
}
.icons-trans-four2 {
background-position: -353px -355px
}
.transfour2active {
background-position: -353px -399px
}
.icons-trans-five {
background-position: -51px -164px
}
.transfiveactive {
background-position: -91px -164px
}
.icons-trans-six {
background-position: -51px -201px
}
.transsixactive {
background-position: -91px -201px
}
.icons-trans-seven {
background-position: -51px -239px
}
.transsevenactive {
background-position: -91px -239px
}
.icons-trans-eight {
background-position: -132px -240px
}
.transeightactive {
background-position: -176px -240px
}
.icons-trans-nine {
background-position: -446px -585px
}
.transnineactive {
background-position: -446px -626px
}
.icons-trans-ten {
background-position: -239px -595px
}
.transtenactive {
background-position: -279px -595px
}
.icons-trans-eleven {
background-position: -240px -633px
}
.transelevenactive {
background-position: -280px -633px
}
.icons-trans-twelve {
background-position: -243px -668px
}
.transtwelveactive {
background-position: -283px -668px
}
.icons-trans-thirteen {
background-position: -312px -175px
}
.transthirteenactive {
background-position: -355px -175px
}
.icons-trans-fourteen {
background-position: -312px -219px
}
.transfourteenactive {
background-position: -355px -219px
}
.icons-trans-fifteen {
background-position: -382px -676px
}
.transfifteenactive {
background-position: -418px -676px
}
.icons-trans-sixteen {
background-position: -204px -632px
}
.transsixteenactive {
background-position: -204px -595px
}
.icons-trans-seventeen {
background-position: -204px -709px
}
.transseventeenactive {
background-position: -204px -670px
}
.icons-trans-eighteen {
background-position: -248px -902px
}
.transeighteenactive {
background-position: -288px -902px
}
.icons-trans-nineteen {
background-position: -246px -933px
}
.transnineteenactive {
background-position: -283px -933px
}
.icons-trans-twenty {
background-position: -248px -965px
}
.transtwentyactive {
background-position: -287px -965px
}
.icons-trans-twentyone {
background-position: -361px -901px
}
.transtwentyoneactive {
background-position: -326px -902px
}
.icons-trans-twentytwo {
background-position: -361px -930px
}
.transtwentytwoactive {
background-position: -326px -931px
}
.icons-account-first {
background-position: -166px -822px
}
.accountfirstactive {
background-position: -203px -822px
}
.icons-account-second {
background-position: -168px -748px
}
.accountsecondactive {
background-position: -205px -748px
}
.icons-account-three {
background-position: -131px -91px
}
.accountthreeactive {
background-position: -175px -91px
}
.icons-account-four {
background-position: -131px -128px
}
.accountfouractive {
background-position: -175px -128px
}
.icons-account-five {
background-position: -131px -167px
}
.accountfiveactive {
background-position: -175px -167px
}
.icons-account-six {
background-position: -166px -868px
}
.accountsixactive {
background-position: -203px -868px
}
.icons-account-seven {
background-position: -48px -904px
}
.accountsevenactive {
background-position: -13px -904px
}
.icons-apply-first {
background-position: -166px -785px
}
.applyfirstactive {
background-position: -203px -785px
}
.icons-agent-first {
background-position: -322px -593px
}
.agentfirstactive {
background-position: -363px -593px
}
.icons-agent-second {
background-position: -322px -633px
}
.agentsecondactive {
background-position: -363px -633px
}
.icons-agent-three {
background-position: -241px -707px
}
.agentthreeactive {
background-position: -281px -707px
}
.icons-agent-four {
background-position: -241px -741px
}
.agentfouractive {
background-position: -281px -741px
}
.icons-agent-five {
background-position: -321px -729px
}
.agentfiveactive {
background-position: -361px -729px
}
.icons-agent-six {
background-position: -401px -729px
}
.agentsixactive {
background-position: -441px -729px
}
.icons-agent-seven {
background-position: -267px -472px
}
.agentsevenactive {
background-position: -307px -472px
}
.icons-increment-first {
background-position: -367px -528px
}
.incrementfirstactive {
background-position: -405px -527px
}
.icons-increment-second {
background-position: -221px -51px
}
.incrementsecondactive {
background-position: -266px -51px
}
.icons-increment-three {
background-position: -221px -91px
}
.incrementthreeactive {
background-position: -266px -91px
}
.icons-increment-four {
background-position: -406px -592px
}
.incrementfouractive {
background-position: -406px -628px
}
.icons-increment-five {
background-position: -221px -169px
}
.incrementfiveactive {
background-position: -266px -169px
}
.icons-increment-six {
background-position: -217px -441px
}
.incrementsixactive {
background-position: -217px -481px
}
.icons-increment-seven {
background-position: -367px -496px
}
.incrementsevenactive {
background-position: -405px -494px
}
.icons-increment-eight {
background-position: -367px -559px
}
.incrementeightactive {
background-position: -405px -559px
}
.icons-increment-nine {
background-position: -48px -840px
}
.icons-increment-note-tem {
background-position: -403px -808px
}
.iconsnotetemactive {
background-position: -442px -807px
}
.icons-increment-note-statistics {
background-position: -405px -877px
}
.iconsnotestatisticsactive {
background-position: -442px -877px
}
.incrementnineactive {
background-position: -14px -840px
}
.icons-data-first {
background-position: -310px -17px
}
.datafirstactive {
background-position: -351px -17px
}
.icons-data-second {
background-position: -309px -54px
}
.datasecondactive {
background-position: -350px -54px
}
.icons-data-three {
background-position: -309px -93px
}
.datathreeactive {
background-position: -350px -93px
}
.icons-data-four {
background-position: -311px -131px
}
.datafouractive {
background-position: -352px -131px
}
.icons-bill-first {
background-position: -167px -911px
}
.billfirstactive {
background-position: -204px -911px
}
.icons-bill-second {
background-position: -166px -955px
}
.billsecondactive {
background-position: -203px -955px
}
.icons-bill-three {
background-position: -242px -881px
}
.billthreeactive {
background-position: -282px -881px
}
.icons-finance-one {
background-position: -130px -53px
}
.financeoneactive {
background-position: -174px -53px
}
.icons-finance-second {
background-position: -130px -13px
}
.financesecondactive {
background-position: -174px -13px
}
.icons-finance-three {
background-position: -49px -127px
}
.financethreeactive {
background-position: -89px -127px
}
.icons-parking-one {
background-position: -440px -768px
}
.parkingoneactive {
background-position: -402px -768px
}
.icons-parking-two {
background-position: -405px -808px
}
.parkingtwoactive {
background-position: -444px -807px
}
.common-outer-content {
height: 100%;
padding: 20px;
min-height: 100%;
float: right
}
.common-main-content {
min-height: 805px;
position: relative;
padding: 50px 60px
}
.trans-min-height {
min-height: 1065px
}
.bill-min-height {
min-height: 955px
}
@media (min-width:1921px) {
.common-main-content {
min-height: 1190px
}
}
.empty-data-td {
padding-top: 180px!important;
position: relative;
font-size: 18px;
color: #afafaf
}
.empty-data-td::after {
content: '';
position: absolute;
left: 0;
right: 0;
width: 43px;
height: 47px;
margin: auto;
top: 129px;
background-image: url(../image/icons.png);
background-position: -335px -673px
}
.error,.reject-error,.textarea-error {
color: #D1111D;
width: 100%;
position: absolute
}
.color-red {
color: #D1111D
}
.error {
left: 4px;
top: 34px
}
.font-title {
font-size: 16px;
margin-top: 15px;
font-weight: 700
}
.bottom-error {
top: 54px
}
.reject-error {
bottom: -18px;
left: 4px;
text-align: left
}
.textarea-error {
bottom: 0;
left: 14px;
text-align: left
}
.auth-error {
bottom: -6px;
left: 14px;
top: inherit
}
.login-error {
width: calc(100% - 22px);
height: 32px;
line-height: 32px;
position: absolute;
font-size: 14px;
background-color: #d1111d;
left: 0;
color: #fff;
border-radius: 3px;
margin-left: 11px;
top: 97px;
z-index: 10
}
.fileError {
border: 1px solid #D0021B!important;
color: #D0021B
}
.common-title-box {
background-color: #0FAEEA;
height: 50px;
display: inline-block;
border-radius: 0 0 3px;
font-size: 16px;
line-height: 50px;
text-align: center;
color: #fff;
box-shadow: 0 1px 4px rgba(151,151,151,.5);
position: absolute;
left: 60px;
top: 0;
width: 130px
}
.common-title-box-big {
width: 160px
}
.common-sub-title {
background-image: url(../image/blue-point.png);
background-position: left center;
margin-left: -25px;
margin-top: 10px;
font-size: 16px;
font-weight: 700;
padding-left: 25px
}
.common-search-content {
padding-top: 15px;
border-bottom: 1px dashed #ccc;
overflow: hidden;
position: relative
}
.common-btn-white {
background: #fff;
border: 1px solid #0faeea;
width: 100px;
height: 40px;
line-height: 40px;
padding: 0;
border-radius: 3px;
color: #0faeea;
position: relative;
top: -6px;
display: block;
text-align: center
}
.common-btn-white:hover {
color: #fff;
background: #0faeea
}
.common-btn-white.disabled,.common-btn-white[disabled] {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
background-color: transparent;
border: 1px solid silver;
color: silver
}
.common-btn-red {
border: 1px solid #D0031C;
color: #D0031C
}
.common-btn-red:hover {
color: #fff;
background: #D0031C
}
.two-btn-content {
width: 240px
}
.two-blueBtn-content {
width: 280px
}
.three-btn-content {
width: 380px
}
.two-lgBtn-content {
width: 332px
}
.common-lgBtn-blue,.common-lgBtn-white {
border: 1px solid #0faeea;
width: 150px;
height: 50px;
line-height: 50px;
top: -2px
}
.common-lgBtn-white {
background: #fff;
padding: 0;
border-radius: 3px;
color: #0faeea;
position: relative
}
.common-btn-bigger,.common-lgBtn-blue {
background: #0faeea;
position: relative;
padding: 0
}
.common-lgBtn-blue {
border-radius: 3px;
color: #FFF;
cursor: pointer
}
.common-lgBtn-blue:hover {
color: #FFF
}
.common-btn-bigger {
border: 1px solid #0faeea;
width: 300px;
height: 55px;
line-height: 55px;
border-radius: 3px;
color: #FFF;
margin-bottom: 20px;
margin-top: 55px
}
.common-btn-bigger:active,.common-btn-bigger:hover,.common-btn-bigger:visited {
color: #FFF!important
}
.common-btn-white-small {
background: #fff;
border: 1px solid #0faeea;
width: 80px;
height: 30px;
line-height: 30px;
padding: 0;
border-radius: 3px;
color: #0faeea;
position: absolute;
right: 0;
font-size: 12px;
z-index: 3;
top: -2px
}
.common-btn-white-small:focus,.common-btn-white-small:hover {
border: 1px solid #0faeea;
color: #0faeea
}
.account-btn {
border: none;
width: 104px
}
.account-btn:focus,.account-btn:hover {
border: none
}
.common-btn-hollow-blue {
width: 90px;
height: 35px;
border: 1px solid #0FAEEA;
color: #0FAEEA;
line-height: 34px;
text-align: center;
background: #fff;
padding: 0
}
.common-btn-hollow-blue:active,.common-btn-hollow-blue:focus,.common-btn-hollow-blue:hover {
color: #0FAEEA;
outline: 0;
box-shadow: none
}
.common-btn-blue,.common-btn-blue:hover,.common-smallBtn-blue,.common-smallBtn-blue:hover {
background: #0FAEEA;
color: #fff
}
.common-smallBtn-blue {
width: 120px;
height: 40px;
line-height: 40px;
padding: 0;
position: relative
}
.common-btn-blue {
width: 150px;
height: 50px;
line-height: 50px;
padding: 0
}
.input-delete-btn {
position: absolute;
right: 12px;
border: none;
background: 0 0;
z-index: 20;
cursor: pointer;
padding: 3px 10px;
bottom: 0
}
.input-delete-btn-span {
width: 16px;
height: 16px;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -173px -538px;
display: block
}
.common-btn-payment {
background: #fff;
border: 1px solid #595959;
width: 120px;
height: 40px;
line-height: 38px;
padding: 0;
border-radius: 3px;
color: #595959;
position: relative;
top: -2px;
margin-right: 47px;
margin-bottom: 15px;
overflow: hidden
}
.common-btn-payment>a {
color: #595959
}
.common-btn-add {
background: #0FAEEA;
width: 100px;
height: 40px;
line-height: 40px;
color: #fff;
padding: 0;
position: absolute;
right: 0;
bottom: 10px
}
.common-btn-add:active,.common-btn-add:focus,.common-btn-add:hover {
background: #2cc5ff;
color: #fff
}
.common-btn-def {
background: #fff;
line-height: 38px;
padding: 0 26px;
color: #2cc5ff;
border: 1px solid #0FAEEA
}
.common-btn-active,.common-btn-def:hover {
background: #0FAEEA;
color: #fff
}
.common-btn-box {
padding: 20px 0
}
.common-btn-box button:nth-of-type(2) {
margin-left: 60px
}
.often-template-list {
height: 330px;
overflow-y: auto;
color: #595959
}
.w {
width: 100%
}
.table-type th {
border-top: 1px dashed #828282;
border-bottom: 1px dashed #828282;
line-height: 44px
}
.table-type td {
line-height: 34px
}
.table-type tbody tr:nth-of-type(1) td {
padding-top: 20px
}
.text-overflow {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap!important;
word-break: normal!important
}
.text-overflow1 {
width: 450px;
display: block
}
.text-overflow2 {
width: 250px;
display: inline-block
}
.preview-template-dialog .apply-add-model-content {
width: 724px;
height: 790px;
margin-top: -395px
}
.note-type {
width: 240px;
height: 497px;
margin: 50px auto 67px;
background: url(../image/iphone.png) center no-repeat;
padding: 74px 12px 15px 20px
}
.note-main {
width: 199px;
background: #0FAEEA;
border-radius: 16px 16px 16px 27px;
position: relative;
padding: 13px 11px 11px;
color: #fff;
font-size: 12px;
text-indent: 10px
}
.note-main .note-bubble {
background: url(../image/san.png) no-repeat;
position: absolute;
left: -5px;
bottom: 3px;
width: 23px;
height: 21px;
display: block
}
.common-table-btn-blue {
color: #0FAEEA;
background: 0 0;
border: none;
outline: 0;
padding-left: 0;
padding-right: 0;
height: 25px;
line-height: 18px;
margin-right: 0;
margin-left: 0;
width: 81px;
text-align: left
}
.delete-icon,.edit-icon,.mch-delete-btn,.search-icon {
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat
}
.mch-delete-btn,.mch-search-btn {
position: absolute;
text-align: center;
cursor: pointer;
z-index: 2;
top: 4px
}
.common-table-btn-blue-big {
width: 100px
}
.common-table-btn-blue-small {
width: 62px;
display: inline-block
}
.mch-search-btn {
right: 10px;
width: 50px
}
.mch-delete-btn {
width: 25px;
height: 25px;
background-position: -192px -341px;
right: 60px
}
.delete-icon,.edit-icon,.pay-icon,.search-icon {
width: 25px;
height: 16px
}
.search-icon {
background-position: -18px -443px;
float: left
}
.edit-icon {
background-position: -18px -508px;
float: left
}
.delete-icon {
background-position: -18px -540px;
float: left
}
.pay-icon {
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -18px -379px;
float: left
}
.print-icon,.return-icon,.select-icon {
height: 100%;
float: left;
width: 25px;
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat
}
.return-icon {
background-position: -18px -412px
}
.print-icon {
background-position: -449px -669px
}
.select-icon {
background-position: -449px -700px
}
.confirm-icon {
width: 25px;
height: 16px;
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -347px -868px;
float: left
}
.download-icon {
width: 25px;
height: 100%;
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -18px -475px;
float: left
}
.recharge-icon {
width: 25px;
height: 17px;
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -18px -627px;
float: left
}
.download-again-icon,.download-cancel-icon,.download-delete-icon,.download-succ-icon {
width: 25px;
height: 100%;
float: left
}
.download-succ-icon {
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -224px -277px
}
.download-cancel-icon {
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -224px -243px
}
.download-again-icon {
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -225px -312px
}
.download-delete-icon {
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -224px -344px
}
.file-icon,.upload-icon {
width: 25px;
height: 17px;
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
top: 1px;
position: relative
}
.file-icon {
background-position: -19px -941px
}
.upload-icon {
background-position: -19px -876px
}
.common-return-btn {
border: none;
background: url(../image/return.png) left center no-repeat;
padding-left: 35px;
font-size: 16px;
position: relative;
top: -20px
}
.common-btn-retract,.common-btn-spread {
top: 9px;
width: 13px;
height: 30px;
position: relative;
padding: 0;
border: none
}
.common-return-btn:hover {
background-image: url(../image/returnh.png);
background-repeat: no-repeat;
color: #00a5dd;
font-weight: 700
}
.common-btn-spread {
background: url(../image/icons.png) -21px -645px no-repeat;
display: block
}
.common-btn-spread:active,.common-btn-spread:focus,.common-btn-spread:hover,.common-btn-spread:visited {
border: none;
outline: 0;
outline-offset: 0;
box-shadow: none
}
.common-btn-retract {
background: url(../image/icons.png) -21px -670px no-repeat;
display: none
}
.common-btn-retract:active,.common-btn-retract:focus,.common-btn-retract:hover,.common-btn-retract:visited {
color: #0FAEEA;
border: none;
outline: 0;
outline-offset: 0;
box-shadow: none
}
.real-btn-spread {
border: none;
background: url(../image/real-down.png) left top no-repeat;
position: relative;
width: 20px;
height: 20px;
padding: 0;
top: 13px;
left: -13px
}
.real-btn-retract {
background-image: url(../image/real-up.png)
}
.common-label {
padding: 0 0 0 4px;
position: absolute;
z-index: 0;
top: 7px;
font-weight: 400;
transform: scale3d(1,1,1);
color: #595959;
margin: 0;
left: 20px
}
.label-up {
color: silver;
font-size: 12px;
top: -15px
}
.percent-span {
position: absolute;
right: 5px;
top: 11px
}
.common-p {
margin: 0;
position: relative;
top: 7px;
height: 34px;
font-size: 14px;
line-height: 1.42857143;
padding-left: 4px
}
.common-input-group,.common-input-group-half-parent {
padding-left: 20px;
padding-right: 20px
}
.common-input-row {
margin-left: -20px;
margin-right: -20px;
overflow: hidden;
position: relative
}
.offline-padding-row {
padding-bottom: 15px;
overflow: inherit;
height: 90px
}
.company-input-row {
margin-left: -2.7%;
margin-right: -2.7%
}
.common-input-group {
margin-top: 30px;
position: relative;
margin-bottom: 23px
}
.time-limit-div {
font-size: 12px;
color: #afafaf;
position: absolute;
left: 24px;
top: 38px
}
.time-limit-error {
color: #D1111D
}
.common-input-group>.error {
left: 24px
}
.common-input-group-half>.error {
left: 17px
}
.common-input-group-half {
padding-left: 15px;
padding-right: 15px;
margin-top: 30px;
position: relative;
margin-bottom: 23px
}
.common-input-group-half>.common-label {
left: 15px
}
.common-input {
width: 100%;
border: none;
outline: 0;
box-shadow: none;
border-radius: 0;
border-bottom: 1px solid #ccc;
padding: 0 0 0 4px;
position: relative;
z-index: 2;
background-color: transparent;
float: left
}
.table-parking table td,.table-parking table th {
border-right: 1px solid #d8d8d8
}
.mch-delete-input {
padding-right: 64px
}
.common-input-group>select {
padding-left: 0
}
.common-input:focus {
border-bottom: 1px solid #ccc;
outline: 0;
box-shadow: none
}
.calendar-icon {
width: 25px;
height: 16px;
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -16px -599px;
float: left;
position: absolute;
right: 13px;
top: 14px
}
.common-to {
position: absolute;
line-height: 34px;
left: -7px;
float: left;
top: 0
}
.table-content {
padding-top: 25px;
color: #595959
}
.modal-table-content {
height: 350px;
overflow-y: auto;
padding-top: 0;
margin-bottom: 40px
}
.modal-table-content>.page-list {
bottom: -55px;
padding-left: 0;
padding-right: 0
}
.count-content {
width: auto;
position: absolute;
bottom: 8px;
right: 0
}
.count-content>span {
margin-left: 18px
}
.count-content>span>span {
font-weight: 700
}
.table-parking tr>td {
border-bottom: 1px solid #d8d8d8;
border-top: 1px solid #d8d8d8
}
.table-parking>tbody>tr>td:first-child {
background-color: #F9F9F9;
width: 157px
}
.table-parking>tbody>tr>td:nth-child(2) {
text-align: left;
padding-left: 30px
}
.go-page-content>input,.modal-header>p,.tip-modal-body,.tip-sub-title {
text-align: center
}
.table-parking table th {
background-color: #F9F9F9
}
.table-parking table td.lastCol,.table-parking table th.lastCol {
border-right: 0
}
.parking-radio-label {
font-size: 14px;
font-weight: 400;
margin-left: 15px
}
.ul-striped {
border-top: 2px solid #ddd;
padding: 0;
margin-top: 20px;
margin-bottom: 50px
}
.ul-striped>li {
height: auto;
line-height: 50px;
border-bottom: 1px solid #ddd
}
.ul-striped>li:nth-of-type(odd) {
background: #f9f9f9
}
.ul-striped>li>ul {
padding-left: 20px;
overflow: hidden
}
.ul-striped>li>ul>li {
height: auto;
line-height: 50px;
position: relative
}
.detail-ul>li {
padding-left: 50px
}
.common-star-tag {
position: absolute;
color: #D1111D;
left: -5px;
font-size: 16px;
line-height: 56px;
font-weight: 700
}
.img-star {
position: relative;
line-height: 20px;
top: 3px
}
.merchant-star {
left: -8px;
top: -15px
}
.common-auth-count {
height: 58px;
border-bottom: 1px dashed #ccc;
width: 100%;
display: inline-block;
padding: 0;
margin-top: 0;
margin-bottom: 0
}
.common-auth-count.common-auth-message {
margin-top: 35px
}
.common-auth-count li {
background-image: url(../image/grey-point.png);
background-repeat: no-repeat;
background-position: left center;
float: left;
height: 18px;
position: relative;
top: 20px;
padding-right: 20px;
padding-left: 20px;
border-right: 1px dashed #ccc;
margin-left: 20px;
color: #919191;
line-height: 15px;
min-width: 210px
}
.common-auth-count li>span {
font-size: 18px;
color: #595959;
position: relative;
top: 2px;
margin-left: 5px
}
.common-auth-count li:first-child {
margin-left: 0
}
.common-auth-count li:last-child {
border-right: none;
min-width: 344px
}
.auth-count-li {
min-width: 210px
}
.auth-count-last-li {
min-width: 344px
}
.auth-count-first-li {
width: 130px!important;
min-width: 130px!important;
background-image: none!important;
color: #2e3a4b!important
}
.apply-recharge-btn {
margin-left: 38px;
border: none;
background-color: transparent;
color: #0FAEEA;
float: right
}
.auth-count-last-li>button {
float: right
}
.pagination>li.pageBig>a,.pagination>li.pageBig>span {
width: auto;
min-width: 60px;
padding-left: 3px;
padding-right: 3px
}
.pagination>li>a,.pagination>li>span {
position: relative;
float: left;
margin-left: -1px;
text-decoration: none;
background-color: #fff;
border: 1px solid #d3d3d3;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
color: #595959;
padding: 0;
font-size: 13px;
margin-right: 20px
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #0FAEEA;
border-color: #0FAEEA
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #85D8EF;
border-color: #85D8EF
}
.page-list {
position: absolute;
bottom: 20px;
width: 100%;
left: 0;
padding: 0 60px;
color: #595959;
line-height: 40px
}
.page-list>.pagination {
margin: 0
}
.next-page,.prev-page {
border-radius: 0!important;
font-size: 18px
}
.go-page-content {
width: 60px;
height: 35px;
margin-left: 40px
}
.go-page-content>input {
width: 40px;
height: 100%;
margin: 0;
border: 1px solid #d3d3d3;
border-right: none;
float: left
}
.go-page-content>button {
width: 20px;
height: 100%;
border: 0;
border-radius: 0;
margin: 0;
padding: 0;
position: relative;
top: 0;
color: #fff;
background-color: #d3d3d3;
float: right
}
.go-page-content>button:active,.go-page-content>button:focus,.go-page-content>button:hover {
background-color: #0FaEEa;
color: #fff
}
.page-large-span {
min-width: 35px;
width: auto!important;
padding-left: 3px!important;
padding-right: 3px!important
}
.modal-header>p {
color: #666;
font-size: 12px;
line-height: 16px;
margin: 0
}
.modal-title+p {
margin-top: 15px
}
.modal-body-content {
width: 300px;
margin: auto
}
.modal-body-content input {
width: 100%!important;
margin-bottom: 0
}
.modal-body-content>.form-group {
margin-left: 0;
margin-right: 0;
padding: 0;
margin-bottom: 15px
}
.modal-body-content>.form-group .common-label {
left: 0
}
.modal-body-content>.mobile-model-group {
height: 40px;
line-height: 40px;
padding: 0;
margin-top: 30px;
margin-bottom: 5px
}
.modal-header .close {
opacity: 1;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -13px -336px;
width: 30px;
height: 32px;
top: 1px;
right: 18px
}
.batchTipContent,.form-content,.mchContent,.tipContent {
position: absolute;
left: 0;
top: 50%
}
.tipContent {
width: 450px;
height: 300px;
margin-top: -150px;
right: 0
}
.tipContent>.modal-content {
padding: 40px 50px
}
.tip-modal-body>p {
font-size: 16px;
color: #333;
margin-top: 20px;
max-height: 240px;
overflow: auto
}
.tip-sub-title {
font-size: 14px!important;
color: #595959!important;
margin: 0;
margin-top: 0!important
}
.mchContent {
width: 930px;
height: 580px;
margin-top: -290px;
right: 0
}
.mchContent>.modal-content {
padding: 40px 45px
}
.select-td {
cursor: pointer
}
.outer-tip .tipContent {
width: 400px;
height: 238px;
margin-top: -119px;
border-radius: 3px;
background-color: #fff
}
.outer-tip .modal {
background: 0 0
}
.outer-tip .modal-content {
padding: 30px 50px;
box-shadow: 0 0 108px 0 rgba(187,187,187,.5)
}
.outer-tip .modal-header {
padding: 0
}
.outer-tip .close {
display: none
}
.outer-tip .tip-modal-body>p {
font-size: 12px;
color: #ababab;
margin-top: 18px
}
.outer-tip .btn {
width: 90px;
height: 30px;
line-height: 30px;
color: #fff;
background-color: #FF5B68;
border-radius: 100px;
font-weight: 300
}
.batchTipContent {
width: 490px;
height: 380px;
margin-top: -190px;
right: 0
}
.batch-resp-detail {
border-top: 1px dashed #ccc;
padding-top: 20px;
margin-top: 15px;
margin-bottom: 10px
}
.batch-resp-detail>p {
margin: 0
}
.ul-list {
margin-top: 45px;
padding: 0
}
.ul-list li {
line-height: 20px;
background: #F5F7F9;
border-left: 5px solid #0FAEEA;
margin-top: 20px;
padding: 20px 30px
}
.form-content {
width: 560px;
height: 390px;
box-shadow: 0 1px 4px rgba(151,151,151,.5);
margin: -195px auto auto;
right: 0;
padding-left: 30px;
padding-right: 30px
}
.register-pwd-type,.register-succ {
width: 30px;
background-image: url(../image/register-icon.png);
background-repeat: no-repeat
}
.form-content label {
text-align: left!important
}
.form-content .form-group {
position: relative
}
.check-succ {
position: absolute;
top: 8px
}
.register-succ {
position: absolute;
height: 30px;
display: inline-block;
background-position: -78px -140px
}
.register-pwd-type {
position: absolute;
height: 24px;
right: 0;
z-index: 10;
top: 10px;
cursor: pointer
}
.register-pwd-pwd {
background-position: -76px -72px
}
.register-pwd-text {
background-position: -76px -109px
}
.form-content .error {
left: -45px
}
.common-three-content {
padding-left: 35px
}
.common-title,.other-title {
line-height: 46px;
color: #5d5d5d;
font-size: 16px;
padding-left: 24px;
margin-top: 38px;
font-weight: 700
}
.common-title {
width: 100%;
border-bottom: 2px solid #ddd;
position: relative;
margin-bottom: 10px
}
.common-title::before {
content: '';
width: 20px;
height: 45px;
background-image: url(../image/blue-point.png);
background-repeat: no-repeat;
background-position: left center;
position: absolute;
left: 0
}
.common-title-none::before {
background-image: none
}
.other-title {
width: 100%;
height: 46px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #F5F7F9;
position: relative
}
.common-row {
overflow: hidden
}
.common-group {
width: 266px;
padding: 0 0 11px;
position: relative;
margin-top: 33px
}
.bg-grey,.bg-white {
width: 100%;
height: 100%
}
.common-group>.common-label {
left: 0
}
.common-group>p {
padding-left: 4px;
margin: 10px 0;
position: relative;
top: 10px
}
.bg-grey {
background-color: #F8F9FB
}
.bg-white {
background-color: #fff
}
.logo-content-big {
width: 146px;
height: 35px;
position: absolute;
top: 0;
left: 9%;
background-image: url(../image/logo-big.png);
background-repeat: no-repeat;
margin-top: 50px
}
.checkbox-slider--default {
position: relative;
margin-top: 15px;
margin-bottom: 15px
}
.checkbox-slider--default input {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 0%;
height: 0%;
margin: 0;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0)
}
.checkbox-slider--default input+span {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding-left: 40px
}
.checkbox-slider--default input+span:before {
position: absolute;
left: 0;
display: inline-block;
content: "";
height: 15px;
width: 38px;
background: rgba(100,100,100,.2);
transition: background .2s ease-out;
top: 2px
}
.checkbox-slider--default input+span:after {
width: 18px;
height: 15px;
position: absolute;
left: 0;
top: 2px;
display: block;
transition: margin-left .1s ease-in-out;
text-align: center;
font-weight: 700;
content: "";
background: #fff;
border: 1px solid transparent;
background-clip: content-box
}
.checkbox-slider--default input:checked+span:after {
margin-left: 20px;
content: ""
}
.checkbox-slider--default input:checked+span:before {
transition: background .2s ease-in;
background: #0FAEEA;
border: 1px solid #0FAEEA;
background-clip: content-box
}
.modal-content {
padding: 30px 80px
}
.download-btn-container {
width: 51px;
height: 52px;
position: absolute;
right: 20px;
top: 400px;
z-index: 20;
overflow: hidden;
transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear
}
.download-btn-container:hover {
width: 200px
}
.download-btn {
width: 52px;
height: 52px;
position: absolute;
top: 0;
right: 0;
z-index: 0;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -205px -375px;
cursor: pointer
}
.download-tip-div {
position: absolute;
width: 140px;
height: 51px;
z-index: -1;
background-color: rgba(30,33,48,.3);
color: #fff;
font-weight: 300;
font-size: 12px;
right: -89px;
top: 1px;
padding-left: 21px;
padding-top: 8px;
transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
-o-transition: all .3s linear
}
.download-btn:hover+.download-tip-div {
right: 51px
}
.download-model-content {
height: 704px;
margin-top: -352px;
top: 50%;
position: absolute;
width: 1240px;
left: 0;
right: 0
}
.download-tip-title {
text-align: right;
color: #bbb;
position: absolute;
right: 20px;
bottom: 10px
}
.download-table-container {
position: relative
}
.download-table-container>.download-table-inner {
border-top: 1px dashed #ccc;
padding-top: 25px;
margin-bottom: 30px;
height: 420px;
overflow-y: auto
}
.download-table-container .page-list {
position: relative;
padding: 0;
bottom: 0
}
.download-table-container .page-list>.pagination>li>a,.pagination>li>span {
position: relative;
float: left;
margin-left: -1px;
text-decoration: none;
background-color: #fff;
border: 1px solid #d3d3d3;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
color: #595959;
padding: 0;
font-size: 12px;
margin-right: 20px
}
.download-table-container .page-list>.pagination>li.pageBig>a,.pagination>li.pageBig>span {
width: auto;
min-width: 40px;
padding-left: 3px;
padding-right: 3px
}
.download-table-container .page-list>.page-total {
font-size: 13px
}
.download-table-container .page-list>.go-page-content {
width: 60px;
height: 34px;
margin-left: 30px
}
.delete-content .tip-modal-body>p {
margin-top: 0;
margin-bottom: 20px
}
.table>tbody>tr>td>p {
margin-bottom: 0
}
.table-align-left {
text-align: left!important;
padding-left: 30px!important
}
.common-time-btn {
width: 46px;
height: 34px;
line-height: 34px;
background-color: transparent;
border: none;
outline: 0;
color: #737373;
font-size: 14px;
margin-right: 12px
}
.common-time-btn:hover {
color: #00a5dd!important
}
.pwd-tip-content {
height: 70px;
background-color: #666;
position: relative;
top: -90px;
margin-bottom: -22px;
margin-left: -50px;
margin-right: -50px
}
.pwd-tip-content>.modal-header {
padding: 0
}
.pwd-text-content {
width: 590px;
margin: auto
}
.pwd-text-content>p {
font-size: 16px;
color: #fff;
float: left;
line-height: 70px;
margin-bottom: 0
}
.pwd-text-content>button {
width: 90px;
height: 30px;
line-height: 30px;
border-radius: 3px;
background-color: #fff;
border: none;
outline: 0;
color: #393939;
float: right;
padding: 0;
text-align: center;
position: relative;
top: 20px;
font-size: 14px
}
.horizontal-input-group {
margin-top: 55px
}
.horizontal-input-group-dialog-search .horizontal-input,.horizontal-input-group-dialog-search .horizontal-textarea {
margin-top: 7px
}
.horizontal-row {
margin-bottom: 40px;
clear: both;
min-height: 34px
}
.horizontal-label,.horizontal-radio-label {
line-height: 34px;
margin-bottom: 0;
font-size: 16px
}
.horizontal-label {
float: left;
margin-right: 10px
}
.parking-horizontal-row {
margin-top: 10px
}
.parking-horizontal-row button {
top: -4px
}
.parking-horizontal-row .horizontal-label {
font-weight: 400;
margin-right: 0
}
.parking-horizontal-row .horizontal-input {
width: auto
}
.parking-horizontal-row .horizontal-input .error {
text-align: left
}
.intel-right-div {
float: right;
width: calc(100% - 90px)
}
.horizontal-line {
width: 38px;
height: 1px;
background-color: #979797;
margin-left: 20px;
margin-right: 20px;
float: left;
position: relative;
top: 17px
}
.horizontal-input {
width: 227px;
float: left;
position: relative
}
.horizontal-row>div>span {
position: relative;
top: 6px
}
.horizontal-radio-label {
margin-right: 45px;
position: relative;
padding-left: 10px
}
.horizontal-radio-label>input {
opacity: 0
}
.horizontal-input-group-dialog .horizontal-input {
width: 600px
}
.signature {
margin: 11px 0 0 100px
}
.signature .signature-txt:nth-of-type(1) {
margin-top: 6px
}
.horizontal-input-group-dialog .textarea-style {
width: 100%
}
.horizontal-textarea-box {
display: flex;
width: 100%
}
.horizontal-textarea-box .horizontal-textarea {
width: 100%;
flex: 1;
position: relative
}
.horizontal-textarea-box .error {
top: auto;
bottom: -20px;
left: 0
}
.horizontal-textarea-box .max-text {
position: absolute;
right: 10px;
bottom: 10px;
z-index: 1000
}
.radio-style,.radio-style-checked {
z-index: 10;
position: absolute;
float: left
}
.horizontal-textarea textarea {
height: 198px;
padding: 20px 10px
}
.turn-status {
color: red;
cursor: pointer
}
.clr {
color: #0faeea
}
.user-signature {
margin: -20px 0 0 100px
}
.user-instructions {
color: #383838;
margin-top: 6px
}
.user-instructions p {
margin-bottom: 5px
}
.user-instructions .fill {
color: #383838
}
.common-search-content1 {
border-bottom: none
}
.often-template-dialog .apply-add-model-content {
width: 830px;
height: 765px
}
.often-template-dialog .modal-header {
padding: 0
}
.often-template-dialog .modal-title {
padding-bottom: 77px
}
.radio-style {
width: 14px;
height: 14px;
border: 1px solid #979797;
border-radius: 7px;
background-color: transparent;
top: 9px;
left: 0
}
.radio-style-checked {
width: 17px;
height: 17px;
border: none;
border-radius: 8.5px;
background-color: #0FAEEA;
top: 8px;
left: -1px
}
.radio-style-checked::after {
content: '';
width: 3px;
height: 3px;
border-radius: 1.5px;
background-color: #fff;
position: absolute;
top: 7px;
left: 7px
}
.horizontal-radio-p {
font-size: 14px;
color: #595959;
margin-left: 90px;
clear: both;
position: relative;
top: 12px;
margin-bottom: 42px
}
.immediate-time-content {
margin-left: 30px;
float: left;
position: relative;
top: 2px
}
.immediate-time-content>.common-time-btn {
width: 72px;
height: 28px;
line-height: 28px;
margin-right: 20px;
border-radius: 3px
}
.immediate-time-content>.common-time-btn:hover {
background-color: rgba(15,174,234,.2)!important;
color: #737373!important
}
.immediate-time-content>.common-time-btn-first {
background-color: #0FAEEA;
color: #fff
}
.intelligentBill-text {
color: #1E1E1E;
font-size: 16px;
margin-top: 90px;
margin-bottom: 50px
}
.intelligent-tip {
color: #212121;
position: absolute;
right: 178px;
top: 61px
}
.cycle-detail-content,.field-style {
background-color: #F8F9FA;
position: relative
}
.intelligentBill-url {
width: 203px;
height: 229px;
background-color: #F8F9FA;
border-radius: 6px;
text-align: center;
display: block;
padding-top: 40px;
cursor: pointer
}
.intelligentBill-icon {
background-image: url(../image/intelligentBill-icon.png);
width: 67px;
height: 86px;
background-repeat: no-repeat;
background-position: center;
margin: auto
}
.intelligentBill-url>p {
color: #1e1e1e;
margin-top: 50px
}
.intelligentBill-url:hover {
box-shadow: 0 3px 6px #ECEAEA
}
.cycle-detail-content {
clear: both;
padding: 25px 35px;
margin-left: 80px;
margin-right: 80px;
margin-bottom: 60px;
top: 25px
}
.cycle-detail-content>p>span,.field-select-content>ul>li {
margin-right: 10px;
margin-left: 10px
}
.cycle-detail-content>div {
margin-bottom: 30px
}
.cycle-detail-content .short-input {
width: 60px;
background-color: #F8F9FA;
border: 1px solid #D8D8D8;
text-align: center;
margin-left: 10px;
margin-right: 10px;
outline: 0
}
.cycle-detail-content .long-input {
width: 137px
}
.cycle-detail-content .time-span {
margin-left: 58px
}
.field-style {
min-width: 92px;
height: 30px;
line-height: 30px;
font-size: 14px;
color: #1e1e1e;
border-radius: 2px;
text-align: center;
cursor: pointer
}
.field-style-btn {
width: 92px
}
.add-field-btn {
width: 92px;
height: 100%;
display: inline-block;
cursor: pointer
}
.field-select-content {
position: absolute;
width: 494px;
padding: 20px;
box-shadow: 0 0 10px #DFDFDF;
top: 45px;
left: 0;
z-index: 20;
background: #fff;
text-align: left
}
.field-select-content::after {
position: absolute;
display: inline-block;
top: -8px;
left: 35px;
width: 0;
height: 0;
content: '';
border-style: solid;
border-width: 10px;
border-color: #fff #fff transparent transparent;
transform: rotate(-45deg);
box-shadow: 2px -2px 3px #eaeaea
}
.field-select-content>span {
color: #B2B2B2;
margin-left: 10px;
margin-bottom: 15px;
display: inline-block
}
.field-select-content>ul>li {
float: left;
margin-bottom: 20px;
list-style: none;
cursor: pointer
}
.field-select-content>ul>li:hover {
background-color: rgba(15,174,234,.7);
color: #fff
}
.field-close {
opacity: 1;
background: url(../image/icons.png) -13px -336px no-repeat;
width: 30px;
height: 32px;
top: 0;
right: 18px;
position: absolute;
border: none
}
.none-field-select {
text-align: center
}
.min-width-115 {
min-width: 115px
}
.filed-select-ul {
overflow: hidden;
margin-bottom: 0;
padding-top: 10px;
position: relative;
top: -10px
}
.filed-select-ul li {
margin-right: 30px;
margin-bottom: 15px;
position: relative
}
.field-delete {
width: 13px;
height: 13px;
background-color: #EFF2F5;
border-radius: 6.5px;
position: absolute;
right: -5px;
top: -5px;
cursor: pointer;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -95.5px -945px
}
.filed-select-ul li:hover {
background-color: rgba(15,174,234,.7);
color: #fff
}
.filed-select-ul li:hover>.field-delete {
background-color: #0FAEEA
}
.intelligent-common-btn {
display: block;
color: #fff;
border: none;
background-color: #0faeea;
width: 100px;
height: 30px;
line-height: 30px;
text-align: center;
position: absolute;
right: 60px;
top: 55px;
border-radius: 2px;
cursor: pointer
}
.guide-content {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(245,247,249,.25);
z-index: 10000
}
.guide-inner-content {
position: absolute;
top: 443px;
left: 223px
}
.guide-inner-bottom {
top: 567px;
left: 240px
}
.guide-inner-content .circle-group {
cursor: pointer
}
.guide-inner-content .circle-group .circle4 {
margin: -10px 0 0 -50px;
width: 60px;
height: 60px;
border: 1px solid #0faeea;
border-radius: 100%;
opacity: 0;
-webkit-animation: circle4 2s ease-in-out infinite;
animation: circle4 2s ease-in-out infinite;
transform-origin: center
}
.guide-inner-content .circle-group .circle3 {
margin: -40px 0 0 -30px;
width: 20px;
height: 20px;
background-color: #0faeea;
border-radius: 100%;
opacity: .3;
-webkit-animation: circle3 2s ease-in-out infinite;
animation: circle3 2s ease-in-out infinite
}
.guide-inner-content .circle-group .circle2 {
margin: -16px 0 0 -26px;
width: 12px;
height: 12px;
background-color: #0faeea;
border: 1px solid #0faeea;
border-radius: 100%;
-webkit-animation: circle2 2s ease-in-out infinite;
animation: circle2 2s ease-in-out infinite
}
.guide-inner-content .circle-group .circle1 {
position: relative;
margin: -8px 0 0 -22px;
width: 4px;
height: 4px;
border-radius: 100%;
background-color: #fff;
-webkit-animation: circle1 2s ease-in-out infinite;
animation: circle1 2s ease-in-out infinite
}
.guide-inner-content .guide-tip {
position: absolute;
top: -63px;
left: 12px;
width: 528px;
height: 169px;
cursor: default;
font-size: 14px;
background: #fff;
padding: 35px;
color: #1e1e1e;
line-height: 20px;
-webkit-box-shadow: 0 0 6px rgba(51,51,51,.2);
box-shadow: 0 0 6px rgba(51,51,51,.2)
}
.guide-inner-content .guide-tip-content {
height: 93px
}
.guide-inner-content .guide-tip-content .title {
font-size: 18px;
line-height: 35px;
margin-bottom: 10px;
font-weight: 700
}
.guide-inner-content .guide-tip .tip-close {
cursor: pointer;
color: #BFC8D5
}
.guide-inner-content .guide-tip .tip-next {
padding-right: 4px;
float: right;
cursor: pointer;
color: #0faeea;
text-align: right
}
@keyframes circle1 {
0%,100% {
background-color: #aac7ff
}
50% {
background-color: #fff
}
}
@-webkit-keyframes circle1 {
0%,100% {
background-color: #aac7ff
}
50% {
background-color: #fff
}
}
@keyframes circle2 {
0%,100% {
opacity: .5
}
50% {
opacity: 1
}
}
@-webkit-keyframes circle2 {
0%,100% {
opacity: .5
}
50% {
opacity: 1
}
}
@keyframes circle3 {
0%,100% {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
opacity: 0
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: .3
}
}
@-webkit-keyframes circle3 {
0%,100% {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
opacity: 0
}
50% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: .3
}
}
@keyframes circle4 {
0%,100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: .6
}
}
@-webkit-keyframes circle4 {
0%,100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1
}
50% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: .6
}
}
@media (max-width:1650px) and (min-width:1580px) {
.modal-content {
padding: 20px 70px
}
.modal-header {
padding-bottom: 0
}
.common-sub-title {
margin-top: 0
}
.two-btn-content {
width: 215px
}
}
@media (max-width:1579px) and (min-width:1438px) {
.modal-content {
padding: 20px 70px
}
.modal-header {
padding-bottom: 0
}
.common-sub-title {
margin-top: 0
}
.two-btn-content {
width: 215px
}
.pagination>li.pageBig>a,.pagination>li.pageBig>span {
min-width: 54px
}
}
@media (max-width:1437px) and (min-width:1399px) {
.modal-content {
padding: 20px 70px
}
.modal-header {
padding-bottom: 0
}
.common-sub-title {
margin-top: 0
}
.two-btn-content {
width: 215px
}
.pagination>li.pageBig>a,.pagination>li.pageBig>span {
min-width: 50px
}
.go-page-content {
margin-left: 15px
}
}
@media (max-width:1398px) {
.common-input-group-half {
margin-top: 20px
}
.empty-data-td {
padding-top: 80px!important
}
.empty-data-td::after {
top: 43px
}
.modal-content {
padding: 20px 70px
}
.modal-header {
padding-bottom: 0
}
.common-sub-title {
margin-top: 0;
font-size: 15px
}
.two-btn-content {
width: 215px
}
.three-btn-content {
width: 346px
}
.common-lgBtn-blue,.common-lgBtn-white {
width: 130px;
height: 40px;
line-height: 40px
}
.common-input-group {
margin-top: 20px
}
.reject-input-group {
margin-top: 30px
}
.pagination>li.pageBig>a,.pagination>li.pageBig>span {
min-width: 40px
}
.go-page-content {
margin-left: 15px
}
.download-model-content {
height: 600px;
margin-top: -300px;
top: 50%;
position: absolute;
width: 1080px;
left: 0;
right: 0
}
.download-table-container>.download-table-inner {
height: 316px
}
.guide-inner-content .guide-tip {
width: 500px;
height: 130px;
padding: 20px 25px
}
.guide-inner-content .guide-tip-content {
height: 75px
}
.guide-inner-content .guide-tip-content .title {
font-size: 16px;
line-height: 30px
}
}
@media (max-width:1365px) {
.common-input-group-half {
margin-top: 20px
}
.common-btn-white {
width: 80px;
height: 35px;
line-height: 35px
}
.two-btn-content {
width: 180px
}
.three-btn-content {
width: 300px
}
.pagination>li.pageBig>a,.pagination>li.pageBig>span {
min-width: 40px
}
.pagination>li>a,.pagination>li>span {
width: 35px;
font-size: 12px;
margin-right: 10px
}
.download-model-content {
height: 600px;
margin-top: -300px;
top: 50%;
position: absolute;
width: 1080px;
left: 0;
right: 0
}
.download-table-container>.download-table-inner {
height: 316px
}
.common-auth-count li {
padding-right: 5px;
margin-left: 5px;
min-width: 205px
}
.horizontal-input {
width: 205px
}
.guide-inner-content .guide-tip {
width: 500px;
height: 130px;
padding: 20px 25px
}
.guide-inner-content .guide-tip-content {
height: 75px
}
.guide-inner-content .guide-tip-content .title {
font-size: 16px;
line-height: 30px
}
}
.select-content-wrap {
margin-bottom: 22px
}
.select-content-wrap .select-content {
border-bottom: none;
margin: 0 0 22px;
float: none
}
.margin-top-30 {
margin-top: 30px!important
}
.blue-twike-circle {
position: absolute;
top: 30px;
left: 30px;
height: 10px;
width: 10px;
border: none;
background-color: rgba(0,165,221,.3);
border-radius: 100%;
webkit-animation: breathe 2s ease infinite;
-moz-animation: breathe 2s ease infinite;
-o-animation: breathe 2s ease infinite;
animation: breathe 2s ease infinite;
box-shadow: 0 0 4px #00a5dd
}
@-webkit-keyframes breathe {
0%,100% {
background-color: rgba(0,165,221,.3);
box-shadow: 0 0 4px #00a5dd
}
50% {
background-color: rgba(0,165,221,.1);
box-shadow: 0 0 40px #00a5dd
}
}
@-moz-keyframes breathe {
0%,100% {
background-color: rgba(0,165,221,.3);
box-shadow: 0 0 4px #00a5dd
}
50% {
background-color: rgba(0,165,221,.1);
box-shadow: 0 0 40px #00a5dd
}
}
@-o-keyframes breathe {
0%,100% {
background-color: rgba(0,165,221,.3);
box-shadow: 0 0 4px #00a5dd
}
50% {
background-color: rgba(0,165,221,.1);
box-shadow: 0 0 40px #00a5dd
}
}
@keyframes breathe {
0%,100% {
background-color: rgba(0,165,221,.3);
box-shadow: 0 0 4px #00a5dd
}
50% {
background-color: rgba(0,165,221,.1);
box-shadow: 0 0 40px #00a5dd
}
}
.section {
text-align: center;
font: 50px "Microsoft Yahei";
color: #0faeea
}
.section .content {
position: relative;
top: 300px;
opacity: 0;
height: 100%;
border: 1px solid transparent;
overflow: hidden
}
.section-body {
margin-top: 140px
}
.login-menu {
width: 100%;
height: 140px;
background: 0 0;
position: fixed;
top: 0;
z-index: 100
}
.common-login-icon,.login-ipaynow-brand {
background-image: url(../image/white-icon.png);
background-repeat: no-repeat
}
.login-ipaynow-brand {
width: 190px;
height: 116px;
background-position: -57px -699px;
position: relative;
left: 40%;
top: -1px
}
.login-main-nav {
width: 520px;
margin: auto;
position: absolute;
left: 0;
right: 0;
color: #4a4a4a;
font-size: 18px;
top: 37px
}
.login-main-nav>li {
text-align: center;
position: relative;
padding-left: 0;
padding-right: 0
}
.login-line {
height: 40px;
width: 1px;
border-right: 1px solid #d3d3d3;
position: absolute
}
.login-line-left {
left: 0;
margin-top: -20px;
top: 50%
}
.login-line-right {
right: 0;
bottom: 50%;
margin-bottom: -20px
}
.login-main-nav>li>a {
color: #4a4a4a
}
.login-main-nav-black>li>a {
color: #fff
}
.common-login-icon {
width: 30px;
height: 30px;
display: inline-block;
margin-bottom: 10px
}
.common-login-icon+p {
margin-bottom: 0
}
.login-home-icon {
background-position: -70px -108px
}
.login-develop-icon {
background-position: -70px -229px
}
.login-help-icon {
background-position: -70px -350px
}
.login-main-nav-black .common-login-icon {
background-image: url(../image/black-icon.png)
}
.login-main-nav>li>a:hover {
color: #00A5DD
}
.login-main-nav>li>a:hover>.login-home-icon {
background-position: -70px -168px
}
.login-main-nav>li>a:hover>.login-develop-icon {
background-position: -69px -290px
}
.login-main-nav>li>a:hover>.login-help-icon {
background-position: -70px -410px
}
.indexactive {
color: #00A5DD!important
}
.indexactive .login-home-icon {
background-position: -70px -168px
}
.indexactive .login-develop-icon {
background-position: -69px -290px
}
.indexactive .login-help-icon {
background-position: -70px -410px
}
.login-right-nav {
width: 320px;
height: 80px;
position: absolute;
right: 8.5%;
top: 60px
}
.login-right-nav .register-btn {
width: 140px;
height: 55px;
border: 1px solid #00a5dd;
color: #00a5dd;
background-color: transparent;
line-height: 55px;
text-align: center;
padding: 0;
border-radius: 3px
}
.login-right-nav .register-btn:hover {
border: 1px solid transparent;
color: #fff;
background-color: #00a5dd
}
.login-right-nav .register-btn-blue {
background-color: rgba(15,174,234,.9);
border: 1px solid rgba(15,174,234,.9);
color: #fff
}
.login-right-nav .register-btn-blue:hover {
background: #00c9ff!important;
border: 1px solid #00c9ff;
outline: 0
}
.section-footer1 {
position: absolute;
height: 60px;
bottom: 15px;
width: 100%;
text-align: center
}
.footer1-down-img {
width: 30px;
height: 25px;
margin: auto;
background-image: url(../image/white-icon.png);
background-repeat: no-repeat;
background-position: -70px -52px;
-webkit-animation: nextPage 1.2s linear infinite;
animation: nextPage 1.2s linear infinite
}
@-webkit-keyframes nextPage {
0% {
-webkit-transform: translateY(-20px);
opacity: .5
}
80% {
opacity: .8
}
100% {
-webkit-transform: translateY(8px);
opacity: 1
}
}
@keyframes nextPage {
0% {
transform: translateY(-20px);
opacity: .5
}
80% {
opacity: .8
}
100% {
transform: translateY(8px);
opacity: 1
}
}
.section-footer1>p {
font-size: 14px;
color: #545454;
margin-top: 10px
}
.black-section-footer1>p {
color: #d3d3d3
}
.login-subTitle,.login-title {
color: #fff;
text-shadow: 0 2px 4px #6C6B6B
}
.login-content {
background: 0 0!important;
padding: 35px 42px
}
.login-close,.login-label {
position: absolute;
background-image: url(../image/login-icons.png)
}
.forget-pwd-content,.login-close,.login-label {
background-repeat: no-repeat
}
.login-dialog>.modal-content {
background-color: transparent;
box-shadow: none;
height: 100%
}
.login-close {
opacity: 1;
background-color: transparent;
background-position: -39px -181px;
width: 67px;
height: 91px;
top: 1px;
right: 32px;
border: none
}
.login-body {
width: 1040px;
height: 386px;
margin: -193px auto auto;
position: absolute;
top: 50%;
left: 0;
right: 0;
text-align: center
}
.login-title {
font-size: 48px
}
.login-subTitle {
font-size: 24px;
font-weight: 300;
margin-top: 25px
}
.white-login-subTitle,.white-login-title {
color: #4A4A4A!important;
text-shadow: 0 2px 4px #CFCFCF
}
.black-login-subTitle,.black-login-title {
color: #fff!important;
text-shadow: 0 2px 4px #6C6B6B
}
.login-label {
width: 70px;
height: 40px;
z-index: 21;
left: 14px;
border-right: 1px dashed #ddd;
top: 35px
}
.login-label-user {
background-position: -37px -87px
}
.login-label-pwd {
background-image: url(../image/pad.png);
background-position: center
}
.login-input {
color: #6d6d6d;
border-radius: 3px;
height: 70px;
background-color: rgba(255,255,255,.95);
margin-bottom: 20px;
margin-top: 20px;
z-index: 10;
position: relative;
line-height: 70px;
padding: 0 20px 0 90px
}
.login-input:focus+.input-box-shadow {
border: none;
background-color: rgba(0,165,221,.3)
}
.forget-pwd-content {
width: 40px;
height: 40px;
position: absolute;
right: 23px;
top: 36px;
z-index: 10;
background-image: url(../image/white-icon.png);
background-position: -351px -754px
}
.forget-pwd-hover {
position: absolute;
width: 80px;
height: 33px;
top: -40px;
font-size: 12px;
line-height: 33px;
text-align: center;
background: rgba(0,0,0,.6);
color: #fff;
left: -19px;
border-radius: 3px
}
.forget-pwd-hover::after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid rgba(0,0,0,.6);
position: absolute;
left: 32px;
bottom: -6px
}
.forget-pwd-content:hover .forget-pwd-hover {
display: block
}
.forget-pwd {
color: #00a5dd;
font-size: 14px;
position: absolute;
right: 13px;
bottom: -12px
}
.white-login-input-content {
position: relative
}
.input-box-shadow {
position: absolute;
width: calc(100% - 22px);
height: calc(100% - 30px);
background-color: transparent;
z-index: 1;
left: 11px;
top: 15px;
border: 1px solid #ccc;
border-radius: 3px
}
.black-input-box-shadow {
background-color: rgba(255,255,255,.3);
border: none
}
.white-login-input:focus {
box-shadow: none;
border: 1px solid #545454
}
.white-login-input:focus+.input-box-shadow {
border: none;
background-color: rgba(0,165,221,.3)
}
.white-login-input {
border: 1px solid #545454;
color: #545454;
box-shadow: none
}
.black-login-input {
-webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,.9) inset!important;
background-color: #fff
}
.code-input {
padding-left: 40px;
padding-right: 130px
}
.login-code {
width: 110px;
height: 53px;
position: absolute;
right: 24px;
top: 29px;
z-index: 22;
font-size: 14px;
cursor: pointer
}
.login-btn {
width: 80px;
height: 80px;
border-radius: 40px;
background-color: #00a5dd;
background-image: url(../image/login-icons.png);
background-repeat: no-repeat;
background-position: -31px -13px;
border: none;
outline: 0;
box-shadow: 0 0 0 5px rgba(0,165,221,.2);
margin-top: 45px
}
.login-btn.disabled,.login-btn[disabled] {
cursor: not-allowed;
box-shadow: 0 0 0 5px rgba(211,211,221,.3);
background-color: #d3d3d3;
border: #d3d3d3
}
.black-login-btn.disabled,.black-login-btn[disabled] {
cursor: not-allowed;
box-shadow: 0 0 0 5px rgba(63,79,101,.3);
background-color: #3f4f65;
border: #3f4f65
}
.section2-side-menu {
width: 190px;
height: 321px;
position: absolute;
left: 0;
top: 33%
}
.section-body2,.section-body2-content {
position: relative
}
.section2-side-menu-content {
width: 100px;
height: 95px;
line-height: 95px;
padding: 0 15px 0 0;
background: #fff;
border: 1px solid #d3d3d3;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
margin-bottom: 17px;
color: #fff;
font-size: 18px;
overflow: hidden;
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
cursor: pointer
}
.black-section2-side-menu-content {
background: rgba(51,63,81,.7);
border: 1px solid rgba(51,63,81,.7)
}
.section2-side-menu-img {
width: 100px;
height: 95px;
background-image: url(../image/white-icon.png);
background-repeat: no-repeat;
display: inline-block;
float: left
}
.black-section2-side-menu-img {
background-image: url(../image/black-icon.png)
}
.section2-side-menu-img1 {
background-position: -161px -42px
}
.section2-side-menu-img2 {
background-position: -161px -440px
}
.section2-side-menu-img3 {
background-position: -161px -244px
}
.section2-side-menu-content:hover {
width: 190px;
background: #00a5dd
}
.section2-side-menu-content:hover>.section2-side-menu-img1 {
background-position: -161px -144px
}
.section2-side-menu-content:hover>.section2-side-menu-img2 {
background-position: -161px -526px
}
.section2-side-menu-content:hover>.section2-side-menu-img3 {
background-position: -161px -347px
}
.section2-side-menu-active {
width: 190px;
background: #00a5dd
}
.section2-side-menu-active>.section2-side-menu-img1 {
background-position: -161px -144px
}
.section2-side-menu-active>.section2-side-menu-img2 {
background-position: -161px -526px
}
.section2-side-menu-active>.section2-side-menu-img3 {
background-position: -161px -347px
}
.section-body2 {
width: 80%;
margin: auto;
height: 40px;
top: 22%;
text-align: left
}
.section-body2-content h2 {
color: #4a4a4a;
font-size: 30px;
margin-top: 14%;
margin-bottom: 35px
}
.black-section-body2-content h2 {
color: #fff
}
.section-body2-phone-right {
padding-left: 65px
}
.section-body2-content p {
color: #4a4a4a;
font-size: 24px;
margin-bottom: 30px
}
.black-section-body2-content p {
color: #fff
}
.section-body2-content p>span {
color: #00a5dd
}
.black-section-body2-content p>span {
color: #00a0E9
}
.section2-right-img-content {
padding-top: 25px
}
.section2-right-img {
width: 90px;
height: 90px;
display: inline-block;
background-image: url(../image/white-icon.png);
background-repeat: no-repeat;
float: left;
margin-right: 16px;
margin-bottom: 20px
}
.black-section2-right-img {
background-image: url(../image/black-icon.png)
}
.ban_l_btn,.ban_r_btn,.section-body3-img {
background-image: url(../image/white-icon.png)
}
.section2-right-img1 {
background-position: -813px -47px
}
.section2-right-img2 {
background-position: -813px -163px
}
.section2-right-img3 {
background-position: -813px -280px
}
.section2-right-img4 {
background-position: -813px -397px
}
.section2-right-img5 {
background-position: -810px -513px
}
.section2-right-img6 {
background-position: -810px -630px
}
.section2-right-img7 {
background-position: -813px -746px
}
.section2-right-img8 {
background-position: -813px -863px
}
.body2-phone-content {
width: 491px;
height: 645px;
margin: auto;
position: relative
}
.phone-content {
position: absolute;
width: 287px;
margin: auto;
z-index: 100;
right: 0;
left: 0
}
.roundabout-holder {
width: 250px;
height: 415px;
margin: 0 auto;
z-index: 20;
top: 93px
}
.roundabout-moveable-item {
width: 233px;
height: 415px;
cursor: pointer
}
.roundabout-moveable-item img {
width: 100%;
height: 100%
}
.roundabout-in-focus {
border: 3px solid rgba(0,0,0,.2)
}
.ban_l_btn,.ban_r_btn {
position: absolute;
top: 50%;
margin-top: -25px;
left: -1px;
display: block;
width: 30px;
height: 50px;
z-index: 9;
overflow: hidden;
background-position: -72px -475px
}
.ban_r_btn {
left: auto;
right: -1px;
background-position: -69px -552px
}
ul.switcher {
text-align: center;
position: absolute;
left: 0;
right: 0;
bottom: 0
}
ul.switcher li {
display: inline-block;
padding: 0;
border-radius: 100%;
margin: 0
}
ul.switcher li a {
width: 12px;
height: 12px;
border-radius: 6px;
background-color: #D8D8D8;
float: left;
margin-right: 0;
-o-transition: background .3s ease-in-out;
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out
}
ul.switcher li.active a {
width: 42px;
background-color: #00a5dd
}
ul.switcher li:last-child {
margin-right: 0
}
.section-body2-img-pc {
width: 97%;
position: relative;
top: 45px
}
.body2-pos-img {
width: 256px;
height: 568px;
margin: auto;
z-index: 0
}
.section-body2-pos-item {
position: absolute;
z-index: 10;
bottom: -20px;
left: -10px
}
.body2-pos-item-content {
width: 72px;
height: 12px;
border-radius: 6px;
margin: auto
}
.body2-pos-item {
width: 12px;
height: 12px;
border-radius: 6px;
background-color: #D8D8D8;
float: left;
margin-right: 15px
}
.body2-pos-item-active {
width: 42px;
background-color: #00a5dd
}
.section-body3 {
width: 1350px;
margin: auto;
position: relative;
top: 25%
}
.section-body3>h2 {
color: #4a4a4a;
margin-top: 0;
margin-bottom: 35px
}
.section-body3>p {
color: #4a4a4a;
font-size: 14px;
margin-bottom: 20px
}
.black-section-body3>h2,.black-section-body3>p {
color: #fff
}
.section-body3-row {
margin-top: 58px
}
.section-body3-content {
height: 185px;
border-top: 1px solid #E3E3E3;
border-left: 1px solid #E3E3E3;
cursor: pointer;
padding-top: 47px;
background-color: rgba(255,255,255,.8)
}
.section-body3-content>p {
color: #4a4a4a;
font-size: 14px;
float: left;
margin-left: 10%
}
.section-body3-content-last {
border-right: 1px solid #E3E3E3
}
.section-body3-content-bottom {
border-bottom: 1px solid #E3E3E3
}
.section-body3-content:hover {
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
border: none;
box-shadow: 0 2px 16px rgba(180,180,180,.7);
font-weight: 700;
background-color: rgba(255,255,255,1)
}
.black-section-body3-content {
border-top: 1px solid #212B38;
border-left: 1px solid #212B38;
background-color: rgba(28,35,44,.8)
}
.black-section-body3-content>p {
color: #fff
}
.black-section-body3-content.section-body3-content-last {
border-right: 1px solid #212B38
}
.black-section-body3-content.section-body3-content-bottom {
border-bottom: 1px solid #212B38
}
.black-section-body3-content:hover {
box-shadow: 0 2px 16px #000;
background-color: #2a323e
}
.home-content,.print-content,.register-container {
box-shadow: 0 1px 4px rgba(151,151,151,.5)
}
.section-body3-img {
width: 91px;
height: 92px;
float: left;
margin-left: 11.5%;
background-repeat: no-repeat
}
.black-section-body3-img {
background-image: url(../image/black-icon.png)
}
.section-body3-img1 {
background-position: -323px -159px
}
.section-body3-content:hover .section-body3-img1 {
background-position: -323px -44px
}
.section-body3-img2 {
background-position: -323px -391px
}
.section-body3-content:hover .section-body3-img2 {
background-position: -323px -276px
}
.section-body3-img3 {
background-position: -323px -623px
}
.section-body3-content:hover .section-body3-img3 {
background-position: -323px -509px
}
.section-body3-img4 {
background-position: -503px -159px
}
.section-body3-content:hover .section-body3-img4 {
background-position: -503px -44px
}
.section-body3-img5 {
background-position: -503px -391px
}
.section-body3-content:hover .section-body3-img5 {
background-position: -503px -276px
}
.section-body3-img6 {
background-position: -503px -623px
}
.section-body3-content:hover .section-body3-img6 {
background-position: -503px -507px
}
.section-body3-content-title {
font-size: 16px;
color: #4a4a4a;
font-weight: 700;
position: relative;
margin-top: 21px
}
.section-body3-content-title::after {
content: '';
width: 2px;
height: 2px;
border-radius: 50%;
background-color: #4a4a4a;
position: absolute;
left: -7px;
top: 10px
}
.section-body4 {
width: 1515px;
margin: auto;
position: relative;
top: 22%
}
.section-body4-row {
padding-left: 50px
}
.section-body4 h2 {
color: #4a4a4a;
font-size: 30px;
text-align: left;
margin-top: 30%;
margin-bottom: 37px
}
.section-body4 p {
color: #4a4a4a;
font-size: 16px;
text-align: left;
margin-bottom: 30px
}
.black-section-body4 h2,.black-section-body4 p {
color: #fff
}
.section-body4 .section-body4-title {
font-size: 14px;
position: relative
}
.section-body4 .section-body4-title::after {
content: '';
width: 7px;
height: 7px;
background-color: #00a5dd;
border-radius: 50%;
position: absolute;
left: -25px;
top: 6px
}
.section-body4-img {
width: 100%
}
.section-body5 {
width: 1238px;
margin: auto;
position: relative;
top: 22%
}
.section-body5-left-content {
width: 90%;
float: left;
position: relative
}
.section-body5-left-content>img {
width: 100%
}
.section-body5-auth-content {
width: 63.2%;
position: absolute;
margin: auto;
height: 73.8%;
border-radius: 3px;
overflow: hidden;
left: 0;
right: 0;
top: 6%
}
.section-body5 h2,.section-body5 p {
color: #4a4a4a;
margin-bottom: 32px;
text-align: left
}
.section-body5-auth-content>img {
width: 100%;
position: relative;
top: -1px
}
.section-body5-right {
padding-left: 45px
}
.section-body5 h2 {
font-size: 30px;
margin-top: 30%
}
.section-body5 p {
font-size: 16px
}
.black-section-body5 h2,.black-section-body5 p {
color: #fff
}
.section-body5 .section-body5-title {
font-size: 18px;
margin-bottom: 24px;
position: relative
}
.section-body5 .section-body5-title::after {
content: '';
width: 33px;
height: 33px;
background-image: url(../image/white-icon.png);
background-repeat: no-repeat;
position: absolute;
left: -50px;
top: -3px
}
.section-body5-title1::after {
background-position: -686px -388px
}
.section-body5-title2::after {
background-position: -686px -483px
}
.section-body5 .black-section-body5-title::after {
background-image: url(../image/black-icon.png)
}
.section-body5-bottom {
width: 86%;
margin: 60px auto auto;
position: relative;
top: 22%
}
.section-body5-bottom-center {
border-left: 1px solid #d3d3d3;
border-right: 1px solid #d3d3d3
}
.section-body5-bottom-content {
width: 260px;
margin: auto
}
.section-body5-bottom-img {
width: 80px;
height: 80px;
background-image: url(../image/white-icon.png);
background-repeat: no-repeat;
float: left
}
.black-section-body5-bottom-img {
background-image: url(../image/black-icon.png)
}
.section-body5-bottom-img1 {
background-position: -664px -53px
}
.section-body5-bottom-img2 {
background-position: -664px -165px
}
.section-body5-bottom-img3 {
background-position: -664px -275px
}
.section-body5-bottom-content>p {
color: #4a4a4a;
font-size: 12px;
float: left;
margin-left: 15px
}
.black-section-body5-bottom-content>p {
color: #fff
}
.section-body5-bottom-content .section-body5-bottom-title {
font-size: 16px;
margin-top: 15px
}
.section-body5-footer {
height: 90px;
line-height: 90px;
position: absolute;
bottom: 0;
background-color: rgba(211,211,211,.2);
width: 100%
}
.black-section-body5-footer {
background-color: #202731
}
.section-body5-footer-content {
width: 1400px;
margin: auto;
height: 90px;
line-height: 90px
}
.section-body5-footer-content p {
color: #9B9B9B;
font-size: 14px;
text-align: right
}
.black-section-body5-footer-content p {
color: #fff
}
.section-body5-footer-ul {
float: left;
font-size: 14px;
color: #4a4a4a;
padding-left: 0
}
.section-body5-footer-ul>li {
padding-left: 33px;
padding-right: 33px;
float: left;
border-right: 1px dashed #d3d3d3;
height: 25px;
line-height: 25px;
margin-top: 33px
}
.section-body5-footer-last {
border-right: none
}
.section-body5-footer-ul>li>a {
text-decoration: none;
color: #4a4a4a
}
.black-section-body5-footer-ul>li>a {
color: #fff
}
.section-body5-footer-img {
width: 36px;
height: 36px;
float: left;
background-image: url(../image/white-icon.png);
background-repeat: no-repeat;
margin-left: 20px;
margin-top: 27px;
cursor: pointer
}
.black-section-body5-footer-img {
background-image: url(../image/black-icon.png)
}
.section-body5-footer-img1 {
background-position: -686px -559px;
position: relative
}
.section-body5-footer-img1:hover {
background-position: -685px -732px
}
.section-body5-footer-img2 {
background-position: -684px -614px
}
.section-body5-footer-img2:hover {
background-position: -685px -787px
}
.section-body5-footer-img3 {
background-position: -684px -667px
}
.section-body5-footer-img3:hover {
background-position: -685px -841px
}
.section-body5-footer1,.section-body5-footer1 .section-body5-footer-content {
height: 70px;
line-height: 70px
}
.section-body5-footer1 .section-body5-footer-ul>li {
margin-top: 23px
}
.section-body5-footer1 .section-body5-footer-img {
margin-top: 21px
}
.section-body5-footer1 .section-body5-footer-img1 {
margin-left: 60px
}
.firm-inf {
color: #9b9b9b
}
.register-content {
width: 400px;
height: 680px;
position: absolute;
margin: -340px auto auto;
top: 50%;
left: 0;
right: 0
}
.register-content h1 {
font-size: 28px;
margin-bottom: 30px;
font-weight: 400
}
.register-container {
background-color: #fff;
padding: 50px
}
.checkbox-content {
width: 100%;
height: 45px;
margin-bottom: 20px
}
.checkbox-content>input {
display: none
}
.register-radio-label {
width: 149px;
border: 1px solid #0FAEEA;
color: #0FAEEA;
background-color: #fff;
text-align: center;
height: 45px;
line-height: 45px;
padding: 0;
float: left;
cursor: pointer
}
.notice-detail-content>ul>li>p,.r-logo-nav a {
line-height: 30px
}
.register-radio-label-left {
border-bottom-left-radius: 3px;
border-top-left-radius: 3px
}
.register-radio-label-right {
border-bottom-right-radius: 3px;
border-top-right-radius: 3px
}
.register-radio:checked+.register-radio-label {
background-color: #0faeea;
color: #fff
}
.register-container .form-group {
margin-left: 0!important;
margin-right: 0!important;
margin-bottom: 20px
}
.register-container .form-group>.common-label {
left: 0!important
}
.register-container .common-btn-bigger {
margin-top: 40px
}
.register-container p {
font-size: 13px;
margin-bottom: 0;
position: relative;
top: -10px
}
.register-container p>a {
color: #0FAEEA
}
.register-agreement-container {
position: relative;
clear: both;
top: 40px!important;
padding-left: 8px
}
.register-agreement-container>label {
color: #595959;
font-weight: 400
}
.register-agreement-container>span {
color: #0FAEEA;
cursor: pointer
}
.register-send-container {
width: 460px;
height: 203px;
position: absolute;
margin: -103px auto auto;
top: 50%;
left: 0;
right: 0
}
.register-error-img,.register-success-img {
height: 210px;
background-image: url(../image/register-icon.png);
background-repeat: no-repeat;
margin-right: 80px;
margin-left: 15px
}
.register-success-img {
width: 230px;
background-position: -122px -240px
}
.register-send-container .pull-left {
width: 284px
}
.register-send-container .pull-left>img {
margin-bottom: 10px
}
.register-timeOut-container .pull-left>img {
margin-bottom: 20px
}
.register-send-container .pull-left>p {
font-size: 14px;
color: #333
}
.register-text-red {
color: #F83A46!important
}
.register-send-container .pull-left>.btn {
margin-top: 22px
}
.register-send-container>.register-p-first {
margin-top: 45px;
margin-bottom: 15px
}
.register-error-img {
width: 230px;
background-position: -395px -20px
}
.register-send-img,.register-timeout-img {
width: 176px;
height: 200px;
background-repeat: no-repeat;
background-position: center
}
.register-error-container>.common-lgBtn-blue {
background-color: #D1111D;
border: 1px solid #D1111D
}
.register-timeout-img {
background-image: url(../image/register-timeOut.png)
}
.register-send-img {
background-image: url(../image/register-success.png)
}
.regsiter-header {
height: 70px;
background: url(../image/header.png) center;
padding: 0 190px;
background-size: 100% 100%
}
.logo-btn,.r-logo-nav a {
padding: 0 40px;
color: #fff;
display: inline-block
}
.r-logo {
width: 290px;
height: 28px;
background: url(../image/rlogo.png) no-repeat;
display: inline-block;
margin-top: 21px;
background-size: contain
}
.r-logo-nav a {
border-right: 1px solid #fff;
font-size: 18px;
margin-top: 19px
}
.r-logo-nav a:hover {
font-weight: 700
}
.last-item {
border-right: none!important
}
.logo-btn {
line-height: 40px;
border-radius: 3px;
font-size: 16px;
margin: 13px 0 0 30px;
transition: all .5s ease-out;
background-color: rgba(15,174,234,.9)
}
.logo-btn:hover {
background: #00c9ff
}
.home-content {
margin: 21px 21px 20px;
padding: 90px 50px 20px;
overflow: hidden;
position: relative;
background-color: #fff
}
.home-main-content {
height: 680px;
border-right: 1px dashed #ccc
}
.shortcut-ul {
margin-left: 0;
padding: 0;
margin-bottom: 0;
position: relative;
top: -27px;
z-index: 10
}
.shortcut-ul li {
float: left;
height: 25px;
line-height: 25px;
border-right: 1px dashed #595959;
margin-bottom: 15px
}
.shortcut-ul li>a>div {
background-image: url(../image/icons.png);
background-repeat: no-repeat;
width: 27px;
height: 25px;
float: left;
position: relative;
top: 0;
margin-left: 25px;
margin-right: 10px
}
.icons-home-first {
background-position: -14px -14px
}
.icons-home-second {
background-position: -14px -53px
}
.icons-home-three {
background-position: -14px -90px
}
.icons-home-four {
background-position: -14px -128px
}
.icons-home-five {
background-position: -14px -164px
}
.icons-home-six {
background-position: -14px -200px
}
.icons-home-seven {
background-position: -14px -239px
}
.icons-home-eight {
background-position: -116px -742px
}
.shortcut-ul li>a {
padding-right: 25px;
color: #595959;
font-size: 15px;
cursor: pointer;
font-weight: 400
}
.shortcut-ul li>a:active,.shortcut-ul li>a:focus,.shortcut-ul li>a:hover {
text-decoration: none
}
.shortcut-ul li>a:hover {
color: #00a5dd
}
.shortcut-ul li>a:hover>.icons-home-first {
background-position: -446px -282px
}
.shortcut-ul li>a:hover>.icons-home-second {
background-position: -446px -321px
}
.shortcut-ul li>a:hover>.icons-home-three {
background-position: -446px -358px
}
.shortcut-ul li>a:hover>.icons-home-four {
background-position: -446px -396px
}
.shortcut-ul li>a:hover>.icons-home-five {
background-position: -446px -432px
}
.shortcut-ul li>a:hover>.icons-home-six {
background-position: -446px -468px
}
.shortcut-ul li>a:hover>.icons-home-seven {
background-position: -446px -507px
}
.split-line-none {
border-right: none!important
}
.weChat-noti-li>a {
display: inline-block;
border: 1px dashed #00a5dd;
height: 35px;
line-height: 35px;
color: #00a5dd!important;
padding: 0;
position: relative;
top: -5px
}
.weChat-noti-li>a>.icons-home-eight {
top: 6px;
width: 20px;
height: 24px
}
.chart-content {
height: 550px;
padding-top: 20px;
padding-left: 20px;
padding-right: 70px;
position: relative;
top: 47px
}
.home-trans {
position: absolute;
right: 80px;
top: -50px
}
.home-trans1 {
top: -20px
}
.home-a {
text-decoration: none;
padding-left: 22px;
line-height: 20px;
cursor: pointer;
display: block;
color: #9c9c9c;
position: relative;
margin-bottom: 10px
}
.home-a:before {
position: absolute;
left: 0;
margin: auto;
top: 5px;
content: "";
width: 10px;
height: 10px;
border: 1px solid #9c9c9c;
border-radius: 50%;
cursor: default;
z-index: 998
}
.home-num-active:after,.home-sum-active:after {
position: absolute;
top: 7px;
content: "";
width: 6px;
height: 6px;
cursor: default;
z-index: 999;
margin: auto;
left: 2px
}
.home-a:hover {
text-decoration: none
}
.home-sum-active {
color: #7Ed321
}
.home-sum-active:before {
border: 1px solid #7Ed321
}
.home-sum-active:after {
background: #7Ed321;
border: none;
border-radius: 50%
}
.home-num-active {
color: #0FAEEA
}
.home-num-active:before {
border: 1px solid #0FAEEA
}
.home-num-active:after {
background: #0FAEEA;
border: none;
border-radius: 50%
}
.highchartContent {
height: 100%
}
.home-extra-content {
position: relative;
top: -60px
}
.home-info-content {
margin-left: 50px;
border-bottom: 1px dashed #b1b1b1;
margin-top: 33px;
padding-left: 30px;
margin-right: 30px;
padding-bottom: 17px
}
.home-info-content p,.home-info-rline,.home-real-content {
border-bottom: 1px dashed #ccc
}
.home-info-content p {
color: #595959;
font-size: 16px;
margin-bottom: 0;
padding-top: 25px;
padding-bottom: 25px
}
.home-info-rline {
height: 1px
}
.home-real-content {
margin-left: 50px;
margin-top: 50px;
padding: 20px 20px 35px
}
.home-real-content p {
line-height: 25px;
color: #595959;
font-size: 15px;
font-weight: 700;
margin: 0
}
.real-btn,.real-btn:hover {
color: #0FAEEA
}
.real-btn {
width: 100px;
height: 35px;
border: 1px solid #0FAEEA;
border-radius: 3px;
background: 0 0;
margin-top: 37px
}
.fund-info li,.weChat-left {
border-right: 1px dashed #ccc
}
.btn-explain,.choose-book {
background-color: transparent
}
.home-notice-content {
padding-left: 15px;
margin-top: 33px;
margin-left: 50px;
margin-right: 30px
}
.home-notice-content p {
border-bottom: 1px dashed #ccc;
margin: 0;
cursor: pointer;
position: relative;
padding: 10px 15px
}
.home-notice-content p span {
display: inline-block
}
.home-notice-content p span:nth-of-type(1) {
width: 88px;
position: absolute;
top: 10px;
left: 15px
}
.home-notice-content p span:nth-of-type(2) {
margin-left: 100px
}
.notice-detail-content {
margin-right: 205px;
margin-left: 205px;
margin-top: 50px;
min-height: 600px
}
.notice-detail-content ul {
font-size: 15px;
position: relative
}
.notice-detail-content>ul>li {
height: auto;
padding-right: 50px;
padding-top: 30px;
padding-bottom: 20px
}
.notice-title {
font-size: 16px;
font-weight: 700;
padding-left: 25px
}
.notice-small {
font-size: 13px;
margin-bottom: 0;
color: #595959;
line-height: 20px
}
.notice-bottom {
margin-top: 90px;
margin-bottom: 0
}
.notice-detail {
display: none;
margin-top: 5px;
margin-bottom: 25px
}
.weChat-delete-icon,.weChat-title-line {
display: inline-block;
background-repeat: no-repeat
}
.notice-detail>p {
height: 20px
}
.weChat-container {
padding: 57px 60px 20px!important
}
.weChat-container .select-content {
margin-top: 30px
}
.weChat-content {
clear: both;
padding-top: 25px
}
.weChat-left {
width: 53%;
float: left;
margin-bottom: 25px
}
.weChat-binded-ul>li,.weShop-bind-ul>li {
float: left;
width: 30%;
position: relative;
text-overflow: ellipsis;
white-space: nowrap
}
.weChat-left-search {
position: relative;
top: -24px
}
.weChat-left-shop {
margin-right: 10%;
height: 540px;
overflow-y: auto
}
.weChat-binded-ul,.weShop-bind-ul,.weShop-bind-ul>li {
overflow: hidden
}
.weChat-shop-select-all {
margin-bottom: 0;
margin-left: 30px;
margin-top: 0
}
.weChat-ul {
margin-bottom: 25px;
margin-top: 8px
}
.weChat-ul>li {
padding-right: 20px;
padding-left: 30px;
position: relative
}
.weChat-ul .question-detail {
margin-left: -30px;
margin-right: -20px;
padding: 5px 30px 5px 42px
}
.weChat-binded-ul>li {
padding-right: 30px;
overflow: hidden
}
.weShop-bind-ul>li {
padding-right: 50px
}
.weChat-right {
width: 46%;
float: right
}
.weChat-code-content {
width: 90%;
height: 293px;
border-bottom: 1px dashed #ccc;
float: right;
margin-bottom: 25px
}
.weChat-code-content>p {
margin-bottom: 30px;
color: #595959
}
.weChat-card-img {
width: 205px;
height: 205px;
margin: auto;
padding: 20px;
background-image: url(../image/wehat-grey.png);
background-repeat: no-repeat;
background-size: contain
}
.expire-p {
text-align: center;
color: #D1111D!important
}
.weChat-binded-content {
clear: both;
width: 90%;
float: right
}
.select-app-tip {
font-size: 18px;
color: silver;
text-align: center;
position: relative;
top: 95px
}
.weChat-select-app {
height: 180px;
overflow: auto;
margin-top: 20px;
border-top: 2px solid #ddd;
border-bottom: 1px solid #ddd
}
.explain-left-top,.weChat-delete-tip {
border-bottom: 1px dashed #ccc;
padding-bottom: 10px
}
.weChat-select-app>ul>li {
float: left;
padding-left: 20px;
padding-right: 20px;
width: 32%;
margin-top: 20px;
margin-bottom: 13px;
position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.weChat-select-app>ul>li .common-sub-title {
background-image: url(../image/blue-point.png);
background-repeat: no-repeat;
background-position: left center;
margin-left: -25px;
margin-top: 10px;
font-size: 16px;
font-weight: 700;
padding-left: 25px;
position: absolute;
left: 1px;
width: 20px;
height: 20px
}
.weChat-title-line {
width: 28px;
height: 2px;
background-image: url(../image/weChat-line.png);
background-position: center;
position: relative;
top: -4px
}
.weChat-title-text {
color: #595959;
margin-left: 10px;
margin-right: 10px
}
.weChat-btn-content {
clear: both;
width: 100%;
border-top: 1px dashed #ccc;
text-align: center;
padding-top: 40px;
padding-bottom: 40px
}
.weChat-delete-icon {
width: 20px;
height: 20px;
position: absolute;
right: 34px;
background-image: url(../image/icons.png);
background-position: -195px -344px;
top: 17px;
cursor: pointer
}
.weChat-delete-icon:hover {
background-position: -225px -344px
}
.weChat-delete-content {
height: 366px;
margin-top: -183px;
top: 50%;
position: absolute;
width: 450px;
left: 0;
right: 0
}
.weChat-delete-tip {
color: #292929;
text-align: center;
margin-top: 20px
}
.weChat-delete-info {
overflow: auto;
height: 90px;
margin-bottom: 20px;
margin-top: 20px
}
.weChat-delete-info p {
width: 97%
}
.weChat-delete-info p span {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.search-bind-text {
position: absolute;
right: 39px
}
.trans-detail-text {
position: absolute;
right: 0;
bottom: 0;
width: auto;
color: #595959;
font-size: 14px
}
.refund-all-money {
color: silver;
font-size: 12px;
margin-bottom: 0;
position: relative;
left: 4px
}
.refund-explain-div label {
top: -20px
}
.refund-star-tag {
position: absolute;
color: #D1111D;
left: -10px;
font-size: 16px;
font-weight: 700
}
.statistics-ul>li>ul>li {
width: 50%;
float: left
}
.fund-info {
margin-left: -45px;
overflow: hidden;
height: 42px;
margin-top: 10px;
margin-bottom: 60px
}
.fund-info li {
float: left;
height: 38px;
line-height: 38px;
padding-left: 45px;
padding-right: 45px
}
.fund-info .btn-li {
height: 42px;
line-height: 49px
}
.withdrawalsContent {
height: 724px;
margin-top: -362px;
top: 50%;
position: absolute;
left: 0;
right: 0
}
.btn-explain {
width: 105px;
height: 38px;
position: relative
}
.choose-book,.choose-book input,.file-span {
position: absolute;
left: 0;
width: 100%
}
.file-span {
z-index: 1
}
.choose-book {
text-align: center;
height: 100%;
cursor: pointer;
overflow: hidden;
display: inline-block;
z-index: 2
}
.choose-book input {
top: 0;
opacity: 0;
height: 100%;
cursor: pointer!important
}
.question-mark,.question-mark-down,.question-mark-up {
width: 19px;
height: 19px;
display: inline-block;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-color: transparent;
position: absolute
}
.question-mark {
background-position: -172px -578px;
left: 17px
}
.question-mark-up {
background-position: -18px -276px;
right: 13px
}
.question-mark-down {
background-position: -18px -306px;
right: 13px
}
.explain-content {
border-top: 1px dashed #595959;
padding-top: 35px;
clear: both;
position: relative;
font-size: 15px;
color: #595959;
display: none
}
.explain-left {
padding-right: 56px;
padding-top: 10px
}
.explain-left-top {
margin-bottom: 30px
}
.explain-right {
border-left: 1px dashed #ccc;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 35px
}
.explain-table {
border-top: 1px solid #ccc;
padding-top: 33px;
padding-left: 0
}
.explain-table>p {
margin-bottom: 25px
}
.explain-table>.table {
margin-bottom: 60px
}
.explain-table>.table>tbody>tr>th {
border-top: 2px solid #ddd
}
.explain-table>.table>tbody>tr>td {
border-bottom: 1px solid #ddd
}
.uploadModalContent {
height: 420px;
margin-top: -210px;
top: 50%;
position: absolute;
left: 0;
right: 0
}
.check-search-content {
margin-top: 30px;
position: absolute;
right: 20px
}
.check-search-content>span {
color: #595959;
position: relative;
top: 3px;
font-size: 16px
}
.checkModalContent,.print-content,.refundModalContent,.rejectModalContent,.statisticsContent {
position: absolute;
right: 0;
top: 50%;
left: 0
}
.check-search-content>button {
margin-left: 35px
}
.checkModalContent {
height: 524px;
margin-top: -262px
}
.refundModalContent {
height: 584px;
margin-top: -292px
}
.statisticsContent {
height: 372px;
width: 670px;
margin-top: -186px
}
.statisticsContent>.modal-content {
padding-left: 38px;
padding-right: 38px
}
.rejectModalContent {
width: 450px;
height: 300px;
margin-top: -150px
}
.rejectModalContent>.modal-content {
padding: 30px 10px
}
.rejectModalContent>.modal-content>.modal-body>p {
font-size: 16px;
margin-top: 44px;
margin-bottom: 70px
}
.payment-table-content {
padding-top: 25px
}
.print_cover {
position: absolute;
width: 100%;
height: 100%;
background-color: #F5F5F5
}
.print-content {
width: 790px;
margin: -248px auto auto;
background-color: #fff;
border-radius: 3px;
text-align: center;
padding-bottom: 80px
}
.print-content>div {
position: relative
}
.print-img {
width: 132px;
height: 132px;
position: absolute;
bottom: 10px;
right: 30px
}
.print-content caption {
font-size: 24px;
color: #595959;
margin-top: 50px;
margin-bottom: 24px;
text-align: center
}
.print-table {
width: 730px;
margin: auto
}
.print-table tr>td {
border: 1px solid #E3e3e3;
background-color: #fff;
font-size: 14px;
padding-left: 20px!important;
padding-right: 20px!important;
color: #595959;
text-align: left!important
}
.print-table tr>td:nth-of-type(odd) {
background-color: #F8F9FB;
font-size: 12px;
width: 125px;
padding-left: 20px;
color: #6D6D6D
}
@media print {
.print-content {
width: 600pt;
position: absolute;
left: 0;
right: 0;
margin: -248pt auto auto;
top: 50%;
background-color: #fff;
border-radius: 3pt;
box-shadow: 0 1pt 4pt rgba(151,151,151,.5);
text-align: center;
padding-bottom: 80pt
}
.print-content>div {
position: relative
}
.print-img {
width: 100pt;
position: absolute;
top: 130pt;
right: 90pt;
z-index: 10
}
.print-content caption {
font-size: 18pt;
color: #595959;
margin-top: 50pt;
margin-bottom: 24pt;
text-align: center
}
.print-table {
width: 550pt;
margin: auto;
position: relative
}
.print-table tr>td {
border: 1pt solid #E3e3e3;
background-color: #fff;
font-size: 7pt;
padding-left: 10pt!important;
padding-right: 10pt!important;
color: #595959;
text-align: left!important
}
.print-table tr>td:nth-of-type(odd) {
background-color: #F8F9FB;
font-size: 9pt;
width: 120pt;
padding-left: 10pt;
color: #6D6D6D
}@ page {
size: A4 landscape;
margin: 2cm
}
html {
background-color: #FFF;
margin: 0
}
}
.print-btn {
width: 100%;
height: 50px;
line-height: 50px;
position: absolute;
bottom: 0;
background-color: #0FAEEA;
color: #fff;
font-size: 14px;
left: 0;
border-radius: 0;
padding: 0
}
.security-ul {
margin-top: 55px
}
.security-ul>li>ul>li>span {
margin-right: 35px
}
.setPwdContent {
height: 500px;
margin-top: -250px;
top: 50%;
position: absolute;
left: 0;
right: 0
}
.deleteContent {
height: 300px;
margin-top: -150px;
top: 50%;
position: absolute;
width: 450px;
left: 0;
right: 0
}
.deleteContent .modal-body {
margin-bottom: 60px;
margin-top: 20px
}
.role-model-content {
height: 750px;
margin-top: -375px;
top: 50%;
position: absolute;
width: 1240px;
left: 0;
right: 0
}
.role-auth-content {
max-height: 330px;
overflow: auto!important;
margin-bottom: 20px;
padding-right: 20px;
margin-right: -20px
}
.application-auth-content {
max-height: 115px
}
.application-content {
margin-top: 10px
}
.application-content>div>p {
position: absolute;
right: 17px;
top: -40px
}
.role-auth-content p {
font-weight: 700;
margin-bottom: 10px;
margin-top: 20px
}
.role-model-content textarea {
margin-top: 20px;
margin-bottom: 20px
}
.auth-set-content {
background: #F9F9F9;
padding: 20px;
border-top: 2px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
overflow: hidden
}
.auth-set-detail {
padding-bottom: 0
}
.auth-set-detail p {
font-weight: 700;
margin-bottom: 20px;
margin-top: 0
}
.role-model-content .modal-footer {
margin-top: 30px
}
.operator-content {
margin-top: 10px
}
.operator-content p {
font-weight: 700;
margin-bottom: 0;
margin-top: 0
}
.operator-model-content {
height: 800px;
margin-top: -400px;
top: 50%;
position: absolute;
width: 1169px;
left: 0;
right: 0
}
.operator-model-content textarea {
margin-top: 20px;
margin-bottom: 20px
}
.apply-add-model-content {
height: 650px;
margin-top: -325px;
top: 50%;
position: absolute;
width: 1242px;
left: 0;
right: 0
}
.apply-add-model-content .textarea-error {
bottom: -18px;
left: 18px
}
.apply_edit_error {
bottom: 14px;
left: 18px
}
.apply-add-model-content .modal-footer {
margin-top: 0
}
.apply-model-content {
height: 520px;
margin-top: -260px;
top: 50%;
position: absolute;
width: 920px;
left: 0;
right: 0
}
.apply-model-content .detail-ul>li {
padding-left: 0
}
.apply-model-content .ul-striped {
margin-bottom: 90px
}
.apply-textarea {
margin-bottom: 0;
margin-top: 10px;
padding: 0 4px
}
.apply-textarea-readonly {
border: none;
margin-bottom: 0
}
.apply-key-content {
position: relative;
clear: both;
height: 47px;
margin-left: -20px;
padding-top: 10px
}
.appKey-p {
margin-top: 15px;
margin-bottom: 20px
}
.apply-key-content>.appKey-p {
padding-left: 20px
}
.apply-pay-content {
margin-bottom: 50px
}
.pay_channel_content {
border-top: 2px solid #ddd;
overflow: hidden;
background: #f9f9f9;
border-bottom: 1px solid #ddd;
margin-top: 40px;
padding: 7px 35px
}
.card-img,.export-button {
width: 242px;
border: 1px solid #595959
}
.pay_card_content {
margin-top: 40px;
text-align: center
}
.card-img {
height: 242px;
margin: auto auto 20px
}
.data-title-div>p,.sign-upload-btn {
margin-bottom: 20px
}
.export-button {
height: 49px;
line-height: 49px;
color: #595959;
background-color: #fff;
border-radius: 3px
}
.select-content {
width: 100%;
border-bottom: 1px dashed #ccc;
margin-top: 54px;
float: left
}
.select-btn {
width: 105px;
height: 40px;
line-height: 40px;
text-align: center;
background: #fff;
border: 1px solid #0FAEEA;
float: left;
color: #0FAEEA;
position: relative;
top: 1px;
outline: 0;
border-left: none;
display: flex;
align-items: center;
justify-content: center
}
.select-btn-big {
max-width: 130px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
width: auto;
min-width: 105px
}
.email-icon,.sign-name,.sign-name::before {
display: inline-block
}
.select-content a:first-child,.select-content button:first-child {
border-left: 1px solid #0FAEEA
}
.btn-left-none {
border-left: none;
border-right: none
}
.selectBlue {
background: #0FAEEA;
color: #fff
}
.common-contentdata-count-container {
padding-top: 130px;
position: relative;
height: 600px
}
.data-title-container {
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #ccc
}
.data-title-row {
width: 100%;
padding-top: 25px;
padding-bottom: 25px;
border-bottom: 1px solid #ccc;
overflow: hidden
}
.data-title-div {
width: 9.99%;
height: 65px;
border-right: 1px solid #ccc;
text-align: center;
float: left;
min-width: 140px
}
.data-title-div>p {
font-size: 14px;
color: #AFAFAF
}
.data-title-div>span {
font-size: 20px;
color: #595959
}
.data-content {
width: 100%;
height: 540px;
padding-top: 5%;
position: relative
}
.data-count-container {
margin-top: 50px;
min-height: 480px;
height: 480px;
position: relative
}
.data-trans {
position: absolute;
right: 0;
top: 0
}
.contact-email {
position: absolute;
right: 60px;
top: 57px;
color: #0FAEEA
}
.email-icon {
width: 24px;
height: 20px;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -16px -711px;
background-color: transparent;
float: left;
margin-right: 14px
}
.access-container {
margin: auto;
padding-left: 30px;
padding-right: 30px
}
.cover-right,.question-ul>li {
padding: 0 30px
}
.common-access-box {
width: 210px;
height: 253px;
border: 1px solid #ccc;
border-radius: 3px;
float: left;
position: relative
}
.common-access-box,.common-access-flag {
margin-top: 47px;
margin-bottom: 23px
}
.access-step {
width: 42px;
height: 42px;
text-align: center;
line-height: 42px;
border-radius: 26px;
border: 1px solid #E3E3E3;
color: #0FAEEA;
font-weight: 700;
position: absolute;
right: -20px;
top: -20px;
background-color: #fff
}
.access-img,.common-access-flag {
width: 35px;
height: 35px;
background-image: url(../image/icons.png);
background-repeat: no-repeat
}
.common-point,.question-detail>p {
line-height: 25px
}
.access-img {
margin: 44px auto auto
}
.access-img1 {
background-position: -111px -440px
}
.access-img2 {
background-position: -111px -500px
}
.access-img3 {
background-position: -111px -278px
}
.access-img4 {
background-position: -111px -560px
}
.access-img5 {
background-position: -109px -626px
}
.access-img6 {
background-position: -110px -690px;
margin-top: 88px
}
.access-title {
text-align: center;
font-size: 16px;
font-weight: 700;
margin-top: 10px
}
.access-text {
text-align: center;
font-size: 14px;
margin-top: 0;
margin-bottom: 0
}
.access-btn {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
margin: auto
}
.common-access-flag {
margin-left: 45px;
margin-right: 45px;
float: left;
background-position: -166px -625px;
position: relative;
top: 109px
}
.question-ul {
margin-top: 45px
}
.question-detail {
border-top: 1px dashed #ccc;
display: none;
margin-left: -30px;
margin-right: -30px;
padding: 20px 30px
}
.question-detail p .sub-t {
margin-left: 27px
}
.common-developer-content {
padding-left: 50px;
padding-top: 35px
}
.common-developer-box {
width: 235px;
height: 230px;
border: 1px solid #ccc;
float: left;
margin-right: 5.5%;
margin-bottom: 50px;
position: relative
}
.developer-img {
width: 45px;
height: 45px;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
margin: 34px auto auto
}
.developer-img1 {
background-position: -45px -273px
}
.developer-img2 {
background-position: -45px -327px
}
.developer-img3 {
background-position: -45px -381px
}
.developer-img4 {
background-position: -45px -442px
}
.developer-img5 {
background-position: -45px -497px
}
.developer-img6 {
background-position: -45px -558px
}
.developer-img7 {
background-position: -45px -621px
}
.developer-img8 {
background-position: -45px -685px
}
.developer-img9 {
background-position: -105px -273px
}
.developer-img10 {
background-position: -105px -327px
}
.developer-img11 {
background-position: -105px -383px
}
.developer-title {
text-align: center;
font-size: 16px;
font-weight: 700;
margin-top: 10px;
margin-bottom: 8px
}
.developer-text {
text-align: center;
font-size: 14px;
margin-top: 0;
margin-bottom: 0
}
.developer-btn {
position: absolute;
bottom: 25px;
left: 0;
right: 0;
margin: auto;
border: none;
color: #0FAEEA;
outline: 0;
background: 0 0;
width: 84px
}
.realName-all-content,.realName-info {
position: relative
}
.common-img-upload,.protocol-result-content {
background-position: center;
background-repeat: no-repeat
}
.realName-main-content {
overflow: hidden;
min-height: auto
}
.realName-main-content .two-lgBtn-content {
overflow: hidden;
margin-top: 70px
}
.realName-outer-content {
overflow: hidden
}
.realName-all-content .common-input-row {
margin-right: 0;
margin-left: -10px
}
.common-real-content {
float: left
}
.realName-info {
text-align: center;
color: #6e6e6e;
font-size: 16px;
margin-bottom: 0;
margin-top: 31px;
top: 10px
}
.path-content {
width: 324px;
height: 110px;
margin: 20px auto auto;
padding-top: 40px
}
.common-point-content {
width: 58px;
height: 55px;
float: left;
position: relative;
text-align: center
}
.common-point {
width: 25px;
height: 25px;
border-radius: 12.5px;
border: 1px solid silver;
color: silver;
text-align: center;
margin: auto
}
.common-point-content>p {
position: absolute;
bottom: 0;
width: 70px;
text-align: center;
left: -7px;
color: #858585;
margin-bottom: 0;
font-size: 12px
}
.blue-point-content>.common-point {
color: #0FAEEA;
border: 1px solid #0FAEEA
}
.blue-point-content>p {
color: #0FAEEA
}
.active-point-content>.common-point {
background-color: #0FAEEA;
color: #fff;
position: relative;
z-index: 10;
border: none
}
.active-point-content>.common-point::before {
content: '';
position: absolute;
z-index: 4;
width: 31px;
height: 31px;
border-radius: 15.5px;
background-color: rgba(15,174,234,.7);
opacity: .6;
left: -3px;
top: -3px
}
.active-point-content>.common-point::after {
content: '';
position: absolute;
z-index: 2;
width: 35px;
height: 35px;
border-radius: 17.5px;
background-color: rgba(15,174,234,.4);
opacity: .4;
left: -5px;
top: -5px
}
.active-point-content>p {
color: #0FAEEA;
font-weight: 700
}
.common-line-content {
width: 75px;
float: left;
border-top: 1px dashed silver;
position: relative;
top: 14px
}
.blue-line-content {
border-top: 1px dashed #0FAEEA
}
.realName-error-reason {
color: silver;
font-size: 14px
}
.upload-img-content {
width: 62.6%;
padding-left: 40px
}
.person-upload-img-content {
width: 34.3%;
margin-left: 12%;
margin-top: 5%
}
.realName-img-box {
width: 129px;
position: relative;
padding-bottom: 15px;
float: left;
margin-right: 10%
}
.other-img-box {
margin-right: 7%
}
.realName-img-box-big {
width: 300px
}
.company-img-box {
margin-right: 2.78%;
margin-left: 2.78%
}
.realName-img-box>.error {
left: 0;
text-align: center;
bottom: -2px;
top: inherit
}
.person-upload-img-content .realName-img-box {
width: 150px
}
.credential-img-div {
width: 129px;
height: 125px;
border: 1px solid #ddd;
margin-top: 50px;
overflow: hidden;
position: relative
}
.credential-img-div>img {
width: 100%;
height: 100%
}
.person-upload-img-content .credential-img-div {
width: 150px;
height: 150px
}
.common-file-upload {
width: 100%;
height: 100%;
opacity: 0;
position: absolute;
z-index: 10;
cursor: pointer
}
.common-img-upload {
background-image: url(../image/add.png);
background-size: contain
}
.common-img-none {
background-image: url(../image/noImg.jpg)
}
.realName-img-box>label {
width: 100%;
text-align: center;
font-size: 16px;
color: #595959;
font-weight: 700;
margin-top: 23px;
margin-bottom: 0
}
.upload-explain-content {
width: 37.1%;
height: 238px;
border-left: 1px dashed #ddd;
margin-top: 109px;
padding-top: 33px;
padding-left: 8.5%
}
.upload-explain-content>p {
font-size: 16px;
color: #595959;
margin-bottom: 8px
}
.agreement-content {
border-top: 1px dashed #ddd;
width: calc(100% + 35px);
position: relative;
left: -35px;
margin-top: 63px;
padding-top: 35px
}
.agreement-content .error {
bottom: -18px;
top: inherit
}
.agreement-label {
color: #0FAEEA;
font-size: 14px;
font-weight: 400;
cursor: pointer
}
.realName-btn-content {
text-align: center;
margin-top: 57px;
margin-bottom: 74px;
margin-left: -35px
}
.protocol-btn-content {
margin-top: 38px
}
.protocol-result-content {
width: 535px;
height: 295px;
position: relative;
margin: -147.5px auto auto;
top: 50%;
background-image: url(../image/result-bg.png)
}
.protocol-result-content>img {
margin: auto;
display: block;
position: relative;
top: 75px
}
.protocol-result-content>p {
text-align: center;
position: absolute;
bottom: 68px;
color: #00a5dd;
font-size: 30px;
width: 100%
}
.margin-left-none {
margin-left: 0!important
}
.agreement-model-content {
height: 824px;
margin-top: -412px;
top: 50%;
position: absolute;
width: 1525px;
left: 0;
right: 0
}
.agreement-detail {
height: 520px;
overflow: auto;
margin-top: 28px;
margin-bottom: 56px;
padding-left: 20px;
padding-right: 20px
}
.bank-select-ul {
width: calc(100% - 40px);
max-height: 200px;
border: 1px solid #ddd;
position: absolute;
top: 33px;
right: 20px;
overflow: auto;
padding-left: 4px;
background-color: #fff;
z-index: 50
}
.bank-select-ul>li:hover {
background-color: #1e90ff;
color: #fff;
cursor: default
}
.input-row-ul {
overflow: inherit
}
.title-ul {
clear: both;
padding-top: 40px
}
.sign-name {
width: 100px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.sign-name::before {
content: '';
position: relative;
top: 1px;
width: 25px;
height: 17px;
background-image: url(../image/icons.png);
background-repeat: no-repeat;
background-position: -19px -941px
}
.sign-hover {
position: absolute;
left: -152px;
top: -5px
}
.sign-hover::after {
border-left: 6px solid rgba(30,33,48,.3);
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
position: absolute;
right: -6px;
top: 20px
}
.sign-hover,.sign-hover-top {
width: 145px;
height: 50px;
background-color: rgba(30,33,48,.3);
color: #fff;
text-align: center;
font-size: 12px;
border-radius: 3px;
line-height: 18px;
padding-top: 7px
}
.sign-hover-top:after,.sign-hover::after {
content: '';
display: inline-block
}
.sign-hover-top {
position: absolute;
left: 50%;
width: 200px;
margin-left: -100px;
top: -55px
}
.sign-hover-top:after {
border-top: 6px solid rgba(30,33,48,.3);
border-left: 6px solid transparent;
border-right: 6px solid transparent;
position: absolute;
left: 50%;
margin-left: -3px;
bottom: -6px
}
.sign-upload-btn:hover .sign-hover {
display: block
}
.iframeContent {
width: 995px;
margin: auto
}
.agent-detailTop-content {
padding-top: 0;
border-bottom: 1px dashed #ccc;
overflow: hidden;
padding-bottom: 17px;
position: relative
}
.agent-detailTop-content+.common-title {
margin-top: 20px
}
.agent-radio-content {
height: 34px
}
.agent-radio>span {
margin-left: 10px;
margin-right: 72px
}
.agent-radio input[type=radio] {
left: 0;
margin-right: 5px
}
.app-shop-container {
overflow: hidden
}
.app-shop-table {
width: 100%;
float: left
}
.app-shop-table>thead>tr>th {
border-bottom: none
}
.app-shop-table>tbody>tr>td,.app-shop-table>tbody>tr>th {
border-bottom: 1px dashed #ddd;
border-top: none
}
.app-shop-table>tbody>tr>td>img {
width: 70px;
height: 70px
}
.app-shop-container thead>tr>th>button {
top: 6px;
width: 120px
}
.show-save-tip {
position: relative
}
.save-tip-hover {
position: absolute;
width: 110px;
height: 35px;
top: 29px;
font-size: 14px;
line-height: 35px;
text-align: center;
background: #BBBCC0;
color: #fff;
right: -95px;
border-radius: 1px
}
.save-tip-hover::after {
content: '';
display: inline-block;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #BBBBC0;
position: absolute;
left: -6px;
top: 12px
}
.card-save-tip-hover {
top: 100px
}
.show-save-tip:hover .save-tip-hover {
display: block
}
.add-shop-content {
position: relative
}
.add-shop-btn {
position: absolute;
right: 0;
top: -60px
}
.agent-card-content {
width: 560px;
margin: auto;
overflow: hidden
}
.shop-card-img {
width: 172px
}
.agent-card-content>.pay_card_content {
width: 245px
}
.merchant-content {
width: 305px
}
.margin-top-35 {
margin-top: 35px
}
.margin-bottom-35 {
margin-bottom: 35px
}
@media (max-width:1900px) and (min-width:1659px) {
.shortcut-ul li>a>div {
margin-left: 15px
}
.shortcut-ul li>a {
padding-right: 14px
}
.home-info-content {
padding-left: 0;
margin-right: 0
}
.home-notice-content {
padding-left: 15px;
margin-left: 35px;
margin-right: 0
}
.role-model-content {
height: 734px;
margin-top: -416px
}
.realName-img-box {
margin-right: 8%
}
}
@media (max-width:1650px) and (min-width:1580px) {
.right-nav {
width: 364px
}
.body2-phone-content {
width: 480px;
height: 530px
}
.phone-content {
width: 236px
}
.roundabout-holder {
width: 230px;
height: 342px;
top: 76px
}
.roundabout-moveable-item {
width: 200px;
height: 342px;
cursor: pointer
}
.section-body2-content h2 {
margin-top: 8%
}
.section2-side-menu,.section2-side-menu-active,.section2-side-menu-content:hover {
width: 175px
}
.body2-pos-img {
width: 230px;
height: 510px;
margin: auto;
z-index: 0
}
.section-body3 {
top: 21%
}
.section-body5 {
top: 20%
}
.section-body5-left-content {
width: 80%
}
.section-body5-bottom {
top: 16%
}
.home-info-content {
padding-left: 0;
margin-right: 0
}
.home-notice-content {
margin-left: 20px;
margin-right: 0
}
.shortcut-ul li>a>div {
margin-left: 13px
}
.shortcut-ul li>a {
padding-right: 13px;
font-size: 14px
}
.register-content {
height: 600px;
margin-top: -300px
}
.register-content h1 {
font-size: 26px;
margin-bottom: 20px
}
.register-container {
padding: 40px 50px 5px
}
.checkbox-content {
margin-bottom: 10px
}
.register-agreement-container {
top: 29px!important
}
.register-container .common-btn-bigger {
margin-top: 25px
}
.role-model-content {
height: 734px;
margin-top: -367px
}
.operator-model-content {
height: 704px;
margin-top: -352px
}
.role-auth-content {
max-height: 113px
}
.agreement-model-content {
height: 660px;
margin-top: -330px;
width: 1300px
}
.agreement-detail {
height: 442px;
margin-bottom: 30px
}
.realName-img-box {
margin-right: 7%
}
}
@media (max-width:1579px) and (min-width:1438px) {
.agent-radio>span {
margin-right: 43px
}
.right-nav {
width: 364px
}
.login-main-nav {
font-size: 16px;
top: 20px
}
.common-login-icon {
margin-bottom: 5px
}
.login-right-nav {
top: 37px
}
.body2-phone-content {
width: 480px;
height: 530px
}
.phone-content {
width: 236px
}
.roundabout-holder {
width: 230px;
height: 342px;
top: 76px
}
.roundabout-moveable-item {
width: 200px;
height: 342px;
cursor: pointer
}
.section-body2-content h2 {
font-size: 28px;
margin-bottom: 30px
}
.section-body2-content p {
font-size: 22px;
margin-bottom: 18px
}
.section2-side-menu,.section2-side-menu-active,.section2-side-menu-content:hover {
width: 175px
}
.section-body2-img-pc {
width: 80%;
margin-top: 6%
}
.body2-pos-img {
width: 230px;
height: 510px;
margin: auto;
z-index: 0
}
.section-body3 {
width: 1100px;
top: 21%
}
.section-body3-row {
margin-top: 32px
}
.section-body3-content {
height: 162px;
padding-top: 37px
}
.section-body3-img {
margin-left: 5.5%
}
.section-body3-content>p {
margin-left: 6%
}
.section-body4 {
width: 1280px
}
.section-body5 {
top: 20%
}
.section-body5-left-content {
width: 80%
}
.section-body5-bottom {
top: 16%
}
.home-content {
padding: 73px 40px 50px
}
.home-info-content {
padding-left: 0;
margin-right: 0
}
.home-info-content p {
font-size: 14px
}
.home-notice-content {
margin-left: 20px;
margin-right: 0
}
.shortcut-ul li>a>div {
margin-left: 8px
}
.shortcut-ul li>a {
padding-right: 8px;
font-size: 14px
}
.register-content {
height: 600px;
margin-top: -300px
}
.register-content h1 {
font-size: 26px;
margin-bottom: 20px
}
.checkbox-content,.role-auth-content {
margin-bottom: 10px
}
.register-container {
padding: 40px 50px 5px
}
.register-agreement-container {
top: 29px!important
}
.register-container .common-btn-bigger {
margin-top: 25px
}
.role-model-content {
height: 712px;
margin-top: -356px
}
.operator-model-content {
height: 704px;
margin-top: -352px
}
.role-auth-content {
max-height: 113px
}
.role-model-content textarea {
margin-top: 10px
}
.agreement-model-content {
height: 660px;
margin-top: -330px;
width: 1300px
}
.agreement-detail {
height: 442px;
margin-bottom: 30px
}
.realName-img-box {
margin-right: 5%
}
}
@media (max-width:1437px) and (min-width:1399px) {
.agent-radio>span {
margin-right: 30px
}
.right-nav {
width: 364px
}
.login-main-nav {
font-size: 16px;
top: 20px
}
.common-login-icon {
margin-bottom: 5px
}
.login-right-nav {
top: 37px
}
.body2-phone-content {
width: 480px;
height: 530px
}
.phone-content {
width: 236px
}
.roundabout-holder {
width: 230px;
height: 342px;
top: 76px
}
.roundabout-moveable-item {
width: 200px;
height: 342px;
cursor: pointer
}
.section-body2-content h2 {
font-size: 28px;
margin-bottom: 30px
}
.section-body2-content p {
font-size: 22px;
margin-bottom: 18px
}
.section2-side-menu,.section2-side-menu-active,.section2-side-menu-content:hover {
width: 175px
}
.section-body2-img-pc {
width: 90%;
margin-top: 8%
}
.body2-pos-img {
width: 230px;
height: 510px;
margin: auto;
z-index: 0
}
.section-body3 {
width: 1100px;
top: 21%
}
.section-body3-row {
margin-top: 32px
}
.section-body3-content {
height: 162px;
padding-top: 37px
}
.section-body3-img {
margin-left: 5.5%
}
.section-body3-content>p {
margin-left: 6%
}
.section-body4 {
width: 1280px
}
.section-body5 {
top: 23%
}
.section-body5-left-content {
width: 80%
}
.section-body5-bottom {
top: 24%
}
.section-body5-footer-content {
width: 1250px
}
.home-content {
padding: 73px 30px 50px
}
.home-info-content {
padding-left: 0;
margin-right: 0
}
.home-info-content p {
font-size: 14px
}
.home-notice-content {
margin-left: 20px;
margin-right: 0
}
.shortcut-ul li>a>div {
margin-left: 7px
}
.shortcut-ul li>a {
padding-right: 7px;
font-size: 14px
}
.register-content {
height: 600px;
margin-top: -300px
}
.register-content h1 {
font-size: 26px;
margin-bottom: 20px
}
.checkbox-content,.role-auth-content {
margin-bottom: 10px
}
.register-container {
padding: 40px 50px 5px
}
.register-agreement-container {
top: 29px!important
}
.register-container .common-btn-bigger {
margin-top: 25px
}
.role-model-content {
height: 712px;
margin-top: -356px
}
.operator-model-content {
height: 704px;
margin-top: -352px
}
.role-auth-content {
max-height: 113px
}
.role-model-content textarea {
margin-top: 10px
}
.person-upload-img-content {
width: 44.3%;
margin-left: 9%
}
.agreement-model-content {
height: 660px;
margin-top: -330px;
width: 1300px
}
.agreement-detail {
height: 442px;
margin-bottom: 30px
}
.realName-img-box {
margin-right: 4%
}
}
@media (max-width:1398px) and (min-width:1365px) {
.select-btn-big {
max-width: 114px
}
.agent-radio>span {
margin-right: 25px
}
.right-nav {
width: 364px
}
.login-main-nav {
font-size: 16px;
top: 20px
}
.common-login-icon {
margin-bottom: 5px
}
.login-right-nav {
top: 37px;
right: 2%
}
.login-body {
width: 970px;
margin-top: -166px
}
.login-title {
font-size: 42px
}
.login-subTitle {
font-size: 21px;
margin-top: 20px
}
.login-input {
height: 60px
}
.login-label {
top: 31px
}
.login-code {
width: 103px;
height: 42px
}
.body2-phone-content {
width: 450px;
height: 485px
}
.phone-content {
width: 210px
}
.roundabout-holder {
width: 200px;
height: 303px;
top: 70px
}
.roundabout-moveable-item {
width: 172px;
height: 305px;
cursor: pointer
}
.section-body2-content h2 {
font-size: 26px;
margin-bottom: 30px;
margin-top: 5%
}
.section-body2-content p {
font-size: 19px;
margin-bottom: 18px
}
.section2-side-menu,.section2-side-menu-active,.section2-side-menu-content:hover {
width: 175px
}
.section-body2-img-pc {
width: 87%;
margin-top: 6%
}
.body2-pos-img {
width: 200px;
height: 443px;
margin: auto;
z-index: 0
}
.section-body2-pos-item {
bottom: -16px
}
.section-body3 {
width: 1100px;
top: 21%
}
.section-body3>h2 {
margin-bottom: 25px
}
.section-body3>p {
margin-bottom: 15px
}
.section-body3-row {
margin-top: 32px
}
.section-body3-content {
height: 162px;
padding-top: 37px
}
.section-body3-img {
margin-left: 5.5%
}
.section-body3-content>p {
margin-left: 6%
}
.section-body4 {
width: 1000px
}
.section-body5 {
width: 1042px;
top: 22%
}
.section-body5 h2 {
font-size: 26px;
margin-top: 19%;
margin-bottom: 27px
}
.section-body5 p {
font-size: 16px;
margin-bottom: 27px
}
.section-body5 .section-body5-title {
font-size: 16px;
margin-bottom: 13px
}
.section-body5-left-content {
width: 80%
}
.section-body5-bottom {
top: 15%
}
.section-body5-footer {
height: 70px;
line-height: 70px
}
.section-body5-footer-content {
width: 1250px
}
.section-body5-footer-ul>li {
margin-top: 27px
}
.section-body5-footer-img {
margin-top: 23px
}
.section-body5-footer-content p {
font-size: 12px;
position: relative;
top: -6px
}
.home-content {
padding: 73px 20px 30px
}
.home-info-content {
padding-left: 0;
margin-right: 0;
margin-left: 20px
}
.home-info-content p {
font-size: 14px
}
.home-notice-content {
margin-left: 0;
margin-right: 0;
padding-left: 20px
}
.shortcut-ul li>a>div {
margin-left: 6px;
margin-right: 5px;
line-height: 70px
}
.shortcut-ul li>a {
padding-right: 6px;
font-size: 14px
}
.regsiter-header {
height: 55px
}
.r-logo {
margin-top: 18px
}
.r-logo-nav a {
font-size: 16px;
margin-top: 15px
}
.logo-btn {
line-height: 35px;
font-size: 14px;
margin: 10px 0 0 30px
}
.register-content {
height: 550px;
margin-top: -275px
}
.register-content h1 {
font-size: 22px;
margin-bottom: 15px
}
.register-container {
padding: 40px 50px 5px
}
.checkbox-content,.register-container .form-group {
margin-bottom: 0
}
.register-radio-label {
height: 40px;
line-height: 40px
}
.register-agreement-container {
top: 29px!important
}
.register-container .common-btn-bigger {
margin-top: 25px
}
.role-model-content {
height: 590px;
margin-top: -295px;
width: 1000px
}
.role-auth-content {
max-height: 80px;
margin-bottom: 10px
}
.role-auth-content p,.role-model-content textarea {
margin-top: 10px
}
.auth-set-content {
padding-top: 10px;
padding-bottom: 10px
}
.role-model-content .modal-footer {
margin-top: 15px;
padding: 0
}
.operator-model-content {
height: 594px;
margin-top: -297px
}
.apply-add-model-content {
height: 586px;
margin-top: -293px
}
.person-upload-img-content {
width: 44.3%;
margin-left: 9%;
margin-top: 5%
}
.agreement-model-content {
height: 600px;
margin-top: -300px;
width: 1200px
}
.agreement-detail {
height: 398px;
margin-bottom: 30px
}
.fund-info {
margin-left: -20px
}
.fund-info li {
padding-left: 20px;
padding-right: 20px
}
.realName-img-box {
margin-right: 3%
}
}
@media (max-width:1364px) {
.select-btn-big {
max-width: 114px
}
.agent-radio>span {
margin-right: 15px
}
.right-nav {
width: 364px
}
.login-main-nav {
font-size: 16px;
top: 20px
}
.common-login-icon {
margin-bottom: 5px
}
.login-right-nav {
top: 37px;
right: 2%
}
.login-body {
width: 970px;
margin-top: -166px
}
.login-title {
font-size: 42px
}
.login-subTitle {
font-size: 21px;
margin-top: 20px
}
.login-input {
height: 60px
}
.login-label {
top: 31px
}
.login-code {
width: 103px;
height: 42px
}
.body2-phone-content {
width: 450px;
height: 485px
}
.phone-content {
width: 210px
}
.roundabout-holder {
width: 200px;
height: 303px;
top: 70px
}
.roundabout-moveable-item {
width: 172px;
height: 305px;
cursor: pointer
}
.section-body2-content h2 {
font-size: 24px;
margin-bottom: 30px;
margin-top: 5%
}
.section-body2-content p {
font-size: 20px;
margin-bottom: 18px
}
.section2-side-menu,.section2-side-menu-active,.section2-side-menu-content:hover {
width: 175px
}
.section-body2-img-pc {
width: 80%;
margin-top: 6%
}
.body2-pos-img {
width: 200px;
height: 443px;
margin: auto;
z-index: 0
}
.section-body3 {
width: 1100px;
top: 21%
}
.section-body3>h2 {
margin-bottom: 25px
}
.section-body3>p {
margin-bottom: 15px
}
.section-body3-row {
margin-top: 32px
}
.section-body3-content {
height: 162px;
padding-top: 37px
}
.section-body3-img {
margin-left: 5.5%
}
.section-body3-content>p {
margin-left: 6%
}
.section-body4 {
width: 1000px
}
.section-body5 {
width: 1042px;
top: 22%
}
.section-body5 h2 {
font-size: 26px;
margin-top: 19%;
margin-bottom: 27px
}
.section-body5 p {
font-size: 16px;
margin-bottom: 27px
}
.section-body5 .section-body5-title {
font-size: 16px;
margin-bottom: 13px
}
.section-body5-left-content {
width: 80%
}
.section-body5-bottom {
top: 15%
}
.section-body5-footer {
height: 70px;
line-height: 70px
}
.section-body5-footer-content {
width: 1250px
}
.section-body5-footer-ul>li {
margin-top: 27px
}
.section-body5-footer-img {
margin-top: 23px
}
.section-body5-footer-content p {
font-size: 12px;
position: relative;
top: -6px
}
.home-content {
padding: 73px 20px 30px
}
.home-info-content {
padding-left: 0;
margin-right: 0;
margin-left: 20px
}
.home-info-content p {
font-size: 14px
}
.home-notice-content {
margin-left: 0;
margin-right: 0;
padding-left: 20px
}
.home-content .common-sub-title {
margin-left: 0
}
.shortcut-ul li>a>div {
margin-left: 5px;
margin-right: 4px
}
.shortcut-ul li>a {
padding-right: 5px;
font-size: 14px
}
.regsiter-header {
height: 55px
}
.r-logo {
margin-top: 18px
}
.r-logo-nav a {
font-size: 16px;
margin-top: 15px
}
.logo-btn {
line-height: 35px;
font-size: 14px;
margin: 10px 0 0 30px
}
.register-content {
height: 550px;
margin-top: -275px
}
.register-content h1 {
font-size: 22px;
margin-bottom: 15px
}
.register-container {
padding: 40px 50px 5px
}
.checkbox-content,.register-container .form-group {
margin-bottom: 0
}
.register-radio-label {
height: 40px;
line-height: 40px
}
.register-agreement-container {
top: 29px!important
}
.register-container .common-btn-bigger {
margin-top: 25px
}
.role-model-content {
height: 590px;
margin-top: -295px;
width: 1000px
}
.role-auth-content {
max-height: 80px;
margin-bottom: 10px
}
.role-auth-content p,.role-model-content textarea {
margin-top: 10px
}
.auth-set-content {
padding-top: 10px;
padding-bottom: 10px
}
.role-model-content .modal-footer {
margin-top: 15px;
padding: 0
}
.apply-add-model-content,.operator-model-content {
height: 586px;
margin-top: -293px;
width: 1024px
}
.person-upload-img-content {
width: 53.3%;
margin-left: 4%
}
.agreement-model-content {
height: 550px;
margin-top: -275px;
width: 1000px
}
.agreement-detail {
height: 343px;
margin-bottom: 30px
}
.fund-info {
margin-left: -20px
}
.fund-info li {
padding-left: 20px;
padding-right: 20px
}
.realName-img-box {
margin-right: 2%
}
}
.highchart-title,.highchart-title-r {
width: 14px;
color: #595959;
font-size: 14px;
position: absolute;
top: 0;
text-align: center;
line-height: normal;
bottom: 0;
display: table;
height: 90%;
z-index: 100
}
.highchart-title {
left: 0
}
.highchart-title-r {
right: 0
}
.highchart-title-r>div,.highchart-title>div {
vertical-align: middle;
display: table-cell
}
.clr1 {
color: #7ED321
}
.clr2 {
color: #0FAEEA
}
.data-count-container .highchart-title,.data-count-container .highchart-title-r {
height: 80%
}
.data-content .highchart-title {
left: -15px;
height: 90%
}
.pie-box {
width: 720px;
height: 400px;
margin: 0 auto;
padding-top: 50px
}
.pie-box-no>div {
width: 322px;
height: 322px;
background: url(../image/no-data.jpg) center no-repeat #f0f0f0;
border-radius: 50%;
margin: 0 auto
}
.tip-week {
position: absolute;
left: 24px;
bottom: 8px;
font-size: 12px;
color: #afafaf
}
.batch-refund-content {
padding-bottom: 30px
}
.batch-refund-content>p {
line-height: 36px;
color: #1E1E1E
}
.batch-refund-content>p>span {
font-size: 18px;
color: #D1111D;
position: relative;
top: 4px;
margin-right: 3px
}
.batch-file-content {
width: 290px;
float: left;
position: relative
}
.batch-file-content>.common-btn-payment {
width: 100%;
margin-bottom: 80px;
border: 1px solid #AFAFAF
}
.batch-file-content>.common-btn-blue {
width: 120px;
height: 40px;
line-height: 40px;
margin-bottom: 115px
}
.batch-file-error {
color: #D1111D;
position: absolute;
top: 8px;
left: 300px;
width: 100%
}
.batch-tip-content {
margin-top: 40px;
font-size: 16px;
color: grey
}
.batch-download-span {
text-decoration: underline;
color: #00a5dd;
cursor: pointer
}
.return-confirm-title {
color: #D0021B;
font-size: 16px
}
.returnConfirmContent {
height: 380px;
margin-top: -190px;
top: 50%;
position: absolute;
width: 702px;
left: 0;
right: 0
}
.join-header,.pos_relative {
position: relative
}
.returnConfirmContent .modal-body-content {
width: 100%;
padding-left: 15px;
padding-right: 15px
}
.return-confirm-tip {
font-size: 18px;
color: #595959;
font-weight: 700
}
.return-confirm-tip>span {
margin-left: 10px;
margin-right: 10px
}
.return-confirm-tip>.color-blue {
color: #0FAEEA
}
.refund-info {
margin-left: 4px;
overflow: hidden;
height: 30px;
margin-top: 10px;
margin-bottom: 25px
}
.refund-info>li {
font-size: 16px;
color: #6E6E6E;
margin-right: 50px;
float: left;
font-weight: 700
}
.join-header {
width: 100%;
height: 200px;
background-image: url(../image/join/header-banner.png);
z-index: 1
}
.join-header .header-content {
width: 780px;
margin: 0 auto;
color: #FFF
}
.join-header .logo {
width: 62px;
color: #fff;
font-size: 30px;
font-size: 3rem;
font-weight: 700;
margin-top: 0;
top: 48px
}
.pos_absolute {
position: absolute
}
.JoinLogo {
margin: 6px 15px 15px 0;
width: 96px
}
.join-header .index_nav {
position: absolute;
left: 16%;
top: 66px
}
.join-header .fl {
float: left
}
.join-header .index_nav li a {
font-size: 16px;
color: #fff;
padding: 0 22px;
text-decoration: none!important
}
.common-hint {
overflow: hidden;
margin: 0 auto;
width: 298px;
height: 42px;
line-height: 42px;
text-align: center;
color: #d32e42;
border: 1px solid #d32e42;
position: relative;
top: -45px
}
.join-content {
width: 100%;
min-height: 845px;
height: auto;
background-color: #f8f9fb;
position: relative;
font-size: 16px
}
.join-content .box-div-big {
height: 580px;
min-width: 900px;
margin: 0 auto;
box-shadow: 0 1px 3px #ccc;
background-color: #fff;
top: 70px;
width: 900px;
position: absolute;
left: 0;
right: 0;
overflow: hidden
}
.join-common-button,.join-common-title {
background-color: #d32e42;
box-shadow: 0 2px 2px #d3d3d3;
text-align: center
}
.join-common-title {
height: 70px;
width: 160px;
border-radius: 3px;
font-family: Microsoft YaHei;
font-size: 1.25em;
font-weight: 700;
line-height: 70px;
color: #fff;
margin-left: 130px
}
.join-content .register-sub-div {
width: 182px;
margin-left: 130px;
margin-top: 15px;
font-size: .82em;
color: #333f51
}
.join-content .register-first {
margin-top: 50px
}
.join-content .common-lable {
height: 25px;
position: relative;
bottom: -19px;
color: #9b9b9b;
display: inline;
max-width: 100%;
margin-bottom: 0;
font-weight: 400
}
.join-common-input {
width: 182px;
height: 25px;
line-height: 25px;
border-style: none;
border-bottom: 1px solid #9b9b9b;
outline: 0
}
.join-content .agree-div {
margin-left: 130px;
color: #9b9b9b;
font-size: .875em;
margin-top: 64px
}
.join-content .agree-div>input {
left: 0!important
}
.join-content .ipaynow-agree {
color: #d32e42;
cursor: pointer;
font-weight: 700
}
.join-common-button {
width: 100px;
height: 37px;
color: #fff;
line-height: 37px;
font-size: .875em;
outline: 0;
border: none;
border-radius: 3px;
margin-top: 55px;
cursor: pointer;
transition: box-shadow .5s ease 0s
}
.cover-left,.cover-right {
height: 100%;
z-index: 10;
top: 0
}
.cover-right h3,.join-agreement-content h1 {
font-size: 16px;
margin-bottom: 0;
margin-top: 0;
font-weight: 700
}
.join-common-button:hover {
box-shadow: 0 5px 10px rgba(38,48,58,.5)
}
.cover-right,.join-content .box-div-small {
box-shadow: 0 1px 3px #ccc;
position: absolute
}
.cover-left {
position: absolute;
width: 480px;
background: #f9f9f9;
opacity: .3;
left: 0;
display: none
}
.cover-right {
width: 360px;
right: -423px;
background: #fff;
box-sizing: content-box
}
.agreement-cover {
position: absolute;
height: 70px;
right: 0;
width: 100%;
bottom: 0
}
.cover-right h3 {
height: 60px;
line-height: 60px;
text-align: center;
color: #3c3c3c
}
.MsoNormal {
margin-bottom: 0;
font-size: 16px;
line-height: 1
}
.join-agreement-content {
height: 445px;
overflow-x: scroll
}
.agreement-button {
height: 73px;
width: 100%
}
.agree-agreement {
position: absolute;
bottom: 20px;
left: 65px
}
.refuse-agreement {
position: absolute;
bottom: 20px;
right: 65px;
background: #d3d3d3
}
.fl,.left {
float: left
}
.join-footer h4 {
font-size: 18px
}
.join-footer {
width: 100%;
padding-bottom: 30px
}
.copyright {
background: #2e3a4b;
font-size: 100%;
font-family: Microsoft YaHei,Regular;
text-align: center;
color: #fff;
border-top: 1px solid #303030
}
.copyright .auth,.copyright a {
color: #fff;
text-decoration: none
}
.copyright p {
line-height: 26px
}
.copyright span {
margin: 0 .5em
}
.footer-link-us-img {
cursor: pointer
}
ul.footer-icon li {
width: 72px;
margin-right: 10.6%
}
.footer-icon {
width: 30%;
top: 36px;
right: 0
}
.bottom-link {
width: 74.7894%;
margin: 20px auto 0
}
.bottom-link .left {
margin-right: 9.6%
}
.copyright .bottom-link .left {
padding-left: 0;
text-align: left
}
#navbar-nav1,.btn-black,.footer-ICP,.line-main p,.viewer-footer,.viewer-tooltip {
text-align: center
}
.bottom-link ul {
margin-top: 16px
}
.bottom-link ul li {
font-size: 14px;
line-height: 32px
}
.copyright h4 {
font-size: 14px;
font-weight: 700;
margin-top: 20px
}
.footer-bah {
margin-top: 50px;
font-size: 14px
}
@media screen and (min-width:900px) and (max-width:1280px) {
.bottom-link {
width: 85.7894%
}
}
@media screen and (min-width:1500px) and (max-width:1800px) {
.bottom-link .left {
margin-right: 14.6%
}
}
@media screen and (min-width:1800px) and (max-width:1920px) {
.bottom-link .left {
margin-right: 94px;
margin-top: 10px
}
.left.about.fl {
margin-left: 200px
}
.join-common-footer {
height: 326px;
background: #2e3a4b
}
.bottom-link {
margin: 50px auto 0
}
.footer-icon {
top: 16%;
right: 60px;
margin-top: 26px!important
}
ul.footer-icon li {
width: 74px;
height: 74px
}
.icon-fastest img {
margin-top: 12px
}
.footer-bah {
margin-top: 60px
}
}
@media screen and (min-width:1921px) {
.bottom-link {
width: 56.7894%
}
.bottom-link .left {
margin-right: 12.6%
}
}
.join-content-small {
min-height: 745px
}
.join-content .box-div-small {
height: 411px;
width: 900px;
margin: 0 auto;
background-color: #fff;
left: 0;
right: 0;
top: 70px
}
.viewer-container,.viewer-navbar {
background-color: #000;
overflow: hidden
}
.join-content .regisSucc-text {
color: #333f51;
font-size: 1.1em;
margin-top: 113px;
width: 461px;
margin-left: 232px
}
.join-content .enter-email {
width: 100px;
margin: 45px auto 0
}
.join-forgetPwd-div {
height: 50px;
width: 182px;
font-size: .82em;
color: #333f51;
float: left;
margin-top: 126px;
margin-left: 130px
}
.join-forgetPwd-button {
float: left;
margin-left: 55px;
margin-top: 75px
}
.join-setPwd-div {
margin-top: 30px!important
}/*!
* Viewer v0.1.0
* https://github.com/fengyuanchen/viewer
*
* Copyright (c) 2015 Fengyuan Chen
* Released under the MIT license
*
* Date: 2015-09-02T09:08:17.223Z
*/.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before {
display: block;
width: 20px;
height: 20px;
font-size: 0;
line-height: 0;
color: transparent;
background-image: url(data:image/png;
base64,iVBORw0KGgoAAAANSUhEUgAAARgAAAAUCAYAAABWOyJDAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAQPSURBVHic7Zs/iFxVFMa/0U2UaJGksUgnIVhYxVhpjDbZCBmLdAYECxsRFBTUamcXUiSNncgKQbSxsxH8gzAP3FU2jY0kKKJNiiiIghFlccnP4p3nPCdv3p9778vsLOcHB2bfveeb7955c3jvvNkBIMdxnD64a94GHMfZu3iBcRynN7zAOI7TG15gHCeeNUkr8zaxG2lbYDYsdgMbktBsP03jdQwljSXdtBhLOmtjowC9Mg9L+knSlcD8TNKpSA9lBpK2JF2VdDSR5n5J64m0qli399hNFMUlpshQii5jbXTbHGviB0nLNeNDSd9VO4A2UdB2fp+x0eCnaXxWXGA2X0au/3HgN9P4LFCjIANOJdrLr0zzZ+BEpNYDwKbpnQMeAw4m8HjQtM6Z9qa917zPQwFr3M5KgA6J5rTJCdFZJj9/lyvGhsDvwFNVuV2MhhjrK6b9bFiE+j1r87eBl4HDwCF7/U/k+ofAX5b/EXBv5JoLMuILzf3Ap6Z3EzgdqHMCuF7hcQf4HDgeoHnccncqdK/TvSDWffFXI/exICY/xZyqc6XLWF1UFZna4gJ7q8BsRvgd2/xXpo6P+D9dfT7PpECtA3cnWPM0GXGFZh/wgWltA+cDNC7X+AP4GzjZQe+k5dRxuYPeiuXU7e1qwLpDz7dFjXKRaSwuMLvAlG8zZlG+YmiK1HoFqT7wP2z+4Q45TfEGcMt01xLoNZEBTwRqD4BLpnMLeC1A41UmVxsXgXeBayV/Wx20rpTyrpnWRft7p6O/FdqzGrDukPNtkaMoMo3FBdBSQMOnYBCReyf05s126fU9ytfX98+mY54Kxnp7S9K3kj6U9KYdG0h6UdLbkh7poFXMfUnSOyVvL0h6VtIXHbS6nOP+s/Zm9mvyXW1uuC9ohZ72E9uDmXWLJOB1GxsH+DxPftsB8B6wlGDN02TAkxG6+4D3TWsbeC5CS8CDFce+AW500LhhOW2020TRjK3b21HEmgti9m0RonxbdMZeVzV+/4tF3cBpP7E9mKHNL5q8h5g0eYsCMQz0epq8gQrwMXAgcs0FGXGFRcB9wCemF9PkbYqM/Bas7fxLwNeJPdTdpo4itQti8lPMqTpXuozVRVXPpbHI3KkNTB1NfkL81j2mvhDp91HgV9MKuRIqrykj3WPq4rHyL+axj8/qGPmTqi6F9YDlHOvJU6oYcTsh/TYSzWmTE6JT19CtLTJt32D6CmHe0eQn1O8z5AXgT4sx4Vcu0/EQecMydB8z0hUWkTd2t4CrwNEePqMBcAR4mrBbwyXLPWJa8zrXmmLEhNBmfpkuY2102xxrih+pb+ieAb6vGhuA97UcJ5KR8gZ77K+99xxeYBzH6Q3/Z0fHcXrDC4zjOL3hBcZxnN74F+zlvXFWXF9PAAAAAElFTkSuQmCC);background-repeat: no-repeat
}
.viewer-zoom-in:before {
content: "Zoom In";
background-position: 0 0
}
.viewer-zoom-out:before {
content: "Zoom Out";
background-position: -20px 0
}
.viewer-one-to-one:before {
content: "One to One";
background-position: -40px 0
}
.viewer-reset:before {
content: "Reset";
background-position: -60px 0
}
.viewer-prev:before {
content: "Previous";
background-position: -80px 0
}
.viewer-play:before {
content: "Play";
background-position: -100px 0
}
.viewer-next:before {
content: "Next";
background-position: -120px 0
}
.viewer-rotate-left:before {
content: "Rotate Left";
background-position: -140px 0
}
.viewer-rotate-right:before {
content: "Rotate Right";
background-position: -160px 0
}
.viewer-flip-horizontal:before {
content: "Flip Horizontal";
background-position: -180px 0
}
.viewer-flip-vertical:before {
content: "Flip Vertical";
background-position: -200px 0
}
.viewer-fullscreen:before {
content: "Enter Full Screen";
background-position: -220px 0
}
.viewer-fullscreen-exit:before {
content: "Exit Full Screen";
background-position: -240px 0
}
.viewer-close:before {
content: "Close";
background-position: -260px 0
}
.viewer-container {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
font-size: 0;
line-height: 0;
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: rgba(0,0,0,.5);
direction: ltr!important;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.viewer-container ::-moz-selection,.viewer-container::-moz-selection {
background-color: transparent
}
.viewer-container ::selection,.viewer-container::selection {
background-color: transparent
}
.viewer-container img {
display: block;
width: 100%;
min-width: 0!important;
max-width: none!important;
height: 100%;
min-height: 0!important;
max-height: none!important
}
.viewer-player,.viewer-tooltip {
display: none;
position: absolute
}
.viewer-canvas {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden
}
.viewer-footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
overflow: hidden
}
.viewer-navbar {
background-color: rgba(0,0,0,.5)
}
.viewer-list {
height: 50px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 1px 0;
margin: 0;
overflow: hidden
}
.viewer-list>li {
float: left;
width: 30px;
height: 50px;
overflow: hidden;
font-size: 0;
line-height: 0;
color: transparent;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5
}
.viewer-list>li+li {
margin-left: 1px
}
.viewer-list>.viewer-active {
filter: alpha(opacity=100);
opacity: 1
}
.viewer-player {
top: 0;
right: 0;
bottom: 0;
left: 0;
cursor: none;
background-color: #000
}
.viewer-player>img {
position: absolute;
top: 0;
left: 0
}
.viewer-toolbar {
width: 350px;
padding: 3px 0;
margin: 0 auto 5px;
overflow: hidden
}
.viewer-toolbar>li {
float: left;
width: 30px;
height: 30px;
overflow: hidden;
cursor: pointer;
background-color: #000;
background-color: rgba(0,0,0,.5);
border-radius: 50%
}
.viewer-toolbar>li:hover {
background-color: #000;
background-color: rgba(0,0,0,.8)
}
.viewer-toolbar>li:before {
margin: 5px
}
.viewer-toolbar>li+li {
margin-left: 1px
}
.viewer-toolbar>.viewer-play {
width: 36px;
height: 36px;
margin-top: -3px;
margin-bottom: -3px
}
.viewer-toolbar>.viewer-play:before {
margin: 8px
}
.viewer-tooltip {
top: 50%;
left: 50%;
width: 50px;
height: 20px;
margin-top: -10px;
margin-left: -25px;
font-size: 12px;
line-height: 20px;
color: #fff;
background-color: #000;
background-color: rgba(0,0,0,.8);
border-radius: 10px
}
.viewer-title {
display: inline-block;
max-width: 90%;
margin: 0 5% 5px;
overflow: hidden;
font-size: 12px;
line-height: 1;
color: #ccc;
text-overflow: ellipsis;
white-space: nowrap;
filter: alpha(opacity=80);
opacity: .8
}
.viewer-title:hover {
filter: alpha(opacity=100);
opacity: 1
}
.viewer-button {
position: absolute;
top: -40px;
right: -40px;
width: 80px;
height: 80px;
overflow: hidden;
cursor: pointer;
background-color: #348fe2;
border-radius: 50%
}
.viewer-button:before {
position: absolute;
bottom: 15px;
left: 15px
}
.viewer-fixed {
position: fixed
}
.viewer-open {
overflow: hidden
}
.viewer-show {
display: block
}
.viewer-hide {
display: none
}
.viewer-toggle {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in
}
.viewer-move {
cursor: move;
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab
}
.viewer-fade {
filter: alpha(opacity=0);
opacity: 0
}
.viewer-in {
filter: alpha(opacity=100);
opacity: 1
}
.viewer-transition {
-webkit-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out
}
.col-md-1-5 {
width: 20%;
float: left
}
.col-md-1-7 {
width: 14.2%;
float: left
}
.col-md-1-5,.col-md-1-7,.col-sm-1-5,.col-xs-1-5 {
min-height: 1px;
padding-left: 15px;
padding-right: 15px;
position: relative
}
@keyframes rotateAn {
0% {
transform: rotate(0)
}
100% {
transform: rotate(360deg)
}
}
@keyframes rotateY {
0% {
transform: rotateY(0);
opacity: 1
}
50% {
transform: rotateY(90deg);
opacity: 0
}
51% {
transform: rotateY(180deg);
opacity: 0
}
60% {
transform: rotateY(270deg);
opacity: 0
}
61% {
transform: rotateY(280deg);
opacity: 1
}
100% {
transform: rotateY(360deg)
}
}
@keyframes show-btn-point {
0% {
background-size: 80% 80%
}
100% {
background-size: 100% 100%
}
}
@keyframes topY {
0% {
transform: translateY(-20px);
opacity: 0
}
100% {
transform: translateY(0);
opacity: 1
}
}
@keyframes excursionY {
0% {
transform: translate(30px,30px)
}
100% {
transform: translateY(0,0)
}
}
@-webkit-keyframes pulse {
0%,100% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
}
@keyframes pulse {
0%,100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
}
.login-bg {
background: url(../../image/front/login-bg.png) center right no-repeat
}
.register-bg {
background: url(../../image/front/register-bg.png) 90% center no-repeat
}
.sendEmail-bg {
background: url(../../image/front/getPwd.png) center right no-repeat
}
.container-style {
background: #fff;
box-shadow: 0 2px 30px 0 rgba(130,130,130,.29);
margin-top: -60px;
position: relative;
z-index: 2
}
.container-style1 {
padding: 60px 150px 52px 130px
}
.container-style2 {
padding: 80px 80px 100px
}
.container-style3 {
padding: 108px 65px 170px
}
.container-style-login {
padding: 60px 130px 87px
}
@media (min-width:2000px) {
.container-large-height {
margin-bottom: 136px
}
}
.login-t {
float: none;
padding: 0 14px 0 0
}
.login-t span {
font-size: 40px;
color: #000;
font-weight: 200
}
.login-t a {
color: #4496B5;
margin-top: 30px;
font-size: 16px
}
.site {
color: #fff;
margin-left: 10px;
font-size: 16px;
vertical-align: -7px;
background: url(../../image/front/icon.png) left center no-repeat;
padding-left: 30px
}
.house {
width: 30px;
height: 30px;
background: url(../../image/front/house.png) left center no-repeat;
margin-right: 27px
}
.login-form {
margin-top: 90px
}
.login-form .login-item {
margin-bottom: 40px;
padding-left: 0
}
.login-form .login-item .forget-pass {
top: 8px;
z-index: 10
}
.login-form .login-item .forget-pass,.login-form .login-item .login-code-ph {
color: #ABABAB;
position: absolute;
right: 18px;
background: #fff
}
.login-form .login-item .login-code-ph {
bottom: 3px;
z-index: 3
}
.login-form .login-item .label-up {
font-size: 12px
}
.login-form .login-item .label-up .error-news {
font-size: 10px
}
.btn-black,.btn-red {
padding: 0;
font-size: 14px
}
.login-form .common-label {
color: #333;
left: 2px
}
.login-form .common-input {
border-bottom-color: #979797
}
.login-form .btn-black {
margin-top: 30px;
display: inline-block
}
.register-bg .btn-black {
margin-top: 30px
}
.btn-black {
-webkit-border-radius: 42px;
-moz-border-radius: 42px;
border-radius: 42px;
background-color: #333;
cursor: pointer;
color: #fff;
width: 180px;
height: 50px;
line-height: 50px;
text-shadow: 0 0 0 #242424;
border: none
}
.btn-black:disabled {
background-color: #D9D9D9;
border: 1px solid #d9d9d9
}
.btn-red {
background: #333
}
.login-code-ph {
width: 108px;
height: 40px;
border-radius: 1px
}
.error-news {
color: #F83A46;
font-size: 12px;
margin-left: 3px
}
.error-news>span {
margin-right: 9px
}
.tip-news {
margin-top: 24px;
font-size: 12px;
color: #b1b1b1
}
.tip-news a {
color: #4496B5;
margin-left: 5px
}
#navbar-nav1 {
width: 40%
}
#navbar-nav1 a {
color: #fff;
padding: 10px 0
}
#navbar-nav1 li {
padding-left: 5%;
padding-right: 5%
}
#navbar-nav1 .last-nav-item {
padding-right: 0
}
#navbar-nav1 .diamonds {
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -3px;
z-index: 10
}
.diamonds {
display: inline-block;
width: 6px;
height: 6px;
background: #ff3b4b
}
.sdk-type1 .identifying,.sdk-type2 .identifying {
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto
}
.join-type {
padding: 40px 43px;
border-radius: 0;
height: 600px;
-webkit-transition: all 1s;
-moz-transition: all 1s;
transition: all 1s
}
.join-type .identifying {
background-image: url(../../image/front/join.png);
background-repeat: no-repeat;
width: 112px;
height: 117px
}
.join-type .caption {
font-size: 12px;
padding: 0
}
.join-type .caption h3 {
font-size: 16px;
color: #262626;
margin-top: 27px
}
.join-type .caption .txt-box {
line-height: 22px;
margin-top: 70px
}
.join-type .list-unstyled {
margin-top: 30px;
line-height: 22px
}
.join-type:hover {
-webkit-transform: translate3d(0,-2px,0);
-moz-transform: translate3d(0,-2px,0);
transform: translate3d(0,-2px,0)
}
.join-type1 {
border: 1px solid #E8EFFF
}
.join-type1 .identifying {
background-position: -226px 0
}
.join-type1 .txt-box {
line-height: 40px!important
}
.join-type2 {
border: 1px solid #E2DBF6
}
.join-type2 .identifying {
background-position: 0 0
}
.join-type2 .list-unstyled span {
color: #544688
}
.join-type3 {
border: 1px solid #F8D9C1
}
.join-type3 .identifying {
background-position: -113px 0
}
.join-type3 .list-unstyled span {
color: #bf9e6a
}
.sdk-type {
min-height: 336px;
padding: 0;
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-webkit-box-shadow: 0 0 20px #f7f0f0;
-moz-box-shadow: 0 0 20px #f7f0f0;
box-shadow: 0 0 20px #f7f0f0;
border: none;
-moz-border-radius: 20px;
border-radius: 20px
}
.sdk-type .identifying {
height: 124px;
padding: 8% 46px;
background-repeat: no-repeat;
background-position: top center
}
.sdk-type .identifying p:nth-of-type(1) {
font-size: 20px;
color: #83A16D
}
.sdk-type .identifying p:nth-of-type(2) {
font-size: 16px;
color: #83A16D;
margin-top: 5%
}
.sdk-type1 .identifying p {
color: #757575!important
}
.sdk-type3 .identifying p {
color: #9ba9bc!important
}
.sdk-type .caption {
padding: 0 40px 10px
}
.sdk-type .caption>p {
margin-top: 20px
}
.sdk-type .caption>p a {
color: #333;
font-size: 16px
}
.sdk-type .caption>p a:hover {
color: #4496B5;
text-decoration: underline
}
.sdk-type .caption>p:first-of-type {
margin-top: 26px
}
.sdk-type1 .identifying {
background-image: url(../../image/front/ios.png);
background-size: 100% auto
}
.sdk-type2 .identifying {
background-image: url(../../image/front/android.png);
background-size: 100% auto
}
.sdk-type3 .identifying {
background-image: url(../../image/front/server.png);
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
background-size: 100% auto
}
.list-unstyled li {
position: relative;
margin-top: 10px;
padding-left: 10px
}
.list-unstyled li:before {
content: '';
width: 2px;
height: 2px;
background: #474950;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
position: absolute;
top: 8px;
left: 0
}
.demo-style {
padding: 25px 40px;
background: #EBEAF1;
color: #8B87A2;
border-radius: 3px;
position: relative
}
.demo-style .demo-style-icon {
width: 50px;
height: 50px;
background-image: url(../../image/front/demo.png);
background-repeat: no-repeat;
background-position: -148px 0;
position: absolute;
top: 25px;
left: 45px
}
.demo-style dl {
margin-left: 72px
}
.demo-style dl dt {
line-height: 50px
}
.demo-style1 {
background: #F6F8FF;
color: #516CCF
}
.demo-style1 .demo-style-icon {
width: 50px;
height: 56px;
background-position: -97px 0;
left: 47px
}
.demo-style2 {
background: #F9F9F9;
color: #666
}
.demo-style2 .demo-style-icon {
width: 50px;
height: 42px;
background-position: -46px 0
}
.demo-style3 {
background: #FFFCF6;
color: #9F815C
}
.demo-style3 .demo-style-icon {
background-position: -199px 0;
width: 52px;
height: 49px;
left: 43px
}
.demo-style4 {
background: #F0F4F6;
color: #749CAF
}
.demo-style4 .demo-style-icon {
background-position: 0 0;
width: 45px;
height: 45px;
left: 48px
}
.demo-style5 {
background: #EEE;
color: #8390A4
}
.demo-style5 .demo-style-icon {
background-position: -252px 0;
width: 32px;
height: 48px;
left: 55px
}
.demo-style6 {
background: #F5F9F0;
color: #8EAF69
}
.demo-style6 .demo-style-icon {
background-position: -285px 0;
width: 60px;
height: 55px;
left: 40px
}
.thumbnail-item-list {
margin-left: 22px
}
.thumbnail-item-list dt {
font-size: 16px
}
.thumbnail-item-list dd {
line-height: 22px
}
.topic-content-wrap {
margin: 43px 85px
}
.step-main .word-name {
font-size: 28px;
color: #23242D;
margin: 50px 0
}
.step-detail>h3,.step-item dt {
color: #111200
}
.step-item {
margin: 20px 0 40px
}
.step-item dt {
margin-bottom: 20px
}
.step-item .table-default {
margin-top: 26px
}
.table-default thead th {
color: #000;
border-bottom-width: 1px!important;
border: 1px solid #d4d4d4
}
.table-default tbody td {
border: 1px solid #d4d4d4
}
.footer {
background-color: #fff;
box-shadow: 0 0 20px 1px #DDD;
padding-bottom: 30px;
overflow: hidden
}
.footer-content {
display: flex;
justify-content: space-around
}
.footer-content>div {
line-height: 20px;
margin: 40px 0 0
}
.footer-content>div>p {
display: inline-block;
float: left;
height: 230px
}
.footer-content>div>p:nth-of-type(2) {
margin: 30px 0 0 30px
}
.footer-line-between {
display: block;
height: 1px;
width: 100%;
margin: 10px 0;
background: #cdc5c5
}
.footer-content-title {
font-size: 12px;
color: #666;
letter-spacing: 1px;
font-weight: 600;
display: block;
padding-bottom: 10px
}
.footer-content a {
font-size: 12px;
color: #000;
letter-spacing: 1.67px;
line-height: 30px
}
.footer-content a:hover {
color: red
}
.footer-content-content {
font-size: 12px;
color: #000;
letter-spacing: 1.67px;
display: block;
padding-bottom: 2px
}
.footerContact,.inlineBlock {
display: inline-block
}
.footer-ICP {
height: 100px;
padding: 80px 50px 50px
}
.to-top {
position: fixed;
width: 50px;
height: 50px;
right: 3%;
bottom: 5%;
z-index: 50;
background: url(../../image/front/to-top.png) center no-repeat;
background-size: cover;
-webkit-background-size: cover
}
.footerContact {
width: 40px;
height: 40px;
margin-top: 20px;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
border-radius: 50%
}
.footer {
position: relative;
z-index: 10
}
.footer-wrap {
margin-top: 60px
}
@media screen and (min-width:1930px) {
.footer-wrap {
margin-top: 155px
}
}
.footerWay1 {
background: url(../../image/front/footer-wx.png) center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain
}
.wxQrCodeShow {
display: none;
position: absolute;
width: 130px;
height: 130px;
margin: -135px 0 0 -45px;
background: url(../../image/index-wx.jpg);
background-size: cover
}
.footerWay1:hover .wxQrCodeShow {
display: block
}
.footerWay2 {
background: url(../../image/front/footer-wb.png) center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain
}
.footerWay1:hover {
background: url(../../image/front/footer-wx-red.png) center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain
}
.footerWay2:hover {
background: url(../../image/front/footer-wb-red.png) center;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain
}
.product-top {
height: 500px;
background-size: cover;
width: 100%
}
.product-top .navbar-box-wrap {
height: auto;
background: 0 0;
border: none
}
.product-type h3 i,.product-type-txt:before {
-webkit-border-radius: 100%;
-moz-border-radius: 100%
}
.bgf {
background: #fff
}
.matter-item-t {
font-size: 30px;
color: #23242D;
font-weight: 200
}
.matter-item .matter-item-t,.matter-item:not(:first-of-type) .matter-item-t {
margin: 100px 0 30px
}
.joinmode-item {
box-shadow: 0 -2px 15px 0 rgba(207,207,207,.5);
padding: 45px 0 10px;
margin: 80px auto 0;
float: none
}
.joinmode-item>h4 {
font-size: 18px;
color: #4e4e4e;
margin-top: 50px
}
.joinmode-item>p {
margin-top: 20px;
color: grey
}
.joinmode-item .btn {
margin-top: 40px
}
.fifth-contet-btn {
width: 300px;
height: 55px;
margin: 0 auto
}
.fifth-contet-btn .btn {
transition: all .3s ease-out
}
.fifth-contet-btn .btn:hover {
box-shadow: 0 9px 50px -9px #ffadad;
background-color: #FF1033;
background-image: linear-gradient(to right,#FF7D8C,#FF1033)
}
.fifth-contet-btn-h {
background: url(../../image/front/button-point-red.png) center no-repeat;
-webkit-animation: show-btn-point .2s 0s ease-out forwards;
animation: show-btn-point .2s 0s ease-out forwards
}
.matter-item-main {
margin: 70px auto
}
.line-main {
border-top: 1px dashed #ececec;
border-bottom: 1px dashed #ececec;
padding: 0 42px;
margin: 0 auto;
font-size: 16px;
color: #000
}
.line-main a {
float: left;
height: 127px;
position: relative;
transition: all 1s;
padding: 0;
color: #000
}
.line-main a:after,.line-main a:last-of-type:before {
content: '';
height: 200px;
border-left: 1px dashed #ececec;
position: absolute;
top: 50%;
margin-top: -100px
}
.line-main a:after {
left: 0
}
.line-main a:last-of-type:before {
right: 0
}
.pull-no {
float: none
}
.line-main1 a,.line-main2 i {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.line-main2 i {
height: 88px;
width: 100%;
display: block\9;
line-height: 130px\9;
text-align: center\9
}
.line-main1 a {
cursor: normal;
display: table-cell\9;
text-align: center\9;
vertical-align: middle\9;
float: none\9;
width: 220px\9
}
.line-main .icon1 span {
width: 43px;
height: 43px;
background-position: -325px -1px
}
.line-main .icon2 span {
width: 44px;
height: 40px;
background-position: -138px -1px
}
.line-main .icon3 span {
width: 42px;
height: 42px;
background-position: -281px -1px
}
.line-main .icon4 span {
width: 42px;
height: 44px;
background-position: -1px -1px
}
.line-main .icon5 span {
width: 40px;
height: 40px;
background-position: -45px -1px
}
.line-main .icon6 span {
width: 43px;
height: 43px;
background-position: -184px -1px
}
.line-main .icon7 span {
width: 50px;
height: 33px;
background-position: -229px -1px
}
.line-main .icon8 span {
width: 50px;
height: 32px;
background-position: -410px -1px
}
.line-main .icon9 span {
width: 38px;
height: 46px;
background-position: -370px -1px
}
.line-main .icon10 span {
width: 49px;
height: 34px;
background-position: -87px -1px
}
.line-main1 a i {
display: inline-block;
transition: opacity .3s ease-out;
background-image: url(../image/shop-icon.png);
background-repeat: no-repeat;
opacity: .8
}
.line-main1 a:hover i {
opacity: 1
}
.line-main .shop-icon1 i {
background-position: -5px -5px;
width: 112px;
height: 26px
}
.line-main .shop-icon1:hover i {
background-position: -449px -430px
}
.line-main .shop-icon2 i {
background-position: -425px -117px;
width: 116px;
height: 20px
}
.line-main .shop-icon2:hover i {
background-position: -111px -515px
}
.line-main .shop-icon3 i {
background-position: -366px -255px;
width: 73px;
height: 73px
}
.line-main .shop-icon3:hover i {
background-position: -568px -553px
}
.line-main .shop-icon4 i {
background-position: -563px -344px;
width: 59px;
height: 77px
}
.line-main .shop-icon4:hover i {
background-position: -754px -299px
}
.line-main .shop-icon5 i {
background-position: -5px -430px;
width: 102px;
height: 20px
}
.line-main .shop-icon5:hover i {
background-position: -700px -477px
}
.line-main .shop-icon6 i {
background-position: -117px -430px;
width: 70px;
height: 70px
}
.line-main .shop-icon6:hover i {
background-position: -704px -506px
}
.line-main .shop-icon7 i {
background-position: -197px -430px;
width: 66px;
height: 71px
}
.line-main .shop-icon7:hover i {
background-position: -784px -506px
}
.line-main .shop-icon8 i {
background-position: -273px -430px;
width: 70px;
height: 73px
}
.line-main .shop-icon8:hover i {
background-position: -139px -586px
}
.line-main .shop-icon9 i {
background-position: -353px -430px;
width: 86px;
height: 45px
}
.line-main .shop-icon9:hover i {
background-position: -446px -587px
}
.line-main .shop-icon10 i {
background-position: -127px -5px;
width: 86px;
height: 34px
}
.line-main .shop-icon10:hover i {
background-position: -5px -465px
}
.line-main .shop-icon11 i {
background-position: -223px -5px;
width: 99px;
height: 35px
}
.line-main .shop-icon11:hover i {
background-position: -449px -465px
}
.line-main .shop-icon12 i {
background-position: -445px -5px;
width: 96px;
height: 32px
}
.line-main .shop-icon12:hover i {
background-position: -5px -510px
}
.line-main .shop-icon13 i {
background-position: -5px -47px;
width: 99px;
height: 26px
}
.line-main .shop-icon13:hover i {
background-position: -353px -510px
}
.line-main .shop-icon14 i {
background-position: -445px -47px;
width: 96px;
height: 60px
}
.line-main .shop-icon14:hover i {
background-position: -462px -510px
}
.line-main .shop-icon15 i {
background-position: -5px -117px;
width: 95px;
height: 62px
}
.line-main .shop-icon15:hover i {
background-position: -636px -5px
}
.line-main .shop-icon16 i {
background-position: -110px -117px;
width: 94px;
height: 43px
}
.line-main .shop-icon17 i {
background-position: -551px -5px;
width: 75px;
height: 75px
}
.line-main .shop-icon18 i {
background-position: -214px -90px;
width: 72px;
height: 47px
}
.line-main .shop-icon19 i {
background-position: -296px -117px;
width: 119px;
height: 75px
}
.line-main .shop-icon20 i {
background-position: -425px -146px;
width: 126px;
height: 28px
}
.line-main .shop-icon21 i {
background-position: -561px -90px;
width: 75px;
height: 72px
}
.line-main .shop-icon22 i {
background-position: -110px -184px;
width: 124px;
height: 28px
}
.line-main .shop-icon23 i {
background-position: -425px -184px;
width: 134px;
height: 18px
}
.line-main .shop-icon24 i {
background-position: -244px -212px;
width: 112px;
height: 51px
}
.line-main .shop-icon25 i {
background-position: -5px -212px;
width: 92px;
height: 41px
}
.line-main .shop-icon26 i {
background-position: -366px -212px;
width: 79px;
height: 33px
}
.line-main .shop-icon27 i {
background-position: -455px -212px;
width: 103px;
height: 29px
}
.line-main .shop-icon28 i {
background-position: -107px -251px;
width: 77px;
height: 56px
}
.line-main .shop-icon29 i {
background-position: -569px -172px;
width: 66px;
height: 73px
}
.line-main .shop-icon30 i {
background-position: -455px -251px;
width: 98px;
height: 84px
}
.line-main .shop-icon31 i {
background-position: -563px -255px;
width: 58px;
height: 79px
}
.line-main .shop-icon32 i {
background-position: -5px -345px;
width: 105px;
height: 46px
}
.line-main .shop-icon33 i {
background-position: -118px -345px;
width: 91px;
height: 49px
}
.line-main .shop-icon34 i {
background-position: -219px -345px;
width: 112px;
height: 36px
}
.line-main .shop-icon35 i {
background-position: -341px -345px;
width: 121px;
height: 52px
}
.line-main .shop-icon16:hover i {
background-position: -646px -77px
}
.line-main .shop-icon17:hover i {
background-position: -646px -130px
}
.line-main .shop-icon18:hover i {
background-position: -645px -215px
}
.line-main .shop-icon19:hover i {
background-position: -571px -430px
}
.line-main .shop-icon20:hover i {
background-position: -568px -515px
}
.line-main .shop-icon21:hover i {
background-position: -632px -272px
}
.line-main .shop-icon22:hover i {
background-position: -5px -553px
}
.line-main .shop-icon23:hover i {
background-position: -139px -553px
}
.line-main .shop-icon24:hover i {
background-position: -632px -354px
}
.line-main .shop-icon25:hover i {
background-position: -5px -272px
}
.line-main .shop-icon26:hover i {
background-position: -471px -354px
}
.line-main .shop-icon27:hover i {
background-position: -296px -77px
}
.line-main .shop-icon28:hover i {
background-position: -283px -553px
}
.line-main .shop-icon29:hover i {
background-position: -370px -553px
}
.line-main .shop-icon30:hover i {
background-position: -750px -5px
}
.line-main .shop-icon31:hover i {
background-position: -750px -99px
}
.line-main .shop-icon32:hover i {
background-position: -731px -188px
}
.line-main .shop-icon33:hover i {
background-position: -727px -240px
}
.line-main .shop-icon34:hover i {
background-position: -194px -299px
}
.line-main .shop-icon35:hover i {
background-position: -700px -415px
}
.pc-pay-top {
background: #FAFAFA;
background: -ms-linear-gradient(left,#FFF,#F5F5F5);
background: linear-gradient(to right,#FFF,#F5F5F5);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5', GradientType=1 );
background: -moz-linear-gradient(left,#FFF,#F5F5F5);
background: -webkit-gradient(linear,left top,right top,from(#FFF),to(#F5F5F5));
background: -o-linear-gradient(left,#FFF,#F5F5F5)
}
.pc-pay-top #navbar-nav1,.pc-pay-top #navbar-nav1 a,.pc-pay-top .navbar-brand,.pc-pay-top .navbar-brand a,.pc-pay-top .site,.pc-pay-top .site a {
color: #333
}
.product-top .container {
position: relative
}
.app-pay-top {
background: #F89F3D;
background: -ms-linear-gradient(left,#F76B1C,#FAD961);
background: linear-gradient(to right,#F76B1C,#FAD961);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F76B1C', endColorstr='#FAD961', GradientType=1 );
background: -moz-linear-gradient(left,#F76B1C,#FAD961);
background: -webkit-gradient(linear,left top,right top,from(#F76B1C),to(#FAD961));
background: -o-linear-gradient(left,#F76B1C,#FAD961)
}
.pay-top-right {
position: absolute;
top: 50px;
right: 0;
animation: excursionY forwards cubic-bezier(0,.98,1,1) 2s
}
.app-pay-top-right {
right: -15px
}
.phone-pay-top-right {
right: -10px
}
.pc-pay-top-right {
right: -87px
}
.official-pay-top-right {
top: 56px;
right: -26px
}
.scan-pay-top-right {
top: 41px;
right: 19px
}
.user-pay-top-right {
right: 78px;
top: 41px
}
.card-pay-top-right {
top: 41px;
right: -4px
}
.auth-pay-top-right {
top: 65px;
right: -73px
}
.cross-pay-top-right {
right: 7px;
top: 41px
}
.note-pay-top-right {
top: 28px;
right: -56px
}
.bank-pay-top-right {
top: -5px;
right: 77px
}
.account-pay-top-right {
top: 48px;
right: -59px
}
.pay-top-4 {
background: url(../../image/front/product/bg4.png) center no-repeat;
background-size: cover
}
.pay-top-5 {
background: #51CC78;
background: -ms-linear-gradient(left,#36B52D,#6CE3C1);
background: linear-gradient(to right,#36B52D,#6CE3C1);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36B52D', endColorstr='#6CE3C1', GradientType=1 );
background: -moz-linear-gradient(left,#36B52D,#6CE3C1);
background: -webkit-gradient(linear,left top,right top,from(#36B52D),to(#6CE3C1));
background: -o-linear-gradient(left,#36B52D,#6CE3C1)
}
.pay-top-6 {
background: #FB5D64;
background: -ms-linear-gradient(left,#FD5A5A ,#FF9E7D);
background: linear-gradient(to right,#FD5A5A,#FF9E7D);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD5A5A', endColorstr='#FF9E7D', GradientType=1 );
background: -moz-linear-gradient(left,#FD5A5A,#FF9E7D);
background: -webkit-gradient(linear,left top,right top,from(#FD5A5A),to(#FF9E7D));
background: -o-linear-gradient(left,#FD5A5A,#FF9E7D)
}
.pay-top-7 {
background: #FE7C6C;
background: -ms-linear-gradient(left,#F63D3D,#FF7D8C);
background: linear-gradient(to right,#F63D3D,#FF7D8C);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F63D3D', endColorstr='#FF7D8C', GradientType=1 );
background: -moz-linear-gradient(left,#F63D3D,#FF7D8C);
background: -webkit-gradient(linear,left top,right top,from(#F63D3D),to(#FF7D8C));
background: -o-linear-gradient(left,#F63D3D,#FF7D8C)
}
.pay-top-8 {
background: #52C4F7;
background: -ms-linear-gradient(left,#2BA9EF,#76DCFF);
background: linear-gradient(to right,#2BA9EF,#76DCFF);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2BA9EF', endColorstr='#76DCFF', GradientType=1 );
background: -moz-linear-gradient(left,#2BA9EF,#76DCFF);
background: -webkit-gradient(linear,left top,right top,from(#2BA9EF),to(#76DCFF));
background: -o-linear-gradient(left,#2BA9EF,#76DCFF)
}
.pay-top-9 {
background: #F3F6F8;
background: -ms-linear-gradient(left,#F8FAFB,#EDF2F4);
background: linear-gradient(to right,#F8FAFB,#EDF2F4);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FAFB', endColorstr='#EDF2F4', GradientType=1 );
background: -moz-linear-gradient(left,#F8FAFB,#EDF2F4);
background: -webkit-gradient(linear,left top,right top,from(#F8FAFB),to(#EDF2F4));
background: -o-linear-gradient(left,#F8FAFB,#EDF2F4)
}
.product-type-state {
margin-left: 43px
}
.phone-pay-top {
background: #47D7C2;
background: -ms-linear-gradient(left,#0BD2A9,#86DCDB);
background: linear-gradient(to right,#0BD2A9,#86DCDB);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0BD2A9', endColorstr='#86DCDB', GradientType=1 );
background: -moz-linear-gradient(left,#0BD2A9,#86DCDB);
background: -webkit-gradient(linear,left top,right top,from(#0BD2A9),to(#86DCDB));
background: -o-linear-gradient(left,#0BD2A9,#86DCDB)
}
.app-pay-top .navbar-inverse .navbar-toggle,.phone-pay-top .navbar-inverse .navbar-toggle {
border-color: #fff
}
.app-pay-top .navbar-inverse .navbar-toggle:hover,.phone-pay-top .navbar-inverse .navbar-toggle:hover {
background-color: none
}
.product-type {
margin-top: 100px
}
.product-type h3 {
font-size: 48px;
opacity: 0;
opacity: 1\9;
animation: topY .5s forwards ease-out
}
.product-type h3 i {
border-radius: 100%;
display: inline-block;
width: 86px;
height: 86px;
margin-right: 40px;
background-repeat: no-repeat;
background-position: center
}
.product-type-txt:before,.product-type-white .product-type-txt:before {
content: '';
width: 10px;
height: 10px;
top: 7px;
left: 35px
}
.product-type h3 span {
line-height: 86px;
font-weight: 200
}
.product-type .product-type-txt,.product-type .product-type-txt1 {
font-size: 16px;
color: #565656;
position: relative;
margin-top: 30px
}
.product-type-white .product-type-txt,.product-type-white h3 {
color: #fff
}
.product-type .product-type-txt p,.product-type .product-type-txt1 p {
margin-bottom: 15px
}
.product-type-txt {
padding-left: 126px
}
.product-type-txt:before {
background: #68d6ff;
border-radius: 100%;
position: absolute
}
.product-type-white h3 i {
background-color: #fff
}
.product-type-white .product-type-txt:before {
background: #fff;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
position: absolute
}
.product-type1 h3 i,.product-type5 h3 i {
background-size: 65%
}
.product-type1 i {
background-image: url(../../image/front/product/product1.png)
}
.product-type1 h3 {
color: #0a0b15
}
.product-type1 h3 i {
background-color: #72e2ff;
background-position: center 20px
}
.product-type2 i {
background-image: url(../../image/front/product/product2.png)
}
.product-type2 h3 i {
background-position: 25px center
}
.product-type .product-type-txt p:first-of-type,.product-type .product-type-txt1 p:first-of-type {
opacity: 0;
opacity: 1\9;
animation: topY .5s forwards ease-out .2s
}
.product-type .product-type-txt p:last-of-type,.product-type .product-type-txt1 p:last-of-type {
opacity: 0;
opacity: 1\9;
animation: topY .5s forwards ease-out .4s
}
.product-type3 i {
background-image: url(../../image/front/product/product3.png)
}
.product-type4 i {
background-image: url(../../image/front/product/product4.png)
}
.product-type5 i {
background-image: url(../../image/front/product/product5.png)
}
.product-type6 h3 i,.product-type7 h3 i {
background-size: 50%
}
.product-type6 i {
background-image: url(../../image/front/product/product6.png)
}
.product-type7 i {
background-image: url(../../image/front/product/product7.png)
}
.product-type7 .product-type-txt:before {
left: 37px
}
.product-type8 i {
background-image: url(../image/product8.png);
}
.product-type8 h3 i {
background-size: 40%
}
.product-type10 h3 i,.product-type9 h3 i {
background-size: 50%
}
.product-type9 i {
background-image: url(../../image/front/product/product9.png)
}
.product-type10 i {
background-image: url(../../image/front/product/product10.png)
}
.pos {
position: absolute;
right: 0;
top: 50px;
width: 385px;
height: 287px;
background: url(../../image/front/product/pos.png) center no-repeat;
animation: excursionY forwards cubic-bezier(0,.98,1,1) 2s
}
.brag-list li,.rel {
position: relative
}
.brag-list-wrap {
border-bottom: 1px solid #DDD;
padding: 70px 0 30px
}
.brag-list-wrap-bank {
padding: 70px 0 40px
}
.bank-email-box .joinmode-item {
margin-top: 70px
}
.brag-list li .brag-icon,.brag-list li .brag-icon-type1 {
width: 74px;
height: 74px;
border: 10px solid #F5F5F5;
border-radius: 50%
}
.brag-list li .brag-icon {
position: absolute;
top: 50%;
left: 0;
margin-top: -37px
}
.brag-icon-type1,.brag-list li .brag-icon {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center\9;
line-height: 76px\9
}
.header-menu-links dl>dt,.menu-list {
line-height: 30px
}
.brag-icon-type1 i,.brag-list li .brag-icon i,.note-item .note-icon {
display: inline-block;
background-image: url(../../image/front/product/brag.png);
background-repeat: no-repeat
}
.line-main2 a i span {
display: inline-block;
background-image: url(../image/pay.png);
background-repeat: no-repeat
}
.brag-list li .brag-icon1 i {
width: 31px;
height: 31px;
background-position: -1px -1px
}
.brag-list li .brag-icon2 i {
width: 31px;
height: 31px;
background-position: -142px -1px
}
.brag-list li .brag-icon3 i {
width: 29px;
height: 27px;
background-position: -175px -1px
}
.brag-list li .brag-icon4 i {
width: 29px;
height: 34px;
background-position: -206px -1px
}
.brag-list li .brag-icon5 i {
width: 33px;
height: 34px;
background-position: -237px -1px
}
.brag-list li .brag-icon6 i {
width: 33px;
height: 33px;
background-position: -271px -1px
}
.brag-list li .brag-icon7 i {
width: 28px;
height: 32px;
background-position: -306px -1px
}
.brag-list li .brag-icon8 i {
width: 30px;
height: 30px;
background-position: -336px -1px
}
.brag-list li .brag-icon9 i {
width: 30px;
height: 30px;
background-position: -368px -1px
}
.brag-list li .brag-icon10 i {
width: 32px;
height: 33px;
background-position: -34px -1px
}
.brag-list li .brag-icon11 i {
width: 34px;
height: 34px;
background-position: -68px -1px
}
.brag-list li .brag-icon12 i {
width: 37px;
height: 31px;
background-position: -103px -1px
}
.brag-list li:hover .brag-icon12 i {
-webkit-animation: go 1s ease-in-out alternate infinite;
-moz-animation: go 1s ease-in-out alternate infinite;
animation: go 1s ease-in-out alternate infinite
}
.menu-hidd,.menu-product:hover .triangle {
animation: showMenuList .2s 0s ease-out forwards
}
@keyframes go {
0% {
-webkit-transform: rotate(20deg);
-webkit-transform-origin: top center;
-moz-transform: rotate(20deg);
-moz-transform-origin: top center;
transform: rotate(20deg);
transform-origin: top center
}
100% {
-webkit-transform: rotate(-20deg);
-webkit-transform-origin: top center;
-moz-transform: rotate(-20deg);
-moz-transform-origin: top center;
transform: rotate(-20deg);
transform-origin: top center
}
}
.note-item .note-icon1 {
width: 42px;
height: 37px;
background-position: -400px -1px
}
.note-item .note-icon4 {
width: 51px;
height: 38px;
background-position: -543px -1px
}
.brag-list li .brag-text-list {
margin-left: 85px;
margin-bottom: 0
}
.brag-list li .brag-text-list dt {
font-size: 16px;
color: #000;
margin-bottom: 12px
}
.brag-list li .brag-text-list dd {
color: #565656;
margin-top: 5px
}
.brag-list-box1 {
margin-top: 88px;
padding: 0 25px
}
.brag-list-box1 ul>li .brag-text-list-wrap {
box-shadow: 0 2px 10px 0 rgba(151,151,151,.2);
border-radius: 3px;
padding: 48px 0 55px;
margin: 0 10px;
transition: all .2s linear
}
.brag-list-box1 ul>li .brag-text-list-wrap:hover {
margin-top: -1px;
box-shadow: 0 2px 10px 0 rgba(151,151,151,.5)
}
.brag-list-box1 ul>li .brag-text-list {
margin-left: 0!important
}
.brag-list-box1 ul>li .brag-text-list dt {
margin-bottom: 20px
}
.brag-list-box1 ul>li .brag-text-list dd {
margin-top: 10px
}
.brag-icon-type1 {
margin: 0 auto 30px
}
.m-l-10 {
margin-left: 10px
}
.img-box {
margin-top: 20px
}
.img-box img {
margin-bottom: 20px
}
.img-box .def-img {
max-width: 280px;
height: 440px
}
.doc-content-container .table th {
border-width: 1px
}
.code-style {
background: #fff;
border-radius: 4px;
font-family: Menlo,Consolas,Liberation Mono,Courier,monospace;
color: #c82829;
border: 1px solid #e8e8eb
}
.navbar-box {
width: 1310px;
margin: 40px auto 0
}
.header {
height: 200px;
background: #292d3d;
width: 100%;
padding: 0;
border-radius: 0;
border: 1px solid #292d3d
}
.header-large {
height: 300px
}
a:hover {
text-decoration: none;
outline: 0
}
.header-homeImg {
display: inline-block;
float: left;
width: 26px;
height: 26px;
background: url(../../image/front/house.png) center no-repeat;
background-size: contain;
margin-top: 2px
}
.header-logoImg {
display: inline-block;
float: left;
width: 100px;
height: 18px;
margin: 6px 5px 0 10px;
background: url(../../image/front/logo.png) center no-repeat;
background-size: cover
}
.sh-logoImg {
background: url(../../image/views/sh/shLogo.png) center no-repeat;
width: 120px;
height: 27px;
background-size: 100%;
margin-top: 2px
}
.header-logoIcon {
display: inline-block;
float: left;
width: 30px;
height: 30px;
background: url(../../image/front/icon.png) center no-repeat
}
.header-location {
float: left;
font-size: 14px;
color: #FFF;
margin-top: 6px
}
.header-logoDiv {
margin-top: 40px
}
.header-logoDiv:nth-of-type(1) {
flex-shrink: 0
}
.son-header-menu {
flex-shrink: 1;
display: flex;
justify-content: flex-end;
margin-top: -2px;
float: right;
margin-top: 0\9
}
.ie9 .son-header-menu {
float: right
}
.son-header-menu>div {
display: inline-block;
margin-left: 40px;
width: 100px;
height: 50px;
color: #fff;
line-height: 30px;
cursor: pointer;
text-align: center;
z-index: 99
}
.ie9 .son-header-menu>div {
margin-left: 0
}
.son-header-menu .h5 {
display: block;
font-size: 16px
}
.menu-login-btn {
width: auto!important
}
.menu-login-btn-first {
position: relative;
padding-right: 5px
}
.menu-login-btn-first::after {
content: '/';
position: absolute;
right: -2px;
top: 4px
}
.menu-login-btn>span>a {
color: #fff
}
.menu-login-btn>span>a:hover {
color: #EF5760
}
.navbar-product-def span a,.navbar-product-white span a,.phone-pay-top7 .header-menu-links>div:hover span {
color: #fff
}
.navbar-default {
padding-top: 46px
}
.navbar-box-wrap {
height: 165px;
background: #292d3d;
width: 100%;
border-radius: 0;
padding-top: 28px
}
.navbar-box-wrap-large {
height: 270px
}
.navbar-brand {
width: 110px;
height: 22px;
background: url(../../image/front/logo.png) center no-repeat;
display: inline-block
}
.ipaynow-brand {
width: 163px!important;
height: 36px!important;
background-image: url(../image/icons.png);
background-position: -200px -529px;
background-repeat: no-repeat!important;
position: relative;
left: 9.3%;
top: 33px
}
.navbar-product-dark,.navbar-product-def {
height: auto;
background: 0 0;
border: none
}
.navbar-product-def .header-homeImg {
background: url(../../image/front/house1.png) center no-repeat;
background-size: contain
}
.navbar-product-def .header-logoImg {
background: url(../../image/front/logo.png) center no-repeat;
background-size: contain
}
.navbar-product-dark .header-homeImg {
background: url(../../image/front/house2.png) center no-repeat;
background-size: contain
}
.navbar-product-def .header-logoIcon {
background: url(../../image/front/icon.png) center no-repeat
}
.navbar-product-dark .header-logoImg {
background: url(../../image/front/logo1.png) center no-repeat;
background-size: contain
}
.navbar-product-dark .header-logoIcon {
background: url(../../image/front/icon1.png) center no-repeat
}
.navbar-product-dark .header-location,.navbar-product-dark .menu-login-btn>span>a,.navbar-product-dark .son-header-menu>div {
color: #333
}
.navbar-product-dark .menu-login-btn>span>a:hover {
color: #EF5760
}
.navbar-product-dark span a {
color: #333
}
@keyframes showMenuList {
from {
opacity: 0;
transform: rotateX(359deg)
}
to {
opacity: 1;
transform: rotateX(360deg)
}
}
.header-menu-borderP {
display: inline-block;
margin: -70px 0 0;
width: 10px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-perspective: 300px;
perspective: 300px
}
.header-menu-borderP-register {
margin: -70px -34px 0 0
}
.header-menu-borderP-login {
margin: -70px 28px 0 0;
position: relative;
left: -9px
}
.header-menu-links>div:hover .header-menu-borderP {
border-bottom: 10px solid #EF5760
}
.header-menu-links>div:hover span {
color: #EF5760
}
.menu-hidd {
display: none;
z-index: 99;
margin: 0 0 0 -30px;
padding: 29px 0 0;
-webkit-animation: showMenuList .2s 0s ease-in-out forwards;
animation-direction: alternate;
-webkit-animation-direction: alternate;
transform-origin: 10px 10px;
position: relative;
top: -19px
}
.menu-exploit .triangle,.menu-product .triangle {
display: none;
bottom: -50px;
margin-left: -3px
}
.menu-product:hover .menu-product-content {
display: block
}
.menu-product:hover .triangle {
display: block;
-webkit-animation: showMenuList .2s 0s ease-in-out forwards;
animation-direction: alternate;
-webkit-animation-direction: alternate
}
.menu-exploit:hover .menu-exploit-content {
display: block
}
.menu-exploit:hover .triangle {
display: block;
animation: showMenuList .2s 0s ease-out forwards;
-webkit-animation: showMenuList .2s 0s ease-in-out forwards;
animation-direction: alternate;
-webkit-animation-direction: alternate
}
.menu-list {
position: absolute;
z-index: 99;
padding: 20px 0 0;
text-align: left;
color: #666;
background: #fff
}
.menu-product-list {
width: 300px;
padding: 20px 0 0 49px;
margin: 0 0 0 -75px;
background-size: cover
}
.menu-exploit-list {
width: 168px;
text-align: center
}
.menu-exploit-list,.menu-product-list {
background: #FFF;
box-shadow: 0 1px 5px 0 #D2D2D2;
border-radius: 2px
}
.develop-center-menu {
text-align: left;
padding-left: 53px
}
.triangle {
position: relative
}
.triangle:after,.triangle:before {
display: block;
position: absolute;
left: 45px;
content: ''
}
.triangle:before {
border: 8px solid transparent;
border-bottom-color: #e6e9f0;
top: -16px
}
.triangle:after {
border: 8px solid transparent;
border-bottom-color: #fff;
top: -15px
}
.header-menu-links a {
font-size: 16px;
color: #595959;
font-weight: 400
}
.header-menu-links dl>dt:hover a {
color: red
}
.menu-product-list>div>dl>dt:nth-of-type(1) {
font-family: Helvetica,Arial,sans-serif;
color: #000;
line-height: 40px;
font-weight: 500;
font-size: 16px
}
.menu-product-list>div {
display: inline-block;
float: left
}
.menu-product-list>div:nth-of-type(2) {
margin-left: 40px
}
.phone_nav {
display: none
}
.coop-menu {
margin-top: 60px;
padding: 0 80px;
display: flex;
justify-content: space-around;
line-height: 40px;
text-align: center
}
.ie9 .coop-menu {
padding: 0
}
@media screen and (min-width:2000px) {
.coop-menu {
max-width: 1280px;
margin: 60px auto auto;
float: none
}
}
.coop-menu>a {
display: inline-block;
width: 140px;
height: 40px;
background: rgba(255,255,255,.3);
color: #fff
}
.p-send-form .common-label,.send-problem {
color: #4A4A4A
}
.coop-menu>a:hover {
background: #FF5B68;
cursor: pointer
}
.subMenuActive {
background-color: #FF5B68!important
}
.p-send-form {
margin-top: 40px
}
.p-send-form .common-input {
border-bottom-color: #ece8e8
}
.p-send-form-box {
float: none;
margin: 0 auto
}
.p-send-form-box .login-item {
margin-left: 50px
}
.send-problem {
background: #FAFAFA;
border: 1px solid #ece8e8;
padding: 10px;
width: 90%;
height: 90px;
display: block;
margin: 0 auto
}
.send-invalid-box:hover,.send-invalid-box:hover .btn {
box-shadow: none;
background-image: none
}
.send-invalid-box:hover .btn {
background-color: #d9d9d9
}
.send-invalid-box .btn {
cursor: not-allowed;
background: #ccc
}
.fill {
color: red;
vertical-align: -3px;
margin-right: 4px;
font-style: normal
}
.agreement-icon {
width: 83px;
height: 83px;
border: 2px solid #F0F0F0;
border-radius: 50%;
background-color: #F0F3F4;
margin: auto
}
.agreement-icon-in {
width: 45px;
height: 45px;
margin: 17px auto auto;
border-radius: 50%;
background-color: #fff;
text-align: center
}
.agreement-icon-in>img {
margin-top: 10px
}
.agreement-title {
font-size: 24px;
color: #000;
text-align: center;
font-weight: 400;
margin-top: 40px
}
.agreement-text {
margin-top: 107px;
line-height: 30px;
padding-left: 50px;
padding-right: 50px
}
.sendEmail-form {
margin-top: 140px
}
.sendEmail-form .login-item {
margin-bottom: 15px;
padding-left: 0
}
.note-list {
margin: 74px auto 0;
float: none
}
.note-item {
box-shadow: 0 2px 10px 0 rgba(151,151,151,.2);
border-radius: 3px;
padding: 78px 0;
height: 400px;
position: relative
}
.note-item-last {
margin-left: 20px
}
.note-item:hover {
margin-top: -1px;
box-shadow: 0 2px 10px 0 rgba(151,151,151,.5)
}
.note-item .note-icon,.note-item .note-text-list {
margin: 0 45px
}
.note-item .note-icon2 {
width: 44px;
height: 40px;
background-position: -444px -1px;
margin: -3px 45px 0
}
.note-item .note-icon3 {
width: 52px;
height: 39px;
background-position: -489px -1px
}
.note-text-list dt {
font-size: 18px;
color: #000;
margin: 30px 0
}
.note-text-list dd {
color: #565656;
line-height: 28px
}
.auth-text-list dd {
position: relative;
padding-left: 16px;
line-height: 30px;
margin-top: 0
}
.auth-text-list dd::after {
content: '';
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #4A4A4A;
position: absolute;
left: 0;
top: 12px
}
.btn-group-type {
background: #FFF;
padding: 3px 0;
font-size: 12px;
color: #ABABAB;
position: relative;
box-shadow: 0 0 4px 0 rgba(196,196,196,.5);
border-radius: 100px;
margin-top: 30px
}
.btn-group-type button.change,.navbar-product-def .header-menu-links>div:hover span,.navbar-product-def .header-menu-links>div:hover span a {
color: #fff
}
.btn-group-type button {
border: none;
background: 0 0;
width: 100px;
position: relative;
z-index: 2;
display: block;
float: left;
height: 28px;
line-height: 28px;
padding: 0;
font-size: 12px;
margin-left: 5px!important
}
.btn-group-type button:last-of-type {
text-indent: -8px
}
.btn-group-type .btn-active {
position: absolute;
z-index: 1;
top: 50%;
left: 4px;
width: 100px;
background: #FF5B68;
border-radius: 100px;
height: 28px;
margin-top: -14px
}
.navbar-product-def .header-menu-links>div:hover .header-menu-borderP {
border-bottom: 10px solid #fff
}
@media (min-width:768px) {
.navbar-box-wrap .container {
width: 750px
}
}
@media (min-width:992px) {
.navbar-box-wrap .container {
width: 970px
}
}
@media (max-width:1400px) {
#navbar-nav1 {
width: 50%
}
}
@media (max-width:1200px) {
#navbar-nav1 {
width: 70%
}
}
@media (min-width:1200px) {
.container-style,.pay-box-wrap .container {
width: 1200px
}
.w1120 {
width: 1120px
}
.brag-list-box {
margin-left: 7%
}
.brag-list-box-auth {
margin-left: 9%
}
}
@media (max-width:768px) {
.phone_nav {
display: block;
position: absolute;
width: 100%;
color: #fff;
background-color: rgba(0,0,0,.8);
z-index: 50
}
.header-logoDiv,.product-type h3 i {
display: none
}
.header-menu-logo,.navbar-brand>img {
width: 90px;
margin-top: 2px
}
.header {
width: 100%;
padding: 0;
margin: 0
}
.header-corpCulture {
margin-top: 80px;
font-size: 40px
}
.header-logoImg {
width: 120px;
height: 22px;
margin: 0 5px 0 10px
}
.header-logoIcon {
width: 20px;
height: 20px
}
.header-location {
width: auto;
height: 24px;
line-height: 24px
}
.menu {
height: 50px;
margin-top: -25px
}
.menu>dl>dt {
height: 34px;
line-height: 34px;
font-size: 12px
}
.menu>dl>dt:nth-of-type(2n) {
width: 3%
}
.navbar-default {
padding-top: 0
}
.navbar-brand {
margin: 10px 10px 0!important
}
.joinmode-item {
margin-top: 0
}
.navbar-nav>li a,.navbar-nav>li ul {
padding-left: 10px
}
.product-type-txt {
padding-left: 0;
text-align: center
}
.product-type h3 span {
font-weight: 100;
float: none!important;
font-size: 36px;
display: block;
text-align: center;
line-height: normal
}
.product-type {
margin-top: 40px
}
.product-type .product-type-txt:before {
background: 0 0
}
.pay-top-right {
position: relative;
width: 30%;
right: auto;
top: 0;
margin: 0 auto;
display: block
}
.product-type .product-type-txt,.product-type .product-type-txt1 {
margin-top: 20px
}
.line-main {
border: none;
border-left: 1px dashed #ececec;
border-right: 1px dashed #ececec;
width: 160px;
padding: 24px 0
}
.line-main a {
width: 158px;
float: none
}
.line-main2 a {
display: block
}
.line-main a:after,.line-main a:last-of-type:before {
content: '';
height: 1px;
border: none;
position: absolute;
width: 230px;
left: 50%;
margin: 0 0 0 -115px
}
.line-main a:after {
top: 0;
border-top: 1px dashed #ececec
}
.line-main a:last-of-type:before {
border-bottom: 1px dashed #ececec;
top: 127px
}
.joinmode-item {
padding: 45px 15px 10px
}
.account-pay-top-right,.auth-pay-top-right,.card-pay-top-right,.cross-pay-top-right,.note-pay-top-right,.official-pay-top-right,.pc-pay-top-right {
margin-top: 40px
}
.scan-pay-top-right {
width: 20%
}
.bank-pay-top-right {
width: 25%
}
.user-pay-top-right {
width: 15%
}
.pos {
position: relative;
width: 270px;
height: 200px;
top: 40px;
left: 50%;
margin-left: -135px;
background-size: contain
}
.account-pay-top-right,.auth-pay-top-right {
width: 40%
}
.note-pay-top-right {
width: 38%
}
.matter-item-main {
margin: 50px auto
}
.matter-item:not(:first-of-type) .matter-item-t {
margin-top: 80px
}
.header {
height: 53px
}
.p-send-form-box .login-item {
margin-left: 9%
}
.send-problem {
margin-left: 4%
}
.footer {
padding-bottom: 0
}
.footer .container {
padding: 0
}
.footer-ICP {
border-top: 1px solid #f1efef;
height: 50px;
line-height: 50px;
padding: 0
}
.login-t span {
font-size: 30px
}
.container-style {
padding: 0 20px 20px;
margin-top: 0
}
.container-style-login,.container-style1 {
padding: 20px 20px 30px
}
.login-bg,.register-bg,.sendEmail-bg {
background: 0 0
}
#navbar-nav1 {
width: auto
}
.navbar-box-wrap {
height: auto;
z-index: 3;
padding-top: 0;
position: fixed;
right: 0;
left: 0
}
.navbar-box-wrap .navbar-brand {
margin: 10px 0 0 10px
}
.footer-content {
display: flex;
flex-wrap: wrap;
padding: 50px 0 30px
}
.footer-content>p {
height: auto;
width: 100%;
line-height: 20px;
margin: 20px 0 0;
text-align: center
}
.note-item {
width: 100%
}
.note-item:first-of-type {
margin-bottom: 50px
}
.brag-list {
padding: 0 20px
}
.note-item-last {
margin-left: 0
}
.brag-list li {
margin-bottom: 30px
}
.brag-list li:last-of-type {
margin-bottom: 0
}
.product-type>img {
opacity: 0
}
.login-t a {
margin-top: 15px
}
.sdk-type:not(.sdk-type3) {
margin-top: 20px
}
}
@media (max-width:414px) {
.sdk-type1 {
margin-top: 0
}
.account-pay-top-right,.auth-pay-top-right,.card-pay-top-right,.cross-pay-top-right,.note-pay-top-right,.official-pay-top-right,.pc-pay-top-right,.product-type {
margin-top: 40px
}
.navbar-nav>li {
padding: 0
}
.pay-top-right {
width: 50%
}
.scan-pay-top-right {
width: 35%
}
.bank-pay-top-right {
width: 40%
}
.user-pay-top-right {
width: 25%
}
.account-pay-top-right,.auth-pay-top-right,.note-pay-top-right {
width: 70%
}
.official-pay-top-right,.pc-pay-top-right {
width: 60%
}
}