@charset "utf-8";
body,
html {
    font-size: 100%;
    padding: 0;
    margin: 0;
    background-color: #feffff
}

li {
    list-style: none
}

em {
    font-style: normal
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    text-decoration: none;
    list-style: none;
    outline-style: none
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    background-size: contain;
    font-size: .75rem;
    font-family: "微软雅黑", "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", FontAwesome, sans-serif;
    font-weight: 400;
    height: 100%
}

a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    display: block
}

a:hover {
    text-decoration: none
}

img {
    vertical-align: bottom;
    display: block
}

.global_toast {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .8);
    padding: .2rem;
    border-radius: .053333rem;
    -webkit-border-radius: .053333rem;
    -moz-border-radius: .053333rem;
    -ms-border-radius: .053333rem;
    color: #fff;
    text-align: center;
    font-size: .32rem;
    line-height: .426667rem;
    z-index: 1
}

.actionsheet {
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 4;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .3s;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.actionsheet_toggle {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -ms-transform: translate(0, 0)
}

.mask {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: rgba(0, 0, 0, .5)
}

#show {
    display: block
}

#hide {
    display: none
}

.title {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #fafbfc;
    box-shadow: 0 -.013333rem .2rem 0 rgba(0, 132, 255, .8)
}

[data-dpr="1"] .title {
    height: .5px
}

[data-dpr="2"] .title {
    height: 1px
}

[data-dpr="3"] .title {
    height: 1.5px
}

.tabTitle {
    height: 1.2rem;
    width: 9.2rem;
    margin: 0 auto
}

.tabTitle ul {
    height: 1.2rem
}

[data-dpr="1"] .tabTitle ul {
    border-bottom: .5px solid #007aff
}

[data-dpr="2"] .tabTitle ul {
    border-bottom: 1px solid #007aff
}

[data-dpr="3"] .tabTitle ul {
    border-bottom: 1.5px solid #007aff
}

.tabTitle ul li {
    float: left;
    width: 50%;
    height: 1.2rem;
    text-align: center;
    line-height: 1.2rem;
    font-size: .4rem;
    color: #333;
    letter-spacing: .0048rem
}

.tabTitle ul li.active {
    border-bottom: .066667rem solid #007aff;
    color: #007aff
}

.tast {
    padding: .333333rem .146667rem .48rem .426667rem;
    font-size: .346667rem;
    color: #333;
    line-height: .493333rem;
    position: relative
}

.tast:before {
    content: "";
    width: 9.2rem;
    position: absolute;
    right: .4rem;
    bottom: 0
}

[data-dpr="1"] .tast:before {
    border-bottom: .5px solid #e5e5e5
}

[data-dpr="2"] .tast:before {
    border-bottom: 1px solid #e5e5e5
}

[data-dpr="3"] .tast:before {
    border-bottom: 1.5px solid #e5e5e5
}

.enroll {
    background: #f2f2f2;
    height: 1.333333rem;
    line-height: 1.333333rem;
    font-size: .4rem;
    color: #333;
    text-align: center
}

form .main {
    width: 100%;
    background: #fff
}

form .main .tabTitle {
    height: 1.2rem;
    width: 9.2rem;
    margin: 0 auto
}

form .main .tabTitle ul {
    height: 1.2rem
}

[data-dpr="1"] form .main .tabTitle ul {
    border-bottom: .5px solid #007aff
}

[data-dpr="2"] form .main .tabTitle ul {
    border-bottom: 1px solid #007aff
}

[data-dpr="3"] form .main .tabTitle ul {
    border-bottom: 1.5px solid #007aff
}

form .main .tabTitle ul li {
    float: left;
    width: 50%;
    height: 1.2rem;
    text-align: center;
    line-height: 1.2rem;
    font-size: .4rem;
    color: #333;
    letter-spacing: .0048rem
}

form .main .tabTitle ul li.active {
    border-bottom: .066667rem solid #007aff;
    color: #007aff
}

form .main .payMethod dl {
    width: 100%;
    height: 1.36rem;
    line-height: 1.36rem;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

form .main .payMethod dl dt {
    height: 1.36rem;
    padding-left: .4rem;
    display: inline-block;
    text-align: center
}

form .main .payMethod dl dt img {
    height: .8rem;
    display: inline-block;
    vertical-align: middle
}

form .main .payMethod dl dd {
    height: 1.36rem;
    line-height: 1.36rem;
    margin-right: .96rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

form .main .payMethod dl dd h4 {
    font-size: .426667rem;
    color: #000;
    font-weight: 400!important;
    height: 1.36rem;
    line-height: 1.36rem
}

form .main .payMethod dl dd p {
    font-size: .426667rem;
    color: #999;
    height: 1.36rem;
    line-height: 1.36rem
}

form .main .payMethod dl:after {
    content: '';
    display: inline-block;
    width: .186667rem;
    height: .373333rem;
    background: url(../images/arrow.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .426667rem
}

form .main .payMethod dl:before {
    content: "";
    width: 9.2rem;
    position: absolute;
    right: .4rem;
    bottom: 0
}

[data-dpr="1"] form .main .payMethod dl:before {
    border-bottom: .5px solid #e5e5e5
}

[data-dpr="2"] form .main .payMethod dl:before {
    border-bottom: 1px solid #e5e5e5
}

[data-dpr="3"] form .main .payMethod dl:before {
    border-bottom: 1.5px solid #e5e5e5
}

.takeCare {
    margin-top: .733333rem;
    padding: 0 .173333rem 0 .4rem;
    font-size: .346667rem;
    color: #ff9500;
    line-height: .493333rem
}

.takeCare .careList li {
    font-size: .346667rem;
    color: #151515;
    line-height: .493333rem
}

.main .others .other dl {
    width: 100%;
    height: 1.333333rem;
    line-height: 1.333333rem;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main .others .other dl dt {
    height: 1.333333rem;
    padding-left: .4rem;
    display: inline-block;
    text-align: center
}

.main .others .other dl dt img {
    height: .8rem;
    display: inline-block;
    vertical-align: middle
}

.main .others .other dl dd {
    height: 1.333333rem;
    line-height: 1.333333rem;
    padding-left: .4rem;
    margin-right: .96rem
}

.main .others .other dl dd h4 {
    font-size: .426667rem;
    color: #000;
    font-weight: 400!important;
    height: 1.333333rem;
    line-height: 1.333333rem
}

.main .others .other dl:after {
    content: '';
    display: inline-block;
    width: .186667rem;
    height: .373333rem;
    background: url(../images/arrow.png) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: .426667rem
}

.main .others .other dl:before {
    content: "";
    width: 9.2rem;
    position: absolute;
    right: .4rem;
    bottom: 0
}

[data-dpr="1"] .main .others .other dl:before {
    border-bottom: .5px solid #e5e5e5
}

[data-dpr="2"] .main .others .other dl:before {
    border-bottom: 1px solid #e5e5e5
}

[data-dpr="3"] .main .others .other dl:before {
    border-bottom: 1.5px solid #e5e5e5
}
/* 添加title */
.topBar {
    box-sizing: border-box;
	position: fixed;
	top: 0;
	width: 100%;
	height: 1.466667rem;
	background: #223b61;
	font-size: .4rem;
	font-family: PingFangSC-Light;
	font-weight: 300;
	color: #fff;
	line-height: 1.466667rem;
	padding: 0 0.4rem;
    text-align: center;
    letter-spacing: 1px;
}
.topBar a{
    position: absolute;
    top:0;
    left: 0;
    width:  1.466667rem;
    height:  1.466667rem;
}
.topBar a::before{
    content: '';
    position: absolute;
    top:0.55rem;
    left:0.55rem;
    width:0.4rem;
    height:0.4rem;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    font-size: 0;   
    line-height: 0; 
    transform:rotate(45deg);
    -ms-transform:rotate(45deg);	/* IE 9 */
    -moz-transform:rotate(45deg);	/* Firefox */
    -webkit-transform:rotate(45deg);/* Safari 和 Chrome */
    -o-transform:rotate(45deg);	/* Opera */
}
.southerLine{
    width: 100%;
    height:0.6rem;
    line-height: 0.6rem;
    background: #E5E5E5;
    text-align: center;
    color: #999;

}
.southerLine2{
    padding:30px 30px 20px;
    background: #f9f9f9;
    color: #333;
}
 .southerLine3 dl:before{
    border-bottom: none !important;
    /* top: 0 !important; */
}