@charset "utf-8";

::-webkit-scrollbar              { /* 1 */  width:9px; background-color:rgba(0,0,0,0);}
::-webkit-scrollbar-button       { /* 2 */ }
::-webkit-scrollbar-track        { /* 3 */ }
::-webkit-scrollbar-track-piece  { /* 4 */ }
::-webkit-scrollbar-thumb        { /* 5 */ border:0; width:5px; border-radius:4px; background-color:rgba(0,0,0,0.2);}
::-webkit-scrollbar-corner       { /* 6 */ background-color:#f8f8f8;}
::-webkit-resizer                { /* 7 */ }
::-webkit-scrollbar:horizontal   { height:9px;}

html {-ms-overflow-style:-ms-autohiding-scrollbar;}
html,body {-webkit-overflow-scrolling:touch; -webkit-tap-highlight-color:rgba(0,0,0,0); min-height:100%; width:100%; overflow-x:scroll; overflow-x:hidden; }
body{padding-top:45px; }

@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?uwr3mr');
	src:url('../fonts/icomoon.eot?#iefixuwr3mr') format('embedded-opentype'),
		url('../fonts/icomoon.woff?uwr3mr') format('woff'),
		url('../fonts/icomoon.ttf?uwr3mr') format('truetype'),
		url('../fonts/icomoon.svg?uwr3mr#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.fdayicon{font-family: 'icomoon'}
.fdayicon:before{font-size:1.25em;}
.fdayicon-home:before{content: '\e60b'; font-size:1.35em;}
.fdayicon-weixin:before{content: '\e637';}

.m-component-nav{background:#64a131; margin-bottom:0; min-height:42px; padding-top:0px;}
.m-component-nav .navbar-header{float:none; position:relative;}
.navbar-func,
.navbar-func:focus,
.navbar-func:hover{display:block; padding:10px; height:44px; font:1em/24px 'microsoft yahei'; color:rgba(255,255,255,0.9); text-decoration:none;}
.navbar-func .fdayicon{ height:24px; line-height:inherit; color:inherit;}
.navbar-func .navbar-login,
.navbar-func .navbar-cart{width:18px; height:24px; color:rgba(255,255,255, 0.9); margin-left:10px; position:relative;}
.navbar-title{position:absolute; left:50%; margin-left:-100px; width:200px; height:44px; font:1.25em/44px 'microsoft yahei'; color:#fff; overflow:hidden;}
.navbar-func .btn-xs, 
.navbar-func .btn-group-xs>.btn{font-size:14px; padding:1px 10px;}
.m-component-download{padding:10px; background:#f1f1f1; position:relative; overflow:hidden; font-family:'micosoft yahei';}
.m-close{position:absolute; top:-20px; right:-20px; width:40px; height:40px; background:#70a554; border-radius:50%; line-height:40px; }
.m-close .glyphicon-remove{top:10px; left:5px; color:#fff; font-weight:normal;}
.m-img{width:44px; margin-left:0px;}
.m-tips{margin:4px 0 0 10px; font:0.8em/20px 'microsoft yahei'; color:#646464;}
.m-btn{margin-top:6px; margin-right:5px; font-family:'microsoft yahei';}
.m-component-login{width:100%; min-height:660px; padding-top:25px; }
.m-component-login .btn-success{font-size:1.2em}
.m-login-link:link,
.m-login-link:visited, 
.m-login-link:hover,
.m-login-link:active {display:inline-block; margin-top:5px; margin-right:3px; text-decoration:underline; color:#f6ab00;}
.m-form-tips{padding:10px; margin-bottom:10px;}
.input-group-addon>img{border-radius:0 4px 4px 0;}
.m-component-login .glyphicon{color:#646464;}
.m-otherlogin{height:24px; line-height:24px; color:#646464;}
.m-otherlogin .fdayicon-weixin{color:#65A031; font-size:22px; line-height:24px; margin-right:2px;}



/******************横屏遮罩*****************/
#shade{ position:fixed; width:100%; height:100%; left:0; top:0; }
/* css pad */
@keyframes arow {
  0% { opacity:0}
  50% { opacity:1}
  100% { opacity:0}
}
@-webkit-keyframes arow {
  0% { opacity:0}
  50% { opacity:1}
  100% { opacity:0}
}
@-moz-keyframes arow {
  0% { opacity:0}
  50% { opacity:1}
  100% { opacity:0}
}
@keyframes padroate {
  0%{ opacity:0;transform:rotate(0deg);}
  10%{ opacity:1;transform:rotate(0deg);}
  20%, 80% { opacity:1; transform:rotate(90deg);}
  100% {opacity:0;transform:rotate(90deg);}
}
@-webkit-keyframes padroate {
  0%{ opacity:0;-webkit-transform:rotate(0deg);}
  10%{ opacity:1;-webkit-transform:rotate(0deg);}
  20%, 80% { opacity:1; -webkit-transform:rotate(90deg);}
  100% {opacity:0;-webkit-transform:rotate(90deg);}
}
@-moz-keyframes padroate {
  0%{ opacity:0;-moz-transform:rotate(0deg);}
  10%{ opacity:1;-moz-transform:rotate(0deg);}
  20%, 80%{ opacity:1; -moz-transform:rotate(90deg);}
  100% {opacity:0;-moz-transform:rotate(90deg);}
}
@-ms-keyframes padroate {
  0%{ opacity:0;-ms-transform:rotate(0deg);}
  10%{ opacity:1;-ms-transform:rotate(0deg);}
  20%, 80% { opacity:1; -ms-transform:rotate(90deg);}
  100% {opacity:0;-ms-transform:rotate(90deg);}
}
.padArow {
  top:50%;
  left:50%;
  position: absolute;
  width:50px;
  height:50px;
  border-left:solid 6px #000;
  border-radius:0 0 0 49px;
  margin:-15px 0 0 -90px;
  -webkit-animation:arow 2s linear infinite;
  animation:arow 2s linear infinite;
}
.padArow:after {
  position:relative;
  bottom:12px;
  right:15px;
  display:block;
  content:"";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width:0 12px 12px 12px;
  border-color: transparent transparent #000 transparent ;  
}
.trasfrm { position:fixed; width:100%; height:100%; z-index:999; background:#f3f3f3; left:0; top:0; display:none;}
.iconPad_1 {
  position:absolute;
  left:50%;
  top:38%;
  margin:-40px 0 0 -60px;
  opacity:0.4;  
  width:120px;
  height:80px;
  background:#fff;
  border: solid 2px #000;
  border-radius:8px;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding:3px;
}
.iconpad_2 {
  border-radius:5px;
  width:100%;
  height:100%;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  border:8px solid #000;
  background-image: -moz-linear-gradient( -90deg, rgb(29,29,29) 0%, rgb(153,153,153) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(29,29,29) 0%, rgb(153,153,153) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(29,29,29) 0%, rgb(153,153,153) 100%);
}
.iconpad_2:before {
  display:block;
  content:"";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 84px 64px 0 0;
  border-color: rgba(255,255,255,0.1) transparent transparent transparent;  
}
.trmoct {opacity:1;}
.trapf {
  text-align:center;
  width:100%;
  height:20px;
  line-height:20px;
  font-size:18px;
  color:#333;
  position:fixed;
  bottom:15%;
}
/* animate */
.trmoct {
  transform-origin: center 60px;
  -webkit-animation:padroate 3s ease-in infinite 0.3s;
  animation:padroate 3s ease-in infinite 0.3s;
  -webkit-transform-origin: center 60px;
}
.innerCircle {display:none;}
/*横屏提示*/
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) and (orientation : landscape) {
    .ds768 { display:block}
  }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) and (orientation : portrait) {
    .ds768 { display:none}
  }
