@charset "utf-8";

body{ overflow-x:hidden}
.main{ overflow:hidden; max-width:750px; margin:0 auto; position:relative;}




/*动画*/
.animated{-webkit-animation-duration: .3s;animation-duration: .3s;-webkit-animation-fill-mode: both;animation-fill-mode: both}
@-webkit-keyframes zoomIn{from{opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
50%{opacity:1}}
@keyframes zoomIn{from{opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
50%{opacity:1}}
.zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn}
@-webkit-keyframes zoomOut{from{opacity:1}
50%{opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
to{opacity: 0}}
@keyframes zoomOut{from{opacity:1}
50%{opacity:0; -webkit-transform:scale3d(.3, .3, .3); transform:scale3d(.3, .3, .3)}
to{opacity: 0}}
.zoomOut{-webkit-animation-name: zoomOut;animation-name: zoomOut} 
@-webkit-keyframes fadeIn{from{opacity:0}
to{opacity: 1}}
@keyframes fadeIn{from{opacity:0}
to{opacity: 1}}
.fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn}
@-webkit-keyframes fadeOut{from{opacity:1}
to{opacity: 0}}
@keyframes fadeOut{from{opacity:1}
to{opacity: 0}}
.fadeOut{-webkit-animation-name: fadeOut;animation-name: fadeOut}
@-webkit-keyframes bounceIn{0%{opacity:0;
-webkit-transform:scale(.3)}
50%{opacity:1;
-webkit-transform:scale(1.05)}
70%{-webkit-transform:scale(.9)}
100%{-webkit-transform:scale(1)}}
.bounceIn{-webkit-animation: bounceIn 1s .2s ease both;}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}
25%{-webkit-transform:scale(.95)}
50%{opacity:1;
-webkit-transform:scale(1.1)}
100%{opacity:0;
-webkit-transform:scale(.3)}}
.bounceOut{-webkit-animation: bounceOut 1s .2s ease both;}
@-webkit-keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}
to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes slideInUp{from{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);visibility: visible;}
to{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
.slideInUp{-webkit-animation-name: slideInUp;animation-name: slideInUp;}
@-webkit-keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
to{visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}
@keyframes slideOutDown{from{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
to{visibility: hidden;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}
.slideOutDown{-webkit-animation-name: slideOutDown;animation-name: slideOutDown;}
/*动画 end*/
/*弹出层*/
.fixedlayer{position: fixed;z-index: 1111;left: 0;top: 0;right: 0;bottom: 0;}
.fixedlayerbg{position: fixed;z-index: 1110;left: 0;top: 0;right: 0;bottom: 0;}
.fixedlayer-content{position: absolute;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);width: 90%;max-width: 600px;top: 50%;left: 50%;}
.fixedlay-msg{width: 90%;background: rgba(0,0,0,0.85);color: #fff;text-align: center;padding: 1em;margin: 0 auto;}
.fixedlayer-hasbg{background: rgba(0,0,0,0.75);}
.fixedlayer .prompt{background: rgba(255,255,255,1);border-radius: 5px;padding: 11px 15px;color: #646464;text-align: center;}
.fixedlayer .alert{border-radius: 10px;-webkit-border-radius: 10px;background: rgba(0,0,0,0.8);color: #fff;overflow: hidden;}
.fixedlayer .alert .abtn{height: 40px;line-height: 40px;text-align: center; position: relative;font-size: 16px;color: #30a9d6}
.fixedlayer .alert .abtn:active{background-color: #000;}
.fixedlayer .alert .acontent{text-align: center;padding: 10px 10px 15px;line-height: 170%;font-size: 14px;}
.fixedlayer .alert .atitle{padding: 10px 10px 0;}
.fixedlayer .alert .abtn:before{content: " ";position: absolute;height: 1px;background: rgba(255,255,255,0.8);top: 0;left: 0;right: 0;overflow: hidden;}
.fixedlayer .alert_white{background: #fff;color: #333;}
.fixedlayer .alert_white .abtn:active{background-color: #fafafa;}
.fixedlayer .alert_white .abtn:before{background: #ccc}
.confirm_bar{background: rgba(255,255,255,1); border-radius:5px; -webkit-border-radius:5px; overflow:hidden;}
.confirm_head{min-height:26px; padding:10px 10px 0}
.fixedlayer .confirm_text{padding: 0px 15px;color: #646464;min-height: 62px;text-align: center;}
.fixedlayer .confirm_btn_bar{float: left;width: 50%;background: #fff;height: 44px;line-height: 44px;text-align: center;border-top: 1px solid #cccccc;} .fixedlayer .confirm_left_btn{border-right: 1px solid #cccccc;border-bottom-left-radius: 5px;} .fixedlayer .confirm_right_btn{border-bottom-right-radius: 5px;}
.fixedlayer .confirm_left_btn:active,.fixedlayer .confirm_right_btn:active{background-color: #fafafa;}

.bg-01{background-color: #fff;}/*#f1f1f1*/
.bg-02{background-color: #fff;}


/*底部浮动选择*/
.foot_select{ position:fixed; z-index:999999999; right:0; top:0; bottom:0; left:0}
.foot_select_bg{background:rgba(0,0,0,0.5); position:absolute; left:0; top:0; width:100%; height:100%; z-index:1}
.foot_select .foot_select_content{position:absolute; bottom:0; left:0; width:100%; z-index:2}
.foot_select .foot_select_list{ padding:5px 10px; }
.foot_select .foot_select_button{ }
.foot_select .foot_select_button a{ display:block; width:50%; float:left;  border-radius:6px; -webkit-border-radius:6px; line-height:40px; text-align:center; position:relative; color:#666; font-size:16px;}
.foot_select .foot_select_button a:active:before{ background:#fafafa}
.foot_select .foot_select_button a:before{ background:#fff; border-radius:6px; -webkit-border-radius:6px; content:" "; left:0; top:0; right:5px; bottom:0; z-index:-1; position:absolute;}
.foot_select .foot_select_button a:nth-child(2):before{ left:5px; right:0;}


/*swiper*/
.swiperBox{width: 100%; overflow: hidden; position: relative;}
.swiperBox .swiper-pagination{top: 0.5em; right: 0.5em;}
.swiperBox .swiper-pagination-bullet{width: 0.8em; height: 0.8em; background-color: #fff; opacity: 0.6;}
.swiperBox .swiper-pagination-bullet-active{opacity: 1;}
.swiperBox .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin: 0 0.2em;}

@-webkit-keyframes logorotate {
 from {
 -webkit-transform:rotate(360deg)
}
to {
	-webkit-transform: rotate(0deg)
}
}
@keyframes logorotate {
 from {
 transform:rotate(360deg)
}
to {
	transform: rotate(0deg)
}
}


/*jquery.tfAlert.css*/
#popup_container {width:90%; height:auto; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position: fixed; top: 50%;}
#popup_title {-webkit-box-sizing:border-box; height:44px; line-height:44px; font-size:20px; margin:0px; padding:0px; text-align:center; padding-left:20px; font-weight:bold; color:#2b64a7}
#popup_content {	padding:0px; margin:0px;}
#popup_message {font-size:14px; line-height: 120%; padding:20px;padding-top:10px; text-align:left; color:#2b64a7;word-wrap:break-word;}
#popup_panel {border-top:1px solid #2b64a7;}
#popup_panel a{text-decoration:none;color:#2b64a7; text-align:center;}
#popup_panel a:active{ background:#2b64a7; color:#fff; }
#popup_panel a:nth-child(1){ border-radius:0px 0px 0px 5px;}
#popup_panel a:nth-child(2){ border-radius:0px 0px 5px 0px ;}
#popup_container .alertbtn{	width:100%; height:44px; display:block; text-decoration:none; color:#2b64a7; line-height:44px;text-align:center;}
#popup_container a.conf{ width:50%;height:44px; display:block; text-decoration:none; color:#2b64a7; line-height:44px; float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
#popup_container a.btncl{ border-right:1px  solid #2b64a7;}
/*jquery.tfAlert.css end*/

.com-box .box-btn{ max-width:18em; margin:0 auto; padding-left:1em}
.com-box .btn-wrap{ padding-bottom:0}
.com-box .box-btn .table{ margin-left:-1em}
.com-box .box-btn .table:after,.com-box .box-btn .table:before,.com-box .box-btn .table-cell:after,.com-box .box-btn .table-cell:before{ display:none}


/*loader*/
.loader-wrap{ display:block; margin:0 auto; color:#fff; text-align:center; white-space:nowrap}
.line-spin-fade-loader{ width:10px; height:10px; margin:0 auto 40px;}
@-webkit-keyframes line-spin-fade-loader {
50% {
opacity: 0.3; }

100% {
opacity: 1; } }

@keyframes line-spin-fade-loader {
50% {
opacity: 0.3; }

100% {
opacity: 1; } }

.line-spin-fade-loader {
position: relative; }
.line-spin-fade-loader > div:nth-child(1) {
top: 20px;
left: 0;
-webkit-animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.12s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(2) {
top: 13.63636px;
left: 13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
-webkit-animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.24s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(3) {
top: 0;
left: 20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
	transform: rotate(90deg);
-webkit-animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.36s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(4) {
top: -13.63636px;
left: 13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
	transform: rotate(45deg);
-webkit-animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.48s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(5) {
top: -20px;
left: 0;
-webkit-animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.6s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(6) {
top: -13.63636px;
left: -13.63636px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
-webkit-animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.72s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(7) {
top: 0;
left: -20px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
	transform: rotate(90deg);
-webkit-animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.84s infinite ease-in-out; }
.line-spin-fade-loader > div:nth-child(8) {
top: 13.63636px;
left: -13.63636px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
	transform: rotate(45deg);
-webkit-animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out;
	animation: line-spin-fade-loader 1.2s 0.96s infinite ease-in-out; }
.line-spin-fade-loader > div {
background-color: #fff;
width: 4px;
height: 35px;
border-radius: 2px;
margin: 2px;
-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
position: absolute;
width: 5px;
height: 15px; }
/*loader end*/




.blue-btn{ background:#008bd1}
.cb-bg-blue{ background:#0fb9f0}
.cb-bg-blue:active{ background:#0ea2d2}

/*输入*/
input.input-style{ font-size:0.12rem; height:0.3rem; padding:0 1em; width:100%; border-radius:0.04rem; -webkit-border-radius:0.04rem; background:#fff; text-align:center; box-shadow:0.01rem 0.01rem 0.02rem #ccc inset; line-height:0.3rem}
input.input-style::-webkit-input-placeholder{ color:#6a75be}



.fixed-handle-detail .t1{ border-bottom:1px solid #eee; font-size:1.25em; line-height:1.8em; text-align:center; padding-top:0.5em}
.fhd-con{ padding:0.8em; line-height:120%}

/*popup*/
.popupBox,.cPopupBox{top: 0; bottom: 0; z-index: 1112; background: rgba(0,0,0,0.6); width:100%; height:100%;position:fixed;}
.cPopup{ background:#fff; width:90%; max-width:750px; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); left:50%; top:50%; border-radius:0.5em; -webkit-border-radius:0.5em; overflow:hidden}
.cPopup-head{ height:.3rem; background:#269de0; line-height:.3rem; text-align:center; color:#fff;}
.cPopup-main{ padding:1em; min-height:.3em;}
.cPopup-foot{ padding:1em; text-align:center;}
.cPopup-foot .btn{ display:inline-block;  padding:0 1em; background:#269de0; color:#fff; line-height:.3rem; border-radius:0.5em; -webkit-border-radius:0.5em; min-width:8em; text-align:center;}

.bor-bottom{ border-bottom:1px solid #e9e9e9}
.bor-top{ border-top:1px solid #e9e9e9}

.select-div{ height:2.5em; line-height:2.5em; padding:0 1em 0 0.5em; position:relative; border:1px solid #e8e8e8; border-radius:8px; -webkit-border-radius:8px;}
.select-div:after{ content:"V"; right:0; width:2em; text-align:center; top:0; color:#9d9da3; font-family:Arial, Helvetica, sans-serif}
.select-div span{ display:block; color:#888; }
.select-div select{ position:absolute; left:0; right:0; height:100%; opacity:0.01; width:100%; top:0;}