@charset "utf-8";
/* CSS Document */
body{font-size:14px; background:#f5f5f5; font-family:"Microsoft Yahei","微软雅黑",sans-serif; width:100%; overflow-x:hidden;overflow-y: auto;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body,form,div,span,ul,ol,li,p,pre,dl,dt,dd,h1,h2,h3,h4,h5,h6,em,a,fieldset,legend,address,label,textarea,select,input,figure,table,th,td,b,i{margin:0;padding:0; }
input[type=text]:focus,.hy-main input[type=password]:focus,textarea:focus{
 transition:border linear .2s,box-shadow linear .5s;
 -moz-transition:border linear .2s,-moz-box-shadow linear .5s;
 -webkit-transition:border linear .2s,-webkit-box-shadow linear .5s;
 outline:none;border-color:rgba(140,215,255,.75);
 box-shadow:0 0 8px rgba(140,215,225,.5);
 -moz-box-shadow:0 0 8px rgba(140,215,225.5);
 -webkit-box-shadow:0 0 8px rgba(140,215,225,3);
}
fieldset,img{border:0;}img{ max-width:100%;}
ul,li{list-style:none;}
em,i{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none; color:#666;}
a:hover{ text-decoration:none; color:#cb0100;}
a:focus,input,button,select,textarea{outline:none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-variant: normal;}
input,select,img{ vertical-align:middle;}
legend{ display:none;}
textarea{resize:none;}
.clear:after{clear:both; content:"";display:block;height:0;line-height:0;visibility:hidden;}
.clearfix{zoom:1;}.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tl{ text-align: left;}.ov{ overflow:hidden;}.rel{ position:relative;}.tc{ text-align:center;}
.none{ display:none;}.block{ display:block;}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ddd;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ddd;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ddd;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ddd;
}

.tran {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.translateX-100 {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
}
.translateX_100 {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    transform: translateX(100%);
}
.translateY-100 {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    transform: translateY(-100%);
}
.translateY_100 {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
}
.transition {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s;
}
.scale-0{
	-webkit-transform:scale(0);
    -moz-transform:scale(0);
	transform:scale(0);
	}




.animate.translateX-100, .animate.translateX_100, .animate.translateY_100, .animate.translateY-100, .animate.scale-0 {
    opacity: 1;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    transform: translate(0,0);
	-webkit-transform:scale(1);
    -moz-transform:scale(1);
	transform:scale(1);
}


.fs12{ font-size:12px;}
.fs14{ font-size:14px;}
.fs16{ font-size:16px;}
.fs18{ font-size:18px;}
.fs20{ font-size:20px;}
.fs22{ font-size:22px;}
.fs24{ font-size:24px;}
.fs26{ font-size:26px;}
.fs28{ font-size:28px;}
.fs30{ font-size:30px;}
.fs32{ font-size:32px;}
.fs40{ font-size:40px;}

.li16{ line-height:16px;}
.li18{ line-height:18px;}
.li20{ line-height:20px;}
.li22{ line-height:22px;}
.li23{ line-height:23px;}
.li24{ line-height:24px;}
.li26{ line-height:26px;}
.li28{ line-height:28px;}
.li30{ line-height:30px;}
.li32{ line-height:32px;}
.li34{ line-height:34px;}
.li36{ line-height:36px;}
.li38{ line-height:38px;}
.li40{ line-height:40px;}
.li42{ line-height:42px;}
.li44{ line-height:44px;}
.li46{ line-height:46px;}
.li48{ line-height:48px;}
.li50{ line-height:50px;}
.li52{ line-height:52px;}
.li54{ line-height:54px;}
.li55{ line-height:55px;}
.li56{ line-height:56px;}
.li58{ line-height:58px;}
.li60{ line-height:60px;}
.li62{ line-height:62px;}
.li64{ line-height:64px;}
.li66{ line-height:66px;}
.li68{ line-height:68px;}

.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt25{ margin-top: 25px;}
.mt30{ margin-top: 30px;}
.mt35{ margin-top: 35px;}
.mt40{ margin-top: 40px;}
.mt45{ margin-top: 45px;}
.mt50{ margin-top: 50px;}
.mt55{ margin-top: 55px;}
.mt60{ margin-top: 60px;}
.mt65{ margin-top: 65px;}
.mt70{ margin-top: 70px;}

.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mb35{ margin-bottom: 35px;}
.mb40{ margin-bottom: 40px;}
.mb45{ margin-bottom: 45px;}
.mb50{ margin-bottom: 50px;}
.mb55{ margin-bottom: 55px;}
.mb60{ margin-bottom: 60px;}
.mb65{ margin-bottom: 65px;}
.mb70{ margin-bottom: 70px;}

.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left: 20px;}
.ml25{ margin-left: 25px;}
.ml30{ margin-left: 30px;}
.ml35{ margin-left: 35px;}
.ml40{ margin-left: 40px;}
.ml45{ margin-left: 45px;}
.ml50{ margin-left: 50px;}
.ml55{ margin-left: 55px;}
.ml60{ margin-left: 60px;}
.ml65{ margin-left: 65px;}
.ml70{ margin-left: 70px;}

.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr21{ margin-right: 21px;}
.mr25{ margin-right: 25px;}
.mr30{ margin-right: 30px;}
.mr35{ margin-right: 35px;}
.mr40{ margin-right: 40px;}
.mr45{ margin-right: 45px;}
.mr50{ margin-right: 50px;}
.mr55{ margin-right: 55px;}
.mr60{ margin-right: 60px;}
.mr65{ margin-right: 65px;}
.mr70{ margin-right: 70px;}

.pt5{ padding-top: 5px;}
.pt10{ padding-top: 10px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-top: 20px;}
.pt25{ padding-top: 25px;}
.pt30{ padding-top: 30px;}
.pt35{ padding-top: 35px;}
.pt40{ padding-top: 40px;}
.pt45{ padding-top: 45px;}
.pt50{ padding-top: 50px;}
.pt55{ padding-top: 55px;}
.pt60{ padding-top: 60px;}
.pt65{ padding-top: 65px;}
.pt70{ padding-top: 70px;}

.pb5{ padding-bottom: 5px;}
.pb10{ padding-bottom: 10px;}
.pb15{ padding-bottom: 15px;}
.pb20{ padding-bottom: 20px;}
.pb25{ padding-bottom: 25px;}
.pb30{ padding-bottom: 30px;}
.pb35{ padding-bottom: 35px;}
.pb40{ padding-bottom: 40px;}
.pb45{ padding-bottom: 45px;}
.pb50{ padding-bottom: 50px;}
.pb55{ padding-bottom: 55px;}
.pb60{ padding-bottom: 60px;}
.pb65{ padding-bottom: 65px;}
.pb70{ padding-bottom: 70px;}

.pl5{ padding-left: 5px;}
.pl10{ padding-left: 10px;}
.pl15{ padding-left: 15px;}
.pl20{ padding-left: 20px;}
.pl25{ padding-left: 25px;}
.pl30{ padding-left: 30px;}
.pl35{ padding-left: 35px;}
.pl40{ padding-left: 40px;}
.pl45{ padding-left: 45px;}
.pl50{ padding-left: 50px;}
.pl55{ padding-left: 55px;}
.pl60{ padding-left: 60px;}
.pl65{ padding-left: 65px;}
.pl70{ padding-left: 70px;}

.pr5{ padding-right: 5px;}
.pr10{ padding-right: 10px;}
.pr15{ padding-right: 15px;}
.pr20{ padding-right: 20px;}
.pr25{ padding-right: 25px;}
.pr30{ padding-right: 30px;}
.pr35{ padding-right: 35px;}
.pr40{ padding-right: 40px;}
.pr45{ padding-right: 45px;}
.pr50{ padding-right: 50px;}
.pr55{ padding-right: 55px;}
.pr60{ padding-right: 60px;}
.pr65{ padding-right: 65px;}
.pr70{ padding-right: 70px;}




.ani-up{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.fadeInUp{visibility: visible;animation: fadeInUp ease-out .6s forwards;-webkit-animation: fadeInUp ease-out .6s forwards;-moz-animation: fadeInUp ease-out .6s forwards;}
.ani-rig{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.faderight {visibility: visible;animation: faderight ease-out .6s forwards;-webkit-animation: faderight ease-out .6s forwards;-moz-animation: faderight ease-out .6s forwards;}
.ani-left{visibility: hidden;-webkit-opacity: 0;opacity: 0;}
.fadeleft {visibility: visible;animation: fadeleft ease-out .6s forwards;-webkit-animation: fadeleft ease-out .6s forwards;-moz-animation: fadeleft ease-out .6s forwards;}
.scalew{animation: scaleW .8s 1s both;-moz-animation: scaleW .8s 1s both;-webkit-animation: scaleW .8s 1s both;}
.scaleh{animation: scaleH .8s 1s both;-webkit-animation: scaleH .8s 1s both; -moz-animation: scaleH .8s 1s both;}
.fadedown{-webkit-animation:fadeInDown .8s .3s both;-moz-animation:fadeInDown .8s .3s both;animation:fadeInDown .8s .3s both;}
.fadeup{-webkit-animation: fadeInUp .8s .3s both;-moz-animation: fadeInUp .8s .3s both;animation: fadeInUp .8s .3s both;}
.ostar{animation: ostar 1s 0s infinite linear both;-webkit-animation: ostar 1s 0s infinite linear both; -moz-animation: ostar 1s 0s infinite linear both;}
@keyframes ostar{
	0%{opacity:0}
	50%{opacity:1}
	100%{opacity:0}
}
@-webkit-keyframes ostar{
	0%{opacity:0}
	50%{opacity:1}
	100%{opacity:0}
}
@-moz-keyframes ostar{
	0%{opacity:0}
	50%{opacity:1}
	100%{opacity:0}
}
@keyframes scaleW{
	0%{transform:scaleX(0)}
	100%{transform:scaleX(1)}
}
@-webkit-keyframes scaleW{
	0%{-webkit-transform:scaleX(0)}
	100%{-webkit-transform:scaleX(1)}
}
@-moz-keyframes scaleW{
	0%{-moz-transform:scaleX(0)}
	100%{-moz-transform:scaleX(1)}
}
@keyframes scaleH{
	0%{transform:scaleY(0)}
	100%{transform:scaleY(1)}
}
@-webkit-keyframes scaleH{
	0%{-webkit-transform:scaleY(0)}
	100%{-webkit-transform:scaleY(1)}
}
@-moz-keyframes scaleH{
	0%{-moz-transform:scaleY(0)}
	100%{-moz-transform:scaleY(1)}
}
@keyframes fadeInDown {
    0% { opacity: 0; transform: translate3d(0,-100%,0)}
    100% { opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInDown { 
	0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0);}
	100% { opacity: 1; -webkit-transform: none;}
}
@-moz-keyframes fadeInDown { 
	0% { opacity: 0; -moz-transform: translate3d(0,-100%,0);}
	100% { opacity: 1; -moz-transform: none;}
}

@keyframes fadeInUp {
	0% {opacity: 0;transform: translate3d(0, 50%, 0);}
	100% {opacity: 1;transform: none;}
}
@-webkit-keyframes fadeInUp {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(0, 50%, 0);}
	100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeInUp {
	0% {opacity: 0;-moz-transform: translate3d(0, 50%, 0);}
	100% {opacity: 1;-moz-transform: none;}
}
@keyframes faderight {
	0% {opacity: 0;transform: translate3d(-50%, 0, 0);}
	100% {opacity: 1;transform: none}
}
@-webkit-keyframes faderight {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(-50%, 0, 0);}
	100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes faderight {
	0% {opacity: 0;-moz-transform: translate3d(-50%, 0, 0);}
	100% {opacity: 1;-moz-transform: none;}
}
@keyframes fadeleft {
	0% {opacity: 0;transform: translate3d(50%, 0, 0);}
	100% {opacity: 1;transform: none}
}
@-webkit-keyframes fadeleft {
	0% {opacity: 0;-webkit-opacity: 0;-webkit-transform: translate3d(50%, 0, 0);}
	100% {opacity: 1;-webkit-opacity: 1;-webkit-transform: none;}
}
@-moz-keyframes fadeleft {
	0% {opacity: 0;-moz-transform: translate3d(50%, 0, 0);}
	100% {opacity: 1;-moz-transform: none;}
}