xiaoben-as2-php/css/component.css

/* {     
  
    -webkit-tap-highlight-color: transparent;  
    -webkit-appearance: none;  
}*/
body{margin:0;padding:0;font-family:"Lantinghei SC","Microsoft Yahei","Hiragino Sans GB","Helvetica Neue";}
a{text-decoration:none;}
p{margin:0px;}
h3{margin:0px;}
.button1{letter-spacing: 4px;display:inline-block;background-color:#ff531a;color:#fff;font-size:18px;width:250px;height:58px;text-align:center;line-height:60px;border-radius:5px;border-bottom:4px solid #c93301}
.button1:active{background-color:#d34010}
.button2{letter-spacing:1px;display:inline-block;width:120px;height:33px;border:1px solid #999999;border-radius:5px;text-align:center;line-height:33px;font-size:15px;color:#6a6b6b;background:url(../images/sLine.png) left repeat-x;}
.midBtn{width:200px;height:50px;line-height:50px;}
.minBtn{width:100px;height:40px;line-height:40px;}
.button2:active{background:-webkit-linear-gradient(top, #e6e6e6, #fefefe)}
.button3{background-color:#fff;width:112px;height:58px;text-align:center;display:inline-block;line-height:58px;border-radius:5px;font-size:18px;}
.button3.disabled{color:#acacac;cursor:text;}

input,textarea,select{font-family: inherit;outline:none;color:#333;vertical-align: baseline;border:1px solid #adadad;border-radius:2px;}
.changeSelect tr td select{width:60px;height:22px;padding-left:4px;}

.button4{width:100px;height:34px;line-height:34px;text-align:center;font-size:16px;background-color:#dcdcdc;color:#ff531a;display:inline-block;border-radius:6px 0px;}
.button5{height:40px;background-color:#e0e9f1;cursor:pointer;color:#555555;line-height:40px;padding:0 20px;display:inline-block;}
.button5.active{background-color:#8ea9c1;color:#fff;}
.center{text-align:center}
.right{text-align:right !important;}
.left{text-align:left !important;}
.fl{float:left}
.fr{float:right;}
.mid{vertical-align:middle;display:inline-block;}
ol,ul,dl,dt,dd{margin:0px;padding:0px;list-style:none;}
label{cursor:inherit;}
b{font-weight:normal;}
i{font-style:normal;}

.jz{text-align:left !important;}
.paddingNo{padding:0px !important;}
.paddingNo td{padding:0px !important;}
.heightNo td{height:0px !important;}

.btnone{border-top:none !important;}
.btnoner{border-right:none !important;}
.bbnone{border-bottom:none !important;}
.bordbom{border-bottom:1px solid #dfdfdf !important;}

.color1{color:#00b17d !important;}
.color2{color:#a0a0a0 !important;}
.color3{color:#468dc8 !important}
.color4{color:red !important;}
.color6{color:#e96b3a !important;}
.color7{color:#f8c050 !important;}
.color8{color:#b7b7b7 !important;}
.color9{color:#bababa !important;}
.color10{color:#555 !important;}
.color11{color:#282d30 !important;}
.color12{color:#898989 !important;}
.color13{color:#ff531b !important;}
.color14{color:#111 !important;}

.bcolor1{background-color:#00b17d !important;}
.bcolor2{background-color:#a0a0a0 !important;}
.bcolor3{background-color:#468dc8 !important}
.bcolor4{background-color:red !important;}
.bcolor6{background-color:#e96b3a !important;}
.bcolor7{background-color:#f8c050 !important;}


.dn{display:none;}
.mt5{margin-top:5px !important;}
.mt8{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt15{margin-top:15px !important;}
.mt25{margin-top:25px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt80{margin-top:80px !important;}
.mt100{margin-top:100px !important;}
.mt200{margin-top:200px !important;}

.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb15{margin-bottom:15px !important;}
.mb25{margin-bottom:25px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.mb200{margin-bottom:200px !important;}

.waring{position:relative;height:40px;margin-left:20px;display:inline-block;width:90px;border-radius:0 10px 10px 0;background-color:#ff531a;color:#fff;font-size:16px;text-align:center;line-height:40px;}
.waring:after{content:"";border-right:20px solid #ff531a;border-left:20px solid transparent;border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute;left:-40px;}
.waring:before{content:"";position:absolute;background-color:#fff;height:6px;width:6px;left: 0px;top: 17px;border-radius:3px;}


.m0{margin:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml15{margin-left:15px !important;}
.ml25{margin-left:25px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}

.p0{padding:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}
.pl15{padding-left:15px !important;}
.pl25{padding-left:25px !important;}
.pl50{padding-left:50px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pr15{padding-right:15px !important;}
.pr25{padding-right:25px !important;}
.pr50{padding-right:50px !important;}

.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt15{padding-top:15px !important;}
.pt25{padding-top:25px !important;}
.pt50{padding-top:50px !important;}
.pt80{padding-top:80px !important;}

.pb5{padding-bottom:5px !important;}
.pb0{padding-bottom:10px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}
.pb15{padding-bottom:15px !important;}
.pb25{padding-bottom:25px !important;}
.pb50{padding-bottom:50px !important;}


.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr50{margin-right:50px !important;}
.mr70{margin-right:70px !important;}
.mr80{margin-right:80px !important;}
.mr100{margin-right:100px !important;}

.bnone{border:none !important;}
.font12{font-size:12px !important;}
.font13{font-size:13px !important;}
.font14{font-size:14px !important;}
.font15{font-size:15px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}
.font24{font-size:24px !important;}


.borderRight th{border-right:1px solid #e6e6e6;}
.borderRight td{border-right:1px solid #e6e6e6;}
.paddingChang tr td{padding:15px 0px !important;}
.backcolor1{background-color:#f4f6f9 !important;}
.backcolor1 th , .backcolor1 td{background-color:#f4f6f9 !important;}

.boldNo{font-weight:100;}
.marginNo{margin:0px !important;}
.height60{height:60px !important;line-height:60px !important}


.bgWhite{background-color:#fff !important; color: #333}

.clearfix:after{clear:both;overflow:hidden;content:"";display:block;}
.cur{cursor:pointer;}
a{color:inherit;}
.linkorange{color:#ff531a}
.rel{position:relative;}
.sjxx{text-align:right;padding:20px;height:120px}
.fontSt{font-family:宋体}
.inlineblock{display:inline-block;}
.vcenter{vertical-align:middle;}

.fc1{border:1px solid #d7d9de;border-radius:3px;}
.fc1 li{border-top:1px solid #d7d9de;padding:0 12px;font-size:15px;color:#a7a7a7;min-height: 50px;}
.fc1 li:after{display:block;content:"";overflow:hidden;clear:both;}
.fc1 li:first-child{border-top:none;}
.fc1 li label{float:left;margin-top:15px}
.fc1 li input{float:right;width:80%;font-size:inherit;color:inherit;background-color:inherit;border:none;text-align:right;padding: 15px 0;}

.fc2{}
.fc2 li{border:1px solid #b2b8be;padding:0 12px;font-size:15px;color:#333;background-color:#fff;border-radius:5px;margin-bottom:10px;}
.fc1 li:last-child{margin-bottom:0px;}
.fc2 li:after{display:block;content:"";overflow:hidden;clear:both;}
.fc2 li label{float:left;margin-top:15px}
.fc2 li input{float:right;width:80%;font-size:inherit;color:inherit;background-color:inherit;border:none;text-align:right;padding: 15px 0;}

.fc3{border:1px solid #b2b8be;border-radius:5px;background-color:#fff;}
.fc3 li{padding:0 0 0 12px;font-size:15px;color:#333;}
.fc3 li:after{display:block;content:"";overflow:hidden;clear:both;}
.fc3 li:first-child input{border-top:none;}
.fc3 li label{float:left;margin-top:15px}
.fc3 li input{float:right;width:600px;font-size:inherit;color:inherit;background-color:inherit;border:none;text-align:right;padding: 14px 10px 14px 0;border-top:1px solid #b2b8be}

.fc4{border:1px solid #b2b8be;border-radius:5px;background-color:#fff;}
.fc4 li label{display:inline-block;padding:0 15px;}
.fc4 li input{width:560px;font-size:inherit;color:inherit;background-color:inherit;border:none;padding: 14px 10px 14px 0;border-left:1px solid #b2b8be;text-indent:15px;}


.icon {
	display: inline-block;
	background-image: url(../images/icons.png);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	vertical-align:-6px;
}
.colorWhite{color:#fff;}


.input_border_red{}
.validate_loading {float: right;margin-right: 5px;margin-top: -20px;}
.validate{line-height:normal;position:absolute;padding:8px 20px 8px 30px;background-color:#E46666 !important;z-index:1000;background-image:url(../images/jingshi.gif);background-repeat:no-repeat;background-position:10px 11px;}
.validate b{position:absolute;left:-3.5px;color:#E46666;z-index:2}
.validate.left b{left:100%;margin-left:-6px;}
.validate.top b{left: 50%;margin-left: -5px;margin-top: -6px;top: 100%;}
.validate.right b{position:absolute;left:100%;margin-left:-6px;color:#fff;z-index:2;}
.validate.right b.b2{margin-left:-5px;color:#E46666;z-index:1;left:100%;}

.validate b.b2{left:-5px;color:#E46666;z-index:1;}
.validate.left b.b2{left:100%;margin-left:-5px;}
.validate.top b.b2{left: 50%;margin-top:-5px;}

.validate label{white-space: nowrap;color:#fff}
.validate label img{vertical-align:middle;margin-right:3px;}


.lvtip{border:1px solid #0090db;position:absolute;padding:8px 15px 8px 30px;background-color:#fff !important;z-index:2500;background-image:url(../images/lvtip.gif);background-repeat:no-repeat;background-position:10px center;box-shadow:inset #eaeaea 0px 2px 2px 0px}
.lvtip b{position:absolute;left:-5.5px;color:#fff;z-index:2;}
.lvtip b.b2{left:-7px;color:#0090db;z-index:1;}
.lvtip.top b{left: 50%;margin-left: -5px;margin-top: -10px;top: 100%;}
.lvtip label{white-space: nowrap;color:#555;white-space:pre-line;line-height:1.5}

.lvtip.right b{position:absolute;left:100%;margin-left:-6px;color:#fff;z-index:2;}
.lvtip.right b.b2{margin-left:-4.5px;color:#0090db;z-index:1;}
.lvtip label{white-space: nowrap;color:#555;white-space:pre-line;line-height:1.5}

.lvtip.loadSuccess{background-image:url(../images/loadSuccess.jpg)}
.lvtip.loadError{background-image:url(../images/loadError.jpg)}
.lvtip.loading{background-image:url(../images/validate_loading.gif)}
.lvtip.loadInfo{background-image:url(../images/lvtip_info.gif)}
.gsImgLatex{vertical-align:middle}

.bold{font-weight:bold;}


.pup_upbox{border:1px solid #c5c4ca;background:#fff;display:none;}
.pup_uptitle{border:1px solid rgb(69,87,129);background:rgb(69,87,129);margin:1px;position:relative;height:28px;}
.pup_titlename{color:#fff;line-height:28px;font-weight:700;}
.pup_titleicon{background-position:-50px -1008px;display:inline-block;width:17px;height:17px; vertical-align:middle;margin:0 10px;}
.pup_close{width:29px;height:28px;display:block; background-position:left -1002px;cursor:pointer;position:absolute;top:0px;right:0px;}
.pup_content{padding:12px;line-height:25px;color:#666; background:#fff;min-width:180px;text-align:left;}
.pup_content p{text-indent:30px;}
.pup_content>span{width:100%;text-align:right;}
.pup_footer{border-top:1px solid #c5c4ca;background:#f2f3f2;padding:1px;}
.pup_footercontert{background:#e6e7e6;height:24px;}
.pad_lr{padding:0 5px 0 10px;}
.rt_align{text-align:right;color:#3c4f79;}
.check_tishi{ vertical-align:middle;}


.lineHeight27{line-height:27px}
.porrelative{position:relative}