123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256 |
- @charset "utf-8";
- /*---------reset-------------------------*/
- html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size:100%;}
- html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6{margin:0; padding:0; border:0; outline:0; vertical-align:baseline;}
- article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
- audio,canvas,video {display: inline-block;*display:inline;*zoom:1;}
- body,button,input,select,textarea{font:12px/1.5 \5FAE\8F6F\96C5\9ED1,tahoma,arial,\5b8b\4f53;}
- html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none;}
- input,select,textarea{font-size:100%;}
- table{border-collapse:collapse;border-spacing:0;}
- iframe{display:block;}
- abbr,acronym{border:0;font-variant:normal;}
- del {text-decoration:line-through;}
- address,caption,cite,code,dfn,em,th,var ,i {font-style:normal;font-weight:500;}
- ol,ul {list-style:none;}
- h1,h2,h3,h4,h5,h6 {font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility;}
- blockquote,q {quotes: none;}
- blockquote p:before,blockquote p:after,q:before,q:after {content: ''; content:none;}
- sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
- sup {top:-0.5em;}
- sub {bottom:-0.25em;}
- img {font-size:0; vertical-align:top;}
- a:active,a:hover,input[type="text"],textarea{outline: 0;}
- a:hover {text-decoration:none;}
- ins,a {text-decoration:none;}
- input[type="reset"],input[type="submit"],input[type="file"],input[type="radio"],input[type="checkbox"],select,button {cursor: pointer;}
- .iconfont, body { -webkit-text-stroke-width:0 !important;}
- /*---------common-------------------------*/
- .clearfix:after {visibility:hidden;display:block;font-size:0;content:".";clear:both;height:0;}
- .clearfix {zoom:1;}
- .fl,.fr {display:inline;}
- .fl {float:left;}
- .fr {float:right;}
- /*----Cross css base
- ------------------------------*/
- .c-hide {display:none;}
- .c-block {display:block;}
- .c-hidden {overflow:hidden; zoom:1;}
- .c-boxs {-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
- .c-main {margin:0 auto;}
- .c-nowrap {max-width:100%; _width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
- .c-break{word-wrap: break-word; word-break:break-all;}
- .c-inline-block{ display:inline-block;}
- .c-auto {overflow: auto;}
- .c-auto-y {overflow-y: auto;}
- .c-auto-x {overflow-x: auto;}
- .c-cursor-p {cursor: pointer;}
- /* color and background
- -----------------------------------------------------------------------------*/
- .c-fff {color:#fff;}
- .c-222 {color:#222;}
- .c-333 {color:#333;}
- .c-555 {color:#555;}
- .c-666 {color:#666;}
- .c-999 {color:#999;}
- .c-f00 {color:#f00;}
- .c-f60 {color:#f60;}
- .c-f90 {color:#f90;}
- .c-37a6ed {color:#37a6ed;}
- .c-5b5b5b {color:#5b5b5b;}
- .c-909090 {color:#909090;}
- .c-ff8100 {color:#ff8100;}
- .c-007cd9 {color:#007cd9;}
- .c-4dcd70 {color:#4dcd70;}
- .bgc-fff {background-color:#fff;}
- .bgc-f3f3f3 {background-color:#f3f3f3;}
- .bgc-fdfdfd {background-color: #fdfdfd;}
- .bgc-f9f9f9 {background-color:#f9f9f9;}
- /* border
- -----------------------------------------------------------------------------*/
- .c-border , .c-border-t , .c-border-b , .c-border-l , .c-border-r , .c-border-tb {border-color:#e1e1e1; border-style:solid;}
- .c-border {border-width:1px;}
- .c-border-t {border-top-width:1px;}
- .c-border-b {border-bottom-width:1px;}
- .c-border-l {border-left-width:1px;}
- .c-border-r {border-right-width:1px;}
- .c-border-tb {border-top-width:1px;border-bottom-width:1px;}
- .c-border-d {border-style:dashed;}
- /* position
- -----------------------------------------------------------------------------*/
- .c-position-a {position:absolute;}
- .c-position-r {position:relative;*zoom:1;}
- .c-position-f {position:fixed;}
- .c-position-all {left: 0px; right: 0px; top: 0px; bottom: 0px;}
- .c-position-lt0 {left: 0px; top: 0px;}.c-position-lt5 {left: 5px; top: 5px;}.c-position-lt10 {left: 10px; top: 10px;}.c-position-lt15 {left: 15px; top: 15px;}.c-position-lt20 {left: 20px; top: 20px;}
- .c-position-rt0 {right: 0px; top: 0px;}.c-position-rt5 {right: 5px; top: 5px;}.c-position-rt10 {right: 10px; top: 10px;}.c-position-rt15 {right: 15px; top: 15px;}.c-position-rt20 {right: 20px; top: 20px;}
- .c-position-lb0 {left: 0px; bottom: 0px;}.c-position-lb5 {left: 5px; bottom: 5px;}.c-position-lb10 {left: 10px; bottom: 10px;}.c-position-lb15 {left: 15px; bottom: 15px;}.c-position-lb20 {left: 20px; bottom: 20px;}
- .c-position-rb0 {right: 0px; bottom: 0px;}.c-position-rb5 {right: 5px; bottom: 5px;}.c-position-rb10 {right: 10px; bottom: 10px;}.c-position-rb15 {right: 15px; bottom: 15px;}.c-position-rb20 {right: 20px; bottom: 20px;}
- /* images and radius
- -----------------------------------------------------------------------------*/
- .c-images-rounded , .border-radius-rounded {border-radius:5px;}
- .c-images-cycle , .border-radius-circle{border-radius:50%;}
- .border-radius-pill {border-radius:1000px;}
- .c-images-thumbnail {padding:5px;}
- .c-images-block {display:block; width:100%; height:100%;}
- /* width and height
- -----------------------------------------------------------------------------*/
- .w100 {width: 100px;}
- .w150 {width: 150px;}
- .w200 {width: 200px;}
- .w250 {width: 250px;}
- .w300 {width: 300px;}
- .w350 {width: 350px;}
- .w400 {width: 400px;}
- .w450 {width: 450px;}
- .w500 {width: 500px;}
- .w550 {width: 550px;}
- .w1000 {width: 1000px;}
- .w1200 {width: 1200px;}
- .h100 {height: 100px;}
- .h150 {height: 150px;}
- .h200 {height: 200px;}
- .h250 {height: 250px;}
- .h300 {height: 300px;}
- .h350 {height: 350px;}
- .h400 {height: 400px;}
- .h450 {height: 450px;}
- .h500 {height: 500px;}
- .h550 {height: 550px;}
- /* spacing
- -----------------------------------------------------------------------------*/
- .m0 { margin:0;}.m5 { margin:5px;}.m10 { margin:10px;}.m15 { margin:15px;}.m20 { margin:20px;}.m25 { margin:25px;}.m30 { margin:30px;}.m35 { margin:35px;}.m40 { margin:40px;}.m45 { margin:45px;}.m50 { margin:50px;}.m100 {margin:100px;}
- .mb0 { margin-bottom:0;}.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;}.mb100 {margin-bottom:100px;}
- .mt0 { margin-top:0;}.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;}.mt100 {margin-top:100px;}
- .ml0 { margin-left:0;}.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;}.ml100 {margin-left:100px;}
- .mr0 { margin-right:0;}.mr5 { margin-right: 5px;}.mr10 { margin-right: 10px;}.mr15 { margin-right: 15px;}.mr20 { margin-right: 20px;}.mr25 { margin-right: 25px;}.mr30 { margin-right: 30px;}.mr35 { margin-right: 35px;}.mr40 { margin-right: 40px;}.mr45 { margin-right: 45px;}.mr50 { margin-right: 50px;}.mr100 {margin-right:100px;}
- .mlr5 {margin-left:5px; margin-right:5px;}.mlr10 {margin-left:10px; margin-right:10px;}.mlr15 {margin-left:15px; margin-right:15px;}.mlr20 {margin-left:20px; margin-right:20px;}.mlr25 {margin-left:25px; margin-right:25px;}.mlr30 {margin-left:30px; margin-right:30px;}.mlr40 {margin-left:40px; margin-right:40px;}.mlr50 {margin-left:50px; margin-right:50px;}.mlr100 {margin-left:100px; margin-right:100px;}
- .mtb5 {margin-top:5px; margin-bottom:5px;}.mtb10 {margin-top:10px; margin-bottom:10px;}.mtb15 {margin-top:15px; margin-bottom:15px;}.mtb20 {margin-top:20px; margin-bottom:20px;}.mtb25 {margin-top:25px; margin-bottom:25px;}.mtb30 {margin-top:30px; margin-bottom:30px;}.mtb40 {margin-top:40px; margin-bottom:40px;}.mtb50 {margin-top:50px; margin-bottom:50px;}.mtb100 {margin-top:100px; margin-bottom:100px;}
- .p0 { padding:0;}.p5 { padding:5px;}.p10 { padding:10px;}.p15 { padding:15px;}.p20 { padding:20px;}.p25 { padding:25px;}.p30 { padding:30px;}.p35 { padding:35px;}.p40 { padding:40px;}.p45 { padding:45px;}.p50 { padding:50px;}.p100 {padding:100px;}
- .pb0 { padding-bottom:0;}.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;}.pb100 {padding-bottom:100px;}
- .pt0 { padding-top:0;}.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;}.pt100 {padding-top:100px;}
- .pl0 { padding-left:0;}.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;}.pl100 {padding-left:100px;}
- .pr0 { padding-right:0;}.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;}.pr100 {padding-right:100px;}
- .ptb5 {padding-top:5px; padding-bottom:5px;}.ptb10 {padding-top:10px; padding-bottom:10px;}.ptb15 {padding-top:15px; padding-bottom:15px;}.ptb20 {padding-top:20px; padding-bottom:20px;}.ptb25 {padding-top:25px; padding-bottom:25px;}
- .ptb30 {padding-top:30px; padding-bottom:30px;}.ptb35 {padding-top:35px; padding-bottom:35px;}.ptb40 {padding-top:40px; padding-bottom:40px;}.ptb45 {padding-top:45px; padding-bottom:45px;}.ptb50 {padding-top:50px; padding-bottom:50px;}.ptb100 {padding-top:100px; padding-bottom:100px;}
- .plr5 {padding-left:5px; padding-right:5px;}.plr10 {padding-left:10px; padding-right:10px;}.plr15 {padding-left:15px; padding-right:15px;}.plr20 {padding-left:20px; padding-right:20px;}.plr25 {padding-left:25px; padding-right:25px;}
- .plr30 {padding-left:30px; padding-right:30px;}.plr35 {padding-left:35px; padding-right:35px;}.plr40 {padding-left:40px; padding-right:40px;}.plr45 {padding-left:45px; padding-right:45px;}.plr50 {padding-left:50px; padding-right:50px;}.plr100 {padding-left:100px; padding-right:100px;}
- /* lists
- -----------------------------------------------------------------------------*/
- .c-list-disc {list-style-type:disc;}
- .c-list-circle {list-style-type:circle;}
- .c-list-square {list-style-type:square;}
- .c-list-decimal {list-style-type:decimal;}
- .c-list-alpha {list-style-type:lower-alpha;}
- .c-list-roman {list-style-type:lower-roman;}
- .c-list-inline {padding-left:0; margin-left:-5px; list-style:none;}
- .c-list-inline li {display:inline-block; padding-right:5px; padding-left:5px;}
- /* font
- -----------------------------------------------------------------------------*/
- .c-simsun {font-family:\5b8b\4f53;}
- .c-bold {font-weight:bold;}
- .c-normal {font-weight: normal;}
- .c-f12 {font-size:12px;}
- .c-f13 {font-size:13px;}
- .c-f14 {font-size:14px;}
- .c-f15 {font-size:15px;}
- .c-f16 {font-size:16px;}
- .c-f17 {font-size:17px;}
- .c-f18 {font-size:18px;}
- .c-f20 {font-size:20px;}
- .c-f22 {font-size:22px;}
- .c-f24 {font-size:24px;}
- .c-f28 {font-size:28px;}
- .c-t-left {text-align:left;}
- .c-t-center {text-align:center;}
- .c-t-right {text-align:right;}
- .c-line-h1 {line-height:1.8; _line-height: 24px;}
- .c-line-h2 {line-height:2.2; _line-height: 32px;}
- /* Grid
- -----------------------------------------------------------------------------*/
- .c-container:after,.c-row:after {content: ""; display:table; clear:both;}
- .c-container {padding-top:1px; margin-top:-1px;}
- .c-row {zoom:1}
- .width-100,.c-100 {width:100%;}
- .width-90,.c-90 {width:90%;}
- .width-80,.c-80 {width:80%;}
- .width-75,.c-75 {width:75%;}
- .width-70,.c-70 {width:70%;}
- .width-66,.c-66 {width:66.6%;}
- .width-65,.c-65 {width:65%;}
- .width-60,.c-60 {width:60%;}
- .width-50,.c-50 {width:50%;}
- .width-40,.c-40 {width:40%;}
- .width-35,.c-35 {width:35%;}
- .width-33,.c-33 {width:33.3%;}
- .width-30,.c-30 {width:30%;}
- .width-25,.c-25 {width:25%;}
- .width-20,.c-20 {width:20%;}
- .width-10,.c-10 {width:10%;}
- .c-row .c-90,.c-row .c-80,.c-row .c-75,.c-row .c-70,.c-row .c-66,.c-row .c-65,.c-row .c-60,.c-row .c-50,.c-row .c-40,.c-row .c-35,.c-row .c-33,.c-row .c-30,.c-row .c-25,.c-row .c-20,.c-row .c-10 {float:left; margin-left:3%;}
- .c-row .c-90:first-child,.c-row .c-80:first-child,.c-row .c-75:first-child,.c-row .c-70:first-child,.c-row .c-66:first-child,.c-row .c-65:first-child,.c-row .c-60:first-child,.c-row .c-50:first-child,.c-row .c-40:first-child,.c-row .c-35:first-child,.c-row .c-33:first-child,.c-row .c-30:first-child,.c-row .c-25:first-child,.c-row .c-20:first-child,.c-row .c-10:first-child {margin-left:0;}
- .c-row .c-90 {width:89.7%;}
- .c-row .c-80 {width:79.4%;}
- .c-row .c-75 {width:74.25%;}
- .c-row .c-70 {width:69.1%;}
- .c-row .c-66 {width:65.66666666666666%;}
- .c-row .c-65 {width:65.66666666666666%;}
- .c-row .c-60 {width:58.800000000000004%;}
- .c-row .c-50 {width:48.5%;}
- .c-row .c-40 {width:38.2%;}
- .c-row .c-35 {width:31.333333333333332%;}
- .c-row .c-33 {width:31.333333333333332%;}
- .c-row .c-30 {width:27.9%;}
- .c-row .c-25 {width:22.75%;}
- .c-row .c-20 {width:17.6%;}
- .c-row .c-10 {width:7.3%;}
- .c-push-90,.c-push-80,.c-push-75,.c-push-70,.c-push-66,.c-push-65,.c-push-60,.c-push-50,.c-push-40,.c-push-35,.c-push-33,.c-push-30,.c-push-25,.c-push-20,.c-push-10 {position:relative;}
- .c-push-90 {left:92.7%;}
- .c-push-80 {left:82.4%;}
- .c-push-75 {left:77.25%;}
- .c-push-70 {left:72.1%;}
- .c-push-66 {left:68.66666666666666%;}
- .c-push-65 {left:68.66666666666666%;}
- .c-push-60 {left:61.800000000000004%;}
- .c-push-50 {left:51.5%;}
- .c-push-40 {left:41.2%;}
- .c-push-35 {left:34.33333333333333%;}
- .c-push-33 {left:34.33333333333333%;}
- .c-push-30 {left:30.9%;}
- .c-push-25 {left:25.75%;}
- .c-push-20 {left:20.6%;}
- .c-push-10 {left:10.3%;}
- .c-row .c-push-right {float:right;}
- .c-row .c-role-right {margin-left:3%; float:right;}
- .c-row .c-role-left {margin-left: 0;}
- .c-centered {float:none !important; margin:0 auto !important;}
- .c-padding {padding:20px;}
- .c-padding .c-100,.c-padding .c-90,.c-padding .c-80,.c-padding .c-75,.c-padding .c-70,.c-padding .c-66,.c-padding .c-65,.c-padding .c-60,.c-padding .c-50,.c-padding .c-40,.c-padding .c-35,.c-padding .c-33,.c-padding .c-30,.c-padding .c-25,.c-padding .c-20,.c-padding .c-10 {padding:20px;}
- .c-split .c-90,.c-split .c-80,.c-split .c-75,.c-split .c-70,.c-split .c-66,.c-split .c-65,.c-split .c-60,.c-split .c-50,.c-split .c-40,.c-split .c-35,.c-split .c-33,.c-split .c-30,.c-split .c-25,.c-split .c-20,.c-split .c-10 {margin-left:0;}
- .c-split .c-90 {width:90%;}
- .c-split .c-80 {width:80%;}
- .c-split .c-75 {width:75%;}
- .c-split .c-70 {width:70%;}
- .c-split .c-66 {width:66.6%;}
- .c-split .c-65 {width:65%;}
- .c-split .c-60 {width:60%;}
- .c-split .c-50 {width:50%;}
- .c-split .c-40 {width:40%;}
- .c-split .c-35 {width:35%;}
- .c-split .c-33 {width:33.3%;}
- .c-split .c-30 {width:30%;}
- .c-split .c-25 {width:25%;}
- .c-split .c-20 {width:20%;}
- .c-split .c-10 {width:10%;}
- /* c-blocks
- -----------------------------------------------------------------------------*/
- .c-blocks-2,.c-blocks-3,.c-blocks-4,.c-blocks-5,.c-blocks-6 {padding-left:0; list-style: none;}
- .c-blocks-2:after,.c-blocks-3:after,.c-blocks-4:after,.c-blocks-5:after,.c-blocks-6:after {content: ""; display:table; clear:both;}
- .c-blocks-2 li,.c-blocks-3 li,.c-blocks-4 li,.c-blocks-5 li,.c-blocks-6 li , .c-blocks-2 div,.c-blocks-3 div,.c-blocks-4 div,.c-blocks-5 div,.c-blocks-6 div{height:auto; float:left;}
- .c-blocks-2 li , .c-blocks-2 div{width:50%;}
- .c-blocks-3 li , .c-blocks-3 div {width:33.333333333333332%;}
- .c-blocks-4 li , .c-blocks-4 div {width:25%;}
- .c-blocks-5 li , .c-blocks-5 div {width:20%;}
- .c-blocks-6 li , .c-blocks-6 div {width:16.666666666666666%;}
- .c-blocks-2 li li,.c-blocks-3 li li,.c-blocks-4 li li,.c-blocks-5 li li,.c-blocks-6 li li , .c-blocks-2 div div,.c-blocks-3 div div,.c-blocks-4 div div,.c-blocks-5 div div,.c-blocks-6 div div{float:none; margin:0;}
- .c-blocks-2 li div,.c-blocks-3 li div,.c-blocks-4 li div,.c-blocks-5 li div,.c-blocks-6 li div , .c-blocks-2 div li,.c-blocks-3 div li,.c-blocks-4 div li,.c-blocks-5 div li,.c-blocks-6 div li{width: auto!important;}
|