@charset "utf-8";

*{ margin:0px; padding:auto;}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:"microsoft yahei","Arial"; font-size:100%;line-height:1.428571429;color:#333;background-color:#fff;zoom:normal}
ul,ol{list-style-type:none;}
ul,ol,li,textarea,input,select,option,th,td{padding:0;}
a{text-decoration:none; color: #4e4e4e;}
table{border-spacing: 0;border-collapse: collapse;}
button,textarea,input,select{-moz-appearance: none;  -webkit-appearance: none; appearance: none; font-family:"microsoft yahei","Arial";}
b,i,h1,h2,h3,h4,h5{font-style: normal; font-weight: normal;}
img{max-width: 100%;}

@font-face {font-family: 'iconfont';
    src: url('../../Addons/font/ajh/iconfont.eot'); /* IE9*/
    src: url('../../Addons/font/ajh/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../../Addons/font/ajh/iconfont.woff') format('woff'), /* chrome、firefox */
    url('../../Addons/font/ajh/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
    url('../../Addons/font/ajh/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.ioc_sty{font-family: "iconfont" !important; font-style:normal;}
.main_caing{ margin: 0em auto;}
/*文字样式S*/
.f-text1{font-size: 1rem; color: #333;}
.f-text1-1{font-size: .875rem;}
.f-text1-2{font-size: 1.1rem;}
.f-text1-3{font-size: .9625rem;}
.f-text2{font-size: .875rem; color: #666;}
.f-text3{font-size: .75rem; color: #999;}
.f-text4{font-size: .625rem; color: #999;}

.f-align-l{text-align: left;}
.f-align-c{text-align: center;}
.f-align-r{text-align: right;}
.f-wei{font-weight: normal;}
/*文字样式E*/
/*颜色S*/
.c-blue{color: #17ded2;}
.c-orange{color: #ff8500;}
.c-orange1{color: #ffa300!important;}
.c-red{color: #ff3829;}
.c-dark{color: #333;}
.c-dark1{color: #353535;}
.c-gray{color: #666;}
.c-gray1{color: #999;}
.c-gray2{color: #848484;}
.c-bg-blue{background: #17ded2!important; color: #fff;}
.c-bg-red{background: #f00!important; color: #fff;}
.c-bg-white{background: #fff;}
.c-bg-gray{background: #F7F7F7;}
.js_pra_ok i{color: #ff3829!important;}
/*颜色E*/
/*内外边距S*/
.c-m-t1{margin-top: .625em;}
.c-m-t2{margin-top: 1.4em;}
.c-m-t3{margin-top: 3.5em;}
.c-m-t6{margin-top: 6em;}
.c-m-b1{margin-bottom: 1rem!important;}
.c-m-b5{margin-bottom: .25rem!important;}
.c-m10{margin: .625em;}
.c-p-r2{padding-right: 2em;}
.c-p10{padding: .625em;}
.c-plr10{padding:  0 .625em;}
.c-p-b4{padding-bottom: 4em;}
.c-p-b5{padding-bottom: 5em;}
.c-m-not{margin: 0!important;}
.c-p-not{padding: 0!important;}
/*内外边距E*/
/*结构S*/
.c-box{display: -moz-box; display: -webkit-box; display: box; position: relative; width: 100%;}/*左右结构*/
.c-box-main{-moz-box-flex: 1; -webkit-box-flex: 1; box-flex:1; width: 100%;}/*主要内容结构*/
.c-box-center{-moz-box-align: center; -webkit-box-align: center; box-align:center;} /*内容垂直居中*/
.c-box-stretch{-moz-box-align: stretch; -webkit-box-align: stretch; box-align:stretch;}/*内容块拉伸和父类一样高*/
.c-box-elli{overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}/*内容省略*/
.c-box>*{display: block;}

.c-tx-img{ width: 3.2em; height: 3.2em; border-radius: 100%; overflow: hidden; display:block; margin: 0em 0.86em 0em 0em; position: relative;}  /*圆形头像*/
.c-tx-img img{ width: 100%; height: 100%;}
/*结构E*/

/*文本框样式S*/
.c-input1{ margin-bottom: .625em;}
.c-input1 input{ border: 1px solid #DEDEDE; line-height: 2em; padding: .45em .625em; font-size: .875em; color: #666;}
.c-input1 select{ width: 80%; border: 1px solid #DEDEDE; background: #fff; font-size: .875em;color: #666; padding: .45em .625em; -webkit-appearance: none; appearance: none;}
.c-input1 textarea{ width: 100%; border: 1px solid #DEDEDE; background: #fff; font-size: .875em;color: #666; padding: .625em; -webkit-appearance: none; appearance: none;}

.c-select{position: relative; width: 60%;}
.c-select select{width: 100%;}
.c-select:after{display: inline-block; content: url(../../img/ajh/up.png); margin-top: -.7em; top: 50%; right: .5em; position: absolute;}
/*文本框样式E*/
/*数量加减框S*/
.sm-add-minus{ display: inline-block; border: 1px solid #ccc; text-align: center; line-height: 2rem}
.sm-add-minus>*{float: left;}
.sm-add-minus i{display: inline-block; cursor: pointer; width: 2.5rem; height: 2.5rem;line-height: 2.5rem; font-style: normal;}
.sm-add-minus b,.sm-add-minus input{display: inline-block; text-align: center; border: 1px solid #ccc; border-top: 0; border-bottom: 0; font-weight: normal; min-width: 3rem;}
.sm-add-minus input{max-width: 3.5rem; line-height: 2.5rem;padding: 0 .625rem ; outline: none;}
/*数量加减框E*/
/*上传图片样式S*/
.add-img-pag>li{float: left; position: relative; width: 5rem; text-align: center; height: 5rem; margin-right: .8rem; margin-bottom: .35rem; margin-top: .35rem;}
.add-img-pag .img-add{border: 2px #ccc dashed;}
.add-img-pag .img-add i{font-size: 2.5rem; color: #ccc; line-height: 4rem;}
.add-img-pag .img-add input{position: absolute; opacity: 0; top: 0; left: 0; width: 100%; height: 100%;}
.add-img-pag>li>img{width: 100%; height: 100%;}
.add-img-pag>li>.ab{top: -.5rem; right: -.5rem; line-height: 1rem; color: #f00; font-size: 1.6rem;}
/*上传图片样式E*/

/*按钮样式S*/
.but,.but-blue{display: inline-block; text-align: center; line-height: 2.5em; padding: 0 .5em;}
.but-blue{background: #17ded2; color: #fff;}
.but-red{background: #ff3829; color: #fff;}
.but-orange{background: #ff7f29; color: #fff;}
.but-orange1{background: #ffa300; color: #fff;}
.but-gray{background: #9e9e9e; color: #fff;}
.but-blue-line{color: #17ded2; border: 1px solid #17ded2;}

.but-width {width: 96%; margin: 0 2%;}
/*按钮样式E*/
/*单选按钮样式S*/
.dx-choice{color: #666; position: relative;}
.dx-choice>input{position: absolute; top: 0; left: 0; display: none;}
.choi-ok{color: #f00!important;}
/*单选按钮样式E*/
/*星星S*/
.star{ display: inline-block; margin-left:1em;}
.star span{ display: inline-block; background: url(../../img/ajh/star_1.png) no-repeat; background-size: 5em 2.35em; width: 5em; height: 1.17em; position: relative; top: .25em;}/*星星*/
.star span i{ display: inline-block; background: url(../../img/ajh/star_1.png) no-repeat; float: left; background-size: 5em 2.35em; width: 5em; height: 1.17em; background-position: 0em -1.25em;}/*星星*/
/*星星E*/
/*带圆小滑块S*/
.c-slider{display: inline-block; width: 3.6em; height: 1.6em; border: 1px solid; color: #999; border-radius: 2em; vertical-align: middle; transition: color .5s;}
.c-slider b{display: inline-block; position: relative; top: -.05em; left: 0em; width: 1.6em; height: 1.6em; background: #999; border-radius: 100%; transition: left .5s, background .5s;}
.c-sli-open{color: #17DED2;}
.c-sli-open b{left: 2em; background: #17DED2;}
/*带圆小滑块E*/

/*标签样式S*/
.c-sort{ font-size: .875rem; color: #666;}/*所属类别小标签*/
.c-sort span{ margin-right: 1.7em; position: relative;}
.c-sort span i{color: #999;}
.c-sort b{ font-weight: normal; color: #ff0000;}
.c-sorts{display: inline-block; color: #666; background: #fff; border: 1px solid #eee; border-radius: .45em; padding: .15em .45em;}/*类别分类样式*/
.c-sor-money{ color: #f4b425!important; font-weight: normal;}/*家币标签*/
.c-sor-money i,.c-sort-sty i{margin-right: .25em; vertical-align: middle;}
.c-sort-gap{ display: inline-block; background: #eb4f38; color: #fff; text-align: center;}  /*带三角标签*/
.c-sort-gap img{position: absolute; bottom: 0; left: 0; width: 100%;}
/*标签样式E*/


/*头部搜索S*/
.c-head1{background: #17ded2; height: 3.5em;padding: 0 .625em;}
.c-head1 a{color: #fff;}
.c-head2{background: #fff; border-bottom: 1px solid #F5F5F5; height: 3em; padding: 0 .625em;}
.c-head2 a{color: #999;}
.c-head1 .icon_left,.c-head2 .icon_left{font-size: 1.6em; margin-right: .625em;display: block; }
.c-head1 .icon_right,.c-head2 .icon_right{font-size: 1.8em;margin-left: .625em; display: block;}
.c-head1 .c-box-main{text-align: center; color: #fff; font-size: 1.2em;}
.soso_but{line-height: 2em; padding: 0 .85em; margin-left: .625em; display: inline-block;}/*带搜索的*/ 
/*头部搜索E*/

/*评价列表S*/
.appraise-list>li{border-bottom: 1px solid #f7f7f7; padding: .625rem 0;}
.appraise-list>li:nth-last-child(1){border: 0;}
.appraise-list .info{margin-top: .8rem;}
.appr-img img{ width: 3.5rem; height: 3.5rem; margin-right: .25rem; margin-top: .45rem;}
/*评价列表E*/
/*标题样式S*/
.tit{padding: .625rem; line-height: 2rem; font-size: 1rem; font-weight: normal; border-bottom: 1px solid #f5f5f5;}
.tit-left-line span{line-height: 1rem; font-size: 1rem; border-left: 2px solid #f00; padding-left: .6rem; padding-right: .6rem;}
/*标题样式E*/
/*弹窗样式S*/
.tc-box{position: fixed; display: table; top: 0em; left: 0em; background: rgba(0,0,0,.5); width: 100%; height: 100%; z-index: 1008;}
.tc-page{display: table-cell;vertical-align: middle; text-align: center; width: 80%;}
.tc-main{background: #fff; padding: 1em .625em; width: 80%; margin: 0em auto;}
.tc-main b{color: #fc7900; font-weight: normal;}
.tc-title{font-size: 1.1em; color: #333; position: relative;}
.tc-title>i{position: absolute; right: 0em;}
.tc-max-h{max-height: 10rem; overflow: auto;}
/*弹窗按钮样式S*/
.tc-but-line{display: block; color: #f00; border-top: 1px solid #dcdcdc; line-height: 3rem;}
/*弹窗按钮样式E*/
/*提示类弹窗,带确定取消按钮S*/
.tc-hint{padding: 1rem; text-align: center;}
.tc-hint .hint-ioc{font-size: 5rem; line-height: 5rem;}
.tc-hint .hint-text{line-height: 1.5rem; padding: .625rem 0;}
.tc-hint .hint-but>.but{ width: 45%; margin: 0 2%;}
/*提示类弹窗,带确定取消按钮E*/
/*说明类弹窗S*/
.tc-explain{padding: .625rem 0 0;}
.tc-explain .d-tab{width: 100%; min-height: 8rem;}
/*说明类弹窗E*/
/*弹窗样式E*/

/*流程样式S*/
.c-flow{ padding: .625rem 1.2rem;}
.c-flow>li{ padding-bottom: 1rem; position: relative; padding-left: 1.8rem; border-left: 2px solid #0490d1; min-height: 3rem;}
.c-flow>li>.ioc_sty{position: absolute; left: -.55rem; top: -.5rem; color: #0490d1; background: #F5F5F5; line-height: 1rem;}
.c-flow>li>.ioc_sty.end{color: #f00;}
.c-flow>li>.text{position: relative; top: -.5rem; font-size: .875rem; color:#666;}
.c-flow b{color: #0490d1;}
.c-flow>li:nth-last-child(1){padding-bottom: 0;}
.c-flow>li:nth-last-child(1) .text{color: #333;}
/*流程样式E*/
/*底部说明文字样式S*/
.foot{padding: 1rem 0; background: #f5f5f5; text-align: center; font-size: .625rem; color:  #666; line-height: 1.4rem;}
/*底部说明文字样式E*/
/*swper banner滑动S*/
.swp-banner{overflow: hidden; position: relative;}
.swp-banner img{width: 100%;}
.swp-banner .swp-dot{position: absolute; bottom: 0; width: 100%; text-align: center;z-index: 20;}
.swp-banner .swp-dot span{ margin: .25rem; }
.swp-banner .swp-dot .swiper-pagination-bullet-active{background: #f00;}
.swp-bg-img{height: 24rem; background: no-repeat center; background-size: cover;}
/*swper banner滑动E*/

/*其他样式S*/
.c-clear:after { display: block; content: ""; clear: both; }  /*清除浮动*/
.c-fix,.c-fix-top,.c-fix-top3,.c-fix-bot{ position: fixed!important; width: 100%; z-index: 1005;  left: 0em;}
.c-fix-top{top: 0; }
.c-fix-top3{top: 3.2rem; }
.c-fix-bot{bottom: 0;}
.fl{float: left;}
.fr{float: right;}
.ab,.abl,.abr{position: absolute;}
.abl{left: 0px;}
.abr{right: 0px;}
.re{position: relative;}
.d-tab{display: table;}
.d-cell{display: table-cell;vertical-align: middle;}
.d-show{display: block;}
.d-li-block{display: inline-block;}
.hide{display: none;}
.c-bor{border: 1px solid #ccc;}
.c-bor-not{border: 0;}

.c-elli{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*省略*/
.c-break{word-break:break-all; word-wrap:break-word; }/*强制换行*/
/*其他样式E*/
/*css3样式动画S*/
.c-rot{transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);}
/*css3样式动画E*/
/*分享页面start*/
.tc_share .fx_tm{position: fixed;width: 100%; height: 100%; top: 0px; left:0em; z-index: 1006; background: #000; display: block; opacity: .9;}
.tc_share_bag{color: #666; width: 100%; height: 100%; border-radius: 6px; padding: 0 11%;  margin: auto; position: relative; z-index: 1007;}

.tc_stru_casing,.tc_share{display: table; position: fixed; width: 100%; height: 100%; top: 0em; left: 0em; z-index: 1005; display: none;}
.tc_stru_cell{display: table-cell;vertical-align: middle; text-align: center;}

.share_one{ padding-top: 10em;}
.share_one p{ font-size: 1.3em; color: #fff;}
.share_one img{ position: absolute; height: 9em; top: 1em; right: 0px;}
.share_one i{ color: #fff; font-size: 3.5em;}
.share_one span{ display: inline-block; position: relative; top: 1em;}
.share_one span b{ position: absolute; display: inline-block; bottom: 0em; left: -.6em; font-size: .625em; color: #fff; width: 6em;text-align: center;}
.share_one button{ border-radius: .25em; height: 2.2em; padding: 0em 1em; color: #ffaf02; font-size: 1.2em; margin-top: 3em; background: none; border: 2px solid;}

.share_tc1{background: rgba(78,78,78,.8); width: 100%; height: 100%; position: fixed; top: 0em; left: 0em; display: none;}
.share_two{width: 100%; background: #fff; margin: 0 auto; border-bottom-left-radius: .25em; border-bottom-right-radius: .25em;}
.share_two ul{ overflow: hidden; padding: .5em 0 1em;}
.share_two li{width: 25%; text-align: center; float: left; padding-top: 1em; }
.share_two li i{font-size: 3.5em; line-height: 1em;}
.share_two li p{line-height: 2.5em; color: #666;}
.share_two li:nth-child(1) i{color: #fe6174;}
.share_two li:nth-child(2) i{color: #ffc900;}
.share_two li:nth-child(3) i{color: #4cacf6; position: relative; top: -.05em;}
.share_two li:nth-child(4) i{color: #38a3f5;}
.share_two .share_text1{color: #57cfd7; padding-left: .625em; padding-top: 1em; text-align: left;}
.share_two .share_text2{border-top: 1px solid #E4E4E4; width: 95%; margin: 0em auto; text-align: center; color: #999; font-size: .875em;  padding: .9em 0;}
/*分享页面end*/

/*下拉选项菜单样式start*/
.tab_nav_one{margin-bottom: 0em; background-color: #fff; position: relative;}
.tab_nav_one i{font-family: "iconfont" !important; font-size:1em;font-style:normal;}
.tab_nav_one li{ float: left; width: 25%; text-align: center; line-height: 3.4em; font-size: 0.875em; color: #4e4e4e;  position: relative;}
.tab_nav_one li.nav_one_ok{color: #fc5900;}
.tab_nav_one li ul{ width: 100%; position: absolute;background: #fff; z-index: 12;-moz-box-shadow: 0px 4px 4px #666; -webkit-box-shadow: 0px 3px 4px #666;box-shadow: 0px 3px 4px #666; border-top: 0px; display: none;}
.tab_nav_one li ul li{ width: 100%;}
.tab_nav_one li ul li a{ color: #666;}
.tab_nav_two,.tab_nav_three{ background: #2de0d5; opacity: .9; position: fixed; width: 100%; top: 3em; left: 0em; z-index: 100;}
.tab_nav_two li{ width: 50%; color: #fff;}
.tab_nav_two li ul,.tab_nav_three li ul{background: #2de0d5; -moz-box-shadow:none; -webkit-box-shadow: none; box-shadow: none;}
.tab_nav_two li ul li a,.tab_nav_three li ul li a{ color: #fff;}
.tab_nav_three li{ width: 33.3%; color: #fff;}
/*.tab_two li{ width: 50%; color: #fff;}*/
.tab_nav_gray,.tab_nav_gray li ul{ background: #fff;}
.tab_nav_gray li{ color: #4e4e4e;}
.tab_nav_gray li ul{top:2.5em; -moz-box-shadow: 0px 4px 4px #666; -webkit-box-shadow: 0px 3px 4px #666;box-shadow: 0px 3px 4px #666; }
.tab_three li{ width: 33.3%;}
.tab_five li{width: 20%;}
.tab_five .nav_text{max-width: 58%;}
.tab_two li{ width: 50%;}
.tab_one li{ width: 100%;}
.white_bg,.white_bg li ul{background: #fff;}
.white_bg li{ color: #4e4e4e;}
.white_bg li.nav_one_ok{ color: #17bbde;}
.tab_two .line_bottom{width: 50%;}
.tab_four .line_bottom{width: 25%;}
.tab_four li{ font-size: .75em;}
.tab_three .line_bottom{width: 33.3%;}
.line_bottom{ display: inline-block; height: 2px; background: #17bbde; position: absolute; bottom: 0em; left: 0em;  }

.tab_nav_flex { position: fixed; width: 100%; z-index: 11; top: 3em; left: 0em;}
.tab_nav_one li .swr_drop{ max-height: 14em; overflow: auto;}
.line_bag_one{ display: block;}
.line_bag_two{ display: none;}
.nav_margin{ margin-top: .25em;}

.nav_text{ display: inline-block; position: relative; top: .15em; line-height:100%; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/*下拉选项菜单样式end*/

/*下拉更多S*/
.c-xl-more{text-align: center; font-size: .75em; color: #999; line-height: 3em;}
.c-xl-more img{width: 1.4em; vertical-align: middle; margin-right: .5em;}
/*下拉更多E*/

@media(min-width:800px){
    html{font-size:110%;}
    .main_caing{ max-width: 800px;}
}
@media(max-width:362px){
    html{font-size:85%;}
    .main_caing{ min-width: 320px;}
    .circle_attach{ font-size: .625em; color: #a2a1a1;}
}