/*公共的部分*/
*{ padding:0; margin:0;}
html,body{ height:100%;}
body,td,th,.wrapper{color:#FFF;font-size:12px;line-height:1.75em; font-family:'微软雅黑';}
input,select{line-height:normal;font-size:1em;color:#000;}
textarea{font-size:1em;line-height:1.75em;}
a:link,a:visited,a:active{color:#FFF;text-decoration:none;}
a:hover{color:#0183D1;text-decoration:none;}
a.ccolor:link,a.ccolor:visited,a.ccolor:active{color:#B81B1B;}
a.ccolor:hover{color:#FFF;}
a:hover img{/*opacity:0.8;filter:alpha(opacity=80);*/}
h1,h2,h3,h4,h5,h6{font-size:1em;line-height:1.5em;}
p{word-break:break-all;}
.hidden{display:none;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden;} 
.noflash .isflash{display:none;}
ul,li{ list-style-type:none;}
img{ border:0;} 

.wrapper{ width:100%; height:100%; margin:0 auto; position:relative; overflow:hidden; background-color:#01f9f9;}
.body_bj_div{position:absolute; top:0; left:0; bottom:0; right:0; width:100%;}
.body_bj{position:absolute; top:0; left:0; bottom:0; right:0; width:100%; z-index:3}
.light_left{position:absolute; top:0; left:35%; z-index:2; display:none}
.light_right{position:absolute; top:0; right:35%; z-index:2; display:none}
.top{height:22px; background:url(../images/light.jpg) repeat-x; position: absolute; top:0; width:100%; z-index:1000;}
.bottom{height:22px; background:url(../images/light.jpg) repeat-x; position: absolute; bottom:0; width:100%; z-index:1000;}
.page_index{ width:100%; height:100%;}
.page_order{ width:100%; height:100%;}
/*=================头部===============================*/
.guanwang{ position: absolute; top:3.08%; left:1.5%; width:8.8541%; height:2.6041%; z-index:1000}
.guanwang img{ width:100%}
.guanwang1{ position: absolute; top:3.08%; right:0.2%; width:8.8541%; height:2.6041%; z-index:1000;}
.guanwang1 img{ width:100%}
/*====================内容区域=========================*/
.wrapper_in{ margin:0 auto; width:850px; height:100%; position:relative;}
.content_bj{ position:absolute; top:-20px; left:0; bottom:0; right:0; width:100%; z-index:4;}
.jay{bottom:-2%; top:auto; width:22.29%; z-index:5; left:14.01%; position:absolute}
.jay img{ width:100%;}
.car{bottom:16px;top:auto; width:20.6041%; z-index:5; left:39.7916%; position:absolute}
.car img{ width:100%;}
.name_list{bottom:16px;top:auto; width:7.7083%; z-index:5; right:16.6667%; position:absolute;}
.name_list img{ width:100%;}
.name_list .list_btn{display:block;}
.song_btn{ width:0; height:0; position:absolute; top:408px; left:32.03125%; padding:7.1875% 0 0 19.140625%; background:url(../images/tm.png); z-index:4}
.king_btn{ width:0; height:0; position:absolute;top:384px; left:52.5%; padding:7.1875% 0 0 19.140625%; background:url(../images/tm.png); z-index:4 }
.allcar_btn{width:0; height:0; position:absolute;top:338px; left:41.5%; padding:6.7926% 0 0 24.53125%;background:url(../images/tm.png); z-index:4; display:none;}
/*===================尾部===============================*/
.footer{width:100%; background:url(../images/footer.jpg) repeat-x; height:35px; position: fixed; bottom:0; z-index:10;}
.order_img{ margin-left:2.34375%; float:left; width:84px;}
.wrap div{ float:left; line-height:35px; margin-left:21%; height:35px;}
.wrap div p{ float:left; width:238px; height:35px; line-height:35px;}
.wrap div span{ float:left;}
.wrap div input,.wrap div select{ width:120px; margin-right:2%; margin-left:4px;}
.wrap div span{ color:#1c9c9d; font-size:1.2em; }
.wrap div .sub_btn{ float:left; width:78px;}
.wrap div .sub_btn input{ width:100%; background-color:#1c9c9d; border:0; color:#ffffff; font-weight:bold; cursor:pointer; padding:2px 0;}
.tryBarSubmit{width:100%; background-color:#1c9c9d; border:0; color:#ffffff; font-weight:bold; cursor:pointer; padding:2px 0; display: inline-block; text-align: center; height:20px; line-height:20px;}
.tryBarSubmit:hover{ color:#fff;}
.wrap .return{ width:122px;float:right;}
.wrap .return img{ width:100%; display:block; }
.wrap div .life{width:20%;}
/*======================弹出层===============================*/
.name_coment{ background:url(../images/tan_bj.png) no-repeat 0 0; background-size:100%; width:630px; height:330px; padding:110px 60px 60px 60px;}
.name_coment ul li{ float:left; width:188px; padding:0 10px; height:18px; overflow:hidden; line-height:18px; font-size:14px; color:#000;}
/*--弹层---------*/
#newlayer{position:fixed;_position:absolute;z-index:1;left:0;top:0;text-align:center;white-space:nowrap;}
#newlayer .layer_bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);}
#newlayer .layer_place{position:relative;width:1px;overflow:hidden;margin-left:-1px;height:100%;visibility:hidden;display:inline-block;vertical-align:middle;*display:inline;}
#newlayer #layer_content{position:relative;display:inline-block;vertical-align:middle;text-align:left;*display:inline;_height:100px;}
#newlayer #layer_iframe{display:none;_display:block;width:100%;height:100%;z-index:-1;position:absolute;opacity:0;filter:alpha(opacity=0);}
#sublayer1,#sublayer2,#sublayer3,#sublayer4,#sublayer6,#sublayer7,#sublayer8,#sublayer9{display:none;}
#newlayer .btn_close{position: fixed; left:0;right:0;top:0; bottom:0; height:100%; display: block;background:url(../images/btn_close.gif) no-repeat 0 0;z-index:2;}
#sublayer5{line-height:normal;white-space:normal; z-index:3; position:relative;}
/*=======================滚动条================================*/
.sbar{ position:relative;height:330px;overflow:hidden;font-size:0; line-height:0; overflow:hidden;}
.sbar .scrollbar{ position:absolute; right:50px; top:110px; width:6px;background: url(../images/scrollbar_m.png) repeat-y 0 0;overflow:hidden;height:0;}
.sbar .scrollbar_m{background:#f10053;overflow:hidden; height:0;}
.sbar .scrollbar_tt,.sbar .scrollbar_bb{background:#009; height:0px;overflow:hidden;}

/*========================page_order====================*/
.page_order .jay{ bottom:; top:auto; width:22.29%; z-index:5; left:14.01%}
.page_order .wrapper_in{ background-size:100%;width:900px;}
.page_order .car{ top:auto; width:18.6041%; z-index:5; left:39.7916% ; z-index:5;}
.page_order  .name_list{ top:auto; width:7.7083%; z-index:5; right:16.6667%}
.page_order .order{ position:absolute; right:21.40625%; top:210px; width:396px; height:256px; z-index:4;}
.page_order .order p{ color:#000000; width:100%; font-size:14px; overflow:hidden; height:33px; line-height:35px;}
.page_order .order p.sex{ width:134px; float:left}
.page_order .order p.name{ width:260px; float:left;}
.page_order .order p.name input{ width:175px; border:1px solid #000; background-color:#fff; padding:4px 2px}
.page_order .order p.tel{ clear:both}
.page_order .order p.tel input{ border:1px solid #000; background-color:#fff;padding:4px 2px; width:308px;}
.page_order .order p span{display:inline-block;}
.page_order .order p select{ width:314px;padding:4px 2px;border:1px solid #000;}
.page_order .order p.adress select{width:155px;}
.page_order .order p.take_care{ font-size:12px; height:45px; line-height:20px;}
.page_order .order p.sub_btn{ padding-left:60px;} 
.page_order .order p.sub_btn input{ padding:4px 40px; border:0; background-color:#1c9c9d; color:#fff; font-size:16px;}
.page_order .order p.sub_btn input.reset{background-color:#bebebe;}

@media screen and (max-width: 1200px) {
} 



