/*
Created by:lishanzhou (@sps wap)
*/


/***** RESET BROWSER STYLE *****/
/*******************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; line-height:21px; outline:none; }
/***
 -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.04),0 0 2px rgba(100, 100, 100, 0.2);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.04),0 0 2px rgba(0, 0, 0, 0.3);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.04),0 0 8px rgba(0, 0, 0, 0.3);
 border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
 ***/

body { font-size:16px; font-family:"Microsoft YaHei",'RobotoRegular', 'Helvetica Neue', Helvetica, sans-serif; }
.bodygray { background-color:#fff; }
.bodylgreen { background-color:#a7f6a7; }
a,a:hover,a:link,a:active,a:focus { outline:none; text-decoration:none; }
a:hover { cursor:pointer; }

input,select,textarea,button { outline:none; font-size:13px; font-family:"Microsoft YaHei",'RobotoRegular', 'Helvetica Neue', Helvetica, sans-serif; }
h1,h2,h3,h4,h5 { font-weight:normal; line-height:normal;  clear:both; }
h1 { font-size:24px; line-height:32px; margin:15px 0; color:#121212; }
h2 { font-size:18px; line-height:28px; margin:5px 0 5px; color:#121212; }
h3 { font-size:16px; line-height:26px; margin:5px 0; color:#121212; }
h4 { font-size:16px; }
.largfont { font-size:22px; padding:10px 0 6px }

.checkboxwrap { width:100%; }
.checkboxwrap .onethird { line-height:28px; height:28px; }
.checkboxwrap,.radiowrap { float:left; margin:0px 0; }
.checkboxwrap label { font-size:14px; line-height:16px; padding-left:24px;  background:url(../images/chekbox.png) no-repeat 0 center;  }
.checkboxwrap label.checked {  padding-left:24px;  background:url(../images/chekboxed.png) no-repeat 0 center;  color:#333;  }
.checkboxwrap label.over {  color:#E16F1B;  }

.colorgreen { color:#45c01a; }
.colorgray { color:#666; }
.colororang { color:#fd5922; }
.one_half { width:47%; margin:5px 1%; float:left; }
.allwidth { margin:15px 1%; }
.fl { float:left; }
.fr { float:right; }
.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; height:0px;}/* Hides from IE-mac \*/* html .clearfix {height:1px;}/* End hide from IE-mac */
.clearfix { zoom:1; }

.webbody { width:1000px; margin:0 auto; }
.topbar { width:100%; height:80px; background-color:#fff; position:relative; z-index:99; box-shadow:0 1px 3px rgba(0, 0, 0, 0.4); -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.4); z-index:9; }
.logomeet { display:block; height:4em; float:left; width:20%; margin:0px 12px; }
.linetitle { width:80%; margin:15px auto; background:url(../img/divier.jpg); height:30px; }


.mcontbox{ background-color:#fff; width:95%; margin:12px 2.5%; padding:0px 0;box-shadow:-1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1; -moz-box-shadow:-1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1; -webkit-box-shadow:-1px 0 0 0 #d2d2d2, -1px 0 0 0 #e6e6e6, 1px 0 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, 0 -1px 0 0 #e8e8e8, 0 2px 0 0 rgba(241, 241, 241, 0.3), 0 1px 0 0 #b1b1b1; margin-bottom:10px; border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px; }
.conttit { height:3.2em; line-height:3.2em; border-bottom:1px #dedede solid; width:100%; background-color:#f5f3f3;border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0; margin-bottom:2px; }
.txttit { border-left:2px #45c01a solid; margin:0.8em 0; height:1.2em; line-height:1.1em; padding:0 12px;font-size:18px;font-weight:bold;}


.btn{display:inline-block;padding:5px 10px;margin-bottom:0; line-height:22px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.15);vertical-align:middle;background-color:#efefef;cursor:pointer;
   background-image:-moz-linear-gradient(top, #ffffff, #dedede);background-image:-ms-linear-gradient(top, #ffffff, #dedede);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#dedede));background-image:-webkit-linear-gradient(top, #ffffff, #dedede);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #dedede);background-repeat:repeat-x;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dedede', endColorstr='#dedede', GradientType=0);
   border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
   border:1px solid #ccc;border-bottom-color:#bbb;
   -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
   -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
   *margin-left: .3em;/* IE6-7 */}

.btn:hover,.btn:active,.btn.active,.btn.disabled,.btn[disabled],.btn-disabled{background-color:#e6e6e6;}
.btn:active,.btn.active{background-color:#ccc \9;}
.btn:first-child{*margin-left:0;}
.btn:hover{color:#333;text-decoration:none;background-position:0 -60px;-webkit-transition:background-position 0.1s linear;-moz-transition:background-position 0.1s linear;-ms-transition:background-position 0.1s linear;-o-transition:background-position 0.1s linear;transition:background-position 0.1s linear;}
.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}
.btn.active,.btn:active{background-image:none;-webkit-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 2px 4px rgba(0, 0, 0, 0.15),0 1px 2px rgba(0, 0, 0, 0.05);background-color:#e6e6e6;background-color:#d9d9d9 \9;outline:0;}


.btngreen { background-color:#27c66a; color:#fff;
   background-image:-moz-linear-gradient(top, #39db7d, #26bc65);background-image:-ms-linear-gradient(top, #39db7d, #26bc65);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#39db7d), to(#dedede));background-image:-webkit-linear-gradient(top, #39db7d, #26bc65);background-image:-o-linear-gradient(top, #39db7d, #26bc65);background-image:linear-gradient(top, #39db7d, #26bc65);background-repeat:repeat-x;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#39db7d', endColorstr='#26bc65', GradientType=0);
   border-color:#30ca71 #2aba67 #22ad5d;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
   border:1px solid #2aba67;border-bottom-color:#22ad5d; }

.btngreen:hover,.btn:active,.btn.active {background-color:#27c66a; color:#fff; }

.disable,.disable:hover { color:#999; box-shadow:none; background:none; background-color:#eee; border:1px #dedede solid; cursor:auto;

   background-image:-moz-linear-gradient(top, #eee, #eee);background-image:-ms-linear-gradient(top, #eee, #eee);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#eee));background-image:-webkit-linear-gradient(top, #eee, #eee);background-image:-o-linear-gradient(top, #eee, #eee);background-image:linear-gradient(top, #eee, #eee);background-repeat:repeat-x;
   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eee', endColorstr='#eee', GradientType=0);
   border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
   filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
   border:1px solid #ccc;border-bottom-color:#bbb;
   -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;
   -webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
   filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);
   *margin-left: .3em;/* IE6-7 */
 }


/***** flybus1.0 *****/

/*download*/

.wbody { background-color:#fff; }
.fl { float:left; }
.fr { float:right; }
.clearfix:after {content:"."; display:block; clear:both; height:1px; visibility:hidden;}/* Hides from IE-mac \*/* html .clearfix {height:1px;}/* End hide from IE-mac */
.clearfix { zoom:1; *clear:both; }

.picawrp { width:100%; }
.title { padding:5px 0 0; }
.tittxt { text-align:center;  }
.tittxt h2 { color:#333; line-height:30px; font-size:18px; font-weight:bold; }
.contxt { padding:10px 10%; }
.txts { color:#666; font-size:15px; line-height:24px; }

.contbg { padding:20px 0; position:relative; z-index:0; border-bottom:1px #e5e5e5 solid; }
.clgreen { color:#27c66a; }
.conpicwrp { width:100%; z-index:-1; text-align:center; }
.rtpic { right:0px; top:10px; }
.ltpic { left:0px; top:0px; }
.lcontxt { padding-left:8%; }
.titname { border-bottom:2px #27c66a solid; line-height:24px; font-size:15px; }
.rcontxt { padding-right:4%; width:50%; }


/* agreement  */

.welctxt { text-align:center; padding-bottom:10px; }
.contlinebg { padding:1em 0 0; padding-left:20px; margin-bottom:12px; border-bottom:1px #d5d5d5 solid; background-color:#fff; font-size:14px; }
.contitle { border-bottom:1px #dfdfdf solid; padding-right:10px; margin-bottom:20px; color:#333; font-size:16px; line-height:2.0em; }
.titnum { background-color:#ccc; display:block; margin-right:10px; width:1.6em; height:1.6em; line-height:1.6em; text-align:center; color:#fff; -webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%; }
.titles { font-size:16px; font-weight:bold; color:#27c66a; padding:0.2em 0 0.4em; }
.agtxt { margin:10px 0; text-indent:2em; line-height:24px; margin-bottom:10px; font-size:14px; }
.txtbg {  padding-right:10px;}
.subtit { font-size:15px; color:#333; margin:8px 0; line-height:24px; }
.atit { font-size:16px; color:#333; text-align:center; padding-right:20px; margin:10px 0; }
.txtlist { padding-left:20px; }
.txtlist li { list-style:disc; color:#666; padding-bottom:6px; line-height:24px; }
.txtlist p { list-style:disc; color:#666; padding-bottom:6px; line-height:24px; }

.clblack { padding:0 0 0 15px; color:#333; }



/* common */

.txt { font-size:14px; }
.btndwn { margin:10px auto; width:100%; padding:8px 5%; }
.clgreen { color:#27c66a; margin:6px 0; font-size:18px; font-weight:bold; }
.clgray { background-color:#f3f3f5; }


@media screen and (max-width:1024px) { .btnwrp { width:60%; margin:3px auto 0; padding:0px 0; } }

@media screen and (max-width:800px) { .webbody { width:100%; margin:0 auto; }
	.logomeet img { width:320px; margin:2px 0; }
	.btnwrp { width:60%; margin:3px auto 0; padding:0px 0; } }

@media screen and (max-width:768px) { .btnwrp { width:60%; margin:3px auto 0; padding:0px 0; }}
@media screen and (max-width:720px) { }

@media screen and (max-width:640px) { .topbar { height:80px;} }

@media screen and (max-width:540px) {
	.webbody { width:100%; margin:0 auto; }
	.topbar { height:64px;}
	.logomeet img { width:280px; margin:0px 0; }
}

@media screen and (max-width:480px) {
	.webbody { width:100%; margin:0 auto; }
}

@media screen and (max-width:420px) {
	.btnwrp { width:80%; margin:3px auto 0; padding:0px 0; }
}

@media screen and (max-width:360px) {
	.webbody { width:100%; margin:0 auto; font-size:14px; }
	.btnwrp { width:100%; margin:3px auto 0; padding:0px 0; }
	.topbar { height:50px;}
	.logomeet img { width:210px; margin:0px 0; }
	.txttit { font-size:16px;}
	.costpay .lconttit { font-size:16px; }
	.costpay .colorgray { display:block; line-height:14px; }
	.compacut { line-height:18px; padding:8px 0 0; }
	.price { font-size:18px; }
	.ccategtxt { padding:8px 0; font-size:14px; }
	.drvsinfo { padding:0px 8px; width:60%; }
	.colorang { width:154px; }
	.rankstars { width:30px; height:44px;  float:left;  background:url(../img/starbg_grey.png) no-repeat center center; }
	.rankstrabg,.rankhover { background:url(../img/starbg.png) no-repeat center center; }
}

@media screen and (max-width:320px) {
	.webbody { width:100%; margin:0 auto; }
	.topbar { height:50px;}
	.logomeet img { width:210px; margin:0px 0; }
}

/*������*/
.popswrap { padding:0px; }
#popupform,#popuptip { display:none; }
.modal-backdrop { background:url(../images/allmark.png) repeat; height:100%; width:100%; position:fixed; top:0; left:0;  z-index:998; }
.modal-download { height:100%; width:100%; position:fixed; top:0; left:0;  z-index:998; }
.modal-wrap { width:100%; left:0; margin:0px; position:fixed; top:0; z-index:999; }
.btnlclose { position:absolute; top:0px; right:8px; height:20px; font-size:32px; color:#31d777; }
.btnlclose:hover { color:#fd5922; }

.modal-header { height:48px; line-height:40px; width:100%;  margin:0; position:relative; text-align:center; background-color:#fff;  }
.modal-header h2 { font-size:20px;  height:48px; line-height:44px; font-weight:bold; color:#333; }
.popaddtit { background:url(../img/topbar-icons.png) no-repeat -20px -47px; }

.modal-body { width:100%; padding:0px; position:relative; }
.modal-body .one_half { margin-bottom:10px; }
.modal-body .allwidth { width:100%; float:left; }
.modal-body .allwidth .formtit { width:13%; }
.modal-body .allwidth .txtarea { width:80%; margin-right:3%; }
.modal-body .allwidth .checkboxwrap { width:90%; float:left; }
.modal-body .btnsbox { padding:10px 0 20px; }

.modal-lwrap { width:280px; margin:0 auto; left:50%; margin:0px 0 0 -140px; position:fixed; top:80px; z-index:999; }
.popbg { padding:20px 0 0px; background-color:#fff; text-align:center; }
.poptxt { padding:10px 16px;  }
.btnclose { display:block; width:48px; height:48px; margin:0 auto; background:url(../images/btnclose.png) no-repeat; }
.btnclose:hover { background:url(../images/btnclosehv.png) no-repeat; }
.shijing .btnlclose { top:0px; right:0px; height:1.6em; line-height:1.6em; width:15%; }

.poptxtb { padding:10px 20px 30px; font-size:15px; line-height:24px; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}




