/* Navigation */
.Nav-XS{font-size: 12px;letter-spacing: 1px;} 
.Nav-S{font-size: 14px; line-height: 1.43;} 
.Nav-M{font-size: 16px;line-height: 1.5;} 
.Nav-List-M{font-size: 16px;line-height: 1.88;}
.Nav-L{font-size: 17px;line-height: 1.35;}
.Nav-XL{font-size: 20px;}
.btn-sm-primary{background:#FFB800;padding:5px 15px;border-radius: 25px;}
.btn-sm-primary:hover{}
.navigation{position:relative;z-index: 99999;}
.navTop{background:-moz-linear-gradient(to right, #92007e, #780068 38%, #780068 62%, #92007e);
				background:-webkit-linear-gradient(to right, #92007e, #780068 38%, #780068 62%, #92007e);
				background:linear-gradient(to right, #92007e, #780068 38%, #780068 62%, #92007e);
				width:100%;height:70px;position:relative;}
.logo{max-width:90px;padding-top:10px;margin:auto;}
.logo a,.logo img{max-width:100%;}
.navTopRight{position:absolute;left:auto;right:20px;top:10px;line-height:24px;}
.navRightList li{float:left;padding:0 10px;}
.navRightList li a{vertical-align: middle;}
.navRightList li a.login .glyphicon-user{padding-right:5px;}
.navRightList li a.icons{width:30px;height:30px;padding:10px;border-radius:20px; background-color:#797979;line-height:20px;  display:inline-block;}
.navRightList li a.i-wchat{position:relative;background-image:url(../img/icon/wechat-logo.png); background-repeat:no-repeat; background-size:60% 50%;background-position: center;}
.navRightList li a.i-wchat:hover:after{content:"";position:absolute;left:-54px;top:35px;border:3px solid #FFFFFF;box-sizing:content-box;width:129px;height:129px;background:url(../img/icon/wechat-header.png) no-repeat 100% center;z-index: 999;background-size:cover;}
.navRightList li a.i-sina{background-image:url(../img/icon/weibo-logo.png); background-repeat:no-repeat; background-size:60% 60%;background-position: center;}
.navRightList li a.icons:hover{background-color:#c9c9c9;}
.navRightList li a.icon-country{font-size:16px;color: #ffb800;}
.navRightList li a.icon-country .glyphicon{padding-left:10px;}
.navRightList li a.icon-country:hover{color: #ffffff;}
.navCountryList{position:absolute;right:0;top:0;background:#F1F1F1;width:370px;padding:10px 0 0 30px;margin-top:-10px;margin-right:-20px;overflow-y:auto;z-index: 910;display:none;}
.navCountryList h3{color:#ffb800;margin:20px 0;position:relative;}
.navCountryList h3 span{position:absolute;top:0;right:20px;cursor: pointer;}
.navCountryList .left{width:160px; margin-right:20px;float:left;}
.navCountryList .right{width:160px; float:right;}
.navCountryList .list ul{padding-left:0;list-style: none;margin-bottom:24px;}
.navCountryList .list ul li{line-height:18px;}
.navCountryList .list ul li.countryArea{font-weight:bold;color:#780068;font-size:14px;}
.navCountryList .list ul a{text-decoration: none;font-size:14px;}
.navCountryList .list ul a:hover{text-decoration: underline;}

.navMenu{width:100%;height:48px;position:relative;background-color:#780068;z-index:900; }

.menuCon{padding:10px 0;width:100%;position:relative;}
.navItems{margin:auto;line-height:24px;display:table;}
.navItems li.nav-item{position:relative;float:left;display:inline-block;padding:5px 21px;margin:0;}
.navItems li a{color:#FFFFFF;display:inline-block;}
.navItems li a:hover,
.navItems li a.active{border-bottom:1px solid #FFFFFF;}

.nav-item-menu{display:none;position:absolute;width:100%;min-width:auto;top:38px;margin:0;padding:0;border: none;background-color:#780068;border-radius:0;box-shadow:none;}
.nav-item-menu ul{padding:0;text-align:center;}
.nav-item-menu ul li{padding:5px 0;border-bottom: 2px solid #6c005e;}
.nav-item-menu ul li a{font-size:17px;line-height: 1.35;}

.menuDropBtn{display: none;}
.nav-item:nth-child(3) .nav-item-menu{width:150%;left:-25%;}
.nav-item:nth-child(6) .nav-item-menu{width:120%;left:-10%;}
.nav-item:nth-child(8) .nav-item-menu{width:120%;left:-10%;}
.nav-item .nav-item-menu li{float:none;display:block;}
.navbar-toggle{float:left;margin-top:30px;margin-left:25px;border:none;background:none;margin-bottom:5px;}
.navbar-toggle .bars{display:inline-block;vertical-align: super;margin-right:12px;}
.navbar-toggle .bar-txt{color:#FFFFFF;font-size: 16px;font-weight: bold;line-height: 1.5;display:inline-block;}
.navbar-toggle .icon-bar{border-radius: 0;width:26px;height:4px;background-color: #ffffff;}
.navbar-toggle .icon-bar::before,
.navbar-toggle .icon-bar::after{ content:"";width: 26px; height:4px; background-color: #ffffff; position: absolute;transition-duration: 300ms;transition-property: margin, transform, -webkit-transform;display:block;}
.navbar-toggle .icon-bar::before{	margin-top: -8px; }
.navbar-toggle .icon-bar::after{	margin-top: 8px; }
.navbar-toggle.active .icon-bar{background:transparent;transform: translateX(0px);transition: all 300ms ease-in-out 0s;}
.navbar-toggle.active .icon-bar::before{margin-top: 0;transform: rotate(45deg); }
.navbar-toggle.active .icon-bar::after{margin-top: 0;transform: rotate(-45deg);}
.searchNav-lg{position:absolute;top:10px;right:20px;float:none;}
.searchNav-lg a{display:inline-block;color:#FFFFFF;font-size:14px;width:28px;height:28px;padding:4px!important; border-radius: 4px;background-color: #44003b;text-align: center;}
.searchNav-xs{display:none!important;}
.menuDropBtn{display: none;}

/*login success*/
.navRightList li .login.vipUser{background:#FFFFFF;position:relative;padding-left:50px;}
.navRightList li .login.vipUser:after{content:"\e013";position:absolute;left:8px;top:2px;font-family: 'Glyphicons Halflings'; color:#FFFFFF;}
.navRightList li .login.vipUser span{position:absolute;left:0;background:#3bbb3c;color:#FFFFFF;height: 30px;top: 0;width: 45px;border-radius: 25px 0 0 25px;padding-left:25px;padding-top:9px;}
.navRightList li .login.exitUser{background: #3bbb3d;color:#fff}
@media only screen and (min-width: 1025px) {
	.navbar-toggle{display:none;}
	.navMenu{ display:block!important;}
}
@media only screen and (max-width: 1024px) {
	.navTop{height:110px;transition: all 300ms ease-in-out 0s;}
	.navTopRight{transition: all 300ms ease-in-out 0s;top:35px;}
	.navbar-toggle{display:block;}
	.navMenu{background-color:transparent;height:auto;max-width:320px;position:absolute;display:none;}
	.menuCon{padding:0;}
	.navItems{display: block;}
	.navItems{padding:0;text-align:left;}
	.navItems li a{color:#780068;}
	.navItems li.nav-item{display: block;width:100%;background:#f1f1f1;border-bottom:1px solid #fff;}
	.navItems li.nav-item > a{display:inline-block;padding:8px 21px;}
	.nav-item-menu{position:relative;top:0;background-color:#e1e1e1;}
	.nav-item-menu ul{text-align:left;background-color:#e1e1e1;}
	.nav-item-menu ul li{border-bottom: 1px solid #fff;}
	.nav-item-menu ul li:last-child{border-bottom: 0;}
	.searchNav-lg{display:none;}
	.searchNav-xs{display:block!important;}
	.nav-item a .caret{display:none;}
	.menuDropBtn{display: block;position: absolute;color:#780068;right:0;padding:8px 21px;font-size:18px;cursor: pointer;}
	.nav-item-menu{width:100%!important;left:0!important;}
	.nav-item-menu li{background-color:#e1e1e1!important;}
	.nav-item-menu li a{padding:0 21px!important;}
	
	.navItems li.nav-item{padding-top:0;padding-bottom:0;}
	.navItems li.nav-item > a{padding:8px 0 0;margin-bottom:8px;}
	.navItems li a:hover,
	.navItems li a.active{border-bottom:1px solid #780068;}
	.nav-item-menu{padding:0;margin:0 -21px;}
	.nav-item-menu li a{padding:8px 0 0!important;}
}
.navRightList li a.login{display:inline-block;padding:3px 15px;}
@media only screen and (max-width: 768px) {
	.navTop > *{transition: all 300ms ease-in-out 0s;}
	.logo{max-width:56px;}
	.navTop{height:55px;}
	.navMenu{width:100%!important;max-width:none;}
	.navbar-toggle{margin-top:15px;margin-left:15px;padding-top:0;}
	.navTopRight{top:15px;}
	.navRightList li.navRight-icons{display: none;}	
	.navRightList li a.login .glyphicon-user{padding-right:0;}
	.btn-sm-primary{padding:5px 7px;}	
	
}
@media only screen and (max-width: 992px) {	
	.btn-sm-primary{padding:5px 7px;}
	.navRightList li a.login .glyphicon-user{padding-right:0;}
	.navRightList li:first-child a {padding:3px 9px;}
	.navRightList li .login b{display: none;}
	.navTopRight{right:10px;}
	.navRightList li{padding:0 8px;}
	.navRightList li .login.vipUser{background-color:#FFFFFF; color:#3bbb3c;padding-left:8px;}
	.navRightList li .login.vipUser:after{display:none;}
	.navRightList li .login.vipUser b{display: none!important;}
	.navRightList li .login.vipUser span{position:relative;left:auto;width:auto;;height:auto;;border-radius: 0;padding-right:0;padding-left:0;padding-top:0;background:none;color:#3bbb3c;}
	.navRightList li .login.exitUser{background-color:#FFFFFF; color:#3bbb3c;}
	.navRightList li .login.exitUser b{display: inline-block;}
}

.navMenuFix{position:fixed;left:0;top:0;}
.navTop-mb-fix{position:fixed!important;top:0;}
@media only screen and (max-width: 1024px) {.navigation{height: 110px;}.navMenu-mb-fix{position:fixed!important;top:110px;}}
@media only screen and (max-width: 768px) {.navigation{height: 55px;}.navMenu-mb-fix{position:fixed!important;top:55px;}}
	
/*Footer*/
.footer-grey{background-color:#797979;padding-top:40px;color:#FFFFFF;text-align: center;}
.footer-grey > *{transition: all 300ms ease-in-out 0s;}
.footer-grey .row ul{margin-top:20px;}
.footer-grey .row ul li{line-height:30px;}
.footer-grey .row a{color:#FFFFFF!important;}
.footer-grey .row a:hover{border-bottom:1px solid #FFFFFF;}
.footer-grey .wchat{margin-top:50px;text-align: right;}
.footer-grey .wchat img{border: 4px solid #FFFFFF;height: 153px;}
.footer-grey .white{width:153px;height:1px;border:12px solid #FFFFFF;background:#FFFFFF;float:right;margin-top:5px;}
@media only screen and (max-width: 991px) {
	
}
@media only screen and (max-width: 767px)  {
	.footer-grey .row div[class*="col-"]{margin-bottom:50px;}
	.footer-grey .row div[class*="col-"]:last-child{margin-bottom:0;}
	.footer-grey .white{display:none;}
	.footer-grey .wchat{text-align: center;margin-top:0;}
	.footer-grey .white{float:none;}
	
	.rightLinks,
	.footer-purple .row div[class*="col-"]{text-align:center;}
	.rightLinks li{margin-bottom:28px;}
}
.footer-purple{background-color:#780068;padding:38px 0 30px;}
.rightLinks{text-align:right;}
.rightLinks li{display:inline-block; padding:0 10px;}
.rightLinks a{color:#FFFFFF; font-size: 14px; }
.rightLinks a:hover{border-bottom:1px solid #FFFFFF;}