body, html {  background-color: #EEE; }
.container { width: 480px; box-shadow: 0 2px 5px rgba(0, 0, 0, .3); background-color: #F9F9F9; z-index: 0; position: absolute; left: 50%; top:0; bottom: 0; margin-left: -240px; overflow: hidden; overflow-y: auto; }
.page-body { position: relative; z-index: 1; -webkit-overflow-scrolling: touch; }
.help-block { color: #B0B0B0; }
/**/
/**/
/**/
.header { background-color: #3CC51F; position: fixed; height: 44px; box-shadow: 0 0 5px rgba(0, 0, 0, .3); z-index: 99; width: 480px; left: 50%; margin-left: -240px; right: 0; top: 0; }
.header-left { position: absolute; left: 0; top: 0; width: 44px; height: 44px; color: #FFF; }
.header-left i {
	margin-left: 0px;
}
.header-right { position: absolute; right: 0; top: 0; height: 44px; padding-right: 15px; }
.header-right a { display: block; height: 44px; line-height: 44px; color: #FFF; }
.header-center { text-align: center; line-height: 44px; color: #FFF; }
.header-line { height: 44px; }
/**/
/**/
/**/
.footer { background-color: #FFF; position: fixed; left: 50%; bottom: 0; right: 0; border-top: 1px #3CC51F solid; height: 44px; z-index: 99; width: 480px; margin-left: -240px; box-shadow: 0 2px 5px rgba(0, 0, 0, .3); }
.footer-line { height: 44px; }
.footer .row { margin: 0; }
.footer a { color: #333; text-align: center; height: 44px; padding-top: 3px; }
.footer a.active { background-color: #3CC51F; color: #FFF; }
.footer a div { font-size: 12px; }
/**/
/**/
/**/
.login .logo { width: 100px; height: 100px; margin: 0 auto; border-radius: 50px; border: 2px #3CC51F solid; overflow: hidden; padding: 10px; background-color: #FFF; }
.login .logo img { width: 100%; height: 100%; }
.btn-link.disabled,
.btn-link:disabled { color: #999 !important; text-decoration: none !important; }
/**/
/**/
/**/
.pic-upload .item { display: block; width: 80px; height: 80px; border: 1px #EEE solid; text-align: center; box-sizing: border-box; float: left; margin-left: 10px; margin-top: 10px; }
.pic-upload .item .fa { display: block; color: #BBB; margin-top: 15px; }
.pic-upload .item img { width: 100%; height: 100%; }
.pic-upload-btn { position: relative; }
.pic-upload-btn .webuploader-pick { background-color: transparent !important; padding: 0; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.pic-upload-btn label { margin: 0; padding: 0; }
/**/
/**/
/**/
.layui-m-layer { -webkit-overflow-scrolling: touch; z-index: auto !important; }
/**/
/**/
/**/
.customer-service-pop { max-width: 380px !important; }
.customer-service-pop .layui-m-layercont { padding: 20px 10px !important; }
.customer-service-pop i { display: block; width: 110px; height: 110px; margin: 0 auto; margin-bottom: 10px; }
.customer-service-pop .server-wechat { background: url("icon_wechat.png") no-repeat center center / cover }
.customer-service-pop .server-qq { background: url("icon_qq.png") no-repeat center center / cover }
.customer-service-pop .col-xs-6 { padding: 0; position: relative; }
.customer-service-pop .col-xs-6:first-child:after { content: ""; display: block; width: 1px; position: absolute; right: 0; top: 0; bottom: 0; background-color: #EEE; }
.customer-service-pop .col-xs-6 span { line-height: 1em; }
.customer-service-pop .fa-times-circle-o { position: absolute; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; bottom: -40px; left: 50%; margin-left: -15px; }
/**/
/**/
/**/
.html-passport-login,
.html-public-complain,
.html-passport-register,
.body-passport-register,
.body-public-complain,
.body-passport-login { background-color: #F9F9F9; }
.body-public-complain .container,
.body-passport-login .container,
.body-passport-register .container { position: static; margin: 0 auto; box-shadow: none; width: 480px; }
.body-passport-register .page-body,
.body-public-complain .page-body,
.body-passport-login .page-body { position: static; }
.body-passport-login .header,
.body-public-complain .header,
.body-passport-register .header { background-color: transparent !important; box-shadow: none; width: 420px; left: 50%; margin-left: -210px; color: #3CC51F; border-bottom: 0; }
.body-passport-login .header a,
.body-public-complain .header a,
.body-passport-register .header a { color: #3CC51F; }
.body-public-complain .header .header-center,
.body-passport-login .header .header-center,
.body-passport-register .header .header-center { color: #3CC51F; }
.body-public-complain .header-right { display: none;}
/**/
/**/
/**/
.user-info { background-color: #3CC51F; padding: 10px; }
.user-info-radius { border: 1px #FFF solid; border-radius: 5px; padding: 10px; }
.user-info th { width: 30px; text-align: center; color: #FFF; padding: 2px; vertical-align: middle; }
.user-info .name { width: 40px; color: #FFF; font-size: 12px; text-align: right; vertical-align: middle; }
.user-info .text { font-size: 12px; color: #FFF; vertical-align: middle; line-height: 20px!important; padding: 2px 0; }
.user-info .btn-danger { padding-left: 10px; padding-right: 10px; }
.user-info .warning td { font-size: 12px; color: yellow; padding-left: 4px; }
.user-info .warning td a { color: yellow; text-decoration: underline; font-size: 12px; }
.user-info .warning th { color: yellow; }
/**/
/**/
.call-center { }
.call-center legend { position: relative; z-index: 101; }
.call-center .field-set-body { padding-bottom: 0; position: relative; }
.call-center-select { background-color: #F9F9F9; margin: 0; padding: 10px; border-top: 1px #3CC51F solid; border-bottom: 1px #EEE solid }
.call-center-select .select-radius { background-color: #FFF; border-radius: 5px; }
.call-center-select .col-xs-6 { padding: 0; }
.call-center-select .col-xs-6:first-child { padding-right: 5px; }
.call-center-select .col-xs-6:last-child { padding-left: 5px; }
.call-center-btn { margin: 0; }
.call-center-btn .btn-group { display: block; }
.call-center-btn .btn { width: 50%; display: block; float: left; border: 0; border-radius: 0; padding-top: 10px; padding-bottom: 10px; }
.call-center-btn .btn-block + .btn-block { margin: 0; }
.call-center-list .fa-trash { color: #D9534F; }
.call-center-list .form-group-line { padding-top: 3px; padding-bottom: 3px; }
.call-center-list .form-control-static { padding-left: 8px !important; color: #666; }
.call-center-list .form-group-line:last-child { border-bottom: 0; }
.call-center-list .empty-info { padding: 50px 0; }
.call-center-pending { position: absolute; left: 0; right: 0; top: -12px; bottom: 0; z-index: 100; background-color: rgba(255, 255, 255, .9); border-radius: 2px; text-align: center; color: #333; border-bottom-left-radius: 0; border-bottom-right-radius: 0; display: none; padding-top: 10px; }
/**/
/**/
.index-customer { padding-top: 5px; padding-bottom: 10px; }
.index-customer .col-xs-6 { text-align: center; padding: 0; }
.index-customer img { width: 24px; display: inline; }
.index-customer .name { display: inline; color: #666; }
/**/
/**/
.buy-user-name { }
.buy-user-name .btn { border-radius: 3px !important; padding-left: 15px; padding-right: 15px; }
/**/
/**/
.gbook-list { padding: 0 20px; background-color: #FFF; border-radius: 5px; border: 1px #E0E0E0 solid; }
.gbook-list li { display: block; padding: 20px 0; border-bottom: 1px #E0E0E0 solid; }
.gbook-list li:last-child { border-bottom: 0; }
.gbook-list li img { max-height: 40px; padding: 1px; }
.gbook-list li .say { }
.gbook-list li .time { font-size: 12px; color: #999; }
.gbook-list li .content { font-size: 12px; line-height: 1.5em; word-wrap: break-word; overflow: hidden; }
.gbook-list li .images { padding-top: 5px; }
.gbook-list li .reply { border: 1px #3CC51F solid; padding: 5px 10px; border-radius: 3px; position: relative; background-color: #EBFFF6; color: #060; margin-top: 15px; }
.gbook-list li .reply:before { content: ''; display: block; width: 10px; height: 10px; border: 5px solid transparent; border-bottom: 5px #3CC51F solid; position: absolute; top: -10px; left: 20px; font-size: 12px; }
.gbook-list li .reply .time { font-size: 12px; color: #060; padding-bottom: 5px; }
.gbook-list li .reply .images { padding-top: 5px; }
/**/
/**/
.get-register-pop { max-width: 400px !important; max-height: 400px; background: #FFF !important; -webkit-overflow-scrolling: touch; }
.get-register-pop .layui-m-layercont { padding: 0; margin: 0; }
.get-register-pop .nav-tabs > li { width: 50%; border-radius: 0; }
.get-register-pop .nav-tabs > li.active { border-bottom: 2px #3CC51F solid; }
.get-register-pop .nav-tabs > li a { margin-right: 0; }
.get-register-pop .nav-tabs > li:first-child a { border-top-right-radius: 0; }
.get-register-pop .nav-tabs > li:last-child a { border-top-left-radius: 0; }
.get-register-pop .nav-tabs > li a:hover { background-color: #F9F9F9; border-color: transparent !important; }
.get-register-pop #groupList { max-height: 339px; overflow: auto; position: relative; z-index: 1; -webkit-overflow-scrolling: touch; }
.get-register-pop #groupList .item { display: block; border: 1px #EEE solid; margin-bottom: 15px; border-radius: 5px; padding: 10px; }
.get-register-pop #groupList .item:last-child { margin-bottom: 0; }
.get-register-pop .nav-tabs a { color: #666; }
.get-register-pop .nav-tabs .active a,
.get-register-pop .nav-tabs .active a:focus,
.get-register-pop .nav-tabs .active a:hover,
.get-register-pop .nav-tabs .active a:active { color: #060 !important; font-weight: bold; }
.get-register-pop #byQqGet { text-align: left; }
.get-register-pop #byQqGet h4 { font-size: 14px; font-weight: normal; color: #999; margin: 0; padding: 0; margin-bottom: 10px; }
.get-register-pop #byQqGet .padding-15 { }
.get-register-pop #byQqGet li .fa { margin-right: 5px; color: #666; }
.get-register-pop #byQqGet li { padding: 5px 0;}
.get-register-pop #byQqGet li span { color: #999;}
.get-register-pop .fa-times-circle-o { position: absolute; bottom: -40px; display: block; width: 30px; height: 30px; text-align: center; line-height: 30px; left: 50%; margin-left: -15px; }
/**/
/**/
.find-pwd-tab a { padding:12px 10px; text-align: center;}
.find-pwd-tab .active { border-bottom: 2px #3CC51F solid;}
/**/
/**/
.phone-box { background: url("phone_box.png") no-repeat center center; width: 485px; height: 948px; margin: 0 auto; position: relative;}
.phone-box .header { position: absolute; width: 428px; margin-left: -214px; box-shadow: none; top: 110px; border-bottom: 1px #099A0A solid}
.phone-box .footer {position: absolute; width: 428px; margin-left: -214px; box-shadow: none; bottom: 110px; }
.phone-box .container { width: 428px; margin-left: -214px; box-shadow: none; top: 154px; bottom: 154px; position: absolute;}
.phone-box .container_show {width: 428px; margin-left: -214px; box-shadow: none; top: 154px; bottom: 154px; position: absolute;display: none;}


.phone-box .container > .header-line,.phone-box .container > .footer-line { display: none;}
/**/
/**/
@media (max-width: 767px) {
	body, html { background-color: #F9F9F9; overflow-y: auto; }
	.container, .phone-box .container { position: static; margin: 0; width: 100% !important; overflow: hidden; overflow-y: auto; box-shadow: none; }
	.header { left: 0; width: 100%; margin: 0; box-shadow: 0 0 10px rgba(0, 0, 0, .5); }
	.footer { left: 0; width: 100%; margin: 0; box-shadow: none; }
	.body-passport-login .header,
	.body-passport-register .header { width: 100%; left: 0; margin-left: 0; }
	.phone-box { background-image: none; position: static; width: auto; height: auto;}
	.phone-box .header { top: 0; border-bottom: 0; position: fixed!important;}
	.phone-box .footer { bottom: 0; position: fixed!important;}
	.phone-box .header, .phone-box .footer { width: 100%; margin-left: 0;}
	.phone-box .container > .header-line,.phone-box .container > .footer-line { display: block;}
}
@media (max-width: 480px) {
	.index-customer img { display: block; margin: 0 auto; width: 36px; margin-bottom: 5px; }
	.index-customer .name { font-size: 12px; }
}