@charset "utf-8";

*{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
body{ margin: 0; padding: 0; font-family: "Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif; font-size: 14px;  width: 100%; color: #333;}
ul{ margin: 0; padding: 0; list-style: none;}
a{ color: inherit; text-decoration: none;}
a:hover{ text-decoration: underline;}
p{ margin: 0;}
h1,h2,h3,h4,h5,h6{ margin: 0;}
img{border:0;}
table{ border-collapse: collapse;}
button{ font-family: "Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif;}
input{font-family: "Microsoft YaHei",\5FAE\8F6F\96C5\9ED1,Arial,Helvetica,sans-serif;font-size: 14px;}
.hide{ display: none;}
.none{ display:none!important;}
.block{ display:block}
.inline-block{ display:inline-block;}
.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}

.fn-left { float: left;}
.fn-right { float: right;}

.clear-l { clear: left;}
.clear-b { clear: both;}
.clear{zoom: 1}
.cle{clear: both;zoom: 1}
.clear:before{ content: ""; display: block; clear: both;}
.clear:after{ content: ""; display: block; clear: both;}

.bold{font-weight: bold;}

.opacity-2{ opacity: 0.2; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);}
.opacity-3{ opacity: 0.3; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);}
.opacity-5{ opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);}

/*sroll*/
::-webkit-scrollbar-track-piece{
    background-color:transparent;
    -webkit-border-radius:0;
    }
    ::-webkit-scrollbar{
    width:10px;
    height:10px;
    }
    ::-webkit-scrollbar-thumb{
    background-color:#ccc;
    border:solid 1px #ccc;
    border-radius:10px;
    }
    ::-webkit-scrollbar-thumb:hover{
    background-color:#ccc;
    }
    ::-webkit-scrollbar-arrow {
    color:#F00;
    backgound:#0F0;
    }

a.fn-color-gray,.fn-color-gray{ color: #999999}
.fn-color-c{color: #ccc}
.fn-color-9{ color: #999999;}
.fn-color-6{ color: #666666;}
.fn-color-5{ color: #555555;}
.fn-color-3{ color: #333333;}
.fn-color-f{ color: #ffffff;}
.fn-color-a{ color: #aaaaaa;}
.fn-color-d{ color: #d4a667;}

.bg-white{ background-color: #fff;}

.fn-text-left{ text-align: left;}
.fn-text-right{ text-align: right;}
.fn-text-center{ text-align: center;}

.fn-font-10{ font-size: 10px}
.fn-font-12{ font-size: 12px}
.fn-font-14{ font-size: 14px;}
.fn-font-16{ font-size: 16px}
.fn-font-18{ font-size: 18px;}
.fn-font-20{ font-size: 20px;}
.fn-font-22{ font-size: 22px;}
.fn-font-24{ font-size: 24px;}
.fn-font-26{ font-size: 26px;}
.fn-font-28{ font-size: 28px;}
.fn-font-30{ font-size: 30px;}
.fn-font-32{ font-size: 32px;}
.fn-font-36{ font-size: 36px;}
.fn-font-40{ font-size: 40px;}
.fn-font-48{ font-size: 48px;}

.fn-text-weak{opacity: 0.6;filter:alpha(opacity=60);-moz-opacity:0.6;}

.fn-font-normal{ font-weight: normal;}

/*padding*/
.pd5{padding: 5px;}
.pd10{padding: 10px}
.pd15{padding: 15px}
.pd20{padding: 20px;}

.pd-l-5{padding-left: 5px}
.pd-r-5{padding-right: 5px}
.pd-t-5{padding-top: 5px}
.pd-b-5{padding-bottom: 5px}

.pd-l-10{padding-left: 10px}
.pd-r-10{padding-right: 10px}
.pd-t-10{padding-top: 10px}
.pd-b-10{padding-bottom: 10px}

.pd-l-15{padding-left: 15px}
.pd-r-15{padding-right: 15px}
.pd-t-15{padding-top: 15px}
.pd-b-15{padding-bottom: 15px}

.pd-l-20{padding-left: 20px}
.pd-r-20{padding-right: 20px}
.pd-t-20{padding-top: 20px}
.pd-b-20{padding-bottom: 20px}

.pd-l-25{padding-left: 25px}
.pd-r-25{padding-right: 25px}
.pd-t-25{padding-top: 25px}
.pd-b-25{padding-bottom: 25px}

.pd-l-30{padding-left: 30px}
.pd-r-30{padding-right: 30px}
.pd-t-30{padding-top: 30px}
.pd-b-30{padding-bottom: 30px}

.pd-t-35{padding-top: 35px}
.pd-b-35{padding-bottom: 35px}

.pd-l-40{padding-left: 40px}
.pd-r-40{padding-right: 40px}
.pd-t-40{padding-top: 40px}
.pd-b-40{padding-bottom: 40px}

/*margin*/
.mg5{margin: 5px;}
.mg10{margin: 10px}

.mg-l-5{margin-left: 5px}
.mg-r-5{margin-right: 5px}
.mg-t-5{margin-top: 5px}
.mg-b-5{margin-bottom: 5px}

.mg-l-10{margin-left: 10px}
.mg-r-10{margin-right: 10px}
.mg-t-10{margin-top: 10px}
.mg-b-10{margin-bottom: 10px}

.mg-l-15{margin-left: 15px}
.mg-r-15{margin-right: 15px}
.mg-t-15{margin-top: 15px}
.mg-b-15{margin-bottom: 15px}

.mg-l-20{margin-left: 20px}
.mg-r-20{margin-right: 20px}
.mg-t-20{margin-top: 20px}
.mg-b-20{margin-bottom: 20px}

.mg-l-25{margin-left: 25px}
.mg-r-25{margin-right: 25px}
.mg-t-25{margin-top: 25px}
.mg-b-25{margin-bottom: 25px}

.mg-l-30{margin-left: 30px}
.mg-r-30{margin-right: 30px}
.mg-t-30{margin-top: 30px}
.mg-b-30{margin-bottom: 30px}

.mg-t-35{margin-top: 35px}
.mg-r-35{margin-right: 35px}

.mg-l-40{margin-left: 40px}
.mg-r-40{margin-right: 40px}
.mg-t-40{margin-top: 40px}
.mg-b-40{margin-bottom: 40px}

.mg-r-50{margin-right: 50px}
/*width*/
.w60{width: 60px;}
.w70{width: 70px;}
.w80{width: 80px;}
.w100{width: 100px;}
.w120{width: 120px;}
.w140{width: 140px;}
.w150{width: 150px;}
.w160{width: 160px;}
.w170{width: 170px;}
.w180{width: 180px;}
.w250{width: 250px;}
.w270{width: 270px;}
.w300{width: 300px;}
.w340{width: 340px;}
.w400{width: 400px;}
.w500{width: 500px;}
.w630{width:630px;}
.w750{width:750px;}
.w770{width:770px;}

input.w160{width:160px;}
input.w148{width:148px;}
input.w240{width:240px;}
input.w300{width:288px;}
input.w460{width: 460px;}

/*高度*/
.h770{height: 770px;}
.h370{height: 370px;}
.h110{height: 110px;}
.h80{height: 80px;}
.h70{height: 70px;}
.h30{height: 30px;}
.h20{height: 20px;}
.h15{height: 15px;}
.h5{height: 5px;}

.lh30{line-height: 30px;}
.lh26{line-height: 26px;}
.lh24{line-height: 24px;}
.lh20{line-height: 20px;}
.lh16{line-height: 16px;}
.lh40{line-height: 40px;}