/* * kq (http://www.kuqi001.com) * Copyright 2014 -, MasterMu */ /*********************************************** Reset & Basics ***********************************************/ html{font-size:125%;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, 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 ,input ,option { margin: 0; padding: 0; border: 0; box-sizing:border-box;font-weight:100;} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; box-sizing:border-box; } a {text-decoration:none;} a:hover {text-decoration:none;} a:link {text-decoration:none;} a:visited {text-decoration:none;} a:active {text-decoration:none;} li {list-style:none;} /*********************************************** Images, iFrames & Videos ***********************************************/ img { border:0; vertical-align:middle; -ms-interpolation-mode:bicubic; } .img-left { float:left; margin:0 30px 30px 0; border:none; } .img-right { float:right; margin:0 0 30px 30px; border:none; } .img-max { width:100%; height:auto; } .img-max-h { height:100%; width:auto; } .img-max-100 { max-width:100%; max-height:100%; } .media { position:relative; margin:0 0 15px 0; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; } .media iframe, .media object, .media embed { position:absolute; top:0; left:0; width:100%; height:100%; } /*********************************************** Global Classes ***********************************************/ .txt-big { color:#A2BD30; font-weight:bold; line-height:26px; } .txt-left { text-align:left; } .txt-right { text-align:right; } .txt-center { text-align:center; } .txt-justify { text-align:justify; } .fontsize_10 { font-size:0.5rem;} .fontsize_12 { font-size:0.6rem;} .fontsize_14 { font-size:0.7rem;} .fontsize_16 { font-size:0.8rem;} .fontsize_18 { font-size:0.9rem;} .fontsize_20 { font-size:1rem;} .fontsize_22 { font-size:1.1rem;} .fontsize_24 { font-size:1.2rem;} .fontsize_28 { font-size:1.4rem;} .fontsize_40 { font-size:2rem;} .fontcolor_fff { color:#fff; } .fontcolor_2BB7B3 { color:#2BB7B3; } .fontcolor_80 {color:#808080;} .fontcolor_666 {color:#666666;} .fontcolor_555 {color:#555555;} .fontcolor_333 {color:#333333;} .fontcolor_999 {color:#999999;} .fontcolor_30C8ED {color:#30C8ED;} .fontcolor_FF88A5 {color:#FF88A5;} .fontcolor_52DA95 {color:#52DA95;} .fontcolor_F73253 {color:#F73253;} .fontcolor_FBED13 {color:#FBED13;} .fontweight_bold { font-weight: bold; } .fontweight_100 { font-weight: 100; } .fontweight_600 { font-weight: 600; } .paddingtb20 { padding:1rem 0;} .paddingtb50 { padding:2.5rem 0;} .paddingtb30 { padding:1.5rem 0;} .paddingt50 { padding-top: 2.5rem;} .paddingl20 { padding-left:1rem;} .marginr20 { margin-right:1rem; } .marginb20 { margin-bottom:1rem; } .marginb10 { margin-bottom: 0.5rem;} .margintb30 { margin:1.5rem 0;} .margintb50 { margin:2.5rem 0;} .margintb20 { margin:1rem 0;} .margintb30 { margin:1.5rem 0;} .margint50 { margin-top:2.5rem;} .margint20 { margin-top: 1rem;} .margint10 { margin-top: 0.5rem;} .background_EDEDED { background-color:#EDEDED;} .background_2BB7B3 { background-color:#2BB7B3;} .background_2FCAC6 { background-color:#2FCAC6;} .background_676767 { background-color:#676767;} .background_F3F3F3 { background-color:#F3F3F3;} .background_F39800 { background-color:#F39800;} .background_FF88A5 { background-color:#FF88A5;} .background_52DA95 { background-color:#52DA95;} .background_4ED8FA { background-color:#4ED8FA;} .background_F6F6F6 { background-color:#F6F6F6;} .background_ts { background-color:transparent !important;} .backgroundsize_cover { background-size: cover;} .border_radius_5 { border-radius:0.25rem;} .text_align_center { text-align:center } .cursor_pointer { cursor: pointer; } .cursor_default { cursor: default; } .vertical_align_bottom {vertical-align:text-bottom;} .boxshadow { box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);} .rotate_270 {transform:rotate(270deg);} .float_left { float:left; } .float_right { float:right; } .clear { clear: both;float: none !important;font-size: 0;height: 0 !important;line-height: 0;margin: 0 auto !important;overflow: hidden; padding: 0 !important;width: auto !important; } .inline_block { display: inline-block;} .bg_enlarge { animation: bg_enlarge 10s linear infinite alternate;} .bg_move { animation: bg_move 50s linear infinite alternate;} .scaleBg {visibility: visible;animation:scale-bg 10s linear infinite alternate;} @keyframes bg_enlarge{ from { background-size:110% 110%;} to {background-size:100% 100%;} } @keyframes bg_move{ from { background-position:0% 0%;} to {background-position:100% 0%;} } @keyframes scale-bg{ from{ -webkit-transform:scale(1.1); transform:scale(1.1); } to{ -webkit-transform:scale(1); transform:scale(1); } } @keyframes zhuan{ 0% {transform: rotate(0deg);} 25% {transform: rotate(90deg);} 50% {transform: rotate(180deg);} 75% {transform: rotate(270deg);} 100% {transform: rotate(360deg);} } /* .box_sizing_border { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .box_sizing_content { box-sizing:content-box; -webkit-box-sizing:content-box; -moz-box-sizing:content-box;} .clear { clear: both;float: none !important;font-size: 0;height: 0 !important;line-height: 0;margin: 0 auto !important;overflow: hidden; padding: 0 !important;width: auto !important; } .float_left { float:left; } .float_right { float:right; } .margin_auto { margin:0 auto;} .relativebox { position:relative;} .cursor_hand { cursor:pointer;} .txt-big { color:#A2BD30; font-weight:bold; line-height:26px; } .txt-left { text-align:left; } .txt-right { text-align:right; } .txt-center { text-align:center; } .txt-justify { text-align:justify; } .normal { font-weight:normal; } .bold { font-weight:bold; } .italic { font-style:italic; } .upline { border-top:0.1rem solid #eee; } .underline { border-bottom:0.1rem solid #eee; } .underline_red { border-bottom:0.1rem solid rgba(217, 67, 78, 0.8); } .highlight { padding:4px 7px 4px; color:#000; line-height:19px; display:inline-block; background:#00DEFF; font-weight:bold; } .intro { font-size:130%; line-height:130%; } .paddingtop10 { padding-top:1rem;} .paddingtop5 { padding-top:0.5rem;} .paddingbot10 { padding-bottom:1rem;} .paddingbot20 { padding-bottom:2rem;} .paddinglr10 { padding-left:1rem; padding-right:1rem;} .paddinglr20 { padding-left:2rem; padding-right:2rem;} .paddingtb10 { padding-top:1rem; padding-bottom:1rem;} .paddingtb20 { padding-top:2rem; padding-bottom:2rem;} .paddingtb05 { padding:0.5rem 0;} .padding05_10 { padding:0.5rem 1rem;} .nopadding { padding:0; } .noindent { margin-left:0; padding-left:0; } .nobullet { list-style:none; list-style-image:none; } .inline { display:inline; } .block { display:block; } .inline_block { display:inline-block;} .hidden { display:none; } .hide { display:none; } .top_boxa { margin-top:1rem;} .top_boxb { margin-top:0.5rem;} .top_boxc { margin-top:2rem;} .right_boxa { margin-right:1rem;} .right_boxb { margin-right:0.5rem;} .left_boxa { margin-left:1rem;} .left_boxb { margin-left:0.5rem;} .bottom_boxa { margin-bottom:1rem;} .bottom_boxb { margin-bottom:0.5rem;} .bottom_boxc { margin-bottom:2rem;} .bottom_boxd { margin-bottom:0.8rem;} .fonteffect {-moz-text-shadow:1px 4px 3px rgba(0, 0, 0, 0.3);-webkit-text-shadow:1px 4px 3px rgba(0, 0, 0, 0.3);text-shadow:1px 4px 3px rgba(0, 0, 0, 0.3);} .bordereffect {border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;} .bordereffect_top {border-radius:8px 8px 0 0;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;} .bordereffect_bottom {border-radius:0 0 8px 8px;-webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;} .boxshadow {-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1); box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);} .boxshadowbottom {-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1); box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.1);} .border000_01 { border:0.1rem solid rgba(0, 0, 0, 0.1);} .border000_02 { border:0.1rem solid rgba(0, 0, 0, 0.2);} .bordercc { border:0.1rem solid #ccc;} .bordercoffee { border:0.1rem solid #5a2b23;} .bordereffect_box { display:block; padding:1rem; text-align:center;} .opacity75 {opacity: 0.75; filter: alpha(opacity =75); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);} .opacity85 {opacity: 0.85; filter: alpha(opacity =85); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=85);} .opacity35 {opacity: 0.35; filter: alpha(opacity =35); filter:progid:DXImageTransform.Microsoft.Alpha(opacity=35);} .b_white {background-color: #FFF;} .fontcolor_blue {color:#3BAEDA;} .fontcolor_000 {color:#000;} .fontcolor_white {color:#FFF;} .fontcolor_cc {color:#ccc;} .fontcolor_80 {color:#808080;} .fontcolor_666 {color:#666666;} .fontcolor_555 {color:#555555;} .fontcolor_333 {color:#333333;} .fontcolor_coffee { color:#5a2b23;} .fontcolor_red { color:#d9434e;} .fontcolor_green { color:#6cb248;} .fontcolor_white:hover {color:#FFF;} .fontcolor_cc:hover {color:#ccc;} .fontcolor_80:hover {color:#808080;} .fontcolor_coffee:hover { color:#5a2b23;} .fontcolor_red:hover { color:#d9434e;} .fontcolor_green:hover { color:#6cb248;} .fontsize_04 { font-size:0.4rem;} .fontsize_05 { font-size:0.5rem;} .fontsize_06 { font-size:0.6rem;} .fontsize_07 { font-size:0.7rem;} .fontsize_08 { font-size:0.8rem;} .fontsize_10 { font-size:1.0rem;} .fontsize_12 { font-size:1.2rem;} .fontsize_14 { font-size:1.4rem;} .fontsize_16 { font-size:1.6rem;} .fontsize_18 { font-size:1.8rem;} .fontsize_20 { font-size:2.0rem;} .fontsize_22 { font-size:2.2rem;} .fontsize_28 { font-size:2.8rem;} .fontsize_30 { font-size:3.0rem;} .fontsize_40 { font-size:4.0rem;} .fontsize_50 { font-size:5.0rem;} .fontsize_60 { font-size:6.0rem;} .num { font-family: Arial;} .bt_dashed_dd { border-top:1px dashed #ddd;} .background_coffee { background-color:#5a2b23;} .background_white { background-color:#fff;} .background_red { background-color:#DD2727;} .background_red1 { background-color:#df301b;} .background_green { background-color:#6cb248;} .background_ddd { background-color:#dddddd;} .background_yellow { background-color:#fb6e52;} .button_coffee { background-image: -moz-linear-gradient(top, #947974, #5a2b23);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #947974), color-stop(1, #5a2b23)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#947974', endColorstr='#5a2b23', GradientType='0');} .button_red { background-image: -moz-linear-gradient(top, #DD301A, #C72818);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DD301A), color-stop(1, #C72818)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD301A', endColorstr='#C72818', GradientType='0');} .divbox_up{ background-color:#f5f5f5; padding:1rem 0 0;} .divbox{ background-color:#f5f5f5; padding:1rem 0;} .relative { position:relative;} .z-index-1 { z-index:-1;} .z-index2 { z-index:2;} .share a{ width:3rem; height:3rem; display:block;background-size:contain;} .share .tqq{ background-image:url(../images/icon/tqq.png);} .share .tsina{ background-image:url(../images/icon/tsina.png);} .share .qzone{ background-image:url(../images/icon/qzone.png);} .share .renren{ background-image:url(../images/icon/renren.png);} .share .tieba{ background-image:url(../images/icon/tieba.png);} .like{width:30px; height:30px;background-size:contain; background-image:url(../images/icon/like.png);} .pay_alipay{background-size:contain; background-image:url(../images/alipay.jpg); background-repeat:no-repeat; background-position:center center;} .pay_wxpay{background-size:contain; background-image:url(../images/wxpay.jpg); background-repeat:no-repeat; background-position:center center;} @-webkit-keyframes changeBg{ 0%{background-color:#ED5564;} 10%{background-color:#FB6E52;} 20%{background-color:#FFCE55;} 30%{background-color:#A0D468;} 40%{background-color:#48CFAE;} 50%{background-color:#4FC0E8;} 60%{background-color:#5D9CEC;} 70%{background-color:#AC92ED;} 80%{background-color:#EC87BF;} 90%{background-color:#ED5564;} } @-moz-keyframes changeBg{ 0%{background-color:#ED5564;} 10%{background-color:#FB6E52;} 20%{background-color:#FFCE55;} 30%{background-color:#A0D468;} 40%{background-color:#48CFAE;} 50%{background-color:#4FC0E8;} 60%{background-color:#5D9CEC;} 70%{background-color:#AC92ED;} 80%{background-color:#EC87BF;} 90%{background-color:#ED5564;} } @keyframes changeBg{ 0%{background-color:#ED5564;} 10%{background-color:#FB6E52;} 20%{background-color:#FFCE55;} 30%{background-color:#A0D468;} 40%{background-color:#48CFAE;} 50%{background-color:#4FC0E8;} 60%{background-color:#5D9CEC;} 70%{background-color:#AC92ED;} 80%{background-color:#EC87BF;} 90%{background-color:#ED5564;} } .nctouch-full-mask { position: absolute; z-index: 51; top: 0; bottom: 0;} .nctouch-full-mask-block { display: block; position: absolute; z-index: 12; top: 0; bottom: 0; left: 0; right: 0; background: #F5F5F5; box-shadow: -0.5rem 0 0.4rem rgba(0,0,0,0.2); } .nctouch-full-mask.left { display: block; left: 0; right: 0; animation: optionBlockLeft 0.3s ease-in-out; -webkit-animation:optionBlockLeft 0.3s ease-in-out;} @keyframes optionBlockLeft { from { display: none; left: 100%; right:-100%;} to { display: block; left: 0; right:0;} } @-webkit-keyframes optionBlockLeft { from { display: none; left: 100%; right:-100%;} to { display: block; left: 0; right:0;} } .nctouch-full-mask.right { left: 110%; right: -110%; animation: optionBlockRight 0.5s ease-in-out; -webkit-animation:optionBlockRight 0.5s ease-in-out;} @keyframes optionBlockRight { from { display: block; left: 0; right:0;} to { display: none; left: 110%; right: -110%;} } @-webkit-keyframes optionBlockRight { from { display: block; left: 0; right:0;} to { display: none; left: 110%; right: -110%;} } */