/* 
* @Author: Administrator
* @Date:   2018-01-13 10:25:18
* @Last Modified by:   Administrator
* @Last Modified time: 2018-01-17 15:29:43
*/
*{padding:0;margin:0;list-style: none;}
.bgf8{background: #f8f8f8;}
.y-content .tit{text-align: center;font-size: 36px;padding: 50px 0;}
.y-content .banner{background: url(../images/y-banner1.png)no-repeat center;height:580px;}
.w1200{width:1200px;margin:0 auto;}
.y-content .Pain_point{background: url(../images/y-bg1.jpg)no-repeat center;height:374px;margin: 0;
    padding: 0;}
.y-content .Pain_point li{width: 400px;margin-left: 266px;padding-top: 63px;font-size: 18px;line-height: 38px;}
.function .y-mb{padding-bottom: 30px;}
.y-content .function ul{overflow: hidden;}
.y-content .function li{float: left;width:20%;}
.y-content .function li div{width:74px;height:74px;margin:0 auto;}
.y-content .function li p{text-align: center;}
.y-content .function li div img{width:100%;}
.htc-box{padding: 0px 130px;}
.htc-box .htc-left img{width:300px;}
.htc-box .htc-left {margin-top: -25px;}
.htc-icon1{width: 87px; height: 87px; border: 1px solid #d6303a; border-radius: 50%;text-align: center;
    padding-top: 20px;}
.htc-icon2{border: 1px solid #19ba99;}    
.htc-icon3{border: 1px solid #1baff7;}    
.htc-icon4{border: 1px solid #ffaf32;}     
.htc-right li{margin: 0 20px;margin-top: 50px;}
.store{background: #1baff7;}
.store .htc-icon1{border: 1px solid #fff;}
.text-fff{color: #fff;}
.print{margin-bottom: 50px;}
.print-bg{background: url(../images/bg5.png) no-repeat center;height:216px;}
.print ul li{margin:0 68px;}
.print ul .ml1{margin-left: 97px;}
.print ul .ml2{margin-left: 49px}
.print ul .ml3{margin-left: 35px;}
.print ul .ml4{margin-left: 56px;}
.print ul .ml5{margin-left: 96px;}
.varied{background: #f8f8f8;padding-bottom: 30px;}
.varied-bg{background: url(../images/y-bg06.png) no-repeat center #f8f8f8;height:354px;}
.bg-yellow{background:#ffaf32;color: #fff;padding-bottom: 30px;}
/* yinjianzhichi */
.hardware {padding-bottom: 30px;}
.hardware .hardware-bg{background: url(../images/y-hardware.png) no-repeat center;height:518px;}
/* .order{background: #19ba99;color: #fff;} */
.order{padding-bottom: 30px;}
.order .tit-state{font-size: 16px;padding:15px 0;}
.order .order-bg ul{width: 540px;margin: 0 auto;}
.order .order-bg ul li{margin: 0 30px;}
.leave .order-bg{width:1200px;margin:0 auto;}
.leave .order-bg ul{width:850px;margin:0 auto;}
.leave .order-bg .ml60  {margin-right:60px;}
.varied ul{}
.let{padding-bottom: 30px;}
.let .tit-state{font-size: 16px;padding:15px 0;}
.let .let-bg{width:712px;margin:0 auto;}
.member{background: url(../images/blue-bg.jpg);padding-bottom: 30px;}
.member-bg{width:1028px;margin:0 auto;}
.perfect{padding-bottom: 30px;}
.perfect .tit-state{font-size: 16px;padding:15px 0;}
.perfect-bg{width:734px;margin:0 auto;}
/* .move{background: url(../images/y-move.png) no-repeat center; height:346px;} */
.move-bg{width:800px;margin:0 auto;}
.move .tit-state{font-size: 16px;color: #fff;}
.move .state-text{margin-top: 80px;line-height: 36px;font-size: 18px;}
.supply-chain{padding-bottom: 30px;background: #1baff7;color: #fff;}
.supply-chain-bg{width:718px;margin:0 auto;}
.supply-chain .tit-state{font-size: 16px;width:1200px;margin:0 auto;padding:15px 200px;}

.suit-bg{}
.suit-bg .dept-list { padding: 10px;}
.suit-bg .dept-list ul { overflow: hidden;border-width: 1px 0 0 1px;padding-left: 0; }
.suit-bg .dept-list li { float: left; width: 147px; height: 128px; background-color: #fff; border-right: 1px solid #eee; border-bottom: 1px solid #eee; text-align: center;cursor: pointer; }
.suit-bg .dept-list li a { display: block; padding: 22px 0; color: #333 }
.suit-bg .dept-list li a:hover { text-decoration: none }
.suit-bg .dept-list li i { display: block; margin: 0 auto 10px; width: 36%; padding-bottom: 36%; background-size: 100% 100% }
.suit-bg .dept-list li .name { margin-bottom: 5px; font-size: 14px;margin-top: 0; }
.suit-bg .dept-list li .num { color: #999 }
.suit-bg .dept-list .item:hover { background-color: #f8f8f8 }
.customer-right{width: 600px;}
.customer-right p{font-size: 20px;font-weight: 700;}
.customer-right div{line-height: 36px;margin-top: 50px;}
.suit{background: url(../images/y-suitbg.png) no-repeat center;height:471px; }
.suit .tit{color: #fff;}
.suit-bg .item i{background: url(../images/cus-icon1.png) no-repeat center; height:60px;}
.suit-bg .item .icon2{background: url(../images/cus-icon2.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon3{background: url(../images/cus-icon3.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon3{background: url(../images/cus-icon3.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon4{background: url(../images/cus-icon4.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon5{background: url(../images/cus-icon16.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon6{background: url(../images/cus-icon6.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon7{background: url(../images/cus-icon7.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon8{background: url(../images/cus-icon8.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon9{background: url(../images/cus-icon9.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon10{background: url(../images/cus-icon10.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon11{background: url(../images/cus-icon11.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon12{background: url(../images/cus-icon12.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon13{background: url(../images/cus-icon13.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon14{background: url(../images/cus-icon14.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon15{background: url(../images/cus-icon15.png) no-repeat center; height:60px;background-size: 50px;}
.suit-bg .item .icon16{background: url(../images/cus-icon16.png) no-repeat center; height:60px;background-size: 50px;}
/* 云美业 */
.my-suit { padding-bottom: 30px;}
.my-content .tit{font-size: 36px;text-align: center;padding:50px 0;}
.my-banner{background:url(../images/my-banner.png) no-repeat center; height:580px;}
.my-content ul{padding-left:0;}
.my-suit .tit .subtitle{font-size:16px;padding-top: 15px;}
.my-suit li{width:20%;text-align: center;}
.my-suit li .pic{width:190px;margin:0 auto;}
.my-suit li .pic img{width:100%;}
.my-suit .pic-state {
    margin-top: 15px;
}
.function .y-mb{padding-bottom: 30px;}
.my-all .function ul{overflow: hidden;}
.my-all .function li{float: left;width:16.66%;padding: 0 20px; margin-bottom: 30px;}
.my-all .function li div{width:74px;height:74px;margin:0 auto;}
.my-all .function li p{text-align: center;}
.my-all .function li span{font-size: 14px;color: #666;}
.my-all .function li div img{width:100%;}
.my-online{background: #1baff7;color: #fff;padding-bottom: 30px;}
.my-online .pic{width:1050px;margin:0 auto;}
.my-online .pic li{width:480px;}
.my-online .pic .fl-bg{width:371px;margin:0 auto;margin-top: 20px;}

.my-member{background: #f8f8f8;padding-bottom: 30px;}
.my-member .subtitle{font-size: 16px;padding-top: 15px;}
.my-member .pic{width:870px;margin:0 auto;}
.my-member .pic li{text-align: center;font-size: 18px}
.my-member .pic .am-text-sm{padding:15px 0;}
.my-member .pic .am-text-sm .am-fl{ padding-left: 40px;}
.my-member .pic .am-text-sm .am-fr{ padding-right: 15px;}
.my-goods{background: url(../images/blue-bg.jpg);color: #fff;padding-bottom: 30px;}
.my-goods .pic{background: url(../images/my-goods.png) no-repeat center;height:350px;}
.my-subside {padding-bottom: 30px;}
.my-subside .order-bg ul{width:1200px;}
.my-subside .order-bg ul li{width:500px;}
.my-subside .pic{background: url(../images/my-subside.png) no-repeat center; height: 440px;}


/* 云收银 */

.sy-content .tit{font-size: 36px;padding:50px 0;text-align: center;}
.sy-content h3{margin:0;font-weight: normal;}
.sy-content ul{padding:0;margin-top: 0;}
.sy-banner{background: url(../images/sy-banner.png) no-repeat center;height:580px;}
.sy-support{padding-bottom: 30px;}
.sy-support .ydh-round {
    background: url(../images/ydh-centre.png) no-repeat;position: relative;width: 515px;height: 368px;margin: 0 auto;margin-top: 60px;cursor: pointer;
}
.sy-support .ydh-info .ydh-round .roundicon {position: absolute;width: 86px;height: 86px;}
.sy-support .ydh-round .icon-first {background: url(../images/ydhv3-icon.png) 0px 0px no-repeat;top: 215px;left: -45px;}
.sy-support .icon-first .icon-info {width: 210px;top: 24px;left: -218px;}
.sy-support .ydh-round .icon-info { position: absolute;}
.sy-support .tr { text-align: right!important;}
.sy-support .icon-info .title {font-size: 20px;line-height: 20px;margin-bottom: 10px;color: #555555;}
.sy-support .ydh-round .roundicon {position: absolute;width: 86px;height: 86px;}
.sy-support .ydh-round .icon-second {background: url(../images/ydhv3-icon.png) -90px 0px no-repeat;top: 30px;left: 30px;}
.sy-support .ydh-round .icon-third {background: url(../images/ydhv3-icon.png) -178px 0px no-repeat;top: -45px;left: 215px;}
.sy-support .ydh-round .icon-fourth {background: url(../images/ydhv3-icon.png) -265px 0px no-repeat;top: 40px;left: 405px;}
.sy-support .ydh-round .icon-fifth {background: url(../images/ydhv3-icon.png) -353px 0px no-repeat;top: 215px;left: 470px;}
.sy-support .icon-second .icon-info {width: 280px;top: 24px;left: -295px;}
.sy-support .icon-third .icon-info {width: 238px;left: 24px;top: -32px;}

.sy-support .icon-fourth .icon-info {width: 280px;left: 95px;top: 30px;}
.sy-support .icon-fifth .icon-info {width: 300px;left: 95px;top: 30px;}
.sy-intelligence {padding:30px 0;}
.sy-intelligence .pic{width:800px;}
.sy-intelligence .pic h3{font-size: 36px;font-weight: normal;padding:30px 0;}
.sy-intelligence .pic ul{font-size: 18px;padding-left: 35px;}
.sy-intelligence .pic ul li{padding-bottom: 25px;}
.sy-intelligence .pic .am-fr{position: relative;}
.sy-intelligence .square {position: absolute;top: 100px;left: 0;}
.sy-data{background: url(../images/sy-date.png) no-repeat center;height:458px;}

.sy-data li h3{font-size:36px;color: #fff;}
.sy-data li{font-size: 18px;color: #fff;}
.sy-data .date-bg{width: 1100px;
    margin: 0 auto;padding-top: 170px;}
.cy-cellphone{padding-bottom: 30px;}    
.cy-cellphone .tit-state{font-size: 16px;width:1100px;margin:0 auto;padding-top: 15px;}
.cy-cellphone ul li{width:25%;text-align: center}
.cy-cellphone ul li .pic{width:178px;margin:0 auto;padding-top: 15px;} 
.sy-anytime {padding-top: 30px;}
.sy-anytime .anytime-bg{width:900px;margin:0 auto;}
.sy-anytime .anytime-bg .am-fr{padding-top: 100px;}
.sy-anytime h3{font-size: 36px;}
.sy-anytime div{font-size: 18px;}
.sy-cashier .am-tabs.am-tabs-d2.am-no-layout{margin:0;}
.sy-cashier .am-tabs-d2 .am-tabs-nav li { height: 70px;font-size: 18px;}
.sy-cashier .am-tabs-d2 .am-tabs-nav a {line-height: 70px;}
.sy-cashier .am-tabs-d2 .am-tabs-nav>.am-active{border-bottom: 2px solid #d6303a;}
.sy-cashier .am-tabs-d2 .am-tabs-nav>.am-active:after{border-bottom-color: #d6303a;}
.sy-cashier .am-tabs-d2 .am-tabs-nav>.am-active a{line-height: 70px;color: #d6303a;}
/* .sy-cashier .sy-bg .bgf8{padding-bottom:30px;} */
.sy-cashier .sy-bg .am-tabs-d2 .am-tabs-nav{width:1200px;margin:0 auto;}

.sy-cashier .sy-bg .am-tabs-bd{border:none;}
.sy-cashier .banner1{background: url(../images/y-move.png) no-repeat center; height:349px;}
.sy-cashier .banner1-tit{font-size: 36px;text-align: center;padding: 50px 0;}
.sy-cashier .banner1box .banner2 li{width:33.33%;text-align: center;}
.sy-cashier .banner1box .banner2 li p{margin-bottom:0;margin: 20px 0;}
.sy-cashier .am-tab-panel{padding:0;}
.sy-cashier .sy-bg .pd30{padding-bottom: 30px;}
.sy-catering .catering-bg li p{padding:15px 0 0 0;}
/* 通用型 */
.sy-general{ width:1200px; margin:0px auto;padding-top: 50px;}
.sy-general h2{ font-size:36px; width:1200px; font-weight:normal; text-align:center; line-height:48px;}
.sy-general strong{ font-size:16px; font-weight:normal; width:1200px; float:left; padding:20px 0 34px 0 ; text-align: center;}
.sy-general ul li{ float: left; width: 275px; text-align: center; margin:10px;height:170px;}
.sy-general .sy-shop ul li{height:auto;}
.sy-general ul li:nth-of-type(1){ margin-left: 0; }
.sy-general ul li:nth-of-type(5){ margin-left: 0; }
.sy-general ul li:nth-of-type(4){ margin-right: 0; }
.sy-general ul li:nth-of-type(8){ margin-right: 0; }
.sy-general ul li a{ display: inline-block; width: 275px; height: 170px; }
.sy-general ul li a:hover{ text-transform: none; background-color: rgba(0, 0, 0, 0.8);  color:#FFF!important; text-align: center;}
.sy-general ul li .words{ display: none; }
.sy-general ul li .words h3{ font-size: 24px; margin-top: 40px; font-weight: normal;}
.sy-general ul li .words p{ width: 145px; height: 40px; line-height: 40px; border: 1px solid #fff; font-size: 16px; margin: 10px auto ; }
.sy-general ul li a:hover .words{ display: block; }
.sy-general ul li.pic01{ background: url(../images/solve_pic1.png) no-repeat; }
.sy-general ul li.pic02{ background: url(../images/solve_pic2.png) no-repeat; }
.sy-general ul li.pic03{ background: url(../images/solve_pic3.png) no-repeat; }
.sy-general ul li.pic04{ background: url(../images/solve_pic4.png) no-repeat; }
.sy-general ul li.pic05{ background: url(../images/solve_pic5.png) no-repeat; }
.sy-general ul li.pic06{ background: url(../images/solve_pic6.png) no-repeat; }
.sy-general ul li.pic07{ background: url(../images/solve_pic7.png) no-repeat; }
.sy-general ul li.pic08{ background: url(../images/solve_pic8.png) no-repeat; }
.sy-general .sy-shop ul li{width:31%;}
.sy-general .sy-shop ul li img{width:360px;}
.sy-general .sy-shop ul li p{margin: 20px 0;}
.cy-zn .zn-bg{background: url(../images/cy-zn1.png) no-repeat center; height:377px;}
.sy-suit-fw .suit-bg li{width:20%;}
.sy-suit-fw .suit-bg li p{margin: 10px 0 30px 0;}
.sy-catering .catering-bg li{width:33%;}
.sy-customer ul .ml2 {
    margin-left: 60px;
}
.gate .gate-bg{background: url(../images/sy-shopks1.png) no-repeat center; height:572px;}
