/* http://www.xd.com 
 *
 * v3 Created By 代立晨
 * 2012-03-22
 *
 * v4
 * 2013-09-22
 *
 */

/* Global Styles */
.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

ul.clearfix li { float: left; }
.clearfix {*zoom: 1;}

*{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
}

*{
    box-sizing:content-box;
    -o-box-sizing:content-box;
    -ms-box-sizing:content-box;
    -icab-box-sizing:content-box;
    -khtml-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
}
/* ios font size */
@media screen and (max-device-width: 960px){
    body{
        -webkit-text-size-adjust:none;
    }
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

html {
    overflow-y:scroll;
    overflow-x:hidden;
}
body {
    font:14px/1.8 Arial,sans-serif;
    /*防止横向滚动条*/
    background: #fff none;
}
select{
    border: 1px solid #dee1e3;
    font-size: 12px;
    color: #333;
    line-height: 12px;
}
ul {
    list-style: none;
}
ol{
    list-style: decimal inside;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

a{
    text-decoration:none;
    cursor: pointer;
}
a:hover {
    text-decoration:none;
}

a:focus{
    outline: none;
}

span{
    color:inherit;
}
a img{
    vertical-align: middle;
}

label[for]{
    cursor: pointer;
}

/***************************** END OF RESET *********************************/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    /*overflow: hidden !important;*/
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    /*overflow-y: hidden !important;*/
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* http://www.xd.com 
 *
 * v1 2014-01-09
 * carousel
 */

.carousel{position: relative;}

.carousel .carousel-inner{width: 100%; height: 100%; overflow: hidden; position: relative;}
.carousel .carousel-inner .item{width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0; top: 0; display: none;}
.carousel .carousel-inner .item img{display: block;}
.carousel .carousel-inner .active, .carousel .carousel-inner .next, .carousel .carousel-inner .prev{display: block;}
.carousel .carousel-inner .active{left: 0;}
.carousel .carousel-control{position: absolute;}
.intl-tel-input{position:relative;display:inline-block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=text],.intl-tel-input input[type=tel]{position:relative;z-index:0;margin-top:0 !important;margin-bottom:0 !important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto;_top:50%;_margin-top:-7px}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555;_border-left-color:pink;_border-right-color:pink;_border-bottom-color:pink;_filter:chroma(color=pink)}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,0.2);background-color:white;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll;_height:200px}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px;_display:inline}@media (max-width: 500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC;_font-size:0}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country.highlight{background-color:rgba(0,0,0,0.05)}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code{vertical-align:middle}.intl-tel-input .country-list .flag-box,.intl-tel-input .country-list .country-name{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.allow-dropdown input[type=tel]{padding-right:6px;padding-left:52px;margin-left:0;_display:inline}.intl-tel-input.allow-dropdown .flag-container{right:auto;left:0;_height:39px}.intl-tel-input.allow-dropdown .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,0.05)}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.allow-dropdown.separate-dial-code .selected-flag{background-color:rgba(0,0,0,0.05);display:table}.intl-tel-input.allow-dropdown.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 input[type=tel]{padding-left:76px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 input[type=tel]{padding-left:84px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 input[type=tel]{padding-left:92px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input,.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=text],.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 input[type=tel]{padding-left:100px}.intl-tel-input.allow-dropdown.separate-dial-code.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px 10px;line-height:1.5em}.iti-flag{width:20px;height:15px;box-shadow:0px 0px 1px 0px #888;background-image:url("../images/flags.png");background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-image:url("../images/flags@2x.png")}}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.np{width:13px}.iti-flag.va{width:15px}@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx){.iti-flag{background-size:5630px 15px}}.iti-flag-ac{height:10px;background-position:0px 0px}.iti-flag-ad{height:14px;background-position:-22px 0px}.iti-flag-ae{height:10px;background-position:-44px 0px}.iti-flag-af{height:14px;background-position:-66px 0px}.iti-flag-ag{height:14px;background-position:-88px 0px}.iti-flag-ai{height:10px;background-position:-110px 0px}.iti-flag-al{height:15px;background-position:-132px 0px}.iti-flag-am{height:10px;background-position:-154px 0px}.iti-flag-ao{height:14px;background-position:-176px 0px}.iti-flag-aq{height:14px;background-position:-198px 0px}.iti-flag-ar{height:13px;background-position:-220px 0px}.iti-flag-as{height:10px;background-position:-242px 0px}.iti-flag-at{height:14px;background-position:-264px 0px}.iti-flag-au{height:10px;background-position:-286px 0px}.iti-flag-aw{height:14px;background-position:-308px 0px}.iti-flag-ax{height:13px;background-position:-330px 0px}.iti-flag-az{height:10px;background-position:-352px 0px}.iti-flag-ba{height:10px;background-position:-374px 0px}.iti-flag-bb{height:14px;background-position:-396px 0px}.iti-flag-bd{height:12px;background-position:-418px 0px}.iti-flag-be{height:15px;background-position:-440px 0px}.iti-flag-bf{height:14px;background-position:-460px 0px}.iti-flag-bg{height:12px;background-position:-482px 0px}.iti-flag-bh{height:12px;background-position:-504px 0px}.iti-flag-bi{height:12px;background-position:-526px 0px}.iti-flag-bj{height:14px;background-position:-548px 0px}.iti-flag-bl{height:14px;background-position:-570px 0px}.iti-flag-bm{height:10px;background-position:-592px 0px}.iti-flag-bn{height:10px;background-position:-614px 0px}.iti-flag-bo{height:14px;background-position:-636px 0px}.iti-flag-bq{height:14px;background-position:-658px 0px}.iti-flag-br{height:14px;background-position:-680px 0px}.iti-flag-bs{height:10px;background-position:-702px 0px}.iti-flag-bt{height:14px;background-position:-724px 0px}.iti-flag-bv{height:15px;background-position:-746px 0px}.iti-flag-bw{height:14px;background-position:-768px 0px}.iti-flag-by{height:10px;background-position:-790px 0px}.iti-flag-bz{height:14px;background-position:-812px 0px}.iti-flag-ca{height:10px;background-position:-834px 0px}.iti-flag-cc{height:10px;background-position:-856px 0px}.iti-flag-cd{height:15px;background-position:-878px 0px}.iti-flag-cf{height:14px;background-position:-900px 0px}.iti-flag-cg{height:14px;background-position:-922px 0px}.iti-flag-ch{height:15px;background-position:-944px 0px}.iti-flag-ci{height:14px;background-position:-961px 0px}.iti-flag-ck{height:10px;background-position:-983px 0px}.iti-flag-cl{height:14px;background-position:-1005px 0px}.iti-flag-cm{height:14px;background-position:-1027px 0px}.iti-flag-cn{height:14px;background-position:-1049px 0px}.iti-flag-co{height:14px;background-position:-1071px 0px}.iti-flag-cp{height:14px;background-position:-1093px 0px}.iti-flag-cr{height:12px;background-position:-1115px 0px}.iti-flag-cu{height:10px;background-position:-1137px 0px}.iti-flag-cv{height:12px;background-position:-1159px 0px}.iti-flag-cw{height:14px;background-position:-1181px 0px}.iti-flag-cx{height:10px;background-position:-1203px 0px}.iti-flag-cy{height:13px;background-position:-1225px 0px}.iti-flag-cz{height:14px;background-position:-1247px 0px}.iti-flag-de{height:12px;background-position:-1269px 0px}.iti-flag-dg{height:10px;background-position:-1291px 0px}.iti-flag-dj{height:14px;background-position:-1313px 0px}.iti-flag-dk{height:15px;background-position:-1335px 0px}.iti-flag-dm{height:10px;background-position:-1357px 0px}.iti-flag-do{height:13px;background-position:-1379px 0px}.iti-flag-dz{height:14px;background-position:-1401px 0px}.iti-flag-ea{height:14px;background-position:-1423px 0px}.iti-flag-ec{height:14px;background-position:-1445px 0px}.iti-flag-ee{height:13px;background-position:-1467px 0px}.iti-flag-eg{height:14px;background-position:-1489px 0px}.iti-flag-eh{height:10px;background-position:-1511px 0px}.iti-flag-er{height:10px;background-position:-1533px 0px}.iti-flag-es{height:14px;background-position:-1555px 0px}.iti-flag-et{height:10px;background-position:-1577px 0px}.iti-flag-eu{height:14px;background-position:-1599px 0px}.iti-flag-fi{height:12px;background-position:-1621px 0px}.iti-flag-fj{height:10px;background-position:-1643px 0px}.iti-flag-fk{height:10px;background-position:-1665px 0px}.iti-flag-fm{height:11px;background-position:-1687px 0px}.iti-flag-fo{height:15px;background-position:-1709px 0px}.iti-flag-fr{height:14px;background-position:-1731px 0px}.iti-flag-ga{height:15px;background-position:-1753px 0px}.iti-flag-gb{height:10px;background-position:-1775px 0px}.iti-flag-gd{height:12px;background-position:-1797px 0px}.iti-flag-ge{height:14px;background-position:-1819px 0px}.iti-flag-gf{height:14px;background-position:-1841px 0px}.iti-flag-gg{height:14px;background-position:-1863px 0px}.iti-flag-gh{height:14px;background-position:-1885px 0px}.iti-flag-gi{height:10px;background-position:-1907px 0px}.iti-flag-gl{height:14px;background-position:-1929px 0px}.iti-flag-gm{height:14px;background-position:-1951px 0px}.iti-flag-gn{height:14px;background-position:-1973px 0px}.iti-flag-gp{height:14px;background-position:-1995px 0px}.iti-flag-gq{height:14px;background-position:-2017px 0px}.iti-flag-gr{height:14px;background-position:-2039px 0px}.iti-flag-gs{height:10px;background-position:-2061px 0px}.iti-flag-gt{height:13px;background-position:-2083px 0px}.iti-flag-gu{height:11px;background-position:-2105px 0px}.iti-flag-gw{height:10px;background-position:-2127px 0px}.iti-flag-gy{height:12px;background-position:-2149px 0px}.iti-flag-hk{height:14px;background-position:-2171px 0px}.iti-flag-hm{height:10px;background-position:-2193px 0px}.iti-flag-hn{height:10px;background-position:-2215px 0px}.iti-flag-hr{height:10px;background-position:-2237px 0px}.iti-flag-ht{height:12px;background-position:-2259px 0px}.iti-flag-hu{height:10px;background-position:-2281px 0px}.iti-flag-ic{height:14px;background-position:-2303px 0px}.iti-flag-id{height:14px;background-position:-2325px 0px}.iti-flag-ie{height:10px;background-position:-2347px 0px}.iti-flag-il{height:15px;background-position:-2369px 0px}.iti-flag-im{height:10px;background-position:-2391px 0px}.iti-flag-in{height:14px;background-position:-2413px 0px}.iti-flag-io{height:10px;background-position:-2435px 0px}.iti-flag-iq{height:14px;background-position:-2457px 0px}.iti-flag-ir{height:12px;background-position:-2479px 0px}.iti-flag-is{height:15px;background-position:-2501px 0px}.iti-flag-it{height:14px;background-position:-2523px 0px}.iti-flag-je{height:12px;background-position:-2545px 0px}.iti-flag-jm{height:10px;background-position:-2567px 0px}.iti-flag-jo{height:10px;background-position:-2589px 0px}.iti-flag-jp{height:14px;background-position:-2611px 0px}.iti-flag-ke{height:14px;background-position:-2633px 0px}.iti-flag-kg{height:12px;background-position:-2655px 0px}.iti-flag-kh{height:13px;background-position:-2677px 0px}.iti-flag-ki{height:10px;background-position:-2699px 0px}.iti-flag-km{height:12px;background-position:-2721px 0px}.iti-flag-kn{height:14px;background-position:-2743px 0px}.iti-flag-kp{height:10px;background-position:-2765px 0px}.iti-flag-kr{height:14px;background-position:-2787px 0px}.iti-flag-kw{height:10px;background-position:-2809px 0px}.iti-flag-ky{height:10px;background-position:-2831px 0px}.iti-flag-kz{height:10px;background-position:-2853px 0px}.iti-flag-la{height:14px;background-position:-2875px 0px}.iti-flag-lb{height:14px;background-position:-2897px 0px}.iti-flag-lc{height:10px;background-position:-2919px 0px}.iti-flag-li{height:12px;background-position:-2941px 0px}.iti-flag-lk{height:10px;background-position:-2963px 0px}.iti-flag-lr{height:11px;background-position:-2985px 0px}.iti-flag-ls{height:14px;background-position:-3007px 0px}.iti-flag-lt{height:12px;background-position:-3029px 0px}.iti-flag-lu{height:12px;background-position:-3051px 0px}.iti-flag-lv{height:10px;background-position:-3073px 0px}.iti-flag-ly{height:10px;background-position:-3095px 0px}.iti-flag-ma{height:14px;background-position:-3117px 0px}.iti-flag-mc{height:15px;background-position:-3139px 0px}.iti-flag-md{height:10px;background-position:-3160px 0px}.iti-flag-me{height:10px;background-position:-3182px 0px}.iti-flag-mf{height:14px;background-position:-3204px 0px}.iti-flag-mg{height:14px;background-position:-3226px 0px}.iti-flag-mh{height:11px;background-position:-3248px 0px}.iti-flag-mk{height:10px;background-position:-3270px 0px}.iti-flag-ml{height:14px;background-position:-3292px 0px}.iti-flag-mm{height:14px;background-position:-3314px 0px}.iti-flag-mn{height:10px;background-position:-3336px 0px}.iti-flag-mo{height:14px;background-position:-3358px 0px}.iti-flag-mp{height:10px;background-position:-3380px 0px}.iti-flag-mq{height:14px;background-position:-3402px 0px}.iti-flag-mr{height:14px;background-position:-3424px 0px}.iti-flag-ms{height:10px;background-position:-3446px 0px}.iti-flag-mt{height:14px;background-position:-3468px 0px}.iti-flag-mu{height:14px;background-position:-3490px 0px}.iti-flag-mv{height:14px;background-position:-3512px 0px}.iti-flag-mw{height:14px;background-position:-3534px 0px}.iti-flag-mx{height:12px;background-position:-3556px 0px}.iti-flag-my{height:10px;background-position:-3578px 0px}.iti-flag-mz{height:14px;background-position:-3600px 0px}.iti-flag-na{height:14px;background-position:-3622px 0px}.iti-flag-nc{height:10px;background-position:-3644px 0px}.iti-flag-ne{height:15px;background-position:-3666px 0px}.iti-flag-nf{height:10px;background-position:-3686px 0px}.iti-flag-ng{height:10px;background-position:-3708px 0px}.iti-flag-ni{height:12px;background-position:-3730px 0px}.iti-flag-nl{height:14px;background-position:-3752px 0px}.iti-flag-no{height:15px;background-position:-3774px 0px}.iti-flag-np{height:15px;background-position:-3796px 0px}.iti-flag-nr{height:10px;background-position:-3811px 0px}.iti-flag-nu{height:10px;background-position:-3833px 0px}.iti-flag-nz{height:10px;background-position:-3855px 0px}.iti-flag-om{height:10px;background-position:-3877px 0px}.iti-flag-pa{height:14px;background-position:-3899px 0px}.iti-flag-pe{height:14px;background-position:-3921px 0px}.iti-flag-pf{height:14px;background-position:-3943px 0px}.iti-flag-pg{height:15px;background-position:-3965px 0px}.iti-flag-ph{height:10px;background-position:-3987px 0px}.iti-flag-pk{height:14px;background-position:-4009px 0px}.iti-flag-pl{height:13px;background-position:-4031px 0px}.iti-flag-pm{height:14px;background-position:-4053px 0px}.iti-flag-pn{height:10px;background-position:-4075px 0px}.iti-flag-pr{height:14px;background-position:-4097px 0px}.iti-flag-ps{height:10px;background-position:-4119px 0px}.iti-flag-pt{height:14px;background-position:-4141px 0px}.iti-flag-pw{height:13px;background-position:-4163px 0px}.iti-flag-py{height:11px;background-position:-4185px 0px}.iti-flag-qa{height:8px;background-position:-4207px 0px}.iti-flag-re{height:14px;background-position:-4229px 0px}.iti-flag-ro{height:14px;background-position:-4251px 0px}.iti-flag-rs{height:14px;background-position:-4273px 0px}.iti-flag-ru{height:14px;background-position:-4295px 0px}.iti-flag-rw{height:14px;background-position:-4317px 0px}.iti-flag-sa{height:14px;background-position:-4339px 0px}.iti-flag-sb{height:10px;background-position:-4361px 0px}.iti-flag-sc{height:10px;background-position:-4383px 0px}.iti-flag-sd{height:10px;background-position:-4405px 0px}.iti-flag-se{height:13px;background-position:-4427px 0px}.iti-flag-sg{height:14px;background-position:-4449px 0px}.iti-flag-sh{height:10px;background-position:-4471px 0px}.iti-flag-si{height:10px;background-position:-4493px 0px}.iti-flag-sj{height:15px;background-position:-4515px 0px}.iti-flag-sk{height:14px;background-position:-4537px 0px}.iti-flag-sl{height:14px;background-position:-4559px 0px}.iti-flag-sm{height:15px;background-position:-4581px 0px}.iti-flag-sn{height:14px;background-position:-4603px 0px}.iti-flag-so{height:14px;background-position:-4625px 0px}.iti-flag-sr{height:14px;background-position:-4647px 0px}.iti-flag-ss{height:10px;background-position:-4669px 0px}.iti-flag-st{height:10px;background-position:-4691px 0px}.iti-flag-sv{height:12px;background-position:-4713px 0px}.iti-flag-sx{height:14px;background-position:-4735px 0px}.iti-flag-sy{height:14px;background-position:-4757px 0px}.iti-flag-sz{height:14px;background-position:-4779px 0px}.iti-flag-ta{height:10px;background-position:-4801px 0px}.iti-flag-tc{height:10px;background-position:-4823px 0px}.iti-flag-td{height:14px;background-position:-4845px 0px}.iti-flag-tf{height:14px;background-position:-4867px 0px}.iti-flag-tg{height:13px;background-position:-4889px 0px}.iti-flag-th{height:14px;background-position:-4911px 0px}.iti-flag-tj{height:10px;background-position:-4933px 0px}.iti-flag-tk{height:10px;background-position:-4955px 0px}.iti-flag-tl{height:10px;background-position:-4977px 0px}.iti-flag-tm{height:14px;background-position:-4999px 0px}.iti-flag-tn{height:14px;background-position:-5021px 0px}.iti-flag-to{height:10px;background-position:-5043px 0px}.iti-flag-tr{height:14px;background-position:-5065px 0px}.iti-flag-tt{height:12px;background-position:-5087px 0px}.iti-flag-tv{height:10px;background-position:-5109px 0px}.iti-flag-tw{height:14px;background-position:-5131px 0px}.iti-flag-tz{height:14px;background-position:-5153px 0px}.iti-flag-ua{height:14px;background-position:-5175px 0px}.iti-flag-ug{height:14px;background-position:-5197px 0px}.iti-flag-um{height:11px;background-position:-5219px 0px}.iti-flag-us{height:11px;background-position:-5241px 0px}.iti-flag-uy{height:14px;background-position:-5263px 0px}.iti-flag-uz{height:10px;background-position:-5285px 0px}.iti-flag-va{height:15px;background-position:-5307px 0px}.iti-flag-vc{height:14px;background-position:-5324px 0px}.iti-flag-ve{height:14px;background-position:-5346px 0px}.iti-flag-vg{height:10px;background-position:-5368px 0px}.iti-flag-vi{height:14px;background-position:-5390px 0px}.iti-flag-vn{height:14px;background-position:-5412px 0px}.iti-flag-vu{height:12px;background-position:-5434px 0px}.iti-flag-wf{height:14px;background-position:-5456px 0px}.iti-flag-ws{height:10px;background-position:-5478px 0px}.iti-flag-xk{height:15px;background-position:-5500px 0px}.iti-flag-ye{height:14px;background-position:-5522px 0px}.iti-flag-yt{height:14px;background-position:-5544px 0px}.iti-flag-za{height:14px;background-position:-5566px 0px}.iti-flag-zm{height:14px;background-position:-5588px 0px}.iti-flag-zw{height:10px;background-position:-5610px 0px}.iti-flag-np{background-color:transparent}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}
ul.clearfix li{ float: left;}
.clearfix {*zoom: 1;}

.hide-text{text-indent: -9999px;}
.float-left{float: left;}
.float-right{float: right;}
.force-hide{ display: none !important; }
.relative{position: relative;}

/***************** topnav *******************/
body{background-position: center 40px;}
#topnav *{
    box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    margin: 0;
    padding: 0;
    border: 0;
}
#topnav{ 
    position: relative;
    width: 100%;
    min-width: 980px;
    height: 40px;
    background: #1e1e1e;
    box-shadow: 0 0px 2px #1e1e1e;
    font-family: 'Lucida Grande', Tahoma, Arial, sans-serif;
    z-index: 1999;
    color: #556977;
    font-size: 12px;

    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
     
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
#topnav a{text-decoration: none; color: #bababa;}
#topnav a:hover{color: #fff;}
#topnav .auxiliary{
    position: absolute;
    border-style: solid;
    border-color: transparent;
    font-size: 0;
    line-height: 0;
}
#topnav .logo{ 
    left:20px; 
    top: 0;
    display: block;
    width: 140px;
    height: 100%; 
    background-repeat:no-repeat;
    background-position: center center;
    background-image: url("../images/logo_topnav.png");
    background-image: -webkit-image-set( url('../images/logo_topnav.png') 1x, url('imgs/xdlogo/logo_topnav_2x.png?4&v=1463398455') 2x);
    position: absolute;
    z-index: 1;
}
#topnav .logo img{opacity: 0.9; transition: opacity 0.3s ease-in;}
#topnav .logo:hover img{opacity: 1;}

#topnav .topnav-notice{
    padding-left: 200px;
    padding-right: 490px;
    line-height: 40px;
    position: relative;
}
#topnav .topnav-notice p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
#topnav .topnav-notice-link{
    color: #c7880e;
}
#topnav .topnav-notice-link:hover{
    color: #beb03f;
}

#topnav .topnav-links{width: auto;height: 40px; top: 0; right: 40px; position: absolute; z-index: 1;}
#topnav .topnav-links li{ padding: 10px 0;}
#topnav .topnav-links .sec{
    padding: 0 15px 0 35px;
    width: auto;
    *width: 60px;
    height: 20px;
    line-height: 20px;
    text-indent: 0;
    font-size: 14px;
    border: none;
    background-image: url('../images/icon.png');
    background-image: -webkit-image-set( url('../images/icon.png') 1x, url('imgs/v4/topnav/icon_2x.png?4&v=1471228162') 2x);
    background-repeat: no-repeat;
    display: block;
}
#topnav .topnav-links li.hoverlikeactive:hover a,
#topnav .topnav-links li a.sec1 { background-position: 14px -288px;}
#topnav .topnav-links li a.sec2 {  background-position: 14px -172px;}
#topnav .topnav-links li a.sec3 { background-position: 14px -230px; border-right: 1px solid #4c4d4d; padding-right: 6px;}
#topnav .topnav-links a:hover.sec1 { background-position: 14px -114px;}
#topnav .topnav-links a:hover.sec2{ background-position: 14px 2px;}
#topnav .topnav-links a:hover.sec3,
#topnav .topnav-links #topnavGameCenter:hover .sec3 {
    background-position: 14px -56px;
}
#topnav .topnav-dropdown-container{position: relative;}
#topnav .topnav-dropdown-container .topnav-dropdown-body{
    display: none;
    position: absolute;
    opacity: 0;
    margin-top: -5px;
}
#topnav .support-transition .topnav-dropdown-body,
#topnav .transition-on-click .topnav-dropdown-body{
    visibility: hidden;
    display: block;
    margin-top: 0;
    transform: matrix(1, 0, 0, 1, 0, -5);
    -webkit-transform: matrix(1, 0, 0, 1, 0, -5);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, height 0.3s ease-in-out, visibility 0s linear 0.3s;
    -webkit-transition: opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, height 0.3s ease-in-out, visibility 0s linear 0.3s;
    -moz-transition: opacity 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, height 0.3s ease-in-out, visibility 0s linear 0.3s;
}
#topnav .support-transition:hover .topnav-dropdown-body,
#topnav .transition-on-click.active .topnav-dropdown-body{
    opacity: 1;
    visibility: visible;
    transform: matrix(1, 0, 0, 1, 0, 0);
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
    transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out, height 0.3s ease-in-out, visibility 0s linear 0s;
    -webkit-transition:  opacity 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out, height 0.3s ease-in-out, visibility 0s linear 0s;
}
#topnav .topnav-dropdown-container .topnav-dropdown-item{display: block;}
#topnavGameCenter .topnav-dropdown-body{
    background: #1f1e1e;
    width: 340px;
    right: 0px;
    border-radius: 0 0 5px 5px;
    position: absolute;
    overflow: hidden;
    top: 100%;
    height: 400px;
}
#topnav .topnav-links #topnavGameCenter:hover {background-color: #2f3033;}
#topnav .topnav-links #topnavGameCenter:hover .sec3{color: #fff;}
#topnavGameCenter.unfold .topnav-dropdown-body{height: 652px;}
#topnavGameCenter .topnav-dropdown-item{border-bottom: 1px dashed #292827; padding: 6px 10px; *height: 58px;}
#topnavGameCenter .topnav-dropdown-item:hover{background-color: #292827;}
#topnavGameCenter .topnav-dropdown-item .topnav-logo{
    text-indent: -9999px;
    width: 120px;
    height: 58px;
    background: url(../images/nav_logo.png) no-repeat center 0;
}

#topnavGameCenter .topnav-dropdown-item-sg2 .topnav-logo{ background-position: -15px -10px; }
#topnavGameCenter .topnav-dropdown-item-sy .topnav-logo{ background-position: -15px -80px; }
#topnavGameCenter .topnav-dropdown-item-xxd .topnav-logo{ background-position: -15px -156px; }
#topnavGameCenter .topnav-dropdown-item-js .topnav-logo{ background-position: -15px -222px; }
#topnavGameCenter .topnav-dropdown-item-ktpd .topnav-logo{ background-position: -15px -300px; }
#topnavGameCenter .topnav-dropdown-item-sxd .topnav-logo{ background-position: -15px -370px; }
#topnavGameCenter .topnav-dropdown-item-sssg .topnav-logo{ background-position: -15px -444px; }
#topnavGameCenter .topnav-dropdown-item-tdyx .topnav-logo{ background-position: -15px -514px; }
#topnavGameCenter .topnav-dropdown-item-xxd2 .topnav-logo{ background-position: -15px -584px; }

#topnavGameCenter .topnav-dropdown-item .topnav-title{font-size: 14px; line-height: 28px; display: block;}
#topnavGameCenter .topnav-dropdown-item .topnav-more{line-height: 18px;}

#topnavGameCenter .topnav-toggle-button{position: absolute; bottom: 0; _bottom: -1px; left: 0; background-color: #292827; width: 100%; height: 30px;}
#topnavGameCenter .topnav-toggle-button .before{
    _border-color: #292827;
    left: 50%;
    margin-left: -8px;
    border-width: 8px;
    border-top-color: #fff;
    margin: 11px auto 0;
    transition: border-top-color 0.2s ease-in;
}
#topnavGameCenter .topnav-toggle-button:hover .before{border-top-color: #f60;}
#topnavGameCenter.unfold .topnav-toggle-button .before{
    border-bottom-color: #fff;
    border-top-width: 0;
}
#topnavGameCenter.unfold .topnav-toggle-button:hover .before{border-bottom-color: #f60;}

#topnav .topnav-btn{padding: 0 8px; height: 24px; line-height: 24px; background-color: #515150; border-radius: 8px; display: block;}
#topnav .topnav-btn-primary{background-color: #f60; color: #fff;}

#topnav .topnav-links .topnav-login-container{padding: 8px 0 0 20px;}
#topnav .topnav-login-layout{width: 116px; height: 24px; line-height: 24px; font-size: 14px;}
#topnav .topnav-login-panel{display: block; height: 32px; overflow: visible;}
#topnav .topnav-login-container .logging{ width: 24px; height: auto; margin: 0 auto;}
#topnav .topnav-login-layout .topnav-btn{margin-right: 16px;}
#topnav .yes-login .topnav-dropdown-menu{ margin-right: 0; position: relative; color: #bababa;}
#topnav .yes-login .topnav-dropdown-menu .username{width: 84px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#topnav .yes-login .topnav-dropdown-menu .after{
    _border-color: #292827;
    _filter: chroma(color= #292827);
    top: 8px;
    right: 8px;
    border-width: 8px;
    border-top-color: #b2b2b2;
}
#topnav .topnav-login-container .active .topnav-dropdown-menu{background-color: #6a6a6a; color: #fff;}
#topnav .topnav-login-container .active .topnav-dropdown-menu .after{border-top-color: #fff; }
#topnav .yes-login .topnav-dropdown-body{background: #fff; border: 1px solid #b2b2b2; border-radius: 4px; padding: 4px 0 8px; top: 32px; box-shadow: 0 0px 3px #b2b2b2;}
#topnav .yes-login .topnav-dropdown-body .auxiliary{left: 100%; _border-color: #292827; _filter: chroma(color= #292827);}
#topnav .yes-login .topnav-dropdown-body .before{
    border-width: 8px;
    border-top: 0;
    border-bottom-color: #b2b2b2;
    top: -8px;
    margin-left: -38px;
}
#topnav .yes-login .topnav-dropdown-body .after{
    border-width: 7px;
    border-top: 0;
    border-bottom-color: #fff;
    top: -7px;
    margin-left: -37px;
}
#topnav .yes-login .topnav-dropdown-item{width: 112px; text-indent: 15px; color: #f60; font-size: 12px;}
#topnav .yes-login .topnav-dropdown-item:hover{color: #fff; background: #f60;}

/*** 游戏官网联系客服***/
.qq_wpa{
    width: 89px;
    height: 39px;
    padding: 3px 0 0 37px;
    line-height: 38px;
    color: #325F7F;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    text-shadow: none !important;
    display: inline-block;
    cursor: pointer;
    background: url(../images/wpa_a06.png) no-repeat;
    _background-image: none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://web.xdcdn.net/xd/imgs/wpa_a06.png", sizingMethod="scale");
    zoom: 1;
}
.qq_wpa:hover {text-decoration: none !important;}

.kefu-qq-link{
    width: 92px;
    height: 22px;
    text-indent: -9999px;
    line-height: 22px;
    cursor: pointer;
    overflow: hidden;
    display: inline-block;
    *display: block;
    *zoom: 1;
    background-repeat: no-repeat;
    background: transparent url(../images/qq_kefu.png);
}

#topnavGameCenter  .topnav-dropdown-body .content{
    width: 100%;
    line-height: 30px;
    height: 400px;
}

#topnavGameCenter  .topnav-dropdown-body .have-border{
    border-left: 1px solid #2f3033;
}

#topnavGameCenter  .topnav-dropdown-body .content .title_container{
    background-color: #2f3033;
    padding: 10px 0;
    margin-bottom: 10px;
}
#topnavGameCenter  .topnav-dropdown-body .game_title{
    border-left: 4px solid #f60;
    padding-left: 22px;
    line-height: 16px;
    color: #999;
    font-size: 14px;
    white-space:nowrap;
}
#topnavGameCenter  .topnav-dropdown-body .content td{
    padding-left: 26px;
}
#topnavGameCenter  .topnav-dropdown-body .content td a:hover{
    color: #ff6600; transition: color .3s ease;
}

#topnavGameCenter  .topnav-dropdown-body .content a{
    *zoom: 1;
}
#topnavGameCenter .icon{
    color: #fff;
    font-size: 8px;
    line-height: 10px;
    height: 10px;
    width: 10px;
    text-align: center;
    display:inline;
    position: absolute;
    margin-top: 10px;
    margin-left: 5px;
    border-radius: 2px;
    z-index: 100;
}

#topnavGameCenter  .topnav-dropdown-body .content .new{
    background-color: #1abc9c;
}

#topnavGameCenter  .topnav-dropdown-body .content .hot{
    background-color: #f60;
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    #topnavGameCenter .for-chrome{
        -webkit-transform:scale(0.6);
        display: block;
    }
}


@font-face { font-family: ro; src: url("../game/ro/fonts/ro/ro.eot?v=1450953973"); src: url("../fonts/ro.eot") format("embedded-opentype"), url("../fonts/ro.woff") format("woff"), url("../fonts/ro.ttf") format("truetype"), url("../fonts/ro.svg") format("svg"); }
.font-ro { font-family: ro; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.custom-btn-primary { background-color: #ab9350; color: #fff; }
.custom-btn-primary:hover { background-color: #bca973; }
.custom-btn-primary:active { background-color: #927d44; }
.custom-btn-primary.disabled, .custom-btn-primary[disabled] { background-color: #c4b485; color: #eae4d3; }
.custom-btn-primary .btn-primary-disabled { _background-color: #c4b485; _color: #eae4d3; }

body { background-color: #fff; color: #532300; }

.layout, #body .section .section-body { width: 1000px; margin: 0 auto; }

.btn.custom-btn-primary { font-size: 20px; }

#header {
	width: 100%;
	height: 126px;
	z-index: 2;
	background-image: url('../images/header.png');
	background-repeat: repeat-x;
	background-position: 0 0;
	background-color: transparent;
	background-size: auto;
	position: absolute;
	top: 2px;
	left: 2px;
}
#header .header-nav { width: 998px; height: 124px; line-height: 124px; }
#header .header-nav li { height: 100%; }
#header .nav-item { display: block; width: 145px; height: 100%; background-image: url('../images/header-sprite.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; background-position: -569px 0; text-align: center; font-size: 18px; color: #532300; position: relative; }
#header .nav-item .new-feel { text-align: center; font-size: 8px; text-indent: 0; color: #fff; border-radius: 2px; display: block; -webkit-transform: scale(0.67); transform: scale(0.67); width: 16px; height: 16px; line-height: 16px; background-color: #ff6600; position: absolute; top: 52px; right: 19px; }
#header .nav-other { z-index: 1; }
#header .nav-other .new-other { position: absolute; width: 145px; border: 1px solid #e0d6c1; height: auto; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: rgba(255, 255, 255, 0.72); display: none; }
#header .nav-other .new-other .new-item { display: block; width: 100%; height: 65px; line-height: 64px; color: #532300; font-size: 18px; border-bottom: 1px solid rgba(185, 137, 74, 0.2); text-align: center; }
#header .nav-other:hover .new-other { display: block; }
#header .nav-item:hover, #header .nav-item-active { color: #92745e; background-position: -422px 0; }
#header .nav-logo { width: 420px; background-position: 0 0; }
#header .nav-logo:hover { background-position: 0 0; }
#header .nav-home { width: 144px; background-position: -570px 0; }
#header .nav-home:hover, #header .nav-home.nav-item-active { background-position: -423px 0; }
#header .nav-bbs { width: 144px; }
#header .share-container { background-image: url('../images/header-sprite.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; width: 156px; height: 28px; line-height: 28px; background-position: -718px 0; position: absolute; bottom: -38px; left: 50%; margin-left: 344px; color: #fff; }
#header .share-container .text { padding-left: 16px; }
#header .share-container .share { color: #fff; font-size: 20px; width: 24px; display: inline-block; }
#header .share-container .share-wechat { position: relative; }
#header .share-container .share-wechat:hover { _zoom: 1; }
#header .share-container .share-wechat:hover .ro-site-qrcode { visibility: visible; }
#header .share-container .ro-site-qrcode { position: absolute; right: -5px; top: 28px; visibility: hidden; }

#footer { padding: 30px 0; background-color: #000; color: #534031; }
#footer a { color: #776859; }
#footer a:hover { color: #92745e; }
#footer .xd-logo { background: url(../images/game_footer_white.png) no-repeat 0 center; width: 140px; height: 40px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://web.xdcdn.net/xd/imgs/xdlogo/game_footer_white.png?v2"); _background: none; _margin-top: 4px; cursor: default; }
#footer .logo-other { position: absolute; top: 50px; }
#footer .logo-jmyx { left: 160px; margin-top: 6px; width: 94px; height: 23px; background: url('../images/footer-sprite.png') 0 -35px no-repeat; }
#footer .logo-gravity { left: 0; width: 141px; height: 33px; background: url('../images/footer-sprite.png') 0 0 no-repeat; }

.ro-dialog { width: 372px; }
.ro-dialog .modal-header { padding: 0; width: 340px; margin: 0 auto; border-bottom: 2px solid #ecf0f1; color: #9b8049; _overflow: hidden; }
.ro-dialog .modal-header .title { border-bottom: 2px solid #9b8049; z-index: 1; position: relative; line-height: 60px; height: 60px; }
.ro-dialog .modal-header .close { font-size: 30px; color: #ab9350; margin-top: 0; line-height: 60px; }
.ro-dialog .modal-header .close:hover { color: #caaa51; }
.ro-dialog .modal-body { color: #532300; border: none; line-height: 34px; padding-top: 18px; }
.ro-dialog .modal-body .text-indent { text-indent: 30px; }
.ro-dialog .modal-body .text-center img { display: block; margin: 10px auto; }
.ro-dialog .modal-footer { background-color: #fff; text-align: center; padding-bottom: 50px; padding-top: 4px; }
.ro-dialog .modal-footer .custom-btn-primary { padding-left: 0; padding-right: 0; width: 126px; min-width: 126px; margin: 0; }

.hide { display: none; }

.float-left { float: left; }

.float-right { float: right; }

.text-right { text-align: right; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.hide-text { text-indent: -9999px; }

.carouselbtn-sprite { background-image: url('../images/carouselbtn.png'); background-repeat: no-repeat; }

.jn-sprite { background-image: url('../images/jn.png'); background-repeat: no-repeat; }

.tx-sprite { background-image: url('../images/tx.png'); background-repeat: no-repeat; }

#.ani1-sprite { background-image: url('../images/ani1.png'); background-repeat: no-repeat; }

#.ani2-sprite { background-image: url('../images/ani2.png'); background-repeat: no-repeat; }

@-webkit-keyframes running-action { 0% { background-position: 0 0; }
  100% { background-position: 0 100%; } }

@keyframes running-action { 0% { background-position: 0 0; }
  100% { background-position: 0 100%; } }
@-webkit-keyframes character-action { 0% { transform: translate(-20px, 0); -ms-transform: translate(-20px, 0);
    /* IE 9 */
-moz-transform: translate(-20px, 0);
    /* Firefox */
-webkit-transform: translate(-20px, 0);
    /* Safari 和 Chrome */
-o-transform: translate(-20px, 0); }
  100% { transform: translate(0, 0); -ms-transform: translate(0, 0);
    /* IE 9 */
-moz-transform: translate(0, 0);
    /* Firefox */
-webkit-transform: translate(0, 0);
    /* Safari 和 Chrome */
-o-transform: translate(0, 0); } }
@keyframes character-action { 0% { transform: translate(-20px, 0); -ms-transform: translate(-20px, 0);
    /* IE 9 */
-moz-transform: translate(-20px, 0);
    /* Firefox */
-webkit-transform: translate(-20px, 0);
    /* Safari 和 Chrome */
-o-transform: translate(-20px, 0); }
  100% { transform: translate(0, 0); -ms-transform: translate(0, 0);
    /* IE 9 */
-moz-transform: translate(0, 0);
    /* Firefox */
-webkit-transform: translate(0, 0);
    /* Safari 和 Chrome */
-o-transform: translate(0, 0); } }
@-webkit-keyframes character-title-action { 0% { transform: translate(0, -20px); -ms-transform: translate(0, -20px);
    /* IE 9 */
-moz-transform: translate(0, -20px);
    /* Firefox */
-webkit-transform: translate(0, -20px);
    /* Safari 和 Chrome */
-o-transform: translate(0, -20px); }
  100% { transform: translate(0, 0); -ms-transform: translate(0, 0);
    /* IE 9 */
-moz-transform: translate(0, 0);
    /* Firefox */
-webkit-transform: translate(0, 0);
    /* Safari 和 Chrome */
-o-transform: translate(0, 0); } }
@keyframes character-title-action { 0% { transform: translate(0, -20px); -ms-transform: translate(0, -20px);
    /* IE 9 */
-moz-transform: translate(0, -20px);
    /* Firefox */
-webkit-transform: translate(0, -20px);
    /* Safari 和 Chrome */
-o-transform: translate(0, -20px); }
  100% { transform: translate(0, 0); -ms-transform: translate(0, 0);
    /* IE 9 */
-moz-transform: translate(0, 0);
    /* Firefox */
-webkit-transform: translate(0, 0);
    /* Safari 和 Chrome */
-o-transform: translate(0, 0); } }
@-webkit-keyframes ys-action { 0% { transform: translate(0, 20px); -ms-transform: translate(0, 20px);
    /* IE 9 */
-moz-transform: translate(0, 20px);
    /* Firefox */
-webkit-transform: translate(0, 20px);
    /* Safari 和 Chrome */
-o-transform: translate(0, 20px); }
  100% { transform: translate(0, 0); -ms-transform: translate(0, 0);
    /* IE 9 */
-moz-transform: translate(0, 0);
    /* Firefox */
-webkit-transform: translate(0, 0);
    /* Safari 和 Chrome */
-o-transform: translate(0, 0); } }
@keyframes ys-action { 0% { transform: translate(0, 20px); -ms-transform: translate(0, 20px);
    /* IE 9 */
-moz-transform: translate(0, 20px);
    /* Firefox */
-webkit-transform: translate(0, 20px);
    /* Safari 和 Chrome */
-o-transform: translate(0, 20px); }
  100% { transform: translate(0, 0); -ms-transform: translate(0, 0);
    /* IE 9 */
-moz-transform: translate(0, 0);
    /* Firefox */
-webkit-transform: translate(0, 0);
    /* Safari 和 Chrome */
-o-transform: translate(0, 0); } }
#header .nav-item { position: relative; }
#header .nav-item .new-feel { text-align: center; font-size: 8px; text-indent: 0; color: #fff; border-radius: 2px; display: block; -webkit-transform: scale(0.67); transform: scale(0.67); width: 16px; height: 16px; line-height: 16px; background-color: #ff6600; position: absolute; top: 52px; right: 19px; }

#body { width: 100%; margin: 0 auto; position: relative; _background: none; }
#body .section { height: 1080px; width: 100%; position: relative; overflow: hidden; background-color: #ffffff; }
#body .section .text-circle { background-color: #717171; width: 4px; height: 4px; border-radius: 4px; display: inline-block; margin-bottom: 4px; }
#body .section .section-body { height: 100%; position: absolute; left: 50%; top: 0; width: 1000px; margin-left: -500px; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; }
#body #section1 { background-image: url('../images/bg1.jpg'); background-repeat: no-repeat; background-position: center 0; background-color: transparent; background-size: auto; }
#body #section1 .section-body .share-container { background-image: url('../images/header-sprite.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; width: 156px; height: 28px; line-height: 28px; background-position: -718px 0; position: absolute; bottom: -38px; left: 50%; margin-left: 344px; color: #fff; }
#body #section1 .section-body .share-container .text { padding-left: 16px; }
#body #section1 .section-body .share-container .share { color: #fff; font-size: 20px; width: 24px; display: inline-block; }
#body #section1 .section-body .share-container .share-wechat { position: relative; }
#body #section1 .section-body .share-container .share-wechat:hover { _zoom: 1; }
#body #section1 .section-body .share-container .share-wechat:hover .ro-site-qrcode { visibility: visible; }
#body #section1 .section-body .share-container .ro-site-qrcode { position: absolute; right: -5px; top: 28px; visibility: hidden; }
#body #section1 .section-body .video-popup-handle { position: absolute; width: 596px; height: 310px; top: 423px; left: 50%; margin-left: -298px; z-index: 2; }
#body #section1 .section-body .video-popup-handle .video-cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('../images/video-cover.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section1 .section-body .video-popup-handle .video-play-btn { position: absolute; width: 596px; height: 310px; background-image: url('../images/video-play.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; opacity: 0.5; filter: alpha(opacity=0.5); left: 0; top: 0; -webkit-transition: opacity .5s; transition: opacity .5s; }
#body #section1 .section-body .video-popup-handle:hover .video-play-btn { opacity: 1; filter: alpha(opacity=100); }
#body #section1 .section-body .yy-btn { width: 240px; height: 75px; position: absolute; top: 776px; left: 50%; margin-left: -120px; }
#body #section1 .section-body .for-subscribe { position: absolute; left: 50%; margin-left: -46px; top: 790px; height: 83px; width: 244px; background: url('../images/sprite.png') 0 -211px no-repeat; z-index: 2; }
#body #section1 .section-body .for-subscribe:hover { height: 83px; width: 244px; background: url('../images/sprite.png') 0 -126px no-repeat; }
#body #section1 .section-body .download-qrcode { width: 167px; height: 120px; position: absolute; left: 50%; top: 780px; margin-left: -228px; background-image: url('../images/download-qrcode.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; z-index: 2; }
#body #section1 .section-body .mnq { position: absolute; z-index: 2; left: 50%; margin-left: -30px; top: 876px; height: 16px; width: 90px; background: url('../images/sprite.png') 0 -350px no-repeat; }
#body #section1 .section-body .mnq:hover { background: url('../images/sprite.png') 0 -296px no-repeat; }
#body #section1 .section-body .mnq-mac { position: absolute; z-index: 2; left: 50%; top: 876px; margin-left: -35px; height: 16px; width: 107px; background: url('../images/sprite.png') 0 -332px no-repeat; }
#body #section1 .section-body .mnq-mac:hover { height: 16px; width: 107px; background: url('../images/sprite.png') 0 -314px no-repeat; }
#body #section1 .section-body .btn-more-boli { background-image: url('../images/boli.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; position: absolute; width: 188px; height: 48px; left: 50%; margin-left: -500px; top: 136px; z-index: 2; }
#body #section2 { background-image: url('../images/bg2.jpg'); background-repeat: no-repeat; background-position: center 0; background-color: transparent; background-size: auto; position: relative; }
#body #section2 .snow-container { position: absolute; height: 100%; width: 100%; max-width: 100%; top: 0; overflow: hidden; z-index: 2; pointer-events: none; }
#body #section2 .snow { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; display: block; position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-animation: snow linear infinite; animation: snow linear infinite; }
#body #section2 .snow.foreground { background-image: url("../images/snow1.png"); -webkit-animation-duration: 15s; animation-duration: 15s; }
#body #section2 .snow.foreground.layered { -webkit-animation-delay: 7.5s; animation-delay: 7.5s; }
#body #section2 .snow.middleground { background-image: url("../images/snow2.png"); -webkit-animation-duration: 20s; animation-duration: 20s; }
#body #section2 .snow.middleground.layered { -webkit-animation-delay: 10s; animation-delay: 10s; }
#body #section2 .snow.background { background-image: url("../images/snow3.png"); -webkit-animation-duration: 30s; animation-duration: 30s; }
#body #section2 .snow.background.layered { -webkit-animation-delay: 15s; animation-delay: 15s; }
@-webkit-keyframes snow { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { -webkit-transform: translate3d(15%, 100%, 0); transform: translate3d(15%, 100%, 0); } }
@keyframes snow { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
  100% { -webkit-transform: translate3d(15%, 100%, 0); transform: translate3d(15%, 100%, 0); } }
#body #section2 .section-body .ani-1 { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; position: absolute; width: 440px; height: 706px; left: 50%; margin-left: -370px; bottom: 0; z-index: 3; background-image: url('../images/ani1.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; animation: running-action 1.8s steps(29) infinite; -ms-animation: running-action 1.8s steps(29) infinite; /* IE 9 */ -moz-animation: running-action 1.8s steps(29) infinite; /* Firefox */ -webkit-animation: running-action 1.8s steps(29) infinite; /* Safari 和 Chrome */ -o-animation: running-action 1.8s steps(29) infinite; }
#body #section2 .section-body .ani-2 { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 1000px; perspective: 1000px; position: absolute; width: 584px; height: 470px; left: 50%; margin-left: -142px; bottom: 0; z-index: 2; background-image: url('../images/ani2.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; animation: running-action 1.26s steps(20) infinite; -ms-animation: running-action 1.26s steps(20) infinite; /* IE 9 */ -moz-animation: running-action 1.26s steps(20) infinite; /* Firefox */ -webkit-animation: running-action 1.26s steps(20) infinite; /* Safari 和 Chrome */ -o-animation: running-action 1.26s steps(20) infinite; }
#body #section2 .section-body .video-btn { position: absolute; width: 112px; height: 112px; top: 496px; left: 50%; margin-left: 72px; background-image: url('../images/video.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section2 .section-body .video-btn:hover { background-image: url('../images/video-h.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section3 { background-image: url('../images/bg3.jpg'); background-repeat: no-repeat; background-position: center 0; background-color: transparent; background-size: auto; }
#body #section3 .section-body .tx-container { height: 300px; width: 171px; position: absolute; left: -140px; top: 300px; }
#body #section3 .section-body .tx-container .tx { height: 113px; width: 171px; display: block; margin: 20px 0; z-index: 1; cursor: pointer; position: relative; }
#body #section3 .section-body .tx-container .tx.tx-sx { background-image: url('../images/tx.png'); background-repeat: no-repeat; background-position: 0 -113px; background-color: transparent; background-size: auto; }
#body #section3 .section-body .tx-container .tx.tx-czz { background-image: url('../images/tx.png'); background-repeat: no-repeat; background-position: 0 -339px; background-color: transparent; background-size: auto; }
#body #section3 .section-body .tx-container .tx .tx-active { height: 113px; position: absolute; left: 0; top: 0; z-index: 2; -webkit-transition: all 0.5s; transition: all 0.5s; width: 0; cursor: pointer; opacity: 1; filter: alpha(opacity=1); }
#body #section3 .section-body .tx-container .tx .tx-active.tx-sx-active { background-image: url('../images/tx.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section3 .section-body .tx-container .tx .tx-active.tx-czz-active { background-image: url('../images/tx.png'); background-repeat: no-repeat; background-position: 0 -226px; background-color: transparent; background-size: auto; }
#body #section3 .section-body .tx-container .tx.active .tx-active { width: 171px; opacity: 1; filter: alpha(opacity=100); }
#body #section3 .section-body .character-container { position: absolute; width: 1300px; height: 1080px; left: 0; }
#body #section3 .section-body .character-container .character-item { width: 1300px; height: 1080px; display: none; }
#body #section3 .section-body .character-container .character-item.character-item-sx { display: block; }
#body #section3 .section-body .character-container .character-item.character-item-czz { display: none; }
#body #section3 .section-body .character-container .character-item .character-img { width: 922px; height: 1080px; position: absolute; left: 466px; top: 0; animation: character-action 0.5s; -ms-animation: character-action 0.5s; /* IE 9 */ -moz-animation: character-action 0.5s; /* Firefox */ -webkit-animation: character-action 0.5s; /* Safari 和 Chrome */ -o-animation: character-action 0.5s; }
#body #section3 .section-body .character-container .character-item .character-img.character-img-sx { background-image: url('../images/character-sx.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section3 .section-body .character-container .character-item .character-img.character-img-czz { background-image: url('../images/character-czz.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section3 .section-body .character-container .character-item .character-title { width: 518px; height: 278px; position: absolute; left: 90px; top: 292px; animation: character-title-action 0.5s; -ms-animation: character-title-action 0.5s; /* IE 9 */ -moz-animation: character-title-action 0.5s; /* Firefox */ -webkit-animation: character-title-action 0.5s; /* Safari 和 Chrome */ -o-animation: character-title-action 0.5s; }
#body #section3 .section-body .character-container .character-item .character-title.character-title-sx { background-image: url('../images/title-sx.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section3 .section-body .character-container .character-item .character-title.character-title-czz { background-image: url('../images/title-czz.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section3 .section-body .character-container .character-item .ys-container { width: 480px; height: 160px; position: absolute; left: 96px; top: 600px; animation: ys-action 0.5s; -ms-animation: ys-action 0.5s; /* IE 9 */ -moz-animation: ys-action 0.5s; /* Firefox */ -webkit-animation: ys-action 0.5s; /* Safari 和 Chrome */ -o-animation: ys-action 0.5s; }
#body #section3 .section-body .character-container .character-item .ys-container .ys-text { width: 80px; height: 100px; color: #6c6165; font-size: 14px; text-align: center; line-height: 100px; float: left; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container { width: 360px; height: 160px; float: left; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container .jn-item { width: 108px; margin: 0 6px; height: 160px; float: left; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container .jn-item .jn-img { width: 108px; height: 108px; display: block; position: relative; cursor: pointer; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container .jn-item .jn-img.jn-img-cz { height: 112px; width: 112px; background: url('../images/jn.png') 0 -112px no-repeat; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container .jn-item .jn-img.jn-img-cs { height: 112px; width: 112px; background: url('../images/jn.png') 0 0 no-repeat; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container .jn-item .jn-img.jn-img-ph { height: 112px; width: 112px; background: url('../images/jn.png') 0 -332px no-repeat; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container .jn-item .jn-img.jn-img-xj { height: 112px; width: 112px; background: url('../images/jn.png') 0 -444px no-repeat; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container .jn-item .jn-img.jn-img-yl { height: 112px; width: 112px; background: url('../images/jn.png') 0 -556px no-repeat; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container .jn-item .jn-img.jn-img-zy { height: 112px; width: 112px; background: url('../images/jn.png') 0 -668px no-repeat; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container .jn-item .jn-img .jn-btn { width: 108px; height: 108px; position: absolute; left: 3px; top: 2px; height: 108px; width: 108px; background: url('../images/jn.png') 0 -224px no-repeat; display: none; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container .jn-item .jn-img:hover .jn-btn { display: block; }
#body #section3 .section-body .character-container .character-item .ys-container .jn-container .jn-item .jn-text { text-align: center; color: #6f5111; margin-top: 20px; }
#body #section4 { height: 1080px; background-image: url('../images/bg4.jpg'); background-repeat: no-repeat; background-position: center 0; background-color: transparent; background-size: auto; }
#body #section4 .item-s { cursor: pointer; position: absolute; left: 50%; z-index: 2; border: 3px solid #b79c67; width: 250px; height: 250px; border-radius: 125px; overflow: hidden; }
#body #section4 .item-s-1 { margin-left: -460px; top: 338px; background-image: url('../images/bt.png'); background-repeat: no-repeat; background-position: -36px -70px; background-color: transparent; background-size: 390px; }
#body #section4 .item-s-1 .item-title { width: 100%; height: 50px; background-image: url('../images/text-bt.png'); background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.4); background-size: auto; margin: 140px auto 0; }
#body #section4 .item-s-2 { margin-left: 200px; top: 300px; background-image: url('../images/frj.png'); background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: 783px; }
#body #section4 .item-s-2 .item-title { width: 100%; height: 50px; background-image: url('../images/text-frj.png'); background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.4); background-size: auto; margin: 140px auto 0; }
#body #section4 .item-s-3 { margin-left: 130px; top: 556px; background-image: url('../images/fmj.png'); background-repeat: no-repeat; background-position: center center; background-color: transparent; background-size: 390px; }
#body #section4 .item-s-3 .item-title { width: 100%; height: 50px; background-image: url('../images/text-fmj.png'); background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.4); background-size: auto; margin: 140px auto 0; }
#body #section4 .close-item { position: absolute; width: 37px; height: 41px; left: 50%; margin-left: 250px; top: 256px; z-index: 4; display: none; cursor: pointer; background-image: url('../images/close-item.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section4 .item-x { display: none; position: absolute; left: 50%; margin-left: -391.5px; top: 210px; z-index: 3; width: 783px; height: 783px; border-radius: 392.5px; overflow: hidden; border: 3px solid #b79c67; }
#body #section4 .item-x .item-title { width: 155px; height: 35px; margin: 600px auto 0; }
#body #section4 .item-x .item-intro { width: auto; line-height: 40px; height: 40px; margin: 10px auto 0; text-align: center; font-size: 16px; color: #777674; border-radius: 20px; padding: 0 10px; border: 2px solid #eeeeee; display: table; }
#body #section4 .item-x.item-x-1 { background-image: url('../images/bt.png'); background-repeat: no-repeat; background-position: 0 0; background-color: #ffffff; background-size: auto; }
#body #section4 .item-x.item-x-1 .item-title { background-image: url('../images/text-bt.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section4 .item-x.item-x-2 { background-image: url('../images/frj.png'); background-repeat: no-repeat; background-position: 0 0; background-color: #ffffff; background-size: auto; }
#body #section4 .item-x.item-x-2 .item-title { background-image: url('../images/text-frj.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section4 .item-x.item-x-3 { background-image: url('../images/fmj.png'); background-repeat: no-repeat; background-position: 0 0; background-color: #ffffff; background-size: auto; }
#body #section4 .item-x.item-x-3 .item-title { background-image: url('../images/text-fmj.png'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: auto; }
#body #section5 { height: 1080px; background-image: url('../images/bg5.jpg'); background-repeat: no-repeat; background-position: center 0; background-color: transparent; background-size: auto; }
#body #sectionGuideBar { position: fixed; _display: none; right: 30px; top: 50%; width: 30px; margin-top: -171px; z-index: 8; }
#body #sectionGuideBar .bar { cursor: pointer; width: 30px; height: 30px; position: relative; }
#body #sectionGuideBar .bar .font-ro { display: block; position: absolute; font-size: 30px; height: 100%; width: 100%; left: 0; top: 0; line-height: 1; color: #6f5111; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
#body #sectionGuideBar .for-active { opacity: 0; filter: alpha(opacity=0); }
#body #sectionGuideBar .for-unactive { opacity: 1; filter: alpha(opacity=100); }
#body #sectionGuideBar .bar-active .for-active { opacity: 1; filter: alpha(opacity=100); }
#body #sectionGuideBar .bar-active .for-unactive { opacity: 0; filter: alpha(opacity=0); }
#body #sectionGuideBar .bar-space { height: 22px; width: 0; font-size: 0; border-left: 2px dotted #6f5111; margin: 0 auto; }

.iti-mobile .intl-tel-input.iti-container { z-index: 100000; }

.pop-container { position: relative; display: none; width: 592px; height: 372px; border-radius: 30px; }
.pop-container .title { width: 572px; height: 70px; padding: 15px 0; margin: 0 10px; border-bottom: 4px solid #ecf0f1; color: #ab9350; font-size: 20px; text-indent: 40px; z-index: 1; }
.pop-container .btn-close { position: absolute; right: 23px; top: 19px; width: 30px; height: 30px; cursor: pointer; z-index: 5; background-image: url('../images/close.jpg'); background-repeat: no-repeat; background-position: 0 0; background-color: transparent; background-size: 30px; }
.pop-container .for-order-1 { position: relative; width: 592px; height: 294px; }
.pop-container .for-order-1 .form-group { width: 300px; height: 80px; position: absolute; left: 50%; margin-left: -144px; top: 60px; font-size: 14px; line-height: 20px; color: #592a09; }
.pop-container .for-order-1 .form-group input { font-size: 18px; color: #97835c; background-color: #ecf0f1; line-height: 37px; width: 200px; outline: none; border-radius: 0; box-shadow: none; height: 30px; }
.pop-container .for-order-1 .form-group .intl-tel-input.allow-dropdown .selected-flag { width: 46px; background-color: #ecf0f1; outline: none; }
.pop-container .for-order-1 .form-group .country-list { margin: 3px 0 0 0; font-size: 14px; z-index: 6; width: 200px; height: 210px; }
.pop-container .for-order-1 .form-group .help-block { margin-top: 10px; font-size: 18px; color: #e74c3c; padding-left: 73px; height: 36px; }
.pop-container .for-order-1 .btn-submit { width: 130px; height: 42px; background-color: #ab9350; position: absolute; left: 50%; margin-left: -63px; top: 160px; border-radius: 6px; text-align: center; color: #fff; font-size: 20px; line-height: 42px; }
.pop-container .for-order-1 .order-tip-text { color: #8b8069; position: relative; top: 250px; text-align: center; font-size: 16px; }
.pop-container .success-tip .success-title { font-size: 28px; text-align: center; margin-bottom: 10px; color: #9b8049; margin-top: 10px; text-indent: 20px; }
.pop-container .success-tip .success-qrcode { position: relative; height: 148px; text-align: center; }
.pop-container .success-tip .success-qrcode img { width: 148px; height: 148px; }
.pop-container .success-tip .some-other-text { margin-top: 44px; color: #8b8069; line-height: 20px; font-size: 16px; text-align: center; }
.pop-container .return-tip .return-text { font-size: 28px; text-align: center; margin-bottom: 10px; color: #9b8049; margin-top: 10px; text-indent: 20px; }
.pop-container .return-tip .be-ok { width: 130px; height: 42px; background-color: #ab9350; position: absolute; left: 50%; margin-left: -63px; top: 260px; border-radius: 6px; text-align: center; color: #fff; font-size: 20px; line-height: 42px; }
.pop-container .success-tip, .pop-container .return-tip { display: none; }
.pop-container.subscribe-success .success-tip { display: block; }
.pop-container.subscribe-success .for-order-1 { display: none; }
.pop-container.subscribe-fail .return-tip { display: block; }
.pop-container.subscribe-fail .for-order-1 { display: none; }

.black-drop, .black-food { position: fixed !important; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 9; display: none; }

.popupvideo { padding-top: 49.2%; position: absolute; width: 87.5%; top: 50%; left: 6.25%; margin-top: -24.6%; }
.popupvideo video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#popupmnq { color: #9b8049; width: 370px; height: 270px; padding: 0px 15px 20px; }
#popupmnq .modal-header { position: relative; padding: 0px 5px; height: 60px; font-size: 24px; }
#popupmnq .modal-header .title { font-size: 20px; line-height: 60px; float: left; }
#popupmnq .modal-header .close { position: absolute; width: 30px; height: 30px; right: 0px; top: 0px; background-image: url('../images/close.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; background: none; text-indent: 0; float: right; line-height: 24px; margin-top: 18px; color: #666; -webkit-transition: color .3s ease; transition: color .3s ease; }
#popupmnq .modal-header .border-bottom { position: absolute; bottom: -2px; left: 1px; width: 87px; height: 2px; background: #9b8049; }
#popupmnq .modal-body { font-size: 20px; padding: 15px 55px 0px; border-top: 2px solid #ecf0f1; line-height: 26px; }
#popupmnq .modal-body .itempopup { width: 69px; height: 69px; }
#popupmnq .modal-body .itempopup.popup1 { background-image: url('../images/ropopup1.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; }
#popupmnq .modal-body .itempopup.popup2 { background-image: url('../images/ropopup2.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; margin: 0 5px; }
#popupmnq .modal-body .itempopup.popup3 { background-image: url('../images/ropopup3.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; }
#popupmnq .modal-body .itempopup.popup4 { background-image: url('../images/ropopup4.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; }
#popupmnq .modal-body .has-tip-sm { padding-top: 12px; clear: both; font-size: 16px; }
#popupmnq .modal-body .has-bottom { padding-bottom: 15px; }

#popupmac { color: #9b8049; width: 370px; height: 270px; padding: 0px 15px 20px; }
#popupmac .modal-header { position: relative; padding: 0px 5px; height: 60px; font-size: 24px; }
#popupmac .modal-header .title { font-size: 20px; line-height: 60px; float: left; }
#popupmac .modal-header .close { position: absolute; width: 30px; height: 30px; right: 0px; top: 0px; background: none; text-indent: 0; float: right; line-height: 24px; margin-top: 18px; color: #666; -webkit-transition: color .3s ease; transition: color .3s ease; background-image: url('../images/close.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; }
#popupmac .modal-header .border-bottom { position: absolute; bottom: -2px; left: 1px; width: 87px; height: 2px; background: #9b8049; }
#popupmac .modal-body { font-size: 20px; padding: 15px 55px 0px; border-top: 2px solid #ecf0f1; line-height: 26px; }
#popupmac .modal-body .itempopup { width: 69px; height: 69px; }
#popupmac .modal-body .itempopup.popup3 { display: block; margin: auto; background-image: url('../images/ropopup3.jpg'); background-repeat: no-repeat; background-position: center bottom; background-color: transparent; background-size: auto; }
#popupmac .modal-body .has-tip-sm { padding-top: 12px; clear: both; font-size: 16px; }
#popupmac .modal-body .has-bottom { padding-bottom: 15px; }

#footer { min-width: 1000px; overflow: hidden; }
a,#scbar_type,.scbar_btn_td strong {
	cursor: url(../images/cgat.cur),text;
}
html,input {
	cursor: url(../images/cg.cur),text;
}

.bodystyle { 
	background:url(../images/bg.jpg) no-repeat center 0  #6699cc; 
	*background-position:-280px 0;
	_background-position:-280px 0;
}