html,body{ width:100%; max-width:640px; margin:auto; font-size:22px; line-height:1.45; font-family:"微软雅黑","Microsoft Yahei","sans-serif"; color:#333;}
body{background:#fff;}
@media screen  and (max-width: 320px){html,body{ font-size:12px;}}
@media screen  and (min-width: 321px) and (max-width: 420px){html,body{ font-size:16px;}}
@media screen  and (min-width: 421px) and (max-width: 500px){html,body{ font-size:19px;}}
@media screen  and (min-width: 501px){html,body{font-size:22px;}html{background-color:#282828}body{background-color:#FFF}}
*{ margin:0px; padding:0px;_word-break:break-all}
img{border:none;}.img100 img{ width:100%;}
ul,ol,li,dl,dt,dd{list-style:none;}
a{text-decoration:none; color:#333;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{ text-decoration:none;}
a:active{text-decoration:none; color:#F06;}
i{font-style:normal;}
input{font-family: "Arial,微软雅黑","Microsoft Yahei",sans-serif,SimSun;color:#333;outline: none;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset !important;}
textarea{outline:none;}label{ margin-bottom:0; font-weight:normal;}
.clearfix{_zoom:1}
.clearfix:after{content:"\0020";display:block;height:0;clear:both}
*+html .clearfix{overflow:hidden}
div, form, img, ul, ol, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6，button, input, select, textarea {font-size: 100%;border: 0}
address, cite, dfn, em, var {	font-style: normal}
code, kbd, pre, samp {font-family: courier new, courier, monospace;}
.blk,.blk3,.blk5,.blk6,.blk8,.blk10,.blk14,.blk15,.blk20,.blk25,.blk30,.blk36{clear: both; font-size: 1px;line-height: 1px; display:block;}
.blk3{height: 3px;}.blk5{height: 5px;}.blk6{height: 6px}.blk8{height: 8px}.blk10{height: 10px}.blk14{height: 14px}.blk15{height: 15px}.blk20{height: 20px}.blk25{height: 25px}.blk30{height: 30px}.blk36{ height:36px;}

.warp{ width:100%;}
.fl{ float:left;}.fr{ float:right;}.cle{ clear:both;}
.op5{ opacity:0.5}.op7{ opacity:0.7}.op8{ opacity:0.8}
.ovt{overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;}
.bgfff{ background:#FFF;}.bgf8{background-color:#f3f3f3;}

.bx{ box-sizing:border-box;}
.flex{ display:flex;}.flex1{ flex:1;}.flex2{ flex:2;}.flex2{ flex:3;}
.flex-ss{display:flex; align-items: flex-start; justify-content:flex-start;}
.flex-sc{display:flex; align-items: flex-start; justify-content:center;}
.flex-sb{display:flex; align-items: flex-start; justify-content:space-between;}
.flex-stc{display:flex; align-items: stretch; justify-content:center;}
.flex-cs{display:flex; align-items: center; justify-content:flex-start;}
.flex-cc{display:flex; align-items: center; justify-content:center;}
.flex-ce{display:flex; align-items: center; justify-content:flex-end;}
.flex-cb{display:flex; align-items: center; justify-content:space-between;}
.flex-ca{display:flex; align-items: center; justify-content:space-around;}
.flex-col-cc{display:flex; flex-direction:column; align-items: center; justify-content:center; }
.flex-col-cs{display:flex; flex-direction:column; align-items: flex-start; justify-content:center; }
.flex-col-sb{display:flex; flex-direction:column; align-items: space-between; justify-content:center; }

.text-right{text-align:right;}
.text-left{text-align:left;}
.text-center{text-align:center;}

@media screen and (max-width: 320px){
.order-page .item-head{font-size:8px;}
}
@media screen and (min-width: 321px) and (max-width: 399px){ 
.follow-page .follow-item{ padding-right:1.4rem;}
.order-page .item-head{font-size:10px;}
}
@media screen  and (min-width: 400px) and (max-width: 500px){
.follow-page .follow-item{ padding-right:1.4rem;}
.order-page .item-head{font-size:13px;}
}
@media screen  and (min-width: 501px){

}
@media screen  and (width: 360px){
.order-page .item-head{ font-size:0.78rem;}
}

/*按钮*/
.submit-btn-blue{ display:block; text-align:center; margin-bottom:2rem; padding-top:1rem;}
.submit-btn-blue button{ padding:0.6rem 1.5rem 0.5rem; font-size:1.2rem; background-color:#115daa; color:#FFF; text-align:center; border:none; border-radius:0.4rem;}

.btn-blue-a{ display:block; text-align:center;}
.btn-blue-a a{ padding:0.3rem 1rem; font-size:1rem; background-color:#115daa; color:#FFF; border-radius:0.4rem;}

/*编辑用户资料页(用户)*/
.userinfo-page .form-item{ display:flex; align-items: center;justify-content:space-between; padding:1.2rem 1rem; margin-bottom:0; border-bottom:1px solid #e6e6e6; font-size:1rem; background-color:#FFF;}
.userinfo-page .contner{ padding:0.6rem 0 6rem; background-color:#fafafa;}
.userinfo-page .form-item .control-label{ margin-bottom:0; font-size:1rem; font-weight:normal;}
.userinfo-page .form-item2{padding:0 0 1rem; margin-bottom:0; border-bottom:1px solid #e6e6e6; font-size:1rem; background:#FFF;}
.userinfo-page .form-item2 .textarea{ padding:0 1rem;}
.userinfo-page .form-item3{border-bottom:none;}
.userinfo-page .form-input{ border:0; text-align:right; padding-right:0.6rem; background:url(../img/adviser/btn_Arrow_d.png) right center no-repeat; background-size:auto 0.8rem;}
.userinfo-page .avatar img{ height:3rem;}
.userinfo-page .thumb-btn img{ height:3rem; margin-left:2rem;}
/*修改密码*/
*/.resetPwd-page{}
.form-items{ margin:0 1rem;}
.form-items .item-row{ padding:0.4rem 1.2rem; border:1px solid #CCC; border-radius:0.6rem; background-color:#fafafa; color:#333;}
.form-items .item-row .text-input{ background:none;}
.form-items .item-row .item-tit{ width:5.2rem; white-space:nowrap;}

.pt1{ padding-top:1rem;}.pt1_2{ padding-top:1.2rem;}.pt1_5{ padding-top:1.5rem;}.pt1_8{ padding-top:1.8rem;}
.pt2{ padding-top:2rem;}.pt2_2{ padding-top:2.2rem;}.pt2_4{ padding-top:2_4rem;}.pt2_6{ padding-top:2.6rem;}
.pt3{ padding-top:3rem;}.pt3_2{ padding-top:3.2rem;}.pt3_4{ padding-top:3.4rem;}.pt3_6{ padding-top:3.6rem;}
.pb1{ padding-bottom:1rem;}.pb1_2{ padding-bottom:1.2rem;}.pb1_5{ padding-bottom:1.5rem;}.pb1_8{ padding-bottom:1.8rem;}
.pb2{ padding-bottom:2rem;}.pb2_2{ padding-bottom:2.2rem;}.pb2_4{ padding-bottom:2_4rem;}.pb2_6{ padding-bottom:2.6rem;}
.pb3{ padding-bottom:3rem;}.pb3_2{ padding-bottom:3.2rem;}.pb3_4{ padding-bottom:3.4rem;}.pb3_6{ padding-bottom:3.6rem;}
.mt03{ margin-top:0.3rem;}.mt04{ margin-top:0.4rem;}.mt06{ margin-top:0.6rem;}.mt08{ margin-top:0.8rem;}.mt09{ margin-top:0.9rem;}
.mt1{ margin-top:1rem;}.mt1_2{ margin-top:1.2rem;}.mt1_5{ margin-top:1.5rem;}.mt1_8{ margin-top:1.8rem;}
.mt2{ margin-top:2rem;}.mt2_2{ margin-top:2.2rem;}.mt2_5{ margin-top:2.5rem;}.mt2_8{ margin-top:2.8rem;}
.mb1{ margin-bottom:1rem;}.mb1_2{ margin-bottom:1.2rem;}.mb1_4{ margin-bottom:1.4rem;}.mb1_6{ margin-bottom:1.6rem;}
.mb2{ margin-bottom:2rem;}.mb2_2{ margin-bottom:2.2rem;}.mb2_4{ margin-bottom:2.4rem;}.mb2_6{ margin-bottom:2.6rem;}
.ml1{ margin-left:1rem;}.ml1_2{ margin-left:1.2rem;}.ml1_4{ margin-left:1.4rem;}

.customModal{ width:18rem; position:absolute; top:30%; left:50%; margin-left:-9rem; margin-right:0; margin-bottom:0;}
.customModal .modal-item{ position:relative; height:100%; border:0; border-radius:0.5rem; box-shadow:none; background-color:#FFF;}
.customModal .itemhead{ position:relative; padding:1.4rem 1rem 0.4rem;}
.customModal .itemhead h3{ font-size:1.2rem; line-height:1.5;}
.customModal .itemhead .top-cancel{ position:absolute; right:1rem; top:1.3rem;}
.customModal .itemhead img{ width:1.6rem;}
.customModal .itemcont{ padding:1.5rem 0 2rem;}
.customModal .itemfoot{ padding-bottom:1.5rem; margin:0 0.6rem; color:#666;}
.customModal .itemfoot .primary a{ color:#FFF;}
.customModal .itemfoot span{ padding:0.2rem 0.7rem; border-radius:0.5rem; border:1px solid #bfbfbf; color:#666;}
.customModal .itemfoot span.blue{ background-color:#115daa; color:#FFF;}
/*支付方式*/
.buy-payment{padding:0 0.8rem 15rem;}
.buy-payment h4{ padding:1.2rem 0;}
.buy-payment ul{ margin:0 1.7rem; padding-top:0.8rem;}
.buy-payment label{ display:block; text-align:center;}
.buy-payment p img{ width:2.8rem;}
.buy-payment span{ display:block;font-size:0.8rem; color:#666;}
/*支付按钮*/
.buy-paybtn{ height:3rem; position:fixed; left:0; right:0; bottom:3.8rem;}
.buy-paybtn .paybtn-cont{ width: 100%; max-width:640px; height: 100%; margin:0 auto;  background-color: #fff; border-top:1px solid #dadada;}
.buy-paybtn h3{ float:left; width:60%; height:3rem; line-height:3rem; text-align:center; font-size:1.2rem;}
.buy-paybtn h3 font{ color:#ff7011;}
.buy-paybtn button{ float:left; width:40%; height:100%; background-color:#ff7011; color:#FFF; border:none;}
.buy-paybtn.btm{ bottom:0;}
.buy-paybtn .left{ flex:1; text-align:center; color:#a5a5a5;}