@charset "utf-8";

/*.row { margin-left: 0px !important;  margin-right: 0px !important; }*/

/* common
 * ========================== */
.container{ position: relative; width: 1200px; margin: 0 auto;}

.container:before,
.container:after{ display: table; content: '';}
.container:after{ clear: both;}
.w{ width: 100%;height: auto;}

/*字体大小*/
.f12{font-size: 12px;!important;}
.f18{font-size: 18px;!important;}
.f20{font-size: 20px;!important;}
.text-center{ text-align: center !important;}
.text-left{ text-align: left !important;}
.text-right{ text-align: right !important;}
.c-blue, .c-gray-d, .c-gray, .c-strong, .c-red, .c-yellow, .c-white{padding:0 2px;}
.c-gray-d{ color: #a99e8d !important;}
.c-gray{ color: #c1c1c1 !important;}
.c-strong{ color: #fb9b08 !important;}
.c-red{color:#b03a34!important}
.c-blue{color:#4f96bd!important}
.c-yellow{ color: #fb9b08;}
.c-yellow-d{ color: #a48f7a;!important;}
.c-black{ color: #333;!important;}
.c-white{color: #fff;}
.c-gold {color:#fff000;}
.bg-red{ background-color: #ee2722!important;}
.bg-yellow{ background-color: #ff9000!important;}
.bg-white{ background-color: #fff!important;}
.link{ color: #0075b4; text-decoration: underline; padding: 0 8px;}


/*间距间隔*/
.no-padding{ padding: 0 !important;}
.pt10{ padding-top: 10px!important;}
.pt20{ padding-top: 20px!important;}
.p10{ padding: 10px!important;}
.p30{ padding: 30px !important;}
.ma30{ margin: 30px !important;}
.mt5{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mr5{ margin-right: 5px !important;}
.mr10{ margin-right: 10px !important;}
.mr15{ margin-right: 15px !important;}
.mr20{ margin-right: 20px !important;}
.mb5{ margin-bottom: 5px !important;}
.mb{ margin-bottom: 10px !important;}
.mb10{ margin-bottom: 10px !important;}
.mb15{ margin-bottom: 15px !important;}
.mb20{ margin-bottom: 20px !important;}
.ml5{ margin-left: 5px !important;}
.ml10{ margin-left: 10px !important;}
.ml15{ margin-left: 15px !important;}
.ml20{ margin-left: 20px !important;}

/*清除浮动
=======*/
.fl{ float: left !important;}
.fr{ float: right !important;}
.cfx{ zoom: 1;}
.clear{ clear: both; zoom: 1;}
.cfx:after{ display: block; visibility: hidden; clear: both; overflow: hidden; height: 0; content: '.';}


/*基础的栅格系统
============*/
.m-row:before,
.m-row:after{ display: table; content: '';}
.m-row:after{ clear: both;}
.m-row > .col-4{ float: left; width: 33.33333333%;}
.m-row > .col-3{ float: left; width: 25%;}
.m-row > .col-6{ float: left; width: 50%;}
.m-row > .cell-2{float: left; width: 50%;}
.m-row > .cell-3{float: left; width: 33.33333333%;}
.m-row > .cell-4{float: left; width: 25%;}

.wp{ width: 1170px; margin: 0 auto;}
.bg{ background: #fff;}
.hide{ display: none;}
.show{ display: block !important;}
.fade{ transition: opacity 0.3s; opacity: 0.4;}
.fade.in{ opacity: 1;}
.icon{ display: inline-block; vertical-align: middle; background-repeat: no-repeat;}
.dp-inline{ display: inline-block !important; vertical-align: middle;}

/*通用表格样式
==============*/
table{ width: 100%;}

.table{margin: 10px 0 16px;}
.table th{padding: 12px 10px;font-size: 14px;font-weight: normal;background: #e99c3d;color:#fff;border:1px solid #fff;}
.table td{ background: #f1f1f1; padding: 10px 6px;border:1px solid #fff;}
.table th,
.table td{ text-align: center;}


/*支付表格样式*/
.tb-pay{ width: 100%; margin-top: 30px; margin-bottom: 30px; border: 1px solid #999;}
.tb-pay .ui-ipt{ line-height: 32px; width: 160px; height: 32px; padding-left: 8px; vertical-align: middle; color: #555; border: 1px solid #cecece;}
.tb-pay tr td:first-child{ width: 14%;}

.tb-pay tr td,
.tb-pay tr th{ font-size: 14px; padding: 28px 24px; text-align: left; color: #fff; border: 1px solid #ddd;}

.tb-default,
.tb-default tr td{  border:1px solid #999;  }
.tb-default tr td{  color: #444;  }

.tb-default tr th,
.tb-default tr td{
    background: transparent;
}

.tb-agent{ border: 1px solid #244471;}
.tb-agent td{ height: 80px; text-align: center; color: #d3d3d3; border: 1px solid #244471;}
.tb-agent th{ font-size: 16px; height: 63px; color: #dbdb96; border: none;}

/* 通用按钮样式
 * ========================== */
.btn{font-size: 14px;line-height: 40px;display: inline-block;height: 40px;width: 108px;padding: 0 8px;cursor: pointer;text-align: center;color: #c1c1c1;background-color: #3a362a;border: none;border-radius: 6px;}
.btn:hover{ color: #fff;}
.btn-sm{display: inline-block;color: #fff; width: auto;padding: 0 8px;background:#fb9b08;  height: 26px;line-height: 26px;}
.btn-block{ display: block; width: 100%;}
.btn-default{ background: #666;}
.btn-default:hover{ background: #5c5c5c;}
.btn-info{ background: #35cd19;}
.btn-danger{
    background-color: #fb9b08;
    color: #fff;
    box-shadow: 0 2px 15px #f4cfa1;
}
.btn-danger:hover{
    background-color: #e08a07;
    color: #fff;
}
.btn-primary{ background: #4e96bd;border:1px solid #2f6886!important;color: #fff;}
.btn-primary:hover{ background: #4789ad;color: #fff;}


/* #tab
 * ========================== */
.tab-hd li{ float: left;}

.tab-hd:before,
.tab-hd:after{ display: table; content: ' ';}
.tab-hd:after{ clear: both;}
.tab-hd li a{ position: relative; display: block; text-align: center;}
.tab-panel{ display: none; position: relative;}
.tab-panel.active{ display: block;}


/* modal
 * ========================== */
.modal-backdrop{ position: fixed; z-index: 998 !important; top: 0; right: 0; bottom: 0; left: 0; background-color: #000;}
.modal-backdrop.in{ opacity: .5; filter: alpha(opacity=90);}
.modal{ position: fixed; z-index: 999 !important; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch;}
.modal-dialog{ position: relative; width: 600px; margin: 180px auto;}
.modal.new-reg{ position: fixed; z-index: 999 !important; top: 0; right: 0; bottom: 0; left: 0;  overflow: hidden; outline: 0; -webkit-overflow-scrolling: touch;}
.modal-dialog.new-dialog{ position: absolute;left: 50%;margin-left: -305px;top: -290px; background: #fff;opacity: 0}
.modal-dialog.md{ width: 760px;}
.modal-dialog.lg{ width: 980px;}
.modal-dialog .close{font-size: 44px;line-height: 1;position: absolute;z-index: 1;top: 0;right: 10px;padding: 0;cursor: pointer;color: #000;border: 0;background: 0 0;-webkit-appearance: none;}
.modal.fade .modal-dialog{ -webkit-transition: -webkit-transform 0.15s ease-out; transition: transform 0.15s ease-out; -ms-transform: translate(0, -30%); transform: translate(0, -30%);}
.modal.in .modal-dialog{ -ms-transform: translate(0, 0); transform: translate(0, 0);}
.modal-content{position: relative;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, 0.2);outline: 0;color: #555;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;}
.modal-hd{ position: relative;}
.modal-title{font-size: 20px;line-height: 50px;padding-left: 1.5em;text-align: left;color: #000;background: #e9e9e9;border-bottom:2px solid #fb9b08;}
.modal-bd{position: relative;padding: 20px;}
.modal-ft{padding: 14px;text-align: center;}
.modal-logo{background:url(../../images/logo.png?v=12) no-repeat;position: absolute;left: 50%;margin-left: -116px; top: -108px;
    height:102px; width: 233px;}
.modal-dialog-icon {position: absolute;width: 65px;left: 100px;top: 65px;}
.modal-dialog-icon img {width: 100%;}
.modal-dialog-content {margin-top: 60px;}
.modal-dialog-text {text-align: center;padding-left:65px;font-size: 18px;}
.timer-text {text-align: center;font-size: 18px;}
#modal-success {display: none;}
/* 轮播图
 * ========================== */
.carousel{ position: relative;}
.carousel-inner{ position: relative; overflow: hidden; width: 100%;}
.carousel-inner > .item{ position: relative; display: none; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img{ line-height: 1; display: block; /*height: auto;*/ width: 100%; max-width: 100%;}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev{ display: block;}
.carousel-inner > .active{ left: 0;}
.carousel-inner > .next,
.carousel-inner > .prev{ position: absolute; top: 0; width: 100%;}
.carousel-inner > .next{ left: 100%;}
.carousel-inner > .prev{ left: -100%;}
.carousel-inner > .next.left,
.carousel-inner > .prev.right{ left: 0;}
.carousel-inner > .active.left{ left: -100%;}
.carousel-inner > .active.right{ left: 100%;}
.carousel-control{ font-size: 20px; position: absolute; top: 0; bottom: 0; left: 0; width: 15%; text-align: center; opacity: 0.5; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); filter: alpha(opacity=50);}
.carousel-control.left{ background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.5) 0), color-stop(rgba(0, 0, 0, 0.0001) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)}
.carousel-control.right{ right: 0; left: auto; background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, 0.0001) 0), color-stop(rgba(0, 0, 0, 0.5) 100%)); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1)}
.carousel-control:hover,
.carousel-control:focus{ text-decoration: none; opacity: 0.9; color: #fff; outline: 0; filter: alpha(opacity=90);}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right{ position: absolute; z-index: 5; top: 50%; display: inline-block;}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left{ left: 50%;}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right{ right: 50%;}
.carousel-control .icon-prev,
.carousel-control .icon-next{ font-family: serif; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px;}
.carousel-control .icon-prev:before{ content: '\2039';}
.carousel-control .icon-next:before{ content: '\203a';}
.carousel-indicators{ position: absolute; z-index: 15; bottom: 10px; left: 50%; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center;}
.carousel-indicators li{ display: inline-block; width: 22px; height: 22px; margin: 1px; /*text-indent: -999px;*/ cursor: pointer; border: 1px solid #fff; border-radius: 50%; background-color: #000 \9; background-color: rgba(0, 0, 0, 0);}
.carousel-indicators .active{ margin: 0; background-color: #fff;}
.carousel-caption{ position: absolute; z-index: 10; right: 15%; bottom: 20px; left: 15%; padding-top: 20px; padding-bottom: 20px; text-align: center; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
.carousel-caption .btn{ text-shadow: none;}
@media screen and (min-width: 768px){ .carousel-control .glyphicons-chevron-left,
.carousel-control .glyphicons-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next{ font-size: 30px; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px;} .carousel-caption{ right: 20%; left: 20%; padding-bottom: 30px;} .carousel-indicators{ bottom: 20px;}}

.carousel-fade .carousel-inner .item{transition-property: opacity;}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{opacity: 0;}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right{opacity: 1;}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right{left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.carousel-fade .carousel-control{z-index: 2;}
@media screen and (min-width: 768px){
    .carousel-control .glyphicons-chevron-left,
    .carousel-control .glyphicons-chevron-right,
    .carousel-control .icon-prev,
    .carousel-control .icon-next{width: 30px; height: 30px; margin-top: -15px; margin-left: -15px; font-size: 30px} .carousel-caption{right: 20%; left: 20%; padding-bottom: 30px} .carousel-indicators{bottom: 20px}}


/* 通用文本段落样式
 * ========================== */
.h1,
.h2,
.h3{ margin-top: 20px; margin-bottom: 10px;}

.h4,
.h5,
.h6{ margin-top: 10px; margin-bottom: 10px;}
.m-content .line{ border-bottom: 1px solid #d3d3d3;}
.m-content h1{ font-size: 30px;}
.m-content .img{ margin: 20px 0;}
.m-content .tit{ line-height: 1.4; color: #ff2558;}
.m-content h1{ font-size: 30px;}
.m-content h2{ font-size: 20px;}
.m-content h3{ font-size: 18px;}
.m-content h1,
.m-content h2,
.m-content h3{ font-weight: 600; margin: 20px 0; color:#fb9b08}
.m-content h1 .iconfont{ font-size: 34px; margin-right: 10px; color: #a3a3a3;}
.m-content ol,
.m-content ul{ padding-left: 28px;}
.m-content ul{ list-style-type: inherit;}
.m-content ol{ list-style-type: decimal;}
.m-content ul > li > ul,
.m-content ol > li > ul{ list-style-type: square;}
.m-content ul > li > ol,
.m-content ol > li > ol{ list-style-type: upper-alpha;}
.m-content p,
.m-content li{ line-height: 1.8;}
.m-content div,
.m-content p,
.m-content ul,
.m-content ul > li,
.m-content ol,
.m-content ol > li{ margin: 16px 0;}

/*表单样式
===============*/
.ui-form{ font-size: 14px; line-height: 1.5;}
.ui-form-explain{ font-size: 12px; margin: 0; padding: 8px 0 0; color: #b2b2b2;}
.ui-form-other{ margin-left: 8px;}
.ui-form-text{ display: inline-block; margin-top: 6px; *display: inline; *zoom: 1;}
.ui-form-item:after{ display: block; visibility: hidden; clear: both; height: 0; content: '.';}
.ui-form-item{zoom: 1;padding: 0 5px 24px 170px;}
.ui-form-item.topic-page{padding: 10px 5px 24px 30px}
.ui-form-item.gift-page-style{padding-bottom:0;padding-top:0;}
.ui-form-item .btn{font-size: 16px;}
.ui-form-item .ipt-tip{font-size: 14px;color: #999999;}
.ui-form-item .ui-label{font-size: 18px}
.ui-label{font-size: 16px;/* float: left; */display: inline-block;width: 170px;/* padding-top: 7px; */text-align: right;color: #555;padding-right: 18px;}
.ui-form-item input,
.ui-form-item select{vertical-align: middle;}
.ui-ipt{outline:medium none;line-height: 32px;width: 210px;height: 42px;padding-left: 3px;vertical-align: middle;color: #000;border: 1px solid #bdbdbd;border-radius: 6px;box-shadow: inset 0 0 6px rgba(0,0,0,.2);/* margin-top: -7px; */}
.ui-form-item .btn-block{ width: 250px;}
.ui-form-item-error .ui-input,
.ui-form-item-error .ui-textarea{ color: #f00; border: 1px #f00 solid;}
.ui-form-item-error .ui-input-reset{ color: #000; border: 1px #9c9c9c solid;}
.ui-form-item-error .ui-form-explain{ color: #ff5243;}
.ui-tip{ font-size: 13px; display: inline-block; margin: 0 3px; padding: 3px 5px; vertical-align: middle; color: #fff; background-color: #2787d8;}
.ipt-group {text-align: center;}
input.ipt-txt {box-shadow: none;outline: medium none;line-height: 32px;width: 210px;height: 42px;padding-left: 3px;vertical-align: middle;color: #444444;border: none;border-radius: 6px;background-color: #f1efec;}
/*手机上不显示*/
@media screen and (max-width: 480px){
    .hide-for-mobile,#header a.hide-for-mobile{display:none;}
    .ui-form-item{padding-left: 20px}
    .ui-form-item .ui-label{display:none}
}

/*错误样式*/
.ui-form-item .rq-value:before{
    display: inline-block;
    content: '*';
    color: #e40200;
}
.ui-form-item input.error-tip,
.ui-form-item input.error-tip:focus{
    border:1px solid #e40200;
}
.ui-form-item label.error-tip{display: block;position: absolute;color: #e40200;margin-left: 174px;font-size: 11px;}
/* 面包导航 */
.top-bread-nav {padding: 20px 0;font-size: 14px;color: #fb9b08;}
@-webkit-keyframes  an-bg-scale{ 0%{ background-size: 100%;}
    50%{ background-size: 106%;}
    100%{ background-size: 100%;}}
@keyframes an-bg-scale{ 0%{ background-size: 100%;}
    50%{ background-size: 106%;}
    100%{ background-size: 100%;}}