/* 基础样式 */
body {font-family: 'Microsoft Yahei';}
a {color:#000}
a:hover {color:#fd5f46;}

a img {vertical-align:middle;}

img,
.list_fun,
.opa,
.right_slide,
.roly_pro,
h4,
p,
a,
.animate_mask {
    transition: 0.1s all;
    -webkit-transition: 0.1s all;
    -moz-transition: 0.1s all;
    -o-transition: 0.1s all;
    -ms-transition: 0.1s all
}

/* 基础边距 */
.self-margin-top-10{
    margin-top:10px;
}
.self-margin-top-20{
    margin-top:20px;
}
.self-margin-top-60{
    margin-top:60px;
}
.self-margin-top-40{
    margin-top:40px;
}
.self-margin-top-30{
    margin-top:30px;
}
.self-margin-top-50{
    margin-top:50px;
}
.self-margin-top-100{
    margin-top:100px;
}
.self-margin-top-130{
    margin-top:130px;
}
.self-margin-top-90{
    margin-top:90px;
}
.self-margin-top-100 h4{
    margin-top:20px;
}
.self-margin-top-70{margin-top:70px}
.self-margin-top-80{margin-top:80px}

.self-margin-bottom-50{
    margin-bottom:50px;
}
.self-margin-bottom-90{
    margin-bottom:90px;
}
.self-margin-bottom-100{
    margin-bottom:100px;
}
.self-margin-top-90 p{
    margin-bottom:30px;
    line-height: 1.6em;
    font-size:1.1em;
}

.self-clear-padding{
	padding:0;
}

.self-padding-60{
    padding-bottom:60px;
}
.self-padding-bottom-100{
    padding-bottom:100px;
}
.self-padding-30-0{
    padding:30px 0px;
}

.self-padding-40-0{
    padding:40px 0px;
}
.self-padding-bottom-30{
    padding-bottom:30px;
}

.self-margin-top-100 p{
    line-height: 1.6em;
    font-size:1.1em;
}

.self-clear-padding-btm {
	padding-bottom:0 !important;
}
.smallIco{
    -webkit-transition:all 0.5s ease-in-out;
    -moz-transition:all 0.5s ease-in-out;
    -o-transition:all 0.5s ease-in-out;
    -ms-transition:all 0.5s ease-in-out;
    transition:all 0.5s ease-in-out;
}
.smallIco:hover{
    transform:scale(1.1);
}
.mgt-50{margin-top:50px;}
.mgt-20{margin-top:20px;}
.mgt-80{margin-top:80px;}
.pdb-100{padding-bottom:100px;}
/*字体*/
.font-14{font-size:14px;}
.font-18{font-size:18px;}

/* 背景 */
.bg_gray {
    background-color: #ececec;
}

.bg_white {
    background-color: #fff;
}

.self-pull{
    float:right;
}
.self-hidden{
    display:none;
}
.self-ds-bg{
    padding-bottom:100px;
    background:url(../images/gold.png) no-repeat center center;
}
.bg-ececec{background-color:#ececec }

::selection {background-color:#fd5f46; color:#fff;}

.self-dib {display:inline-block;}
.self-dib-mid {display:inline-block; vertical-align:middle;}

.visible-xs-show {display:none !important;}
.temp_box img {width: auto;}

/* 图标 */
.i-icon {display:inline-block; background-image:url(../images/sp-icos.png); background-repeat:no-repeat;}

.self-block {display:block;}

.menu-logo {color:#fff;}
.menu-logo:hover {text-decoration:none;}
.logo-txt {display:inline-block; vertical-align:-10px; /*padding-left:20px;*/ background:url(../images/i-dian.png) no-repeat 5px 50%;}

/* 主导航条 */
.rhy-navbar {padding-top:35px; border-top:2px solid #fd5f46;margin-bottom:0px;width:100%;position:fixed;margin-top:-123px;box-shadow: 1px 1px 5px #ccc;background:#2A3F54;}
.rhy-navbar .navbar-nav {margin-top:15px !important;}
.rhy-navbar .navbar-toggle {margin-top:15px;}
.rhy-navbar-nav > li > a {background:url(../images/i-dian.png) no-repeat 0 50%; padding-left:10px; padding-right:10px; outline:none;}
.rhy-navbar-nav > li:first-child > a {background:none;}
.rhy-navbar .container {position:relative;}
.nav-login-reg {position:static; top:-20px; right:15px; margin-top:15px;}
.nav-login-reg .logoin-link, .nav-login-reg .reg-link {margin:0 15px; color:red;}
.nav-login-reg .phone-num {display:inline-block; vertical-align:middle; font-size:20px; border:1px solid #fd5f46; padding:3px 5px 3px 35px; background:url(../images/i-phone.png) no-repeat 5px 50%; border-radius:5px; color:#fd5f46;}


/* 二级菜单  */
	
.rhy-navbar-nav .open>a, .rhy-navbar-nav .open>a:hover, .rhy-navbar-nav .open>a:focus {background-color:transparent;}
.rhy-navbar-nav .open>a {color:#fd5f46;}
.rhy-navbar-nav .sub-menu {padding:20px; border-color:#fd5f46; /*left:50%;*/}
.rhy-navbar-nav .sub-menu-link {float:left;width:130px;overflow:hidden;}
.rhy-navbar-nav .sub-menu-link > li {/*line-height:30px;*/ line-height:34px;}
.rhy-navbar-nav .sub-menu-link > li >a {display:block; color:#fd5f46;}
.rhy-navbar-nav .sub-menu-con {float:left; min-height:150px; border-left:1px solid #fd5f46; padding-left:16px;margin-left:10px;}
.rhy-navbar-nav .caret {visibility:hidden; position:absolute; left:50%; /*bottom:0;*/bottom:-21px; margin-left:-4px; border-top:0; border-bottom:4px dashed #fd5f46; border-bottom:4px solid\9;}
.rhy-navbar-nav .open .caret {visibility:visible;}

/*二级菜单caret样式调整*/
.rhy-navbar-nav .caret{border-bottom:8px dashed #fd5f46;border-left:8px solid transparent;border-right:8px solid transparent;}
.caret-down{
    display:block;height:0;width:0;border-top:12px dashed #f0f0f0;border-left:12px solid transparent;border-right:12px solid transparent;margin:0 auto;
}
.zf-bg{background:url("../images/zf-test-bg.jpg") no-repeat;}
.color-white{color:white;}
.renz-info{margin-top:-1px;border-radius:0px 0px 6px 6px;padding-bottom:30px}
.renz-info img{cursor: pointer;}
.color-2090ec{color:#2090ec;}


.h5-sub-menu .ico-pic {margin-left:10px; margin-top:13px;}
.o2o-sub-menu .o2o-txt{width:260px; line-height:22px; color:#858585; font-size:12px;}
.sass-sub-menu .sass-txt{width:210px; line-height:22px; color:#858585; font-size:12px;}
.o2o-sub-menu .o2o-ico {width:101px; margin:10px 20px 0; color:#d3d3d3; font-size:16px; text-align:center;}
.o2o-sub-menu .o2o-ico img {margin-bottom:10px;}


/* 响应式模板  */
.temp_box {margin-top:30px;}
.temp_border {
    border: 5px #FD5F46 solid;
    position: relative;
    cursor: pointer;
	/*width:200px;*/
	height:140px;
	overflow:hidden;
}

.iphone_box {	
	position: absolute;
    right: -26px;
    bottom: -10px;
    width:25%;
    max-width: 82px;
    max-height: 177px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 21px;
}

/* 响应式案例 */
.self-classic-eg{
	border:1px solid #ccc;
	margin-top:30px;	
	box-shadow:0 6px 12px rgba(0,0,0,.175);	
}

/* 响应式定制 */
.responsive_diy ul {
    margin: 0;
    padding: 0;
    margin-top: 90px;
}

.responsive_diy li {
    font-size: 14px;
    color: #FD5F46;
    white-space: nowrap;
    list-style: none;
    background: url("../images/dot_list_bg.png") left center no-repeat;
    padding-left: 20px;
	margin-bottom:20px;
}

.responsive_diy {
    padding-bottom: 50px;
}

.experience {
    padding-bottom: 60px;
}

.experience .media-heading {
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 10px;
    background: url(../images/txt_bg.png) bottom left no-repeat;
    margin-bottom: 0;
}

.experience .media_content {
    color: #999797;
    font-size: 12px;
}

.experience .media:first-child {
    margin-top: 15px;
}


/* 定制优势 */
.custom-resp{margin-top:30px;}
.custom-resp h4{color:#fd5f46;font-size: 16px;padding-top:0;margin-top:0;text-align:left;}
.custom-resp h6{color:#999797;font-size: 14px;text-align:left;}
.custom-resp p {text-align:left;}

.btn-contact{
    padding:15px 34px !important;
    background: #fd5f46;
    color:white !important;
    font-size:16px !important;
}
.btn-contact:hover{
    background: #e01d1d;
    color:white;
}

/* HTML5系统 */
#h5_system .row:nth-of-type(even) {background-color:#f7f7f7;}
#h5_system h2 {font-size:24px;}
.tab-pane .h5-gn-txt {margin-top:20px; font-size:14px;}
#h5_system .i-icon {vertical-align:middle; margin-left:15px; margin-right:15px;}
.i-h5-gn-1 {width:33px; height:26px; background-position:0 0;}
.i-h5-gn-2 {width:33px; height:31px; background-position:0 -28px; }
.i-h5-gn-3 {width:34px; height:28px; background-position:-39px 0; }
.i-h5-gn-4 {width:37px; height:37px; background-position:0 -61px}
.i-h5-gn-5 {width:37px; height:30px; background-position:-35px -28px;}
.i-h5-gn-6 {width:34px; height:34px; background-position:-39px -62px;}
.i-h5-gn-7 {width:33px; height:30px; background-position:0 -100px;}
.i-h5-gn-8 {width:34px; height:32px; background-position:-36px -99px;}
.i-h5-gn-9 {width:32px; height:31px; background-position:0 -132px;}

/* tab 切换 */
.tab_menu_wrap {overflow1:hidden; overflow-x1:auto;}

.tab_title {
    /*border-top: 1px #dedede solid;*/
    border-bottom: 1px #dedede solid;
    text-align: center;
    /*padding-top: 10px;*/
}

.tab_title .list-unstyled {
	margin-bottom:0;
}

.tab_title li {
    display: inline-block;
	/*margin-left: 15px;
	margin-right: 15px;*/
    padding: 14px 20px;
    font-size: 16px;
	border-bottom: 3px solid transparent;
    cursor: pointer;
}
.tab_title li:hover{
    background:#FD5F46;
}
.tab_title li:hover a{color:white;}

.tab_title li a {
    color: #333;
    text-decoration: none;
}

.tab_title li.active {
    /*border-bottom-color: #FD5F46;*/
    background:#FD5F46;
}

.tab_title li.active a {
    /*color: #FD5F46;*/
    color:white;
    text-decoration: none;
}

.tab-pane h3 {
    font-size: 28px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 40px;
}

.tab-pane p {
    font-size: 14px;
    line-height: 20px;
    line-height:22px;
    /*margin-bottom:10px;*/
}

.tab-content{padding-bottom:60px;}

/* SHOP平台 */
.ico-num {display:inline-block; background-image:url(../images/sp-num-1.png); background-repeat:no-repeat;}
.dw-arr {display:inline-block; width:26px; height:15px; background-image:url(../images/shop-dw-arr.png); background-repeat:no-repeat; background-size:100%;}
/*
.shop-version-ico {width:128px; heig:128px; background-image:url(../images/sp-shop.png); background-repeat:no-repeat;}
*/
.shop-panel {padding-top:40px; padding-bottom:40px;}
.shop-panel .shop-desc-txt {margin-left:80px; line-height:30px;}
.shop-panel .ico-num {width:80px; height:40px; vertical-align:bottom}
.shop-panel .num {display:inline-block;vertical-align:bottom; width:80px; height:40px; font:normal 46px/42px simsun}
.odd-bg-striped .shop-panel:nth-of-type(odd),
.even-bg-striped .shop-panel:nth-of-type(even) {background-color:#f5f5f5}


/* shop 版本导航 */
.shop-nav {margin-bottom:0;}
.shop-nav > li {position:relative; float:left; width:14.285714%;padding:35px 10px;}
.shop-nav > li img {-webkit-transition:all .3s linear; transition:all .3s linear; -webkit-transform:rotate(0deg); transform:rotate(0deg);}
.shop-nav > li a:hover img {-webkit-transform:rotate(360deg); transform:rotate(360deg);}
.shop-nav h5 {margin-bottom:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.shop-nav .dw-arr {position:absolute; top:100%; left:50%; margin-left:-13px;}

.num-style-1 {background-position:0 0;}
.num-style-2 {background-position:0 -48PX;}
.num-style-3 {background-position:0 -96px;}
.num-style-4 {background-position:0 -144px;}
.num-style-5 {background-position:0 -190px;}
.num-style-6 {background-position:0 -239px;}

/* 界面展示 */
.new-UI {padding-top:60px; color:#fff; background-color:#838a92;}
.new-UI .h3 {padding-bottom:60px; font-size:18px;}


/* 功能列表 */
.shop-func-con {background-color:#efefef;}

.shop-func-con dl {padding:20px; margin-bottom:0; border-bottom:1px solid #fff;}
.shop-func-con > div:nth-of-type(even) dl {border-left:1px solid #fff;; }
.shop-func-con dt {padding-left:15px; border-left:6px solid #1bbc9b; font:normal 30px/32px 'Microsoft Yahei';}
.shop-func-con > div:nth-of-type(even) dt {border-left-color:#3598db;}
.shop-func-con dd {margin-top:15px; margin-left:21px; min-height:85px; line-height:28px; font-size:12px;}

/* 性能保障 */
.i-xn-zb, .i-xn-aq {display:inline-block; width:28px; height:35px; margin-right:15px; vertical-align:middle;}
.i-xn-zb {background:url(../images/i-ico-xn-1.png) no-repeat;}
.i-xn-aq {background:url(../images/i-ico-xn-2.png) no-repeat;}

.shop-perf-safe-con {padding:60px 0;}
.shop-perf-safe-con dl {margin:30px 15px 30px 28px;}
.shop-perf-safe-con>div:last-child {border-left:1px solid #bbb;}
.shop-perf-safe-con dt {font-weight:400; background:url(../images/i-dian.png) no-repeat 0 50%; padding-left:15px;}
.shop-perf-safe-con dd {padding-left:15px; line-height:28px;}

/* 公司实力 */

.zs-show-desc p {line-height:28px; margin-top:20px;}
.zs-show-container {padding-top:40px; padding-bottom:20px;}
.zs-show-container > ul > li {margin-bottom:20px;}

.pageNavPanel {*zoom:1;}
.pageNavPanel:before, .pageNavPanel:after{display:table; content:"";}
.pageNavPanel:after {clear:both;}
.pageNavPanel a, .pageNavPanel a {display:inline-block; padding:3px 12px; vertical-align:middle; border:1px solid #979797; margin:0 5px; font-size:14px;}
.pageNavPanel a:hover {text-decoration:none;}
.pageNavPanel .cur, .pageNavPanel a:hover {background-color:#fd5f46; color:#fff; border-color:#fd5f46;}

.lightbox .lb-dataContainer {display:none !important;}

/* 多商户版 */

/* 连锁版 */
.join-chain-version {padding-top:30px;}
.join-chain-version .join-chain-version-txt {margin:30px 0 40px; line-height:28px;}
.beautiful-vision {background-color:#f7f7f7; line-height:28px;}
.beautiful-vision h2 {margin-top:70px; margin-bottom:20px;}


/* 跨境版 */
.kjdx-right-mark{
    position:absolute;
    left:-10%;top:50%;
    margin-top:-6px;
}
.kjdx-solution{
    position:relative;
}
#text-bright-pot{
    width:50%;
    position:absolute;
    left:30%;
	top:45%;
    color:white;font-size:1em;
}
.bright-spot-ul{
    max-width:120px;
    padding:0;
}
.bright-spot-ul li{
    padding:8px 12px;
    margin-bottom:18px;   
    text-align:left;
    cursor: pointer;
    border:1px solid transparent;
    margin-top:2px;
}
.bright-spot-ul li:hover{
    background: #fd5f46;
    border-color:#fd5f46;
    /*border-radius: 4px;*/
	color:white;
}
.bright-spot-ul .active{
    background: #fd5f46;
    border-color:#fd5f46;
    /*border-radius: 4px;    */
	color:white;
}

.shop-ipad-container .shop-desc-txt {margin-left:0;}


.bg-f5f5f5{background-color:#f5f5f5;}
.z-te{padding:50px 0px; font-size:22px;}
.pb70{padding-bottom:50px;}
.z-backstage-list{padding:50px 0px;}


/*SHOP 平台*/
.sub-menu-shop{height:270px;float:right;border-left:1px solid #fd5f46;padding-left:20px}

.h4-1 img{margin-right:16px;}
.function-all ul{padding:0;padding-left:30px;}
.function-all ul li{padding:5px 8px;list-style-type:none;background:url("../images/seq.png") no-repeat left center;text-indent:10px;}


/*手机下li高度还原*/
@media (max-width:767px){
    .nav>li{height:auto;}
    .mgt-50{margin-top:20px;}
    .mgt-20{margin-top:10px;}
    .mgt-80{margin-top:20px;}
    .pdb-100{padding-bottom:30px;}
    body{padding-top:76px;}
    .rhy-navbar{margin-top:-78px;}

}

.spanid {font-family:"微软雅黑"; font-size:30px; font-weight:bold; color:#68C900;  }
.spanbid {font-family:"微软雅黑"; font-size:30px;   }
.enspanid {font-family:"微软雅黑"; font-size:22px; }
/*灰色图*/
.over {
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
	
}

.pagination {
	display:inline-block;
	padding-left:0;
	margin:20px 0;
	border-radius:4px
}
.pagination>li {
	display:inline
}
.pagination>li>a,.pagination>li>span {
	position:relative;
	float:left;
	padding:6px 12px;
	margin-left:-1px;
	line-height:1.42857143;
	color:#337ab7;
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd
}
.pagination>li:first-child>a,.pagination>li:first-child>span {
	margin-left:0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px
}
.pagination>li:last-child>a,.pagination>li:last-child>span {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px
}
.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover {
	z-index:3;
	color:#23527c;
	background-color:#eee;
	border-color:#ddd
}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover {
	z-index:2;
	color:#fff;
	cursor:default;
	background-color:#337ab7;
	border-color:#337ab7
}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover {
	color:#777;
	cursor:not-allowed;
	background-color:#fff;
	border-color:#ddd
}
.pagination-lg>li>a,.pagination-lg>li>span {
	padding:10px 16px;
	font-size:18px;
	line-height:1.3333333
}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {
	border-top-left-radius:6px;
	border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {
	border-top-right-radius:6px;
	border-bottom-right-radius:6px
}
.pagination-sm>li>a,.pagination-sm>li>span {
	padding:5px 10px;
	font-size:12px;
	line-height:1.5
}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {
	border-top-left-radius:3px;
	border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {
	border-top-right-radius:3px;
	border-bottom-right-radius:3px
}