@charset "utf-8";
@import "base.css";

/****************顶部提示*****************/
.tips { width: 100%; padding:0.19rem 0 0.19rem 0.30rem; color: #FF5827; font-size: 0.28rem; line-height: 0.44rem; background:#FDEFD8; }
/****************普通列表*****************/
.normal-list {  background-color: #FFF; }
.normal-list h2 { border-bottom: 1px solid #ededed; text-indent: 0.30rem; font-size: 0.30rem; font-weight: normal; line-height: 0.89rem; }
.normal-list .normal-list-ul li {margin-left: 0.30rem; border-bottom: 1px solid #ededed; font-size: 0.30rem; line-height: 0.89rem; overflow: hidden;/* background-color: #FFF;*/  }
.normal-list .normal-list-ul li .title{width: 2.84rem; color: #666;    float: left;    display: block;}
.normal-list .normal-list-ul li.last { border-bottom: none; }
.normal-list .normal-list-ul li.confirmBlue i.btn-confirm { background-image: url(../../images/confirm_blue.png); }
.normal-list .normal-list-ul li.confirmGrey i.btn-confirm { background-image: url(../../images/confirm_grey.png); }
.normal-list .normal-list-ul li i.right-angle { float: right; display: inline-block; width: 0.16rem; height: 0.30rem; margin-top: 0.30rem; margin-right: 0.30rem; background-image: url(../../images/right_angle.png); background-size: 100% 100%; }
/*有右尖括号的列表*/
.right-angle-list-box .normal-list { border-bottom: none; }
.right-angle-list-box .normal-list .normal-list-ul li { margin-left: 0; padding-left: 0.30rem; }
.right-angle-list-box .normal-list .leftInfo {float: left; padding: 0.15rem 0; }
.right-angle-list-box .normal-list .leftInfo h3.title { font-size: 0.30rem; font-weight: normal; line-height: 0.50rem; }
.right-angle-list-box .normal-list .leftInfo p.info { font-size: 0.28rem; color: #999; line-height: 0.50rem; }

/****************按钮*****************/
.btn-box { margin-left: 0.30rem; margin-right: 0.30rem; overflow: hidden; }
.btn { display: inline-block; width: 47%; height: 0.88rem; font-size: 0.36rem; text-align: center; line-height: 0.88rem; border-radius: 0.04rem; }
.btn-blue { background-color: #00a2ff; color: #FFF;  }
.btn-grey { background-color: #F2F2F2; color: #00a2ff; border: 1px solid #00a2ff; }
.btn-white { background-color: #ffffff; color: #929292; border: 1px solid #cccccc; }
.btn-bluelight { background-color: #ffffff; color: #00a2ff; border: 1px solid #00a2ff; }
.white-btn { height: 0.78rem; background-color: #ffffff; color: #929292; font-size: 0.36rem; text-align: center; line-height: 0.78rem; display: block; border: 1px solid #cccccc; letter-spacing: 0.05rem; border-radius: 0.4rem; }
.white-btn:active{color:#fff;background-color:#00a2ff}

/******************手风琴**********************/
.accordion { width: 100%; background: #f2f2f2; }
.accordion .link { display: block; padding: 0.13rem 0; font-size: 0.28rem; border-bottom: 1px solid #CCC; position: relative; color: #000; text-align: center; }
.accordion .link i { position: absolute; top: 0.16rem; left: 0.12rem; font-size: 0.18rem; color: #666666; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion li.open i.chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.accordion li i.chevron-down { display: block; width: 0.18rem; height: 0.10rem; right: 0.35rem; left: auto; margin-top: 0.08rem; background: url(../../images/down_angle.png) no-repeat center; background-size: 100% 100%; }
.accordion .submenu { display: none; background: #fff; font-size: 0.14rem; }
.accordion .submenu li { border-bottom: 1px solid #ccc; overflow: hidden; padding: 0.15rem 0.30rem; }

/*******************************轮播*******************************/
.slidebox { position: relative; overflow: auto; }
.slidebox ul { list-style: none; }
.slidebox ul li { float: left; background: #F2F2F2; }
.slidebox ul li .pic { background: #F2F2F2; }
.slidebox ul li .pic img { width: 100%; height: 2.80rem; }
.slidebox .btn, .slidebox .dot { -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: dropshadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); }
.slidebox .dots { position: absolute; right: 0.15rem; bottom: 7px; height: 0.23rem; z-index: 100; }
.slidebox .dots li { display: inline-block; width: 0.14rem; background: #fff; height: 0.14rem; margin: 0 4px; text-indent: -999em; border-radius: 0.14rem; cursor: pointer; /* opacity: .4;*/
    -webkit-transition: background .5s, opacity .5s; -moz-transition: background .5s, opacity .5s; transition: background .5s, opacity .5s; }
.slidebox .dots li.active { background: #00a2ff; opacity: 1; }
.dotsbg { position: absolute; bottom: 7px; background: #000; opacity: 0.25; width: 100%; height: 0.40rem; z-index: 99; }

/*******************************消息列表*******************************/
.messagelist { padding: 0.35rem 0; }
.messagelist h1 { height: 0.34rem; font-size: 0.28rem; font-weight: normal; margin: 0; padding: 0; }
.messagelist p { color: #929292; font-size: 0.22rem; line-height: 0.32rem; }
.messagelist .icon { width: 0.58rem; height: 0.66rem; float: left; padding-left: 0.18rem; text-align: center; }
.messagelist .icon span { width: 0.48rem; height: 0.48rem; }
.messagelist .text { height: 0.66rem; padding-left: .6rem; margin-left: 0.76rem; }
.messagelist .text b { font-weight: normal; color: #929292; font-size: 0.14rem; position: absolute; right: 0.20rem; }

/*******************************头部*******************************/
.head { background: #00a2ff; color: #fff; font-size: 0.46rem; line-height: 0.46rem; text-align: center; height: 0.88rem; }
.head .little { font-size: 0.24rem; line-height: 0.24rem; }
.return-icon { position: absolute; width: 0.21rem; height: 0.31rem; left: 0.30rem; top: 0.45rem; background: url(../../images/left_angle.png); background-size: 100% 100%; }
.index-set { position: absolute; width: 0.46rem; height: 0.29rem; right: 0.30rem; top: 0.50rem; background: url(../../images/index_set.png); background-size: 100% 100%; }

/**********确认后跳转弹框*******************************************/
.pob { width: 5rem; height: 3.0rem; /*border: 1px solid #1aa4ec;*/ font-family: "微软雅黑"; position: absolute; }
.pob_tit { height: 0.6rem; line-height: 0.6rem; background: #1aa4ec; padding-left: 0.3rem; color: #fff; font-size: 0.3rem;  }
.pob_tit img { padding: 0.1rem 0.12rem 0 0; float: left; width: .44rem; height: .44rem; }
.pob_nr { min-height: 1.8rem; background: #fff; color: #666; /*padding-top: 0.58rem;*/-moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius:15px;  }
.pob_nr p { padding: 0.3rem 0.1rem; text-align: center; font-size: .3rem;}
.pob_foot { cursor: pointer; height:0.8rem; border-top: 1px solid #cfcfcf; ; /*padding-top: 0.1rem;*/ }
.pob_foot .pob_foot_conform_y{text-align: center;display: inline-block;width: 49%;border-right: 1px solid #cfcfcf;line-height: 0.8rem;overflow: hidden;color: #1aa4ec;}
.pob_foot .pob_foot_conform_n{text-align: center;display: inline-block;width: 49%;line-height: 0.8rem;overflow: hidden;color: #1aa4ec;}
.pob_foot a { display: block; margin: 0 0.08rem; height: .75rem; /* width: 2.82rem; background: #1aa4ec;  */color: #1aa4ec; text-align: center; font-size: 0.3rem; line-height: .75rem; text-decoration: none; }
/**********登录页面*******************************************/
.login-user { background-color: #f2f2f2; color: #929292; }
.login-box { margin-top: 0.2rem; background-color: #ffffff; border-bottom: 1px solid #cccccc;}
.login-box .block { margin-left: 0.3rem; height: 0.89rem; border-bottom: 1px solid #cccccc; line-height: 0.89rem; }
.login-box .block-last { border-bottom: 0 solid #cccccc; }
.login-box .block .block-name { position: absolute; color: #929292;}
.login-box .block input { padding-left: 1.6rem; border: 0; font-size: 0.3rem; outline: none; width:4.5rem; }
.login-box .block .password-input { width: 4rem; }
.login-box .block img { float: right; margin-right: 0.47rem; margin-top: 0.34rem; cursor: pointer; width: 0.32rem; height: 0.22rem; }
.login-btn { margin-left: .35rem; margin-top: .6rem; margin-right: .35rem; cursor: pointer; }
.login-forget { float: left; margin-left: 0.3rem; cursor: pointer; }
.login-registered { float: right; margin-right: 0.2rem; cursor: pointer; }
.login-registered a{color:#929292;}
.login-buttom { margin-top: 0.32rem; font-size: .26rem; overflow: hidden; color: #929292;}

/**********注册页面*******************************************/
.registered-box { margin-top: 0.2rem; background-color: #ffffff; border-bottom: 1px solid #cccccc; }
.registered-box .block { margin-left: 0.2rem; line-height: 0.79rem; border-bottom: 1px solid #cccccc; }
.registered-box .block-last { border-bottom: 0 solid #cccccc; position: relative;}
.registered-box .block .block-name { position: absolute; color: #929292; }
.registered-box .block input { padding-left: 1.4rem; border: 0;  }
.registered-box .block .pswOne { width: 5rem;  }
.registered-box .block .password-input { width: 3.3rem; }
.registered-box .block .pswTwo { width: 5rem;  }
.registered-box .block img { float: right; margin-right: 0.2rem; margin-top: 0.24rem;height: 0.22rem;}
.registered-btn { margin-left: 0.3rem; margin-top: .5rem; margin-right: 0.3rem; cursor: pointer; }
.square-btn { border-radius: 0; }
.registered-buttom { margin-left: 0.3rem; margin-top: .3rem; }
.registered-buttom a { color: #00a2ff; }
.registered-buttom img { float: left; width: 0.24rem; height: 0.24rem; margin: 0.06rem 0.1rem 0 0.5rem; }
.personal-identification-number {position: absolute;right: 0;float: right; border-left: 1px solid #cccccc; padding-left: 0.02rem; padding-right: 2rem; color: #00a2ff; cursor: pointer; }
.registered-box .warn { font-size: 0.3rem; color: #ff6600; position: absolute; top: 0.2rem; right: 0; display: inline-block; padding-right: 2rem; display: none }

/**********密码找回页面*******************************************/
.forget-password-box { margin-top: 0.2rem; background-color: #ffffff; border-bottom: 1px solid #cccccc; }
.forget-password-box .block { margin-left: 0.2rem; line-height: 0.89rem; border-bottom: 1px solid #cccccc; }
.forget-password-box .block-last { border-bottom: 0 solid #cccccc; }
.forget-password-box .block .block-name { position: absolute; color: #929292;}
.forget-password-box .block input { padding-left: 1.4rem; border: 0; font-size: 0.3rem; color: #000; width: 4rem;}
.forget-password-box .block .password-input { width: 3.3rem; }
.forget-password-box .block .pswTwo { width: 4rem; }
.forget-password-box .block img { float: right; margin-right: 0.3rem; margin-top: .3rem; cursor: pointer; height: 0.22rem; }
.forget-password-btn { margin-left: 0.3rem; margin-top: 0.6rem; margin-right: .3rem; cursor: pointer; border-radius: 0.08rem; }
.personal-identification-number {text-align:center; float: right; border-left: 1px solid #cccccc; color: #00a2ff;font-size: .3rem;width: auto; font-size: .3rem;padding: 0 .2rem;bottom: 0; }

/*****/
::-webkit-input-placeholder {   color: #ccc;}
:-moz-placeholder {    color: #ccc;}
::-moz-placeholder {    color: #ccc;}