@charset "utf-8";
/* CSS Document */
html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-size: 62.5%; -webkit-tap-highlight-color :rgba(0, 0, 0, 0); -moz-tap-highlight-color :rgba(0, 0, 0, 0);}
body { margin: 0; font-size: 1.4rem; line-height: 1.5; color: #333333; background-color: #f5f5f5; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; max-width:64rem; margin:0 auto;}
/*body {font-family: Helvetica,STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Arial; margin: 0; font-size: 1.4rem; line-height: 1.5; color: #333333; background-color: #f5f5f5; height: 100%; overflow-x: hidden; -webkit-overflow-scrolling: touch; max-width:64rem; margin:0 auto;}*/
svg:not(:root) { overflow: hidden; }
a { background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: #333; }
a:active { outline: 0; }
a:active { color: #0088cc; }
b, strong { font-weight: bold; }
em,s,i{font-style:normal;}
img { border: 0; vertical-align: middle; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
legend { border: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
button, input, select, textarea { font-family: "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6, p, figure, form, blockquote { margin: 0; }
ul, ol, li, dl, dd { margin: 0; padding: 0; }
ul, ol { list-style: none outside none; }
.num{font-family:Arial;}
.yahei{font-family:Microsoft Yahei;}
h1, h2, h3 { line-height: 2; font-weight: normal; }
h1,.font1_8 { font-size: 1.8rem; }
h2,.font1_6 { font-size: 1.6rem; }
h3{ font-size: 1.4rem; }
small {font-size: 80%; }
smaller {font-size: 75%; }
.red{color:#FF3E43;}
.green{color:#91CC71;}
.blue{color:#62D0FF;}
.blue_s{color:#4873bc;}
.grey_s{color:#666;}
.grey{color:#999;}
.org{color:#ee7800;}
.bj-red{color:#FF3E43;}
.bj-green{color:#88FF94;}
.bj-blue{color:#62D0FF;}
.bj-grey{color:#999;}
.bj-org{color:#ee7800;}
.txt-yel{color:#ee7800;}
.pd-l{margin-left:1rem;}
.pd-t-b{padding:1rem 0;}
.mg-t{margin-top:1rem;}
.mg-t-big{margin-top:2rem;}
.mg-r{margin-right:0.5rem;}
.mg-l-r{margin:0 0.5rem;}
.txt-center{text-align:center;}
.clearfix{clear:both;}
.bj-white{background:#fff;}
.fl{float:left;}
.fr{float:right;}
.cl::before,.cl::after{content:""; clear:both; display:table;}
input::-webkit-input-placeholder,input::-moz-input-placeholder,input::-ms-input-placeholder {color:#ccc;}

/*--我的--*/
.mine-header{margin:0; width:100%; min-height:12rem; position:relative; background: url(../images/person.jpg) no-repeat 0 0; background-size:cover;}
.top-opt-icon{position:absolute; right:1rem; top:1rem;}
.top-opt-icon a{color:#f5f5f5; display:inline-block; text-align:center; margin-left:1rem; line-height:1.2;}
.top-opt-icon i{font-size:1.2rem;}
.top-opt-icon p{font-size:1rem;}
.top-opt-icon em{position:absolute; right:-0.2rem; top:0; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:#FF3E43; width:0.5rem; height:0.5rem; display:block;}
.mine-header .user-info{ padding-top:2.2rem;}
.mine-header .user-info::after,.mine-header .user-info::before{clear:both; content:""; display:table;}
.mine-header .user-info .t-pic{border-radius:50%; width:5rem; height:5rem; margin:0 auto;}
.mine-header .user-info .t-pic img{border-radius:50%;  width:5rem; height:5rem;}
.mine-header .user-info .t-info{ text-align:center;}
.mine-header .user-info .t-info .name{padding:.5rem 0 1rem 0; color:#f5f5f5;overflow:hidden; vertical-align:middle; text-align:center;}
.mine-header .user-info .t-info h2,.mine-header .user-info .t-info h2 a{color:#bab9b9; display:inline-block; line-height:3rem;}
.mine-header .user-info .t-info h2 a{margin:0 0.5rem;}
.mine-header .user-info .t-info i{color:#bab9b9; font-size:2rem; margin-left:0.3rem;  vertical-align:middle;}
.mine-header .user-info .grade{background:rgba(255,255,255,.5); color:#f5f5f5; font-size:1.2rem; padding:0.1rem 0.5rem; float:left; border-radius:0.1rem;}
.mine-header .gz-sl-box{margin-bottom:1.0rem;}
.mine-header .mine-opt{position:absolute; right:1rem; bottom:1rem;}
.mine-header .mine-opt a{display:inline-block; margin-left:1rem; background:rgba(255,255,255,.5); color:#f5f5f5; padding:0.2rem 0.8rem; border-radius:0.2rem;}
.mine-header .mine-opt i{font-size:1.2rem; vertical-align:middle; margin-right:0.3rem;}
.columns{margin-bottom:0.4rem; background:#fff; padding:1.4rem;}
.columns:first-child{margin-top:0.5rem; margin-bottom:1rem;}
.columns .tit{height:2rem;  line-height:2rem; cursor:pointer;}
.columns .tit::after,.columns .tit::before,.columns .con::after,.columns .con::before{clear:both; content:""; display:table;}
.columns .tit .name i{font-size:2rem; color:#252525;  float:left; margin-right:0.7rem}
.columns .tit .name span{font-size:1.4rem; color:#252525;}
.columns .tit .more i{font-size:1.2rem; color:#848689; float:right;}
.columns .tit .more span{font-size:1.2rem; color:#848689; margin-right:0.7rem}
.columns .con{border-top:0.1rem solid #f5f5f5; padding:1rem 0 0 0; margin-top:1rem;}
.columns .con a{width:25%; text-align:center; float:left; display:block; position:relative; border-left:1px solid #f5f5f5; box-sizing:border-box;}
.columns .con a:first-child{border:0;}
.columns .con i{font-size:2rem; color:#252525;}
.columns .con p{font-size:1.2rem; color:#252525;}
.columns .tit .name i.icon-ccd-3d,.icon-ccd-3d{width:2rem; height:2rem; display:inline-block; background:#252525; border-radius:0.5rem; color:#fff; text-align:center; line-height:2rem; font-size:1.5rem;}
.columns .tit .name i.icon-ccd-xq,.icon-ccd-xq{width:1.6rem; height:1.6rem; display:inline-block; background:#fff; border:1px solid #252525; border-radius:50%; color:#252525; text-align:center; line-height:1.6rem; font-size:1.1rem;}
.columns.address1{margin-top:1rem;}
.columns.address2{margin-bottom:1rem;}
.btn-padding{padding: 10px 0px;}
.button-style{margin-left:5%;margin-right:5%;}