a{
  -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
}
/*flex*/
.flexbox {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
-webkit-flex-direction: column;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex!important;
}
#id_guojia{
margin-bottom: .2rem;
}
.flex {
box-flex: 1;
-webkit-box-flex: 1;
-moz-box-flex: 1;
flex: 1;
-webkit-flex: 1;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.flexbox-h {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: horizontal;
-webkit-flex-direction: horizontal;
display: -webkit-box !important;
display: -moz-box !important;
display: -ms-flexbox !important;
display: -webkit-flex !important;
display: flex!important;
}
.flex-sb {
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-box-pack: space-between;
-webkit--moz-box-pack: space-between;
box-pack: space-between;
}
.flex-ac {
align-items: center;
-webkit-align-items: center;
box-align: center;
-moz-box-align: center;
-webkit-box-align: center;
}
.flex-sa {
-webkit-justify-content: space-around;
justify-content: space-around;
-moz-box-pack: space-around;
-webkit--moz-box-pack: space-around;
box-pack: space-around;
}
.flex-jc {
-webkit-justify-content: center;
justify-content: center;
-moz-box-pack: center;
-webkit--moz-box-pack: center;
box-pack: center;
}

.header {
height: 0.44rem;
font-size: 0.2rem;
color: #fff;
position: relative;
top: 0;
left: 0;
right: 0;
z-index: 100;
}
.header .logo {
display: block;
padding: 0.125rem 0;
margin-left: 0.1rem;
font-size: 0;
float: left;
}
.header .logo img {
width: 100%;
}
.header .menu-btn,.blue-head .menu-btn {
display: block;
width: 0.22rem;
height: 100%;
background: url(/img/mune-icon.png?v=2) no-repeat center center;
background-size: 0.21rem 0.15rem;
position: absolute;
right: .2rem;
top: 0rem;
}
.header-perch {
display: block;
width: 100%;
height: 0.38rem;
z-index: 0;
}
.nav-header {
float: right;
margin-right: 0.54rem;
}
.nav-header li {
float: left;
display: inline-block;
height: 0.44rem;
width: 0.4rem;
text-align: center;
font-size: 0;
}
.nav-header li a {
display: inline-block;
font-size: 0;
width: 100%;
height: 100%;
text-align: center;
line-height: 0.44rem;
}
.nav-header li a img {
width: 0.185rem;
height: 0.2rem;
}
/*******公共底部********/
.footer {
height: 0.4rem;
background: #494949;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
right: 0;
z-index: 100;
}
.footer-nav {
position: relative;
z-index: 80;
background: #494949;
}
.footer-nav li {
float: left;
width: 33.33%;
text-align: center;
line-height: 0.4rem;
font-size: 0;
}
.footer-nav li a {
display: inline-block;
width: 100%;
height: 100%;
font-size: 0.12rem;
color: #fff;
line-height: 0.4rem;
}
.footer-nav li a .icon-live {
display: inline-block;
width: 0.22rem;
height: 0.205rem;
background: url(/img/icon-live.png) no-repeat center center;
background-size: contain;
position: relative;
top: 0.05rem;
margin-right: 0.05rem;
}
.footer-nav li a .icon-hot {
display: inline-block;
width: 0.18rem;
height: 0.18rem;
background: url(/img/icon-hot.png) no-repeat center center;
background-size: contain;
position: relative;
top: 0.05rem;
margin-right: 0.05rem;
}
.footer-nav li a .icon-user {
display: inline-block;
width: 0.17rem;
height: 0.18rem;
background: url(/img/icon-user.png) no-repeat center center;
background-size: contain;
position: relative;
top: 0.05rem;
margin-right: 0.05rem;
}
.footer .callback {
width: 100%;
background: rgba(255, 255, 255, 0.95);
position: absolute;
z-index: 70;
box-shadow: 0px -5px 7px -3px #dedede;
padding: 0.15rem 0 0;
bottom: 100%;
display: none;
}
.footer .callback ul li {
width: 33.33%;
text-align: center;
float: left;
margin-bottom: 0.125rem;
}
.footer .callback ul li a {
color: #333333;
display: block;
}
.footer .callback ul li a i {
display: inline-block;
}
.footer .callback ul li a span {
display: block;
}
.footer .callback ul li a .real-icon {
width: 0.225rem;
height: 0.225rem;
background: url(/img/ft-icon-1.png) no-repeat;
background-size: 0.225rem 0.225rem;
}
.footer .callback ul li a .calendar-icon {
width: 0.225rem;
height: 0.225rem;
background: url(/img/ft-icon-2.png) no-repeat;
background-size: 0.225rem 0.225rem;
}
.footer .callback ul li a .tv-icon {
width: 0.24rem;
height: 0.23rem;
background: url(/img/nav-7.png) no-repeat center center;
background-size: 0.24rem 0.23rem;
}
.footer .callback ul li a .colg-icon {
width: 0.38rem;
height: 0.205rem;
background: url(/img/ft-icon-4.png) no-repeat;
background-size: 0.38rem 0.205rem;
}
.footer .callback ul li a .idea-icon {
width: 0.225rem;
height: 0.225rem;
background: url(/img/ft-icon-5.png) no-repeat;
background-size: 0.225rem 0.225rem;
}
.footer .callback ul li a .acc-icon {
width: 0.285rem;
height: 0.21rem;
background: url(/img/ft-icon-6.png) no-repeat;
background-size: 0.285rem 0.21rem;
}
.footer .callback.active {
display: block;
animation: transform-y 400ms forwards;
-webkit-animation: transform-y 400ms forwards;
}
.footer .callback.leave {
display: block;
animation: transform-y-leave 400ms forwards;
-webkit-animation: transform-y-leave 400ms forwards;
}
.w-mask.active,
.w-mask.footer_active {
opacity: 1;
z-index: 96;
display: block;
}
.w-mask.footer_active {
background: transparent;
z-index: 93;
}
@-webkit-keyframes transform-y {
0% {
  transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
}
100% {
  transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
}
}
@keyframes transform-y {
0% {
  transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
}
100% {
  transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
}
}
@-webkit-keyframes transform-y-leave {
0% {
  transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
}
100% {
  transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
}
}
@keyframes transform-y-leave {
0% {
  transform: translateY(0);
  -ms-transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  -o-transform: translateY(0);
}
100% {
  transform: translateY(100%);
  -ms-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
}
}
/*弹窗*/

.w-layer-content {
  position: relative;
  overflow: auto;
  text-align: center;
  padding-bottom: 22px;
  max-width: 2.6rem;
}

.w-layer-alert.w-layer-body {
  max-width: 600px;
}

.w-layer-alert .w-layer-alert-singel.w-layer-content {
  padding-top: 20px;
}

.w-layer-title {
  font-weight: bold;
  font-size: 16px;
  padding: 0px 0 15px 0;
}

.w-layer-option {
  position: absolute;
  right: 22px;
  top: 10px;
  font-size: 0;
  line-height: initial;
}

.w-layer-option a {
  position: relative;
  width: 24px;
  height: 24px;
  margin-left: 10px;
  _overflow: hidden;
  display: inline-block;
}

.w-layer-option a:hover, .w-layer-btn .btn:hover {
  opacity: .7;
  filter: alpha(opacity=70);
}

.w-layer-option .w-layer-close {
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAAGXcA1uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphNGM0MmEyNy04ZWQ5LTViNGMtYTg5MC02NjdhN2ZkNDA2MzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTMxRjNFNDgyMENFMTFFNzgxRkVERTAyNzg2OEMwRjkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTMxRjNFNDcyMENFMTFFNzgxRkVERTAyNzg2OEMwRjkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTExMEY1NEU5QzcxMTFFNkI3NUFGM0E1NTZBRENGMjkiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTExMEY1NEY5QzcxMTFFNkI3NUFGM0E1NTZBRENGMjkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Zsrr6AAAE5ElEQVR42mLkcahisJN7f0ic52cnC4hx6JGgrQTPT3MmkIgU78+fYty/XgMEECNIGRD8B2JGJgYIYIzVe8YE4zC8/cY6ESCAUJQxIMB/JjTB/zAjmKCC/4FmsYDYXiqvJ9vKvT8CEEAwoxi4Wf/+k+T9+fnOOy5+EJ/JTenNEqBqsa+/mZlAgrpin5+BJa685g0F0m+CNF4mcQF1XX7FKwW23EL6Q+biS1L/dtwVmeOh/CYF5iymdTfE54IY34BGsTL/ewiXALlEmPP3HxBn5VXJvTDnAwQQ3FUgR+y6JxINDKBfxpIfe9mY/9988YUt4+hjQQtW5v8Mv/8ygv3KAvOwOM8vcSAd46z4lgvolm9Q8YWgMAS5TZTr129gSL9lAfnXSfFtO1DwFUjFr7+MlkBqD9BH/zlY/v0DioMNff2NjRWI/zMBA+fT+x+sjjDHb74ltluI8/dfX7VXru++szKDggMpLhjAfmBj/vdfXfjrC2AYSTJgAUBngZz5NUzrhTcTxBlMjCDFwNB+Dg0NFPzzD5MDyPBV1yS2AQQQPJRAIBRowvkXfMuAUcUH9Nt/Y8lPR4BpzA7ZNngiAgbd/9XXJLZI8vy8DHR3nKPi285b77gsQDaAghymDh6sWiJfHl98ySt3+JEgsoGVkTrPxZdfkXwB1MQAjKcYJm3RLy+AyfoXSDE0rSF7lgOo+CVQkxQoUmGhBE+xwOD88+MPExMonYCCE5puwHKgiNMU+XqcCdlEYLizgCILlAxBisO1n7vA5EylPk49+5zPhgk9zB3k36UBbWAExTQ00YEBMK7uARM7I4oGmDNAJsNsgsm9/MqeqCL07RNYAzAZtIHom2+520GKQSaDnAf000+YhuNPBAwMJT5FMSZlJXkBY3ArMETYgdH/C1vSAIbkq1vvuEVBSZwJFN128u8OAhX/BGbdCWjBygLMRL+vvuYRheUHeNIAOsUV6JRdWEx/CdQgAeMDBOi0WnoZiMLo9KFt6FuYajSk0VpoisRKupEQQkNYipWVpVhaWfITbCxIbUTEwsJCYkPisUC6IIJUk760QjpJlWn5Tjs3aafTBF9yM49758x3v++cM1PFJRbEynFatEGD534RAKUxj2zlc1VVhfOAVqhBJtdgm/SmVqRGKw7aoiboTa2SEO14Bs9KGNV6Q8Z7d/wB1YHr5bNRP5/tqlfgekEv010lTBGSoQMeM92dnMCO1JAY3g5wZAyOM3CX+SNn1IlFuQswDpl0YqHTmhNwjWeg8aDnZQ1YwAS2qm9m8R36pa2dkNIClSC0YOroqXkXVgPmMoOF2YLNsKIRd3q0ktGIQdfbxWnUOlAiKsAlMa3LsyQ/2AdhQV69pljSEwbOcQ9zcnAE35TfxBHYatpmUbKxHqXaohQwTjJSDTLGwDnuKZUOQZbnlb5Q3+p+sjVcXMbNS/D0yoUWvVhAxtApy5jtCPcwZzOUvzaV4jmPWRZwDsssscjXKsTDKaODyiQOuzPtMC3uHzHri7kOH1oeieJaJrhSxgTeRpYZIj5rYZ9wTVjpX4DhD9th5zPAgcXUXKNkmtw6jtjnqCec1HyR2HBjNXydUXNvpX55qA+B+9dGX5qSkj4S3FBHJgRfrxFavSABjiUE/XJM0PuTgs6c/dSqWPPwe+E05q/xx7NTVrFi/AAiXYOSKwpe2gAAAABJRU5ErkJggg==) no-repeat;
  transition: transform .2s ease-in-out;
}

.w-layer-option .w-layer-close:hover {
  transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}

.w-layer-btn {
  text-align: center;
}

.w-layer-btn .btn-cancel {
  background: #c0c0c0;
  color: #fff;
  border-color: #c0c0c0;
}

.w-layer-alert .w-layer-btn .btn-success {
  width: 224px;
}

.w-layer-icon-1 {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADMAAAAzCAYAAAA6oTAqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowOTA2NWQzNy03MDNhLWVjNDktOTViOS05Yzk0NTA5NzNmMzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzJFODREM0ZBNjNFMTFFNjk5M0U5OEQ3MzQzM0MyRTEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzJFODREM0VBNjNFMTFFNjk5M0U5OEQ3MzQzM0MyRTEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MGUwNWY5ZGMtOTdiNS1kOTQzLWJhYTMtZTM3MjU2ZTNjMTY3IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6ZTU3M2VlYjctOTUwNy0xMWU2LTgzOWQt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');
  background-size: cover;
  display: inline-block;
  width: 51px;
  height: 51px;
  margin-bottom: 10px;
  margin-top: 0;
}
/**右侧菜单**/
#navPanel {
position: fixed;
top: 0.44rem;
left: 0;
right: 0;
bottom: 0.4rem;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 98;
display: none;
}
#navPanel.active,
#navPanel.leave {
display: block;
}
#navPanel nav {
width: 1rem;
float: right;
background: #fff;
font-size: 0.12rem;
position: absolute;
right: 0;
top: 0;
}
#navPanel.active nav {
animation: transform-x 400ms forwards;
-webkit-animation: transform-x 400ms forwards;
}
#navPanel.leave nav {
animation: transform-x-leave 400ms forwards;
-webkit-animation: transform-x-leave 400ms forwards;
}
@-webkit-keyframes transform-x {
0% {
  transform: translateX(100%);
  -ms-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
}
100% {
  transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
}
}
@keyframes transform-x {
0% {
  transform: translateX(100%);
  -ms-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
}
100% {
  transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
}
}
@-webkit-keyframes transform-x-leave {
0% {
  transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
}
100% {
  transform: translateX(100%);
  -ms-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
}
}
@keyframes transform-x-leave {
0% {
  transform: translateX(0);
  -ms-transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
}
100% {
  transform: translateX(100%);
  -ms-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
}
}
nav .subNavBox {
width: 100%;
border: solid 1px #e5e3da;
}
nav .subNav {
border-bottom: solid 1px #eee;
cursor: pointer;
margin: 0 auto;
text-align: center;
color: #000;
width: 1rem;
height: 0.45rem;
line-height: 0.45rem;
font-size: 0.15rem;
font-weight: bold;
}
nav .subNav.single {
background: none;
}
nav .subNav i {
vertical-align: middle;
margin-right: 0.11rem;
}
nav .subNav a {
color: #333333;
display: inline-block;
}
nav .subNav.selected {
background: url(/img/enterup.png) #5c8fd1 no-repeat;
background-size: 0.15rem 0.08rem;
border-bottom: none;
background-position: 95% 50%;
}
nav .subNav.selected.single {
background: #d6a41f;
}
nav .subNav.selected a {
color: #fff;
}
nav .subNav:hover,
#navPanel nav .subNav:active {
color: #d6a41f ;
}
nav .subNav.selected:hover,
#navPanel nav .subNav.selected:active {
color: #fff ;
}
nav .navContent {
display: none;
background: #f6f6f6;
line-height: 0.33rem;
}
nav .navContent li a {
display: block;
padding-left: 0.31rem;
color: #7f7f7f;
color: #333333;
border-bottom: 1px solid #dadada;
font-size: 0.12rem;
height: 0.33rem;
line-height: 0.33rem;
}
nav .userActin {
padding: 0.56rem 0.45rem 0.59rem;
}
nav .userActin a {
display: block;
width: 1.72rem;
height: 0.32rem;
border-radius: 0.05rem;
text-align: center;
line-height: 0.32rem;
font-size: 0.15rem;
}
nav .userActin .openTrueBtn {
background: #0653b5;
color: #fff;
font-size: 0.15rem;
margin-bottom: 0.21rem;
}
nav .userActin .openFalseBtn {
border: 1px solid #0653b5;
box-sizing: border-box;
color: #0653b5;
font-size: 0.15rem;
margin-bottom: 0.21rem;
}
nav .userActin .userCenBtn {
background: #d1a662;
color: #fff;
}
/*用户中心 右上角导航栏目图标css*/
nav .subNav .r-menu-icon {
background: url(/img/menu-icon-nav.png) no-repeat;
display: inline-block;
background-size: 0.42rem 1.025rem;
}
nav .subNav .about {
width: 0.195rem;
height: 0.135rem;
background-position: 0 0;
}
nav .subNav .download {
width: 0.155rem;
height: 0.15rem;
background-position: 0 -0.14rem;
margin-right: 0.13rem;
}
nav .subNav .account {
width: 0.15rem;
height: 0.145rem;
background-position: 0 -0.3rem;
margin-right: 0.13rem;
}
nav .subNav .app-download {
width: 0.185rem;
height: 0.14rem;
background-position: 0 -0.45rem;
margin-right: 0.1rem;
}
nav .subNav .data-center {
width: 0.155rem;
height: 0.155rem;
background-position: 0 -0.59rem;
margin-right: 0.12rem;
}
nav .subNav .trading {
width: 0.22rem;
height: 0.12rem;
background-position: 0 -0.75rem;
margin-right: 0.05rem;
}
nav .subNav .news {
width: 0.15rem;
height: 0.145rem;
background-position: 0 -0.9rem;
margin-right: 0.12rem;
}
nav .subNav .appdownload{
  width: 0.15rem;
  height: 0.145rem;
  margin-right: 0.12rem;
  background:url("/img/download_icon.png") no-repeat center;
  background-size:contain;
}
nav .subNav .invite{
width: 0.15rem;
height: 0.145rem;
margin-right: 0.12rem;
background:url("/img/invite/invite.png") no-repeat center;
background-size:contain;
}
nav .subNav.selected .about {
background-position: -0.195rem 0;
}
nav .subNav.selected .download {
background-position: -0.155rem -0.14rem;
}
nav .subNav.selected .account {
background-position: -0.15rem -0.3rem;
}
nav .subNav.selected .app-download {
background-position: -0.185rem -0.45rem;
}
nav .subNav.selected .data-center {
background-position: -0.155rem -0.59rem;
}
nav .subNav.selected .trading {
background-position: -0.21rem -0.75rem;
}
nav .subNav.selected .news {
background-position: -0.155rem -0.9rem;
}
nav .subNav.TV-xs{
background: none;
}
/*************蒙版**********/
.w-mask {
background: rgba(0, 0, 0, 0.4);
opacity: 0;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
position: fixed;
z-index: 0;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
}
.w-mask.active,
.w-mask.footer_active {
opacity: 1;
z-index: 96;
display: block;
}
.w-mask.footer_active {
background: transparent;
z-index: 93;
}



.account-btns {
padding: .08rem 0;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-box-pack: space-between;
-webkit--moz-box-pack: space-between;
box-pack: space-between;
}

.account-btns a {
width: 1.725rem;
}

.btn {
display: inline-block;
box-sizing: border-box;
cursor: pointer;
text-align: center;
font-weight: 400;
white-space: nowrap;
vertical-align: middle;
-moz-padding-start: npx;
-moz-padding-end: npx;
border: solid 1px #0653b5;
background-color: #fff;
width: auto;
*zoom: 1;
*overflow: visible;
-webkit-transition: background-color .1s linear;
-moz-transition: background-color .1s linear;
-o-transition: background-color .1s linear;
transition: background-color .1s linear;
border-radius: 4px;
font-size: .15rem;
line-height: .32rem;
background-color: #0653B5;
color: #fff;
}

a.btn:hover,
a.btn:focus,
a.btn:active,
a.btn.active,
a.btn.disabled,
a.btn[disabled] {
text-decoration: none
}

.btn:first-child {
*margin-left: 0
}

.btn.active,
.btn:active {
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.125) inset;
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.125) inset;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.125) inset
}

.btn-outline {
border-color: #0653b5;
color: #0653B5;
background: #fff;
}

.btn-online {
width: .65rem;
line-height: .25rem;
background-color: #fff;
border-color: #9f9f9f;
color: #0653B5;
font-size: .12rem;
}
.btn-grey {
width: 1rem;
color: #9f9f9f;
background: #eee;
border: 1px solid #d6d6d6;
}
.btn-go {
width: .76rem;
font-size: .12rem;
line-height: .25rem;
}

.btn-block {
-moz-box-sizing: border-box;
display: block;
padding-left: 0;
padding-right: 0;
width: 100%;
line-height: .4rem;
}

.btn-m {
width: 1.6rem;
line-height: .4rem;
-moz-box-sizing: border-box;
display: block;
position: relative;
left: 50%;
margin-left: -.8rem;
}

.update-btns {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-moz-box-pack: space-between;
-webkit--moz-box-pack: space-between;
box-pack: space-between;
}

.update-btns a {
line-height: .4rem;
width: 1.6rem;
}

.input-text {
font-size: .13rem;
height: .34rem;
line-height: .34rem;
padding: .1rem .13rem;
border-radius: 4px;
}
.input-div {
margin-bottom: .1rem;
color: #333;
font-size: .13rem;
}
.form-label {
  color: #333;
  position: relative;
  float: left;
  line-height: .34rem;
}
.form-label .msg {
display: block;
position: absolute;
width: .15rem;
height: .15rem;
background: url(/img/account/icon-msg.png) no-repeat;
background-size: 100%;
left: 50%;
margin-left: -.075rem;
bottom: -.08rem;
}
.formControls,.ucformControls,.bankformControls {
  width: 2.75rem;
  float: right;
  position: relative;
}
.ucformControls{
width: 2.62rem;
line-height: .34rem;
}
.bankformControls{
width: 2.32rem;
line-height: .34rem;
}
.formControls select,.ucformControls select,.bankformControls select{
  width: 100%;
  height: 0.33rem;
  line-height: 0.33rem;
  border: 1px solid #d6d6d6;
  border-radius: 4px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  padding-right: 0.35rem;
  background: url(/img/funs/select.png) no-repeat 95% center transparent;
  background-size: 0.14rem 0.08rem;
  background-color: #fff;
  padding-left: 0.11rem;
}


/*默认状态*/

.input-text,
.textarea {
box-sizing: border-box;
border: solid 1px #d6d6d6;
width: 100%;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s
}

.textarea {
height: 100px;
resize: none;
font-size: 14px;
padding: 4px
}

.textarea-numberbar {
position: absolute;
right: 20px;
bottom: 5px;
z-index: 1;
margin-bottom: 0
}

.textarea-length {
font-style: normal
}

.input-text:hover,
.textarea:hover {
border: solid 1px #3bb4f2
}


/*得到焦点后*/

.input-text.focus,
.textarea.focus {
border: solid 1px #0f9ae0 \9;
border-color: rgba(82, 168, 236, 0.8);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6)
}


/*不可点击*/

.input-text.disabled,
.textarea.disabled,
.input-text.disabled.focus,
.textarea.disabled.focus {
background-color: #ededed;
cursor: default;
border-color: #ddd;
-webkit-box-shadow: inset 0 2px 2px #e8e7e7;
-moz-box-shadow: inset 0 2px 2px #e8e7e7;
box-shadow: inset 0 2px 2px #e8e7e7
}


/*阴影*/

.input-text.box-shadow,
.textarea.box-shadow {
-ms-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)
}


/*行内元素*/

.input-text.inline {
display: inline-block;
width: auto
}
.layerbox{
display: none;
}
.window-masking{width: 100%;height: 100%;background: #000; display: none; opacity: .75;position: fixed;top:0;left:0;bottom:0;right:0;z-index: 100;}
.window-masking.active{
display: block;
}
.layer,.layer-table{
width: 2.22rem;
background: #fff;
position: fixed;
top: 30%;
left: 50%;
margin-left: -1.385rem;
z-index: 101;
border-radius: 4px;
overflow: hidden;
padding: .26rem;
text-align: center;
font-size: .13rem;
display: none;
}
.loading {background:#000 url(/img/center/account/loading.gif) no-repeat center;}
.layer.active{
display: block;
}
.layer-table{
width: 3rem;
margin-left: -1.635rem;
padding: 0.27rem .15rem;
}
/*弹窗*/

.layer-table table {
border: 1px solid #d6d6d6;
border-right: 0;
margin-bottom: .22rem;
}

.layer-table table tr td,
.layer-table table tr th {
text-align: center;
height: .35rem;
border-right: 1px solid #d6d6d6;
}

.layer-table table tr:nth-of-type(odd) {
background: #f7f7f7;
}

.layer-table table tr th {
color: #fff;
}

.layer-table table tr th:first-child {
background: #eee;
color: #333;
}

.layer-table table tr th:nth-of-type(2) {
background: #81aade;
}

.layer-table table tr th:nth-of-type(3) {
background: #5b8fd2;
}

.layer-table table tr th:last-child {
background: #0653b5;
}

.layer>p {
text-align: center;
font-size: .15rem;
}

.layer .valbox {
margin: .2rem 0 .3rem 0;
}

.layer .valbox .input-text {
width: 1.1rem;
}



.layer .icon-close {
display: block;
width: .21rem;
height: .21rem;
background: url(/img/account/icon-close.png) no-repeat;
background-size: 100%;
position: absolute;
right: 4px;
top: 4px;
}



.tab-navi li{
  display: inline-block; 
  font-size: .14rem;
  float: left;
  width: 25%;
  text-align: center;
  
}


.tab-body>ul{
  margin: 0;
  padding: 0;
  clear: both;
}
.tab-body li{
font-size:.14rem;
}
.grey-head{
width: 100%;
height: .4rem;
line-height: .4rem;
background: #f8f8f9;
border-bottom: 2px solid #e8e8e8;
position: relative;
text-align: center;
font-size:0 ;
color: #333333;
}
.blue-head{
width: 100%;
height: .4rem;
line-height: .4rem;
background: #0753b5;
border-bottom: 2px solid #e8e8e8;
position: relative;
text-align: center;
font-size:0 ;
color: #ffffff;
}
.blue-head .menu-btn{
  background: url(/img/mune-icon.png) no-repeat center #0753b5;
  background-size: 0.21rem 0.15rem;
}
.fixheader{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  height: .44rem;
  line-height: .44rem;
}
.fixheader .c_title{
font-size: .18rem;
}
.ucnav{
 position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 102;
  display: none;
}
.ucnav nav{
position: absolute;
right: .1rem;
  background: #fff;
  z-index: 102;
  border-radius: 4px;
  top: .44rem;
}
.ucnav .active{
display: block;
}
.ucnav i{
display: inline-block;
  width: .12rem;
  height: .1rem;
  background: url(/img/center/icon-nav.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: -.04rem;
  right: .1rem;
}
.ucnav .ucnav-ul a{
color: #333;
display: block;
}
.ucnav .ucnav-ul li{
width: 1.365rem;
  height: .435rem;
  line-height: .435rem;
  border-bottom: 1px solid #d3d3d3;
  text-indent: .59rem;
}
.ucnav .ucnav-ul li:first-child{
background: url(/img/center/icon-uc.png) no-repeat .25rem center;
background-size: .16rem .17rem;
}
.ucnav .ucnav-ul li:nth-of-type(2){
background: url(/img/center/icon-save.png) no-repeat .25rem center;
background-size: .2rem .145rem;
}
.ucnav .ucnav-ul li:nth-of-type(3){
background: url(/img/center/icon-bank.png) no-repeat .25rem center;
background-size: .2rem .19rem;
}
.ucnav .ucnav-ul li:nth-of-type(4) {
  background: url(/img/center/qb_icon.png) no-repeat .25rem center;
  background-size: .19rem .19rem;
}
.ucnav .ucnav-ul li:nth-of-type(5){
background: url(/img/center/icon-code.png) no-repeat .25rem center;
background-size: .19rem .19rem;
}
.ucnav .ucnav-ul li:nth-of-type(6) {
  background: url(/img/center/icon-withdraw.png) no-repeat .25rem center;
  background-size: .19rem .19rem;
}
.ucnav .ucnav-ul li:nth-of-type(7) {
background: url(/img/center/icon_wx.png) no-repeat .25rem center;
background-size: .19rem .19rem;
}
.ucnav .ucnav-ul li:last-child{
border-bottom: none;
background: url(/img/center/icon-return.png) no-repeat .25rem center;
background-size: .2rem .15rem;
}
.footerbox{
height: 0.4rem;
background: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 98;
  box-shadow: 0px 0px 10px rgba(0,0,0,.14);
}
.footernav li{
width: 33.33%;
float: left;
  text-align: center;
  padding: .1rem 0;
}
.footernav li a{
display: inline-block;
  height: .2rem;
  width: 100%;
  border-right: 1px solid #d3d3d3;
}
.footernav li a .icon-live,.footernav li a .icon-hot,.footernav li a .icon-user{
width: .5rem;
height: .2rem;
background: url(/img/center/shouye.png) no-repeat left center;
background-size: .2rem .185rem;
display: inline-block;
  text-indent: .2rem;
  color: #0653B5;
  font-style: normal;
}
.footernav li a .icon-hot{
width: .5rem;
background: url(/img/center/sevemoney.png) no-repeat left center;
background-size: .2rem .15rem;
}
.footernav li a .icon-user{
width: .8rem;
background: url(/img/center/onlinechat.png) no-repeat left center;
background-size: .225rem .2rem;
}
.banner{
margin: 0 .1rem .7rem .1rem;
}
.banner img{
width: 100%;	
}
.c_back{

width: .125rem;
height: .21rem;
display: inline-block;
position: absolute;
top: .1rem;
left: .1rem;
}
.grey-head .c_back{
background: url(/img/back.png) no-repeat center;
background-size:100% 100% ;
}
.blue-head .c_back{
background: url(/img/icon_back.png) no-repeat center;
background-size:100% 100% ;
}
.c_title{
font-size: .14rem;
display: inline-block;

}
.foot{
background: #ffffff;
box-sizing: border-box;
padding: .16rem 0;
}
.foot li{
float: left;
width: 50%;
text-align: center;
  margin-bottom:.05rem;
}
.foot{
  background:#f7f7f7;
  box-sizing: border-box;
  padding-top: .25rem;
}
.foot h3{
  background: url(/img/about/line_3.png) no-repeat center center;
  background-size: contain;
  width: 60%;
  margin: 0 auto;
  color: #245cb8;
  text-align: center;
  font-size: .2rem;
  line-height: .2rem;
  margin-bottom: .17rem;
}
.foot li img{
  width:1.72rem;
}
.copyright{
background: #404147;
font-size:.1rem;
/*height:.355rem;*/
width: 100%;
line-height: .355rem;
text-align: center;
color: #d5d5d6;
padding-bottom: .58rem;
}

/*********加载更多***********/
.dropload-up,.dropload-down{
  position: relative;
  overflow: hidden;
  font-size: 12px;
  /* 开启硬件加速 */
  -webkit-transform:translateZ(0);
  transform:translateZ(0);
}
.dropload-down{
  position: relative;
  text-align: center;
}
.dropload-refresh,.dropload-update,.dropload-load,.dropload-noData{
  margin-top: 10px;
  text-align: center;
}
.dropload-load .loading{
  display: inline-block;
  height: 15px;
  width: 15px;
  border-radius: 100%;
  margin: 6px;
  border: 2px solid #666;
  border-bottom-color: transparent;
  vertical-align: middle;
  -webkit-animation: rotate 0.75s linear infinite;
  animation: rotate 0.75s linear infinite;
}
@-webkit-keyframes rotate {
  0% {
      -webkit-transform: rotate(0deg);
  }
  50% {
      -webkit-transform: rotate(180deg);
  }
  100% {
      -webkit-transform: rotate(360deg);
  }
}
@keyframes rotate {
  0% {
      transform: rotate(0deg);
  }
  50% {
      transform: rotate(180deg);
  }
  100% {
      transform: rotate(360deg);
  }
}


.emailist{    
position: absolute;
  z-index: 2;
  background: #fff;
  width: 2.62rem;
  top: .34rem;
  border: 1px solid #d3d3d3;
  padding-left: .13rem;
  visibility: hidden;
}
.emailist li{
line-height: .26rem;
}
/******我们的优势******/
.index-advantage{
  background:#fff;
  padding-bottom:.6rem;
}
.index-advantage li{
  width:50%;
  text-align:center;
  margin-top:.22rem;
}
.index-advantage li .icon{
  height:.7rem;
  line-height:.7rem;
}
.index-advantage li img{
  width:.53rem;
}
.index-advantage li .tit{
  position:relative;
  font-size:.15rem;
  line-height:.28rem;
  color:#5b5b5f;
  font-weight:bold;
  margin-bottom:.1rem;
}
.index-advantage li .tit:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-.02rem;
  margin-left:-.23rem;
  width:.46rem;
  height:.01rem;
  background:#5b5b5f;
}
.index-advantage li .p1{
  font-size:.12rem;
  line-height:.2rem;
  color:#858585;
}
/******温馨提示*******/
.warm-tips{ 
  background:url("../img/index/bottom-bg.png") no-repeat center;
  background-size:cover;
}
.warm-tips .tips-con{
  box-sizing:border-box;
  padding:.2rem .12rem .25rem;
  background:rgba(49,86,117,.6);
}
.warm-tips .tips-con .tips{
  position:relative;
  font-size:.12rem;
  line-height:.21rem;
  color:#aecce8;
  margin-bottom:.38rem;
}
.warm-tips .tips-con .tips .blue{
  color:#0fa8ff;
}
.warm-tips .tips-con .tips a{
  display:inline-block;
  position:absolute;
  right:0;
  top:0;
  font-size:.12rem;
  color:#fff;
  width:1.35rem;
  height:.3rem;
  line-height:.3rem;
  text-align:center;
  border-radius:.15rem;
  border:.015rem solid #0fa8ff;
  background:#091928;
}
.warm-tips .tips-con .kefu{
  font-size:.11rem;
  line-height:.21rem;
  color:#aecce8;
}

/*****底部app下载提示******/
.appDownload{
  box-sizing:border-box;
  position:fixed;
  z-index:98;
  bottom:-.64rem;
  padding:.05rem .05rem .05rem .1rem;
  background:#090814;
  width:100%;
}
.appDownload .appdownload-left img{
  height: .45rem;
  vertical-align: top;
  margin-right: .1rem;
  margin-top: .05rem;
}
.appDownload .appdownload-left p{
  display: inline-block;
  font-size: .16rem;
  line-height: .17rem;
  color: #EBD19F;
}
.appDownload .appdownload-left p span{
  display: inline-block;
  font-size: .1rem;
  line-height: .12rem;
  color: #565664;
  margin-bottom: .05rem;
}
.appDownload .appdownload-left p span a{
  color: #EBD19F;
}
.appDownload .appdownload-left p .blue{
  color:#0fa8ff;
}
.appDownload .appdownload-right .download-btn{
  display: inline-block;
    width: .8rem;
    height: .35rem;
    color: #fff;
    font-size: .12rem;
    line-height: .35rem;
    text-align: center;
    margin-top: .1rem;
    background: #D77926;
    border-radius: 17px;
    margin-right: .08rem;
}
.appDownload .close{
  position:absolute;
  display:inline-block;
  width: .16rem;
  height:.16rem;
  line-height:.3rem;
  font-size:.3rem;
  background: url('/img/index/new-close.png') no-repeat center;
  background-size: cover;
  right: .1rem;
  top: .02rem;
}
._hide_{
  display:none;
}
.newFoot{
background: #505054;
padding-top: .2rem;
}
.newFoot h3{
text-align: center;
color: #fff;
width: 1.5rem;
background: url(/img/zs-line.png) no-repeat center;
margin: 0 auto;
background-size: contain;
font-size: .15rem;
margin-bottom: .11rem;
}
.newFoot .pp_1{
color: #d5d5d6;
line-height: .24rem;
text-align: center;
padding: 0 .14rem .19rem;
border-bottom:  1px solid #d5d5d6;

}
.newFoot ul{
display: flex;
padding-bottom: .1rem;
border-bottom:  1px solid #d5d5d6;
}
.newFoot ul li {
flex: 1;
text-align: center;
font-size: .12rem;
color: #d5d5d6;
}
.newFoot ul li p{
padding: .1rem;
}
#index_body #navPanel.active nav {
animation: transform-x1 400ms forwards;
-webkit-animation: transform-x1 400ms forwards;
}
#index_body #navPanel nav {
width: 1rem;
float: right;
background: #edeaea;
font-size: 0.12rem;
position: absolute;
right: 0;
top: 0;
}
.btn-qx,.btn-ys{
  color: #2C72FF;
  display: inline-block!important;
}