ul{
    list-style: none;
}
a{
    text-decoration: none;
    color: #333;
}
*{
    margin: 0;
    padding: 0;
}
input{outline: none}

img{
    border: none;
}
body{
    font-family: "Microsoft Yahei","Lantinghei SC",Arial,sans-serif;background:url("../images/share/recommend_img@2x.png") top center no-repeat #f0f5f8; background-size: 100% auto;
/*font-size: 1em;*/}
#concenter{width: 94%;position:absolute; margin: auto; left: 0; right: 0; top: 45%; bottom: 0;}
.card_zone{padding:15px 3%;/*height: 50%; */min-height: 22%; overflow: hidden;  background: #fff; border-radius: 5px; box-shadow: 0px 0px 10px rgba(0,0,0,.15);padding-top: 55px;}
.card_zone p{text-align: center; color:#666;/*font-size: 0.9em;*/}
.logoimg{position: absolute;margin: auto;left: 0;right: 0;top: -100%;
    bottom: 0;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    border: 3px solid #fff;
}

#concenter .card_zone h1{text-align: center;font-size: 1.8em;margin-top: 10px;}
#concenter .card_zone h5{text-align: center;font-size: 1.2em;margin-top: 15px;}
.card_zone span{color: #d72630; }
/*.card_zone a{display: block;}*/
.card_zone a ul li span{display: inline;}
.card_zone a ul li{color: #666;}
.card_zone a span{clear: both;display: block; padding: 15px 0;  text-align: center; width: 100%;}
.card_zone ul{ width: 49%; margin-top: 10px; float: left; text-align: center; /*font-size: 0.9em;*/}
.card_zone ul:nth-child(1){ border-right: 1px solid #e5e5e5; }

.share_zone{margin:1% auto 0;}
.share_zone p{ display: block; background:url("../images/share/line_bg.png") center center repeat-x;text-align:center; margin: 20px 0;}
.share_zone p span{color: #999; background:#f0f5f8; padding: 0 20px; }
.share_zone a{ display: inline-block; width: 23%; height: 30px; text-align: center; padding-top: 65px; background: #fff;}
.share_zone .weixin{background:url("../images/share/share_weixin@2x.png") top center no-repeat;background-size:70% auto;}
.share_zone .pengyou{background:url("../images/share/share_group@2x.png") top center no-repeat;background-size:70% auto;}
.share_zone .qq{background:url("../images/share/share_qq@2x.png") top center no-repeat;background-size:70% auto;}
.share_zone .qzone{background:url("../images/share/share_qzone@2x.png") top center no-repeat;background-size:70% auto;}
#concenter h3{margin-top: 15px;}
#concenter h4{font-weight: normal;margin: 15px 0 15px;color: #666;}

#concenter .view_rule a{color:#d72630; text-align: center;width: 94%; padding: 10px 3%; display: block;}


.inputtext{ width: 94%; height: 24px; text-align: center; line-height: 24px; margin-top: 15px; border: 1px solid #dbe3e6;appearance: none; -webkit-appearance: none;border-radius: 10px; padding: 3%; font-size: 1em;}
.inputbtn{ width: 100%; height: 44px; line-height: 44px;margin: 10px auto;  background-color:#d72630; color: #fff; border: 1px solid #d72630; appearance: none;-webkit-appearance: none;border-radius: 10px;font-size: 1em;}
.inputbtndisabled{ width: 100%; height: 44px; line-height: 44px;margin: 10px auto;  background-color:#f7fbfc; color: #d5dfe2; border: 1px solid #e5f0f3; appearance: none;-webkit-appearance: none;border-radius: 10px;font-size: 1em;}

.card_zone h2{ font-size: 2em; color: #d72630; text-align: center; line-height: 36px; margin:50px auto 10px; }
.card_zone h3{ font-size: .9em; color: #999; font-weight: normal; text-align: left; line-height: 24px;}
.card_zone h4{ font-size: .9em; color: #999; font-weight: normal; text-align: left; line-height: 24px;}
.imglogo{position: absolute;margin: auto;top: -35px;left: 0;right: 0;box-shadow: 5px 5px 20px rgba(0,0,0,.3);border-radius: 10px;}

.status_got{ margin:30px auto;}
.status_got p{ font-size: 1em; color: #333; width: 100%; }
.status_got p a{ font-size: 1em; color: #d72630; }

.status_success{ margin:30px auto;}
.status_success p{ font-size: 1em; color: #333; width: 100%; }
.status_success p a{ font-size: 1em; color: #d72630; }

.app_help{ }
.app_help h2{ font-size: .9em; color: #9ba9b1; /*font-weight: normal;*/  height: 30px; line-height: 30px;padding: 0 5%;}
.app_help ul{ background: #fff;border-bottom: 1px solid #dbe3e6;border-top: 1px solid #dbe3e6; }
.app_help ul a li{ line-height:50px;color: #333;font-size: 1.1em;  border-bottom: 1px solid #e5e5e5;margin: 0 0 0 5%; background: url("../images/share/right_arrow@2x.png") 95% center no-repeat; background-size:9px auto;}
.app_help ul a:last-child li{border:none;}

.app_help_detail{ width: 96%; padding: 0px 2%;}
.app_help_detail h1{ font-size: 1.2em; color: #333; padding: 10px 0; border-bottom: 1px solid #e5e5e5;}
.app_help_detail p{ font-size: 1em; color: #666; line-height: 24px; margin: 20px 0;}
.app_help_detail h2{ font-size: 1em; color: #d72630; line-height: 24px;}
.app_help_detail img{ width:65%; height: auto; margin: 5px auto;}


.friends_list ul{padding: 20px 17%;list-style: none;}
.friends_list ul>span{width: 1px; height: 40px; /*vertical-align: middle;*/ background-color: #999;margin: 0 45px; display: inline-block;}
.friends_list ul li{display: inline-block;text-align: center;font-size: 1.2em;color:#333;}
.friends_list ul li>span{color: #d8262c;font-size: 1.2em;}
.friends_list ul li>b{color: #999;font-weight: normal;font-size: 0.6em;}

.friends_list ol{width: 95%;background: #fff;border-top: 1px solid #dbe3e6;padding: 0 0 0 5%;list-style: none;border-bottom: 1px solid #e5e5e5;}
.friends_list ol img{width: 14%; border-radius: 100%; height:auto;display: inline-block;vertical-align: middle;margin-right: 10px;}
.friends_list ol li{font-size: 1.2em;height: 80px; line-height: 80px; border-bottom: 1px solid #e5e5e5;color: #333;}
.friends_list ol li:last-child{border:none;}



.help{/*width: 100%;*/}
.help img{width:100%;height:auto;}
.help .defaultIssue{ width: 100%;}
.help .defaultIssue>div{ border-bottom: 1px solid #f5f5f5;}
.help .defaultIssue>div:last-child{ border-bottom: none}
.defaultIssue h2{ width: 98%; height: 30px;line-height: 30px; font-size: 0.8em;color: #333; margin-left: 2%;}

/*.defaultIssue .planIssue {background: #fff; height: auto; overflow: hidden;}
.defaultIssue .planIssue ol{width: 29%;text-align: center; float: left; display: block; height: 20px; padding-top: 75px; color: #999; font-size: 0.8em;}
.defaultIssue .planIssue ol.icon01{background: url(../images/share/icon_01.svg) center 20px no-repeat #fff; background-size: 40%;}
.defaultIssue .planIssue ul{width:70%; float: left; display: block; background: #fff;border-left: 1px solid #f5f5f5;}
.defaultIssue .planIssue ul li{ border-bottom: 1px solid #f5f5f5;padding: 10px;}
.defaultIssue .planIssue ul a:last-child li{border-bottom: none;}


.defaultIssue .clientIssue {background: #fff; height: auto; overflow: hidden;}
.defaultIssue .clientIssue ol{width: 29%;text-align: center; float: left; display: block; height: 20px; padding-top: 75px;color: #999;font-size: 0.8em;}
.defaultIssue .clientIssue ol.icon01{background: url(../images/share/icon_02.svg) center 20px no-repeat #fff; background-size: 40%;}
.defaultIssue .clientIssue ul{width:70%; float: left; display: block; background: #fff;border-left: 1px solid #f5f5f5;}
.defaultIssue .clientIssue ul li{ border-bottom: 1px solid #f5f5f5;padding: 10px;}
.defaultIssue .clientIssue ul a:last-child li{border-bottom: none;}


.defaultIssue .followssue {background: #fff; height: auto; overflow: hidden;}
.defaultIssue .followssue ol{width: 29%;text-align: center; float: left; display: block; height: 20px; padding-top: 75px;color: #999;font-size: 0.8em;}
.defaultIssue .followssue ol.icon01{background: url(../images/share/icon_03.svg) center 20px no-repeat #fff; background-size: 40%;}
.defaultIssue .followssue ul{width:70%; float: left; display: block; background: #fff;border-left: 1px solid #f5f5f5;}
.defaultIssue .followssue ul li{ border-bottom: 1px solid #f5f5f5;padding: 10px;}
.defaultIssue .followssue ul a:last-child li{border-bottom: none;}

.defaultIssue .safetyssue {background: #fff; height: auto; overflow: hidden;}
.defaultIssue .safetyssue ol{width: 29%;text-align: center; float: left; display: block; height: 20px; padding-top: 75px;color: #999;font-size: 0.8em;}
.defaultIssue .safetyssue ol.icon01{background: url(../images/share/icon_03.svg) center 20px no-repeat #fff; background-size: 40%;}
.defaultIssue .safetyssue ul{width:70%; float: left; display: block; background: #fff;border-left: 1px solid #f5f5f5;}
.defaultIssue .safetyssue ul li{ border-bottom: 1px solid #f5f5f5;padding: 10px;}
.defaultIssue .safetyssue ul a:last-child li{border-bottom: none;}*/

.defaultIssue .chatssue {background: #fff; height: auto; overflow: hidden;border-bottom: 1px solid #f5f5f5;}
.defaultIssue .chatssue ol{width: 29%;text-align: center; float: left; display: block; height: 20px; padding-top: 75px;color: #999;font-size: 0.8em;}
.defaultIssue .chatssue ul{width:70%; float: left; display: block; background: #fff;border-left: 1px solid #f5f5f5;}
.defaultIssue .chatssue ul li{ border-bottom: 1px solid #f5f5f5;padding: 10px;}

.defaultIssue .chatssue ol.aq{background: url(../images/share/aq.svg) center 20px no-repeat #fff; background-size: 40%;}
.defaultIssue .chatssue ol.rc{background: url(../images/share/rc.svg) center 20px no-repeat #fff; background-size: 40%;}
.defaultIssue .chatssue ol.kh{background: url(../images/share/kh.svg) center 20px no-repeat #fff; background-size: 40%;}
.defaultIssue .chatssue ol.gj{background: url(../images/share/gj.svg) center 20px no-repeat #fff; background-size: 40%;}
.defaultIssue .chatssue ol.td{background: url(../images/share/td.svg) center 20px no-repeat #fff; background-size: 40%;}
.defaultIssue .chatssue ol.jq{background: url(../images/share/jq.svg) center 20px no-repeat #fff; background-size: 40%;}

.defaultIssue .chatssue ul a:last-child li{border-bottom: none;}

.otherIssue {width: 100%;}
.otherIssue h2{ width: 98%; height: 30px;line-height: 30px; font-size: 0.8em;color: #333; margin-left: 2%;}
.otherIssue ul{width:100%; float: left; display: block; background: #fff;}
.help .otherIssue ul li{width:97%; height: 50px; line-height: 50px; border-bottom: 1px solid #f5f5f5;padding-left: 3%;
 background: url(../images/share/arrow.svg) 97% center no-repeat; background-size: 2%;}
 .otherIssue ul a:last-child li{border-bottom: none;}


.zan{width: 100%; height: 50px; line-height: 50px; position: fixed; bottom: 0; background: #fff; /*border-top: 1px solid #eee;*/box-shadow: 0 -3px 5px rgba(0,0,0,.08);}
.zan a{display: inline-block; width: 26%; font-size: 0.8em; color: #333; padding-left: 23%;}
.zan a:first-child{ background: url(../images/share/zan1.svg) 36% center no-repeat; border-right:1px solid #f5f5f5; background-size: 10%;}
.zan a:last-child{ background: url(../images/share/zan2.svg) 36% center no-repeat; background-size: 10%;}
.zan a span{color: #999;}