@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; background-color:#F7F7F7;}
.top{background: linear-gradient(#CF679C,#DD92B8); width:100%; height:100px; text-align:center;}
.top img{ width:90%; top:50px; position:absolute; left:5%;}
.midbox{ position:absolute; top:200px;bottom:75px; overflow:scroll; width:100%;}
.list{ width:100%; text-align:center; margin-top:40px; position:relative;}
.list img{ width:30%;}
.redpoit{ background-color:#F00; color:#FFF; position:absolute; width:25px; height:25px; border-radius:20px; left:50%;top:10px; margin-left:30px;}
.up img{width:90%; margin-top:40px; margin-left:5%;}
.pay img,.express img{width:90%; margin-top:40px; margin-left:5%;}
.express img{ margin-bottom:40px;}
.bottom{ position:absolute; bottom:0; width:100%; background-color:#FFF; border-top:solid 1px #ccc; height:76px;}
ul,li{ margin:0; padding:0; list-style:none;}
.bottom ul{ width:90%; margin:5% 5% 0 5%;}
.bottom ul li{ width:33.33%; float:left; text-align:center;}
.bottom ul li img{ height:65%;}
a{ border:0;}
.clear{ clear:both;}
.logo{ background-color:#CF679C; height:70px;}
.logo img{ width:35%; margin-left:4%; margin-top:15px;}
.print img{width:96%; margin-top:40px; margin-left:2%;}
.content{ position:absolute; top:75px;bottom:156px; overflow:scroll; width:100%;}
.photobox{ width:47%; position:relative; margin-left:2%; float:left; margin-top:10px; }
.photobox_bg{ width:100%;}
.edit{ position:absolute; top:10px; left:5%; width:40%;}
.del{ position:absolute; top:10px; right:5%; width:40%;}
.photo{ position:absolute; width:95%; top:30px; left:2%;}
.num{ position:absolute; bottom:10px; left:20%;}
.num img{ width:24%; height:30px; float:left;}
.num input{ width:24%; height:30px; float:left; border:0; background-image:url(../images/num_r1_c2_s1.png); background-repeat:no-repeat;background-size:cover; text-align:center; font-size:18px;}
.bottom_btn,.confirm{position:absolute; bottom:76px; width:100%; background-color:#F7F7F7; height:80px;}
.bottom_btn img{ width:47%; margin-left:2%; margin-top:15px;}
.confirm{bottom:10px;}
.confirm img{width:96%; margin-left:2%; margin-top:15px;}
.textbox{ position:relative;}
.textbox ul{ position:absolute; width:96%;left:2%; top:5px;}
.textbox ul li{ margin:2% 5%;}
.textboxbg{ position:absolute; width:96%;left:2%;}
.textname{ width:50%; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; float:left;}
.textfunction{ float:right; width:50%;}
.textfunction img{width:16%; float:right;}
.see{ color:#CF679C; font-size:18px; width:30%;  text-align:center; float:right;}
.textchoose{ float:right; width:50%; color:#CF679C; text-align:right;}
.textchoose input{ border: solid 2px #CF679C;border-radius:5px; width:62px; height:28px; text-align:center; font-size:18px;}
.textnum{float:right; width:50%;text-align:right;}
.textnum input{ border:0; border-top: solid 1px #ccc;border-bottom: solid 1px #ccc; text-align:center; font-size:18px; width:48px; height:28px; float:right;}
.textnum img{ width:46px; height:28px;float:right;}
.textpage,.texttype{float:right; width:50%;text-align:right;}
.textpage img,.texttype img{ width:70px; height:28px;float:right;}
.textpapper{float:right; width:50%;text-align:right;}
.textpapper img{ width:47px; height:28px; float:right;}
.headbg{ width:100%; margin-top:-1px;position:relative}
.headbgimg{ width:100%; position:relative;}
.headpic{ position:absolute; width:110px; left:50%; margin-left:-55px; top:30px;}
.headname{ text-align:center; font-size:24px;position:absolute;top:140px; width:100%;}
.contentbg{ border-bottom:solid 1px #F6F6F6; position:relative; background-color:#fff; margin-top:10px;}
.contentbg ul{ width:100%;}
.contentbg ul li{padding: 5%; font-size:20px; border-bottom:solid 1px #ccc;}
.contentbg ul li:last-child { border:0;}
.contentbg ul li .name{width:30%; overflow:hidden; text-overflow:ellipsis;white-space: nowrap; float:left; margin-top:10px;}
.contentbg ul li .info{ width:70%; text-align:right; float:right; line-height:30px;}
.delivery img{ float:right; width:45%;}