@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
button {border:0 none;background-color:transparent;cursor:pointer}
input,button,select,textarea{outline:none}
input{border: none; font-style: normal;-webkit-appearance: none;cursor:pointer}
address,caption,cite,code,dfn,em,var,i {font-style:normal;font-weight:normal}
caption {display:none;}
table {width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;}
img{vertical-align: middle;}
* {
    line-height: 1em;
    margin: 0;
    padding: 0;
}
html {
    font-family:"微软雅黑";
    height: 100%;
    font-size: 0.8em;
}
body {
    color: #666;
    font-size: 24px;
    overflow-x: hidden;
	max-width:800px;
	margin:0 auto;
}
h1 {
font-size: 1.5em;
}
input::-webkit-input-placeholder {
    color: #999;
}

input:-moz-placeholder {
    color: #999;
}

input::-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder {
    color: #999;
}
input,button,select,textarea{outline:none}
input{border: none; font-style: normal;}
img{vertical-align: middle;}
a {outline: none;text-decoration:none; color: #636f79; font-size: 1em;} 
a:hover {text-decoration:none}
a:active {star:expression(this.onFocus=this.blur());}
.clearfix:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  /* 触发 hasLayout */ 
  zoom: 1; 
  }
@media only screen and (max-width: 1920px) and (min-width: 720px) { body{ font-size: 20px; }.viewport{max-width: 720px;}}
@media only screen and (max-width: 719px) and (min-width:690px) { body{ font-size: 19.4444px; }.viewport{max-width: 700px;}}
@media only screen and (max-width: 689px) and (min-width:660px) { body{ font-size: 18.6331px; }.viewport{max-width: 689px;}}
@media only screen and (max-width: 659px) and (min-width:630px) { body{ font-size: 17.8217px; }.viewport{max-width: 659px;}}
@media only screen and (max-width: 629px) and (min-width:600px) { body{ font-size: 17.0103px; }.viewport{max-width: 629px;}}
@media only screen and (max-width: 599px) and (min-width:570px) { body{ font-size: 16.1989px; }.viewport{max-width: 599px;}}
@media only screen and (max-width: 569px) and (min-width:540px) { body{ font-size: 15.3876px; }.viewport{max-width: 569px;}}
@media only screen and (max-width: 539px) and (min-width:510px) { body{ font-size: 14.5763px; }.viewport{max-width: 539px;}}
@media only screen and (max-width: 509px) and (min-width:480px) { body{ font-size: 13.7650px; }.viewport{max-width: 509px;}}
@media only screen and (max-width: 479px) and (min-width:450px) { body{ font-size: 12.9537px; }.viewport{max-width: 479px;}}
@media only screen and (max-width: 449px) and (min-width:420px) { body{ font-size: 12.1424px; }.viewport{max-width: 449px;}}
@media only screen and (max-width: 419px) and (min-width:390px) { body{ font-size: 11.3311px; }.viewport{max-width: 419px;}}
@media only screen and (max-width: 389px) and (min-width:360px) { body{ font-size: 10.5189px; }.viewport{max-width: 389px;}}
@media only screen and (max-width: 359px) and (min-width:330px) { body{ font-size: 9.7067px; }.viewport{max-width: 359px;}}
@media only screen and (max-width: 329px) and (min-width:250px) { body{ font-size: 8.8955px; }.viewport{min-width: 320px;}}



.area_info{ width:96%; padding:2%;}
.area_province{ width:100%; border-bottom:1px solid #eaeaea; display:inline-block; padding:3% 0;}
.area_province span{ float:left;font-size:1.5em; width:20%; text-align:right; margin-top:5%;}
.m_zlxg{ width:60%; cursor:pointer;float:left;display:inline;background:url(images/zlxg2.jpg) no-repeat; position:relative; border:1px solid #a0a0a0; padding:2%; margin-left:3%;}
.m_zlxg img{ position:absolute; right:3%; width:7%; top:36%;}
.m_zlxg p{ padding-left:10px; overflow:hidden; line-height:30px; color:#313131; font-size:1.5em; font-family:"微软雅黑";text-overflow:ellipsis; white-space:nowrap;}
.m_zlxg2{ position:absolute; top:100%; border:1px solid #ded3c1;background:#fff; width:100%; display:none; max-height:224px;-height:224px; overflow-x:hidden; overflow-y:auto;white-space:nowrap; z-index:999; left:-0.5%;}
.m_zlxg2 li{line-height:1.5em;white-space:nowrap; padding-left:7%;font-family:"微软雅黑";color:#333333; font-size:1.5em;}
.m_zlxg2 li:hover{ color:#7a5a21;}


/*-------------------------------------内部通知页----------------------------------*/
.img_sear{ width:96%; padding:3% 2%; display:inline-block;}
.img_input{ float:left; width:70%; background-color:#eeeeee; padding:3%; border-radius:0.5em; border-top:1px solid #dddddd;}
.img_input span{ width:6%; float:left; margin-top:1.3%;}
.img_input span img{ width:100%;}
.img_input input{ background-color:#eeeeee; width:90%; padding-left:2%; font-size:1.3em; color:#000; line-height:1.3em;}
.img_but{ float:right; width:20%;}
.img_but input{ width:100%;}
.notice_input{ border-bottom:1px solid #dcdcdc;}


.notice_list{ width:100%;}
.notice_num{ width:96%; padding:4% 2%; display:inline-block; border-bottom:1px solid #dcdcdc;}
.notice_num p{ font-size:1.3em; color:#b5b5b5; margin-top:2%;}
.notice_num span{ width:100%; display:inline-block;}
.notice_num span em{ color:#b5b5b5; font-size:1.3em; float:left;}
.notice_num span i{color:#b5b5b5; font-size:1.3em; float:right;}
.notice_first p{ color:#555555;}
.notice_first span em{ color:#555555;}
.notice_first span i{color:#555555;}


/*---------------------------------查找顾问------------------------------------------*/
.findgw_input{ width:96%; padding:0 2%;}
.findgw_input p{ width:96%; padding:5% 2%; color:#626262; font-size:1.3em;}
.findgw_input input{ width:96%; color:#707070; font-size:1.3em; background-color:#eeeeee; border-top:1px solid #dfdfdf; padding:2%; border-radius:0.2em;}
.findgw_input span{ width:100%; padding:3% 0; border-radius:0.4em; text-align:center; display:inline-block; margin-top:3%;}
.findgw_input span em{ color:#fff; font-size:1.5em;}
.findgw_input p#findgw_p{ padding:10% 2% 0;}
.findgw_input span#findgw_but_yel{ background-color:#fcc700;}
.findgw_input span#findgw_but_blue{ background-color:#0075e2;}


/*------------------------------查找顾问结果-------------------------------------------*/
.findres{ width:100%;}
.findres_num{ width:96%; padding:3% 2%; display:inline-block; border-bottom:1px solid #dfdfdf;}
.findres_num span{ float:left; width:15%; padding:2% 0;}
.findres_num span img{ width:100%;}
.findres_num_right{ float:right; width:80%;}
.findres_num_title{ width:90%; display:inline-block; padding-right:10%;}
.findres_num_title h4{ float:left; color:#535353; font-size:1.5em; font-weight:100; margin-top:1%;}
.findres_num_title p{ float:right; color:#bfbfbf; font-size:1.3em;}
.findres_right_bottom{ width:100%; display:inline-block; margin-top:11%;}
.findres_right_bottom span{ float:right; text-align:center; background-color:#fdb10d; border-radius:0.2em; width:20%; padding:3%;}
.findres_right_bottom span i{ color:#fff;}
.findres_rz{ width:30%; float:left; position:relative;}
.findres_rz em{ position:absolute; right:-30%; top:10%; font-size:1.3em; color:#0050a3;}
.findres_rz span{ float:left; background-color:#fbb800; width:83%; border-radius:1em; padding:2% 3%;}
.findres_rz span i{ float:left;color:#0050a3; margin-top:2%;}
.findres_rz span img{ float:left; width:18%;}


/*-----------------------------海岛游热门目的地-----------------------------*/
.haidaodes_height{ width:100%; height:4em;}
.back_line{ width:100%; height:0.2em; background-color:#e5e5e5; position:relative;}
.blue_line{ width:25%; height:0.2em; background-color:#289dff; position:absolute;}
.haidaodes{ width:100%; display:inline-block; padding-bottom:4%; border-bottom:1px solid #b3b3b3;}
.haidaodes span{ width:100%; color:#289dff; display:inline-block; text-align:center; margin-top:5%;}
.haidaodes span em{ width:19%; color:#434343; font-size:1.3em; text-align:center; display:inline-block; padding:0.5% 0; border-right:0.1em solid #289dff;}
.haidaodes .haidaodes_last{ border:none;}


/*-----------------------------顾问端在线咨询---------------------------------*/
.con_list{ width:100%;}
.con_num{ width:100%; display:inline-block;}
.con_num span{ float:left; width:16%; padding:2%;}
.con_num span img{ width:100%;}
.con_num_right{ float:right; width:75%; padding:0 2% 4%; border-bottom:1px solid #dfdfdf;}
.con_num_right p{ width:100%; font-size:1.3em; color:#aaaaaa; margin-top:4%;word-wrap:break-word;}
.con_num_right span{ float:none; display:inline-block; width:100%; padding:4% 0;}
.con_num_right span h4{ float:left; font-weight:100; font-size:1.5em; color:#1b1b1b;}
.con_num_right span i{ float:right; font-size:1.1em; color:#aaaaaa; margin-top:1%;}

.line_height{ display:inline-block; width:100%; height:6em;}

.con_foot{ width:100%; max-width:800px; position:fixed; bottom:0;}
.con_foot ul li{ float:left; width:50%; text-align:center; line-height:3em; padding-bottom:2%;}
.con_foot ul li a img{ width:13%;}
.con_foot ul li a h4{ color:#fff; font-size:1.2em;}


/*---------------------------客户端在线咨询------------------------------------*/
#cus_body{ background-color:#e4e4e1;}
.news_list{ width:100%; display:inline-block; height:100%;}
.gw_news{ width:96%; padding:0 2%; display:inline-block;}
.gw_news span{ width:15%; display:inline-block;}
.gw_news span img{ width:100%;}
.gw_news_main{ width:60%; padding:2%; background-color:#fff164; border:1px solid #000; border-radius:0.3em; margin-top:2%; margin-left:4%;}
.gw_news_main em{ color:#000;}
.gw_news_main p{word-wrap:break-word; color:#000; line-height:1.4em; margin-top:2%;}

.kh_news{ width:96%; padding:0 2%; display:inline-block; text-align:right;}
.kh_news span{width:15%; display:inline-block;}
.kh_news span img{ width:100%;}
.kh_news_main{ width:60%; padding:2%; background-color:#fff; border:1px solid #000; border-radius:0.3em; margin-top:2%; margin-left:4%;}


/*-------------------------------修改姓名------------------------------------*/
.updname{ width:96%; padding:2%;}
.updname p{ color:#535353; margin-top:5%;}
.updname span{ width:100%; position:relative; display:inline-block;}
.updname span input{ width:94%; border-radius:0.3em; background-color:#eeeeee; padding:3%; color:#313131;}
.updname span img{ width:6%; position:absolute; right:2%; top:17%;}


/*------------------------------登录页--------------------------------------*/
.login_nav{ width:100%; display:inline-block; border-bottom:0.1em solid #fff;}
.login_nav span{ width:50%; padding:5% 0; text-align:center; color:#fff; font-size:1.4em; float:left;}
.login_nav span#quicker_login{ background-color:#0075e2;}
.login_nav span#ordinary_login{ background-color:#00aaff;}


.login_form{ width:100%; border-top:1px solid #c0c0c0;}
.login_form_quicker{ width:96%; padding:4% 2%;}
.login_form_phone{ width:100%; display:inline-block;}
.login_form_phone input{ float:right; width:35%; border-radius:0.2em; background-color:#00aaff; color:#fff; text-align:center; padding:3.8% 0; font-size:1.4em;}
.login_form_phone span{ float:left; width:60%; position:relative;}
.login_form_phone span input{ width:77%; background-color:#eeeeee; border-radius:0.2em; color:#707070; font-size:1.4em; padding:5% 14%; border-top:0.1em solid #dfdfdf; float:none; text-align:left;}
.login_form_phone span img{ position:absolute; width:6%; top:26%; left:5%;}

.login_form_captchas{ width:100%; margin-top:3%; }
.login_form_captchas span{ width:100%;display:inline-block; position:relative;}
.login_form_captchas span input{ width:84%; background-color:#eeeeee; border-radius:0.2em; color:#707070; font-size:1.4em; padding:3% 8%; border-top:0.1em solid #dfdfdf;}
.login_form_captchas span img{ position:absolute; width:4%; top:40%; left:3%;}

.login_but{ width:100%; margin-top:4%;}
.login_but input{ width:100%; color:#fff; background-color:#fcc700; padding:3% 0; font-size:1.5em; border-radius:0.2em; font-weight:bold;}

.login_help{ width:96%; padding:2%; margin-top:4%;}
.login_help p{ color:#000; font-size:1.2em; line-height:1.5em;}
.login_help p a{ color:#ffa336;text-decoration:underline;}


.login_form_ordinary{ width:96%; padding:0 2%;}
.login_form_input{ width:100%; display:inline-block;}
.login_form_input span{ width:100%;display:inline-block; position:relative; margin-top:4%;}
.login_form_input span input{width:84%; background-color:#eeeeee; border-radius:0.2em; color:#707070; font-size:1.4em; padding:3% 8%; border-top:0.1em solid #dfdfdf;}
.login_form_input span img{ position:absolute; width:4%; top:29%; left:3%;}

.login_a{ width:96%; display:inline-block; padding:2%; margin-top:2%;}
.login_a a{ color:#0075e2; text-decoration:underline; font-size:1.2em;}
.login_a span#login_a_left{ float:left;}
.login_a span#login_a_right{ float:right;}
#login_helpid{ margin-top:0;}


/*------------------------------------注册页---------------------------------------------*/
.reg_top_line{ width:96%; padding:2%; background-color:#626262; display:inline-block;}
.reg_top_line em{ float:left; color:#fcc700; font-size:1.2em;}
.reg_top_line i{ float:left; color:#eeeeee; font-size:1.2em; margin-left:2%; margin-right:2%;}
.reg_top_line p{ float:left;color:#eeeeee; font-size:1.2em;}


.reg_input{ width:96%; display:inline-block; padding: 0 2%;}
#reg_form_phone{ margin-top:3%;}


/*-----------------------------------注册页2-------------------------------------------*/
.reg_set_password{ width:96%; padding:2%;}
#reg2_span img{ width:5%; left:2%; top:40%;}

.reg2_help{ width:96%; padding:2%; display:inline-block; margin-top:2%;}
.reg2_help span{ float:left; width:4%; border:1px solid #626262; height:1.2em;}
.reg2_help span img{ width:100%; margin-top:10%;}
.reg2_help p{ color:#626262; font-size:1.2em; float:left; margin-left:1%; text-decoration:underline; margin-top:1%; }
.reg2_help p a{ color:#00aaff;}


/*-------------------------------------等待顾问服务-------------------------------------*/
.waitser_top{ width:86%; padding:2%; position:fixed; background-color:#fdfff1; top:14em;z-index: 999;margin-top: 8%;}
.waitser_top span{ float:left; width:20%;margin-left: 2%;}
.waitser_top span img{ width:100%;}
.waitser_top_info{ float:right; width:75%;position: relative;}
.waitser_top_info .waitser_but{ width:40%; background-color:#fdb10d; padding:2%; border-radius:0.2em; margin-left:3%; margin-top:9%;position: absolute;right: 2px;top: 0;}
.waitser_top_info .waitser_but img{ float:left; width:20%;}
.waitser_top_info .waitser_but em{ float:left; color:#fff; font-size:1.5em; margin-left:4%;}
.waitser_info_left{ float:left; width:60%;}
.waitser_info_left h4{ color:#313131; font-size:1.7em; font-weight:500;margin-left: 2%;}
.waitser_info_left span{ width:100%; display:inline-block; margin-top:9%;}
.waitser_info_left span img{ float:left; width:14%;}
.waitser_info_left span em{ float:left; color:#003399; font-size:1.5em;  margin-left:4%; margin-top:1%;}
#waitser_rz{ width:60%; margin-top:5%;}
#waitser_rz span img{ width:20%;}
#waitser_rz em{top:40%; right:-90%;}
#waitser_rz span i{ line-height:1.2em;}



.waitser_tip .waitser_tip_context{display: inline-block; float: left; font-size: 1.5em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    color:#000000;
    width: 100%;}
.waitser_tip .waitser_tip_close{height: 2em; display: inline-block; width: 6%; float: right; background-image: url("../images/border_black_cha_03.png"); background-repeat: no-repeat; background-size: 100% 100%; margin-top: 0.8em;}
.waitser_tip{width: 100%; display: inline-block; border-bottom: 1px solid #eee;}

#prompt_msg { background-color: white;display:none; position: fixed;top: 10em;width: 90%; z-index: 999; border-radius:1.2em;box-shadow:0.2em 0.2em 0.2em #7a7977;text-align: center;left: 5%;height: 24.5em;}
#Prompt_msg span {float: left;width: 100%;margin-bottom: 4%;margin-top: 2%;}
#prompt_msg .orderend_msg {float: left;width: 100%;margin-bottom: 8%;margin-top: 2%;}
#prompt_msg .orderend_msg span{  width:100%;display: inline-block; }
#prompt_msg span input{ color:#000; background-color:#fcc601; font-size:1.5em; width: 48%; padding: 3% 0;border-radius:0.2em;}

#no_agent { background-color: white; position: fixed; top: 10em;width: 90%; z-index: 999; border-radius:1.2em;box-shadow:0.2em 0.2em 0.2em #7a7977;text-align: center;left: 5%;height: 24.5em;}
#no_agent span {float: left;width: 100%;margin-bottom: 2%;}
#no_agent .orderend_msg {float: left;width: 100%;margin-bottom: 8%;margin-top: 2%;}
#no_agent .orderend_msg span{  width:100%;display: inline-block; }
#no_agent span input{ color:#000; background-color:#fcc601; font-size:1.5em; width: 48%; padding: 3% 0;border-radius:0.2em;margin-bottom: 3%;}

#add_customer_info { background-color: white; position: fixed;top: 10em;width: 90%; z-index: 999; border-radius:1.2em;box-shadow:0.2em 0.2em 0.2em #7a7977;text-align: center;left: 5%;height: 24.5em;}
#add_customer_info span {float: left;width: 100%;margin-bottom: 4%;margin-top: 2%;}
#add_customer_info .orderend_msg {float: left;width: 85%; margin-left: 5%;}
#add_customer_info .orderend_msg span{  width:100%;display: inline-block; text-align: left;}
#add_customer_info span input{ color:#000; background-color:#fcc601; font-size:1.5em; width: 47%; padding: 3% 0;border-radius:0.2em;}
#add_customer_info .customer_info input {background-color: #eeeeee; color: #000000; font-size: 1.5em; padding: 4% 3%; text-align: left; margin-top: 2%; width: 94%;}

/*------------------------------------*/
.loading_top{ width:100%; background-color:#000; display:none; position:fixed; top:0; max-width:800px;z-index: 999; background-color: gray;}
.loading_top span{ float:right; width:15%; text-align:center; background-color:#fdb10d; padding:3%; margin:1% 3%; border-radius:0.3em;}
.loading_top span input{ color:#fff; background-color:#fdb10d; font-size:1.2em;}
.loading{ position:absolute; width:65%; top:25%; left:15%; height:18em; background-color:#000; opacity:0.5; border-radius:2em;z-index: 999;}
.loading p{ width:94%; padding:2% 3%;word-wrap:break-word;  color:#fff; font-size:1.2em; z-index:999; line-height:1.4em;}
.load3 .loader {
  font-size: 10px;
  margin: 15% auto;
  text-indent: -9999em;
  width: 6em;
  height: 6em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
}
.load3 .loader:before {
  width: 50%;
  height: 50%;
  background: #FFF;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.load3 .loader:after {
  background: #000;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.inner {
  width: 100%;
}
.load-container {
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  overflow: hidden;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.load-container a:link,
.load-container a:visited {
  position: absolute;
  bottom: 3px;
  font-size: 1.15em;
  text-align: center;
  left: 0;
  right: 0;
  text-decoration: none;
  color: #FFF;
}
.load-container a:link:hover,
.load-container a:visited:hover {
  text-decoration: underline;
}
.loader {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
@media (max-width: 960px) {
  .inner {
    width: 480px;
  }
}
@media (max-width: 500px) {
  .inner {
    width: 100%;
  }
  .load-container {
    width: 100%;
  }
}


/*----------------------------------------更多目的地------------------------------*/
.moredes_list{ width:100%;}
.moredes_num{ width:100%; display:inline-block;}
.moredes_num span{ width:80%; display:inline-block;border-bottom:1px solid #dbdbdb; padding:4% 10%;}
.moredes_num span em{color:#313131; font-size:1.5em;}
.moredes_num_top{ width:96%; padding:2%; background-color:#d5f3ff; border-bottom:1px solid #dbdbdb;}
.moredes_num_top i{ color:#707070; font-size:1.5em;}


.moredes_a{ position:fixed; width:10%; top:13%; right:-4%; height:100%;}
.moredes_a p{ width:100%; color:#00aaff; height:3.3%;}


.black_but{ position: fixed; bottom: 2%; right:8%; width: 16%; background-color: #FDB10D; border-radius:0.3em; text-align: center;}
.black_but a p{ padding: 10% 0; font-size: 1.5em; color: #fff;}
/*--------------------------------------转发产品客户选择列表-------------------------------------*/
.cus_hint{ width:80%; padding:10%; background-color: #434343; text-align: center; color: #fff; position: relative; font-size: 1.5em; line-height: 1.8em;}
.cus_hint h4{ float: left; margin-left: 10%; width: 100%; text-align: left; font-size: 1.3em; font-weight: 100;}
.cus_hint p{ display: inline-block; width: 100%; margin-top: 4%;}
.cus_hint img{ position: absolute; width: 7em; right: 5%; top: 3%;}

.cus_top_text{ width:96%; padding:2%; padding-bottom:0;}
.cus_top_text p{ color:#f05b5b; font-size:1.2em;}

.cus_list{ width:100%;}
.cus_list_top{ width:92%; padding:4%; background-color:#eeeeee; display:inline-block; border-bottom:1px solid #c9c9c9;}
.cus_list_top p{ font-size:1.5em; color:#555555; float:left;}
.cus_list_top span{ float:right; width:4%;}
.cus_list_top span img{ width:100%;}

.cus_list_bottom{ width:100%;  display:inline-block;}
.cus_list_num{ width:92%; padding:4%; display:inline-block;border-bottom:1px solid #dcdcdc;}
.cus_num_left{ float:left;}
.cus_num_left img{ width: 20%;float: right;}
.cus_num_left em{ color:#555555; font-size:1.5em;}
.cus_num_left p{ color:#555555; font-size:1.2em; margin-top:10%;}
.cus_num_but{ float:right; width:70%;}
.cus_but_info{ float:right; background:url(../images/backyellow_03.png) no-repeat; background-size:100% 100%; margin-right:5%;}
.cus_but_yd{  float:right; background:url(../images/backblue_03.png) no-repeat; background-size:100% 100%;}
.cus_nums{ width:39%; padding:5% 3%;}
.cus_nums span{ float:left; width:17%; margin-left:7%;}
.cus_nums p{ color:#fff; font-size:1.4em; float:left; margin-left:10%; margin-top:-1%;}
.cus_nums span img{ width:100%;}

.cus_list_checkbox{ float:right; width:6%; border:1px solid #929292; height:2em; margin-right:3%; margin-top:2%;}
.cus_checkbox_back{ background:url(../images/writegou_03.png) no-repeat; background-size:100% 100%;}
.cus_list_checkbox input[type=checkbox] {visibility: hidden;}

.cus_bottom_but{ width:92%; padding:2% 4%; display:inline-block; background-color:#eeeeee; position:fixed; bottom:0;}
.cus_bottom_but input{ float:right; width:50%; background-color:#0075e2; color:#fff; text-align:center; padding:4%; border-radius:0.2em; font-size:1.3em;}
/*-------------------------------------转接顾问列表----------------------------------------*/
.divi_list{ width:100%; border-top:1px solid #dbdbdb;}
.divi_num{ width:98%; padding:2%; display:inline-block; padding-right:0;}
.divi_num span{ float:left; width:15%;}
.divi_num span img{ width:100%;}
.divi_num_right{ float: right; width:75%; border-bottom:1px solid #dfdfdf;padding:5% 0;}
.divi_num_right p{ float:left; color:#7d7d7d; font-size:1.5em;}
.divi_num_right span{ float: right; width:4%; margin-right:5%; }

.transfer_radio{ float:right; width:6%; border:0.1em solid #d2d2d2; margin-right:5%; height:1.5em; border-radius:15em;}
.transfer_radio span{ width:50%; float:left; background-color:#898989; border-radius:12em; height:50%; margin-top:25%; margin-left:25%;}
.transfer_radio input{visibility: hidden;}


/*---------------------------------设置页-------------------------------------------*/
.setup{ width:96%; padding:2%;}
.push_massage{ width:100%;}
.push_massage p{ color:#a0a0a0; font-size:1.3em; width:96%; padding:6% 2%; border-bottom:1px solid #c9c9c9;}
.push_massage_top{ width:96%; padding:0 2%; display:inline-block;}
.push_massage_top em{ color:#535353; font-size:1.5em; float:left; margin-top:2%;}
.push_top_radio{ float:right; width:15%; height:1.7em; background-color:#ffc929; border:0.5em solid #d5d5d5; border-radius:2em; position:relative;}
.push_top_radio span{ width:40%; height:100%; border:1px solid #a0a0a0; background-color:#f3f3f3; border-radius:20em; position:absolute;top:-4%; left:57%;}
.push_top_radio span em{ float:left; width:50%; height:50%; background-color:#e2e3e3; border-radius:20em; margin:25% 0 0 25%;}
.push_massage_list{ width:100%;}
.push_massage_list span{ width:96%; display:inline-block; border-bottom:1px solid #c9c9c9; padding:4% 2%; position:relative;}
.push_massage_list span em{ color:#535353; font-size:1.5em;}
.push_massage_list span img{ position:absolute; width:6%; top:33%; right:3%;}
.push_massage_list span input{ visibility:hidden;}

.setup_state{ width:96%; padding:2%;}
.setup_state p{color:#a0a0a0; font-size:1.3em;word-wrap:break-word; border-bottom:1px solid #c9c9c9; line-height:1.3em; padding:2% 0;}
.setup_state_top{ width:100%; padding:2% 0;}
.setup_state_top em{color:#535353; font-size:1.5em;}
.setup_state_list{ width:100%;}
.setup_state_list span{ width:100%; display:inline-block; border-bottom:1px solid #c9c9c9; padding:4% 0; position:relative;}
.setup_state_list span em{ color:#535353; font-size:1.5em;}
.setup_state_list span img{ position:absolute; width:6%; top:33%; right:3%;}
.setup_state_list span input{ visibility:hidden;}

.setup_greeting{ width:96%; padding:2%;}
.setup_greeting_top{ width:100%; border-bottom:1px solid #c9c9c9; padding-bottom:4%;}
.setup_greeting_top em{ font-size:1.5em; color:#535353;}
.setup_greeting_bottom{ width:100%;border-bottom:1px solid #c9c9c9; padding:4% 0; display:inline-block;}
.setup_greeting_bottom em{ float:left; font-size:1.5em;color:#535353;}
.setup_greeting_bottom span{ float:right; width:70%; margin-right:1%;}
.setup_greeting_bottom span img{ float:right; width:5%;}
.setup_greeting_bottom span i{ float:right; font-size:1.2em; margin-right:6%; margin-top:1%; color:#a0a0a0;}


.setup_bottom{ width:100%; background-color:#626262; padding:3% 0; text-align:center;}
.setup_bottom em{ color:#fff; font-size:1.2em;}



/*-------------------------------我的客户-------------------------------*/
#mycus2_list_num{ width:100%; padding:inherit;}
#mycus2_num_left{ width:24%; padding:2%; background-color:#f7f7f7;}
.mycus2_num_right{ float:left; width:72%;}
.mycus2_right_four{ width:32.5%; text-align:center; float:left; padding:1% 0; border-left:1px solid #dcdcdc;}
.mycus2_right_four p{ font-size:1.2em; margin-top:6%;}
.mycus2_right_four span{ width:50%; background-color:#eeeeee; display:inline-block; padding:1%; border-radius:20em; height:2.5em;}
.mycus2_right_four span img{ width:50%; margin-top:25%;}
.mycus2_img_t span img{ margin-top:18%;}



/*------------------------------内部通知---------------------------------*/
.int_notice_top{ width:96%; padding:2%;}
.int_notice_title{ width:96%; display:inline-block; padding:2%;}
.int_notice_title em{ float:left; color:#313131; font-size:1.3em; font-weight:bold;}
.int_notice_title p{ float:left; width:70%; margin-left:6%; font-size:1.3em; color:#707070;}
.int_notice_main{ width:96%; padding:2%; display:inline-block; border-bottom:1px solid #dcdcdc;}
.int_notice_main em{color:#313131; font-size:1.3em; font-weight:bold; display:inline-block;}
.intno_main_txt{ width:100%; padding:4% 0;}
.intno_main_txt i{ font-size:1.3em; color:#707070; width:100%; display:inline-block; margin-bottom:4%;}
.intno_main_txt p{ font-size:1.3em; color:#707070;text-indent:2em; word-wrap:break-word; line-height:1.5em;}
.intno_main_txt span{ width:100%; margin-top:4%; display:inline-block;}
.intno_main_txt span i{ text-align:right;}


.int_notice_bottom{ width:96%; padding:2%;}
.intno_bottom_line{ width:96%; padding:2%; display:inline-block;}
.intno_bottom_line em{ float:left; color:#313131; font-size:1.3em; font-weight:bold;}
.intno_bottom_line p{float:left; width:70%; margin-left:6%; font-size:1.3em; color:#707070;}



/*-----------------------我的资料库----------------------------------*/
.mydata_list{ width:100%;}
.mydata_num{ width:90%; padding:7% 5%; display:inline-block; border-bottom:1px solid #dcdcdc;}
.mydata_num span{ float:left; width:46%; padding:2%; border:1px solid #dcdcdc; border-radius:0.5em;}
.mydata_num span img{ width:100%;}
.mydata_num_right{ width:40%; padding:7% 4.5%; float:left;}
.mydata_num_right em{ width:100%; font-size:1.3em; color:#313131; display:inline-block; margin:3% 0;}
.mydata_num_right i{ width:100%; font-size:1.3em; color:#555555; display:inline-block;margin:3% 0;}
.mydata_num_right p{ width:100%; font-size:1.3em; color:#555555; display:inline-block;margin:3% 0;}



/*------------------------------------编辑资料库-------------------------------------*/
.upddata_img{width:100%; background-color:#fff; padding:8% 0; text-align:center;border-bottom:1px solid #dcdcdc;}
.upddata_img img{ width:70%;}

.upddata_form{ width:94%; padding:5% 3%; background-color:#f4f4f4; padding-bottom:20%;}
.upddata_form span{ width:94%; display:inline-block; padding:0 3%;}
.upddata_form span em{ float:left; font-size:1.3em; color:#000; margin-right:5%; margin-top:4%}
.upddata_form span input{ float:left; width:75%; font-size:1.3em; padding:3% 2%; border:1px solid #dcdcdc; border-radius:0.4em; color:#b5b5b5;}

.upddate_but{ width:94%; padding:4% 3%; margin-top:30%;}
.upddate_but input{ background-color:#fdb10d; width:100%; padding:3% 0; border-radius:0.3em; color:#fff; font-size:1.5em; box-shadow:0.1em 0.2em 0.2em #000;}


/*-------------------------------------查看资料库---------------------------------*/
.showdata{ width:94%; padding:3%; background-color:#f4f4f4; padding-bottom:20%;}
.showdata_info{ width:100%; padding:6% 0;}
.showdata_info span{ width:88%; display:inline-block; padding:2% 6%;}
.showdata_info span em{ float:left; font-size:1.5em; color:#898989;}
.showdata_info span i{ float:left; margin-left:10%; font-size:1.4em; color:#555555;}


.showdata_but{ width:88%; padding:2% 6%; margin-top:8%;}
.showdata_but span{ width:100%; position:relative; display:inline-block; margin-top:3%;}
.showdata_but span img{ width:5%; position:absolute; left:43%; top:29%;}
.showdata_but span input{ width:100%; color:#fff; padding:3% 0; color:#fff; font-size:1.5em; border-radius:0.3em;text-indent:2em;}
.showdata_but span input#upd_button{ background-color:#959595;}
.showdata_but span input#del_button{ background-color:#ff0000;}


/*--------------------------------我的资料库上传----------------------------------*/
#upload_img img{ width:20%; padding:12% 0}
#upload_form{ padding:5% 3% 0;}

.all_black{ width:96%; padding:0 2%; height:100%; position:fixed; top:0; background-color:#000; background-color:rgba(0,0,0,0.5);}
.all_black_top{ position:absolute; bottom:20%; width:96%; border-radius:0.3em; background-color:#fff; }
.all_black_top span{color:#00aaff; text-align:center; font-size:1.5em; width:100%; display:inline-block; padding:3% 0;}
.all_black_bottom{ position:absolute; bottom:10%; width:96%; border-radius:0.3em; background-color:#fff;}
.all_black_bottom span{text-align:center; font-size:1.5em; width:100%; display:inline-block; padding:3% 0; color:#707070;}
.all_black_bd{ border-bottom:1px solid #c9c9c9;}


.upload_height{ width:100%; height:5em;}



/*-------------------------------订单详情页-------------------------------------*/
.orde_info{ width:96%; padding:4% 2%;}
.orde_info span{ width:100%; display:inline-block; padding:2% 0;}
.orde_info span em{ float:left; font-size:1.3em; color:#1b1b1b; width:17%; text-align:right; margin-top:1%;}
.orde_info span i{ float:left; font-size:1.3em; color:#898989; width:78%; padding-left:5%;word-wrap:break-word; line-height:1.4em;}
.orde_info span i a{ color:#1060b5;text-decoration: underline; }


.orde_height{ width:100%; height:2em; background-color:#e5e5e5;}


.orde_list{ width:100%; display:inline-block; padding:2% 0;}
.orde_list_top ul{ width:100%; display:inline-block;}
.orde_list_top ul li{ float:left; width:25%; text-align:center; font-size:1.3em; color:#1b1b1b;}
.orde_line{ width:100%; height:0.2em; background-color:#707070; position:relative; display:inline-block;}
.orde_animate{ position:absolute; height:0.2em; width:25%; left:0; top:0; background-color:#00aaff;}

.orde_list_bottom{ width:100%; padding:2% 0;}
.orde_customer_info{ width:96%; padding:2%;}
.orde_customer_info span{ width:100%; padding:2% 0; display:inline-block;}
.orde_customer_info span em{ float:left;font-size:1.3em; color:#1b1b1b; width:25%; text-align:right; margin-top:0.5%;}
.orde_customer_info span i{ float:left; font-size:1.3em; color:#898989; width:73%; padding-left:2%;word-wrap:break-word; line-height:1.4em;}

.orde_price_info{ width:100%;}
.orde_price_info span{ float:left; color:#1b1b1b; text-align:center; border-right:1px solid #e5e5e5; font-size:1em; padding:2% 0;}
.orde_price_title{ width:100%; display:inline-block;border-bottom:1px solid #e5e5e5;}
.orde_price_info .orde_price_title span{ text-align:center;}
.orde_price_line{ width:100%; display:inline-block;border-bottom:1px solid #e5e5e5;}
.orde_price_info span{ text-align:left; padding-right:2%;}
.orde_price_info span.orde_price_one{ padding-left:2%;}
.orde_price_line span.orde_price_right{ text-align:right;}
.orde_price_line span em{ color:#898989;}
.orde_price_one{ width:45%;}
.orde_price_two{ width:14%;}
.orde_price_three{ width:10%;}
.orde_price_info .orde_price_four{ width:20%;border-right:none;}

.orde_total{ width:96%; padding:2%;}
.orde_total p{ width:100%; text-align:right; color:#1b1b1b; font-size:1em; padding:1% 0;}


.orde_charge{ width:96%; padding:2%;}
.orde_charge span{ width:98%; padding:1%; color:#898989; font-size:1.3em; display:inline-block;}
.orde_charge span em{ color:#1b1b1b;}


.orde_charge_record{ width:100%;}
.orde_record_num{ width:96%; padding:2%; border-bottom:1px solid #898989;}
.orde_record_line{ width:100%; display:inline-block; padding:2% 0;}
.orde_record_line span{ font-size:1.3em; color:#898989;}
.orde_record_line span.orde_line_left{ float:left; width:60%;}
.orde_record_line span.orde_line_left em{width:45%;}
.orde_record_line span.orde_line_left i{ padding:0 2%; width:50%; word-wrap:break-word;}
.orde_record_line span.orde_line_right{ float:right; width:40%;}
.orde_record_line span.orde_line_right em{ width:55%;}
.orde_record_line span.orde_line_right i{ width:45%; text-align:right;}
.orde_record_line span em{ float:left; color:#1b1b1b; text-align:right;}
.orde_record_line span i{ float:right;}

#orde_licolor{ color:#00aaff;}
#orde_price_noborder{ border-bottom:0.6em solid #e5e5e5;}
























/*-------------------------顾问端定制列表----------------------------*/
.diylist{ width:92%; padding:4%; background-color:#e5e5e5;}
.diylist_num{ width:96%; padding:2%; background-color:#fff; position:relative; margin-bottom:0.5%;}
.diylist_num_line{ color:#555555; font-size:1.3em; display:inline-block; width:96%; padding:2%;}
.diylist_num_line i{ float: left;}
.diylist_num_line b{ float: left; font-weight: 100;}
.diylist_num_line p{ float:left; letter-spacing:0.2em;}
.diylist_num_line p.op{ letter-spacing:0.35em;}
.diylist_num_line span{ border-radius:0.2em; text-align:center; padding:1.5% 0; margin-right:2%; width:23%; float:right;}
.diylist_num_line span em{ font-size:0.9em;}
.diylist_num_line span.contact_op{ background-color:#00aaff; color:#fff; float:left; margin-left: 2%; margin-top: -1%;}
.diylist_num_line span.diylist_cancel{ background-color:#c7c7c7;}
.diylist_num_line span.diylist_other{ background-color:#f8b551;}
.diylist_span{ position:absolute; padding:2% 0; text-align:center; width:25%; right:3%; top:3%;}
.diylist_span.diylist_span_proce{ background:url(../images/blackblue_radius_03.png) no-repeat; background-size:100% 100%;}
.diylist_span.diylist_span_sure{ background:url(../images/redback_03.png) no-repeat; background-size:100% 100%;}
.diylist_span.diylist_span_grey{ background:url(../images/greyback_03.png) no-repeat;background-size:100% 100%;}
.diylist_span em{ color:#fff; font-size:1.3em;}
.diylist_span_grey em{ color:#535353;}


/*---------------------------定制详情页-----------------------------*/
.diy_form{ width:96%; padding:2% 2% 0; border-bottom:1px solid #dbdbdb;}
.diy_form p{ float:left; color:#898989; font-size:1.3em;}
.diy_des{ width:96%; display:inline-block; border-bottom:1px solid #f1f1f1; padding:4% 2%;}
.diy_des p{ letter-spacing:0.6em;}
.diy_des span{ float:left; margin-left:4%; color:#00aaff; font-size:1.5em; margin-top:-1%; width: 70%;}
.diy_city{ width:96%; display:inline-block; border-bottom:1px solid #f1f1f1; padding:6% 2% 4%;}
.diy_city p{letter-spacing:0.1em;}
.diy_city .diy_city_select{ float:left; width:30%; background-color:#eeeeee; margin-left:5%;border-radius:0.4em; margin-top:-2%;}
.diy_city .diy_city_select select{-webkit-appearance:none;appearance:none;border:none; float:left; width:70%; background-color:#eeeeee; text-align:left; color:#626262; font-size:1.5em; padding:3% 6%; border-radius:0.4em 0 0 0.4em; border-top:1px solid #d7d7d7;}
.diy_city .diy_city_select span{ float:left; width:30%; background-color:#0075e2; text-align:center; padding:8% 0; border-radius:0.2em;}
.diy_city .diy_city_select span img{ width:50%;}
.diy_data{ width:96%; display:inline-block; padding:4% 2%;}
.diy_data p{ letter-spacing:0.1em;}
.diy_data span{ float:left; margin-left:5%; width:75%;}
.diy_data span em{ color:#626262; font-size:1.5em; float:left; margin-left: 5%;}
.diy_data span img{ float:left; width:10%; margin-top:-1%; margin-left:8%;}
.diy_data span a img{ width:6%;}

.diy_data1{ width:96%; display:inline-block; padding:4% 2%;}
.diy_data1 p{ letter-spacing:0.1em;}
.diy_data1 span{ float:left; margin-left:23%; width:75%;}
.diy_data1 span em{ color:#626262; font-size:1.5em; float:left; margin-left: 5%;}
.diy_data1 span img{ float:left; width:10%; margin-top:-1%; margin-left:8%;}
.diy_data1 span a img{ width:6%;}


.diy_num{ width:96%; padding:2%; border-bottom:1px solid #dbdbdb;}
.diy_num p{ float:left; color:#898989; font-size:1.3em;letter-spacing:0.1em;}
.diy_days{ width:96%; padding:4% 2%; border-bottom:1px solid #f1f1f1; display:inline-block;}
.diy_persons{ width:96%; padding:4% 2%;border-bottom:1px solid #f1f1f1; display:inline-block;}
.diy_budget{ width:96%; padding:6% 2% 4%;border-bottom:1px solid #f1f1f1; display:inline-block;}
.diy_budget span{ float:left; margin-left:5%; width:70%; margin-top:-3%;}
.diy_budget span input{ background-color:#eeeeee; color:#959595; padding:4% 3%; text-align:center; width:55%; font-size:1.3em;}
.diy_budget span em{color:#10acf8; font-size:1.5em;}
.diy_other{ width:96%; padding:5% 2% 4%;display:inline-block;}
.diy_other p{ margin-top:15%;}
.diy_other textarea{ float:left; margin-left:5%; width:70%; color:#b5b5b5; font-size:1.2em; height:8em; padding:2%;}

.diy_jj{ float:left; margin-left:5%; width:50%; margin-top:-2%;}
.diy_jj p{ margin-top:4%; font-size:1.4em; margin-left:-3%;}
.diy_jj span{ float:left; width:70%;}
.diy_jj span i{ float:left; color:#fff; font-size:1.5em; background-color:#10acf8; padding:5.7%; text-align:center; width:20%;}
.diy_jj span em{ color:#aaaaaa; padding:5% 0; text-align:center; background-color:#eeeeee; width:25%; float:left; height:1.5em; border:0.5px solid #dcdcdc; border-radius:0 0.3em 0.3em 0;}
.diy_jj span em.j{ padding:6% 0; height:1.3em; border-radius:0.3em 0 0 0.3em;}
.diy_jj span em img{ width:50%;}
#diy_jj_bottom{ margin-left:23%; margin-top:6%;}


.diy_info_four{ width:96%; display:inline-block; border-bottom:1px solid #f1f1f1; padding:4% 2%;}
.diy_info_four p{letter-spacing:0.1em;}
.diy_info_four p.op{letter-spacing:0.2em;}
.diy_info_four span{ float:left; margin-left:5%; color:#00aaff; font-size:1.5em; margin-top:-1%;}
.diy_info_four span.contact_op{ border-radius:0.2em; text-align:center; padding:1.5% 0; margin-right:2%; width:23%; background-color:#00aaff; color:#fff; margin-top:-2%;}
#diy_info_span{ color:#626262;}

.diy_info_but{ width:96%; padding:2%; display:inline-block;}
.diy_info_but span{ width:22%; margin:0 1%; text-align:center; padding:1% 0; background-color:#fcc601; display:inline-block;}
.diy_info_but input{ line-height: 1.3em;color:#626262; font-size:1.3em; background-color:#fcc601;}

.diy_info_budget span input{ width:36%; color:#fc9411; text-align:left;}
.diy_info_budget span em{ color:#898989; margin-left:5%;}
.diy_info_other p{ margin-top:2%;}
.diy_info_other textarea{ height:6em; color:#898989;}
.diy_info_jj span i{ background-color:#c2c2c2;}
.diy_city .diy_info_select{ width:40%; margin-left:4%;}
.diy_info_des{ position:relative;}
.diy_info_des img{ position:absolute; right:3%; width:2.5%; top:26%;}
.diy_info_data span img{ width:15%;}





/*-----------------------定制页目的地修改------------------------------*/
.diy_choose{ width:96%; padding:2%; margin-top:2%;}
.diy_choose_top{ width:100%; display:inline-block;}
.diy_choose_top p{ float:right; color:#fcc700; margin-top:3%; font-size:1.5em;}
.diy_top_left{ float:left; width:35%;}
.diy_top_cj{ float:left; width:48%; background-color:#eeeeee; font-size:1.5em; text-align:center; padding:8% 0; border-radius:0.3em 0 0 0.3em; border-top:1px solid #dadada; border-right:1px solid #dadada;}
.diy_top_gn{ float:left; width:48%; background-color:#eeeeee; font-size:1.5em; text-align:center; padding:8% 0; border-radius:0 0.3em 0.3em 0; margin-left:2%; border-top:1px solid #dadada; border-left:1px solid #dadada;}
#diy_top_background{ background-color:#fcc700;}

.diy_choose_des{ width:100%; display:inline-block; margin-top:6%;}
.diy_des_top{ width:100%; border-bottom:1px solid #e3e3e3; display:inline-block;}
.diy_des_top span{ background-color:#fcc700; padding:2%; font-size:1.2em; float:left; border-radius:0.5em 0.5em 0 0;}
.diy_des_top p{ float:left; font-size:1.2em; margin-left:2%; margin-top:2%;}
.diy_des_top i{ float:left; margin-left:2%; margin-top:2%;}
.diy_des_grid{ width:100%; display:inline-block; padding:3% 0;}
.diy_des_grid ul{ margin-top:2%; width:100%; display:inline-block;}
.diy_des_grid ul li{ width:32%; margin-right:2%; padding:6% 0; background-color:#00aaff; float:left; text-align:center; color:#fff; font-size:1.3em; border-radius:0.4em; word-break:keep-all;}
.diy_des_grid ul li.diy_grid_last{ margin-right:0;}

.diy_choose_result{ width:100%; display:inline-block; border-top:1px solid #e3e3e3; padding:3% 0; margin-top:2%;}
.diy_choose_result p{ float:left; margin-left:2%; font-size:1.2em; color:#474646; margin-top:1%;}
.diy_choose_result span{ width:13%; color:#fcc700; border:1px solid #fcc700; padding:1% 0; text-align:center; font-size:1.2em; border-radius:0.4em; margin-left:3%; position:relative; display:inline-block; margin-bottom:2%;word-break:keep-all;}
.diy_choose_result span img{ position:absolute; width:43%; right:-20%; top:-22%;}
.diy_choose_result span em{ width:100%; overflow:hidden; display:inline-block;}

.diy_but{ width:96%; margin:2%; background-color:#fcc700; padding:3% 0; text-align:center;}
.diy_but input{color:#fff; font-size:1.5em; background-color:#fcc700;}





/*---------------------------------抢单列表-----------------------------------*/
.bes_list{ width:96%; padding:2%;}
.bes_list .bes_num{ background-color:#eeeeee; width:100%; display:inline-block; margin-bottom:2%;}
.bes_list .bes_num .bes_num_top{ width:98%; padding:1%; display:inline-block; border-bottom:1px solid #c9c9c9;}
.bes_list .bes_num .bes_num_top span{ float:right; background:url(../images/bsetop_back_03.png) no-repeat; background-size:100% 100%; width:20%; padding:2% 3%;}
.bes_list .bes_num .bes_num_top span em{ width:30%; display:inline-block;}
.bes_list .bes_num .bes_num_top span em img{ width:100%;}
.bes_list .bes_num .bes_num_top span i{ color:#fff; font-size:1.2em; margin-top:6%; float:right;}
.bes_list .bes_num .bes_num_bottom{ width:96%; padding:2%;}

.bes_list .bes_num_end .bes_num_top span a i{ color:#535353;}
.bes_list .bes_num_end .bes_num_top span{ background:url(../images/bestop_black_03.png) no-repeat;background-size:100% 100%;}
.bes_list .bes_num_end .bes_bottom_txt span{ background-color:#d2d2d2; color:#535353;}
.bes_bottom_txt{ width:100%; margin-bottom:2%;position:relative;}
.bes_bottom_txt p{ float:left; text-align:center; font-size:1.5em; color:#555555; width:20%;}
.bes_bottom_txt em{ font-size:1.5em; margin-left:1%;}
.bes_bottom_txt i{ margin-left:3%; font-size:1.5em; color:#555555;}
.bes_bottom_txt span{ position:absolute; right:0; top:0; font-size:1.3em; background-color:#f8b551; color:#fff; padding:1%; border:1px solid #aaaaaa; border-radius:0.3em; text-align:center;}
.bes_top_title{ padding:2%; float:left;}
.bes_top_title p{ color:#0075e2; font-size:1.5em; line-height:1.5em;}


.bes_qd{ padding:1% 0;display: inline-block;}
.bes_qd i{ color:#0075e2; font-size:1.6em;float: right;width:74%;}

.bes_qd i.q_context {width: 74%;margin-left: 18%;margin-top: 2%;color:black;}


/*-------------------------------------提示消息样式---------------------------------------------*/
.all_alert{ position:fixed; width:100%; height:100%; top:0; left:0; background-color:rgba(0,0,0,0.5);z-index: 9999;}
.all_alert_content{ position:absolute; width:80%; height:11em; margin:auto;top: 0; left: 0; bottom: 0; right: 0; text-align:center; }
.all_alert_content h4{ font-size:1.5em; color:#000; word-break:break-all;  padding:2em 0; background-color:#fff; border-radius:0.4em 0.4em 0 0;}
.all_alert_content span{ width:100%; border-top:1px solid #CCC; display:inline-block; font-size:1.5em; color:#09F; padding:1em 0; background-color:#fff;border-radius:0 0 0.4em 0.4em;}
.top_alert{ position:fixed; padding:4% 5%; top:-20%; left:0;background-color:rgba(250,199,0,0.9); text-align:center; border-radius:0.3em; right:0; margin:0 auto; width:40%;z-index: 9999;}
.top_alert em{ color:#fff; font-size:1.5em;}


/*-------------------------------------联系op------------------------------------------------*/
#consult_op_window {
  width: 100%;
  max-width: 800px;
  height: 100%;
  position: fixed;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
}
#consult_op_dialog {
  width: 95%;
  background-color: #FFF;
  margin: 20% auto;
  border-radius: 2px;
}
#consult_op_title {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  background-color: #D5F3FF;
  height: 2.2em;
  line-height: 2.2em;
  color: #0074E3;
  font-size: 1.7em;
  padding: 0 1em;
}
#consult_op_dial_title, #consult_op_dial_chat {
  font-size: 1.8em;
  padding: 0 1em;
  color: #000;
  height: 2.2em;
  line-height: 2.2em;
  border-bottom: 1px solid #D4D5D5;
  /*背景渐变*/
  background: #FBFBFC;
  background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#EFEFEF));
  background: -webkit-linear-gradient(white,#EFEFEF);
  background: -moz-linear-gradient(white,#EFEFEF);
  background: -ms-linear-gradient(white,#EFEFEF);
  background: -o-linear-gradient(white,#EFEFEF);
  background: linear-gradient(#fff,#EFEFEF);
}
#consult_op_dial_tel {
  border-bottom: 1px solid #DCE2E9;
}
#consult_op_dial_tel, #consult_op_dial_cell {
  background-color: #E1EBF3;
  font-size: 1.5em;
  height: 2.5em;
  line-height: 2.5em;
  padding: 0 1em;
}
#consult_op_cancel {
  text-align: center;
  height: 5em;
  line-height: 5em;
}
#consult_op_cancel_btn {
  height: 2.5em;
  width: 95%;
  background: #A9A9AB;
  color: #FFF;
  border-radius: 2px;
}
#consult_op_dial_chat img {
  height: 0.5em;
  width: 0.5em;
  right: 10%;
  position: absolute;
  margin-top: 5%;
}
#consult_op_dial_tel img {
  height: 1em;
  width: 1em;
  right: 9%;
  position: absolute;
  margin-top: 2.5%;
}

#consult_op_dial_title img {
  height: 0.5em;
  width: 0.5em;
  right: 10%;
  position: absolute;
}
#consult_op_dial_cell img{
  height: 1em;
  width: 1em;
  right: 9%;
  position: absolute;
}

#consult_op_dial_title img, #consult_op_dial_cell img {
  margin-top: 0.9em;
}


/*-------------------------------顾问端客户资料---------------------------*/
.customer_head_img{ width: 96%; padding: 2%; background-color: #fdfff1; display: inline-block;}
.customer_head_img img{ width: 9em; height: 9em; border-radius:0.2em; float: left;}
.customer_head_name{ float: left; width: 50%; margin-left: 3%;}
.customer_head_name p{ width: 100%; color:#313131; font-size: 1.7em; padding: 10% 0; display: inline-block;}
.customer_head_name em{ width: 100%; color:#00aaff; font-size: 1.5em; padding: 10% 0; display: inline-block;}


.customer_bot_info{ width: 96%; padding: 2%;}
.cus_in{ width: 100%; background-color: #fff; border-radius:0.2em;}
.cus_in span{ width:96%; padding:4% 2%; border-bottom: 1px solid #b1b1b1; display: inline-block; position: relative;}
.cus_in span em{ float: left; color:#959595; font-size: 1.5em;width: 20%;}
.cus_in span i{ float: left; width: 60%; color:#434343; font-size: 1.5em; margin-left: 4%;}
.cus_in span img{ position: absolute; width: 7%; right: 2%; top: 22%;}