@charset "utf-8";
/* CSS Document */

html{ font-size:16px;}
.wrapper{ max-width:750px; margin:0 auto; background:#f0f0f0;}
/*16px;*/
@media screen and (max-width: 640px) { html{ font-size:16px; }}
/*上面是pad*/
@media screen and (max-width: 414px) { html{ font-size:9.968px; }}

@media screen and (max-width: 375px) { html{ font-size:9.42px; }}
/*上面是苹果plus*/
@media screen and (max-width: 360px) { html{ font-size:9px; }}
/*上面是华为H60-L01*/
@media screen and (max-width: 320px) { html{ font-size:8.26px; }}
/*上面是三星I1928*/

.chatbox{ position:relative; left:0; top:0; padding:0.875rem 0 10rem; width:100%;}

.robotSaid{ padding-bottom:3.875rem; padding-left:2.66666666666667%; position:relative; left:0; top:0;}
.robotSaid .horn{ width:2.4%; height:1.125rem; background:url(/images/smartRobot_V5/robotHorn_phone.png?v=a31d56e0) no-repeat center; background-size:100%; position:absolute; left:14.93333333333333%; top:1.875rem;}
.robotSaid .img{ float:left; padding-right:2.73972602739726%; width:12.05479452054795%; height:5.5rem; overflow:hidden;}
.robotSaid .img img{ width:100%;}
.robotSaid .content{ float:left; background:#ffffff; max-width:63.56164383561644%; font-family:Microsoft YaHei; font-size:1.625rem; color:#7c7c7c; border-radius:0.5rem;word-wrap:break-word;min-width: 260px;}
.robotSaid .content p{ line-height:2.625rem;}

.robotSaid .content ul{ padding:0.375rem 0;}
.robotSaid .content ul li{ padding-left:4.31034482758621%; background:url(/images/smartRobot_V5/li_phone.png?v=a49d16e4) no-repeat left 0.6rem; background-size:2.1551724137931%;}
.robotSaid .content li a{ color:#166fd3; font-size:1.375rem; text-decoration:underline;}

.peopleSaid{ padding-bottom:3.875rem; padding-right:4.8%; position:relative; left:0; top:0;}
.peopleSaid .horn{ width:2.4%; height:1.125rem; background:url(/images/smartRobot_V5/peopleHorn_phone.png?v=a9e5b9ba) no-repeat center; background-size:100%; position:absolute; right:17.06666666666667%; top:1.875rem;}
.peopleSaid .img{ float:right; padding-left:2.73972602739726%;  width:12.05479452054795%; height:5.5rem; overflow:hidden;}
.peopleSaid .img img{ width:100%;}
.peopleSaid .content{ float:right; background:#68c8ff; max-width:63.56164383561644%; padding:1.25rem 2.80112044817927%; font-family:Microsoft YaHei; font-size:1.625rem; color:#fefefe;border-radius:0.5rem;}
.peopleSaid .content p{ line-height:2.625rem;}


.waiterSaid{ padding-bottom:4.125rem; padding-left:6.93333333333333%; position:relative; left:0; top:0;}
.waiterSaid .horn{ width:2.4%; height:1.125rem; background-size:100%; position:absolute; left:4.8%; top:1.875rem;}
.waiterSaid .content{ float:left; background:#ffffff; max-width:86.24641833810888%; padding:1.25rem 2.86532951289398%; font-family:Microsoft YaHei; font-size:1.625rem; color:#7c7c7c; border-radius:0.5rem;}
.waiterSaid .content p{ line-height:2.625rem;}

.customerSaid{ padding-bottom:4.125rem; padding-right:9.33333333333333%; position:relative; left:0; top:0;}
.customerSaid .horn{ width:2.4%; height:1.125rem; background-size:100%; position:absolute; right:7.2%; top:1.875rem;}
.customerSaid .content{ float:right; background:#68c8ff; max-width:86.24641833810888%; padding:1.25rem 2.94117647058824%; font-family:Microsoft YaHei; font-size:1.625rem; color:#fefefe;border-radius:0.5rem;}
.customerSaid .content p{ line-height:2.625rem;}

.waiter{ position:absolute; right:0; top:-3.625rem; height:3.5rem; padding-left:70%; width:26%; padding-right:4%; background:#f0f0f0; }
.waiter input{ font-size:1.625rem; font-family:Microsoft YaHei; color:#42aae5; padding-left:20%; width:100%;display:block; height:3.5rem; line-height:3.5rem; background: url(/images/smartRobot_V5/waiter.png?v=a1a60678) no-repeat left center;background-size:17.30769230769231%;}


.inputbox{ border-top:0.125rem solid #dcdcdc; background:#ffffff; height:8.25rem; border-bottom:thin solid #f0f0f0; position:absolute; left:0; bottom:0; width:100%; max-width:750px;z-index:1000;}
.inputbox .value{ float:left; width:80.8%; height:6.25rem; padding-left:4.8%; padding-top:1rem; padding-bottom:1rem;}
.inputbox .value textarea{ width:100%; height:100%; display:block; overflow:hidden; font-size:1.625rem; line-height:2.0625rem;}
.inputbox .prompt{ height:3.5rem; line-height:3.5rem; position:absolute; left:4.8%; top:23%; margin-top:-1.75rem; background:url(/images/smartRobot_V5/prompt.png?v=aaade741) no-repeat left center; background-size:14.61538461538462%; padding-left:4%; font-size:1.625rem; font-family:Microsoft YaHei; color:#c6c6c6;z-index:1000;}
.inputbox .btn{ width:14.4%; height:8.25rem; float:left;}
.inputbox .btn input{ display:block; width:100%; height:100%;font-size:1.625rem; font-family:Microsoft YaHei; color:#999999;}


.inputbox2{ border-top:0.125rem solid #dcdcdc; background:#ffffff; height:8.25rem; border-bottom:thin solid #f0f0f0; position:fixed; left:0; bottom:0; width:100%; max-width:750px;}
.inputbox2 .expression{ padding-left:0.53333333333333%; width:9.33333333333333%; height:8.25rem; float:left; background-size:74.32432432432432%;}
.inputbox2 .expression input{ display:block; width:100%; height:100%;}
.inputbox2 .picture{ padding-right:0.53333333333333%; width:9.33333333333333%;  height:8.25rem; float:left; background-size:75.67567567567568%;}
.inputbox2 .picture input{ display:block; width:100%; height:100%;}
.inputbox2 .value{ float:left;  height:6.25rem; width:62.66666666666667%; padding-top:1rem; padding-bottom:1rem; margin-left:3.2%; }
.inputbox2 .value textarea{ width:100%; height:100%; display:block; overflow:hidden; font-size:1.625rem;; line-height:2.0625rem;}
.inputbox2 .prompt{ height:3.5rem; line-height:3.5rem; position:absolute; left:23.33333333333333%; top:50%; margin-top:-1.75rem; font-size:1.625rem; font-family:Microsoft YaHei; color:#c6c6c6;}
.inputbox2 .btn{ width:14.4%; height:8.25rem; float:left;}
.inputbox2 .btn input{ display:block; width:100%; height:100%;font-size:1.625rem; font-family:Microsoft YaHei; color:#999999;}