Init Repo
This commit is contained in:
commit
c64195c218
34
.project
Normal file
34
.project
Normal file
@ -0,0 +1,34 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<projectDescription>
|
||||
<name>app1</name>
|
||||
<comment></comment>
|
||||
<projects>
|
||||
</projects>
|
||||
<buildSpec>
|
||||
<buildCommand>
|
||||
<name>com.aptana.ide.core.unifiedBuilder</name>
|
||||
<arguments>
|
||||
</arguments>
|
||||
</buildCommand>
|
||||
<buildCommand>
|
||||
<name>com.pandora.projects.ui.MKeyBuilder</name>
|
||||
<arguments>
|
||||
</arguments>
|
||||
</buildCommand>
|
||||
</buildSpec>
|
||||
<natures>
|
||||
<nature>com.pandora.projects.ui.MKeyNature</nature>
|
||||
<nature>com.aptana.projects.webnature</nature>
|
||||
</natures>
|
||||
<filteredResources>
|
||||
<filter>
|
||||
<id>1550295612120</id>
|
||||
<name></name>
|
||||
<type>26</type>
|
||||
<matcher>
|
||||
<id>org.eclipse.ui.ide.multiFilter</id>
|
||||
<arguments>1.0-name-matches-false-false-node_modules</arguments>
|
||||
</matcher>
|
||||
</filter>
|
||||
</filteredResources>
|
||||
</projectDescription>
|
||||
1
api
Normal file
1
api
Normal file
@ -0,0 +1 @@
|
||||
(function(){ window.BMap_loadScriptTime = (new Date).getTime(); document.write('<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=Zm7kae5pzZogp8a0uwIOlyyz&services=&t=20190123111209"></script>');})();
|
||||
65
css/addessay.css
Normal file
65
css/addessay.css
Normal file
@ -0,0 +1,65 @@
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 98%;
|
||||
font-size: 16px;
|
||||
margin: 0px auto;
|
||||
background: #fff;
|
||||
padding: 5px 5px;
|
||||
}
|
||||
.row select {
|
||||
padding: 0px 5px;
|
||||
margin: 0px 0px;
|
||||
height: 40px;
|
||||
color: #363636 ;
|
||||
font-size: 16px;
|
||||
direction: rtl;
|
||||
/* text-align: right; */
|
||||
}
|
||||
.row select::placeholder {
|
||||
text-align: right;
|
||||
color: #ccc ;
|
||||
|
||||
}
|
||||
.row select option {
|
||||
color: #363636 ;
|
||||
text-align: right;
|
||||
}
|
||||
.row input {
|
||||
padding: 0px 5px;
|
||||
margin: 0px 0px;
|
||||
color: #363636;
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
border: 0px;
|
||||
}
|
||||
.row_text{
|
||||
display: inline-block;
|
||||
min-width: 100px;
|
||||
font-size: 16px;
|
||||
font-weight: 200;
|
||||
color: #363636;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.down {
|
||||
margin: 55px auto ;
|
||||
|
||||
}
|
||||
.down .btn {
|
||||
margin: 0px auto ;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
padding: 10px auto;
|
||||
background: #DD524D;
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
color: #FDECEA;
|
||||
}
|
||||
/* 添加备忘录图片控制 */
|
||||
.row_bottom .btn {
|
||||
margin: 5px 0px;
|
||||
}
|
||||
|
||||
291
css/addgoods.css
Normal file
291
css/addgoods.css
Normal file
@ -0,0 +1,291 @@
|
||||
.addcon_con {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
padding: 0px 7px;
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
/* flex: 1; */
|
||||
|
||||
}
|
||||
.addcon_con label {
|
||||
width: 100px;
|
||||
font-size: 16px;
|
||||
color: #363636;
|
||||
|
||||
}
|
||||
.addcon_con input::-webkit-input-placeholder {
|
||||
font-size: 13px;
|
||||
text-align: right;
|
||||
}
|
||||
.addcon_con input,.addcon_con select {
|
||||
/* width: 230px; */
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
height: 21px;
|
||||
text-align: right;
|
||||
overflow: hidden;
|
||||
font-size: 16px;
|
||||
/* flex: 0; */
|
||||
}
|
||||
/* 申请商都商厦商超*/
|
||||
.addcon_con #shopId{
|
||||
width: 180px;
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
height: 21px;
|
||||
|
||||
}
|
||||
|
||||
|
||||
.addcon .addcon_con .label-t {
|
||||
font-size: 16px;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.renzhengphoto {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
padding: 7px;
|
||||
flex: 1;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.renzhengphoto label {
|
||||
width: 100px;
|
||||
font-size: 16px;
|
||||
color: #363636;
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
.photos {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 0 0 80%;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0px 7px;
|
||||
|
||||
}
|
||||
.photos_con {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-start;
|
||||
}
|
||||
.delete{
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
position: absolute;
|
||||
top:5px;
|
||||
right: 5px;
|
||||
z-index: 99;
|
||||
color: #f00;
|
||||
|
||||
/* filter:drop-shadow( -25px 0 red);
|
||||
border-left: 20px solid transparent; */
|
||||
}
|
||||
.delete img {
|
||||
filter: opacity(100%);
|
||||
|
||||
}
|
||||
.photos_con .photo {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin-left: 20px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.photos_con .photo img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.photos span {
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
color: #959595;
|
||||
|
||||
}
|
||||
.addcon_con .defalut_type{
|
||||
/* flex: 1; */
|
||||
width: 100px;
|
||||
}
|
||||
.grounding {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.grounding .checkinp {
|
||||
/* flex: 0 0 12%; */
|
||||
width: auto;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.addcon_con .grounding label {
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
.addcon_con .radio{
|
||||
width: 20px;
|
||||
}
|
||||
|
||||
.renzhengphoto .photos span {
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
}
|
||||
.ossfile {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #ccc;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.selectarea{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.selectarea select{
|
||||
text-align: center;
|
||||
height: 40px;
|
||||
color: #7B7B7B;
|
||||
width: 170px;
|
||||
background: url(../img/sanjiaoxia.png) no-repeat right center;
|
||||
background-size: 16px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
}
|
||||
.pricset {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
padding: 0px 7px;
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
flex: 1;
|
||||
|
||||
}
|
||||
|
||||
.pricset label {
|
||||
color: #363636;
|
||||
font-size: 13px;
|
||||
}
|
||||
.pricset_con .addcon_con label {
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #363636;
|
||||
}
|
||||
.label-t{
|
||||
margin: 0 5px;
|
||||
|
||||
}
|
||||
.pricset_con input {
|
||||
margin: 0 5px;
|
||||
text-align: center;
|
||||
flex: 0 0 33.3333%;
|
||||
border: 1px solid #ccc;
|
||||
height: 28px;
|
||||
|
||||
}
|
||||
|
||||
.pricset select {
|
||||
margin: 0 5px;
|
||||
width: auto;
|
||||
}
|
||||
.goodsDesc{
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
background: #fff;
|
||||
}
|
||||
.goodsDesc .w-e-toolbar{
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.pre{
|
||||
/* height: 100%; */
|
||||
}
|
||||
.btn {
|
||||
padding: 0 40px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
.bc_btn {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
width: 70%;
|
||||
margin: 20px auto;
|
||||
color: #fff;
|
||||
background: #FF1A03;
|
||||
border-radius: 15px;
|
||||
}
|
||||
.prelook{
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
/* 上传凭证 */
|
||||
.info{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
background: #fff;
|
||||
height: 80px;
|
||||
position: relative;
|
||||
padding: 5px 7px;
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
flex: 1;
|
||||
|
||||
}
|
||||
.info label {
|
||||
width: 100px;
|
||||
font-size: 16px;
|
||||
color: #363636;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.info textarea::-webkit-input-placeholder {
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
}
|
||||
.info textarea {
|
||||
/* width: 230px; */
|
||||
border: 1px solid #ccc;
|
||||
font-size: 16px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
height: 70px;
|
||||
text-align: left;
|
||||
}
|
||||
/* 上传凭证结束 */
|
||||
.info #content{
|
||||
border: 1px solid #ccc;
|
||||
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
height: 70px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
439
css/addqrrz.css
Normal file
439
css/addqrrz.css
Normal file
@ -0,0 +1,439 @@
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
padding: 0px 7px;
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
flex: 1;
|
||||
|
||||
}
|
||||
.row label {
|
||||
min-width: 100px;
|
||||
font-size: 17px;
|
||||
color: #363636;
|
||||
}
|
||||
|
||||
.row input {
|
||||
/* width: 230px; */
|
||||
font-size: 17px;
|
||||
color: #363636;
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
height: 21px;
|
||||
text-align: right;
|
||||
}
|
||||
.row .selectarea{
|
||||
/* width: 60%; */
|
||||
height: 100%;
|
||||
display: flex;
|
||||
/* justify-content: space-between; */
|
||||
/* align-items: center; */
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-start;
|
||||
flex: 0 0 78%;
|
||||
|
||||
}
|
||||
|
||||
.row .selectarea select{
|
||||
/* margin: 10px; */
|
||||
text-align: center;
|
||||
margin-right: 5px;
|
||||
width: 30%;
|
||||
height: 40px;
|
||||
color: #7B7B7B;
|
||||
|
||||
}
|
||||
.storepos{
|
||||
height: 200px;
|
||||
}
|
||||
.areainp .selectarea select{
|
||||
background-size: 16px;
|
||||
}
|
||||
.row .selectarea select option{
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
.row input::-webkit-input-placeholder {
|
||||
font-size: 17px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.selectfile {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.row select {
|
||||
width: 170px;
|
||||
background: url(../img/sanjiaoxia.png) no-repeat right center;
|
||||
background-size: 16px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
.renzhengphoto {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
padding: 7px;
|
||||
flex: 1;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
|
||||
.renzhengphoto label {
|
||||
width: 100px;
|
||||
font-size: 16px;
|
||||
color: #363636;
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
.photos {
|
||||
align-self: flex-start;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 0 0 80%;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0px 7px;
|
||||
|
||||
}
|
||||
.photos_con {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-start;
|
||||
}
|
||||
|
||||
/*
|
||||
.photos_con .photo {
|
||||
margin-left: 20px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
} */
|
||||
.photos_con .photo {
|
||||
display: flex;
|
||||
flex-direction:column ;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-left: 20px;
|
||||
margin-bottom: 10px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
/* .photoimg{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
} */
|
||||
.photos_con .photo img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.photos span {
|
||||
display: inline-block;
|
||||
font-size: 15px;
|
||||
color: #959595;
|
||||
|
||||
}
|
||||
.num .renzhengphoto{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content:flex-start;
|
||||
align-items: flex-start;
|
||||
/* flex: 2.6; */
|
||||
}
|
||||
.num .renzhengphoto .photos{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin-top: 10px;
|
||||
width: 100%;
|
||||
/* flex:0 0 100%; */
|
||||
}
|
||||
.num .renzhengphoto label{
|
||||
font-size: 13px;
|
||||
/* font-weight: 300; */
|
||||
width: 100%;
|
||||
/* flex: 1; */
|
||||
}
|
||||
.num .renzhengphoto .photos label{
|
||||
width: 80px;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
}
|
||||
/* .renzhengphoto .photos{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between!!important ;
|
||||
align-items: flex-start;
|
||||
flex: 2.6;
|
||||
} */
|
||||
/* .renzhengphoto .photos span {
|
||||
font-size: 12px;
|
||||
height: 20px; */
|
||||
/* padding-left: 5px; */
|
||||
/* }
|
||||
.renzhengphoto .photos .photos_con{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center; */
|
||||
/* width:270px; */
|
||||
/* text-align: center; */
|
||||
/* }
|
||||
.num .renzhengphoto .photos .photos_con .mui-icon{
|
||||
left: 45px;
|
||||
font-size: 28px;
|
||||
}
|
||||
.renzhengphoto {
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
padding: 7px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.renzhengphoto label {
|
||||
width: 100px;
|
||||
font-size: 13px;
|
||||
color: #363636;
|
||||
align-self: flex-start;
|
||||
}
|
||||
.renzhengphoto .photos span {
|
||||
font-size: 12px;
|
||||
height: 20px; */
|
||||
/* padding-left: 5px; */
|
||||
/* } */
|
||||
|
||||
/*
|
||||
.files_out {
|
||||
text-align: center;
|
||||
padding-top: 24px;
|
||||
} */
|
||||
/* .photos span {
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
color: #959595;
|
||||
|
||||
} */
|
||||
|
||||
/* .photos .mui-icon {
|
||||
font-size: 30px;
|
||||
color: #fff;
|
||||
position: absolute;
|
||||
top: 25px;
|
||||
left: 25px;
|
||||
}
|
||||
*/
|
||||
|
||||
|
||||
/* .ossfile {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #ccc;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
} */
|
||||
|
||||
/* .photoimg {
|
||||
width: 70%;
|
||||
text-align: right;
|
||||
/* overflow: hidden; */
|
||||
} */
|
||||
|
||||
.info {
|
||||
position: relative;
|
||||
/* display: inline-block; */
|
||||
width: 37%;
|
||||
font-size: 12px;
|
||||
bottom: 3px;
|
||||
color: #aaa;
|
||||
}
|
||||
|
||||
/* .photoimg .mui-icon {
|
||||
position: absolute;
|
||||
top: 28px;
|
||||
left: 30px;
|
||||
color: #fff;
|
||||
} */
|
||||
|
||||
#bankUserName {
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
right: 30px;
|
||||
width: 200px;
|
||||
/* background: #6600FF; */
|
||||
|
||||
}
|
||||
|
||||
.mui-scroll .con .row .mui-table-view-cell-head {
|
||||
width: 30%;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.selectfile img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.thumbnail-img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.thumbnail-img .mui-icon {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
font-size: 40px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.mui-table-view-cell-hkimg {
|
||||
width: 50%;
|
||||
/* background: pink; */
|
||||
}
|
||||
|
||||
.hkimg {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.userimg {
|
||||
height: 100px;
|
||||
|
||||
}
|
||||
|
||||
.mui-btn-block {
|
||||
width: 70%;
|
||||
margin: 30px auto;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.YZTEL {
|
||||
margin: 50px auto;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.YZTEL .mui-table-view-cell {
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.YZTEL label {
|
||||
width: 25%;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.mui-table-view .mui-table-view-cell {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.mui-table-view .mui-table-view-cell #indiv-tel {
|
||||
width: 80%;
|
||||
text-align: left;
|
||||
border: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.mui-table-view .mui-table-view-cell .YZM {
|
||||
display: inline-block;
|
||||
width: 40%;
|
||||
border: 0px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
text-align: left;
|
||||
|
||||
}
|
||||
|
||||
.mui-table-view .mui-table-view-cell input::-webkit-input-placeholder {
|
||||
font-size: 16px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.mui-table-view .mui-table-view-cell .HQYZM {
|
||||
width: 40%;
|
||||
height: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
padding: 0px;
|
||||
margin: 0px;
|
||||
text-align: center;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.bc_btn {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
|
||||
|
||||
text-align: center;
|
||||
width: 70%;
|
||||
margin: 30px auto;
|
||||
|
||||
|
||||
color: #fff;
|
||||
background: #FF1A03;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.lxy_home_zz ul {
|
||||
width: 83%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
top: 40%;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
background: #fff;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.lxy_zz input {
|
||||
/* position: absolute; */
|
||||
width: 88%;
|
||||
display: block;
|
||||
/* top:50%;
|
||||
left: 10%; */
|
||||
margin: 10px auto;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.lxy_zz_btn {
|
||||
/* display: flex; */
|
||||
/* justify-content: space-between; */
|
||||
width: 40%;
|
||||
margin: 15px auto;
|
||||
text-align: center;
|
||||
background: #FF0404;
|
||||
color: #FFFFFF;
|
||||
border: 1px solid #FF0404;
|
||||
border-radius: 15px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
}
|
||||
233
css/addshopping.css
Normal file
233
css/addshopping.css
Normal file
@ -0,0 +1,233 @@
|
||||
.addshopping-title {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
width: 100%;
|
||||
background: #000000;
|
||||
text-align: center;
|
||||
/* font-size: 18px; */
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.addshopping-title a {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #242424;
|
||||
border-radius: 30px;
|
||||
line-height: 30px;
|
||||
color: #fff;
|
||||
/* padding-top: 15px; */
|
||||
/* margin-top: 15px; */
|
||||
}
|
||||
|
||||
.mui-action-back {
|
||||
font-size: 26px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
/* top: 0px; */
|
||||
left: 15px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.addshopping-title h3 {
|
||||
display: inline-block;
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
/* margin-top: -3px; */
|
||||
}
|
||||
|
||||
.addcon-title {
|
||||
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
background: #CCCCCC;
|
||||
margin: 0 auto;
|
||||
font-size: 14px;
|
||||
|
||||
}
|
||||
|
||||
.addcon_title {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
|
||||
.num1{
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 1px solid #666;
|
||||
border-radius: 20px;
|
||||
background: #fff;
|
||||
|
||||
}
|
||||
.active {
|
||||
background: #0062CC;
|
||||
}
|
||||
.num1 span {
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.pre {
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.pre-title h3 {
|
||||
font-size: 15px;
|
||||
|
||||
}
|
||||
|
||||
.pre-con span {
|
||||
width: 30%;
|
||||
height: 15px;
|
||||
font-size: 12px;
|
||||
display: inline-block;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
|
||||
.pre-con input {
|
||||
width: 68%;
|
||||
height: 15px;
|
||||
font-size: 12px;
|
||||
|
||||
}
|
||||
|
||||
.shangjia {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-content: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.shangjia span {
|
||||
display: inline-block;
|
||||
width: 30%;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
|
||||
.shangjia label {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.thumbnail-title {
|
||||
margin: 15px auto;
|
||||
}
|
||||
|
||||
.thumbnail-title span {
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.thumbnail-img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.thumbnail-img .mui-icon {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
font-size: 40px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.shopadds-title {
|
||||
margin: 15px auto;
|
||||
}
|
||||
|
||||
.shopadds-img {
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.pre-con2 form {}
|
||||
|
||||
.pre-con2 form span {
|
||||
display: inline-block;
|
||||
width: 35%;
|
||||
text-align: right;
|
||||
font-size: 14px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
}
|
||||
|
||||
.pre-con2 select {
|
||||
width: 55%;
|
||||
border: 0px;
|
||||
padding: 2px;
|
||||
font-size: 14px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
|
||||
|
||||
|
||||
}
|
||||
|
||||
.pre-con2 table th {
|
||||
width: 30%;
|
||||
|
||||
}
|
||||
|
||||
.pre-con2 table tr {
|
||||
text-align: center;
|
||||
|
||||
}
|
||||
|
||||
.pre-con2 table .table-tr {
|
||||
border-bottom: 1px solid #000;
|
||||
|
||||
}
|
||||
|
||||
.pre-con2 table tr td {
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
font-size: 13px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.pre-con2 table tr td input {
|
||||
height: 25px;
|
||||
margin: 0px;
|
||||
padding: 1px 2px;
|
||||
width: 80%;
|
||||
line-height: 25px;
|
||||
|
||||
}
|
||||
|
||||
.nextbtn {
|
||||
text-align: center;
|
||||
margin: 10px auto;
|
||||
}
|
||||
.yulanbtn{
|
||||
text-align: center;
|
||||
margin: 10px auto;
|
||||
|
||||
}
|
||||
.btn{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 50%;
|
||||
margin: 10px auto;
|
||||
}
|
||||
|
||||
0
css/addyhk.css
Normal file
0
css/addyhk.css
Normal file
162
css/applicationopen.css
Normal file
162
css/applicationopen.css
Normal file
@ -0,0 +1,162 @@
|
||||
.con-nav {
|
||||
/* width: 100%; */
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.con-nav ul {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
list-style: none;
|
||||
/* padding: 0px; */
|
||||
margin: 10px 2px;
|
||||
/* display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center; */
|
||||
padding: 5px 1px;
|
||||
/* overflow-x: scroll; */
|
||||
}
|
||||
|
||||
.con-nav ul li {
|
||||
padding: 0px 20px;
|
||||
line-height: 40px;
|
||||
background: #999999;
|
||||
display: inline-block;
|
||||
color: #fff;
|
||||
float: left;
|
||||
margin: 0px -16px 0px 0px;
|
||||
position: relative;
|
||||
font-size: 14px;
|
||||
/* text-align: center; */
|
||||
width: 28%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
|
||||
}
|
||||
|
||||
.con-nav ul li:after {
|
||||
content: '';
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
display: block;
|
||||
border: 20px solid transparent;
|
||||
/* border-bottom: 20px solid transparent; */
|
||||
border-left: 20px solid #999999;
|
||||
position: absolute;
|
||||
right: -21px;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.con-nav ul li:before {
|
||||
content: '';
|
||||
display: block;
|
||||
border: 20px solid transparent;
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
/* border-top: 20px solid transparent;
|
||||
border-bottom: 20px solid transparent; */
|
||||
border-left: 20px solid #fff;
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
top: 0;
|
||||
right: -20px;
|
||||
|
||||
}
|
||||
|
||||
.con-nav ul li:first-child {
|
||||
border-radius: 4px 0 0 4px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.con-nav ul li:last-child,
|
||||
.cssNavEnd {
|
||||
border-radius: 0px 4px 4px 0px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.con-nav ul li:first-child:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.con-nav ul li:last-child:after,
|
||||
.cssNavEnd:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.con-nav ul li.active {
|
||||
background-color: #ef72b6;
|
||||
/* width: 120px; */
|
||||
}
|
||||
|
||||
.con-nav ul li.active:after {
|
||||
border-left-color: #ef72b6;
|
||||
}
|
||||
|
||||
.con-content {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.storepos label {
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.num .areainp {
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
#allmap {
|
||||
flex: 0 0 80%;
|
||||
height: 200px;
|
||||
/* z-index: 0; */
|
||||
}
|
||||
|
||||
.num .renzhengphoto .photos .photo {
|
||||
width: 100px;
|
||||
}
|
||||
|
||||
.num .renzhengphoto .photos .photo img {
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.confirmationtext {
|
||||
/* height: 200px; */
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
/* overflow: hidden; */
|
||||
}
|
||||
|
||||
.confirmationtext .confirmationtext_con {
|
||||
height: 200px;
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
padding: 10px 4px;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
.oper {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.oper .next {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.pre {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.pre_btn {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
width: 70%;
|
||||
margin: 30px auto;
|
||||
color: #fff;
|
||||
background: #FF1A03;
|
||||
border-radius: 15px;
|
||||
}
|
||||
145
css/appraise.css
Normal file
145
css/appraise.css
Normal file
@ -0,0 +1,145 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
body{
|
||||
/*background: white;*/
|
||||
}
|
||||
.clearfix::before,
|
||||
.clearfix::after {
|
||||
display: block;
|
||||
content: '';
|
||||
visibility: hidden;
|
||||
height: 100%;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
body {
|
||||
padding-top: 2%;
|
||||
}
|
||||
.gallety{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
height: 80px;
|
||||
}
|
||||
.my-gallery {
|
||||
width: 200%;
|
||||
margin: 0 auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.my-gallery .img-dv {
|
||||
width: 78px;
|
||||
height: 78px;
|
||||
margin-bottom: 1%;
|
||||
}
|
||||
|
||||
.my-gallery .img-dv a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.my-gallery .img-dv a img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/*vertical-align: middle;*/
|
||||
}
|
||||
|
||||
figure {
|
||||
float: left;
|
||||
margin: 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.con{
|
||||
/*margin-top: 66px;*/
|
||||
}
|
||||
|
||||
.con_{
|
||||
background: white ;
|
||||
}
|
||||
.nav {
|
||||
font-size: 12px;
|
||||
margin-bottom: 8px;
|
||||
}
|
||||
.nav div{
|
||||
float: left;
|
||||
width: 30%;
|
||||
height: 30px;
|
||||
text-align: center;
|
||||
line-height: 30px;
|
||||
margin-left: 2.5%;
|
||||
background: #fdecea;
|
||||
border-radius: 15px;
|
||||
color: #525252;
|
||||
}
|
||||
.nav .on{
|
||||
background: #E6122B;
|
||||
color: white;
|
||||
}
|
||||
|
||||
|
||||
.pj_breviary {
|
||||
padding: 12px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.pjbtitle p {
|
||||
color: #e61329;
|
||||
font-size: 18px;
|
||||
float: left;
|
||||
margin: 0;
|
||||
line-height: 25.2px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.pjbcon {
|
||||
color: #525252;
|
||||
font-size: 18px;
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
.pjclass {
|
||||
color: #909090;
|
||||
font-size: 18px;
|
||||
}
|
||||
.pjbtitle img {
|
||||
width: 25.2px;
|
||||
height: 25.2px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
|
||||
}
|
||||
.pj_title {
|
||||
color: black;
|
||||
padding: 9px 12px;
|
||||
margin: 0;
|
||||
}
|
||||
.pjzhuijia{
|
||||
padding: 9px 6px;
|
||||
background: #e4e4e4;
|
||||
border-radius: 4.8px;
|
||||
font-size: 18px;
|
||||
margin-top: 4px;
|
||||
}
|
||||
.zjpj{
|
||||
position: relative;
|
||||
padding-top: 0.1px;
|
||||
}
|
||||
.sanjiao{
|
||||
position: absolute;
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
transform: rotate(45deg);
|
||||
background: #e4e4e4;
|
||||
left: 32px;
|
||||
}
|
||||
.pswp__top-bar{
|
||||
margin-top: 20px;
|
||||
}
|
||||
.nav_{
|
||||
margin-top: 5px;
|
||||
}
|
||||
42
css/bill.css
Normal file
42
css/bill.css
Normal file
@ -0,0 +1,42 @@
|
||||
.con {
|
||||
padding-top: 10px;
|
||||
}
|
||||
.row{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 10px;
|
||||
font-size: 12px;
|
||||
color: #909090;
|
||||
/* height: 40px; */
|
||||
background: #fff;
|
||||
}
|
||||
.row .left{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
|
||||
}
|
||||
.row .left img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.row .num {
|
||||
width: 100px;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
font-size: 15px;
|
||||
}
|
||||
.row .context{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: space-between;
|
||||
text-align: left;
|
||||
flex: 2;
|
||||
margin-left: 20px;
|
||||
}
|
||||
.row .context .con_text{
|
||||
font-size: 14px
|
||||
}
|
||||
.
|
||||
191
css/cash-out.css
Normal file
191
css/cash-out.css
Normal file
@ -0,0 +1,191 @@
|
||||
.idc-total {
|
||||
width: 96%;
|
||||
margin: 0 auto 8px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
padding-left: 5px;
|
||||
|
||||
/* border-bottom: 1px solid #ccc; */
|
||||
}
|
||||
|
||||
.idc-total h4 {
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
.idc-total input {
|
||||
font-size: 18px;
|
||||
margin-right: 10px;
|
||||
text-align: right;
|
||||
width: 40%;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.btns {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.bg .btns div {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
width: 40%;
|
||||
margin: 5px auto;
|
||||
color: #fff;
|
||||
background: #FF1A03;
|
||||
border-radius: 15px;
|
||||
}
|
||||
.tx-title {
|
||||
width: 100%;
|
||||
height: 49px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tx-title a {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
font-size: 30px;
|
||||
color: #909090;
|
||||
line-height: 50px;
|
||||
left: 5px;
|
||||
top:0px;
|
||||
}
|
||||
|
||||
.tx-title p {
|
||||
line-height: 48px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
font-size: 18px;
|
||||
}
|
||||
.btns div {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
width: 40%;
|
||||
margin: 30px auto;
|
||||
color: #fff;
|
||||
background: #FF1A03;
|
||||
border-radius: 15px;
|
||||
}
|
||||
.footer{
|
||||
position: fixed;
|
||||
left: 0;
|
||||
/* top: 0; */
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
height: 40px;
|
||||
}
|
||||
.bg {
|
||||
background: rgba(1, 1, 1, 0.1);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
/* top: 0; */
|
||||
bottom: 0px;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
.bg .row{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
padding: 0px 7px;
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
flex: 1;
|
||||
}
|
||||
.bg .row label {
|
||||
width: 100px;
|
||||
font-size: 16px;
|
||||
color: #363636;
|
||||
|
||||
}
|
||||
.mui-popup-input input{
|
||||
border: 0px;
|
||||
}
|
||||
.bg .row select{
|
||||
/* margin: 10px; */
|
||||
/* text-align: right; */
|
||||
margin-bottom: 0px;
|
||||
margin-right: 5px;
|
||||
/* width: 30%; */
|
||||
height: 40px;
|
||||
color: #7B7B7B;
|
||||
padding: 0px;
|
||||
}
|
||||
.bg .row input {
|
||||
/* width: 230px; */
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
height: 21px;
|
||||
text-align: left;
|
||||
font-size: 16px;
|
||||
color:#7B7B7B;
|
||||
}
|
||||
.idc-list {
|
||||
width: 96%;
|
||||
height: 120px;
|
||||
background: #FEEAE9;
|
||||
margin: 0 auto;
|
||||
/* background: #fff; */
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
/* border-bottom: 1px solid #ccc; */
|
||||
border: 1px solid #FEEAE9;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 8px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.idc-list-price {
|
||||
/* flex: 0 0 30%; */
|
||||
|
||||
}
|
||||
|
||||
.idc-list-right {
|
||||
/* flex: 0 0 70%; */
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
padding-left: 30px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.idc-list-title {
|
||||
width: 200px;
|
||||
font-size: 16px;
|
||||
font-weight: 200;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.idc-list-price {
|
||||
font-size: 16px;
|
||||
color: #F02C43;
|
||||
}
|
||||
|
||||
.idc-list-user {
|
||||
|
||||
font-size: 16px;
|
||||
margin-bottom: 15px;
|
||||
|
||||
}
|
||||
|
||||
.idc-list-time {
|
||||
width: 50%;
|
||||
font-size: 14px;
|
||||
/* color: #F02C43; */
|
||||
bottom: 10px;
|
||||
}
|
||||
20
css/complain.css
Normal file
20
css/complain.css
Normal file
@ -0,0 +1,20 @@
|
||||
.con {
|
||||
background: white;
|
||||
padding: 10px 5%;
|
||||
}
|
||||
|
||||
select {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
button {
|
||||
width: 90%;
|
||||
background: #f02c43;
|
||||
margin: 10px 5%;
|
||||
text-align: center;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 15.6px;
|
||||
color: #fff;
|
||||
border: none;
|
||||
height: 40px;
|
||||
}
|
||||
151
css/confirmOrder.css
Normal file
151
css/confirmOrder.css
Normal file
@ -0,0 +1,151 @@
|
||||
.scroll_out{
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
bottom: 50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
|
||||
.c1_r input{
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
height: 22px;
|
||||
width: calc( 100% );
|
||||
font-size: 18px;
|
||||
}
|
||||
.c1_r{
|
||||
width: calc(100% - 100px);
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.c1_l input::-webkit-input-placeholder { /* WebKit browsers */
|
||||
font-size:18px;
|
||||
}
|
||||
.c1_l input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
|
||||
font-size:18px;
|
||||
}
|
||||
.c1_l input::-moz-placeholder { /* Mozilla Firefox 19+ */
|
||||
font-size:18px;
|
||||
}
|
||||
.c1_l input:-ms-input-placeholder { /* Internet Explorer 10+ */
|
||||
font-size:18px;
|
||||
}
|
||||
|
||||
|
||||
.js_r{
|
||||
float: right;
|
||||
line-height: 50px;
|
||||
}
|
||||
.js_r span{
|
||||
font-size: 12px;
|
||||
}
|
||||
.js_r span j{
|
||||
color: #e94744;
|
||||
}
|
||||
.js_r span o{
|
||||
color: #909090;
|
||||
}
|
||||
.btn_tj{
|
||||
display: inline-block;
|
||||
width: 102px;
|
||||
height: 51px;
|
||||
background: -moz-linear-gradient(left, #ff0423, #ff58a3);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#ff0423), to(#ff58a3));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #ff0423, #ff58a3);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #ff0423, #ff58a3);
|
||||
/*Opera11*/
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
|
||||
.isHb{
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
line-height: 41px;
|
||||
padding:0 10px;
|
||||
}
|
||||
.h_left{
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
}
|
||||
.h_left o{
|
||||
color: #909090;
|
||||
}
|
||||
.he_right{
|
||||
float: right;
|
||||
height: 41px;
|
||||
width: 80px;
|
||||
position: relative;
|
||||
}
|
||||
.checkout{
|
||||
width: 42px;
|
||||
height: 25px;
|
||||
border-radius: 15px;
|
||||
/*background: #2ddd87;*/
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 7px;
|
||||
border:1px solid #909090;
|
||||
}
|
||||
.check_btn{
|
||||
position: absolute;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
background: white;
|
||||
border-radius: 50%;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
border:1px solid #909090;
|
||||
}
|
||||
.he_right .on{
|
||||
top: 8px;
|
||||
border: none;
|
||||
height: 23px;
|
||||
background: #2ddd87;
|
||||
}
|
||||
|
||||
.he_right .on .check_btn{
|
||||
border: none;
|
||||
left: 20px;
|
||||
}
|
||||
select{
|
||||
margin: 0;
|
||||
padding: 0 ;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
.mui-table-view-cell:after{
|
||||
height: 0;
|
||||
}
|
||||
.mui-table-view-cell.mui-collapse .mui-collapse-content{
|
||||
width: 100%;
|
||||
background: transparent;
|
||||
}
|
||||
.row_{
|
||||
width: 100%;
|
||||
font-size: 13.2px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
}
|
||||
|
||||
.shop_info{
|
||||
background: white;
|
||||
border-bottom: none;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.row_block{
|
||||
background: white;
|
||||
}
|
||||
.row_block img{
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.rcr {
|
||||
background: white;
|
||||
}
|
||||
0
css/cooperative.css
Normal file
0
css/cooperative.css
Normal file
916
css/details.css
Normal file
916
css/details.css
Normal file
@ -0,0 +1,916 @@
|
||||
body {
|
||||
background: #f4f2f2;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
z-index: 10;
|
||||
background: transparent;
|
||||
border: none;
|
||||
box-shadow: 0 0 0;
|
||||
height: 66px;
|
||||
}
|
||||
|
||||
body .header1 {
|
||||
z-index: 11;
|
||||
opacity: 0;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
background: rgba(255, 255, 255, 1);
|
||||
border: none;
|
||||
box-shadow: 0 0 0;
|
||||
height: 66px;
|
||||
display: none;
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
|
||||
.mui-bar-nav.mui-bar .mui-icon {
|
||||
/*margin-left: 0;*/
|
||||
}
|
||||
|
||||
.mui-title {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.zhe {
|
||||
opacity: 0;
|
||||
}
|
||||
.icon-cart{
|
||||
margin-top:.35rem;
|
||||
margin-right:.5rem;
|
||||
float: right;
|
||||
}
|
||||
.header .mui-action-back {
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
border-radius: 50%;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.header1 .mui-action-back {
|
||||
/*margin-top: 20px;*/
|
||||
color: black;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.mui-bar-nav {
|
||||
box-shadow: none;
|
||||
background: rgba(0, 0, 0, 0)
|
||||
}
|
||||
|
||||
.header1 .on {
|
||||
border-bottom: 3px solid #ff0000;
|
||||
color: #e61329;
|
||||
}
|
||||
|
||||
.p1 {
|
||||
float: left;
|
||||
height: 45px;
|
||||
line-height: 46px;
|
||||
width: 26.41px;
|
||||
margin-left: calc(25% - 35px);
|
||||
font-size: 13.2px;
|
||||
}
|
||||
|
||||
.back {
|
||||
position: absolute;
|
||||
left: 15px;
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
.back img,
|
||||
.like img,
|
||||
.menu img {
|
||||
width: 37.2px;
|
||||
height: 37.2px;
|
||||
}
|
||||
|
||||
.like {
|
||||
position: absolute;
|
||||
left: 279px;
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
.menu {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
.banner {
|
||||
width: 100%;
|
||||
height: 387px;
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.swiper-container {
|
||||
width: 100%;
|
||||
/*height: 387px;*/
|
||||
box-shadow: 0 -1px 3px #ddd;
|
||||
}
|
||||
|
||||
.swiper-slide {
|
||||
text-align: center;
|
||||
/* 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-pagination-bullet-active {
|
||||
background: #e94947;
|
||||
}
|
||||
|
||||
.swiper-slide {}
|
||||
|
||||
.swiper-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.summarize {
|
||||
background: white;
|
||||
width: 100%;
|
||||
margin-bottom: 5px ;
|
||||
}
|
||||
|
||||
.cname {
|
||||
font-size: 14.4px;
|
||||
padding:0 10px 5px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.price {
|
||||
color: #F02A40;
|
||||
font-size: 21.6px;
|
||||
margin: 0;
|
||||
padding:5px 10px;
|
||||
|
||||
}
|
||||
.summarize .xxl{
|
||||
color: white;
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
}
|
||||
|
||||
.price o{
|
||||
font-size: 15px;
|
||||
color: #909090;
|
||||
}
|
||||
.summarize .xxl o{
|
||||
font-size: 15px;
|
||||
color: white;
|
||||
}
|
||||
.price_old {
|
||||
color: #909090;
|
||||
font-size: 15px;
|
||||
/*padding-left: 9px;*/
|
||||
/*padding-bottom: 9px;*/
|
||||
margin: 0;
|
||||
padding: 5px 10px 0;
|
||||
}
|
||||
|
||||
.compilations {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
line-height: 24px;
|
||||
font-size: 10.8px;
|
||||
color: #727272;
|
||||
}
|
||||
|
||||
.myf {
|
||||
position: absolute;
|
||||
left: 9px;
|
||||
}
|
||||
|
||||
.yx {
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.dz {
|
||||
position: absolute;
|
||||
right: 9px;
|
||||
}
|
||||
|
||||
.compilations {
|
||||
/*border-bottom: 1px solid #e6e6e6;*/
|
||||
/*padding-bottom: 9px;*/
|
||||
}
|
||||
|
||||
.guarantee {
|
||||
width: 100%;
|
||||
margin-bottom: 5px ;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.guarantee .row {
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
}
|
||||
|
||||
.mui-table-view-cell:after{
|
||||
height: 0;
|
||||
}
|
||||
.mui-table-view-cell.mui-collapse .mui-collapse-content{
|
||||
width: 100%;
|
||||
background: transparent;
|
||||
}
|
||||
.row_{
|
||||
width: 100%;
|
||||
font-size: 13.2px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
}
|
||||
.guarantee .row img {
|
||||
height: 15px;
|
||||
margin-left: 12px;
|
||||
margin-top: 12px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.guarantee .row .text {
|
||||
color: #525252;
|
||||
line-height: 42px;
|
||||
font-size: 13.2px;
|
||||
float: left;
|
||||
max-width: calc(100% - 65px);
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 1;
|
||||
overflow: hidden;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.guarantee .row .text1 {
|
||||
color: #e1202a;
|
||||
background: white;
|
||||
/*line-height: 42px;*/
|
||||
font-size: 10.2px;
|
||||
float: left;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 1;
|
||||
overflow: hidden;
|
||||
margin-left: 12px;
|
||||
padding: 0 8px;
|
||||
margin-top: 10px;
|
||||
height: 20px;
|
||||
border: 1px solid #e1202a;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.guarantee .row .lq {
|
||||
float: right;
|
||||
margin-top: 6px;
|
||||
margin-right: 9px;
|
||||
color: #909090;
|
||||
border-radius: 15px;
|
||||
line-height: 19px;
|
||||
padding: 4px 10px 2px;
|
||||
}
|
||||
|
||||
.guarantee .row .caidan img {
|
||||
width: 15px;
|
||||
margin: 0;
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
.guarantee .row .caidan {
|
||||
border: none;
|
||||
float: right;
|
||||
margin-top: 13px;
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
.guarantee .row .caidan:active {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#guarantee .row .text {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.cc1 {
|
||||
width: 100%;
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
.cclass_con {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.cc2 {
|
||||
width: 100%;
|
||||
height: 81px;
|
||||
background: white;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #e3e6ea;
|
||||
}
|
||||
|
||||
.cc2 p {
|
||||
font-size: 17.6px;
|
||||
color: #e94744;
|
||||
position: absolute;
|
||||
left: 120px;
|
||||
top: 24px;
|
||||
}
|
||||
|
||||
.cc2 span {
|
||||
font-size: 15px;
|
||||
position: absolute;
|
||||
left: 120px;
|
||||
top: 48px;
|
||||
}
|
||||
.cc2 o{
|
||||
font-size: 12px;
|
||||
color: #e94744;
|
||||
position: absolute;
|
||||
left: 200px;
|
||||
top: 24px;
|
||||
}
|
||||
.cc2 l{
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
left: 200px;
|
||||
top: 48px;
|
||||
}
|
||||
.closecclass {
|
||||
font-size: 15.6px;
|
||||
color: #9b9b9b;
|
||||
position: absolute;
|
||||
padding: 9px 12px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.closecclass img {
|
||||
width: 18px;
|
||||
}
|
||||
|
||||
.cclass_con .img {
|
||||
background: white;
|
||||
padding: 6px;
|
||||
position: absolute;
|
||||
border: 1px solid #f2f2f2;
|
||||
border-radius: 6px;
|
||||
width: 85.8px;
|
||||
height: 85.8px;
|
||||
top: 0;
|
||||
left: 12px;
|
||||
z-index: 60;
|
||||
}
|
||||
|
||||
.cclass_con .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.cclass1 {
|
||||
padding: 9px 0 0 12px;
|
||||
background: white;
|
||||
width: 100%;
|
||||
/*border-bottom: 1px solid #e3e6ea;*/
|
||||
}
|
||||
|
||||
.cclass1 p {
|
||||
color: #626262;
|
||||
font-size: 17.2px;
|
||||
padding-bottom: 6px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.cclass1 .block {
|
||||
padding: 2px 6px;
|
||||
float: left;
|
||||
/*border: 1px solid #9e9e9e;*/
|
||||
margin: 0px 18px 4px 0;
|
||||
border-radius: 6px;
|
||||
font-size: 14.4px;
|
||||
color: #909090;
|
||||
background: #f5f5f5;
|
||||
font-size: 17.5px;
|
||||
}
|
||||
|
||||
.cclass1 .on {
|
||||
/*border: 1px solid #e94947;*/
|
||||
color: #fff;
|
||||
background: #e61329;
|
||||
}
|
||||
|
||||
.ensure {
|
||||
width: 50%;
|
||||
height: 48px;
|
||||
color: white;
|
||||
font-size: 14.4px;
|
||||
display: block;
|
||||
line-height: 51px;
|
||||
text-align: center;
|
||||
background: #e6122b;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.engwc {
|
||||
width: 50%;
|
||||
height: 48px;
|
||||
color: white;
|
||||
font-size: 14.4px;
|
||||
display: block;
|
||||
line-height: 51px;
|
||||
text-align: center;
|
||||
background: #ff9402;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.num {
|
||||
background: white;
|
||||
width: 100%;
|
||||
height: 51.6px;
|
||||
border-bottom: 1px solid #e3e6ea;
|
||||
color: #626262;
|
||||
font-size: 13.2px;
|
||||
padding: 0 18px;
|
||||
line-height: 51.6px;
|
||||
position: relative;
|
||||
}
|
||||
.num span {
|
||||
font-size: 15px;
|
||||
}
|
||||
.change_num {
|
||||
width: 168px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
right: 30px;
|
||||
top: 10.5px;
|
||||
}
|
||||
|
||||
.jia {
|
||||
background: #ebebeb;
|
||||
position: absolute;
|
||||
font-size: 21px;
|
||||
color: #e94947;
|
||||
line-height: 30px;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.jian {
|
||||
background: #ebebeb;
|
||||
position: absolute;
|
||||
font-size: 21px;
|
||||
color: #e94947;
|
||||
line-height: 30px;
|
||||
width: 30px;
|
||||
text-align: center;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.change_num input {
|
||||
position: absolute;
|
||||
width: 78px;
|
||||
margin: 0 15px;
|
||||
left: 30px;
|
||||
height: 30px;
|
||||
border: none;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.pjrk {
|
||||
width: 100%;
|
||||
background: white;
|
||||
margin-bottom: 5px ;
|
||||
}
|
||||
|
||||
.pj_title {
|
||||
color: black;
|
||||
padding: 9px 12px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.pj_remark {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.pjr {
|
||||
padding: 3px 20px;
|
||||
margin: 0 12px 12px 0;
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
background: #fdecea;
|
||||
color: #525252;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.pjbtitle img {
|
||||
width: 25.2px;
|
||||
height: 25.2px;
|
||||
border-radius: 50%;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.pj_breviary {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.pjbtitle p {
|
||||
color: #e61329;
|
||||
font-size: 13.2px;
|
||||
float: left;
|
||||
margin: 0;
|
||||
line-height: 25.2px;
|
||||
padding-left: 6px;
|
||||
}
|
||||
|
||||
.pjbcon {
|
||||
color: #525252;
|
||||
font-size: 13.2px;
|
||||
margin: 3px 0;
|
||||
}
|
||||
|
||||
.pjclass {
|
||||
color: #909090;
|
||||
font-size: 13.2px;
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
.pj_all {
|
||||
margin: 14px auto;
|
||||
text-align: center;
|
||||
width: 99px;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
border: 1px solid #e61329;
|
||||
color: #e61329;
|
||||
border-radius: 6px;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
|
||||
.shop_info {
|
||||
background: white;
|
||||
width: 100%;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.shop_title {
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
.shop_title img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.shop_title p {
|
||||
float: left;
|
||||
font-size: 16.8px;
|
||||
color: black;
|
||||
margin: 0;
|
||||
margin-top: 3px;
|
||||
margin-left: 6px;
|
||||
}
|
||||
|
||||
.shopinfocon {}
|
||||
|
||||
.sicl {
|
||||
width: 24%;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
text-align: center;
|
||||
float: left;
|
||||
margin: 6px 0;
|
||||
}
|
||||
|
||||
.sicl_p1 {
|
||||
color: #525252;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
|
||||
.sicl_p2 {
|
||||
color: #909090;
|
||||
font-size: 13.2px;
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.sicr {
|
||||
text-align: center;
|
||||
float: left;
|
||||
width: calc(28% - 3px);
|
||||
}
|
||||
|
||||
.sicr_p {
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.sicr_p o {
|
||||
color: #e61329;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background: white;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border-top: 1px solid #ebebeb;
|
||||
z-index: 13;
|
||||
}
|
||||
|
||||
.footerl {
|
||||
position: relative;
|
||||
float: left;
|
||||
height: 50px;
|
||||
width: calc(14% - 2px);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.footerl img {
|
||||
width: 22.8px;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.footerl p {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
font-size: 13.2px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.footerl1 {
|
||||
position: relative;
|
||||
width: 13%;
|
||||
float: left;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
border-left: 1px solid #ebebeb;
|
||||
}
|
||||
|
||||
.footerl1 img {
|
||||
height: 16.8px;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.footerl1 p {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
font-size: 13.2px
|
||||
}
|
||||
|
||||
.footerr1 {
|
||||
width: 30%;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background: #ff9402;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.footerr2 {
|
||||
width: 30%;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
text-align: center;
|
||||
color: white;
|
||||
background: #E6122B;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.imgcon {
|
||||
border-bottom: 50px solid #ebebeb;
|
||||
}
|
||||
|
||||
.imgcon img {
|
||||
width: 100%;
|
||||
padding: 0 1%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.pswp__top-bar {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.ccclass {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.youhuiquan_con {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.yhq_con {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.thq_close {
|
||||
width: 100%;
|
||||
height: 51px;
|
||||
background: #E6122B;
|
||||
color: white;
|
||||
text-align: center;
|
||||
line-height: 51px;
|
||||
}
|
||||
|
||||
.yhqcon {
|
||||
padding: 3%;
|
||||
}
|
||||
|
||||
.thq_block {
|
||||
width: 100%;
|
||||
border-radius: 6px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.thq_block img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.thq_block p {
|
||||
position: absolute;
|
||||
font-size: 35px;
|
||||
color: white;
|
||||
top: 50%;
|
||||
left: 10px;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.thq_block span {
|
||||
position: absolute;
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
top: 50%;
|
||||
right: 30%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.lq_btn{
|
||||
position: absolute;
|
||||
font-size: 18px;
|
||||
color: white;
|
||||
top: 50%;
|
||||
right: 0;
|
||||
transform: translateY(-50%);
|
||||
border: none;
|
||||
background: transparent;
|
||||
width: 25%;
|
||||
height: 60px;
|
||||
}
|
||||
.thq_block .lq_btn:hover{
|
||||
background: transparent;
|
||||
|
||||
}
|
||||
.ccclass{
|
||||
/*max-height: 800px;*/
|
||||
}
|
||||
.ccclass .mui-scroll-wrapper{
|
||||
/*max-height: 500px;*/
|
||||
}
|
||||
#shareout{
|
||||
position: relative;
|
||||
}
|
||||
#shareout o{
|
||||
width: calc(100% - 50px);
|
||||
display: block;
|
||||
}
|
||||
#shareout img{
|
||||
position: absolute;
|
||||
width: 34.4px;
|
||||
padding: 10px;
|
||||
right: 20px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
/*秒杀*/
|
||||
.banner{
|
||||
position: relative;
|
||||
}
|
||||
.miaosha{
|
||||
/*position: absolute;*/
|
||||
width: 100%;
|
||||
/*padding:0 1%;*/
|
||||
bottom: 5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 100000;
|
||||
position: relative;
|
||||
background: -moz-linear-gradient(left, #ff0048, #ff3b85);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#ff0048), to(#ff3b85));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #ff0048, #ff3b85);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #ff0048, #ff3b85);
|
||||
/*Opera11*/
|
||||
|
||||
}
|
||||
.miaosha img{
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
.con{
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
.xiangou{
|
||||
position: absolute;
|
||||
color: white;
|
||||
bottom: 1%;
|
||||
left: 44%;
|
||||
font-size: 13px;
|
||||
}
|
||||
.miaosha1{
|
||||
position: absolute;
|
||||
font-size: 30px;
|
||||
color: white;
|
||||
top: 18%;
|
||||
left: 5%;
|
||||
}
|
||||
.miaosha1 o{
|
||||
font-size: 10px;
|
||||
}
|
||||
.miaosha2{
|
||||
position: absolute;
|
||||
font-size: 13px;
|
||||
color: white;
|
||||
left: 27%;
|
||||
bottom: 0;
|
||||
height: 20px;
|
||||
}
|
||||
.miaosha3{
|
||||
position: absolute;
|
||||
left: 65%;
|
||||
right: 2%;
|
||||
bottom: 5%;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #ff2870;
|
||||
}
|
||||
.miaosha3 o{
|
||||
background: #ff2870;
|
||||
color: white;
|
||||
margin: 0 2%;
|
||||
display: inline-block;
|
||||
padding: 2px 4px;
|
||||
border-radius: 5px ;
|
||||
}
|
||||
.miaosha4{
|
||||
font-size: 12px;
|
||||
color: white;
|
||||
border: 1px solid white;
|
||||
position: absolute;
|
||||
left: 5%;
|
||||
bottom: 5%;
|
||||
padding: 0 10px;
|
||||
border-radius:50px;
|
||||
height: 16px;
|
||||
line-height: 14px;
|
||||
}
|
||||
.miaosha5{
|
||||
position: absolute;
|
||||
left: 65%;
|
||||
right: 2%;
|
||||
top: 10%;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #ff2870;
|
||||
}
|
||||
.summarize{
|
||||
border-top: none;
|
||||
}
|
||||
263
css/discount.css
Normal file
263
css/discount.css
Normal file
@ -0,0 +1,263 @@
|
||||
body:after {
|
||||
content: "";
|
||||
position: fixed;
|
||||
/*top: -10px;*/
|
||||
bottom: -10px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
box-shadow: 0 -0.5vw 2.3vw 3px rgba(25, 25, 25, 0.1);
|
||||
/*-webkit-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-moz-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-o-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-ms-box-shadow: 0 0.5vw 2.3vw 15px #ccc;*/
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
|
||||
.oc_logo {
|
||||
/*width: 67.5px;*/
|
||||
height: 16.5px;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 13.75px;
|
||||
}
|
||||
|
||||
.top {
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.con {
|
||||
width: 100%;
|
||||
padding: 0 2%;
|
||||
transform: translateY(-16px);
|
||||
}
|
||||
|
||||
|
||||
|
||||
#timer_swiper .swiper-slide {
|
||||
color: #101010;
|
||||
font-size: 13px;
|
||||
float: left;
|
||||
padding: 9px 0;
|
||||
height: 40px;
|
||||
}
|
||||
.nav .r{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.con .recommend{
|
||||
padding: 5px 0;
|
||||
}
|
||||
#timer_swiper .lxy0 .on p{
|
||||
color: #00d793;
|
||||
border-bottom: 4px solid #01de92;
|
||||
}
|
||||
|
||||
#timer_swiper .lxy1 .on p{
|
||||
color: #5f26e6;
|
||||
border-bottom: 4px solid #64ed13;
|
||||
}
|
||||
|
||||
.t_con p{
|
||||
font-size: 13px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
|
||||
.t_con {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#timer_swiper {
|
||||
width: 100%;
|
||||
}
|
||||
#timer_swiper .swiper-wrapper .swiper-slide img{
|
||||
padding: 3px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
.t_con .swiper-container {
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.t_con .swiper-slide {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
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;
|
||||
}
|
||||
.on p{
|
||||
color: #ee344a;
|
||||
border-bottom: 3px solid #EE344A;
|
||||
}
|
||||
|
||||
|
||||
#timer_swiper .swiper-slide {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#timer_swiper .swiper-slide img {}
|
||||
|
||||
#timer_swiper .swiper-slide p {
|
||||
/*position: absolute;*/
|
||||
}
|
||||
|
||||
|
||||
.con_block {
|
||||
margin-top: 1px;
|
||||
width: 100%;
|
||||
height: 170px;
|
||||
background: white;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.con_block .img {
|
||||
width: 109px;
|
||||
height: 109px;
|
||||
position: absolute;
|
||||
top: 30px;
|
||||
left: 2%;
|
||||
}
|
||||
|
||||
.con_block .p1 {
|
||||
width: calc(100% - 130px);
|
||||
right: 2%;
|
||||
color: #101010;
|
||||
font-size: 13px;
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.con_block .p2 {
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
background: -moz-linear-gradient(left, #ff0000, #ff0066);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#ff0000), to(#ff0066));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #ff0000, #ff0066);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #ff0000, #ff0066);
|
||||
/*Opera11*/
|
||||
border-radius: 3px;
|
||||
padding: 0px 2px;
|
||||
top: 65px;
|
||||
right: calc(100% - 171px);
|
||||
}
|
||||
|
||||
.pect{
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
background: -moz-linear-gradient(left, #6600ff, #a200ff);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#6600ff), to(#a200ff));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #6600ff, #a200ff);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #6600ff, #a200ff);
|
||||
/*Opera11*/
|
||||
border-radius: 3px;
|
||||
padding: 0px 2px;
|
||||
top: 65px;
|
||||
right: calc(100% - 220px);
|
||||
}
|
||||
|
||||
.con_block .p3 {
|
||||
color: #ec3449;
|
||||
font-size: 15px;
|
||||
position: absolute;
|
||||
width: calc(100% - 130px);
|
||||
right: 2%;
|
||||
top: 105px;
|
||||
}
|
||||
|
||||
.con_block .p3 o {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.con_block del {
|
||||
color: #808080;
|
||||
font-size: 14px;
|
||||
position: absolute;
|
||||
width: calc(100% - 130px);
|
||||
right: 2%;
|
||||
top: 120px;
|
||||
}
|
||||
|
||||
.con_block del o {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.con_block button {
|
||||
color: white;
|
||||
background: #ED374C;
|
||||
font-size: 13px;
|
||||
padding: 5px 15px;
|
||||
border-radius: 5px;
|
||||
position: absolute;
|
||||
right: 2%;
|
||||
bottom: 35px;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.con_block .p4 {
|
||||
color: #808080;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
right: 80px;
|
||||
}
|
||||
|
||||
.con_block progress {
|
||||
width: 70px;
|
||||
height: 9px;
|
||||
border-radius: 10px;
|
||||
position: absolute;
|
||||
right: 2%;
|
||||
bottom: 16px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
::-ms-fill {
|
||||
background: #ED374C;
|
||||
}
|
||||
|
||||
::-moz-progress-bar {
|
||||
background: #ED374C;
|
||||
}
|
||||
|
||||
::-webkit-progress-bar {
|
||||
background: white;
|
||||
border: 1px solid #ED374C;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
::-webkit-progress-value {
|
||||
background: #ED374C;
|
||||
border-radius: 0 5px 5px 0;
|
||||
}
|
||||
|
||||
|
||||
21
css/discounts.css
Normal file
21
css/discounts.css
Normal file
@ -0,0 +1,21 @@
|
||||
.nav{
|
||||
width: 100%;
|
||||
height: 37px;
|
||||
margin-top: 66px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
.p1{
|
||||
color: #909090;
|
||||
width: 33.33333333%;
|
||||
text-align: center;
|
||||
display: block;
|
||||
float: left;
|
||||
line-height: 36px;
|
||||
font-size: 13.2px;
|
||||
background: white;
|
||||
}
|
||||
.nav .on{
|
||||
color: #e51329;
|
||||
}
|
||||
|
||||
|
||||
231
css/dynamic.css
Normal file
231
css/dynamic.css
Normal file
@ -0,0 +1,231 @@
|
||||
/* 6p */
|
||||
|
||||
@media all and (min-width: 376px) {
|
||||
.bc_img,.b_con img {
|
||||
height: 125px;
|
||||
}
|
||||
|
||||
.mui-slider {
|
||||
height: 168px;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 168px;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 168px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 6 */
|
||||
|
||||
@media all and (min-width: 321px) and (max-width: 375px) {
|
||||
.bc_img,.b_con img {
|
||||
height: 113px;
|
||||
}
|
||||
.mui-slider {
|
||||
height: 152px;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 152px;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 152px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* 5 */
|
||||
|
||||
@media all and (max-width: 320px) {
|
||||
.bc_img,.b_con img {
|
||||
height: 94.5px;
|
||||
}
|
||||
.mui-slider {
|
||||
height: 130px;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 130px;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 130px;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.con{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.block {
|
||||
width: 100%;
|
||||
margin-bottom: 6px ;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.b_title {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 60px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.b_title .b_img {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.storename {
|
||||
position: absolute;
|
||||
width: calc(100% - 140px);
|
||||
color: black;
|
||||
left: 69px;
|
||||
top: 15px;
|
||||
font-size: 16.8px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.time {
|
||||
position: absolute;
|
||||
width: calc(100% - 140px);
|
||||
left: 69px;
|
||||
color: #909090;
|
||||
font-size: 13.2px;
|
||||
top: 38px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.btn_menu {
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
padding: 10px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 5px;
|
||||
}
|
||||
|
||||
.b_con {
|
||||
width: 100%;
|
||||
padding: 7.5px 13.5px;
|
||||
font-size: 14.4px;
|
||||
color: #525252;
|
||||
}
|
||||
|
||||
.b_footer {
|
||||
width: 100%;
|
||||
height: 36px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
width: 90px;
|
||||
top: 7.5px;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.num img {
|
||||
width: 18px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.nun p {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.zan {
|
||||
padding: 0 9px 0 12px;
|
||||
height: 20px;
|
||||
border: 1px solid #909090;
|
||||
position: absolute;
|
||||
background: url(../img/zan1.png) no-repeat 7px center;
|
||||
background-size: 18px;
|
||||
border-radius: 9px;
|
||||
min-width: 45px;
|
||||
line-height: 18px;
|
||||
font-size: 14.4px;
|
||||
color: #909090;
|
||||
text-indent: 15px;
|
||||
right: 18px;
|
||||
bottom: 8px;
|
||||
}
|
||||
|
||||
.zanon {
|
||||
padding: 0 9px 0 12px;
|
||||
height: 20px;
|
||||
border: 1px solid #e51329;
|
||||
position: absolute;
|
||||
background: url(../img/zan2.png) no-repeat 7px center;
|
||||
background-size: 18px;
|
||||
border-radius: 9px;
|
||||
min-width: 45px;
|
||||
line-height: 18px;
|
||||
font-size: 14.4px;
|
||||
color: #e51329;
|
||||
text-indent: 15px;
|
||||
right: 18px;
|
||||
bottom: 8px;
|
||||
}
|
||||
|
||||
.b_con img {
|
||||
width: calc(33.33333333333% - 3px);
|
||||
margin: 1.5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.btn_gz{
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
border: 1px solid #e91b34;
|
||||
line-height: 24px;
|
||||
color: #e91b31;
|
||||
border-radius: 15px;
|
||||
padding: 0 9px;
|
||||
position: absolute;
|
||||
right: 18px;
|
||||
font-size: 12px;
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
.btn_gz1{
|
||||
height: 24px;
|
||||
text-align: center;
|
||||
border: 1px solid #909090;
|
||||
line-height: 24px;
|
||||
color: #909090;
|
||||
border-radius: 15px;
|
||||
padding: 0 9px;
|
||||
position: absolute;
|
||||
right: 18px;
|
||||
font-size: 12px;
|
||||
top: 25px;
|
||||
}
|
||||
|
||||
|
||||
.bc_img{
|
||||
position: relative;
|
||||
width: calc(33.33333333333% - 3px);
|
||||
float: left;
|
||||
margin: 1.5px;
|
||||
}
|
||||
.b_con .bc_img img{
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
}
|
||||
.bc_img p{
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
background: rgba(0,0,0,0.1);
|
||||
color: white;
|
||||
bottom: 0;
|
||||
}
|
||||
48
css/editAddress.css
Normal file
48
css/editAddress.css
Normal file
@ -0,0 +1,48 @@
|
||||
.row{
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border-bottom: 1px solid #E6E6E6;
|
||||
line-height: 41px;
|
||||
background: white;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.row input{
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
.row input::-webkit-input-placeholder{
|
||||
font-size: 16px
|
||||
}
|
||||
.row select{
|
||||
float: left;
|
||||
margin: 0;
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
}
|
||||
.row select option{
|
||||
text-align: center;
|
||||
}
|
||||
textarea{
|
||||
border-top: none;
|
||||
font-size: 17px;
|
||||
}
|
||||
.row textarea::-webkit-input-placeholder{
|
||||
font-size: 16px
|
||||
}
|
||||
.bc_btn{
|
||||
margin: 0 auto;
|
||||
left: 5%;
|
||||
right: 5%;
|
||||
/*position: absolute;*/
|
||||
width: 90%;
|
||||
height: 42px;
|
||||
border: none;
|
||||
background: #F02C43;
|
||||
color: white;
|
||||
font-size: 17px;
|
||||
}
|
||||
.add_info,.isdef{
|
||||
padding: 0 15px;
|
||||
font-size: 18px;
|
||||
}
|
||||
0
css/essay.css
Normal file
0
css/essay.css
Normal file
22
css/essaylist.css
Normal file
22
css/essaylist.css
Normal file
@ -0,0 +1,22 @@
|
||||
.add1{
|
||||
width: 96%;
|
||||
margin: 5px auto;
|
||||
height: 63px;
|
||||
background:#C9C9C9;
|
||||
border:1px solid #C9C9C9;
|
||||
border-radius: 5px;
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
align-items:center ;
|
||||
/* margin-top: 10px; */
|
||||
}
|
||||
.addimg{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.add1 img {
|
||||
/* position: absolute; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
247
css/friends.css
Normal file
247
css/friends.css
Normal file
@ -0,0 +1,247 @@
|
||||
.fri-con-tit {
|
||||
/* margin-top: 45px; */
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
/* padding: 15px; */
|
||||
flex: 1;
|
||||
background: #fff;
|
||||
width: 98%;
|
||||
margin: 0 auto 5px;
|
||||
}
|
||||
|
||||
.headerimg {
|
||||
|
||||
width: 78px;
|
||||
height: 78px;
|
||||
border-radius: 100px;
|
||||
border: 3px solid #fff;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.headerimg img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fri-con-tit .shop_info {
|
||||
flex: 3;
|
||||
}
|
||||
|
||||
.fri-con-tit .shop_info p {
|
||||
font-size: 21px;
|
||||
color: #666;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.fri-con-tit .shop_info span {
|
||||
font-size: 17px;
|
||||
color: #ce2121;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.fri-con-tit .shop_info .orange {
|
||||
background: rgba(224, 35, 218, 0.68);
|
||||
font-size: 14px;
|
||||
border: 1px solid #ff7900;
|
||||
border-radius: 10px;
|
||||
margin-left: 10px;
|
||||
margin-top: -5px;
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 20px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.fri-con .row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
padding: 0px 7px;
|
||||
width: 98%;
|
||||
margin: 0 auto 5px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.row label {
|
||||
font-size: 17px;
|
||||
color: #363636;
|
||||
|
||||
}
|
||||
.row label .lock{
|
||||
color: #ce2121;
|
||||
}
|
||||
.fri-con {
|
||||
margin-top: 11px;
|
||||
}
|
||||
|
||||
.fri-share {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 220px;
|
||||
margin: 30px auto;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fri-share-img {
|
||||
width: 150px;
|
||||
height: 150px;
|
||||
}
|
||||
|
||||
.fri-share-img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.list_row{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-start;
|
||||
background: #fff;
|
||||
padding-top: 10px;
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
.lock_row{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
/* padding-top: 10px; */
|
||||
margin-bottom: 7px;
|
||||
}
|
||||
|
||||
.lock_row label{
|
||||
|
||||
display: inline-block;
|
||||
padding: 10px 5px;
|
||||
font-size: 13px;
|
||||
color: #363636;
|
||||
|
||||
}
|
||||
.lock_row span{
|
||||
display: inline-block;
|
||||
font-size: 13px;
|
||||
color: #363636;
|
||||
}
|
||||
.list_row label{
|
||||
display: inline-block;
|
||||
padding: 0px 8px 10px;
|
||||
|
||||
width: 20%;
|
||||
font-size: 13px;
|
||||
color: #363636;
|
||||
}
|
||||
.list_row span{
|
||||
display: inline-block;
|
||||
width: 30%;
|
||||
padding: 0px 8px 10px;
|
||||
font-size: 13px;
|
||||
color: #363636;
|
||||
}
|
||||
/* 烂笔头 */
|
||||
.con{
|
||||
|
||||
}
|
||||
.essay-con{
|
||||
width: 98%;
|
||||
margin: 0px auto;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.essay-con .row{
|
||||
display:flex ;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
background: #eee;
|
||||
/* height: 20px; */
|
||||
}
|
||||
.essay-con .row .del{
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
}
|
||||
.essay-con .row .name{
|
||||
font-size: 15px;
|
||||
|
||||
|
||||
}
|
||||
.essay-con .row .del img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.row_con{
|
||||
display:flex ;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
}
|
||||
.row_con_con{
|
||||
display:flex ;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.row_con_con .row_con_con_{
|
||||
width: 60px;
|
||||
height:60px;
|
||||
padding: 10px;
|
||||
}
|
||||
.row_con_con .row_con_con_ img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.essay-con .row .pass {
|
||||
position: relative;
|
||||
}
|
||||
.essay-con .row .pass input{
|
||||
width:200px;
|
||||
margin: 0px;
|
||||
padding-right: 50px;
|
||||
|
||||
}
|
||||
.essay-con .row .pass .send{
|
||||
width:30px ;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
right: 3px;
|
||||
top: 5px;
|
||||
}
|
||||
.essay-con .row .pass .send img {
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
.add1{
|
||||
width: 96%;
|
||||
margin: 35px auto;
|
||||
height: 63px;
|
||||
background:#C9C9C9;
|
||||
border:1px solid #C9C9C9;
|
||||
border-radius: 5px;
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
align-items:center ;
|
||||
/* margin-top: 10px; */
|
||||
}
|
||||
.addimg{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.add1 img {
|
||||
/* position: absolute; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
144
css/global.1.css
Normal file
144
css/global.1.css
Normal file
@ -0,0 +1,144 @@
|
||||
.clearfix:after {
|
||||
height: 0;
|
||||
content: " ";
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
/*IE低版本浏览器不支持after伪类所以要加这一句*/
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: white;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
img {}
|
||||
|
||||
.scroll_out {
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
bottom: 50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out1 {
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out2 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out3 {
|
||||
position: fixed;
|
||||
top: 162px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out4 {
|
||||
position: fixed;
|
||||
top: 120px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out_tb {
|
||||
position: fixed;
|
||||
top: 64px;
|
||||
bottom: 50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out_t {
|
||||
position: fixed;
|
||||
top: 64px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "微软雅黑";
|
||||
}
|
||||
|
||||
.shadown_wai {
|
||||
box-shadow: 2px 2px 5px rgba(25, 25, 25, 0.2);
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
border-top: 1px solid #EFEFF4;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.pect {
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
background: -moz-linear-gradient(left, #6600ff, #a200ff);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#6600ff), to(#a200ff));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #6600ff, #a200ff);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #6600ff, #a200ff);
|
||||
/*Opera11*/
|
||||
border-radius: 3px;
|
||||
padding: 0px 2px;
|
||||
top: 65px;
|
||||
right: calc(100% - 220px);
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.backTop {
|
||||
background: #DDDDDD;
|
||||
border-radius: 50%;
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
bottom: 15px;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
z-index: 9999;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #666666;
|
||||
padding-top: 8px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
144
css/global.css
Normal file
144
css/global.css
Normal file
@ -0,0 +1,144 @@
|
||||
.clearfix:after {
|
||||
height: 0;
|
||||
content: " ";
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.clearfix {
|
||||
zoom: 1;
|
||||
/*IE低版本浏览器不支持after伪类所以要加这一句*/
|
||||
}
|
||||
|
||||
a {
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:active {
|
||||
color: white;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
input {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
img {}
|
||||
|
||||
.scroll_out {
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
bottom: 50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out1 {
|
||||
position: fixed;
|
||||
top: 66px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out2 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out3 {
|
||||
position: fixed;
|
||||
top: 162px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out4 {
|
||||
position: fixed;
|
||||
top: 120px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out_tb {
|
||||
position: fixed;
|
||||
top: 64px;
|
||||
bottom: 50px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out_t {
|
||||
position: fixed;
|
||||
top: 64px;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.scroll_out {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "微软雅黑";
|
||||
}
|
||||
|
||||
.shadown_wai {
|
||||
box-shadow: 2px 2px 5px rgba(25, 25, 25, 0.2);
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
border-top: 1px solid #EFEFF4;
|
||||
margin-bottom: 1px;
|
||||
}
|
||||
|
||||
.pect {
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
position: absolute;
|
||||
background: -moz-linear-gradient(left, #6600ff, #a200ff);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#6600ff), to(#a200ff));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #6600ff, #a200ff);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #6600ff, #a200ff);
|
||||
/*Opera11*/
|
||||
border-radius: 3px;
|
||||
padding: 0px 2px;
|
||||
top: 65px;
|
||||
right: calc(100% - 220px);
|
||||
}
|
||||
|
||||
.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.backTop {
|
||||
background: #DDDDDD;
|
||||
border-radius: 50%;
|
||||
position: fixed;
|
||||
right: 10px;
|
||||
bottom: 15px;
|
||||
width: 38px;
|
||||
height: 38px;
|
||||
z-index: 9999;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
color: #666666;
|
||||
padding-top: 8px;
|
||||
opacity: 0.8;
|
||||
}
|
||||
8
css/goodslist.css
Normal file
8
css/goodslist.css
Normal file
@ -0,0 +1,8 @@
|
||||
|
||||
.kkkk{
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
}
|
||||
.search input{
|
||||
margin-top: 20px;
|
||||
}
|
||||
100
css/header.css
Normal file
100
css/header.css
Normal file
@ -0,0 +1,100 @@
|
||||
header {
|
||||
padding-top: 18px;
|
||||
line-height: 48px;
|
||||
text-align: center;
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
color: white;
|
||||
font-size: 18px;
|
||||
z-index: 10;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
header .nav{
|
||||
color: white;
|
||||
/*text-align: center;*/
|
||||
}
|
||||
.mui-bar{
|
||||
height: 66px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.mui-title{
|
||||
color: white;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
a{
|
||||
/*color: white;*/
|
||||
}
|
||||
|
||||
.mui-bar-nav{
|
||||
box-shadow: 0 0 0;
|
||||
}
|
||||
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
height: 64px;
|
||||
padding-top: 20px;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 111111111;
|
||||
background-color: rgba(255, 255, 255, 1);
|
||||
}
|
||||
|
||||
.header_con {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 44px;
|
||||
}
|
||||
|
||||
.mui-action-back{
|
||||
position: absolute;
|
||||
top: 10px;
|
||||
left: 12px;
|
||||
z-index: 100;
|
||||
}
|
||||
.oc_logo {
|
||||
width: 20%;
|
||||
position: absolute;
|
||||
margin: 0 auto;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 27%;
|
||||
}
|
||||
.header_con .title{
|
||||
color: #101010;
|
||||
font-size: 17px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
bottom: 11.5px;
|
||||
z-index: 10;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.header_con .header_con_bc{
|
||||
color: #101010;
|
||||
font-size: 17px;
|
||||
position: absolute;
|
||||
/* left: 0; */
|
||||
right: 10px;
|
||||
text-align: center;
|
||||
margin: 0 auto;
|
||||
bottom: 11.5px;
|
||||
z-index: 10;
|
||||
}
|
||||
197
css/home_new.css
Normal file
197
css/home_new.css
Normal file
@ -0,0 +1,197 @@
|
||||
body:after {
|
||||
content: "";
|
||||
position: fixed;
|
||||
/*top: -10px;*/
|
||||
bottom: -10px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
box-shadow: 0 -0.5vw 2.3vw 3px rgba(25, 25, 25, 0.1);
|
||||
/*-webkit-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-moz-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-o-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-ms-box-shadow: 0 0.5vw 2.3vw 15px #ccc;*/
|
||||
z-index: 100;
|
||||
}
|
||||
body{
|
||||
height: 100%;
|
||||
}
|
||||
.con {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.news marquee {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.sx {
|
||||
margin-top: -50px;
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
height: 64px;
|
||||
/* padding-top: 20px; */
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 111111111;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
.header_con {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: 44px;
|
||||
}
|
||||
.header_con select{
|
||||
font-size: 18px;
|
||||
}
|
||||
#search {
|
||||
margin: 0;
|
||||
width: 65%;
|
||||
height: 31px;
|
||||
position: absolute;
|
||||
left: 15.8%;
|
||||
right: 21%;
|
||||
top: 7px;
|
||||
border-radius: 16px;
|
||||
border: none;
|
||||
/*text-indent: 20px;*/
|
||||
background-color: rgb(255, 255, 255);
|
||||
font-size: 15px;
|
||||
line-height: 34px;
|
||||
text-indent: 30px;
|
||||
}
|
||||
|
||||
.searchimg {
|
||||
width: 12.5px;
|
||||
height: 12.5px;
|
||||
position: absolute;
|
||||
top: 17px;
|
||||
left: 16.4%;
|
||||
}
|
||||
|
||||
.search input {
|
||||
margin: 0;
|
||||
height: 30px;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
padding: 0 40px;
|
||||
/*padding-left: 50px;*/
|
||||
}
|
||||
|
||||
.search select {
|
||||
border: 1px solid red;
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 29px;
|
||||
padding: 0;
|
||||
text-align: center;
|
||||
border-radius: 0;
|
||||
padding-left: 0px;
|
||||
padding-top: 2px;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.search button {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border: none;
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 32px;
|
||||
border-radius: 0;
|
||||
background: #007AFF;
|
||||
color: white;
|
||||
border-radius: 50px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.saoyisao {
|
||||
position: absolute;
|
||||
padding: 5px 10px 0;
|
||||
width: 52.5px;
|
||||
height: 37.5px;
|
||||
top: 1.5px;
|
||||
right: 1.0%;
|
||||
}
|
||||
|
||||
.search input {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.mui-scroll-wrapper,
|
||||
.scroll_out {
|
||||
/*position: relative;*/
|
||||
z-index: 10;
|
||||
}
|
||||
#pullrefresh .mui-scroll{
|
||||
position: relative;
|
||||
}
|
||||
#top_banner {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
margin: 20px auto;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#top_banner .swiper-slide {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
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;
|
||||
}
|
||||
|
||||
#top_banner .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#top_banner .swiper-pagination-bullet-active {
|
||||
background: white;
|
||||
}
|
||||
|
||||
#top_banner .swiper-pagination-bullet {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.mui-scroll-wrapper {}
|
||||
|
||||
.lxy_home_zz img{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.lxy_home_zz input{
|
||||
width: 80%;
|
||||
margin: 40% auto;
|
||||
height: 25px;
|
||||
|
||||
}
|
||||
74
css/income-details.css
Normal file
74
css/income-details.css
Normal file
@ -0,0 +1,74 @@
|
||||
|
||||
|
||||
.idc-total{
|
||||
width: 96%;
|
||||
margin: 0 auto 8px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
padding-left: 5px;
|
||||
|
||||
/* border-bottom: 1px solid #ccc; */
|
||||
}
|
||||
.idc-total h5 {
|
||||
width: 80%;
|
||||
}
|
||||
.idc-total span{
|
||||
font-size: 18px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.idc-list{
|
||||
width: 96%;
|
||||
height: 120px;
|
||||
background: #FEEAE9;
|
||||
margin: 0 auto;
|
||||
/* background: #fff; */
|
||||
display: flex;
|
||||
flex: 1;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
/* border-bottom: 1px solid #ccc; */
|
||||
border: 1px solid #FEEAE9;
|
||||
border-radius: 5px;
|
||||
margin-bottom: 8px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
.idc-list-price {
|
||||
/* flex: 0 0 30%; */
|
||||
|
||||
}
|
||||
.idc-list-right {
|
||||
/* flex: 0 0 70%; */
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
padding-left: 30px;
|
||||
position: relative;
|
||||
}
|
||||
.idc-list-title {
|
||||
width: 200px;
|
||||
font-size:15px;
|
||||
font-weight: 200;
|
||||
margin-bottom: 10px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.idc-list-price {
|
||||
font-size:15px;
|
||||
color: #F02C43;
|
||||
}
|
||||
.idc-list-user{
|
||||
|
||||
font-size: 13px;
|
||||
margin-bottom: 15px;
|
||||
|
||||
}
|
||||
.idc-list-time {
|
||||
width: 50%;
|
||||
font-size:12px;
|
||||
/* color: #F02C43; */
|
||||
bottom: 10px;
|
||||
}
|
||||
48
css/indent.css
Normal file
48
css/indent.css
Normal file
@ -0,0 +1,48 @@
|
||||
body .header1{
|
||||
z-index: 11;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
background: rgba(255,255,255,1);
|
||||
border: none;
|
||||
box-shadow: 0 0 0;
|
||||
height: 66px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
.mui-bar-nav.mui-bar .mui-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
.mui-title{
|
||||
color: #909090;
|
||||
}
|
||||
.header1 .on{
|
||||
border-bottom: 3px solid #ff0000;
|
||||
color: #e61329;
|
||||
}
|
||||
.nav{
|
||||
padding: 0 100px;
|
||||
height: 66px;
|
||||
text-align: center;
|
||||
}
|
||||
.p1{
|
||||
color: #000;
|
||||
display: block;
|
||||
line-height: 46px;
|
||||
font-size: 18px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.header1 .mui-action-back {
|
||||
margin-top: 20px;
|
||||
margin-left: 0;
|
||||
color: #848484;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.footer{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: white;
|
||||
height: 49px;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
||||
283
css/indentcon.css
Normal file
283
css/indentcon.css
Normal file
@ -0,0 +1,283 @@
|
||||
.search {
|
||||
padding: 7.2px 12px;
|
||||
background: #ebebeb;
|
||||
}
|
||||
|
||||
.mui-search {}
|
||||
|
||||
.mui-search .mui-placeholder {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.mui-search input {
|
||||
background: #fff;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.mui-active::before {
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.row_title {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 36px;
|
||||
background: white;
|
||||
display: flex;
|
||||
justify-content: space-between ;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.store_name {
|
||||
/* position: absolute; */
|
||||
/*background: url(../img/youjiantou.png) no-repeat center right;*/
|
||||
/*background-size: 6px;*/
|
||||
/* padding-right: 12px;
|
||||
padding-left: 18px; */
|
||||
line-height: 36px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.indent_status {
|
||||
/* position: absolute; */
|
||||
line-height: 36px;
|
||||
font-size: 13px;
|
||||
/* right: 0;
|
||||
padding-right: 12px;
|
||||
float: right; */
|
||||
}
|
||||
.yellow{
|
||||
color: #ffa800;
|
||||
}
|
||||
.shopPhone{
|
||||
color:tomato;
|
||||
}
|
||||
.shopPhone a{
|
||||
text-decoration:underline;
|
||||
color:tomato;
|
||||
|
||||
}
|
||||
.confirm_wait{
|
||||
color: cadetblue;
|
||||
}
|
||||
.confirm_ok{
|
||||
color: seagreen;
|
||||
}
|
||||
.confirm_no{
|
||||
color:red;
|
||||
}
|
||||
.row{
|
||||
margin-bottom: 5px ;
|
||||
background: white;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.row_block {
|
||||
width: 100%;
|
||||
/*height: 128px;*/
|
||||
border-bottom: 2px solid #fff;
|
||||
/*background: #efefef;*/
|
||||
}
|
||||
|
||||
.row_block img {
|
||||
width: 117px;
|
||||
height: 126px;
|
||||
float: left;
|
||||
padding: 9px 0 9px 9px;
|
||||
}
|
||||
|
||||
.rcr {
|
||||
width: calc(100% - 117px);
|
||||
float: right;
|
||||
/*height: 126px;*/
|
||||
padding: 12px;
|
||||
background: #efefef;
|
||||
}
|
||||
|
||||
.rcrc {
|
||||
float: left;
|
||||
width: calc(100% - 85px);
|
||||
}
|
||||
|
||||
.rcrc p {
|
||||
height: 42px;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
font-size: 18px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.rcrc .leibie{
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
|
||||
.rcrr {
|
||||
width: 80px;
|
||||
float: right;
|
||||
margin-right:4px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.rcrr p {
|
||||
color: black;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.rcrr del {
|
||||
color: #909090;
|
||||
font-size: 18px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.rcrr span {
|
||||
color: #909090;
|
||||
font-size: 18px;
|
||||
}
|
||||
.combination{
|
||||
width: 100%;
|
||||
height: 37px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
text-align: right;
|
||||
font-size: 12px;
|
||||
line-height: 36px;
|
||||
padding-right: 15px;
|
||||
}
|
||||
.combination o{
|
||||
font-size: 14.4px;
|
||||
}
|
||||
.btns{
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
/*background: white;*/
|
||||
}
|
||||
.btns_btn{
|
||||
color: black;
|
||||
font-size: 14px;
|
||||
padding:4px 6px 0px;
|
||||
float: right;
|
||||
/* line-height: 48px; */
|
||||
margin: 9.5px 6px;
|
||||
border-radius: 30px;
|
||||
background: -moz-linear-gradient(left, #fcff00, #ffde00);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#fcff00), to(#ffde00));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #fcff00, #ffde00);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #fcff00, #ffde00);
|
||||
/*Opera11*/
|
||||
box-shadow: 1px 1px 5px #ffde00;
|
||||
|
||||
}
|
||||
.btns .kk{
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
.btns .qrsh{
|
||||
border: 1px solid #e5132c;
|
||||
color: #e5142a;
|
||||
}
|
||||
|
||||
.bg_{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0,0,0,0.1);
|
||||
|
||||
}
|
||||
.bg_ts{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0,0,0,0.1);
|
||||
|
||||
}
|
||||
.bg_con{
|
||||
width: 90%;
|
||||
/*height: 160px;*/
|
||||
background: white;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 10px;
|
||||
/* top: 30%; */
|
||||
border-radius: 5px;
|
||||
}
|
||||
.bg_con p{
|
||||
border-bottom: 1px solid #efefef;
|
||||
padding:10px 20px;
|
||||
color: black;
|
||||
}
|
||||
.bg_con .info1{
|
||||
padding:10px 20px;
|
||||
color: black;
|
||||
border-bottom: none;
|
||||
}
|
||||
.en_true,.ts_true{
|
||||
background: #2AC845;
|
||||
color: white;
|
||||
/*position: absolute;*/
|
||||
margin-left: 30%;
|
||||
border: none;
|
||||
margin-top:10px;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
.en_false,.ts_false{
|
||||
background: #efefef;
|
||||
color: #909090;
|
||||
/*position: absolute;*/
|
||||
margin-right: 30%;
|
||||
margin-top:10px;
|
||||
|
||||
border: none;
|
||||
float: right;
|
||||
}
|
||||
#content,#content_ts,#Tmoney{
|
||||
margin: 0 5% 5%;
|
||||
width: 90%;
|
||||
}
|
||||
.refundInfo{
|
||||
float:left;
|
||||
}
|
||||
.refundTxt{
|
||||
display: block;
|
||||
margin: 0 5% 5%;
|
||||
width: 90% !important;
|
||||
}
|
||||
select{
|
||||
/*margin: 0;*/
|
||||
}
|
||||
.row_block{
|
||||
background: #fbfbfb;
|
||||
}
|
||||
.row_block img{
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.rcr {
|
||||
background: #FBFBFB;
|
||||
}
|
||||
|
||||
/*20181018*/
|
||||
#select{
|
||||
margin: 5px 5%;
|
||||
border: 1px solid rgba(0,0,0,.2)!important;
|
||||
/*background: red;*/
|
||||
width: 90%;
|
||||
}
|
||||
70
css/index.css
Normal file
70
css/index.css
Normal file
@ -0,0 +1,70 @@
|
||||
body{
|
||||
background: white;
|
||||
}
|
||||
|
||||
body .mui-bar-tab {
|
||||
height: 50px;
|
||||
background: white;
|
||||
z-index: 999;
|
||||
}
|
||||
body .mui-bar-tab{
|
||||
height: 50px;
|
||||
}
|
||||
.mui-bar .mui-tab-item .mui-icon img {
|
||||
height:48px;
|
||||
padding: 1px;
|
||||
}
|
||||
.mui-bar .mui-tab-item .mui-icon{
|
||||
padding: 0;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
display: inline-block;
|
||||
}
|
||||
.mui-bar .mui-tab-item{
|
||||
height: 50px;
|
||||
|
||||
box-sizing: border-box;
|
||||
|
||||
}
|
||||
.mui-bar{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
}
|
||||
.mui-bar-tab{
|
||||
}
|
||||
.mui-bar-tab .mui-tab-item .mui-icon{
|
||||
top:1;
|
||||
}
|
||||
.mui-bar-tab,.mui-bar{
|
||||
box-shadow: none
|
||||
}
|
||||
.mui-icon{
|
||||
position: relative;
|
||||
}
|
||||
.nav_in{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
.shun{
|
||||
animation: shun 1s;
|
||||
animation-timing-function: ease-in-out;
|
||||
}
|
||||
|
||||
.ni{
|
||||
animation: ni 1s;
|
||||
animation-timing-function:ease-in-out;
|
||||
}
|
||||
|
||||
@keyframes shun{
|
||||
from{transform: rotate(0deg);}
|
||||
to{transform: rotate(360deg);}
|
||||
}
|
||||
@keyframes ni{
|
||||
from{transform: rotate(0deg);}
|
||||
to{transform: rotate(-720deg);}
|
||||
}
|
||||
302
css/individual.css
Normal file
302
css/individual.css
Normal file
@ -0,0 +1,302 @@
|
||||
.individual-title {
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
/* background: #000000; */
|
||||
text-align: center;
|
||||
padding-top: 30px;
|
||||
/* font-size: 18px; */
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.individual-title a {
|
||||
display: inline-block;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
background: #242424;
|
||||
border-radius: 23px;
|
||||
color: #fff;
|
||||
padding-top: 3px;
|
||||
margin-top: 25px;
|
||||
}
|
||||
.individual-title span {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
font-size: 16px;
|
||||
}
|
||||
.mui-action-back {
|
||||
font-size: 20px;
|
||||
/* height: 20px; */
|
||||
position: absolute;
|
||||
|
||||
left: 15px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.individual-title h3 {
|
||||
display: inline-block;
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
color: ##c0c0c0;
|
||||
/* height: 60px; */
|
||||
/* padding-top: 35px; */
|
||||
padding-left: 50px;
|
||||
/* margin-top: -3px; */
|
||||
}
|
||||
|
||||
.mui-table-view-cell {
|
||||
width: 100%;
|
||||
/* height: 50px; */
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
#headerimg img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.mui-table-view-cell label {
|
||||
width: 35%;
|
||||
text-align: left;
|
||||
padding: 0px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
/* .mui-input-row input{ */
|
||||
.mui-table-view-cell input ,.mui-table-view-cell p,.mui-table-view-cell textarea{
|
||||
padding: 0px;
|
||||
/* width:calc(100%-100px); */
|
||||
font-size: 17px;
|
||||
margin: 0px;
|
||||
border: 0px;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
.addresscon {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
}
|
||||
|
||||
.addresscon textarea {
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
height: 50px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
}
|
||||
|
||||
.addresscon label {
|
||||
display: inline-block;
|
||||
/* width:60px; */
|
||||
}
|
||||
|
||||
.addresscon textarea::-webkit-input-placeholder {
|
||||
text-align: right;
|
||||
height: 50px;
|
||||
line-height: 50px;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.mui-table-view-cell input::-webkit-input-placeholder {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.mui-input-row {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.mui-table-view-cell .mui-table-view-cell-head {
|
||||
display:block;
|
||||
/* width:120px; */
|
||||
/* height: 100px; */
|
||||
/* background: pink; */
|
||||
padding-top: 7px;
|
||||
|
||||
|
||||
}
|
||||
|
||||
.mui-table-view-cell-img {
|
||||
display: block;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50px;
|
||||
overflow: hidden;
|
||||
float: left;
|
||||
}
|
||||
.mui-table-view-cell-img img {
|
||||
width: 100%;
|
||||
}
|
||||
.photo{
|
||||
align-self: stretch;
|
||||
display: inline-block;
|
||||
width:30% ;
|
||||
}
|
||||
.longstr{
|
||||
align-self: stretch;
|
||||
display: inline-block;
|
||||
width:50% ;
|
||||
font-size: 15px;
|
||||
}
|
||||
.photoimg {
|
||||
width: 70%;
|
||||
text-align: right;
|
||||
overflow: hidden;
|
||||
}
|
||||
.info{
|
||||
position: relative;
|
||||
/* display: inline-block; */
|
||||
width:37% ;
|
||||
font-size: 12px;
|
||||
bottom: 3px;
|
||||
color: #aaa;
|
||||
}
|
||||
.ossfile{
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
/* background: #ccc; */
|
||||
/* border: 1px solid #ccc; */
|
||||
border-radius: 3px;
|
||||
position: relative;
|
||||
}
|
||||
.ossfile .files_out{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.ossfile img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
.photoimg .mui-icon{
|
||||
position: absolute;
|
||||
top:28px;
|
||||
left: 30px;
|
||||
color: #fff;
|
||||
}
|
||||
.qrbb ,.qrrz {
|
||||
height: 60px;
|
||||
}
|
||||
.qrbb p,.qrrz p{
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
color: #6E6E6E;
|
||||
font-size: 15px;
|
||||
}
|
||||
.mui-table-view-cell-img img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
.pheight{
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
}
|
||||
.thumbnail-img {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
position: relative;
|
||||
float: left;
|
||||
/* margin: 0 auto; */
|
||||
}
|
||||
|
||||
.thumbnail-img .mui-icon {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
font-size: 40px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.thumbnail-img p {
|
||||
text-align: center;
|
||||
}
|
||||
.mui-table-view-cell-img-img {
|
||||
position: relative;
|
||||
float: left;
|
||||
padding-left: 200px;
|
||||
}
|
||||
.mui-table-view-cell-hkimg {
|
||||
/* width:300px;
|
||||
overflow: hidden;
|
||||
position: relative; */
|
||||
float: left;
|
||||
/* padding-left: 100px; */
|
||||
/* height: 100px; */
|
||||
/* background: pink; */
|
||||
}
|
||||
.mui-table-view-cell-hkimg .files_out{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
float: left;
|
||||
}
|
||||
.mui-table-view-cell-hkimg .files_out img{
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
.hkimg {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.YZTEL{
|
||||
margin: 50px auto;
|
||||
width: 80%;
|
||||
}
|
||||
.YZTEL .mui-table-view-cell{
|
||||
padding: 5px;
|
||||
}
|
||||
.YZTEL label{
|
||||
width:25%;
|
||||
}
|
||||
|
||||
|
||||
.mui-table-view .mui-table-view-cell .indiv-tel {
|
||||
width: 80%;
|
||||
/* text-align: left; */
|
||||
|
||||
}
|
||||
.mui-table-view .mui-table-view-cell .YZM {
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
.mui-table-view .mui-table-view-cell .YZM::-webkit-input-placeholder{
|
||||
text-align: center;
|
||||
}
|
||||
.mui-table-view .mui-table-view-cell .HQYZM {
|
||||
width: 40%;
|
||||
height: 30px;
|
||||
font-size: 16px;
|
||||
line-height: 30px;
|
||||
color: #8E8E8E;
|
||||
/* background: #ccc; */
|
||||
text-align: center;
|
||||
border-radius: 5px;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
.mui-btn-block {
|
||||
height: 30px;
|
||||
line-height: 1px;
|
||||
width: 70%;
|
||||
margin:30px auto;
|
||||
}
|
||||
.bc_btn {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
|
||||
|
||||
text-align: center;
|
||||
width: 70%;
|
||||
margin: 30px auto;
|
||||
color: #fff;
|
||||
background: #FF1A03;
|
||||
border-radius: 15px;
|
||||
}
|
||||
155
css/invest.css
Normal file
155
css/invest.css
Normal file
@ -0,0 +1,155 @@
|
||||
.con_ {
|
||||
width: 98%;
|
||||
margin: 5px auto ;
|
||||
display: flex;
|
||||
/* justify-content: space-between; */
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
/* padding: 10px; */
|
||||
}
|
||||
.con_ .top{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
/* justify-content: space-between; */
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
padding: 10px;
|
||||
font-size: 14px;
|
||||
background: #fff;
|
||||
}
|
||||
.con_ .bottom{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
padding: 10px;
|
||||
}
|
||||
.con_ .bottom .img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.con_ .bottom .img img {
|
||||
width: 100% ;
|
||||
height: 100%;
|
||||
}
|
||||
.con_ .bottom .pos {
|
||||
font-size: 15px;
|
||||
}
|
||||
.con_ .left {
|
||||
width: 78px;
|
||||
height: 78px;
|
||||
margin-right: 10px ;
|
||||
/* padding-right: 5px; */
|
||||
border-radius: 78px;
|
||||
border: 3px solid #CF2D28;
|
||||
overflow: hidden;
|
||||
}
|
||||
.con_ .left img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.con_ .mid {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items:flex-start ;
|
||||
flex-direction: column;
|
||||
height: 78px;
|
||||
font-size: 18px;
|
||||
|
||||
}
|
||||
.con_ .mid .partner {
|
||||
font-size: 15px;
|
||||
}
|
||||
.con_ .mid .timer{
|
||||
font-size: 15px;
|
||||
}
|
||||
.con_ .right .scale {
|
||||
width: 78px;
|
||||
height:78px;
|
||||
border: 3px solid #CF2D28;
|
||||
border-radius: 78px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
font-size: 18px;
|
||||
}
|
||||
.con_ .right .scale p {
|
||||
font-size: 18px;
|
||||
}
|
||||
.shopName {
|
||||
margin-bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* 分配券值 start*/
|
||||
.nav{
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.nav-item {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
color: #1D1D1D;
|
||||
}
|
||||
.active{
|
||||
border-bottom: 1px solid #C24F4A;
|
||||
color:#C24F4A ;
|
||||
}
|
||||
.content .content_ .title {
|
||||
height: 60px ;
|
||||
width: 98%;
|
||||
margin: 0px auto;
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
background: #fff;
|
||||
line-height: 60px;
|
||||
}
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 98%;
|
||||
margin: 0px auto;
|
||||
background: #fff;
|
||||
padding: 10px 2px;
|
||||
}
|
||||
.row label{
|
||||
min-width: 100px;
|
||||
}
|
||||
.row input {
|
||||
margin: 0px;
|
||||
padding: 0px 3px;
|
||||
text-align: right;
|
||||
border: 0px;
|
||||
}
|
||||
/* 分配券值 end*/
|
||||
/* 按钮*/
|
||||
.down {
|
||||
margin: 55px auto ;
|
||||
|
||||
}
|
||||
.down .btn {
|
||||
margin: 0px auto ;
|
||||
width: 200px;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
text-align: center;
|
||||
padding: 10px auto;
|
||||
background: #DD524D;
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
color: #FDECEA;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
0
css/investdetail.css
Normal file
0
css/investdetail.css
Normal file
350
css/login.css
Normal file
350
css/login.css
Normal file
@ -0,0 +1,350 @@
|
||||
.con {
|
||||
margin-top: 78px;
|
||||
|
||||
}
|
||||
|
||||
.top {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.header .header_con .title {
|
||||
/* margin-top: 40px; */
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.logincon {
|
||||
margin-top: 11px;
|
||||
}
|
||||
|
||||
.loginbg .header {
|
||||
background-color: rgba(256, 256, 256, 0.4);
|
||||
}
|
||||
|
||||
.login_con {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.login_con .con {
|
||||
/* 控制登录页面 */
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.login_con .con .row {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
background: white;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.commercial .con,
|
||||
.supermarket .con,
|
||||
.shangdu .con {
|
||||
/* 控制申请商厦 申请商超 申请商都 页面 */
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.logintop {
|
||||
width: 98%;
|
||||
margin: 0 auto 11px;
|
||||
/* background: #ccc; */
|
||||
text-align: center;
|
||||
padding: 10px;
|
||||
|
||||
}
|
||||
|
||||
.logintop h3 {
|
||||
font-size: 20px;
|
||||
margin: 23px auto 33px;
|
||||
color: #E51329;
|
||||
}
|
||||
|
||||
.logintop p {
|
||||
margin: 10px auto;
|
||||
font-size: 18px;
|
||||
color: #E51329;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
background: white;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.row img {
|
||||
width: 25.2px;
|
||||
height: 25.2px;
|
||||
/* float: left; */
|
||||
margin: 7px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.row span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.s_reg {
|
||||
/* float: left; */
|
||||
min-width: 100px;
|
||||
line-height: 42px;
|
||||
color: #525252;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.s1 {
|
||||
/* float: left; */
|
||||
/* min-width: 60px; */
|
||||
line-height: 42px;
|
||||
color: #525252;
|
||||
font-size: 17px;
|
||||
white-space: nowrap;
|
||||
/* flex: 1.2; */
|
||||
}
|
||||
|
||||
.con .row input {
|
||||
/* float: left; */
|
||||
margin: 0;
|
||||
width:auto ;
|
||||
border: none;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.con .row input::-webkit-input-placeholder {
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.down {
|
||||
width: 100%;
|
||||
padding: 12px;
|
||||
margin: 15px auto;
|
||||
}
|
||||
|
||||
.down .btn {
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
text-align: center;
|
||||
line-height: 42px;
|
||||
color: white;
|
||||
background: #f02c43;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.s2 {
|
||||
color: #525252;
|
||||
font-size: 17px;
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.pNameCode .s99 {
|
||||
min-width: 60px;
|
||||
}
|
||||
|
||||
#register {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#fogetpsd {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.ac1_left {
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
position: relative;
|
||||
line-height: 66px;
|
||||
}
|
||||
|
||||
.con .row .yzm{
|
||||
width: 100%;
|
||||
}
|
||||
.con .row .tpyzm {
|
||||
width: calc(100% - 210px);
|
||||
}
|
||||
|
||||
.con .row #mobileCode,
|
||||
.con .row #mobileCode1 {
|
||||
/* width: 110px; */
|
||||
float: right;
|
||||
margin-top: 4px;
|
||||
text-align: center;
|
||||
height: 33px;
|
||||
line-height: 33px;
|
||||
border-left: 1px solid #e6e6e6;
|
||||
color: #909090;
|
||||
font-size: 17px;
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
#getMobileCode{
|
||||
font-size: 17px;
|
||||
float: right;
|
||||
}
|
||||
.row .yzmhh {
|
||||
width: 100px;
|
||||
height: 31px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
position: relative;
|
||||
bottom: 10px;
|
||||
/* background: #ccc; */
|
||||
width: 98%;
|
||||
margin: 7px auto;
|
||||
|
||||
}
|
||||
|
||||
.bottom-con {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 77%;
|
||||
margin: 33px auto;
|
||||
|
||||
}
|
||||
|
||||
.bottom p {
|
||||
display: inline-block;
|
||||
width: 10px;
|
||||
color: #E51329;
|
||||
font-size: 17px;
|
||||
padding-top: 5px;
|
||||
}
|
||||
|
||||
.zcxy {
|
||||
/* margin-top: 22px; */
|
||||
}
|
||||
|
||||
.zcxytitle {
|
||||
width: 97%;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
margin: 0px auto 10px;
|
||||
font-size: 14px;
|
||||
color: #333333;
|
||||
background: #fff;
|
||||
/* box-shadow: 2px 2px 5px rgba(25, 25, 25, 0.2); */
|
||||
|
||||
}
|
||||
|
||||
.zcxytitle label {
|
||||
padding: 8px 5px;
|
||||
font-size: 17px;
|
||||
|
||||
}
|
||||
|
||||
.zcxy .zcxycontent, .con .zcxycontent {
|
||||
|
||||
width: 97%;
|
||||
margin: 0px auto;
|
||||
background: pink;
|
||||
overflow-y: scroll;
|
||||
height: 300px;
|
||||
background: #fff;
|
||||
padding: 10px 4PX;
|
||||
/* overflow: auto; */
|
||||
}
|
||||
|
||||
.zcxycontent h3 {
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.zcxycontent::-webkit-scrollbar {
|
||||
background: hotpink;
|
||||
/* display: none!important; */
|
||||
width: 0px;
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
.hkimg {
|
||||
width: 100%;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.mui-table-view-cell-hkimg {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.thumbnail-img {
|
||||
float: left;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
/* background:pink; */
|
||||
/* margin: 0 auto; */
|
||||
}
|
||||
|
||||
.thumbnail-img .mui-icon {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
font-size: 40px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
.mui-table-view-cell-hkimg .files_out {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
margin: 0 auto;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.mui-table-view-cell-hkimg .files_out img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.renzhengphoto {
|
||||
width: 98%;
|
||||
margin: 10px auto 0px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
padding: 7px;
|
||||
/* flex: 1; */
|
||||
}
|
||||
|
||||
.renzhengphoto label {
|
||||
width: 100px;
|
||||
font-size: 13px;
|
||||
color: #363636;
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
.renzhengphoto .photos span {
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
/* padding-left: 5px; */
|
||||
}
|
||||
|
||||
.ossfile {
|
||||
display: inline-block;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
background: #ccc;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.files_out {
|
||||
text-align: center;
|
||||
padding-top: 24px;
|
||||
}
|
||||
|
||||
.photos span {
|
||||
display: inline-block;
|
||||
font-size: 10px;
|
||||
color: #959595;
|
||||
|
||||
}
|
||||
117
css/logistics.css
Normal file
117
css/logistics.css
Normal file
@ -0,0 +1,117 @@
|
||||
body .header1 {
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
}
|
||||
|
||||
.header1 .p1 {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.header1 .mui-action-back {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.summarize {
|
||||
border-bottom: 6px solid #efefef;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.summarize img {
|
||||
float: left;
|
||||
width: 54px;
|
||||
height: 54px;
|
||||
margin: 15px 12px;
|
||||
}
|
||||
|
||||
.summarizeinfo {
|
||||
float: left;
|
||||
width: calc( 100% - 78px);
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
.pp1 {
|
||||
color: #525252;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
|
||||
.pp1 o {
|
||||
color: #e51329;
|
||||
}
|
||||
|
||||
.pp2 {
|
||||
color: #525252;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.pp2 o {
|
||||
color: #e51329;
|
||||
}
|
||||
|
||||
.track-list {
|
||||
position: relative;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.track-list ul {
|
||||
margin: 0;
|
||||
padding-left: 20px;
|
||||
|
||||
}
|
||||
|
||||
ul li {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.track-list li {
|
||||
position: relative;
|
||||
padding: 9px 0 0 25px;
|
||||
line-height: 18px;
|
||||
border-left: 1px solid #d9d9d9;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.track-list li.first {
|
||||
color: red;
|
||||
padding-top: 9px;
|
||||
border-left-color: #fff;
|
||||
}
|
||||
.track-list li.first p{
|
||||
color: #72ca87;
|
||||
}
|
||||
.track-list li .node-icon {
|
||||
position: absolute;
|
||||
left: -6px;
|
||||
top: 50%;
|
||||
width: 11px;
|
||||
height: 11px;
|
||||
background: url(../img/order-icons.png) -21px -72px no-repeat;
|
||||
}
|
||||
|
||||
.track-list li.first .node-icon {
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
|
||||
.track-list li .time {
|
||||
margin-right: 20px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
padding-bottom: 9px;
|
||||
}
|
||||
|
||||
.track-list li .txt {
|
||||
padding-bottom: 3px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.track-list li.first .time {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.track-list li.first .txt {
|
||||
max-width: 600px;
|
||||
}
|
||||
331
css/map.css
Normal file
331
css/map.css
Normal file
@ -0,0 +1,331 @@
|
||||
body {
|
||||
background: #ebebeb;
|
||||
}
|
||||
.header {
|
||||
width: 10rem;
|
||||
height: 1.25rem;
|
||||
background: #f23249;
|
||||
}
|
||||
.header img {
|
||||
width: 0.171875rem;
|
||||
height: 0.5rem;
|
||||
float: left;
|
||||
margin-top: 0.375rem;
|
||||
margin-left: 0.4375rem;
|
||||
}
|
||||
.header p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.46875rem;
|
||||
color: #fff;
|
||||
line-height: 1.25rem;
|
||||
margin-left: 4.0625rem;
|
||||
}
|
||||
/*header end*/
|
||||
.rz_input {
|
||||
width: 10rem;
|
||||
background: #fff;
|
||||
margin-top: 0.3125rem;
|
||||
}
|
||||
.rz_input img {
|
||||
width: 0.5625rem;
|
||||
height: 0.546875rem;
|
||||
float: left;
|
||||
margin-left: 0.234375rem;
|
||||
margin-top: 0.234375rem;
|
||||
}
|
||||
.rz_input .mc .phone {
|
||||
width: 0.421875rem;
|
||||
height: 0.546875rem;
|
||||
margin-right: 0.125rem;
|
||||
}
|
||||
.rz_input input {
|
||||
width: 7.8125rem;
|
||||
height: 1.015625rem;
|
||||
margin-left: 0.359375rem;
|
||||
float: left;
|
||||
border: none;
|
||||
}
|
||||
.mc {
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
/*用户名... ed*/
|
||||
.time {
|
||||
width: 10rem;
|
||||
height: 1.09375rem;
|
||||
background: #fff;
|
||||
margin-top: 0.15625rem;
|
||||
margin-bottom: 0.15625rem;
|
||||
position: relative;
|
||||
}
|
||||
.time p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.34375rem;
|
||||
line-height: 1.09375rem;
|
||||
margin-left: 0.265625rem;
|
||||
float: left;
|
||||
}
|
||||
.time #stime {
|
||||
width: 2.03125rem;
|
||||
height: 0.78125rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 2.390625rem;
|
||||
top: 0.125rem;
|
||||
}
|
||||
.time #etime {
|
||||
width: 2.03125rem;
|
||||
height: 0.78125rem;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 4.96875rem;
|
||||
top: 0.125rem;
|
||||
}
|
||||
/*time ed*/
|
||||
.location {
|
||||
width: 10rem;
|
||||
height: 3.5625rem;
|
||||
background: #fff;
|
||||
}
|
||||
.location p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.34375rem;
|
||||
float: left;
|
||||
margin-left: 0.28125rem;
|
||||
margin-top: 0.4375rem;
|
||||
}
|
||||
.location select {
|
||||
width: auto;
|
||||
padding: 0 1.71875rem;
|
||||
height: 0.921875rem;
|
||||
appearance: none;
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
float: left;
|
||||
margin-top: 0.25rem;
|
||||
margin-left: 0.46875rem;
|
||||
}
|
||||
/*location ed*/
|
||||
.classification {
|
||||
width: 10rem;
|
||||
height: 2.421875rem;
|
||||
background: #fff;
|
||||
margin-top: 0.1875rem;
|
||||
}
|
||||
.classification p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.34375rem;
|
||||
color: #222222;
|
||||
float: left;
|
||||
margin-left: 0.28125rem;
|
||||
margin-top: 0.46875rem;
|
||||
}
|
||||
.business_fenlei {
|
||||
position: relative;
|
||||
}
|
||||
.business_fenlei select {
|
||||
width: auto;
|
||||
padding: 0 1.71875rem;
|
||||
height: 0.921875rem;
|
||||
appearance: none;
|
||||
-moz-appearance: none;
|
||||
-webkit-appearance: none;
|
||||
float: left;
|
||||
margin-top: 0.25rem;
|
||||
margin-left: 0.46875rem;
|
||||
}
|
||||
#cat_id_2 {
|
||||
position: absolute;
|
||||
top: 1.09375rem;
|
||||
left: 1.65625rem;
|
||||
}
|
||||
/*classification ed*/
|
||||
.License {
|
||||
width: 10rem;
|
||||
height: 3.796875rem;
|
||||
background: #fff;
|
||||
margin-top: 0.1875rem;
|
||||
}
|
||||
.upload {
|
||||
width:100%;
|
||||
height: 0.859375rem;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
.upload p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.34375rem;
|
||||
line-height: 0.859375rem;
|
||||
margin-left: 0.296875rem;
|
||||
}
|
||||
/*License ed*/
|
||||
.position {
|
||||
width: 100%;
|
||||
/* height: 19.53125rem; */
|
||||
background: #fff;
|
||||
margin-top: 0.1875rem;
|
||||
position: relative;
|
||||
}
|
||||
#r-result {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-content: center;
|
||||
height: 30px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#r-result p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.34375rem;
|
||||
width: 100px;
|
||||
margin-left: 0.296875rem;
|
||||
margin-top: 0.359375rem;
|
||||
}
|
||||
#r-result input {
|
||||
width:-webkit-calc(100%-100px);
|
||||
height: 0.890625rem;
|
||||
margin: 0px;
|
||||
/* margin-left: 0.46875rem; */
|
||||
/* margin-top: 0.15625rem; */
|
||||
text-align: center;
|
||||
}
|
||||
.points,.right{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.points p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.34375rem;
|
||||
/* float: left; */
|
||||
margin-left: 0.296875rem;
|
||||
margin-top: 0.359375rem;
|
||||
}
|
||||
#lng,
|
||||
#lat {
|
||||
width: 100px;
|
||||
/* float: left; */
|
||||
margin-left: 0.203125rem;
|
||||
margin-top: 0.390625rem;
|
||||
margin-bottom: 0.15625rem;
|
||||
}
|
||||
#allmap {
|
||||
width: 100%;
|
||||
height: 12.03125rem;
|
||||
|
||||
/* position: absolute; */
|
||||
left: 0.234375rem;
|
||||
}
|
||||
.map_title {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 0.375rem;
|
||||
color: #222222;
|
||||
}
|
||||
.describe {
|
||||
position: absolute;
|
||||
width: 9.6875rem;
|
||||
height: 6.25rem;
|
||||
bottom: 1.875rem;
|
||||
left: 0.125rem;
|
||||
}
|
||||
#shop_info {
|
||||
resize: none;
|
||||
width: 9.6875rem;
|
||||
height: 5.46875rem;
|
||||
}
|
||||
.qdtj_btn {
|
||||
width: 9.375rem;
|
||||
height: 1.09375rem;
|
||||
background: #f02c43;
|
||||
position: absolute;
|
||||
bottom: 0.15625rem;
|
||||
left: 0.296875rem;
|
||||
text-align: center;
|
||||
font-size: 0.40625rem;
|
||||
color: #fff;
|
||||
line-height: 1.09375rem;
|
||||
}
|
||||
/*btn ed*/
|
||||
/*上传图片 start*/
|
||||
.container {
|
||||
width: 55%;
|
||||
margin-right: 25px;
|
||||
float: left;
|
||||
}
|
||||
.weui_cell {
|
||||
padding: 0;
|
||||
}
|
||||
.weui_cell,
|
||||
.weui_cell_bd,
|
||||
.weui_cell_primary,
|
||||
.weui_cells,
|
||||
.weui_cells_form {
|
||||
border: none;
|
||||
margin: 0;
|
||||
}
|
||||
.weui_cells_form::before,
|
||||
.weui_cells_form::after {
|
||||
border: none;
|
||||
}
|
||||
.weui_uploader_file {
|
||||
position: relative;
|
||||
}
|
||||
.wuf {
|
||||
float: left;
|
||||
margin-right: 9px;
|
||||
margin-bottom: 9px;
|
||||
width: 79px;
|
||||
height: 79px;
|
||||
background: no-repeat center center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
}
|
||||
.del_btn {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background: red;
|
||||
border-radius: 50%;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
font-size: 14px;
|
||||
color: white;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
/*上传图片 end*/
|
||||
*{
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
#allmap table {
|
||||
border-collapse:collapse; /*让表格边框细线*/
|
||||
border-spacing:0; /*清除边框间距*/
|
||||
}
|
||||
#allmap fieldset,img {
|
||||
border:0 none; /*有些浏览器默认这些标签有边框，所以要清除默认边框*/
|
||||
display:block;
|
||||
}
|
||||
#allmap address,#allmap caption,#allmap cite, #allmap code,#allmap dfn, #allmap em,#allmap i,#allmap u,#allmap b,#allmap strong, #allmap th,#allmap var {
|
||||
font-style:normal;
|
||||
font-weight:normal;
|
||||
/*清除标签默认文本样式和加粗*/
|
||||
}
|
||||
#allmap input,#allmap textarea{
|
||||
outline:0 none;/*去掉文本框的默认轮廓线*/
|
||||
}
|
||||
#allmap ol,#allmap ul {
|
||||
list-style:none; /*清除列表默认样式*/
|
||||
}
|
||||
#allmap caption,#allmap th {
|
||||
text-align:left; /*清除标签默认文本居中对齐*/
|
||||
}
|
||||
#allmap h1,#allmap h2,#allmap h3,#allmap h4,#allmap h5,#allmap h6 {
|
||||
font-size:100%;
|
||||
font-weight:normal; /*清除标题标签的默认样式*/
|
||||
}
|
||||
#allmap a{
|
||||
text-decoration:none;/*大部分页面中的链接没有下划线*/
|
||||
}
|
||||
82
css/memorandumlist.css
Normal file
82
css/memorandumlist.css
Normal file
@ -0,0 +1,82 @@
|
||||
.con .content {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
/* align-items: center; */
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 5px;
|
||||
background: #fff;
|
||||
}
|
||||
.content .top {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
flex-direction: row;
|
||||
padding: 5px;
|
||||
}
|
||||
.content .top .title {
|
||||
flex: 1;
|
||||
}
|
||||
.content .top .img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.content .top .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.content .top .oper {
|
||||
width: 100px;
|
||||
height: 40px;
|
||||
align-self: flex-end;
|
||||
margin-right: 10px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.content .top .oper .del{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
.content .top .oper .del img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.content .top .oper .bj{
|
||||
width: 30px;
|
||||
height: 30px
|
||||
}
|
||||
.content .top .oper .bj img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.content .bottom {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 5px;
|
||||
font-size: 15px;
|
||||
}
|
||||
.add1{
|
||||
width: 96%;
|
||||
margin: 35px auto;
|
||||
height: 63px;
|
||||
background:#C9C9C9;
|
||||
border:1px solid #C9C9C9;
|
||||
border-radius: 5px;
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
align-items:center ;
|
||||
/* margin-top: 10px; */
|
||||
}
|
||||
.addimg{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.add1 img {
|
||||
/* position: absolute; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
5613
css/mui.css
Normal file
5613
css/mui.css
Normal file
File diff suppressed because it is too large
Load Diff
5
css/mui.min.css
vendored
Normal file
5
css/mui.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
369
css/my.css
Normal file
369
css/my.css
Normal file
@ -0,0 +1,369 @@
|
||||
body:after {
|
||||
content: "";
|
||||
position: fixed;
|
||||
/*top: -10px;*/
|
||||
bottom: -10px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
box-shadow: 0 -0.5vw 2.3vw 3px rgba(25, 25, 25, 0.1);
|
||||
/*-webkit-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-moz-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-o-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-ms-box-shadow: 0 0.5vw 2.3vw 15px #ccc;*/
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.my{
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.mui-scroll{
|
||||
/* background: url(../img/my_bg.png) no-repeat center top; */
|
||||
background-size: 100% ;
|
||||
}
|
||||
|
||||
|
||||
.con{
|
||||
position: absolute;
|
||||
top: 35px;
|
||||
left: 15px;
|
||||
width: 93%;
|
||||
/* height: 70px; */
|
||||
|
||||
}
|
||||
.con .login{
|
||||
width: 78px;
|
||||
height:78px;
|
||||
border-radius: 100px;
|
||||
border: 3px solid #ebebeb;
|
||||
color: white;
|
||||
text-align: center;
|
||||
line-height: 72px;
|
||||
/*margin: 0 auto;*/
|
||||
position: absolute;
|
||||
top: -20px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 0;
|
||||
margin:0px auto;
|
||||
/* font-size: 22px; */
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
.con1{
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items:center;
|
||||
padding: 10px;
|
||||
height:120px ;
|
||||
}
|
||||
.con1 img{
|
||||
display: inline-block;
|
||||
width: 78px;
|
||||
height: 78px;
|
||||
border-radius: 100px;
|
||||
border: 3px solid #fff;
|
||||
margin-right: 20px;
|
||||
/* left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
z-index: 11;
|
||||
position: absolute; */
|
||||
}
|
||||
.con1 .left {
|
||||
width: 60%;
|
||||
height: 80px;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
flex-direction: column;
|
||||
}
|
||||
.con1 p{
|
||||
display: inline-block;
|
||||
/* position: absolute; */
|
||||
font-size: 19px;
|
||||
color: #fff;
|
||||
font-weight:300;
|
||||
/* width: 60%; */
|
||||
|
||||
/* left: 0; */
|
||||
/* top: 85px; */
|
||||
/* right: 0; */
|
||||
/* margin: 0 auto; */
|
||||
/* width: 100%; */
|
||||
/* text-align: center; */
|
||||
}
|
||||
.con1 .left p span {
|
||||
padding-right: 10px;
|
||||
font-size: 14px
|
||||
}
|
||||
.seeting{
|
||||
font-size: 22px;
|
||||
color: #fff;
|
||||
/* margin-top: 15px;
|
||||
margin-left: 9px;
|
||||
float: left; */
|
||||
width: 10%;
|
||||
}
|
||||
.hyz{
|
||||
width: 102px;
|
||||
height: 26.4px;
|
||||
font-size: 13.2px;
|
||||
line-height: 29px;
|
||||
text-indent: 27px;
|
||||
color: #fff;
|
||||
background: url(../img/hyz_bg.png) no-repeat center top;
|
||||
background-size: 100%;
|
||||
right: 0;
|
||||
position: absolute;
|
||||
top: 111px;
|
||||
}
|
||||
.nav {
|
||||
width: 96%;
|
||||
height: 122px;
|
||||
background: white;
|
||||
/* margin-bottom: 9px; */
|
||||
margin: 0 2%;
|
||||
padding-top: 58px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
.nblock{
|
||||
width: 33.3%;
|
||||
height: 72px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
/* padding-top: 10px; */
|
||||
}
|
||||
.nblock p{
|
||||
color: #525252;
|
||||
font-size: 13.2px;
|
||||
margin-top: 3px;
|
||||
|
||||
}
|
||||
|
||||
.order, .myMoney, .myYouhuiquan, .mydata, .shenqingcon{
|
||||
margin: 6px 2%;
|
||||
width: 96%;
|
||||
}
|
||||
/* 优惠券 */
|
||||
.myYouhuiquan{
|
||||
/* height: 150px; */
|
||||
width: 98%;
|
||||
margin: 5px auto 0px;
|
||||
/* padding-top: 30px; */
|
||||
/* display: none; */
|
||||
}
|
||||
.myYouhuiquan_con{
|
||||
/* position: absolute; */
|
||||
height: 100px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
background: white;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 5px;
|
||||
/* border-bottom: 1px solid #e6e6e6; */
|
||||
}
|
||||
.myYouhuiquan_con1{
|
||||
width: 90%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
/* padding-top: 111px; */
|
||||
/* background: #000000; */
|
||||
margin: 15px auto 2px;
|
||||
}
|
||||
.myYouhuiquan_cb{
|
||||
width:33.333%;
|
||||
height: 50px;
|
||||
padding: 4px auto;
|
||||
text-align: center;
|
||||
/* float: left; */
|
||||
/* position: relative; */
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* align-items: center; */
|
||||
justify-content: center;
|
||||
border-bottom: 1px solid #c0c0c0;
|
||||
/* border: 1px solid #C0C0C0; */
|
||||
}
|
||||
|
||||
.myYouhuiquan_cb p{
|
||||
color: #525252;
|
||||
font-size: 18px;
|
||||
}
|
||||
.myYouhuiquan_cb .orange{
|
||||
color:#FC773F;
|
||||
font-size: 18px;
|
||||
}
|
||||
/* 订单 */
|
||||
|
||||
.order_title{
|
||||
width: 100%;
|
||||
height: 43px;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
line-height: 43px;
|
||||
|
||||
}
|
||||
|
||||
.order_title p{
|
||||
font-size: 18px;
|
||||
color: black;
|
||||
float: left;
|
||||
margin: 0;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.order_title .order_more{
|
||||
color: #909090;
|
||||
font-size: 17px;
|
||||
float: right;
|
||||
margin: 0;
|
||||
margin-right: 12px;
|
||||
|
||||
}
|
||||
.order_con{
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
.order_cb{
|
||||
width: 20%;
|
||||
height: 90px;
|
||||
text-align: center;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
.orderimg{
|
||||
width: 30px;
|
||||
/* height: 30px; */
|
||||
margin: 10px auto;
|
||||
}
|
||||
.orderimg img{
|
||||
width:100%;
|
||||
/* margin-top: 15px; */
|
||||
}
|
||||
.order_cb p{
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
/* margin-top: 3px; */
|
||||
/* color: #525252; */
|
||||
color: #909090;
|
||||
font-size: 18px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.logistics{
|
||||
height: 96px;
|
||||
background: white;
|
||||
}
|
||||
.waitReceive{
|
||||
position: relative;
|
||||
}
|
||||
.num{
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background: red;
|
||||
color: white;
|
||||
font-size: 10.8px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
top: 5px;
|
||||
left: 70%;
|
||||
}
|
||||
|
||||
.myMoney{
|
||||
width: 96%;
|
||||
background: white;
|
||||
|
||||
}
|
||||
.moneycon_{
|
||||
width: 25%;
|
||||
float: left;
|
||||
height: 100px;
|
||||
position: relative;
|
||||
}
|
||||
.moneycon_ img{
|
||||
text-align: center;
|
||||
width: 61px;
|
||||
height: 61px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
top:5px;
|
||||
}
|
||||
.moneycon_ p{
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
margin: 0 auto;
|
||||
color: #E51329;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
.share{
|
||||
font-size: 14.4px;
|
||||
color: #ffffff;
|
||||
margin-top: 15px;
|
||||
margin-right: 9px;
|
||||
float: right;
|
||||
}
|
||||
.mydata .mydata-content{
|
||||
background: #fff;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.mydata .mydata-content .mydata-table-view-cell{
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
padding: 5px 0px;
|
||||
border-right: 1px solid #ECECEC;
|
||||
border-bottom: 1px solid #ECECEC;
|
||||
|
||||
}
|
||||
.mydata .mydata-content .mydata-table-view-cell a {
|
||||
color:#525252 ;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
.mydata .mydata-content .mydata-table-view-cell p {
|
||||
font-size: 18px;
|
||||
}
|
||||
.mydata .mydata-content .mydata-table-view-cell .mydata-media-body {
|
||||
font-size: 13px;
|
||||
|
||||
}
|
||||
.shenqingcon {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.shenqingcon .shenqingcon_{
|
||||
width: 24%;
|
||||
text-align: center;
|
||||
}
|
||||
.shenqingcon .shenqingcon_ img{
|
||||
text-align: center;
|
||||
width: 61px;
|
||||
height: 61px;
|
||||
/* position: absolute;
|
||||
left: 0;
|
||||
right: 0; */
|
||||
margin: 0 auto;
|
||||
top:5px;
|
||||
}
|
||||
293
css/myshop.css
Normal file
293
css/myshop.css
Normal file
@ -0,0 +1,293 @@
|
||||
.header {
|
||||
background: none !important;
|
||||
|
||||
}
|
||||
.header_bg_con .shop_info .myshopname{
|
||||
width:200px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* .mui-icon-gear {
|
||||
font-size: 26px;
|
||||
height: 30px;
|
||||
position: absolute;*/
|
||||
/* top: 0px; */
|
||||
/* right: 15px;
|
||||
z-index: 100;
|
||||
} */
|
||||
|
||||
.header_background {
|
||||
height: 200px;
|
||||
width: 100%;
|
||||
background: #FF7900;
|
||||
border: 1px solid #ff7900;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.header_bg_con {
|
||||
margin-top: 45px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 15px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.headerimg {
|
||||
|
||||
width: 78px;
|
||||
height: 78px;
|
||||
border-radius: 100px;
|
||||
border: 3px solid #fff;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.headerimg img {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.header_bg_con .shop_info {
|
||||
flex: 3;
|
||||
}
|
||||
|
||||
.header_bg_con .shop_info p {
|
||||
font-size: 19px;
|
||||
color: #fff;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.header_bg_con .shop_info span {
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.seeting {
|
||||
font-size: 25px;
|
||||
color: #fff;
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
|
||||
.myYouhuiquan_con {
|
||||
/* position: absolute; */
|
||||
height: 100px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
background: white;
|
||||
box-sizing: border-box;
|
||||
border: 1px solid #FFFFFF;
|
||||
border-radius: 5px;
|
||||
/* border-bottom: 1px solid #e6e6e6; */
|
||||
}
|
||||
|
||||
.money {
|
||||
width: 80%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: -35px auto 2px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.myYouhuiquan_cb {
|
||||
width: 48%;
|
||||
height: 80px;
|
||||
padding: 4px auto;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
border-right: 1px solid #c0c0c0;
|
||||
}
|
||||
|
||||
.myYouhuiquan_cb p {
|
||||
color: #525252;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.myYouhuiquan_cb .orange {
|
||||
color: #FC773F;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
|
||||
.order {
|
||||
margin:10px auto 3px;
|
||||
width: 96%;
|
||||
|
||||
}
|
||||
|
||||
.order_title {
|
||||
width: 100%;
|
||||
height: 43px;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
line-height: 43px;
|
||||
|
||||
}
|
||||
|
||||
.order_title p {
|
||||
font-size: 17px;
|
||||
color: black;
|
||||
float: left;
|
||||
margin: 0;
|
||||
margin-left: 12px;
|
||||
}
|
||||
|
||||
.order_title .order_more {
|
||||
color: #909090;
|
||||
font-size: 17px;
|
||||
float: right;
|
||||
margin: 0;
|
||||
margin-right: 12px;
|
||||
|
||||
}
|
||||
|
||||
.order_con {
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
display: flex;
|
||||
justify-content:flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.order_cb {
|
||||
height: 90px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
position: relative;
|
||||
/* flex: 1; */
|
||||
width: 20%;
|
||||
}
|
||||
|
||||
.orderimg {
|
||||
width: 30px;
|
||||
/* height: 30px; */
|
||||
/* margin: 10px auto; */
|
||||
|
||||
}
|
||||
|
||||
.orderimg img {
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
|
||||
.order_cb p {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
color: #909090;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.waitReceive {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.num {
|
||||
position: absolute;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
background: red;
|
||||
color: white;
|
||||
font-size: 10.8px;
|
||||
text-align: center;
|
||||
line-height: 20px;
|
||||
top: 5px;
|
||||
left: 50px;
|
||||
}
|
||||
.offline_order .num{
|
||||
left: 75px;
|
||||
}
|
||||
|
||||
|
||||
.orders-title {
|
||||
padding: 10px;
|
||||
/* background: #fff; */
|
||||
text-align: center;
|
||||
color: #f11;
|
||||
}
|
||||
|
||||
.orders-title h3 {
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.shop-goods{
|
||||
width: 96%;
|
||||
margin: 0 auto;
|
||||
background: #EFEFEF;
|
||||
}
|
||||
|
||||
.shop-goods-content {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.shop-goods-detail {
|
||||
width: 49%;
|
||||
height: 240px;
|
||||
padding: 10px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.sgd-list {
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
|
||||
}
|
||||
|
||||
.shop-goods-detail .sdg-img {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.sgd-info {
|
||||
font-size: 16px;
|
||||
color: #000;
|
||||
margin: 5px auto;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.sgd-price {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.market-price span {
|
||||
font-size: 15px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.market-price .price {
|
||||
color: #F02A40;
|
||||
/* font-size: 16px; */
|
||||
/* margin-left: 10px; */
|
||||
}
|
||||
|
||||
.youhuilv span {
|
||||
font-size: 15px;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.youhuilv .preference-rate {
|
||||
/* margin-left: 5px; */
|
||||
}
|
||||
187
css/myshops.css
Normal file
187
css/myshops.css
Normal file
@ -0,0 +1,187 @@
|
||||
.con{
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
.list {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
padding: 2px 5px;
|
||||
background: #fff;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.listimg {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 50px;
|
||||
}
|
||||
|
||||
.listimg img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.lctop {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.listcenter {
|
||||
flex: 2;
|
||||
align-self: flex-start;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.listright {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
margin: 8px auto 3px;
|
||||
}
|
||||
|
||||
.listcenter .name,
|
||||
.listcenter .info {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nc {
|
||||
display: none;
|
||||
/* font-size: 14px; */
|
||||
/* color: #000;
|
||||
height: 18px;
|
||||
width: 20px; */
|
||||
/* width: 70%; */
|
||||
/* display: inline-block; */
|
||||
/* margin-left: 2px; */
|
||||
/* margin: 0px 11px; */
|
||||
}
|
||||
|
||||
.shopname {
|
||||
max-width: 120px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.infocom {
|
||||
font-size: 16px;
|
||||
color: #ccc;
|
||||
margin: 0px 5px;
|
||||
}
|
||||
|
||||
.supermaket .namecom {
|
||||
/* border: 1px solid #FF4500;
|
||||
border-radius: 4px; */
|
||||
text-align: center;
|
||||
line-height: 23px;
|
||||
color:#FF4500;
|
||||
}
|
||||
|
||||
.commercial .namecom {
|
||||
/* border: 1px solid #FEAA24;
|
||||
border-radius: 4px; */
|
||||
text-align: center;
|
||||
line-height: 23px;
|
||||
color:#FEAA24;
|
||||
|
||||
}
|
||||
|
||||
.shangdu .namecom {
|
||||
/* border: 1px solid #F50003; */
|
||||
/* border-radius: 4px; */
|
||||
text-align: center;
|
||||
line-height: 23px;
|
||||
color:#F50003;
|
||||
|
||||
}
|
||||
|
||||
.scinfo {
|
||||
color: #FF4500;
|
||||
}
|
||||
|
||||
.ssinfo {
|
||||
color: #FEAA24;
|
||||
}
|
||||
|
||||
.sdinfo {
|
||||
color: #F50003;
|
||||
}
|
||||
|
||||
.listright p {
|
||||
margin-right: 15%;
|
||||
padding: 5px 15px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 10px;
|
||||
/* margin: 4px auto; */
|
||||
text-align: center;
|
||||
font-size: 16px;
|
||||
/* background: #efefef; */
|
||||
}
|
||||
|
||||
.add1 {
|
||||
width: 96%;
|
||||
margin: 5px auto;
|
||||
height: 63px;
|
||||
background: #C9C9C9;
|
||||
border: 1px solid #C9C9C9;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* margin-top: 10px; */
|
||||
}
|
||||
|
||||
.addimg {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.add1 img {
|
||||
/* position: absolute; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
}
|
||||
|
||||
.lxy_zz {
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
top: 40%;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.lxy_zz h3 {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
|
||||
}
|
||||
|
||||
.lxy_zz input {
|
||||
/* position: absolute; */
|
||||
width: 88%;
|
||||
display: block;
|
||||
/* top:50%;
|
||||
left: 10%; */
|
||||
margin: 10px auto;
|
||||
height: 35px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
.lxy_zz_btn {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
184
css/order_con.css
Normal file
184
css/order_con.css
Normal file
@ -0,0 +1,184 @@
|
||||
.ad {
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
width: 100%;
|
||||
height: 126px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.ad p {
|
||||
position: absolute;
|
||||
color: white;
|
||||
margin: 0;
|
||||
font-size: 13.2px;
|
||||
top: 57px;
|
||||
left: 36px;
|
||||
}
|
||||
|
||||
.address {
|
||||
background: white;
|
||||
/*border-bottom: 1px solid #e6e6e6;*/
|
||||
margin-bottom: 5px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.add_l {
|
||||
float: left;
|
||||
width: 39px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.add_l img {
|
||||
width: 21.6px;
|
||||
height: 21.6px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.add_r {
|
||||
width: calc( 100% - 39px);
|
||||
float: right;
|
||||
padding-right: 9px;
|
||||
font-size: 18px;
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.add_r_t {
|
||||
width: 100%;
|
||||
padding: 6px 0 1px;
|
||||
}
|
||||
|
||||
.add_r_t_l {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.add_r_t_r {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.add_r_b {
|
||||
width: 100%;
|
||||
padding: 0 0 3px;
|
||||
}
|
||||
|
||||
.shop_info {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.invoice_info {
|
||||
width: 100%;
|
||||
padding: 3px 9px;
|
||||
background: white;
|
||||
margin-bottom: 6px;
|
||||
|
||||
}
|
||||
|
||||
.invoice_info p {font-size: 17px;}
|
||||
|
||||
.cost {
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
padding: 9px 9px;
|
||||
border-radius: ;
|
||||
}
|
||||
|
||||
.c1 {
|
||||
font-size: 18px;
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.c1_l {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.c1_r {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.c2 {
|
||||
font-size: 18px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.cost .on {
|
||||
color: #e51329;
|
||||
}
|
||||
|
||||
.jf_info {
|
||||
width: 100%;
|
||||
height: 45.6px;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.jf_jf {
|
||||
margin-top: 10px;
|
||||
margin-left: 10px;
|
||||
color: #e51326;
|
||||
font-size: 16px;
|
||||
border: 1px solid #e51227;
|
||||
border-radius: 3px;
|
||||
float: left;
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.jf_p {
|
||||
font-size: 18px;
|
||||
color: #525252;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
line-height: 46px;
|
||||
}
|
||||
|
||||
.jf_p o {
|
||||
color: #e51329;
|
||||
}
|
||||
|
||||
.lxmj {
|
||||
width: 100%;
|
||||
height: 51.6px;
|
||||
position: relative;
|
||||
background: white;
|
||||
margin-bottom: 6px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.lxmj img {
|
||||
width: 15px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 35%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.lxmj p {
|
||||
font-size: 18px;
|
||||
color: #525252;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
.info {
|
||||
width: 100%;
|
||||
padding: 9px;
|
||||
background: white;
|
||||
margin-bottom: 6px ;
|
||||
}
|
||||
|
||||
.info p {
|
||||
color: #909090;
|
||||
font-size: 16px;
|
||||
}
|
||||
201
css/pay.css
Normal file
201
css/pay.css
Normal file
@ -0,0 +1,201 @@
|
||||
.bg {
|
||||
background: rgba(1, 1, 1, 0.1);
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
z-index: 10;
|
||||
}
|
||||
.pay_info{
|
||||
margin-bottom: 100px;
|
||||
|
||||
}
|
||||
.pay,.pay_way {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background: white;
|
||||
margin-bottom: 52px;
|
||||
min-height: 400px;
|
||||
/* height: 90%; */
|
||||
}
|
||||
.pay{
|
||||
/*transform: translateY(380px);*/
|
||||
display: none;
|
||||
}
|
||||
.pay_title {
|
||||
width: 100%;
|
||||
height: 49px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.pay_title a {
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
font-size: 30px;
|
||||
color: #909090;
|
||||
line-height: 50px;
|
||||
left: 5px;
|
||||
}
|
||||
|
||||
.pay_title p {
|
||||
line-height: 48px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
font-size: 15.6px;
|
||||
}
|
||||
|
||||
.paynum {
|
||||
font-size: 18px;
|
||||
text-align: center;
|
||||
color: black;
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
.con_1 {
|
||||
padding-left: 15px;
|
||||
}
|
||||
|
||||
.con_1 .row {
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
line-height: 42px;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
|
||||
.row_left {
|
||||
float: left;
|
||||
color: #909090;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.row_right {
|
||||
float: right;
|
||||
color: black;
|
||||
padding-right: 15px;
|
||||
position: relative;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.row_right img {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
top: 12px;
|
||||
}
|
||||
|
||||
.pay_btn {
|
||||
width: 92%;
|
||||
margin: 3px 4% ;
|
||||
color: #FFFFFF;
|
||||
background: #e6122b;
|
||||
border: none;
|
||||
border-radius: 1%;
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
/* .pay_way .pay_title a {
|
||||
font-size: 30px;
|
||||
margin: 6px;
|
||||
} */
|
||||
#qlg_pay_pwd .con_2 .prod .info{
|
||||
padding: 5px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 0px;
|
||||
}
|
||||
#qlg_pay_pwd .con_2 .prod .info .p1{
|
||||
/* flex: 1; */
|
||||
padding: 0px;
|
||||
margin: 0px 0px;
|
||||
text-align: left;
|
||||
}
|
||||
#qlg_pay_pwd .con_2 .prod .info .p1 span{
|
||||
/* margin-left: 10px; */
|
||||
}
|
||||
#qlg_pay_pwd .con_2 .shadown_wai input{
|
||||
width: 40%;
|
||||
min-width: 65px;
|
||||
padding: 0px;
|
||||
margin: 5px 20px;
|
||||
text-align: right;
|
||||
height: 30px;
|
||||
/* border: 0px; */
|
||||
}
|
||||
.wangInfo .p1{
|
||||
min-width: 50px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
.pay_way .con .row .row_left {
|
||||
color: black;
|
||||
}
|
||||
|
||||
.row .mui-icon {
|
||||
color: #e6122b;
|
||||
font-size: 42px;
|
||||
padding: 0;
|
||||
}
|
||||
#pay_pwd,#qlg_pay_pwd .con_1 {
|
||||
width: 70%;
|
||||
margin: 0 auto;
|
||||
padding:10px 0px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
}
|
||||
#pay_pwd,#qlg_pay_pwd .con_2{
|
||||
padding:0;
|
||||
margin: 0;
|
||||
/* position: relative; */
|
||||
}
|
||||
#pay_pwd,#qlg_pay_pwd .con_2 p{
|
||||
font-size: 16px;
|
||||
|
||||
}
|
||||
#pay_pwd,#qlg_pay_pwd .con_1 input{
|
||||
margin: 14px 5%;
|
||||
width: 70%;
|
||||
height: 30px;
|
||||
}
|
||||
/* #pay_pwd,#qlg_pay_pwd .con_2 input{
|
||||
margin: 0 5%;
|
||||
width: 90%;
|
||||
} */
|
||||
#pay_pwd,#qlg_pay_pwd .con_1 .p9{
|
||||
/* margin: 30px 5%; */
|
||||
/* width: 90%; */
|
||||
position: absolute;
|
||||
/* padding:10px; */
|
||||
left:18%;
|
||||
/* right: 5%; */
|
||||
top:62px;
|
||||
font-size: 16px
|
||||
}
|
||||
|
||||
/* #pay_pwd,#qlg_pay_pwd .con_2 .p1{
|
||||
display: inline-block;
|
||||
padding:0;
|
||||
margin: 0;
|
||||
font-size:15px;
|
||||
} */
|
||||
.pay_btn_pwd {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
margin:5px 25%;
|
||||
color: #FFFFFF;
|
||||
background: #e6122b;
|
||||
border: none;
|
||||
border-radius: 2%;
|
||||
height: 42px;
|
||||
}
|
||||
.footer{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: white;
|
||||
height: 49px;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
||||
232
css/paymentVoucher.css
Normal file
232
css/paymentVoucher.css
Normal file
@ -0,0 +1,232 @@
|
||||
.con {
|
||||
width: 98%;
|
||||
margin: 0px auto 20px;
|
||||
}
|
||||
.con .info {
|
||||
margin-bottom: 5px;
|
||||
|
||||
}
|
||||
.rowList {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 98%;
|
||||
margin: 0px auto;
|
||||
padding: 3px 1px;
|
||||
background: #fff;
|
||||
border-bottom:1px solid #ccc;
|
||||
}
|
||||
.rowList label{
|
||||
min-width:70px;
|
||||
font-size: 13px;
|
||||
|
||||
}
|
||||
.rowList input {
|
||||
font-size: 13px;
|
||||
padding: 0px 10px;
|
||||
margin: 0px;
|
||||
text-align: right;
|
||||
border: 0px;
|
||||
}
|
||||
input{
|
||||
margin-right: 5px;
|
||||
height: 20px;
|
||||
}
|
||||
.con_nav {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
border: 1px solid #fff;
|
||||
border-radius: 15px;
|
||||
}
|
||||
.nh_left{
|
||||
/* border: 1px solid #fff; */
|
||||
|
||||
}
|
||||
.nav_header {
|
||||
text-align: center;
|
||||
flex: 1;
|
||||
background: #00D793;
|
||||
color: #fff;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
/* border-right: 1px solid #f00; */
|
||||
|
||||
}
|
||||
|
||||
.active {
|
||||
background: #f00;
|
||||
color: #ccc;
|
||||
}
|
||||
.row{
|
||||
margin:8px auto;
|
||||
background: white;
|
||||
padding:0px 5px;
|
||||
}
|
||||
.row_block_list {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
/* background: #efefef; */
|
||||
padding: 5px auto;
|
||||
|
||||
}
|
||||
|
||||
.row_block_img {
|
||||
width: 117px;
|
||||
height: 126px;
|
||||
padding: 9px 0 9px 9px;
|
||||
}
|
||||
|
||||
.row_block_img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.row_title {
|
||||
display: flex;
|
||||
justify-content:space-between;
|
||||
align-items: center;
|
||||
padding: 5px 1%;
|
||||
font-size: 14px;
|
||||
}
|
||||
.row_title_ {
|
||||
display: flex;
|
||||
justify-content:space-between;
|
||||
align-items: center;
|
||||
padding: 5px 1%;
|
||||
font-size: 14px;
|
||||
}
|
||||
/* .uncommitted .row_title {
|
||||
justify-content:flex-start;
|
||||
|
||||
} */
|
||||
.committed .row_title {
|
||||
justify-content:space-between;
|
||||
font-size: 12px;
|
||||
}
|
||||
.store_name{
|
||||
font-size: 15px;
|
||||
|
||||
}
|
||||
/* .committed .oper{
|
||||
background: url(../img/bianji.png) no-repeat /50% 50%;
|
||||
background: #000000;
|
||||
} */
|
||||
.rcr {
|
||||
flex: 0.8;
|
||||
padding-top: 9px;
|
||||
}
|
||||
|
||||
.rcrc p {
|
||||
overflow: hidden;
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.rcrc .leibie {
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.rcrr {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
padding-top: 9px;
|
||||
}
|
||||
|
||||
.rcrr p {
|
||||
color: black;
|
||||
font-size: 12px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
/* .rcrr del {
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
|
||||
} */
|
||||
.row_title label{
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
}
|
||||
.rcrr span {
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.combination {
|
||||
width: 100%;
|
||||
height: 37px;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
text-align: right;
|
||||
font-size: 12px;
|
||||
line-height: 36px;
|
||||
padding-right: 9px;
|
||||
}
|
||||
|
||||
.combination_totle {
|
||||
font-size: 15px;
|
||||
background: #FF1A03;
|
||||
padding: 0px 10px;
|
||||
|
||||
/* flex: 1; */
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
border: 1px solid #f00;
|
||||
border-radius: 15px;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.combination_totle span {
|
||||
/* color: #f00; */
|
||||
margin:0px 5px;
|
||||
}
|
||||
.committed {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.row_cont .row_block_list{
|
||||
font-size: 13px;
|
||||
align-items: center;
|
||||
padding: 6px 1%;
|
||||
}
|
||||
.oper{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.oper img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.btns {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin: 10px 0px;
|
||||
}
|
||||
.btns input{
|
||||
height: 20px;
|
||||
|
||||
}
|
||||
.btns label{
|
||||
font-size: 14px;
|
||||
color: black;
|
||||
}
|
||||
.bc_btn {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
/* flex: 0.7; */
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
padding: 0px 10px;
|
||||
/* width: 70%; */
|
||||
/* margin: 10px auto; */
|
||||
color: #fff;
|
||||
background: #FF1A03;
|
||||
border-radius: 15px;
|
||||
}
|
||||
126
css/pj.css
Normal file
126
css/pj.css
Normal file
@ -0,0 +1,126 @@
|
||||
body {
|
||||
background: #ebebeb;
|
||||
}
|
||||
|
||||
.describe {
|
||||
width: 100%;
|
||||
height: 70.2px;
|
||||
background: #fff;
|
||||
border-bottom: 1px solid #e7e7e7;
|
||||
border-top: 1px solid #e7e7e7;
|
||||
}
|
||||
|
||||
.des_img {
|
||||
width: 51px;
|
||||
height: 51px;
|
||||
margin-left: 3%;
|
||||
margin-top: 2%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.des_img img {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
}
|
||||
|
||||
.describe p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 18px;
|
||||
float: left;
|
||||
line-height: 70.2px;
|
||||
margin-left: 5%;
|
||||
color: #000000;
|
||||
width: calc(100% - 100px);
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.row p {
|
||||
font-family: "微软雅黑";
|
||||
font-size: 16px;
|
||||
float: left;
|
||||
line-height: 40px;
|
||||
margin-left: 5%;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.star_a img {
|
||||
width: 15px;
|
||||
height: 13.8px;
|
||||
float: left;
|
||||
margin-top: 80%;
|
||||
}
|
||||
|
||||
.row {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
background: #fff;
|
||||
border-top: 1px solid transparent;
|
||||
}
|
||||
|
||||
.purchase {
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
border-top: 1px solid transparent;
|
||||
padding: 0 5% 10px;
|
||||
}
|
||||
|
||||
.purchase textarea {
|
||||
width: 100%;
|
||||
height: 76.2px;
|
||||
padding: 0;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 16px;
|
||||
margin-top: 5px;
|
||||
/*border: none;*/
|
||||
}
|
||||
|
||||
.tijiao {
|
||||
width: 90%;
|
||||
background: #f02c43;
|
||||
margin: 10px 5%;
|
||||
text-align: center;
|
||||
font-family: "微软雅黑";
|
||||
font-size: 15.6px;
|
||||
color: #fff;
|
||||
line-height: 40.8px;
|
||||
border: none;
|
||||
}
|
||||
.star_a{
|
||||
float: left;
|
||||
padding: 8px;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
margin-left: 2%;
|
||||
}
|
||||
.star_off{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../img/pjhx1.png)no-repeat center center;
|
||||
background-size: 100%;
|
||||
}
|
||||
.star_on{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: url(../img/pjhx.png)no-repeat center center;
|
||||
background-size: 100%;
|
||||
}
|
||||
.purchase_ p{
|
||||
padding:1% 0 5%;
|
||||
font-size: 13.2px;
|
||||
color: black;
|
||||
}
|
||||
.purchase_{
|
||||
background: white;
|
||||
padding-bottom: 10px;
|
||||
top: 1px solid transparent;
|
||||
padding: 0 5% 10px;
|
||||
}
|
||||
.purchase_ img{
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
padding: 5px;
|
||||
}
|
||||
116
css/properties.css
Normal file
116
css/properties.css
Normal file
@ -0,0 +1,116 @@
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background:#10B5AF;
|
||||
/* height: 50px; */
|
||||
position: relative;
|
||||
/* padding: 0px 7px; */
|
||||
width: 98%;
|
||||
margin: 5px auto;
|
||||
padding: 10px;
|
||||
flex: 1;
|
||||
border: 1px solid #10B5AF;
|
||||
}
|
||||
|
||||
.row label {
|
||||
max-width: 200px;
|
||||
font-size: 16px;
|
||||
color: #fff;
|
||||
|
||||
}
|
||||
|
||||
.caozuo {
|
||||
width: 25%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: space-between;
|
||||
}
|
||||
|
||||
.caozuo span {
|
||||
display: inline-block;
|
||||
/* width: 28%; */
|
||||
}
|
||||
.caozuo .mui-icon{
|
||||
font-size: 32px;
|
||||
}
|
||||
.caozuo span img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* color: #000; */
|
||||
}
|
||||
.row input {
|
||||
width:180px;
|
||||
border: 1px solid #CECECE;
|
||||
margin: 0px;
|
||||
padding: 0px 2px;
|
||||
height: 26px;
|
||||
text-align: right;
|
||||
}
|
||||
.row input::-webkit-input-placeholder{
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.addproperties-content {
|
||||
width: 100%;
|
||||
}
|
||||
.add1{
|
||||
width: 96%;
|
||||
margin: 5px auto;
|
||||
height: 63px;
|
||||
background:#C9C9C9;
|
||||
border:1px solid #C9C9C9;
|
||||
border-radius: 5px;
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
align-items:center ;
|
||||
margin-top: 10px;
|
||||
}
|
||||
.addimg{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.add1 img {
|
||||
/* position: absolute; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.addproperties-img {
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.addproperties-img .mui-icon {
|
||||
width: 70px;
|
||||
height: 30px;
|
||||
font-size: 40px;
|
||||
margin-bottom: 15px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.save {
|
||||
text-align: center;
|
||||
margin: 50px auto 5px;
|
||||
}
|
||||
|
||||
.mui-btn {
|
||||
width: 50%;
|
||||
}
|
||||
.bc_btn {
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
width: 70%;
|
||||
margin: 30px auto;
|
||||
color: #fff;
|
||||
background: #FF1A03;
|
||||
border-radius: 15px;
|
||||
}
|
||||
107
css/qrrz.css
Normal file
107
css/qrrz.css
Normal file
@ -0,0 +1,107 @@
|
||||
.con{
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
.con .block{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 15px 10px;
|
||||
color: #fff;
|
||||
background:#10B5AF;
|
||||
margin: 5px auto;
|
||||
border: 1px solid #10B5AF;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.pname{
|
||||
font-size: 16px;
|
||||
|
||||
width: 80%;
|
||||
color: #fff;
|
||||
}
|
||||
.guanxi {
|
||||
width: 37%;
|
||||
color: #242424;
|
||||
text-align: right;
|
||||
}
|
||||
.caozuo {
|
||||
width: 15%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
.caozuo span {
|
||||
display: inline-block;
|
||||
/* width: 25%; */
|
||||
}
|
||||
.caozuo .mui-icon{
|
||||
font-size: 32px;
|
||||
}
|
||||
.caozuo span img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.add1{
|
||||
width: 96%;
|
||||
margin: 5px auto;
|
||||
height: 63px;
|
||||
background:#C9C9C9;
|
||||
border:1px solid #C9C9C9;
|
||||
border-radius: 5px;
|
||||
display:flex;
|
||||
justify-content: center;
|
||||
align-items:center ;
|
||||
/* margin-top: 10px; */
|
||||
}
|
||||
.addimg{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.add1 img {
|
||||
/* position: absolute; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
.footer_btn{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
border: none;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background: #E5122B;
|
||||
color: white;
|
||||
border-radius: 0;
|
||||
}
|
||||
.lxy_zz{
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
position: relative;
|
||||
top:40%;
|
||||
padding-top:10px;
|
||||
padding-bottom:10px;
|
||||
background: #fff;
|
||||
}
|
||||
.lxy_zz h3{
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
font-weight: 200;
|
||||
|
||||
}
|
||||
.lxy_zz input{
|
||||
/* position: absolute; */
|
||||
width: 88%;
|
||||
display:block;
|
||||
/* top:50%;
|
||||
left: 10%; */
|
||||
margin: 10px auto;
|
||||
height: 35px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.lxy_zz_btn{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
width: 80%;
|
||||
margin: 0 auto;
|
||||
}
|
||||
117
css/recommend.css
Normal file
117
css/recommend.css
Normal file
@ -0,0 +1,117 @@
|
||||
.recommend{
|
||||
width: 100%;
|
||||
padding: 0 1%;
|
||||
}
|
||||
.recommend_title{
|
||||
/* padding: 0 1%;
|
||||
*/
|
||||
margin: 2px auto;
|
||||
height: 60px;
|
||||
}
|
||||
.recommend_title img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: block;
|
||||
}
|
||||
.recommend_con{
|
||||
|
||||
}
|
||||
.recommend_con_block{
|
||||
margin: 0 1%;
|
||||
width: 48%;
|
||||
border-radius: 5px;
|
||||
background: white;
|
||||
position: relative;
|
||||
float: left;
|
||||
margin-bottom: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.rcb_img{
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.rcb_con{
|
||||
width: 100%;
|
||||
height: 105px;
|
||||
padding: 3% 3% 0;
|
||||
}
|
||||
.rcb_title{
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
font-size: 15px;
|
||||
height: 42px;
|
||||
}
|
||||
.rcb_title span{
|
||||
border-radius: 5px;
|
||||
font-size: 15px;
|
||||
color: white;
|
||||
background: #e6132c;
|
||||
padding: 0 2px;
|
||||
}
|
||||
.rcb_pay{
|
||||
margin-top: 2px;
|
||||
width: 100%;
|
||||
font-size: 17px;
|
||||
color: #e51329;
|
||||
}
|
||||
.rcb_pay span{
|
||||
border: 1px solid #e51329;
|
||||
font-size: 13px;
|
||||
padding: 0 2px;
|
||||
border-radius: 5px;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.rcb_bottom{
|
||||
margin-top: 2px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.rcb_bottom span{
|
||||
color: #e51329;
|
||||
font-size: 15px;
|
||||
padding: 1px 2px;
|
||||
/* background: #FFD7D7; */
|
||||
border-radius: 20px 0 0px 20px;
|
||||
}
|
||||
.rcb_bottom .s1{
|
||||
color: white;
|
||||
font-size: 15px;
|
||||
padding: 1px 2px;
|
||||
background: -moz-linear-gradient(left, #e9c520, #ffad03);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#e9c520), to(#ffad03));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #e9c520, #ffad03);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #e9c520, #ffad03);
|
||||
/*Opera11*/
|
||||
border-radius:0 20px 20px 0px;
|
||||
}
|
||||
.icon_icon{
|
||||
position: absolute;
|
||||
width: 27px;
|
||||
height: 29px;
|
||||
right: 5%;
|
||||
top: 10px;
|
||||
}
|
||||
.rcb_pay o{
|
||||
background: -moz-linear-gradient(left, #a200ff, #6600ff);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#a200ff), to(#6600ff));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #a200ff, #6600ff);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #a200ff, #6600ff);
|
||||
/*Opera11*/
|
||||
color: white;
|
||||
font-size: 15px;
|
||||
padding: 0 3px;
|
||||
border-radius:4px;
|
||||
}
|
||||
.rcb_pay o img{
|
||||
width: 20px;
|
||||
}
|
||||
90
css/reviewsmanage.css
Normal file
90
css/reviewsmanage.css
Normal file
@ -0,0 +1,90 @@
|
||||
.overallmanage{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 98%;
|
||||
height: 155px;
|
||||
margin: 2px auto 10px;
|
||||
background: #fff;
|
||||
}
|
||||
.overallmanage label{
|
||||
font-size: 15px;
|
||||
/* font-weight: 300; */
|
||||
color: #414141;
|
||||
}
|
||||
.overallscore{
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
.overallscore .score{
|
||||
font-size: 50px;
|
||||
color: orange;
|
||||
height: 55px;
|
||||
}
|
||||
.fivestars {
|
||||
flex: 2;
|
||||
}
|
||||
.fivestars .row{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: flex-start;
|
||||
padding: 5px;
|
||||
}
|
||||
.stars{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
.stars span{
|
||||
display: inline-block;
|
||||
width: 21px;
|
||||
height: 21px;
|
||||
}
|
||||
.stars span img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.con_con{
|
||||
padding: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.overallmanage_con{
|
||||
width: 98%;
|
||||
margin: 3px auto;
|
||||
background: #fff;
|
||||
}
|
||||
.con_top{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.con_con_con{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.imgs{
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
align-content: flex-start;
|
||||
|
||||
}
|
||||
.img_con{
|
||||
width: 20%;
|
||||
height: 80px;
|
||||
margin: 10px auto;
|
||||
}
|
||||
.img_con img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
34
css/saoyisao.css
Normal file
34
css/saoyisao.css
Normal file
@ -0,0 +1,34 @@
|
||||
#bcid {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
background: #000000;
|
||||
}
|
||||
|
||||
html,
|
||||
body,
|
||||
div {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.fbt {
|
||||
color: #0E76E1;
|
||||
width: 50%;
|
||||
background-color: #ffffff;
|
||||
float: left;
|
||||
line-height: 44px;
|
||||
text-align: center;
|
||||
}
|
||||
.choose{
|
||||
height: 50px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
.choose .cancel{
|
||||
position:static;
|
||||
/* top: 10px; */
|
||||
/* right: 12px; */
|
||||
z-index: 100;
|
||||
}
|
||||
381
css/self_shop.css
Normal file
381
css/self_shop.css
Normal file
@ -0,0 +1,381 @@
|
||||
.saoyisao {
|
||||
color: white;
|
||||
font-size: 30px;
|
||||
background: rgba(25, 25, 25, .4);
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
padding: 2.5px;
|
||||
right: 3%;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
border-radius: 50%;
|
||||
line-height: 27px;
|
||||
}
|
||||
|
||||
.mui-icon-arrowdown {
|
||||
margin-top: 23px;
|
||||
color: white;
|
||||
font-size: 25px;
|
||||
background: rgba(25, 25, 25, .4);
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 2px;
|
||||
margin-left: 5px;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
border-radius: 50%;
|
||||
line-height: 27px;
|
||||
|
||||
}
|
||||
|
||||
#location,
|
||||
#location-r {
|
||||
display: inline-block;
|
||||
color: #555555;
|
||||
font-size: 18px;
|
||||
height: 44px;
|
||||
line-height: 48px;
|
||||
min-width: 44px;
|
||||
}
|
||||
|
||||
.search input {
|
||||
padding: 0;
|
||||
width: auto;
|
||||
text-align: left;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.zy_ac {
|
||||
width: 100%;
|
||||
background: white;
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.zyac_c {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.zyac_c .time_icon {
|
||||
width: 43px;
|
||||
}
|
||||
|
||||
.zyac_c .timer {
|
||||
left: 50px;
|
||||
}
|
||||
|
||||
.zyac_con {
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
.zyac_block {
|
||||
width: 50%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.zyac_con img {
|
||||
width: 100%;
|
||||
padding: 0 8%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.zyac_block p {
|
||||
/*position: absolute;*/
|
||||
bottom: 25px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
color: #e51329;
|
||||
width: 100%;
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
.zyac_block del {
|
||||
text-align: center;
|
||||
/*position: absolute;*/
|
||||
bottom: 5px;
|
||||
font-size: 12px;
|
||||
color: #808080;
|
||||
width: 100%;
|
||||
height: 21px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.zy_add {
|
||||
margin-top: 9px;
|
||||
width: 100%;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.zya_block {
|
||||
width: 50%;
|
||||
float: left;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.zya_block p {
|
||||
position: absolute;
|
||||
left: 5%;
|
||||
}
|
||||
|
||||
.zya_block .p1 {
|
||||
top: 7%;
|
||||
color: #333333;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.zya_block .p2 {
|
||||
top: 25%;
|
||||
color: 818181;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.zya_block img {
|
||||
width: 50%;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
padding: 10% 3% 3% 10%;
|
||||
}
|
||||
|
||||
.addsc_top img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.adds .p1 {
|
||||
background: linear-gradient(to right, #f24e5a, #fd891f);
|
||||
-webkit-background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.adds .p1_ {
|
||||
background: linear-gradient(to right, #4ea3f2, #f94e97);
|
||||
-webkit-background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.adds .p1__ {
|
||||
background: linear-gradient(to right, #f24e5a, #8c3ad8);
|
||||
-webkit-background-clip: text;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
.classify {
|
||||
padding: 0 4% 5px;
|
||||
}
|
||||
|
||||
#top_banner {
|
||||
/* height: 460px; */
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
margin: 20px auto;
|
||||
/* margin: 0; */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#top_banner .swiper-slide {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
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;
|
||||
}
|
||||
|
||||
#top_banner .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#top_banner .swiper-pagination-bullet-active {
|
||||
background: white;
|
||||
}
|
||||
|
||||
#top_banner .swiper-pagination-bullet {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.shops-nav {
|
||||
background: #fff;
|
||||
margin: 10px auto;
|
||||
padding: 10px auto;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
border-radius: 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.shops-nav .on {
|
||||
color: #f00;
|
||||
/* background: #FF0000; */
|
||||
border-bottom: 1px solid #f00;
|
||||
}
|
||||
|
||||
.shops-nav1 {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.shops-content1-content {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
/* padding: 0px 10px; */
|
||||
}
|
||||
|
||||
.shops-content1-title {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 60px;
|
||||
width: 100%;
|
||||
padding: 0px 10px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.shops-content1-title .shop-name {
|
||||
font-size: 17px;
|
||||
/* font-weight: 200; */
|
||||
color: #505050;
|
||||
display: inline-block;
|
||||
width: 65%;
|
||||
}
|
||||
|
||||
.shops-content1-title .aixinImg {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
margin-left: 7px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
.aixinlevel {
|
||||
display: inline-block;
|
||||
height: 13px;
|
||||
line-height: 13px;
|
||||
font-size: 14px;
|
||||
color: #F02A40;
|
||||
}
|
||||
/* .shops-content1-title .aixinImg img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
} */
|
||||
.shops-content1-title .logoimg {
|
||||
display: inline-block;
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
/* height: 30px; */
|
||||
}
|
||||
|
||||
.shops-con-con {
|
||||
background: #fff;
|
||||
margin: 5px auto;
|
||||
}
|
||||
|
||||
.shops-content1-title .logoimg img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
/* padding-top: 3px; */
|
||||
}
|
||||
|
||||
.shops-content1-title .gogogo {
|
||||
display: inline-block;
|
||||
width: 25%;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
font-size: 18px;
|
||||
border: 1px solid #E94744;
|
||||
text-align: center;
|
||||
border-radius: 12px;
|
||||
color: #fff;
|
||||
background: #E94744;
|
||||
}
|
||||
|
||||
.t_con {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
/* height: 150px; */
|
||||
padding: 5px 10px;
|
||||
}
|
||||
|
||||
.t_con_ {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 130px;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.t_con_ span {
|
||||
font-size: 18px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.t_con_img {
|
||||
height: 100px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.t_con_ img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* #timer_swiper .swiper-slide {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
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;
|
||||
} */
|
||||
|
||||
/* #timer_swiper .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
} */
|
||||
|
||||
.pos {
|
||||
margin: 5px auto;
|
||||
padding: 0px 10px;
|
||||
height: 25px;
|
||||
line-height: 25px;
|
||||
width: 100%;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.pos img {
|
||||
display: inline-block;
|
||||
width: 4%;
|
||||
padding-top: 3px;
|
||||
margin-right: 5px;
|
||||
|
||||
}
|
||||
|
||||
.pos span {
|
||||
font-size: 18px;
|
||||
color: #909090;
|
||||
}
|
||||
114
css/setting.css
Normal file
114
css/setting.css
Normal file
@ -0,0 +1,114 @@
|
||||
body .header1{
|
||||
z-index: 11;
|
||||
width: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
background: rgba(255,255,255,1);
|
||||
border: none;
|
||||
box-shadow: 0 0 0;
|
||||
height: 66px;
|
||||
border-bottom: 1px solid #efefef;
|
||||
}
|
||||
.mui-bar-nav.mui-bar .mui-icon {
|
||||
margin-left: 0;
|
||||
}
|
||||
.mui-title{
|
||||
color: #909090;
|
||||
}
|
||||
.header1 .on{
|
||||
border-bottom: 3px solid #ff0000;
|
||||
color: #e61329;
|
||||
}
|
||||
.nav{
|
||||
padding: 0 50px;
|
||||
height: 66px;
|
||||
text-align: center;
|
||||
}
|
||||
.p1{
|
||||
color: #000;
|
||||
display: block;
|
||||
line-height: 46px;
|
||||
font-size: 18px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.header1 .mui-action-back {
|
||||
margin-top: 20px;
|
||||
margin-left: 0;
|
||||
color: #848484;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.footer{
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
background: white;
|
||||
height: 49px;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.z{
|
||||
width: 100%;
|
||||
height: 66px;
|
||||
}
|
||||
.block{
|
||||
margin-top: 36px;
|
||||
padding: 0 2%;
|
||||
}
|
||||
|
||||
.row{
|
||||
background: white;
|
||||
width: 100%;
|
||||
height: 42px;
|
||||
border-bottom: 1px solid #ebebeb;
|
||||
position: relative;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.row:last-child{
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.row .img{
|
||||
width: 15.6px;
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 12px;
|
||||
}
|
||||
.r1{
|
||||
font-size: 18px;
|
||||
color: black;
|
||||
line-height: 42px;
|
||||
position: absolute;
|
||||
left: 35px;
|
||||
}
|
||||
.r2{
|
||||
font-size: 18px;
|
||||
color: #909090;
|
||||
line-height: 42px;
|
||||
position: absolute;
|
||||
right: 25px;
|
||||
}
|
||||
.row img.youjiantou{
|
||||
width: 6px;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 15px;
|
||||
}
|
||||
.loginout{
|
||||
width: 96%;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
text-align: center;
|
||||
margin: 36px 2%;
|
||||
background: -moz-linear-gradient(left, #f5354b, #ff005a);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5354b), to(#ff005a));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5354b, #ff005a);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5354b, #ff005a);
|
||||
/*Opera11*/
|
||||
color: #fff;
|
||||
}
|
||||
93
css/setting_address.css
Normal file
93
css/setting_address.css
Normal file
@ -0,0 +1,93 @@
|
||||
.con .block{
|
||||
width: 100%;
|
||||
height: 125px;
|
||||
background: white;
|
||||
border-bottom: 5px solid #ebebeb;
|
||||
position: relative;
|
||||
}
|
||||
.pname{
|
||||
position: absolute;
|
||||
font-size: 17px;
|
||||
color: black;
|
||||
left: 15px;
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
.pphone{
|
||||
position: absolute;
|
||||
font-size: 17px;
|
||||
color: black;
|
||||
right: 15px;
|
||||
top: 15px;
|
||||
}
|
||||
.paddress{
|
||||
position: absolute;
|
||||
font-size: 17px;
|
||||
color: black;
|
||||
left: 15px;
|
||||
top: 40px;
|
||||
}
|
||||
.block hr{
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 75px;
|
||||
border: none;
|
||||
border-top: 1px dotted #909090;
|
||||
}
|
||||
.btnout{
|
||||
width: 42px;
|
||||
height: 42px;
|
||||
position: absolute;
|
||||
top:82px;
|
||||
bottom: 0;
|
||||
padding: 12px;
|
||||
left: 5px;
|
||||
}
|
||||
.btn{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 50%;
|
||||
border: 1px solid #909090;
|
||||
}
|
||||
.btnout .on{
|
||||
border: none;
|
||||
background: #e7172f;
|
||||
}
|
||||
.block .p1{
|
||||
position: absolute;
|
||||
font-size: 17px;
|
||||
color: black;
|
||||
left: 40px;
|
||||
top:82px;
|
||||
bottom: 0px;
|
||||
height: 42px;
|
||||
padding: 0;
|
||||
line-height: 42px;
|
||||
}
|
||||
button{
|
||||
/* padding-left: 20px;
|
||||
padding-right: 20px; */
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
top:88px;
|
||||
padding: 2px 20px;
|
||||
font-size: 17px;
|
||||
}
|
||||
.bj{
|
||||
right: 100px;
|
||||
|
||||
}
|
||||
.del{
|
||||
right: 15px;
|
||||
|
||||
}
|
||||
.footer_btn{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
border: none;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background: #E5122B;
|
||||
color: white;
|
||||
border-radius: 0;
|
||||
}
|
||||
13
css/sha.css
Normal file
13
css/sha.css
Normal file
@ -0,0 +1,13 @@
|
||||
.top {
|
||||
width: 100%;
|
||||
height: 16px;
|
||||
background: white;
|
||||
}
|
||||
|
||||
.con {
|
||||
width: 100%;
|
||||
padding: 0 2%;
|
||||
transform: translateY(-16px);
|
||||
position: relative;
|
||||
z-index: 1000;
|
||||
}
|
||||
0
css/shop_decorate.css
Normal file
0
css/shop_decorate.css
Normal file
369
css/shop_indentcon.css
Normal file
369
css/shop_indentcon.css
Normal file
@ -0,0 +1,369 @@
|
||||
.search {
|
||||
padding: 7.2px 12px;
|
||||
background: #ebebeb;
|
||||
}
|
||||
|
||||
.mui-search {}
|
||||
|
||||
.mui-search .mui-placeholder {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.mui-search input {
|
||||
background: #fff;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.mui-active::before {
|
||||
margin-top: -10px;
|
||||
}
|
||||
|
||||
.row_title {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 36px;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e6e6e6 ;
|
||||
}
|
||||
|
||||
.store_name {
|
||||
position: absolute;
|
||||
/*background: url(../img/youjiantou.png) no-repeat center right;*/
|
||||
/*background-size: 6px;*/
|
||||
padding-right: 12px;
|
||||
padding-left: 18px;
|
||||
line-height: 36px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.indent_status {
|
||||
/* position: absolute; */
|
||||
line-height: 36px;
|
||||
font-size: 13px;
|
||||
right: 0;
|
||||
padding-right: 12px;
|
||||
float: right;
|
||||
}
|
||||
.yellow{
|
||||
color: #ffa800;
|
||||
}
|
||||
.shopPhone{
|
||||
color:tomato;
|
||||
}
|
||||
.shopPhone a{
|
||||
text-decoration:underline;
|
||||
color:tomato;
|
||||
|
||||
}
|
||||
.confirm_wait{
|
||||
color: cadetblue;
|
||||
}
|
||||
.confirm_ok{
|
||||
color: seagreen;
|
||||
}
|
||||
.confirm_no{
|
||||
color:red;
|
||||
}
|
||||
.row{
|
||||
margin-bottom: 5px ;
|
||||
background: white;
|
||||
padding: 5px 10px;
|
||||
}
|
||||
.row_block {
|
||||
width: 100%;
|
||||
/*height: 128px;*/
|
||||
border-bottom: 2px solid #fff;
|
||||
/*background: #efefef;*/
|
||||
}
|
||||
|
||||
.row_block img {
|
||||
width: 117px;
|
||||
height: 126px;
|
||||
float: left;
|
||||
padding: 9px 5px 9px 9px;
|
||||
}
|
||||
.rc{
|
||||
width: calc(100% - 117px);
|
||||
float: right;
|
||||
}
|
||||
.rcr {
|
||||
/* width: calc(100% - 117px);
|
||||
float: right; */
|
||||
/*height: 126px;*/
|
||||
/* padding: 12px; */
|
||||
padding-top: 12px;
|
||||
background: #efefef;
|
||||
}
|
||||
|
||||
.rcrc {
|
||||
float: left;
|
||||
width: calc(100% - 60px);
|
||||
}
|
||||
|
||||
.rcrc p {
|
||||
/* height: 42px; */
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
font-size: 12px;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.rcrc .leibie{
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
|
||||
.rcrr {
|
||||
width: 60px;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
#expressId{
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
|
||||
.rcrr p {
|
||||
color: black;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.rcrr del {
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
/* height: 20px; */
|
||||
}
|
||||
|
||||
.rcrr span {
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
}
|
||||
.rtl {
|
||||
position: absolute;
|
||||
/*background: url(../img/youjiantou.png) no-repeat center right;*/
|
||||
/*background-size: 6px;*/
|
||||
padding-right: 12px;
|
||||
padding-left: 18px;
|
||||
line-height: 36px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.rtr {
|
||||
/* position: absolute; */
|
||||
line-height: 36px;
|
||||
font-size: 13px;
|
||||
right: 0;
|
||||
/* padding-right: 12px; */
|
||||
float: right;
|
||||
}
|
||||
.rcb span{
|
||||
color: #909090;
|
||||
font-size: 12px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
.combination{
|
||||
width: 100%;
|
||||
/* height: 37px; */
|
||||
/* border-bottom: 1px solid #e6e6e6; */
|
||||
background: white;
|
||||
text-align: right;
|
||||
font-size: 12px;
|
||||
/* line-height: 36px; */
|
||||
padding-right: 4px;
|
||||
}
|
||||
.combination o{
|
||||
font-size: 14.4px;
|
||||
}
|
||||
.user_info_{
|
||||
padding: 5px;
|
||||
background: #fff;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
|
||||
}
|
||||
.u_address{
|
||||
display: flex;
|
||||
justify-content:flex-start;
|
||||
align-items: center;
|
||||
height: 37px;
|
||||
width: 100%;
|
||||
}
|
||||
.pos_c select{
|
||||
max-width: 160px;
|
||||
margin: 0px;
|
||||
|
||||
}
|
||||
.pos_c input{
|
||||
max-width: 200px;
|
||||
|
||||
|
||||
}
|
||||
.u_address .pos{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
|
||||
}
|
||||
.u_address .pos img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.pos_c{
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
padding: 10px;
|
||||
}
|
||||
.pos_c label{
|
||||
margin-right: 19px;
|
||||
}
|
||||
.pos_c p {
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
}
|
||||
.pos_c_p{
|
||||
width: 50px;
|
||||
/* margin-left: 10px; */
|
||||
}
|
||||
.btns{
|
||||
text-align: right;
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
/*background: white;*/
|
||||
}
|
||||
.btns_btn{
|
||||
color: black;
|
||||
font-size: 12px;
|
||||
padding:3px 6px;
|
||||
float: right;
|
||||
margin: 9.5px 6px;
|
||||
border-radius: 30px;
|
||||
background: -moz-linear-gradient(left, #fcff00, #ffde00);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#fcff00), to(#ffde00));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #fcff00, #ffde00);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #fcff00, #ffde00);
|
||||
/*Opera11*/
|
||||
box-shadow: 1px 1px 5px #ffde00;
|
||||
|
||||
}
|
||||
.btns .kk{
|
||||
border: 1px solid #e6e6e6;
|
||||
border-radius: 1px;
|
||||
}
|
||||
|
||||
.btns .qrsh{
|
||||
border: 1px solid #e5132c;
|
||||
color: #e5142a;
|
||||
}
|
||||
|
||||
.bg_{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0,0,0,0.1);
|
||||
|
||||
}
|
||||
.bg_ts{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0,0,0,0.1);
|
||||
|
||||
}
|
||||
.bg_con{
|
||||
width: 90%;
|
||||
/*height: 160px;*/
|
||||
background: white;
|
||||
margin: 0 auto;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
top: 30%;
|
||||
border-radius: 5px;
|
||||
}
|
||||
#querenshoukuan .con_1,#querentuikuan .con_1{
|
||||
/* margin-top: 20px; */
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
#querentuikuan {
|
||||
text-align: center;
|
||||
}
|
||||
#querentuikuan textarea{
|
||||
width: 98%;
|
||||
}
|
||||
.bg_con p{
|
||||
border-bottom: 1px solid #efefef;
|
||||
padding:10px 20px;
|
||||
color: black;
|
||||
}
|
||||
.bg_con .info1{
|
||||
padding:10px 20px;
|
||||
color: black;
|
||||
border-bottom: none;
|
||||
}
|
||||
.en_true,.ts_true{
|
||||
background: #2AC845;
|
||||
color: white;
|
||||
/*position: absolute;*/
|
||||
margin-left: 30%;
|
||||
border: none;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
.en_false,.ts_false{
|
||||
background: #efefef;
|
||||
color: #909090;
|
||||
/*position: absolute;*/
|
||||
margin-right: 30%;
|
||||
border: none;
|
||||
float: right;
|
||||
}
|
||||
#content,#content_ts,#Tmoney{
|
||||
margin: 0 5% 5%;
|
||||
width: 90%;
|
||||
}
|
||||
.refundInfo{
|
||||
float:left;
|
||||
}
|
||||
.refundTxt{
|
||||
display: block;
|
||||
margin: 0 5% 5%;
|
||||
width: 90% !important;
|
||||
}
|
||||
select{
|
||||
/*margin: 0;*/
|
||||
}
|
||||
.row_block{
|
||||
background: #fbfbfb;
|
||||
}
|
||||
.row_block img{
|
||||
border-radius: 3px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.rcr {
|
||||
background: #FBFBFB;
|
||||
}
|
||||
|
||||
/*20181018*/
|
||||
#select{
|
||||
margin: 5px 5%;
|
||||
border: 1px solid rgba(0,0,0,.2)!important;
|
||||
/*background: red;*/
|
||||
width: 90%;
|
||||
}
|
||||
76
css/shopdecoration.css
Normal file
76
css/shopdecoration.css
Normal file
@ -0,0 +1,76 @@
|
||||
.shopdecoration-title {
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
width: 100%;
|
||||
background: #000000;
|
||||
text-align: center;
|
||||
/* font-size: 18px; */
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.shopdecoration-title a {
|
||||
display: inline-block;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
background: #242424;
|
||||
border-radius: 30px;
|
||||
line-height: 30px;
|
||||
color: #fff;
|
||||
/* padding-top: 15px; */
|
||||
/* margin-top: 15px; */
|
||||
}
|
||||
|
||||
.mui-action-back {
|
||||
font-size: 26px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
/* top: 0px; */
|
||||
left: 15px;
|
||||
z-index: 100;
|
||||
}
|
||||
.shopdecoration-title h3 {
|
||||
display: inline-block;
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
font-size: 20px;
|
||||
color: #fff;
|
||||
height: 60px;
|
||||
line-height: 60px;
|
||||
/* margin-top: -3px; */
|
||||
}
|
||||
.thumbnail-title{
|
||||
margin: 15px auto;
|
||||
}
|
||||
.thumbnail-img{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
text-align: center;
|
||||
background: #fff;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.thumbnail-img .mui-icon{
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
font-size: 40px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
.shopadds-title{
|
||||
margin: 15px auto;
|
||||
}
|
||||
.shopadds-img{
|
||||
width: 300px;
|
||||
height: 200px;
|
||||
overflow: hidden;
|
||||
background: #fff;
|
||||
margin: 0 auto;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.save{
|
||||
text-align: center;
|
||||
margin: 10px auto;
|
||||
}
|
||||
.mui-btn{
|
||||
width: 50%;
|
||||
}
|
||||
90
css/shopgoodlist.css
Normal file
90
css/shopgoodlist.css
Normal file
@ -0,0 +1,90 @@
|
||||
.con {
|
||||
margin-bottom: 35px;
|
||||
}
|
||||
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
/* align-items: center; */
|
||||
width: 98%;
|
||||
height: 100px;
|
||||
margin: 3px auto;
|
||||
background: #0FD5F7;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.row .left {
|
||||
flex: 1;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.row .left img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.row .right {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
align-items: auto;
|
||||
flex: 1;
|
||||
|
||||
}
|
||||
|
||||
.row .right .oper {
|
||||
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.row .right span {
|
||||
display: inline-block;
|
||||
width: 30%;
|
||||
height: 25px;
|
||||
/* background: #0FD5F7; */
|
||||
}
|
||||
|
||||
.row .right span img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.row .right p {
|
||||
/* display: inline-block; */
|
||||
text-align: center;
|
||||
background: #F0AD4E;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.row .center {
|
||||
flex: 2;
|
||||
color: #fff;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.add1 {
|
||||
width: 96%;
|
||||
margin: 10px auto;
|
||||
height: 63px;
|
||||
background: #C9C9C9;
|
||||
border: 1px solid #C9C9C9;
|
||||
border-radius: 5px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
/* margin-top: 10px; */
|
||||
}
|
||||
|
||||
.addimg {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
.add1 img {
|
||||
/* position: absolute; */
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
396
css/shoppingcart.css
Normal file
396
css/shoppingcart.css
Normal file
@ -0,0 +1,396 @@
|
||||
body:after {
|
||||
content: "";
|
||||
position: fixed;
|
||||
/*top: -10px;*/
|
||||
bottom: -10px;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 10px;
|
||||
box-shadow: 0 -0.5vw 2.3vw 3px rgba(25, 25, 25, 0.1);
|
||||
/*-webkit-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-moz-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-o-box-shadow: 0 0.5vw 2.3vw 15px #ccc;
|
||||
-ms-box-shadow: 0 0.5vw 2.3vw 15px #ccc;*/
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.con {}
|
||||
|
||||
.block {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background: white;
|
||||
padding-bottom: 5px;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
|
||||
.b_title {
|
||||
width: 100%;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.b_title .check1 {
|
||||
padding: 9px 9px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.check_0 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(http://img.juzi199.com/static/app2/img/no_checked.png) no-repeat top left;
|
||||
background-size: 18px 18px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.check_1 {
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
background: url(http://img.juzi199.com/static/app2/img/checked.png) no-repeat top left;
|
||||
background-size: 18px 18px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
.b_title .b_link {
|
||||
float: left;
|
||||
text-indent: 17;
|
||||
font-size: 13.2px;
|
||||
}
|
||||
|
||||
.b_title .b_link a {
|
||||
color: black;
|
||||
line-height: 40px;
|
||||
height: 36px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.b_title img {
|
||||
height: 12px;
|
||||
margin: 12px 6px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.b_con {
|
||||
height: 105px;
|
||||
}
|
||||
|
||||
.btn_bj {
|
||||
display: block;
|
||||
float: right;
|
||||
color: black;
|
||||
line-height: 36px;
|
||||
font-size: 12px;
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
.b_con .check2 {
|
||||
padding: 43.5px 9px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.s_img {
|
||||
width: 93px;
|
||||
height: 93px;
|
||||
margin: 6px 0;
|
||||
float: left;
|
||||
}
|
||||
|
||||
|
||||
.b_con_r1 {
|
||||
padding: 9px 12px;
|
||||
float: left;
|
||||
width: calc(100% - 129px);
|
||||
}
|
||||
|
||||
.p1 {
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
color: black;
|
||||
max-height: 42px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.p2 {
|
||||
font-size: 10.8px;
|
||||
margin: 0;
|
||||
color: #909090;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.bz {
|
||||
font-size: 10.8px;
|
||||
}
|
||||
|
||||
.cost {
|
||||
color: #e94744;
|
||||
}
|
||||
|
||||
.oldcost {
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.num {
|
||||
float: right;
|
||||
color: black;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
.b_con_r2 {
|
||||
float: left;
|
||||
height: 105px;
|
||||
width: calc(100% - 129px);
|
||||
}
|
||||
|
||||
.b_con_r2_l {
|
||||
float: left;
|
||||
height: 105px;
|
||||
/* 修改 */
|
||||
/* padding: 15px; */
|
||||
padding: 40px 30px;
|
||||
/* width: calc(100% - 51px); */
|
||||
width: calc(100% - 56px);
|
||||
}
|
||||
|
||||
.b_con_r2_r {
|
||||
height: 105px;
|
||||
line-height: 105px;
|
||||
float: right;
|
||||
width: 51px;
|
||||
padding: 34px 0px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.b_con_r2_del {
|
||||
width: 51px;
|
||||
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
color: white;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
/* 修改 */
|
||||
/* height: 105px; */
|
||||
/* line-height: 105px; */
|
||||
/* float: right; */
|
||||
|
||||
line-height: 36px;
|
||||
height: 36px;
|
||||
/* padding-top: 30px; */
|
||||
|
||||
}
|
||||
|
||||
.js {
|
||||
border-top: 1px solid #e6e6e6;
|
||||
width: 100%;
|
||||
height: 51px;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
background: white;
|
||||
line-height: 53px;
|
||||
}
|
||||
|
||||
.js .check {
|
||||
padding: 16.5px 9px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.qx {
|
||||
font-size: 14.4px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.js_r {
|
||||
float: right;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.js_r span {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.js_r span j {
|
||||
color: #e94744;
|
||||
}
|
||||
|
||||
.js_r span o {
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.btn_tj {
|
||||
display: inline-block;
|
||||
width: 102px;
|
||||
height: 51px;
|
||||
background: -moz-linear-gradient(left, #ff0423, #ff58a3);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#ff0423), to(#ff58a3));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #ff0423, #ff58a3);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #ff0423, #ff58a3);
|
||||
/*Opera11*/
|
||||
text-align: center;
|
||||
color: white;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
|
||||
.jian {
|
||||
padding: 5px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.changenum input {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
/* width: calc(100% - 84px); */
|
||||
width: calc(100% - 64px);
|
||||
text-align: center;
|
||||
height: 22px;
|
||||
border: none;
|
||||
/* margin: 0 20px; */
|
||||
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.jia {
|
||||
padding: 5px;
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.changeclass {
|
||||
margin-top: 18px;
|
||||
font-size: 12px;
|
||||
color: #909090;
|
||||
}
|
||||
|
||||
.changeclass img {
|
||||
float: right;
|
||||
height: 21px;
|
||||
padding: 7.5px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.cc1 {
|
||||
width: 100%;
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
.cclass_con {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.cc2 {
|
||||
width: 100%;
|
||||
height: 81px;
|
||||
background: white;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #e3e6ea;
|
||||
}
|
||||
|
||||
.cc2 p {
|
||||
font-size: 15.6px;
|
||||
color: #e94744;
|
||||
position: absolute;
|
||||
left: 120px;
|
||||
top: 24px;
|
||||
}
|
||||
|
||||
.cc2 span {
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
left: 120px;
|
||||
top: 48px;
|
||||
}
|
||||
|
||||
.closecclass {
|
||||
font-size: 15.6px;
|
||||
color: #9b9b9b;
|
||||
position: absolute;
|
||||
padding: 9px 12px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.cclass_con .img {
|
||||
background: white;
|
||||
padding: 6px;
|
||||
position: absolute;
|
||||
border: 1px solid #f2f2f2;
|
||||
border-radius: 6px;
|
||||
width: 85.8px;
|
||||
height: 85.8px;
|
||||
top: 0;
|
||||
left: 12px;
|
||||
z-index: 60;
|
||||
}
|
||||
|
||||
.cclass_con .img img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.cclass1 {
|
||||
padding: 18px 0 0 12px;
|
||||
background: white;
|
||||
border-bottom: 1px solid #e3e6ea;
|
||||
}
|
||||
|
||||
.cclass1 p {
|
||||
color: #626262;
|
||||
font-size: 13.2px;
|
||||
padding-bottom: 18px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.cclass1 .block {
|
||||
padding: 3px 9px;
|
||||
float: left;
|
||||
border: 1px solid #9e9e9e;
|
||||
margin: 0 18px 18px 0;
|
||||
border-radius: 6px;
|
||||
font-size: 14.4px;
|
||||
color: #1d1d1d;
|
||||
}
|
||||
|
||||
.cclass1 .on {
|
||||
border: 1px solid #e94947;
|
||||
}
|
||||
|
||||
.ensure {
|
||||
width: 100%;
|
||||
height: 48px;
|
||||
background: -moz-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#f5364c), to(#e51329));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #f5364c, #e51329);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #f5364c, #e51329);
|
||||
/*Opera11*/
|
||||
color: white;
|
||||
font-size: 14.4px;
|
||||
display: block;
|
||||
line-height: 51px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.con .recommend {}
|
||||
0
css/shopsList.css
Normal file
0
css/shopsList.css
Normal file
23
css/shopsetting.css
Normal file
23
css/shopsetting.css
Normal file
@ -0,0 +1,23 @@
|
||||
.row {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #fff;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
padding: 0px 7px;
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
flex: 1;
|
||||
}
|
||||
.row label {
|
||||
flex: 1;
|
||||
font-size: 13px;
|
||||
color: #363636;
|
||||
}
|
||||
.sl-img{
|
||||
flex: 1;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
29
css/store_commodity.css
Normal file
29
css/store_commodity.css
Normal file
@ -0,0 +1,29 @@
|
||||
|
||||
.commoditylistnav{
|
||||
width: 100%;
|
||||
height: 45px;
|
||||
background: white;
|
||||
}
|
||||
.nav_block{
|
||||
width: 25%;
|
||||
float: left;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
text-align: center;
|
||||
color:#525252;
|
||||
font-size: 12px;
|
||||
|
||||
}
|
||||
.commoditylistnav .on{
|
||||
color: #ff9300;
|
||||
}
|
||||
#cost_btn{
|
||||
position: relative;
|
||||
}
|
||||
#cost_btn img{
|
||||
position: absolute;
|
||||
width: 8px;
|
||||
height: 12px;
|
||||
top: 15px;
|
||||
|
||||
}
|
||||
344
css/store_home.css
Normal file
344
css/store_home.css
Normal file
@ -0,0 +1,344 @@
|
||||
/* 6p */
|
||||
|
||||
@media all and (min-width: 376px) {
|
||||
.mui-slider {
|
||||
height: 210px;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 210px;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 210px;
|
||||
width: 100%;
|
||||
}
|
||||
.con {
|
||||
|
||||
}
|
||||
.cnxh_block img {
|
||||
max-width: 188px;
|
||||
max-height: 188px;
|
||||
width: 95%;
|
||||
}
|
||||
.cnxh_block_info {
|
||||
background: white;
|
||||
max-width: 188px;
|
||||
width: 95%;
|
||||
margin: -5px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 6 */
|
||||
|
||||
@media all and (min-width: 321px) and (max-width: 375px) {
|
||||
.mui-slider {
|
||||
height: 190px;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 190px;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 190px;
|
||||
width: 100%;
|
||||
}
|
||||
.cnxh_block img {
|
||||
max-width: 168px;
|
||||
max-height: 168px;
|
||||
width: 95%;
|
||||
}
|
||||
.cnxh_block_info {
|
||||
background: white;
|
||||
max-width: 168px;
|
||||
width: 95%;
|
||||
margin: -5px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* 5 */
|
||||
|
||||
@media all and (max-width: 320px) {
|
||||
.mui-slider {
|
||||
height: 162.5;
|
||||
}
|
||||
.mui-slider-item {
|
||||
height: 162.5;
|
||||
}
|
||||
.mui-slider .mui-slider-item img {
|
||||
height: 162.5;
|
||||
width: 100%;
|
||||
}
|
||||
.cnxh_block img {
|
||||
max-width: 144px;
|
||||
width: 95%;
|
||||
max-height: 144px;
|
||||
}
|
||||
.cnxh_block_info {
|
||||
background: white;
|
||||
max-width: 144px;
|
||||
width: 95%;
|
||||
margin: -5px auto 0;
|
||||
}
|
||||
}
|
||||
|
||||
.label {
|
||||
padding: 6px 0;
|
||||
}
|
||||
|
||||
.l_block {
|
||||
width: 25%;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
text-align: center;
|
||||
height: 36px;
|
||||
line-height: 36px;
|
||||
color: #525252;
|
||||
font-size: 12px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.lbrr {
|
||||
border-right: none;
|
||||
}
|
||||
.cnxh_con{
|
||||
padding: 2%;
|
||||
}
|
||||
.cnxh_block {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
float: left;
|
||||
background: #EFEFEF;
|
||||
border-bottom: 6px solid #efefef;
|
||||
}
|
||||
|
||||
.s_name {
|
||||
font-size: 13.2px;
|
||||
display: -webkit-box;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 2;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.s_name o {
|
||||
font-size: 10.8px;
|
||||
background: #f02e45;
|
||||
color: white;
|
||||
padding: 2px;
|
||||
border-radius: 3px;
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
.cnxh_block_info {
|
||||
text-align: left;
|
||||
padding: 2px;
|
||||
height: 115px;
|
||||
}
|
||||
|
||||
.cost {
|
||||
margin: 0;
|
||||
margin-top: 5px;
|
||||
font-size: 13.2px;
|
||||
color: #f45549;
|
||||
}
|
||||
|
||||
.cost del {
|
||||
color: #8d8d8d;
|
||||
font-size: 10.8px;
|
||||
}
|
||||
.cost o{
|
||||
color: white;
|
||||
font-size: 10.8px;
|
||||
background: #E5132C;
|
||||
border-radius: 3px;
|
||||
line-height: 10.8px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
.cost_info{
|
||||
color: #E51329;
|
||||
font-size: 9.6px;
|
||||
background: #dfc4c4;
|
||||
line-height: 10px;
|
||||
padding: 4px 3px 1px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.recommend_title{
|
||||
padding: 0;
|
||||
margin:4.8px;
|
||||
}
|
||||
|
||||
.time {
|
||||
width: 100%;
|
||||
margin-top: 3px;
|
||||
background: white;
|
||||
border-radius: 5px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.t_title {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.time_icon {
|
||||
position: absolute;
|
||||
width: 80.5px;
|
||||
height: 32.5px;
|
||||
top: 6px;
|
||||
left: 1.5%;
|
||||
}
|
||||
|
||||
.timer {
|
||||
border: 1px solid #f5394e;
|
||||
border-radius: 3px;
|
||||
width: 97.5px;
|
||||
height: 15px;
|
||||
line-height: 13px;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
left: 28%;
|
||||
top: 18px;
|
||||
font-family: "微软雅黑";
|
||||
}
|
||||
|
||||
.timer_left {
|
||||
float: left;
|
||||
background: #f5394e;
|
||||
color: white;
|
||||
width: 45px;
|
||||
}
|
||||
|
||||
.timer_right {
|
||||
float: left;
|
||||
color: #f5394e;
|
||||
}
|
||||
|
||||
.timer_more {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
width: 50px;
|
||||
height: 20px;
|
||||
top: 15px;
|
||||
}
|
||||
|
||||
.timer_more span {
|
||||
color: #f5364c;
|
||||
font-size: 12px;
|
||||
position: absolute;
|
||||
line-height: 20px;
|
||||
height: 20px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.timer_more img {
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
position: absolute;
|
||||
right: 20%;
|
||||
top: 2px;
|
||||
}
|
||||
|
||||
.t_con {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#top_banner .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#top_banner .swiper-pagination-bullet-active {
|
||||
background: white;
|
||||
}
|
||||
|
||||
#top_banner .swiper-pagination-bullet {
|
||||
background: #eee;
|
||||
}
|
||||
#timer_swiper {
|
||||
width: 100%;
|
||||
}
|
||||
#timer_swiper .swiper-wrapper .swiper-slide img{
|
||||
padding: 3px;
|
||||
border-radius: 7px;
|
||||
}
|
||||
.t_con .swiper-container {
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.t_con .swiper-slide {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
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;
|
||||
}
|
||||
|
||||
#timer_swiper .swiper-slide {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#timer_swiper .swiper-slide img {
|
||||
width: 100%;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#timer_swiper .swiper-slide p {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#timer_swiper .swiper-slide del {
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
bottom: 5px;
|
||||
font-size: 12px;
|
||||
color: #808080;
|
||||
width: 100%;
|
||||
height: 21px;
|
||||
}
|
||||
|
||||
.home_yhj{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.home_yhj p{
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.home_yhj .p1{
|
||||
position: absolute;
|
||||
top: 30%;
|
||||
left: 6%;
|
||||
font-size: 12px;
|
||||
}
|
||||
.home_yhj .p2{
|
||||
position: absolute;
|
||||
top: 58%;
|
||||
left: 6%;
|
||||
font-size: 12px;
|
||||
}
|
||||
.home_yhj .p3{
|
||||
position: absolute;
|
||||
top: 38%;
|
||||
right: 5%;
|
||||
left: 45%;
|
||||
text-align: center;
|
||||
font-size: 50px;
|
||||
letter-spacing:-4px;
|
||||
}
|
||||
|
||||
16
css/store_info.css
Normal file
16
css/store_info.css
Normal file
@ -0,0 +1,16 @@
|
||||
.bg{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
background: transparent;
|
||||
}
|
||||
.con{
|
||||
width: 100%;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 50px;
|
||||
background: white;
|
||||
}
|
||||
461
css/storeout.css
Normal file
461
css/storeout.css
Normal file
@ -0,0 +1,461 @@
|
||||
body .header {
|
||||
/*background: url(../img/storetopbg.png) no-repeat center top;
|
||||
background-size: 414px;*/
|
||||
background: none;
|
||||
}
|
||||
#store .scroll_out,#store1 .scroll_out_t{
|
||||
bottom: 50px;
|
||||
}
|
||||
.mui-scroll-wrapper .mui-scroll .con {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
/* .search{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
padding-top: 20px;
|
||||
|
||||
} */
|
||||
/* .header_con{
|
||||
text-align: center;
|
||||
background: rgba(0, 0,0, 0.8);
|
||||
height: 66px;
|
||||
} */
|
||||
/* .header_con h3{
|
||||
font-size: 18px;
|
||||
font-weight: 300;
|
||||
color: #fff;
|
||||
padding-top: 25px;
|
||||
} */
|
||||
/* body .header .title {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-size: 16px;
|
||||
position: relative;
|
||||
position: absolute;
|
||||
top: 5px; */
|
||||
/* } */
|
||||
|
||||
/* .mui-action-back{
|
||||
position: absolute;top:32px;
|
||||
left:12px;
|
||||
color: #fff;
|
||||
width: 60px;
|
||||
background: #777;
|
||||
} */
|
||||
/* .mui-icon-email{
|
||||
width: 60px;
|
||||
color: #fff;
|
||||
background: #777;
|
||||
|
||||
} */
|
||||
.con_ {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
/* height: 200px; */
|
||||
}
|
||||
|
||||
.con_ .con_img {
|
||||
width: 100%;
|
||||
/* height: 200px; */
|
||||
}
|
||||
|
||||
|
||||
.mui-slider .mui-slider-group .mui-slider-item a img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.searchcon {
|
||||
margin-top: 5px;
|
||||
width: calc(100% - 84px);
|
||||
height: 30px;
|
||||
float: left;
|
||||
background: #dedede;
|
||||
position: relative;
|
||||
border-radius: 13px;
|
||||
}
|
||||
|
||||
.classmenu {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
float: left;
|
||||
margin-top: 5px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.searchcon img {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
padding: 7.5px;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.searchcon span {
|
||||
color: #989898;
|
||||
font-size: 13.2px;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
.b_title {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
height: 60px;
|
||||
/* top:10px; */
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
background: rgba(256, 256, 256, 0.3);
|
||||
}
|
||||
|
||||
.b_title span {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.b_title .b_img {
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
position: absolute;
|
||||
bottom: 6px;
|
||||
left: 15px;
|
||||
}
|
||||
|
||||
.b_title .storename {
|
||||
/* position: absolute; */
|
||||
width: calc(100% - 160px);
|
||||
margin: 0px auto;
|
||||
color: #fff;
|
||||
background: pink;
|
||||
/* left: 79px; */
|
||||
/* top: 18px; */
|
||||
font-size: 19.2px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
#allmap {
|
||||
/* margin-top: 15px; */
|
||||
}
|
||||
|
||||
.gothere {
|
||||
padding: 6px 8px;
|
||||
height: 44px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
background: #ccc;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.go,
|
||||
.address {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.gt_con span{
|
||||
font-size: 18px;
|
||||
/* overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap; */
|
||||
}
|
||||
.gt_con .shopAddress{
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-width: 200px;
|
||||
}
|
||||
.goimg {
|
||||
display: inline-block;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
.sx {
|
||||
margin-top: -50px;
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
}
|
||||
.mui-scroll-wrapper,
|
||||
.scroll_out {
|
||||
/*position: relative;*/
|
||||
z-index: 10;
|
||||
}
|
||||
#pullrefresh .mui-scroll{
|
||||
position: relative;
|
||||
}
|
||||
#top_banner {
|
||||
width: 100%;
|
||||
height: 300px;
|
||||
margin: 20px auto;
|
||||
margin: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#top_banner .swiper-slide {
|
||||
text-align: center;
|
||||
font-size: 18px;
|
||||
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;
|
||||
}
|
||||
|
||||
#top_banner .swiper-slide img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#top_banner .swiper-pagination-bullet-active {
|
||||
background: white;
|
||||
}
|
||||
|
||||
#top_banner .swiper-pagination-bullet {
|
||||
background: #eee;
|
||||
}
|
||||
|
||||
.goimg img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.contactimg {
|
||||
width: 30px;
|
||||
height:30px;
|
||||
/* background: #2B79C3; */
|
||||
/* border-radius: 30px; */
|
||||
}
|
||||
|
||||
.contactimg img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.gt_con_con{
|
||||
width: 100%;
|
||||
}
|
||||
.row{
|
||||
background: #fff;
|
||||
/* padding: 10px; */
|
||||
}
|
||||
.row .name{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 10px ;
|
||||
width: 60%;
|
||||
}
|
||||
.row .name label{
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
.label-idx{
|
||||
flex: 1;
|
||||
}
|
||||
.label-val{
|
||||
flex: 2;
|
||||
}
|
||||
.time {
|
||||
position: absolute;
|
||||
padding: 0 2px;
|
||||
/*width: calc(100% - 270px);*/
|
||||
left: 79px;
|
||||
color: #fff;
|
||||
font-size: 14.4px;
|
||||
top: 42px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
background: -moz-linear-gradient(left, #ff6600, #ff9c00);
|
||||
/*Mozilla*/
|
||||
background: -webkit-gradient(linear, 0 50%, 100% 50%, from(#ff6600), to(#ff9c00));
|
||||
/*Old gradient for webkit*/
|
||||
background: -webkit-linear-gradient(left, #ff6600, #ff9c00);
|
||||
/*new gradient for Webkit*/
|
||||
background: -o-linear-gradient(left, #ff6600, #ff9c00);
|
||||
/*Opera11*/
|
||||
border-radius: 5px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gz_btn {
|
||||
width: 71.4px;
|
||||
height: 21px;
|
||||
border-radius: 15px;
|
||||
color: white;
|
||||
line-height: 21px;
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
font-size: 13.2px;
|
||||
background: #ff0909;
|
||||
/* bottom: 15px; */
|
||||
bottom: 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gz_btn1 {
|
||||
width: 71.4px;
|
||||
height: 21px;
|
||||
border-radius: 15px;
|
||||
color: #909090;
|
||||
line-height: 21px;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
right: 12px;
|
||||
font-size: 13.2px;
|
||||
/* bottom: 15px;*/
|
||||
bottom: 10px;
|
||||
|
||||
background: #efefef;
|
||||
/*border: 1px solid #909090;*/
|
||||
}
|
||||
|
||||
.nav {
|
||||
width: 100%;
|
||||
background: white;
|
||||
/*padding: 10px 0;*/
|
||||
}
|
||||
|
||||
.nav_block {
|
||||
float: left;
|
||||
width: 40%;
|
||||
text-align: center;
|
||||
margin: 0 5%;
|
||||
color: #414141;
|
||||
}
|
||||
|
||||
.nav span {
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.nav .on span {
|
||||
/* color: #0F0F0F; */
|
||||
color: #E51329;
|
||||
/* border-bottom: 2px solid #0f0f0f; */
|
||||
border-bottom: 2px solid #E51329;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
background: white;
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
.footer div {
|
||||
width: 50%;
|
||||
height: 25px;
|
||||
display: block;
|
||||
float: left;
|
||||
text-align: center;
|
||||
color: #525252;
|
||||
font-size: 15.6px;
|
||||
}
|
||||
|
||||
#rmfl {
|
||||
border-right: 1px solid #e6e6e6;
|
||||
}
|
||||
|
||||
.rmfl {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 101;
|
||||
}
|
||||
|
||||
.rmfl .con {
|
||||
width: 96px;
|
||||
border-radius: 6px;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
bottom: 48px;
|
||||
left: 20%;
|
||||
box-shadow: 1px 1px 1px #eeeeee;
|
||||
z-index: 110;
|
||||
}
|
||||
|
||||
.rmfl .con .row {
|
||||
width: 100%;
|
||||
height: 49px;
|
||||
line-height: 48px;
|
||||
border-top: 1px solid #e6e6e6;
|
||||
background: white;
|
||||
text-align: center;
|
||||
color: #525252;
|
||||
font-size: 14.4px;
|
||||
}
|
||||
|
||||
.rmfl .con .row:first-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
.sanjiao {
|
||||
z-index: 110;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
position: absolute;
|
||||
background: white;
|
||||
border-right: 1px solid #e6e6e6;
|
||||
border-bottom: 1px solid #e6e6e6;
|
||||
transform: rotate(45deg);
|
||||
bottom: 41px;
|
||||
left: 24%;
|
||||
}
|
||||
|
||||
.search button {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border: none;
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
border-radius: 0;
|
||||
background: #007AFF;
|
||||
color: white;
|
||||
}
|
||||
|
||||
#keyword {
|
||||
background: transparent;
|
||||
height: 30px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.searchcon button {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
border: none;
|
||||
position: absolute;
|
||||
width: 50px;
|
||||
height: 30px;
|
||||
border-radius: 0;
|
||||
background: #007AFF;
|
||||
color: white;
|
||||
border-radius: 50px;
|
||||
}
|
||||
15
css/swiper.min.css
vendored
Normal file
15
css/swiper.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
82
css/upload.css
Normal file
82
css/upload.css
Normal file
@ -0,0 +1,82 @@
|
||||
/* .ossfile{
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
float: right;
|
||||
}
|
||||
.ossfile .files_out{
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
}
|
||||
.ossfile img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
} */
|
||||
.btn {
|
||||
color: #fff;
|
||||
background-color: #337ab7;
|
||||
border-color: #2e6da4;
|
||||
display: inline-block;
|
||||
padding: 6px 12px;
|
||||
margin-bottom: 0;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.42857143;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
background-image: none;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
a.btn:hover {
|
||||
background-color: #3366b7;
|
||||
}
|
||||
|
||||
.progress {
|
||||
margin-top: 2px;
|
||||
width: 60px;
|
||||
height: 10px;
|
||||
overflow: hidden;
|
||||
background-color: #f5f5f5;
|
||||
border-radius: 4px;
|
||||
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
|
||||
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
background-color: rgb(92, 184, 92);
|
||||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.14902) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.14902) 50%, rgba(255, 255, 255, 0.14902) 75%, transparent 75%, transparent);
|
||||
background-size: 40px 40px;
|
||||
box-shadow: rgba(0, 0, 0, 0.14902) 0px -1px 0px 0px inset;
|
||||
box-sizing: border-box;
|
||||
color: rgb(255, 255, 255);
|
||||
display: block;
|
||||
float: left;
|
||||
font-size: 12px;
|
||||
height: 20px;
|
||||
line-height: 20px;
|
||||
text-align: center;
|
||||
transition-delay: 0s;
|
||||
transition-duration: 0.6s;
|
||||
transition-property: width;
|
||||
transition-timing-function: ease;
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.ossfile .files_out b img{
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
}
|
||||
.files_out{
|
||||
float: left;
|
||||
padding: 5px;
|
||||
}
|
||||
44
css/vouchers.css
Normal file
44
css/vouchers.css
Normal file
@ -0,0 +1,44 @@
|
||||
.row{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 98%;
|
||||
margin: 0 auto;
|
||||
padding: 10px;
|
||||
font-size: 12px;
|
||||
color: #909090;
|
||||
height: 100px;
|
||||
background: pink;
|
||||
}
|
||||
.row .num{
|
||||
width: 100px;
|
||||
text-align: center;
|
||||
font-size: 22px;
|
||||
color: #FA0306;
|
||||
font-weight: 400;
|
||||
/* height: 100px; */
|
||||
}
|
||||
.row .info{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: space-between;
|
||||
text-align: left;
|
||||
flex: 2;
|
||||
|
||||
}
|
||||
.row .info .info_{
|
||||
font-size: 15px;
|
||||
color: #525252;
|
||||
|
||||
}
|
||||
.row .info .time{
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
margin:10px 0px 20px;
|
||||
}
|
||||
.row .info .valid{
|
||||
font-size: 13px;
|
||||
color: #666;
|
||||
padding-left: 10px;
|
||||
}
|
||||
0
css/yhk.css
Normal file
0
css/yhk.css
Normal file
3
css/zhuweiba.css
Normal file
3
css/zhuweiba.css
Normal file
@ -0,0 +1,3 @@
|
||||
/* .mui-scroll-wrapper .con{
|
||||
margin-top: 40px;
|
||||
} */
|
||||
BIN
fonts/mui-icons-extra.ttf
Normal file
BIN
fonts/mui-icons-extra.ttf
Normal file
Binary file not shown.
BIN
fonts/mui.ttf
Normal file
BIN
fonts/mui.ttf
Normal file
Binary file not shown.
BIN
img/11223456.png
Normal file
BIN
img/11223456.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 206 KiB |
BIN
img/ac1111_title.png
Normal file
BIN
img/ac1111_title.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 162 KiB |
BIN
img/acbg1111.png
Normal file
BIN
img/acbg1111.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
BIN
img/activity_jt.png
Normal file
BIN
img/activity_jt.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
img/adds_title_bg1.png
Normal file
BIN
img/adds_title_bg1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
img/adds_title_bg2.png
Normal file
BIN
img/adds_title_bg2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
img/adds_title_bg3.png
Normal file
BIN
img/adds_title_bg3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.5 KiB |
BIN
img/adds_title_bg4.png
Normal file
BIN
img/adds_title_bg4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
BIN
img/adds_title_bg5.png
Normal file
BIN
img/adds_title_bg5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
img/aixin.png
Normal file
BIN
img/aixin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 22 KiB |
BIN
img/banner_ectin.png
Normal file
BIN
img/banner_ectin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
BIN
img/be.png
Normal file
BIN
img/be.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 41 KiB |
BIN
img/beiwang.png
Normal file
BIN
img/beiwang.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 19 KiB |
BIN
img/beiwanglu.png
Normal file
BIN
img/beiwanglu.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
img/bg_miaosha.png
Normal file
BIN
img/bg_miaosha.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
img/bg_pay_list.png
Normal file
BIN
img/bg_pay_list.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
img/bianji.png
Normal file
BIN
img/bianji.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
BIN
img/bianji3.png
Normal file
BIN
img/bianji3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.2 KiB |
BIN
img/bianji9.png
Normal file
BIN
img/bianji9.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user