body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td,section,p,span,font,div{margin:0;padding:0;font-family:"Microsoft yahei";color:#333;}
body,button,input,select,textarea{font:12px/1.5 tahoma,arial,\5b8b\4f53;font-family:"Microsoft yahei";}
h1,h2,h3,h4,h5,h6{font-size:100%;font-family:"Microsoft yahei";}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:"Microsoft yahei";}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;color: #333;}
a:hover{text-decoration: underline;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}

.form-container{padding:25px 15px;}
.form-field{overflow: hidden;position: relative;padding: 4px 0;background-color: #fff;margin: 0 -15px;padding: 4px 15px;}
.form-field:first-child{border-bottom: 1px solid rgba(100,100,100,0.1);}
.form-field input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], select, textarea {
	width: 100%;
	height: 35px;
	-webkit-appearance: none;
	padding: 5px 15px 5px 25px;
	line-height: 25px;
	-webkit-user-select: text;
	border: 0;
	border-radius: 3px;
	outline: 0;
	font-size: 17px;
	box-sizing: border-box;
	border-style:none
}
.form-field input:active,.form-field input:focus{outline: 0;}
button, input[type=button], input[type=reset], input[type=submit] {
	width: 100%;
	padding: 5px 2px;
	margin-bottom: 0;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.42;
	color: #333;
	text-align: center;
	white-space: nowrap;
	vertical-align: top;
	background-clip: padding-box;
	border-radius: 3px;
	-webkit-transition: all;
	transition: all;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
	line-height: 23px;
	box-sizing: border-box;
	outline: 0;
}
.bg-gray{background-color: #E9EBED;}
.bg-gray-light{background-color: #EEEEEE;}
.bg-black{background-color: #1E1E1E;}
.bg-blue{background-color: #21ADFD;}
.bg-pink{background-color: #FC6AAB;}
.bg-orange{background-color: #FF7B06;}
.bg_cyan{background-color: #95DC85;}
.bg_violet{background-color: #858FDC;}
.bg-gray-weight{background-color: #9B9B9B;}
.gc-yellow{color: #fcc814;}
.gc-orange{color: #ff7e00;}
.gc_3{color: #333;}
.gc_9{color: #999;}
.icon{background: url(icon.png) no-repeat;width: 17px;height: 17px;display: inline-block;background-size: 50px;}

.form-field .phone{width: 16px;height: 16px;display: inline-block;background-position: -36px -35px;position: absolute; top: 14px;}
.form-field .email{width: 16px;height: 16px;display: inline-block;background-position: 0 -68px;position: absolute; top: 15px;}
.form-field .tel{width: calc(100% - 110px);width: -moz-calc(100% - 110px);width: -webkit-calc(100% - 110px);float: left;border: 0;outline: 0;}
.form-field .pw1{width: 16px;height: 16px;display: inline-block;background-position: -36px -68px;position: absolute; top: 14px;}
.form-field .pw2{width: 16px;height: 16px;display: inline-block;background-position: 0 -95px;position: absolute; top: 14px;}
.form-field .code-btn,.form-field .code-btn:focus{width: 110px;float: left;background-color: #21ADFD;border: 1px solid #3BB5FD;color: #fff;}
.form-field .code-btn:active{outline: 0;background-color: #1293DE;}
.form-field .code-btn.disabled{background-color: #9DD8F9;border: 1px solid #A7DCF9;outline: none;}
.form-field .code-input{border: 0;outline: 0;}
.next{background-color: #8CCDBE;border: 0;color: #fff;height: 50px;margin-top: 20px;box-shadow: 0 2px #7ECEBC;}
.next.active{background-color: #02CD9D;box-shadow: 0 2px #02B88D;color: #fff;}
.active:active{background-color:#05AF86;box-shadow: 0 2px #009C77;}
.section{
	display: table;
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}
.section h3{width: 100%;line-height: 25px;position: absolute;font-size: 24px;text-align: center;font-weight: normal;color: #999;top: 25px;}
.section .change{border-radius: 8px;border: 1px solid #ccc;position: absolute;background-color: #fff;font-size: 14px;color: #7f8793;line-height: 18px;padding: 0 5px;top: 60px;right: 15px;text-decoration: none;outline: 0;}
.section .enter{position: absolute;width: 150px;height: 45px;background-color: #47494B;bottom: 15px;left: 50%;margin-left: -75px;font-size: 17px;color: #fff;line-height: 45px;text-align: center;text-decoration: none;}
.mid-cont{
	padding-left: 12px;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
}
.column-3{width: 33.3%;float: left;box-sizing: border-box;padding-right: 12px;margin-bottom: 12px;position: relative;}
.column-3 .layer{position: absolute;left: 0; top: 0;width: 100%;height: 100%;background: #000 url(tick.png) no-repeat center center;opacity: 0.6;-webkit-opacity: 0.6;background-size: 20px;}
.column-3 a{display: block;line-height: 0;position: relative;}
.column-3 a .tag{ background-color:rgba(0,0,0,0.5);color: #fff;padding: 0 5px;border-radius: 3px;position: absolute;left: 6px;bottom: 6px;font-size: 17px;line-height: 24px;height: 24px;}
.column-3 img{width: 100%;}


.cover-select{padding-left: 12px;width: 100%;box-sizing: border-box;margin-top: 30px;}

.title-bar{height: 44px;overflow: hidden;font-size: 17px;color: #fff;line-height: 44px;text-align: center;}
.title-bar .back{height: 25px;width: 20px;background: url(icon.png) no-repeat 8px 8px;background-size: 50px;display: block;float: left;padding: 8px;margin: 1px -20px -8px 0;}
.checkbox{width: 25px;height: 25px;background: #0C7AFF url(icon.png) no-repeat;background-position: -31px 8px;background-size: 50px;position: absolute;border-radius: 50%;right: 5px;bottom: 5px;border: 1px solid #ccc;}
.title-bar .back2{height: 20px;width: 20px;background: url(icon.png) no-repeat 8px -25px;background-size: 50px;display: block;float: left;padding: 8px;margin: 1px -20px -8px 0;}

.activity-item{padding: 9px 10px;margin-top: 13px;background-color: #fff;position: relative;overflow: hidden;border-bottom: 1px solid #BBBBBB;}
.activity-item .item-title{font-size: 18px;height: 27px;line-height: 27px;overflow: hidden;}
.item-title .cate{color: #fff;font-size: 12px;padding: 0 3px 0 3px;line-height: 18px;margin: 4px 5px 0 0;border-radius: 3px;display: block;float: left;}
.activity-item img{max-width: 100%;margin: 5px 0;}
.activity-item .date{color: #888;}
.activity-item .join{font-size: 15px;color: #666;}
.join a{color: #21adfd;font-size: 16px;display: block;float: right;border: 1px solid #21adfd;padding: 0 8px;border-radius: 4px;}
.activity-item .status{transform: rotate(45deg); -webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);position: absolute;top: 10px;right: -32px;color: #fff;width: 100px;text-align: center;}
.join a.gray{color: #666;border-color:#666;}

.fullpage{position: relative;}
.fullpage p{text-align: center;color: #666;font-size: 14px;}
.fullpage .bottom{position: absolute;bottom: 25px;width: 100%;}
.hand { width: 190px; height: 190px; margin:50px auto 0 auto; background: url(shake.png) no-repeat;background-size: 100%; }
.hand-animate { -webkit-animation: hand_move infinite 2s; }
.cup{width: 32px;height: 32px;background-position: 0 -125px;display: block;margin: 25px auto 0 auto;}
.result {overflow: hidden; background-color:#fff; width: 80%;height: 100px;margin: 10px auto 0 auto;background-color: #fff;
-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;
opacity: 0;
}
.result p{font-size: 17px;color: #000;}
.result em{color: #ee2828; }
.result-show{ margin-top: 50px;  opacity: 1;}

 @-webkit-keyframes hand_move {
        0% {
            -webkit-transform: rotate(0);
               -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                 -o-transform: rotate(0);
                    transform: rotate(0); }
        50% {
            -webkit-transform: rotate(15deg);
               -moz-transform: rotate(15deg);
                -ms-transform: rotate(15deg);
                 -o-transform: rotate(15deg);
                    transform: rotate(15deg);}
        100% {
            -webkit-transform: rotate(0);
               -moz-transform: rotate(0);
                -ms-transform: rotate(0);
                 -o-transform: rotate(0);
                    transform: rotate(0); }
    }
    
/*personal home page*/
.page-top{position: relative;}
.page-top .bg{width: 100%;display: block;height: 220px;}
.page-top .top-cont{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.top-cont .avater{width:76px;height: 76px;border-radius: 50%;border: 2px solid #fff;margin: 15px auto 10px auto;display: block;}
.top-cont p{text-align: center;color: #fff;}
.top-cont p span{font-size: 15px;color: #fff;margin: 0 15px;}
.top-cont .nick-name{font-size: 17px;margin-top: 15px;height: 25px;line-height: 25px;}
.top-cont .signature{font-size: 14px;line-height: 32px;height: 32px;background-color: #000;opacity: 0.5;-webkit-opacity: 0.5;position: absolute;bottom: 0;width: 100%;}
.boy{width: 17px;height: 17px;border-radius: 50%;display: inline-block;background-color: #4C89DC;background-position: -36px -121px;}
.girl{width: 17px;height: 17px;border-radius: 50%;display: inline-block;background-color: #FD4188;background-position: -37px -91px;}
.top-cont .girl,.top-cont .boy{margin: 0 0 -2px 2px;}
.contact{padding: 8px 0;background-color: #fff;text-align: center;}
.contact a{width: 70px;height: 70px;height: 28px;border: 1px solid #ddd;display: inline-block;font-size: 15px;line-height: 28px;border-radius: 3px;margin: 0 5px;color: #999;text-decoration: none;}
.contact .follow-btn{background-color: #3ABD9D;border-color: #3ABD9D;color: #fff;}
.follow{height: 13px;width: 13px;display: inline-block;background-position: 0 -184px;margin: 0 5px 0 0;}

.msg{width: 14px;height: 14px;display: inline-block;background-position: -35px -185px;margin: 0 5px -2px 0;}
.post-item{padding: 9px 10px;margin-top: 13px;background-color: #fff;position: relative;overflow: hidden;}
.post-item .post-info{padding-left: 38px;}
.post-item .post-info .author{width: 35px;height: 35px;border-radius: 50%;position: absolute;left: 10px;top: 9px;}
.post-item .post-info p{color: #000;font-size: 15px;line-height: 20px;}
.post-info p .source{color: #aaa;font-size: 12px;float: right;line-height: 20px;}
.post-info p .source em{color: #3d8ec1;}
.post-item .post-info p.time{color: #999;font-size: 12px;line-height: 16px;}
.post-cont{padding: 5px 0;overflow: hidden;}
.post-cont p{color: #333;font-size: 15px;margin-bottom: 13px;}
.post-cont img{max-width: 100%;}
.post-footer{text-align:right;padding: 5px 0;width: 100%;overflow: hidden;}
.post-footer a{margin-left: 12px;color: #888;font-size: 12px;}
.reply{width: 16px;height: 16px;display: inline-block;background-position: -35px -163px;margin: 0 2px -3px 0;}
.thumb-up{width: 16px;height: 16px;display: inline-block;background-position: 0 -163px;margin: 0 2px -3px 0;}
.good{background-position: -34px -229px;margin-bottom: -3px;}
.fire{background-position: 0 -206px;margin-bottom: -3px;}
.photo{background-position: 0 -253px;margin-bottom: -3px;}
.chart{background-position: -35px -206px;margin-bottom: -3px;}
.recom{background-position: 0 -229px;margin-bottom: -3px;}
.argue{background-position: -34px -253px;margin-bottom: -3px;}
.post-cont img.column-3{width: 103px;padding-right: 10px;margin-bottom: 0;}
.post-cont img.column-3:last-child{width: 93px;padding-right: 0;}
.layer-bg{position: fixed;width: 100%;height: 100%;background-color: #000;opacity: 0.8;left: 0;top: 0;z-index: 100;display: none;}
.in-wechat{position: fixed;display: none;top: 0;width: 80%;left: 10%;z-index: 101;text-align: right;}
.in-wechat p,.in-wechat a{text-align: left;color: #fff;font-size: 15px;margin-bottom: 10px;}
.in-wechat img{width: 40%;}
.in-browser{width: 86%;position: fixed;top: 50%;left: 7%;background-color: #212121;border-radius: 10px;box-sizing: border-box;padding: 30px 25px 15px 25px;z-index: 101;margin-top: -100px;display: none;}
.in-browser p{color: #fff;font-size: 15px;line-height: 35px;margin: 15px 0;}
.in-browser a{color: #fff;font-size: 15px;width: 140px;height: 35px;background-color: #62C04A;border-radius: 5px;display: inline-block;text-align: center;text-align: center;}
.close{width: 19px;height: 19px;display: inline-block;background-color:#2C2C2C;background-position: -16px -181px;border-radius: 3px;position: absolute;right: 10px;top: 8px;}

#scroller {
    position: absolute;
    z-index: 1;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
    background: #f5f5f5;
}

/**
 *
 * Pull down styles
 *
 */
#pullDown, #pullUp {
	background:#fff;
	height:40px;
	line-height:40px;
	padding:5px 10px;
	border-bottom:1px solid #ccc;
	font-weight:bold;
	font-size:14px;
	color:#888;
	text-align: center;
	overflow: hidden;
}
#pullDown .pullDownIcon, #pullUp .pullUpIcon  {
	width:40px; height:40px;text-indent: -9999px;
	-webkit-background-size:40px 80px;
    background-size:40px 80px;
	-webkit-transition-property:-webkit-transform;
	-webkit-transition-duration:250ms;
	display: inline-block;
}
#pullDown .pullDownLabel, #pullUp .pullUpLabel{
	line-height: 40px;
	height:40px;
    color: #999;
    font-size: 18px;
    font-weight: normal;
}
	


#pullDown .pullDownIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}
#pullUp .pullUpIcon  {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullDown.flip .pullDownIcon {
	-webkit-transform:rotate(-180deg) translateZ(0);
}

#pullUp.flip .pullUpIcon {
	-webkit-transform:rotate(0deg) translateZ(0);
}

#pullDown.loading .pullDownIcon, #pullUp.loading .pullUpIcon {
    background:url(pull-icon@2x.png) 0 -40px no-repeat;
	-webkit-transform:rotate(0deg) translateZ(0);
	-webkit-transition-duration:0ms;
    -webkit-background-size:40px 80px;
    background-size:40px 80px;
	-webkit-animation-name:loading;
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
}

@-webkit-keyframes loading {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}

.photo_bg {
  background: url(photo.png) no-repeat;
  background-size: 114.5px; }
.header {
  width: 100%;
  height: 44px;
  background-color: #E8F3FD;
  background-position: right 0; }
  .header p {
    color: #1f72c5;
    font-size: 22px;
    font-weight: normal;
    line-height: 44px;
    padding-left: 15px; }
    .header p span {
      font-size: 16px;
      margin-left: 5px;
      color: #1f72c5;
      margin-top: 4px; }

.post_box {
  background-color: #fff;
  padding-bottom: 15px; }
  .post_box .post_top {
    padding-top: 2px;
    overflow: hidden; }
    .post_box .post_top .author-portrait {
      margin-left: 10px;
      float: left;
      width: 44px;
      height: 44px;
      border: 2px solid #dedede;
      border-radius: 24px;
      overflow: hidden; }
      .post_box .post_top .author-portrait img {
        width: 44px;
        height: 44px; }
    .post_box .post_top .post_info {
      float: left;
      margin-left: 8px; }
      .post_box .post_top .post_info p {
        line-height: 20px;
        color: #666;
        font-weight: 700;
      }
      .post_box .post_top .post_info p.date {
        font-weight: normal;
        color: #aaa; }
    .post_box .post_top .reply_num {
      float: right;
      margin: 4px 8px 0 0;
      color: #999;
      font-size: 14px;
      line-height: 13px; }
      .post_box .post_top .reply_num i {
        width: 15px;
        height: 13px;
        display: inline-block;
        background-position: -1px -48px;
        margin: 0 2px -2px 0; }
    .post_box .post_top .view {
      float: right;
      margin: 4px 8px 0 0;
      color: #999;
      font-size: 14px;
      line-height: 15px; }
      .post_box .post_top .view i {
        width: 17px;
        height: 13px;
        display: inline-block;
        background-position: -24px -48px;
        margin: 0 2px -2px 0; }
  .post_box .post_content {
    padding: 10px; }
    .post_box .post_content p {
      color: #333;
      font-size: 17px;
      line-height: 25px; }
    .post_box .post_content .album {
      display: block;
      position: relative; }
      .post_box .post_content .album img {
        max-width: 100%;
        margin-top: 5px; }
      .post_box .post_content .album span {
        position: absolute;
        right: 0;
        bottom: 0;
        background-color: #1F72C5;
        color: #fff;
        padding: 2px 10px; }
  .post_box .open_app {
    margin: 0 10px;
    height: 31px;
    border: 2px solid #3CB66B; }
    .post_box .open_app a {
      color: #3CB66B;
      line-height: 31px;
      text-decoration: none;
      text-align: center;
      display: block; }
    .post_box .open_app .l_ico {
      width: 16px;
      height: 16px;
      display: inline-block;
      background-position: -73px -48px;
      margin: 0 3px -3px 0; }
    .post_box .open_app .r_ico {
      width: 16px;
      height: 16px;
      display: inline-block;
      background-position: -101px -45px;
      margin: 0 0 -1px 3px; }

.reply_box {
  background-color: #fff;
  margin-top: 10px;
  padding: 10px 2px 5px 2px;
  -webkit-box-shadow: 1px 1px 2px #ddd;
  -moz-box-shadow: 1px 1px 2px #ddd; }
  .reply_box .reply_count {
    padding-left: 8px; }
  .reply_box .reply_item {
    border-bottom: 1px solid #ddd;
    padding: 15px 8px 20px 8px; }
    .reply_box .reply_item .author-portrait {
      margin-right: 3px;
      float: left;
      width: 32px;
      height: 32px;
      border-radius: 16px;
      overflow: hidden; }
      .reply_box .reply_item .author-portrait img {
        width: 32px;
        height: 32px; }
    .reply_box .reply_item p {
      line-height: 24px;
      color: #333; }
      .reply_box .reply_item p span {
        color: #666; }
    .reply_box .reply_item p.name {
      color: #666;
      font-size: 14px; }
  .reply_box .open_app a {
    font-size: 18px;
    color: #537291;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
    display: block;
    text-decoration: none;
    text-align: center; }

.photo_box {
  background-color: #fff;
  margin-top: 12px;
  padding: 10px; }
  .photo_box .photo_list {
    overflow: hidden; }
    .photo_box .photo_list img {
      width: 24%;
      display: block;
      float: left;
      margin-right: 1%;
      margin-top: 4px; }
  .photo_box .open_app {
    margin: 0 10px;
    height: 35px;
    background-color: #3CB66B;
    margin-top: 10px; }
    .photo_box .open_app a {
      color: #fff;
      line-height: 35px;
      text-decoration: none;
      text-align: center;
      display: block; }
    .photo_box .open_app .l_ico {
      width: 16px;
      height: 16px;
      display: inline-block;
      background-position: -48px -46px;
      margin: 0 3px -3px 0; }
.block{background-color: #fff;margin-top: 17px;}     
.title{height: 35px;border-bottom: 1px solid #EFEFEF;line-height: 35px;color: #999;text-indent: 1em;font-size: 15px;}
.under-line{border-bottom: 1px solid #E2E2E2;}
.block .cont{padding: 4px 10px;position: relative;overflow: hidden;}
.block .cont .layer{width: 10px;height: 10px;background-color: #fff;position: absolute;top: 50%;left: 50%;margin-left: -5px;margin-top: -5px;z-index: 1;}
.block-row{overflow: hidden;}
.block-row a{float: left;line-height: 38px;width: 50%;display: block;font-size: 18px;text-indent: 1em;}
.block-row a:first-child{border-right: 1px solid #E2E2E2;margin-right: -1px;text-indent: 0;}
.cont .user-box{width: 65px;height: 80px;float: left;overflow: hidden;padding: 5px 0;}
.user-box img{width: 54px;height: 54px;border-radius: 50%;}
.user-box p{color: #333;font-size: 14px;}
.user-more{line-height: 60px;float: right;font-size: 18px;color: #666;}
.user-more .more{background-position: -42px -273px;}
.post{padding: 10px 0;border-bottom: 1px solid #EFEFEF;}
.post:last-child{border-bottom: 0;}
.post p{font-size: 17px;color: #333;line-height: 28px;}
.post .info{color: #666;font-size: 15px;}
.post .info .date{margin: 0 5px;}
.mb30{margin-bottom: 30px;}
.user-item{background-color: #fff;overflow: hidden;padding: 8px 10px;border-bottom: 1px solid #EFEFEF;}
.user-item img{width: 54px;height: 54px;border-radius: 50%;float: left;margin-right: 10px;}
.user-item p{line-height: 27px;}