@charset "utf-8";
/* CSS Document */
.page {
  max-width: 640px;
  margin: 0 auto;
  position: relative;
  overflow-x: hidden;
  table-layout: fixed;
  word-break: break-all;
}

/*头部*/
.header{ height:45px; line-height: 45px;position: fixed;top: 0;left: 0;right: 0;z-index: 99;}
.header .hearder-cc{ height:45px; background:#dc4451; max-width:650px; margin:auto!important; position:relative;box-sizing:border-box;}
.header .hearder-cc .tt{ display:block; text-align:center; color:#fff; font-size:16px;}
.header-se .hearder-cc{ padding-left:80px;}
.header-se .se{ position:absolute; left:10px; width:80px; padding-top:10px;}
.header-se .se select{ height:30px; color:#fff; padding-left:8px; border:none; background:none; color:#dfb8bb}


.header_icon_back{position:absolute; left:10px; top:50%; width:38px; height:20px; margin-top:-10px;}
.header_icon_back img{height:100%;}
.header_icon_back:hover{opacity:0.5;}
.header h3{text-align:center; line-height:44px; font-size:18px; color:#fff;}

.box-select{ text-align:right; padding-top:5px;}
.box-select select{ display:inline-block; width:20%;}
/*head*/
.head_search input::-webkit-input-placeholder {color:#fff;}
.head_search input:-moz-placeholder {color:#fff;}
.head_search input::-moz-placeholder {color:#fff;}
.head_search input:-ms-input-placeholder {color:#fff;}
.head_search select{ height:30px; color:#fff; padding-left:10px;}
.head_search{background: #f98f99;border-radius: 20px;overflow: hidden;width: 82%;margin-left: 3%;margin-top: 6px;float: left; height:32px;}
.head_search input{height: 32px;width: 89%;background: url("../images/icon-search.png") no-repeat 10px center;background-size: 18px;padding-left: 35px;color: #fff;float: left}
.head_search_btn{display: block; float: right;width: 15%;height: 45px;color: #fff;text-align: center}
.head_search .clear_btn{float: right;display: block;width:10%;height: 32px; text-align:left; position:relative;}
.head_search .clear_btn:before{ content:"×";background-size: 12px; color:#fff; position:absolute; top:10px; line-height:12px; right:20%;}
.head_search2{ background:#f5f5f5; width:95%;}
.head_search2 input{width: 89%;background-image: url("../images/icon-search2.png");color: #999;}
.head_search2 input::-webkit-input-placeholder {color:#999;}


/*小标题*/
.subtitle{background:#efefef; border-bottom:1px solid #ddd; padding:5px 10px;}

/*大标题*/
.big_tille{padding:10px 10px; color:#333;}




/*通用容框*/
.box{border-radius:5px; background:#fff; overflow:hidden; border:#ccc solid 1px;}

.segmented_control{height: 40px;background: #fff;position: fixed;width: 100%;left: 0;right: 0;top: 45px;line-height: 40px;box-shadow: 0px -1px 10px rgba(0,0,0,0.1);z-index: 99}
.segmented_control a{display:block;float:left;width: 15%;text-align: center;font-size: 13px;color: #747474;}
.segmented_control>a:first-child{ width:12%;}
.segmented_control>a:nth-child(2){ width:21.5%;}
.segmented_control>a:nth-child(3){ width:21.5%;}

.segmented_control a i{display: inline-block;width: 8px;height: 8px;margin-left: 3px;}
.segmented_control a.active{color: #ed7601;}
.segmented_control a.active i{background: url("../images/icon09.png") no-repeat center;background-size: 100%;}


.pop-window02{position: fixed;width: 80%;z-index:20001;background: #fff;border-radius: 5px;top: 50%;left: 50%;margin-left: -40%;margin-top: -90px;display: none}
.pop-window02 .pop-content{padding: 10px;}


.loading{width: 120px;height: 120px;background: rgba(0,0,0,0.7);border-radius: 10px;position: fixed;top: 50%;margin-top: -60px;left: 50%;margin-left: -60px;z-index: 99;text-align: center;color: #fff;}
.loading img{display:block;width: 45%;margin: 20px auto 10px auto}


/*基本容器*/
.aui-content {-webkit-overflow-scrolling: touch;overflow-x: hidden;word-break: break-all;}
.aui-content-padded { 	margin: 0.75rem; 	position: relative;  	word-break: break-all;  	-webkit-overflow-scrolling: touch;}
/*栅格类*/
.aui-row {overflow: hidden;margin: 0;}
.aui-row-padded {margin-left: -0.125rem;margin-right: -0.125rem;}
.aui-row-padded [class*=aui-col-xs-] {padding: 0.125rem;}
.aui-col-xs-1,.aui-col-xs-2,.aui-col-xs-3,.aui-col-xs-4,.aui-col-xs-5,.aui-col-xs-6,.aui-col-xs-7,.aui-col-xs-8,.aui-col-xs-9,.aui-col-xs-10,.aui-col-xs-11,.aui-col-5 {position: relative;float: left;}
.aui-col-xs-12 {width: 100%;position: relative;}
.aui-col-xs-11 {width: 91.66666667%;}
.aui-col-xs-10 {width: 83.33333333%;}
.aui-col-xs-9 {width: 75%;}
.aui-col-xs-8 {width: 66.66666667%;}
.aui-col-xs-7 {width: 58.33333333%;}
.aui-col-xs-6 {width: 50%;}
.aui-col-xs-5 {width: 41.66666667%;}
.aui-col-xs-4 {width: 33.33333333%;}
.aui-col-xs-3 {width: 25%;}
.aui-col-xs-2 {width: 16.66666667%;}
.aui-col-xs-1 {width: 8.33333333%;}
.aui-col-5 {width: 20%;}



/*订单列表*/
.case_list{}
.case_list a{display: block;position: relative}
.case_list .detail{position: relative;border-bottom: 1px dotted #d6d6d6; padding:10px 0 10px 70px;}
.case_list .title{height:40px; padding:0 70px 0 0px; line-height:1.2; vertical-align:middle;font-weight: bold; overflow:hidden; display:table-cell; width:100%; box-sizing:border-box;}
.case_list .pic{width: 60px; height:60px; display:inline-block;vertical-align:middle; position:absolute; left:0.2%; top:10%;}
.case_list .pic img{ max-width:60px; max-height:60px;}
.case_list .grey_info{font-size: 12px;color: #929292;}
.case_list .tt{ color:#aaa;}
.case_list .status{position: absolute;right: 5px;top:10%;;}
.detail .cc{ position:relative; background:#fafafa; padding:10px; font-size:11px;}
.case_list .num{ position:absolute; right:10px; top:50%; margin-top:-20px; line-height:40px; font-size:15px; font-weight:bold;}


/*list-jd*/
.list-jd{ clear:both;}
.li-jd{ border-bottom:#eee 1px solid; padding:15px 10px 0px 100px; position:relative; }
.list-jd .pic{ position:absolute; left:10px; top:15px;height:80px; width:80px;}
.list-jd .pic img{ max-width:80px; max-height:80px;}
.list-jd .tt{line-height:1.2; vertical-align:middle;font-weight: bold; margin-bottom:5px;}
.list-jd .info{}
.list-jd .text{ font-size:12px; color:#aaa; line-height:1.2em;}
.list-jd .icons-fw{ padding:5px 0;}
.icons-fw .icon-c{ display:inline-block; width:40px; margin:5px 0 5px; box-sizing:content-box; background:center 0 no-repeat; color:#aaa; vertical-align:top; text-align:center; font-size:0px; line-height:12px;}
.icons-fw .icon-j{display:inline-block; width:24px; height:24px;  border:#ccc 1px solid;border-radius:30px; background:center center no-repeat; background-size:80%;}

.icons-fw2 .icon-c{ float:left; display:block; margin:8px 5px 0 5px; box-sizing:content-box; background:center 0 no-repeat; color:#aaa; vertical-align:top; text-align:center; min-width:50px;}
.icons-fw2 .icon-j{display:inline-block; width:24px; height:24px; background:center center no-repeat; background-size:24px 24px;}
.icons-fw2 .icon-c .text{ display:block; text-align:center; font-size:12px; line-height:12px; height:24px; vertical-align:middle;}


.list-jd .r-jd{ position:absolute; right:10px; bottom:15px;}
.list-jd .num{ font-weight:bold; color:#ff6e17;}

/*list-jd2*/
.list-jd2{ clear:both;}
.li-jd2{ border-bottom:#ddd 1px solid;  position:relative; }
.list-jd2 .tt{line-height:1.2; padding:15px 10px 0px 10px;vertical-align:middle;font-weight: bold; margin-bottom:5px; padding-right:90px; position:relative; min-height:24px;}
.list-jd2 .btns{ position:absolute; right:10px; top:10px;}
.btn-del{ vertical-align:middle; background:url(../images/icon_del.png) center center no-repeat; background-size:90% 90%; width:20px; height:20px; display:inline-block;opacity:0.5; }
.list-jd2 .info{ background:#fafafa; padding:15px 10px;}
.list-jd2 .text{ font-size:12px; color:#aaa; line-height:1.5em;}


/*list-jd3*/
.list-jd3{ clear:both;}
.li-jd3{ border-bottom:#eee 1px solid; padding:15px 90px 15px 80px; position:relative; }
.list-jd3 .pic{ position:absolute; left:10px; top:15px; height:50px; width:50px;}
.list-jd3 .pic-table{ display:table-cell; height:50px; width:50px; vertical-align:middle;}
.list-jd3 .pic img{ max-width:50px; max-height:50px;}
.list-jd3 .tt{line-height:1.2; vertical-align:middle;font-weight: bold; margin-bottom:5px;}
.list-jd3 .info{}
.list-jd3 .text{ font-size:12px; color:#aaa; line-height:1.2em;}
.list-jd3 .r-jd{ position:absolute; right:10px; top:10px; text-align:right; }
.list-jd3 .r-jd .time{ color:#999;font-weight:normal; display:block;}
.list-jd3 .r-jd .num{ color:#fff; background:#f00; font-weight:bold; border-radius:10px; padding:0px 5px;}
/*btn*/
.btn-basic{ display:inline-block; border-radius:5px; padding:0 10px; line-height:1.5rem; background-color:#ff6e17; color:#fff; text-align:center; }
.btn-basic2{ display:inline-block; border-radius:5px; padding:0 10px; line-height:2.4rem; background-color:#ff6e17; color:#fff; text-align:center; }
.btn-basic3{ display:inline-block; border-radius:5px; padding:0 10px; line-height:27px; background-color:#ff6e17; color:#fff; text-align:center; }
.btn-basic-large{ display:inline-block; width:80px; height:80px; color:#fff; vertical-align:bottom; background:#1da46e; border-radius:10px; box-sizing: border-box; padding:12px 0; text-align:center; font-size:18px; }
.btn-blue{background-color: #50a5f1;}
.btn-red{background-color: #d63839;}
.btn-green{ background-color:#78d625;}
.btns-bom{ position: fixed; bottom:0px; left:0; right:0; background:rgba(255,255,255,0.8); padding:10px; z-index:10000;}
.btns-bom .btn-box{ max-width:600px; margin:0 auto;}
.btn-eee{ background-color:#ddd; color:#333;}
.main{ z-index:0;}

/*icon*/
.icon-ja{ background-image:url(../images/icon-ja.png)!important;}
.icon-jb{ background-image:url(../images/icon-jb.png)!important;}
.icon-jc{ background-image:url(../images/icon-jc.png)!important;}
.icon-air_blower{ background-image:url(../images/icon-air_blower.png)!important;}
.icon-air_conditioner{ background-image:url(../images/icon-air_conditioner.png)!important;}
.icon-awaken_serve{ background-image:url(../images/icon-awaken_serve.png)!important;}
.icon-broadband{ background-image:url(../images/icon-broadband.png)!important;}
.icon-lock{ background-image:url(../images/icon-lock.png)!important;}
.icon-hot_water{ background-image:url(../images/icon-hot_water.png)!important;}
.icon-kettle{ background-image:url(../images/icon-kettle.png)!important;}
.icon-manifdder{ background-image:url(../images/icon-manifdder.png)!important;}
.icon-p{ background-image:url(../images/icon-p.png)!important;}
.icon-private-bathroom{ background-image:url(../images/icon-private-bathroom.png)!important;}
.icon-tv{ background-image:url(../images/icon-tv.png)!important;}
.icon-wifi{ background-image:url(../images/icon-wifi.png)!important;}



.list-sec .weui-label{ width:80px;}
.list-sec .weui-cell__bd label{ margin-right:10px;white-space: nowrap;}

/*幻灯片*/
.swiper-container {
width: 100%;
}

.swiper-container img {
display: block;
width: 100%;
}

/*日历*/
.tcbox{ position:absolute; left:0; right:0; top:10%; z-index:10000;}
.rili-box{width:100%;overflow: hidden;background: #eee;border: 1px solid #ccc;box-sizing: border-box;}
.calendar-box *{box-sizing: border-box;}
.ht-rili-head{overflow: hidden;}
.ht-rili-querybox{overflow: hidden; background:#f8f8f8;}
.ht-rili-title{padding: 10px;display: inline-block;max-width: 200px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: middle;}
.ht-rili-datebox{float: right;display: inline-block;vertical-align: middle;padding: 10px;}
.ht-rili-date{text-align: center;display: inline-block;width: 100px;height: 19px;line-height: 19px;vertical-align: middle;}
.ht-rili-leftarr{display: inline-block;width:25px;height: 19px;background: url("../images/left-arr.png") left center no-repeat;background-size: contain;vertical-align: middle;cursor: pointer;}
.ht-rili-rightarr{display: inline-block;width:25px;height: 19px;background: url("../images/right-arr.png") right center no-repeat;background-size: contain;vertical-align: middle;cursor: pointer;}
.ht-rili-th{width: 14.25%;float: left;text-align: center;height: 40px;line-height: 40px;/*background: #E66B14;*/color: #000;}
.ht-rili-td{width: 14.25%;float: left;text-align: center;height:50px;/*line-height: 50px;*/background: #fafafa;padding-top: 5px;/*border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;*/cursor: pointer;}
.ht-rili-body{overflow: hidden;}
.ht-rili-day{font-family:Arial;font-size: 18px;font-weight: bold;display: inline-block;width: 100%;}
.ht-rili-money{font-family:Arial;display: inline-block;width: 100%;font-size: 12px;color: #D4585A;}
.ht-rili-td-disabled{color: #bbb;}
.ht-rili-td-active{border-radius: 4px;background:#dc4451; color:#fff;}
.ht-rili-td-active .ht-rili-money{color:#fff;}



/*人工客服*/
.dialogue-item{padding: 15px 10px 0 10px;}
.dialogue-item .head{width: 36px;height: 36px;float: left}
.dialogue-item .head img{width: 100%;display: block}
.dialogue-item .dialogue-content{float: left;margin-left: 5px;padding-left: 6px;position: relative;max-width: 80%}
.dialogue-item .dialogue-content .text{padding: 8px;border-radius: 5px;background:#f2f2f2;border: 1px solid #ccc;font-size: 14px;}
.dialogue-item .dialogue-content i{width:6px;height:10px;background:url("../images/icon_dialogue_l.png") no-repeat 0px 0px;position: absolute;top: 12px;left: 1px;}
.dialogue-item.r-dialogue .head{float: right}
.dialogue-item.r-dialogue .dialogue-content{float: right;margin-left: 0px;padding-left: 0px;margin-right: 5px;padding-right: 6px;}
.dialogue-item.r-dialogue .dialogue-content .text{background: #e1f6ff;border: 1px solid #a4d4e8;}
.dialogue-item.r-dialogue .dialogue-content i{background:url("../images/icon_dialogue_r.png") no-repeat 0px 0px;right: 1px;left: inherit}
.box-dialog{ position:fixed; left:0; right:0; bottom:0;}
.bar-dialog{ max-width:600px; margin:0 auto;background: #f0f0f0;padding: 0;}
.bar-dialog-more{height: auto;}
.bar-dialog .dialog-box{border-top: 1px solid #ccc;padding: 3px 5px;}
.bar-dialog .dialog-box .voice{float: left;width: 40px;height: 40px;background: url("../images/icon_photo.png") no-repeat center;background-size: 65%}
.bar-dialog .dialog-box .text-input{margin: 0 40px;}
.bar-dialog .dialog-box .more{float: right;width: 40px;height: 40px;background: url("../images/send.png") no-repeat center;background-size: 65%}
.bar-dialog .dialog-box .text-input input{margin: 0;height: 40px;line-height: 40px;}
.bar-dialog .function-box{border-top: 1px solid #ccc;}
.bar-dialog .function-box .function-item{width: 25%;float: left;text-align: center}
.bar-dialog .function-box .function-item .input-wrap{width:50px;height:50px;overflow: hidden;margin: 15px auto 5px auto;}
.bar-dialog .function-box .function-item input{font-size: 400px;width: 300px;height: 300px;opacity: 0;}
.bar-dialog .function-box .function-photo .input-wrap{background: url("../images/icon_photo.png") no-repeat 0 0;background-size: 100%}
.bar-dialog .function-box .function-tpic .input-wrap{background: url("../images/icon_tpic.png") no-repeat 0 0;background-size: 100%}
.bar-dialog .function-box .function-video .input-wrap{background: url("../images/icon_video.png") no-repeat 0 0;background-size: 100%}
.bar-dialog .function-box .function-position .input-wrap{background: url("../images/icon_position.png") no-repeat 0 0;background-size: 100%}
.bar-dialog .function-box .function-item p{font-size: 12px;}


/*登录*/
.logo{text-align: center;padding-top: 40px;padding-bottom: 20px;}
.logo img{width: 75%}
.login-box{margin: 10px 20px;}
.login-box .input-group{border: 1px solid #ccc;border-radius: 2px;overflow: hidden}
.login-box .input-group input:last-child{border: none}
.login-box .input-group input{padding: 10px 15px 10px 50px;height: 50px;}
.login-box .login-user{background: url("../images/icon_user.png") no-repeat 14px center;background-size: 22px;}
.login-box .login-password{background: url("../images/icon_lock.png") no-repeat 14px center;background-size: 22px;}
.remember{padding-top: 15px;padding-bottom: 30px;}
.remember .login-checkbox{width: 22px;height: 22px;overflow: hidden;background: url("../images/checked.png") no-repeat 0 0;background-size: 100%;float: left}
.remember .login-checkbox.active{background: url("../images/check.png") no-repeat 0 0;background-size: 100%;}
.remember .login-checkbox input{font-size: 400px;width: 100px;height: 100px;opacity: 0;}
.remember label{margin-left: 12px;}
.btn-grey {color: #878787;background-color: #d0dce2;border: 1px solid #adc7d4;}
.btn-grey:active, .btn-grey.active {color: #fff;background-color: #c3d3db;border: 1px solid #a6c1ce;}
.login-other{position: fixed;bottom: 50px;text-align: center;left: 50%;margin-left: -100px; width:200px;}
.login-other a{font-size: 12px;color: #666666;padding: 0 20px;float: left;line-height: 15px; display:inline!important;}
.login-other .forget{border-right: 1px solid #ccc;}
.bar .icon{color: #fff;padding-top:13px;padding-bottom: 13px;}
.title{height: 50px;line-height: 50px;font-size: 18px;}
.bar-nav ~ .content {  padding-top: 50px; }
.bar{height: 50px;}

/*注册*/
.btn{border-radius: 2px;}
.btn-positive{background-color: #44b81d; border: 1px solid #359b15;}
.btn-negative {  background-color: #ffac0d;  border: 1px solid #dd950b;  }
.form-style{padding: 10px 20px;}
.form-style .input-row{ padding:0 10px;}
.form-style .input-row label{float: none;width: 100%;padding: 0;}
.form-style .input-row input{float: none;width: 100%;font-size: 13px;height: 40px;}
.form-style .input-row{height: auto;margin-top: 10px;position: relative;}
.form-style .prompt{position:absolute;font-size: 12px;right: 2px;bottom: 12px;height: 16px;line-height: 16px;}
.form-style .prompt span{vertical-align: 4px;padding-right: 5px;}
.form-style .prompt i{width: 16px;height: 16px;}
.form-style .prompt.correct{color: #44b81d}
.form-style .prompt.correct i{background: url("../images/icon_correct.png") no-repeat 0 0;display: inline-block;background-size: 100%}
.form-style .prompt.error{color: #ff3300}
.form-style .prompt.error i{background: url("../images/icon_error.png") no-repeat 0 0;display: inline-block;background-size: 100%}
.form-style .btn-code{padding: 10px;position: absolute;right: 2px;bottom:1px;}

.input-h{ border:#eee 1px solid!important; border-radius:5px;}

/*box-home*/
.box-home{ position: fixed; left:0; top:0; right:0; bottom:0;}
.box-home-bg{ background:#eee;  max-width:600px; margin:0 auto; width:100%; position:relative; height:100%;}
.box-home-bg:before{ z-index:1; position:absolute;background:url(../images/bg-home.png) 0 -1% no-repeat;background-size:100%; content:""; left:0; right:0; top:0; bottom:5%;}
.home-icon{ display:inline-block; background:url(../images/icon-home-a.png) center 0 no-repeat; background-size:100%;width:20%; height:400px; position:absolute; z-index:10; top:48%; text-align:center;}
.home-icon.iconhome-a{ background-image:url(../images/icon-home-a.png); left:3%; top:31%;}
.home-icon.iconhome-b{ background-image:url(../images/icon-home-b.png); left:40%;}
.home-icon.iconhome-c{ background-image:url(../images/icon-home-c.png); right:3%; top:31%;}
.home-icon.iconhome-d{ background-image:url(../images/icon-home-d.png); width:38%; height:38%; top:20%; left:30%;}
.home-icon .iconhome{ display:inline-block; width:50%; margin-top:10%; background-size:100%;}
.home-icon .text{ width:100%; text-align:center; display:inline-block; color:#fff; margin-top:-10%;}
.box-home .text-bq{ position:fixed; bottom:2%; left:0; right:0; text-align:center;}
.box-home .text-bq *{ vertical-align:middle;}
.box-home h1{ color:#fff; text-align:center; font-size:2rem; z-index:10; position:relative;}
.box-home h2{ color:#fff; text-align:center; font-size:1.5rem; padding:2rem 0 1.5rem; z-index:10; position:relative;}

.form-list .list-item{ clear:both;padding: 0.35rem 0.75rem; border-bottom:#ddd 1px solid; position:relative; }
.form-list .list-item-inner{display:flex;}
.form-list .list-item .list-item-label{ flex:2; color:#666; vertical-align:top; line-height:2rem;}
.form-list .list-item .list-item-input{flex:4; vertical-align:top;}
.list-item input[type=text], .list-item select{border: none;
background-color: transparent;
border-radius: 0;
box-shadow: none;
display: block;
padding: 0;
margin: 0;
width: 100%;
height: 2.2rem;
line-height: normal;
color: #424242;
font-size: 0.7rem;
font-family: inherit;
box-sizing: border-box;}
.list-rqjg{padding: 0.25rem 0.75rem; background:#fff;}
.list-rqjg .list-rqjg-item{border-radius: 0.25rem;border: 1px solid #e5e5e5;padding: 0.5rem 0.5rem 0.5rem 0.5rem;background-size: 1rem;margin: 0.75em 0; background:#f4fbff;}
.list-rqjg-item .text,.list-rqjg input ,.list-rqjg select{ display:inline-block!important;}
.list-rqjg-item select{width:8rem!important; border:none;}
.list-rqjg-item .tt{}
.list-rqjg .q{ font-weight:bold; }
.list-rqjg-item .text{ display:inline-block; margin-right:0.5rem; min-width:2.3rem;}
.list-rqjg-item .infor{ float:right; width:40%;padding-bottom:0.2rem;}
.list-rqjg-item .inforLeft{ float:left; width:40%;padding-bottom:0.2rem;}
.list-rqjg-item .fy{ clear:both; float:none; text-align:right; border-top:#eee 1px solid;}
.list-rqjg-item .fy .q{ color:#fd9807; font-size:0.75rem;}
.list-rqjg-item input{height: 1.5rem!important; width:3rem!important; background:#fff!important; border-radius:3px!important; border:#ccc 1px solid!important;}
.rqjg-bom{ text-align:right; border-bottom:#ccc 1px solid;padding: 0.25rem 0.75rem;}
.rqjg-bom input{background:#fff!important; border-radius:3px!important; border:#ccc 1px solid!important; height:1rem!important; width:1rem!important;}
.rqjg-bom .fy{ display:inline-block; margin-left:30px;}
.rqjg-bom  *{ vertical-align:middle;}
.rqjg-bom .q{color:#d00; font-size:1rem;}
.tt-rqjg{ position:relative;}
.tt-rqjg .btns{ position:absolute; right:0.25rem; top:0;}
.btn-add{ display:inline-block; border:#ddd 1px solid; background:#fafafa; border-radius:3px; padding:0.1rem 0.25rem;}
.btn-add .tt{font-size:1rem; font-weight:bold;}


.list-lcjd{padding: 0.5rem 0.75rem 0; text-align:center; clear:both;}
.list-lcjd .li-lcjd{ display:inline-block; width:5.2rem; margin-top:0.25rem; position:relative;}
.list-lcjd .li-lcjd:after{ position:absolute; content:""; display:inline-block; height:0.2rem; width:0.5rem; background:#ddd; right:-0.4rem;top:1rem;}
.list-lcjd .li-lcjd:last-child:after{ display:none;}
.list-lcjd .li-lcjd .text{ display:inline-block;padding: 0.25rem 0; width:4.8rem; text-align:center; border:#ddd 2px solid; border-radius:0.25rem; box-sizing:border-box;}
.list-lcjd .li-lcjd.on .text{ color:#fff; background-color:#d00; border-color:#d00;}


/*member*/
.flex-box {display: box;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-moz-box-align: center;-ms-box-align: center;box-align: center;-webkit-align-items: center;-moz-align-items: center;-ms-align-items: center;align-items: center;}
.item-pic{ position: relative; overflow: hidden; padding-top: 100%;line-height: 0; background:#fff url(../images/icon_peo.png) center center no-repeat; background-size:80% 80%; border-radius:50%;}
.item-pic img{ width:100%; height:100%; position: absolute; top: 50%; left: 50%; top: 0 \9; left: 0 \9; top: 50% \9 \0; left: 50% \9 \0; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}

.mem-bg {background-color: #ff6633;background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;position: relative;}
.member-head {background:#FC7D3C;position: relative;padding: 10px 20px 20px;}
.member-head .avatar {width: 28.5%;max-width: 100px;border: 5px solid rgba(255, 255, 255, 0.3);box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.5); border-radius:50%;}
.member-head .avatar.avatar-center {width: 34%;max-width: 150px;}
.member-head .info {position: relative;left: 0;top: 0;}
.member-head .info .name {text-shadow: 0 0 2px rgba(227, 109, 109, 0.9);}
.member-head .info .addr-guan {display: inline-block;background-color: #f56969;padding: 5px 15px;border-radius: 25px;}
.member-head .info .addr-guan.bg-blue {background-color: #5dacf4;}
.member-head .info .addr-guan img {width: 7px;vertical-align: -1px;}

.member-head .d-btn {display: block;padding: 4px 12px;border: 1px solid #fff;border-radius: 25px;color: #fff;}
.jifen-head {padding: 15px 10px;}
.memberDown {-webkit-animation: memberDown 1s ease-in;animation: memberDown 1s ease-in;}
@keyframes memberDown {
  0% {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
  }
  30% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  75% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
  85% {
    -webkit-transform: translateY(-3%);
    transform: translateY(-3%);
  }
  95% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
@-webkit-keyframes memberDown {
  0% {
    -webkit-transform: translateY(-120%);
    transform: translateY(-120%);
  }
  30% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  75% {
    -webkit-transform: translateY(5%);
    transform: translateY(5%);
  }
  85% {
    -webkit-transform: translateY(-3%);
    transform: translateY(-3%);
  }
  95% {
    -webkit-transform: translateY(2%);
    transform: translateY(2%);
  }
  100% {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  }
}
.memberLeft {-webkit-animation: memberLeft 1s ease-in;animation: memberLeft 1s ease-in;}
.memberLeft { color:#fff; font-size:0.8rem; padding-left:20px;}
.memberLeft .name{ font-size:1.5rem; margin:20px 0;}
.member-xx{ position:absolute; right:10px; bottom:10px; border-radius:5px; background:#0b8ad6; color:#fff; text-align:center; padding:5px 10px;}
@keyframes memberLeft {
  0% {
    opacity: 0;
    left: 100%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
@-webkit-keyframes memberLeft {
  0% {
    opacity: 0;
    left: 100%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}
/* ========================================================= */
.table-cell {
	    display: table-cell;color: #222225;
}
.member-nav{ padding:20px 0; border-top:#eee 2px solid; text-align:center; clear:both;}
.member-nav li{ display:inline-block; text-align:center; width:22%;}
.member-nav li a{ width:80px; display:inline-block; position:relative;}
.member-nav li p{ font-size:0.8rem;}
.member-nav li .num{ position:absolute; right:0px; height:22px; line-height:22px; min-width:22px; text-align:center; background:#f00; color:#fff; border-radius:50%; font-weight:bold;}
.member-nav .table-cell i {margin: 0 auto;}
.icon-gr{ display:inline-block; width:50px; height:50px; background:center center no-repeat; background-size:50px 50px;}
.icon-gr.icon-nx{ background-image:url(../images/icon-nx.png);}
.icon-gr.icon-ai-r{ background-image:url(../images/icon-ai-r.png);}
.icon-gr.icon-ai{ background-image:url(../images/icon-ai.png);}
.icon-gr.icon-dingying-r{ background-image:url(../images/icon-dingying-r.png);}
.icon-gr.icon-dingying{ background-image:url(../images/icon-dingying.png);}
.icon-gr.icon-double{ background-image:url(../images/icon-double.png);}
.icon-gr.icon-double-r{ background-image:url(../images/icon-double-r.png);}
.icon-gr.icon-unlock{ background-image:url(../images/icon-unlock.png);}
.icon-gr.icon-ne{ background-image:url(../images/icon-ne.png);}
.icon-gr.icon-nf{ background-image:url(../images/icon-nf.png);}
.icon-gr.icon-ni{ background-image:url(../images/kpi.png);}
.icon-gr.icon-nh{ background-image:url(../images/icon-nh.png);}
.icon-gr.icon-nw{ background-image:url(../images/icon-nw.png);}
.icon-gr.icon-nd{ background-image:url(../images/icon-nd.png);}
.icon-gr.icon-ng{ background-image:url(../images/icon-promo.png);}
.icon-gr.icon-nl{ background-image:url(../images/lowPrice.png);}
.icon-gr.icon-ma-sis{ background-image:url(../images/icon-ma-sis.png);}
.icon-gr.icon-pk{ background-image:url(../images/icon-pk.png);}
.icon-gr.icon-download{ background-image:url(../images/index/pc/icon_gongju_wanggexiazai.png);}
.icon-gr.icon-pk-one{ background-image:url(../images/icon-pk-one.png);}
.icon-gr.icon-grid-golden{ background-image:url(../images/icon-grid-golden.png);}
.icon-gr.icon-28-pt{ background-image:url(../images/icon-28-pt.png);}
.icon-gr.icon-trend-ma{ background-image:url(../images/icon-trend-ma.png);}
.icon-gr.icon-niu{ background-image:url(../images/icon-niu.png);}
.icon-gr.icon-xiong{ background-image:url(../images/icon-xiong.png);}
.icon-gr.icon-dong-stock{ background-image:url(../images/icon-dong-stock.png);}
.icon-gr.icon-bull-fund{ background-image:url(../images/icon-bull-fund.png);}
.icon-gr.icon-sidewaysmove{ background-image:url(../images/icon-sidewaysmove.png);}
.icon-gr.icon-chigu{ background-image:url(../images/icon-chigu.png);}
.icon-gr.icon-kzz{ background-image:url(../images/icon-kzz.png);}
.icon-gr.icon-huabao{ background-image:url(../images/icon-huabao.png);}
.icon-gr.icon-danjuan{ background-image:url(../images/danjuan.png);}
.icon-gr.icon-zhihu{ background-image:url(../images/icon-zhihu.png);}
.icon-gr.icon-chuancai{ background-image:url(../images/icon-chuancai.png);}
.icon-gr.icon-huabao-shuom{ background-image:url(../images/icon-huabao-shuom.png);}
.icon-gr.icon-haobuy{ background-image:url(../images/icon-haobuy.png);}
.icon-gr.icon-fire{ background-image:url(../images/icon-fire.png);}
.icon-gr.icon-tl{ background-image:url(../images/taoli.png);}
.icon-gr.icon-grid{ background-image:url(../images/icon-grid.png);}
.icon-gr.icon-grid-r{ background-image:url(../images/icon-grid-r.png);}
.icon-gr.icon-grid-auto-r{ background-image:url(../images/icon-grid-auto-r.png);}
.icon-gr.icon-arrow{ background-image:url(../images/icon-arrow.png);}
.icon-gr.icon-arrow-r{ background-image:url(../images/icon-arrow-r.png);}
.icon-gr.icon-ma{ background-image:url(../images/icon-ma.png);}
.icon-gr.icon-ma-r{ background-image:url(../images/icon-ma-r.png);}
.table {  width: 100%;  display: table;  table-layout: fixed;}
.tit-a{ border-bottom:#ddd 1px solid; padding:10px; font-weight:bold; font-size:0.9rem; }
.tit-b{ background:#06a7e6; color:#fff; font-size:1rem; text-align:center; padding:10px;}
.fix-top{ position: fixed; top:0; left:0; right:0;}
.box-tixian{ padding:10px;}
.text-ts{ padding:10px; background:#fee5be; color:#f55c11;}
.box-tixian .hr{ border-top:#ddd 1px solid; margin-top:10px; padding-top:10px;}
.box-tixian .text{ padding:5px; color:#999;}
.box-tixian .text2{ padding:5px; color:#d00;}
.inputs-a{ padding:10px;}
.inputs-a input{ margin:0 10px; display:inline-block; width:30%; border:#ddd 1px solid; padding-left:5%;}


.scroll{overflow-y: auto;overflow-x: auto;}
.scroll-v{overflow-y: auto;}
.scroll-h{overflow-x: auto;}

/* height */
.h14 { height: 14px; }
.h16 { height: 16px; }
.h18 { height: 18px; }
.h20 { height: 20px; }
.h22 { height: 22px; }
.h24 { height: 24px; }
.h100min { min-height: 100px; }

.wb30{width: 30%!important;}
.wb40{width: 40%!important;}
.wb50{width: 50%!important;}
.wb55{width: 55%!important;}
.wb67{width: 67%!important;}
/*width*/
.w20 { width: 20px; }
.w30 { width: 20px; }
.w50 { width: 50px; }
.w70 { width: 70px; }
.w80 { width: 80px; }
.w85 { width: 85px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w140 { width: 140px!important; }
.w150 { width: 150px!important; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px!important; }
.w220 { width: 220px; }
.w250 { width: 250px; }
.w280 { width: 280px; }
.w300 { width: 300px!important; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w350 { width: 350px!important; }
.w360 { width: 360px!important; }
.w367 { width: 367px!important; }
.w400 { width: 400px; }
.w460 { width: 460px; }
.w500 { width: 500px; }
.w600 { width: 600px!important; }
.w640 { width: 640px; }
.w700 { width: 700px; }
.w800 { width: 800px!important; }
.w850 { width: 850px!important; }
.w30p{width: 30%}
.w40p{width: 40%}
.w60p{width: 60%}
.w70p{width: 70%}
.w100p{width: 100%!important;}
.w0min{ min-width:0px!important;}
.w800min{ min-width:800px!important;}
.w900min{ min-width:900px!important;}


/* line-height */
.lh14 { line-height: 14px; }
.lh16 { line-height: 16px; }
.lh18 { line-height: 18px; }
.lh20 { line-height: 20px; }
.lh22 { line-height: 22px; }
.lh24 { line-height: 24px; }
.lh26 { line-height: 26px; }
.lh28 { line-height: 28px; }
/* margin */
.m0 { margin: 0!important; }
.m2{ margin:2px;}
.m5{ margin: 5px; }
.m10 { margin: 10px; }
.m20 { margin: 20px; }
.ml-18 { margin-left: -18px; }
.ml-40 { margin-left: -40px; }
.ml1 { margin-left: 1px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml50 { margin-left: 50px; }
.ml100 { margin-left: 100px; }
.ml220 { margin-left: 220px; }
.mr0 { margin-right: 0px!important; }
.mr1 { margin-right: 1px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr50 { margin-right: 50px!important; }
.mr100 { margin-right: 100px!important; }
.mt-20 { margin-top: -20px; }
.mt-30 { margin-top: -30px; }
.mt0 { margin-top: 0px!important; }
.mt1 { margin-top: 1px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt80 { margin-top: 80px!important; }
.mt100 { margin-top: 100px!important; }
.mb1 { margin-bottom: 1px; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.p0{padding:0px;}
.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p20{ padding:20px;}
.p50{ padding:50px;}
.p60{ padding:60px;}
.pt5{padding-top: 5px!important;}
.pt10{padding-top:10px!important;}
.pt15{padding-top:15px!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}
.pt45{padding-top: 45px!important;}
.pt50{padding-top:50px!important;}
.pt85{padding-top: 85px!important;}
.pb10{padding-bottom:10px!important;}
.pb15{padding-bottom:15px!important;}
.pb20{padding-bottom:20px!important;}
.pb30{padding-bottom:30px!important;}
.pb50{padding-bottom:50px!important;}
.pl0{padding-left: 0!important;}
.pl2{ padding-left:2px!important;}
.pl10{ padding-left:10px!important;}
.pl20{ padding-left:20px!important;}
.pl30{ padding-left:30px!important;}
.pl40{ padding-left:40px!important;}
.pl50{ padding-left:50px!important;}
.pl160{ padding-left:160px!important;}
.pl190{ padding-left:190px!important;}
.pr0{padding-right: 0!important;}
.pr10{ padding-right:10px!important;}
.pr20{ padding-right:20px!important;}
.pr30{ padding-right:30px!important;}
.pr50{ padding-right:50px;}
.pr150{ padding-right:150px;}
.bt0{border-top:0 none!important;}

/* font-size */
.f0 { font-size: 0!important; }
.f10 { font-size: 10px!important; }
.f12 { font-size: 12px!important; }
.f13 { font-size: 13px!important; }
.f14 { font-size: 14px!important; }
.f15 { font-size: 15px!important; }
.f16 { font-size: 16px!important; }
.f18 { font-size: 18px!important; }
.f20 { font-size: 20px!important; }
.f21 { font-size: 21px!important; }
.f24 { font-size: 24px!important; }
.f36 { font-size: 36px!important; }
.em15{ line-height:1.5em;}
.em2{ line-height:2em;}

.fb{font-weight:bold;}
.fn{ font-weight:normal!important;}
.t-indent{text-indent:2em;}
.underline{ text-decoration:underline;}

/* text-align */
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left!important; }

/* float */
.fl{ float: left; }
.fr { float: right; }


/*color*/
.underline{ text-decoration:underline!important;}
.color-fff{color:#fff!important;}
.color-green{color: #3d9006;}
.color-org{color: #ff8e15;}
.color-red{color: #c00;}
.color-grey{color: #c2c2c2;}
.color-aaa{color:#aaa;}
.color-ddd{color:#ddd;}
.color-333{color:#333;}
.color-777{color:#777;}
.color-888{color:#888;}
.color-999{color:#999;}


/*背景*/
.bg-blue{background:#022c6a;}
.bg-fff{background:#fff;}
.bg-white{background:#f9f9f9;}
.bg-gray{ background:#f7f7f7;}
.bg-blue{ background:#488bc0;}
.bg_none{ background:none!Important;}
.bg-darkblue{ background-color:#09294d;}
.bg_grey{background: #e7e7e7}

/* display */
.hide { display: none; }
.inlineblock { display: inline-block!important; }
.block { display: block; }

/*border*/
.border-gray{border:1px solid #ddd;}
.bb-no{border-bottom:0 none!important;}
.bt-no{border-top:0 none!important;}
.bl-no{border-left:0 none!important;}
.br-no{border-right:0 none!important;}
.br-yes{border-right:1px solid #d8dde1!important;}
.border-yes{border:1px solid #d8dbe7;border-radius:4px;overflow:hidden;}
.bb-blue4{ border-bottom:#7c92f1 4px solid;}
.bb{ border-bottom:#eee 1px solid!important;}
.bb10{ border-bottom:#eee 10px solid!important;}
.bor{ border:#ccc 1px solid;}
.bb-das{ border-bottom:#a8a8a8 1px dashed;}

/* clear */
.clear { clear: both; }
.pointer{ cursor:pointer;}

/* position */
.pre{ position:relative;}
.por{ position:absolute;}
.rel{ position: relative; }
.abs{ position:absolute; z-index:1;}
.t-5{ top:-5px;}
.t-10{ top:-10px;}
.t-17{ top:-17px;}
.t0{ top:0px;}
.t5{ top:5px;}
.t10{ top:10px;}
.t20{ top:20px;}
.t25{ top:25px;}
.t30{ top:30px;}
.t50{ top:50px;}
.t250{ top:250px;}
.l0{ left:0px;}
.l10{ left:10px;}
.l20{ left:20px;}
.l30{ left:30px;}
.b10{ bottom:10px;}
.r0{ right:0px!important;}
.r10{ right:10px!important;}
.r20{ right:20px!important;}
.r30{ right:30px!important;}
.r40{ right:40px!important;}
.r85{ right:85px!important;}
.r90{ right:90px!important;}
.r100{ right:100px!important;}

/* vertical-align */
.vm { vertical-align: middle; }
.vn { vertical-align: -2px; }

/* clear */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}
.clearfix:after {
  clear: both;
}
.auto { margin-left: auto; margin-right: auto; }
.cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.table-fixed{table-layout:fixed;}
.bd-none { border: 0; outline: none; }
.bt{ border-top:#e0e8ea 1px solid;}
.row{position:relative;clear: both; }
.row:before,
.row:after {display: table;line-height: 0;content: "";}
.row:after {clear: both;}