@charset "UTF-8";
/*!
 * FIFACOIN.COM
 * v1.0
 * global.css
 * 2017-03-22
 */
html {
  box-sizing: border-box; }

body {
  font-family: Arial;
  font-size: 16px;
  color: #333;
  background-color: #f6f6f6; }

ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none; }

a,
a:active,
a:hover,
a:focus {
  text-decoration: none;
  color: #0084b4; }

@media (min-width: 1200px) {
  .container {
    width: 1230px;
    max-width: 100%; } }

@media (max-width: 767px) {
  .container {
    padding-right: 10px;
    padding-left: 10px; } }

.text-muted {
  color: #d6d6d6; }

.text-primary {
  color: #f2a506; }

.text-success {
  color: #2ecc71; }

.text-warning {
  color: #f25f06; }

.text-danger {
  color: #e74c3c; }

.text-connection {
  color: #0084b4; }

.text-orange {
  color: #f2a506 !important; }

.text-note {
  color: #7d7d7d; }

.text-normal {
  color: #333; }

.text-post {
  color: #333; }

.text-blod {
  font-weight: bold; }

.text-dark-yellow {
  color: #dc9400; }

label.error {
  color: #e74c3c !important; }

.font-size-18 {
  font-size: 18px !important; }

.col-wp-1 {
  float: left;
  width: 10%; }

.col-wp-2 {
  float: left;
  width: 20%; }

.col-wp-6 {
  float: left;
  width: 50%; }

.col-wp-6 {
  float: left;
  width: 60%; }

.mb-20 {
  margin-bottom: 20px; }

.bg-inverse {
  background-color: #2f333e !important;
  border: 0; }

.btn {
  border-radius: 3px; }

.btn > span {
  vertical-align: middle; }

.btn-lm {
  font-size: 16px;
  padding: 8px 20px; }

.btn-primary {
  color: #fff;
  border-color: #f25f06;
  background-color: #f25f06; }

.btn-search {
  color: #fff;
  background-color: #f2a506; }

.btn-animation {
  font-size: 16px;
  min-width: 98px;
  padding: 6px 25px;
  text-align: center;
  border: 1px #fbbf02 solid;
  border-radius: 4px; }

.btn-animation-color {
  color: #23272e;
  background-color: #fbbf02; }

.btn-died {
  color: #fff;
  border: #fff 1px solid;
  background-color: transparent; }

.btn-primary:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  border-color: #cf5003;
  background-color: #cf5003; }

.border-yellow {
  border: 3px solid #f2a506 !important; }

.btn-primary.active.focus,
.btn-primary.active:focus,
.btn-primary.active:hover,
.btn-primary:active.focus,
.btn-primary:active:focus,
.btn-primary:active:hover,
.open > .dropdown-toggle.btn-primary.focus,
.open > .dropdown-toggle.btn-primary:focus,
.open > .dropdown-toggle.btn-primary:hover {
  color: #fff;
  border-color: #f25f06;
  background-color: #f25f06; }

.btn-primary.disabled.focus,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled].focus,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary.focus,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
  border-color: #f25f06;
  background-color: #f25f06; }

.btn-success {
  border-color: #2ecc71;
  background-color: #2ecc71; }

.btn-success:hover {
  color: #fff;
  border-color: #2ecc71;
  background-color: #2ecc71; }

.btn-success.focus,
.btn-success:focus {
  color: #fff;
  border-color: #2ecc71;
  background-color: #2ecc71; }

.btn-success.active.focus,
.btn-success.active:focus,
.btn-success.active:hover,
.btn-success:active.focus,
.btn-success:active:focus,
.btn-success:active:hover,
.open > .dropdown-toggle.btn-success.focus,
.open > .dropdown-toggle.btn-success:focus,
.open > .dropdown-toggle.btn-success:hover {
  color: #fff;
  border-color: #2ecc71;
  background-color: #2ecc71; }

.btn-disable {
  color: #fff;
  border-color: #d6d6d6;
  background-color: #d6d6d6; }

.btn-disable:focus,
.btn-disable:active,
.btn-disable:hover,
.btn-disable.active.focus,
.btn-disable.active:focus,
.btn-disable.active:hover,
.btn-disable:active.focus,
.btn-disable:active:focus,
.btn-disable:active:hover {
  color: #fff;
  border-color: #d6d6d6;
  background-color: #d6d6d6; }

.btn-warning {
  border-color: #f2a506;
  background-color: #f2a506; }

.btn-warning:hover {
  color: #fff;
  border-color: #f2a506;
  background-color: #f2a506; }

.btn-warning.focus,
.btn-warning:focus {
  color: #fff;
  border-color: #f2a506;
  background-color: #f2a506; }

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open > .dropdown-toggle.btn-warning.focus,
.open > .dropdown-toggle.btn-warning:focus,
.open > .dropdown-toggle.btn-warning:hover {
  color: #fff;
  border-color: #f2a506;
  background-color: #f2a506; }

.btn-disable {
  color: #fff;
  border-color: #d6d6d6;
  background-color: #d6d6d6; }

.btn-disable:hover,
.btn-disable.active.focus,
.btn-disable.active:focus,
.btn-disable.active:hover,
.btn-disable:active.focus,
.btn-disable:active:focus,
.btn-disable:active:hover {
  color: #fff;
  border-color: #d6d6d6;
  background-color: #d6d6d6; }

.bg-warning {
  background-color: #fff8e5; }

.bg-info {
  background-color: #f6f6f6; }

.btn-inactive {
  color: #fff;
  background-color: #d5d5d5; }

.btn-inactive:hover,
.btn-inactive.active.focus,
.btn-inactive.active:focus,
.btn-inactive.active:hover,
.btn-inactive:active.focus,
.btn-inactive:active:focus,
.btn-inactive:active:hover {
  color: #fff;
  border-color: #c5c5c5;
  background-color: #c5c5c5; }

.alert {
  font-size: 16px;
  min-height: 40px;
  padding: 6px 13px;
  border: none;
  border-radius: 0; }

.alert .iconfont {
  font-size: 20px;
  margin-right: 10px;
  vertical-align: middle;
  color: #a9d86e; }

.alert-notice {
  font-size: 14px;
  padding: 18px; }

.alert-notice h4 {
  font-size: 14px;
  font-weight: bold; }

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  /*    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242,165,6,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(242,165,6,.6);*/ }

.dropdown-menu > li > a {
  font-size: 16px;
  padding: 4px 20px;
  color: #999; }

.dropdown-menu > li > a:focus,
.dropdown-menu > li > a:hover {
  color: #fff; }

.breadcrumb {
  margin-bottom: 0;
  background-color: transparent !important;
  padding: 10px 21px; }

.breadcrumb a {
  font-size: 14px;
  line-height: 26px;
  color: #666; }

.breadcrumb .icon {
  font-size: 22px;
  line-height: 26px;
  vertical-align: middle;
  color: #666; }

.breadcrumb > .active {
  color: #f2a506; }

.breadcrumb > li + li:before {
  padding: 0 8px 0 3px;
  content: '\003E';
  color: #666; }

@media (max-width: 767px) {
  .breadcrumb {
    padding: 8px 0; } }

.well {
  margin-bottom: 60px;
  padding: 20px;
  border: 0;
  border-radius: 0;
  box-shadow: none; }

.well.page-well .title {
  font-size: 18px;
  color: #333; }

.well.page-well p {
  font-size: 14px;
  line-height: 1; }

.well.page-well p:last-child {
  margin: 0; }

.table {
  margin-bottom: 12px; }

.table > tbody > tr > th,
.table > thead > tr > th {
  color: #999; }

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  font-weight: normal;
  vertical-align: middle;
  border-color: #e7e7e7; }

.popover {
  font-size: 14px;
  line-height: 16px;
  max-width: 210px;
  text-align: left;
  color: #666;
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  background-color: #fff; }

.popover-danger {
  color: #e74c3c;
  border: 1px solid #e74c3c;
  background-color: #fff; }

.popover-content {
  padding: 6px 8px; }

.popover.bottom > .arrow {
  border-bottom-color: #dfdfdf; }

.popover-danger.bottom > .arrow {
  border-bottom-color: #e74c3c; }

.line-through {
  font-size: 16px;
  text-decoration: line-through;
  color: #999; }

.icon-xbox360:before,
.icon-xboxone:before,
.icon-icon-xbox:before {
  content: '\e860'; }

.icon-PC:before,
.icon-icon-pc:before,
.icon-pc:before {
  content: '\e600'; }

.icon-icon-ps:before,
.icon-ps3:before,
.icon-ps4:before {
  content: '\e607'; }

.icon-error:before {
  content: '\e708'; }

.icon-success:before {
  content: '\e6a0'; }

.icon-warning:before {
  content: '\e67e'; }

.loading {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-image: url(../images/ico/loading.gif);
  background-size: cover; }

.muen-fixed {
  position: relative; }

@media (max-width: 767px) {
  .muen-fixed {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    left: 0;
    transform: translate3d(0, -2px, 0);
    border-radius: 1px;
    /*瑙ｅ喅iphone 6 plus 涓� box-shadow 澶辨晥*/
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15);
    -webkit-appearance: none; } }

/*fc-masthea start*/
.fc-masthead {
  width: 100%;
  background-position: 0 30px;
  background-repeat: no-repeat;
  background-size: 100% 100px;
  background-color: #1d2025; }

.fc-masthead .masthead-top {
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  color: #fff;
  float: left; }

.masthead-top > ul {
  font-size: 14px;
  float: right; }

.masthead-top > ul > li {
  line-height: 30px;
  float: right;
  height: 30px;
  max-height: 30px;
  list-style: none; }

.masthead-top a,
.masthead-top a:active,
.masthead-top a:hover,
.masthead-top a:focus {
  color: #fff; }

.masthead-top .dropdown {
  line-height: 30px;
  height: 100%;
  padding: 0 20px;
  text-align: center; }

.masthead-top .dropdown.open {
  background-color: #282b32;
  /*    border-bottom: 1px solid #f2a506;*/ }

.fc-masthead .dropdown-menu {
  min-width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background-color: #282b32; }

.fc-masthead .dropdown-menu > li > a {
  font-size: 14px; }

.masthead-top .language-show {
  min-width: 130px; }

.masthead-top .language-show li {
  position: relative;
  display: inline-block;
  width: 100%; }

.masthead-top .language-show i {
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(../images/flag.png?v20171110) no-repeat;
  vertical-align: middle; }

.masthead-top .dropdown.language-show a {
  display: block;
  width: 100%; }

.masthead-top .language-show .country-name {
  display: inline-block;
  line-height: 30px;
  height: 30px;
  padding: 0 4px; }

.masthead-top .language-show li .effect {
  transition: all .15s ease-in-out;
  opacity: .4; }

.masthead-top .language-show li a:hover .effect {
  opacity: 1; }

.language-show i.language-usa {
  background-position: 0 0; }

.language-show i.language-de {
  background-position: 0 -56px; }

.language-show i.language-fr {
  background-position: 0 -84px; }

.language-show i.language-it {
  background-position: 0 -112px; }

.language-show i.language-ar {
  background-position: 0 -140px; }

.language-show i.language-cn {
  background-position: 0 -168px; }

.language-show i.language-nl {
  background-position: 0 -196px; }

.language-show i.language-es {
  background-position: 0 -222px; }

.fc-masthead .dropdown-menu {
  border-top: 1px solid #f2a506; }

.fc-masthead .dropdown-menu > li {
  font-size: 14px;
  text-align: left; }

.fc-masthead .dropdown-menu > li > a:focus,
.fc-masthead .dropdown-menu > li > a:hover {
  background-color: #f93b78; }

.fc-masthead .dropdown-menu > li.logout a:after {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-style: normal;
  position: absolute;
  right: 20px;
  width: auto;
  content: '\e6dc';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.masthead-top > ul > li .separate {
  display: inline-block;
  height: 14px;
  margin: 8px 0;
  border-right: 1px solid #2f333e; }

.fc-masthead .masthead-bottom {
  display: block;
  float: left;
  width: 100%; }

.masthead-top > ul > li .signin {
  margin: 0 20px; }

.masthead-top > ul > li .signin span {
  padding: 0 6px; }

.masthead-top > ul > li .signin .icon {
  font-size: 14px; }

.masthead-top .get-coins .icon {
  font-size: 14px;
  display: inline-block;
  width: 21px;
  margin-right: 10px;
  color: #fff; }

.masthead-top .reminder {
  position: relative; }

.masthead-top .reminder .icon {
  font-size: 18px; }

.masthead-top .reminder .badge {
  font-size: 12px;
  position: absolute;
  top: 4px;
  left: 10px;
  width: auto;
  height: auto;
  padding: 1px 4px;
  background-color: #f2a506; }

.masthead-top .reminder .badge:after {
  width: 0;
  height: 0;
  border: 0; }

.masthead-top .faq-h,
.masthead-top .aff {
  padding: 0 20px; }
  .masthead-top .faq-h .icon,
  .masthead-top .aff .icon {
    font-size: 18px;
    vertical-align: middle;
    margin-right: 3px; }

.masthead-bottom .logo {
  display: inline-block;
  /*  vertical-align: middle;
    display: table-cell;*/
  padding: 17px 0; }

@media (max-width: 767px) {
  .masthead-top > ul {
    width: 100%; }
  .fc-masthead .container {
    padding-right: 5px;
    padding-left: 5px; }
  .dropdown-menu > li > a {
    padding: 8px 15px; }
  .fc-masthead .u-mail {
    display: inline-block;
    float: left;
    overflow: hidden;
    max-width: 120px;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .masthead-top .dropdown {
    padding: 0 15px; }
  .fc-masthead .dropdown-menu {
    min-width: 70px; } }

/*fc-masthea end*/
/*navbar start*/
.navbar {
  z-index: 998;
  min-height: 36px;
  margin-bottom: 0; }

.navbar-brand {
  padding: 8px; }

.navbar-brand > img {
  height: 100%; }

.navbar-nav > li {
  margin-right: 2px !important; }

/*.nav>li>a {
    padding: 10px 20px;
}
*/
.navtab > li {
  float: left;
  width: 50%;
  border: 1px solid #dfdfdf; }

.navtab > li + li {
  float: left;
  width: 50%;
  border-left: none; }

.navtab > li > a {
  font-size: 18px;
  padding: 14px 22px;
  color: #666; }

.navtab > li.active a {
  color: #fff;
  border-color: #2f333e;
  background-color: #2f333e; }

@media (min-width: 767px) {
  .navbar-nav > li > a {
    padding-top: 8px;
    padding-bottom: 8px; } }

.navbar-default .navbar-nav > li > a {
  font-size: 16px;
  padding: 10px 12px;
  color: #f2a506; }

.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > li > a:hover {
  color: #f2a506;
  color: #2f333e;
  background-color: #f2a506;
  /*    font-weight: bold;*/ }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  font-weight: bold;
  color: #f2a506;
  color: #2f333e;
  background-color: #f2a506; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover {
  color: #f2a506;
  color: #2f333e;
  background-color: #f2a506; }

.navbar-default .navbar-toggle {
  border-color: #1d2025; }

.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #f2a506; }

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #1d2025; }

.navbar-default .navbar-toggle .icon-bar {
  background-color: #f2a506; }

.navbar-nav > li > .dropdown-menu {
  min-width: 100%;
  border: 0;
  border-radius: 0;
  background-color: #282b32; }

.fc-header .dropdown-menu > li > a {
  position: relative;
  color: #f2a506; }

.fc-header .dropdown-menu > li > a:focus,
.fc-header .dropdown-menu > li > a:hover {
  background-color: #f93b78; }

.navbar-nav > li .hot-tip:before {
  position: absolute;
  top: -6px;
  right: 18px;
  width: 20px;
  height: 20px;
  content: url(../images/new.gif); }

.free-tip:before {
  position: absolute;
  top: -6px;
  right: 18px;
  width: 20px;
  height: 20px;
  content: url(../images/free.gif);
  z-index: 999; }

.navbar-nav > li > a.hot-tip:hover:before {
  position: absolute;
  top: -6px;
  right: 18px;
  width: 20px;
  height: 20px;
  content: url(../images/new-active.gif); }

.navbar-nav > li > a.sell-to-us {
  color: #fff;
  background-color: #00aff0;
  padding-left: 42px; }

.navbar-nav > li > a.sell-to-us:before {
  font-family: 'iconfont' !important;
  font-size: 28px;
  font-style: normal;
  position: absolute;
  left: 10px;
  top: 9px;
  width: auto;
  content: '\e63f';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.navbar-nav > li > a.sell-to-us:focus,
.navbar-nav > li > a.sell-to-us:hover {
  color: #fff;
  background-color: #0096cd; }

.navbar-nav > li > a.chat {
  color: #00aff0; }

.navbar-nav > li > a.chat:before {
  font-family: 'iconfont' !important;
  font-size: 18px;
  font-style: normal;
  line-height: 0;
  width: auto;
  padding-right: 8px;
  content: '\e74b';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.navbar-nav > li > a.chat:focus,
.navbar-nav > li > a.chat:hover {
  color: #0096cd;
  background-color: transparent; }

.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
  width: 100%; }

@media (max-width: 767px) {
  .masthead-top > ul > li .separate {
    display: none; }
  .masthead-top .language-show {
    margin: 0 4px; }
  .masthead-top > ul > li .signin {
    margin: 0 4px; }
  .masthead-bottom .logo img {
    width: 60%; }
  .carousel-control.left,
  .carousel-control.right {
    display: none; } }

/*navbar end*/
/*notice start*/
.fc-header .notice {
  height: 60px;
  background: #f0f0f0; }

.notice .notice-info {
  position: relative;
  overflow: hidden;
  height: 60px; }

.notice .notice-info marquee {
  line-height: 60px;
  float: left;
  width: 100%;
  height: 60px;
  margin-left: 62px; }

.notice p {
  font-size: 16px;
  line-height: 60px;
  display: inline-block;
  padding: 0 4px;
  color: #333; }

.notice .icon-laba1 {
  font-size: 26px;
  line-height: 60px;
  position: absolute;
  left: 26px;
  vertical-align: middle;
  color: #f2a506; }

@media (max-width: 767px) {
  .notice .icon-laba1 {
    left: 0; } }

/*notice end*/
/*banner start*/
.carousel-control-next,
.carousel-control-prev {
  width: 22%; }

.glyphicon-chevron-right:before {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-size: 45px;
  font-style: normal;
  content: '\e621';
  color: rgba(0, 0, 0, 0.6);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.glyphicon-chevron-left:before {
  font-family: 'iconfont' !important;
  font-size: 16px;
  font-size: 45px;
  font-style: normal;
  content: '\e61f';
  color: rgba(0, 0, 0, 0.6);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.carousel-control.left {
  background-image: linear-gradient(to right, transparent 0, transparent 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1); }

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, transparent 0, transparent 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1); }

.carousel-control.left:focus,
.carousel-control.left:hover {
  text-decoration: none;
  opacity: .5;
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  filter: alpha(opacity=60); }

.carousel-control.right:focus,
.carousel-control.right:hover {
  right: 0;
  left: auto;
  opacity: .5;
  color: #fff;
  outline: 0;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  filter: alpha(opacity=60); }

/*banner end*/
/*fc-commodity start*/
.fc-commodity {
  margin-top: 56px;
  padding-bottom: 40px; }

.middle-line {
  display: block;
  width: 100%;
  border-bottom: 1px solid #d6d6d6; }

.fc-commodity .commodity-title {
  font-size: 26px;
  font-weight: bold;
  padding: 8px;
  color: #333;
  background-color: #fff; }

.fc-commodity .commodity-notice {
  font-size: 20px;
  text-align: center;
  color: #999; }

.fc-commodity .commodity-tabs {
  width: 100%;
  margin-bottom: 46px;
  text-align: center; }

.commodity-tabs .tab-left,
.commodity-tabs .tab-right {
  float: left;
  width: 50%;
  text-align: right; }

.commodity-tabs .tab-left {
  text-align: right; }

.commodity-tabs .tab-right {
  text-align: left; }

.commodity-tabs .divider {
  line-height: 27px;
  float: left;
  width: 0; }

.commodity-tabs .divider > div {
  display: inline-block;
  overflow: hidden;
  width: 1px;
  height: 28px;
  vertical-align: middle;
  background-color: #d6d6d6; }

.commodity-tabs .tab-link {
  font-size: 28px;
  position: relative;
  margin: 0 20px;
  padding: 5px 0;
  color: #2f333e; }

.commodity-tabs a.active {
  font-weight: bold;
  border-bottom: 4px solid #f2a506; }

.commodity-tabs a.active:after {
  line-height: 0;
  position: absolute;
  right: 50%;
  bottom: -12px;
  display: block;
  width: 0;
  height: 0;
  margin-right: -10px;
  content: '';
  border-top: 10px solid #f2a506;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent; }

.fc-commodity .tab-content {
  min-height: 288px;
  margin-top: 23px;
  margin-right: -8px;
  margin-left: -8px; }

.fc-commodity {
  /*  display: flex;  //濂藉儚涓嶅吋瀹笽E9
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;*/
  width: 100%; }

.fc-commodity ul.commodity-list li {
  float: left;
  width: 33.33333%;
  padding: 0 8px; }

@media (max-width: 767px) {
  .fc-commodity ul.commodity-list li {
    width: 50%;
    padding: 0 10px; } }

.fc-commodity .card {
  margin-bottom: 20px;
  cursor: pointer;
  /*    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);*/
  transition: all .2s linear;
  /*  display: inline-block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;*/
  /* float: left;*/
  /*  display: inline-block;*/
  text-align: center;
  border: 0;
  border-radius: 0;
  background-color: #fff; }

.fc-commodity .card {
  padding: 45px 5px 20px 5px; }

.fc-commodity .card:hover {
  transform: translate3d(0, -2px, 0);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.15); }

.fc-commodity .card .icon {
  font-size: 64px;
  line-height: 1;
  color: #2f333e; }

.fc-commodity .card .card-img-top {
  margin-top: 45px; }

.fc-commodity .card-block {
  padding-top: 20px; }

.fc-commodity .card-block .card-title {
  font-size: 24px;
  color: #2f333e; }

.fc-commodity .card-block .card-text {
  font-size: 14px;
  margin-bottom: 25px;
  color: #999; }

.fc-commodity .card-block .btn {
  font-size: 20px;
  font-weight: bold;
  padding: 5px 27px; }

@media (max-width: 767px) {
  .fc-commodity {
    margin-top: 0;
    padding-bottom: 35PX; }
  .fc-header .notice {
    height: 30px; }
  .notice .icon-laba1 {
    font-size: 16px;
    line-height: 30px; }
  .notice .notice-info marquee {
    font-size: 14px;
    line-height: 30px;
    height: 30px;
    margin-left: 25px; }
  .fc-commodity .commodity-notice {
    margin-top: 15px; }
  .fc-commodity .commodity-tabs {
    min-height: 90px;
    margin-bottom: 5px;
    background-color: #fff; }
  .fc-commodity .commodity-title {
    font-size: 25px; }
  .fc-commodity .commodity-tabs ul {
    background-color: #fff; }
  .commodity-tabs .tab-link {
    font-size: 25px;
    margin: 0;
    padding: 1px 0; }
  .fc-commodity .commodity-tabs > ul > li a {
    margin: 0;
    padding: 0; }
  .commodity-tabs .divider {
    line-height: 25px;
    display: none; }
  .commodity-tabs .divider > div {
    height: 25px; }
  .commodity-tabs .tab-left,
  .commodity-tabs .tab-right {
    margin-bottom: 0;
    text-align: center; }
  .commodity-tabs .tab-full {
    text-align: center;
    width: 100%; }
  /*  .commodity-tabs .divider {
        display: none;
    }*/
  .commodity-tabs a.active {
    color: #f2a506; }
  .commodity-tabs a.active:after {
    display: none; }
  .fc-commodity .card {
    padding: 25px 5px 20px 5px; }
  .fc-commodity .card-block .card-title {
    font-size: 20px; }
  .fc-commodity .card-block {
    padding: 5px 0 5px 0; }
  .fc-commodity .card-block .btn {
    font-size: 16px;
    padding: 5px 15px; } }

/*fc-commodity end*/
/*info-exhibition start*/
.info-exhibition {
  margin-top: 58px;
  margin-bottom: 58px; }

@media (max-width: 767px) {
  .info-exhibition {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center; } }

.info-exhibition img {
  max-width: 100%; }

.info-exhibition .comments,
.info-exhibition .tw {
  display: inline-block; }

.info-exhibition .comments {
  float: none;
  padding-left: 24px; }

@media (max-width: 767px) {
  .info-exhibition .comments {
    margin: 20px auto;
    padding: 0; } }

.info-exhibition .tw {
  float: right; }

@media (max-width: 767px) {
  .info-exhibition .tw {
    float: none;
    margin: 20px auto;
    padding: 0; } }

.info-exhibition .email {
  width: 270px;
  min-height: 110px;
  margin-top: 6px;
  background-color: #fff; }

.info-exhibition .email .text {
  font-size: 16px;
  padding: 6px 8px;
  color: #666; }

.info-exhibition .email .text label {
  font-weight: normal;
  margin: 0; }

.info-exhibition .email p {
  font-size: 16px;
  color: #666; }

.info-exhibition .email p {
  font-size: 16px;
  color: #666; }

.info-exhibition .email .sub {
  width: 100%;
  height: 54px;
  background-color: #efefef; }

.info-exhibition .email .sub .sub-in {
  padding: 8px 0 8px 10px; }

.info-exhibition .email .sub input {
  font-size: 16px;
  width: 180px;
  height: 38px;
  border: 1px solid #e7e7e7;
  border-radius: 3px; }

.info-exhibition .email .sub .subscribe {
  position: relative;
  float: right;
  width: 70px;
  height: 100%;
  text-align: center;
  border: 0;
  background-color: #f2a506; }

.email .sub .subscribe .icon-youjian {
  font-size: 35px;
  display: inline-block;
  margin-top: -15px;
  margin-bottom: -12px;
  color: #fff; }

.email .sub .subscribe span {
  font-size: 12px;
  position: absolute;
  bottom: 3px;
  display: block;
  color: #fff; }

/*info-exhibition end*/
/*content start*/
.content {
  width: 100%;
  height: 100%;
  min-height: 560px;
  margin: 0;
  padding: 30px;
  border-top: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6;
  background-color: #fff; }

@media (max-width: 767px) {
  .content {
    padding: 15px; } }

.content .content-title {
  font-size: 30px;
  font-weight: bold;
  margin: 0;
  margin-bottom: 30px;
  padding: 0;
  color: #333; }

@media (max-width: 767px) {
  .content .content-title {
    font-size: 20px;
    margin-bottom: 15px; } }

.content .well-text h4 {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 2px;
  color: #333; }

.content .well-text p {
  font-size: 14px;
  line-height: 24px;
  margin: 0;
  color: #333; }

.content .well-text a {
  color: #0084b4; }

@media (max-width: 767px) {
  .well {
    margin-bottom: 20px; } }

/*content end*/
/*footer start*/
footer {
  min-height: 100px;
  background-color: #1d2025; }

footer .fc-service {
  width: 100%;
  height: auto;
  background: #2f333e; }

.fc-service ul {
  margin-top: 30px; }

.fc-service ul > li {
  float: left;
  width: 20%;
  height: auto; }

@media (max-width: 767px) {
  .fc-service ul > li {
    float: left;
    width: 100%;
    height: auto; } }

.fc-service .service-box {
  overflow: hidden;
  padding: 20px 10px;
  color: #fff; }

.service-box .service-box-left,
.service-box .service-box-right {
  display: inline-block;
  float: left; }

.service-box .service-box-left {
  width: 25%; }

@media (max-width: 767px) {
  .service-box .service-box-left {
    width: 18%; } }

.service-box .service-box-right {
  width: 75%;
  padding-left: 10px; }

.service-box .service-box-left .icon {
  font-size: 55px;
  display: inline-block;
  margin-top: -12px;
  vertical-align: top;
  color: #f2a506; }

/*.service-box .service-box-left  .icon-rocket {
    margin-top: -8px;
}*/
.service-box .service-box-right h4 {
  font-size: 20px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 0;
  color: #f2a506; }

.service-box .service-box-right span {
  font-size: 14px;
  color: #999; }

footer .fc-contact {
  min-height: 190px;
  padding: 40px 0 0 0; }

footer .fc-contact ul {
  border-bottom: 1px solid #2f333e; }

.fc-contact dl.nacgation {
  padding: 0 12px; }

.fc-contact dl.payments,
.fc-contact dl.followus {
  padding: 0 22px; }

dl.nacgation dt,
dl.payments dt,
dl.followus dt {
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 5px;
  color: #fff; }

dl.nacgation dd a {
  font-size: 14px;
  line-height: 26px;
  color: #666; }

dl.payments dd img,
dl.followus dd img {
  max-width: 100%;
  margin-top: 8px; }

.fc-copyright {
  font-size: 14px;
  line-height: 26px;
  padding: 24px;
  text-align: center;
  color: #666; }

@media (max-width: 767px) {
  footer .fc-contact ul > li {
    width: 100%; }
  .fc-contact dl.nacgation,
  .fc-contact dl.payments,
  .fc-contact dl.followus {
    padding: 5px; } }

.price h3 {
  margin: 0 0 11px 0;
  color: #f2a506; }

.price p {
  font-size: 14px;
  color: #999; }

/*footer end*/
.text-panel {
  padding: 2px 20px;
  margin-bottom: 10px;
  background: #fff; }

.text-warning {
  color: #dc9605;
  background-color: #fcf8e3; }

.text-error {
  color: #a94442;
  background-color: #f2dede; }

.text-panel .iconfont {
  font-size: 25px;
  margin-right: 9px;
  vertical-align: middle; }

.red_tips {
  color: #e74c3c; }

.form-group + .red_tips {
  margin-top: -15px; }

/*check-out start*/
.check-out {
  margin-top: 48px; }

.check-out h1 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: bold;
  color: #333; }

.check-out label {
  font-size: 14px;
  font-weight: 400;
  color: #333;
  margin-bottom: 7px; }

.check-out .btn {
  padding: 8px 24px;
  font-size: 16px;
  border-radius: 0; }

.check-out .btn-confirm {
  color: #fff;
  border-color: #f2a506;
  background-color: #f2a506; }

.check-out .notice1 {
  padding-top: 10px;
  margin-top: 26px;
  border-top: 1px solid #e6e6e6; }

.check-out .notice1 .notice-caption {
  margin-top: 18px;
  font-size: 14px;
  color: #333;
  width: 80%; }

.check-out .notice1 .notice-caption a {
  text-decoration: underline; }

.check-out .select {
  color: #333; }

.check-out .form-control {
  height: 40px;
  box-shadow: none;
  border-radius: 0; }

.check-out .notice1 label {
  margin: 0;
  padding: 0;
  width: 100%;
  cursor: pointer; }

.check-out .pricelist label input[type="radio"] {
  display: none; }

.check-out .notice1 .bonus {
  display: none;
  height: 58px;
  padding-top: 18px;
  padding-left: 21px;
  margin-top: 18px;
  border: 1px #dfdfdf solid;
  color: #333;
  font-size: 14px;
  cursor: pointer; }

.check-out .notice1 .bonus:hover,
.check-out .notice .bonus:focus {
  color: #f2a506;
  padding-top: 16px;
  padding-left: 19px;
  border: 3px solid #f2a506; }

.check-out .notice1 input:checked + .bonus {
  color: #f2a506;
  padding-top: 16px;
  padding-left: 19px;
  border: 3px solid #f2a506; }

.bonus-active {
  width: 358px;
  height: 58px;
  color: #f2a506;
  margin-top: 18px;
  padding-top: 16px;
  padding-left: 19px;
  border: 3px solid #f2a506;
  font-size: 14px;
  cursor: pointer; }

.check-out .notice1 .btn.adjust {
  margin-left: -5px; }

.check-out .notice1 table {
  border: 1px solid #e7e7e7;
  margin-top: 30px; }

.check-out tbody tr:first-child {
  font-size: 20px; }

.check-out .table > thead > tr > th {
  background-color: #f6f6f6;
  border: none; }

.check-out .table > tbody > tr > td {
  padding: 12px; }

.check-out .table > thead > tr > th {
  padding: 5px 12px; }

.check-out .check-compute .btn {
  width: 138px;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 16px;
  border-radius: 4px; }

.btn-danger {
  background-color: #e74c3c;
  color: #fff; }

.check-out .btn-muted {
  background-color: #d5d5d5;
  margin-right: 18px;
  color: #fff; }

.check-out .content {
  padding-bottom: 50px; }

.price-compute {
  font-size: 20px;
  font-weight: bold;
  color: #f2a506; }

.check-out .check-compute div {
  color: #333;
  margin-bottom: 30px; }

@media screen and (max-width: 768px) {
  .check-out .notice1 .btn.adjust {
    margin-top: 10px;
    margin-left: 0; } }

.check-out .discount-type .discount-item {
  padding-bottom: 10px;
  background-color: #f6f6f6;
  padding: 8px;
  cursor: pointer; }

/*check-out end*/
/*category start*/
.category .fc-commodity {
  margin-top: 25px; }

.category .fc-commodity .card-block {
  padding-top: 10px; }

.category .fc-commodity .card-block .card-title {
  margin-bottom: 20px; }

/*category end*/
/*other start*/
.bonus-coins {
  line-height: 1;
  position: relative;
  display: inline-block;
  width: 223px;
  height: 54px;
  margin-top: 25px;
  padding-left: 85px;
  color: #fff;
  border: 0;
  background: url(../images/bonus-coins.png) no-repeat;
  background-size: cover; }

.bonus-coins:hover,
.bonus-coins:active,
.bonus-coins:focus {
  color: #fff;
  background: url(../images/bonus-coins.png) no-repeat;
  background-size: cover; }

.bonus-coins:after {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 18px;
  height: 18px;
  content: '';
  background-image: url(../images/red-c-coin.png);
  background-repeat: no-repeat;
  background-size: cover; }

.bonus-coins h4 {
  font-size: 20px;
  line-height: 1;
  margin: 0;
  padding: 0; }

.bonus-coins span {
  font-size: 12px; }

.bonus-coins.btn-disable:active:hover,
.bonus-coins.btn-disable {
  background: url(../images/bonus-diable.png) no-repeat;
  background-size: cover; }

.bonus-coins.btn-disable:after {
  width: 0; }

/*other end*/
.underline {
  border-bottom: solid 1px #0084b4; }

.normal_tips {
  margin-top: 7px; }

.info-exhibition .col-md-6:first-child {
  width: 44%;
  padding-right: 11px; }

.info-exhibition .col-md-6 {
  width: 56%;
  padding-left: 11px; }

.info-exhibition .comments {
  padding-left: 0; }

.info-exhibition .comments .news-con {
  background-color: #fff;
  padding-left: 13px;
  padding-right: 13px;
  width: 361px;
  height: 407px; }

.info-exhibition .comments .news-con h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 22px;
  padding-top: 12px;
  padding-bottom: 6px;
  border-bottom: 1px solid #e5e5e5; }

.news .list-group-item {
  border-radius: 0;
  color: #666;
  font-size: 14px;
  padding: 0;
  padding-bottom: 10px;
  border: none; }

.news-con .news .list-group-item:focus,
.news-con .news .list-group-item:hover,
.news-con .news .list-group-item.active,
.news-con .news .list-group-item.active:focus,
.news-con .news .list-group-item.active:hover {
  color: #f2a506;
  background-color: transparent;
  border-color: #efefef; }

.news .list-group-item .badge {
  font-size: 14px;
  color: #666;
  background: transparent;
  font-weight: normal; }

.info-exhibition .comments .news-con {
  margin-bottom: 16px; }

.info-exhibition .comments .news-con .list-group {
  margin-bottom: 0;
  padding-top: 12px;
  padding-bottom: 12px; }

.info-exhibition .comments .news-con .news .list-group-item {
  padding-bottom: 3px;
  padding-top: 3px;
  line-height: 1.66; }

.info-exhibition .comments .news-con h2 a {
  font-size: 14px;
  color: #3b94d9;
  float: right;
  padding-top: 5px; }

.info-exhibition .comments .iconfont {
  color: #c9c9c9;
  margin-right: 3px; }

.info-exhibition .comments a:hover .iconfont {
  color: #f2a506; }

.list-group-p {
  display: inline-block;
  padding-top: 1px;
  width: 75%;
  height: 18px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }

.index-info {
  float: left;
  color: #666;
  font-size: 12px;
  line-height: 30px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: none; }

/*modal*/
.modal .modal-content .modal-header {
  background: #f6f6f6;
  border-radius: 6px 6px 0px 0px;
  padding: 11px; }

.modal .modal-content .modal-body {
  padding: 10px 20px; }

.modal .modal-content .modal-footer {
  background: #f6f6f6;
  border-radius: 0px 0px 6px 6px; }

/* layui start */
.layui-layer-btn .layui-layer-btn0 {
  border-color: #f2a506 !important;
  background-color: #f2a506 !important; }

/* layui end */
.form-tips {
  position: absolute;
  font-size: 12px; }

.form-tips .icon {
  font-size: 14px; }

.form-tips.error {
  color: #e74c3c; }