.ant-carousel .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 0px;
    padding: 0;
    cursor: pointer;
}

.ant-carousel .slick-slider {
    padding-bottom: 0px;
}

.ant-carousel .slick-dots li.slick-active button:before {
    color: #FFFFFF;
    opacity: 0.75;
}

html {
	font-size:16px;
}

.font8 {
	font-size:0.5rem;
}

.font9 {
	font-size:0.563rem;
}

.font10 {
	font-size:0.625rem;
}

.font11 {
	font-size:0.688rem;
}

.font12 {
	font-size:0.75rem;
}

.font13 {
	font-size:0.813rem;
}


.font14 {
	font-size:0.875rem;
}

.font16 {
	font-size:1rem;
}

.font18 {
	font-size:1.125rem;
}

.font20 {
	font-size:1.25rem;
}

.font24 {
	font-size:1.5rem;
}

.font38 {
	font-size:3.776rem;
}

.font48 {
	font-size:3rem;
}

.color_default {
	color:#323232;
}

.color_gray {
	color:#777677;
}

.color_orange {
	color:#F34A00;
}

.color_black {
	color:#141414;
}

.color_24C1C2 {
	color:#24C1C2;
}

/* use css to set position of modal */
.vertical-center-modal {
  background:#000000;
  text-align: center;
  margin:0px;
  padding:0px;
  border:0px;
}

.vertical-center-modal:before {
  vertical-align: middle;
  border:0px;
  background:#000000;
}

.vertical-center-modal:after {
  vertical-align: middle;
  border:0px;
  background:#000000;
}

.vertical-center-modal .ant-modal {
  vertical-align: middle;
  text-align: center;
  background:#000000;
  margin:0;
  padding:0;
}

.vertical-center-modal .ant-modal-body {
  padding:0px;
  background:#000000;
}

.vertical-center-modal .ant-modal-footer {
  padding:0px;
  border:0px;
  background:#000000;
}

@keyframes fade-in
{
    0%   {opacity: 0;}
    25%  {opacity: 0.2;}
    50%  {opacity: 0.3;}
    100% {opacity: 1;}
}

@-webkit-keyframes fade-in {
    0% {opacity: 0;}
    40% {opacity: 0;}
    100% {opacity: 1;}
}

.an_fade_in {
    animation: fade-in 2s;
}

@media screen and (min-width: 960px) {
    #content{
        width: 514px;
        float: left;
    }
    #qrbox {
        padding:20px;
        width: 320px;
        position: fixed;
        left:640px;
    }
    .affix {
        max-width: 514px;
    }
}

@media screen and (max-width: 960px) {
    #qrbox {
        display: none;
    }
}

@font-face {
    font-family: 'am-icon';  /* project id 2194422 */
    src: url('//at.alicdn.com/t/font_2194422_ej7wjwfjvs4.eot');
    src: url('//at.alicdn.com/t/font_2194422_ej7wjwfjvs4.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_2194422_ej7wjwfjvs4.woff2') format('woff2'),
    url('//at.alicdn.com/t/font_2194422_ej7wjwfjvs4.woff') format('woff'),
    url('//at.alicdn.com/t/font_2194422_ej7wjwfjvs4.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_2194422_ej7wjwfjvs4.svg#am-icon') format('svg');
}