@charset "utf-8";

/* ================================ */
/* 格式化样式标签、基础类型样式			*/
/* Author:			恒康科技 		*/
/* Copyright:		www.hengkangit.com	*/
/* Create Date:		Jun-08-2015		*/
/* Retrofit Date:	Aug-04-2015		*/
/* ================================ */


/*多分辨率设定rem设定*/
html { font-size : 20px; height: 100% }

/*Note3*/
@media only screen and (min-width: 360px) {
html { font-size: 22px !important; }
}

/*iPhone6*/
@media only screen and (min-width: 376px) {
html { font-size: 23px !important; }
}

/*iPhone6 plus*/
@media only screen and (min-width: 414px) {
html { font-size: 25px !important; }
}

/*big Resolution*/
@media only screen and (min-width: 641px) {
html { font-size: 25px !important; }
}


html { -ms-touch-action: none;}
body { font-family:"Microsoft YaHei"; background-color: #fff; position:relative; height: 100%;}
input { font-family: Arial, "Microsoft YaHei", sans-serif; }
a { text-decoration: none;  -webkit-touch-callout: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, span, a { margin: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
fieldset, img, iframe { border: 0 }
:focus { outline: 0 }
i, address, caption, cite, code, dfn, em, strong, th, var { font-style: normal }
ol, ul { list-style: none }
li { list-style: none }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal }
blockquote:before, blockquote:after, q:before, q:after { content: '' }
abbr, acronym { border: 0; font-variant: normal }
img { vertical-align: top; border: none; }
input, textarea { -webkit-user-select: text; -ms-user-select: text; user-select: text; -webkit-appearance: none; }
input:focus, select:focus, textarea:focus, button:focus { outline: none; }
input[type="text"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], input[type="email"], input[type="url"], textarea { -webkit-appearance: none; border: 1px solid; border-radius: 0; }
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance:none;
}
em, i { font-style: normal; }
li { list-style: none; }
input[type="checkbox"] { position: relative; width: 0.75rem; height: 0.75rem; background-color: #F5F5F5; border: 0.05rem solid #CCC; -webkit-border-radius: 50%; border-radius: 50%; vertical-align: middle; }
input[type="checkbox"]:checked { border-color: #ED5564; background-color: #ED5564; }
input[type="checkbox"]:checked:after { content: ''; position: absolute; left: 0.1rem; top: 0.14rem; width: 0.4rem; height: 0.2rem; border-left: 0.065rem solid #fff; border-bottom: 0.065rem solid #fff; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
.hide { display: none !important;}
.show { display: block !important;}
/*clear float*/
.fl { float:left; }
.fr { float:right; }
.clearfix { zoom: 1 }
.clearfix:after { display: block; clear: both; content: '\20' }
:not(input) { -webkit-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-text-size-adjust: none; }
.posr { position: relative !important; }
.posf { position: fixed;}
.w20h li { width: 20%;}
.w33h li { width: 33.33%;}
.w50h li { width: 50%;}
.mt5 { margin-top: 0.5rem !important;}
.mt10 { margin-top: 1rem !important;}
.mt20 { margin-top: 2rem !important;}
.mt40 { margin-top: 4rem !important;}
.mr2 { margin-right: 0.2rem;}
.mb5 { margin-bottom: 0.5rem !important;}
.mb20 { margin-bottom: 2rem !important;}
.mb-20 { margin-bottom: -2rem !important;}
.mb25 { margin-bottom: 2.5rem !important;}
.pl5 { padding-left: 0.5rem;}
.pb5 { padding-bottom: 0.5rem;}
.bgc-t { background-color: transparent !important;}

.opera-tips { color: #D9434E; font-size: 14px; }
.error-tips { display: none; background-color: rgba(255,255,255,0.95); border: solid 0.05rem #CCC; padding: 0.8rem 0.6rem; text-align: center; border-radius: 0.2rem; position: fixed; z-index: 9999; top: 40%; left: 25%; right: 25%; color: #333; font-size: 0.7rem; line-height: 1rem; box-shadow: 0 0 1rem rgba(0,0,0,0.15);}
.error-tips p { font-size: 0.7rem; line-height: 1rem; color: #333; }

.m-container {background:#fff;max-width:768px;margin:0 auto;position:fixed;width:100%;height:100%;}

.header-r span.meber_login {color:rgb(253,63,107);}
/*操作提示弹出层*/
/*#skin-block{border-radius: 0.6rem;background-color: #fff; margin-left: -5.5rem !important;}*/
#skin-block{border-radius: 0.6rem;background-color: #fff;}

#skin-block .s-dialog-wenxin{padding: 20px 0 10px;color: rgb(255,0,135);font-size: 18px;}
#skin-block .s-dialog-content{padding-bottom: 15px;    color: #8f8f94;font-size: 16px;}
/*#skin-block .s-dialog-btn-cancel{padding: 0.6rem;}*/
#skin-block a{color: #333;font-weight: 400;padding: 0.6rem 0; }
/*#skin-block a.s-dialog-btn-ok {width:100%;}*/
#skin-block  .s-dialog-btn-wapper{padding: 0;}
.s-dialog-wrapper { width: 11rem; }
.s-dialog-mask { position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BF000000', endColorstr='#BF000000');background:rgba(0,0,0,0.75);}
.s-dialog-wrapper { position: fixed; z-index: 9999; max-width: 12rem; min-width: 10rem; margin-top: -2rem; border-radius: 0.2rem;}
.s-dialog-skin-green { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-skin-block { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-skin-red { background-color: rgba(255,255,255,0.90); border: solid 0.05rem #000;}
.s-dialog-content { padding: 0rem 0.6rem; text-align: center; font-size: 0.75rem; line-height: 0.9rem;}
.s-dialog-skin-green .s-dialog-content { color: #000;}
.s-dialog-skin-red .s-dialog-content { color: #000;}
.s-dialog-skin-block .s-dialog-content { color: #000;}
.s-dialog-content h6 { display: block; font-size: 0.55rem; line-height: 0.9rem; color: #333;}
.s-dialog-btn-wapper { display: block; padding: 0.6rem 0; border-top: solid 0.01rem rgba(0,0,0,0.15); font-size: 0; }
.s-dialog-btn-wapper a { display: inline-block; width: 49%; font-size: 0.7rem; line-height: 0.9rem; color: #0080FF; text-align: center;}
.s-dialog-btn-wapper a:last-child { border-left: solid 0.05rem rgba(0,0,0,0.15);}
.s-dialog-skin-block .s-dialog-btn-wapper a { color: #0080FF;}

#scroller { position: absolute; z-index: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); width: 100%; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; -o-text-size-adjust: none; text-size-adjust: none; }
#scroller ul { list-style: none; padding: 0; margin: 0; width: 100%; text-align: left; }
#scroller li { padding: 0 10px; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; border-top: 1px solid #fff; background-color: #fafafa; font-size: 14px; }

/*页面固定宽度*/
.fixed-Width { min-width: 320px; max-width: 768px; margin: 0 auto;}

/*默认按钮样式*/
.btn { vertical-align: top; display: inline-block !important; height: 1.1rem; padding: 0 0.3rem; margin: 0 auto; font-size: 0.6rem; color: #555 !important; line-height: 1.1rem; text-align: center; background-color: #FFF; border: solid 1px #CCC; border-radius: 0.15rem }
.btn.key { border-color: #ED5564; color: #ED5564 !important; font-weight: 600;}
.btn-l { display: inline-block; width: 90%; margin: 0 5%; font-size: 0.8rem; line-height: 1.8rem; text-align: center; color: #FFF; background: #ED5564; border-radius: 0.2rem; }

/*图片选择上传*/
.nctouch-upload { display: inline-block; width: 1.94rem; height: 1.94rem; border: solid 0.05rem #EEE; border-radius: 0.1rem; vertical-align: top;}
.nctouch-upload a { position: relative; z-index: 1; display: block; width: 100%; height: 100%;}
.nctouch-upload span { position: absolute; z-index: 3; left: 0; top: 0; bottom: 0; right: 0;}
.nctouch-upload .input-file { width: 100%; height: 100%; padding: 0; margin: 0; border: none 0; opacity:0; filter: alpha(opacity=0);}
.nctouch-upload p { position: absolute; z-index: 1; left: 0; top: 0; bottom: 0; right: 0; background-color: transparent;}
.nctouch-upload p i { display: block; width: 100%; height: 100%; background-image: url(../images/value_add.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 50%; opacity: 0.25;}
.nctouch-upload .pic-thumb { position: absolute; z-index: 2; left: 0; top: 0; bottom: 0; right: 0; background-color: #FFFFFF; border-radius: 0.1rem;}
.nctouch-upload .pic-thumb img { width: 95%; height: 95%; margin: 2.5%}
.nctouch-upload .upload-loading { position: absolute; z-index: 4; left: 0; top: 0; bottom: 0; right: 0; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#3FFFFFFF', endColorstr='#3FFFFFFF');background:rgba(255,255,255,0.25); border-radius: 0.1rem;}
.nctouch-upload .upload-loading i { display: block; width: 100%; height: 5%; margin: 93% 0 2% 0; background: #4FC0E8; animation: optionLoading 0.5s ease-in-out; -webkit-animation:optionLoading 1s ease-in-out;}
 @keyframes optionLoading {
from { width: 0%;}
to { width: 100%;}
}
@-webkit-keyframes optionLoading {
from { width: 0%;}
to {  width: 100%;}
}

#search_header { height:2rem; overflow: hidden; color:#aaa; }
#search_header .headerl { margin: 0.4rem 0.3rem; height:1.2rem; font-size: 0.9rem; }
#search_header .headerc { margin: 0.4rem 0.3rem; font-size: 0.6rem; height:1.2rem; width:80%; line-height: 1.2rem; border-radius: 0.6rem;background-color: #f2f2f2; text-align: center;}

/*默认底部*/
#footer{max-width:768px;margin:0 auto;width:100%;bottom:0px;left:0px;right:0px;background:#fff; height:2.2rem; position: fixed; border-top:1px solid #ccc;}
#footer .footer_element {background-color: #FFF;/*border-top: solid 0.05rem #EEE;*/}
#footer .footer_element li { float:left; width:20%; /*width:33.333333%;*/ text-align:center; color:rgb(247,247,247);}
#footer .footer_element li a {  color:rgb(51,51,51);display:block;height:53px;overflow:hidden;}
#footer .footer_element li a span { font-size:.5rem;display:block;padding:3px 0}
#footer .footer_element li a img { max-width:22px; max-height:22px; vertical-align: middle;}
#footer .footer_element li.current a{ color:rgb(255,62,107); }

#normal_header h3 { height:1.8rem; line-height: 1.8rem; color:#101010; font-size: 0.8rem; text-align: center; border-bottom: 1px solid #e4e4e4; background-color: #fff; position: fixed; top:0; width: 100%; z-index: 10; }
#normal_header h3 .go_back { float: left; width:0.65rem; margin-top: 0.55rem; margin-left: 0.3rem; }
#normal_header h3 .normal_header_right { float: right; margin-right: 0.3rem; display: inline-block; vertical-align: top; color:#bbc1d2; font-size: 0.65rem; }

.item-container { height:45px; position: fixed; bottom: 0px; left: 0px; display: flex; flex-flow:row nowrap; align-items: center; justify-content: flex-start; width:100%; border-top:1px solid #eee; background: #fff;}
.item-container a { color:rgb(75,75,75); }
.item-container a img { width: 20px; }
.item-container .go_home { flex:0 0 10%;  }
.item-container .go_home a { display:block; height:25px; width:25px;  background:url(../images/home_b.png) no-repeat top center; background-size: 100%; margin:7px auto;}
.item-container .nav_menu { /*flex:0 0 29.5%;*/ position: relative; border-left:1px solid #eee;}
.item-container .nav_menu .main-menu { width:100%; height:45px; text-align: center; display: block; font-size:.8rem; }
.item-container.picture_footer .nav_menu { border-left:0px solid #eee;}
.item-container.picture_footer { height: 55px; }
.item-container.picture_footer .nav_menu .main-menu { font-size:.6rem; height: 45px; }
.item-container.picture_footer .nav_menu .main-menu .have_choosed { display: none; }
.item-container .nav_menu ul { position: absolute; bottom:45px; width:100%; left:-1px; display:none; background: #fff;}
.item-container .nav_menu ul li { line-height:35px; text-align: center; width:100%; border:1px solid #eee; border-bottom:none;}
.item-container .nav_menu ul li a { display: block; width:100%; text-align: center; font-size:.8rem;}
.item-container.picture_footer .nav_menu ul li a { font-size:.6rem; }