*{margin:0;padding:0;}
html,body{font-size:10px;background:#fff;max-width:640px;margin:0 auto;}
body{font-size:10px;max-width: 100%;overflow-x: hidden;}
div,p,span,a,li,h1,h2,h3,h4,i{font-family: 'Microsoft Yahei';color:#333;}
a{text-decoration: none;transition:all .3s;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);}
input{outline: none;}
li{list-style: none;}
.clearfix::before,.clearfix::after{display: block;content:'';height: 0;line-height: 0;clear:both;visibility: hidden;}
.swiper-button-next, .swiper-button-prev{outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.container{width:100%;margin:0;}

#index_search{background: #EEEEEE;height:5rem;position: fixed;top:0;left:0;width:100%;z-index:8;}
#index_search span{display: inline-block;float:left;width: 60%;}
#index_search span:nth-child(1){height:3rem;margin: 1rem 0;}
#index_search span:nth-child(1) a{display: inline-block;font-size:1.5rem;height:3rem;line-height: 3rem;width: 50%;text-align: center;font-weight: bold;}
#index_search span:nth-child(1) #qrcode_show{height:2rem;margin: .25rem 0;line-height:2rem;border:1px solid #FFC500;color:#FFC500;width:28%;border-radius: .5rem;}
#index_search #jump_search{height:2.5rem;line-height:2.5rem;width:30%;margin: 1.25rem 0;border-radius: 20px;background: #D7D7D7;font-size:1.5rem;color:#979797;}
#index_search #jump_search i{color:#979797;font-size:1.5rem;margin-left: 1rem;margin-right: .5rem}
#qrcode{position: fixed;width:100%;height:100%;left:0;top:0;z-index: 9;background: rgba(0,0,0,.4);display: none;}
#qrcode>div{width:60%;margin:20% auto 1rem;border-radius: 8px;text-align: center;background: #fff;padding:2rem 1rem;}
#qrcode>div img{max-width: 90%;margin-bottom:1rem;}
#qrcode>div p{text-align: center;font-size:1.6rem;}
#qrcode>div p i{display: inline-block;font-style: normal;color:#FFC500;margin:0 .5rem;}
#qrcode>p{border-radius: 100%;border:2px solid #fff;width: 2rem;height:2rem;text-align: center;margin:0 auto;}
#qrcode>p i{font-size:2rem;color:#fff;position: relative;}

#footer{position: fixed;width:640px;height:6rem;bottom:0;left:0;right:0;margin:auto;background: #fff;z-index:5;box-shadow: -1px -1px 5px rgba(51,51,51,.1);}
#footer .each{width: 33%;float:left;text-align: center;display: inline-block;}
#footer .each img{height:2rem;width:2rem;margin:1rem auto 1rem;}
#footer .each p{font-size:1.3rem;height:1.5rem;line-height: 1.5rem;}
/*index*/
.title{margin-bottom: 1rem;}
.title p{font-size:2.2rem;font-weight: bold;margin-bottom: .5rem;letter-spacing: 1px;display: inline-block;padding-right: 2.5rem;background-size:2.5rem !important;}
.title p.hot{background: url(/public/static/images/hot.png) right top no-repeat;}
.title p.pro{background: url(/public/static/images/pro.png) right top no-repeat;}
.title p.new{background: url(/public/static/images/new.png) right top no-repeat;}
.title p i{color:#FF3D3D;font-style: normal;}
.title span{font-size:1.5rem;color:#999;letter-spacing: 1px;display: block;}
.title span a{float:right;font-size:1.5rem;color:#999;}
.index_swiper{padding:0 0;}
.index_swiper .swiper-slide img{max-width: 100%;}
.index_three{border-radius: 12px;background: #fff;padding:5rem 0 1.5rem;margin-top: -1rem;position: relative;z-index: 2;}
.index_three .each{float:left;text-align: center;width:33.3%;}
.index_three .each img{height:6.8rem;margin-bottom: .5rem;}
.index_three .each p{font-size:1.4rem;color:#999;}
.index_three>img{position: absolute;height:8.8rem;margin:-.5rem 0 0 -.7rem;}
.index_ads{}
.index_ads img{max-width: 100%;border-radius: 8px;}
.index_hot{overflow: hidden;}
.index_hot .swiper-slide{background:#fff;text-align: center;padding:1rem 0;border-radius: 5px;}
.index_hot .swiper-slide img{max-width: 90%;border-radius: 5px;}
.index_hot .swiper-slide p{width:90%;margin:0 auto;font-size:1.5rem;text-align: left;}
.index_hot .swiper-slide p:nth-child(2){font-size:1.3rem;color:#fff;margin-top: -2rem;height:2rem;line-height: 2rem;text-indent: 1rem;}
.index_hot .swiper-slide p:nth-child(3){margin:.8rem auto;font-weight: bold;height:4rem;line-height: 2rem;overflow: hidden;}
.index_hot .swiper-slide p:nth-child(4){color:#FFC500;}
.index_overall{}
.index_overall .title p i{color:#4C8BFF;}
.index_overall a{display: block;}
.index_overall a img{max-width: 100%;border-radius: 8px;}
.index_intro{}
.iintro_each{padding:.8rem;background: #fff;border-radius: 8px;margin-top: 1rem;position: relative;display: block;}
.iintro_each .left{float:left;width:60%;}
.iintro_each .intro_title{font-size:1.5rem;margin-bottom: .5rem;width: 90%;font-weight: bold;max-height:4rem;line-height:2rem;overflow: hidden;}
.iintro_each .intro_desc{font-size:1.4rem;color:#999;width: 90%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.iintro_each .intro_price{font-size:1.6rem;color:#ffc500;position: absolute;left:.8rem;bottom:.8rem;width:50%;font-weight: bold;}
.iintro_each .intro_price del{font-size:1.3rem;color:#ccc;font-weight: normal;}
.iintro_each .intro_price span{float:right;color:#999;font-size:1.3rem;font-weight: normal;}
.iintro_each .right{float:left;width:40%;height:10rem;border-radius: 5px;background-size: cover;background-position: center;}
#search_search{background: #EEEEEE;height:5rem;position: fixed;top:0;left:0;width:95%;z-index:8;padding:0 2.5%;line-height: 5rem;}
#search_search>*{float:left;display: inline-block;font-size: 1.5rem;}
#search_search .fa{font-size:2rem;margin-top: 1.5rem;}
#search_search .fa-search{margin-right:-2.5rem;position: relative;color:#979797;left:.5rem;}
#search_search .input{background: #D7D7D7;color:#979797;border-radius:20px;border:none;height:3rem;line-height: 3rem;margin-top:1rem;padding-left:2.5rem;width: 70%;}
#search_search .span{border:none;height:3rem;line-height: 3rem;margin-top:1rem;background:#FFDD2B;width:20%;text-align: center;float:right;border-radius: 5px;}

.index_btn{width:80%;border-radius: 30px;text-align: center;padding:1rem 0;margin:4.5rem auto 0;background:#3E95FF;color:#fff;font-size:1.5rem;line-height: 2.7rem;}
.index_btn img{height:2.3rem;vertical-align:top;margin-right: .5rem;}
/*category*/
.category{position: absolute;width:100%;height:calc(100vh - 11rem);overflow: scroll;}
.category_left{float:left;width:22%;background: #fff;height:100%;}
.category_left a{display: block;text-align:center;height:5.5rem;line-height: 5.5rem;font-size:1.5rem;color:#9D9D9D;}
.category_left a.on{color:#333;border-left:3px solid #FFD452;}

.category_right{float:left;width:78%;height:100%;overflow: scroll;position: relative;}
.category_reorder{background: #FAFAFA;position: fixed;top:5rem;height:4rem;right:0;z-index:1;width:78%;}
.category_reorder>p{height:4rem;line-height: 4rem;font-size:1.6rem;width:90%;margin:0 auto;color:#888;}
.category_reorder>p span{font-size:1.5rem;float:right;}
.category_reorder>p span i{font-size:1.5rem;margin-left: .5rem;}
.category_reorder>div{background: #FAFAFA;display: none;}
.category_reorder>div p{font-size:1.6rem;color:#888;width:90%;padding:0 5%;text-align: right;line-height: 4rem;height:4rem;}
.category_reorder>div p.on{background:#F2F2F2;}
.category_right .index_intro{margin:5.5rem auto 2rem;}
.rotate{transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.rotate_back{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(10deg);transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}

.article_banner img{max-width: 100%;}
.article_info{margin-bottom: 1.5rem;background: #fff;padding:2rem 0;}
.article_info p{text-align: center;width:90%;margin-left:auto;margin-right:auto;}
.article_name{font-size:1.8rem;margin-bottom:1rem;font-weight: bold;}
.article_desc{font-size:1.5rem;color:#777;}
.article_price{color:#ffc500;margin: 2rem 0;font-size:2rem;font-weight: bold;}
.article_price del{font-size:1.4rem;color:#999;}
.article_buy{margin:2rem 0;}
.article_buy button{display: inline-block;width:60%;height:5rem;line-height: 5rem;text-align: center;color:#333;background: #FFDD2B;font-size:1.8rem;border:none;font-weight: bold;}
.article_num{color:#999;font-size:1.3rem;}
.article_num i{display: inline-block;margin:0 .3rem;}
.article_num span{margin-left: 2.5rem;color:#999;}

.pagination:before{content:'';display: block;clear: both;}
.pagination{margin: 1rem 0;text-align:center;display: block;font-size:1.5rem;}
.pagination *{font-size:1.5rem;display: inline-block;margin-right:1rem;color:#666;}
.pagination li *{margin-right: 0;}
.pagination .on{font-weight: bold;font-weight: bolder;}
.pagination a:hover{font-weight: bolder;}
.load_more{background: rgba(204,204,204,.2);padding: 1rem 0;border-radius: 8px;}

.article_title{font-size:1.6rem !important;text-align: center;}
.article_title_line{width:20%;margin: .5rem auto 1.5rem;height:2px;background: #ccc;}
.article_content,.article_comment{width:90%;margin:1.5rem 0;padding:1rem 5% 2rem;background: #fff;}
.article_content p{font-size:1.5rem;}
.article_content img{max-width: 100%;}
.comment_each{padding:1.5rem 0;border-bottom:1px solid #f1f1f1;margin-bottom: 1.5rem;}
.comment_each .left{float:left;width:25%;}
.comment_each .left img{border-radius: 100%;max-width: 90%;}
.comment_each .right{float:left;width:75%;}
.comment_each .right p:nth-child(1){font-size:1.5rem;margin-bottom: 1rem;}
.comment_each .right p:nth-child(1) span{color:#999;display: inline-block;float:right;font-size:1.4rem;}
.comment_each .right p:nth-child(2){font-size:1.3rem;color:#777;}
.comment_tips{text-align: center;font-size:1.5rem;}
#add_comment{display: none;position: fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index: 10;}
#add_comment div{margin:10% auto 0;width:70%;padding:1rem 5%;background: #fff;border-radius: 8px;}
#add_comment p{font-size:1.5rem;height:2rem;line-height: 2rem;margin-bottom: 1.5rem;}
#add_comment p i{font-size:2rem;color:#333;float:right;}
#add_comment textarea{height:8rem;line-height: 2rem;font-size:1.5rem;outline: none;border:1px solid #ccc;border-radius: 5px;margin-bottom: 1.5rem;width:90%;padding:.5rem 5%;}
#add_comment span{height:3rem;line-height:3rem;width:30%;display: block;background:#FFDD2B;color:#333;text-align:center;margin:0 auto;font-size:1.5rem;}

.test_swiper{width:100%;overflow: hidden;padding:.5rem 0;}
.test_swiper .swiper-slide{height:calc(100vh - 13rem);overflow:scroll;background: #fff;border-radius: 8px;box-shadow: 1px 0px 10px rgba(150,150,150,.3);}
.test_swiper .swiper-slide-active{height:calc(100vh - 12rem);}
.test_swiper .swiper-button-next,.test_swiper .swiper-button-prev{display: none;width:0 !important;height:0 !important;}
#test_header{position: absolute;font-size:1.8rem;text-align: center;top:0;height:5rem;line-height: 5rem;width:100%;}
#test_footer{position: absolute;font-size:1.8rem;color:#333;line-height: 6rem;height:6rem;width: 100%;bottom:0;text-align: center;}
#test_footer span{font-size:1.5rem;color:#999;margin:0 .5rem;}
.swiper_que{padding-top: 2rem;font-size:1.7rem;color:#333;text-align: left;max-width: 90%;margin:0 auto 2rem;font-weight: bold;}
.swiper_ans{}
.swiper_ans>div{width:86%;font-size:1.6rem;height:auto;line-height: 1.7;text-align: left;color:#666;margin:0 auto 1rem;border-bottom:1px solid #f1f1f1;padding:.5rem 2%;}
.swiper_ans>div div:nth-child(1){float:left;display: inline-block;width:90%;}
.swiper_ans>div div:nth-child(2){float:right;display: inline-block;height:1.5rem;width:1.5rem;border:1px solid #ffc500;background: #fff;border-radius: 100%;}
.swiper_ans>div.on div:nth-child(2){background: #ffc500;}
.swiper_ans>div img{max-width: 100%;}
.swiper-slide figure{display: inline-block;}
.swiper-slide figure img{max-width: 100% !important;}
#prev_btn{position: fixed;bottom:8rem;left:0;right:0;margin:0 auto;width:25%;text-align: center;line-height: 2rem;height:2rem;color:#333;background: #ffc500;border:none;outline: none;z-index: 2;display: none;font-size: 1.4rem;}
#test_type{display: none;}

.my_top_back{background-size: cover !important;height:22rem;width:120%;top:-2rem;left:-10%;filter:blur(10px);position: absolute;}
.my_top{padding:2rem 0 3rem;background: transparent;position: relative;}
.my_photo{width:90%;margin:0 auto;}
.my_photo img{height:6rem;border-radius: 100%;float:left;}
.my_photo p{height:6rem;line-height: 6rem;font-size:1.7rem;color:#fff;float:left;margin-left: 1.5rem;}
.my_three>*{float:left;}
.my_three{margin-top: 2rem;}
.my_three .each{width:32%;text-align: center;height:4rem;display: block;}
.my_three .each p{color:#fff;height:2rem;line-height: 2rem;font-size:1.7rem;font-weight: bold;margin-bottom: .5rem;}
.my_three .each_line{height:1.5rem;width:2px;background: #fff;margin-top: 1.25rem;}

.my_middle,.my_bottom{width:80%;border-radius:12px;margin: -1rem auto 0;box-shadow: 1px 0px 10px rgba(150,150,150,.3);background: #fff;padding: 0rem 5% 1rem;position: relative;}
.my_middle>p,.my_bottom>p{font-size: 1.7rem;color:#333;width:100%;padding:.5rem 0;height:3rem;line-height: 3rem;border-bottom:1px solid #f1f1f1;margin-bottom:1rem;}
.my_middle .each{width:25%;float:left;text-align: center;display: block;}
.my_middle .each img{height:4rem;margin-bottom: .8rem;}
.my_middle .each p{text-align: center;font-size: 1.5rem;}

.my_bottom{margin: 1.5rem auto 0;}
.my_bottom>span{line-height: 3rem;font-size:1.5rem;display: block;text-align: left;height: 3rem;margin-top: 1.5rem;}
.my_bottom>span a{display: inline-block;color:#ffc500;font-weight: bolder;font-size:1.6rem;margin:0 .3rem;}
.unfinish{border-bottom:1px solid #f1f1f1;padding-bottom: 1rem;margin-bottom: 1rem;position: relative;display: block;}
.unfinish .line_one{font-weight: bolder;font-size: 1.6rem;margin-bottom: 1rem;display: block;width:70%;}
.unfinish .line_two{color:#DBAC24;font-size: 1.6rem;margin-bottom: 1rem;font-weight: bolder;}
.unfinish .line_two del{color:#999;font-size: 1.4rem;margin-left: .8rem;font-weight: normal;}
.unfinish .line_three{color:#999;font-size:1.5rem;margin-top: .5rem;}
.unfinish .a{background: #FCDE27;position: absolute;width:23%;color:#333;padding:.5rem;text-align: center;border-radius: 5px;right:0;top:0;font-size:1.4rem;}

#test_result{position: fixed;top:0;left:0;right:0;width:100%;height:100%;background:url(/public/static/images/table.png);z-index: 6;display: none;background-size:cover !important;overflow: scroll;margin: 0 auto;border-radius: 0;}
.result_header{font-size:2rem;text-align:center;font-weight: bolder;line-height: 1.7;padding:2rem 0;}
.result_tester{padding-top: 0;font-size:1.4rem;color:#999;text-align:center;}
.result_testtime{padding: 1rem 0 2.5rem;font-size: 1.4rem;color:#999;text-align:center;}
.result_top{margin: 0 auto 1rem;width:80%;padding:5%;border-radius:8px;background: #fff;border:2px solid #e4e3e3;}
.result_title{font-weight: bold;margin-bottom: 2rem;font-size: 1.7rem;color:#555;}
.result_title span{display: inline-block;float:right;}
.result_title span i{color:#666;font-size:3rem;}
.result_content{font-size:1.5rem;color:#333;line-height: 1.7;}
.result_content p{color:#666;line-height: 1.9;}
.result_content figure{display: inline-block;max-width: 100%;}
.result_content figure img{max-width: 100%;}
.result_bottom{width:100%;padding:2rem 0;margin:0 auto;}
.result_bottom .each{float:left;width:20%;text-align: center;font-size:1.5rem;}
.result_bottom .each i{font-size:2.5rem;color:#ccc;display: block;margin-bottom: .5rem;}
.result_bottom .each p{color:#ccc;}
#show_score{float:none;color:#555;font-size:2rem;font-weight: bolder;margin-left: 1rem;text-transform:uppercase;}

.order{background: #F8F6F7;min-height: calc(100vh - 6rem);}
.order_index{width:90%;text-indent:25%;padding:2.5rem 2.5%;border-radius:8px;box-shadow: 1px 0px 10px rgba(150,150,150,.3);background-color: #fff !important;display: inline-block;margin:1rem 2.5% 0;color:#555;background-size: contain !important;font-size:1.6rem;}
.order_index:nth-child(1){background: url(/public/static/images/category1.png) left center no-repeat;}
.order_index:nth-child(2){background: url(/public/static/images/category2.png) left center no-repeat;}
.order_index:nth-child(3){background: url(/public/static/images/category3.png) left center no-repeat;}
.order_index span{display: inline-block;float:right;font-size: 1.6rem;color:#555;}

.my_section{width:90%;padding:1.5rem 2.5%;border-radius:8px;box-shadow: 1px 0px 10px rgba(150,150,150,.3);background: #fff;display: inline-block;margin:1rem 2.5% 0;}
.my_tel{}
.my_tel img{height:2.5rem;padding:.5rem;border-radius: 100%;border:1px solid #f1f1f1;margin-right: 1rem;float:left;}
.my_tel .middle{float:left;height:3.5rem;display: inline-block;}
.my_tel .middle i{font-style: normal;line-height: 1.75rem;height:1.75rem;display: inline-block;}
.my_tel .middle i:nth-child(1){font-size:1.3rem;color:#333;}
.my_tel .middle i:nth-child(3){font-size:1.2rem;color:#999;}
.my_tel .last{float:right;line-height: 3.5rem;height:3.5rem;font-size: 1.6rem;color:#ccc;display: inline-block;}
.my_article{}
.my_article>p{font-size:1.4rem;color:#999;width:92%;padding-bottom: 1rem;margin:0 auto 1rem;border-bottom:1px solid #f1f1f1;}
.my_article>a{display: block;line-height: 2rem;margin:1rem auto .5rem;width:92%;}
.my_article>a span:nth-child(1){line-height: 2rem;font-size:1.3rem;color:#333;width:95%;display: block;float:left;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.my_article>a span:nth-child(2){line-height: 2rem;font-size:1.6rem;color:#ccc;display: block;float:right;width:5%;text-align: right;}

.content_detail{width:89%;background:#f1f1f1;padding:.5rem 1.5%;margin:.5rem auto 1rem;display: none;}
.content_detail p{line-height: 1.7;width:95%;margin:0 auto;font-size:1.2rem;}
.content_detail img{max-width:95%;display: block;margin:0 auto;}

.size_top{background:#3F98FC;padding:1rem 5%;width:90%;position: relative;}
.size_top i{font-size:1.8rem;position: absolute;color:#ccc;margin-top:.5rem;margin-left: 1rem;}
.size_top input{border-radius: 12px;border:none;background: #fff;line-height: 2.1rem;height:2.1rem;padding:.5rem 0rem .5rem 0rem;display: block;width:100%;text-indent: 3.5rem;}

.size_bottom{width:90%;margin:1.5rem auto 0;}
.size_bottom h3{color:#333;font-size:1.7rem;margin-bottom:1rem;}
.size_bottom h3 a{font-weight: normal;color:#666;font-size:1.4rem;display: inline-block;margin-left: 1rem;}
.size_bottom .size_box{}
.size_bottom .size_box a{display: block;float:left;margin:1rem 0 1rem 1%;width:32%;text-align: center;}
.size_bottom .size_box a img{display: block;height:6rem;margin:0 auto .7rem;}
.size_bottom .size_box a span{display: block;font-size:1.4rem;}
.size_bottom .size_box a span:nth-child(3){font-size:1.2rem;margin-top: .4rem;color:#aeaeae;}

.size_box2 a{display: inline-block;float:left;margin:0 0 1rem 0;padding:2.5rem 5%;background: #fff;font-size:1.4rem;width:90%;border-radius:10px;color:#666;}
.size_box2 a span{width:100%;display: inline-block;}
.size_box2 a span:nth-child(2){margin-top:1.8rem;color:#ccc;}
.size_box2 p{font-size:1.4rem;margin-top:1rem;}
.size_box2 p a{color:#3F98FC;display: inline;float:none;background: transparent;margin:0 5px;padding: 0;font-size: 1.5rem;font-weight: bold;}

.size_box3{display: none;}
.size_box3 a{display: inline-block;margin-right:1rem;margin-bottom:1rem;padding:.5rem 1rem;font-size:1.4rem;border-radius: 20px;background:#eaeaea;}

.make_top{margin-bottom: 3rem;}
.make_top img{display: block;height:6rem;margin:3rem auto 1rem;}
.make_top p{font-size:1.4rem;color:#555;text-align: center;}
.make_middle{width:90%;margin:0 auto;}
.make_middle h3{background: #f9f9f9;font-weight: normal;padding:1rem 0;}
.make_middle h3 span{display: inline-block;float:left;width:45%;font-size:1.3rem;}
.make_middle h3 span:nth-child(1){margin-left: 5%;}
.make_middle h3 span:nth-child(1) i{color:#fff;display: inline-block;padding:.2rem;background:#72C502;border-radius: 100%;margin-right: .5rem;}
.make_middle h3 span:nth-child(2){text-align: right;margin-right: 5%;}
.make_middle h3 span:nth-child(2) i{color:#fff;display: inline-block;padding:.2rem .3rem;background:#72C502;border-radius: 100%;margin-right: .5rem;}
.make_middle p{margin-top: 3rem;}
.make_middle p span{display: inline-block;float:left;font-size:1.4rem;color:#555;}
.make_middle p span:nth-child(1){width:25%;margin-left: 5%;}
.make_middle p span:nth-child(2){width: 65%;margin-right: 5%;text-align: right;}
.make_bottom{position: fixed;bottom:0;max-width:640px;width:100%;height:6rem;box-shadow: -1px -1px 5px rgba(51,51,51,.1);background: #fff;}
.make_bottom div{width:90%;margin:0 auto;}
.make_bottom span,.make_bottom label{height:4rem;line-height: 4rem;font-size: 1.5rem;width:46%;float:left;display: inline-block;text-align: center;border-radius: 30px;margin-top: 1rem;}
.make_bottom span img,.make_bottom label img{vertical-align: top;height:1.8rem;position: relative;margin-right: .5rem;top:1rem;}
.make_bottom span:nth-child(1),.make_bottom label{border:1px solid #3E95FF;background: #fff;color:#3E95FF;}
.make_bottom span:nth-child(2){border:1px solid #3E95FF;background: #3E95FF;color:#fff;float: right;}
#tempUploadImg{visibility:hidden;display:inline;height:0;width:0;}

.make_example{position:fixed;max-width:640px;width:100%;height:100%;top:100%;left:0;right:0;margin:auto;background:#f1f1f1;}
.make_example p{text-align: center;}
.make_example .tips{font-size:1.5rem;letter-spacing: 2px;margin-top:5rem;}
.make_example .tips_txt{line-height: 1.9;font-size:1.5rem;}
.make_example .tips_txt i{color:#FCBE00;display: inline-block;font-size:1.4rem;margin-right:1rem;}
.make_example>img{height:20rem;display: block;margin:2rem auto;padding:8px;background:#fff;}
.make_example button{background:#3CA2EF;border:none;display: block;position: absolute;width:90%;bottom:10rem;left:5%;height:3rem;line-height: 3rem;color:#fff;text-align: center;outline:none;}

#form,#form2{height:0;visibility: hidden;}
.loading{position: fixed;max-width:640px;width:100%;height:100%;background: rgba(0,0,0,.5);top:0;text-align: center;display: none;z-index:10000;}
.loading i{display: inline-block;margin-top: 50%;color:#fff;margin-bottom: 1rem;}
.loading p{color:#fff;font-size:1.4rem;}
#specid{display: none;}

.show_body{background:#F7F7F5;}
#show{height:calc(100vh - 28rem);position:relative;}
#show img{position:absolute;top:0;right:0;bottom:0;left:0;height:23rem;margin:auto;padding:8px;background:#fff;}
.show_option{background:#fff;}
.show_option span{width:50%;float:left;border-top:3px solid #fff;height:4rem;line-height:4rem;text-align: center;color:#ccc;font-size:1.4rem;}
.show_option span img{height:2rem;margin-top:1rem;vertical-align: top;}
.show_option span .onImg{display: none;}
.show_option span.on{
    border-top-color:#3CA2EF;color:#3CA2EF;
    background: -moz-linear-gradient(top, #A9D1F4 0%, #ffffff 70%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#A9D1F4), color-stop(70%,#ffffff));
    background: -webkit-linear-gradient(top, #A9D1F4 0%,#ffffff 70%);
    background: -o-linear-gradient(top, #A9D1F4 0%,#ffffff 70%);
    background: -ms-linear-gradient(top, #A9D1F4 0%,#ffffff 70%);
    background: linear-gradient(to bottom, #A9D1F4 0%,#ffffff 70%);
}
.show_option span.on .onImg{display: inline-block;}
.show_option span.on .normalImg{display: none;}
.show_option_content{background:#fff;height:13rem;}
.show_option_back{display: none;}
.show_option_change{display: none;width:100%;position: relative;overflow: hidden;}
.show_option_content .on{display: block;}
.show_save{height:5rem;background:#fff;text-align:center;}
.show_save span{display:inline-block;height:3.5rem;line-height:3.5rem;margin-top:.7rem;width:50%;background:#3CA2EF;color:#fff;border-radius:30px;}
.show_option_change .clearfix{display: none;position:relative;}

.show_option_change .change_woman{width:208rem;}
.change_man{width:196.5rem;}
.change_children{width:277rem;}

.show_option_change .clearfix .fa{font-size:8rem;float:left;margin-top:1rem;margin-left:1.5rem;width:10rem;height:8rem;border:1px solid #ccc;text-align:center;color:#ccc;line-height:8rem;}
.show_option_change .clearfix img{float:left;height:8rem;margin-top:1rem;margin-left:1.5rem;width:10rem;}
.show_option_change .on{display: block;}
.change_option{text-align:center;height:4rem;}
.change_option span{display: inline-block;margin-right:3rem;font-size:1.4rem;line-height:4rem;}
.change_option span:last-child{margin:0;}

.show_option_back .fa{height:3rem;width:3rem;font-size:2rem;float:left;border-radius:100%;border:1px solid #ccc;line-height:3rem;text-align:center;margin:4rem .7rem 0;}
.show_option_back .blue{background: #428ED8;color:#428ED8;}
.show_option_back .white{background:#fff;color:#fff;}
.show_option_back .red{background:#FF0103;color:#FF0103;}
.show_option_back .on{color:#fff;}

.show_save_info{position: fixed;max-width:640px;width:100%;z-index:9999;top:100%;height:80%;background: #fff;}
.show_save_info p{width:90%;margin-left:auto;margin-right:auto;}
.close_save{padding-top:2rem;line-height:2rem;text-align:right;}
.close_save i{font-size:2rem;color:#ccc;}
.show_save_info img{display: block;margin:2rem auto;height:15rem;padding:5px solid #ccc;}
.save_title{margin-bottom:1rem;}
.save_option{margin:1rem 0 2rem;position: relative;}
.save_option span{padding:.5rem 1rem;border-radius:3px;border:1px solid #ccc;margin-right:2rem;display: inline-block;}
.save_option span.on{color:#428ED8;background:rgba(169,209,244,.5);border:1px solid #428ED8;background-image:url(/public/static/images/on_check.png);background-repeat:no-repeat;background-size:contain;background-position: left top;}
.border_shadow{box-shadow:0px 0px 10px rgba(51,51,51,.6);}
.save_pay{width:90%;margin:2rem auto 0;background:#428ed8;color:#fff;height:4rem;line-height: 4rem;text-align:center;font-size:1.6rem;border-radius:30px;}
.save_pay del{font-size:1rem;color:#ccc;}
.save_pay i,.save_pay span{font-style:normal;color:#fff;}
#show_save,.save_pay{}
.show_save_info i{font-style:normal;}
.show_save_info .show_option_back{text-align:center;display: block;}
.show_save_info .show_option_back .fa{height:1.5rem;width:1.5rem;color:transparent !important;margin:0 .5rem;float:none;}

.my_order{background:#F8F6F7;min-height:calc(100vh - 6rem);}
.my_order .tips{background:#FCFAED;color:#E4BE73;padding:1rem 0;text-align:center;font-size:1.4rem;}
.my_order .each{display: block;width:90%;margin:1rem auto;padding:2.5%;background:#fff;}

.my_order .each .choose_this{line-height: 3rem;}
.my_order .each .choose_this i{background:#dedede;color:#777;font-size:1.4rem;height:2rem;width:2rem;display:block;line-height:2rem;text-align:center;border-radius:3px;}
.my_order .each .choose_this i.on{background:#3e95ff;color:#fff;}

.my_order .each .order_num{line-height: 3rem;font-size:1.4rem;border-bottom: 1px solid #ccc}
.my_order .each .left{float:left;width:75%;}
.my_order .each .left h3{font-size:1.4rem;line-height:3rem;height:6rem;font-weight: normal;margin:1rem 0;}
.my_order .each .left .order_time{font-size:1.3rem;}
.my_order .each .right{float:left;width:25%;}
.my_order .each .right img{width:100%;height:auto;}

.print_order_list .each .left h3{height:auto;line-height:1.8;}
.print_order_list .each .left{width:100%;}
.print_order_list .each .right{width:100%;display:flex;flex-wrap:wrap;}
.print_order_list .each .right img{width:25%;}

.photo_detail{background:#F8F6F7;min-height:calc(100vh - 6rem);}
.detail_title{background:#fff;color:#333;font-size:1.5rem;padding:.5rem 2.5%;}
.detail_title a{font-size:1.8rem;margin-right:2rem;}
.photo_detail h2{text-align:center;font-size:1.4rem;font-weight:normal;margin:0 auto 2rem;padding-top:2rem;}
#filename{display: none;}
.detail_img{}
.detail_img img{display: block;margin:0 auto;width:40%;padding:5px;}
.detail_img p{text-align:center;font-size:1.4rem;margin:.5rem 0;}
.detail_save{height:4rem;max-width:640px;width:100%;bottom:6rem;margin-top:30px;}
.detail_save p{text-align:center;font-size:1.4rem;line-height:4rem;}
.detail_save p i{color:#F0B14E;font-size:1.6rem;display: inline-block;margin-right:1rem;}

.fuck_each>p{padding-top:3rem;font-size:1.4rem;text-align:center;color:#999;}
.fuck_each{padding-bottom:2rem;}
#search_btn{height:0;width:0;visibility: hidden;padding: 0;margin: 0;}

.change_pick{position:fixed;width:100%;bottom:12rem;}
.change_pick>p,.change_show>p{text-align:center;font-size:1.4rem;padding:.5rem 0;}
.change_show .show_option_change{display: block;}
.change_show .hide_select{display: none;}

.change_show .show_option_change .change_woman{width:195.5rem;}
.change_show .show_option_change .change_man{width:184rem;}
.change_show .show_option_change .change_children{width:264.5rem;}

.change_size{display: none !important;}
p.change_tips{margin-top:1.5rem;}
.change_show_container{position:fixed;bottom:6rem;width:100%;background: #fff;}
.change_span{width:0 !important;height:0 !important;background:transparent !important;padding: 0 !important;margin: 0 !important;}

/*新增地址相关样式*/
.address{display:none;justify-content:center;background:rgba(0,0,0,.3);position:fixed;width:100%;height:100%;left:0;top:0;z-index:10001;}
.address_container{background:#fff;width:80%;padding:20px 5%;border-radius:10px;height:50%;margin-top:15%;display:none;}
.address_show_container{display:block;}
.address_title{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #f1f1f1;}
.address_title span{font-size:1.5rem;color:#3e95ff;}
.address_title i{font-size:2rem;color:#ccc;font-weight:light;}

.address_box{overflow:auto;height:70%;padding:10px;}
.address_line{box-shadow: 0 0 0 1px rgba(61,119,180,.12), 0 8px 16px 0 rgba(91,139,199,.24);padding:10px;border-radius:5px;display:flex;margin-bottom:15px;}
.address_line .left{width:80%;flex-shrink:0;margin-right:5%;}
.address_line .left .name_tel{margin-bottom:5px;}
.address_line .left .name_tel .name{font-size:1.3rem;color:#444;}
.address_line .left .name_tel .tel{font-size:1.3rem;color:#444;}
.address_line .left .detail_address{font-size:1.3rem;color:#888;}
.address_line .right{color:red;flex-shrink:0;width:15%;border-left:1px solid #f1f1f1;font-size:1.2rem;align-items:center;justify-content:center;display:flex;}

.address_add{text-align:center;}
.address_add button{background:#3e95ff;color:#fff;font-size:1.3rem;border:none;outline:none;border-radius:5px;padding:5px 10px;}
.address_add button+button{margin-left:20px;}

.address_add_line{display:flex;margin-bottom:20px;}
.address_add_line span{width:30%;flex-shrink:0;font-size:1.3rem;display:flex;align-items:center;}
.address_add_line input{width:65%;padding:0 2.5%;flex-shrink:0;height:30px;line-height:30px;border:1px solid #ccc;background:#fff;outline:none;border-radius:5px;}
/*新增冲印订单选项样式*/
.print_options{z-index: 10000;position: fixed;width:100%;height:100%;top:0;left:100%;background: #f1f1f1;overflow:auto;}
.print_box{background: #fff;border-radius: 5px;width:80%;padding:15px 5%;margin:15px auto;box-shadow: 0 5px 10px 1px rgba(200,200,200,.3);}

.print_close{text-align: right;margin:15px 5% 0;}
.print_close #print_close{font-size:2.5rem;color:#333;font-style: normal;}

.print_show{text-align: center;}
.print_show_title{text-align: center;font-size: 1.7rem;color:#222;margin:0;}		
.print_show_tips{text-align: center;color:#ccc;font-size: 1.4rem;margin:0;}
.print_show .print_show_box{width:70%;flex-wrap: wrap;display: flex;margin:5px auto;justify-content: center;}
.print_show .print_show_box img.each{width: 23%;margin:5px 0 0 2%;}
.print_show .print_show_box img.one{width:100%;margin:5px 0 10px;padding-bottom:10px;border-bottom:1px solid #f1f1f1;}
.print_show .print_show_box img:nth-child(4n+1){margin-left:0;}

.print_num{display: flex;justify-content: space-between;align-items: center;}
.print_num .left{font-size:1.5rem;}
.print_num .right{display: flex;align-items: center;font-size:1.5rem;}
.print_num .right span{border:1px solid #ccc;border-radius: 5px;height:2rem;width:2rem;font-size:1.6rem;display: flex;justify-content: center;align-items: center;}
.print_num .right span#print_minus{}
.print_num .right span#print_num{border:none;width:4rem;}
.print_num .right span#print_plus{margin-right: 15px;}

.print_address{padding:0 0 15px;width:90%;margin-bottom:6rem;}

.print_address_title{padding:10px 0;margin:0;background: #3CA2EF;border-radius: 5px 5px 0 0;color:#fff;font-size: 1.5rem;text-align: center;}
#print_choose_address{margin-top: 15px;font-size:1.5rem;display: flex;justify-content: center;align-items: center;}
#print_choose_address span{border-radius: 100%;border:2px solid #3CA2EF;color:#3CA2EF;font-size:1.4rem;width:2rem;height:2rem;display: flex;align-items: center;justify-content: center;margin-right: 10px;}
.print_show_address{display:none;margin:15px 6%;}
.print_show_address p{margin:0;margin-bottom: 10px;}
.print_show_address>p:first-child{font-size:1.4rem;color:#3CA2EF;margin-bottom: 10px;}
.print_show_address .print_selected_name{font-size:1.4rem;}
.print_show_address .print_selected_tel{font-size:1.4rem;}
.print_show_address .print_selected_address{font-size:1.4rem;}

.print_btn{position: fixed;bottom:0;left:100%;text-align: right;background: #fff;width:100%;font-size:1.4rem;}
.print_btn span{color:red;font-size:1.6rem;}
.print_btn span i{font-style: normal;font-size: 2.2rem;letter-spacing: 1px;color:red;}
.print_btn button{background: #3CA2EF;height:6rem;width:20%;border:none;color:#fff;font-size: 1.6rem;margin-left: 20px;}

.print_address_pop .address_line .select_address{width:15%;color:#339933;border-right:1px solid #f1f1f1;display:flex;justify-content:center;align-items:center;font-size:1.2rem;}
.print_address_pop .address_line .left{width:60%;margin:0 5%;}
.print_address_pop .address_line .right{}

.my_print_btn{width: 90%;margin: 1rem auto;padding: 2.5%;}
#all_print{background:#3e95ff;color:#fff;font-size:1.3rem;border:none;outline:none;border-radius:5px;padding:5px 10px;}