@import url(http://fonts.lug.ustc.edu.cn/css?family=Lato:300,400);
body{font-family: 'Lato', sans-serif;background:#ebebeb;}

.modal{float:left;margin:20px;width:280px;border:1px solid #ddd;background:#fff;}
.modal .close{font-weight:4010;text-align:right;margin:0 10px 0 0;color:#888;}
.modal .content{}
.modal .content .title{}
.modal .content .title h2{margin:12px 0 20px 0;text-align:center;font-weight:300;font-size:30px;color:#3a4142;}
.modal .content .title h2 i{font-size:20px;width:40px;margin:-5px 0 0 0;}

.modal .content .detail{border-bottom:1px solid #ddd;background:#4da6cf;width:94%;padding:25px 0 0 0;min-height:60px;margin:0 auto;}
.modal .content .detail .item{float:left;width:33%;text-align:center;}
.item .title{color:#fff;font-size:10px;font-weight:300;}
.item .value{color:#fff;font-size:18px;margin:4px 0 0 0}
.modal .content .btn{min-height:30px;width:94%;margin:0 auto 8px auto;color:#fff;text-align:center;height:30px;padding:15px 0 0 0;font-size:12px;cursor:pointer;}
.modal .content .btn-continue{background:#4da6cf;}

.modal .content .btn-apply{background:#28729a;}
.modal .content .loading{height:129px;}

.modal .content .success{width:60px;height:60px;background:#4da6cf;border-radius:50%;margin:25px auto 0 auto;}

.success i{margin:23px 22px;color:#fff;}

.loading p{color:#68a8c6;text-align:center;font-sizE:13px;}
/*
Continue Button : #4da6cf
Title : #3a4142
loading text : #68a8c6
Apply Button : #28729a

*/