/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.user,b,optgroup,strong {
	font-weight: 700
}

img,legend {
	border: 0
}

*,legend,td,th {
	padding: 0
}

.nav-tabs,.navbar {
	list-style: none
}

.button-group.button-group-horizontal:after,.nav-tabs:after,.navbar:after,.row:after
	{
	content: " ";
	clear: both
}

.button,a:active,a:hover,html {
	outline: 0
}

.nav-tabs-common>li>a,.notice {
	text-overflow: ellipsis;
	max-width: 100%;
	white-space: nowrap
}

.button,.notice {
	white-space: nowrap
}

body {
	margin: 0
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary
	{
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

audio:not ([controls] ) {
	display: none;
	height: 0
}

[hidden],template {
	display: none
}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: 1px dotted
}

b,optgroup,strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	margin: .67em 0
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

.button,.vertical-middle,img {
	vertical-align: middle
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

svg:not (:root ) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre,textarea {
	overflow: auto
}

code,kbd,pre,samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

*,html {
	font-family: Microsoft YaHei, sans-serif
}

button {
	overflow: visible
}

button,select {
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],input[type=radio] {
	box-sizing: border-box;
	padding: 0
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button
	{
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration
	{
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9
	{
	position: relative;
	min-height: 1px;
	float: left
}

.col-12 {
	width: 100%
}

.col-offset-12 {
	margin-left: 100%
}

.col-11 {
	width: 91.66666667%
}

.col-offset-11 {
	margin-left: 91.66666667%
}

.col-10 {
	width: 83.33333333%
}

.col-offset-10 {
	margin-left: 83.33333333%
}

.col-9 {
	width: 75%
}

.col-offset-9 {
	margin-left: 75%
}

.col-8 {
	width: 66.66666667%
}

.col-offset-8 {
	margin-left: 66.66666667%
}

.col-7 {
	width: 58.33333333%
}

.col-offset-7 {
	margin-left: 58.33333333%
}

.col-6 {
	width: 50%
}

.col-offset-6 {
	margin-left: 50%
}

.col-5 {
	width: 41.66666667%
}

.col-offset-5 {
	margin-left: 41.66666667%
}

.col-4 {
	width: 33.33333333%
}

.col-offset-4 {
	margin-left: 33.33333333%
}

.col-3 {
	width: 25%
}

.col-offset-3 {
	margin-left: 25%
}

.col-2 {
	width: 16.66666667%
}

.col-offset-2 {
	margin-left: 16.66666667%
}

.col-1 {
	width: 8.33333333%
}

.col-offset-1 {
	margin-left: 8.33333333%
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
	line-height: 1.1;
	color: inherit
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small
	{
	font-weight: 400;
	line-height: 1;
	color: #777
}

.h1,.h2,.h3,h1,h2,h3 {
	margin-top: .26666667rem;
	margin-bottom: .13333333rem
}

.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small
	{
	font-size: 65%
}

.h4,.h5,.h6,h4,h5,h6 {
	margin-top: .13333333rem;
	margin-bottom: .13333333rem
}

.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small
	{
	font-size: 75%
}

.h1,h1 {
	font-size: 36px
}

[data-dpr="2"] .h1,[data-dpr="2"] h1 {
	font-size: 72px
}

[data-dpr="3"] .h1,[data-dpr="3"] h1 {
	font-size: 108px
}

.h2,h2 {
	font-size: 30px
}

[data-dpr="2"] .h2,[data-dpr="2"] h2 {
	font-size: 60px
}

[data-dpr="3"] .h2,[data-dpr="3"] h2 {
	font-size: 90px
}

.h3,h3 {
	font-size: 24px
}

[data-dpr="2"] .h3,[data-dpr="2"] h3 {
	font-size: 48px
}

[data-dpr="3"] .h3,[data-dpr="3"] h3 {
	font-size: 72px
}

.h4,h4 {
	font-size: 18px
}

[data-dpr="2"] .h4,[data-dpr="2"] h4 {
	font-size: 36px
}

[data-dpr="3"] .h4,[data-dpr="3"] h4 {
	font-size: 54px
}

.h5,h5 {
	font-size: 14px
}

[data-dpr="2"] .h5,[data-dpr="2"] h5 {
	font-size: 28px
}

[data-dpr="3"] .h5,[data-dpr="3"] h5 {
	font-size: 42px
}

.h6,h6 {
	font-size: 12px
}

[data-dpr="2"] .h6,[data-dpr="2"] h6 {
	font-size: 24px
}

[data-dpr="3"] .h6,[data-dpr="3"] h6 {
	font-size: 36px
}

p {
	margin: 0 0 .13333333rem
}

* {
	font-family: Microsoft YaHei, sans-serif;
	margin: 0
}

a,a:active {
	text-decoration: none
}

.textCenter {
	text-align: center !important
}

.textLeft {
	text-align: left !important
}

.textRight {
	text-align: right !important
}

.fl {
	float: left !important
}

.fr {
	float: right !important
}

.clear {
	clear: both
}

input[type=checkbox] {
	margin-right: 5px;
	vertical-align: middle
}

.row:after {
	display: table
}

.navbar>li,.navbar>li>a {
	display: block;
	position: relative
}

.navbar {
	float: left
}

.navbar.navbar-right {
	float: right
}

.nav-tabs>li,.navbar>li {
	float: left
}

.navbar>li>a {
	padding: 10px 15px
}

.navbar>li>a:focus,.navbar>li>a:hover {
	text-decoration: underline
}

.navbar:after {
	display: table
}

.nav-tabs>li>a {
	box-sizing: border-box;
	position: relative;
	display: block
}

.nav-tabs>li>a:focus,.nav-tabs>li>a:hover {
	text-decoration: none;
	cursor: pointer
}

.nav-tabs>li.active>a {
	border-bottom: 1px solid #222
}

.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	cursor: default
}

.nav-tabs:after {
	display: table
}

.button {
	display: inline-block;
	width: 3.06666667rem;
	font-size: 12px;
	font-weight: 400;
	border: 1px solid #d8d8d8;
	height: .77333333rem;
	line-height: .77333333rem;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;
	color: #2a7bbe;
	border-radius: 100px
}

[data-dpr="2"] .button {
	font-size: 24px
}

[data-dpr="3"] .button {
	font-size: 36px
}

.button.button-lg {
	width: 6.4rem;
	height: 1.06666667rem;
	line-height: 1.06666667rem;
	font-size: 18px
}

[data-dpr="2"] .button.button-lg {
	font-size: 36px
}

[data-dpr="3"] .button.button-lg {
	font-size: 54px
}

.button.button-red {
	color: #fff;
	background-color: #E44847
}

.button.button-red:active {
	background: #d33736
}

.button.button-block {
	width: 100%;
	border-radius: 0;
	display: block
}

.button.disabled {
	background-color: #3D3D3D;
	cursor: default
}

.button.button-advert {
	border-color: #E13F3D;
	color: #E13F3D
}

.button.button-login {
	border: 0;
	background-color: #039BF1;
	width: 4.93333333rem;
	height: .73333333rem;
	line-height: .73333333rem;
	font-size: 19px;
	letter-spacing: 6px;
	color: #fff
}

[data-dpr="2"] .button.button-login {
	font-size: 38px
}

[data-dpr="3"] .button.button-login {
	font-size: 57px
}

.button.button-login:active {
	background: #008ae0
}

.button.canvas-button {
	position: absolute;
	top: 6rem;
	left: 50%;
	margin-left: -1.09333333rem;
	background-color: #1C98E5;
	width: 2.18666667rem;
	height: .82666667rem;
	line-height: .82666667rem;
	color: #fff;
	font-size: 14px;
}

[data-dpr="2"] .button.canvas-button {
	font-size: 28px
}

[data-dpr="3"] .button.canvas-button {
	font-size: 42px
}

.button.canvas-button .right-arrow-1 {
	right: .32rem
}

.button.canvas-button:active {
	background: #0b87d4
}

.button:active {
	background: #eee
}

.button-group.button-group-horizontal {
	margin-top: -1px
}

.button-group.button-group-horizontal .button {
	width: 100%;
	margin-left: -1px;
	float: left
}

.button-group.button-group-horizontal .button:first-child {
	margin-left: 0
}

.button-group.button-group-horizontal:after {
	display: table
}

.button-group.button-group-vertical .button {
	display: block;
	margin-right: 0;
	margin-bottom: 5px
}

.header .header-right-menu.edit #edit,html.login-modal-open .content,html.login-modal-open .footer,html.login-modal-open .header
	{
	display: none
}

.button-group.button-group-vertical .button.last {
	margin-bottom: 0
}

html {
	-ms-text-size-adjust: 100%;
	background-color: #EBEBEB;
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent
}

html.login-modal-open .content,html.login-modal-open .footer,html.login-modal-open .header,html.login-modal-open .boardp,html.login-modal-open .head,html.login-modal-open .container, html.login-modal-open .mo-container
	{
	display: none
}

html.login-modal-close .content,html.login-modal-close .footer,html.login-modal-close .header
	{
	display: block
}
.form-group:after,.form-line:after {
	display: table;
	content: " ";
	clear: both
}

.container {
	position: relative;
	width: 100%;
	margin: 0 auto
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #F6F6F6;
	border-bottom: 1px solid #C9C9C9;
	height: 1.2rem;
	z-index: 30
}

.header .header-title {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-bottom: .21333333rem;
	width: 100%;
	text-align: center;
	color: #0B0B0B;
	font-size: 18px
}

[data-dpr="2"] .header .header-title {
	font-size: 36px
}

[data-dpr="3"] .header .header-title {
	font-size: 54px
}

.header .header-title.header-title-text {
	padding-bottom: .29333333rem
}

.header .header-left-menu {
	position: absolute;
	bottom: .32rem;
	left: .29333333rem
}

.header .header-right-menu {
	color: #2E2E2E;
	font-size: 14px;
	position: absolute;
	bottom: .32rem;
	right: .29333333rem
}

[data-dpr="2"] .header .header-right-menu {
	font-size: 28px
}

[data-dpr="3"] .header .header-right-menu {
	font-size: 42px
}

.header .header-right-menu.edit #complete {
	display: block
}

.logo {
	width: 3.97333333rem;
	height: .65333333rem
}

.setting {
	width: .48rem;
	height: .45333333rem
}

.content {
	padding-top: 1.2rem;
	padding-bottom: 1.68rem
}

.content.no-fixed-bottom {
	padding-bottom: 0
}

.footer {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid #C9C9C9;
	background: #F4F4F4;
	height: 1.30666667rem;
	z-index: 30
}

.board,.well {
	position: relative
}

.footer .nav-tabs-menu {
	background-color: #F4F4F4;
	height: 100%
}

.footer .nav-tabs-menu>li {
	height: 100%;
	text-align: center
}

.footer .nav-tabs-menu>li>a {
	height: 100%;
	font-size: 10px
}
.footer .nav-tabs>li>a:active {
	background: #e3e3e3
}

[data-dpr="2"] .footer .nav-tabs-menu>li>a {
	font-size: 20px
}

[data-dpr="3"] .footer .nav-tabs-menu>li>a {
	font-size: 30px
}

.footer .nav-tabs-menu>li>a>img {
	display: block;
	width: .6rem;
	margin: .26666667rem auto .08rem
}

.form-group:after,.form-line:after {
	display: table;
	content: " ";
	clear: both
}

.footer .nav-tabs-menu>li>a:active {
	background: #e3e3e3
}

.footer .nav-tabs-card {
	background-color: #fff;
	height: 100%
}

.footer .nav-tabs-card>li {
	height: 100%;
	text-align: center
}

.footer .nav-tabs-card>li>a {
	height: 100%;
	line-height: 1.30666667rem;
	color: #5A5A5A;
	font-size: 14px
}

[data-dpr="2"] .footer .nav-tabs-card>li>a {
	font-size: 28px
}

[data-dpr="3"] .footer .nav-tabs-card>li>a {
	font-size: 42px
}

.footer .nav-tabs-card>li>a>img {
	width: .45333333rem;
	height: .45333333rem;
	margin-right: .13333333rem
}

.footer .nav-tabs-card>li>a:active {
	background: #eee
}

.form-group {
	margin-bottom: .26666667rem
}

.form-group.form-group-sm {
	margin-bottom: .21333333rem
}

.form-group.form-group-lg {
	margin-bottom: .53333333rem
}

.form-group.form-group-xl {
	margin-bottom: .8rem
}

.form-group:last-child {
	margin-bottom: 0 !important
}

.form-line {
	border-bottom: 1px solid #E0E0E0
}

.input-select,.input-text,.input-textarea {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	outline: 0;
	background-color: #fff;
	color: #333;
	box-sizing: border-box
}

.input-text {
	font-size: 12px;
	border: 0;
	width: 300px;
	height: 30px
}

[data-dpr="2"] .input-text {
	font-size: 24px
}

[data-dpr="3"] .input-text {
	font-size: 36px
}

.input-textarea {
	font-size: 12px;
	border: 1px solid #d8d8d8;
	padding: 20px;
	width: 100%;
	height: 254px
}

[data-dpr="2"] .input-textarea {
	font-size: 24px
}

[data-dpr="3"] .input-textarea {
	font-size: 36px
}

.input-select {
	font-size: 12px;
	border: 0;
	padding: 0;
	width: 124px;
	height: 28px
}

[data-dpr="2"] .input-select {
	font-size: 24px
}

[data-dpr="3"] .input-select {
	font-size: 36px
}

.input-select.input-select-sm {
	width: 88px;
	height: 28px
}

.input-select.input-select-lg {
	width: 250px;
	height: 28px
}

.well {
	border: 1px solid #E0E0E0;
	background-color: #fff;
	padding: .26666667rem .13333333rem
}

.well.well-lg {
	padding: .53333333rem .26666667rem
}

.well.well-inverse {
	border: 0
}

.board .board-title.board-title-border,.grid-row {
	border-bottom: 1px solid #E0E0E0
}

.well.well-transparent {
	background-color: transparent
}

.thumbnail a>img,.thumbnail>img {
	display: block;
	max-width: 100%;
	margin: 0 auto .32rem
}

.thumbnail .caption {
	color: #333
}

.board {
	background-color: #fff;
	margin-bottom: .32rem
}

.board.board-inverse {
	background-color: transparent
}

.advert-thumbnail,.advert-wrapper,.entrance {
	background-color: #fff
}

.board.nomgr,.board:last-child {
	margin-bottom: 0
}

.board .board-title {
	position: relative;
	color: #588FCE;
	font-size: 14px;
	padding-top: .37333333rem;
	padding-bottom: .34666667rem;
	padding-left: .58666667rem
}

[data-dpr="2"] .board .board-title {
	font-size: 28px
}

[data-dpr="3"] .board .board-title {
	font-size: 42px
}

.board .board-title:before {
	display: block;
	content: '';
	position: absolute;
	top: .34666667rem;
	left: .26666667rem;
	width: .08rem;
	height: .4rem;
	background-image: url(../assets/board_title.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%
}

.card-list .card .card-header:after,.grid-row:after {
	content: " ";
	clear: both
}

.text-label {
	word-wrap: break-word;
	word-break: break-all
}

.text-label.text-label-1 {
	font-size: 12px;
	color: #A4A4A4
}

[data-dpr="2"] .text-label.text-label-1 {
	font-size: 24px
}

[data-dpr="3"] .text-label.text-label-1 {
	font-size: 36px
}

.text-label.text-label-2 {
	font-size: 10px;
	color: #8E8E8E
}

[data-dpr="2"] .text-label.text-label-2 {
	font-size: 20px
}

[data-dpr="3"] .text-label.text-label-2 {
	font-size: 30px
}

.text-label.text-label-3 {
	font-size: 12px;
	color: #fff
}

[data-dpr="2"] .text-label.text-label-3 {
	font-size: 24px
}

[data-dpr="3"] .text-label.text-label-3 {
	font-size: 36px
}

.text-label.text-label-4 {
	font-size: 12px;
	color: #fff;
	opacity: .8
}

[data-dpr="2"] .text-label.text-label-4 {
	font-size: 24px
}

[data-dpr="3"] .text-label.text-label-4 {
	font-size: 36px
}

.text-label.text-label-5 {
	font-size: 12px;
	color: #039BF1
}

[data-dpr="2"] .text-label.text-label-5 {
	font-size: 24px
}

[data-dpr="3"] .text-label.text-label-5 {
	font-size: 36px
}

.text-label.text-label-6 {
	font-size: 18px;
	color: #2E2E2E
}

[data-dpr="2"] .text-label.text-label-6 {
	font-size: 36px
}

[data-dpr="3"] .text-label.text-label-6 {
	font-size: 54px
}

.text-label.text-label-7 {
	font-size: 12px;
	color: #8B8B8B
}

[data-dpr="2"] .text-label.text-label-7 {
	font-size: 24px
}

[data-dpr="3"] .text-label.text-label-7 {
	font-size: 36px
}

.text-label.text-label-8 {
	font-size: 16px;
	color: #0496E8
}

[data-dpr="2"] .text-label.text-label-8 {
	font-size: 32px
}

[data-dpr="3"] .text-label.text-label-8 {
	font-size: 48px
}

.text-label.text-label-9 {
	font-size: 16px;
	color: #2E2E2E
}

[data-dpr="2"] .text-label.text-label-9 {
	font-size: 32px
}

[data-dpr="3"] .text-label.text-label-9 {
	font-size: 48px
}

.text-label.text-label-10 {
	font-size: 10px;
	color: #BBB
}

[data-dpr="2"] .text-label.text-label-10 {
	font-size: 20px
}

[data-dpr="3"] .text-label.text-label-10 {
	font-size: 30px
}

.text-label.text-label-11 {
	font-size: 14px;
	color: #BBB
}

[data-dpr="2"] .text-label.text-label-11 {
	font-size: 28px
}

[data-dpr="3"] .text-label.text-label-11 {
	font-size: 42px
}

.text-label.text-label-12 {
	font-size: 14px;
	color: #BBB
}

[data-dpr="2"] .text-label.text-label-12 {
	font-size: 28px
}

[data-dpr="3"] .text-label.text-label-12 {
	font-size: 42px
}

.grid-row:last-child {
	border-bottom: 0
}

.grid-row:after {
	display: table
}

.grid-col {
	box-sizing: border-box;
	border-right: 1px solid #E0E0E0
}

.grid-col:last-child {
	border-right: 0
}

.welcome {
	position: relative;
	min-height: 3.12rem;
	margin-bottom: -.24rem;
	background-image: url(../assets/welcome.jpg);
	background-repeat: no-repeat;
	background-size: 100%
}

.card-list .card,.login-box,.login-form,.pull-down,.summary .switch {
	background-size: 100% 100%
}

.user {
	position: absolute;
	top: .29333333rem;
	right: .4rem;
	color: #fff;
	font-size: 12px;
	font-weight: 700
}

[data-dpr="2"] .user {
	font-size: 24px
}

[data-dpr="3"] .user {
	font-size: 36px
}

.summary {
	height: 2.34666667rem;
	padding-top: .82666667rem;
	padding-left: .37333333rem;
	padding-right: .37333333rem
}

.summary .item {
	height: .32rem;
	opacity: .8;
	font-size: 12px;
	color: #fff;
	margin-bottom: .21333333rem
}

[data-dpr="2"] .summary .item {
	font-size: 24px
}

[data-dpr="3"] .summary .item {
	font-size: 36px
}

.summary .value {
	font-size: 26px;
	color: #fff
}

[data-dpr="2"] .summary .value {
	font-size: 52px
}

[data-dpr="3"] .summary .value {
	font-size: 78px
}

.summary .switch {
	width: .50666667rem;
	height: .30666667rem;
	background-image: url(../assets/eye_open.png);
	float: right;
	margin-top: .61333333rem
}

.summary .switch.close {
	background-image: url(../assets/eye_close.png)
}

.welcome-cover {
	position: relative;
	z-index: 20
}

.entrance {
	padding-top: .50666667rem;
	padding-bottom: .53333333rem;
	border-radius: 10px 10px 0 0
}

.entrance .thumbnail>a {
	display: block
}

.entrance .thumbnail>a>img {
	width: 1.09333333rem;
	height: .90666667rem;
	margin-bottom: .32rem
}

.entrance .thumbnail .caption {
	text-align: center;
	color: #787878;
	font-size: 13px
}

[data-dpr="2"] .entrance .thumbnail .caption {
	font-size: 26px
}

[data-dpr="3"] .entrance .thumbnail .caption {
	font-size: 39px
}

.shortcut_menu .thumbnail {
	padding-top: .61333333rem;
	height: 1.86666667rem
}

.shortcut_menu .thumbnail>img {
	width: .70666667rem;
	height: .8rem;
	margin-bottom: .24rem
}

.shortcut_menu .thumbnail .caption {
	text-align: center;
	color: #787878;
	font-size: 12px
}

[data-dpr="2"] .shortcut_menu .thumbnail .caption {
	font-size: 24px
}

[data-dpr="3"] .shortcut_menu .thumbnail .caption {
	font-size: 36px
}

.advert-wrapper {
	position: relative;
	overflow: hidden;
	margin-left: .4rem;
	margin-right: .4rem
}

.advert-thumbnail {
	position: relative;
	padding-top: .21333333rem;
	padding-bottom: .58666667rem;
	z-index: 1;
	overflow: hidden
}

.advert-thumbnail-content {
	position: relative;
	text-align: center
}

.advert-thumbnail-content p {
	margin-bottom: .21333333rem
}

.advert-thumbnail-content p.last {
	margin-bottom: 0
}

.advert-thumbnail-content h6 {
	color: #777;
	margin-bottom: .53333333rem
}

.advert-thumbnail-content .price {
	font-size: 25px;
	color: #E13F3D
}

[data-dpr="2"] .advert-thumbnail-content .price {
	font-size: 50px
}

[data-dpr="3"] .advert-thumbnail-content .price {
	font-size: 75px
}

.border-right {
	box-sizing: border-box;
	border-right: 1px solid #E0E0E0
}

.border-bottom {
	box-sizing: border-box;
	border-bottom: 1px solid #E0E0E0
}

.pull-down {
	width: .29333333rem;
	height: .13333333rem;
	background-image: url(../assets/pull_duwn.png);
	position: absolute;
	bottom: .53333333rem;
	left: 50%;
	margin-left: -.14666667rem
}

.pull-down.pull-up {
	background-image: url(../assets/pull_up.png)
}

.card-list {
	display: none;
	background-color: #F5F5F5;
	position: relative;
	padding: .37333333rem .53333333rem .8rem
}

.card-list.open {
	display: block
}

.card-list .card {
	width: 100%;
	margin-bottom: .66666667rem;
	height: 2.98666667rem
}

.card-list .card .card-header {
	height: .21333333rem;
	padding: .45333333rem .42666667rem .50666667rem 1.22666667rem
}

.card-list .card .card-header:after {
	display: table
}

.card-list .card .card-content {
	position: relative;
	padding-top: .34666667rem;
	padding-left: .37333333rem;
	padding-right: .37333333rem
}

.card-list .card .card-content .item {
	opacity: .8;
	height: .26666667rem;
	font-size: 10px;
	color: #fff;
	margin-bottom: .29333333rem
}

[data-dpr="2"] .card-list .card .card-content .item {
	font-size: 20px
}

[data-dpr="3"] .card-list .card .card-content .item {
	font-size: 30px
}

.card-list .card .card-content .value {
	font-size: 23px;
	color: #fff
}

[data-dpr="2"] .card-list .card .card-content .value {
	font-size: 46px
}

[data-dpr="3"] .card-list .card .card-content .value {
	font-size: 69px
}

.card-list .card .card-content .split-line {
	position: absolute;
	left: 50%;
	top: -.10666667rem;
	margin-left: -.34666667rem;
	width: 1px;
	height: 1.86666667rem;
	background-color: #009FDE
}

.modal,.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}

.card-list .card.deposit_card {
	background-image: url(../assets/deposit_card.jpg)
}

.card-list .card.credit_card {
	background-image: url(../assets/credit_card.jpg)
}

.card-list .card.finance_card {
	background-image: url(../assets/finance_card.jpg)
}

.image-col-2 {
	width: 4.94666667rem
}

.image-col-3 {
	width: 2.98666667rem
}

.modal-backdrop {
	z-index: 1000
}

.modal {
	z-index: 1010;
	overflow-x: hidden;
	overflow-y: auto
}

.login-box {
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-image: url(../assets/login_bg.jpg);
	overflow: scroll;
	position: absolute;
}

.login-form,.login-logo,.login-tip {
	position: absolute
}

.login-logo {
	width: 5.72rem;
	height: .93333333rem;
	top: 1.33333333rem;
	left: 50%;
	margin-left: -2.8rem
}

.login-form {
	background-image: url(../assets/login_form.png);
	width: 9.18666667rem;
	height: 13.30666667rem;
	left: 50%;
	margin-left: -4.6rem;
	top: 3.83333333rem
}

.login-tip,.wealth-content {
	bottom: 0;
	width: 100%;
	left: 0;
	text-align: center
}

.login-form .login-form-header {
	text-align: center;
	font-size: 12px;
	color: #163A9C;
	padding-top: .50666667rem;
	/* 	padding-bottom: .4rem */
}

[data-dpr="2"] .login-form .login-form-header {
	font-size: 24px
}

[data-dpr="3"] .login-form .login-form-header {
	font-size: 36px
}

.login-form .login-form-content {
	padding: 0.89333333rem .64rem
}

.login-form .login-form-content .form-line {
	margin-bottom: .66666667rem
}

.login-form .login-form-content .input-text {
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: .37333333rem;
	width: 100%;
	padding-left: .93333333rem;
	height: 1.0rem;
	line-height: .53333333rem;
	padding-bottom: .26666667rem;
	font-size: 15px
}

[data-dpr="2"] .login-form .login-form-content .input-text {
	font-size: 30px
}

[data-dpr="3"] .login-form .login-form-content .input-text {
	font-size: 45px
}

.login-form .login-form-content .input-text.input-text-username {
	background-image: url(../assets/username.png);
	background-position-y: 0.1rem;
}

.login-form .login-form-content .input-text.input-text-password {
	background-image: url(../assets/password.png);
	background-position-y: 0.1rem;
}

.login-form .login-form-content .input-text.input-text-vcode {
	background-image: url(../assets/username.png);
	background-position-y: 0.1rem;
	width: 5.0rem;
}

.login-form .login-form-content .login-help {
	display: block;
	margin-top: 0.5rem;
	font-size: 12px;
	color: #039BF1;
	text-align:left;
}

[data-dpr="2"] .login-form .login-form-content .login-help {
	font-size: 24px
}

[data-dpr="3"] .login-form .login-form-content .login-help {
	font-size: 36px
}

.login-form .login-form-content .button-group-login {
	text-align: center;
	position: relative;
 	margin:auto;
	padding-top: .5rem;
}

.login-tip {
	color: #586981;
	height: 2rem;
	text-align: center
}

.nav-tabs-common {
	position: relative;
	z-index: 10;
	background-color: #fff;
	height: 1.12rem
}

.nav-tabs-common>li {
	text-align: center
}

.nav-tabs-common>li>a {
	overflow: hidden;
	margin-left: .4rem;
	margin-right: .4rem;
	display: inline-block;
	color: #818181;
	height: 1.12rem;
	line-height: 1.12rem;
	font-size: 16px;
	
}

[data-dpr="2"] .nav-tabs-common>li>a {
	font-size: 32px
}

[data-dpr="3"] .nav-tabs-common>li>a {
	font-size: 48px
}

.nav-tabs-common>li>a:active {
	color: #083892
}

.nav-tabs-common>li.active>a {
	color: #083892;
	border-bottom: 2px solid #099CEA
}

.wealth {
	height: 3.86666667rem;
	padding-top: .50666667rem;
	background-image: url(../assets/wealth_bg.jpg);
	background-size: 100%;
	background-position: bottom;
	position: relative
}

.wealth .wealth-item {
	text-align: center;
	font-size: 12px;
	color: #fff;
	margin-bottom: .4rem
}

[data-dpr="2"] .wealth .wealth-item {
	font-size: 24px
}

[data-dpr="3"] .wealth .wealth-item {
	font-size: 36px
}

.wealth .wealth-value {
	font-size: 36px;
	color: #fff;
	text-align: center;
	letter-spacing: 2px
}

[data-dpr="2"] .wealth .wealth-value {
	font-size: 72px
}

[data-dpr="3"] .wealth .wealth-value {
	font-size: 108px
}

.wealth-content {
	padding-bottom: .18666667rem;
	text-align: center;
	position: absolute
}

.wealth-content .item {
	height: .26666667rem;
	opacity: .8;
	font-size: 10px;
	color: #fff;
	margin-bottom: .13333333rem
}

[data-dpr="2"] .wealth-content .item {
	font-size: 20px
}

[data-dpr="3"] .wealth-content .item {
	font-size: 30px
}

.wealth-content .value {
	font-size: 20px;
	color: #fff
}

[data-dpr="2"] .wealth-content .value {
	font-size: 40px
}

[data-dpr="3"] .wealth-content .value {
	font-size: 60px
}

.finance-summary {
	padding: .26666667rem
}

.finance-summary-title {
	font-size: 12px;
	color: #8B8B8B;
	margin-bottom: .2rem
}

[data-dpr="2"] .finance-summary-title {
	font-size: 24px
}

[data-dpr="3"] .finance-summary-title {
	font-size: 36px
}

.finance-summary-title>img {
	margin-right: .18666667rem
}

.finance-summary-card {
	background-image: url(../assets/finance_summary.png);
	background-size: 100% 100%;
	width: 9.46666667rem;
	height: 3.06666667rem;
	position: relative;
	box-sizing: border-box;
	padding-left: .26666667rem;
	padding-right: .26666667rem;
	margin-bottom: .32rem
}

.finance-summary-card:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: .08rem;
	height: 100%;
	border-radius: 10px 0 0 10px;
	background: linear-gradient(to bottom, #845DFF, #5A86FF)
}

.finance-summary-card .finance-summary-content:after,.product-content:after
	{
	display: table;
	content: " ";
	clear: both
}

.product-thumbnail,.product-wrapper {
	position: relative;
	background-color: #fff
}

.finance-summary-card.finance-summary-orange:before {
	background: linear-gradient(to bottom, #FE6228, #FE3E48)
}

.finance-summary-card .finance-summary-header {
	color: #2E2E2E;
	font-size: 14px;
	padding: .32rem .13333333rem
}

[data-dpr="2"] .finance-summary-card .finance-summary-header {
	font-size: 28px
}

[data-dpr="3"] .finance-summary-card .finance-summary-header {
	font-size: 42px
}

.finance-summary-card .finance-summary-sub-header {
	margin-left: .13333333rem;
	color: #5A5A5A;
	font-size: 12px
}

[data-dpr="2"] .finance-summary-card .finance-summary-sub-header {
	font-size: 24px
}

[data-dpr="3"] .finance-summary-card .finance-summary-sub-header {
	font-size: 36px
}

.finance-summary-card .finance-summary-content {
	padding-top: .48rem;
	padding-left: .13333333rem;
	padding-right: .16rem
}

.finance-summary-card .finance-summary-content .important {
	vertical-align: top;
	width: .29333333rem;
	height: .29333333rem;
	margin-right: .13333333rem
}

.special-product>img,.tag {
	margin-right: .18666667rem
}

.finance-summary-card .finance-summary-content .item {
	text-align: center;
	margin-top: .18666667rem;
	height: .32rem;
	font-size: 12px;
	color: #5A5A5A;
	margin-bottom: .21333333rem
}

[data-dpr="2"] .finance-summary-card .finance-summary-content .item {
	font-size: 24px
}

[data-dpr="3"] .finance-summary-card .finance-summary-content .item {
	font-size: 36px
}

.finance-summary-card .finance-summary-content .item.red {
	font-size: 14px;
	color: #E44847
}

[data-dpr="2"] .finance-summary-card .finance-summary-content .item.red
	{
	font-size: 28px
}

[data-dpr="3"] .finance-summary-card .finance-summary-content .item.red
	{
	font-size: 42px
}

.finance-summary-card .finance-summary-content .value {
	text-align: center;
	margin-bottom: .18666667rem;
	font-size: 12px;
	color: #B5B5B5
}

[data-dpr="2"] .finance-summary-card .finance-summary-content .value {
	font-size: 24px
}

[data-dpr="3"] .finance-summary-card .finance-summary-content .value {
	font-size: 36px
}

.finance-summary-card .finance-summary-content:after {
	display: table;
	content: " ";
	clear: both
}

.tag {
	height: .4rem;
	vertical-align: text-bottom
}

.special-product {
	background: #F7F7F7;
	height: .77333333rem;
	line-height: .77333333rem;
	color: #0E2E69;
	font-size: 12px;
	padding-left: .4rem
}

[data-dpr="2"] .special-product {
	font-size: 24px
}

[data-dpr="3"] .special-product {
	font-size: 36px
}

.special-product>img {
	width: .32rem;
	height: .33333333rem
}

.product-progress,.product-wrapper {
	margin-left: .4rem;
	margin-right: .4rem
}

.product-title {
	background-color: #fff;
	padding-left: .4rem;
	border-bottom: 1px solid #C9C9C9;
	height: 1.06666667rem;
	line-height: 1.06666667rem;
	font-size: 14px;
	color: #8B8B8B
}

[data-dpr="2"] .product-title {
	font-size: 28px
}

[data-dpr="3"] .product-title {
	font-size: 42px
}

.product-content {
	padding: .4rem .4rem .53333333rem
}

.product-content .item {
	text-align: center;
	font-size: 16px;
	height: .58666667rem;
	color: #2E2E2E;
	margin-bottom: .10666667rem
}

[data-dpr="2"] .product-content .item {
	font-size: 32px
}

[data-dpr="3"] .product-content .item {
	font-size: 48px
}

.product-content .item.red {
	font-size: 22px;
	color: #E44847
}

[data-dpr="2"] .product-content .item.red {
	font-size: 44px
}

[data-dpr="3"] .product-content .item.red {
	font-size: 66px
}

.product-content .value {
	text-align: center;
	font-size: 12px;
	color: #B5B5B5
}

[data-dpr="2"] .product-content .value {
	font-size: 24px
}

[data-dpr="3"] .product-content .value {
	font-size: 36px
}

.product-wrapper {
	overflow: hidden;
	border-top: 1px solid #E0E0E0
}

.product-thumbnail {
	z-index: 1;
	border-right: 1px solid #c9c9c9;
	overflow: hidden
}

.right-arrow,.right-arrow-1 {
	position: absolute;
	top: 50%;
	right: .4rem
}

.product-thumbnail.last {
	border-right: 0
}

.product-thumbnail h6 {
	text-align: center;
	margin-top: .08rem;
	margin-bottom: .53333333rem;
	color: #8B8B8B;
	font-size: 14px
}

[data-dpr="2"] .product-thumbnail h6 {
	font-size: 28px
}

[data-dpr="3"] .product-thumbnail h6 {
	font-size: 42px
}

.product-thumbnail .item {
	margin-bottom: .21333333rem
}

.product-content-line {
	height: 1px;
	border-bottom: 1px solid #C9C9C9;
	margin-left: .4rem
}

.right-arrow {
	margin-top: -.18666667rem;
	width: .21333333rem;
	height: .36rem
}

.right-arrow-1 {
	margin-top: -.16rem;
	width: .17333333rem;
	height: .32rem
}

.product-progress {
	padding-bottom: .21333333rem
}

.product-progress p {
	font-size: 12px;
	color: #8B8B8B
}

[data-dpr="2"] .product-progress p {
	font-size: 24px
}

[data-dpr="3"] .product-progress p {
	font-size: 36px
}

.product-progress p .red {
	color: #E44847
}

.progress {
	height: .08rem;
	margin-bottom: .34666667rem;
	overflow: hidden;
	background-color: #E1E1E1;
	border-radius: 6px
}

.progress .progress-bar {
	float: left;
	width: 0;
	height: 100%;
	background: linear-gradient(to right, #6FB1E3, #13CDE8);
	transition: width .6s ease
}

.finance-list-summary,.wealth-add {
	position: relative;
	background-size: 100%
}

.bank-menu,.canvas-container,.finance-position-menu,.trans-detail {
	background-color: #fff
}

.wealth-add {
	height: 3.13333333rem;
	background-image: url(../assets/wealth_add.jpg)
}

.wealth-advert img {
	float: left;
	width: .93333333rem;
	height: .88rem;
	margin-left: .48rem;
	margin-right: .48rem
}

.wealth-advert .name {
	font-size: 16px;
	color: #2E2E2E;
	margin-bottom: .26666667rem
}

[data-dpr="2"] .wealth-advert .name {
	font-size: 32px
}

[data-dpr="3"] .wealth-advert .name {
	font-size: 48px
}

.wealth-advert .desc {
	font-size: 12px;
	color: #8B8B8B
}

[data-dpr="2"] .wealth-advert .desc {
	font-size: 24px
}

[data-dpr="3"] .wealth-advert .desc {
	font-size: 36px
}

.wealth-menu img {
	float: left;
	width: .8rem;
	height: .74666667rem;
	margin-left: .45333333rem;
	margin-right: .32rem
}

.wealth-menu .name {
	font-size: 14px;
	margin-top: .26666667rem;
	color: #2E2E2E;
	margin-bottom: .26666667rem
}

[data-dpr="2"] .wealth-menu .name {
	font-size: 28px
}

[data-dpr="3"] .wealth-menu .name {
	font-size: 42px
}

.wealth-menu .desc {
	font-size: 12px;
	color: #8B8B8B
}

[data-dpr="2"] .wealth-menu .desc {
	font-size: 24px
}

[data-dpr="3"] .wealth-menu .desc {
	font-size: 36px
}

.wealth-menu .grid-col {
	padding-top: .26666667rem;
	padding-bottom: .45333333rem
}

.wealth_question {
	width: .41333333rem;
	height: .41333333rem;
	margin-left: .13333333rem
}

.back {
	width: .44rem;
	height: .45333333rem
}

.finance-list-summary {
	background-image: url(../assets/finance_list_bg.jpg);
	color: #fff;
	height: 1.62666667rem;
	line-height: 1.65333333rem;
	padding-left: .4rem;
	padding-right: .4rem;
	font-size: 16px
}

[data-dpr="2"] .finance-list-summary {
	font-size: 32px
}

[data-dpr="3"] .finance-list-summary {
	font-size: 48px
}

.finance-list-summary small {
	margin-left: 14px
}

.finance-list-summary .price {
	float: right;
	margin-right: .66666667rem;
	font-size: 16px
}

[data-dpr="2"] .finance-list-summary .price {
	font-size: 32px
}

[data-dpr="3"] .finance-list-summary .price {
	font-size: 48px
}

.finance-list-nav-tabs {
	overflow-x: scroll;
	width: 7.86666667rem
}

.finance-list-nav-tabs .nav-tabs-common {
	min-width: 20rem
}

.fixed-right {
	z-index: 10;
	box-shadow: -1px 0 10px #C9C9C9;
	position: absolute;
	width: 2.13333333rem;
	right: 0;
	top: 0;
	display: block;
	color: #818181;
	height: 1.12rem;
	line-height: 1.12rem;
	text-align: center
}

.fixed-right .sort {
	width: .14666667rem;
	height: .34666667rem;
	margin-left: .13333333rem
}

.finance-position-menu .thumbnail {
	padding-top: .42666667rem;
	height: 1.6rem
}

.finance-position-menu .thumbnail>img {
	width: .86666667rem;
	height: .70666667rem;
	margin-bottom: .24rem
}

.finance-position-menu .thumbnail .caption {
	text-align: center;
	color: #787878;
	font-size: 12px
}

[data-dpr="2"] .finance-position-menu .thumbnail .caption {
	font-size: 24px
}

[data-dpr="3"] .finance-position-menu .thumbnail .caption {
	font-size: 36px
}

.finance-find {
	display: block;
	width: 4.98666667rem;
	height: 3.72rem;
	margin: 1.44rem auto .66666667rem
}

.bank-card-list:after,.trans-group:after {
	display: table;
	content: " ";
	clear: both
}

.share {
	width: .44rem;
	height: .45333333rem
}

.trans-detail {
	position: relative;
	padding-left: .4rem;
	padding-top: .26666667rem;
	padding-bottom: .26666667rem
}

.trans-detail-line {
	height: 1px;
	background-image: url(../assets/trans_detail_line.jpg);
	background-repeat: repeat
}

.big-price {
	font-size: 40px;
	margin-top: .45333333rem;
	margin-bottom: .45333333rem;
	color: #E44847
}

[data-dpr="2"] .big-price {
	font-size: 80px
}

[data-dpr="3"] .big-price {
	font-size: 120px
}

.trans-group {
	padding-top: .34666667rem;
	padding-right: .34666667rem
}

.trans-group img {
	float: left;
	width: .32rem;
	height: .32rem;
	margin-right: .21333333rem
}

.trans-group .name {
	font-size: 12px;
	color: #8B8B8B;
	margin-bottom: .26666667rem
}

[data-dpr="2"] .trans-group .name {
	font-size: 24px
}

[data-dpr="3"] .trans-group .name {
	font-size: 36px
}

.trans-group .desc {
	font-size: 14px;
	color: #2E2E2E
}

[data-dpr="2"] .trans-group .desc {
	font-size: 28px
}

[data-dpr="3"] .trans-group .desc {
	font-size: 42px
}

.trans-group:after {
	display: table
}

.trans-progress {
	padding-top: .26666667rem;
	padding-left: 1.49333333rem
}

.trans-progress .form-group-lg {
	margin-bottom: .58666667rem
}

.trans-progress-img {
	position: absolute;
	top: 50%;
	left: .66666667rem;
	width: .48rem;
	height: 3.58666667rem;
	margin-top: -1.8rem
}

.trans-detail-wave {
	height: 4px;
	background-image: url(../assets/trans_detail_wave.png);
	background-repeat: repeat-x
}

.trans-button-group {
	margin-top: 1.33333333rem;
	text-align: center
}
.trans-error {
	font-size: 15px;
	color: #FF2C25;
	text-align: center;
	margin-top: 0.6rem;
	letter-spacing:0.05rem;
}
[data-dpr="2"] .trans-error {
	font-size: 30px;
}
[data-dpr="3"] .trans-error {
	font-size: 45px;
}
.code-button {
	float: right;
}
.product_content_align
{
	text-align: left;
	font-size: 16px;
	font-weight: 600;
}
[data-dpr="2"] .product_content_align{
	font-size: 32px;
}
[data-dpr="3"] .product_content_align{
	font-size:48px;
}
.in{
	margin-bottom: .56666667rem !important;
}
.channel>li{
	background-color:#F9F8F6;
	list-style-type:none;
	float:left;
	width:50%;
	font-size:18px;
	text-align:center;
}
[data-dpr="2"] .channel>li{
	font-size:36px;
}
[data-dpr="3"] .channel>li{
	font-size:54px;
}
.channel:after{
	display:block;
	content:"";
	height:0;
	clear:both;
}
.s{
	display:inline-block;
	width:4em;
	vertical-align:bottom;
}
.s1{
	border-bottom:0.066666rem solid #039BF1;
}
.channel-select{
	color:#154AA6;
}
.channel-none{
	color:#909DAE;
}
.canvas-container {
	position: relative
}

.canvas-container .canvas-name {
	position: absolute;
	top: 2.4rem;
	width: 100%;
	text-align: center;
	color: #8B8B8B;
	font-size: 12px
}

[data-dpr="2"] .canvas-container .canvas-name {
	font-size: 24px
}

[data-dpr="3"] .canvas-container .canvas-name {
	font-size: 36px
}

.canvas-container .canvas-value {
	height: 2.13333333rem;
	line-height: 2.13333333rem;
	position: absolute;
	top: 3.09333333rem;
	width: 100%;
	text-align: center;
	color: #2E2E2E;
	font-size: 2.13333333rem
}

.canvas-container .canvas-value small {
	font-size: .58666667rem
}

#canvas {
	width: 10rem;
	height: 7.38666667rem
}

.bank-menu .thumbnail {
	padding-top: .6rem;
	height: 1.89333333rem
}

.bank-menu .thumbnail>img {
	width: .78666667rem;
	height: .68rem;
	margin-bottom: .37333333rem
}

.bank-card-list,.bank-card-list .card {
	position: relative;
	width: 8.66666667rem
}

.bank-menu .thumbnail .caption {
	text-align: center;
	color: #787878;
	font-size: 12px
}

[data-dpr="2"] .bank-menu .thumbnail .caption {
	font-size: 24px
}

[data-dpr="3"] .bank-menu .thumbnail .caption {
	font-size: 36px
}

.bank-menu.bank-menu-radius {
	border-radius: 10px 10px 0 0
}

.bank-card-list-wrapper {
	position: relative;
	padding-bottom: .45333333rem;
	background-color: #F5F5F5;
	overflow: hidden
}

.bank-card-list {
	margin: 0 auto;
	padding: .50666667rem .2rem .34666667rem
}

.bank-card-list .card {
	height: 4.32rem;
	margin-bottom: .4rem;
	background-size: 100% 100%
}

.edit.bank-card-list .card:after,.edit.bank-card-list .card:before {
	display: block;
	content: '';
	position: absolute
}

.edit.bank-card-list .card:before {
	z-index: 10;
	top: 50%;
	margin-top: -.32rem;
	right: .4rem;
	width: .53333333rem;
	height: .53333333rem;
	background-image: url(../assets/card_edit_default.png);
	background-size:100%;
	background-position-y: .53333333rem
}

.edit.bank-card-list .card.active:before {
	background-position-y: 0
}

.edit.bank-card-list .card:after {
	z-index: 9;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: transparent
}

.card-left-tool,.card-right-tool {
	bottom: .34666667rem;
	position: absolute
}

.bank-card-list .card:last-child {
	margin-bottom: 0
}

.bank-card-list .card .card-header {
	height: .66666667rem;
	padding-top: .34666667rem;
	padding-right: .42666667rem;
	padding-left: 1.22666667rem
}

.bank-card-list .card .card-header:after {
	display: table;
	content: " ";
	clear: both
}

.bank-card-list .card .card-type {
	font-size: 10px;
	margin-top: -.08rem;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 100px;
	padding: .09333333rem .13333333rem
}

[data-dpr="2"] .bank-card-list .card .card-type {
	font-size: 20px
}

[data-dpr="3"] .bank-card-list .card .card-type {
	font-size: 30px
}

.bank-card-list .card .card-content {
	position: relative;
	padding-top: .69333333rem;
	padding-left: .37333333rem;
	padding-right: .37333333rem;
	height: 1.54666667rem
}

.bank-card-list .card .card-content .item {
	font-size: 23px;
	color: #fff;
	margin-bottom: .24rem
}

[data-dpr="2"] .bank-card-list .card .card-content .item {
	font-size: 46px
}

[data-dpr="3"] .bank-card-list .card .card-content .item {
	font-size: 69px
}

.bank-card-list .card .card-content .value {
	opacity: .8;
	height: .26666667rem;
	font-size: 10px;
	color: #fff
}

[data-dpr="2"] .bank-card-list .card .card-content .value {
	font-size: 20px
}

[data-dpr="3"] .bank-card-list .card .card-content .value {
	font-size: 30px
}

.bank-card-list .card .card-content .split-line {
	position: absolute;
	left: 50%;
	top: -.10666667rem;
	margin-left: -.34666667rem;
	width: 1px;
	height: 1.86666667rem;
	background-color: #009FDE
}

.bank-card-list .card .card-footer {
	padding-left: .4rem;
	padding-right: .4rem;
	padding-top: .4rem;
	font-size: 14px;
	color: #fff
}

[data-dpr="2"] .bank-card-list .card .card-footer {
	font-size: 28px
}

[data-dpr="3"] .bank-card-list .card .card-footer {
	font-size: 42px
}

.bank-card-list .card.spdb-deposit-card {
	background-image: url(../assets/bank_spdb_deposit_card.png)
}

.bank-card-list .card.cmb-deposit-card {
	background-image: url(../assets/bank_cmb_deposit_card.png)
}

.bank-card-list .card.cmbc-deposit-card {
	background-image: url(../assets/bank_cmbc_deposit_card.png)
}

.bank-card-list .card.blank-card {
	background-image: url(../assets/blank_card.png)
}

.bank-card-list .card.blank-card .prompt {
	margin-top: .8rem;
	margin-bottom: .08rem;
	text-align: center;
	font-size: 12px;
	color: #8B8B8B
}

[data-dpr="2"] .bank-card-list .card.blank-card .prompt {
	font-size: 24px
}

[data-dpr="3"] .bank-card-list .card.blank-card .prompt {
	font-size: 36px
}

.bank-card-list .card.blank-card .thumbnail {
	padding-top: .42666667rem;
	height: 1.6rem
}

.bank-card-list .card.blank-card .thumbnail>img {
	width: 1.06666667rem;
	height: 1.06666667rem;
	margin-bottom: .4rem
}

.bank-card-list .card.blank-card .thumbnail .caption {
	text-align: center;
	color: #787878;
	font-size: 12px
}

[data-dpr="2"] .bank-card-list .card.blank-card .thumbnail .caption {
	font-size: 24px
}

[data-dpr="3"] .bank-card-list .card.blank-card .thumbnail .caption {
	font-size: 36px
}

.bank-card-list #scroller .card {
	margin-right: .4rem;
	margin-bottom: 0;
	float: left
}

.card-left-tool img,.card-right-tool img {
	vertical-align: bottom;
	width: .34666667rem;
	height: .34666667rem;
	margin-right: .13333333rem
}

.card-left-tool {
	left: .18666667rem
}

.card-right-tool {
	right: .18666667rem
}

.indicator {
	position: relative;
	width: 9px;
/* 	width: .28rem; */
	height: 4px;
/* 	height: .12rem; */
	margin-top: .29333333rem;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../assets/dut.png);
	background-size: contain
}
[data-dpr='2'] .indicator {
	width: 18px;
	height: 8px;
}
[data-dpr='3'] .indicator {
	width: 27px;
	height: 12px;
}
[data-dpr='2'] .dotty {
	width: 8px;
	height: 8px;
}
[data-dpr='3'] .dotty {
	width: 12px;
	height: 12px;
}

.dotty {
	position: absolute;
	width: 4px;
	height: 4px;
/* 	height: .12rem; */
	border-radius: 30px;
	background: #4D70BA
}

.notice {
	position: relative;
	background-color: #fff;
	color: #5A5A5A;
	font-size: 12px;
	height: .34666667rem;
	overflow: hidden;
	padding: .4rem 1.46666667rem
}

.covered:before,.notice:before {
	display: block;
	position: absolute
}

[data-dpr="2"] .notice {
	font-size: 24px
}

[data-dpr="3"] .notice {
	font-size: 36px
}

.notice:before {
	content: '\516c\544a';
	top: .34666667rem;
	left: .4rem;
	font-size: 10px;
	color: #EC495A;
	padding: .08rem;
	border: 1px solid #EC495A;
	border-radius: 10px
}

.covered:before,.loading:before {
	content: ''
}

[data-dpr="2"] .notice:before {
	font-size: 20px
}

[data-dpr="3"] .notice:before {
	font-size: 30px
}

.covered:before {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: rgba(255, 255, 255, .8)
}

.bank-welcome {
	position: relative;
	height: 6.29333333rem;
	margin-bottom: -.24rem;
	background-image: url(../assets/bank_welcome.jpg);
	background-repeat: no-repeat;
	background-size: 100%
}

.login {
	position: absolute;
	left: .66666667rem;
	top: 2.33333333rem;
	height: .73333333rem;
	width: 1.93333333rem
}

#complete {
	display: none;
	color: #FD3E56
}

.show {
	display: block
}

.hidden {
	display: none !important;
}
@-webkit-keyframes loading { 
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100%{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)
	}
}
@keyframes loading { 
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100%	{
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg)	
	}
}
.loading-wrapper {
	background-color: rgba(102, 102, 102, .8);
	position: fixed;
	z-index: 110;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.loading {
	display: block;
	text-align: center;
	position: absolute;
	top: 8rem;
	width: 100%;
	line-height: 1.005rem;
	height: 1.005rem;
	color: #051b28;
	font-size: 16px;
	z-index: 110;
}
.loading-p{
	display:inline-block;
	line-height: 1.005rem;
	height: 1.005rem;
	margin:0;
	padding-left:0.3rem;
	color:#FFF;
}
[data-dpr="2"] .loading {
	font-size: 32px
}

[data-dpr="3"] .loading {
	font-size: 48px
}

.loading:before {
/* 	position: relative; */
	vertical-align:middle;
	margin: 0 auto;
	display: inline-block;
	background-image: url(../assets/loading.png);
	background-size: 100% 100%;
	width: 0.41333333rem;
	height: 0.41333333rem;
	-webkit-animation: 0.8s linear infinite loading;
	animation: 0.8s linear infinite loading
}
.li-height{
	line-height:0.4rem;
}
.down{
	padding-top:0.5rem;
	padding-left:0.5rem;
	font-size: 15px;
	color:#909DAE;
	width:1.0rem;
}
[data-dpr="2"] .down{
	font-size: 30px;
}
[data-dpr="3"] .down{
	font-size: 45px;
}
.logo1 {
	width: 4.49333333rem;
	height: .65333333rem
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
.head,.head div:first-child {
	left: 0;
	height: 1.33333333rem
}



a:active,a:hover {
	outline: 0
}
.button,img {
	vertical-align: middle
}

.button,html {
	outline: 0
}

.fl {
	float: left !important
}

.fr {
	float: right !important
}

.clear {
	clear: both
}

input[type=checkbox] {
	margin-right: 5px;
	vertical-align: middle
}

.row:after {
	display: table
}

.navbar>li,.navbar>li>a {
	display: block;
	position: relative
}

.navbar {
	float: left
}

.navbar.navbar-right {
	float: right
}

.nav-tabs>li,.navbar>li {
	float: left
}

.navbar>li>a {
	padding: 10px 15px
}

.navbar>li>a:focus,.navbar>li>a:hover {
	text-decoration: underline
}

.navbar:after {
	display: table
}

.nav-tabs>li>a {
	box-sizing: border-box;
	position: relative;
	display: block
}

.nav-tabs>li>a:focus,.nav-tabs>li>a:hover {
	text-decoration: none;
	cursor: pointer
}

.nav-tabs>li.active>a {
	border-bottom: 1px solid #222
}

.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover {
	cursor: default
}

.nav-tabs:after {
	display: table
}

.button {
	display: inline-block;
	width: 3.06666667rem;
	font-size: 12px;
	font-weight: 400;
	border: 1px solid #d8d8d8;
	height: .77333333rem;
	line-height: .77333333rem;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #fff;
	color: #2a7bbe
}

[data-dpr="2"] .button {
	font-size: 24px
}

[data-dpr="3"] .button {
	font-size: 36px
}


.head div:first-child span,.head p {
	line-height: 1.33333333rem;
	vertical-align: middle
}



.boardp,.head p {
	margin: 0
}



.head {
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #F6F6F6;
	z-index:1000;
}

.enter div,.tip {
	background-color: #fff
}

.head div:first-child {
	position: absolute;
	display: table;
	width: 10%;
	text-align: left
}

.head div:first-child span {
	display: table-cell;
	height: 1.33333333rem;
	text-align: right
}

.enter div div,.head p,.select div:last-child {
	display: inline-block
}

.head div:first-child span img {
	vertical-align: middle;
	height: .53333333rem;
	width: .53333333rem
}

.head p {
	font-size: 20px
}

[data-dpr="2"] .head p {
	font-size: 40px
}

[data-dpr="3"] .head p {
	font-size: 60px
}

.contentp {
	margin-top: 1.33333333rem
}

.step {
	width: 100%;
	height: 2rem
}

.enter div div input,.enter div div p,.select div:last-child p,.tip p {
	height: 1.06666667rem;
	line-height: 1.06666667rem
}

.tip {
	margin: 3% 0
}

.tip p {
	color: red;
	font-size: 13px;
	margin: 0
}

[data-dpr="2"] .tip p {
	font-size: 26px
}

[data-dpr="3"] .tip p {
	font-size: 39px
}

.enter div {
	width: 100%;
	margin: .3% 0
}

.enter div div p {
	font-size: 15px;
	vertical-align: middle;
	margin: 0
}

[data-dpr="2"] .enter div div p {
	font-size: 30px
}

[data-dpr="3"] .enter div div p {
	font-size: 45px
}

.enter div div input {
	border: none;
	outline: 0;
	text-align: right;
	font-size: 15px;
	vertical-align: middle;
	width: 5.33333333rem
}

[data-dpr="2"] .enter div div input {
	font-size: 30px
}

[data-dpr="3"] .enter div div input {
	font-size: 45px
}

.enter div div:first-child {
	width: 20%;
	text-align: left;
	vertical-align: middle
}

.enter div div:last-child {
	width: 70%;
	text-align: right;
	vertical-align: middle
}

.select div:first-child {
	display: inline-block;
	width: 3.33333333rem;
	overflow: hidden;
	margin: 0
}

.select div:first-child select {
	border: none;
	outline: 0;
	font-size: 15px;
	width: 4rem;
	overflow: hidden
}

.btn div,.deal div div:first-child p label img {
	-webkit-border-radius: 3.33333333rem;
	-moz-border-radius: 3.33333333rem
}

[data-dpr="2"] .select div:first-child select {
	font-size: 30px
}

[data-dpr="3"] .select div:first-child select {
	font-size: 45px
}

.select div:first-child select option {
	font-size: 15px;
	width: 2.66666667rem !important;
	overflow: hidden
}

[data-dpr="2"] .select div:first-child select option {
	font-size: 30px
}

[data-dpr="3"] .select div:first-child select option {
	font-size: 45px
}

.select div:last-child {
	width: .4rem !important
}

.select div:last-child p {
	padding-left: .09333333rem;
	margin: 0;
	display: table
}

.select div:last-child p label {
	display: table-cell;
	vertical-align: middle
}

.select div:last-child p label img {
	width: .26666667rem;
	height: .26666667rem
}

.deal {
	margin-top: 1.06666667rem
}

.deal1 {
	margin-top: 0.4rem;
	text-align: left !important
}

.deal div div {
	display: inline-block
}

.deal div div:first-child {
	vertical-align: middle;
	text-align: right;
	height: .53333333rem
}

.deal div div:first-child p {
	margin: 0;
	height: .53333333rem;
	line-height: .53333333rem;
	display: table
}

.deal div div:first-child p label {
	display: table-cell;
	vertical-align: middle
}

.deal div div:first-child p label img {
	display: table-cell;
	width: .4rem;
	height: .4rem;
	cursor: pointer
}

.deal div div:last-child {
	width: 80%;
	vertical-align: middle;
	text-align: left;
	padding-left: .13333333rem
}

.deal div div:last-child input {
	display: none;
	height: 0;
	width: 0
}

.btn div,.deal div div:last-child p {
	display: inline-block;
	vertical-align: middle
}

.deal div div:last-child p {
	line-height: .53333333rem;
	height: .53333333rem;
	font-size: 13px;
	margin: 0
}

[data-dpr="2"] .deal div div:last-child p {
	font-size: 26px
}

[data-dpr="3"] .deal div div:last-child p {
	font-size: 39px
}

.deal div div:last-child p a {
	color: #00ACEE
}

.btn {
	padding-top: 2rem;
	padding-bottom: .66666667rem;
	text-align: center
}

.btn div {
	color: #fff;
	font-size: 15px;
	background-color: #00ACEE;
	font-weight: 300;
	margin: 0 .53333333rem;
	width: 2.66666667rem;
	padding-top: .13333333rem;
	padding-bottom: .13333333rem
}

[data-dpr="2"] .btn div {
	font-size: 30px
}

[data-dpr="3"] .btn div {
	font-size: 45px
}
select{ 
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: solid 1px #ccc;
  background: url("/mspmk-web-allpay/zh_CN/static/assets/arrow.png") no-repeat scroll right center transparent;
}
.login-modal-open{
	position:relative;
	height:100%;
	overflow:scroll;
}
body {
	position:relative;
	height:100%;
	overflow:scroll;
}
/* ThirdIndexCss */
.login-title{
	font-size:18px !important;
	padding-top: .30666667rem !important;
	letter-spacing:0.3em;
}
[data-dpr="2"] .login-title{
	font-size:36px !important;
}
[data-dpr="3"] .login-title{
	font-size:54px !important;
}
.tip-li{
	display: list-item !important;
}
.tip-right{
	text-align:right;
}
.tip-arrow{
	position:absolute;
	display:inline-block;
	width:0.2rem;
	height:0.4rem;
	padding-left:0.2rem;
}
.tip-a{
	margin-right:8%;
	display:inline-block;
	height:0.4rem;
	line-height:0.4rem;
}
.tip-tip{
	height:0.4rem;
	line-height:0.4rem;
}
.index-btn-red{
	background-color:#ED1C24 !important;
}
.select-login{
	border:none !important;
	background-size:0.4rem 0.3rem;
	height:0.73333333rem;
	width:100%;
}
.btn div input{
	font-size: 15px !important;
	color: white;
    background: transparent;
    border-width: 0px;
}
[data-dpr="2"] .btn div input{
	font-size: 30px !important;
}
[data-dpr="3"] .btn div input{
	font-size: 45px !important;
}