@charset "utf-8";

/* 公共样式表单 */
body,div,header,section,ul,li,p,h1,h2,h3,h4,h5,h6,input,button,select,textarea,label,dl,dt,dd,i{margin: 0;padding: 0;border: none;list-style: none;font-style: normal;}
html{font-size: 20px;-webkit-tap-highlight-color: rgba(0,0,0,0);height: 100%;/* overflow:hidden; */}
body{font-family: 'Microsoft yahei', arial, tahoma;font-size: .65rem;background-color: #f4f4f4;margin: 0 auto;position:relative;}
li{list-style: none;}
ul li{padding: 0;margin: 0;}
a{text-decoration: none;}
input,button,select,textarea{font-family: 'Microsoft yahei', arial, tahoma;font-size: .65rem;background: transparent;color: #666666;outline:none;}
input::-webkit-input-placeholder{color: #bbb;}
input::-moz-input-placeholder{color: #bbb;}
input::-ms-input-placeholder{color: #bbb;}
.ui-over-input:disabled{background:#fff;color: #aaa;opacity:1;}
.ui-over-select:disabled{background:#fff;color: #aaa;opacity:1;}
select{-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;background: none;border-radius: 0;}
button{cursor: pointer;}
ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-start: 0;
}

/* 公有样式类 */
html,body,#dhc{ width: 100%;}
.bgound{background: #f4f4f4;}
.minWidth{margin: 0 auto;}
.width_periphery{margin: 0 0.8rem 0 0.8rem;}
.clear:after,.clear:before{display: table;content: '';}
.clear:after{clear: both;}
.blue,
.blue:active{color: #39f!important;}
.grey{color: #ccc;}
.f36{color: #88888e;}
.green{color: #6fdf1b;}
.textRight{text-align: right;}
.padding5rem{padding: .5rem;}
.paddingB3{padding-bottom: 3rem;}
.nothing{text-align: center;color: #999;}
.none { display: none; }
.fl{float: left;}
.fr{float: right;}
.c{clear: both;}
.button{padding-bottom: 3rem;}

/*输入框，下拉框*/
.ui-form li{position: relative;margin-left: .8rem;border-top: 1px solid #eee;line-height: 1.8rem;min-height: 1.8rem;overflow: hidden;}
.ui-form li:first-child{border-top: 0;}
.ui-form-title{position: relative;display: block;width: 4rem;height: 1.8rem;line-height: inherit;color: #333;text-indent: .1rem;overflow: hidden;}
.ui-form-container{position: absolute;left: 4.2rem;top: 0;right: .5rem;height: 100%;}
.ui-input{height: inherit;width: 8.8rem;}
.ui-input1{height: inherit;width: 8.8rem;}
.ui-select{width: 100%;height: inherit;}
.ui-form-button{padding-top: 0.4rem;}
.ui-form-button1{padding-top: 2rem;}
.ui-form-button2{padding-top: 1.2rem;}
.ui-link{position: relative;display: block;height: inherit;line-height: inherit;color: #ccc;}
.ui-link i, .icon-chevron_up{z-index: 5;position: absolute;right: 0;line-height: inherit;font-size: 1rem;color: #39f;}
.icon-chevron_down{top: .4rem;}
.padding{padding-bottom: 3rem;}

/* 头部样式 */
.header_p{position: relative;}
.bg_w{background: #ffffff; height: 2.2rem;border-bottom: 1px solid #cccccc;}
.h2_style{text-align: center;color: #333333; line-height: 2.2rem; font-weight: 500;}
.h2_login{background: #ffffff; height: 2.2rem;}
.icon-chevron-thin-left{ font-size: 1rem; color: #333333;position: absolute;left: 0;top: 0.6rem;}
.position{position: relative;}
.line{border-bottom: 1px solid #cccccc;}
.iconList, .iconUser, .iconShop, .iconPhone{ width: 1.2rem; height: 1.2rem;}
.iconList{position: absolute; top: 0.5rem; left: 0;}
.iconUser{position: absolute; top: 0.5rem; left: 1.6rem;}
.iconShop{position: absolute; top: 0.5rem; right: 1.6rem;}
.iconPhone{position: absolute; top: 0.5rem; right: 0;}
.iconList img, .iconUser img, .iconShop img, .iconPhone img ,.logo_style img, ..dian img{ width: 100%;}
.logo_style{width: 3.85rem; height: auto; position: absolute; top: 0.4rem; left: 37.5%;}
.dian{width: 0.5rem; height: 0.5rem; position: absolute;top: 0; right: -0.25rem;}

/* 底部样式 */
.footer{ position: fixed; bottom: 0; height: 2.6rem;border-top: 1px solid #cccccc; background: #ffffff; z-index: 10;}
.footerLine{padding: 0.2rem 0.5rem;}
.footerList{padding: 0; margin: 0; font-size: 0.55rem; width: 100%;}
.footerList li{ height: 2rem;list-style: none; width: 3rem; float: left;padding-top: 0.1rem;}
.footerLine li a p{text-align: center;}
.footerLine li a div:first-child{ }
.footerLine li a div:last-child{ }
.redIcon{ color: #2668e8;}
.greyIcon{ color: #666666;}
.iconf1{background: url("../images/iconf1.png") no-repeat;position:relative; width: 1.2rem; height: 1.2rem;background-size: 1.2rem 1.2rem;margin-left: 0.4rem; }
.iconf12{background: url("../images/iconf2.png") no-repeat;position:relative; width: 1.2rem; height: 1.2rem;background-size: 1.2rem 1.2rem;margin-left: 0.4rem; }
.iconf2{background: url("../images/icon21.png") no-repeat;position:relative; width: 1.2rem; height: 1.2rem;background-size: 1.2rem 1.2rem;margin-left: 0.5rem; }
.iconf22{background: url("../images/icon22.png") no-repeat;position:relative; width: 1.2rem; height: 1.2rem;background-size: 1.2rem 1.2rem;margin-left: 0.5rem; }
.iconf3{background: url("../images/icon31.png") no-repeat;position:relative; width: 1.2rem; height: 1.2rem;background-size: 1.2rem 1.2rem;margin-left: 0.7rem; }
.iconf32{background: url("../images/icon32.png") no-repeat;position:relative; width: 1.2rem; height: 1.2rem;background-size: 1.2rem 1.2rem; margin-left: 0.7rem;}
.iconf4{background: url("../images/icon41.png") no-repeat;position:relative; width: 1.2rem; height: 1.2rem;background-size: 1.2rem 1.2rem;margin-left: 1.1rem; }
.iconf42{background: url("../images/icon42.png") no-repeat;position:relative; width: 1.2rem; height: 1.2rem;background-size: 1.2rem 1.2rem;margin-left: 1.1rem; }
.iconf5{background: url("../images/icon51.png") no-repeat;position:relative; width: 1.2rem; height: 1.2rem;background-size: 1.2rem 1.2rem;margin-left: 1.25rem; }
.iconf52{background: url("../images/icon52.png") no-repeat;position:relative; width: 1.2rem; height: 1.2rem;background-size: 1.2rem 1.2rem;margin-left: 1.25rem; }
.c1{margin-left: 0.5rem;font-size: 0.45rem;}
.c2{margin-left: 0.5rem;font-size: 0.45rem;}
.c3{margin-left: 0.2rem;font-size: 0.45rem;}
.c4{margin-left: 0.8rem;font-size: 0.45rem;}
.c5{margin-left: 1.3rem;font-size: 0.45rem;}

/* 弹出层通用 */
.bomb_box{z-index: 9000;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.75);}
.tierStyle{margin: 0 0.8rem;}
.parentTier{position: relative;height:100%;width: 100%;}
.childTier{position: absolute; top: 50%;left: 50%; color: #000;background: #fff; width: 14.5rem; height: 5.5rem; border: 1px solid #2668e8;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);}
.childTier p{ text-align: center; padding-top: 1.2rem; padding-bottom: 0.6rem;}
.childTier button{ border: 1px solid #2668e8; color: #2668e8; height: 1.2rem;line-height: 1.2rem; margin: 0.5rem 0 0 5.6rem;width: 3rem; border-radius: 0.1rem;}

/* 弹出层签到 */
.bomb_box{z-index: 9000;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(0,0,0,.75);}
.Sign_in{margin: 0 0.8rem;}
.signIn{position: relative;height:100%;width: 100%;}
.signIn_STYLE{position: absolute; top: 50%;left: 50%; color: #000;background: #fff; width: 7.5rem; height: 4.5rem;padding-top: 1.5rem; border: 1px solid #2668e8;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);}
.signIn_STYLE p{ text-align: center; padding-bottom: 0.6rem;color: #2668e8; font-size: 0.9rem;}
.signIn_STYLE p:last-child{color: #666666;font-size: 0.65rem; }


.filterinput{
    background-color:rgba(249, 244, 244, 0);
    border-radius:15px;
    width:90%;
    height:30px;
    border:thin solid #FFF;
    text-indent:0.5em;
    font-weight:bold;
    color:#FFF;
}
#demo-list a{
    overflow:hidden;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    white-space:nowrap;
    width:100%;
}
.fixNav{z-index: 9000;position: fixed;left: 0;top: 0;right: 0;bottom: 0;background-color: rgba(255,255,255,.75); width: 80%;height: 100%; overflow: hidden;}
.logo{width: 3.6rem; padding-top: 0.5rem;}
.logo img, .close img{width: 100%;}
.close{position: absolute;width: 0.8rem; height: 2rem; top: 0.7rem; right: 0.7rem;}