/**
* @name :HTML标签重定义
* @author :chongzi(email:5654565@qq.com)
* @version :1.0
* @type :公共规则
* @explain :无
*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, input, textarea, p, blockquoteth, td { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; font-weight: normal; }
ul, ol { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
object, input, textarea { outline: none; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
i { font-style: normal; }
ol, ul { list-style: none; }
capation, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
/* 以下样式根据不同的网站可能需要改写 */
html{font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif;}
body { margin-top:50px;background-color: #fff; /*overflow:hidden;height:100%;*/ }
textarea { font-family: Courier New,sans-serif; font-size: 13px; }
i { font-style: normal; }
a { text-decoration: none; color: #000; }
/*a:visited {color:#000;}*/
a:hover { /*text-decoration: underline;*/ text-decoration: none; /*color:#000;*/ }
* { /*font-size: 12px; line-height: 150%;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/*placeholder的设置*/
input::-moz-placeholder, textarea::-moz-placeholder { color: #cccccc; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #cccccc; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #cccccc; }
/* 须改写样式结束*/
/**
* @name :常用原子类
* @author :chongzi(email:5654565@qq.com)
* @version :1.0
* @type :公共规则
* @explain :无
*/
/*字体排版*/
.f1 { font-size: 1px; }
.fb { font-weight: bold; }
.fn { font-weight: normal; }
.lh1 { line-height: 1%; }
.lh150 { line-height: 150%; }
.lh180 { line-height: 180%; }
.lh200 { line-height: 200%; }
/*定位*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.bc { margin-left: auto; margin-right: auto; }
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
/*如果一个块级对象内部包含浮动对象，应该给该块级对象使用clearfix*/
.clearfix:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
.va-c { vertical-align: center; }
.pr { position: relative; }
.pa { position: absolute; }
.abs-right { position: absolute; right: 0; }
.zoom { zoom: 1; }
.hidden { visibility: hidden; }
.none { display: none; }
/*长度高度*/
.w10 { width: 10px; }
.w { width: 100%; }
.h { height: 100%; }
.h10 { height: 10px; overflow: hidden; }
/*边距*/
.m5{margin:5px;}
.m10{margin:10px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt120{margin-top:120px;}
.ml10{margin-left:10px;}
.mr10{margin-right:10px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb25{margin-top:25px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mb100{margin-bottom:100px;}
.pa0{padding:0px;}
.pa5{padding:5px;}
.pa10{padding:10px;}
.pa20{padding:20px;}
.pa30{padding:30px;}
.patb10{padding:10px 0;}
.pab30{padding-bottom:30px;}
.pab100{padding-bottom:100px;}
html { min-width: 320px; /*overflow:hidden;*/ }
/*下载按钮的动画*/
@keyframes myfirst {
0% {transform: translate(0,-20%); }
3% { transform: translate(0,20%); }
6% {transform: translate(0,-20%); }
9% {transform: translate(0,20%);}
12% {transform: translate(0,0);}
}
@-webkit-keyframes rotate {
0% {-webkit-transform: translate(0,-20%); }
3% { -webkit-transform: translate(0,20%); }
6% {-webkit-transform: translate(0,-20%); }
9% {-webkit-transform: translate(0,20%);}
12% {-webkit-transform: translate(0,0);}
}
@-moz-keyframes rotate {
0% { -moz-transform: translate(0,-20%); }
3% { -moz-transform: translate(0,20%); }
6% { -moz-transform: translate(0,-20%); }
9% { -moz-transform: translate(0,20%);}
12% { -moz-transform: translate(0,0);}
}
@-o-keyframes myfirst {
0% { -o-transform: translate(0,-20%); }
3% { -o-transform: translate(0,20%); }
6% { -o-transform: translate(0,-20%); }
9% { -o-transform: translate(0,20%);}
12% { -o-transform: translate(0,0);}
}
@-ms-keyframes myfirst {
0% {-ms-transform: translate(0,-20%); }
3% { -ms-transform: translate(0,20%); }
6% {-ms-transform: translate(0,-20%); }
9% {-ms-transform: translate(0,20%);}
12% {-ms-transform: translate(0,0);}
}
.foot_download { height: 48px; position: fixed; width: 100%; left: 0; bottom: 0; z-index: 500; background-color: #0fbec6; }
.foot_download .fd_logo { position: absolute; left: 12px; bottom: 6px; width: 148px; height: 54px; overflow: hidden; }
.foot_download .fd_logo img { display: block; width: 100%; }
.foot_download .fd_download { width: 74px; height: 26px; position: absolute; right: 14px; top: 10px; }
.foot_download .fd_download a { display: block; width: 74px; height: 26px; overflow: hidden; animation:rotate 4s linear 0.5s infinite; -webkit-animation: rotate 4s linear 0.5s infinite; -moz-animation: rotate 4s linear 0.5s infinite; }
.foot_download .fd_download a img { display: block; width: 100%; }
/*浏览器打开弹出层*/
.mask-browser { position: fixed; left: 0; top: 0; z-index: 700; width: 100%; height: 100%; overflow: hidden; background-color: rgba(0,0,0,0.8); display: none; }
.mask-browser .mb_browser { margin: 40px auto 0 auto; width: 68%; }
.mask-browser .mb_browser .mbb_img { width: 90%; margin: 0 auto; }
.mask-browser .mb_browser .mbb_img img { display: block; width: 100%; margin-bottom: 20px; }
.mask-browser .mb_browser .mbb_text { margin: 10px auto 40px auto; }
.mask-browser .mb_browser .mbb_text p { font-size: 18px; color: #ffffff; line-height: 30px; text-align: center; }
.mask-browser .mb_browser .mbb_text p span { font-size: 18px; color: #faa701; line-height: 30px; }
.mask-browser .mb_browser .mbb_close { height: 34px; }
.mask-browser .mb_browser .mbb_close a { display: block; width: 34px; height: 34px; margin: 0 auto; background-image: url(../images/mbb_close.png); background-repeat: no-repeat; background-size: 34px auto; background-position: 0 0; overflow: hidden; text-indent: -999px; }
@media screen and (min-width: 480px) and (max-width: 639px) {
.foot_download { height: 72px; }
.foot_download .fd_logo { left: 18px; bottom: 8px; width: 222px; height: 80px; }
.foot_download .fd_download { width: 110px; height: 38px; right: 20px; top: 14px; }
.foot_download .fd_download a { width: 110px; height: 38px; }
/*浏览器打开弹出层*/
.mask-browser .mb_browser { margin: 60px auto 0 auto; }
.mask-browser .mb_browser .mbb_img img { margin-bottom: 30px; }
.mask-browser .mb_browser .mbb_text { margin: 14px 0 60px 0; }
.mask-browser .mb_browser .mbb_text p { font-size: 26px; line-height: 44px; }
.mask-browser .mb_browser .mbb_text p span { font-size: 26px; line-height: 44px; }
.mask-browser .mb_browser .mbb_close { height: 50px; }
.mask-browser .mb_browser .mbb_close a { width: 50px; height: 50px; background-size: 50px auto; }
}
@media screen and (min-width: 640px) {
.foot_download { height: 96px; }
.foot_download .fd_logo { left: 24px; bottom: 12px; width: 296px; height: 108px; }
.foot_download .fd_download { width: 148px; height: 52px; right: 28px; top: 20px; }
.foot_download .fd_download a { width: 148px; height: 52px; }
/*浏览器打开弹出层*/
.mask-browser .mb_browser { margin: 80px auto 0 auto; }
.mask-browser .mb_browser .mbb_img img { margin-bottom: 40px; }
.mask-browser .mb_browser .mbb_text { margin: 20px 0 80px 0; }
.mask-browser .mb_browser .mbb_text p { font-size: 36px; line-height: 60px; }
.mask-browser .mb_browser .mbb_text p span { font-size: 36px; line-height: 60px; }
.mask-browser .mb_browser .mbb_close { height: 68px; }
.mask-browser .mb_browser .mbb_close a { width: 68px; height: 68px; background-size: 68px auto; }
}