@charset "utf-8";
*{margin: 0; padding: 0;list-style: none;font-family: "微软雅黑";}
html{
	height:100%;
	background-color:#f4f5f5;
}
body{
    display: flex;
    flex-direction: column;
    height: 100%;
}
.icon{
	display: inline-block;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}
.lui-noDate-v{text-align: center;}
ul{
	-webkit-padding-start:0px;
}
a{text-decoration:none;}
label{display: inline-block;}
.w100{width:100px;}
.w150{width:150px;}
.w200{width:200px;}
.w250{width:250px;}
.w300{width:300px;}
.w350{width:350px;}
.w400{width:400px;}
.w90{width:90px;}
.w5p{width:5%;}
.w10p{width:10%;}
.w15p{width:15%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w50p{width:50%;}
input[type="file"]{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:0.01;
	cursor:pointer;
}
input:focus{
	outline:none;
}
input:-webkit-autofill{
	-webkit-box-shadow:0 0 0px 1000px white inset !important;
}
select:focus{
	outline:none;
}
.vt{vertical-align:top;}
.t-center{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.imgBox img{width:100%;}
.imgBox-h img{height:100%;}
/* 整体布局规范 */
.cloud-header{
   flex: 0 0 auto;
}

.cloud-content{
   flex: 1 0 auto;
}

.cloud-footer{
   flex: 0 0 auto;
}

/*-----------------------margin---------------------------*/
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt100{margin-top:100px;}
/*-----------------------padding--------------------------*/
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
/**----------------------btn-----------------------**/
.could-btn{
	display:inline-block;
	background-color:#f5f5f5;
	border-radius:2px;
	cursor:pointer;
}
.btn-normal{
	padding:2px 15px;
}
.btn-big{
	padding:5px 40px;
}
.btn-cancel{
	background-color:#F5F7FA;
	color:#AAB2BD;
	border:1px solid #e6e9ed;
}
.btn-cancel:hover{
	color:#4e7ff5;
	border:1px solid #4e7ff5;
}
.btn-sure{
	background-color:#4e7ff5;
	color:#fff;
}
.btn-sure:hover{
	background-color: #3f75f3;
}
.btn-yellow{
	color:#fff;
	background-color:#f18d01;
}
.btn-yellow:hover{
	background-color:#e18300;
}
.btn-blue{
	background-color:#4e80f4;
	color:#fff;
}
.btn-blue:hover{
	background-color:#3f75f3;
}
.btn-cancel{
	background-color:#eee;
	border:1px solid #e0e0e0;
	color:#777;
}
.btn-cancel:hover{
	border:1px solid #4e7ff5;
	color:#4e7ff5;
}
.btn-isOpen{
	background-color:#eee !important;
	border:1px solid #e1e1e1 !important;
	color:#aaa !important;
}
.btn-orange{
	background-color:#ea8010;
	color:#fff;
}
.btn-orange:hover{
	background-color:#da7f1f;
}
/*------------------------标题----------------------------*/
.title-normal{
	color:#000;
	padding:10px 25px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
/*------------------------流程----------------------------*/
.process-view{
	text-align:center;
	margin-left:189px;
	padding:30px 0;
}
.process{
	display:inline-block;
	position:relative;
	margin-right:189px;
}
.process:after{
    content: "";
    position: absolute;
    width: 200px;
    height: 1px;
    border-top: 2px solid #aaa;
    left: 29px;
    top: 15px;
}
.process.final-step:after{
	content:"";
	width:0;
}
.process.final-step.active:after{
	content:"";
	width:0;
}
.process.active .round{
	background-color:#4e7ff5;
}
.process.active .text{
	color:#4e7ff5;
}
.process.active:after{
	content:"";
	border-top:2px solid #4e7ff5;
	width:200px;
	height:1px;
}
.process .round{
	width:30px;
	height:30px;
	border-radius:100%;
	color:#fff;
	font-weight:bold;
	background-color:#aaa;
	line-height:30px;
	text-align:center;
}
.process .text{
	color: #ccc;
    font-size: 14px;
    position: absolute;
    display: inline-block;
    width: 100px;
    margin-left: -50px;
    margin-top: 10px;
}
/*------------------------表格----------------------------*/
.div-table{
	
}
.div-header{
	border:1px solid #ddd;
}
.div-body{
	border:1px solid #ddd;
}
.div-tr{
	clear:both;
	overflow:hidden;
}
.div-td,.div-th{
	padding-top:10px;
	padding-bottom:10px;
	display:inline-block;
	box-sizing:border-box;
}
/*------------------------弹窗----------------------------*/
.dialog-box{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.dialog-bg{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:#000;
	opacity:0.7;
}
.dialog-center {
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    min-height: 50px;
    background-color: #fff;
    position: relative;
    box-shadow: -2px 3px 11px rgba(0,0,0,0.6);
}
.dialog-header{
	text-align:center;
	height:40px;
	line-height:40px;
	color:#333;
	font-size:16px;
	position:relative;
	font-weight:bold;
	background-color:#fff;
}
.dialog-header:after{
	content:"";
	border-bottom:1px solid #ddd;
	width:100%;
	height:1px;
	position:absolute;
	bottom:0;
	left:0;
}
.dialog-body{
    min-height: 100px;
    padding: 20px;
    background-color: #fff;
    max-height: 500px;
    overflow-y: scroll;
}
.dialog-footer{
	height:50px;
	position:relative;
	text-align:center;
	background-color:#fff;
}
.dialog-footer:before{
	content:"";
	border-top:1px solid #ddd;
	width:100%;
	height:1px;
	position:absolute;
	top:0;
	left:0;
}
.dialog-footer .could-btn{
	border-radius:20px;
	margin:10px 10px 0;
}
.dialog-formBox>.tip{
	font-size:14px;
	color:#000;
	padding-bottom:8px;
}
.dialog-del{
	position:absolute;
	display:inline-block;
	width:16px;
	height:16px;	
	background-image:url(../../images/pc/dialog-delete.png);
	background-size:100% 100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#ddd;
	right:13px;
	top:13px;
}
.dialog-del:hover{
	background-color:#666;
}

/*----------------------------------alert弹窗----------------------------------*/
.alertBox{
    text-align: center;
    border: 1px solid #ddd;
    font-size: 14px;
    border-radius: 5px;
    position: fixed;
    min-height: 40px;
    box-shadow: 1px 0px 6px #ccc;
	background-color:#fff;
}
.alert-title{
	padding:10px;
	text-align:center;
	background-color:#f7f7f7;
}
.alert-body{
	padding:15px;
	background-color:#fff;
}
.alert-footer{
	padding:10px;
	text-align:center;
	border-radius:10px;
	margin-right:10px;
}

/*----------------------------------自动消失弹窗----------------------------------*/
.popup-box{
	background-color:#333;
	display:inline-block;
	border:1px solid #ccc;
	padding:10px 20px;
	border-radius:20px;
	color:#fff;
	font-size:13px;
	position:fixed;
}
/*------------------------------------头部-------------------------------------*/
.cloud-header{
	height: 80px;
	background-color: #4e7ff5;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	z-index: 10;
}
.cloud-header-main{
	width: 1100px;
	margin: 0 auto;
	position: relative;
}
.cloud-header-nav{
	margin: 0 auto;
	text-align: center;
}
.cloud-header-nav > .list-inner{
	display: inline-block;
}
.cloud-header-nav > .list-inner > .list-item{
	display: inline-block;
	height: 80px;
	line-height: 80px;
	position:relative;
}
.cloud-header-nav > .list-inner > .list-item > a{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 0 20px;
}
.cloud-header-nav > .list-inner > .list-item > a:hover{
	background-color: #3f75f3;
}
.cloud-header-nav  > .list-inner > .list-item > a .icon{
	background-image: url(../../images/pc/arrow-drop.png);
	width: 10px;
	height: 10px;
	margin-left: 5px;
	margin-top: -3px;
}
.nav-drop{
	position: absolute;
	width: 100%;
	background-color:#3f75f3;
	display: none;
}
.nav-drop > .list-inner > .list-item{
	height: 40px;
	line-height: 40px;
}
.nav-drop > .list-inner > .list-item>a{
	color:#fff;
	text-decoration: none;
	display: block;
}
.nav-drop > .list-inner > .list-item>a.active{
	background-color: #4e7ff5;
	color:#f18d01;
}
.cloud-header-logo{
    position: absolute;
    height: 80px;
    left: 0;
    width: 200px;
    top: 0;
}
.cloud-header-logo img {
    height: 60px;
    margin-top: 10px;
}
.cloud-header-logo>a{
	display: block;
	height: 80px;
	line-height: 80px;
	color: #fff;
	font-size: 23px;
}
.cloud-header-login{
	position: absolute;
	height: 80px;
	line-height: 80px;
	right:0;
	top:0;
}
.cloud-header-login>a{
	color:#fff;
	padding:0 10px;
	text-decoration: none;
}


/*---------------------------------------------------首页-----------------------------------------------*/
.cloud-content{
	width:100%;
}
.floor-indicate{
	position:fixed;
	right:5%;
	width:12px;
}
.floor-indiList{
	display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #d9e4fd;
    border-radius: 100%;
    cursor: pointer;
    border: 1px solid #fff;
    margin-bottom: 10px;
}
.floor-indiList.active{
	background-color: #4e80f4;
}
.floor-center{
	width:1100px;
	margin:0 auto;
}
.floor-one{
	height:630px;
}
.floor-one .img-box{
    width: 662px;
    height: 630px;
    display: inline-block;
    float: right;
    vertical-align: bottom;
    background-image:url(../../images/pc/img-floor1.png)
}

.floor-one .floor-textView{
    width: 410px;
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 300px;
}
.floor-one .floorTitle-img{
	background-image:url(../../images/pc/img-floor1-title.png);
	width:307px;
	height:36px;
}
.floor-one .floor-text{
	width:360px;
}
.floor-three .floor-text{
	width:480px;
}
.floor-one .floor-text,
.floor-three .floor-text{
	padding-top:20px;
	margin-top:60px;
	border-top:3px dashed #ccc;
	margin-bottom:30px;
}
.floor-one .cloud-intro{
	color:#777;
	font-size:14px;
	line-height:20px;
	letter-spacing:2px;
}
.floor-one  .cloud-type,
.floor-three .cloud-type{	
	margin-top:30px;
}
.floor-one  .cloud-type>p{
	letter-spacing:2px;
	font-size:16px;
	margin-bottom:3px;
}
.floor-one  .btn-yellow{
	border-radius:8px;
	margin-top:20px;
	font-size:14px;
	padding:10px 40px;
}
.floor-two .floorTitle,
.floor-five .floorTitle{
	font-size:25px;
	font-weight:bold;
	text-align:center;
	margin-top:50px;
}
.floor-two .floorTitle{
	color:#fff;
} 
.floor-five .floorTitle{
	color:#000;
}
.floor-two  .floor-textView{
	margin-top:40px;
}
.solution-inner{
	text-align:center;
}
.solution-list{
    display: inline-block;
    margin: 0 25px;
    vertical-align: top;
    width:296px;
}
.solution-list .img-box{
	width:292px;
	height:251px;
}
.solution-info{
	margin-top:10px;
}
.solution-title{
	padding:10px 0; 
	text-align:left;
}
.solution-title span{
	color:#fff;
	font-size:18px;
	padding-left:20px;
}
.solution-title .btn-yellow{
	border-radius:10px;
	color:#fff;
	font-size:12px;
	float:right;
	vertical-align:middle;
	margin-top:2px;
}
.solution-text{
	background-color:#467af3;
	color:#fff;
	padding:15px;
	font-size:12px;
	line-height:18px;
	text-align:left;
	height:120px;
}
.floor-three{
	background-image: url(../../images/pc/img-floor3.png);
    background-position: 134% 60%;
    background-repeat: no-repeat;
    height: 650px;
}
.floor-three .floor-textView{
	margin-top:100px;
}
.floor-three .floorTitle-img{
	height:38px;
	width:174px;
	background-image:url(../../images/pc/img-floor-title.png);
}
.floor-three .cloud-intro{
	font-size: 14px;
    color: #b2c8fa;
    line-height: 20px;
    letter-spacing: 1px;
}
.floor-three .base-inner .base-list{
	color:#fff;
	margin-bottom:15px;
	font-size:18px;
}
.floor-three .base-inner .base-list:before{
	content: "";
    width: 10px;
    height: 10px;
    background-color: #f08e00;
    border-radius: 100%;
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
    margin-bottom:5px;
}
.floor-three .btn-yellow{
	padding:10px 40px;
	border-radius:10px;
}
.floor-four .img-box{
	position:relative;
	width:661px;
	height:509px;
	display:inline-block;
}
.floor-four .img-box>img{
	width:479px;
	height:509px;
}
.floor-four .server-inner{
	position:absolute;
	width:661px;
	height:509px;
	left:0;
	top:0;
}
.floor-four .server-inner .server-list{
	background-size:100% auto;
	background-repeat:no-repeat;
	background-position:center;
	display:block;
	cursor:pointer;
}
.floor-four .server-inner .server-list.list1,
.floor-four .server-inner .server-list.list2,
.floor-four .server-inner .server-list.list3{
	width:145px;
	height:60px;
}
.floor-four .server-inner .server-list.list1{
	margin-left:445px;
}
.floor-four .server-inner .server-list.list2{
	margin-left: 500px;
    margin-top: 30px;
}
.floor-four .server-inner .server-list.list3{
	margin-left: 550px;
    margin-top: 50px;
}
.floor-four .server-inner .server-list.list4{
    width: 161px;
    height: 59px;
    margin-left: 506px;
    margin-top: 50px;	
}
.floor-four .server-inner .server-list.list5{
	width: 188px;
    height: 55px;
    margin-left: 447px;
    margin-top: 60px;
}
.floor-four .floorTitle-img{
    height: 38px;
    background-image: url(../../images/pc/img-floor-server.jpg);
    float: right;
    width: 100%;
    background-repeat: no-repeat;
    background-position: right center;
    margin-bottom:30px;
}
.floor-four .floor-textView{
    display: inline-block;
    float: right;
    width: 400px;
    vertical-align: middle;
    padding: 150px 0;
}
.floor-four .floor-text{
    padding-top: 10px;
    border-top: 3px dashed #ccc;
    width: 360px;
    float: right;
}
.floor-four .server-intro{
	font-size: 13px;
    color: #777;
    text-align: right;
    width: 360px;
    float: right;
    line-height: 22px;
}
.floor-four .btn-yellow{
	float:right;
	border-radius:10px;
	margin-top:20px;
	padding:10px 40px;
}
.success-list>a{
	border: 2px solid #edf1fd;
	display:block;
	border-radius:5px;
	overflow:hidden;
}
.success-list>a:hover{
	border:2px solid #4e7ff5;
}
.success-list{
    width: 343px;
    height: 220px;
    display: inline-block;
    margin: 0 10px 20px;
    text-align:left;
}
.success-list .img-box{
	overflow:hidden;
	    height: 190px;
position: relative;
}
.success-list .img-box > img{
	width:100%;
	height:auto;
}
.successExp-QRCode {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;;
}
.successExp-QRCode:hover{opacity: 1;}
.successExp-QRCode > img {
    width: 170px;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
}
.success-list .mask{
	background-color:#4e7ff5;
	height:35px;
	line-height:35px;
	overflow:hidden;
	width:323px;
	text-overflow:ellipsis;
	white-space:nowrap;
	padding:0 10px;
	font-size:13px;
	color:#fff;
	margin-top:-1px;
}
.floor-five .floor-textView{
	margin-top:70px;
}
.floor-five{
	position:relative;
}
.floor-six{
	
}
.floor-six .img-box{
	width:261px;
	height:261px;
	display:inline-block;
	vertical-align:middle;
	margin-top:100px;
}
.floor-six .img-box img{
	width:100%;
}
.floor-six .floor-textView{
	width:780px;
	display:inline-block;
	float:right;
	background-color:#fff;
	border-radius:10px;
	height:500px;
	vertical-align:middle;
	float:right;
	position:relative;
}
.floor-six  .trangle{
	display: inline-block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 15px solid #fff;
    border-bottom: 10px solid transparent;
    position: absolute;
    left: -15px;
    top: 240px;
}
.floor-six .floorTitle{
	height:50px;
	line-height:50px;
	text-align:center;
	background-color:#edf1fd;
	color:#4e7ff5;
	font-size:20px;
	font-weight:bold;
	border-radius:10px;
}
.floor-six .contact-way{
    width: 320px;
    display: inline-block;
    padding: 5px 20px;
    margin-top: 10px;
    vertical-align: middle;
    float: left;
}
.floor-six .contact-list{
	padding:5px 0;
}
.floor-six .contact-list label i{
	width:21px;
	height:22px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center center;
	vertical-align:middle;
	margin-right:10px;
	margin-top:-1px;
}
.floor-six .contact-list label i.phone{
	background-image:url(../../images/pc/img-floor6-2.png);
	background-size:auto 100%;
}
.floor-six .contact-list label i.email{
	background-image:url(../../images/pc/img-floor6-3.png);
	background-size:auto 100%;
}
.floor-six .contact-list label i.address{
	background-image:url(../../images/pc/img-floor6-4.png);
	background-size:auto 100%;
}
.floor-six .contact-list label i.wechat{
	background-image:url(../../images/pc/img-floor6-5.png);
	background-size:100% auto;
}
.floor-six .contact-list .vt{
	margin-top:8px;
}
.floor-six .list-control{
	display: inline-block;
    width: 220px;
}
.floor-six .list-control p{
	padding:5px 10px;
	display:inline-block;
	background-color:#eee;
	margin:10px 0;
	font-size:13px;
	color:#333;
	border-radius:5px;
}
.contact-map{
    display: inline-block;
    width: 400px;
    border: 1px solid #4e80f4;
    margin-top: 30px;
    height: 380px;
    vertical-align: middle;
}
.cloud-flip-floor#floor6{
	position:relative;
}
/*---------------------------------------------------详情页-----------------------------------------------*/
.cloud-detTop-box{
    height: 400px;
    background-image: url(../../images/pc/timg.png);
    background-position: center center;
    background-size: cover;
    margin-top: 80px;
    position: relative;
}
.cloud-detMain{
	width:1100px;
	margin:0 auto;
	padding:20px 0;
	position: absolute;
	bottom:50px;
}
.cloud-detTilte{
	font-size:50px;
	color: #333;
	margin-top:40px;
}
.cloud-detTilte .icon{
	width:50px;
	height:50px;
	background-image:url(../../images/pc/img-wechat.png);
	margin-top: -5px;
	margin-right: 5px;
}
.cloud-detSummary{
	color:#333;
	font-size:14px;
	padding:10px 0;
	width: 650px;
	word-break: break-all;
	line-height: 25px;
}
.cloud-det-btnGroup{
	margin-top:20px;
}
.cloud-det-btnGroup>a{
	display: inline-block;
	height: 35px;
	line-height: 35px;
	padding:0 40px;
	font-size: 14px;
	border:1px solid #4e7ff5;
	text-decoration: none;
}
.cloud-det-btnGroup>a:first-child{
	background-color:#4e7ff5;
	color:#fff;
}
.cloud-det-btnGroup>a:last-child{
	color:#4e7ff5;
}
.cloud-detShare{
	margin-top:10px;
	position: relative;
}
.cloud-detShare-mat span{
	color:#333;
	font-size:14px;
}
.cloud-detShare-mat .cloud-share-icon{
	width:20px;
	height: 20px;
	background-image: url(../../images/pc/img-wechat.png);
}
.cloud-detShare-mat .cloud-share-icon:hover{
	background-image: url(../../images/pc/img-wechat-2.png);
}
.cloud-codeShare{
    position: absolute;
    top: -134px;
    left: 18px;
    display: none;
}
.cloud-codeShare .tangle{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    position: absolute;
    left: 58px;
}
.cloud-codeShare .img-box{
	background-color: #fff;
	width:120px;
	height: 120px;
	padding:5px;
}
.cloud-tabBox{
	width:1100px;
	margin:0 auto;
}
.cloud-tab-content{
	text-align:center;
	border-bottom: 1px solid #ccc;
}
.cloud-tab-content>a{
	display: inline-block;
	height: 60px;
	line-height: 60px;
	padding:0 20px;
	color:#333;
	text-decoration: none;
	font-size:16px;
}
.cloud-tab-content>a:hover{
	text-decoration: underline;
	color: #4e7ff5;
}


/*---------------------------------------------------------注册----------------------------------------------------------*/
.register-header{
	background-color: #fafafa;
	border-bottom:1px solid #ccc;
}
.register-header-logo>a{
	color:#333;
}
.register-header-nav > .list-inner > .list-item > a{
	color:#333;
}
.register-header-nav  > .list-inner > .list-item > a .icon{
	background-image: url(../../images/pc/arrow-drop-black.png);
}
.register-header-nav > .list-inner > .list-item > a:hover{
	background-color: #fff !important;
}
.register-nav-drop{
	background-color:#fff;
}
.register-nav-drop > .list-inner > .list-item>a{
	color:#333
}
.register-nav-drop > .list-inner > .list-item>a.active{
	background-color: #fafafa;
	color:#333;
}
.register-header-login>a{
	color:#333;
}
.register-content{
    background-color: #4e7ff5;
    margin-top: 80px;
    min-height: 600px;
    padding: 100px 0;
}
.register-formBox{
	width:480px;
	margin:0 auto;
	padding:20px;
	background-color: #fff;
	border-radius:5px;
}
.register-formTitle{
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
	color:#333;
	font-size:20px;
}
.form-controls{
	padding:10px 0;
}
.form-controlsView label{
	color:#333;
	font-size:15px;
	text-align: right;
}
.form-controlsView label i{
	font-style: normal;
	color: #dd3040;
	font-size:20px;
	vertical-align: middle;
	font-weight: bold;
	margin-right: 3px;
}
.form-controlsView .controls{
	display: inline-block;
	margin-left: 10px;
}
.form-controlsView .controls input[type="text"],
.form-controlsView .controls input[type="password"],
.form-controlsView .controls select{
	color:#333;
	border:1px solid #ddd;
	height:32px;
	line-height: 32px;
	border-radius: 3px;
	padding:0 5px;
}
.form-controlsView .controls textarea{
	width:360px;
	height:200px;
	border:1px solid #ddd;
	border-radius:3px;
	resize:none;
	padding:5px;
}
.form-controlsView .controls input.attachment{
	height: 32px;
    opacity: 1;
    position: static;
}
.form-controlsView .controls .phoneCode-btn{
	background-color: #dbe2fe;
    color: #4e7ff5;
    border: 1px solid #dbe2fe;
    height: 32px;
    line-height: 32px;
    padding: 0 25px;
    vertical-align: middle;
    margin-top: -1px;
    border-radius: 3px;
    cursor: pointer;
}
.form-controlsView .controls input:focus{
	outline: none;
}
.form-controls-hint label{
	font-weight: 500;
	color:#000;
	font-size: 16px;
}
.form-controls-hint .controls{
	font-size:12px;
	color:#aaa;
}
.form-tip{
	color:#ea8010;
	font-size:12px;
	padding-left:120px;
	margin-top: 3px;
}
.form-controlsView .controls .normal-btn{
	height:35px;
	list-height:35px;
	padding:0 70px;
	background-color: #4e7ff5;
	color:#fff;
	border:none;
	border-radius: 3px;
	cursor:pointer;
}
.form-controlsView .controls input[type="checkbox"]{
	vertical-align: middle;
	margin-top:1px;
	margin-right: 3px;
}
.form-controlsView .controls .register-deal{
	font-size:14px;
	color:#777;
	vertical-align: middle;
}
.form-controlsView .controls .register-deal a{
	text-decoration: none;
}
.form-controlsView .controls .register-deal a:hover{
	text-decoration: underline;
}

/*----------------------------------------------------------登录-----------------------------------------------*/
.login-content{
	background-image: url(../../images/pc/bg-loginBg.jpg);
	background-repeat: no-repeat;
background-position: 45% 8%;
height: 550px;
width: 100%;
margin-top: 80px;
background-color: #4E7FF5;
}
.login-contentView{
	width:1100px;
	margin:0 auto;
	height: 550px;
}
.login-stateBox{
	width: 310px;
    float: right;
    background-color: #edf1fd;
    border: 1px solid #ddd;
    height: 310px;
    margin-top: 130px;
    padding:20px;
    position: relative;
}
.login-switch{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    cursor:pointer;
}
.login-title{
	font-size: 20px;
	color:#333;
	padding-bottom: 10px;
}
.login-formControl{
	padding:15px 0;
}
.login-formView{
	border:1px solid #ccc;
	background-color: #fff;
}
.login-formView label{
	width:40px;
	height: 40px;
	background-color: #ccc;
	vertical-align: middle;
}
.login-formView label img{
	display: block;
	margin:5px auto;
}
.login-formView .controls{
	display:inline-block;
	vertical-align: middle;
}
.login-formView .controls input[type="text"],.login-formView .controls input[type="password"]{
	border:none;
	height: 40px;
	line-height: 40px;
	width:255px;
}
.login-formView .controls input:focus{
	outline: none;
}
.login-btn{
	display: block;
    color: #fff;
    background-color: #4e7ff5;
    border-radius: 3px;
    line-height: 40px;
    text-align: center;
    width: 100%;
    border: none;
    cursor: pointer;
    margin: 10px 0;
}
.login-forget-hendle{
    text-align: right;
    font-size: 14px;
    padding: 8px 0;
}
.login-forget-hendle>a{
	color:#4e7ff5;
	padding-left: 20px;
	text-decoration: none;
}
.login-forget-hendle>a:hover{
	text-decoration: underline;
}
.login-serverDeal{
	margin-top: 15px;
}
.login-serverDeal input[type="checkbox"]{
	vertical-align: middle;
	margin-right: 3px;
}
.login-serverDeal .serverDeal{
	font-size:13px;
	color:#777;
}
.login-serverDeal .serverDeal a{
	text-decoration: none;
	color:#777;
}
.login-serverDeal .serverDeal a:hover{
	text-decoration: underline;
	color:#4e7ff5;
}
.login-accreditBox{
	overflow: hidden;
	padding: 10px 0;
}
.login-accreditView{
	display: inline-block;
	width:44%;
	padding:10px 2.5%;
	float:left;
	cursor:pointer;
}
.login-accreditView .img-box{
	width:80px;
	height: 80px;
	background-size: 100% auto;
    background-position: center;
    margin: 0 auto;
}
.login-accreditView.wechat .img-box{
    background-image: url(../../images/pc/img-wechat-2.png);
}
.login-accreditView.wechat .img-box:hover{
	background-image: url(../../images/pc/img-wechat.png);
}
.login-accreditView.passCard .img-box{
    background-image: url(../../images/pc/img-TLcard-2.png);
}
.login-accreditView.passCard .img-box:hover{
    background-image: url(../../images/pc/img-TLcard-1.png);
}
.login-accreditView p{
	text-align: center;
	font-size: 13px;
	line-height: 25px;
	margin-top: 10px;
}



/*----------------------------------------控制台------------------------------------------*/
/*-------------------------头部-------------------------------*/
.wx-header{
	width:100%;
	height:60px;
	color:white;
	background-color: #4e7ff5;
	width:100%;
	position:fixed;
	z-index:1111;
	    min-width: 1320px;
}
.wx-header-manageHeader{
	overflow:hidden;
}
.wx-sideList-listHeader{
	width:100%;
	height:30px;
	background-color:#38393b;
}
.wx-listHeader-icon{
    width: 30px;
    height: 30px;
    display: inline-block;
    /* margin: 0px 76%; */
    text-align: right;
    margin-right: 0 !important;
    float: right;
}
.wx-listHeader-icon img{
	width: 10px;
    height: 15px;
    display: inline-block;
    margin: 7.5px;
}
.wx-header:after{
	content:"";
	display:block;
	width:0;
	height:0;
	clear:both;
}
.wx-manageHeader-title{
	width:50%;
	float:left;
	height: 60px;
	line-height:60px;
}
.wx-manageHeader-title h1{
    height: 60px;
    width: 190px;
    float: left;
    margin: 0 10px;
    font-size: 20px;
    text-align:center;
}
.wx-manageHeader-title p{
	height: 60px;
    /* width: 28%; */
    font-size: 14px;
    float: left;
}
.wx-manageHeader-title .current-app{
	margin:0 !important;
}
.wx-manageHeader-datailBox{
	width: 456px;
    height: 60px;
    float: right;
    display: inline-block;
}
.wx-manageHeader-datailBox ul{
    list-style: none;
    font-size: 0;
    width: 100%;
    overflow: hidden;
}
.wx-manageHeader-datailBox ul li{
	color:white;
	font-size:14px;
	padding:0 4%;
	height:60px;
	width:auto;
	line-height:60px;
	float:left;
	text-align: center;
	display:block;
	cursor:pointer;
}
.wx-manageHeader-icon{
	width: 25px;
	height:25px;
	margin:17.5px 0;
	float:left;
}
.wx-manageHeader-icon img{
    width: 15px;
    height: 15px;
    /* margin: 7.5px 2px; */
    display: block;
    vertical-align: middle;
    margin-top: 5px;
    margin-left: 5px;
}
.wx-manageHeader-datailBox ul li:nth-child(2n){
	position:relative;
}
.wx-manageHeader-datailBox ul li:nth-child(2n):after,
.wx-manageHeader-datailBox ul li:nth-child(2n):before{
	position:absolute;
	top:0;
	width:0;
	content:"";
	left:0;
	display: block;
	height:60px;
	border-left:1px solid rgba(139, 136, 152, 0.35);
}
.wx-manageHeader-datailBox ul li:nth-child(2n):after{
	left:100%;
}

/*---------------------------------------侧栏-----------------------------------------*/
.control-content{
    position: relative;
    padding-top: 60px;
    overflow-x: hidden;
        min-width: 1320px;
}
.control-sideBox{
	width: 200px;
    background-color: #232D3C;
    position: fixed;
    height:100%;
}
.control-viewBox{
    background-color: #F4F5F5;
    margin-left: 200px;
    min-height:700px;
}
.side-title{
    padding: 15px 25px;
    color: #4e7ff5;
    font-size: 18px;
    margin: 20px 0;
    background-color: #100;
    cursor:pointer;
}
.side-title .icon{
	width:20px;
	height:20px;
	background-image:url(../../images/pc/img-control.png);
	margin-top: -5px;
    margin-right: 5px;
}
.control-sideBox>.list-inner>.list-item{
	margin:0 0 10px;
}
.control-sideBox>.list-inner>.list-item.active>a{background-color: #4e7ff5;}
.control-sideBox>.list-inner>.list-item>a,.list-drop>.list-inner>.list-item>a{
	color: #fff;
    display: block;
    padding:10px 25px;
    font-size:14px;
}
.control-sideBox>.list-inner>.list-item>a>img{
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 5px;
}
.control-sideBox>.list-inner>.list-item>a .icon{
	width: 15px;
    height: 15px;
    background-image: url(../../images/pc/arrow-drop.png);
    float: right;
    margin-top: 3px;
}
.control-sideBox>.list-inner>.list-item>a:hover{
	background-color:#777;
}
.list-drop{
	display:none;
}
.list-drop>.list-inner>.list-item>a{
	text-indent:20px;
}
.list-drop>.list-inner>.list-item.active>a{
	background-color: #4e7ff5;
}
.list-drop>.list-inner>.list-item>a:hover{
	background-color:#777;
}


/*-------------------------------------控制台首页----------------------------------------*/
.control-bread{
	padding: 0 20px;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    box-shadow: 1px -1px 6px rgba(18,0,0,0.7);

}
.control-notice:before{
    content: "";
    background-image: url(../../images/pc/index-notice.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    float: left;
    padding: 10px;
    margin-top: 15px;
}
.control-notice .notice-textLi{
	display:inline-block;
	padding:0 20px 0 10px;	
}
.control-notice .notice-textLi label{
	color:#aaa;
	font-size:13px;
}
.control-notice .notice-textLi a{
	color:#4e7ff5;
	font-size:13px;
	padding:0 0 0 10px;
}
.control-notice .notice-textLi a:hover{
	text-decoration:underline;
}
.frame-table{
    padding:20px;
    box-sizing:border-box;
}
.frame-table .index-cell.left{
    width: -webkit-calc(100% - 420px);
    width: -moz-calc(100% - 420px);
    width: calc(100% - 420px);
	padding-right:20px;
	display:inline-block;
	vertical-align:top
}
.frame-table .index-cell.right{
	width:360px;
	padding:20px;
	float:right;
	background-color:#fff;
	vertical-align:top
}
.index-user-cell .img-box{
	display:inline-block;
	width:80px;
	height:80px;
	border-radius:100%;
	vertical-align:middle;
	overflow: hidden;
}
.index-user-cell .img-box img{
	width:auto;
	height:100%;
}
.index-userInfo{
	display:inline-block;
	vertical-align:middle;
	padding-left:10px;
}
.index-userInfo .name{
	margin-bottom:10px;
}
.index-userInfo .mobile{
	color:#777;
	font-size:12px;
	margin-top:5px;
}
.index-userInfo .certification .index-phone{
	background-image:url(../../images/pc/index-phone.png);
}
.index-userInfo .certification .index-email{
	background-image:url(../../images/pc/index-email.png);
}
.index-userInfo .certification .index-phone,
.index-userInfo .certification .index-email{
	display:inline-block;
	width:18px;
	height:18px;
	background-position:center center;
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-right:10px;
}

.index-loginInfo{
	margin-top:15px;
}
.index-loginInfo>p{
	color:#777;
	font-size:13px;
	padding:5px 0;
}
.index-productUp{
	padding-top:15px;
	border-top:1px solid #ddd;
	margin-top:20px;
}
.index-product-title{
	color:#333;
	font-size:16px;
}
.index-product-title .more{
	color:#4e7ff5;
	float:right;
	font-size:14px;
}
.index-product-title .more:hover{
	text-decoration:underline;
}
.update-msg{
	margin-top:10px;
}
.update-msg .update-list{
	position:relative;
	padding-bottom:10px;
}
.update-msg .update-list:last-child:before{
	height:0;
	width:0;
}
.update-msg .update-list:before{
	content: "";
    display: inline-block;
    width: 1px;
    height: 21px;
    background-color: #ddd;
    position: absolute;
    left: 95.5px;
    top: 17.5px;
}
.update-msg .update-list:after{
	content:"";
	clear:both;
}
.update-msg .update-list p{
	display:inline-block;
	color:#777;
	vertical-align:middle;
	font-size:14px;
}
.update-msg .update-list .text-light{
	margin:0 10px;
	width:10px;
	height:10px;
	border:1px solid #ddd;
	border-radius:100%;
}
.update-msg .update-list .text-light.active{
	background-color:#4e7ff5;
}
.update-msg .update-list .message{
	width:230px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.update-msg .update-list p a{
	color:#777;
	font-size:14px;
}
.update-msg .update-list p a.active{
	color:#4e7ff5;
	text-decoration:underline;
}
.index-appInner .index-appLi{
	background-color: #fff;
    padding: 20px;
    width: 200px;
    display: inline-block;
    vertical-align: middle;
    height: 200px;
    margin-right: 20px;
    margin-bottom:20px;
}
.index-appInner .index-appLi:hover{
	box-shadow: 1px 0px 5px rgba(186,186,186,0.7);
}
.index-appInner .index-appLi>a{
	display:block;
}
.index-appInner .index-appLi .img-box{
	width:100px;
	height:100px;
	border-radius:100%;
	margin:20px auto 15px;
}
.index-appInner .index-appLi .img-box img{
	width:auto;
	height:100%;
}
.index-appInner .index-appLi .index-appName,
.index-appInner .index-appLi .index-appURl{
	text-align:center;
	padding:5px 0;
}
.index-appInner .index-appLi .index-appName{
	color:#333;
	font-size:16px;
}
.index-appInner .index-appLi .index-appURl{
	color:#777;
	font-size:14px;
}
.appReco-btn{
	color:#fff;
	background-color:#4e7ff5;
	border-radius:20px;
	float:right;
	vertical-align:middle;
	margin-top:20px;
}
.app-recoInner{
	padding:20px 0;
}

.app-recoList{
	padding:20px;
	margin-bottom:20px;
	background-color:#fff;
}
.app-recoList .img-box{
	width:70px;
	height:70px;
	vertical-align:middle;
	display:inline-block;
}
.app-recoList .img-box img{
	width:auto;
	height:100%;
}
.app-reco-text{
	display:inline-block;
	vertical-align:middle;
	margin-left:10px;
}
.app-reco-text .version{
	font-size:13px;
	color:#777;
	margin-top:5px;
}
.index-use{
	font-size:13px;
	color:#333;
	line-height:25px;
	margin-top:10px;
	text-indent:20px;
}

.index-useDocument {
    padding: 10px 0;
}
.index-useDocumentLi {
    padding: 5px 0;
    font-size: 14px;
    color: #555;
    cursor: pointer;
}
.index-useDocumentLi:hover{color: #4e7ff5;}
.index-useDocumentLi .title {
    width: 76%;
    display: inline-block;
    overflow: hidden;
	white-space: nowrap;
text-overflow: ellipsis;
    vertical-align: middle;
}

.index-useDocumentLi .time {
    width: 22%;
    display: inline-block;
        vertical-align: middle;
}
/*------------------------------------------账号管理-----------------------------------------*/
.control-bread .bread-text{
	font-size:16px;
	color:#333;
	display:inline-block;
}
.control-bread .save-btn{
    background-color: #4e7ff5;
    color: #fff;
    float: right;
    line-height: 25px;
    border-radius: 20px;
    margin-top: 9px;
}
.account-frame{
    width: 96%;
    background-color: #fff;
    min-height: 300px;
    margin: 20px;
}
.frame-cell{
	margin-bottom:50px;
}
.frame-cell .cell-title{
	height:40px;
	line-height:40px;
	padding:0 15px;
}
.account-form-title{
	background-color:#f5f5f5;
}
.frame-cell .cell-title h1{
	font-size:14px;
	color:#333;
}
.control-form{
	padding-top:20px;
}
.account-form{
	width:700px;
	margin-left:250px;
	position:relative;
}
.account-form .user-portrait{
	position:absolute;
	top:0px;
	left:490px;
}
.user-portrait .controls,
.company-portrait .controls{
	width:120px;
	height:120px;
	position:relative;
}
.change-protrait{
    position: relative;
    border-radius: 3px;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border: 1px solid #ddd;
}
.change-protrait img{
	width:auto;
	height:100%;
}
.change-protrait span{
	display:block;
	width:120px;
	height:25px;
	line-height:25px;
	color:#fff;
	background-color:#000;
	opacity:0.8;
	position:absolute;
	left:0;
	bottom:0;
	font-size:12px;
	text-align:center;
}
.account-form .edit-btn{
	background-color:#4e7ff5;
	color:#fff;
	position:absolute;
	bottom:12px;
	left:500px;
	padding:0;
	width:120px;
	text-align:center;
	height:30px;
	line-height:30px;
}
.chooseType{
	margin-left: 204px;
    margin-top: 28px
}
.account-tab{
    display:inline-block;
    vertical-align:middle;
}
.chooseType label{
	margin-right:10px;
}
.account-tab>a{
	display:inline-block;
	margin-right:15px;
}
.tab-panel{
	padding:8px 20px;
	border:1px solid #ddd;
	border-radius:3px;
	font-size:14px;
	color:#ccc;
}
.tab-panel.active{
	border:1px solid #4e7ff5;
	color:#4e7ff5;
}
.tab-panel .icon{
    width: 15px;
    height: 15px;
    background-image: url(../../images/pc/icon-noCheck.png);
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
}
.tab-panel.active .icon{
	background-image: url(../../images/pc/icon-isCheck.png);
}
.panel-inner .panel-list{
	padding:20px;
	background-color:#fff;
	border-bottom:1px solid #ddd;
}
.panel-inner .panel-list:last-child{
	border-bottom:none;
}
.security-view .panel-title,
.security-view  .panel-text,
.security-edit{
	display:inline-block;
	vertical-align:middle;
}
.security-view .panel-title{
	width:100px;
	margin-right:5px;
	font-size:15px;
}
.security-view  .panel-text{
	font-size:13px;
	color:#777;
	line-height:23px;
}
.security-view  .panel-text b{
	color:#4e7ff5;
}
.security-edit{
	float:right;
}
.security-edit .status{
	font-size:14px;
}
.security-edit .status.success .icon,
.security-edit .status.fail .icon{
	width:15px;
	height:15px;
}
.security-edit .status .icon{
	margin-top:-2px;
	margin-right:5px;
}
.security-edit .status.success{
	color:#4e7ff5;
}
.security-edit .status.fail{
	color:#dd3040;
}
.security-edit .status.success .icon{
	background-image:url(../../images/pc/check.png);
}
.security-edit .status.fail .icon{
	background-image:url(../../images/pc/wrong.png);
}
.security-edit .status-edit{
	padding-left:20px;
	font-size:13px;
	color:#333;
}
.security-edit .status-edit:hover{
	color:#4e7ff5;
}

/*-----------------------------footer-----------------------------*/
.cloud-footer{
	background-color:#3f75f3;
	height:50px;
	text-align:center;
	line-height:50px;
	color:#c5d6fb;
	width:100%;
}
.abso-Bottom{position:absolute;
	left:0;
	bottom:0;}
.cloud-footer span{
	padding:0 30px;
	font-size:13px;
}

/*------------------------------------订单管理----------------------------------*/
.order-queryBox{
	margin-top:20px;
}
.query-condition{
	padding:0 15px;
}
.query-condition em{
	font-style:normal;
	font-size:13px;
	color:#777;
	margin-right:15px;
}
.query-condition input,
.query-condition select{
	padding:3px 10px;
	border:1px solid #ccc;
	border-radius:3px;
}
.query-condition .btn-blue{
	color:#fff;
	border-radius:10px;
}
.order-table{
	margin-top:30px;
}
.order-header{
    background-color: #e6e9ed;
    border-top: none;
    border-left: none;
    border-bottom: none;
}
.order-header .div-tr{
	color:#333;
	font-weight:bold;
	font-size:13px;
}
.order-body{
	border:none;
}
.order-bodyHeader{
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	background-color:#f5f7f9;
}
.order-bodyHeader .div-td{
	font-size:14px;
	color:#777;
}
.order-goods .img-box{
	width:50px;
	height:42px;
	display:inline-block;
	overflow:hidden;
	vertical-align:middle;
}
.order-goods .img-box img{
	width:auto;
	height:100%;
}
.order-goods .img-intro{
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
	color:#777;
}
.order-body .order-view{
	border-bottom:1px solid #ddd;
}
.order-body .div-td{
	font-size:13px;
	color:#777;
	vertical-align:middle;
}
.order-body .order-size{
	line-height:25px;
	word-break:break-all;
}
.order-body .order-link{
	color: #00a0e9;
    padding-right: 10px;
    display: block;
    margin: 5px 0;
}

/*----------------------------------------订单详情-----------------------------------*/
.orderDel-cell{
	border:1px solid #ddd;
	border-radius:5px;
}
.orderDel-title{
	background-color:#F7F9FB;
	height:30px;
	line-height:30px;
	padding:0 10px;
	font-size:13px;
	border-bottom:1px solid #ddd;
}
.orderDel>div{
	display:inline-block;
	veritcal-align:middle;
	padding:20px;
}
.orderDel>div>p{
	font-size:13px;
	padding:5px 0;
}
/*-----------------------------------------商品详情------------------------------------------------------*/
.goods-detail{
	width:1100px;
	margin:20px auto;
}
.goodsDet-side{
	width:800px;
	display:inline-block;
}
.goodsDet-top{
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    border-bottom: 1px solid #e9e9e9;
}
.goodsDet-top .img-box{
	width:200px;
	height:200px;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
}
.goodsDet-top .img-box img{
	width:auto;
	height:100%;
}
.goods-info{
	display:inline-block;
	width:540px;
	float:right;
	position:relative;
	height:200px;
}
.goods-title{
	font-size:20px;
	width:500px;
	word-break:break-all;
}
.goods-intro{
    overflow: hidden;
    font-size: 13px;
    padding: 10px 0
}
.userNum{
	font-size:13px;
	vertical-align:middle;
	position:absolute;
	top:3px;
	right:0;
	color:#999;
}
.goods-type{
	margin-top:10px;
}
.goods-type-cell{
	padding-top:15px;
}
.goods-type-cell label{
	font-size:13px;
	color:#777;
	width:80px;
	vertical-align:middle;
}
.goods-type-select{
	display:inline-block;
}
.goods-type-select .list-inner .list-item{
	display:inline-block;
	margin:0 5px;
}
.goods-type-select .list-inner .list-item a{
	display:block;
	width:70px;
	border:1px solid #ddd;
	color:#aaa;
	text-align:center;
	height:30px;
	line-height:30px;
	border-radius:5px;
	font-size:14px;
}
.goods-type-select .list-inner .list-item a.active{
	border:1px solid #4e7ff5;
	color:#4e7ff5;
}
.goods-type-select .price{
	color:#dd3040;
	font-size:18px;
	font-weight:bold;
}

.detail-btn{
    margin-left: 220px;
    display: block;
    width: 70px;
    padding: 10px 60px;
    text-align: center;
    font-size: 13px;
    border-radius: 5px;
    margin-top: 15px;
}
.goodsDet-view{
	background-color:#fff;
	padding:20px;
	border-radius:5px;
}
.goodsDet-view .title-normal{
	color: #777;
    font-weight: normal;
    font-size: 13px;
    padding: 10px 0;
    border-bottom: 1px solid #e9e9e9;
}
.goodsDet-wrap{
	width:280px;
	float:right;
	vertical-align:top;
	display:inline-block;
	height:500px;
}
.goodsDet-graphic {
    padding: 10px 0;
}
.goods-shopInfo,.goods-recommend {
	padding:20px;
	background-color:#fff;
	border-bottom:1px solid #e9e9e9;
	border-radius:5px;
}
.goods-titleNor{
	font-size:13px;
	color:#999;
	font-weight:normal;
	padding:0 0 10px;
}
.goods-shopInfo .list-inner,
.goods-recommend .list-inner{

}
.goods-shopInfo .list-item,
.goods-recommend .list-item{
    padding-bottom: 15px;
    font-size: 14px;
    color: #8a8a8a;
}
.goods-shopInfo .list-item .icon{
	width:15px;
	height:15px;
	margin-right:10px;
}
.goods-shopInfo .list-item .icon.company{
	background-image:url(../../images/pc/detail-company.png);
}
.goods-shopInfo .list-item .icon.phone{
	background-image:url(../../images/pc/detail-phone-1.png);
}
.goods-shopInfo .list-item .icon.email{
	background-image:url(../../images/pc/index-email.png);
}
.goods-recommend .list-item>a{
	display:block;
}
.goods-recommend .list-item .img-box{
	width:40px;
	height:40px;
	border-radius:100%;
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
}
.goods-recommend .list-item .img-box img{
	width:auto;
	height:100%;
}
.goods-recommend .list-item p{
	display:inline-block;
	vertical-align:middle;
	color:#777;
}
.goods-recommend .list-item{
	padding-bottom:25px;
}
/*-----------------------------------------确认订单----------------------------------------------*/
.main-box{
	width:1100px;
	margin:0 auto;
	background-color:#fff;
	min-height:500px;
}
.confirm-view{
	padding:20px;
}
.confirm-header{
	background-color:#eee;
}
.confirm-table .div-td{
	font-size:14px;
}
.confirm-header,.confirm-body{
	border-left:none;
	border-right:none;
}
.confirm-body .div-td{
	color:#777;
}
.confirm-body .td-img .img-box{
	width:40px;
	height:40px;
	border-radius:100%;
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
}
.confirm-body .td-img .img-box img{
	width:auto;
	height:100%;
}
.confirm-body .td-img p{
	display:inline-block;
	vertical-align:middle;
	margin-left:5px;
}
.confirm-priceBox{
	margin-top:20px;
	text-align:right;
}
.confirm-priceBox span{
	font-size:13px;
	color:#aaa;
}
.confirm-priceBox b{
	font-size:22px;
	color:#dd3040;
}
.confirm-btnGroup{
	text-align:right;
	margin-top:30px;
}
.confirm-btnGroup a{
	border-radius:5px;
	padding:5px 0;
	width:110px;
	text-align:center;
	font-size:14px;
	margin-left:15px;
}

/*-----------------------------------------支付-------------------------------------------------*/
.pay-cell{
	background-color:#f1f1f1;
	padding:20px;
	border-bottom:1px solid #fff;
}
.pay-cell .title{
	font-weight:bold;
	color:#777;
	font-size:15px;
}
.pay-cell .tip{
	float:right;
	font-size:13px;
	color:#999;
}
.pay-cell .detail{
	margin-right:20px;
	font-size:14px;
	color:#777;
}
.payWay-list{
	display:inline-block;
	margin-right:30px;
}
.payWay-list a{
	display:block;
}
.payWay-list .icon{
	width:20px;
	height:20px;
	background-image:url(../../images/pc/icon-noCheck.png);
}
.payWay-list .icon.active{
	background-image:url(../../images/pc/icon-isCheck.png) !important;
}
.payment-img{
	display:inline-block;
	vertical-align:middle;
	width:104px;
	height:25px;
	padding:10px;
	background-size:104px 25px;
	background-position:center center;
	background-repeat:no-repeat;
	border:1px solid #ddd;
	margin-left:10px;
	border-radius:5px;
}
.payment-img.alipay-img{
	background-image:url(../../images/pc/alipay.svg);
}
.payment-img.wechat-img{
	background-image:url(../../images/pc/wechat.svg);
}
.payment-img.bank-img{
	background-image:url(../../images/pc/offline.svg);
}
.payment-img.active{
	border:1px solid #4e7ff5;
}
.pay-btnBox{
	text-align:right;
}
.pay-btnBox .could-btn{
	border-radius:5px;
	font-size:14px;
	padding:10px 60px;
}
/*---------------------------------------支付成功------------------------------------------------*/
.success-view{
    padding: 25px 0;
    text-align: center;
    margin-top: 50px;
    background-color: #f1f1f1;
    width: 1060px;
    margin: 50px auto 0;
}
.success-img{
	display:inline-block;
	width:100px;
	height:100px;
	background-image:url(../../images/pc/check.svg);
	background-repeat:no-repeat;
	background-size:100%;
	background-position:center center;
	vertical-align:top;
}
.success-text{
	width: 300px;
    box-sizing: border-box;
    padding: 0 0 0 20px;
    display: inline-block;
    vertical-align: top;
    text-align:left;
}
.success-text h1{
	font-size:15px;
}
.success-text h1 b{
	color:#dd3040;
	font-size:18px;
	padding:0 5px;
}
.success-text p{
	margin:10px 0;
	font-size:14px;
}
/*----------------------------------------loading----------------------------------------------*/
.loading-mask{
	position:fixed;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
.loading-bg{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-color:#000;
	opacity:0.6;
}
.loading-view{
	position:fixed;
	width:60px;
	height:60px;
	left:45%;
	top:45%;
}
.loading-view img{
	width:100%;
}
.loading-noMask{
	background-color:#777;
	padding:0px;
	border-radius:5px;
}
/*-----------------------------------------轮播-------------------------------------------------*/
.banner {
    width: 100%;
    height: 495px;
    overflow: hidden;
    position: relative;
}

.banner > ul {
    display: none;
    /*width: 999999999px;*/
    height: 450px;
    position: absolute;
    top:0;
    left: 0;
}

.banner > ul > li  {
    float: left;
    height: 450px;
}

.banner > ul > li > a {
    display: block;
    font-size: 200px;
    text-align: center;
    line-height: 450px;
    font-weight: bold;
}

.left-btn,.right-btn {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 65%;
    right: -50px;
    background-image: url("../../images/pc/right-1.png");
    background-size:100% auto;
    cursor: pointer;
}

.left-btn {
    left:-50px;
    background-image: url("../../images/pc/left-1.png");
}

.img-btn-list {
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
}

.img-btn-list > span  {
    display: inline-block;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    margin: 0 5px;
    background: rgba(0,0,0,0.8);
    cursor: pointer;
}

.img-btn-list > span.current {
    border: 3px solid rgba(0,0,0,0.8);
    background: rgba(255,255,255,0.8);
}

/*------------------------------------------------文章列表-------------------------------------------------------*/
.article-inner{
	padding:0 20px 50px;
}
.article-list{
	border-bottom:1px solid #eee;
	padding:15px 0;
}
.article-list a{
	display:block;
}
.article-list .img-box{
	width:100px;
	height:100px;
	overflow:hidden;
	display:inline-block;
	vertical-align:middle;
}
.article-list .img-box img{
	width:auto;
	height:100%;
}
.article-list .article-info{
	display:inline-block;
	vertical-align:top;
	height:100px;
	position:relative;
	width:950px;
}
.article-list .article-info .title{
	font-size:16px;
	color:#000;
	font-weight:normal;
	word-break:break-all;
}
.article-list .article-info .summary{
	padding:5px 0;
	font-size:13px;
	color:#aaa;
}
.article-list .article-info .view{
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: right;
    width: 100%;
}
.article-list .article-info .view span{
	color:#777;
	margin-right:10px;
	font-size:13px;
}
/*--------------------------------------------文章详情----------------------------------------------------*/
.article-detail{
	background-color:#f5f7fa
}
.article-detail .title{
	font-weight:normal;
	font-size:18px;
	color:#000;
	background-color:#fff;
	padding:20px 20px 0;
}
.actDet-view{
	padding:10px 20px 20px;
	background-color:#fff;
	color:#777;
	font-size:14px;
}
.actDet-graphic{
	padding:20px;
	background-color:#fff;
	margin-top:10px;
}
.actDet-summary{
	margin-top:20px;
	background-color:#f7f7f7;
	padding:20px;
	font-size:14px;
	color:#999;
}
.actDet-graphic .graphic-view{
	margin-top:20px;
	font-size:14px;
	color:#777;
	line-height:25px;
	word-break:break-all;
}
.actDet-graphic .graphic-view img{
	max-width:100%;
}
/*--------------------------------------------分页器------------------------------------------------------*/
.lui-pagination{
	text-align:right;
	padding:15px 0;
}
.lui-pagination ul{
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
}
.lui-pagination ul li{
    width: 30px;
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 5px;
    text-align: center;
    border: 1px solid #bfbfbf;
    cursor: pointer;
    box-shadow: inset 0 0 10px #f5f5f5;
    font-size:14px;
}
.lui-pagination ul li:nth-child(5){
    border: none;
    width: 10px;
    line-height: 30px;
    box-shadow: none;
}
.lui-pagination .jumpNum{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 0 10px;
    text-align: center;
    border: 1px solid #bfbfbf;
}
.lui-pagination .jumpBtn{
    height: 30px;
    line-height: 30px;
    font-family: "微软雅黑";
    background: none;
    border: 1px solid #ccc;
    padding: 0 12px;
    background-color: #f7f7f7;
    color: #353535;
    vertical-align: middle;
}
.lui-pagination .pagingActive{
    background: #7d7d7d !important;
    color: #fff;
    box-shadow: none;
    border: 1px solid #7d7d7d;
}
.lui-pagination .pagingOver{
    background-color: #f9f9f9;
}

/*------------------------------微信扫码支付--------------------------------*/
/*微信支付二维码*/
.wxCode-order-detail{
	display:flex;
	border-bottom:1px dashed #ccc;
	padding:15px 0 5px;
}
.wxCode-detail-left{
	flex:1;
	color:#000;
	font-size:14px;
}
.wxCode-detail-left b{
	font-weight:normal;
	margin-left:20px;
}
.wxCode-detail-right{
	flex:1;
	text-align:right;
}
.wxCode-detail-right p b{
	color:#dd3040;
	font-size:20px;
}
.wxCode-detail-right a{
    color: #00a0e9;
    display: inline-block;
    margin-top: 3px;
}
.wxCode-detail-right a img{
	width:10px;
	height:10px;
	margin-left:3px;
}
.wxCode-user{
	border:1px solid #ddd;
	padding:10px 10px 0;
	margin-top:10px;
	display:none;
}
.wxCode-user p{
	font-size:14px;
	color:#333;
	margin-bottom:10px;
}
.wxCode-user p span{
	margin-left:10px;
}
.wxCode-box{
    padding: 15px;
    margin-top: 20px;
    box-shadow: -1px 1px 6px 2px #eee;
    /* border: 1px solid #ddd; */
    overflow: hidden;
    width: 96%;
    margin: 20px auto;
}
.wxCode-box>h1{
	font-size:16px;
	color:#777;
	font-weight:normal;
	margin-bottom:10px;
}
.wxCode-way{
	display:flex;
}
.wxCode-img{
    flex: 1;
    text-align: center;
    margin-top: 25px;
}
.wxCode-img>img{
	width:250px;
	height:250px;
	border:1px solid #ddd;
}
.wxCode-intro{
	width:240px;
	background-color:#dd3040;
	color:#fff;
	margin:0 auto;
	padding:5px;
	border:1px solid #dd3040;
	overflow:hidden;
	display:flex;
}
.wxCode-intro-img{
	flex:1;
	text-align:right;
	overflow:hidden;
}
.wxCode-intro-img img{
    width: 30px;
    margin-top: 5px;
}
.wxCode-intro-word{
	flex:2;
	text-align:left;
	margin-left:10px;
}
.wx-img{
	flex:1
}
.wx-img img{
	width:300px;
}
/*--------------------------------我的app--------------------------------*/
.myApp-list{
	position:relative;
}
.myApp-time{
    display: inline-block;
    position: absolute;
    top: 0;
    right: 300px;
    line-height: 110px;
}
.myApp-timeline,.myApp-timeEnd{
	display: inline-block;
    text-align: left;
    font-size: 14px;
    color: #333;
    min-width: 210px;
    margin: 0 10px;
}
.myApp-list .appDelete-btn{
	border-radius: 20px;
    float: right;
    vertical-align: middle;
    margin-top: 20px;
    margin-left:10px;
    margin-right:10px;
}
/*-------------------------------应用市场--------------------------------------*/
.appMarket-inner{
	background-color:#fff;
	margin-top:20px;
	box-sizing:border-box;
	padding:15px;
}
.appStore-listInner{
	margin-top:10px;
	margin-bottom:20px;
	margin-left:-20px;
}
.appMarket-floor{
	margin-bottom:70px;
}
.appStore-list{
	display: inline-block;
    padding: 10px;
    border: 1px solid #eee;
    vertical-align: middle;
    margin: 0 20px 30px;
}
.appStore-list:hover{
	box-shadow:0px 0px 2px rgba(186,186,186,0.7);
}
.appStore-info .imgBox{
	width:70px;
	height:70px;
	border-radius:5px;
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
}
.appStore-text{
	display:inline-block;
	width:200px;
	margin-left:5px;
	vertical-align:middle;
}
.appStore-text h1{
	font-size:16px;
	font-weight:normal;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#000;
}
.appStore-text p{
	font-size: 13px;
    color: #999;
    /* white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    height: 36px;
    -webkit-box-orient: vertical;
    box-orient: vertical;
	-webkit-line-clamp: 2;/*两行溢出点点点*/
	line-clamp: 2;
}
.appStore-text .short{
	margin-top:5px;
}
.appStore-btn{
	border-radius:10px;
	float:right;
	padding:5px 15px;
	font-size:12px;
}
.app-recoTitle{
	border-left:3px solid #4e7ff5;
	padding-left:10px;
}
.appStore-bottom{
	margin-top:15px;
}
.appStore-bottom .version{
    display: inline-block;
    width: 150px;
    font-size: 18px;
	line-height: 26px;
    color: #ea8010;
}
.appStore-bottom .version span{
    font-size: 13px;
    margin-left: 3px;
    margin-top: -4px;
    vertical-align: middle;
    display: inline-block;
}
/*----------------------------------成功案例------------------------------------*/
.successExp{
	margin-top:100px;
}
.successExp-view{
	width:1100px;
	margin:0 auto;
	background-color:#fff;
	border-radius:5px;
	box-sizing:border-box;
	padding:30px 10px;
}
.successExp-view .floorTitle{
	text-align:center;
	font-size:30px;
	color:#4e7ff5;
	font-weight:bold;
}
.successExp-listInner{
	overflow:hidden;
	margin:30px 0;
	text-align:center;
}
.successExp-view .success-list{
	width:340px;
	float:left;
}
/*------------------------------页面设计系列代码开始--------------------------------*/
.design-mainBox {
    padding:20px 10px;
        position: relative;
        display: flex;
}
/* 侧边组件工具栏 */
.compTool-box {
       width: 300px;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ddd;
    display: inline-block;
    flex: 1;
        height: 643px;
}
.compTool-title {
    color: #999;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.compTool-tabsLine {
    background-color: #eee;
}
.compTool-tab {
    font-size: 14px;
    display: inline-block;
    color: #555;
    padding: 10px;
    cursor: pointer;
}
.compTool-tab.active {
    background-color: #fff;
    color: #4e7ff5;
}
.compTool-tabContent {
    display: none;
    height: 538px;
    padding: 10px 0;
}
.compTool-tool-box {
    display: inline-block;
    width: 86px;
    margin-left: 10px;
    float: left;
    margin-bottom: 5px;
    padding: 5px 0;
}
.compTool-tool {
    text-align: center;
}

.compTool-tool .imgBox-h {
    height: 30px;
    display: block;
    border: 1px solid #ddd;
    padding: 5px 10px;
}
.compTool-tool-title {
    text-align: center;
    display: block;
    font-size: 12px;
    color: #555;
    margin-top: 5px;
}
.compTool-tool:hover .imgBox-h{ border-color:#4e7ff5;}
.compTool-tool:hover .compTool-tool-title{color:#4e7ff5;}

/* 预览界面 */
.preview-box {
   display: inline-block;
    flex: 1.5;
    margin: 0 20px;
}
.preview-mainBox {
    width: 320px;
    background-color: #fff;
    height: 640px;
        margin: 0 auto;
            border: 1px solid #ddd;
}

.preview-header{background-image:url(../../images/pc/bg-previewHeader.png);    height: 64px;}
.preview-header span {
    color: #fff;
    text-align: center;
    display: block;
    padding-top: 32px;
    width: 190px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 组件设置栏 */

.compSetting-box {
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #ddd;
    display: inline-block;
    flex: 1.5;
    margin-right: 30px;
}
.compSetting-boxTitle {
    padding: 10px;
    border-bottom: 1px solid #ddd;
    color: #999;
}
.compSetting-content {
    padding: 10px;
}
.compSetting-title {
    font-size: 14px;
    color: #999;
    border-bottom: 1px solid #eee;
    font-weight: bold;
    padding: 10px 0;
        padding-bottom: 5px;
}
.compSetting-btnBox {
    border-top: 1px solid #eee;
    padding: 10px;
    text-align: center;
}
.compSetting-btn {
   width: 100px;
    display: inline-block;
    border: 1px solid #ddd;
    padding: 8px 10px;
    font-size: 12px;
    border-radius: 5px;
    cursor: pointer;
}
.compSetting-btn.btn-allLine{
	width:80%;
}
/* 组件设置栏-----样式选择 */

.compSetting-styleSelect-box {
    padding: 10px 0;
}
.compSetting-styleSelect-li {
    display: inline-block;
    position: relative;
    width: 49%;
        max-width: 200px;
    vertical-align: top;
}
.compSetting-styleSelect-li input[type="radio"] {
    width: 100%;
    position: absolute;
    opacity: 0;
    cursor: pointer;
}
.styleSelect-name i {
        border: 1px solid #ddd;
    width: 12px;
    height: 12px;
    border-radius: 100px;
    display: inline-block;
    vertical-align: top;
    margin-top: 3px;
    margin-right: 5px;
}
.styleSelect-name {
    font-size: 14px;
    color: #555;
}
.compSetting-styleSelect-li  label > i.active::before{    
	content: "";
    display: inline-block;
    position: absolute;
    top: 6px;
    left: 3px;
    background-color: #4e7ff5;
    width: 8px;
    height: 8px;
    border-radius: 10px;} 
    
 .compSetting-inputBox {
    padding: 10px 0;
}   
 /* 组件设置栏-----表单 */
 
 .compSetting-inputBox {
    padding: 10px 0;
}   
.compSetting-inputTitle {
    vertical-align: middle;
    font-size: 14px;
    color: #555;
    width:100px;
}
.compSetting-colorpicker-box {
    margin-bottom: 10px;
} 
.compSetting-inputBox >ul>.compSetting-colorpicker-box:last-child{margin-bottom:0;}
.compSetting-dropDown {
    padding: 10px 0;
}
.dropDown-normal select {
    vertical-align: middle;
    width: 200px;
}
.compSetting-dropDown-content {
    display: inline-block;
    position: relative;
}
.compSetting-dropDown-content select {
    vertical-align: middle;
    width: 224px;
    padding: 1px 0;
}
.compSetting-dropDown-content:hover select{border-color:#4e7ff5;}
.compSetting-dropDown-content i {
    font-style: inherit;
    position: absolute;
    right: 1px;
    top: 1px;
    background-color: #eaeaea;
    padding: 0 5px;
    height: 21px;
    font-size: 12px;
    line-height: 22px;
    border-left: 1px solid #bbb;
    color: #777;
}
 .compSetting-dropDown-content:hover i{color:#111;}   
 
/*------------------------------页面设计系列代码结束--------------------------------*/