/* CSS Document */
html,body{font-size:14px;min-height: 890px;}
.logo{float:left;height:60px;line-height:60px;}
.container{max-width:1154px;margin:auto;overflow:hidden;min-width:767px;}
.header .login{float:right;}
.header .container{height:60px;}
.header .logo img{margin-top:11px;}
.login ul{overflow:hidden;padding-top:14px;}
.login ul li{float:left;height:32px;line-height:30px;margin-left:30px;}
.login ul li a{display:block;font-size:14px;color:#000;}
.login ul li:first-child a{height:32px;width:200px;text-align:right;/*line-height:30px;color:#ff5a00;border:1px solid #ff5a00;border-radius:6px;padding-right:10px;text-align:right;background:url( ../../client_images/micropiano/login.png) 4px center no-repeat;*/}
.login ul li:nth-child(2) select{color:#000000;padding-right:10px;border-radius: 5px;}
/*.login ul li:nth-child(1){border-radius:50%;!*padding-left:45px;*!background:url() no-repeat right 0;background-size:contain;transition:all 0.3s;}*/
.header{border-bottom:1px solid #e8e8e8;height:60px;}
/*.login ul li:nth-child(1):hover{transform:rotate(360deg);}*/
.wrap .left_side{width:20%;float:left;background-color:#333333;}
.wrap .right_side{width:80%;float:left;background-color:#f2f2f2;padding:25px 35px;}
.wrap .left_side ul li a{margin-left:-8%;display:block;font-size:18px;color:#fff;height:60px;line-height:60px;text-align:center;}
.wrap .left_side> ul> li {padding-bottom:2px;}
.wrap .left_side ul ul>li>a{background-color:#333333;}
.wrap .left_side >ul> li>a{background:#404040 url( ../../client_images/micropiano/left.png) 92% center no-repeat;/*padding-right:25px;*/}
.wrap .left_side >ul> li>ul{display:none;}
.wrap .left_side >ul> li.cur>ul{display:block;}
.wrap .left_side ul>li.cur>a{color:#3dc982;background:#404040 url( ../../client_images/micropiano/down2.png) 92% center no-repeat;}
.wrap .left_side ul ul>li.on>a{color:#FFF;background-color:#3dc982;}
.navigation {overflow:hidden;}
.navigation li{float:left;}
.navigation li a{font-size:14px;color:#424040;}
.navigation li.cur a{color:#2ecc8b;}
.search {height:45px;line-height:45px;background-color:#3dc982;padding-left:20px;padding-right:10px;}
.search .message{float:left;color:#fff;}
.search >button{float:right;/*width:75px;*/height:35px;border-radius:4px;font-size:14px;color:#3c3c3c;line-height:35px;box-shadow:none;border:none;outline:none;background-color:#FFF;margin-top:5px;cursor:pointer;}
.right_side form{margin-top:15px;background-color:#f8f8f8;}
.search .message input[type='text']{width:160px;height:22px;box-shadow:none;font-size:12px;padding-left:5px;padding-right:22px;}
/*.search .message input[type='text']:focus{background-image:url( ../../client_images/micropiano/glass2.png);outline:none;}*/
table.detail{border:1px solid #D9D9D9;}/*e8e8e8*/
table.detail th{width:10%;position:relative;}
table.detail tr th:nth-child(2),table.detail tr th:nth-child(4),table.detail tr th:last-child{width:20%;}
table.detail{width:100%;background-color:#FFF;}
table.detail tr td,table.detail tr th{text-align:center;font-size:14px;height:40px;line-height:40px;color:#3c3c3c;}
table.detail tr{border-bottom:1px solid #D9D9D9;}
table.detail tr td{border-right:1px solid #D9D9D9;}
table.detail tr td:last-child{border:none;}
.choose span,.contract table .choose span{width: 0;
height: 0;
border-left: 4px solid transparent;
border-right:4px solid transparent;
border-bottom: 8px solid #cbcbcb;
position:absolute;
left:50%;
top:50%;
margin-left:30px;
margin-top:-8px;
cursor:pointer;
background-color: transparent;
}
.contract table .choose span.down {
width: 0;
height: 0;
border-bottom: none;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 8px solid #cbcbcb;
top: 77%;
border-radius: 0;
background-color: transparent;
line-height: normal;
font-size: inherit;
display: inline-block;
margin-top: -8px;
}
.choose span:hover,.contract table .choose span.up:hover{ border-bottom: 8px solid #3c3c3c;
background-color:transparent;}
.choose span.down{
width: 0;
height: 0;
border-bottom:none;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 8px solid #cbcbcb;
top:77%;
}
.choose span.down:hover,.contract table .choose span.down:hover{ border-top: 8px solid #3c3c3c;
}
.tool button{display:inline-block;text-align:center;border:none;outline:none;box-shadow:none;cursor:pointer;margin:auto 6px;}
.tool .show{width:21px;height:13px;background:url( ../../client_images/micropiano/eye.png) no-repeat ;}
.tool .modify{width:15px;height:15px;display: inline-block;background:url( ../../client_images/micropiano/pen.png) no-repeat;}
.tool .close{width:14px!important;height:15px;background:url( ../../client_images/micropiano/close.png) no-repeat;}
.tool .show:hover{background-image:url( ../../client_images/micropiano/eye2.png);}
.tool .modify:hover{background-image:url( ../../client_images/micropiano/pen2.png);}
.tool .close:hover{background-image:url( ../../client_images/micropiano/close2.png);}
.bottom{background-color:#FFF;overflow:hidden;height:80px;border:1px solid #D9D9D9;border-top:none;padding:0 20px;}
.bottom>div{float:right;}
.bottom>div>*{float:left;color:#6d6d6d;line-height:80px;}
.page button{display:inline-block;margin:0 4px;border:1px solid #e8e8e8;background:none;cursor:pointer;width:32px;height:32px;font-size:14px;position:relative;top:9px;-moz-top:0;}
.page .after{position:relative;
display: inline;}
.page .before{position:relative;
display: inline;}
.page .after:before{content:' > ';font-size:14px;width:33px;height:33px;position:absolute;top:0;left:0;display:block;line-height:30px;text-align:center;}
.page .before:before{content:' < ';font-size:14px;width:33px;height:33px;position:absolute;top:0;left:0;display:block;line-height:30px;text-align:center;}
.jump input[type='text']{width:47px;height:32px;text-align:center;border:1px solid #e8e8e8;margin:4px;}
.jump .go:before {content:'GO';position:absolute;top:0;left:0;width:33px;height:33px;text-align:center;display:block;line-height:33px;text-align:center;}
.jump .go{position:relative;}
.jump button{padding:0;top:9px;-moz-top:0;text-align:center;height:32px;width:32px;font-size:14px;color:#747474;text-align:center;background:none;box-shadow:none;outline:none;border:1px solid #e8e8e8;cursor:pointer;}
.jump {margin-left:50px;}
.jump button:hover,.page button:hover{border:1px solid #3dd999;box-shadow:none;outline:none;color:#3dd999;font-weight:bold;}
.jump button:focus,.page button:focus{box-shadow:none;outline:none;}
.jump input[type='text']:focus{border:1px solid #6d6d6d;box-shadow:none;outline:none;}
.search >button:hover{color:#3dd999;}
/*.login ul li:first-child:hover a{background-image:url( ../../client_images/micropiano/login2.png);background-color:#ff5a00;color:#fff;}*/
.login ul li:nth-child(2):hover a{color:#3dd999;background-image:url( ../../client_images/micropiano/down2.png);}
.login ul li:hover a{color:#ff2d4b;}
.detail tr:hover td{color:#3dc982;/*font-weight:bold;*/}
/*built_class*/
.padding45{padding:60px 45px;}
.border{border:1px solid #e8e8e8;}
.type {font-size:14px;color:#6d6d6d;}
.width50{width:50%;}
.detail_left{float:left; padding-right:5%;}
.detail_right{float:right;padding-left:5%;}
.detail{/*overflow:hidden;*/
background-color:#FFF;}
.type{margin-bottom:30px;}
.type input,.type select{padding:0 10px;width:250px;height:32px;color:#6d6d6d!important;}
.type select:hover{border:1px solid #e8e8e8;box-shadow:none!important;}
.type label{width:70px;line-height:32px;display:inline-block;text-align:right;vertical-align:top;}
.type textarea{padding:10px;width:250px;height:150px;resize:none;}
.unique label{position:absolute;top:0;left:0;}
.unique{position:relative;padding-left:74px;}
.type select{color:#6d6d6d;}
.btn{/*border-top:1px solid #e8e8e8;*/padding-top:20px;width:250px;margin-left:74px;}
.bt{margin-right:5px;width:75px!important;height:32px!important;border:1px solid #30d28f;border-radius:4px;background-color:#FFF;font-size:14px;color:#6d6d6d!important;cursor:pointer;}
.bt[type='reset'],.bt[type='button']{border:1px solid #e8e8e8;}
.bt[type='submit']:hover{background-color:#30d28f;color:#fff!important;}
.bt[type='reset']:hover,.bt[type='button']:hover{border:1px solid #30d28f!important;}
.detail_right p{font-size:14px;color:#6d6d6d;height:38px;line-height:38px;}
.detail_right dl{overflow:hidden;}
.detail_right dl dt{float:left;}
.detail_right dl dd{float:left;margin-left:15px;}
.detail_right dd p{font-size:12px;line-height:20px;margin-top:20px;}
.type select{-webkit-appearance:none!important;-moz-appearance:none!important;-o-appearance:none!important;appearance:none!important;background:url( ../../client_images/micropiano/triangle.png) 95% center no-repeat;}
.type select:focus{background-image:url( ../../client_images/micropiano/triangle2.png);}
.right_side>form{min-width:585px;}
.message div{display:inline-block;position:relative;}
.message div button,header.h1 div button{display:block;height:20px;width:20px;background:#FFF url( ../../client_images/micropiano/glass.png) center center no-repeat;position:absolute;right:0;top:50%;margin-top:-10px;cursor:pointer;outline:none;border:none;box-shadow:none;}
header.h1 div {
position: relative;}
/*teacher*/
table.detail1 tr th{width:16%!important;}
table.detail1 tr th:nth-child(4){width:36%!important;}
/*add_teacher*/
.type input[type='radio']{margin-left:10px;width:auto;height:auto;cursor:pointer;margin-top:10px;-ms-border:none;}
.radio label{width:auto;padding-left:10px;padding-right:50px;cursor:pointer;}
.radio{width:250px;display:inline-block;}
.type .place select{width:75px;padding-right:15px;}
.type .place select:nth-child(2){margin:0 8px;}
.type .place{width:250px;display:inline-block;}
.detail_left1 .type{margin-bottom:15px;}
.type .place textarea{margin-top:15px;height:70px;margin-bottom:40px;}
p.below{padding-top:15px;padding-bottom:40px;border-top:1px dashed #e8e8e8;color:#6d6d6d;}
/*student_sign*/
.color_cbcbcb{color:#cbcbcb;width:100%;text-align:right;line-height:30px;padding-right:20px;}
table.detail2 tr th:nth-child(4),table.detail2 tr th:nth-child(6),table.detail2 tr th:nth-child(7){width:13%;}
table.detail2 tr th:nth-child(1),table.detail2 tr th:nth-child(2),table.detail2 tr th:nth-child(3),table.detail2 tr th:nth-child(5){width:10%;}
table.detail3 tr th{width:auto!important;}
table.detail3 tr th:nth-child(6) .choose span{margin-left:18px;}
/*2016.3.14重置*/
.page .before:before,.page .after:before{display:none;}
.page .before,.page .after,.go{padding:3px 5px ;margin:0 5px; border: 1px solid #e8e8e8;color:#6d6d6d;}
.page .before:hover,.page .after:hover,.go:hover{border:1px solid #3dc982;color:#3dc982;}
.shupage{width:45px;height:28px;text-align:center;margin:0 2px;}
#touxiang{height:178px;width:178px;}
.state2 {
color: red;
display: block;
padding-left: 76px;
}
dd .state2{padding-left:0;width:100px;text-align:left;}
.file{position:absolute;width:75px;height:32px;top:0;left:0;opacity:0;}
.pos_r{position:relative;}
.pos_r.bt{text-align:center;line-height:30px;cursor:pointer;}
/*2016.3.11*/
table.detail3.pos_left tr th:nth-child(6) .choose span{margin-left:31px;}
table.detail3.pos_left tr th{width:auto!important;}
.height600{min-height:600px;}
.text p{font-size:18px;color: #6d6d6d;text-align:center;}
.text div input{text-align:center;display:inline-block;padding:5px 10px;color:#6d6d6d;margin:10px;border: 1px solid #e8e8e8;background:none;border-radius:4px;cursor:pointer;}
.text div{text-align:center;}
.text div input:hover{color: #FFF;
background-color: #3dc982;border:1px solid #3dc982;}
/*2016.3.14新建*/
.margin_to_40{margin-top:40px;}
.margin_to_20{margin-top:40px;}
.nav_next{width:20%;float:left;height:100%;/*border-right:1px solid #e8e8e8;*/}
.nav_next li{width:100%;}
.nav_next li{cursor:pointer;display:block;border-bottom:1px solid #e8e8e8;height:35px;line-height:35px;padding-left:12%;color:#3c3c3c;text-align:left;font-size:14px;position:relative;}
.nav_next .tool{/*width:50px;*/display:none;text-align:right;padding-right:5px;}
.nav_next li.cur .tool{display:block;position:absolute;right:0;top:0;height:34px;margin-right:-1px;opacity:0;}
.nav_next li.cur:hover .tool{opacity:1;}
.nav_next li.cur {border-left:0;}
.nav_next li.cur:before{position:absolute;content:'';width:1px;background-color:#FFF;height:100%;right:-1PX;top:0;}
.nav_next li.add{color:#a09f9f;padding-left:38px;background:url( ../../client_images/micropiano/add.png) 23px center no-repeat;}
.content{padding:60px 45px;width:80%;float:left;padding-top:0;border-left: 1px solid #e8e8e8;}
.content dl dt{color:#30d28f;width:100%;height:30px;line-height:30px;margin-top:10px;}
.content dl dt span{width:10px;height:10px;border:1px solid #cbcbcb;display:inline-block;margin-right:8px;}
.content dl.select dt span{border:1px solid #30d28f;position:relative;}
.content dl.select dt span:before{position:absolute;width:6px;height:6px;left:50%;margin-left:-3px;top:50%;margin-top:-3px;background-color:#30d28f;content:'';}
.content dl:first-child dt a{display:inline-block;border-bottom:1px solid #30d28f;width:125px;}
.content dl dt a{color:#30d28f;}
.content dl dd{padding-left:18px;}
.content .type2{margin-top:45px;width:50%;float:left;}
.black{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;}
.alert{position:absolute;top:50%;left:50%;width:456px;height:290px;margin-left:-228px;margin-top:-145px;border-radius:8px;background-color:#FFF;}
.alert .title{position:relative;height:46px;background-color:#30d28f;border-top-left-radius:8px;border-top-right-radius:8px;text-align:center;line-height:46px;color:#fff;}
.alert .title span{position:absolute;right:20px;top:50%;margin-top:-10px;width:20px;height:20px;border-radius:50%;background:#FFF url( ../../client_images/micropiano/add_student.png) center center no-repeat;display:block;cursor:pointer;}
.alert .title span:hover{background-image:url( ../../client_images/micropiano/add_student2.png);}
.alert ul li{font-size:14px;color:#3c3c3c;text-align:center;}
.alert ul {margin-top:25px;text-align:center;}
.alert ul li input{width:250px;height:30px;padding:0 10px;}
.alert ul li a{display:inline-block;color:#106eee;height:25px;line-height:25px;margin-bottom:30px;margin-top:10px;}
.alert.kind ul li a{margin-bottom:5px;margin-top:5px;}
.alert ul li a:hover{border-bottom:1px solid #1136c0;color:#1136c0;}
.alert .btn{width:100%;border-top:0;margin:0;text-align:center;position:absolute;left:0;bottom:20px;}
.alert .btn .bt{margin:10px;}
.main .content{display:none;}
.main .content.cur{display:block;}
/*截止*/
/*2016.3.15增加*/
.black{display:none;}
/*2016.3.16增加2*/
.width_100{width:100%;}
.type3{width:250px;border:1px solid #6cd3fc;margin:auto;position:relative;padding-left:55px;margin-top:20px;padding-right:20px;}
.type3 input{display:inline-block;
height:31px;width:100%;padding-left:10px;
/*border-radius: 7px;*/
}
.type3 label{height:31px;width:55px;background-color:#6cd3fc;color:#fff;display:block;position:absolute;left:0;top:0;line-height:30px;text-align:center;}
a.submit{width:130px;display:block;height:32px;background-color:#3dd596;border-radius:6px;margin:auto;margin-top:20px;line-height:32px;text-align:center;color:#fff;}
/*2013.3.16增加3*/
.content dl dt{position:relative;}
.content dl dt input{width:12px;height:12px;position:absolute;left:0;top:50%;margin-top:-4px;opacity:0;}
/*2016.3.17*/
.type3{position:relative;}
.type3 .state2{position:absolute;top:50%;margin-top:-10px;left:270px;width:200px;padding-left:0;}
.alert .state2{text-align: left;padding-left: 139px;padding-top: 5px;}
/*2016.3.21增加*/
.type3 input{background-color:#FFF!important;}
/*ie10 select下拉箭头隐藏*/
select::-ms-expand {
display: none;
}
/*2016.3.22增加*/
.close.delbtn,.close.deleterole{float:none!important;}
.appendtype{margin-top:15px;}
.appendtype .type label{text-align:right;}
.appendtype .type select[name='mrid']{margin-left:-3px;}
table.detail .tool button{margin:auto 6px;}
/*.login ul li:first-child{display:none;}*/
body{position:relative;}
/*2016.5.20 listvedio*/
.selects li{float:left;width:90px;height:30px;border:1px solid #e8e8e8;border-right:none;font-size:14px;line-height:30px;text-align:center;transition:all 0s;}
.selects li:last-child{border-right:1px solid #e8e8e8;}
.selects li:last-child.ceclass{border-right:1px solid #fa841e;}
.selects li.ceclass{border:none;background-color:#fa841e;border:1px solid #fa841e;border-right:none;}
.selects li.ceclass a{color:#FFF;}
.selects li a{display:block;color:#3c3c3c;}
.selects{overflow:hidden;}
.contents{width:100%;margin-top:25px;}
.contents li{height:40px;width:100%;border:1px solid #e8e8e8;font-size:14px;color:#3c3c3c;padding:0 20px;line-height:40px;border-bottom:none;}
.contents li p{float:left;}
.contents li a{float:right;color:#3c3c3c;tansition:all 0.3s;}
.contents li:last-child{border-bottom:1px solid #e8e8e8;}
.contents li a:hover{color:#30d28f;}
/**/
/*2016.6.3*/
.text2 em{display:block;font-size:24px;color:#f35a57;text-align:center;}
.text2 p{font-size:14px;color:#6d6d6d;text-align:center;line-height:36px;}
.select2{overflow:hidden;text-align:center;}
.select2 ul{display:inline-block;overflow:hidden;margin-top:40px;}
.select2 ul li{float:left;margin:0 30px;}
.select2 ul li div{width:122px;height:122px;position:relative;background:url(../client_images/micropiano/school1.png) center center;background-size:100%;border-radius:6px;transition:all 0.5s ;}
.select2 ul li div a{position:absolute;width:90px;height:35px;border-radius:4px;background-color:#3dd596;color:#FFF;font-size:14px;line-height:35px;text-align:center;top:50%;left:50%;margin-top:-18px;margin-left:-45px;display:block;cursor:pointer;opacity:0;transition:all 0.5s ;}
.select2 ul li div:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);border-radius:6px;opacity:0;transition:all 0.5s;}
.select2 ul li:hover div a,.select2 ul li:hover div:before{opacity:1;}
.select2 ul li:hover div{border:1px solid #6cd3fe;}
.select2 ul li p{font-size:14px;color:#121212;text-align:center;margin-top:5px;}
/*2016.6.8*/
.wrap .container{background-color:#333333;}
.wrap .left_side{height:auto!important;}
.wrap .right_side{position:relative;}
.wrap .right_side:after{position:absolute;right:-1px;top:0;height:100%;border-right:1px solid #f2f2f2;content:'';}
/*2016.6.23*/
.big_img{text-align:center;margin-top:30px;}
.h5 h5{font-size:32px;color:#f65256;text-align:center;margin-top:30px;margin-bottom:10px;}
.h5 p{font-size:28px;color:#6d6d6d;text-align:center;}
/*2016.12.12*/
table.detail .tool a{
color:#3dc982;padding:0 5px;}
table.detail .tool a.unormal{
color:#ff002f;}
@media screen and (min-width: 960px) and (max-width: 1154px){
table.detail tr th:nth-child(2),table.detail tr th:nth-child(4){width:15%;}
table.detail tr th:nth-child(6),table.detail tr th:last-child{width:20%;}
}
@media (max-width:1019px){
.detail_right dl dd{margin-top:30px;}
.detail_right dl dd{float:left;}
.unique label{position:static;text-align:left;}
.unique{padding-left:0;}
.btn{margin-left:0;}
table.detail2 tr th:nth-child(4),table.detail2 tr th:nth-child(6),table.detail2 tr th:nth-child(7),table.detail2 tr th:nth-child(8){width:19%;}
table.detail2 tr th:nth-child(2),table.detail2 tr th:nth-child(5){width:7%;}
table.detail2 tr th:nth-child(1),table.detail2 tr th:nth-child(3){width:5%;}
table.detail2 tr th:nth-child(8){min-width:40px;}
table.detail2 tr th{width:auto!important;}
}
@media (max-width:848px){
}
@media screen and (min-width: 767px) and (max-width: 959px){
table.detail tr th:last-child,table.detail tr th:nth-child(4){width:15%;}
table.detail tr th:nth-child(6),table.detail tr th:nth-child(2){width:20%;}
.wrap .right_side{padding: 25px 15px;}
}
@media (max-width:1154px){
.state2{padding-left: 0;}
.type label{text-align:left;}
}
/*2017.4.20*/
/*合同审核*/
.right_side section{
background-color: #fff;
margin-top: 20px;
border: 1px solid #e7e7e7;}
.right_side section header{
height: 45px;
width: 100%;
background-color: #2dd18f;
padding-left: 20px;
font-size: 14px;
color: #FFF;
line-height: 45px;
}
.right_side .list ul{
padding:20px 35px;
overflow: hidden;
}
ul:after,ol:after{
content: "";
display: block;
width: 100%;
clear: both;
}
.right_side .list ul li{
float: left;
width: 30%;}
.right_side .list ul li p{
font-size: 14px;
color: #3c3c3c;
line-height: 32px;
}
.right_side .list ul li:nth-child(3n+1){
width: 40%;
}
.contract ol{
padding:0 20px;
height: 30px;
overflow: hidden;
width: 100%;
border-bottom: 1px solid #e7e7e7;
}
.contract ol li{
float: left;
padding:0 20px;
line-height: 30px;
border-left: 1px solid #e7e7e7;
cursor: pointer;
}
.contract ol li:last-child{
border-right: 1px solid #e7e7e7;
}
.contract ol li.cur{
background-color: #3f3f3f;
color: #FFF;
}
.contract>div,.contract article>div{
padding:20px 35px ;
border-bottom: 1px solid #e7e7e7;}
.contract div ul li{
float: left;
width: 50%;
margin-bottom: 10px;}
.contract div ul li b{
font-weight: normal;
color: #f53808;
}
.contract div ul li:last-child{
width: 100%;
color: #a6a6a6;
padding-left: 50%;
}
.customerList{
color: #3c3c3c;
}
.contract div span,.contract div a,.position button,.button{
width: 130px;
height: 35px;
border-radius: 4px;
background-color: #4dba3a;
text-align: center;
line-height: 35px;
font-size: 14px;
color: #FFF;
display: block;
margin-top: 20px;
cursor: pointer;
}
.contract div span:hover,.button:hover{
background-color: #71da5d;
}
.contract div a{
background-color: #f1880c;
margin-left: 50%;
}
.contract div a:hover{
background-color: #f2a441;
}
.contract .title{
font-size: 14px;
padding-left: 20px;
line-height: 30px;
border-bottom: 1px solid #e7e7e7;
}
.customerList .position form{
width: 50%;
float: left;
margin-top: 0;
min-width: auto;
}
i{
font-style: normal;}
.customerList .position ul{
width: 50%;
float: left;
}
.customerList .position{
overflow: hidden;}
.customerList .contract .position ul li:last-child{
padding-left: 0;
}
.position select,.apply form select{
width: 100px;
height: 30px;
border-radius: 4px;
border: 1px solid #cecece;
color: #666666;
cursor: pointer;
margin-bottom: 20px;
}
.position form>*{ margin-bottom: 20px;}
.position p,.apply label{
padding-left: 10px;
position: relative;}
.position p i,.apply label i{
color: #ff0302;
position: absolute;
top: 2px;
left: 0;
}
.position textarea,.apply form div textarea{
height: 90px;
width: 100%;
border-radius: 4px;
border: 1px solid #cecece;
resize: none;
padding: 5px;
}
button{outline: none;box-shadow: none;
border: none;}
.position button{
display: inline-block;
margin-top: 0;
margin-right: 0;
margin-left: 10px;
}
.position button:hover{
background-color: #71da5d;
}
.customerList .position ul li{
width: 100%;}
@media screen and (max-width: 1154px){
.right_side .list ul li{
width: 100%!important;
}
}
/*发货申请*/
.title.icon{
cursor: pointer;
background-position: 95% center;
background-repeat: no-repeat;
}
.apply .contract div ul li,.apply .contract div ul li:last-child{
width: 25%;
padding-left: 0;
text-align: center;}
.apply .contract div ul li em{
margin-right: 15px;
color: #3c3c3c;
}
.apply .contract div ul li b {
color: #3c3c3c;
}
.apply form div p{
width: 30%;
float: left;}
.apply form div{
overflow: hidden;
margin-bottom: 20px;}
.apply form div label{
display: block;
margin-bottom: 10px;
}
.apply form div input{
border-color: #cecece;
border-radius: 4px;
height: 30px;
text-indent:1em;
}
.apply form div select{
margin-bottom: 0;
width: 125px;}
.apply form div textarea{
width: 51%;
margin-bottom: 0px;
}
.apply form .button{
display: inline-block;
margin-top: 0;}
.apply form em{
color: #868686;
margin-left:30px;
}
b{
font-weight: normal;}
u{
text-decoration: none;}
.apply div>p,.apply div ol{
padding-bottom: 10px;
border-bottom: 1px dashed #CCC;
}
.apply div>p u{
float: right;
color: #868686;
}
.apply form div p{
padding:0;
border: none;}
.apply div ol li{
width: 50%;
float: left;
padding: 0;
border: none;
cursor: none;
}
.apply div ol li:first-child{
width: 100%;}
.apply div ol {
padding: 10px 0;
border: none;
height: auto;}
.apply div ol b{
color: #ff0302;
}.apply div ol i{
color: #ff6b08;
}
.apply div ol u{
color: #1195ee;
}
.apply dl{
font-size: 14px;
color: #a5a5a5;
overflow: hidden;
padding-top: 5px;
}
.apply dt{
float: left;}
.apply dd{
float: left;
line-height: 24px;
}
.button.orange{
background-color: #f1880c;
}
.button.orange:hover{
background-color: #f2a441;
}
.apply div .button{
margin-left: 0;}
.apply article:last-child em{
color: #a5a5a5;
}
.apply article:last-child a{
border: 1px solid #cecece;
color: #cecece;
display: inline-block;
margin-left: 0;
margin-right: 10px;
background-color: transparent;
}
.title.icon{
background-image: url(http://image.yusi.tv/res/images/web_images/20170421/narrow2.png#000000);
}
.title.icon.cur{
background-image: url(http://image.yusi.tv/res/images/web_images/20170421/narrow1.png#30D28F);
}
@media screen and (max-width: 1154px){
.right_side .list ul li{
width: 100%!important;
}
.apply .contract div ul li, .apply .contract div ul li:last-child{
width: 50%;
}
}
/*开业培训*/
.login ul li:nth-child(2){
background: none; padding-left: 0;
}
.login ul li:nth-child(2) select{
width: 225px;
height: 30px;
border-color: #cecece;
border-radius: 4px;
}
.login ul li{
margin-left: 25px;
}
.login ul li:nth-child(2) select:focus{
border-color: #9d9d9d;
}
.none div span,.none div span:hover,.none a,.none a:hover{
width: auto;
height: auto;
line-height: normal;
background-color: transparent;
margin-top: 0;
display: inline-block;
}
.contract .timeline{
padding: 0;
border: none;
}
.timeline p{
height: 45px;
background-color: #f1f1f1;
text-align: center;
font-size: 14px;
line-height: 45px; -webkit-user-select: none;user-select: none;}
.timeline p span{
color: #c8c8c8;
font-size: 30px;
height: 45px;
user-select: none;-webkit-user-select: none;
}
.timeline p em{
width: 110px;
display: inline-block;
}
.contract .timeline ul li,.contract .timeline ul li:last-child{
float: left;
width: 8.333%;
padding-left: 0;
color: #3b3b3b;
height: 35px;
line-height: 35px;
text-align: center;
border-right: 1px solid #e8e8e8;
margin-bottom: 0;
cursor: pointer;
}
.timeline ul{
border-top: 1px solid #e8e8e8;
border-bottom: 1px solid #e8e8e8;
}
.timeline ul li.cur{
background-color: #3f3f3f;
color: #FFF;
}
.train .title span{
width: 140px;
text-align: center;
border-right: 1px solid #e8e8e8;
display: inline-block;
color: #2dd18f;
}
.none .contract div ul li:last-child{
width: 50%;
padding-left: 0;
color: #3c3c3c;
}
p.title2{
margin-top: 10px;
color: #2dd18f;
padding-bottom: 10px;
font-weight: bold;
border-bottom: 1px dashed #CCC;
}
.train dl{
padding: 10px 0;border-bottom: 1px dashed #CCC;}
.train dt{
margin-bottom: 15px;
}
.train dd{
margin-bottom: 10px;
}
.train dd span,.train dd span:hover{
color: #3c3c3c;
width: 160px;
text-indent:2em;
}
.signup label{
width: 40%;
float: left;
}
.signup label em{
margin-right: 20px;
}
.signup dd{
overflow: hidden;}
.none input{
height: 30px;
border: 1px solid #cecece;
text-indent:1em;
border-radius: 4px;
}
.signup dd input{
width: 160px;}
.signup dl{
border: none;}
.train div a{
background-color: #4dba3a;
margin-left: 0;
}
.train div a:hover{
background-color: #71da5d;
width: 130px;
height: 35px;
border-radius: 4px;
line-height: 35px;
margin-top: 20px;
}
.signup dd input:focus{
border-color: #9d9d9d;
}
.none .contract .timeline ul li:last-child{
width: 8.333%;
}
/*统计报表*/
.report section li{
width: 48%;
float: left;
border: 1px solid #e7e7e7;
}
.report li form{
margin-top: 0;
padding:20px 35px;
min-width: auto;
}
.report form div p{
width: 45%;
}
.report form div p:first-child{
margin-right: 9%;
}
.report section:nth-of-type(1){
background-color: transparent;
border: none;
}
.report section li:last-child{
float: right;
}
.report section li p input{
padding-right: 25px;
text-indent: 0;
box-sizing: border-box;
width: 100%;
text-align: center;}
.report section li p label{
position: relative;
}
.report section div form div p label:after{
content: "";
position: absolute;
display: block;
right: 7%;
top: 170%;
color: #a9a9a9;
}
.report section div form div:first-child p label:after {
content: "元";
}
.report section div form div:nth-of-type(2) p:first-child label:after{
content: "个";
}
.report section div form div:nth-of-type(2) p:last-child label:after{
content: "节";
}
.report section div form div:nth-of-type(3) p:first-child label:after{
content: "个月";
}
.report section div form div:nth-of-type(3) p:last-child label:after{
content: "次";
}
.report section li header u{
font-size: 10px;
}
.report section li:last-child div{
padding:20px 35px ;
background-color: #FFF;
}
.report section ul li:last-child li{
float: none;
width: 100%;
}
.report section ul li ol:first-child{
border-bottom: 1px dashed #ccc;
padding-bottom:43px;
margin-bottom: 40px;
}
.report div .button{
margin-left: 30%;
}
.report section:nth-of-type(1) ul{
position: relative;
overflow: hidden;}
.report section:nth-of-type(1) ul:after{
width: 10%;
content: "";
height: 100%;
position: absolute;
background-position: center center;
background-image: url(http://image.yusi.tv/res/images/web_images/20170424/arrowRight.png#30D28F);
background-repeat: no-repeat;
-webkit-background-size: auto;
background-size: auto;
right: 45%;
top: 0;
}
.report .contract div ul li, .report .contract div ul li:last-child{
width: 48%;
border: none;
}
.report .contract div ul li:nth-child(even){
margin-left: 4%;
}
.report .contract div ul{
overflow: hidden;
}
.report .contract div ul li p{
text-align: left;
}
header.h1 select{
float: right;
margin-top: 10px;
margin-right: 20px;
}
.report .contract div ul li:last-child{
color: #3b3b3b;
}
.report .contract div ul li em,.report .contract div ul li b{
float: right;
margin-right: 0;}
.report .contract div ul li b{
color: #ff6b08;
}
.report article table{
table-layout: fixed;
width: 100%;
text-align: center;
}
.report article table th,.report article table td{
width: 16%;
text-align: center;
}
.report article table th:first-child,.report article table td:first-child,.report article table th:last-child,.report article table td:last-child{
width: 10%;
}
.report article table th{
line-height: 35px;
cursor: pointer;
position: relative;}
.report article table td{
line-height: 40px;
border: 1px solid #e7e7e7;
}
/*.report article table th span{
width: 10px;
height: 10px;
display: inline-block;
background-repeat: no-repeat;
-webkit-background-size:auto;
background-size:auto;
background-image: url("http://image.yusi.tv/res/images/web_images/20170424/rank2.png#CBCBCB");
}
.report article table th:hover span{
background-image: url("http://image.yusi.tv/res/images/web_images/20170424/rank1.png#FFFFFF");
}*/
.report nav{
padding:25px 20px;
text-align: right;}
.report nav a{
font-size: 14px;
color: #6d6d6d;
}
.report nav *{
cursor: pointer;
margin:0 2px;}
.report nav span,.report nav i{
width: 30px;
height: 30px;
border: 1px solid #e7e7e7;
text-align: center;
line-height: 28px;
display: inline-block;
}
.report nav b{
margin-left: 50px;
}
.report nav input{
width: 50px;
height: 30px;
text-align: center;
cursor: text;
}
.report nav i{
color: #737373;
}
.report nav i:hover{
color: #4fdba1;
border-color: #4fdba1;
}
.report nav a.cur{
color: #4fdba1;
}
.report nav span:hover{
border-color: #3ad899;
color: #3ad899;
}
.signup label{
width: 30%;}
.signup dd span u{
width: 20px;
height: 20px;
border: 1px solid #ff2d4b;
color: #ff2d4b;
text-align: center;
-webkit-background-size: auto;
background-size: auto;
background-position: center center;
background-image: url("http://image.yusi.tv/res/images/web_images/20170424/no.png#000000");
display: inline-block;
background-repeat: no-repeat;
border-radius: 4px;
margin-left: 10px;
float: right;
margin-top: 1px;
}
.signup dd.cur span u {
border-color: #30d28f;
color: #30d28f;
background-image: url("http://image.yusi.tv/res/images/web_images/20170424/yes.png#000000");
}
.signup dd span{
text-align: right;
padding-top: 5px;
}
/*客户列表*/
.client section table{
background-color: #fff;
}
.client table thead{
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}
header.h1 input{
width: 160px;
height: 25px;
text-indent:10px;
padding-right: 30px;
float: left;
margin-right: 20px;margin-top: 10px;
/*background:#FFF url("http://image.yusi.tv/res/images/web_images/20170424/glass2.png#D5D5D5") 96% 64% no-repeat;*/
-webkit-background-size: auto;
background-size: auto;
}
header.h1 div button{
right: 44%;
top: 63%;
}
header.h1 input:focus{
background-image: url("http://image.yusi.tv/res/images/web_images/20170424/glass1.png#3C3C3C");
}
header.h1 div{
float: right;
}
.client article table th:nth-child(4){
width: 10%;
}
.client article table th:nth-child(5){
width: 22%;
}
.client table .button{
width: 60px;
display: inline-block;
height: 25px;
line-height: 25px;
margin-top: 0;
background-color: #2dd18f;
}
.client>.button{
position: absolute;
right: 55px;
top: 0;
}
.client table .button:hover{
background-color: #56d7a3;
}
.client table u{
text-decoration: underline;
cursor: pointer;}
.detail label i{
color: #ff0302;
margin-right: 5px;
}
.detail ul li{
position: relative;
padding-left: 90px;
min-height: 30px;}
.detail label {
padding-right: 20px;
color: #3b3b3b;
font-size: 14px;
position: absolute;
left: 0;
top: 5px;}
.detail input,.detail select,.detail textarea{
width: 120px;
height: 30px;
border-radius: 4px;border-color: #cecece;
text-indent: 5px;}
.detail .contract div ul li:last-child{
width: 50%;
padding-left: 0;
}
.detail select{
margin-right: 20px;}
.detail textarea{
width: 80%;
resize: none;
height:60px;
padding: 10px;
}
.detail .contract div ul li:last-child{
padding-left: 90px;
}
.detail article em{
color: #a5a5a5;
display: block;
margin-top: 5px;
}
.detail article>div>ul{
padding-bottom: 20px;
border-bottom: 1px dashed #CCC;
}
.detail article>div{
border: none;
padding-bottom: 0;
}
.tac{
text-align: center;
}
.detail .button{
margin-top: 0;
margin-bottom: 20px;
display: inline-block;
}
.detail .title{
border-top: 1px solid #e7e7e7;
}
.detail .title a{
width: 90px;
height: 28px;
margin-top: 1px;
line-height: 2;
border-radius: 15px;
background-color: #2dd18f;
float: right;
text-align: center;
color: #FFF;
margin-right: 20px;
cursor: pointer;
}
.detail .title a:hover{
background-color: #56d7a3;
}
.detail input[type='radio']{
width: 15px;
height: 15px;
float: left;
margin-top: 4px;
margin-right: 5px;
cursor: pointer;
}
.detail li p{
width: auto;
float: left;
margin-right: 40px;
margin-top: 5px;
}
.detail .long label{
margin-left: -17px;
}
.unit li:after {
content: "";
position: absolute;
display: block;
left: 185px;
top: 14%;
color: #a9a9a9;
}
.detail article div.unit ul li:not(:last-child):after{
content: "元";
}
.detail article div.unit ul li:nth-child(2):after{
content:"节";
}
.detail table tr th:first-child{
width: 10%;}
.detail table tr th:nth-child(2){
width: 20%;}
.detail table tr th:nth-child(3){
width: 70%;
}
.detail table tr th span,.detail table tr th span:hover{
margin-top: 0;
background-color: transparent;}
.detail table th,.detail td,.detail td:hover{
text-align: center;
color: #3c3c3c!important;
height: 36px;
line-height: 36px;
}
.detail td,.detail table{
border: 1px solid #e3e3e3;
}
.detail article div:last-of-type{
border-bottom: none;
}
.detail>section{
border-bottom: none;}
.detail .report{
border: 1px solid #e7e7e7;
border-top: none;
background-color: #fff;
}
p.title{
color: #797979;
}
.mask>div{
width: 520px;
border-radius: 10px;
background-color: #fff;
margin-top: 10%;
left: 50%;
margin-left:-260px;
position: absolute;
}
.mask{
position: absolute;
width: 100%;
margin-top: 0;
height: 100%;
background-color: rgba(0,0,0,0.5);
top: 0;
left: 0;
display: none;
}
body{
position: relative;}
.mask ul li:nth-child(even){
float: right;
}
.mask label{
left: 10px;}
.mask header{
height: 45px;
line-height: 45px;
font-size: 14px;
color: #FFF;
text-align: center;
background-color: #2dd18f;
}
.mask header span.cross{
height: 25px;
width: 25px;
border-radius: 50%;
background-color: #fff;
float: right;
line-height: 25px;
font-size: 14px;
color: #626262;
margin: 12px;
cursor: pointer;
}
.mask header span.cross:hover{
}
.mask .detail li p{
margin-right: 30px;}
article>section>div {
padding: 20px 35px;
padding-bottom: 0;
}
article>section>div ul{
padding-bottom: 20px;
border-bottom: 1px dashed #ccc;
}
.right_side article>section{
margin-top: 0;
border: none;
}
.right_side article>section>.tac{
border-bottom: 1px solid #e8e8e8;
}
.detail article>section:last-of-type div:last-child {
border: none;}
.record article>div>ul{
border: none;}
.w33 ul li{
width: 33.333%!important;}
.record .unit{
position: relative;}
.record .unit em{
position: absolute;
bottom: 30px;
right: 60px;
color: #f1880c;
}
.record div .button{
margin-left: 0;}
.mes textarea{
width: 100%;
height: 200px;
padding: 10px;
}
.addnew div ul li,.addnew .contract div ul li:last-child{
width: 33.333%;
padding-left: 0;}
.addnew label{
float: left;
position: static;
margin-top: 5px;
min-width: 87px;
}
.addnew .contract div ul li:last-child{
padding-left: 0;}
.addnew .contract div ul li:last-child select{
margin-right: 0;}
.addnew section .title0{
background-color: transparent;
line-height: 1;
color: #3b3b3b;
margin-bottom: 20px;
height: auto;
padding-left: 0;
}
.addnew .style li:nth-child(3):after{content: "%";
position: absolute;
left: 72%;
top: 5px;}
.addnew .style li:nth-child(3) input{
padding-right: 20px;
text-align: center;}
.addnew .style li:nth-child(7) {
width: 66.6666%;
}
.addnew .style li:nth-child(7) textarea{
width: 74%;
}
.addnew div ul li{
margin-bottom: 15px;}
.addnew header.color{
color: #2dd18f;
font-weight: bold;
}
.addnew header.color em{
display: inline-block;
margin-left: 10px;
color: #a5a5a5;
font-weight: normal;}
.select dl dt{
padding-right: 20px;
float: left;
margin-top: 5px;
}
.select dl{
display: inline-block;}
.select dl dd{
width: 220px;
height: 30px;
border: 1px solid #cecece;
border-radius: 4px;
float: left;
position: relative;
cursor: pointer;
}
.select dl dd ul{
display: block;
width: 100%;
padding:0 10px;
height: 30px;
margin: 0;background: url("http://image.yusi.tv/res/images/web_images/20170425/down1.png#CBCBCB") 95% center no-repeat;
padding-right: 25px;}
.select dl dd ol{
height: auto;
position: absolute;
top: 29px;
z-index: 1;
border: 1px solid #cecece;
background-color: #fff;
padding: 0;
display: none;
}
.select dl dd ul li,.select dd ul li:last-child{
width: auto;
color: #3b3b3b;
margin-right: 10px;
}
.select dl:after{
content: "";
width: 100%;
display: block;
clear: both;
}
.select dl dd ol li{
border: none;
float: none;
line-height: 30px;
padding:0 20px;
width: 100%;
}
.select dl dd ol li.cur{
background: url("http://image.yusi.tv/res/images/web_images/20170424/yes.png#000000") 98% center no-repeat; color: #3b3b3b;
}
.select>b{
color: #a5a5a5;
line-height: 30px;
margin-left: 20px;}
.select ol li:last-child{
border: none;}
.addnew section article .select{
padding-bottom: 20px;
border-bottom: 1px dashed #ccc;}
article .title0 em{
margin:0 10px;
display: inline-block;
color: #505050;}
.addnew table{
width: 100%;
}
.addnew table td{
width: 20%;
border: 1px solid #e8e8e8;}
.addnew .select dd ul li{
width:auto!important;
}
.pb20{
padding-bottom: 20px;}
.addnew article>section:last-child{
border-bottom: 1px solid #e8e8e8;}
/*2017.4.27修改*/
.contract table .choose span{
right: 0;
margin-left: 36%;
border-radius: 0;
}
.detail article form{
padding: 20px 35px;
border: none;
margin-top: 0;
}
.detail article form section{
border: none;
border-bottom: 1px solid #e7e7e7;
}
.detail article form:last-of-type section{
border: none;
}
.report .page span{
width: auto;
height: auto;
border: none;
}
.wrap .left_side{
width:230.8px;}
.wrap .right_side{
width:923.2px;
}
.container{
margin: auto;}
.detail.padding45 li p{
margin-left: 0;
margin-top: 0;
}
.detail.padding45 ul li{
padding-left: 0;
}
header.h1 input:focus {
background-image: none;
}
.godown>li{
width: 100%!important;
padding:0 10%!important;
}
.select dl dd ol li.cur{
background-position: 85% center;}
.select dl dd{
width: 120px;}
.select dl dt{
color:#3b3b3b;}
.select dl dt i{
color: #ff0302;}
.addnew .select dd ul li {
width: auto!important;
line-height: 30px;
margin: 0;
}
.addnew section article div:first-child .select{
padding-bottom: 0;
border: none;}
.addnew div ul li:last-child{
color: #3b3b3b;}
.addnew .select dl dd ol li{
margin-bottom: 0;}
.detail table{
width: 100%;}
.signup{
padding: 20px 35px;
}
.detail .contract article>form,.position form,.report form{
background-color: #fff;
}
.report div ol li{
cursor:auto;
}
.report ol li:last-child {
border: none;
}
table.detail th{
width: 10%!important;
}
.detail td:hover{
line-height:40px;}
.detail.padding45{
overflow: hidden;
}
.detail.padding45 .type{
position: relative;}
.detail.padding45 .type span:after{
content: "*";
color: red;
position: absolute;
top: 5px;
left: 200px;
display: block!important;}
.detail.padding45 .type span.state1{
color: #fff!important;}
.detail.padding45 .type.unique span:after{
left: 295px;
}
.reminder{
color: #f53808;
margin-top: 5px;
}
.report section ul li ol:first-child{
border: none;
}
.customerList.apply form,.train .signup{
background-color: #fff;
}
.tac{
margin-top: 60px;}
.detail input, .detail select, .detail textarea{
width: 150px;
}
.apply.customerList .contract article ol li.cur{
background-color: #fff;
color: #3c3c3c;
}
.apply.customerList .contract ol li{
cursor: pointer;
}
/*2017.5.3*/
header.h1 .selectBtn input{
height: 100%;
color: #868686;
width: 100%;
margin-top: 0;
background: #fff url("http://image.yusi.tv/res/images/web_images/20170425/down1.png#CBCBCB") 95% center no-repeat;
text-align: center;
}
header.h1 .selectBtn{
margin-top: 10px;
margin-right: 20px; height: 25px;
position: relative;width: 250px;}
header.h1 .selectBtn ul{
width: 100%;
position: absolute;
left: 0;
top: 25px;
border: 1px solid #dad9d9;
display: none;
z-index:2;
}
header.h1 .selectBtn li{
width: 100%!important;
margin: 0!important;
height: 28px;
line-height: 28px;
cursor: pointer;
background-color: #fff; color: #868686!important;
}
header.h1 .selectBtn li:hover{
color: #272727!important;
}
/*2017.5.4*/
.timeline ul li.cur{
color: #fff!important;
}
.mask>div{
width: 600px;
margin-left:-300px;
}
.detail.padding45 .detail_left.width50 .type span:after{
left: 240px;
top:50%;
}
.customerList .contract>ol{
/*overflow: scroll;*/
height: auto;
/*height: 30px;*/
padding: 0;
}
.customerList .contract>ol li{
border: 1px solid #e7e7e7;
width: 10%;
padding: 0;
text-align: center;}
.train .title span{
border: 1px solid #e8e8e8;}
.contract article>p.title:first-child{
padding-left: 0;
}
.train article>.title span{
width: 20%;}
.report section li p label{
line-height: 19px;}
/*2017.5.5*/
.null{
text-align: center;
padding: 50px 0;
}
.null p{
border-bottom: 0!important;
font-size: 18px;
color: #6d6d6d;
margin-top: 25px;
}
/*2017.5.8*/
.report section div form div:nth-of-type(3) p:first-child label:after{
content:'';
}
.report section div form div:nth-of-type(3) p:first-child input{
width: 40%;
padding-right: 0;
padding-right: 0;
}
.report section ul li ol:first-child{
padding-top: 0;
margin-top: -7px;
padding-bottom: 169px;
}
/*2017.5.9*/
#addfollow textarea{
width: 100%;
}
.pl20{
padding-left: 35px!important;
}
.title.pl20{
background-color: #f7f7f7;
}
.detail.padding45 .detail_left.width50 .type.unique span:after{
display: none;
color: #FFF;}
.page span.before,.page span.after{
border: 1px solid #e8e8e8;
}
table.detail tr td,table.detail tr:hover td,table.detail tr td:hover{
border: 1px solid #D9D9D9!important;
line-height: 36px!important;
}
table.detail thead tr td,table.detail tr th,table.detail thead{
position: relative;
}
table.detail thead:after{
content: '';
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
border-bottom: 1px solid #D9D9D9;
}
/*2017.5.15*/
.train article>.title span{
position: relative;}
.train article>.title span.new:after{
content:"";
position: absolute;
width: 22px;
height: 22px;
background: url("http://image.yusi.tv/res/images/web_images/20170516/new.png#FF2C2C") no-repeat;
left: 0;
top: 0;
}
.train.none dd span{
padding-left: 6%;
text-align: left;
}
/*2017.5.18*/
.train.none dd em{
width: 6%;
display: inline-block;
}
.train.none dd span{
width: 220px;
text-indent: 1em;
}
.train.none .signup dd em{
width: 20%;}
/*2017.5.23*/
.email section{
width:352px;
height: 293px;
background: url("http://image.yusi.tv/res/images/web_images/20170523/hugeMail.png#000000") no-repeat;
position: absolute;
left:50%;
top: 50%;
margin-left:-130px;
margin-top:-145px;
}
.email{
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
background-color:rgba(0,0,0,0.5);
}
.email .tip{
text-align: center;
padding:75px 50px;
}
.email .tip p{
font-size:14px;
color: #3c3c3c;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.email .tip p span{
width: 15px;
height:15px;
display: inline-block;
background: url("http://image.yusi.tv/res/images/web_images/20170523/horn.png#000000") no-repeat center center;
margin-right: 4px;
}
.email .tip p i{
color: #ff4141;
margin:0 2px;
}
.email .tip ul li{
display: inline-block;}
.email .tip ul li span{
margin: 20px 10px;
display: inline-block;
height: 30px;
width: 80px;
line-height: 30px;
box-sizing: border-box;}
.email .tip ul li:nth-child(2) span{
border: 1px solid #4dba3a;
color: #4dba3a;
background-color: transparent;
}
.email .tip ul li:nth-child(2) span:hover{
background-color: #71da5d;
color: #FFF;
border-color:#71da5d;
}
.email section{
display: none;}
.email section.cur{
display: block;}
.login .mail{
float: left;
width: 18px;
height: 14px;
margin-top: 21px;
background-image: url(http://image.yusi.tv/res/images/web_images/20170523/blink.gif#FF7200);
background-repeat: no-repeat;
position: relative;
cursor: pointer;
}
.login .mail::after{
content: "";
width: 5px;
height: 5px;
background-color: #ff3333;
border-radius: 50%;
position: absolute;
top: 0;
right: -10px;
}
.login .mail.cur{
background-image: url(http://image.yusi.tv/res/images/web_images/20170523/mail.png#828282);
}
.login .mail.cur::after{
display: none;}
.policy .news li{
padding: 15px 30PX;
font-size: 14px;
border-bottom: 1px solid #f4f4f4;}
.policy .news li a p{
margin-right: 100px;
padding-left: 25px;
background:url("http://image.yusi.tv/res/images/web_images/20170523/unread.png#FAA031") no-repeat left center;
overflow: hidden;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;white-space: nowrap;color: #3c3c3c;
}
.policy .news li.cur a p{
background-image: url("http://image.yusi.tv/res/images/web_images/20170523/read.png#000000");
color: #8e8e8e;
}
.policy .news li em{
float: right;
color: #8e8e8e;}
.policy .news li a:hover p{
text-decoration: underline;
color: #30d28f;
}
.article .inner article img{
width: 100%;}
.article .inner{
padding: 35px;
text-align: center;
}
.article .inner>h2{
font-size: 20px;
line-height: 56px;
color: #ef1837;
font-weight:bold;
}
.article .inner>em{
font-size: 12px;
color: #7d7d7d;
line-height: 22px;
}
.article .inner article{
text-align: left;
text-indent:2em;}
.article .inner>em{
padding-bottom: 5px;
display: block;
border-bottom: 3px solid #ef1837;}
.article .inner>em::after{
margin-top: 10px;
content: "";
border-bottom: 1px solid #ef1837;
width: 100%;
display: block;
}
.article .inner article{
margin-top: 15px;
font-size: 14px;
line-height: 30px;
color: #696868;}
.article .inner footer{
margin: 100px 0;
text-align: right;}
.article .inner footer span{
font-size: 18px;
color: #1e1e1e;
position: relative;}
.article .inner footer span::after{
content: "";
width: 140px;
height: 140px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -70px;
margin-top: -70px;
background:url("http://image.yusi.tv/res/images/web_images/20170523/stamp.png#000000") no-repeat center center;
}
.bgc1{
background-color: #f2f2f2;
}
.bgc1 .header{
background-color: #fff;
}
.bgc1 .wrap .left_side.new{
border-top: 25px solid #f2f2f2;
}
.bgc1 .wrap .container{
background-color: #fff;
}
.bgc1 .wrap .left_side.new ul ul>li>a,.bgc1 .wrap .left_side.new{
background-color: #fff;
color: #3c3c3c;
background-image: none;
}
.bgc1 .wrap .left_side ul ul>li>a{
border-bottom: 1px solid #f2f2f2;
}
.bgc1 .wrap .left_side ul>li.cur>a{
position: relative;
color: #FFF;
margin-left: 0;
background: #404040 url("http://image.yusi.tv/res/images/web_images/20170523/arrow.png#FFFFFF") 92% center no-repeat;
}
.bgc1 .wrap .left_side ul>li.cur>a::after{
border-left: 10px solid #30d28f;
content: "";
width: 100%;
display: block;
height: 100%;
position: absolute;
left:0;
top: 0;
}
.wrap .left_side.new ul li:not(".cur"):hover>a{
color: #3c3c3c;
background-color: #f2f2f2;
margin-left: 0;
}
.wrap .left_side ul li:not(".cur"):hover>a::after{
position: absolute;
border-color:#dad9d9 ;
top: 0;
left: 0;
border-bottom:none;
}
.policy .news .bottom{
border: none;}
.wrap .left_side.new> ul> li.mes {
position: relative;
}
.wrap .left_side.new ul li:not(".cur"):hover>a>em{
position: relative;
}
.wrap .left_side.new ul li.mes>a>em::after{
content: "";
width: 8px;
height: 8px;
background-color: #ff3333;
border-radius: 50%;
position: absolute;
right: 50px;
top: 12px;
}
.article .inner.type2>h2{
color: #3c3c3c;
}
.article .inner.type2>em::after{
display: none;
}
.article .inner.type2>em{
border-bottom-style: dashed;
border-width: 1px;
border-color: #696868;
}
.wrap .left_side.new >ul> li>a {
background-color: #fff;
background-image: none;
color: #3c3c3c;
margin-left: 0;
}
.bgc1 .wrap .left_side.new ul>li{
position: relative;
}
/*.wrap .left_side ul>li:hover>a {
color: #3c3c3c;
background-color: #f2f2f2;
margin-left: 0;
}*/
.bgc1 .wrap .left_side.new ul>li:hover>a::after {
border-left: 10px solid #dad9d9;
content: "";
width: 100%;
display: block;
height: 100%;
position: absolute;
left: 0;
top: 0;}
.bgc1 .wrap .left_side.new ul>li.cur:hover>a::after {
border-color:#2dd18f ;
}
/*2017.5.27*/
.apply div>p u{
float: none;}
.apply div ol dl{
display: inline-block;
overflow: hidden;+
color: #3c3c3c;
font-size: 14px;}
.apply div ol dt{
float: left;
}
.apply div ol dd{
float: left;
line-height: 28px;
color: #878787;
}
.apply div ol dl:not(:last-child):after {
content: ",";
margin-right: 2px;
}
.apply div ol dl,.apply div li strong{
float: left;}
.apply div li strong{
margin-top: 4px;}
.login ul li.user p{
color: #515151;
width: 140px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 7px;
background: url("http://image.yusi.tv/res/images/web_images/20170531/down1.png#515151") no-repeat right center;
-webkit-background-size: auto;
background-size: auto;
cursor: pointer;
}
.login ul li.user em{
width: 20px;
height: 20px;
display: inline-block;
-webkit-background-size:20px 20px;
background-size:20px 20px;
float: left;
margin-top: 5px;
margin-right: 5px;
}
.login ul{
overflow: hidden;}
.login ul li.user:hover p{
color: #3dd596;
background-image: url(http://image.yusi.tv/res/images/web_images/20170531/down2.png#3DD596);
}
/*2017.6.8*/
.article article p{
text-indent: 0;
}
/*2017.6.6*/
.sys .enter.bgn{
background: none;
}
.sys .enter.bgn form img{
margin-top: 50px;
margin-left: -50px;
}
.sys .enter.bgn form{
position: static;
margin: 0;
width: 100%;
border-radius: 0;
}
.sys .enter.bgn .text{
margin-top: 0;
}
.sys .code.bgn .width100 span{
width: 35%;
}
.sys .code.bgn .width100 .type3{
width: 60%;
}
.sys .enter.bgn .type3{
position: relative;}
.sys .enter.bgn .type3 em{
color: #ff5555;
font-size: 12px;
position: absolute;
right: -145px;
top: 8px;
}
.sys.bgc1 .logo{
background-color: transparent;}
.sys .code.bgn .width100 span.cur{
background-color: #c1c1c1;
}
.login ul li.user p{
color: #515151;
width: 140px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 7px;
background: url("http://image.yusi.tv/res/images/web_images/20170531/down1.png#515151") no-repeat right center;
-webkit-background-size: auto;
background-size: auto;
cursor: pointer;
}
.login ul li.user em{
width: 20px;
height: 20px;
display: inline-block;
-webkit-background-size:20px 20px;
background-size:20px 20px;
float: left;
margin-top: 5px;
margin-right: 5px;
}
.login ul{
overflow: hidden;}
.login ul li.user:hover p{
color: #3dd596;
background-image: url(http://image.yusi.tv/res/images/web_images/20170531/down2.png#3DD596);
}
.header div.fix{
width: 108px;
height: 87px;
z-index: 100;
background: url(http://image.yusi.tv/res/images/web_images/20170531/frame.png#000000);
position: absolute;
right:24px;
top: 40px;
padding:10px 5px;
}
.header{
height: auto;}
.haader .user{
position: relative;}
.header>.outer{
max-width: 1154px;
min-width: 767px;
margin:auto;
}
.header .login ul .user:hover div.fix {
display: block;}
.header .login ul .user div.fix {
display: none;}
.header .login ul li:nth-child(2) div.fix a{
padding-left: 30px;
padding-right: 0;
color: #828282;
margin-top: 10px;
line-height: 22px;
background: url(http://image.yusi.tv/res/images/web_images/20170531/code1.png#FFFFFF) 15px center no-repeat;
}
.header .login ul li:nth-child(2) div.fix a:nth-child(2){
background-image: url(http://image.yusi.tv/res/images/web_images/20170531/out1.png#FFFFFF);
}
.header .login ul li:nth-child(2) div.fix a:nth-child(2):hover{
color: #3dd596;
background-image: url(http://image.yusi.tv/res/images/web_images/20170531/out2.png#FFFFFF);
}
.header .login ul li:nth-child(2) div.fix a:first-child:hover{
color: #3dd596;
background-image: url(http://image.yusi.tv/res/images/web_images/20170531/code2.png#FFFFFF);
}
.sys.bgc1{
background-color: #fff;
}
.header .outer{
height: 60px;
position: relative;}
.clb{
clear: both;
display: block;
width: 100%;
height: 0;
line-height: 0;
}
/*客户推荐系统*/-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
background:url(http://image.yusi.tv/res/images/web_images/20170511/bg.png#2998C5) center center no-repeat;
background-size:100% 100%;
}
.sys .logo.ta_center{
text-align: center;
float: none;}
.sys .enter form{
width: 630px;
margin:auto;
background-color: #fff;border-radius: 10px;}
.sys .enter .container{
background-color: transparent;
}
.sys .enter form img{
margin-top: -120px;}
.sys .enter .text{
margin-top: -100px;}
.sys .enter .type3 {
padding-left: 55px;
padding-right: 0;
width: 270px;
}
.sys .enter .type3 input[type='text']{
border: none;
/*border-radius: 10px;*/
}
.sys .enter a.submit{
width: 270px;
position: static!important;
margin-left: auto!important;
}
.sys .enter a.submit:hover{
background-color: #6eddaf;
}
.sys .enter .type3 a{
float: left;
font-size:14px;
color: #8b8b8b;
}
.sys .enter .type3:last-of-type{
border: none;
padding: 0;
overflow: hidden;}
.sys .enter .type3 a:hover{
color: #6cd3fe;
}
.sys .enter .type3:last-of-type a:last-child{
float: right;}
.sys .enter{
position: relative;}
.sys .enter form{
padding-bottom: 70px;
position: absolute;
top: 50%;
left: 50%;
margin-top: -350px;
margin-left:-315px;}
.sys .logo{
width: 265px;
text-align: center;
background-color: #25acde;}
.sys .login ul li p{
color: #2589de;}
.sys .login ul li .out{
padding-right:0;
padding-left: 25px;
background-image: url("http://image.yusi.tv/res/images/web_images/20170511/out1.png#000000");
background-position: left center;
background-repeat: no-repeat;
}
.sys .login ul li .out:hover{
color: #ff2d4b;
background-image: url("http://image.yusi.tv/res/images/web_images/20170511/out2.png#FF2D4B");
}
.sys .wrap .left_side{
width: 23%;}
.sys .wrap .right_side{
width: 77%;}
.sys .wrap .left_side ul li a{
margin-left: 0;}
.sys .wrap .left_side> ul> li>a{
position: relative;
background-color: #0073c4;
}
.sys .wrap .left_side> ul> li>a:after{
content: "";
width: 20px;
display: block;
height: 20px;
background: url("http://image.yusi.tv/res/images/web_images/20170511/control.png#FFFFFF") center center no-repeat;
position: absolute;
left: 18%;
top: 50%;
margin-top: -10px;
}
.sys .bgn{
background-color: transparent!important;}
.sys .ta_center{
text-align: center!important;
}
.sys .width_100{
width: 100%!important;}
.sys .wrap .left_side ul>li.cur>a{
color: #FFF;
}
.sys .wrap .container,.sys .wrap .left_side{
background-color: #25acde;
}
.sys .wrap .left_side ul ul>li>a{
background-color: #189fde;
}
.sys .wrap .left_side ul ul>li.on>a{
color: #0073c4;
background-color: #f2f2f2;
}
.sys .wrap .left_side> ul> li{
padding-bottom: 0;}
.sys .wrap .left_side ul>li.cur>a{
background-image: url("http://image.yusi.tv/res/images/web_images/20170511/down.png#FFFFFF");
}
.sys .detail label{
position: static;
}
.sys .type label{
display: block;
width: 100%;
text-align: left;
margin-bottom: 5px;
color: #8a8a8a;}
.sys .search,.sys header.h1{
background-color: #7fbcf0;
}
.sys .detail input,.sys .detail select,.sys .detail textarea{
width:270px;
border-radius: 0;
display: block;
}
.sys .button{
margin-top:20px;}
.sys .width100 .type{
float: left;
width: 50%;}
.sys .width100 p{
color: #3c3c3c;margin-bottom: 10px;}
.sys .width100 p u{
color: #ff6c00;}
.sys .width100 em{
display: block;
color: #a6a6a6;
}
.sys .record .orange{
margin-top: 40px;}
.sys .header .login{
padding-right: 10px;}
.sys .record .width100{
overflow: hidden;
border-bottom: 1px solid #f2f2f2;
}
.sys p.title{
color: #2589de;
font-size: 14px;
line-height: 50px;
border: none;
}
.sys .detail .area{
width: 23.5%;
float: left;
padding-left: 0;
background-color: #fff;
text-indent:5px;
}
.sys .type ul{
overflow: hidden;
margin-top: 10px;}
.sys .type ul li{
width: 50%;
float: left;
padding-left: 0;}
.sys .type ul li select{
width: 66%;
}
.sys .right_side section{
border: none;
margin-top: 15px;
min-width: 585px;
}
.sys .right_side section form{
margin-top: 0;
background-color: #fff;
}
.sys .right_side .detail_right .type{
overflow: hidden;
}
.sys select option:hover{
background-color: #f2f2f2;
color: #282828;
}
.sys section{
background-color: #fff;}
.sys .tool .modify:hover{background-image:url("http://image.yusi.tv/res/images/web_images/20170511/edit2.png#55B1FF");}
.sys .selectBtn ul{
z-index: 10;
background-color: #fff;
text-align: center;}
.sys .h1 label{
float: left;}
.sys .h1 .right{
float: right;}
.sys .h1 .right>*{
float: left;margin-top: 10px;
margin-right: 20px;}
.sys .h1 .right .glass{
cursor: pointer;
width: 25px;
height: 25px;
background-color: #fff;
background-image: url("http://image.yusi.tv/res/images/web_images/20170511/search1.png#777777");
background-repeat: no-repeat;
background-position: center center;
position: static;
}
.sys .h1 .right .glass:hover{
background-color: #f4f3f3;
}
.sys .overflow_hidden{
overflow: hidden;}
.sys .add{
height: 25px;
padding:0 5px;
background-color: #fff;
margin-top: 10px;
margin-right: 20px;
line-height: 25px;
color: #5d5d5d;
cursor: pointer;
}
.sys form table.detail tbody tr td{
color: #7d7d7d!important;}
.sys .report nav>a.cur{
color: #504f4f;
}
.sys .report nav>span:hover,.report nav>i:hover{
border-color:#504f4f;
color:#504f4f;
}
.sys .report nav>*{
color: #9f9f9f;
}
.mask.blue header{
background-color: #7fbcf0;
}
.login2.enter .type3{
padding-left: 0;}
.login2.enter form img{
margin-top: 60px;
}
.login2.enter .text{
margin-top: 0;
}
.login2 .select{
width: 270px;
margin:auto;
}
.login2 .select label{
display: block;
font-size: 14px;
color: #6d6d6d;
line-height: 3;
margin-top: 10px;
}
.login2 .select select{
width: 32%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height:35px;
border-radius: 4px;
border-color:#6cd3fe;
background:url("http://image.yusi.tv/res/images/web_images/20170515/down.png#6CD3FE") 90% center no-repeat;
padding-right: 20px;
}
.login2 .text p{
margin-bottom: 30px;
margin-top: 10px;}
/*2017.5.19*/
.sys .code .width100{
width: 270px;
overflow: hidden;
margin:auto;}
.sys .code .width100 .type3{
float: left;
width: 65%;
margin-left: 0;
margin-right: 0;border: 1px solid #6cd3fc;}
.sys .code .width100 .type3 input[type='text']{
padding-left: 65px;
}
.sys .code .width100 span{
text-align: center;
width: 30%;
float: right;
height: 30px;
border-radius: 6px;
color: #FFF;
line-height:30px;
margin-top: 22px;
background-color: #6cd3fe;
cursor: pointer;
}
.sys .code .width100 span:hover{
background-color: #90deff;
}
.sys .mid_img{
position: relative;
}
.sys .mid_img .error{
position: absolute;
width:145px;
height: 38px;
background:url("http://image.yusi.tv/res/images/web_images/20170519/bar.png#000000") no-repeat;
color: #FFF;
top: 29%;
left:15%;
line-height: 30px;
}
.sys table.detail{
table-layout: fixed;
}
.sys table.detail tr td{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 15%;
}
.sys .h1 .right em{
float: left;
margin: 0 ;
margin-right: 20px;
}
.ovh{
overflow: hidden;}
/*0217.5.31*/
.sys .enter.bgn{
background: none;
}
.sys .enter.bgn form img{
margin-top: 50px;
margin-left: -50px;
}
.sys .enter.bgn form{
position: static;
margin: 0;
width: 100%;
border-radius: 0;
}
.sys .enter.bgn .text{
margin-top: 0;
}
.sys .code.bgn .width100 span{
width: 35%;
}
.sys .code.bgn .width100 .type3{
width: 60%;
}
.sys .enter.bgn .type3{
position: relative;}
.sys .enter.bgn .type3 em{
color: #ff5555;
font-size: 12px;
position: absolute;
right: -145px;
top: 8px;
}
.sys.bgc1 .logo{
background-color: transparent;}
.sys .code.bgn .width100 span.cur{
background-color: #c1c1c1;
}
.login ul li.user p{
color: #515151;
width: 140px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-right: 7px;
background: url("http://image.yusi.tv/res/images/web_images/20170531/down1.png#515151") no-repeat right center;
-webkit-background-size: auto;
background-size: auto;
cursor: pointer;
}
.login ul li.user em{
width: 20px;
height: 20px;
display: inline-block;
-webkit-background-size:20px 20px;
background-size:20px 20px;
float: left;
margin-top: 5px;
margin-right: 5px;
border-radius: 50%;
}
.login ul{
overflow: hidden;}
.login ul li.user:hover p{
color: #3dd596;
background-image: url(http://image.yusi.tv/res/images/web_images/20170531/down2.png#3DD596);
}
.header div.fix{
width: 108px;
height: 87px;
z-index: 100;
background: url(http://image.yusi.tv/res/images/web_images/20170531/frame.png#000000);
position: absolute;
right:24px;
top: 40px;
padding:10px 5px;
}
.header{
height: auto;}
.haader .user{
position: relative;}
.header>.outer{
max-width: 1154px;
min-width: 767px;
margin:auto;
}
.header .login ul .user:hover div.fix {
display: block;}
.header .login ul .user div.fix {
display: none;}
.header .login ul li:nth-child(2) div.fix a{
padding-left: 30px;
padding-right: 0;
color: #828282;
margin-top: 10px;
line-height: 22px;
background: url(http://image.yusi.tv/res/images/web_images/20170531/code1.png#FFFFFF) 15px center no-repeat;
}
.header .login ul li:nth-child(2) div.fix a:nth-child(2){
background-image: url(http://image.yusi.tv/res/images/web_images/20170531/out1.png#FFFFFF);
}
.header .login ul li:nth-child(2) div.fix a:nth-child(2):hover{
color: #3dd596;
background-image: url(http://image.yusi.tv/res/images/web_images/20170531/out2.png#FFFFFF);
}
.header .login ul li:nth-child(2) div.fix a:first-child:hover{
color: #3dd596;
background-image: url(http://image.yusi.tv/res/images/web_images/20170531/code2.png#FFFFFF);
}
.sys.bgc1{
background-color: #fff;
}
.header .outer{
height: 60px;
position: relative;}
.clb {
clear: both;
display: block;
width: 100%;
height: 0;
line-height: 0;
}
/*}2017.6.15*/
.forgetCode{
float: right;
margin-top: 15px;
color: #666;
font-size: 12px;
}
@media screen and (max-width: 1154px){
.right_side .list ul li{
width: 100%!important;
}
.apply .contract div ul li, .apply .contract div ul li:last-child{
width: 50%;
}
.report .contract div ul li:nth-child(even),.report .contract div ul li{
padding:0 5%;
margin-left:0;
}
.report section li p label{
height: 20px;
text-overflow: ellipsis;
white-space: nowrap;
}
.detail li p{
margin-right: 30px;}
.detail select{
margin-bottom: 10px;}
.w33 ul li{
width: 50%!important;}
.select>b{
display: block;}
.addnew div ul li, .addnew .contract div ul li:last-child{
width: 50%;}
.detail article>div:first-child ul li:last-child,.addnew .style li:nth-child(7) {
width: 100%;
}
.contract table .choose span{
margin-left: 43%;
}
.wrap .left_side{
width:20%;}
.wrap .right_side{
width:80%;
}
/*2017.5.8*/
.report section div form div:nth-of-type(3) p:first-child input{
width: 100%;
margin:5px 0;
}
/*客户推荐系统*/
/*2017.5.12*/
.sys .logo{
width: 23%;
}
.sys .wrap .left_side> ul> li>a:after{
left: 15%;
}
.detail select{
margin-right: 5px;}
}
@media screen and (max-width: 1120px){
.detail.padding45 .detail_left.width50 .type input:not(.bt),.detail.padding45 .detail_left.width50 .type select,.detail.padding45 .detail_left.width50 .type textarea{
display: block;
margin-bottom: 0;
}
.detail.padding45 .detail_left.width50 .type.unique{
padding-left: 0;}
.detail.padding45 .detail_left.width50 .type.unique label{
position: static;}
.detail.padding45 .detail_left.width50 .type span:after{
left: 160px;
margin-top:-10px;
}
}
/*../../client_images/micropiano*/