body{font-size: 12px;}
i, em {font-style: normal;}
.side {width:246px;background:#72A7FF;color: #fff;height: calc(100vh - 110px);}
.nav {padding:8px 0;text-align: center;}
.nav h3 {font-size: 20px;color:#fff;}
.nav ul {padding:10px 0;}
.nav ul.fast {border-top:0;}
.nav li {height:60px;position: relative;margin-top: 1px;}
.nav li a,.nav li a:visited {display: block;line-height:60px;height:60px;font-size: 16px;color:#fff;}
.nav li a:hover,.nav .on a,.nav .on a:visited {background: #5586F7;}
.nav li:hover::after,.nav li.on::after {content: "";display: block;border-right: 4px solid #fff;position: absolute;top:0;right: 0;height: 100%;}
.wrap{display: flex;background: #F0F1F5;}
.col{flex: 1;overflow: hidden;}
.mains{padding: 2%;overflow: hidden;overflow-y: scroll;}
.title {padding:10px 0 20px;height:22px;line-height:22px;box-sizing: content-box;}
.title h3 {display:block;float:left;font-size:16px;font-weight:normal}
.nav-tabs {height: 50px;background-color: #DCDFE6;}
.nav-tabs li {float: left;margin-bottom: -1px;position: relative;display: block;height: 50px;line-height: 50px;}
.nav-tabs li a {padding: 0 20px;display: block;}
.nav-tabs li.on {background-color: #fff;}
.nav-tabs li:hover {background-color: #D0D5DD;}
.m-orderlist {padding-top: 10px;}
.m-orderlist ul {padding-top: 10px;}
.m-orderlist li {position: relative;border: 1px solid #e8e8e8;background-color: #fff;margin-bottom: 20px;}
.m-orderlist li .hd {height: 40px;line-height: 40px;background: #f9f9f9;padding: 0 15px;font-size: 12px;}
.m-orderlist li .hd p {float: left;}
.m-orderlist li .hd p em {color: #aaa;padding-left: 20px;}
.m-orderlist li .hd a {float: right;}
.m-orderlist li .bd {display: flex;}
.m-orderlist li .orderpro {width: 60%;border-right: 1px solid #E8E8E8;}
.m-orderlist li .inf {width: 40%;}
.m-orderlist dl {padding: 10px;border-top: 1px solid #E8E8E8;height: 70px;color: #999;display: flex;}
.m-orderlist dl:first-child {border-top: 0;}
.m-orderlist dl dt {width: 70px;height: 70px;}
.m-orderlist dl dt img {width: 100%;height: 100%;}
.m-orderlist dl dd {flex: 1;float: left;width: 236px;font-size: 12px;line-height: 24px;}
.m-orderlist dl dd:nth-child(2) {flex: 3;}
.m-orderlist dl dd p {padding-left: 14px;font-size: 13px}
.m-orderlist dl dd a {color: #444;}
.m-orderlist dl dd.price {font-weight: 400;align-items: center;justify-content:center;;display: flex;}
.m-orderlist dl dd.price b {font-weight: 400;}
.m-orderlist dl dd.num {align-items: center;justify-content:center;;display: flex;color: #999;background: transparent;height: initial;}
.m-orderlist .inf {display: flex;justify-content:center;align-items: center;}
.m-orderlist .inf div {flex:1;text-align: center;line-height: 24px;}
.m-orderlist .inf .price b {color: #E4393C;}
.m-orderlist .inf .price span {display: block;color: #aaa;}
.m-orderlist .inf .sata {line-height: 24px;color: #888;}
.m-orderlist .inf .option a {display: block;line-height: 32px; align-items: center;}
.m-orderlist .inf .option {text-align: center;padding: 0 10px;}
.m-orderlist .inf .option .flex {display: flex;align-items: center;justify-content: space-evenly;margin-top: 5px;}
.m-orderlist .inf .option .flex a.w65 {width: 65px !important;}
.m-orderlist .inf .option a.edit {border: 1px solid #FFA51F;color: #FFA51F;border-radius: 3px;margin:5px auto 0}
.m-orderlist .inf .option a.edit:hover {background: #FFA51F;color: #fff;}
.m-orderlist .inf .option a.pay {border: 1px solid #CC0001;color: #CC0001;border-radius: 3px;max-width: 100px;margin:5px auto 0}
.m-orderlist .inf .option a.pay:hover {background: #CC0001;color: #fff;}
.m-orderlist .inf .option a.end {background-color: #FFA51F;color: #fff;border-radius: 3px;max-width: 100px;margin:0 auto}
.m-orderlist .inf .option a.end:hover {background-color: #FEC216;}
.sata span {display: block;}
.sata span:before {content: "";width: 6px;height: 6px;display: inline-block;background: #FFA51F;border-radius: 100%;margin-right: 10px;position: relative;top: -2px}
.sata span.pay {color: #16A96C;}
.sata span.pay:before {background: #16A96C;}
.sata span.endpay {color: #aaa;}
.sata span.endpay:before {background: #aaa;}
.pages {padding:18px 0px 24px 18px;clear:both;text-align:center}
.pages a,
.pages a:visited,.pages a:hover,.pages b {padding:0px 14px; border:1px solid #E8E8E8;display:inline-block;height:36px;line-heighT:36px;text-decoration:none;color:#888;background-color: #fff;}
.pages a:hover,.pages b {border:1px solid #FFA51F; color:#fff;background:#FFA51F;}
a.btndown {background:#FFA51F;color:#fff;padding:4px 10px}
.pages a:first-child {display: none;}
#user_setting_container .setting_box{padding:20px 0; border-top:1px #eee solid;}
#user_setting_container .setting_title{height:30px; line-height:30px; font-size:14px; }
#user_setting_container .setting_form{width:500px;}
#user_setting_container .rows{margin-bottom:12px;}
#user_setting_container .rows .input_box_txt{width:466px;}
#user_setting_container .rows .input_box_txt.null{border-color:#f00;}
#user_setting_container .rows .box_input_group{position:relative;}
#user_setting_container .rows .box_input_group .input_group_addon{width:55px; height:40px; line-height:40px; padding:0; text-align:center; white-space:nowrap; border:1px #c4cdd5 solid; border-right:0; float:left;}
#user_setting_container .rows .box_input_group .input_box{float:left;}
#user_setting_container .rows .box_input_group .input_group{width:487px;}
#user_setting_container .rows .box_select{height:40px; overflow:hidden; background:url(../img/icon_select.png) no-repeat right center; border:1px #c4cdd5 solid;}
#user_setting_container .rows .box_select>input{width:105%; height:40px; padding-left:12px; font-size:12px; color:#aaa; background:transparent; border:0; outline:0;font-size: 16px;}
#user_setting_container .rows p.error{line-height:16px; color:#f00; display:none;}
#user_setting_container .form_box .box{width:244px; float:left;}
#user_setting_container .form_box .box:first-child{margin-right:12px;}
#user_setting_container .form_box .box .input_box_txt{width:210px;}
#user_setting_container .form_box .box .box_select{width:275px;}

#user_setting_container .setting_button .btn_submit{height:37px; line-height:37px; overflow:hidden; padding:0 40px; font-size:16px; color:#fff; background-color:#e53935; border:0; border-radius:2px; -webkit-border-radius:2px;}
#user_setting_container .setting_button .btn_submit:hover{background-color:#b00b0b;}
.tdlist {widtH:100%;border-width: 1px;border-color: #EDEDED;border-collapse: collapse;}
.tdlist th {border-width: 1px;height:40px;line-height:40px;font-size:16px;font-weight:400;border-style: solid;border-color: #eee;background: #f9f9f9;}
.tdlist td {border-width: 1px;line-height:40px;height:40px;border-style: solid;border-color:#eee;text-align:center;font-size:14px}

.tdlist>tbody {}
.tdlist>tbody>tr:nth-of-type(even){background-color:#FBFBFB}

.tdlist td.red {color:#f00;}
.tdlist td.green {color:#090;}
.tdlist td.blue {color:#03c;}
.tdlist td.bold {font-weight:bold}
.tdlist tr:hover td {background:#f9f9f9}
.tdlist .n {text-indent:12px;text-align:left}
.tdlist td.nopay {color: #f00;}
.tdlist td.gopay {color: #090;}
.tdlist td.endpay {color: #ccc;}
.tdlist .count td {font-weight: bold;}
.tdlist .count:hover td {background: #fff;}
.tdlist  a.sbtn,.tdlist  a.rbtn,.tdlist  a.dbtn {font-size: 12px;line-height: 20px;height: 20px;padding:0 10px;}
.sbtn,.rbtn,a.sbtn,a.sbtn:visited,a.paybtn,a.paybtn:visited,a.dbtn {border:0;padding:0 34px;color:#fff;line-height:38px;height:38px;background:#FEC216; cursor:pointer;border-radius:3px;display:inline-block}
a.dbtn {border:1px solid #c1c1cc;color: #24252A;background-color: #fff;}
#user_setting_container .setting_box{padding:20px 0; border-top:1px #eee solid;}
#user_setting_container .setting_title{height:30px; line-height:30px; font-size:14px; }
#user_setting_container .setting_form{width:500px;}
#user_setting_container .rows{margin-bottom:12px;}
#user_setting_container .rows .input_box_txt{width:466px;}
#user_setting_container .rows .input_box_txt.null{border-color:#f00;}
#user_setting_container .rows .box_input_group{position:relative;}
#user_setting_container .rows .box_input_group .input_group_addon{width:55px; height:40px; line-height:40px; padding:0; text-align:center; white-space:nowrap; border:1px #c4cdd5 solid; border-right:0; float:left;}
#user_setting_container .rows .box_input_group .input_box{float:left;}
#user_setting_container .rows .box_input_group .input_group{width:487px;}
#user_setting_container .rows .box_select{height:40px; overflow:hidden; background:url(../img/icon_select.png) no-repeat right center; border:1px #c4cdd5 solid;}
#user_setting_container .rows .box_select>select{width:105%; height:40px; padding-left:12px; font-size:12px; color:#aaa; background:transparent; border:0; outline:0;}
#user_setting_container .rows p.error{line-height:16px; color:#f00; display:none;}
#user_setting_container .form_box .box{width:244px; float:left;}
#user_setting_container .form_box .box:first-child{margin-right:12px;}
#user_setting_container .form_box .box .input_box_txt{width:210px;}
#user_setting_container .form_box .box .box_select{width:275px;}

.setting_button .btn_submit{height:37px; line-height:37px; overflow:hidden; padding:0 40px; font-size:16px; color:#fff; background-color:#72A7FF; border:0; border-radius:2px; -webkit-border-radius:2px;cursor: pointer;}
.setting_button .btn_submit:hover{background-color:#5586F7;}
.input_box{position:relative; display:block;}
.input_box .input_box_label{max-width: 80%; height: 18px; line-height:18px; margin-bottom:.61538em; padding:0 5px; font-size:12px; font-weight:400; color:#666; background-color:#fff; position:absolute; top:-9px; left:11px; z-index:10; pointer-events:none; opacity:0; filter:alpha(opacity=0); transform:translateY(3px); -webkit-transform:translateY(3px); transition-property:opacity, -webkit-transform; -webkit-transition-property:opacity, -webkit-transform; transition-property:opacity, transform; transition-property:opacity, transform, -webkit-transform; transition-duration:150ms; -webkit-transition-duration:150ms;overflow:hidden;}
.input_box .input_box_label.zi20{z-index: 20;}
.input_box .input_box_txt{width:100%; height:18px; padding:11px 16px; font-size:12px; color:#333; background-color:#fff; border:1px #c4cdd5 solid; border-radius:5px; position:relative; z-index:1; display:inline-block; transition:all 150ms; -webkit-transition:all 150ms;box-sizing: content-box;}
.input_box .input_box_textarea{height:60px;}
.input_box.filled .input_box_label{opacity:1; filter:alpha(opacity=100); transform:translateY(0); -webkit-transform:translateY(0);}