@charset "gb2312";
body{background: #f5f0eb;position: relative;height: auto;min-height: 100%;}
.fr{float: right;}
.fl{float: left;}
.hide{display: none;}

/* header */
#header_bar{height:4.5rem;background-color:#e73322;}
#header_bar h2{color:#fff;text-align:center;font-size:1.8rem;line-height:4.5rem;}
.a_home{position:absolute;top:0.9rem;left:1rem;width:2.5rem;height:2.5rem;background:url(wapimageshome_icon.png);background-size:2.5rem 2.5rem;}
.a_home:after{position:absolute;top:1.5rem;left:1rem;width:2.05rem;height:1.8rem;background-position:0 0;content:"";}

/*车险*/
.column{background-color: #fff;overflow: hidden;}
.column li{width: 50%;}
.column li:nth-child(1){position: relative;}
.column li:nth-child(1):after{content: "";position: absolute;top:0;right:0;bottom:0;margin:auto;background: url(wapimagesline.jpg);display: block;width: .1rem;height: 5.5rem;background-size: .1rem 5.5rem;}
.column li a{width: 100%;font-size: 1.4rem;text-align: center;display: inline-block;color: #666;position: relative;padding-top: 3.8rem;padding-bottom: 1rem;}
.column li .car-insurance:after{content: "";position: absolute;top:-20%;right:0;bottom:0;left:0;margin:auto;background: url(wapimagescar.png);display: block;width: 4.1rem;height: 1.6rem;background-size: 4.1rem 1.6rem;}
.column li .other-insurance:after{content: "";position: absolute;top:-20%;right:0;bottom:0;left:0;margin:auto;background: url(wapimagesother.png);display: block;width: 1.6rem;height: 1.9rem;background-size: 1.6rem 1.9rem;}
.current{color: #e73324;border-bottom: 3px solid #e73324;}
.column .current .car-insurance:after{content: "";position: absolute;top:-20%;right:0;bottom:0;left:0;margin:auto;background: url(wapimagescar-live.png);display: block;width: 4.1rem;height: 1.6rem;background-size: 4.1rem 1.6rem;}
.column .current .other-insurance:after{content: "";position: absolute;top:-20%;right:0;bottom:0;left:0;margin:auto;background: url(wapimagesother-live.png);display: block;width: 1.6rem;height: 1.9rem;background-size: 1.6rem 1.9rem;}


/*其他保险*/
.content{margin-top: 1rem;}
.content ul{background-color: #fff;border-bottom: 1px solid #efefef;}
.content ul li{border-bottom: 1px solid #efefef;margin-left: 1rem;}
.content ul li:last-child{border: none;}
.write-input{padding: 1.5rem 0rem 1.5rem 0;font-size: 1.4rem;width: 100%}
.content .erification-code{margin-top: 1rem;}
.content .erification-code img{position: absolute;top:0rem;right: 1rem;bottom: 0;margin: auto;}
.content .erification-code{position: relative;}
.content .btn-quer{background-color: #e73324;color: #fff;font-size: 1.5rem;text-align: center;display: block;width: 94%;line-height: 4rem;margin: 0 auto;}
/*.p-arrow .arrow{top: 1.55rem;}*/
.p-arrow{position: relative;padding-right: 0rem}
.p-arrow .arrow{position: absolute; right: 1rem;top: 1.7rem;display: block;width: 8px;height: 16px; overflow: hidden;}
.p-arrow .arrow:before {content: "";position: absolute;right: 7px; top: 50%;margin-top: -17px;display: inline-block;width: 30px;height: 30px;border: 2px solid #2295cc;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.write-select{float: right;padding-right: 2rem;}
.p-arrow .icon-city:before{content: "";position: absolute;right: 1rem; top: 66%;margin-top: -17px;display: inline-block;width: 1.6rem;height: 1.5rem;background: url(wapimagescity.png) no-repeat center;background-size: 1.6rem 1.5rem;}

/*选择城市*/
.city-box{overflow:hidden;background-color:#fff;padding-bottom:2rem;}
.outer-city-box>div,.inner-city-box>div{padding:0 1rem;}
.inner-city-box,.outer-city-box{background-color:#f2f2f2;}
.city-head-box{height:4.2rem;}
.city-head{position:fixed;left:0;top:0;z-index:100;width:100%;height:4.1rem;border-bottom:1px solid #adadad;overflow:hidden;background-color:#f2f2f2;}
.city-close{position:absolute;width:4.1rem;height:4.1rem;}
.city-close:before,.city-close:after{content:"";display:block;position:absolute;top:1.8rem;left:.8rem;width:2.35rem;height:0;border-bottom:.2rem solid #e73324;border-radius:2px;}
.city-close:before{transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-ms-transform:rotate(-45deg);
-o-transform:rotate(-45deg);}
.city-close:after{transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);}
.city-head-list{width:17.2rem;margin:0 auto;text-align:center;border-radius:3px;border:1px solid #e73324;font-size:0;margin-top:.5rem;}
.city-head-list li{display:inline-block;width:50%;color:#e73324;height:2.9rem;line-height:2.9rem;text-align:center;font-size:1.7rem;}
.city-head-list li.current{background-color:#e73324;color:#fff;}
.city-head h2{line-height:44px;color:#fff;font-size:18px;}
/*搜索框*/
.search{height:4.4rem;overflow:hidden;}
.search form{position:relative;height:32px;margin-top:7px}
.search .deltext{display:none;position:absolute;top:1px;right:24px;width:28px;height:30px;background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEQTU1RDQ2N0IyQkYxMUU1OUNFNEJENjhFMTMwQjExMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEQTU1RDQ2OEIyQkYxMUU1OUNFNEJENjhFMTMwQjExMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkRBNTVENDY1QjJCRjExRTU5Q0U0QkQ2OEUxMzBCMTEzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkRBNTVENDY2QjJCRjExRTU5Q0U0QkQ2OEUxMzBCMTEzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RW9srwAAAR9JREFUeNq8lo0NgjAQheHiAIzACCQsgCO4gYzgBjqBI+gGuoELQMIIjuAGeA0lEjza+yFccml6bd4XWnhH2vd9smVAsnHs5oW2bQscrpiHsiw/WuElHSA2vTArN+I8M8BIHSA2jYuFBhrTmT5hMdmUaKAEbIzc5w+I53zHoSZ0WNAAzN3fHvW7vzvUQrkw8rOQQiWwxe+QC5XCXKQhp0HBIw43YskJnTAfElgUGIFSEYSxrC1wvGIY20sZUBZMat6dF6bi7XOdbhF4G8WOBCvARFAw2NVZAwWDN140NggWb9R4L1iMWAMFC0wDBStMCo11fLaDMKBVrOOLYBFojfVnqOOrYAvQ2s+HcO1pnk3TZFRdmqiTz2vp1r/6XwEGAN+RMFZBBKXWAAAAAElFTkSuQmCC) center center no-repeat;background-size:14px 14px;}
.search .search-text{width:100%;height:3.2rem;line-height:3.2rem;border-radius:5px;padding:0 2.4rem 0 1rem;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAfCAYAAAClDZ5ZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBODk0QTFCMzY4MTFFNUJFOUJFQjk4RDIzQTQyRjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBODk0QTBCMzY4MTFFNUJFOUJFQjk4RDIzQTQyRjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNGNjE0OEE4QjJCQzExRTVBMkVGQjAwOEIyNThBQUFBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNGNjE0OEE5QjJCQzExRTVBMkVGQjAwOEIyNThBQUFBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+tKnhKQAAA0BJREFUeNrUmFtIVFEUhmfUouym3eieKRUWJV0eCkyhsMSkIKSXyqCCeih76KGXgi4SQSR0k3qILkL10AVKcqIHo6QgskJBJAq6EmWkVFqZjn2L1sRmM+PoiPvoho/hrHPOmvOftfdaax9/RUWFL8KIgxRYAfkwFyaovRlewT24CY9zc3O/+zwc/ghC5IE3wQaYBgM68dEED6EE7iPojxdC4sLYsuEa7IcZUUTISII8uArFgUAguS8IWQVlsMg61w6f4Q28hXfQEkbQLihFzGgvhSyBkzDZsLVCFWyHpZCl12Wp6FPw0bg+HtbCAcQMcSkkwVgThywRDWq7AI1h7n2ti/08HIQcFSIvZwvUwGnXEdkMmYZd3vI2OB5BxP8px+J+wm8h3DDssq6KiEqaSyFToMCwtcERuA7BrjhBTIOuj0eGOR3WuRSSr38aGpVwrruOECNJ4ASY6Xc5URnmSkiekWLbNWs1xejvLjw3jmdCmish86ziVhOrM6LyhZ8HhmmkFe1eFTLeylSfeujzheV/lCshfuP4G/zsoU8plB3G8WBXQtqt6tzTQjbUejktroS8N47HWFMtlpEeprVxIuSpFZEFsToj1Y7T9sVcc3WuhNyC36G2Xqv02Bj9rYTZxnG9tjJOhASslLtYm8T4bkZDptROo3+TBV9OSm52JUT6qstGOyK2IthqPFQ0EbL5OgZzDHM1XHHdNEqHe8ewj4DDurma2Mn9gxCxTB84x7D/gKNE44PrNv4r7IFUbStkSI+0G1brjrFSN1XSVA6HDFij+5Qky2+dXu/Znl1a+TMwy7quQ+tBo6bUREjuZOqFOuh9RKXVi61ulbbet60u1q+FchJM1XqTECXSsvB3MPXivRDi0+51vWau6iiVOajJokxfgjkSdboWePk5KBQFafjm65eVDF0L8oZ/aX2QjdR9eAnT4SIstPxI51DIFKv0Sog9BipxOu2kiAZ5QDMNZ2p0Uqx7a2Ej1z5zObUijVZNq6EOORhmP1Kla6PBOiX1pQShqX1BSFdHOewF+xNqtn4+6h9CiIpE6qzv3yfUNmvN5fSniIiYUB0ptaZgfb8SomKkWSyGSxqZWu3hemX8FWAA7/fXQUnzcEAAAAAASUVORK5CYII=) right center no-repeat;background-size:25px 15px;border:1px solid #e5e5e5;}
.search .search-text:focus{border-color:#ccc}
.local{font-size:1.4rem;color:#333;line-height:3.4rem;}
.local span{color:#e73322;}
.city-title{height:30px;line-height:30px;font-size:1.4rem;color:#333;}
.hot-city{margin-bottom:1rem;}
.inner-city-list{overflow:hidden;position:relative;width:100%;border-radius:4px;border:1px solid #e5e5e5;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;background-color:#fff;}
.inner-city-list:before,.city-list:after{content:"";position:absolute;z-index:9;width:25%;height:100%;border-left:1px solid #e5e5e5;}
.inner-city-list:before{left:25%;border-right:1px solid #e5e5e5;}
.inner-city-list:after{left:75%;}
.inner-city-list li{position:relative;z-index:10;float:left;width:25%;text-align:center;font-size:1.3rem;height:30px;line-height:30px;border-bottom:1px solid #e5e5e5;margin-bottom:-1px;box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inner-city-list li a{display:block;color:#333;font-size:1.3rem;}
.city-all{background-color:#fff;}
.city-letter{position:relative;overflow:hidden;border-radius:4px;border:1px solid #e5e5e5;}
.city-letter a{position:relative;z-index:10;display:block;float:left;width:20%; color:#e73322;height:3rem;line-height:3rem;text-align:center;border-bottom:1px solid #e5e5e5;margin-bottom:-1px;text-transform:uppercase;font-size:14px;}
.city-letter:before,.city-box .city-letter:after{content:"";position:absolute;z-index:9;width:20%;height:100%;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;}
.city-letter:before{left:20%;}
.city-letter:after{left:60%;}
.all-tit{text-align:center;font-size:1.6rem;height:3.6rem;line-height:3.6rem;text-transform:uppercase;color:#333;font-weight:bold;}
/*国外城市*/
.outer-city-box .outer-city-all{padding:0;}
.outer-city-all .city-title{text-align:left;}
.outer-city-all .all-tit{text-align:left;padding:0 1rem;background-color:#f2f2f2;}
.outer-city-list{border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.outer-city-list li+li{border-top:1px solid #e5e5e5;}
.outer-city-list a{display:block;color:#333;font-size:1.3rem;height:2rem;line-height:2rem;padding:1rem;}
.outer-city-list a:active{background-color:#f2f2f2;}

.brands-letters-list{position: fixed;top:9rem;right: 0;bottom: 2rem;z-index:11;width:3rem;box-sizing:border-box;display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-orient: vertical;-webkit-flex-direction: column;flex-direction: column;touch-action: pan-x pan-y;-webkit-user-select: none;-webkit-user-drag: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.brands-letters-list li{position: relative;-webkit-box-flex: 1;-webkit-flex: 1;-ms-flex: 1;flex:1;text-transform:uppercase;color:#e35c51;text-align:center;font-size:1.3rem;}
.choose-tips{display:none;position:fixed;top:0;left:0;bottom:0;right:0;margin:auto;width:8rem;height:8rem;border-radius:50%;background-color:rgba(60,60,60,.18);text-align:center;line-height:8rem;font-size:4rem;color:#fff;}

/*返回顶部*/
.backtotop{display:none;position:fixed;bottom:2.5rem;right:2rem;z-index:101;}
.backtotop a{display:block;width:3rem;height:3rem;border-radius:50%;background-color:rgba(0,0,0,.5);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAgCAYAAADnnNMGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2lpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3NmQ2YTI3YS0zZTZhLWU3NGQtYmI0MS1jMjIxNjY0OTBiMmIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEY3QTI1M0Y4NTI1MTFFNjkzRTRDNjg2MTFENjk1NUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEY3QTI1M0U4NTI1MTFFNjkzRTRDNjg2MTFENjk1NUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkI5QjE4RDUyQTMwQjExRTU4RThCRUM2QkVFQzQwQUEyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkI5QjE4RDUzQTMwQjExRTU4RThCRUM2QkVFQzQwQUEyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+p3miWwAAANFJREFUeNrs1OENgyAQBeDTCTpCR2AER3AERukIHcGRHIER7ARXaCHR5I57raQ/Gl5yISL4RRBHZiaw5lgbv5PaCZ2LAp7l+FaIBpRMZxELKEvnvkUQAII0wO02+TTUCqhCLQEVag2IEAqsSv8NgRBgyWdBCuX7VSgNCgZABmJBgQCgvG0NqUKkLNUifNoWokLSyb4rBxRBKM8//ESH1+4TXXNtsVaSw0LfoIx1sS6xQqqCIPkEOWSkH6QjHelIR/4deRjXTRC/e3BqZ3TiU4ABAJ4bRKNyI2rSAAAAAElFTkSuQmCC);background-size:1.25rem 1.6rem;background-repeat:no-repeat;background-position:center center;}

/*-----*/
.error-tip{height:1.2rem;padding:1.25rem 1rem;font-size: 1.3rem;color: #e63322;}
.loading-mask{display:none;position:fixed;top:50%;left:50%;width:60%;height:9.6rem;margin:-4.8rem 0 0 -30%;background-color: rgba(0,0,0,.75);border-radius: 7px}
.loading-mask img{width:5rem;margin:1rem auto;}
.loading-mask p{font-size: 1.2rem;color: #fff;text-align: center}
.network-mask{display:none;position:fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5)}
.network{position: fixed;top: 50%;left: 50%;margin: -5rem 0 0 -37%;width: 70%;background-color: #fff;text-align: center;border-radius: 7px;}
.network .close{position: absolute;top: 0.6rem;right: 0.6rem;width: 2rem;height: 2rem;background: url("imagesclose.png") no-repeat center;background-size: 1.2rem 1.2rem;}
.network-top{font-size: 1.3rem;padding: 3rem 0;border-bottom: 1px solid #cdcdcd}
.network-bottom{font-size: 1.5rem;color: #2193cc;padding: 1.25rem 0}
.open{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:transform .4s ease-in;-moz-transition:transform .4s ease-in;-ms-transition:transform .4s ease-in;-o-transition:transform .4s ease-in;transition:transform .4s ease-in;}
.closed{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0); -webkit-transition:transform .4s ease-out;-moz-transition:transform .4s ease-out;-ms-transition:transform .4s ease-out;-o-transition:transform .4s ease-out;transition:transform .4s ease-out;}
option{direction: ltr;margin-right: 0.5rem;}