/*
CSS书写顺序

1.位置属性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
*/
body,
blockquote,
button,
dd,
div,
dl,
dt,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
ol,
ul,
li,
p,
pre,
td,
textarea,
th
{
 margin: 0;
 padding: 0;
 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body
{
 font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif;
 font-size: 16px;
 background-color: #fff;
}

li
{
 list-style: none;
}


/*begin 取消点击链接后的边框*/

a
{
 text-decoration: none;
 out-line: none;
 blr: expression(this.onFocus=this.blur());
 color: #000;
}

a:focus
{
 outline: none;
}

a.hidefocus
{
 outline: none;
}

/*end 取消点击链接后的边框*/


hr
{
 background: #f2f2f2;
 color: #f2f2f2;
 clear: both;
 float: none;
 width: 100%;
 height: 0.01rem;
 margin: 0;
 border: 0;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
}



.fl
{
 float: left;
}

.fr
{
 float: right;
}

.clearfix::before,
.clearfix::after
{
 content: " ";
 display: table;
}

.clearfix::after
{
 clear: both;
}


.header-occupy
{
 height: 0.88rem;
 background: #EC994A;
}

.header
{
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 padding: 0 0.1rem;
 height: 0.88rem;
 line-height: 0.88rem;
 text-align: center;
 font-size: 0.36rem;
 font-weight: bold;
 color: #FFF;
 background: #EC994A;
 z-index: 9999;
}

.header .header-left
{
 position: absolute;
 top: 0;
 left: 0.1rem;
 margin: 0;
 width: 0.18rem;
 height: 100%;
 background: url(../Images/back.png) no-repeat center;
 background-size: 0.18rem 0.34rem;
}


.header-left a
{
 display: block;
 width: 100%;
 height: 100%;
}

/* end 底部操作按钮 */

.wrapper
{
 background-color: #FFF;
}

.swiper-container
{
 width: 100%;
 height: 3.6rem;
 margin-left: auto;
 margin-right: auto;
}

.swiper-slide
{
 text-align: center;
 font-size: 0.18rem;
 background: #fff;
 /* Center slide text vertically */
 display: -webkit-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-box-pack: center;
 -ms-flex-pack: center;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-box-align: center;
 -ms-flex-align: center;
 -webkit-align-items: center;
 align-items: center;
}


.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet
{
 width: 0.064rem;
 height: 0.064rem;
 border-radius: 50%;
}

.swiper-pagination-bullet-active
{
 background: rgb(236, 153, 74);
 width: 0.064rem !important;
}



.error-container span
{
 display: block;
 margin: 0.5rem;
 line-height: 0.5rem;
 text-align: center;
 color: #525252;
 font-size: 0.33rem;
 font-weight: bold;
}

.error-container i
{
 display: block;
 margin: auto;
 padding-top: 2.2rem;
 width: 4.2rem;
 height: 4.2rem;
 background: url(../Images/error.png) no-repeat center bottom;
 background-size: 4.2rem 4.2rem;
}

.error-container a
{
 text-align: center;
 line-height: 1rem;
 color: #9e0000;
 margin: 0 0.1rem;
}

ul.main-nav
{
 padding: 0.10rem 0 0;
 overflow: auto;
}


ul.main-nav li
{
 float: left;
 width: 20%;
 margin: 0.30rem 0;
}



ul.main-nav li a
{
 position: relative;
 display: block;
 font-size: 0;
 text-align: center;
}

ul.main-nav li img
{
 display: block;
 width: 0.80rem;
 height: 0.80rem;
 border-radius: 50%;
 margin: auto;
 margin-bottom: 0.30rem;
}

ul.main-nav li span
{
 font-size: 0.24rem;
}

ul.main-nav li .join-us
{
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -0.85rem 0 0 -0.15rem;
 width: 0.70rem;
 height: 0.40rem;
 border-radius: 0rem;
}


.form-container
{
 padding: 0 0.2rem;
}

.normal-form
{}

.normal-form .form-row
{
 padding: 0.05rem 0.1rem;
 border-bottom: 1px solid #d6d7dc;
 overflow-y: auto;
}


.normal-form .form-row.no-border-bottom
{
 border-bottom: none;
}

.form-row .form-column-label
{
 float: left;
 width: 2.2rem;
 color: #666666;
 font-size: 0.26rem;
 overflow: hidden;
 text-align: left;
}

.form-row .form-column-agree
{
 display: inline-block;
 float: left;
 padding: 0.15rem 0;
 overflow: hidden;
 /*超出部分隐藏*/
 white-space: nowrap;
 /*不换行*/
 text-overflow: clip;
 /*超出部分省略号显示*/
}

.form-row .form-column-label i
{
 margin: 0.275rem 0.2rem 0 0;
 float: left;
}

.form-row .form-column-label label
{
 display: inline-block;
 float: left;
 width: 1.6rem;
 height: 0.9rem;
 line-height: 0.9rem;
 overflow: hidden;
 /*超出部分隐藏*/
 white-space: nowrap;
 /*不换行*/
 text-overflow: clip;
 /*超出部分省略号显示*/
}


.form-row .form-column-label.all-space
{
 width: 100%;
 height: 0.9rem;
 color: #666666;
 font-size: 0.26rem;
 overflow: hidden;
}

.form-row .form-column-label.all-space label
{
 display: block;
 float: none;
 margin-left: 0.55rem;
 width: auto;
 height: 0.9rem;
 line-height: 0.9rem;
 overflow: hidden;
 /*超出部分隐藏*/
 white-space: nowrap;
 /*不换行*/
 text-overflow: ellipsis;
 /*超出部分省略号显示*/
}


.form-row .certify-photo-container
{
 margin: auto;
 padding: 2px;
 box-sizing: border-box;
 background: #f2f2f2 url(../Images/addTo.png) no-repeat center center;
 background-size: 1.1rem 1.1rem;
 border-radius: 0.1rem;
 border: 1px dashed #d6d7dc;
}

.form-row .certify-photo-container img
{
 width: 100%;
 height: 100%;
 border-radius: 0.1rem;
}

.form-row .form-column-all
{
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 align-items: strech;
 height: 100%;
}

.form-row .form-column-content
{
 display: -webkit-box;
 display: -webkit-flex;
 display: -ms-flexbox;
 display: flex;
 justify-content: flex-end;
 align-items: strech;
 margin-left: 2.25rem;
 height: 100%;
}



.form-row .form-column-content .edit-container
{
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
 width: 0%;
 height: 100%;
 text-align: right;
 overflow: hidden;
}

.form-row .form-column-content .edit-container a
{
 height: 0.9rem;
 line-height: 0.9rem;
 color: #6cc5ef;
 font-size: 0.26rem;
}

.form-row input[type=file]
{
 display: none;
}

.form-row .form-column-content input[type=text]
{

 height: 0.9rem;
 line-height: 0.9rem;
 width: 100%;
 border: none;
 color: #111111;
 font-size: 0.24rem;
 text-align: right;
}


.form-row textarea
{
 width: 100%;
 padding: 0.05rem;
 line-height: 0.34rem;
 margin: 0 0 0.1rem;
 border: 1px dashed #d6d7dc;
 color: #111111;
 font-size: 0.24rem;
 resize: none;
}


.form-row input[type=checkbox]
{
 display: none;
}


.form-row .checkbox-button
{
 display: inline-block;
 height: 0.6rem;
 color: #111111;
 font-size: 0.24rem;
}

.form-row .checkbox-button i
{
 margin: 0.1rem 0 !important;
}

.form-row .checkbox-button span
{
 display: inline-block;
 float: right;
 margin: 0.1rem;
}




.form-row .form-column-content input[type=radio]
{
 display: none;
}



.form-row .form-column-content .edit-container .radio-button
{
 display: inline-block;
 margin: 0.15rem 0 0.15rem 0.2rem;
 padding: 0 0.36rem;
 height: 0.6rem;
 color: #99999a;
 font-size: 0.26rem;
 font-weight: bold;
 border-radius: 0.3rem;
 background: #f3f5f7;
}

.form-row .form-column-content .edit-container .radio-button.selected
{
 color: #fff;
 background: #9e0000;
}

.form-row .form-column-content .edit-container .radio-button i
{
 margin: 0.16rem 0;
}

.form-row .form-column-content .edit-container .radio-button span
{
 display: inline-block;
 float: right;
 margin: 0.11rem;
}

.form-row .form-column-content .icon-container
{
 display: inline-block;
}

.form-row .form-column-content .icon-container .opt-btn
{
 display: inline-block;
 margin: 0.13rem 0 0 0.2rem;
 padding: 0.15rem 0.2rem;
 color: #fff;
 font-size: 0.24rem;
 background: #9e0000;
 border-radius: 0.3rem;
}

.form-row .form-column-content .icon-container .opt-btn.disable-state
{
 background: #a2a2a2;
}

.form-row .form-column-content i
{
 margin: 0.275rem 0 0 0.15rem;
}



.form-row .form-column-content .head-img-container
{
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 font-size: 0;
}

.form-row .form-column-content .head-img-container img
{
 width: 0.9rem;
 height: 0.9rem;
 border-radius: 50%;
}

.form-commit-btn
{
 display: inline-block;
 margin: auto;
 width: 3.3rem;
 height: 0.7rem;
 line-height: 0.7rem;
 text-align: center;
 color: #fff;
 font-size: 0.3rem;
 background: #9e0000;
 border-radius: 0.1rem;
}


.share40-icon
{
 display: inline-block;
 width: 0.4rem;
 height: 0.4rem;
 background: url(../Images/share40.png) no-repeat center center;
 background-size: 0.4rem 0.4rem;
}

.share40.selected
{
 display: inline-block;
 width: 0.4rem;
 height: 0.4rem;
 background: url(../Images/share40_1.png) no-repeat center center;
 background-size: 0.4rem 0.4rem;
}


.checkbox-icon
{
 display: inline-block;
 width: 0.35rem;
 height: 0.35rem;
 background: url(../Images/checkbox.png) no-repeat center center;
 background-size: 0.35rem 0.35rem;
}

.selected .checkbox-icon
{
 display: inline-block;
 width: 0.35rem;
 height: 0.35rem;
 background: url(../Images/checkboxSelected.png) no-repeat center center;
 background-size: 0.35rem 0.35rem;
}




.male-icon
{
 display: inline-block;
 width: 0.28rem;
 height: 0.28rem;
 background: url(../Images/male.png) no-repeat center center;
 background-size: 0.28rem 0.28rem;
}

.selected .male-icon
{
 display: inline-block;
 width: 0.28rem;
 height: 0.28rem;
 background: url(../Images/male1.png) no-repeat center center;
 background-size: 0.28rem 0.28rem;
}




.female-icon
{
 display: inline-block;
 width: 0.28rem;
 height: 0.28rem;
 background: url(../Images/female.png) no-repeat center center;
 background-size: 0.28rem 0.28rem;
}

.selected .female-icon
{
 display: inline-block;
 width: 0.28rem;
 height: 0.28rem;
 background: url(../Images/female1.png) no-repeat center center;
 background-size: 0.28rem 0.28rem;
}


.male1-icon
{
 display: inline-block;
 width: 0.28rem;
 height: 0.28rem;
 background: url(../Images/male1.png) no-repeat center center;
 background-size: 0.28rem 0.28rem;
}

.female1-icon
{
 display: inline-block;
 width: 0.28rem;
 height: 0.28rem;
 background: url(../Images/female1.png) no-repeat center center;
 background-size: 0.28rem 0.28rem;
}

.card_txt
{
 padding: 10px 5px;
 font-size: .26rem;
}

.uplode_card
{
 width: 50%;
 float: left;
}

.uplode_card_
{
 width: 100%;
 text-align: center;
}

.card
{
 width: 140px;
 border-radius: 5px;
 height: 185px;
 margin-top: 10px;
}

.change_img_box
{
 width: 140px;
 height: 185px;
 margin: -190px auto 0 auto;
 text-align: left;
}

.change_img
{
 width: 19px;
 margin: 20px 0 0 121px;
 position: absolute;
}

.attestation
{
 position: absolute;
 width: 140px;
 background: rgba(0, 0, 0, 0.2);
 border-radius: 5px;
}

.attestationed
{
 position: absolute;
 width: 140px;
 background: url(/Content/Images/mosaic.png);
 background-size: 100% 100%;
 opacity: 0.9;
}

/* 头部导航 */
.top-box
{
 position: fixed;
 z-index: 30;
 left: 0;
 bottom: 70px;
}

.top-box-img
{
 width: 30px;
 height: 30px;
 padding: 8px;
}

.tc_banner
{
 width: 100%;
 height: 100%;
 position: fixed;
 z-index: 1000;
 background: rgba(0, 0, 0, 0.3);
}

.tc_banner2
{
 width: 300px;
 margin: 130px auto 0 auto;
 background-color: #fff;
 height: 300px;
 border-radius: 8px;
}

.tc_banner2 img
{
 width: 100%;
}

.tc_banner3
{
 text-align: center;
 margin: 40px 0;
}

.tc_banner4
{
 border-top: 1px solid #ddd;
 height: 60px;
 text-align: center;
}

.tc_banner5
{
 width: 149px;
 float: left;
 color: #999;
 border-right: 1px solid #ddd;
 height: 41px;
 padding-top: 18px;
}

.tc_banner6
{
 width: 50%;
 float: left;
 color: #f97908;
 height: 42px;
 padding-top: 18px;
}

.tc_close_
{
 text-align: center;
}

.tc_close_ img
{
 margin-top: 40px;
 width: 50px;
}


.all-banner
{
 width: 100%;
 height: 50px;
 border-bottom: 2px solid #9e0000;
 background: #fff;
}

.mj-w96
{
 width: 96%;
 margin: 0px auto;
}

.logo-left
{
 float: left;
 width: 70px;
 margin-top: 10px;
}

.nav-flex
{}

.nav-flex
{
 display: flex;
 justify-content: space-between;
 width: 78%;
 float: right;
 margin-left: 10px;
 margin-right: -7px;
}

.nav-flex div
{
 font-size: 14px;
 width: 25%;
 text-align: center
}

.nav-flex div a
{
 display: block;
 color: #000;
 font-weight: bold;
 text-align: center;
 line-height: 52px;
}

.nav-a-bg
{
 color: #fff !important;
 background: #9e0000;
}