#view {left:0px;width:100vw;position:absolute; }

input[type=button], input[type=text],input[type=password], input[type=submit],input[type=file],input[type=number],input[type=tel],input[type=date],input[type=datetime-local],input[type=reset] { -webkit-appearance: none; }

.bx { box-sizing:border-box;}

.td_20 td { width: 20%; }
.td_25 td { width: 25%; }
.td_33 td { width: 33.3%; }
.td_50 td { width: 50%; }
.songti { font-family: 宋体; }
.f12 { font-size: 12px; }
.f14 { font-size: 14px; }
.f16 { font-size: 16px; }
.f18 { font-size: 18px; }
.f20 { font-size: 20px; }
.f22 { font-size: 22px; }
.f24 { font-size: 24px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.chao { overflow: hidden; height: 23px; }
 .tm { filter: Alpha(Opacity=0); opacity: 0; -moz-opacity: 0; }
.hon, hon * { color: #DE0000;}
.hon:hover, hon *:hover { color: #DE0000;}
.lan, lan * { color: #3585C6;}
.lan:hover, lan *:hover { color: #3585C6;}
.hui, .hui * { color: #A9A9A9; }
.hui:hover, hui *:hover { color: #A9A9A9;}

.w100 { width: 100% !important; }
.w100 * { max-width: 100% !important; }
.w100 img { height: auto !important; }
.w100bg { background-size: 100%; background-repeat: no-repeat; background-position: top center; }
.dheight {  }
.select 
{
    display:block;
    -webkit-appearance: none;
    width:100%;
    background-image:url(/assets/images/xlt.png);
    background-position:100% center;
    background-repeat:no-repeat;
    border-radius:0px;
    border:1px solid #ccc;
    margin:0px;
    border-radius:5px;
    background-color:transparent;
    -webkit-animation-name:select;
    color:#6D6D6D;
    font-size:16px;
}
::-webkit-input-placeholder { color: #6d6d6d; }
:-moz-placeholder { color: #6d6d6d; }
:-ms-input-placeholder { color: #6d6d6d; }
.yahei { font-family:微软雅黑,Microsoft YaHei;}
img {border:0;}
.b_l{float:left;display:inline;}
.b_r{float:right;display:inline;}
.b_l_w { float: left; display: inline; width: 100%; }
.b_r_w{float:left;display:inline;width:100%;}
.black { display: block; }
.dis{display:none;}
.dis2{display:none !important;}
.dis_tj{display:none !important;}
.ying { position: absolute; left: 0px; top: 0px; width: 0px; height: 0px; overflow: hidden; border: 0px; filter: Alpha(Opacity=0); opacity: 0; -moz-opacity: 0; }
textarea { overflow-x: hidden;overflow-y:auto; }
#zifull2 img{display:inline;}
#zifull2 td{text-align:center;}
.bs a,.bs { color:#fff;}
.bs a:hover { color:#fff;}
.clear { clear: both; }
.b { font-weight:bold;}
.jzz { text-align: center; display: none; }
.maximg img { max-width: 100%; }

input.ipt,textarea.ipt { display: block; width: 100%; border: 1px solid #ccc; padding: 8px; color: #444; background-color: #fff; border-radius: 5px; position: relative;line-height:16px; }
.bt_ys { display: block; width: 100%; padding: 10px 0px 10px 0px;line-height:16px;border:0px; background-color: #FF6100; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px; border-bottom: 3px solid #A53800;text-align:center; }
.bt_hon { display: block; width: 100%; padding: 10px 0px 10px 0px;line-height:16px; border: 0px; background-color: #C93232; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px;text-align:center; }
.bt_lan { display: block; width: 100%; padding: 10px 0px 10px 0px;line-height:16px; border: 0px; background-color: #2BB0B7; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px;text-align:center; }
.bt_huang { display: block; width: 100%; padding: 10px 0px 10px 0px;line-height:16px; border: 0px; background-color: #FF6100; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px;text-align:center; }
.bt_bai { display: block; width: 100%; padding: 10px 0px 10px 0px;line-height:16px; border: 0px; background-color: #fff; color: #999;border:1px solid #ccc; font-size: 14px; font-weight: bold; border-radius: 5px;text-align:center;color:#aaa; }
.bt_lv { display: block; width: 100%; padding: 10px 0px 10px 0px;line-height:16px; border: 0px; background-color: #8AC640; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px;text-align:center; }
.bt_zi { display: block; width: 100%; padding: 10px 0px 10px 0px;line-height:16px; border: 0px; background-color: #594AA7; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px;text-align:center; }
.bt_cheng { display: block; width: 100%; padding: 10px 0px 10px 0px;line-height:16px; border: 0px; background-color: #EA771C; color: #fff; font-size: 14px; font-weight: bold; border-radius: 5px;text-align:center; }
.bt_fen { display: block; width: 100%; padding: 10px 0px 10px 0px;line-height:16px; border: 0px; background-color: #A9A9A9; color: #f3f3f3; font-size: 14px; font-weight: bold; border-radius: 50px;text-align:center; }
.a_hon { float: left; padding: 0px 5px 0px 5px; color: #fff; background-color: #DA0000; }
.a_ys { float: left; padding: 0px 5px 0px 5px; color: #fff; background-color: #FF6100; }
.a_hon { float: left; padding: 0px 5px 0px 5px; color: #fff; background-color: #DA0000; }
.a_lan { float: left; padding: 0px 5px 0px 5px; color: #fff; background-color: #2BB0B7; }
.a_huang { float: left; padding: 0px 5px 0px 5px; color: #fff; background-color: #FF6100; }
.a_lv { float: left; padding: 0px 5px 0px 5px; color: #fff; background-color: #8AC640; }
.a_zi { float: left; padding: 0px 5px 0px 5px; color: #fff; background-color: #594AA7; }
.a_cheng { float: left; padding: 0px 5px 0px 5px; color: #fff; background-color: #EA771C; }
.a_fen { float: left; padding: 0px 5px 0px 5px; color: #fff; background-color: #FF2D36; }
.bt_ys:hover, .bt_hon:hover, .bt_lan:hover, .bt_huang:hover, .bt_lv:hover, .bt_zi:hover, .bt_cheng:hover, bt_fen:hover { color: #fff; }
.a_hon:hover, .a_ys:hover, .a_hon:hover, .a_lan:hover, .a_huang:hover, .a_lv:hover, .a_zi:hover, .a_cheng:hover, .a_fen:hover { color: #fff; }
.tx_left { display: none; }
.tx_right { display: none; }
.tx_bottom { display: none; }
.tx_top { display: none; }
.tx_flip { display: none; }
.tx_wu { display: none; }
.biao_txt { float: left; border: 1px solid #ccc; padding: 10px; width: 250px; }
.pr { position: absolute; left: 0px; width: 100%; }

.tit { padding-left: 15px; padding-right: 15px; font-size: 1em; line-height: 3; background: #f39191; font-size: 16px;color:#fff; }

.biao_table { width: 100%; }
.biao_table td { padding: 8px;border-bottom:1px solid #ECECEC; }
.biao_table td:nth-child(1) { width: 100px;text-align:right;font-size:14px; }
.biao_table td:nth-child(2) input { border: 0px; background-color: transparent; width: 100%; padding: 0px; margin: 0px; }
.biao_table td:nth-child(2) textarea { border: 0px; background-color: transparent; width: 100%; padding: 0px; margin: 0px; }
input.bt_h { 
    background-color: #34acbd;
    border:0px;
    width: 100%; display: block; color: #fff; 
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 2.33333333;
    border-radius: 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: hidden;
}
.bt_b { margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;text-align:center;display:block;}

.di_table { width: 100%; }
.di_table td { width: 25%; border: 1px solid #EBEBEB; padding: 5px; background-color: #fff; background-color: #3C8DBD; border-top: 0px; }
.di_table td a { display: block; font-size: 14px; color: #fff; }
.di_table td a .img { text-align:center;}
.di_table td a .img img{ width: 25px; }
.di_table td a .wz { text-align: center; }
.di_table td:nth-child(1) { border-left: 0px; }
.di_table td:nth-child(4) { border-right: 0px; }

.shoporder_table{
	text-align: center;
	font-size: 12px;
	margin-bottom:10px;
}
.shoporder_table th{
	color:#727272;
	border-bottom:1px solid #e5e5e5;
	line-height:30px;
    background-color:#ccc;
    color:#fff;
}
.shoporder_table th.wd1{ width:54px;}
.shoporder_table td{
	line-height:18px;
	padding:6px 0;
	border-bottom:1px solid #e5e5e5;
}

.tj_table { width: 100%; }
.tj_table td { width: 25%;border: 1px solid #ccc; }
.tj_table td a { display: block; text-align: center;background-color: #F4F4F4;padding:5px;font-size:14px; }
.tj_table a:nth-child(1) { border-right: 0px; }
.tj_table a.a, .dhtit2 a:hover { background-color: #E6E6E6; text-decoration: none; }

.table_center td, .table_center th { text-align:center;}

.logo .subtitle {
    margin-left: 5px;
    color: #999;
    font-size: 18px;
    position: relative;
    top: 3px;
}

@media only screen and (max-width: 375px) {
	.logo .subtitle {
		font-size: 13px;
	}
}

@media only screen and (max-width: 310px) {
	.logo .subtitle {
		display: none;
	}
}