*{font-family:"Open Sans";-webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; border: none; outline: none;list-style: none; text-decoration: none; vertical-align: middle;}
input[type=button], input[type=submit], input[type=file], button {-webkit-tap-highlight-color: rgba(0, 0, 0, 0); cursor: pointer; -webkit-appearance: none; outline: none; } 
select{appearance:none; -moz-appearance:none;-webkit-appearance:none;}
img{height:auto;display:inline-block;}
a{display:block;height:auto;cursor:pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html{ width:100%; height:100%;}
body{ width:100%; height:100%; margin:auto; background-color:#fff;}
@font-face {
    font-family:'Open Sans';
    src: url('../opensans_0.ttf');
    src: url('../OratorStd_0.otf');
    src: url('../OratorStd-Slanted_0.otf');
}
a:hover{ transition:All 0.1s ease-in-out;
    -webkit-transition:All 0.1s ease-in-out;
    -moz-transition:All 0.1s ease-in-out;
    -o-transition:All 0.1s ease-in-out;}
.yypc{display:block; width:100%;}
.yyapp{display:none; width:100%;}
/*head*/
.so-head{float: left; width: 100%; height: 38px;z-index: 10;background-color: #fff;  position: relative;  border-bottom: 1px solid #eee; box-shadow:0 1px 3px #ddd;}
.so-headbox{margin: auto; display: block; width: 1200px;position: relative;}
.so-headle{float: left;line-height: 38px;color: #000;font-size: 12px;}
.so-headri{position: absolute;right: 0;}
.so-headri a{float: left;line-height: 38px; color: #666;font-size: 12px; margin-left: 12px;}
.so-headri a:hover{ color: #000;}
.head{float: left;width: 100%;height: 100px;background-color: #fff;}
.headbox{ margin: auto;display: block; width: 1200px;height: 10px;}
.head-logo{float: left;height: 100px; display: flex;align-items: center;justify-content: flex-end;}
.head-logo img{width: 180px;}
.yyheadles{float: right;height: 100px; display: flex;align-items: center;justify-content: flex-end;}
.yyheadles p{ color: #666;font-size: 12px; margin-right: 5px;}
.yyheadle{float: left; margin-right: 5px;}
.yyheadle input.yynavie{float: left;text-indent: 14px; width: 303px;height: 36px;line-height: 36px; box-sizing: border-box; border-top:1px solid #cccccc;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.yyheadle input.yynavir{float: left; width: 42px;height: 36px;box-sizing: border-box;background: url(../images/yy15.png) no-repeat center left;background-size:42px 40px; border-top:1px solid #cccccc;border-right:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.yyheadlc{float: left;position: relative; font-size: 14px; margin-left: 20px;}
.yyheadlc span{position: absolute;left: -10px;top:-6px;display: inline-block; background-color: #e72222;color: #fff;text-align: center;width: 15px;height: 16px;line-height: 16px; font-size: 12px;border-radius: 500px;}
.yyheadlc a, .yyheadlr a{ color: #a5a5a5;}
.yyheadlc a:hover, .yyheadlr a:hover{ color: #a149dc;}
.yyheadlc img, .yyheadlr img{width:20px;height: 20px;}
.yyheadlr{float: left;font-size: 14px; margin-left: 15px;z-index: 1; position: relative;}
/*.yyheadlr .yybiok{position: absolute;top:30px;  opacity:0; left: 0; background-color: #fff;box-shadow:  0 2px 8px #999; padding: 10px 10px; color: #666;font-size: 12px;text-align: center;}
.yyheadlr:hover .yybiok{opacity: 1;cursor: pointer;z-index: 0;}*/
.mercadoimg{float: left; width: 100%; margin-top: 10px;}
.mercadoimg img{ height: 46px; margin-right: 10px;}
/*nav*/
.yynav{float:left;width: 52px;background-color: #c46eff;width: 100%;}
.head-right{width: 1200px;margin: auto;position: relative;}
.head-right ul{width: 990px;float: left;position: absolute;left:-20px; margin:auto; display: -webkit-flex;-webkit-justify-content: space-between;-moz-justify-content: space-between;-o-justify-content: space-between; display: flex; justify-content: space-between;}
.head-right li{ /*-webkit-flex:1; flex:1;	 */ padding: 0 0px;    display: table-cell; width:auto;position: relative;z-index: 10;text-align:center; height:52px;line-height: 52px;box-sizing: border-box;}
.head-right li a{font-size: 14px; color: #fff;}
.head-right li.active a{color: #fff;}
.head-right li.active{ width:90px;}
.head-right li a:hover{ color: #fff;}
.head-right li .head-li{position: absolute;opacity:0;height:0px;overflow: hidden; transition:All 0.3s ease-in-out;z-index:2; -webkit-transition:All 0.3s ease-in-out;  -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; background: #ffffff; top:52px;width: 200px;z-index:1;}
.head-right li .head-li .head-lis{float: left;width:100%;text-align: left;padding: 0 5px 0 5px;text-indent: 20px; border-bottom: 1px solid #e1e2e4; box-sizing: border-box; height: 44px; line-height: 44px;}
.head-right li .head-li .head-lis:first-of-type{border-top:2px solid #a149dc;line-height: 40px;}
.head-right li .head-li .head-lis:nth-last-child(1){border-bottom: 0;}
.head-right li:hover .head-li{opacity:1;height:auto;overflow:inherit;transition:All 0.3s ease-in-out;z-index:200; -webkit-transition:All 0.3s ease-in-out;  -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.head-right li .head-li .head-lis a{font-size: 12px; color: #444444;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.head-right li .head-li .head-lis:hover{background-color: #a149dc; }
.head-right li .head-li .head-lis a:hover{ color: #fff;}
.yynavtel{float: right;width:205px;line-height: 52px;background-color: #a149dc; height: 52px; color: #fff;font-size: 18px;font-weight: bold;text-align: center;}
.yynavtel img{width: 40px;height: 40px; margin-right: 5px;}
/*footer*/
.foot-rvm{position: absolute; width: 100px; right: 15px;bottom: -14px;}
.foot-rvm a{font-size: 12px;text-align: center; color: #a149dc;}
.foot-rvm a img{width: 100px;margin-bottom: 4px;}
.pandafooter{ float:left; width:100%; background-color:#101012;border-top: 3px solid #843eb4; color:#fff; height:225px;}
.pandafooterbox{ margin:auto; width:1200px;}
.pandafooters{ float:left; width:267px; padding-left:28px; position:relative; }
.pandafooters:before{content: " ";width:1px;position: absolute; right:0; height:80px;top:38px;border-right: 1px solid #505064;}
.pandafooters:nth-last-child(1):before{ border-right:0;}
.pandafooters h1{ font-size:20px; width:100%; float:left; margin:30px 0 10px 0;}
.pandafooters li{ float:left; width:100%; margin:3px 0;}
.pandafooters li a{ color:#f0f0f0; font-size:14px;}
.pandafooters li a:hover, .pandafooters-w a:hover{ text-decoration: underline;}
.pandafooters-q{ float:left; margin-right:15px;}
.pandafooters-q a{ color:#f0f0f0; font-size:14px; text-align:center;}
.pandafooters-q img{ margin:auto; display:block; width:36px; height:36px;}
.pandafooters-w{ float:left; width:100%;position:relative;left: -5px;}
.pandafooters-w a{ float:left; color:#f0f0f0;display: inline-block; font-size:14px; text-align:left;line-height: 26px;}
.pandafooters-w img{ width:26px; height:26px;}
.pandafooters-e{ float:left; width:100%;}
.pandafooters-e a{ color:#fff; display:inline-block; margin-right:10px;}
.pandafooters-e a img{ width:36px; height:36px;}
.pandafooters-r{ float:left; width:100%; margin-top:18px;}
.pandafooters-r p{ color:#f0f0f0; font-size:14px; margin-bottom:5px;}
.pandafooters-r input.left{ color:#f0f0f0; font-size:12px; text-indent:10px; float:left; width:158px; height:30px; background-color:transparent; border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;border-left:1px solid #dddddd;}
.pandafooters-r input.right{ float:left; width:42px; height:32px; background:#fff url(../images/yy1.png) no-repeat center; background-size:40px auto; border-bottom:1px solid #dddddd;border-top:1px solid #dddddd;border-right:1px solid #dddddd;}
.pandafooters-r input.left::-webkit-input-placeholder{color:#f0f0f0;}
/*list*/
.list{float: left;width: 100%;background-color: #f4f4f4;}
.listbox{margin: auto;width: 1200px;}
.list-head{float: left;width: 100%;}
.list-hebo{float: left;width: 100%; height: 46px;line-height: 50px;overflow: hidden;background-color: #e4e4e4;}
.list-head .list-hele{float:left;font-size: 12px;position: relative; color: #000;}
.list-head .list-hele input{ width: 19px; height: 19px;cursor: pointer;margin: 0 10px 0 12px; margin-top: 16px;}
.list-head .list-hele span{margin-right: 15px;}
.list-head .list-heri{float: right;}
.list-head .list-heri span{display: inline-block;text-align: center; font-size: 12px; color: #000; }
.list-head .list-heri span.liria{width: 190px;}
.list-head .list-heri span.lirias{width: 100px; margin-right: 237px;}
.list-head .list-heri span.liriass{margin-right: 35px;}
.list-li{float: left;width: 100%;}
.list-li li{float: left;width: 100%; margin-bottom: 20px;background-color: #fff;}
.list-lihe{float: left;width: 100%;height: 48px;line-height: 48px;width: 100%;background-color: #fff;border-bottom: 1px solid #e4e4e4; margin:0px 0 20px 0; padding: 0 22px;box-sizing: border-box;}
.list-lihe input{width: 17px;height: 17px;background-color: #fff; margin-right: 15px; cursor: pointer; margin-top: 18px;}
.list-lihe span{ color: #000;font-size: 16px;}
.list-lihs{float: left;width: 100%;padding: 20px 22px 22px 22px;box-sizing: border-box;position: relative; }
.list-shanc{position: absolute;right: 0;bottom: 0;width: 48px;height: 30px;background-color: #eee;display: flex;align-items: center;cursor: pointer;}
.list-shanc:active{background-color: #ddd;}
.list-shanc img{margin: auto;display: block; width:24px;height: 24px;}
.list-lihs .list-input{float: left;}
.list-lihs .list-input input{width: 16px;height: 16px;cursor: pointer;}
.list-lihs .list-img{float: left;width: 80px;height: 80px;position:relative; border: 1px solid #eeeeee; margin: 0 10px 0 14px;}
.list-cenp span{float: left; margin-right: 5px;position: relative;top:1px; color: #fff;font-size: 12px; padding: 0 0.625rem; background-color: #a149dc;}
.riallb-cp span{float: left; margin-right: 5px;position: relative;top:1px; color: #fff;font-size: 12px; padding: 0 0.625rem; background-color: #a149dc;}
.list-lihs .list-img img{width: 100%;}
.list-lihs .list-cenp{float: left;text-align: left;}
.list-lihs .list-cenp p{ color: #000;font-size: 14px;}
.list-cen{float: left;width: 100%; margin-top: 18px;}
.list-lixt{float: left;width: 100%; color: #666;font-size: 14px;}
.list-lihsbox{float: left;}
.list-lihsboxs{float: left;width: 1030px;}
.list-lixtcolor{float: left;margin-right: 20px;}
.list-lixtcolor span{ margin-right: 10px;}
.list-lixtss{float: right;width:880px;}
.list-jiass{float: left;width: 100px;text-align: center}
.list-lixtssabpx{float: left;width: 610px;position: relative;}
.list-lixtssa{float: left;width: 100%;position: relative; margin-bottom: 18px;}
.list-lixtssc{float: left;cursor: pointer;display: flex;align-items: center;justify-content: center;}
.list-lixtssc input{width: 16px;height: 16px;cursor: pointer; }
.list-lixtssc span{font-size: 14px;display: inline-block; margin-left: 10px;width: 100px;text-align:center;}
.list-lixtssi{position: absolute;right: 0;height:26px; display: flex;align-items: center;justify-content: flex-start;}
.list-lixtssi span{float: left;cursor: pointer; border: 1px solid #d6d6d6;background-color: #f9f9f9;box-sizing: border-box;}
.list-lixtssi span:active{background-color: #eee;}
.list-lixtssi span img{width: 24px;height: 24px;float: left;}
.list-lixtssi input{float:left;width: 56px;border-radius: 0; text-align: center; height: 26px;box-sizing: border-box; color: #000;font-size: 12px;border-top: 1px solid #d6d6d6;border-bottom: 1px solid #d6d6d6;}
.list-lixtssi input::-webkit-input-placeholder{ color: #000;}
.list-jia{float: left;width:305px; margin-right: 52px; color: #666; margin-left:0px; text-align: center;line-height: 22px; }
.list-jias{float: right;width: 100px;}
.list-jias span{float: left;text-align:right; color:#f00;font-weight: bold;font-size: 18px; width: 100%;display: inline-block;line-height: 21px;}
.listfooter{float: left;width: 100%;height: 56px;line-height: 56px;border-bottom: 1px solid #e4e4e4; box-sizing: border-box; background-color: #fff; margin-bottom: 40px; }
.listf-le{float: left; }
.listf-le a{color: #000;display: inline-block; margin-left: 20px;}
.listf-le input{  width: 19px; height: 19px; background-color: #fff; margin-right: 10px;margin-left: 22px;cursor: pointer; margin-top: 20px; }
.listf-le span{  color: #000;font-size: 12px; margin-right: 35px;cursor: pointer;}
.listf-ri{float: right; }
.listf-ri input{width: 100%; height: 56px;   background-color: #e62e04;font-size: 16px;padding:0 30px; color: #fff;font-weight: bold;float: right; }
.listf-ri input:active{background-color: #d22700;}
.listf-ce{float: right;}
.listf-ce div{float: right;color: #000;font-size: 12px; margin-right:45px;}
.listf-ce div span{font-size: 20px;position: relative;top:-2px;color: #e62e04;font-weight: bold;}
.shancubox{position: fixed;display: none; width: 100%;height: 100%;z-index: 20; top: 300px;text-align: center;}
.shancuboxs{margin: auto;display: inline-block; position: relative;  width:500px;background-color: #fff;border-radius:10px;box-shadow: 0 0 10px #ddd; }
.shancuboxs h1{font-size: 20px;line-height:60px;float: left;width: 100%; }
.shancuboximg{position: absolute;right: 10px;top: 10px;cursor: pointer;}
.shancuboximg img{width: 20px;height: 20px;}
.shancutext{float: left;width: 100%;}
.shancutext p{float: left;text-align: center; width: 100%; padding: 0 10%;box-sizing: border-box; margin-bottom: 50px;}
.shancutexts{float:left; width: 100%;text-align: center; margin-bottom: 20px;}
.shancutexts a{display: inline-block;background-color: #eee;line-height: 36px; padding: 0 15px; margin: 0 5px; color: #333; }
.shancutexts a.active{background-color: #e62e04; color: #fff;}
/*sobre*/
.sobre{float: left;margin-top: 20px;width: 100%;}
.sobrebox{float: left;width: 100%;}
.sobrebox p{ color: #333;font-size: 14px;line-height: 24px;}
.sobrebox p.active{font-weight: bold; margin-top: 10px; margin-bottom: 5px;}
.sobrebox img{max-width: 100%;}
/*order*/
.peorder{width: 100%;float: left;background-color: #f4f4f4;}
.peorderbox{margin: auto;width: 1200px;}
.peorder-le{float: left;width: 238px;background-color: #fff; padding-bottom: 30px; margin-bottom: 45px;}
.peorder-my{float: left;width: 198px; margin: 0 20px;box-sizing: border-box;text-align: left;line-height: 52px;border-bottom: 1px solid #eee;}
.peorder-i{float:left;width: 100%; margin: 25px 0px 10px 0;}
.peorder-i li.active{background-color: #ffefef;}
.peorder-i li.active a{ color: #e81f21;}
.peorder-i h1{float: left;width: 100%;font-size: 14px; padding: 0 20px 6px 20px;box-sizing: border-box;}
.peorder-i li{float: left;width: 100%;text-indent: 20px; }
.peorder-i li a{line-height: 40px;font-size: 14px; color: #666;text-align: left;width: 100%;}
.deta-box{float: left;width: 100%;display: none;}
.detazkgd{float: left;width: 100%; color: #666;text-align: center;line-height: 40px;}
.detazkgd small{font-size: 12px;text-align: center;cursor: pointer; margin: auto;display: block; width: 50%;}
.detazkgd small img{width: 15px;position: relative;top:-1px;}
.peorder-i li a:hover{background-color: #ffefef; color: #e81f21;}
.peorder-ri{float: right;width: 942px;background-color: #fff; margin-bottom: 45px; padding-bottom: 45px;}
.peorder-ri h1{float: left;width: 902px;margin: 0 20px;line-height: 65px; font-size:18px;text-align: left;border-bottom: 1px solid #ddd;box-sizing: border-box;}
.peorder-riall{float: left; width: 100%; padding: 0 20px;box-sizing: border-box;}
.peorder-riall li{float: left;width: 100%;position: relative; border: 1px solid #eee;background-color: #fff; box-sizing: border-box; margin-top: 20px;}
.peorder-riallt{float: left;width: 100%;height: 34px; font-size: 12px;line-height: 34px;background-color: #e2e2e2;}
.peorder-riallt h2{font-size: 14px;float: left; color: #000;}
.riallt-q{float: left; margin-left: 20px;width: 200px;text-align: left; color:#000;}
.riallt-w{float: left;width: 298px;text-align: left;}
.riallt-e{float: left;text-align: left;}
.riallt-r{float: right;width: 245px;text-align: center;font-weight: bold; color: #e72222;}
.riallt-r h2{display: inline-block;float: none;}
.peorder-riallb{float: left;width: 100%;min-height: 120px;}
.riallb-i{float: left;width: 106px;text-align: center;padding-top: 20px;}
.riallb-i img{width: 80px;}
.riallb-i img:hover{opacity: 0.9;}
.riallb-cp{float: left;width:100%;font-size: 13px; margin-bottom: 20px; color: #000;}
.riallb-tc{float: left;width: 180px;}
.riallb-tcui{float: left;width: 150px;}
.riallb-tp{float: left;width: 95px;}
.riallb-to{float: right;width: 210px;text-align: center;color: #e72222;position: absolute;right: 0;top: 0;}
.riallb-t{float: left;width: 100%;font-size: 12px; color: #666;}
.riallb-ti{float: left;width: 140px;text-align: left;}
.riallb-t span{float: right;position: relative; display: inline-block;width:590px; margin-bottom: 20px;}
.riallb-c{float: left; width: 552px;min-height: 120px;  border-right:1px solid #e5e5e5; padding-top: 20px;}
.riallb-r{position:absolute;right: 0;top:34px;  width: 240px;text-align: center; }
.riallb-r a{margin: auto;display: block;width: 130px;font-size: 14px; height: 32px;line-height: 32px;}
.riallb-r a.active{background-color: #000; color: #fff;margin-top: 20px;margin-bottom: 10px;}
.riallb-r a.active:hover{background-color: #222;}
.riallb-r a.active1{ border: 1px solid #000; color: #000;box-sizing: border-box;}
label{
 /*background: url(../images/mark1.png) no-repeat -1px -1px;top:20px;left: 25px; */position: absolute; z-index:4; left: 0;background-color: #fff;width: 19px;height: 19px;box-sizing: border-box; 
}

/*单选、多选、开关*/
.aui-radio,
.aui-checkbox {
	border-radius: 0;
    /*width: 1.125rem;
    height: 1.125rem;*/
    background:#fff;
    border: solid 1px #dddddd;
    font-size: 0.8rem;
    margin: 0;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: default;
    -webkit-appearance: none;
    -webkit-user-select: none;
            user-select: none;
    -webkit-transition: background-color ease 0.1s;
            transition: background-color ease 0.1s;
}
.aui-checkbox {

}
/**/
.aui-radio:checked,
.aui-radio.aui-checked,
.aui-checkbox:checked,
.aui-checkbox.aui-checked {
    background-color: #fff;

    text-align: center;
    background-clip: padding-box;
}
.aui-radio:checked:before,
.aui-radio.aui-checked:before,
.aui-checkbox:checked:before,
.aui-checkbox.aui-checked:before,
.aui-radio:checked:after,
.aui-radio.aui-checked:after,
.aui-checkbox:checked:after,
.aui-checkbox.aui-checked:after {
    content: '';
    width: 0.5rem;
    height: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.25rem;
    margin-top: -0.25rem;
    background: transparent;
    border: 1px solid #e62e04;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.aui-radio:disabled,
.aui-radio.aui-disabled,
.aui-checkbox:disabled,
.aui-checkbox.aui-disabled {
    background-color: #dddddd;
    border: solid 1px #dddddd;
}
.aui-radio:disabled:before,
.aui-radio.aui-disabled:before,
.aui-radio:disabled:after,
.aui-radio.aui-disabled:after,
.aui-checkbox:disabled:before,
.aui-checkbox.aui-disabled:before,
.aui-checkbox:disabled:after,
.aui-checkbox.aui-disabled:after {
    content: '';
    width: 0.5rem;
    height: 0.3rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -0.25rem;
    margin-top: -0.25rem;
    background: transparent;
    border: 1px solid #ffffff;
    border-top: none;
    border-right: none;
    z-index: 2;
    -webkit-border-radius: 0;
            border-radius: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
}
.aui-switch {
    width: 2.3rem;
    height: 1.2rem;
    position: relative;
    vertical-align: top;
    border: 1px solid #dddddd;
    background-color: #dddddd;
    border-radius: 0.6rem;
    background-clip: content-box;
    display: inline-block;
    outline: none;
    -webkit-appearance: none;
            appearance: none;
    -webkit-user-select: none;
            user-select: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.aui-switch:before {
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.6rem;
    background-color: #fff;
    content: '';
    -webkit-transition: left 0.2s;
            transition: left 0.2s;
}
.aui-switch:checked {
    border-color: #00ce8f;
    background-color: #00ce8f;
}
.aui-switch:checked:before {
    left: 1.1rem;
}
/*personal*/
.personal-ri{ float: right; width: 942px; background-color: #fff;  margin-bottom: 45px;  padding-bottom: 45px;}
.personal-top{float: left;width:904px;box-sizing: border-box; margin: 0 20px;   border-bottom: 1px solid #ddd;}
.personal-top h1{float: left;  line-height: 65px; font-size: 18px; text-align: left;  }
.personal-top small{float: left;display: inline-block; margin-left: 10px; color: #333;font-size: 14px;line-height: 65px;}
.personal{float: left;width: 100%; padding: 0 20px;box-sizing: border-box;}
.personal-le{float: left;width: 650px;}
.personal-le h1{font-size: 14px; color: #000;line-height: 60px;}
.personal-lext{float: left;width: 100%; margin-bottom: 30px;display: flex;align-items: center;justify-content: flex-start;}
.personal-lext span.pele{float: left;width: 105px;font-size: 13px;}
.personal-lext input{float: left;text-indent: 10px; width: 450px;border: 1px solid #dddddd;height: 37px;box-sizing: border-box;}
.personal-lext input:hover{border: 1px solid #000;
	transition:All 0.3s ease-in-out;
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;}
.personal-lext span.peri{ color: #e72222;font-size: 14px; margin-left: 10px;}
.personal-alt{float: left;width: 100%;}
.personal-alt input{height: 40px;background-color: #000;font-size: 14px; color:#fff;text-align: center; padding: 0 50px;}
.personal-alt input:hover, .personal-ris input.perssc:hover{background-color: #333;}
.personal-ris{float: right;text-align: center; width: 120px; margin-top: 60px;position: relative; margin-right:60px;}
.personal-ris img{position: absolute;z-index: 5; width: 120px;height: 120px;border-radius: 100rem;left: 0;right: 0;}
.personal-ris input.perssi{position: absolute;z-index: 10;opacity: 0; right: 0;left: 0;top: 0; width: 120px;height: 120px;border-radius: 100rem;}
.personal-ris input.perssc{ cursor: pointer; height:34px;background-color: #000;width: 120px; margin-top: 150px; color: #fff;text-align: center; font-size: 12px; padding: 0 0px;}
/*add*/
.personal-lebox{float: left;width: 100%;}
.personal-lebox h1{font-size: 14px; color: #000; line-height: 60px;}
.personal-lebox .personal-alt input{margin: auto;display: block; margin-top: 45px;}
.add-list{float: left;width: 100%; margin-top: 20px;border-top:1px solid #eee;}
.add-listli{float: left;width: 100%;position: relative; display: flex;align-items: center;justify-content: flex-start;border-bottom:1px solid #eee;height: 80px;}
.add-lice{float: left;width: 70%;}
.add-lile{float: left;width: 80px;text-align: center;}
.add-lile input{border: 1px solid #ddd;width: 20px;height: 20px;cursor: pointer;}
.add-lice p{float: left;width: 100%; color: #666; font-size: 14px;}
.add-lice p.active{ color: #000;}
.add-lice p span{ margin-right: 14px;}
.add-riput{position:absolute;right: 0; line-height: 28px;width: 170px;}
.add-riput span{float: left;border: 1px solid #666; color: #666;font-size: 12px;border-radius: 2px;height: 26px;line-height: 26px; padding: 0 10px;margin-right:5px;}
.add-riputs{float: right;font-size: 10px;}
.add-riputs a{display: inline-block;font-size: 12px; color: #000; margin: 0 5px;}
.add-riputs a:hover{text-decoration: underline;}
.personal-deta{float: left;width: 450px;}
.personal-deta input{width:450px;float: left; display: inline-block;float: none; margin-right: 0px;}
.personal-deta div{width: 480px;display: flex;align-items: center;justify-content: flex-start; float: left;font-size: 13px; margin-bottom: 28px; }
span.peri{float: left;}
.personal-lext textarea{float: left;text-indent: 10px; width: 450px;font-size: 13px; border: 1px solid #dddddd; padding: 5px 0;  height:80px; box-sizing: border-box;}
.personal-lext textarea:hover{border: 1px solid #000;}
.yywef-li-todas li input{width: 20px;height: 20px;position: absolute;right: 5px;top: 5px;z-index: 10;cursor: pointer;}
.recogerri{float: right;line-height: 66px;}
.recogerri span{font-size: 12px;float:left;cursor: pointer; color: #000;margin-left: 10px;display: flex;align-items: center;justify-content: center;}
.recogerri input{width: 20px;height: 20px; margin-right: 10px;cursor: pointer; }
.detakefuimg{float: right; margin-right: 50px; margin-top: 10px;}
.detakefuimg img{ height: 50px;}
/*addorder*/
.add-order{float: left;width: 100%; margin-top: 20px; margin-bottom: 45px}
.add-orders{float: left;width: 100%;font-size: 12px; background-color: #fff; padding:20px;box-sizing: border-box;}
.add-ordersl{float: left;120px; color: #666;}
.add-ordersc{float: left;width:680px; margin-left: 50px;}
.add-ordersc p{width: 100%;float: left; color: #000; margin-bottom: 4px;position: relative;}
.add-ordersc p textarea{ padding: 5px;width: 360px;height: 70px; border: 1px solid #ddd; margin: 10px 0;}
.add-ordersc p img{width: 18px;height: 18px;position: absolute;left: 0;top: 1px; margin-right: 4px;float:left;}
.add-ordersc p span{margin-right: 15px;float: left;width: 90%; word-break:break-all;margin-left: 22px;}
.add-ordersc a{display: inline-block;text-decoration: none; line-height: 40px;   height: 40px; background-color: #000;  font-size: 14px;  color: #fff; text-align: center;  padding: 0 50px;}
.add-ordersc a:hover{text-decoration: underline;}
.order-addri{float: left;width: 530px;text-align: center;font-size: 14px; }
.order-addri p{width: 100%;float: left; padding: 0 20px;box-sizing: border-box; margin-top: 50px; }
.order-addri p.active{ margin-top: 10px;}
.order-addri p.active span{ color: #000;font-size: 14px; font-weight: normal;}
.order-addri p span{ color: #e72222;font-size: 16px;font-weight: bold;}
.add-cam{float: left;width: 100%; margin-bottom: 12px;}
.add-cam input{width: 20px;height: 20px;float: left; margin: 12px 20px 0 0;cursor: pointer;}
.add-cam p{ width: 80%; margin-bottom: 10px;font-size: 13px;}
.add-cam p small{float: left; width: 90%;}
.add-orbio{float: left;width: 100%;}
.add-orbio p.active{color: #000; margin-top: 10px;}
.orderxq{float: right;text-align: right;}
.orderxq span{color:#e62e04;font-weight: bold;font-size: 16px;}
.orderxq a{background-color: #f83c11;color: #fff;font-size: 12px;text-align: center;height: 32px;line-height: 32px;padding:0 10px; margin-top: 10px;margin-bottom: 5px;}
.orderxq small{font-size: 12px; color: #fff;cursor: pointer;}
/*个人中心*/
.minpc{float: left;width: 100%; padding-top: 30px; border-bottom: 1px solid #e4e4e4;}
.minpcli{float: left;width: 20%;text-align: center;font-size: 14px; color: #666;cursor: pointer; padding-bottom: 40px;}
.minpcli img{margin: auto; display: block; width: 40px;height: 40px;}
.minpcli:hover{color: #000;}
