html { height: 100% }
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100% }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top }
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
/*body, input, select, button, textarea { font-size: 14px; font-family:"Microsoft Yahei","寰蒋闆呴粦",arial,"\5b8b\4f53";color:#898989;}*/
body, input, select, button, textarea { font-size: 14px; font-family:arial,"Noto Sans","Neue Helvetica","Sans-serif","Microsoft Yahei","寰蒋闆呴粦","Hiragino Sans","Gulim","\5b8b\4f53";color:#898989;}
body { line-height: 1.5;
    min-width: 1240px; }
a { text-decoration: none;color: #000;}
/* a { blr:expression(this.onFocus=this.blur()); color:#75bad5; } */
a * { *cursor: pointer }
:focus { outline: none }
.fl{float: left}
.fr{float: right}
.clearfix {*zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
.bg-gray{background-color: #f7f7f7;}

.unionpay-nav .nav-box ul li a{
    display: block;
    height: 85px;
    line-height: 85px;
    padding: 0 8px;
    color: #FFFFFF;
    font-size: 12px;
    background: transparent;
    transition: all 0.3s;
}

.my_header{width: 100%;margin-top: 81px;}
.my_header img{width: 100%;}
.current-box{height: 56px;border-bottom: 1px solid #ccc;}
.current-box .current-inner {
    width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
    text-align: left;
    line-height: 56px;
}
.current-box .current-inner a {
    display: inline-block;
    *display: inline;
    background: url(/ZT/pre/my/mobilePayment/page/images/home-icon.png) no-repeat left center;
    padding-left: 20px;
    margin-right: 5px;
    transition: all 0.3s;
    color: #898989;
}
.page-main{
    width: 1280px;
    margin: 0 auto;
    position: relative;
}
.page-main .page-tit h1{font-size: 36px;margin: 70px 0;color: #000;text-align: center;}
.page-con1 {padding: 40px;}
.page-con1-l ,.page-con1-r{width: 49%;}
.page-con1-l {border-right: 2px solid #ccc;}
.page-con1-l_t {margin-bottom: 55px;}
.page-con1-l_t h1{font-size: 24px;font-weight: bold;text-align: center;color: #000;}
.page-con1-l_t img {display: block; margin: 0 auto;}
.page-con1-l_b ul li {margin-bottom: 30px;}
.page-con1-l_b ul li span{display: inline-block;width: 5px;height: 5px;border-radius: 100%;background-color: #e21636;}
.page-con1-l_b ul li  a{display: inline-block;font-size: 18px;width: 95%;margin-left: 10px;vertical-align: middle;}
.page-con1-l_b ul li  a:hover{color: #000;}
.page-con2{background-color: #fff;margin-top: 30px;}
.page-con2 .page-con2-l,.page-con2 .page-con2-r{width: 49%;padding-bottom: 80px;}
.page-con2 img{width: 100%;position: relative;z-index: 5;}
.page-con2-l-tit {
    width: 85%;
    height: 90px;
    line-height: 90px;
    padding: 0 25px;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    z-index: 9;
    margin-top: -45px;
}
.page-con2-l-tit p{font-size: 16px;text-align: center;color: #000;font-weight: bold;}

.page2-con ul li{float: left;width: 32%;margin-right: 20px;}
.page2-con ul li:last-child{margin-right: 0;}
.page2-con ul li img{width: 100%;}
.page2-con ul li p{padding: 45px 10px;text-align: center;font-size: 18px;}


.page3-con ul li{float: left;width: 19%;padding-top: 55px;padding-bottom: 25px;text-align: center;margin-right: 10px;}
.page3-con .page3-icon{margin: 90px 0;}
img { display: inline-block }
.page3-con ul li  a{display: block;width: 90%;margin: 0 auto; height: 80px;line-height: 80px;background-color: #fff ;font-size: 20px;color: #000;}

.m_left_logo{
    width: max-content;
    padding: 26px 58px;
    background-color: #e21636;
    border-radius: 0% 50px 0% 0%;
    margin-top: 100px;
}
.m_left_logo img{display: inline-block; width: 220px;height: 58px;vertical-align: middle;}
.m_left_logo span{display: inline-block; width: 2px;height: 35px;background-color: #fff;vertical-align: middle;margin: 0 38px;}
.m_left_logo p{display: inline-block;font-size: 30px;color: #fff;vertical-align: middle;}


.page2-video{ padding: 0 100px;}
.page2-video p{
    text-align: center;
    color: #000;
    font-size:25px;
    padding: 20px 0;
}
.page2-video img{width: 100%;}