/*=================== ========Reset======== ===================*/ blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,td,textarea,th,ul { margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0) } html { font-family: "Microsoft YaHei", "微软雅黑", 'sans-serif',"Tahoma", "Helvetica"; font-size: 62.5%; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0) } body{ font-size: 1.6rem; line-height: 1.5; height: 100%; color: #333; overflow-x: hidden; -webkit-overflow-scrolling: touch; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } svg:not(:root) { overflow: hidden; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 500 } img { border: 0; max-width: 100%; vertical-align: middle; } ul,ol,li { list-style: none; } a{ text-decoration:none; background:0 0; color: inherit; } a:active, a:hover, a:focus { outline:0 } b,strong { font-weight:700 } sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline } button,input,optgroup,select,textarea { color:inherit; font:inherit; margin:0; outline:0 } button,select { text-transform:none } select { -webkit-appearance:none; border:none } hr{ border:0; height:1px } table{ border-spacing: 0; border-collapse: collapse; } input { line-height:normal } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input[type="checkbox"],input[type="radio"] { box-sizing:border-box; padding:0 } input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height:auto } input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box } input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance:none } /*=================== ========Public======== ===================*/ .xyh-box,.xyh-box * { -webkit-box-sizing:content-box!important; -moz-box-sizing:content-box!important; box-sizing:content-box!important; } .xyh-border,.xyh-border * { -webkit-box-sizing:border-box!important; -moz-box-sizing:border-box!important; box-sizing:border-box!important } .xyh-circle { border-radius:100% } .xyh-show { display:block!important } .xyh-hide { display:none!important } .xyh-floatL{ float: left; } .xyh-floatR{ float: right; } .xyh-txtC{ text-align: center; } .xyh-txtL{ text-align: left; } .xyh-txtR{ text-align: right; } .xyh-lht30{ line-height: 30px; } .xyh-lht26{ line-height: 26px; } .xyh-lht24{ line-height: 24px; } .xyh-lht22{ line-height: 22px; } /* 字体 */ .xyh-f12{ font-size: 12px; } .xyh-f13{ font-size: 13px; } .xyh-f14{ font-size: 14px; } .xyh-f16{ font-size: 16px; } .xyh-f18{ font-size: 18px; } .xyh-f20{ font-size: 20px; } .xyh-f22{ font-size: 22px; } .xyh-f24{ font-size: 24px; } .xyh-f32{ font-size: 32px; } .xyh-f36{ font-size: 36px; } .xyh-f48{ font-size: 48px; } /* 间距 */ .xyh-mt5{ margin-top: 5px; } .xyh-mt10{ margin-top: 10px; } .xyh-mt15{ margin-top: 15px; } .xyh-mt20{ margin-top: 20px; } .xyh-mr5{ margin-right: 5px; } .xyh-mr10{ margin-right: 10px; } .xyh-mr15{ margin-right: 15px; } .xyh-mr20{ margin-right: 20px; } .xyh-mb5{ margin-bottom: 5px; } .xyh-mb10{ margin-bottom: 10px; } .xyh-mb15{ margin-bottom: 15px; } .xyh-mb20{ margin-bottom: 20px; } .xyh-ml5{ margin-left: 5px; } .xyh-ml10{ margin-left: 10px; } .xyh-ml15{ margin-left: 15px; } .xyh-ml20{ margin-left: 20px; } .xyh-m10{ margin: 10px; } .xyh-m15{ margin: 15px; } .xyh-m20{ margin: 20px; } .xyh-pt5{ padding-top: 5px; } .xyh-pt10{ padding-top: 10px; } .xyh-pt15{ padding-top: 15px; } .xyh-pt20{ padding-top: 20px; } .xyh-pr5{ padding-right: 5px; } .xyh-pr10{ padding-right: 10px; } .xyh-pr15{ padding-right: 15px; } .xyh-pr20{ padding-right: 20px; } .xyh-pb5{ padding-bottom: 5px; } .xyh-pb10{ padding-bottom: 10px; } .xyh-pb15{ padding-bottom: 15px; } .xyh-pb20{ padding-bottom: 20px; } .xyh-pl5{ padding-left: 5px; } .xyh-pl10{ padding-left: 10px; } .xyh-pl15{ padding-left: 15px; } .xyh-pl20{ padding-left: 20px; } .xyh-p10{ padding: 10px; } .xyh-p15{ padding: 15px; } .xyh-p20{ padding: 20px; } .xyh-inline { position:relative; display:inline-block; *display:inline; *zoom:1 } .xyh-block{ display: block; } .xyh-elip { text-overflow:ellipsis; overflow:hidden; white-space:nowrap } .xyh-unselect { -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none } .xyh-clear{ clear:both; *zoom:1 } .xyh-clear:after{ content:''; clear:both; *zoom:1; display:block; height:0 } .xyh-wrap{ width: 1200px; margin: 0 auto; } a:link { color: #636363; cursor: pointer; text-decoration: none; } a:visited { color: #636363; text-decoration: none; } a:hover { color: #000; text-decoration: none; } a:active { color: #636363; text-decoration: none; } .trans { transition: all .5s ease; -moz-transition: all .5s ease; /* Firefox 4*/ -webkit-transition: all .5s ease; /* Safari 和 Chrome*/。 -o-transition: all .5s ease; /* Opera*/ } .pos-rel{ position: relative;} .container{ width: 96%; max-width: 1460px; margin: 0 auto; padding: 0; }