body{ background: #3c7bfb; max-width:640px; min-height:100%; height:auto;}
*{outline:none;box-sizing: border-box;}
.banner{text-align: center; margin-top: 0.3rem;}
.banner img{width: 70%;}
.banner2 img{width: 70%;}
.banner2{padding: 0.2rem 0 0.2rem;text-align: center;}
.detail_content{margin: 0.2rem 0.2rem 0;background-color: #fff;border-radius: 0.2rem;position: relative;}
.detail_content::before,.detail_content::after{width: 0.3rem; height: 0.3rem; background-color: #3c7bfb; top: 2.1rem;content: '';position: absolute;border-radius: 50%;}
.detail_content::before{ left: -0.18rem;}
.detail_content::after{ right: -0.18rem;}
.detail_header{  display: flex; justify-content: center; align-items: center;padding: 0.24rem 0.24rem;  }

.detail_header .myPhoto{max-width:4.4rem;max-height:calc(100vh - 4.3rem);background-color: #fff; margin: 0 auto;text-align: center;padding: 0.1rem; box-shadow: 0 0 7px #17a2ff30;position: relative;}
.detail_header .myPhoto img{max-width: 100%; max-height: calc(100vh - 4.5rem); }
.detail_header .myPhoto .noenter{position:absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
/* .detail_header .myPhoto img.active{display: block;} */


.detail_header .addPhoto{display: flex;width: 100%; height: 100%; text-align: center; flex-direction: column; justify-content: center; background-color: #fff; align-items: center; height: 1.62rem; background:url(../images/upload.png) no-repeat left top/100% 100%;}
.detail_header .addPhoto .iconfont{font-size: 0.44rem;width: 0.8rem; height: 0.8rem; border: 2px solid #b3b3b3; border-radius: 50%; display: flex; justify-content: center;align-items: center; color: #b3b3b3;}
.detail_header .addPhoto p{font-size: 0.24rem; color: #fff; margin-top:1.11rem;}

.changeBtn{display: flex; background-color: #fff; line-height: 0.8rem;}
.changeBtn a{width:33.333%;text-align: center;font-size: 0.26rem;}
.changeBtn a.active{border-top: 0.05rem solid #17a2ff;color: #17a2ff; background: linear-gradient(to bottom,#eeffff,#ffffff); }


.detail_content .bg_title{margin:0.1rem 0.3rem 0;font-size: 0.26rem;border-top: 1px dotted #ddd;padding-top: 0.2rem;}
.changeCont{display: flex; justify-content: space-around; align-items: center; height: 1.3rem; margin: 0 0.2rem 0.3rem;border-radius: 0.2rem;border-bottom: 1px dotted #ddd;}
.changeCont span{font-size: 0.24rem;color: #666;}
.changeCont a{width: 0.6rem; height: 0.6rem; border: 1px solid #ddd;border-radius: 0.06rem; display: flex; justify-content: center; align-items: center;}
.changeCont a.white{ background-color: #ffffff;}
.changeCont a.red{ background-color: #ff0000;}
.changeCont a.blue{ background-color: #438edb;}
.changeCont a.color4{ background-color: #338fb2;}
.changeCont a.color5{ background-color: #64c5ff;}
.changeCont a.color6{ background-color: #e3e5e5;}
.changeCont a .iconfont{color: transparent;}
.changeCont a.active .iconfont{ color: #fff; font-size: 0.38rem;}
.changeCont a.white.active .iconfont,.changeCont a.color6.active .iconfont{ color: #b3b3b3; font-size: 0.38rem;}

.cy_btn{display: flex;  height:1rem;padding:0 0.2rem;width: 100%; justify-content: center;}
.cy_btn a{width:5rem;  height:0.7rem;line-height: 0.7rem; text-align: center;font-size: 0.28rem;border-radius: 0.5rem;}
.cy_btn a:active{opacity: 0.8;}
.cy_btn a.saveBtn{background-color: #3c7bfb; color: #fff;}
.cy_btn a.printBtn{border:1px solid #3c7bfb; color: #3c7bfb; margin-left: 0.15rem;}
.cy_btn a span{font-size: 0.22rem;}



/* 拍照选择弹窗 */
.select_alert{position: fixed; top: 0; width: 100%; max-width: 640px; height: 100%; z-index: 1000; background: rgba(0, 0, 0, 0.6); display: none;}
.select_alert .sCont{position: absolute; bottom: 0; width: 100%; background-color: #fff;padding: 0.6rem 0.3rem 0.24rem;border-radius: 0.3rem 0.3rem 0 0;}

.select_alert .s_t{display: flex; border-bottom: 1px solid #eee; padding-bottom: 0.3rem;}
.select_alert .s_t .s_t_l{width: 1.5rem; margin-right: 0.3rem;}
.select_alert .s_t .s_t_l img{width: 100%;}
.select_alert .s_t .s_t_r{flex: 1;overflow: hidden;}

.select_alert .s_t .s_t_r .pt{font-size: 0.3rem;    text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.select_alert .s_t .s_t_r .pcolor{color: #333; background-color: #f4f8fb;font-size: 0.22rem; padding: 0.2rem 0.2rem; display: flex; align-items: center;border-radius: 0.1rem; margin-top: 0.3rem;}
.select_alert .s_t .s_t_r .pcolor span{display: inline-block; width: 0.3rem; height: 0.3rem; border-radius: 50%;border: 1px solid #ddd; margin-left: 0.1rem;}
.select_alert .s_t .s_t_r .pcolor span.blue{ background-color: #438edb;}
.select_alert .s_t .s_t_r .pcolor span.red{ background-color: #ff0000;}
.select_alert .s_t .s_t_r .pcolor span.white{ background-color: #ffffff;}

.select_alert .s_t .s_t_r .pr{color: #f00;font-size: 0.28rem; margin-top: 0.2rem;}
.select_alert .s_t .s_t_r .pr span{ text-decoration: line-through;color: #888;font-size: 0.22rem;margin-left: 0.1rem;}
.select_alert .s_c h2{font-weight: normal;font-size: 0.28rem; margin-top: 0.3rem;}
.select_alert .s_c .bgBtn{display: flex;padding: 0.3rem 0 0.5rem;}
.select_alert .s_c .bgBtn li{cursor: pointer; flex: 1; text-align: center;font-size: 0.24rem; margin-right: 0.2rem; background-color: #f4f8fb; border: 1px solid #eee;padding: 0.2rem 0;border-radius: 0.1rem;position: relative;-webkit-tap-highlight-color:transparent;}
.select_alert .s_c .bgBtn li:last-child{margin-right:0}
.select_alert .s_c .bgBtn li.active{ background-color: #ff9100;background: #fff9f3; color:#ff9100;border-color: #ff9100;}
.select_alert .s_c .bgBtn li.active::after { display: block; content: ""; width: .3rem; height: .28rem; background: url(../images/v5.png) center no-repeat; background-size: cover;  position: absolute; bottom: -1px; right: -1px;border-radius: 0 0 0.1rem 0;}
.select_alert .sureBtn a{ height: 0.8rem; line-height: 0.8rem; display: block; background-color: #17a2ff; color: #fff; font-size: 0.28rem; text-align: center;border-radius: 0.1rem;}
.select_alert .sureBtn a span{margin-right: 0.1rem;}
.select_alert .closeAlert{position: absolute; right: 0.2rem; top: 0.2rem; width: 0.5rem; height: 0.5rem; text-align: center;}
.select_alert .closeAlert .iconfont{font-size: 0.28rem;}