html{-webkit-tap-highlight-color:transparent;}
html,body{color:#000;font-size:1rem;-webkit-text-size-adjust:none;font-family:microsoft yahei,arial;width:100%;min-width:1200px;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{padding-top: 60px;background: #f4f4f4;font-size:13px;}
table,tr,th,td{border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
ul,ol,li{list-style:none}
em,i{font-style:normal}
img{border:none;margin:0;padding:0}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*select{color:#a9a9b9 !important;background:none;}*/
input,textarea{-webkit-tap-highlight-color:#c2c2c2;}
textarea:focus{outline:0} 
a{color:#000;text-decoration:none}
input, textarea, select, button{outline:none;border-radius:0;}
input[type='text'],input[type='number'],input[type='password'],textarea,button{-webkit-appearance:none;border:0;}
form{width:100%} 
form:after{clear:both;display:block;content:".";visibility:hidden}
input:-webkit-input-placeholder {font-family:microsoft yahei;}
input:-webkit-autofill {
  transition:background-color 5000s ease-in-out 0s;
}
input:-ms-input-placeholder{color:#ddd;}
input::-webkit-input-placeholder{color:#ddd;}
input::-moz-placeholder{color:#ddd;}
input:-moz-placeholder{color:#ddd;}
table{width:100%} 
table th{font-weight:normal}

.wrap{width:1200px;margin:0 auto;}
.wrap2{width:1200px;margin:0 auto;}

.head{height:60px;color:#fff;width:100%;position: fixed;left:0;top:0;z-index: 101;min-width: 1200px;background: #f4882a;transition: all .3s;}/*box-shadow: 1px 1px 10px #666;*/
.logo{width:220px;height:100%;float:left;background: url("../images/logo.png") no-repeat center left;background-size:180px;margin-left: 10px;}
.logo a{display:block;}
.nav{float:right;line-height: 60px;font-size:16px;margin-right:10px;}
.nav li{float:left;position: relative;margin-left:1px;}
.nav a.ft{color:#fff;display: block;padding:0 20px;cursor: pointer;font-weight: bold;transition: all .5s;}
.nav a.ft i{display: inline-block;width:11px;height:11px;background: url("../images/icon_down.png") no-repeat center;background-size:8px;margin-left:5px;}
.nav li:hover a.ft,.nav a.curr,.nav a.ft:hover{background: #000;text-decoration: none;}
.nav li:hover .subnav{display:block;}
.headsn{background-color: rgba(244, 136, 42, .8);}
.headsn .nav a.curr{background-color: rgba(0, 0, 0, .8);}
.subnav{position: absolute;left:0;top:60px;display: none;width:300px;height:200px;border:solid 1px #ffefef;box-shadow: 1px 1px 1px #ccc;}
.subnav div{background: #fff;height:160px;line-height: 20px;padding:20px;width:260px;display: flex;flex-wrap: wrap;}
.subnav span{display: block;width:33%;}
.subnav a{color:#666;display:inline-block;font-size:13px;line-height: 20px;margin:0 0 8px 15px;padding:0;}
.subnav a:hover{background: none;color:#f4882a;}
.head .hrg{float:right;font-size:12px;}
.head .hrg a{}
.head .sign{display: inline-block;margin:11px 10px 0 0;line-height: 38px;height:38px;cursor: pointer;}
.head .signin{color:#fff;}
.head .sign i{display: inline-block;width:20px;height:20px;margin-right:2px;background: url("../images/icon_sign-in.png") no-repeat center left;background-size:16px;vertical-align: -5px;transition: all .3s;}
.head .sign:hover i{animation: both scaleSN .8s;}
.head .wel{float:right;margin:17px 10px 0 0;}
.head .wel{display: inline-block;width:100px;vertical-align: -14px;margin-left: 10px;}
.head .wel a{display: block;width:44px;float:left;height:23px;line-height:23px;text-align: center;font-size:12px;border:solid 1px #fff;color:#fff;margin:0 2px;}
.head .wel a.l{background-color: #fff;color:#f4882a;}
.head .wel a.r{}
.head .wel a:hover{opacity: .8;}
.tpigicon{float:right;min-width:60px;position: relative;height:60px;}
.tpigicon .dk{display: block;padding-right:10px;height:60px;line-height:60px;overflow:hidden;transition: all .3s;color:#fff;}
.tpigicon i{display:block;width:30px;height:60px;border-radius: 50%;float:left;background: url("../images/icon_zs.png") no-repeat center;background-size: 16px;}
.tpigicon:hover .dk{background: #F49742;}
.tpigicon:hover div{display:block;}
.tpigicon:hover i{animation: both scaleSN .8s;}
.tpigictn{background:#fff;width:120px;text-align: center;line-height: 35px;color:#888;font-size:13px;overflow: hidden;
    position: absolute;right:0;top:60px;border:solid 1px #ffefef;display:none;box-shadow: 1px 1px 1px #ccc;}
.tpigictn div{padding: 5px 0;overflow:hidden;}
.tpigictn em{color:#f4882a;}
.tpigictn a{display: block;line-height: 30px;color:#666;cursor: pointer;text-align: center;}
.tpigictn a:hover{color:#f4882a;}
.tpigicon a.ex{border-top: solid 1px #eee;}
.tpcar{width:52px;display:inline-block;float:left;margin-top:10px;height:40px;line-height: 40px;font-size:14px;overflow: hidden;cursor: pointer;margin-right:0px;color:#fff;}
.tpcar i{display: block;width:20px;height:40px;background: url("../images/icon_cart.png") no-repeat center left;background-size:20px;margin-right:2px;float:left;}
.tpcar span{float:left;}
.tpcar:hover i{animation: both scaleSN .8s;}
@keyframes scaleSN {
    25%{transform: scale(1);}
    50%{transform: scale(1.1);}
    75%{transform: scale(1.2);}
    100%{transform: scale(1);}
}

#banner{height: 400px;margin-top:60px;overflow:hidden;width:100%;position:absolute;left:0;top:0;z-index:50;min-width: 1200px;}
#banner .swiper-container {width: 100%;height: 400px;}
#banner .swiper-slide {
text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;
-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;
}
#banner .swiper-pagination{text-align: center;width:100%;bottom:10px;}
#banner .swiper-pagination-bullet{background:#999;opacity:1;width:80px;border-radius:0px;height:3px;margin:0 5px;}
#banner .swiper-pagination-bullet-active{background:#fff;}
#banner .swiper-slide1{background:url('../images/banner1.jpg') no-repeat center;}
#banner .swiper-slide2{background:url('../images/banner2.jpg') no-repeat center;}
#bannerhr{height:420px;}
#banner .swiper-button{width:60px;height:60px;background-color:#004a86;border-radius:50%;background-size:16px;opacity:.6;}
#banner .swiper-button:hover{opacity:1;}
#banner:hover .swiper-button{display:block;}

.links{margin-top: 30px;overflow: hidden;padding:0;width:100%;min-width: 1200px;}
.links h2{color:#333;font-size:14px;margin-bottom: 10px;font-weight: normal;}
.links .con{background: #666;overflow: hidden;padding:20px 0;}
.links a{display: block;float:left;width:128px;height:25px;color:#ccc;line-height: 22px;margin-right:50px;font-size:12px;}
.links a:nth-child(7n){border:0;margin:0;}
.links a:hover{color: #fff;}
.links i{display: none;}

.footer{background: #444;padding: 40px 0 20px 0;color:#ccc;font-size:13px;width:100%;min-width: 1200px;margin-top: 80px;overflow: hidden;}
.footer .cpyrght{float:left;width:930px;line-height: 21px;font-size:12px;color:#999;margin-top:30px;}
.footer .cpyrght p{color:#999;margin-top: 10px;}
.footer .chat{float:right;width:220px;}
.footer .chat div{width:90px;float:left;overflow: hidden;margin:0 0 0 10px;}
.footer .chat img{width: 80px;height:80px;border:solid 5px #fff;}
.footer .chat span{display: block;line-height:20px;text-align: center;color:#ccc;font-size:12px;}
.footer ul{overflow: hidden;margin-bottom: 15px;}
.footer ul li{float:left;color:#ff9090;line-height: 40px;margin-right:30px;}
.footer ul li i{display: block;width:24px;height:40px;border-radius: 50%;background: #c20202;float:left;margin-right: 5px;}
.footer ul li i.icon1{background:url("../images/icon_about.png") no-repeat center;background-size: 16px;}
.footer ul li i.icon2{background:url("../images/icon_mianze.png") no-repeat center;background-size: 16px;}
.footer ul li i.icon3{background:url("../images/icon_help.png") no-repeat center;background-size: 16px;}
.footer ul li i.icon4{background: url("../images/icon_contact.png") no-repeat center;background-size: 16px;}
.footer ul li a{display: block;color:#fff;font-size:14px;float:left;}
.footer ul li a:hover{color:#fff;}
.footer ul li:last-child{margin:0;}

.footer_mt{padding:20px 0;margin-bottom: 75px;margin-top:40px;background: none;}
.footer_mt ul{display: none;}
.footer_mt .cpyrght{float:none;width:70%;margin:0 auto;text-align: center;color:#ccc;}
.footer_mt .cpyrght p{color:#ccc;}
.footer_mt .chat{display: none;}
/*.footer_mt ul{margin-bottom: 0;}*/
/*.footer_mt .cpyrght{margin-top:5px;color:#999;line-height: 20px;}*/
/*.footer_mt ul li a{color:#999;}*/
/*.footer_mt ul li a:hover{color:#777;}*/
/*.footer_mt ul li i{opacity: .5;background-size: 12px;}*/
/*.footer_mt .chat{width:160px;}*/
/*.footer_mt .chat div{width:50px;height:50px;border-width:5px;}*/
/*.footer_mt .chat img{width:50px;}*/
/*.footer_mt .chat span{margin-top:15px;color:#333;opacity: .4;}*/





.pagination{text-align: center;padding:50px 0;overflow:hidden;font-size:0;}
.pagination-con{display: inline-block;}
.pagination-con *{display: block;float:left;}
.pagination .page-btn,.pagination .page-link,.pagination .page-more{
    display: inline-block;min-width:26px;height:30px;text-align: center;line-height: 30px;font-size:14px;padding:0 2px;
    border:solid 1px #eee;background:#fff;margin:0 2px;border-radius: 3px;color:#999;}
.pagination .page-btn:hover,.pagination .page-link:hover{border-color:#f4882a;color:#f4882a;}
.pagination .page-link-curr,.pagination .page-link-curr:hover{background:#f4882a;border-color:#f4882a;color:#fff;}
.pagination .page-more{line-height: 23px;}
.pagination .page-btn-prev{background:#fff url("../images/icon_ex_prev.png") no-repeat center;background-size: 6px;}
.pagination .page-btn-next{background:#fff url("../images/icon_ex_next.png") no-repeat center;background-size: 6px;}
.pagination .page-btn-dis{opacity: .6;}
.pagination li.total{padding-left: 20px;color:#666;}
.pagination li.total b{color:#f00;}

.fxconfdialog_bg{
    width:100%;height:100%;background: #333;opacity: 0;position: fixed;left:0;top:0;z-index: 10010;
}
.fxconfdialog_bx{background: #fff;width:420px;height:500px;position: fixed;left:50%;top:50%;margin-left:-210px;
    margin-top:-250px;z-index: 10011;overflow: hidden;border-radius: 3px;
    /*animation: both bounceIn .8s;*/
    /*-webkit-animation: both bounceIn .8s;*/
    animation: both boxOpacity .3s;
    -webkit-animation: both boxOpacity .3s;

}
.fxconfdialog_bx h2{height:40px;padding:0 0 0 15px;background: #eee;line-height: 40px;border-bottom: solid 0px #ddd;}
.fxconfdialog_bx h2 span{float:left;font-size:14px;color:#666;}
.fxconfdialog_bx h2 i{float:right;width:30px;display: block;height:30px;margin:5px 10px 0 0;opacity: .6;
    background: url("../images/icon_close.png?2") no-repeat center;background-size: 12px;transition: all .3s;}
.fxconfdialog_bx h2 i:hover{cursor: pointer;opacity: 1;}
.fxconfdialog_cn{background: #fff;padding:30px;}


.fxdialog_cbx{width:400px;height:200px;background: #fff;overflow: hidden;box-shadow: 0 0 1px #ccc;position: fixed;
    z-index:10020;left:50%;top:50%;margin-left:-200px;margin-top:-100px;border-radius: 3px;
    /*animation: both bounceIn .8s;*/
    /*-webkit-animation: both bounceIn .8s;*/
    animation: both boxOpacity .2s;
    -webkit-animation: both boxOpacity .2s;
}
.fxdialog_cbx h2{height:40px;padding:0 0 0 15px;background: #eee;line-height: 40px;border-bottom: solid 0px #ddd;}
.fxdialog_cbx h2 span{float:left;font-size:14px;color:#666;}
.fxdialog_cbx h2 i{float:right;width:30px;display: block;height:30px;margin:5px 10px 0 0;opacity: .6;
    background: url("../images/icon_close.png?2") no-repeat center;background-size: 12px;transition: all .3s;}
.fxdialog_cbx h2 i:hover{cursor: pointer;opacity: 1;}
.fxdialog_cbx .text{padding:20px;text-align: center;min-height:60px;line-height: 45px;font-size:15px;color:#666;overflow: hidden;}
.fxdialog_cbx .text b{color:#f00;}
.fxdialog_cbx .btn{text-align: center;}
.fxdialog_cbx .btn a{color:#e00c0c;display: inline-block;margin-left:20px;vertical-align: 1px;}
.fxdialog_cbx .btn button{width:110px;height:32px;font-size:13px;text-align: center;background: #eee;color: #666;margin:0 8px;transition: all .3s;
    display: inline-block;border:0;opacity: .8;border-radius: 3px;}
.fxdialog_cbx .btn button.sure{background: #59996e;color:#fff;}
.fxdialog_cbx .btn button:hover{opacity: 1;cursor: pointer;}
/*.fxdialog_cbx2 .txt{font-size:16px;line-height: 50px;}*/

#fxdialog_toast{
    height:45px;line-height: 45px;min-width:100px;background: rgba(51, 51, 51, .8);padding:0 20px;text-align: center;font-size:13px;
    position: fixed;z-index:10100;left:50%;top:50%;margin-top:-20px;color:#fff;border-radius: 3px;
    animation: both bounceIn .8s;
    -webkit-animation: both bounceIn .8s;
}
.fxdialog_bg,.fxdialog_cbx_bg,.fxdialog_bg_tp{
    width:100%;height:100%;background: #333;opacity: 0.5;position: fixed;left:0;top:0;z-index: 10000;
    animation: both bgOpacity .2s;
    -webkit-animation: both bgOpacity .2s;
}
.fxdialog_bg_no{opacity: 0;}
.fxdialog_cbx_bg{z-index: 10019;}
.fxdialog_bg_tp{z-index: 10019;opacity: 0;animation: none;-webkit-animation: none;}
.fxdialog_box{
    width:150px;height:150px;overflow: hidden;
    margin-left:-75px;margin-top:-75px;
    position: fixed;z-index:10100;left:50%;top:50%;background:rgba(51, 51, 51, .8);border-radius:10px;
    animation: both loadOpacity .2s;
    -webkit-animation: both loadOpacity .2s;
}
.fxdialog_box .load{width:60px;height:60px;margin:28px auto 8px auto;overflow: hidden;}
.fxdialog_box .success{width:72px;height:72px;border-radius: 50%;margin: 25px auto 5px auto;overflow: hidden;border:solid 0px #09f;
  background:url("../images/icon_success.png") no-repeat center;background-size: 64px;}
.fxdialog_box .error{width:72px;height:72px;border-radius: 50%;margin: 25px auto 5px auto;overflow: hidden;border:solid 0px #09f;
  background:url("../images/icon_fail.png") no-repeat center;background-size: 36px;}
.fxdialog_box .number{
    background:none;color:#fff;font-size:46px;line-height: 80px;text-align: center;
    border:solid 1px #fff;width:80px;height:80px;margin:20px auto 10px auto;border-radius: 50%;
}
.fxdialog_box .text{text-align: center;font-size:13px;color:#ccc;padding:0 15px;}
.fxdialog_box .text b{color:#c00;font-weight: normal;}
.fxdialog_box_fail{width:auto;min-width:150px;max-width:300px;}
.fxdialog_box_fail .error{margin: 20px auto 5px auto;}

@keyframes bgOpacity {
    0%{opacity: 0}
    25%{opacity: .2;}
    50%{opacity: .3;}
    75%{opacity: .4;}
    100%{opacity: .5;}
}
@keyframes loadOpacity {
    0%{background:rgba(51, 51, 51, 0);}
    25%{background:rgba(51, 51, 51, .2)}
    50%{background:rgba(51, 51, 51, .4)}
    75%{background:rgba(51, 51, 51, .6)}
    100%{background:rgba(51, 51, 51, .8)}
}
@keyframes boxOpacity {
    0%{opacity: 0}
    20%{opacity: .2;}
    40%{opacity: .4;}
    60%{opacity: .6;}
    80%{opacity: .8;}
    100%{opacity: 1;}
}


.load1 .loader,.load1 .loader:before,.load1 .loader:after { background: #ccc; -webkit-animation: load1 1s infinite ease-in-out;animation: load1 1s infinite ease-in-out;width:.4em; height: 1.4em;border-radius: 5px;}
.load1 .loader:before,.load1 .loader:after {position: absolute; top: 0; content: ''}
.load1 .loader:before {left: -1em}
.load1 .loader {text-indent: -9999em; margin:38% auto; position: relative; font-size: 11px; -webkit-animation-delay: 0.16s; animation-delay: 0.16s;}
.load1 .loader:after {left: 1em; -webkit-animation-delay: 0.32s; animation-delay: 0.32s}
@-webkit-keyframes load1 {
	0%,80%,100% {box-shadow: 0 0 #ccc;height: 1.4em}
	40% {box-shadow: 0 -1em #ccc;height: 2em}
}
@keyframes load1 {
	0%,80%,100% {box-shadow: 0 0 #ccc;height: 1.4em}
	40% {box-shadow: 0 -1em #ccc;height: 2em}
}

#fxfail{width:150px;height:150px;position: fixed;background: rgba(51, 51, 51, .8);
    z-index:10100;left:50%;top:50%;margin-top:-75px;margin-left:-75px;color:#ccc;border-radius: 10px;text-align: center;font-size:13px;
}
#fxfail .icon{width:72px;height:72px;border-radius: 50%;margin: 25px auto 5px auto;overflow: hidden;
  background:url("../images/icon_fail.png") no-repeat center;background-size: 48px;}

/*
#fxdialog .lingbx .loader {
  position: relative;
  margin: 20px auto 10px auto;
  width: 80px;text-align: center;
}
#fxdialog .lingbx .loader img{width:64px;margin-top:10px;}*/
/*#fxdialog .lingbx .loader:before {*/
/*  content: '';*/
/*  display: block;*/
/*  padding-top: 100%;*/
/*}*/
#fxdialog .lingbx .circular {
  -webkit-animation: rotate 2s linear infinite;
          animation: rotate 2s linear infinite;
  height: 100%;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
#fxdialog .lingbx .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
          animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
  stroke-linecap: round;
}

#fxdialog .bgtsl{opacity: 0;z-index: 10200;}
#fxdialog .lingbgtsl{z-index: 20201;}
#fxdialog .lingbxtsl{z-index: 20202}
#fxdialog .toasttsl{z-index: 20500;}

.fxpoplogin{
    background: #fff;width:400px;height:420px;position: fixed;left:50%;top:50%;
    margin-left:-200px;margin-top:-210px;z-index: 10010;
    border-radius: 3px;overflow: hidden;
    /*animation: both bounceIn .8s;*/
    /*-webkit-animation: both bounceIn .8s;*/
    animation: both boxOpacity .3s;
    -webkit-animation: both boxOpacity .3s;
}
.fxpoplogin h2{height:40px;padding:0 0 0 15px;background: #eee;line-height: 40px;border-bottom: solid 1px #ddd;}
.fxpoplogin h2 span{float:left;font-size:14px;color:#666;}
.fxpoplogin h2 i{float:right;width:30px;display: block;height:30px;margin:5px 10px 0 0;opacity: .6;
    background: url("../images/icon_close.png") no-repeat center;background-size: 12px;transition: all .3s;}
.fxpoplogin h2 i:hover{cursor: pointer;opacity: 1;}
.fxpoplogin-con{background: #fff;padding:40px 60px;}
.fxpoplogin-con .item{overflow: hidden;position: relative;margin-bottom: 15px;}
.fxpoplogin-con .item i{display:block;width:20px;height:20px;position: absolute;left:10px;top:10px;opacity: .6;}
.fxpoplogin-con .item i.user{background: url("../images/icon_user2.png") no-repeat center;background-size: 16px;}
.fxpoplogin-con .item i.pwd{background:  url("../images/icon_pwd2.png") no-repeat center;background-size: 16px;}
.fxpoplogin-con .item i.yzm{background: url("../images/icon_code2.png") no-repeat center;background-size: 16px;}
.fxpoplogin-con .put{height:40px;border:solid 1px #ddd;padding:0 15px;width:248px;border-radius: 3px;text-indent: 24px;}
.fxpoplogin-con .put:focus{border-color:#f4882a;}
.fxpoplogin-con img{position: absolute;right:8px;top:6px;cursor: pointer;}
.fxpoplogin-con button{width:100%;height:40px;background: #f4882a;color:#fff;border-radius: 3px;margin-top: 15px;opacity: .8;transition: all .3s;}
.fxpoplogin-con button:hover{opacity: 1;cursor: pointer;}
.fxpoplogin-con button.dis{opacity: .6;background-color: #999;cursor: not-allowed;}
.fxpoplogin-con .txt{text-align: center;margin-top: 15px;}
.fxpoplogin-con .txt a{color:#09f;}
.fxpoplogin-con .chk{border-radius: 3px;margin-right: 5px;vertical-align: -4px;}
.fxpoplogin-con label{font-size:12px;cursor: pointer;color:#999;}

.dyconfpop{line-height: 25px;text-align: left;font-size:14px;color:#999;margin:0 15px;margin-bottom: -5px;}
.dyconfpop .ifo{margin-bottom: 5px;}
.dyconfpop .ifo .yh{font-size:13px;padding: 0 3px;}
.dyconfpop .ifocn{display: inline-block;line-height: 20px;margin-right: 10px;}
.dyconfpop .ifocn span{display: block;}
.dyconfpop .ifocn span.hj{font-size:12px;color:#ccc;text-decoration: line-through;}
.dyconfpop .ifocn em{color:#f4882a;font-size:16px;}
.dyconfpop .ifocn i{font-size:13px;padding-left: 2px;}
.dyconfpop .yue span{color:#f4882a;}
.dyconfpop .yue em{color:#f4882a;font-size:11px;padding-left: 2px;}
.dyconfpop .yue i{color:#59996e;}

@-webkit-keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotate {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124px;
  }
}
@-webkit-keyframes color {
  100%,
  0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%,
  90% {
    stroke: #fff;
  }
}
@keyframes color {
  100%,
  0% {
    stroke: #fff;
  }
  40% {
    stroke: #fff;
  }
  66% {
    stroke: #fff;
  }
  80%,
  90% {
    stroke: #fff;
  }
}


@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    70% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

input[type="checkbox"]{
    width:16px;height:16px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    background: url("../images/icon_check_g.png") no-repeat center;background-size: 16px;
}
input[type="checkbox"]:after{
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background:url("../images/icon_chk_on.png") no-repeat center;background-size: 14px;
    /*增加动画*/
    -webkit-transition: all ease-in-out 300ms;
    -moz-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
    opacity: 0;
}
input[type="checkbox"]:checked,input[type="checkbox"]:checked:after{
    opacity: 1;background-size: 14px;
}

#carfx{width:100px;padding:0 20px 0 60px;height:50px;line-height:50px;font-size:16px;color:#fff;position: fixed;right:51px;bottom:0;z-index: 200;
background:#f4882a url("../images/icon_car.png") no-repeat center left 20px;background-size: 28px;cursor: pointer;display:none;}
#carfx span{display: inline-block;margin-left:6px;font-size:18px;}
#backtop{width:50px;height:50px;position: fixed;right:0;bottom:0;z-index: 200;
    background:#666 url("../images/icon_top.png") no-repeat center;cursor: pointer;background-size: 24px;opacity: .6;}
#backtop:hover{opacity: .8;}
.carpp{background:url("../images/icon_logo.png") no-repeat center;background-size:36px;display: block;width: 30px;height: 30px;}


#loader-wrap{
    display: none;
}
#loader-container {
  width: 100px;
  height: 100px;
  color: white;
  margin: 0 auto;
  position: fixed;
  z-index: 10000;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  border: 3px solid #ff5151;
  border-radius: 50%;
    overflow: hidden;
    background: #fff;
  -webkit-animation: borderScale 1.5s infinite ease-in-out;
  animation: borderScale 1.5s infinite ease-in-out;
}

#loadingText {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: fixed;
  z-index: 10001;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
    background: #fff url("../images/icon_logo.png") no-repeat center;
}
@-webkit-keyframes borderScale {
  0% {
    border: 3px solid white;
  }
  50% {
    border: 15px solid #ff5151;
  }
  100% {
    border: 3px solid white;
  }
}

@keyframes borderScale {
  0% {
    border: 3px solid white;
  }
  50% {
    border: 15px solid #ff5151;
  }
  100% {
    border: 3px solid white;
  }
}