@import url("pus.css");

body,h2,input,textarea{font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";}

.w-p100{width:100%;min-width:1100px;}
.w-1100{width: 1100px;margin: 0 auto;}
.w-1000{width: 1000px;margin: 0 auto;}

.btn{padding:8px 16px;color:#fff;font-size: 16px;line-height: 1.4;border-radius: 4.8px;cursor: pointer;}
.btn-fw{padding:13px 20px;color:#fff;font-size: 30px;line-height: 1.6;border-radius: 4.8px;cursor: pointer;}
button.green{background:#4caf50;}
button.yellow{background: #f70;}

/*头部*/
.youzhiyun_header{height: 70px;border-bottom: 2px solid #f70;}
.youzhiyun_header .logo{float:left;line-height: 70px;font-size: 28px;}
.youzhiyun_header .menu{float: left;margin-left: 80px;}
.youzhiyun_header .menu li{line-height: 70px;padding:0 20px;font-size: 16px;float: left;}

/*banner*/
.youzhiyun_banner{height: 320px;background: #e0ecf0 url(../yun/yun_ban_bg.jpg) center top no-repeat;}
.mid_con{width:500px;}
.mid_con h1{padding:30px 0 0 30px;color:#fff;font-size:34px;}
.mid_con span.t1{display:inline-block;padding:2px 15px;background:#ff9600;margin-bottom:10px;border-left:4px solid #e78800;}
.mid_con span.t2{display:inline-block;padding:2px 15px;background:#1abcc5;margin-bottom:20px;border-left:4px solid #00959d;}
.mid_con span.t3{display:inline-block;font-size: 18px;letter-spacing: 1px;line-height: 2;color:#000;text-shadow:1px 1px 0 #fff;}
.mid_num{text-align:center;}
.mid_num .title{margin-top:40px;margin-left:80px;height:66px;line-height:66px;font-size:30px;color:#333;}
.mid_num .title span{margin: 0 5px;display: inline-block;width: 52px;height: 66px;background: #00a85d;color: #fff;font-size:40px;}

/*about*/
.youzhiyun_about_banner{width: 100%;min-width: 1100px;height: 440px;background: #ff9600;margin-top: -2px;}
.banner-content{padding-top: 70px;text-align: center;}
.banner-content h1{font-size: 44px;color: #fff;margin: 48px 0 24px;}
.banner-content h3{font-size: 24px;color: #fff;margin-bottom: 48px;}
.banner-content p{padding: 0 48px;color: #fff;font-size: 16px;}
.youzhiyun_about_data{margin-top: 72px;margin-bottom: 48px;}
.data-row{width: 1020px;height: 290px;margin: 0 auto;}
.col-md-4{width: 340px;float: left;overflow: hidden;}
.col-md-4 .numbers-box{width: 200px;height: 200px;border-radius: 100%;margin: 0 auto;border: 1px solid rgba(120,130,140,.25);}
.col-md-4 .numbers-box h1{margin-top: 53px;vertical-align: middle;text-align: center;font-size: 56px;font-weight: 700;color: #f70;line-height: 74px;}
.col-md-4 .numbers-box p{font-size: 20px;line-height: 24px;font-weight: 700;color: #f70;}
.col-md-4 .txt-box{padding: 24px 48px;line-height: 1.6;font-size: 14px;}
.center-block{margin-top: 48px;border-top: 1px solid rgba(120,130,140,.25);width: 64px;margin: 0 auto;}
.text-grey{margin-top: 24px;color: #999;line-height: 1.5;font-size: 16px;}
.youzhiyun_contact_box{background: #f8f8f8;padding: 48px 0;text-align: center;}
.youzhiyun_contact_box h3{font-size: 24px;margin-bottom: 48px;}
.w-p20{float: left;width: 20%;}
.youzhiyun_contact_box h4{font-size: 18px;font-weight: 300;font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;}
.youzhiyun_contact_box .w-p20:hover div{transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}

/*agreement*/
.custom_wraper{padding-bottom: 40px;background: #fff;}
.custom_wraper_header{padding-top: 40px;font-size: 24px;}
.custom_wraper_body{border-top: 1px solid #c8c8c8;margin-top: 40px;}
.custom_wraper_body h1{margin-top: 10px;font-size: 20px;}
.custom_wraper_body p{font-size: 14px;display: block;margin-top: 10px;color: #6f6f6f;line-height: 24px;}

/*notice*/
.youzhiyun_notice{padding:6px 0;height: 40px;}
.youzhiyun_notice ul{float: left;width: 1002px;height: 40px;overflow: hidden;}
.youzhiyun_notice ul li{float: left;margin-right: 30px;line-height: 40px;}
.youzhiyun_notice ul li span{color:#999;padding-left:8px;}
.youzhiyun_notice a.more{display: block;width: 98px;line-height: 40px;text-align: center;float: right;}

/*log-reg*/
.youzhiyun_log{padding: 48px 0;}
.youzhiyun_log h2{font-size: 30px;color: #000;}
.youzhiyun_log button{margin-top: 48px;padding: 10px 30px;letter-spacing: 8px;font-family: "Microsoft JhengHei", 微軟正黑體, "Arial", sans-serif;font-size: 38px;}

/*why*/
.youzhiyun_why{overflow: hidden;background: #f5f5f5;}
.youzhiyun_why h2{font-size: 30px;color: #000;text-align: center;margin: 40px 0;}
.youzhiyun_why > p{margin: 40px auto;color: #8ca0b3;text-align: center;font-size: 14px;}
.feature-list{text-align: center;margin-bottom: 48px;}
.feature-item {
	display: inline-block;
	vertical-align: top;
	width: 210px;
	height: 210px;
	margin: 0 10px;
	padding: 20px;
	background: #fff;
	box-shadow: 0 12px 25px 0 rgba(211, 219, 220, 0.49);
	transition: transform .5s ease .1s;
}
.feature-item:hover {transform: scale(1.05);}
.feature-item i{display: block;margin: 20px auto;width: 50px;height: 50px;overflow: hidden;}
.feature-item img{width: 50px;height: 50px;}
.feature-item:hover img{
	position: relative;
	left: -49px;
	-webkit-filter: drop-shadow(50px 0 #f70);
	filter: drop-shadow(50px 0 #f70);
}
.feature-item h4{font-size: 20px;color: #23cdfd;font-weight: 600}
.feature-item:hover h4{color: #f70;}
.feature-item p{color: #373d52;font-size: 14px;margin-top: 10px;text-align: left;}

/*generate*/
.youzhiyun_generate{background: #fff;padding-bottom:40px;}
.youzhiyun_generate h2{font-size: 30px;color: #000;margin: 48px 0;}
.youzhiyun_generate .qrgenerate-box{float: left;width: 700px;}
.textarea-box{position: relative;}
textarea.main_text{width:658px;outline: 0;height: 267px;resize: none;font-size: 16px;padding:20px;border:1px solid #dde0e2}
.youzhiyun_generate .submit{margin:35px 0 10px;}
.youzhiyun_generate .qrbox{float: right;width: 262px;}
.youzhiyun_generate .qrpic{width: 240px;height: 240px;padding: 10px;border: 1px solid #dde0e2;background:#fff;overflow: hidden;}
.youzhiyun_generate .qrcode{width: 240px;height: 240px;}
.youzhiyun_generate .qrcode p{text-align: center;line-height: 240px;color: #bbb;font-size: 16px;}

.wordcount-box{position: absolute;width: auto;bottom: 10px;right: 15px;color: rgb(153,153,153);}

/*logo*/
#logoul{width: 408px;}
#logoul li{float: left;width: 82px;height: 82px;margin: 10px;overflow: hidden;cursor: pointer;}
#logoul li img{width: 80px;height: 80px;border: 1px solid #ddd;}

/*contact*/
.youzhiyun_contact{background: #2e3e4e;padding:48px 0;}
.col-md-3{width: 255px;padding:0 10px;float: left;line-height: 1.75}
.col-md-3:hover i{transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
.contact-icon {
	display: block;
	width: 62px;
	height: 62px;
	background: url('/home/public/yun/contact_icon.png');
	margin: 0 auto 20px;
	transition: all ease-out 0.6s; -webkit-transition: all ease-out 0.6s;
}
.col-md-3 h4{font-size: 18px;margin-bottom: 16px;text-align: center;color:#fff;}
.col-md-3 p.text-grey{font-size: 12px;color: #fff;text-align:center;}
.contact-icon-support{background-position: 0 -62px;}
.contact-icon-sales{background-position: 0 -124px;}
.contact-icon-blog{background-position: 0 -186px;}

.contact-icon2 {
	width: 50px;
	height: 50px;
	margin: auto;
	background-image: url(/home/public/yun/contact-icon.png);
	transition: all ease-out 0.6s; -webkit-transition: all ease-out 0.6s;
}
.contact-icon-feedback{background-position: -50px 0;}
.contact-icon-mkt{background-position: 0 -50px;}
.contact-icon-tech{background-position: -50px -50px;}
.contact-icon-hr{background-position: -100px -50px;}

/*tools*/
.tools-tits{height:32px;line-height:32px;border-bottom:2px solid #ddd;}
.tools-tits li{float:left;width:70px;text-align:center;cursor:pointer;}
.tools-tits li.on{border-bottom:2px solid #f70;color:#f70;}

.qrbox .bd{margin-top:10px;}
.qrbox .bd .row{height: 40px;}
.qrcode-input{padding:0 10px;height:30px;line-height:30px;border:1px solid #ddd;background:#fff;}
.qrcode-color{padding:0;border:0;width:30px;height:30px;overflow:hidden;cursor:pointer;}
.qrcode-logo{padding:0 20px;border:1px solid #ccc;background:#fff;line-height:12px;height:28px;color:#666;border-radius:4px;cursor:pointer;}
.qrcode-select{padding:0 40px 0 10px;height:30px;line-height:30px;border:1px solid #ddd;border-radius:3px;background:#fff url(../images/dropdown_icon.png) right top no-repeat;cursor:pointer;position:relative;display:inline-block;}
.qrcode-select:hover{border-color:#d8dbdd;background-color:#f8f8f8;background-position:right -96px;}
.qrcode-select .J_show_menu{display:none;position:absolute;left:-1px;top:30px;border:1px solid #ddd;background:#fff;}
.qrcode-select.J_show_menu ul{width:100%;max-height:240px;overflow-y:auto;}
.qrcode-select .J_show_menu li{line-height:30px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;padding:0 40px 0 10px;}
.qrcode-select .J_show_menu li:hover,.qrcode-select .J_show_menu li.selected{background:#f2f2f2;}

/*login*/
.login-form-input{float:left;width:415px;border-right:1px solid #e5e5e5;overflow:hidden;}
.login-form-info{float:right;width:330px;margin-left:60px;padding-top:30px;}
.id-info-form-tips{margin-bottom:20px;color:#adadad;}
.control-group{margin-bottom: 10px;}
.ds-label-text{display:inline-block;height:28px;line-height:28px;min-width:75px;padding-right:10px;text-align:right;vertical-align:top;}
.ds-required{color:#c20909;font-style:normal;margin-right:5px;vertical-align:middle;}
.controls{position: relative;display:inline-block;line-height:28px;}
.ds-input-text{height: 28px;line-height: 28px;padding: 0 10px;border: 1px solid #c8c8c8;background: #fff;border-radius:3px;vertical-align: top;}
.ds-form-help{position: absolute;left: 1px;top: 1px;height: 28px;line-height: 28px;color:#969696;font-size: 12px;display:none;}
.onShow,.onFocus,.onCorrect{display:none;}
.onError{background: url(../win/icon-close.png) 7px center no-repeat;background-color:#fff;color:#969696 !important;font-family:宋体;}
.control-group .onError{width:90%;}
.ds-input-tips{display:block;color:#adadad;}
.control-button-group{margin:0 0 10px 85px;}
.reg-agreement{line-height:50px;}
.reg-agreement a{color:#cf8814;}

.ds-button-large{display:inline-block;height:35px;padding:0 25px;text-align:center;border-radius:5px;background:#e2a645;cursor:pointer;font:14px/35px 微软雅黑;color:#fff;}
.ds-button-text{font:14px/35px 微软雅黑;color:#fff;}

.login-reg-tips{margin-bottom:15px;}
.login-reg-btn{margin-bottom:20px;}
.login-reg-list-title{margin-bottom: 10px;font-weight: bold;color: #505050;height:20px;line-height:20px;}
.icon-login-arrow{display:inline-block;width:16px;height:20px;background:url(../win/icon-gou.png) left center no-repeat;margin-right:8px;vertical-align:middle;}
.login-reg-list-text{line-height:18px;margin-bottom:15px;}

#login-area .ds-label-text{display:block;text-align:left;}
.radio-control{margin-bottom:10px;}
.radio-label{height: 28px;line-height: 28px;}

.radio-label{display: inline-block;height: 28px;line-height: 28px;margin-right: 20px;}
.ds-radio-input{vertical-align:middle;margin:0 5px 0 0;}
.radio-label input{vertical-align:middle;margin-right:8px;}
.login-remember-tips{margin-bottom:20px;padding-left:25px;color:#adadad;line-height:1.6;font-family:宋体;}

/*login-reg*/
.login-reg-bg{width:100%; height:100%; background:#fff url(../yun/270.jpg) no-repeat top center; padding-bottom:0;background-size:1920px 100%;}
.login-reg-header{width:100%;min-width:1100px;height:40px;line-height:40px;background:rgba(255,255,255,.6);position:fixed;top:0;left:0;z-index:10000;}
.login-reg-header .left{float:left;font-size:12px;color:#fa6b20;letter-spacing:1px;}
.login-reg-header .right{float:right;margin-right:20px;font-size:12px;}
.login-reg-header .right a{padding:0 10px;}

/*footer*/
.youzhiyun_foot{background:#f8f8f8;border-top:1px solid #eeeeee;padding-top:20px;}
.foot_second_link{text-align:center;line-height:20px;}
.foot_second_link a{padding:0 20px;color:#666;}
.foot_second_link a:hover,.copyright a:hover{color:#f70;}
.copyright{padding:10px 0;text-align:center;color:#bbb;line-height:30px;}
.copyright a{color:#bbb}