html, body, header, footer, nav, article, section, aside, time, code, div, p, ul, ol, li, dl, dd, dt, h1, h2, h3, a, span, strong, em, small, form, label, input, textarea {
    margin: 0;
    padding: 0;
}

ul, ol {
    list-style: none;
}

h1, h2, h3, input {
    font-size: 100%;
}

img {
    border: 0;
    vertical-align: middle;
}

label, input {
    vertical-align: middle;
}

a, a:hover {
    text-decoration: none;
}
.mt20{
    margin-top: 20px;
}
body {
    position: relative;
    font: 1rem/1.5 normal 'Microsoft YaHei',Helvetica,sans-serif;
    -webkit-text-size-adjust: none;
    overflow-x: hidden;
    background:#efeff4;
	font-family:Microsoft YaHei;
}
header .nav {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: block;
    text-align: center;
    background: #0680d5;
}
header .nav p{
    height: 44px;
    line-height: 44px;
    font-weight: 400;
    font-size: 16px;
    text-align: center;font-weight: bold;color:white;
}
header .nav  .nav-back{
    position: absolute;
    width: 44px;
    height: 44px;
    left: 0;
    top: 0;
}
header .nav  .nav-back  span{
    display: block;
    width: 44px;
    height: 44px;
    background: url(../images/arrow.png) no-repeat center center;
    background-size: 20px 20px;
}
/* btn */
.btn {
    display: block;
    margin: 0 0 15px;
    border-style: solid;
    border-width: 1px;
    font-size: 1.0625rem;
    line-height: 43px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/* login */
.wrapper {
    padding: 10px 15px 0;
    position: relative;
}
.passport-list li{
    margin-bottom: 20px;
    position: relative;
}
.passport-list .set-error{
    color: #666;
    font-size: 12px;
}
.passport-list .set-error a{
    color: #15b1f3;
}
.passport-list li.error-tips-view{
    margin-bottom: 0;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #333;
}
.passport-list .input-text{
    width: 100%;
    border: 1px solid #e5e5e5;
    color: #8c8c8c;
    outline: none;
    line-height: 30px;
    font-size: 14px;
    height: 44px;
    padding: 7px;
    background: #FFF;
    box-sizing: border-box;
}
.passport-list .input-text.check-error{
    border-color: #ff7200;
    /*box-shadow: 0 0 5px rgba(0,0,0,.5)*/
}
.passport-list li.code{
    display: none;

}
.passport-list li.code.show{
    display: block;

}
.passport-list li.code .input-text{
    padding-right: 72px;
}
.passport-list .code-img{
    height: 42px;
    width: 70px;
    cursor: pointer;
    position: absolute;
    right: 1px;
    top: 1px;
}
.passport-list li .passport-btn{
   color: white;
    text-align: center;
    height: 44px;
    display: block;
    width: 100%;
    font-size: 18px;
    font-weight: bold;
    background: #0680d5;
    border-radius: 15px;border: none;
}
.passport-list li a{
    color: #15b1f3;
    font-size: 12px;
}
.passport-list li .register-free{
    width: 50%;
    display: inline-block;

}
.passport-list li .retrieve-password{
    width: 50%;
    text-align: right;
    display: inline-block;
}
.passport-list li.sms-code{}
.passport-list li.sms-code .input-text{
    padding-right: 100px;
}
.passport-list li .sms-btn{
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    background: #e5e5e5;
    line-height: 44px;
    text-align: center;
    color: #000;
    padding: 0;
    border: none;
    z-index: 1;
}
.passport-list li .sms-btn em{
    font-style: normal;
}
.passport-list li .btn-false{
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    height: 44px;
    z-index: 2;
    display: none;
}
.passport-list li.text p{
    font-size: 12px;
    color: #8c8c8c;
}
.input-check-view{
    font-size: 12px;
}
.passport-list .passport-tips h3{
    font-size: 12px;
    color: #000000;
    line-height: 30px;
}
.passport-list .passport-tips p{
    color: #4b4b4b;
    font-size: 12px;
    line-height: 30px;
}
.passport-list .passport-tips a{
    color: #15b1f3;
    text-decoration: underline;
}
.set-nav{
padding-top: 10px;
}
.set-nav li{
    position: relative;
    margin-bottom: 6px;
}
.set-nav li a{
    background: #fff;
    display: block;
    line-height: 44px;
    padding: 0 15px;
    color: #484848;
    font-size: 12px;
}
.set-nav li span{
    background: #fff;
    display: block;
    line-height: 44px;
    padding: 0 15px;
    color: #484848;
    font-size: 12px;
}
.set-nav li a i{
    display: inline-block;
    width: 44px;
    height: 44px;
    background: url("../image/arrow.png") no-repeat center center;
    float: right;
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); 	/* IE 9 */
    -moz-transform:rotate(180deg); 	/* Firefox */
    -webkit-transform:rotate(180deg); /* Safari บอ Chrome */
    -o-transform:rotate(180deg);
    opacity: .5;
}
.set-nav li a em{
    display: inline-block;
    height: 44px;
    float: right;
    font-style: normal;
    color: #999;
}
.set-nav li a span{
    display: inline-block;
    height: 44px;
    float: right;
    color: #666;
}
.set-nav li:last-of-type a{
    text-align: center;
}
.set-nav .b-wb,
.set-nav .b-wx,
.set-nav .b-qq{
    padding-left: 50px;
}
.set-nav .b-wb{
    background:#fff url("../image/wb.png") no-repeat 10px center;
    background-size: 30px 30px;
}
.set-nav .b-qq{
    background:#fff url("../image/qq.png") no-repeat 10px center;
    background-size: 30px 30px;
}
.set-nav .b-wx{
    background:#fff url("../image/wx.png") no-repeat 10px center;
    background-size: 30px 30px;
}





























/* account exsit */
.account-wrapper {
    position: relative;
    padding: 1px 16px;
}
.account-wrapper .label {
    padding: 38px 0 0;
    min-height: 82px;
    font-size: .875rem;
    color: #828282;
    text-align: center;
}
.account-wrapper .label span {
    margin: 0 3px;
    color: #333333;
}

/**/
.passport-account .account-header{
    margin: 0 16px;
}
.passport-account .account-header h3{
    font-size: 18px;
    color: #333333;
    line-height: 40px;
    font-weight: bold;
}
.passport-account .account-header p{
    color: #333333;
    line-height: 20px;
}
.passport-account .account-info{
    margin-top: 10px;
}
.passport-account .account-info .sns-card{
    padding:0  16px;
    overflow: hidden;
}
.passport-account .account-info .sns-card.sns-qq{
    border-right-color: #34c8f4;
}
.passport-account .account-info .sns-card.sns-weibo{
    border-right-color: #ffa00a;
}
.passport-account .sns-name{
    line-height: 20px;
    color: #000000;
    height: 20px;
    padding-top: 10px;
    margin-left: 120px;
}
.passport-account .sns-name .ui-icon{
    width: 24px;
    height: 24px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQzg5MjIzOTU1QTkxMUU0ODQyMENDMDc4MTk0MkVFOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQzg5MjIzQTU1QTkxMUU0ODQyMENDMDc4MTk0MkVFOSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkZDODkyMjM3NTVBOTExRTQ4NDIwQ0MwNzgxOTQyRUU5IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkZDODkyMjM4NTVBOTExRTQ4NDIwQ0MwNzgxOTQyRUU5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+N/ErLwAABOZJREFUeNrsmX2IFVUUwN/Tt2mOGyaKWH6hloRgn9tDyTVK0SA36cvQQs2wMsgKKTHyj9y/LNyVNkpMYRLM1f5QSnYjyzQ/WEVBzXJz7UMjdCs13aXVXXf6nbfnxWV6M3NHKVuaAz/uzJt775xz55xzP17a87xUZ5YuqU4uiQH/KQPS6XQskC3QBhfhK5gHGX3WKb7AHngTlsM1UAm1JIarwxoVGIjxsBlaQLLKKVgHo3z1/i6ShfIEPM/CKtgHq6HIeJaBSTAGusE7Xoe8bvbrx9f/VLjoFZbzcE8hXf/qK6TjHqq4X8YZdYbBDjgOH0JX+BqO2RjAdX9o8sLlCHSJZQDXfWF3QIcPwxyohhqYAr2hFfrBMq1nY8B8z05uDzIgU8BlelB8DCUBLrzed38X/llMu0Zxb+gFpy1jKGtZbyzstQ3iVXCncS8ZZj/USIDCEV/941oOwZATlANhV5RGEjMUkywNeCysI5My47P9CE9BcYE2A6FCg+8sVIn76DP5Gj2jXIjycc9e6iV5RMYA1GqDL6GXBvK7cEp/l7gYGeDDh6F7WMYwmBCSeYJkno0BLdrxEFVipdHBOS33GUp29ykyxtKAOi++1BfqK+1Ln79DE758vSpxRieUBhgNU3QiSuezFUWj0f4GHjXkDQiRdqVrzIkzHRUD66ANBumz0zBc3MYY6Z1G2wpjhGpC+vXzEcyOMfpL9atFupAoe0aUhD4wE05Cu3a0FQZoQJUbL2iA62wNMOq4FsofhausJzLKm2AX/AqLoRTGws1QAi+rwp5+rRUS8BFfttB7So2BiZLqS1lKyAsq1ZjfjM4aYTMsyAe7RXouZMBQ2A4XtF9JIGtgLmyA79WFD8KzQX2mky1lYkBiQGJAYsD/2oDMZbV2nS26W5JF1jewAt5OzWhui9NNSV2znEoskN0ddNMdnZxSlO/JOgdCV3eXNZG5zhJdVcqRyv26G/sMJmPEH5bKT6VYE+ANF+A+jPj80g1wHdm3Pg23wCF4EuVa9VlGz3TO6p5VzoWegcXUWWShfH/dojoh1WR5PgIj2uO5kOvI5r4KZhm/3grvwVa9HwyvgSy/60BGU45dZsIiiw8wPUJ5keH63r32BriObFQ2BZxM9OX5HMp71XXegG1wEvrAp/D8v3UqkQkY+VjHKrhLMe1iHavgPnFPJSr/8WMVDLE+VkEegZ6WBlyLwUXRX8B1ytSPRY7lgjGVqkaxc756ouRL6ioDuK/SuuJGD+gBbdjoT5BeYuS7G2EuLAvPQq4jIzwRtudSYUcaWwqPyijoafQsDDqk9edrDIjU5zLVjOYWC/ep831lG/mWTDQiyoXu1rz+BIrIicRbmkJF+SaNi9VG/SqtLyKd32Y7d6lrpmJ+hcgYOA8nUP4HvX9IZ9dXdGbMp9K8FPv6aLRUZpMOjK1UwG4bAz6BfrjGoPzWFpboC8v0NzNAFxrXtRjeYPWvSNaZDCu5fN+i+neyzKB+1saAheoqazFCcvqLsAMOat1tuXhwnSIo5/oFbXcUZsdc/5TmXDVahvrcNsSAjhEcrfn8MAzTdDdOlxIStNN04faq+rHMzHfQ9ueYPv0TyCFZq+G+H8BzsBHEjSUO5b+3L+KvhVxHRuhBnS0lgHrrk1/ggMbEWiNerogkxyqJAYkBiQFXVv4UYABQu5A7ffNu2gAAAABJRU5ErkJggg==") no-repeat;
    float: left;
}
.passport-account .sns-qq .sns-name .ui-icon{
    background-position: -24px -24px
}
.passport-account .sns-weibo .sns-name .ui-icon{
    background-position: -0px -24px
}
.passport-account .sns-name span{
}
.passport-account .card-img{
    padding: 10px 0;
    float: left;
}
.passport-account .card-img img{
    width: 110px;
    height: 110px;
}
.passport-account .card-name {
    margin-left: 120px;
    padding: 10px 0;
}
.passport-account .card-name p{
    line-height: 30px;
    color: #000000;
}
.passport-account .card-name span{
    color: #000000;
}
.passport-account .sns-qq .card-name span{
    color: #34c8f4;
}
.passport-account .sns-weibo .card-name span{
    color: #ffa00a;
}

.passport-sns{
    overflow: hidden;
    text-align: center;
    padding-bottom: 10px;
   

    width: 100%;
    margin: 0 auto;
    margin-top: 13px;
    border-radius: 9px;
}
.passport-sns h3{
    height: 20px;
    margin-bottom: 20px;
    line-height: 40px;
    font-size: 14px;
    color: #666666;
}
.passport-sns a{
   display: block;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 14px 0;
}
.passport-sns p{
	
}
.passport-sns p {
    text-align: left;
    margin-left: 18px;
    margin-top: 11px;
}
.yhtx img {
    width: 128px;
    height: 128px;
}
.dek a{
	color: #414141;
    text-align: left;
    padding: 0 12px;
    height: 58px;
}
.dek{
	padding-bottom: 0;
}
.dek span{
	    margin-left: 12px;
}
.footr{
	height: 60px;
    width: 100%;
    background: white;
    position: fixed;
    bottom: 0;
}
.footr li {
    display: inline-block;
    width: 24%;
    text-align: center;
}
.passport-sns span{
    text-align:left;
}
.passport-sns span span{
display: inline-block;
    background: #d0413b;
    border-radius: 7px;
    padding: 2px 4px;
    color: white;
    margin-right: 7px;}
.passport-sns .login-weibo{
    background: #D04341;
}
.passport-sns .login-wx{
    background: #00BD0C;
}
.passport-sns .login-qq{
    background: #34C8F4;
   }
.passport-sns .login-weibo .ui-icon,
.passport-sns .login-wx .ui-icon,
.passport-sns .login-qq .ui-icon{
    width:50px;
    height: 50px;
    display: inline-block;
    float: left;
    background-size: 50px 50px;
    background-repeat: no-repeat;

}
.passport-sns .login-weibo .ui-icon{
    background-image:url("../image/wb.png");
}

.passport-sns .login-wx .ui-icon{
    background-image:url("../image/wx.png");
}
.passport-sns .login-qq .ui-icon{
    background-image:url("../image/qq.png");
}

.passport-info{
    text-align: center;
}
.passport-info a{
    color: #5184BC;
}

/**/
.about-main{margin: 0 15px 30px}
.about-main h3{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    margin-top: 15px;

}
.about-main h2{
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 10px;

}
.about-main p{
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 10px;
}
.about-main p span{
    margin-right: 10px;
    display: inline-block;
    width: 60px;
}
.about-main p .speck {
    width: 18px;
    height: 20px;
    line-height: 21px;
    float: left;
    margin-left: -13px;
    color: #666;
    margin-right: 0;
    font-size: 36px;
    font-family: "Microsoft YaHei"
}
.footer{
    padding: 30px 15px ;
    text-align: center;
}
.footer p{
    font-size: 12px;
    color: #666666;
    margin-bottom: 10px;
}
.footer p a{
    color: #666;
}
.footer p a i{
    margin-right: 5px;
}
.pahh p{
	display:block;
	background:none;
	color:#414141;
}
.pahh a{
	display: inline-block;
    color: #FFFFFF;
    border-radius: 5px;
    width: 32%;
}
.pahh a p{
	margin: 0 auto;
}
.pahh a img{
	    width: 97px;
    height: 97px;
}
.btn-upload {
    width: 106px;
    height: 32px;
    position: relative;
    margin-bottom: 10px;
	margin: 0 auto;
}
.btn-upload a {
    display: block;
    width: 104px;
    line-height: 18px;
    padding: 6px 0;
    text-align: center;
    color: #4c4c4c;
    background: #fff;
    border: 1px solid #cecece;
}
.btn-upload input {
    width: 106px;
    height: 32px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    cursor: pointer;
}
.js_logoBox{
	width:150;
	height:150px;display: block;
    margin: 0 auto;margin-top: 17px;
}
.xewm{
	position: absolute;
    right: 23px;
    width: 52px;
    margin-top: -52px;
}
.userimg{
	width:80px;height:80px;border-radius: 40px;
}

.main {
    width: 98%;
    margin: 0px auto 0px;
    padding: 0px;
    display: block;
}
.boxmt10 {
    padding-top: 10px;
}
.listsbox {
    width: 100%;
    background: #fff;
    float: left;
    display: block;
}
.list_pic {
    width: 100%;
    float: left;
    display: block;
    background: #fff;
    margin: 0px auto;
    padding: 0px;
}
.list_pic li {
    width: 100%;
    height: 80px;
    float: left;
    display: -webkit-box;
    border-bottom: 1px solid #e6eaed;
}
.clear {
    clear: both;
    zoom: 1;
}
li {
    vertical-align: top;
}
.list_pic li div {
    width: 100%;
    display: block;
    overflow: hidden;
    border: 0px;
    color: #363636;
}
.list_pic li dl {
    width: 96%;
    height: 60px;
    float: left;
    display: block;
    margin: 10px;
    display: -webkit-box;
}
.list_pic li dd {
    -webkit-box-flex: 1;
}
.list_pic li dd h3 {
    height: 50px;
    line-height: 22px;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}
.list_pic li dd i {
    float: left;
    background: url(../images/guandian.gif) no-repeat left center;
    padding-left: 20px;
}
.list_pic li dt {
    display: inline-block;
    width: 90px;
    margin-left: 10px;
}
.list_pic li dt img {
    width: 75px;
    height: 50px;
    background-color: #f8f8f8;
}
.clear:after {
    content: '';
    display: block;
    clear: both;
}
.list_pic li dd i, .list_pic li dd em {
    font-size: 12px;
    color: #555;
    font-style: normal;
    margin-right: 10px;
}
a{color: #555;}
.block-title {
    background: #f9f9f9;
    padding: 0 10px 0 15px;
    border-top: 2px solid #0F76BB;
    border-bottom: 1px solid #e1e4e5;
    overflow: hidden;
}
.block-title h2 {
    float: left;
    font-size: 18px;
    font-weight: 500;
    color: #646464;
    height: 40px;
    line-height: 40px;
}
.block-title a {
    float: right;
}
.icon-more {
    background: url(../images/icon-more.png) no-repeat 5.5px 5.5px;
    width: 29.5px;
    height: 29.5px;
    -webkit-background-size: 29.5px 29.5px;
    background-size: 29.5px 29.5px;
    padding: 5.5px;
    display: inline-block;
    text-indent: -9999px;
}