@charset "utf-8"; *{-webkit-tap-highlight-color:rgba(0,0,0,0);} html{ font-size:62.5%;} body{ background-color:#fff; font-family:"Microsoft YaHei","simsun",Arial; font-size:14px; line-height:1.5; color:#333; overflow-x:hidden;} body,form,iframe{margin:0px;padding:0px;} img{ border:none;vertical-align:middle;} a{ text-decoration:none; color:#333; -webkit-transition:all .3s ease-in-out; transition:all .3s ease-in-out;} a:hover{ color:#0084e9;} input,textarea,select,button{ outline:none;vertical-align:middle; font-size:inherit; font-family:inherit;} textarea{ resize:none; overflow-y:auto;} input[type="submit"],input[type="reset"],input[type="button"],button{ cursor:pointer;-webkit-appearance:none;} hr{height:0;border-width:1px 0 0 0;border-style:solid;margin:0;color:#ddd;} h1,h2,h3,h4,h5,h6{ font-weight:normal; margin:0;} h1{ font-size:60px;} h2{ font-size:36px;} h3{ font-size:24px;} h4{ font-size:18px;} h5{ font-size:16px;} h6{ font-size:14px;} .reset,.reset dt,.reset dd{ padding:0; margin:0; list-style:none;} .clearfix:before{ content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; overflow:hidden;} .clearfix:after{ content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; overflow:hidden;} .hidden{ visibility:hidden;} .visible{ visibility:visible;} .hide{ display:none;} .show{ display:block;} #dituContent img{ max-width:none;} .container{ width:96%; max-width:1200px; margin:0 auto;} .rowFluid{ clear:both;} .rowFluid:before,.rowFluid:after,.pluginWrapper:before,.pluginWrapper:after,.column:before,.column:after{ content:"."; display:block; clear:both; height:0; font-size:0; visibility:hidden; overflow:hidden;} .pluginContent{ height:inherit;} /* 鎵嬫満鐗堣彍鍗 */ .mobileMenuBtn{ position:fixed; right:20px; top:20px; height:30px; line-height:30px; color:#999; background-color:rgba(255,255,255,0.8);width:30px; text-align:center; cursor:pointer; border:1px solid #ddd; font-size:18px;z-index:6003; border-radius:3px; display:none;} .mobileMenuBtn:hover{ background-color:#ddd;} .mobileMenu{ position:fixed; left:-200px; top:0; z-index:6005; font-size:14px; overflow-x:hidden; overflow-y:auto; background:#333; height:100%; width:200px; -webkit-transition:left .3s ease-in; transition:left .3s ease-in;} .mobileMenu ul{ position:absolute; top:0; width:100%; left:0; height:100%; background:#333; list-style:none; margin:0; padding:0; color:#fff; -webkit-transition:left .3s ease-in; transition:left .3s ease-in;} .mobileMenu ul li{ border-bottom:1px solid #222; overflow:hidden;} .mobileMenu ul li a{ display:block; width:80%; float:left; text-indent:15px; color:#fff; height:36px; line-height:36px;} .mobileMenu ul li a:active{ background-color:#222;} .mobileMenu ul li a i{ text-indent:0;} .mobileMenu ul li .openChild{ cursor:pointer; display:block; height:36px; line-height:36px; box-sizing:border-box; border-left:1px solid #222; width:20%; font-size:20px; text-align:center; float:right;} .mobileMenu ul li .openChild:active{ background-color:#222;} .mobileMenu ul li ul{ left:100%;} /* 琛ㄥ崟榛樿鏍峰紡 */ .button{ border:none; height:38px; padding-left:15px; padding-right:15px; font-size:14px; background:#0084e9; color:#fff; border-radius:4px;-webkit-transition: all .2s ease;transition: all .2s ease;} .button:hover{ background:#428bca;} .text-btn{ color:#f60;} .input-text{ border:1px solid #ddd;background:#fff;margin:0;box-sizing:border-box; font-size:14px; height:38px; line-height:2; padding:5px 5px; width:100%;-webkit-transition: all .2s ease;transition: all .2s ease;} .input-text:focus{ box-shadow:0 0 8px rgba(102,175,233,.6); border:1px solid #66afe9;} .textarea{ border:1px solid #ddd;background:#fff;margin:0;box-sizing:border-box; font-size:14px; padding:5px 5px; width:100%;-webkit-transition: all .2s ease;transition: all .2s ease;} .textarea:focus{ box-shadow:0 0 8px rgba(102,175,233,.6); border:1px solid #66afe9;} .select{ border:1px solid #ddd; height:36px;} .checkbox-group,.radio-group{ border:1px solid #ddd; height:36px;} .input-error,.input-error:focus{ box-shadow:0 0 8px rgba(255,0,0,.4); border:1px solid #c00;} .img-captcha{ width:104px; height:38px; cursor:pointer;} .required{ color:#c00;} .msg-error{ color:#c00;} .input-row{ display:table; border-collapse: separate;} .input-caption{box-sizing:border-box;} /* 渚ц竟鑿滃崟 */ .sideMenuCheckbox{ display:none;} .sideMenuCheckbox+.small{ display:none;} .sideMenuCheckbox:checked+.small{ display:block;} /* 鍥為《閮 */ #toTop{position:fixed; bottom:-100px; right:0px; z-index:1002; width:40px; height:40px; background:#8a0408; color:#fff; cursor:pointer; -webkit-transition:all 0.4s; transition:all 0.4s; display:none;} #toTop i{display:block; padding:12px 0 0 14px; font-size:14px;} #toTop:hover{ background:#7b0307;} /* 鐏 */ .lightWrap{position:fixed;top:0;left:0;z-index:6200; width:100%; height:100%; background:rgba(0,0,0,.6); overflow:hidden;} .lightWrap .closeLightBox{ position:absolute; cursor:pointer; right:10px; top:10px; font-size:30px; color:#fff; line-height:1;} .lightWrap .item{ text-align:center; position:relative;} .lightWrap .item img{ max-width:100%; max-height:100%;} .lightWrap .item .title{ position:absolute; line-height:1.6; bottom:0; width:100%; text-align:center; background:rgba(0,0,0,.4); color:#fff; padding:10px 0;} .lightWrap .loading{ background:url(/public/images/loader.gif) no-repeat center center;} .lightWrap .owl-prev,.lightWrap .owl-next{ position:absolute; width:40px; text-align:center; font-size:46px; color:#fff; top:50%; margin-top:-35px; background:rgba(0,0,0,.4); -webkit-transition:all .3s ease; transition:all .3s ease;} .lightWrap .owl-prev{ left:-60px;} .lightWrap .owl-next{ right:-60px;} .lightWrap:hover .owl-buttons .owl-prev{ left:10px;} .lightWrap:hover .owl-buttons .owl-next{ right:10px;} /* member register */ .register-wrapper{ width:96%; max-width:360px; margin:60px auto;} .register-wrapper .input-row{ width:100%; margin-top:20px;} .register-wrapper .input-caption{ display:table-cell; width:1%; white-space:nowrap; background:#eee; padding:5px 10px; vertical-align:middle; border:1px solid #ddd; border-right:none; border-top-left-radius:4px; border-bottom-left-radius:4px;} .register-wrapper .input-text, .register-wrapper .textarea, .register-wrapper .select, .register-wrapper .checkbox-group, .register-wrapper .radio-group{ display:table-cell; vertical-align:middle; border-top-right-radius:4px; border-bottom-right-radius:4px;} .register-wrapper .input-captcha{ border-top-right-radius:0; border-bottom-right-radius:0;} .register-wrapper .img-captcha{ height:36px;} .register-wrapper .input-captcha-img{ display:table-cell; overflow:hidden; width:1%; border:1px solid #ddd; border-left:none; border-top-right-radius:4px; border-bottom-right-radius:4px;} .register-wrapper .checkbox,.register-wrapper .radio{ margin-left:5px;} .register-wrapper .required{ margin-right:5px;} /* member login */ .login-wrapper{ width:96%; max-width:360px; margin:60px auto;} .login-wrapper .input-row{ width:100%; margin-top:20px;} .login-wrapper .input-caption{ display:table-cell; width:1%; white-space:nowrap; background:#eee; padding:5px 10px; vertical-align:middle; border:1px solid #ddd; border-right:none; border-top-left-radius:4px; border-bottom-left-radius:4px;} .login-wrapper .input-text, .login-wrapper .textarea, .login-wrapper .select, .login-wrapper .checkbox-group, .login-wrapper .radio-group{ display:table-cell; vertical-align:middle; border-top-right-radius:4px; border-bottom-right-radius:4px;} .login-wrapper .input-captcha{ border-top-right-radius:0; border-bottom-right-radius:0;} .login-wrapper .img-captcha{ height:36px;} .login-wrapper .input-captcha-img{ display:table-cell; overflow:hidden; width:1%; border:1px solid #ddd; border-left:none; border-top-right-radius:4px; border-bottom-right-radius:4px;} .login-wrapper .checkbox,.login-wrapper .radio{ margin-left:5px;} .login-wrapper .required{ margin-right:5px;} /* sideTools */ .sideTools{ position:fixed; z-index:1001; top:0; right:0; height:100%; width:40px;} .sideTools .toolbox{ display:table; height:100%; width:100%;} .sideTools .toolUl{ display:table-cell; vertical-align:middle;} .sideTools .toolUl .toolLi{ position:relative; height:60px; -webkit-transition:all .3s ease-in; transition:all .3s ease-in;font-size:12px; background-color:#8a0408;} .sideTools .toolUl .toolLi .icon{ height:30px; cursor:pointer; background-repeat:no-repeat; background-position:center bottom;} .sideTools .toolUl .liA{ display:none;} .sideTools .toolUl .liA .icon{ background-image:url(../images/icon01.png);} .sideTools .toolUl .liB .icon{ background-image:url(../images/icon02.png);} .sideTools .toolUl .liC .icon{ background-image:url(../images/icon03.png);} .sideTools .toolUl .liD .icon{ background-image:url(../images/icon04.png);} .sideTools .toolUl .liE .icon{ background-image:url(../images/icon05.png);} .sideTools .toolUl .liF .icon{ background-image:url(../images/icon06.png);} .sideTools .toolUl .liG .icon{ background-image:url(../images/icon07.png);} .sideTools .toolUl .liG{ height:45px;} .sideTools .toolUl .toolLi .text{ text-align:center; cursor:pointer; color:#fff;padding-top:3px;} .sideTools .toolUl .toolLi .tip{ position:absolute; opacity:0; width:210px; padding:10px; min-height:38px; background-color:#f8f8f8; right:70px; top:0; border:1px solid #dedede; visibility:hidden; -webkit-transition:all .3s ease-in; transition:all .3s ease-in;} .sideTools .toolUl .toolLi .tip:before{ content:""; display:block; width:9px; height:9px; background-color:#fff; position:absolute; right:-6px; top:23px; border-top:1px solid #dedede; border-right:1px solid #dedede; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); } .sideTools .toolUl .toolLi:hover{ background-color:#7b0307; opacity:1;} .sideTools .toolUl .toolLi:hover .tip{ right:40px; visibility:visible; opacity:1;} .sideTools .toolUl .liA textarea{ border:1px solid #dedede; display:block; margin:0; width:100%; box-sizing:border-box;} .sideTools .toolUl .liA textarea:focus{ border-color:#0084e9;} .sideTools .toolUl .liA input[type=text]{ border:1px solid #dedede; height:20px; padding:4px 0; line-height:20px; margin:5px 0 0; width:100%; text-indent:3px;} .sideTools .toolUl .liA input[type=text]:focus{ border-color:#0084e9;} .sideTools .toolUl .liA input[type=submit]{ margin:5px 0 0; border:none; width:100%; height:34px; background-color:#0084e9; color:#fff; cursor:pointer; border-radius:3px;} .sideTools .toolUl .liA input[type=submit]:active{ opacity:.9;} .sideTools .toolUl .liB .tip{ width:110px; line-height:1.5; color:#333;} .sideTools .toolUl .liC .tip{ width:100px;} .sideTools .toolUl .liC .tip a{ margin-top:10px;} .sideTools .toolUl .liD .item{ width:33.3322%; float:left; text-align:center; margin-top:6px;} .sideTools .toolUl .liD .item i{ display:block; width:50px; height:50px; background-repeat:no-repeat; background-position:center center; background-color:rgba(0,0,0,.2); border-radius:3px; margin:0 auto; -webkit-transition:all .5s; transition:all .5s;} .sideTools .toolUl .liD .item a{ color:#999;} .sideTools .toolUl .liD .item .sina{ background-image:url(../images/sina_icon.png);} .sideTools .toolUl .liD .item .tenxun{ background-image:url(../images/t_qq_icon.png);} .sideTools .toolUl .liD .item .qzone{ background-image:url(../images/qzone_icon.png);} .sideTools .toolUl .liD .item .renren{ background-image:url(../images/ren_icon.png);} .sideTools .toolUl .liD .item .kaixin{ background-image:url(../images/kx_icon.png);} .sideTools .toolUl .liD .item .douban{ background-image:url(../images/db_icon.png);} .sideTools .toolUl .liD .item:hover i{ background-color:rgba(0,0,0,.6);} .sideTools .toolUl .liD .item:hover a{ color:#666;} .sideTools .toolUl .liE .tip{ line-height:1.6; width:140px;} .sideTools .toolUl .liF .tip{ width:130px; height:50px; padding:160px 10px 0 10px; text-align:center; line-height:1.4; background:#fff url(../images/weixin_code.jpg) no-repeat center 10px;} /* mob_footer */ .mob_footer{background-color:#8a0408; width:100%; position:fixed; left:0; bottom:0; z-index:99999; display:none;} .mob_footer .item{width:33.33333333333%; text-align:center; color:#fff; height:50px; float:left;} .mob_footer .item .fa{font-size:20px; display:block; margin-top:5px;} .mob_footer .item span{display:inline-block;} @media only screen and (max-width: 1199px){ } @media only screen and (max-width: 960px){ .mobileMenuBtn{ display:block;} .sideTools{ display:none;} } @media only screen and (max-width: 767px){ .mob_footer{display:block;} } @media only screen and (max-width: 479px){ .sideTools{display:none;} } .mb-label{ background: #8a0408 !important; }