1246 lines
25 KiB
CSS
1246 lines
25 KiB
CSS
body {
|
||
margin: 0;
|
||
font-family: "微软雅黑";
|
||
font-size: 14px;
|
||
line-height: 1.43;
|
||
}
|
||
|
||
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
|
||
display: block
|
||
}
|
||
a {
|
||
background-color: transparent
|
||
}
|
||
p{
|
||
margin: 0;
|
||
}
|
||
/*a:active, a:hover {
|
||
outline: 0;
|
||
background-color: inherit;
|
||
}*/
|
||
h4{
|
||
margin: 15px 0 ;
|
||
}
|
||
ul,li{
|
||
list-style-type: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
.text-left {
|
||
text-align: left;
|
||
}
|
||
.text-right{
|
||
text-align: right;
|
||
}
|
||
.text-center{
|
||
text-align: center;
|
||
}
|
||
.red{
|
||
color: red;
|
||
}
|
||
.hui{
|
||
color: #5e5e5e;
|
||
}
|
||
.blue{
|
||
color: #587efe;
|
||
}
|
||
/*.btn{
|
||
display: inline-block;
|
||
padding: 8px 14px;
|
||
margin-bottom: 0;
|
||
font-size: 14px;
|
||
font-weight: 400;
|
||
line-height: 1.42857143;
|
||
text-align: center;
|
||
white-space: nowrap;
|
||
vertical-align: middle;
|
||
-ms-touch-action: manipulation;
|
||
touch-action: manipulation;
|
||
cursor: pointer;
|
||
-webkit-user-select: none;
|
||
-moz-user-select: none;
|
||
-ms-user-select: none;
|
||
user-select: none;
|
||
background-image: none;
|
||
border: 1px solid transparent;
|
||
border-radius: 4px;
|
||
text-decoration: none;
|
||
}*/
|
||
.buju .right .btn-sm {
|
||
padding: 5px 10px;
|
||
font-size: 12px;
|
||
line-height: 1.5;
|
||
border-radius: 3px;
|
||
}
|
||
/*.btn-default{
|
||
color: inherit;
|
||
background-color: #fdfdfe;
|
||
border-color: #ccc;
|
||
}
|
||
.btn-warning{
|
||
color: #fff;
|
||
background-color: #fd8231;
|
||
border-color: #fd8231;
|
||
}
|
||
.btn-primary{
|
||
color: #fff;
|
||
background-color: #6492fe;
|
||
border-color: #6492fe;
|
||
}*/
|
||
.btn-blue{
|
||
color: #fff;
|
||
background-color: #0f8fd1;
|
||
border-color: #0f8fd1;
|
||
}
|
||
/*.btn-danger{
|
||
color: #fff;
|
||
background-color: #f52828;
|
||
border-color:#f52828;
|
||
}*/
|
||
.btn-fangka{
|
||
color: #fff;
|
||
background-color: #74befe;
|
||
border-color: #74befe;
|
||
}
|
||
.btn-suoka{
|
||
color: #fff;
|
||
background-color: #fd522a;
|
||
border-color: #fd522a;
|
||
}
|
||
.btn-suoka:hover{
|
||
background-color: #ac492a;
|
||
border-color: #ac492a;
|
||
}
|
||
.btn-blue:hover{
|
||
background-color: #0c5382;
|
||
border-color: #0f64a0;
|
||
}
|
||
.margin-top20{
|
||
margin-top: 20px;
|
||
}
|
||
.margin-top5{
|
||
margin-top: 5px;
|
||
}
|
||
.mt_bt{
|
||
margin-top: 5px;
|
||
/*border-top: 1px solid #b3b3b3;*/
|
||
}
|
||
.mt-l{margin-right: 10px;}
|
||
.width20{
|
||
width: 20%;
|
||
}
|
||
.width10{
|
||
width: 15%;
|
||
}
|
||
.hidden{
|
||
display: none;
|
||
}
|
||
|
||
|
||
|
||
.bg_hui{
|
||
background-color: #ebebeb;
|
||
margin-bottom: 50px;
|
||
}
|
||
.count_full{
|
||
position: relative;
|
||
overflow-y: scroll;
|
||
}
|
||
.count_full_xs{
|
||
padding: 10px;
|
||
}
|
||
.buju{
|
||
background-color: #fdfdfe;
|
||
border-radius: 6px;
|
||
overflow: hidden;
|
||
display: block;
|
||
height: auto;
|
||
position: relative;
|
||
margin: 10px;
|
||
}
|
||
.buju>.count{
|
||
height: 163px;
|
||
}
|
||
.buju>.left,
|
||
.buju>.count,
|
||
.buju>.right{
|
||
display: table-cell;
|
||
vertical-align: middle;
|
||
}
|
||
.left .header_img{
|
||
border-radius: 50%;
|
||
width: 50px;
|
||
height: 50px;
|
||
margin: 0 12px 12px 12px;
|
||
}
|
||
.count p{
|
||
margin: 0 0 2px 0;
|
||
color: #7b7877;
|
||
}
|
||
.right{
|
||
position: absolute;
|
||
right: 4%;
|
||
top: 6%;
|
||
}
|
||
.right .logo{
|
||
width: 70px;
|
||
height: 70px;
|
||
top: -20px;
|
||
position: absolute;
|
||
right: 0;
|
||
}
|
||
.vip-link{
|
||
position: absolute;
|
||
right: 5px;
|
||
bottom: 5px;
|
||
}
|
||
.yaqingma{
|
||
padding: 0 10px;
|
||
}
|
||
.yaqingma p{
|
||
line-height: 1.65;
|
||
margin-bottom: 15px;
|
||
}
|
||
.nav_ul,
|
||
.footer .footer_ul{
|
||
list-style-type: none;
|
||
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
|
||
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
|
||
display: -ms-flexbox; /* TWEENER - IE 10 */
|
||
display: -webkit-flex;
|
||
display: flex;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
.nav_ul li{
|
||
-webkit-box-flex: 1;
|
||
-moz-box-flex: 1;
|
||
-webkit-flex: 1;
|
||
-ms-flex: 1;
|
||
flex: 1;
|
||
float: left;
|
||
text-align: center;
|
||
padding: 15px 0;
|
||
}
|
||
.nav_ul.bang li.active{
|
||
color: #4b8af3;
|
||
border-bottom: 3px solid #4b8af3;
|
||
}
|
||
.nav_ul.kaka li.active{
|
||
color: #000000;
|
||
border-bottom: 3px solid #8e7cee;
|
||
}
|
||
.nav_ul.ziji li.active{
|
||
color: #000000;
|
||
border-bottom: 3px solid #74befe;
|
||
}
|
||
.wanjia{
|
||
text-align: center;
|
||
margin: 20px;
|
||
}
|
||
.wanjia .fenxiang,
|
||
.closes
|
||
{
|
||
width: 50%;
|
||
font-size: 18px;
|
||
}
|
||
.wanjia .erweima_img{
|
||
display: block;
|
||
margin: 20px auto 0 auto;
|
||
height: auto;
|
||
width: 65%;
|
||
}
|
||
.footer{
|
||
position: fixed;
|
||
bottom: 0;
|
||
left: 0;
|
||
right: 0;
|
||
background-color: #fdfdfe;
|
||
filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696',Direction=135, Strength=5);/*for ie6,7,8*/
|
||
-moz-box-shadow:0 0 35px rgba(0, 0, 0, 0.5);
|
||
-webkit-box-shadow:0 0 35px rgba(0, 0, 0, 0.5);
|
||
box-shadow:0 0 35px rgba(0, 0, 0, 0.5);
|
||
height: 50px;
|
||
}
|
||
.footer .footer_ul{
|
||
padding-top: 7px;
|
||
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
|
||
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
|
||
display: -ms-flexbox; /* TWEENER - IE 10 */
|
||
display: -webkit-flex;
|
||
}
|
||
.footer .footer_ul li{
|
||
float: left;
|
||
text-align: center;
|
||
padding: 0;
|
||
-webkit-box-flex: 1;
|
||
-moz-box-flex: 1;
|
||
-webkit-flex: 1;
|
||
-ms-flex: 1;
|
||
flex: 1;
|
||
}
|
||
.footer .footer_ul li a{
|
||
text-decoration: none;
|
||
color: inherit;
|
||
display: block;
|
||
}
|
||
.footer .footer_ul li a img{
|
||
width: 18px;
|
||
height: 18px;
|
||
}
|
||
.footer .footer_ul li a p{
|
||
font-size: 12px;
|
||
}
|
||
.chongka .rowh{
|
||
border-top: 1px solid #e5e5e5;
|
||
padding: 10px;
|
||
position: relative;
|
||
}
|
||
.chongka .rowh:first-child{
|
||
border-top: none;
|
||
}
|
||
/*.chongka .rowh.he,*/
|
||
.yaoqm .yqm_input{
|
||
height: 38px;
|
||
line-height: 38px;
|
||
}
|
||
.chongka .rowh .name,
|
||
.yaoqm .yqm_input .name{
|
||
width: 100px;
|
||
text-align: right;
|
||
display: inline-block;
|
||
}
|
||
.chongka .rowh .input{
|
||
outline: none;
|
||
border: none;
|
||
width: 50%;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
}
|
||
.chongka .rowh .chaxun{
|
||
position: absolute;
|
||
right: 20px;
|
||
}
|
||
.chongka .rowh.conkabtn{
|
||
height: 100px;
|
||
padding-top: 20px;
|
||
}
|
||
.ck_jiru{
|
||
padding: 10px;
|
||
}
|
||
.ck_jiru .cha_time{
|
||
position: relative;
|
||
}
|
||
.ck_jiru .cha_time .shijian_input,
|
||
.yaoqm .yqm_input .input,
|
||
.yaoqingma .bdyaoqingma_input,
|
||
.lianxi_input,
|
||
.baimingdan .bm-input input{
|
||
border-radius: 6px;
|
||
/*margin-top: 10px;*/
|
||
margin-bottom: 20px;
|
||
height: 30px;
|
||
width: 60%;
|
||
text-align: center;
|
||
}
|
||
.ck_jiru .cha_time .time_c{
|
||
position: absolute;
|
||
right: 0;
|
||
top: 30px;
|
||
padding: 10px 10%;
|
||
}
|
||
.ckjr_table,
|
||
.gk_table{
|
||
width: 100%;
|
||
border-spacing: 0;
|
||
border-collapse: collapse;
|
||
}
|
||
.ckjr_table tbody tr{
|
||
border-top: 1px solid #e5e5e5;
|
||
}
|
||
.ckjr_table tbody tr:first-child{
|
||
border-top: none;
|
||
}
|
||
.ckjr_table tbody tr td{
|
||
padding: 10px 5px;
|
||
vertical-align: middle;
|
||
}
|
||
.ckjr_table tbody tr td.num{
|
||
width: 20px;
|
||
}
|
||
.ckjr_table tbody tr td .header{
|
||
width: 70px;
|
||
height: 70px;
|
||
border-radius: 50%;
|
||
/*padding-left: 6%;*/
|
||
}
|
||
.ckjr_table tbody tr td p{
|
||
font-size: 12px;
|
||
margin-bottom: 8px;
|
||
}
|
||
.ckjr_table tbody tr td .btn{
|
||
margin-bottom: 5px;
|
||
}
|
||
.suoyaofk,
|
||
.quanxian{
|
||
padding: 20px 4%;!important;
|
||
overflow: hidden;
|
||
}
|
||
.suoyaofk>.btn{
|
||
font-size: 18px;
|
||
width: 34%;
|
||
margin-right: 2%;
|
||
margin-left: 2%;
|
||
margin-bottom: 20px;
|
||
display: inline-block;
|
||
height: 38px;
|
||
line-height: 38px;
|
||
}
|
||
.gk_table tbody{
|
||
width: 100%;
|
||
}
|
||
.gk_table tbody tr{
|
||
height: 50px;
|
||
border-bottom: 1px solid #b3b3b3;
|
||
text-align: center;
|
||
}
|
||
.wj_header{
|
||
width: 100%;
|
||
background-color: #fd522a;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
color: #ffffff;
|
||
text-align: center;
|
||
position: relative;
|
||
}
|
||
.wj_header>.block_f{
|
||
color: inherit;
|
||
position: absolute;
|
||
left: 10px;
|
||
text-decoration: none;
|
||
}
|
||
.wj_header>.block_f img{
|
||
position: absolute;
|
||
top: 9px;
|
||
}
|
||
.wj_header>.block_f .fah_font{
|
||
margin-left: 25px;
|
||
}
|
||
|
||
.wj_suoyao>.left{
|
||
width: 161px;
|
||
text-align: center;
|
||
padding: 5px 10px 0 10px;
|
||
float: left;
|
||
}
|
||
.wj_suoyao .left .toux_img{
|
||
border-radius: 50%;
|
||
width: 60px;
|
||
height: 60px;
|
||
}
|
||
.wj_suoyao .left p{
|
||
text-align: left;
|
||
font-size: 14px;
|
||
}
|
||
.wj_suoyao .left .footer_btn .btn{
|
||
width: 50%;
|
||
margin-top: 3px;
|
||
}
|
||
.wj_suoyao>.right{
|
||
width: 68%;
|
||
margin-top: -4%;
|
||
float: left;
|
||
}
|
||
.wj_suoyao .po_r{
|
||
position: relative;
|
||
}
|
||
.wj_suoyao .sanjiao{
|
||
position: absolute;
|
||
width: 0;
|
||
height: 0;
|
||
border-top: 8px solid transparent;
|
||
border-right: 18px solid #ffffff;
|
||
border-bottom: 8px solid transparent;
|
||
z-index: 99;
|
||
left: -18px;
|
||
bottom: 5%;
|
||
}
|
||
.suoka_table{
|
||
height: 257px;
|
||
overflow-y: scroll;
|
||
}
|
||
.yaoqm{
|
||
padding: 20px;
|
||
}
|
||
.yaoqm .bd_btn{
|
||
margin-top: 40px;
|
||
text-align: center;
|
||
}
|
||
.yaoqm .bd_btn .btn{
|
||
width: 50%;
|
||
}
|
||
.cz_success{
|
||
padding: 12px;
|
||
}
|
||
.cz_success p{
|
||
margin-bottom: 12px;
|
||
position: relative;
|
||
line-height: 1.65;
|
||
}
|
||
.cz_success p .red{
|
||
position: absolute;
|
||
right: 12px;
|
||
font-size: 22px;
|
||
}
|
||
.yaoqingma .bm{
|
||
padding: 30px 0;
|
||
}
|
||
.yaoqingma .y_bdm .sy_sm{
|
||
padding: 0 0 20px 0;
|
||
}
|
||
.bm{
|
||
position: relative;
|
||
}
|
||
.bm p{
|
||
margin-bottom: 15px;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
}
|
||
.bm .revise{
|
||
position: absolute;
|
||
right: 0;
|
||
text-decoration: none;
|
||
height: 30px;
|
||
line-height: 30px;
|
||
}
|
||
/*----------------------------------------------*/
|
||
/*动画*/
|
||
.animated {
|
||
-webkit-animation-duration: 1s;
|
||
animation-duration: 1s;
|
||
-webkit-animation-fill-mode: both;
|
||
animation-fill-mode: both;
|
||
z-index: 100;
|
||
}
|
||
@-webkit-keyframes fadeInRight {
|
||
0% {
|
||
opacity: 0;
|
||
-webkit-transform: translateX(20px);
|
||
transform: translateX(20px);
|
||
}
|
||
|
||
100% {
|
||
opacity: 1;
|
||
-webkit-transform: translateX(0);
|
||
transform: translateX(0);
|
||
}
|
||
}
|
||
|
||
@keyframes fadeInRight {
|
||
0% {
|
||
opacity: 0;
|
||
-webkit-transform: translateX(40px);
|
||
-ms-transform: translateX(40px);
|
||
transform: translateX(40px);
|
||
}
|
||
|
||
100% {
|
||
opacity: 1;
|
||
-webkit-transform: translateX(0);
|
||
-ms-transform: translateX(0);
|
||
transform: translateX(0);
|
||
}
|
||
}
|
||
|
||
.fadeInRight {
|
||
-webkit-animation-name: fadeInRight;
|
||
animation-name: fadeInRight;
|
||
}
|
||
.bg_mei{
|
||
background-color: #f5f5f5;
|
||
font-size: 14px;
|
||
}
|
||
.header{
|
||
background-color: #2b2b2b;
|
||
color: #ffffff;
|
||
height: 40px;
|
||
line-height: 40px;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.header .img{
|
||
position: absolute;
|
||
left: 0;
|
||
top: 10px;
|
||
padding-left: 10px;
|
||
height: 18px;
|
||
}
|
||
|
||
.header .text_wen{
|
||
position: absolute;
|
||
top: 7px;
|
||
height: 25px;
|
||
line-height: 25px;
|
||
padding-left: 10px;
|
||
left: 20px;
|
||
}
|
||
.header .text_wen.left_20{
|
||
left: 20%;
|
||
}
|
||
.header .home-sy{
|
||
color: inherit;
|
||
position: absolute;
|
||
right: 0;
|
||
display: block;
|
||
padding: 0 15px;
|
||
top: 0;
|
||
text-decoration: none;
|
||
}
|
||
|
||
.header .select{
|
||
position: absolute;
|
||
right: 10px;
|
||
height: 25px;
|
||
width: 52%;
|
||
top: 7px;
|
||
}
|
||
.meirishulan_table{
|
||
width: 100%;background-color: #fdfdfe;text-align: center;
|
||
height: 38px;
|
||
line-height: 38px;
|
||
margin-bottom: 80px;
|
||
}
|
||
.meirishulan_table .bobotton_tr th{
|
||
border-bottom: 1px solid #eeeeee;
|
||
border-collapse:separate;
|
||
|
||
}
|
||
|
||
.meiri_footer{
|
||
position: fixed;
|
||
display: flex;
|
||
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
|
||
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
|
||
display: -ms-flexbox; /* TWEENER - IE 10 */
|
||
display: -webkit-flex;
|
||
bottom: 0;
|
||
right: 0;
|
||
left: 0;
|
||
background-color: #eff2f9;
|
||
}
|
||
.meiri_footer a{
|
||
-webkit-box-flex: 1;
|
||
-moz-box-flex: 1;
|
||
-webkit-flex: 1;
|
||
-ms-flex: 1;
|
||
flex: 1;
|
||
text-align: center;
|
||
height: 48px;
|
||
line-height: 48px;
|
||
color: inherit;
|
||
text-decoration: none;
|
||
border-top: 1px solid #4a4e5a;
|
||
border-bottom: 1px solid #4a4e5a;
|
||
}
|
||
.meiri_footer a.meiri{
|
||
border-right: 1px solid #4a4e5a;
|
||
}
|
||
.meiri_footer a.active{
|
||
background-color: #4a4e5a;
|
||
color: #ffffff;
|
||
}
|
||
.zhib_buju{
|
||
width: 100%;
|
||
overflow: hidden;
|
||
float: left;
|
||
}
|
||
.zhib_buju .left_zhib{
|
||
width: 36%;
|
||
height: 500px;
|
||
overflow-y: scroll;
|
||
top: 40px;
|
||
left: 0;
|
||
bottom: 0;
|
||
position: fixed;
|
||
text-align: center;
|
||
float: left;
|
||
}
|
||
.zhib_buju .right_zhib{
|
||
width: 64%;
|
||
height: 480px;
|
||
overflow-y: scroll;
|
||
top: 40px;
|
||
right: 0;
|
||
position: fixed;
|
||
float: left;
|
||
}
|
||
.zhib_buju .left_zhib ul{
|
||
margin-bottom: 80px;
|
||
}
|
||
.zhib_buju .left_zhib ul li{
|
||
|
||
}
|
||
.zhib_buju .left_zhib ul li a{
|
||
background-color: #e6e6e6;
|
||
text-decoration: none;
|
||
display: block;
|
||
padding: 12px 8px;
|
||
margin-top: 5px;
|
||
color: #525252;
|
||
}
|
||
.zhib_buju .left_zhib ul li a.active,
|
||
.zhl-xs-3 ul li.active{
|
||
color: #fff;
|
||
background: -moz-linear-gradient(left, #fd8c01, #fb5401);
|
||
background: -webkit-gradient(linear,0% 100%,100% 100%,from(#fd8c01),to(#fb5401));
|
||
background: -webkit-linear-gradient(left, #fd8c01, #fb5401);
|
||
background: -o-linear-gradient(left, #fd8c01, #fb5401);
|
||
background: -ms-linear-gradient(left, #fd8c01, #fb5401);
|
||
border-color: rgb(253, 253, 254);
|
||
background-color: #FF5722;
|
||
color: #ffffff;
|
||
}
|
||
|
||
#Announcement{height:64px;width:100%;overflow:hidden;}
|
||
#Announcement p{height:60px;overflow:hidden;padding: 5px;}
|
||
|
||
.olprompt{padding-left: 5px;line-height: 2;}
|
||
/*------------------------------------------------*/
|
||
|
||
.xsnumber{
|
||
display: flex;
|
||
display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
|
||
display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
|
||
display: -ms-flexbox; /* TWEENER - IE 10 */
|
||
display: -webkit-flex;
|
||
text-align: center;padding: 5px 0;
|
||
}
|
||
.xsnumber .sl{
|
||
-webkit-box-flex: 1;
|
||
-moz-box-flex: 1;
|
||
-webkit-flex: 1;
|
||
-ms-flex: 1;
|
||
flex: 1;padding: 5px 0
|
||
}
|
||
.xsnumber .sl a{color: inherit;text-decoration: none;}
|
||
|
||
.xsnumber .sl i{
|
||
font-size: 22px;
|
||
margin-bottom: 10px;
|
||
color: #fff;
|
||
border-radius: 50%;
|
||
padding: 15px;
|
||
}
|
||
.xsnumber .sl a:active i{
|
||
padding: 13px;
|
||
}
|
||
.xsnumber .sl .glyphicon-yen{
|
||
background-color: #ec6356;
|
||
}
|
||
.xsnumber .sl .glyphicon-share{
|
||
background-color: #f79814;
|
||
}
|
||
.xsnumber .sl .glyphicon-comment{
|
||
background-color: #2590d7;
|
||
}
|
||
.xsnumber .sl .glyphicon-qrcode{
|
||
background-color: #e46154;
|
||
}
|
||
.sm-font{
|
||
font-size: 12px;
|
||
}
|
||
.mb-10{
|
||
margin-bottom: 10px;
|
||
}
|
||
.xsnumber .sl .winput
|
||
{
|
||
width: 60%;
|
||
height: 30px;
|
||
font-size: 14px;
|
||
line-height: 1.42857143;
|
||
color: #555;
|
||
background-color: #fff;
|
||
background-image: none;
|
||
border: 1px solid #ccc;
|
||
border-radius: 4px;
|
||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
||
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
|
||
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
|
||
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
|
||
}
|
||
.lbtable thead tr th,.lbtable tbody tr td{text-align: center}
|
||
.fons-14{font-size: 14px;}
|
||
|
||
|
||
@media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)
|
||
{
|
||
.wj_suoyao>.right{
|
||
width: 63%;
|
||
}
|
||
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{font-size: 12px;}
|
||
.chongka .rowh .input{width: 45%;}
|
||
}
|
||
/*------------------------------------------------------------------*/
|
||
.zhl-xs-3{
|
||
width: 36% ;
|
||
max-height: 700px;
|
||
float: left;
|
||
overflow-y: auto;
|
||
}
|
||
.zhl-xs-9{
|
||
width: 64%;
|
||
max-height: 700px;
|
||
float: left;
|
||
overflow-y: auto;
|
||
}
|
||
.zhl-xs-3::-webkit-scrollbar,
|
||
.zhl-xs-9::-webkit-scrollbar
|
||
{
|
||
display: none;
|
||
}
|
||
.zhl-xs-3 ul li{
|
||
width: 100%;
|
||
text-align: center;
|
||
background-color: #DDDDDD;
|
||
margin-bottom: 3px;
|
||
padding: 14px 0;
|
||
}
|
||
.zhl-xs-3 ul li a{
|
||
color: inherit;
|
||
display: inline-block;
|
||
text-decoration: none;
|
||
}
|
||
/*#vuenum .zhl-xs-3 ul li.active{*/
|
||
/*.zhl-xs-3 ul li.active{
|
||
color: #fff;
|
||
background: -moz-linear-gradient(left, #587efd, #117cfb);
|
||
background: -webkit-gradient(linear,0% 100%,100% 100%,from(#587efd),to(#117cfb));
|
||
background: -webkit-linear-gradient(left, #587efd, #117cfb);
|
||
background: -o-linear-gradient(left, #587efd, #117cfb);
|
||
background: -ms-linear-gradient(left, #587efd, #117cfb);
|
||
border-color: rgb(253, 253, 254);
|
||
background-color: #587efd;
|
||
color: #ffffff;
|
||
}*/
|
||
|
||
.zha-huadong{
|
||
margin-top: 45px;
|
||
margin-bottom: 45px;
|
||
}
|
||
|
||
/*3.0---------------------------*/
|
||
.nav-h{
|
||
border: 0px solid black;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
-webkit-box-orient: horizontal;
|
||
flex-direction: row;
|
||
align-content: flex-start;
|
||
flex-shrink: 0;
|
||
position: relative;
|
||
width: auto;
|
||
height: auto;
|
||
top: 0px;
|
||
}
|
||
.nav-h-x{
|
||
border-bottom: 1px solid #ddd;
|
||
position: relative;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
-webkit-box-orient: horizontal;
|
||
flex-direction: row;
|
||
align-content: flex-start;
|
||
flex: 1 1 0%;
|
||
-webkit-box-flex: 1;
|
||
width: auto;
|
||
height: 55px;
|
||
overflow-y: scroll;
|
||
}
|
||
.nav-h-x::-webkit-scrollbar {
|
||
width: 0px;
|
||
height: 0px;
|
||
}
|
||
.nav-h-x-a{
|
||
border: 0px solid black;
|
||
position: relative;
|
||
box-sizing: border-box;
|
||
display: flex;
|
||
-webkit-box-orient: horizontal;
|
||
flex-direction: row;
|
||
align-content: flex-start;
|
||
flex-shrink: 0;
|
||
}
|
||
.huad-left{
|
||
position: absolute;line-height: 56px;height:56px;right: 10px;top: 0;
|
||
}
|
||
.huad-left .shouzhi{
|
||
position: absolute;left: -30px;top: 20px;
|
||
|
||
/* 设置默认样式，开启3d硬件加速 */
|
||
-webkit-transform:translate3d(0,0,0);
|
||
-moz-transform:translate3d(0,0,0);
|
||
transform:translate3d(0,0,0);
|
||
/* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */
|
||
-webkit-animation:play 1.2s linear infinite;
|
||
-moz-animation:play 1.2s linear infinite;
|
||
animation:play 1.2s linear infinite;
|
||
}
|
||
@-webkit-keyframes play{
|
||
0% {
|
||
-webkit-transform: translateX(60px);
|
||
-ms-transform: translateX(60px);
|
||
transform: translateX(60px);
|
||
}
|
||
10% {
|
||
-webkit-transform: translateX(50px);
|
||
-ms-transform: translateX(50px);
|
||
transform: translateX(50px);
|
||
}
|
||
20% {
|
||
-webkit-transform: translateX(40px);
|
||
-ms-transform: translateX(40px);
|
||
transform: translateX(40px);
|
||
}
|
||
50% {
|
||
-webkit-transform: translateX(30px);
|
||
-ms-transform: translateX(30px);
|
||
transform: translateX(30px);
|
||
}
|
||
80% {
|
||
-webkit-transform: translateX(20px);
|
||
-ms-transform: translateX(20px);
|
||
transform: translateX(20px);
|
||
}
|
||
100% {
|
||
-webkit-transform: translateX(10px);
|
||
-ms-transform: translateX(10px);
|
||
transform: translateX(10px);
|
||
}
|
||
}
|
||
@-moz-keyframes play{
|
||
0% {
|
||
-moz-transform:translateX(60px);
|
||
}
|
||
10% {
|
||
-moz-transform:translateX(50px);
|
||
}
|
||
20% {
|
||
-moz-transform:translateX(40px);
|
||
}
|
||
50% {
|
||
-moz-transform:translateX(30px);
|
||
}
|
||
80% {
|
||
-moz-transform:translateX(20px);
|
||
}
|
||
100% {
|
||
-moz-transform:translateX(10px);
|
||
}
|
||
}
|
||
@keyframes play{
|
||
0% {
|
||
-webkit-transform: translateX(60px);
|
||
-ms-transform: translateX(60px);
|
||
transform: translateX(60px);
|
||
}
|
||
10% {
|
||
-webkit-transform: translateX(50px);
|
||
-ms-transform: translateX(50px);
|
||
transform: translateX(50px);
|
||
}
|
||
20% {
|
||
-webkit-transform: translateX(40px);
|
||
-ms-transform: translateX(40px);
|
||
transform: translateX(40px);
|
||
}
|
||
50% {
|
||
-webkit-transform: translateX(30px);
|
||
-ms-transform: translateX(30px);
|
||
transform: translateX(30px);
|
||
}
|
||
80% {
|
||
-webkit-transform: translateX(20px);
|
||
-ms-transform: translateX(20px);
|
||
transform: translateX(20px);
|
||
}
|
||
100% {
|
||
-webkit-transform: translateX(10px);
|
||
-ms-transform: translateX(10px);
|
||
transform: translateX(10px);
|
||
}
|
||
}
|
||
|
||
|
||
.my-center{
|
||
position: absolute;
|
||
bottom: 15px;
|
||
right: 11px;
|
||
padding: 2px 8px;
|
||
}
|
||
.dis-block{
|
||
display: block;
|
||
}
|
||
.row-on{
|
||
height: 54px;line-height:53px;width: auto;position: relative;
|
||
margin: 0 10px;
|
||
border-bottom: 1px solid #e5e5e5;
|
||
}
|
||
.row-on .glyphicon-chevron-right{
|
||
position: absolute;
|
||
right: 5px;
|
||
top: 23px;
|
||
}
|
||
|
||
.row-on a{
|
||
padding-left: 5px;
|
||
color: initial;
|
||
}
|
||
.row-on a .glyphicon:first-child{
|
||
margin-right: 10px;
|
||
color: #fff;
|
||
padding: 6px;
|
||
border-radius: 4px;
|
||
}
|
||
.row-on a .glyphicon:first-child.red{
|
||
background-color: #e54c2e;
|
||
}
|
||
.row-on a .glyphicon:first-child.blue{
|
||
background-color: #508fcc;
|
||
}
|
||
.row-on a .glyphicon:first-child.yellow{
|
||
background-color: #e6a101;
|
||
}
|
||
.row-on a .glyphicon:first-child.wblue{
|
||
background-color: #00adee;
|
||
}
|
||
|
||
#myTabContent .row-on a:link {background-color: #ffffff;}
|
||
#myTabContent .row-on a:visited {background-color: #ffffff;}
|
||
#myTabContent .row-on a:hover {background-color: #f3f3f3;text-decoration: none;}
|
||
#myTabContent .row-on a:active {background-color: #f3f3f3;text-decoration: none;}
|
||
.dfs{
|
||
color: #7b7877;
|
||
font-size: 10px;
|
||
position: absolute;
|
||
bottom: 23px;
|
||
left: 12px;
|
||
}
|
||
#vuenum .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
|
||
color: #000000;
|
||
border-bottom: 4px solid #8e7cee;
|
||
border-top: none;
|
||
border-right: none;
|
||
border-left: none;
|
||
}
|
||
#vuenum .nav > li > a{
|
||
padding: 15px;
|
||
color: inherit;
|
||
}
|
||
|
||
#myTabContent .bor-bott-none{border-bottom: none;}
|
||
#myTabContent .nav-tabs,
|
||
#vuenum .nav-tabs{
|
||
border-bottom: none;
|
||
}
|
||
.shuzhi{
|
||
background-color: red;
|
||
padding: 1px 5px;
|
||
border-radius: 50%;
|
||
position: absolute;
|
||
left: 2px;
|
||
top: 6px;
|
||
display: inline-table;
|
||
color: #fff;
|
||
text-align: center;
|
||
font-size: 10px;
|
||
}
|
||
.header-pos-fix{
|
||
position: fixed;z-index: 2
|
||
}
|
||
#syfk .btn.focus, .btn:focus, .btn:hover{
|
||
color: #ffffff;
|
||
}
|
||
/*zhl*/
|
||
#ckyuan{
|
||
margin: 10px 0px 10px 0px;
|
||
}
|
||
#ckyuan .am-u-sm-4 {
|
||
padding: 0px;
|
||
}
|
||
#ckyuan .am-u-sm-4 .yuanf{
|
||
background-color: white;margin:0px 5px 0px 5px ;border: 1px solid rgb(14, 144, 210);border-radius: 5px;position:relative;
|
||
}
|
||
#ckyuan .am-u-sm-4 .yuanf.active{
|
||
background-color: #2696fc;
|
||
border: 1px solid #2696fc;
|
||
color: #ffffff;
|
||
}
|
||
.fon-lg{
|
||
font-size: 25px;
|
||
}
|
||
|
||
#ckyuan .am-u-sm-4 .yuanf .zhangka{
|
||
font-size: 13px;margin: 5px 0px 5px 0px;
|
||
}
|
||
.yingfje{
|
||
font-size: 16px; margin: 0px 0px 5px 10px;
|
||
}
|
||
.cor-ul{
|
||
margin: 0px 0px 10px 0px;color: white
|
||
}
|
||
.zhifufs{
|
||
font-size: 12px; ;color: #ababab;padding: 10px 0px 10px 10px;
|
||
}
|
||
.baimingdan{
|
||
margin: 10px 15px;
|
||
}
|
||
.baimingdan .wjbm-ul{
|
||
|
||
}
|
||
.baimingdan .wjbm-ul li{
|
||
border-bottom: 1px solid #cbcbcb;
|
||
padding: 15px 10px;
|
||
position: relative;
|
||
}
|
||
.baimingdan .wjbm-ul li:nth-of-type(odd) {
|
||
background-color: #f9f9f9;
|
||
}
|
||
.baimingdan .wjbm-ul li .delete{
|
||
position: absolute;
|
||
right: 10px;
|
||
top: 6px;
|
||
}
|
||
.baimingdan .bm-input{
|
||
padding: 15px 0;
|
||
position: relative;
|
||
}
|
||
.baimingdan .bm-input input{
|
||
|
||
}
|
||
.baimingdan .bm-input .btn{
|
||
position: absolute;
|
||
right: 0;
|
||
top: 13px;
|
||
}
|
||
.dlxuzhi{
|
||
background: #fff;
|
||
z-index: 0;
|
||
top: 25px;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;z-index: 0;
|
||
padding: 15px;
|
||
}
|
||
.dlxuzhi p,.text-indent p{
|
||
text-indent: 30px;
|
||
margin-bottom: 5px;
|
||
line-height: 1.6;
|
||
}
|
||
.margin-left-30{
|
||
margin-left: 30px;
|
||
}
|
||
.margin-left-5{
|
||
margin-left: 5px;
|
||
}
|
||
.margin-left-30 label{
|
||
margin: 15px 15px 15px 0;
|
||
}
|
||
.margin-left-30 label:nth-child(3){
|
||
margin-top: 0;
|
||
}
|
||
.form-control {
|
||
display: block;
|
||
width: 100%;
|
||
height: 34px;
|
||
padding: 6px 12px;
|
||
font-size: 14px;
|
||
line-height: 1.42857143;
|
||
color: #555;
|
||
background-color: #fff;
|
||
background-image: none;
|
||
border: 1px solid #ccc;
|
||
border-radius: 4px;
|
||
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
||
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
|
||
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||
}
|
||
.text-block{
|
||
width: 90%;
|
||
}
|
||
.text-overflow{
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
display: -webkit-box;
|
||
-webkit-line-clamp: 1;
|
||
-webkit-box-orient: vertical;
|
||
white-space: inherit;
|
||
}
|
||
/*代理自购*/
|
||
.products {
|
||
padding-top: 15px;
|
||
}
|
||
.product-box {
|
||
float: left;
|
||
width: 46%;
|
||
margin-left: 2.5%;
|
||
margin-bottom: 4.5%;
|
||
}
|
||
.product-box label {
|
||
display: block;
|
||
text-align: center;
|
||
border: 1px solid #0e90d2;
|
||
border-radius: 6px;
|
||
margin: 0;
|
||
padding-bottom: 10px;
|
||
}
|
||
.product-box label h3 {
|
||
margin: 10px 0;
|
||
}
|
||
.product-box .active {
|
||
background-color: #2697fc;
|
||
color: #fff;
|
||
}
|
||
.nav-tabs {
|
||
border-bottom: none;
|
||
}
|
||
.checkbox label{
|
||
margin-left: 20px;
|
||
margin-bottom: 20px;
|
||
}
|
||
.checkbox .goumai{
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.mh-radio .he label{
|
||
font-size: 16px;
|
||
text-align: center;
|
||
width: 40%;
|
||
padding: 15px;
|
||
border-radius: 6px;
|
||
background-color: #fbfbfd;
|
||
border:1px solid #cbcbcb;
|
||
}
|
||
.mh-radio .he label input[type="radio"]{
|
||
display: none;
|
||
}
|
||
.mh-radio .he label.active{
|
||
color: #FFFFFF;
|
||
background-color: #74befe;
|
||
border-color: #74befe;
|
||
}
|
||
|
||
.chengse{color: #A66B4C;}
|
||
.yji-input-width{
|
||
width: 40px;
|
||
}
|
||
.ckjr_table .va-bottom{vertical-align: bottom;}
|
||
.ckjr_table .va-bottom .btn{padding: 1px 8px;margin-bottom: 0;}
|
||
.zjgouka .btn{display: inline-table; width: 42%;}
|
||
|
||
.pt8 {padding-top: 8px;}
|
||
.pt3 {padding-top: 3px;}
|
||
.pl0 {padding-left: 0}
|
||
.pr0 {padding-right: 0} |