@charset "utf-8";
@font-face {
font-family: ios;
src: url('../fonts/HelveticaNeueLTPro-Lt.otf');
}

.clear {
clear: both;
}

.fl {
float: left;
}

.fr {
float: right;
}

.overflow_clear {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.under_line {
text-decoration: underline;
}

.blue {
color: #357fbe;
!important;
}

.red {
color: #ff0000 !important;
}

.dred {
color: #812a13 !important;
}

.hui {
color: #aaaaaa !important;
}

.dblue {
color: #286482 !important;
}

.orange {
color: #ff5700 !important;
}

.dhuang {
color: #95530d !important;
}

.dgreen {
color: #468418;
!important;
}

.yellow {
color: #ffff00;
!important;
}

.write {
color: #ffffff;
!important;
}

.point {
color: #947500;
!important;
}

.purple {
color: #d800ff;
!important;
}

.f14_bold {
font-size: 14px;
font-weight: bold;
}

.bold {
font-weight: bold;
}

.f16 {
font-size: 16px;
}

.f18 {
font-size: 18px;
}

.f24 {
font-size: 24px;
}

.nobold {
font-weight: normal;
}

.f14 {
font-size: 14px;
}

.mt10 {
margin-top: 10px;
}

.mt20 {
margin-top: 20px;
}

.gold {
background: url("../images/gold.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 11px;
margin-left: 2px;
vertical-align: middle;
width: 11px;
}

.quan {
background: url("../images/point.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 9px;
margin-left: 2px;
vertical-align: middle;
width: 15px;
}

.grow {
background: url("../images/grow.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
height: 10px;
margin-left: 2px;
vertical-align: middle;
width: 20px;
}

a {
color: #666;
}

a:focus, a:hover {
color: #333;
}

#wrapper {
position: relative;
z-index: 2;
background-color: #f8f8f8;
}

#page-wrapper {
min-height: 800px;
padding-bottom: 10px;
overflow: hidden;
}

.page-header {
margin-top: 20px;
padding-bottom: 15px;
}

.phone-wrap {
border: 1px #ccc solid;
position: absolute;
right: 15px;
top: 0;
overflow: hidden;
-moz-transform: scale(0.5);
-moz-transform-origin: top right;
-ms-transform: scale(0.5);
-ms-transform-origin: top right;
-webkit-transform: scale(0.5);
-webkit-transform-origin: top right;
transform: scale(0.5);
transform-origin: top right;
padding: 0 1px 1px 1px;
}

.iphone {
width: 640px;
height: 1136px;
background-color: #ebebeb;
overflow: hidden;
color: #000;
background-repeat: no-repeat;
background-size: 100%;
font-family: Arial, "微软雅黑";
}

.iphone6 {
width: 750px;
height: 1334px;
}

.iphone6p {
width: 1242px;
height: 2208px;
}

.i-top {
height: 128px;
width: 100%;
position: absolute;
top: 0;
left: 0;
background: url(../images/i-top-bg.png) repeat-x;
overflow: hidden;
}

.i-top-wechat2 {
background: url(../images/i-top-bg2.png) repeat-x;
}

.i-top-alipay {
background: #232736;
}

.i-top-elm {
float: left;
margin-right: 5px;
height: 40px;
}

.i-top-elm-r {
float: right;
height: 40px;
}

.i-signal {
background: url(../images/i-top-signal5.png) no-repeat;
width: 85px;
}

.i-signal1 {
background: url(../images/i-top-signal1.png) no-repeat;
}

.i-signal2 {
background: url(../images/i-top-signal2.png) no-repeat;
}

.i-signal3 {
background: url(../images/i-top-signal3.png) no-repeat;
}

.i-signal4 {
background: url(../images/i-top-signal4.png) no-repeat;
}

.i-signal5 {
background: url(../images/i-top-signal5.png) no-repeat;
}

.i-carrier {
line-height: 40px;
color: #fff;
font-size: 22px;
width: 97px;
}

.i-c-dx {
background: url(../images/i-carrier-dx.png) center 0 no-repeat;
}

.i-c-yd {
background: url(../images/i-carrier-yd.png) center 0 no-repeat;
}

.i-c-lt {
background: url(../images/i-carrier-lt.png) center 0 no-repeat;
}

.i-network {
width: 30px;
}

.i-n-wifi {
background: url(../images/i-top-wifi.png) no-repeat;
}

.i-n-e {
background: url(../images/i-top-e.png) center 0 no-repeat;
width: 35px;
}

.i-n-g {
background: url(../images/i-top-g.png) center 0 no-repeat;
width: 35px;
}

.i-n-3g {
background: url(../images/i-top-3g.png) center 0 no-repeat;
width: 50px;
}

.i-n-4g {
background: url(../images/i-top-4g.png) center 0 no-repeat;
width: 50px;
}

.i-top-time {
width: 150px;
position: absolute;
left: 50%;
top: 0;
margin-left: -75px;
color: #fff;
line-height: 42px;
text-align: center;
font-size: 24px;
}

.i-top-berry, .i-top-berry2 {
width: 70px;
background: url(../images/i-top-berry1.png) no-repeat;
position: relative;
}

.i-top-berry2 {
background: url(../images/i-top-berry2.png) right 0 no-repeat;
width: 95px;
}

.i-top-berry i {
position: absolute;
height: 15px;
width: 41px;
bottom: 12px;
left: 12px;
}

.i-top-berry2 i {
width: 50px;
height: 18px;
bottom: 11px;
}

.i-top-berry i em {
width: 50%;
background: #fff;
height: 100%;
display: block;
}

.i-top-berry2 i em {
background: #4cd964;
}

.i-top-dir {
width: 30px;
background: url(../images/i-top-dir.png) no-repeat;
}

.i-top-berry-num {
color: #fff;
font-size: 24px;
line-height: 42px;
margin-left: 8px;
}

.i-nav {
height: 88px;
clear: both;
text-align: center;
color: #fff;
line-height: 88px;
font-size: 34px;
position: relative;
}

.i-nav-alipay {
background: url(../images/i-top-nav-alipay.png) no-repeat;
}

.i-nav-alipay2106 {
background: url(../images/i-top-nav-alipay-2016.png) no-repeat;
}

.i-nav-star {
background: url(../images/i-top-nav-star.png) no-repeat;
}

.i-body-star-bg1 {
clear: both;
height: 827px;
background: url(../images/star_bg1.png) no-repeat;
}

.i-body-star-bg2 {
height: 706px;
background: url(../images/star_bg2.png) no-repeat;
}

.i-body-star-name1 {
position: absolute;
left: 102px;
top: 165px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name2 {
position: absolute;
left: 124px;
top: 1550px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name3 {
position: absolute;
left: 244px;
top: 1591px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name4 {
position: absolute;
left: 102px;
top: 1729px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name5 {
position: absolute;
left: 124px;
top: 2090px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name6 {
position: absolute;
left: 124px;
top: 2131px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name7 {
position: absolute;
left: 149px;
top: 3197px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name8 {
position: absolute;
left: 124px;
top: 3253px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name9 {
position: absolute;
left: 124px;
top: 3296px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name10 {
position: absolute;
left: 149px;
top: 3820px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name11 {
position: absolute;
left: 124px;
top: 3917px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name12 {
position: absolute;
left: 149px;
top: 4408px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name13 {
position: absolute;
left: 124px;
top: 4544px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name14 {
position: absolute;
left: 124px;
top: 4584px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name15 {
position: absolute;
left: 124px;
top: 5083px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-name16 {
position: absolute;
left: 124px;
top: 5123px;
width: 100%;
font-size: 23px;
height: 32px;
line-height: 32px;
color: #435989;
font-weight: normal;
}

.i-body-star-face1 {
width: 70px;
height: 70px;
position: absolute;
left: 17px;
top: 165px;
}

.i-body-star-face1 img {
width: 70px;
height: 70px;
}

.i-body-star-face2 {
width: 141px;
height: 138px;
position: absolute;
left: 247px;
top: 1815px;
}

.i-body-star-face2 img {
width: 141px;
height: 138px;
}

.i-body-star-face3 {
width: 141px;
height: 138px;
position: absolute;
left: 400px;
top: 2978px;
}

.i-body-star-face3 img {
width: 141px;
height: 138px;
}

.i-body-star-face4 {
width: 222px;
height: 222px;
position: absolute;
left: 107px;
top: 3517px;
}

.i-body-star-face4 img {
width: 222px;
height: 222px;
}

.i-body-star-name1 span, .i-body-star-name2 span, .i-body-star-name3 span, .i-body-star-name4 span, .i-body-star-name5 span, .i-body-star-name6 span, .i-body-star-name7 span, .i-body-star-name8 span, .i-body-star-name9 span, .i-body-star-name10 span, .i-body-star-name11 span, .i-body-star-name12 span, .i-body-star-name13 span, .i-body-star-name14 span, .i-body-star-name15 span, .i-body-star-name16 span {
color: #535353;
font-weight: normal;
}

.i-nav-pay-detail {
background: url(../images/i-top-nav-pay-detail.png) no-repeat;
}

.i-n-name {
}

.i-n-back {
position: absolute;
left: 0;
top: 0;
width: 200px;
background: url(../images/i-top-nav.png) no-repeat;
height: 100%;
}

.i-n-name span, .i-n-name i {
display: inline-block;
}

.i-n-name i {
width: 30px;
height: 85px;
background: url(../images/i-n-era.png) center no-repeat;
margin-left: 5px;
}

.i-n-user {
width: 90px;
height: 88px;
position: absolute;
right: 0;
top: 0;
background: url(../images/i-n-user.png) no-repeat;
}

.i-n-user-group {
background: url(../images/i-n-user-group.png) no-repeat;
}

.i-body {
position: absolute;
width: 100%;
top: 128px;
bottom: 100px;
left: 0;
background-size: 100% 100%;
background-repeat: no-repeat;
background-position: center;
}

.i-body-alipay {
background: url(../images/ali-bg.png) no-repeat;
bottom: 123px;
}

.i-body-alipay2 {
background: url(../images/ali-bg2.png) no-repeat;
}

.i-body-alipay2016 {
background: url(../images/ali-bg-2016.png) no-repeat;
bottom: 123px;
}

.i-b-time {
margin-top: 20px;
display: block;
position: relative;
text-align: center;
}

.i-b-time span {
background: rgba(0, 0, 0, .1);
border-radius: 10px;
line-height: 40px;
display: inline-block;
padding: 0 15px;
color: #fff;
font-size: 22px;
max-width: 50%;
}

.i-b-rec-text, .i-b-sen-text {
margin: 40px 52px 0 20px;
position: relative;
}

.i-b-sen-text {
margin: 40px 20px 0 46px;
}

.i-b-rec-text:after, .i-b-sen-text:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.i-b-rec-text img, .i-b-sen-text img {
position: absolute;
width: 82px;
height: 82px;
left: 0;
top: 0;
background: #fff;
}

.i-b-sen-text img {
left: auto;
right: 0;
}

.i-b-rec-text img.img_qq {
border-radius: 4rem;
}

.i-b-sen-text img.img_qq {
border-radius: 4rem;
}

.i-b-rec-text img.qq_emoji, .i-b-sen-text img.qq_emoji {
position: static;
width: 48px;
height: 48px;
vertical-align: bottom;
background: none;
}

.i-b-rec-text div, .i-b-sen-text div {
position: relative;
margin-left: 82px;
margin-right: 50px;
text-align: initial;
}

.i-b-sen-text div {
margin-left: 50px;
margin-right: 82px;
}

.i-b-rec-text div p, .i-b-sen-text div p {
font-size: 22px;
color: #888;
padding: 0;
margin: 0;
padding-left: 30px;
display: none;
position: relative;
top: -5px;
margin-bottom: -2px;
}

.i-b-sen-text div p {
text-align: right;
padding: 0;
padding-right: 30px;
}

.i-b-rec-text div i, .i-b-sen-text div i {
position: absolute;
width: 24px;
height: 24px;
background: url(../images/rec-txt-bg.png) 1px -31px no-repeat;
left: -24px;
top: 27px;
}

.i-b-sen-text div i {
background: url(../images/sen-txt-bg.png) right -31px no-repeat;
left: auto;
right: -24px;
}

.i-b-rec-text div span, .i-b-sen-text div span {
float: left;
min-height: 80px;
min-width: 96px;
margin-left: 24px;
font-size: 28px;
border: 1px #ccc solid;
background: #fafafa;
border-radius: 10px;
position: relative;
}

.i-b-rec-text div span.i-wx-pic, .i-b-sen-text div span.i-wx-pic {
background: none;
border: none;
}

.i-b-rec-text div span.i-wx-pic em, .i-b-sen-text div span.i-wx-pic em {
padding: 0;
}

.i-b-rec-text div span.i-wx-pic em div, .i-b-sen-text div span.i-wx-pic em div {
border-radius: 10px;
margin: 0;
position: static;
background-size: 100% auto;
background-position: center;
overflow: hidden;
}

.i-b-rec-text div span.i-wx-pic em img, .i-b-sen-text div span.i-wx-pic em img {
width: auto;
height: auto;
position: static;
max-width: 80%;
border-radius: 10px;
display: block;
margin-left: -12px;
}

.i-b-rec-text div.i-b-pay span, .i-b-sen-text div.i-b-pay span {
background: url(../images/i-pay-send.png) no-repeat;
width: 429px;
height: 186px;
border: none;
margin-left: 18px;
}

.i-b-sen-text .i-b-pay span.i-pay-send, .i-b-sen-text .i-b-pay span.i-pay-rec {
background: url(../images/i-pay-rec.png) no-repeat;
}

.i-b-rec-text div.i-b-pay span em, .i-b-sen-text div.i-b-pay span em {
position: absolute;
color: #fff;
margin: 50px 0 0 118px;
font-size: 26px;
background: url(../images/i-pay-money.png) 0 27px no-repeat;
}

.i-b-sen-text div.i-b-pay span.i-pay-send em, .i-b-sen-text div.i-b-pay span.i-pay-rec em {
margin-left: 105px;
}

.i-b-rec-text div.i-b-pay span i, .i-b-sen-text div.i-b-pay span i {
width: 260px;
height: 72px;
background: url(../images/i-pay-icon-send.png) no-repeat;
left: 34px;
top: 28px;
}

.i-b-rec-text div.i-b-pay span.i-pay-rec i, .i-b-sen-text div.i-b-pay span.i-pay-rec i {
background: url(../images/i-pay-icon-rec.png) no-repeat;
}

.i-b-sen-text div.i-b-pay span.i-pay-send i, .i-b-sen-text div.i-b-pay span.i-pay-rec i {
left: 21px;
}

.i-b-sen-text div span {
background: #9ce553;
border-color: #7ac754;
float: right;
margin-left: 0;
margin-right: 24px;
}

.i-b-rec-text div span em, .i-b-sen-text div span em {
font-style: normal;
padding: 20px;
display: block;
}

.i-b-rec-text div.i-b-voice b, .i-b-sen-text div.i-b-voice b {
position: absolute;
width: 40px;
height: 40px;
background: url(../images/rec-record.png) no-repeat;
background-size: 100%;
top: 20px;
left: 20px;
}

.i-b-sen-text div.i-b-voice b {
background: url(../images/sen-record.png) no-repeat;
right: 20px;
left: auto;
}

.i-b-rec-text div.i-b-voice em, .i-b-sen-text div.i-b-voice em {
color: #999;
position: absolute;
right: -115px;
top: 8px;
width: 100px;
padding: 20px 0;
}

.i-b-sen-text div.i-b-voice em {
right: auto;
left: -115px;
text-align: right;
}

.i-b-rec-text div.i-b-voice strong, .i-b-sen-text div.i-b-voice strong {
position: absolute;
width: 16px;
height: 16px;
background: url(../images/i-voice-unread.png) no-repeat;
right: -37px;
top: -5px;
background-size: 100%;
}

.i-b-sen-text div.i-b-voice strong {
right: 0;
left: -37px;
}

.i-bottom {
position: absolute;
width: 100%;
height: 100px;
bottom: 0;
left: 0;
}

.i-bottom-wechat {
}

.i-b-we-left {
width: 100px;
background: url(../images/i-bottom-wechat.png) no-repeat;
position: absolute;
height: 100%;
left: 0;
top: 0;
}

.i-b-qq-left {
width: 100px;
background: url(../images/i-bottom-qq.png) no-repeat;
position: absolute;
height: 100%;
left: 0;
top: 0;
}

.i-bottom2 .i-b-we-left {
background-image: url(../images/i-bottom-wechat2.png);
}

.i-b-we-mid {
background: url(../images/i-bottom-wechat.png) 0 -100px repeat-x;
position: absolute;
height: 100%;
left: 100px;
top: 0;
right: 175px;
}

.i-b-qq-mid {
background: url(../images/i-bottom-qq.png) 0 -100px repeat-x;
position: absolute;
height: 100%;
left: 100px;
top: 0;
right: 175px;
}

.i-bottom2 .i-b-we-mid {
background-image: url(../images/i-bottom-wechat2.png);
}

.i-bottom2 .i-b-we-mid .i-b-we-mid-text {
width: 160px;
background: url(../images/i-bottom-wechat2.png) 0 -200px no-repeat;
height: 100%;
margin: 0 auto;
}

.i-b-we-right {
width: 175px;
background: url(../images/i-bottom-wechat.png) right 0 no-repeat;
position: absolute;
height: 100%;
right: 0;
top: 0;
}

.i-b-qq-right {
width: 175px;
background: url(../images/i-bottom-qq.png) right 0 no-repeat;
position: absolute;
height: 100%;
right: 0;
top: 0;
}

.i-bottom2 .i-b-we-right {
background-image: url(../images/i-bottom-wechat2.png);
}

.i-bottom2 {
}

.i-bottom-alipay {
background: url(../images/i-bottom-alipay.png) no-repeat;
height: 123px;
}

.i-bottom-alipay-process {
background: url(../images/i-bottom-alipay-process.png) no-repeat;
}

.setting p {
margin-top: 20px;
}

.btns {
margin-top: 20px;
}

.add-user {
overflow: hidden;
margin-top: 20px;
border-bottom: 1px #ccc dotted;
padding-bottom: 20px;
}

.a-u-pic, .a-u-name, .a-u-dialog, .a-u-dialog-pay, .a-u-dialog-del, .a-u-dialog-master, .a-u-dialog-sedpacket, .a-u-dialog-redpacket, .a-u-dialog-voice, .a-u-dialog-pic {
float: left;
margin-right: 10px;
}

.a-u-name {
margin-left: 40px;
}

.a-u-dialog, .a-u-dialog-pay, .a-u-dialog-sedpacket, .a-u-dialog-redpacket, .a-u-dialog-del, .a-u-dialog-master, .a-u-dialog-voice, .a-u-dialog-pic {
margin-top: 5px;
}

.a-u-dialog-pic {
position: relative;
}

.a-u-dialog-pic input {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 99999;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}

.a-u-pic {
width: 80px;
height: 80px;
background: url(../images/add-pic.png) no-repeat;
background-size: 100%;
cursor: pointer;
}

.a-u-pic-show {
position: relative;
background: #fff;
}

.a-u-pic-show img {
width: 80px;
height: 80px;
vertical-align: top;
}

.a-u-pic-show input {
width: 80px;
height: 80px;
position: absolute;
top: 0;
left: 0;
z-index: 99999999;
cursor: pointer;
opacity: 0;
}

.a-u-pic-show p {
position: absolute;
margin: 0;
width: 200px;
top: 90px;
font-size: 12px;
color: #f00;
}

.a-u-name p {
margin-bottom: 10px;
overflow: hidden;
margin-top: 0;
}

.a-u-name p span, .a-u-name p input, .a-u-name p textarea {
float: left;
}

.a-u-name p span {
width: 115px;
}

.a-u-name input {
width: 100px;
}

.a-u-name p textarea {
width: 250px;
height: 40px;
}

.a-u-face {
width: 21px;
height: 21px;
background: url(../images/btn-face.png) no-repeat;
display: inline-block;
text-indent: -999999px;
margin-left: 5px;
}

.a-u-face:hover {
border: none;
}

.add-time-h {
width: 40px;
}

.msg-del {
position: absolute;
width: 30px;
height: 30px;
background: url(../images/msg-del.png) no-repeat;
text-indent: -999999px;
left: 20px;
top: 5px;
cursor: pointer;
display: none;
}

.iphone-preview .msg-del {
display: block;
}

.i-b-rec-text .msg-del {
right: -50px;
left: auto;
}

.i-b-sen-text .msg-del {
left: -50px;
}

.msg-del:hover {
text-decoration: none;
border: none;
}

.emojiPanel {
position: absolute;
zoom: 1;
z-index: 99999999;
display: none;
}

.emojiPanel * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

.faceTab {
position: relative;
bottom: 331px;
z-index: 10;
width: 457px;
height: 6px;
list-style-type: none;
margin: 0px;
margin-left: 6px;
padding-left: 5px;
padding-left: 17px;
padding-bottom: 23px;
border-bottom: 1px solid #D5D5D5;
border-left: 1px solid #CAC8C8 \9;
font: bold 12px verdana, arial;
background-color: #F6F6F6;
-moz-border-radius: 3px 3px 0px 0px;
-webkit-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
margin-left: 5px \9;
}

.faceTab li {
float: left;
height: 29px;
background-color: #F6F8FB;
margin: 0px;
}

.faceTab a:link, ul.faceTab a:visited {
display: block;
color: #6B6B6B;
line-height: 21px;
font-family: Helvetica, Arial, '宋体', sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
padding: 5px 10px 3px 10px;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
}

.faceTab a.chooseFaceTab {
background-color: #FFF;
border: 1px solid #D5D5D5;
border-bottom: 1px solid #FFF;
border-top: none;
}

.faceWrap {
position: absolute;
z-index: 0;
background-color: #FFF;
width: 434px;
border: 1px solid #9FA0A0;
padding: 46px 20px 20px;
bottom: 4px;
margin-bottom: 88px;
_height: 172px;
overflow-y: hidden;
left: 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-moz-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
-o-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
-webkit-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
-ms-box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
box-shadow: 0px 0px 6px rgba(94, 89, 89, 0.57);
}

.faceBox {
position: relative;
clear: both;
width: 435px;
overflow: hidden;
background: url(../images/qqsmilies17ced3.png) no-repeat;
cursor: pointer;
}

.faceBox a {
display: block;
float: left;
width: 28px;
height: 28px;
border-right: 1px solid #DFE6F6;
border-bottom: 1px solid #dfe6f6;
}

.panel-wx-tab {
padding: 0;
margin-right: 350px;
}

.i-water {
position: absolute;
background: url(../images/water.png) right 0 no-repeat;
width: 100%;
height: 100px;
bottom: 100px;
left: 0;
opacity: 0.7;
z-index: 999999;
}

.my-btns {
position: fixed;
bottom: 0;
width: 100%;
padding: 10px 0;
background: #f1f1f1;
z-index: 999999;
border-top: 1px #ccc solid;
margin-left: -30px;
}

.my-btns input:first-child {
margin-left: 30px;
}

.page {
overflow: hidden;
border-left: 1px solid #ddd;
}

.page a, .page span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}

.page span.current {
z-index: 2;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}

.page-count {
line-height: 34px;
padding-left: 10px;
overflow: hidden;
}

.my-btns {
overflow: hidden;
}

.my-btns a.btn_no_water, .my-btns input, .my-btns .my-image, .loading {
float: left;
margin-left: 20px;
}

.my-image {
line-height: 34px;
color: #5CBA00;
font-size: 18px;
display: none;
position: absolute;
z-index: 999999;
padding: 20px;
background: #fff;
top: 50%;
left: 50%;
width: 380px;
margin-left: -190px;
margin-top: -37px;
}

.my-btns #save {
margin-left: 30px;
}

.loading {
line-height: 34px;
background: url(../images/loading.gif) no-repeat;
text-indent: 40px;
display: none;
}

.i-b-a-face {
width: 78px;
height: 78px;
position: absolute;
top: 30px;
left: 30px;
overflow: hidden;
background-size: 100%;
background-repeat: no-repeat;
}

.i-b-a-face div {
width: 100%;
height: 100%;
background: url(../images/ali-face-mask.png) no-repeat;
}

.i-b-a-username {
position: absolute;
font-size: 30px;
left: 130px;
top: 48px;
color: rgb(51, 51, 51);
}

.i-b-a-money {
top: 192px;
left: 0;
width: 100%;
text-align: right;
position: absolute;
color: #2C2C2C;
font-size: 116px;
}

.i-b-a-money span.i-b-a-plus, .i-b-a-money span.i-b-a-mines {
position: absolute;
left: -70px;
top: -12px;
font-size: 124px;
}

.i-b-a-money span.i-b-a-mines {
top: -26px;
left: -45px;
}

.i-b-a-username2 {
position: absolute;
left: 200px;
top: 368px;
font-size: 26px;
color: #747474;
}

.i-b-a-email {
position: absolute;
left: 200px;
top: 406px;
font-size: 28px;
color: #747474;
}

.i-b-a-liyou {
position: absolute;
font-size: 26px;
top: 502px;
left: 200px;
color: #747474;
}

.i-b-a-type {
position: absolute;
left: 200px;
top: 592px;
font-size: 26px;
color: #747474;
}

.i-body-alipay2 .i-b-a-type {
top: 648px;
}

.i-b-a-time {
position: absolute;
left: 200px;
top: 644px;
font-size: 28px;
color: #747474;
}

.i-body-alipay2 .i-b-a-time {
top: 702px;
}

.i-b-a-trade {
position: absolute;
left: 200px;
top: 698px;
font-size: 28px;
color: #747474;
word-break: break-all;
word-wrap: break-word;
width: 400px;
}

.i-body-alipay2 .i-b-a-trade {
top: 756px;
}

.i-b-a-pay-type {
position: absolute;
left: 200px;
top: 594px;
font-size: 26px;
color: #747474;
display: none;
}

.i-b-a-m-data {
padding-right: 20px;
position: relative;
display: inline;
}

.i-b-a-m-data-min {
font-size: 100px;
}

.i-b-a-money .i-b-a-m-data-min span.i-b-a-plus {
top: -23px;
}

.i-b-a-money .i-b-a-m-data-min span.i-b-a-mines {
top: -35px;
}

.i-b-a-m-data em {
font-style: normal;
}

.hide_ifm {
position: fixed;
left: 0;
top: 0;
width: 700px;
height: 1200px;
z-index: 1;
opacity: 0;
}

.slider_bar {
background-color: #E2E2E2 !important;
}

.browser {
position: absolute;
left: 50%;
top: 50%;
margin-left: -350px;
margin-top: -40px;
z-index: 999999;
background: #fff;
padding: 20px;
width: 700px;
}

.browser a {
display: block;
height: 40px;
line-height: 40px;
font-size: 16px;
cursor: pointer;
text-decoration: none;
}

.browser a span, .browser a em {
float: left;
height: 100%;
}

.browser a em {
color: #188FD1;
font-style: normal;
}

.browser a i {
width: 30px;
height: 40px;
background: url(../images/chrome.png) 0 center no-repeat;
float: left;
margin-left: 5px;
margin-right: 5px;
}

.pop-close {
width: 32px;
height: 32px;
background: url(../images/pop-close.png) no-repeat;
position: absolute;
right: -16px;
top: -16px;
text-indent: -99999px;
overflow: hidden;
}

.nav-tabs > li > a {
text-decoration: none;
background-color: #eee;
border-color: #eee #eee #ddd;
}

.i-body-pay-detail, .i-bottom-pay-detail {
background: #fff;
}

.i-w-pay-detail-gou {
width: 186px;
height: 186px;
background: url(../images/w-pay-detail-gou.png) no-repeat;
margin: 0 auto;
margin-top: 110px;
}

.i-w-pay-rec {
width: 139px;
height: 51px;
margin: 0 auto;
background: url(../images/i-w-pay-rec.png) no-repeat;
margin-top: 22px;
}

.i-w-pay-money {
text-align: center;
font-size: 78px;
font-family: Arial, "微软雅黑";
font-family: ios;
margin-top: 15px;
height: 90px;
line-height: 90px;
overflow: hidden;
margin-bottom: 40px;
}

.i-w-pay-money span {
background: url(../images/w-pay-detail-$.jpg) 0 center no-repeat;
padding-left: 50px;
height: 90px;
overflow: hidden;
display: inline-block;
line-height: 90px;
overflow: hidden;
}

.i-w-pay-money-mobile span {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
}

.i-w-pay-more {
width: 124px;
height: 31px;
background: url(../images/i-w-pay-more.png) no-repeat;
margin: 0 auto;
margin-top: 10px;
}

.i-w-pay-sen-time, .i-w-pay-rec-time {
position: absolute;
width: 100%;
text-align: center;
bottom: -15px;
font-size: 28px;
color: #919191;
height: 30px;
line-height: 30px;
z-index: 99999;
}

.i-w-pay-rec-time {
bottom: -60px;
}

.i-w-pay-sen-time span {
display: inline-block;
background: url(../images/i-w-pay-sen-time.png) 0 center no-repeat;
padding-left: 140px;
}

.i-w-pay-rec-time span {
display: inline-block;
background: url(../images/i-w-pay-rec-time.png) 0 center no-repeat;
padding-left: 140px;
}

.panel-green2 {
border-color: #5DB400;
}

.panel-green2 > .panel-heading {
background-color: #5DB400;
border-color: #5DB400;
}

.panel-yellow2 {
border-color: #FAD700;
}

.panel-yellow2 > .panel-heading {
background-color: #FAD700;
border-color: #FAD700;
}

.panel-yellow3 {
border-color: #919191;
}

.panel-yellow3 > .panel-heading {
background-color: #919191;
border-color: #919191;
}

.panel-yellow3 a {
color: #9A9A9A;
}

.panel-yellow3 a:hover {
color: #525252;
}

.panel-blue2 {
border-color: #3F96C3;
}

.panel-blue2 > .panel-heading {
background-color: #3F96C3;
border-color: #3F96C3;
}

.mask {
background: #000;
opacity: .8;
filter: alpha(opacity=80);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 999998;
position: fixed;
}

.a-u-pic-bodybg, .a-u-pic-bodybg .a-u-pic-show input, .a-u-pic-bodybg .a-u-pic-show img {
width: 120px;
height: 180px;
}

.body_bg_del {
margin-top: 10px;
}

.i-n-count {
position: absolute;
left: 117px;
top: 0;
color: #fff;
font-family: Arial, "微软雅黑";
font-size: 30px;
line-height: 84px;
}

.i-body-wallet {
background: #efeff4;
bottom: 0;
}

.i-n-wa-left {
position: absolute;
left: 0;
top: 0;
height: 100%;
background: url(../images/i-top-nav-wallet.png) no-repeat;
width: 130px;
}

.i-n-wa-mid {
width: 145px;
background: url(../images/i-top-nav-wallet.png) 0 -176px no-repeat;
height: 100%;
margin: 0 auto;
}

.i-n-wa-right {
position: absolute;
right: 0;
top: 0;
height: 100%;
background: url(../images/i-top-nav-wallet.png) right 0 no-repeat;
width: 170px;
}

.i-v-img, .i-v-btns {
float: left;
}

.i-v-img {
border: 1px #e7e7e7 solid;
}

.i-v-btns {
margin-left: 20px;
}

.bdsharebuttonbox {
margin-top: 10px;
}

.bdsharebuttonbox span {
float: left;
height: 24px;
line-height: 24px;
margin: 6px 6px 6px 0;
font-size: 18px;
}

#btn-menu {
width: 40px;
height: 31px;
background: url(../images/btn-menu.png) no-repeat;
position: absolute;
text-indent: -999999px;
background-size: cover;
right: 10px;
top: 65px;
overflow: hidden;
z-index: 99999;
}

.login-panel {
margin-top: 30px;
}

.navbar-top-links li a {
min-height: 30px;
padding: 10px 5px;
}

.nav.navbar-top-links {
border-top: 1px #f1f1f1 solid;
}

.navbar-header {
padding: 0;
}

#page-wrapper {
padding: 0 10px;
}

.page-header {
font-size: 20px;
margin: 10px 0;
padding-bottom: 14px;
}

.panel-wx-tab {
margin-right: 0;
margin-top: 550px;
margin-bottom: 160px;
}

.my-btns {
margin: 0 -10px;
}

.phone-wrap {
left: 15px;
right: auto;
transform-origin: top left;
-webkit-transform-origin: top left;
transform: scale(0.465);
-webkit-transform: scale(0.465);
}

.my-image {
width: 300px;
margin-left: -150px;
position: fixed;
}

.my-btns #save {
margin-left: 20px;
}

.add-user .a-u-pic, .add-user .a-u-name {
float: none;
}

.add-user .a-u-name {
margin: 0;
margin-top: 10px;
}

.a-u-face {
margin-top: 40px;
}

.i-v-img img {
width: 298px;
}

.i-v-img, .i-v-btns {
float: none;
}

.i-v-btns {
margin: 20px 0 0 0;
}

.navbar-top-links .dropdown-user {
right: auto;
left: 0;
}

.menu-proxy, .nav > li.menu-proxy > a:focus, .nav > li.menu-proxy > a:hover, .sidebar ul li.menu-proxy a.active {
background: #F47571;
}

.menu-proxy a {
color: #fff;
}

.top-logo {
width: 150px;
height: 50px;
display: block;
background: url(../images/logo@x2.png);
background-size: 100%;
text-indent: -99999px;
}

.pop-pic {
position: fixed;
left: 0;
top: 0;
z-index: 999999;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
display: none;
font-size: 12px;
overflow-y: scroll;
}

.pop-pic img {
width: 500px;
margin: 25px auto 75px auto;
display: block;
}

@media (max-width: 480px) {
.pop-pic img {
max-width: 320px;
}
}

.pop-pic .tips {
position: fixed;
bottom: 0px;
left: 0px;
width: 100%;
background: rgba(102, 102, 102, 0.9);
zoom: 1;
overflow: hidden;
padding: 10px 0;
}

.pop-pic .tips p {
float: left;
margin: 0px;
color: #fff;
width: 225px;
margin-left: 10px;
line-height: 30px;
}

.pop-pic .tips a {
float: right;
width: 60px;
height: 30px;
line-height: 30px;
border-radius: 2px;
background: #468bcf;
color: #fff;
text-align: center;
margin-right: 25px;
cursor: pointer;
text-decoration: none;
}

.pop-pic .tips a:hover {
text-decoration: none;
}

.pop-pic .tips.pc p {
width: 400px;
}

.pop-pic .tips.pc .tips-mobile {
display: none;
}

.pop-pic .tips.pc .tips-pc {
display: block;
}

.pop-pic .tips.mobile .tips-mobile {
display: block;
}

.pop-pic .tips.mobile .tips-pc {
display: none;
}

img {
max-width: 100%;
}

.apps {
position: fixed;
bottom: 55px;
z-index: 999999;
background: #fff;
width: 100%;
border: 1px #ccc solid;
padding: 10px;
border-bottom: none;
background: #eee;
display: none;
margin-left: -10px;
border-left: none;
border-right: none;
}

.apps a {
width: 50%;
float: left;
text-align: center;
font-size: 12px;
}

.apps a i {
font-size: 2em;
}

.apps-notice {
margin-bottom: 5px;
color: #666;
text-align: center;
}

.apps .apps-close {
position: absolute;
width: 32px;
height: 32px;
background: url(../images/apps-close.png) no-repeat;
right: 0;
top: 0;
background-size: 100%;
left: 50%;
margin-left: -16px;
top: -20px;
cursor: pointer;
}

.nav > li.btn-agent > a {
color: #fff;
background: #F47571;
}

.nav > li.btn-agent > a:focus, .nav > li.btn-agent > a:hover {
color: #fff;
background: #F47571;
}

.message a {
color: #a94442;
}

.nav > li > a {
padding: 10px;
}

.my-h1 {
font-size: 16px;
margin: 0 -30px;
background: #f8f8f8;
color: #666;
border-bottom: 1px solid #e7e7e7;
padding: 12px 30px;
line-height: 1.3em;
}

.my-list {
list-style: none;
margin: 0;
padding: 0;
margin: 15px 0;
overflow: hidden;
border: 1px #EBEBEB solid;
}

.my-list li {
list-style: none;
}

.my-list li a {
display: block;
background: #f8f8f8;
padding: 15px 20px 15px 10px;
border-top: 1px #EBEBEB solid;
position: relative;
margin-top: -1px;
}

.my-list li a span {
position: absolute;
width: 7px;
height: 12px;
background: url(../images/list-arrow.png) no-repeat;
background-size: 100%;
right: 10px;
top: 50%;
margin-top: -6px;
}

.my-list li a:hover {
text-decoration: none;
}

.doc {
}

.doc .doc-title {
font-size: 16px;
margin: 0 -30px;
background: #f8f8f8;
color: #666;
border-bottom: 1px solid #e7e7e7;
padding: 12px 30px;
line-height: 1.3em;
}

.doc .doc-content {
padding: 10px 0;
}

.btn-back {
width: 40px;
height: 40px;
background-color: #ccc;
background-color: rgba(0, 0, 0, .7);
position: fixed;
bottom: 20px;
right: 20px;
text-indent: -99999px;
}

.btn-back span {
position: absolute;
width: 28px;
height: 28px;
background: url(../images/btn-back.png) no-repeat;
background-size: 100%;
top: 5px;
left: 5px;
}

.navbar-top-links li.menu-agent {
display: none;
}

@media (min-width: 1025px) {
.my-list {
margin: 30px 0;
}

.doc .doc-content {
padding: 20px 0;
}

#btn-menu {
display: none;
}

.my-h1, .doc .doc-title {
height: 41px;
line-height: 41px;
padding: 0 30px;
}

.login-panel {
margin-top: 25%;
}

.navbar-top-links li.menu-agent {
display: inline-block;
}

.navbar-top-links li a {
min-height: 50px;
padding: 15px;
}

.nav.navbar-top-links {
border-top: none;
}

.navbar-header {
padding: 0;
}

#page-wrapper {
padding: 0 30px;
}

.page-header {
font-size: 24px;
padding-bottom: 9px;
margin: 40px 0 20px;
margin-top: 20px;
padding-bottom: 15px;
}

.panel-wx-tab {
margin-right: 350px;
margin-top: 0;
}

.phone-wrap {
left: auto;
right: 15px;
transform-origin: top right;
-webkit-transform-origin: top right;
transform: scale(0.5);
-webkit-transform: scale(0.5);
}

.my-btns {
margin: 0 0 0 -30px;
}

.loading {
text-indent: 40px;
}

.my-image {
width: 380px;
margin-left: -190px;
}

.my-btns #save {
margin-left: 30px;
}

.add-user .a-u-pic, .add-user .a-u-name {
float: left;
}

.add-user .a-u-name {
margin: 0;
margin-left: 40px;
margin-top: 0;
}

.a-u-face {
margin-top: 0;
}

.i-v-img img {
width: 320px;
}

.i-v-img, .i-v-btns {
float: left;
}

.i-v-btns {
margin: 0 0 0 20px;
}

.bdsharebuttonbox {
margin-top: 20px;
}

.navbar-top-links .dropdown-user {
right: 0;
left: auto;
}

.top-logo {
background: url(../images/logo.png);
}

.apps a i {
font-size: 4em;
}

.apps-notice {
margin-bottom: 10px;
margin-top: 5px;
}

.apps {
margin-left: -30px;
width: 88%;
}
}

nav i {
margin-right: 5px;
}

@charset "utf-8";
.a-u-pic-pic {
width: 80px;
height: 80px;
background: url(../images/add-pic-pic.png) no-repeat;
background-size: 100%;
cursor: pointer;
}

.a-u-pic-show-pic {
position: relative;
background: #fff;
}

.a-u-pic-show-pic img {
width: 80px;
height: 80px;
vertical-align: top;
}

.a-u-pic-show-pic input {
width: 80px;
height: 80px;
position: absolute;
top: 0;
left: 0;
z-index: 99999999;
cursor: pointer;
opacity: 0;
}

.a-u-pic-show-pic p {
position: absolute;
margin: 0;
width: 200px;
top: 90px;
font-size: 12px;
color: #f00;
}

h6.wx_pic_pos {
width: 209px;
height: 209px;
position: absolute;
top: 0px;
left: 0;
z-index: 999;
background: url(../images/wx_pic_box.png) no-repeat;
margin: 0;
padding: 0;
}

h6.wx_pic_pos2 {
width: 209px;
height: 209px;
position: absolute;
top: 0px;
left: -2px;
z-index: 999;
background: url(../images/wx_pic_box2.png) no-repeat;
margin: 0;
padding: 0;
}

span.wx_pic_diy img {
background: #fff none repeat scroll 0 0;
height: auto;
left: 0;
position: absolute;
top: 0;
width: 209px;
height: 209px;
max-width: auto;
}

span.wx_pic_diy {
width: 209px;
height: 209px;
position: relative;
border: none;
background: none;
}

.i-b-sen-text div span.wx_pic_diy {
border: none;
background: none;
}

.pop-pic .tips-water {
color: #fff;
background-color: #c9302c !important;
border-color: #ac2925 !important;
}

@media (max-width: 768px) {
.sidebar-nav {
display: none;
}
}

@media (min-width: 768px) {
#btn-menu {
display: none;
}

.sidebar-nav {
display: block;
}
}

@media (max-width: 768px) {
#btn-menu {
top: 18px;
}
}

@media (max-width: 380px) {
.pop-pic .tips-water {
display: none;
}
}

::selection {
background-color: #b3d4fc;
text-shadow: none;
}

nav .fa {
font: normal normal normal 14px/1 FontAwesome !important;
}

@font-face {font-family: "iconfont";
src: url('/static/fonts/icon/iconfont.eot?t=1582687940506'); /* IE9 */
src: url('../fonts/iconfont.eot') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/e2cc2e55456f4878b0b839057eb326e2.woff') format('woff2'),
url('../fonts/iconfont.woff') format('woff'),
url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
url('../fonts/iconfont.svg') format('svg'); /* iOS 4.1- */
}

.iconfont {
font-family: "iconfont" !important;
font-size: 68px;
margin-top: 27px;
margin-bottom: 27px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.iconfont2 {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.icon-zhifubao:before {
content: "\e6b8";
}

.icon-qq:before {
content: "\e60a";
}

.icon-weixin:before {
content: "\e893";
}

.icon-zhuanzhang:before {
content: "\e699";
}

.icon-balance:before {
content: "\e601";
}

.icon-bill:before {
content: "\e602";
}

.icon-tarnsfer:before {
content: "\e603";
}

.icon-red:before {
content: "\e604";
}

.icon-get_bill:before {
content: "\e605";
}

.icon-cash:before {
content: "\e606";
}

.icon-scan:before {
content: "\e607";
}

.icon-agreement:before {
content: "\e608";
}

.icon-pay:before {
content: "\e609";
}

.icon-QQ:before {
content: "\e60b";
}

.icon-wx:before {
content: "\e60c";
}

.icon-home:before {
content: "\e60d";
}

@media (max-width: 1000px) {
/*.panel-wx-tab {
margin-top: 633px;
}*/

#page-wrapper {
min-height: auto;
}

.xs-no-margin-top {
margin-top: 0;
}
}

#app_location {
background-color: #f5e1e1;
background-image: url(../images/bg_01.png);
background-size: cover;
height: 55px;
overflow: hidden;
position: fixed;
/*position: absolute;*/
bottom: 0;
left: 0;
right: 0;
z-index: 2222;
}

#wrapper #app_location{
bottom: 55px;
}

.btn-apps{
display: none;
}

#link_url{
display: none;
}

@media (min-width: 768px) {
#app_location {
left: 211px;
}
#link_url{
display: block;
}
}

.guide_logo {
width: 42px;
margin-top: 6px;
margin-left: 8px;
margin-right: 12px;
float: left;
display: block;
}
.guide_logo {
margin-bottom: 8px;
}
abbr, body, fieldset, html, iframe, img {
border: 0;
}
.txt {
color: #444;
width: 200px;
margin-left: 58px;
padding-top: 2px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.txt_11 {
font-size: 14px;
font-weight: bold;
height: 27px;
line-height: 27px;
font-family: '\9ED1\4F53',Arial,Verdana,Sans-serif;
}
#app_lo {
position: absolute;
top: 13px;
width: 84px;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
border: none;
border-radius: 20px;
right: 20px;
font-size: 12px;
background: #FE4478;
}




@media (max-width: 1025px) {
.panel-wx-tab {
margin-bottom: 115px;
}
}

#app_lo:active { text-decoration:blink;}
#app_lo:hover { text-decoration:none;}
#app_lo:visited { text-decoration: none;}

.foot-bottom {background: #f8f8f8;padding: 10px 0; font-size: 15px;color: #999;text-align: center;    margin-top: 8px;}
.area {width: 100%;margin: 0 auto;position: relative;}
.area p {margin: 0 0 10px;}

.link_url{
margin-top: 10px;
margin-bottom: 10px;
font-size: 10px
}
.header + .container {margin-top:60px;}
@media (max-width:1300px) {.container {width:95%;}}
@media (max-width:991px) {.container {width:98%;}}
@media (max-width:767px) {.container {width:100%;}
.header + .container {margin-top:50px;}}
.header {position:fixed;display:flex;width:100%;height:70px;top:0;left:0;font-size:0;background:transparent;z-index:999;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
@media (max-width:767px) {.header {height:55px;}}
.header.fixed {height:48px;background:rgba(255, 255, 255, 0.9);box-shadow:0 0 8px #ddd;}
@media (min-width:767px) {.header.fixed {height:55px;}
.header.fixed a {color:#666;}
.nav-bar {display:none;}}
.nav-bar {position:absolute;top:0;right:0;width:50px;height:50px;z-index:1000;cursor:pointer;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8);-webkit-transition:transform .3s;-moz-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s;}
.nav-bar.active {-webkit-transform:rotateZ(90deg) scale(0.8);-moz-transform:rotateZ(90deg) scale(0.8);-o-transform:rotateZ(90deg) scale(0.8);transform:rotateZ(90deg) scale(0.8);}
.nav-bar span {position:absolute;left:0;right:0;margin:24px auto;width:25px;height:2px;background:#aaa;border-radius:25px;}
.nav-bar span::before {content:'';position:absolute;top:-8px;right:0;width:16px;height:2px;background:#aaa;border-radius:25px;}
.nav-bar span::after {content:'';position:absolute;left:0;bottom:-8px;width:16px;height:2px;background:#aaa;border-radius:25px;}
.logo {display:inline-flex;
justify-content:center;height:55px;width:220px;padding:8px 0;}
@media (max-width:767px) {.logo {display:flex;margin-left:1px;height:48px;padding:10px 0;}}
.logo img {max-width:100%;height:auto;object-fit:contain;}
.nav22 {display:flex;margin-left:20px;font-size:14px;float:right;}
@media (max-width:767px) {.nav22 {flex-direction:column;position:fixed;top:52px;right:0;float:none;margin-left:0;opacity:0;visibility:hidden;text-align:right;z-index:999;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav22.show {opacity:1;visibility:visible;}}
.nav22 li {position:relative;}
.nav22.show li {-webkit-transform:translateX(-105%);-moz-transform:translateX(-105%);-o-transform:translateX(-105%);transform:translateX(-105%);}
.nav22.show li:nth-child(even) {transition-duration:.4s;}
.nav22 li::after {content:"";position:absolute;width:0;height:3px;left:50%;bottom:0;background:#ff7f00;border-radius:4px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.nav22 li.active::after, .nav22 li:hover::after {width:100%;margin-left:-50%;}
@media (max-width:767px) {.nav22 li {right:-105%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
.nav22 li::after {display:none;}}
.nav22 li a {display:inline-block;color:#eee;padding:0 12px;height:55px;line-height:55px;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
@media (max-width:767px) {.nav22 li a {padding:8px 8px 8px 15px;font-size:14px;color:#666;height:auto;line-height:normal;margin:3px 0;background:rgba(255, 255, 255, 0.85);box-shadow:0 0 8px #ccc;border-radius:25px 0 0 25px;}
.nav22 li a:hover, .nav22 li a.active {color:#fff;background:#ff7f00;box-shadow:0 0 8px #ff7f00;}}
@media (min-width:767px) {.transparent-mark {display:none;}}
.transparent-mark {position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;}
.banner {display:flex;flex-direction:column;
justify-content:center;
align-items:center;height:200px;background:#333 center center/cover;}
@media (max-width:767px) {.banner {height:180px;padding-top:25px;}}
.search-type, .search-main {display:flex;width:80%;max-width:700px;overflow-x:auto;}
@media (max-width:480px) {.search-type, .search-main {width:95%;}}
.search-type .title {color:#ccc;padding:6px 12px;white-space:nowrap;}
@media (max-width:480px) {.search-type .title {padding:4px 10px;}}
.search-type li {color:#ddd;padding:6px 18px;border-radius:4px 4px 0 0;margin-right:4px;white-space:nowrap;cursor:pointer;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
@media (max-width:480px) {.search-type li {padding:4px 12px;}}
.search-type li:hover, .search-type li.active {color:#333;background:rgba(255, 255, 255, 0.9);}
.search-main .search-input {flex:auto;font-size:15px;padding:8px 15px;color:#555;border-radius:4px 0 0 4px;background:rgba(255, 255, 255, 0.85);}
@media (max-width:480px) {.search-main .search-input {padding:4px 12px;font-size:14px;}}
.search-main .search-btn {width:100px;height:45px;font-size:15px;color:#fff;margin-left:-1px;border-radius:0 4px 4px 0;background:rgba(255, 127, 0, 0.85);cursor:pointer;}