/*******************触屏版重置样式*****************/
/*reset*/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,dl,dd,dt,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,img,td,div,input,b,i,cite{margin:0;padding:0;border:0;outline:0;font:inherit;vertical-align:baseline;-webkit-tap-highlight-color:rgba(0,0,0,0);}
ul,ol,li{list-style-type:none}
li{vertical-align:0}
h1,h2,h3,h4,h5,h6{ font-weight:normal}
a{outline-style:none;color:#666666;text-decoration:none}
a:hover{color:#666666; text-decoration:none}
body{ background-color:#ffffff;}
body,input,select,textarea{ font-size:14px; outline:none;-webkit-appearance:none;font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers*/color:#999;font-size:0.28rem;word-break: break-all;word-wrap: break-word;}
input:-moz-placeholder,textarea:-moz-placeholder {  /* Mozilla Firefox 4 to 18*/color:#999;font-size:0.28rem;}
input::-moz-placeholder,textarea::-moz-placeholder {  /* Mozilla Firefox 19+*/color:#999;font-size:0.28rem;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder { /* Internet Explorer 10+*/color:#999;font-size:0.28rem;}
object,embed,video{width:100%; border:none;margin-top:3px;}
img{width:100%; border:none;margin-top:0px;}
body{font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;}
/* initial */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0;}
.clearfix{ *zoom:1;}
.clear{ clear:both;}
.fl{ float:left; display:inline;}
.fr{ float:right; display:inline;}
.block{display: block;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.pRelative{position: relative;}
.pAbsolute{position: absolute;}
.pFixed{position: fixed;}
.ellipsis{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 0.2rem;}
/*定义常用的宽高、颜色值、button、padding、margin*/
@media (min-width:0px   ) { html { font-size: 32.00px;}}
@media (min-width:320px ) { html { font-size:40.40px;}}
@media (min-width:480px ) { html { font-size:61.73px;}}
@media (min-width:540px ) { html { font-size:69.73px;}}
@media (min-width:640px ) { html { font-size:83.06px;}}
@media (min-width:720px ) { html { font-size:93.73px;}}
@media (min-width:768px ) { html { font-size:100.00px;}}
@media (min-width:800px ) { html { font-size:100.00px;}}
.flex{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex .item{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex: 1}
body{width: 100%;background-color: #ffffff;
    background-size: 6px 6px; width: 100%;min-width: 320px;}

/*header*/
.header{position: fixed;width: 100%;top: 0;right: 0;left: 0;z-index: 10; border-bottom: 1px solid #d1d1d1;}
.header ul.header-menu{background-color: #dddddd;width:100%;
    display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
}
.header ul.header-menu li{height: 0.82rem;line-height:0.82rem;background-color: #fff;text-align: center;}
.header ul.header-menu li.menu-l,.header ul.header-menu li.menu-r{width: 1.2rem;}
.header ul.header-menu li.menu-c{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex: 1;}
.header ul.header-menu li.menu-c a{display: block;color:#666;font-size: 0.36rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 0 0.2rem;}
.header ul.header-menu li.menu-l .back{width: 0.18rem;height: 0.36rem;display: block;margin-left: 0.26rem;pointer-events: none;box-sizing: border-box;}
.header ul.header-menu li.menu-r .search{width: 0.36rem;height: 0.36rem;display: inline-block;pointer-events: none;vertical-align: middle;}
.header ul.header-menu li.menu-r a{display: block;height: 100%;width: 100%;box-sizing: border-box;text-align: right;padding-right: .2rem;}
.header ul.header-menu li.menu-l a{display: block;padding-top: 0.26rem;}

/*footer*/
.footer{position: fixed;left: 0;bottom:0;right: 0;width: 100%;background-color: #dddddd;padding-top: 1px;z-index: 10;}
.footer .footer-menu{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
background-color: #fff;height: 1.16rem;padding-top: 0.18rem;box-sizing: border-box;}
.footer .footer-menu li{-webkit-box-flex: 1; -moz-box-flex: 1; -webkit-flex: 1;-ms-flex: 1;flex: 1;text-align: center;}
.footer .footer-menu li a{position: relative;display: block;}
.footer .footer-menu li i{display: none;width: 8px;height:8px;border-radius: 100%;
    position: absolute;top:0%;left: 55%;box-shadow: -2px -2px 5px #d54444 inset;overflow: hidden;}
.footer .footer-menu li.hot i{background: #ff6000;display: block;}
.footer .footer-menu li a em{display: block;width: 1.2rem;height: 0.8rem;margin:0 auto;
    background:url("../../images/icons.png") no-repeat;background-position:0 0;background-size: 4rem 4rem;}
.footer .footer-menu li a em.icon01{background-size: 4rem 4rem;background-position:0 0;}
.footer .footer-menu li a em.icon02{background-size: 4rem 4rem;background-position:-1.2rem 0;}
.footer .footer-menu li a em.icon03{background-size: 4rem 4rem;background-position:-2.4rem 0;}
.footer .footer-menu li a em.icon04{background-size: 4rem 4rem;background-position:0 -1.6rem;}
.footer .footer-menu li a em.icon05{background-size: 4rem 4rem;background-position:-1.2rem -1.6rem;}
.footer .footer-menu li a p{color: #777777;font-size: 0.26rem;}
.footer .footer-menu li.hover a p{color: #01a0c2;}
.footer .footer-menu li.hover a em.icon01{background-size: 4rem 4rem;background-position:0 -0.8rem;}
.footer .footer-menu li.hover a em.icon02{background-size: 4rem 4rem;background-position:-1.2rem -0.8rem;}
.footer .footer-menu li.hover a em.icon03{background-size: 4rem 4rem;background-position:-2.4rem -0.8rem;}
.footer .footer-menu li.hover a em.icon04{background-size: 4rem 4rem;background-position:0 -2.4rem;}
.footer .footer-menu li.hover a em.icon05{background-size: 4rem 4rem;background-position:-1.2rem -2.4rem;}


/*input 校验*/
.check-success i.check-icon,.check-error i.check-icon,.check-warning i.check-icon{display:block;position: absolute;right: -0.52rem;top:0.26rem;
width: 0.32rem;height: 0.32rem;}
.check-text{display: none;}
.check-success p.check-text,.check-error p.check-text,.check-warning p.check-text{display: block;width: 100%;position: absolute;bottom: -28px;    bottom: -0.39rem;
    font-size: 0.26rem;}
.check-error p.check-text{color: #e44b4b;}
.check-warning p.check-text{color: #f57e23;}
.check-success{border-color: #4db9d0 !important;}
.check-error{border-color: #ff7c7c !important;}
.check-warning{border-color: #f4a467 !important;}
.check-success i.check-icon{background: url("../../images/icn-success.png") no-repeat center;background-size: 100% 100%;}
.check-error i.check-icon{background: url("../../images/icn-error.png") no-repeat center;background-size: 100% 100%;}
.check-warning i.check-icon{background: url("../../images/icn-warning.png") no-repeat center;background-size: 100% 100%;}

.gradient1{
    /*background-image: -moz-linear-gradient(top, #ececec, #fbfbfb); *//* Firefox */
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(1, #ececec)); *//* Saf4+, Chrome */
    background: url("../../images/input-bg1.png") repeat-x;
    background-size: 1px 100%;
}
.gradient2{
    /*background-image: -moz-linear-gradient(top, #fbfbfb, #ececec); *//* Firefox */
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ececec), color-stop(1, #fbfbfb)); *//* Saf4+, Chrome */
    background: url("../../images/input-bg.png") repeat-x;
    background-size: 1px 100%;
}


.gradient3{
    /*background-image: -moz-linear-gradient(top, #fbfbfb, #ececec); *//* Firefox */
    /*background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ececec), color-stop(1, #fbfbfb)); *//* Saf4+, Chrome */
    background: url("../../images/TA_line.png") repeat-x;background-size: 1px 100%;
}




