|
|
body, html {
|
|
|
height: 100%;
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
|
background: #ffffff;
|
|
|
}
|
|
|
|
|
|
|
|
|
.border-bottom {
|
|
|
border-bottom: 1px solid #d9d9d9 !important;
|
|
|
}
|
|
|
|
|
|
.demos-title {
|
|
|
text-align: center;
|
|
|
font-size: 28px;
|
|
|
color: #000000;
|
|
|
font-weight: 400;
|
|
|
margin: 0 15%;
|
|
|
}
|
|
|
|
|
|
.demos-sub-title {
|
|
|
text-align: center;
|
|
|
color: #888;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|
|
|
.demos-header {
|
|
|
padding: 35px 0;
|
|
|
}
|
|
|
|
|
|
.demos-content-padded {
|
|
|
padding: 15px;
|
|
|
}
|
|
|
|
|
|
.demos-ewm {
|
|
|
margin: 15px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.demos-ewm img {
|
|
|
margin: 10px auto;
|
|
|
}
|
|
|
|
|
|
.demos-second-title {
|
|
|
text-align: center;
|
|
|
font-size: 24px;
|
|
|
color: #3cc51f;
|
|
|
font-weight: 400;
|
|
|
margin: 0 15%;
|
|
|
}
|
|
|
|
|
|
footer {
|
|
|
text-align: center;
|
|
|
font-size: 14px;
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
footer a {
|
|
|
color: #747474;
|
|
|
text-decoration: none;
|
|
|
}
|
|
|
|
|
|
.page__bd, .weui-tab__bd {
|
|
|
background: #fff;
|
|
|
}
|
|
|
|
|
|
.weui-cell__hd img {
|
|
|
width: 50px;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
|
|
|
.weui-cell_access .weui-cell__hd img {
|
|
|
width: 20px;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards {
|
|
|
margin: 10px;
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
color: inherit;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards:active {
|
|
|
background-color: #ECECEC;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_box {
|
|
|
width: 100%;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_box img {
|
|
|
border-radius: 10px;
|
|
|
width: 100%;
|
|
|
box-shadow: 5px 5px 5px #888888;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_box .cardno, .weui-cell_cards .card_box .cardtype, .weui-cell_cards .card_box .cardinfo {
|
|
|
position: absolute;
|
|
|
z-index: 9;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_01 .cardno {
|
|
|
top: 20px;
|
|
|
right: 20px;
|
|
|
font-size: 14px;
|
|
|
font-weight: bold;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_01 .cardtype {
|
|
|
top: 50%;
|
|
|
left: 0;
|
|
|
margin-top: -18px;
|
|
|
line-height: 36px;
|
|
|
font-size: 36px;
|
|
|
font-weight: bold;
|
|
|
color: #ffffff;
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_01 .cardinfo {
|
|
|
bottom: 20px;
|
|
|
right: 20px;
|
|
|
font-size: 14px;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_02 .cardno {
|
|
|
top: 20px;
|
|
|
left: 20px;
|
|
|
font-size: 14px;
|
|
|
font-weight: bold;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_02 .cardtype {
|
|
|
top: 50%;
|
|
|
left: 0;
|
|
|
margin-top: -18px;
|
|
|
line-height: 36px;
|
|
|
font-size: 36px;
|
|
|
font-weight: bold;
|
|
|
color: #ffffff;
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_02 .cardinfo {
|
|
|
top: 20px;
|
|
|
right: 20px;
|
|
|
font-size: 14px;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_03 .cardno {
|
|
|
top: 20px;
|
|
|
left: 20px;
|
|
|
font-size: 14px;
|
|
|
font-weight: bold;
|
|
|
color: #bb2f5d;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_03 .cardtype {
|
|
|
top: 50%;
|
|
|
left: 0;
|
|
|
margin-top: -18px;
|
|
|
line-height: 36px;
|
|
|
font-size: 36px;
|
|
|
font-weight: bold;
|
|
|
color: #bb2f5d;
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_03 .cardinfo {
|
|
|
bottom: 20px;
|
|
|
right: 20px;
|
|
|
font-size: 14px;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_04 .cardno {
|
|
|
top: 20px;
|
|
|
left: 20px;
|
|
|
font-size: 14px;
|
|
|
font-weight: bold;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_04 .cardtype {
|
|
|
top: 50%;
|
|
|
left: 0;
|
|
|
margin-top: -18px;
|
|
|
line-height: 36px;
|
|
|
font-size: 36px;
|
|
|
font-weight: bold;
|
|
|
color: #ffffff;
|
|
|
width: 100%;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.weui-cell_cards .card_04 .cardinfo {
|
|
|
bottom: 20px;
|
|
|
right: 20px;
|
|
|
font-size: 14px;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.weui-cell_info, .weui-cell_list {
|
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
color: inherit;
|
|
|
}
|
|
|
|
|
|
.weui-cell_info:active, .weui-cell_list:active {
|
|
|
background-color: #ECECEC;
|
|
|
}
|
|
|
|
|
|
.weui-cell_info .weui-cell__ft, .weui-cell_list .weui-cell__ft {
|
|
|
padding-right: 13px;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.weui-cell_info .weui-cell__ft:after, .weui-cell_list .weui-cell__ft:after {
|
|
|
content: " ";
|
|
|
display: inline-block;
|
|
|
height: 6px;
|
|
|
width: 6px;
|
|
|
border-width: 2px 2px 0 0;
|
|
|
border-color: #C8C8CD;
|
|
|
border-style: solid;
|
|
|
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
|
|
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
|
|
|
position: relative;
|
|
|
top: -2px;
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
margin-top: -4px;
|
|
|
right: 2px;
|
|
|
}
|
|
|
|
|
|
.weui-cell_info .weui-cell__hd img {
|
|
|
width: 60px;
|
|
|
height: 60px;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
|
|
|
.weui-cell_list .weui-cell__hd img {
|
|
|
width: 60px;
|
|
|
height: 50px;
|
|
|
margin-right: 5px;
|
|
|
}
|
|
|
|
|
|
.weui-cells__all {
|
|
|
background: #caffe4;
|
|
|
padding: 15px 5px;
|
|
|
color: #555555;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
|
|
|
.weui-cells__all + .weui-cells {
|
|
|
margin-top: 0;
|
|
|
}
|
|
|
|
|
|
.weui-cells__tab {
|
|
|
background: #eee;
|
|
|
padding: 15px;
|
|
|
color: #555555;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
|
|
|
.weui-cells__tab + .weui-cells {
|
|
|
margin-top: 0;
|
|
|
}
|
|
|
|
|
|
.weui-cell__tab {
|
|
|
position: relative;
|
|
|
display: -webkit-box;
|
|
|
display: -webkit-flex;
|
|
|
display: flex;
|
|
|
-webkit-box-align: center;
|
|
|
-webkit-align-items: center;
|
|
|
align-items: center;
|
|
|
}
|
|
|
|
|
|
.weui-cell__tab:before {
|
|
|
content: " ";
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
right: 0;
|
|
|
height: 1px;
|
|
|
color: #D9D9D9;
|
|
|
-webkit-transform-origin: 0 0;
|
|
|
transform-origin: 0 0;
|
|
|
-webkit-transform: scaleY(0.5);
|
|
|
transform: scaleY(0.5);
|
|
|
left: 15px;
|
|
|
}
|
|
|
|
|
|
|
|
|
.toolbars {
|
|
|
position: fixed;
|
|
|
width: 100%;
|
|
|
font-size: .85rem;
|
|
|
line-height: 1.5;
|
|
|
color: #ffffff;
|
|
|
background: #40c1c7;
|
|
|
top: 0;
|
|
|
left: 0;
|
|
|
z-index: 999;
|
|
|
}
|
|
|
|
|
|
.toolbars:before {
|
|
|
content: '';
|
|
|
position: fixed;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
bottom: auto;
|
|
|
right: auto;
|
|
|
height: 1px;
|
|
|
width: 100%;
|
|
|
background-color: #000000;
|
|
|
display: block;
|
|
|
z-index: 15;
|
|
|
-webkit-transform-origin: 50% 0%;
|
|
|
transform-origin: 50% 0%;
|
|
|
}
|
|
|
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
|
|
|
.toolbars:before {
|
|
|
-webkit-transform: scaleY(0.5);
|
|
|
transform: scaleY(0.5);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
|
|
|
.toolbars:before {
|
|
|
-webkit-transform: scaleY(0.33);
|
|
|
transform: scaleY(0.33);
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.toolbar_block {
|
|
|
width: 100%;
|
|
|
display: block;
|
|
|
height: 40px;
|
|
|
}
|
|
|
|
|
|
.toolbars .toolbar-inner {
|
|
|
height: 40px;
|
|
|
display: -webkit-box;
|
|
|
display: -ms-flexbox;
|
|
|
display: -webkit-flex;
|
|
|
display: flex;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.toolbars .title {
|
|
|
position: absolute;
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
padding: 0;
|
|
|
font-size: 16px;
|
|
|
font-weight: normal;
|
|
|
line-height: 40px;
|
|
|
color: #ffffff;
|
|
|
font-weight: bold;
|
|
|
text-align: center;
|
|
|
white-space: nowrap;
|
|
|
background: none;
|
|
|
margin: 0;
|
|
|
border-radius: initial;
|
|
|
height: auto;
|
|
|
}
|
|
|
|
|
|
.toolbars .title .score { color:#e4222a;
|
|
|
}
|
|
|
.toolbars .cancel-button {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
box-sizing: border-box;
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
color: #555555;
|
|
|
z-index: 1;
|
|
|
padding: 0 .5rem;
|
|
|
}
|
|
|
|
|
|
.toolbars .picker-button {
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
box-sizing: border-box;
|
|
|
height: 40px;
|
|
|
line-height: 40px;
|
|
|
color: #555555;
|
|
|
z-index: 1;
|
|
|
padding: 0 .5rem;
|
|
|
}
|
|
|
|
|
|
.toolbars .picker-button span {
|
|
|
font-size: .7rem;
|
|
|
color: #e64340;
|
|
|
}
|
|
|
|
|
|
|
|
|
footer {
|
|
|
background-color: #ffffff;
|
|
|
color: #747474;
|
|
|
position: fixed;
|
|
|
z-index:999;
|
|
|
width: 100%;
|
|
|
height: 36px;
|
|
|
line-height: 36px;
|
|
|
bottom: 0;
|
|
|
text-align: center;
|
|
|
overflow: hidden;
|
|
|
display: table;
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
footer a {
|
|
|
width: 20%;
|
|
|
height: 36px;
|
|
|
line-height: 36px;
|
|
|
display: table-cell;
|
|
|
font-size: 12px;
|
|
|
color: #747474;
|
|
|
padding: 5px 0;position:relative;
|
|
|
}
|
|
|
|
|
|
footer a.cur {
|
|
|
color: #da251d;
|
|
|
|
|
|
}
|
|
|
|
|
|
footer a.orange {
|
|
|
color: #ff6000;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
footer i {
|
|
|
display: block;
|
|
|
margin: 0 auto 5px auto;
|
|
|
height: 24px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
footer span {
|
|
|
display: block;
|
|
|
height: 12px;
|
|
|
line-height: 12px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
footer .ico_num { position:absolute;
|
|
|
|
|
|
width: 20px;
|
|
|
height: 20px; background:#da251d;
|
|
|
line-height: 20px;
|
|
|
text-align: center; color:#ffffff; border-radius:10px; z-index:99; left:50%; top:0px; margin-left:10px;
|
|
|
}
|
|
|
|
|
|
footer a.orange i.home {
|
|
|
background: url(../images/home-3.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer i.home {
|
|
|
background: url(../images/home-1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a.cur i.home {
|
|
|
background: url(../images/home-2.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer i.my {
|
|
|
background: url(../images/my-1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a.cur i.my {
|
|
|
background: url(../images/my-2.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer i.msg {
|
|
|
background: url(../images/msg-1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a.cur i.msg {
|
|
|
background: url(../images/msg-2.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer i.office {
|
|
|
background: url(../images/office-1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a.cur i.office {
|
|
|
background: url(../images/office-2.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer i.psc {
|
|
|
background: url(../images/psc-1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a.cur i.psc {
|
|
|
background: url(../images/psc-2.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer i.tel-list {
|
|
|
background: url(../images/tel-list-1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a.cur i.tel-list {
|
|
|
background: url(../images/tel-list-2.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
|
|
|
footer a .ico_Index {
|
|
|
background: url(../images/ico_Index.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
footer a .ico_photo {
|
|
|
background: url(../images/ico_photo.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a .ico_Wrong {
|
|
|
background: url(../images/ico_Wrong.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a .ico_CheckWrong {
|
|
|
background: url(../images/ico_CheckWrong.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a .ico_Statistics {
|
|
|
background: url(../images/ico_Statistics.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a .ico_my {
|
|
|
background: url(../images/ico_info.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
footer a .ico_buycar {
|
|
|
background: url(../images/ico_buycar.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
footer a .ico_select {
|
|
|
background: url(../images/ico_select.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a.cur .ico_Index {
|
|
|
background: url(../images/ico_Index_cur.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a.cur .ico_photo {
|
|
|
background: url(../images/ico_photo1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
footer a.cur .ico_Wrong {
|
|
|
background: url(../images/ico_Wrong1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a.cur .ico_CheckWrong {
|
|
|
background: url(../images/ico_CheckWrong1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a.cur .ico_Statistics {
|
|
|
background: url(../images/ico_Statistics1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
footer a.cur .ico_my {
|
|
|
background: url(../images/ico_info_cur.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
footer a.cur .ico_buycar {
|
|
|
background: url(../images/ico_buycar_cur.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
footer a.cur .ico_select {
|
|
|
background: url(../images/ico_select_cur.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
footer a.cur {
|
|
|
|
|
|
color: #da251d;
|
|
|
}
|
|
|
|
|
|
footer a.cur span {
|
|
|
color: #da251d!important;
|
|
|
}
|
|
|
|
|
|
.foot_block {
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
height: 56px;
|
|
|
}
|
|
|
|
|
|
|
|
|
.footbtn_block {
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
height:86px;
|
|
|
}
|
|
|
|
|
|
.swiper-container {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.swiper-container img {
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.fr0810 {
|
|
|
position: absolute;
|
|
|
top: -.8em;
|
|
|
right: -1em;
|
|
|
}
|
|
|
|
|
|
|
|
|
.list-li {
|
|
|
position: relative;
|
|
|
-webkit-transform: translateX(0px);
|
|
|
border-bottom: 1px solid #d9d9d9;
|
|
|
height: auto;
|
|
|
}
|
|
|
|
|
|
.list-li .ha-btn {
|
|
|
position: absolute;
|
|
|
top: 0;
|
|
|
right: -80px;
|
|
|
text-align: center;
|
|
|
background: #f00;
|
|
|
color: #fff;
|
|
|
width: 80px;
|
|
|
line-height: 80px;
|
|
|
height: 100%;
|
|
|
}
|
|
|
|
|
|
.list-li .ha-btn2 {
|
|
|
line-height: 70px;
|
|
|
}
|
|
|
|
|
|
.fl {
|
|
|
position: absolute;
|
|
|
left: 0;
|
|
|
top: 0;
|
|
|
z-index: 9;
|
|
|
}
|
|
|
|
|
|
.fr {
|
|
|
position: absolute;
|
|
|
right: 0;
|
|
|
top: 0;
|
|
|
z-index: 9;
|
|
|
}
|
|
|
.floatl { float:left;
|
|
|
}
|
|
|
.floatr { float:right;
|
|
|
}
|
|
|
.returnback {
|
|
|
width: 24px;
|
|
|
height: 40px;
|
|
|
float: left;
|
|
|
margin: 2px 10px;
|
|
|
border: 0px solid #44629b;
|
|
|
background: url(../images/ico_return.png) no-repeat left center;
|
|
|
background-size: 20px 20px;
|
|
|
}
|
|
|
|
|
|
.Add-btn {
|
|
|
width: 24px;
|
|
|
height: 40px;
|
|
|
float: right;
|
|
|
margin: 2px 10px;
|
|
|
border: 0px solid #44629b;
|
|
|
background: url(../images/add-btn.png) no-repeat right center;
|
|
|
background-size: 20px 20px;
|
|
|
}
|
|
|
|
|
|
.sao-btn {
|
|
|
width: 24px;
|
|
|
height: 40px;
|
|
|
float: right;
|
|
|
margin: 2px 10px;
|
|
|
border: 0px solid #44629b;
|
|
|
background: url(../images/sao.png) no-repeat right center;
|
|
|
background-size: 20px 20px;
|
|
|
}
|
|
|
.photo-btn {
|
|
|
width: 24px;
|
|
|
height: 40px;
|
|
|
float: right;
|
|
|
margin: 2px 10px;
|
|
|
border: 0px solid #44629b;
|
|
|
background: url(../images/ico_photo1.png) no-repeat right center;
|
|
|
background-size: 20px 20px;
|
|
|
}
|
|
|
|
|
|
.ewm-btn {
|
|
|
width: 24px;
|
|
|
height: 40px;
|
|
|
float: right;
|
|
|
margin: 2px 10px;
|
|
|
border: 0px solid #44629b;
|
|
|
background: url(../images/ewm.png) no-repeat right center;
|
|
|
background-size: 20px 20px;
|
|
|
}
|
|
|
|
|
|
.plus-btn {
|
|
|
width: 24px;
|
|
|
height: 40px;
|
|
|
float: right;
|
|
|
margin: 2px 10px;
|
|
|
border: 0px solid #44629b;
|
|
|
background: url(../images/plus.png) no-repeat right center;
|
|
|
background-size: 20px 20px;
|
|
|
}
|
|
|
.books-btn {
|
|
|
width: 24px;
|
|
|
height: 40px;
|
|
|
float: right;
|
|
|
margin: 2px 10px;
|
|
|
border: 0px solid #44629b;
|
|
|
background: url(../images/ico_Wrong1.png) no-repeat right center;
|
|
|
background-size: 20px 20px;
|
|
|
}
|
|
|
|
|
|
.span-btn {
|
|
|
/*width: 24px;*/
|
|
|
height: 40px;
|
|
|
|
|
|
margin: 2px 10px;
|
|
|
border: 0px solid #44629b; font-size:16px; line-height:36px;
|
|
|
/*background: url(../images/ico_Wrong1.png) no-repeat right center;
|
|
|
background-size: 20px 20px;*/
|
|
|
}
|
|
|
|
|
|
.toolbar-inner .toolbar-search {
|
|
|
width: 100%;
|
|
|
border-radius: 15px;
|
|
|
height: 30px;
|
|
|
background: url(../images/search.png) no-repeat 10px center #ffffff;
|
|
|
background-size: 20px 20px;
|
|
|
border: none;
|
|
|
margin: 5px 40px;
|
|
|
padding: 0;
|
|
|
padding-left: 40px;
|
|
|
}
|
|
|
|
|
|
.toolbar-inner .toolbar-search input {
|
|
|
background: none;
|
|
|
border: none;
|
|
|
display: block;
|
|
|
height: 30px;
|
|
|
line-height: 30px;
|
|
|
color: #8b8b8c;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.weui-p {
|
|
|
color: #000000;
|
|
|
}
|
|
|
|
|
|
|
|
|
.title-btn {
|
|
|
width: auto;
|
|
|
font-size: 14px;
|
|
|
font-weight: normal;
|
|
|
line-height: 40px;
|
|
|
color: #929292;
|
|
|
font-weight: bold;
|
|
|
text-align: center;
|
|
|
white-space: nowrap;
|
|
|
border: none;
|
|
|
background: none;
|
|
|
}
|
|
|
|
|
|
.pw5 {
|
|
|
width: 8%;
|
|
|
}
|
|
|
.pw20 {
|
|
|
width: 17%;
|
|
|
}
|
|
|
.pw25 {
|
|
|
width: 25%;
|
|
|
}
|
|
|
.pw33 {
|
|
|
width: 33.333%;
|
|
|
}
|
|
|
.pw50 {
|
|
|
width: 50%;
|
|
|
}
|
|
|
.pw75 {
|
|
|
width: 75%;
|
|
|
}
|
|
|
|
|
|
.pw100 {
|
|
|
width: 100%;
|
|
|
}
|
|
|
.mr10 { margin-right:10px;
|
|
|
}
|
|
|
.ml10 { margin-left:10px;
|
|
|
}
|
|
|
.color_blue {
|
|
|
color: #2880d7 !important;
|
|
|
}
|
|
|
|
|
|
.demos-remark-title {
|
|
|
color: #e64340 !important;
|
|
|
text-align: left;
|
|
|
}
|
|
|
|
|
|
.btn-on {
|
|
|
background: url(../images/btn-on.png) no-repeat left center;
|
|
|
width: 40px;
|
|
|
height: 35px;
|
|
|
float: right;
|
|
|
background-size: 18px 18px;
|
|
|
}
|
|
|
|
|
|
.btn-off {
|
|
|
background: url(../images/btn-off.png) no-repeat left center;
|
|
|
width: 40px;
|
|
|
height: 35px;
|
|
|
float: right;
|
|
|
background-size: 18px 18px;
|
|
|
}
|
|
|
|
|
|
.radio-list {
|
|
|
}
|
|
|
|
|
|
.radio-list .weui-cell__hd {
|
|
|
display: inline-block;
|
|
|
line-height: 26px;
|
|
|
}
|
|
|
|
|
|
.radio-list .weui-cell__bd {
|
|
|
display: inline-block;
|
|
|
line-height: 30px;
|
|
|
}
|
|
|
/*ͼ<><CDBC>*/
|
|
|
.ico_remark {
|
|
|
background: url(../images/ico_remark_white.png) no-repeat center center;
|
|
|
}
|
|
|
|
|
|
.ico_area {
|
|
|
background: url(../images/ico_area_gray.png) no-repeat center center;
|
|
|
}
|
|
|
|
|
|
.ico_school {
|
|
|
background: url(../images/ico_school_gray.png) no-repeat center center;
|
|
|
}
|
|
|
|
|
|
.ico_grade {
|
|
|
background: url(../images/ico_grade_gray.png) no-repeat center center;
|
|
|
}
|
|
|
|
|
|
.ico_phone {
|
|
|
background: url(../images/ico_phone_gray.png) no-repeat center center;
|
|
|
}
|
|
|
|
|
|
.ico_name {
|
|
|
background: url(../images/ico_name_gray.png) no-repeat center center;
|
|
|
}
|
|
|
|
|
|
|
|
|
.ico_class {
|
|
|
background: url(../images/ico_class_gray.png) no-repeat center center;
|
|
|
}
|
|
|
|
|
|
.ico_message {
|
|
|
background: url(../images/ico_message_gray.png) no-repeat center center;
|
|
|
}
|
|
|
|
|
|
.ico_school_white {
|
|
|
background: url(../images/ico_school_white.png) no-repeat center center;
|
|
|
}
|
|
|
.ico_class_white {
|
|
|
background: url(../images/ico_class_white.png) no-repeat center center;
|
|
|
}
|
|
|
.ico_name_white {
|
|
|
background: url(../images/ico_name_white.png) no-repeat center center;
|
|
|
}
|
|
|
.ico_sex_white {
|
|
|
background: url(../images/ico_sex_white.png) no-repeat center center;
|
|
|
}
|
|
|
.ico_phone_white {
|
|
|
background: url(../images/ico_phone_white.png) no-repeat center center;
|
|
|
}
|
|
|
|
|
|
.ico_grade_white {
|
|
|
background: url(../images/ico_grade_white.png) no-repeat center center;
|
|
|
}
|
|
|
/*<2A>״ε<D7B4>½ҳ*/
|
|
|
.remark_top {
|
|
|
display: inline-table;
|
|
|
|
|
|
background: #40c1c7;
|
|
|
margin:0;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.remark_top i {
|
|
|
background-size: 25px 25px;
|
|
|
width: 30px;
|
|
|
height: 30px;
|
|
|
display: table-cell;
|
|
|
}
|
|
|
|
|
|
.remark_top p {
|
|
|
display: table-cell;
|
|
|
line-height: 25px;
|
|
|
color: #ffffff;
|
|
|
padding: 10px;text-align:center;
|
|
|
}
|
|
|
|
|
|
.step_tab {
|
|
|
display: inline-table;
|
|
|
width: 100%;
|
|
|
background: #ffffff;
|
|
|
padding: 10px 0;
|
|
|
}
|
|
|
|
|
|
.step_tab a {
|
|
|
display: table-cell;
|
|
|
background: url(../images/step_linebg.png) repeat-x center 32px;
|
|
|
}
|
|
|
|
|
|
.step_tab a.cur {
|
|
|
display: table-cell;
|
|
|
background: url(../images/step_linebg_cur.png) repeat-x center 32px;
|
|
|
}
|
|
|
|
|
|
.step_tab a .step_num {
|
|
|
color: #ffffff;
|
|
|
font-size: 36px;
|
|
|
background: url(../images/step_bg.png) no-repeat center center;
|
|
|
height: 68px;
|
|
|
line-height: 68px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.step_tab a.cur .step_num {
|
|
|
color: #ffffff;
|
|
|
font-size: 36px;
|
|
|
background: url(../images/step_bg_cur.png) no-repeat center center;
|
|
|
height: 68px;
|
|
|
line-height: 68px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.step_tab a .step_name {
|
|
|
color: #c0c0c0;
|
|
|
font-size: 24px;
|
|
|
height: 32px;
|
|
|
line-height: 32px;
|
|
|
text-align: center;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.step_tab a.cur .step_name {
|
|
|
color: #6497d8;
|
|
|
font-size: 24px;
|
|
|
height: 32px;
|
|
|
line-height: 32px;
|
|
|
text-align: center;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
|
|
|
.step1 a {
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.step2 a {
|
|
|
width: 50%;
|
|
|
}
|
|
|
|
|
|
.step3 a {
|
|
|
width: 33.333%;
|
|
|
}
|
|
|
|
|
|
.step4 a {
|
|
|
width: 25%;
|
|
|
}
|
|
|
|
|
|
.step5 a {
|
|
|
width: 20%;
|
|
|
}
|
|
|
|
|
|
.from_box {
|
|
|
margin: 0px;
|
|
|
background: none; /*position:relative;*/
|
|
|
padding: 10px;
|
|
|
}
|
|
|
|
|
|
.cell_box {
|
|
|
margin: 5px auto;
|
|
|
background: #ffffff;
|
|
|
/*border-radius: 5px;*/
|
|
|
height:40px;
|
|
|
/*border: 1px #d5d5d5 solid;*/
|
|
|
}
|
|
|
.cell_box2 {
|
|
|
height:90px;
|
|
|
}
|
|
|
|
|
|
.cell_box .cell__hd {
|
|
|
padding-right: 5px;
|
|
|
/*border-right: 1px solid #d5d5d5;*/
|
|
|
width: 60px;
|
|
|
height: 40px;
|
|
|
float: left;
|
|
|
background-size: 25px 25px; background-color:#40c1c7;
|
|
|
}
|
|
|
.cell_box2 .cell__hd {
|
|
|
height: 90px;
|
|
|
}
|
|
|
/*.cell_box .cell__hd i { font-size:2em; color:#9b9fab; width:25px; height:25px;
|
|
|
}*/
|
|
|
|
|
|
.cell_box .cell__bd {padding: 8px 5px;
|
|
|
margin: 0 0 0 75px!important;
|
|
|
font-size: 1em;
|
|
|
color: #777;
|
|
|
position: relative;
|
|
|
}
|
|
|
.cell_box .cell__bd_radio {padding: 3px 5px;
|
|
|
margin: 0 0 0 75px!important;
|
|
|
font-size: 1em;
|
|
|
color: #777;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.cell_select .weui-select {
|
|
|
padding-right: 30px;
|
|
|
}
|
|
|
|
|
|
.cell_select:after {
|
|
|
content: " ";
|
|
|
display: inline-block;
|
|
|
height: 6px;
|
|
|
width: 6px;
|
|
|
border-width: 2px 2px 0 0;
|
|
|
border-color: #c8c8cd;
|
|
|
border-style: solid;
|
|
|
-webkit-transform: matrix(.71,.71,-.71,.71,0,0);
|
|
|
transform: matrix(.71,.71,-.71,.71,0,0);
|
|
|
position: relative;
|
|
|
top: -2px;
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
right: 15px;
|
|
|
margin-top: -4px;
|
|
|
}
|
|
|
|
|
|
.weui_select {
|
|
|
-webkit-appearance: none;
|
|
|
border: 0;
|
|
|
outline: 0;
|
|
|
padding: 0px;
|
|
|
width: 100%;
|
|
|
border: none;
|
|
|
background: none;
|
|
|
font-size: inherit;
|
|
|
color: inherit;
|
|
|
height: 1.41176471em;
|
|
|
line-height: 1.41176471em;
|
|
|
}
|
|
|
|
|
|
.btn_box1 {
|
|
|
padding: 1.17647059em 15px .3em;
|
|
|
}
|
|
|
|
|
|
.btn_box1 a.weui-btn {
|
|
|
width: 260px;
|
|
|
font-size: 30px;
|
|
|
}
|
|
|
|
|
|
.btn_box {
|
|
|
margin: 1.17647059em 15px .3em; position:relative;
|
|
|
}
|
|
|
|
|
|
.btn_box a.weui-btn {
|
|
|
width: 45%;
|
|
|
font-size: 30px; margin:0;
|
|
|
}
|
|
|
|
|
|
/*<2A><><EFBFBD><EFBFBD>*/
|
|
|
.phones_float { position:fixed; bottom:0; z-index:99; width:100%; text-align:center; background:#ffffff; box-shadow: 0 -3px 3px #474747;
|
|
|
}
|
|
|
.phones_float .phones_menu {display: table; width:100%;height: 36px;
|
|
|
}
|
|
|
.phones_float .phones_menu a {
|
|
|
width: 20%;
|
|
|
height: 36px;
|
|
|
line-height: 36px;
|
|
|
display: table-cell;
|
|
|
font-size: 12px;
|
|
|
color: #747474;
|
|
|
padding: 5px 0;
|
|
|
}
|
|
|
|
|
|
.phones_menu a.cur {
|
|
|
color: #ffffff;
|
|
|
background: #40c1c7;
|
|
|
}
|
|
|
|
|
|
.phones_menu i {
|
|
|
display: block;
|
|
|
margin: 0 auto 5px auto;
|
|
|
height: 24px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.phones_menu span {
|
|
|
display: block;
|
|
|
height: 12px;
|
|
|
line-height: 12px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.phones_menu a .ico_listmanage {
|
|
|
background: url(../images/ico_listmanage.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
.phones_menu a.cur .ico_listmanage {
|
|
|
background: url(../images/ico_listmanage1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
.phones_menu a .ico_photolist {
|
|
|
background: url(../images/ico_photolist.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
.phones_menu a.cur .ico_photolist {
|
|
|
background: url(../images/ico_photolist1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
|
|
|
.phones_menu a .ico_list {
|
|
|
background: url(../images/ico_Statistics.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
.phones_menu a.cur .ico_list {
|
|
|
background: url(../images/ico_Statistics1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
.phones_menu a .ico_my {
|
|
|
background: url(../images/ico_my.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
.phones_menu a.cur .ico_my {
|
|
|
background: url(../images/ico_my1.png) center bottom no-repeat;
|
|
|
background-size: 24px 24px;
|
|
|
}
|
|
|
.phones_box{ position:absolute;top:-20px; left:50%; margin-left:-30px;
|
|
|
padding:0 0 10px 0; text-align:center;
|
|
|
/*border-radius: 5px;*/
|
|
|
/*border: 1px #d5d5d5 solid;*/
|
|
|
}
|
|
|
.phones_box img { width:60px; height:60px; border:3px solid #fff; border-radius:30px; margin:0 auto;
|
|
|
}
|
|
|
|
|
|
|
|
|
.phones_uploader_box {
|
|
|
position: relative;width:60px; height:60px;margin:0 auto;
|
|
|
border-radius:60px; border:3px solid #ffffff;box-shadow: 0 -3px 3px #474747; background:#e64340;
|
|
|
}
|
|
|
|
|
|
.phones_uploader_box:after, .phones_uploader_box:before {
|
|
|
content: " ";
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
-webkit-transform: translate(-50%,-50%);
|
|
|
transform: translate(-50%,-50%);
|
|
|
background-color: #d9d9d9;
|
|
|
}
|
|
|
|
|
|
/*.phones_uploader_box:before {
|
|
|
width: 2px;
|
|
|
height: 39.5px;
|
|
|
}
|
|
|
|
|
|
.phones_uploader_box:after {
|
|
|
width: 39.5px;
|
|
|
height: 2px;
|
|
|
}*/
|
|
|
|
|
|
.phones_uploader_box:active {
|
|
|
border-color: #999;
|
|
|
}
|
|
|
|
|
|
.phones_uploader_box:active:after, .phones_uploader_box:active:before {
|
|
|
background-color: #999;
|
|
|
}
|
|
|
|
|
|
.phones_uploader_box .uploader__input {
|
|
|
display:block; width:60px;height:60px; position: absolute; top:0; left:0; z-index:99;opacity:0;
|
|
|
}
|
|
|
.phones_uploader_box .uploader {
|
|
|
background: url(../images/ico_photo1.png) center center no-repeat;
|
|
|
background-size: 32px 32px; display:block; width:60px;height:56px;
|
|
|
}
|
|
|
|
|
|
/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ƭ*/
|
|
|
|
|
|
.phone_box{
|
|
|
padding:0 0 10px 0; text-align:center;
|
|
|
/*border-radius: 5px;*/
|
|
|
/*border: 1px #d5d5d5 solid;*/
|
|
|
}
|
|
|
.phone_box img { width:80px; height:80px; border:3px solid #fff; border-radius:40px; margin:0 auto;
|
|
|
}
|
|
|
|
|
|
|
|
|
.phone_uploader_box {
|
|
|
position: relative;width:80px; height:80px; border:3px dotted #d9d9d9; border-radius:40px; margin:0 auto;
|
|
|
}
|
|
|
|
|
|
.phone_uploader_box:after, .phone_uploader_box:before {
|
|
|
content: " ";
|
|
|
position: absolute;
|
|
|
top: 50%;
|
|
|
left: 50%;
|
|
|
-webkit-transform: translate(-50%,-50%);
|
|
|
transform: translate(-50%,-50%);
|
|
|
background-color: #d9d9d9;
|
|
|
}
|
|
|
|
|
|
.phone_uploader_box:before {
|
|
|
width: 2px;
|
|
|
height: 39.5px;
|
|
|
}
|
|
|
|
|
|
.phone_uploader_box:after {
|
|
|
width: 39.5px;
|
|
|
height: 2px;
|
|
|
}
|
|
|
|
|
|
.phone_uploader_box:active {
|
|
|
border-color: #999;
|
|
|
}
|
|
|
|
|
|
.phone_uploader_box:active:after, .phone_uploader_box:active:before {
|
|
|
background-color: #999;
|
|
|
}
|
|
|
|
|
|
/*<2A>л<EFBFBD>+<2B><>ҳ*/
|
|
|
.fixed_top { position: fixed; width:100%; margin:0px; display:block; background:#eeeeee;z-index:99;
|
|
|
}
|
|
|
.top_box {
|
|
|
margin:10px;
|
|
|
display: block;
|
|
|
background: #ffffff;
|
|
|
box-shadow: 1px 5px 2px #888888;
|
|
|
}
|
|
|
.fixed_top_page_block {
|
|
|
width: 100%;
|
|
|
display: block;
|
|
|
height: 100px;
|
|
|
}
|
|
|
.fixed_top_block {
|
|
|
width: 100%;
|
|
|
display: block;
|
|
|
height: 60px;
|
|
|
}
|
|
|
.fixed_top_2rows_block {
|
|
|
width: 100%;
|
|
|
display: block;
|
|
|
height: 120px;
|
|
|
}
|
|
|
.fixed_top_3rows_block {
|
|
|
width: 100%;
|
|
|
display: block;
|
|
|
height: 150px;
|
|
|
}
|
|
|
/*<2A>л<EFBFBD>
|
|
|
*/
|
|
|
.tab_box {
|
|
|
display: inline-table;
|
|
|
width: 100%;
|
|
|
background: #ffffff;
|
|
|
}
|
|
|
|
|
|
.tab_box a {
|
|
|
display: table-cell;
|
|
|
border-bottom: #dcdedd 3px solid;
|
|
|
padding: 5px 0;
|
|
|
color: #747474;
|
|
|
font-size: 20px;
|
|
|
font-weight: 700;
|
|
|
text-align: center; position:relative; width:50%;
|
|
|
}
|
|
|
|
|
|
.tab_box a.cur {
|
|
|
display: table-cell;
|
|
|
border-bottom: #40c1c7 3px solid;
|
|
|
color: #40c1c7;
|
|
|
}
|
|
|
.tab_box a i { background:#e4222a; border-radius:10px; padding:0 1px; min-width:20px; height:20px; text-align:center; line-height:20px; font-size:12px; font-style:normal; color:#ffffff; position:absolute; top:-5px; right:20px;
|
|
|
}
|
|
|
/*<2A><>ҳ*/
|
|
|
.page_box {
|
|
|
background: #ffffff;
|
|
|
padding: 5px 10px;
|
|
|
}
|
|
|
|
|
|
.page_box dl {
|
|
|
display: inline-table;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.page_box dl dt {
|
|
|
padding: 2px;
|
|
|
text-align: center;
|
|
|
display: table-cell;
|
|
|
}
|
|
|
|
|
|
.page_box dl dt a {
|
|
|
font-size: 14px;
|
|
|
color: #c9cbca;
|
|
|
padding: 5px;
|
|
|
line-height: 14px;
|
|
|
background: #ffffff;
|
|
|
border: 1px solid #c9cbca;
|
|
|
border-radius: 3px;
|
|
|
min-width: 14px;
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
.page_box dl dt a.previous, .page_box dl dt a.next {
|
|
|
min-width: 28px;
|
|
|
background: #c9cbca;
|
|
|
color: #ffffff;
|
|
|
}
|
|
|
|
|
|
.page_box dl dt a.omit {
|
|
|
background: #ffffff;
|
|
|
border: 1px solid #ffffff;
|
|
|
padding: 5px 0;
|
|
|
}
|
|
|
|
|
|
.page_box dl dt.cur a {
|
|
|
color: #ffffff;
|
|
|
background: #40c1c7;
|
|
|
border: 1px solid #40c1c7;
|
|
|
}
|
|
|
/*<2A><><EFBFBD><EFBFBD>*/
|
|
|
.date_box {
|
|
|
background: #ffffff;
|
|
|
padding: 5px 10px;
|
|
|
}
|
|
|
|
|
|
.date_box dl {
|
|
|
display: inline-table;
|
|
|
width: 100%; padding:2px 0;
|
|
|
}
|
|
|
|
|
|
.date_box dl.line { border-bottom:1px solid #c9cbca;
|
|
|
}
|
|
|
.date_box dl dt {
|
|
|
padding: 2px;
|
|
|
text-align: center;
|
|
|
display: table-cell;
|
|
|
}
|
|
|
|
|
|
.date_box dl dt a {
|
|
|
font-size: 14px;
|
|
|
color: #757575; font-weight:bold;
|
|
|
line-height: 28px;
|
|
|
border-radius: 28px;
|
|
|
width: 28px;
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
.date_box dl dt a.previous, .date_box dl dt a.next {
|
|
|
min-width: 28px;
|
|
|
|
|
|
color: #757575;
|
|
|
}
|
|
|
|
|
|
|
|
|
.date_box dl dt.cur a {
|
|
|
color: #ffffff;
|
|
|
background: #40c1c7;
|
|
|
border: 1px solid #40c1c7;
|
|
|
}
|
|
|
|
|
|
/*<2A><><EFBFBD><EFBFBD>*/
|
|
|
.style_box {
|
|
|
background: #ffffff;
|
|
|
padding: 5px 10px;
|
|
|
}
|
|
|
|
|
|
.style_box dl {
|
|
|
display: inline-table;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.style_box dl dt {
|
|
|
padding: 2px;
|
|
|
text-align: center;
|
|
|
display: table-cell;
|
|
|
}
|
|
|
.style_box dl dt.titleName { font-size:16px; color:#8b8b8b;
|
|
|
}
|
|
|
|
|
|
|
|
|
.style_box dl dt select {
|
|
|
appearance:none;
|
|
|
-moz-appearance:none;
|
|
|
-webkit-appearance:none; width:100%;
|
|
|
font-size: 14px;
|
|
|
color: #a1a1a1;
|
|
|
padding: 10px 20px 10px 10px;
|
|
|
line-height: 14px;
|
|
|
background: url(../images/ico_select.png) right center no-repeat #ffffff;
|
|
|
background-size: 20px 20px;
|
|
|
border: 1px solid #a1a1a1;
|
|
|
border-radius: 3px;
|
|
|
display: block;
|
|
|
}
|
|
|
.style_box dl dt input[type=text] {
|
|
|
|
|
|
appearance:none;
|
|
|
-moz-appearance:none;
|
|
|
-webkit-appearance:none; width:99%;
|
|
|
font-size: 14px;
|
|
|
color: #a1a1a1;
|
|
|
padding: 8px 0;
|
|
|
line-height: 14px;
|
|
|
text-indent:10px;
|
|
|
background-size: 16px 16px;
|
|
|
border: 1px solid #a1a1a1;
|
|
|
border-radius: 3px;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
.style_box dl dt input[type=date] {
|
|
|
|
|
|
appearance:none;
|
|
|
-moz-appearance:none;
|
|
|
-webkit-appearance:none; width:99%;
|
|
|
font-size: 14px;
|
|
|
color: #a1a1a1;
|
|
|
padding: 8px 0;
|
|
|
line-height: 14px;
|
|
|
text-indent:10px;
|
|
|
background: url(../images/ico_date.png) 98% center no-repeat #ffffff;
|
|
|
background-size: 16px 16px;
|
|
|
border: 1px solid #a1a1a1;
|
|
|
border-radius: 3px;
|
|
|
|
|
|
display: block;
|
|
|
|
|
|
}
|
|
|
.style_box dl dt a {
|
|
|
font-size: 14px;
|
|
|
color: #a1a1a1;
|
|
|
padding: 10px 0; text-align:center;
|
|
|
line-height: 14px;
|
|
|
background: #ffffff;
|
|
|
border: 1px solid #a1a1a1;
|
|
|
border-radius: 3px;
|
|
|
display: block;
|
|
|
}
|
|
|
.style_box dl dt a.cur {
|
|
|
color: #40c1c7;
|
|
|
border: 1px solid #40c1c7;
|
|
|
|
|
|
}
|
|
|
.style_box dl dt a.more {
|
|
|
font-size: 14px;
|
|
|
color: #a1a1a1;
|
|
|
padding: 10px 0; text-align:center;
|
|
|
line-height: 14px;
|
|
|
background: #ffffff;
|
|
|
border: 1px solid #ffffff;
|
|
|
border-radius: 3px;
|
|
|
display: block;
|
|
|
}
|
|
|
.style_box dl dt a.weui-btn_normal {
|
|
|
background-color: #40c1c7;
|
|
|
border: 1px solid #40c1c7;color: #fff;
|
|
|
}
|
|
|
|
|
|
.style_box dl dt a.weui-btn_normal:not(.weui-btn_disabled):visited {
|
|
|
color: #fff;
|
|
|
}
|
|
|
|
|
|
.style_box dl dt a.weui-btn_normal:not(.weui-btn_disabled):active {
|
|
|
color: hsla(0,0%,100%,.6);
|
|
|
background-color: #66eaf0;
|
|
|
}
|
|
|
/*<2A><><EFBFBD><EFBFBD>table<6C><65>ʽ*/
|
|
|
|
|
|
.style_box table {
|
|
|
border:none;
|
|
|
|
|
|
}
|
|
|
|
|
|
.style_box table th {
|
|
|
padding: 2px;
|
|
|
text-align: left; border:none;font-size:16px; color:#8b8b8b;
|
|
|
|
|
|
}
|
|
|
.style_box table td {
|
|
|
padding: 2px;
|
|
|
text-align: center; border:none;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
.style_box table td select {
|
|
|
appearance:none;
|
|
|
-moz-appearance:none;
|
|
|
-webkit-appearance:none; width:100%;
|
|
|
font-size: 14px;
|
|
|
color: #a1a1a1;
|
|
|
padding: 10px 20px 10px 10px;
|
|
|
line-height: 14px;
|
|
|
background: url(../images/ico_select.png) right center no-repeat #ffffff;
|
|
|
background-size: 20px 20px;
|
|
|
border: 1px solid #a1a1a1;
|
|
|
border-radius: 3px;
|
|
|
display: block;
|
|
|
}
|
|
|
.style_box table td select.cur{border: 1px solid #40c1c7;color: #40c1c7;
|
|
|
}
|
|
|
.style_box table td a {
|
|
|
font-size: 14px;
|
|
|
color: #a1a1a1;
|
|
|
padding: 10px;
|
|
|
line-height: 14px;
|
|
|
background: #ffffff;
|
|
|
border: 1px solid #a1a1a1;
|
|
|
border-radius: 3px;
|
|
|
display: block;
|
|
|
}
|
|
|
.style_box table td a.cur {
|
|
|
color: #40c1c7;
|
|
|
border: 1px solid #40c1c7;
|
|
|
|
|
|
}
|
|
|
/*ѡ<><D1A1><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
|
|
|
.select_box {
|
|
|
margin:10px;
|
|
|
display: block;
|
|
|
background: #ffffff;
|
|
|
box-shadow: 1px 5px 2px #888888;
|
|
|
}
|
|
|
.select_box dl { margin:5px 0px;
|
|
|
}
|
|
|
/*<2A><>ע*/
|
|
|
.remark_box {
|
|
|
margin:10px;
|
|
|
display: block;
|
|
|
background: #ffffff;
|
|
|
box-shadow: 1px 5px 2px #888888; padding:10px; font-size:14px; color:#8b8b8b; font-weight:700;
|
|
|
}
|
|
|
/*<2A><><EFBFBD><EFBFBD>*/
|
|
|
.body_box {
|
|
|
display: block;
|
|
|
margin: 10px;
|
|
|
background: #ffffff;
|
|
|
box-shadow: 1px 5px 2px #888888;
|
|
|
}
|
|
|
|
|
|
.body_box .title_box {
|
|
|
padding: 10px 10px 5px 10px;
|
|
|
background: #ffffff;
|
|
|
}
|
|
|
|
|
|
.body_box .title_box p {
|
|
|
border-bottom: #8b8b8b 1px solid;
|
|
|
}
|
|
|
|
|
|
.body_box .title_box p span {
|
|
|
padding-top: 8px;
|
|
|
color: #40c1c7;
|
|
|
font-size: 12px;
|
|
|
line-height: 12px;
|
|
|
}
|
|
|
|
|
|
.body_box .title_box p span.title_name {
|
|
|
padding-top: 0px;
|
|
|
color: #747474;
|
|
|
font-size: 20px;
|
|
|
line-height: 20px;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box {
|
|
|
padding: 5px 10px;
|
|
|
background: #f7f7f7;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells {
|
|
|
padding: 5px 0;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells .check_all {
|
|
|
position: relative;
|
|
|
background: #c9cbca;
|
|
|
border-radius: 3px;
|
|
|
font-size: 16px;
|
|
|
color: #000;
|
|
|
padding: 5px; display:inline-block;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells .check_all .inputCheck {
|
|
|
position: absolute;
|
|
|
/*height: 20px;*/
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells .check_all .inputCheck + label {
|
|
|
display: inline-block;
|
|
|
/*height: 20px;*/
|
|
|
background: url(../images/check_all_wrong.png) left center no-repeat;
|
|
|
background-size: 20px 20px;
|
|
|
line-height: 20px;
|
|
|
padding-left: 25px;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells .check_all .inputCheck:checked + label {
|
|
|
display: inline-block;
|
|
|
background: url(../images/check_all_true.png) left center no-repeat;
|
|
|
background-size: 20px 20px;
|
|
|
line-height: 20px;
|
|
|
padding-left: 25px;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
|
|
|
|
|
|
.body_box .check_list_box .check_cells ul {
|
|
|
padding: 5px 0;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells ul li {
|
|
|
display: inline-block;
|
|
|
padding: 5px 2px;
|
|
|
list-style: none;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells ul li .check_true {
|
|
|
background: #40c1c7;
|
|
|
border-radius: 3px;
|
|
|
font-size: 16px;
|
|
|
height: 25px;
|
|
|
line-height: 25px;
|
|
|
padding: 0 25px 0 0px;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells ul li .check_true a {
|
|
|
font-size: 16px;
|
|
|
color: #ffffff;
|
|
|
height: 25px;
|
|
|
line-height: 25px;
|
|
|
padding: 0 10px;
|
|
|
display: block;
|
|
|
border-right: 1px solid #ffffff;
|
|
|
border-top-left-radius: 3px;
|
|
|
border-bottom-left-radius: 3px;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells ul li .check_true a.cur {
|
|
|
background: #29a2a8;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells ul li .check_true i {
|
|
|
background: url(../images/check_true.png) center center no-repeat;
|
|
|
background-size: 16px 16px;
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
position: absolute;
|
|
|
top: 5px;
|
|
|
right: 5px;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells ul li .check_wrong {
|
|
|
background: #e2232b;
|
|
|
border-radius: 3px;
|
|
|
font-size: 16px;
|
|
|
line-height: 25px;
|
|
|
padding: 0 25px 0 0px;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells ul li .check_wrong a {
|
|
|
font-size: 16px;
|
|
|
color: #ffffff;
|
|
|
height: 25px;
|
|
|
line-height: 25px;
|
|
|
padding: 0 10px;
|
|
|
display: block;
|
|
|
border-right: 1px solid #ffffff;
|
|
|
border-top-left-radius: 3px;
|
|
|
border-bottom-left-radius: 3px;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells ul li .check_wrong a.cur {
|
|
|
background: #a20f15;
|
|
|
}
|
|
|
|
|
|
.body_box .check_list_box .check_cells ul li .check_wrong i {
|
|
|
background: url(../images/check_wrong.png) center center no-repeat;
|
|
|
background-size: 16px 16px;
|
|
|
width: 16px;
|
|
|
height: 16px;
|
|
|
position: absolute;
|
|
|
top: 5px;
|
|
|
right: 5px;
|
|
|
}
|
|
|
/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
|
|
|
.body_box .details_box {
|
|
|
padding: 5px 10px;
|
|
|
}
|
|
|
|
|
|
.body_box .details_box .title_name {
|
|
|
display: block;
|
|
|
line-height: 30px;
|
|
|
font-size: 16px;
|
|
|
color: #444444;
|
|
|
height: 30px; font-weight:700;
|
|
|
}
|
|
|
|
|
|
.body_box .details_box .ico_WrongReason {
|
|
|
background: url(../images/ico_WrongReason.png) 5px center no-repeat;
|
|
|
background-size: 20px 20px;
|
|
|
padding-left: 30px;
|
|
|
}
|
|
|
|
|
|
.body_box .details_box .ico_ItemContent {
|
|
|
background: url(../images/ico_ItemContent.png) 5px center no-repeat;
|
|
|
background-size: 20px 20px;
|
|
|
padding-left: 30px;
|
|
|
}
|
|
|
|
|
|
.body_box .details_box .WrongReason_box {
|
|
|
display: block;
|
|
|
padding: 0 5px;
|
|
|
}
|
|
|
|
|
|
.body_box .details_box .WrongReason_box a {
|
|
|
display: inline-block;
|
|
|
margin: 5px;
|
|
|
background: #b6b6b6;
|
|
|
border-radius: 3px;
|
|
|
font-size: 16px;
|
|
|
color: #fff;
|
|
|
padding: 2px 5px;
|
|
|
min-width: 120px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.body_box .details_box .WrongReason_box a.cur {
|
|
|
background: #e2232b;
|
|
|
font-weight: 700;
|
|
|
}
|
|
|
|
|
|
.body_box .details_box .ItemContent,questypebody .ItemContent {
|
|
|
font-size: 12px!important;
|
|
|
color: #747474;
|
|
|
}
|
|
|
.body_box .details_box .ItemContent *,questypebody .ItemContent * {
|
|
|
font-size: 12px!important; color: #747474!important;
|
|
|
}
|
|
|
|
|
|
.body_box .details_box .ItemContent img {
|
|
|
max-width: 280px;
|
|
|
}
|
|
|
.body_box .details_box .ItemContent .ItemNo {
|
|
|
color:#40c1c7;
|
|
|
}
|
|
|
.body_box .details_box .ItemAnswer { font-size: 12px;
|
|
|
color: #747474;
|
|
|
}
|
|
|
|
|
|
.body_box .details_box .ItemRemark { padding:10px 0; border-top:1px dashed #b6b6b6; font-size: 12px;
|
|
|
color: #b6b6b6; margin-top:5px;
|
|
|
}
|
|
|
/*<2A><><EFBFBD><EFBFBD>ͳ<EFBFBD><CDB3>*/
|
|
|
.body_box .Statistics_box {
|
|
|
padding: 5px 10px;
|
|
|
}
|
|
|
|
|
|
.body_box .Statistics_box .title_name {
|
|
|
display: block;
|
|
|
line-height: 30px;
|
|
|
font-size: 16px;
|
|
|
color: #747474;
|
|
|
height: 30px; font-weight:700;
|
|
|
}
|
|
|
.body_box .Statistics_box .title_name span {border-bottom:1px #a3a3a3 solid; padding:5px 20px 5px 0px; font-weight:700; font-size: 16px;
|
|
|
}
|
|
|
.body_box .Statistics_box .content {
|
|
|
color: #747474;
|
|
|
font-size: 16px; display:block;
|
|
|
}
|
|
|
.body_box .Statistics_box .circle { width:100%;margin-top:5px; position:relative;
|
|
|
}
|
|
|
/*.body_box .Statistics_box .circle .bg{ width:100px;height:100px; position:absolute; top:25px; left:30px; border-radius:100px; background:#40c1c7;
|
|
|
}*/
|
|
|
.body_box .Statistics_box .ewm { width:90px;height:90px; float:right;margin-top:5px;
|
|
|
}
|
|
|
.body_box .Statistics_box .ewm img{ width:90px;height:90px;
|
|
|
}
|
|
|
.body_box .Statistics_box .content1 {margin:0px 170px 0px 5px!important; padding:40px 0;
|
|
|
}
|
|
|
.body_box .Statistics_box .content2 {margin:0px 110px 0px 5px!important; min-height:110px;
|
|
|
}
|
|
|
|
|
|
.body_box .Statistics_box .content .list {display:inline-block; width:45%;
|
|
|
}
|
|
|
|
|
|
.body_box .Statistics_box .Knowledge a {
|
|
|
display: inline-block;
|
|
|
margin: 5px;
|
|
|
background: #e2232b;
|
|
|
border-radius: 3px;
|
|
|
font-size: 16px;
|
|
|
color: #fff;
|
|
|
padding: 2px 10px;
|
|
|
min-width: 120px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.QuestionTrue { padding:5px; background-color: #e7fafb;color: #40c1c7;
|
|
|
border: 1px solid #40c1c7; display:block;
|
|
|
}
|
|
|
.QuestionFalse { padding:5px; display:block;
|
|
|
}
|
|
|
.AnswerNo_select { float:left; width:15px;line-height: 25px; text-align:left;
|
|
|
}
|
|
|
.AnswerContent_select { margin:0 0 0 25px; line-height: 25px; min-height:25px;
|
|
|
}
|
|
|
.AnswerContent_select p { margin:0!important;
|
|
|
}
|
|
|
.QuestionNormal {padding:5px; display:block;min-height:25px;
|
|
|
}
|
|
|
|
|
|
.AnswerNo_Answer { float:left; width:40px;line-height: 25px; text-align:left;
|
|
|
}
|
|
|
.AnswerContent_Answer { margin:0 0 0 50px; line-height: 25px;min-height:25px;
|
|
|
}
|
|
|
.AnswerContent_Answer p { margin:0!important;
|
|
|
}
|
|
|
.QuestionTitle img,.AnswerContent_select img,.QuestionNormal img,.AnswerContent_Answer img{ max-width:280px;
|
|
|
}
|
|
|
|
|
|
|
|
|
/*<2A><>ҳ*/
|
|
|
.index_box { padding:20px; margin:0px; background:#ffffff;
|
|
|
}
|
|
|
.index_box .title_box{ display: block;
|
|
|
line-height: 30px;
|
|
|
font-size: 18px; font-weight:700;
|
|
|
color: #747474;
|
|
|
height: 30px;
|
|
|
}
|
|
|
.index_box .books_box {
|
|
|
background: #ffffff;
|
|
|
position: relative;
|
|
|
display: block;
|
|
|
margin-bottom: 30px;
|
|
|
}
|
|
|
/*<2A>鵥*/
|
|
|
.buylist_box { padding:20px; margin:0px; background:#dededd;
|
|
|
}
|
|
|
.buylist_box .title_box{ display: block;
|
|
|
line-height: 30px;
|
|
|
font-size: 18px; font-weight:700;
|
|
|
color: #747474;
|
|
|
height: 30px;
|
|
|
}
|
|
|
.buylist_box .books_box {
|
|
|
background: #ffffff;
|
|
|
position: relative;
|
|
|
display: block;
|
|
|
margin-bottom: 30px;
|
|
|
}
|
|
|
/*һ<><D2BB>3<EFBFBD><33>ͼ<EFBFBD><CDBC><EFBFBD><EFBFBD>*/
|
|
|
.figure-list {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
.figure-list:after {
|
|
|
content: "";
|
|
|
display: block;
|
|
|
clear: both;
|
|
|
height: 0;
|
|
|
overflow: hidden;
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
|
|
|
.figure-list li {
|
|
|
list-style: none; background:#ffffff;
|
|
|
float: left;
|
|
|
width: 32%;
|
|
|
margin: 1.333% 1.333% 0 0; text-align:center; padding:10px 0; position:relative;
|
|
|
}
|
|
|
.figure-list li:nth-child(3n+1){clear:left;}
|
|
|
.figure-list li.cur { outline:1px solid #8b8b8c
|
|
|
}
|
|
|
.figure-list li .SelectFloater { display:none;
|
|
|
}
|
|
|
.figure-list li.cur .SelectFloater { display:inline-block; position:absolute; top:0; right:0;z-index:99; background:url(../images/SelectFloater.png) no-repeat; background-size:60px 60px; width:60px; height:60px;
|
|
|
}
|
|
|
.figure-list figure {
|
|
|
position: relative;
|
|
|
width: 80%;
|
|
|
height: 0;
|
|
|
/*overflow: hidden;*/
|
|
|
margin: 0 auto;
|
|
|
padding-bottom: 100%; /* <20>ؼ<EFBFBD><D8BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|
|
background-position: center;
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: cover;
|
|
|
}
|
|
|
.figure-list li .NumFloater {position: absolute;
|
|
|
top: 0px;
|
|
|
right: 20px; background: url(../images/NumFloater.png) center center no-repeat;
|
|
|
background-size: 30px 60px;
|
|
|
width:30px; height:60px; z-index:1;
|
|
|
}
|
|
|
.figure-list li .NumFloater1 {position: absolute;
|
|
|
top: 10px;
|
|
|
right: 10px; background: url(../images/NumFloater1.png) center center no-repeat;
|
|
|
background-size: 60px 60px;
|
|
|
width:60px; height:60px; z-index:1;
|
|
|
}
|
|
|
/*.figure-list figure .NumFloater .WrongNum {width:40px; height:25px; line-height:25px; font-size:16px; color:#ffffff; text-align:center;
|
|
|
}
|
|
|
.figure-list figure .NumFloater .PageNum {width:40px; height:15px; line-height:8px; font-size:8px; color:#ffffff; text-align:center;
|
|
|
}*/
|
|
|
.figure-list figure a {
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
top: 0;
|
|
|
bottom: 0;
|
|
|
}
|
|
|
.figure-list .BookName { text-align:left; color:#747474; font-weight:700; font-size:15px; line-height:18px; padding-left:10px; margin:5px auto; position:relative;
|
|
|
}
|
|
|
.figure-list .BookName .repertory { position:absolute; bottom:0px; right:0px; zoom:99; background:#ffffff;
|
|
|
}
|
|
|
.figure-list .Source { text-align:left; color:#a1a1a1; font-size:12px;padding-left:10px;line-height:15px; margin:5px auto;
|
|
|
}
|
|
|
|
|
|
/*һ<><D2BB>2<EFBFBD><32>ͼ<EFBFBD><CDBC><EFBFBD><EFBFBD>*/
|
|
|
.figure-list1 {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
.figure-list1:after {
|
|
|
content: "";
|
|
|
display: block;
|
|
|
clear: both;
|
|
|
height: 0;
|
|
|
overflow: hidden;
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
|
|
|
.figure-list1 li {
|
|
|
list-style: none;outline:1px solid #ddd;background:#ffffff;
|
|
|
float: left;
|
|
|
width: 48%;
|
|
|
margin: 2% 2% 0 0; text-align:center; padding:10px 0; position:relative;
|
|
|
|
|
|
}
|
|
|
|
|
|
.figure-list1 li:nth-of-type(odd) {clear:left;} /*--<2D><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>--*/
|
|
|
|
|
|
.figure-list1 li.cur { outline:1px solid #8b8b8c;
|
|
|
}
|
|
|
.figure-list1 li .SelectFloater { display:none;
|
|
|
}
|
|
|
.figure-list1 li.cur .SelectFloater { display:inline-block; position:absolute; top:0; right:0;z-index:99; background:url(../images/SelectFloater.png) no-repeat; background-size:40px 40px; width:40px; height:40px;
|
|
|
}
|
|
|
.figure-list1 li .CloseFloater { display:none;
|
|
|
}
|
|
|
.figure-list1 li.close .CloseFloater { display:inline-block; position:absolute; top:0; left:0;z-index:98; background:url(../images/CloseFloater.png) no-repeat; background-size:40px 40px; width:40px; height:40px;
|
|
|
}
|
|
|
.figure-list1 figure {
|
|
|
position: relative;
|
|
|
width: 50%;
|
|
|
height: 0;
|
|
|
/*overflow: hidden;*/
|
|
|
margin: 0 auto;
|
|
|
padding-bottom: 50%; /* <20>ؼ<EFBFBD><D8BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|
|
background-position: center;
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: cover; text-align:center; overflow:hidden;
|
|
|
}
|
|
|
.figure-list1 figure img {width:100%;
|
|
|
}
|
|
|
.figure-list1 figure .weui-uploader__input { opacity:0; width:100%;height:100%;
|
|
|
}
|
|
|
|
|
|
.figure-list1 li .NumFloater {position: absolute;
|
|
|
top: 0px;
|
|
|
right: 20px; background: url(../images/NumFloater.png) center center no-repeat;
|
|
|
background-size: 20px 40px;
|
|
|
width:20px; height:40px; z-index:1;
|
|
|
}
|
|
|
.figure-list1 li .NumFloater1 {position: absolute;
|
|
|
top: 5px;
|
|
|
right: 10px; background: url(../images/NumFloater1.png) center center no-repeat;
|
|
|
background-size: 40px 40px;
|
|
|
width:40px; height:40px; z-index:1;
|
|
|
}
|
|
|
/*.figure-list1 .NumFloater .WrongNum {width:40px; height:20px; line-height:20px; font-size:16px; color:#ffffff; text-align:center;
|
|
|
}
|
|
|
.figure-list1 .NumFloater .PageNum {width:40px; height:15px; line-height:8px; font-size:8px; color:#ffffff; text-align:center;
|
|
|
}*/
|
|
|
.figure-list1 figure a {
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
top: 0;
|
|
|
bottom: 0;
|
|
|
}
|
|
|
.figure-list1 .BookName { text-align:center; color:#000; font-size:10px; line-height:18px; padding:0 10px; margin:5px auto; height:36px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2; position:relative;
|
|
|
}
|
|
|
|
|
|
.figure-list1 .BookName .repertory { position:absolute; bottom:0px; right:10px; z-index:99; height:18px; line-height:18px; display:inline-block; background:#ffffff; padding-left:20px;
|
|
|
}
|
|
|
.figure-list1 .Source { text-align:left; color:#000;font-weight:700; font-size:16px;padding:0 10px;margin:5px auto;line-height:30px;height:30px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.figure-list1 .Source .OriginalPrice { display:inline-block;font-size:12px; text-decoration:line-through;color:#747474;
|
|
|
}
|
|
|
|
|
|
.figure-list1 .Source a { background:url(../images/ico_buycar_cur.png) center center no-repeat;
|
|
|
background-size: 30px 30px;
|
|
|
width:30px; height:30px;
|
|
|
float:right; margin-right:10px;
|
|
|
}
|
|
|
|
|
|
|
|
|
/*һ<><D2BB>2<EFBFBD><32>ͼ<EFBFBD><CDBC><EFBFBD><EFBFBD>*/
|
|
|
.figure-list2 {
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
.figure-list2:after {
|
|
|
content: "";
|
|
|
display: block;
|
|
|
clear: both;
|
|
|
height: 0;
|
|
|
overflow: hidden;
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
|
|
|
.figure-list2 li {
|
|
|
list-style: none;outline:1px solid #ddd;background:#ffffff;
|
|
|
float: left;
|
|
|
width: 48%;
|
|
|
margin: 2% 2% 0 0; text-align:center; padding:10px 0; position:relative;
|
|
|
}
|
|
|
.figure-list2 li:nth-of-type(odd) {clear:left;} /*--<2D><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>--*/
|
|
|
|
|
|
.figure-list2 figure {
|
|
|
position: relative;
|
|
|
width: 90%;
|
|
|
height: 0;
|
|
|
/*overflow: hidden;*/
|
|
|
margin: 0 auto;
|
|
|
padding-bottom: 70%; /* <20>ؼ<EFBFBD><D8BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|
|
background-position: center;
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: cover;
|
|
|
}
|
|
|
|
|
|
.figure-list2 li.cur { outline:1px solid #8b8b8c;
|
|
|
}
|
|
|
.figure-list2 li .SelectFloater { display:none;
|
|
|
}
|
|
|
.figure-list2 li.cur .SelectFloater { display:inline-block; position:absolute; top:0; right:0;z-index:99; background:url(../images/SelectFloater.png) no-repeat; background-size:40px 40px; width:40px; height:40px;
|
|
|
}
|
|
|
.figure-list2 li .CloseFloater { display:none;
|
|
|
}
|
|
|
.figure-list2 li.close .CloseFloater { display:inline-block; position:absolute; top:0; left:0;z-index:98; background:url(../images/CloseFloater.png) no-repeat; background-size:40px 40px; width:40px; height:40px;
|
|
|
}
|
|
|
.figure-list2 li .NumFloater {position: absolute;
|
|
|
top: 0px;
|
|
|
right: 20px; background: url(../images/NumFloater.png) center center no-repeat;
|
|
|
background-size: 30px 60px;
|
|
|
width:30px; height:60px; z-index:1;
|
|
|
}
|
|
|
.figure-list2 li .NumFloater {position: absolute;
|
|
|
top: 10px;
|
|
|
right: 10px; background: url(../images/NumFloater.png) center center no-repeat;
|
|
|
background-size: 60px 60px;
|
|
|
width:60px; height:60px; z-index:1;
|
|
|
}
|
|
|
/*.figure-list2 figure .NumFloater .WrongNum {width:40px; height:25px; line-height:25px; font-size:16px; color:#ffffff; text-align:center;
|
|
|
}
|
|
|
.figure-list2 figure .NumFloater .PageNum {width:40px; height:15px; line-height:8px; font-size:8px; color:#ffffff; text-align:center;
|
|
|
}*/
|
|
|
.figure-list2 figure a {
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
top: 0;
|
|
|
bottom: 0;
|
|
|
}
|
|
|
.figure-list2 .BookName { text-align:left; color:#747474; font-weight:700; font-size:15px; line-height:18px; padding:0 10px; margin:5px auto; height:36px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
position:relative;
|
|
|
}
|
|
|
|
|
|
.figure-list2 .BookName .repertory { position:absolute; bottom:0px; right:0px; zoom:99; background:#ffffff;
|
|
|
}
|
|
|
.figure-list2 .Source { text-align:left; color:#a1a1a1; font-size:12px;padding:0 10px;margin:5px auto;line-height:15px;height:30px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
|
|
|
/*<2A><><EFBFBD><EFBFBD>ɫ*/
|
|
|
.bg_red { background:#e6212a;
|
|
|
}
|
|
|
.bg_green { background:#40c1c7;
|
|
|
}
|
|
|
.bg_yellow { background:#d9e583;
|
|
|
}
|
|
|
.bg_blue { background:#6497d8;
|
|
|
}
|
|
|
.bg_gray { background:#b3afae;
|
|
|
}
|
|
|
/*<2A><>ť<EFBFBD><C5A5>*/
|
|
|
.ItemBtn { text-align:right;
|
|
|
}
|
|
|
.btn_group {appearance:none;
|
|
|
-moz-appearance:none;
|
|
|
-webkit-appearance:none;
|
|
|
max-width:100px; min-width:44px;
|
|
|
font-size: 16px;
|
|
|
color: #ffffff;
|
|
|
padding: 0px 5px;
|
|
|
line-height: 24px;
|
|
|
border: none;
|
|
|
border-radius: 3px;
|
|
|
display:inline-block; text-align:center; margin:5px;
|
|
|
}
|
|
|
.ItemBtn2 { text-align:left;
|
|
|
}
|
|
|
.btn_group2 {appearance:none;
|
|
|
-moz-appearance:none;
|
|
|
-webkit-appearance:none;
|
|
|
max-width:60px; min-width:44px;
|
|
|
font-size: 16px;
|
|
|
color: #ffffff;
|
|
|
padding: 0px 2px;
|
|
|
line-height: 24px;
|
|
|
border: none;
|
|
|
border-radius: 3px;
|
|
|
display:inline-block; text-align:center; margin:2px;
|
|
|
}
|
|
|
/*<2A><>ת<EFBFBD>б<EFBFBD><D0B1><EFBFBD>ʽ*/
|
|
|
.cells_list { margin:0px; padding:10px 20px; display:block; background:#ffffff;
|
|
|
}
|
|
|
|
|
|
.cells_dl {
|
|
|
display: inline-table;
|
|
|
width: 100%;
|
|
|
background: #ffffff;
|
|
|
}
|
|
|
|
|
|
.cells_dl a {
|
|
|
display: table-cell;
|
|
|
color: #5f5d5e; padding:0px;
|
|
|
font-size: 20px; line-height:50px;
|
|
|
font-weight: 700;
|
|
|
text-align: center; position:relative; width:33%; vertical-align:middle;
|
|
|
}
|
|
|
|
|
|
.cells_dl a.mid {
|
|
|
border-left: #8b8b8b 1px solid;
|
|
|
border-right: #8b8b8b 1px solid;
|
|
|
}
|
|
|
.cells_dl a img { width:50px; height:50px; margin:0 auto; vertical-align:middle;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*<2A><>ϰ<EFBFBD><CFB0><EFBFBD><EFBFBD>*/
|
|
|
.Exercise_title_box {
|
|
|
margin:10px;
|
|
|
display: block;
|
|
|
background: #ffffff;
|
|
|
box-shadow: 1px 5px 2px #888888; padding:5px; font-size:18px; color:#747474; font-weight:700; text-align:center;
|
|
|
}
|
|
|
/*<2A>𰸹<EFBFBD>ѡ*/
|
|
|
.Answer_radio {padding: 3px 5px;
|
|
|
margin:0px!important;
|
|
|
font-size: 1em;
|
|
|
color: #777;
|
|
|
position: relative;
|
|
|
}
|
|
|
|
|
|
.Answer_radio_list { display:block; margin:5px 0px;
|
|
|
}
|
|
|
|
|
|
.Answer_radio_list .weui-cell__hd {
|
|
|
display: inline-block;
|
|
|
line-height: 26px;
|
|
|
}
|
|
|
|
|
|
.Answer_radio_list .weui-cell__bd {
|
|
|
display: inline-block;
|
|
|
line-height: 30px;
|
|
|
}
|
|
|
|
|
|
.Answer_radio_list .weui-icon-checked:before,.radio-list .weui-icon-checked:before {
|
|
|
font-size: 18px!important;
|
|
|
}
|
|
|
.AnswerContent_Answer .weui-textarea { border:1px solid #8b8b8b; border-radius:5px; padding:5px;
|
|
|
}
|
|
|
|
|
|
.more_show, .more_hide {display: block; cursor:pointer; margin:10px auto 0 auto;
|
|
|
line-height: 30px;
|
|
|
font-size: 14px;
|
|
|
color: #747474;
|
|
|
height: 30px; text-align:right; background:#eee;
|
|
|
}
|
|
|
.more_show i{ width: 30px;display:inline-block;
|
|
|
font-size: 14px;
|
|
|
height: 10px; background:url(../images/ico_show.png) no-repeat center center; background-size:16px 10px;
|
|
|
}
|
|
|
.more_hide i{width: 30px;display:inline-block;
|
|
|
font-size: 14px;
|
|
|
height: 10px; background:url(../images/ico_hide.png) no-repeat center center;background-size:16px 10px;
|
|
|
}
|
|
|
.exam_Answer_box { margin-bottom:10px; padding-bottom:10px; border-bottom:solid 3px #40c1c7;
|
|
|
}
|
|
|
.exam_Answer { border:solid 1px #ccc;
|
|
|
}
|
|
|
|
|
|
/*һ<><D2BB>3<EFBFBD><33><EFBFBD><EFBFBD>Ƭ<EFBFBD><C6AC><EFBFBD><EFBFBD>ͼ*/
|
|
|
.imgresult_box {
|
|
|
margin: 10px;
|
|
|
padding: 0;
|
|
|
}
|
|
|
|
|
|
.imgresult_box:after {
|
|
|
content: "";
|
|
|
display: block;
|
|
|
clear: both;
|
|
|
height: 0;
|
|
|
overflow: hidden;
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
|
|
|
.imgresult_box li {
|
|
|
list-style: none;
|
|
|
float: left;
|
|
|
width: 32%;
|
|
|
margin: 1.333% 1.333% 0 0; text-align:center; padding:10px 0; position:relative;
|
|
|
}
|
|
|
.imgresult_box li:nth-child(3n+1){clear:left;}
|
|
|
|
|
|
.imgresult_box figure {
|
|
|
position: relative;
|
|
|
width: 50%;
|
|
|
height: 0;
|
|
|
/*overflow: hidden;outline:1px solid #8b8b8c;*/
|
|
|
margin: 0 auto;
|
|
|
padding-bottom: 50%; /* <20>ؼ<EFBFBD><D8BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|
|
background-position: center;
|
|
|
background-repeat: no-repeat;
|
|
|
background-size: cover;
|
|
|
}
|
|
|
|
|
|
|
|
|
.imgresult_box figure a {
|
|
|
display: block;
|
|
|
position: absolute;
|
|
|
width: 100%;
|
|
|
top: 0;
|
|
|
bottom: 0;
|
|
|
}
|
|
|
|
|
|
.imgresult_box .BookName { text-align:center; color:#747474; font-weight:700; font-size:15px; line-height:18px;margin:5px auto;
|
|
|
}
|
|
|
.imgresult_box .Source { text-align:center; color:#a1a1a1; font-size:12px;line-height:15px; margin:5px auto;
|
|
|
}
|
|
|
|
|
|
|
|
|
/*<2A>ϴ<EFBFBD><CFB4><EFBFBD>Ƭҳ<C6AC>ײ<EFBFBD>*/
|
|
|
.PhotoShoot_floatbox {display:block; position:fixed; bottom:80px; z-index:99; width:100%; text-align:center; background:#ffffff; box-shadow: 0 -3px 3px #474747;
|
|
|
}
|
|
|
.PhotoShoot_float {display: table; position:fixed; bottom:0; z-index:99; width:100%; text-align:center; background:#ffffff; box-shadow: 0 -3px 3px #474747;
|
|
|
}
|
|
|
|
|
|
.PhotoShoot_float a {
|
|
|
width:25%;
|
|
|
height:50px;
|
|
|
line-height: 50px;
|
|
|
display: table-cell;
|
|
|
font-size: 12px;
|
|
|
color: #747474;
|
|
|
padding: 5px 0; position:relative;
|
|
|
}
|
|
|
|
|
|
.PhotoShoot_float a.cur {
|
|
|
color: #ffffff;
|
|
|
background: #40c1c7;
|
|
|
}
|
|
|
|
|
|
.PhotoShoot_float i {
|
|
|
display: block;
|
|
|
margin: 0 auto 5px auto;
|
|
|
height: 40px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.PhotoShoot_float span {
|
|
|
display: block;
|
|
|
height: 12px;
|
|
|
line-height: 12px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
.PhotoShoot_float a .ico_rotate {
|
|
|
background: url(../images/ico_rotate.png) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
.PhotoShoot_float a.cur .ico_rotate {
|
|
|
background: url(../images/ico_rotate1.png) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
|
|
|
|
|
|
.PhotoShoot_float a .ico_save {
|
|
|
background: url(../images/ico_save.png) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
.PhotoShoot_float a.cur .ico_save {
|
|
|
background: url(../images/ico_save1.png) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
|
|
|
|
|
|
.PhotoShoot_float a .ico_back {
|
|
|
background: url(../images/ico_back.png) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
.PhotoShoot_float a.cur .ico_back {
|
|
|
background: url(../images/ico_back1.png) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
.PhotoShoot_float a .ico_photo {
|
|
|
background: url(../images/ico_photo.png) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
.PhotoShoot_float a.cur .ico_photo {
|
|
|
background: url(../images/ico_photo1.png) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
|
|
|
.PhotoShoot_float a .uploader__input {
|
|
|
display:block; width:100%;height:50px; position: absolute; top:0; left:0; z-index:99;opacity:0;
|
|
|
}
|
|
|
|
|
|
|
|
|
.check_box1 {
|
|
|
position: relative;
|
|
|
font-size: 16px;
|
|
|
color: #000;
|
|
|
padding:5px; display:block;
|
|
|
}
|
|
|
.check_box {
|
|
|
position: relative;
|
|
|
font-size: 16px;
|
|
|
color: #000;
|
|
|
padding: 5px; display:block; border-bottom:1px dashed #b6b6b6;
|
|
|
}
|
|
|
|
|
|
.check_box .inputCheck,.check_box1 .inputCheck {
|
|
|
position: absolute;
|
|
|
/*height: 20px;*/
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
|
|
|
.check_box .inputCheck + label,.check_box1 .inputCheck + label {
|
|
|
display: block;
|
|
|
/*height: 20px;*/
|
|
|
background: url(../images/check_none.png) left center no-repeat;
|
|
|
background-size: 20px 20px;
|
|
|
line-height: 20px;
|
|
|
padding-left: 25px;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
|
|
|
.check_box .inputCheck:checked + label,.check_box1 .inputCheck:checked + label,
|
|
|
.check_box .inputCheck.checked + label,.check_box1 .inputCheck.checked + label {
|
|
|
display:block;
|
|
|
background: url(../images/check_all_true.png) left center no-repeat;
|
|
|
background-size: 20px 20px;
|
|
|
line-height: 20px;
|
|
|
padding-left: 25px;
|
|
|
font-size: 16px;
|
|
|
}
|
|
|
/*<2A>ı<EFBFBD><C4B1><EFBFBD><EFBFBD><EFBFBD>*/
|
|
|
.t_center { text-align:center!important;
|
|
|
}
|
|
|
.t_left { text-align:left!important;
|
|
|
}
|
|
|
.t_right { text-align:right!important;
|
|
|
}
|
|
|
.v_middle { vertical-align:middle!important;
|
|
|
}
|
|
|
.v_top { vertical-align:top!important;
|
|
|
}
|
|
|
.v_bottom { vertical-align:bottom!important;
|
|
|
}
|
|
|
|
|
|
|
|
|
/*<2A><>У<EFBFBD><D0A3>ϵ<EFBFBD><CFB5>*/
|
|
|
.ContactBookDate { text-align:center; height:40px; color:#767676; font-size:18px;
|
|
|
}
|
|
|
.ContactBookDate dl { margin:0 auto; display:table;
|
|
|
}
|
|
|
.ContactBookDate dl dt{ padding:0 3px; display:table-cell;
|
|
|
}
|
|
|
.ContactBookDate dt.ContactBookSelect { border-bottom:1px solid #767676;
|
|
|
}
|
|
|
.ContactBookDate dt.ContactBookSelect select { color:#767676; font-size:18px; border:none; background:none; height:24px; line-height:24px;
|
|
|
}
|
|
|
|
|
|
.ContactBookTable { text-align:center; background:#ffffff; color:#767676; font-size:14px; box-shadow:#767676 0px 3px 10px; width:95%; margin:0 auto; border-collapse:collapse;
|
|
|
}
|
|
|
.ContactBookTable tr { border:none;
|
|
|
}
|
|
|
.ContactBookTable th { border:none; padding:2px; color:#ffffff; font-size:14px; background:#40c1c7;
|
|
|
}
|
|
|
.ContactBookTable th.br {border-right:1px solid #ffffff;
|
|
|
}
|
|
|
.ContactBookTable td { border:none; padding:5px; color:#767676; font-size:14px;
|
|
|
}
|
|
|
.ContactBookTable td.content { text-align:left;
|
|
|
}
|
|
|
.wl { width:60px;
|
|
|
}
|
|
|
.wr { width:80px;
|
|
|
}
|
|
|
.w120 { width:120px;
|
|
|
}
|
|
|
.ContactBookTable tr.bottomline td, .ContactBookTable td.bottomline {
|
|
|
border-bottom: 2px solid #dcdcdc;
|
|
|
}
|
|
|
.ContactBookTable input { width:100%; border:1px solid #dcdcdc;font-size:14px;color:#767676; height:20px;
|
|
|
}
|
|
|
.ContactBookTable textarea { width:100%; border:1px solid #dcdcdc;font-size:24px;color:#767676; height:100px;
|
|
|
}
|
|
|
|
|
|
|
|
|
.ContactBookTable .check_all {
|
|
|
position: relative;
|
|
|
display:inline-block;
|
|
|
}
|
|
|
|
|
|
.ContactBookTable .check_all .inputCheck {
|
|
|
position: absolute;
|
|
|
/*height: 20px;*/
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
|
|
|
.ContactBookTable .check_all .inputCheck + label {
|
|
|
display: inline-block;
|
|
|
/*height: 20px;*/
|
|
|
background: url(../images/check_all_none.png) left center no-repeat;
|
|
|
background-size: 20px 20px;
|
|
|
line-height: 20px;
|
|
|
width:20px; height:20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ContactBookTable .check_all .inputCheck:checked + label {
|
|
|
display: inline-block;
|
|
|
background: url(../images/check_all_true.png) left center no-repeat;
|
|
|
background-size: 20px 20px;
|
|
|
line-height: 20px;
|
|
|
width:20px; height:20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
.ContactBookBtn { text-align:center; width:95%; margin:10px auto;
|
|
|
}.ContactBookBtn dl { margin:0 auto; display:table; width:100%
|
|
|
}
|
|
|
.ContactBookBtn dl dt{ padding:0 3px; display:table-cell;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.ContactBookTable2 { text-align:center; background:#ffffff; color:#767676; font-size:14px; box-shadow:#767676 0px 3px 10px; width:95%; margin:0 auto; border-collapse:collapse;
|
|
|
}
|
|
|
.ContactBookTable2 tr { border:1px solid #dcdcdc;
|
|
|
}
|
|
|
.ContactBookTable2 th { border:none; padding:2px; color:#ffffff; font-size:14px; background:#40c1c7;
|
|
|
}
|
|
|
.ContactBookTable2 th.br {border-right:1px solid #ffffff;
|
|
|
}
|
|
|
.ContactBookTable2 td { border:1px solid #dcdcdc; padding:5px; color:#767676; font-size:14px;
|
|
|
}
|
|
|
|
|
|
.ContactBookTable2 tr.bottomline, .ContactBookTable2 td.bottomline {
|
|
|
border-bottom: 2px solid #dcdcdc;
|
|
|
}
|
|
|
.ContactBookTable2 p { width:100%; font-size:14px;color:#767676; line-height:20px; text-align:left!important;
|
|
|
}
|
|
|
.ContactBookTable2 .textarea { font-size:24px;color:#767676; height:100px;
|
|
|
}.ContactBookTable2 .check_all {
|
|
|
position: relative;
|
|
|
display:inline-block;
|
|
|
}
|
|
|
|
|
|
.ContactBookTable2 .check_all .inputCheck {
|
|
|
position: absolute;
|
|
|
/*height: 20px;*/
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
|
|
|
.ContactBookTable2 .check_all .inputCheck + label {
|
|
|
display: inline-block;
|
|
|
/*height: 20px;*/
|
|
|
background: url(../images/check_all_none.png) left center no-repeat;
|
|
|
background-size: 20px 20px;
|
|
|
line-height: 20px;
|
|
|
width:20px; height:20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
.ContactBookTable2 .check_all .inputCheck:checked + label {
|
|
|
display: inline-block;
|
|
|
background: url(../images/check_all_true.png) left center no-repeat;
|
|
|
background-size: 20px 20px;
|
|
|
line-height: 20px;
|
|
|
width:20px; height:20px;
|
|
|
|
|
|
}
|
|
|
|
|
|
/*<2A><><EFBFBD>õ<EFBFBD><C3B5><EFBFBD>*/
|
|
|
.CallRoll_box {width:100%;
|
|
|
}
|
|
|
.CallRoll_box ul {width:100%;
|
|
|
}
|
|
|
.CallRoll_box ul li { width:48%;margin:10px 0 0 0; display:inline-block;
|
|
|
}
|
|
|
.CallRoll_box ul li a { float:right; display:block;width:96%; margin-right:0;height:70px; border-radius:10px; background:#ffffff; position:relative; overflow:hidden;
|
|
|
}
|
|
|
.CallRoll_box ul li a .left_box {width:60px; height:60px; float:left; margin:5px;
|
|
|
}
|
|
|
.CallRoll_box ul li a .left_box img { width:60px;height:60px; border-radius:60px;
|
|
|
}
|
|
|
|
|
|
.CallRoll_box ul li a .right_box { height:60px; margin:5px 5px 5px 70px;
|
|
|
}
|
|
|
.CallRoll_box ul li a .right_box p { line-height:30px; color:#757575; font-size:18px;
|
|
|
}
|
|
|
.CallRoll_box ul li a .right_box p span { width:25px; height:25px; border-radius:25px;line-height:25px; font-size:12px; text-align:center; color:#ffffff; display:inline-block;margin-right:5px;
|
|
|
}
|
|
|
.ico_orange { background:#f08519;
|
|
|
}
|
|
|
.ico_greed { background:#d4c951;
|
|
|
}
|
|
|
.ico_blue { background:#50c7f1;
|
|
|
}
|
|
|
.ico_red { background:#ef5350;
|
|
|
}
|
|
|
.CallRoll_box ul li a .Floater { position:absolute; right:-38px; top:-4px;
|
|
|
transform:rotate(45deg);
|
|
|
-webkit-transform: rotate(45deg);
|
|
|
color:#ffffff;font-size:12px; padding:9px 0 1px 0; width:100px; text-align:center;
|
|
|
}
|
|
|
.CallRoll_box ul li a .SignIn { background:#1f88fe;
|
|
|
}
|
|
|
.CallRoll_box ul li a .NotSignIn { background:#757575;
|
|
|
}
|
|
|
.CallRoll_box ul li a .ChangeSignIn { background:#3fc4ab;
|
|
|
}
|
|
|
|
|
|
|
|
|
.CallRoll_footer {
|
|
|
background-color: #ffffff;
|
|
|
color: #747474;
|
|
|
position: fixed;
|
|
|
z-index:99;
|
|
|
width: 100%;
|
|
|
line-height: 25px;
|
|
|
bottom: 0;
|
|
|
text-align: center;
|
|
|
display:block;font-size:12px;
|
|
|
padding: 10px 0; box-shadow:#000 0px -1px 10px;
|
|
|
}
|
|
|
|
|
|
.CallRoll_footer_block {
|
|
|
display: block;
|
|
|
width: 100%;
|
|
|
height: 200px;
|
|
|
}
|
|
|
|
|
|
.CallRoll_edit_box {
|
|
|
background: #ffffff;
|
|
|
padding: 5px 10px;
|
|
|
}
|
|
|
|
|
|
.CallRoll_edit_box dl {
|
|
|
display: inline-table;
|
|
|
width: 100%;
|
|
|
}
|
|
|
|
|
|
.CallRoll_edit_box dl dt {
|
|
|
padding: 2px; line-height:40px;
|
|
|
text-align: center;
|
|
|
display: table-cell;
|
|
|
}
|
|
|
.CallRoll_edit_box dl dt.titleName { font-size:16px; color:#8b8b8b;
|
|
|
}
|
|
|
|
|
|
|
|
|
/*<2A><>ʼ<EFBFBD><CABC><EFBFBD><EFBFBD>ʽ*/
|
|
|
.star_evaluate {
|
|
|
position:relative;
|
|
|
top:5px; left:0;
|
|
|
width: 150px;
|
|
|
height: 30px;
|
|
|
background: url("../images/star_none.png") repeat-x;
|
|
|
background-size: 30px 30px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
|
|
|
.star{
|
|
|
background: url("../images/star_select.png") repeat-x;
|
|
|
position: absolute;background-size: 30px 30px;
|
|
|
z-index: 1;
|
|
|
top:0; left:0;
|
|
|
display: block; height:30px;
|
|
|
}
|
|
|
.score_box {position: absolute;
|
|
|
z-index: 2;
|
|
|
top:0; left:0;
|
|
|
display: block;
|
|
|
height: 30px;
|
|
|
width: 150px;
|
|
|
}
|
|
|
.scores{
|
|
|
display: inline-block;
|
|
|
opacity: 0;
|
|
|
height: 30px;
|
|
|
width: 25px;
|
|
|
cursor: pointer; margin:0; padding:0;
|
|
|
}
|
|
|
|
|
|
.star_1 {
|
|
|
width: 30px;
|
|
|
}
|
|
|
|
|
|
.star_2 {
|
|
|
width: 60px;
|
|
|
}
|
|
|
|
|
|
.star_3{
|
|
|
width: 90px;
|
|
|
}
|
|
|
|
|
|
.star_4 {
|
|
|
width: 120px;
|
|
|
}
|
|
|
|
|
|
.star_5 {
|
|
|
width: 150px;
|
|
|
}
|
|
|
|
|
|
/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>
|
|
|
.star:hover {
|
|
|
cursor: pointer;
|
|
|
background: url("../images/star_select.png") repeat-x;
|
|
|
background-size: 30px 30px;
|
|
|
left: 0;
|
|
|
z-index: 1;
|
|
|
}
|
|
|
|
|
|
.star_1:hover,.star_11:hover,.star_21:hover,.star_31:hover {
|
|
|
width: 30px;
|
|
|
}
|
|
|
|
|
|
.star_2:hover,.star_12:hover,.star_22:hover,.star_32:hover {
|
|
|
width: 60px;
|
|
|
}
|
|
|
|
|
|
.star_3:hover,.star_13:hover,.star_23:hover,.star_33:hover {
|
|
|
width: 90px;
|
|
|
}
|
|
|
|
|
|
.star_4:hover,.star_14:hover,.star_24:hover,.star_34:hover {
|
|
|
width: 120px;
|
|
|
}
|
|
|
|
|
|
.star_5:hover,.star_15:hover,.star_25:hover,.star_35:hover {
|
|
|
width: 150px;
|
|
|
}
|
|
|
*/
|
|
|
|
|
|
|
|
|
/*ѡ<><D1A1>֮<EFBFBD><D6AE>
|
|
|
.score:checked + .star {
|
|
|
background: url("../images/star_select.png") repeat-x;
|
|
|
background-size: 30px 30px;
|
|
|
left: 0;
|
|
|
}
|
|
|
|
|
|
.score_1:checked + .star_1, .score_11:checked + .star_11, .score_21:checked + .star_21, .score_31:checked + .star_31 {
|
|
|
width: 30px;
|
|
|
}
|
|
|
|
|
|
.score_2:checked + .star_2, .score_12:checked + .star_12, .score_22:checked + .star_22, .score_32:checked + .star_32 {
|
|
|
width: 60px;
|
|
|
}
|
|
|
|
|
|
.score_3:checked + .star_3, .score_13:checked + .star_13, .score_23:checked + .star_23, .score_33:checked + .star_33 {
|
|
|
width: 90px;
|
|
|
}
|
|
|
|
|
|
.score_4:checked + .star_4, .score_14:checked + .star_14, .score_24:checked + .star_24, .score_34:checked + .star_34 {
|
|
|
width: 120px;
|
|
|
}
|
|
|
|
|
|
.score_5:checked + .star_5, .score_15:checked + .star_15, .score_25:checked + .star_25, .score_35:checked + .star_35 {
|
|
|
width: 150px;
|
|
|
}*/
|
|
|
|
|
|
|
|
|
/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
|
|
|
.picker-calendar-day.picker-calendar-greed span {
|
|
|
border:1px solid #40c1c7;
|
|
|
color:#40c1c7;
|
|
|
}
|
|
|
.picker-calendar-day.picker-calendar-red span {
|
|
|
border:1px solid #ef5350;
|
|
|
color:#ef5350;
|
|
|
}
|
|
|
.picker-calendar-day.picker-calendar-orange span {
|
|
|
border:1px solid #f08519;
|
|
|
color:#f08519;
|
|
|
}
|
|
|
.picker-calendar-day.picker-calendar-gray span {
|
|
|
border:1px solid #757575;
|
|
|
color:#757575;
|
|
|
}
|
|
|
.picker-calendar-day.picker-calendar-greed.picker-calendar-day-today span {
|
|
|
background: #40c1c7;
|
|
|
color:#ffffff;
|
|
|
}
|
|
|
.picker-calendar-day.picker-calendar-red.picker-calendar-day-today span {
|
|
|
background: #ef5350;
|
|
|
color:#ffffff;
|
|
|
}
|
|
|
.picker-calendar-day.picker-calendar-orange.picker-calendar-day-today span {
|
|
|
background: #f08519;
|
|
|
color:#ffffff;
|
|
|
}
|
|
|
.picker-calendar-day.picker-calendar-gray.picker-calendar-day-today span {
|
|
|
background: #757575;
|
|
|
color:#ffffff;
|
|
|
}
|
|
|
|
|
|
.calendar-remark { background:#ffffff; padding:10px 5px; display:block; color:#757575; font-size:14px; line-height:20px; text-align:right;
|
|
|
}
|
|
|
.calendar-remark ul {
|
|
|
}
|
|
|
.calendar-remark ul li { display:inline-block; height:20px; line-height:20px;
|
|
|
}
|
|
|
.calendar-remark ul li span{ float:right; height:20px; line-height:20px; color:#757575; font-size:14px; margin-left:5px;
|
|
|
}
|
|
|
.calendar-remark .calendar-remark-greed i{ background: #40c1c7; width:20px; height:20px; border-radius:5px; display:inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
.calendar-remark .calendar-remark-red i{ background: #ef5350; width:20px; height:20px; border-radius:5px; display:inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
.calendar-remark .calendar-remark-orange i{ background: #f08519; width:20px; height:20px; border-radius:5px; display:inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
.calendar-remark .calendar-remark-gray i{ background: #757575; width:20px; height:20px; border-radius:5px; display:inline-block;
|
|
|
|
|
|
}
|
|
|
|
|
|
.Attendance { background:#fff; margin-top:10px; display:block; text-align:center;
|
|
|
}
|
|
|
.Attendance .Attendance_title {padding:5px; background:#f5f8fd;margin:0px; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;
|
|
|
}
|
|
|
|
|
|
/*<2A><><EFBFBD><EFBFBD><EFBFBD>ƻ<EFBFBD>*/
|
|
|
.AcquisitionPlan {
|
|
|
display: block;
|
|
|
}
|
|
|
|
|
|
.AcquisitionPlan .top {
|
|
|
display: block;
|
|
|
height: 20px;
|
|
|
line-height: 20px;
|
|
|
font-size: 16px;
|
|
|
color: #666666;border-bottom:1px dashed #999;
|
|
|
}
|
|
|
|
|
|
.AcquisitionPlan .top .more {
|
|
|
color: #d6d9df;
|
|
|
height: 20px;
|
|
|
line-height: 10px;
|
|
|
font-size: 30px;
|
|
|
}
|
|
|
|
|
|
.AcquisitionPlan .AcquisitionPlanBox {
|
|
|
display: block;padding:10px 0;
|
|
|
border-top:1px dashed #999;
|
|
|
border-bottom:1px dashed #999;
|
|
|
font-size: 24px;
|
|
|
color: #000;
|
|
|
text-align: left;
|
|
|
background:#ffffff;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox { padding:10px;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .calendar {
|
|
|
border:double 5px #747474; padding:5px; width:60px; float:left; text-align:center;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .calendar p { font-size:14px;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .calendar p span{ font-size:26px; font-weight:700;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .calendar p strong{ font-weight:700;font-size:18px;
|
|
|
}
|
|
|
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox { margin: 10px 0 0 100px; display:block; background:url(../images/ScheduleBG.jpg) no-repeat center bottom; background-size:100% 5px;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .myinfo { display:block;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .myinfo img {border-radius:20px; float:left; width:40px; height:40px;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .myinfo .info {display:block; height:40px; background:url(../images/ico_right.png) no-repeat center right; background-size:10px 20px; padding-right:15px;margin: 0 0 0 50px;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .myinfo .info p{ font-size:14px; height:20px; line-height:16px; color:#a1a1a1;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .myinfo .info p.name { font-size:16px; height:20px; padding-top:5px; font-weight:700; color:#000;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .BuySchedule { display:block; height:30px; position:relative;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox .BuySchedule span{ display:block; height:30px; font-size:16px; line-height:30px;font-weight:700;color:#000;
|
|
|
}
|
|
|
.AcquisitionPlan .AcquisitionPlanBox .titlebox .myinfobox p.Schedule{ display:block; height:5px; background:#f8bc43;
|
|
|
}
|
|
|
.AcquisitionPlan .booklist_title {display:block;
|
|
|
height: 30px;
|
|
|
line-height: 30px;
|
|
|
font-size: 16px;
|
|
|
color: #666666; padding-left:40px; background:url(../images/ico_booklist.jpg) no-repeat left center; background-size:30px 30px;
|
|
|
}
|
|
|
|
|
|
.AcquisitionPlan .booklist li{ display:block; margin-top:10px; border:1px #767676 solid; text-align:center;
|
|
|
}
|
|
|
|
|
|
.AcquisitionPlan .booklist li img { width:60%; margin:0 auto;
|
|
|
}
|
|
|
.AcquisitionPlan .booklist li p { line-height:30px; text-align:left; font-size:14px; font-weight:700; color:#777777; padding:5px;
|
|
|
}
|
|
|
|
|
|
.btn { width:100%; height:50px; line-height:50px; font-size:20px; background:#f8c300; color:#000000; display:block; text-align:center; font-weight:700;
|
|
|
}
|
|
|
.login_box { padding:30px; text-align:center;
|
|
|
}
|
|
|
.logo {background:url(../images/logo.png) no-repeat left center; background-size:42px 30px; font-size:24px; text-align:left; padding-left:50px; margin:50px auto; width:120px;
|
|
|
}
|
|
|
.loginlist {
|
|
|
}
|
|
|
.loginlist ul { width:100%;
|
|
|
}
|
|
|
.loginlist ul li{ width:100%; border-bottom:solid 1px #969594; color:#969594; text-align:left; height:50px;line-height:50px; margin-bottom:10px;list-style:none; position:relative;
|
|
|
}
|
|
|
.loginlist ul li input { border:none; background-color:transparent; text-indent:1em;
|
|
|
}
|
|
|
.login_btn { width:100%; height:50px; line-height:50px; font-size:20px; background:#dededd; color:#ffffff; display:block; text-align:center; font-weight:700;
|
|
|
}
|
|
|
.loginlist ul li .vcode { color:#777777;
|
|
|
}
|
|
|
|
|
|
/*<2A>鱾<EFBFBD><E9B1BE><EFBFBD><EFBFBD>*/
|
|
|
|
|
|
.bookinfo_box { padding:20px;
|
|
|
}
|
|
|
.bookinfo_box .bookinfo_top { display:block; padding:10px 0; height:180px;
|
|
|
}
|
|
|
.bookinfo_box .bookinfo_top img {
|
|
|
padding:10px; width:150px; float:left; text-align:center;
|
|
|
}
|
|
|
|
|
|
|
|
|
.bookinfo_box .bookinfo_top .bookinfo { margin: 20px 0 0 160px; display:block;
|
|
|
}
|
|
|
|
|
|
.bookinfo_box .bookinfo_top .bookinfo .BookName { text-align:left; color:#000; font-size:18px; line-height:20px; font-weight:700; padding:0; margin:5px auto; height:40px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.bookinfo_box .bookinfo_top .bookinfo .SecondBookName { text-align:left; color:#a1a1a1; font-size:14px; line-height:14px; padding:0 10px; margin:5px auto; height:45px;
|
|
|
|
|
|
|
|
|
}
|
|
|
.bookinfo_box .bookinfo_top .bookinfo .Source { text-align:left; color:#da251d;font-weight:700; font-size:16px;padding:0 10px;margin:5px auto;line-height:15px;height:30px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.bookinfo_box .bookinfo_top .bookinfo .Source .OriginalPrice { display:inline-block;font-size:14px; text-decoration:line-through;color:#747474;
|
|
|
}
|
|
|
|
|
|
.bookinfo_box .bookinfo_top .bookinfo .Source i { background:url(../images/ico_buycar_cur.png) center center no-repeat;
|
|
|
background-size: 20px 20px;
|
|
|
width:20px; height:20px;
|
|
|
float:right; margin-right:10px;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.bookinfo_box .bookinfo_content { display:block; padding:10px 0;
|
|
|
}
|
|
|
.bookinfo_box .bookinfo_content .title {text-align:left; color:#000; font-size:14px; line-height:20px; font-weight:700; padding:0 10px; margin:5px auto; height:36px;overflow:hidden; border-bottom:solid 1px #000;
|
|
|
|
|
|
}
|
|
|
.bookinfo_box .bookinfo_content .content {text-align:left; color:#000; font-size:12px; line-height:18px;
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
/*<2A><><EFBFBD>ﳵ*/
|
|
|
|
|
|
.buycar_top { display:block; padding:10px 0; background:#efeeee; border-bottom:#969594 solid 1px; height:30px;
|
|
|
|
|
|
}
|
|
|
.buycar_top input[type=checkbox] {
|
|
|
width:20px; height:20px; float:left; text-align:center; margin:5px 10px;
|
|
|
}
|
|
|
.buycar_top div {
|
|
|
height:20px; float:left; text-align:left;
|
|
|
font-size:18px; padding-left:10px;
|
|
|
}
|
|
|
|
|
|
.buycar_top a{
|
|
|
font-size:18px;color:#747474;
|
|
|
height:20px;
|
|
|
float:right; margin-right:10px;
|
|
|
}
|
|
|
.buycar_box { padding:5px 0;
|
|
|
}
|
|
|
.bao { display:block; text-align:left; height:40px;padding:0px 0px 0px 20px; border-bottom:1px solid #777;
|
|
|
}
|
|
|
.bao input[type=checkbox] {
|
|
|
width:20px; height:20px; float:left; text-align:center; margin:10px 10px 10px 0;
|
|
|
}
|
|
|
.bao div {
|
|
|
height:40px; float:left; text-align:left;
|
|
|
font-size:18px; line-height:40px;
|
|
|
}
|
|
|
|
|
|
.bao a,.bao a:hover,.bao a:active{ color:#ffffff; font-size:14px; height:40px; line-height:40px; background:#da251d; float:right;padding:0 20px;
|
|
|
}
|
|
|
.buycar_box .buycar_list { display:block; padding:5px 0;
|
|
|
}
|
|
|
.buycar_box .buycar_list ul { padding:5px 0;
|
|
|
}
|
|
|
.buycar_box .buycar_list ul li { display:block; border-bottom:1px solid #a1a1a1; padding:5px 20px; height:100px;
|
|
|
}
|
|
|
.buycar_box .buycar_list ul li input[type=checkbox] {
|
|
|
width:20px; height:20px; float:left; text-align:center; margin-top:60px;
|
|
|
}
|
|
|
.buycar_box .buycar_list ul li img {
|
|
|
padding:10px; max-height:100px;max-width:80px; float:left; text-align:center;
|
|
|
}
|
|
|
|
|
|
|
|
|
.buycar_box .buycar_list ul li .bookinfo { margin: 0px 0 0 120px; display:block;
|
|
|
}
|
|
|
|
|
|
.buycar_box .buycar_list ul li .bookinfo .BookName { text-align:left; color:#000; font-size:14px; line-height:20px; font-weight:700; padding:0 10px; margin:5px auto; overflow:hidden; height:40px;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.buycar_box .buycar_list ul li .bookinfo .SecondBookName { text-align:left; color:#a1a1a1; font-size:10px; line-height:14px; padding:0 10px; margin:5px auto; height:20px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
}
|
|
|
.buycar_box .buycar_list ul li .bookinfo .Source { text-align:left; color:#da251d;font-weight:700; font-size:16px;padding:0 10px;margin:5px auto;line-height:20px;height:20px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.buycar_box .buycar_list ul li .bookinfo .Source .num {
|
|
|
font-size:18px;color:#747474;
|
|
|
height:30px;
|
|
|
float:right; margin-right:10px;
|
|
|
}
|
|
|
.buycar_box .buycar_list ul li .bookinfo .Source .allnum {
|
|
|
font-size:18px;color:#747474;
|
|
|
height:30px;
|
|
|
text-align:right; display:block; padding-right:10px;
|
|
|
}
|
|
|
.buycar_box .buycar_list ul li .bookinfo .operation_box {
|
|
|
color:#000; font-size:18px; line-height:30px; padding:0 10px; margin:5px auto;
|
|
|
float:right;
|
|
|
}
|
|
|
|
|
|
.buycar_box .buycar_list ul li .bookinfo .operation_box .num_btn { border:2px solid #777777; border-radius:20px; width:20px; height:20px; font-size:24px; line-height:16px; text-align:center; display:inline-block; margin:0 5px;
|
|
|
color:#777777;}
|
|
|
|
|
|
/*<2A><><EFBFBD><EFBFBD><EFBFBD>б<EFBFBD>*/
|
|
|
.OrderFrom_tab { display:block; padding:10px 0; height:30px;
|
|
|
}
|
|
|
.OrderFrom_tab a{
|
|
|
font-size:18px;color:#747474;
|
|
|
height:30px; line-height:30px; width:20%; text-align:center;
|
|
|
float:left;
|
|
|
}
|
|
|
.OrderFrom_tab a.cur{
|
|
|
border-bottom: solid 2px #747474;
|
|
|
}
|
|
|
|
|
|
.OrderFrom_top { display:block; padding:10px 0; background:#efeeee; border-bottom:#969594 solid 1px; height:30px;
|
|
|
|
|
|
}
|
|
|
.OrderFrom_top input[type=checkbox] {
|
|
|
width:20px; height:20px; float:left; text-align:center; margin:5px 10px;
|
|
|
}
|
|
|
.OrderFrom_top div {
|
|
|
height:20px; float:left; text-align:left;
|
|
|
font-size:16px
|
|
|
}
|
|
|
|
|
|
.OrderFrom_top a{
|
|
|
font-size:16px;
|
|
|
height:20px;
|
|
|
float:right; margin-right:10px;
|
|
|
}
|
|
|
.OrderFrom_box { padding:0;
|
|
|
}
|
|
|
|
|
|
.OrderFrom_box .OrderFrom_list { display:block; padding:0;
|
|
|
}
|
|
|
.OrderFrom_box .OrderFrom_list ul { padding:0px 10px;
|
|
|
}
|
|
|
.OrderFrom_box .OrderFrom_list ul li { display:block; border-bottom:1px solid #a1a1a1; padding:10px 0;
|
|
|
}
|
|
|
|
|
|
.OrderFrom_box .OrderFrom_list ul li img {
|
|
|
width:80px; float:left; text-align:center;
|
|
|
}
|
|
|
|
|
|
|
|
|
.OrderFrom_box .OrderFrom_list ul li .bookinfo { margin: 10px 0 0 90px; display:block;
|
|
|
}
|
|
|
|
|
|
.OrderFrom_box .OrderFrom_list ul li .bookinfo .BookName { text-align:left; color:#000; font-size:14px; line-height:20px; font-weight:700; padding:0; margin:5px auto; overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.OrderFrom_box .OrderFrom_list ul li .bookinfo .SecondBookName { text-align:left; color:#a1a1a1; font-size:10px; line-height:14px; padding:0; margin:5px auto; overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.OrderFrom_box .OrderFrom_list ul li .bookinfo .Source { text-align:left; color:#da251d;font-size:14px;padding:0;margin:5px auto;line-height:20px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.OrderFrom_box .OrderFrom_list ul li .bookinfo .Source .num {
|
|
|
font-size:12px;color:#747474;
|
|
|
height:20px;
|
|
|
float:right; margin-right:10px;
|
|
|
}
|
|
|
.OrderFrom_box .OrderFrom_list ul li .bookinfo .Source .allnum {
|
|
|
font-size:12px;color:#747474;
|
|
|
height:20px;
|
|
|
text-align:right; display:block; padding-right:10px;
|
|
|
}
|
|
|
|
|
|
.OrderFrom_box .button_box { display:block; padding:10px 0px; text-align:right;border-bottom:1px solid #a1a1a1;
|
|
|
}
|
|
|
.OrderFrom_box .button_box a { width:100px; text-align:center;height:30px; line-height:30px; font-size:16px; display:inline-block; margin:5px 10px 5px 0;
|
|
|
}
|
|
|
|
|
|
/*<2A><><EFBFBD>ӵ<EFBFBD>ַ*/
|
|
|
|
|
|
|
|
|
.address_box { padding:20px;
|
|
|
}
|
|
|
|
|
|
.address_top { display:block; padding:10px; border-bottom:#969594 solid 1px; height:30px;
|
|
|
background-size:10px 20px; text-align:right;
|
|
|
}
|
|
|
|
|
|
|
|
|
.address_top a{
|
|
|
font-size:16px;color:#747474;
|
|
|
height:20px;
|
|
|
}
|
|
|
.address_list { display:block; padding:5px 0;
|
|
|
}
|
|
|
.address_list ul { padding:5px;
|
|
|
}
|
|
|
.address_list ul li { display:block; border-bottom:1px solid #a1a1a1; padding:5px 0; min-height:60px;
|
|
|
}
|
|
|
|
|
|
|
|
|
.address_list ul li .addressinfo { margin: 0px 60px 0 0; display:block; position:relative;
|
|
|
}
|
|
|
.address_list ul li .addressinfo1 { margin: 0px 10px 0 0; display:block; position:relative;
|
|
|
}
|
|
|
|
|
|
.address_list ul li .addressinfo .Nameinfo,.address_list ul li .addressinfo1 .Nameinfo{ text-align:left; color:#000; font-size:18px; line-height:20px; font-weight:700; padding:0 10px; margin:5px auto; overflow:hidden;
|
|
|
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.address_list ul li .addressinfo .address,.address_list ul li .addressinfo1 .address { text-align:left; color:#a1a1a1; font-size:14px; line-height:16px; padding:0 10px; margin:5px auto; overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.address_list ul li .addressinfo .Source,.address_list ul li .addressinfo1 .Source { text-align:left; color:#da251d;font-weight:700; font-size:16px;padding:0 10px;margin:5px auto;line-height:15px;height:30px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.address_list ul li .addressinfo .Source .num,.address_list ul li .addressinfo1 .Source .num {
|
|
|
font-size:12px;color:#747474;
|
|
|
height:20px;
|
|
|
float:right; margin-right:10px;
|
|
|
}
|
|
|
|
|
|
.address_list ul li .ico_addressedit {background:url(../images/ico_edit.png) no-repeat center right;background-size:20px 20px; width:20px; height:20px; float:right; margin:30px 10px;
|
|
|
}
|
|
|
.address_list ul li .ico_addressdel {background:url(../images/ico_del.png) no-repeat center right;background-size:20px 20px; width:20px; height:20px; float:right; margin:30px 10px;
|
|
|
}
|
|
|
|
|
|
/*<2A><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>Ϣ*/
|
|
|
.info_box { background:#d8544f; text-align:left; color:#fff; display:block; padding:20px 20px 50px 20px;
|
|
|
}
|
|
|
.info_box img {border-radius:30px; float:left; width:60px; height:60px; border:3px solid #ffffff;
|
|
|
}
|
|
|
.info_box .info {display:block; height:60px; margin: 0 0 0 70px;
|
|
|
}
|
|
|
.info_box .info p{ font-size:14px; height:30px; line-height:20px; color:#ffffff;
|
|
|
}
|
|
|
.info_box .info p.name { font-size:20px; height:30px; padding-top:10px; font-weight:700; color:#ffffff;
|
|
|
}
|
|
|
|
|
|
.info_content { position:fixed; top:100px; background:#ffffff; border-radius:10px; margin:0 5%; width:84%; padding:0px 3%;
|
|
|
}
|
|
|
.info_content .top {background:#ffffff; border-radius:10px;display:block; padding:10px 20px;height:30px;
|
|
|
background:url(../images/ico_right.png) no-repeat center right; background-size:10px 20px; padding-right:15px; position:relative; color:#747474; font-size:16px; line-height:30px;
|
|
|
}
|
|
|
.info_content .top a { color:#747474; font-size:16px; line-height:30px;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.quick_box {
|
|
|
text-align: center;
|
|
|
font-size: 14px;
|
|
|
padding: 10px 0px 20px 0px;height: 48px;
|
|
|
line-height: 48px; text-align: center;
|
|
|
width:100%;
|
|
|
display: table;
|
|
|
}
|
|
|
|
|
|
.quick_box a {
|
|
|
color: #747474;
|
|
|
text-decoration: none;
|
|
|
|
|
|
width: 25%;
|
|
|
height: 48px;
|
|
|
line-height: 48px;
|
|
|
display: table-cell;
|
|
|
font-size: 12px;
|
|
|
color: #747474;
|
|
|
padding: 5px 0; position:relative;
|
|
|
}
|
|
|
.quick_box .ico_num { position:absolute;
|
|
|
|
|
|
width: 20px;
|
|
|
height: 20px; background:#da251d;
|
|
|
line-height: 20px;
|
|
|
text-align: center; color:#ffffff; border-radius:10px; z-index:99; left:50%; top:0px; margin-left:10px;
|
|
|
}
|
|
|
.quick_box a.cur {
|
|
|
color: #da251d;
|
|
|
|
|
|
}
|
|
|
|
|
|
.quick_box a.orange {
|
|
|
color: #ff6000;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.quick_box i {
|
|
|
display: block;
|
|
|
margin: 0 auto 5px auto;
|
|
|
height: 36px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.quick_box span {
|
|
|
display: block;
|
|
|
height: 12px;
|
|
|
line-height: 12px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
|
|
|
.quick_box a.orange i.ico_1 {
|
|
|
background: url(../images/ico_1.jpg) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
|
|
|
.quick_box i.ico_1 {
|
|
|
background: url(../images/ico_1.jpg) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
|
|
|
.quick_box a.cur i.ico_1 {
|
|
|
background: url(../images/ico_1.jpg) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
.quick_box i.ico_2 {
|
|
|
background: url(../images/ico_2.jpg) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
|
|
|
.quick_box a.cur i.ico_2 {
|
|
|
background: url(../images/ico_2.jpg) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
.quick_box i.ico_3 {
|
|
|
background: url(../images/ico_3.jpg) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
|
|
|
.quick_box a.cur i.ico_3 {
|
|
|
background: url(../images/ico_3.jpg) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
.quick_box i.ico_4 {
|
|
|
background: url(../images/ico_4.jpg) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
|
|
|
.quick_box a.cur i.ico_4 {
|
|
|
background: url(../images/ico_4.jpg) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
.quick_box i.ico_5 {
|
|
|
background: url(../images/ico_5.jpg) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
|
|
|
.quick_box a.cur i.ico_5 {
|
|
|
background: url(../images/ico_5.jpg) center bottom no-repeat;
|
|
|
background-size: 36px 36px;
|
|
|
}
|
|
|
|
|
|
.quick_box a.cur {
|
|
|
|
|
|
color: #da251d;
|
|
|
}
|
|
|
|
|
|
.quick_box a.cur span {
|
|
|
color: #da251d!important;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.info_content2 { position:fixed; top:250px; background:#ffffff; border-radius:10px; margin:0 5%; width:84%; padding:0px 3%;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.quick_box2 {background:transparent;
|
|
|
text-align: center;
|
|
|
font-size: 14px;
|
|
|
padding: 10px 0px 20px 0px;height: 48px;
|
|
|
line-height: 48px; text-align: center;
|
|
|
width:100%;
|
|
|
display: table;
|
|
|
}
|
|
|
|
|
|
.quick_box2 a {
|
|
|
color: #747474;
|
|
|
text-decoration: none;
|
|
|
|
|
|
width: 25%;
|
|
|
height: 48px;
|
|
|
line-height: 48px;
|
|
|
display: table-cell;
|
|
|
font-size: 12px;
|
|
|
color: #747474;
|
|
|
padding: 5px 0;
|
|
|
}
|
|
|
|
|
|
.quick_box2 a.cur {
|
|
|
color: #da251d;
|
|
|
|
|
|
}
|
|
|
|
|
|
.quick_box2 a.orange {
|
|
|
color: #ff6000;
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.quick_box2 i {
|
|
|
display: block;
|
|
|
margin: 0 auto 5px auto;
|
|
|
height: 60px;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
|
|
|
.quick_box2 span {
|
|
|
display: block;
|
|
|
height: 12px;
|
|
|
line-height: 12px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
|
|
|
.quick_box2 a.orange i.ico2_1 {
|
|
|
background: url(../images/ico2_1.jpg) center bottom no-repeat;
|
|
|
background-size: 48px 48px;
|
|
|
}
|
|
|
|
|
|
.quick_box2 i.ico2_1 {
|
|
|
background: url(../images/ico2_1.jpg) center bottom no-repeat;
|
|
|
background-size: 48px 48px;
|
|
|
}
|
|
|
|
|
|
.quick_box2 a.cur i.ico2_1 {
|
|
|
background: url(../images/ico2_1.jpg) center bottom no-repeat;
|
|
|
background-size: 48px 48px;
|
|
|
}
|
|
|
.quick_box2 i.ico2_2 {
|
|
|
background: url(../images/ico2_2.jpg) center bottom no-repeat;
|
|
|
background-size: 48px 48px;
|
|
|
}
|
|
|
|
|
|
.quick_box2 a.cur i.ico2_2 {
|
|
|
background: url(../images/ico2_2.jpg) center bottom no-repeat;
|
|
|
background-size: 48px 48px;
|
|
|
}
|
|
|
.quick_box2 i.ico2_3 {
|
|
|
background: url(../images/ico2_3.jpg) center bottom no-repeat;
|
|
|
background-size: 48px 48px;
|
|
|
}
|
|
|
|
|
|
.quick_box2 a.cur i.ico2_3 {
|
|
|
background: url(../images/ico2_3.jpg) center bottom no-repeat;
|
|
|
background-size: 48px 48px;
|
|
|
}
|
|
|
.quick_box2 i.ico2_4 {
|
|
|
background: url(../images/ico2_4.jpg) center bottom no-repeat;
|
|
|
background-size: 48px 48px;
|
|
|
}
|
|
|
|
|
|
.quick_box2 a.cur i.ico2_4 {
|
|
|
background: url(../images/ico2_4.jpg) center bottom no-repeat;
|
|
|
background-size: 48px 48px;
|
|
|
}
|
|
|
|
|
|
.quick_box2 a.cur {
|
|
|
|
|
|
color: #da251d;
|
|
|
}
|
|
|
|
|
|
.quick_box2 a.cur span {
|
|
|
color: #da251d!important;
|
|
|
}
|
|
|
|
|
|
.greenBtn { margin:10px 20px; height:50px; line-height:50px; font-size:20px; background:#0aac68!important; border-radius:10px!important; border:1px #0aac68 solid!important; color:#ffffff!important; display:block; text-align:center;
|
|
|
}
|
|
|
.GrayBtn { margin:10px 20px; height:50px; line-height:50px; font-size:20px; background:#ffffff!important; border-radius:10px!important; border:1px #dededd solid!important; color:#747474!important; display:block; text-align:center;
|
|
|
}
|
|
|
.selectbtn { margin:10px 20px; height:50px; line-height:50px; font-size:20px; background:#ffffff!important; border-radius:10px!important; border:1px #dededd solid!important; color:#747474!important; display:block; text-align:center;
|
|
|
}
|
|
|
/*<2A>ײ<EFBFBD>*/
|
|
|
.footbtn {
|
|
|
background-color: #ffffff;
|
|
|
color: #747474;
|
|
|
position: fixed;
|
|
|
z-index:999;
|
|
|
width: 100%;
|
|
|
height: 50px;
|
|
|
line-height: 50px;
|
|
|
bottom: 50px;
|
|
|
text-align: center;
|
|
|
overflow: hidden;
|
|
|
display: table;
|
|
|
padding: 0;
|
|
|
}
|
|
|
.footbtn a { height:50px; line-height:50px; color:#ffffff; font-size:24px; font-weight:700; text-align:center; display:table-cell;
|
|
|
}
|
|
|
|
|
|
.footbtn .buycarinfo{ display:table-cell; background:#ffffff; border-top:#969594 solid 1px; height:40px; width:70%;
|
|
|
|
|
|
}
|
|
|
.footbtn .buycarinfo input[type=checkbox] {
|
|
|
width:20px; height:20px; float:left; text-align:center; margin:10px;
|
|
|
}
|
|
|
.footbtn .buycarinfo div {
|
|
|
height:20px; float:left; text-align:left;
|
|
|
font-size:18px
|
|
|
}
|
|
|
|
|
|
.footbtn .buycarinfo span{
|
|
|
font-size:18px;color:#747474;
|
|
|
height:20px;
|
|
|
float:right; margin-right:10px;
|
|
|
}
|
|
|
.Gblack { background:#4d4948!important;
|
|
|
}
|
|
|
.Ggray { background:#4d4948!important;
|
|
|
}
|
|
|
.Gred { background:#da251d!important;
|
|
|
}
|
|
|
.Ggreen { background:#0aac68!important;
|
|
|
}
|
|
|
.gray { color:#a1a1a1!important;
|
|
|
}
|
|
|
.red { color:#da251d!important;
|
|
|
}
|
|
|
.pw50 { width:50%;
|
|
|
}
|
|
|
.pw30 { width:30%;
|
|
|
}
|
|
|
|
|
|
.textr { text-align:right;
|
|
|
}
|
|
|
.textl { text-align:left;
|
|
|
}
|
|
|
.mt20 { margin-top:20px;
|
|
|
}
|
|
|
.mt30 { margin-top:30px;
|
|
|
}
|
|
|
/*<2A><><EFBFBD><EFBFBD>ѡ<EFBFBD><D1A1>*/
|
|
|
.userselect_box ul { padding:10px 20px;
|
|
|
}
|
|
|
.userselect_box ul li{ background:#ffffff; text-align:left; color:#fff; display:block; padding:20px; margin:10px; border:1px solid #a1a1a1; border-radius:20px; position:relative;
|
|
|
}
|
|
|
.userselect_box ul li.cur {background:#d8544f; border:1px solid #d8544f;
|
|
|
}
|
|
|
.userselect_box ul li img {border-radius:30px; float:left; width:60px; height:60px; border:3px solid #ffffff;
|
|
|
}
|
|
|
.userselect_box ul li .info {display:block; height:60px; margin: 0 0 0 70px;
|
|
|
}
|
|
|
.userselect_box ul li .info p{ font-size:14px; height:30px; line-height:20px; color:#a1a1a1;
|
|
|
}
|
|
|
.userselect_box ul li .info p.name { font-size:20px; height:30px; padding-top:10px; font-weight:700; color:#a1a1a1;
|
|
|
}
|
|
|
|
|
|
|
|
|
.userselect_box ul li.cur .info p,.userselect_box ul li.cur .info p.name {color:#ffffff;
|
|
|
}
|
|
|
|
|
|
.userselect_box ul li i { position:absolute; top:-1px; right:-1px;border:1px solid #a1a1a1; padding:10px; border-top-right-radius:20px;border-bottom-left-radius:20px; background:#ffffff; color:#a1a1a1;
|
|
|
}
|
|
|
.userselect_box ul li.cur i {border:1px solid #d8544f; color:#d8544f;
|
|
|
}
|
|
|
|
|
|
|
|
|
/*padding:5px .3rem 5px 0; margin-top: .2rem;*/
|
|
|
/*<2A>»<EFBFBD><C2BB><EFBFBD>ɾ<EFBFBD><C9BE>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.list-hua { display:block;
|
|
|
overflow: hidden;
|
|
|
}
|
|
|
.list-hua ul { padding:0; margin:0;
|
|
|
}
|
|
|
.list-hua ul li { border-bottom:1px solid #a1a1a1; height:120px; overflow: hidden; width: 120%; padding:0; margin:0;
|
|
|
}
|
|
|
.list-hua ul li.listselect { border-bottom:1px solid #a1a1a1; background:#eeeeee; height:120px; overflow: hidden; width: 120%; padding:0; margin:0;
|
|
|
}
|
|
|
.list-hua ul li a {
|
|
|
display: block; padding:0; margin:0;
|
|
|
-webkit-transition: all 0.3s linear;
|
|
|
transition: all 0.3s linear;
|
|
|
}
|
|
|
.list-hua ul li i{float:right;width:15%;text-align:center;background:#E2421B;color:#fff; height:120px; line-height:120px;}
|
|
|
.list-hua ul li input[type=checkbox] {
|
|
|
width:20px; height:20px; float:left; text-align:center; margin-top:50px; margin-left:20px;
|
|
|
}
|
|
|
.list-hua ul li img {
|
|
|
padding:10px 10px; max-height:100px;max-width:80px; float:left; text-align:center;
|
|
|
}
|
|
|
|
|
|
|
|
|
.list-hua ul li .bookinfo { margin: 0px 0 0 120px; display:block;
|
|
|
}
|
|
|
|
|
|
.list-hua ul li .bookinfo .BookName { text-align:left; color:#000; font-size:14px; line-height:20px; font-weight:700; padding:10px 10px 0 10px; margin:5px auto; overflow:hidden; height:40px;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.list-hua ul li .bookinfo .SecondBookName { text-align:left; color:#a1a1a1; font-size:10px; line-height:14px; padding:0 10px; margin:5px auto; height:20px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
}
|
|
|
.list-hua ul li .bookinfo .Source { text-align:left; color:#da251d;font-weight:700; font-size:16px;padding:0 10px;margin:5px auto;line-height:20px;height:20px;overflow:hidden;
|
|
|
|
|
|
text-overflow:ellipsis;
|
|
|
|
|
|
display:-webkit-box;
|
|
|
|
|
|
-webkit-box-orient:vertical;
|
|
|
|
|
|
-webkit-line-clamp:2;
|
|
|
}
|
|
|
.list-hua ul li .bookinfo .Source .num {
|
|
|
font-size:18px;color:#747474;
|
|
|
height:30px;
|
|
|
float:right; margin-right:10px;
|
|
|
}
|
|
|
.list-hua ul li .bookinfo .Source .allnum {
|
|
|
font-size:18px;color:#747474;
|
|
|
height:30px;
|
|
|
text-align:right; display:block; padding-right:10px;
|
|
|
}
|
|
|
.list-hua ul li .bookinfo .operation_box {
|
|
|
color:#000; font-size:18px; line-height:30px; padding:0 10px; margin:5px auto; float:right;
|
|
|
}
|
|
|
|
|
|
.list-hua ul li .bookinfo .operation_box .num_btn { border:2px solid #777777; border-radius:20px; width:20px; height:20px; font-size:24px; line-height:16px; text-align:center; display:inline-block; margin:0 5px;
|
|
|
color:#777777;}
|
|
|
|
|
|
.swipeleft {
|
|
|
transform: translateX(-15%);
|
|
|
-webkit-transform: translateX(-15%);
|
|
|
}
|
|
|
*/ |
